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): (el: unknown) => void { 17 return (el: unknown): void => { 18 if (!customElements.get(tag)) { 19 //@ts-ignore 20 customElements.define(tag, el); 21 } 22 }; 23} 24 25export abstract class BaseElement extends HTMLElement { 26 args: unknown; 27 28 public constructor(args: unknown | 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(): void {} 40 41 public disconnectedCallback(): void {} 42 43 public adoptedCallback(): void {} 44 45 attributeChangedCallback(name: string, oldValue: string, newValue: string): void {} 46} 47