@refinitiv-ui/elements 5.1.0 → 5.3.0

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 (270) hide show
  1. package/CHANGELOG.md +71 -0
  2. package/lib/accordion/index.d.ts +1 -1
  3. package/lib/appstate-bar/index.d.ts +1 -1
  4. package/lib/autosuggest/helpers/const.d.ts +1 -0
  5. package/lib/autosuggest/helpers/types.d.ts +22 -0
  6. package/lib/autosuggest/helpers/utils.d.ts +1 -0
  7. package/lib/autosuggest/index.d.ts +1 -1
  8. package/lib/button/index.d.ts +1 -1
  9. package/lib/button/index.js +31 -31
  10. package/lib/button/index.js.map +1 -1
  11. package/lib/button-bar/index.d.ts +1 -1
  12. package/lib/calendar/index.d.ts +1 -1
  13. package/lib/calendar/index.js +1 -1
  14. package/lib/calendar/index.js.map +1 -1
  15. package/lib/calendar/locales.d.ts +1 -0
  16. package/lib/calendar/themes/halo/dark/index.js +1 -1
  17. package/lib/calendar/themes/halo/light/index.js +1 -1
  18. package/lib/calendar/types.d.ts +1 -0
  19. package/lib/calendar/utils.d.ts +1 -0
  20. package/lib/canvas/index.d.ts +1 -1
  21. package/lib/card/custom-elements.json +18 -8
  22. package/lib/card/helpers/types.d.ts +1 -0
  23. package/lib/card/index.d.ts +50 -12
  24. package/lib/card/index.js +112 -23
  25. package/lib/card/index.js.map +1 -1
  26. package/lib/card/themes/halo/dark/index.js +1 -1
  27. package/lib/card/themes/halo/light/index.js +1 -1
  28. package/lib/card/themes/solar/charcoal/index.js +1 -1
  29. package/lib/card/themes/solar/pearl/index.js +1 -1
  30. package/lib/chart/helpers/index.d.ts +1 -0
  31. package/lib/chart/helpers/legend.d.ts +1 -0
  32. package/lib/chart/helpers/merge.d.ts +1 -0
  33. package/lib/chart/helpers/types.d.ts +1 -0
  34. package/lib/chart/index.d.ts +8 -3
  35. package/lib/chart/index.js +20 -4
  36. package/lib/chart/index.js.map +1 -1
  37. package/lib/chart/plugins/doughnut-center-label.d.ts +1 -0
  38. package/lib/checkbox/index.d.ts +1 -1
  39. package/lib/clock/index.d.ts +1 -1
  40. package/lib/clock/utils/TickManager.d.ts +1 -0
  41. package/lib/clock/utils/timestamps.d.ts +1 -0
  42. package/lib/collapse/index.d.ts +1 -1
  43. package/lib/color-dialog/elements/color-palettes.d.ts +1 -1
  44. package/lib/color-dialog/elements/grayscale-palettes.d.ts +1 -1
  45. package/lib/color-dialog/elements/palettes.d.ts +1 -0
  46. package/lib/color-dialog/helpers/color-helpers.d.ts +1 -0
  47. package/lib/color-dialog/helpers/value-model.d.ts +1 -0
  48. package/lib/color-dialog/index.d.ts +1 -1
  49. package/lib/combo-box/helpers/filter.d.ts +1 -0
  50. package/lib/combo-box/helpers/keyboard-event.d.ts +1 -0
  51. package/lib/combo-box/helpers/types.d.ts +1 -0
  52. package/lib/combo-box/index.d.ts +1 -1
  53. package/lib/combo-box/themes/halo/dark/index.js +1 -1
  54. package/lib/combo-box/themes/halo/light/index.js +1 -1
  55. package/lib/counter/custom-elements.json +35 -0
  56. package/lib/counter/index.d.ts +89 -0
  57. package/lib/counter/index.js +156 -0
  58. package/lib/counter/index.js.map +1 -0
  59. package/lib/counter/themes/halo/dark/index.js +3 -0
  60. package/lib/counter/themes/halo/light/index.js +3 -0
  61. package/lib/counter/themes/solar/charcoal/index.js +3 -0
  62. package/lib/counter/themes/solar/pearl/index.js +3 -0
  63. package/lib/counter/utils.d.ts +14 -0
  64. package/lib/counter/utils.js +53 -0
  65. package/lib/counter/utils.js.map +1 -0
  66. package/lib/datetime-picker/custom-elements.json +1 -1
  67. package/lib/datetime-picker/index.d.ts +2 -2
  68. package/lib/datetime-picker/index.js +1 -1
  69. package/lib/datetime-picker/locales.d.ts +1 -0
  70. package/lib/datetime-picker/types.d.ts +1 -0
  71. package/lib/datetime-picker/utils.d.ts +1 -0
  72. package/lib/dialog/draggable-element.d.ts +1 -0
  73. package/lib/dialog/index.d.ts +1 -1
  74. package/lib/email-field/index.d.ts +1 -1
  75. package/lib/email-field/index.js +1 -0
  76. package/lib/email-field/index.js.map +1 -1
  77. package/lib/email-field/themes/halo/dark/index.js +1 -1
  78. package/lib/email-field/themes/halo/light/index.js +1 -1
  79. package/lib/email-field/themes/solar/charcoal/index.js +1 -1
  80. package/lib/email-field/themes/solar/pearl/index.js +1 -1
  81. package/lib/events.d.ts +1 -0
  82. package/lib/flag/index.d.ts +1 -1
  83. package/lib/flag/utils/FlagLoader.d.ts +1 -0
  84. package/lib/header/index.d.ts +1 -1
  85. package/lib/heatmap/custom-elements.json +13 -0
  86. package/lib/heatmap/helpers/color.d.ts +1 -0
  87. package/lib/heatmap/helpers/text.d.ts +1 -0
  88. package/lib/heatmap/helpers/track.d.ts +1 -0
  89. package/lib/heatmap/helpers/types.d.ts +1 -0
  90. package/lib/heatmap/index.d.ts +18 -6
  91. package/lib/heatmap/index.js +40 -20
  92. package/lib/heatmap/index.js.map +1 -1
  93. package/lib/icon/index.d.ts +1 -1
  94. package/lib/icon/utils/IconLoader.d.ts +1 -0
  95. package/lib/index.d.ts +1 -0
  96. package/lib/index.js +1 -1
  97. package/lib/interactive-chart/helpers/merge.d.ts +1 -0
  98. package/lib/interactive-chart/helpers/types.d.ts +4 -3
  99. package/lib/interactive-chart/index.d.ts +1 -1
  100. package/lib/interactive-chart/index.js +7 -7
  101. package/lib/interactive-chart/index.js.map +1 -1
  102. package/lib/item/helpers/types.d.ts +1 -0
  103. package/lib/item/index.d.ts +1 -1
  104. package/lib/label/custom-elements.json +7 -16
  105. package/lib/label/index.d.ts +32 -71
  106. package/lib/label/index.js +142 -179
  107. package/lib/label/index.js.map +1 -1
  108. package/lib/layout/index.d.ts +1 -1
  109. package/lib/led-gauge/index.d.ts +1 -1
  110. package/lib/list/extensible-function.d.ts +1 -0
  111. package/lib/list/helpers/list-renderer.d.ts +1 -0
  112. package/lib/list/helpers/types.d.ts +1 -0
  113. package/lib/list/index.d.ts +8 -2
  114. package/lib/list/index.js +26 -9
  115. package/lib/list/index.js.map +1 -1
  116. package/lib/list/renderer.d.ts +1 -0
  117. package/lib/loader/index.d.ts +1 -1
  118. package/lib/multi-input/helpers/types.d.ts +1 -0
  119. package/lib/multi-input/index.d.ts +1 -1
  120. package/lib/notification/elements/notification-tray.d.ts +1 -1
  121. package/lib/notification/elements/notification.d.ts +1 -1
  122. package/lib/notification/helpers/status.d.ts +1 -0
  123. package/lib/notification/helpers/types.d.ts +1 -0
  124. package/lib/notification/index.d.ts +1 -0
  125. package/lib/number-field/index.d.ts +1 -1
  126. package/lib/number-field/index.js +1 -0
  127. package/lib/number-field/index.js.map +1 -1
  128. package/lib/number-field/themes/halo/dark/index.js +1 -1
  129. package/lib/number-field/themes/halo/light/index.js +1 -1
  130. package/lib/number-field/themes/solar/charcoal/index.js +1 -1
  131. package/lib/number-field/themes/solar/pearl/index.js +1 -1
  132. package/lib/overlay/elements/overlay-backdrop.d.ts +1 -1
  133. package/lib/overlay/elements/overlay-viewport.d.ts +1 -1
  134. package/lib/overlay/elements/overlay.d.ts +1 -1
  135. package/lib/overlay/elements/overlay.js +1 -0
  136. package/lib/overlay/elements/overlay.js.map +1 -1
  137. package/lib/overlay/helpers/functions.d.ts +1 -0
  138. package/lib/overlay/helpers/types.d.ts +1 -0
  139. package/lib/overlay/index.d.ts +1 -0
  140. package/lib/overlay/managers/backdrop-manager.d.ts +2 -1
  141. package/lib/overlay/managers/close-manager.d.ts +2 -1
  142. package/lib/overlay/managers/focus-manager.d.ts +2 -1
  143. package/lib/overlay/managers/focus-manager.js +1 -2
  144. package/lib/overlay/managers/focus-manager.js.map +1 -1
  145. package/lib/overlay/managers/interaction-lock-manager.d.ts +1 -0
  146. package/lib/overlay/managers/viewport-manager.d.ts +2 -1
  147. package/lib/overlay/managers/zindex-manager.d.ts +2 -1
  148. package/lib/overlay/managers/zindex-manager.js +0 -2
  149. package/lib/overlay/managers/zindex-manager.js.map +1 -1
  150. package/lib/overlay-menu/custom-elements.json +64 -0
  151. package/lib/overlay-menu/helpers/types.d.ts +1 -0
  152. package/lib/overlay-menu/helpers/uuid.d.ts +1 -0
  153. package/lib/overlay-menu/index.d.ts +19 -1
  154. package/lib/overlay-menu/index.js +18 -0
  155. package/lib/overlay-menu/index.js.map +1 -1
  156. package/lib/overlay-menu/managers/menu-manager.d.ts +1 -0
  157. package/lib/pagination/helpers/types.d.ts +1 -0
  158. package/lib/pagination/index.d.ts +1 -1
  159. package/lib/panel/index.d.ts +1 -1
  160. package/lib/password-field/index.d.ts +1 -1
  161. package/lib/password-field/index.js +1 -0
  162. package/lib/password-field/index.js.map +1 -1
  163. package/lib/password-field/themes/halo/dark/index.js +1 -1
  164. package/lib/password-field/themes/halo/light/index.js +1 -1
  165. package/lib/password-field/themes/solar/charcoal/index.js +1 -1
  166. package/lib/password-field/themes/solar/pearl/index.js +1 -1
  167. package/lib/pill/index.d.ts +1 -1
  168. package/lib/progress-bar/index.d.ts +1 -1
  169. package/lib/radio-button/index.d.ts +1 -1
  170. package/lib/radio-button/radio-button-registry.d.ts +1 -0
  171. package/lib/rating/index.d.ts +1 -1
  172. package/lib/search-field/index.d.ts +1 -1
  173. package/lib/search-field/index.js +1 -0
  174. package/lib/search-field/index.js.map +1 -1
  175. package/lib/search-field/themes/halo/dark/index.js +1 -1
  176. package/lib/search-field/themes/halo/light/index.js +1 -1
  177. package/lib/search-field/themes/solar/charcoal/index.js +1 -1
  178. package/lib/search-field/themes/solar/pearl/index.js +1 -1
  179. package/lib/select/helpers/types.d.ts +1 -0
  180. package/lib/select/index.d.ts +1 -1
  181. package/lib/select/themes/halo/dark/index.js +1 -1
  182. package/lib/select/themes/halo/light/index.js +1 -1
  183. package/lib/sidebar-layout/index.d.ts +1 -1
  184. package/lib/slider/index.d.ts +7 -1
  185. package/lib/slider/index.js +48 -1
  186. package/lib/slider/index.js.map +1 -1
  187. package/lib/sparkline/index.d.ts +1 -1
  188. package/lib/swing-gauge/const.d.ts +23 -0
  189. package/lib/swing-gauge/const.js +27 -0
  190. package/lib/swing-gauge/const.js.map +1 -0
  191. package/lib/swing-gauge/custom-elements.json +47 -20
  192. package/lib/swing-gauge/helpers.d.ts +9 -0
  193. package/lib/swing-gauge/helpers.js +106 -0
  194. package/lib/swing-gauge/helpers.js.map +1 -0
  195. package/lib/swing-gauge/index.d.ts +207 -70
  196. package/lib/swing-gauge/index.js +651 -161
  197. package/lib/swing-gauge/index.js.map +1 -1
  198. package/lib/swing-gauge/themes/halo/dark/index.js +1 -1
  199. package/lib/swing-gauge/themes/halo/light/index.js +1 -1
  200. package/lib/swing-gauge/themes/solar/charcoal/index.js +1 -1
  201. package/lib/swing-gauge/themes/solar/pearl/index.js +1 -1
  202. package/lib/swing-gauge/types.d.ts +35 -0
  203. package/lib/swing-gauge/{helpers/types.js → types.js} +0 -0
  204. package/lib/swing-gauge/{helpers/types.js.map → types.js.map} +1 -1
  205. package/lib/tab/custom-elements.json +7 -18
  206. package/lib/tab/index.d.ts +5 -9
  207. package/lib/tab/index.js +11 -19
  208. package/lib/tab/index.js.map +1 -1
  209. package/lib/tab/themes/halo/dark/index.js +1 -1
  210. package/lib/tab/themes/halo/light/index.js +1 -1
  211. package/lib/tab/themes/solar/charcoal/index.js +1 -1
  212. package/lib/tab/themes/solar/pearl/index.js +1 -1
  213. package/lib/tab-bar/helpers/animate.d.ts +1 -0
  214. package/lib/tab-bar/index.d.ts +1 -1
  215. package/lib/text-field/index.d.ts +1 -1
  216. package/lib/text-field/index.js +1 -0
  217. package/lib/text-field/index.js.map +1 -1
  218. package/lib/text-field/themes/halo/dark/index.js +1 -1
  219. package/lib/text-field/themes/halo/light/index.js +1 -1
  220. package/lib/text-field/themes/solar/charcoal/index.js +1 -1
  221. package/lib/text-field/themes/solar/pearl/index.js +1 -1
  222. package/lib/time-picker/index.d.ts +1 -1
  223. package/lib/toggle/index.d.ts +1 -1
  224. package/lib/tooltip/elements/title-tooltip.d.ts +1 -0
  225. package/lib/tooltip/elements/tooltip-element.d.ts +2 -2
  226. package/lib/tooltip/elements/tooltip-element.js +0 -1
  227. package/lib/tooltip/elements/tooltip-element.js.map +1 -1
  228. package/lib/tooltip/helpers/overflow-tooltip.d.ts +1 -0
  229. package/lib/tooltip/helpers/renderer.d.ts +1 -0
  230. package/lib/tooltip/helpers/types.d.ts +1 -0
  231. package/lib/tooltip/index.d.ts +2 -2
  232. package/lib/tooltip/index.js +3 -4
  233. package/lib/tooltip/index.js.map +1 -1
  234. package/lib/tooltip/managers/tooltip-manager.d.ts +2 -1
  235. package/lib/tooltip/managers/tooltip-manager.js +20 -9
  236. package/lib/tooltip/managers/tooltip-manager.js.map +1 -1
  237. package/lib/tornado-chart/elements/tornado-chart.d.ts +1 -1
  238. package/lib/tornado-chart/elements/tornado-item.d.ts +1 -1
  239. package/lib/tornado-chart/index.d.ts +1 -0
  240. package/lib/tree/elements/tree-item.d.ts +9 -1
  241. package/lib/tree/elements/tree-item.js +17 -0
  242. package/lib/tree/elements/tree-item.js.map +1 -1
  243. package/lib/tree/elements/tree.d.ts +1 -1
  244. package/lib/tree/helpers/renderer.d.ts +1 -0
  245. package/lib/tree/helpers/renderer.js +1 -0
  246. package/lib/tree/helpers/renderer.js.map +1 -1
  247. package/lib/tree/helpers/types.d.ts +5 -0
  248. package/lib/tree/index.d.ts +1 -0
  249. package/lib/tree/managers/tree-manager.d.ts +1 -0
  250. package/lib/tree/themes/halo/dark/index.js +1 -1
  251. package/lib/tree/themes/halo/light/index.js +1 -1
  252. package/lib/tree/themes/solar/charcoal/index.js +1 -1
  253. package/lib/tree/themes/solar/pearl/index.js +1 -1
  254. package/lib/tree-select/custom-elements.json +5 -0
  255. package/lib/tree-select/helpers/types.d.ts +1 -0
  256. package/lib/tree-select/index.d.ts +17 -1
  257. package/lib/tree-select/index.js +49 -5
  258. package/lib/tree-select/index.js.map +1 -1
  259. package/lib/tree-select/themes/halo/dark/index.js +2 -1
  260. package/lib/tree-select/themes/halo/light/index.js +2 -1
  261. package/lib/tree-select/themes/solar/charcoal/index.js +2 -1
  262. package/lib/tree-select/themes/solar/pearl/index.js +2 -1
  263. package/package.json +10 -10
  264. package/lib/label/helpers/text.d.ts +0 -35
  265. package/lib/label/helpers/text.js +0 -57
  266. package/lib/label/helpers/text.js.map +0 -1
  267. package/lib/swing-gauge/helpers/canvas.d.ts +0 -8
  268. package/lib/swing-gauge/helpers/canvas.js +0 -115
  269. package/lib/swing-gauge/helpers/canvas.js.map +0 -1
  270. package/lib/swing-gauge/helpers/types.d.ts +0 -33
package/lib/tree-select/themes/solar/charcoal/index.js CHANGED
@@ -2,9 +2,10 @@ import '@refinitiv-ui/elements/lib/overlay/themes/solar/charcoal';
2
2
  import '@refinitiv-ui/elements/lib/tree/themes/solar/charcoal';
3
3
  import '@refinitiv-ui/elements/lib/checkbox/themes/solar/charcoal';
4
4
  import '@refinitiv-ui/elements/lib/pill/themes/solar/charcoal';
5
+ import '@refinitiv-ui/elements/lib/button/themes/solar/charcoal';
5
6
  import '@refinitiv-ui/elements/lib/list/themes/solar/charcoal';
6
7
  import '@refinitiv-ui/elements/lib/text-field/themes/solar/charcoal';
7
8
  import '@refinitiv-ui/elements/lib/item/themes/solar/charcoal';
8
9
  import '@refinitiv-ui/elements/lib/icon/themes/solar/charcoal';
9
10
 
10
- elf.customStyles.define('ef-tree-select', ':host{display:none;-webkit-appearance:none;-moz-appearance:none;appearance:none;text-align:left;font-family:inherit;font-size:13rem;font-weight:400;height:23px;max-width:100%;margin:1px 0;outline:0;box-sizing:border-box;display:inline-flex;align-items:center;position:relative;vertical-align:middle;color:#c2c2c2;border-radius:0;background-color:#000;text-overflow:ellipsis;border:1px solid #4a4a52;cursor:pointer;scrollbar-face-color:#666570;scrollbar-shadow-color:#666570;scrollbar-highlight-color:#666570;scrollbar-arrow-color:#666570;scrollbar-track-color:#2e2e33;scrollbar-3dlight-color:#2e2e33;scrollbar-darkshadow-color:#2e2e33;scrollbar-color:#666570 #2e2e33;padding:0;scrollbar-face-color:#666570;scrollbar-shadow-color:#666570;scrollbar-highlight-color:#666570;scrollbar-arrow-color:#666570;scrollbar-track-color:#2e2e33;scrollbar-3dlight-color:#2e2e33;scrollbar-darkshadow-color:#2e2e33;scrollbar-color:#666570 #2e2e33;--panel-background-color:#3C3C42;width:280px;--panel-background-color:#3C3C42}:host([disabled]){color:rgba(194,194,194,.6);border:1px solid rgba(74,74,82,.6)}:host([warning]){border:1px solid #f93}:host([warning][disabled]){color:rgba(194,194,194,.6);border:1px solid rgba(255,153,51,.6)}:host([error]),:host([error][warning]){border:1px solid #f5475b}:host([error][disabled]),:host([error][warning][disabled]){color:rgba(194,194,194,.6);border:1px solid rgba(245,71,91,.6)}:host(:not([readonly])[focused]){background-size:100% 2px,100% 1px!important;background-position:center bottom!important;border-color:#f93}:host([readonly]){cursor:default}:host [part=placeholder]{opacity:.5}:host [part=label],:host [part=placeholder]{margin-right:3px}:host [part~=icon]{color:#c2c2c2;opacity:.7}:host(:not([readonly]):hover) [part~=icon],:host(:not([readonly])[focused]) [part~=icon]{opacity:1}:host(:not([readonly])[focused]) [part~=icon]{color:#f93}:host([disabled]) [part~=icon]{color:rgba(74,74,82,.6)}:host [part=input-wrapper]{touch-action:manipulation;display:flex;align-items:center;width:100%;height:100%}:host [part=input]{width:100%}:host [part~=button]{height:28px;display:flex;justify-content:center;align-items:center;flex:none}:host [part=list]{max-width:var(--list-max-width,300px);max-height:var(--list-max-height);display:flex;flex-flow:column nowrap;width:var(--panel-width,210px);min-width:var(--panel-width,210px);max-width:var(--list-max-width,var(--panel-width,210px));max-height:var(--list-max-height,450px)}@media all and (-ms-high-contrast:none),(-ms-high-contrast:active){:host [part=list] ::slotted(ef-list){max-height:inherit}}:host [part=selection-badge]{min-width:22px;flex-shrink:0}::-webkit-scrollbar{width:13px;height:13px}::-webkit-scrollbar-button{background:0 0/1px 2px no-repeat #2e2e33;height:12px;width:12px;display:block}::-webkit-scrollbar-thumb{background:#666570;border-radius:7px;border:2px solid #2e2e33}::-webkit-scrollbar-thumb:hover{background:#e2e2e2}::-webkit-scrollbar-thumb:active{background:#f93}::-webkit-scrollbar-track{background:#2e2e33}::-webkit-scrollbar-corner{background:#2e2e33}::-webkit-scrollbar-button:end:decrement,::-webkit-scrollbar-button:start:increment{display:none}::-webkit-scrollbar-button:horizontal{background-size:2px 1px}::-webkit-scrollbar-button:vertical:start:decrement{background-image:linear-gradient(#666570,#666570),linear-gradient(#666570,#666570),linear-gradient(#666570,#666570),linear-gradient(#666570,#666570),linear-gradient(#666570,#666570),linear-gradient(#666570,#666570),linear-gradient(#666570,#666570),linear-gradient(#666570,#666570),linear-gradient(#666570,#666570);background-position:10px 6.5px,9px 5.5px,8px 4.5px,7px 3.5px,6px 2.5px,5px 3.5px,4px 4.5px,3px 5.5px,2px 6.5px}::-webkit-scrollbar-button:vertical:start:decrement:hover{background-image:linear-gradient(#e2e2e2,#e2e2e2),linear-gradient(#e2e2e2,#e2e2e2),linear-gradient(#e2e2e2,#e2e2e2),linear-gradient(#e2e2e2,#e2e2e2),linear-gradient(#e2e2e2,#e2e2e2),linear-gradient(#e2e2e2,#e2e2e2),linear-gradient(#e2e2e2,#e2e2e2),linear-gradient(#e2e2e2,#e2e2e2),linear-gradient(#e2e2e2,#e2e2e2);background-position:10px 6.5px,9px 5.5px,8px 4.5px,7px 3.5px,6px 2.5px,5px 3.5px,4px 4.5px,3px 5.5px,2px 6.5px}::-webkit-scrollbar-button:vertical:start:decrement:active{background-image:linear-gradient(#f93,#f93),linear-gradient(#f93,#f93),linear-gradient(#f93,#f93),linear-gradient(#f93,#f93),linear-gradient(#f93,#f93),linear-gradient(#f93,#f93),linear-gradient(#f93,#f93),linear-gradient(#f93,#f93),linear-gradient(#f93,#f93);background-position:10px 6.5px,9px 5.5px,8px 4.5px,7px 3.5px,6px 2.5px,5px 3.5px,4px 4.5px,3px 5.5px,2px 6.5px}::-webkit-scrollbar-button:vertical:end:increment{background-image:linear-gradient(#666570,#666570),linear-gradient(#666570,#666570),linear-gradient(#666570,#666570),linear-gradient(#666570,#666570),linear-gradient(#666570,#666570),linear-gradient(#666570,#666570),linear-gradient(#666570,#666570),linear-gradient(#666570,#666570),linear-gradient(#666570,#666570);background-position:10px 3.5px,9px 4.5px,8px 5.5px,7px 6.5px,6px 7.5px,5px 6.5px,4px 5.5px,3px 4.5px,2px 3.5px}::-webkit-scrollbar-button:vertical:end:increment:hover{background-image:linear-gradient(#e2e2e2,#e2e2e2),linear-gradient(#e2e2e2,#e2e2e2),linear-gradient(#e2e2e2,#e2e2e2),linear-gradient(#e2e2e2,#e2e2e2),linear-gradient(#e2e2e2,#e2e2e2),linear-gradient(#e2e2e2,#e2e2e2),linear-gradient(#e2e2e2,#e2e2e2),linear-gradient(#e2e2e2,#e2e2e2),linear-gradient(#e2e2e2,#e2e2e2);background-position:10px 3.5px,9px 4.5px,8px 5.5px,7px 6.5px,6px 7.5px,5px 6.5px,4px 5.5px,3px 4.5px,2px 3.5px}::-webkit-scrollbar-button:vertical:end:increment:active{background-image:linear-gradient(#f93,#f93),linear-gradient(#f93,#f93),linear-gradient(#f93,#f93),linear-gradient(#f93,#f93),linear-gradient(#f93,#f93),linear-gradient(#f93,#f93),linear-gradient(#f93,#f93),linear-gradient(#f93,#f93),linear-gradient(#f93,#f93);background-position:10px 3.5px,9px 4.5px,8px 5.5px,7px 6.5px,6px 7.5px,5px 6.5px,4px 5.5px,3px 4.5px,2px 3.5px}::-webkit-scrollbar-button:horizontal:start:decrement{background-image:linear-gradient(#666570,#666570),linear-gradient(#666570,#666570),linear-gradient(#666570,#666570),linear-gradient(#666570,#666570),linear-gradient(#666570,#666570),linear-gradient(#666570,#666570),linear-gradient(#666570,#666570),linear-gradient(#666570,#666570),linear-gradient(#666570,#666570);background-position:6.5px 10px,5.5px 9px,4.5px 8px,3.5px 7px,2.5px 6px,3.5px 5px,4.5px 4px,5.5px 3px,6.5px 2px}::-webkit-scrollbar-button:horizontal:start:decrement:hover{background-image:linear-gradient(#e2e2e2,#e2e2e2),linear-gradient(#e2e2e2,#e2e2e2),linear-gradient(#e2e2e2,#e2e2e2),linear-gradient(#e2e2e2,#e2e2e2),linear-gradient(#e2e2e2,#e2e2e2),linear-gradient(#e2e2e2,#e2e2e2),linear-gradient(#e2e2e2,#e2e2e2),linear-gradient(#e2e2e2,#e2e2e2),linear-gradient(#e2e2e2,#e2e2e2);background-position:6.5px 10px,5.5px 9px,4.5px 8px,3.5px 7px,2.5px 6px,3.5px 5px,4.5px 4px,5.5px 3px,6.5px 2px}::-webkit-scrollbar-button:horizontal:start:decrement:active{background-image:linear-gradient(#f93,#f93),linear-gradient(#f93,#f93),linear-gradient(#f93,#f93),linear-gradient(#f93,#f93),linear-gradient(#f93,#f93),linear-gradient(#f93,#f93),linear-gradient(#f93,#f93),linear-gradient(#f93,#f93),linear-gradient(#f93,#f93);background-position:6.5px 10px,5.5px 9px,4.5px 8px,3.5px 7px,2.5px 6px,3.5px 5px,4.5px 4px,5.5px 3px,6.5px 2px}::-webkit-scrollbar-button:horizontal:end:increment{background-image:linear-gradient(#666570,#666570),linear-gradient(#666570,#666570),linear-gradient(#666570,#666570),linear-gradient(#666570,#666570),linear-gradient(#666570,#666570),linear-gradient(#666570,#666570),linear-gradient(#666570,#666570),linear-gradient(#666570,#666570),linear-gradient(#666570,#666570);background-position:3.5px 10px,4.5px 9px,5.5px 8px,6.5px 7px,7.5px 6px,6.5px 5px,5.5px 4px,4.5px 3px,3.5px 2px}::-webkit-scrollbar-button:horizontal:end:increment:hover{background-image:linear-gradient(#e2e2e2,#e2e2e2),linear-gradient(#e2e2e2,#e2e2e2),linear-gradient(#e2e2e2,#e2e2e2),linear-gradient(#e2e2e2,#e2e2e2),linear-gradient(#e2e2e2,#e2e2e2),linear-gradient(#e2e2e2,#e2e2e2),linear-gradient(#e2e2e2,#e2e2e2),linear-gradient(#e2e2e2,#e2e2e2),linear-gradient(#e2e2e2,#e2e2e2);background-position:3.5px 10px,4.5px 9px,5.5px 8px,6.5px 7px,7.5px 6px,6.5px 5px,5.5px 4px,4.5px 3px,3.5px 2px}::-webkit-scrollbar-button:horizontal:end:increment:active{background-image:linear-gradient(#f93,#f93),linear-gradient(#f93,#f93),linear-gradient(#f93,#f93),linear-gradient(#f93,#f93),linear-gradient(#f93,#f93),linear-gradient(#f93,#f93),linear-gradient(#f93,#f93),linear-gradient(#f93,#f93),linear-gradient(#f93,#f93);background-position:3.5px 10px,4.5px 9px,5.5px 8px,6.5px 7px,7.5px 6px,6.5px 5px,5.5px 4px,4.5px 3px,3.5px 2px}:host [part~=control-container]{height:22px;padding:0 7px}:host [part~=footer]{height:23px;padding:7px;border-top:1px solid #0a0a0a;background:#2e2e33;align-content:space-between;justify-content:flex-end;box-sizing:content-box}:host [part~=filter-wrapper]{display:flex;align-items:center}:host [part~=control]{display:block;position:relative;padding:3px 3.5px;border:1px solid transparent;border-radius:0;cursor:pointer;outline:0}:host([focused=visible]) [part~=control]:focus{border-color:#f93}:host [part~=filter-control]{align-content:space-between;border-bottom:1px solid #0a0a0a;background:#2e2e33}:host [part=match-count-wrapper]{display:inline-flex;margin-right:auto}:host [part~=tree-control]{justify-content:space-between;border-bottom:1px solid #0a0a0a}:host [part~=control][part~=active]{color:#3780bf}:host [part~=control][part~=disabled]{cursor:default;color:rgba(194,194,194,.6)}:host [part~=full-filter]::after{content:\'\';border-right:1px solid #4a4a52;position:absolute;top:0;right:-2px;bottom:0}:host [part=selected-count]{display:inline-flex;margin-right:auto}:host [part=pills]{padding:3px;border-top:1px solid #0a0a0a;max-height:72px;overflow-y:auto;background-color:#000}:host [part=toggle-button],:host [part~=button-toggle],:host [part~=full-filter],:host [part~=selected-filter]{-webkit-appearance:none;-moz-appearance:none;appearance:none;border-radius:0;background-color:#3c3c42;color:#c2c2c2;border:1px solid #000;height:23px;box-shadow:0 0 0 0 rgba(0,0,0,.6);padding:0 8px;outline:0;font-family:inherit;font-size:13rem;font-weight:400;min-width:23px;margin:1px 0;transition:70ms;text-align:center;box-sizing:border-box;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;display:inline-flex;justify-content:center;align-items:center;vertical-align:bottom;position:relative;overflow:hidden;background-image:linear-gradient(rgba(255,255,255,.1) 10%,rgba(255,255,255,0) 100%)}@media (-ms-high-contrast:none),(pointer:fine){:host [part=toggle-button]:focus:not([focused]),:host [part=toggle-button][focused=visible],:host [part~=button-toggle]:focus:not([focused]),:host [part~=button-toggle][focused=visible],:host [part~=full-filter]:focus:not([focused]),:host [part~=full-filter][focused=visible],:host [part~=selected-filter]:focus:not([focused]),:host [part~=selected-filter][focused=visible]{background-color:#3c3c42;color:#c2c2c2;box-shadow:inset 0 0 0 1px #000;border-color:#f93;outline:0}:host [part=toggle-button]:hover,:host [part~=button-toggle]:hover,:host [part~=full-filter]:hover,:host [part~=selected-filter]:hover{background-color:#4d4d55;color:#e2e2e2;box-shadow:0 0 0 0 rgba(0,0,0,.9)}:host [part=toggle-button]:hover:not(:focus),:host [part~=button-toggle]:hover:not(:focus),:host [part~=full-filter]:hover:not(:focus),:host [part~=selected-filter]:hover:not(:focus){border-color:#000;outline:0}}@media all{:host [part=toggle-button]:active,:host [part~=button-toggle]:active,:host [part~=full-filter]:active,:host [part~=selected-filter]:active{background-color:#38383d;color:#c2c2c2;box-shadow:0 0 0 0 rgba(0,0,0,.6)}:host [part=toggle-button]:active:not(:focus),:host [part~=button-toggle]:active:not(:focus),:host [part~=full-filter]:active:not(:focus),:host [part~=selected-filter]:active:not(:focus){border-color:#000;outline:0}:host [part=toggle-button][disabled],:host [part~=button-toggle][disabled],:host [part~=full-filter][disabled],:host [part~=selected-filter][disabled]{background-color:#3c3c42;color:#c2c2c2;border-color:#333;box-shadow:none;outline:0;pointer-events:none}}:host [part=toggle-button][cta],:host [part~=button-toggle][cta],:host [part~=full-filter][cta],:host [part~=selected-filter][cta]{background-color:#f93;color:#0a0a0a;border-color:#000;box-shadow:0 0 0 0 rgba(0,0,0,.6);outline:0;background-image:linear-gradient(rgba(255,255,255,.1) 10%,rgba(255,255,255,0) 100%)}@media (-ms-high-contrast:none),(pointer:fine){:host [part=toggle-button][cta]:focus:not([focused]),:host [part=toggle-button][cta][focused=visible],:host [part~=button-toggle][cta]:focus:not([focused]),:host [part~=button-toggle][cta][focused=visible],:host [part~=full-filter][cta]:focus:not([focused]),:host [part~=full-filter][cta][focused=visible],:host [part~=selected-filter][cta]:focus:not([focused]),:host [part~=selected-filter][cta][focused=visible]{background-color:#f93;color:#c2c2c2;box-shadow:inset 0 0 0 1px #000;border-color:#f93;outline:0}:host [part=toggle-button][cta]:hover,:host [part~=button-toggle][cta]:hover,:host [part~=full-filter][cta]:hover,:host [part~=selected-filter][cta]:hover{background-color:#ffab57;color:#e2e2e2;box-shadow:0 0 0 0 rgba(0,0,0,.9)}:host [part=toggle-button][cta]:hover:not(:focus),:host [part~=button-toggle][cta]:hover:not(:focus),:host [part~=full-filter][cta]:hover:not(:focus),:host [part~=selected-filter][cta]:hover:not(:focus){border-color:#000;outline:0}}@media all{:host [part=toggle-button][cta]:active,:host [part~=button-toggle][cta]:active,:host [part~=full-filter][cta]:active,:host [part~=selected-filter][cta]:active{background-color:#ed8e2f;color:#0a0a0a;box-shadow:0 0 0 0 rgba(0,0,0,.6)}:host [part=toggle-button][cta]:active:not(:focus),:host [part~=button-toggle][cta]:active:not(:focus),:host [part~=full-filter][cta]:active:not(:focus),:host [part~=selected-filter][cta]:active:not(:focus){border-color:#000;outline:0}:host [part=toggle-button][cta][disabled],:host [part~=button-toggle][cta][disabled],:host [part~=full-filter][cta][disabled],:host [part~=selected-filter][cta][disabled]{background-color:#f93;color:#0a0a0a;border-color:#333;box-shadow:none;outline:0;pointer-events:none}}:host [part=toggle-button][toggles],:host [part~=button-toggle][toggles],:host [part~=full-filter][toggles],:host [part~=selected-filter][toggles]{background-color:#3c3c42;color:#c2c2c2;border-color:#000;box-shadow:0 0 0 0 rgba(0,0,0,.6);outline:0}@media (-ms-high-contrast:none),(pointer:fine){:host [part=toggle-button][toggles]:focus:not([focused]),:host [part=toggle-button][toggles][focused=visible],:host [part~=button-toggle][toggles]:focus:not([focused]),:host [part~=button-toggle][toggles][focused=visible],:host [part~=full-filter][toggles]:focus:not([focused]),:host [part~=full-filter][toggles][focused=visible],:host [part~=selected-filter][toggles]:focus:not([focused]),:host [part~=selected-filter][toggles][focused=visible]{background-color:#3c3c42;color:#c2c2c2;box-shadow:inset 0 0 0 1px #000;border-color:#f93;outline:0}:host [part=toggle-button][toggles]:hover,:host [part~=button-toggle][toggles]:hover,:host [part~=full-filter][toggles]:hover,:host [part~=selected-filter][toggles]:hover{background-color:#4d4d55;color:#e2e2e2;box-shadow:0 0 0 0 rgba(0,0,0,.9)}:host [part=toggle-button][toggles]:hover:not(:focus),:host [part~=button-toggle][toggles]:hover:not(:focus),:host [part~=full-filter][toggles]:hover:not(:focus),:host [part~=selected-filter][toggles]:hover:not(:focus){border-color:#000;outline:0}}@media all{:host [part=toggle-button][toggles]:active,:host [part~=button-toggle][toggles]:active,:host [part~=full-filter][toggles]:active,:host [part~=selected-filter][toggles]:active{background-color:#38383d;color:#c2c2c2;box-shadow:0 0 0 0 rgba(0,0,0,.6)}:host [part=toggle-button][toggles]:active:not(:focus),:host [part~=button-toggle][toggles]:active:not(:focus),:host [part~=full-filter][toggles]:active:not(:focus),:host [part~=selected-filter][toggles]:active:not(:focus){border-color:#000;outline:0}:host [part=toggle-button][toggles][disabled],:host [part~=button-toggle][toggles][disabled],:host [part~=full-filter][toggles][disabled],:host [part~=selected-filter][toggles][disabled]{background-color:#3c3c42;color:#c2c2c2;border-color:#333;box-shadow:none;outline:0;pointer-events:none}}:host [part=toggle-button][toggles][active],:host [part~=button-toggle][toggles][active],:host [part~=control][part~=active],:host [part~=full-filter][toggles][active],:host [part~=selected-filter][toggles][active]{border-color:#000;box-shadow:0 0 0 0 rgba(0,0,0,.6);outline:0}@media (-ms-high-contrast:none),(pointer:fine){:host [part=toggle-button][toggles][active]:focus:not([focused]),:host [part=toggle-button][toggles][active][focused=visible],:host [part~=button-toggle][toggles][active]:focus:not([focused]),:host [part~=button-toggle][toggles][active][focused=visible],:host [part~=full-filter][toggles][active]:focus:not([focused]),:host [part~=full-filter][toggles][active][focused=visible],:host [part~=selected-filter][toggles][active]:focus:not([focused]),:host [part~=selected-filter][toggles][active][focused=visible]{background-color:#38383d;color:#c2c2c2;box-shadow:inset 0 0 0 1px #000;border-color:#f93;outline:0}:host [part=toggle-button][toggles][active]:hover,:host [part~=button-toggle][toggles][active]:hover,:host [part~=full-filter][toggles][active]:hover,:host [part~=selected-filter][toggles][active]:hover{background-color:#494950;color:#e2e2e2;box-shadow:0 0 0 0 rgba(0,0,0,.9)}:host [part=toggle-button][toggles][active]:hover:not(:focus),:host [part~=button-toggle][toggles][active]:hover:not(:focus),:host [part~=full-filter][toggles][active]:hover:not(:focus),:host [part~=selected-filter][toggles][active]:hover:not(:focus){border-color:#000;outline:0}}@media all{:host [part=toggle-button][toggles][active]:active,:host [part~=button-toggle][toggles][active]:active,:host [part~=full-filter][toggles][active]:active,:host [part~=selected-filter][toggles][active]:active{background-color:#343439;color:#f93;box-shadow:0 0 0 0 rgba(0,0,0,.6)}:host [part=toggle-button][toggles][active]:active:not(:focus),:host [part~=button-toggle][toggles][active]:active:not(:focus),:host [part~=full-filter][toggles][active]:active:not(:focus),:host [part~=selected-filter][toggles][active]:active:not(:focus){border-color:#000;outline:0}:host [part=toggle-button][toggles][active][disabled],:host [part~=button-toggle][toggles][active][disabled],:host [part~=full-filter][toggles][active][disabled],:host [part~=selected-filter][toggles][active][disabled]{background-color:#38383d;color:#f93;border-color:#333;box-shadow:none;outline:0;pointer-events:none}}@media (-ms-high-contrast:none),(pointer:fine){:host [part=toggle-button][cta]:hover,:host [part~=button-toggle][cta]:hover,:host [part~=full-filter][cta]:hover,:host [part~=selected-filter][cta]:hover{color:#0a0a0a}:host [part=toggle-button][cta]:focus:not([focused]),:host [part=toggle-button][cta][focused=visible],:host [part~=button-toggle][cta]:focus:not([focused]),:host [part~=button-toggle][cta][focused=visible],:host [part~=full-filter][cta]:focus:not([focused]),:host [part~=full-filter][cta][focused=visible],:host [part~=selected-filter][cta]:focus:not([focused]),:host [part~=selected-filter][cta][focused=visible]{border-color:#000;box-shadow:inset 0 0 0 1px #000;color:#0a0a0a}:host [part=toggle-button]:focus:not([focused]),:host [part=toggle-button][focused=visible],:host [part~=button-toggle]:focus:not([focused]),:host [part~=button-toggle][focused=visible],:host [part~=full-filter]:focus:not([focused]),:host [part~=full-filter][focused=visible],:host [part~=selected-filter]:focus:not([focused]),:host [part~=selected-filter][focused=visible]{border-style:dotted;box-shadow:inset 0 0 0 1px #000}}:host [part=toggle-button][cta]:active,:host [part~=button-toggle][cta]:active,:host [part~=full-filter][cta]:active,:host [part~=selected-filter][cta]:active{background-color:#f93;background-image:linear-gradient(rgba(255,255,255,.1) 10%,rgba(255,255,255,0) 100%)}:host [part=toggle-button][cta][disabled],:host [part~=button-toggle][cta][disabled],:host [part~=full-filter][cta][disabled],:host [part~=selected-filter][cta][disabled]{opacity:.4}:host [part=toggle-button][disabled],:host [part~=button-toggle][disabled],:host [part~=full-filter][disabled],:host [part~=selected-filter][disabled]{opacity:.4}:host [part=toggle-button][toggles][active],:host [part~=button-toggle][toggles][active],:host [part~=control][part~=active],:host [part~=full-filter][toggles][active],:host [part~=selected-filter][toggles][active]{color:#f93!important;background-color:#38383d!important;background-image:linear-gradient(rgba(255,255,255,0) 0,rgba(255,255,255,.1) 90%)}:host [part=toggle-button]:active,:host [part~=button-toggle]:active,:host [part~=full-filter]:active,:host [part~=selected-filter]:active{background-image:linear-gradient(rgba(255,255,255,.1) 10%,rgba(255,255,255,0) 100%)}:host [part~=button-toggle]{min-width:0;min-height:0;padding:0;margin-right:1px}:host [part~=button]{height:calc(100% - 2px);width:19px}:host [part=selection-badge]{height:17px;min-width:17px;margin-top:0}:host [part=list]{padding:3px;width:var(--panel-width,350px);max-width:var(--list-max-width,var(--panel-width,350px));max-height:var(--list-max-height,400px)}:host [part~=filter-wrapper]{padding:0;margin:0}:host [part~=control]:focus{z-index:1;border-style:dotted}:host [part~=filter-control],:host [part~=footer],:host [part~=tree-control]{padding:0;border:none;background:0 0}:host [part~=selected-filter]{margin-left:-1px}:host [part~=tree-control]{margin-top:3px;background:#2e2e33;padding:5px;border:1px solid #000;border-bottom:none}:host [part=pills],:host [part=tree]{border:1px solid #000;margin-bottom:3px}:host [part=selected-count]{margin-left:2px}:host [part=cancel-button]{margin-right:3px}');
11
+ elf.customStyles.define('ef-tree-select', ':host{display:none;-webkit-appearance:none;-moz-appearance:none;appearance:none;text-align:left;font-family:inherit;font-size:13rem;font-weight:400;height:23px;max-width:100%;margin:1px 0;outline:0;box-sizing:border-box;display:inline-flex;align-items:center;position:relative;vertical-align:middle;color:#c2c2c2;border-radius:0;background-color:#000;text-overflow:ellipsis;border:1px solid #4a4a52;cursor:pointer;scrollbar-face-color:#666570;scrollbar-shadow-color:#666570;scrollbar-highlight-color:#666570;scrollbar-arrow-color:#666570;scrollbar-track-color:#2e2e33;scrollbar-3dlight-color:#2e2e33;scrollbar-darkshadow-color:#2e2e33;scrollbar-color:#666570 #2e2e33;padding:0;scrollbar-face-color:#666570;scrollbar-shadow-color:#666570;scrollbar-highlight-color:#666570;scrollbar-arrow-color:#666570;scrollbar-track-color:#2e2e33;scrollbar-3dlight-color:#2e2e33;scrollbar-darkshadow-color:#2e2e33;scrollbar-color:#666570 #2e2e33;--panel-background-color:#3C3C42;width:280px;--panel-background-color:#3C3C42}:host([disabled]){color:rgba(194,194,194,.6);border:1px solid rgba(74,74,82,.6)}:host([warning]){border:1px solid #f93}:host([warning][disabled]){color:rgba(194,194,194,.6);border:1px solid rgba(255,153,51,.6)}:host([error]),:host([error][warning]){border:1px solid #f5475b}:host([error][disabled]),:host([error][warning][disabled]){color:rgba(194,194,194,.6);border:1px solid rgba(245,71,91,.6)}:host(:not([readonly])[focused]){background-size:100% 2px,100% 1px!important;background-position:center bottom!important;border-color:#f93}:host([readonly]){cursor:default}:host [part=placeholder]{opacity:.5}:host [part=label],:host [part=placeholder]{margin-right:3px}:host [part~=icon]{color:#c2c2c2;opacity:.7}:host(:not([readonly]):hover) [part~=icon],:host(:not([readonly])[focused]) [part~=icon]{opacity:1}:host(:not([readonly])[focused]) [part~=icon]{color:#f93}:host([disabled]) [part~=icon]{color:rgba(74,74,82,.6)}:host [part=input-wrapper]{touch-action:manipulation;display:flex;align-items:center;width:100%;height:100%}:host [part=input]{width:100%}:host [part~=button]{height:28px;display:flex;justify-content:center;align-items:center;flex:none}:host [part=list]{max-width:var(--list-max-width,300px);max-height:var(--list-max-height);display:flex;flex-flow:column nowrap;width:var(--panel-width,210px);min-width:var(--panel-width,210px);max-width:var(--list-max-width,var(--panel-width,210px));max-height:var(--list-max-height,450px)}@media all and (-ms-high-contrast:none),(-ms-high-contrast:active){:host [part=list] ::slotted(ef-list){max-height:inherit}}:host [part=selection-badge]{min-width:22px;flex-shrink:0}::-webkit-scrollbar{width:13px;height:13px}::-webkit-scrollbar-button{background:0 0/1px 2px no-repeat #2e2e33;height:12px;width:12px;display:block}::-webkit-scrollbar-thumb{background:#666570;border-radius:7px;border:2px solid #2e2e33}::-webkit-scrollbar-thumb:hover{background:#e2e2e2}::-webkit-scrollbar-thumb:active{background:#f93}::-webkit-scrollbar-track{background:#2e2e33}::-webkit-scrollbar-corner{background:#2e2e33}::-webkit-scrollbar-button:end:decrement,::-webkit-scrollbar-button:start:increment{display:none}::-webkit-scrollbar-button:horizontal{background-size:2px 1px}::-webkit-scrollbar-button:vertical:start:decrement{background-image:linear-gradient(#666570,#666570),linear-gradient(#666570,#666570),linear-gradient(#666570,#666570),linear-gradient(#666570,#666570),linear-gradient(#666570,#666570),linear-gradient(#666570,#666570),linear-gradient(#666570,#666570),linear-gradient(#666570,#666570),linear-gradient(#666570,#666570);background-position:10px 6.5px,9px 5.5px,8px 4.5px,7px 3.5px,6px 2.5px,5px 3.5px,4px 4.5px,3px 5.5px,2px 6.5px}::-webkit-scrollbar-button:vertical:start:decrement:hover{background-image:linear-gradient(#e2e2e2,#e2e2e2),linear-gradient(#e2e2e2,#e2e2e2),linear-gradient(#e2e2e2,#e2e2e2),linear-gradient(#e2e2e2,#e2e2e2),linear-gradient(#e2e2e2,#e2e2e2),linear-gradient(#e2e2e2,#e2e2e2),linear-gradient(#e2e2e2,#e2e2e2),linear-gradient(#e2e2e2,#e2e2e2),linear-gradient(#e2e2e2,#e2e2e2);background-position:10px 6.5px,9px 5.5px,8px 4.5px,7px 3.5px,6px 2.5px,5px 3.5px,4px 4.5px,3px 5.5px,2px 6.5px}::-webkit-scrollbar-button:vertical:start:decrement:active{background-image:linear-gradient(#f93,#f93),linear-gradient(#f93,#f93),linear-gradient(#f93,#f93),linear-gradient(#f93,#f93),linear-gradient(#f93,#f93),linear-gradient(#f93,#f93),linear-gradient(#f93,#f93),linear-gradient(#f93,#f93),linear-gradient(#f93,#f93);background-position:10px 6.5px,9px 5.5px,8px 4.5px,7px 3.5px,6px 2.5px,5px 3.5px,4px 4.5px,3px 5.5px,2px 6.5px}::-webkit-scrollbar-button:vertical:end:increment{background-image:linear-gradient(#666570,#666570),linear-gradient(#666570,#666570),linear-gradient(#666570,#666570),linear-gradient(#666570,#666570),linear-gradient(#666570,#666570),linear-gradient(#666570,#666570),linear-gradient(#666570,#666570),linear-gradient(#666570,#666570),linear-gradient(#666570,#666570);background-position:10px 3.5px,9px 4.5px,8px 5.5px,7px 6.5px,6px 7.5px,5px 6.5px,4px 5.5px,3px 4.5px,2px 3.5px}::-webkit-scrollbar-button:vertical:end:increment:hover{background-image:linear-gradient(#e2e2e2,#e2e2e2),linear-gradient(#e2e2e2,#e2e2e2),linear-gradient(#e2e2e2,#e2e2e2),linear-gradient(#e2e2e2,#e2e2e2),linear-gradient(#e2e2e2,#e2e2e2),linear-gradient(#e2e2e2,#e2e2e2),linear-gradient(#e2e2e2,#e2e2e2),linear-gradient(#e2e2e2,#e2e2e2),linear-gradient(#e2e2e2,#e2e2e2);background-position:10px 3.5px,9px 4.5px,8px 5.5px,7px 6.5px,6px 7.5px,5px 6.5px,4px 5.5px,3px 4.5px,2px 3.5px}::-webkit-scrollbar-button:vertical:end:increment:active{background-image:linear-gradient(#f93,#f93),linear-gradient(#f93,#f93),linear-gradient(#f93,#f93),linear-gradient(#f93,#f93),linear-gradient(#f93,#f93),linear-gradient(#f93,#f93),linear-gradient(#f93,#f93),linear-gradient(#f93,#f93),linear-gradient(#f93,#f93);background-position:10px 3.5px,9px 4.5px,8px 5.5px,7px 6.5px,6px 7.5px,5px 6.5px,4px 5.5px,3px 4.5px,2px 3.5px}::-webkit-scrollbar-button:horizontal:start:decrement{background-image:linear-gradient(#666570,#666570),linear-gradient(#666570,#666570),linear-gradient(#666570,#666570),linear-gradient(#666570,#666570),linear-gradient(#666570,#666570),linear-gradient(#666570,#666570),linear-gradient(#666570,#666570),linear-gradient(#666570,#666570),linear-gradient(#666570,#666570);background-position:6.5px 10px,5.5px 9px,4.5px 8px,3.5px 7px,2.5px 6px,3.5px 5px,4.5px 4px,5.5px 3px,6.5px 2px}::-webkit-scrollbar-button:horizontal:start:decrement:hover{background-image:linear-gradient(#e2e2e2,#e2e2e2),linear-gradient(#e2e2e2,#e2e2e2),linear-gradient(#e2e2e2,#e2e2e2),linear-gradient(#e2e2e2,#e2e2e2),linear-gradient(#e2e2e2,#e2e2e2),linear-gradient(#e2e2e2,#e2e2e2),linear-gradient(#e2e2e2,#e2e2e2),linear-gradient(#e2e2e2,#e2e2e2),linear-gradient(#e2e2e2,#e2e2e2);background-position:6.5px 10px,5.5px 9px,4.5px 8px,3.5px 7px,2.5px 6px,3.5px 5px,4.5px 4px,5.5px 3px,6.5px 2px}::-webkit-scrollbar-button:horizontal:start:decrement:active{background-image:linear-gradient(#f93,#f93),linear-gradient(#f93,#f93),linear-gradient(#f93,#f93),linear-gradient(#f93,#f93),linear-gradient(#f93,#f93),linear-gradient(#f93,#f93),linear-gradient(#f93,#f93),linear-gradient(#f93,#f93),linear-gradient(#f93,#f93);background-position:6.5px 10px,5.5px 9px,4.5px 8px,3.5px 7px,2.5px 6px,3.5px 5px,4.5px 4px,5.5px 3px,6.5px 2px}::-webkit-scrollbar-button:horizontal:end:increment{background-image:linear-gradient(#666570,#666570),linear-gradient(#666570,#666570),linear-gradient(#666570,#666570),linear-gradient(#666570,#666570),linear-gradient(#666570,#666570),linear-gradient(#666570,#666570),linear-gradient(#666570,#666570),linear-gradient(#666570,#666570),linear-gradient(#666570,#666570);background-position:3.5px 10px,4.5px 9px,5.5px 8px,6.5px 7px,7.5px 6px,6.5px 5px,5.5px 4px,4.5px 3px,3.5px 2px}::-webkit-scrollbar-button:horizontal:end:increment:hover{background-image:linear-gradient(#e2e2e2,#e2e2e2),linear-gradient(#e2e2e2,#e2e2e2),linear-gradient(#e2e2e2,#e2e2e2),linear-gradient(#e2e2e2,#e2e2e2),linear-gradient(#e2e2e2,#e2e2e2),linear-gradient(#e2e2e2,#e2e2e2),linear-gradient(#e2e2e2,#e2e2e2),linear-gradient(#e2e2e2,#e2e2e2),linear-gradient(#e2e2e2,#e2e2e2);background-position:3.5px 10px,4.5px 9px,5.5px 8px,6.5px 7px,7.5px 6px,6.5px 5px,5.5px 4px,4.5px 3px,3.5px 2px}::-webkit-scrollbar-button:horizontal:end:increment:active{background-image:linear-gradient(#f93,#f93),linear-gradient(#f93,#f93),linear-gradient(#f93,#f93),linear-gradient(#f93,#f93),linear-gradient(#f93,#f93),linear-gradient(#f93,#f93),linear-gradient(#f93,#f93),linear-gradient(#f93,#f93),linear-gradient(#f93,#f93);background-position:3.5px 10px,4.5px 9px,5.5px 8px,6.5px 7px,7.5px 6px,6.5px 5px,5.5px 4px,4.5px 3px,3.5px 2px}:host [part~=control-container]{height:22px;padding:0 7px}:host [part~=footer]{height:23px;padding:7px;border-top:1px solid #0a0a0a;background:#2e2e33;align-content:space-between;justify-content:flex-end;box-sizing:content-box}:host [part~=filter-wrapper]{display:flex;align-items:center}:host [part~=control]{display:block;position:relative;padding:3px 3.5px;border:1px solid transparent;border-radius:0;cursor:pointer;outline:0}:host([focused=visible]) [part~=control]:focus{border-color:#f93}:host [part~=filter-control]{align-content:space-between;border-bottom:1px solid #0a0a0a;background:#2e2e33}:host [part=match-count-wrapper]{display:inline-flex;margin-right:auto}:host [part~=tree-control]{justify-content:space-between;border-bottom:1px solid #0a0a0a}:host [part~=control][part~=active]{color:#3780bf}:host [part~=control][part~=disabled]{cursor:default;color:rgba(194,194,194,.6)}:host [part~=full-filter]::after{content:\'\';border-right:1px solid #4a4a52;position:absolute;top:0;right:-2px;bottom:0}:host [part=selected-count]{display:inline-flex;margin-right:auto}:host [part=cancel-button],:host [part=done-button]{margin:1px}:host [part~=footer] [part*=-button]:first-child{margin-right:0}:host [part=pills]{padding:3px;border-top:1px solid #0a0a0a;max-height:72px;overflow-y:auto;background-color:#000}:host [part=toggle-button],:host [part~=button-toggle],:host [part~=full-filter],:host [part~=selected-filter]{-webkit-appearance:none;-moz-appearance:none;appearance:none;border-radius:0;background-color:#3c3c42;color:#c2c2c2;border:1px solid #000;height:23px;box-shadow:0 0 0 0 rgba(0,0,0,.6);padding:0 8px;outline:0;font-family:inherit;font-size:13rem;font-weight:400;min-width:23px;margin:1px 0;transition:70ms;text-align:center;box-sizing:border-box;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;display:inline-flex;justify-content:center;align-items:center;vertical-align:bottom;position:relative;overflow:hidden;background-image:linear-gradient(rgba(255,255,255,.1) 10%,rgba(255,255,255,0) 100%)}@media (-ms-high-contrast:none),(pointer:fine){:host [part=toggle-button]:focus:not([focused]),:host [part=toggle-button][focused=visible],:host [part~=button-toggle]:focus:not([focused]),:host [part~=button-toggle][focused=visible],:host [part~=full-filter]:focus:not([focused]),:host [part~=full-filter][focused=visible],:host [part~=selected-filter]:focus:not([focused]),:host [part~=selected-filter][focused=visible]{background-color:#3c3c42;color:#c2c2c2;box-shadow:inset 0 0 0 1px #000;border-color:#f93;outline:0}:host [part=toggle-button]:hover,:host [part~=button-toggle]:hover,:host [part~=full-filter]:hover,:host [part~=selected-filter]:hover{background-color:#4d4d55;color:#e2e2e2;box-shadow:0 0 0 0 rgba(0,0,0,.9)}:host [part=toggle-button]:hover:not(:focus),:host [part~=button-toggle]:hover:not(:focus),:host [part~=full-filter]:hover:not(:focus),:host [part~=selected-filter]:hover:not(:focus){border-color:#000;outline:0}}@media all{:host [part=toggle-button]:active,:host [part~=button-toggle]:active,:host [part~=full-filter]:active,:host [part~=selected-filter]:active{background-color:#38383d;color:#c2c2c2;box-shadow:0 0 0 0 rgba(0,0,0,.6)}:host [part=toggle-button]:active:not(:focus),:host [part~=button-toggle]:active:not(:focus),:host [part~=full-filter]:active:not(:focus),:host [part~=selected-filter]:active:not(:focus){border-color:#000;outline:0}:host [part=toggle-button][disabled],:host [part~=button-toggle][disabled],:host [part~=full-filter][disabled],:host [part~=selected-filter][disabled]{background-color:#3c3c42;color:#c2c2c2;border-color:#333;box-shadow:none;outline:0;pointer-events:none}}:host [part=toggle-button][cta],:host [part~=button-toggle][cta],:host [part~=full-filter][cta],:host [part~=selected-filter][cta]{background-color:#f93;color:#0a0a0a;border-color:#000;box-shadow:0 0 0 0 rgba(0,0,0,.6);outline:0;background-image:linear-gradient(rgba(255,255,255,.1) 10%,rgba(255,255,255,0) 100%)}@media (-ms-high-contrast:none),(pointer:fine){:host [part=toggle-button][cta]:focus:not([focused]),:host [part=toggle-button][cta][focused=visible],:host [part~=button-toggle][cta]:focus:not([focused]),:host [part~=button-toggle][cta][focused=visible],:host [part~=full-filter][cta]:focus:not([focused]),:host [part~=full-filter][cta][focused=visible],:host [part~=selected-filter][cta]:focus:not([focused]),:host [part~=selected-filter][cta][focused=visible]{background-color:#f93;color:#c2c2c2;box-shadow:inset 0 0 0 1px #000;border-color:#f93;outline:0}:host [part=toggle-button][cta]:hover,:host [part~=button-toggle][cta]:hover,:host [part~=full-filter][cta]:hover,:host [part~=selected-filter][cta]:hover{background-color:#ffab57;color:#e2e2e2;box-shadow:0 0 0 0 rgba(0,0,0,.9)}:host [part=toggle-button][cta]:hover:not(:focus),:host [part~=button-toggle][cta]:hover:not(:focus),:host [part~=full-filter][cta]:hover:not(:focus),:host [part~=selected-filter][cta]:hover:not(:focus){border-color:#000;outline:0}}@media all{:host [part=toggle-button][cta]:active,:host [part~=button-toggle][cta]:active,:host [part~=full-filter][cta]:active,:host [part~=selected-filter][cta]:active{background-color:#ed8e2f;color:#0a0a0a;box-shadow:0 0 0 0 rgba(0,0,0,.6)}:host [part=toggle-button][cta]:active:not(:focus),:host [part~=button-toggle][cta]:active:not(:focus),:host [part~=full-filter][cta]:active:not(:focus),:host [part~=selected-filter][cta]:active:not(:focus){border-color:#000;outline:0}:host [part=toggle-button][cta][disabled],:host [part~=button-toggle][cta][disabled],:host [part~=full-filter][cta][disabled],:host [part~=selected-filter][cta][disabled]{background-color:#f93;color:#0a0a0a;border-color:#333;box-shadow:none;outline:0;pointer-events:none}}:host [part=toggle-button][toggles],:host [part~=button-toggle][toggles],:host [part~=full-filter][toggles],:host [part~=selected-filter][toggles]{background-color:#3c3c42;color:#c2c2c2;border-color:#000;box-shadow:0 0 0 0 rgba(0,0,0,.6);outline:0}@media (-ms-high-contrast:none),(pointer:fine){:host [part=toggle-button][toggles]:focus:not([focused]),:host [part=toggle-button][toggles][focused=visible],:host [part~=button-toggle][toggles]:focus:not([focused]),:host [part~=button-toggle][toggles][focused=visible],:host [part~=full-filter][toggles]:focus:not([focused]),:host [part~=full-filter][toggles][focused=visible],:host [part~=selected-filter][toggles]:focus:not([focused]),:host [part~=selected-filter][toggles][focused=visible]{background-color:#3c3c42;color:#c2c2c2;box-shadow:inset 0 0 0 1px #000;border-color:#f93;outline:0}:host [part=toggle-button][toggles]:hover,:host [part~=button-toggle][toggles]:hover,:host [part~=full-filter][toggles]:hover,:host [part~=selected-filter][toggles]:hover{background-color:#4d4d55;color:#e2e2e2;box-shadow:0 0 0 0 rgba(0,0,0,.9)}:host [part=toggle-button][toggles]:hover:not(:focus),:host [part~=button-toggle][toggles]:hover:not(:focus),:host [part~=full-filter][toggles]:hover:not(:focus),:host [part~=selected-filter][toggles]:hover:not(:focus){border-color:#000;outline:0}}@media all{:host [part=toggle-button][toggles]:active,:host [part~=button-toggle][toggles]:active,:host [part~=full-filter][toggles]:active,:host [part~=selected-filter][toggles]:active{background-color:#38383d;color:#c2c2c2;box-shadow:0 0 0 0 rgba(0,0,0,.6)}:host [part=toggle-button][toggles]:active:not(:focus),:host [part~=button-toggle][toggles]:active:not(:focus),:host [part~=full-filter][toggles]:active:not(:focus),:host [part~=selected-filter][toggles]:active:not(:focus){border-color:#000;outline:0}:host [part=toggle-button][toggles][disabled],:host [part~=button-toggle][toggles][disabled],:host [part~=full-filter][toggles][disabled],:host [part~=selected-filter][toggles][disabled]{background-color:#3c3c42;color:#c2c2c2;border-color:#333;box-shadow:none;outline:0;pointer-events:none}}:host [part=toggle-button][toggles][active],:host [part~=button-toggle][toggles][active],:host [part~=control][part~=active],:host [part~=full-filter][toggles][active],:host [part~=selected-filter][toggles][active]{border-color:#000;box-shadow:0 0 0 0 rgba(0,0,0,.6);outline:0}@media (-ms-high-contrast:none),(pointer:fine){:host [part=toggle-button][toggles][active]:focus:not([focused]),:host [part=toggle-button][toggles][active][focused=visible],:host [part~=button-toggle][toggles][active]:focus:not([focused]),:host [part~=button-toggle][toggles][active][focused=visible],:host [part~=full-filter][toggles][active]:focus:not([focused]),:host [part~=full-filter][toggles][active][focused=visible],:host [part~=selected-filter][toggles][active]:focus:not([focused]),:host [part~=selected-filter][toggles][active][focused=visible]{background-color:#38383d;color:#c2c2c2;box-shadow:inset 0 0 0 1px #000;border-color:#f93;outline:0}:host [part=toggle-button][toggles][active]:hover,:host [part~=button-toggle][toggles][active]:hover,:host [part~=full-filter][toggles][active]:hover,:host [part~=selected-filter][toggles][active]:hover{background-color:#494950;color:#e2e2e2;box-shadow:0 0 0 0 rgba(0,0,0,.9)}:host [part=toggle-button][toggles][active]:hover:not(:focus),:host [part~=button-toggle][toggles][active]:hover:not(:focus),:host [part~=full-filter][toggles][active]:hover:not(:focus),:host [part~=selected-filter][toggles][active]:hover:not(:focus){border-color:#000;outline:0}}@media all{:host [part=toggle-button][toggles][active]:active,:host [part~=button-toggle][toggles][active]:active,:host [part~=full-filter][toggles][active]:active,:host [part~=selected-filter][toggles][active]:active{background-color:#343439;color:#f93;box-shadow:0 0 0 0 rgba(0,0,0,.6)}:host [part=toggle-button][toggles][active]:active:not(:focus),:host [part~=button-toggle][toggles][active]:active:not(:focus),:host [part~=full-filter][toggles][active]:active:not(:focus),:host [part~=selected-filter][toggles][active]:active:not(:focus){border-color:#000;outline:0}:host [part=toggle-button][toggles][active][disabled],:host [part~=button-toggle][toggles][active][disabled],:host [part~=full-filter][toggles][active][disabled],:host [part~=selected-filter][toggles][active][disabled]{background-color:#38383d;color:#f93;border-color:#333;box-shadow:none;outline:0;pointer-events:none}}@media (-ms-high-contrast:none),(pointer:fine){:host [part=toggle-button][cta]:hover,:host [part~=button-toggle][cta]:hover,:host [part~=full-filter][cta]:hover,:host [part~=selected-filter][cta]:hover{color:#0a0a0a}:host [part=toggle-button][cta]:focus:not([focused]),:host [part=toggle-button][cta][focused=visible],:host [part~=button-toggle][cta]:focus:not([focused]),:host [part~=button-toggle][cta][focused=visible],:host [part~=full-filter][cta]:focus:not([focused]),:host [part~=full-filter][cta][focused=visible],:host [part~=selected-filter][cta]:focus:not([focused]),:host [part~=selected-filter][cta][focused=visible]{border-color:#000;box-shadow:inset 0 0 0 1px #000;color:#0a0a0a}:host [part=toggle-button]:focus:not([focused]),:host [part=toggle-button][focused=visible],:host [part~=button-toggle]:focus:not([focused]),:host [part~=button-toggle][focused=visible],:host [part~=full-filter]:focus:not([focused]),:host [part~=full-filter][focused=visible],:host [part~=selected-filter]:focus:not([focused]),:host [part~=selected-filter][focused=visible]{border-style:dotted;box-shadow:inset 0 0 0 1px #000}}:host [part=toggle-button][cta]:active,:host [part~=button-toggle][cta]:active,:host [part~=full-filter][cta]:active,:host [part~=selected-filter][cta]:active{background-color:#f93;background-image:linear-gradient(rgba(255,255,255,.1) 10%,rgba(255,255,255,0) 100%)}:host [part=toggle-button][cta][disabled],:host [part~=button-toggle][cta][disabled],:host [part~=full-filter][cta][disabled],:host [part~=selected-filter][cta][disabled]{opacity:.4}:host [part=toggle-button][disabled],:host [part~=button-toggle][disabled],:host [part~=full-filter][disabled],:host [part~=selected-filter][disabled]{opacity:.4}:host [part=toggle-button][toggles][active],:host [part~=button-toggle][toggles][active],:host [part~=control][part~=active],:host [part~=full-filter][toggles][active],:host [part~=selected-filter][toggles][active]{color:#f93!important;background-color:#38383d!important;background-image:linear-gradient(rgba(255,255,255,0) 0,rgba(255,255,255,.1) 90%)}:host [part=toggle-button]:active,:host [part~=button-toggle]:active,:host [part~=full-filter]:active,:host [part~=selected-filter]:active{background-image:linear-gradient(rgba(255,255,255,.1) 10%,rgba(255,255,255,0) 100%)}:host [part~=button-toggle]{min-width:0;min-height:0;padding:0;margin-right:1px}:host [part~=button]{height:calc(100% - 2px);width:19px}:host [part=selection-badge]{height:17px;min-width:17px;margin-top:0}:host [part=list]{padding:3px;width:var(--panel-width,350px);max-width:var(--list-max-width,var(--panel-width,350px));max-height:var(--list-max-height,400px)}:host [part~=filter-wrapper]{padding:0;margin:0}:host [part~=control]:focus{z-index:1;border-style:dotted}:host [part~=filter-control],:host [part~=footer],:host [part~=tree-control]{padding:0;border:none;background:0 0}:host [part~=selected-filter]{margin-left:-1px}:host [part~=tree-control]{margin-top:3px;background:#2e2e33;padding:5px;border:1px solid #000;border-bottom:none}:host [part=pills],:host [part=tree]{border:1px solid #000;margin-bottom:3px}:host [part=selected-count]{margin-left:2px}:host [part=cancel-button]{margin-left:3px}');
package/lib/tree-select/themes/solar/pearl/index.js CHANGED
@@ -2,9 +2,10 @@ import '@refinitiv-ui/elements/lib/overlay/themes/solar/pearl';
2
2
  import '@refinitiv-ui/elements/lib/tree/themes/solar/pearl';
3
3
  import '@refinitiv-ui/elements/lib/checkbox/themes/solar/pearl';
4
4
  import '@refinitiv-ui/elements/lib/pill/themes/solar/pearl';
5
+ import '@refinitiv-ui/elements/lib/button/themes/solar/pearl';
5
6
  import '@refinitiv-ui/elements/lib/list/themes/solar/pearl';
6
7
  import '@refinitiv-ui/elements/lib/text-field/themes/solar/pearl';
7
8
  import '@refinitiv-ui/elements/lib/item/themes/solar/pearl';
8
9
  import '@refinitiv-ui/elements/lib/icon/themes/solar/pearl';
9
10
 
10
- elf.customStyles.define('ef-tree-select', ':host{display:none;-webkit-appearance:none;-moz-appearance:none;appearance:none;text-align:left;font-family:inherit;font-size:13rem;font-weight:400;height:23px;max-width:100%;margin:1px 0;outline:0;box-sizing:border-box;display:inline-flex;align-items:center;position:relative;vertical-align:middle;color:#484848;border-radius:0;background-color:#fff;text-overflow:ellipsis;border:1px solid #a9afba;cursor:pointer;scrollbar-face-color:#8a8a96;scrollbar-shadow-color:#8a8a96;scrollbar-highlight-color:#8a8a96;scrollbar-arrow-color:#8a8a96;scrollbar-track-color:#fff;scrollbar-3dlight-color:#fff;scrollbar-darkshadow-color:#fff;scrollbar-color:#8a8a96 #fff;padding:0;scrollbar-face-color:#8a8a96;scrollbar-shadow-color:#8a8a96;scrollbar-highlight-color:#8a8a96;scrollbar-arrow-color:#8a8a96;scrollbar-track-color:#fff;scrollbar-3dlight-color:#fff;scrollbar-darkshadow-color:#fff;scrollbar-color:#8a8a96 #fff;--panel-background-color:#FAFBFC;width:280px;--panel-background-color:#FFFFFF}:host([disabled]){color:rgba(72,72,72,.6);border:1px solid rgba(169,175,186,.6)}:host([warning]){border:1px solid #f93}:host([warning][disabled]){color:rgba(72,72,72,.6);border:1px solid rgba(255,153,51,.6)}:host([error]),:host([error][warning]){border:1px solid #d94255}:host([error][disabled]),:host([error][warning][disabled]){color:rgba(72,72,72,.6);border:1px solid rgba(217,66,85,.6)}:host(:not([readonly])[focused]){background-size:100% 2px,100% 1px!important;background-position:center bottom!important;border-color:#ffb266}:host([readonly]){cursor:default}:host [part=placeholder]{opacity:.5}:host [part=label],:host [part=placeholder]{margin-right:3px}:host [part~=icon]{color:#484848;opacity:.7}:host(:not([readonly]):hover) [part~=icon],:host(:not([readonly])[focused]) [part~=icon]{opacity:1}:host(:not([readonly])[focused]) [part~=icon]{color:#f93}:host([disabled]) [part~=icon]{color:rgba(169,175,186,.6)}:host [part=input-wrapper]{touch-action:manipulation;display:flex;align-items:center;width:100%;height:100%}:host [part=input]{width:100%}:host [part~=button]{height:28px;display:flex;justify-content:center;align-items:center;flex:none}:host [part=list]{max-width:var(--list-max-width,300px);max-height:var(--list-max-height);display:flex;flex-flow:column nowrap;width:var(--panel-width,210px);min-width:var(--panel-width,210px);max-width:var(--list-max-width,var(--panel-width,210px));max-height:var(--list-max-height,450px)}@media all and (-ms-high-contrast:none),(-ms-high-contrast:active){:host [part=list] ::slotted(ef-list){max-height:inherit}}:host [part=selection-badge]{min-width:22px;flex-shrink:0}::-webkit-scrollbar{width:13px;height:13px}::-webkit-scrollbar-button{background:0 0/1px 2px no-repeat #fff;height:12px;width:12px;display:block}::-webkit-scrollbar-thumb{background:#8a8a96;border-radius:7px;border:2px solid #fff}::-webkit-scrollbar-thumb:hover{background:#a9afba}::-webkit-scrollbar-thumb:active{background:#ee7600}::-webkit-scrollbar-track{background:#fff}::-webkit-scrollbar-corner{background:#fff}::-webkit-scrollbar-button:end:decrement,::-webkit-scrollbar-button:start:increment{display:none}::-webkit-scrollbar-button:horizontal{background-size:2px 1px}::-webkit-scrollbar-button:vertical:start:decrement{background-image:linear-gradient(#8a8a96,#8a8a96),linear-gradient(#8a8a96,#8a8a96),linear-gradient(#8a8a96,#8a8a96),linear-gradient(#8a8a96,#8a8a96),linear-gradient(#8a8a96,#8a8a96),linear-gradient(#8a8a96,#8a8a96),linear-gradient(#8a8a96,#8a8a96),linear-gradient(#8a8a96,#8a8a96),linear-gradient(#8a8a96,#8a8a96);background-position:10px 6.5px,9px 5.5px,8px 4.5px,7px 3.5px,6px 2.5px,5px 3.5px,4px 4.5px,3px 5.5px,2px 6.5px}::-webkit-scrollbar-button:vertical:start:decrement:hover{background-image:linear-gradient(#a9afba,#a9afba),linear-gradient(#a9afba,#a9afba),linear-gradient(#a9afba,#a9afba),linear-gradient(#a9afba,#a9afba),linear-gradient(#a9afba,#a9afba),linear-gradient(#a9afba,#a9afba),linear-gradient(#a9afba,#a9afba),linear-gradient(#a9afba,#a9afba),linear-gradient(#a9afba,#a9afba);background-position:10px 6.5px,9px 5.5px,8px 4.5px,7px 3.5px,6px 2.5px,5px 3.5px,4px 4.5px,3px 5.5px,2px 6.5px}::-webkit-scrollbar-button:vertical:start:decrement:active{background-image:linear-gradient(#ee7600,#ee7600),linear-gradient(#ee7600,#ee7600),linear-gradient(#ee7600,#ee7600),linear-gradient(#ee7600,#ee7600),linear-gradient(#ee7600,#ee7600),linear-gradient(#ee7600,#ee7600),linear-gradient(#ee7600,#ee7600),linear-gradient(#ee7600,#ee7600),linear-gradient(#ee7600,#ee7600);background-position:10px 6.5px,9px 5.5px,8px 4.5px,7px 3.5px,6px 2.5px,5px 3.5px,4px 4.5px,3px 5.5px,2px 6.5px}::-webkit-scrollbar-button:vertical:end:increment{background-image:linear-gradient(#8a8a96,#8a8a96),linear-gradient(#8a8a96,#8a8a96),linear-gradient(#8a8a96,#8a8a96),linear-gradient(#8a8a96,#8a8a96),linear-gradient(#8a8a96,#8a8a96),linear-gradient(#8a8a96,#8a8a96),linear-gradient(#8a8a96,#8a8a96),linear-gradient(#8a8a96,#8a8a96),linear-gradient(#8a8a96,#8a8a96);background-position:10px 3.5px,9px 4.5px,8px 5.5px,7px 6.5px,6px 7.5px,5px 6.5px,4px 5.5px,3px 4.5px,2px 3.5px}::-webkit-scrollbar-button:vertical:end:increment:hover{background-image:linear-gradient(#a9afba,#a9afba),linear-gradient(#a9afba,#a9afba),linear-gradient(#a9afba,#a9afba),linear-gradient(#a9afba,#a9afba),linear-gradient(#a9afba,#a9afba),linear-gradient(#a9afba,#a9afba),linear-gradient(#a9afba,#a9afba),linear-gradient(#a9afba,#a9afba),linear-gradient(#a9afba,#a9afba);background-position:10px 3.5px,9px 4.5px,8px 5.5px,7px 6.5px,6px 7.5px,5px 6.5px,4px 5.5px,3px 4.5px,2px 3.5px}::-webkit-scrollbar-button:vertical:end:increment:active{background-image:linear-gradient(#ee7600,#ee7600),linear-gradient(#ee7600,#ee7600),linear-gradient(#ee7600,#ee7600),linear-gradient(#ee7600,#ee7600),linear-gradient(#ee7600,#ee7600),linear-gradient(#ee7600,#ee7600),linear-gradient(#ee7600,#ee7600),linear-gradient(#ee7600,#ee7600),linear-gradient(#ee7600,#ee7600);background-position:10px 3.5px,9px 4.5px,8px 5.5px,7px 6.5px,6px 7.5px,5px 6.5px,4px 5.5px,3px 4.5px,2px 3.5px}::-webkit-scrollbar-button:horizontal:start:decrement{background-image:linear-gradient(#8a8a96,#8a8a96),linear-gradient(#8a8a96,#8a8a96),linear-gradient(#8a8a96,#8a8a96),linear-gradient(#8a8a96,#8a8a96),linear-gradient(#8a8a96,#8a8a96),linear-gradient(#8a8a96,#8a8a96),linear-gradient(#8a8a96,#8a8a96),linear-gradient(#8a8a96,#8a8a96),linear-gradient(#8a8a96,#8a8a96);background-position:6.5px 10px,5.5px 9px,4.5px 8px,3.5px 7px,2.5px 6px,3.5px 5px,4.5px 4px,5.5px 3px,6.5px 2px}::-webkit-scrollbar-button:horizontal:start:decrement:hover{background-image:linear-gradient(#a9afba,#a9afba),linear-gradient(#a9afba,#a9afba),linear-gradient(#a9afba,#a9afba),linear-gradient(#a9afba,#a9afba),linear-gradient(#a9afba,#a9afba),linear-gradient(#a9afba,#a9afba),linear-gradient(#a9afba,#a9afba),linear-gradient(#a9afba,#a9afba),linear-gradient(#a9afba,#a9afba);background-position:6.5px 10px,5.5px 9px,4.5px 8px,3.5px 7px,2.5px 6px,3.5px 5px,4.5px 4px,5.5px 3px,6.5px 2px}::-webkit-scrollbar-button:horizontal:start:decrement:active{background-image:linear-gradient(#ee7600,#ee7600),linear-gradient(#ee7600,#ee7600),linear-gradient(#ee7600,#ee7600),linear-gradient(#ee7600,#ee7600),linear-gradient(#ee7600,#ee7600),linear-gradient(#ee7600,#ee7600),linear-gradient(#ee7600,#ee7600),linear-gradient(#ee7600,#ee7600),linear-gradient(#ee7600,#ee7600);background-position:6.5px 10px,5.5px 9px,4.5px 8px,3.5px 7px,2.5px 6px,3.5px 5px,4.5px 4px,5.5px 3px,6.5px 2px}::-webkit-scrollbar-button:horizontal:end:increment{background-image:linear-gradient(#8a8a96,#8a8a96),linear-gradient(#8a8a96,#8a8a96),linear-gradient(#8a8a96,#8a8a96),linear-gradient(#8a8a96,#8a8a96),linear-gradient(#8a8a96,#8a8a96),linear-gradient(#8a8a96,#8a8a96),linear-gradient(#8a8a96,#8a8a96),linear-gradient(#8a8a96,#8a8a96),linear-gradient(#8a8a96,#8a8a96);background-position:3.5px 10px,4.5px 9px,5.5px 8px,6.5px 7px,7.5px 6px,6.5px 5px,5.5px 4px,4.5px 3px,3.5px 2px}::-webkit-scrollbar-button:horizontal:end:increment:hover{background-image:linear-gradient(#a9afba,#a9afba),linear-gradient(#a9afba,#a9afba),linear-gradient(#a9afba,#a9afba),linear-gradient(#a9afba,#a9afba),linear-gradient(#a9afba,#a9afba),linear-gradient(#a9afba,#a9afba),linear-gradient(#a9afba,#a9afba),linear-gradient(#a9afba,#a9afba),linear-gradient(#a9afba,#a9afba);background-position:3.5px 10px,4.5px 9px,5.5px 8px,6.5px 7px,7.5px 6px,6.5px 5px,5.5px 4px,4.5px 3px,3.5px 2px}::-webkit-scrollbar-button:horizontal:end:increment:active{background-image:linear-gradient(#ee7600,#ee7600),linear-gradient(#ee7600,#ee7600),linear-gradient(#ee7600,#ee7600),linear-gradient(#ee7600,#ee7600),linear-gradient(#ee7600,#ee7600),linear-gradient(#ee7600,#ee7600),linear-gradient(#ee7600,#ee7600),linear-gradient(#ee7600,#ee7600),linear-gradient(#ee7600,#ee7600);background-position:3.5px 10px,4.5px 9px,5.5px 8px,6.5px 7px,7.5px 6px,6.5px 5px,5.5px 4px,4.5px 3px,3.5px 2px}:host [part~=control-container]{height:22px;padding:0 7px}:host [part~=footer]{height:23px;padding:7px;border-top:1px solid #d5d8db;background:#fff;align-content:space-between;justify-content:flex-end;box-sizing:content-box}:host [part~=filter-wrapper]{display:flex;align-items:center}:host [part~=control]{display:block;position:relative;padding:3px 3.5px;border:1px solid transparent;border-radius:0;cursor:pointer;outline:0}:host([focused=visible]) [part~=control]:focus{border-color:#ffb266}:host [part~=filter-control]{align-content:space-between;border-bottom:1px solid #d5d8db;background:#fff}:host [part=match-count-wrapper]{display:inline-flex;margin-right:auto}:host [part~=tree-control]{justify-content:space-between;border-bottom:1px solid #d5d8db}:host [part~=control][part~=active]{color:#3780bf}:host [part~=control][part~=disabled]{cursor:default;color:rgba(72,72,72,.6)}:host [part~=full-filter]::after{content:\'\';border-right:1px solid #a9afba;position:absolute;top:0;right:-2px;bottom:0}:host [part=selected-count]{display:inline-flex;margin-right:auto}:host [part=pills]{padding:3px;border-top:1px solid #d5d8db;max-height:72px;overflow-y:auto;background-color:#fff}:host [part=toggle-button],:host [part~=button-toggle],:host [part~=full-filter],:host [part~=selected-filter]{-webkit-appearance:none;-moz-appearance:none;appearance:none;border-radius:0;background-color:#fafbfc;color:#505050;border:1px solid #a9afba;height:23px;box-shadow:0 0 0 0 rgba(0,0,0,.3);padding:0 8px;outline:0;font-family:inherit;font-size:13rem;font-weight:400;min-width:23px;margin:1px 0;transition:70ms;text-align:center;box-sizing:border-box;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;display:inline-flex;justify-content:center;align-items:center;vertical-align:bottom;position:relative;overflow:hidden;background-image:linear-gradient(rgba(0,0,0,0) 0,rgba(0,0,0,.1) 100%)}@media (-ms-high-contrast:none),(pointer:fine){:host [part=toggle-button]:focus:not([focused]),:host [part=toggle-button][focused=visible],:host [part~=button-toggle]:focus:not([focused]),:host [part~=button-toggle][focused=visible],:host [part~=full-filter]:focus:not([focused]),:host [part~=full-filter][focused=visible],:host [part~=selected-filter]:focus:not([focused]),:host [part~=selected-filter][focused=visible]{background-color:#fafbfc;color:#505050;box-shadow:inset 0 0 0 1px #a9afba;border-color:#ee7600;outline:0}:host [part=toggle-button]:hover,:host [part~=button-toggle]:hover,:host [part~=full-filter]:hover,:host [part~=selected-filter]:hover{background-color:#fff;color:#1d1d1d;box-shadow:0 0 0 0 rgba(0,0,0,.6)}:host [part=toggle-button]:hover:not(:focus),:host [part~=button-toggle]:hover:not(:focus),:host [part~=full-filter]:hover:not(:focus),:host [part~=selected-filter]:hover:not(:focus){border-color:#a9afba;outline:0}}@media all{:host [part=toggle-button]:active,:host [part~=button-toggle]:active,:host [part~=full-filter]:active,:host [part~=selected-filter]:active{background-color:#fff;color:#1d1d1d;box-shadow:0 0 0 0 rgba(0,0,0,.3)}:host [part=toggle-button]:active:not(:focus),:host [part~=button-toggle]:active:not(:focus),:host [part~=full-filter]:active:not(:focus),:host [part~=selected-filter]:active:not(:focus){border-color:#a9afba;outline:0}:host [part=toggle-button][disabled],:host [part~=button-toggle][disabled],:host [part~=full-filter][disabled],:host [part~=selected-filter][disabled]{background-color:#fafbfc;color:#505050;border-color:#babfc8;box-shadow:none;outline:0;pointer-events:none}}:host [part=toggle-button][cta],:host [part~=button-toggle][cta],:host [part~=full-filter][cta],:host [part~=selected-filter][cta]{background-color:#ffb266;color:#505050;border-color:#a9afba;box-shadow:0 0 0 0 rgba(0,0,0,.3);outline:0;background-image:linear-gradient(rgba(255,255,255,.4) 0,rgba(255,255,255,0) 100%)}@media (-ms-high-contrast:none),(pointer:fine){:host [part=toggle-button][cta]:focus:not([focused]),:host [part=toggle-button][cta][focused=visible],:host [part~=button-toggle][cta]:focus:not([focused]),:host [part~=button-toggle][cta][focused=visible],:host [part~=full-filter][cta]:focus:not([focused]),:host [part~=full-filter][cta][focused=visible],:host [part~=selected-filter][cta]:focus:not([focused]),:host [part~=selected-filter][cta][focused=visible]{background-color:#ffb266;color:#505050;box-shadow:inset 0 0 0 1px #a9afba;border-color:#ee7600;outline:0}:host [part=toggle-button][cta]:hover,:host [part~=button-toggle][cta]:hover,:host [part~=full-filter][cta]:hover,:host [part~=selected-filter][cta]:hover{background-color:#ffc48a;color:#1d1d1d;box-shadow:0 0 0 0 rgba(0,0,0,.6)}:host [part=toggle-button][cta]:hover:not(:focus),:host [part~=button-toggle][cta]:hover:not(:focus),:host [part~=full-filter][cta]:hover:not(:focus),:host [part~=selected-filter][cta]:hover:not(:focus){border-color:#a9afba;outline:0}}@media all{:host [part=toggle-button][cta]:active,:host [part~=button-toggle][cta]:active,:host [part~=full-filter][cta]:active,:host [part~=selected-filter][cta]:active{background-color:#fff;color:#1d1d1d;box-shadow:0 0 0 0 rgba(0,0,0,.3)}:host [part=toggle-button][cta]:active:not(:focus),:host [part~=button-toggle][cta]:active:not(:focus),:host [part~=full-filter][cta]:active:not(:focus),:host [part~=selected-filter][cta]:active:not(:focus){border-color:#a9afba;outline:0}:host [part=toggle-button][cta][disabled],:host [part~=button-toggle][cta][disabled],:host [part~=full-filter][cta][disabled],:host [part~=selected-filter][cta][disabled]{background-color:#ffb266;color:#505050;border-color:#babfc8;box-shadow:none;outline:0;pointer-events:none}}:host [part=toggle-button][toggles],:host [part~=button-toggle][toggles],:host [part~=full-filter][toggles],:host [part~=selected-filter][toggles]{background-color:#fafbfc;color:#505050;border-color:#a9afba;box-shadow:0 0 0 0 rgba(0,0,0,.3);outline:0}@media (-ms-high-contrast:none),(pointer:fine){:host [part=toggle-button][toggles]:focus:not([focused]),:host [part=toggle-button][toggles][focused=visible],:host [part~=button-toggle][toggles]:focus:not([focused]),:host [part~=button-toggle][toggles][focused=visible],:host [part~=full-filter][toggles]:focus:not([focused]),:host [part~=full-filter][toggles][focused=visible],:host [part~=selected-filter][toggles]:focus:not([focused]),:host [part~=selected-filter][toggles][focused=visible]{background-color:#fafbfc;color:#505050;box-shadow:inset 0 0 0 1px #a9afba;border-color:#ee7600;outline:0}:host [part=toggle-button][toggles]:hover,:host [part~=button-toggle][toggles]:hover,:host [part~=full-filter][toggles]:hover,:host [part~=selected-filter][toggles]:hover{background-color:#fff;color:#1d1d1d;box-shadow:0 0 0 0 rgba(0,0,0,.6)}:host [part=toggle-button][toggles]:hover:not(:focus),:host [part~=button-toggle][toggles]:hover:not(:focus),:host [part~=full-filter][toggles]:hover:not(:focus),:host [part~=selected-filter][toggles]:hover:not(:focus){border-color:#a9afba;outline:0}}@media all{:host [part=toggle-button][toggles]:active,:host [part~=button-toggle][toggles]:active,:host [part~=full-filter][toggles]:active,:host [part~=selected-filter][toggles]:active{background-color:#fff;color:#1d1d1d;box-shadow:0 0 0 0 rgba(0,0,0,.3)}:host [part=toggle-button][toggles]:active:not(:focus),:host [part~=button-toggle][toggles]:active:not(:focus),:host [part~=full-filter][toggles]:active:not(:focus),:host [part~=selected-filter][toggles]:active:not(:focus){border-color:#a9afba;outline:0}:host [part=toggle-button][toggles][disabled],:host [part~=button-toggle][toggles][disabled],:host [part~=full-filter][toggles][disabled],:host [part~=selected-filter][toggles][disabled]{background-color:#fafbfc;color:#505050;border-color:#babfc8;box-shadow:none;outline:0;pointer-events:none}}:host [part=toggle-button][toggles][active],:host [part~=button-toggle][toggles][active],:host [part~=control][part~=active],:host [part~=full-filter][toggles][active],:host [part~=selected-filter][toggles][active]{border-color:#a9afba;box-shadow:0 0 0 0 rgba(0,0,0,.3);outline:0}@media (-ms-high-contrast:none),(pointer:fine){:host [part=toggle-button][toggles][active]:focus:not([focused]),:host [part=toggle-button][toggles][active][focused=visible],:host [part~=button-toggle][toggles][active]:focus:not([focused]),:host [part~=button-toggle][toggles][active][focused=visible],:host [part~=full-filter][toggles][active]:focus:not([focused]),:host [part~=full-filter][toggles][active][focused=visible],:host [part~=selected-filter][toggles][active]:focus:not([focused]),:host [part~=selected-filter][toggles][active][focused=visible]{background-color:#fff;color:#f93;box-shadow:inset 0 0 0 1px #a9afba;border-color:#ee7600;outline:0}:host [part=toggle-button][toggles][active]:hover,:host [part~=button-toggle][toggles][active]:hover,:host [part~=full-filter][toggles][active]:hover,:host [part~=selected-filter][toggles][active]:hover{background-color:#fff;color:#c60;box-shadow:0 0 0 0 rgba(0,0,0,.6)}:host [part=toggle-button][toggles][active]:hover:not(:focus),:host [part~=button-toggle][toggles][active]:hover:not(:focus),:host [part~=full-filter][toggles][active]:hover:not(:focus),:host [part~=selected-filter][toggles][active]:hover:not(:focus){border-color:#a9afba;outline:0}}@media all{:host [part=toggle-button][toggles][active]:active,:host [part~=button-toggle][toggles][active]:active,:host [part~=full-filter][toggles][active]:active,:host [part~=selected-filter][toggles][active]:active{background-color:#fff;color:#c60;box-shadow:0 0 0 0 rgba(0,0,0,.3)}:host [part=toggle-button][toggles][active]:active:not(:focus),:host [part~=button-toggle][toggles][active]:active:not(:focus),:host [part~=full-filter][toggles][active]:active:not(:focus),:host [part~=selected-filter][toggles][active]:active:not(:focus){border-color:#a9afba;outline:0}:host [part=toggle-button][toggles][active][disabled],:host [part~=button-toggle][toggles][active][disabled],:host [part~=full-filter][toggles][active][disabled],:host [part~=selected-filter][toggles][active][disabled]{background-color:#fff;color:#f93;border-color:#babfc8;box-shadow:none;outline:0;pointer-events:none}}@media (-ms-high-contrast:none),(pointer:fine){:host [part=toggle-button][cta]:hover,:host [part~=button-toggle][cta]:hover,:host [part~=full-filter][cta]:hover,:host [part~=selected-filter][cta]:hover{color:#505050}:host [part=toggle-button][cta]:focus:not([focused]),:host [part=toggle-button][cta][focused=visible],:host [part~=button-toggle][cta]:focus:not([focused]),:host [part~=button-toggle][cta][focused=visible],:host [part~=full-filter][cta]:focus:not([focused]),:host [part~=full-filter][cta][focused=visible],:host [part~=selected-filter][cta]:focus:not([focused]),:host [part~=selected-filter][cta][focused=visible]{border-color:#a9afba;box-shadow:inset 0 0 0 1px #a9afba;color:#505050}:host [part=toggle-button]:focus:not([focused]),:host [part=toggle-button][focused=visible],:host [part~=button-toggle]:focus:not([focused]),:host [part~=button-toggle][focused=visible],:host [part~=full-filter]:focus:not([focused]),:host [part~=full-filter][focused=visible],:host [part~=selected-filter]:focus:not([focused]),:host [part~=selected-filter][focused=visible]{border-style:dotted;box-shadow:inset 0 0 0 1px #a9afba}}:host [part=toggle-button][cta]:active,:host [part~=button-toggle][cta]:active,:host [part~=full-filter][cta]:active,:host [part~=selected-filter][cta]:active{background-color:#ffb266;background-image:linear-gradient(rgba(255,255,255,0) 0,rgba(255,255,255,.4) 100%)}:host [part=toggle-button][cta][disabled],:host [part~=button-toggle][cta][disabled],:host [part~=full-filter][cta][disabled],:host [part~=selected-filter][cta][disabled]{opacity:.4}:host [part=toggle-button][disabled],:host [part~=button-toggle][disabled],:host [part~=full-filter][disabled],:host [part~=selected-filter][disabled]{opacity:.4}:host [part=toggle-button][toggles][active],:host [part~=button-toggle][toggles][active],:host [part~=control][part~=active],:host [part~=full-filter][toggles][active],:host [part~=selected-filter][toggles][active]{color:#f93!important;background-color:#fff!important;background-image:linear-gradient(rgba(0,0,0,.1) 0,rgba(0,0,0,0) 100%)}:host [part=toggle-button]:active,:host [part~=button-toggle]:active,:host [part~=full-filter]:active,:host [part~=selected-filter]:active{background-image:none}:host [part~=button-toggle]{min-width:0;min-height:0;padding:0;margin-right:1px}:host [part~=button]{height:calc(100% - 2px);width:19px}:host [part=selection-badge]{height:17px;min-width:17px;margin-top:0}:host [part=list]{padding:3px;width:var(--panel-width,350px);max-width:var(--list-max-width,var(--panel-width,350px));max-height:var(--list-max-height,400px)}:host [part~=filter-wrapper]{padding:0;margin:0}:host [part~=control]:focus{z-index:1;border-style:dotted}:host [part~=filter-control],:host [part~=footer],:host [part~=tree-control]{padding:0;border:none;background:0 0}:host [part~=selected-filter]{margin-left:-1px}:host [part~=tree-control]{margin-top:3px;background:#d0d4db;padding:5px;border:1px solid #a9afba;border-bottom:none}:host [part=pills],:host [part=tree]{border:1px solid #a9afba;margin-bottom:3px}:host [part=selected-count]{margin-left:2px}:host [part=cancel-button]{margin-right:3px}');
11
+ elf.customStyles.define('ef-tree-select', ':host{display:none;-webkit-appearance:none;-moz-appearance:none;appearance:none;text-align:left;font-family:inherit;font-size:13rem;font-weight:400;height:23px;max-width:100%;margin:1px 0;outline:0;box-sizing:border-box;display:inline-flex;align-items:center;position:relative;vertical-align:middle;color:#484848;border-radius:0;background-color:#fff;text-overflow:ellipsis;border:1px solid #a9afba;cursor:pointer;scrollbar-face-color:#8a8a96;scrollbar-shadow-color:#8a8a96;scrollbar-highlight-color:#8a8a96;scrollbar-arrow-color:#8a8a96;scrollbar-track-color:#fff;scrollbar-3dlight-color:#fff;scrollbar-darkshadow-color:#fff;scrollbar-color:#8a8a96 #fff;padding:0;scrollbar-face-color:#8a8a96;scrollbar-shadow-color:#8a8a96;scrollbar-highlight-color:#8a8a96;scrollbar-arrow-color:#8a8a96;scrollbar-track-color:#fff;scrollbar-3dlight-color:#fff;scrollbar-darkshadow-color:#fff;scrollbar-color:#8a8a96 #fff;--panel-background-color:#FAFBFC;width:280px;--panel-background-color:#FFFFFF}:host([disabled]){color:rgba(72,72,72,.6);border:1px solid rgba(169,175,186,.6)}:host([warning]){border:1px solid #f93}:host([warning][disabled]){color:rgba(72,72,72,.6);border:1px solid rgba(255,153,51,.6)}:host([error]),:host([error][warning]){border:1px solid #d94255}:host([error][disabled]),:host([error][warning][disabled]){color:rgba(72,72,72,.6);border:1px solid rgba(217,66,85,.6)}:host(:not([readonly])[focused]){background-size:100% 2px,100% 1px!important;background-position:center bottom!important;border-color:#ffb266}:host([readonly]){cursor:default}:host [part=placeholder]{opacity:.5}:host [part=label],:host [part=placeholder]{margin-right:3px}:host [part~=icon]{color:#484848;opacity:.7}:host(:not([readonly]):hover) [part~=icon],:host(:not([readonly])[focused]) [part~=icon]{opacity:1}:host(:not([readonly])[focused]) [part~=icon]{color:#f93}:host([disabled]) [part~=icon]{color:rgba(169,175,186,.6)}:host [part=input-wrapper]{touch-action:manipulation;display:flex;align-items:center;width:100%;height:100%}:host [part=input]{width:100%}:host [part~=button]{height:28px;display:flex;justify-content:center;align-items:center;flex:none}:host [part=list]{max-width:var(--list-max-width,300px);max-height:var(--list-max-height);display:flex;flex-flow:column nowrap;width:var(--panel-width,210px);min-width:var(--panel-width,210px);max-width:var(--list-max-width,var(--panel-width,210px));max-height:var(--list-max-height,450px)}@media all and (-ms-high-contrast:none),(-ms-high-contrast:active){:host [part=list] ::slotted(ef-list){max-height:inherit}}:host [part=selection-badge]{min-width:22px;flex-shrink:0}::-webkit-scrollbar{width:13px;height:13px}::-webkit-scrollbar-button{background:0 0/1px 2px no-repeat #fff;height:12px;width:12px;display:block}::-webkit-scrollbar-thumb{background:#8a8a96;border-radius:7px;border:2px solid #fff}::-webkit-scrollbar-thumb:hover{background:#a9afba}::-webkit-scrollbar-thumb:active{background:#ee7600}::-webkit-scrollbar-track{background:#fff}::-webkit-scrollbar-corner{background:#fff}::-webkit-scrollbar-button:end:decrement,::-webkit-scrollbar-button:start:increment{display:none}::-webkit-scrollbar-button:horizontal{background-size:2px 1px}::-webkit-scrollbar-button:vertical:start:decrement{background-image:linear-gradient(#8a8a96,#8a8a96),linear-gradient(#8a8a96,#8a8a96),linear-gradient(#8a8a96,#8a8a96),linear-gradient(#8a8a96,#8a8a96),linear-gradient(#8a8a96,#8a8a96),linear-gradient(#8a8a96,#8a8a96),linear-gradient(#8a8a96,#8a8a96),linear-gradient(#8a8a96,#8a8a96),linear-gradient(#8a8a96,#8a8a96);background-position:10px 6.5px,9px 5.5px,8px 4.5px,7px 3.5px,6px 2.5px,5px 3.5px,4px 4.5px,3px 5.5px,2px 6.5px}::-webkit-scrollbar-button:vertical:start:decrement:hover{background-image:linear-gradient(#a9afba,#a9afba),linear-gradient(#a9afba,#a9afba),linear-gradient(#a9afba,#a9afba),linear-gradient(#a9afba,#a9afba),linear-gradient(#a9afba,#a9afba),linear-gradient(#a9afba,#a9afba),linear-gradient(#a9afba,#a9afba),linear-gradient(#a9afba,#a9afba),linear-gradient(#a9afba,#a9afba);background-position:10px 6.5px,9px 5.5px,8px 4.5px,7px 3.5px,6px 2.5px,5px 3.5px,4px 4.5px,3px 5.5px,2px 6.5px}::-webkit-scrollbar-button:vertical:start:decrement:active{background-image:linear-gradient(#ee7600,#ee7600),linear-gradient(#ee7600,#ee7600),linear-gradient(#ee7600,#ee7600),linear-gradient(#ee7600,#ee7600),linear-gradient(#ee7600,#ee7600),linear-gradient(#ee7600,#ee7600),linear-gradient(#ee7600,#ee7600),linear-gradient(#ee7600,#ee7600),linear-gradient(#ee7600,#ee7600);background-position:10px 6.5px,9px 5.5px,8px 4.5px,7px 3.5px,6px 2.5px,5px 3.5px,4px 4.5px,3px 5.5px,2px 6.5px}::-webkit-scrollbar-button:vertical:end:increment{background-image:linear-gradient(#8a8a96,#8a8a96),linear-gradient(#8a8a96,#8a8a96),linear-gradient(#8a8a96,#8a8a96),linear-gradient(#8a8a96,#8a8a96),linear-gradient(#8a8a96,#8a8a96),linear-gradient(#8a8a96,#8a8a96),linear-gradient(#8a8a96,#8a8a96),linear-gradient(#8a8a96,#8a8a96),linear-gradient(#8a8a96,#8a8a96);background-position:10px 3.5px,9px 4.5px,8px 5.5px,7px 6.5px,6px 7.5px,5px 6.5px,4px 5.5px,3px 4.5px,2px 3.5px}::-webkit-scrollbar-button:vertical:end:increment:hover{background-image:linear-gradient(#a9afba,#a9afba),linear-gradient(#a9afba,#a9afba),linear-gradient(#a9afba,#a9afba),linear-gradient(#a9afba,#a9afba),linear-gradient(#a9afba,#a9afba),linear-gradient(#a9afba,#a9afba),linear-gradient(#a9afba,#a9afba),linear-gradient(#a9afba,#a9afba),linear-gradient(#a9afba,#a9afba);background-position:10px 3.5px,9px 4.5px,8px 5.5px,7px 6.5px,6px 7.5px,5px 6.5px,4px 5.5px,3px 4.5px,2px 3.5px}::-webkit-scrollbar-button:vertical:end:increment:active{background-image:linear-gradient(#ee7600,#ee7600),linear-gradient(#ee7600,#ee7600),linear-gradient(#ee7600,#ee7600),linear-gradient(#ee7600,#ee7600),linear-gradient(#ee7600,#ee7600),linear-gradient(#ee7600,#ee7600),linear-gradient(#ee7600,#ee7600),linear-gradient(#ee7600,#ee7600),linear-gradient(#ee7600,#ee7600);background-position:10px 3.5px,9px 4.5px,8px 5.5px,7px 6.5px,6px 7.5px,5px 6.5px,4px 5.5px,3px 4.5px,2px 3.5px}::-webkit-scrollbar-button:horizontal:start:decrement{background-image:linear-gradient(#8a8a96,#8a8a96),linear-gradient(#8a8a96,#8a8a96),linear-gradient(#8a8a96,#8a8a96),linear-gradient(#8a8a96,#8a8a96),linear-gradient(#8a8a96,#8a8a96),linear-gradient(#8a8a96,#8a8a96),linear-gradient(#8a8a96,#8a8a96),linear-gradient(#8a8a96,#8a8a96),linear-gradient(#8a8a96,#8a8a96);background-position:6.5px 10px,5.5px 9px,4.5px 8px,3.5px 7px,2.5px 6px,3.5px 5px,4.5px 4px,5.5px 3px,6.5px 2px}::-webkit-scrollbar-button:horizontal:start:decrement:hover{background-image:linear-gradient(#a9afba,#a9afba),linear-gradient(#a9afba,#a9afba),linear-gradient(#a9afba,#a9afba),linear-gradient(#a9afba,#a9afba),linear-gradient(#a9afba,#a9afba),linear-gradient(#a9afba,#a9afba),linear-gradient(#a9afba,#a9afba),linear-gradient(#a9afba,#a9afba),linear-gradient(#a9afba,#a9afba);background-position:6.5px 10px,5.5px 9px,4.5px 8px,3.5px 7px,2.5px 6px,3.5px 5px,4.5px 4px,5.5px 3px,6.5px 2px}::-webkit-scrollbar-button:horizontal:start:decrement:active{background-image:linear-gradient(#ee7600,#ee7600),linear-gradient(#ee7600,#ee7600),linear-gradient(#ee7600,#ee7600),linear-gradient(#ee7600,#ee7600),linear-gradient(#ee7600,#ee7600),linear-gradient(#ee7600,#ee7600),linear-gradient(#ee7600,#ee7600),linear-gradient(#ee7600,#ee7600),linear-gradient(#ee7600,#ee7600);background-position:6.5px 10px,5.5px 9px,4.5px 8px,3.5px 7px,2.5px 6px,3.5px 5px,4.5px 4px,5.5px 3px,6.5px 2px}::-webkit-scrollbar-button:horizontal:end:increment{background-image:linear-gradient(#8a8a96,#8a8a96),linear-gradient(#8a8a96,#8a8a96),linear-gradient(#8a8a96,#8a8a96),linear-gradient(#8a8a96,#8a8a96),linear-gradient(#8a8a96,#8a8a96),linear-gradient(#8a8a96,#8a8a96),linear-gradient(#8a8a96,#8a8a96),linear-gradient(#8a8a96,#8a8a96),linear-gradient(#8a8a96,#8a8a96);background-position:3.5px 10px,4.5px 9px,5.5px 8px,6.5px 7px,7.5px 6px,6.5px 5px,5.5px 4px,4.5px 3px,3.5px 2px}::-webkit-scrollbar-button:horizontal:end:increment:hover{background-image:linear-gradient(#a9afba,#a9afba),linear-gradient(#a9afba,#a9afba),linear-gradient(#a9afba,#a9afba),linear-gradient(#a9afba,#a9afba),linear-gradient(#a9afba,#a9afba),linear-gradient(#a9afba,#a9afba),linear-gradient(#a9afba,#a9afba),linear-gradient(#a9afba,#a9afba),linear-gradient(#a9afba,#a9afba);background-position:3.5px 10px,4.5px 9px,5.5px 8px,6.5px 7px,7.5px 6px,6.5px 5px,5.5px 4px,4.5px 3px,3.5px 2px}::-webkit-scrollbar-button:horizontal:end:increment:active{background-image:linear-gradient(#ee7600,#ee7600),linear-gradient(#ee7600,#ee7600),linear-gradient(#ee7600,#ee7600),linear-gradient(#ee7600,#ee7600),linear-gradient(#ee7600,#ee7600),linear-gradient(#ee7600,#ee7600),linear-gradient(#ee7600,#ee7600),linear-gradient(#ee7600,#ee7600),linear-gradient(#ee7600,#ee7600);background-position:3.5px 10px,4.5px 9px,5.5px 8px,6.5px 7px,7.5px 6px,6.5px 5px,5.5px 4px,4.5px 3px,3.5px 2px}:host [part~=control-container]{height:22px;padding:0 7px}:host [part~=footer]{height:23px;padding:7px;border-top:1px solid #d5d8db;background:#fff;align-content:space-between;justify-content:flex-end;box-sizing:content-box}:host [part~=filter-wrapper]{display:flex;align-items:center}:host [part~=control]{display:block;position:relative;padding:3px 3.5px;border:1px solid transparent;border-radius:0;cursor:pointer;outline:0}:host([focused=visible]) [part~=control]:focus{border-color:#ffb266}:host [part~=filter-control]{align-content:space-between;border-bottom:1px solid #d5d8db;background:#fff}:host [part=match-count-wrapper]{display:inline-flex;margin-right:auto}:host [part~=tree-control]{justify-content:space-between;border-bottom:1px solid #d5d8db}:host [part~=control][part~=active]{color:#3780bf}:host [part~=control][part~=disabled]{cursor:default;color:rgba(72,72,72,.6)}:host [part~=full-filter]::after{content:\'\';border-right:1px solid #a9afba;position:absolute;top:0;right:-2px;bottom:0}:host [part=selected-count]{display:inline-flex;margin-right:auto}:host [part=cancel-button],:host [part=done-button]{margin:1px}:host [part~=footer] [part*=-button]:first-child{margin-right:0}:host [part=pills]{padding:3px;border-top:1px solid #d5d8db;max-height:72px;overflow-y:auto;background-color:#fff}:host [part=toggle-button],:host [part~=button-toggle],:host [part~=full-filter],:host [part~=selected-filter]{-webkit-appearance:none;-moz-appearance:none;appearance:none;border-radius:0;background-color:#fafbfc;color:#505050;border:1px solid #a9afba;height:23px;box-shadow:0 0 0 0 rgba(0,0,0,.3);padding:0 8px;outline:0;font-family:inherit;font-size:13rem;font-weight:400;min-width:23px;margin:1px 0;transition:70ms;text-align:center;box-sizing:border-box;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;display:inline-flex;justify-content:center;align-items:center;vertical-align:bottom;position:relative;overflow:hidden;background-image:linear-gradient(rgba(0,0,0,0) 0,rgba(0,0,0,.1) 100%)}@media (-ms-high-contrast:none),(pointer:fine){:host [part=toggle-button]:focus:not([focused]),:host [part=toggle-button][focused=visible],:host [part~=button-toggle]:focus:not([focused]),:host [part~=button-toggle][focused=visible],:host [part~=full-filter]:focus:not([focused]),:host [part~=full-filter][focused=visible],:host [part~=selected-filter]:focus:not([focused]),:host [part~=selected-filter][focused=visible]{background-color:#fafbfc;color:#505050;box-shadow:inset 0 0 0 1px #a9afba;border-color:#ee7600;outline:0}:host [part=toggle-button]:hover,:host [part~=button-toggle]:hover,:host [part~=full-filter]:hover,:host [part~=selected-filter]:hover{background-color:#fff;color:#1d1d1d;box-shadow:0 0 0 0 rgba(0,0,0,.6)}:host [part=toggle-button]:hover:not(:focus),:host [part~=button-toggle]:hover:not(:focus),:host [part~=full-filter]:hover:not(:focus),:host [part~=selected-filter]:hover:not(:focus){border-color:#a9afba;outline:0}}@media all{:host [part=toggle-button]:active,:host [part~=button-toggle]:active,:host [part~=full-filter]:active,:host [part~=selected-filter]:active{background-color:#fff;color:#1d1d1d;box-shadow:0 0 0 0 rgba(0,0,0,.3)}:host [part=toggle-button]:active:not(:focus),:host [part~=button-toggle]:active:not(:focus),:host [part~=full-filter]:active:not(:focus),:host [part~=selected-filter]:active:not(:focus){border-color:#a9afba;outline:0}:host [part=toggle-button][disabled],:host [part~=button-toggle][disabled],:host [part~=full-filter][disabled],:host [part~=selected-filter][disabled]{background-color:#fafbfc;color:#505050;border-color:#babfc8;box-shadow:none;outline:0;pointer-events:none}}:host [part=toggle-button][cta],:host [part~=button-toggle][cta],:host [part~=full-filter][cta],:host [part~=selected-filter][cta]{background-color:#ffb266;color:#505050;border-color:#a9afba;box-shadow:0 0 0 0 rgba(0,0,0,.3);outline:0;background-image:linear-gradient(rgba(255,255,255,.4) 0,rgba(255,255,255,0) 100%)}@media (-ms-high-contrast:none),(pointer:fine){:host [part=toggle-button][cta]:focus:not([focused]),:host [part=toggle-button][cta][focused=visible],:host [part~=button-toggle][cta]:focus:not([focused]),:host [part~=button-toggle][cta][focused=visible],:host [part~=full-filter][cta]:focus:not([focused]),:host [part~=full-filter][cta][focused=visible],:host [part~=selected-filter][cta]:focus:not([focused]),:host [part~=selected-filter][cta][focused=visible]{background-color:#ffb266;color:#505050;box-shadow:inset 0 0 0 1px #a9afba;border-color:#ee7600;outline:0}:host [part=toggle-button][cta]:hover,:host [part~=button-toggle][cta]:hover,:host [part~=full-filter][cta]:hover,:host [part~=selected-filter][cta]:hover{background-color:#ffc48a;color:#1d1d1d;box-shadow:0 0 0 0 rgba(0,0,0,.6)}:host [part=toggle-button][cta]:hover:not(:focus),:host [part~=button-toggle][cta]:hover:not(:focus),:host [part~=full-filter][cta]:hover:not(:focus),:host [part~=selected-filter][cta]:hover:not(:focus){border-color:#a9afba;outline:0}}@media all{:host [part=toggle-button][cta]:active,:host [part~=button-toggle][cta]:active,:host [part~=full-filter][cta]:active,:host [part~=selected-filter][cta]:active{background-color:#fff;color:#1d1d1d;box-shadow:0 0 0 0 rgba(0,0,0,.3)}:host [part=toggle-button][cta]:active:not(:focus),:host [part~=button-toggle][cta]:active:not(:focus),:host [part~=full-filter][cta]:active:not(:focus),:host [part~=selected-filter][cta]:active:not(:focus){border-color:#a9afba;outline:0}:host [part=toggle-button][cta][disabled],:host [part~=button-toggle][cta][disabled],:host [part~=full-filter][cta][disabled],:host [part~=selected-filter][cta][disabled]{background-color:#ffb266;color:#505050;border-color:#babfc8;box-shadow:none;outline:0;pointer-events:none}}:host [part=toggle-button][toggles],:host [part~=button-toggle][toggles],:host [part~=full-filter][toggles],:host [part~=selected-filter][toggles]{background-color:#fafbfc;color:#505050;border-color:#a9afba;box-shadow:0 0 0 0 rgba(0,0,0,.3);outline:0}@media (-ms-high-contrast:none),(pointer:fine){:host [part=toggle-button][toggles]:focus:not([focused]),:host [part=toggle-button][toggles][focused=visible],:host [part~=button-toggle][toggles]:focus:not([focused]),:host [part~=button-toggle][toggles][focused=visible],:host [part~=full-filter][toggles]:focus:not([focused]),:host [part~=full-filter][toggles][focused=visible],:host [part~=selected-filter][toggles]:focus:not([focused]),:host [part~=selected-filter][toggles][focused=visible]{background-color:#fafbfc;color:#505050;box-shadow:inset 0 0 0 1px #a9afba;border-color:#ee7600;outline:0}:host [part=toggle-button][toggles]:hover,:host [part~=button-toggle][toggles]:hover,:host [part~=full-filter][toggles]:hover,:host [part~=selected-filter][toggles]:hover{background-color:#fff;color:#1d1d1d;box-shadow:0 0 0 0 rgba(0,0,0,.6)}:host [part=toggle-button][toggles]:hover:not(:focus),:host [part~=button-toggle][toggles]:hover:not(:focus),:host [part~=full-filter][toggles]:hover:not(:focus),:host [part~=selected-filter][toggles]:hover:not(:focus){border-color:#a9afba;outline:0}}@media all{:host [part=toggle-button][toggles]:active,:host [part~=button-toggle][toggles]:active,:host [part~=full-filter][toggles]:active,:host [part~=selected-filter][toggles]:active{background-color:#fff;color:#1d1d1d;box-shadow:0 0 0 0 rgba(0,0,0,.3)}:host [part=toggle-button][toggles]:active:not(:focus),:host [part~=button-toggle][toggles]:active:not(:focus),:host [part~=full-filter][toggles]:active:not(:focus),:host [part~=selected-filter][toggles]:active:not(:focus){border-color:#a9afba;outline:0}:host [part=toggle-button][toggles][disabled],:host [part~=button-toggle][toggles][disabled],:host [part~=full-filter][toggles][disabled],:host [part~=selected-filter][toggles][disabled]{background-color:#fafbfc;color:#505050;border-color:#babfc8;box-shadow:none;outline:0;pointer-events:none}}:host [part=toggle-button][toggles][active],:host [part~=button-toggle][toggles][active],:host [part~=control][part~=active],:host [part~=full-filter][toggles][active],:host [part~=selected-filter][toggles][active]{border-color:#a9afba;box-shadow:0 0 0 0 rgba(0,0,0,.3);outline:0}@media (-ms-high-contrast:none),(pointer:fine){:host [part=toggle-button][toggles][active]:focus:not([focused]),:host [part=toggle-button][toggles][active][focused=visible],:host [part~=button-toggle][toggles][active]:focus:not([focused]),:host [part~=button-toggle][toggles][active][focused=visible],:host [part~=full-filter][toggles][active]:focus:not([focused]),:host [part~=full-filter][toggles][active][focused=visible],:host [part~=selected-filter][toggles][active]:focus:not([focused]),:host [part~=selected-filter][toggles][active][focused=visible]{background-color:#fff;color:#f93;box-shadow:inset 0 0 0 1px #a9afba;border-color:#ee7600;outline:0}:host [part=toggle-button][toggles][active]:hover,:host [part~=button-toggle][toggles][active]:hover,:host [part~=full-filter][toggles][active]:hover,:host [part~=selected-filter][toggles][active]:hover{background-color:#fff;color:#c60;box-shadow:0 0 0 0 rgba(0,0,0,.6)}:host [part=toggle-button][toggles][active]:hover:not(:focus),:host [part~=button-toggle][toggles][active]:hover:not(:focus),:host [part~=full-filter][toggles][active]:hover:not(:focus),:host [part~=selected-filter][toggles][active]:hover:not(:focus){border-color:#a9afba;outline:0}}@media all{:host [part=toggle-button][toggles][active]:active,:host [part~=button-toggle][toggles][active]:active,:host [part~=full-filter][toggles][active]:active,:host [part~=selected-filter][toggles][active]:active{background-color:#fff;color:#c60;box-shadow:0 0 0 0 rgba(0,0,0,.3)}:host [part=toggle-button][toggles][active]:active:not(:focus),:host [part~=button-toggle][toggles][active]:active:not(:focus),:host [part~=full-filter][toggles][active]:active:not(:focus),:host [part~=selected-filter][toggles][active]:active:not(:focus){border-color:#a9afba;outline:0}:host [part=toggle-button][toggles][active][disabled],:host [part~=button-toggle][toggles][active][disabled],:host [part~=full-filter][toggles][active][disabled],:host [part~=selected-filter][toggles][active][disabled]{background-color:#fff;color:#f93;border-color:#babfc8;box-shadow:none;outline:0;pointer-events:none}}@media (-ms-high-contrast:none),(pointer:fine){:host [part=toggle-button][cta]:hover,:host [part~=button-toggle][cta]:hover,:host [part~=full-filter][cta]:hover,:host [part~=selected-filter][cta]:hover{color:#505050}:host [part=toggle-button][cta]:focus:not([focused]),:host [part=toggle-button][cta][focused=visible],:host [part~=button-toggle][cta]:focus:not([focused]),:host [part~=button-toggle][cta][focused=visible],:host [part~=full-filter][cta]:focus:not([focused]),:host [part~=full-filter][cta][focused=visible],:host [part~=selected-filter][cta]:focus:not([focused]),:host [part~=selected-filter][cta][focused=visible]{border-color:#a9afba;box-shadow:inset 0 0 0 1px #a9afba;color:#505050}:host [part=toggle-button]:focus:not([focused]),:host [part=toggle-button][focused=visible],:host [part~=button-toggle]:focus:not([focused]),:host [part~=button-toggle][focused=visible],:host [part~=full-filter]:focus:not([focused]),:host [part~=full-filter][focused=visible],:host [part~=selected-filter]:focus:not([focused]),:host [part~=selected-filter][focused=visible]{border-style:dotted;box-shadow:inset 0 0 0 1px #a9afba}}:host [part=toggle-button][cta]:active,:host [part~=button-toggle][cta]:active,:host [part~=full-filter][cta]:active,:host [part~=selected-filter][cta]:active{background-color:#ffb266;background-image:linear-gradient(rgba(255,255,255,0) 0,rgba(255,255,255,.4) 100%)}:host [part=toggle-button][cta][disabled],:host [part~=button-toggle][cta][disabled],:host [part~=full-filter][cta][disabled],:host [part~=selected-filter][cta][disabled]{opacity:.4}:host [part=toggle-button][disabled],:host [part~=button-toggle][disabled],:host [part~=full-filter][disabled],:host [part~=selected-filter][disabled]{opacity:.4}:host [part=toggle-button][toggles][active],:host [part~=button-toggle][toggles][active],:host [part~=control][part~=active],:host [part~=full-filter][toggles][active],:host [part~=selected-filter][toggles][active]{color:#f93!important;background-color:#fff!important;background-image:linear-gradient(rgba(0,0,0,.1) 0,rgba(0,0,0,0) 100%)}:host [part=toggle-button]:active,:host [part~=button-toggle]:active,:host [part~=full-filter]:active,:host [part~=selected-filter]:active{background-image:none}:host [part~=button-toggle]{min-width:0;min-height:0;padding:0;margin-right:1px}:host [part~=button]{height:calc(100% - 2px);width:19px}:host [part=selection-badge]{height:17px;min-width:17px;margin-top:0}:host [part=list]{padding:3px;width:var(--panel-width,350px);max-width:var(--list-max-width,var(--panel-width,350px));max-height:var(--list-max-height,400px)}:host [part~=filter-wrapper]{padding:0;margin:0}:host [part~=control]:focus{z-index:1;border-style:dotted}:host [part~=filter-control],:host [part~=footer],:host [part~=tree-control]{padding:0;border:none;background:0 0}:host [part~=selected-filter]{margin-left:-1px}:host [part~=tree-control]{margin-top:3px;background:#d0d4db;padding:5px;border:1px solid #a9afba;border-bottom:none}:host [part=pills],:host [part=tree]{border:1px solid #a9afba;margin-bottom:3px}:host [part=selected-count]{margin-left:2px}:host [part=cancel-button]{margin-left:3px}');
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@refinitiv-ui/elements",
3
- "version": "5.1.0",
3
+ "version": "5.3.0",
4
4
  "description": "Element Framework Elements",
5
5
  "author": "Refinitiv",
6
6
  "license": "Apache-2.0",
@@ -31,26 +31,26 @@
31
31
  },
32
32
  "dependencies": {
33
33
  "@refinitiv-ui/browser-sparkline": "1.1.7",
34
- "@refinitiv-ui/core": "^5.0.0",
35
- "@refinitiv-ui/halo-theme": "^5.0.0",
36
- "@refinitiv-ui/solar-theme": "^5.0.0",
37
- "@refinitiv-ui/translate": "^5.1.0",
38
- "@refinitiv-ui/utils": "^5.0.0",
34
+ "@refinitiv-ui/core": "^5.0.2",
35
+ "@refinitiv-ui/halo-theme": "^5.2.0",
36
+ "@refinitiv-ui/solar-theme": "^5.2.0",
37
+ "@refinitiv-ui/translate": "^5.1.4",
38
+ "@refinitiv-ui/utils": "^5.0.2",
39
39
  "@types/chart.js": "^2.9.31",
40
- "chart.js": "2.9.3",
40
+ "chart.js": "~2.9.4",
41
41
  "d3-color": "^2.0.0",
42
42
  "d3-interpolate": "^2.0.1",
43
43
  "date-fns": "^2.22.1",
44
44
  "lightweight-charts": "^3.3.0"
45
45
  },
46
46
  "devDependencies": {
47
- "@refinitiv-ui/demo-block": "^5.0.0",
48
- "@refinitiv-ui/test-helpers": "^5.0.0",
47
+ "@refinitiv-ui/demo-block": "^5.0.3",
48
+ "@refinitiv-ui/test-helpers": "^5.0.1",
49
49
  "@types/d3-color": "^2.0.1",
50
50
  "@types/d3-interpolate": "^2.0.0"
51
51
  },
52
52
  "publishConfig": {
53
53
  "access": "public"
54
54
  },
55
- "gitHead": "c4e786372cb32df0022afc286fff1299e106a17c"
55
+ "gitHead": "ff2bf7cd08e62f053f70d363f3f68722b7205fda"
56
56
  }
package/lib/label/helpers/text.d.ts DELETED
@@ -1,35 +0,0 @@
1
- /**
2
- * A helper functions that assist in working with Text.
3
- */
4
- export declare class TextHelpers {
5
- /**
6
- * Removes white space and line terminator characters from a string.
7
- * @param str string to be trimmed
8
- * @returns Trimmed string
9
- */
10
- static trim(str: string): string;
11
- /**
12
- * Keep truncating character until textNode width is not larger than container width
13
- * @param textNode text node
14
- * @param containerWidth parent width
15
- * @param fullText text to be truncated
16
- * @returns {void}
17
- */
18
- static middleEllipsis(textNode: HTMLElement, containerWidth: number, fullText: string): void;
19
- /**
20
- * Insert Middle ellipsis to truncated string
21
- * @param text string
22
- * @param endLeft last index of left side
23
- * @param startRight start index of right side
24
- * @returns Middle ellipsis string
25
- */
26
- private static insertMiddleEllipsis;
27
- /**
28
- * Return the closest indexes for middle ellipsis
29
- * @param fullText text to be truncated
30
- * @param containerWidth parent width
31
- * @param actualWidth text node width that contains text to be truncated
32
- * @returns TruncateOffset
33
- */
34
- private static estimateTruncateOffset;
35
- }
package/lib/label/helpers/text.js DELETED
@@ -1,57 +0,0 @@
1
- /**
2
- * A helper functions that assist in working with Text.
3
- */
4
- export class TextHelpers {
5
- /**
6
- * Removes white space and line terminator characters from a string.
7
- * @param str string to be trimmed
8
- * @returns Trimmed string
9
- */
10
- static trim(str) {
11
- return (str.replace(/(\r\n|\n|\r)/gm, '')).trim().replace(/\s+/g, ' ');
12
- }
13
- /**
14
- * Keep truncating character until textNode width is not larger than container width
15
- * @param textNode text node
16
- * @param containerWidth parent width
17
- * @param fullText text to be truncated
18
- * @returns {void}
19
- */
20
- static middleEllipsis(textNode, containerWidth, fullText) {
21
- let { endLeft, startRight } = this.estimateTruncateOffset(fullText, containerWidth, textNode.offsetWidth);
22
- while (textNode.offsetWidth > containerWidth && textNode.innerHTML.length > 5) {
23
- textNode.innerHTML = TextHelpers.insertMiddleEllipsis(fullText, endLeft, startRight);
24
- textNode.innerHTML.length % 2 === 1 ? endLeft-- : startRight++;
25
- }
26
- }
27
- /**
28
- * Insert Middle ellipsis to truncated string
29
- * @param text string
30
- * @param endLeft last index of left side
31
- * @param startRight start index of right side
32
- * @returns Middle ellipsis string
33
- */
34
- static insertMiddleEllipsis(text, endLeft, startRight) {
35
- return `${text.substr(0, endLeft)} ... ${text.substr(startRight)}`;
36
- }
37
- /**
38
- * Return the closest indexes for middle ellipsis
39
- * @param fullText text to be truncated
40
- * @param containerWidth parent width
41
- * @param actualWidth text node width that contains text to be truncated
42
- * @returns TruncateOffset
43
- */
44
- static estimateTruncateOffset(fullText, containerWidth, actualWidth) {
45
- const textChars = fullText.length;
46
- const avgLetterSize = actualWidth / textChars;
47
- const canFit = containerWidth / avgLetterSize; // number of letters that can fit to container
48
- const deltaEachSide = (textChars - canFit) / 2; // index that used to truncate for left and right sides
49
- const endLeft = Math.floor(textChars / 2 - deltaEachSide);
50
- const startRight = Math.ceil(textChars / 2 + deltaEachSide);
51
- return {
52
- endLeft,
53
- startRight
54
- };
55
- }
56
- }
57
- //# sourceMappingURL=text.js.map
package/lib/label/helpers/text.js.map DELETED
@@ -1 +0,0 @@
1
- {"version":3,"file":"text.js","sourceRoot":"","sources":["../../../src/label/helpers/text.ts"],"names":[],"mappings":"AAKA;;GAEG;AACH,MAAM,OAAO,WAAW;IACtB;;;;OAIG;IACI,MAAM,CAAC,IAAI,CAAE,GAAW;QAC7B,OAAO,CAAC,GAAG,CAAC,OAAO,CAAC,gBAAgB,EAAE,EAAE,CAAC,CAAC,CAAC,IAAI,EAAE,CAAC,OAAO,CAAC,MAAM,EAAE,GAAG,CAAC,CAAC;IACzE,CAAC;IAED;;;;;;OAMG;IACI,MAAM,CAAC,cAAc,CAAE,QAAqB,EAAE,cAAsB,EAAE,QAAgB;QAC3F,IAAI,EAAE,OAAO,EAAE,UAAU,EAAE,GAAG,IAAI,CAAC,sBAAsB,CAAC,QAAQ,EAAE,cAAc,EAAE,QAAQ,CAAC,WAAW,CAAC,CAAC;QAC1G,OAAM,QAAQ,CAAC,WAAW,GAAG,cAAc,IAAI,QAAQ,CAAC,SAAS,CAAC,MAAM,GAAG,CAAC,EAAE;YAC5E,QAAQ,CAAC,SAAS,GAAG,WAAW,CAAC,oBAAoB,CAAC,QAAQ,EAAE,OAAO,EAAE,UAAU,CAAC,CAAC;YACrF,QAAQ,CAAC,SAAS,CAAC,MAAM,GAAG,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,OAAO,EAAE,CAAC,CAAC,CAAC,UAAU,EAAE,CAAC;SAChE;IACH,CAAC;IAED;;;;;;OAMG;IACK,MAAM,CAAC,oBAAoB,CAAE,IAAY,EAAE,OAAe,EAAE,UAAkB;QACpF,OAAO,GAAG,IAAI,CAAC,MAAM,CAAC,CAAC,EAAE,OAAO,CAAC,QAAQ,IAAI,CAAC,MAAM,CAAC,UAAU,CAAC,EAAE,CAAC;IACrE,CAAC;IAED;;;;;;OAMG;IACK,MAAM,CAAC,sBAAsB,CAAE,QAAgB,EAAE,cAAsB,EAAE,WAAmB;QAClG,MAAM,SAAS,GAAG,QAAQ,CAAC,MAAM,CAAC;QAClC,MAAM,aAAa,GAAG,WAAW,GAAG,SAAS,CAAC;QAC9C,MAAM,MAAM,GAAG,cAAc,GAAG,aAAa,CAAC,CAAC,8CAA8C;QAC7F,MAAM,aAAa,GAAG,CAAC,SAAS,GAAG,MAAM,CAAC,GAAG,CAAC,CAAC,CAAC,uDAAuD;QAEvG,MAAM,OAAO,GAAG,IAAI,CAAC,KAAK,CAAC,SAAS,GAAG,CAAC,GAAG,aAAa,CAAC,CAAC;QAC1D,MAAM,UAAU,GAAG,IAAI,CAAC,IAAI,CAAC,SAAS,GAAG,CAAC,GAAG,aAAa,CAAC,CAAC;QAE5D,OAAO;YACL,OAAO;YACP,UAAU;SACX,CAAC;IACJ,CAAC;CACF"}
package/lib/swing-gauge/helpers/canvas.d.ts DELETED
@@ -1,8 +0,0 @@
1
- import { ElementSize } from '@refinitiv-ui/core';
2
- import { SwingGaugeData, SwingGaugeDrawOption } from './types';
3
- declare const helpers: {
4
- draw: (drawData: SwingGaugeData, drawCtx: CanvasRenderingContext2D, canvasSize: ElementSize, drawParams: SwingGaugeDrawOption) => void;
5
- clear: (canvasSize: ElementSize, drawCtx: CanvasRenderingContext2D) => void;
6
- elasticOut: (time: number) => number;
7
- };
8
- export { helpers };
package/lib/swing-gauge/helpers/canvas.js DELETED
@@ -1,115 +0,0 @@
1
- let ctx;
2
- let data;
3
- let params;
4
- let fillPercentage = 0.5;
5
- const clear = (canvasSize, drawCtx) => {
6
- drawCtx.clearRect(0, 0, canvasSize.width, canvasSize.height);
7
- };
8
- // Helper to get arc x and y points
9
- const getCoordinate = (radians) => {
10
- return {
11
- x: Math.round(data.w / 2 + Math.cos(radians) * (data.size * 0.7)),
12
- y: Math.round(data.h + Math.sin(radians) * (data.size * 0.7))
13
- };
14
- };
15
- const drawSegment = (start, end, color) => {
16
- ctx.strokeStyle = color;
17
- ctx.lineWidth = data.size * 0.6 - params.ctxOptions.strokeWidth;
18
- ctx.beginPath();
19
- ctx.arc(data.w / 2, data.h, data.size * 0.7, Math.PI + start * Math.PI, Math.PI + end * Math.PI);
20
- ctx.stroke();
21
- };
22
- // Helper to print centered text
23
- const drawAndCenterText = (text, x, y) => {
24
- ctx.save();
25
- ctx.textAlign = 'center';
26
- ctx.fillText(text, x, y);
27
- ctx.restore();
28
- };
29
- const draw = (drawData, drawCtx, canvasSize, drawParams) => {
30
- ctx = drawCtx;
31
- data = drawData;
32
- params = drawParams;
33
- fillPercentage = data.fillPercentage;
34
- // Draw segments
35
- drawSegment(0, 1, params.ctxOptions.primaryColor);
36
- drawSegment(fillPercentage > 1 ? 1 : fillPercentage, 1, params.ctxOptions.secondaryColor);
37
- // Draw text
38
- ctx.save();
39
- ctx.fillStyle = params.ctxOptions.fillStyle;
40
- // Get the center positions of each arc
41
- const leftPos = getCoordinate((1 + fillPercentage / 2) * Math.PI);
42
- const rightPos = getCoordinate((1 + fillPercentage + (1 - fillPercentage) / 2) * Math.PI);
43
- // Has text
44
- if (!!data.primaryLabel && !!data.secondaryLabel) {
45
- // Calculate responsive font size
46
- ctx.font = `${params.ctxOptions.fontSize}px${params.ctxOptions.fontFamily}`;
47
- let fontSize1 = ctx.measureText(data.primaryLabel).width;
48
- const fontSize2 = ctx.measureText(data.secondaryLabel).width;
49
- fontSize1 = fontSize1 > fontSize2 ? fontSize1 : fontSize2;
50
- params.ctxOptions.fontSize *= (data.size * 0.6 * 0.8 / fontSize1);
51
- params.ctxOptions.fontSize = Math.round(params.ctxOptions.fontSize > params.ctxOptions.maxFontSize ? params.ctxOptions.maxFontSize : params.ctxOptions.fontSize);
52
- ctx.font = `${params.ctxOptions.fontSize}px${params.ctxOptions.fontFamily}`;
53
- ctx.textBaseline = 'top';
54
- // Write the labels
55
- drawAndCenterText(data.primaryLabel, leftPos.x, leftPos.y - params.ctxOptions.fontSize);
56
- drawAndCenterText(data.secondaryLabel, rightPos.x, rightPos.y - params.ctxOptions.fontSize);
57
- }
58
- else {
59
- ctx.textBaseline = 'middle';
60
- }
61
- // Calculate the responsive font size for values
62
- ctx.font = `${Math.round(Math.round(data.size * 0.12))}px${params.ctxOptions.fontFamily}`;
63
- // Write that values
64
- drawAndCenterText((fillPercentage * 100).toFixed(2) + '%', leftPos.x, leftPos.y + 1);
65
- drawAndCenterText(((1 - fillPercentage) * 100).toFixed(2) + '%', rightPos.x, rightPos.y + 1);
66
- ctx.restore();
67
- // Draw inner circle and lines
68
- ctx.lineWidth = params.ctxOptions.strokeWidth;
69
- ctx.strokeStyle = params.ctxOptions.borderColor;
70
- ctx.beginPath();
71
- ctx.arc(data.w / 2, data.h, data.size - params.ctxOptions.strokeWidth / 2, 0, 2 * Math.PI);
72
- ctx.strokeStyle = params.ctxOptions.borderColor;
73
- ctx.stroke();
74
- ctx.beginPath();
75
- ctx.arc(data.w / 2, data.h, data.size * 0.4, 0, 2 * Math.PI);
76
- ctx.strokeStyle = params.ctxOptions.borderColor;
77
- ctx.stroke();
78
- // Should we draw a center line?
79
- if (params.ctxOptions.centerlineOptions.includes(params.ctxOptions.centerline)) {
80
- ctx.save();
81
- ctx.beginPath();
82
- if (params.ctxOptions.centerline === 'solid') {
83
- ctx.globalAlpha = Number(params.ctxOptions.centerlineOpacity);
84
- }
85
- else if (params.ctxOptions.centerline === 'dotted') {
86
- ctx.setLineDash([params.ctxOptions.strokeWidth, params.ctxOptions.strokeWidth < 2 ? 2 : params.ctxOptions.strokeWidth]);
87
- }
88
- else {
89
- ctx.setLineDash([params.ctxOptions.strokeWidth * 3, (params.ctxOptions.strokeWidth < 2 ? 2 : params.ctxOptions.strokeWidth) * 2]);
90
- }
91
- ctx.moveTo(data.w / 2, data.h - data.size * 0.4);
92
- ctx.lineTo(data.w / 2, data.h - data.size);
93
- ctx.strokeStyle = params.ctxOptions.centerlineColor;
94
- ctx.stroke();
95
- ctx.restore();
96
- }
97
- };
98
- // Helper function for elastic easing
99
- const elasticOut = ((amplitude, period) => {
100
- const pi2 = Math.PI * 2;
101
- return function (time) {
102
- if (time === 0 || time === 1) {
103
- return time;
104
- }
105
- const s = period / pi2 * Math.asin(1 / amplitude);
106
- return (amplitude * Math.pow(2, -10 * time) * Math.sin((time - s) * pi2 / period) + 1);
107
- };
108
- })(1.2, 0.5);
109
- const helpers = {
110
- draw,
111
- clear,
112
- elasticOut
113
- };
114
- export { helpers };
115
- //# sourceMappingURL=canvas.js.map
package/lib/swing-gauge/helpers/canvas.js.map DELETED
@@ -1 +0,0 @@
1
- {"version":3,"file":"canvas.js","sourceRoot":"","sources":["../../../src/swing-gauge/helpers/canvas.ts"],"names":[],"mappings":"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"}
package/lib/swing-gauge/helpers/types.d.ts DELETED
@@ -1,33 +0,0 @@
1
- interface SwingGaugeData {
2
- size: number;
3
- w: number;
4
- h: number;
5
- duration: number;
6
- fillPercentage?: number;
7
- primaryValue: number;
8
- primaryLabel: string;
9
- secondaryValue: number;
10
- secondaryLabel: string;
11
- }
12
- interface CanvasOption {
13
- strokeWidth: number;
14
- primaryColor: string;
15
- secondaryColor: string;
16
- fillStyle: string;
17
- fontFamily: string;
18
- fontSize: number;
19
- maxFontSize: number;
20
- borderColor: string;
21
- centerline: string;
22
- centerlineOptions: string[];
23
- centerlineOpacity: string;
24
- centerlineColor: string;
25
- }
26
- interface SwingGaugeDrawOption {
27
- ctxOptions: CanvasOption;
28
- }
29
- interface Coordinate {
30
- x: number;
31
- y: number;
32
- }
33
- export { SwingGaugeData, CanvasOption, SwingGaugeDrawOption, Coordinate };