1/*
2 * Copyright (C) 2024 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 */
15export const TabPaneApSummaryHtml = `<style>
16        :host{
17          padding: 10px 10px;
18          display: flex;
19          flex-direction: column;
20        }
21        .tab-summary-head {
22          display: grid;
23          grid-template-columns: 40% 15% 15% 15% 15%;
24          height: 30px;
25          line-height: 30px;
26          align-items: center;
27          background-color: white;
28        }
29        .tree-row-tr {
30          display: flex;
31          height: 30px;
32          line-height: 30px;
33          align-items: center;
34          background-color: white;
35          width: 100%;
36        }
37        .tree-row-tr:hover {
38          background-color: #DEEDFF;
39        }
40        .tree-row-tr:nth-last-child(1):hover {
41          background-color: white;
42        }
43        .head-label, .head-count {
44          white-space: nowrap;
45          overflow: hidden;
46          font-weight: bold;
47        }
48        .row-name-td {
49          white-space: nowrap;
50          overflow-y: hidden;
51          display: inline-block;
52          margin-right: 15px;
53          height: 30px;
54        }
55        tr {
56          height: 30px;
57        }
58        .row-name-td::-webkit-scrollbar {
59          display: none;
60        }
61        .ap-tree-table {
62          display: grid;
63          overflow: hidden;
64          grid-template-rows: repeat(auto-fit, 30px);
65          position: sticky;
66          top: 0;
67        }
68        .ap-tree-table:hover{
69          overflow-x: auto;
70        }
71        </style>
72        <div class="tab-summary-head">
73          <div style="justify-content: flex-start; display: flex">
74            <div class="expansion-div" style="display: grid;">
75              <lit-icon class="expansion-up-icon" name="up"></lit-icon>
76              <lit-icon class="expansion-down-icon" name="down"></lit-icon>
77            </div>
78            <label class="head-label" style="cursor: pointer;">ModuleName</label>
79            <label class="head-label" style="cursor: pointer;">->FunctionName</label>
80            <label class="head-label" style="cursor: pointer;">->Offset</label>
81            <label class="head-label" style="cursor: pointer;">->Type</label>
82          </div>
83          <label class="head-count">isRoot</label>
84          <label class="head-count">Kind</label>
85          <label class="head-count">abcId</label>
86          <label class="head-count">Id</label>
87        </div>
88        <div id="tab-summary" style="overflow: auto;display: grid; grid-template-columns: 40% 15% 15% 15% 15%;"></div>
89        `;
90