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 16 17export function element(tag: string) { 18 return (el: any) => { 19 if (!customElements.get(tag)) { 20 customElements.define(tag, el); 21 } 22 } 23} 24 25export abstract class BaseElement extends HTMLElement { 26 args: any; 27 28 public constructor(args: any | undefined | null = null) { 29 super(); 30 this.args = args; 31 this.attachShadow({mode: 'open'}).innerHTML = this.initHtml(); 32 this.initElements(); 33 } 34 35 abstract initElements(): void; 36 37 abstract initHtml(): string; 38 39 public connectedCallback() { 40 } 41 42 public disconnectedCallback() { 43 } 44 45 public adoptedCallback() { 46 } 47 48 attributeChangedCallback(name: string, oldValue: string, newValue: string) { 49 } 50} 51