tsichart-core 1.0.2 → 1.0.4

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 (112) hide show
  1. package/README.MD +171 -180
  2. package/dist/AggregateExpression.d.ts +2 -2
  3. package/dist/AggregateExpression.js +3 -3
  4. package/dist/{AvailabilityChart-DB-qDF5K.js → AvailabilityChart-vciRThEz.js} +6 -6
  5. package/dist/AvailabilityChart.d.ts +5 -5
  6. package/dist/AvailabilityChart.js +19 -19
  7. package/dist/{ChartComponent-vkpgBQLu.js → ChartComponent-BxPbycj0.js} +5 -5
  8. package/dist/{ChartComponent-D_oxwJzs.d.ts → ChartComponent-L_dR-Eny.d.ts} +3 -3
  9. package/dist/{ChartDataOptions-BRyaRP-P.d.ts → ChartDataOptions-DBu_M5gU.d.ts} +1 -1
  10. package/dist/{ChartDataOptions-DmxO3Mff.js → ChartDataOptions-rcIzlQJO.js} +1 -1
  11. package/dist/{ChartVisualizationComponent-vNl00qB5.d.ts → ChartVisualizationComponent-CswB2P7Z.d.ts} +1 -1
  12. package/dist/{ChartVisualizationComponent-B8daZQmK.js → ChartVisualizationComponent-NsvZCsc-.js} +4 -4
  13. package/dist/{ColorPicker-CtdzSTCJ.js → ColorPicker-CUZt1uup.js} +3 -3
  14. package/dist/ColorPicker.d.ts +3 -3
  15. package/dist/ColorPicker.js +4 -4
  16. package/dist/{Component-Fh8BfEkG.js → Component-C9fQU2ia.js} +1 -1
  17. package/dist/{Component-oHRkpsGv.d.ts → Component-CdI_Pyko.d.ts} +2 -2
  18. package/dist/{ContextMenu-BSlU15yW.js → ContextMenu-CP1qV7pP.js} +2 -2
  19. package/dist/{DateTimeButton-UtkAf1Dj.d.ts → DateTimeButton-Ck71nL87.d.ts} +1 -1
  20. package/dist/{DateTimeButton-Dw9kYXHe.js → DateTimeButton-DnqhATyX.js} +3 -3
  21. package/dist/{DateTimeButtonRange-CYSwNEiU.js → DateTimeButtonRange-CT1zOoCf.js} +4 -4
  22. package/dist/DateTimeButtonRange.d.ts +6 -6
  23. package/dist/DateTimeButtonRange.js +11 -11
  24. package/dist/{DateTimeButtonSingle-Cf4PIsmM.js → DateTimeButtonSingle-DZk5fW35.js} +3 -3
  25. package/dist/DateTimeButtonSingle.d.ts +6 -6
  26. package/dist/DateTimeButtonSingle.js +10 -10
  27. package/dist/{DateTimePicker-B0jCltxE.js → DateTimePicker-CuGwz86U.js} +5 -5
  28. package/dist/DateTimePicker.d.ts +5 -5
  29. package/dist/DateTimePicker.js +9 -9
  30. package/dist/{EllipsisMenu-BZIeb0lc.js → EllipsisMenu-CNWSo-qQ.js} +2 -2
  31. package/dist/EllipsisMenu.d.ts +3 -3
  32. package/dist/EllipsisMenu.js +4 -4
  33. package/dist/{EventsTable-Cwd5ZYUS.js → EventsTable-mjoOfc0E.js} +3 -3
  34. package/dist/EventsTable.d.ts +5 -5
  35. package/dist/EventsTable.js +7 -7
  36. package/dist/{GeoProcessGraphic-B5f5ijbQ.js → GeoProcessGraphic-CSsTL4zj.js} +2 -2
  37. package/dist/GeoProcessGraphic.d.ts +5 -5
  38. package/dist/GeoProcessGraphic.js +5 -5
  39. package/dist/{Grid-CLg8oulV.js → Grid-ByDh3Qdn.js} +3 -3
  40. package/dist/Grid.d.ts +4 -4
  41. package/dist/Grid.js +4 -4
  42. package/dist/{GroupedBarChart-CGjuSRGL.js → GroupedBarChart-DrSrSHNj.js} +8 -8
  43. package/dist/GroupedBarChart.d.ts +7 -7
  44. package/dist/GroupedBarChart.js +14 -14
  45. package/dist/{GroupedBarChartData-DntgubPo.js → GroupedBarChartData-CpJKvTDQ.js} +3 -3
  46. package/dist/{GroupedBarChartData-BG7Llyim.d.ts → GroupedBarChartData-DK30DLVh.d.ts} +1 -1
  47. package/dist/{Heatmap-wSPC1TO0.js → Heatmap-BbWcAgp6.js} +6 -6
  48. package/dist/Heatmap.d.ts +7 -7
  49. package/dist/Heatmap.js +11 -11
  50. package/dist/{Hierarchy-Br9nqfbB.js → Hierarchy-BsvoKnCY.js} +3 -3
  51. package/dist/Hierarchy.d.ts +3 -3
  52. package/dist/Hierarchy.js +4 -4
  53. package/dist/{HierarchyNavigation-DuJ0RI_7.js → HierarchyNavigation-C5yoj--u.js} +3 -3
  54. package/dist/HierarchyNavigation.d.ts +3 -3
  55. package/dist/HierarchyNavigation.js +4 -4
  56. package/dist/{HistoryPlayback-oOgP7anD.d.ts → HistoryPlayback-DIhAsAOi.d.ts} +1 -1
  57. package/dist/{HistoryPlayback-CLzw5ZJq.js → HistoryPlayback-DiflRzRf.js} +3 -3
  58. package/dist/{Legend-C3pV4ytm.js → Legend-CQ5yaF8f.js} +3 -3
  59. package/dist/{LineChart-Cy9eqoNN.js → LineChart-DcUenMrZ.js} +8 -8
  60. package/dist/LineChart.d.ts +7 -7
  61. package/dist/LineChart.js +13 -13
  62. package/dist/{ModelAutocomplete-DU9qSmK9.js → ModelAutocomplete-sxVy4m65.js} +3 -3
  63. package/dist/ModelAutocomplete.d.ts +3 -3
  64. package/dist/ModelAutocomplete.js +4 -4
  65. package/dist/{ModelSearch-BRCP-i7Q.js → ModelSearch-DEg5KwKw.js} +5 -5
  66. package/dist/ModelSearch.d.ts +3 -3
  67. package/dist/ModelSearch.js +6 -6
  68. package/dist/{PieChart-D0YxLxeJ.js → PieChart-DDxMXcXE.js} +9 -9
  69. package/dist/PieChart.d.ts +7 -7
  70. package/dist/PieChart.js +14 -14
  71. package/dist/{PlaybackControls-39WNEgIC.js → PlaybackControls-DSoUncDP.js} +4 -4
  72. package/dist/PlaybackControls.d.ts +3 -3
  73. package/dist/PlaybackControls.js +10 -10
  74. package/dist/{ProcessGraphic-CYUuYDHy.js → ProcessGraphic-1f-FoGDy.js} +3 -3
  75. package/dist/ProcessGraphic.d.ts +5 -5
  76. package/dist/ProcessGraphic.js +5 -5
  77. package/dist/README.MD +171 -190
  78. package/dist/{ScatterPlot-BMgGh18V.js → ScatterPlot-BAn6r8ml.js} +8 -8
  79. package/dist/ScatterPlot.d.ts +7 -7
  80. package/dist/ScatterPlot.js +13 -13
  81. package/dist/{SingleDateTimePicker-hjgc6B64.js → SingleDateTimePicker-BrFB5iPu.js} +4 -4
  82. package/dist/SingleDateTimePicker.d.ts +5 -5
  83. package/dist/SingleDateTimePicker.js +8 -8
  84. package/dist/{Slider-BIdM4S0z.js → Slider-BpNCqoBD.js} +3 -3
  85. package/dist/Slider.d.ts +3 -3
  86. package/dist/Slider.js +4 -4
  87. package/dist/{TemporalXAxisComponent-C-qdKKoq.js → TemporalXAxisComponent-BsTQyVO6.js} +3 -3
  88. package/dist/{TemporalXAxisComponent-PQkhKTGG.d.ts → TemporalXAxisComponent-DohbI08i.d.ts} +1 -1
  89. package/dist/{TimezonePicker-CFtiUEYe.js → TimezonePicker-DHkC2iKE.js} +3 -3
  90. package/dist/TimezonePicker.d.ts +5 -5
  91. package/dist/TimezonePicker.js +7 -7
  92. package/dist/{Tooltip-CcY3Rgca.js → Tooltip-B-mIKo4g.js} +2 -2
  93. package/dist/TsqExpression.d.ts +2 -2
  94. package/dist/TsqExpression.js +3 -3
  95. package/dist/{UXClient-Bm8dSHcu.js → UXClient-BTulvzpq.js} +24 -24
  96. package/dist/UXClient.d.ts +11 -11
  97. package/dist/UXClient.js +38 -38
  98. package/dist/{Utils-bxV3DmSb.d.ts → Utils-ChzaAbch.d.ts} +1 -1
  99. package/dist/Utils.d.ts +2 -2
  100. package/dist/Utils.js +1 -1
  101. package/dist/package.json +22 -3
  102. package/dist/tsiclient.css +978 -978
  103. package/dist/tsiclient.d.ts +12 -12
  104. package/dist/tsiclient.js +38 -38
  105. package/dist/tsiclient.min.css.map +1 -1
  106. package/package.json +16 -1
  107. /package/dist/{ChartComponentData-DY8xShs2.d.ts → ChartComponentData-ClzAtU_E.d.ts} +0 -0
  108. /package/dist/{Enums-BSzh32Nl.d.ts → Enums-CEhu18PC.d.ts} +0 -0
  109. /package/dist/{Interfaces-CaFm-ZXM.d.ts → Interfaces-CdAVFIA6.d.ts} +0 -0
  110. /package/dist/{Utils-B_K3cdyq.js → Utils-CdKMmmwx.js} +0 -0
  111. /package/dist/{_tslib-Co-aXUsI.js → _tslib-DYvz7dIO.js} +0 -0
  112. /package/dist/{pikaday-pjta9kjA.js → pikaday-C_DS7oEN.js} +0 -0
package/dist/tsiclient.css CHANGED
@@ -1454,7 +1454,7 @@ div[class^=tsi-] {
1454
1454
  line-height: 16px;
1455
1455
  }
1456
1456
 
1457
- .tsi-baseContextMenu, .tsi-hierarchy .tsi-hierarchyContextMenu {
1457
+ .tsi-baseContextMenu, .tsi-modelSearchWrapper .tsi-modelSearchContextMenu {
1458
1458
  white-space: nowrap;
1459
1459
  padding: 4px 0;
1460
1460
  animation: tsi-slideRight 0.367s cubic-bezier(0.1, 0.9, 0.2, 1) forwards;
@@ -1464,11 +1464,11 @@ div[class^=tsi-] {
1464
1464
  box-shadow: 0px 0px 2px 0px rgba(0, 0, 0, 0.3);
1465
1465
  text-align: left;
1466
1466
  }
1467
- .tsi-baseContextMenu > div, .tsi-hierarchy .tsi-hierarchyContextMenu > div,
1467
+ .tsi-baseContextMenu > div, .tsi-modelSearchWrapper .tsi-modelSearchContextMenu > div,
1468
1468
  .tsi-baseContextMenu > li,
1469
- .tsi-hierarchy .tsi-hierarchyContextMenu > li,
1469
+ .tsi-modelSearchWrapper .tsi-modelSearchContextMenu > li,
1470
1470
  .tsi-baseContextMenu > button,
1471
- .tsi-hierarchy .tsi-hierarchyContextMenu > button {
1471
+ .tsi-modelSearchWrapper .tsi-modelSearchContextMenu > button {
1472
1472
  padding: 4px 8px;
1473
1473
  font-size: 12px;
1474
1474
  cursor: pointer;
@@ -1477,13 +1477,13 @@ div[class^=tsi-] {
1477
1477
  align-items: center;
1478
1478
  overflow: hidden;
1479
1479
  }
1480
- .tsi-baseContextMenu .tsi-break, .tsi-hierarchy .tsi-hierarchyContextMenu .tsi-break {
1480
+ .tsi-baseContextMenu .tsi-break, .tsi-modelSearchWrapper .tsi-modelSearchContextMenu .tsi-break {
1481
1481
  height: 4px;
1482
1482
  margin-top: 4px;
1483
1483
  padding: 0 0 4px 0;
1484
1484
  cursor: default;
1485
1485
  }
1486
- .tsi-baseContextMenu .tsi-break:last-of-type, .tsi-hierarchy .tsi-hierarchyContextMenu .tsi-break:last-of-type {
1486
+ .tsi-baseContextMenu .tsi-break:last-of-type, .tsi-modelSearchWrapper .tsi-modelSearchContextMenu .tsi-break:last-of-type {
1487
1487
  display: none;
1488
1488
  }
1489
1489
 
@@ -1663,194 +1663,212 @@ select::-ms-expand {
1663
1663
  font-weight: 300;
1664
1664
  }
1665
1665
 
1666
- .tsi-hierarchy.tsi-dark {
1667
- color: #fff;
1666
+ .tsi-modelSearchWrapper {
1667
+ height: 100%;
1668
+ width: 100%;
1669
+ display: flex;
1670
+ flex-wrap: wrap;
1671
+ position: relative;
1672
+ }
1673
+ .tsi-modelSearchWrapper .tsi-modelSearchInputWrapper {
1674
+ width: 100%;
1675
+ z-index: 2;
1676
+ height: 48px;
1677
+ }
1678
+ .tsi-modelSearchWrapper .tsi-hierarchyWrapper {
1679
+ position: absolute;
1680
+ top: 40px;
1681
+ width: 100%;
1682
+ height: calc(100% - 40px);
1683
+ left: 0;
1684
+ }
1685
+ .tsi-modelSearchWrapper .tsi-hierarchyWrapper .tsi-filterWrapper {
1686
+ display: none;
1687
+ }
1688
+ .tsi-modelSearchWrapper .tsi-hierarchyWrapper .tsi-navTabWrapper {
1689
+ display: none;
1690
+ }
1691
+ .tsi-modelSearchWrapper.tsi-dark {
1668
1692
  background: #0d0f0e;
1693
+ color: #fff;
1669
1694
  }
1670
- .tsi-hierarchy.tsi-dark .tsi-navTabWrapper {
1671
- border-bottom: 1px solid #fff;
1695
+ .tsi-modelSearchWrapper.tsi-dark hit {
1696
+ background: #fff9a8;
1697
+ font-weight: 600;
1698
+ color: black;
1672
1699
  }
1673
- .tsi-hierarchy.tsi-dark .tsi-hierarchyList li .tsi-markedName:hover {
1674
- cursor: pointer;
1675
- background: #62666c;
1700
+ .tsi-modelSearchWrapper.tsi-dark .tsi-showMore {
1701
+ color: #60aaff;
1676
1702
  }
1677
- .tsi-hierarchy.tsi-dark .tsi-hierarchyList li.tsi-resultSelected {
1678
- background-color: transparent;
1703
+ .tsi-modelSearchWrapper.tsi-dark .tsi-modelSearchInstances > div {
1704
+ border-bottom: 1px solid rgba(255, 255, 255, 0.05);
1679
1705
  }
1680
- .tsi-hierarchy.tsi-dark .tsi-hierarchyList li.tsi-resultSelected .tsi-markedName {
1681
- background: #62666c;
1706
+ .tsi-modelSearchWrapper.tsi-dark .tsi-modelSearchInstances > div:hover, .tsi-modelSearchWrapper.tsi-dark .tsi-modelSearchInstances > div:focus, .tsi-modelSearchWrapper.tsi-dark .tsi-modelSearchInstances > div.tsi-resultSelected {
1707
+ background-color: #62666c;
1682
1708
  }
1683
- .tsi-hierarchy.tsi-dark .tsi-navTab.tsi-selected {
1684
- border-bottom: 2px solid #fff;
1709
+ .tsi-modelSearchWrapper.tsi-dark .tsi-modelSearchInstances > div:hover::after, .tsi-modelSearchWrapper.tsi-dark .tsi-modelSearchInstances > div:focus::after, .tsi-modelSearchWrapper.tsi-dark .tsi-modelSearchInstances > div.tsi-resultSelected::after {
1710
+ content: "";
1711
+ position: absolute;
1712
+ width: 14px;
1713
+ height: 14px;
1714
+ top: 8px;
1715
+ left: calc(100% - 20px);
1716
+ 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") no-repeat;
1717
+ transform: rotate(-90deg);
1685
1718
  }
1686
- .tsi-hierarchy.tsi-dark .tsi-baseContextMenu, .tsi-hierarchy.tsi-dark .tsi-hierarchyContextMenu {
1719
+ .tsi-modelSearchWrapper.tsi-dark .tsi-baseContextMenu, .tsi-modelSearchWrapper.tsi-dark .tsi-modelSearchContextMenu {
1687
1720
  border-color: #60aaff;
1688
1721
  background-color: #0d0f0e;
1689
1722
  box-shadow: 0 1px 3px 0 rgba(255, 255, 255, 0.16);
1690
1723
  }
1691
- .tsi-hierarchy.tsi-dark .tsi-baseContextMenu > div:hover, .tsi-hierarchy.tsi-dark .tsi-hierarchyContextMenu > div:hover, .tsi-hierarchy.tsi-dark .tsi-baseContextMenu > div:focus, .tsi-hierarchy.tsi-dark .tsi-hierarchyContextMenu > div:focus {
1724
+ .tsi-modelSearchWrapper.tsi-dark .tsi-baseContextMenu > div:hover, .tsi-modelSearchWrapper.tsi-dark .tsi-modelSearchContextMenu > div:hover, .tsi-modelSearchWrapper.tsi-dark .tsi-baseContextMenu > div:focus, .tsi-modelSearchWrapper.tsi-dark .tsi-modelSearchContextMenu > div:focus {
1692
1725
  background-color: #62666c;
1693
1726
  }
1694
- .tsi-hierarchy.tsi-dark .tsi-baseContextMenu .tsi-break, .tsi-hierarchy.tsi-dark .tsi-hierarchyContextMenu .tsi-break {
1727
+ .tsi-modelSearchWrapper.tsi-dark .tsi-baseContextMenu .tsi-break, .tsi-modelSearchWrapper.tsi-dark .tsi-modelSearchContextMenu .tsi-break {
1695
1728
  border-top: 1px solid rgba(96, 170, 255, 0.2);
1696
1729
  }
1697
- .tsi-hierarchy.tsi-dark .tsi-baseContextMenu .tsi-break:hover, .tsi-hierarchy.tsi-dark .tsi-hierarchyContextMenu .tsi-break:hover, .tsi-hierarchy.tsi-dark .tsi-baseContextMenu .tsi-break:focus, .tsi-hierarchy.tsi-dark .tsi-hierarchyContextMenu .tsi-break:focus {
1730
+ .tsi-modelSearchWrapper.tsi-dark .tsi-baseContextMenu .tsi-break:hover, .tsi-modelSearchWrapper.tsi-dark .tsi-modelSearchContextMenu .tsi-break:hover, .tsi-modelSearchWrapper.tsi-dark .tsi-baseContextMenu .tsi-break:focus, .tsi-modelSearchWrapper.tsi-dark .tsi-modelSearchContextMenu .tsi-break:focus {
1698
1731
  background-color: #0d0f0e;
1699
1732
  }
1700
- .tsi-hierarchy.tsi-dark .tsi-searchInput {
1733
+ .tsi-modelSearchWrapper.tsi-dark .tsi-searchInput {
1701
1734
  border: 1px solid #31373e;
1702
1735
  }
1703
- .tsi-hierarchy.tsi-dark .tsi-searchInput:focus {
1736
+ .tsi-modelSearchWrapper.tsi-dark .tsi-searchInput:focus {
1704
1737
  border: 1px solid #60aaff;
1705
1738
  }
1706
- .tsi-hierarchy.tsi-dark .tsi-baseMono {
1739
+ .tsi-modelSearchWrapper.tsi-dark .tsi-baseMono {
1707
1740
  background: #1e2223;
1708
1741
  }
1709
- .tsi-hierarchy.tsi-dark .tsi-hierarchyList li > .tsi-caret {
1710
- background-image: url("data:image/svg+xml,%3Csvg xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22 viewBox%3D%220 0 16 16%22%3E%0D %3Cdefs%3E%0D %3Cstyle%3E%0D .cls-1%2C .cls-2%2C .cls-3 %7B%0D fill%3A none%3B%0D %7D%0D%0D .cls-2 %7B%0D stroke%3A rgba(255%2C255%2C255%2C0.1)%3B%0D %7D%0D%0D .cls-2%2C .cls-3 %7B%0D stroke-linecap%3A square%3B%0D stroke-miterlimit%3A 1%3B%0D %7D%0D%0D .cls-3 %7B%0D stroke%3A %23FFF%3B%0D %7D%0D %3C%2Fstyle%3E%0D %3C%2Fdefs%3E%0D %3Cg id%3D%22rightCaret-light%22 transform%3D%22translate(-200 -96)%22%3E%0D %3Crect id%3D%22Rectangle_35712%22 data-name%3D%22Rectangle 35712%22 class%3D%22cls-1%22 width%3D%2216%22 height%3D%2216%22 transform%3D%22translate(200 96)%22%2F%3E%0D %3Cg id%3D%22Group_51401%22 data-name%3D%22Group 51401%22 transform%3D%22translate(200.9 95.2)%22%3E%0D %3Cpath id%3D%22Path_43134%22 data-name%3D%22Path 43134%22 class%3D%22cls-2%22 d%3D%22M37.5%2C33.8l6%2C6-6%2C6%22 transform%3D%22translate(-33.4 -30)%22%2F%3E%0D %3Cpath id%3D%22Path_43135%22 data-name%3D%22Path 43135%22 class%3D%22cls-3%22 d%3D%22M37.5%2C32.8l6%2C6-6%2C6%22 transform%3D%22translate(-33.4 -30)%22%2F%3E%0D %3C%2Fg%3E%0D %3C%2Fg%3E%0D%3C%2Fsvg%3E%0D");
1742
+ .tsi-modelSearchWrapper.tsi-dark :global .awesomplete > ul {
1743
+ background: #1e2223;
1744
+ color: #fff;
1745
+ border: 1px solid #fff;
1711
1746
  }
1712
- .tsi-hierarchy.tsi-light {
1713
- color: #000;
1747
+ .tsi-modelSearchWrapper.tsi-dark :global .awesomplete > ul li[aria-selected=true], .tsi-modelSearchWrapper.tsi-dark :global .awesomplete > ul li:hover {
1748
+ background: #62666c;
1749
+ }
1750
+ .tsi-modelSearchWrapper.tsi-light {
1714
1751
  background: #ffffff;
1752
+ color: #000;
1715
1753
  }
1716
- .tsi-hierarchy.tsi-light .tsi-navTabWrapper {
1717
- border-bottom: 1px solid #000;
1754
+ .tsi-modelSearchWrapper.tsi-light hit {
1755
+ background: #fff9a8;
1756
+ font-weight: 600;
1757
+ color: black;
1718
1758
  }
1719
- .tsi-hierarchy.tsi-light .tsi-hierarchyList li .tsi-markedName:hover {
1720
- cursor: pointer;
1721
- background: #b3d6f2;
1759
+ .tsi-modelSearchWrapper.tsi-light .tsi-showMore {
1760
+ color: #136bfb;
1722
1761
  }
1723
- .tsi-hierarchy.tsi-light .tsi-hierarchyList li.tsi-resultSelected {
1724
- background-color: transparent;
1762
+ .tsi-modelSearchWrapper.tsi-light .tsi-modelSearchInstances > div {
1763
+ border-bottom: 1px solid rgba(0, 0, 0, 0.05);
1725
1764
  }
1726
- .tsi-hierarchy.tsi-light .tsi-hierarchyList li.tsi-resultSelected .tsi-markedName {
1727
- background: #b3d6f2;
1765
+ .tsi-modelSearchWrapper.tsi-light .tsi-modelSearchInstances > div:hover, .tsi-modelSearchWrapper.tsi-light .tsi-modelSearchInstances > div:focus, .tsi-modelSearchWrapper.tsi-light .tsi-modelSearchInstances > div.tsi-resultSelected {
1766
+ background-color: #b3d6f2;
1728
1767
  }
1729
- .tsi-hierarchy.tsi-light .tsi-navTab.tsi-selected {
1730
- border-bottom: 2px solid #000;
1768
+ .tsi-modelSearchWrapper.tsi-light .tsi-modelSearchInstances > div:hover::after, .tsi-modelSearchWrapper.tsi-light .tsi-modelSearchInstances > div:focus::after, .tsi-modelSearchWrapper.tsi-light .tsi-modelSearchInstances > div.tsi-resultSelected::after {
1769
+ content: "";
1770
+ position: absolute;
1771
+ width: 14px;
1772
+ height: 14px;
1773
+ top: 8px;
1774
+ left: calc(100% - 20px);
1775
+ 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") no-repeat;
1776
+ transform: rotate(-90deg);
1731
1777
  }
1732
- .tsi-hierarchy.tsi-light .tsi-baseContextMenu, .tsi-hierarchy.tsi-light .tsi-hierarchyContextMenu {
1778
+ .tsi-modelSearchWrapper.tsi-light .tsi-baseContextMenu, .tsi-modelSearchWrapper.tsi-light .tsi-modelSearchContextMenu {
1733
1779
  border-color: #136bfb;
1734
1780
  background-color: #ffffff;
1735
1781
  box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.16);
1736
1782
  }
1737
- .tsi-hierarchy.tsi-light .tsi-baseContextMenu > div:hover, .tsi-hierarchy.tsi-light .tsi-hierarchyContextMenu > div:hover, .tsi-hierarchy.tsi-light .tsi-baseContextMenu > div:focus, .tsi-hierarchy.tsi-light .tsi-hierarchyContextMenu > div:focus {
1783
+ .tsi-modelSearchWrapper.tsi-light .tsi-baseContextMenu > div:hover, .tsi-modelSearchWrapper.tsi-light .tsi-modelSearchContextMenu > div:hover, .tsi-modelSearchWrapper.tsi-light .tsi-baseContextMenu > div:focus, .tsi-modelSearchWrapper.tsi-light .tsi-modelSearchContextMenu > div:focus {
1738
1784
  background-color: #b3d6f2;
1739
1785
  }
1740
- .tsi-hierarchy.tsi-light .tsi-baseContextMenu .tsi-break, .tsi-hierarchy.tsi-light .tsi-hierarchyContextMenu .tsi-break {
1786
+ .tsi-modelSearchWrapper.tsi-light .tsi-baseContextMenu .tsi-break, .tsi-modelSearchWrapper.tsi-light .tsi-modelSearchContextMenu .tsi-break {
1741
1787
  border-top: 1px solid rgba(19, 107, 251, 0.2);
1742
1788
  }
1743
- .tsi-hierarchy.tsi-light .tsi-baseContextMenu .tsi-break:hover, .tsi-hierarchy.tsi-light .tsi-hierarchyContextMenu .tsi-break:hover, .tsi-hierarchy.tsi-light .tsi-baseContextMenu .tsi-break:focus, .tsi-hierarchy.tsi-light .tsi-hierarchyContextMenu .tsi-break:focus {
1789
+ .tsi-modelSearchWrapper.tsi-light .tsi-baseContextMenu .tsi-break:hover, .tsi-modelSearchWrapper.tsi-light .tsi-modelSearchContextMenu .tsi-break:hover, .tsi-modelSearchWrapper.tsi-light .tsi-baseContextMenu .tsi-break:focus, .tsi-modelSearchWrapper.tsi-light .tsi-modelSearchContextMenu .tsi-break:focus {
1744
1790
  background-color: #ffffff;
1745
1791
  }
1746
- .tsi-hierarchy.tsi-light .tsi-searchInput {
1792
+ .tsi-modelSearchWrapper.tsi-light .tsi-searchInput {
1747
1793
  border: 1px solid #dcdcdc;
1748
1794
  }
1749
- .tsi-hierarchy.tsi-light .tsi-searchInput:focus {
1795
+ .tsi-modelSearchWrapper.tsi-light .tsi-searchInput:focus {
1750
1796
  border: 1px solid #136bfb;
1751
1797
  }
1752
- .tsi-hierarchy.tsi-light .tsi-baseMono {
1798
+ .tsi-modelSearchWrapper.tsi-light .tsi-baseMono {
1753
1799
  background: #f2f2f2;
1754
1800
  }
1755
- .tsi-hierarchy.tsi-light .tsi-hierarchyList li > .tsi-caret {
1756
- background-image: url("data:image/svg+xml,%3Csvg xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22 viewBox%3D%220 0 16 16%22%3E%0D %3Cdefs%3E%0D %3Cstyle%3E%0D .cls-1%2C .cls-2%2C .cls-3 %7B%0D fill%3A none%3B%0D %7D%0D%0D .cls-2 %7B%0D stroke%3A rgba(0%2C0%2C0%2C0.1)%3B%0D %7D%0D%0D .cls-2%2C .cls-3 %7B%0D stroke-linecap%3A square%3B%0D stroke-miterlimit%3A 1%3B%0D %7D%0D%0D .cls-3 %7B%0D stroke%3A %23000%3B%0D %7D%0D %3C%2Fstyle%3E%0D %3C%2Fdefs%3E%0D %3Cg id%3D%22rightCaret-light%22 transform%3D%22translate(-200 -96)%22%3E%0D %3Crect id%3D%22Rectangle_35712%22 data-name%3D%22Rectangle 35712%22 class%3D%22cls-1%22 width%3D%2216%22 height%3D%2216%22 transform%3D%22translate(200 96)%22%2F%3E%0D %3Cg id%3D%22Group_51401%22 data-name%3D%22Group 51401%22 transform%3D%22translate(200.9 95.2)%22%3E%0D %3Cpath id%3D%22Path_43134%22 data-name%3D%22Path 43134%22 class%3D%22cls-2%22 d%3D%22M37.5%2C33.8l6%2C6-6%2C6%22 transform%3D%22translate(-33.4 -30)%22%2F%3E%0D %3Cpath id%3D%22Path_43135%22 data-name%3D%22Path 43135%22 class%3D%22cls-3%22 d%3D%22M37.5%2C32.8l6%2C6-6%2C6%22 transform%3D%22translate(-33.4 -30)%22%2F%3E%0D %3C%2Fg%3E%0D %3C%2Fg%3E%0D%3C%2Fsvg%3E%0D");
1801
+ .tsi-modelSearchWrapper.tsi-light :global .awesomplete > ul {
1802
+ background: #f2f2f2;
1803
+ color: #000;
1804
+ border: 1px solid #000;
1757
1805
  }
1758
- .tsi-hierarchy .tsi-filterWrapper {
1759
- padding: 12px 20px;
1760
- padding-bottom: 4px;
1806
+ .tsi-modelSearchWrapper.tsi-light :global .awesomplete > ul li[aria-selected=true], .tsi-modelSearchWrapper.tsi-light :global .awesomplete > ul li:hover {
1807
+ background: #b3d6f2;
1761
1808
  }
1762
- .tsi-hierarchy .tsi-filterWrapper input {
1763
- width: 100%;
1764
- padding: 4px;
1809
+ .tsi-modelSearchWrapper .tsi-modelSearchResults {
1810
+ flex-grow: 1;
1811
+ display: flex;
1812
+ height: calc(100% - 48px);
1813
+ overflow: auto;
1765
1814
  }
1766
- .tsi-hierarchy .tsi-navTabWrapper {
1767
- padding-left: 8px;
1815
+ .tsi-modelSearchWrapper .tsi-modelSearchResults .tsi-noResults {
1816
+ padding: 20px;
1817
+ white-space: nowrap;
1818
+ height: 40px;
1819
+ margin-left: 40px;
1768
1820
  }
1769
- .tsi-hierarchy .tsi-navTabWrapper .tsi-navTab {
1770
- border-bottom: 2px solid transparent;
1771
- display: inline-block;
1772
- margin: 0 12px;
1773
- font-size: 14px;
1821
+ .tsi-modelSearchWrapper .tsi-modelSearchResults .tsi-showMore {
1774
1822
  cursor: pointer;
1823
+ text-align: center;
1824
+ padding-bottom: 8px;
1825
+ font-size: 13px;
1775
1826
  }
1776
- .tsi-hierarchy .tsi-hierarchyList {
1777
- position: relative;
1778
- height: 100%;
1779
- }
1780
- .tsi-hierarchy .tsi-hierarchyList ul {
1781
- list-style: none;
1782
- padding: 0;
1783
- }
1784
- .tsi-hierarchy .tsi-hierarchyList ul.tsi-noPad {
1785
- padding: 8px 20px;
1786
- margin: 0;
1787
- overflow: auto;
1788
- height: 100%;
1827
+ .tsi-modelSearchWrapper .tsi-modelSearchResults .tsi-showMore:hover {
1828
+ text-decoration: underline;
1789
1829
  }
1790
- .tsi-hierarchy .tsi-hierarchyList li > .tsi-caret {
1791
- transform: rotate(0deg);
1830
+ .tsi-modelSearchWrapper .tsi-modelSearchResults .tsi-modelSearchInstancesWrapper {
1831
+ width: 100%;
1792
1832
  }
1793
- .tsi-hierarchy .tsi-hierarchyList li.tsi-expanded > .tsi-caret {
1794
- transform: rotate(90deg);
1833
+ .tsi-modelSearchWrapper .tsi-modelSearchResults .tsi-modelSearchInstances {
1834
+ flex-grow: 1;
1795
1835
  }
1796
- .tsi-hierarchy .tsi-hierarchyList li {
1836
+ .tsi-modelSearchWrapper .tsi-modelSearchResults .tsi-modelSearchInstances .tsi-modelResultWrapper {
1837
+ cursor: pointer;
1797
1838
  position: relative;
1839
+ max-height: 206px;
1840
+ overflow: hidden;
1798
1841
  }
1799
- .tsi-hierarchy .tsi-hierarchyList li .tsi-caret {
1800
- position: absolute;
1801
- display: block;
1802
- height: 10px;
1803
- width: 10px;
1804
- cursor: pointer;
1805
- z-index: 1;
1806
- background-size: 10px;
1807
- background-repeat: no-repeat;
1808
- top: 11px;
1809
- background-position: 50%;
1810
- transition: all 0.2s ease;
1842
+ .tsi-modelSearchWrapper .tsi-modelSearchResults .tsi-modelSearchInstances .tsi-modelResultWrapper .tsi-modelResult {
1811
1843
  pointer-events: none;
1844
+ padding: 8px 20px;
1812
1845
  }
1813
- .tsi-hierarchy .tsi-hierarchyList li .tsi-markedName {
1814
- width: calc(100% + 40px);
1815
- display: flex;
1816
- position: relative;
1817
- top: 0;
1818
- left: 0;
1819
- margin: 0;
1820
- padding-left: 28px;
1821
- height: 32px;
1846
+ .tsi-modelSearchWrapper .tsi-modelSearchResults .tsi-modelSearchInstances .tsi-modelResultWrapper .tsi-modelResult .tsi-modelPK {
1847
+ font-weight: 600;
1822
1848
  font-size: 14px;
1823
- align-items: center;
1824
- margin-left: -20px;
1825
1849
  }
1826
- .tsi-hierarchy .tsi-hierarchyList li.tsi-expanded .tsi-caret {
1827
- content: "";
1828
- cursor: pointer;
1850
+ .tsi-modelSearchWrapper .tsi-modelSearchResults .tsi-modelSearchInstances .tsi-modelResultWrapper .tsi-modelResult .tsi-modelHighlights {
1851
+ font-size: 12px;
1852
+ padding-top: 2px;
1853
+ padding-left: 8px;
1854
+ padding-bottom: 2px;
1829
1855
  }
1830
- .tsi-hierarchy .tsi-hierarchyList li.tsi-leaf, .tsi-hierarchy .tsi-hierarchyList li .tsi-leafParent {
1831
- font-weight: 600;
1856
+ .tsi-modelSearchWrapper .tsi-modelSearchResults .tsi-modelSearchInstances .tsi-modelResultWrapper .tsi-modelResult .tsi-modelHighlights table {
1857
+ border-spacing: 0;
1858
+ margin-top: 2px;
1832
1859
  }
1833
- .tsi-hierarchy .tsi-hierarchyList li.tsi-leaf .tsi-caret, .tsi-hierarchy .tsi-hierarchyList li .tsi-leafParent .tsi-caret {
1834
- display: none;
1860
+ .tsi-modelSearchWrapper .tsi-modelSearchResults .tsi-modelSearchInstances .tsi-modelResultWrapper .tsi-modelResult .tsi-modelHighlights table tr td:first-of-type {
1861
+ padding: 0;
1862
+ opacity: 0.6;
1835
1863
  }
1836
- .tsi-hierarchy .tsi-hierarchyList li.tsi-leaf.draggable, .tsi-hierarchy .tsi-hierarchyList li .tsi-leafParent.draggable {
1837
- cursor: move;
1864
+ .tsi-modelSearchWrapper .tsi-modelSearchResults .tsi-modelSearchInstances .tsi-modelResultWrapper .tsi-modelResult .tsi-modelHighlights table tr td:nth-of-type(2) {
1865
+ padding: 0;
1866
+ padding-left: 8px;
1838
1867
  }
1839
- .tsi-hierarchy .tsi-hierarchyList li.tsi-leaf.draggable .tsi-markedName, .tsi-hierarchy .tsi-hierarchyList li .tsi-leafParent.draggable .tsi-markedName {
1840
- cursor: move;
1841
- }
1842
- .tsi-hierarchy .tsi-hierarchyList li.tsi-leaf.draggable:active, .tsi-hierarchy .tsi-hierarchyList li .tsi-leafParent.draggable:active {
1843
- cursor: move;
1844
- }
1845
- .tsi-hierarchy .tsi-hierarchyList li.tsi-leaf.draggable:active .tsi-markedName, .tsi-hierarchy .tsi-hierarchyList li .tsi-leafParent.draggable:active .tsi-markedName {
1846
- cursor: move;
1847
- }
1848
- .tsi-hierarchy .tsi-noBefore .tsi-caret {
1849
- content: "" !important;
1850
- }
1851
- .tsi-hierarchy .tsi-hierarchyContextMenu {
1868
+ .tsi-modelSearchWrapper .tsi-modelSearchContextMenu {
1852
1869
  position: absolute;
1853
- left: calc(100% - 32px);
1870
+ left: calc(100% - 20px);
1871
+ z-index: 3;
1854
1872
  }
1855
1873
  div[class^=tsi-] {
1856
1874
  box-sizing: border-box;
@@ -1909,7 +1927,7 @@ div[class^=tsi-] {
1909
1927
  line-height: 16px;
1910
1928
  }
1911
1929
 
1912
- .tsi-baseContextMenu, .tsi-modelSearchWrapper .tsi-modelSearchContextMenu {
1930
+ .tsi-baseContextMenu, .tsi-ellipsisMenuContainer .tsi-ellipsisMenu {
1913
1931
  white-space: nowrap;
1914
1932
  padding: 4px 0;
1915
1933
  animation: tsi-slideRight 0.367s cubic-bezier(0.1, 0.9, 0.2, 1) forwards;
@@ -1919,11 +1937,11 @@ div[class^=tsi-] {
1919
1937
  box-shadow: 0px 0px 2px 0px rgba(0, 0, 0, 0.3);
1920
1938
  text-align: left;
1921
1939
  }
1922
- .tsi-baseContextMenu > div, .tsi-modelSearchWrapper .tsi-modelSearchContextMenu > div,
1940
+ .tsi-baseContextMenu > div, .tsi-ellipsisMenuContainer .tsi-ellipsisMenu > div,
1923
1941
  .tsi-baseContextMenu > li,
1924
- .tsi-modelSearchWrapper .tsi-modelSearchContextMenu > li,
1942
+ .tsi-ellipsisMenuContainer .tsi-ellipsisMenu > li,
1925
1943
  .tsi-baseContextMenu > button,
1926
- .tsi-modelSearchWrapper .tsi-modelSearchContextMenu > button {
1944
+ .tsi-ellipsisMenuContainer .tsi-ellipsisMenu > button {
1927
1945
  padding: 4px 8px;
1928
1946
  font-size: 12px;
1929
1947
  cursor: pointer;
@@ -1932,13 +1950,13 @@ div[class^=tsi-] {
1932
1950
  align-items: center;
1933
1951
  overflow: hidden;
1934
1952
  }
1935
- .tsi-baseContextMenu .tsi-break, .tsi-modelSearchWrapper .tsi-modelSearchContextMenu .tsi-break {
1953
+ .tsi-baseContextMenu .tsi-break, .tsi-ellipsisMenuContainer .tsi-ellipsisMenu .tsi-break {
1936
1954
  height: 4px;
1937
1955
  margin-top: 4px;
1938
1956
  padding: 0 0 4px 0;
1939
1957
  cursor: default;
1940
1958
  }
1941
- .tsi-baseContextMenu .tsi-break:last-of-type, .tsi-modelSearchWrapper .tsi-modelSearchContextMenu .tsi-break:last-of-type {
1959
+ .tsi-baseContextMenu .tsi-break:last-of-type, .tsi-ellipsisMenuContainer .tsi-ellipsisMenu .tsi-break:last-of-type {
1942
1960
  display: none;
1943
1961
  }
1944
1962
 
@@ -2118,212 +2136,191 @@ select::-ms-expand {
2118
2136
  font-weight: 300;
2119
2137
  }
2120
2138
 
2121
- .tsi-modelSearchWrapper {
2122
- height: 100%;
2123
- width: 100%;
2124
- display: flex;
2125
- flex-wrap: wrap;
2126
- position: relative;
2139
+ .tsi-ellipsisMenuContainer {
2140
+ left: 0px;
2141
+ top: 0px;
2142
+ width: 24px;
2143
+ height: 24px;
2127
2144
  }
2128
- .tsi-modelSearchWrapper .tsi-modelSearchInputWrapper {
2129
- width: 100%;
2130
- z-index: 2;
2131
- height: 48px;
2145
+ .tsi-ellipsisMenuContainer.tsi-ellipsisMenuShown .tsi-ellipsisMenu {
2146
+ animation: tsi-slideIn 0.367s cubic-bezier(0.1, 0.9, 0.2, 1) forwards;
2147
+ display: block;
2132
2148
  }
2133
- .tsi-modelSearchWrapper .tsi-hierarchyWrapper {
2134
- position: absolute;
2135
- top: 40px;
2149
+ .tsi-ellipsisMenuContainer .tsi-ellipsisButton {
2150
+ cursor: pointer;
2151
+ border: none;
2152
+ background-color: transparent;
2136
2153
  width: 100%;
2137
- height: calc(100% - 40px);
2138
- left: 0;
2139
- }
2140
- .tsi-modelSearchWrapper .tsi-hierarchyWrapper .tsi-filterWrapper {
2141
- display: none;
2154
+ height: 100%;
2155
+ background-repeat: no-repeat;
2156
+ display: flex;
2157
+ background-position-x: 2px;
2158
+ background-position-y: 3px;
2159
+ border-radius: 2px;
2160
+ transition: background-color 0.15s ease;
2142
2161
  }
2143
- .tsi-modelSearchWrapper .tsi-hierarchyWrapper .tsi-navTabWrapper {
2162
+ .tsi-ellipsisMenuContainer .tsi-ellipsisMenu {
2163
+ position: absolute;
2164
+ cursor: pointer;
2165
+ min-width: 220px;
2166
+ top: 24px;
2167
+ right: 0;
2168
+ z-index: 10000;
2144
2169
  display: none;
2170
+ flex-direction: column;
2145
2171
  }
2146
- .tsi-modelSearchWrapper.tsi-dark {
2147
- background: #0d0f0e;
2148
- color: #fff;
2149
- }
2150
- .tsi-modelSearchWrapper.tsi-dark hit {
2151
- background: #fff9a8;
2152
- font-weight: 600;
2153
- color: black;
2172
+ .tsi-ellipsisMenuContainer .tsi-ellipsisMenu .tsi-ellipsisMenuItem {
2173
+ background-color: transparent;
2174
+ border: none;
2175
+ color: inherit;
2176
+ width: 100%;
2177
+ text-align: left;
2154
2178
  }
2155
- .tsi-modelSearchWrapper.tsi-dark .tsi-showMore {
2156
- color: #60aaff;
2179
+ .tsi-ellipsisMenuContainer .tsi-ellipsisMenu .tsi-ellipsisMenuItem .tsi-ellipsisMenuIcon {
2180
+ background-size: 20px 20px;
2181
+ background-repeat: no-repeat;
2182
+ height: 20px;
2183
+ width: 20px;
2184
+ margin-right: 12px;
2185
+ top: 2px;
2186
+ display: inline-block;
2187
+ position: relative;
2188
+ flex-shrink: 0;
2157
2189
  }
2158
- .tsi-modelSearchWrapper.tsi-dark .tsi-modelSearchInstances > div {
2159
- border-bottom: 1px solid rgba(255, 255, 255, 0.05);
2190
+ .tsi-ellipsisMenuContainer .tsi-ellipsisMenu .tsi-ellipsisMenuItem .tsi-ellipsisMenuLabel {
2191
+ display: inline-block;
2192
+ position: relative;
2193
+ width: calc(100% - 60px);
2194
+ text-overflow: ellipsis;
2195
+ white-space: nowrap;
2196
+ overflow: hidden;
2160
2197
  }
2161
- .tsi-modelSearchWrapper.tsi-dark .tsi-modelSearchInstances > div:hover, .tsi-modelSearchWrapper.tsi-dark .tsi-modelSearchInstances > div:focus, .tsi-modelSearchWrapper.tsi-dark .tsi-modelSearchInstances > div.tsi-resultSelected {
2162
- background-color: #62666c;
2198
+ .tsi-ellipsisMenuContainer .tsi-actionElement {
2199
+ padding: 4px 16px;
2200
+ cursor: default;
2201
+ font-size: 12px;
2163
2202
  }
2164
- .tsi-modelSearchWrapper.tsi-dark .tsi-modelSearchInstances > div:hover::after, .tsi-modelSearchWrapper.tsi-dark .tsi-modelSearchInstances > div:focus::after, .tsi-modelSearchWrapper.tsi-dark .tsi-modelSearchInstances > div.tsi-resultSelected::after {
2165
- content: "";
2166
- position: absolute;
2167
- width: 14px;
2168
- height: 14px;
2169
- top: 8px;
2170
- left: calc(100% - 20px);
2171
- 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") no-repeat;
2172
- transform: rotate(-90deg);
2203
+ .tsi-ellipsisMenuContainer.tsi-dark {
2204
+ color: #fff;
2173
2205
  }
2174
- .tsi-modelSearchWrapper.tsi-dark .tsi-baseContextMenu, .tsi-modelSearchWrapper.tsi-dark .tsi-modelSearchContextMenu {
2206
+ .tsi-ellipsisMenuContainer.tsi-dark .tsi-baseContextMenu, .tsi-ellipsisMenuContainer.tsi-dark .tsi-ellipsisMenu {
2175
2207
  border-color: #60aaff;
2176
2208
  background-color: #0d0f0e;
2177
2209
  box-shadow: 0 1px 3px 0 rgba(255, 255, 255, 0.16);
2178
2210
  }
2179
- .tsi-modelSearchWrapper.tsi-dark .tsi-baseContextMenu > div:hover, .tsi-modelSearchWrapper.tsi-dark .tsi-modelSearchContextMenu > div:hover, .tsi-modelSearchWrapper.tsi-dark .tsi-baseContextMenu > div:focus, .tsi-modelSearchWrapper.tsi-dark .tsi-modelSearchContextMenu > div:focus {
2211
+ .tsi-ellipsisMenuContainer.tsi-dark .tsi-baseContextMenu > div:hover, .tsi-ellipsisMenuContainer.tsi-dark .tsi-ellipsisMenu > div:hover, .tsi-ellipsisMenuContainer.tsi-dark .tsi-baseContextMenu > div:focus, .tsi-ellipsisMenuContainer.tsi-dark .tsi-ellipsisMenu > div:focus {
2180
2212
  background-color: #62666c;
2181
2213
  }
2182
- .tsi-modelSearchWrapper.tsi-dark .tsi-baseContextMenu .tsi-break, .tsi-modelSearchWrapper.tsi-dark .tsi-modelSearchContextMenu .tsi-break {
2214
+ .tsi-ellipsisMenuContainer.tsi-dark .tsi-baseContextMenu .tsi-break, .tsi-ellipsisMenuContainer.tsi-dark .tsi-ellipsisMenu .tsi-break {
2183
2215
  border-top: 1px solid rgba(96, 170, 255, 0.2);
2184
2216
  }
2185
- .tsi-modelSearchWrapper.tsi-dark .tsi-baseContextMenu .tsi-break:hover, .tsi-modelSearchWrapper.tsi-dark .tsi-modelSearchContextMenu .tsi-break:hover, .tsi-modelSearchWrapper.tsi-dark .tsi-baseContextMenu .tsi-break:focus, .tsi-modelSearchWrapper.tsi-dark .tsi-modelSearchContextMenu .tsi-break:focus {
2217
+ .tsi-ellipsisMenuContainer.tsi-dark .tsi-baseContextMenu .tsi-break:hover, .tsi-ellipsisMenuContainer.tsi-dark .tsi-ellipsisMenu .tsi-break:hover, .tsi-ellipsisMenuContainer.tsi-dark .tsi-baseContextMenu .tsi-break:focus, .tsi-ellipsisMenuContainer.tsi-dark .tsi-ellipsisMenu .tsi-break:focus {
2186
2218
  background-color: #0d0f0e;
2187
2219
  }
2188
- .tsi-modelSearchWrapper.tsi-dark .tsi-searchInput {
2220
+ .tsi-ellipsisMenuContainer.tsi-dark .tsi-searchInput {
2189
2221
  border: 1px solid #31373e;
2190
2222
  }
2191
- .tsi-modelSearchWrapper.tsi-dark .tsi-searchInput:focus {
2223
+ .tsi-ellipsisMenuContainer.tsi-dark .tsi-searchInput:focus {
2192
2224
  border: 1px solid #60aaff;
2193
2225
  }
2194
- .tsi-modelSearchWrapper.tsi-dark .tsi-baseMono {
2226
+ .tsi-ellipsisMenuContainer.tsi-dark .tsi-baseMono {
2195
2227
  background: #1e2223;
2196
2228
  }
2197
- .tsi-modelSearchWrapper.tsi-dark :global .awesomplete > ul {
2198
- background: #1e2223;
2199
- color: #fff;
2200
- border: 1px solid #fff;
2229
+ .tsi-ellipsisMenuContainer.tsi-dark path {
2230
+ stroke: #fff;
2201
2231
  }
2202
- .tsi-modelSearchWrapper.tsi-dark :global .awesomplete > ul li[aria-selected=true], .tsi-modelSearchWrapper.tsi-dark :global .awesomplete > ul li:hover {
2203
- background: #62666c;
2232
+ .tsi-ellipsisMenuContainer.tsi-dark .tsi-ellipsisMenu {
2233
+ border-color: #60aaff;
2234
+ background-color: #0d0f0e;
2204
2235
  }
2205
- .tsi-modelSearchWrapper.tsi-light {
2206
- background: #ffffff;
2207
- color: #000;
2236
+ .tsi-ellipsisMenuContainer.tsi-dark .tsi-ellipsisMenu .tsi-ellipsisMenuItem:hover {
2237
+ background-color: #62666c;
2208
2238
  }
2209
- .tsi-modelSearchWrapper.tsi-light hit {
2210
- background: #fff9a8;
2211
- font-weight: 600;
2212
- color: black;
2239
+ .tsi-ellipsisMenuContainer.tsi-dark.tsi-ellipsisMenuShown .tsi-ellipsisButton {
2240
+ background-color: #62666c;
2213
2241
  }
2214
- .tsi-modelSearchWrapper.tsi-light .tsi-showMore {
2215
- color: #136bfb;
2242
+ @media screen and (-ms-high-contrast: white-on-black) {
2243
+ .tsi-ellipsisMenuContainer.tsi-dark .tsi-ellipsisButton {
2244
+ background-color: #fff;
2245
+ background-image: url("data:image/svg+xml, %3Csvg xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22 id%3D%22iconEllipsis-dark%22 viewBox%3D%220 0 16 16%22 fill%3D%22none%22%3E %0D %3Cdefs%3E%0D %3Cstyle%3E%0D .cls-ellipsisDark-1%2C.cls-ellipsisDark-4%7Bfill%3Anone%7D.cls-ellipsisDark-2%7Bopacity%3A.1%7D.cls-ellipsisDark-3%7Bfill%3Argba(255%2C255%2C255%2C.1)%7D.cls-ellipsisDark-4%7Bstroke%3A%23FFF%7D%0D %3C%2Fstyle%3E%0D %3C%2Fdefs%3E%0D %3Cg transform%3D%22translate(-488 -60)%22%3E%0D %3Cpath d%3D%22M0 0h16v16H0z%22 class%3D%22cls-ellipsisDark-1%22 data-name%3D%22Rectangle 35712%22 transform%3D%22translate(488 60)%22%2F%3E%0D %3Cg data-name%3D%22Group 51398%22 transform%3D%22translate(-169.1 -543.8)%22%3E%0D %3Cg class%3D%22cls-ellipsisDark-2%22 data-name%3D%22Group 21684%22 transform%3D%22translate(498.6 540)%22%3E%0D %3Cpath d%3D%22M162 73.8a1.5 1.5 0 1 0-1.5-1.5 1.473 1.473 0 0 0 1.5 1.5z%22 data-name%3D%22Path 43575%22%2F%3E%0D %3Cpath d%3D%22M167 73.8a1.5 1.5 0 1 0-1.5-1.5 1.473 1.473 0 0 0 1.5 1.5z%22 data-name%3D%22Path 43576%22%2F%3E%0D %3Cpath d%3D%22M172 73.8a1.5 1.5 0 1 0-1.5-1.5 1.473 1.473 0 0 0 1.5 1.5z%22 data-name%3D%22Path 43577%22%2F%3E%0D %3C%2Fg%3E%0D %3Cpath d%3D%22M162 72.8a1.5 1.5 0 1 0-1.5-1.5 1.473 1.473 0 0 0 1.5 1.5z%22 class%3D%22cls-ellipsisDark-3%22 data-name%3D%22Path 44739%22 transform%3D%22translate(498.6 540)%22%2F%3E%0D %3Cpath d%3D%22M163 71.3a1 1 0 1 1-1-1 1.075 1.075 0 0 1 1 1z%22 class%3D%22cls-ellipsisDark-4%22 data-name%3D%22Path 44740%22 transform%3D%22translate(498.6 540)%22%2F%3E%0D %3Cpath d%3D%22M167 72.8a1.5 1.5 0 1 0-1.5-1.5 1.473 1.473 0 0 0 1.5 1.5z%22 class%3D%22cls-ellipsisDark-3%22 data-name%3D%22Path 44741%22 transform%3D%22translate(498.6 540)%22%2F%3E%0D %3Cpath d%3D%22M168 71.3a1 1 0 1 1-1-1 1.075 1.075 0 0 1 1 1z%22 class%3D%22cls-ellipsisDark-4%22 data-name%3D%22Path 44742%22 transform%3D%22translate(498.6 540)%22%2F%3E%0D %3Cpath d%3D%22M172 72.8a1.5 1.5 0 1 0-1.5-1.5 1.473 1.473 0 0 0 1.5 1.5z%22 class%3D%22cls-ellipsisDark-3%22 data-name%3D%22Path 44743%22 transform%3D%22translate(498.6 540)%22%2F%3E%0D %3Cpath d%3D%22M173 71.3a1 1 0 1 1-1-1 1.075 1.075 0 0 1 1 1z%22 class%3D%22cls-ellipsisDark-4%22 data-name%3D%22Path 44744%22 transform%3D%22translate(498.6 540)%22%2F%3E%0D %3C%2Fg%3E%0D %3C%2Fg%3E%0D %3C%2Fsvg%3E") !important;
2246
+ }
2216
2247
  }
2217
- .tsi-modelSearchWrapper.tsi-light .tsi-modelSearchInstances > div {
2218
- border-bottom: 1px solid rgba(0, 0, 0, 0.05);
2248
+ .tsi-ellipsisMenuContainer.tsi-dark .tsi-ellipsisButton {
2249
+ background-size: 20px 20px;
2250
+ background-image: url("data:image/svg+xml, %3Csvg xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22 id%3D%22iconEllipsis-dark%22 viewBox%3D%220 0 16 16%22 fill%3D%22none%22%3E %0D %3Cdefs%3E%0D %3Cstyle%3E%0D .cls-ellipsisDark-1%2C.cls-ellipsisDark-4%7Bfill%3Anone%7D.cls-ellipsisDark-2%7Bopacity%3A.1%7D.cls-ellipsisDark-3%7Bfill%3Argba(255%2C255%2C255%2C.1)%7D.cls-ellipsisDark-4%7Bstroke%3A%23FFF%7D%0D %3C%2Fstyle%3E%0D %3C%2Fdefs%3E%0D %3Cg transform%3D%22translate(-488 -60)%22%3E%0D %3Cpath d%3D%22M0 0h16v16H0z%22 class%3D%22cls-ellipsisDark-1%22 data-name%3D%22Rectangle 35712%22 transform%3D%22translate(488 60)%22%2F%3E%0D %3Cg data-name%3D%22Group 51398%22 transform%3D%22translate(-169.1 -543.8)%22%3E%0D %3Cg class%3D%22cls-ellipsisDark-2%22 data-name%3D%22Group 21684%22 transform%3D%22translate(498.6 540)%22%3E%0D %3Cpath d%3D%22M162 73.8a1.5 1.5 0 1 0-1.5-1.5 1.473 1.473 0 0 0 1.5 1.5z%22 data-name%3D%22Path 43575%22%2F%3E%0D %3Cpath d%3D%22M167 73.8a1.5 1.5 0 1 0-1.5-1.5 1.473 1.473 0 0 0 1.5 1.5z%22 data-name%3D%22Path 43576%22%2F%3E%0D %3Cpath d%3D%22M172 73.8a1.5 1.5 0 1 0-1.5-1.5 1.473 1.473 0 0 0 1.5 1.5z%22 data-name%3D%22Path 43577%22%2F%3E%0D %3C%2Fg%3E%0D %3Cpath d%3D%22M162 72.8a1.5 1.5 0 1 0-1.5-1.5 1.473 1.473 0 0 0 1.5 1.5z%22 class%3D%22cls-ellipsisDark-3%22 data-name%3D%22Path 44739%22 transform%3D%22translate(498.6 540)%22%2F%3E%0D %3Cpath d%3D%22M163 71.3a1 1 0 1 1-1-1 1.075 1.075 0 0 1 1 1z%22 class%3D%22cls-ellipsisDark-4%22 data-name%3D%22Path 44740%22 transform%3D%22translate(498.6 540)%22%2F%3E%0D %3Cpath d%3D%22M167 72.8a1.5 1.5 0 1 0-1.5-1.5 1.473 1.473 0 0 0 1.5 1.5z%22 class%3D%22cls-ellipsisDark-3%22 data-name%3D%22Path 44741%22 transform%3D%22translate(498.6 540)%22%2F%3E%0D %3Cpath d%3D%22M168 71.3a1 1 0 1 1-1-1 1.075 1.075 0 0 1 1 1z%22 class%3D%22cls-ellipsisDark-4%22 data-name%3D%22Path 44742%22 transform%3D%22translate(498.6 540)%22%2F%3E%0D %3Cpath d%3D%22M172 72.8a1.5 1.5 0 1 0-1.5-1.5 1.473 1.473 0 0 0 1.5 1.5z%22 class%3D%22cls-ellipsisDark-3%22 data-name%3D%22Path 44743%22 transform%3D%22translate(498.6 540)%22%2F%3E%0D %3Cpath d%3D%22M173 71.3a1 1 0 1 1-1-1 1.075 1.075 0 0 1 1 1z%22 class%3D%22cls-ellipsisDark-4%22 data-name%3D%22Path 44744%22 transform%3D%22translate(498.6 540)%22%2F%3E%0D %3C%2Fg%3E%0D %3C%2Fg%3E%0D %3C%2Fsvg%3E");
2219
2251
  }
2220
- .tsi-modelSearchWrapper.tsi-light .tsi-modelSearchInstances > div:hover, .tsi-modelSearchWrapper.tsi-light .tsi-modelSearchInstances > div:focus, .tsi-modelSearchWrapper.tsi-light .tsi-modelSearchInstances > div.tsi-resultSelected {
2221
- background-color: #b3d6f2;
2252
+ .tsi-ellipsisMenuContainer.tsi-dark .tsi-ellipsisMenu .tsi-ellipsisMenuItem .tsi-ellipsisMenuIcon.flagIcon {
2253
+ background-size: 20px 20px;
2254
+ background-image: url("data:image/svg+xml,%3Csvg xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22 width%3D%2219%22 height%3D%2216%22 viewBox%3D%220 0 19 16%22 fill%3D%22none%22%3E%0D%3Cpath opacity%3D%220.25%22 d%3D%22M2.30005 2.40039H14.761V8.96909H2.30005L6.12605 5.68479L2.30005 2.40039Z%22 stroke%3D%22black%22 stroke-linejoin%3D%22bevel%22%2F%3E%0D%3Cpath d%3D%22M3.28613 2.21289H15.7471V8.78159H3.28613L7.11213 5.49729L3.28613 2.21289Z%22 fill%3D%22%23F4F4F4%22 fill-opacity%3D%220.25%22 stroke%3D%22%23F4F4F4%22 stroke-linejoin%3D%22bevel%22%2F%3E%0D%3Cpath d%3D%22M16.6978 1H15.5439V14H16.6978V1Z%22 fill%3D%22%233195E3%22%2F%3E%0D%3C%2Fsvg%3E");
2222
2255
  }
2223
- .tsi-modelSearchWrapper.tsi-light .tsi-modelSearchInstances > div:hover::after, .tsi-modelSearchWrapper.tsi-light .tsi-modelSearchInstances > div:focus::after, .tsi-modelSearchWrapper.tsi-light .tsi-modelSearchInstances > div.tsi-resultSelected::after {
2224
- content: "";
2225
- position: absolute;
2226
- width: 14px;
2227
- height: 14px;
2228
- top: 8px;
2229
- left: calc(100% - 20px);
2230
- 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") no-repeat;
2231
- transform: rotate(-90deg);
2256
+ .tsi-ellipsisMenuContainer.tsi-dark .tsi-ellipsisMenu .tsi-ellipsisMenuItem .tsi-ellipsisMenuIcon.gridIcon {
2257
+ background-size: 20px 20px;
2258
+ background-image: url("data:image/svg+xml,%3Csvg xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22 width%3D%2218%22 height%3D%2215%22 viewBox%3D%220 0 18 15%22 fill%3D%22none%22 shape-rendering%3D%22geometricPrecision%22%3E%0D%3Cpath opacity%3D%220.75%22 fill-rule%3D%22evenodd%22 clip-rule%3D%22evenodd%22 d%3D%22M2.52246 4.4883V12.503H15.5225V4.4883H2.52246Z%22 fill%3D%22%23E8E8E8%22 stroke%3D%22%23F2F2F2%22 stroke-miterlimit%3D%221%22%2F%3E%0D%3Cpath opacity%3D%220.1%22 d%3D%22M15.5 2.5H2.5V5.5H15.5V2.5Z%22 stroke%3D%22black%22 stroke-miterlimit%3D%221%22%2F%3E%0D%3Cpath d%3D%22M15.5 1.5H2.5V4.5H15.5V1.5Z%22 fill%3D%22white%22 fill-opacity%3D%220.3%22 stroke%3D%22%23F4F4F4%22 stroke-miterlimit%3D%221%22%2F%3E%0D%3Cpath d%3D%22M10 10H8V12H10V10Z%22 fill%3D%22%231F1F20%22%2F%3E%0D%3Cpath d%3D%22M6 10H4V12H6V10Z%22 fill%3D%22%231F1F20%22%2F%3E%0D%3Cpath d%3D%22M14 10H12V12H14V10Z%22 fill%3D%22%231F1F20%22%2F%3E%0D%3Cpath d%3D%22M10 7H8V9H10V7Z%22 fill%3D%22%231F1F20%22%2F%3E%0D%3Cpath d%3D%22M6 7H4V9H6V7Z%22 fill%3D%22%231F1F20%22%2F%3E%0D%3Cpath d%3D%22M14 7H12V9H14V7Z%22 fill%3D%22%231F1F20%22%2F%3E%0D%3Cpath d%3D%22M10 9H8V11H10V9Z%22 fill%3D%22%23C5C5C5%22%2F%3E%0D%3Cpath d%3D%22M6 9H4V11H6V9Z%22 fill%3D%22%23C5C5C5%22%2F%3E%0D%3Cpath d%3D%22M14 9H12V11H14V9Z%22 fill%3D%22%23C5C5C5%22%2F%3E%0D%3Cpath d%3D%22M10 6H8V8H10V6Z%22 fill%3D%22%23C5C5C5%22%2F%3E%0D%3Cpath d%3D%22M6 6H4V8H6V6Z%22 fill%3D%22%23C5C5C5%22%2F%3E%0D%3Cpath d%3D%22M14 6H12V8H14V6Z%22 fill%3D%22%23C5C5C5%22%2F%3E%0D%3C%2Fsvg%3E");
2232
2259
  }
2233
- .tsi-modelSearchWrapper.tsi-light .tsi-baseContextMenu, .tsi-modelSearchWrapper.tsi-light .tsi-modelSearchContextMenu {
2260
+ .tsi-ellipsisMenuContainer.tsi-dark .tsi-ellipsisMenu .tsi-ellipsisMenuItem .tsi-ellipsisMenuIcon.downloadIcon {
2261
+ background-size: 16px 16px;
2262
+ 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%3Cg opacity%3D%220.25%22%3E%0D%3Cpath d%3D%22M3.49609 9.5L7.4961 13.5L11.4961 9.5%22 stroke%3D%22black%22 stroke-miterlimit%3D%221%22 stroke-linejoin%3D%22bevel%22%2F%3E%0D%3Cpath d%3D%22M7.49609 2.0004V13.5%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%22M3.49609 8.5L7.4961 12.5L11.4961 8.5%22 stroke%3D%22%23F4F4F4%22 stroke-miterlimit%3D%221%22 stroke-linejoin%3D%22bevel%22%2F%3E%0D%3Cpath d%3D%22M7.49609 1.0004V12.5%22 stroke%3D%22%23F4F4F4%22 stroke-miterlimit%3D%221%22 stroke-linejoin%3D%22bevel%22%2F%3E%0D%3Cpath opacity%3D%220.75%22 d%3D%22M2.99609 14.5H11.9961%22 stroke%3D%22%23F4F4F4%22 stroke-miterlimit%3D%221%22 stroke-linejoin%3D%22bevel%22%2F%3E%0D%3C%2Fsvg%3E%0D");
2263
+ }
2264
+ .tsi-ellipsisMenuContainer.tsi-light {
2265
+ color: #000;
2266
+ }
2267
+ .tsi-ellipsisMenuContainer.tsi-light .tsi-baseContextMenu, .tsi-ellipsisMenuContainer.tsi-light .tsi-ellipsisMenu {
2234
2268
  border-color: #136bfb;
2235
2269
  background-color: #ffffff;
2236
2270
  box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.16);
2237
2271
  }
2238
- .tsi-modelSearchWrapper.tsi-light .tsi-baseContextMenu > div:hover, .tsi-modelSearchWrapper.tsi-light .tsi-modelSearchContextMenu > div:hover, .tsi-modelSearchWrapper.tsi-light .tsi-baseContextMenu > div:focus, .tsi-modelSearchWrapper.tsi-light .tsi-modelSearchContextMenu > div:focus {
2272
+ .tsi-ellipsisMenuContainer.tsi-light .tsi-baseContextMenu > div:hover, .tsi-ellipsisMenuContainer.tsi-light .tsi-ellipsisMenu > div:hover, .tsi-ellipsisMenuContainer.tsi-light .tsi-baseContextMenu > div:focus, .tsi-ellipsisMenuContainer.tsi-light .tsi-ellipsisMenu > div:focus {
2239
2273
  background-color: #b3d6f2;
2240
2274
  }
2241
- .tsi-modelSearchWrapper.tsi-light .tsi-baseContextMenu .tsi-break, .tsi-modelSearchWrapper.tsi-light .tsi-modelSearchContextMenu .tsi-break {
2275
+ .tsi-ellipsisMenuContainer.tsi-light .tsi-baseContextMenu .tsi-break, .tsi-ellipsisMenuContainer.tsi-light .tsi-ellipsisMenu .tsi-break {
2242
2276
  border-top: 1px solid rgba(19, 107, 251, 0.2);
2243
2277
  }
2244
- .tsi-modelSearchWrapper.tsi-light .tsi-baseContextMenu .tsi-break:hover, .tsi-modelSearchWrapper.tsi-light .tsi-modelSearchContextMenu .tsi-break:hover, .tsi-modelSearchWrapper.tsi-light .tsi-baseContextMenu .tsi-break:focus, .tsi-modelSearchWrapper.tsi-light .tsi-modelSearchContextMenu .tsi-break:focus {
2278
+ .tsi-ellipsisMenuContainer.tsi-light .tsi-baseContextMenu .tsi-break:hover, .tsi-ellipsisMenuContainer.tsi-light .tsi-ellipsisMenu .tsi-break:hover, .tsi-ellipsisMenuContainer.tsi-light .tsi-baseContextMenu .tsi-break:focus, .tsi-ellipsisMenuContainer.tsi-light .tsi-ellipsisMenu .tsi-break:focus {
2245
2279
  background-color: #ffffff;
2246
2280
  }
2247
- .tsi-modelSearchWrapper.tsi-light .tsi-searchInput {
2281
+ .tsi-ellipsisMenuContainer.tsi-light .tsi-searchInput {
2248
2282
  border: 1px solid #dcdcdc;
2249
2283
  }
2250
- .tsi-modelSearchWrapper.tsi-light .tsi-searchInput:focus {
2284
+ .tsi-ellipsisMenuContainer.tsi-light .tsi-searchInput:focus {
2251
2285
  border: 1px solid #136bfb;
2252
2286
  }
2253
- .tsi-modelSearchWrapper.tsi-light .tsi-baseMono {
2254
- background: #f2f2f2;
2255
- }
2256
- .tsi-modelSearchWrapper.tsi-light :global .awesomplete > ul {
2287
+ .tsi-ellipsisMenuContainer.tsi-light .tsi-baseMono {
2257
2288
  background: #f2f2f2;
2258
- color: #000;
2259
- border: 1px solid #000;
2260
2289
  }
2261
- .tsi-modelSearchWrapper.tsi-light :global .awesomplete > ul li[aria-selected=true], .tsi-modelSearchWrapper.tsi-light :global .awesomplete > ul li:hover {
2262
- background: #b3d6f2;
2290
+ .tsi-ellipsisMenuContainer.tsi-light path {
2291
+ stroke: #000;
2263
2292
  }
2264
- .tsi-modelSearchWrapper .tsi-modelSearchResults {
2265
- flex-grow: 1;
2266
- display: flex;
2267
- height: calc(100% - 48px);
2268
- overflow: auto;
2293
+ .tsi-ellipsisMenuContainer.tsi-light .tsi-ellipsisMenu {
2294
+ border-color: #136bfb;
2295
+ background-color: #ffffff;
2269
2296
  }
2270
- .tsi-modelSearchWrapper .tsi-modelSearchResults .tsi-noResults {
2271
- padding: 20px;
2272
- white-space: nowrap;
2273
- height: 40px;
2274
- margin-left: 40px;
2297
+ .tsi-ellipsisMenuContainer.tsi-light .tsi-ellipsisMenu .tsi-ellipsisMenuItem:hover {
2298
+ background-color: #b3d6f2;
2275
2299
  }
2276
- .tsi-modelSearchWrapper .tsi-modelSearchResults .tsi-showMore {
2277
- cursor: pointer;
2278
- text-align: center;
2279
- padding-bottom: 8px;
2280
- font-size: 13px;
2300
+ .tsi-ellipsisMenuContainer.tsi-light.tsi-ellipsisMenuShown .tsi-ellipsisButton {
2301
+ background-color: #b3d6f2;
2281
2302
  }
2282
- .tsi-modelSearchWrapper .tsi-modelSearchResults .tsi-showMore:hover {
2283
- text-decoration: underline;
2303
+ @media screen and (-ms-high-contrast: white-on-black) {
2304
+ .tsi-ellipsisMenuContainer.tsi-light .tsi-ellipsisButton {
2305
+ background-color: #fff;
2306
+ background-image: url("data:image/svg+xml, %3Csvg xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22 id%3D%22iconEllipsis-dark%22 viewBox%3D%220 0 16 16%22 fill%3D%22none%22%3E %0D %3Cdefs%3E%0D %3Cstyle%3E%0D .cls-ellipsisDark-1%2C.cls-ellipsisDark-4%7Bfill%3Anone%7D.cls-ellipsisDark-2%7Bopacity%3A.1%7D.cls-ellipsisDark-3%7Bfill%3Argba(255%2C255%2C255%2C.1)%7D.cls-ellipsisDark-4%7Bstroke%3A%23FFF%7D%0D %3C%2Fstyle%3E%0D %3C%2Fdefs%3E%0D %3Cg transform%3D%22translate(-488 -60)%22%3E%0D %3Cpath d%3D%22M0 0h16v16H0z%22 class%3D%22cls-ellipsisDark-1%22 data-name%3D%22Rectangle 35712%22 transform%3D%22translate(488 60)%22%2F%3E%0D %3Cg data-name%3D%22Group 51398%22 transform%3D%22translate(-169.1 -543.8)%22%3E%0D %3Cg class%3D%22cls-ellipsisDark-2%22 data-name%3D%22Group 21684%22 transform%3D%22translate(498.6 540)%22%3E%0D %3Cpath d%3D%22M162 73.8a1.5 1.5 0 1 0-1.5-1.5 1.473 1.473 0 0 0 1.5 1.5z%22 data-name%3D%22Path 43575%22%2F%3E%0D %3Cpath d%3D%22M167 73.8a1.5 1.5 0 1 0-1.5-1.5 1.473 1.473 0 0 0 1.5 1.5z%22 data-name%3D%22Path 43576%22%2F%3E%0D %3Cpath d%3D%22M172 73.8a1.5 1.5 0 1 0-1.5-1.5 1.473 1.473 0 0 0 1.5 1.5z%22 data-name%3D%22Path 43577%22%2F%3E%0D %3C%2Fg%3E%0D %3Cpath d%3D%22M162 72.8a1.5 1.5 0 1 0-1.5-1.5 1.473 1.473 0 0 0 1.5 1.5z%22 class%3D%22cls-ellipsisDark-3%22 data-name%3D%22Path 44739%22 transform%3D%22translate(498.6 540)%22%2F%3E%0D %3Cpath d%3D%22M163 71.3a1 1 0 1 1-1-1 1.075 1.075 0 0 1 1 1z%22 class%3D%22cls-ellipsisDark-4%22 data-name%3D%22Path 44740%22 transform%3D%22translate(498.6 540)%22%2F%3E%0D %3Cpath d%3D%22M167 72.8a1.5 1.5 0 1 0-1.5-1.5 1.473 1.473 0 0 0 1.5 1.5z%22 class%3D%22cls-ellipsisDark-3%22 data-name%3D%22Path 44741%22 transform%3D%22translate(498.6 540)%22%2F%3E%0D %3Cpath d%3D%22M168 71.3a1 1 0 1 1-1-1 1.075 1.075 0 0 1 1 1z%22 class%3D%22cls-ellipsisDark-4%22 data-name%3D%22Path 44742%22 transform%3D%22translate(498.6 540)%22%2F%3E%0D %3Cpath d%3D%22M172 72.8a1.5 1.5 0 1 0-1.5-1.5 1.473 1.473 0 0 0 1.5 1.5z%22 class%3D%22cls-ellipsisDark-3%22 data-name%3D%22Path 44743%22 transform%3D%22translate(498.6 540)%22%2F%3E%0D %3Cpath d%3D%22M173 71.3a1 1 0 1 1-1-1 1.075 1.075 0 0 1 1 1z%22 class%3D%22cls-ellipsisDark-4%22 data-name%3D%22Path 44744%22 transform%3D%22translate(498.6 540)%22%2F%3E%0D %3C%2Fg%3E%0D %3C%2Fg%3E%0D %3C%2Fsvg%3E") !important;
2307
+ }
2284
2308
  }
2285
- .tsi-modelSearchWrapper .tsi-modelSearchResults .tsi-modelSearchInstancesWrapper {
2286
- width: 100%;
2309
+ .tsi-ellipsisMenuContainer.tsi-light .tsi-ellipsisButton {
2310
+ background-size: 20px 20px;
2311
+ background-image: url("data:image/svg+xml, %3Csvg xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22 id%3D%22iconEllipsis-light%22 viewBox%3D%220 0 16 16%22 fill%3D%22none%22%3E%0D %3Cdefs%3E%0D %3Cstyle%3E%0D .cls-ellipsisLight-1%2C.cls-ellipsisLight-4%7Bfill%3Anone%7D.cls-ellipsisLight-2%7Bopacity%3A.1%7D.cls-ellipsisLight-3%7Bfill%3Argba(33%2C33%2C33%2C.1)%7D.cls-ellipsisLight-4%7Bstroke%3A%23000%7D%0D %3C%2Fstyle%3E%0D %3C%2Fdefs%3E%0D %3Cg transform%3D%22translate(-488 -60)%22%3E%0D %3Cpath d%3D%22M0 0h16v16H0z%22 class%3D%22cls-ellipsisLight-1%22 data-name%3D%22Rectangle 35712%22 transform%3D%22translate(488 60)%22%2F%3E%0D %3Cg data-name%3D%22Group 51398%22 transform%3D%22translate(-169.1 -543.8)%22%3E%0D %3Cg class%3D%22cls-ellipsisLight-2%22 data-name%3D%22Group 21684%22 transform%3D%22translate(498.6 540)%22%3E%0D %3Cpath d%3D%22M162 73.8a1.5 1.5 0 1 0-1.5-1.5 1.473 1.473 0 0 0 1.5 1.5z%22 data-name%3D%22Path 43575%22%2F%3E%0D %3Cpath d%3D%22M167 73.8a1.5 1.5 0 1 0-1.5-1.5 1.473 1.473 0 0 0 1.5 1.5z%22 data-name%3D%22Path 43576%22%2F%3E%0D %3Cpath d%3D%22M172 73.8a1.5 1.5 0 1 0-1.5-1.5 1.473 1.473 0 0 0 1.5 1.5z%22 data-name%3D%22Path 43577%22%2F%3E%0D %3C%2Fg%3E%0D %3Cpath d%3D%22M162 72.8a1.5 1.5 0 1 0-1.5-1.5 1.473 1.473 0 0 0 1.5 1.5z%22 class%3D%22cls-ellipsisLight-3%22 data-name%3D%22Path 44739%22 transform%3D%22translate(498.6 540)%22%2F%3E%0D %3Cpath d%3D%22M163 71.3a1 1 0 1 1-1-1 1.075 1.075 0 0 1 1 1z%22 class%3D%22cls-ellipsisLight-4%22 data-name%3D%22Path 44740%22 transform%3D%22translate(498.6 540)%22%2F%3E%0D %3Cpath d%3D%22M167 72.8a1.5 1.5 0 1 0-1.5-1.5 1.473 1.473 0 0 0 1.5 1.5z%22 class%3D%22cls-ellipsisLight-3%22 data-name%3D%22Path 44741%22 transform%3D%22translate(498.6 540)%22%2F%3E%0D %3Cpath d%3D%22M168 71.3a1 1 0 1 1-1-1 1.075 1.075 0 0 1 1 1z%22 class%3D%22cls-ellipsisLight-4%22 data-name%3D%22Path 44742%22 transform%3D%22translate(498.6 540)%22%2F%3E%0D %3Cpath d%3D%22M172 72.8a1.5 1.5 0 1 0-1.5-1.5 1.473 1.473 0 0 0 1.5 1.5z%22 class%3D%22cls-ellipsisLight-3%22 data-name%3D%22Path 44743%22 transform%3D%22translate(498.6 540)%22%2F%3E%0D %3Cpath d%3D%22M173 71.3a1 1 0 1 1-1-1 1.075 1.075 0 0 1 1 1z%22 class%3D%22cls-ellipsisLight-4%22 data-name%3D%22Path 44744%22 transform%3D%22translate(498.6 540)%22%2F%3E%0D %3C%2Fg%3E%0D %3C%2Fg%3E%0D %3C%2Fsvg%3E");
2287
2312
  }
2288
- .tsi-modelSearchWrapper .tsi-modelSearchResults .tsi-modelSearchInstances {
2289
- flex-grow: 1;
2290
- }
2291
- .tsi-modelSearchWrapper .tsi-modelSearchResults .tsi-modelSearchInstances .tsi-modelResultWrapper {
2292
- cursor: pointer;
2293
- position: relative;
2294
- max-height: 206px;
2295
- overflow: hidden;
2296
- }
2297
- .tsi-modelSearchWrapper .tsi-modelSearchResults .tsi-modelSearchInstances .tsi-modelResultWrapper .tsi-modelResult {
2298
- pointer-events: none;
2299
- padding: 8px 20px;
2300
- }
2301
- .tsi-modelSearchWrapper .tsi-modelSearchResults .tsi-modelSearchInstances .tsi-modelResultWrapper .tsi-modelResult .tsi-modelPK {
2302
- font-weight: 600;
2303
- font-size: 14px;
2304
- }
2305
- .tsi-modelSearchWrapper .tsi-modelSearchResults .tsi-modelSearchInstances .tsi-modelResultWrapper .tsi-modelResult .tsi-modelHighlights {
2306
- font-size: 12px;
2307
- padding-top: 2px;
2308
- padding-left: 8px;
2309
- padding-bottom: 2px;
2310
- }
2311
- .tsi-modelSearchWrapper .tsi-modelSearchResults .tsi-modelSearchInstances .tsi-modelResultWrapper .tsi-modelResult .tsi-modelHighlights table {
2312
- border-spacing: 0;
2313
- margin-top: 2px;
2314
- }
2315
- .tsi-modelSearchWrapper .tsi-modelSearchResults .tsi-modelSearchInstances .tsi-modelResultWrapper .tsi-modelResult .tsi-modelHighlights table tr td:first-of-type {
2316
- padding: 0;
2317
- opacity: 0.6;
2313
+ .tsi-ellipsisMenuContainer.tsi-light .tsi-ellipsisMenu .tsi-ellipsisMenuItem .tsi-ellipsisMenuIcon.flagIcon {
2314
+ background-size: 20px 20px;
2315
+ background-image: url("data:image/svg+xml,%3Csvg xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22 width%3D%2217%22 height%3D%2215%22 viewBox%3D%220 0 17 15%22 fill%3D%22none%22%3E%0D%3Cpath opacity%3D%220.25%22 d%3D%22M1.30005 2.4004H13.76V8.9691H1.30005L5.12988 5.6848L1.30005 2.4004Z%22 stroke%3D%22black%22 stroke-linejoin%3D%22bevel%22%2F%3E%0D%3Cpath d%3D%22M2.29004 2.2129H14.75V8.7816H2.29004L6.11011 5.4973L2.29004 2.2129Z%22 fill%3D%22%23E9E9E9%22 stroke%3D%22%23666666%22 stroke-linejoin%3D%22bevel%22%2F%3E%0D%3Cpath d%3D%22M15.6938 1H14.54V14H15.6938V1Z%22 fill%3D%22%233195E3%22%2F%3E%0D%3C%2Fsvg%3E");
2318
2316
  }
2319
- .tsi-modelSearchWrapper .tsi-modelSearchResults .tsi-modelSearchInstances .tsi-modelResultWrapper .tsi-modelResult .tsi-modelHighlights table tr td:nth-of-type(2) {
2320
- padding: 0;
2321
- padding-left: 8px;
2317
+ .tsi-ellipsisMenuContainer.tsi-light .tsi-ellipsisMenu .tsi-ellipsisMenuItem .tsi-ellipsisMenuIcon.gridIcon {
2318
+ background-size: 20px 20px;
2319
+ 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%2214%22 viewBox%3D%220 0 16 14%22 fill%3D%22none%22%3E%0D%3Cpath opacity%3D%220.75%22 fill-rule%3D%22evenodd%22 clip-rule%3D%22evenodd%22 d%3D%22M1.52002 4.4883V12.503H14.52V4.4883H1.52002Z%22 fill%3D%22%23212121%22 fill-opacity%3D%220.1%22 stroke%3D%22%23212121%22 stroke-miterlimit%3D%221%22%2F%3E%0D%3Cpath opacity%3D%220.1%22 d%3D%22M14.5 2.5H1.5V5.5H14.5V2.5Z%22 stroke%3D%22black%22 stroke-miterlimit%3D%221%22%2F%3E%0D%3Cpath d%3D%22M14.5 1.5H1.5V4.5H14.5V1.5Z%22 fill%3D%22%23212121%22 fill-opacity%3D%220.1%22 stroke%3D%22%23212121%22 stroke-miterlimit%3D%221%22%2F%3E%0D%3Cpath d%3D%22M9 10H7V12H9V10Z%22 fill%3D%22%23D6D6D6%22%2F%3E%0D%3Cpath d%3D%22M5 10H3V12H5V10Z%22 fill%3D%22%23D6D6D6%22%2F%3E%0D%3Cpath d%3D%22M13 10H11V12H13V10Z%22 fill%3D%22%23D6D6D6%22%2F%3E%0D%3Cpath d%3D%22M9 7H7V9H9V7Z%22 fill%3D%22%23D6D6D6%22%2F%3E%0D%3Cpath d%3D%22M5 7H3V9H5V7Z%22 fill%3D%22%23D6D6D6%22%2F%3E%0D%3Cpath d%3D%22M13 7H11V9H13V7Z%22 fill%3D%22%23D6D6D6%22%2F%3E%0D%3Cpath d%3D%22M9 9H7V11H9V9Z%22 fill%3D%22%238A8A8A%22%2F%3E%0D%3Cpath d%3D%22M5 9H3V11H5V9Z%22 fill%3D%22%238A8A8A%22%2F%3E%0D%3Cpath d%3D%22M13 9H11V11H13V9Z%22 fill%3D%22%238A8A8A%22%2F%3E%0D%3Cpath d%3D%22M9 6H7V8H9V6Z%22 fill%3D%22%238A8A8A%22%2F%3E%0D%3Cpath d%3D%22M5 6H3V8H5V6Z%22 fill%3D%22%238A8A8A%22%2F%3E%0D%3Cpath d%3D%22M13 6H11V8H13V6Z%22 fill%3D%22%238A8A8A%22%2F%3E%0D%3C%2Fsvg%3E");
2322
2320
  }
2323
- .tsi-modelSearchWrapper .tsi-modelSearchContextMenu {
2324
- position: absolute;
2325
- left: calc(100% - 20px);
2326
- z-index: 3;
2321
+ .tsi-ellipsisMenuContainer.tsi-light .tsi-ellipsisMenu .tsi-ellipsisMenuItem .tsi-ellipsisMenuIcon.downloadIcon {
2322
+ background-size: 16px 16px;
2323
+ 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%3Cg opacity%3D%220.1%22%3E%0D%3Cpath d%3D%22M3.49609 9.5L7.4961 13.5L11.4961 9.5%22 stroke%3D%22black%22 stroke-miterlimit%3D%221%22 stroke-linejoin%3D%22bevel%22%2F%3E%0D%3Cpath d%3D%22M7.49609 2.0004V13.5%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%22M3.49609 8.5L7.4961 12.5L11.4961 8.5%22 stroke%3D%22%23212121%22 stroke-miterlimit%3D%221%22 stroke-linejoin%3D%22bevel%22%2F%3E%0D%3Cpath d%3D%22M7.49609 1.0004V12.5%22 stroke%3D%22%23212121%22 stroke-miterlimit%3D%221%22 stroke-linejoin%3D%22bevel%22%2F%3E%0D%3Cpath d%3D%22M2.99609 14.5H11.9961%22 stroke%3D%22%23212121%22 stroke-opacity%3D%220.75%22 stroke-miterlimit%3D%221%22 stroke-linejoin%3D%22bevel%22%2F%3E%0D%3C%2Fsvg%3E%0D");
2327
2324
  }
2328
2325
  div[class^=tsi-] {
2329
2326
  box-sizing: border-box;
@@ -2382,7 +2379,7 @@ div[class^=tsi-] {
2382
2379
  line-height: 16px;
2383
2380
  }
2384
2381
 
2385
- .tsi-baseContextMenu, .tsi-ellipsisMenuContainer .tsi-ellipsisMenu {
2382
+ .tsi-baseContextMenu, .tsi-hierarchy .tsi-hierarchyContextMenu {
2386
2383
  white-space: nowrap;
2387
2384
  padding: 4px 0;
2388
2385
  animation: tsi-slideRight 0.367s cubic-bezier(0.1, 0.9, 0.2, 1) forwards;
@@ -2392,11 +2389,11 @@ div[class^=tsi-] {
2392
2389
  box-shadow: 0px 0px 2px 0px rgba(0, 0, 0, 0.3);
2393
2390
  text-align: left;
2394
2391
  }
2395
- .tsi-baseContextMenu > div, .tsi-ellipsisMenuContainer .tsi-ellipsisMenu > div,
2392
+ .tsi-baseContextMenu > div, .tsi-hierarchy .tsi-hierarchyContextMenu > div,
2396
2393
  .tsi-baseContextMenu > li,
2397
- .tsi-ellipsisMenuContainer .tsi-ellipsisMenu > li,
2394
+ .tsi-hierarchy .tsi-hierarchyContextMenu > li,
2398
2395
  .tsi-baseContextMenu > button,
2399
- .tsi-ellipsisMenuContainer .tsi-ellipsisMenu > button {
2396
+ .tsi-hierarchy .tsi-hierarchyContextMenu > button {
2400
2397
  padding: 4px 8px;
2401
2398
  font-size: 12px;
2402
2399
  cursor: pointer;
@@ -2405,13 +2402,13 @@ div[class^=tsi-] {
2405
2402
  align-items: center;
2406
2403
  overflow: hidden;
2407
2404
  }
2408
- .tsi-baseContextMenu .tsi-break, .tsi-ellipsisMenuContainer .tsi-ellipsisMenu .tsi-break {
2405
+ .tsi-baseContextMenu .tsi-break, .tsi-hierarchy .tsi-hierarchyContextMenu .tsi-break {
2409
2406
  height: 4px;
2410
2407
  margin-top: 4px;
2411
2408
  padding: 0 0 4px 0;
2412
2409
  cursor: default;
2413
2410
  }
2414
- .tsi-baseContextMenu .tsi-break:last-of-type, .tsi-ellipsisMenuContainer .tsi-ellipsisMenu .tsi-break:last-of-type {
2411
+ .tsi-baseContextMenu .tsi-break:last-of-type, .tsi-hierarchy .tsi-hierarchyContextMenu .tsi-break:last-of-type {
2415
2412
  display: none;
2416
2413
  }
2417
2414
 
@@ -2591,191 +2588,194 @@ select::-ms-expand {
2591
2588
  font-weight: 300;
2592
2589
  }
2593
2590
 
2594
- .tsi-ellipsisMenuContainer {
2595
- left: 0px;
2596
- top: 0px;
2597
- width: 24px;
2598
- height: 24px;
2599
- }
2600
- .tsi-ellipsisMenuContainer.tsi-ellipsisMenuShown .tsi-ellipsisMenu {
2601
- animation: tsi-slideIn 0.367s cubic-bezier(0.1, 0.9, 0.2, 1) forwards;
2602
- display: block;
2591
+ .tsi-hierarchy.tsi-dark {
2592
+ color: #fff;
2593
+ background: #0d0f0e;
2603
2594
  }
2604
- .tsi-ellipsisMenuContainer .tsi-ellipsisButton {
2605
- cursor: pointer;
2606
- border: none;
2607
- background-color: transparent;
2608
- width: 100%;
2609
- height: 100%;
2610
- background-repeat: no-repeat;
2611
- display: flex;
2612
- background-position-x: 2px;
2613
- background-position-y: 3px;
2614
- border-radius: 2px;
2615
- transition: background-color 0.15s ease;
2595
+ .tsi-hierarchy.tsi-dark .tsi-navTabWrapper {
2596
+ border-bottom: 1px solid #fff;
2616
2597
  }
2617
- .tsi-ellipsisMenuContainer .tsi-ellipsisMenu {
2618
- position: absolute;
2598
+ .tsi-hierarchy.tsi-dark .tsi-hierarchyList li .tsi-markedName:hover {
2619
2599
  cursor: pointer;
2620
- min-width: 220px;
2621
- top: 24px;
2622
- right: 0;
2623
- z-index: 10000;
2624
- display: none;
2625
- flex-direction: column;
2600
+ background: #62666c;
2626
2601
  }
2627
- .tsi-ellipsisMenuContainer .tsi-ellipsisMenu .tsi-ellipsisMenuItem {
2602
+ .tsi-hierarchy.tsi-dark .tsi-hierarchyList li.tsi-resultSelected {
2628
2603
  background-color: transparent;
2629
- border: none;
2630
- color: inherit;
2631
- width: 100%;
2632
- text-align: left;
2633
- }
2634
- .tsi-ellipsisMenuContainer .tsi-ellipsisMenu .tsi-ellipsisMenuItem .tsi-ellipsisMenuIcon {
2635
- background-size: 20px 20px;
2636
- background-repeat: no-repeat;
2637
- height: 20px;
2638
- width: 20px;
2639
- margin-right: 12px;
2640
- top: 2px;
2641
- display: inline-block;
2642
- position: relative;
2643
- flex-shrink: 0;
2644
- }
2645
- .tsi-ellipsisMenuContainer .tsi-ellipsisMenu .tsi-ellipsisMenuItem .tsi-ellipsisMenuLabel {
2646
- display: inline-block;
2647
- position: relative;
2648
- width: calc(100% - 60px);
2649
- text-overflow: ellipsis;
2650
- white-space: nowrap;
2651
- overflow: hidden;
2652
2604
  }
2653
- .tsi-ellipsisMenuContainer .tsi-actionElement {
2654
- padding: 4px 16px;
2655
- cursor: default;
2656
- font-size: 12px;
2605
+ .tsi-hierarchy.tsi-dark .tsi-hierarchyList li.tsi-resultSelected .tsi-markedName {
2606
+ background: #62666c;
2657
2607
  }
2658
- .tsi-ellipsisMenuContainer.tsi-dark {
2659
- color: #fff;
2608
+ .tsi-hierarchy.tsi-dark .tsi-navTab.tsi-selected {
2609
+ border-bottom: 2px solid #fff;
2660
2610
  }
2661
- .tsi-ellipsisMenuContainer.tsi-dark .tsi-baseContextMenu, .tsi-ellipsisMenuContainer.tsi-dark .tsi-ellipsisMenu {
2611
+ .tsi-hierarchy.tsi-dark .tsi-baseContextMenu, .tsi-hierarchy.tsi-dark .tsi-hierarchyContextMenu {
2662
2612
  border-color: #60aaff;
2663
2613
  background-color: #0d0f0e;
2664
2614
  box-shadow: 0 1px 3px 0 rgba(255, 255, 255, 0.16);
2665
2615
  }
2666
- .tsi-ellipsisMenuContainer.tsi-dark .tsi-baseContextMenu > div:hover, .tsi-ellipsisMenuContainer.tsi-dark .tsi-ellipsisMenu > div:hover, .tsi-ellipsisMenuContainer.tsi-dark .tsi-baseContextMenu > div:focus, .tsi-ellipsisMenuContainer.tsi-dark .tsi-ellipsisMenu > div:focus {
2616
+ .tsi-hierarchy.tsi-dark .tsi-baseContextMenu > div:hover, .tsi-hierarchy.tsi-dark .tsi-hierarchyContextMenu > div:hover, .tsi-hierarchy.tsi-dark .tsi-baseContextMenu > div:focus, .tsi-hierarchy.tsi-dark .tsi-hierarchyContextMenu > div:focus {
2667
2617
  background-color: #62666c;
2668
2618
  }
2669
- .tsi-ellipsisMenuContainer.tsi-dark .tsi-baseContextMenu .tsi-break, .tsi-ellipsisMenuContainer.tsi-dark .tsi-ellipsisMenu .tsi-break {
2619
+ .tsi-hierarchy.tsi-dark .tsi-baseContextMenu .tsi-break, .tsi-hierarchy.tsi-dark .tsi-hierarchyContextMenu .tsi-break {
2670
2620
  border-top: 1px solid rgba(96, 170, 255, 0.2);
2671
2621
  }
2672
- .tsi-ellipsisMenuContainer.tsi-dark .tsi-baseContextMenu .tsi-break:hover, .tsi-ellipsisMenuContainer.tsi-dark .tsi-ellipsisMenu .tsi-break:hover, .tsi-ellipsisMenuContainer.tsi-dark .tsi-baseContextMenu .tsi-break:focus, .tsi-ellipsisMenuContainer.tsi-dark .tsi-ellipsisMenu .tsi-break:focus {
2622
+ .tsi-hierarchy.tsi-dark .tsi-baseContextMenu .tsi-break:hover, .tsi-hierarchy.tsi-dark .tsi-hierarchyContextMenu .tsi-break:hover, .tsi-hierarchy.tsi-dark .tsi-baseContextMenu .tsi-break:focus, .tsi-hierarchy.tsi-dark .tsi-hierarchyContextMenu .tsi-break:focus {
2673
2623
  background-color: #0d0f0e;
2674
2624
  }
2675
- .tsi-ellipsisMenuContainer.tsi-dark .tsi-searchInput {
2625
+ .tsi-hierarchy.tsi-dark .tsi-searchInput {
2676
2626
  border: 1px solid #31373e;
2677
2627
  }
2678
- .tsi-ellipsisMenuContainer.tsi-dark .tsi-searchInput:focus {
2628
+ .tsi-hierarchy.tsi-dark .tsi-searchInput:focus {
2679
2629
  border: 1px solid #60aaff;
2680
2630
  }
2681
- .tsi-ellipsisMenuContainer.tsi-dark .tsi-baseMono {
2631
+ .tsi-hierarchy.tsi-dark .tsi-baseMono {
2682
2632
  background: #1e2223;
2683
2633
  }
2684
- .tsi-ellipsisMenuContainer.tsi-dark path {
2685
- stroke: #fff;
2686
- }
2687
- .tsi-ellipsisMenuContainer.tsi-dark .tsi-ellipsisMenu {
2688
- border-color: #60aaff;
2689
- background-color: #0d0f0e;
2690
- }
2691
- .tsi-ellipsisMenuContainer.tsi-dark .tsi-ellipsisMenu .tsi-ellipsisMenuItem:hover {
2692
- background-color: #62666c;
2693
- }
2694
- .tsi-ellipsisMenuContainer.tsi-dark.tsi-ellipsisMenuShown .tsi-ellipsisButton {
2695
- background-color: #62666c;
2634
+ .tsi-hierarchy.tsi-dark .tsi-hierarchyList li > .tsi-caret {
2635
+ background-image: url("data:image/svg+xml,%3Csvg xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22 viewBox%3D%220 0 16 16%22%3E%0D %3Cdefs%3E%0D %3Cstyle%3E%0D .cls-1%2C .cls-2%2C .cls-3 %7B%0D fill%3A none%3B%0D %7D%0D%0D .cls-2 %7B%0D stroke%3A rgba(255%2C255%2C255%2C0.1)%3B%0D %7D%0D%0D .cls-2%2C .cls-3 %7B%0D stroke-linecap%3A square%3B%0D stroke-miterlimit%3A 1%3B%0D %7D%0D%0D .cls-3 %7B%0D stroke%3A %23FFF%3B%0D %7D%0D %3C%2Fstyle%3E%0D %3C%2Fdefs%3E%0D %3Cg id%3D%22rightCaret-light%22 transform%3D%22translate(-200 -96)%22%3E%0D %3Crect id%3D%22Rectangle_35712%22 data-name%3D%22Rectangle 35712%22 class%3D%22cls-1%22 width%3D%2216%22 height%3D%2216%22 transform%3D%22translate(200 96)%22%2F%3E%0D %3Cg id%3D%22Group_51401%22 data-name%3D%22Group 51401%22 transform%3D%22translate(200.9 95.2)%22%3E%0D %3Cpath id%3D%22Path_43134%22 data-name%3D%22Path 43134%22 class%3D%22cls-2%22 d%3D%22M37.5%2C33.8l6%2C6-6%2C6%22 transform%3D%22translate(-33.4 -30)%22%2F%3E%0D %3Cpath id%3D%22Path_43135%22 data-name%3D%22Path 43135%22 class%3D%22cls-3%22 d%3D%22M37.5%2C32.8l6%2C6-6%2C6%22 transform%3D%22translate(-33.4 -30)%22%2F%3E%0D %3C%2Fg%3E%0D %3C%2Fg%3E%0D%3C%2Fsvg%3E%0D");
2696
2636
  }
2697
- @media screen and (-ms-high-contrast: white-on-black) {
2698
- .tsi-ellipsisMenuContainer.tsi-dark .tsi-ellipsisButton {
2699
- background-color: #fff;
2700
- background-image: url("data:image/svg+xml, %3Csvg xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22 id%3D%22iconEllipsis-dark%22 viewBox%3D%220 0 16 16%22 fill%3D%22none%22%3E %0D %3Cdefs%3E%0D %3Cstyle%3E%0D .cls-ellipsisDark-1%2C.cls-ellipsisDark-4%7Bfill%3Anone%7D.cls-ellipsisDark-2%7Bopacity%3A.1%7D.cls-ellipsisDark-3%7Bfill%3Argba(255%2C255%2C255%2C.1)%7D.cls-ellipsisDark-4%7Bstroke%3A%23FFF%7D%0D %3C%2Fstyle%3E%0D %3C%2Fdefs%3E%0D %3Cg transform%3D%22translate(-488 -60)%22%3E%0D %3Cpath d%3D%22M0 0h16v16H0z%22 class%3D%22cls-ellipsisDark-1%22 data-name%3D%22Rectangle 35712%22 transform%3D%22translate(488 60)%22%2F%3E%0D %3Cg data-name%3D%22Group 51398%22 transform%3D%22translate(-169.1 -543.8)%22%3E%0D %3Cg class%3D%22cls-ellipsisDark-2%22 data-name%3D%22Group 21684%22 transform%3D%22translate(498.6 540)%22%3E%0D %3Cpath d%3D%22M162 73.8a1.5 1.5 0 1 0-1.5-1.5 1.473 1.473 0 0 0 1.5 1.5z%22 data-name%3D%22Path 43575%22%2F%3E%0D %3Cpath d%3D%22M167 73.8a1.5 1.5 0 1 0-1.5-1.5 1.473 1.473 0 0 0 1.5 1.5z%22 data-name%3D%22Path 43576%22%2F%3E%0D %3Cpath d%3D%22M172 73.8a1.5 1.5 0 1 0-1.5-1.5 1.473 1.473 0 0 0 1.5 1.5z%22 data-name%3D%22Path 43577%22%2F%3E%0D %3C%2Fg%3E%0D %3Cpath d%3D%22M162 72.8a1.5 1.5 0 1 0-1.5-1.5 1.473 1.473 0 0 0 1.5 1.5z%22 class%3D%22cls-ellipsisDark-3%22 data-name%3D%22Path 44739%22 transform%3D%22translate(498.6 540)%22%2F%3E%0D %3Cpath d%3D%22M163 71.3a1 1 0 1 1-1-1 1.075 1.075 0 0 1 1 1z%22 class%3D%22cls-ellipsisDark-4%22 data-name%3D%22Path 44740%22 transform%3D%22translate(498.6 540)%22%2F%3E%0D %3Cpath d%3D%22M167 72.8a1.5 1.5 0 1 0-1.5-1.5 1.473 1.473 0 0 0 1.5 1.5z%22 class%3D%22cls-ellipsisDark-3%22 data-name%3D%22Path 44741%22 transform%3D%22translate(498.6 540)%22%2F%3E%0D %3Cpath d%3D%22M168 71.3a1 1 0 1 1-1-1 1.075 1.075 0 0 1 1 1z%22 class%3D%22cls-ellipsisDark-4%22 data-name%3D%22Path 44742%22 transform%3D%22translate(498.6 540)%22%2F%3E%0D %3Cpath d%3D%22M172 72.8a1.5 1.5 0 1 0-1.5-1.5 1.473 1.473 0 0 0 1.5 1.5z%22 class%3D%22cls-ellipsisDark-3%22 data-name%3D%22Path 44743%22 transform%3D%22translate(498.6 540)%22%2F%3E%0D %3Cpath d%3D%22M173 71.3a1 1 0 1 1-1-1 1.075 1.075 0 0 1 1 1z%22 class%3D%22cls-ellipsisDark-4%22 data-name%3D%22Path 44744%22 transform%3D%22translate(498.6 540)%22%2F%3E%0D %3C%2Fg%3E%0D %3C%2Fg%3E%0D %3C%2Fsvg%3E") !important;
2701
- }
2637
+ .tsi-hierarchy.tsi-light {
2638
+ color: #000;
2639
+ background: #ffffff;
2702
2640
  }
2703
- .tsi-ellipsisMenuContainer.tsi-dark .tsi-ellipsisButton {
2704
- background-size: 20px 20px;
2705
- background-image: url("data:image/svg+xml, %3Csvg xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22 id%3D%22iconEllipsis-dark%22 viewBox%3D%220 0 16 16%22 fill%3D%22none%22%3E %0D %3Cdefs%3E%0D %3Cstyle%3E%0D .cls-ellipsisDark-1%2C.cls-ellipsisDark-4%7Bfill%3Anone%7D.cls-ellipsisDark-2%7Bopacity%3A.1%7D.cls-ellipsisDark-3%7Bfill%3Argba(255%2C255%2C255%2C.1)%7D.cls-ellipsisDark-4%7Bstroke%3A%23FFF%7D%0D %3C%2Fstyle%3E%0D %3C%2Fdefs%3E%0D %3Cg transform%3D%22translate(-488 -60)%22%3E%0D %3Cpath d%3D%22M0 0h16v16H0z%22 class%3D%22cls-ellipsisDark-1%22 data-name%3D%22Rectangle 35712%22 transform%3D%22translate(488 60)%22%2F%3E%0D %3Cg data-name%3D%22Group 51398%22 transform%3D%22translate(-169.1 -543.8)%22%3E%0D %3Cg class%3D%22cls-ellipsisDark-2%22 data-name%3D%22Group 21684%22 transform%3D%22translate(498.6 540)%22%3E%0D %3Cpath d%3D%22M162 73.8a1.5 1.5 0 1 0-1.5-1.5 1.473 1.473 0 0 0 1.5 1.5z%22 data-name%3D%22Path 43575%22%2F%3E%0D %3Cpath d%3D%22M167 73.8a1.5 1.5 0 1 0-1.5-1.5 1.473 1.473 0 0 0 1.5 1.5z%22 data-name%3D%22Path 43576%22%2F%3E%0D %3Cpath d%3D%22M172 73.8a1.5 1.5 0 1 0-1.5-1.5 1.473 1.473 0 0 0 1.5 1.5z%22 data-name%3D%22Path 43577%22%2F%3E%0D %3C%2Fg%3E%0D %3Cpath d%3D%22M162 72.8a1.5 1.5 0 1 0-1.5-1.5 1.473 1.473 0 0 0 1.5 1.5z%22 class%3D%22cls-ellipsisDark-3%22 data-name%3D%22Path 44739%22 transform%3D%22translate(498.6 540)%22%2F%3E%0D %3Cpath d%3D%22M163 71.3a1 1 0 1 1-1-1 1.075 1.075 0 0 1 1 1z%22 class%3D%22cls-ellipsisDark-4%22 data-name%3D%22Path 44740%22 transform%3D%22translate(498.6 540)%22%2F%3E%0D %3Cpath d%3D%22M167 72.8a1.5 1.5 0 1 0-1.5-1.5 1.473 1.473 0 0 0 1.5 1.5z%22 class%3D%22cls-ellipsisDark-3%22 data-name%3D%22Path 44741%22 transform%3D%22translate(498.6 540)%22%2F%3E%0D %3Cpath d%3D%22M168 71.3a1 1 0 1 1-1-1 1.075 1.075 0 0 1 1 1z%22 class%3D%22cls-ellipsisDark-4%22 data-name%3D%22Path 44742%22 transform%3D%22translate(498.6 540)%22%2F%3E%0D %3Cpath d%3D%22M172 72.8a1.5 1.5 0 1 0-1.5-1.5 1.473 1.473 0 0 0 1.5 1.5z%22 class%3D%22cls-ellipsisDark-3%22 data-name%3D%22Path 44743%22 transform%3D%22translate(498.6 540)%22%2F%3E%0D %3Cpath d%3D%22M173 71.3a1 1 0 1 1-1-1 1.075 1.075 0 0 1 1 1z%22 class%3D%22cls-ellipsisDark-4%22 data-name%3D%22Path 44744%22 transform%3D%22translate(498.6 540)%22%2F%3E%0D %3C%2Fg%3E%0D %3C%2Fg%3E%0D %3C%2Fsvg%3E");
2641
+ .tsi-hierarchy.tsi-light .tsi-navTabWrapper {
2642
+ border-bottom: 1px solid #000;
2706
2643
  }
2707
- .tsi-ellipsisMenuContainer.tsi-dark .tsi-ellipsisMenu .tsi-ellipsisMenuItem .tsi-ellipsisMenuIcon.flagIcon {
2708
- background-size: 20px 20px;
2709
- background-image: url("data:image/svg+xml,%3Csvg xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22 width%3D%2219%22 height%3D%2216%22 viewBox%3D%220 0 19 16%22 fill%3D%22none%22%3E%0D%3Cpath opacity%3D%220.25%22 d%3D%22M2.30005 2.40039H14.761V8.96909H2.30005L6.12605 5.68479L2.30005 2.40039Z%22 stroke%3D%22black%22 stroke-linejoin%3D%22bevel%22%2F%3E%0D%3Cpath d%3D%22M3.28613 2.21289H15.7471V8.78159H3.28613L7.11213 5.49729L3.28613 2.21289Z%22 fill%3D%22%23F4F4F4%22 fill-opacity%3D%220.25%22 stroke%3D%22%23F4F4F4%22 stroke-linejoin%3D%22bevel%22%2F%3E%0D%3Cpath d%3D%22M16.6978 1H15.5439V14H16.6978V1Z%22 fill%3D%22%233195E3%22%2F%3E%0D%3C%2Fsvg%3E");
2644
+ .tsi-hierarchy.tsi-light .tsi-hierarchyList li .tsi-markedName:hover {
2645
+ cursor: pointer;
2646
+ background: #b3d6f2;
2710
2647
  }
2711
- .tsi-ellipsisMenuContainer.tsi-dark .tsi-ellipsisMenu .tsi-ellipsisMenuItem .tsi-ellipsisMenuIcon.gridIcon {
2712
- background-size: 20px 20px;
2713
- background-image: url("data:image/svg+xml,%3Csvg xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22 width%3D%2218%22 height%3D%2215%22 viewBox%3D%220 0 18 15%22 fill%3D%22none%22 shape-rendering%3D%22geometricPrecision%22%3E%0D%3Cpath opacity%3D%220.75%22 fill-rule%3D%22evenodd%22 clip-rule%3D%22evenodd%22 d%3D%22M2.52246 4.4883V12.503H15.5225V4.4883H2.52246Z%22 fill%3D%22%23E8E8E8%22 stroke%3D%22%23F2F2F2%22 stroke-miterlimit%3D%221%22%2F%3E%0D%3Cpath opacity%3D%220.1%22 d%3D%22M15.5 2.5H2.5V5.5H15.5V2.5Z%22 stroke%3D%22black%22 stroke-miterlimit%3D%221%22%2F%3E%0D%3Cpath d%3D%22M15.5 1.5H2.5V4.5H15.5V1.5Z%22 fill%3D%22white%22 fill-opacity%3D%220.3%22 stroke%3D%22%23F4F4F4%22 stroke-miterlimit%3D%221%22%2F%3E%0D%3Cpath d%3D%22M10 10H8V12H10V10Z%22 fill%3D%22%231F1F20%22%2F%3E%0D%3Cpath d%3D%22M6 10H4V12H6V10Z%22 fill%3D%22%231F1F20%22%2F%3E%0D%3Cpath d%3D%22M14 10H12V12H14V10Z%22 fill%3D%22%231F1F20%22%2F%3E%0D%3Cpath d%3D%22M10 7H8V9H10V7Z%22 fill%3D%22%231F1F20%22%2F%3E%0D%3Cpath d%3D%22M6 7H4V9H6V7Z%22 fill%3D%22%231F1F20%22%2F%3E%0D%3Cpath d%3D%22M14 7H12V9H14V7Z%22 fill%3D%22%231F1F20%22%2F%3E%0D%3Cpath d%3D%22M10 9H8V11H10V9Z%22 fill%3D%22%23C5C5C5%22%2F%3E%0D%3Cpath d%3D%22M6 9H4V11H6V9Z%22 fill%3D%22%23C5C5C5%22%2F%3E%0D%3Cpath d%3D%22M14 9H12V11H14V9Z%22 fill%3D%22%23C5C5C5%22%2F%3E%0D%3Cpath d%3D%22M10 6H8V8H10V6Z%22 fill%3D%22%23C5C5C5%22%2F%3E%0D%3Cpath d%3D%22M6 6H4V8H6V6Z%22 fill%3D%22%23C5C5C5%22%2F%3E%0D%3Cpath d%3D%22M14 6H12V8H14V6Z%22 fill%3D%22%23C5C5C5%22%2F%3E%0D%3C%2Fsvg%3E");
2648
+ .tsi-hierarchy.tsi-light .tsi-hierarchyList li.tsi-resultSelected {
2649
+ background-color: transparent;
2714
2650
  }
2715
- .tsi-ellipsisMenuContainer.tsi-dark .tsi-ellipsisMenu .tsi-ellipsisMenuItem .tsi-ellipsisMenuIcon.downloadIcon {
2716
- background-size: 16px 16px;
2717
- 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%3Cg opacity%3D%220.25%22%3E%0D%3Cpath d%3D%22M3.49609 9.5L7.4961 13.5L11.4961 9.5%22 stroke%3D%22black%22 stroke-miterlimit%3D%221%22 stroke-linejoin%3D%22bevel%22%2F%3E%0D%3Cpath d%3D%22M7.49609 2.0004V13.5%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%22M3.49609 8.5L7.4961 12.5L11.4961 8.5%22 stroke%3D%22%23F4F4F4%22 stroke-miterlimit%3D%221%22 stroke-linejoin%3D%22bevel%22%2F%3E%0D%3Cpath d%3D%22M7.49609 1.0004V12.5%22 stroke%3D%22%23F4F4F4%22 stroke-miterlimit%3D%221%22 stroke-linejoin%3D%22bevel%22%2F%3E%0D%3Cpath opacity%3D%220.75%22 d%3D%22M2.99609 14.5H11.9961%22 stroke%3D%22%23F4F4F4%22 stroke-miterlimit%3D%221%22 stroke-linejoin%3D%22bevel%22%2F%3E%0D%3C%2Fsvg%3E%0D");
2651
+ .tsi-hierarchy.tsi-light .tsi-hierarchyList li.tsi-resultSelected .tsi-markedName {
2652
+ background: #b3d6f2;
2718
2653
  }
2719
- .tsi-ellipsisMenuContainer.tsi-light {
2720
- color: #000;
2654
+ .tsi-hierarchy.tsi-light .tsi-navTab.tsi-selected {
2655
+ border-bottom: 2px solid #000;
2721
2656
  }
2722
- .tsi-ellipsisMenuContainer.tsi-light .tsi-baseContextMenu, .tsi-ellipsisMenuContainer.tsi-light .tsi-ellipsisMenu {
2657
+ .tsi-hierarchy.tsi-light .tsi-baseContextMenu, .tsi-hierarchy.tsi-light .tsi-hierarchyContextMenu {
2723
2658
  border-color: #136bfb;
2724
2659
  background-color: #ffffff;
2725
2660
  box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.16);
2726
2661
  }
2727
- .tsi-ellipsisMenuContainer.tsi-light .tsi-baseContextMenu > div:hover, .tsi-ellipsisMenuContainer.tsi-light .tsi-ellipsisMenu > div:hover, .tsi-ellipsisMenuContainer.tsi-light .tsi-baseContextMenu > div:focus, .tsi-ellipsisMenuContainer.tsi-light .tsi-ellipsisMenu > div:focus {
2662
+ .tsi-hierarchy.tsi-light .tsi-baseContextMenu > div:hover, .tsi-hierarchy.tsi-light .tsi-hierarchyContextMenu > div:hover, .tsi-hierarchy.tsi-light .tsi-baseContextMenu > div:focus, .tsi-hierarchy.tsi-light .tsi-hierarchyContextMenu > div:focus {
2728
2663
  background-color: #b3d6f2;
2729
2664
  }
2730
- .tsi-ellipsisMenuContainer.tsi-light .tsi-baseContextMenu .tsi-break, .tsi-ellipsisMenuContainer.tsi-light .tsi-ellipsisMenu .tsi-break {
2665
+ .tsi-hierarchy.tsi-light .tsi-baseContextMenu .tsi-break, .tsi-hierarchy.tsi-light .tsi-hierarchyContextMenu .tsi-break {
2731
2666
  border-top: 1px solid rgba(19, 107, 251, 0.2);
2732
2667
  }
2733
- .tsi-ellipsisMenuContainer.tsi-light .tsi-baseContextMenu .tsi-break:hover, .tsi-ellipsisMenuContainer.tsi-light .tsi-ellipsisMenu .tsi-break:hover, .tsi-ellipsisMenuContainer.tsi-light .tsi-baseContextMenu .tsi-break:focus, .tsi-ellipsisMenuContainer.tsi-light .tsi-ellipsisMenu .tsi-break:focus {
2668
+ .tsi-hierarchy.tsi-light .tsi-baseContextMenu .tsi-break:hover, .tsi-hierarchy.tsi-light .tsi-hierarchyContextMenu .tsi-break:hover, .tsi-hierarchy.tsi-light .tsi-baseContextMenu .tsi-break:focus, .tsi-hierarchy.tsi-light .tsi-hierarchyContextMenu .tsi-break:focus {
2734
2669
  background-color: #ffffff;
2735
2670
  }
2736
- .tsi-ellipsisMenuContainer.tsi-light .tsi-searchInput {
2671
+ .tsi-hierarchy.tsi-light .tsi-searchInput {
2737
2672
  border: 1px solid #dcdcdc;
2738
2673
  }
2739
- .tsi-ellipsisMenuContainer.tsi-light .tsi-searchInput:focus {
2674
+ .tsi-hierarchy.tsi-light .tsi-searchInput:focus {
2740
2675
  border: 1px solid #136bfb;
2741
2676
  }
2742
- .tsi-ellipsisMenuContainer.tsi-light .tsi-baseMono {
2677
+ .tsi-hierarchy.tsi-light .tsi-baseMono {
2743
2678
  background: #f2f2f2;
2744
2679
  }
2745
- .tsi-ellipsisMenuContainer.tsi-light path {
2746
- stroke: #000;
2680
+ .tsi-hierarchy.tsi-light .tsi-hierarchyList li > .tsi-caret {
2681
+ background-image: url("data:image/svg+xml,%3Csvg xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22 viewBox%3D%220 0 16 16%22%3E%0D %3Cdefs%3E%0D %3Cstyle%3E%0D .cls-1%2C .cls-2%2C .cls-3 %7B%0D fill%3A none%3B%0D %7D%0D%0D .cls-2 %7B%0D stroke%3A rgba(0%2C0%2C0%2C0.1)%3B%0D %7D%0D%0D .cls-2%2C .cls-3 %7B%0D stroke-linecap%3A square%3B%0D stroke-miterlimit%3A 1%3B%0D %7D%0D%0D .cls-3 %7B%0D stroke%3A %23000%3B%0D %7D%0D %3C%2Fstyle%3E%0D %3C%2Fdefs%3E%0D %3Cg id%3D%22rightCaret-light%22 transform%3D%22translate(-200 -96)%22%3E%0D %3Crect id%3D%22Rectangle_35712%22 data-name%3D%22Rectangle 35712%22 class%3D%22cls-1%22 width%3D%2216%22 height%3D%2216%22 transform%3D%22translate(200 96)%22%2F%3E%0D %3Cg id%3D%22Group_51401%22 data-name%3D%22Group 51401%22 transform%3D%22translate(200.9 95.2)%22%3E%0D %3Cpath id%3D%22Path_43134%22 data-name%3D%22Path 43134%22 class%3D%22cls-2%22 d%3D%22M37.5%2C33.8l6%2C6-6%2C6%22 transform%3D%22translate(-33.4 -30)%22%2F%3E%0D %3Cpath id%3D%22Path_43135%22 data-name%3D%22Path 43135%22 class%3D%22cls-3%22 d%3D%22M37.5%2C32.8l6%2C6-6%2C6%22 transform%3D%22translate(-33.4 -30)%22%2F%3E%0D %3C%2Fg%3E%0D %3C%2Fg%3E%0D%3C%2Fsvg%3E%0D");
2747
2682
  }
2748
- .tsi-ellipsisMenuContainer.tsi-light .tsi-ellipsisMenu {
2749
- border-color: #136bfb;
2750
- background-color: #ffffff;
2683
+ .tsi-hierarchy .tsi-filterWrapper {
2684
+ padding: 12px 20px;
2685
+ padding-bottom: 4px;
2751
2686
  }
2752
- .tsi-ellipsisMenuContainer.tsi-light .tsi-ellipsisMenu .tsi-ellipsisMenuItem:hover {
2753
- background-color: #b3d6f2;
2687
+ .tsi-hierarchy .tsi-filterWrapper input {
2688
+ width: 100%;
2689
+ padding: 4px;
2754
2690
  }
2755
- .tsi-ellipsisMenuContainer.tsi-light.tsi-ellipsisMenuShown .tsi-ellipsisButton {
2756
- background-color: #b3d6f2;
2691
+ .tsi-hierarchy .tsi-navTabWrapper {
2692
+ padding-left: 8px;
2757
2693
  }
2758
- @media screen and (-ms-high-contrast: white-on-black) {
2759
- .tsi-ellipsisMenuContainer.tsi-light .tsi-ellipsisButton {
2760
- background-color: #fff;
2761
- background-image: url("data:image/svg+xml, %3Csvg xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22 id%3D%22iconEllipsis-dark%22 viewBox%3D%220 0 16 16%22 fill%3D%22none%22%3E %0D %3Cdefs%3E%0D %3Cstyle%3E%0D .cls-ellipsisDark-1%2C.cls-ellipsisDark-4%7Bfill%3Anone%7D.cls-ellipsisDark-2%7Bopacity%3A.1%7D.cls-ellipsisDark-3%7Bfill%3Argba(255%2C255%2C255%2C.1)%7D.cls-ellipsisDark-4%7Bstroke%3A%23FFF%7D%0D %3C%2Fstyle%3E%0D %3C%2Fdefs%3E%0D %3Cg transform%3D%22translate(-488 -60)%22%3E%0D %3Cpath d%3D%22M0 0h16v16H0z%22 class%3D%22cls-ellipsisDark-1%22 data-name%3D%22Rectangle 35712%22 transform%3D%22translate(488 60)%22%2F%3E%0D %3Cg data-name%3D%22Group 51398%22 transform%3D%22translate(-169.1 -543.8)%22%3E%0D %3Cg class%3D%22cls-ellipsisDark-2%22 data-name%3D%22Group 21684%22 transform%3D%22translate(498.6 540)%22%3E%0D %3Cpath d%3D%22M162 73.8a1.5 1.5 0 1 0-1.5-1.5 1.473 1.473 0 0 0 1.5 1.5z%22 data-name%3D%22Path 43575%22%2F%3E%0D %3Cpath d%3D%22M167 73.8a1.5 1.5 0 1 0-1.5-1.5 1.473 1.473 0 0 0 1.5 1.5z%22 data-name%3D%22Path 43576%22%2F%3E%0D %3Cpath d%3D%22M172 73.8a1.5 1.5 0 1 0-1.5-1.5 1.473 1.473 0 0 0 1.5 1.5z%22 data-name%3D%22Path 43577%22%2F%3E%0D %3C%2Fg%3E%0D %3Cpath d%3D%22M162 72.8a1.5 1.5 0 1 0-1.5-1.5 1.473 1.473 0 0 0 1.5 1.5z%22 class%3D%22cls-ellipsisDark-3%22 data-name%3D%22Path 44739%22 transform%3D%22translate(498.6 540)%22%2F%3E%0D %3Cpath d%3D%22M163 71.3a1 1 0 1 1-1-1 1.075 1.075 0 0 1 1 1z%22 class%3D%22cls-ellipsisDark-4%22 data-name%3D%22Path 44740%22 transform%3D%22translate(498.6 540)%22%2F%3E%0D %3Cpath d%3D%22M167 72.8a1.5 1.5 0 1 0-1.5-1.5 1.473 1.473 0 0 0 1.5 1.5z%22 class%3D%22cls-ellipsisDark-3%22 data-name%3D%22Path 44741%22 transform%3D%22translate(498.6 540)%22%2F%3E%0D %3Cpath d%3D%22M168 71.3a1 1 0 1 1-1-1 1.075 1.075 0 0 1 1 1z%22 class%3D%22cls-ellipsisDark-4%22 data-name%3D%22Path 44742%22 transform%3D%22translate(498.6 540)%22%2F%3E%0D %3Cpath d%3D%22M172 72.8a1.5 1.5 0 1 0-1.5-1.5 1.473 1.473 0 0 0 1.5 1.5z%22 class%3D%22cls-ellipsisDark-3%22 data-name%3D%22Path 44743%22 transform%3D%22translate(498.6 540)%22%2F%3E%0D %3Cpath d%3D%22M173 71.3a1 1 0 1 1-1-1 1.075 1.075 0 0 1 1 1z%22 class%3D%22cls-ellipsisDark-4%22 data-name%3D%22Path 44744%22 transform%3D%22translate(498.6 540)%22%2F%3E%0D %3C%2Fg%3E%0D %3C%2Fg%3E%0D %3C%2Fsvg%3E") !important;
2762
- }
2694
+ .tsi-hierarchy .tsi-navTabWrapper .tsi-navTab {
2695
+ border-bottom: 2px solid transparent;
2696
+ display: inline-block;
2697
+ margin: 0 12px;
2698
+ font-size: 14px;
2699
+ cursor: pointer;
2763
2700
  }
2764
- .tsi-ellipsisMenuContainer.tsi-light .tsi-ellipsisButton {
2765
- background-size: 20px 20px;
2766
- background-image: url("data:image/svg+xml, %3Csvg xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22 id%3D%22iconEllipsis-light%22 viewBox%3D%220 0 16 16%22 fill%3D%22none%22%3E%0D %3Cdefs%3E%0D %3Cstyle%3E%0D .cls-ellipsisLight-1%2C.cls-ellipsisLight-4%7Bfill%3Anone%7D.cls-ellipsisLight-2%7Bopacity%3A.1%7D.cls-ellipsisLight-3%7Bfill%3Argba(33%2C33%2C33%2C.1)%7D.cls-ellipsisLight-4%7Bstroke%3A%23000%7D%0D %3C%2Fstyle%3E%0D %3C%2Fdefs%3E%0D %3Cg transform%3D%22translate(-488 -60)%22%3E%0D %3Cpath d%3D%22M0 0h16v16H0z%22 class%3D%22cls-ellipsisLight-1%22 data-name%3D%22Rectangle 35712%22 transform%3D%22translate(488 60)%22%2F%3E%0D %3Cg data-name%3D%22Group 51398%22 transform%3D%22translate(-169.1 -543.8)%22%3E%0D %3Cg class%3D%22cls-ellipsisLight-2%22 data-name%3D%22Group 21684%22 transform%3D%22translate(498.6 540)%22%3E%0D %3Cpath d%3D%22M162 73.8a1.5 1.5 0 1 0-1.5-1.5 1.473 1.473 0 0 0 1.5 1.5z%22 data-name%3D%22Path 43575%22%2F%3E%0D %3Cpath d%3D%22M167 73.8a1.5 1.5 0 1 0-1.5-1.5 1.473 1.473 0 0 0 1.5 1.5z%22 data-name%3D%22Path 43576%22%2F%3E%0D %3Cpath d%3D%22M172 73.8a1.5 1.5 0 1 0-1.5-1.5 1.473 1.473 0 0 0 1.5 1.5z%22 data-name%3D%22Path 43577%22%2F%3E%0D %3C%2Fg%3E%0D %3Cpath d%3D%22M162 72.8a1.5 1.5 0 1 0-1.5-1.5 1.473 1.473 0 0 0 1.5 1.5z%22 class%3D%22cls-ellipsisLight-3%22 data-name%3D%22Path 44739%22 transform%3D%22translate(498.6 540)%22%2F%3E%0D %3Cpath d%3D%22M163 71.3a1 1 0 1 1-1-1 1.075 1.075 0 0 1 1 1z%22 class%3D%22cls-ellipsisLight-4%22 data-name%3D%22Path 44740%22 transform%3D%22translate(498.6 540)%22%2F%3E%0D %3Cpath d%3D%22M167 72.8a1.5 1.5 0 1 0-1.5-1.5 1.473 1.473 0 0 0 1.5 1.5z%22 class%3D%22cls-ellipsisLight-3%22 data-name%3D%22Path 44741%22 transform%3D%22translate(498.6 540)%22%2F%3E%0D %3Cpath d%3D%22M168 71.3a1 1 0 1 1-1-1 1.075 1.075 0 0 1 1 1z%22 class%3D%22cls-ellipsisLight-4%22 data-name%3D%22Path 44742%22 transform%3D%22translate(498.6 540)%22%2F%3E%0D %3Cpath d%3D%22M172 72.8a1.5 1.5 0 1 0-1.5-1.5 1.473 1.473 0 0 0 1.5 1.5z%22 class%3D%22cls-ellipsisLight-3%22 data-name%3D%22Path 44743%22 transform%3D%22translate(498.6 540)%22%2F%3E%0D %3Cpath d%3D%22M173 71.3a1 1 0 1 1-1-1 1.075 1.075 0 0 1 1 1z%22 class%3D%22cls-ellipsisLight-4%22 data-name%3D%22Path 44744%22 transform%3D%22translate(498.6 540)%22%2F%3E%0D %3C%2Fg%3E%0D %3C%2Fg%3E%0D %3C%2Fsvg%3E");
2701
+ .tsi-hierarchy .tsi-hierarchyList {
2702
+ position: relative;
2703
+ height: 100%;
2767
2704
  }
2768
- .tsi-ellipsisMenuContainer.tsi-light .tsi-ellipsisMenu .tsi-ellipsisMenuItem .tsi-ellipsisMenuIcon.flagIcon {
2769
- background-size: 20px 20px;
2770
- background-image: url("data:image/svg+xml,%3Csvg xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22 width%3D%2217%22 height%3D%2215%22 viewBox%3D%220 0 17 15%22 fill%3D%22none%22%3E%0D%3Cpath opacity%3D%220.25%22 d%3D%22M1.30005 2.4004H13.76V8.9691H1.30005L5.12988 5.6848L1.30005 2.4004Z%22 stroke%3D%22black%22 stroke-linejoin%3D%22bevel%22%2F%3E%0D%3Cpath d%3D%22M2.29004 2.2129H14.75V8.7816H2.29004L6.11011 5.4973L2.29004 2.2129Z%22 fill%3D%22%23E9E9E9%22 stroke%3D%22%23666666%22 stroke-linejoin%3D%22bevel%22%2F%3E%0D%3Cpath d%3D%22M15.6938 1H14.54V14H15.6938V1Z%22 fill%3D%22%233195E3%22%2F%3E%0D%3C%2Fsvg%3E");
2705
+ .tsi-hierarchy .tsi-hierarchyList ul {
2706
+ list-style: none;
2707
+ padding: 0;
2771
2708
  }
2772
- .tsi-ellipsisMenuContainer.tsi-light .tsi-ellipsisMenu .tsi-ellipsisMenuItem .tsi-ellipsisMenuIcon.gridIcon {
2773
- background-size: 20px 20px;
2774
- 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%2214%22 viewBox%3D%220 0 16 14%22 fill%3D%22none%22%3E%0D%3Cpath opacity%3D%220.75%22 fill-rule%3D%22evenodd%22 clip-rule%3D%22evenodd%22 d%3D%22M1.52002 4.4883V12.503H14.52V4.4883H1.52002Z%22 fill%3D%22%23212121%22 fill-opacity%3D%220.1%22 stroke%3D%22%23212121%22 stroke-miterlimit%3D%221%22%2F%3E%0D%3Cpath opacity%3D%220.1%22 d%3D%22M14.5 2.5H1.5V5.5H14.5V2.5Z%22 stroke%3D%22black%22 stroke-miterlimit%3D%221%22%2F%3E%0D%3Cpath d%3D%22M14.5 1.5H1.5V4.5H14.5V1.5Z%22 fill%3D%22%23212121%22 fill-opacity%3D%220.1%22 stroke%3D%22%23212121%22 stroke-miterlimit%3D%221%22%2F%3E%0D%3Cpath d%3D%22M9 10H7V12H9V10Z%22 fill%3D%22%23D6D6D6%22%2F%3E%0D%3Cpath d%3D%22M5 10H3V12H5V10Z%22 fill%3D%22%23D6D6D6%22%2F%3E%0D%3Cpath d%3D%22M13 10H11V12H13V10Z%22 fill%3D%22%23D6D6D6%22%2F%3E%0D%3Cpath d%3D%22M9 7H7V9H9V7Z%22 fill%3D%22%23D6D6D6%22%2F%3E%0D%3Cpath d%3D%22M5 7H3V9H5V7Z%22 fill%3D%22%23D6D6D6%22%2F%3E%0D%3Cpath d%3D%22M13 7H11V9H13V7Z%22 fill%3D%22%23D6D6D6%22%2F%3E%0D%3Cpath d%3D%22M9 9H7V11H9V9Z%22 fill%3D%22%238A8A8A%22%2F%3E%0D%3Cpath d%3D%22M5 9H3V11H5V9Z%22 fill%3D%22%238A8A8A%22%2F%3E%0D%3Cpath d%3D%22M13 9H11V11H13V9Z%22 fill%3D%22%238A8A8A%22%2F%3E%0D%3Cpath d%3D%22M9 6H7V8H9V6Z%22 fill%3D%22%238A8A8A%22%2F%3E%0D%3Cpath d%3D%22M5 6H3V8H5V6Z%22 fill%3D%22%238A8A8A%22%2F%3E%0D%3Cpath d%3D%22M13 6H11V8H13V6Z%22 fill%3D%22%238A8A8A%22%2F%3E%0D%3C%2Fsvg%3E");
2709
+ .tsi-hierarchy .tsi-hierarchyList ul.tsi-noPad {
2710
+ padding: 8px 20px;
2711
+ margin: 0;
2712
+ overflow: auto;
2713
+ height: 100%;
2775
2714
  }
2776
- .tsi-ellipsisMenuContainer.tsi-light .tsi-ellipsisMenu .tsi-ellipsisMenuItem .tsi-ellipsisMenuIcon.downloadIcon {
2777
- background-size: 16px 16px;
2778
- 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%3Cg opacity%3D%220.1%22%3E%0D%3Cpath d%3D%22M3.49609 9.5L7.4961 13.5L11.4961 9.5%22 stroke%3D%22black%22 stroke-miterlimit%3D%221%22 stroke-linejoin%3D%22bevel%22%2F%3E%0D%3Cpath d%3D%22M7.49609 2.0004V13.5%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%22M3.49609 8.5L7.4961 12.5L11.4961 8.5%22 stroke%3D%22%23212121%22 stroke-miterlimit%3D%221%22 stroke-linejoin%3D%22bevel%22%2F%3E%0D%3Cpath d%3D%22M7.49609 1.0004V12.5%22 stroke%3D%22%23212121%22 stroke-miterlimit%3D%221%22 stroke-linejoin%3D%22bevel%22%2F%3E%0D%3Cpath d%3D%22M2.99609 14.5H11.9961%22 stroke%3D%22%23212121%22 stroke-opacity%3D%220.75%22 stroke-miterlimit%3D%221%22 stroke-linejoin%3D%22bevel%22%2F%3E%0D%3C%2Fsvg%3E%0D");
2715
+ .tsi-hierarchy .tsi-hierarchyList li > .tsi-caret {
2716
+ transform: rotate(0deg);
2717
+ }
2718
+ .tsi-hierarchy .tsi-hierarchyList li.tsi-expanded > .tsi-caret {
2719
+ transform: rotate(90deg);
2720
+ }
2721
+ .tsi-hierarchy .tsi-hierarchyList li {
2722
+ position: relative;
2723
+ }
2724
+ .tsi-hierarchy .tsi-hierarchyList li .tsi-caret {
2725
+ position: absolute;
2726
+ display: block;
2727
+ height: 10px;
2728
+ width: 10px;
2729
+ cursor: pointer;
2730
+ z-index: 1;
2731
+ background-size: 10px;
2732
+ background-repeat: no-repeat;
2733
+ top: 11px;
2734
+ background-position: 50%;
2735
+ transition: all 0.2s ease;
2736
+ pointer-events: none;
2737
+ }
2738
+ .tsi-hierarchy .tsi-hierarchyList li .tsi-markedName {
2739
+ width: calc(100% + 40px);
2740
+ display: flex;
2741
+ position: relative;
2742
+ top: 0;
2743
+ left: 0;
2744
+ margin: 0;
2745
+ padding-left: 28px;
2746
+ height: 32px;
2747
+ font-size: 14px;
2748
+ align-items: center;
2749
+ margin-left: -20px;
2750
+ }
2751
+ .tsi-hierarchy .tsi-hierarchyList li.tsi-expanded .tsi-caret {
2752
+ content: "";
2753
+ cursor: pointer;
2754
+ }
2755
+ .tsi-hierarchy .tsi-hierarchyList li.tsi-leaf, .tsi-hierarchy .tsi-hierarchyList li .tsi-leafParent {
2756
+ font-weight: 600;
2757
+ }
2758
+ .tsi-hierarchy .tsi-hierarchyList li.tsi-leaf .tsi-caret, .tsi-hierarchy .tsi-hierarchyList li .tsi-leafParent .tsi-caret {
2759
+ display: none;
2760
+ }
2761
+ .tsi-hierarchy .tsi-hierarchyList li.tsi-leaf.draggable, .tsi-hierarchy .tsi-hierarchyList li .tsi-leafParent.draggable {
2762
+ cursor: move;
2763
+ }
2764
+ .tsi-hierarchy .tsi-hierarchyList li.tsi-leaf.draggable .tsi-markedName, .tsi-hierarchy .tsi-hierarchyList li .tsi-leafParent.draggable .tsi-markedName {
2765
+ cursor: move;
2766
+ }
2767
+ .tsi-hierarchy .tsi-hierarchyList li.tsi-leaf.draggable:active, .tsi-hierarchy .tsi-hierarchyList li .tsi-leafParent.draggable:active {
2768
+ cursor: move;
2769
+ }
2770
+ .tsi-hierarchy .tsi-hierarchyList li.tsi-leaf.draggable:active .tsi-markedName, .tsi-hierarchy .tsi-hierarchyList li .tsi-leafParent.draggable:active .tsi-markedName {
2771
+ cursor: move;
2772
+ }
2773
+ .tsi-hierarchy .tsi-noBefore .tsi-caret {
2774
+ content: "" !important;
2775
+ }
2776
+ .tsi-hierarchy .tsi-hierarchyContextMenu {
2777
+ position: absolute;
2778
+ left: calc(100% - 32px);
2779
2779
  }
2780
2780
  div[class^=tsi-] {
2781
2781
  box-sizing: border-box;
@@ -9575,326 +9575,380 @@ select::-ms-expand {
9575
9575
  font-weight: 300;
9576
9576
  }
9577
9577
 
9578
- .tsi-timeRequired {
9579
- color: #a80000;
9580
- }
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;
9587
- }
9588
- .tsi-dateTimePicker.tsi-dark {
9589
- background-color: #0d0f0e;
9590
- color: #fff;
9591
- }
9592
- .tsi-dateTimePicker.tsi-dark .tsi-dateTimeGroup .tsi-dateTimeSelectionPanel {
9593
- border-left: 1px solid #31373e;
9578
+ .tsi-legend {
9579
+ overflow-y: auto;
9580
+ overflow-x: hidden;
9581
+ height: calc(100% - 16px);
9582
+ padding-left: 8px;
9594
9583
  }
9595
- .tsi-dateTimePicker.tsi-dark .tsi-dateTimeGroup .tsi-dateTimeSelectionPanel .tsi-dateTimeInput {
9596
- background-color: #0d0f0e;
9584
+ .tsi-legend.tsi-dark {
9597
9585
  color: #fff;
9598
- border: 1px solid rgba(255, 255, 255, 0.3);
9586
+ fill: #fff;
9599
9587
  }
9600
- .tsi-dateTimePicker.tsi-dark .tsi-dateTimeGroup .tsi-quickTimesPanel .tsi-quickTime {
9601
- color: #fff;
9602
- background-color: #0d0f0e;
9588
+ .tsi-legend.tsi-dark path {
9589
+ stroke: #fff;
9603
9590
  }
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;
9591
+ .tsi-legend.tsi-dark:not(.compact) {
9592
+ border-right: 1px solid #1e2223;
9607
9593
  }
9608
- .tsi-dateTimePicker.tsi-dark .tsi-dateTimeGroup .tsi-quickTimesPanel .tsi-quickTime:hover {
9609
- background-color: #1e2223;
9594
+ .tsi-legend.tsi-dark .tsi-seriesLabel .tsi-splitByContainer .tsi-legendShowMore {
9595
+ color: #60aaff;
9596
+ opacity: 1;
9610
9597
  }
9611
- .tsi-dateTimePicker.tsi-dark .tsi-select,
9612
- .tsi-dateTimePicker.tsi-dark .tsi-select option {
9598
+ .tsi-legend.tsi-dark .tsi-seriesLabel .tsi-seriesNameLabel,
9599
+ .tsi-legend.tsi-dark .tsi-seriesLabel .tsi-splitByContainer .tsi-splitByLabel {
9600
+ fill: #fff;
9613
9601
  color: #fff;
9614
- background-color: #0d0f0e;
9615
9602
  }
9616
- .tsi-dateTimePicker.tsi-dark .pika-table th {
9603
+ .tsi-legend.tsi-dark .tsi-seriesLabel .tsi-seriesNameLabel select,
9604
+ .tsi-legend.tsi-dark .tsi-seriesLabel .tsi-splitByContainer .tsi-splitByLabel select {
9617
9605
  color: #fff;
9618
9606
  opacity: 0.6;
9607
+ background-color: transparent;
9608
+ border: 1px solid transparent;
9619
9609
  }
9620
- .tsi-dateTimePicker.tsi-dark .pika-single {
9621
- color: #fff;
9622
- background-color: #0d0f0e;
9623
- }
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;
9632
- }
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;
9640
- }
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;
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;
9645
9613
  }
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 {
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 {
9649
9617
  color: #60aaff;
9650
9618
  }
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;
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);
9656
9622
  }
9657
- .tsi-dateTimePicker.tsi-light {
9658
- background-color: #ffffff;
9659
- color: #000;
9623
+ .tsi-legend.tsi-dark .tsi-seriesLabel .tsi-seriesNameLabel {
9624
+ border: none;
9625
+ background-color: transparent;
9660
9626
  }
9661
- .tsi-dateTimePicker.tsi-light .tsi-dateTimeGroup .tsi-dateTimeSelectionPanel {
9662
- border-left: 1px solid #dcdcdc;
9627
+ .tsi-legend.tsi-dark .tsi-seriesLabel .tsi-seriesNameLabel.shown {
9628
+ background-color: #0d0f0e;
9663
9629
  }
9664
- .tsi-dateTimePicker.tsi-light .tsi-dateTimeGroup .tsi-dateTimeSelectionPanel .tsi-dateTimeInput {
9665
- background-color: #ffffff;
9630
+ .tsi-legend.tsi-light {
9666
9631
  color: #000;
9667
- border: 1px solid rgba(0, 0, 0, 0.3);
9632
+ fill: #000;
9668
9633
  }
9669
- .tsi-dateTimePicker.tsi-light .tsi-dateTimeGroup .tsi-quickTimesPanel .tsi-quickTime {
9670
- color: #000;
9671
- background-color: #ffffff;
9634
+ .tsi-legend.tsi-light path {
9635
+ stroke: #000;
9672
9636
  }
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;
9637
+ .tsi-legend.tsi-light:not(.compact) {
9638
+ border-right: 1px solid #f2f2f2;
9676
9639
  }
9677
- .tsi-dateTimePicker.tsi-light .tsi-dateTimeGroup .tsi-quickTimesPanel .tsi-quickTime:hover {
9678
- background-color: #f2f2f2;
9640
+ .tsi-legend.tsi-light .tsi-seriesLabel .tsi-splitByContainer .tsi-legendShowMore {
9641
+ color: #136bfb;
9642
+ opacity: 1;
9679
9643
  }
9680
- .tsi-dateTimePicker.tsi-light .tsi-select,
9681
- .tsi-dateTimePicker.tsi-light .tsi-select option {
9644
+ .tsi-legend.tsi-light .tsi-seriesLabel .tsi-seriesNameLabel,
9645
+ .tsi-legend.tsi-light .tsi-seriesLabel .tsi-splitByContainer .tsi-splitByLabel {
9646
+ fill: #000;
9682
9647
  color: #000;
9683
- background-color: #ffffff;
9684
9648
  }
9685
- .tsi-dateTimePicker.tsi-light .pika-table th {
9649
+ .tsi-legend.tsi-light .tsi-seriesLabel .tsi-seriesNameLabel select,
9650
+ .tsi-legend.tsi-light .tsi-seriesLabel .tsi-splitByContainer .tsi-splitByLabel select {
9686
9651
  color: #000;
9687
9652
  opacity: 0.6;
9653
+ background-color: transparent;
9654
+ border: 1px solid transparent;
9688
9655
  }
9689
- .tsi-dateTimePicker.tsi-light .pika-single {
9690
- color: #000;
9691
- background-color: #ffffff;
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;
9692
9659
  }
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;
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;
9701
9664
  }
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;
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);
9709
9668
  }
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;
9669
+ .tsi-legend.tsi-light .tsi-seriesLabel .tsi-seriesNameLabel {
9670
+ border: none;
9671
+ background-color: transparent;
9714
9672
  }
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;
9673
+ .tsi-legend.tsi-light .tsi-seriesLabel .tsi-seriesNameLabel.shown {
9674
+ background-color: #ffffff;
9719
9675
  }
9720
- .tsi-dateTimePicker .tsi-dateTimeGroup {
9721
- display: inline-flex;
9676
+ .tsi-legend.hidden {
9677
+ display: none;
9722
9678
  }
9723
- .tsi-dateTimePicker .tsi-dateTimeGroup .tsi-quickTimesPanel {
9724
- display: flex;
9725
- flex-direction: column;
9726
- width: 152px;
9727
- float: left;
9728
- height: auto;
9679
+ .tsi-legend:not(.hidden) {
9680
+ display: block;
9729
9681
  }
9730
- .tsi-dateTimePicker .tsi-dateTimeGroup .tsi-quickTimesPanel .tsi-quickTime {
9731
- text-align: left;
9732
- border: none;
9733
- height: 10%;
9734
- padding-left: 20px;
9735
- width: 100%;
9736
- cursor: pointer;
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;
9737
9694
  }
9738
- .tsi-dateTimePicker .tsi-dateTimeGroup .tsi-dateTimeSelectionPanel {
9739
- float: right;
9740
- width: 460px;
9741
- padding-left: 8px;
9695
+ .tsi-legend.compact .tsi-seriesLabel {
9696
+ overflow-y: hidden;
9697
+ overflow-x: hidden;
9742
9698
  }
9743
- .tsi-dateTimePicker .tsi-dateTimeGroup .tsi-dateTimeSelectionPanel .pika-single {
9744
- border: none;
9745
- height: 250px;
9699
+ .tsi-legend.compact .tsi-seriesLabel:hover {
9700
+ overflow-x: auto;
9746
9701
  }
9747
- .tsi-dateTimePicker .tsi-dateTimeGroup .tsi-dateTimeSelectionPanel .pika-single .is-selected .pika-day {
9748
- box-shadow: unset;
9702
+ .tsi-legend.compact .tsi-seriesLabel {
9703
+ white-space: nowrap;
9704
+ flex-basis: auto;
9705
+ flex-shrink: 1;
9749
9706
  }
9750
- .tsi-dateTimePicker .tsi-dateTimeGroup .tsi-dateTimeSelectionPanel .tsi-calendarPicker {
9751
- width: 100%;
9752
- margin-top: 8px;
9707
+ .tsi-legend.compact .tsi-seriesLabel {
9708
+ border: none;
9709
+ padding: 0;
9710
+ text-align: center;
9711
+ margin: 4px;
9753
9712
  }
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);
9713
+ .tsi-legend.compact .tsi-seriesLabel:not(.shown) {
9714
+ border: none;
9762
9715
  }
9763
- .tsi-dateTimePicker .tsi-dateTimeGroup .tsi-dateTimeSelectionPanel .tsi-select option {
9764
- padding: 6px;
9716
+ .tsi-legend.compact .tsi-seriesLabel .tsi-seriesNameLabel {
9717
+ display: none;
9765
9718
  }
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;
9719
+ .tsi-legend.compact .tsi-seriesLabel select {
9720
+ display: none;
9771
9721
  }
9772
- .tsi-dateTimePicker .tsi-dateTimeGroup .tsi-dateTimeSelectionPanel .tsi-timeControlsContainer .tsi-timeInputContainer {
9773
- display: inline-flex;
9774
- width: 100%;
9722
+ .tsi-legend.compact .tsi-seriesLabel .tsi-splitByContainer {
9723
+ max-height: 140px;
9724
+ display: inline-block;
9775
9725
  }
9776
- .tsi-dateTimePicker .tsi-dateTimeGroup .tsi-dateTimeSelectionPanel .tsi-timeControlsContainer .tsi-timeInputContainer .tsi-startContainer {
9777
- padding-right: 10px;
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;
9778
9733
  }
9779
- .tsi-dateTimePicker .tsi-dateTimeGroup .tsi-dateTimeSelectionPanel .tsi-timeControlsContainer .tsi-timeInputContainer .tsi-endContainer {
9780
- padding-left: 6px;
9734
+ .tsi-legend.compact .tsi-seriesLabel .tsi-splitByContainer .tsi-splitByLabel .tsi-eyeIcon {
9735
+ display: none;
9781
9736
  }
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;
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;
9787
9744
  }
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 {
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;
9790
9749
  margin-top: 4px;
9791
- width: 100%;
9792
- padding: 0px 8px 0px 8px;
9793
- height: 30px;
9794
- box-sizing: border-box;
9750
+ margin-left: 0px;
9795
9751
  }
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 {
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;
9759
+ }
9760
+ .tsi-legend:not(.compact).tsi-flexLegend {
9800
9761
  display: flex;
9762
+ flex-direction: column;
9801
9763
  }
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 {
9764
+ .tsi-legend:not(.compact) {
9765
+ height: 100%;
9766
+ }
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;
9773
+ }
9774
+ .tsi-legend:not(.compact) .tsi-seriesLabel .tsi-splitByContainer .tsi-legendShowMore:hover {
9775
+ text-decoration: underline;
9776
+ }
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 {
9814
9836
  display: flex;
9815
- width: 33%;
9816
- flex-grow: 1;
9817
- height: 32px;
9818
- padding-left: 12px;
9819
- display: inline-flex;
9820
- text-align: center;
9821
9837
  }
9822
- .tsi-dateTimePicker .tsi-dateTimeGroup .tsi-dateTimeSelectionPanel .tsi-timeControlsContainer .tsi-timeLabel,
9823
- .tsi-dateTimePicker .tsi-dateTimeGroup .tsi-dateTimeSelectionPanel .tsi-timezoneContainer .tsi-timeLabel {
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;
9824
9858
  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;
9825
9867
  font-size: 14px;
9826
- margin: 0;
9827
- text-transform: capitalize;
9828
- height: 20px;
9829
- line-height: 20px;
9830
- opacity: 1;
9831
9868
  }
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;
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;
9836
9874
  border: none;
9837
- line-height: 20px;
9838
- cursor: pointer;
9839
- margin-left: 8px;
9840
- padding: 0px;
9841
- text-transform: capitalize;
9842
9875
  position: absolute;
9843
- top: 0px;
9844
- right: 0px;
9845
- margin-top: 12px;
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;
9846
9887
  }
9847
- .tsi-dateTimePicker .tsi-dateTimeGroup .tsi-dateTimeSelectionPanel .tsi-timezoneContainer {
9848
- padding-bottom: 12px;
9849
- width: calc(100% - 32px);
9850
- margin: 0 16px 16px 16px;
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 */
9851
9891
  }
9852
- .tsi-dateTimePicker .tsi-dateTimeGroup .tsi-dateTimeSelectionPanel .tsi-timezoneContainer .tsi-timezonePickerContainer {
9853
- width: 100%;
9854
- height: 100%;
9892
+ .tsi-legend .tsi-seriesLabel .tsi-seriesNameLabel.tsi-splitByLabelCompact,
9893
+ .tsi-legend .tsi-seriesLabel .tsi-splitByContainer .tsi-splitByLabel.tsi-splitByLabelCompact {
9894
+ height: 24px;
9855
9895
  }
9856
- .tsi-dateTimePicker .tsi-dateTimeGroup .tsi-dateTimeSelectionPanel .tsi-timezoneContainer .tsi-timezonePickerContainer .tsi-timezonePicker {
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);
9896
+ .tsi-legend .tsi-seriesLabel .tsi-seriesNameLabel svg {
9897
+ display: inline-block;
9861
9898
  }
9862
- .tsi-dateTimePicker .tsi-dateTimeGroup .tsi-dateTimeSelectionPanel .tsi-saveButtonContainer {
9899
+ .tsi-legend .tsi-seriesLabel .tsi-seriesNameLabel {
9900
+ cursor: pointer;
9901
+ padding: 0 4px;
9902
+ position: relative;
9863
9903
  width: 100%;
9864
- height: 48px;
9865
- margin-top: 12px;
9866
9904
  }
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;
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;
9877
9912
  }
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;
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;
9881
9919
  }
9882
- .tsi-dateTimePicker .tsi-dateTimeGroup .tsi-dateTimeSelectionPanel .tsi-saveButtonContainer .tsi-saveButton {
9883
- background-color: #309d90;
9884
- color: white;
9920
+ .tsi-legend .tsi-seriesLabel .tsi-splitByContainer .tsi-splitByLabel.hidden {
9921
+ height: 0px;
9922
+ display: none;
9923
+ padding: 0;
9885
9924
  }
9886
- .tsi-dateTimePicker .tsi-errorMessageContainer {
9887
- background-color: #b36200;
9888
- color: white;
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;
9889
9936
  }
9890
- @media screen and (-ms-high-contrast: active) {
9891
- .tsi-dateTimePicker .tsi-errorMessageContainer {
9892
- -ms-high-contrast-adjust: none;
9893
- background-color: #b36200;
9894
- }
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;
9895
9943
  }
9896
- .tsi-dateTimePicker .tsi-errorMessageContainer .tsi-errorMessage {
9897
- padding: 8px;
9944
+ .tsi-legend .tsi-seriesLabel .tsi-seriesTypeLabel {
9945
+ margin: 0;
9946
+ cursor: pointer;
9947
+ font-weight: normal;
9948
+ padding-left: 8px;
9949
+ }
9950
+ .tsi-legend .tsi-seriesLabel .tsi-seriesTypeLabel.disabled {
9951
+ display: none;
9898
9952
  }
9899
9953
  div[class^=tsi-] {
9900
9954
  box-sizing: border-box;
@@ -10160,380 +10214,326 @@ select::-ms-expand {
10160
10214
  font-weight: 300;
10161
10215
  }
10162
10216
 
10163
- .tsi-legend {
10164
- overflow-y: auto;
10165
- overflow-x: hidden;
10166
- height: calc(100% - 16px);
10167
- padding-left: 8px;
10168
- }
10169
- .tsi-legend.tsi-dark {
10170
- color: #fff;
10171
- fill: #fff;
10172
- }
10173
- .tsi-legend.tsi-dark path {
10174
- stroke: #fff;
10175
- }
10176
- .tsi-legend.tsi-dark:not(.compact) {
10177
- border-right: 1px solid #1e2223;
10178
- }
10179
- .tsi-legend.tsi-dark .tsi-seriesLabel .tsi-splitByContainer .tsi-legendShowMore {
10180
- color: #60aaff;
10181
- opacity: 1;
10182
- }
10183
- .tsi-legend.tsi-dark .tsi-seriesLabel .tsi-seriesNameLabel,
10184
- .tsi-legend.tsi-dark .tsi-seriesLabel .tsi-splitByContainer .tsi-splitByLabel {
10185
- fill: #fff;
10186
- color: #fff;
10187
- }
10188
- .tsi-legend.tsi-dark .tsi-seriesLabel .tsi-seriesNameLabel select,
10189
- .tsi-legend.tsi-dark .tsi-seriesLabel .tsi-splitByContainer .tsi-splitByLabel select {
10190
- color: #fff;
10191
- opacity: 0.6;
10192
- background-color: transparent;
10193
- border: 1px solid transparent;
10194
- }
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;
10198
- }
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 {
10202
- color: #60aaff;
10203
- }
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);
10217
+ .tsi-timeRequired {
10218
+ color: #a80000;
10207
10219
  }
10208
- .tsi-legend.tsi-dark .tsi-seriesLabel .tsi-seriesNameLabel {
10209
- border: none;
10210
- background-color: transparent;
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;
10211
10226
  }
10212
- .tsi-legend.tsi-dark .tsi-seriesLabel .tsi-seriesNameLabel.shown {
10227
+ .tsi-dateTimePicker.tsi-dark {
10213
10228
  background-color: #0d0f0e;
10229
+ color: #fff;
10214
10230
  }
10215
- .tsi-legend.tsi-light {
10216
- color: #000;
10217
- fill: #000;
10231
+ .tsi-dateTimePicker.tsi-dark .tsi-dateTimeGroup .tsi-dateTimeSelectionPanel {
10232
+ border-left: 1px solid #31373e;
10218
10233
  }
10219
- .tsi-legend.tsi-light path {
10220
- stroke: #000;
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);
10221
10238
  }
10222
- .tsi-legend.tsi-light:not(.compact) {
10223
- border-right: 1px solid #f2f2f2;
10239
+ .tsi-dateTimePicker.tsi-dark .tsi-dateTimeGroup .tsi-quickTimesPanel .tsi-quickTime {
10240
+ color: #fff;
10241
+ background-color: #0d0f0e;
10224
10242
  }
10225
- .tsi-legend.tsi-light .tsi-seriesLabel .tsi-splitByContainer .tsi-legendShowMore {
10226
- color: #136bfb;
10227
- opacity: 1;
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;
10228
10246
  }
10229
- .tsi-legend.tsi-light .tsi-seriesLabel .tsi-seriesNameLabel,
10230
- .tsi-legend.tsi-light .tsi-seriesLabel .tsi-splitByContainer .tsi-splitByLabel {
10231
- fill: #000;
10232
- color: #000;
10247
+ .tsi-dateTimePicker.tsi-dark .tsi-dateTimeGroup .tsi-quickTimesPanel .tsi-quickTime:hover {
10248
+ background-color: #1e2223;
10233
10249
  }
10234
- .tsi-legend.tsi-light .tsi-seriesLabel .tsi-seriesNameLabel select,
10235
- .tsi-legend.tsi-light .tsi-seriesLabel .tsi-splitByContainer .tsi-splitByLabel select {
10236
- color: #000;
10250
+ .tsi-dateTimePicker.tsi-dark .tsi-select,
10251
+ .tsi-dateTimePicker.tsi-dark .tsi-select option {
10252
+ color: #fff;
10253
+ background-color: #0d0f0e;
10254
+ }
10255
+ .tsi-dateTimePicker.tsi-dark .pika-table th {
10256
+ color: #fff;
10237
10257
  opacity: 0.6;
10238
- background-color: transparent;
10239
- border: 1px solid transparent;
10240
10258
  }
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;
10259
+ .tsi-dateTimePicker.tsi-dark .pika-single {
10260
+ color: #fff;
10261
+ background-color: #0d0f0e;
10244
10262
  }
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;
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;
10249
10271
  }
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);
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;
10253
10279
  }
10254
- .tsi-legend.tsi-light .tsi-seriesLabel .tsi-seriesNameLabel {
10255
- border: none;
10256
- background-color: transparent;
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;
10257
10284
  }
10258
- .tsi-legend.tsi-light .tsi-seriesLabel .tsi-seriesNameLabel.shown {
10259
- background-color: #ffffff;
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 {
10288
+ color: #60aaff;
10260
10289
  }
10261
- .tsi-legend.hidden {
10262
- display: none;
10290
+ .tsi-dateTimePicker.tsi-dark .pika-single .is-inrange .pika-day {
10291
+ background-color: rgba(48, 157, 144, 0.4) !important;
10263
10292
  }
10264
- .tsi-legend:not(.hidden) {
10265
- display: block;
10293
+ .tsi-dateTimePicker.tsi-dark .pika-single .is-selected .pika-day {
10294
+ box-shadow: unset;
10266
10295
  }
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;
10274
- display: flex;
10275
- justify-content: center;
10276
- border-right: none;
10277
- padding: 0;
10278
- padding-left: 0px;
10296
+ .tsi-dateTimePicker.tsi-light {
10297
+ background-color: #ffffff;
10298
+ color: #000;
10279
10299
  }
10280
- .tsi-legend.compact .tsi-seriesLabel {
10281
- overflow-y: hidden;
10282
- overflow-x: hidden;
10300
+ .tsi-dateTimePicker.tsi-light .tsi-dateTimeGroup .tsi-dateTimeSelectionPanel {
10301
+ border-left: 1px solid #dcdcdc;
10283
10302
  }
10284
- .tsi-legend.compact .tsi-seriesLabel:hover {
10285
- overflow-x: auto;
10303
+ .tsi-dateTimePicker.tsi-light .tsi-dateTimeGroup .tsi-dateTimeSelectionPanel .tsi-dateTimeInput {
10304
+ background-color: #ffffff;
10305
+ color: #000;
10306
+ border: 1px solid rgba(0, 0, 0, 0.3);
10286
10307
  }
10287
- .tsi-legend.compact .tsi-seriesLabel {
10288
- white-space: nowrap;
10289
- flex-basis: auto;
10290
- flex-shrink: 1;
10308
+ .tsi-dateTimePicker.tsi-light .tsi-dateTimeGroup .tsi-quickTimesPanel .tsi-quickTime {
10309
+ color: #000;
10310
+ background-color: #ffffff;
10291
10311
  }
10292
- .tsi-legend.compact .tsi-seriesLabel {
10293
- border: none;
10294
- padding: 0;
10295
- text-align: center;
10296
- margin: 4px;
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;
10297
10315
  }
10298
- .tsi-legend.compact .tsi-seriesLabel:not(.shown) {
10299
- border: none;
10316
+ .tsi-dateTimePicker.tsi-light .tsi-dateTimeGroup .tsi-quickTimesPanel .tsi-quickTime:hover {
10317
+ background-color: #f2f2f2;
10300
10318
  }
10301
- .tsi-legend.compact .tsi-seriesLabel .tsi-seriesNameLabel {
10302
- display: none;
10319
+ .tsi-dateTimePicker.tsi-light .tsi-select,
10320
+ .tsi-dateTimePicker.tsi-light .tsi-select option {
10321
+ color: #000;
10322
+ background-color: #ffffff;
10303
10323
  }
10304
- .tsi-legend.compact .tsi-seriesLabel select {
10305
- display: none;
10324
+ .tsi-dateTimePicker.tsi-light .pika-table th {
10325
+ color: #000;
10326
+ opacity: 0.6;
10306
10327
  }
10307
- .tsi-legend.compact .tsi-seriesLabel .tsi-splitByContainer {
10308
- max-height: 140px;
10309
- display: inline-block;
10328
+ .tsi-dateTimePicker.tsi-light .pika-single {
10329
+ color: #000;
10330
+ background-color: #ffffff;
10310
10331
  }
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;
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;
10318
10340
  }
10319
- .tsi-legend.compact .tsi-seriesLabel .tsi-splitByContainer .tsi-splitByLabel .tsi-eyeIcon {
10320
- display: none;
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;
10321
10348
  }
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;
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;
10329
10353
  }
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;
10334
- margin-top: 4px;
10335
- margin-left: 0px;
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;
10336
10358
  }
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;
10359
+ .tsi-dateTimePicker .tsi-dateTimeGroup {
10360
+ display: inline-flex;
10344
10361
  }
10345
- .tsi-legend:not(.compact).tsi-flexLegend {
10362
+ .tsi-dateTimePicker .tsi-dateTimeGroup .tsi-quickTimesPanel {
10346
10363
  display: flex;
10347
10364
  flex-direction: column;
10365
+ width: 152px;
10366
+ float: left;
10367
+ height: auto;
10348
10368
  }
10349
- .tsi-legend:not(.compact) {
10350
- height: 100%;
10351
- }
10352
- .tsi-legend:not(.compact) .tsi-seriesLabel .tsi-splitByContainer .tsi-legendShowMore {
10353
- background: none;
10369
+ .tsi-dateTimePicker .tsi-dateTimeGroup .tsi-quickTimesPanel .tsi-quickTime {
10370
+ text-align: left;
10354
10371
  border: none;
10355
- visibility: visible;
10356
- margin: 8px auto;
10372
+ height: 10%;
10373
+ padding-left: 20px;
10374
+ width: 100%;
10357
10375
  cursor: pointer;
10358
10376
  }
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;
10377
+ .tsi-dateTimePicker .tsi-dateTimeGroup .tsi-dateTimeSelectionPanel {
10378
+ float: right;
10379
+ width: 460px;
10380
+ padding-left: 8px;
10381
+ }
10382
+ .tsi-dateTimePicker .tsi-dateTimeGroup .tsi-dateTimeSelectionPanel .pika-single {
10385
10383
  border: none;
10386
- background-color: transparent;
10384
+ height: 250px;
10387
10385
  }
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");
10386
+ .tsi-dateTimePicker .tsi-dateTimeGroup .tsi-dateTimeSelectionPanel .pika-single .is-selected .pika-day {
10387
+ box-shadow: unset;
10391
10388
  }
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
- }
10389
+ .tsi-dateTimePicker .tsi-dateTimeGroup .tsi-dateTimeSelectionPanel .tsi-calendarPicker {
10390
+ width: 100%;
10391
+ margin-top: 8px;
10397
10392
  }
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");
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);
10401
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;
10402
+ .tsi-dateTimePicker .tsi-dateTimeGroup .tsi-dateTimeSelectionPanel .tsi-select option {
10403
+ padding: 6px;
10405
10404
  }
10406
- .tsi-legend .tsi-seriesLabel .tsi-seriesNameLabel.shown,
10407
- .tsi-legend .tsi-seriesLabel .tsi-splitByContainer .tsi-splitByLabel.shown {
10408
- opacity: 1;
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;
10409
10410
  }
10410
- .tsi-legend .tsi-seriesLabel {
10411
- margin: 8px;
10411
+ .tsi-dateTimePicker .tsi-dateTimeGroup .tsi-dateTimeSelectionPanel .tsi-timeControlsContainer .tsi-timeInputContainer {
10412
+ display: inline-flex;
10413
+ width: 100%;
10412
10414
  }
10413
- .tsi-legend .tsi-seriesLabel.tsi-nsb .tsi-splitByContainer {
10414
- overflow-y: hidden;
10415
+ .tsi-dateTimePicker .tsi-dateTimeGroup .tsi-dateTimeSelectionPanel .tsi-timeControlsContainer .tsi-timeInputContainer .tsi-startContainer {
10416
+ padding-right: 10px;
10415
10417
  }
10416
- .tsi-legend .tsi-seriesLabel.tsi-nsb .tsi-seriesNameLabel {
10417
- display: none;
10418
+ .tsi-dateTimePicker .tsi-dateTimeGroup .tsi-dateTimeSelectionPanel .tsi-timeControlsContainer .tsi-timeInputContainer .tsi-endContainer {
10419
+ padding-left: 6px;
10418
10420
  }
10419
- .tsi-legend .tsi-seriesLabel .tsi-seriesNameLabel,
10420
- .tsi-legend .tsi-seriesLabel .tsi-splitByContainer .tsi-splitByLabel {
10421
- display: flex;
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;
10422
10426
  }
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
+ .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 {
10429
+ margin-top: 4px;
10430
+ width: 100%;
10431
+ padding: 0px 8px 0px 8px;
10432
+ height: 30px;
10433
+ box-sizing: border-box;
10427
10434
  }
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;
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 {
10439
+ display: flex;
10439
10440
  }
10440
- .tsi-legend .tsi-seriesLabel .tsi-seriesNameLabel h4,
10441
- .tsi-legend .tsi-seriesLabel .tsi-splitByContainer .tsi-splitByLabel h4 {
10442
- cursor: pointer;
10443
- font-weight: 600;
10444
- font-size: 15px;
10445
- font-family: "Segoe UI", sans-serif;
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 {
10453
+ display: flex;
10454
+ width: 33%;
10455
+ flex-grow: 1;
10456
+ height: 32px;
10457
+ padding-left: 12px;
10458
+ display: inline-flex;
10459
+ text-align: center;
10446
10460
  }
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;
10461
+ .tsi-dateTimePicker .tsi-dateTimeGroup .tsi-dateTimeSelectionPanel .tsi-timeControlsContainer .tsi-timeLabel,
10462
+ .tsi-dateTimePicker .tsi-dateTimeGroup .tsi-dateTimeSelectionPanel .tsi-timezoneContainer .tsi-timeLabel {
10463
+ font-weight: 600;
10452
10464
  font-size: 14px;
10465
+ margin: 0;
10466
+ text-transform: capitalize;
10467
+ height: 20px;
10468
+ line-height: 20px;
10469
+ opacity: 1;
10453
10470
  }
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;
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;
10459
10475
  border: none;
10476
+ line-height: 20px;
10477
+ cursor: pointer;
10478
+ margin-left: 8px;
10479
+ padding: 0px;
10480
+ text-transform: capitalize;
10460
10481
  position: absolute;
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;
10472
- }
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 */
10482
+ top: 0px;
10483
+ right: 0px;
10484
+ margin-top: 12px;
10476
10485
  }
10477
- .tsi-legend .tsi-seriesLabel .tsi-seriesNameLabel.tsi-splitByLabelCompact,
10478
- .tsi-legend .tsi-seriesLabel .tsi-splitByContainer .tsi-splitByLabel.tsi-splitByLabelCompact {
10479
- height: 24px;
10486
+ .tsi-dateTimePicker .tsi-dateTimeGroup .tsi-dateTimeSelectionPanel .tsi-timezoneContainer {
10487
+ padding-bottom: 12px;
10488
+ width: calc(100% - 32px);
10489
+ margin: 0 16px 16px 16px;
10480
10490
  }
10481
- .tsi-legend .tsi-seriesLabel .tsi-seriesNameLabel svg {
10482
- display: inline-block;
10491
+ .tsi-dateTimePicker .tsi-dateTimeGroup .tsi-dateTimeSelectionPanel .tsi-timezoneContainer .tsi-timezonePickerContainer {
10492
+ width: 100%;
10493
+ height: 100%;
10483
10494
  }
10484
- .tsi-legend .tsi-seriesLabel .tsi-seriesNameLabel {
10485
- cursor: pointer;
10486
- padding: 0 4px;
10487
- position: relative;
10495
+ .tsi-dateTimePicker .tsi-dateTimeGroup .tsi-dateTimeSelectionPanel .tsi-timezoneContainer .tsi-timezonePickerContainer .tsi-timezonePicker {
10488
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);
10489
10500
  }
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;
10501
+ .tsi-dateTimePicker .tsi-dateTimeGroup .tsi-dateTimeSelectionPanel .tsi-saveButtonContainer {
10502
+ width: 100%;
10503
+ height: 48px;
10504
+ margin-top: 12px;
10497
10505
  }
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;
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;
10504
10516
  }
10505
- .tsi-legend .tsi-seriesLabel .tsi-splitByContainer .tsi-splitByLabel.hidden {
10506
- height: 0px;
10507
- display: none;
10508
- padding: 0;
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;
10509
10520
  }
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;
10521
+ .tsi-dateTimePicker .tsi-dateTimeGroup .tsi-dateTimeSelectionPanel .tsi-saveButtonContainer .tsi-saveButton {
10522
+ background-color: #309d90;
10523
+ color: white;
10521
10524
  }
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;
10525
+ .tsi-dateTimePicker .tsi-errorMessageContainer {
10526
+ background-color: #b36200;
10527
+ color: white;
10528
10528
  }
10529
- .tsi-legend .tsi-seriesLabel .tsi-seriesTypeLabel {
10530
- margin: 0;
10531
- cursor: pointer;
10532
- font-weight: normal;
10533
- padding-left: 8px;
10529
+ @media screen and (-ms-high-contrast: active) {
10530
+ .tsi-dateTimePicker .tsi-errorMessageContainer {
10531
+ -ms-high-contrast-adjust: none;
10532
+ background-color: #b36200;
10533
+ }
10534
10534
  }
10535
- .tsi-legend .tsi-seriesLabel .tsi-seriesTypeLabel.disabled {
10536
- display: none;
10535
+ .tsi-dateTimePicker .tsi-errorMessageContainer .tsi-errorMessage {
10536
+ padding: 8px;
10537
10537
  }
10538
10538
  div[class^=tsi-] {
10539
10539
  box-sizing: border-box;
@@ -14952,9 +14952,6 @@ select::-ms-expand {
14952
14952
  line-height: 85%;
14953
14953
  font-weight: 300;
14954
14954
  }
14955
- .tsi-clickableYAxis {
14956
- cursor: pointer;
14957
- }
14958
14955
  div[class^=tsi-] {
14959
14956
  box-sizing: border-box;
14960
14957
  font-family: "Segoe UI", sans-serif;
@@ -15527,6 +15524,9 @@ select::-ms-expand {
15527
15524
  .tsi-eventsGroup.tsi-light .tsi-baseMono {
15528
15525
  background: #f2f2f2;
15529
15526
  }
15527
+ .tsi-clickableYAxis {
15528
+ cursor: pointer;
15529
+ }
15530
15530
  div[class^=tsi-] {
15531
15531
  box-sizing: border-box;
15532
15532
  font-family: "Segoe UI", sans-serif;