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 const SpSdkConfigHtml = `
17<style>
18.sdk-config-div {
19   flex-direction: column;
20   width: 80%;
21   display: flex;
22   gap: 15px;
23}
24:host{
25    display: inline-block;
26    width: 100%;
27    height: 100%;
28    background: var(--dark-background3,#FFFFFF);
29    border-radius: 0 16px 16px 0;
30}
31.root {
32    font-size:16px;
33    padding-left: 54px;
34    margin-right: 30px;
35    padding-top: 30px;
36    margin-bottom: 30px;
37}
38:host([show]) .sdk-config-div {
39   display: flex;
40   flex-direction: column;
41   margin-bottom: 1vh;
42}
43
44:host(:not([show])) .sdk-config-div {
45   margin-top: 5vh;
46   margin-bottom: 5vh;
47   gap: 25px;
48}
49
50:host(:not([show])) .hidden {
51   display: none;
52}
53
54.sdk-config-title {
55  opacity: 0.9;
56  line-height: 40px;
57  font-family: Helvetica-Bold;
58  font-size: 18px;
59  text-align: center;
60  font-weight: 700;
61  margin-right: 10px;
62}
63
64.sdk-config-des {
65  opacity: 0.6;
66  font-family: Helvetica;
67  font-size: 14px;
68  text-align: center;
69  line-height: 35px;
70  font-weight: 400;
71}
72
73.sdk-config-select {
74  border-radius: 15px;
75}
76
77input {
78   height: 25px;
79   outline:none;
80   border-radius: 16px;
81   text-indent:2%
82}
83input::-webkit-input-placeholder{
84    color:var(--bark-prompt,#999999);
85}
86lit-switch {
87  display:inline;
88  float: right;
89  height: 38px;
90  margin-top: 10px;
91}
92.sdk-config-input {
93    border: 1px solid var(--dark-background5,#ccc);
94    font-family: Helvetica;
95    font-size: 14px;
96    color: var(--dark-color1,#212121);
97    text-align: left;
98    line-height: 20px;
99    font-weight: 400;
100}
101
102:host([startSamp]) .sdk-config-input {
103    background: var(--dark-background5,#FFFFFF);
104}
105
106:host(:not([startSamp])) .sdk-config-input {
107    color: var(--dark-color1,#212121);
108}
109
110</style>
111<div class="root">
112    <div class="sdk-config-div">
113        <div>
114            <span class="sdk-config-title">Start Custom Config</span>
115            <lit-switch class="config_switch" ></lit-switch>
116        </div>
117    </div>
118    <div class="sdk-config-div" id="select_config">
119        <lit-select-v show-search class="processSelect" rounded default-value="" 
120        id="pid" placement="bottom" style="width:100%"></lit-select-v>
121    </div>
122    <div class="configList">
123    </div>
124</div>
125`;
126