@watermarkinsights/ripple 5.16.0-alpha.1 → 5.16.0-alpha.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 (380) hide show
  1. package/dist/{collection/global/global.js → ripple/app-globals-a0922f84.js} +60 -2
  2. package/dist/{esm/chartFunctions-6749593d.js → ripple/chartFunctions-021607da.js} +3 -3
  3. package/dist/{esm/functions-dabfd76f.js → ripple/functions-3eaaa7c4.js} +7766 -147
  4. package/dist/ripple/index-3d0f1864.js +3017 -0
  5. package/dist/ripple/index.esm.js +1 -0
  6. package/dist/{collection/global/interfaces.js → ripple/interfaces-382e0566.js} +6 -4
  7. package/dist/{esm/intl-43676e71.js → ripple/intl-14fae6dd.js} +1 -1
  8. package/dist/ripple/priv-calendar.entry.js +569 -0
  9. package/dist/ripple/{p-30236be3.system.entry.js → priv-chart-popover.entry.js} +140 -1
  10. package/dist/{esm-es5/priv-chart-popover.entry.js → ripple/priv-navigator-button.entry.js} +24 -1
  11. package/dist/ripple/{p-97ffaa7d.entry.js → priv-navigator-item.entry.js} +30 -1
  12. package/dist/ripple/{p-b01f9572.system.entry.js → priv-option-list.entry.js} +388 -1
  13. package/dist/ripple/ripple.esm.js +47 -1
  14. package/dist/ripple/shadow-css-7ad5caf8.js +332 -0
  15. package/dist/{cjs/wm-button.cjs.entry.js → ripple/wm-action-menu.entry.js} +162 -229
  16. package/dist/{esm-es5/priv-option-list.entry.js → ripple/wm-button.entry.js} +268 -1
  17. package/dist/{esm → ripple}/wm-chart-slice.entry.js +1 -1
  18. package/dist/{esm/wm-file.entry.js → ripple/wm-chart.entry.js} +137 -169
  19. package/dist/ripple/wm-date-range.entry.js +479 -0
  20. package/dist/ripple/wm-datepicker.entry.js +249 -0
  21. package/dist/ripple/{p-c53f5914.entry.js → wm-file-list.entry.js} +18 -1
  22. package/dist/ripple/{p-f9fa1506.system.entry.js → wm-file.entry.js} +189 -1
  23. package/dist/ripple/{p-89479d02.system.entry.js → wm-flyout.entry.js} +175 -1
  24. package/dist/{esm-es5/wm-flyout.entry.js → ripple/wm-input.entry.js} +120 -1
  25. package/dist/ripple/wm-line-chart.entry.js +456 -0
  26. package/dist/{esm/priv-chart-popover.entry.js → ripple/wm-menuitem.entry.js} +98 -114
  27. package/dist/{cjs/priv-navigator-button.cjs.entry.js → ripple/wm-modal-footer.entry.js} +35 -20
  28. package/dist/{esm/priv-navigator-button.entry.js → ripple/wm-modal-header.entry.js} +25 -14
  29. package/dist/ripple/{p-091fbc50.system.entry.js → wm-modal-pss-footer.entry.js} +40 -1
  30. package/dist/ripple/{p-92cb12d3.entry.js → wm-modal-pss-header.entry.js} +39 -1
  31. package/dist/ripple/wm-modal-pss.entry.js +136 -0
  32. package/dist/ripple/{p-1955c66a.system.entry.js → wm-modal.entry.js} +135 -1
  33. package/dist/ripple/wm-navigation-hamburger.entry.js +49 -0
  34. package/dist/ripple/{p-8f987f71.entry.js → wm-navigation-item.entry.js} +21 -1
  35. package/dist/ripple/wm-navigation.entry.js +116 -0
  36. package/dist/{esm/priv-navigator-item.entry.js → ripple/wm-navigator.entry.js} +351 -19
  37. package/dist/ripple/{p-fe93b6b9.system.entry.js → wm-nested-select.entry.js} +310 -1
  38. package/dist/ripple/wm-optgroup.entry.js +69 -0
  39. package/dist/{esm/priv-option-list.entry.js → ripple/wm-option.entry.js} +130 -347
  40. package/dist/ripple/wm-pagination.entry.js +223 -0
  41. package/dist/ripple/wm-progress-indicator.entry.js +112 -0
  42. package/dist/{esm-es5/priv-navigator-item.entry.js → ripple/wm-progress-monitor.entry.js} +74 -1
  43. package/dist/ripple/wm-progress-slice.entry.js +18 -0
  44. package/dist/{cjs/priv-option-list.cjs.entry.js → ripple/wm-search.entry.js} +162 -364
  45. package/dist/{esm/wm-nested-select.entry.js → ripple/wm-select.entry.js} +134 -194
  46. package/dist/ripple/wm-snackbar.entry.js +184 -0
  47. package/dist/{esm-es5/wm-file-list.entry.js → ripple/wm-tab-item.entry.js} +57 -1
  48. package/dist/ripple/wm-tab-list.entry.js +178 -0
  49. package/dist/ripple/wm-tab-panel.entry.js +26 -0
  50. package/dist/ripple/wm-tag-input.entry.js +947 -0
  51. package/dist/{esm → ripple}/wm-tag-option.entry.js +2 -2
  52. package/dist/{cjs/priv-chart-popover.cjs.entry.js → ripple/wm-textarea.entry.js} +60 -122
  53. package/dist/{esm/wm-button.entry.js → ripple/wm-timepicker.entry.js} +251 -218
  54. package/dist/{cjs/priv-navigator-item.cjs.entry.js → ripple/wm-toggletip.entry.js} +227 -25
  55. package/dist/ripple/wm-uploader.entry.js +320 -0
  56. package/dist/{esm → ripple}/wm-wrapper.entry.js +1 -1
  57. package/package.json +2 -2
  58. package/dist/cjs/app-globals-f56991b7.js +0 -92
  59. package/dist/cjs/chartFunctions-439c6fd4.js +0 -742
  60. package/dist/cjs/functions-dd27bda3.js +0 -10618
  61. package/dist/cjs/index-788526f5.js +0 -1863
  62. package/dist/cjs/index.cjs.js +0 -2
  63. package/dist/cjs/interfaces-85d78ae9.js +0 -37
  64. package/dist/cjs/intl-6d72b4a0.js +0 -283
  65. package/dist/cjs/loader.cjs.js +0 -15
  66. package/dist/cjs/priv-calendar.cjs.entry.js +0 -574
  67. package/dist/cjs/ripple.cjs.js +0 -25
  68. package/dist/cjs/wm-action-menu_2.cjs.entry.js +0 -335
  69. package/dist/cjs/wm-chart-slice.cjs.entry.js +0 -27
  70. package/dist/cjs/wm-chart.cjs.entry.js +0 -163
  71. package/dist/cjs/wm-date-range.cjs.entry.js +0 -484
  72. package/dist/cjs/wm-datepicker.cjs.entry.js +0 -254
  73. package/dist/cjs/wm-file-list.cjs.entry.js +0 -23
  74. package/dist/cjs/wm-file.cjs.entry.js +0 -194
  75. package/dist/cjs/wm-flyout.cjs.entry.js +0 -180
  76. package/dist/cjs/wm-input.cjs.entry.js +0 -125
  77. package/dist/cjs/wm-line-chart.cjs.entry.js +0 -461
  78. package/dist/cjs/wm-modal-pss_3.cjs.entry.js +0 -217
  79. package/dist/cjs/wm-modal_3.cjs.entry.js +0 -217
  80. package/dist/cjs/wm-navigation_3.cjs.entry.js +0 -188
  81. package/dist/cjs/wm-navigator.cjs.entry.js +0 -327
  82. package/dist/cjs/wm-nested-select.cjs.entry.js +0 -315
  83. package/dist/cjs/wm-optgroup.cjs.entry.js +0 -74
  84. package/dist/cjs/wm-option_2.cjs.entry.js +0 -427
  85. package/dist/cjs/wm-pagination.cjs.entry.js +0 -228
  86. package/dist/cjs/wm-progress-indicator_3.cjs.entry.js +0 -204
  87. package/dist/cjs/wm-search.cjs.entry.js +0 -196
  88. package/dist/cjs/wm-snackbar.cjs.entry.js +0 -189
  89. package/dist/cjs/wm-tab-item_3.cjs.entry.js +0 -263
  90. package/dist/cjs/wm-tag-input.cjs.entry.js +0 -947
  91. package/dist/cjs/wm-tag-option.cjs.entry.js +0 -43
  92. package/dist/cjs/wm-textarea.cjs.entry.js +0 -88
  93. package/dist/cjs/wm-timepicker.cjs.entry.js +0 -307
  94. package/dist/cjs/wm-toggletip.cjs.entry.js +0 -242
  95. package/dist/cjs/wm-uploader.cjs.entry.js +0 -325
  96. package/dist/cjs/wm-wrapper.cjs.entry.js +0 -21
  97. package/dist/collection/collection-manifest.json +0 -197
  98. package/dist/collection/components/charts/chartFunctions.js +0 -675
  99. package/dist/collection/components/charts/priv-chart-popover/priv-chart-popover.css +0 -948
  100. package/dist/collection/components/charts/priv-chart-popover/priv-chart-popover.js +0 -262
  101. package/dist/collection/components/charts/wm-chart/wm-chart-slice.js +0 -125
  102. package/dist/collection/components/charts/wm-chart/wm-chart.css +0 -1314
  103. package/dist/collection/components/charts/wm-chart/wm-chart.js +0 -422
  104. package/dist/collection/components/charts/wm-line-chart/wm-line-chart.css +0 -1106
  105. package/dist/collection/components/charts/wm-line-chart/wm-line-chart.js +0 -723
  106. package/dist/collection/components/charts/wm-progress-monitor/wm-progress-indicator.css +0 -1314
  107. package/dist/collection/components/charts/wm-progress-monitor/wm-progress-indicator.js +0 -264
  108. package/dist/collection/components/charts/wm-progress-monitor/wm-progress-monitor.css +0 -948
  109. package/dist/collection/components/charts/wm-progress-monitor/wm-progress-monitor.js +0 -151
  110. package/dist/collection/components/charts/wm-progress-monitor/wm-progress-slice.js +0 -121
  111. package/dist/collection/components/datepickers/datepicker.css +0 -1083
  112. package/dist/collection/components/datepickers/priv-calendar/priv-calendar.css +0 -1318
  113. package/dist/collection/components/datepickers/priv-calendar/priv-calendar.js +0 -840
  114. package/dist/collection/components/datepickers/wm-date-range.js +0 -849
  115. package/dist/collection/components/datepickers/wm-datepicker.js +0 -524
  116. package/dist/collection/components/selects/priv-option-list/priv-option-list.css +0 -958
  117. package/dist/collection/components/selects/priv-option-list/priv-option-list.js +0 -780
  118. package/dist/collection/components/selects/wm-nested-select/wm-nested-select.css +0 -1229
  119. package/dist/collection/components/selects/wm-nested-select/wm-nested-select.js +0 -620
  120. package/dist/collection/components/selects/wm-optgroup/wm-optgroup.css +0 -869
  121. package/dist/collection/components/selects/wm-optgroup/wm-optgroup.js +0 -258
  122. package/dist/collection/components/selects/wm-option/wm-option.css +0 -970
  123. package/dist/collection/components/selects/wm-option/wm-option.js +0 -530
  124. package/dist/collection/components/selects/wm-select/wm-select.css +0 -1143
  125. package/dist/collection/components/selects/wm-select/wm-select.js +0 -584
  126. package/dist/collection/components/wm-action-menu/wm-action-menu.css +0 -930
  127. package/dist/collection/components/wm-action-menu/wm-action-menu.js +0 -435
  128. package/dist/collection/components/wm-button/wm-button.css +0 -1580
  129. package/dist/collection/components/wm-button/wm-button.js +0 -555
  130. package/dist/collection/components/wm-file/wm-file.css +0 -966
  131. package/dist/collection/components/wm-file/wm-file.js +0 -412
  132. package/dist/collection/components/wm-file-list/wm-file-list.css +0 -859
  133. package/dist/collection/components/wm-file-list/wm-file-list.js +0 -45
  134. package/dist/collection/components/wm-flyout/wm-flyout.css +0 -1053
  135. package/dist/collection/components/wm-flyout/wm-flyout.js +0 -448
  136. package/dist/collection/components/wm-input/wm-input.css +0 -1043
  137. package/dist/collection/components/wm-input/wm-input.js +0 -471
  138. package/dist/collection/components/wm-menuitem/wm-menuitem.css +0 -930
  139. package/dist/collection/components/wm-menuitem/wm-menuitem.js +0 -419
  140. package/dist/collection/components/wm-modal/wm-modal-footer.css +0 -884
  141. package/dist/collection/components/wm-modal/wm-modal-footer.js +0 -142
  142. package/dist/collection/components/wm-modal/wm-modal-header.css +0 -883
  143. package/dist/collection/components/wm-modal/wm-modal-header.js +0 -79
  144. package/dist/collection/components/wm-modal/wm-modal.css +0 -931
  145. package/dist/collection/components/wm-modal/wm-modal.js +0 -350
  146. package/dist/collection/components/wm-modal-pss/wm-modal-pss-footer.css +0 -891
  147. package/dist/collection/components/wm-modal-pss/wm-modal-pss-footer.js +0 -138
  148. package/dist/collection/components/wm-modal-pss/wm-modal-pss-header.css +0 -885
  149. package/dist/collection/components/wm-modal-pss/wm-modal-pss-header.js +0 -82
  150. package/dist/collection/components/wm-modal-pss/wm-modal-pss.css +0 -967
  151. package/dist/collection/components/wm-modal-pss/wm-modal-pss.js +0 -362
  152. package/dist/collection/components/wm-navigation/wm-navigation-hamburger.css +0 -886
  153. package/dist/collection/components/wm-navigation/wm-navigation-hamburger.js +0 -119
  154. package/dist/collection/components/wm-navigation/wm-navigation-item.css +0 -895
  155. package/dist/collection/components/wm-navigation/wm-navigation-item.js +0 -98
  156. package/dist/collection/components/wm-navigation/wm-navigation.css +0 -937
  157. package/dist/collection/components/wm-navigation/wm-navigation.js +0 -190
  158. package/dist/collection/components/wm-navigator/priv-navigator-button/priv-navigator-button.css +0 -889
  159. package/dist/collection/components/wm-navigator/priv-navigator-button/priv-navigator-button.js +0 -86
  160. package/dist/collection/components/wm-navigator/priv-navigator-item/priv-navigator-item.css +0 -869
  161. package/dist/collection/components/wm-navigator/priv-navigator-item/priv-navigator-item.js +0 -124
  162. package/dist/collection/components/wm-navigator/wm-navigator.css +0 -942
  163. package/dist/collection/components/wm-navigator/wm-navigator.js +0 -496
  164. package/dist/collection/components/wm-pagination/wm-pagination.css +0 -1010
  165. package/dist/collection/components/wm-pagination/wm-pagination.js +0 -363
  166. package/dist/collection/components/wm-search/wm-search.css +0 -935
  167. package/dist/collection/components/wm-search/wm-search.js +0 -429
  168. package/dist/collection/components/wm-snackbar/wm-snackbar.css +0 -1117
  169. package/dist/collection/components/wm-snackbar/wm-snackbar.js +0 -276
  170. package/dist/collection/components/wm-tabs/wm-tab-item/wm-tab-item.css +0 -908
  171. package/dist/collection/components/wm-tabs/wm-tab-item/wm-tab-item.js +0 -175
  172. package/dist/collection/components/wm-tabs/wm-tab-list/wm-tab-list.css +0 -880
  173. package/dist/collection/components/wm-tabs/wm-tab-list/wm-tab-list.js +0 -273
  174. package/dist/collection/components/wm-tabs/wm-tab-panel/wm-tab-panel.css +0 -864
  175. package/dist/collection/components/wm-tabs/wm-tab-panel/wm-tab-panel.js +0 -87
  176. package/dist/collection/components/wm-tag-input/wm-tag-input.css +0 -1318
  177. package/dist/collection/components/wm-tag-input/wm-tag-input.js +0 -1282
  178. package/dist/collection/components/wm-tag-input/wm-tag-option/wm-tag-option.js +0 -243
  179. package/dist/collection/components/wm-textarea/wm-textarea.css +0 -1019
  180. package/dist/collection/components/wm-textarea/wm-textarea.js +0 -313
  181. package/dist/collection/components/wm-timepicker/wm-timepicker.css +0 -1133
  182. package/dist/collection/components/wm-timepicker/wm-timepicker.js +0 -547
  183. package/dist/collection/components/wm-toggletip/wm-toggletip.css +0 -1256
  184. package/dist/collection/components/wm-toggletip/wm-toggletip.js +0 -366
  185. package/dist/collection/components/wm-uploader/wm-uploader.css +0 -1882
  186. package/dist/collection/components/wm-uploader/wm-uploader.js +0 -603
  187. package/dist/collection/components/wm-wrapper/wm-wrapper.js +0 -28
  188. package/dist/collection/dev/action-menu.js +0 -0
  189. package/dist/collection/dev/button.js +0 -0
  190. package/dist/collection/dev/chart-small.js +0 -56
  191. package/dist/collection/dev/chart.js +0 -18
  192. package/dist/collection/dev/date-range.js +0 -6
  193. package/dist/collection/dev/datepicker.js +0 -46
  194. package/dist/collection/dev/file-list.js +0 -16
  195. package/dist/collection/dev/file.js +0 -0
  196. package/dist/collection/dev/flyout.js +0 -194
  197. package/dist/collection/dev/input.js +0 -6
  198. package/dist/collection/dev/line-chart.js +0 -0
  199. package/dist/collection/dev/modal.js +0 -48
  200. package/dist/collection/dev/navigation.js +0 -13
  201. package/dist/collection/dev/navigator.js +0 -34
  202. package/dist/collection/dev/nested-select.js +0 -36
  203. package/dist/collection/dev/pagination.js +0 -7
  204. package/dist/collection/dev/progress-monitor.js +0 -0
  205. package/dist/collection/dev/pss-modal.js +0 -8
  206. package/dist/collection/dev/scripts.js +0 -49
  207. package/dist/collection/dev/search.js +0 -72
  208. package/dist/collection/dev/select.js +0 -57
  209. package/dist/collection/dev/snackbar.js +0 -60
  210. package/dist/collection/dev/tabs.js +0 -44
  211. package/dist/collection/dev/tag-input.js +0 -32
  212. package/dist/collection/dev/textarea.js +0 -28
  213. package/dist/collection/dev/timepicker.js +0 -32
  214. package/dist/collection/dev/toggletip.js +0 -9
  215. package/dist/collection/dev/uploader.js +0 -139
  216. package/dist/collection/global/__mocks__/functions.js +0 -6
  217. package/dist/collection/global/functions.js +0 -927
  218. package/dist/collection/global/intl.js +0 -274
  219. package/dist/collection/global/services/__mocks__/http-service.js +0 -130
  220. package/dist/collection/global/services/http-service.js +0 -50
  221. package/dist/collection/lang/lang.js +0 -5
  222. package/dist/collection/lang/missing.js +0 -43
  223. package/dist/collection/lang/piglatin.js +0 -101
  224. package/dist/esm/app-globals-cc7a1bd5.js +0 -90
  225. package/dist/esm/index-130e07bb.js +0 -1832
  226. package/dist/esm/index.js +0 -1
  227. package/dist/esm/interfaces-cc5b177f.js +0 -34
  228. package/dist/esm/loader.js +0 -11
  229. package/dist/esm/polyfills/core-js.js +0 -11
  230. package/dist/esm/polyfills/dom.js +0 -79
  231. package/dist/esm/polyfills/es5-html-element.js +0 -1
  232. package/dist/esm/polyfills/index.js +0 -34
  233. package/dist/esm/polyfills/system.js +0 -6
  234. package/dist/esm/priv-calendar.entry.js +0 -570
  235. package/dist/esm/ripple.js +0 -20
  236. package/dist/esm/wm-action-menu_2.entry.js +0 -330
  237. package/dist/esm/wm-chart.entry.js +0 -159
  238. package/dist/esm/wm-date-range.entry.js +0 -480
  239. package/dist/esm/wm-datepicker.entry.js +0 -250
  240. package/dist/esm/wm-file-list.entry.js +0 -19
  241. package/dist/esm/wm-flyout.entry.js +0 -176
  242. package/dist/esm/wm-input.entry.js +0 -121
  243. package/dist/esm/wm-line-chart.entry.js +0 -457
  244. package/dist/esm/wm-modal-pss_3.entry.js +0 -211
  245. package/dist/esm/wm-modal_3.entry.js +0 -211
  246. package/dist/esm/wm-navigation_3.entry.js +0 -182
  247. package/dist/esm/wm-navigator.entry.js +0 -323
  248. package/dist/esm/wm-optgroup.entry.js +0 -70
  249. package/dist/esm/wm-option_2.entry.js +0 -422
  250. package/dist/esm/wm-pagination.entry.js +0 -224
  251. package/dist/esm/wm-progress-indicator_3.entry.js +0 -198
  252. package/dist/esm/wm-search.entry.js +0 -192
  253. package/dist/esm/wm-snackbar.entry.js +0 -185
  254. package/dist/esm/wm-tab-item_3.entry.js +0 -257
  255. package/dist/esm/wm-tag-input.entry.js +0 -943
  256. package/dist/esm/wm-textarea.entry.js +0 -84
  257. package/dist/esm/wm-timepicker.entry.js +0 -303
  258. package/dist/esm/wm-toggletip.entry.js +0 -238
  259. package/dist/esm/wm-uploader.entry.js +0 -321
  260. package/dist/esm-es5/app-globals-cc7a1bd5.js +0 -1
  261. package/dist/esm-es5/chartFunctions-6749593d.js +0 -1
  262. package/dist/esm-es5/functions-dabfd76f.js +0 -1
  263. package/dist/esm-es5/index-130e07bb.js +0 -1
  264. package/dist/esm-es5/index.js +0 -0
  265. package/dist/esm-es5/interfaces-cc5b177f.js +0 -1
  266. package/dist/esm-es5/intl-43676e71.js +0 -1
  267. package/dist/esm-es5/loader.js +0 -1
  268. package/dist/esm-es5/priv-calendar.entry.js +0 -1
  269. package/dist/esm-es5/priv-navigator-button.entry.js +0 -1
  270. package/dist/esm-es5/ripple.js +0 -1
  271. package/dist/esm-es5/wm-action-menu_2.entry.js +0 -1
  272. package/dist/esm-es5/wm-button.entry.js +0 -1
  273. package/dist/esm-es5/wm-chart-slice.entry.js +0 -1
  274. package/dist/esm-es5/wm-chart.entry.js +0 -1
  275. package/dist/esm-es5/wm-date-range.entry.js +0 -1
  276. package/dist/esm-es5/wm-datepicker.entry.js +0 -1
  277. package/dist/esm-es5/wm-file.entry.js +0 -1
  278. package/dist/esm-es5/wm-input.entry.js +0 -1
  279. package/dist/esm-es5/wm-line-chart.entry.js +0 -1
  280. package/dist/esm-es5/wm-modal-pss_3.entry.js +0 -1
  281. package/dist/esm-es5/wm-modal_3.entry.js +0 -1
  282. package/dist/esm-es5/wm-navigation_3.entry.js +0 -1
  283. package/dist/esm-es5/wm-navigator.entry.js +0 -1
  284. package/dist/esm-es5/wm-nested-select.entry.js +0 -1
  285. package/dist/esm-es5/wm-optgroup.entry.js +0 -1
  286. package/dist/esm-es5/wm-option_2.entry.js +0 -1
  287. package/dist/esm-es5/wm-pagination.entry.js +0 -1
  288. package/dist/esm-es5/wm-progress-indicator_3.entry.js +0 -1
  289. package/dist/esm-es5/wm-search.entry.js +0 -1
  290. package/dist/esm-es5/wm-snackbar.entry.js +0 -1
  291. package/dist/esm-es5/wm-tab-item_3.entry.js +0 -1
  292. package/dist/esm-es5/wm-tag-input.entry.js +0 -1
  293. package/dist/esm-es5/wm-tag-option.entry.js +0 -1
  294. package/dist/esm-es5/wm-textarea.entry.js +0 -1
  295. package/dist/esm-es5/wm-timepicker.entry.js +0 -1
  296. package/dist/esm-es5/wm-toggletip.entry.js +0 -1
  297. package/dist/esm-es5/wm-uploader.entry.js +0 -1
  298. package/dist/esm-es5/wm-wrapper.entry.js +0 -1
  299. package/dist/index.cjs.js +0 -1
  300. package/dist/index.js +0 -1
  301. package/dist/loader/cdn.js +0 -2
  302. package/dist/loader/index.cjs.js +0 -2
  303. package/dist/loader/index.d.ts +0 -24
  304. package/dist/loader/index.es2017.js +0 -2
  305. package/dist/loader/index.js +0 -3
  306. package/dist/loader/package.json +0 -11
  307. package/dist/ripple/p-0189929d.entry.js +0 -1
  308. package/dist/ripple/p-043901ab.system.entry.js +0 -1
  309. package/dist/ripple/p-0bb576c5.system.entry.js +0 -1
  310. package/dist/ripple/p-0c89b82c.entry.js +0 -1
  311. package/dist/ripple/p-12ac8f93.js +0 -1
  312. package/dist/ripple/p-12d6ab73.system.entry.js +0 -1
  313. package/dist/ripple/p-13b1d775.entry.js +0 -1
  314. package/dist/ripple/p-144ce232.entry.js +0 -1
  315. package/dist/ripple/p-1497ccfc.entry.js +0 -1
  316. package/dist/ripple/p-1a3037aa.entry.js +0 -1
  317. package/dist/ripple/p-22b55b6f.entry.js +0 -1
  318. package/dist/ripple/p-257d2d5c.entry.js +0 -1
  319. package/dist/ripple/p-2732bddd.js +0 -1
  320. package/dist/ripple/p-2823d02b.system.entry.js +0 -1
  321. package/dist/ripple/p-2f7ca1a7.system.entry.js +0 -1
  322. package/dist/ripple/p-30201dc9.entry.js +0 -1
  323. package/dist/ripple/p-36d2b888.entry.js +0 -1
  324. package/dist/ripple/p-36fd8aed.system.entry.js +0 -1
  325. package/dist/ripple/p-3f98056c.js +0 -1
  326. package/dist/ripple/p-41120a33.system.js +0 -1
  327. package/dist/ripple/p-42fa7a77.system.js +0 -1
  328. package/dist/ripple/p-492aa9fe.system.entry.js +0 -1
  329. package/dist/ripple/p-49a347e1.js +0 -1
  330. package/dist/ripple/p-4a29bb8c.entry.js +0 -1
  331. package/dist/ripple/p-4c2a044d.system.entry.js +0 -1
  332. package/dist/ripple/p-4cebf2d7.entry.js +0 -1
  333. package/dist/ripple/p-4e6b0a6e.system.entry.js +0 -1
  334. package/dist/ripple/p-4fb4deb9.entry.js +0 -1
  335. package/dist/ripple/p-50ea2036.system.js +0 -1
  336. package/dist/ripple/p-56d54fe6.system.entry.js +0 -1
  337. package/dist/ripple/p-57c25b63.entry.js +0 -1
  338. package/dist/ripple/p-59591401.entry.js +0 -1
  339. package/dist/ripple/p-5cff41e0.entry.js +0 -1
  340. package/dist/ripple/p-5ef786db.system.entry.js +0 -1
  341. package/dist/ripple/p-61f9987d.system.entry.js +0 -1
  342. package/dist/ripple/p-6a03a172.entry.js +0 -1
  343. package/dist/ripple/p-6a082957.entry.js +0 -1
  344. package/dist/ripple/p-6abc1227.entry.js +0 -1
  345. package/dist/ripple/p-6d12cfb7.system.entry.js +0 -1
  346. package/dist/ripple/p-72ed488e.system.entry.js +0 -1
  347. package/dist/ripple/p-74f103dd.entry.js +0 -1
  348. package/dist/ripple/p-81ce2697.entry.js +0 -1
  349. package/dist/ripple/p-823d7b4e.system.entry.js +0 -1
  350. package/dist/ripple/p-89316785.system.js +0 -1
  351. package/dist/ripple/p-8a569d3b.entry.js +0 -1
  352. package/dist/ripple/p-8ec2e944.system.entry.js +0 -1
  353. package/dist/ripple/p-92a50b38.system.entry.js +0 -1
  354. package/dist/ripple/p-9328023c.entry.js +0 -1
  355. package/dist/ripple/p-94f776eb.entry.js +0 -1
  356. package/dist/ripple/p-9b2281e2.system.entry.js +0 -1
  357. package/dist/ripple/p-a2c8937d.js +0 -1
  358. package/dist/ripple/p-a5fb4171.system.entry.js +0 -1
  359. package/dist/ripple/p-b23c6351.system.entry.js +0 -1
  360. package/dist/ripple/p-b34552b0.system.entry.js +0 -1
  361. package/dist/ripple/p-b39ab477.entry.js +0 -1
  362. package/dist/ripple/p-ba399879.system.js +0 -1
  363. package/dist/ripple/p-bb9f6920.entry.js +0 -1
  364. package/dist/ripple/p-bc4976e6.entry.js +0 -1
  365. package/dist/ripple/p-bd48c50a.entry.js +0 -1
  366. package/dist/ripple/p-c1aa877a.system.js +0 -1
  367. package/dist/ripple/p-c31e1379.entry.js +0 -1
  368. package/dist/ripple/p-c4896784.system.entry.js +0 -1
  369. package/dist/ripple/p-c699aec8.system.entry.js +0 -1
  370. package/dist/ripple/p-c7d71181.system.entry.js +0 -1
  371. package/dist/ripple/p-cd0cc88d.entry.js +0 -1
  372. package/dist/ripple/p-ceac4dea.system.entry.js +0 -1
  373. package/dist/ripple/p-cef8a45b.system.js +0 -2
  374. package/dist/ripple/p-d333d851.system.entry.js +0 -1
  375. package/dist/ripple/p-d9da0502.js +0 -2
  376. package/dist/ripple/p-e59a48a6.system.js +0 -1
  377. package/dist/ripple/p-f3df715f.entry.js +0 -1
  378. package/dist/ripple/p-f8995a5e.system.entry.js +0 -1
  379. package/dist/ripple/p-fe71ec64.system.entry.js +0 -1
  380. package/dist/ripple/ripple.js +0 -127
package/dist/esm/wm-tag-input.entry.js DELETED
@@ -1,943 +0,0 @@
1
- import { r as registerInstance, c as createEvent, f as forceUpdate, h, g as getElement } from './index-130e07bb.js';
2
- import { i as intl, d as debounce, y as measureText, m as truncateText, h as hideTooltip, z as findNext, A as findPrev, s as showTooltip, k as shouldOpenUp, o as csvToArray } from './functions-dabfd76f.js';
3
- import { g as globalMessages } from './intl-43676e71.js';
4
-
5
- const wmTagInputCss = ".svg-icon{display:block;width:var(--icon-size, 0.875rem);height:var(--icon-size, 0.875rem)}.svg-icon.horizontal{-webkit-transform:scaleX(-1);transform:scaleX(-1)}.svg-icon.vertical{-webkit-transform:scaleY(-1);transform:scaleY(-1)}.svg-icon.svg-add:before{content:\"\";display:block;background-color:var(--icon-fill, currentColor);width:var(--icon-size, 0.875rem);height:var(--icon-size, 0.875rem);-webkit-mask-size:100%;mask-size:100%}.svg-icon.svg-add:before{-webkit-mask-image:url(\"data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath style='fill: var(--icon-fill, currentColor)' d='M19,13H13V19H11V13H5V11H11V5H13V11H19V13Z'/%3E%3C/svg%3E%0A\");mask-image:url(\"data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath style='fill: var(--icon-fill, currentColor)' d='M19,13H13V19H11V13H5V11H11V5H13V11H19V13Z'/%3E%3C/svg%3E%0A\")}.svg-icon.svg-archive:before{content:\"\";display:block;background-color:var(--icon-fill, currentColor);width:var(--icon-size, 0.875rem);height:var(--icon-size, 0.875rem);-webkit-mask-size:100%;mask-size:100%}.svg-icon.svg-archive:before{-webkit-mask-image:url(\"data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath style='fill: var(--icon-fill, currentColor)' d='M20.54 5.23L19.15 3.55C18.88 3.21 18.47 3 18 3H6C5.53 3 5.12 3.21 4.84 3.55L3.46 5.23C3.17 5.57 3 6.02 3 6.5V19C3 20.1 3.9 21 5 21H19C20.1 21 21 20.1 21 19V6.5C21 6.02 20.83 5.57 20.54 5.23ZM12 17.5L6.5 12H10V10H14V12H17.5L12 17.5ZM5.12 5L5.93 4H17.93L18.87 5H5.12Z'/%3E%3C/svg%3E%0A\");mask-image:url(\"data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath style='fill: var(--icon-fill, currentColor)' d='M20.54 5.23L19.15 3.55C18.88 3.21 18.47 3 18 3H6C5.53 3 5.12 3.21 4.84 3.55L3.46 5.23C3.17 5.57 3 6.02 3 6.5V19C3 20.1 3.9 21 5 21H19C20.1 21 21 20.1 21 19V6.5C21 6.02 20.83 5.57 20.54 5.23ZM12 17.5L6.5 12H10V10H14V12H17.5L12 17.5ZM5.12 5L5.93 4H17.93L18.87 5H5.12Z'/%3E%3C/svg%3E%0A\")}.svg-icon.svg-add-person:before{content:\"\";display:block;background-color:var(--icon-fill, currentColor);width:var(--icon-size, 0.875rem);height:var(--icon-size, 0.875rem);-webkit-mask-size:100%;mask-size:100%}.svg-icon.svg-add-person:before{-webkit-mask-image:url(\"data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath style='fill: var(--icon-fill, currentColor)' d='M15,14C12.33,14 7,15.33 7,18V20H23V18C23,15.33 17.67,14 15,14M6,10V7H4V10H1V12H4V15H6V12H9V10M15,12A4,4 0 0,0 19,8A4,4 0 0,0 15,4A4,4 0 0,0 11,8A4,4 0 0,0 15,12Z'/%3E%3C/svg%3E%0A\");mask-image:url(\"data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath style='fill: var(--icon-fill, currentColor)' d='M15,14C12.33,14 7,15.33 7,18V20H23V18C23,15.33 17.67,14 15,14M6,10V7H4V10H1V12H4V15H6V12H9V10M15,12A4,4 0 0,0 19,8A4,4 0 0,0 15,4A4,4 0 0,0 11,8A4,4 0 0,0 15,12Z'/%3E%3C/svg%3E%0A\")}.svg-icon.svg-add-outline:before{content:\"\";display:block;background-color:var(--icon-fill, currentColor);width:var(--icon-size, 0.875rem);height:var(--icon-size, 0.875rem);-webkit-mask-size:100%;mask-size:100%}.svg-icon.svg-add-outline:before{-webkit-mask-image:url(\"data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath style='fill: var(--icon-fill, currentColor)' d='M12,20C7.59,20 4,16.41 4,12C4,7.59 7.59,4 12,4C16.41,4 20,7.59 20,12C20,16.41 16.41,20 12,20M12,2A10,10 0 0,0 2,12A10,10 0 0,0 12,22A10,10 0 0,0 22,12A10,10 0 0,0 12,2M13,7H11V11H7V13H11V17H13V13H17V11H13V7Z'/%3E%3C/svg%3E%0A\");mask-image:url(\"data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath style='fill: var(--icon-fill, currentColor)' d='M12,20C7.59,20 4,16.41 4,12C4,7.59 7.59,4 12,4C16.41,4 20,7.59 20,12C20,16.41 16.41,20 12,20M12,2A10,10 0 0,0 2,12A10,10 0 0,0 12,22A10,10 0 0,0 22,12A10,10 0 0,0 12,2M13,7H11V11H7V13H11V17H13V13H17V11H13V7Z'/%3E%3C/svg%3E%0A\")}.svg-icon.svg-ai:before{content:\"\";display:block;background-color:var(--icon-fill, currentColor);width:var(--icon-size, 0.875rem);height:var(--icon-size, 0.875rem);-webkit-mask-size:100%;mask-size:100%}.svg-icon.svg-ai:before{-webkit-mask-image:url(\"data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath style='fill: var(--icon-fill, currentColor)' d='M12,1L9,9L1,12L9,15L12,23L15,15L23,12L15,9L12,1Z'/%3E%3C/svg%3E%0A\");mask-image:url(\"data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath style='fill: var(--icon-fill, currentColor)' d='M12,1L9,9L1,12L9,15L12,23L15,15L23,12L15,9L12,1Z'/%3E%3C/svg%3E%0A\")}.svg-icon.svg-ai-sparkles:before{content:\"\";display:block;background-color:var(--icon-fill, currentColor);width:var(--icon-size, 0.875rem);height:var(--icon-size, 0.875rem);-webkit-mask-size:100%;mask-size:100%}.svg-icon.svg-ai-sparkles:before{-webkit-mask-image:url(\"data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 14 14' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath style='fill: var(--icon-fill, currentColor)' d='M11.0834 0.583328L10.3484 2.18749L8.75004 2.91666L10.3484 3.65166L11.0834 5.25L11.8125 3.65166L13.4167 2.91666L11.8125 2.18749M5.25004 2.33333L3.79171 5.54166L0.583374 7L3.79171 8.45833L5.25004 11.6667L6.70837 8.45833L9.91671 7L6.70837 5.54166M11.0834 8.75L10.3484 10.3483L8.75004 11.0833L10.3484 11.8125L11.0834 13.4167L11.8125 11.8125L13.4167 11.0833L11.8125 10.3483'/%3E%3C/svg%3E%0A\");mask-image:url(\"data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 14 14' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath style='fill: var(--icon-fill, currentColor)' d='M11.0834 0.583328L10.3484 2.18749L8.75004 2.91666L10.3484 3.65166L11.0834 5.25L11.8125 3.65166L13.4167 2.91666L11.8125 2.18749M5.25004 2.33333L3.79171 5.54166L0.583374 7L3.79171 8.45833L5.25004 11.6667L6.70837 8.45833L9.91671 7L6.70837 5.54166M11.0834 8.75L10.3484 10.3483L8.75004 11.0833L10.3484 11.8125L11.0834 13.4167L11.8125 11.8125L13.4167 11.0833L11.8125 10.3483'/%3E%3C/svg%3E%0A\")}.svg-icon.svg-ai-chat:before{content:\"\";display:block;background-color:var(--icon-fill, currentColor);width:var(--icon-size, 0.875rem);height:var(--icon-size, 0.875rem);-webkit-mask-size:100%;mask-size:100%}.svg-icon.svg-ai-chat:before{-webkit-mask-image:url(\"data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath style='fill: var(--icon-fill, currentColor)' d='M19 1.5H5C3.9 1.5 3 2.4 3 3.5V17.5C3 18.6 3.9 19.5 5 19.5H9L12 22.5L15 19.5H19C20.1 19.5 21 18.6 21 17.5V3.5C21 2.4 20.1 1.5 19 1.5ZM19 17.5H14.17L12 19.67L9.83 17.5H5V3.5H19V17.5ZM12 16.5L13.88 12.38L18 10.5L13.88 8.62L12 4.5L10.12 8.62L6 10.5L10.12 12.38L12 16.5Z'/%3E%3C/svg%3E%0A\");mask-image:url(\"data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath style='fill: var(--icon-fill, currentColor)' d='M19 1.5H5C3.9 1.5 3 2.4 3 3.5V17.5C3 18.6 3.9 19.5 5 19.5H9L12 22.5L15 19.5H19C20.1 19.5 21 18.6 21 17.5V3.5C21 2.4 20.1 1.5 19 1.5ZM19 17.5H14.17L12 19.67L9.83 17.5H5V3.5H19V17.5ZM12 16.5L13.88 12.38L18 10.5L13.88 8.62L12 4.5L10.12 8.62L6 10.5L10.12 12.38L12 16.5Z'/%3E%3C/svg%3E%0A\")}.svg-icon.svg-api-connected:before{content:\"\";display:block;background-color:var(--icon-fill, currentColor);width:var(--icon-size, 0.875rem);height:var(--icon-size, 0.875rem);-webkit-mask-size:100%;mask-size:100%}.svg-icon.svg-api-connected:before{-webkit-mask-image:url(\"data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath style='fill: var(--icon-fill, currentColor)' d='M6.5 20Q4.22 20 2.61 18.43 1 16.85 1 14.58 1 12.63 2.17 11.1 3.35 9.57 5.25 9.15 5.88 6.85 7.75 5.43 9.63 4 12 4 14.93 4 16.96 6.04 19 8.07 19 11 20.73 11.2 21.86 12.5 23 13.78 23 15.5 23 17.38 21.69 18.69 20.38 20 18.5 20M6.5 18H18.5Q19.55 18 20.27 17.27 21 16.55 21 15.5 21 14.45 20.27 13.73 19.55 13 18.5 13H17V11Q17 8.93 15.54 7.46 14.08 6 12 6 9.93 6 8.46 7.46 7 8.93 7 11H6.5Q5.05 11 4.03 12.03 3 13.05 3 14.5 3 15.95 4.03 17 5.05 18 6.5 18M12 12Z'/%3E%3C/svg%3E%0A\");mask-image:url(\"data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath style='fill: var(--icon-fill, currentColor)' d='M6.5 20Q4.22 20 2.61 18.43 1 16.85 1 14.58 1 12.63 2.17 11.1 3.35 9.57 5.25 9.15 5.88 6.85 7.75 5.43 9.63 4 12 4 14.93 4 16.96 6.04 19 8.07 19 11 20.73 11.2 21.86 12.5 23 13.78 23 15.5 23 17.38 21.69 18.69 20.38 20 18.5 20M6.5 18H18.5Q19.55 18 20.27 17.27 21 16.55 21 15.5 21 14.45 20.27 13.73 19.55 13 18.5 13H17V11Q17 8.93 15.54 7.46 14.08 6 12 6 9.93 6 8.46 7.46 7 8.93 7 11H6.5Q5.05 11 4.03 12.03 3 13.05 3 14.5 3 15.95 4.03 17 5.05 18 6.5 18M12 12Z'/%3E%3C/svg%3E%0A\")}.svg-icon.svg-api-disconnected:before{content:\"\";display:block;background-color:var(--icon-fill, currentColor);width:var(--icon-size, 0.875rem);height:var(--icon-size, 0.875rem);-webkit-mask-size:100%;mask-size:100%}.svg-icon.svg-api-disconnected:before{-webkit-mask-image:url(\"data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath style='fill: var(--icon-fill, currentColor)' d='M19.8 22.6L17.15 20H6.5Q4.2 20 2.6 18.4T1 14.5Q1 12.58 2.19 11.08 3.38 9.57 5.25 9.15 5.33 8.95 5.4 8.76 5.5 8.57 5.55 8.35L1.4 4.2L2.8 2.8L21.2 21.2M6.5 18H15.15L7.1 9.95Q7.05 10.23 7.03 10.5 7 10.73 7 11H6.5Q5.05 11 4.03 12.03 3 13.05 3 14.5 3 15.95 4.03 17 5.05 18 6.5 18M11.13 14M21.6 18.75L20.15 17.35Q20.58 17 20.79 16.54 21 16.08 21 15.5 21 14.45 20.27 13.73 19.55 13 18.5 13H17V11Q17 8.93 15.54 7.46 14.08 6 12 6 11.33 6 10.7 6.16 10.07 6.33 9.5 6.68L8.05 5.23Q8.93 4.63 9.91 4.31 10.9 4 12 4 14.93 4 16.96 6.04 19 8.07 19 11 20.73 11.2 21.86 12.5 23 13.78 23 15.5 23 16.5 22.63 17.31 22.25 18.15 21.6 18.75M14.83 12.03Z'/%3E%3C/svg%3E%0A\");mask-image:url(\"data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath style='fill: var(--icon-fill, currentColor)' d='M19.8 22.6L17.15 20H6.5Q4.2 20 2.6 18.4T1 14.5Q1 12.58 2.19 11.08 3.38 9.57 5.25 9.15 5.33 8.95 5.4 8.76 5.5 8.57 5.55 8.35L1.4 4.2L2.8 2.8L21.2 21.2M6.5 18H15.15L7.1 9.95Q7.05 10.23 7.03 10.5 7 10.73 7 11H6.5Q5.05 11 4.03 12.03 3 13.05 3 14.5 3 15.95 4.03 17 5.05 18 6.5 18M11.13 14M21.6 18.75L20.15 17.35Q20.58 17 20.79 16.54 21 16.08 21 15.5 21 14.45 20.27 13.73 19.55 13 18.5 13H17V11Q17 8.93 15.54 7.46 14.08 6 12 6 11.33 6 10.7 6.16 10.07 6.33 9.5 6.68L8.05 5.23Q8.93 4.63 9.91 4.31 10.9 4 12 4 14.93 4 16.96 6.04 19 8.07 19 11 20.73 11.2 21.86 12.5 23 13.78 23 15.5 23 16.5 22.63 17.31 22.25 18.15 21.6 18.75M14.83 12.03Z'/%3E%3C/svg%3E%0A\")}.svg-icon.svg-attach:before{content:\"\";display:block;background-color:var(--icon-fill, currentColor);width:var(--icon-size, 0.875rem);height:var(--icon-size, 0.875rem);-webkit-mask-size:100%;mask-size:100%}.svg-icon.svg-attach:before{-webkit-mask-image:url(\"data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath style='fill: var(--icon-fill, currentColor)' d='M16.5,6V17.5A4,4 0 0,1 12.5,21.5A4,4 0 0,1 8.5,17.5V5A2.5,2.5 0 0,1 11,2.5A2.5,2.5 0 0,1 13.5,5V15.5A1,1 0 0,1 12.5,16.5A1,1 0 0,1 11.5,15.5V6H10V15.5A2.5,2.5 0 0,0 12.5,18A2.5,2.5 0 0,0 15,15.5V5A4,4 0 0,0 11,1A4,4 0 0,0 7,5V17.5A5.5,5.5 0 0,0 12.5,23A5.5,5.5 0 0,0 18,17.5V6H16.5Z'/%3E%3C/svg%3E%0A\");mask-image:url(\"data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath style='fill: var(--icon-fill, currentColor)' d='M16.5,6V17.5A4,4 0 0,1 12.5,21.5A4,4 0 0,1 8.5,17.5V5A2.5,2.5 0 0,1 11,2.5A2.5,2.5 0 0,1 13.5,5V15.5A1,1 0 0,1 12.5,16.5A1,1 0 0,1 11.5,15.5V6H10V15.5A2.5,2.5 0 0,0 12.5,18A2.5,2.5 0 0,0 15,15.5V5A4,4 0 0,0 11,1A4,4 0 0,0 7,5V17.5A5.5,5.5 0 0,0 12.5,23A5.5,5.5 0 0,0 18,17.5V6H16.5Z'/%3E%3C/svg%3E%0A\")}.svg-icon.svg-back:before{content:\"\";display:block;background-color:var(--icon-fill, currentColor);width:var(--icon-size, 0.875rem);height:var(--icon-size, 0.875rem);-webkit-mask-size:100%;mask-size:100%}.svg-icon.svg-back:before{-webkit-mask-image:url(\"data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath style='fill: var(--icon-fill, currentColor)' d='M20,11V13H8L13.5,18.5L12.08,19.92L4.16,12L12.08,4.08L13.5,5.5L8,11H20Z'/%3E%3C/svg%3E%0A\");mask-image:url(\"data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath style='fill: var(--icon-fill, currentColor)' d='M20,11V13H8L13.5,18.5L12.08,19.92L4.16,12L12.08,4.08L13.5,5.5L8,11H20Z'/%3E%3C/svg%3E%0A\")}.svg-icon.svg-close:before{content:\"\";display:block;background-color:var(--icon-fill, currentColor);width:var(--icon-size, 0.875rem);height:var(--icon-size, 0.875rem);-webkit-mask-size:100%;mask-size:100%}.svg-icon.svg-close:before{-webkit-mask-image:url(\"data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath style='fill: var(--icon-fill, currentColor)' d='M19,6.41L17.59,5L12,10.59L6.41,5L5,6.41L10.59,12L5,17.59L6.41,19L12,13.41L17.59,19L19,17.59L13.41,12L19,6.41Z'/%3E%3C/svg%3E%0A\");mask-image:url(\"data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath style='fill: var(--icon-fill, currentColor)' d='M19,6.41L17.59,5L12,10.59L6.41,5L5,6.41L10.59,12L5,17.59L6.41,19L12,13.41L17.59,19L19,17.59L13.41,12L19,6.41Z'/%3E%3C/svg%3E%0A\")}.svg-icon.svg-checkbox-selected:before{content:\"\";display:block;background-color:var(--icon-fill, currentColor);width:var(--icon-size, 0.875rem);height:var(--icon-size, 0.875rem);-webkit-mask-size:100%;mask-size:100%}.svg-icon.svg-checkbox-selected:before{-webkit-mask-image:url(\"data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath style='fill: var(--icon-fill, currentColor)' d='M10,17L5,12L6.41,10.58L10,14.17L17.59,6.58L19,8M19,3H5C3.89,3 3,3.89 3,5V19A2,2 0 0,0 5,21H19A2,2 0 0,0 21,19V5C21,3.89 20.1,3 19,3Z'/%3E%3C/svg%3E%0A\");mask-image:url(\"data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath style='fill: var(--icon-fill, currentColor)' d='M10,17L5,12L6.41,10.58L10,14.17L17.59,6.58L19,8M19,3H5C3.89,3 3,3.89 3,5V19A2,2 0 0,0 5,21H19A2,2 0 0,0 21,19V5C21,3.89 20.1,3 19,3Z'/%3E%3C/svg%3E%0A\")}.svg-icon.svg-checkbox-blank:before{content:\"\";display:block;background-color:var(--icon-fill, currentColor);width:var(--icon-size, 0.875rem);height:var(--icon-size, 0.875rem);-webkit-mask-size:100%;mask-size:100%}.svg-icon.svg-checkbox-blank:before{-webkit-mask-image:url(\"data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath style='fill: var(--icon-fill, currentColor)' d='M19,3H5C3.89,3 3,3.89 3,5V19A2,2 0 0,0 5,21H19A2,2 0 0,0 21,19V5C21,3.89 20.1,3 19,3M19,5V19H5V5H19Z'/%3E%3C/svg%3E%0A\");mask-image:url(\"data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath style='fill: var(--icon-fill, currentColor)' d='M19,3H5C3.89,3 3,3.89 3,5V19A2,2 0 0,0 5,21H19A2,2 0 0,0 21,19V5C21,3.89 20.1,3 19,3M19,5V19H5V5H19Z'/%3E%3C/svg%3E%0A\")}.svg-icon.svg-collapsed:before{content:\"\";display:block;background-color:var(--icon-fill, currentColor);width:var(--icon-size, 0.875rem);height:var(--icon-size, 0.875rem);-webkit-mask-size:100%;mask-size:100%}.svg-icon.svg-collapsed:before{-webkit-mask-image:url(\"data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath style='fill: var(--icon-fill, currentColor)' d='M10,17L15,12L10,7V17Z'/%3E%3C/svg%3E%0A\");mask-image:url(\"data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath style='fill: var(--icon-fill, currentColor)' d='M10,17L15,12L10,7V17Z'/%3E%3C/svg%3E%0A\")}.svg-icon.svg-date:before{content:\"\";display:block;background-color:var(--icon-fill, currentColor);width:var(--icon-size, 0.875rem);height:var(--icon-size, 0.875rem);-webkit-mask-size:100%;mask-size:100%}.svg-icon.svg-date:before{-webkit-mask-image:url(\"data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath style='fill: var(--icon-fill, currentColor)' d='M19,19H5V8H19M16,1V3H8V1H6V3H5C3.89,3 3,3.89 3,5V19A2,2 0 0,0 5,21H19A2,2 0 0,0 21,19V5C21,3.89 20.1,3 19,3H18V1M17,12H12V17H17V12Z'/%3E%3C/svg%3E%0A\");mask-image:url(\"data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath style='fill: var(--icon-fill, currentColor)' d='M19,19H5V8H19M16,1V3H8V1H6V3H5C3.89,3 3,3.89 3,5V19A2,2 0 0,0 5,21H19A2,2 0 0,0 21,19V5C21,3.89 20.1,3 19,3H18V1M17,12H12V17H17V12Z'/%3E%3C/svg%3E%0A\")}.svg-icon.svg-delete:before{content:\"\";display:block;background-color:var(--icon-fill, currentColor);width:var(--icon-size, 0.875rem);height:var(--icon-size, 0.875rem);-webkit-mask-size:100%;mask-size:100%}.svg-icon.svg-delete:before{-webkit-mask-image:url(\"data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath style='fill: var(--icon-fill, currentColor)' d='M19,4H15.5L14.5,3H9.5L8.5,4H5V6H19M6,19A2,2 0 0,0 8,21H16A2,2 0 0,0 18,19V7H6V19Z'/%3E%3C/svg%3E%0A\");mask-image:url(\"data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath style='fill: var(--icon-fill, currentColor)' d='M19,4H15.5L14.5,3H9.5L8.5,4H5V6H19M6,19A2,2 0 0,0 8,21H16A2,2 0 0,0 18,19V7H6V19Z'/%3E%3C/svg%3E%0A\")}.svg-icon.svg-download:before{content:\"\";display:block;background-color:var(--icon-fill, currentColor);width:var(--icon-size, 0.875rem);height:var(--icon-size, 0.875rem);-webkit-mask-size:100%;mask-size:100%}.svg-icon.svg-download:before{-webkit-mask-image:url(\"data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath style='fill: var(--icon-fill, currentColor)' d='M5,20H19V18H5M19,9H15V3H9V9H5L12,16L19,9Z'/%3E%3C/svg%3E%0A\");mask-image:url(\"data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath style='fill: var(--icon-fill, currentColor)' d='M5,20H19V18H5M19,9H15V3H9V9H5L12,16L19,9Z'/%3E%3C/svg%3E%0A\")}.svg-icon.svg-drilldown:before{content:\"\";display:block;background-color:var(--icon-fill, currentColor);width:var(--icon-size, 0.875rem);height:var(--icon-size, 0.875rem);-webkit-mask-size:100%;mask-size:100%}.svg-icon.svg-drilldown:before{-webkit-mask-image:url(\"data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath style='fill: var(--icon-fill, currentColor)' d='M2,3h14v4H2V3 M2,10h20v4H2V10 M2,17h8v4H2V17z'/%3E%3C/svg%3E%0A\");mask-image:url(\"data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath style='fill: var(--icon-fill, currentColor)' d='M2,3h14v4H2V3 M2,10h20v4H2V10 M2,17h8v4H2V17z'/%3E%3C/svg%3E%0A\")}.svg-icon.svg-edit:before{content:\"\";display:block;background-color:var(--icon-fill, currentColor);width:var(--icon-size, 0.875rem);height:var(--icon-size, 0.875rem);-webkit-mask-size:100%;mask-size:100%}.svg-icon.svg-edit:before{-webkit-mask-image:url(\"data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath style='fill: var(--icon-fill, currentColor)' d='M20.71,7.04C21.1,6.65 21.1,6 20.71,5.63L18.37,3.29C18,2.9 17.35,2.9 16.96,3.29L15.12,5.12L18.87,8.87M3,17.25V21H6.75L17.81,9.93L14.06,6.18L3,17.25Z'/%3E%3C/svg%3E%0A\");mask-image:url(\"data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath style='fill: var(--icon-fill, currentColor)' d='M20.71,7.04C21.1,6.65 21.1,6 20.71,5.63L18.37,3.29C18,2.9 17.35,2.9 16.96,3.29L15.12,5.12L18.87,8.87M3,17.25V21H6.75L17.81,9.93L14.06,6.18L3,17.25Z'/%3E%3C/svg%3E%0A\")}.svg-icon.svg-error:before{content:\"\";display:block;background-color:var(--icon-fill, currentColor);width:var(--icon-size, 0.875rem);height:var(--icon-size, 0.875rem);-webkit-mask-size:100%;mask-size:100%}.svg-icon.svg-error:before{-webkit-mask-image:url(\"data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath style='fill: var(--icon-fill, currentColor)' d='M13 14H11V9H13M13 18H11V16H13M1 21H23L12 2L1 21Z'/%3E%3C/svg%3E%0A\");mask-image:url(\"data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath style='fill: var(--icon-fill, currentColor)' d='M13 14H11V9H13M13 18H11V16H13M1 21H23L12 2L1 21Z'/%3E%3C/svg%3E%0A\")}.svg-icon.svg-expand-less:before{content:\"\";display:block;background-color:var(--icon-fill, currentColor);width:var(--icon-size, 0.875rem);height:var(--icon-size, 0.875rem);-webkit-mask-size:100%;mask-size:100%}.svg-icon.svg-expand-less:before{-webkit-mask-image:url(\"data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath style='fill: var(--icon-fill, currentColor)' d='M7.41,15.41L12,10.83L16.59,15.41L18,14L12,8L6,14L7.41,15.41Z'/%3E%3C/svg%3E%0A\");mask-image:url(\"data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath style='fill: var(--icon-fill, currentColor)' d='M7.41,15.41L12,10.83L16.59,15.41L18,14L12,8L6,14L7.41,15.41Z'/%3E%3C/svg%3E%0A\")}.svg-icon.svg-expand-more:before{content:\"\";display:block;background-color:var(--icon-fill, currentColor);width:var(--icon-size, 0.875rem);height:var(--icon-size, 0.875rem);-webkit-mask-size:100%;mask-size:100%}.svg-icon.svg-expand-more:before{-webkit-mask-image:url(\"data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath style='fill: var(--icon-fill, currentColor)' d='M7.41,8.58L12,13.17L16.59,8.58L18,10L12,16L6,10L7.41,8.58Z'/%3E%3C/svg%3E%0A\");mask-image:url(\"data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath style='fill: var(--icon-fill, currentColor)' d='M7.41,8.58L12,13.17L16.59,8.58L18,10L12,16L6,10L7.41,8.58Z'/%3E%3C/svg%3E%0A\")}.svg-icon.svg-expanded:before{content:\"\";display:block;background-color:var(--icon-fill, currentColor);width:var(--icon-size, 0.875rem);height:var(--icon-size, 0.875rem);-webkit-mask-size:100%;mask-size:100%}.svg-icon.svg-expanded:before{-webkit-mask-image:url(\"data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath style='fill: var(--icon-fill, currentColor)' d='M7,10L12,15L17,10H7Z'/%3E%3C/svg%3E%0A\");mask-image:url(\"data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath style='fill: var(--icon-fill, currentColor)' d='M7,10L12,15L17,10H7Z'/%3E%3C/svg%3E%0A\")}.svg-icon.svg-filter:before{content:\"\";display:block;background-color:var(--icon-fill, currentColor);width:var(--icon-size, 0.875rem);height:var(--icon-size, 0.875rem);-webkit-mask-size:100%;mask-size:100%}.svg-icon.svg-filter:before{-webkit-mask-image:url(\"data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath style='fill: var(--icon-fill, currentColor)' d='M14,12V19.88C14.04,20.18 13.94,20.5 13.71,20.71C13.32,21.1 12.69,21.1 12.3,20.71L10.29,18.7C10.06,18.47 9.96,18.16 10,17.87V12H9.97L4.21,4.62C3.87,4.19 3.95,3.56 4.38,3.22C4.57,3.08 4.78,3 5,3V3H19V3C19.22,3 19.43,3.08 19.62,3.22C20.05,3.56 20.13,4.19 19.79,4.62L14.03,12H14Z'/%3E%3C/svg%3E%0A\");mask-image:url(\"data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath style='fill: var(--icon-fill, currentColor)' d='M14,12V19.88C14.04,20.18 13.94,20.5 13.71,20.71C13.32,21.1 12.69,21.1 12.3,20.71L10.29,18.7C10.06,18.47 9.96,18.16 10,17.87V12H9.97L4.21,4.62C3.87,4.19 3.95,3.56 4.38,3.22C4.57,3.08 4.78,3 5,3V3H19V3C19.22,3 19.43,3.08 19.62,3.22C20.05,3.56 20.13,4.19 19.79,4.62L14.03,12H14Z'/%3E%3C/svg%3E%0A\")}.svg-icon.svg-forward:before{content:\"\";display:block;background-color:var(--icon-fill, currentColor);width:var(--icon-size, 0.875rem);height:var(--icon-size, 0.875rem);-webkit-mask-size:100%;mask-size:100%}.svg-icon.svg-forward:before{-webkit-mask-image:url(\"data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath style='fill: var(--icon-fill, currentColor)' d='M4,11V13H16L10.5,18.5L11.92,19.92L19.84,12L11.92,4.08L10.5,5.5L16,11H4Z'/%3E%3C/svg%3E%0A\");mask-image:url(\"data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath style='fill: var(--icon-fill, currentColor)' d='M4,11V13H16L10.5,18.5L11.92,19.92L19.84,12L11.92,4.08L10.5,5.5L16,11H4Z'/%3E%3C/svg%3E%0A\")}.svg-icon.svg-help-center:before{content:\"\";display:block;background-color:var(--icon-fill, currentColor);width:var(--icon-size, 0.875rem);height:var(--icon-size, 0.875rem);-webkit-mask-size:100%;mask-size:100%}.svg-icon.svg-help-center:before{-webkit-mask-image:url(\"data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath style='fill: var(--icon-fill, currentColor)' d='M15.07,11.25L14.17,12.17C13.45,12.89 13,13.5 13,15H11V14.5C11,13.39 11.45,12.39 12.17,11.67L13.41,10.41C13.78,10.05 14,9.55 14,9C14,7.89 13.1,7 12,7A2,2 0 0,0 10,9H8A4,4 0 0,1 12,5A4,4 0 0,1 16,9C16,9.88 15.64,10.67 15.07,11.25M13,19H11V17H13M12,2A10,10 0 0,0 2,12A10,10 0 0,0 12,22A10,10 0 0,0 22,12C22,6.47 17.5,2 12,2Z'/%3E%3C/svg%3E%0A\");mask-image:url(\"data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath style='fill: var(--icon-fill, currentColor)' d='M15.07,11.25L14.17,12.17C13.45,12.89 13,13.5 13,15H11V14.5C11,13.39 11.45,12.39 12.17,11.67L13.41,10.41C13.78,10.05 14,9.55 14,9C14,7.89 13.1,7 12,7A2,2 0 0,0 10,9H8A4,4 0 0,1 12,5A4,4 0 0,1 16,9C16,9.88 15.64,10.67 15.07,11.25M13,19H11V17H13M12,2A10,10 0 0,0 2,12A10,10 0 0,0 12,22A10,10 0 0,0 22,12C22,6.47 17.5,2 12,2Z'/%3E%3C/svg%3E%0A\")}.svg-icon.svg-hide:before{content:\"\";display:block;background-color:var(--icon-fill, currentColor);width:var(--icon-size, 0.875rem);height:var(--icon-size, 0.875rem);-webkit-mask-size:100%;mask-size:100%}.svg-icon.svg-hide:before{-webkit-mask-image:url(\"data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath style='fill: var(--icon-fill, currentColor)' d='M11.83,9L15,12.16C15,12.11 15,12.05 15,12A3,3 0 0,0 12,9C11.94,9 11.89,9 11.83,9M7.53,9.8L9.08,11.35C9.03,11.56 9,11.77 9,12A3,3 0 0,0 12,15C12.22,15 12.44,14.97 12.65,14.92L14.2,16.47C13.53,16.8 12.79,17 12,17A5,5 0 0,1 7,12C7,11.21 7.2,10.47 7.53,9.8M2,4.27L4.28,6.55L4.73,7C3.08,8.3 1.78,10 1,12C2.73,16.39 7,19.5 12,19.5C13.55,19.5 15.03,19.2 16.38,18.66L16.81,19.08L19.73,22L21,20.73L3.27,3M12,7A5,5 0 0,1 17,12C17,12.64 16.87,13.26 16.64,13.82L19.57,16.75C21.07,15.5 22.27,13.86 23,12C21.27,7.61 17,4.5 12,4.5C10.6,4.5 9.26,4.75 8,5.2L10.17,7.35C10.74,7.13 11.35,7 12,7Z'/%3E%3C/svg%3E%0A\");mask-image:url(\"data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath style='fill: var(--icon-fill, currentColor)' d='M11.83,9L15,12.16C15,12.11 15,12.05 15,12A3,3 0 0,0 12,9C11.94,9 11.89,9 11.83,9M7.53,9.8L9.08,11.35C9.03,11.56 9,11.77 9,12A3,3 0 0,0 12,15C12.22,15 12.44,14.97 12.65,14.92L14.2,16.47C13.53,16.8 12.79,17 12,17A5,5 0 0,1 7,12C7,11.21 7.2,10.47 7.53,9.8M2,4.27L4.28,6.55L4.73,7C3.08,8.3 1.78,10 1,12C2.73,16.39 7,19.5 12,19.5C13.55,19.5 15.03,19.2 16.38,18.66L16.81,19.08L19.73,22L21,20.73L3.27,3M12,7A5,5 0 0,1 17,12C17,12.64 16.87,13.26 16.64,13.82L19.57,16.75C21.07,15.5 22.27,13.86 23,12C21.27,7.61 17,4.5 12,4.5C10.6,4.5 9.26,4.75 8,5.2L10.17,7.35C10.74,7.13 11.35,7 12,7Z'/%3E%3C/svg%3E%0A\")}.svg-icon.svg-info:before{content:\"\";display:block;background-color:var(--icon-fill, currentColor);width:var(--icon-size, 0.875rem);height:var(--icon-size, 0.875rem);-webkit-mask-size:100%;mask-size:100%}.svg-icon.svg-info:before{-webkit-mask-image:url(\"data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath style='fill: var(--icon-fill, currentColor)' d='M13,9H11V7H13M13,17H11V11H13M12,2A10,10 0 0,0 2,12A10,10 0 0,0 12,22A10,10 0 0,0 22,12A10,10 0 0,0 12,2Z'/%3E%3C/svg%3E%0A\");mask-image:url(\"data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath style='fill: var(--icon-fill, currentColor)' d='M13,9H11V7H13M13,17H11V11H13M12,2A10,10 0 0,0 2,12A10,10 0 0,0 12,22A10,10 0 0,0 22,12A10,10 0 0,0 12,2Z'/%3E%3C/svg%3E%0A\")}.svg-icon.svg-locked:before{content:\"\";display:block;background-color:var(--icon-fill, currentColor);width:var(--icon-size, 0.875rem);height:var(--icon-size, 0.875rem);-webkit-mask-size:100%;mask-size:100%}.svg-icon.svg-locked:before{-webkit-mask-image:url(\"data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath style='fill: var(--icon-fill, currentColor)' d='M12,17A2,2 0 0,0 14,15C14,13.89 13.1,13 12,13A2,2 0 0,0 10,15A2,2 0 0,0 12,17M18,8A2,2 0 0,1 20,10V20A2,2 0 0,1 18,22H6A2,2 0 0,1 4,20V10C4,8.89 4.9,8 6,8H7V6A5,5 0 0,1 12,1A5,5 0 0,1 17,6V8H18M12,3A3,3 0 0,0 9,6V8H15V6A3,3 0 0,0 12,3Z'/%3E%3C/svg%3E%0A\");mask-image:url(\"data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath style='fill: var(--icon-fill, currentColor)' d='M12,17A2,2 0 0,0 14,15C14,13.89 13.1,13 12,13A2,2 0 0,0 10,15A2,2 0 0,0 12,17M18,8A2,2 0 0,1 20,10V20A2,2 0 0,1 18,22H6A2,2 0 0,1 4,20V10C4,8.89 4.9,8 6,8H7V6A5,5 0 0,1 12,1A5,5 0 0,1 17,6V8H18M12,3A3,3 0 0,0 9,6V8H15V6A3,3 0 0,0 12,3Z'/%3E%3C/svg%3E%0A\")}.svg-icon.svg-menu:before{content:\"\";display:block;background-color:var(--icon-fill, currentColor);width:var(--icon-size, 0.875rem);height:var(--icon-size, 0.875rem);-webkit-mask-size:100%;mask-size:100%}.svg-icon.svg-menu:before{-webkit-mask-image:url(\"data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath style='fill: var(--icon-fill, currentColor)' d='M3,6H21V8H3V6M3,11H21V13H3V11M3,16H21V18H3V16Z'/%3E%3C/svg%3E%0A\");mask-image:url(\"data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath style='fill: var(--icon-fill, currentColor)' d='M3,6H21V8H3V6M3,11H21V13H3V11M3,16H21V18H3V16Z'/%3E%3C/svg%3E%0A\")}.svg-icon.svg-more-options:before{content:\"\";display:block;background-color:var(--icon-fill, currentColor);width:var(--icon-size, 0.875rem);height:var(--icon-size, 0.875rem);-webkit-mask-size:100%;mask-size:100%}.svg-icon.svg-more-options:before{-webkit-mask-image:url(\"data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath style='fill: var(--icon-fill, currentColor)' d='M12,16A2,2 0 0,1 14,18A2,2 0 0,1 12,20A2,2 0 0,1 10,18A2,2 0 0,1 12,16M12,10A2,2 0 0,1 14,12A2,2 0 0,1 12,14A2,2 0 0,1 10,12A2,2 0 0,1 12,10M12,4A2,2 0 0,1 14,6A2,2 0 0,1 12,8A2,2 0 0,1 10,6A2,2 0 0,1 12,4Z'/%3E%3C/svg%3E%0A\");mask-image:url(\"data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath style='fill: var(--icon-fill, currentColor)' d='M12,16A2,2 0 0,1 14,18A2,2 0 0,1 12,20A2,2 0 0,1 10,18A2,2 0 0,1 12,16M12,10A2,2 0 0,1 14,12A2,2 0 0,1 12,14A2,2 0 0,1 10,12A2,2 0 0,1 12,10M12,4A2,2 0 0,1 14,6A2,2 0 0,1 12,8A2,2 0 0,1 10,6A2,2 0 0,1 12,4Z'/%3E%3C/svg%3E%0A\")}.svg-icon.svg-move-down:before{content:\"\";display:block;background-color:var(--icon-fill, currentColor);width:var(--icon-size, 0.875rem);height:var(--icon-size, 0.875rem);-webkit-mask-size:100%;mask-size:100%}.svg-icon.svg-move-down:before{-webkit-mask-image:url(\"data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath style='fill: var(--icon-fill, currentColor)' d='M11,4H13V16L18.5,10.5L19.92,11.92L12,19.84L4.08,11.92L5.5,10.5L11,16V4Z'/%3E%3C/svg%3E%0A\");mask-image:url(\"data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath style='fill: var(--icon-fill, currentColor)' d='M11,4H13V16L18.5,10.5L19.92,11.92L12,19.84L4.08,11.92L5.5,10.5L11,16V4Z'/%3E%3C/svg%3E%0A\")}.svg-icon.svg-move-up:before{content:\"\";display:block;background-color:var(--icon-fill, currentColor);width:var(--icon-size, 0.875rem);height:var(--icon-size, 0.875rem);-webkit-mask-size:100%;mask-size:100%}.svg-icon.svg-move-up:before{-webkit-mask-image:url(\"data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath style='fill: var(--icon-fill, currentColor)' d='M13,20H11V8L5.5,13.5L4.08,12.08L12,4.16L19.92,12.08L18.5,13.5L13,8V20Z'/%3E%3C/svg%3E%0A\");mask-image:url(\"data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath style='fill: var(--icon-fill, currentColor)' d='M13,20H11V8L5.5,13.5L4.08,12.08L12,4.16L19.92,12.08L18.5,13.5L13,8V20Z'/%3E%3C/svg%3E%0A\")}.svg-icon.svg-navigator-icon:before{content:\"\";display:block;background-color:var(--icon-fill, currentColor);width:var(--icon-size, 0.875rem);height:var(--icon-size, 0.875rem);-webkit-mask-size:100%;mask-size:100%}.svg-icon.svg-navigator-icon:before{-webkit-mask-image:url(\"data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath style='fill: var(--icon-fill, currentColor)' fill-rule='evenodd' clip-rule='evenodd' d='M21.9,11.5c0,5.5-4.4,9.9-9.9,9.9c-5.5,0-9.9-4.4-9.9-9.9C2.1,6,6.5,1.6,12,1.6 C17.5,1.6,21.9,6,21.9,11.5z M22.5,11.5C22.5,17.3,17.8,22,12,22C6.2,22,1.5,17.3,1.5,11.5C1.5,5.7,6.2,1,12,1 C17.8,1,22.5,5.7,22.5,11.5z M7.7,15.8c0.2,0.2,0.5,0.3,0.8,0.3s0.6-0.1,0.8-0.3s0.3-0.5,0.3-0.8s-0.1-0.6-0.3-0.8 c-0.2-0.2-0.5-0.3-0.8-0.3s-0.6,0.1-0.8,0.3c-0.2,0.2-0.3,0.5-0.3,0.8S7.4,15.6,7.7,15.8z M11.2,15.8c0.2,0.2,0.5,0.3,0.8,0.3 s0.6-0.1,0.8-0.3c0.2-0.2,0.3-0.5,0.3-0.8s-0.1-0.6-0.3-0.8c-0.2-0.2-0.5-0.3-0.8-0.3s-0.6,0.1-0.8,0.3c-0.2,0.2-0.3,0.5-0.3,0.8 S10.9,15.6,11.2,15.8z M14.7,15.8c0.2,0.2,0.5,0.3,0.8,0.3s0.6-0.1,0.8-0.3c0.2-0.2,0.3-0.5,0.3-0.8s-0.1-0.6-0.3-0.8 c-0.2-0.2-0.5-0.3-0.8-0.3s-0.6,0.1-0.8,0.3c-0.2,0.2-0.3,0.5-0.3,0.8S14.4,15.6,14.7,15.8z M7.7,12.3c0.2,0.2,0.5,0.3,0.8,0.3 s0.6-0.1,0.8-0.3c0.2-0.2,0.3-0.5,0.3-0.8s-0.1-0.6-0.3-0.8c-0.2-0.2-0.5-0.3-0.8-0.3s-0.6,0.1-0.8,0.3c-0.2,0.2-0.3,0.5-0.3,0.8 S7.4,12.1,7.7,12.3z M11.2,12.3c0.2,0.2,0.5,0.3,0.8,0.3s0.6-0.1,0.8-0.3c0.2-0.2,0.3-0.5,0.3-0.8s-0.1-0.6-0.3-0.8 c-0.2-0.2-0.5-0.3-0.8-0.3s-0.6,0.1-0.8,0.3c-0.2,0.2-0.3,0.5-0.3,0.8S10.9,12.1,11.2,12.3z M14.7,12.3c0.2,0.2,0.5,0.3,0.8,0.3 s0.6-0.1,0.8-0.3c0.2-0.2,0.3-0.5,0.3-0.8s-0.1-0.6-0.3-0.8c-0.2-0.2-0.5-0.3-0.8-0.3s-0.6,0.1-0.8,0.3c-0.2,0.2-0.3,0.5-0.3,0.8 S14.4,12.1,14.7,12.3z M7.7,8.8c0.2,0.2,0.5,0.3,0.8,0.3s0.6-0.1,0.8-0.3S9.7,8.3,9.7,8S9.6,7.4,9.3,7.2S8.8,6.8,8.5,6.8 S7.9,6.9,7.7,7.2S7.3,7.7,7.3,8S7.4,8.6,7.7,8.8z M11.2,8.8c0.2,0.2,0.5,0.3,0.8,0.3s0.6-0.1,0.8-0.3c0.2-0.2,0.3-0.5,0.3-0.8 s-0.1-0.6-0.3-0.8c-0.2-0.2-0.5-0.3-0.8-0.3s-0.6,0.1-0.8,0.3c-0.2,0.2-0.3,0.5-0.3,0.8S10.9,8.6,11.2,8.8z M14.7,8.8 c0.2,0.2,0.5,0.3,0.8,0.3s0.6-0.1,0.8-0.3c0.2-0.2,0.3-0.5,0.3-0.8s-0.1-0.6-0.3-0.8c-0.2-0.2-0.5-0.3-0.8-0.3s-0.6,0.1-0.8,0.3 c-0.2,0.2-0.3,0.5-0.3,0.8S14.4,8.6,14.7,8.8z'/%3E%3C/svg%3E%0A\");mask-image:url(\"data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath style='fill: var(--icon-fill, currentColor)' fill-rule='evenodd' clip-rule='evenodd' d='M21.9,11.5c0,5.5-4.4,9.9-9.9,9.9c-5.5,0-9.9-4.4-9.9-9.9C2.1,6,6.5,1.6,12,1.6 C17.5,1.6,21.9,6,21.9,11.5z M22.5,11.5C22.5,17.3,17.8,22,12,22C6.2,22,1.5,17.3,1.5,11.5C1.5,5.7,6.2,1,12,1 C17.8,1,22.5,5.7,22.5,11.5z M7.7,15.8c0.2,0.2,0.5,0.3,0.8,0.3s0.6-0.1,0.8-0.3s0.3-0.5,0.3-0.8s-0.1-0.6-0.3-0.8 c-0.2-0.2-0.5-0.3-0.8-0.3s-0.6,0.1-0.8,0.3c-0.2,0.2-0.3,0.5-0.3,0.8S7.4,15.6,7.7,15.8z M11.2,15.8c0.2,0.2,0.5,0.3,0.8,0.3 s0.6-0.1,0.8-0.3c0.2-0.2,0.3-0.5,0.3-0.8s-0.1-0.6-0.3-0.8c-0.2-0.2-0.5-0.3-0.8-0.3s-0.6,0.1-0.8,0.3c-0.2,0.2-0.3,0.5-0.3,0.8 S10.9,15.6,11.2,15.8z M14.7,15.8c0.2,0.2,0.5,0.3,0.8,0.3s0.6-0.1,0.8-0.3c0.2-0.2,0.3-0.5,0.3-0.8s-0.1-0.6-0.3-0.8 c-0.2-0.2-0.5-0.3-0.8-0.3s-0.6,0.1-0.8,0.3c-0.2,0.2-0.3,0.5-0.3,0.8S14.4,15.6,14.7,15.8z M7.7,12.3c0.2,0.2,0.5,0.3,0.8,0.3 s0.6-0.1,0.8-0.3c0.2-0.2,0.3-0.5,0.3-0.8s-0.1-0.6-0.3-0.8c-0.2-0.2-0.5-0.3-0.8-0.3s-0.6,0.1-0.8,0.3c-0.2,0.2-0.3,0.5-0.3,0.8 S7.4,12.1,7.7,12.3z M11.2,12.3c0.2,0.2,0.5,0.3,0.8,0.3s0.6-0.1,0.8-0.3c0.2-0.2,0.3-0.5,0.3-0.8s-0.1-0.6-0.3-0.8 c-0.2-0.2-0.5-0.3-0.8-0.3s-0.6,0.1-0.8,0.3c-0.2,0.2-0.3,0.5-0.3,0.8S10.9,12.1,11.2,12.3z M14.7,12.3c0.2,0.2,0.5,0.3,0.8,0.3 s0.6-0.1,0.8-0.3c0.2-0.2,0.3-0.5,0.3-0.8s-0.1-0.6-0.3-0.8c-0.2-0.2-0.5-0.3-0.8-0.3s-0.6,0.1-0.8,0.3c-0.2,0.2-0.3,0.5-0.3,0.8 S14.4,12.1,14.7,12.3z M7.7,8.8c0.2,0.2,0.5,0.3,0.8,0.3s0.6-0.1,0.8-0.3S9.7,8.3,9.7,8S9.6,7.4,9.3,7.2S8.8,6.8,8.5,6.8 S7.9,6.9,7.7,7.2S7.3,7.7,7.3,8S7.4,8.6,7.7,8.8z M11.2,8.8c0.2,0.2,0.5,0.3,0.8,0.3s0.6-0.1,0.8-0.3c0.2-0.2,0.3-0.5,0.3-0.8 s-0.1-0.6-0.3-0.8c-0.2-0.2-0.5-0.3-0.8-0.3s-0.6,0.1-0.8,0.3c-0.2,0.2-0.3,0.5-0.3,0.8S10.9,8.6,11.2,8.8z M14.7,8.8 c0.2,0.2,0.5,0.3,0.8,0.3s0.6-0.1,0.8-0.3c0.2-0.2,0.3-0.5,0.3-0.8s-0.1-0.6-0.3-0.8c-0.2-0.2-0.5-0.3-0.8-0.3s-0.6,0.1-0.8,0.3 c-0.2,0.2-0.3,0.5-0.3,0.8S14.4,8.6,14.7,8.8z'/%3E%3C/svg%3E%0A\")}.svg-icon.svg-next:before{content:\"\";display:block;background-color:var(--icon-fill, currentColor);width:var(--icon-size, 0.875rem);height:var(--icon-size, 0.875rem);-webkit-mask-size:100%;mask-size:100%}.svg-icon.svg-next:before{-webkit-mask-image:url(\"data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath style='fill: var(--icon-fill, currentColor)' d='M8.59,16.58L13.17,12L8.59,7.41L10,6L16,12L10,18L8.59,16.58Z'/%3E%3C/svg%3E%0A\");mask-image:url(\"data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath style='fill: var(--icon-fill, currentColor)' d='M8.59,16.58L13.17,12L8.59,7.41L10,6L16,12L10,18L8.59,16.58Z'/%3E%3C/svg%3E%0A\")}.svg-icon.svg-notifications:before{content:\"\";display:block;background-color:var(--icon-fill, currentColor);width:var(--icon-size, 0.875rem);height:var(--icon-size, 0.875rem);-webkit-mask-size:100%;mask-size:100%}.svg-icon.svg-notifications:before{-webkit-mask-image:url(\"data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath style='fill: var(--icon-fill, currentColor)' d='M21,19V20H3V19L5,17V11C5,7.9 7.03,5.17 10,4.29C10,4.19 10,4.1 10,4A2,2 0 0,1 12,2A2,2 0 0,1 14,4C14,4.1 14,4.19 14,4.29C16.97,5.17 19,7.9 19,11V17L21,19M14,21A2,2 0 0,1 12,23A2,2 0 0,1 10,21'/%3E%3C/svg%3E%0A\");mask-image:url(\"data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath style='fill: var(--icon-fill, currentColor)' d='M21,19V20H3V19L5,17V11C5,7.9 7.03,5.17 10,4.29C10,4.19 10,4.1 10,4A2,2 0 0,1 12,2A2,2 0 0,1 14,4C14,4.1 14,4.19 14,4.29C16.97,5.17 19,7.9 19,11V17L21,19M14,21A2,2 0 0,1 12,23A2,2 0 0,1 10,21'/%3E%3C/svg%3E%0A\")}.svg-icon.svg-open-in-new:before{content:\"\";display:block;background-color:var(--icon-fill, currentColor);width:var(--icon-size, 0.875rem);height:var(--icon-size, 0.875rem);-webkit-mask-size:100%;mask-size:100%}.svg-icon.svg-open-in-new:before{-webkit-mask-image:url(\"data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath style='fill: var(--icon-fill, currentColor)' d='M14,3V5H17.59L7.76,14.83L9.17,16.24L19,6.41V10H21V3M19,19H5V5H12V3H5C3.89,3 3,3.9 3,5V19A2,2 0 0,0 5,21H19A2,2 0 0,0 21,19V12H19V19Z'/%3E%3C/svg%3E%0A\");mask-image:url(\"data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath style='fill: var(--icon-fill, currentColor)' d='M14,3V5H17.59L7.76,14.83L9.17,16.24L19,6.41V10H21V3M19,19H5V5H12V3H5C3.89,3 3,3.9 3,5V19A2,2 0 0,0 5,21H19A2,2 0 0,0 21,19V12H19V19Z'/%3E%3C/svg%3E%0A\")}.svg-icon.svg-pending:before{content:\"\";display:block;background-color:var(--icon-fill, currentColor);width:var(--icon-size, 0.875rem);height:var(--icon-size, 0.875rem);-webkit-mask-size:100%;mask-size:100%}.svg-icon.svg-pending:before{-webkit-mask-image:url(\"data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath style='fill: var(--icon-fill, currentColor)' d='M15.3,19.3l1.1,1.8c-1,0.5-2.1,0.8-3.3,0.9v-2.1C13.8,19.8,14.6,19.6,15.3,19.3z M3.6,12.6H1.5 c0.1,1.2,0.4,2.3,0.9,3.3l1.8-1.1C3.9,14.1,3.7,13.3,3.6,12.6z M15.3,3.7l1.1-1.8c-1-0.5-2.1-0.8-3.3-0.9v2.1 C13.8,3.2,14.6,3.4,15.3,3.7z M20.4,10.4h2.1c-0.1-1.2-0.4-2.3-0.9-3.3l-1.8,1.1C20.1,8.9,20.3,9.7,20.4,10.4z M8.7,19.3l-1.1,1.8 c1,0.5,2.1,0.8,3.3,0.9v-2.1C10.2,19.8,9.4,19.6,8.7,19.3z M10.9,3.1V1C9.8,1.1,8.7,1.4,7.7,1.9l1.1,1.8C9.4,3.4,10.2,3.2,10.9,3.1 z M18.7,6.4l1.8-1.1c-0.7-0.9-1.5-1.7-2.4-2.4l-1.1,1.8C17.7,5.3,18.2,5.8,18.7,6.4z M4.2,8.2L2.4,7.2c-0.5,1-0.8,2.1-0.9,3.3h2.1 C3.7,9.7,3.9,8.9,4.2,8.2z M20.4,12.6c-0.1,0.8-0.3,1.5-0.6,2.2l1.8,1.1c0.5-1,0.8-2.1,0.9-3.3H20.4z M17.1,18.2l1.1,1.8 c0.9-0.7,1.7-1.5,2.4-2.4l-1.8-1.1C18.2,17.2,17.7,17.7,17.1,18.2z M6.9,4.8L5.8,2.9C4.9,3.6,4.1,4.4,3.5,5.3l1.8,1.1 C5.8,5.8,6.3,5.3,6.9,4.8z M5.3,16.6l-1.8,1.1c0.7,0.9,1.5,1.7,2.4,2.4l1.1-1.8C6.3,17.7,5.8,17.2,5.3,16.6z M13.1,6.2h-2.1v5.7 l4.5,4.5L17,15l-3.9-3.9V6.2z'/%3E%3C/svg%3E%0A\");mask-image:url(\"data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath style='fill: var(--icon-fill, currentColor)' d='M15.3,19.3l1.1,1.8c-1,0.5-2.1,0.8-3.3,0.9v-2.1C13.8,19.8,14.6,19.6,15.3,19.3z M3.6,12.6H1.5 c0.1,1.2,0.4,2.3,0.9,3.3l1.8-1.1C3.9,14.1,3.7,13.3,3.6,12.6z M15.3,3.7l1.1-1.8c-1-0.5-2.1-0.8-3.3-0.9v2.1 C13.8,3.2,14.6,3.4,15.3,3.7z M20.4,10.4h2.1c-0.1-1.2-0.4-2.3-0.9-3.3l-1.8,1.1C20.1,8.9,20.3,9.7,20.4,10.4z M8.7,19.3l-1.1,1.8 c1,0.5,2.1,0.8,3.3,0.9v-2.1C10.2,19.8,9.4,19.6,8.7,19.3z M10.9,3.1V1C9.8,1.1,8.7,1.4,7.7,1.9l1.1,1.8C9.4,3.4,10.2,3.2,10.9,3.1 z M18.7,6.4l1.8-1.1c-0.7-0.9-1.5-1.7-2.4-2.4l-1.1,1.8C17.7,5.3,18.2,5.8,18.7,6.4z M4.2,8.2L2.4,7.2c-0.5,1-0.8,2.1-0.9,3.3h2.1 C3.7,9.7,3.9,8.9,4.2,8.2z M20.4,12.6c-0.1,0.8-0.3,1.5-0.6,2.2l1.8,1.1c0.5-1,0.8-2.1,0.9-3.3H20.4z M17.1,18.2l1.1,1.8 c0.9-0.7,1.7-1.5,2.4-2.4l-1.8-1.1C18.2,17.2,17.7,17.7,17.1,18.2z M6.9,4.8L5.8,2.9C4.9,3.6,4.1,4.4,3.5,5.3l1.8,1.1 C5.8,5.8,6.3,5.3,6.9,4.8z M5.3,16.6l-1.8,1.1c0.7,0.9,1.5,1.7,2.4,2.4l1.1-1.8C6.3,17.7,5.8,17.2,5.3,16.6z M13.1,6.2h-2.1v5.7 l4.5,4.5L17,15l-3.9-3.9V6.2z'/%3E%3C/svg%3E%0A\")}.svg-icon.svg-previous:before{content:\"\";display:block;background-color:var(--icon-fill, currentColor);width:var(--icon-size, 0.875rem);height:var(--icon-size, 0.875rem);-webkit-mask-size:100%;mask-size:100%}.svg-icon.svg-previous:before{-webkit-mask-image:url(\"data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath style='fill: var(--icon-fill, currentColor)' d='M15.41,16.58L10.83,12L15.41,7.41L14,6L8,12L14,18L15.41,16.58Z'/%3E%3C/svg%3E%0A\");mask-image:url(\"data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath style='fill: var(--icon-fill, currentColor)' d='M15.41,16.58L10.83,12L15.41,7.41L14,6L8,12L14,18L15.41,16.58Z'/%3E%3C/svg%3E%0A\")}.svg-icon.svg-remove:before{content:\"\";display:block;background-color:var(--icon-fill, currentColor);width:var(--icon-size, 0.875rem);height:var(--icon-size, 0.875rem);-webkit-mask-size:100%;mask-size:100%}.svg-icon.svg-remove:before{-webkit-mask-image:url(\"data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath style='fill: var(--icon-fill, currentColor)' d='M12 2C17.5 2 22 6.5 22 12S17.5 22 12 22 2 17.5 2 12 6.5 2 12 2M12 4C10.1 4 8.4 4.6 7.1 5.7L18.3 16.9C19.3 15.5 20 13.8 20 12C20 7.6 16.4 4 12 4M16.9 18.3L5.7 7.1C4.6 8.4 4 10.1 4 12C4 16.4 7.6 20 12 20C13.9 20 15.6 19.4 16.9 18.3Z'/%3E%3C/svg%3E%0A\");mask-image:url(\"data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath style='fill: var(--icon-fill, currentColor)' d='M12 2C17.5 2 22 6.5 22 12S17.5 22 12 22 2 17.5 2 12 6.5 2 12 2M12 4C10.1 4 8.4 4.6 7.1 5.7L18.3 16.9C19.3 15.5 20 13.8 20 12C20 7.6 16.4 4 12 4M16.9 18.3L5.7 7.1C4.6 8.4 4 10.1 4 12C4 16.4 7.6 20 12 20C13.9 20 15.6 19.4 16.9 18.3Z'/%3E%3C/svg%3E%0A\")}.svg-icon.svg-remove-tag:before{content:\"\";display:block;background-color:var(--icon-fill, currentColor);width:var(--icon-size, 0.875rem);height:var(--icon-size, 0.875rem);-webkit-mask-size:100%;mask-size:100%}.svg-icon.svg-remove-tag:before{-webkit-mask-image:url(\"data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath style='fill: var(--icon-fill, currentColor)' d='M12,20C7.59,20 4,16.41 4,12C4,7.59 7.59,4 12,4C16.41,4 20,7.59 20,12C20,16.41 16.41,20 12,20M12,2C6.47,2 2,6.47 2,12C2,17.53 6.47,22 12,22C17.53,22 22,17.53 22,12C22,6.47 17.53,2 12,2M14.59,8L12,10.59L9.41,8L8,9.41L10.59,12L8,14.59L9.41,16L12,13.41L14.59,16L16,14.59L13.41,12L16,9.41L14.59,8Z'/%3E%3C/svg%3E%0A\");mask-image:url(\"data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath style='fill: var(--icon-fill, currentColor)' d='M12,20C7.59,20 4,16.41 4,12C4,7.59 7.59,4 12,4C16.41,4 20,7.59 20,12C20,16.41 16.41,20 12,20M12,2C6.47,2 2,6.47 2,12C2,17.53 6.47,22 12,22C17.53,22 22,17.53 22,12C22,6.47 17.53,2 12,2M14.59,8L12,10.59L9.41,8L8,9.41L10.59,12L8,14.59L9.41,16L12,13.41L14.59,16L16,14.59L13.41,12L16,9.41L14.59,8Z'/%3E%3C/svg%3E%0A\")}.svg-icon.svg-reset:before{content:\"\";display:block;background-color:var(--icon-fill, currentColor);width:var(--icon-size, 0.875rem);height:var(--icon-size, 0.875rem);-webkit-mask-size:100%;mask-size:100%}.svg-icon.svg-reset:before{-webkit-mask-image:url(\"data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath style='fill: var(--icon-fill, currentColor)' d='M12,5V1L7,6L12,11V7A6,6 0 0,1 18,13A6,6 0 0,1 12,19A6,6 0 0,1 6,13H4A8,8 0 0,0 12,21A8,8 0 0,0 20,13A8,8 0 0,0 12,5Z'/%3E%3C/svg%3E%0A\");mask-image:url(\"data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath style='fill: var(--icon-fill, currentColor)' d='M12,5V1L7,6L12,11V7A6,6 0 0,1 18,13A6,6 0 0,1 12,19A6,6 0 0,1 6,13H4A8,8 0 0,0 12,21A8,8 0 0,0 20,13A8,8 0 0,0 12,5Z'/%3E%3C/svg%3E%0A\")}.svg-icon.svg-restore:before{content:\"\";display:block;background-color:var(--icon-fill, currentColor);width:var(--icon-size, 0.875rem);height:var(--icon-size, 0.875rem);-webkit-mask-size:100%;mask-size:100%}.svg-icon.svg-restore:before{-webkit-mask-image:url(\"data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath style='fill: var(--icon-fill, currentColor)' d='M13.5,8H12V13L16.28,15.54L17,14.33L13.5,12.25V8M13,3A9,9 0 0,0 4,12H1L4.96,16.03L9,12H6A7,7 0 0,1 13,5A7,7 0 0,1 20,12A7,7 0 0,1 13,19C11.07,19 9.32,18.21 8.06,16.94L6.64,18.36C8.27,20 10.5,21 13,21A9,9 0 0,0 22,12A9,9 0 0,0 13,3'/%3E%3C/svg%3E%0A\");mask-image:url(\"data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath style='fill: var(--icon-fill, currentColor)' d='M13.5,8H12V13L16.28,15.54L17,14.33L13.5,12.25V8M13,3A9,9 0 0,0 4,12H1L4.96,16.03L9,12H6A7,7 0 0,1 13,5A7,7 0 0,1 20,12A7,7 0 0,1 13,19C11.07,19 9.32,18.21 8.06,16.94L6.64,18.36C8.27,20 10.5,21 13,21A9,9 0 0,0 22,12A9,9 0 0,0 13,3'/%3E%3C/svg%3E%0A\")}.svg-icon.svg-rotate-right:before{content:\"\";display:block;background-color:var(--icon-fill, currentColor);width:var(--icon-size, 0.875rem);height:var(--icon-size, 0.875rem);-webkit-mask-size:100%;mask-size:100%}.svg-icon.svg-rotate-right:before{-webkit-mask-image:url(\"data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath style='fill: var(--icon-fill, currentColor)' d='M16.89,15.5L18.31,16.89C19.21,15.73 19.76,14.39 19.93,13H17.91C17.77,13.87 17.43,14.72 16.89,15.5M13,17.9V19.92C14.39,19.75 15.74,19.21 16.9,18.31L15.46,16.87C14.71,17.41 13.87,17.76 13,17.9M19.93,11C19.76,9.61 19.21,8.27 18.31,7.11L16.89,8.53C17.43,9.28 17.77,10.13 17.91,11M15.55,5.55L11,1V4.07C7.06,4.56 4,7.92 4,12C4,16.08 7.05,19.44 11,19.93V17.91C8.16,17.43 6,14.97 6,12C6,9.03 8.16,6.57 11,6.09V10L15.55,5.55Z'/%3E%3C/svg%3E%0A\");mask-image:url(\"data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath style='fill: var(--icon-fill, currentColor)' d='M16.89,15.5L18.31,16.89C19.21,15.73 19.76,14.39 19.93,13H17.91C17.77,13.87 17.43,14.72 16.89,15.5M13,17.9V19.92C14.39,19.75 15.74,19.21 16.9,18.31L15.46,16.87C14.71,17.41 13.87,17.76 13,17.9M19.93,11C19.76,9.61 19.21,8.27 18.31,7.11L16.89,8.53C17.43,9.28 17.77,10.13 17.91,11M15.55,5.55L11,1V4.07C7.06,4.56 4,7.92 4,12C4,16.08 7.05,19.44 11,19.93V17.91C8.16,17.43 6,14.97 6,12C6,9.03 8.16,6.57 11,6.09V10L15.55,5.55Z'/%3E%3C/svg%3E%0A\")}.svg-icon.svg-save:before{content:\"\";display:block;background-color:var(--icon-fill, currentColor);width:var(--icon-size, 0.875rem);height:var(--icon-size, 0.875rem);-webkit-mask-size:100%;mask-size:100%}.svg-icon.svg-save:before{-webkit-mask-image:url(\"data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath style='fill: var(--icon-fill, currentColor)' d='M21,7L9,19L3.5,13.5L4.91,12.09L9,16.17L19.59,5.59L21,7Z'/%3E%3C/svg%3E%0A\");mask-image:url(\"data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath style='fill: var(--icon-fill, currentColor)' d='M21,7L9,19L3.5,13.5L4.91,12.09L9,16.17L19.59,5.59L21,7Z'/%3E%3C/svg%3E%0A\")}.svg-icon.svg-search:before{content:\"\";display:block;background-color:var(--icon-fill, currentColor);width:var(--icon-size, 0.875rem);height:var(--icon-size, 0.875rem);-webkit-mask-size:100%;mask-size:100%}.svg-icon.svg-search:before{-webkit-mask-image:url(\"data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath style='fill: var(--icon-fill, currentColor)' d='M9.5,3A6.5,6.5 0 0,1 16,9.5C16,11.11 15.41,12.59 14.44,13.73L14.71,14H15.5L20.5,19L19,20.5L14,15.5V14.71L13.73,14.44C12.59,15.41 11.11,16 9.5,16A6.5,6.5 0 0,1 3,9.5A6.5,6.5 0 0,1 9.5,3M9.5,5C7,5 5,7 5,9.5C5,12 7,14 9.5,14C12,14 14,12 14,9.5C14,7 12,5 9.5,5Z'/%3E%3C/svg%3E%0A\");mask-image:url(\"data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath style='fill: var(--icon-fill, currentColor)' d='M9.5,3A6.5,6.5 0 0,1 16,9.5C16,11.11 15.41,12.59 14.44,13.73L14.71,14H15.5L20.5,19L19,20.5L14,15.5V14.71L13.73,14.44C12.59,15.41 11.11,16 9.5,16A6.5,6.5 0 0,1 3,9.5A6.5,6.5 0 0,1 9.5,3M9.5,5C7,5 5,7 5,9.5C5,12 7,14 9.5,14C12,14 14,12 14,9.5C14,7 12,5 9.5,5Z'/%3E%3C/svg%3E%0A\")}.svg-icon.svg-shape-circle:before{content:\"\";display:block;background-color:var(--icon-fill, currentColor);width:var(--icon-size, 0.875rem);height:var(--icon-size, 0.875rem);-webkit-mask-size:100%;mask-size:100%}.svg-icon.svg-shape-circle:before{-webkit-mask-image:url(\"data:image/svg+xml,<svg width='24' height='24' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'><path style='fill: var(--icon-fill, currentColor)' d='M12,2A10,10 0 0,0 2,12A10,10 0 0,0 12,22A10,10 0 0,0 22,12A10,10 0 0,0 12,2Z '/%3E%3C/svg%3E%0A\");mask-image:url(\"data:image/svg+xml,<svg width='24' height='24' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'><path style='fill: var(--icon-fill, currentColor)' d='M12,2A10,10 0 0,0 2,12A10,10 0 0,0 12,22A10,10 0 0,0 22,12A10,10 0 0,0 12,2Z '/%3E%3C/svg%3E%0A\")}.svg-icon.svg-shape-pentagon:before{content:\"\";display:block;background-color:var(--icon-fill, currentColor);width:var(--icon-size, 0.875rem);height:var(--icon-size, 0.875rem);-webkit-mask-size:100%;mask-size:100%}.svg-icon.svg-shape-pentagon:before{-webkit-mask-image:url(\"data:image/svg+xml,<svg width='24' height='24' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'><path style='fill: var(--icon-fill, currentColor)' d='M12,2.5L2,9.8L5.8,21.5H18.2L22,9.8L12,2.5Z'/%3E%3C/svg%3E%0A\");mask-image:url(\"data:image/svg+xml,<svg width='24' height='24' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'><path style='fill: var(--icon-fill, currentColor)' d='M12,2.5L2,9.8L5.8,21.5H18.2L22,9.8L12,2.5Z'/%3E%3C/svg%3E%0A\")}.svg-icon.svg-shape-rhombus:before{content:\"\";display:block;background-color:var(--icon-fill, currentColor);width:var(--icon-size, 0.875rem);height:var(--icon-size, 0.875rem);-webkit-mask-size:100%;mask-size:100%}.svg-icon.svg-shape-rhombus:before{-webkit-mask-image:url(\"data:image/svg+xml,<svg width='24' height='24' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'><path style='fill: var(--icon-fill, currentColor)' d='M12 2C11.5 2 11 2.19 10.59 2.59L2.59 10.59C1.8 11.37 1.8 12.63 2.59 13.41L10.59 21.41C11.37 22.2 12.63 22.2 13.41 21.41L21.41 13.41C22.2 12.63 22.2 11.37 21.41 10.59L13.41 2.59C13 2.19 12.5 2 12 2Z'/%3E%3C/svg%3E%0A\");mask-image:url(\"data:image/svg+xml,<svg width='24' height='24' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'><path style='fill: var(--icon-fill, currentColor)' d='M12 2C11.5 2 11 2.19 10.59 2.59L2.59 10.59C1.8 11.37 1.8 12.63 2.59 13.41L10.59 21.41C11.37 22.2 12.63 22.2 13.41 21.41L21.41 13.41C22.2 12.63 22.2 11.37 21.41 10.59L13.41 2.59C13 2.19 12.5 2 12 2Z'/%3E%3C/svg%3E%0A\")}.svg-icon.svg-shape-star:before{content:\"\";display:block;background-color:var(--icon-fill, currentColor);width:var(--icon-size, 0.875rem);height:var(--icon-size, 0.875rem);-webkit-mask-size:100%;mask-size:100%}.svg-icon.svg-shape-star:before{-webkit-mask-image:url(\"data:image/svg+xml,<svg width='24' height='24' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'><path style='fill: var(--icon-fill, currentColor)' d='M12,17.27L18.18,21L16.54,13.97L22,9.24L14.81,8.62L12,2L9.19,8.62L2,9.24L7.45,13.97L5.82,21L12,17.27Z'/%3E%3C/svg%3E%0A\");mask-image:url(\"data:image/svg+xml,<svg width='24' height='24' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'><path style='fill: var(--icon-fill, currentColor)' d='M12,17.27L18.18,21L16.54,13.97L22,9.24L14.81,8.62L12,2L9.19,8.62L2,9.24L7.45,13.97L5.82,21L12,17.27Z'/%3E%3C/svg%3E%0A\")}.svg-icon.svg-shape-square:before{content:\"\";display:block;background-color:var(--icon-fill, currentColor);width:var(--icon-size, 0.875rem);height:var(--icon-size, 0.875rem);-webkit-mask-size:100%;mask-size:100%}.svg-icon.svg-shape-square:before{-webkit-mask-image:url(\"data:image/svg+xml,<svg width='24' height='24' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'><path style='fill: var(--icon-fill, currentColor)' d='M3,3V21H21V3'/%3E%3C/svg%3E%0A\");mask-image:url(\"data:image/svg+xml,<svg width='24' height='24' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'><path style='fill: var(--icon-fill, currentColor)' d='M3,3V21H21V3'/%3E%3C/svg%3E%0A\")}.svg-icon.svg-shape-triangle:before{content:\"\";display:block;background-color:var(--icon-fill, currentColor);width:var(--icon-size, 0.875rem);height:var(--icon-size, 0.875rem);-webkit-mask-size:100%;mask-size:100%}.svg-icon.svg-shape-triangle:before{-webkit-mask-image:url(\"data:image/svg+xml,<svg width='24' height='24' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'><path style='fill: var(--icon-fill, currentColor)' d='M1,21H23L12,2'/%3E%3C/svg%3E%0A\");mask-image:url(\"data:image/svg+xml,<svg width='24' height='24' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'><path style='fill: var(--icon-fill, currentColor)' d='M1,21H23L12,2'/%3E%3C/svg%3E%0A\")}.svg-icon.svg-shape-triangle-inverted:before{content:\"\";display:block;background-color:var(--icon-fill, currentColor);width:var(--icon-size, 0.875rem);height:var(--icon-size, 0.875rem);-webkit-mask-size:100%;mask-size:100%}.svg-icon.svg-shape-triangle-inverted:before{-webkit-mask-image:url(\"data:image/svg+xml,<svg width='24' height='24' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'><path style='fill: var(--icon-fill, currentColor)' d='M1 3H23L12 22'/%3E%3C/svg%3E%0A\");mask-image:url(\"data:image/svg+xml,<svg width='24' height='24' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'><path style='fill: var(--icon-fill, currentColor)' d='M1 3H23L12 22'/%3E%3C/svg%3E%0A\")}.svg-icon.svg-show:before{content:\"\";display:block;background-color:var(--icon-fill, currentColor);width:var(--icon-size, 0.875rem);height:var(--icon-size, 0.875rem);-webkit-mask-size:100%;mask-size:100%}.svg-icon.svg-show:before{-webkit-mask-image:url(\"data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath style='fill: var(--icon-fill, currentColor)' d='M12,9A3,3 0 0,0 9,12A3,3 0 0,0 12,15A3,3 0 0,0 15,12A3,3 0 0,0 12,9M12,17A5,5 0 0,1 7,12A5,5 0 0,1 12,7A5,5 0 0,1 17,12A5,5 0 0,1 12,17M12,4.5C7,4.5 2.73,7.61 1,12C2.73,16.39 7,19.5 12,19.5C17,19.5 21.27,16.39 23,12C21.27,7.61 17,4.5 12,4.5Z'/%3E%3C/svg%3E%0A\");mask-image:url(\"data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath style='fill: var(--icon-fill, currentColor)' d='M12,9A3,3 0 0,0 9,12A3,3 0 0,0 12,15A3,3 0 0,0 15,12A3,3 0 0,0 12,9M12,17A5,5 0 0,1 7,12A5,5 0 0,1 12,7A5,5 0 0,1 17,12A5,5 0 0,1 12,17M12,4.5C7,4.5 2.73,7.61 1,12C2.73,16.39 7,19.5 12,19.5C17,19.5 21.27,16.39 23,12C21.27,7.61 17,4.5 12,4.5Z'/%3E%3C/svg%3E%0A\")}.svg-icon.svg-sort-a-to-z:before{content:\"\";display:block;background-color:var(--icon-fill, currentColor);width:var(--icon-size, 0.875rem);height:var(--icon-size, 0.875rem);-webkit-mask-size:100%;mask-size:100%}.svg-icon.svg-sort-a-to-z:before{-webkit-mask-image:url(\"data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath style='fill: var(--icon-fill, currentColor)' d='M5 9L6.41 10.41L11 5.83V22H13V5.83L17.59 10.42L19 9L12 2L5 9Z'/%3E%3C/svg%3E%0A\");mask-image:url(\"data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath style='fill: var(--icon-fill, currentColor)' d='M5 9L6.41 10.41L11 5.83V22H13V5.83L17.59 10.42L19 9L12 2L5 9Z'/%3E%3C/svg%3E%0A\")}.svg-icon.svg-sort-z-to-a:before{content:\"\";display:block;background-color:var(--icon-fill, currentColor);width:var(--icon-size, 0.875rem);height:var(--icon-size, 0.875rem);-webkit-mask-size:100%;mask-size:100%}.svg-icon.svg-sort-z-to-a:before{-webkit-mask-image:url(\"data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath style='fill: var(--icon-fill, currentColor)' d='M19 15L17.59 13.59L13 18.17V2H11V18.17L6.41 13.58L5 15L12 22L19 15Z'/%3E%3C/svg%3E%0A\");mask-image:url(\"data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath style='fill: var(--icon-fill, currentColor)' d='M19 15L17.59 13.59L13 18.17V2H11V18.17L6.41 13.58L5 15L12 22L19 15Z'/%3E%3C/svg%3E%0A\")}.svg-icon.svg-success:before{content:\"\";display:block;background-color:var(--icon-fill, currentColor);width:var(--icon-size, 0.875rem);height:var(--icon-size, 0.875rem);-webkit-mask-size:100%;mask-size:100%}.svg-icon.svg-success:before{-webkit-mask-image:url(\"data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath style='fill: var(--icon-fill, currentColor)' d='M12 2C6.5 2 2 6.5 2 12S6.5 22 12 22 22 17.5 22 12 17.5 2 12 2M10 17L5 12L6.41 10.59L10 14.17L17.59 6.58L19 8L10 17Z'/%3E%3C/svg%3E%0A\");mask-image:url(\"data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath style='fill: var(--icon-fill, currentColor)' d='M12 2C6.5 2 2 6.5 2 12S6.5 22 12 22 22 17.5 22 12 17.5 2 12 2M10 17L5 12L6.41 10.59L10 14.17L17.59 6.58L19 8L10 17Z'/%3E%3C/svg%3E%0A\")}.svg-icon.svg-time:before{content:\"\";display:block;background-color:var(--icon-fill, currentColor);width:var(--icon-size, 0.875rem);height:var(--icon-size, 0.875rem);-webkit-mask-size:100%;mask-size:100%}.svg-icon.svg-time:before{-webkit-mask-image:url(\"data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath style='fill: var(--icon-fill, currentColor)' d='M12 20C16.4 20 20 16.4 20 12S16.4 4 12 4 4 7.6 4 12 7.6 20 12 20M12 2C17.5 2 22 6.5 22 12S17.5 22 12 22C6.5 22 2 17.5 2 12C2 6.5 6.5 2 12 2M17 13.9L16.3 15.2L11 12.3V7H12.5V11.4L17 13.9Z'/%3E%3C/svg%3E%0A\");mask-image:url(\"data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath style='fill: var(--icon-fill, currentColor)' d='M12 20C16.4 20 20 16.4 20 12S16.4 4 12 4 4 7.6 4 12 7.6 20 12 20M12 2C17.5 2 22 6.5 22 12S17.5 22 12 22C6.5 22 2 17.5 2 12C2 6.5 6.5 2 12 2M17 13.9L16.3 15.2L11 12.3V7H12.5V11.4L17 13.9Z'/%3E%3C/svg%3E%0A\")}.svg-icon.svg-undo:before{content:\"\";display:block;background-color:var(--icon-fill, currentColor);width:var(--icon-size, 0.875rem);height:var(--icon-size, 0.875rem);-webkit-mask-size:100%;mask-size:100%}.svg-icon.svg-undo:before{-webkit-mask-image:url(\"data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath style='fill: var(--icon-fill, currentColor)' d='M12.5,8C9.85,8 7.45,9 5.6,10.6L2,7V16H11L7.38,12.38C8.77,11.22 10.54,10.5 12.5,10.5C16.04,10.5 19.05,12.81 20.1,16L22.47,15.22C21.08,11.03 17.15,8 12.5,8Z'/%3E%3C/svg%3E%0A\");mask-image:url(\"data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath style='fill: var(--icon-fill, currentColor)' d='M12.5,8C9.85,8 7.45,9 5.6,10.6L2,7V16H11L7.38,12.38C8.77,11.22 10.54,10.5 12.5,10.5C16.04,10.5 19.05,12.81 20.1,16L22.47,15.22C21.08,11.03 17.15,8 12.5,8Z'/%3E%3C/svg%3E%0A\")}.svg-icon.svg-upload:before{content:\"\";display:block;background-color:var(--icon-fill, currentColor);width:var(--icon-size, 0.875rem);height:var(--icon-size, 0.875rem);-webkit-mask-size:100%;mask-size:100%}.svg-icon.svg-upload:before{-webkit-mask-image:url(\"data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath style='fill: var(--icon-fill, currentColor)' d='M9,16V10H5L12,3L19,10H15V16H9M5,20V18H19V20H5Z'/%3E%3C/svg%3E%0A\");mask-image:url(\"data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath style='fill: var(--icon-fill, currentColor)' d='M9,16V10H5L12,3L19,10H15V16H9M5,20V18H19V20H5Z'/%3E%3C/svg%3E%0A\")}.svg-icon.svg-wrong:before{content:\"\";display:block;background-color:var(--icon-fill, currentColor);width:var(--icon-size, 0.875rem);height:var(--icon-size, 0.875rem);-webkit-mask-size:100%;mask-size:100%}.svg-icon.svg-wrong:before{-webkit-mask-image:url(\"data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath style='fill: var(--icon-fill, currentColor)' d='M12,2C17.53,2 22,6.47 22,12C22,17.53 17.53,22 12,22C6.47,22 2,17.53 2,12C2,6.47 6.47,2 12,2M15.59,7L12,10.59L8.41,7L7,8.41L10.59,12L7,15.59L8.41,17L12,13.41L15.59,17L17,15.59L13.41,12L17,8.41L15.59,7Z'/%3E%3C/svg%3E%0A\");mask-image:url(\"data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath style='fill: var(--icon-fill, currentColor)' d='M12,2C17.53,2 22,6.47 22,12C22,17.53 17.53,22 12,22C6.47,22 2,17.53 2,12C2,6.47 6.47,2 12,2M15.59,7L12,10.59L8.41,7L7,8.41L10.59,12L7,15.59L8.41,17L12,13.41L15.59,17L17,15.59L13.41,12L17,8.41L15.59,7Z'/%3E%3C/svg%3E%0A\")}:host *{-webkit-box-sizing:border-box;box-sizing:border-box;font-size:0.875rem}:host{--wmcolor-taginput-altrow-background-table:var(--wmcolor-table-altrow-background);--wmcolor-taginput-border:var(--wmcolor-border-dark);--wmcolor-taginput-charcount-background:var(--wmcolor-background-readonly);--wmcolor-taginput-header-background-table:var(--wmcolor-table-header-background);--wmcolor-taginput-help-text:var(--wmcolor-text);--wmcolor-taginput-icon:var(--wmcolor-icon-accent);--wmcolor-taginput-maxtags-background:var(--wmcolor-background-readonly);--wmcolor-taginput-maxtags-border:var(--wmcolor-border-dark);--wmcolor-taginput-maxtags-text:var(--wmcolor-text);--wmcolor-taginput-option-background-hover:var(--wmcolor-option-background-hover);--wmcolor-taginput-option-background-focus:var(--wmcolor-option-background-focus);--wmcolor-taginput-option-background:var(--wmcolor-option-background);--wmcolor-taginput-option-border:var(--wmcolor-option-border);--wmcolor-taginput-option-text-selected:var(--wmcolor-option-text-disabled);--wmcolor-taginput-option-text:var(--wmcolor-interactive);--wmcolor-taginput-row-background-hover:var(--wmcolor-interactive-background-hover);--wmcolor-taginput-row-background-focus:var(--wmcolor-interactive-background-focus);--wmcolor-taginput-row-background-selected:var(--wmcolor-table-row-background-selected);--wmcolor-taginput-row-background-table:var(--wmcolor-table-row-background);--wmcolor-taginput-row-border-selected:var(--wmcolor-table-row-border-selected);--wmcolor-taginput-tag-background-highlight:var(--wmcolor-interactive-background-highlight);--wmcolor-taginput-tag-background-locked:var(--wmcolor-interactive-disabled);--wmcolor-taginput-tag-background:var(--wmcolor-palelilacgray);--wmcolor-taginput-tag-text-locked:var(--wmcolor-text-ondark);--wmcolor-taginput-tag-text:var(--wmcolor-text);--wmcolor-taginput-tagbutton-background-hover:var(--wmcolor-interactive-hover);--wmcolor-taginput-tagbutton-border:var(--wmcolor-interactive);--wmcolor-taginput-tagbutton-icon-hover:var(--wmcolor-interactive-ondark);--wmcolor-taginput-tagbutton-icon:var(--wmcolor-interactive);font-family:inherit;width:100%;display:block;max-height:80vh}:host .wrapper{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;font-size:0.875rem}:host .wrapper .label{display:block;line-height:normal;font-weight:600;white-space:nowrap;margin-bottom:0.25rem}:host .wrapper .label .required{color:var(--wmcolor-text-required)}:host .wrapper.label-left{-ms-flex-direction:row;flex-direction:row}:host .wrapper.label-left .label-wrapper{line-height:2.5rem}:host .wrapper.label-left .label-wrapper .label{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;min-height:2.5rem;white-space:normal;margin-bottom:0;margin-right:0.75rem}:host .wrapper.label-none label{position:absolute !important;width:1px !important;height:1px !important;padding:0 !important;border:0 !important;overflow:hidden !important;clip:rect(0, 0, 0, 0) !important;-webkit-clip-path:inset(50%) !important;clip-path:inset(50%) !important;white-space:nowrap !important;margin:-1px !important}:host .wrapper.invalid .label{color:var(--wmcolor-text-error);position:relative}:host .wrapper.invalid .label:after{content:\"\";display:block;background-color:var(--icon-fill, currentColor);width:var(--icon-size, 0.875rem);height:var(--icon-size, 0.875rem);-webkit-mask-size:100%;mask-size:100%}:host .wrapper.invalid .label:after{-webkit-mask-image:url(\"data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath style='fill: var(--icon-fill, currentColor)' d='M13 14H11V9H13M13 18H11V16H13M1 21H23L12 2L1 21Z'/%3E%3C/svg%3E%0A\");mask-image:url(\"data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath style='fill: var(--icon-fill, currentColor)' d='M13 14H11V9H13M13 18H11V16H13M1 21H23L12 2L1 21Z'/%3E%3C/svg%3E%0A\")}:host .wrapper.invalid .label:after{display:inline-block;-webkit-margin-start:0.25rem;margin-inline-start:0.25rem;vertical-align:middle;-ms-flex-negative:0;flex-shrink:0;-webkit-transform:translateY(-1px);transform:translateY(-1px)}:host .wrapper.rtl.label-left .label{margin-right:0;margin-left:0.75rem}:host .wrapper{width:100%;height:100%;max-height:inherit;min-height:inherit;position:relative}:host .field-wrapper{position:relative;width:100%;border:1px solid;border-color:var(--wmcolor-taginput-border);-webkit-border-radius:3px;-moz-border-radius:3px;-ms-border-radius:3px;border-radius:3px}:host .field-wrapper.focused{outline:2px solid var(--wmcolor-border-focus);border-color:var(--wmcolor-border-focus)}:host .field-wrapper.invalid{-webkit-box-shadow:0 0 0 1px var(--wmcolor-border-error);-moz-box-shadow:0 0 0 1px var(--wmcolor-border-error);box-shadow:0 0 0 1px var(--wmcolor-border-error);border-color:var(--wmcolor-border-error)}:host .wrapper:not(.label-left) .field-wrapper{-ms-flex-negative:0;flex-shrink:0}:host .character-count{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;min-width:5rem;background-color:var(--wmcolor-taginput-charcount-background);font-size:0.875rem;font-weight:500;-ms-flex-item-align:stretch;align-self:stretch}:host .tags-and-input-wrapper{position:relative;width:100%;padding:8px 8px 8px 6px;overflow:auto;max-height:200px}:host .tags-and-input-wrapper.in-modal{max-height:20vh}:host .upper-row{width:100%;display:-ms-flexbox;display:flex;-ms-flex:1;flex:1;-ms-flex-pack:justify;justify-content:space-between}:host .upper-row .svg-search{--icon-size:1.125rem;-ms-flex-negative:0;flex-shrink:0;-ms-flex-item-align:center;align-self:center;margin:0.75rem 0.5rem 0.75rem 0.75rem;color:var(--wmcolor-taginput-icon)}:host .lower-row{width:100%;min-height:1.875rem}:host #max-tags{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;min-height:1.875rem;background-color:var(--wmcolor-taginput-maxtags-background);padding:0.5rem 1rem;color:var(--wmcolor-taginput-maxtags-text);font-size:0.875rem;-webkit-border-before:1px solid var(--wmcolor-taginput-maxtags-border);border-block-start:1px solid var(--wmcolor-taginput-maxtags-border);border-radius:0 0 3px 3px}:host .tag-area{display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;padding:0;margin:0;gap:8px}:host .tag-area:focus{outline:none}:host .tag-area li{display:-ms-inline-flexbox;display:inline-flex;-ms-flex-align:center;align-items:center;height:1.75rem;list-style:none;color:var(--wmcolor-taginput-tag-text);background-color:var(--wmcolor-taginput-tag-background);padding:0.5rem 0.625rem;-webkit-transition:background-color 0.3s cubic-bezier(0.4, 0, 0.2, 1);transition:background-color 0.3s cubic-bezier(0.4, 0, 0.2, 1);white-space:pre}:host .tag-area li.highlight{-webkit-animation:fadeIn 1s;animation:fadeIn 1s}@-webkit-keyframes fadeIn{0%{background-color:var(--wmcolor-taginput-tag-background)}50%{background-color:var(--wmcolor-taginput-tag-background-highlight)}100%{background-color:var(--wmcolor-taginput-tag-background)}}@keyframes fadeIn{0%{background-color:var(--wmcolor-taginput-tag-background)}50%{background-color:var(--wmcolor-taginput-tag-background-highlight)}100%{background-color:var(--wmcolor-taginput-tag-background)}}:host .tag-area li.locked{background-color:var(--wmcolor-taginput-tag-background-locked);color:var(--wmcolor-taginput-tag-text-locked)}:host .tag-area li .icon{display:-ms-inline-flexbox;display:inline-flex;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center;height:1.25rem;width:1.25rem;padding:0;-webkit-margin-start:0.5rem;margin-inline-start:0.5rem}:host .tag-area li .icon.remove-btn{border:1px solid var(--wmcolor-taginput-tagbutton-border);color:var(--wmcolor-taginput-tagbutton-icon);border-radius:50%;cursor:pointer;-webkit-transition:background-color 500ms cubic-bezier(0.4, 0, 0.2, 1), color 500ms cubic-bezier(0.4, 0, 0.2, 1);transition:background-color 500ms cubic-bezier(0.4, 0, 0.2, 1), color 500ms cubic-bezier(0.4, 0, 0.2, 1)}:host .tag-area li .icon.remove-btn:hover{color:var(--wmcolor-taginput-tagbutton-icon-hover);background-color:var(--wmcolor-taginput-tagbutton-background-hover)}:host .tag-area li .svg-locked{color:var(--wmcolor-taginput-tag-text-locked);-webkit-margin-start:0.5rem;margin-inline-start:0.5rem}:host .tag-area.user-is-keying:focus-visible li.focused{outline:3px solid var(--wmcolor-interactive-focus);outline-offset:3px}:host .input{font-family:inherit;border:none;height:1.75rem;padding:0;margin:0;inset-inline-end:8px}:host .input:focus{outline:none}:host .tag-area:not(.empty)+.input.extended{-webkit-margin-before:8px;margin-block-start:8px}:host .dropdown-wrapper{margin:0;padding:0;-webkit-box-shadow:0 4px 15px 0 rgba(0, 0, 0, 0.2);-moz-box-shadow:0 4px 15px 0 rgba(0, 0, 0, 0.2);box-shadow:0 4px 15px 0 rgba(0, 0, 0, 0.2);-ms-transition:transform 0.25s ease;-webkit-transition:transform 0.25s ease;-moz-transition:transform 0.25s ease;-webkit-transition:-webkit-transform 0.25s ease;transition:-webkit-transform 0.25s ease;transition:transform 0.25s ease;transition:transform 0.25s ease, -webkit-transform 0.25s ease;-ms-transform:scale(1, 0);-webkit-transform:scale(1, 0);-moz-transform:scale(1, 0);transform:scale(1, 0);-ms-transform-origin:center top;-webkit-transform-origin:center top;-moz-transform-origin:center top;transform-origin:center top;-webkit-border-radius:3px;-moz-border-radius:3px;-ms-border-radius:3px;border-radius:3px;position:absolute;inset-block-start:calc(100% + 2px);inset-inline-end:0;z-index:100;width:100%;font-size:0.875rem}:host .dropdown-wrapper .dropdown{-webkit-overflow-scrolling:touch;overflow:auto;max-height:12.5rem;margin:0;padding:0}:host .dropdown-wrapper.open{-ms-transform:scale(1, 1);-webkit-transform:scale(1, 1);-moz-transform:scale(1, 1);transform:scale(1, 1)}:host .dropdown-wrapper.upwards{inset-block-start:unset;inset-block-end:calc(100% + 2px);-ms-transform-origin:center bottom;-webkit-transform-origin:center bottom;-moz-transform-origin:center bottom;transform-origin:center bottom}:host .dropdown-wrapper li,:host .dropdown-wrapper div{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;padding:0 1rem;background:var(--wmcolor-taginput-option-background);list-style:none;min-height:2.6875rem;white-space:pre-wrap;overflow-wrap:anywhere}:host .dropdown-wrapper li.option,:host .dropdown-wrapper li.add-new-btn,:host .dropdown-wrapper div.option,:host .dropdown-wrapper div.add-new-btn{cursor:pointer;color:var(--wmcolor-taginput-option-text);font-weight:bold;width:100%;border:none}:host .dropdown-wrapper li.option[aria-selected=true],:host .dropdown-wrapper li.add-new-btn[aria-selected=true],:host .dropdown-wrapper div.option[aria-selected=true],:host .dropdown-wrapper div.add-new-btn[aria-selected=true]{color:var(--wmcolor-taginput-option-text-selected);font-style:italic;font-weight:normal;cursor:unset}:host .dropdown-wrapper li.option:hover:not([aria-selected=true]),:host .dropdown-wrapper li.add-new-btn:hover:not([aria-selected=true]),:host .dropdown-wrapper div.option:hover:not([aria-selected=true]),:host .dropdown-wrapper div.add-new-btn:hover:not([aria-selected=true]){outline:none;background:var(--wmcolor-taginput-option-background-hover)}:host .dropdown-wrapper li.option.focused,:host .dropdown-wrapper li.add-new-btn.focused,:host .dropdown-wrapper div.option.focused,:host .dropdown-wrapper div.add-new-btn.focused{outline:none;background:var(--wmcolor-taginput-option-background-focus)}:host .dropdown-wrapper li.help-text,:host .dropdown-wrapper div.help-text{color:var(--wmcolor-taginput-help-text);height:auto;min-height:2.6875rem;-webkit-padding-before:0.25rem;padding-block-start:0.25rem;-webkit-padding-after:0.25rem;padding-block-end:0.25rem;white-space:normal}:host .dropdown-wrapper li:not(:last-child),:host .dropdown-wrapper div:not(:last-child){-webkit-border-after:2px solid var(--wmcolor-taginput-option-border);border-block-end:2px solid var(--wmcolor-taginput-option-border)}:host .info-text{font-style:italic;-webkit-margin-before:0.25rem;margin-block-start:0.25rem}:host .table-wrapper{overflow:auto;-webkit-margin-before:1.5rem;margin-block-start:1.5rem}:host .table-wrapper:focus{outline:none}:host .table-wrapper #table{width:100%;border-spacing:0px}:host .table-wrapper #table.fixed-widths{table-layout:fixed}:host .table-wrapper #table .headers{height:2.5rem;background-color:var(--wmcolor-taginput-header-background-table)}:host .table-wrapper #table .headers th{text-align:start;font-size:0.75rem;font-weight:700;text-transform:uppercase;padding:0 1.5rem}:host .table-wrapper tr:nth-child(even){background-color:var(--wmcolor-taginput-altrow-background-table)}:host .table-wrapper tr.selected,:host .table-wrapper tr.locked{background-color:var(--wmcolor-taginput-row-background-selected);-webkit-box-shadow:inset 0 0 0 1px var(--wmcolor-taginput-row-border-selected);box-shadow:inset 0 0 0 1px var(--wmcolor-taginput-row-border-selected);font-weight:500}:host .table-wrapper tr.focused{background-color:var(--wmcolor-taginput-row-background-focus);-webkit-box-shadow:none;box-shadow:none}:host .table-wrapper tr:hover:not(.locked){background-color:var(--wmcolor-taginput-row-background-hover);-webkit-box-shadow:none;box-shadow:none}:host .table-wrapper tr.locked td{cursor:auto}:host .table-wrapper tr.locked .svg-locked{display:inline-block;color:var(--wmcolor-taginput-tag-text);-webkit-margin-end:0.5rem;margin-inline-end:0.5rem}:host .table-wrapper td{height:3.75rem;vertical-align:middle;padding:0 1.5rem;cursor:pointer}:host .table-wrapper td.focused{outline:3px solid var(--wmcolor-interactive-focus);outline-offset:-3px}:host .table-wrapper td .cell-content-wrapper.trunc{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}:host .description{display:none}:host .no-results{padding:1.25rem 1.5rem}:host .sr-only{position:absolute !important;width:1px !important;height:1px !important;padding:0 !important;border:0 !important;overflow:hidden !important;clip:rect(0, 0, 0, 0) !important;-webkit-clip-path:inset(50%) !important;clip-path:inset(50%) !important;white-space:nowrap !important;margin:-1px !important}:host #error{display:block;font-style:italic;color:var(--wmcolor-text-error);font-size:0.875rem}:host #error:not(:empty){margin-top:0.25rem}";
6
- const WmTagInputStyle0 = wmTagInputCss;
7
-
8
- const TagInput = class {
9
- constructor(hostRef) {
10
- registerInstance(this, hostRef);
11
- this.wmTagInputTagAdded = createEvent(this, "wmTagInputTagAdded", 7);
12
- this.addNewHelpText = intl.formatMessage({
13
- id: "tagInput.addNewHelpText",
14
- defaultMessage: "Press the Enter or Comma key to add a new tag.",
15
- description: "Instructional text, where tag refers to a tag UI element that can be added to a list. Use imperative",
16
- });
17
- this.selectionHelpText = intl.formatMessage({
18
- id: "tagInput.selectionHelpText",
19
- defaultMessage: "Search and select a tag.",
20
- description: "Instructional text, where tag refers to a tag UI element that can be added to a list. Use imperative",
21
- });
22
- this.maxTagsReachedMessage = intl.formatMessage({
23
- id: "tagInput.maxTagsReached",
24
- defaultMessage: "No more tags can be added because the limit has been reached.",
25
- description: "Tag refers to a tag UI element that can be added to a list.",
26
- });
27
- this.tagAreaInstructions = intl.formatMessage({
28
- id: "tagInput.tagAreaInstructions",
29
- defaultMessage: "tag selection. Press Backspace or Delete to remove a tag.",
30
- description: "Label for a UI element where a user can select from a list of tags.",
31
- });
32
- this.tagsAddedMessage = intl.formatMessage({
33
- id: "tagInput.tagsAdded",
34
- defaultMessage: "Tags added",
35
- description: "Tag refers to a tag UI element that can be added to a list. Full message for context: 'Tags added: x/y",
36
- });
37
- this.noResultsMessage = intl.formatMessage({
38
- id: "tagInput.noResults",
39
- defaultMessage: "No results match your search.",
40
- });
41
- this.openUp = false;
42
- this.inModal = false;
43
- this.debouncedUpdate = debounce(() => forceUpdate(this.el), 30);
44
- this.label = undefined;
45
- this.errorMessage = undefined;
46
- this.info = undefined;
47
- this.labelPosition = "top";
48
- this.maxTags = undefined;
49
- this.placeholder = undefined;
50
- this.requiredField = false;
51
- this.tagInputType = "dropdown";
52
- this.helpText = undefined;
53
- this.addNew = true;
54
- this.characterLimit = 50;
55
- this.colHeaders = undefined;
56
- this.colWidths = undefined;
57
- this.colWrap = undefined;
58
- this.isKeying = false;
59
- this.isExpanded = false;
60
- this.liveRegionMessage = "";
61
- this.focusedOption = undefined;
62
- this.focusedColumn = 0;
63
- this.focusedTagIndex = undefined;
64
- this.tagsList = [];
65
- }
66
- addNewTagMessage(newTagName) {
67
- return intl.formatMessage({
68
- id: "tagInput.addNewTag",
69
- defaultMessage: "Add {newTagName}",
70
- description: "Button text to add a new tag to a list of tags",
71
- }, { newTagName: newTagName });
72
- }
73
- toggleKeyingOn() {
74
- this.isKeying = true;
75
- }
76
- toggleKeyingOff() {
77
- this.isKeying = false;
78
- }
79
- get isDropdown() {
80
- return this.tagInputType === "dropdown";
81
- }
82
- get isTable() {
83
- return this.tagInputType === "table";
84
- }
85
- get charCount() {
86
- return this.inputEl ? this.inputEl.value.length : 0;
87
- }
88
- get tooltipVisible() {
89
- return document.getElementById("wm-tooltip").classList.contains("show");
90
- }
91
- get optionEls() {
92
- return Array.from(this.el.querySelectorAll("wm-tag-option"));
93
- }
94
- // list of options matching user query
95
- get filteredOptionEls() {
96
- const query = this.inputEl ? this.inputEl.value.toLowerCase() : "";
97
- const list = Array.from(this.optionEls).filter((o) => {
98
- let values = "";
99
- if (this.isDropdown) {
100
- values = o.textContent.toLowerCase();
101
- }
102
- else if (this.isTable) {
103
- values = [o.col1, o.col2, o.col3, o.col4].join("").toLowerCase();
104
- }
105
- return values.includes(query);
106
- });
107
- return list;
108
- }
109
- // the ones that should be rendered as tags
110
- get taggedOptions() {
111
- return this.optionEls.filter((o) => o.selected || o.locked);
112
- }
113
- // for visual stuff (measuring, truncating...)
114
- get _tagEls() {
115
- return this.tagAreaEl ? Array.from(this.tagAreaEl.querySelectorAll(".tag")) : [];
116
- }
117
- get focusedTag() {
118
- if (this.focusedTagIndex !== undefined && this.focusedTagIndex >= 0) {
119
- return this._tagEls[this.focusedTagIndex];
120
- }
121
- }
122
- // get the wm-tag-option, given the internal representation (dropdown li or table tr)
123
- tagOptionFromEl(el) {
124
- return el.id === "add-new-btn" ? undefined : this.el.querySelector("#" + el.id);
125
- }
126
- // get the wm-tag-option, given the internal representation of a tag
127
- tagOptionFromTag(el) {
128
- const id = el.id.replace("tag-", "");
129
- return this.el.querySelector("#" + id);
130
- }
131
- // get the internal representation of a wm-tag-option
132
- elFromTagOption(el) {
133
- return this.el.shadowRoot.querySelector("#" + el.id);
134
- }
135
- // focusedOption state refers to the wm-tag-option. This gets the corresponding element in the shadow DOM, or the "Add New" button.
136
- get _focusedOption() {
137
- if (!!this.focusedOption) {
138
- return this.elFromTagOption(this.focusedOption);
139
- }
140
- else if (this.addNewButton && this.addNewButton.classList.contains("focused")) {
141
- return this.addNewButton;
142
- }
143
- }
144
- get _focusedCell() {
145
- if (!!this._focusedOption) {
146
- const allCells = Array.from(this._focusedOption.querySelectorAll("td"));
147
- const index = this.focusedColumn || 0;
148
- return allCells[index];
149
- }
150
- }
151
- get inputActiveDescendantId() {
152
- if (this._focusedOption) {
153
- if (this.isTable) {
154
- const cells = Array.from(this._focusedOption.querySelectorAll("td"));
155
- return cells[this.focusedColumn].id;
156
- }
157
- return this._focusedOption.id;
158
- }
159
- return null;
160
- }
161
- get tagLimitReached() {
162
- return !!(this.maxTags && this.taggedOptions.length >= this.maxTags);
163
- }
164
- get inputMinimumWidth() {
165
- if (this._tagEls) {
166
- // 150px is the minimum width of the input field, or the length of the placeholder text
167
- const inputElStyles = getComputedStyle(this.inputEl);
168
- const tagElStyles = getComputedStyle(this._tagEls[this._tagEls.length - 1]);
169
- const inputElBuffer = [
170
- inputElStyles.paddingLeft,
171
- inputElStyles.paddingRight,
172
- inputElStyles.marginLeft,
173
- inputElStyles.marginRight,
174
- tagElStyles.marginRight,
175
- ].reduce((prev, curr) => prev + parseInt(curr.replace("px", "")), 0);
176
- const minimumWidth = Math.max(150, measureText(this.inputEl, this.placeholder).width + inputElBuffer);
177
- return minimumWidth;
178
- }
179
- else {
180
- return 150;
181
- }
182
- }
183
- getTagName(o) {
184
- // when the user is typing and adding a new option, all we can pass is the text typed. so for the dropdown type the tag name is the identifier. It also takes care of duplicates. Table variant requires an id as the tag name is the first column but we want to allow duplicates here (e.g. people with the same name)
185
- return this.isDropdown ? o.textContent : o.col1;
186
- }
187
- isExistingTag(tag) {
188
- const list = this.optionEls.map((o) => this.getTagName(o).toLowerCase());
189
- return list.includes(tag.toLowerCase());
190
- }
191
- tagAddedMessage(tag) {
192
- return intl.formatMessage({
193
- id: "tagInput.tagAdded",
194
- defaultMessage: "{tagName} added.",
195
- description: "Confirmation for adding a tag UI element to a list of tags.",
196
- }, { tagName: tag });
197
- }
198
- tagRemovedMessage(tag) {
199
- return intl.formatMessage({
200
- id: "tagInput.tagRemoved",
201
- defaultMessage: "{tagName} removed.",
202
- description: "Confirmation for removing a tag UI element from a list of tags.",
203
- }, { tagName: tag });
204
- }
205
- tagAlreadyAddedMessage(tag) {
206
- return intl.formatMessage({
207
- id: "tagInput.tagAlreadyAdded",
208
- defaultMessage: "{tagName} has already been added.",
209
- description: "Alert for adding a tag UI element that is already included in the list.",
210
- }, { tagName: tag });
211
- }
212
- tagLockedMessage(tag) {
213
- return intl.formatMessage({
214
- id: "tagInput.tagLocked",
215
- defaultMessage: "{tagName} is locked and cannot be removed.",
216
- description: "Alert indicating a tag UI element cannot be removed from its list.",
217
- }, { tagName: tag });
218
- }
219
- isElOrChild(el) {
220
- return el === this.el || this.el.shadowRoot.contains(el) || this.el.contains(el);
221
- }
222
- componentWillLoad() {
223
- if (!this.placeholder) {
224
- this.placeholder = this.createPlaceholderDefault(this.addNew, this.optionEls.length > 0);
225
- }
226
- if (!this.label) {
227
- console.error("wm-tag-input must have a label property");
228
- }
229
- this.el.focus = () => {
230
- const firstFocusableTag = this._tagEls[0];
231
- if (firstFocusableTag) {
232
- this.tagAreaEl.focus();
233
- this.focusTag(firstFocusableTag);
234
- }
235
- else {
236
- this.inputEl.focus();
237
- }
238
- };
239
- // on resize of component, trigger componentDidRender -> positionInput
240
- const resizeObserver = new ResizeObserver(() => this.debouncedUpdate());
241
- resizeObserver.observe(this.el);
242
- // if within wm-modal, change max-height to vh unit
243
- if (this.el.closest("wm-modal")) {
244
- this.inModal = true;
245
- }
246
- const lockedTags = [];
247
- const regularTags = [];
248
- this.optionEls.forEach((o) => {
249
- if (o.locked) {
250
- lockedTags.push(o);
251
- }
252
- else if (o.selected) {
253
- regularTags.push(o);
254
- }
255
- });
256
- this.tagsList = [...lockedTags, ...regularTags];
257
- }
258
- componentDidLoad() {
259
- // Set up observer to announce changes in selected tags, or removed user-added tags
260
- const observerAnnouncer = new MutationObserver((optionListMutations) => optionListMutations.forEach((mutationRecord) => this.handleChangeAnnouncement(mutationRecord)));
261
- observerAnnouncer.observe(this.el, {
262
- subtree: true,
263
- attributes: true,
264
- attributeFilter: ["selected"],
265
- childList: true,
266
- });
267
- // Set up observer that ensures parent reload
268
- // when children wm-tag-options are removed
269
- const optionListObserver = new MutationObserver((optionListMutations) => optionListMutations.forEach((mutationRecord) => this.handleOptionListChange(mutationRecord)));
270
- optionListObserver.observe(this.el, {
271
- childList: true,
272
- });
273
- // Set up the observer that will handle focus
274
- // when tag list changes
275
- if (!!this.tagAreaEl) {
276
- const tagListObserver = new MutationObserver((tagListMutations) => tagListMutations.forEach((mutationRecord) => this.handleTagListChange(mutationRecord)));
277
- tagListObserver.observe(this.tagAreaEl, {
278
- childList: true,
279
- });
280
- }
281
- }
282
- handleChangeAnnouncement(mutationRecord) {
283
- const tagOptionEl = mutationRecord.target;
284
- if (mutationRecord.type == "childList" && mutationRecord.removedNodes.length > 0) {
285
- // announce deselection of user-added tag, whose element removal is picked up
286
- this.announce(this.tagRemovedMessage(mutationRecord.removedNodes[0].textContent));
287
- }
288
- else if (mutationRecord.type == "attributes") {
289
- const tagName = this.getTagName(tagOptionEl);
290
- // announce selection or deselection of all kinds of tags
291
- if (tagOptionEl.selected) {
292
- let changeAnnouncement = this.tagAddedMessage(tagName);
293
- if (this.tagLimitReached) {
294
- changeAnnouncement += ` ${this.maxTagsReachedMessage}`;
295
- }
296
- this.announce(changeAnnouncement);
297
- }
298
- else {
299
- this.announce(this.tagRemovedMessage(tagName));
300
- }
301
- }
302
- }
303
- handleOptionListChange(record) {
304
- const addedNodes = Array.from(record.addedNodes);
305
- if (addedNodes.length > 0) {
306
- addedNodes.forEach((n) => !this.tagsList.includes(n) && this.tagsList.push(n));
307
- }
308
- const removedNodes = Array.from(record.removedNodes);
309
- if (removedNodes.length > 0) {
310
- this.tagsList = this.tagsList.filter((t) => !removedNodes.includes(t));
311
- }
312
- }
313
- handleTagOptionSelected(ev) {
314
- const selOption = ev.target;
315
- this.tagsList = this.tagsList.concat(selOption);
316
- }
317
- handleTagOptionDeselected(ev) {
318
- const deselOption = ev.target;
319
- this.tagsList = this.tagsList.filter((t) => t != deselOption);
320
- }
321
- handleTagListChange(mutationRecord) {
322
- const addedTags = Array.from(mutationRecord.addedNodes);
323
- if (!!addedTags) {
324
- addedTags.forEach((t) => {
325
- t.classList.add("highlight");
326
- });
327
- }
328
- // there are 2 cases: the option still exists but is no longer selected,
329
- // or it was removed altogether
330
- const removedTag = mutationRecord.removedNodes[0];
331
- if (!!removedTag) {
332
- removedTag.classList.remove("highlight");
333
- // this is a trick. focusedTag gets the ref from an index. When an element
334
- // is removed it will fall back on the new element with that index if it exists
335
- if (this.focusedTag) {
336
- this.focusTag(this.focusedTag);
337
- }
338
- else if (this._tagEls.length > 0) {
339
- // Otherwise the last tag was deleted and we reassign to the new last tag.
340
- const tagToFocus = this._tagEls[this._tagEls.length - 1];
341
- this.focusTag(tagToFocus);
342
- }
343
- else {
344
- // unless there are no more tags...
345
- this.inputEl.focus();
346
- }
347
- }
348
- }
349
- componentDidRender() {
350
- this.positionInput();
351
- // check each tag if truncation is needed
352
- this._tagEls.forEach((tag) => {
353
- const textEl = tag.querySelector(".tag-text");
354
- const wrapper = this.el.shadowRoot.querySelector(".tags-and-input-wrapper");
355
- const leftBound = textEl.getBoundingClientRect().left;
356
- // the numbers represent spacing values for padding, margin, and delete icon
357
- const rightBound = wrapper.getBoundingClientRect().right - 10 - 8 - 28;
358
- const id = tag.id.replace("tag-", "");
359
- const optionEl = id && this.el.querySelector("#" + id);
360
- if (optionEl) {
361
- // tag text for table variant is first column text
362
- textEl.textContent = truncateText(textEl, this.getTagName(optionEl), rightBound - leftBound, 5);
363
- }
364
- });
365
- }
366
- createPlaceholderDefault(addNew, hasOptions) {
367
- const addAndSearchPlaceholder = intl.formatMessage({
368
- id: "tagInput.placeholderAddAndSearch",
369
- defaultMessage: "Add or search for a tag",
370
- description: "Placeholder text. Use imperative",
371
- });
372
- const searchPlaceholder = intl.formatMessage({
373
- id: "tagInput.placeholderSearch",
374
- defaultMessage: "Search and select a tag",
375
- description: "Placeholder text. Use imperative",
376
- });
377
- const addPlaceholder = intl.formatMessage({
378
- id: "tagInput.placeholderAdd",
379
- defaultMessage: "Add a new tag",
380
- description: "Placeholder text. Use imperative",
381
- });
382
- let placeholder = "";
383
- if (addNew && hasOptions) {
384
- placeholder = addAndSearchPlaceholder;
385
- }
386
- else if (!addNew && hasOptions) {
387
- placeholder = searchPlaceholder;
388
- }
389
- else if (addNew) {
390
- placeholder = addPlaceholder;
391
- }
392
- return placeholder;
393
- }
394
- handleClick(ev) {
395
- const el = ev.target;
396
- if (this.isDropdown && !this.el.contains(el) && this.isExpanded) {
397
- this.closeDropdown();
398
- }
399
- }
400
- announceError() {
401
- if (this.errorMessage) {
402
- setTimeout(() => this.announce(this.errorMessage), 100);
403
- }
404
- }
405
- handleOptionClick(ev) {
406
- ev.preventDefault();
407
- this.resetInput();
408
- let option;
409
- if (this.isTable) {
410
- option = ev.target;
411
- option = this.tagOptionFromEl(option.closest("tr"));
412
- }
413
- else {
414
- option = this.tagOptionFromEl(ev.target);
415
- }
416
- // if someone wants to attach a click event listener on wm-tag-option
417
- option.click();
418
- if (option.locked) {
419
- this.announce(this.tagLockedMessage(this.getTagName(option)));
420
- }
421
- else {
422
- option.selected
423
- ? this.isTable && option.emitDeselectedEvent() // dropdown doesn't deselect on option click
424
- : option.emitSelectedEvent();
425
- }
426
- }
427
- // From wm-button
428
- // we need to listen for scroll events during the capture phase because they do not bubble up
429
- // there can be layouts where the main content has 100vh and overflows
430
- // in these cases window will register no scroll events unless we catch on they way down
431
- dismissTooltip() {
432
- if (this.tooltipVisible) {
433
- hideTooltip();
434
- }
435
- }
436
- handleInputKeyDown(ev) {
437
- if (/^.$/.test(ev.key) && this.charCount >= this.characterLimit) {
438
- this.announce(this.generateCharacterLimitWarning(this.charCount, this.characterLimit));
439
- }
440
- switch (ev.key) {
441
- case "Enter":
442
- ev.preventDefault();
443
- this.handleInputEnter();
444
- break;
445
- case "ArrowDown":
446
- ev.preventDefault();
447
- this.handleInputArrowDown();
448
- break;
449
- case "ArrowUp":
450
- ev.preventDefault();
451
- this.handleInputArrowUp();
452
- break;
453
- case "ArrowLeft":
454
- if (this.isTable) {
455
- ev.preventDefault();
456
- this.focusPrevCell();
457
- }
458
- break;
459
- case "ArrowRight":
460
- if (this.isTable) {
461
- ev.preventDefault();
462
- this.focusNextCell();
463
- }
464
- break;
465
- case "Escape":
466
- if (this.isDropdown && this.isExpanded) {
467
- ev.preventDefault();
468
- this.closeDropdown();
469
- }
470
- break;
471
- case "ArrowLeft":
472
- case "Backspace":
473
- this.handleInputBackspace();
474
- break;
475
- }
476
- }
477
- handleInputFocus() {
478
- this.clearOptionFocus();
479
- if (this.isDropdown) {
480
- this.openDropdown();
481
- }
482
- }
483
- handleInputChanged(ev) {
484
- this.clearOptionFocus();
485
- if (this.isDropdown) {
486
- if (this.charCount >= this.characterLimit - 5) {
487
- this.announce(this.generateCharacterLimitWarning(this.charCount, this.characterLimit));
488
- }
489
- if (!this.isExpanded) {
490
- this.openDropdown();
491
- }
492
- }
493
- const val = ev.target.value;
494
- if (val.includes(",") && this.addNew) {
495
- this.addTags(val);
496
- }
497
- else {
498
- this.announceExistingOptions();
499
- }
500
- }
501
- handleInputEnter() {
502
- // user has selected an option in the list
503
- if (this.focusedOption) {
504
- if (this.focusedOption.locked) {
505
- this.announce(this.tagLockedMessage(this.getTagName(this.focusedOption)));
506
- }
507
- else {
508
- this.focusedOption.click();
509
- this.focusedOption.selected
510
- ? this.isTable && this.focusedOption.emitDeselectedEvent()
511
- : this.focusedOption.emitSelectedEvent();
512
- this.resetInput();
513
- }
514
- }
515
- else if (this.isDropdown) {
516
- // user is adding a new tag
517
- const tagName = this.inputEl.value;
518
- if (!!tagName) {
519
- this.isExistingTag(tagName) ? this.announce(this.tagAlreadyAddedMessage(tagName)) : this.addTags(tagName);
520
- this.resetInput();
521
- }
522
- }
523
- }
524
- handleInputArrowDown() {
525
- if (this.isDropdown) {
526
- if (!this.isExpanded) {
527
- this.openDropdown();
528
- }
529
- else {
530
- let items = [];
531
- // the id check prevents a bug where the ref is reassigned to the first option causing it to be added twice (after adding a new user option)
532
- if (this.addNewButton && this.addNewButton.id === "add-new-btn") {
533
- items.push(this.addNewButton);
534
- }
535
- this.filteredOptionEls.forEach((o) => {
536
- items.push(this.elFromTagOption(o));
537
- });
538
- const next = findNext(items, this._focusedOption, true);
539
- this.focusOption(next);
540
- }
541
- }
542
- else {
543
- const items = this.filteredOptionEls.map((o) => this.elFromTagOption(o));
544
- const next = findNext(items, this._focusedOption, true);
545
- this.focusOption(next);
546
- }
547
- }
548
- handleInputArrowUp() {
549
- if (this.isDropdown) {
550
- if (!this.isExpanded) {
551
- this.openDropdown();
552
- }
553
- else {
554
- let items = [];
555
- if (this.addNewButton) {
556
- items.push(this.addNewButton);
557
- }
558
- this.filteredOptionEls.forEach((o) => {
559
- items.push(this.elFromTagOption(o));
560
- });
561
- const prev = findPrev(items, this._focusedOption, true);
562
- this.focusOption(prev);
563
- }
564
- }
565
- else {
566
- const items = this.filteredOptionEls.map((o) => this.elFromTagOption(o));
567
- const prev = findPrev(items, this._focusedOption, true);
568
- this.focusOption(prev);
569
- }
570
- }
571
- handleInputBackspace() {
572
- if (this.inputEl.value === "" && this._tagEls.length > 0) {
573
- this.isKeying = true;
574
- // wait for events to finish firing before redirecting focus
575
- // prevents double input in input area and tag area
576
- window.requestAnimationFrame(() => {
577
- this.tagAreaEl.focus();
578
- this.focusTag(this._tagEls[this._tagEls.length - 1]);
579
- });
580
- }
581
- }
582
- handleTagAreaKeyDown(ev) {
583
- switch (ev.key) {
584
- case "ArrowLeft":
585
- case "ArrowUp":
586
- ev.preventDefault();
587
- if (this.focusedTag) {
588
- const prev = findPrev(this._tagEls, this.focusedTag, true);
589
- this.focusTag(prev);
590
- }
591
- break;
592
- case "ArrowRight":
593
- case "ArrowDown":
594
- ev.preventDefault();
595
- if (this.focusedTag) {
596
- const next = findNext(this._tagEls, this.focusedTag, true);
597
- this.focusTag(next);
598
- }
599
- break;
600
- case "Backspace":
601
- case "Delete":
602
- if (this.focusedTag) {
603
- const option = this.tagOptionFromTag(this.focusedTag);
604
- if (option.locked) {
605
- this.announce(this.tagLockedMessage(this.getTagName(option)));
606
- }
607
- else {
608
- option.emitDeselectedEvent();
609
- }
610
- }
611
- break;
612
- }
613
- }
614
- handleBlur(ev) {
615
- this.dismissTooltip();
616
- this.clearOptionFocus();
617
- const relTarget = ev.relatedTarget;
618
- if (!this.isElOrChild(relTarget)) {
619
- this.fieldWrapperEl.classList.remove("focused");
620
- if (this.isDropdown) {
621
- this.closeDropdown();
622
- }
623
- }
624
- }
625
- handleTagAreaFocus(ev) {
626
- if (this.isDropdown) {
627
- this.closeDropdown();
628
- }
629
- if (this._tagEls.length > 0) {
630
- const relTarget = ev.relatedTarget;
631
- if (relTarget && relTarget.id === "input") {
632
- const lastFocusableTag = this._tagEls[this._tagEls.length - 1];
633
- this.focusTag(lastFocusableTag);
634
- }
635
- else {
636
- const firstFocusableTag = this._tagEls[0];
637
- this.focusTag(firstFocusableTag);
638
- }
639
- }
640
- }
641
- handleTableWrapperFocus() {
642
- // Forward focus to first focusable table row when container receives focus
643
- if (this.isTable) {
644
- // First try filtered options, then fall back to all options
645
- let targetOptions = this.filteredOptionEls;
646
- if (targetOptions.length === 0) {
647
- targetOptions = this.optionEls;
648
- }
649
- if (targetOptions.length > 0) {
650
- const firstOption = targetOptions[0];
651
- const firstRow = this.elFromTagOption(firstOption);
652
- if (firstRow) {
653
- this.focusOption(firstRow);
654
- return; // Successfully handled focus
655
- }
656
- }
657
- // Fallback: if we can't find any options or rows, keep focus on input
658
- // This prevents focus from going to body
659
- if (this.inputEl) {
660
- this.inputEl.focus();
661
- }
662
- }
663
- }
664
- handleTableWrapperKeyDown(ev) {
665
- // Override browser's default scrolling behavior and delegate to our navigation
666
- switch (ev.key) {
667
- case "ArrowDown":
668
- ev.preventDefault();
669
- this.handleInputArrowDown();
670
- break;
671
- case "ArrowUp":
672
- ev.preventDefault();
673
- this.handleInputArrowUp();
674
- break;
675
- case "ArrowLeft":
676
- ev.preventDefault();
677
- this.focusPrevCell();
678
- break;
679
- case "ArrowRight":
680
- ev.preventDefault();
681
- this.focusNextCell();
682
- break;
683
- case "Enter":
684
- ev.preventDefault();
685
- this.handleInputEnter();
686
- break;
687
- case "Escape":
688
- ev.preventDefault();
689
- // Focus back to input as a safe fallback
690
- if (this.inputEl) {
691
- this.inputEl.focus();
692
- }
693
- break;
694
- }
695
- }
696
- focusPrevCell() {
697
- if (this.focusedOption) {
698
- if (this.focusedColumn > 0) {
699
- this.focusedColumn -= 1;
700
- }
701
- }
702
- }
703
- focusNextCell() {
704
- if (this._focusedOption) {
705
- const lastCellIdx = this._focusedOption.querySelectorAll("td").length - 1;
706
- if (this.focusedColumn < lastCellIdx) {
707
- this.focusedColumn += 1;
708
- }
709
- }
710
- }
711
- focusOption(optionToFocus) {
712
- if (optionToFocus) {
713
- // will be undefined for the "Add New" button
714
- this.focusedOption = this.tagOptionFromEl(optionToFocus);
715
- if (optionToFocus === this.addNewButton) {
716
- this.addNewButton.classList.add("focused");
717
- }
718
- else {
719
- this.addNewButton && this.addNewButton.classList.remove("focused");
720
- }
721
- if (this.isTable) {
722
- // tooltip
723
- const contentWrapper = this._focusedOption.querySelector(".cell-content-wrapper");
724
- const isTruncated = contentWrapper.scrollWidth > contentWrapper.clientWidth;
725
- this.dismissTooltip();
726
- if (isTruncated) {
727
- // innerText is necessary vs textContent, as innerText ignores sr-only / display: none text
728
- showTooltip("bottom", this._focusedOption, this._focusedOption.innerText);
729
- }
730
- }
731
- optionToFocus.scrollIntoView({ block: "nearest" });
732
- }
733
- }
734
- showTooltipIfTruncated(el) {
735
- const displayedText = el.querySelector(".tag-text").textContent;
736
- const id = el.id.replace("tag-", "");
737
- if (id) {
738
- const tagEl = this.el.querySelector("#" + id);
739
- const fullText = this.getTagName(tagEl);
740
- if (displayedText !== fullText && displayedText.includes("...")) {
741
- showTooltip("bottom", el, fullText);
742
- }
743
- }
744
- }
745
- focusTag(element) {
746
- // technically it's the tag area that has focus. This function handles the aria-activedescendant value within that parent
747
- this.focusedTagIndex = this._tagEls.indexOf(element);
748
- element.scrollIntoView({ block: "nearest" });
749
- window.requestAnimationFrame(() => {
750
- hideTooltip();
751
- this.showTooltipIfTruncated(element);
752
- });
753
- }
754
- clearOptionFocus() {
755
- this.focusedOption = undefined;
756
- this.focusedColumn = 0;
757
- }
758
- openDropdown() {
759
- // offset of -2px to avoid overlapping the focus border
760
- this.openUp = shouldOpenUp(this.el, this.dropdownEl.clientHeight, this.el.clientHeight, -2);
761
- this.isExpanded = true;
762
- }
763
- closeDropdown() {
764
- this.clearOptionFocus();
765
- this.isExpanded = false;
766
- }
767
- resetInput() {
768
- this.inputEl.value = "";
769
- }
770
- announce(message) {
771
- // \u00A0 is a non-breaking space character, which causes the message to be read as a new one
772
- if (this.liveRegionEl.textContent === message) {
773
- message += "\u00A0";
774
- }
775
- this.liveRegionMessage = message;
776
- }
777
- addTags(tagNames) {
778
- // covers both typing "," and pasting in text that includes ","
779
- // if tag added without "," (typing enter), split puts the whole string in an array
780
- const addedTags = tagNames.split(",").filter((t) => t.match(/\S/));
781
- addedTags.forEach((tag) => {
782
- this.wmTagInputTagAdded.emit(tag);
783
- });
784
- this.announce(this.tagAddedMessage(addedTags.join(", ")));
785
- this.resetInput();
786
- }
787
- announceExistingOptions() {
788
- // request animation frame to wait for re-rendering of filtered options
789
- window.requestAnimationFrame(() => {
790
- const numResults = this.filteredOptionEls.length;
791
- const existingOptionsMessage = intl.formatMessage({
792
- id: "tagInput.existingOptions",
793
- defaultMessage: "{num, plural, one {1 existing option.} other {# existing options.}}",
794
- }, { num: numResults });
795
- this.announce(existingOptionsMessage);
796
- });
797
- }
798
- generateCharacterLimitWarning(charCount, charLimit) {
799
- let message = globalMessages.getCharactersEntered(charCount, charLimit);
800
- if (charCount >= charLimit) {
801
- message += ` ${globalMessages.characterLimitReached}`;
802
- }
803
- return message;
804
- }
805
- positionInput() {
806
- if (this.tagAreaEl) {
807
- const lastTag = this._tagEls[this._tagEls.length - 1];
808
- // default placement to fall back to when no tags are present, or not enough space is available
809
- this.inputEl.style.position = "static";
810
- this.inputEl.style.width = "100%";
811
- this.inputEl.classList.add("extended");
812
- if (lastTag) {
813
- const spaceAvailable = this.tagAreaEl.getBoundingClientRect().right - lastTag.getBoundingClientRect().right;
814
- if (spaceAvailable >= this.inputMinimumWidth) {
815
- // because the input has right: 0px
816
- // all thats needed to properly place it is setting position: absolute, top, and width
817
- this.inputEl.style.position = "absolute";
818
- this.inputEl.style.top = lastTag.offsetTop.toString() + "px";
819
- this.inputEl.style.width = (spaceAvailable - 8).toString() + "px";
820
- this.inputEl.classList.remove("extended");
821
- }
822
- }
823
- }
824
- }
825
- handleTagMouseEnter(ev) {
826
- this.showTooltipIfTruncated(ev.target);
827
- }
828
- renderDropdown() {
829
- return (h("div", { class: `dropdown-wrapper ${this.isExpanded ? "open" : ""} ${this.openUp ? "upwards" : ""}`, ref: (el) => (this.dropdownEl = el) }, h("div", { id: "help-text", class: "help-text" }, this.renderHelpText()), h("ul", { class: "dropdown", id: "dropdown", role: "listbox", "aria-multiselectable": "true", "aria-expanded": this.isExpanded ? "true" : "false", "aria-label": this.label, tabindex: -1 }, this.inputEl && this.renderAddNewButton(), this.filteredOptionEls.map((o) => this.renderListItem(o)))));
830
- }
831
- renderHelpText() {
832
- if (this.helpText)
833
- return this.helpText;
834
- let helpText = "";
835
- if (this.optionEls.length > 0) {
836
- helpText = this.selectionHelpText;
837
- }
838
- if (this.addNew) {
839
- helpText += " " + this.addNewHelpText;
840
- }
841
- return helpText;
842
- }
843
- renderAddNewButton() {
844
- const inputValue = this.inputEl.value.trim();
845
- const hasNonWhiteSpaceCharacters = this.inputEl.value.match(/\S/);
846
- const optionAlreadyExists = this.isExistingTag(this.inputEl.value.trim());
847
- return (this.addNew &&
848
- hasNonWhiteSpaceCharacters &&
849
- !optionAlreadyExists && (h("li", { ref: (el) => (this.addNewButton = el), id: "add-new-btn", class: "add-new-btn", onClick: () => this.addTags(inputValue) }, this.addNewTagMessage(inputValue))));
850
- }
851
- renderTable() {
852
- return (h("div", { class: "table-wrapper", onScroll: () => this.dismissTooltip(), onFocus: () => this.handleTableWrapperFocus(), onKeyDown: (ev) => this.handleTableWrapperKeyDown(ev) }, h("table", { id: "table", role: "grid", class: `${this.colWidths ? "fixed-widths" : ""}`, "aria-label": this.label, "aria-multiselectable": "true" }, this.renderTableHeaders(), this.filteredOptionEls.length ? (this.filteredOptionEls.map((o) => this.renderTableRow(o))) : (h("div", { class: "no-results" }, this.noResultsMessage)))));
853
- }
854
- renderTableHeaders() {
855
- return (h("tr", { class: "headers", role: "row" }, csvToArray(this.colHeaders).map((header, idx) => {
856
- let overflowRule = "wrap";
857
- if (this.colWrap && csvToArray(this.colWrap)[idx]) {
858
- overflowRule = csvToArray(this.colWrap)[idx];
859
- }
860
- return (h("th", { class: `header-cell ${overflowRule}`, role: "columnheader",
861
- // @ts-ignore
862
- width: this.colWidths ? csvToArray(this.colWidths)[idx] : "" }, header));
863
- })));
864
- }
865
- renderTag(o) {
866
- const focused = this.focusedTag && this.focusedTag.id === "tag-" + o.id ? "focused" : "";
867
- const tagName = this.getTagName(o);
868
- return (h("li", { id: "tag-" + o.id, role: "option", class: `tag ${focused} ${o.locked ? "locked" : ""}`, "aria-describedby": `tag-${o.id}-description`, onMouseEnter: (ev) => this.handleTagMouseEnter(ev), onMouseLeave: hideTooltip }, h("span", { class: "sr-only" }, tagName), h("div", { class: "description", id: `tag-${o.id}-description` }, o.locked ? "locked" : ""), h("span", { class: "tag-text", "aria-hidden": "true" }, tagName), o.locked ? (h("div", { class: "svg-icon svg-locked" })) : (h("button", { class: "icon remove-btn", tabIndex: -1, onClick: () => o.emitDeselectedEvent() }, h("div", { class: "svg-icon svg-close" })))));
869
- }
870
- renderTags() {
871
- return this.tagsList.map((o) => this.renderTag(o));
872
- }
873
- renderTagCounter() {
874
- if (this.maxTags) {
875
- return (h("div", { class: "lower-row" }, h("div", { id: "max-tags" }, this.renderMaxTags())));
876
- }
877
- }
878
- renderMaxTags() {
879
- if (this.helpText) {
880
- return this.helpText;
881
- }
882
- else {
883
- let msg = `${this.tagsAddedMessage}: ${this.taggedOptions.length}/${this.maxTags}`;
884
- if (this.tagLimitReached) {
885
- msg += `- ${this.maxTagsReachedMessage}`;
886
- }
887
- return msg;
888
- }
889
- }
890
- handleCellMouseEnter(ev) {
891
- const cell = ev.target;
892
- const contentWrapper = cell.querySelector(".cell-content-wrapper");
893
- const isTruncated = contentWrapper.scrollWidth > contentWrapper.clientWidth;
894
- if (isTruncated) {
895
- // innerText is necessary vs textContent, as innerText ignores sr-only / display: none text
896
- showTooltip("bottom", cell, cell.innerText);
897
- }
898
- }
899
- renderTableCells(o) {
900
- const colValues = [o.col1, o.col2, o.col3, o.col4].filter((val) => !!val);
901
- return colValues.map((val, idx) => {
902
- const cellId = `${o.id}-col${idx + 1}`;
903
- let overflowRule = "wrap";
904
- if (this.colWrap && csvToArray(this.colWrap)[idx]) {
905
- overflowRule = csvToArray(this.colWrap)[idx];
906
- }
907
- const classes = {
908
- focused: !!this._focusedCell && cellId === this._focusedCell.id,
909
- };
910
- return (h("td", { id: cellId, class: classes, role: "gridcell", "aria-describedby": `${cellId}-description`, "aria-selected": o.selected ? "true" : "false", "aria-readonly": o.locked ? "true" : null, onMouseEnter: (ev) => this.handleCellMouseEnter(ev), onMouseLeave: () => hideTooltip() }, h("div", { class: `cell-content-wrapper ${overflowRule}` }, o.locked && idx == 0 && h("div", { class: "svg-icon svg-locked" }), val), h("div", { class: "description", id: `${cellId}-description` }, o.locked ? globalMessages.locked : "")));
911
- });
912
- }
913
- renderTableRow(o) {
914
- const classes = {
915
- selected: o.selected,
916
- locked: o.locked,
917
- focused: this.focusedOption && o === this.focusedOption ? true : false,
918
- };
919
- return (h("tr", { id: o.id, class: classes, onClick: (ev) => this.handleOptionClick(ev) }, this.renderTableCells(o)));
920
- }
921
- renderListItem(o) {
922
- if (!!this.inputEl) {
923
- const isFocused = this.focusedOption && o === this.focusedOption;
924
- return (h("li", { id: o.id, role: "option", class: `option ${isFocused ? "focused" : ""}`, "aria-selected": o.selected ? "true" : "false", onClick: (ev) => this.handleOptionClick(ev) }, o.textContent));
925
- }
926
- }
927
- render() {
928
- return (h("div", { key: '01e06180a6a01df582f810c719445fbeed00fe4a', class: `wrapper label-${this.labelPosition} ${this.errorMessage ? "invalid" : ""}` }, h("div", { key: 'f6afeda4ee70df39da5d27bf785f4fc2fd0d72c0', class: "label-wrapper" }, h("label", { key: 'c2c81afa191d66c6d33f1b717844b947200e86e0', class: "label", htmlFor: "input" }, this.label, this.requiredField && (h("span", { key: '1da48d6c19e59a014f1aedc0ab33554e64756576', class: "required", "aria-hidden": "true" }, "*")))), h("div", { key: 'ddf3c89a5af6c8c734e537be9f01fd1b306a7b49', class: `field-wrapper ${this.el.shadowRoot.activeElement === this.inputEl ? "focused" : ""} ${this.errorMessage ? "invalid" : ""}`, ref: (el) => (this.fieldWrapperEl = el) }, h("div", { key: 'c332f024838f3b710abe7721a1761d917f4cc34e', class: "upper-row" }, h("div", { key: 'bc81483ffa3695189828215c79ab362b8374f4a7', class: "svg-icon svg-search" }), h("div", { key: '668bdcfc8a6b06e14469fc0f977f79f444773b3f', class: `tags-and-input-wrapper ${this.inModal ? "in-modal" : ""}` }, h("ul", { key: '6ea2700c19f37305e2ae8e067eea61bff23b8dc8', ref: (el) => (this.tagAreaEl = el), class: `tag-area ${this.taggedOptions.length === 0 && "empty"} ${this.isKeying ? "user-is-keying" : ""}`, role: "listbox", "aria-activedescendant": this.focusedTag ? this.focusedTag.id : null, "aria-orientation": "horizontal", "aria-label": `${this.label} ${this.tagAreaInstructions}`, tabindex: this._tagEls.length > 0 ? 0 : -1, "aria-describedby": `info max-tags`, onFocus: (ev) => this.handleTagAreaFocus(ev), onBlur: (ev) => {
929
- this.focusedTagIndex = undefined;
930
- this.handleBlur(ev);
931
- }, onKeyDown: (ev) => this.handleTagAreaKeyDown(ev) }, this.renderTags()), h("input", { key: 'b99ca40b61d052f9fe7a30881f1479abf22925b6', id: "input", class: "input", role: "combobox", ref: (el) => (this.inputEl = el), autocomplete: "off", "aria-required": this.requiredField ? "true" : null, "aria-controls": this.tagInputType, "aria-describedby": `help-text${this.errorMessage ? " error " : ""} max-tags`, "aria-label": `${this.label} ${this.isDropdown ? globalMessages.getCharacterLimit(this.characterLimit) : ""}`, "aria-expanded": this.isDropdown ? this.isExpanded.toString() : null, "aria-activedescendant": this.inputActiveDescendantId, placeholder: this.placeholder, maxLength: this.isDropdown ? this.characterLimit : undefined, onInput: (ev) => this.handleInputChanged(ev), onBlur: (ev) => {
932
- this.handleBlur(ev);
933
- }, onFocus: () => this.handleInputFocus(), onKeyDown: (ev) => this.handleInputKeyDown(ev) })), this.isDropdown && (h("div", { key: 'a2f6daf9eab25e6dcd9ead5a70dc66b0afe1ede9', class: "character-count" }, this.charCount, "/", this.characterLimit))), this.renderTagCounter(), this.isDropdown && this.renderDropdown()), this.info && (h("div", { key: '3a733a7064be0b93ece1c7f0ed2cb3165184b3c3', id: "info", class: "info-text" }, this.info)), h("div", { key: '2d8435c9aa077e8902a9cccf1c1057e48926240a', id: "error" }, this.errorMessage), h("div", { key: 'd9a7d93201d0d7ef4ec5f7ee708ddfe41dad7da4', class: "sr-only", "aria-live": "polite", ref: (el) => (this.liveRegionEl = el), "aria-atomic": "true" }, this.liveRegionMessage), this.isTable && this.renderTable()));
934
- }
935
- static get delegatesFocus() { return true; }
936
- get el() { return getElement(this); }
937
- static get watchers() { return {
938
- "errorMessage": ["announceError"]
939
- }; }
940
- };
941
- TagInput.style = WmTagInputStyle0;
942
-
943
- export { TagInput as wm_tag_input };