@watermarkinsights/ripple 0.0.1 → 0.1.0-alpha.1

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 (460) hide show
  1. package/dist/cjs/app-globals-3db2fdd3.js +103 -0
  2. package/dist/cjs/chartFunctions-0d47b1f4.js +906 -0
  3. package/dist/cjs/functions-761cb9f2.js +10694 -0
  4. package/dist/cjs/index-bb947bd5.js +1843 -0
  5. package/dist/cjs/index.cjs.js +2 -0
  6. package/dist/cjs/interfaces-33cd6161.js +82 -0
  7. package/dist/cjs/intl-9e9388a7.js +291 -0
  8. package/dist/cjs/loader.cjs.js +15 -0
  9. package/dist/cjs/priv-calendar.cjs.entry.js +580 -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 +204 -0
  12. package/dist/cjs/priv-navigator-button.cjs.entry.js +29 -0
  13. package/dist/cjs/priv-navigator-item.cjs.entry.js +35 -0
  14. package/dist/cjs/priv-option-list.cjs.entry.js +391 -0
  15. package/dist/cjs/ripple.cjs.js +25 -0
  16. package/dist/cjs/wm-action-menu_2.cjs.entry.js +525 -0
  17. package/dist/cjs/wm-button.cjs.entry.js +280 -0
  18. package/dist/cjs/wm-chart-bar.cjs.entry.js +444 -0
  19. package/dist/cjs/wm-chart-column.cjs.entry.js +629 -0
  20. package/dist/cjs/wm-chart-slice.cjs.entry.js +27 -0
  21. package/dist/cjs/wm-chart-stack.cjs.entry.js +447 -0
  22. package/dist/cjs/wm-chart.cjs.entry.js +163 -0
  23. package/dist/cjs/wm-date-range.cjs.entry.js +591 -0
  24. package/dist/cjs/wm-datepicker.cjs.entry.js +399 -0
  25. package/dist/{ripple/wm-tab-panel.entry.js → cjs/wm-file-list.cjs.entry.js} +15 -24
  26. package/dist/cjs/wm-file.cjs.entry.js +210 -0
  27. package/dist/cjs/wm-flyout.cjs.entry.js +178 -0
  28. package/dist/{ripple/wm-modal.entry.js → cjs/wm-input.cjs.entry.js} +108 -110
  29. package/dist/cjs/wm-line-chart.cjs.entry.js +541 -0
  30. package/dist/cjs/wm-modal-pss_3.cjs.entry.js +220 -0
  31. package/dist/cjs/wm-modal_3.cjs.entry.js +238 -0
  32. package/dist/cjs/wm-navigation_3.cjs.entry.js +188 -0
  33. package/dist/cjs/wm-navigator.cjs.entry.js +334 -0
  34. package/dist/cjs/wm-nested-select.cjs.entry.js +322 -0
  35. package/dist/{ripple/wm-textarea.entry.js → cjs/wm-optgroup.cjs.entry.js} +62 -57
  36. package/dist/cjs/wm-option_2.cjs.entry.js +536 -0
  37. package/dist/{ripple/wm-navigation.entry.js → cjs/wm-pagination.cjs.entry.js} +204 -91
  38. package/dist/cjs/wm-progress-indicator_3.cjs.entry.js +204 -0
  39. package/dist/{ripple/wm-flyout.entry.js → cjs/wm-search.cjs.entry.js} +168 -139
  40. package/dist/{ripple/wm-datepicker.entry.js → cjs/wm-snackbar.cjs.entry.js} +152 -223
  41. package/dist/cjs/wm-tab-item_3.cjs.entry.js +357 -0
  42. package/dist/cjs/wm-tag-input.cjs.entry.js +985 -0
  43. package/dist/cjs/wm-tag-option.cjs.entry.js +51 -0
  44. package/dist/{ripple/wm-modal-pss.entry.js → cjs/wm-textarea.cjs.entry.js} +70 -111
  45. package/dist/{ripple/wm-progress-indicator.entry.js → cjs/wm-timepicker.cjs.entry.js} +296 -78
  46. package/dist/cjs/wm-toggletip.cjs.entry.js +252 -0
  47. package/dist/cjs/wm-uploader.cjs.entry.js +341 -0
  48. package/dist/cjs/wm-wrapper.cjs.entry.js +21 -0
  49. package/dist/collection/collection-manifest.json +207 -0
  50. package/dist/collection/components/charts/chartFunctions.js +831 -0
  51. package/dist/collection/components/charts/priv-chart-popover/priv-chart-popover.css +995 -0
  52. package/dist/collection/components/charts/priv-chart-popover/priv-chart-popover.js +345 -0
  53. package/dist/collection/components/charts/priv-chart-popover-old/priv-chart-popover-old.css +990 -0
  54. package/dist/collection/components/charts/priv-chart-popover-old/priv-chart-popover-old.js +268 -0
  55. package/dist/collection/components/charts/wm-chart/wm-chart-slice.js +177 -0
  56. package/dist/collection/components/charts/wm-chart/wm-chart.css +1326 -0
  57. package/dist/collection/components/charts/wm-chart/wm-chart.js +549 -0
  58. package/dist/collection/components/charts/wm-chart-bar/wm-chart-bar.css +1236 -0
  59. package/dist/collection/components/charts/wm-chart-bar/wm-chart-bar.js +725 -0
  60. package/dist/collection/components/charts/wm-chart-column/wm-chart-column.css +1335 -0
  61. package/dist/collection/components/charts/wm-chart-column/wm-chart-column.js +914 -0
  62. package/dist/collection/components/charts/wm-chart-legend/wm-chart-legend.css +1006 -0
  63. package/dist/collection/components/charts/wm-chart-legend/wm-chart-legend.js +310 -0
  64. package/dist/collection/components/charts/wm-chart-stack/wm-chart-stack.css +1466 -0
  65. package/dist/collection/components/charts/wm-chart-stack/wm-chart-stack.js +709 -0
  66. package/dist/collection/components/charts/wm-line-chart/wm-line-chart.css +1208 -0
  67. package/dist/collection/components/charts/wm-line-chart/wm-line-chart.js +999 -0
  68. package/dist/collection/components/charts/wm-progress-monitor/wm-progress-indicator.css +1326 -0
  69. package/dist/collection/components/charts/wm-progress-monitor/wm-progress-indicator.js +320 -0
  70. package/dist/collection/components/charts/wm-progress-monitor/wm-progress-monitor.css +967 -0
  71. package/dist/collection/components/charts/wm-progress-monitor/wm-progress-monitor.js +232 -0
  72. package/dist/collection/components/charts/wm-progress-monitor/wm-progress-slice.js +167 -0
  73. package/dist/collection/components/datepickers/datepicker.css +1147 -0
  74. package/dist/collection/components/datepickers/priv-calendar/priv-calendar.css +1415 -0
  75. package/dist/collection/components/datepickers/priv-calendar/priv-calendar.js +857 -0
  76. package/dist/collection/components/datepickers/wm-date-range.js +1158 -0
  77. package/dist/collection/components/datepickers/wm-datepicker.js +875 -0
  78. package/dist/collection/components/selects/priv-option-list/priv-option-list.css +999 -0
  79. package/dist/collection/components/selects/priv-option-list/priv-option-list.js +784 -0
  80. package/dist/collection/components/selects/wm-nested-select/wm-nested-select.css +1259 -0
  81. package/dist/collection/components/selects/wm-nested-select/wm-nested-select.js +805 -0
  82. package/dist/collection/components/selects/wm-optgroup/wm-optgroup.css +909 -0
  83. package/dist/collection/components/selects/wm-optgroup/wm-optgroup.js +363 -0
  84. package/dist/collection/components/selects/wm-option/wm-option.css +1033 -0
  85. package/dist/collection/components/selects/wm-option/wm-option.js +665 -0
  86. package/dist/collection/components/selects/wm-select/wm-select.css +1174 -0
  87. package/dist/collection/components/selects/wm-select/wm-select.js +878 -0
  88. package/dist/collection/components/wm-action-menu/wm-action-menu.css +1690 -0
  89. package/dist/collection/components/wm-action-menu/wm-action-menu.js +932 -0
  90. package/dist/collection/components/wm-button/wm-button.css +1630 -0
  91. package/dist/collection/components/wm-button/wm-button.js +794 -0
  92. package/dist/collection/components/wm-file/wm-file.css +1086 -0
  93. package/dist/collection/components/wm-file/wm-file.js +536 -0
  94. package/dist/collection/components/wm-file-list/wm-file-list.css +899 -0
  95. package/dist/collection/components/wm-file-list/wm-file-list.js +118 -0
  96. package/dist/collection/components/wm-flyout/wm-flyout.css +1091 -0
  97. package/dist/collection/components/wm-flyout/wm-flyout.js +651 -0
  98. package/dist/collection/components/wm-input/wm-input.css +1095 -0
  99. package/dist/collection/components/wm-input/wm-input.js +653 -0
  100. package/dist/collection/components/wm-menuitem/wm-menuitem.css +982 -0
  101. package/dist/collection/components/wm-menuitem/wm-menuitem.js +515 -0
  102. package/dist/collection/components/wm-modal/wm-modal-footer.css +927 -0
  103. package/dist/collection/components/wm-modal/wm-modal-footer.js +199 -0
  104. package/dist/collection/components/wm-modal/wm-modal-header.css +926 -0
  105. package/dist/collection/components/wm-modal/wm-modal-header.js +110 -0
  106. package/dist/collection/components/wm-modal/wm-modal.css +983 -0
  107. package/dist/collection/components/wm-modal/wm-modal.js +534 -0
  108. package/dist/collection/components/wm-modal-pss/wm-modal-pss-footer.css +931 -0
  109. package/dist/collection/components/wm-modal-pss/wm-modal-pss-footer.js +142 -0
  110. package/dist/collection/components/wm-modal-pss/wm-modal-pss-header.css +925 -0
  111. package/dist/collection/components/wm-modal-pss/wm-modal-pss-header.js +86 -0
  112. package/dist/collection/components/wm-modal-pss/wm-modal-pss.css +1007 -0
  113. package/dist/collection/components/wm-modal-pss/wm-modal-pss.js +369 -0
  114. package/dist/collection/components/wm-navigation/wm-navigation-hamburger.css +926 -0
  115. package/dist/collection/components/wm-navigation/wm-navigation-hamburger.js +153 -0
  116. package/dist/collection/components/wm-navigation/wm-navigation-item.css +935 -0
  117. package/dist/collection/components/wm-navigation/wm-navigation-item.js +140 -0
  118. package/dist/collection/components/wm-navigation/wm-navigation.css +977 -0
  119. package/dist/collection/components/wm-navigation/wm-navigation.js +246 -0
  120. package/dist/collection/components/wm-navigator/priv-navigator-button/priv-navigator-button.css +929 -0
  121. package/dist/collection/components/wm-navigator/priv-navigator-button/priv-navigator-button.js +90 -0
  122. package/dist/collection/components/wm-navigator/priv-navigator-item/priv-navigator-item.css +918 -0
  123. package/dist/collection/components/wm-navigator/priv-navigator-item/priv-navigator-item.js +128 -0
  124. package/dist/collection/components/wm-navigator/wm-navigator.css +990 -0
  125. package/dist/collection/components/wm-navigator/wm-navigator.js +597 -0
  126. package/dist/collection/components/wm-pagination/wm-pagination.css +1044 -0
  127. package/dist/collection/components/wm-pagination/wm-pagination.js +487 -0
  128. package/dist/collection/components/wm-search/wm-search.css +983 -0
  129. package/dist/collection/components/wm-search/wm-search.js +604 -0
  130. package/dist/collection/components/wm-snackbar/wm-snackbar.css +1150 -0
  131. package/dist/collection/components/wm-snackbar/wm-snackbar.js +363 -0
  132. package/dist/collection/components/wm-tabs/wm-tab-item/wm-tab-item.css +958 -0
  133. package/dist/collection/components/wm-tabs/wm-tab-item/wm-tab-item.js +233 -0
  134. package/dist/collection/components/wm-tabs/wm-tab-list/wm-tab-list.css +966 -0
  135. package/dist/collection/components/wm-tabs/wm-tab-list/wm-tab-list.js +461 -0
  136. package/dist/collection/components/wm-tabs/wm-tab-panel/wm-tab-panel.css +906 -0
  137. package/dist/collection/components/wm-tabs/wm-tab-panel/wm-tab-panel.js +132 -0
  138. package/dist/collection/components/wm-tag-input/wm-tag-input.css +1423 -0
  139. package/dist/collection/components/wm-tag-input/wm-tag-input.js +1511 -0
  140. package/dist/collection/components/wm-tag-input/wm-tag-option/wm-tag-option.js +328 -0
  141. package/dist/collection/components/wm-textarea/wm-textarea.css +1065 -0
  142. package/dist/collection/components/wm-textarea/wm-textarea.js +423 -0
  143. package/dist/collection/components/wm-timepicker/wm-timepicker.css +1174 -0
  144. package/dist/collection/components/wm-timepicker/wm-timepicker.js +728 -0
  145. package/dist/collection/components/wm-toggletip/wm-toggletip.css +1296 -0
  146. package/dist/collection/components/wm-toggletip/wm-toggletip.js +455 -0
  147. package/dist/collection/components/wm-uploader/wm-uploader.css +1987 -0
  148. package/dist/collection/components/wm-uploader/wm-uploader.js +760 -0
  149. package/dist/collection/components/wm-wrapper/wm-wrapper.js +31 -0
  150. package/dist/collection/dev/action-menu.js +18 -0
  151. package/dist/collection/dev/button.js +12 -0
  152. package/dist/collection/dev/chart-bar.js +430 -0
  153. package/dist/collection/dev/chart-column.js +459 -0
  154. package/dist/collection/dev/chart-small.js +56 -0
  155. package/dist/collection/dev/chart-stack.js +205 -0
  156. package/dist/collection/dev/chart.js +18 -0
  157. package/dist/collection/dev/date-range.js +14 -0
  158. package/dist/collection/dev/datepicker.js +46 -0
  159. package/dist/collection/dev/file-list.js +16 -0
  160. package/dist/collection/dev/file.js +0 -0
  161. package/dist/collection/dev/flyout.js +194 -0
  162. package/dist/collection/dev/input.js +6 -0
  163. package/dist/collection/dev/line-chart.js +45 -0
  164. package/dist/collection/dev/modal.js +48 -0
  165. package/dist/collection/dev/navigation.js +13 -0
  166. package/dist/collection/dev/navigator.js +34 -0
  167. package/dist/collection/dev/nested-select.js +36 -0
  168. package/dist/collection/dev/pagination.js +7 -0
  169. package/dist/collection/dev/progress-monitor.js +0 -0
  170. package/dist/collection/dev/pss-modal.js +8 -0
  171. package/dist/collection/dev/scripts.js +49 -0
  172. package/dist/collection/dev/search.js +72 -0
  173. package/dist/collection/dev/select.js +57 -0
  174. package/dist/collection/dev/snackbar.js +68 -0
  175. package/dist/collection/dev/tabs.js +44 -0
  176. package/dist/collection/dev/tag-input.js +32 -0
  177. package/dist/collection/dev/textarea.js +28 -0
  178. package/dist/collection/dev/timepicker.js +32 -0
  179. package/dist/collection/dev/toggletip.js +9 -0
  180. package/dist/collection/dev/uploader.js +139 -0
  181. package/dist/collection/global/__mocks__/functions.js +6 -0
  182. package/dist/collection/global/functions.js +907 -0
  183. package/dist/{ripple/app-globals-B7cOtGhY.js → collection/global/global.js} +16 -87
  184. package/dist/collection/global/interfaces.js +94 -0
  185. package/dist/collection/global/intl.js +281 -0
  186. package/dist/collection/global/services/__mocks__/http-service.js +130 -0
  187. package/dist/collection/global/services/http-service.js +50 -0
  188. package/dist/collection/lang/lang.js +5 -0
  189. package/dist/collection/lang/missing.js +43 -0
  190. package/dist/collection/lang/piglatin.js +101 -0
  191. package/dist/docs/docs.d.ts +435 -0
  192. package/dist/docs/docs.json +14178 -0
  193. package/dist/docs/props-reference.json +2079 -0
  194. package/dist/docs/skill/index.md +33 -0
  195. package/dist/docs/skill/wm-action-menu.md +116 -0
  196. package/dist/docs/skill/wm-button.md +121 -0
  197. package/dist/docs/skill/wm-chart-bar.md +156 -0
  198. package/dist/docs/skill/wm-chart-column.md +122 -0
  199. package/dist/docs/skill/wm-chart-legend.md +91 -0
  200. package/dist/docs/skill/wm-chart-slice.md +101 -0
  201. package/dist/docs/skill/wm-chart-stack.md +147 -0
  202. package/dist/docs/skill/wm-chart.md +139 -0
  203. package/dist/docs/skill/wm-date-range.md +176 -0
  204. package/dist/docs/skill/wm-datepicker.md +153 -0
  205. package/dist/docs/skill/wm-file-list.md +105 -0
  206. package/dist/docs/skill/wm-file.md +91 -0
  207. package/dist/docs/skill/wm-flyout.md +209 -0
  208. package/dist/docs/skill/wm-input.md +134 -0
  209. package/dist/docs/skill/wm-line-chart.md +135 -0
  210. package/dist/docs/skill/wm-menuitem.md +64 -0
  211. package/dist/docs/skill/wm-modal-footer.md +81 -0
  212. package/dist/docs/skill/wm-modal-header.md +71 -0
  213. package/dist/docs/skill/wm-modal.md +172 -0
  214. package/dist/docs/skill/wm-navigation-hamburger.md +61 -0
  215. package/dist/docs/skill/wm-navigation-item.md +78 -0
  216. package/dist/docs/skill/wm-navigation.md +82 -0
  217. package/dist/docs/skill/wm-navigator.md +106 -0
  218. package/dist/docs/skill/wm-nested-select.md +160 -0
  219. package/dist/docs/skill/wm-optgroup.md +72 -0
  220. package/dist/docs/skill/wm-option.md +67 -0
  221. package/dist/docs/skill/wm-pagination.md +114 -0
  222. package/dist/docs/skill/wm-progress-indicator.md +75 -0
  223. package/dist/docs/skill/wm-progress-monitor.md +120 -0
  224. package/dist/docs/skill/wm-progress-slice.md +67 -0
  225. package/dist/docs/skill/wm-search.md +180 -0
  226. package/dist/docs/skill/wm-select.md +169 -0
  227. package/dist/docs/skill/wm-snackbar.md +130 -0
  228. package/dist/docs/skill/wm-tab-item.md +45 -0
  229. package/dist/docs/skill/wm-tab-list.md +139 -0
  230. package/dist/docs/skill/wm-tab-panel.md +39 -0
  231. package/dist/docs/skill/wm-tag-input.md +187 -0
  232. package/dist/docs/skill/wm-tag-option.md +60 -0
  233. package/dist/docs/skill/wm-textarea.md +102 -0
  234. package/dist/docs/skill/wm-timepicker.md +156 -0
  235. package/dist/docs/skill/wm-toggletip.md +98 -0
  236. package/dist/docs/skill/wm-uploader.md +154 -0
  237. package/dist/docs/skill/wm-wrapper.md +5 -0
  238. package/dist/esm/app-globals-a1092590.js +101 -0
  239. package/dist/{ripple/chartFunctions-CmeM8Tyx.js → esm/chartFunctions-58637dc9.js} +159 -3
  240. package/dist/{ripple/functions-DVLl0rH_.js → esm/functions-65f1594c.js} +374 -7830
  241. package/dist/esm/index-3425d80d.js +1813 -0
  242. package/dist/esm/index.js +1 -0
  243. package/dist/esm/interfaces-8778346d.js +77 -0
  244. package/dist/{ripple/intl-7p27BJSM.js → esm/intl-d518f362.js} +11 -4
  245. package/dist/esm/loader.js +11 -0
  246. package/dist/{ripple → esm}/priv-calendar.entry.js +143 -133
  247. package/dist/esm/priv-chart-popover-old.entry.js +142 -0
  248. package/dist/esm/priv-chart-popover_2.entry.js +199 -0
  249. package/dist/{ripple → esm}/priv-navigator-button.entry.js +5 -4
  250. package/dist/{ripple → esm}/priv-navigator-item.entry.js +5 -4
  251. package/dist/{ripple → esm}/priv-option-list.entry.js +18 -16
  252. package/dist/esm/ripple.js +20 -0
  253. package/dist/esm/wm-action-menu_2.entry.js +520 -0
  254. package/dist/{ripple/wm-modal-header.entry.js → esm/wm-button.entry.js} +264 -24
  255. package/dist/esm/wm-chart-bar.entry.js +440 -0
  256. package/dist/esm/wm-chart-column.entry.js +625 -0
  257. package/dist/{ripple → esm}/wm-chart-slice.entry.js +6 -1
  258. package/dist/esm/wm-chart-stack.entry.js +443 -0
  259. package/dist/esm/wm-chart.entry.js +159 -0
  260. package/dist/{ripple → esm}/wm-date-range.entry.js +224 -114
  261. package/dist/esm/wm-datepicker.entry.js +395 -0
  262. package/dist/{ripple → esm}/wm-file-list.entry.js +5 -4
  263. package/dist/{ripple → esm}/wm-file.entry.js +48 -24
  264. package/dist/esm/wm-flyout.entry.js +174 -0
  265. package/dist/{ripple → esm}/wm-input.entry.js +23 -7
  266. package/dist/{ripple → esm}/wm-line-chart.entry.js +182 -94
  267. package/dist/esm/wm-modal-pss_3.entry.js +214 -0
  268. package/dist/esm/wm-modal_3.entry.js +232 -0
  269. package/dist/esm/wm-navigation_3.entry.js +182 -0
  270. package/dist/{ripple → esm}/wm-navigator.entry.js +26 -64
  271. package/dist/{ripple → esm}/wm-nested-select.entry.js +35 -25
  272. package/dist/{ripple → esm}/wm-optgroup.entry.js +17 -5
  273. package/dist/esm/wm-option_2.entry.js +531 -0
  274. package/dist/{ripple → esm}/wm-pagination.entry.js +16 -14
  275. package/dist/esm/wm-progress-indicator_3.entry.js +198 -0
  276. package/dist/{ripple → esm}/wm-search.entry.js +15 -31
  277. package/dist/{ripple → esm}/wm-snackbar.entry.js +32 -45
  278. package/dist/esm/wm-tab-item_3.entry.js +351 -0
  279. package/dist/{ripple → esm}/wm-tag-input.entry.js +169 -65
  280. package/dist/{ripple → esm}/wm-tag-option.entry.js +14 -2
  281. package/dist/{ripple/wm-menuitem.entry.js → esm/wm-textarea.entry.js} +65 -100
  282. package/dist/{ripple → esm}/wm-timepicker.entry.js +33 -12
  283. package/dist/{ripple → esm}/wm-toggletip.entry.js +105 -33
  284. package/dist/esm/wm-uploader.entry.js +337 -0
  285. package/dist/{ripple → esm}/wm-wrapper.entry.js +1 -1
  286. package/dist/index.cjs.js +1 -0
  287. package/dist/index.js +1 -0
  288. package/dist/loader/cdn.js +1 -0
  289. package/dist/loader/index.cjs.js +1 -0
  290. package/dist/loader/index.d.ts +24 -0
  291. package/dist/loader/index.es2017.js +1 -0
  292. package/dist/loader/index.js +2 -0
  293. package/dist/loader/package.json +11 -0
  294. package/dist/ripple/index.esm.js +0 -1
  295. package/dist/ripple/p-0d364411.entry.js +1 -0
  296. package/dist/ripple/p-156c4d1d.entry.js +1 -0
  297. package/dist/ripple/{wm-modal-footer.entry.js → p-26d8c356.entry.js} +1 -44
  298. package/dist/ripple/p-2b23ce49.entry.js +1 -0
  299. package/dist/ripple/p-2b7cc2c1.entry.js +1 -0
  300. package/dist/ripple/p-34bde06a.entry.js +1 -0
  301. package/dist/ripple/p-35db9386.entry.js +1 -0
  302. package/dist/ripple/p-38a987ac.entry.js +1 -0
  303. package/dist/ripple/p-38b05894.entry.js +1 -0
  304. package/dist/ripple/p-38dee4ab.entry.js +1 -0
  305. package/dist/ripple/p-3a19d019.entry.js +1 -0
  306. package/dist/ripple/p-451d4de2.js +1 -0
  307. package/dist/ripple/p-507f2cf4.entry.js +1 -0
  308. package/dist/ripple/p-59f74ead.entry.js +1 -0
  309. package/dist/ripple/p-5c2fc42a.entry.js +1 -0
  310. package/dist/ripple/p-680d7606.entry.js +1 -0
  311. package/dist/ripple/p-683264db.js +1 -0
  312. package/dist/ripple/p-6db681c8.entry.js +1 -0
  313. package/dist/ripple/p-6e3c2bbc.js +1 -0
  314. package/dist/ripple/p-6f1cabab.entry.js +1 -0
  315. package/dist/ripple/p-72d135ee.entry.js +1 -0
  316. package/dist/ripple/p-7799953c.entry.js +1 -0
  317. package/dist/ripple/p-83c3db60.js +2 -0
  318. package/dist/ripple/{wm-progress-monitor.entry.js → p-83cdad78.entry.js} +1 -71
  319. package/dist/ripple/p-87ef0cfa.entry.js +1 -0
  320. package/dist/ripple/p-88e44511.entry.js +1 -0
  321. package/dist/ripple/p-8f8e4eb8.entry.js +1 -0
  322. package/dist/ripple/p-936adffb.entry.js +1 -0
  323. package/dist/ripple/p-9755192c.entry.js +1 -0
  324. package/dist/ripple/p-9c5c591b.js +1 -0
  325. package/dist/ripple/p-9ea38d96.entry.js +1 -0
  326. package/dist/ripple/p-be3e4e7c.entry.js +1 -0
  327. package/dist/ripple/p-c9c7df12.entry.js +1 -0
  328. package/dist/ripple/p-d7a1be0b.entry.js +1 -0
  329. package/dist/ripple/p-dab86523.entry.js +1 -0
  330. package/dist/ripple/{wm-tab-list.entry.js → p-e4aa6e27.entry.js} +1 -175
  331. package/dist/ripple/p-ebe9f38c.js +1 -0
  332. package/dist/ripple/p-ed053612.entry.js +1 -0
  333. package/dist/ripple/p-f43f621b.entry.js +1 -0
  334. package/dist/ripple/p-f48d30d6.entry.js +1 -0
  335. package/dist/ripple/{wm-action-menu.entry.js → p-f6aad57c.entry.js} +1 -201
  336. package/dist/ripple/p-f6e1beb5.entry.js +1 -0
  337. package/dist/ripple/p-fc843bb8.entry.js +1 -0
  338. package/dist/ripple/{priv-chart-popover.entry.js → p-fd997764.entry.js} +1 -134
  339. package/dist/ripple/p-fffb46ad.entry.js +1 -0
  340. package/dist/ripple/ripple.esm.js +1 -48
  341. package/dist/types/components/charts/chartFunctions.d.ts +15 -2
  342. package/dist/types/components/charts/priv-chart-popover/priv-chart-popover.d.ts +25 -11
  343. package/dist/types/components/charts/priv-chart-popover-old/priv-chart-popover-old.d.ts +31 -0
  344. package/dist/types/components/charts/wm-chart/wm-chart-slice.d.ts +52 -0
  345. package/dist/types/components/charts/wm-chart/wm-chart.d.ts +113 -1
  346. package/dist/types/components/charts/wm-chart-bar/wm-chart-bar.d.ts +195 -0
  347. package/dist/types/components/charts/wm-chart-column/wm-chart-column.d.ts +184 -0
  348. package/dist/types/components/charts/wm-chart-legend/wm-chart-legend.d.ts +110 -0
  349. package/dist/types/components/charts/wm-chart-stack/wm-chart-stack.d.ts +194 -0
  350. package/dist/types/components/charts/wm-line-chart/wm-line-chart.d.ts +156 -11
  351. package/dist/types/components/charts/wm-progress-monitor/wm-progress-indicator.d.ts +53 -1
  352. package/dist/types/components/charts/wm-progress-monitor/wm-progress-monitor.d.ts +85 -0
  353. package/dist/types/components/charts/wm-progress-monitor/wm-progress-slice.d.ts +44 -0
  354. package/dist/types/components/datepickers/priv-calendar/priv-calendar.d.ts +19 -3
  355. package/dist/types/components/datepickers/wm-date-range.d.ts +205 -14
  356. package/dist/types/components/datepickers/wm-datepicker.d.ts +189 -11
  357. package/dist/types/components/selects/priv-option-list/priv-option-list.d.ts +6 -0
  358. package/dist/types/components/selects/wm-nested-select/wm-nested-select.d.ts +165 -1
  359. package/dist/types/components/selects/wm-optgroup/wm-optgroup.d.ts +87 -0
  360. package/dist/types/components/selects/wm-option/wm-option.d.ts +117 -0
  361. package/dist/types/components/selects/wm-select/wm-select.d.ts +193 -12
  362. package/dist/types/components/wm-action-menu/wm-action-menu.d.ts +207 -2
  363. package/dist/types/components/wm-button/wm-button.d.ts +191 -0
  364. package/dist/types/components/wm-file/wm-file.d.ts +110 -1
  365. package/dist/types/components/wm-file-list/wm-file-list.d.ts +72 -0
  366. package/dist/types/components/wm-flyout/wm-flyout.d.ts +205 -0
  367. package/dist/types/components/wm-input/wm-input.d.ts +161 -1
  368. package/dist/types/components/wm-menuitem/wm-menuitem.d.ts +79 -0
  369. package/dist/types/components/wm-modal/wm-modal-footer.d.ts +54 -0
  370. package/dist/types/components/wm-modal/wm-modal-header.d.ts +30 -0
  371. package/dist/types/components/wm-modal/wm-modal.d.ts +160 -0
  372. package/dist/types/components/wm-modal-pss/wm-modal-pss-footer.d.ts +4 -0
  373. package/dist/types/components/wm-modal-pss/wm-modal-pss-header.d.ts +4 -0
  374. package/dist/types/components/wm-modal-pss/wm-modal-pss.d.ts +6 -0
  375. package/dist/types/components/wm-navigation/wm-navigation-hamburger.d.ts +34 -0
  376. package/dist/types/components/wm-navigation/wm-navigation-item.d.ts +41 -0
  377. package/dist/types/components/wm-navigation/wm-navigation.d.ts +57 -0
  378. package/dist/types/components/wm-navigator/priv-navigator-button/priv-navigator-button.d.ts +4 -0
  379. package/dist/types/components/wm-navigator/priv-navigator-item/priv-navigator-item.d.ts +4 -0
  380. package/dist/types/components/wm-navigator/wm-navigator.d.ts +93 -4
  381. package/dist/types/components/wm-pagination/wm-pagination.d.ts +100 -1
  382. package/dist/types/components/wm-search/wm-search.d.ts +158 -6
  383. package/dist/types/components/wm-snackbar/wm-snackbar.d.ts +103 -1
  384. package/dist/types/components/wm-tabs/wm-tab-item/wm-tab-item.d.ts +55 -3
  385. package/dist/types/components/wm-tabs/wm-tab-list/wm-tab-list.d.ts +119 -20
  386. package/dist/types/components/wm-tabs/wm-tab-panel/wm-tab-panel.d.ts +35 -2
  387. package/dist/types/components/wm-tag-input/wm-tag-input.d.ts +199 -5
  388. package/dist/types/components/wm-tag-input/wm-tag-option/wm-tag-option.d.ts +68 -0
  389. package/dist/types/components/wm-textarea/wm-textarea.d.ts +99 -0
  390. package/dist/types/components/wm-timepicker/wm-timepicker.d.ts +147 -0
  391. package/dist/types/components/wm-toggletip/wm-toggletip.d.ts +88 -2
  392. package/dist/types/components/wm-uploader/wm-uploader.d.ts +145 -3
  393. package/dist/types/components/wm-wrapper/wm-wrapper.d.ts +3 -0
  394. package/dist/types/components.d.ts +11523 -95
  395. package/dist/types/global/functions.d.ts +7 -2
  396. package/dist/types/global/interfaces.d.ts +92 -2
  397. package/dist/types/global/intl.d.ts +3 -0
  398. package/dist/types/stencil-public-runtime.d.ts +0 -28
  399. package/package.json +4 -33
  400. package/dist/components/index.d.ts +0 -33
  401. package/dist/components/priv-calendar.d.ts +0 -11
  402. package/dist/components/priv-chart-popover.d.ts +0 -11
  403. package/dist/components/priv-navigator-button.d.ts +0 -11
  404. package/dist/components/priv-navigator-item.d.ts +0 -11
  405. package/dist/components/priv-option-list.d.ts +0 -11
  406. package/dist/components/wm-action-menu.d.ts +0 -11
  407. package/dist/components/wm-button.d.ts +0 -11
  408. package/dist/components/wm-chart-slice.d.ts +0 -11
  409. package/dist/components/wm-chart.d.ts +0 -11
  410. package/dist/components/wm-date-range.d.ts +0 -11
  411. package/dist/components/wm-datepicker.d.ts +0 -11
  412. package/dist/components/wm-file-list.d.ts +0 -11
  413. package/dist/components/wm-file.d.ts +0 -11
  414. package/dist/components/wm-flyout.d.ts +0 -11
  415. package/dist/components/wm-input.d.ts +0 -11
  416. package/dist/components/wm-line-chart.d.ts +0 -11
  417. package/dist/components/wm-menuitem.d.ts +0 -11
  418. package/dist/components/wm-modal-footer.d.ts +0 -11
  419. package/dist/components/wm-modal-header.d.ts +0 -11
  420. package/dist/components/wm-modal-pss-footer.d.ts +0 -11
  421. package/dist/components/wm-modal-pss-header.d.ts +0 -11
  422. package/dist/components/wm-modal-pss.d.ts +0 -11
  423. package/dist/components/wm-modal.d.ts +0 -11
  424. package/dist/components/wm-navigation-hamburger.d.ts +0 -11
  425. package/dist/components/wm-navigation-item.d.ts +0 -11
  426. package/dist/components/wm-navigation.d.ts +0 -11
  427. package/dist/components/wm-navigator.d.ts +0 -11
  428. package/dist/components/wm-nested-select.d.ts +0 -11
  429. package/dist/components/wm-optgroup.d.ts +0 -11
  430. package/dist/components/wm-option.d.ts +0 -11
  431. package/dist/components/wm-pagination.d.ts +0 -11
  432. package/dist/components/wm-progress-indicator.d.ts +0 -11
  433. package/dist/components/wm-progress-monitor.d.ts +0 -11
  434. package/dist/components/wm-progress-slice.d.ts +0 -11
  435. package/dist/components/wm-search.d.ts +0 -11
  436. package/dist/components/wm-select.d.ts +0 -11
  437. package/dist/components/wm-snackbar.d.ts +0 -11
  438. package/dist/components/wm-tab-item.d.ts +0 -11
  439. package/dist/components/wm-tab-list.d.ts +0 -11
  440. package/dist/components/wm-tab-panel.d.ts +0 -11
  441. package/dist/components/wm-tag-input.d.ts +0 -11
  442. package/dist/components/wm-tag-option.d.ts +0 -11
  443. package/dist/components/wm-textarea.d.ts +0 -11
  444. package/dist/components/wm-timepicker.d.ts +0 -11
  445. package/dist/components/wm-toggletip.d.ts +0 -11
  446. package/dist/components/wm-uploader.d.ts +0 -11
  447. package/dist/components/wm-wrapper.d.ts +0 -11
  448. package/dist/ripple/index-CU5QNCKv.js +0 -4167
  449. package/dist/ripple/interfaces-CrANcZM9.js +0 -53
  450. package/dist/ripple/wm-button.entry.js +0 -197
  451. package/dist/ripple/wm-chart.entry.js +0 -157
  452. package/dist/ripple/wm-modal-pss-footer.entry.js +0 -40
  453. package/dist/ripple/wm-modal-pss-header.entry.js +0 -39
  454. package/dist/ripple/wm-navigation-hamburger.entry.js +0 -48
  455. package/dist/ripple/wm-navigation-item.entry.js +0 -18
  456. package/dist/ripple/wm-option.entry.js +0 -171
  457. package/dist/ripple/wm-progress-slice.entry.js +0 -13
  458. package/dist/ripple/wm-select.entry.js +0 -249
  459. package/dist/ripple/wm-tab-item.entry.js +0 -63
  460. package/dist/ripple/wm-uploader.entry.js +0 -313
package/dist/esm/wm-chart-column.entry.js ADDED
@@ -0,0 +1,625 @@
1
+ import { r as registerInstance, c as createEvent, f as forceUpdate, h, H as Host, g as getElement } from './index-3425d80d.js';
2
+ import { c as chartPalettes, p as patternKey } from './interfaces-8778346d.js';
3
+ import { o as findNiceRoundNumber, p as computeLegendData, l as formatDisplayValue, s as sortGroupedData, q as groupProcessedData, t as findLargestNiceInterval, u as suffixNumber, e as renderInstructionsText, v as getMaxTicks, w as inferDecimalPlacesForUnitValue } from './chartFunctions-58637dc9.js';
4
+ import { c as chartMessages } from './intl-d518f362.js';
5
+ import { d as debounce, j as isElOrChild } from './functions-65f1594c.js';
6
+
7
+ const wmChartColumnCss = "/* --------------------------------------\n 1. Box-shadow\n -------------------------------------- */\n/* --------------------------------------\n 2. Border-radius\n -------------------------------------- */\n/* --------------------------------------\n 3. Transforms\n -------------------------------------- */\n/* --------------------------------------\n 4. Button Focus\n -------------------------------------- */\n/* --------------------------------------\n 5. Flex\n -------------------------------------- */\n/* --------------------------------------\n 7. Screen Reader Only\n -------------------------------------- */\n/* --------------------------------------\n 8. Label styles\n this mixin includes all the styles for the label\n + flex rules on the parent container to switch between top and left position\n + srOnly when label is hidden\n Assumes the following markup:\n div.wrapper[.label-left.invalid] > div.label-wrapper > label.label > span.required\n .wrapper is for the flex rules\n .label-wrapper is to set the height of the label when positioned left so it's the same height as\n the input. It can't be done directly on .label because of possible line wrapping.\n When the label is on top there's no line wrapping at all to ensure proper alignment of inlined elements\n (they can't be aligned on the baseline because of possible description text and error message)\n -------------------------------------- */\n:host .component-wrapper {\n position: relative;\n display: flex;\n flex-direction: column;\n height: 100%;\n gap: 1.5rem;\n}\n:host .component-wrapper:focus-visible {\n outline: none;\n outline: 3px solid var(--wmcolor-interactive-focus);\n outline-offset: 3px;\n}\n:host .component-wrapper:not(.hide-focus-ring) .bar-area.user-is-keying .bar:focus {\n outline: none;\n outline: 3px solid var(--wmcolor-interactive-focus);\n outline-offset: 3px;\n}\n:host .label {\n display: flex;\n flex-direction: column;\n gap: 0.25rem;\n}\n:host .label .label-text {\n display: block;\n font-weight: 600;\n font-size: 1.125rem;\n}\n:host .label .subinfo {\n display: block;\n font-weight: normal;\n font-style: italic;\n inset-block-end: 0.25rem;\n width: 100%;\n color: var(--wmcolor-chart-subinfo-text);\n}\n:host .legend.--vertical {\n max-width: 12.5rem;\n}\n:host .value {\n --offset: 0px;\n font-size: 0.875rem;\n white-space: nowrap;\n font-weight: 600;\n display: flex;\n align-items: center;\n}\n:host .value.vertical {\n inset-block-end: var(--offset);\n flex-direction: column;\n}\n:host .value.horizontal {\n inset-inline-start: var(--offset);\n flex-direction: row;\n gap: 0.25rem;\n}\n:host .value .supplemental-value {\n display: none;\n font-size: 0.875rem;\n font-style: italic;\n font-weight: 400;\n}\n:host .axis-label-text {\n text-align: center;\n font-size: 0.875rem;\n font-weight: 600;\n}\n:host .group-legend,\n:host .bar-legend {\n font-size: 1rem;\n font-weight: 500;\n word-break: break-word;\n}\n:host .tick {\n font-size: 0.875rem;\n font-weight: 400;\n}\n:host .chart-left-side {\n display: flex;\n flex: 0 1 0%;\n gap: 0.75rem;\n}\n:host .chart-left-side:empty {\n display: none;\n}\n:host .chart-right-side:empty {\n display: none;\n}\n:host .left-axis-label {\n max-width: 9.375rem;\n flex-basis: min-content;\n display: flex;\n align-items: center;\n justify-content: center;\n}\n@container chart-measure (max-width: 414px) {\n :host .left-axis-label {\n display: none;\n }\n}\n:host .bottom-axis-label {\n display: flex;\n align-items: center;\n justify-content: center;\n}\n:host .bar-wrapper.faded {\n opacity: 0.3;\n}\n:host .bar-wrapper .bar {\n background-color: var(--bar-color);\n border: 1px solid var(--bar-color);\n box-sizing: border-box;\n background-repeat: repeat;\n}\n:host .bar-wrapper .bar.pattern-discrete-03 {\n background-image: radial-gradient(circle at 1.5px 1.5px, var(--wmcolor-dataviz-discrete-03) 1.5px, var(--wmcolor-tobiasblue-10) 1.5px);\n background-size: 6px 5px;\n background-position: 1px 1px;\n}\n:host .bar-wrapper .bar.pattern-discrete-03.horizontal {\n background-size: 5px 6px;\n}\n:host .bar-wrapper .bar.pattern-discrete-05 {\n background-image: radial-gradient(circle at 4px 4px, var(--wmcolor-orangutan-10) 2px, var(--wmcolor-dataviz-discrete-05) 2px, var(--wmcolor-dataviz-discrete-05) 4px, var(--wmcolor-orangutan-10) 4px);\n background-size: 9px 9px;\n background-position: -1px 0px;\n}\n:host .bar-wrapper .bar.pattern-discrete-05.horizontal {\n background-position: 0px -1px;\n}\n:host .bar-wrapper .bar.pattern-discrete-06 {\n background-image: radial-gradient(circle at 3px 3px, var(--wmcolor-dataviz-discrete-06) 3px, #ffe7e4 3px);\n background-size: 8px 9px;\n}\n:host .bar-wrapper .bar.pattern-discrete-06.horizontal {\n background-size: 9px 8px;\n}\n:host .bar-wrapper .bar.pattern-discrete-07 {\n --pattern-angle: 180deg;\n background-image: linear-gradient(var(--pattern-angle), transparent 0px, transparent 3px, var(--wmcolor-dataviz-discrete-07) 3px, var(--wmcolor-dataviz-discrete-07) 5px, transparent 5px), radial-gradient(circle at 4px 4px, var(--wmcolor-dataviz-discrete-07) 3px, #a1d4f5 3px);\n background-size: 8px 14px;\n}\n:host .bar-wrapper .bar.pattern-discrete-07.horizontal {\n --pattern-angle: 90deg;\n background-size: 14px 8px;\n}\n:host .bar-wrapper .bar.pattern-semantic-positive-02 {\n background-image: repeating-linear-gradient(45deg, var(--wmcolor-dataviz-semantic-positive-02) 0px, var(--wmcolor-dataviz-semantic-positive-02) 3px, transparent 3px, transparent 7px), repeating-linear-gradient(135deg, var(--wmcolor-dataviz-semantic-positive-02) 0px, var(--wmcolor-dataviz-semantic-positive-02) 3px, var(--wmcolor-cyan-10) 3px, var(--wmcolor-cyan-10) 7px);\n}\n:host .bar-wrapper .bar.pattern-semantic-negative-01 {\n --pattern-angle: 135deg;\n background-image: repeating-linear-gradient(var(--pattern-angle), var(--wmcolor-dataviz-semantic-negative-01) 0px, var(--wmcolor-dataviz-semantic-negative-01) 2px, #ffe7e4 2px, #ffe7e4 8px);\n}\n:host .bar-wrapper .bar.pattern-semantic-negative-01.horizontal {\n --pattern-angle: 45deg;\n}\n:host .bar-wrapper .bar.pattern-semantic-negative-02 {\n --pattern-angle: 135deg;\n background-image: repeating-linear-gradient(var(--pattern-angle), #ffe7e4 0px, #ffe7e4 2px, var(--wmcolor-dataviz-semantic-negative-02) 2px, var(--wmcolor-dataviz-semantic-negative-02) 8px);\n}\n:host .bar-wrapper .bar.pattern-semantic-negative-02.horizontal {\n --pattern-angle: 45deg;\n}\n:host .bar-wrapper .bar.pattern-semantic-neutral-01 {\n --pattern-angle: 0deg;\n background-image: repeating-linear-gradient(var(--pattern-angle), var(--wmcolor-periwinkle-10) 0px, var(--wmcolor-periwinkle-10) 2px, var(--wmcolor-dataviz-semantic-neutral-01) 2px, var(--wmcolor-dataviz-semantic-neutral-01) 8px);\n}\n:host .bar-wrapper .bar.pattern-semantic-neutral-01.horizontal {\n --pattern-angle: 90deg;\n}\n:host .bar-wrapper .bar.pattern-semantic-neutral-03 {\n --pattern-angle: 0deg;\n background-image: repeating-linear-gradient(var(--pattern-angle), var(--wmcolor-periwinkle-10) 0px, var(--wmcolor-periwinkle-10) 3px, var(--wmcolor-dataviz-semantic-neutral-03) 3px, var(--wmcolor-dataviz-semantic-neutral-03) 5px);\n}\n:host .bar-wrapper .bar.pattern-semantic-neutral-03.horizontal {\n --pattern-angle: 90deg;\n}\n:host .bar-wrapper .bar.pattern-semantic-unspecified {\n background-image: repeating-linear-gradient(45deg, var(--wmcolor-dataviz-semantic-unspecified) 0px, var(--wmcolor-dataviz-semantic-unspecified) 1px, transparent 1px, transparent 7px), repeating-linear-gradient(135deg, var(--wmcolor-dataviz-semantic-unspecified) 0px, var(--wmcolor-dataviz-semantic-unspecified) 1px, var(--wmcolor-gray-20) 1px, var(--wmcolor-gray-20) 7px);\n}\n:host .bar-wrapper .bar:hover {\n -webkit-box-shadow: 0px 4px 15px 0px rgba(92, 59, 59, 0.2), 0px 3px 14px 0px rgba(0, 0, 0, 0.12);\n -moz-box-shadow: 0px 4px 15px 0px rgba(92, 59, 59, 0.2), 0px 3px 14px 0px rgba(0, 0, 0, 0.12);\n box-shadow: 0px 4px 15px 0px rgba(92, 59, 59, 0.2), 0px 3px 14px 0px rgba(0, 0, 0, 0.12);\n}\n:host .component-wrapper.print-mode .value {\n font-size: 1rem;\n font-weight: 700;\n}\n:host .component-wrapper.print-mode .supplemental-value {\n display: unset;\n}\n@media print {\n :host .component-wrapper .value {\n font-size: 1rem;\n font-weight: 700;\n }\n :host .component-wrapper .supplemental-value {\n display: unset;\n }\n}\n\n.svg-icon {\n display: block;\n width: var(--icon-size, 0.875rem);\n height: var(--icon-size, 0.875rem);\n}\n.svg-icon.horizontal {\n transform: scaleX(-1);\n}\n.svg-icon.vertical {\n transform: scaleY(-1);\n}\n.svg-icon.svg-add:before {\n content: \"\";\n display: block;\n background-color: var(--icon-fill, currentColor);\n width: var(--icon-size, 0.875rem);\n height: var(--icon-size, 0.875rem);\n -webkit-mask-size: 100%;\n mask-size: 100%;\n}\n.svg-icon.svg-add:before {\n -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\");\n 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\");\n}\n.svg-icon.svg-archive:before {\n content: \"\";\n display: block;\n background-color: var(--icon-fill, currentColor);\n width: var(--icon-size, 0.875rem);\n height: var(--icon-size, 0.875rem);\n -webkit-mask-size: 100%;\n mask-size: 100%;\n}\n.svg-icon.svg-archive:before {\n -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\");\n 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\");\n}\n.svg-icon.svg-add-person:before {\n content: \"\";\n display: block;\n background-color: var(--icon-fill, currentColor);\n width: var(--icon-size, 0.875rem);\n height: var(--icon-size, 0.875rem);\n -webkit-mask-size: 100%;\n mask-size: 100%;\n}\n.svg-icon.svg-add-person:before {\n -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\");\n 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\");\n}\n.svg-icon.svg-add-outline:before {\n content: \"\";\n display: block;\n background-color: var(--icon-fill, currentColor);\n width: var(--icon-size, 0.875rem);\n height: var(--icon-size, 0.875rem);\n -webkit-mask-size: 100%;\n mask-size: 100%;\n}\n.svg-icon.svg-add-outline:before {\n -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\");\n 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\");\n}\n.svg-icon.svg-ai:before {\n content: \"\";\n display: block;\n background-color: var(--icon-fill, currentColor);\n width: var(--icon-size, 0.875rem);\n height: var(--icon-size, 0.875rem);\n -webkit-mask-size: 100%;\n mask-size: 100%;\n}\n.svg-icon.svg-ai:before {\n -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\");\n 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\");\n}\n.svg-icon.svg-ai-sparkles:before {\n content: \"\";\n display: block;\n background-color: var(--icon-fill, currentColor);\n width: var(--icon-size, 0.875rem);\n height: var(--icon-size, 0.875rem);\n -webkit-mask-size: 100%;\n mask-size: 100%;\n}\n.svg-icon.svg-ai-sparkles:before {\n -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\");\n 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\");\n}\n.svg-icon.svg-ai-chat:before {\n content: \"\";\n display: block;\n background-color: var(--icon-fill, currentColor);\n width: var(--icon-size, 0.875rem);\n height: var(--icon-size, 0.875rem);\n -webkit-mask-size: 100%;\n mask-size: 100%;\n}\n.svg-icon.svg-ai-chat:before {\n -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\");\n 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\");\n}\n.svg-icon.svg-api-connected:before {\n content: \"\";\n display: block;\n background-color: var(--icon-fill, currentColor);\n width: var(--icon-size, 0.875rem);\n height: var(--icon-size, 0.875rem);\n -webkit-mask-size: 100%;\n mask-size: 100%;\n}\n.svg-icon.svg-api-connected:before {\n -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\");\n 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\");\n}\n.svg-icon.svg-api-disconnected:before {\n content: \"\";\n display: block;\n background-color: var(--icon-fill, currentColor);\n width: var(--icon-size, 0.875rem);\n height: var(--icon-size, 0.875rem);\n -webkit-mask-size: 100%;\n mask-size: 100%;\n}\n.svg-icon.svg-api-disconnected:before {\n -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\");\n 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\");\n}\n.svg-icon.svg-attach:before {\n content: \"\";\n display: block;\n background-color: var(--icon-fill, currentColor);\n width: var(--icon-size, 0.875rem);\n height: var(--icon-size, 0.875rem);\n -webkit-mask-size: 100%;\n mask-size: 100%;\n}\n.svg-icon.svg-attach:before {\n -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\");\n 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\");\n}\n.svg-icon.svg-back:before {\n content: \"\";\n display: block;\n background-color: var(--icon-fill, currentColor);\n width: var(--icon-size, 0.875rem);\n height: var(--icon-size, 0.875rem);\n -webkit-mask-size: 100%;\n mask-size: 100%;\n}\n.svg-icon.svg-back:before {\n -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\");\n 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\");\n}\n.svg-icon.svg-close:before {\n content: \"\";\n display: block;\n background-color: var(--icon-fill, currentColor);\n width: var(--icon-size, 0.875rem);\n height: var(--icon-size, 0.875rem);\n -webkit-mask-size: 100%;\n mask-size: 100%;\n}\n.svg-icon.svg-close:before {\n -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\");\n 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\");\n}\n.svg-icon.svg-copy:before {\n content: \"\";\n display: block;\n background-color: var(--icon-fill, currentColor);\n width: var(--icon-size, 0.875rem);\n height: var(--icon-size, 0.875rem);\n -webkit-mask-size: 100%;\n mask-size: 100%;\n}\n.svg-icon.svg-copy:before {\n -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\");\n 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\");\n}\n.svg-icon.svg-checkbox-selected:before {\n content: \"\";\n display: block;\n background-color: var(--icon-fill, currentColor);\n width: var(--icon-size, 0.875rem);\n height: var(--icon-size, 0.875rem);\n -webkit-mask-size: 100%;\n mask-size: 100%;\n}\n.svg-icon.svg-checkbox-selected:before {\n -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\");\n 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\");\n}\n.svg-icon.svg-checkbox-blank:before {\n content: \"\";\n display: block;\n background-color: var(--icon-fill, currentColor);\n width: var(--icon-size, 0.875rem);\n height: var(--icon-size, 0.875rem);\n -webkit-mask-size: 100%;\n mask-size: 100%;\n}\n.svg-icon.svg-checkbox-blank:before {\n -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\");\n 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\");\n}\n.svg-icon.svg-collapsed:before {\n content: \"\";\n display: block;\n background-color: var(--icon-fill, currentColor);\n width: var(--icon-size, 0.875rem);\n height: var(--icon-size, 0.875rem);\n -webkit-mask-size: 100%;\n mask-size: 100%;\n}\n.svg-icon.svg-collapsed:before {\n -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\");\n 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\");\n}\n.svg-icon.svg-date:before {\n content: \"\";\n display: block;\n background-color: var(--icon-fill, currentColor);\n width: var(--icon-size, 0.875rem);\n height: var(--icon-size, 0.875rem);\n -webkit-mask-size: 100%;\n mask-size: 100%;\n}\n.svg-icon.svg-date:before {\n -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\");\n 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\");\n}\n.svg-icon.svg-delete:before {\n content: \"\";\n display: block;\n background-color: var(--icon-fill, currentColor);\n width: var(--icon-size, 0.875rem);\n height: var(--icon-size, 0.875rem);\n -webkit-mask-size: 100%;\n mask-size: 100%;\n}\n.svg-icon.svg-delete:before {\n -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\");\n 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\");\n}\n.svg-icon.svg-download:before {\n content: \"\";\n display: block;\n background-color: var(--icon-fill, currentColor);\n width: var(--icon-size, 0.875rem);\n height: var(--icon-size, 0.875rem);\n -webkit-mask-size: 100%;\n mask-size: 100%;\n}\n.svg-icon.svg-download:before {\n -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\");\n 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\");\n}\n.svg-icon.svg-drilldown:before {\n content: \"\";\n display: block;\n background-color: var(--icon-fill, currentColor);\n width: var(--icon-size, 0.875rem);\n height: var(--icon-size, 0.875rem);\n -webkit-mask-size: 100%;\n mask-size: 100%;\n}\n.svg-icon.svg-drilldown:before {\n -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\");\n 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\");\n}\n.svg-icon.svg-edit:before {\n content: \"\";\n display: block;\n background-color: var(--icon-fill, currentColor);\n width: var(--icon-size, 0.875rem);\n height: var(--icon-size, 0.875rem);\n -webkit-mask-size: 100%;\n mask-size: 100%;\n}\n.svg-icon.svg-edit:before {\n -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\");\n 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\");\n}\n.svg-icon.svg-error:before {\n content: \"\";\n display: block;\n background-color: var(--icon-fill, currentColor);\n width: var(--icon-size, 0.875rem);\n height: var(--icon-size, 0.875rem);\n -webkit-mask-size: 100%;\n mask-size: 100%;\n}\n.svg-icon.svg-error:before {\n -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\");\n 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\");\n}\n.svg-icon.svg-expand-less:before {\n content: \"\";\n display: block;\n background-color: var(--icon-fill, currentColor);\n width: var(--icon-size, 0.875rem);\n height: var(--icon-size, 0.875rem);\n -webkit-mask-size: 100%;\n mask-size: 100%;\n}\n.svg-icon.svg-expand-less:before {\n -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\");\n 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\");\n}\n.svg-icon.svg-expand-more:before {\n content: \"\";\n display: block;\n background-color: var(--icon-fill, currentColor);\n width: var(--icon-size, 0.875rem);\n height: var(--icon-size, 0.875rem);\n -webkit-mask-size: 100%;\n mask-size: 100%;\n}\n.svg-icon.svg-expand-more:before {\n -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\");\n 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\");\n}\n.svg-icon.svg-expanded:before {\n content: \"\";\n display: block;\n background-color: var(--icon-fill, currentColor);\n width: var(--icon-size, 0.875rem);\n height: var(--icon-size, 0.875rem);\n -webkit-mask-size: 100%;\n mask-size: 100%;\n}\n.svg-icon.svg-expanded:before {\n -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\");\n 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\");\n}\n.svg-icon.svg-filter:before {\n content: \"\";\n display: block;\n background-color: var(--icon-fill, currentColor);\n width: var(--icon-size, 0.875rem);\n height: var(--icon-size, 0.875rem);\n -webkit-mask-size: 100%;\n mask-size: 100%;\n}\n.svg-icon.svg-filter:before {\n -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\");\n 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\");\n}\n.svg-icon.svg-forward:before {\n content: \"\";\n display: block;\n background-color: var(--icon-fill, currentColor);\n width: var(--icon-size, 0.875rem);\n height: var(--icon-size, 0.875rem);\n -webkit-mask-size: 100%;\n mask-size: 100%;\n}\n.svg-icon.svg-forward:before {\n -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\");\n 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\");\n}\n.svg-icon.svg-help-center:before {\n content: \"\";\n display: block;\n background-color: var(--icon-fill, currentColor);\n width: var(--icon-size, 0.875rem);\n height: var(--icon-size, 0.875rem);\n -webkit-mask-size: 100%;\n mask-size: 100%;\n}\n.svg-icon.svg-help-center:before {\n -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\");\n 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\");\n}\n.svg-icon.svg-hide:before {\n content: \"\";\n display: block;\n background-color: var(--icon-fill, currentColor);\n width: var(--icon-size, 0.875rem);\n height: var(--icon-size, 0.875rem);\n -webkit-mask-size: 100%;\n mask-size: 100%;\n}\n.svg-icon.svg-hide:before {\n -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\");\n 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\");\n}\n.svg-icon.svg-info:before {\n content: \"\";\n display: block;\n background-color: var(--icon-fill, currentColor);\n width: var(--icon-size, 0.875rem);\n height: var(--icon-size, 0.875rem);\n -webkit-mask-size: 100%;\n mask-size: 100%;\n}\n.svg-icon.svg-info:before {\n -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\");\n 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\");\n}\n.svg-icon.svg-locked:before {\n content: \"\";\n display: block;\n background-color: var(--icon-fill, currentColor);\n width: var(--icon-size, 0.875rem);\n height: var(--icon-size, 0.875rem);\n -webkit-mask-size: 100%;\n mask-size: 100%;\n}\n.svg-icon.svg-locked:before {\n -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\");\n 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\");\n}\n.svg-icon.svg-menu:before {\n content: \"\";\n display: block;\n background-color: var(--icon-fill, currentColor);\n width: var(--icon-size, 0.875rem);\n height: var(--icon-size, 0.875rem);\n -webkit-mask-size: 100%;\n mask-size: 100%;\n}\n.svg-icon.svg-menu:before {\n -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\");\n 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\");\n}\n.svg-icon.svg-more-options:before {\n content: \"\";\n display: block;\n background-color: var(--icon-fill, currentColor);\n width: var(--icon-size, 0.875rem);\n height: var(--icon-size, 0.875rem);\n -webkit-mask-size: 100%;\n mask-size: 100%;\n}\n.svg-icon.svg-more-options:before {\n -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\");\n 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\");\n}\n.svg-icon.svg-move-down:before {\n content: \"\";\n display: block;\n background-color: var(--icon-fill, currentColor);\n width: var(--icon-size, 0.875rem);\n height: var(--icon-size, 0.875rem);\n -webkit-mask-size: 100%;\n mask-size: 100%;\n}\n.svg-icon.svg-move-down:before {\n -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\");\n 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\");\n}\n.svg-icon.svg-move-up:before {\n content: \"\";\n display: block;\n background-color: var(--icon-fill, currentColor);\n width: var(--icon-size, 0.875rem);\n height: var(--icon-size, 0.875rem);\n -webkit-mask-size: 100%;\n mask-size: 100%;\n}\n.svg-icon.svg-move-up:before {\n -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\");\n 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\");\n}\n.svg-icon.svg-navigator-icon:before {\n content: \"\";\n display: block;\n background-color: var(--icon-fill, currentColor);\n width: var(--icon-size, 0.875rem);\n height: var(--icon-size, 0.875rem);\n -webkit-mask-size: 100%;\n mask-size: 100%;\n}\n.svg-icon.svg-navigator-icon:before {\n -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\");\n 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\");\n}\n.svg-icon.svg-next:before {\n content: \"\";\n display: block;\n background-color: var(--icon-fill, currentColor);\n width: var(--icon-size, 0.875rem);\n height: var(--icon-size, 0.875rem);\n -webkit-mask-size: 100%;\n mask-size: 100%;\n}\n.svg-icon.svg-next:before {\n -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\");\n 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\");\n}\n.svg-icon.svg-notifications:before {\n content: \"\";\n display: block;\n background-color: var(--icon-fill, currentColor);\n width: var(--icon-size, 0.875rem);\n height: var(--icon-size, 0.875rem);\n -webkit-mask-size: 100%;\n mask-size: 100%;\n}\n.svg-icon.svg-notifications:before {\n -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\");\n 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\");\n}\n.svg-icon.svg-open-in-new:before {\n content: \"\";\n display: block;\n background-color: var(--icon-fill, currentColor);\n width: var(--icon-size, 0.875rem);\n height: var(--icon-size, 0.875rem);\n -webkit-mask-size: 100%;\n mask-size: 100%;\n}\n.svg-icon.svg-open-in-new:before {\n -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\");\n 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\");\n}\n.svg-icon.svg-pending:before {\n content: \"\";\n display: block;\n background-color: var(--icon-fill, currentColor);\n width: var(--icon-size, 0.875rem);\n height: var(--icon-size, 0.875rem);\n -webkit-mask-size: 100%;\n mask-size: 100%;\n}\n.svg-icon.svg-pending:before {\n -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\");\n 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\");\n}\n.svg-icon.svg-previous:before {\n content: \"\";\n display: block;\n background-color: var(--icon-fill, currentColor);\n width: var(--icon-size, 0.875rem);\n height: var(--icon-size, 0.875rem);\n -webkit-mask-size: 100%;\n mask-size: 100%;\n}\n.svg-icon.svg-previous:before {\n -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\");\n 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\");\n}\n.svg-icon.svg-remove:before {\n content: \"\";\n display: block;\n background-color: var(--icon-fill, currentColor);\n width: var(--icon-size, 0.875rem);\n height: var(--icon-size, 0.875rem);\n -webkit-mask-size: 100%;\n mask-size: 100%;\n}\n.svg-icon.svg-remove:before {\n -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\");\n 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\");\n}\n.svg-icon.svg-remove-tag:before {\n content: \"\";\n display: block;\n background-color: var(--icon-fill, currentColor);\n width: var(--icon-size, 0.875rem);\n height: var(--icon-size, 0.875rem);\n -webkit-mask-size: 100%;\n mask-size: 100%;\n}\n.svg-icon.svg-remove-tag:before {\n -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\");\n 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\");\n}\n.svg-icon.svg-reset:before {\n content: \"\";\n display: block;\n background-color: var(--icon-fill, currentColor);\n width: var(--icon-size, 0.875rem);\n height: var(--icon-size, 0.875rem);\n -webkit-mask-size: 100%;\n mask-size: 100%;\n}\n.svg-icon.svg-reset:before {\n -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\");\n 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\");\n}\n.svg-icon.svg-restore:before {\n content: \"\";\n display: block;\n background-color: var(--icon-fill, currentColor);\n width: var(--icon-size, 0.875rem);\n height: var(--icon-size, 0.875rem);\n -webkit-mask-size: 100%;\n mask-size: 100%;\n}\n.svg-icon.svg-restore:before {\n -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\");\n 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\");\n}\n.svg-icon.svg-rotate-right:before {\n content: \"\";\n display: block;\n background-color: var(--icon-fill, currentColor);\n width: var(--icon-size, 0.875rem);\n height: var(--icon-size, 0.875rem);\n -webkit-mask-size: 100%;\n mask-size: 100%;\n}\n.svg-icon.svg-rotate-right:before {\n -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\");\n 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\");\n}\n.svg-icon.svg-save:before {\n content: \"\";\n display: block;\n background-color: var(--icon-fill, currentColor);\n width: var(--icon-size, 0.875rem);\n height: var(--icon-size, 0.875rem);\n -webkit-mask-size: 100%;\n mask-size: 100%;\n}\n.svg-icon.svg-save:before {\n -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\");\n 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\");\n}\n.svg-icon.svg-search:before {\n content: \"\";\n display: block;\n background-color: var(--icon-fill, currentColor);\n width: var(--icon-size, 0.875rem);\n height: var(--icon-size, 0.875rem);\n -webkit-mask-size: 100%;\n mask-size: 100%;\n}\n.svg-icon.svg-search:before {\n -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\");\n 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\");\n}\n.svg-icon.svg-shape-circle:before {\n content: \"\";\n display: block;\n background-color: var(--icon-fill, currentColor);\n width: var(--icon-size, 0.875rem);\n height: var(--icon-size, 0.875rem);\n -webkit-mask-size: 100%;\n mask-size: 100%;\n}\n.svg-icon.svg-shape-circle:before {\n -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\");\n 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\");\n}\n.svg-icon.svg-shape-pentagon:before {\n content: \"\";\n display: block;\n background-color: var(--icon-fill, currentColor);\n width: var(--icon-size, 0.875rem);\n height: var(--icon-size, 0.875rem);\n -webkit-mask-size: 100%;\n mask-size: 100%;\n}\n.svg-icon.svg-shape-pentagon:before {\n -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\");\n 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\");\n}\n.svg-icon.svg-shape-rhombus:before {\n content: \"\";\n display: block;\n background-color: var(--icon-fill, currentColor);\n width: var(--icon-size, 0.875rem);\n height: var(--icon-size, 0.875rem);\n -webkit-mask-size: 100%;\n mask-size: 100%;\n}\n.svg-icon.svg-shape-rhombus:before {\n -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\");\n 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\");\n}\n.svg-icon.svg-shape-star:before {\n content: \"\";\n display: block;\n background-color: var(--icon-fill, currentColor);\n width: var(--icon-size, 0.875rem);\n height: var(--icon-size, 0.875rem);\n -webkit-mask-size: 100%;\n mask-size: 100%;\n}\n.svg-icon.svg-shape-star:before {\n -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\");\n 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\");\n}\n.svg-icon.svg-shape-square:before {\n content: \"\";\n display: block;\n background-color: var(--icon-fill, currentColor);\n width: var(--icon-size, 0.875rem);\n height: var(--icon-size, 0.875rem);\n -webkit-mask-size: 100%;\n mask-size: 100%;\n}\n.svg-icon.svg-shape-square:before {\n -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\");\n 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\");\n}\n.svg-icon.svg-shape-triangle:before {\n content: \"\";\n display: block;\n background-color: var(--icon-fill, currentColor);\n width: var(--icon-size, 0.875rem);\n height: var(--icon-size, 0.875rem);\n -webkit-mask-size: 100%;\n mask-size: 100%;\n}\n.svg-icon.svg-shape-triangle:before {\n -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\");\n 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\");\n}\n.svg-icon.svg-shape-triangle-inverted:before {\n content: \"\";\n display: block;\n background-color: var(--icon-fill, currentColor);\n width: var(--icon-size, 0.875rem);\n height: var(--icon-size, 0.875rem);\n -webkit-mask-size: 100%;\n mask-size: 100%;\n}\n.svg-icon.svg-shape-triangle-inverted:before {\n -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\");\n 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\");\n}\n.svg-icon.svg-show:before {\n content: \"\";\n display: block;\n background-color: var(--icon-fill, currentColor);\n width: var(--icon-size, 0.875rem);\n height: var(--icon-size, 0.875rem);\n -webkit-mask-size: 100%;\n mask-size: 100%;\n}\n.svg-icon.svg-show:before {\n -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\");\n 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\");\n}\n.svg-icon.svg-sort-a-to-z:before {\n content: \"\";\n display: block;\n background-color: var(--icon-fill, currentColor);\n width: var(--icon-size, 0.875rem);\n height: var(--icon-size, 0.875rem);\n -webkit-mask-size: 100%;\n mask-size: 100%;\n}\n.svg-icon.svg-sort-a-to-z:before {\n -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\");\n 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\");\n}\n.svg-icon.svg-sort-column:before {\n content: \"\";\n display: block;\n background-color: var(--icon-fill, currentColor);\n width: var(--icon-size, 0.875rem);\n height: var(--icon-size, 0.875rem);\n -webkit-mask-size: 100%;\n mask-size: 100%;\n}\n.svg-icon.svg-sort-column:before {\n -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\");\n 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\");\n}\n.svg-icon.svg-sort-z-to-a:before {\n content: \"\";\n display: block;\n background-color: var(--icon-fill, currentColor);\n width: var(--icon-size, 0.875rem);\n height: var(--icon-size, 0.875rem);\n -webkit-mask-size: 100%;\n mask-size: 100%;\n}\n.svg-icon.svg-sort-z-to-a:before {\n -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\");\n 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\");\n}\n.svg-icon.svg-spotlight:before {\n content: \"\";\n display: block;\n background-color: var(--icon-fill, currentColor);\n width: var(--icon-size, 0.875rem);\n height: var(--icon-size, 0.875rem);\n -webkit-mask-size: 100%;\n mask-size: 100%;\n}\n.svg-icon.svg-spotlight:before {\n -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\");\n 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\");\n}\n.svg-icon.svg-success:before {\n content: \"\";\n display: block;\n background-color: var(--icon-fill, currentColor);\n width: var(--icon-size, 0.875rem);\n height: var(--icon-size, 0.875rem);\n -webkit-mask-size: 100%;\n mask-size: 100%;\n}\n.svg-icon.svg-success:before {\n -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\");\n 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\");\n}\n.svg-icon.svg-time:before {\n content: \"\";\n display: block;\n background-color: var(--icon-fill, currentColor);\n width: var(--icon-size, 0.875rem);\n height: var(--icon-size, 0.875rem);\n -webkit-mask-size: 100%;\n mask-size: 100%;\n}\n.svg-icon.svg-time:before {\n -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\");\n 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\");\n}\n.svg-icon.svg-undo:before {\n content: \"\";\n display: block;\n background-color: var(--icon-fill, currentColor);\n width: var(--icon-size, 0.875rem);\n height: var(--icon-size, 0.875rem);\n -webkit-mask-size: 100%;\n mask-size: 100%;\n}\n.svg-icon.svg-undo:before {\n -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\");\n 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\");\n}\n.svg-icon.svg-upload:before {\n content: \"\";\n display: block;\n background-color: var(--icon-fill, currentColor);\n width: var(--icon-size, 0.875rem);\n height: var(--icon-size, 0.875rem);\n -webkit-mask-size: 100%;\n mask-size: 100%;\n}\n.svg-icon.svg-upload:before {\n -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\");\n 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\");\n}\n.svg-icon.svg-wrong:before {\n content: \"\";\n display: block;\n background-color: var(--icon-fill, currentColor);\n width: var(--icon-size, 0.875rem);\n height: var(--icon-size, 0.875rem);\n -webkit-mask-size: 100%;\n mask-size: 100%;\n}\n.svg-icon.svg-wrong:before {\n -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\");\n 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\");\n}\n\n:host {\n display: block;\n}\n\n.component-wrapper {\n overflow: hidden;\n --min-column-gap: 12px;\n --label-overhang: 0px;\n --grouped-column-gap: calc(var(--label-overhang) + var(--min-column-gap));\n --column-group-gap: calc(var(--grouped-column-gap) + 20px);\n --forced-width: unset;\n inline-size: var(--forced-width);\n}\n\n.chart-wrapper {\n display: flex;\n container: chart-measure/inline-size;\n gap: 0.75rem;\n flex-basis: 100%;\n}\n\n.chart-center {\n --overflow-buffer: 3.25rem;\n display: flex;\n flex-direction: column;\n gap: 0.75rem;\n overflow: hidden;\n min-block-size: 31.25rem;\n inline-size: fit-content;\n}\n\n.plot-container {\n display: grid;\n grid-template-columns: auto auto 1fr;\n grid-template-rows: 1fr auto auto;\n column-gap: 0.75rem;\n row-gap: 0.75rem;\n min-block-size: 31.25rem;\n flex: 1;\n}\n.plot-container .left-axis-label {\n grid-column: 1;\n grid-row: 1;\n min-inline-size: 0;\n margin-block-start: var(--overflow-buffer);\n}\n\n.y-axis {\n grid-column: 2;\n grid-row: 1;\n position: relative;\n inline-size: 2.5rem;\n overflow: visible;\n margin-block-start: var(--overflow-buffer);\n}\n.y-axis .tick {\n --offset: 0px;\n position: absolute;\n right: 0;\n line-height: 1;\n white-space: nowrap;\n transform: translateY(-50%);\n top: var(--offset);\n}\n.y-axis .tick.zero {\n --offset: 100%;\n}\n.y-axis.grouped {\n margin-block-end: 0.25rem;\n}\n\n.plot-area {\n --side-padding: 0px;\n grid-column: 3;\n grid-row: 1/-1;\n position: relative;\n display: grid;\n grid-template-columns: repeat(var(--plot-column-count), var(--plot-column-width, 7.5rem));\n grid-template-rows: subgrid;\n overflow-x: auto;\n overflow-y: hidden;\n column-gap: 1.5rem;\n padding-block-start: var(--overflow-buffer);\n mask-image: linear-gradient(90deg, transparent 0, black var(--left-fade-distance), black calc(100% - var(--right-fade-distance)), transparent 100%);\n --left-fade-distance: 0;\n --right-fade-distance: 5.25rem;\n}\n.plot-area.no-scroll {\n -webkit-mask-image: none;\n mask-image: none;\n}\n.plot-area.grouped {\n --side-padding: 2rem;\n}\n.plot-area .bottom-axis-label {\n grid-column: 1/-1;\n}\n@media print {\n .plot-area {\n mask-image: none;\n -webkit-mask-image: none;\n }\n}\n\n.bottom-axis-label {\n grid-column: 3/-1;\n grid-row: 3;\n}\n\n.bar-legend,\n.group-legend {\n text-align: center;\n max-width: 7.5rem;\n}\n.bar-legend .--measure-wrapper,\n.group-legend .--measure-wrapper {\n position: absolute;\n visibility: hidden;\n pointer-events: none;\n max-inline-size: 7.5rem;\n top: 0;\n left: 0;\n}\n\n.group-legend {\n max-width: unset;\n}\n\n.bar-area {\n position: relative;\n grid-column: 1/-1;\n grid-row: 1;\n display: grid;\n grid-template-columns: subgrid;\n align-items: flex-end;\n height: 100%;\n}\n.bar-area.grouped {\n column-gap: var(--column-group-gap, 2rem);\n padding-inline: var(--side-padding);\n}\n\n.group-columns {\n position: relative;\n display: flex;\n align-items: flex-end;\n justify-content: center;\n gap: var(--grouped-column-gap, 0.75rem);\n height: 100%;\n}\n.group-columns .bar {\n flex-basis: calc(var(--bar-length, 100%) - 4px);\n transform: translateY(-0.25rem);\n}\n\n.group-underline {\n inline-size: 100%;\n block-size: 0.1875rem;\n position: absolute;\n inset-block-end: -0.1875rem;\n background-color: var(--wmcolor-border);\n}\n\n.grid-lines {\n container-name: grid-lines;\n container-type: inline-size;\n grid-column: 1/-1;\n grid-row: 1;\n background-image: linear-gradient(0deg, var(--wmcolor-border) 1px, transparent 1px);\n background-position: bottom;\n background-size: 100% var(--background-size);\n border: 1px solid var(--wmcolor-border);\n border-bottom-width: 0;\n print-color-adjust: exact;\n -webkit-print-color-adjust: exact;\n}\n@media print {\n .grid-lines {\n box-shadow: none;\n border: 1px solid var(--wmcolor-border);\n box-sizing: border-box;\n }\n}\n\n.bar-wrapper {\n position: relative;\n display: flex;\n flex-direction: column;\n align-items: center;\n block-size: 100%;\n inline-size: 1.5rem;\n justify-content: flex-end;\n justify-self: center;\n}\n\n.bar {\n inline-size: 100%;\n position: relative;\n display: flex;\n align-items: flex-end;\n justify-content: center;\n cursor: pointer;\n outline: none;\n print-color-adjust: exact;\n -webkit-print-color-adjust: exact;\n flex-basis: var(--bar-length, 100%);\n}\n\n.value {\n position: absolute;\n inset-block-end: 0;\n}\n\n.x-axis {\n grid-column: 1/-1;\n grid-row: 2;\n display: grid;\n grid-template-columns: subgrid;\n gap: 1.5rem;\n}\n.x-axis.grouped {\n gap: var(--column-group-gap);\n padding-inline: var(--side-padding);\n}\n\n#chart-instructions {\n position: absolute !important;\n width: 1px !important;\n height: 1px !important;\n padding: 0 !important;\n border: 0 !important;\n overflow: hidden !important;\n clip: rect(0, 0, 0, 0) !important;\n clip-path: inset(50%) !important;\n white-space: nowrap !important;\n margin: -1px !important;\n}\n\n.component-wrapper.print-mode {\n --min-column-gap: 2px;\n}\n@media print {\n .component-wrapper {\n --min-column-gap: 2px;\n }\n}";
8
+ const WmChartColumnStyle0 = wmChartColumnCss;
9
+
10
+ const ChartColumn = class {
11
+ constructor(hostRef) {
12
+ registerInstance(this, hostRef);
13
+ this.wmChartBarHighlighted = createEvent(this, "wmChartBarHighlighted", 7);
14
+ this.gridMax = 0;
15
+ this.isGrouped = false;
16
+ this.legendData = [];
17
+ this.plotColumnWidth = 0;
18
+ this.plotDivisions = 1; // the number of vertical divisions that can fit in a single plot. Divisions refer to either bars or groups depending on chart configuration
19
+ this.userIsPrinting = false;
20
+ this.debouncedAdjustLayout = debounce(() => {
21
+ if (this.config && this.processedData) {
22
+ this.gridInfo = this.calculateGridInfo();
23
+ this.updateSpacing();
24
+ requestAnimationFrame(() => {
25
+ if (this.isPlotWidthLimited) {
26
+ this.determinePlots();
27
+ forceUpdate(this.el);
28
+ }
29
+ if (!this.isPlotWidthLimited) {
30
+ const allPlotAreaEls = this.el.shadowRoot.querySelectorAll(".plot-area");
31
+ allPlotAreaEls.forEach((plotAreaEl) => this.updateScrollFade(plotAreaEl));
32
+ }
33
+ });
34
+ }
35
+ }, 20);
36
+ this.config = undefined;
37
+ this.data = undefined;
38
+ this.printWidth = undefined;
39
+ this.printMode = undefined;
40
+ this.patternMode = undefined;
41
+ this.subinfo = undefined;
42
+ this.processedData = new Map();
43
+ this.gridInfo = undefined;
44
+ this.isKeying = false;
45
+ }
46
+ ////////////////////////////////////////////////////////////
47
+ // #region Getters
48
+ ////////////////////////////////////////////////////////////
49
+ get colorPalette() {
50
+ var _a;
51
+ let defaultPaletteName = this.isGrouped ? "discrete" : "wmcolor-dataviz-discrete-01";
52
+ let paletteName = ((_a = this.config) === null || _a === void 0 ? void 0 : _a.colors) || defaultPaletteName;
53
+ let palette = [];
54
+ if (paletteName === "semantic") {
55
+ palette = chartPalettes.semantic;
56
+ }
57
+ else if (paletteName === "discrete") {
58
+ palette = chartPalettes.discrete;
59
+ }
60
+ else if (paletteName.startsWith("wmcolor")) {
61
+ palette = [paletteName];
62
+ }
63
+ return palette;
64
+ }
65
+ get sort() {
66
+ var _a;
67
+ return ((_a = this.config) === null || _a === void 0 ? void 0 : _a.sort) || "none"; // default to none
68
+ }
69
+ get showLegend() {
70
+ var _a;
71
+ return ((_a = this.config) === null || _a === void 0 ? void 0 : _a.showLegend) || "none"; // default to none
72
+ }
73
+ get subinfoText() {
74
+ var _a;
75
+ return this.subinfo || ((_a = this.config) === null || _a === void 0 ? void 0 : _a.subinfo) || "";
76
+ }
77
+ get gridVisible() {
78
+ var _a, _b, _c;
79
+ return !!this.gridInfo && ((_a = this.config) === null || _a === void 0 ? void 0 : _a.gridMax) != undefined && ((_c = (_b = this.config) === null || _b === void 0 ? void 0 : _b.showGrid) !== null && _c !== void 0 ? _c : true);
80
+ }
81
+ get flattenedData() {
82
+ return [...this.processedData.values()].flat();
83
+ }
84
+ get columnCount() {
85
+ if (this.isGrouped) {
86
+ return this.processedData.size;
87
+ }
88
+ let count = 0;
89
+ this.processedData.forEach((items) => {
90
+ count += items.length;
91
+ });
92
+ return count;
93
+ }
94
+ get isPlotWidthLimited() {
95
+ var _a;
96
+ return !!((this.printMode || ((_a = this.config) === null || _a === void 0 ? void 0 : _a.printMode) || this.userIsPrinting) && this.printWidth);
97
+ }
98
+ get printWidthPx() {
99
+ var _a, _b, _c;
100
+ const PPI = 96;
101
+ const inchToCm = 1 / 2.54;
102
+ if ((_a = this.printWidth) === null || _a === void 0 ? void 0 : _a.endsWith("px")) {
103
+ return parseFloat(this.printWidth.replace("px", ""));
104
+ }
105
+ else if ((_b = this.printWidth) === null || _b === void 0 ? void 0 : _b.endsWith("in")) {
106
+ return parseFloat(this.printWidth.replace("in", "")) * PPI;
107
+ }
108
+ else if ((_c = this.printWidth) === null || _c === void 0 ? void 0 : _c.endsWith("cm")) {
109
+ return parseFloat(this.printWidth.replace("cm", "")) * PPI * inchToCm;
110
+ }
111
+ return 0;
112
+ }
113
+ getAvailablePlotWidth(padding) {
114
+ // Returns the width available to render columns within, given a total chart width of `printWidth`
115
+ var _a;
116
+ const componentWidth = this.printWidthPx;
117
+ const plotAreaEl = this.el.shadowRoot.querySelector(".plot-area");
118
+ const plotWidth = (_a = plotAreaEl === null || plotAreaEl === void 0 ? void 0 : plotAreaEl.getBoundingClientRect().width) !== null && _a !== void 0 ? _a : 0;
119
+ const plotChromeHorizontal = Math.max(0, componentWidth - plotWidth);
120
+ return Math.max(0, componentWidth - plotChromeHorizontal - 2 * padding);
121
+ }
122
+ // #endregion getters
123
+ ////////////////////////////////////////////////////////////
124
+ // #region Component lifecycle
125
+ ////////////////////////////////////////////////////////////
126
+ componentDidLoad() {
127
+ const resizeObserver = new ResizeObserver(() => this.debouncedAdjustLayout());
128
+ resizeObserver.observe(this.componentWrapperEl);
129
+ if (this.config && this.data) {
130
+ this.handleConfigDataChange();
131
+ }
132
+ }
133
+ updateSpacing() {
134
+ if (this.isGrouped) {
135
+ // In grouped charts, label-overhang determines the spacing between columns within a group, AND space between groups themselves
136
+ const valueElements = this.el.shadowRoot.querySelectorAll(".value");
137
+ const maxLabelWidth = Array.from(valueElements).reduce((max, el) => Math.max(max, el.offsetWidth), 0);
138
+ const barWidth = 24;
139
+ let labelOverhang = Math.max(0, (maxLabelWidth - barWidth) / 2);
140
+ this.componentWrapperEl.style.setProperty("--label-overhang", `${labelOverhang}px`);
141
+ }
142
+ else {
143
+ // In ungrouped charts, column spacing is determined by the width of the longest x-axis label
144
+ const measureLabelEls = this.el.shadowRoot.querySelectorAll(".--measure-width");
145
+ const longestLabelWidth = Array.from(measureLabelEls).reduce((max, el) => Math.max(max, el.offsetWidth), 0);
146
+ // Cap at 120px max
147
+ this.plotColumnWidth = Math.min(longestLabelWidth + 1, 120); // add 1px buffer for subpixel rendering
148
+ const chartCenterEl = this.el.shadowRoot.querySelector(".chart-center");
149
+ chartCenterEl === null || chartCenterEl === void 0 ? void 0 : chartCenterEl.style.setProperty("--plot-column-width", `${this.plotColumnWidth}px`);
150
+ }
151
+ }
152
+ // #endregion component lifecycle
153
+ ////////////////////////////////////////////////////////////
154
+ // #region Data processing
155
+ ////////////////////////////////////////////////////////////
156
+ handleConfigDataChange() {
157
+ if (this.config && this.data) {
158
+ const largest = Math.max(...this.data.map((item) => item.amount));
159
+ if (this.config.gridMax == "auto") {
160
+ this.gridMax = findNiceRoundNumber(largest);
161
+ }
162
+ else if (!!this.config.gridMax) {
163
+ this.gridMax = this.config.gridMax;
164
+ }
165
+ else {
166
+ // fallback to 1 and chart should not render
167
+ this.gridMax = 1;
168
+ }
169
+ this.isGrouped = this.data.some((item) => item.groupName);
170
+ this.processedData = this.buildProcessedData();
171
+ this.plotDivisions = this.isGrouped ? this.processedData.size : this.data.length; // default to total number of items in chart, or number of groups in grouped charts
172
+ this.legendData = this.isGrouped
173
+ ? computeLegendData(this.processedData).map((item) => (Object.assign(Object.assign({}, item), { printValue: "" })))
174
+ : computeLegendData(this.processedData);
175
+ this.propagateExternalLegendData();
176
+ this.debouncedAdjustLayout();
177
+ }
178
+ }
179
+ buildProcessedData() {
180
+ var _a, _b, _c, _d;
181
+ if (!this.data) {
182
+ return new Map();
183
+ }
184
+ let processedData = [];
185
+ const defaultValueFormat = "amount";
186
+ const defaultPrintModeFormat = "amount";
187
+ const fallbackColor = "wmcolor-dataviz-discrete-01";
188
+ const itemTotal = this.data.reduce((acc, item) => acc + item.amount, 0);
189
+ const valueFormat = ((_a = this.config) === null || _a === void 0 ? void 0 : _a.valueFormat) || defaultValueFormat;
190
+ const printModeFormat = ((_b = this.config) === null || _b === void 0 ? void 0 : _b.printModeFormat) || defaultPrintModeFormat;
191
+ const decimalPlaces = (_d = (_c = this.config) === null || _c === void 0 ? void 0 : _c.decimalPlaces) !== null && _d !== void 0 ? _d : 0;
192
+ // For grouped data, matching barLegends share color indices
193
+ const barLegendColorMap = new Map();
194
+ if (this.isGrouped) {
195
+ let incrementingIndex = 0;
196
+ this.data.forEach((item) => {
197
+ if (!barLegendColorMap.has(item.barLegend)) {
198
+ barLegendColorMap.set(item.barLegend, incrementingIndex);
199
+ incrementingIndex++;
200
+ }
201
+ });
202
+ }
203
+ processedData = this.data.map((item, index) => {
204
+ const colorIndex = this.isGrouped ? barLegendColorMap.get(item.barLegend) || 0 : index;
205
+ const barColor = item.color
206
+ ? item.color
207
+ : this.colorPalette.length === 1
208
+ ? this.colorPalette[0]
209
+ : this.colorPalette[colorIndex] || fallbackColor;
210
+ const amount = decimalPlaces > 0 ? parseFloat(item.amount.toFixed(decimalPlaces)) : item.amount;
211
+ return {
212
+ barLegend: item.barLegend,
213
+ amount: amount,
214
+ gridPercent: (amount / this.gridMax) * 100,
215
+ displayValue: formatDisplayValue(amount, itemTotal, valueFormat, decimalPlaces),
216
+ printValue: formatDisplayValue(amount, itemTotal, printModeFormat, decimalPlaces),
217
+ color: barColor,
218
+ popoverTitle: item.popoverTitle,
219
+ popoverText: item.popoverText,
220
+ popoverButtonText: item.popoverButtonText,
221
+ groupName: item.groupName,
222
+ };
223
+ });
224
+ if (this.isGrouped) {
225
+ processedData = sortGroupedData(processedData);
226
+ }
227
+ else if (this.sort === "ascending") {
228
+ processedData.sort((a, b) => a.amount - b.amount);
229
+ }
230
+ else if (this.sort === "descending") {
231
+ processedData.sort((a, b) => b.amount - a.amount);
232
+ }
233
+ return groupProcessedData(processedData);
234
+ }
235
+ propagateExternalLegendData() {
236
+ document.querySelectorAll("wm-chart-legend").forEach((legend) => {
237
+ var _a, _b;
238
+ if (legend.chartIds.split(" ").includes(this.el.id)) {
239
+ legend.processedData = this.legendData;
240
+ legend.patternMode = ((_a = this.patternMode) !== null && _a !== void 0 ? _a : (_b = this.config) === null || _b === void 0 ? void 0 : _b.patternMode) ? "vertical" : undefined;
241
+ }
242
+ });
243
+ }
244
+ calculateGridInfo() {
245
+ var _a, _b, _c;
246
+ const firstBarAreaEl = this.el.shadowRoot.querySelector(".bar-area");
247
+ const barAreaHeight = (_a = firstBarAreaEl === null || firstBarAreaEl === void 0 ? void 0 : firstBarAreaEl.getBoundingClientRect().height) !== null && _a !== void 0 ? _a : 0;
248
+ const maxTicks = barAreaHeight > 0 ? getMaxTicks(barAreaHeight) : 1;
249
+ const { numIntervals, interval } = findLargestNiceInterval(maxTicks, this.gridMax);
250
+ const tickLabels = [];
251
+ for (let i = 1; i <= numIntervals; i++) {
252
+ const tickValue = i * interval;
253
+ const decimalPlaces = (_c = (_b = this.config) === null || _b === void 0 ? void 0 : _b.decimalPlaces) !== null && _c !== void 0 ? _c : inferDecimalPlacesForUnitValue(tickValue);
254
+ tickLabels.push(suffixNumber(tickValue, decimalPlaces));
255
+ }
256
+ return {
257
+ numTicks: numIntervals,
258
+ interval: interval,
259
+ backgroundSize: `${100 / numIntervals}%`,
260
+ tickLabels: tickLabels,
261
+ };
262
+ }
263
+ determinePlotDivisions(divisionWidth, divisionGap, availableWidth) {
264
+ // Given a uniform division width and gap, determines how many divisions can fit in a row
265
+ let divisionsPerRow = Math.floor((availableWidth + divisionGap) / (divisionWidth + divisionGap));
266
+ if (divisionsPerRow <= 0)
267
+ divisionsPerRow = 1; // In the event no divisions can fit in a row force at least one
268
+ return divisionsPerRow;
269
+ }
270
+ determinePlots() {
271
+ var _a, _b;
272
+ this.componentWrapperEl.style.setProperty("--forced-width", `${this.printWidthPx}px`); // Wrapper width needs to be set so accurate measurements are taken
273
+ if (this.isGrouped) {
274
+ const groupedEdgePadding = 32;
275
+ const availablePlotWidth = this.getAvailablePlotWidth(groupedEdgePadding);
276
+ // By design, each group has the same number of columns and therefore the same width
277
+ const firstGroupEl = (_a = this.el.shadowRoot) === null || _a === void 0 ? void 0 : _a.querySelector(".bar-area.grouped .group-columns");
278
+ const groupWidth = (_b = firstGroupEl === null || firstGroupEl === void 0 ? void 0 : firstGroupEl.getBoundingClientRect().width) !== null && _b !== void 0 ? _b : 0;
279
+ const firstBarAreaEl = this.el.shadowRoot.querySelector(".bar-area");
280
+ const groupGap = firstBarAreaEl ? parseFloat(getComputedStyle(firstBarAreaEl).columnGap) : 0;
281
+ this.plotDivisions = this.determinePlotDivisions(groupWidth, groupGap, availablePlotWidth);
282
+ }
283
+ else {
284
+ const columnGap = 24;
285
+ const availablePlotWidth = Math.round(this.getAvailablePlotWidth(0));
286
+ this.plotDivisions = this.determinePlotDivisions(this.plotColumnWidth, columnGap, availablePlotWidth);
287
+ }
288
+ }
289
+ // #endregion data processing
290
+ ////////////////////////////////////////////////////////////
291
+ // #region Keyboard interaction and Event handling
292
+ ////////////////////////////////////////////////////////////
293
+ handleChartKeyDown(ev) {
294
+ switch (ev.key) {
295
+ case "ArrowDown":
296
+ case "ArrowRight":
297
+ ev.preventDefault();
298
+ if (this.el.shadowRoot.activeElement === this.componentWrapperEl) {
299
+ this.focusBar(0);
300
+ }
301
+ break;
302
+ case "Tab":
303
+ this.clearFocus();
304
+ break;
305
+ case "Escape":
306
+ ev.preventDefault();
307
+ ev.stopPropagation();
308
+ if (this.popoverEl.open) {
309
+ this.popoverEl.open = false;
310
+ }
311
+ break;
312
+ }
313
+ }
314
+ handleBarKeyDown(ev, item) {
315
+ const barIdx = this.flattenedData.indexOf(item);
316
+ switch (ev.key) {
317
+ case "ArrowUp":
318
+ case "ArrowLeft":
319
+ ev.preventDefault();
320
+ this.focusBar(barIdx - 1);
321
+ break;
322
+ case "ArrowDown":
323
+ case "ArrowRight":
324
+ ev.preventDefault();
325
+ this.focusBar(barIdx + 1);
326
+ break;
327
+ case "Enter":
328
+ if (this.popoverEl.open) {
329
+ const popoverBtn = this.popoverEl.querySelector("button");
330
+ popoverBtn && popoverBtn.click();
331
+ }
332
+ break;
333
+ }
334
+ }
335
+ handleBarClick(ev, item) {
336
+ this.openPopover(item, { x: ev.clientX, y: ev.clientY });
337
+ this.highlightBar(item);
338
+ }
339
+ handleLegendItemClick(ev) {
340
+ if (ev.target.nodeName === "WM-CHART-LEGEND") {
341
+ const legendEl = ev.target;
342
+ if (legendEl.chartIds.includes(this.el.id)) {
343
+ this.handleLegendFocus(ev.detail.idx);
344
+ this.scrollToBar(ev.detail.idx);
345
+ }
346
+ }
347
+ }
348
+ handleLegendItemHover(ev) {
349
+ if (ev.target.nodeName === "WM-CHART-LEGEND") {
350
+ const legendEl = ev.target;
351
+ if (legendEl.chartIds.includes(this.el.id)) {
352
+ this.handleLegendFocus(ev.detail.idx);
353
+ }
354
+ }
355
+ }
356
+ handleBeforePrint() {
357
+ if (this.printWidth) {
358
+ this.userIsPrinting = true;
359
+ this.handleConfigDataChange();
360
+ }
361
+ }
362
+ handleAfterPrint() {
363
+ if (this.printWidth) {
364
+ this.userIsPrinting = false;
365
+ this.handleConfigDataChange();
366
+ }
367
+ }
368
+ handleLegendFocus(idx) {
369
+ var _a;
370
+ if (idx == -1) {
371
+ this.clearHighlights();
372
+ }
373
+ else {
374
+ const barLegend = (_a = this.legendData[idx]) === null || _a === void 0 ? void 0 : _a.barLegend;
375
+ if (barLegend) {
376
+ this.highlightBarsByLegend(barLegend);
377
+ }
378
+ }
379
+ }
380
+ handleDocumentClick(_ev) {
381
+ // Clear highlights when highlight is set from an external legend (not opening a popover)
382
+ if (!this.popoverEl.open) {
383
+ this.clearHighlights();
384
+ }
385
+ }
386
+ updateScrollFade(plotAreaEl) {
387
+ const fadeDistance = 42;
388
+ if (plotAreaEl.scrollLeft > 0) {
389
+ plotAreaEl.style.setProperty("--left-fade-distance", `${fadeDistance}px`);
390
+ }
391
+ else {
392
+ plotAreaEl.style.setProperty("--left-fade-distance", "0px");
393
+ }
394
+ if (plotAreaEl.scrollLeft + plotAreaEl.clientWidth + 1 < plotAreaEl.scrollWidth) {
395
+ plotAreaEl.style.setProperty("--right-fade-distance", `${fadeDistance}px`);
396
+ }
397
+ else {
398
+ plotAreaEl.style.setProperty("--right-fade-distance", "0px");
399
+ }
400
+ }
401
+ // #endregion keyboard interaction and event handling
402
+ ////////////////////////////////////////////////////////////
403
+ // #region Focus and Highlighting
404
+ ////////////////////////////////////////////////////////////
405
+ handleUserIsKeying() {
406
+ this.isKeying = true;
407
+ }
408
+ handleUserIsNotKeying() {
409
+ this.isKeying = false;
410
+ }
411
+ handleComponentBlur(ev) {
412
+ if (!isElOrChild(this.el, ev.relatedTarget)) {
413
+ this.clearFocus();
414
+ }
415
+ }
416
+ focusBar(barIdx) {
417
+ const bars = this.el.shadowRoot.querySelectorAll(".bar");
418
+ const wrappedIdx = ((barIdx % bars.length) + bars.length) % bars.length;
419
+ const barToFocus = bars[wrappedIdx];
420
+ barToFocus.focus();
421
+ const item = this.flattenedData[wrappedIdx];
422
+ if (item) {
423
+ this.highlightBar(item);
424
+ const cornerOffset = 12;
425
+ this.openPopover(item, {
426
+ x: barToFocus.getBoundingClientRect().left + cornerOffset,
427
+ y: barToFocus.getBoundingClientRect().top + cornerOffset,
428
+ });
429
+ }
430
+ }
431
+ scrollToBar(barIdx) {
432
+ const labelEls = this.el.shadowRoot.querySelectorAll(`.x-axis .bar-legend`);
433
+ const labelToFocus = labelEls[barIdx];
434
+ const plotAreaParent = labelToFocus === null || labelToFocus === void 0 ? void 0 : labelToFocus.closest(".plot-area");
435
+ if (labelToFocus && plotAreaParent) {
436
+ const labelLeft = labelToFocus.offsetLeft;
437
+ const labelRight = labelLeft + labelToFocus.offsetWidth;
438
+ const scrollLeft = plotAreaParent.scrollLeft;
439
+ const visibleRight = scrollLeft + plotAreaParent.clientWidth;
440
+ const isLabelVisible = labelLeft >= scrollLeft && labelRight <= visibleRight;
441
+ if (!isLabelVisible) {
442
+ plotAreaParent.scrollTo({
443
+ left: labelToFocus.offsetLeft - 12,
444
+ behavior: "smooth",
445
+ });
446
+ }
447
+ }
448
+ }
449
+ handlePopoverToggled(_ev) {
450
+ setTimeout(() => {
451
+ // allow time for the popover to reopen if the click that closed it was on a bar, to prevent flash
452
+ if (this.popoverEl.open) {
453
+ const chartData = this.popoverEl.chartData;
454
+ const item = this.flattenedData.find((item) => item.barLegend === (chartData === null || chartData === void 0 ? void 0 : chartData.barLegend) && item.groupName === (chartData === null || chartData === void 0 ? void 0 : chartData.groupName));
455
+ item && this.highlightBar(item);
456
+ }
457
+ else {
458
+ this.clearHighlights();
459
+ }
460
+ }, 30);
461
+ }
462
+ openPopover(clickedProcessedData, coords) {
463
+ if (!this.data || !this.config) {
464
+ return;
465
+ }
466
+ let matchingChartData = this.data.find((item) => item.barLegend === clickedProcessedData.barLegend && item.groupName === clickedProcessedData.groupName);
467
+ if (matchingChartData) {
468
+ const popoverButtonText = matchingChartData.popoverButtonText || this.config.popoverButtonText || "";
469
+ this.componentWrapperEl.classList.toggle("hide-focus-ring", !!popoverButtonText);
470
+ this.popoverEl.chartData = matchingChartData;
471
+ this.popoverEl.header = matchingChartData.popoverTitle || this.config.popoverTitle || "";
472
+ this.popoverEl.text = matchingChartData.popoverText || this.config.popoverText || "";
473
+ this.popoverEl.buttonText = popoverButtonText;
474
+ this.popoverEl.coords = coords;
475
+ window.setTimeout(() => {
476
+ this.popoverEl.open = true;
477
+ this.popoverEl.announceContents();
478
+ }, 30);
479
+ }
480
+ }
481
+ clearHighlights() {
482
+ const barItems = this.el.shadowRoot.querySelectorAll(".bar-wrapper");
483
+ barItems.forEach((barItem) => {
484
+ barItem.classList.remove("faded");
485
+ });
486
+ this.wmChartBarHighlighted.emit({ idx: -1 });
487
+ }
488
+ highlightBar(item) {
489
+ const idx = this.flattenedData.indexOf(item);
490
+ const barItems = this.el.shadowRoot.querySelectorAll(".bar-wrapper");
491
+ barItems.forEach((barItem) => {
492
+ barItem.classList.add("faded");
493
+ });
494
+ barItems[idx].classList.remove("faded");
495
+ const legendIdx = this.legendData.findIndex((legendItem) => legendItem.barLegend === item.barLegend);
496
+ this.wmChartBarHighlighted.emit({ idx: legendIdx });
497
+ }
498
+ highlightBarsByLegend(barLegend) {
499
+ const barItems = this.el.shadowRoot.querySelectorAll(".bar-wrapper");
500
+ barItems.forEach((barItem, idx) => {
501
+ var _a;
502
+ if (((_a = this.flattenedData[idx]) === null || _a === void 0 ? void 0 : _a.barLegend) === barLegend) {
503
+ barItem.classList.remove("faded");
504
+ }
505
+ else {
506
+ barItem.classList.add("faded");
507
+ }
508
+ });
509
+ }
510
+ clearFocus() {
511
+ if (this.popoverEl.open) {
512
+ this.popoverEl.open = false;
513
+ }
514
+ this.clearHighlights();
515
+ }
516
+ // #endregion focus and highlighting
517
+ ////////////////////////////////////////////////////////////
518
+ // #region Rendering
519
+ ////////////////////////////////////////////////////////////
520
+ renderBarValue(item, barPercent) {
521
+ var _a, _b, _c;
522
+ return (h("div", { class: "value vertical", style: { "--offset": `calc(${barPercent}% + 12px)` } }, h("span", null, item.displayValue), ((_a = this.config) === null || _a === void 0 ? void 0 : _a.valueFormat) === "percentage" && this.isGrouped && (h("span", { class: "supplemental-value" }, "(", item.amount.toFixed((_c = (_b = this.config) === null || _b === void 0 ? void 0 : _b.decimalPlaces) !== null && _c !== void 0 ? _c : 0), ")"))));
523
+ }
524
+ renderGrid() {
525
+ var _a;
526
+ const backgroundSize = (_a = this.gridInfo) === null || _a === void 0 ? void 0 : _a.backgroundSize;
527
+ return h("div", { class: "grid-lines", style: { "--background-size": backgroundSize } });
528
+ }
529
+ renderYAxis() {
530
+ var _a, _b;
531
+ const numTicks = ((_a = this.gridInfo) === null || _a === void 0 ? void 0 : _a.numTicks) || 1;
532
+ return (h("div", { class: `y-axis ${this.isGrouped ? "grouped" : ""}`, "aria-hidden": "true" }, (_b = this.gridInfo) === null || _b === void 0 ? void 0 :
533
+ _b.tickLabels.map((label, idx) => {
534
+ const percentFromTop = 100 - ((idx + 1) / numTicks) * 100;
535
+ return (h("div", { class: "tick", key: label, style: { "--offset": `${percentFromTop}%` } }, h("span", null, label)));
536
+ }), h("div", { class: "tick zero" }, h("span", null, "0"))));
537
+ }
538
+ renderLegend(orientation) {
539
+ var _a, _b, _c, _d, _e;
540
+ return (h("div", { class: `legend --${orientation} --${this.showLegend}` }, h("wm-chart-legend", { orientation: orientation, chartIds: this.el.id, processedData: this.legendData, printMode: (_c = (_a = this.printMode) !== null && _a !== void 0 ? _a : (_b = this.config) === null || _b === void 0 ? void 0 : _b.printMode) !== null && _c !== void 0 ? _c : false, patternMode: ((_d = this.patternMode) !== null && _d !== void 0 ? _d : (_e = this.config) === null || _e === void 0 ? void 0 : _e.patternMode) ? "vertical" : undefined, onWmLegendItemClick: (ev) => this.handleLegendItemClick(ev), onWmLegendItemHover: (ev) => this.handleLegendItemHover(ev) })));
541
+ }
542
+ renderPlotContainers() {
543
+ const totalDivisions = this.isGrouped ? this.processedData.size : this.flattenedData.length;
544
+ const plotCount = Math.ceil(totalDivisions / this.plotDivisions);
545
+ return (h("div", { class: "chart-center", style: {
546
+ "--plot-column-count": this.plotDivisions.toString(),
547
+ "--plot-column-width": this.isGrouped ? "1fr" : `${this.plotColumnWidth}px`,
548
+ } }, Array.from({ length: plotCount }, (_, plotIdx) => this.renderPlot(plotIdx, totalDivisions))));
549
+ }
550
+ renderPlot(plotIdx, totalDivisions) {
551
+ var _a, _b;
552
+ const indexStart = plotIdx * this.plotDivisions;
553
+ const indexSpan = Math.min(this.plotDivisions, totalDivisions - indexStart);
554
+ const columnIndices = Array.from({ length: indexSpan }, (_, j) => indexStart + j);
555
+ return (h("div", { class: "plot-container", key: `plot-container-${plotIdx}` }, h("div", { class: "left-axis-label" }, h("span", { class: "axis-label-text" }, (_a = this.config) === null || _a === void 0 ? void 0 : _a.valueAxisLabel)), this.gridVisible && this.renderYAxis(), h("div", { class: `plot-area ${this.isGrouped ? "grouped" : ""} ${this.isPlotWidthLimited ? "no-scroll" : ""}`, onScroll: (ev) => (this.isPlotWidthLimited ? undefined : this.updateScrollFade(ev.target)), tabindex: "-1" }, this.gridVisible && this.renderGrid(), h("div", { class: `bar-area ${this.isKeying ? "user-is-keying" : ""} ${this.isGrouped ? "grouped" : ""}` }, ((_b = this.config) === null || _b === void 0 ? void 0 : _b.gridMax) != undefined && this.renderColumns(columnIndices)), h("div", { class: `x-axis ${this.isGrouped ? "grouped" : ""}` }, this.renderXAxis(columnIndices)), this.isPlotWidthLimited && this.renderCategoryAxisLabel()), !this.isPlotWidthLimited && this.renderCategoryAxisLabel()));
556
+ }
557
+ renderCategoryAxisLabel() {
558
+ var _a;
559
+ return (h("div", { class: "bottom-axis-label" }, h("span", { class: "axis-label-text" }, (_a = this.config) === null || _a === void 0 ? void 0 : _a.categoryAxisLabel)));
560
+ }
561
+ renderColumns(indices) {
562
+ // indices refers to bar index or group index, depending on chart configuration
563
+ const columnEls = [];
564
+ const groupKeys = [...this.processedData.keys()];
565
+ indices.forEach((idx) => {
566
+ if (this.isGrouped) {
567
+ const groupName = groupKeys[idx];
568
+ const items = this.processedData.get(groupName);
569
+ columnEls.push(h("div", { key: `group-${groupName}`, class: "group-columns" }, items.map((item) => this.renderBar(item, idx)), h("div", { class: "group-underline" })));
570
+ }
571
+ else {
572
+ const item = this.flattenedData[idx];
573
+ columnEls.push(this.renderBar(item, idx));
574
+ }
575
+ });
576
+ return columnEls;
577
+ }
578
+ renderBar(item, idx) {
579
+ var _a, _b, _c, _d;
580
+ if (!this.gridInfo)
581
+ return;
582
+ const effectiveGridMax = this.gridInfo.numTicks * this.gridInfo.interval;
583
+ const barPercent = effectiveGridMax > 0 ? (item.amount / effectiveGridMax) * 100 : 0;
584
+ let patternClass = "";
585
+ if ((_a = this.patternMode) !== null && _a !== void 0 ? _a : (_b = this.config) === null || _b === void 0 ? void 0 : _b.patternMode) {
586
+ patternClass = (_c = patternKey[item.color]) !== null && _c !== void 0 ? _c : "";
587
+ }
588
+ return (h("div", { key: `bar-${item.groupName}-${item.barLegend}-${idx}`, class: "bar-wrapper" }, this.renderBarValue(item, barPercent), h("div", { class: `bar ${patternClass}`, style: { "--bar-length": `${barPercent}%`, "--bar-color": `var(--${item.color})` }, onClick: (ev) => this.handleBarClick(ev, item), onKeyDown: (ev) => this.handleBarKeyDown(ev, item), tabindex: "-1", "aria-label": `${(_d = this.config) === null || _d === void 0 ? void 0 : _d.categoryAxisLabel}, ${item.groupName ? `${item.groupName},` : ""} ${item.barLegend} ${item.displayValue}` })));
589
+ }
590
+ renderXAxis(indices) {
591
+ const legends = [];
592
+ if (this.isGrouped) {
593
+ const groupNames = [...this.processedData.keys()];
594
+ indices.forEach((idx) => {
595
+ const groupName = groupNames[idx];
596
+ legends.push(h("div", { key: `legend-${groupName}`, class: "group-legend" }, h("span", null, groupName)));
597
+ });
598
+ }
599
+ else {
600
+ const flatData = this.flattenedData;
601
+ indices.forEach((idx) => {
602
+ const item = flatData[idx];
603
+ if (!item)
604
+ return;
605
+ legends.push(h("div", { key: `legend-${idx}-${item.barLegend}`, class: "bar-legend" }, h("span", null, item.barLegend), h("div", { class: "--measure-wrapper" }, h("span", { class: "--measure-width" }, item.barLegend))));
606
+ });
607
+ }
608
+ return legends;
609
+ }
610
+ // #endregion rendering
611
+ render() {
612
+ var _a, _b, _c, _d, _e, _f;
613
+ return (h(Host, { key: '9d479e3ec4009da93674780ef3acbfdc3d843cc2' }, h("div", { key: '3073e31e87ae929ea4d338159d7c47f9df7916e7', class: "popover-wrapper" }, h("priv-chart-popover", { key: 'ab816b2f99987b30abc0b5bc87256b7e86ade640', ref: (el) => (this.popoverEl = el), onIntChartPopoverToggled: (ev) => this.handlePopoverToggled(ev) })), h("div", { key: '097ff1a745cb73af419d723865daec586c107c17', ref: (el) => (this.componentWrapperEl = el), class: `component-wrapper ${((_a = this.printMode) !== null && _a !== void 0 ? _a : (_b = this.config) === null || _b === void 0 ? void 0 : _b.printMode) ? "print-mode" : ""}`, style: this.isPlotWidthLimited ? { "--forced-width": `${this.printWidthPx}px` } : undefined, tabindex: "0", role: "application", onKeyDown: (ev) => this.handleChartKeyDown(ev), onBlur: (ev) => this.handleComponentBlur(ev), "aria-roledescription": chartMessages.interactiveChart, "aria-describedby": "chart-instructions", "aria-label": (_c = this.config) === null || _c === void 0 ? void 0 : _c.label }, ((_e = (_d = this.config) === null || _d === void 0 ? void 0 : _d.showLabel) !== null && _e !== void 0 ? _e : true) && (h("label", { key: '5cd67325246ce2d354e46e535ec0a12ec804e9fb', id: "label", class: "label" }, h("span", { key: '70636108033bb273dce23bfb20c3a95b230eada7', class: "label-text" }, (_f = this.config) === null || _f === void 0 ? void 0 : _f.label), this.subinfoText ? h("span", { class: "subinfo" }, this.subinfoText) : "")), this.showLegend === "top" && this.renderLegend("horizontal"), h("div", { key: 'f358d1ebcc925a05f26a49ba0350cc7e937575f3', class: "chart-wrapper" }, h("div", { key: 'f7187f76ae1833a492fc1f7e3e1fd02443246ebe', class: "chart-left-side" }, this.showLegend === "left" && this.renderLegend("vertical")), this.data && this.renderPlotContainers(), h("div", { key: '4b8cce2f3b29a95a4f4cc2ff5e4011080d857c35', class: "chart-right-side" }, this.showLegend === "right" && this.renderLegend("vertical"))), this.showLegend === "bottom" && this.renderLegend("horizontal"), renderInstructionsText())));
614
+ }
615
+ static get delegatesFocus() { return true; }
616
+ get el() { return getElement(this); }
617
+ static get watchers() { return {
618
+ "config": ["handleConfigDataChange"],
619
+ "data": ["handleConfigDataChange"],
620
+ "printWidth": ["handleConfigDataChange"]
621
+ }; }
622
+ };
623
+ ChartColumn.style = WmChartColumnStyle0;
624
+
625
+ export { ChartColumn as wm_chart_column };