@holoviz/panel 1.4.1-a.1 → 1.4.1-rc.2
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/bundled/editabletemplate/editable.css +8 -2
- package/dist/bundled/fastbasetemplate/fast.css +6 -0
- package/dist/bundled/notificationarea/panel/1.4.1-rc.2/dist/bundled/font-awesome/css/all.min.css +2 -0
- package/dist/bundled/panel/1.4.1-rc.2/dist/bundled/bootstrap5/css/bootstrap.min.css +2 -0
- package/dist/bundled/panel/1.4.1-rc.2/dist/bundled/bootstrap5/js/bootstrap.bundle.min.js +2 -0
- package/dist/bundled/panel/1.4.1-rc.2/dist/bundled/font-awesome/css/all.min.css +2 -0
- package/dist/bundled/panel/1.4.1-rc.2/dist/bundled/jquery/jquery.slim.min.js +2 -0
- package/dist/bundled/plotlyplot/panel/1.4.1-rc.2/dist/bundled/jquery/jquery.slim.min.js +2 -0
- package/dist/bundled/theme/bootstrap.css +9 -8
- package/dist/bundled/theme/material.css +0 -4
- package/dist/bundled/vanillatemplate/vanilla.css +1 -1
- package/dist/css/button.css +0 -9
- package/dist/css/loading.css +4 -0
- package/dist/css/models/card.css +3 -6
- package/dist/css/models/perspective.css +506 -0
- package/dist/dts/styles/button.css.d.ts +0 -1
- package/dist/dts/styles/models/perspective.css.d.ts +3 -0
- package/dist/lib/models/button.d.ts +2 -0
- package/dist/lib/models/button.js +14 -0
- package/dist/lib/models/button.js.map +1 -1
- package/dist/lib/models/card.js +8 -2
- package/dist/lib/models/card.js.map +1 -1
- package/dist/lib/models/checkbox_button_group.d.ts +2 -0
- package/dist/lib/models/checkbox_button_group.js +14 -0
- package/dist/lib/models/checkbox_button_group.js.map +1 -1
- package/dist/lib/models/column.js +8 -4
- package/dist/lib/models/column.js.map +1 -1
- package/dist/lib/models/icon.d.ts +1 -0
- package/dist/lib/models/icon.js +11 -1
- package/dist/lib/models/icon.js.map +1 -1
- package/dist/lib/models/perspective.d.ts +2 -0
- package/dist/lib/models/perspective.js +4 -0
- package/dist/lib/models/perspective.js.map +1 -1
- package/dist/lib/models/radio_button_group.d.ts +2 -0
- package/dist/lib/models/radio_button_group.js +14 -0
- package/dist/lib/models/radio_button_group.js.map +1 -1
- package/dist/lib/models/tabulator.js +2 -1
- package/dist/lib/models/tabulator.js.map +1 -1
- package/dist/lib/styles/button.css.d.ts +0 -1
- package/dist/lib/styles/button.css.js +1 -2
- package/dist/lib/styles/loading.css.js +1 -1
- package/dist/lib/styles/models/card.css.js +1 -1
- package/dist/lib/styles/models/perspective.css.d.ts +1 -0
- package/dist/lib/styles/models/perspective.css.js +3 -0
- package/dist/panel.js +106 -32
- package/dist/panel.js.map +1 -1
- package/dist/panel.json +1 -1
- package/dist/panel.min.js +15 -14
- package/package.json +1 -1
- package/dist/bundled/notificationarea/panel/1.4.1-a.1/dist/bundled/font-awesome/css/all.min.css +0 -2
- package/dist/bundled/panel/1.4.1-a.1/dist/bundled/bootstrap5/css/bootstrap.min.css +0 -2
- package/dist/bundled/panel/1.4.1-a.1/dist/bundled/bootstrap5/js/bootstrap.bundle.min.js +0 -2
- package/dist/bundled/panel/1.4.1-a.1/dist/bundled/font-awesome/css/all.min.css +0 -2
- package/dist/bundled/panel/1.4.1-a.1/dist/bundled/jquery/jquery.slim.min.js +0 -2
- package/dist/bundled/plotlyplot/panel/1.4.1-a.1/dist/bundled/jquery/jquery.slim.min.js +0 -2
|
@@ -5,6 +5,7 @@
|
|
|
5
5
|
|
|
6
6
|
.header-icon {
|
|
7
7
|
background-color: currentColor;
|
|
8
|
+
cursor: pointer;
|
|
8
9
|
mask-size: cover;
|
|
9
10
|
height: 18px;
|
|
10
11
|
width: 18px;
|
|
@@ -30,6 +31,11 @@
|
|
|
30
31
|
-webkit-mask-image: url('data:image/svg+xml;base64,PHN2ZyBmaWxsPSIjMDAwMDAwIiB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjI0cHgiIGhlaWdodD0iMjRweCIgdmlld0JveD0iMCAwIDQwNy4wOTYgNDA3LjA5NiIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+DQo8Zz4NCiAgPGc+DQogICAgPHBhdGggZD0iTTQwMi4xMTUsODQuMDA4TDMyMy4wODgsNC45ODFDMzE5Ljg5OSwxLjc5MiwzMTUuNTc0LDAsMzExLjA2MywwSDE3LjAwNUM3LjYxMywwLDAsNy42MTQsMCwxNy4wMDV2MzczLjA4Ng0KCSAgICAgYzAsOS4zOTIsNy42MTMsMTcuMDA1LDE3LjAwNSwxNy4wMDVoMzczLjA4NmM5LjM5MiwwLDE3LjAwNS03LjYxMywxNy4wMDUtMTcuMDA1Vjk2LjAzMg0KCSAgICAgQzQwNy4wOTYsOTEuNTIzLDQwNS4zMDUsODcuMTk3LDQwMi4xMTUsODQuMDA4eiBNMzAwLjY2NCwxNjMuNTY3SDY3LjEyOVYzOC44NjJoMjMzLjUzNVYxNjMuNTY3eiIvPg0KICAgIDxwYXRoIGQ9Ik0yMTQuMDUxLDE0OC4xNmg0My4wOGMzLjEzMSwwLDUuNjY4LTIuNTM4LDUuNjY4LTUuNjY5VjU5LjU4NGMwLTMuMTMtMi41MzctNS42NjgtNS42NjgtNS42NjhoLTQzLjA4DQoJICAgICBjLTMuMTMxLDAtNS42NjgsMi41MzgtNS42NjgsNS42Njh2ODIuOTA3QzIwOC4zODMsMTQ1LjYyMiwyMTAuOTIsMTQ4LjE2LDIxNC4wNTEsMTQ4LjE2eiIvPg0KICA8L2c+DQo8L2c+DQo8L3N2Zz4NCg==');
|
|
31
32
|
}
|
|
32
33
|
|
|
34
|
+
.disabled-button {
|
|
35
|
+
cursor: not-allowed;
|
|
36
|
+
opacity: 0.5;
|
|
37
|
+
}
|
|
38
|
+
|
|
33
39
|
#main {
|
|
34
40
|
padding: 5px 0 0 0;
|
|
35
41
|
}
|
|
@@ -43,9 +49,9 @@
|
|
|
43
49
|
.muuri-grid-item {
|
|
44
50
|
background-color: var(--panel-background-color, white);
|
|
45
51
|
box-shadow:
|
|
46
|
-
color-mix(in srgb, var(--panel-shadow-color,
|
|
52
|
+
color-mix(in srgb, var(--panel-shadow-color, black) 30%, transparent) 0px
|
|
47
53
|
1px 2px 0px,
|
|
48
|
-
color-mix(in srgb, var(--panel-shadow-color,
|
|
54
|
+
color-mix(in srgb, var(--panel-shadow-color, black) 15%, transparent) 0px
|
|
49
55
|
1px 3px 1px;
|
|
50
56
|
display: block;
|
|
51
57
|
margin: 10px;
|
|
@@ -149,14 +149,6 @@ button.accordion-header {
|
|
|
149
149
|
border-radius: 0;
|
|
150
150
|
}
|
|
151
151
|
|
|
152
|
-
:host(.card-header-row) .card-title {
|
|
153
|
-
margin: 0;
|
|
154
|
-
}
|
|
155
|
-
|
|
156
|
-
.card-header > .card-header-row {
|
|
157
|
-
margin-left: 15px;
|
|
158
|
-
}
|
|
159
|
-
|
|
160
152
|
:host(.card-title) h1,
|
|
161
153
|
:host(.card-title) h2,
|
|
162
154
|
:host(.card-title) h3,
|
|
@@ -595,6 +587,15 @@ textarea.bk-input {
|
|
|
595
587
|
--bs-btn-disabled-border-color: #212529;
|
|
596
588
|
}
|
|
597
589
|
|
|
590
|
+
input[type='file'].bk-input {
|
|
591
|
+
padding-left: 10px;
|
|
592
|
+
}
|
|
593
|
+
|
|
594
|
+
input[type='file']::file-selector-button {
|
|
595
|
+
background: var(--bs-surface-bg);
|
|
596
|
+
color: var(--bs-surface-color);
|
|
597
|
+
}
|
|
598
|
+
|
|
598
599
|
.bk-menu {
|
|
599
600
|
background-color: var(--bs-form-control-bg);
|
|
600
601
|
color: var(--bs-form-control-color);
|
package/dist/css/button.css
CHANGED
|
@@ -157,12 +157,3 @@
|
|
|
157
157
|
:host(.bk-panel-models-widgets-FileDownload) .bk-btn .bk-TablerIcon {
|
|
158
158
|
margin-left: 0.5em;
|
|
159
159
|
}
|
|
160
|
-
|
|
161
|
-
input[type='file'].bk-input {
|
|
162
|
-
padding-left: 10px;
|
|
163
|
-
}
|
|
164
|
-
|
|
165
|
-
input[type='file']::file-selector-button {
|
|
166
|
-
background: var(--surface-color);
|
|
167
|
-
color: var(--surface-text-color);
|
|
168
|
-
}
|
package/dist/css/loading.css
CHANGED
package/dist/css/models/card.css
CHANGED
|
@@ -16,10 +16,10 @@
|
|
|
16
16
|
border-radius: 0.25rem;
|
|
17
17
|
display: inline-flex;
|
|
18
18
|
justify-content: start;
|
|
19
|
-
left: 0;
|
|
20
19
|
outline: unset;
|
|
21
20
|
position: sticky;
|
|
22
21
|
width: 100%;
|
|
22
|
+
padding-inline: 0.5em;
|
|
23
23
|
}
|
|
24
24
|
.accordion-header {
|
|
25
25
|
align-items: center;
|
|
@@ -30,18 +30,15 @@
|
|
|
30
30
|
display: flex;
|
|
31
31
|
justify-content: start;
|
|
32
32
|
position: sticky;
|
|
33
|
-
left: 0;
|
|
34
33
|
width: 100%;
|
|
35
34
|
}
|
|
36
35
|
.card-button {
|
|
37
36
|
background-color: transparent;
|
|
38
|
-
margin-left:
|
|
39
|
-
margin-right: 0.
|
|
37
|
+
margin-left: 0em;
|
|
38
|
+
margin-right: 0.25em;
|
|
40
39
|
}
|
|
41
40
|
.card-header-row {
|
|
42
|
-
margin-left: auto 1em;
|
|
43
41
|
position: relative !important;
|
|
44
|
-
max-width: calc(100% - 2em);
|
|
45
42
|
}
|
|
46
43
|
.card-title {
|
|
47
44
|
align-items: center;
|
|
@@ -0,0 +1,506 @@
|
|
|
1
|
+
/******************************************************************************
|
|
2
|
+
*
|
|
3
|
+
* Copyright (c) 2017, the Perspective Authors.
|
|
4
|
+
*
|
|
5
|
+
* This file is part of the Perspective library, distributed under the terms of
|
|
6
|
+
* the Apache License 2.0. The full license can be found in the LICENSE file.
|
|
7
|
+
*
|
|
8
|
+
*/
|
|
9
|
+
/******************************************************************************
|
|
10
|
+
*
|
|
11
|
+
* Copyright (c) 2017, the Perspective Authors.
|
|
12
|
+
*
|
|
13
|
+
* This file is part of the Perspective library, distributed under the terms of
|
|
14
|
+
* the Apache License 2.0. The full license can be found in the LICENSE file.
|
|
15
|
+
*
|
|
16
|
+
*/
|
|
17
|
+
regular-table {
|
|
18
|
+
padding: 0;
|
|
19
|
+
margin: 12px 0 0 12px;
|
|
20
|
+
scrollbar-color: transparent transparent;
|
|
21
|
+
scrollbar-width: thin;
|
|
22
|
+
outline: none;
|
|
23
|
+
}
|
|
24
|
+
regular-table:hover {
|
|
25
|
+
scrollbar-color: rgba(0, 0, 0, 0.3) transparent;
|
|
26
|
+
}
|
|
27
|
+
.sub-cell-scroll-enabled regular-table table tbody td,
|
|
28
|
+
.sub-cell-scroll-enabled regular-table table thead th:not(.rt-group-corner) {
|
|
29
|
+
transform: translate(var(--regular-table--transform-x, 0px));
|
|
30
|
+
}
|
|
31
|
+
.sub-cell-scroll-enabled regular-table table tbody {
|
|
32
|
+
transform: translate(0, var(--regular-table--transform-y, 0px));
|
|
33
|
+
}
|
|
34
|
+
.sub-cell-scroll-enabled regular-table table tbody tr:first-child td,
|
|
35
|
+
.sub-cell-scroll-enabled regular-table table tbody tr:first-child th {
|
|
36
|
+
clip-path: polygon(0 var(--regular-table--clip-y, 0), 0 200%, 200% 200%, 200% var(--regular-table--clip-y, 0));
|
|
37
|
+
}
|
|
38
|
+
.sub-cell-scroll-enabled regular-table table thead th.rt-group-corner {
|
|
39
|
+
background: var(--plugin--background, white);
|
|
40
|
+
z-index: 1;
|
|
41
|
+
}
|
|
42
|
+
.sub-cell-scroll-enabled regular-table table tbody tr td:first-of-type {
|
|
43
|
+
clip-path: polygon(var(--regular-table--clip-x, 0) 0, var(--regular-table--clip-x, 0) 200%, 200% 200%, 200% 0);
|
|
44
|
+
}
|
|
45
|
+
.sub-cell-scroll-enabled regular-table table tbody tr:first-child td:first-of-type {
|
|
46
|
+
clip-path: polygon(var(--regular-table--clip-x, 0) var(--regular-table--clip-y, 0), var(--regular-table--clip-x, 0) 200%, 200% 200%, 200% var(--regular-table--clip-y, 0));
|
|
47
|
+
}
|
|
48
|
+
regular-table {
|
|
49
|
+
font-family: inherit;
|
|
50
|
+
}
|
|
51
|
+
regular-table div[tabindex] {
|
|
52
|
+
outline: none;
|
|
53
|
+
}
|
|
54
|
+
regular-table > div {
|
|
55
|
+
position: absolute;
|
|
56
|
+
top: 0;
|
|
57
|
+
left: 0;
|
|
58
|
+
right: 0;
|
|
59
|
+
bottom: 0;
|
|
60
|
+
overflow: hidden;
|
|
61
|
+
}
|
|
62
|
+
regular-table th {
|
|
63
|
+
text-align: center;
|
|
64
|
+
}
|
|
65
|
+
regular-table thead tr:not(:last-child) th {
|
|
66
|
+
overflow: hidden;
|
|
67
|
+
max-width: 0px;
|
|
68
|
+
}
|
|
69
|
+
regular-table thead tr:last-child .rt-float,
|
|
70
|
+
regular-table tbody .rt-float {
|
|
71
|
+
text-align: right;
|
|
72
|
+
}
|
|
73
|
+
regular-table thead .rt-integer,
|
|
74
|
+
regular-table tbody .rt-integer {
|
|
75
|
+
text-align: right;
|
|
76
|
+
}
|
|
77
|
+
regular-table tbody th {
|
|
78
|
+
text-align: left;
|
|
79
|
+
}
|
|
80
|
+
regular-table span.rt-tree-container {
|
|
81
|
+
display: flex;
|
|
82
|
+
align-items: center;
|
|
83
|
+
height: 100%;
|
|
84
|
+
}
|
|
85
|
+
regular-table thead .rt-string,
|
|
86
|
+
regular-table tbody .rt-string,
|
|
87
|
+
regular-table thead .rt-date,
|
|
88
|
+
regular-table tbody .rt-date,
|
|
89
|
+
regular-table thead .rt-datetime,
|
|
90
|
+
regular-table tbody .rt-datetime {
|
|
91
|
+
text-align: left;
|
|
92
|
+
}
|
|
93
|
+
regular-table thead tr:last-child th {
|
|
94
|
+
border-bottom: 1px solid #eaedef;
|
|
95
|
+
}
|
|
96
|
+
regular-table tbody tr:first-child td,
|
|
97
|
+
regular-table tbody tr:first-child th {
|
|
98
|
+
border-top: 1px solid transparent !important;
|
|
99
|
+
}
|
|
100
|
+
regular-table th {
|
|
101
|
+
position: relative;
|
|
102
|
+
}
|
|
103
|
+
regular-table tr th span.rt-tree-group {
|
|
104
|
+
margin-left: 5px;
|
|
105
|
+
margin-right: 15px;
|
|
106
|
+
border-left: 1px solid #eee;
|
|
107
|
+
height: 100%;
|
|
108
|
+
}
|
|
109
|
+
regular-table td,
|
|
110
|
+
regular-table th {
|
|
111
|
+
white-space: nowrap;
|
|
112
|
+
font-size: 12px;
|
|
113
|
+
padding-right: 5px;
|
|
114
|
+
padding-left: 5px;
|
|
115
|
+
padding-top: 0px;
|
|
116
|
+
padding-bottom: 0px;
|
|
117
|
+
height: 19px;
|
|
118
|
+
}
|
|
119
|
+
regular-table tr:hover td {
|
|
120
|
+
background: #eee;
|
|
121
|
+
opacity: 1;
|
|
122
|
+
}
|
|
123
|
+
regular-table tr:hover {
|
|
124
|
+
color: #333;
|
|
125
|
+
}
|
|
126
|
+
regular-table table * {
|
|
127
|
+
box-sizing: border-box;
|
|
128
|
+
}
|
|
129
|
+
regular-table table {
|
|
130
|
+
position: absolute;
|
|
131
|
+
overflow: hidden;
|
|
132
|
+
color: #666;
|
|
133
|
+
outline: none;
|
|
134
|
+
}
|
|
135
|
+
regular-table span.rt-row-header-icon {
|
|
136
|
+
color: #aaa;
|
|
137
|
+
padding-right: 4px;
|
|
138
|
+
font-family: var(--button--font-family, 'Material Icons');
|
|
139
|
+
}
|
|
140
|
+
regular-table span.rt-column-header-icon {
|
|
141
|
+
font-size: 10px;
|
|
142
|
+
padding-left: 3px;
|
|
143
|
+
display: inline-block;
|
|
144
|
+
width: 10px;
|
|
145
|
+
font-family: var(--button--font-family, 'Material Icons');
|
|
146
|
+
}
|
|
147
|
+
regular-table span.rt-row-header-icon:hover {
|
|
148
|
+
color: #1a7da1;
|
|
149
|
+
text-shadow: 0px 0px 3px #1a7da1;
|
|
150
|
+
}
|
|
151
|
+
regular-table .rt-selected td {
|
|
152
|
+
background-color: #eee;
|
|
153
|
+
}
|
|
154
|
+
regular-table .rt-cell-clip {
|
|
155
|
+
overflow: hidden;
|
|
156
|
+
text-overflow: ellipsis;
|
|
157
|
+
}
|
|
158
|
+
regular-table td span.rt-group-name,
|
|
159
|
+
regular-table th span.rt-group-name {
|
|
160
|
+
margin-right: -5px;
|
|
161
|
+
padding-right: 5px;
|
|
162
|
+
padding-left: 8px;
|
|
163
|
+
flex: 1;
|
|
164
|
+
height: 100%;
|
|
165
|
+
}
|
|
166
|
+
regular-table th span.rt-group-name {
|
|
167
|
+
text-align: left;
|
|
168
|
+
}
|
|
169
|
+
regular-table td th span.rt-group-leaf,
|
|
170
|
+
regular-table th span.rt-group-leaf {
|
|
171
|
+
margin-left: 16px;
|
|
172
|
+
height: 100%;
|
|
173
|
+
}
|
|
174
|
+
regular-table .rt-column-resize {
|
|
175
|
+
height: 100%;
|
|
176
|
+
width: 10px;
|
|
177
|
+
position: absolute;
|
|
178
|
+
top: 0;
|
|
179
|
+
right: 0;
|
|
180
|
+
cursor: col-resize;
|
|
181
|
+
}
|
|
182
|
+
regular-table a {
|
|
183
|
+
color: var(--rt-pos-cell--color);
|
|
184
|
+
}
|
|
185
|
+
regular-table a:visited {
|
|
186
|
+
color: var(--active--color);
|
|
187
|
+
}
|
|
188
|
+
regular-table::-webkit-scrollbar,
|
|
189
|
+
regular-table::-webkit-scrollbar-corner {
|
|
190
|
+
background-color: transparent;
|
|
191
|
+
height: 12px;
|
|
192
|
+
width: 12px;
|
|
193
|
+
}
|
|
194
|
+
regular-table::-webkit-scrollbar-thumb {
|
|
195
|
+
background-clip: content-box;
|
|
196
|
+
background-color: rgba(0, 0, 0, 0);
|
|
197
|
+
border-radius: 5px;
|
|
198
|
+
}
|
|
199
|
+
regular-table::-webkit-scrollbar-thumb:horizontal {
|
|
200
|
+
border-bottom: 2px solid transparent;
|
|
201
|
+
border-top: 2px solid transparent;
|
|
202
|
+
}
|
|
203
|
+
regular-table::-webkit-scrollbar-thumb:vertical {
|
|
204
|
+
border-left: 2px solid transparent;
|
|
205
|
+
border-right: 2px solid transparent;
|
|
206
|
+
}
|
|
207
|
+
regular-table:hover::-webkit-scrollbar-thumb {
|
|
208
|
+
background-color: rgba(0, 0, 0, 0.15);
|
|
209
|
+
}
|
|
210
|
+
regular-table::-webkit-scrollbar-thumb:hover {
|
|
211
|
+
background-color: rgba(0, 0, 0, 0.3);
|
|
212
|
+
}
|
|
213
|
+
/******************************************************************************
|
|
214
|
+
*
|
|
215
|
+
* Copyright (c) 2017, the Perspective Authors.
|
|
216
|
+
*
|
|
217
|
+
* This file is part of the Perspective library, distributed under the terms of
|
|
218
|
+
* the Apache License 2.0. The full license can be found in the LICENSE file.
|
|
219
|
+
*
|
|
220
|
+
*/
|
|
221
|
+
.psp-header-border:not(.psp-is-top):not(.psp-header-leaf) {
|
|
222
|
+
box-shadow: 1px 0px var(--inactive--color, #eaedef);
|
|
223
|
+
}
|
|
224
|
+
.psp-header-group {
|
|
225
|
+
box-shadow: 0px 10px 0 -9px var(--inactive--color, #eaedef);
|
|
226
|
+
}
|
|
227
|
+
.psp-is-top {
|
|
228
|
+
box-shadow: 5px 4px 0px -4px var(--inactive--color, #eaedef);
|
|
229
|
+
}
|
|
230
|
+
.psp-is-top.psp-header-group:not(.psp-header-group-corner) {
|
|
231
|
+
box-shadow: 5px 4px 0px -4px var(--inactive--color, #eaedef), 0px 10px 0 -9px var(--inactive--color, #eaedef);
|
|
232
|
+
}
|
|
233
|
+
.psp-header-border.psp-header-group:not(.psp-is-top):not(
|
|
234
|
+
.psp-header-group-corner
|
|
235
|
+
) {
|
|
236
|
+
box-shadow: 1px 0px var(--inactive--color, #eaedef), 0px 10px 0 -9px var(--inactive--color, #eaedef);
|
|
237
|
+
}
|
|
238
|
+
.psp-header-leaf.psp-header-border {
|
|
239
|
+
box-shadow: 5px -4px 0px -4px var(--inactive--color, #eaedef);
|
|
240
|
+
}
|
|
241
|
+
tr:only-child th {
|
|
242
|
+
box-shadow: none !important;
|
|
243
|
+
}
|
|
244
|
+
/******************************************************************************
|
|
245
|
+
*
|
|
246
|
+
* Copyright (c) 2017, the Perspective Authors.
|
|
247
|
+
*
|
|
248
|
+
* This file is part of the Perspective library, distributed under the terms of
|
|
249
|
+
* the Apache License 2.0. The full license can be found in the LICENSE file.
|
|
250
|
+
*
|
|
251
|
+
*/
|
|
252
|
+
regular-table tbody tr:hover th.psp-tree-leaf:not(.psp-row-selected):not(.psp-row-subselected),
|
|
253
|
+
regular-table tbody tr:hover th.psp-tree-label:not(.psp-row-selected):not(.psp-row-subselected),
|
|
254
|
+
regular-table tbody tr:hover td:not(.psp-row-selected):not(.psp-row-subselected) {
|
|
255
|
+
border-color: var(--rt-hover--border-color, #c5c9d080) !important;
|
|
256
|
+
background-color: transparent;
|
|
257
|
+
box-shadow: 0px 1px 0px var(--rt-hover--border-color, #c5c9d080), 0px 3px 0px rgba(0, 0, 0, 0.05), 0px 5px 0px rgba(0, 0, 0, 0.01);
|
|
258
|
+
}
|
|
259
|
+
regular-table tbody tr:hover + tr th.psp-tree-leaf:not(.psp-row-selected):not(.psp-row-subselected),
|
|
260
|
+
regular-table tbody tr:hover + tr th.psp-tree-label:not(.psp-row-selected):not(.psp-row-subselected),
|
|
261
|
+
regular-table tbody tr:hover + tr td:not(.psp-row-selected):not(.psp-row-subselected) {
|
|
262
|
+
border-top-color: transparent;
|
|
263
|
+
}
|
|
264
|
+
regular-table tbody tr th:first-child:not(:empty),
|
|
265
|
+
regular-table tbody tr th:first-child:empty + th:not(:empty),
|
|
266
|
+
regular-table tbody tr th:first-child:empty ~ th:empty + th:not(:empty),
|
|
267
|
+
regular-table tbody tr td:first-child {
|
|
268
|
+
border-left-width: 1px;
|
|
269
|
+
border-left-color: transparent;
|
|
270
|
+
}
|
|
271
|
+
regular-table tbody tr th:last-child,
|
|
272
|
+
regular-table tbody tr td:last-child {
|
|
273
|
+
border-right-width: 1px;
|
|
274
|
+
border-right-color: transparent;
|
|
275
|
+
}
|
|
276
|
+
regular-table tbody tr:hover {
|
|
277
|
+
color: #161616;
|
|
278
|
+
}
|
|
279
|
+
regular-table tbody tr:hover th:first-child:not(:empty),
|
|
280
|
+
regular-table tbody tr:hover th:first-child:empty + th:not(:empty),
|
|
281
|
+
regular-table tbody tr:hover th:first-child:empty ~ th:empty + th:not(:empty),
|
|
282
|
+
regular-table tbody tr:hover td:first-child {
|
|
283
|
+
border-left-color: var(--rt-hover--border-color, #c5c9d080) !important;
|
|
284
|
+
}
|
|
285
|
+
regular-table tbody tr:hover th:last-child,
|
|
286
|
+
regular-table tbody tr:hover td:last-child {
|
|
287
|
+
border-right-color: var(--rt-hover--border-color, #c5c9d080) !important;
|
|
288
|
+
}
|
|
289
|
+
/******************************************************************************
|
|
290
|
+
*
|
|
291
|
+
* Copyright (c) 2017, the Perspective Authors.
|
|
292
|
+
*
|
|
293
|
+
* This file is part of the Perspective library, distributed under the terms of
|
|
294
|
+
* the Apache License 2.0. The full license can be found in the LICENSE file.
|
|
295
|
+
*
|
|
296
|
+
*/
|
|
297
|
+
perspective-viewer[settings] regular-table .psp-header-leaf {
|
|
298
|
+
height: 36px;
|
|
299
|
+
vertical-align: top;
|
|
300
|
+
padding-top: 2px;
|
|
301
|
+
}
|
|
302
|
+
perspective-viewer[settings] regular-table .psp-header-leaf:not(.psp-header-corner):before {
|
|
303
|
+
font-family: var(--button--font-family, inherit);
|
|
304
|
+
content: var(--column-style-open-button--content, var(--config-button-icon--content, '\u1f527'));
|
|
305
|
+
position: absolute;
|
|
306
|
+
width: calc(100% - 8px);
|
|
307
|
+
left: 5px;
|
|
308
|
+
bottom: 0px;
|
|
309
|
+
color: var(--inactive--color, #b4b7be);
|
|
310
|
+
}
|
|
311
|
+
perspective-viewer[settings] regular-table .psp-header-leaf.psp-menu-enabled:not(.psp-header-corner):before {
|
|
312
|
+
color: inherit;
|
|
313
|
+
cursor: pointer;
|
|
314
|
+
}
|
|
315
|
+
perspective-viewer[settings] regular-table .psp-header-leaf.psp-menu-open:not(.psp-header-corner) {
|
|
316
|
+
pointer-events: none;
|
|
317
|
+
}
|
|
318
|
+
perspective-viewer[settings] regular-table .psp-header-leaf.psp-menu-open:not(.psp-header-corner):before {
|
|
319
|
+
content: var(--column-style-close-button--content, 'X');
|
|
320
|
+
}
|
|
321
|
+
perspective-viewer[settings] regular-table .psp-header-leaf.psp-menu-enabled:hover:before {
|
|
322
|
+
color: #338dcd;
|
|
323
|
+
}
|
|
324
|
+
perspective-viewer[settings] regular-table .psp-header-leaf .rt-column-resize {
|
|
325
|
+
height: 18px;
|
|
326
|
+
}
|
|
327
|
+
.psp-row-selected,
|
|
328
|
+
:hover .psp-row-selected,
|
|
329
|
+
:hover th.psp-tree-leaf.psp-row-selected,
|
|
330
|
+
:hover th.psp-tree-label.psp-row-selected {
|
|
331
|
+
color: white !important;
|
|
332
|
+
background-color: #ea7319 !important;
|
|
333
|
+
border-color: #ea7319 !important;
|
|
334
|
+
}
|
|
335
|
+
.psp-row-selected.psp-tree-label:not(:hover):before {
|
|
336
|
+
color: white;
|
|
337
|
+
}
|
|
338
|
+
.psp-row-subselected,
|
|
339
|
+
:hover .psp-row-subselected,
|
|
340
|
+
:hover th.psp-tree-leaf.psp-row-subselected,
|
|
341
|
+
:hover th.psp-tree-label.psp-row-subselected {
|
|
342
|
+
background: rgba(234, 115, 25, 0.2) !important;
|
|
343
|
+
}
|
|
344
|
+
.psp-error {
|
|
345
|
+
color: red;
|
|
346
|
+
}
|
|
347
|
+
td:focus {
|
|
348
|
+
outline: #666;
|
|
349
|
+
outline-style: dotted;
|
|
350
|
+
outline-width: 1px;
|
|
351
|
+
}
|
|
352
|
+
perspective-viewer.dragging regular-table {
|
|
353
|
+
pointer-events: none;
|
|
354
|
+
}
|
|
355
|
+
.psp-header-border:last-child {
|
|
356
|
+
border-right-width: 0px;
|
|
357
|
+
}
|
|
358
|
+
.psp-header-sort-desc:after {
|
|
359
|
+
font-family: var(--button--font-family, inherit);
|
|
360
|
+
font-size: 10px;
|
|
361
|
+
content: var(--sort-order-desc--content, '\u2193');
|
|
362
|
+
}
|
|
363
|
+
.psp-header-sort-asc:after {
|
|
364
|
+
font-family: var(--button--font-family, inherit);
|
|
365
|
+
font-size: 10px;
|
|
366
|
+
content: var(--sort-order-asc--content, '\u2191');
|
|
367
|
+
}
|
|
368
|
+
.psp-header-sort-col-desc:after {
|
|
369
|
+
font-family: var(--button--font-family, inherit);
|
|
370
|
+
font-size: 10px;
|
|
371
|
+
content: var(--sort-order-col-desc--content, '\u2190');
|
|
372
|
+
}
|
|
373
|
+
.psp-header-sort-col-asc:after {
|
|
374
|
+
font-family: var(--button--font-family, inherit);
|
|
375
|
+
font-size: 10px;
|
|
376
|
+
content: var(--sort-order-col-asc--content, '\u2192');
|
|
377
|
+
}
|
|
378
|
+
tbody th:last-of-type {
|
|
379
|
+
border-right: 1px solid #eaedef;
|
|
380
|
+
overflow: hidden;
|
|
381
|
+
text-overflow: ellipsis;
|
|
382
|
+
}
|
|
383
|
+
tbody th:empty {
|
|
384
|
+
background-image: linear-gradient(to right, transparent 9px, #eee 10px, transparent 11px);
|
|
385
|
+
background-repeat: no-repeat;
|
|
386
|
+
min-width: 20px;
|
|
387
|
+
max-width: 20px;
|
|
388
|
+
pointer-events: none;
|
|
389
|
+
}
|
|
390
|
+
.psp-tree-label {
|
|
391
|
+
max-width: 0px;
|
|
392
|
+
min-width: 0px;
|
|
393
|
+
}
|
|
394
|
+
.psp-tree-label:before {
|
|
395
|
+
color: #ccc;
|
|
396
|
+
font-family: var(--button--font-family, inherit);
|
|
397
|
+
padding-right: 11px;
|
|
398
|
+
vertical-align: -1px;
|
|
399
|
+
}
|
|
400
|
+
.psp-tree-label-expand:before {
|
|
401
|
+
content: var(--tree-label-expand--content, '+');
|
|
402
|
+
}
|
|
403
|
+
.psp-tree-label-collapse:before {
|
|
404
|
+
content: var(--tree-label-collapse--content, '-');
|
|
405
|
+
}
|
|
406
|
+
.psp-tree-label:hover:before {
|
|
407
|
+
color: #338dcd;
|
|
408
|
+
text-shadow: 0px 0px 5px #338dcd;
|
|
409
|
+
}
|
|
410
|
+
regular-table thead tr:last-child th {
|
|
411
|
+
border-bottom-width: 1px;
|
|
412
|
+
border-bottom-color: var(--inactive--color, #eaedef);
|
|
413
|
+
}
|
|
414
|
+
.psp-tree-leaf {
|
|
415
|
+
padding-left: 24px;
|
|
416
|
+
}
|
|
417
|
+
.psp-align-right {
|
|
418
|
+
text-align: right;
|
|
419
|
+
}
|
|
420
|
+
.psp-align-left {
|
|
421
|
+
text-align: left;
|
|
422
|
+
}
|
|
423
|
+
.psp-positive:not(:focus) {
|
|
424
|
+
color: var(--rt-pos-cell--color, #338dcd);
|
|
425
|
+
}
|
|
426
|
+
.psp-negative:not(:focus) {
|
|
427
|
+
color: var(--rt-neg-cell--color, #ff5942);
|
|
428
|
+
}
|
|
429
|
+
regular-table table tbody td {
|
|
430
|
+
min-width: 52px !important;
|
|
431
|
+
}
|
|
432
|
+
.psp-is-width-override .rt-column-resize,
|
|
433
|
+
.rt-column-resize:hover {
|
|
434
|
+
border: 1px dashed #999;
|
|
435
|
+
border-bottom-width: 0px;
|
|
436
|
+
border-left-width: 0px;
|
|
437
|
+
}
|
|
438
|
+
.psp-bool-type {
|
|
439
|
+
font-family: var(--button--font-family, 'Material Icons');
|
|
440
|
+
}
|
|
441
|
+
.boolean-editable {
|
|
442
|
+
cursor: pointer;
|
|
443
|
+
}
|
|
444
|
+
regular-table table {
|
|
445
|
+
user-select: none;
|
|
446
|
+
color: #161616;
|
|
447
|
+
border-collapse: separate;
|
|
448
|
+
}
|
|
449
|
+
regular-table table th {
|
|
450
|
+
font-weight: 400;
|
|
451
|
+
}
|
|
452
|
+
regular-table table td,
|
|
453
|
+
regular-table table th {
|
|
454
|
+
border-color: #eaedef;
|
|
455
|
+
height: 23px;
|
|
456
|
+
}
|
|
457
|
+
regular-table table .psp-header-group {
|
|
458
|
+
text-overflow: ellipsis;
|
|
459
|
+
}
|
|
460
|
+
regular-table table .psp-header-leaf {
|
|
461
|
+
border-bottom-width: 0px;
|
|
462
|
+
}
|
|
463
|
+
regular-table table td,
|
|
464
|
+
regular-table table th.psp-tree-label,
|
|
465
|
+
regular-table table th.psp-tree-label,
|
|
466
|
+
regular-table table th.psp-tree-leaf,
|
|
467
|
+
regular-table table tbody tr:first-child th {
|
|
468
|
+
border-style: solid;
|
|
469
|
+
border-width: 0px;
|
|
470
|
+
border-top-width: 1px;
|
|
471
|
+
}
|
|
472
|
+
regular-table table tbody th:empty {
|
|
473
|
+
background-position: 0px -10px;
|
|
474
|
+
}
|
|
475
|
+
@keyframes pulse_pos {
|
|
476
|
+
0% {
|
|
477
|
+
background-color: var(--pulse--background-color-start, rgba(0, 128, 255, 0.5));
|
|
478
|
+
}
|
|
479
|
+
100% {
|
|
480
|
+
background-color: var(--pulse--background-color-end, rgba(0, 128, 255, 0));
|
|
481
|
+
}
|
|
482
|
+
}
|
|
483
|
+
@keyframes pulse_pos2 {
|
|
484
|
+
0% {
|
|
485
|
+
background-color: var(--pulse--background-color-start, rgba(0, 128, 255, 0.5));
|
|
486
|
+
}
|
|
487
|
+
100% {
|
|
488
|
+
background-color: var(--pulse--background-color-end, rgba(0, 128, 255, 0));
|
|
489
|
+
}
|
|
490
|
+
}
|
|
491
|
+
@keyframes pulse_neg {
|
|
492
|
+
0% {
|
|
493
|
+
background-color: var(--pulse--background-color-start, rgba(255, 25, 0, 0.5));
|
|
494
|
+
}
|
|
495
|
+
100% {
|
|
496
|
+
background-color: var(--pulse--background-color-end, rgba(255, 25, 0, 0));
|
|
497
|
+
}
|
|
498
|
+
}
|
|
499
|
+
@keyframes pulse_neg2 {
|
|
500
|
+
0% {
|
|
501
|
+
background-color: var(--pulse--background-color-start, rgba(255, 25, 0, 0.5));
|
|
502
|
+
}
|
|
503
|
+
100% {
|
|
504
|
+
background-color: var(--pulse--background-color-end, rgba(255, 25, 0, 0));
|
|
505
|
+
}
|
|
506
|
+
}
|