canvasxpress-cli 59.5.3 → 59.6.1

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.
@@ -114,6 +114,8 @@
114
114
  --cx-callout-border-width: 1px;
115
115
  --cx-callout-background-color: var(--cx-color-ui-background);
116
116
  --cx-callout-border-color: var(--cx-color-widgets);
117
+ /* Transitions */
118
+ --cx-transition-speed: 0.5s;
117
119
  }
118
120
 
119
121
  *,
@@ -133,6 +135,9 @@ input[type="color"]::-webkit-color-swatch {
133
135
  .unselectable,
134
136
  img,
135
137
  svg,
138
+ .cX-Toolbar-Font,
139
+ .cX-Toolbar-Round,
140
+ .cX-Toolbar-Stripe,
136
141
  img.cX-code,
137
142
  svg.cX-code,
138
143
  pre.cX-code-content code::before,
@@ -201,7 +206,7 @@ section.CanvasXpressTabMenuConfigurator>h1.CanvasXpressTabMenuConfigurator>label
201
206
 
202
207
  svg.cX-bin,
203
208
  svg.cX-code,
204
- svg.cX-chat,
209
+ svg.cX-Chat,
205
210
  svg.cX-DataFilter-Toolbar-Image,
206
211
  svg.cX-DataFilter-Toolbar-ImageNB {
207
212
  background: var(--cx-color-transparent) !important;
@@ -226,42 +231,35 @@ svg.cX-code {
226
231
  * Loading Timer *
227
232
  *****************/
228
233
 
229
- .cX-loading {
230
- display: inline-block;
231
- position: relative;
232
- width: 80px;
233
- height: 80px;
234
- }
235
-
236
- .cX-loading div {
237
- box-sizing: border-box;
238
- display: block;
234
+ .cX-Loader {
239
235
  position: absolute;
240
- width: 64px;
241
- height: 64px;
242
- margin: 8px;
243
- border: 8px solid var(--cx-color-widgets);
244
- border-radius: 50%;
245
- animation: cX-loading 1.2s cubic-bezier(0.5, 0, 0.5, 1) infinite;
246
- border-color: var(--cx-color-widgets) transparent transparent transparent;
247
- }
248
-
249
- .cX-loading div:nth-child(1) {
250
- animation-delay: -0.45s;
251
- }
252
-
253
- .cX-loading div:nth-child(2) {
254
- animation-delay: -0.3s;
236
+ top: 50%;
237
+ left: 50%;
238
+ transform: translate(-50%, -50%);
239
+ z-index: 100000;
240
+ display: none;
241
+ text-align: center;
242
+ color: rgb(83, 105, 255);
243
+ background: rgba(0, 0, 0, 0);
244
+ padding: 15px;
245
+ border-radius: 8px;
255
246
  }
256
247
 
257
- .cX-loading div:nth-child(3) {
258
- animation-delay: -0.15s;
248
+ .cX-Loader-Spinner {
249
+ border: 15px solid rgba(255, 255, 255, 0.5);
250
+ border-top: 15px solid rgb(83, 105, 255);
251
+ border-radius: 50%;
252
+ width: 100px;
253
+ height: 100px;
254
+ animation: spin 1s linear infinite;
255
+ margin: 0 auto 5px;
259
256
  }
260
257
 
261
- @keyframes cX-loading {
258
+ @keyframes spin {
262
259
  0% {
263
260
  transform: rotate(0deg);
264
261
  }
262
+
265
263
  100% {
266
264
  transform: rotate(360deg);
267
265
  }
@@ -294,28 +292,29 @@ svg.cX-code {
294
292
  color: var(--cx-code-comment);
295
293
  }
296
294
 
295
+ .cX-Container-Code {
296
+ z-index: 100000;
297
+ background: transparent;
298
+ }
299
+
297
300
  div.cX-code {
298
301
  border: var(--cx-border);
299
302
  border-radius: var(--cx-border-radius);
300
303
  background-color: var(--cx-color-extra-light-gray);
301
- cursor: move;
302
304
  color: var(--cx-font-color);
303
305
  font: var(--cx-font);
304
306
  margin: 2px 3px;
305
307
  padding: 10px 20px 20px 10px;
306
308
  position: absolute;
307
309
  white-space: nowrap;
308
- transition: width 0.5s ease-in-out, left 0.5s ease-in-out, opacity 0.5s ease-in-out;
309
310
  overflow: hidden;
310
311
  z-index: 10000;
311
- opacity: 1;
312
312
  }
313
313
 
314
314
  div.cX-code-container {
315
315
  clear: both;
316
316
  width: 600px;
317
317
  overflow: auto;
318
- resize: horizontal;
319
318
  background-color: var(--cx-color-white);
320
319
  position: relative;
321
320
  top: 10px;
@@ -404,15 +403,38 @@ pre.cX-code-content code::before {
404
403
  * Chat Interface *
405
404
  ******************/
406
405
 
407
- div.cX-chat {
406
+ .cX-Container-Chat {
407
+ height: fit-content;
408
+ opacity: 0;
409
+ visibility: hidden;
410
+ background: #ffffff;
411
+ transition: all var(--cx-transition-speed) ease;
412
+ width: 100%;
413
+ display: none;
414
+ align-items: center;
415
+ justify-content: center;
416
+ flex-shrink: 0;
417
+ padding: 18px;
418
+ min-height: 146px;
419
+ top: var(--base-h);
420
+ left: 0;
421
+ }
422
+
423
+ .cX-Wrapper.show-Chat .cX-Container-Chat {
424
+ opacity: 1;
425
+ visibility: visible;
426
+ }
427
+
428
+ div.cX-Chat {
408
429
  border: none;
409
430
  background-color: var(--cx-color-transparent);
410
431
  max-width: 600px;
411
432
  min-height: 100px;
433
+ width: 100%;
412
434
  margin: 10px auto 0 auto;
413
435
  }
414
436
 
415
- div.cX-chat-container {
437
+ div.cX-Chat-Container {
416
438
  border: none;
417
439
  border-radius: 10px;
418
440
  background-color: var(--cx-color-extra-light-gray);
@@ -422,14 +444,14 @@ div.cX-chat-container {
422
444
  align-items: center;
423
445
  }
424
446
 
425
- div.cX-chat-container-text {
447
+ div.cX-Chat-Container-Text {
426
448
  float: left;
427
449
  border: none;
428
450
  background-color: var(--cx-color-transparent);
429
451
  min-height: 50px;
430
452
  }
431
453
 
432
- p.cX-chat-question {
454
+ p.cX-Chat-Question {
433
455
  border: none;
434
456
  background-color: var(--cx-color-extra-light-gray);
435
457
  margin: 0;
@@ -440,20 +462,20 @@ p.cX-chat-question {
440
462
  outline: 0px solid transparent;
441
463
  }
442
464
 
443
- div.cX-chat-container-icon {
465
+ div.cX-Chat-Container-Icon {
444
466
  float: right;
445
467
  border: none;
446
468
  background-color: var(--cx-color-transparent);
447
469
  }
448
470
 
449
- div.cX-chat-container-thumbs {
471
+ div.cX-Chat-Container-Thumbs {
450
472
  float: left;
451
473
  border: none;
452
474
  background-color: var(--cx-color-transparent);
453
475
  margin: 0;
454
476
  }
455
477
 
456
- svg.cX-chat-thumbs {
478
+ svg.cX-Chat-Thumbs {
457
479
  background: var(--cx-color-transparent) !important;
458
480
  border: none !important;
459
481
  box-shadow: 0 0 0px var(--cx-color-transparent) !important;
@@ -637,11 +659,14 @@ span.cX-bin::selection {
637
659
  position: fixed;
638
660
  z-index: 10001;
639
661
  line-height: 100%;
640
- /*height: calc(100% - 5px);*/
641
662
  background-color: rgb(255, 255, 255);
642
663
  font-family: var(--cx-font-family);
643
664
  font-weight: normal;
644
665
  color: var(--cx-font-color);
666
+ margin-left: 1px;
667
+ margin-top: 1px;
668
+ height: calc(100vh - 2px);
669
+ border-right: 1px var(--cx-border-style) var(--cx-datatable-border-color) !important;
645
670
  }
646
671
 
647
672
  .customizerLeftPanelTop,
@@ -685,10 +710,12 @@ span.cX-bin::selection {
685
710
  font-family: var(--cx-font-family);
686
711
  font-weight: normal;
687
712
  color: var(--cx-font-color);
713
+ max-height: 100vh;
714
+ min-height: calc(100vh);
715
+ overflow-y: auto;
688
716
  }
689
717
 
690
718
  .customizerRightPanel {
691
- border-left: 1px var(--cx-border-style) var(--cx-datatable-border-color) !important;
692
719
  border-right: 1px var(--cx-border-style) var(--cx-datatable-border-color)!important;
693
720
  }
694
721
 
@@ -1492,6 +1519,10 @@ div.CanvasXpressDragLayout {
1492
1519
  * Tooltip *
1493
1520
  ***********/
1494
1521
 
1522
+ .cX-Tooltip {
1523
+ position: absolute;
1524
+ }
1525
+
1495
1526
  div.CanvasXpressTooltip,
1496
1527
  div.CanvasXpressTooltipInfo {
1497
1528
  border: var(--cx-border);
@@ -1833,25 +1864,6 @@ span.CanvasXpressMousePosition {
1833
1864
  z-index: 1;
1834
1865
  }
1835
1866
 
1836
- div.CanvasXpressCanvasResizerClose {
1837
- box-sizing: border-box;
1838
- background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAkAAAAOCAYAAAD9lDaoAAAAcUlEQVR42mM8e/bsfwYCgBGkSE9PD6eCS5cuIRSxsrIy/P79Gy4J42MoAgGQBDIbRRFMNwzATMVQhGwNVjehm/T582cwfevWLfxu+vTpO8Pt29ew++7Hjx8MvLy8mIpgAKTg/38WOB+uiGCIE1JAXUUA5WZpcWW3WYkAAAAASUVORK5CYII=);
1839
- }
1840
-
1841
- div.CanvasXpressCanvasResizerloading1 {
1842
- box-sizing: border-box;
1843
- background-image: url(data:image/gif;base64,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);
1844
- background-position: 50% 50%;
1845
- background-repeat: no-repeat;
1846
- }
1847
-
1848
- div.CanvasXpressCanvasResizerloading2 {
1849
- box-sizing: border-box;
1850
- background-image: url(data:image/gif;base64,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);
1851
- background-position: 50% 50%;
1852
- background-repeat: no-repeat;
1853
- }
1854
-
1855
1867
  /**********
1856
1868
  * Motion *
1857
1869
  **********/
@@ -1859,7 +1871,9 @@ div.CanvasXpressCanvasResizerloading2 {
1859
1871
  div.cX-Motion {
1860
1872
  color: var(--cx-font-color);
1861
1873
  font: var(--cx-font);
1862
- transition: width 0.5s ease-in-out, left 0.5s ease-in-out, opacity 0.5s ease-in-out;
1874
+ overflow-x: hidden;
1875
+ position: absolute;
1876
+ white-space: nowrap;
1863
1877
  }
1864
1878
 
1865
1879
  img.cX-Motion,
@@ -1903,133 +1917,150 @@ div.cX-Motion-Range {
1903
1917
  * Toolbar *
1904
1918
  *************/
1905
1919
 
1906
- div.cX-Toolbar-Top,
1907
- div.cX-Toolbar-Bottom {
1920
+ .cX-Toolbar-Image {
1921
+ background: var(--cx-color-transparent) !important;
1922
+ border: 0px none !important;
1923
+ box-shadow: 0 0 0px var(--cx-color-transparent) !important;
1924
+ cursor: pointer;
1925
+ }
1926
+
1927
+ .cX-Toolbar-Round {
1928
+ border-radius: 50%;
1929
+ overflow: hidden;
1930
+ }
1931
+
1932
+ .cX-Toolbar-Round,
1933
+ .cX-Toolbar-Stripe {
1934
+ cursor: pointer;
1935
+ float: left;
1936
+ }
1937
+
1938
+ .cX-Toolbar-Font {
1939
+ padding: 5px;
1940
+ cursor: pointer;
1941
+ color: #000;
1942
+ padding-right: 2px;
1943
+ }
1944
+
1945
+ .cX-Toolbar-Trigger {
1908
1946
  position: absolute;
1909
- width: 100% !important;
1910
- height: 0;
1947
+ z-index: 1000;
1948
+ background: transparent;
1949
+ pointer-events: auto;
1950
+ }
1951
+
1952
+ .cX-Toolbar-Trigger-t {
1911
1953
  top: 0;
1912
1954
  left: 0;
1913
- overflow: hidden;
1914
- display: flex;
1915
- justify-content: center;
1916
- z-index: 10000;
1917
- transition: height 0.3s ease, top 0.3s ease;
1955
+ width: 100%;
1956
+ height: 32px;
1918
1957
  }
1919
1958
 
1920
- div.cX-Toolbar-Top-Container {
1921
- border: var(--cx-border);
1922
- border-radius: 0 0 8px 8px;
1923
- border-top: none;
1924
- padding: 1px;
1925
- background-color: var(--cx-background-widgets-color);
1959
+ .cX-Toolbar-Trigger-b {
1960
+ bottom: 0;
1961
+ left: 0;
1962
+ width: 100%;
1963
+ height: 32px;
1964
+ }
1965
+
1966
+ .cX-Toolbar-Trigger-l {
1967
+ top: 0;
1968
+ left: 0;
1969
+ height: 100%;
1970
+ width: 32px;
1971
+ }
1972
+
1973
+ .cX-Toolbar-Trigger-r {
1974
+ top: 0;
1975
+ right: 0;
1976
+ height: 100%;
1977
+ width: 32px;
1926
1978
  }
1927
1979
 
1928
- div.cX-Toolbar-Top-Over-Container {
1980
+ .cX-Toolbar-Edge {
1981
+ position: absolute;
1929
1982
  border: var(--cx-border);
1930
- border: none;
1931
1983
  padding: 1px;
1932
1984
  background-color: var(--cx-background-widgets-color);
1985
+ background: #ffffff;
1986
+ display: grid;
1987
+ opacity: 0;
1988
+ z-index: 1001;
1989
+ transition: all var(--cx-transition-speed) ease;
1990
+ pointer-events: none;
1991
+ overflow: hidden;
1933
1992
  }
1934
1993
 
1935
- div.cX-Toolbar-Top-Over-Container img.cX-Toolbar-Top-Image,
1936
- div.cX-Toolbar-Top-Over-Container svg.cX-Toolbar-Top-Image {
1937
- background: var(--cx-color-transparent) !important;
1938
- border: 0px none !important;
1939
- box-shadow: 0 0 0px var(--cx-color-transparent) !important;
1940
- cursor: pointer;
1941
- float: right;
1942
- margin: 5px 8px 0px 0px;
1943
- }
1944
-
1945
- div.cX-Toolbar-Top-Container img.cX-Toolbar-Top-Image,
1946
- div.cX-Toolbar-Top-Container svg.cX-Toolbar-Top-Image {
1947
- background: var(--cx-color-transparent) !important;
1948
- border: 0px none !important;
1949
- box-shadow: 0 0 0px var(--cx-color-transparent) !important;
1950
- cursor: pointer;
1951
- float: right;
1952
- margin: 5px 8px 0px 0px;
1994
+ .cX-Toolbar-Edge-Top {
1995
+ border-radius: 0 0 8px 8px;
1996
+ border-top: none;
1953
1997
  }
1954
1998
 
1955
- div.cX-Toolbar-Bottom-Container {
1956
- border: var(--cx-border);
1999
+ .cX-Toolbar-Edge-Bottom {
1957
2000
  border-radius: 8px 8px 0 0;
1958
2001
  border-bottom: none;
1959
- padding: 1px;
1960
- background-color: var(--cx-background-widgets-color);
1961
2002
  }
1962
2003
 
1963
- div.cX-Toolbar-Bottom-Round {
1964
- border-radius: 50%;
1965
- overflow: hidden;
2004
+ .cX-Toolbar-Edge-Left {
2005
+ border-radius: 0 8px 8px 0;
2006
+ border-left: none;
1966
2007
  }
1967
2008
 
1968
- div.cX-Toolbar-Bottom-Round,
1969
- div.cX-Toolbar-Bottom-Stripe {
1970
- cursor: pointer;
1971
- float: left;
2009
+ .cX-Toolbar-Edge-Right {
2010
+ border-radius: 8px 0 0 8px;
2011
+ border-right: none;
1972
2012
  }
1973
2013
 
1974
- div.cX-Toolbar-Left {
1975
- position: absolute;
1976
- display: flex;
1977
- flex-direction: column;
1978
- width: 0;
2014
+ .cX-Toolbar-t {
1979
2015
  top: 0;
2016
+ left: 50%;
2017
+ transform: translate(-50%, -10px);
2018
+ }
2019
+
2020
+ .cX-Toolbar-b {
2021
+ bottom: 0;
2022
+ left: 50%;
2023
+ transform: translate(-50%, 10px);
2024
+ }
2025
+
2026
+ .cX-Toolbar-l {
1980
2027
  left: 0;
1981
- overflow: hidden;
1982
- justify-content: center;
1983
- z-index: 10000;
1984
- transition: width 0.3s ease;
2028
+ top: 50%;
2029
+ transform: translate(-10px, -50%);
1985
2030
  }
1986
2031
 
1987
- div.cX-Toolbar-Left-Container {
1988
- border: var(--cx-border);
1989
- border-radius: 0 8px 8px 0;
1990
- border-left: none;
1991
- align-content: center;
1992
- height: auto;
1993
- padding: 1px;
1994
- background-color: var(--cx-background-widgets-color);
2032
+ .cX-Toolbar-r {
2033
+ right: 0;
2034
+ top: 50%;
2035
+ transform: translate(10px, -50%);
1995
2036
  }
1996
2037
 
1997
- div.cX-Toolbar-Left-Container img.cX-Toolbar-Left-Image,
1998
- div.cX-Toolbar-Left-Container svg.cX-Toolbar-Left-Image {
1999
- background: var(--cx-color-transparent) !important;
2000
- border: 0px none !important;
2001
- box-shadow: 0 0 0px var(--cx-color-transparent) !important;
2002
- cursor: pointer;
2003
- float: right;
2004
- margin: 5px 8px 0px 0px;
2038
+ .cX-Toolbar-Trigger-t:hover+.cX-Toolbar-t,
2039
+ .cX-Toolbar-t:hover {
2040
+ opacity: 1;
2041
+ pointer-events: auto;
2042
+ transform: translate(-50%, 0);
2005
2043
  }
2006
2044
 
2007
- div.cX-Toolbar-Right {
2008
- position: absolute;
2009
- display: flex;
2010
- flex-direction: column;
2011
- width: 0;
2012
- top: 0;
2013
- left: 0;
2014
- overflow: hidden;
2015
- justify-content: center;
2016
- z-index: 10000;
2017
- transition: width 0.3s ease, left 0.3s ease;
2045
+ .cX-Toolbar-Trigger-b:hover+.cX-Toolbar-b,
2046
+ .cX-Toolbar-b:hover {
2047
+ opacity: 1;
2048
+ pointer-events: auto;
2049
+ transform: translate(-50%, 0);
2018
2050
  }
2019
2051
 
2020
- div.cX-Toolbar-Right-Container {
2021
- border: var(--cx-border);
2022
- border-radius: 8px 0 0 8px;
2023
- border-right: none;
2024
- align-content: center;
2025
- height: auto;
2026
- padding: 1px;
2027
- background-color: var(--cx-background-widgets-color);
2052
+ .cX-Toolbar-Trigger-l:hover+.cX-Toolbar-l,
2053
+ .cX-Toolbar-l:hover {
2054
+ opacity: 1;
2055
+ pointer-events: auto;
2056
+ transform: translate(0, -50%);
2028
2057
  }
2029
2058
 
2030
- div.cX-Toolbar-Right-Font {
2031
- padding: 5px;
2032
- cursor: pointer;
2059
+ .cX-Toolbar-Trigger-r:hover+.cX-Toolbar-r,
2060
+ .cX-Toolbar-r:hover {
2061
+ opacity: 1;
2062
+ pointer-events: auto;
2063
+ transform: translate(0, -50%);
2033
2064
  }
2034
2065
 
2035
2066
  /*************
@@ -2145,6 +2176,10 @@ input.cX-Marker-Add-Update {
2145
2176
  * Data Table DOE *
2146
2177
  ******************/
2147
2178
 
2179
+ .cX-Container-DOE {
2180
+ position: relative;
2181
+ }
2182
+
2148
2183
  table.cX-DataTable-DOE {
2149
2184
  border-spacing: 0 !important;
2150
2185
  font-size: var(--cx-font-size) !important;
@@ -2259,19 +2294,22 @@ input[type="search"]::-webkit-search-cancel-button.cX-DataTable-Search {
2259
2294
  div.cX-DataTable-Toolbar {
2260
2295
  background-color: var(--cx-datatable-toolbar-background-color);
2261
2296
  border-bottom: 1px var(--cx-border-style) var(--cx-datatable-toolbar-border-color);
2262
- -moz-transition: height 0.5s ease;
2263
- -webkit-transition: height 0.5s ease;
2264
- -o-transition: height 0.5s ease;
2265
- transition: height 0.5s ease;
2297
+ display: flex;
2298
+ align-items: center;
2299
+ justify-content: flex-end;
2300
+ -moz-transition: height var(--cx-transition-speed) ease;
2301
+ -webkit-transition: height var(--cx-transition-speed) ease;
2302
+ -o-transition: height var(--cx-transition-speed) ease;
2303
+ transition: height var(--cx-transition-speed) ease;
2266
2304
  }
2267
2305
 
2268
2306
  div.cX-DataTable-Toolbar-Zero {
2269
2307
  background-color: var(--cx-datatable-toolbar-background-color);
2270
2308
  border-bottom: none;
2271
- -moz-transition: height 0.5s ease;
2272
- -webkit-transition: height 0.5s ease;
2273
- -o-transition: height 0.5s ease;
2274
- transition: height 0.5s ease;
2309
+ -moz-transition: height var(--cx-transition-speed) ease;
2310
+ -webkit-transition: height var(--cx-transition-speed) ease;
2311
+ -o-transition: height var(--cx-transition-speed) ease;
2312
+ transition: height var(--cx-transition-speed) ease;
2275
2313
  }
2276
2314
 
2277
2315
  svg.cX-DataTable-Toolbar-Image {
@@ -2281,7 +2319,7 @@ svg.cX-DataTable-Toolbar-Image {
2281
2319
  box-shadow: 0 0 0px var(--cx-color-transparent) !important;
2282
2320
  cursor: pointer;
2283
2321
  float: right;
2284
- margin: 5px 8px 0px 0px !important;
2322
+ margin: 0px 8px 0px 0px !important;
2285
2323
  }
2286
2324
 
2287
2325
  svg.cX-DataTable-Toolbar-Image {
@@ -2576,6 +2614,13 @@ span.cX-DataTable-Cell-Head-Text {
2576
2614
 
2577
2615
  /* Data Table Cells td */
2578
2616
 
2617
+ svg.cX-DataTable-Cell-Hierarchy-Icon {
2618
+ float: left;
2619
+ margin-left: -10px;
2620
+ margin-right: 10px;
2621
+ cursor: pointer;
2622
+ }
2623
+
2579
2624
  td.cX-DataTable-Cell,
2580
2625
  td.cX-DataTable-Cell-Active {
2581
2626
  border-top: none !important;
@@ -2699,7 +2744,6 @@ div.cX-DataFilter {
2699
2744
  left: 0px;
2700
2745
  display: none;
2701
2746
  z-index: 10000;
2702
- margin-left: 8px;
2703
2747
  height: 100%;
2704
2748
  }
2705
2749
 
@@ -2951,7 +2995,7 @@ div.cX-Toggle-Switch:before {
2951
2995
  position: absolute;
2952
2996
  top: 2px;
2953
2997
  left: 2px;
2954
- transition: left 0.25s;
2998
+ transition: left var(--cx-transition-speed);
2955
2999
  }
2956
3000
 
2957
3001
  label.cX-Toggle:hover div.cX-Toggle-Switch:before {
@@ -3070,7 +3114,7 @@ div.CanvasXpressRangeSlider>div.CanvasXpressRangeSliderThumbRight {
3070
3114
  width: 18px;
3071
3115
  height: 18px;
3072
3116
  border-radius: 50%;
3073
- transition: box-shadow .3s ease-in-out;
3117
+ transition: box-shadow var(--cx-transition-speed) ease-in-out;
3074
3118
  }
3075
3119
 
3076
3120
  div.CanvasXpressRangeSlider>div.CanvasXpressRangeSliderThumbLeft,
@@ -3315,9 +3359,15 @@ div.cX-DataFilter-Container-Item::selection {
3315
3359
  color: var(--cx-background-color);
3316
3360
  }
3317
3361
 
3318
- /*
3319
- * Menu
3320
- */
3362
+ /*****************
3363
+ * Context Menus *
3364
+ *****************/
3365
+
3366
+ .cX-Container-Menus {
3367
+ position: sticky;
3368
+ z-index: 100000;
3369
+ background: transparent;
3370
+ }
3321
3371
 
3322
3372
  div.CanvasXpressLink {
3323
3373
  box-sizing: border-box;
@@ -3406,7 +3456,7 @@ input:checked.CanvasXpressTabMenuConfigurator+section.CanvasXpressTabMenuConfigu
3406
3456
  div.CanvasXpressMenu {
3407
3457
  box-sizing: border-box;
3408
3458
  background-color: rgb(255, 255, 255);
3409
- border: 1px solid rgb(83, 105, 255);
3459
+ border: var(--cx-border);
3410
3460
  border-radius: 3px;
3411
3461
  box-shadow: rgba(154, 154, 154, 0.2) 3px 3px;
3412
3462
  color: var(--cx-font-color);
@@ -3981,6 +4031,10 @@ select.CanvasXpressSlider:focus {
3981
4031
  */
3982
4032
 
3983
4033
  div.CanvasXpress-ParentNode {
4034
+ display: flex;
4035
+ flex-direction: column;
4036
+ max-width: -webkit-fill-available;
4037
+ width: fit-content;
3984
4038
  -moz-transform: none;
3985
4039
  -webkit-transform: none;
3986
4040
  -o-transform: none;
@@ -3993,6 +4047,10 @@ div.CanvasXpress-ParentNode {
3993
4047
  */
3994
4048
 
3995
4049
  canvas.CanvasXpress {
4050
+ width: 100%;
4051
+ height: 100%;
4052
+ display: block;
4053
+ flex-grow: 1;
3996
4054
  -moz-user-select: none;
3997
4055
  -khtml-user-select: none;
3998
4056
  -webkit-user-select: none;
@@ -4048,90 +4106,310 @@ div.CanvasXpressWrapper {
4048
4106
  line-height: 100%;
4049
4107
  }
4050
4108
 
4051
- /**
4052
- * Object transformation
4053
- */
4109
+ /* Hide Efect */
4054
4110
 
4055
- .view-transition-effect {
4056
- transition: left 0.55s ease-in-out, top 0.55s ease-in-out, right 0.55s ease-in-out, bottom 0.55s ease-in-out, width 0.55s ease-in-out, height 0.55s ease-in-out, opacity 0.55s ease-in-out, transform 0.55s ease-in-out;
4111
+ .appear {
4112
+ transition: all var(--cx-transition-speed) linear;
4113
+ opacity: 1;
4057
4114
  }
4058
4115
 
4059
- .no-transition {
4060
- transition: none;
4116
+ .dissapear {
4117
+ display: none;
4061
4118
  }
4062
4119
 
4063
- /*
4064
- * full-screen-warning-container
4065
- */
4120
+ .dissapearHidden {
4121
+ transition: all var(--cx-transition-speed) linear;
4122
+ opacity: 0;
4123
+ }
4124
+
4125
+ /***********
4126
+ * Resizer *
4127
+ ***********/
4128
+
4129
+ .cX-Resize-Indicator {
4130
+ position: absolute;
4131
+ bottom: 10px;
4132
+ right: 30px;
4133
+ background: rgb(83, 105, 255);
4134
+ color: white;
4135
+ padding: 4px 10px;
4136
+ border-radius: 4px;
4137
+ font-size: 12px;
4138
+ font-weight: bold;
4139
+ pointer-events: none;
4140
+ opacity: 0;
4141
+ z-index: 10001;
4142
+ transition: opacity var(--cx-transition-speed) linear;
4143
+ }
4066
4144
 
4067
- .fullscreen-transition-effect {
4068
- /* Smoothly transition changes to transform, width, and height */
4069
- transition: transform 0.4s ease-in-out, width 0.4s ease-in-out, height 0.4s ease-in-out, left 0.4s ease-in-out, top 0.4s ease-in-out;
4145
+ .cX-Wrapper.resizing .cX-Resize-Indicator {
4146
+ opacity: 1;
4070
4147
  }
4071
4148
 
4072
- #full-screen-warning-container {
4073
- background-color: transparent !important;
4074
- opacity: 0.4 !important;
4149
+ /* 8-POINT RESIZER STYLES */
4150
+ .cX-Resizer {
4151
+ position: absolute;
4152
+ z-index: 2000;
4153
+ background: transparent;
4154
+ }
4155
+
4156
+ .cX-Resizer.t {
4157
+ top: 0;
4158
+ left: 0;
4159
+ width: 100%;
4160
+ height: 8px;
4161
+ cursor: n-resize !important;
4075
4162
  }
4076
4163
 
4077
- #full-screen-warning-container[fade-warning-out] {
4078
- transition-property: opacity !important;
4079
- transition-duration: 1ms !important;
4080
- opacity: 0.0 !important;
4164
+ .cX-Resizer.b {
4165
+ bottom: 0;
4166
+ left: 0;
4167
+ width: 100%;
4168
+ height: 8px;
4169
+ cursor: s-resize !important;
4081
4170
  }
4082
4171
 
4083
- #full-screen-warning-message {
4084
- padding: 15px !important;
4172
+ .cX-Resizer.l {
4173
+ top: 0;
4174
+ left: 0;
4175
+ height: 100%;
4176
+ width: 8px;
4177
+ cursor: w-resize !important;
4085
4178
  }
4086
4179
 
4087
- .full-screen-description {
4088
- font-size: 100% !important;
4180
+ .cX-Resizer.r {
4181
+ top: 0;
4182
+ right: 0;
4183
+ height: 100%;
4184
+ width: 8px;
4185
+ cursor: e-resize !important;
4089
4186
  }
4090
4187
 
4091
- #full-screen-domain-text {
4092
- font-size: 100% !important;
4093
- font-weight: bold !important;
4188
+ .cX-Resizer.lt {
4189
+ top: 0;
4190
+ left: 0;
4191
+ width: 12px;
4192
+ height: 12px;
4193
+ cursor: nw-resize !important;
4094
4194
  }
4095
4195
 
4096
- .full-screen-approval-button,
4097
- #full-screen-remember-decision {
4098
- font-size: 100% !important;
4196
+ .cX-Resizer.rt {
4197
+ top: 0;
4198
+ right: 0;
4199
+ width: 12px;
4200
+ height: 12px;
4201
+ cursor: ne-resize !important;
4099
4202
  }
4100
4203
 
4101
- @media (min-width: 300px) {
4102
- div.cX-bin {
4103
- transform: scale(0.5);
4104
- }
4204
+ .cX-Resizer.lb {
4205
+ bottom: 0;
4206
+ left: 0;
4207
+ width: 12px;
4208
+ height: 12px;
4209
+ cursor: sw-resize !important;
4105
4210
  }
4106
4211
 
4107
- @media (min-width: 450px) {
4108
- div.cX-bin {
4109
- transform: scale(0.75);
4110
- }
4212
+ .cX-Resizer.rb {
4213
+ bottom: 0;
4214
+ right: 0;
4215
+ width: 12px;
4216
+ height: 12px;
4217
+ cursor: se-resize !important;
4111
4218
  }
4112
4219
 
4113
- @media (min-width: 600px) {
4114
- div.cX-bin {
4115
- transform: scale(1);
4116
- }
4220
+ /******************
4221
+ * New Viewport *
4222
+ ******************/
4223
+
4224
+ body.has-fullscreen {
4225
+ overflow: hidden;
4226
+ background: #ffffff;
4227
+ padding: 0;
4228
+ display: block;
4117
4229
  }
4118
4230
 
4119
- /* Hide Efect */
4231
+ .cX-Leaflet {
4232
+ position: absolute;
4233
+ visibility: visible;
4234
+ width: 100%;
4235
+ height: 100%;
4236
+ z-index: -1;
4237
+ }
4120
4238
 
4121
- .appear {
4122
- transition: all 1s linear;
4239
+ .cX-Viewer-Drag,
4240
+ .cX-Viewer-Drag-Layout {
4241
+ position: absolute;
4242
+ background-color: rgba(204,204,204,0.7);
4243
+ }
4244
+
4245
+ .cX-DOM {
4246
+ padding: 0;
4247
+ position: relative;
4248
+ box-sizing: border-box;
4249
+ display: flex;
4250
+ flex-direction: column;
4251
+ width: var(--base-w);
4252
+ height: var(--base-h);
4253
+ }
4254
+
4255
+ .cX-DOM:fullscreen {
4256
+ width: 100vw;
4257
+ height: 100vh;
4258
+ background-color: white;
4259
+ overflow-y: auto;
4260
+ }
4261
+
4262
+ .cX-DOM:fullscreen::backdrop {
4263
+ background-color: black;
4264
+ opacity: 1 !important;
4265
+ }
4266
+
4267
+ .cX-DOM.fullscreen-mode {
4268
+ position: fixed !important;
4269
+ top: 0 !important;
4270
+ left: 0 !important;
4271
+ margin: 0 !important;
4272
+ z-index: 1;
4273
+ background: transparent !important;
4274
+ }
4275
+
4276
+ .cX-Wrapper {
4277
+ padding: 0;
4278
+ transition: width var(--cx-transition-speed) ease-out, height var(--cx-transition-speed) ease-out;
4279
+ position: relative;
4280
+ box-sizing: border-box;
4281
+ display: flex;
4282
+ flex-direction: column;
4283
+ width: var(--base-w);
4284
+ height: var(--base-h);
4285
+ }
4286
+
4287
+ .cX-Wrapper.resizing {
4288
+ transition: none !important;
4289
+ }
4290
+
4291
+ .cX-Wrapper.resizing .cX-Container,
4292
+ .cX-Wrapper.resizing .cX-Container-Cell {
4293
+ transition: none !important;
4294
+ }
4295
+
4296
+
4297
+ .cX-Container,
4298
+ .CanvasXpress {
4299
+ width: 100%;
4300
+ height: 100%;
4301
+ transition: width var(--cx-transition-speed) ease, height var(--cx-transition-speed) ease;
4302
+ }
4303
+
4304
+ .cX-Wrapper.fullscreen-mode {
4305
+ position: fixed !important;
4306
+ top: 0 !important;
4307
+ left: 0 !important;
4308
+ margin: 0 !important;
4309
+ z-index: 9999;
4310
+ border-radius: 0;
4311
+ background: #ffffff !important;
4312
+ height: 100vh !important;
4313
+ width: 100vw !important;
4314
+ }
4315
+
4316
+ .cX-UI {
4317
+ display: flex;
4318
+ flex-direction: row;
4319
+ align-items: stretch;
4320
+ width: 100%;
4321
+ flex-grow: 1;
4322
+ position: relative;
4323
+ }
4324
+
4325
+ .cX-Container {
4326
+ width: var(--base-w);
4327
+ height: var(--base-h);
4328
+ background-color: transparent;
4329
+ position: relative;
4330
+ flex-shrink: 0;
4331
+ transition: width var(--cx-transition-speed) ease, height var(--cx-transition-speed) ease;
4332
+ }
4333
+
4334
+ .cX-Wrapper.fullscreen-mode .cX-Container {
4335
+ width: 100% !important;
4336
+ height: 100% !important;
4337
+ }
4338
+
4339
+ .cX-Container-Cell {
4340
+ position: absolute;
4341
+ display: flex;
4342
+ flex-direction: column;
4343
+ align-items: stretch;
4344
+ color: white;
4345
+ border: none;
4346
+ transition: all var(--cx-transition-speed) ease, opacity var(--cx-transition-speed) ease;
4347
+ opacity: 0;
4348
+ pointer-events: none;
4349
+ background: transparent;
4350
+ }
4351
+
4352
+ .cX-Container-Cell.active {
4123
4353
  opacity: 1;
4354
+ pointer-events: auto;
4124
4355
  }
4125
4356
 
4126
- .dissapear {
4127
- display: none;
4357
+ .cX-Canvas-Container {
4358
+ margin: auto;
4359
+ display: flex;
4360
+ align-items: center;
4128
4361
  }
4129
4362
 
4130
- .dissapearHidden {
4131
- transition: all 1s linear;
4363
+ /* Version Info Box */
4364
+
4365
+ .cX-Version-Info-Trigger {
4366
+ position: absolute;
4367
+ left: 0;
4368
+ top: 0;
4369
+ width: 25px;
4370
+ height: 25px;
4371
+ background: transparent;
4372
+ z-index: 10000;
4373
+ pointer-events: auto;
4374
+ }
4375
+
4376
+ .cX-Version-Info-Container {
4377
+ position: absolute;
4378
+ left: 32px;
4379
+ top: 32px;
4380
+ border: var(--cx-border);
4381
+ border-radius: 10px;
4382
+ padding: 8px;
4383
+ background: #ffffff;
4132
4384
  opacity: 0;
4385
+ z-index: 1001;
4386
+ transition: all var(--cx-transition-speed) ease;
4387
+ overflow: hidden;
4388
+ white-space: nowrap;
4389
+ font: var(--cx-x-large-font);
4390
+ pointer-events: none;
4133
4391
  }
4134
4392
 
4393
+ .cX-Version-Info-Trigger:hover+.cX-Version-Info-Container {
4394
+ opacity: 1;
4395
+ pointer-events: auto;
4396
+ }
4397
+
4398
+ /* HTML Widget Container */
4399
+
4400
+ .cX-Container-HTMLWidget {
4401
+ z-index: 100000;
4402
+ background: transparent;
4403
+ width: 100%;
4404
+ height: 100%;
4405
+ box-sizing: border-box;
4406
+ overflow: auto;
4407
+ }
4408
+
4409
+ /******************
4410
+ * End Viewport *
4411
+ ******************/
4412
+
4135
4413
  /* Magic Effects */
4136
4414
 
4137
4415
  /*
@@ -4141,8 +4419,8 @@ Copyright (c) 2018 Christian Pucci
4141
4419
  */
4142
4420
 
4143
4421
  .magictime {
4144
- -webkit-animation-duration: 1s;
4145
- animation-duration: 1s;
4422
+ -webkit-animation-duration: var(--cx-animation-speed);
4423
+ animation-duration: var(--cx-animation-speed);
4146
4424
  -webkit-animation-fill-mode: both;
4147
4425
  animation-fill-mode: both;
4148
4426
  }
@@ -4229,126 +4507,12 @@ Copyright (c) 2018 Christian Pucci
4229
4507
  }
4230
4508
  }
4231
4509
 
4232
- .swashIn {
4233
- -webkit-animation-name: swashIn;
4234
- animation-name: swashIn;
4235
- }
4236
-
4237
- @-webkit-keyframes swashIn {
4238
- 0% {
4239
- opacity: 0;
4240
- -webkit-transform-origin: 50% 50%;
4241
- transform-origin: 50% 50%;
4242
- -webkit-transform: scale(0, 0);
4243
- transform: scale(0, 0);
4244
- }
4245
-
4246
- 90% {
4247
- opacity: 1;
4248
- -webkit-transform-origin: 50% 50%;
4249
- transform-origin: 50% 50%;
4250
- -webkit-transform: scale(0.9, 0.9);
4251
- transform: scale(0.9, 0.9);
4252
- }
4253
-
4254
- 100% {
4255
- opacity: 1;
4256
- -webkit-transform-origin: 50% 50%;
4257
- transform-origin: 50% 50%;
4258
- -webkit-transform: scale(1, 1);
4259
- transform: scale(1, 1);
4260
- }
4510
+ .slideLeft {
4511
+ -webkit-animation-name: slideLeft;
4512
+ animation-name: slideLeft;
4261
4513
  }
4262
4514
 
4263
- @keyframes swashIn {
4264
- 0% {
4265
- opacity: 0;
4266
- -webkit-transform-origin: 50% 50%;
4267
- transform-origin: 50% 50%;
4268
- -webkit-transform: scale(0, 0);
4269
- transform: scale(0, 0);
4270
- }
4271
-
4272
- 90% {
4273
- opacity: 1;
4274
- -webkit-transform-origin: 50% 50%;
4275
- transform-origin: 50% 50%;
4276
- -webkit-transform: scale(0.9, 0.9);
4277
- transform: scale(0.9, 0.9);
4278
- }
4279
-
4280
- 100% {
4281
- opacity: 1;
4282
- -webkit-transform-origin: 50% 50%;
4283
- transform-origin: 50% 50%;
4284
- -webkit-transform: scale(1, 1);
4285
- transform: scale(1, 1);
4286
- }
4287
- }
4288
-
4289
- .swashOut {
4290
- -webkit-animation-name: swashOut;
4291
- animation-name: swashOut;
4292
- }
4293
-
4294
- @-webkit-keyframes swashOut {
4295
- 0% {
4296
- opacity: 1;
4297
- -webkit-transform-origin: 50% 50%;
4298
- transform-origin: 50% 50%;
4299
- -webkit-transform: scale(1, 1);
4300
- transform: scale(1, 1);
4301
- }
4302
-
4303
- 80% {
4304
- opacity: 1;
4305
- -webkit-transform-origin: 50% 50%;
4306
- transform-origin: 50% 50%;
4307
- -webkit-transform: scale(0.9, 0.9);
4308
- transform: scale(0.9, 0.9);
4309
- }
4310
-
4311
- 100% {
4312
- opacity: 0;
4313
- -webkit-transform-origin: 50% 50%;
4314
- transform-origin: 50% 50%;
4315
- -webkit-transform: scale(0, 0);
4316
- transform: scale(0, 0);
4317
- }
4318
- }
4319
-
4320
- @keyframes swashOut {
4321
- 0% {
4322
- opacity: 1;
4323
- -webkit-transform-origin: 50% 50%;
4324
- transform-origin: 50% 50%;
4325
- -webkit-transform: scale(1, 1);
4326
- transform: scale(1, 1);
4327
- }
4328
-
4329
- 80% {
4330
- opacity: 1;
4331
- -webkit-transform-origin: 50% 50%;
4332
- transform-origin: 50% 50%;
4333
- -webkit-transform: scale(0.9, 0.9);
4334
- transform: scale(0.9, 0.9);
4335
- }
4336
-
4337
- 100% {
4338
- opacity: 0;
4339
- -webkit-transform-origin: 50% 50%;
4340
- transform-origin: 50% 50%;
4341
- -webkit-transform: scale(0, 0);
4342
- transform: scale(0, 0);
4343
- }
4344
- }
4345
-
4346
- .slideLeftReturn {
4347
- -webkit-animation-name: slideLeftReturn;
4348
- animation-name: slideLeftReturn;
4349
- }
4350
-
4351
- @-webkit-keyframes slideLeftReturn {
4515
+ @-webkit-keyframes slideLeft {
4352
4516
  0% {
4353
4517
  -webkit-transform-origin: 0 0;
4354
4518
  transform-origin: 0 0;
@@ -4364,7 +4528,7 @@ Copyright (c) 2018 Christian Pucci
4364
4528
  }
4365
4529
  }
4366
4530
 
4367
- @keyframes slideLeftReturn {
4531
+ @keyframes slideLeft {
4368
4532
  0% {
4369
4533
  -webkit-transform-origin: 0 0;
4370
4534
  transform-origin: 0 0;
@@ -4402,43 +4566,6 @@ Copyright (c) 2018 Christian Pucci
4402
4566
  }
4403
4567
 
4404
4568
  @keyframes slideUp {
4405
- 0% {
4406
- -webkit-transform-origin: 0 0;
4407
- transform-origin: 0 0;
4408
- -webkit-transform: translateY(0%);
4409
- transform: translateY(0%);
4410
- }
4411
-
4412
- 100% {
4413
- -webkit-transform-origin: 0 0;
4414
- transform-origin: 0 0;
4415
- -webkit-transform: translateY(-100%);
4416
- transform: translateY(-100%);
4417
- }
4418
- }
4419
-
4420
- .slideUp2 {
4421
- -webkit-animation-name: slideUp2;
4422
- animation-name: slideUp2;
4423
- }
4424
-
4425
- @-webkit-keyframes slideUp2 {
4426
- 0% {
4427
- -webkit-transform-origin: 0 0;
4428
- transform-origin: 0 0;
4429
- -webkit-transform: translateY(0%);
4430
- transform: translateY(0%);
4431
- }
4432
-
4433
- 100% {
4434
- -webkit-transform-origin: 0 0;
4435
- transform-origin: 0 0;
4436
- -webkit-transform: translateY(-100%);
4437
- transform: translateY(-100%);
4438
- }
4439
- }
4440
-
4441
- @keyframes slideUp2 {
4442
4569
  0% {
4443
4570
  opacity: 1;
4444
4571
  -webkit-transform-origin: 0 0;