@watermarkinsights/ripple 0.0.1 → 0.1.0-alpha.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (496) hide show
  1. package/dist/cjs/app-globals-f836e216.js +103 -0
  2. package/dist/cjs/chartFunctions-608adb05.js +908 -0
  3. package/dist/{ripple/functions-DVLl0rH_.js → cjs/functions-b188d5b3.js} +403 -7835
  4. package/dist/cjs/index-786066a1.js +1880 -0
  5. package/dist/cjs/index.cjs.js +2 -0
  6. package/dist/cjs/interfaces-8419be91.js +59 -0
  7. package/dist/cjs/intl-01531391.js +283 -0
  8. package/dist/cjs/loader.cjs.js +15 -0
  9. package/dist/cjs/priv-calendar.cjs.entry.js +608 -0
  10. package/dist/cjs/priv-chart-popover-old.cjs.entry.js +146 -0
  11. package/dist/cjs/priv-chart-popover_2.cjs.entry.js +194 -0
  12. package/dist/{ripple/wm-modal-footer.entry.js → cjs/priv-navigator-button.cjs.entry.js} +20 -35
  13. package/dist/{ripple/wm-navigator.entry.js → cjs/priv-navigator-item.cjs.entry.js} +24 -357
  14. package/dist/{ripple/wm-search.entry.js → cjs/priv-option-list.cjs.entry.js} +363 -180
  15. package/dist/cjs/ripple.cjs.js +25 -0
  16. package/dist/cjs/wm-action-menu_2.cjs.entry.js +487 -0
  17. package/dist/cjs/wm-button.cjs.entry.js +273 -0
  18. package/dist/cjs/wm-chart-bar.cjs.entry.js +441 -0
  19. package/dist/cjs/wm-chart-column.cjs.entry.js +544 -0
  20. package/dist/cjs/wm-chart-slice.cjs.entry.js +27 -0
  21. package/dist/cjs/wm-chart.cjs.entry.js +163 -0
  22. package/dist/cjs/wm-date-range.cjs.entry.js +526 -0
  23. package/dist/cjs/wm-datepicker.cjs.entry.js +323 -0
  24. package/dist/cjs/wm-file-list.cjs.entry.js +23 -0
  25. package/dist/cjs/wm-file.cjs.entry.js +210 -0
  26. package/dist/cjs/wm-flyout.cjs.entry.js +181 -0
  27. package/dist/cjs/wm-input.cjs.entry.js +131 -0
  28. package/dist/cjs/wm-line-chart.cjs.entry.js +541 -0
  29. package/dist/cjs/wm-modal-pss_3.cjs.entry.js +220 -0
  30. package/dist/cjs/wm-modal_3.cjs.entry.js +223 -0
  31. package/dist/cjs/wm-navigation_3.cjs.entry.js +188 -0
  32. package/dist/cjs/wm-navigator.cjs.entry.js +334 -0
  33. package/dist/cjs/wm-nested-select.cjs.entry.js +320 -0
  34. package/dist/cjs/wm-optgroup.cjs.entry.js +74 -0
  35. package/dist/cjs/wm-option_2.cjs.entry.js +535 -0
  36. package/dist/cjs/wm-pagination.cjs.entry.js +229 -0
  37. package/dist/cjs/wm-progress-indicator_3.cjs.entry.js +204 -0
  38. package/dist/cjs/wm-search.cjs.entry.js +196 -0
  39. package/dist/cjs/wm-snackbar.cjs.entry.js +176 -0
  40. package/dist/cjs/wm-tab-item_3.cjs.entry.js +357 -0
  41. package/dist/cjs/wm-tag-input.cjs.entry.js +953 -0
  42. package/dist/cjs/wm-tag-option.cjs.entry.js +43 -0
  43. package/dist/cjs/wm-textarea.cjs.entry.js +94 -0
  44. package/dist/cjs/wm-timepicker.cjs.entry.js +313 -0
  45. package/dist/cjs/wm-toggletip.cjs.entry.js +252 -0
  46. package/dist/cjs/wm-uploader.cjs.entry.js +341 -0
  47. package/dist/cjs/wm-wrapper.cjs.entry.js +21 -0
  48. package/dist/collection/collection-manifest.json +201 -0
  49. package/dist/collection/components/charts/chartFunctions.js +833 -0
  50. package/dist/collection/components/charts/priv-chart-popover/priv-chart-popover.css +995 -0
  51. package/dist/collection/components/charts/priv-chart-popover/priv-chart-popover.js +340 -0
  52. package/dist/collection/components/charts/priv-chart-popover-old/priv-chart-popover-old.css +990 -0
  53. package/dist/collection/components/charts/priv-chart-popover-old/priv-chart-popover-old.js +263 -0
  54. package/dist/collection/components/charts/wm-chart/wm-chart-slice.js +125 -0
  55. package/dist/collection/components/charts/wm-chart/wm-chart.css +1326 -0
  56. package/dist/collection/components/charts/wm-chart/wm-chart.js +422 -0
  57. package/dist/collection/components/charts/wm-chart-bar/wm-chart-bar.css +1116 -0
  58. package/dist/collection/components/charts/wm-chart-bar/wm-chart-bar.js +579 -0
  59. package/dist/collection/components/charts/wm-chart-column/wm-chart-column.css +1169 -0
  60. package/dist/collection/components/charts/wm-chart-column/wm-chart-column.js +688 -0
  61. package/dist/collection/components/charts/wm-chart-legend/wm-chart-legend.css +932 -0
  62. package/dist/collection/components/charts/wm-chart-legend/wm-chart-legend.js +194 -0
  63. package/dist/collection/components/charts/wm-line-chart/wm-line-chart.css +1208 -0
  64. package/dist/collection/components/charts/wm-line-chart/wm-line-chart.js +862 -0
  65. package/dist/collection/components/charts/wm-progress-monitor/wm-progress-indicator.css +1326 -0
  66. package/dist/collection/components/charts/wm-progress-monitor/wm-progress-indicator.js +264 -0
  67. package/dist/collection/components/charts/wm-progress-monitor/wm-progress-monitor.css +967 -0
  68. package/dist/collection/components/charts/wm-progress-monitor/wm-progress-monitor.js +151 -0
  69. package/dist/collection/components/charts/wm-progress-monitor/wm-progress-slice.js +121 -0
  70. package/dist/collection/components/datepickers/datepicker.css +1137 -0
  71. package/dist/collection/components/datepickers/priv-calendar/priv-calendar.css +1403 -0
  72. package/dist/collection/components/datepickers/priv-calendar/priv-calendar.js +881 -0
  73. package/dist/collection/components/datepickers/wm-date-range.js +870 -0
  74. package/dist/collection/components/datepickers/wm-datepicker.js +579 -0
  75. package/dist/collection/components/selects/priv-option-list/priv-option-list.css +999 -0
  76. package/dist/collection/components/selects/priv-option-list/priv-option-list.js +778 -0
  77. package/dist/collection/components/selects/wm-nested-select/wm-nested-select.css +1259 -0
  78. package/dist/collection/components/selects/wm-nested-select/wm-nested-select.js +626 -0
  79. package/dist/collection/components/selects/wm-optgroup/wm-optgroup.css +909 -0
  80. package/dist/collection/components/selects/wm-optgroup/wm-optgroup.js +258 -0
  81. package/dist/collection/components/selects/wm-option/wm-option.css +1033 -0
  82. package/dist/collection/components/selects/wm-option/wm-option.js +530 -0
  83. package/dist/collection/components/selects/wm-select/wm-select.css +1187 -0
  84. package/dist/collection/components/selects/wm-select/wm-select.js +705 -0
  85. package/dist/collection/components/wm-action-menu/wm-action-menu.css +1686 -0
  86. package/dist/collection/components/wm-action-menu/wm-action-menu.js +610 -0
  87. package/dist/collection/components/wm-button/wm-button.css +1627 -0
  88. package/dist/collection/components/wm-button/wm-button.js +555 -0
  89. package/dist/collection/components/wm-file/wm-file.css +1086 -0
  90. package/dist/collection/components/wm-file/wm-file.js +428 -0
  91. package/dist/collection/components/wm-file-list/wm-file-list.css +899 -0
  92. package/dist/collection/components/wm-file-list/wm-file-list.js +45 -0
  93. package/dist/collection/components/wm-flyout/wm-flyout.css +1117 -0
  94. package/dist/collection/components/wm-flyout/wm-flyout.js +449 -0
  95. package/dist/collection/components/wm-input/wm-input.css +1089 -0
  96. package/dist/collection/components/wm-input/wm-input.js +477 -0
  97. package/dist/collection/components/wm-menuitem/wm-menuitem.css +982 -0
  98. package/dist/collection/components/wm-menuitem/wm-menuitem.js +416 -0
  99. package/dist/collection/components/wm-modal/wm-modal-footer.css +927 -0
  100. package/dist/collection/components/wm-modal/wm-modal-footer.js +142 -0
  101. package/dist/collection/components/wm-modal/wm-modal-header.css +926 -0
  102. package/dist/collection/components/wm-modal/wm-modal-header.js +79 -0
  103. package/dist/collection/components/wm-modal/wm-modal.css +983 -0
  104. package/dist/collection/components/wm-modal/wm-modal.js +356 -0
  105. package/dist/collection/components/wm-modal-pss/wm-modal-pss-footer.css +931 -0
  106. package/dist/collection/components/wm-modal-pss/wm-modal-pss-footer.js +138 -0
  107. package/dist/collection/components/wm-modal-pss/wm-modal-pss-header.css +925 -0
  108. package/dist/collection/components/wm-modal-pss/wm-modal-pss-header.js +82 -0
  109. package/dist/collection/components/wm-modal-pss/wm-modal-pss.css +1007 -0
  110. package/dist/collection/components/wm-modal-pss/wm-modal-pss.js +365 -0
  111. package/dist/collection/components/wm-navigation/wm-navigation-hamburger.css +926 -0
  112. package/dist/collection/components/wm-navigation/wm-navigation-hamburger.js +119 -0
  113. package/dist/collection/components/wm-navigation/wm-navigation-item.css +935 -0
  114. package/dist/collection/components/wm-navigation/wm-navigation-item.js +98 -0
  115. package/dist/collection/components/wm-navigation/wm-navigation.css +977 -0
  116. package/dist/collection/components/wm-navigation/wm-navigation.js +190 -0
  117. package/dist/collection/components/wm-navigator/priv-navigator-button/priv-navigator-button.css +929 -0
  118. package/dist/collection/components/wm-navigator/priv-navigator-button/priv-navigator-button.js +86 -0
  119. package/dist/collection/components/wm-navigator/priv-navigator-item/priv-navigator-item.css +918 -0
  120. package/dist/collection/components/wm-navigator/priv-navigator-item/priv-navigator-item.js +124 -0
  121. package/dist/collection/components/wm-navigator/wm-navigator.css +990 -0
  122. package/dist/collection/components/wm-navigator/wm-navigator.js +503 -0
  123. package/dist/collection/components/wm-pagination/wm-pagination.css +1044 -0
  124. package/dist/collection/components/wm-pagination/wm-pagination.js +382 -0
  125. package/dist/collection/components/wm-search/wm-search.css +977 -0
  126. package/dist/collection/components/wm-search/wm-search.js +429 -0
  127. package/dist/collection/components/wm-snackbar/wm-snackbar.css +1150 -0
  128. package/dist/collection/components/wm-snackbar/wm-snackbar.js +263 -0
  129. package/dist/collection/components/wm-tabs/wm-tab-item/wm-tab-item.css +958 -0
  130. package/dist/collection/components/wm-tabs/wm-tab-item/wm-tab-item.js +166 -0
  131. package/dist/collection/components/wm-tabs/wm-tab-list/wm-tab-list.css +966 -0
  132. package/dist/collection/components/wm-tabs/wm-tab-list/wm-tab-list.js +357 -0
  133. package/dist/collection/components/wm-tabs/wm-tab-panel/wm-tab-panel.css +906 -0
  134. package/dist/collection/components/wm-tabs/wm-tab-panel/wm-tab-panel.js +87 -0
  135. package/dist/collection/components/wm-tag-input/wm-tag-input.css +1420 -0
  136. package/dist/collection/components/wm-tag-input/wm-tag-input.js +1288 -0
  137. package/dist/collection/components/wm-tag-input/wm-tag-option/wm-tag-option.js +243 -0
  138. package/dist/collection/components/wm-textarea/wm-textarea.css +1065 -0
  139. package/dist/collection/components/wm-textarea/wm-textarea.js +319 -0
  140. package/dist/collection/components/wm-timepicker/wm-timepicker.css +1164 -0
  141. package/dist/collection/components/wm-timepicker/wm-timepicker.js +553 -0
  142. package/dist/collection/components/wm-toggletip/wm-toggletip.css +1296 -0
  143. package/dist/collection/components/wm-toggletip/wm-toggletip.js +376 -0
  144. package/dist/collection/components/wm-uploader/wm-uploader.css +1984 -0
  145. package/dist/collection/components/wm-uploader/wm-uploader.js +619 -0
  146. package/dist/collection/components/wm-wrapper/wm-wrapper.js +28 -0
  147. package/dist/collection/dev/action-menu.js +18 -0
  148. package/dist/collection/dev/button.js +0 -0
  149. package/dist/collection/dev/chart-bar.js +423 -0
  150. package/dist/collection/dev/chart-column.js +437 -0
  151. package/dist/collection/dev/chart-small.js +56 -0
  152. package/dist/collection/dev/chart.js +18 -0
  153. package/dist/collection/dev/date-range.js +6 -0
  154. package/dist/collection/dev/datepicker.js +46 -0
  155. package/dist/collection/dev/file-list.js +16 -0
  156. package/dist/collection/dev/file.js +0 -0
  157. package/dist/collection/dev/flyout.js +194 -0
  158. package/dist/collection/dev/input.js +6 -0
  159. package/dist/collection/dev/line-chart.js +45 -0
  160. package/dist/collection/dev/modal.js +48 -0
  161. package/dist/collection/dev/navigation.js +13 -0
  162. package/dist/collection/dev/navigator.js +34 -0
  163. package/dist/collection/dev/nested-select.js +36 -0
  164. package/dist/collection/dev/pagination.js +7 -0
  165. package/dist/collection/dev/progress-monitor.js +0 -0
  166. package/dist/collection/dev/pss-modal.js +8 -0
  167. package/dist/collection/dev/scripts.js +49 -0
  168. package/dist/collection/dev/search.js +72 -0
  169. package/dist/collection/dev/select.js +57 -0
  170. package/dist/collection/dev/snackbar.js +68 -0
  171. package/dist/collection/dev/tabs.js +44 -0
  172. package/dist/collection/dev/tag-input.js +32 -0
  173. package/dist/collection/dev/textarea.js +28 -0
  174. package/dist/collection/dev/timepicker.js +32 -0
  175. package/dist/collection/dev/toggletip.js +9 -0
  176. package/dist/collection/dev/uploader.js +139 -0
  177. package/dist/collection/global/__mocks__/functions.js +6 -0
  178. package/dist/collection/global/functions.js +902 -0
  179. package/dist/{ripple/app-globals-B7cOtGhY.js → collection/global/global.js} +16 -87
  180. package/dist/{ripple/interfaces-CrANcZM9.js → collection/global/interfaces.js} +25 -6
  181. package/dist/collection/global/intl.js +274 -0
  182. package/dist/collection/global/services/__mocks__/http-service.js +130 -0
  183. package/dist/collection/global/services/http-service.js +50 -0
  184. package/dist/collection/lang/lang.js +5 -0
  185. package/dist/collection/lang/missing.js +43 -0
  186. package/dist/collection/lang/piglatin.js +101 -0
  187. package/dist/esm/app-globals-d0ca31a6.js +101 -0
  188. package/dist/{ripple/chartFunctions-CmeM8Tyx.js → esm/chartFunctions-4bc77b76.js} +161 -3
  189. package/dist/esm/functions-de887809.js +10635 -0
  190. package/dist/esm/index-ef50bc01.js +1849 -0
  191. package/dist/esm/index.js +1 -0
  192. package/dist/esm/interfaces-7e50d034.js +55 -0
  193. package/dist/{ripple/intl-7p27BJSM.js → esm/intl-56b47a7b.js} +3 -3
  194. package/dist/esm/loader.js +11 -0
  195. package/dist/esm/polyfills/core-js.js +11 -0
  196. package/dist/esm/polyfills/dom.js +79 -0
  197. package/dist/esm/polyfills/es5-html-element.js +1 -0
  198. package/dist/esm/polyfills/index.js +34 -0
  199. package/dist/esm/polyfills/system.js +6 -0
  200. package/dist/esm/priv-calendar.entry.js +604 -0
  201. package/dist/esm/priv-chart-popover-old.entry.js +142 -0
  202. package/dist/esm/priv-chart-popover_2.entry.js +189 -0
  203. package/dist/{ripple/wm-modal-header.entry.js → esm/priv-navigator-button.entry.js} +14 -25
  204. package/dist/{ripple/wm-toggletip.entry.js → esm/priv-navigator-item.entry.js} +19 -164
  205. package/dist/{ripple/wm-option.entry.js → esm/priv-option-list.entry.js} +345 -129
  206. package/dist/esm/ripple.js +20 -0
  207. package/dist/esm/wm-action-menu_2.entry.js +482 -0
  208. package/dist/esm/wm-button.entry.js +269 -0
  209. package/dist/esm/wm-chart-bar.entry.js +437 -0
  210. package/dist/esm/wm-chart-column.entry.js +540 -0
  211. package/dist/{ripple → esm}/wm-chart-slice.entry.js +6 -1
  212. package/dist/esm/wm-chart.entry.js +159 -0
  213. package/dist/esm/wm-date-range.entry.js +522 -0
  214. package/dist/esm/wm-datepicker.entry.js +319 -0
  215. package/dist/esm/wm-file-list.entry.js +19 -0
  216. package/dist/esm/wm-file.entry.js +206 -0
  217. package/dist/esm/wm-flyout.entry.js +177 -0
  218. package/dist/esm/wm-input.entry.js +127 -0
  219. package/dist/esm/wm-line-chart.entry.js +537 -0
  220. package/dist/esm/wm-modal-pss_3.entry.js +214 -0
  221. package/dist/esm/wm-modal_3.entry.js +217 -0
  222. package/dist/esm/wm-navigation_3.entry.js +182 -0
  223. package/dist/esm/wm-navigator.entry.js +330 -0
  224. package/dist/{ripple/wm-flyout.entry.js → esm/wm-nested-select.entry.js} +281 -132
  225. package/dist/esm/wm-optgroup.entry.js +70 -0
  226. package/dist/esm/wm-option_2.entry.js +530 -0
  227. package/dist/esm/wm-pagination.entry.js +225 -0
  228. package/dist/esm/wm-progress-indicator_3.entry.js +198 -0
  229. package/dist/esm/wm-search.entry.js +192 -0
  230. package/dist/esm/wm-snackbar.entry.js +172 -0
  231. package/dist/esm/wm-tab-item_3.entry.js +351 -0
  232. package/dist/esm/wm-tag-input.entry.js +949 -0
  233. package/dist/{ripple → esm}/wm-tag-option.entry.js +6 -2
  234. package/dist/esm/wm-textarea.entry.js +90 -0
  235. package/dist/esm/wm-timepicker.entry.js +309 -0
  236. package/dist/esm/wm-toggletip.entry.js +248 -0
  237. package/dist/esm/wm-uploader.entry.js +337 -0
  238. package/dist/{ripple → esm}/wm-wrapper.entry.js +1 -1
  239. package/dist/esm-es5/app-globals-d0ca31a6.js +1 -0
  240. package/dist/esm-es5/chartFunctions-4bc77b76.js +1 -0
  241. package/dist/esm-es5/functions-de887809.js +1 -0
  242. package/dist/esm-es5/index-ef50bc01.js +1 -0
  243. package/dist/esm-es5/index.js +0 -0
  244. package/dist/esm-es5/interfaces-7e50d034.js +1 -0
  245. package/dist/esm-es5/intl-56b47a7b.js +1 -0
  246. package/dist/esm-es5/loader.js +1 -0
  247. package/dist/esm-es5/priv-calendar.entry.js +1 -0
  248. package/dist/esm-es5/priv-chart-popover-old.entry.js +1 -0
  249. package/dist/esm-es5/priv-chart-popover_2.entry.js +1 -0
  250. package/dist/esm-es5/priv-navigator-button.entry.js +1 -0
  251. package/dist/esm-es5/priv-navigator-item.entry.js +1 -0
  252. package/dist/esm-es5/priv-option-list.entry.js +1 -0
  253. package/dist/esm-es5/ripple.js +1 -0
  254. package/dist/esm-es5/wm-action-menu_2.entry.js +1 -0
  255. package/dist/esm-es5/wm-button.entry.js +1 -0
  256. package/dist/esm-es5/wm-chart-bar.entry.js +1 -0
  257. package/dist/esm-es5/wm-chart-column.entry.js +1 -0
  258. package/dist/esm-es5/wm-chart-slice.entry.js +1 -0
  259. package/dist/esm-es5/wm-chart.entry.js +1 -0
  260. package/dist/esm-es5/wm-date-range.entry.js +1 -0
  261. package/dist/esm-es5/wm-datepicker.entry.js +1 -0
  262. package/dist/{ripple/wm-tab-item.entry.js → esm-es5/wm-file-list.entry.js} +1 -63
  263. package/dist/esm-es5/wm-file.entry.js +1 -0
  264. package/dist/esm-es5/wm-flyout.entry.js +1 -0
  265. package/dist/esm-es5/wm-input.entry.js +1 -0
  266. package/dist/esm-es5/wm-line-chart.entry.js +1 -0
  267. package/dist/esm-es5/wm-modal-pss_3.entry.js +1 -0
  268. package/dist/esm-es5/wm-modal_3.entry.js +1 -0
  269. package/dist/esm-es5/wm-navigation_3.entry.js +1 -0
  270. package/dist/esm-es5/wm-navigator.entry.js +1 -0
  271. package/dist/esm-es5/wm-nested-select.entry.js +1 -0
  272. package/dist/{ripple/wm-chart.entry.js → esm-es5/wm-optgroup.entry.js} +1 -157
  273. package/dist/esm-es5/wm-option_2.entry.js +1 -0
  274. package/dist/esm-es5/wm-pagination.entry.js +1 -0
  275. package/dist/esm-es5/wm-progress-indicator_3.entry.js +1 -0
  276. package/dist/esm-es5/wm-search.entry.js +1 -0
  277. package/dist/esm-es5/wm-snackbar.entry.js +1 -0
  278. package/dist/esm-es5/wm-tab-item_3.entry.js +1 -0
  279. package/dist/esm-es5/wm-tag-input.entry.js +1 -0
  280. package/dist/esm-es5/wm-tag-option.entry.js +1 -0
  281. package/dist/esm-es5/wm-textarea.entry.js +1 -0
  282. package/dist/esm-es5/wm-timepicker.entry.js +1 -0
  283. package/dist/esm-es5/wm-toggletip.entry.js +1 -0
  284. package/dist/esm-es5/wm-uploader.entry.js +1 -0
  285. package/dist/esm-es5/wm-wrapper.entry.js +1 -0
  286. package/dist/index.cjs.js +1 -0
  287. package/dist/index.js +1 -0
  288. package/dist/loader/cdn.js +2 -0
  289. package/dist/loader/index.cjs.js +2 -0
  290. package/dist/loader/index.d.ts +24 -0
  291. package/dist/loader/index.es2017.js +2 -0
  292. package/dist/loader/index.js +3 -0
  293. package/dist/loader/package.json +11 -0
  294. package/dist/ripple/index.esm.js +0 -1
  295. package/dist/ripple/p-03a6850a.entry.js +1 -0
  296. package/dist/ripple/{wm-select.entry.js → p-0c3162d5.system.entry.js} +1 -249
  297. package/dist/ripple/{wm-file.entry.js → p-0ec71f08.system.entry.js} +1 -182
  298. package/dist/ripple/p-1032c0db.system.entry.js +1 -0
  299. package/dist/ripple/p-117c3d78.system.js +2 -0
  300. package/dist/ripple/p-12024d3b.system.entry.js +1 -0
  301. package/dist/ripple/p-13152ac1.system.entry.js +1 -0
  302. package/dist/ripple/p-1318ae67.entry.js +1 -0
  303. package/dist/ripple/p-137bf0c0.system.entry.js +1 -0
  304. package/dist/ripple/{priv-navigator-item.entry.js → p-13bb6faf.entry.js} +1 -30
  305. package/dist/ripple/p-16ff8110.entry.js +1 -0
  306. package/dist/ripple/{wm-navigation-item.entry.js → p-1825d519.system.entry.js} +1 -18
  307. package/dist/ripple/p-18417851.entry.js +1 -0
  308. package/dist/ripple/p-1c655f6b.entry.js +1 -0
  309. package/dist/ripple/p-1ce77857.system.entry.js +1 -0
  310. package/dist/ripple/p-1d76061a.entry.js +1 -0
  311. package/dist/ripple/p-22b57f73.system.entry.js +1 -0
  312. package/dist/ripple/p-24dfbf1d.system.entry.js +1 -0
  313. package/dist/ripple/p-28996d67.system.entry.js +1 -0
  314. package/dist/ripple/p-30118d12.system.entry.js +1 -0
  315. package/dist/ripple/p-32f3581a.entry.js +1 -0
  316. package/dist/ripple/p-334d8711.system.js +1 -0
  317. package/dist/ripple/p-3c8c5933.js +1 -0
  318. package/dist/ripple/{wm-uploader.entry.js → p-436bf381.system.entry.js} +1 -313
  319. package/dist/ripple/p-43843597.system.entry.js +1 -0
  320. package/dist/ripple/p-45999149.system.js +1 -0
  321. package/dist/ripple/p-48b596ae.entry.js +1 -0
  322. package/dist/ripple/p-4bab5360.system.js +1 -0
  323. package/dist/ripple/{wm-progress-monitor.entry.js → p-4ff0db4d.entry.js} +1 -71
  324. package/dist/ripple/p-50ea2036.system.js +1 -0
  325. package/dist/ripple/p-57f1bafd.system.entry.js +1 -0
  326. package/dist/ripple/p-5b0e9165.entry.js +1 -0
  327. package/dist/ripple/p-6266fcbf.system.entry.js +1 -0
  328. package/dist/ripple/p-646e22d3.system.entry.js +1 -0
  329. package/dist/ripple/p-6950e8ed.system.js +1 -0
  330. package/dist/ripple/p-6c6da5db.entry.js +1 -0
  331. package/dist/ripple/p-6d2af8d9.system.entry.js +1 -0
  332. package/dist/ripple/p-6d46f775.system.entry.js +1 -0
  333. package/dist/ripple/p-6de0efee.entry.js +1 -0
  334. package/dist/ripple/p-7833db63.entry.js +1 -0
  335. package/dist/ripple/p-7b7c32af.entry.js +1 -0
  336. package/dist/ripple/p-817aa29c.entry.js +1 -0
  337. package/dist/ripple/p-82c9bd47.entry.js +1 -0
  338. package/dist/ripple/p-8480138d.entry.js +1 -0
  339. package/dist/ripple/p-85ef702d.entry.js +1 -0
  340. package/dist/ripple/{priv-calendar.entry.js → p-86bcd942.system.entry.js} +1 -566
  341. package/dist/ripple/p-8799bce9.entry.js +1 -0
  342. package/dist/ripple/p-8ac14bb1.system.js +1 -0
  343. package/dist/ripple/p-8dcc8c0c.entry.js +1 -0
  344. package/dist/ripple/p-8fa572a8.entry.js +1 -0
  345. package/dist/ripple/p-904545cc.js +1 -0
  346. package/dist/ripple/p-90cb5d27.system.entry.js +1 -0
  347. package/dist/ripple/{wm-datepicker.entry.js → p-9202ef69.system.entry.js} +1 -247
  348. package/dist/ripple/p-9f971522.system.entry.js +1 -0
  349. package/dist/ripple/p-a5dc49c1.system.entry.js +1 -0
  350. package/dist/ripple/p-a73fb160.system.entry.js +1 -0
  351. package/dist/ripple/p-a9580e7a.system.entry.js +1 -0
  352. package/dist/ripple/p-b04a6351.entry.js +1 -0
  353. package/dist/ripple/p-b09998e1.entry.js +1 -0
  354. package/dist/ripple/{priv-option-list.entry.js → p-b3a86ec4.system.entry.js} +1 -385
  355. package/dist/ripple/p-b501f06c.entry.js +1 -0
  356. package/dist/ripple/p-b957033b.entry.js +1 -0
  357. package/dist/ripple/p-c2258438.entry.js +1 -0
  358. package/dist/ripple/p-ca3abcc0.system.entry.js +1 -0
  359. package/dist/ripple/p-cc455a6c.system.entry.js +1 -0
  360. package/dist/ripple/p-cda66d45.js +1 -0
  361. package/dist/ripple/p-cde2ca4d.system.entry.js +1 -0
  362. package/dist/ripple/p-cdf9c0e9.entry.js +1 -0
  363. package/dist/ripple/p-d0858afa.js +2 -0
  364. package/dist/ripple/p-d37f8f66.js +1 -0
  365. package/dist/ripple/p-d4ae193e.js +1 -0
  366. package/dist/ripple/p-d4d769a7.system.js +1 -0
  367. package/dist/ripple/p-d6a9000f.system.entry.js +1 -0
  368. package/dist/ripple/{wm-navigation-hamburger.entry.js → p-d6cd9f79.entry.js} +1 -48
  369. package/dist/ripple/p-d9e4335e.entry.js +1 -0
  370. package/dist/ripple/p-dadf3ed3.entry.js +1 -0
  371. package/dist/ripple/p-dc3684b5.entry.js +1 -0
  372. package/dist/ripple/p-dca94e24.entry.js +1 -0
  373. package/dist/ripple/p-dcd6acc5.system.entry.js +1 -0
  374. package/dist/ripple/p-dd81e308.entry.js +1 -0
  375. package/dist/ripple/p-e11d9b06.system.entry.js +1 -0
  376. package/dist/ripple/{wm-nested-select.entry.js → p-e36e71dc.system.entry.js} +1 -308
  377. package/dist/ripple/p-e6a81600.entry.js +1 -0
  378. package/dist/ripple/p-ef7d84da.system.entry.js +1 -0
  379. package/dist/ripple/p-f1de3153.entry.js +1 -0
  380. package/dist/ripple/p-f3e84476.system.entry.js +1 -0
  381. package/dist/ripple/{wm-snackbar.entry.js → p-f4d27fea.system.entry.js} +1 -185
  382. package/dist/ripple/p-fcf4bd61.system.entry.js +1 -0
  383. package/dist/ripple/p-fd02c124.entry.js +1 -0
  384. package/dist/ripple/p-ffa20853.entry.js +1 -0
  385. package/dist/ripple/ripple.esm.js +1 -48
  386. package/dist/ripple/ripple.js +127 -0
  387. package/dist/types/components/charts/chartFunctions.d.ts +15 -2
  388. package/dist/types/components/charts/priv-chart-popover/priv-chart-popover.d.ts +20 -11
  389. package/dist/types/components/charts/priv-chart-popover-old/priv-chart-popover-old.d.ts +26 -0
  390. package/dist/types/components/charts/wm-chart/wm-chart.d.ts +1 -1
  391. package/dist/types/components/charts/wm-chart-bar/wm-chart-bar.d.ts +62 -0
  392. package/dist/types/components/charts/wm-chart-column/wm-chart-column.d.ts +73 -0
  393. package/dist/types/components/charts/wm-chart-legend/wm-chart-legend.d.ts +26 -0
  394. package/dist/types/components/charts/wm-line-chart/wm-line-chart.d.ts +21 -11
  395. package/dist/types/components/charts/wm-progress-monitor/wm-progress-indicator.d.ts +1 -1
  396. package/dist/types/components/datepickers/priv-calendar/priv-calendar.d.ts +13 -1
  397. package/dist/types/components/datepickers/wm-date-range.d.ts +13 -13
  398. package/dist/types/components/datepickers/wm-datepicker.d.ts +14 -9
  399. package/dist/types/components/selects/wm-nested-select/wm-nested-select.d.ts +2 -1
  400. package/dist/types/components/selects/wm-select/wm-select.d.ts +23 -12
  401. package/dist/types/components/wm-action-menu/wm-action-menu.d.ts +16 -2
  402. package/dist/types/components/wm-button/wm-button.d.ts +5 -0
  403. package/dist/types/components/wm-file/wm-file.d.ts +4 -1
  404. package/dist/types/components/wm-flyout/wm-flyout.d.ts +1 -0
  405. package/dist/types/components/wm-input/wm-input.d.ts +2 -1
  406. package/dist/types/components/wm-modal/wm-modal.d.ts +1 -0
  407. package/dist/types/components/wm-modal-pss/wm-modal-pss.d.ts +2 -0
  408. package/dist/types/components/wm-navigation/wm-navigation.d.ts +1 -0
  409. package/dist/types/components/wm-navigator/wm-navigator.d.ts +1 -1
  410. package/dist/types/components/wm-pagination/wm-pagination.d.ts +2 -1
  411. package/dist/types/components/wm-search/wm-search.d.ts +1 -1
  412. package/dist/types/components/wm-snackbar/wm-snackbar.d.ts +0 -1
  413. package/dist/types/components/wm-tabs/wm-tab-item/wm-tab-item.d.ts +3 -1
  414. package/dist/types/components/wm-tabs/wm-tab-list/wm-tab-list.d.ts +15 -22
  415. package/dist/types/components/wm-tag-input/wm-tag-input.d.ts +5 -1
  416. package/dist/types/components/wm-textarea/wm-textarea.d.ts +1 -0
  417. package/dist/types/components/wm-timepicker/wm-timepicker.d.ts +1 -0
  418. package/dist/types/components/wm-toggletip/wm-toggletip.d.ts +14 -2
  419. package/dist/types/components/wm-uploader/wm-uploader.d.ts +4 -3
  420. package/dist/types/components.d.ts +181 -33
  421. package/dist/types/global/functions.d.ts +6 -2
  422. package/dist/types/global/interfaces.d.ts +59 -2
  423. package/dist/types/stencil-public-runtime.d.ts +0 -28
  424. package/package.json +6 -31
  425. package/dist/components/index.d.ts +0 -33
  426. package/dist/components/priv-calendar.d.ts +0 -11
  427. package/dist/components/priv-chart-popover.d.ts +0 -11
  428. package/dist/components/priv-navigator-button.d.ts +0 -11
  429. package/dist/components/priv-navigator-item.d.ts +0 -11
  430. package/dist/components/priv-option-list.d.ts +0 -11
  431. package/dist/components/wm-action-menu.d.ts +0 -11
  432. package/dist/components/wm-button.d.ts +0 -11
  433. package/dist/components/wm-chart-slice.d.ts +0 -11
  434. package/dist/components/wm-chart.d.ts +0 -11
  435. package/dist/components/wm-date-range.d.ts +0 -11
  436. package/dist/components/wm-datepicker.d.ts +0 -11
  437. package/dist/components/wm-file-list.d.ts +0 -11
  438. package/dist/components/wm-file.d.ts +0 -11
  439. package/dist/components/wm-flyout.d.ts +0 -11
  440. package/dist/components/wm-input.d.ts +0 -11
  441. package/dist/components/wm-line-chart.d.ts +0 -11
  442. package/dist/components/wm-menuitem.d.ts +0 -11
  443. package/dist/components/wm-modal-footer.d.ts +0 -11
  444. package/dist/components/wm-modal-header.d.ts +0 -11
  445. package/dist/components/wm-modal-pss-footer.d.ts +0 -11
  446. package/dist/components/wm-modal-pss-header.d.ts +0 -11
  447. package/dist/components/wm-modal-pss.d.ts +0 -11
  448. package/dist/components/wm-modal.d.ts +0 -11
  449. package/dist/components/wm-navigation-hamburger.d.ts +0 -11
  450. package/dist/components/wm-navigation-item.d.ts +0 -11
  451. package/dist/components/wm-navigation.d.ts +0 -11
  452. package/dist/components/wm-navigator.d.ts +0 -11
  453. package/dist/components/wm-nested-select.d.ts +0 -11
  454. package/dist/components/wm-optgroup.d.ts +0 -11
  455. package/dist/components/wm-option.d.ts +0 -11
  456. package/dist/components/wm-pagination.d.ts +0 -11
  457. package/dist/components/wm-progress-indicator.d.ts +0 -11
  458. package/dist/components/wm-progress-monitor.d.ts +0 -11
  459. package/dist/components/wm-progress-slice.d.ts +0 -11
  460. package/dist/components/wm-search.d.ts +0 -11
  461. package/dist/components/wm-select.d.ts +0 -11
  462. package/dist/components/wm-snackbar.d.ts +0 -11
  463. package/dist/components/wm-tab-item.d.ts +0 -11
  464. package/dist/components/wm-tab-list.d.ts +0 -11
  465. package/dist/components/wm-tab-panel.d.ts +0 -11
  466. package/dist/components/wm-tag-input.d.ts +0 -11
  467. package/dist/components/wm-tag-option.d.ts +0 -11
  468. package/dist/components/wm-textarea.d.ts +0 -11
  469. package/dist/components/wm-timepicker.d.ts +0 -11
  470. package/dist/components/wm-toggletip.d.ts +0 -11
  471. package/dist/components/wm-uploader.d.ts +0 -11
  472. package/dist/components/wm-wrapper.d.ts +0 -11
  473. package/dist/ripple/index-CU5QNCKv.js +0 -4167
  474. package/dist/ripple/priv-chart-popover.entry.js +0 -134
  475. package/dist/ripple/priv-navigator-button.entry.js +0 -24
  476. package/dist/ripple/wm-action-menu.entry.js +0 -201
  477. package/dist/ripple/wm-button.entry.js +0 -197
  478. package/dist/ripple/wm-date-range.entry.js +0 -477
  479. package/dist/ripple/wm-file-list.entry.js +0 -18
  480. package/dist/ripple/wm-input.entry.js +0 -111
  481. package/dist/ripple/wm-line-chart.entry.js +0 -449
  482. package/dist/ripple/wm-menuitem.entry.js +0 -125
  483. package/dist/ripple/wm-modal-pss-footer.entry.js +0 -40
  484. package/dist/ripple/wm-modal-pss-header.entry.js +0 -39
  485. package/dist/ripple/wm-modal-pss.entry.js +0 -135
  486. package/dist/ripple/wm-modal.entry.js +0 -133
  487. package/dist/ripple/wm-navigation.entry.js +0 -116
  488. package/dist/ripple/wm-optgroup.entry.js +0 -68
  489. package/dist/ripple/wm-pagination.entry.js +0 -223
  490. package/dist/ripple/wm-progress-indicator.entry.js +0 -107
  491. package/dist/ripple/wm-progress-slice.entry.js +0 -13
  492. package/dist/ripple/wm-tab-list.entry.js +0 -175
  493. package/dist/ripple/wm-tab-panel.entry.js +0 -32
  494. package/dist/ripple/wm-tag-input.entry.js +0 -877
  495. package/dist/ripple/wm-textarea.entry.js +0 -79
  496. package/dist/ripple/wm-timepicker.entry.js +0 -300
package/dist/cjs/wm-tag-input.cjs.entry.js ADDED
@@ -0,0 +1,953 @@
1
+ 'use strict';
2
+
3
+ Object.defineProperty(exports, '__esModule', { value: true });
4
+
5
+ const index = require('./index-786066a1.js');
6
+ const functions = require('./functions-b188d5b3.js');
7
+ const intl = require('./intl-01531391.js');
8
+
9
+ 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-copy: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-copy: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,21H8V7H19M19,5H8A2,2 0 0,0 6,7V21A2,2 0 0,0 8,23H19A2,2 0 0,0 21,21V7A2,2 0 0,0 19,5M16,1H4A2,2 0 0,0 2,3V17H4V3H16V1Z'/%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,21H8V7H19M19,5H8A2,2 0 0,0 6,7V21A2,2 0 0,0 8,23H19A2,2 0 0,0 21,21V7A2,2 0 0,0 19,5M16,1H4A2,2 0 0,0 2,3V17H4V3H16V1Z'/%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-column: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-column: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,3L5,7H8V14H10V7H13M16,17V10H14V17H11L15,21L19,17H16Z'/%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,3L5,7H8V14H10V7H13M16,17V10H14V17H11L15,21L19,17H16Z'/%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-spotlight: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-spotlight:before{-webkit-mask-image:url(\"data:image/svg+xml,%3Csvg width='22' height='22' viewBox='0 0 22 22' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' d='M10.9902 0.5C16.7959 0.500127 21.5 5.20361 21.5 11C21.5 16.7964 16.7959 21.4999 10.9902 21.5C5.19344 21.5 0.5 16.7955 0.5 11C0.5 5.20451 5.19344 0.5 10.9902 0.5ZM15.23 17L11 14.45L6.76997 17L7.88997 12.19L4.15997 8.96L9.07997 8.54L11 4L12.92 8.53L17.84 8.95L14.11 12.18L15.23 17Z'/%3E%3C/svg%3E\");mask-image:url(\"data:image/svg+xml,%3Csvg width='22' height='22' viewBox='0 0 22 22' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' d='M10.9902 0.5C16.7959 0.500127 21.5 5.20361 21.5 11C21.5 16.7964 16.7959 21.4999 10.9902 21.5C5.19344 21.5 0.5 16.7955 0.5 11C0.5 5.20451 5.19344 0.5 10.9902 0.5ZM15.23 17L11 14.45L6.76997 17L7.88997 12.19L4.15997 8.96L9.07997 8.54L11 4L12.92 8.53L17.84 8.95L14.11 12.18L15.23 17Z'/%3E%3C/svg%3E\")}.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-background-selected);--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-lilacgray-30);--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-wrapper{display:-ms-flexbox;display:flex}:host .wrapper .label{display:inline-block;line-height:normal;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-bottom:0.25rem}:host .wrapper .required{display:inline-block;color:var(--wmcolor-text-required)}:host .wrapper.label-left{-ms-flex-direction:row;flex-direction:row}:host .wrapper.label-left .label-wrapper{height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;margin-right:0.75rem}: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}:host .wrapper.label-none .label-wrapper 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-wrapper{color:var(--wmcolor-text-error);position:relative}:host .wrapper.invalid .label-wrapper: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-wrapper: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-wrapper:after{display:inline-block;-webkit-margin-start:0.25rem;margin-inline-start:0.25rem;-ms-flex-item-align:center;align-self:center;-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 .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-background-accent);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;border-radius:0.1875rem;border:1px solid var(--wmcolor-border);cursor:default}:host .tag-area li.highlight{-webkit-animation:fadeIn 1s;animation:fadeIn 1s}@-webkit-keyframes fadeIn{0%{background-color:var(--wmcolor-background-accent);border-color:var(--wmcolor-border)}50%{background-color:var(--wmcolor-taginput-tag-background-highlight);border-color:var(--wmcolor-border-focus)}100%{background-color:var(--wmcolor-background-accent);border-color:var(--wmcolor-border)}}@keyframes fadeIn{0%{background-color:var(--wmcolor-background-accent);border-color:var(--wmcolor-border)}50%{background-color:var(--wmcolor-taginput-tag-background-highlight);border-color:var(--wmcolor-border-focus)}100%{background-color:var(--wmcolor-background-accent);border-color:var(--wmcolor-border)}}:host .tag-area li.locked{background-color:var(--wmcolor-taginput-tag-background-locked);color:var(--wmcolor-taginput-tag-text-locked);border-color:var(--wmcolor-taginput-tag-background-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%;-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:hover:not(.locked){background-color:var(--wmcolor-interactive-background-hover);border-color:var(--wmcolor-interactive-background-hover)}:host .tag-area li:hover:not(.locked) .icon{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{background-color:var(--wmcolor-interactive-background-focus);border-color:var(--wmcolor-interactive-background-focus);color:var(--wmcolor-text-ondark);-webkit-transition:none;transition:none}:host .tag-area.user-is-keying:focus-visible li.focused .icon{color:var(--wmcolor-text-ondark);border-color:var(--wmcolor-text-ondark);background-color:transparent;-webkit-transition:none;transition:none}: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:not(:hover),:host .dropdown-wrapper li.add-new-btn.focused:not(:hover),:host .dropdown-wrapper div.option.focused:not(:hover),:host .dropdown-wrapper div.add-new-btn.focused:not(:hover){outline:none;background:var(--wmcolor-taginput-option-background-focus);color:var(--wmcolor-interactive-text)}: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 #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 #table:focus{outline:none}: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:not(:last-of-type,.selected,.locked) td{border-bottom:2px solid var(--wmcolor-taginput-option-border)}: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.user-is-keying tr:focus-visible,:host .table-wrapper.user-is-keying tr.focused{background-color:var(--wmcolor-taginput-row-background-focus);-webkit-box-shadow:none;box-shadow:none}:host .table-wrapper td{height:3.75rem;vertical-align:middle;padding:0 1.5rem;cursor:pointer}:host .table-wrapper td .column-label{display:none;overflow-wrap:break-word}:host .table-wrapper td .cell-content-wrapper{overflow-wrap:break-word}:host .table-wrapper td .trunc{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}:host .table-wrapper.user-is-keying td:focus-visible,:host .table-wrapper.user-is-keying td.focused{outline:3px solid var(--wmcolor-interactive-focus);outline-offset:-3px}@media (max-width: 768px){:host{max-height:unset}:host .table-wrapper{overflow:unset}:host .table-wrapper #table .headers{display:none}:host .table-wrapper #table tr:not(:last-of-type,.locked,.selected) td:last-of-type{border-bottom:2px solid var(--wmcolor-taginput-option-border)}:host .table-wrapper #table td{display:grid;gap:1.5rem;grid-template-columns:minmax(5rem, 30%) minmax(5rem, auto);height:auto;min-height:2.75rem;padding:0.75rem 1rem;border-bottom:unset}:host .table-wrapper #table td .column-label{display:block;font-size:0.875rem;font-weight:600}}: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}";
10
+ const WmTagInputStyle0 = wmTagInputCss;
11
+
12
+ const TagInput = class {
13
+ constructor(hostRef) {
14
+ index.registerInstance(this, hostRef);
15
+ this.wmTagInputTagAdded = index.createEvent(this, "wmTagInputTagAdded", 7);
16
+ this.addNewHelpText = functions.intl.formatMessage({
17
+ id: "tagInput.addNewHelpText",
18
+ defaultMessage: "Press the Enter or Comma key to add a new tag.",
19
+ description: "Instructional text, where tag refers to a tag UI element that can be added to a list. Use imperative",
20
+ });
21
+ this.selectionHelpText = functions.intl.formatMessage({
22
+ id: "tagInput.selectionHelpText",
23
+ defaultMessage: "Search and select a tag.",
24
+ description: "Instructional text, where tag refers to a tag UI element that can be added to a list. Use imperative",
25
+ });
26
+ this.maxTagsReachedMessage = functions.intl.formatMessage({
27
+ id: "tagInput.maxTagsReached",
28
+ defaultMessage: "No more tags can be added because the limit has been reached.",
29
+ description: "Tag refers to a tag UI element that can be added to a list.",
30
+ });
31
+ this.tagAreaInstructions = functions.intl.formatMessage({
32
+ id: "tagInput.tagAreaInstructions",
33
+ defaultMessage: "tag selection. Press Backspace or Delete to remove a tag.",
34
+ description: "Label for a UI element where a user can select from a list of tags.",
35
+ });
36
+ this.tagsAddedMessage = functions.intl.formatMessage({
37
+ id: "tagInput.tagsAdded",
38
+ defaultMessage: "Tags added",
39
+ description: "Tag refers to a tag UI element that can be added to a list. Full message for context: 'Tags added: x/y",
40
+ });
41
+ this.noResultsMessage = functions.intl.formatMessage({
42
+ id: "tagInput.noResults",
43
+ defaultMessage: "No results match your search.",
44
+ });
45
+ this.openUp = false;
46
+ this.debouncedUpdate = functions.debounce(() => index.forceUpdate(this.el), 30);
47
+ this.label = undefined;
48
+ this.errorMessage = undefined;
49
+ this.info = undefined;
50
+ this.labelPosition = "top";
51
+ this.maxTags = undefined;
52
+ this.placeholder = undefined;
53
+ this.requiredField = false;
54
+ this.tagInputType = "dropdown";
55
+ this.helpText = undefined;
56
+ this.addNew = true;
57
+ this.characterLimit = 50;
58
+ this.colHeaders = undefined;
59
+ this.colWidths = undefined;
60
+ this.colWrap = undefined;
61
+ this.isKeying = false;
62
+ this.isExpanded = false;
63
+ this.liveRegionMessage = "";
64
+ this.focusedOption = undefined;
65
+ this.focusedColumn = 0;
66
+ this.focusedTagIndex = undefined;
67
+ this.tagsList = [];
68
+ }
69
+ addNewTagMessage(newTagName) {
70
+ return functions.intl.formatMessage({
71
+ id: "tagInput.addNewTag",
72
+ defaultMessage: "Add {newTagName}",
73
+ description: "Button text to add a new tag to a list of tags",
74
+ }, { newTagName: newTagName });
75
+ }
76
+ toggleKeyingOn() {
77
+ this.isKeying = true;
78
+ }
79
+ toggleKeyingOff() {
80
+ this.isKeying = false;
81
+ }
82
+ get isDropdown() {
83
+ return this.tagInputType === "dropdown";
84
+ }
85
+ get isTable() {
86
+ return this.tagInputType === "table";
87
+ }
88
+ get charCount() {
89
+ return this.inputEl ? this.inputEl.value.length : 0;
90
+ }
91
+ get tooltipVisible() {
92
+ return document.getElementById("wm-tooltip").classList.contains("show");
93
+ }
94
+ get optionEls() {
95
+ return Array.from(this.el.querySelectorAll("wm-tag-option"));
96
+ }
97
+ // list of options matching user query
98
+ get filteredOptionEls() {
99
+ const query = this.inputEl ? this.inputEl.value.toLowerCase() : "";
100
+ const list = Array.from(this.optionEls).filter((o) => {
101
+ let values = "";
102
+ if (this.isDropdown) {
103
+ values = o.textContent.toLowerCase();
104
+ }
105
+ else if (this.isTable) {
106
+ values = [o.col1, o.col2, o.col3, o.col4].join("").toLowerCase();
107
+ }
108
+ return values.includes(query);
109
+ });
110
+ return list;
111
+ }
112
+ // the ones that should be rendered as tags
113
+ get taggedOptions() {
114
+ return this.optionEls.filter((o) => o.selected || o.locked);
115
+ }
116
+ // for visual stuff (measuring, truncating...)
117
+ get _tagEls() {
118
+ return this.tagAreaEl ? Array.from(this.tagAreaEl.querySelectorAll(".tag")) : [];
119
+ }
120
+ get focusedTag() {
121
+ if (this.focusedTagIndex !== undefined && this.focusedTagIndex >= 0) {
122
+ return this._tagEls[this.focusedTagIndex];
123
+ }
124
+ }
125
+ // get the wm-tag-option, given the internal representation (dropdown li or table tr)
126
+ tagOptionFromEl(el) {
127
+ return el.id === "add-new-btn" ? undefined : this.el.querySelector("#" + el.id);
128
+ }
129
+ // get the wm-tag-option, given the internal representation of a tag
130
+ tagOptionFromTag(el) {
131
+ const id = el.id.replace("tag-", "");
132
+ return this.el.querySelector("#" + id);
133
+ }
134
+ // get the internal representation of a wm-tag-option
135
+ elFromTagOption(el) {
136
+ return this.el.shadowRoot.querySelector("#" + el.id);
137
+ }
138
+ // focusedOption state refers to the wm-tag-option. This gets the corresponding element in the shadow DOM, or the "Add New" button.
139
+ get _focusedOption() {
140
+ if (!!this.focusedOption) {
141
+ return this.elFromTagOption(this.focusedOption);
142
+ }
143
+ else if (this.addNewButton && this.addNewButton.classList.contains("focused")) {
144
+ return this.addNewButton;
145
+ }
146
+ }
147
+ get _focusedCell() {
148
+ if (!!this._focusedOption) {
149
+ const allCells = Array.from(this._focusedOption.querySelectorAll("td"));
150
+ const index = this.focusedColumn || 0;
151
+ return allCells[index];
152
+ }
153
+ }
154
+ get inputActiveDescendantId() {
155
+ if (this._focusedOption) {
156
+ if (this.isTable) {
157
+ const cells = Array.from(this._focusedOption.querySelectorAll("td"));
158
+ return cells[this.focusedColumn].id;
159
+ }
160
+ return this._focusedOption.id;
161
+ }
162
+ return null;
163
+ }
164
+ get tagLimitReached() {
165
+ return !!(this.maxTags && this.taggedOptions.length >= this.maxTags);
166
+ }
167
+ get inputMinimumWidth() {
168
+ if (this._tagEls) {
169
+ // 150px is the minimum width of the input field, or the length of the placeholder text
170
+ const inputElStyles = getComputedStyle(this.inputEl);
171
+ const tagElStyles = getComputedStyle(this._tagEls[this._tagEls.length - 1]);
172
+ const inputElBuffer = [
173
+ inputElStyles.paddingLeft,
174
+ inputElStyles.paddingRight,
175
+ inputElStyles.marginLeft,
176
+ inputElStyles.marginRight,
177
+ tagElStyles.marginRight,
178
+ ].reduce((prev, curr) => prev + parseInt(curr.replace("px", "")), 0);
179
+ const minimumWidth = Math.max(150, functions.measureText(this.inputEl, this.placeholder).width + inputElBuffer);
180
+ return minimumWidth;
181
+ }
182
+ else {
183
+ return 150;
184
+ }
185
+ }
186
+ getTagName(o) {
187
+ // 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)
188
+ return this.isDropdown ? o.textContent : o.col1;
189
+ }
190
+ isExistingTag(tag) {
191
+ const list = this.optionEls.map((o) => this.getTagName(o).toLowerCase());
192
+ return list.includes(tag.toLowerCase());
193
+ }
194
+ tagAddedMessage(tag) {
195
+ return functions.intl.formatMessage({
196
+ id: "tagInput.tagAdded",
197
+ defaultMessage: "{tagName} added.",
198
+ description: "Confirmation for adding a tag UI element to a list of tags.",
199
+ }, { tagName: tag });
200
+ }
201
+ tagRemovedMessage(tag) {
202
+ return functions.intl.formatMessage({
203
+ id: "tagInput.tagRemoved",
204
+ defaultMessage: "{tagName} removed.",
205
+ description: "Confirmation for removing a tag UI element from a list of tags.",
206
+ }, { tagName: tag });
207
+ }
208
+ tagAlreadyAddedMessage(tag) {
209
+ return functions.intl.formatMessage({
210
+ id: "tagInput.tagAlreadyAdded",
211
+ defaultMessage: "{tagName} has already been added.",
212
+ description: "Alert for adding a tag UI element that is already included in the list.",
213
+ }, { tagName: tag });
214
+ }
215
+ tagLockedMessage(tag) {
216
+ return functions.intl.formatMessage({
217
+ id: "tagInput.tagLocked",
218
+ defaultMessage: "{tagName} is locked and cannot be removed.",
219
+ description: "Alert indicating a tag UI element cannot be removed from its list.",
220
+ }, { tagName: tag });
221
+ }
222
+ isElOrChild(el) {
223
+ return el === this.el || this.el.shadowRoot.contains(el) || this.el.contains(el);
224
+ }
225
+ componentWillLoad() {
226
+ if (!this.placeholder) {
227
+ this.placeholder = this.createPlaceholderDefault(this.addNew, this.optionEls.length > 0);
228
+ }
229
+ if (!this.label) {
230
+ console.error("wm-tag-input must have a label property");
231
+ }
232
+ this.el.focus = () => {
233
+ const firstFocusableTag = this._tagEls[0];
234
+ if (firstFocusableTag) {
235
+ this.tagAreaEl.focus();
236
+ this.focusTag(firstFocusableTag);
237
+ }
238
+ else {
239
+ this.inputEl.focus();
240
+ }
241
+ };
242
+ // on resize of component, trigger componentDidRender -> positionInput
243
+ const resizeObserver = new ResizeObserver(() => this.debouncedUpdate());
244
+ resizeObserver.observe(this.el);
245
+ const lockedTags = [];
246
+ const regularTags = [];
247
+ this.optionEls.forEach((o) => {
248
+ if (o.locked) {
249
+ lockedTags.push(o);
250
+ }
251
+ else if (o.selected) {
252
+ regularTags.push(o);
253
+ }
254
+ });
255
+ this.tagsList = [...lockedTags, ...regularTags];
256
+ }
257
+ componentDidLoad() {
258
+ // Set up observer to announce changes in selected tags, or removed user-added tags
259
+ const observerAnnouncer = new MutationObserver((optionListMutations) => optionListMutations.forEach((mutationRecord) => this.handleChangeAnnouncement(mutationRecord)));
260
+ observerAnnouncer.observe(this.el, {
261
+ subtree: true,
262
+ attributes: true,
263
+ attributeFilter: ["selected"],
264
+ childList: true,
265
+ });
266
+ // Set up observer that ensures parent reload
267
+ // when children wm-tag-options are removed
268
+ const optionListObserver = new MutationObserver((optionListMutations) => optionListMutations.forEach((mutationRecord) => this.handleOptionListChange(mutationRecord)));
269
+ optionListObserver.observe(this.el, {
270
+ childList: true,
271
+ });
272
+ // Set up the observer that will handle focus
273
+ // when tag list changes
274
+ if (!!this.tagAreaEl) {
275
+ const tagListObserver = new MutationObserver((tagListMutations) => tagListMutations.forEach((mutationRecord) => this.handleTagListChange(mutationRecord)));
276
+ tagListObserver.observe(this.tagAreaEl, {
277
+ childList: true,
278
+ });
279
+ }
280
+ }
281
+ handleChangeAnnouncement(mutationRecord) {
282
+ const tagOptionEl = mutationRecord.target;
283
+ if (mutationRecord.type == "childList" && mutationRecord.removedNodes.length > 0) {
284
+ // announce deselection of user-added tag, whose element removal is picked up
285
+ this.announce(this.tagRemovedMessage(mutationRecord.removedNodes[0].textContent));
286
+ }
287
+ else if (mutationRecord.type == "attributes") {
288
+ const tagName = this.getTagName(tagOptionEl);
289
+ // announce selection or deselection of all kinds of tags
290
+ if (tagOptionEl.selected) {
291
+ let changeAnnouncement = this.tagAddedMessage(tagName);
292
+ if (this.tagLimitReached) {
293
+ changeAnnouncement += ` ${this.maxTagsReachedMessage}`;
294
+ }
295
+ this.announce(changeAnnouncement);
296
+ }
297
+ else {
298
+ this.announce(this.tagRemovedMessage(tagName));
299
+ }
300
+ }
301
+ }
302
+ handleOptionListChange(record) {
303
+ const addedNodes = Array.from(record.addedNodes);
304
+ if (addedNodes.length > 0) {
305
+ addedNodes.forEach((n) => !this.tagsList.includes(n) && this.tagsList.push(n));
306
+ }
307
+ const removedNodes = Array.from(record.removedNodes);
308
+ if (removedNodes.length > 0) {
309
+ this.tagsList = this.tagsList.filter((t) => !removedNodes.includes(t));
310
+ }
311
+ }
312
+ handleTagOptionSelected(ev) {
313
+ const selOption = ev.target;
314
+ this.tagsList = this.tagsList.concat(selOption);
315
+ }
316
+ handleTagOptionDeselected(ev) {
317
+ const deselOption = ev.target;
318
+ this.tagsList = this.tagsList.filter((t) => t != deselOption);
319
+ }
320
+ handleTagListChange(mutationRecord) {
321
+ const addedTags = Array.from(mutationRecord.addedNodes);
322
+ if (!!addedTags) {
323
+ addedTags.forEach((t) => {
324
+ t.classList.add("highlight");
325
+ });
326
+ }
327
+ // there are 2 cases: the option still exists but is no longer selected,
328
+ // or it was removed altogether
329
+ const removedTag = mutationRecord.removedNodes[0];
330
+ if (!!removedTag) {
331
+ removedTag.classList.remove("highlight");
332
+ // this is a trick. focusedTag gets the ref from an index. When an element
333
+ // is removed it will fall back on the new element with that index if it exists
334
+ if (this.focusedTag) {
335
+ this.focusTag(this.focusedTag);
336
+ }
337
+ else if (this._tagEls.length > 0) {
338
+ // Otherwise the last tag was deleted and we reassign to the new last tag.
339
+ const tagToFocus = this._tagEls[this._tagEls.length - 1];
340
+ this.focusTag(tagToFocus);
341
+ }
342
+ else {
343
+ // unless there are no more tags...
344
+ this.inputEl.focus();
345
+ }
346
+ }
347
+ }
348
+ componentDidRender() {
349
+ this.positionInput();
350
+ // check each tag if truncation is needed
351
+ this._tagEls.forEach((tag) => {
352
+ const textEl = tag.querySelector(".tag-text");
353
+ const wrapper = this.el.shadowRoot.querySelector(".tags-and-input-wrapper");
354
+ const leftBound = textEl.getBoundingClientRect().left;
355
+ // the numbers represent spacing values for padding, margin, and delete icon
356
+ const rightBound = wrapper.getBoundingClientRect().right - 10 - 8 - 28;
357
+ const id = tag.id.replace("tag-", "");
358
+ const optionEl = id && this.el.querySelector("#" + id);
359
+ if (optionEl) {
360
+ // tag text for table variant is first column text
361
+ textEl.textContent = functions.truncateText(textEl, this.getTagName(optionEl), rightBound - leftBound, 5);
362
+ }
363
+ });
364
+ }
365
+ createPlaceholderDefault(addNew, hasOptions) {
366
+ const addAndSearchPlaceholder = functions.intl.formatMessage({
367
+ id: "tagInput.placeholderAddAndSearch",
368
+ defaultMessage: "Add or search for a tag",
369
+ description: "Placeholder text. Use imperative",
370
+ });
371
+ const searchPlaceholder = functions.intl.formatMessage({
372
+ id: "tagInput.placeholderSearch",
373
+ defaultMessage: "Search and select a tag",
374
+ description: "Placeholder text. Use imperative",
375
+ });
376
+ const addPlaceholder = functions.intl.formatMessage({
377
+ id: "tagInput.placeholderAdd",
378
+ defaultMessage: "Add a new tag",
379
+ description: "Placeholder text. Use imperative",
380
+ });
381
+ let placeholder = "";
382
+ if (addNew && hasOptions) {
383
+ placeholder = addAndSearchPlaceholder;
384
+ }
385
+ else if (!addNew && hasOptions) {
386
+ placeholder = searchPlaceholder;
387
+ }
388
+ else if (addNew) {
389
+ placeholder = addPlaceholder;
390
+ }
391
+ return placeholder;
392
+ }
393
+ handleClick(ev) {
394
+ const el = ev.target;
395
+ if (this.isDropdown && !this.el.contains(el) && this.isExpanded) {
396
+ this.closeDropdown();
397
+ }
398
+ }
399
+ announceError() {
400
+ if (this.errorMessage) {
401
+ setTimeout(() => this.announce(this.errorMessage), 100);
402
+ }
403
+ }
404
+ handleOptionClick(ev) {
405
+ ev.preventDefault();
406
+ this.resetInput();
407
+ let option;
408
+ if (this.isTable) {
409
+ option = ev.target;
410
+ option = this.tagOptionFromEl(option.closest("tr"));
411
+ }
412
+ else {
413
+ option = this.tagOptionFromEl(ev.target);
414
+ }
415
+ // if someone wants to attach a click event listener on wm-tag-option
416
+ option.click();
417
+ if (option.locked) {
418
+ this.announce(this.tagLockedMessage(this.getTagName(option)));
419
+ }
420
+ else {
421
+ option.selected
422
+ ? this.isTable && option.emitDeselectedEvent() // dropdown doesn't deselect on option click
423
+ : option.emitSelectedEvent();
424
+ }
425
+ }
426
+ // From wm-button
427
+ // we need to listen for scroll events during the capture phase because they do not bubble up
428
+ // there can be layouts where the main content has 100vh and overflows
429
+ // in these cases window will register no scroll events unless we catch on they way down
430
+ dismissTooltip() {
431
+ if (this.tooltipVisible) {
432
+ functions.hideTooltip();
433
+ }
434
+ }
435
+ handleInputKeyDown(ev) {
436
+ if (/^.$/.test(ev.key) && this.charCount >= this.characterLimit) {
437
+ this.announce(this.generateCharacterLimitWarning(this.charCount, this.characterLimit));
438
+ }
439
+ switch (ev.key) {
440
+ case "Enter":
441
+ ev.preventDefault();
442
+ this.handleInputEnter();
443
+ break;
444
+ case "ArrowDown":
445
+ ev.preventDefault();
446
+ this.handleInputArrowDown();
447
+ break;
448
+ case "ArrowUp":
449
+ ev.preventDefault();
450
+ this.handleInputArrowUp();
451
+ break;
452
+ case "ArrowLeft":
453
+ if (this.isTable) {
454
+ ev.preventDefault();
455
+ this.focusPrevCell();
456
+ }
457
+ break;
458
+ case "ArrowRight":
459
+ if (this.isTable) {
460
+ ev.preventDefault();
461
+ this.focusNextCell();
462
+ }
463
+ break;
464
+ case "Escape":
465
+ if (this.isDropdown && this.isExpanded) {
466
+ ev.preventDefault();
467
+ ev.stopPropagation();
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 = functions.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 = functions.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 = functions.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 = functions.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 = functions.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 = functions.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
+ handleLabelMouseEnter(ev) {
626
+ const labelEl = ev.target;
627
+ if (labelEl.scrollWidth > labelEl.clientWidth) {
628
+ functions.showTooltip("right", ev.target, this.label);
629
+ }
630
+ }
631
+ handleTagAreaFocus(ev) {
632
+ if (this.isDropdown) {
633
+ this.closeDropdown();
634
+ }
635
+ if (this._tagEls.length > 0) {
636
+ const relTarget = ev.relatedTarget;
637
+ if (relTarget && relTarget.id === "input") {
638
+ const lastFocusableTag = this._tagEls[this._tagEls.length - 1];
639
+ this.focusTag(lastFocusableTag);
640
+ }
641
+ else {
642
+ const firstFocusableTag = this._tagEls[0];
643
+ this.focusTag(firstFocusableTag);
644
+ }
645
+ }
646
+ }
647
+ handleTableFocus() {
648
+ // Forward focus to first focusable table row when container receives focus
649
+ // First try filtered options, then fall back to all options
650
+ let targetOptions = this.filteredOptionEls;
651
+ if (targetOptions.length === 0) {
652
+ targetOptions = this.optionEls;
653
+ }
654
+ if (targetOptions.length > 0) {
655
+ const firstOption = targetOptions[0];
656
+ const firstRow = this.elFromTagOption(firstOption);
657
+ if (firstRow) {
658
+ this.focusOption(firstRow);
659
+ return;
660
+ }
661
+ }
662
+ }
663
+ handleTableWrapperKeyDown(ev) {
664
+ // Override browser's default scrolling behavior and delegate to our navigation
665
+ switch (ev.key) {
666
+ case "ArrowDown":
667
+ ev.preventDefault();
668
+ this.handleInputArrowDown();
669
+ break;
670
+ case "ArrowUp":
671
+ ev.preventDefault();
672
+ this.handleInputArrowUp();
673
+ break;
674
+ case "ArrowLeft":
675
+ ev.preventDefault();
676
+ this.focusPrevCell();
677
+ break;
678
+ case "ArrowRight":
679
+ ev.preventDefault();
680
+ this.focusNextCell();
681
+ break;
682
+ case "Enter":
683
+ ev.preventDefault();
684
+ this.handleInputEnter();
685
+ break;
686
+ case "Escape":
687
+ ev.preventDefault();
688
+ ev.stopPropagation();
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
+ functions.showTooltip("bottom", this._focusedOption, this._focusedOption.innerText);
729
+ }
730
+ const tableEl = this.el.shadowRoot.querySelector("#table");
731
+ if (!(this.el.shadowRoot.activeElement == tableEl)) {
732
+ tableEl.focus();
733
+ }
734
+ if (this.filteredOptionEls.length > 0 && this.focusedOption == this.filteredOptionEls[0]) {
735
+ // When the focused option is the first option, scroll to the top of the table so headers are visible
736
+ this.el.shadowRoot.querySelector(".table-wrapper").scrollTop = 0;
737
+ }
738
+ }
739
+ optionToFocus.scrollIntoView({ block: "nearest" });
740
+ }
741
+ }
742
+ showTooltipIfTruncated(el) {
743
+ const displayedText = el.querySelector(".tag-text").textContent;
744
+ const id = el.id.replace("tag-", "");
745
+ if (id) {
746
+ const tagEl = this.el.querySelector("#" + id);
747
+ const fullText = this.getTagName(tagEl);
748
+ if (displayedText !== fullText && displayedText.includes("...")) {
749
+ functions.showTooltip("bottom", el, fullText);
750
+ }
751
+ }
752
+ }
753
+ focusTag(element) {
754
+ // technically it's the tag area that has focus. This function handles the aria-activedescendant value within that parent
755
+ this.focusedTagIndex = this._tagEls.indexOf(element);
756
+ element.scrollIntoView({ block: "nearest" });
757
+ window.requestAnimationFrame(() => {
758
+ functions.hideTooltip();
759
+ this.showTooltipIfTruncated(element);
760
+ });
761
+ }
762
+ clearOptionFocus() {
763
+ this.focusedOption = undefined;
764
+ this.focusedColumn = 0;
765
+ }
766
+ openDropdown() {
767
+ // offset of -2px to avoid overlapping the focus border
768
+ this.openUp = functions.shouldOpenUp(this.el, this.dropdownEl.clientHeight, this.el.clientHeight, -2);
769
+ this.isExpanded = true;
770
+ }
771
+ closeDropdown() {
772
+ this.clearOptionFocus();
773
+ this.isExpanded = false;
774
+ }
775
+ resetInput() {
776
+ this.inputEl.value = "";
777
+ }
778
+ announce(message) {
779
+ // \u00A0 is a non-breaking space character, which causes the message to be read as a new one
780
+ if (this.liveRegionEl.textContent === message) {
781
+ message += "\u00A0";
782
+ }
783
+ this.liveRegionMessage = message;
784
+ }
785
+ addTags(tagNames) {
786
+ // covers both typing "," and pasting in text that includes ","
787
+ // if tag added without "," (typing enter), split puts the whole string in an array
788
+ const addedTags = tagNames.split(",").filter((t) => t.match(/\S/));
789
+ addedTags.forEach((tag) => {
790
+ this.wmTagInputTagAdded.emit(tag);
791
+ });
792
+ this.announce(this.tagAddedMessage(addedTags.join(", ")));
793
+ this.resetInput();
794
+ }
795
+ announceExistingOptions() {
796
+ // request animation frame to wait for re-rendering of filtered options
797
+ window.requestAnimationFrame(() => {
798
+ const numResults = this.filteredOptionEls.length;
799
+ const existingOptionsMessage = functions.intl.formatMessage({
800
+ id: "tagInput.existingOptions",
801
+ defaultMessage: "{num, plural, one {1 existing option.} other {# existing options.}}",
802
+ }, { num: numResults });
803
+ this.announce(existingOptionsMessage);
804
+ });
805
+ }
806
+ generateCharacterLimitWarning(charCount, charLimit) {
807
+ let message = intl.globalMessages.getCharactersEntered(charCount, charLimit);
808
+ if (charCount >= charLimit) {
809
+ message += ` ${intl.globalMessages.characterLimitReached}`;
810
+ }
811
+ return message;
812
+ }
813
+ positionInput() {
814
+ if (this.tagAreaEl) {
815
+ const lastTag = this._tagEls[this._tagEls.length - 1];
816
+ // default placement to fall back to when no tags are present, or not enough space is available
817
+ this.inputEl.style.position = "static";
818
+ this.inputEl.style.width = "100%";
819
+ this.inputEl.classList.add("extended");
820
+ if (lastTag) {
821
+ const spaceAvailable = this.tagAreaEl.getBoundingClientRect().right - lastTag.getBoundingClientRect().right;
822
+ if (spaceAvailable >= this.inputMinimumWidth) {
823
+ // because the input has right: 0px
824
+ // all thats needed to properly place it is setting position: absolute, top, and width
825
+ this.inputEl.style.position = "absolute";
826
+ this.inputEl.style.top = lastTag.offsetTop.toString() + "px";
827
+ this.inputEl.style.width = (spaceAvailable - 8).toString() + "px";
828
+ this.inputEl.classList.remove("extended");
829
+ }
830
+ }
831
+ }
832
+ }
833
+ handleTagMouseEnter(ev) {
834
+ this.showTooltipIfTruncated(ev.target);
835
+ }
836
+ renderDropdownInput() {
837
+ return (index.h("input", { id: "input", class: "input", role: "combobox", ref: (el) => (this.inputEl = el), autocomplete: "off", "aria-required": this.requiredField ? "true" : null, "aria-controls": "dropdown", "aria-describedby": `help-text ${this.errorMessage ? "error " : ""} max-tags`, "aria-label": `${this.label} ${intl.globalMessages.getCharacterLimit(this.characterLimit)}`, "aria-expanded": this.isExpanded.toString(), "aria-activedescendant": this.inputActiveDescendantId, placeholder: this.placeholder, maxLength: this.characterLimit, onInput: (ev) => this.handleInputChanged(ev), onBlur: (ev) => this.handleBlur(ev), onFocus: () => this.handleInputFocus(), onKeyDown: (ev) => this.handleInputKeyDown(ev) }));
838
+ }
839
+ renderTableInput() {
840
+ return (index.h("input", { id: "input", class: "input", ref: (el) => (this.inputEl = el), autocomplete: "off", "aria-required": this.requiredField ? "true" : null, "aria-controls": "table", "aria-describedby": `help-text ${this.errorMessage ? "error " : ""} max-tags`, "aria-label": this.label, placeholder: this.placeholder, onInput: (ev) => this.handleInputChanged(ev), onBlur: (ev) => this.handleBlur(ev), onFocus: () => this.handleInputFocus(), onKeyDown: (ev) => this.handleInputKeyDown(ev) }));
841
+ }
842
+ renderDropdown() {
843
+ return (index.h("div", { class: `dropdown-wrapper ${this.isExpanded ? "open" : ""} ${this.openUp ? "upwards" : ""}`, ref: (el) => (this.dropdownEl = el) }, index.h("div", { id: "help-text", class: "help-text" }, this.renderHelpText()), index.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)))));
844
+ }
845
+ renderHelpText() {
846
+ if (this.helpText)
847
+ return this.helpText;
848
+ let helpText = "";
849
+ if (this.optionEls.length > 0) {
850
+ helpText = this.selectionHelpText;
851
+ }
852
+ if (this.addNew) {
853
+ helpText += " " + this.addNewHelpText;
854
+ }
855
+ return helpText;
856
+ }
857
+ renderAddNewButton() {
858
+ const inputValue = this.inputEl.value.trim();
859
+ const hasNonWhiteSpaceCharacters = this.inputEl.value.match(/\S/);
860
+ const optionAlreadyExists = this.isExistingTag(this.inputEl.value.trim());
861
+ return (this.addNew &&
862
+ hasNonWhiteSpaceCharacters &&
863
+ !optionAlreadyExists && (index.h("li", { ref: (el) => (this.addNewButton = el), id: "add-new-btn", class: "add-new-btn", onClick: () => this.addTags(inputValue) }, this.addNewTagMessage(inputValue))));
864
+ }
865
+ renderTable() {
866
+ return (index.h("div", { class: `table-wrapper ${this.isKeying ? "user-is-keying" : ""}`, onScroll: () => this.dismissTooltip(),
867
+ // browsers will make this container tabbable if it scrolls
868
+ // we need to proactively set tabindex to -1 to avoid user focus. This is okay, because the table provides behavior that allows scrolling its content
869
+ tabindex: -1, onKeyDown: (ev) => this.handleTableWrapperKeyDown(ev) }, index.h("table", { id: "table", role: "grid", class: `${this.colWidths ? "fixed-widths" : ""}`, "aria-label": this.label, "aria-multiselectable": "true", onFocus: () => this.handleTableFocus(), "aria-activedescendant": this._focusedCell ? this._focusedCell.id : undefined, tabindex: this.filteredOptionEls.length ? "0" : undefined }, this.renderTableHeaders(), this.filteredOptionEls.length ? (this.filteredOptionEls.map((o) => this.renderTableRow(o))) : (index.h("div", { class: "no-results" }, this.noResultsMessage)))));
870
+ }
871
+ renderTableHeaders() {
872
+ return (index.h("tr", { class: "headers", role: "row" }, functions.csvToArray(this.colHeaders).map((header, idx) => (index.h("th", { class: "header-cell", role: "columnheader",
873
+ // @ts-ignore
874
+ width: this.colWidths ? functions.csvToArray(this.colWidths)[idx] : "" }, header)))));
875
+ }
876
+ renderTag(o) {
877
+ const focused = this.focusedTag && this.focusedTag.id === "tag-" + o.id ? "focused" : "";
878
+ const tagName = this.getTagName(o);
879
+ return (index.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: functions.hideTooltip, onClick: () => o.emitDeselectedEvent() }, index.h("span", { class: "sr-only" }, tagName), index.h("div", { class: "description", id: `tag-${o.id}-description` }, o.locked ? intl.globalMessages.locked : ""), index.h("span", { class: "tag-text", "aria-hidden": "true" }, tagName), o.locked ? index.h("div", { class: "svg-icon svg-locked" }) : index.h("div", { class: "icon remove-btn svg-icon svg-close" })));
880
+ }
881
+ renderTags() {
882
+ return this.tagsList.map((o) => this.renderTag(o));
883
+ }
884
+ renderTagCounter() {
885
+ if (this.maxTags) {
886
+ return (index.h("div", { class: "lower-row" }, index.h("div", { id: "max-tags" }, this.renderMaxTags())));
887
+ }
888
+ }
889
+ renderMaxTags() {
890
+ if (this.helpText) {
891
+ return this.helpText;
892
+ }
893
+ else {
894
+ let msg = `${this.tagsAddedMessage}: ${this.taggedOptions.length}/${this.maxTags}`;
895
+ if (this.tagLimitReached) {
896
+ msg += `- ${this.maxTagsReachedMessage}`;
897
+ }
898
+ return msg;
899
+ }
900
+ }
901
+ handleCellMouseEnter(ev) {
902
+ const cell = ev.target;
903
+ const contentWrapper = cell.querySelector(".cell-content-wrapper");
904
+ const isTruncated = contentWrapper.scrollWidth > contentWrapper.clientWidth;
905
+ if (isTruncated) {
906
+ // innerText is necessary vs textContent, as innerText ignores sr-only / display: none text
907
+ functions.showTooltip("bottom", cell, cell.innerText);
908
+ }
909
+ }
910
+ renderTableCells(o) {
911
+ const colValues = [o.col1, o.col2, o.col3, o.col4].filter((val) => !!val);
912
+ const colHeaders = functions.csvToArray(this.colHeaders);
913
+ return colValues.map((val, idx) => {
914
+ const cellId = `${o.id}-col${idx + 1}`;
915
+ let overflowRule = "wrap";
916
+ if (this.colWrap && functions.csvToArray(this.colWrap)[idx]) {
917
+ overflowRule = functions.csvToArray(this.colWrap)[idx];
918
+ }
919
+ const classes = {
920
+ focused: !!this._focusedCell && cellId === this._focusedCell.id,
921
+ };
922
+ return (index.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: () => functions.hideTooltip() }, index.h("div", { class: "column-label" }, colHeaders[idx] || `Column ${idx + 1}`), index.h("div", { class: `cell-content-wrapper ${overflowRule}` }, o.locked && idx == 0 && index.h("div", { class: "svg-icon svg-locked" }), val), index.h("div", { class: "description", id: `${cellId}-description` }, o.locked ? intl.globalMessages.locked : "")));
923
+ });
924
+ }
925
+ renderTableRow(o) {
926
+ const classes = {
927
+ selected: o.selected,
928
+ locked: o.locked,
929
+ focused: this.focusedOption && o === this.focusedOption ? true : false,
930
+ };
931
+ return (index.h("tr", { id: o.id, class: classes, onClick: (ev) => this.handleOptionClick(ev) }, this.renderTableCells(o)));
932
+ }
933
+ renderListItem(o) {
934
+ if (!!this.inputEl) {
935
+ const isFocused = this.focusedOption && o === this.focusedOption;
936
+ return (index.h("li", { id: o.id, role: "option", class: `option ${isFocused ? "focused" : ""}`, "aria-selected": o.selected ? "true" : "false", onClick: (ev) => this.handleOptionClick(ev) }, o.textContent));
937
+ }
938
+ }
939
+ render() {
940
+ return (index.h("div", { key: '487a89339ede599f379c58bafeae76469d21a780', class: `wrapper label-${this.labelPosition} ${this.errorMessage ? "invalid" : ""}` }, index.h("div", { key: 'f849489b81e37460b4aefeec16624e246d2c8a2d', class: "label-wrapper" }, index.h("label", { key: '66ba79dc7d47e3cf8e0621a648d5488147a4e8a7', class: "label", htmlFor: "input", onMouseEnter: (ev) => this.handleLabelMouseEnter(ev), onMouseLeave: () => functions.hideTooltip() }, this.label), this.labelPosition !== "none" && this.requiredField && (index.h("div", { key: 'e56bff146fb718718892ec3ef65080a676d98330', class: "required", "aria-hidden": "true" }, "*"))), index.h("div", { key: 'c8f254c41f21d6e6b6a64269999177984b53c421', class: `field-wrapper ${this.el.shadowRoot.activeElement === this.inputEl ? "focused" : ""} ${this.errorMessage ? "invalid" : ""}`, ref: (el) => (this.fieldWrapperEl = el) }, index.h("div", { key: '7e20617627c57bbe0257a521e8d320e8a29af3c7', class: "upper-row" }, index.h("div", { key: '5ac0239866d948162dffab70b585baa987809229', class: "svg-icon svg-search" }), index.h("div", { key: 'a2118423ae068f8c8cf6ebc98bad2d257176fbed', class: `tags-and-input-wrapper` }, index.h("ul", { key: '58ecf075c9e6fb08094f8d7f28d537bc9dec9997', 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-labelledby": "sr-instructions", tabindex: this._tagEls.length > 0 ? 0 : -1, "aria-describedby": `info max-tags`, onFocus: (ev) => this.handleTagAreaFocus(ev), onBlur: (ev) => {
941
+ this.focusedTagIndex = undefined;
942
+ this.handleBlur(ev);
943
+ }, onKeyDown: (ev) => this.handleTagAreaKeyDown(ev) }, this.renderTags()), index.h("div", { key: '34790567a401667fefd54928235c5e22cafcf2bc', class: "sr-only", id: "sr-instructions" }, this.label, ". ", this.tagAreaInstructions), this.isDropdown && this.renderDropdownInput(), this.isTable && this.renderTableInput()), this.isDropdown && (index.h("div", { key: '3ad6fa7ae961b16bfaf28e0e2da722bafde7ed0c', class: "character-count" }, this.charCount, "/", this.characterLimit))), this.renderTagCounter(), this.isDropdown && this.renderDropdown()), this.info && (index.h("div", { key: '00d080279460ffadcc1fdb265bc54b2b0a64c0f8', id: "info", class: "info-text" }, this.info)), index.h("div", { key: '694d807ce12dd203bb7e30bb4f742a395dee9caa', id: "error" }, this.errorMessage), index.h("div", { key: 'd02caba6dc7cdfc7f458cece08fa5170158125f2', class: "sr-only", "aria-live": "polite", ref: (el) => (this.liveRegionEl = el), "aria-atomic": "true" }, this.liveRegionMessage), this.isTable && this.renderTable()));
944
+ }
945
+ static get delegatesFocus() { return true; }
946
+ get el() { return index.getElement(this); }
947
+ static get watchers() { return {
948
+ "errorMessage": ["announceError"]
949
+ }; }
950
+ };
951
+ TagInput.style = WmTagInputStyle0;
952
+
953
+ exports.wm_tag_input = TagInput;