tsichart-core 1.0.0 → 1.0.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.
Files changed (110) hide show
  1. package/README.MD +8 -17
  2. package/dist/AggregateExpression.d.ts +2 -2
  3. package/dist/AggregateExpression.js +3 -3
  4. package/dist/{AvailabilityChart-i_efwXCX.js → AvailabilityChart-DB-qDF5K.js} +6 -6
  5. package/dist/AvailabilityChart.d.ts +5 -5
  6. package/dist/AvailabilityChart.js +19 -19
  7. package/dist/{ChartComponent-DTcc6aED.d.ts → ChartComponent-D_oxwJzs.d.ts} +3 -3
  8. package/dist/{ChartComponent-DnKLTxWe.js → ChartComponent-vkpgBQLu.js} +5 -5
  9. package/dist/{ChartDataOptions-DBS28b1-.d.ts → ChartDataOptions-BRyaRP-P.d.ts} +1 -1
  10. package/dist/{ChartDataOptions-DRd8NHra.js → ChartDataOptions-DmxO3Mff.js} +1 -1
  11. package/dist/{ChartVisualizationComponent-CG7e5xlc.js → ChartVisualizationComponent-B8daZQmK.js} +4 -4
  12. package/dist/{ChartVisualizationComponent-DBjiqR1n.d.ts → ChartVisualizationComponent-vNl00qB5.d.ts} +1 -1
  13. package/dist/{ColorPicker-CH__K8xm.js → ColorPicker-CtdzSTCJ.js} +3 -3
  14. package/dist/ColorPicker.d.ts +3 -3
  15. package/dist/ColorPicker.js +4 -4
  16. package/dist/{Component-CofgyEw0.js → Component-Fh8BfEkG.js} +1 -1
  17. package/dist/{Component-Rp30sSAW.d.ts → Component-oHRkpsGv.d.ts} +2 -2
  18. package/dist/{ContextMenu-DABSkTA2.js → ContextMenu-BSlU15yW.js} +2 -2
  19. package/dist/{DateTimeButton-Ca1487GR.js → DateTimeButton-Dw9kYXHe.js} +3 -3
  20. package/dist/{DateTimeButton-CMcCxc8x.d.ts → DateTimeButton-UtkAf1Dj.d.ts} +1 -1
  21. package/dist/{DateTimeButtonRange-DpgfhHQt.js → DateTimeButtonRange-CYSwNEiU.js} +4 -4
  22. package/dist/DateTimeButtonRange.d.ts +6 -6
  23. package/dist/DateTimeButtonRange.js +11 -11
  24. package/dist/{DateTimeButtonSingle-C6cTx5VO.js → DateTimeButtonSingle-Cf4PIsmM.js} +3 -3
  25. package/dist/DateTimeButtonSingle.d.ts +6 -6
  26. package/dist/DateTimeButtonSingle.js +10 -10
  27. package/dist/{DateTimePicker-BH6qiVfQ.js → DateTimePicker-B0jCltxE.js} +5 -5
  28. package/dist/DateTimePicker.d.ts +5 -5
  29. package/dist/DateTimePicker.js +9 -9
  30. package/dist/{EllipsisMenu-30FNqoIv.js → EllipsisMenu-BZIeb0lc.js} +2 -2
  31. package/dist/EllipsisMenu.d.ts +3 -3
  32. package/dist/EllipsisMenu.js +4 -4
  33. package/dist/{EventsTable-a0XLbsMF.js → EventsTable-Cwd5ZYUS.js} +3 -3
  34. package/dist/EventsTable.d.ts +5 -5
  35. package/dist/EventsTable.js +7 -7
  36. package/dist/{GeoProcessGraphic-AVAzyF7k.js → GeoProcessGraphic-B5f5ijbQ.js} +2 -2
  37. package/dist/GeoProcessGraphic.d.ts +5 -5
  38. package/dist/GeoProcessGraphic.js +5 -5
  39. package/dist/{Grid-DfFAkeeV.js → Grid-CLg8oulV.js} +3 -3
  40. package/dist/Grid.d.ts +4 -4
  41. package/dist/Grid.js +4 -4
  42. package/dist/{GroupedBarChart-BspwM8r2.js → GroupedBarChart-CGjuSRGL.js} +8 -8
  43. package/dist/GroupedBarChart.d.ts +7 -7
  44. package/dist/GroupedBarChart.js +14 -14
  45. package/dist/{GroupedBarChartData-C0YQydrP.d.ts → GroupedBarChartData-BG7Llyim.d.ts} +1 -1
  46. package/dist/{GroupedBarChartData-BRCyDxbA.js → GroupedBarChartData-DntgubPo.js} +3 -3
  47. package/dist/{Heatmap-D8ET8Ue8.js → Heatmap-wSPC1TO0.js} +6 -6
  48. package/dist/Heatmap.d.ts +7 -7
  49. package/dist/Heatmap.js +11 -11
  50. package/dist/{Hierarchy-QkWLHkxo.js → Hierarchy-Br9nqfbB.js} +3 -3
  51. package/dist/Hierarchy.d.ts +3 -3
  52. package/dist/Hierarchy.js +4 -4
  53. package/dist/{HierarchyNavigation-CR6YUilh.js → HierarchyNavigation-DuJ0RI_7.js} +3 -3
  54. package/dist/HierarchyNavigation.d.ts +3 -3
  55. package/dist/HierarchyNavigation.js +4 -4
  56. package/dist/{HistoryPlayback-SjeQbAPq.js → HistoryPlayback-CLzw5ZJq.js} +3 -3
  57. package/dist/{HistoryPlayback-BmA-54lT.d.ts → HistoryPlayback-oOgP7anD.d.ts} +1 -1
  58. package/dist/{Legend-DlSXQXHF.js → Legend-C3pV4ytm.js} +3 -3
  59. package/dist/{LineChart-CExEyjZa.js → LineChart-Cy9eqoNN.js} +8 -8
  60. package/dist/LineChart.d.ts +7 -7
  61. package/dist/LineChart.js +13 -13
  62. package/dist/{ModelAutocomplete-TRD16egq.js → ModelAutocomplete-DU9qSmK9.js} +3 -3
  63. package/dist/ModelAutocomplete.d.ts +3 -3
  64. package/dist/ModelAutocomplete.js +4 -4
  65. package/dist/{ModelSearch-WEa7Ud20.js → ModelSearch-BRCP-i7Q.js} +5 -5
  66. package/dist/ModelSearch.d.ts +3 -3
  67. package/dist/ModelSearch.js +6 -6
  68. package/dist/{PieChart-B1ZXk13Q.js → PieChart-D0YxLxeJ.js} +9 -9
  69. package/dist/PieChart.d.ts +7 -7
  70. package/dist/PieChart.js +14 -14
  71. package/dist/{PlaybackControls-Dwt6dif9.js → PlaybackControls-39WNEgIC.js} +4 -4
  72. package/dist/PlaybackControls.d.ts +3 -3
  73. package/dist/PlaybackControls.js +10 -10
  74. package/dist/{ProcessGraphic-CixT-zZl.js → ProcessGraphic-CYUuYDHy.js} +3 -3
  75. package/dist/ProcessGraphic.d.ts +5 -5
  76. package/dist/ProcessGraphic.js +5 -5
  77. package/dist/README.MD +2 -1
  78. package/dist/{ScatterPlot-DrPoHNDJ.js → ScatterPlot-BMgGh18V.js} +8 -8
  79. package/dist/ScatterPlot.d.ts +7 -7
  80. package/dist/ScatterPlot.js +13 -13
  81. package/dist/{SingleDateTimePicker-7anflEq8.js → SingleDateTimePicker-hjgc6B64.js} +4 -4
  82. package/dist/SingleDateTimePicker.d.ts +5 -5
  83. package/dist/SingleDateTimePicker.js +8 -8
  84. package/dist/{Slider-BtSdC4fj.js → Slider-BIdM4S0z.js} +3 -3
  85. package/dist/Slider.d.ts +3 -3
  86. package/dist/Slider.js +4 -4
  87. package/dist/{TemporalXAxisComponent-DkyVvASs.js → TemporalXAxisComponent-C-qdKKoq.js} +3 -3
  88. package/dist/{TemporalXAxisComponent-CyiM5EH0.d.ts → TemporalXAxisComponent-PQkhKTGG.d.ts} +1 -1
  89. package/dist/{TimezonePicker-ClfP1lBL.js → TimezonePicker-CFtiUEYe.js} +3 -3
  90. package/dist/TimezonePicker.d.ts +5 -5
  91. package/dist/TimezonePicker.js +7 -7
  92. package/dist/{Tooltip-Fa-0Xekn.js → Tooltip-CcY3Rgca.js} +2 -2
  93. package/dist/TsqExpression.d.ts +2 -2
  94. package/dist/TsqExpression.js +3 -3
  95. package/dist/{UXClient-DydSPZwM.js → UXClient-Bm8dSHcu.js} +24 -24
  96. package/dist/UXClient.d.ts +11 -11
  97. package/dist/UXClient.js +38 -38
  98. package/dist/{Utils-BsPLzJBC.d.ts → Utils-bxV3DmSb.d.ts} +1 -1
  99. package/dist/Utils.d.ts +2 -2
  100. package/dist/Utils.js +1 -1
  101. package/dist/tsiclient.css +779 -779
  102. package/dist/tsiclient.d.ts +12 -12
  103. package/dist/tsiclient.js +38 -38
  104. package/package.json +7 -3
  105. /package/dist/{ChartComponentData-D5wuQmmZ.d.ts → ChartComponentData-DY8xShs2.d.ts} +0 -0
  106. /package/dist/{Enums-ChUuTtHV.d.ts → Enums-BSzh32Nl.d.ts} +0 -0
  107. /package/dist/{Interfaces-BKRQ685G.d.ts → Interfaces-CaFm-ZXM.d.ts} +0 -0
  108. /package/dist/{Utils-C_j8IgZh.js → Utils-B_K3cdyq.js} +0 -0
  109. /package/dist/{_tslib-5_9pMg1F.js → _tslib-Co-aXUsI.js} +0 -0
  110. /package/dist/{pikaday-DMSzaLH6.js → pikaday-pjta9kjA.js} +0 -0
package/dist/tsiclient.css CHANGED
@@ -3431,7 +3431,7 @@ div[class^=tsi-] {
3431
3431
  line-height: 16px;
3432
3432
  }
3433
3433
 
3434
- .tsi-baseContextMenu {
3434
+ .tsi-baseContextMenu, .tsi-modelAutocompleteWrapper .tsi-search .awesomplete > ul {
3435
3435
  white-space: nowrap;
3436
3436
  padding: 4px 0;
3437
3437
  animation: tsi-slideRight 0.367s cubic-bezier(0.1, 0.9, 0.2, 1) forwards;
@@ -3441,9 +3441,11 @@ div[class^=tsi-] {
3441
3441
  box-shadow: 0px 0px 2px 0px rgba(0, 0, 0, 0.3);
3442
3442
  text-align: left;
3443
3443
  }
3444
- .tsi-baseContextMenu > div,
3444
+ .tsi-baseContextMenu > div, .tsi-modelAutocompleteWrapper .tsi-search .awesomplete > ul > div,
3445
3445
  .tsi-baseContextMenu > li,
3446
- .tsi-baseContextMenu > button {
3446
+ .tsi-modelAutocompleteWrapper .tsi-search .awesomplete > ul > li,
3447
+ .tsi-baseContextMenu > button,
3448
+ .tsi-modelAutocompleteWrapper .tsi-search .awesomplete > ul > button {
3447
3449
  padding: 4px 8px;
3448
3450
  font-size: 12px;
3449
3451
  cursor: pointer;
@@ -3452,13 +3454,13 @@ div[class^=tsi-] {
3452
3454
  align-items: center;
3453
3455
  overflow: hidden;
3454
3456
  }
3455
- .tsi-baseContextMenu .tsi-break {
3457
+ .tsi-baseContextMenu .tsi-break, .tsi-modelAutocompleteWrapper .tsi-search .awesomplete > ul .tsi-break {
3456
3458
  height: 4px;
3457
3459
  margin-top: 4px;
3458
3460
  padding: 0 0 4px 0;
3459
3461
  cursor: default;
3460
3462
  }
3461
- .tsi-baseContextMenu .tsi-break:last-of-type {
3463
+ .tsi-baseContextMenu .tsi-break:last-of-type, .tsi-modelAutocompleteWrapper .tsi-search .awesomplete > ul .tsi-break:last-of-type {
3462
3464
  display: none;
3463
3465
  }
3464
3466
 
@@ -3638,102 +3640,174 @@ select::-ms-expand {
3638
3640
  font-weight: 300;
3639
3641
  }
3640
3642
 
3641
- .tsi-colorPicker {
3642
- max-width: 200px;
3643
+ .tsi-modelAutocompleteWrapper {
3644
+ height: 32px;
3645
+ position: relative;
3643
3646
  }
3644
- .tsi-colorPicker.tsi-light {
3645
- color: #000;
3646
- background: #ffffff;
3647
+ .tsi-modelAutocompleteWrapper.tsi-dark {
3648
+ background: #0d0f0e;
3649
+ color: #fff;
3647
3650
  }
3648
- .tsi-colorPicker.tsi-light .tsi-colorPickerButton {
3649
- background: #ffffff;
3650
- border: 1px solid #dcdcdc;
3651
- color: #000;
3651
+ .tsi-modelAutocompleteWrapper.tsi-dark .tsi-baseContextMenu, .tsi-modelAutocompleteWrapper.tsi-dark .tsi-search .awesomplete > ul {
3652
+ border-color: #60aaff;
3653
+ background-color: #0d0f0e;
3654
+ box-shadow: 0 1px 3px 0 rgba(255, 255, 255, 0.16);
3652
3655
  }
3653
- .tsi-colorPicker.tsi-light .tsi-colorPickerButton:hover {
3654
- background-color: #f2f2f2;
3655
- cursor: pointer;
3656
+ .tsi-modelAutocompleteWrapper.tsi-dark .tsi-baseContextMenu > div:hover, .tsi-modelAutocompleteWrapper.tsi-dark .tsi-search .awesomplete > ul > div:hover, .tsi-modelAutocompleteWrapper.tsi-dark .tsi-baseContextMenu > div:focus, .tsi-modelAutocompleteWrapper.tsi-dark .tsi-search .awesomplete > ul > div:focus {
3657
+ background-color: #62666c;
3656
3658
  }
3657
- .tsi-colorPicker.tsi-light .tsi-colorPickerButton:focus {
3658
- box-shadow: 0px 4px 4px #dcdcdc;
3659
+ .tsi-modelAutocompleteWrapper.tsi-dark .tsi-baseContextMenu .tsi-break, .tsi-modelAutocompleteWrapper.tsi-dark .tsi-search .awesomplete > ul .tsi-break {
3660
+ border-top: 1px solid rgba(96, 170, 255, 0.2);
3659
3661
  }
3660
- .tsi-colorPicker.tsi-light .tsi-colorItem:hover {
3661
- box-shadow: 0px 0px 5px -1px #000;
3662
+ .tsi-modelAutocompleteWrapper.tsi-dark .tsi-baseContextMenu .tsi-break:hover, .tsi-modelAutocompleteWrapper.tsi-dark .tsi-search .awesomplete > ul .tsi-break:hover, .tsi-modelAutocompleteWrapper.tsi-dark .tsi-baseContextMenu .tsi-break:focus, .tsi-modelAutocompleteWrapper.tsi-dark .tsi-search .awesomplete > ul .tsi-break:focus {
3663
+ background-color: #0d0f0e;
3662
3664
  }
3663
- .tsi-colorPicker.tsi-light .tsi-noColor {
3664
- background-image: url("data:image/svg+xml,%3Csvg width%3D%2228%22 height%3D%2228%22 viewBox%3D%220 0 28 28%22 fill%3D%22none%22 xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0D%3Cpath d%3D%22M19.7344 6C20.0469 6 20.3411 6.0599 20.6172 6.17969C20.8932 6.29948 21.1328 6.46094 21.3359 6.66406C21.5391 6.86719 21.7005 7.10677 21.8203 7.38281C21.9401 7.65885 22 7.95312 22 8.26562C22 8.56771 21.9427 8.85938 21.8281 9.14062C21.7135 9.41667 21.5495 9.66146 21.3359 9.875L19.4609 11.75C19.6328 11.9167 19.7656 12.1068 19.8594 12.3203C19.9531 12.5286 20 12.7552 20 13C20 13.2396 19.9531 13.4635 19.8594 13.6719C19.7708 13.8802 19.6432 14.0677 19.4766 14.2344L18.25 15.4609L17 14.2031L10.7109 20.4922L10.5078 20.5C10.2422 20.5104 10.013 20.5547 9.82031 20.6328C9.63281 20.7109 9.46615 20.8073 9.32031 20.9219C9.17969 21.0312 9.04948 21.1484 8.92969 21.2734C8.8151 21.3984 8.69271 21.5156 8.5625 21.625C8.43229 21.7344 8.28906 21.8255 8.13281 21.8984C7.97656 21.9661 7.78646 22 7.5625 22C7.34896 22 7.14583 21.9583 6.95312 21.875C6.76562 21.7917 6.60156 21.6797 6.46094 21.5391C6.32031 21.3984 6.20833 21.2344 6.125 21.0469C6.04167 20.8542 6 20.651 6 20.4375C6 20.2135 6.03385 20.0234 6.10156 19.8672C6.17448 19.7057 6.26562 19.5625 6.375 19.4375C6.48438 19.3073 6.60156 19.1849 6.72656 19.0703C6.85156 18.9505 6.96875 18.8203 7.07812 18.6797C7.19271 18.5339 7.28906 18.3672 7.36719 18.1797C7.44531 17.9922 7.48958 17.763 7.5 17.4922L7.50781 17.2891L13.7969 11L12.5391 9.75L13.7656 8.52344C13.9323 8.35677 14.1198 8.22917 14.3281 8.14062C14.5365 8.04688 14.7604 8 15 8C15.2448 8 15.4714 8.04688 15.6797 8.14062C15.8932 8.23438 16.0833 8.36719 16.25 8.53906L18.125 6.66406C18.3385 6.45052 18.5833 6.28646 18.8594 6.17188C19.1406 6.05729 19.4323 6 19.7344 6ZM16.2891 13.5L14.5 11.7109L8.49219 17.7188C8.46615 17.9844 8.41667 18.2214 8.34375 18.4297C8.27083 18.638 8.17708 18.8333 8.0625 19.0156C7.94792 19.1927 7.8125 19.3646 7.65625 19.5312C7.50521 19.6927 7.34115 19.8646 7.16406 20.0469C7.05469 20.1562 7 20.2891 7 20.4453C7 20.5964 7.05469 20.7266 7.16406 20.8359C7.27344 20.9453 7.40365 21 7.55469 21C7.71094 21 7.84375 20.9453 7.95312 20.8359C8.13542 20.6589 8.3099 20.4948 8.47656 20.3438C8.64323 20.1875 8.8151 20.0521 8.99219 19.9375C9.16927 19.8229 9.36198 19.7292 9.57031 19.6562C9.77865 19.5833 10.0156 19.5339 10.2812 19.5078L16.2891 13.5ZM20.625 9.16406C20.875 8.91406 21 8.61719 21 8.27344C21 8.10156 20.9661 7.9375 20.8984 7.78125C20.8307 7.625 20.7396 7.48958 20.625 7.375C20.5104 7.26042 20.375 7.16927 20.2188 7.10156C20.0625 7.03385 19.8984 7 19.7266 7C19.3828 7 19.0859 7.125 18.8359 7.375L16.25 9.95312L15.5156 9.21875C15.3698 9.07292 15.1979 9 15 9C14.8906 9 14.7865 9.02604 14.6875 9.07812C14.5938 9.13021 14.5026 9.19531 14.4141 9.27344C14.3307 9.35156 14.25 9.4349 14.1719 9.52344C14.0938 9.60677 14.0208 9.68229 13.9531 9.75L18.25 14.0469L18.7812 13.5156C18.9271 13.3698 19 13.1979 19 13C19 12.8958 18.9792 12.8021 18.9375 12.7188C18.901 12.6302 18.8464 12.5495 18.7734 12.4766L18.0469 11.75L20.625 9.16406Z%22 fill%3D%22%23323130%22%2F%3E%0D%3C%2Fsvg%3E%0D") !important;
3665
+ .tsi-modelAutocompleteWrapper.tsi-dark .tsi-searchInput {
3666
+ border: 1px solid #31373e;
3665
3667
  }
3666
- .tsi-colorPicker.tsi-dark {
3667
- color: #fff;
3668
- background: #0d0f0e;
3668
+ .tsi-modelAutocompleteWrapper.tsi-dark .tsi-searchInput:focus {
3669
+ border: 1px solid #60aaff;
3669
3670
  }
3670
- .tsi-colorPicker.tsi-dark .tsi-colorPickerButton {
3671
- background: #0d0f0e;
3672
- border: 1px solid #31373e;
3671
+ .tsi-modelAutocompleteWrapper.tsi-dark .tsi-baseMono {
3672
+ background: #1e2223;
3673
+ }
3674
+ .tsi-modelAutocompleteWrapper.tsi-dark .awesomplete > ul {
3675
+ background: #1e2223;
3673
3676
  color: #fff;
3674
3677
  }
3675
- .tsi-colorPicker.tsi-dark .tsi-colorPickerButton:hover {
3678
+ .tsi-modelAutocompleteWrapper.tsi-dark .awesomplete > ul li[aria-selected=true], .tsi-modelAutocompleteWrapper.tsi-dark .awesomplete > ul li:hover, .tsi-modelAutocompleteWrapper.tsi-dark .awesomplete > ul li:focus {
3679
+ background: #62666c;
3680
+ }
3681
+ .tsi-modelAutocompleteWrapper.tsi-dark .tsi-clear {
3682
+ background-color: #0d0f0e;
3683
+ }
3684
+ .tsi-modelAutocompleteWrapper.tsi-dark .tsi-clear:hover {
3676
3685
  background-color: #1e2223;
3677
- cursor: pointer;
3678
3686
  }
3679
- .tsi-colorPicker.tsi-dark .tsi-colorPickerButton:focus {
3680
- box-shadow: 0px 4px 4px #31373e;
3687
+ .tsi-modelAutocompleteWrapper.tsi-dark .tsi-searchInput {
3688
+ color: #fff;
3681
3689
  }
3682
- .tsi-colorPicker.tsi-dark .tsi-colorItem:hover {
3683
- box-shadow: 0px 0px 5px -1px #fff;
3690
+ .tsi-modelAutocompleteWrapper.tsi-dark .tsi-clear {
3691
+ background-image: url("data:image/svg+xml,%3Csvg xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22 width%3D%2216%22 height%3D%2216%22 viewBox%3D%220 0 16 16%22 fill%3D%22black%22%3E%0D%3Cg opacity%3D%220.1%22%3E%0D%3Cpath d%3D%22M2 14L13 3%22 stroke%3D%22black%22 stroke-miterlimit%3D%221%22 stroke-linejoin%3D%22bevel%22%2F%3E%0D%3Cpath d%3D%22M2 3.00001L13 14%22 stroke%3D%22black%22 stroke-miterlimit%3D%221%22 stroke-linejoin%3D%22bevel%22%2F%3E%0D%3C%2Fg%3E%0D%3Cpath d%3D%22M2 13L13 2%22 stroke%3D%22white%22 stroke-miterlimit%3D%221%22 stroke-linejoin%3D%22bevel%22%2F%3E%0D%3Cpath d%3D%22M2 2.00001L13 13%22 stroke%3D%22white%22 stroke-miterlimit%3D%221%22 stroke-linejoin%3D%22bevel%22%2F%3E%0D%3C%2Fsvg%3E");
3684
3692
  }
3685
- .tsi-colorPicker.tsi-dark .tsi-noColor {
3686
- background-image: url("data:image/svg+xml,%3Csvg width%3D%2228%22 height%3D%2228%22 viewBox%3D%220 0 28 28%22 fill%3D%22none%22 xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0D%3Cpath d%3D%22M19.7344 6C20.0469 6 20.3411 6.0599 20.6172 6.17969C20.8932 6.29948 21.1328 6.46094 21.3359 6.66406C21.5391 6.86719 21.7005 7.10677 21.8203 7.38281C21.9401 7.65885 22 7.95312 22 8.26562C22 8.56771 21.9427 8.85938 21.8281 9.14062C21.7135 9.41667 21.5495 9.66146 21.3359 9.875L19.4609 11.75C19.6328 11.9167 19.7656 12.1068 19.8594 12.3203C19.9531 12.5286 20 12.7552 20 13C20 13.2396 19.9531 13.4635 19.8594 13.6719C19.7708 13.8802 19.6432 14.0677 19.4766 14.2344L18.25 15.4609L17 14.2031L10.7109 20.4922L10.5078 20.5C10.2422 20.5104 10.013 20.5547 9.82031 20.6328C9.63281 20.7109 9.46615 20.8073 9.32031 20.9219C9.17969 21.0312 9.04948 21.1484 8.92969 21.2734C8.8151 21.3984 8.69271 21.5156 8.5625 21.625C8.43229 21.7344 8.28906 21.8255 8.13281 21.8984C7.97656 21.9661 7.78646 22 7.5625 22C7.34896 22 7.14583 21.9583 6.95312 21.875C6.76562 21.7917 6.60156 21.6797 6.46094 21.5391C6.32031 21.3984 6.20833 21.2344 6.125 21.0469C6.04167 20.8542 6 20.651 6 20.4375C6 20.2135 6.03385 20.0234 6.10156 19.8672C6.17448 19.7057 6.26562 19.5625 6.375 19.4375C6.48438 19.3073 6.60156 19.1849 6.72656 19.0703C6.85156 18.9505 6.96875 18.8203 7.07812 18.6797C7.19271 18.5339 7.28906 18.3672 7.36719 18.1797C7.44531 17.9922 7.48958 17.763 7.5 17.4922L7.50781 17.2891L13.7969 11L12.5391 9.75L13.7656 8.52344C13.9323 8.35677 14.1198 8.22917 14.3281 8.14062C14.5365 8.04688 14.7604 8 15 8C15.2448 8 15.4714 8.04688 15.6797 8.14062C15.8932 8.23438 16.0833 8.36719 16.25 8.53906L18.125 6.66406C18.3385 6.45052 18.5833 6.28646 18.8594 6.17188C19.1406 6.05729 19.4323 6 19.7344 6ZM16.2891 13.5L14.5 11.7109L8.49219 17.7188C8.46615 17.9844 8.41667 18.2214 8.34375 18.4297C8.27083 18.638 8.17708 18.8333 8.0625 19.0156C7.94792 19.1927 7.8125 19.3646 7.65625 19.5312C7.50521 19.6927 7.34115 19.8646 7.16406 20.0469C7.05469 20.1562 7 20.2891 7 20.4453C7 20.5964 7.05469 20.7266 7.16406 20.8359C7.27344 20.9453 7.40365 21 7.55469 21C7.71094 21 7.84375 20.9453 7.95312 20.8359C8.13542 20.6589 8.3099 20.4948 8.47656 20.3438C8.64323 20.1875 8.8151 20.0521 8.99219 19.9375C9.16927 19.8229 9.36198 19.7292 9.57031 19.6562C9.77865 19.5833 10.0156 19.5339 10.2812 19.5078L16.2891 13.5ZM20.625 9.16406C20.875 8.91406 21 8.61719 21 8.27344C21 8.10156 20.9661 7.9375 20.8984 7.78125C20.8307 7.625 20.7396 7.48958 20.625 7.375C20.5104 7.26042 20.375 7.16927 20.2188 7.10156C20.0625 7.03385 19.8984 7 19.7266 7C19.3828 7 19.0859 7.125 18.8359 7.375L16.25 9.95312L15.5156 9.21875C15.3698 9.07292 15.1979 9 15 9C14.8906 9 14.7865 9.02604 14.6875 9.07812C14.5938 9.13021 14.5026 9.19531 14.4141 9.27344C14.3307 9.35156 14.25 9.4349 14.1719 9.52344C14.0938 9.60677 14.0208 9.68229 13.9531 9.75L18.25 14.0469L18.7812 13.5156C18.9271 13.3698 19 13.1979 19 13C19 12.8958 18.9792 12.8021 18.9375 12.7188C18.901 12.6302 18.8464 12.5495 18.7734 12.4766L18.0469 11.75L20.625 9.16406Z%22 fill%3D%22%23fff%22%2F%3E%0D%3C%2Fsvg%3E%0D") !important;
3693
+ .tsi-modelAutocompleteWrapper.tsi-dark .tsi-search-icon {
3694
+ background-image: url("data:image/svg+xml,%3Csvg width%3D%2216%22 height%3D%2216%22 viewBox%3D%220 0 16 16%22 fill%3D%22none%22 xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0D %3Cpath fill-rule%3D%22evenodd%22 clip-rule%3D%22evenodd%22 d%3D%22M11.96.195A5.433 5.433 0 0 0 10.5 0a5.433 5.433 0 0 0-2.773.75A5.571 5.571 0 0 0 5.75 2.727 5.434 5.434 0 0 0 5 5.5c0 .651.11 1.275.328 1.871.219.596.534 1.145.945 1.645L.148 15.149A.48.48 0 0 0 0 15.5c0 .135.05.253.148.352A.48.48 0 0 0 .5 16a.48.48 0 0 0 .352-.148l6.132-6.125c.5.411 1.049.726 1.645.945.596.219 1.22.328 1.871.328a5.433 5.433 0 0 0 2.773-.75 5.573 5.573 0 0 0 1.977-1.977A5.433 5.433 0 0 0 16 5.5a5.434 5.434 0 0 0-.75-2.773 5.573 5.573 0 0 0-.863-1.114A5.568 5.568 0 0 0 13.273.75a5.432 5.432 0 0 0-1.312-.555zm.29 9.45A4.354 4.354 0 0 1 10.5 10c-.62 0-1.203-.118-1.75-.355a4.57 4.57 0 0 1-1.43-.965 4.57 4.57 0 0 1-.965-1.43A4.354 4.354 0 0 1 6 5.5c0-.62.118-1.203.355-1.75a4.57 4.57 0 0 1 .965-1.43 4.57 4.57 0 0 1 1.43-.965A4.354 4.354 0 0 1 10.5 1c.62 0 1.203.119 1.75.355a4.57 4.57 0 0 1 1.43.965c.406.407.728.883.965 1.43.237.547.355 1.13.355 1.75 0 .62-.118 1.203-.355 1.75a4.57 4.57 0 0 1-.965 1.43 4.57 4.57 0 0 1-1.43.965z%22 fill%3D%22%23fff%22%2F%3E%0D%3C%2Fsvg%3E%0D");
3687
3695
  }
3688
- .tsi-colorPicker .tsi-colorPickerButton {
3689
- width: 100%;
3690
- padding: 4px;
3691
- display: flex;
3692
- align-items: center;
3696
+ .tsi-modelAutocompleteWrapper.tsi-light {
3697
+ background: #ffffff;
3698
+ color: #000;
3693
3699
  }
3694
- .tsi-colorPicker .tsi-colorPickerButton .tsi-selectedColor {
3695
- width: 24px;
3696
- height: 24px;
3700
+ .tsi-modelAutocompleteWrapper.tsi-light .tsi-baseContextMenu, .tsi-modelAutocompleteWrapper.tsi-light .tsi-search .awesomplete > ul {
3701
+ border-color: #136bfb;
3702
+ background-color: #ffffff;
3703
+ box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.16);
3697
3704
  }
3698
- .tsi-colorPicker .tsi-colorPickerButton .tsi-selectedColor.tsi-noColor {
3705
+ .tsi-modelAutocompleteWrapper.tsi-light .tsi-baseContextMenu > div:hover, .tsi-modelAutocompleteWrapper.tsi-light .tsi-search .awesomplete > ul > div:hover, .tsi-modelAutocompleteWrapper.tsi-light .tsi-baseContextMenu > div:focus, .tsi-modelAutocompleteWrapper.tsi-light .tsi-search .awesomplete > ul > div:focus {
3706
+ background-color: #b3d6f2;
3707
+ }
3708
+ .tsi-modelAutocompleteWrapper.tsi-light .tsi-baseContextMenu .tsi-break, .tsi-modelAutocompleteWrapper.tsi-light .tsi-search .awesomplete > ul .tsi-break {
3709
+ border-top: 1px solid rgba(19, 107, 251, 0.2);
3710
+ }
3711
+ .tsi-modelAutocompleteWrapper.tsi-light .tsi-baseContextMenu .tsi-break:hover, .tsi-modelAutocompleteWrapper.tsi-light .tsi-search .awesomplete > ul .tsi-break:hover, .tsi-modelAutocompleteWrapper.tsi-light .tsi-baseContextMenu .tsi-break:focus, .tsi-modelAutocompleteWrapper.tsi-light .tsi-search .awesomplete > ul .tsi-break:focus {
3712
+ background-color: #ffffff;
3713
+ }
3714
+ .tsi-modelAutocompleteWrapper.tsi-light .tsi-searchInput {
3715
+ border: 1px solid #dcdcdc;
3716
+ }
3717
+ .tsi-modelAutocompleteWrapper.tsi-light .tsi-searchInput:focus {
3718
+ border: 1px solid #136bfb;
3719
+ }
3720
+ .tsi-modelAutocompleteWrapper.tsi-light .tsi-baseMono {
3721
+ background: #f2f2f2;
3722
+ }
3723
+ .tsi-modelAutocompleteWrapper.tsi-light .awesomplete > ul {
3724
+ background: #f2f2f2;
3725
+ color: #000;
3726
+ }
3727
+ .tsi-modelAutocompleteWrapper.tsi-light .awesomplete > ul li[aria-selected=true], .tsi-modelAutocompleteWrapper.tsi-light .awesomplete > ul li:hover, .tsi-modelAutocompleteWrapper.tsi-light .awesomplete > ul li:focus {
3728
+ background: #b3d6f2;
3729
+ }
3730
+ .tsi-modelAutocompleteWrapper.tsi-light .tsi-clear {
3731
+ background-color: #ffffff;
3732
+ }
3733
+ .tsi-modelAutocompleteWrapper.tsi-light .tsi-clear:hover {
3734
+ background-color: #f2f2f2;
3735
+ }
3736
+ .tsi-modelAutocompleteWrapper.tsi-light .tsi-searchInput {
3737
+ color: #000;
3738
+ }
3739
+ .tsi-modelAutocompleteWrapper.tsi-light .tsi-clear {
3740
+ background-image: url("data:image/svg+xml,%3Csvg xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22 width%3D%2216%22 height%3D%2216%22 viewBox%3D%220 0 16 16%22 fill%3D%22none%22%3E%0D%3Cg opacity%3D%220.1%22%3E%0D%3Cpath d%3D%22M2 14L13 3%22 stroke%3D%22black%22 stroke-miterlimit%3D%221%22 stroke-linejoin%3D%22bevel%22%2F%3E%0D%3Cpath d%3D%22M2 3.00001L13 14%22 stroke%3D%22black%22 stroke-miterlimit%3D%221%22 stroke-linejoin%3D%22bevel%22%2F%3E%0D%3C%2Fg%3E%0D%3Cpath d%3D%22M2 13L13 2%22 stroke%3D%22%23212121%22 stroke-miterlimit%3D%221%22 stroke-linejoin%3D%22bevel%22%2F%3E%0D%3Cpath d%3D%22M2 2.00001L13 13%22 stroke%3D%22%23212121%22 stroke-miterlimit%3D%221%22 stroke-linejoin%3D%22bevel%22%2F%3E%0D%3C%2Fsvg%3E");
3741
+ }
3742
+ .tsi-modelAutocompleteWrapper.tsi-light .tsi-search-icon {
3743
+ background-image: url("data:image/svg+xml,%3Csvg width%3D%2216%22 height%3D%2216%22 viewBox%3D%220 0 16 16%22 fill%3D%22none%22 xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0D %3Cpath fill-rule%3D%22evenodd%22 clip-rule%3D%22evenodd%22 d%3D%22M11.96.195A5.433 5.433 0 0 0 10.5 0a5.433 5.433 0 0 0-2.773.75A5.571 5.571 0 0 0 5.75 2.727 5.434 5.434 0 0 0 5 5.5c0 .651.11 1.275.328 1.871.219.596.534 1.145.945 1.645L.148 15.149A.48.48 0 0 0 0 15.5c0 .135.05.253.148.352A.48.48 0 0 0 .5 16a.48.48 0 0 0 .352-.148l6.132-6.125c.5.411 1.049.726 1.645.945.596.219 1.22.328 1.871.328a5.433 5.433 0 0 0 2.773-.75 5.573 5.573 0 0 0 1.977-1.977A5.433 5.433 0 0 0 16 5.5a5.434 5.434 0 0 0-.75-2.773 5.573 5.573 0 0 0-.863-1.114A5.568 5.568 0 0 0 13.273.75a5.432 5.432 0 0 0-1.312-.555zm.29 9.45A4.354 4.354 0 0 1 10.5 10c-.62 0-1.203-.118-1.75-.355a4.57 4.57 0 0 1-1.43-.965 4.57 4.57 0 0 1-.965-1.43A4.354 4.354 0 0 1 6 5.5c0-.62.118-1.203.355-1.75a4.57 4.57 0 0 1 .965-1.43 4.57 4.57 0 0 1 1.43-.965A4.354 4.354 0 0 1 10.5 1c.62 0 1.203.119 1.75.355a4.57 4.57 0 0 1 1.43.965c.406.407.728.883.965 1.43.237.547.355 1.13.355 1.75 0 .62-.118 1.203-.355 1.75a4.57 4.57 0 0 1-.965 1.43 4.57 4.57 0 0 1-1.43.965z%22 fill%3D%22%23555%22%2F%3E%0D%3C%2Fsvg%3E%0D");
3744
+ }
3745
+ .tsi-modelAutocompleteWrapper .tsi-search .tsi-clear {
3746
+ width: 20px;
3747
+ height: 20px;
3748
+ cursor: pointer;
3749
+ position: absolute;
3750
+ left: calc(100% - 28px);
3751
+ margin-top: 1px;
3752
+ display: none;
3753
+ z-index: 2;
3699
3754
  background-repeat: no-repeat;
3700
- background-position: center;
3755
+ background-position: 50%;
3701
3756
  }
3702
- .tsi-colorPicker .tsi-colorPickerButton .tsi-selectedColorValue {
3703
- padding-left: 4px;
3704
- text-overflow: ellipsis;
3705
- overflow: hidden;
3706
- white-space: nowrap;
3757
+ .tsi-modelAutocompleteWrapper .tsi-search .tsi-clear.tsi-shown {
3758
+ display: block;
3707
3759
  }
3708
- .tsi-colorPicker .tsi-colorPickerButton .tsi-selectedColorValue.hidden {
3760
+ .tsi-modelAutocompleteWrapper .tsi-search .tsi-searchInput::-ms-clear {
3709
3761
  display: none;
3710
3762
  }
3711
- .tsi-colorPicker .tsi-colorGrid {
3712
- width: 200px;
3713
- display: flex;
3714
- flex-direction: row;
3715
- flex-wrap: wrap;
3763
+ .tsi-modelAutocompleteWrapper .tsi-search .awesomplete [hidden] {
3716
3764
  display: none;
3717
- padding: 12px 8px 12px 12px;
3718
- box-shadow: 0px 0px 1px rgba(0, 0, 0, 0.16), 0px 4px 8px rgba(0, 0, 0, 0.12);
3765
+ }
3766
+ .tsi-modelAutocompleteWrapper .tsi-search .awesomplete .visually-hidden {
3767
+ position: absolute;
3768
+ clip: rect(0, 0, 0, 0);
3769
+ }
3770
+ .tsi-modelAutocompleteWrapper .tsi-search .awesomplete {
3771
+ height: 100%;
3772
+ width: 100%;
3773
+ position: absolute;
3774
+ }
3775
+ .tsi-modelAutocompleteWrapper .tsi-search .awesomplete > input {
3776
+ padding-right: 28px;
3777
+ }
3778
+ .tsi-modelAutocompleteWrapper .tsi-search .awesomplete > ul {
3719
3779
  animation: tsi-slideIn 0.367s cubic-bezier(0.1, 0.9, 0.2, 1) forwards;
3720
- border-radius: 2px;
3780
+ position: absolute;
3781
+ z-index: 1;
3782
+ list-style: none;
3783
+ padding: 0;
3784
+ border-radius: 0px;
3785
+ font-size: 13px;
3786
+ width: 100%;
3787
+ margin-top: 30px;
3721
3788
  }
3722
- .tsi-colorPicker .tsi-colorGrid .tsi-colorGridRow {
3723
- display: contents;
3789
+ .tsi-modelAutocompleteWrapper .tsi-search .awesomplete > ul:before {
3790
+ display: none;
3724
3791
  }
3725
- .tsi-colorPicker .tsi-colorGrid .tsi-colorGridRow .tsi-colorItem {
3726
- width: 32px;
3727
- height: 32px;
3728
- margin-right: 4px;
3729
- margin-bottom: 4px;
3792
+ .tsi-modelAutocompleteWrapper .tsi-search .awesomplete > ul li {
3793
+ display: block;
3794
+ line-height: 20px;
3730
3795
  cursor: pointer;
3731
3796
  }
3732
- .tsi-colorPicker .tsi-colorGrid .tsi-colorGridRow .tsi-colorItem.tsi-selected {
3733
- background-image: url("data:image/svg+xml,%3Csvg width%3D%2213%22 height%3D%2210%22 viewBox%3D%220 0 13 10%22 fill%3D%22none%22 xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0D %3Cg clip-path%3D%22url(%23clip0)%22%3E%0D %3Cpath d%3D%22M12.7 0.7L4.4 9.1L0 4.7L0.7 4L4.4 7.6L12 0L12.7 0.7Z%22 fill%3D%22white%22%2F%3E%0D %3C%2Fg%3E%0D %3Cdefs%3E%0D %3CclipPath id%3D%22clip0%22%3E%0D %3Crect width%3D%2212.7%22 height%3D%229.1%22 fill%3D%22white%22%2F%3E%0D %3C%2FclipPath%3E%0D %3C%2Fdefs%3E%0D%3C%2Fsvg%3E%0D") !important;
3734
- background-size: 70%;
3735
- background-repeat: no-repeat;
3736
- background-position: center;
3797
+ .tsi-modelAutocompleteWrapper .tsi-search .awesomplete > ul:empty {
3798
+ display: none;
3799
+ }
3800
+ .tsi-modelAutocompleteWrapper .tsi-search .tsi-search-results-info {
3801
+ position: absolute !important;
3802
+ display: block;
3803
+ visibility: visible;
3804
+ overflow: hidden;
3805
+ width: 1px;
3806
+ height: 1px;
3807
+ margin: -1px;
3808
+ border: 0;
3809
+ padding: 0;
3810
+ white-space: nowrap;
3737
3811
  }
3738
3812
  div[class^=tsi-] {
3739
3813
  box-sizing: border-box;
@@ -3792,7 +3866,7 @@ div[class^=tsi-] {
3792
3866
  line-height: 16px;
3793
3867
  }
3794
3868
 
3795
- .tsi-baseContextMenu, .tsi-modelAutocompleteWrapper .tsi-search .awesomplete > ul {
3869
+ .tsi-baseContextMenu {
3796
3870
  white-space: nowrap;
3797
3871
  padding: 4px 0;
3798
3872
  animation: tsi-slideRight 0.367s cubic-bezier(0.1, 0.9, 0.2, 1) forwards;
@@ -3802,11 +3876,9 @@ div[class^=tsi-] {
3802
3876
  box-shadow: 0px 0px 2px 0px rgba(0, 0, 0, 0.3);
3803
3877
  text-align: left;
3804
3878
  }
3805
- .tsi-baseContextMenu > div, .tsi-modelAutocompleteWrapper .tsi-search .awesomplete > ul > div,
3879
+ .tsi-baseContextMenu > div,
3806
3880
  .tsi-baseContextMenu > li,
3807
- .tsi-modelAutocompleteWrapper .tsi-search .awesomplete > ul > li,
3808
- .tsi-baseContextMenu > button,
3809
- .tsi-modelAutocompleteWrapper .tsi-search .awesomplete > ul > button {
3881
+ .tsi-baseContextMenu > button {
3810
3882
  padding: 4px 8px;
3811
3883
  font-size: 12px;
3812
3884
  cursor: pointer;
@@ -3815,13 +3887,13 @@ div[class^=tsi-] {
3815
3887
  align-items: center;
3816
3888
  overflow: hidden;
3817
3889
  }
3818
- .tsi-baseContextMenu .tsi-break, .tsi-modelAutocompleteWrapper .tsi-search .awesomplete > ul .tsi-break {
3890
+ .tsi-baseContextMenu .tsi-break {
3819
3891
  height: 4px;
3820
3892
  margin-top: 4px;
3821
3893
  padding: 0 0 4px 0;
3822
3894
  cursor: default;
3823
3895
  }
3824
- .tsi-baseContextMenu .tsi-break:last-of-type, .tsi-modelAutocompleteWrapper .tsi-search .awesomplete > ul .tsi-break:last-of-type {
3896
+ .tsi-baseContextMenu .tsi-break:last-of-type {
3825
3897
  display: none;
3826
3898
  }
3827
3899
 
@@ -4001,174 +4073,102 @@ select::-ms-expand {
4001
4073
  font-weight: 300;
4002
4074
  }
4003
4075
 
4004
- .tsi-modelAutocompleteWrapper {
4005
- height: 32px;
4006
- position: relative;
4076
+ .tsi-colorPicker {
4077
+ max-width: 200px;
4007
4078
  }
4008
- .tsi-modelAutocompleteWrapper.tsi-dark {
4009
- background: #0d0f0e;
4010
- color: #fff;
4079
+ .tsi-colorPicker.tsi-light {
4080
+ color: #000;
4081
+ background: #ffffff;
4011
4082
  }
4012
- .tsi-modelAutocompleteWrapper.tsi-dark .tsi-baseContextMenu, .tsi-modelAutocompleteWrapper.tsi-dark .tsi-search .awesomplete > ul {
4013
- border-color: #60aaff;
4014
- background-color: #0d0f0e;
4015
- box-shadow: 0 1px 3px 0 rgba(255, 255, 255, 0.16);
4083
+ .tsi-colorPicker.tsi-light .tsi-colorPickerButton {
4084
+ background: #ffffff;
4085
+ border: 1px solid #dcdcdc;
4086
+ color: #000;
4016
4087
  }
4017
- .tsi-modelAutocompleteWrapper.tsi-dark .tsi-baseContextMenu > div:hover, .tsi-modelAutocompleteWrapper.tsi-dark .tsi-search .awesomplete > ul > div:hover, .tsi-modelAutocompleteWrapper.tsi-dark .tsi-baseContextMenu > div:focus, .tsi-modelAutocompleteWrapper.tsi-dark .tsi-search .awesomplete > ul > div:focus {
4018
- background-color: #62666c;
4088
+ .tsi-colorPicker.tsi-light .tsi-colorPickerButton:hover {
4089
+ background-color: #f2f2f2;
4090
+ cursor: pointer;
4019
4091
  }
4020
- .tsi-modelAutocompleteWrapper.tsi-dark .tsi-baseContextMenu .tsi-break, .tsi-modelAutocompleteWrapper.tsi-dark .tsi-search .awesomplete > ul .tsi-break {
4021
- border-top: 1px solid rgba(96, 170, 255, 0.2);
4022
- }
4023
- .tsi-modelAutocompleteWrapper.tsi-dark .tsi-baseContextMenu .tsi-break:hover, .tsi-modelAutocompleteWrapper.tsi-dark .tsi-search .awesomplete > ul .tsi-break:hover, .tsi-modelAutocompleteWrapper.tsi-dark .tsi-baseContextMenu .tsi-break:focus, .tsi-modelAutocompleteWrapper.tsi-dark .tsi-search .awesomplete > ul .tsi-break:focus {
4024
- background-color: #0d0f0e;
4025
- }
4026
- .tsi-modelAutocompleteWrapper.tsi-dark .tsi-searchInput {
4027
- border: 1px solid #31373e;
4092
+ .tsi-colorPicker.tsi-light .tsi-colorPickerButton:focus {
4093
+ box-shadow: 0px 4px 4px #dcdcdc;
4028
4094
  }
4029
- .tsi-modelAutocompleteWrapper.tsi-dark .tsi-searchInput:focus {
4030
- border: 1px solid #60aaff;
4095
+ .tsi-colorPicker.tsi-light .tsi-colorItem:hover {
4096
+ box-shadow: 0px 0px 5px -1px #000;
4031
4097
  }
4032
- .tsi-modelAutocompleteWrapper.tsi-dark .tsi-baseMono {
4033
- background: #1e2223;
4098
+ .tsi-colorPicker.tsi-light .tsi-noColor {
4099
+ background-image: url("data:image/svg+xml,%3Csvg width%3D%2228%22 height%3D%2228%22 viewBox%3D%220 0 28 28%22 fill%3D%22none%22 xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0D%3Cpath d%3D%22M19.7344 6C20.0469 6 20.3411 6.0599 20.6172 6.17969C20.8932 6.29948 21.1328 6.46094 21.3359 6.66406C21.5391 6.86719 21.7005 7.10677 21.8203 7.38281C21.9401 7.65885 22 7.95312 22 8.26562C22 8.56771 21.9427 8.85938 21.8281 9.14062C21.7135 9.41667 21.5495 9.66146 21.3359 9.875L19.4609 11.75C19.6328 11.9167 19.7656 12.1068 19.8594 12.3203C19.9531 12.5286 20 12.7552 20 13C20 13.2396 19.9531 13.4635 19.8594 13.6719C19.7708 13.8802 19.6432 14.0677 19.4766 14.2344L18.25 15.4609L17 14.2031L10.7109 20.4922L10.5078 20.5C10.2422 20.5104 10.013 20.5547 9.82031 20.6328C9.63281 20.7109 9.46615 20.8073 9.32031 20.9219C9.17969 21.0312 9.04948 21.1484 8.92969 21.2734C8.8151 21.3984 8.69271 21.5156 8.5625 21.625C8.43229 21.7344 8.28906 21.8255 8.13281 21.8984C7.97656 21.9661 7.78646 22 7.5625 22C7.34896 22 7.14583 21.9583 6.95312 21.875C6.76562 21.7917 6.60156 21.6797 6.46094 21.5391C6.32031 21.3984 6.20833 21.2344 6.125 21.0469C6.04167 20.8542 6 20.651 6 20.4375C6 20.2135 6.03385 20.0234 6.10156 19.8672C6.17448 19.7057 6.26562 19.5625 6.375 19.4375C6.48438 19.3073 6.60156 19.1849 6.72656 19.0703C6.85156 18.9505 6.96875 18.8203 7.07812 18.6797C7.19271 18.5339 7.28906 18.3672 7.36719 18.1797C7.44531 17.9922 7.48958 17.763 7.5 17.4922L7.50781 17.2891L13.7969 11L12.5391 9.75L13.7656 8.52344C13.9323 8.35677 14.1198 8.22917 14.3281 8.14062C14.5365 8.04688 14.7604 8 15 8C15.2448 8 15.4714 8.04688 15.6797 8.14062C15.8932 8.23438 16.0833 8.36719 16.25 8.53906L18.125 6.66406C18.3385 6.45052 18.5833 6.28646 18.8594 6.17188C19.1406 6.05729 19.4323 6 19.7344 6ZM16.2891 13.5L14.5 11.7109L8.49219 17.7188C8.46615 17.9844 8.41667 18.2214 8.34375 18.4297C8.27083 18.638 8.17708 18.8333 8.0625 19.0156C7.94792 19.1927 7.8125 19.3646 7.65625 19.5312C7.50521 19.6927 7.34115 19.8646 7.16406 20.0469C7.05469 20.1562 7 20.2891 7 20.4453C7 20.5964 7.05469 20.7266 7.16406 20.8359C7.27344 20.9453 7.40365 21 7.55469 21C7.71094 21 7.84375 20.9453 7.95312 20.8359C8.13542 20.6589 8.3099 20.4948 8.47656 20.3438C8.64323 20.1875 8.8151 20.0521 8.99219 19.9375C9.16927 19.8229 9.36198 19.7292 9.57031 19.6562C9.77865 19.5833 10.0156 19.5339 10.2812 19.5078L16.2891 13.5ZM20.625 9.16406C20.875 8.91406 21 8.61719 21 8.27344C21 8.10156 20.9661 7.9375 20.8984 7.78125C20.8307 7.625 20.7396 7.48958 20.625 7.375C20.5104 7.26042 20.375 7.16927 20.2188 7.10156C20.0625 7.03385 19.8984 7 19.7266 7C19.3828 7 19.0859 7.125 18.8359 7.375L16.25 9.95312L15.5156 9.21875C15.3698 9.07292 15.1979 9 15 9C14.8906 9 14.7865 9.02604 14.6875 9.07812C14.5938 9.13021 14.5026 9.19531 14.4141 9.27344C14.3307 9.35156 14.25 9.4349 14.1719 9.52344C14.0938 9.60677 14.0208 9.68229 13.9531 9.75L18.25 14.0469L18.7812 13.5156C18.9271 13.3698 19 13.1979 19 13C19 12.8958 18.9792 12.8021 18.9375 12.7188C18.901 12.6302 18.8464 12.5495 18.7734 12.4766L18.0469 11.75L20.625 9.16406Z%22 fill%3D%22%23323130%22%2F%3E%0D%3C%2Fsvg%3E%0D") !important;
4034
4100
  }
4035
- .tsi-modelAutocompleteWrapper.tsi-dark .awesomplete > ul {
4036
- background: #1e2223;
4101
+ .tsi-colorPicker.tsi-dark {
4037
4102
  color: #fff;
4103
+ background: #0d0f0e;
4038
4104
  }
4039
- .tsi-modelAutocompleteWrapper.tsi-dark .awesomplete > ul li[aria-selected=true], .tsi-modelAutocompleteWrapper.tsi-dark .awesomplete > ul li:hover, .tsi-modelAutocompleteWrapper.tsi-dark .awesomplete > ul li:focus {
4040
- background: #62666c;
4041
- }
4042
- .tsi-modelAutocompleteWrapper.tsi-dark .tsi-clear {
4043
- background-color: #0d0f0e;
4044
- }
4045
- .tsi-modelAutocompleteWrapper.tsi-dark .tsi-clear:hover {
4046
- background-color: #1e2223;
4047
- }
4048
- .tsi-modelAutocompleteWrapper.tsi-dark .tsi-searchInput {
4105
+ .tsi-colorPicker.tsi-dark .tsi-colorPickerButton {
4106
+ background: #0d0f0e;
4107
+ border: 1px solid #31373e;
4049
4108
  color: #fff;
4050
4109
  }
4051
- .tsi-modelAutocompleteWrapper.tsi-dark .tsi-clear {
4052
- background-image: url("data:image/svg+xml,%3Csvg xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22 width%3D%2216%22 height%3D%2216%22 viewBox%3D%220 0 16 16%22 fill%3D%22black%22%3E%0D%3Cg opacity%3D%220.1%22%3E%0D%3Cpath d%3D%22M2 14L13 3%22 stroke%3D%22black%22 stroke-miterlimit%3D%221%22 stroke-linejoin%3D%22bevel%22%2F%3E%0D%3Cpath d%3D%22M2 3.00001L13 14%22 stroke%3D%22black%22 stroke-miterlimit%3D%221%22 stroke-linejoin%3D%22bevel%22%2F%3E%0D%3C%2Fg%3E%0D%3Cpath d%3D%22M2 13L13 2%22 stroke%3D%22white%22 stroke-miterlimit%3D%221%22 stroke-linejoin%3D%22bevel%22%2F%3E%0D%3Cpath d%3D%22M2 2.00001L13 13%22 stroke%3D%22white%22 stroke-miterlimit%3D%221%22 stroke-linejoin%3D%22bevel%22%2F%3E%0D%3C%2Fsvg%3E");
4053
- }
4054
- .tsi-modelAutocompleteWrapper.tsi-dark .tsi-search-icon {
4055
- background-image: url("data:image/svg+xml,%3Csvg width%3D%2216%22 height%3D%2216%22 viewBox%3D%220 0 16 16%22 fill%3D%22none%22 xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0D %3Cpath fill-rule%3D%22evenodd%22 clip-rule%3D%22evenodd%22 d%3D%22M11.96.195A5.433 5.433 0 0 0 10.5 0a5.433 5.433 0 0 0-2.773.75A5.571 5.571 0 0 0 5.75 2.727 5.434 5.434 0 0 0 5 5.5c0 .651.11 1.275.328 1.871.219.596.534 1.145.945 1.645L.148 15.149A.48.48 0 0 0 0 15.5c0 .135.05.253.148.352A.48.48 0 0 0 .5 16a.48.48 0 0 0 .352-.148l6.132-6.125c.5.411 1.049.726 1.645.945.596.219 1.22.328 1.871.328a5.433 5.433 0 0 0 2.773-.75 5.573 5.573 0 0 0 1.977-1.977A5.433 5.433 0 0 0 16 5.5a5.434 5.434 0 0 0-.75-2.773 5.573 5.573 0 0 0-.863-1.114A5.568 5.568 0 0 0 13.273.75a5.432 5.432 0 0 0-1.312-.555zm.29 9.45A4.354 4.354 0 0 1 10.5 10c-.62 0-1.203-.118-1.75-.355a4.57 4.57 0 0 1-1.43-.965 4.57 4.57 0 0 1-.965-1.43A4.354 4.354 0 0 1 6 5.5c0-.62.118-1.203.355-1.75a4.57 4.57 0 0 1 .965-1.43 4.57 4.57 0 0 1 1.43-.965A4.354 4.354 0 0 1 10.5 1c.62 0 1.203.119 1.75.355a4.57 4.57 0 0 1 1.43.965c.406.407.728.883.965 1.43.237.547.355 1.13.355 1.75 0 .62-.118 1.203-.355 1.75a4.57 4.57 0 0 1-.965 1.43 4.57 4.57 0 0 1-1.43.965z%22 fill%3D%22%23fff%22%2F%3E%0D%3C%2Fsvg%3E%0D");
4056
- }
4057
- .tsi-modelAutocompleteWrapper.tsi-light {
4058
- background: #ffffff;
4059
- color: #000;
4060
- }
4061
- .tsi-modelAutocompleteWrapper.tsi-light .tsi-baseContextMenu, .tsi-modelAutocompleteWrapper.tsi-light .tsi-search .awesomplete > ul {
4062
- border-color: #136bfb;
4063
- background-color: #ffffff;
4064
- box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.16);
4065
- }
4066
- .tsi-modelAutocompleteWrapper.tsi-light .tsi-baseContextMenu > div:hover, .tsi-modelAutocompleteWrapper.tsi-light .tsi-search .awesomplete > ul > div:hover, .tsi-modelAutocompleteWrapper.tsi-light .tsi-baseContextMenu > div:focus, .tsi-modelAutocompleteWrapper.tsi-light .tsi-search .awesomplete > ul > div:focus {
4067
- background-color: #b3d6f2;
4068
- }
4069
- .tsi-modelAutocompleteWrapper.tsi-light .tsi-baseContextMenu .tsi-break, .tsi-modelAutocompleteWrapper.tsi-light .tsi-search .awesomplete > ul .tsi-break {
4070
- border-top: 1px solid rgba(19, 107, 251, 0.2);
4071
- }
4072
- .tsi-modelAutocompleteWrapper.tsi-light .tsi-baseContextMenu .tsi-break:hover, .tsi-modelAutocompleteWrapper.tsi-light .tsi-search .awesomplete > ul .tsi-break:hover, .tsi-modelAutocompleteWrapper.tsi-light .tsi-baseContextMenu .tsi-break:focus, .tsi-modelAutocompleteWrapper.tsi-light .tsi-search .awesomplete > ul .tsi-break:focus {
4073
- background-color: #ffffff;
4074
- }
4075
- .tsi-modelAutocompleteWrapper.tsi-light .tsi-searchInput {
4076
- border: 1px solid #dcdcdc;
4077
- }
4078
- .tsi-modelAutocompleteWrapper.tsi-light .tsi-searchInput:focus {
4079
- border: 1px solid #136bfb;
4080
- }
4081
- .tsi-modelAutocompleteWrapper.tsi-light .tsi-baseMono {
4082
- background: #f2f2f2;
4083
- }
4084
- .tsi-modelAutocompleteWrapper.tsi-light .awesomplete > ul {
4085
- background: #f2f2f2;
4086
- color: #000;
4087
- }
4088
- .tsi-modelAutocompleteWrapper.tsi-light .awesomplete > ul li[aria-selected=true], .tsi-modelAutocompleteWrapper.tsi-light .awesomplete > ul li:hover, .tsi-modelAutocompleteWrapper.tsi-light .awesomplete > ul li:focus {
4089
- background: #b3d6f2;
4110
+ .tsi-colorPicker.tsi-dark .tsi-colorPickerButton:hover {
4111
+ background-color: #1e2223;
4112
+ cursor: pointer;
4090
4113
  }
4091
- .tsi-modelAutocompleteWrapper.tsi-light .tsi-clear {
4092
- background-color: #ffffff;
4114
+ .tsi-colorPicker.tsi-dark .tsi-colorPickerButton:focus {
4115
+ box-shadow: 0px 4px 4px #31373e;
4093
4116
  }
4094
- .tsi-modelAutocompleteWrapper.tsi-light .tsi-clear:hover {
4095
- background-color: #f2f2f2;
4117
+ .tsi-colorPicker.tsi-dark .tsi-colorItem:hover {
4118
+ box-shadow: 0px 0px 5px -1px #fff;
4096
4119
  }
4097
- .tsi-modelAutocompleteWrapper.tsi-light .tsi-searchInput {
4098
- color: #000;
4120
+ .tsi-colorPicker.tsi-dark .tsi-noColor {
4121
+ background-image: url("data:image/svg+xml,%3Csvg width%3D%2228%22 height%3D%2228%22 viewBox%3D%220 0 28 28%22 fill%3D%22none%22 xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0D%3Cpath d%3D%22M19.7344 6C20.0469 6 20.3411 6.0599 20.6172 6.17969C20.8932 6.29948 21.1328 6.46094 21.3359 6.66406C21.5391 6.86719 21.7005 7.10677 21.8203 7.38281C21.9401 7.65885 22 7.95312 22 8.26562C22 8.56771 21.9427 8.85938 21.8281 9.14062C21.7135 9.41667 21.5495 9.66146 21.3359 9.875L19.4609 11.75C19.6328 11.9167 19.7656 12.1068 19.8594 12.3203C19.9531 12.5286 20 12.7552 20 13C20 13.2396 19.9531 13.4635 19.8594 13.6719C19.7708 13.8802 19.6432 14.0677 19.4766 14.2344L18.25 15.4609L17 14.2031L10.7109 20.4922L10.5078 20.5C10.2422 20.5104 10.013 20.5547 9.82031 20.6328C9.63281 20.7109 9.46615 20.8073 9.32031 20.9219C9.17969 21.0312 9.04948 21.1484 8.92969 21.2734C8.8151 21.3984 8.69271 21.5156 8.5625 21.625C8.43229 21.7344 8.28906 21.8255 8.13281 21.8984C7.97656 21.9661 7.78646 22 7.5625 22C7.34896 22 7.14583 21.9583 6.95312 21.875C6.76562 21.7917 6.60156 21.6797 6.46094 21.5391C6.32031 21.3984 6.20833 21.2344 6.125 21.0469C6.04167 20.8542 6 20.651 6 20.4375C6 20.2135 6.03385 20.0234 6.10156 19.8672C6.17448 19.7057 6.26562 19.5625 6.375 19.4375C6.48438 19.3073 6.60156 19.1849 6.72656 19.0703C6.85156 18.9505 6.96875 18.8203 7.07812 18.6797C7.19271 18.5339 7.28906 18.3672 7.36719 18.1797C7.44531 17.9922 7.48958 17.763 7.5 17.4922L7.50781 17.2891L13.7969 11L12.5391 9.75L13.7656 8.52344C13.9323 8.35677 14.1198 8.22917 14.3281 8.14062C14.5365 8.04688 14.7604 8 15 8C15.2448 8 15.4714 8.04688 15.6797 8.14062C15.8932 8.23438 16.0833 8.36719 16.25 8.53906L18.125 6.66406C18.3385 6.45052 18.5833 6.28646 18.8594 6.17188C19.1406 6.05729 19.4323 6 19.7344 6ZM16.2891 13.5L14.5 11.7109L8.49219 17.7188C8.46615 17.9844 8.41667 18.2214 8.34375 18.4297C8.27083 18.638 8.17708 18.8333 8.0625 19.0156C7.94792 19.1927 7.8125 19.3646 7.65625 19.5312C7.50521 19.6927 7.34115 19.8646 7.16406 20.0469C7.05469 20.1562 7 20.2891 7 20.4453C7 20.5964 7.05469 20.7266 7.16406 20.8359C7.27344 20.9453 7.40365 21 7.55469 21C7.71094 21 7.84375 20.9453 7.95312 20.8359C8.13542 20.6589 8.3099 20.4948 8.47656 20.3438C8.64323 20.1875 8.8151 20.0521 8.99219 19.9375C9.16927 19.8229 9.36198 19.7292 9.57031 19.6562C9.77865 19.5833 10.0156 19.5339 10.2812 19.5078L16.2891 13.5ZM20.625 9.16406C20.875 8.91406 21 8.61719 21 8.27344C21 8.10156 20.9661 7.9375 20.8984 7.78125C20.8307 7.625 20.7396 7.48958 20.625 7.375C20.5104 7.26042 20.375 7.16927 20.2188 7.10156C20.0625 7.03385 19.8984 7 19.7266 7C19.3828 7 19.0859 7.125 18.8359 7.375L16.25 9.95312L15.5156 9.21875C15.3698 9.07292 15.1979 9 15 9C14.8906 9 14.7865 9.02604 14.6875 9.07812C14.5938 9.13021 14.5026 9.19531 14.4141 9.27344C14.3307 9.35156 14.25 9.4349 14.1719 9.52344C14.0938 9.60677 14.0208 9.68229 13.9531 9.75L18.25 14.0469L18.7812 13.5156C18.9271 13.3698 19 13.1979 19 13C19 12.8958 18.9792 12.8021 18.9375 12.7188C18.901 12.6302 18.8464 12.5495 18.7734 12.4766L18.0469 11.75L20.625 9.16406Z%22 fill%3D%22%23fff%22%2F%3E%0D%3C%2Fsvg%3E%0D") !important;
4099
4122
  }
4100
- .tsi-modelAutocompleteWrapper.tsi-light .tsi-clear {
4101
- background-image: url("data:image/svg+xml,%3Csvg xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22 width%3D%2216%22 height%3D%2216%22 viewBox%3D%220 0 16 16%22 fill%3D%22none%22%3E%0D%3Cg opacity%3D%220.1%22%3E%0D%3Cpath d%3D%22M2 14L13 3%22 stroke%3D%22black%22 stroke-miterlimit%3D%221%22 stroke-linejoin%3D%22bevel%22%2F%3E%0D%3Cpath d%3D%22M2 3.00001L13 14%22 stroke%3D%22black%22 stroke-miterlimit%3D%221%22 stroke-linejoin%3D%22bevel%22%2F%3E%0D%3C%2Fg%3E%0D%3Cpath d%3D%22M2 13L13 2%22 stroke%3D%22%23212121%22 stroke-miterlimit%3D%221%22 stroke-linejoin%3D%22bevel%22%2F%3E%0D%3Cpath d%3D%22M2 2.00001L13 13%22 stroke%3D%22%23212121%22 stroke-miterlimit%3D%221%22 stroke-linejoin%3D%22bevel%22%2F%3E%0D%3C%2Fsvg%3E");
4123
+ .tsi-colorPicker .tsi-colorPickerButton {
4124
+ width: 100%;
4125
+ padding: 4px;
4126
+ display: flex;
4127
+ align-items: center;
4102
4128
  }
4103
- .tsi-modelAutocompleteWrapper.tsi-light .tsi-search-icon {
4104
- background-image: url("data:image/svg+xml,%3Csvg width%3D%2216%22 height%3D%2216%22 viewBox%3D%220 0 16 16%22 fill%3D%22none%22 xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0D %3Cpath fill-rule%3D%22evenodd%22 clip-rule%3D%22evenodd%22 d%3D%22M11.96.195A5.433 5.433 0 0 0 10.5 0a5.433 5.433 0 0 0-2.773.75A5.571 5.571 0 0 0 5.75 2.727 5.434 5.434 0 0 0 5 5.5c0 .651.11 1.275.328 1.871.219.596.534 1.145.945 1.645L.148 15.149A.48.48 0 0 0 0 15.5c0 .135.05.253.148.352A.48.48 0 0 0 .5 16a.48.48 0 0 0 .352-.148l6.132-6.125c.5.411 1.049.726 1.645.945.596.219 1.22.328 1.871.328a5.433 5.433 0 0 0 2.773-.75 5.573 5.573 0 0 0 1.977-1.977A5.433 5.433 0 0 0 16 5.5a5.434 5.434 0 0 0-.75-2.773 5.573 5.573 0 0 0-.863-1.114A5.568 5.568 0 0 0 13.273.75a5.432 5.432 0 0 0-1.312-.555zm.29 9.45A4.354 4.354 0 0 1 10.5 10c-.62 0-1.203-.118-1.75-.355a4.57 4.57 0 0 1-1.43-.965 4.57 4.57 0 0 1-.965-1.43A4.354 4.354 0 0 1 6 5.5c0-.62.118-1.203.355-1.75a4.57 4.57 0 0 1 .965-1.43 4.57 4.57 0 0 1 1.43-.965A4.354 4.354 0 0 1 10.5 1c.62 0 1.203.119 1.75.355a4.57 4.57 0 0 1 1.43.965c.406.407.728.883.965 1.43.237.547.355 1.13.355 1.75 0 .62-.118 1.203-.355 1.75a4.57 4.57 0 0 1-.965 1.43 4.57 4.57 0 0 1-1.43.965z%22 fill%3D%22%23555%22%2F%3E%0D%3C%2Fsvg%3E%0D");
4129
+ .tsi-colorPicker .tsi-colorPickerButton .tsi-selectedColor {
4130
+ width: 24px;
4131
+ height: 24px;
4105
4132
  }
4106
- .tsi-modelAutocompleteWrapper .tsi-search .tsi-clear {
4107
- width: 20px;
4108
- height: 20px;
4109
- cursor: pointer;
4110
- position: absolute;
4111
- left: calc(100% - 28px);
4112
- margin-top: 1px;
4113
- display: none;
4114
- z-index: 2;
4133
+ .tsi-colorPicker .tsi-colorPickerButton .tsi-selectedColor.tsi-noColor {
4115
4134
  background-repeat: no-repeat;
4116
- background-position: 50%;
4135
+ background-position: center;
4117
4136
  }
4118
- .tsi-modelAutocompleteWrapper .tsi-search .tsi-clear.tsi-shown {
4119
- display: block;
4137
+ .tsi-colorPicker .tsi-colorPickerButton .tsi-selectedColorValue {
4138
+ padding-left: 4px;
4139
+ text-overflow: ellipsis;
4140
+ overflow: hidden;
4141
+ white-space: nowrap;
4120
4142
  }
4121
- .tsi-modelAutocompleteWrapper .tsi-search .tsi-searchInput::-ms-clear {
4143
+ .tsi-colorPicker .tsi-colorPickerButton .tsi-selectedColorValue.hidden {
4122
4144
  display: none;
4123
4145
  }
4124
- .tsi-modelAutocompleteWrapper .tsi-search .awesomplete [hidden] {
4146
+ .tsi-colorPicker .tsi-colorGrid {
4147
+ width: 200px;
4148
+ display: flex;
4149
+ flex-direction: row;
4150
+ flex-wrap: wrap;
4125
4151
  display: none;
4126
- }
4127
- .tsi-modelAutocompleteWrapper .tsi-search .awesomplete .visually-hidden {
4128
- position: absolute;
4129
- clip: rect(0, 0, 0, 0);
4130
- }
4131
- .tsi-modelAutocompleteWrapper .tsi-search .awesomplete {
4132
- height: 100%;
4133
- width: 100%;
4134
- position: absolute;
4135
- }
4136
- .tsi-modelAutocompleteWrapper .tsi-search .awesomplete > input {
4137
- padding-right: 28px;
4138
- }
4139
- .tsi-modelAutocompleteWrapper .tsi-search .awesomplete > ul {
4152
+ padding: 12px 8px 12px 12px;
4153
+ box-shadow: 0px 0px 1px rgba(0, 0, 0, 0.16), 0px 4px 8px rgba(0, 0, 0, 0.12);
4140
4154
  animation: tsi-slideIn 0.367s cubic-bezier(0.1, 0.9, 0.2, 1) forwards;
4141
- position: absolute;
4142
- z-index: 1;
4143
- list-style: none;
4144
- padding: 0;
4145
- border-radius: 0px;
4146
- font-size: 13px;
4147
- width: 100%;
4148
- margin-top: 30px;
4155
+ border-radius: 2px;
4149
4156
  }
4150
- .tsi-modelAutocompleteWrapper .tsi-search .awesomplete > ul:before {
4151
- display: none;
4157
+ .tsi-colorPicker .tsi-colorGrid .tsi-colorGridRow {
4158
+ display: contents;
4152
4159
  }
4153
- .tsi-modelAutocompleteWrapper .tsi-search .awesomplete > ul li {
4154
- display: block;
4155
- line-height: 20px;
4160
+ .tsi-colorPicker .tsi-colorGrid .tsi-colorGridRow .tsi-colorItem {
4161
+ width: 32px;
4162
+ height: 32px;
4163
+ margin-right: 4px;
4164
+ margin-bottom: 4px;
4156
4165
  cursor: pointer;
4157
4166
  }
4158
- .tsi-modelAutocompleteWrapper .tsi-search .awesomplete > ul:empty {
4159
- display: none;
4160
- }
4161
- .tsi-modelAutocompleteWrapper .tsi-search .tsi-search-results-info {
4162
- position: absolute !important;
4163
- display: block;
4164
- visibility: visible;
4165
- overflow: hidden;
4166
- width: 1px;
4167
- height: 1px;
4168
- margin: -1px;
4169
- border: 0;
4170
- padding: 0;
4171
- white-space: nowrap;
4167
+ .tsi-colorPicker .tsi-colorGrid .tsi-colorGridRow .tsi-colorItem.tsi-selected {
4168
+ background-image: url("data:image/svg+xml,%3Csvg width%3D%2213%22 height%3D%2210%22 viewBox%3D%220 0 13 10%22 fill%3D%22none%22 xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0D %3Cg clip-path%3D%22url(%23clip0)%22%3E%0D %3Cpath d%3D%22M12.7 0.7L4.4 9.1L0 4.7L0.7 4L4.4 7.6L12 0L12.7 0.7Z%22 fill%3D%22white%22%2F%3E%0D %3C%2Fg%3E%0D %3Cdefs%3E%0D %3CclipPath id%3D%22clip0%22%3E%0D %3Crect width%3D%2212.7%22 height%3D%229.1%22 fill%3D%22white%22%2F%3E%0D %3C%2FclipPath%3E%0D %3C%2Fdefs%3E%0D%3C%2Fsvg%3E%0D") !important;
4169
+ background-size: 70%;
4170
+ background-repeat: no-repeat;
4171
+ background-position: center;
4172
4172
  }
4173
4173
  div[class^=tsi-] {
4174
4174
  box-sizing: border-box;
@@ -9575,380 +9575,326 @@ select::-ms-expand {
9575
9575
  font-weight: 300;
9576
9576
  }
9577
9577
 
9578
- .tsi-legend {
9579
- overflow-y: auto;
9580
- overflow-x: hidden;
9581
- height: calc(100% - 16px);
9582
- padding-left: 8px;
9583
- }
9584
- .tsi-legend.tsi-dark {
9585
- color: #fff;
9586
- fill: #fff;
9578
+ .tsi-timeRequired {
9579
+ color: #a80000;
9587
9580
  }
9588
- .tsi-legend.tsi-dark path {
9589
- stroke: #fff;
9581
+
9582
+ .tsi-dateTimePicker {
9583
+ animation: tsi-slideIn 0.367s cubic-bezier(0.1, 0.9, 0.2, 1) forwards;
9584
+ box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16);
9585
+ align-items: stretch;
9586
+ width: 616px;
9590
9587
  }
9591
- .tsi-legend.tsi-dark:not(.compact) {
9592
- border-right: 1px solid #1e2223;
9588
+ .tsi-dateTimePicker.tsi-dark {
9589
+ background-color: #0d0f0e;
9590
+ color: #fff;
9593
9591
  }
9594
- .tsi-legend.tsi-dark .tsi-seriesLabel .tsi-splitByContainer .tsi-legendShowMore {
9595
- color: #60aaff;
9596
- opacity: 1;
9592
+ .tsi-dateTimePicker.tsi-dark .tsi-dateTimeGroup .tsi-dateTimeSelectionPanel {
9593
+ border-left: 1px solid #31373e;
9597
9594
  }
9598
- .tsi-legend.tsi-dark .tsi-seriesLabel .tsi-seriesNameLabel,
9599
- .tsi-legend.tsi-dark .tsi-seriesLabel .tsi-splitByContainer .tsi-splitByLabel {
9600
- fill: #fff;
9595
+ .tsi-dateTimePicker.tsi-dark .tsi-dateTimeGroup .tsi-dateTimeSelectionPanel .tsi-dateTimeInput {
9596
+ background-color: #0d0f0e;
9601
9597
  color: #fff;
9598
+ border: 1px solid rgba(255, 255, 255, 0.3);
9602
9599
  }
9603
- .tsi-legend.tsi-dark .tsi-seriesLabel .tsi-seriesNameLabel select,
9604
- .tsi-legend.tsi-dark .tsi-seriesLabel .tsi-splitByContainer .tsi-splitByLabel select {
9600
+ .tsi-dateTimePicker.tsi-dark .tsi-dateTimeGroup .tsi-quickTimesPanel .tsi-quickTime {
9605
9601
  color: #fff;
9606
- opacity: 0.6;
9607
- background-color: transparent;
9608
- border: 1px solid transparent;
9602
+ background-color: #0d0f0e;
9609
9603
  }
9610
- .tsi-legend.tsi-dark .tsi-seriesLabel .tsi-seriesNameLabel select option,
9611
- .tsi-legend.tsi-dark .tsi-seriesLabel .tsi-splitByContainer .tsi-splitByLabel select option {
9612
- background: #0d0f0e;
9604
+ .tsi-dateTimePicker.tsi-dark .tsi-dateTimeGroup .tsi-quickTimesPanel .tsi-quickTime.tsi-isSelected {
9605
+ background-color: rgba(98, 102, 108, 0.6) !important;
9606
+ color: #fff;
9613
9607
  }
9614
- .tsi-legend.tsi-dark .tsi-seriesLabel .tsi-seriesNameLabel:hover, .tsi-legend.tsi-dark .tsi-seriesLabel .tsi-seriesNameLabel.inFocus,
9615
- .tsi-legend.tsi-dark .tsi-seriesLabel .tsi-splitByContainer .tsi-splitByLabel:hover,
9616
- .tsi-legend.tsi-dark .tsi-seriesLabel .tsi-splitByContainer .tsi-splitByLabel.inFocus {
9617
- color: #60aaff;
9608
+ .tsi-dateTimePicker.tsi-dark .tsi-dateTimeGroup .tsi-quickTimesPanel .tsi-quickTime:hover {
9609
+ background-color: #1e2223;
9618
9610
  }
9619
- .tsi-legend.tsi-dark .tsi-seriesLabel .tsi-seriesNameLabel.stickied,
9620
- .tsi-legend.tsi-dark .tsi-seriesLabel .tsi-splitByContainer .tsi-splitByLabel.stickied {
9621
- background-color: rgba(98, 102, 108, 0.4);
9611
+ .tsi-dateTimePicker.tsi-dark .tsi-select,
9612
+ .tsi-dateTimePicker.tsi-dark .tsi-select option {
9613
+ color: #fff;
9614
+ background-color: #0d0f0e;
9622
9615
  }
9623
- .tsi-legend.tsi-dark .tsi-seriesLabel .tsi-seriesNameLabel {
9624
- border: none;
9625
- background-color: transparent;
9616
+ .tsi-dateTimePicker.tsi-dark .pika-table th {
9617
+ color: #fff;
9618
+ opacity: 0.6;
9626
9619
  }
9627
- .tsi-legend.tsi-dark .tsi-seriesLabel .tsi-seriesNameLabel.shown {
9620
+ .tsi-dateTimePicker.tsi-dark .pika-single {
9621
+ color: #fff;
9628
9622
  background-color: #0d0f0e;
9629
9623
  }
9630
- .tsi-legend.tsi-light {
9631
- color: #000;
9632
- fill: #000;
9624
+ .tsi-dateTimePicker.tsi-dark .pika-single .pika-select,
9625
+ .tsi-dateTimePicker.tsi-dark .pika-single .pika-select option,
9626
+ .tsi-dateTimePicker.tsi-dark .pika-single .pika-label,
9627
+ .tsi-dateTimePicker.tsi-dark .pika-single .pika-day,
9628
+ .tsi-dateTimePicker.tsi-dark .pika-single .pika-prev,
9629
+ .tsi-dateTimePicker.tsi-dark .pika-single .pika-next {
9630
+ color: #fff;
9631
+ background-color: #0d0f0e;
9633
9632
  }
9634
- .tsi-legend.tsi-light path {
9635
- stroke: #000;
9633
+ .tsi-dateTimePicker.tsi-dark .pika-single .pika-select:focus,
9634
+ .tsi-dateTimePicker.tsi-dark .pika-single .pika-select option:focus,
9635
+ .tsi-dateTimePicker.tsi-dark .pika-single .pika-label:focus,
9636
+ .tsi-dateTimePicker.tsi-dark .pika-single .pika-day:focus,
9637
+ .tsi-dateTimePicker.tsi-dark .pika-single .pika-prev:focus,
9638
+ .tsi-dateTimePicker.tsi-dark .pika-single .pika-next:focus {
9639
+ border: 1px solid #60aaff;
9636
9640
  }
9637
- .tsi-legend.tsi-light:not(.compact) {
9638
- border-right: 1px solid #f2f2f2;
9641
+ .tsi-dateTimePicker.tsi-dark .pika-single .pika-prev,
9642
+ .tsi-dateTimePicker.tsi-dark .pika-single .pika-next {
9643
+ color: #60aaff;
9644
+ background-color: white;
9639
9645
  }
9640
- .tsi-legend.tsi-light .tsi-seriesLabel .tsi-splitByContainer .tsi-legendShowMore {
9641
- color: #136bfb;
9642
- opacity: 1;
9646
+ .tsi-dateTimePicker.tsi-dark .tsi-timeControlsContainer .tsi-startContainer .tsi-timeLabel .tsi-snapToEndRangeButton,
9647
+ .tsi-dateTimePicker.tsi-dark .tsi-timeControlsContainer .tsi-endContainer .tsi-timeLabel .tsi-snapToEndRangeButton,
9648
+ .tsi-dateTimePicker.tsi-dark .tsi-timeControlsContainer .tsi-timezoneContainer .tsi-timeLabel .tsi-snapToEndRangeButton {
9649
+ color: #60aaff;
9643
9650
  }
9644
- .tsi-legend.tsi-light .tsi-seriesLabel .tsi-seriesNameLabel,
9645
- .tsi-legend.tsi-light .tsi-seriesLabel .tsi-splitByContainer .tsi-splitByLabel {
9646
- fill: #000;
9651
+ .tsi-dateTimePicker.tsi-dark .pika-single .is-inrange .pika-day {
9652
+ background-color: rgba(48, 157, 144, 0.4) !important;
9653
+ }
9654
+ .tsi-dateTimePicker.tsi-dark .pika-single .is-selected .pika-day {
9655
+ box-shadow: unset;
9656
+ }
9657
+ .tsi-dateTimePicker.tsi-light {
9658
+ background-color: #ffffff;
9647
9659
  color: #000;
9648
9660
  }
9649
- .tsi-legend.tsi-light .tsi-seriesLabel .tsi-seriesNameLabel select,
9650
- .tsi-legend.tsi-light .tsi-seriesLabel .tsi-splitByContainer .tsi-splitByLabel select {
9661
+ .tsi-dateTimePicker.tsi-light .tsi-dateTimeGroup .tsi-dateTimeSelectionPanel {
9662
+ border-left: 1px solid #dcdcdc;
9663
+ }
9664
+ .tsi-dateTimePicker.tsi-light .tsi-dateTimeGroup .tsi-dateTimeSelectionPanel .tsi-dateTimeInput {
9665
+ background-color: #ffffff;
9651
9666
  color: #000;
9652
- opacity: 0.6;
9653
- background-color: transparent;
9654
- border: 1px solid transparent;
9667
+ border: 1px solid rgba(0, 0, 0, 0.3);
9655
9668
  }
9656
- .tsi-legend.tsi-light .tsi-seriesLabel .tsi-seriesNameLabel select option,
9657
- .tsi-legend.tsi-light .tsi-seriesLabel .tsi-splitByContainer .tsi-splitByLabel select option {
9658
- background: #ffffff;
9669
+ .tsi-dateTimePicker.tsi-light .tsi-dateTimeGroup .tsi-quickTimesPanel .tsi-quickTime {
9670
+ color: #000;
9671
+ background-color: #ffffff;
9659
9672
  }
9660
- .tsi-legend.tsi-light .tsi-seriesLabel .tsi-seriesNameLabel:hover, .tsi-legend.tsi-light .tsi-seriesLabel .tsi-seriesNameLabel.inFocus,
9661
- .tsi-legend.tsi-light .tsi-seriesLabel .tsi-splitByContainer .tsi-splitByLabel:hover,
9662
- .tsi-legend.tsi-light .tsi-seriesLabel .tsi-splitByContainer .tsi-splitByLabel.inFocus {
9663
- color: #136bfb;
9673
+ .tsi-dateTimePicker.tsi-light .tsi-dateTimeGroup .tsi-quickTimesPanel .tsi-quickTime.tsi-isSelected {
9674
+ background-color: rgba(179, 214, 242, 0.6) !important;
9675
+ color: #000;
9664
9676
  }
9665
- .tsi-legend.tsi-light .tsi-seriesLabel .tsi-seriesNameLabel.stickied,
9666
- .tsi-legend.tsi-light .tsi-seriesLabel .tsi-splitByContainer .tsi-splitByLabel.stickied {
9667
- background-color: rgba(179, 214, 242, 0.4);
9677
+ .tsi-dateTimePicker.tsi-light .tsi-dateTimeGroup .tsi-quickTimesPanel .tsi-quickTime:hover {
9678
+ background-color: #f2f2f2;
9668
9679
  }
9669
- .tsi-legend.tsi-light .tsi-seriesLabel .tsi-seriesNameLabel {
9670
- border: none;
9671
- background-color: transparent;
9680
+ .tsi-dateTimePicker.tsi-light .tsi-select,
9681
+ .tsi-dateTimePicker.tsi-light .tsi-select option {
9682
+ color: #000;
9683
+ background-color: #ffffff;
9672
9684
  }
9673
- .tsi-legend.tsi-light .tsi-seriesLabel .tsi-seriesNameLabel.shown {
9685
+ .tsi-dateTimePicker.tsi-light .pika-table th {
9686
+ color: #000;
9687
+ opacity: 0.6;
9688
+ }
9689
+ .tsi-dateTimePicker.tsi-light .pika-single {
9690
+ color: #000;
9674
9691
  background-color: #ffffff;
9675
9692
  }
9676
- .tsi-legend.hidden {
9677
- display: none;
9693
+ .tsi-dateTimePicker.tsi-light .pika-single .pika-select,
9694
+ .tsi-dateTimePicker.tsi-light .pika-single .pika-select option,
9695
+ .tsi-dateTimePicker.tsi-light .pika-single .pika-label,
9696
+ .tsi-dateTimePicker.tsi-light .pika-single .pika-day,
9697
+ .tsi-dateTimePicker.tsi-light .pika-single .pika-prev,
9698
+ .tsi-dateTimePicker.tsi-light .pika-single .pika-next {
9699
+ color: #000;
9700
+ background-color: #ffffff;
9678
9701
  }
9679
- .tsi-legend:not(.hidden) {
9680
- display: block;
9702
+ .tsi-dateTimePicker.tsi-light .pika-single .pika-select:focus,
9703
+ .tsi-dateTimePicker.tsi-light .pika-single .pika-select option:focus,
9704
+ .tsi-dateTimePicker.tsi-light .pika-single .pika-label:focus,
9705
+ .tsi-dateTimePicker.tsi-light .pika-single .pika-day:focus,
9706
+ .tsi-dateTimePicker.tsi-light .pika-single .pika-prev:focus,
9707
+ .tsi-dateTimePicker.tsi-light .pika-single .pika-next:focus {
9708
+ border: 1px solid #136bfb;
9681
9709
  }
9682
- .tsi-legend.compact {
9683
- margin-left: 20px;
9684
- margin-right: 20px;
9685
- top: 8px;
9686
- height: 48px !important;
9687
- width: calc(100% - 40px) !important;
9688
- position: absolute;
9689
- display: flex;
9690
- justify-content: center;
9691
- border-right: none;
9692
- padding: 0;
9693
- padding-left: 0px;
9710
+ .tsi-dateTimePicker.tsi-light .pika-single .pika-prev,
9711
+ .tsi-dateTimePicker.tsi-light .pika-single .pika-next {
9712
+ color: #136bfb;
9713
+ background-color: white;
9694
9714
  }
9695
- .tsi-legend.compact .tsi-seriesLabel {
9696
- overflow-y: hidden;
9697
- overflow-x: hidden;
9715
+ .tsi-dateTimePicker.tsi-light .tsi-timeControlsContainer .tsi-startContainer .tsi-timeLabel .tsi-snapToEndRangeButton,
9716
+ .tsi-dateTimePicker.tsi-light .tsi-timeControlsContainer .tsi-endContainer .tsi-timeLabel .tsi-snapToEndRangeButton,
9717
+ .tsi-dateTimePicker.tsi-light .tsi-timeControlsContainer .tsi-timezoneContainer .tsi-timeLabel .tsi-snapToEndRangeButton {
9718
+ color: #136bfb;
9698
9719
  }
9699
- .tsi-legend.compact .tsi-seriesLabel:hover {
9700
- overflow-x: auto;
9720
+ .tsi-dateTimePicker .tsi-dateTimeGroup {
9721
+ display: inline-flex;
9701
9722
  }
9702
- .tsi-legend.compact .tsi-seriesLabel {
9703
- white-space: nowrap;
9704
- flex-basis: auto;
9705
- flex-shrink: 1;
9723
+ .tsi-dateTimePicker .tsi-dateTimeGroup .tsi-quickTimesPanel {
9724
+ display: flex;
9725
+ flex-direction: column;
9726
+ width: 152px;
9727
+ float: left;
9728
+ height: auto;
9706
9729
  }
9707
- .tsi-legend.compact .tsi-seriesLabel {
9730
+ .tsi-dateTimePicker .tsi-dateTimeGroup .tsi-quickTimesPanel .tsi-quickTime {
9731
+ text-align: left;
9708
9732
  border: none;
9709
- padding: 0;
9710
- text-align: center;
9711
- margin: 4px;
9733
+ height: 10%;
9734
+ padding-left: 20px;
9735
+ width: 100%;
9736
+ cursor: pointer;
9712
9737
  }
9713
- .tsi-legend.compact .tsi-seriesLabel:not(.shown) {
9714
- border: none;
9738
+ .tsi-dateTimePicker .tsi-dateTimeGroup .tsi-dateTimeSelectionPanel {
9739
+ float: right;
9740
+ width: 460px;
9741
+ padding-left: 8px;
9715
9742
  }
9716
- .tsi-legend.compact .tsi-seriesLabel .tsi-seriesNameLabel {
9717
- display: none;
9743
+ .tsi-dateTimePicker .tsi-dateTimeGroup .tsi-dateTimeSelectionPanel .pika-single {
9744
+ border: none;
9745
+ height: 250px;
9718
9746
  }
9719
- .tsi-legend.compact .tsi-seriesLabel select {
9720
- display: none;
9747
+ .tsi-dateTimePicker .tsi-dateTimeGroup .tsi-dateTimeSelectionPanel .pika-single .is-selected .pika-day {
9748
+ box-shadow: unset;
9721
9749
  }
9722
- .tsi-legend.compact .tsi-seriesLabel .tsi-splitByContainer {
9723
- max-height: 140px;
9724
- display: inline-block;
9750
+ .tsi-dateTimePicker .tsi-dateTimeGroup .tsi-dateTimeSelectionPanel .tsi-calendarPicker {
9751
+ width: 100%;
9752
+ margin-top: 8px;
9725
9753
  }
9726
- .tsi-legend.compact .tsi-seriesLabel .tsi-splitByContainer .tsi-splitByLabel {
9727
- display: inline-block;
9728
- margin: 0 4px;
9729
- padding: 0 4px 1px 4px;
9730
- height: 20px;
9731
- margin-top: 1px;
9732
- overflow: hidden;
9754
+ .tsi-dateTimePicker .tsi-dateTimeGroup .tsi-dateTimeSelectionPanel .tsi-select {
9755
+ top: 4px;
9756
+ margin: 0px;
9757
+ padding-right: 28px;
9758
+ width: 100px;
9759
+ background: url("data:image/svg+xml,%0D%3Csvg xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22 xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22 viewBox%3D%220 0 13 7%22%3E%0D %3Cdefs%3E%0D %3Cstyle%3E%0D .cls-1 %7B%0D clip-path%3A url(%23clip-Chevron_light_theme_1)%3B%0D %7D%0D%0D .cls-2%2C .cls-3 %7B%0D fill%3A none%3B%0D stroke-linecap%3A square%3B%0D stroke-miterlimit%3A 1%3B%0D %7D%0D%0D .cls-2 %7B%0D stroke%3A rgba(0%2C0%2C0%2C0.1)%3B%0D %7D%0D%0D .cls-3 %7B%0D stroke%3A %23666%3B%0D %7D%0D%0D .cls-4 %7B%0D fill%3A %23fff%3B%0D %7D%0D %3C%2Fstyle%3E%0D %3CclipPath id%3D%22clip-Chevron_light_theme_1%22%3E%0D %3Crect width%3D%2213%22 height%3D%227%22%2F%3E%0D %3C%2FclipPath%3E%0D %3C%2Fdefs%3E%0D %3Cg id%3D%22Chevron_light_theme_1%22 data-name%3D%22Chevron light theme %E2%80%93 1%22 class%3D%22cls-1%22%3E%0D %3Cg id%3D%22Group_22369%22 data-name%3D%22Group 22369%22 transform%3D%22translate(-199.6 -646.273)%22%3E%0D %3Cpath id%3D%22Path_44737%22 data-name%3D%22Path 44737%22 class%3D%22cls-2%22 d%3D%22M8.5%2C33.8l-5%2C5%2C5%2C5%22 transform%3D%22translate(167.8 655.8) rotate(-90)%22%2F%3E%0D %3Cpath id%3D%22Path_44738%22 data-name%3D%22Path 44738%22 class%3D%22cls-3%22 d%3D%22M8.5%2C32.8l-5%2C5%2C5%2C5%22 transform%3D%22translate(167.8 655.8) rotate(-90)%22%2F%3E%0D %3C%2Fg%3E%0D %3C%2Fg%3E%0D%3C%2Fsvg%3E%0D") 16px/16px no-repeat;
9760
+ background-position-y: 12px;
9761
+ background-position-x: calc(100% - 4px);
9733
9762
  }
9734
- .tsi-legend.compact .tsi-seriesLabel .tsi-splitByContainer .tsi-splitByLabel .tsi-eyeIcon {
9735
- display: none;
9763
+ .tsi-dateTimePicker .tsi-dateTimeGroup .tsi-dateTimeSelectionPanel .tsi-select option {
9764
+ padding: 6px;
9736
9765
  }
9737
- .tsi-legend.compact .tsi-seriesLabel .tsi-splitByContainer .tsi-splitByLabel .tsi-colorKey {
9738
- display: block;
9739
- position: absolute;
9740
- height: 10px;
9741
- width: 10px;
9742
- top: -3px;
9743
- forced-color-adjust: none;
9766
+ .tsi-dateTimePicker .tsi-dateTimeGroup .tsi-dateTimeSelectionPanel .tsi-timeControlsContainer {
9767
+ align-items: stretch;
9768
+ width: calc(100% - 28px);
9769
+ margin-left: 12px;
9770
+ margin-right: 12px;
9744
9771
  }
9745
- .tsi-legend.compact .tsi-seriesLabel .tsi-splitByContainer .tsi-splitByLabel .tsi-colorKey.tsi-eventsColorKey, .tsi-legend.compact .tsi-seriesLabel .tsi-splitByContainer .tsi-splitByLabel .tsi-colorKey.tsi-categoricalColorKey {
9746
- height: 12px;
9747
- width: 12px;
9748
- top: unset;
9749
- margin-top: 4px;
9750
- margin-left: 0px;
9772
+ .tsi-dateTimePicker .tsi-dateTimeGroup .tsi-dateTimeSelectionPanel .tsi-timeControlsContainer .tsi-timeInputContainer {
9773
+ display: inline-flex;
9774
+ width: 100%;
9751
9775
  }
9752
- .tsi-legend.compact .tsi-seriesLabel .tsi-splitByContainer .tsi-splitByLabel .tsi-seriesName {
9753
- max-width: 100px;
9754
- margin-left: 16px;
9755
- margin-right: 0px;
9756
- text-align: left;
9757
- width: initial;
9758
- font-size: 12px;
9776
+ .tsi-dateTimePicker .tsi-dateTimeGroup .tsi-dateTimeSelectionPanel .tsi-timeControlsContainer .tsi-timeInputContainer .tsi-startContainer {
9777
+ padding-right: 10px;
9759
9778
  }
9760
- .tsi-legend:not(.compact).tsi-flexLegend {
9761
- display: flex;
9762
- flex-direction: column;
9779
+ .tsi-dateTimePicker .tsi-dateTimeGroup .tsi-dateTimeSelectionPanel .tsi-timeControlsContainer .tsi-timeInputContainer .tsi-endContainer {
9780
+ padding-left: 6px;
9763
9781
  }
9764
- .tsi-legend:not(.compact) {
9765
- height: 100%;
9782
+ .tsi-dateTimePicker .tsi-dateTimeGroup .tsi-dateTimeSelectionPanel .tsi-timeControlsContainer .tsi-timeInputContainer .tsi-startContainer,
9783
+ .tsi-dateTimePicker .tsi-dateTimeGroup .tsi-dateTimeSelectionPanel .tsi-timeControlsContainer .tsi-timeInputContainer .tsi-endContainer {
9784
+ padding-top: 12px;
9785
+ width: 50%;
9786
+ position: relative;
9766
9787
  }
9767
- .tsi-legend:not(.compact) .tsi-seriesLabel .tsi-splitByContainer .tsi-legendShowMore {
9768
- background: none;
9769
- border: none;
9770
- visibility: visible;
9771
- margin: 8px auto;
9772
- cursor: pointer;
9788
+ .tsi-dateTimePicker .tsi-dateTimeGroup .tsi-dateTimeSelectionPanel .tsi-timeControlsContainer .tsi-timeInputContainer .tsi-startContainer .tsi-dateTimeInput,
9789
+ .tsi-dateTimePicker .tsi-dateTimeGroup .tsi-dateTimeSelectionPanel .tsi-timeControlsContainer .tsi-timeInputContainer .tsi-endContainer .tsi-dateTimeInput {
9790
+ margin-top: 4px;
9791
+ width: 100%;
9792
+ padding: 0px 8px 0px 8px;
9793
+ height: 30px;
9794
+ box-sizing: border-box;
9773
9795
  }
9774
- .tsi-legend:not(.compact) .tsi-seriesLabel .tsi-splitByContainer .tsi-legendShowMore:hover {
9775
- text-decoration: underline;
9796
+ .tsi-dateTimePicker .tsi-dateTimeGroup .tsi-dateTimeSelectionPanel .tsi-timeControlsContainer .tsi-timeInputContainer .tsi-startContainer .tsi-startTimeInputContainer,
9797
+ .tsi-dateTimePicker .tsi-dateTimeGroup .tsi-dateTimeSelectionPanel .tsi-timeControlsContainer .tsi-timeInputContainer .tsi-startContainer .tsi-endTimeInputContainer,
9798
+ .tsi-dateTimePicker .tsi-dateTimeGroup .tsi-dateTimeSelectionPanel .tsi-timeControlsContainer .tsi-timeInputContainer .tsi-endContainer .tsi-startTimeInputContainer,
9799
+ .tsi-dateTimePicker .tsi-dateTimeGroup .tsi-dateTimeSelectionPanel .tsi-timeControlsContainer .tsi-timeInputContainer .tsi-endContainer .tsi-endTimeInputContainer {
9800
+ display: flex;
9776
9801
  }
9777
- .tsi-legend:not(.compact) .tsi-seriesLabel .tsi-splitByContainer {
9778
- overflow-y: auto;
9779
- visibility: hidden;
9780
- min-height: 42px;
9781
- height: calc(100% - 25px);
9782
- }
9783
- .tsi-legend:not(.compact) .tsi-seriesLabel .tsi-splitByContainer .tsi-splitByLabel, .tsi-legend:not(.compact) .tsi-seriesLabel .tsi-splitByContainer:hover, .tsi-legend:not(.compact) .tsi-seriesLabel .tsi-splitByContainer:focus {
9784
- visibility: visible;
9785
- }
9786
- .tsi-legend:not(.compact) .tsi-seriesLabel .tsi-seriesNameLabel .tsi-eyeIcon,
9787
- .tsi-legend:not(.compact) .tsi-seriesLabel .tsi-splitByContainer .tsi-splitByLabel .tsi-eyeIcon {
9788
- display: block;
9789
- background-size: 17px 11px;
9790
- background-repeat: no-repeat;
9791
- background-position: center;
9792
- position: absolute;
9793
- height: 100%;
9794
- width: 17px;
9795
- right: 17px;
9796
- }
9797
- .tsi-legend:not(.compact) .tsi-seriesLabel .tsi-eyeIcon {
9798
- display: inherit;
9799
- cursor: pointer;
9800
- border: none;
9801
- background-color: transparent;
9802
- }
9803
- .tsi-legend:not(.compact).tsi-light .tsi-seriesLabel .tsi-seriesNameLabel .tsi-eyeIcon,
9804
- .tsi-legend:not(.compact).tsi-light .tsi-seriesLabel .tsi-splitByContainer .tsi-splitByLabel .tsi-eyeIcon {
9805
- background-image: url("data:image/svg+xml,%0D%3Csvg width%3D%2217%22 height%3D%2211%22 viewBox%3D%220 0 17 11%22 fill%3D%22none%22 xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0D%3Cpath d%3D%22M8.02 0C8.77 0 9.5 0.0899988 10.24 0.279999C10.97 0.469999 11.67 0.740006 12.32 1.10001C12.97 1.46001 13.56 1.90001 14.09 2.43001C14.62 2.96001 15.05 3.57 15.38 4.25C15.59 4.68 15.75 5.13001 15.86 5.59001C15.97 6.05001 16.02 6.52 16.02 7H15.02C15.02 6.39 14.93 5.81 14.74 5.27C14.55 4.73 14.29 4.24 13.96 3.8C13.63 3.36 13.24 2.96 12.79 2.61C12.34 2.26 11.86 1.97001 11.34 1.73001C10.82 1.49001 10.28 1.31001 9.71 1.18001C9.14 1.05001 8.58 0.990005 8.01 0.990005C7.44 0.990005 6.88 1.05001 6.31 1.18001C5.74 1.31001 5.2 1.49001 4.68 1.73001C4.16 1.97001 3.68 2.26 3.23 2.61C2.78 2.96 2.39 3.36 2.06 3.8C1.73 4.24 1.47 4.73 1.28 5.27C1.09 5.81 1 6.38 1 7H0C0 6.52 0.0500001 6.05001 0.16 5.59001C0.27 5.13001 0.43 4.68 0.64 4.25C0.97 3.56 1.4 2.95001 1.93 2.43001C2.46 1.90001 3.05 1.46001 3.7 1.10001C4.35 0.740006 5.04 0.469999 5.78 0.279999C6.53 0.0999988 7.27 0 8.02 0ZM8.02 4.14C8.43 4.14 8.82 4.22001 9.18 4.37001C9.54 4.52001 9.86 4.74001 10.14 5.01001C10.42 5.28001 10.63 5.6 10.78 5.97C10.94 6.33 11.01 6.72 11.01 7.13C11.01 7.55 10.93 7.94 10.78 8.3C10.62 8.66 10.41 8.98 10.14 9.25C9.87 9.52 9.55 9.74 9.18 9.89C8.81 10.04 8.43 10.12 8.02 10.12C7.6 10.12 7.21 10.04 6.85 9.89C6.49 9.74 6.17 9.52 5.9 9.25C5.63 8.98 5.41 8.66 5.26 8.3C5.1 7.94 5.03 7.55 5.03 7.13C5.03 6.72 5.11 6.33 5.26 5.97C5.42 5.61 5.63 5.29001 5.9 5.01001C6.17 4.73001 6.49 4.52001 6.85 4.37001C7.21 4.22001 7.6 4.14 8.02 4.14ZM8.02 9.14C8.3 9.14 8.56 9.09001 8.8 8.98001C9.04 8.88001 9.25 8.73 9.44 8.55C9.62 8.37 9.77 8.16 9.87 7.91C9.97 7.66 10.03 7.41 10.03 7.13C10.03 6.85 9.98 6.59001 9.87 6.35001C9.76 6.11001 9.62 5.90001 9.44 5.71001C9.26 5.53001 9.05 5.38 8.8 5.28C8.56 5.18 8.3 5.12001 8.02 5.12001C7.74 5.12001 7.48 5.17 7.24 5.28C7 5.38 6.79 5.53001 6.6 5.71001C6.42 5.89001 6.27 6.10001 6.17 6.35001C6.07 6.60001 6.01 6.85 6.01 7.13C6.01 7.41 6.06 7.67 6.17 7.91C6.28 8.15 6.42 8.36 6.6 8.55C6.78 8.73 6.99 8.88001 7.24 8.98001C7.48 9.09001 7.74 9.14 8.02 9.14Z%22 fill%3D%22%23212121%22%2F%3E%0D%3C%2Fsvg%3E");
9806
- }
9807
- @media screen and (-ms-high-contrast: white-on-black) {
9808
- .tsi-legend:not(.compact).tsi-light .tsi-seriesLabel .tsi-seriesNameLabel .tsi-eyeIcon,
9809
- .tsi-legend:not(.compact).tsi-light .tsi-seriesLabel .tsi-splitByContainer .tsi-splitByLabel .tsi-eyeIcon {
9810
- background-image: url("data:image/svg+xml,%0D%3Csvg width%3D%2217%22 height%3D%2211%22 viewBox%3D%220 0 17 11%22 fill%3D%22none%22 xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0D%3Cpath d%3D%22M8.02 0C8.77 0 9.5 0.0899988 10.24 0.279999C10.97 0.469999 11.67 0.740006 12.32 1.10001C12.97 1.46001 13.56 1.90001 14.09 2.43001C14.62 2.96001 15.05 3.57 15.38 4.25C15.59 4.68 15.75 5.13001 15.86 5.59001C15.97 6.05001 16.02 6.52 16.02 7H15.02C15.02 6.39 14.93 5.81 14.74 5.27C14.55 4.73 14.29 4.24 13.96 3.8C13.63 3.36 13.24 2.96 12.79 2.61C12.34 2.26 11.86 1.97001 11.34 1.73001C10.82 1.49001 10.28 1.31001 9.71 1.18001C9.14 1.05001 8.58 0.990005 8.01 0.990005C7.44 0.990005 6.88 1.05001 6.31 1.18001C5.74 1.31001 5.2 1.49001 4.68 1.73001C4.16 1.97001 3.68 2.26 3.23 2.61C2.78 2.96 2.39 3.36 2.06 3.8C1.73 4.24 1.47 4.73 1.28 5.27C1.09 5.81 1 6.38 1 7H0C0 6.52 0.0500001 6.05001 0.16 5.59001C0.27 5.13001 0.43 4.68 0.64 4.25C0.97 3.56 1.4 2.95001 1.93 2.43001C2.46 1.90001 3.05 1.46001 3.7 1.10001C4.35 0.740006 5.04 0.469999 5.78 0.279999C6.53 0.0999988 7.27 0 8.02 0ZM8.02 4.14C8.43 4.14 8.82 4.22001 9.18 4.37001C9.54 4.52001 9.86 4.74001 10.14 5.01001C10.42 5.28001 10.63 5.6 10.78 5.97C10.94 6.33 11.01 6.72 11.01 7.13C11.01 7.55 10.93 7.94 10.78 8.3C10.62 8.66 10.41 8.98 10.14 9.25C9.87 9.52 9.55 9.74 9.18 9.89C8.81 10.04 8.43 10.12 8.02 10.12C7.6 10.12 7.21 10.04 6.85 9.89C6.49 9.74 6.17 9.52 5.9 9.25C5.63 8.98 5.41 8.66 5.26 8.3C5.1 7.94 5.03 7.55 5.03 7.13C5.03 6.72 5.11 6.33 5.26 5.97C5.42 5.61 5.63 5.29001 5.9 5.01001C6.17 4.73001 6.49 4.52001 6.85 4.37001C7.21 4.22001 7.6 4.14 8.02 4.14ZM8.02 9.14C8.3 9.14 8.56 9.09001 8.8 8.98001C9.04 8.88001 9.25 8.73 9.44 8.55C9.62 8.37 9.77 8.16 9.87 7.91C9.97 7.66 10.03 7.41 10.03 7.13C10.03 6.85 9.98 6.59001 9.87 6.35001C9.76 6.11001 9.62 5.90001 9.44 5.71001C9.26 5.53001 9.05 5.38 8.8 5.28C8.56 5.18 8.3 5.12001 8.02 5.12001C7.74 5.12001 7.48 5.17 7.24 5.28C7 5.38 6.79 5.53001 6.6 5.71001C6.42 5.89001 6.27 6.10001 6.17 6.35001C6.07 6.60001 6.01 6.85 6.01 7.13C6.01 7.41 6.06 7.67 6.17 7.91C6.28 8.15 6.42 8.36 6.6 8.55C6.78 8.73 6.99 8.88001 7.24 8.98001C7.48 9.09001 7.74 9.14 8.02 9.14Z%22 fill%3D%22%23fff%22%2F%3E%0D%3C%2Fsvg%3E");
9811
- }
9812
- }
9813
- .tsi-legend:not(.compact).tsi-dark .tsi-seriesLabel .tsi-seriesNameLabel .tsi-eyeIcon,
9814
- .tsi-legend:not(.compact).tsi-dark .tsi-seriesLabel .tsi-splitByContainer .tsi-splitByLabel .tsi-eyeIcon {
9815
- background-image: url("data:image/svg+xml,%0D%3Csvg width%3D%2217%22 height%3D%2211%22 viewBox%3D%220 0 17 11%22 fill%3D%22none%22 xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0D%3Cpath d%3D%22M8.02 0C8.77 0 9.5 0.0899988 10.24 0.279999C10.97 0.469999 11.67 0.740006 12.32 1.10001C12.97 1.46001 13.56 1.90001 14.09 2.43001C14.62 2.96001 15.05 3.57 15.38 4.25C15.59 4.68 15.75 5.13001 15.86 5.59001C15.97 6.05001 16.02 6.52 16.02 7H15.02C15.02 6.39 14.93 5.81 14.74 5.27C14.55 4.73 14.29 4.24 13.96 3.8C13.63 3.36 13.24 2.96 12.79 2.61C12.34 2.26 11.86 1.97001 11.34 1.73001C10.82 1.49001 10.28 1.31001 9.71 1.18001C9.14 1.05001 8.58 0.990005 8.01 0.990005C7.44 0.990005 6.88 1.05001 6.31 1.18001C5.74 1.31001 5.2 1.49001 4.68 1.73001C4.16 1.97001 3.68 2.26 3.23 2.61C2.78 2.96 2.39 3.36 2.06 3.8C1.73 4.24 1.47 4.73 1.28 5.27C1.09 5.81 1 6.38 1 7H0C0 6.52 0.0500001 6.05001 0.16 5.59001C0.27 5.13001 0.43 4.68 0.64 4.25C0.97 3.56 1.4 2.95001 1.93 2.43001C2.46 1.90001 3.05 1.46001 3.7 1.10001C4.35 0.740006 5.04 0.469999 5.78 0.279999C6.53 0.0999988 7.27 0 8.02 0ZM8.02 4.14C8.43 4.14 8.82 4.22001 9.18 4.37001C9.54 4.52001 9.86 4.74001 10.14 5.01001C10.42 5.28001 10.63 5.6 10.78 5.97C10.94 6.33 11.01 6.72 11.01 7.13C11.01 7.55 10.93 7.94 10.78 8.3C10.62 8.66 10.41 8.98 10.14 9.25C9.87 9.52 9.55 9.74 9.18 9.89C8.81 10.04 8.43 10.12 8.02 10.12C7.6 10.12 7.21 10.04 6.85 9.89C6.49 9.74 6.17 9.52 5.9 9.25C5.63 8.98 5.41 8.66 5.26 8.3C5.1 7.94 5.03 7.55 5.03 7.13C5.03 6.72 5.11 6.33 5.26 5.97C5.42 5.61 5.63 5.29001 5.9 5.01001C6.17 4.73001 6.49 4.52001 6.85 4.37001C7.21 4.22001 7.6 4.14 8.02 4.14ZM8.02 9.14C8.3 9.14 8.56 9.09001 8.8 8.98001C9.04 8.88001 9.25 8.73 9.44 8.55C9.62 8.37 9.77 8.16 9.87 7.91C9.97 7.66 10.03 7.41 10.03 7.13C10.03 6.85 9.98 6.59001 9.87 6.35001C9.76 6.11001 9.62 5.90001 9.44 5.71001C9.26 5.53001 9.05 5.38 8.8 5.28C8.56 5.18 8.3 5.12001 8.02 5.12001C7.74 5.12001 7.48 5.17 7.24 5.28C7 5.38 6.79 5.53001 6.6 5.71001C6.42 5.89001 6.27 6.10001 6.17 6.35001C6.07 6.60001 6.01 6.85 6.01 7.13C6.01 7.41 6.06 7.67 6.17 7.91C6.28 8.15 6.42 8.36 6.6 8.55C6.78 8.73 6.99 8.88001 7.24 8.98001C7.48 9.09001 7.74 9.14 8.02 9.14Z%22 fill%3D%22%23fff%22%2F%3E%0D%3C%2Fsvg%3E");
9816
- }
9817
- .tsi-legend .tsi-seriesLabel .tsi-seriesNameLabel:not(.shown),
9818
- .tsi-legend .tsi-seriesLabel .tsi-splitByContainer .tsi-splitByLabel:not(.shown) {
9819
- opacity: 0.3;
9820
- }
9821
- .tsi-legend .tsi-seriesLabel .tsi-seriesNameLabel.shown,
9822
- .tsi-legend .tsi-seriesLabel .tsi-splitByContainer .tsi-splitByLabel.shown {
9823
- opacity: 1;
9824
- }
9825
- .tsi-legend .tsi-seriesLabel {
9826
- margin: 8px;
9827
- }
9828
- .tsi-legend .tsi-seriesLabel.tsi-nsb .tsi-splitByContainer {
9829
- overflow-y: hidden;
9830
- }
9831
- .tsi-legend .tsi-seriesLabel.tsi-nsb .tsi-seriesNameLabel {
9832
- display: none;
9833
- }
9834
- .tsi-legend .tsi-seriesLabel .tsi-seriesNameLabel,
9835
- .tsi-legend .tsi-seriesLabel .tsi-splitByContainer .tsi-splitByLabel {
9802
+ .tsi-dateTimePicker .tsi-dateTimeGroup .tsi-dateTimeSelectionPanel .tsi-timeControlsContainer .tsi-timeInputContainer .tsi-startContainer .tsi-startTimeInputContainer .tsi-hoursInput,
9803
+ .tsi-dateTimePicker .tsi-dateTimeGroup .tsi-dateTimeSelectionPanel .tsi-timeControlsContainer .tsi-timeInputContainer .tsi-startContainer .tsi-startTimeInputContainer .tsi-minutesInput,
9804
+ .tsi-dateTimePicker .tsi-dateTimeGroup .tsi-dateTimeSelectionPanel .tsi-timeControlsContainer .tsi-timeInputContainer .tsi-startContainer .tsi-startTimeInputContainer .tsi-AMPMInput,
9805
+ .tsi-dateTimePicker .tsi-dateTimeGroup .tsi-dateTimeSelectionPanel .tsi-timeControlsContainer .tsi-timeInputContainer .tsi-startContainer .tsi-endTimeInputContainer .tsi-hoursInput,
9806
+ .tsi-dateTimePicker .tsi-dateTimeGroup .tsi-dateTimeSelectionPanel .tsi-timeControlsContainer .tsi-timeInputContainer .tsi-startContainer .tsi-endTimeInputContainer .tsi-minutesInput,
9807
+ .tsi-dateTimePicker .tsi-dateTimeGroup .tsi-dateTimeSelectionPanel .tsi-timeControlsContainer .tsi-timeInputContainer .tsi-startContainer .tsi-endTimeInputContainer .tsi-AMPMInput,
9808
+ .tsi-dateTimePicker .tsi-dateTimeGroup .tsi-dateTimeSelectionPanel .tsi-timeControlsContainer .tsi-timeInputContainer .tsi-endContainer .tsi-startTimeInputContainer .tsi-hoursInput,
9809
+ .tsi-dateTimePicker .tsi-dateTimeGroup .tsi-dateTimeSelectionPanel .tsi-timeControlsContainer .tsi-timeInputContainer .tsi-endContainer .tsi-startTimeInputContainer .tsi-minutesInput,
9810
+ .tsi-dateTimePicker .tsi-dateTimeGroup .tsi-dateTimeSelectionPanel .tsi-timeControlsContainer .tsi-timeInputContainer .tsi-endContainer .tsi-startTimeInputContainer .tsi-AMPMInput,
9811
+ .tsi-dateTimePicker .tsi-dateTimeGroup .tsi-dateTimeSelectionPanel .tsi-timeControlsContainer .tsi-timeInputContainer .tsi-endContainer .tsi-endTimeInputContainer .tsi-hoursInput,
9812
+ .tsi-dateTimePicker .tsi-dateTimeGroup .tsi-dateTimeSelectionPanel .tsi-timeControlsContainer .tsi-timeInputContainer .tsi-endContainer .tsi-endTimeInputContainer .tsi-minutesInput,
9813
+ .tsi-dateTimePicker .tsi-dateTimeGroup .tsi-dateTimeSelectionPanel .tsi-timeControlsContainer .tsi-timeInputContainer .tsi-endContainer .tsi-endTimeInputContainer .tsi-AMPMInput {
9836
9814
  display: flex;
9815
+ width: 33%;
9816
+ flex-grow: 1;
9817
+ height: 32px;
9818
+ padding-left: 12px;
9819
+ display: inline-flex;
9820
+ text-align: center;
9837
9821
  }
9838
- .tsi-legend .tsi-seriesLabel .tsi-seriesNameLabel.tsi-nonCompactNonNumeric,
9839
- .tsi-legend .tsi-seriesLabel .tsi-splitByContainer .tsi-splitByLabel.tsi-nonCompactNonNumeric {
9840
- flex-direction: row;
9841
- align-items: center;
9842
- }
9843
- .tsi-legend .tsi-seriesLabel .tsi-seriesNameLabel h4,
9844
- .tsi-legend .tsi-seriesLabel .tsi-seriesNameLabel .tsi-seriesName,
9845
- .tsi-legend .tsi-seriesLabel .tsi-splitByContainer .tsi-splitByLabel h4,
9846
- .tsi-legend .tsi-seriesLabel .tsi-splitByContainer .tsi-splitByLabel .tsi-seriesName {
9847
- text-overflow: ellipsis;
9848
- white-space: nowrap;
9849
- overflow: hidden;
9850
- margin-top: 2px;
9851
- margin-bottom: 4px;
9852
- font-weight: 400;
9853
- margin-right: 36px;
9854
- }
9855
- .tsi-legend .tsi-seriesLabel .tsi-seriesNameLabel h4,
9856
- .tsi-legend .tsi-seriesLabel .tsi-splitByContainer .tsi-splitByLabel h4 {
9857
- cursor: pointer;
9822
+ .tsi-dateTimePicker .tsi-dateTimeGroup .tsi-dateTimeSelectionPanel .tsi-timeControlsContainer .tsi-timeLabel,
9823
+ .tsi-dateTimePicker .tsi-dateTimeGroup .tsi-dateTimeSelectionPanel .tsi-timezoneContainer .tsi-timeLabel {
9858
9824
  font-weight: 600;
9859
- font-size: 15px;
9860
- font-family: "Segoe UI", sans-serif;
9861
- }
9862
- .tsi-legend .tsi-seriesLabel .tsi-seriesNameLabel .tsi-seriesName,
9863
- .tsi-legend .tsi-seriesLabel .tsi-splitByContainer .tsi-splitByLabel .tsi-seriesName {
9864
- cursor: default;
9865
- overflow-x: hidden;
9866
- text-overflow: ellipsis;
9867
9825
  font-size: 14px;
9826
+ margin: 0;
9827
+ text-transform: capitalize;
9828
+ height: 20px;
9829
+ line-height: 20px;
9830
+ opacity: 1;
9868
9831
  }
9869
- .tsi-legend .tsi-seriesLabel .tsi-seriesNameLabel select,
9870
- .tsi-legend .tsi-seriesLabel .tsi-splitByContainer .tsi-splitByLabel select {
9871
- left: 20px;
9872
- max-width: calc(100% - 64px);
9873
- margin: 2px;
9832
+ .tsi-dateTimePicker .tsi-dateTimeGroup .tsi-dateTimeSelectionPanel .tsi-timeControlsContainer .tsi-snapToEndRangeButton,
9833
+ .tsi-dateTimePicker .tsi-dateTimeGroup .tsi-dateTimeSelectionPanel .tsi-timezoneContainer .tsi-snapToEndRangeButton {
9834
+ text-decoration: underline;
9835
+ background: transparent;
9874
9836
  border: none;
9837
+ line-height: 20px;
9838
+ cursor: pointer;
9839
+ margin-left: 8px;
9840
+ padding: 0px;
9841
+ text-transform: capitalize;
9875
9842
  position: absolute;
9876
- top: 16px;
9877
- -webkit-appearance: none;
9878
- -moz-appearance: none;
9879
- appearance: none;
9880
- padding: 2px;
9881
- background-image: url("data:image/svg+xml,%0D%3Csvg xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22 xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22 viewBox%3D%220 0 13 7%22%3E%0D %3Cdefs%3E%0D %3Cstyle%3E%0D .cls-1 %7B%0D clip-path%3A url(%23clip-Chevron_light_theme_1)%3B%0D %7D%0D%0D .cls-2%2C .cls-3 %7B%0D fill%3A none%3B%0D stroke-linecap%3A square%3B%0D stroke-miterlimit%3A 1%3B%0D %7D%0D%0D .cls-2 %7B%0D stroke%3A rgba(0%2C0%2C0%2C0.1)%3B%0D %7D%0D%0D .cls-3 %7B%0D stroke%3A %23666%3B%0D %7D%0D%0D .cls-4 %7B%0D fill%3A %23fff%3B%0D %7D%0D %3C%2Fstyle%3E%0D %3CclipPath id%3D%22clip-Chevron_light_theme_1%22%3E%0D %3Crect width%3D%2213%22 height%3D%227%22%2F%3E%0D %3C%2FclipPath%3E%0D %3C%2Fdefs%3E%0D %3Cg id%3D%22Chevron_light_theme_1%22 data-name%3D%22Chevron light theme %E2%80%93 1%22 class%3D%22cls-1%22%3E%0D %3Cg id%3D%22Group_22369%22 data-name%3D%22Group 22369%22 transform%3D%22translate(-199.6 -646.273)%22%3E%0D %3Cpath id%3D%22Path_44737%22 data-name%3D%22Path 44737%22 class%3D%22cls-2%22 d%3D%22M8.5%2C33.8l-5%2C5%2C5%2C5%22 transform%3D%22translate(167.8 655.8) rotate(-90)%22%2F%3E%0D %3Cpath id%3D%22Path_44738%22 data-name%3D%22Path 44738%22 class%3D%22cls-3%22 d%3D%22M8.5%2C32.8l-5%2C5%2C5%2C5%22 transform%3D%22translate(167.8 655.8) rotate(-90)%22%2F%3E%0D %3C%2Fg%3E%0D %3C%2Fg%3E%0D%3C%2Fsvg%3E%0D");
9882
- background-repeat: no-repeat;
9883
- background-position-x: calc(100% - 4px);
9884
- background-position-y: 7px;
9885
- background-size: 18px;
9886
- padding-right: 28px;
9887
- }
9888
- .tsi-legend .tsi-seriesLabel .tsi-seriesNameLabel select::-ms-expand,
9889
- .tsi-legend .tsi-seriesLabel .tsi-splitByContainer .tsi-splitByLabel select::-ms-expand {
9890
- display: none; /* remove default arrow on ie10 and ie11 */
9843
+ top: 0px;
9844
+ right: 0px;
9845
+ margin-top: 12px;
9891
9846
  }
9892
- .tsi-legend .tsi-seriesLabel .tsi-seriesNameLabel.tsi-splitByLabelCompact,
9893
- .tsi-legend .tsi-seriesLabel .tsi-splitByContainer .tsi-splitByLabel.tsi-splitByLabelCompact {
9894
- height: 24px;
9847
+ .tsi-dateTimePicker .tsi-dateTimeGroup .tsi-dateTimeSelectionPanel .tsi-timezoneContainer {
9848
+ padding-bottom: 12px;
9849
+ width: calc(100% - 32px);
9850
+ margin: 0 16px 16px 16px;
9895
9851
  }
9896
- .tsi-legend .tsi-seriesLabel .tsi-seriesNameLabel svg {
9897
- display: inline-block;
9852
+ .tsi-dateTimePicker .tsi-dateTimeGroup .tsi-dateTimeSelectionPanel .tsi-timezoneContainer .tsi-timezonePickerContainer {
9853
+ width: 100%;
9854
+ height: 100%;
9898
9855
  }
9899
- .tsi-legend .tsi-seriesLabel .tsi-seriesNameLabel {
9900
- cursor: pointer;
9901
- padding: 0 4px;
9902
- position: relative;
9856
+ .tsi-dateTimePicker .tsi-dateTimeGroup .tsi-dateTimeSelectionPanel .tsi-timezoneContainer .tsi-timezonePickerContainer .tsi-timezonePicker {
9903
9857
  width: 100%;
9858
+ background: url("data:image/svg+xml,%0D%3Csvg xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22 xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22 viewBox%3D%220 0 13 7%22%3E%0D %3Cdefs%3E%0D %3Cstyle%3E%0D .cls-1 %7B%0D clip-path%3A url(%23clip-Chevron_light_theme_1)%3B%0D %7D%0D%0D .cls-2%2C .cls-3 %7B%0D fill%3A none%3B%0D stroke-linecap%3A square%3B%0D stroke-miterlimit%3A 1%3B%0D %7D%0D%0D .cls-2 %7B%0D stroke%3A rgba(0%2C0%2C0%2C0.1)%3B%0D %7D%0D%0D .cls-3 %7B%0D stroke%3A %23666%3B%0D %7D%0D%0D .cls-4 %7B%0D fill%3A %23fff%3B%0D %7D%0D %3C%2Fstyle%3E%0D %3CclipPath id%3D%22clip-Chevron_light_theme_1%22%3E%0D %3Crect width%3D%2213%22 height%3D%227%22%2F%3E%0D %3C%2FclipPath%3E%0D %3C%2Fdefs%3E%0D %3Cg id%3D%22Chevron_light_theme_1%22 data-name%3D%22Chevron light theme %E2%80%93 1%22 class%3D%22cls-1%22%3E%0D %3Cg id%3D%22Group_22369%22 data-name%3D%22Group 22369%22 transform%3D%22translate(-199.6 -646.273)%22%3E%0D %3Cpath id%3D%22Path_44737%22 data-name%3D%22Path 44737%22 class%3D%22cls-2%22 d%3D%22M8.5%2C33.8l-5%2C5%2C5%2C5%22 transform%3D%22translate(167.8 655.8) rotate(-90)%22%2F%3E%0D %3Cpath id%3D%22Path_44738%22 data-name%3D%22Path 44738%22 class%3D%22cls-3%22 d%3D%22M8.5%2C32.8l-5%2C5%2C5%2C5%22 transform%3D%22translate(167.8 655.8) rotate(-90)%22%2F%3E%0D %3C%2Fg%3E%0D %3C%2Fg%3E%0D%3C%2Fsvg%3E%0D") 16px/16px no-repeat;
9859
+ background-position-y: 12px;
9860
+ background-position-x: calc(100% - 4px);
9904
9861
  }
9905
- .tsi-legend .tsi-seriesLabel .tsi-seriesNameLabel select {
9906
- height: 17px;
9907
- width: 50px;
9908
- position: absolute;
9909
- right: 4px;
9910
- top: 6px;
9911
- display: none;
9862
+ .tsi-dateTimePicker .tsi-dateTimeGroup .tsi-dateTimeSelectionPanel .tsi-saveButtonContainer {
9863
+ width: 100%;
9864
+ height: 48px;
9865
+ margin-top: 12px;
9912
9866
  }
9913
- .tsi-legend .tsi-seriesLabel .tsi-splitByContainer .tsi-splitByLabel {
9914
- font-size: 16px;
9915
- padding: 0 4px;
9916
- position: relative;
9917
- height: 40px;
9918
- border-radius: 3px;
9867
+ .tsi-dateTimePicker .tsi-dateTimeGroup .tsi-dateTimeSelectionPanel .tsi-saveButtonContainer .tsi-saveButton,
9868
+ .tsi-dateTimePicker .tsi-dateTimeGroup .tsi-dateTimeSelectionPanel .tsi-saveButtonContainer .tsi-cancelButton {
9869
+ width: 92px;
9870
+ border: none;
9871
+ float: right;
9872
+ margin-right: 16px;
9873
+ height: 32px;
9874
+ padding: 8px;
9875
+ border-radius: 2px;
9876
+ line-height: 14px;
9919
9877
  }
9920
- .tsi-legend .tsi-seriesLabel .tsi-splitByContainer .tsi-splitByLabel.hidden {
9921
- height: 0px;
9922
- display: none;
9923
- padding: 0;
9878
+ .tsi-dateTimePicker .tsi-dateTimeGroup .tsi-dateTimeSelectionPanel .tsi-saveButtonContainer .tsi-saveButton.tsi-buttonDisabled,
9879
+ .tsi-dateTimePicker .tsi-dateTimeGroup .tsi-dateTimeSelectionPanel .tsi-saveButtonContainer .tsi-cancelButton.tsi-buttonDisabled {
9880
+ background-color: grey !important;
9924
9881
  }
9925
- .tsi-legend .tsi-seriesLabel .tsi-seriesNameLabel .tsi-colorKey,
9926
- .tsi-legend .tsi-seriesLabel .tsi-splitByContainer .tsi-splitByLabel .tsi-colorKey {
9927
- flex-shrink: 0;
9928
- width: 12px;
9929
- height: 12px;
9930
- margin-top: 8px;
9931
- margin-right: 8px;
9932
- border-radius: 6px;
9933
- position: relative;
9934
- top: -2px;
9935
- forced-color-adjust: none;
9882
+ .tsi-dateTimePicker .tsi-dateTimeGroup .tsi-dateTimeSelectionPanel .tsi-saveButtonContainer .tsi-saveButton {
9883
+ background-color: #309d90;
9884
+ color: white;
9936
9885
  }
9937
- .tsi-legend .tsi-seriesLabel .tsi-seriesNameLabel .tsi-colorKey.tsi-eventsColorKey, .tsi-legend .tsi-seriesLabel .tsi-seriesNameLabel .tsi-colorKey.tsi-categoricalColorKey,
9938
- .tsi-legend .tsi-seriesLabel .tsi-splitByContainer .tsi-splitByLabel .tsi-colorKey.tsi-eventsColorKey,
9939
- .tsi-legend .tsi-seriesLabel .tsi-splitByContainer .tsi-splitByLabel .tsi-colorKey.tsi-categoricalColorKey {
9940
- height: 16px;
9941
- width: 16px;
9942
- margin-top: unset;
9886
+ .tsi-dateTimePicker .tsi-errorMessageContainer {
9887
+ background-color: #b36200;
9888
+ color: white;
9943
9889
  }
9944
- .tsi-legend .tsi-seriesLabel .tsi-seriesTypeLabel {
9945
- margin: 0;
9946
- cursor: pointer;
9947
- font-weight: normal;
9948
- padding-left: 8px;
9890
+ @media screen and (-ms-high-contrast: active) {
9891
+ .tsi-dateTimePicker .tsi-errorMessageContainer {
9892
+ -ms-high-contrast-adjust: none;
9893
+ background-color: #b36200;
9894
+ }
9949
9895
  }
9950
- .tsi-legend .tsi-seriesLabel .tsi-seriesTypeLabel.disabled {
9951
- display: none;
9896
+ .tsi-dateTimePicker .tsi-errorMessageContainer .tsi-errorMessage {
9897
+ padding: 8px;
9952
9898
  }
9953
9899
  div[class^=tsi-] {
9954
9900
  box-sizing: border-box;
@@ -10214,326 +10160,380 @@ select::-ms-expand {
10214
10160
  font-weight: 300;
10215
10161
  }
10216
10162
 
10217
- .tsi-timeRequired {
10218
- color: #a80000;
10219
- }
10220
-
10221
- .tsi-dateTimePicker {
10222
- animation: tsi-slideIn 0.367s cubic-bezier(0.1, 0.9, 0.2, 1) forwards;
10223
- box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16);
10224
- align-items: stretch;
10225
- width: 616px;
10163
+ .tsi-legend {
10164
+ overflow-y: auto;
10165
+ overflow-x: hidden;
10166
+ height: calc(100% - 16px);
10167
+ padding-left: 8px;
10226
10168
  }
10227
- .tsi-dateTimePicker.tsi-dark {
10228
- background-color: #0d0f0e;
10169
+ .tsi-legend.tsi-dark {
10229
10170
  color: #fff;
10171
+ fill: #fff;
10230
10172
  }
10231
- .tsi-dateTimePicker.tsi-dark .tsi-dateTimeGroup .tsi-dateTimeSelectionPanel {
10232
- border-left: 1px solid #31373e;
10173
+ .tsi-legend.tsi-dark path {
10174
+ stroke: #fff;
10233
10175
  }
10234
- .tsi-dateTimePicker.tsi-dark .tsi-dateTimeGroup .tsi-dateTimeSelectionPanel .tsi-dateTimeInput {
10235
- background-color: #0d0f0e;
10236
- color: #fff;
10237
- border: 1px solid rgba(255, 255, 255, 0.3);
10238
- }
10239
- .tsi-dateTimePicker.tsi-dark .tsi-dateTimeGroup .tsi-quickTimesPanel .tsi-quickTime {
10240
- color: #fff;
10241
- background-color: #0d0f0e;
10242
- }
10243
- .tsi-dateTimePicker.tsi-dark .tsi-dateTimeGroup .tsi-quickTimesPanel .tsi-quickTime.tsi-isSelected {
10244
- background-color: rgba(98, 102, 108, 0.6) !important;
10245
- color: #fff;
10176
+ .tsi-legend.tsi-dark:not(.compact) {
10177
+ border-right: 1px solid #1e2223;
10246
10178
  }
10247
- .tsi-dateTimePicker.tsi-dark .tsi-dateTimeGroup .tsi-quickTimesPanel .tsi-quickTime:hover {
10248
- background-color: #1e2223;
10179
+ .tsi-legend.tsi-dark .tsi-seriesLabel .tsi-splitByContainer .tsi-legendShowMore {
10180
+ color: #60aaff;
10181
+ opacity: 1;
10249
10182
  }
10250
- .tsi-dateTimePicker.tsi-dark .tsi-select,
10251
- .tsi-dateTimePicker.tsi-dark .tsi-select option {
10183
+ .tsi-legend.tsi-dark .tsi-seriesLabel .tsi-seriesNameLabel,
10184
+ .tsi-legend.tsi-dark .tsi-seriesLabel .tsi-splitByContainer .tsi-splitByLabel {
10185
+ fill: #fff;
10252
10186
  color: #fff;
10253
- background-color: #0d0f0e;
10254
10187
  }
10255
- .tsi-dateTimePicker.tsi-dark .pika-table th {
10188
+ .tsi-legend.tsi-dark .tsi-seriesLabel .tsi-seriesNameLabel select,
10189
+ .tsi-legend.tsi-dark .tsi-seriesLabel .tsi-splitByContainer .tsi-splitByLabel select {
10256
10190
  color: #fff;
10257
10191
  opacity: 0.6;
10192
+ background-color: transparent;
10193
+ border: 1px solid transparent;
10258
10194
  }
10259
- .tsi-dateTimePicker.tsi-dark .pika-single {
10260
- color: #fff;
10261
- background-color: #0d0f0e;
10262
- }
10263
- .tsi-dateTimePicker.tsi-dark .pika-single .pika-select,
10264
- .tsi-dateTimePicker.tsi-dark .pika-single .pika-select option,
10265
- .tsi-dateTimePicker.tsi-dark .pika-single .pika-label,
10266
- .tsi-dateTimePicker.tsi-dark .pika-single .pika-day,
10267
- .tsi-dateTimePicker.tsi-dark .pika-single .pika-prev,
10268
- .tsi-dateTimePicker.tsi-dark .pika-single .pika-next {
10269
- color: #fff;
10270
- background-color: #0d0f0e;
10271
- }
10272
- .tsi-dateTimePicker.tsi-dark .pika-single .pika-select:focus,
10273
- .tsi-dateTimePicker.tsi-dark .pika-single .pika-select option:focus,
10274
- .tsi-dateTimePicker.tsi-dark .pika-single .pika-label:focus,
10275
- .tsi-dateTimePicker.tsi-dark .pika-single .pika-day:focus,
10276
- .tsi-dateTimePicker.tsi-dark .pika-single .pika-prev:focus,
10277
- .tsi-dateTimePicker.tsi-dark .pika-single .pika-next:focus {
10278
- border: 1px solid #60aaff;
10279
- }
10280
- .tsi-dateTimePicker.tsi-dark .pika-single .pika-prev,
10281
- .tsi-dateTimePicker.tsi-dark .pika-single .pika-next {
10282
- color: #60aaff;
10283
- background-color: white;
10195
+ .tsi-legend.tsi-dark .tsi-seriesLabel .tsi-seriesNameLabel select option,
10196
+ .tsi-legend.tsi-dark .tsi-seriesLabel .tsi-splitByContainer .tsi-splitByLabel select option {
10197
+ background: #0d0f0e;
10284
10198
  }
10285
- .tsi-dateTimePicker.tsi-dark .tsi-timeControlsContainer .tsi-startContainer .tsi-timeLabel .tsi-snapToEndRangeButton,
10286
- .tsi-dateTimePicker.tsi-dark .tsi-timeControlsContainer .tsi-endContainer .tsi-timeLabel .tsi-snapToEndRangeButton,
10287
- .tsi-dateTimePicker.tsi-dark .tsi-timeControlsContainer .tsi-timezoneContainer .tsi-timeLabel .tsi-snapToEndRangeButton {
10199
+ .tsi-legend.tsi-dark .tsi-seriesLabel .tsi-seriesNameLabel:hover, .tsi-legend.tsi-dark .tsi-seriesLabel .tsi-seriesNameLabel.inFocus,
10200
+ .tsi-legend.tsi-dark .tsi-seriesLabel .tsi-splitByContainer .tsi-splitByLabel:hover,
10201
+ .tsi-legend.tsi-dark .tsi-seriesLabel .tsi-splitByContainer .tsi-splitByLabel.inFocus {
10288
10202
  color: #60aaff;
10289
10203
  }
10290
- .tsi-dateTimePicker.tsi-dark .pika-single .is-inrange .pika-day {
10291
- background-color: rgba(48, 157, 144, 0.4) !important;
10292
- }
10293
- .tsi-dateTimePicker.tsi-dark .pika-single .is-selected .pika-day {
10294
- box-shadow: unset;
10204
+ .tsi-legend.tsi-dark .tsi-seriesLabel .tsi-seriesNameLabel.stickied,
10205
+ .tsi-legend.tsi-dark .tsi-seriesLabel .tsi-splitByContainer .tsi-splitByLabel.stickied {
10206
+ background-color: rgba(98, 102, 108, 0.4);
10295
10207
  }
10296
- .tsi-dateTimePicker.tsi-light {
10297
- background-color: #ffffff;
10298
- color: #000;
10208
+ .tsi-legend.tsi-dark .tsi-seriesLabel .tsi-seriesNameLabel {
10209
+ border: none;
10210
+ background-color: transparent;
10299
10211
  }
10300
- .tsi-dateTimePicker.tsi-light .tsi-dateTimeGroup .tsi-dateTimeSelectionPanel {
10301
- border-left: 1px solid #dcdcdc;
10212
+ .tsi-legend.tsi-dark .tsi-seriesLabel .tsi-seriesNameLabel.shown {
10213
+ background-color: #0d0f0e;
10302
10214
  }
10303
- .tsi-dateTimePicker.tsi-light .tsi-dateTimeGroup .tsi-dateTimeSelectionPanel .tsi-dateTimeInput {
10304
- background-color: #ffffff;
10215
+ .tsi-legend.tsi-light {
10305
10216
  color: #000;
10306
- border: 1px solid rgba(0, 0, 0, 0.3);
10217
+ fill: #000;
10307
10218
  }
10308
- .tsi-dateTimePicker.tsi-light .tsi-dateTimeGroup .tsi-quickTimesPanel .tsi-quickTime {
10309
- color: #000;
10310
- background-color: #ffffff;
10219
+ .tsi-legend.tsi-light path {
10220
+ stroke: #000;
10311
10221
  }
10312
- .tsi-dateTimePicker.tsi-light .tsi-dateTimeGroup .tsi-quickTimesPanel .tsi-quickTime.tsi-isSelected {
10313
- background-color: rgba(179, 214, 242, 0.6) !important;
10314
- color: #000;
10222
+ .tsi-legend.tsi-light:not(.compact) {
10223
+ border-right: 1px solid #f2f2f2;
10315
10224
  }
10316
- .tsi-dateTimePicker.tsi-light .tsi-dateTimeGroup .tsi-quickTimesPanel .tsi-quickTime:hover {
10317
- background-color: #f2f2f2;
10225
+ .tsi-legend.tsi-light .tsi-seriesLabel .tsi-splitByContainer .tsi-legendShowMore {
10226
+ color: #136bfb;
10227
+ opacity: 1;
10318
10228
  }
10319
- .tsi-dateTimePicker.tsi-light .tsi-select,
10320
- .tsi-dateTimePicker.tsi-light .tsi-select option {
10229
+ .tsi-legend.tsi-light .tsi-seriesLabel .tsi-seriesNameLabel,
10230
+ .tsi-legend.tsi-light .tsi-seriesLabel .tsi-splitByContainer .tsi-splitByLabel {
10231
+ fill: #000;
10321
10232
  color: #000;
10322
- background-color: #ffffff;
10323
10233
  }
10324
- .tsi-dateTimePicker.tsi-light .pika-table th {
10234
+ .tsi-legend.tsi-light .tsi-seriesLabel .tsi-seriesNameLabel select,
10235
+ .tsi-legend.tsi-light .tsi-seriesLabel .tsi-splitByContainer .tsi-splitByLabel select {
10325
10236
  color: #000;
10326
10237
  opacity: 0.6;
10238
+ background-color: transparent;
10239
+ border: 1px solid transparent;
10327
10240
  }
10328
- .tsi-dateTimePicker.tsi-light .pika-single {
10329
- color: #000;
10330
- background-color: #ffffff;
10241
+ .tsi-legend.tsi-light .tsi-seriesLabel .tsi-seriesNameLabel select option,
10242
+ .tsi-legend.tsi-light .tsi-seriesLabel .tsi-splitByContainer .tsi-splitByLabel select option {
10243
+ background: #ffffff;
10331
10244
  }
10332
- .tsi-dateTimePicker.tsi-light .pika-single .pika-select,
10333
- .tsi-dateTimePicker.tsi-light .pika-single .pika-select option,
10334
- .tsi-dateTimePicker.tsi-light .pika-single .pika-label,
10335
- .tsi-dateTimePicker.tsi-light .pika-single .pika-day,
10336
- .tsi-dateTimePicker.tsi-light .pika-single .pika-prev,
10337
- .tsi-dateTimePicker.tsi-light .pika-single .pika-next {
10338
- color: #000;
10339
- background-color: #ffffff;
10245
+ .tsi-legend.tsi-light .tsi-seriesLabel .tsi-seriesNameLabel:hover, .tsi-legend.tsi-light .tsi-seriesLabel .tsi-seriesNameLabel.inFocus,
10246
+ .tsi-legend.tsi-light .tsi-seriesLabel .tsi-splitByContainer .tsi-splitByLabel:hover,
10247
+ .tsi-legend.tsi-light .tsi-seriesLabel .tsi-splitByContainer .tsi-splitByLabel.inFocus {
10248
+ color: #136bfb;
10340
10249
  }
10341
- .tsi-dateTimePicker.tsi-light .pika-single .pika-select:focus,
10342
- .tsi-dateTimePicker.tsi-light .pika-single .pika-select option:focus,
10343
- .tsi-dateTimePicker.tsi-light .pika-single .pika-label:focus,
10344
- .tsi-dateTimePicker.tsi-light .pika-single .pika-day:focus,
10345
- .tsi-dateTimePicker.tsi-light .pika-single .pika-prev:focus,
10346
- .tsi-dateTimePicker.tsi-light .pika-single .pika-next:focus {
10347
- border: 1px solid #136bfb;
10250
+ .tsi-legend.tsi-light .tsi-seriesLabel .tsi-seriesNameLabel.stickied,
10251
+ .tsi-legend.tsi-light .tsi-seriesLabel .tsi-splitByContainer .tsi-splitByLabel.stickied {
10252
+ background-color: rgba(179, 214, 242, 0.4);
10348
10253
  }
10349
- .tsi-dateTimePicker.tsi-light .pika-single .pika-prev,
10350
- .tsi-dateTimePicker.tsi-light .pika-single .pika-next {
10351
- color: #136bfb;
10352
- background-color: white;
10254
+ .tsi-legend.tsi-light .tsi-seriesLabel .tsi-seriesNameLabel {
10255
+ border: none;
10256
+ background-color: transparent;
10353
10257
  }
10354
- .tsi-dateTimePicker.tsi-light .tsi-timeControlsContainer .tsi-startContainer .tsi-timeLabel .tsi-snapToEndRangeButton,
10355
- .tsi-dateTimePicker.tsi-light .tsi-timeControlsContainer .tsi-endContainer .tsi-timeLabel .tsi-snapToEndRangeButton,
10356
- .tsi-dateTimePicker.tsi-light .tsi-timeControlsContainer .tsi-timezoneContainer .tsi-timeLabel .tsi-snapToEndRangeButton {
10357
- color: #136bfb;
10258
+ .tsi-legend.tsi-light .tsi-seriesLabel .tsi-seriesNameLabel.shown {
10259
+ background-color: #ffffff;
10358
10260
  }
10359
- .tsi-dateTimePicker .tsi-dateTimeGroup {
10360
- display: inline-flex;
10261
+ .tsi-legend.hidden {
10262
+ display: none;
10361
10263
  }
10362
- .tsi-dateTimePicker .tsi-dateTimeGroup .tsi-quickTimesPanel {
10264
+ .tsi-legend:not(.hidden) {
10265
+ display: block;
10266
+ }
10267
+ .tsi-legend.compact {
10268
+ margin-left: 20px;
10269
+ margin-right: 20px;
10270
+ top: 8px;
10271
+ height: 48px !important;
10272
+ width: calc(100% - 40px) !important;
10273
+ position: absolute;
10363
10274
  display: flex;
10364
- flex-direction: column;
10365
- width: 152px;
10366
- float: left;
10367
- height: auto;
10275
+ justify-content: center;
10276
+ border-right: none;
10277
+ padding: 0;
10278
+ padding-left: 0px;
10368
10279
  }
10369
- .tsi-dateTimePicker .tsi-dateTimeGroup .tsi-quickTimesPanel .tsi-quickTime {
10370
- text-align: left;
10371
- border: none;
10372
- height: 10%;
10373
- padding-left: 20px;
10374
- width: 100%;
10375
- cursor: pointer;
10280
+ .tsi-legend.compact .tsi-seriesLabel {
10281
+ overflow-y: hidden;
10282
+ overflow-x: hidden;
10376
10283
  }
10377
- .tsi-dateTimePicker .tsi-dateTimeGroup .tsi-dateTimeSelectionPanel {
10378
- float: right;
10379
- width: 460px;
10380
- padding-left: 8px;
10284
+ .tsi-legend.compact .tsi-seriesLabel:hover {
10285
+ overflow-x: auto;
10381
10286
  }
10382
- .tsi-dateTimePicker .tsi-dateTimeGroup .tsi-dateTimeSelectionPanel .pika-single {
10383
- border: none;
10384
- height: 250px;
10287
+ .tsi-legend.compact .tsi-seriesLabel {
10288
+ white-space: nowrap;
10289
+ flex-basis: auto;
10290
+ flex-shrink: 1;
10385
10291
  }
10386
- .tsi-dateTimePicker .tsi-dateTimeGroup .tsi-dateTimeSelectionPanel .pika-single .is-selected .pika-day {
10387
- box-shadow: unset;
10292
+ .tsi-legend.compact .tsi-seriesLabel {
10293
+ border: none;
10294
+ padding: 0;
10295
+ text-align: center;
10296
+ margin: 4px;
10388
10297
  }
10389
- .tsi-dateTimePicker .tsi-dateTimeGroup .tsi-dateTimeSelectionPanel .tsi-calendarPicker {
10390
- width: 100%;
10391
- margin-top: 8px;
10298
+ .tsi-legend.compact .tsi-seriesLabel:not(.shown) {
10299
+ border: none;
10392
10300
  }
10393
- .tsi-dateTimePicker .tsi-dateTimeGroup .tsi-dateTimeSelectionPanel .tsi-select {
10394
- top: 4px;
10395
- margin: 0px;
10396
- padding-right: 28px;
10397
- width: 100px;
10398
- background: url("data:image/svg+xml,%0D%3Csvg xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22 xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22 viewBox%3D%220 0 13 7%22%3E%0D %3Cdefs%3E%0D %3Cstyle%3E%0D .cls-1 %7B%0D clip-path%3A url(%23clip-Chevron_light_theme_1)%3B%0D %7D%0D%0D .cls-2%2C .cls-3 %7B%0D fill%3A none%3B%0D stroke-linecap%3A square%3B%0D stroke-miterlimit%3A 1%3B%0D %7D%0D%0D .cls-2 %7B%0D stroke%3A rgba(0%2C0%2C0%2C0.1)%3B%0D %7D%0D%0D .cls-3 %7B%0D stroke%3A %23666%3B%0D %7D%0D%0D .cls-4 %7B%0D fill%3A %23fff%3B%0D %7D%0D %3C%2Fstyle%3E%0D %3CclipPath id%3D%22clip-Chevron_light_theme_1%22%3E%0D %3Crect width%3D%2213%22 height%3D%227%22%2F%3E%0D %3C%2FclipPath%3E%0D %3C%2Fdefs%3E%0D %3Cg id%3D%22Chevron_light_theme_1%22 data-name%3D%22Chevron light theme %E2%80%93 1%22 class%3D%22cls-1%22%3E%0D %3Cg id%3D%22Group_22369%22 data-name%3D%22Group 22369%22 transform%3D%22translate(-199.6 -646.273)%22%3E%0D %3Cpath id%3D%22Path_44737%22 data-name%3D%22Path 44737%22 class%3D%22cls-2%22 d%3D%22M8.5%2C33.8l-5%2C5%2C5%2C5%22 transform%3D%22translate(167.8 655.8) rotate(-90)%22%2F%3E%0D %3Cpath id%3D%22Path_44738%22 data-name%3D%22Path 44738%22 class%3D%22cls-3%22 d%3D%22M8.5%2C32.8l-5%2C5%2C5%2C5%22 transform%3D%22translate(167.8 655.8) rotate(-90)%22%2F%3E%0D %3C%2Fg%3E%0D %3C%2Fg%3E%0D%3C%2Fsvg%3E%0D") 16px/16px no-repeat;
10399
- background-position-y: 12px;
10400
- background-position-x: calc(100% - 4px);
10301
+ .tsi-legend.compact .tsi-seriesLabel .tsi-seriesNameLabel {
10302
+ display: none;
10401
10303
  }
10402
- .tsi-dateTimePicker .tsi-dateTimeGroup .tsi-dateTimeSelectionPanel .tsi-select option {
10403
- padding: 6px;
10304
+ .tsi-legend.compact .tsi-seriesLabel select {
10305
+ display: none;
10404
10306
  }
10405
- .tsi-dateTimePicker .tsi-dateTimeGroup .tsi-dateTimeSelectionPanel .tsi-timeControlsContainer {
10406
- align-items: stretch;
10407
- width: calc(100% - 28px);
10408
- margin-left: 12px;
10409
- margin-right: 12px;
10307
+ .tsi-legend.compact .tsi-seriesLabel .tsi-splitByContainer {
10308
+ max-height: 140px;
10309
+ display: inline-block;
10410
10310
  }
10411
- .tsi-dateTimePicker .tsi-dateTimeGroup .tsi-dateTimeSelectionPanel .tsi-timeControlsContainer .tsi-timeInputContainer {
10412
- display: inline-flex;
10413
- width: 100%;
10311
+ .tsi-legend.compact .tsi-seriesLabel .tsi-splitByContainer .tsi-splitByLabel {
10312
+ display: inline-block;
10313
+ margin: 0 4px;
10314
+ padding: 0 4px 1px 4px;
10315
+ height: 20px;
10316
+ margin-top: 1px;
10317
+ overflow: hidden;
10414
10318
  }
10415
- .tsi-dateTimePicker .tsi-dateTimeGroup .tsi-dateTimeSelectionPanel .tsi-timeControlsContainer .tsi-timeInputContainer .tsi-startContainer {
10416
- padding-right: 10px;
10319
+ .tsi-legend.compact .tsi-seriesLabel .tsi-splitByContainer .tsi-splitByLabel .tsi-eyeIcon {
10320
+ display: none;
10417
10321
  }
10418
- .tsi-dateTimePicker .tsi-dateTimeGroup .tsi-dateTimeSelectionPanel .tsi-timeControlsContainer .tsi-timeInputContainer .tsi-endContainer {
10419
- padding-left: 6px;
10322
+ .tsi-legend.compact .tsi-seriesLabel .tsi-splitByContainer .tsi-splitByLabel .tsi-colorKey {
10323
+ display: block;
10324
+ position: absolute;
10325
+ height: 10px;
10326
+ width: 10px;
10327
+ top: -3px;
10328
+ forced-color-adjust: none;
10420
10329
  }
10421
- .tsi-dateTimePicker .tsi-dateTimeGroup .tsi-dateTimeSelectionPanel .tsi-timeControlsContainer .tsi-timeInputContainer .tsi-startContainer,
10422
- .tsi-dateTimePicker .tsi-dateTimeGroup .tsi-dateTimeSelectionPanel .tsi-timeControlsContainer .tsi-timeInputContainer .tsi-endContainer {
10423
- padding-top: 12px;
10424
- width: 50%;
10425
- position: relative;
10426
- }
10427
- .tsi-dateTimePicker .tsi-dateTimeGroup .tsi-dateTimeSelectionPanel .tsi-timeControlsContainer .tsi-timeInputContainer .tsi-startContainer .tsi-dateTimeInput,
10428
- .tsi-dateTimePicker .tsi-dateTimeGroup .tsi-dateTimeSelectionPanel .tsi-timeControlsContainer .tsi-timeInputContainer .tsi-endContainer .tsi-dateTimeInput {
10330
+ .tsi-legend.compact .tsi-seriesLabel .tsi-splitByContainer .tsi-splitByLabel .tsi-colorKey.tsi-eventsColorKey, .tsi-legend.compact .tsi-seriesLabel .tsi-splitByContainer .tsi-splitByLabel .tsi-colorKey.tsi-categoricalColorKey {
10331
+ height: 12px;
10332
+ width: 12px;
10333
+ top: unset;
10429
10334
  margin-top: 4px;
10430
- width: 100%;
10431
- padding: 0px 8px 0px 8px;
10432
- height: 30px;
10433
- box-sizing: border-box;
10335
+ margin-left: 0px;
10434
10336
  }
10435
- .tsi-dateTimePicker .tsi-dateTimeGroup .tsi-dateTimeSelectionPanel .tsi-timeControlsContainer .tsi-timeInputContainer .tsi-startContainer .tsi-startTimeInputContainer,
10436
- .tsi-dateTimePicker .tsi-dateTimeGroup .tsi-dateTimeSelectionPanel .tsi-timeControlsContainer .tsi-timeInputContainer .tsi-startContainer .tsi-endTimeInputContainer,
10437
- .tsi-dateTimePicker .tsi-dateTimeGroup .tsi-dateTimeSelectionPanel .tsi-timeControlsContainer .tsi-timeInputContainer .tsi-endContainer .tsi-startTimeInputContainer,
10438
- .tsi-dateTimePicker .tsi-dateTimeGroup .tsi-dateTimeSelectionPanel .tsi-timeControlsContainer .tsi-timeInputContainer .tsi-endContainer .tsi-endTimeInputContainer {
10337
+ .tsi-legend.compact .tsi-seriesLabel .tsi-splitByContainer .tsi-splitByLabel .tsi-seriesName {
10338
+ max-width: 100px;
10339
+ margin-left: 16px;
10340
+ margin-right: 0px;
10341
+ text-align: left;
10342
+ width: initial;
10343
+ font-size: 12px;
10344
+ }
10345
+ .tsi-legend:not(.compact).tsi-flexLegend {
10439
10346
  display: flex;
10347
+ flex-direction: column;
10440
10348
  }
10441
- .tsi-dateTimePicker .tsi-dateTimeGroup .tsi-dateTimeSelectionPanel .tsi-timeControlsContainer .tsi-timeInputContainer .tsi-startContainer .tsi-startTimeInputContainer .tsi-hoursInput,
10442
- .tsi-dateTimePicker .tsi-dateTimeGroup .tsi-dateTimeSelectionPanel .tsi-timeControlsContainer .tsi-timeInputContainer .tsi-startContainer .tsi-startTimeInputContainer .tsi-minutesInput,
10443
- .tsi-dateTimePicker .tsi-dateTimeGroup .tsi-dateTimeSelectionPanel .tsi-timeControlsContainer .tsi-timeInputContainer .tsi-startContainer .tsi-startTimeInputContainer .tsi-AMPMInput,
10444
- .tsi-dateTimePicker .tsi-dateTimeGroup .tsi-dateTimeSelectionPanel .tsi-timeControlsContainer .tsi-timeInputContainer .tsi-startContainer .tsi-endTimeInputContainer .tsi-hoursInput,
10445
- .tsi-dateTimePicker .tsi-dateTimeGroup .tsi-dateTimeSelectionPanel .tsi-timeControlsContainer .tsi-timeInputContainer .tsi-startContainer .tsi-endTimeInputContainer .tsi-minutesInput,
10446
- .tsi-dateTimePicker .tsi-dateTimeGroup .tsi-dateTimeSelectionPanel .tsi-timeControlsContainer .tsi-timeInputContainer .tsi-startContainer .tsi-endTimeInputContainer .tsi-AMPMInput,
10447
- .tsi-dateTimePicker .tsi-dateTimeGroup .tsi-dateTimeSelectionPanel .tsi-timeControlsContainer .tsi-timeInputContainer .tsi-endContainer .tsi-startTimeInputContainer .tsi-hoursInput,
10448
- .tsi-dateTimePicker .tsi-dateTimeGroup .tsi-dateTimeSelectionPanel .tsi-timeControlsContainer .tsi-timeInputContainer .tsi-endContainer .tsi-startTimeInputContainer .tsi-minutesInput,
10449
- .tsi-dateTimePicker .tsi-dateTimeGroup .tsi-dateTimeSelectionPanel .tsi-timeControlsContainer .tsi-timeInputContainer .tsi-endContainer .tsi-startTimeInputContainer .tsi-AMPMInput,
10450
- .tsi-dateTimePicker .tsi-dateTimeGroup .tsi-dateTimeSelectionPanel .tsi-timeControlsContainer .tsi-timeInputContainer .tsi-endContainer .tsi-endTimeInputContainer .tsi-hoursInput,
10451
- .tsi-dateTimePicker .tsi-dateTimeGroup .tsi-dateTimeSelectionPanel .tsi-timeControlsContainer .tsi-timeInputContainer .tsi-endContainer .tsi-endTimeInputContainer .tsi-minutesInput,
10452
- .tsi-dateTimePicker .tsi-dateTimeGroup .tsi-dateTimeSelectionPanel .tsi-timeControlsContainer .tsi-timeInputContainer .tsi-endContainer .tsi-endTimeInputContainer .tsi-AMPMInput {
10349
+ .tsi-legend:not(.compact) {
10350
+ height: 100%;
10351
+ }
10352
+ .tsi-legend:not(.compact) .tsi-seriesLabel .tsi-splitByContainer .tsi-legendShowMore {
10353
+ background: none;
10354
+ border: none;
10355
+ visibility: visible;
10356
+ margin: 8px auto;
10357
+ cursor: pointer;
10358
+ }
10359
+ .tsi-legend:not(.compact) .tsi-seriesLabel .tsi-splitByContainer .tsi-legendShowMore:hover {
10360
+ text-decoration: underline;
10361
+ }
10362
+ .tsi-legend:not(.compact) .tsi-seriesLabel .tsi-splitByContainer {
10363
+ overflow-y: auto;
10364
+ visibility: hidden;
10365
+ min-height: 42px;
10366
+ height: calc(100% - 25px);
10367
+ }
10368
+ .tsi-legend:not(.compact) .tsi-seriesLabel .tsi-splitByContainer .tsi-splitByLabel, .tsi-legend:not(.compact) .tsi-seriesLabel .tsi-splitByContainer:hover, .tsi-legend:not(.compact) .tsi-seriesLabel .tsi-splitByContainer:focus {
10369
+ visibility: visible;
10370
+ }
10371
+ .tsi-legend:not(.compact) .tsi-seriesLabel .tsi-seriesNameLabel .tsi-eyeIcon,
10372
+ .tsi-legend:not(.compact) .tsi-seriesLabel .tsi-splitByContainer .tsi-splitByLabel .tsi-eyeIcon {
10373
+ display: block;
10374
+ background-size: 17px 11px;
10375
+ background-repeat: no-repeat;
10376
+ background-position: center;
10377
+ position: absolute;
10378
+ height: 100%;
10379
+ width: 17px;
10380
+ right: 17px;
10381
+ }
10382
+ .tsi-legend:not(.compact) .tsi-seriesLabel .tsi-eyeIcon {
10383
+ display: inherit;
10384
+ cursor: pointer;
10385
+ border: none;
10386
+ background-color: transparent;
10387
+ }
10388
+ .tsi-legend:not(.compact).tsi-light .tsi-seriesLabel .tsi-seriesNameLabel .tsi-eyeIcon,
10389
+ .tsi-legend:not(.compact).tsi-light .tsi-seriesLabel .tsi-splitByContainer .tsi-splitByLabel .tsi-eyeIcon {
10390
+ background-image: url("data:image/svg+xml,%0D%3Csvg width%3D%2217%22 height%3D%2211%22 viewBox%3D%220 0 17 11%22 fill%3D%22none%22 xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0D%3Cpath d%3D%22M8.02 0C8.77 0 9.5 0.0899988 10.24 0.279999C10.97 0.469999 11.67 0.740006 12.32 1.10001C12.97 1.46001 13.56 1.90001 14.09 2.43001C14.62 2.96001 15.05 3.57 15.38 4.25C15.59 4.68 15.75 5.13001 15.86 5.59001C15.97 6.05001 16.02 6.52 16.02 7H15.02C15.02 6.39 14.93 5.81 14.74 5.27C14.55 4.73 14.29 4.24 13.96 3.8C13.63 3.36 13.24 2.96 12.79 2.61C12.34 2.26 11.86 1.97001 11.34 1.73001C10.82 1.49001 10.28 1.31001 9.71 1.18001C9.14 1.05001 8.58 0.990005 8.01 0.990005C7.44 0.990005 6.88 1.05001 6.31 1.18001C5.74 1.31001 5.2 1.49001 4.68 1.73001C4.16 1.97001 3.68 2.26 3.23 2.61C2.78 2.96 2.39 3.36 2.06 3.8C1.73 4.24 1.47 4.73 1.28 5.27C1.09 5.81 1 6.38 1 7H0C0 6.52 0.0500001 6.05001 0.16 5.59001C0.27 5.13001 0.43 4.68 0.64 4.25C0.97 3.56 1.4 2.95001 1.93 2.43001C2.46 1.90001 3.05 1.46001 3.7 1.10001C4.35 0.740006 5.04 0.469999 5.78 0.279999C6.53 0.0999988 7.27 0 8.02 0ZM8.02 4.14C8.43 4.14 8.82 4.22001 9.18 4.37001C9.54 4.52001 9.86 4.74001 10.14 5.01001C10.42 5.28001 10.63 5.6 10.78 5.97C10.94 6.33 11.01 6.72 11.01 7.13C11.01 7.55 10.93 7.94 10.78 8.3C10.62 8.66 10.41 8.98 10.14 9.25C9.87 9.52 9.55 9.74 9.18 9.89C8.81 10.04 8.43 10.12 8.02 10.12C7.6 10.12 7.21 10.04 6.85 9.89C6.49 9.74 6.17 9.52 5.9 9.25C5.63 8.98 5.41 8.66 5.26 8.3C5.1 7.94 5.03 7.55 5.03 7.13C5.03 6.72 5.11 6.33 5.26 5.97C5.42 5.61 5.63 5.29001 5.9 5.01001C6.17 4.73001 6.49 4.52001 6.85 4.37001C7.21 4.22001 7.6 4.14 8.02 4.14ZM8.02 9.14C8.3 9.14 8.56 9.09001 8.8 8.98001C9.04 8.88001 9.25 8.73 9.44 8.55C9.62 8.37 9.77 8.16 9.87 7.91C9.97 7.66 10.03 7.41 10.03 7.13C10.03 6.85 9.98 6.59001 9.87 6.35001C9.76 6.11001 9.62 5.90001 9.44 5.71001C9.26 5.53001 9.05 5.38 8.8 5.28C8.56 5.18 8.3 5.12001 8.02 5.12001C7.74 5.12001 7.48 5.17 7.24 5.28C7 5.38 6.79 5.53001 6.6 5.71001C6.42 5.89001 6.27 6.10001 6.17 6.35001C6.07 6.60001 6.01 6.85 6.01 7.13C6.01 7.41 6.06 7.67 6.17 7.91C6.28 8.15 6.42 8.36 6.6 8.55C6.78 8.73 6.99 8.88001 7.24 8.98001C7.48 9.09001 7.74 9.14 8.02 9.14Z%22 fill%3D%22%23212121%22%2F%3E%0D%3C%2Fsvg%3E");
10391
+ }
10392
+ @media screen and (-ms-high-contrast: white-on-black) {
10393
+ .tsi-legend:not(.compact).tsi-light .tsi-seriesLabel .tsi-seriesNameLabel .tsi-eyeIcon,
10394
+ .tsi-legend:not(.compact).tsi-light .tsi-seriesLabel .tsi-splitByContainer .tsi-splitByLabel .tsi-eyeIcon {
10395
+ background-image: url("data:image/svg+xml,%0D%3Csvg width%3D%2217%22 height%3D%2211%22 viewBox%3D%220 0 17 11%22 fill%3D%22none%22 xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0D%3Cpath d%3D%22M8.02 0C8.77 0 9.5 0.0899988 10.24 0.279999C10.97 0.469999 11.67 0.740006 12.32 1.10001C12.97 1.46001 13.56 1.90001 14.09 2.43001C14.62 2.96001 15.05 3.57 15.38 4.25C15.59 4.68 15.75 5.13001 15.86 5.59001C15.97 6.05001 16.02 6.52 16.02 7H15.02C15.02 6.39 14.93 5.81 14.74 5.27C14.55 4.73 14.29 4.24 13.96 3.8C13.63 3.36 13.24 2.96 12.79 2.61C12.34 2.26 11.86 1.97001 11.34 1.73001C10.82 1.49001 10.28 1.31001 9.71 1.18001C9.14 1.05001 8.58 0.990005 8.01 0.990005C7.44 0.990005 6.88 1.05001 6.31 1.18001C5.74 1.31001 5.2 1.49001 4.68 1.73001C4.16 1.97001 3.68 2.26 3.23 2.61C2.78 2.96 2.39 3.36 2.06 3.8C1.73 4.24 1.47 4.73 1.28 5.27C1.09 5.81 1 6.38 1 7H0C0 6.52 0.0500001 6.05001 0.16 5.59001C0.27 5.13001 0.43 4.68 0.64 4.25C0.97 3.56 1.4 2.95001 1.93 2.43001C2.46 1.90001 3.05 1.46001 3.7 1.10001C4.35 0.740006 5.04 0.469999 5.78 0.279999C6.53 0.0999988 7.27 0 8.02 0ZM8.02 4.14C8.43 4.14 8.82 4.22001 9.18 4.37001C9.54 4.52001 9.86 4.74001 10.14 5.01001C10.42 5.28001 10.63 5.6 10.78 5.97C10.94 6.33 11.01 6.72 11.01 7.13C11.01 7.55 10.93 7.94 10.78 8.3C10.62 8.66 10.41 8.98 10.14 9.25C9.87 9.52 9.55 9.74 9.18 9.89C8.81 10.04 8.43 10.12 8.02 10.12C7.6 10.12 7.21 10.04 6.85 9.89C6.49 9.74 6.17 9.52 5.9 9.25C5.63 8.98 5.41 8.66 5.26 8.3C5.1 7.94 5.03 7.55 5.03 7.13C5.03 6.72 5.11 6.33 5.26 5.97C5.42 5.61 5.63 5.29001 5.9 5.01001C6.17 4.73001 6.49 4.52001 6.85 4.37001C7.21 4.22001 7.6 4.14 8.02 4.14ZM8.02 9.14C8.3 9.14 8.56 9.09001 8.8 8.98001C9.04 8.88001 9.25 8.73 9.44 8.55C9.62 8.37 9.77 8.16 9.87 7.91C9.97 7.66 10.03 7.41 10.03 7.13C10.03 6.85 9.98 6.59001 9.87 6.35001C9.76 6.11001 9.62 5.90001 9.44 5.71001C9.26 5.53001 9.05 5.38 8.8 5.28C8.56 5.18 8.3 5.12001 8.02 5.12001C7.74 5.12001 7.48 5.17 7.24 5.28C7 5.38 6.79 5.53001 6.6 5.71001C6.42 5.89001 6.27 6.10001 6.17 6.35001C6.07 6.60001 6.01 6.85 6.01 7.13C6.01 7.41 6.06 7.67 6.17 7.91C6.28 8.15 6.42 8.36 6.6 8.55C6.78 8.73 6.99 8.88001 7.24 8.98001C7.48 9.09001 7.74 9.14 8.02 9.14Z%22 fill%3D%22%23fff%22%2F%3E%0D%3C%2Fsvg%3E");
10396
+ }
10397
+ }
10398
+ .tsi-legend:not(.compact).tsi-dark .tsi-seriesLabel .tsi-seriesNameLabel .tsi-eyeIcon,
10399
+ .tsi-legend:not(.compact).tsi-dark .tsi-seriesLabel .tsi-splitByContainer .tsi-splitByLabel .tsi-eyeIcon {
10400
+ background-image: url("data:image/svg+xml,%0D%3Csvg width%3D%2217%22 height%3D%2211%22 viewBox%3D%220 0 17 11%22 fill%3D%22none%22 xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0D%3Cpath d%3D%22M8.02 0C8.77 0 9.5 0.0899988 10.24 0.279999C10.97 0.469999 11.67 0.740006 12.32 1.10001C12.97 1.46001 13.56 1.90001 14.09 2.43001C14.62 2.96001 15.05 3.57 15.38 4.25C15.59 4.68 15.75 5.13001 15.86 5.59001C15.97 6.05001 16.02 6.52 16.02 7H15.02C15.02 6.39 14.93 5.81 14.74 5.27C14.55 4.73 14.29 4.24 13.96 3.8C13.63 3.36 13.24 2.96 12.79 2.61C12.34 2.26 11.86 1.97001 11.34 1.73001C10.82 1.49001 10.28 1.31001 9.71 1.18001C9.14 1.05001 8.58 0.990005 8.01 0.990005C7.44 0.990005 6.88 1.05001 6.31 1.18001C5.74 1.31001 5.2 1.49001 4.68 1.73001C4.16 1.97001 3.68 2.26 3.23 2.61C2.78 2.96 2.39 3.36 2.06 3.8C1.73 4.24 1.47 4.73 1.28 5.27C1.09 5.81 1 6.38 1 7H0C0 6.52 0.0500001 6.05001 0.16 5.59001C0.27 5.13001 0.43 4.68 0.64 4.25C0.97 3.56 1.4 2.95001 1.93 2.43001C2.46 1.90001 3.05 1.46001 3.7 1.10001C4.35 0.740006 5.04 0.469999 5.78 0.279999C6.53 0.0999988 7.27 0 8.02 0ZM8.02 4.14C8.43 4.14 8.82 4.22001 9.18 4.37001C9.54 4.52001 9.86 4.74001 10.14 5.01001C10.42 5.28001 10.63 5.6 10.78 5.97C10.94 6.33 11.01 6.72 11.01 7.13C11.01 7.55 10.93 7.94 10.78 8.3C10.62 8.66 10.41 8.98 10.14 9.25C9.87 9.52 9.55 9.74 9.18 9.89C8.81 10.04 8.43 10.12 8.02 10.12C7.6 10.12 7.21 10.04 6.85 9.89C6.49 9.74 6.17 9.52 5.9 9.25C5.63 8.98 5.41 8.66 5.26 8.3C5.1 7.94 5.03 7.55 5.03 7.13C5.03 6.72 5.11 6.33 5.26 5.97C5.42 5.61 5.63 5.29001 5.9 5.01001C6.17 4.73001 6.49 4.52001 6.85 4.37001C7.21 4.22001 7.6 4.14 8.02 4.14ZM8.02 9.14C8.3 9.14 8.56 9.09001 8.8 8.98001C9.04 8.88001 9.25 8.73 9.44 8.55C9.62 8.37 9.77 8.16 9.87 7.91C9.97 7.66 10.03 7.41 10.03 7.13C10.03 6.85 9.98 6.59001 9.87 6.35001C9.76 6.11001 9.62 5.90001 9.44 5.71001C9.26 5.53001 9.05 5.38 8.8 5.28C8.56 5.18 8.3 5.12001 8.02 5.12001C7.74 5.12001 7.48 5.17 7.24 5.28C7 5.38 6.79 5.53001 6.6 5.71001C6.42 5.89001 6.27 6.10001 6.17 6.35001C6.07 6.60001 6.01 6.85 6.01 7.13C6.01 7.41 6.06 7.67 6.17 7.91C6.28 8.15 6.42 8.36 6.6 8.55C6.78 8.73 6.99 8.88001 7.24 8.98001C7.48 9.09001 7.74 9.14 8.02 9.14Z%22 fill%3D%22%23fff%22%2F%3E%0D%3C%2Fsvg%3E");
10401
+ }
10402
+ .tsi-legend .tsi-seriesLabel .tsi-seriesNameLabel:not(.shown),
10403
+ .tsi-legend .tsi-seriesLabel .tsi-splitByContainer .tsi-splitByLabel:not(.shown) {
10404
+ opacity: 0.3;
10405
+ }
10406
+ .tsi-legend .tsi-seriesLabel .tsi-seriesNameLabel.shown,
10407
+ .tsi-legend .tsi-seriesLabel .tsi-splitByContainer .tsi-splitByLabel.shown {
10408
+ opacity: 1;
10409
+ }
10410
+ .tsi-legend .tsi-seriesLabel {
10411
+ margin: 8px;
10412
+ }
10413
+ .tsi-legend .tsi-seriesLabel.tsi-nsb .tsi-splitByContainer {
10414
+ overflow-y: hidden;
10415
+ }
10416
+ .tsi-legend .tsi-seriesLabel.tsi-nsb .tsi-seriesNameLabel {
10417
+ display: none;
10418
+ }
10419
+ .tsi-legend .tsi-seriesLabel .tsi-seriesNameLabel,
10420
+ .tsi-legend .tsi-seriesLabel .tsi-splitByContainer .tsi-splitByLabel {
10453
10421
  display: flex;
10454
- width: 33%;
10455
- flex-grow: 1;
10456
- height: 32px;
10457
- padding-left: 12px;
10458
- display: inline-flex;
10459
- text-align: center;
10460
10422
  }
10461
- .tsi-dateTimePicker .tsi-dateTimeGroup .tsi-dateTimeSelectionPanel .tsi-timeControlsContainer .tsi-timeLabel,
10462
- .tsi-dateTimePicker .tsi-dateTimeGroup .tsi-dateTimeSelectionPanel .tsi-timezoneContainer .tsi-timeLabel {
10423
+ .tsi-legend .tsi-seriesLabel .tsi-seriesNameLabel.tsi-nonCompactNonNumeric,
10424
+ .tsi-legend .tsi-seriesLabel .tsi-splitByContainer .tsi-splitByLabel.tsi-nonCompactNonNumeric {
10425
+ flex-direction: row;
10426
+ align-items: center;
10427
+ }
10428
+ .tsi-legend .tsi-seriesLabel .tsi-seriesNameLabel h4,
10429
+ .tsi-legend .tsi-seriesLabel .tsi-seriesNameLabel .tsi-seriesName,
10430
+ .tsi-legend .tsi-seriesLabel .tsi-splitByContainer .tsi-splitByLabel h4,
10431
+ .tsi-legend .tsi-seriesLabel .tsi-splitByContainer .tsi-splitByLabel .tsi-seriesName {
10432
+ text-overflow: ellipsis;
10433
+ white-space: nowrap;
10434
+ overflow: hidden;
10435
+ margin-top: 2px;
10436
+ margin-bottom: 4px;
10437
+ font-weight: 400;
10438
+ margin-right: 36px;
10439
+ }
10440
+ .tsi-legend .tsi-seriesLabel .tsi-seriesNameLabel h4,
10441
+ .tsi-legend .tsi-seriesLabel .tsi-splitByContainer .tsi-splitByLabel h4 {
10442
+ cursor: pointer;
10463
10443
  font-weight: 600;
10444
+ font-size: 15px;
10445
+ font-family: "Segoe UI", sans-serif;
10446
+ }
10447
+ .tsi-legend .tsi-seriesLabel .tsi-seriesNameLabel .tsi-seriesName,
10448
+ .tsi-legend .tsi-seriesLabel .tsi-splitByContainer .tsi-splitByLabel .tsi-seriesName {
10449
+ cursor: default;
10450
+ overflow-x: hidden;
10451
+ text-overflow: ellipsis;
10464
10452
  font-size: 14px;
10465
- margin: 0;
10466
- text-transform: capitalize;
10467
- height: 20px;
10468
- line-height: 20px;
10469
- opacity: 1;
10470
10453
  }
10471
- .tsi-dateTimePicker .tsi-dateTimeGroup .tsi-dateTimeSelectionPanel .tsi-timeControlsContainer .tsi-snapToEndRangeButton,
10472
- .tsi-dateTimePicker .tsi-dateTimeGroup .tsi-dateTimeSelectionPanel .tsi-timezoneContainer .tsi-snapToEndRangeButton {
10473
- text-decoration: underline;
10474
- background: transparent;
10454
+ .tsi-legend .tsi-seriesLabel .tsi-seriesNameLabel select,
10455
+ .tsi-legend .tsi-seriesLabel .tsi-splitByContainer .tsi-splitByLabel select {
10456
+ left: 20px;
10457
+ max-width: calc(100% - 64px);
10458
+ margin: 2px;
10475
10459
  border: none;
10476
- line-height: 20px;
10477
- cursor: pointer;
10478
- margin-left: 8px;
10479
- padding: 0px;
10480
- text-transform: capitalize;
10481
10460
  position: absolute;
10482
- top: 0px;
10483
- right: 0px;
10484
- margin-top: 12px;
10461
+ top: 16px;
10462
+ -webkit-appearance: none;
10463
+ -moz-appearance: none;
10464
+ appearance: none;
10465
+ padding: 2px;
10466
+ background-image: url("data:image/svg+xml,%0D%3Csvg xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22 xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22 viewBox%3D%220 0 13 7%22%3E%0D %3Cdefs%3E%0D %3Cstyle%3E%0D .cls-1 %7B%0D clip-path%3A url(%23clip-Chevron_light_theme_1)%3B%0D %7D%0D%0D .cls-2%2C .cls-3 %7B%0D fill%3A none%3B%0D stroke-linecap%3A square%3B%0D stroke-miterlimit%3A 1%3B%0D %7D%0D%0D .cls-2 %7B%0D stroke%3A rgba(0%2C0%2C0%2C0.1)%3B%0D %7D%0D%0D .cls-3 %7B%0D stroke%3A %23666%3B%0D %7D%0D%0D .cls-4 %7B%0D fill%3A %23fff%3B%0D %7D%0D %3C%2Fstyle%3E%0D %3CclipPath id%3D%22clip-Chevron_light_theme_1%22%3E%0D %3Crect width%3D%2213%22 height%3D%227%22%2F%3E%0D %3C%2FclipPath%3E%0D %3C%2Fdefs%3E%0D %3Cg id%3D%22Chevron_light_theme_1%22 data-name%3D%22Chevron light theme %E2%80%93 1%22 class%3D%22cls-1%22%3E%0D %3Cg id%3D%22Group_22369%22 data-name%3D%22Group 22369%22 transform%3D%22translate(-199.6 -646.273)%22%3E%0D %3Cpath id%3D%22Path_44737%22 data-name%3D%22Path 44737%22 class%3D%22cls-2%22 d%3D%22M8.5%2C33.8l-5%2C5%2C5%2C5%22 transform%3D%22translate(167.8 655.8) rotate(-90)%22%2F%3E%0D %3Cpath id%3D%22Path_44738%22 data-name%3D%22Path 44738%22 class%3D%22cls-3%22 d%3D%22M8.5%2C32.8l-5%2C5%2C5%2C5%22 transform%3D%22translate(167.8 655.8) rotate(-90)%22%2F%3E%0D %3C%2Fg%3E%0D %3C%2Fg%3E%0D%3C%2Fsvg%3E%0D");
10467
+ background-repeat: no-repeat;
10468
+ background-position-x: calc(100% - 4px);
10469
+ background-position-y: 7px;
10470
+ background-size: 18px;
10471
+ padding-right: 28px;
10485
10472
  }
10486
- .tsi-dateTimePicker .tsi-dateTimeGroup .tsi-dateTimeSelectionPanel .tsi-timezoneContainer {
10487
- padding-bottom: 12px;
10488
- width: calc(100% - 32px);
10489
- margin: 0 16px 16px 16px;
10473
+ .tsi-legend .tsi-seriesLabel .tsi-seriesNameLabel select::-ms-expand,
10474
+ .tsi-legend .tsi-seriesLabel .tsi-splitByContainer .tsi-splitByLabel select::-ms-expand {
10475
+ display: none; /* remove default arrow on ie10 and ie11 */
10490
10476
  }
10491
- .tsi-dateTimePicker .tsi-dateTimeGroup .tsi-dateTimeSelectionPanel .tsi-timezoneContainer .tsi-timezonePickerContainer {
10492
- width: 100%;
10493
- height: 100%;
10477
+ .tsi-legend .tsi-seriesLabel .tsi-seriesNameLabel.tsi-splitByLabelCompact,
10478
+ .tsi-legend .tsi-seriesLabel .tsi-splitByContainer .tsi-splitByLabel.tsi-splitByLabelCompact {
10479
+ height: 24px;
10494
10480
  }
10495
- .tsi-dateTimePicker .tsi-dateTimeGroup .tsi-dateTimeSelectionPanel .tsi-timezoneContainer .tsi-timezonePickerContainer .tsi-timezonePicker {
10496
- width: 100%;
10497
- background: url("data:image/svg+xml,%0D%3Csvg xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22 xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22 viewBox%3D%220 0 13 7%22%3E%0D %3Cdefs%3E%0D %3Cstyle%3E%0D .cls-1 %7B%0D clip-path%3A url(%23clip-Chevron_light_theme_1)%3B%0D %7D%0D%0D .cls-2%2C .cls-3 %7B%0D fill%3A none%3B%0D stroke-linecap%3A square%3B%0D stroke-miterlimit%3A 1%3B%0D %7D%0D%0D .cls-2 %7B%0D stroke%3A rgba(0%2C0%2C0%2C0.1)%3B%0D %7D%0D%0D .cls-3 %7B%0D stroke%3A %23666%3B%0D %7D%0D%0D .cls-4 %7B%0D fill%3A %23fff%3B%0D %7D%0D %3C%2Fstyle%3E%0D %3CclipPath id%3D%22clip-Chevron_light_theme_1%22%3E%0D %3Crect width%3D%2213%22 height%3D%227%22%2F%3E%0D %3C%2FclipPath%3E%0D %3C%2Fdefs%3E%0D %3Cg id%3D%22Chevron_light_theme_1%22 data-name%3D%22Chevron light theme %E2%80%93 1%22 class%3D%22cls-1%22%3E%0D %3Cg id%3D%22Group_22369%22 data-name%3D%22Group 22369%22 transform%3D%22translate(-199.6 -646.273)%22%3E%0D %3Cpath id%3D%22Path_44737%22 data-name%3D%22Path 44737%22 class%3D%22cls-2%22 d%3D%22M8.5%2C33.8l-5%2C5%2C5%2C5%22 transform%3D%22translate(167.8 655.8) rotate(-90)%22%2F%3E%0D %3Cpath id%3D%22Path_44738%22 data-name%3D%22Path 44738%22 class%3D%22cls-3%22 d%3D%22M8.5%2C32.8l-5%2C5%2C5%2C5%22 transform%3D%22translate(167.8 655.8) rotate(-90)%22%2F%3E%0D %3C%2Fg%3E%0D %3C%2Fg%3E%0D%3C%2Fsvg%3E%0D") 16px/16px no-repeat;
10498
- background-position-y: 12px;
10499
- background-position-x: calc(100% - 4px);
10481
+ .tsi-legend .tsi-seriesLabel .tsi-seriesNameLabel svg {
10482
+ display: inline-block;
10500
10483
  }
10501
- .tsi-dateTimePicker .tsi-dateTimeGroup .tsi-dateTimeSelectionPanel .tsi-saveButtonContainer {
10484
+ .tsi-legend .tsi-seriesLabel .tsi-seriesNameLabel {
10485
+ cursor: pointer;
10486
+ padding: 0 4px;
10487
+ position: relative;
10502
10488
  width: 100%;
10503
- height: 48px;
10504
- margin-top: 12px;
10505
10489
  }
10506
- .tsi-dateTimePicker .tsi-dateTimeGroup .tsi-dateTimeSelectionPanel .tsi-saveButtonContainer .tsi-saveButton,
10507
- .tsi-dateTimePicker .tsi-dateTimeGroup .tsi-dateTimeSelectionPanel .tsi-saveButtonContainer .tsi-cancelButton {
10508
- width: 92px;
10509
- border: none;
10510
- float: right;
10511
- margin-right: 16px;
10512
- height: 32px;
10513
- padding: 8px;
10514
- border-radius: 2px;
10515
- line-height: 14px;
10490
+ .tsi-legend .tsi-seriesLabel .tsi-seriesNameLabel select {
10491
+ height: 17px;
10492
+ width: 50px;
10493
+ position: absolute;
10494
+ right: 4px;
10495
+ top: 6px;
10496
+ display: none;
10516
10497
  }
10517
- .tsi-dateTimePicker .tsi-dateTimeGroup .tsi-dateTimeSelectionPanel .tsi-saveButtonContainer .tsi-saveButton.tsi-buttonDisabled,
10518
- .tsi-dateTimePicker .tsi-dateTimeGroup .tsi-dateTimeSelectionPanel .tsi-saveButtonContainer .tsi-cancelButton.tsi-buttonDisabled {
10519
- background-color: grey !important;
10498
+ .tsi-legend .tsi-seriesLabel .tsi-splitByContainer .tsi-splitByLabel {
10499
+ font-size: 16px;
10500
+ padding: 0 4px;
10501
+ position: relative;
10502
+ height: 40px;
10503
+ border-radius: 3px;
10520
10504
  }
10521
- .tsi-dateTimePicker .tsi-dateTimeGroup .tsi-dateTimeSelectionPanel .tsi-saveButtonContainer .tsi-saveButton {
10522
- background-color: #309d90;
10523
- color: white;
10505
+ .tsi-legend .tsi-seriesLabel .tsi-splitByContainer .tsi-splitByLabel.hidden {
10506
+ height: 0px;
10507
+ display: none;
10508
+ padding: 0;
10524
10509
  }
10525
- .tsi-dateTimePicker .tsi-errorMessageContainer {
10526
- background-color: #b36200;
10527
- color: white;
10510
+ .tsi-legend .tsi-seriesLabel .tsi-seriesNameLabel .tsi-colorKey,
10511
+ .tsi-legend .tsi-seriesLabel .tsi-splitByContainer .tsi-splitByLabel .tsi-colorKey {
10512
+ flex-shrink: 0;
10513
+ width: 12px;
10514
+ height: 12px;
10515
+ margin-top: 8px;
10516
+ margin-right: 8px;
10517
+ border-radius: 6px;
10518
+ position: relative;
10519
+ top: -2px;
10520
+ forced-color-adjust: none;
10528
10521
  }
10529
- @media screen and (-ms-high-contrast: active) {
10530
- .tsi-dateTimePicker .tsi-errorMessageContainer {
10531
- -ms-high-contrast-adjust: none;
10532
- background-color: #b36200;
10533
- }
10522
+ .tsi-legend .tsi-seriesLabel .tsi-seriesNameLabel .tsi-colorKey.tsi-eventsColorKey, .tsi-legend .tsi-seriesLabel .tsi-seriesNameLabel .tsi-colorKey.tsi-categoricalColorKey,
10523
+ .tsi-legend .tsi-seriesLabel .tsi-splitByContainer .tsi-splitByLabel .tsi-colorKey.tsi-eventsColorKey,
10524
+ .tsi-legend .tsi-seriesLabel .tsi-splitByContainer .tsi-splitByLabel .tsi-colorKey.tsi-categoricalColorKey {
10525
+ height: 16px;
10526
+ width: 16px;
10527
+ margin-top: unset;
10534
10528
  }
10535
- .tsi-dateTimePicker .tsi-errorMessageContainer .tsi-errorMessage {
10536
- padding: 8px;
10529
+ .tsi-legend .tsi-seriesLabel .tsi-seriesTypeLabel {
10530
+ margin: 0;
10531
+ cursor: pointer;
10532
+ font-weight: normal;
10533
+ padding-left: 8px;
10534
+ }
10535
+ .tsi-legend .tsi-seriesLabel .tsi-seriesTypeLabel.disabled {
10536
+ display: none;
10537
10537
  }
10538
10538
  div[class^=tsi-] {
10539
10539
  box-sizing: border-box;