@refinitiv-ui/elements 7.0.0 → 7.0.2

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (215) hide show
  1. package/CHANGELOG.md +195 -449
  2. package/LICENSE +2 -2
  3. package/README.md +12 -10
  4. package/cli.mjs +5 -3
  5. package/lib/accordion/index.d.ts +1 -1
  6. package/lib/accordion/index.js +4 -7
  7. package/lib/appstate-bar/index.d.ts +2 -2
  8. package/lib/appstate-bar/index.js +10 -4
  9. package/lib/autosuggest/index.d.ts +7 -7
  10. package/lib/autosuggest/index.js +80 -80
  11. package/lib/autosuggest/themes/solar/charcoal/index.js +1 -1
  12. package/lib/autosuggest/themes/solar/pearl/index.js +1 -1
  13. package/lib/button/index.js +7 -10
  14. package/lib/button-bar/index.d.ts +1 -1
  15. package/lib/button-bar/index.js +12 -12
  16. package/lib/calendar/index.d.ts +39 -39
  17. package/lib/calendar/index.js +156 -123
  18. package/lib/calendar/utils.js +1 -1
  19. package/lib/canvas/index.d.ts +1 -1
  20. package/lib/canvas/index.js +2 -4
  21. package/lib/card/helpers/types.d.ts +2 -2
  22. package/lib/card/index.d.ts +5 -5
  23. package/lib/card/index.js +34 -28
  24. package/lib/chart/elements/chart.d.ts +4 -4
  25. package/lib/chart/elements/chart.js +39 -33
  26. package/lib/chart/plugins/doughnut-center-label.d.ts +3 -3
  27. package/lib/chart/plugins/doughnut-center-label.js +13 -9
  28. package/lib/checkbox/index.d.ts +1 -1
  29. package/lib/checkbox/index.js +12 -13
  30. package/lib/clock/index.d.ts +55 -55
  31. package/lib/clock/index.js +84 -95
  32. package/lib/clock/themes/halo/dark/index.js +1 -1
  33. package/lib/clock/themes/halo/light/index.js +1 -1
  34. package/lib/clock/themes/solar/charcoal/index.js +1 -1
  35. package/lib/clock/themes/solar/pearl/index.js +1 -1
  36. package/lib/collapse/index.d.ts +1 -1
  37. package/lib/collapse/index.js +27 -18
  38. package/lib/collapse/themes/halo/dark/index.js +1 -1
  39. package/lib/collapse/themes/halo/light/index.js +1 -1
  40. package/lib/color-dialog/elements/color-palettes.d.ts +1 -1
  41. package/lib/color-dialog/elements/color-palettes.js +5 -6
  42. package/lib/color-dialog/elements/grayscale-palettes.d.ts +1 -1
  43. package/lib/color-dialog/elements/grayscale-palettes.js +9 -9
  44. package/lib/color-dialog/elements/palettes.js +5 -4
  45. package/lib/color-dialog/helpers/value-model.js +7 -9
  46. package/lib/color-dialog/index.d.ts +6 -6
  47. package/lib/color-dialog/index.js +53 -37
  48. package/lib/color-picker/index.d.ts +2 -2
  49. package/lib/color-picker/index.js +40 -34
  50. package/lib/combo-box/helpers/filter.d.ts +2 -2
  51. package/lib/combo-box/helpers/types.d.ts +1 -1
  52. package/lib/combo-box/index.d.ts +9 -9
  53. package/lib/combo-box/index.js +61 -55
  54. package/lib/configuration/elements/configuration.js +2 -2
  55. package/lib/counter/index.d.ts +4 -4
  56. package/lib/counter/index.js +9 -7
  57. package/lib/datetime-field/index.d.ts +4 -5
  58. package/lib/datetime-field/index.js +32 -23
  59. package/lib/datetime-field/utils.js +11 -1
  60. package/lib/datetime-picker/index.d.ts +75 -75
  61. package/lib/datetime-picker/index.js +150 -131
  62. package/lib/datetime-picker/locales.js +5 -5
  63. package/lib/datetime-picker/utils.js +9 -9
  64. package/lib/dialog/draggable-element.js +1 -2
  65. package/lib/dialog/index.d.ts +5 -5
  66. package/lib/dialog/index.js +51 -47
  67. package/lib/email-field/index.d.ts +1 -1
  68. package/lib/email-field/index.js +6 -6
  69. package/lib/events.d.ts +1 -1
  70. package/lib/flag/index.d.ts +1 -1
  71. package/lib/flag/index.js +6 -5
  72. package/lib/flag/utils/FlagLoader.js +1 -1
  73. package/lib/header/index.d.ts +1 -1
  74. package/lib/header/index.js +2 -2
  75. package/lib/header/themes/halo/dark/index.js +1 -1
  76. package/lib/header/themes/halo/light/index.js +1 -1
  77. package/lib/header/themes/solar/charcoal/index.js +1 -1
  78. package/lib/header/themes/solar/pearl/index.js +1 -1
  79. package/lib/heatmap/helpers/color.d.ts +1 -1
  80. package/lib/heatmap/helpers/color.js +11 -5
  81. package/lib/heatmap/helpers/track.js +3 -3
  82. package/lib/heatmap/index.d.ts +9 -9
  83. package/lib/heatmap/index.js +51 -42
  84. package/lib/icon/index.d.ts +2 -2
  85. package/lib/icon/index.js +8 -10
  86. package/lib/interactive-chart/helpers/types.d.ts +3 -3
  87. package/lib/interactive-chart/index.d.ts +29 -29
  88. package/lib/interactive-chart/index.js +69 -55
  89. package/lib/item/helpers/types.d.ts +1 -1
  90. package/lib/item/index.d.ts +3 -3
  91. package/lib/item/index.js +24 -20
  92. package/lib/jsx.d.ts +6 -4
  93. package/lib/label/index.d.ts +1 -1
  94. package/lib/label/index.js +10 -7
  95. package/lib/layout/index.d.ts +7 -7
  96. package/lib/layout/index.js +7 -7
  97. package/lib/led-gauge/index.d.ts +1 -1
  98. package/lib/led-gauge/index.js +10 -10
  99. package/lib/list/elements/list.d.ts +3 -3
  100. package/lib/list/elements/list.js +10 -12
  101. package/lib/list/helpers/renderer.js +2 -2
  102. package/lib/list/helpers/types.d.ts +1 -1
  103. package/lib/list/index.d.ts +1 -1
  104. package/lib/list/renderer.d.ts +7 -7
  105. package/lib/loader/index.js +7 -8
  106. package/lib/multi-input/index.d.ts +6 -6
  107. package/lib/multi-input/index.js +39 -45
  108. package/lib/notification/elements/notification-tray.d.ts +2 -2
  109. package/lib/notification/elements/notification-tray.js +3 -3
  110. package/lib/notification/elements/notification.d.ts +2 -2
  111. package/lib/notification/elements/notification.js +14 -13
  112. package/lib/notification/helpers/status.js +1 -1
  113. package/lib/notification/themes/halo/dark/index.js +1 -1
  114. package/lib/notification/themes/halo/light/index.js +1 -1
  115. package/lib/notification/themes/solar/charcoal/index.js +1 -1
  116. package/lib/notification/themes/solar/pearl/index.js +1 -1
  117. package/lib/number-field/index.d.ts +5 -6
  118. package/lib/number-field/index.js +37 -47
  119. package/lib/overlay/elements/overlay-viewport.d.ts +1 -1
  120. package/lib/overlay/elements/overlay.d.ts +2 -2
  121. package/lib/overlay/elements/overlay.js +152 -96
  122. package/lib/overlay/helpers/types.d.ts +1 -1
  123. package/lib/overlay/managers/backdrop-manager.d.ts +1 -1
  124. package/lib/overlay/managers/backdrop-manager.js +2 -2
  125. package/lib/overlay/managers/close-manager.js +2 -1
  126. package/lib/overlay/managers/focus-manager.js +23 -13
  127. package/lib/overlay/managers/interaction-lock-manager.d.ts +4 -4
  128. package/lib/overlay/managers/interaction-lock-manager.js +33 -25
  129. package/lib/overlay/managers/viewport-manager.d.ts +2 -2
  130. package/lib/overlay/managers/viewport-manager.js +3 -2
  131. package/lib/overlay/managers/zindex-manager.js +4 -2
  132. package/lib/overlay-menu/helpers/types.d.ts +2 -2
  133. package/lib/overlay-menu/index.d.ts +1 -1
  134. package/lib/overlay-menu/index.js +44 -33
  135. package/lib/overlay-menu/managers/menu-manager.d.ts +10 -10
  136. package/lib/overlay-menu/managers/menu-manager.js +14 -13
  137. package/lib/pagination/index.d.ts +4 -4
  138. package/lib/pagination/index.js +39 -14
  139. package/lib/panel/index.js +1 -1
  140. package/lib/password-field/index.d.ts +2 -2
  141. package/lib/password-field/index.js +3 -3
  142. package/lib/pill/index.d.ts +1 -1
  143. package/lib/pill/index.js +22 -19
  144. package/lib/progress-bar/index.d.ts +1 -1
  145. package/lib/progress-bar/index.js +38 -37
  146. package/lib/radio-button/index.d.ts +2 -2
  147. package/lib/radio-button/index.js +17 -12
  148. package/lib/radio-button/radio-button-registry.js +8 -5
  149. package/lib/rating/index.d.ts +1 -1
  150. package/lib/rating/index.js +2 -5
  151. package/lib/rating/utils.d.ts +6 -6
  152. package/lib/rating/utils.js +6 -6
  153. package/lib/search-field/index.d.ts +2 -2
  154. package/lib/search-field/index.js +4 -4
  155. package/lib/select/index.d.ts +34 -34
  156. package/lib/select/index.js +68 -81
  157. package/lib/sidebar-layout/index.d.ts +2 -2
  158. package/lib/sidebar-layout/index.js +7 -9
  159. package/lib/slider/index.d.ts +2 -2
  160. package/lib/slider/index.js +57 -45
  161. package/lib/slider/utils.d.ts +10 -10
  162. package/lib/slider/utils.js +10 -10
  163. package/lib/sparkline/index.d.ts +1 -1
  164. package/lib/sparkline/index.js +7 -8
  165. package/lib/swing-gauge/helpers.js +2 -2
  166. package/lib/swing-gauge/index.d.ts +19 -19
  167. package/lib/swing-gauge/index.js +91 -81
  168. package/lib/tab/index.d.ts +1 -1
  169. package/lib/tab/index.js +16 -27
  170. package/lib/tab/themes/halo/dark/index.js +1 -1
  171. package/lib/tab/themes/halo/light/index.js +1 -1
  172. package/lib/tab/themes/solar/charcoal/index.js +1 -1
  173. package/lib/tab/themes/solar/pearl/index.js +1 -1
  174. package/lib/tab-bar/helpers/animate.js +1 -1
  175. package/lib/tab-bar/index.d.ts +1 -1
  176. package/lib/tab-bar/index.js +34 -18
  177. package/lib/tab-bar/themes/halo/dark/index.js +1 -1
  178. package/lib/tab-bar/themes/halo/light/index.js +1 -1
  179. package/lib/text-field/index.d.ts +1 -1
  180. package/lib/text-field/index.js +34 -31
  181. package/lib/time-picker/index.d.ts +6 -6
  182. package/lib/time-picker/index.js +103 -89
  183. package/lib/toggle/index.d.ts +1 -1
  184. package/lib/toggle/index.js +4 -3
  185. package/lib/toggle/themes/halo/dark/index.js +1 -1
  186. package/lib/toggle/themes/halo/light/index.js +1 -1
  187. package/lib/toggle/themes/solar/charcoal/index.js +1 -1
  188. package/lib/toggle/themes/solar/pearl/index.js +1 -1
  189. package/lib/tooltip/elements/title-tooltip.js +2 -2
  190. package/lib/tooltip/index.d.ts +27 -27
  191. package/lib/tooltip/index.js +42 -38
  192. package/lib/tooltip/managers/tooltip-manager.d.ts +1 -1
  193. package/lib/tornado-chart/elements/tornado-chart.d.ts +1 -1
  194. package/lib/tornado-chart/elements/tornado-chart.js +2 -2
  195. package/lib/tornado-chart/elements/tornado-item.d.ts +2 -2
  196. package/lib/tornado-chart/elements/tornado-item.js +12 -10
  197. package/lib/tree/elements/tree-item.d.ts +3 -3
  198. package/lib/tree/elements/tree-item.js +21 -19
  199. package/lib/tree/elements/tree.d.ts +1 -1
  200. package/lib/tree/elements/tree.js +12 -11
  201. package/lib/tree/helpers/renderer.js +4 -3
  202. package/lib/tree/index.d.ts +1 -1
  203. package/lib/tree/managers/tree-manager.d.ts +1 -1
  204. package/lib/tree/managers/tree-manager.js +17 -18
  205. package/lib/tree/themes/solar/charcoal/index.js +1 -1
  206. package/lib/tree/themes/solar/pearl/index.js +1 -1
  207. package/lib/tree-select/index.d.ts +9 -9
  208. package/lib/tree-select/index.js +91 -82
  209. package/lib/tree-select/themes/halo/dark/index.js +1 -1
  210. package/lib/tree-select/themes/halo/light/index.js +1 -1
  211. package/lib/tree-select/themes/solar/charcoal/index.js +1 -1
  212. package/lib/tree-select/themes/solar/pearl/index.js +1 -1
  213. package/lib/version.js +1 -1
  214. package/package.json +17 -17
  215. package/tsconfig.tsbuildinfo +1 -1
@@ -8,4 +8,4 @@ import '@refinitiv-ui/elements/counter/themes/solar/pearl';
8
8
  import '@refinitiv-ui/elements/item/themes/solar/pearl';
9
9
  import '@refinitiv-ui/elements/icon/themes/solar/pearl';
10
10
  import '@refinitiv-ui/elements/tooltip/themes/solar/pearl';
11
- dispatchEvent(new CustomEvent('ef.customStyles.define', { detail: { name: 'ef-tree-select', styles: ':host{display:none;-webkit-appearance:none;-moz-appearance:none;appearance:none;text-align:left;font-family:inherit;font-size:13px;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;scrollbar-color:#8a8a96 #fff;padding:0;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 [part=list]{max-width:var(--list-max-width,300px);max-height:var(--list-max-height)}:host [part~=input-wrapper]{touch-action:manipulation;display:flex;align-items:center;width:100%;height:100%}:host [part~=input]{display:none;-webkit-appearance:none;-moz-appearance:none;appearance:none;text-align:left;font-family:inherit;font-size:13px;font-weight:400;height:23px;max-width:100%;padding:0 5px;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;text-overflow:ellipsis;border:1px solid #a9afba;width:100%;background:0 0;border:none}:host [part~=input][disabled]{color:rgba(72,72,72,.6);border:1px solid rgba(169,175,186,.6)}:host [part~=input][type=number]{padding-right:0}:host [part~=input][warning]{border:1px solid #f93}:host [part~=input][warning][disabled]{color:rgba(72,72,72,.6);border:1px solid rgba(255,153,51,.6)}:host [part~=input][error],:host [part~=input][error][warning]{border:1px solid #d94255}:host [part~=input][error][disabled],:host [part~=input][error][warning][disabled]{color:rgba(72,72,72,.6);border:1px solid rgba(217,66,85,.6)}:host [part~=button]{height:28px;display:flex;justify-content:center;align-items:center;flex:none}:host [part~=list]{display:flex;flex-flow:column nowrap}:host [part=selection-badge]{flex-shrink:0}:host([disabled]) [part~=selection-badge]{opacity:.4}::-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=list]{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)}: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:13px;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;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 (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 (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 (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 (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 (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([disabled]) [part~=icon]{opacity:.4;color:#505050}:host([disabled]) [part~=button-toggle]{border-color:rgba(169,175,186,.6)}: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}' }}));
11
+ dispatchEvent(new CustomEvent('ef.customStyles.define', { detail: { name: 'ef-tree-select', styles: ':host{display:none;-webkit-appearance:none;-moz-appearance:none;appearance:none;text-align:left;font-family:inherit;font-size:13px;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;scrollbar-color:#8a8a96 #fff;padding:0;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 [part=list]{max-width:var(--list-max-width,300px);max-height:var(--list-max-height)}:host [part~=input-wrapper]{touch-action:manipulation;display:flex;align-items:center;width:100%;height:100%}:host [part~=input]{display:none;-webkit-appearance:none;-moz-appearance:none;appearance:none;text-align:left;font-family:inherit;font-size:13px;font-weight:400;height:23px;max-width:100%;padding:0 5px;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;text-overflow:ellipsis;border:1px solid #a9afba;width:100%;background:0 0;border:none}:host [part~=input][disabled]{color:rgba(72,72,72,.6);border:1px solid rgba(169,175,186,.6)}:host [part~=input][type=number]{padding-right:0}:host [part~=input][warning]{border:1px solid #f93}:host [part~=input][warning][disabled]{color:rgba(72,72,72,.6);border:1px solid rgba(255,153,51,.6)}:host [part~=input][error],:host [part~=input][error][warning]{border:1px solid #d94255}:host [part~=input][error][disabled],:host [part~=input][error][warning][disabled]{color:rgba(72,72,72,.6);border:1px solid rgba(217,66,85,.6)}:host [part~=button]{height:28px;display:flex;justify-content:center;align-items:center;flex:none}:host [part~=list]{display:flex;flex-flow:column nowrap}:host [part=selection-badge]{flex-shrink:0}:host([disabled]) [part~=selection-badge]{opacity:.4}::-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=list]{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)}: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:13px;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;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 (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 (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 (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 (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 (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([disabled]) [part~=icon]{opacity:.4;color:#505050}:host([disabled]) [part~=button-toggle]{border-color:rgba(169,175,186,.6)}: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/lib/version.js CHANGED
@@ -1 +1 @@
1
- export const VERSION = '7.0.0';
1
+ export const VERSION = '7.0.2';
package/package.json CHANGED
@@ -1,8 +1,8 @@
1
1
  {
2
2
  "name": "@refinitiv-ui/elements",
3
- "version": "7.0.0",
3
+ "version": "7.0.2",
4
4
  "description": "Element Framework Elements",
5
- "author": "LSEG",
5
+ "author": "Refinitiv",
6
6
  "license": "Apache-2.0",
7
7
  "main": "./lib/index.js",
8
8
  "module": "./lib/index.js",
@@ -342,8 +342,8 @@
342
342
  "dependencies": {
343
343
  "@lit-labs/context": "^0.3.1",
344
344
  "@refinitiv-ui/browser-sparkline": "1.1.8",
345
- "@refinitiv-ui/halo-theme": "^7.0.0",
346
- "@refinitiv-ui/solar-theme": "^7.0.0",
345
+ "@refinitiv-ui/halo-theme": "^7.0.2",
346
+ "@refinitiv-ui/solar-theme": "^7.0.2",
347
347
  "chart.js": "^4.3.0",
348
348
  "chartjs-adapter-date-fns": "^3.0.0",
349
349
  "d3-interpolate": "^3.0.1",
@@ -352,24 +352,24 @@
352
352
  "tslib": "^2.3.1"
353
353
  },
354
354
  "devDependencies": {
355
- "@refinitiv-ui/core": "^7.0.0",
356
- "@refinitiv-ui/demo-block": "^7.0.0",
357
- "@refinitiv-ui/i18n": "^7.0.0",
358
- "@refinitiv-ui/phrasebook": "^7.0.0",
359
- "@refinitiv-ui/test-helpers": "^7.0.0",
360
- "@refinitiv-ui/translate": "^7.0.0",
361
- "@refinitiv-ui/utils": "^7.0.0",
355
+ "@refinitiv-ui/core": "^7.0.2",
356
+ "@refinitiv-ui/demo-block": "^7.0.2",
357
+ "@refinitiv-ui/i18n": "^7.0.2",
358
+ "@refinitiv-ui/phrasebook": "^7.0.2",
359
+ "@refinitiv-ui/test-helpers": "^7.0.2",
360
+ "@refinitiv-ui/translate": "^7.0.2",
361
+ "@refinitiv-ui/utils": "^7.0.2",
362
362
  "@types/d3-interpolate": "^3.0.1"
363
363
  },
364
364
  "peerDependencies": {
365
- "@refinitiv-ui/core": "^7.0.0",
366
- "@refinitiv-ui/i18n": "^7.0.0",
367
- "@refinitiv-ui/phrasebook": "^7.0.0",
368
- "@refinitiv-ui/translate": "^7.0.0",
369
- "@refinitiv-ui/utils": "^7.0.0"
365
+ "@refinitiv-ui/core": "^7.0.2",
366
+ "@refinitiv-ui/i18n": "^7.0.2",
367
+ "@refinitiv-ui/phrasebook": "^7.0.2",
368
+ "@refinitiv-ui/translate": "^7.0.2",
369
+ "@refinitiv-ui/utils": "^7.0.2"
370
370
  },
371
371
  "publishConfig": {
372
372
  "access": "public"
373
373
  },
374
- "gitHead": "e5aa78ca0e3525fccb09b4d1ceb772fcff3fb15b"
374
+ "gitHead": "4b0c3b0bfdf6a89b519ff20fc9429490bef54d7f"
375
375
  }