tsichart-core 1.0.3 → 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 (111) hide show
  1. package/README.MD +7 -7
  2. package/dist/AggregateExpression.d.ts +2 -2
  3. package/dist/AggregateExpression.js +3 -3
  4. package/dist/{AvailabilityChart-BoMGG4TZ.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-C-JHWFBg.js → ChartComponent-BxPbycj0.js} +5 -5
  8. package/dist/{ChartComponent-C7KeM9ur.d.ts → ChartComponent-L_dR-Eny.d.ts} +3 -3
  9. package/dist/{ChartDataOptions-e3poMYuu.d.ts → ChartDataOptions-DBu_M5gU.d.ts} +1 -1
  10. package/dist/{ChartDataOptions-oeldKcRt.js → ChartDataOptions-rcIzlQJO.js} +1 -1
  11. package/dist/{ChartVisualizationComponent-BLLViCDL.d.ts → ChartVisualizationComponent-CswB2P7Z.d.ts} +1 -1
  12. package/dist/{ChartVisualizationComponent-CxYG7eU1.js → ChartVisualizationComponent-NsvZCsc-.js} +4 -4
  13. package/dist/{ColorPicker-BoWwRLgX.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-8B9w_Fc5.js → Component-C9fQU2ia.js} +1 -1
  17. package/dist/{Component-DWdzAFb3.d.ts → Component-CdI_Pyko.d.ts} +2 -2
  18. package/dist/{ContextMenu-BgyrOLWD.js → ContextMenu-CP1qV7pP.js} +2 -2
  19. package/dist/{DateTimeButton-DadF09ki.d.ts → DateTimeButton-Ck71nL87.d.ts} +1 -1
  20. package/dist/{DateTimeButton-BvRO_NBW.js → DateTimeButton-DnqhATyX.js} +3 -3
  21. package/dist/{DateTimeButtonRange-Cj7wm3Z5.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-BFAQ9T20.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-Dk0YIhn3.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-SM3t0_RH.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-BIekoggg.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-Dojay8AF.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-BKqhDVaY.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-FFeEu50l.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-Cqxtlygx.js → GroupedBarChartData-CpJKvTDQ.js} +3 -3
  46. package/dist/{GroupedBarChartData-BKp1I9r7.d.ts → GroupedBarChartData-DK30DLVh.d.ts} +1 -1
  47. package/dist/{Heatmap-DVioWTUc.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-lPLgbmzo.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-D_bMt4Pa.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-BcaSqEf7.d.ts → HistoryPlayback-DIhAsAOi.d.ts} +1 -1
  57. package/dist/{HistoryPlayback-CHSCvnem.js → HistoryPlayback-DiflRzRf.js} +3 -3
  58. package/dist/{Legend-12N0sLvB.js → Legend-CQ5yaF8f.js} +3 -3
  59. package/dist/{LineChart-Tl103JqK.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-Ba3G9px4.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-CfGtU70f.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-BKf0AjEy.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-D7MI2Cta.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-CQEpLT7O.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 +7 -7
  78. package/dist/{ScatterPlot-BfIijDhM.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-DAwJLAQD.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-1MEeY6k6.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-BsyZY7mH.js → TemporalXAxisComponent-BsTQyVO6.js} +3 -3
  88. package/dist/{TemporalXAxisComponent-ddvsBHmR.d.ts → TemporalXAxisComponent-DohbI08i.d.ts} +1 -1
  89. package/dist/{TimezonePicker-BgGFu_sZ.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-B6-nRUtc.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-DB0P2LoK.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-BoJ3Eswu.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 +16 -1
  102. package/dist/tsiclient.css +496 -496
  103. package/dist/tsiclient.d.ts +12 -12
  104. package/dist/tsiclient.js +38 -38
  105. package/package.json +16 -1
  106. /package/dist/{ChartComponentData-De8dPb92.d.ts → ChartComponentData-ClzAtU_E.d.ts} +0 -0
  107. /package/dist/{Enums-Bo86uMp1.d.ts → Enums-CEhu18PC.d.ts} +0 -0
  108. /package/dist/{Interfaces-CFywewZp.d.ts → Interfaces-CdAVFIA6.d.ts} +0 -0
  109. /package/dist/{Utils-DdttSdnA.js → Utils-CdKMmmwx.js} +0 -0
  110. /package/dist/{_tslib-Dlq2Xvwj.js → _tslib-DYvz7dIO.js} +0 -0
  111. /package/dist/{pikaday-BEnKOElE.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%;
1789
- }
1790
- .tsi-hierarchy .tsi-hierarchyList li > .tsi-caret {
1791
- transform: rotate(0deg);
1827
+ .tsi-modelSearchWrapper .tsi-modelSearchResults .tsi-showMore:hover {
1828
+ text-decoration: underline;
1792
1829
  }
1793
- .tsi-hierarchy .tsi-hierarchyList li.tsi-expanded > .tsi-caret {
1794
- transform: rotate(90deg);
1830
+ .tsi-modelSearchWrapper .tsi-modelSearchResults .tsi-modelSearchInstancesWrapper {
1831
+ width: 100%;
1795
1832
  }
1796
- .tsi-hierarchy .tsi-hierarchyList li {
1797
- position: relative;
1833
+ .tsi-modelSearchWrapper .tsi-modelSearchResults .tsi-modelSearchInstances {
1834
+ flex-grow: 1;
1798
1835
  }
1799
- .tsi-hierarchy .tsi-hierarchyList li .tsi-caret {
1800
- position: absolute;
1801
- display: block;
1802
- height: 10px;
1803
- width: 10px;
1836
+ .tsi-modelSearchWrapper .tsi-modelSearchResults .tsi-modelSearchInstances .tsi-modelResultWrapper {
1804
1837
  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;
1811
- pointer-events: none;
1812
- }
1813
- .tsi-hierarchy .tsi-hierarchyList li .tsi-markedName {
1814
- width: calc(100% + 40px);
1815
- display: flex;
1816
1838
  position: relative;
1817
- top: 0;
1818
- left: 0;
1819
- margin: 0;
1820
- padding-left: 28px;
1821
- height: 32px;
1822
- font-size: 14px;
1823
- align-items: center;
1824
- margin-left: -20px;
1839
+ max-height: 206px;
1840
+ overflow: hidden;
1825
1841
  }
1826
- .tsi-hierarchy .tsi-hierarchyList li.tsi-expanded .tsi-caret {
1827
- content: "";
1828
- cursor: pointer;
1842
+ .tsi-modelSearchWrapper .tsi-modelSearchResults .tsi-modelSearchInstances .tsi-modelResultWrapper .tsi-modelResult {
1843
+ pointer-events: none;
1844
+ padding: 8px 20px;
1829
1845
  }
1830
- .tsi-hierarchy .tsi-hierarchyList li.tsi-leaf, .tsi-hierarchy .tsi-hierarchyList li .tsi-leafParent {
1846
+ .tsi-modelSearchWrapper .tsi-modelSearchResults .tsi-modelSearchInstances .tsi-modelResultWrapper .tsi-modelResult .tsi-modelPK {
1831
1847
  font-weight: 600;
1848
+ font-size: 14px;
1832
1849
  }
1833
- .tsi-hierarchy .tsi-hierarchyList li.tsi-leaf .tsi-caret, .tsi-hierarchy .tsi-hierarchyList li .tsi-leafParent .tsi-caret {
1834
- display: none;
1835
- }
1836
- .tsi-hierarchy .tsi-hierarchyList li.tsi-leaf.draggable, .tsi-hierarchy .tsi-hierarchyList li .tsi-leafParent.draggable {
1837
- cursor: move;
1838
- }
1839
- .tsi-hierarchy .tsi-hierarchyList li.tsi-leaf.draggable .tsi-markedName, .tsi-hierarchy .tsi-hierarchyList li .tsi-leafParent.draggable .tsi-markedName {
1840
- cursor: move;
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;
1841
1855
  }
1842
- .tsi-hierarchy .tsi-hierarchyList li.tsi-leaf.draggable:active, .tsi-hierarchy .tsi-hierarchyList li .tsi-leafParent.draggable:active {
1843
- cursor: move;
1856
+ .tsi-modelSearchWrapper .tsi-modelSearchResults .tsi-modelSearchInstances .tsi-modelResultWrapper .tsi-modelResult .tsi-modelHighlights table {
1857
+ border-spacing: 0;
1858
+ margin-top: 2px;
1844
1859
  }
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;
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;
1847
1863
  }
1848
- .tsi-hierarchy .tsi-noBefore .tsi-caret {
1849
- content: "" !important;
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;
1850
1867
  }
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;
@@ -2361,7 +2379,7 @@ div[class^=tsi-] {
2361
2379
  line-height: 16px;
2362
2380
  }
2363
2381
 
2364
- .tsi-baseContextMenu, .tsi-modelSearchWrapper .tsi-modelSearchContextMenu {
2382
+ .tsi-baseContextMenu, .tsi-hierarchy .tsi-hierarchyContextMenu {
2365
2383
  white-space: nowrap;
2366
2384
  padding: 4px 0;
2367
2385
  animation: tsi-slideRight 0.367s cubic-bezier(0.1, 0.9, 0.2, 1) forwards;
@@ -2371,11 +2389,11 @@ div[class^=tsi-] {
2371
2389
  box-shadow: 0px 0px 2px 0px rgba(0, 0, 0, 0.3);
2372
2390
  text-align: left;
2373
2391
  }
2374
- .tsi-baseContextMenu > div, .tsi-modelSearchWrapper .tsi-modelSearchContextMenu > div,
2392
+ .tsi-baseContextMenu > div, .tsi-hierarchy .tsi-hierarchyContextMenu > div,
2375
2393
  .tsi-baseContextMenu > li,
2376
- .tsi-modelSearchWrapper .tsi-modelSearchContextMenu > li,
2394
+ .tsi-hierarchy .tsi-hierarchyContextMenu > li,
2377
2395
  .tsi-baseContextMenu > button,
2378
- .tsi-modelSearchWrapper .tsi-modelSearchContextMenu > button {
2396
+ .tsi-hierarchy .tsi-hierarchyContextMenu > button {
2379
2397
  padding: 4px 8px;
2380
2398
  font-size: 12px;
2381
2399
  cursor: pointer;
@@ -2384,13 +2402,13 @@ div[class^=tsi-] {
2384
2402
  align-items: center;
2385
2403
  overflow: hidden;
2386
2404
  }
2387
- .tsi-baseContextMenu .tsi-break, .tsi-modelSearchWrapper .tsi-modelSearchContextMenu .tsi-break {
2405
+ .tsi-baseContextMenu .tsi-break, .tsi-hierarchy .tsi-hierarchyContextMenu .tsi-break {
2388
2406
  height: 4px;
2389
2407
  margin-top: 4px;
2390
2408
  padding: 0 0 4px 0;
2391
2409
  cursor: default;
2392
2410
  }
2393
- .tsi-baseContextMenu .tsi-break:last-of-type, .tsi-modelSearchWrapper .tsi-modelSearchContextMenu .tsi-break:last-of-type {
2411
+ .tsi-baseContextMenu .tsi-break:last-of-type, .tsi-hierarchy .tsi-hierarchyContextMenu .tsi-break:last-of-type {
2394
2412
  display: none;
2395
2413
  }
2396
2414
 
@@ -2570,212 +2588,194 @@ select::-ms-expand {
2570
2588
  font-weight: 300;
2571
2589
  }
2572
2590
 
2573
- .tsi-modelSearchWrapper {
2574
- height: 100%;
2575
- width: 100%;
2576
- display: flex;
2577
- flex-wrap: wrap;
2578
- position: relative;
2579
- }
2580
- .tsi-modelSearchWrapper .tsi-modelSearchInputWrapper {
2581
- width: 100%;
2582
- z-index: 2;
2583
- height: 48px;
2584
- }
2585
- .tsi-modelSearchWrapper .tsi-hierarchyWrapper {
2586
- position: absolute;
2587
- top: 40px;
2588
- width: 100%;
2589
- height: calc(100% - 40px);
2590
- left: 0;
2591
- }
2592
- .tsi-modelSearchWrapper .tsi-hierarchyWrapper .tsi-filterWrapper {
2593
- display: none;
2594
- }
2595
- .tsi-modelSearchWrapper .tsi-hierarchyWrapper .tsi-navTabWrapper {
2596
- display: none;
2597
- }
2598
- .tsi-modelSearchWrapper.tsi-dark {
2599
- background: #0d0f0e;
2591
+ .tsi-hierarchy.tsi-dark {
2600
2592
  color: #fff;
2593
+ background: #0d0f0e;
2601
2594
  }
2602
- .tsi-modelSearchWrapper.tsi-dark hit {
2603
- background: #fff9a8;
2604
- font-weight: 600;
2605
- color: black;
2595
+ .tsi-hierarchy.tsi-dark .tsi-navTabWrapper {
2596
+ border-bottom: 1px solid #fff;
2606
2597
  }
2607
- .tsi-modelSearchWrapper.tsi-dark .tsi-showMore {
2608
- color: #60aaff;
2598
+ .tsi-hierarchy.tsi-dark .tsi-hierarchyList li .tsi-markedName:hover {
2599
+ cursor: pointer;
2600
+ background: #62666c;
2609
2601
  }
2610
- .tsi-modelSearchWrapper.tsi-dark .tsi-modelSearchInstances > div {
2611
- border-bottom: 1px solid rgba(255, 255, 255, 0.05);
2602
+ .tsi-hierarchy.tsi-dark .tsi-hierarchyList li.tsi-resultSelected {
2603
+ background-color: transparent;
2612
2604
  }
2613
- .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 {
2614
- background-color: #62666c;
2605
+ .tsi-hierarchy.tsi-dark .tsi-hierarchyList li.tsi-resultSelected .tsi-markedName {
2606
+ background: #62666c;
2615
2607
  }
2616
- .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 {
2617
- content: "";
2618
- position: absolute;
2619
- width: 14px;
2620
- height: 14px;
2621
- top: 8px;
2622
- left: calc(100% - 20px);
2623
- 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;
2624
- transform: rotate(-90deg);
2608
+ .tsi-hierarchy.tsi-dark .tsi-navTab.tsi-selected {
2609
+ border-bottom: 2px solid #fff;
2625
2610
  }
2626
- .tsi-modelSearchWrapper.tsi-dark .tsi-baseContextMenu, .tsi-modelSearchWrapper.tsi-dark .tsi-modelSearchContextMenu {
2611
+ .tsi-hierarchy.tsi-dark .tsi-baseContextMenu, .tsi-hierarchy.tsi-dark .tsi-hierarchyContextMenu {
2627
2612
  border-color: #60aaff;
2628
2613
  background-color: #0d0f0e;
2629
2614
  box-shadow: 0 1px 3px 0 rgba(255, 255, 255, 0.16);
2630
2615
  }
2631
- .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 {
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 {
2632
2617
  background-color: #62666c;
2633
2618
  }
2634
- .tsi-modelSearchWrapper.tsi-dark .tsi-baseContextMenu .tsi-break, .tsi-modelSearchWrapper.tsi-dark .tsi-modelSearchContextMenu .tsi-break {
2619
+ .tsi-hierarchy.tsi-dark .tsi-baseContextMenu .tsi-break, .tsi-hierarchy.tsi-dark .tsi-hierarchyContextMenu .tsi-break {
2635
2620
  border-top: 1px solid rgba(96, 170, 255, 0.2);
2636
2621
  }
2637
- .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 {
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 {
2638
2623
  background-color: #0d0f0e;
2639
2624
  }
2640
- .tsi-modelSearchWrapper.tsi-dark .tsi-searchInput {
2625
+ .tsi-hierarchy.tsi-dark .tsi-searchInput {
2641
2626
  border: 1px solid #31373e;
2642
2627
  }
2643
- .tsi-modelSearchWrapper.tsi-dark .tsi-searchInput:focus {
2628
+ .tsi-hierarchy.tsi-dark .tsi-searchInput:focus {
2644
2629
  border: 1px solid #60aaff;
2645
2630
  }
2646
- .tsi-modelSearchWrapper.tsi-dark .tsi-baseMono {
2647
- background: #1e2223;
2648
- }
2649
- .tsi-modelSearchWrapper.tsi-dark :global .awesomplete > ul {
2631
+ .tsi-hierarchy.tsi-dark .tsi-baseMono {
2650
2632
  background: #1e2223;
2651
- color: #fff;
2652
- border: 1px solid #fff;
2653
2633
  }
2654
- .tsi-modelSearchWrapper.tsi-dark :global .awesomplete > ul li[aria-selected=true], .tsi-modelSearchWrapper.tsi-dark :global .awesomplete > ul li:hover {
2655
- background: #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");
2656
2636
  }
2657
- .tsi-modelSearchWrapper.tsi-light {
2658
- background: #ffffff;
2637
+ .tsi-hierarchy.tsi-light {
2659
2638
  color: #000;
2639
+ background: #ffffff;
2660
2640
  }
2661
- .tsi-modelSearchWrapper.tsi-light hit {
2662
- background: #fff9a8;
2663
- font-weight: 600;
2664
- color: black;
2641
+ .tsi-hierarchy.tsi-light .tsi-navTabWrapper {
2642
+ border-bottom: 1px solid #000;
2665
2643
  }
2666
- .tsi-modelSearchWrapper.tsi-light .tsi-showMore {
2667
- color: #136bfb;
2644
+ .tsi-hierarchy.tsi-light .tsi-hierarchyList li .tsi-markedName:hover {
2645
+ cursor: pointer;
2646
+ background: #b3d6f2;
2668
2647
  }
2669
- .tsi-modelSearchWrapper.tsi-light .tsi-modelSearchInstances > div {
2670
- border-bottom: 1px solid rgba(0, 0, 0, 0.05);
2648
+ .tsi-hierarchy.tsi-light .tsi-hierarchyList li.tsi-resultSelected {
2649
+ background-color: transparent;
2671
2650
  }
2672
- .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 {
2673
- background-color: #b3d6f2;
2651
+ .tsi-hierarchy.tsi-light .tsi-hierarchyList li.tsi-resultSelected .tsi-markedName {
2652
+ background: #b3d6f2;
2674
2653
  }
2675
- .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 {
2676
- content: "";
2677
- position: absolute;
2678
- width: 14px;
2679
- height: 14px;
2680
- top: 8px;
2681
- left: calc(100% - 20px);
2682
- 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;
2683
- transform: rotate(-90deg);
2654
+ .tsi-hierarchy.tsi-light .tsi-navTab.tsi-selected {
2655
+ border-bottom: 2px solid #000;
2684
2656
  }
2685
- .tsi-modelSearchWrapper.tsi-light .tsi-baseContextMenu, .tsi-modelSearchWrapper.tsi-light .tsi-modelSearchContextMenu {
2657
+ .tsi-hierarchy.tsi-light .tsi-baseContextMenu, .tsi-hierarchy.tsi-light .tsi-hierarchyContextMenu {
2686
2658
  border-color: #136bfb;
2687
2659
  background-color: #ffffff;
2688
2660
  box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.16);
2689
2661
  }
2690
- .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 {
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 {
2691
2663
  background-color: #b3d6f2;
2692
2664
  }
2693
- .tsi-modelSearchWrapper.tsi-light .tsi-baseContextMenu .tsi-break, .tsi-modelSearchWrapper.tsi-light .tsi-modelSearchContextMenu .tsi-break {
2665
+ .tsi-hierarchy.tsi-light .tsi-baseContextMenu .tsi-break, .tsi-hierarchy.tsi-light .tsi-hierarchyContextMenu .tsi-break {
2694
2666
  border-top: 1px solid rgba(19, 107, 251, 0.2);
2695
2667
  }
2696
- .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 {
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 {
2697
2669
  background-color: #ffffff;
2698
2670
  }
2699
- .tsi-modelSearchWrapper.tsi-light .tsi-searchInput {
2671
+ .tsi-hierarchy.tsi-light .tsi-searchInput {
2700
2672
  border: 1px solid #dcdcdc;
2701
2673
  }
2702
- .tsi-modelSearchWrapper.tsi-light .tsi-searchInput:focus {
2674
+ .tsi-hierarchy.tsi-light .tsi-searchInput:focus {
2703
2675
  border: 1px solid #136bfb;
2704
2676
  }
2705
- .tsi-modelSearchWrapper.tsi-light .tsi-baseMono {
2677
+ .tsi-hierarchy.tsi-light .tsi-baseMono {
2706
2678
  background: #f2f2f2;
2707
2679
  }
2708
- .tsi-modelSearchWrapper.tsi-light :global .awesomplete > ul {
2709
- background: #f2f2f2;
2710
- color: #000;
2711
- border: 1px solid #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");
2712
2682
  }
2713
- .tsi-modelSearchWrapper.tsi-light :global .awesomplete > ul li[aria-selected=true], .tsi-modelSearchWrapper.tsi-light :global .awesomplete > ul li:hover {
2714
- background: #b3d6f2;
2683
+ .tsi-hierarchy .tsi-filterWrapper {
2684
+ padding: 12px 20px;
2685
+ padding-bottom: 4px;
2715
2686
  }
2716
- .tsi-modelSearchWrapper .tsi-modelSearchResults {
2717
- flex-grow: 1;
2718
- display: flex;
2719
- height: calc(100% - 48px);
2720
- overflow: auto;
2687
+ .tsi-hierarchy .tsi-filterWrapper input {
2688
+ width: 100%;
2689
+ padding: 4px;
2721
2690
  }
2722
- .tsi-modelSearchWrapper .tsi-modelSearchResults .tsi-noResults {
2723
- padding: 20px;
2724
- white-space: nowrap;
2725
- height: 40px;
2726
- margin-left: 40px;
2691
+ .tsi-hierarchy .tsi-navTabWrapper {
2692
+ padding-left: 8px;
2727
2693
  }
2728
- .tsi-modelSearchWrapper .tsi-modelSearchResults .tsi-showMore {
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;
2729
2699
  cursor: pointer;
2730
- text-align: center;
2731
- padding-bottom: 8px;
2732
- font-size: 13px;
2733
2700
  }
2734
- .tsi-modelSearchWrapper .tsi-modelSearchResults .tsi-showMore:hover {
2735
- text-decoration: underline;
2701
+ .tsi-hierarchy .tsi-hierarchyList {
2702
+ position: relative;
2703
+ height: 100%;
2736
2704
  }
2737
- .tsi-modelSearchWrapper .tsi-modelSearchResults .tsi-modelSearchInstancesWrapper {
2738
- width: 100%;
2705
+ .tsi-hierarchy .tsi-hierarchyList ul {
2706
+ list-style: none;
2707
+ padding: 0;
2739
2708
  }
2740
- .tsi-modelSearchWrapper .tsi-modelSearchResults .tsi-modelSearchInstances {
2741
- flex-grow: 1;
2709
+ .tsi-hierarchy .tsi-hierarchyList ul.tsi-noPad {
2710
+ padding: 8px 20px;
2711
+ margin: 0;
2712
+ overflow: auto;
2713
+ height: 100%;
2742
2714
  }
2743
- .tsi-modelSearchWrapper .tsi-modelSearchResults .tsi-modelSearchInstances .tsi-modelResultWrapper {
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;
2744
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;
2745
2741
  position: relative;
2746
- max-height: 206px;
2747
- overflow: hidden;
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;
2748
2750
  }
2749
- .tsi-modelSearchWrapper .tsi-modelSearchResults .tsi-modelSearchInstances .tsi-modelResultWrapper .tsi-modelResult {
2750
- pointer-events: none;
2751
- padding: 8px 20px;
2751
+ .tsi-hierarchy .tsi-hierarchyList li.tsi-expanded .tsi-caret {
2752
+ content: "";
2753
+ cursor: pointer;
2752
2754
  }
2753
- .tsi-modelSearchWrapper .tsi-modelSearchResults .tsi-modelSearchInstances .tsi-modelResultWrapper .tsi-modelResult .tsi-modelPK {
2755
+ .tsi-hierarchy .tsi-hierarchyList li.tsi-leaf, .tsi-hierarchy .tsi-hierarchyList li .tsi-leafParent {
2754
2756
  font-weight: 600;
2755
- font-size: 14px;
2756
2757
  }
2757
- .tsi-modelSearchWrapper .tsi-modelSearchResults .tsi-modelSearchInstances .tsi-modelResultWrapper .tsi-modelResult .tsi-modelHighlights {
2758
- font-size: 12px;
2759
- padding-top: 2px;
2760
- padding-left: 8px;
2761
- padding-bottom: 2px;
2758
+ .tsi-hierarchy .tsi-hierarchyList li.tsi-leaf .tsi-caret, .tsi-hierarchy .tsi-hierarchyList li .tsi-leafParent .tsi-caret {
2759
+ display: none;
2762
2760
  }
2763
- .tsi-modelSearchWrapper .tsi-modelSearchResults .tsi-modelSearchInstances .tsi-modelResultWrapper .tsi-modelResult .tsi-modelHighlights table {
2764
- border-spacing: 0;
2765
- margin-top: 2px;
2761
+ .tsi-hierarchy .tsi-hierarchyList li.tsi-leaf.draggable, .tsi-hierarchy .tsi-hierarchyList li .tsi-leafParent.draggable {
2762
+ cursor: move;
2766
2763
  }
2767
- .tsi-modelSearchWrapper .tsi-modelSearchResults .tsi-modelSearchInstances .tsi-modelResultWrapper .tsi-modelResult .tsi-modelHighlights table tr td:first-of-type {
2768
- padding: 0;
2769
- opacity: 0.6;
2764
+ .tsi-hierarchy .tsi-hierarchyList li.tsi-leaf.draggable .tsi-markedName, .tsi-hierarchy .tsi-hierarchyList li .tsi-leafParent.draggable .tsi-markedName {
2765
+ cursor: move;
2770
2766
  }
2771
- .tsi-modelSearchWrapper .tsi-modelSearchResults .tsi-modelSearchInstances .tsi-modelResultWrapper .tsi-modelResult .tsi-modelHighlights table tr td:nth-of-type(2) {
2772
- padding: 0;
2773
- padding-left: 8px;
2767
+ .tsi-hierarchy .tsi-hierarchyList li.tsi-leaf.draggable:active, .tsi-hierarchy .tsi-hierarchyList li .tsi-leafParent.draggable:active {
2768
+ cursor: move;
2774
2769
  }
2775
- .tsi-modelSearchWrapper .tsi-modelSearchContextMenu {
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 {
2776
2777
  position: absolute;
2777
- left: calc(100% - 20px);
2778
- z-index: 3;
2778
+ left: calc(100% - 32px);
2779
2779
  }
2780
2780
  div[class^=tsi-] {
2781
2781
  box-sizing: border-box;
@@ -3431,7 +3431,7 @@ div[class^=tsi-] {
3431
3431
  line-height: 16px;
3432
3432
  }
3433
3433
 
3434
- .tsi-baseContextMenu {
3434
+ .tsi-baseContextMenu, .tsi-modelAutocompleteWrapper .tsi-search .awesomplete > ul {
3435
3435
  white-space: nowrap;
3436
3436
  padding: 4px 0;
3437
3437
  animation: tsi-slideRight 0.367s cubic-bezier(0.1, 0.9, 0.2, 1) forwards;
@@ -3441,9 +3441,11 @@ div[class^=tsi-] {
3441
3441
  box-shadow: 0px 0px 2px 0px rgba(0, 0, 0, 0.3);
3442
3442
  text-align: left;
3443
3443
  }
3444
- .tsi-baseContextMenu > div,
3444
+ .tsi-baseContextMenu > div, .tsi-modelAutocompleteWrapper .tsi-search .awesomplete > ul > div,
3445
3445
  .tsi-baseContextMenu > li,
3446
- .tsi-baseContextMenu > button {
3446
+ .tsi-modelAutocompleteWrapper .tsi-search .awesomplete > ul > li,
3447
+ .tsi-baseContextMenu > button,
3448
+ .tsi-modelAutocompleteWrapper .tsi-search .awesomplete > ul > button {
3447
3449
  padding: 4px 8px;
3448
3450
  font-size: 12px;
3449
3451
  cursor: pointer;
@@ -3452,13 +3454,13 @@ div[class^=tsi-] {
3452
3454
  align-items: center;
3453
3455
  overflow: hidden;
3454
3456
  }
3455
- .tsi-baseContextMenu .tsi-break {
3457
+ .tsi-baseContextMenu .tsi-break, .tsi-modelAutocompleteWrapper .tsi-search .awesomplete > ul .tsi-break {
3456
3458
  height: 4px;
3457
3459
  margin-top: 4px;
3458
3460
  padding: 0 0 4px 0;
3459
3461
  cursor: default;
3460
3462
  }
3461
- .tsi-baseContextMenu .tsi-break:last-of-type {
3463
+ .tsi-baseContextMenu .tsi-break:last-of-type, .tsi-modelAutocompleteWrapper .tsi-search .awesomplete > ul .tsi-break:last-of-type {
3462
3464
  display: none;
3463
3465
  }
3464
3466
 
@@ -3638,102 +3640,174 @@ select::-ms-expand {
3638
3640
  font-weight: 300;
3639
3641
  }
3640
3642
 
3641
- .tsi-colorPicker {
3642
- max-width: 200px;
3643
+ .tsi-modelAutocompleteWrapper {
3644
+ height: 32px;
3645
+ position: relative;
3643
3646
  }
3644
- .tsi-colorPicker.tsi-light {
3645
- color: #000;
3646
- background: #ffffff;
3647
+ .tsi-modelAutocompleteWrapper.tsi-dark {
3648
+ background: #0d0f0e;
3649
+ color: #fff;
3647
3650
  }
3648
- .tsi-colorPicker.tsi-light .tsi-colorPickerButton {
3649
- background: #ffffff;
3650
- border: 1px solid #dcdcdc;
3651
- color: #000;
3651
+ .tsi-modelAutocompleteWrapper.tsi-dark .tsi-baseContextMenu, .tsi-modelAutocompleteWrapper.tsi-dark .tsi-search .awesomplete > ul {
3652
+ border-color: #60aaff;
3653
+ background-color: #0d0f0e;
3654
+ box-shadow: 0 1px 3px 0 rgba(255, 255, 255, 0.16);
3652
3655
  }
3653
- .tsi-colorPicker.tsi-light .tsi-colorPickerButton:hover {
3654
- background-color: #f2f2f2;
3655
- cursor: pointer;
3656
+ .tsi-modelAutocompleteWrapper.tsi-dark .tsi-baseContextMenu > div:hover, .tsi-modelAutocompleteWrapper.tsi-dark .tsi-search .awesomplete > ul > div:hover, .tsi-modelAutocompleteWrapper.tsi-dark .tsi-baseContextMenu > div:focus, .tsi-modelAutocompleteWrapper.tsi-dark .tsi-search .awesomplete > ul > div:focus {
3657
+ background-color: #62666c;
3656
3658
  }
3657
- .tsi-colorPicker.tsi-light .tsi-colorPickerButton:focus {
3658
- box-shadow: 0px 4px 4px #dcdcdc;
3659
+ .tsi-modelAutocompleteWrapper.tsi-dark .tsi-baseContextMenu .tsi-break, .tsi-modelAutocompleteWrapper.tsi-dark .tsi-search .awesomplete > ul .tsi-break {
3660
+ border-top: 1px solid rgba(96, 170, 255, 0.2);
3659
3661
  }
3660
- .tsi-colorPicker.tsi-light .tsi-colorItem:hover {
3661
- box-shadow: 0px 0px 5px -1px #000;
3662
+ .tsi-modelAutocompleteWrapper.tsi-dark .tsi-baseContextMenu .tsi-break:hover, .tsi-modelAutocompleteWrapper.tsi-dark .tsi-search .awesomplete > ul .tsi-break:hover, .tsi-modelAutocompleteWrapper.tsi-dark .tsi-baseContextMenu .tsi-break:focus, .tsi-modelAutocompleteWrapper.tsi-dark .tsi-search .awesomplete > ul .tsi-break:focus {
3663
+ background-color: #0d0f0e;
3662
3664
  }
3663
- .tsi-colorPicker.tsi-light .tsi-noColor {
3664
- background-image: url("data:image/svg+xml,%3Csvg width%3D%2228%22 height%3D%2228%22 viewBox%3D%220 0 28 28%22 fill%3D%22none%22 xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0D%3Cpath d%3D%22M19.7344 6C20.0469 6 20.3411 6.0599 20.6172 6.17969C20.8932 6.29948 21.1328 6.46094 21.3359 6.66406C21.5391 6.86719 21.7005 7.10677 21.8203 7.38281C21.9401 7.65885 22 7.95312 22 8.26562C22 8.56771 21.9427 8.85938 21.8281 9.14062C21.7135 9.41667 21.5495 9.66146 21.3359 9.875L19.4609 11.75C19.6328 11.9167 19.7656 12.1068 19.8594 12.3203C19.9531 12.5286 20 12.7552 20 13C20 13.2396 19.9531 13.4635 19.8594 13.6719C19.7708 13.8802 19.6432 14.0677 19.4766 14.2344L18.25 15.4609L17 14.2031L10.7109 20.4922L10.5078 20.5C10.2422 20.5104 10.013 20.5547 9.82031 20.6328C9.63281 20.7109 9.46615 20.8073 9.32031 20.9219C9.17969 21.0312 9.04948 21.1484 8.92969 21.2734C8.8151 21.3984 8.69271 21.5156 8.5625 21.625C8.43229 21.7344 8.28906 21.8255 8.13281 21.8984C7.97656 21.9661 7.78646 22 7.5625 22C7.34896 22 7.14583 21.9583 6.95312 21.875C6.76562 21.7917 6.60156 21.6797 6.46094 21.5391C6.32031 21.3984 6.20833 21.2344 6.125 21.0469C6.04167 20.8542 6 20.651 6 20.4375C6 20.2135 6.03385 20.0234 6.10156 19.8672C6.17448 19.7057 6.26562 19.5625 6.375 19.4375C6.48438 19.3073 6.60156 19.1849 6.72656 19.0703C6.85156 18.9505 6.96875 18.8203 7.07812 18.6797C7.19271 18.5339 7.28906 18.3672 7.36719 18.1797C7.44531 17.9922 7.48958 17.763 7.5 17.4922L7.50781 17.2891L13.7969 11L12.5391 9.75L13.7656 8.52344C13.9323 8.35677 14.1198 8.22917 14.3281 8.14062C14.5365 8.04688 14.7604 8 15 8C15.2448 8 15.4714 8.04688 15.6797 8.14062C15.8932 8.23438 16.0833 8.36719 16.25 8.53906L18.125 6.66406C18.3385 6.45052 18.5833 6.28646 18.8594 6.17188C19.1406 6.05729 19.4323 6 19.7344 6ZM16.2891 13.5L14.5 11.7109L8.49219 17.7188C8.46615 17.9844 8.41667 18.2214 8.34375 18.4297C8.27083 18.638 8.17708 18.8333 8.0625 19.0156C7.94792 19.1927 7.8125 19.3646 7.65625 19.5312C7.50521 19.6927 7.34115 19.8646 7.16406 20.0469C7.05469 20.1562 7 20.2891 7 20.4453C7 20.5964 7.05469 20.7266 7.16406 20.8359C7.27344 20.9453 7.40365 21 7.55469 21C7.71094 21 7.84375 20.9453 7.95312 20.8359C8.13542 20.6589 8.3099 20.4948 8.47656 20.3438C8.64323 20.1875 8.8151 20.0521 8.99219 19.9375C9.16927 19.8229 9.36198 19.7292 9.57031 19.6562C9.77865 19.5833 10.0156 19.5339 10.2812 19.5078L16.2891 13.5ZM20.625 9.16406C20.875 8.91406 21 8.61719 21 8.27344C21 8.10156 20.9661 7.9375 20.8984 7.78125C20.8307 7.625 20.7396 7.48958 20.625 7.375C20.5104 7.26042 20.375 7.16927 20.2188 7.10156C20.0625 7.03385 19.8984 7 19.7266 7C19.3828 7 19.0859 7.125 18.8359 7.375L16.25 9.95312L15.5156 9.21875C15.3698 9.07292 15.1979 9 15 9C14.8906 9 14.7865 9.02604 14.6875 9.07812C14.5938 9.13021 14.5026 9.19531 14.4141 9.27344C14.3307 9.35156 14.25 9.4349 14.1719 9.52344C14.0938 9.60677 14.0208 9.68229 13.9531 9.75L18.25 14.0469L18.7812 13.5156C18.9271 13.3698 19 13.1979 19 13C19 12.8958 18.9792 12.8021 18.9375 12.7188C18.901 12.6302 18.8464 12.5495 18.7734 12.4766L18.0469 11.75L20.625 9.16406Z%22 fill%3D%22%23323130%22%2F%3E%0D%3C%2Fsvg%3E%0D") !important;
3665
+ .tsi-modelAutocompleteWrapper.tsi-dark .tsi-searchInput {
3666
+ border: 1px solid #31373e;
3665
3667
  }
3666
- .tsi-colorPicker.tsi-dark {
3667
- color: #fff;
3668
- background: #0d0f0e;
3668
+ .tsi-modelAutocompleteWrapper.tsi-dark .tsi-searchInput:focus {
3669
+ border: 1px solid #60aaff;
3669
3670
  }
3670
- .tsi-colorPicker.tsi-dark .tsi-colorPickerButton {
3671
- background: #0d0f0e;
3672
- border: 1px solid #31373e;
3671
+ .tsi-modelAutocompleteWrapper.tsi-dark .tsi-baseMono {
3672
+ background: #1e2223;
3673
+ }
3674
+ .tsi-modelAutocompleteWrapper.tsi-dark .awesomplete > ul {
3675
+ background: #1e2223;
3673
3676
  color: #fff;
3674
3677
  }
3675
- .tsi-colorPicker.tsi-dark .tsi-colorPickerButton:hover {
3678
+ .tsi-modelAutocompleteWrapper.tsi-dark .awesomplete > ul li[aria-selected=true], .tsi-modelAutocompleteWrapper.tsi-dark .awesomplete > ul li:hover, .tsi-modelAutocompleteWrapper.tsi-dark .awesomplete > ul li:focus {
3679
+ background: #62666c;
3680
+ }
3681
+ .tsi-modelAutocompleteWrapper.tsi-dark .tsi-clear {
3682
+ background-color: #0d0f0e;
3683
+ }
3684
+ .tsi-modelAutocompleteWrapper.tsi-dark .tsi-clear:hover {
3676
3685
  background-color: #1e2223;
3677
- cursor: pointer;
3678
3686
  }
3679
- .tsi-colorPicker.tsi-dark .tsi-colorPickerButton:focus {
3680
- box-shadow: 0px 4px 4px #31373e;
3687
+ .tsi-modelAutocompleteWrapper.tsi-dark .tsi-searchInput {
3688
+ color: #fff;
3681
3689
  }
3682
- .tsi-colorPicker.tsi-dark .tsi-colorItem:hover {
3683
- box-shadow: 0px 0px 5px -1px #fff;
3690
+ .tsi-modelAutocompleteWrapper.tsi-dark .tsi-clear {
3691
+ background-image: url("data:image/svg+xml,%3Csvg xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22 width%3D%2216%22 height%3D%2216%22 viewBox%3D%220 0 16 16%22 fill%3D%22black%22%3E%0D%3Cg opacity%3D%220.1%22%3E%0D%3Cpath d%3D%22M2 14L13 3%22 stroke%3D%22black%22 stroke-miterlimit%3D%221%22 stroke-linejoin%3D%22bevel%22%2F%3E%0D%3Cpath d%3D%22M2 3.00001L13 14%22 stroke%3D%22black%22 stroke-miterlimit%3D%221%22 stroke-linejoin%3D%22bevel%22%2F%3E%0D%3C%2Fg%3E%0D%3Cpath d%3D%22M2 13L13 2%22 stroke%3D%22white%22 stroke-miterlimit%3D%221%22 stroke-linejoin%3D%22bevel%22%2F%3E%0D%3Cpath d%3D%22M2 2.00001L13 13%22 stroke%3D%22white%22 stroke-miterlimit%3D%221%22 stroke-linejoin%3D%22bevel%22%2F%3E%0D%3C%2Fsvg%3E");
3684
3692
  }
3685
- .tsi-colorPicker.tsi-dark .tsi-noColor {
3686
- background-image: url("data:image/svg+xml,%3Csvg width%3D%2228%22 height%3D%2228%22 viewBox%3D%220 0 28 28%22 fill%3D%22none%22 xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0D%3Cpath d%3D%22M19.7344 6C20.0469 6 20.3411 6.0599 20.6172 6.17969C20.8932 6.29948 21.1328 6.46094 21.3359 6.66406C21.5391 6.86719 21.7005 7.10677 21.8203 7.38281C21.9401 7.65885 22 7.95312 22 8.26562C22 8.56771 21.9427 8.85938 21.8281 9.14062C21.7135 9.41667 21.5495 9.66146 21.3359 9.875L19.4609 11.75C19.6328 11.9167 19.7656 12.1068 19.8594 12.3203C19.9531 12.5286 20 12.7552 20 13C20 13.2396 19.9531 13.4635 19.8594 13.6719C19.7708 13.8802 19.6432 14.0677 19.4766 14.2344L18.25 15.4609L17 14.2031L10.7109 20.4922L10.5078 20.5C10.2422 20.5104 10.013 20.5547 9.82031 20.6328C9.63281 20.7109 9.46615 20.8073 9.32031 20.9219C9.17969 21.0312 9.04948 21.1484 8.92969 21.2734C8.8151 21.3984 8.69271 21.5156 8.5625 21.625C8.43229 21.7344 8.28906 21.8255 8.13281 21.8984C7.97656 21.9661 7.78646 22 7.5625 22C7.34896 22 7.14583 21.9583 6.95312 21.875C6.76562 21.7917 6.60156 21.6797 6.46094 21.5391C6.32031 21.3984 6.20833 21.2344 6.125 21.0469C6.04167 20.8542 6 20.651 6 20.4375C6 20.2135 6.03385 20.0234 6.10156 19.8672C6.17448 19.7057 6.26562 19.5625 6.375 19.4375C6.48438 19.3073 6.60156 19.1849 6.72656 19.0703C6.85156 18.9505 6.96875 18.8203 7.07812 18.6797C7.19271 18.5339 7.28906 18.3672 7.36719 18.1797C7.44531 17.9922 7.48958 17.763 7.5 17.4922L7.50781 17.2891L13.7969 11L12.5391 9.75L13.7656 8.52344C13.9323 8.35677 14.1198 8.22917 14.3281 8.14062C14.5365 8.04688 14.7604 8 15 8C15.2448 8 15.4714 8.04688 15.6797 8.14062C15.8932 8.23438 16.0833 8.36719 16.25 8.53906L18.125 6.66406C18.3385 6.45052 18.5833 6.28646 18.8594 6.17188C19.1406 6.05729 19.4323 6 19.7344 6ZM16.2891 13.5L14.5 11.7109L8.49219 17.7188C8.46615 17.9844 8.41667 18.2214 8.34375 18.4297C8.27083 18.638 8.17708 18.8333 8.0625 19.0156C7.94792 19.1927 7.8125 19.3646 7.65625 19.5312C7.50521 19.6927 7.34115 19.8646 7.16406 20.0469C7.05469 20.1562 7 20.2891 7 20.4453C7 20.5964 7.05469 20.7266 7.16406 20.8359C7.27344 20.9453 7.40365 21 7.55469 21C7.71094 21 7.84375 20.9453 7.95312 20.8359C8.13542 20.6589 8.3099 20.4948 8.47656 20.3438C8.64323 20.1875 8.8151 20.0521 8.99219 19.9375C9.16927 19.8229 9.36198 19.7292 9.57031 19.6562C9.77865 19.5833 10.0156 19.5339 10.2812 19.5078L16.2891 13.5ZM20.625 9.16406C20.875 8.91406 21 8.61719 21 8.27344C21 8.10156 20.9661 7.9375 20.8984 7.78125C20.8307 7.625 20.7396 7.48958 20.625 7.375C20.5104 7.26042 20.375 7.16927 20.2188 7.10156C20.0625 7.03385 19.8984 7 19.7266 7C19.3828 7 19.0859 7.125 18.8359 7.375L16.25 9.95312L15.5156 9.21875C15.3698 9.07292 15.1979 9 15 9C14.8906 9 14.7865 9.02604 14.6875 9.07812C14.5938 9.13021 14.5026 9.19531 14.4141 9.27344C14.3307 9.35156 14.25 9.4349 14.1719 9.52344C14.0938 9.60677 14.0208 9.68229 13.9531 9.75L18.25 14.0469L18.7812 13.5156C18.9271 13.3698 19 13.1979 19 13C19 12.8958 18.9792 12.8021 18.9375 12.7188C18.901 12.6302 18.8464 12.5495 18.7734 12.4766L18.0469 11.75L20.625 9.16406Z%22 fill%3D%22%23fff%22%2F%3E%0D%3C%2Fsvg%3E%0D") !important;
3693
+ .tsi-modelAutocompleteWrapper.tsi-dark .tsi-search-icon {
3694
+ background-image: url("data:image/svg+xml,%3Csvg width%3D%2216%22 height%3D%2216%22 viewBox%3D%220 0 16 16%22 fill%3D%22none%22 xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0D %3Cpath fill-rule%3D%22evenodd%22 clip-rule%3D%22evenodd%22 d%3D%22M11.96.195A5.433 5.433 0 0 0 10.5 0a5.433 5.433 0 0 0-2.773.75A5.571 5.571 0 0 0 5.75 2.727 5.434 5.434 0 0 0 5 5.5c0 .651.11 1.275.328 1.871.219.596.534 1.145.945 1.645L.148 15.149A.48.48 0 0 0 0 15.5c0 .135.05.253.148.352A.48.48 0 0 0 .5 16a.48.48 0 0 0 .352-.148l6.132-6.125c.5.411 1.049.726 1.645.945.596.219 1.22.328 1.871.328a5.433 5.433 0 0 0 2.773-.75 5.573 5.573 0 0 0 1.977-1.977A5.433 5.433 0 0 0 16 5.5a5.434 5.434 0 0 0-.75-2.773 5.573 5.573 0 0 0-.863-1.114A5.568 5.568 0 0 0 13.273.75a5.432 5.432 0 0 0-1.312-.555zm.29 9.45A4.354 4.354 0 0 1 10.5 10c-.62 0-1.203-.118-1.75-.355a4.57 4.57 0 0 1-1.43-.965 4.57 4.57 0 0 1-.965-1.43A4.354 4.354 0 0 1 6 5.5c0-.62.118-1.203.355-1.75a4.57 4.57 0 0 1 .965-1.43 4.57 4.57 0 0 1 1.43-.965A4.354 4.354 0 0 1 10.5 1c.62 0 1.203.119 1.75.355a4.57 4.57 0 0 1 1.43.965c.406.407.728.883.965 1.43.237.547.355 1.13.355 1.75 0 .62-.118 1.203-.355 1.75a4.57 4.57 0 0 1-.965 1.43 4.57 4.57 0 0 1-1.43.965z%22 fill%3D%22%23fff%22%2F%3E%0D%3C%2Fsvg%3E%0D");
3687
3695
  }
3688
- .tsi-colorPicker .tsi-colorPickerButton {
3689
- width: 100%;
3690
- padding: 4px;
3691
- display: flex;
3692
- align-items: center;
3696
+ .tsi-modelAutocompleteWrapper.tsi-light {
3697
+ background: #ffffff;
3698
+ color: #000;
3693
3699
  }
3694
- .tsi-colorPicker .tsi-colorPickerButton .tsi-selectedColor {
3695
- width: 24px;
3696
- height: 24px;
3700
+ .tsi-modelAutocompleteWrapper.tsi-light .tsi-baseContextMenu, .tsi-modelAutocompleteWrapper.tsi-light .tsi-search .awesomplete > ul {
3701
+ border-color: #136bfb;
3702
+ background-color: #ffffff;
3703
+ box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.16);
3697
3704
  }
3698
- .tsi-colorPicker .tsi-colorPickerButton .tsi-selectedColor.tsi-noColor {
3705
+ .tsi-modelAutocompleteWrapper.tsi-light .tsi-baseContextMenu > div:hover, .tsi-modelAutocompleteWrapper.tsi-light .tsi-search .awesomplete > ul > div:hover, .tsi-modelAutocompleteWrapper.tsi-light .tsi-baseContextMenu > div:focus, .tsi-modelAutocompleteWrapper.tsi-light .tsi-search .awesomplete > ul > div:focus {
3706
+ background-color: #b3d6f2;
3707
+ }
3708
+ .tsi-modelAutocompleteWrapper.tsi-light .tsi-baseContextMenu .tsi-break, .tsi-modelAutocompleteWrapper.tsi-light .tsi-search .awesomplete > ul .tsi-break {
3709
+ border-top: 1px solid rgba(19, 107, 251, 0.2);
3710
+ }
3711
+ .tsi-modelAutocompleteWrapper.tsi-light .tsi-baseContextMenu .tsi-break:hover, .tsi-modelAutocompleteWrapper.tsi-light .tsi-search .awesomplete > ul .tsi-break:hover, .tsi-modelAutocompleteWrapper.tsi-light .tsi-baseContextMenu .tsi-break:focus, .tsi-modelAutocompleteWrapper.tsi-light .tsi-search .awesomplete > ul .tsi-break:focus {
3712
+ background-color: #ffffff;
3713
+ }
3714
+ .tsi-modelAutocompleteWrapper.tsi-light .tsi-searchInput {
3715
+ border: 1px solid #dcdcdc;
3716
+ }
3717
+ .tsi-modelAutocompleteWrapper.tsi-light .tsi-searchInput:focus {
3718
+ border: 1px solid #136bfb;
3719
+ }
3720
+ .tsi-modelAutocompleteWrapper.tsi-light .tsi-baseMono {
3721
+ background: #f2f2f2;
3722
+ }
3723
+ .tsi-modelAutocompleteWrapper.tsi-light .awesomplete > ul {
3724
+ background: #f2f2f2;
3725
+ color: #000;
3726
+ }
3727
+ .tsi-modelAutocompleteWrapper.tsi-light .awesomplete > ul li[aria-selected=true], .tsi-modelAutocompleteWrapper.tsi-light .awesomplete > ul li:hover, .tsi-modelAutocompleteWrapper.tsi-light .awesomplete > ul li:focus {
3728
+ background: #b3d6f2;
3729
+ }
3730
+ .tsi-modelAutocompleteWrapper.tsi-light .tsi-clear {
3731
+ background-color: #ffffff;
3732
+ }
3733
+ .tsi-modelAutocompleteWrapper.tsi-light .tsi-clear:hover {
3734
+ background-color: #f2f2f2;
3735
+ }
3736
+ .tsi-modelAutocompleteWrapper.tsi-light .tsi-searchInput {
3737
+ color: #000;
3738
+ }
3739
+ .tsi-modelAutocompleteWrapper.tsi-light .tsi-clear {
3740
+ background-image: url("data:image/svg+xml,%3Csvg xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22 width%3D%2216%22 height%3D%2216%22 viewBox%3D%220 0 16 16%22 fill%3D%22none%22%3E%0D%3Cg opacity%3D%220.1%22%3E%0D%3Cpath d%3D%22M2 14L13 3%22 stroke%3D%22black%22 stroke-miterlimit%3D%221%22 stroke-linejoin%3D%22bevel%22%2F%3E%0D%3Cpath d%3D%22M2 3.00001L13 14%22 stroke%3D%22black%22 stroke-miterlimit%3D%221%22 stroke-linejoin%3D%22bevel%22%2F%3E%0D%3C%2Fg%3E%0D%3Cpath d%3D%22M2 13L13 2%22 stroke%3D%22%23212121%22 stroke-miterlimit%3D%221%22 stroke-linejoin%3D%22bevel%22%2F%3E%0D%3Cpath d%3D%22M2 2.00001L13 13%22 stroke%3D%22%23212121%22 stroke-miterlimit%3D%221%22 stroke-linejoin%3D%22bevel%22%2F%3E%0D%3C%2Fsvg%3E");
3741
+ }
3742
+ .tsi-modelAutocompleteWrapper.tsi-light .tsi-search-icon {
3743
+ background-image: url("data:image/svg+xml,%3Csvg width%3D%2216%22 height%3D%2216%22 viewBox%3D%220 0 16 16%22 fill%3D%22none%22 xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0D %3Cpath fill-rule%3D%22evenodd%22 clip-rule%3D%22evenodd%22 d%3D%22M11.96.195A5.433 5.433 0 0 0 10.5 0a5.433 5.433 0 0 0-2.773.75A5.571 5.571 0 0 0 5.75 2.727 5.434 5.434 0 0 0 5 5.5c0 .651.11 1.275.328 1.871.219.596.534 1.145.945 1.645L.148 15.149A.48.48 0 0 0 0 15.5c0 .135.05.253.148.352A.48.48 0 0 0 .5 16a.48.48 0 0 0 .352-.148l6.132-6.125c.5.411 1.049.726 1.645.945.596.219 1.22.328 1.871.328a5.433 5.433 0 0 0 2.773-.75 5.573 5.573 0 0 0 1.977-1.977A5.433 5.433 0 0 0 16 5.5a5.434 5.434 0 0 0-.75-2.773 5.573 5.573 0 0 0-.863-1.114A5.568 5.568 0 0 0 13.273.75a5.432 5.432 0 0 0-1.312-.555zm.29 9.45A4.354 4.354 0 0 1 10.5 10c-.62 0-1.203-.118-1.75-.355a4.57 4.57 0 0 1-1.43-.965 4.57 4.57 0 0 1-.965-1.43A4.354 4.354 0 0 1 6 5.5c0-.62.118-1.203.355-1.75a4.57 4.57 0 0 1 .965-1.43 4.57 4.57 0 0 1 1.43-.965A4.354 4.354 0 0 1 10.5 1c.62 0 1.203.119 1.75.355a4.57 4.57 0 0 1 1.43.965c.406.407.728.883.965 1.43.237.547.355 1.13.355 1.75 0 .62-.118 1.203-.355 1.75a4.57 4.57 0 0 1-.965 1.43 4.57 4.57 0 0 1-1.43.965z%22 fill%3D%22%23555%22%2F%3E%0D%3C%2Fsvg%3E%0D");
3744
+ }
3745
+ .tsi-modelAutocompleteWrapper .tsi-search .tsi-clear {
3746
+ width: 20px;
3747
+ height: 20px;
3748
+ cursor: pointer;
3749
+ position: absolute;
3750
+ left: calc(100% - 28px);
3751
+ margin-top: 1px;
3752
+ display: none;
3753
+ z-index: 2;
3699
3754
  background-repeat: no-repeat;
3700
- background-position: center;
3755
+ background-position: 50%;
3701
3756
  }
3702
- .tsi-colorPicker .tsi-colorPickerButton .tsi-selectedColorValue {
3703
- padding-left: 4px;
3704
- text-overflow: ellipsis;
3705
- overflow: hidden;
3706
- white-space: nowrap;
3757
+ .tsi-modelAutocompleteWrapper .tsi-search .tsi-clear.tsi-shown {
3758
+ display: block;
3707
3759
  }
3708
- .tsi-colorPicker .tsi-colorPickerButton .tsi-selectedColorValue.hidden {
3760
+ .tsi-modelAutocompleteWrapper .tsi-search .tsi-searchInput::-ms-clear {
3709
3761
  display: none;
3710
3762
  }
3711
- .tsi-colorPicker .tsi-colorGrid {
3712
- width: 200px;
3713
- display: flex;
3714
- flex-direction: row;
3715
- flex-wrap: wrap;
3763
+ .tsi-modelAutocompleteWrapper .tsi-search .awesomplete [hidden] {
3716
3764
  display: none;
3717
- padding: 12px 8px 12px 12px;
3718
- box-shadow: 0px 0px 1px rgba(0, 0, 0, 0.16), 0px 4px 8px rgba(0, 0, 0, 0.12);
3719
- animation: tsi-slideIn 0.367s cubic-bezier(0.1, 0.9, 0.2, 1) forwards;
3720
- border-radius: 2px;
3721
3765
  }
3722
- .tsi-colorPicker .tsi-colorGrid .tsi-colorGridRow {
3723
- display: contents;
3766
+ .tsi-modelAutocompleteWrapper .tsi-search .awesomplete .visually-hidden {
3767
+ position: absolute;
3768
+ clip: rect(0, 0, 0, 0);
3769
+ }
3770
+ .tsi-modelAutocompleteWrapper .tsi-search .awesomplete {
3771
+ height: 100%;
3772
+ width: 100%;
3773
+ position: absolute;
3774
+ }
3775
+ .tsi-modelAutocompleteWrapper .tsi-search .awesomplete > input {
3776
+ padding-right: 28px;
3777
+ }
3778
+ .tsi-modelAutocompleteWrapper .tsi-search .awesomplete > ul {
3779
+ animation: tsi-slideIn 0.367s cubic-bezier(0.1, 0.9, 0.2, 1) forwards;
3780
+ position: absolute;
3781
+ z-index: 1;
3782
+ list-style: none;
3783
+ padding: 0;
3784
+ border-radius: 0px;
3785
+ font-size: 13px;
3786
+ width: 100%;
3787
+ margin-top: 30px;
3724
3788
  }
3725
- .tsi-colorPicker .tsi-colorGrid .tsi-colorGridRow .tsi-colorItem {
3726
- width: 32px;
3727
- height: 32px;
3728
- margin-right: 4px;
3729
- margin-bottom: 4px;
3789
+ .tsi-modelAutocompleteWrapper .tsi-search .awesomplete > ul:before {
3790
+ display: none;
3791
+ }
3792
+ .tsi-modelAutocompleteWrapper .tsi-search .awesomplete > ul li {
3793
+ display: block;
3794
+ line-height: 20px;
3730
3795
  cursor: pointer;
3731
3796
  }
3732
- .tsi-colorPicker .tsi-colorGrid .tsi-colorGridRow .tsi-colorItem.tsi-selected {
3733
- background-image: url("data:image/svg+xml,%3Csvg width%3D%2213%22 height%3D%2210%22 viewBox%3D%220 0 13 10%22 fill%3D%22none%22 xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0D %3Cg clip-path%3D%22url(%23clip0)%22%3E%0D %3Cpath d%3D%22M12.7 0.7L4.4 9.1L0 4.7L0.7 4L4.4 7.6L12 0L12.7 0.7Z%22 fill%3D%22white%22%2F%3E%0D %3C%2Fg%3E%0D %3Cdefs%3E%0D %3CclipPath id%3D%22clip0%22%3E%0D %3Crect width%3D%2212.7%22 height%3D%229.1%22 fill%3D%22white%22%2F%3E%0D %3C%2FclipPath%3E%0D %3C%2Fdefs%3E%0D%3C%2Fsvg%3E%0D") !important;
3734
- background-size: 70%;
3735
- background-repeat: no-repeat;
3736
- background-position: center;
3797
+ .tsi-modelAutocompleteWrapper .tsi-search .awesomplete > ul:empty {
3798
+ display: none;
3799
+ }
3800
+ .tsi-modelAutocompleteWrapper .tsi-search .tsi-search-results-info {
3801
+ position: absolute !important;
3802
+ display: block;
3803
+ visibility: visible;
3804
+ overflow: hidden;
3805
+ width: 1px;
3806
+ height: 1px;
3807
+ margin: -1px;
3808
+ border: 0;
3809
+ padding: 0;
3810
+ white-space: nowrap;
3737
3811
  }
3738
3812
  div[class^=tsi-] {
3739
3813
  box-sizing: border-box;
@@ -3792,7 +3866,7 @@ div[class^=tsi-] {
3792
3866
  line-height: 16px;
3793
3867
  }
3794
3868
 
3795
- .tsi-baseContextMenu, .tsi-modelAutocompleteWrapper .tsi-search .awesomplete > ul {
3869
+ .tsi-baseContextMenu {
3796
3870
  white-space: nowrap;
3797
3871
  padding: 4px 0;
3798
3872
  animation: tsi-slideRight 0.367s cubic-bezier(0.1, 0.9, 0.2, 1) forwards;
@@ -3802,11 +3876,9 @@ div[class^=tsi-] {
3802
3876
  box-shadow: 0px 0px 2px 0px rgba(0, 0, 0, 0.3);
3803
3877
  text-align: left;
3804
3878
  }
3805
- .tsi-baseContextMenu > div, .tsi-modelAutocompleteWrapper .tsi-search .awesomplete > ul > div,
3879
+ .tsi-baseContextMenu > div,
3806
3880
  .tsi-baseContextMenu > li,
3807
- .tsi-modelAutocompleteWrapper .tsi-search .awesomplete > ul > li,
3808
- .tsi-baseContextMenu > button,
3809
- .tsi-modelAutocompleteWrapper .tsi-search .awesomplete > ul > button {
3881
+ .tsi-baseContextMenu > button {
3810
3882
  padding: 4px 8px;
3811
3883
  font-size: 12px;
3812
3884
  cursor: pointer;
@@ -3815,13 +3887,13 @@ div[class^=tsi-] {
3815
3887
  align-items: center;
3816
3888
  overflow: hidden;
3817
3889
  }
3818
- .tsi-baseContextMenu .tsi-break, .tsi-modelAutocompleteWrapper .tsi-search .awesomplete > ul .tsi-break {
3890
+ .tsi-baseContextMenu .tsi-break {
3819
3891
  height: 4px;
3820
3892
  margin-top: 4px;
3821
3893
  padding: 0 0 4px 0;
3822
3894
  cursor: default;
3823
3895
  }
3824
- .tsi-baseContextMenu .tsi-break:last-of-type, .tsi-modelAutocompleteWrapper .tsi-search .awesomplete > ul .tsi-break:last-of-type {
3896
+ .tsi-baseContextMenu .tsi-break:last-of-type {
3825
3897
  display: none;
3826
3898
  }
3827
3899
 
@@ -4001,174 +4073,102 @@ select::-ms-expand {
4001
4073
  font-weight: 300;
4002
4074
  }
4003
4075
 
4004
- .tsi-modelAutocompleteWrapper {
4005
- height: 32px;
4006
- position: relative;
4007
- }
4008
- .tsi-modelAutocompleteWrapper.tsi-dark {
4009
- background: #0d0f0e;
4010
- color: #fff;
4011
- }
4012
- .tsi-modelAutocompleteWrapper.tsi-dark .tsi-baseContextMenu, .tsi-modelAutocompleteWrapper.tsi-dark .tsi-search .awesomplete > ul {
4013
- border-color: #60aaff;
4014
- background-color: #0d0f0e;
4015
- box-shadow: 0 1px 3px 0 rgba(255, 255, 255, 0.16);
4016
- }
4017
- .tsi-modelAutocompleteWrapper.tsi-dark .tsi-baseContextMenu > div:hover, .tsi-modelAutocompleteWrapper.tsi-dark .tsi-search .awesomplete > ul > div:hover, .tsi-modelAutocompleteWrapper.tsi-dark .tsi-baseContextMenu > div:focus, .tsi-modelAutocompleteWrapper.tsi-dark .tsi-search .awesomplete > ul > div:focus {
4018
- background-color: #62666c;
4019
- }
4020
- .tsi-modelAutocompleteWrapper.tsi-dark .tsi-baseContextMenu .tsi-break, .tsi-modelAutocompleteWrapper.tsi-dark .tsi-search .awesomplete > ul .tsi-break {
4021
- border-top: 1px solid rgba(96, 170, 255, 0.2);
4022
- }
4023
- .tsi-modelAutocompleteWrapper.tsi-dark .tsi-baseContextMenu .tsi-break:hover, .tsi-modelAutocompleteWrapper.tsi-dark .tsi-search .awesomplete > ul .tsi-break:hover, .tsi-modelAutocompleteWrapper.tsi-dark .tsi-baseContextMenu .tsi-break:focus, .tsi-modelAutocompleteWrapper.tsi-dark .tsi-search .awesomplete > ul .tsi-break:focus {
4024
- background-color: #0d0f0e;
4025
- }
4026
- .tsi-modelAutocompleteWrapper.tsi-dark .tsi-searchInput {
4027
- border: 1px solid #31373e;
4028
- }
4029
- .tsi-modelAutocompleteWrapper.tsi-dark .tsi-searchInput:focus {
4030
- border: 1px solid #60aaff;
4031
- }
4032
- .tsi-modelAutocompleteWrapper.tsi-dark .tsi-baseMono {
4033
- background: #1e2223;
4034
- }
4035
- .tsi-modelAutocompleteWrapper.tsi-dark .awesomplete > ul {
4036
- background: #1e2223;
4037
- color: #fff;
4038
- }
4039
- .tsi-modelAutocompleteWrapper.tsi-dark .awesomplete > ul li[aria-selected=true], .tsi-modelAutocompleteWrapper.tsi-dark .awesomplete > ul li:hover, .tsi-modelAutocompleteWrapper.tsi-dark .awesomplete > ul li:focus {
4040
- background: #62666c;
4041
- }
4042
- .tsi-modelAutocompleteWrapper.tsi-dark .tsi-clear {
4043
- background-color: #0d0f0e;
4044
- }
4045
- .tsi-modelAutocompleteWrapper.tsi-dark .tsi-clear:hover {
4046
- background-color: #1e2223;
4047
- }
4048
- .tsi-modelAutocompleteWrapper.tsi-dark .tsi-searchInput {
4049
- color: #fff;
4050
- }
4051
- .tsi-modelAutocompleteWrapper.tsi-dark .tsi-clear {
4052
- background-image: url("data:image/svg+xml,%3Csvg xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22 width%3D%2216%22 height%3D%2216%22 viewBox%3D%220 0 16 16%22 fill%3D%22black%22%3E%0D%3Cg opacity%3D%220.1%22%3E%0D%3Cpath d%3D%22M2 14L13 3%22 stroke%3D%22black%22 stroke-miterlimit%3D%221%22 stroke-linejoin%3D%22bevel%22%2F%3E%0D%3Cpath d%3D%22M2 3.00001L13 14%22 stroke%3D%22black%22 stroke-miterlimit%3D%221%22 stroke-linejoin%3D%22bevel%22%2F%3E%0D%3C%2Fg%3E%0D%3Cpath d%3D%22M2 13L13 2%22 stroke%3D%22white%22 stroke-miterlimit%3D%221%22 stroke-linejoin%3D%22bevel%22%2F%3E%0D%3Cpath d%3D%22M2 2.00001L13 13%22 stroke%3D%22white%22 stroke-miterlimit%3D%221%22 stroke-linejoin%3D%22bevel%22%2F%3E%0D%3C%2Fsvg%3E");
4076
+ .tsi-colorPicker {
4077
+ max-width: 200px;
4053
4078
  }
4054
- .tsi-modelAutocompleteWrapper.tsi-dark .tsi-search-icon {
4055
- background-image: url("data:image/svg+xml,%3Csvg width%3D%2216%22 height%3D%2216%22 viewBox%3D%220 0 16 16%22 fill%3D%22none%22 xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0D %3Cpath fill-rule%3D%22evenodd%22 clip-rule%3D%22evenodd%22 d%3D%22M11.96.195A5.433 5.433 0 0 0 10.5 0a5.433 5.433 0 0 0-2.773.75A5.571 5.571 0 0 0 5.75 2.727 5.434 5.434 0 0 0 5 5.5c0 .651.11 1.275.328 1.871.219.596.534 1.145.945 1.645L.148 15.149A.48.48 0 0 0 0 15.5c0 .135.05.253.148.352A.48.48 0 0 0 .5 16a.48.48 0 0 0 .352-.148l6.132-6.125c.5.411 1.049.726 1.645.945.596.219 1.22.328 1.871.328a5.433 5.433 0 0 0 2.773-.75 5.573 5.573 0 0 0 1.977-1.977A5.433 5.433 0 0 0 16 5.5a5.434 5.434 0 0 0-.75-2.773 5.573 5.573 0 0 0-.863-1.114A5.568 5.568 0 0 0 13.273.75a5.432 5.432 0 0 0-1.312-.555zm.29 9.45A4.354 4.354 0 0 1 10.5 10c-.62 0-1.203-.118-1.75-.355a4.57 4.57 0 0 1-1.43-.965 4.57 4.57 0 0 1-.965-1.43A4.354 4.354 0 0 1 6 5.5c0-.62.118-1.203.355-1.75a4.57 4.57 0 0 1 .965-1.43 4.57 4.57 0 0 1 1.43-.965A4.354 4.354 0 0 1 10.5 1c.62 0 1.203.119 1.75.355a4.57 4.57 0 0 1 1.43.965c.406.407.728.883.965 1.43.237.547.355 1.13.355 1.75 0 .62-.118 1.203-.355 1.75a4.57 4.57 0 0 1-.965 1.43 4.57 4.57 0 0 1-1.43.965z%22 fill%3D%22%23fff%22%2F%3E%0D%3C%2Fsvg%3E%0D");
4079
+ .tsi-colorPicker.tsi-light {
4080
+ color: #000;
4081
+ background: #ffffff;
4056
4082
  }
4057
- .tsi-modelAutocompleteWrapper.tsi-light {
4083
+ .tsi-colorPicker.tsi-light .tsi-colorPickerButton {
4058
4084
  background: #ffffff;
4085
+ border: 1px solid #dcdcdc;
4059
4086
  color: #000;
4060
4087
  }
4061
- .tsi-modelAutocompleteWrapper.tsi-light .tsi-baseContextMenu, .tsi-modelAutocompleteWrapper.tsi-light .tsi-search .awesomplete > ul {
4062
- border-color: #136bfb;
4063
- background-color: #ffffff;
4064
- box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.16);
4065
- }
4066
- .tsi-modelAutocompleteWrapper.tsi-light .tsi-baseContextMenu > div:hover, .tsi-modelAutocompleteWrapper.tsi-light .tsi-search .awesomplete > ul > div:hover, .tsi-modelAutocompleteWrapper.tsi-light .tsi-baseContextMenu > div:focus, .tsi-modelAutocompleteWrapper.tsi-light .tsi-search .awesomplete > ul > div:focus {
4067
- background-color: #b3d6f2;
4068
- }
4069
- .tsi-modelAutocompleteWrapper.tsi-light .tsi-baseContextMenu .tsi-break, .tsi-modelAutocompleteWrapper.tsi-light .tsi-search .awesomplete > ul .tsi-break {
4070
- border-top: 1px solid rgba(19, 107, 251, 0.2);
4088
+ .tsi-colorPicker.tsi-light .tsi-colorPickerButton:hover {
4089
+ background-color: #f2f2f2;
4090
+ cursor: pointer;
4071
4091
  }
4072
- .tsi-modelAutocompleteWrapper.tsi-light .tsi-baseContextMenu .tsi-break:hover, .tsi-modelAutocompleteWrapper.tsi-light .tsi-search .awesomplete > ul .tsi-break:hover, .tsi-modelAutocompleteWrapper.tsi-light .tsi-baseContextMenu .tsi-break:focus, .tsi-modelAutocompleteWrapper.tsi-light .tsi-search .awesomplete > ul .tsi-break:focus {
4073
- background-color: #ffffff;
4092
+ .tsi-colorPicker.tsi-light .tsi-colorPickerButton:focus {
4093
+ box-shadow: 0px 4px 4px #dcdcdc;
4074
4094
  }
4075
- .tsi-modelAutocompleteWrapper.tsi-light .tsi-searchInput {
4076
- border: 1px solid #dcdcdc;
4095
+ .tsi-colorPicker.tsi-light .tsi-colorItem:hover {
4096
+ box-shadow: 0px 0px 5px -1px #000;
4077
4097
  }
4078
- .tsi-modelAutocompleteWrapper.tsi-light .tsi-searchInput:focus {
4079
- border: 1px solid #136bfb;
4098
+ .tsi-colorPicker.tsi-light .tsi-noColor {
4099
+ background-image: url("data:image/svg+xml,%3Csvg width%3D%2228%22 height%3D%2228%22 viewBox%3D%220 0 28 28%22 fill%3D%22none%22 xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0D%3Cpath d%3D%22M19.7344 6C20.0469 6 20.3411 6.0599 20.6172 6.17969C20.8932 6.29948 21.1328 6.46094 21.3359 6.66406C21.5391 6.86719 21.7005 7.10677 21.8203 7.38281C21.9401 7.65885 22 7.95312 22 8.26562C22 8.56771 21.9427 8.85938 21.8281 9.14062C21.7135 9.41667 21.5495 9.66146 21.3359 9.875L19.4609 11.75C19.6328 11.9167 19.7656 12.1068 19.8594 12.3203C19.9531 12.5286 20 12.7552 20 13C20 13.2396 19.9531 13.4635 19.8594 13.6719C19.7708 13.8802 19.6432 14.0677 19.4766 14.2344L18.25 15.4609L17 14.2031L10.7109 20.4922L10.5078 20.5C10.2422 20.5104 10.013 20.5547 9.82031 20.6328C9.63281 20.7109 9.46615 20.8073 9.32031 20.9219C9.17969 21.0312 9.04948 21.1484 8.92969 21.2734C8.8151 21.3984 8.69271 21.5156 8.5625 21.625C8.43229 21.7344 8.28906 21.8255 8.13281 21.8984C7.97656 21.9661 7.78646 22 7.5625 22C7.34896 22 7.14583 21.9583 6.95312 21.875C6.76562 21.7917 6.60156 21.6797 6.46094 21.5391C6.32031 21.3984 6.20833 21.2344 6.125 21.0469C6.04167 20.8542 6 20.651 6 20.4375C6 20.2135 6.03385 20.0234 6.10156 19.8672C6.17448 19.7057 6.26562 19.5625 6.375 19.4375C6.48438 19.3073 6.60156 19.1849 6.72656 19.0703C6.85156 18.9505 6.96875 18.8203 7.07812 18.6797C7.19271 18.5339 7.28906 18.3672 7.36719 18.1797C7.44531 17.9922 7.48958 17.763 7.5 17.4922L7.50781 17.2891L13.7969 11L12.5391 9.75L13.7656 8.52344C13.9323 8.35677 14.1198 8.22917 14.3281 8.14062C14.5365 8.04688 14.7604 8 15 8C15.2448 8 15.4714 8.04688 15.6797 8.14062C15.8932 8.23438 16.0833 8.36719 16.25 8.53906L18.125 6.66406C18.3385 6.45052 18.5833 6.28646 18.8594 6.17188C19.1406 6.05729 19.4323 6 19.7344 6ZM16.2891 13.5L14.5 11.7109L8.49219 17.7188C8.46615 17.9844 8.41667 18.2214 8.34375 18.4297C8.27083 18.638 8.17708 18.8333 8.0625 19.0156C7.94792 19.1927 7.8125 19.3646 7.65625 19.5312C7.50521 19.6927 7.34115 19.8646 7.16406 20.0469C7.05469 20.1562 7 20.2891 7 20.4453C7 20.5964 7.05469 20.7266 7.16406 20.8359C7.27344 20.9453 7.40365 21 7.55469 21C7.71094 21 7.84375 20.9453 7.95312 20.8359C8.13542 20.6589 8.3099 20.4948 8.47656 20.3438C8.64323 20.1875 8.8151 20.0521 8.99219 19.9375C9.16927 19.8229 9.36198 19.7292 9.57031 19.6562C9.77865 19.5833 10.0156 19.5339 10.2812 19.5078L16.2891 13.5ZM20.625 9.16406C20.875 8.91406 21 8.61719 21 8.27344C21 8.10156 20.9661 7.9375 20.8984 7.78125C20.8307 7.625 20.7396 7.48958 20.625 7.375C20.5104 7.26042 20.375 7.16927 20.2188 7.10156C20.0625 7.03385 19.8984 7 19.7266 7C19.3828 7 19.0859 7.125 18.8359 7.375L16.25 9.95312L15.5156 9.21875C15.3698 9.07292 15.1979 9 15 9C14.8906 9 14.7865 9.02604 14.6875 9.07812C14.5938 9.13021 14.5026 9.19531 14.4141 9.27344C14.3307 9.35156 14.25 9.4349 14.1719 9.52344C14.0938 9.60677 14.0208 9.68229 13.9531 9.75L18.25 14.0469L18.7812 13.5156C18.9271 13.3698 19 13.1979 19 13C19 12.8958 18.9792 12.8021 18.9375 12.7188C18.901 12.6302 18.8464 12.5495 18.7734 12.4766L18.0469 11.75L20.625 9.16406Z%22 fill%3D%22%23323130%22%2F%3E%0D%3C%2Fsvg%3E%0D") !important;
4080
4100
  }
4081
- .tsi-modelAutocompleteWrapper.tsi-light .tsi-baseMono {
4082
- background: #f2f2f2;
4101
+ .tsi-colorPicker.tsi-dark {
4102
+ color: #fff;
4103
+ background: #0d0f0e;
4083
4104
  }
4084
- .tsi-modelAutocompleteWrapper.tsi-light .awesomplete > ul {
4085
- background: #f2f2f2;
4086
- color: #000;
4105
+ .tsi-colorPicker.tsi-dark .tsi-colorPickerButton {
4106
+ background: #0d0f0e;
4107
+ border: 1px solid #31373e;
4108
+ color: #fff;
4087
4109
  }
4088
- .tsi-modelAutocompleteWrapper.tsi-light .awesomplete > ul li[aria-selected=true], .tsi-modelAutocompleteWrapper.tsi-light .awesomplete > ul li:hover, .tsi-modelAutocompleteWrapper.tsi-light .awesomplete > ul li:focus {
4089
- background: #b3d6f2;
4110
+ .tsi-colorPicker.tsi-dark .tsi-colorPickerButton:hover {
4111
+ background-color: #1e2223;
4112
+ cursor: pointer;
4090
4113
  }
4091
- .tsi-modelAutocompleteWrapper.tsi-light .tsi-clear {
4092
- background-color: #ffffff;
4114
+ .tsi-colorPicker.tsi-dark .tsi-colorPickerButton:focus {
4115
+ box-shadow: 0px 4px 4px #31373e;
4093
4116
  }
4094
- .tsi-modelAutocompleteWrapper.tsi-light .tsi-clear:hover {
4095
- background-color: #f2f2f2;
4117
+ .tsi-colorPicker.tsi-dark .tsi-colorItem:hover {
4118
+ box-shadow: 0px 0px 5px -1px #fff;
4096
4119
  }
4097
- .tsi-modelAutocompleteWrapper.tsi-light .tsi-searchInput {
4098
- color: #000;
4120
+ .tsi-colorPicker.tsi-dark .tsi-noColor {
4121
+ background-image: url("data:image/svg+xml,%3Csvg width%3D%2228%22 height%3D%2228%22 viewBox%3D%220 0 28 28%22 fill%3D%22none%22 xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0D%3Cpath d%3D%22M19.7344 6C20.0469 6 20.3411 6.0599 20.6172 6.17969C20.8932 6.29948 21.1328 6.46094 21.3359 6.66406C21.5391 6.86719 21.7005 7.10677 21.8203 7.38281C21.9401 7.65885 22 7.95312 22 8.26562C22 8.56771 21.9427 8.85938 21.8281 9.14062C21.7135 9.41667 21.5495 9.66146 21.3359 9.875L19.4609 11.75C19.6328 11.9167 19.7656 12.1068 19.8594 12.3203C19.9531 12.5286 20 12.7552 20 13C20 13.2396 19.9531 13.4635 19.8594 13.6719C19.7708 13.8802 19.6432 14.0677 19.4766 14.2344L18.25 15.4609L17 14.2031L10.7109 20.4922L10.5078 20.5C10.2422 20.5104 10.013 20.5547 9.82031 20.6328C9.63281 20.7109 9.46615 20.8073 9.32031 20.9219C9.17969 21.0312 9.04948 21.1484 8.92969 21.2734C8.8151 21.3984 8.69271 21.5156 8.5625 21.625C8.43229 21.7344 8.28906 21.8255 8.13281 21.8984C7.97656 21.9661 7.78646 22 7.5625 22C7.34896 22 7.14583 21.9583 6.95312 21.875C6.76562 21.7917 6.60156 21.6797 6.46094 21.5391C6.32031 21.3984 6.20833 21.2344 6.125 21.0469C6.04167 20.8542 6 20.651 6 20.4375C6 20.2135 6.03385 20.0234 6.10156 19.8672C6.17448 19.7057 6.26562 19.5625 6.375 19.4375C6.48438 19.3073 6.60156 19.1849 6.72656 19.0703C6.85156 18.9505 6.96875 18.8203 7.07812 18.6797C7.19271 18.5339 7.28906 18.3672 7.36719 18.1797C7.44531 17.9922 7.48958 17.763 7.5 17.4922L7.50781 17.2891L13.7969 11L12.5391 9.75L13.7656 8.52344C13.9323 8.35677 14.1198 8.22917 14.3281 8.14062C14.5365 8.04688 14.7604 8 15 8C15.2448 8 15.4714 8.04688 15.6797 8.14062C15.8932 8.23438 16.0833 8.36719 16.25 8.53906L18.125 6.66406C18.3385 6.45052 18.5833 6.28646 18.8594 6.17188C19.1406 6.05729 19.4323 6 19.7344 6ZM16.2891 13.5L14.5 11.7109L8.49219 17.7188C8.46615 17.9844 8.41667 18.2214 8.34375 18.4297C8.27083 18.638 8.17708 18.8333 8.0625 19.0156C7.94792 19.1927 7.8125 19.3646 7.65625 19.5312C7.50521 19.6927 7.34115 19.8646 7.16406 20.0469C7.05469 20.1562 7 20.2891 7 20.4453C7 20.5964 7.05469 20.7266 7.16406 20.8359C7.27344 20.9453 7.40365 21 7.55469 21C7.71094 21 7.84375 20.9453 7.95312 20.8359C8.13542 20.6589 8.3099 20.4948 8.47656 20.3438C8.64323 20.1875 8.8151 20.0521 8.99219 19.9375C9.16927 19.8229 9.36198 19.7292 9.57031 19.6562C9.77865 19.5833 10.0156 19.5339 10.2812 19.5078L16.2891 13.5ZM20.625 9.16406C20.875 8.91406 21 8.61719 21 8.27344C21 8.10156 20.9661 7.9375 20.8984 7.78125C20.8307 7.625 20.7396 7.48958 20.625 7.375C20.5104 7.26042 20.375 7.16927 20.2188 7.10156C20.0625 7.03385 19.8984 7 19.7266 7C19.3828 7 19.0859 7.125 18.8359 7.375L16.25 9.95312L15.5156 9.21875C15.3698 9.07292 15.1979 9 15 9C14.8906 9 14.7865 9.02604 14.6875 9.07812C14.5938 9.13021 14.5026 9.19531 14.4141 9.27344C14.3307 9.35156 14.25 9.4349 14.1719 9.52344C14.0938 9.60677 14.0208 9.68229 13.9531 9.75L18.25 14.0469L18.7812 13.5156C18.9271 13.3698 19 13.1979 19 13C19 12.8958 18.9792 12.8021 18.9375 12.7188C18.901 12.6302 18.8464 12.5495 18.7734 12.4766L18.0469 11.75L20.625 9.16406Z%22 fill%3D%22%23fff%22%2F%3E%0D%3C%2Fsvg%3E%0D") !important;
4099
4122
  }
4100
- .tsi-modelAutocompleteWrapper.tsi-light .tsi-clear {
4101
- background-image: url("data:image/svg+xml,%3Csvg xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22 width%3D%2216%22 height%3D%2216%22 viewBox%3D%220 0 16 16%22 fill%3D%22none%22%3E%0D%3Cg opacity%3D%220.1%22%3E%0D%3Cpath d%3D%22M2 14L13 3%22 stroke%3D%22black%22 stroke-miterlimit%3D%221%22 stroke-linejoin%3D%22bevel%22%2F%3E%0D%3Cpath d%3D%22M2 3.00001L13 14%22 stroke%3D%22black%22 stroke-miterlimit%3D%221%22 stroke-linejoin%3D%22bevel%22%2F%3E%0D%3C%2Fg%3E%0D%3Cpath d%3D%22M2 13L13 2%22 stroke%3D%22%23212121%22 stroke-miterlimit%3D%221%22 stroke-linejoin%3D%22bevel%22%2F%3E%0D%3Cpath d%3D%22M2 2.00001L13 13%22 stroke%3D%22%23212121%22 stroke-miterlimit%3D%221%22 stroke-linejoin%3D%22bevel%22%2F%3E%0D%3C%2Fsvg%3E");
4123
+ .tsi-colorPicker .tsi-colorPickerButton {
4124
+ width: 100%;
4125
+ padding: 4px;
4126
+ display: flex;
4127
+ align-items: center;
4102
4128
  }
4103
- .tsi-modelAutocompleteWrapper.tsi-light .tsi-search-icon {
4104
- background-image: url("data:image/svg+xml,%3Csvg width%3D%2216%22 height%3D%2216%22 viewBox%3D%220 0 16 16%22 fill%3D%22none%22 xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0D %3Cpath fill-rule%3D%22evenodd%22 clip-rule%3D%22evenodd%22 d%3D%22M11.96.195A5.433 5.433 0 0 0 10.5 0a5.433 5.433 0 0 0-2.773.75A5.571 5.571 0 0 0 5.75 2.727 5.434 5.434 0 0 0 5 5.5c0 .651.11 1.275.328 1.871.219.596.534 1.145.945 1.645L.148 15.149A.48.48 0 0 0 0 15.5c0 .135.05.253.148.352A.48.48 0 0 0 .5 16a.48.48 0 0 0 .352-.148l6.132-6.125c.5.411 1.049.726 1.645.945.596.219 1.22.328 1.871.328a5.433 5.433 0 0 0 2.773-.75 5.573 5.573 0 0 0 1.977-1.977A5.433 5.433 0 0 0 16 5.5a5.434 5.434 0 0 0-.75-2.773 5.573 5.573 0 0 0-.863-1.114A5.568 5.568 0 0 0 13.273.75a5.432 5.432 0 0 0-1.312-.555zm.29 9.45A4.354 4.354 0 0 1 10.5 10c-.62 0-1.203-.118-1.75-.355a4.57 4.57 0 0 1-1.43-.965 4.57 4.57 0 0 1-.965-1.43A4.354 4.354 0 0 1 6 5.5c0-.62.118-1.203.355-1.75a4.57 4.57 0 0 1 .965-1.43 4.57 4.57 0 0 1 1.43-.965A4.354 4.354 0 0 1 10.5 1c.62 0 1.203.119 1.75.355a4.57 4.57 0 0 1 1.43.965c.406.407.728.883.965 1.43.237.547.355 1.13.355 1.75 0 .62-.118 1.203-.355 1.75a4.57 4.57 0 0 1-.965 1.43 4.57 4.57 0 0 1-1.43.965z%22 fill%3D%22%23555%22%2F%3E%0D%3C%2Fsvg%3E%0D");
4129
+ .tsi-colorPicker .tsi-colorPickerButton .tsi-selectedColor {
4130
+ width: 24px;
4131
+ height: 24px;
4105
4132
  }
4106
- .tsi-modelAutocompleteWrapper .tsi-search .tsi-clear {
4107
- width: 20px;
4108
- height: 20px;
4109
- cursor: pointer;
4110
- position: absolute;
4111
- left: calc(100% - 28px);
4112
- margin-top: 1px;
4113
- display: none;
4114
- z-index: 2;
4133
+ .tsi-colorPicker .tsi-colorPickerButton .tsi-selectedColor.tsi-noColor {
4115
4134
  background-repeat: no-repeat;
4116
- background-position: 50%;
4135
+ background-position: center;
4117
4136
  }
4118
- .tsi-modelAutocompleteWrapper .tsi-search .tsi-clear.tsi-shown {
4119
- display: block;
4137
+ .tsi-colorPicker .tsi-colorPickerButton .tsi-selectedColorValue {
4138
+ padding-left: 4px;
4139
+ text-overflow: ellipsis;
4140
+ overflow: hidden;
4141
+ white-space: nowrap;
4120
4142
  }
4121
- .tsi-modelAutocompleteWrapper .tsi-search .tsi-searchInput::-ms-clear {
4143
+ .tsi-colorPicker .tsi-colorPickerButton .tsi-selectedColorValue.hidden {
4122
4144
  display: none;
4123
4145
  }
4124
- .tsi-modelAutocompleteWrapper .tsi-search .awesomplete [hidden] {
4146
+ .tsi-colorPicker .tsi-colorGrid {
4147
+ width: 200px;
4148
+ display: flex;
4149
+ flex-direction: row;
4150
+ flex-wrap: wrap;
4125
4151
  display: none;
4126
- }
4127
- .tsi-modelAutocompleteWrapper .tsi-search .awesomplete .visually-hidden {
4128
- position: absolute;
4129
- clip: rect(0, 0, 0, 0);
4130
- }
4131
- .tsi-modelAutocompleteWrapper .tsi-search .awesomplete {
4132
- height: 100%;
4133
- width: 100%;
4134
- position: absolute;
4135
- }
4136
- .tsi-modelAutocompleteWrapper .tsi-search .awesomplete > input {
4137
- padding-right: 28px;
4138
- }
4139
- .tsi-modelAutocompleteWrapper .tsi-search .awesomplete > ul {
4152
+ padding: 12px 8px 12px 12px;
4153
+ box-shadow: 0px 0px 1px rgba(0, 0, 0, 0.16), 0px 4px 8px rgba(0, 0, 0, 0.12);
4140
4154
  animation: tsi-slideIn 0.367s cubic-bezier(0.1, 0.9, 0.2, 1) forwards;
4141
- position: absolute;
4142
- z-index: 1;
4143
- list-style: none;
4144
- padding: 0;
4145
- border-radius: 0px;
4146
- font-size: 13px;
4147
- width: 100%;
4148
- margin-top: 30px;
4155
+ border-radius: 2px;
4149
4156
  }
4150
- .tsi-modelAutocompleteWrapper .tsi-search .awesomplete > ul:before {
4151
- display: none;
4157
+ .tsi-colorPicker .tsi-colorGrid .tsi-colorGridRow {
4158
+ display: contents;
4152
4159
  }
4153
- .tsi-modelAutocompleteWrapper .tsi-search .awesomplete > ul li {
4154
- display: block;
4155
- line-height: 20px;
4160
+ .tsi-colorPicker .tsi-colorGrid .tsi-colorGridRow .tsi-colorItem {
4161
+ width: 32px;
4162
+ height: 32px;
4163
+ margin-right: 4px;
4164
+ margin-bottom: 4px;
4156
4165
  cursor: pointer;
4157
4166
  }
4158
- .tsi-modelAutocompleteWrapper .tsi-search .awesomplete > ul:empty {
4159
- display: none;
4160
- }
4161
- .tsi-modelAutocompleteWrapper .tsi-search .tsi-search-results-info {
4162
- position: absolute !important;
4163
- display: block;
4164
- visibility: visible;
4165
- overflow: hidden;
4166
- width: 1px;
4167
- height: 1px;
4168
- margin: -1px;
4169
- border: 0;
4170
- padding: 0;
4171
- white-space: nowrap;
4167
+ .tsi-colorPicker .tsi-colorGrid .tsi-colorGridRow .tsi-colorItem.tsi-selected {
4168
+ background-image: url("data:image/svg+xml,%3Csvg width%3D%2213%22 height%3D%2210%22 viewBox%3D%220 0 13 10%22 fill%3D%22none%22 xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0D %3Cg clip-path%3D%22url(%23clip0)%22%3E%0D %3Cpath d%3D%22M12.7 0.7L4.4 9.1L0 4.7L0.7 4L4.4 7.6L12 0L12.7 0.7Z%22 fill%3D%22white%22%2F%3E%0D %3C%2Fg%3E%0D %3Cdefs%3E%0D %3CclipPath id%3D%22clip0%22%3E%0D %3Crect width%3D%2212.7%22 height%3D%229.1%22 fill%3D%22white%22%2F%3E%0D %3C%2FclipPath%3E%0D %3C%2Fdefs%3E%0D%3C%2Fsvg%3E%0D") !important;
4169
+ background-size: 70%;
4170
+ background-repeat: no-repeat;
4171
+ background-position: center;
4172
4172
  }
4173
4173
  div[class^=tsi-] {
4174
4174
  box-sizing: border-box;
@@ -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;