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 16import { BaseElement, element } from '../../BaseElement.js'; 17 18@element('pagination-box') 19export class PaginationBox extends BaseElement { 20 private paginationBoxPage: any; 21 22 static get observedAttributes() { 23 return ['text', 'height', 'width']; 24 } 25 26 get text() { 27 return this.getAttribute('text') || ''; 28 } 29 30 set text(text: string) { 31 this.setAttribute('text', text); 32 } 33 34 get height() { 35 return this.getAttribute('height') || ''; 36 } 37 38 set height(height: string) { 39 this.setAttribute('height', height); 40 } 41 42 initHtml(): string { 43 return ` 44 <style> 45 :host{ 46 width: 100%; 47 height: 100%; 48 display: block; 49 position: relative; 50 background: background: var(--dark-background3,#FFFFFF); 51 } 52 </style> 53 <div class="pagination" id="box"></div> 54 `; 55 } 56 57 initElements(): void { 58 this.paginationBoxPage = this.shadowRoot?.querySelector('#box'); 59 } 60 61 attributeChangedCallback(name: string, oldValue: string, value: string) { 62 switch (name) { 63 } 64 } 65} 66