@watermarkinsights/ripple 3.33.0-1 → 3.34.0-0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (270) hide show
  1. package/dist/cjs/{chartFunctions-82ebc64f.js → chartFunctions-0d077b2c.js} +1 -1
  2. package/dist/cjs/{functions-eaf13dd8.js → functions-bd2df1a9.js} +0 -15
  3. package/dist/cjs/global-989f0867.js +493 -0
  4. package/dist/cjs/{intl-aaa7b365.js → intl-e6249ae1.js} +1 -1
  5. package/dist/cjs/loader.cjs.js +1 -2
  6. package/dist/cjs/priv-chart-popover.cjs.entry.js +2 -2
  7. package/dist/cjs/priv-datepicker.cjs.entry.js +2 -2
  8. package/dist/cjs/priv-navigator-button.cjs.entry.js +1 -1
  9. package/dist/cjs/priv-navigator-item.cjs.entry.js +1 -1
  10. package/dist/cjs/ripple.cjs.js +1 -2
  11. package/dist/cjs/wm-action-menu_2.cjs.entry.js +3 -3
  12. package/dist/cjs/wm-button.cjs.entry.js +3 -8
  13. package/dist/cjs/wm-chart.cjs.entry.js +4 -4
  14. package/dist/cjs/wm-datepicker.cjs.entry.js +4 -13
  15. package/dist/cjs/wm-file.cjs.entry.js +2 -2
  16. package/dist/cjs/wm-input.cjs.entry.js +5 -14
  17. package/dist/cjs/wm-line-chart.cjs.entry.js +4 -4
  18. package/dist/cjs/wm-modal-header.cjs.entry.js +3 -3
  19. package/dist/cjs/wm-modal.cjs.entry.js +2 -2
  20. package/dist/cjs/wm-navigation_3.cjs.entry.js +5 -5
  21. package/dist/cjs/wm-navigator.cjs.entry.js +2 -2
  22. package/dist/cjs/wm-network-uploader.cjs.entry.js +3 -3
  23. package/dist/cjs/wm-option_2.cjs.entry.js +7 -16
  24. package/dist/cjs/wm-pagination.cjs.entry.js +2 -2
  25. package/dist/cjs/wm-progress-indicator_3.cjs.entry.js +3 -3
  26. package/dist/cjs/wm-search.cjs.entry.js +7 -16
  27. package/dist/cjs/wm-snackbar.cjs.entry.js +3 -3
  28. package/dist/cjs/wm-tab-item_3.cjs.entry.js +3 -3
  29. package/dist/cjs/wm-tag-input.cjs.entry.js +3 -3
  30. package/dist/cjs/wm-timepicker.cjs.entry.js +4 -13
  31. package/dist/cjs/wm-toggletip.cjs.entry.js +2 -2
  32. package/dist/cjs/wm-uploader.cjs.entry.js +3 -3
  33. package/dist/collection/components/charts/priv-chart-popover/priv-chart-popover.css +6 -18
  34. package/dist/collection/components/charts/wm-chart/wm-chart.css +8 -21
  35. package/dist/collection/components/charts/wm-line-chart/wm-line-chart.css +11 -22
  36. package/dist/collection/components/charts/wm-progress-monitor/wm-progress-indicator.css +8 -21
  37. package/dist/collection/components/charts/wm-progress-monitor/wm-progress-monitor.css +0 -10
  38. package/dist/collection/components/wm-action-menu/wm-action-menu.css +2 -14
  39. package/dist/collection/components/wm-button/wm-button.css +26 -36
  40. package/dist/collection/components/wm-button/wm-button.js +1 -8
  41. package/dist/collection/components/wm-datepicker/priv-datepicker/priv-datepicker.css +50 -81
  42. package/dist/collection/components/wm-datepicker/wm-datepicker.css +12 -23
  43. package/dist/collection/components/wm-datepicker/wm-datepicker.js +2 -13
  44. package/dist/collection/components/wm-datepicker/wm-datepicker.spec.js +3 -2
  45. package/dist/collection/components/wm-file/wm-file.css +6 -16
  46. package/dist/collection/components/wm-file-list/wm-file-list.css +0 -10
  47. package/dist/collection/components/wm-input/wm-input.css +10 -20
  48. package/dist/collection/components/wm-input/wm-input.js +2 -13
  49. package/dist/collection/components/wm-menuitem/wm-menuitem.css +9 -19
  50. package/dist/collection/components/wm-modal/wm-modal-footer.css +0 -10
  51. package/dist/collection/components/wm-modal/wm-modal-header.css +1 -11
  52. package/dist/collection/components/wm-modal/wm-modal.css +4 -14
  53. package/dist/collection/components/wm-navigation/wm-navigation-hamburger.css +5 -15
  54. package/dist/collection/components/wm-navigation/wm-navigation-item.css +8 -17
  55. package/dist/collection/components/wm-navigation/wm-navigation.css +1 -11
  56. package/dist/collection/components/wm-navigator/priv-navigator-button/priv-navigator-button.css +3 -13
  57. package/dist/collection/components/wm-navigator/priv-navigator-item/priv-navigator-item.css +5 -15
  58. package/dist/collection/components/wm-navigator/wm-navigator.css +4 -14
  59. package/dist/collection/components/wm-option/wm-option.css +14 -22
  60. package/dist/collection/components/wm-pagination/wm-pagination.css +12 -36
  61. package/dist/collection/components/wm-search/wm-search.css +5 -15
  62. package/dist/collection/components/wm-search/wm-search.js +4 -15
  63. package/dist/collection/components/wm-select/wm-select.css +27 -33
  64. package/dist/collection/components/wm-select/wm-select.js +3 -14
  65. package/dist/collection/components/wm-snackbar/wm-snackbar.css +12 -22
  66. package/dist/collection/components/wm-tabs/wm-tab-item/wm-tab-item.css +9 -19
  67. package/dist/collection/components/wm-tabs/wm-tab-list/wm-tab-list.css +1 -11
  68. package/dist/collection/components/wm-tabs/wm-tab-panel/wm-tab-panel.css +0 -10
  69. package/dist/collection/components/wm-tag-input/wm-tag-input.css +36 -46
  70. package/dist/collection/components/wm-timepicker/wm-timepicker.css +25 -47
  71. package/dist/collection/components/wm-timepicker/wm-timepicker.js +2 -13
  72. package/dist/collection/components/wm-toggletip/wm-toggletip.css +17 -27
  73. package/dist/collection/components/wm-uploader/wm-network-uploader/wm-network-uploader.css +34 -44
  74. package/dist/collection/components/wm-uploader/wm-uploader.css +32 -42
  75. package/dist/collection/global/functions.js +0 -13
  76. package/dist/collection/global/global.js +2 -2
  77. package/dist/collection/global/themes/default.js +376 -159
  78. package/dist/collection/global/themes/neutral.js +1 -2
  79. package/dist/esm/{chartFunctions-2d259b57.js → chartFunctions-b38677c3.js} +1 -1
  80. package/dist/esm/{functions-9fe3678d.js → functions-7af4c0b3.js} +1 -14
  81. package/dist/esm/global-8fc091cf.js +491 -0
  82. package/dist/esm/{intl-59557bdc.js → intl-c08563e5.js} +1 -1
  83. package/dist/esm/loader.js +1 -2
  84. package/dist/esm/polyfills/core-js.js +0 -0
  85. package/dist/esm/polyfills/dom.js +0 -0
  86. package/dist/esm/polyfills/es5-html-element.js +0 -0
  87. package/dist/esm/polyfills/index.js +0 -0
  88. package/dist/esm/polyfills/system.js +0 -0
  89. package/dist/esm/priv-chart-popover.entry.js +2 -2
  90. package/dist/esm/priv-datepicker.entry.js +2 -2
  91. package/dist/esm/priv-navigator-button.entry.js +1 -1
  92. package/dist/esm/priv-navigator-item.entry.js +1 -1
  93. package/dist/esm/ripple.js +1 -2
  94. package/dist/esm/wm-action-menu_2.entry.js +3 -3
  95. package/dist/esm/wm-button.entry.js +3 -8
  96. package/dist/esm/wm-chart.entry.js +4 -4
  97. package/dist/esm/wm-datepicker.entry.js +4 -13
  98. package/dist/esm/wm-file.entry.js +2 -2
  99. package/dist/esm/wm-input.entry.js +5 -14
  100. package/dist/esm/wm-line-chart.entry.js +4 -4
  101. package/dist/esm/wm-modal-header.entry.js +3 -3
  102. package/dist/esm/wm-modal.entry.js +2 -2
  103. package/dist/esm/wm-navigation_3.entry.js +5 -5
  104. package/dist/esm/wm-navigator.entry.js +2 -2
  105. package/dist/esm/wm-network-uploader.entry.js +3 -3
  106. package/dist/esm/wm-option_2.entry.js +7 -16
  107. package/dist/esm/wm-pagination.entry.js +2 -2
  108. package/dist/esm/wm-progress-indicator_3.entry.js +3 -3
  109. package/dist/esm/wm-search.entry.js +7 -16
  110. package/dist/esm/wm-snackbar.entry.js +3 -3
  111. package/dist/esm/wm-tab-item_3.entry.js +3 -3
  112. package/dist/esm/wm-tag-input.entry.js +3 -3
  113. package/dist/esm/wm-timepicker.entry.js +4 -13
  114. package/dist/esm/wm-toggletip.entry.js +2 -2
  115. package/dist/esm/wm-uploader.entry.js +3 -3
  116. package/dist/esm-es5/{chartFunctions-2d259b57.js → chartFunctions-b38677c3.js} +1 -1
  117. package/dist/esm-es5/{functions-9fe3678d.js → functions-7af4c0b3.js} +1 -1
  118. package/dist/esm-es5/global-8fc091cf.js +1 -0
  119. package/dist/esm-es5/{intl-59557bdc.js → intl-c08563e5.js} +1 -1
  120. package/dist/esm-es5/loader.js +1 -1
  121. package/dist/esm-es5/priv-chart-popover.entry.js +1 -1
  122. package/dist/esm-es5/priv-datepicker.entry.js +1 -1
  123. package/dist/esm-es5/priv-navigator-button.entry.js +1 -1
  124. package/dist/esm-es5/priv-navigator-item.entry.js +1 -1
  125. package/dist/esm-es5/ripple.js +1 -1
  126. package/dist/esm-es5/wm-action-menu_2.entry.js +1 -1
  127. package/dist/esm-es5/wm-button.entry.js +1 -1
  128. package/dist/esm-es5/wm-chart.entry.js +1 -1
  129. package/dist/esm-es5/wm-datepicker.entry.js +1 -1
  130. package/dist/esm-es5/wm-file.entry.js +1 -1
  131. package/dist/esm-es5/wm-input.entry.js +1 -1
  132. package/dist/esm-es5/wm-line-chart.entry.js +1 -1
  133. package/dist/esm-es5/wm-modal-header.entry.js +1 -1
  134. package/dist/esm-es5/wm-modal.entry.js +1 -1
  135. package/dist/esm-es5/wm-navigation_3.entry.js +1 -1
  136. package/dist/esm-es5/wm-navigator.entry.js +1 -1
  137. package/dist/esm-es5/wm-network-uploader.entry.js +1 -1
  138. package/dist/esm-es5/wm-option_2.entry.js +1 -1
  139. package/dist/esm-es5/wm-pagination.entry.js +1 -1
  140. package/dist/esm-es5/wm-progress-indicator_3.entry.js +1 -1
  141. package/dist/esm-es5/wm-search.entry.js +1 -1
  142. package/dist/esm-es5/wm-snackbar.entry.js +1 -1
  143. package/dist/esm-es5/wm-tab-item_3.entry.js +1 -1
  144. package/dist/esm-es5/wm-tag-input.entry.js +1 -1
  145. package/dist/esm-es5/wm-timepicker.entry.js +1 -1
  146. package/dist/esm-es5/wm-toggletip.entry.js +1 -1
  147. package/dist/esm-es5/wm-uploader.entry.js +1 -1
  148. package/dist/ripple/p-030f8df6.system.entry.js +1 -0
  149. package/dist/ripple/p-06444d99.system.entry.js +1 -0
  150. package/dist/ripple/p-07f0c688.entry.js +1 -0
  151. package/dist/ripple/p-1289550a.system.entry.js +1 -0
  152. package/dist/ripple/p-163756d6.entry.js +1 -0
  153. package/dist/ripple/p-2afa976a.entry.js +1 -0
  154. package/dist/ripple/p-38cf6281.entry.js +1 -0
  155. package/dist/ripple/p-3d59da3d.entry.js +1 -0
  156. package/dist/ripple/p-4047f13d.entry.js +1 -0
  157. package/dist/ripple/p-4b4166f1.system.entry.js +1 -0
  158. package/dist/ripple/{p-67e0d6f4.entry.js → p-4de98315.entry.js} +1 -1
  159. package/dist/ripple/p-5194c871.system.entry.js +1 -0
  160. package/dist/ripple/p-565574f3.entry.js +1 -0
  161. package/dist/ripple/p-5eb7b407.entry.js +1 -0
  162. package/dist/ripple/p-6695b480.entry.js +1 -0
  163. package/dist/ripple/{p-1db4d15e.system.entry.js → p-66b25dc1.system.entry.js} +1 -1
  164. package/dist/ripple/{p-e9fb0531.system.entry.js → p-6ea0ef7e.system.entry.js} +1 -1
  165. package/dist/ripple/p-6f9cd505.system.entry.js +1 -0
  166. package/dist/ripple/p-73e39f43.system.entry.js +1 -0
  167. package/dist/ripple/p-74dfb1f3.system.entry.js +1 -0
  168. package/dist/ripple/p-7b0d5e69.js +1 -0
  169. package/dist/ripple/p-7b5c26a1.system.entry.js +1 -0
  170. package/dist/ripple/{p-28f40d14.entry.js → p-7f1a2efa.entry.js} +1 -1
  171. package/dist/ripple/p-8047a35d.system.entry.js +1 -0
  172. package/dist/ripple/{p-21cd7ab2.js → p-8377f476.js} +1 -1
  173. package/dist/ripple/p-840d006a.system.entry.js +1 -0
  174. package/dist/ripple/p-89497eef.system.entry.js +1 -0
  175. package/dist/ripple/p-89a2eb68.system.entry.js +1 -0
  176. package/dist/ripple/p-8acaff31.js +1 -0
  177. package/dist/ripple/p-8f748c8a.system.js +1 -0
  178. package/dist/ripple/{p-e93bf0c3.entry.js → p-91c43563.entry.js} +1 -1
  179. package/dist/ripple/{p-bc41a8cc.system.js → p-93fa3099.system.js} +1 -1
  180. package/dist/ripple/p-9b69b14f.entry.js +1 -0
  181. package/dist/ripple/p-a1ac2ca3.entry.js +1 -0
  182. package/dist/ripple/p-a58d4533.entry.js +1 -0
  183. package/dist/ripple/p-ad40d2c0.system.entry.js +1 -0
  184. package/dist/ripple/p-b494e1db.system.js +1 -0
  185. package/dist/ripple/p-bc9511ab.system.entry.js +1 -0
  186. package/dist/ripple/p-be056ab8.system.entry.js +1 -0
  187. package/dist/ripple/p-c0a738f3.system.entry.js +1 -0
  188. package/dist/ripple/p-c2218ffb.entry.js +1 -0
  189. package/dist/ripple/p-c338bf3b.entry.js +1 -0
  190. package/dist/ripple/p-c4045399.entry.js +1 -0
  191. package/dist/ripple/p-c6b30b06.system.entry.js +1 -0
  192. package/dist/ripple/{p-93a55f30.js → p-c70c33fd.js} +1 -1
  193. package/dist/ripple/{p-ac685051.system.js → p-d791b244.system.js} +1 -1
  194. package/dist/ripple/p-da6e1d75.system.entry.js +1 -0
  195. package/dist/ripple/p-e0a66ac5.system.entry.js +1 -0
  196. package/dist/ripple/p-e37f954d.entry.js +1 -0
  197. package/dist/ripple/{p-868c9a8d.entry.js → p-e92c4891.entry.js} +1 -1
  198. package/dist/ripple/p-eccb1b85.system.js +1 -0
  199. package/dist/ripple/p-eeb629fa.system.entry.js +1 -0
  200. package/dist/ripple/p-f015ae84.system.entry.js +1 -0
  201. package/dist/ripple/{p-413abc26.entry.js → p-f1b1f88b.entry.js} +1 -1
  202. package/dist/ripple/{p-efd3f3b9.entry.js → p-f1ba5b25.entry.js} +1 -1
  203. package/dist/ripple/p-f2c77705.entry.js +1 -0
  204. package/dist/ripple/p-f4b59f71.system.entry.js +1 -0
  205. package/dist/ripple/p-f5e72688.system.entry.js +1 -0
  206. package/dist/ripple/p-fa1d2fc0.entry.js +1 -0
  207. package/dist/ripple/p-facb8668.entry.js +1 -0
  208. package/dist/ripple/p-fd461ee2.entry.js +1 -0
  209. package/dist/ripple/ripple.esm.js +1 -1
  210. package/dist/ripple/ripple.js +1 -1
  211. package/dist/types/components/wm-button/wm-button.d.ts +0 -1
  212. package/dist/types/components/wm-datepicker/wm-datepicker.d.ts +0 -2
  213. package/dist/types/components/wm-input/wm-input.d.ts +0 -2
  214. package/dist/types/components/wm-search/wm-search.d.ts +0 -2
  215. package/dist/types/components/wm-select/wm-select.d.ts +0 -2
  216. package/dist/types/components/wm-timepicker/wm-timepicker.d.ts +0 -2
  217. package/dist/types/global/functions.d.ts +0 -6
  218. package/package.json +1 -1
  219. package/dist/cjs/global-086258de.js +0 -278
  220. package/dist/esm/global-97352a90.js +0 -276
  221. package/dist/esm-es5/global-97352a90.js +0 -1
  222. package/dist/ripple/p-0a6a1b38.system.entry.js +0 -1
  223. package/dist/ripple/p-1adfcdc1.system.entry.js +0 -1
  224. package/dist/ripple/p-26bf30c5.system.entry.js +0 -1
  225. package/dist/ripple/p-282b29cf.system.entry.js +0 -1
  226. package/dist/ripple/p-2a29f5e8.system.entry.js +0 -1
  227. package/dist/ripple/p-2f694013.entry.js +0 -1
  228. package/dist/ripple/p-3989662a.entry.js +0 -1
  229. package/dist/ripple/p-3f114b2f.entry.js +0 -1
  230. package/dist/ripple/p-44355217.entry.js +0 -1
  231. package/dist/ripple/p-44ac1201.system.entry.js +0 -1
  232. package/dist/ripple/p-45eae7c7.system.entry.js +0 -1
  233. package/dist/ripple/p-4a9bcbf8.entry.js +0 -1
  234. package/dist/ripple/p-4c9e4f33.system.entry.js +0 -1
  235. package/dist/ripple/p-4cd21d3b.entry.js +0 -1
  236. package/dist/ripple/p-557fcd43.entry.js +0 -1
  237. package/dist/ripple/p-5e2a6f54.system.entry.js +0 -1
  238. package/dist/ripple/p-61f4b6b2.system.entry.js +0 -1
  239. package/dist/ripple/p-624df357.system.entry.js +0 -1
  240. package/dist/ripple/p-675001ab.system.entry.js +0 -1
  241. package/dist/ripple/p-6b015bb5.system.entry.js +0 -1
  242. package/dist/ripple/p-6bf3a8e2.js +0 -1
  243. package/dist/ripple/p-6cfecf8e.entry.js +0 -1
  244. package/dist/ripple/p-70906070.system.entry.js +0 -1
  245. package/dist/ripple/p-7789818a.entry.js +0 -1
  246. package/dist/ripple/p-77ac25b0.system.entry.js +0 -1
  247. package/dist/ripple/p-7dc22576.entry.js +0 -1
  248. package/dist/ripple/p-827d3969.entry.js +0 -1
  249. package/dist/ripple/p-87dba7ca.system.entry.js +0 -1
  250. package/dist/ripple/p-897c03b4.entry.js +0 -1
  251. package/dist/ripple/p-8edf78ac.system.entry.js +0 -1
  252. package/dist/ripple/p-8ef453db.entry.js +0 -1
  253. package/dist/ripple/p-94f0b544.system.js +0 -1
  254. package/dist/ripple/p-96e4f5d1.js +0 -1
  255. package/dist/ripple/p-994c22b8.entry.js +0 -1
  256. package/dist/ripple/p-a9e55328.system.entry.js +0 -1
  257. package/dist/ripple/p-aa3e4f47.entry.js +0 -1
  258. package/dist/ripple/p-ad3821b2.system.entry.js +0 -1
  259. package/dist/ripple/p-ae5b57c1.system.js +0 -1
  260. package/dist/ripple/p-b6337327.entry.js +0 -1
  261. package/dist/ripple/p-c8b09d04.entry.js +0 -1
  262. package/dist/ripple/p-cab67615.system.entry.js +0 -1
  263. package/dist/ripple/p-cb4f9825.system.js +0 -1
  264. package/dist/ripple/p-d9ad6a29.system.entry.js +0 -1
  265. package/dist/ripple/p-e37bd74c.entry.js +0 -1
  266. package/dist/ripple/p-e691428d.system.entry.js +0 -1
  267. package/dist/ripple/p-e7196674.entry.js +0 -1
  268. package/dist/ripple/p-eef0a183.system.entry.js +0 -1
  269. package/dist/ripple/p-fd204ff6.entry.js +0 -1
  270. package/dist/ripple/p-ffbfba96.system.entry.js +0 -1
@@ -1,7 +1,7 @@
1
1
  'use strict';
2
2
 
3
3
  const index = require('./index-670c5d2a.js');
4
- const functions = require('./functions-eaf13dd8.js');
4
+ const functions = require('./functions-bd2df1a9.js');
5
5
 
6
6
  const colors = {
7
7
  salmon: "#ff5f4e",
@@ -9164,19 +9164,6 @@ function triggerFormSubmit(formEl) {
9164
9164
  document.removeChild(submitButton);
9165
9165
  }
9166
9166
  }
9167
- function hexToRGB(hex) {
9168
- // For 6 digit hex codes
9169
- hex.replace("#", "");
9170
- const red = parseInt(hex.substring(1, 3), 16);
9171
- const green = parseInt(hex.substring(3, 5), 16);
9172
- const blue = parseInt(hex.substring(5, 7), 16);
9173
- return { red: red, green: green, blue: blue };
9174
- }
9175
- function removeDisabledAttribute(el, isDisabled) {
9176
- if (isDisabled == false && el.hasAttribute("disabled")) {
9177
- el.removeAttribute("disabled");
9178
- }
9179
- }
9180
9167
 
9181
9168
  exports.calcPercentageInRange = calcPercentageInRange;
9182
9169
  exports.checkForActiveElInShadow = checkForActiveElInShadow;
@@ -9191,12 +9178,10 @@ exports.getSmallestSkipInterval = getSmallestSkipInterval;
9191
9178
  exports.getTextDir = getTextDir;
9192
9179
  exports.hasRoomRight = hasRoomRight;
9193
9180
  exports.hasValidType = hasValidType;
9194
- exports.hexToRGB = hexToRGB;
9195
9181
  exports.hideTooltip = hideTooltip;
9196
9182
  exports.intl = intl;
9197
9183
  exports.isRelatedTarget = isRelatedTarget;
9198
9184
  exports.measureText = measureText;
9199
- exports.removeDisabledAttribute = removeDisabledAttribute;
9200
9185
  exports.safeParseJSON = safeParseJSON;
9201
9186
  exports.shouldOpenDown = shouldOpenDown;
9202
9187
  exports.shouldOpenUp = shouldOpenUp;
@@ -0,0 +1,493 @@
1
+ 'use strict';
2
+
3
+ const version = "3.34.0-0";
4
+
5
+ function injectDefaultTheme() {
6
+ const style = `
7
+ :root {
8
+ --wmcolor-acidwashjeans: #9bb6d7;
9
+ --wmcolor-asphalt: #353b48;
10
+ --wmcolor-asphalt-light: #454b57;
11
+ --wmcolor-cement: #afadb1;
12
+ --wmcolor-charcoal: #4a4a4a;
13
+ --wmcolor-cyan: #19a1a9;
14
+ --wmcolor-cyan-dark: #15868d;
15
+ --wmcolor-cyan-darker: #116b71;
16
+ --wmcolor-cyber: #ddf1f2;
17
+ --wmcolor-dad-jeans: #244974;
18
+ --wmcolor-firetruck: #c0392b;
19
+ --wmcolor-firetruck-dark: #9a2e22;
20
+ --wmcolor-firetruck-darker: #73221a;
21
+ --wmcolor-firetruck-light: #f6e1df;
22
+ --wmcolor-forest: #088000;
23
+ --wmcolor-forest-dark: #054d00;
24
+ --wmcolor-forest-light: #daecd9;
25
+ --wmcolor-gray: #6b6b6b;
26
+ --wmcolor-lavender: #8B86CA;
27
+ --wmcolor-meteorite: #454b57;
28
+ --wmcolor-midnight: #2e1b46;
29
+ --wmcolor-mom-jeans: #366dae;
30
+ --wmcolor-mom-jeans-bright: #3862e9;
31
+ --wmcolor-palelilacgray: #e9e7ec;
32
+ --wmcolor-palelilacgray-dark: #d2d0d4;
33
+ --wmcolor-paleviolet: #eeedf7;
34
+ --wmcolor-periwinkle: #575195;
35
+ --wmcolor-periwinkle-dark: #464177;
36
+ --wmcolor-salmon: #ff5f4e;
37
+ --wmcolor-salmon-dark: #cc4c3e;
38
+ --wmcolor-salmon-darker: #a33d32;
39
+ --wmcolor-snow: #fafafa;
40
+ --wmcolor-transparent: transparent;
41
+ --wmcolor-violet: #61279e;
42
+ --wmcolor-violet-light: #c6b4e3;
43
+ --wmcolor-white: #fff;
44
+ --wmcolor-whitesmoke: #f4f4f4;
45
+
46
+ --color-accent-icon: var(--wmcolor-gray);
47
+ --color-background-dark-secondary: var(--wmcolor-meteorite);
48
+ --color-background-dark: var(--wmcolor-asphalt);
49
+ --color-background-disabled: var(--wmcolor-whitesmoke);
50
+ --color-background-error: var(--wmcolor-firetruck-light);
51
+ --color-background-highlight: var(--wmcolor-cyber);
52
+ --color-background-positive: var(--wmcolor-forest-light);
53
+ --color-background-readonly: var(--wmcolor-whitesmoke);
54
+ --color-background-selected: var(--wmcolor-paleviolet);
55
+ --color-background-transparent: var(--wmcolor-transparent);
56
+ --color-background: var(--wmcolor-white);
57
+ --color-border-dark: var(--wmcolor-charcoal);
58
+ --color-border-focus: var(--wmcolor-cyan);
59
+ --color-border-light: color-mix(in srgb, var(--wmcolor-midnight) 5%, transparent);
60
+ --color-border: var(--wmcolor-palelilacgray-dark);
61
+ --color-brand-dark: var(--wmcolor-midnight);
62
+ --color-brand: var(--wmcolor-periwinkle);
63
+ --color-card-background: var(--wmcolor-white);
64
+ --color-disabled-ondark: var(--wmcolor-gray-light);
65
+ --color-disabled: var(--wmcolor-gray);
66
+ --color-error-dark: var(--wmcolor-firetruck-darker);
67
+ --color-error-hover: var(--wmcolor-firetruck-dark);
68
+ --color-error: var(--wmcolor-firetruck);
69
+ --color-interactive-background-focus: var(--wmcolor-palelilacgray-dark);
70
+ --color-interactive-background-hover: var(--wmcolor-palelilacgray);
71
+ --color-interactive-disabled-ondark: var(--color-disabled-ondark);
72
+ --color-interactive-disabled: var(--color-disabled);
73
+ --color-interactive-focus-ondark: var(--wmcolor-violet-light);
74
+ --color-interactive-focus-textonly-ondark: var(--wmcolor-white);
75
+ --color-interactive-focus-textonly: var(--wmcolor-mom-jeans-bright);
76
+ --color-interactive-focus: var(--wmcolor-violet);
77
+ --color-interactive-hover-ondark: var(--wmcolor-palelilacgray);
78
+ --color-interactive-hover: var(--wmcolor-periwinkle-dark);
79
+ --color-interactive-negative-hover: var(--wmcolor-salmon-darker);
80
+ --color-interactive-negative: var(--wmcolor-salmon-dark);
81
+ --color-interactive-ondark: var(--wmcolor-white);
82
+ --color-interactive-positive-hover: var(--wmcolor-cyan-darker);
83
+ --color-interactive-positive: var(--wmcolor-cyan-dark);
84
+ --color-interactive-text-ondark: var(--color-brand);
85
+ --color-interactive-text-selected: var(--color-interactive-text);
86
+ --color-interactive-text: var(--wmcolor-white);
87
+ --color-interactive: var(--color-brand);
88
+ --color-link-text: var(--color-interactive);
89
+ --color-option-background-hover: var(--color-interactive-background-hover);
90
+ --color-option-background: var(--color-background);
91
+ --color-option-border: var(--color-border-light);
92
+ --color-option-text-disabled: var(--color-text-disabled);
93
+ --color-option-text: var(--color-text);
94
+ --color-overlay: rgba(25,25,25,0.4);
95
+ --color-positive-dark: var(--wmcolor-forest-dark);
96
+ --color-positive: var(--wmcolor-forest);
97
+ --color-table-altrow-background: var(--wmcolor-whitesmoke);
98
+ --color-table-header-background: var(--wmcolor-palelilacgray);
99
+ --color-table-row-background-selected: var(--color-background-highlight);
100
+ --color-table-row-background: var(--wmcolor-white);
101
+ --color-table-row-border-selected: var(--color-border-focus);
102
+ --color-text-disabled: var(--color-disabled);
103
+ --color-text-error: var(--color-error);
104
+ --color-text-negative: var(--wmcolor-firetruck);
105
+ --color-text-ondark: var(--wmcolor-white);
106
+ --color-text-positive: var(--color-positive);
107
+ --color-text-required: var(--color-error);
108
+ --color-text: var(--wmcolor-charcoal);
109
+ }
110
+
111
+ :root {
112
+ --color-actionmenu-background: var(--color-background);
113
+ --color-actionmenu-item-background-hover: var(--color-option-background-hover);
114
+ --color-actionmenu-item-background: var(--color-option-background);
115
+ --color-actionmenu-item-border: var(--color-option-border);
116
+ --color-actionmenu-item-text-description: var(--color-option-text);
117
+ --color-actionmenu-item-text-disabled: var(--color-option-text-disabled);
118
+ --color-actionmenu-item-text: var(--color-interactive);
119
+ --color-actionmenu-text: var(--color-interactive);
120
+ --color-button-background-delete-disabled-ondark: var(--color-interactive-disabled-ondark);
121
+ --color-button-background-delete-disabled: var(--color-interactive-disabled);
122
+ --color-button-background-icononly-hover-ondark: var(--color-interactive-ondark);
123
+ --color-button-background-icononly-hover: var(--color-interactive);
124
+ --color-button-background-navigational-hover-ondark: var(--color-interactive-ondark);
125
+ --color-button-background-navigational-hover: var(--color-interactive-hover-ondark);
126
+ --color-button-background-negative-disabled: var(--color-interactive-disabled);
127
+ --color-button-background-positive-disabled: var(--color-interactive-disabled);
128
+ --color-button-background-primary-disabled-ondark: var(--color-interactive-disabled-ondark);
129
+ --color-button-background-primary-disabled: var(--color-interactive-disabled);
130
+ --color-button-background-primary-hover-ondark: var(--color-interactive-hover-ondark);
131
+ --color-button-background-primary-hover: var(--color-interactive-hover);
132
+ --color-button-background-primary-ondark: var(--color-interactive-ondark);
133
+ --color-button-background-primary: var(--color-interactive);
134
+ --color-button-background-secondary-hover-ondark: var(--color-interactive-hover-ondark);
135
+ --color-button-background-secondary-hover: var(--color-interactive);
136
+ --color-button-background-selector-hover-ondark: var(--color-interactive-hover-ondark);
137
+ --color-button-background-selector-hover: var(--color-interactive);
138
+ --color-button-background-selectorprimary-disabled-ondark: var(--color-interactive-disabled-ondark);
139
+ --color-button-background-selectorprimary-disabled: var(--color-interactive-disabled);
140
+ --color-button-background-selectorprimary-hover-ondark: var(--color-interactive-hover-ondark);
141
+ --color-button-background-selectorprimary-hover: var(--color-interactive-hover);
142
+ --color-button-background-selectorprimary-ondark: var(--color-interactive-ondark);
143
+ --color-button-background-selectorprimary: var(--color-interactive);
144
+ --color-button-border-icononly-disabled-ondark: var(--color-interactive-disabled-ondark);
145
+ --color-button-border-icononly-disabled: var(--color-interactive-disabled);
146
+ --color-button-border-icononly-ondark: var(--color-interactive-ondark);
147
+ --color-button-border-icononly: var(--color-interactive);
148
+ --color-button-border-secondary-disabled-ondark: var(--color-interactive-disabled-ondark);
149
+ --color-button-border-secondary-disabled: var(--color-interactive-disabled);
150
+ --color-button-border-secondary-ondark: var(--color-interactive-ondark);
151
+ --color-button-border-secondary: var(--color-interactive);
152
+ --color-button-border-selector-disabled-ondark: var(--color-interactive-disabled-ondark);
153
+ --color-button-border-selector-disabled: var(--color-interactive-disabled);
154
+ --color-button-border-selector-ondark: var(--color-interactive-ondark);
155
+ --color-button-border-selector: var(--color-interactive);
156
+ --color-button-icon-icononly-disabled-ondark: var(--color-interactive-disabled-ondark);
157
+ --color-button-icon-icononly-disabled: var(--color-interactive-disabled);
158
+ --color-button-icon-icononly-hover-ondark: var(--color-interactive);
159
+ --color-button-icon-icononly-hover: var(--color-interactive-ondark);
160
+ --color-button-icon-icononly-ondark: var(--color-interactive-ondark);
161
+ --color-button-icon-icononly: var(--color-interactive);
162
+ --color-button-text-delete-disabled: var(--color-interactive-text);
163
+ --color-button-text-delete: var(--color-interactive-text);
164
+ --color-button-text-navigational-disabled-ondark: var(--color-interactive-disabled-ondark);
165
+ --color-button-text-navigational-disabled: var(--color-interactive-disabled);
166
+ --color-button-text-navigational-hover-ondark: var(--color-interactive);
167
+ --color-button-text-navigational-hover: var(--color-interactive);
168
+ --color-button-text-navigational-ondark: var(--color-interactive-ondark);
169
+ --color-button-text-navigational: var(--color-interactive);
170
+ --color-button-text-negative-disabled: var(--color-interactive-text);
171
+ --color-button-text-negative: var(--color-interactive-text);
172
+ --color-button-text-positive-disabled: var(--color-interactive-text);
173
+ --color-button-text-positive: var(--color-interactive-text);
174
+ --color-button-text-primary-disabled: var(--color-interactive-text);
175
+ --color-button-text-primary-ondark: var(--color-interactive-text-ondark);
176
+ --color-button-text-primary: var(--color-interactive-text);
177
+ --color-button-text-secondary-disabled-ondark: var(--color-interactive-disabled-ondark);
178
+ --color-button-text-secondary-disabled: var(--color-interactive-disabled);
179
+ --color-button-text-secondary-hover-ondark: var(--color-interactive);
180
+ --color-button-text-secondary-hover: var(--color-interactive-ondark);
181
+ --color-button-text-secondary-ondark: var(--color-interactive-ondark);
182
+ --color-button-text-secondary: var(--color-interactive);
183
+ --color-button-text-selector-disabled-ondark: var(--color-interactive-disabled-ondark);
184
+ --color-button-text-selector-disabled: var(--color-interactive-disabled);
185
+ --color-button-text-selector-hover-ondark: var(--color-interactive);
186
+ --color-button-text-selector-hover: var(--color-interactive-ondark);
187
+ --color-button-text-selector-ondark: var(--color-interactive-ondark);
188
+ --color-button-text-selector: var(--color-interactive);
189
+ --color-button-text-selectorprimary-disabled: var(--color-interactive-text);
190
+ --color-button-text-selectorprimary-ondark: var(--color-interactive-text-ondark);
191
+ --color-button-text-selectorprimary: var(--color-interactive-text);
192
+ --color-button-text-textonly-disabled-ondark: var(--color-interactive-disabled-ondark);
193
+ --color-button-text-textonly-disabled: var(--color-interactive-disabled);
194
+ --color-button-text-textonly-ondark: var(--color-interactive-ondark);
195
+ --color-button-text-textonly: var(--color-interactive);
196
+ --color-chart-gridline: var(--color-border);
197
+ --color-chart-label-text-negative: var(--color-text-negative);
198
+ --color-chart-label-text-positive: var(--color-text-positive);
199
+ --color-chart-label-text: var(--color-text);
200
+ --color-chart-popover-background: var(--color-background);
201
+ --color-chart-popover-link-text-focus: var(--color-interactive-focus-textonly);
202
+ --color-chart-popover-link-text: var(--color-button-text-textonly);
203
+ --color-chart-subinfo-text: var(--color-text);
204
+ --color-chart-value-text: var(--color-text);
205
+ --color-datepicker-background: var(--color-background);
206
+ --color-datepicker-day-background-hover: var(--color-interactive-background-hover);
207
+ --color-datepicker-day-background-selected: var(--color-interactive);
208
+ --color-datepicker-day-text-outside: var(--color-text-disabled);
209
+ --color-datepicker-day-text-selected: var(--color-interactive-text-selected);
210
+ --color-datepicker-day-text: var(--color-text);
211
+ --color-datepicker-input-background-disabled: var(--color-input-background-disabled);
212
+ --color-datepicker-input-background: var(--color-input-background);
213
+ --color-datepicker-input-border: var(--color-input-border);
214
+ --color-datepicker-input-text-disabled: var(--color-input-text-disabled);
215
+ --color-datepicker-input-text: var(--color-input-text);
216
+ --color-datepicker-month-background-hover: var(--color-interactive-background-hover);
217
+ --color-datepicker-month-background-selected: var(--color-interactive);
218
+ --color-datepicker-month-background: var(--color-text);
219
+ --color-datepicker-month-border: var(--color-border);
220
+ --color-datepicker-month-text-selected: var(--color-text-ondark);
221
+ --color-datepicker-month-text: var(--color-interactive);
222
+ --color-datepicker-navigation-background-hover: var(--color-button-background-navigational-hover);
223
+ --color-datepicker-navigation-background: var(--color-button-background-navigational);
224
+ --color-datepicker-navigation-text: var(--color-button-text-navigational);
225
+ --color-datepicker-selector-background: var(--color-button-background-secondary);
226
+ --color-datepicker-selector-border: var(--color-button-border-secondary);
227
+ --color-datepicker-selector-text: var(--color-button-text-secondary);
228
+ --color-datepicker-toggle-background-disabled: var(--color-input-background-disabled);
229
+ --color-datepicker-toggle-background: var(--color-input-background);
230
+ --color-datepicker-toggle-icon-disabled: var(--color-interactive-disabled);
231
+ --color-datepicker-toggle-icon: var(--color-interactive);
232
+ --color-datepicker-weekdays-background: var(--color-table-header-background);
233
+ --color-datepicker-weekdays-text: var(--color-text);
234
+ --color-filelist-border-error: var(--color-error);
235
+ --color-filelist-border: var(--color-border);
236
+ --color-input-border-error: var(--color-error);
237
+ --color-input-text: var(--color-text);
238
+ --color-linechart-delta-text-negative: var(--color-text-negative);
239
+ --color-linechart-delta-text-positive: var(--color-text-positive);
240
+ --color-linechart-gridline: var(--color-chart-gridline);
241
+ --color-linechart-highlight-background: var(--color-chart-highlight-background);
242
+ --color-linechart-popover-background: var(--color-chart-popover-background);
243
+ --color-modal-background: var(--color-background);
244
+ --color-modal-border: var(--color-border);
245
+ --color-modal-heading: var(--color-text);
246
+ --color-navigation-background-hover: var(--color-interactive-background-hover);
247
+ --color-navigation-background-selected: var(--color-background-selected);
248
+ --color-navigation-background: var(--color-background);
249
+ --color-navigation-border-selected: var(--color-interactive);
250
+ --color-navigation-focus: var(--color-interactive-focus);
251
+ --color-navigation-hamburger-background-hover: var(--color-interactive-background-hover);
252
+ --color-navigation-hamburger-icon: var(--color-interactive);
253
+ --color-navigation-icon-selected: var(--color-interactive);
254
+ --color-navigation-icon: var(--color-text);
255
+ --color-navigation-text-selected: var(--color-interactive);
256
+ --color-navigator-background: var(--color-background);
257
+ --color-navigator-header-background: var(--color-brand-dark);
258
+ --color-navigator-header-text: var(--color-text-ondark);
259
+ --color-navigator-item-background-focus: var(--color-interactive-background-focus);
260
+ --color-navigator-item-background: var(--color-background);
261
+ --color-navigator-user-background: var(--color-background-readonly);
262
+ --color-pagination-arrow-disabled: var(--color-interactive-disabled);
263
+ --color-pagination-arrow: var(--color-interactive);
264
+ --color-pagination-arrow: var(--color-interactive);
265
+ --color-pagination-button-text-disabled: var(--color-interactive-disabled);
266
+ --color-pagination-button-text: var(--color-interactive);
267
+ --color-pagination-current-background-hover: var(--color-interactive-hover);
268
+ --color-pagination-current-background: var(--color-interactive);
269
+ --color-pagination-current-text: var(--color-interactive-text);
270
+ --color-pagination-focus: var(--color-interactive-focus-textonly);
271
+ --color-search-background: var(--color-input-background);
272
+ --color-search-border: var(--color-input-border);
273
+ --color-search-jump-text-focus: var(--color-interactive-focus-textonly);
274
+ --color-search-jump-text: var(--color-button-text-textonly);
275
+ --color-select-border: var(--color-input-border);
276
+ --color-select-option-background-hover: var(--color-option-background-hover);
277
+ --color-select-option-background: var(--color-option-background);
278
+ --color-select-option-border: var(--color-option-border);
279
+ --color-select-option-text-disabled: var(--color-option-text-disabled);
280
+ --color-select-option-text: var(--color-option-text);
281
+ --color-select-search-border: var(--color-input-border);
282
+ --color-select-searchresults-text: var(--color-text);
283
+ --color-select-selectall-background: var(--color-select-option-background);
284
+ --color-select-selectall-border: var(--color-select-option-border);
285
+ --color-select-selectall-text: var(--color-interactive);
286
+ --color-select-text: var(--color-interactive);
287
+ --color-snackbar-close-background-hover: var(--color-button-background-navigational-hover-ondark);
288
+ --color-snackbar-close-background: var(--color-button-background-navigational-ondark);
289
+ --color-snackbar-close-icon-hover: var(--color-button-text-navigational-hover-ondark);
290
+ --color-snackbar-close-icon: var(--color-button-text-navigational-ondark);
291
+ --color-snackbar-link: var(--color-interactive-ondark);
292
+ --color-snackbar-text: var(--color-text-ondark);
293
+ --color-tab-background: var(--color-background-transparent);
294
+ --color-tab-text-ondark: var(--color-interactive-ondark);
295
+ --color-tab-text: var(--color-interactive);
296
+ --color-taginput-altrow-background-table: var(--color-table-altrow-background);
297
+ --color-taginput-border: var(--color-input-border);
298
+ --color-taginput-charcount-background: var(--color-input-charcount-background);
299
+ --color-taginput-header-background-table: var(--color-table-header-background);
300
+ --color-taginput-help-text: var(--color-text);
301
+ --color-taginput-icon: var(--color-accent-icon);
302
+ --color-taginput-maxtags-background: var(--color-background-readonly);
303
+ --color-taginput-maxtags-border: var(--color-input-border);
304
+ --color-taginput-maxtags-text: var(--color-text);
305
+ --color-taginput-option-background-hover: var(--color-option-background-hover);
306
+ --color-taginput-option-background: var(--color-option-background);
307
+ --color-taginput-option-border: var(--color-option-border);
308
+ --color-taginput-option-text-selected: var(--color-option-text-disabled);
309
+ --color-taginput-option-text: var(--color-interactive);
310
+ --color-taginput-row-background-hover: var(--color-interactive-background-hover);
311
+ --color-taginput-row-background-selected: var(--color-table-row-background-selected);
312
+ --color-taginput-row-background-table: var(--color-table-row-background);
313
+ --color-taginput-row-border-selected: var(--color-table-row-border-selected);
314
+ --color-taginput-tag-background-highlight: var(--color-background-highlight);
315
+ --color-taginput-tag-text-locked: var(--color-text-ondark);
316
+ --color-taginput-tag-text: var(--color-text);
317
+ --color-timepicker-background: var(--color-background);
318
+ --color-timepicker-input-background-disabled: var(--color-input-background-disabled);
319
+ --color-timepicker-input-background: var(--color-input-background);
320
+ --color-timepicker-input-border: var(--color-input-border);
321
+ --color-timepicker-input-text-disabled: var(--color-input-text-disabled);
322
+ --color-timepicker-input-text: var(--color-text);
323
+ --color-timepicker-option-background-focus: var(--color-interactive-background-hover);
324
+ --color-timepicker-option-background-hover: var(--color-option-background-hover);
325
+ --color-timepicker-option-background: var(--color-option-background);
326
+ --color-timepicker-option-border: var(--color-option-border);
327
+ --color-timepicker-option-text: var(--color-option-text);
328
+ --color-timepicker-toggle-background-disabled: var(--color-input-background-disabled);
329
+ --color-timepicker-toggle-background: var(--color-input-background);
330
+ --color-timepicker-toggle-icon-disabled: var(--color-interactive-disabled);
331
+ --color-timepicker-toggle-icon: var(--color-interactive);
332
+ --color-toggletip-icon-background: var(--color-background-dark);
333
+ --color-toggletip-icon-text: var(--color-text-ondark);
334
+ --color-toggletip-text: var(--color-text-ondark);
335
+ --color-tooltip-text: var(--color-text-ondark);
336
+ --color-uploader-button-focus: var(--color-interactive-focus);
337
+ --color-modal-overlay: var(--color-overlay);
338
+ --color-datepicker-toggle-background-hover: var(--color-interactive-background-hover);
339
+ --color-timepicker-toggle-background-hover: var(--color-interactive-background-hover);
340
+ --color-select-search-icon: var(--color-accent-icon);
341
+ --color-taginput-tag-background-focus: var(--color-interactive-background-focus);
342
+ --color-filelist-background: var(--color-background-readonly);
343
+ --color-button-background-icononly-ondark: var(--color-background-transparent);
344
+ --color-button-background-icononly: var(--color-background-transparent);
345
+ --color-button-background-navigational-ondark: var(--color-background-transparent);
346
+ --color-button-background-navigational: var(--color-background-transparent);
347
+ --color-button-background-negative-hover: var(--color-interactive-negative-hover);
348
+ --color-button-background-negative: var(--color-interactive-negative);
349
+ --color-button-background-positive-hover: var(--color-interactive-positive-hover);
350
+ --color-button-background-positive: var(--color-interactive-positive);
351
+ --color-button-background-secondary-ondark: var(--color-background-transparent);
352
+ --color-button-background-secondary: var(--color-background-transparent);
353
+ --color-button-background-selector-ondark: var(--color-background-transparent);
354
+ --color-button-background-selector: var(--color-background-transparent);
355
+ --color-chart-popover-link-background: var(--color-background-transparent);
356
+ --color-filelist-background-error: var(--color-background-error);
357
+ --color-filelist-checkmark-icon: var(--color-positive);
358
+ --color-input-background-disabled: var(--color-background-disabled);
359
+ --color-input-background: var(--color-background-transparent);
360
+ --color-input-border-disabled: var(--color-disabled);
361
+ --color-input-border-focus: var(--color-border-focus);
362
+ --color-input-border: var(--color-border-dark);
363
+ --color-input-charcount-background: var(--color-background-readonly);
364
+ --color-input-text-disabled: var(--color-text-disabled);
365
+ --color-input-unit-background: var(--color-background-readonly);
366
+ --color-select-background: var(--color-background-transparent);
367
+ --color-snackbar-link-background: var(--color-background-transparent);
368
+ --color-tag-background-positive: var(--color-background-positive);
369
+ --color-tag-text-positive: var(--color-positive-dark);
370
+ --color-taginput-tag-background-locked: var(--color-disabled);
371
+ --color-toggletip-background: var(--color-background-dark);
372
+
373
+ /* TO UPDATE */
374
+ --color-navigator-item-border: #e0dde4; /* UPDATE to var(--color-border); */
375
+ --color-navigator-item-text: #404248; /* UPDATE to var(--color-text); */
376
+ --color-navigator-item-background-hover: #e5e5e5; /* UPDATE to var(--color-interactive-background-hover); */
377
+ --color-snackbar-background: var(--wmcolor-charcoal); /* UPDATE to var(--color-background-dark); */
378
+
379
+ /* WRONG ASSIGNMENTS */
380
+ --color-select-option-background-focus: var(--color-interactive-background-hover); /* var(--wmcolor-palelilacgray); */
381
+ --color-button-background-delete-hover: var(--color-error-hover); /* var(--wmcolor-firetruck-dark); */
382
+ --color-button-background-delete: var(--color-error); /* firetruck */
383
+ --color-button-text-delete-disabled-ondark: var(--color-background-dark);
384
+ --color-button-text-primary-disabled-ondark: var(--color-background-dark);
385
+ --color-button-text-selectorprimary-disabled-ondark: var(--color-background-dark);
386
+ --color-tag-background-negative: var(--color-background-error);
387
+ --color-tag-text-negative: var(--color-error-dark);
388
+
389
+ /* NOT SURE */
390
+ --color-chart-highlight-background: var(--color-background-highlight);
391
+
392
+ /* EXCEPTIONS */
393
+ --color-linechart-currentposition: var(--wmcolor-lavender);
394
+ --color-tooltip-background: black;
395
+ --color-taginput-tag-background: var(--wmcolor-palelilacgray);
396
+ }
397
+ `;
398
+ const themeStyleEl = document.createElement("style");
399
+ themeStyleEl.textContent = style;
400
+ document.head.appendChild(themeStyleEl);
401
+ }
402
+
403
+ function injectNeutralTheme() {
404
+ const style = `
405
+ :root[wm-theme="neutral"] {
406
+ --color-button: var(--wmcolor-mom-jeans);
407
+ --color-button-focus: var(--wmcolor-mom-jeans-bright);
408
+ --color-button-hover: var(--wmcolor-dad-jeans);
409
+ --color-button-text-ondark: var(--wmcolor-mom-jeans);
410
+
411
+ --color-button-focus-ondark: var(--wmcolor-acidwashjeans);
412
+ }
413
+ `;
414
+ const themeStyleEl = document.createElement("style");
415
+ themeStyleEl.textContent = style;
416
+ document.head.appendChild(themeStyleEl);
417
+ }
418
+
419
+ // PRINT RIPPLE VERSION IN CONSOLE
420
+ // test envs return 0 for plugin.length
421
+ // do not print version number there as it causes issues
422
+ if (window.navigator.plugins.length > 0) {
423
+ console.log("Ripple component library", version);
424
+ }
425
+ // USER-IS-TABBING CLASSES (FOR FOCUS INDICATORS)
426
+ // Dispatching events to track whether user is navigating with keyboard or mouse
427
+ function wmComponentKeys(ev) {
428
+ if (ev.key == "Tab") {
429
+ var event = new Event("wmUserIsTabbing");
430
+ window.dispatchEvent(event);
431
+ document.querySelector("body").classList.add("wmcl-user-is-tabbing");
432
+ }
433
+ if (ev.key == "ArrowLeft" || ev.key == "ArrowUp" || ev.key == "ArrowRight" || ev.key == "ArrowDown") {
434
+ var event = new Event("wmUserIsKeying");
435
+ window.dispatchEvent(event);
436
+ document.querySelector("body").classList.add("wmcl-user-is-keying");
437
+ }
438
+ }
439
+ function wmComponentMouseDownOnce() {
440
+ var event = new Event("wmUserIsNotTabbing");
441
+ window.dispatchEvent(event);
442
+ document.querySelector("body").classList.remove("wmcl-user-is-tabbing");
443
+ document.querySelector("body").classList.remove("wmcl-user-is-keying");
444
+ }
445
+ window.addEventListener("keydown", wmComponentKeys);
446
+ window.addEventListener("mousedown", wmComponentMouseDownOnce);
447
+ // TOOLTIP
448
+ // Add a tooltip element
449
+ // This allows tooltips to be always at the highest stacking context (always on top)
450
+ // Element is added withing a container to avoid performance impact
451
+ const tooltipContainer = document.createElement("div");
452
+ tooltipContainer.id = "wm-tooltip-container";
453
+ const tooltipEl = document.createElement("div");
454
+ tooltipEl.id = "wm-tooltip";
455
+ tooltipEl.setAttribute("aria-hidden", "true");
456
+ const tooltipStyles = document.createElement("style");
457
+ tooltipStyles.textContent = `
458
+ #wm-tooltip {
459
+ position: fixed;
460
+ overflow: hidden;
461
+ pointer-events: none;
462
+ line-height: normal;
463
+ font-family: inherit;
464
+ font-size: 0.875rem;
465
+ text-transform: none;
466
+ font-weight: normal;
467
+ background: var(--color-tooltip-background);
468
+ color: var(--color-tooltip-text);
469
+ z-index: 999999;
470
+ max-width: var(--wmTooltipMaxWidth, 13.75rem);
471
+ margin-right: 1.5rem;
472
+ padding: 0.375rem;
473
+ transition-property: opacity;
474
+ transition-delay: 0s;
475
+ opacity: 0;
476
+ top: 0;
477
+ left: 0;
478
+ transform: translateZ(0);
479
+ will-change: transform;
480
+ transform: translate(var(--wmTooltipLeft), var(--wmTooltipTop));
481
+ }
482
+
483
+ #wm-tooltip.show {
484
+ transition-delay: 500ms;
485
+ opacity: 1;
486
+ }
487
+ `;
488
+ document.head.appendChild(tooltipStyles);
489
+ tooltipContainer.appendChild(tooltipEl);
490
+ document.querySelector("body").appendChild(tooltipContainer);
491
+ // Inject theme
492
+ injectDefaultTheme();
493
+ document.documentElement.getAttribute("wm-theme") == "neutral" && injectNeutralTheme();
@@ -1,6 +1,6 @@
1
1
  'use strict';
2
2
 
3
- const functions = require('./functions-eaf13dd8.js');
3
+ const functions = require('./functions-bd2df1a9.js');
4
4
 
5
5
  const globalMessages = {
6
6
  characterLimitReached: functions.intl.formatMessage({
@@ -3,8 +3,7 @@
3
3
  Object.defineProperty(exports, '__esModule', { value: true });
4
4
 
5
5
  const index = require('./index-670c5d2a.js');
6
- require('./global-086258de.js');
7
- require('./functions-eaf13dd8.js');
6
+ require('./global-989f0867.js');
8
7
 
9
8
  /*
10
9
  Stencil Client Patch Esm v3.4.1 | MIT Licensed | https://stenciljs.com
@@ -3,9 +3,9 @@
3
3
  Object.defineProperty(exports, '__esModule', { value: true });
4
4
 
5
5
  const index = require('./index-670c5d2a.js');
6
- const functions = require('./functions-eaf13dd8.js');
6
+ const functions = require('./functions-bd2df1a9.js');
7
7
 
8
- const privChartPopoverCss = "priv-chart-popover{position:fixed;z-index:10;border-radius:0.1875rem;-webkit-box-shadow:0 11px 15px 0 rgba(0, 0, 0, 0.2), 0 7px 20px 0 rgba(0, 0, 0, 0.12);-moz-box-shadow:0 11px 15px 0 rgba(0, 0, 0, 0.2), 0 7px 20px 0 rgba(0, 0, 0, 0.12);box-shadow:0 11px 15px 0 rgba(0, 0, 0, 0.2), 0 7px 20px 0 rgba(0, 0, 0, 0.12);background-color:#fff;font-size:0.875rem;text-align:left}priv-chart-popover.user-is-tabbing .button-text{background:-webkit-gradient(linear, left top, right top, color-stop(66%, #3862e9), color-stop(0, transparent)) repeat-x;background:linear-gradient(90deg, #3862e9 66%, transparent 0) repeat-x;background-size:6px 3px;background-position:0 1em;border-radius:0;line-height:normal}.sr-only{position:absolute !important;width:1px !important;height:1px !important;padding:0 !important;border:0 !important;overflow:hidden !important;clip:rect(0, 0, 0, 0) !important;-webkit-clip-path:inset(50%) !important;clip-path:inset(50%) !important;white-space:nowrap !important;margin:-1px !important}.popover{width:10.5rem;padding:0.625rem 0.9375rem;-webkit-box-sizing:border-box;box-sizing:border-box}.popover .title{font-size:1em;font-weight:500;margin:0;padding-top:0;padding-left:0;padding-bottom:0.25rem}.popover .title.positive{color:#088000}.popover .title.negative{color:#c0392b}.popover .text{margin:0;margin-bottom:0.5rem}.popover .popover-button{-webkit-box-shadow:none;-moz-box-shadow:none;box-shadow:none;position:relative;display:inline-block;margin-left:1rem;padding-left:0;padding-right:0;height:auto;border:none;background:transparent;cursor:pointer;text-decoration:none;letter-spacing:0;text-transform:none;text-align:initial;font-size:0.875rem;font-weight:700;color:#575195;line-height:normal}.popover .popover-button .btn-icon{position:absolute;top:0.1875rem;left:-1rem}.popover .popover-button:focus{outline:none}.popover .popover-button::-moz-focus-inner{border:0;outline:none}.popover .popover-button:hover{text-decoration:none;background:none;color:#454077}.popover .popover-button:hover span{text-decoration:underline}";
8
+ const privChartPopoverCss = "priv-chart-popover{position:fixed;z-index:10;border-radius:0.1875rem;-webkit-box-shadow:0 11px 15px 0 rgba(0, 0, 0, 0.2), 0 7px 20px 0 rgba(0, 0, 0, 0.12);-moz-box-shadow:0 11px 15px 0 rgba(0, 0, 0, 0.2), 0 7px 20px 0 rgba(0, 0, 0, 0.12);box-shadow:0 11px 15px 0 rgba(0, 0, 0, 0.2), 0 7px 20px 0 rgba(0, 0, 0, 0.12);background-color:var(--color-chart-popover-background);font-size:0.875rem;text-align:left}priv-chart-popover.user-is-tabbing .button-text{background:-webkit-gradient(linear, left top, right top, color-stop(66%, var(--color-chart-popover-link-text-focus)), color-stop(0, transparent)) repeat-x;background:linear-gradient(90deg, var(--color-chart-popover-link-text-focus) 66%, transparent 0) repeat-x;background-size:6px 3px;background-position:0 1em;border-radius:0;line-height:normal}.sr-only{position:absolute !important;width:1px !important;height:1px !important;padding:0 !important;border:0 !important;overflow:hidden !important;clip:rect(0, 0, 0, 0) !important;-webkit-clip-path:inset(50%) !important;clip-path:inset(50%) !important;white-space:nowrap !important;margin:-1px !important}.popover{width:10.5rem;padding:0.625rem 0.9375rem;-webkit-box-sizing:border-box;box-sizing:border-box}.popover .title{font-size:1em;font-weight:500;margin:0;padding-top:0;padding-left:0;padding-bottom:0.25rem}.popover .title.positive{color:var(--color-chart-label-text-positive)}.popover .title.negative{color:var(--color-chart-label-text-negative)}.popover .text{margin:0;margin-bottom:0.5rem}.popover .popover-button{-webkit-box-shadow:none;-moz-box-shadow:none;box-shadow:none;position:relative;display:inline-block;margin-left:1rem;padding-left:0;padding-right:0;height:auto;border:none;background:var(--color-chart-popover-link-background);cursor:pointer;text-decoration:none;letter-spacing:0;text-transform:none;text-align:initial;font-size:0.875rem;font-weight:700;color:var(--color-chart-popover-link-text);line-height:normal}.popover .popover-button .btn-icon{position:absolute;top:0.1875rem;left:-1rem}.popover .popover-button:focus{outline:none}.popover .popover-button::-moz-focus-inner{border:0;outline:none}.popover .popover-button:hover{text-decoration:none}.popover .popover-button:hover span{text-decoration:underline}";
9
9
 
10
10
  const ChartPopover = class {
11
11
  constructor(hostRef) {
@@ -3,9 +3,9 @@
3
3
  Object.defineProperty(exports, '__esModule', { value: true });
4
4
 
5
5
  const index = require('./index-670c5d2a.js');
6
- const functions = require('./functions-eaf13dd8.js');
6
+ const functions = require('./functions-bd2df1a9.js');
7
7
 
8
- const privDatepickerCss = ".toggle{all:unset;cursor:pointer;padding:0 0.375rem;height:2.375rem;border:none;-moz-border-top-right-radius:3px;-webkit-border-top-right-radius:3px;border-top-right-radius:3px;-moz-border-bottom-right-radius:3px;-webkit-border-bottom-right-radius:3px;border-bottom-right-radius:3px;-moz-border-top-left-radius:0;-webkit-border-top-left-radius:0;border-top-left-radius:0;-moz-border-bottom-left-radius:0;-webkit-border-bottom-left-radius:0;border-bottom-left-radius:0;-webkit-box-shadow:none;-moz-box-shadow:none;box-shadow:none;background-color:#fff}.toggle:disabled{pointer-events:none;-webkit-box-shadow:none;-moz-box-shadow:none;box-shadow:none;background-color:rgba(74, 74, 74, 0.05)}.toggle:disabled .calendar::after{color:#7b7b7b}.toggle:hover{-webkit-box-shadow:none;-moz-box-shadow:none;box-shadow:none;background:#e6e6e6}.toggle:hover .calendar::after{color:#575195}[dir=RTL] .toggle{right:auto;left:0}.toggle span::after{display:inline-block;font:normal normal normal 24px/1 \"Material Design Icons\";font-size:inherit;text-rendering:auto;line-height:inherit;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;content:\"\\f0ed\";font-size:1.5rem;color:#575195;padding:0;line-height:2.5rem}.toggle:focus{outline:none}.toggle::-moz-focus-inner{border:0}.user-is-tabbing .toggle:focus{-webkit-box-shadow:0 2px 2px 0 rgba(244, 243, 246, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.1), 0 0 4px 3px var(--color-button-focus);-moz-box-shadow:0 2px 2px 0 rgba(244, 243, 246, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.1), 0 0 4px 3px var(--color-button-focus);box-shadow:0 2px 2px 0 rgba(244, 243, 246, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.1), 0 0 4px 3px var(--color-button-focus)}.user-is-tabbing .toggle:focus::-moz-focus-inner{border:0}.popup{visibility:hidden;font-family:inherit;-webkit-border-radius:3px;-moz-border-radius:3px;-ms-border-radius:3px;border-radius:3px;-webkit-box-shadow:0px 4px 15px 0px rgba(0, 0, 0, 0.2);-moz-box-shadow:0px 4px 15px 0px rgba(0, 0, 0, 0.2);box-shadow:0px 4px 15px 0px rgba(0, 0, 0, 0.2);width:21rem;z-index:10;position:absolute;left:0;top:40px;min-height:21.0625rem;-webkit-transition:-webkit-transform 0.25s ease;transition:-webkit-transform 0.25s ease;transition:transform 0.25s ease;transition:transform 0.25s ease, -webkit-transform 0.25s ease;-webkit-transform-origin:center top;transform-origin:center top;-webkit-transform:scale(1, 0);transform:scale(1, 0);background-color:#fff}.popup.open{-webkit-transform:scale(1, 1);transform:scale(1, 1)}.popup.expand-upwards{top:auto;bottom:2.375rem;-webkit-transform-origin:center bottom;transform-origin:center bottom}.popup .calendar-header{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;-webkit-justify-content:space-between;justify-content:space-between;position:relative;padding:0.9375rem 0.25rem}.popup .calendar-header .title-box{height:2.625rem;-webkit-border-radius:3px;-moz-border-radius:3px;-ms-border-radius:3px;border-radius:3px;border:1px solid;font-weight:500;font-size:0.875rem;background:transparent;cursor:pointer;display:-ms-flexbox;display:flex;-ms-flex-pack:justify;justify-content:space-between;-ms-flex-align:center;align-items:center;padding:0 0.375rem 0 0.75rem;border-color:#575195;color:#575195}.popup .calendar-header .title-box:after{display:inline-block;font:normal normal normal 24px/1 \"Material Design Icons\";font-size:inherit;text-rendering:auto;line-height:inherit;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;content:\"\\f140\";padding-left:0.75rem;font-size:1.12rem}.popup .calendar-header .title-box.year:after{content:\"\\f143\"}.popup .calendar-header .title-box::-moz-focus-inner{border:0}.popup .calendar-header .title-box:focus{outline:none}.popup .calendar-header .arw-btn{cursor:pointer;-webkit-border-radius:50%;-moz-border-radius:50%;-ms-border-radius:50%;border-radius:50%;width:2.75rem;height:2.75rem;border:none;color:#575195;background:transparent;padding:0;-webkit-box-shadow:none;-moz-box-shadow:none;box-shadow:none;line-height:2.75rem}.popup .calendar-header .arw-btn .mdi{display:inline-block;font:normal normal normal 24px/1 \"Material Design Icons\";font-size:inherit;text-rendering:auto;line-height:inherit;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-size:1.5rem;font-weight:normal;line-height:2.75rem}.popup .calendar-header .arw-btn .mdi:hover{background-color:#efeef1}.popup .calendar-header .arw-btn:focus{outline:none}.popup .calendar-header .arw-btn:active{-ms-transform:scale(0.9, 0.9);-webkit-transform:scale(0.9, 0.9);-moz-transform:scale(0.9, 0.9);transform:scale(0.9, 0.9);background-color:#d7d6d9}.popup .day-view{min-width:100%}.popup .day-view .date-grid{width:100%;text-align:center;border-collapse:collapse;margin-bottom:0.4375rem;color:#757575}.popup .day-view .date-grid .date-row:first-child .date-cell{margin-top:0.125rem}.popup .day-view .date-grid .date-header{background-color:#eeedf4}.popup .day-view .date-grid .header-cell{height:2.0625rem;line-height:2.0625rem;width:2.75rem;margin:0 calc((14.28% - 44px) / 2);padding:0;display:inline-block;font-size:0.8125rem;font-weight:bold;color:#4a4a4a;border:none}.popup .day-view .date-grid .date-cell{cursor:pointer;display:inline-block;padding:0;-webkit-border-radius:50%;-moz-border-radius:50%;-ms-border-radius:50%;border-radius:50%;height:2.75rem;width:2.75rem;margin:0 calc((14.28% - 44px) / 2);font-size:0.875rem;font-weight:500;line-height:2.75rem}.popup .day-view .date-grid .date-cell:focus{outline:none}.popup .day-view .date-grid .date-cell:hover{background-color:#efeef1}.popup .day-view .date-grid .date-cell:active{background-color:#575195;color:#ffffff}.popup .day-view .date-grid .date-cell.current-month{color:#4a4a4a}.popup .day-view .date-grid .date-cell.current-month[aria-selected=true]{background-color:#575195;color:#ffffff}.popup .month-view .months{border-top:2px solid;border-top-color:#eeedf4;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap}.popup .month-view .month-row{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;-webkit-justify-content:space-between;justify-content:space-between;width:100%;border-bottom:2px solid;border-bottom-color:#eeedf4}.popup .month-view .month{cursor:pointer;text-align:center;width:100%;height:4rem;line-height:4rem;font-weight:500;color:#575195}.popup .month-view .month:not(:last-child){border-right:2px solid;border-right-color:#eeedf4}.popup .month-view .month:focus{outline:none}.popup .month-view .month:hover{background-color:#efeef1}.popup .month-view .month:active,.popup .month-view .month.selected{background-color:#575195;color:#ffffff}.popup.user-is-tabbing button:focus,.popup.user-is-tabbing .title-box:focus,.popup.user-is-tabbing .date-cell:focus,.popup.user-is-tabbing .month:focus{-webkit-box-shadow:0 2px 2px 0 rgba(244, 243, 246, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.1), 0 0 4px 3px var(--color-button-focus);-moz-box-shadow:0 2px 2px 0 rgba(244, 243, 246, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.1), 0 0 4px 3px var(--color-button-focus);box-shadow:0 2px 2px 0 rgba(244, 243, 246, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.1), 0 0 4px 3px var(--color-button-focus);border:none;z-index:11}.popup.user-is-tabbing button:focus::-moz-focus-inner,.popup.user-is-tabbing .title-box:focus::-moz-focus-inner,.popup.user-is-tabbing .date-cell:focus::-moz-focus-inner,.popup.user-is-tabbing .month:focus::-moz-focus-inner{border:0}.sr-only{position:absolute !important;width:1px !important;height:1px !important;padding:0 !important;border:0 !important;overflow:hidden !important;clip:rect(0, 0, 0, 0) !important;-webkit-clip-path:inset(50%) !important;clip-path:inset(50%) !important;white-space:nowrap !important;margin:-1px !important}";
8
+ const privDatepickerCss = ".toggle{all:unset;cursor:pointer;padding:0 0.375rem;height:2.375rem;background-color:var(--color-datepicker-toggle-background);border:none;-moz-border-top-right-radius:3px;-webkit-border-top-right-radius:3px;border-top-right-radius:3px;-moz-border-bottom-right-radius:3px;-webkit-border-bottom-right-radius:3px;border-bottom-right-radius:3px}.toggle span::after{display:inline-block;font:normal normal normal 24px/1 \"Material Design Icons\";font-size:inherit;text-rendering:auto;line-height:inherit;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;content:\"\\f0ed\";font-size:1.5rem;color:var(--color-datepicker-toggle-icon);padding:0;line-height:2.5rem}.toggle:hover{-webkit-box-shadow:none;box-shadow:none;background:var(--color-datepicker-toggle-background-hover)}.toggle:disabled{pointer-events:none;-webkit-box-shadow:none;box-shadow:none;background-color:var(--color-datepicker-toggle-background-disabled)}.toggle:disabled .calendar::after{color:var(--color-datepicker-toggle-icon-disabled)}[dir=RTL] .toggle{right:auto;left:0}.toggle:focus{outline:none}.toggle::-moz-focus-inner{border:0}.user-is-tabbing .toggle:focus{-webkit-box-shadow:0 2px 2px 0 rgba(244, 243, 246, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.1), 0 0 4px 3px var(--color-interactive-focus);-moz-box-shadow:0 2px 2px 0 rgba(244, 243, 246, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.1), 0 0 4px 3px var(--color-interactive-focus);box-shadow:0 2px 2px 0 rgba(244, 243, 246, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.1), 0 0 4px 3px var(--color-interactive-focus)}.user-is-tabbing .toggle:focus::-moz-focus-inner{border:0}.popup{visibility:hidden;font-family:inherit;-webkit-border-radius:3px;-moz-border-radius:3px;-ms-border-radius:3px;border-radius:3px;-webkit-box-shadow:0px 4px 15px 0px rgba(0, 0, 0, 0.2);box-shadow:0px 4px 15px 0px rgba(0, 0, 0, 0.2);width:21rem;z-index:10;position:absolute;left:0;top:40px;min-height:21.0625rem;-webkit-transition:-webkit-transform 0.25s ease;transition:-webkit-transform 0.25s ease;transition:transform 0.25s ease;transition:transform 0.25s ease, -webkit-transform 0.25s ease;-webkit-transform-origin:center top;transform-origin:center top;-webkit-transform:scale(1, 0);transform:scale(1, 0);background-color:var(--color-datepicker-background)}.popup.open{-webkit-transform:scale(1, 1);transform:scale(1, 1)}.popup.expand-upwards{top:auto;bottom:2.375rem;-webkit-transform-origin:center bottom;transform-origin:center bottom}.popup .calendar-header{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;-webkit-justify-content:space-between;justify-content:space-between;position:relative;padding:0.9375rem 0.25rem}.popup .calendar-header .title-box{height:2.625rem;-webkit-border-radius:3px;-moz-border-radius:3px;-ms-border-radius:3px;border-radius:3px;border:1px solid;font-weight:500;font-size:0.875rem;background:var(--color-datepicker-selector-background);cursor:pointer;display:-ms-flexbox;display:flex;-ms-flex-pack:justify;justify-content:space-between;-ms-flex-align:center;align-items:center;padding:0 0.375rem 0 0.75rem;border-color:var(--color-datepicker-selector-border);color:var(--color-datepicker-selector-text)}.popup .calendar-header .title-box:after{display:inline-block;font:normal normal normal 24px/1 \"Material Design Icons\";font-size:inherit;text-rendering:auto;line-height:inherit;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;content:\"\\f140\";padding-left:0.75rem;font-size:1.12rem}.popup .calendar-header .title-box.year:after{content:\"\\f143\"}.popup .calendar-header .title-box::-moz-focus-inner{border:0}.popup .calendar-header .title-box:focus{outline:none}.popup .calendar-header .arw-btn{cursor:pointer;-webkit-border-radius:50%;-moz-border-radius:50%;-ms-border-radius:50%;border-radius:50%;width:2.75rem;height:2.75rem;border:none;color:var(--color-datepicker-navigation-text);background:var(--color-datepicker-navigation-background);padding:0;-webkit-box-shadow:none;box-shadow:none;line-height:2.75rem}.popup .calendar-header .arw-btn .mdi{display:inline-block;font:normal normal normal 24px/1 \"Material Design Icons\";font-size:inherit;text-rendering:auto;line-height:inherit;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-size:1.5rem;font-weight:normal;line-height:2.75rem}.popup .calendar-header .arw-btn:hover{background-color:var(--color-datepicker-navigation-background-hover)}.popup .calendar-header .arw-btn:focus{outline:none}.popup .calendar-header .arw-btn:active{-ms-transform:scale(0.9, 0.9);-webkit-transform:scale(0.9, 0.9);-moz-transform:scale(0.9, 0.9);transform:scale(0.9, 0.9)}.popup .day-view{min-width:100%}.popup .day-view .date-grid{width:100%;text-align:center;border-collapse:collapse;margin-bottom:0.4375rem;color:var(--color-datepicker-day-text-outside)}.popup .day-view .date-grid .date-row:first-child .date-cell{margin-top:0.125rem}.popup .day-view .date-grid .date-header{background-color:var(--color-datepicker-weekdays-background)}.popup .day-view .date-grid .header-cell{height:2.0625rem;line-height:2.0625rem;width:2.75rem;margin:0 calc((14.28% - 44px) / 2);padding:0;display:inline-block;font-size:0.8125rem;font-weight:bold;color:var(--color-datepicker-weekdays-text);border:none}.popup .day-view .date-grid .date-cell{cursor:pointer;display:inline-block;padding:0;-webkit-border-radius:50%;-moz-border-radius:50%;-ms-border-radius:50%;border-radius:50%;height:2.75rem;width:2.75rem;margin:0 calc((14.28% - 44px) / 2);font-size:0.875rem;font-weight:500;line-height:2.75rem}.popup .day-view .date-grid .date-cell:focus{outline:none}.popup .day-view .date-grid .date-cell:hover{background-color:var(--color-datepicker-day-background-hover)}.popup .day-view .date-grid .date-cell.current-month{color:var(--color-datepicker-day-text)}.popup .day-view .date-grid .date-cell.current-month[aria-selected=true]{background-color:var(--color-datepicker-day-background-selected);color:var(--color-datepicker-day-text-selected)}.popup .day-view .date-grid .date-cell:active{background-color:var(--color-datepicker-day-background-selected);color:var(--color-datepicker-day-text-selected)}.popup .month-view .months{border-top:2px solid;border-top-color:var(--color-datepicker-month-border);display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap}.popup .month-view .month-row{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;-webkit-justify-content:space-between;justify-content:space-between;width:100%;border-bottom:2px solid;border-bottom-color:var(--color-datepicker-month-border)}.popup .month-view .month{cursor:pointer;text-align:center;width:100%;height:4rem;line-height:4rem;font-weight:500;color:var(--color-datepicker-month-text)}.popup .month-view .month:not(:last-child){border-right:2px solid;border-right-color:var(--color-datepicker-month-border)}.popup .month-view .month:focus{outline:none}.popup .month-view .month:hover{background-color:var(--color-datepicker-month-background-hover)}.popup .month-view .month:active,.popup .month-view .month.selected{background-color:var(--color-datepicker-month-background-selected);color:var(--color-datepicker-month-text-selected)}.popup.user-is-tabbing button:focus,.popup.user-is-tabbing .title-box:focus,.popup.user-is-tabbing .date-cell:focus,.popup.user-is-tabbing .month:focus{-webkit-box-shadow:0 2px 2px 0 rgba(244, 243, 246, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.1), 0 0 4px 3px var(--color-interactive-focus);-moz-box-shadow:0 2px 2px 0 rgba(244, 243, 246, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.1), 0 0 4px 3px var(--color-interactive-focus);box-shadow:0 2px 2px 0 rgba(244, 243, 246, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.1), 0 0 4px 3px var(--color-interactive-focus);border:none;z-index:11}.popup.user-is-tabbing button:focus::-moz-focus-inner,.popup.user-is-tabbing .title-box:focus::-moz-focus-inner,.popup.user-is-tabbing .date-cell:focus::-moz-focus-inner,.popup.user-is-tabbing .month:focus::-moz-focus-inner{border:0}.sr-only{position:absolute !important;width:1px !important;height:1px !important;padding:0 !important;border:0 !important;overflow:hidden !important;clip:rect(0, 0, 0, 0) !important;-webkit-clip-path:inset(50%) !important;clip-path:inset(50%) !important;white-space:nowrap !important;margin:-1px !important}";
9
9
 
10
10
  const PrivDatepicker = class {
11
11
  constructor(hostRef) {
@@ -4,7 +4,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
4
4
 
5
5
  const index = require('./index-670c5d2a.js');
6
6
 
7
- const privNavigatorButtonCss = ":host *{-webkit-box-sizing:border-box;box-sizing:border-box}:host .navigator{color:#575195;padding:0 1.25rem;position:static !important;height:100%;background:transparent;border:none;min-height:3.75rem;cursor:pointer;border-radius:0;top:50%}:host .navigator img{height:2.25rem;width:2.25rem;vertical-align:middle}:host .navigator:hover{background:#dcdbde}:host .navigator:active,:host .navigator:focus{outline:none}:host .navigator.user-is-tabbing:focus{-webkit-box-shadow:0 2px 2px 0 rgba(244, 243, 246, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.1), 0 0 4px 3px var(--color-button-focus);-moz-box-shadow:0 2px 2px 0 rgba(244, 243, 246, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.1), 0 0 4px 3px var(--color-button-focus);box-shadow:0 2px 2px 0 rgba(244, 243, 246, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.1), 0 0 4px 3px var(--color-button-focus)}:host .navigator.user-is-tabbing:focus::-moz-focus-inner{border:0}:host button:after{vertical-align:middle;height:2.25rem;width:2.25rem;background-size:36px;display:inline-block;background-image:url(https://cdn.watermarkinsights.com/images/icons/appswitchericon_purple.svg);content:\"\"}";
7
+ const privNavigatorButtonCss = ":host *{-webkit-box-sizing:border-box;box-sizing:border-box}:host .navigator{color:#575195;padding:0 1.25rem;position:static !important;height:100%;background:transparent;border:none;min-height:3.75rem;cursor:pointer;border-radius:0;top:50%}:host .navigator img{height:2.25rem;width:2.25rem;vertical-align:middle}:host .navigator:hover{background:#dcdbde}:host .navigator:active,:host .navigator:focus{outline:none}:host .navigator.user-is-tabbing:focus{-webkit-box-shadow:0 2px 2px 0 rgba(244, 243, 246, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.1), 0 0 4px 3px var(--color-interactive-focus);-moz-box-shadow:0 2px 2px 0 rgba(244, 243, 246, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.1), 0 0 4px 3px var(--color-interactive-focus);box-shadow:0 2px 2px 0 rgba(244, 243, 246, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.1), 0 0 4px 3px var(--color-interactive-focus)}:host .navigator.user-is-tabbing:focus::-moz-focus-inner{border:0}:host button:after{vertical-align:middle;height:2.25rem;width:2.25rem;background-size:36px;display:inline-block;background-image:url(https://cdn.watermarkinsights.com/images/icons/appswitchericon_purple.svg);content:\"\"}";
8
8
 
9
9
  const PrivNavigatorButton = class {
10
10
  constructor(hostRef) {