react-autoql 8.0.2-alpha.3 → 8.0.2-alpha.32
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/autoql.cjs.js +1 -1
- package/dist/autoql.cjs.js.gz +0 -0
- package/dist/autoql.esm.css +257 -34
- package/dist/autoql.esm.css.gz +0 -0
- package/dist/autoql.esm.js +1 -1
- package/dist/autoql.esm.js.gz +0 -0
- package/package.json +5 -2
package/dist/autoql.cjs.js.gz
CHANGED
|
Binary file
|
package/dist/autoql.esm.css
CHANGED
|
@@ -2,15 +2,6 @@
|
|
|
2
2
|
:root {
|
|
3
3
|
--react-autoql-danger-color-default: #ca0b00; }
|
|
4
4
|
|
|
5
|
-
.react-autoql-spinner-centered {
|
|
6
|
-
width: 100%;
|
|
7
|
-
text-align: center;
|
|
8
|
-
padding-top: 10px; }
|
|
9
|
-
|
|
10
|
-
span .react-autoql-icon {
|
|
11
|
-
vertical-align: middle;
|
|
12
|
-
padding-bottom: 3px; }
|
|
13
|
-
|
|
14
5
|
a {
|
|
15
6
|
font-weight: 600;
|
|
16
7
|
color: var(--react-autoql-accent-color);
|
|
@@ -53,6 +44,10 @@ a {
|
|
|
53
44
|
100% {
|
|
54
45
|
transform: rotate(360deg); } }
|
|
55
46
|
|
|
47
|
+
span .react-autoql-icon {
|
|
48
|
+
vertical-align: middle;
|
|
49
|
+
padding-bottom: 3px; }
|
|
50
|
+
|
|
56
51
|
.react-tiny-popover-container {
|
|
57
52
|
z-index: 99999;
|
|
58
53
|
overflow: hidden !important;
|
|
@@ -240,6 +235,11 @@ a {
|
|
|
240
235
|
border-color: currentColor transparent currentColor transparent;
|
|
241
236
|
animation: spinner-loader 1.2s linear infinite; }
|
|
242
237
|
|
|
238
|
+
.react-autoql-spinner-centered {
|
|
239
|
+
width: 100%;
|
|
240
|
+
text-align: center;
|
|
241
|
+
padding-top: 10px; }
|
|
242
|
+
|
|
243
243
|
@keyframes spinner-loader {
|
|
244
244
|
0% {
|
|
245
245
|
transform: rotate(0deg); }
|
|
@@ -938,17 +938,70 @@ a {
|
|
|
938
938
|
position: relative;
|
|
939
939
|
display: inline-flex;
|
|
940
940
|
flex-direction: row; }
|
|
941
|
-
.react-autoql-input-and-label-container .react-autoql-input-container.react-autoql-input-small .react-autoql-input {
|
|
942
|
-
min-height: 34px; }
|
|
943
941
|
.react-autoql-input-and-label-container .react-autoql-input-container input::-webkit-outer-spin-button,
|
|
944
942
|
.react-autoql-input-and-label-container .react-autoql-input-container input::-webkit-inner-spin-button {
|
|
945
943
|
/* display: none; <- Crashes Chrome on hover */
|
|
946
944
|
-webkit-appearance: none;
|
|
947
945
|
margin: 0;
|
|
948
946
|
/* <-- Apparently some margin are still there even though it's hidden */ }
|
|
949
|
-
.react-autoql-input-and-label-container .react-autoql-input-container input[type='number'] {
|
|
950
|
-
-
|
|
951
|
-
|
|
947
|
+
.react-autoql-input-and-label-container .react-autoql-input-container .react-autoql-input[type='number'] {
|
|
948
|
+
border-radius: 4px 0px 0px 4px;
|
|
949
|
+
margin-right: 0; }
|
|
950
|
+
.react-autoql-input-and-label-container .react-autoql-input-container.react-autoql-input-number {
|
|
951
|
+
flex: 1; }
|
|
952
|
+
.react-autoql-input-and-label-container .react-autoql-input-container.react-autoql-input-number .react-autoql-input,
|
|
953
|
+
.react-autoql-input-and-label-container .react-autoql-input-container.react-autoql-input-number .react-autoql-input-number-spin-button-container {
|
|
954
|
+
height: 100%;
|
|
955
|
+
max-height: 100%;
|
|
956
|
+
min-height: 100%; }
|
|
957
|
+
.react-autoql-input-and-label-container .react-autoql-input-container.react-autoql-input-number:hover .react-autoql-input,
|
|
958
|
+
.react-autoql-input-and-label-container .react-autoql-input-container.react-autoql-input-number:hover .react-autoql-input-number-spin-button-container {
|
|
959
|
+
border-color: var(--react-autoql-accent-color); }
|
|
960
|
+
.react-autoql-input-and-label-container .react-autoql-input-container.react-autoql-input-number .react-autoql-input-number-spin-button-container {
|
|
961
|
+
display: flex;
|
|
962
|
+
flex-direction: column;
|
|
963
|
+
align-items: center;
|
|
964
|
+
flex-wrap: nowrap;
|
|
965
|
+
flex: 0 0 18px;
|
|
966
|
+
overflow: hidden;
|
|
967
|
+
border-radius: 0px 4px 4px 0px;
|
|
968
|
+
border: 1px solid var(--react-autoql-border-color);
|
|
969
|
+
border-left: none;
|
|
970
|
+
transition-property: color, border-color, background-color, opacity;
|
|
971
|
+
transition-duration: 0.2s;
|
|
972
|
+
transition-timing-function: ease; }
|
|
973
|
+
.react-autoql-input-and-label-container .react-autoql-input-container.react-autoql-input-number .react-autoql-input-number-spin-button-container:hover .react-autoql-input-number-spin-button {
|
|
974
|
+
border-color: var(--react-autoql-accent-color) !important; }
|
|
975
|
+
.react-autoql-input-and-label-container .react-autoql-input-container.react-autoql-input-number .react-autoql-input-number-spin-button-container .react-autoql-input-number-spin-button {
|
|
976
|
+
flex: 1;
|
|
977
|
+
display: flex;
|
|
978
|
+
justify-content: center;
|
|
979
|
+
align-items: center;
|
|
980
|
+
width: 100%;
|
|
981
|
+
outline: none !important;
|
|
982
|
+
border: none;
|
|
983
|
+
padding: 0;
|
|
984
|
+
color: var(--react-autoql-text-color-primary);
|
|
985
|
+
background-color: var(--react-autoql-background-color-secondary); }
|
|
986
|
+
.react-autoql-input-and-label-container .react-autoql-input-container.react-autoql-input-number .react-autoql-input-number-spin-button-container .react-autoql-input-number-spin-button:first-child {
|
|
987
|
+
border-bottom: 1px solid var(--react-autoql-border-color); }
|
|
988
|
+
.react-autoql-input-and-label-container .react-autoql-input-container.react-autoql-input-number .react-autoql-input-number-spin-button-container .react-autoql-input-number-spin-button:last-child {
|
|
989
|
+
margin-bottom: -1px; }
|
|
990
|
+
.react-autoql-input-and-label-container .react-autoql-input-container.react-autoql-input-number .react-autoql-input-number-spin-button-container .react-autoql-input-number-spin-button:hover {
|
|
991
|
+
color: var(--react-autoql-accent-color); }
|
|
992
|
+
.react-autoql-input-and-label-container .react-autoql-input-container.react-autoql-input-number .react-autoql-input-number-spin-button-container .react-autoql-input-number-spin-button:active {
|
|
993
|
+
background-color: var(--react-autoql-accent-color);
|
|
994
|
+
color: var(--react-autoql-text-color-accent); }
|
|
995
|
+
.react-autoql-input-and-label-container .react-autoql-input-container.react-autoql-input-number .react-autoql-input-number-spin-button-container .react-autoql-input-number-spin-button .react-autoql-icon {
|
|
996
|
+
flex: 1;
|
|
997
|
+
display: block;
|
|
998
|
+
font-size: 12px;
|
|
999
|
+
opacity: 0.7; }
|
|
1000
|
+
.react-autoql-input-and-label-container .react-autoql-input-container input[type='search']::-webkit-search-decoration,
|
|
1001
|
+
.react-autoql-input-and-label-container .react-autoql-input-container input[type='search']::-webkit-search-cancel-button,
|
|
1002
|
+
.react-autoql-input-and-label-container .react-autoql-input-container input[type='search']::-webkit-search-results-button,
|
|
1003
|
+
.react-autoql-input-and-label-container .react-autoql-input-container input[type='search']::-webkit-search-results-decoration {
|
|
1004
|
+
-webkit-appearance: none; }
|
|
952
1005
|
.react-autoql-input-and-label-container .react-autoql-input-container .react-autoql-input-and-icon {
|
|
953
1006
|
flex: 1; }
|
|
954
1007
|
.react-autoql-input-and-label-container .react-autoql-input-container.with-select .react-autoql-input {
|
|
@@ -964,13 +1017,13 @@ a {
|
|
|
964
1017
|
.react-autoql-input-and-label-container .react-autoql-input-container .react-autoql-input {
|
|
965
1018
|
border: 1px solid var(--react-autoql-border-color);
|
|
966
1019
|
border-radius: 4px;
|
|
967
|
-
|
|
1020
|
+
background: inherit;
|
|
968
1021
|
width: 100%;
|
|
969
1022
|
font-size: inherit;
|
|
970
1023
|
font-family: inherit;
|
|
971
1024
|
outline: none !important;
|
|
972
1025
|
transition-property: color, border-color, background-color, opacity;
|
|
973
|
-
transition-duration: 0.
|
|
1026
|
+
transition-duration: 0.2s;
|
|
974
1027
|
transition-timing-function: ease;
|
|
975
1028
|
padding: 10px;
|
|
976
1029
|
line-height: 1em; }
|
|
@@ -983,7 +1036,8 @@ a {
|
|
|
983
1036
|
.react-autoql-input-and-label-container .react-autoql-input-container .react-autoql-input.area {
|
|
984
1037
|
line-height: inherit; }
|
|
985
1038
|
.react-autoql-input-and-label-container .react-autoql-input-container .react-autoql-input:not(textarea) {
|
|
986
|
-
padding: 0 10px;
|
|
1039
|
+
padding: 0 10px;
|
|
1040
|
+
height: 32px; }
|
|
987
1041
|
.react-autoql-input-and-label-container .react-autoql-input-container .react-autoql-input.with-select {
|
|
988
1042
|
padding-left: 14px; }
|
|
989
1043
|
.react-autoql-input-and-label-container .react-autoql-input-container .react-autoql-input.with-icon {
|
|
@@ -1029,7 +1083,8 @@ a {
|
|
|
1029
1083
|
font-size: 0.9em;
|
|
1030
1084
|
color: var(--react-autoql-text-color-primary);
|
|
1031
1085
|
opacity: 0.8;
|
|
1032
|
-
white-space: nowrap;
|
|
1086
|
+
white-space: nowrap;
|
|
1087
|
+
text-align: left; }
|
|
1033
1088
|
.react-autoql-input-label .react-autoql-icon {
|
|
1034
1089
|
margin: 0 3px;
|
|
1035
1090
|
opacity: 0.6; }
|
|
@@ -1089,7 +1144,8 @@ a {
|
|
|
1089
1144
|
padding: 10px;
|
|
1090
1145
|
margin-bottom: 8px;
|
|
1091
1146
|
font-size: 15px;
|
|
1092
|
-
min-width: 200px;
|
|
1147
|
+
min-width: 200px;
|
|
1148
|
+
color: var(--react-autoql-text-color-primary); }
|
|
1093
1149
|
.react-autoql-confirm-popover-content .react-autoql-confirm-popover-title .react-autoql-icon {
|
|
1094
1150
|
margin-right: 6px; }
|
|
1095
1151
|
.react-autoql-confirm-popover-content .react-autoql-confirm-popover-button-container {
|
|
@@ -1528,14 +1584,34 @@ a {
|
|
|
1528
1584
|
border: 1px solid var(--react-autoql-border-color);
|
|
1529
1585
|
border-radius: 4px;
|
|
1530
1586
|
background: transparent;
|
|
1531
|
-
padding: 4px
|
|
1587
|
+
padding: 4px 16px 4px 8px !important;
|
|
1532
1588
|
outline: none !important;
|
|
1533
1589
|
text-overflow: ellipsis;
|
|
1534
1590
|
visibility: visible;
|
|
1535
1591
|
opacity: 1;
|
|
1536
1592
|
height: 25px; }
|
|
1593
|
+
.react-autoql-table-container .tabulator-header-filter input::-webkit-search-decoration, .react-autoql-table-container .tabulator-header-filter input::-webkit-search-cancel-button, .react-autoql-table-container .tabulator-header-filter input::-webkit-search-results-button, .react-autoql-table-container .tabulator-header-filter input::-webkit-search-results-decoration {
|
|
1594
|
+
-webkit-appearance: none; }
|
|
1537
1595
|
.react-autoql-table-container .tabulator-header-filter input:focus {
|
|
1538
1596
|
border: 1px solid var(--react-autoql-accent-color); }
|
|
1597
|
+
.react-autoql-table-container .tabulator-header-filter .react-autoql-input-clear-btn {
|
|
1598
|
+
position: absolute;
|
|
1599
|
+
display: flex;
|
|
1600
|
+
justify-content: center;
|
|
1601
|
+
align-items: center;
|
|
1602
|
+
height: 12px;
|
|
1603
|
+
width: 12px;
|
|
1604
|
+
right: 0;
|
|
1605
|
+
top: 50%;
|
|
1606
|
+
transform: translate(-50%, -50%);
|
|
1607
|
+
color: var(--react-autoql-background-color-secondary);
|
|
1608
|
+
background: var(--react-autoql-text-color-placeholder);
|
|
1609
|
+
border-radius: 6px; }
|
|
1610
|
+
.react-autoql-table-container .tabulator-header-filter .react-autoql-input-clear-btn span {
|
|
1611
|
+
font-family: sans-serif;
|
|
1612
|
+
height: 12px;
|
|
1613
|
+
font-size: 11px;
|
|
1614
|
+
line-height: 100%; }
|
|
1539
1615
|
.react-autoql-table-container.supports-drilldown .tabulator-row .tabulator-cell:not(.pivot-category) {
|
|
1540
1616
|
transition: color 0.1s ease;
|
|
1541
1617
|
cursor: pointer; }
|
|
@@ -1559,6 +1635,10 @@ a {
|
|
|
1559
1635
|
color: #e80000; }
|
|
1560
1636
|
.react-autoql-table-container .react-autoql-table.tabulator .tabulator-header {
|
|
1561
1637
|
border-bottom: 2px solid var(--react-autoql-border-color); }
|
|
1638
|
+
.react-autoql-table-container .react-autoql-table.tabulator .tabulator-header input:-moz-placeholder-shown + .react-autoql-input-clear-btn {
|
|
1639
|
+
visibility: hidden; }
|
|
1640
|
+
.react-autoql-table-container .react-autoql-table.tabulator .tabulator-header input:placeholder-shown + .react-autoql-input-clear-btn {
|
|
1641
|
+
visibility: hidden; }
|
|
1562
1642
|
.react-autoql-table-container .react-autoql-table.tabulator .tabulator-header .tabulator-col.is-filtered .tabulator-col-title:before {
|
|
1563
1643
|
opacity: 1; }
|
|
1564
1644
|
.react-autoql-table-container .react-autoql-table.tabulator .tabulator-header .tabulator-col-title:before {
|
|
@@ -2057,7 +2137,8 @@ g.legendOrdinal tspan {
|
|
|
2057
2137
|
background: var(--react-autoql-background-color-secondary);
|
|
2058
2138
|
color: var(--react-autoql-text-color-primary);
|
|
2059
2139
|
padding: 5px;
|
|
2060
|
-
z-index: 9999;
|
|
2140
|
+
z-index: 9999;
|
|
2141
|
+
max-height: 300px; }
|
|
2061
2142
|
.string-axis-selector-popover-content .string-select-list-item {
|
|
2062
2143
|
font-size: 12px;
|
|
2063
2144
|
line-height: 28px; }
|
|
@@ -2076,6 +2157,126 @@ g.legendOrdinal .legendTitle tspan {
|
|
|
2076
2157
|
.react-autoql-popover-mobile .number-selector-field-group-container {
|
|
2077
2158
|
flex-direction: column !important; }
|
|
2078
2159
|
|
|
2160
|
+
.react-autoql-slider-wrapper {
|
|
2161
|
+
min-width: 150px;
|
|
2162
|
+
display: flex;
|
|
2163
|
+
flex-direction: row;
|
|
2164
|
+
padding-left: 10px;
|
|
2165
|
+
justify-content: center;
|
|
2166
|
+
align-items: center;
|
|
2167
|
+
overflow: hidden;
|
|
2168
|
+
box-sizing: border-box;
|
|
2169
|
+
flex-wrap: wrap; }
|
|
2170
|
+
.react-autoql-slider-wrapper .react-autoql-slider-and-label-container {
|
|
2171
|
+
position: relative;
|
|
2172
|
+
flex: 1;
|
|
2173
|
+
height: 100%;
|
|
2174
|
+
min-width: -moz-min-content;
|
|
2175
|
+
min-width: min-content;
|
|
2176
|
+
text-align: left;
|
|
2177
|
+
flex-direction: row;
|
|
2178
|
+
align-items: center;
|
|
2179
|
+
flex-wrap: nowrap;
|
|
2180
|
+
display: flex;
|
|
2181
|
+
overflow: visible; }
|
|
2182
|
+
.react-autoql-slider-wrapper .react-autoql-slider-and-label-container .react-autoql-slider-label {
|
|
2183
|
+
padding: 0;
|
|
2184
|
+
min-height: 5px;
|
|
2185
|
+
font-weight: 500;
|
|
2186
|
+
white-space: nowrap;
|
|
2187
|
+
line-height: 10px; }
|
|
2188
|
+
.react-autoql-slider-wrapper .react-autoql-slider-and-label-container .react-autoql-slider-min-max-labels {
|
|
2189
|
+
flex: 1;
|
|
2190
|
+
display: flex;
|
|
2191
|
+
flex-direction: row;
|
|
2192
|
+
justify-content: space-between;
|
|
2193
|
+
flex-wrap: nowrap;
|
|
2194
|
+
align-items: flex-end;
|
|
2195
|
+
margin: 0px 5px; }
|
|
2196
|
+
.react-autoql-slider-wrapper .react-autoql-slider-and-label-container .react-autoql-slider-container {
|
|
2197
|
+
flex: 1;
|
|
2198
|
+
display: flex;
|
|
2199
|
+
flex-direction: column;
|
|
2200
|
+
margin: 5px;
|
|
2201
|
+
margin-bottom: 0; }
|
|
2202
|
+
.react-autoql-slider-wrapper .react-autoql-slider-and-label-container .react-autoql-slider-container .react-autoql-slider {
|
|
2203
|
+
flex: 0 0 24px; }
|
|
2204
|
+
.react-autoql-slider-wrapper .react-autoql-slider-and-label-container .react-autoql-slider-container .react-autoql-slider-track {
|
|
2205
|
+
height: 4px;
|
|
2206
|
+
margin: 10px 5px;
|
|
2207
|
+
background: var(--react-autoql-border-color);
|
|
2208
|
+
border-radius: 10px;
|
|
2209
|
+
cursor: pointer; }
|
|
2210
|
+
.react-autoql-slider-wrapper .react-autoql-slider-and-label-container .react-autoql-slider-container .react-autoql-slider-thumb {
|
|
2211
|
+
width: 14px;
|
|
2212
|
+
height: 14px;
|
|
2213
|
+
margin: 5px 1px;
|
|
2214
|
+
border-radius: 8px;
|
|
2215
|
+
background: #ffffff;
|
|
2216
|
+
box-shadow: rgba(0, 0, 0, 0.18) 0px 1px 4px 0px, rgba(0, 0, 0, 0.06) 0px 1px 10px 0px;
|
|
2217
|
+
outline: none;
|
|
2218
|
+
cursor: pointer; }
|
|
2219
|
+
.react-autoql-slider-wrapper .react-autoql-slider-and-label-container .react-autoql-slider-container .react-autoql-slider-thumb .react-autoql-slider-value-bubble {
|
|
2220
|
+
position: absolute;
|
|
2221
|
+
pointer-events: none;
|
|
2222
|
+
opacity: 0;
|
|
2223
|
+
bottom: 100%;
|
|
2224
|
+
background: #000000;
|
|
2225
|
+
color: #ffffff;
|
|
2226
|
+
left: 50%;
|
|
2227
|
+
transform: translate(-50%, 0);
|
|
2228
|
+
border-radius: 20px;
|
|
2229
|
+
margin-bottom: 2px;
|
|
2230
|
+
padding: 2px 8px;
|
|
2231
|
+
line-height: 15px;
|
|
2232
|
+
font-size: 10px;
|
|
2233
|
+
transition: opacity 0.2s ease; }
|
|
2234
|
+
.react-autoql-slider-wrapper .react-autoql-slider-and-label-container .react-autoql-slider-container .react-autoql-slider-thumb:hover .react-autoql-slider-value-bubble, .react-autoql-slider-wrapper .react-autoql-slider-and-label-container .react-autoql-slider-container .react-autoql-slider-thumb:active .react-autoql-slider-value-bubble {
|
|
2235
|
+
opacity: 1; }
|
|
2236
|
+
.react-autoql-slider-wrapper .react-autoql-slider-and-label-container .react-autoql-slider-container .react-autoql-slider-mark {
|
|
2237
|
+
background: var(--react-autoql-border-color);
|
|
2238
|
+
height: 5px;
|
|
2239
|
+
width: 1px;
|
|
2240
|
+
margin-left: 8px;
|
|
2241
|
+
top: 1px; }
|
|
2242
|
+
.react-autoql-slider-wrapper .react-autoql-slider-and-label-container .react-autoql-slider-container .react-autoql-slider-mark-label {
|
|
2243
|
+
font-size: 10px;
|
|
2244
|
+
line-height: 12px;
|
|
2245
|
+
color: var(--react-autoql-placeholder-color);
|
|
2246
|
+
white-space: nowrap; }
|
|
2247
|
+
.react-autoql-slider-wrapper .react-autoql-slider-input-wrapper {
|
|
2248
|
+
flex: 1;
|
|
2249
|
+
min-width: 75px;
|
|
2250
|
+
max-width: 100px;
|
|
2251
|
+
display: flex;
|
|
2252
|
+
height: 28px;
|
|
2253
|
+
padding-left: 5px; }
|
|
2254
|
+
.react-autoql-slider-wrapper .react-autoql-slider-input-wrapper .react-autoql-slider-input {
|
|
2255
|
+
display: flex;
|
|
2256
|
+
flex-direction: row;
|
|
2257
|
+
width: 100px;
|
|
2258
|
+
height: 33px;
|
|
2259
|
+
max-height: 100%;
|
|
2260
|
+
padding: 0; }
|
|
2261
|
+
.react-autoql-slider-wrapper .react-autoql-slider-input-wrapper .react-autoql-input-and-label-container {
|
|
2262
|
+
width: 100%;
|
|
2263
|
+
padding: 0;
|
|
2264
|
+
box-sizing: border-box; }
|
|
2265
|
+
.react-autoql-slider-wrapper .react-autoql-slider-input-wrapper .react-autoql-input-and-label-container .react-autoql-input-container {
|
|
2266
|
+
flex: 1; }
|
|
2267
|
+
.react-autoql-slider-wrapper .react-autoql-slider-input-wrapper .react-autoql-input-and-label-container .react-autoql-input {
|
|
2268
|
+
min-height: unset;
|
|
2269
|
+
max-height: 100%;
|
|
2270
|
+
font-size: inherit; }
|
|
2271
|
+
|
|
2272
|
+
.react-autoql-chart-header-container {
|
|
2273
|
+
width: 100%;
|
|
2274
|
+
flex: 0 0 auto; }
|
|
2275
|
+
.react-autoql-chart-header-container.loading {
|
|
2276
|
+
visibility: hidden; }
|
|
2277
|
+
.react-autoql-chart-header-container .react-autoql-slider-wrapper {
|
|
2278
|
+
font-size: var(--react-autoql-chart-font-size, 12px); }
|
|
2279
|
+
|
|
2079
2280
|
.react-autoql-chart-container {
|
|
2080
2281
|
position: relative;
|
|
2081
2282
|
width: 100%;
|
|
@@ -2137,6 +2338,17 @@ g.legendOrdinal .legendTitle tspan {
|
|
|
2137
2338
|
cursor: pointer;
|
|
2138
2339
|
stroke: transparent;
|
|
2139
2340
|
stroke-width: 10px; }
|
|
2341
|
+
.react-autoql-chart-container .point {
|
|
2342
|
+
outline: none !important;
|
|
2343
|
+
transition: stroke 0.3s ease, fill-opacity 0.3s ease;
|
|
2344
|
+
stroke-width: 8px; }
|
|
2345
|
+
.react-autoql-chart-container .point:hover, .react-autoql-chart-container .point.active {
|
|
2346
|
+
stroke: currentColor !important;
|
|
2347
|
+
fill: currentColor !important;
|
|
2348
|
+
fill-opacity: 1 !important; }
|
|
2349
|
+
.react-autoql-chart-container .distribution-hover-line {
|
|
2350
|
+
outline: none !important;
|
|
2351
|
+
pointer-events: stroke; }
|
|
2140
2352
|
.react-autoql-chart-container .bar,
|
|
2141
2353
|
.react-autoql-chart-container .column,
|
|
2142
2354
|
.react-autoql-chart-container .line,
|
|
@@ -2254,7 +2466,8 @@ g.legendOrdinal .legendTitle tspan {
|
|
|
2254
2466
|
.react-autoql-response-content-container .no-columns-error-message,
|
|
2255
2467
|
.react-autoql-response-content-container .feedback-message {
|
|
2256
2468
|
margin: auto;
|
|
2257
|
-
text-align: center;
|
|
2469
|
+
text-align: center;
|
|
2470
|
+
max-width: 100%; }
|
|
2258
2471
|
|
|
2259
2472
|
.react-autoql-response-content-container.table {
|
|
2260
2473
|
max-height: 100vh !important;
|
|
@@ -3378,7 +3591,7 @@ g.legendOrdinal .legendTitle tspan {
|
|
|
3378
3591
|
height: 100%;
|
|
3379
3592
|
font-size: 12px;
|
|
3380
3593
|
font-weight: bold;
|
|
3381
|
-
color:
|
|
3594
|
+
color: var(--react-autoql-background-color-switch-thumb);
|
|
3382
3595
|
right: 15px; }
|
|
3383
3596
|
.react-autoql-switch-container .react-autoql-toggle-switch .toggle-switch-slider:before {
|
|
3384
3597
|
position: absolute;
|
|
@@ -3386,7 +3599,7 @@ g.legendOrdinal .legendTitle tspan {
|
|
|
3386
3599
|
height: 18px;
|
|
3387
3600
|
width: 18px;
|
|
3388
3601
|
bottom: 4px;
|
|
3389
|
-
background-color:
|
|
3602
|
+
background-color: var(--react-autoql-background-color-switch-thumb);
|
|
3390
3603
|
border-radius: 50%;
|
|
3391
3604
|
transition: 0.4s;
|
|
3392
3605
|
left: 4px; }
|
|
@@ -3421,6 +3634,8 @@ g.legendOrdinal .legendTitle tspan {
|
|
|
3421
3634
|
flex-wrap: nowrap;
|
|
3422
3635
|
text-align: center;
|
|
3423
3636
|
overflow: hidden; }
|
|
3637
|
+
.react-autoql-notification-settings .react-autoql-data-alert-list-item-section.react-autoql-data-alert-list-item-section-frequency, .react-autoql-notification-settings .react-autoql-data-alert-list-item-section.react-autoql-data-alert-list-item-section-next-check {
|
|
3638
|
+
flex: 1.5 0 50px; }
|
|
3424
3639
|
.react-autoql-notification-settings .react-autoql-data-alert-list-item-section .react-autoql-notification-setting-display-name-title {
|
|
3425
3640
|
width: 100%;
|
|
3426
3641
|
text-overflow: ellipsis;
|
|
@@ -3499,7 +3714,7 @@ g.legendOrdinal .legendTitle tspan {
|
|
|
3499
3714
|
border-radius: 6px;
|
|
3500
3715
|
white-space: nowrap;
|
|
3501
3716
|
cursor: default; }
|
|
3502
|
-
.react-autoql-notification-settings .react-autoql-notification-settings-container .react-autoql-notification-setting-item .data-alert-state .react-autoql-icon {
|
|
3717
|
+
.react-autoql-notification-settings .react-autoql-notification-settings-container .react-autoql-notification-setting-item .data-alert-state .react-autoql-icon:not(:last-child) {
|
|
3503
3718
|
margin-right: 5px; }
|
|
3504
3719
|
.react-autoql-notification-settings .react-autoql-notification-settings-container .react-autoql-notification-setting-item .data-alert-state.data-alert-off.data-alert-ready {
|
|
3505
3720
|
color: var(--react-autoql-text-color-primary); }
|
|
@@ -3541,6 +3756,8 @@ g.legendOrdinal .legendTitle tspan {
|
|
|
3541
3756
|
color: var(--react-autoql-info-color);
|
|
3542
3757
|
border: 1px solid var(--react-autoql-info-color);
|
|
3543
3758
|
cursor: pointer; }
|
|
3759
|
+
.react-autoql-notification-settings .react-autoql-notification-settings-container .react-autoql-notification-setting-item .react-autoql-notification-state-action-btn.react-autoql-notification-state-action-btn-hidden {
|
|
3760
|
+
visibility: hidden; }
|
|
3544
3761
|
.react-autoql-notification-settings .react-autoql-notification-settings-container .react-autoql-notification-setting-item .react-autoql-notification-state-action-btn:hover {
|
|
3545
3762
|
background-color: var(--react-autoql-hover-color); }
|
|
3546
3763
|
.react-autoql-notification-settings .react-autoql-notification-settings-container .react-autoql-notification-setting-item .react-autoql-notification-action-btn {
|
|
@@ -4057,8 +4274,8 @@ g.legendOrdinal .legendTitle tspan {
|
|
|
4057
4274
|
.filter-lock-popover.filter-lock-popover-mobile {
|
|
4058
4275
|
border: none;
|
|
4059
4276
|
transform: unset !important;
|
|
4060
|
-
height: calc(
|
|
4061
|
-
max-height: calc(
|
|
4277
|
+
height: calc(100% - 80px);
|
|
4278
|
+
max-height: calc(100% - 80px);
|
|
4062
4279
|
top: 0px !important; }
|
|
4063
4280
|
.filter-lock-popover.filter-lock-popover-mobile .popover-container-content {
|
|
4064
4281
|
animation: scale-down-tl 0.2s ease; }
|
|
@@ -4191,7 +4408,8 @@ g.legendOrdinal .legendTitle tspan {
|
|
|
4191
4408
|
margin-right: 20px; }
|
|
4192
4409
|
.filter-lock-menu-content .react-autoql-filter-list-container .react-autoql-filter-list-item-container {
|
|
4193
4410
|
margin-bottom: 10px;
|
|
4194
|
-
margin-right: 0px;
|
|
4411
|
+
margin-right: 0px;
|
|
4412
|
+
color: var(--react-autoql-text-color-primary); }
|
|
4195
4413
|
.filter-lock-menu-content .react-autoql-filter-list-container .react-autoql-filter-list-item-container .react-autoql-filter-list-item {
|
|
4196
4414
|
display: flex;
|
|
4197
4415
|
flex-direction: row;
|
|
@@ -4556,11 +4774,11 @@ g.legendOrdinal .legendTitle tspan {
|
|
|
4556
4774
|
align-items: flex-start;
|
|
4557
4775
|
justify-content: space-between;
|
|
4558
4776
|
transition: opacity 0.3s ease, color 0.3s ease;
|
|
4559
|
-
|
|
4560
|
-
|
|
4561
|
-
|
|
4562
|
-
|
|
4563
|
-
|
|
4777
|
+
left: -10px;
|
|
4778
|
+
right: -10px;
|
|
4779
|
+
margin-bottom: -10px;
|
|
4780
|
+
bottom: 100%;
|
|
4781
|
+
z-index: 3; }
|
|
4564
4782
|
.chat-message-and-rt-container .react-autoql-toolbar {
|
|
4565
4783
|
display: flex;
|
|
4566
4784
|
flex-wrap: nowrap;
|
|
@@ -4796,6 +5014,10 @@ g.legendOrdinal .legendTitle tspan {
|
|
|
4796
5014
|
.react-autoql-drawer .react-autoql-header-center-container {
|
|
4797
5015
|
font-size: 18px;
|
|
4798
5016
|
letter-spacing: 0.05em; }
|
|
5017
|
+
.react-autoql-drawer .react-autoql-header-left-container.hidden {
|
|
5018
|
+
width: 0px; }
|
|
5019
|
+
.react-autoql-drawer .react-autoql-header-right-container.hidden {
|
|
5020
|
+
width: 0px; }
|
|
4799
5021
|
.react-autoql-drawer .drawer-content-wrapper {
|
|
4800
5022
|
transition: unset !important; } }
|
|
4801
5023
|
|
|
@@ -5816,7 +6038,8 @@ g.legendOrdinal .legendTitle tspan {
|
|
|
5816
6038
|
align-items: center; }
|
|
5817
6039
|
|
|
5818
6040
|
.dashboard-drilldown-modal .dashboard-drilldown-modal-content .react-autoql-dashboard-drilldown-original {
|
|
5819
|
-
padding
|
|
6041
|
+
padding: 10px;
|
|
6042
|
+
padding-bottom: 0; }
|
|
5820
6043
|
|
|
5821
6044
|
.dashboard-drilldown-modal .dashboard-drilldown-modal-content .drilldown-hide-chart-btn {
|
|
5822
6045
|
text-align: right;
|
package/dist/autoql.esm.css.gz
CHANGED
|
Binary file
|