@watermarkinsights/ripple 5.0.0 → 5.1.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 (244) hide show
  1. package/dist/cjs/{app-globals-d6c37251.js → app-globals-aad9863d.js} +2 -2
  2. package/dist/cjs/{chartFunctions-b32ecbeb.js → chartFunctions-e86ed63c.js} +8 -4
  3. package/dist/cjs/{index-0f1bacce.js → index-4853a7b4.js} +537 -494
  4. package/dist/cjs/loader.cjs.js +2 -2
  5. package/dist/cjs/priv-chart-popover.cjs.entry.js +1 -1
  6. package/dist/cjs/priv-datepicker.cjs.entry.js +1 -1
  7. package/dist/cjs/priv-navigator-button.cjs.entry.js +1 -1
  8. package/dist/cjs/priv-navigator-item.cjs.entry.js +1 -1
  9. package/dist/cjs/ripple.cjs.js +3 -3
  10. package/dist/cjs/wm-action-menu_2.cjs.entry.js +1 -1
  11. package/dist/cjs/wm-button.cjs.entry.js +1 -1
  12. package/dist/cjs/wm-chart-slice.cjs.entry.js +1 -1
  13. package/dist/cjs/wm-chart.cjs.entry.js +2 -2
  14. package/dist/cjs/wm-datepicker.cjs.entry.js +1 -1
  15. package/dist/cjs/wm-file-list.cjs.entry.js +1 -1
  16. package/dist/cjs/wm-file.cjs.entry.js +1 -1
  17. package/dist/cjs/wm-input.cjs.entry.js +1 -1
  18. package/dist/cjs/wm-line-chart.cjs.entry.js +2 -2
  19. package/dist/cjs/wm-modal-footer.cjs.entry.js +1 -1
  20. package/dist/cjs/wm-modal-header.cjs.entry.js +1 -1
  21. package/dist/cjs/wm-modal.cjs.entry.js +1 -1
  22. package/dist/cjs/wm-navigation_3.cjs.entry.js +1 -1
  23. package/dist/cjs/wm-navigator.cjs.entry.js +1 -1
  24. package/dist/cjs/wm-option_2.cjs.entry.js +1 -1
  25. package/dist/cjs/wm-pagination.cjs.entry.js +1 -1
  26. package/dist/cjs/wm-progress-indicator_3.cjs.entry.js +2 -2
  27. package/dist/cjs/wm-search.cjs.entry.js +1 -1
  28. package/dist/cjs/wm-snackbar.cjs.entry.js +1 -1
  29. package/dist/cjs/wm-tab-item_3.cjs.entry.js +1 -1
  30. package/dist/cjs/wm-tag-input.cjs.entry.js +1 -1
  31. package/dist/cjs/wm-tag-option.cjs.entry.js +1 -1
  32. package/dist/cjs/wm-textarea.cjs.entry.js +1 -1
  33. package/dist/cjs/wm-timepicker.cjs.entry.js +1 -1
  34. package/dist/cjs/wm-toggletip.cjs.entry.js +1 -1
  35. package/dist/cjs/wm-uploader.cjs.entry.js +1 -1
  36. package/dist/cjs/wm-wrapper.cjs.entry.js +1 -1
  37. package/dist/collection/collection-manifest.json +2 -2
  38. package/dist/collection/components/charts/chartFunctions.js +7 -3
  39. package/dist/esm/{app-globals-2df700e6.js → app-globals-4e667854.js} +2 -2
  40. package/dist/esm/{chartFunctions-e43ec877.js → chartFunctions-8098e455.js} +8 -4
  41. package/dist/esm/{index-5815b978.js → index-7923308f.js} +537 -494
  42. package/dist/esm/loader.js +3 -3
  43. package/dist/esm/priv-chart-popover.entry.js +1 -1
  44. package/dist/esm/priv-datepicker.entry.js +1 -1
  45. package/dist/esm/priv-navigator-button.entry.js +1 -1
  46. package/dist/esm/priv-navigator-item.entry.js +1 -1
  47. package/dist/esm/ripple.js +4 -4
  48. package/dist/esm/wm-action-menu_2.entry.js +1 -1
  49. package/dist/esm/wm-button.entry.js +1 -1
  50. package/dist/esm/wm-chart-slice.entry.js +1 -1
  51. package/dist/esm/wm-chart.entry.js +2 -2
  52. package/dist/esm/wm-datepicker.entry.js +1 -1
  53. package/dist/esm/wm-file-list.entry.js +1 -1
  54. package/dist/esm/wm-file.entry.js +1 -1
  55. package/dist/esm/wm-input.entry.js +1 -1
  56. package/dist/esm/wm-line-chart.entry.js +2 -2
  57. package/dist/esm/wm-modal-footer.entry.js +1 -1
  58. package/dist/esm/wm-modal-header.entry.js +1 -1
  59. package/dist/esm/wm-modal.entry.js +1 -1
  60. package/dist/esm/wm-navigation_3.entry.js +1 -1
  61. package/dist/esm/wm-navigator.entry.js +1 -1
  62. package/dist/esm/wm-option_2.entry.js +1 -1
  63. package/dist/esm/wm-pagination.entry.js +1 -1
  64. package/dist/esm/wm-progress-indicator_3.entry.js +2 -2
  65. package/dist/esm/wm-search.entry.js +1 -1
  66. package/dist/esm/wm-snackbar.entry.js +1 -1
  67. package/dist/esm/wm-tab-item_3.entry.js +1 -1
  68. package/dist/esm/wm-tag-input.entry.js +1 -1
  69. package/dist/esm/wm-tag-option.entry.js +1 -1
  70. package/dist/esm/wm-textarea.entry.js +1 -1
  71. package/dist/esm/wm-timepicker.entry.js +1 -1
  72. package/dist/esm/wm-toggletip.entry.js +1 -1
  73. package/dist/esm/wm-uploader.entry.js +1 -1
  74. package/dist/esm/wm-wrapper.entry.js +1 -1
  75. package/dist/esm-es5/{app-globals-2df700e6.js → app-globals-4e667854.js} +1 -1
  76. package/dist/esm-es5/chartFunctions-8098e455.js +1 -0
  77. package/dist/esm-es5/index-7923308f.js +1 -0
  78. package/dist/esm-es5/loader.js +1 -1
  79. package/dist/esm-es5/priv-chart-popover.entry.js +1 -1
  80. package/dist/esm-es5/priv-datepicker.entry.js +1 -1
  81. package/dist/esm-es5/priv-navigator-button.entry.js +1 -1
  82. package/dist/esm-es5/priv-navigator-item.entry.js +1 -1
  83. package/dist/esm-es5/ripple.js +1 -1
  84. package/dist/esm-es5/wm-action-menu_2.entry.js +1 -1
  85. package/dist/esm-es5/wm-button.entry.js +1 -1
  86. package/dist/esm-es5/wm-chart-slice.entry.js +1 -1
  87. package/dist/esm-es5/wm-chart.entry.js +1 -1
  88. package/dist/esm-es5/wm-datepicker.entry.js +1 -1
  89. package/dist/esm-es5/wm-file-list.entry.js +1 -1
  90. package/dist/esm-es5/wm-file.entry.js +1 -1
  91. package/dist/esm-es5/wm-input.entry.js +1 -1
  92. package/dist/esm-es5/wm-line-chart.entry.js +1 -1
  93. package/dist/esm-es5/wm-modal-footer.entry.js +1 -1
  94. package/dist/esm-es5/wm-modal-header.entry.js +1 -1
  95. package/dist/esm-es5/wm-modal.entry.js +1 -1
  96. package/dist/esm-es5/wm-navigation_3.entry.js +1 -1
  97. package/dist/esm-es5/wm-navigator.entry.js +1 -1
  98. package/dist/esm-es5/wm-option_2.entry.js +1 -1
  99. package/dist/esm-es5/wm-pagination.entry.js +1 -1
  100. package/dist/esm-es5/wm-progress-indicator_3.entry.js +1 -1
  101. package/dist/esm-es5/wm-search.entry.js +1 -1
  102. package/dist/esm-es5/wm-snackbar.entry.js +1 -1
  103. package/dist/esm-es5/wm-tab-item_3.entry.js +1 -1
  104. package/dist/esm-es5/wm-tag-input.entry.js +1 -1
  105. package/dist/esm-es5/wm-tag-option.entry.js +1 -1
  106. package/dist/esm-es5/wm-textarea.entry.js +1 -1
  107. package/dist/esm-es5/wm-timepicker.entry.js +1 -1
  108. package/dist/esm-es5/wm-toggletip.entry.js +1 -1
  109. package/dist/esm-es5/wm-uploader.entry.js +1 -1
  110. package/dist/esm-es5/wm-wrapper.entry.js +1 -1
  111. package/dist/loader/index.d.ts +3 -0
  112. package/dist/ripple/{p-df4ab5de.system.entry.js → p-00f8637e.system.entry.js} +1 -1
  113. package/dist/ripple/{p-0a05e6d7.system.entry.js → p-06c018cf.system.entry.js} +1 -1
  114. package/dist/ripple/{p-411f0d1d.entry.js → p-0707b4c2.entry.js} +1 -1
  115. package/dist/ripple/{p-e14c3721.entry.js → p-0bb464b1.entry.js} +1 -1
  116. package/dist/ripple/{p-6f47d86c.system.entry.js → p-0d0e0a1e.system.entry.js} +1 -1
  117. package/dist/ripple/{p-9b894527.entry.js → p-0e7025db.entry.js} +1 -1
  118. package/dist/ripple/{p-d65e9846.entry.js → p-0ec1e075.entry.js} +1 -1
  119. package/dist/ripple/{p-9a977fbd.entry.js → p-0f72ed3a.entry.js} +1 -1
  120. package/dist/ripple/{p-b5729148.system.entry.js → p-186a4d76.system.entry.js} +1 -1
  121. package/dist/ripple/{p-9433f29c.entry.js → p-18c1593b.entry.js} +1 -1
  122. package/dist/ripple/{p-194c06e1.entry.js → p-19f29a48.entry.js} +1 -1
  123. package/dist/ripple/{p-85e59e6a.system.entry.js → p-1ee68e06.system.entry.js} +1 -1
  124. package/dist/ripple/{p-46584e7e.system.entry.js → p-1fcc8007.system.entry.js} +1 -1
  125. package/dist/ripple/{p-87eb2f99.system.entry.js → p-28119849.system.entry.js} +1 -1
  126. package/dist/ripple/{p-0c218ac2.system.entry.js → p-2849847d.system.entry.js} +1 -1
  127. package/dist/ripple/{p-70c459b2.entry.js → p-2f39732e.entry.js} +1 -1
  128. package/dist/ripple/{p-ac727a0a.system.entry.js → p-30ee0f5c.system.entry.js} +1 -1
  129. package/dist/ripple/{p-44f2e1a7.entry.js → p-340f96b5.entry.js} +1 -1
  130. package/dist/ripple/{p-74565577.system.entry.js → p-3639dbbc.system.entry.js} +1 -1
  131. package/dist/ripple/{p-1b8584f9.entry.js → p-3e605541.entry.js} +1 -1
  132. package/dist/ripple/{p-440571f7.system.entry.js → p-439d839b.system.entry.js} +1 -1
  133. package/dist/ripple/{p-e80009db.entry.js → p-445d6915.entry.js} +1 -1
  134. package/dist/ripple/{p-1435a717.entry.js → p-48ed56a0.entry.js} +1 -1
  135. package/dist/ripple/{p-4a8016fb.entry.js → p-49f94f8a.entry.js} +1 -1
  136. package/dist/ripple/{p-764cee74.system.js → p-4ba32e58.system.js} +1 -1
  137. package/dist/ripple/{p-0bf7cdda.system.entry.js → p-510fab1c.system.entry.js} +1 -1
  138. package/dist/ripple/p-539b7be9.system.js +2 -0
  139. package/dist/ripple/{p-7ffb6f07.entry.js → p-57694990.entry.js} +1 -1
  140. package/dist/ripple/{p-e9d29b5b.system.entry.js → p-58a286e8.system.entry.js} +1 -1
  141. package/dist/ripple/{p-ef0854e6.entry.js → p-5ff41948.entry.js} +1 -1
  142. package/dist/ripple/{p-76740c92.entry.js → p-636ca7f2.entry.js} +1 -1
  143. package/dist/ripple/{p-0bef5c1b.system.entry.js → p-66a57d81.system.entry.js} +1 -1
  144. package/dist/ripple/p-681c1853.js +1 -0
  145. package/dist/ripple/{p-7d2bd039.entry.js → p-6b71806b.entry.js} +1 -1
  146. package/dist/ripple/{p-5c4245d9.system.entry.js → p-7afa2fdc.system.entry.js} +1 -1
  147. package/dist/ripple/{p-ce492826.js → p-7c12ac23.js} +1 -1
  148. package/dist/ripple/{p-5297476b.entry.js → p-7cb98aa5.entry.js} +1 -1
  149. package/dist/ripple/{p-87c85aac.system.entry.js → p-7dbc4abc.system.entry.js} +1 -1
  150. package/dist/ripple/{p-6f61a5f1.entry.js → p-8c7b9bad.entry.js} +1 -1
  151. package/dist/ripple/p-94a54d68.system.js +1 -0
  152. package/dist/ripple/{p-b878d9c7.entry.js → p-950edf62.entry.js} +1 -1
  153. package/dist/ripple/{p-6a231093.system.entry.js → p-96f3d9e7.system.entry.js} +1 -1
  154. package/dist/ripple/{p-47441a2a.system.entry.js → p-9bda128e.system.entry.js} +1 -1
  155. package/dist/ripple/{p-eab22c94.entry.js → p-9ca027b7.entry.js} +1 -1
  156. package/dist/ripple/{p-6372934d.entry.js → p-9d4ea9f8.entry.js} +1 -1
  157. package/dist/ripple/{p-49632308.system.entry.js → p-9d8817a7.system.entry.js} +1 -1
  158. package/dist/ripple/{p-9936c43c.system.entry.js → p-a0098136.system.entry.js} +1 -1
  159. package/dist/ripple/p-a431d6e5.js +2 -0
  160. package/dist/ripple/{p-7ade6e66.system.entry.js → p-a6119885.system.entry.js} +1 -1
  161. package/dist/ripple/{p-25cf3ccb.entry.js → p-a77f2168.entry.js} +1 -1
  162. package/dist/ripple/{p-3cc9b812.entry.js → p-adfaeeea.entry.js} +1 -1
  163. package/dist/ripple/{p-66960670.system.entry.js → p-b02c0c41.system.entry.js} +1 -1
  164. package/dist/ripple/{p-1166513e.system.entry.js → p-bbb8c02f.system.entry.js} +1 -1
  165. package/dist/ripple/{p-3b9a9d73.entry.js → p-bd7e892d.entry.js} +1 -1
  166. package/dist/ripple/{p-441354a5.system.entry.js → p-c9552e88.system.entry.js} +1 -1
  167. package/dist/ripple/{p-018498a7.system.entry.js → p-cd0a862f.system.entry.js} +1 -1
  168. package/dist/ripple/{p-25e011a6.entry.js → p-d344e490.entry.js} +1 -1
  169. package/dist/ripple/{p-dabff389.system.entry.js → p-d87e105b.system.entry.js} +1 -1
  170. package/dist/ripple/{p-44d8f4b2.system.entry.js → p-e0ff556b.system.entry.js} +1 -1
  171. package/dist/ripple/{p-8edd4ce6.system.entry.js → p-e19e1ece.system.entry.js} +1 -1
  172. package/dist/ripple/{p-c53f1dcb.entry.js → p-e3d8f2f6.entry.js} +1 -1
  173. package/dist/ripple/{p-116477b7.entry.js → p-e8eef357.entry.js} +1 -1
  174. package/dist/ripple/{p-e0ca71d3.entry.js → p-eb596891.entry.js} +1 -1
  175. package/dist/ripple/{p-35627044.system.entry.js → p-ec384895.system.entry.js} +1 -1
  176. package/dist/ripple/{p-5356db9b.entry.js → p-eccb5aaf.entry.js} +1 -1
  177. package/dist/ripple/{p-567c5edd.system.entry.js → p-edcb8f48.system.entry.js} +1 -1
  178. package/dist/ripple/{p-d8f1fd76.entry.js → p-f963be6d.entry.js} +1 -1
  179. package/dist/ripple/{p-838d75c2.system.js → p-fde81b94.system.js} +1 -1
  180. package/dist/ripple/{p-d37a720b.system.entry.js → p-ff7dac66.system.entry.js} +1 -1
  181. package/dist/ripple/ripple.esm.js +1 -1
  182. package/dist/ripple/ripple.js +1 -1
  183. package/dist/types/stencil-public-runtime.d.ts +0 -2
  184. package/package.json +2 -2
  185. package/dist/collection/components/charts/chartFunctions.spec.js +0 -16
  186. package/dist/collection/components/charts/priv-chart-popover/priv-chart-popover.e2e.js +0 -81
  187. package/dist/collection/components/charts/screenshots.e2e.js +0 -96
  188. package/dist/collection/components/charts/wm-chart/wm-chart.e2e.js +0 -213
  189. package/dist/collection/components/charts/wm-chart/wm-chart.spec.js +0 -37
  190. package/dist/collection/components/charts/wm-line-chart/wm-line-chart.e2e.js +0 -176
  191. package/dist/collection/components/charts/wm-line-chart/wm-line-chart.spec.js +0 -163
  192. package/dist/collection/components/charts/wm-progress-monitor/wm-progress-monitor.e2e.js +0 -69
  193. package/dist/collection/components/charts/wm-progress-monitor/wm-progress-monitor.spec.js +0 -79
  194. package/dist/collection/components/wm-action-menu/wm-action-menu.e2e.js +0 -200
  195. package/dist/collection/components/wm-action-menu/wm-action-menu.spec.js +0 -48
  196. package/dist/collection/components/wm-button/wm-button.e2e.js +0 -55
  197. package/dist/collection/components/wm-button/wm-button.spec.js +0 -74
  198. package/dist/collection/components/wm-datepicker/priv-datepicker/priv-datepicker.spec.js +0 -76
  199. package/dist/collection/components/wm-datepicker/wm-datepicker.e2e.js +0 -382
  200. package/dist/collection/components/wm-datepicker/wm-datepicker.spec.js +0 -21
  201. package/dist/collection/components/wm-file/wm-file.spec.js +0 -194
  202. package/dist/collection/components/wm-file-list/wm-file-list.spec.js +0 -69
  203. package/dist/collection/components/wm-input/wm-input.e2e.js +0 -32
  204. package/dist/collection/components/wm-input/wm-input.spec.js +0 -173
  205. package/dist/collection/components/wm-menuitem/wm-menuitem.e2e.js +0 -23
  206. package/dist/collection/components/wm-menuitem/wm-menuitem.spec.js +0 -54
  207. package/dist/collection/components/wm-modal/wm-modal-footer.spec.js +0 -11
  208. package/dist/collection/components/wm-modal/wm-modal-header.spec.js +0 -8
  209. package/dist/collection/components/wm-modal/wm-modal.e2e.js +0 -104
  210. package/dist/collection/components/wm-modal/wm-modal.spec.js +0 -30
  211. package/dist/collection/components/wm-navigation/wm-navigation.e2e.js +0 -102
  212. package/dist/collection/components/wm-navigation/wm-navigation.spec.js +0 -91
  213. package/dist/collection/components/wm-navigator/priv-navigator-button/priv-navigator-button.e2e.js +0 -50
  214. package/dist/collection/components/wm-navigator/wm-navigator.e2e.js +0 -209
  215. package/dist/collection/components/wm-navigator/wm-navigator.spec.js +0 -177
  216. package/dist/collection/components/wm-option/wm-option.e2e.js +0 -22
  217. package/dist/collection/components/wm-option/wm-option.spec.js +0 -63
  218. package/dist/collection/components/wm-pagination/wm-pagination.e2e.js +0 -312
  219. package/dist/collection/components/wm-search/wm-search.e2e.js +0 -76
  220. package/dist/collection/components/wm-search/wm-search.spec.js +0 -71
  221. package/dist/collection/components/wm-select/wm-select.e2e.js +0 -521
  222. package/dist/collection/components/wm-select/wm-select.spec.js +0 -271
  223. package/dist/collection/components/wm-snackbar/wm-snackbar.e2e.js +0 -112
  224. package/dist/collection/components/wm-snackbar/wm-snackbar.spec.js +0 -9
  225. package/dist/collection/components/wm-tabs/wm-tabs.e2e.js +0 -91
  226. package/dist/collection/components/wm-tabs/wm-tabs.spec.js +0 -12
  227. package/dist/collection/components/wm-tag-input/wm-tag-input.e2e.js +0 -204
  228. package/dist/collection/components/wm-tag-input/wm-tag-input.spec.js +0 -195
  229. package/dist/collection/components/wm-textarea/wm-textarea.e2e.js +0 -41
  230. package/dist/collection/components/wm-textarea/wm-textarea.spec.js +0 -79
  231. package/dist/collection/components/wm-timepicker/wm-timepicker.e2e.js +0 -163
  232. package/dist/collection/components/wm-timepicker/wm-timepicker.spec.js +0 -147
  233. package/dist/collection/components/wm-toggletip/wm-toggletip.e2e.js +0 -69
  234. package/dist/collection/components/wm-toggletip/wm-toggletip.spec.js +0 -21
  235. package/dist/collection/components/wm-uploader/wm-uploader.e2e.js +0 -70
  236. package/dist/collection/components/wm-uploader/wm-uploader.spec.js +0 -234
  237. package/dist/collection/global/functions.spec.js +0 -126
  238. package/dist/collection/lang/lang.spec.js +0 -20
  239. package/dist/esm-es5/chartFunctions-e43ec877.js +0 -1
  240. package/dist/esm-es5/index-5815b978.js +0 -1
  241. package/dist/ripple/p-1eb84629.system.js +0 -2
  242. package/dist/ripple/p-7bf00a52.js +0 -2
  243. package/dist/ripple/p-9bf31e42.js +0 -1
  244. package/dist/ripple/p-aa41cf09.system.js +0 -1
@@ -1 +1 @@
1
- var __awaiter=this&&this.__awaiter||function(t,o,e,i){function n(t){return t instanceof e?t:new e((function(o){o(t)}))}return new(e||(e=Promise))((function(e,r){function a(t){try{c(i.next(t))}catch(t){r(t)}}function s(t){try{c(i["throw"](t))}catch(t){r(t)}}function c(t){t.done?e(t.value):n(t.value).then(a,s)}c((i=i.apply(t,o||[])).next())}))};var __generator=this&&this.__generator||function(t,o){var e={label:0,sent:function(){if(r[0]&1)throw r[1];return r[1]},trys:[],ops:[]},i,n,r,a;return a={next:s(0),throw:s(1),return:s(2)},typeof Symbol==="function"&&(a[Symbol.iterator]=function(){return this}),a;function s(t){return function(o){return c([t,o])}}function c(s){if(i)throw new TypeError("Generator is already executing.");while(a&&(a=0,s[0]&&(e=0)),e)try{if(i=1,n&&(r=s[0]&2?n["return"]:s[0]?n["throw"]||((r=n["return"])&&r.call(n),0):n.next)&&!(r=r.call(n,s[1])).done)return r;if(n=0,r)s=[s[0]&2,r.value];switch(s[0]){case 0:case 1:r=s;break;case 4:e.label++;return{value:s[1],done:false};case 5:e.label++;n=s[1];s=[0];continue;case 7:s=e.ops.pop();e.trys.pop();continue;default:if(!(r=e.trys,r=r.length>0&&r[r.length-1])&&(s[0]===6||s[0]===2)){e=0;continue}if(s[0]===3&&(!r||s[1]>r[0]&&s[1]<r[3])){e.label=s[1];break}if(s[0]===6&&e.label<r[1]){e.label=r[1];r=s;break}if(r&&e.label<r[2]){e.label=r[2];e.ops.push(s);break}if(r[2])e.ops.pop();e.trys.pop();continue}s=o.call(t,e)}catch(t){s=[6,t];n=0}finally{i=r=0}if(s[0]&5)throw s[1];return{value:s[0]?s[1]:void 0,done:true}}};System.register(["./p-1eb84629.system.js","./p-4c3f4047.system.js"],(function(t){"use strict";var o,e,i,n,r,a,s,c;return{setters:[function(t){o=t.r;e=t.c;i=t.h;n=t.H;r=t.g},function(t){a=t.d;s=t.D;c=t.i}],execute:function(){var p="priv-chart-popover{--wmcolor-chart-popover-link-background:var(--wmcolor-background-transparent);--wmcolor-chart-popover-link-text-focus:var(--wmcolor-interactive-focus);--wmcolor-chart-popover-link-text:var(--wmcolor-button-text-textonly);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(--wmcolor-chart-popover-background);font-size:0.875rem;text-align:left}priv-chart-popover.user-is-tabbing .button-text{outline:3px solid var(--wmcolor-interactive-focus);outline-offset:2px}.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(--wmcolor-chart-label-text-positive)}.popover .title.negative{color:var(--wmcolor-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(--wmcolor-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(--wmcolor-chart-popover-link-text);line-height:normal}.popover .popover-button .button-text{display:inline-block}.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}";var h=p;var u=t("priv_chart_popover",function(){function t(t){var i=this;o(this,t);this.wmChartPopoverButtonTriggered=e(this,"wmChartPopoverButtonTriggered",7);this.wmProgressIndicatorButtonTriggered=e(this,"wmProgressIndicatorButtonTriggered",7);this.intChartPopoverOpenChanged=e(this,"intChartPopoverOpenChanged",7);this.chartEl=this.el.parentElement.getRootNode().host;this.popoverWidth=168;this.popoverClicked=false;this.debouncedClosePopover=a((function(){return __awaiter(i,void 0,void 0,(function(){return __generator(this,(function(t){this.open=false;return[2]}))}))}),10);this.open=false;this.sliceDetails=undefined}Object.defineProperty(t.prototype,"eventToEmit",{get:function(){return this.chartEl.nodeName==="WM-CHART"?this.wmChartPopoverButtonTriggered:this.wmProgressIndicatorButtonTriggered},enumerable:false,configurable:true});t.prototype.handleClickOnDocument=function(){this.open=this.popoverClicked;this.popoverClicked=false};t.prototype.handleClick=function(t){var o=false;if(this.btnEl){o=t.target===this.btnEl||this.btnEl.contains(t.target)}this.popoverClicked=!o&&(t.target===this.el||this.el.contains(t.target))};t.prototype.componentDidLoad=function(){var t=this;document.addEventListener("scroll",(function(){t.debouncedClosePopover()}));var o=s(this.chartEl);if(!!o){o.addEventListener("scroll",(function(){t.debouncedClosePopover()}))}};t.prototype.handleOpenChange=function(){this.intChartPopoverOpenChanged.emit(this.open)};t.prototype.handleDetailsChange=function(){if(this.sliceDetails&&this.sliceDetails.coords){this.positionPopover()}};t.prototype.updateHighlightedInfo=function(){};t.prototype.handleButtonClick=function(){if(this.sliceDetails){var t=this.sliceDetails.sliceRef;t.click();this.eventToEmit.emit(t)}this.open=false};t.prototype.renderLiveRegion=function(){if(this.liveRegion){this.liveRegion.innerHTML="";var t=document.createElement("div");var o=document.createElement("span");o.innerHTML=this.sliceDetails.title+" "||"";t.appendChild(o);var e=document.createElement("span");e.innerHTML=this.sliceDetails.text+" "||"";t.appendChild(e);if(this.sliceDetails.buttonText){var i=document.createElement("span");i.innerHTML=this.sliceDetails.buttonText+" "+c.formatMessage({id:"chart.infoButton",defaultMessage:"Button. Click for more information."});t.appendChild(i)}this.liveRegion.appendChild(t)}};t.prototype.positionPopover=function(){this.el.style.top=this.sliceDetails.coords.y+"px";if(window.innerWidth-this.sliceDetails.coords.x>=this.popoverWidth+10){this.el.style.left=this.sliceDetails.coords.x+"px"}else{this.el.style.left=this.sliceDetails.coords.x-this.popoverWidth+"px"}};t.prototype.render=function(){var t=this;var o=this.sliceDetails&&this.sliceDetails.title&&(this.sliceDetails.title[0]==="-"?"negative":this.sliceDetails.title[0]==="+"?"positive":"");return i(n,{key:"081d480be4745b75f2d493b18e4ca441b09c122c"},!!this.open&&this.sliceDetails?i("div",{"aria-hidden":"true",class:"popover"},i("h1",{class:"title ".concat(o)},this.sliceDetails.title),i("p",{class:"text"},this.sliceDetails.text),this.sliceDetails.buttonText?i("button",{tabindex:"-1",focusable:"false",ref:function(o){return t.btnEl=o},class:"popover-button",onClick:function(){return t.handleButtonClick()}},i("svg",{class:"btn-icon",height:"9",width:"9"},i("path",{fill:"#575195",d:"M0 3.38v2.25h9V3.38H0zM0 0v2.25h4.5V0H0zm6.19 6.75H0V9h6.19V6.75z"})),i("span",{class:"button-text"},this.sliceDetails.buttonText)):""):"",i("div",{key:"49fb8cc5426492f5dc4ea3788ae4025d09124b08",ref:function(o){return t.liveRegion=o},class:"live-region sr-only","aria-live":"polite","aria-atomic":"true"},this.open&&this.renderLiveRegion()))};Object.defineProperty(t.prototype,"el",{get:function(){return r(this)},enumerable:false,configurable:true});Object.defineProperty(t,"watchers",{get:function(){return{open:["handleOpenChange"],sliceDetails:["handleDetailsChange"]}},enumerable:false,configurable:true});return t}());u.style=h}}}));
1
+ var __awaiter=this&&this.__awaiter||function(t,o,e,i){function n(t){return t instanceof e?t:new e((function(o){o(t)}))}return new(e||(e=Promise))((function(e,r){function a(t){try{c(i.next(t))}catch(t){r(t)}}function s(t){try{c(i["throw"](t))}catch(t){r(t)}}function c(t){t.done?e(t.value):n(t.value).then(a,s)}c((i=i.apply(t,o||[])).next())}))};var __generator=this&&this.__generator||function(t,o){var e={label:0,sent:function(){if(r[0]&1)throw r[1];return r[1]},trys:[],ops:[]},i,n,r,a;return a={next:s(0),throw:s(1),return:s(2)},typeof Symbol==="function"&&(a[Symbol.iterator]=function(){return this}),a;function s(t){return function(o){return c([t,o])}}function c(s){if(i)throw new TypeError("Generator is already executing.");while(a&&(a=0,s[0]&&(e=0)),e)try{if(i=1,n&&(r=s[0]&2?n["return"]:s[0]?n["throw"]||((r=n["return"])&&r.call(n),0):n.next)&&!(r=r.call(n,s[1])).done)return r;if(n=0,r)s=[s[0]&2,r.value];switch(s[0]){case 0:case 1:r=s;break;case 4:e.label++;return{value:s[1],done:false};case 5:e.label++;n=s[1];s=[0];continue;case 7:s=e.ops.pop();e.trys.pop();continue;default:if(!(r=e.trys,r=r.length>0&&r[r.length-1])&&(s[0]===6||s[0]===2)){e=0;continue}if(s[0]===3&&(!r||s[1]>r[0]&&s[1]<r[3])){e.label=s[1];break}if(s[0]===6&&e.label<r[1]){e.label=r[1];r=s;break}if(r&&e.label<r[2]){e.label=r[2];e.ops.push(s);break}if(r[2])e.ops.pop();e.trys.pop();continue}s=o.call(t,e)}catch(t){s=[6,t];n=0}finally{i=r=0}if(s[0]&5)throw s[1];return{value:s[0]?s[1]:void 0,done:true}}};System.register(["./p-539b7be9.system.js","./p-4c3f4047.system.js"],(function(t){"use strict";var o,e,i,n,r,a,s,c;return{setters:[function(t){o=t.r;e=t.c;i=t.h;n=t.H;r=t.g},function(t){a=t.d;s=t.D;c=t.i}],execute:function(){var p="priv-chart-popover{--wmcolor-chart-popover-link-background:var(--wmcolor-background-transparent);--wmcolor-chart-popover-link-text-focus:var(--wmcolor-interactive-focus);--wmcolor-chart-popover-link-text:var(--wmcolor-button-text-textonly);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(--wmcolor-chart-popover-background);font-size:0.875rem;text-align:left}priv-chart-popover.user-is-tabbing .button-text{outline:3px solid var(--wmcolor-interactive-focus);outline-offset:2px}.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(--wmcolor-chart-label-text-positive)}.popover .title.negative{color:var(--wmcolor-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(--wmcolor-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(--wmcolor-chart-popover-link-text);line-height:normal}.popover .popover-button .button-text{display:inline-block}.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}";var h=p;var u=t("priv_chart_popover",function(){function t(t){var i=this;o(this,t);this.wmChartPopoverButtonTriggered=e(this,"wmChartPopoverButtonTriggered",7);this.wmProgressIndicatorButtonTriggered=e(this,"wmProgressIndicatorButtonTriggered",7);this.intChartPopoverOpenChanged=e(this,"intChartPopoverOpenChanged",7);this.chartEl=this.el.parentElement.getRootNode().host;this.popoverWidth=168;this.popoverClicked=false;this.debouncedClosePopover=a((function(){return __awaiter(i,void 0,void 0,(function(){return __generator(this,(function(t){this.open=false;return[2]}))}))}),10);this.open=false;this.sliceDetails=undefined}Object.defineProperty(t.prototype,"eventToEmit",{get:function(){return this.chartEl.nodeName==="WM-CHART"?this.wmChartPopoverButtonTriggered:this.wmProgressIndicatorButtonTriggered},enumerable:false,configurable:true});t.prototype.handleClickOnDocument=function(){this.open=this.popoverClicked;this.popoverClicked=false};t.prototype.handleClick=function(t){var o=false;if(this.btnEl){o=t.target===this.btnEl||this.btnEl.contains(t.target)}this.popoverClicked=!o&&(t.target===this.el||this.el.contains(t.target))};t.prototype.componentDidLoad=function(){var t=this;document.addEventListener("scroll",(function(){t.debouncedClosePopover()}));var o=s(this.chartEl);if(!!o){o.addEventListener("scroll",(function(){t.debouncedClosePopover()}))}};t.prototype.handleOpenChange=function(){this.intChartPopoverOpenChanged.emit(this.open)};t.prototype.handleDetailsChange=function(){if(this.sliceDetails&&this.sliceDetails.coords){this.positionPopover()}};t.prototype.updateHighlightedInfo=function(){};t.prototype.handleButtonClick=function(){if(this.sliceDetails){var t=this.sliceDetails.sliceRef;t.click();this.eventToEmit.emit(t)}this.open=false};t.prototype.renderLiveRegion=function(){if(this.liveRegion){this.liveRegion.innerHTML="";var t=document.createElement("div");var o=document.createElement("span");o.innerHTML=this.sliceDetails.title+" "||"";t.appendChild(o);var e=document.createElement("span");e.innerHTML=this.sliceDetails.text+" "||"";t.appendChild(e);if(this.sliceDetails.buttonText){var i=document.createElement("span");i.innerHTML=this.sliceDetails.buttonText+" "+c.formatMessage({id:"chart.infoButton",defaultMessage:"Button. Click for more information."});t.appendChild(i)}this.liveRegion.appendChild(t)}};t.prototype.positionPopover=function(){this.el.style.top=this.sliceDetails.coords.y+"px";if(window.innerWidth-this.sliceDetails.coords.x>=this.popoverWidth+10){this.el.style.left=this.sliceDetails.coords.x+"px"}else{this.el.style.left=this.sliceDetails.coords.x-this.popoverWidth+"px"}};t.prototype.render=function(){var t=this;var o=this.sliceDetails&&this.sliceDetails.title&&(this.sliceDetails.title[0]==="-"?"negative":this.sliceDetails.title[0]==="+"?"positive":"");return i(n,{key:"081d480be4745b75f2d493b18e4ca441b09c122c"},!!this.open&&this.sliceDetails?i("div",{"aria-hidden":"true",class:"popover"},i("h1",{class:"title ".concat(o)},this.sliceDetails.title),i("p",{class:"text"},this.sliceDetails.text),this.sliceDetails.buttonText?i("button",{tabindex:"-1",focusable:"false",ref:function(o){return t.btnEl=o},class:"popover-button",onClick:function(){return t.handleButtonClick()}},i("svg",{class:"btn-icon",height:"9",width:"9"},i("path",{fill:"#575195",d:"M0 3.38v2.25h9V3.38H0zM0 0v2.25h4.5V0H0zm6.19 6.75H0V9h6.19V6.75z"})),i("span",{class:"button-text"},this.sliceDetails.buttonText)):""):"",i("div",{key:"49fb8cc5426492f5dc4ea3788ae4025d09124b08",ref:function(o){return t.liveRegion=o},class:"live-region sr-only","aria-live":"polite","aria-atomic":"true"},this.open&&this.renderLiveRegion()))};Object.defineProperty(t.prototype,"el",{get:function(){return r(this)},enumerable:false,configurable:true});Object.defineProperty(t,"watchers",{get:function(){return{open:["handleOpenChange"],sliceDetails:["handleDetailsChange"]}},enumerable:false,configurable:true});return t}());u.style=h}}}));
@@ -0,0 +1,2 @@
1
+ var __extends=this&&this.__extends||function(){var r=function(e,n){r=Object.setPrototypeOf||{__proto__:[]}instanceof Array&&function(r,e){r.__proto__=e}||function(r,e){for(var n in e)if(Object.prototype.hasOwnProperty.call(e,n))r[n]=e[n]};return r(e,n)};return function(e,n){if(typeof n!=="function"&&n!==null)throw new TypeError("Class extends value "+String(n)+" is not a constructor or null");r(e,n);function t(){this.constructor=e}e.prototype=n===null?Object.create(n):(t.prototype=n.prototype,new t)}}();var __awaiter=this&&this.__awaiter||function(r,e,n,t){function i(r){return r instanceof n?r:new n((function(e){e(r)}))}return new(n||(n=Promise))((function(n,a){function u(r){try{o(t.next(r))}catch(r){a(r)}}function f(r){try{o(t["throw"](r))}catch(r){a(r)}}function o(r){r.done?n(r.value):i(r.value).then(u,f)}o((t=t.apply(r,e||[])).next())}))};var __generator=this&&this.__generator||function(r,e){var n={label:0,sent:function(){if(a[0]&1)throw a[1];return a[1]},trys:[],ops:[]},t,i,a,u;return u={next:f(0),throw:f(1),return:f(2)},typeof Symbol==="function"&&(u[Symbol.iterator]=function(){return this}),u;function f(r){return function(e){return o([r,e])}}function o(f){if(t)throw new TypeError("Generator is already executing.");while(u&&(u=0,f[0]&&(n=0)),n)try{if(t=1,i&&(a=f[0]&2?i["return"]:f[0]?i["throw"]||((a=i["return"])&&a.call(i),0):i.next)&&!(a=a.call(i,f[1])).done)return a;if(i=0,a)f=[f[0]&2,a.value];switch(f[0]){case 0:case 1:a=f;break;case 4:n.label++;return{value:f[1],done:false};case 5:n.label++;i=f[1];f=[0];continue;case 7:f=n.ops.pop();n.trys.pop();continue;default:if(!(a=n.trys,a=a.length>0&&a[a.length-1])&&(f[0]===6||f[0]===2)){n=0;continue}if(f[0]===3&&(!a||f[1]>a[0]&&f[1]<a[3])){n.label=f[1];break}if(f[0]===6&&n.label<a[1]){n.label=a[1];a=f;break}if(a&&n.label<a[2]){n.label=a[2];n.ops.push(f);break}if(a[2])n.ops.pop();n.trys.pop();continue}f=e.call(r,n)}catch(r){f=[6,r];i=0}finally{t=a=0}if(f[0]&5)throw f[1];return{value:f[0]?f[1]:void 0,done:true}}};var __spreadArray=this&&this.__spreadArray||function(r,e,n){if(n||arguments.length===2)for(var t=0,i=e.length,a;t<i;t++){if(a||!(t in e)){if(!a)a=Array.prototype.slice.call(e,0,t);a[t]=e[t]}}return r.concat(a||Array.prototype.slice.call(e))};System.register([],(function(r,e){"use strict";return{execute:function(){var n=this;var t="ripple";var i={allRenderFn:false,appendChildSlotFix:false,asyncLoading:true,asyncQueue:false,attachStyles:true,cloneNodeFix:false,cmpDidLoad:true,cmpDidRender:true,cmpDidUnload:false,cmpDidUpdate:true,cmpShouldUpdate:false,cmpWillLoad:true,cmpWillRender:false,cmpWillUpdate:true,connectedCallback:false,constructableCSS:true,cssAnnotations:true,devTools:false,disconnectedCallback:false,element:false,event:true,experimentalScopedSlotChanges:false,experimentalSlotFixes:false,formAssociated:false,hasRenderFn:true,hostListener:true,hostListenerTarget:true,hostListenerTargetBody:false,hostListenerTargetDocument:true,hostListenerTargetParent:false,hostListenerTargetWindow:true,hotModuleReplacement:false,hydrateClientSide:false,hydrateServerSide:false,hydratedAttribute:false,hydratedClass:true,hydratedSelectorName:"hydrated",initializeNextTick:false,invisiblePrehydration:true,isDebug:false,isDev:false,isTesting:false,lazyLoad:true,lifecycle:true,lifecycleDOMEvents:false,member:true,method:true,mode:false,observeAttribute:true,profile:false,prop:true,propBoolean:true,propMutable:true,propNumber:true,propString:true,reflect:true,scoped:false,scopedSlotTextContentFix:false,scriptDataOpts:false,shadowDelegatesFocus:true,shadowDom:true,slot:true,slotChildNodesFix:false,slotRelocation:true,state:true,style:true,svg:true,taskQueue:true,transformTagName:false,updatable:true,vdomAttribute:true,vdomClass:true,vdomFunctional:false,vdomKey:true,vdomListener:true,vdomPropOrAttr:true,vdomRef:true,vdomRender:true,vdomStyle:true,vdomText:true,vdomXlink:true,watchCallback:true};var a=Object.defineProperty;var u=function(r,e){for(var n in e)a(r,n,{get:e[n],enumerable:true})};var f=new WeakMap;var o=function(r){return f.get(r)};var l=r("r",(function(r,e){return f.set(e.t=r,e)}));var v=function(r,e){var n={i:0,$hostElement$:r,u:e,o:new Map};{n.l=new Promise((function(r){return n.v=r}))}{n.h=new Promise((function(r){return n.p=r}));r["s-p"]=[];r["s-rc"]=[]}return f.set(r,n)};var s=function(r,e){return e in r};var c=function(r,e){return(0,console.error)(r,e)};var d=new Map;var h=function(r,n,t){var i=r.m.replace(/-/g,"_");var a=r.S;if(!a){return void 0}var u=d.get(a);if(u){return u[i]}
2
+ /*!__STENCIL_STATIC_IMPORT_SWITCH__*/return e.import("./".concat(a,".entry.js").concat("")).then((function(r){{d.set(a,r)}return r[i]}),c)};var p=new Map;var m="{visibility:hidden}.hydrated{visibility:inherit}";var y="slot-fb{display:contents}slot-fb[hidden]{display:none}";var w="http://www.w3.org/1999/xlink";var b=typeof window!=="undefined"?window:{};var g=b.document||{head:{}};var S={i:0,$:"",jmp:function(r){return r()},raf:function(r){return requestAnimationFrame(r)},ael:function(r,e,n,t){return r.addEventListener(e,n,t)},rel:function(r,e,n,t){return r.removeEventListener(e,n,t)},ce:function(r,e){return new CustomEvent(r,e)}};var $=function(){var r=false;try{g.addEventListener("e",null,Object.defineProperty({},"passive",{get:function(){r=true}}))}catch(r){}return r}();var _=r("p",(function(r){return Promise.resolve(r)}));var k=function(){try{new CSSStyleSheet;return typeof(new CSSStyleSheet).replaceSync==="function"}catch(r){}return false}();var j=false;var x=[];var O=[];var A=function(r,e){return function(n){r.push(n);if(!j){j=true;if(e&&S.i&4){D(T)}else{S.raf(T)}}}};var C=function(r){for(var e=0;e<r.length;e++){try{r[e](performance.now())}catch(r){c(r)}}r.length=0};var T=function(){C(x);{C(O);if(j=x.length>0){S.raf(T)}}};var D=function(r){return _().then(r)};var E=A(O,true);var L={};var R="http://www.w3.org/2000/svg";var F="http://www.w3.org/1999/xhtml";var M=function(r){return r!=null};var P=function(r){r=typeof r;return r==="object"||r==="function"};function U(r){var e,n,t;return(t=(n=(e=r.head)==null?void 0:e.querySelector('meta[name="csp-nonce"]'))==null?void 0:n.getAttribute("content"))!=null?t:void 0}var N={};u(N,{err:function(){return H},map:function(){return z},ok:function(){return W},unwrap:function(){return B},unwrapErr:function(){return G}});var W=function(r){return{isOk:true,isErr:false,value:r}};var H=function(r){return{isOk:false,isErr:true,value:r}};function z(r,e){if(r.isOk){var n=e(r.value);if(n instanceof Promise){return n.then((function(r){return W(r)}))}else{return W(n)}}if(r.isErr){var t=r.value;return H(t)}throw"should never get here"}var B=function(r){if(r.isOk){return r.value}else{throw r.value}};var G=function(r){if(r.isErr){return r.value}else{throw r.value}};var I=function(r,e){if(e===void 0){e=""}{return function(){return}}};var Q=function(r,e){{return function(){return}}};var q=r("h",(function(r,e){var n=[];for(var t=2;t<arguments.length;t++){n[t-2]=arguments[t]}var i=null;var a=null;var u=null;var f=false;var o=false;var l=[];var v=function(e){for(var n=0;n<e.length;n++){i=e[n];if(Array.isArray(i)){v(i)}else if(i!=null&&typeof i!=="boolean"){if(f=typeof r!=="function"&&!P(i)){i=String(i)}if(f&&o){l[l.length-1]._+=i}else{l.push(f?K(null,i):i)}o=f}}};v(n);if(e){if(e.key){a=e.key}if(e.name){u=e.name}{var s=e.className||e.class;if(s){e.class=typeof s!=="object"?s:Object.keys(s).filter((function(r){return s[r]})).join(" ")}}}var c=K(r,null);c.k=e;if(l.length>0){c.j=l}{c.O=a}{c.A=u}return c}));var K=function(r,e){var n={i:0,C:r,_:e,T:null,j:null};{n.k=null}{n.O=null}{n.A=null}return n};var V=r("H",{});var X=function(r){return r&&r.C===V};var J=function(r,e){if(r!=null&&!P(r)){if(e&4){return r==="false"?false:r===""||!!r}if(e&2){return parseFloat(r)}if(e&1){return String(r)}return r}return r};var Y=r("g",(function(r){return o(r).$hostElement$}));var Z=r("c",(function(r,e,n){var t=Y(r);return{emit:function(r){return rr(t,e,{bubbles:!!(n&4),composed:!!(n&2),cancelable:!!(n&1),detail:r})}}}));var rr=function(r,e,n){var t=S.ce(e,n);r.dispatchEvent(t);return t};var er=new WeakMap;var nr=function(r,e,n){var t=p.get(r);if(k&&n){t=t||new CSSStyleSheet;if(typeof t==="string"){t=e}else{t.replaceSync(e)}}else{t=e}p.set(r,t)};var tr=function(r,e,n){var t;var i=ar(e);var a=p.get(i);r=r.nodeType===11?r:g;if(a){if(typeof a==="string"){r=r.head||r;var u=er.get(r);var f=void 0;if(!u){er.set(r,u=new Set)}if(!u.has(i)){{f=g.createElement("style");f.innerHTML=a;var o=(t=S.D)!=null?t:U(g);if(o!=null){f.setAttribute("nonce",o)}var l=!(e.i&1)||e.i&1&&r.nodeName!=="HEAD";if(l){r.insertBefore(f,r.querySelector("link"))}}if(e.i&4){f.innerHTML+=y}if(u){u.add(i)}}}else if(!r.adoptedStyleSheets.includes(a)){r.adoptedStyleSheets=__spreadArray(__spreadArray([],r.adoptedStyleSheets,true),[a],false)}}return i};var ir=function(r){var e=r.u;var n=r.$hostElement$;var t=e.i;var i=I("attachStyles",e.m);var a=tr(n.shadowRoot?n.shadowRoot:n.getRootNode(),e);if(t&10&&t&2){n["s-sc"]=a;n.classList.add(a+"-h")}i()};var ar=function(r,e){return"sc-"+r.m};var ur=function(r,e,n,t,i,a){if(n!==t){var u=s(r,e);var f=e.toLowerCase();if(e==="class"){var o=r.classList;var l=or(n);var v=or(t);o.remove.apply(o,l.filter((function(r){return r&&!v.includes(r)})));o.add.apply(o,v.filter((function(r){return r&&!l.includes(r)})))}else if(e==="style"){{for(var c in n){if(!t||t[c]==null){if(c.includes("-")){r.style.removeProperty(c)}else{r.style[c]=""}}}}for(var c in t){if(!n||t[c]!==n[c]){if(c.includes("-")){r.style.setProperty(c,t[c])}else{r.style[c]=t[c]}}}}else if(e==="key");else if(e==="ref"){if(t){t(r)}}else if(!u&&e[0]==="o"&&e[1]==="n"){if(e[2]==="-"){e=e.slice(3)}else if(s(b,f)){e=f.slice(2)}else{e=f[2]+e.slice(3)}if(n||t){var d=e.endsWith(lr);e=e.replace(vr,"");if(n){S.rel(r,e,n,d)}if(t){S.ael(r,e,t,d)}}}else{var h=P(t);if((u||h&&t!==null)&&!i){try{if(!r.tagName.includes("-")){var p=t==null?"":t;if(e==="list"){u=false}else if(n==null||r[e]!=p){r[e]=p}}else{r[e]=t}}catch(r){}}var m=false;{if(f!==(f=f.replace(/^xlink\:?/,""))){e=f;m=true}}if(t==null||t===false){if(t!==false||r.getAttribute(e)===""){if(m){r.removeAttributeNS(w,e)}else{r.removeAttribute(e)}}}else if((!u||a&4||i)&&!h){t=t===true?"":t;if(m){r.setAttributeNS(w,e,t)}else{r.setAttribute(e,t)}}}}};var fr=/\s/;var or=function(r){return!r?[]:r.split(fr)};var lr="Capture";var vr=new RegExp(lr+"$");var sr=function(r,e,n){var t=e.T.nodeType===11&&e.T.host?e.T.host:e.T;var i=r&&r.k||L;var a=e.k||L;{for(var u=0,f=cr(Object.keys(i));u<f.length;u++){var o=f[u];if(!(o in a)){ur(t,o,i[o],void 0,n,e.i)}}}for(var l=0,v=cr(Object.keys(a));l<v.length;l++){var o=v[l];ur(t,o,i[o],a[o],n,e.i)}};function cr(r){return r.includes("ref")?__spreadArray(__spreadArray([],r.filter((function(r){return r!=="ref"})),true),["ref"],false):r}var dr;var hr;var pr;var mr=false;var yr=false;var wr=false;var br=false;var gr=function(r,e,n,t){var a;var u=e.j[n];var f=0;var o;var l;var v;if(!mr){wr=true;if(u.C==="slot"){if(dr){t.classList.add(dr+"-s")}u.i|=u.j?2:1}}if(u._!==null){o=u.T=g.createTextNode(u._)}else if(u.i&1){o=u.T=g.createTextNode("")}else{if(!br){br=u.C==="svg"}o=u.T=g.createElementNS(br?R:F,!mr&&i.slotRelocation&&u.i&2?"slot-fb":u.C);if(br&&u.C==="foreignObject"){br=false}{sr(null,u,br)}var s=o.getRootNode();var c=!s.querySelector("body");if(!c&&i.scoped&&M(dr)&&o["s-si"]!==dr){o.classList.add(o["s-si"]=dr)}if(u.j){for(f=0;f<u.j.length;++f){l=gr(r,u,f,o);if(l){o.appendChild(l)}}}{if(u.C==="svg"){br=false}else if(o.tagName==="foreignObject"){br=true}}}o["s-hn"]=pr;{if(u.i&(2|1)){o["s-sr"]=true;o["s-cr"]=hr;o["s-sn"]=u.A||"";o["s-rf"]=(a=u.k)==null?void 0:a.ref;v=r&&r.j&&r.j[n];if(v&&v.C===u.C&&r.T){{Sr(r.T,false)}}}}return o};var Sr=function(r,e){S.i|=1;var n=Array.from(r.childNodes);if(r["s-sr"]&&i.experimentalSlotFixes){var t=r;while(t=t.nextSibling){if(t&&t["s-sn"]===r["s-sn"]&&t["s-sh"]===pr){n.push(t)}}}for(var a=n.length-1;a>=0;a--){var u=n[a];if(u["s-hn"]!==pr&&u["s-ol"]){Rr(Or(u),u,xr(u));u["s-ol"].remove();u["s-ol"]=void 0;u["s-sh"]=void 0;wr=true}if(e){Sr(u,e)}}S.i&=~1};var $r=function(r,e,n,t,i,a){var u=r["s-cr"]&&r["s-cr"].parentNode||r;var f;if(u.shadowRoot&&u.tagName===pr){u=u.shadowRoot}for(;i<=a;++i){if(t[i]){f=gr(null,n,i,r);if(f){t[i].T=f;Rr(u,f,xr(e))}}}};var _r=function(r,e,n){for(var t=e;t<=n;++t){var i=r[t];if(i){var a=i.T;Lr(i);if(a){{yr=true;if(a["s-ol"]){a["s-ol"].remove()}else{Sr(a,true)}}a.remove()}}}};var kr=function(r,e,n,t,i){if(i===void 0){i=false}var a=0;var u=0;var f=0;var o=0;var l=e.length-1;var v=e[0];var s=e[l];var c=t.length-1;var d=t[0];var h=t[c];var p;var m;while(a<=l&&u<=c){if(v==null){v=e[++a]}else if(s==null){s=e[--l]}else if(d==null){d=t[++u]}else if(h==null){h=t[--c]}else if(jr(v,d,i)){Ar(v,d,i);v=e[++a];d=t[++u]}else if(jr(s,h,i)){Ar(s,h,i);s=e[--l];h=t[--c]}else if(jr(v,h,i)){if(v.C==="slot"||h.C==="slot"){Sr(v.T.parentNode,false)}Ar(v,h,i);Rr(r,v.T,s.T.nextSibling);v=e[++a];h=t[--c]}else if(jr(s,d,i)){if(v.C==="slot"||h.C==="slot"){Sr(s.T.parentNode,false)}Ar(s,d,i);Rr(r,s.T,v.T);s=e[--l];d=t[++u]}else{f=-1;{for(o=a;o<=l;++o){if(e[o]&&e[o].O!==null&&e[o].O===d.O){f=o;break}}}if(f>=0){m=e[f];if(m.C!==d.C){p=gr(e&&e[u],n,f,r)}else{Ar(m,d,i);e[f]=void 0;p=m.T}d=t[++u]}else{p=gr(e&&e[u],n,u,r);d=t[++u]}if(p){{Rr(Or(v.T),p,xr(v.T))}}}}if(a>l){$r(r,t[c+1]==null?null:t[c+1].T,n,t,u,c)}else if(u>c){_r(e,a,l)}};var jr=function(r,e,n){if(n===void 0){n=false}if(r.C===e.C){if(r.C==="slot"){if("L"in r&&n&&r.T.nodeType!==8){return false}return r.A===e.A}if(!n){return r.O===e.O}return true}return false};var xr=function(r){return r&&r["s-ol"]||r};var Or=function(r){return(r["s-ol"]?r["s-ol"]:r).parentNode};var Ar=function(r,e,n){if(n===void 0){n=false}var t=e.T=r.T;var a=r.j;var u=e.j;var f=e.C;var o=e._;var l;if(o===null){{br=f==="svg"?true:f==="foreignObject"?false:br}{if(f==="slot"&&!mr);else{sr(r,e,br)}}if(a!==null&&u!==null){kr(t,a,e,u,n)}else if(u!==null){if(r._!==null){t.textContent=""}$r(t,null,e,u,0,u.length-1)}else if(!n&&i.updatable&&a!==null){_r(a,0,a.length-1)}if(br&&f==="svg"){br=false}}else if(l=t["s-cr"]){l.parentNode.textContent=o}else if(r._!==o){t.data=o}};var Cr=function(r){var e=r.childNodes;for(var n=0,t=e;n<t.length;n++){var i=t[n];if(i.nodeType===1){if(i["s-sr"]){var a=i["s-sn"];i.hidden=false;for(var u=0,f=e;u<f.length;u++){var o=f[u];if(o!==i){if(o["s-hn"]!==i["s-hn"]||a!==""){if(o.nodeType===1&&(a===o.getAttribute("slot")||a===o["s-sn"])||o.nodeType===3&&a===o["s-sn"]){i.hidden=true;break}}else{if(o.nodeType===1||o.nodeType===3&&o.textContent.trim()!==""){i.hidden=true;break}}}}}Cr(i)}}};var Tr=[];var Dr=function(r){var e;var n;var t;for(var a=0,u=r.childNodes;a<u.length;a++){var f=u[a];if(f["s-sr"]&&(e=f["s-cr"])&&e.parentNode){n=e.parentNode.childNodes;var o=f["s-sn"];var l=function(){e=n[t];if(!e["s-cn"]&&!e["s-nr"]&&e["s-hn"]!==f["s-hn"]&&!i.experimentalSlotFixes){if(Er(e,o)){var r=Tr.find((function(r){return r.R===e}));yr=true;e["s-sn"]=e["s-sn"]||o;if(r){r.R["s-sh"]=f["s-hn"];r.F=f}else{e["s-sh"]=f["s-hn"];Tr.push({F:f,R:e})}if(e["s-sr"]){Tr.map((function(n){if(Er(n.R,e["s-sn"])){r=Tr.find((function(r){return r.R===e}));if(r&&!n.F){n.F=r.F}}}))}}else if(!Tr.some((function(r){return r.R===e}))){Tr.push({R:e})}}};for(t=n.length-1;t>=0;t--){l()}}if(f.nodeType===1){Dr(f)}}};var Er=function(r,e){if(r.nodeType===1){if(r.getAttribute("slot")===null&&e===""){return true}if(r.getAttribute("slot")===e){return true}return false}if(r["s-sn"]===e){return true}return e===""};var Lr=function(r){{r.k&&r.k.ref&&r.k.ref(null);r.j&&r.j.map(Lr)}};var Rr=function(r,e,n){var t=r==null?void 0:r.insertBefore(e,n);return t};var Fr=function(r,e,n){if(n===void 0){n=false}var t,i,a,u;var f=r.$hostElement$;var o=r.u;var l=r.M||K(null,null);var v=X(e)?e:q(null,null,e);pr=f.tagName;if(o.P){v.k=v.k||{};o.P.map((function(r){var e=r[0],n=r[1];return v.k[n]=f[e]}))}if(n&&v.k){for(var s=0,c=Object.keys(v.k);s<c.length;s++){var d=c[s];if(f.hasAttribute(d)&&!["key","ref","style","class"].includes(d)){v.k[d]=f[d]}}}v.C=null;v.i|=4;r.M=v;v.T=l.T=f.shadowRoot||f;{dr=f["s-sc"]}mr=(o.i&1)!==0;{hr=f["s-cr"];yr=false}Ar(l,v,n);{S.i|=1;if(wr){Dr(v.T);for(var h=0,p=Tr;h<p.length;h++){var m=p[h];var y=m.R;if(!y["s-ol"]){var w=g.createTextNode("");w["s-nr"]=y;Rr(y.parentNode,y["s-ol"]=w,y)}}for(var b=0,$=Tr;b<$.length;b++){var m=$[b];var y=m.R;var _=m.F;if(_){var k=_.parentNode;var j=_.nextSibling;{var w=(t=y["s-ol"])==null?void 0:t.previousSibling;while(w){var x=(i=w["s-nr"])!=null?i:null;if(x&&x["s-sn"]===y["s-sn"]&&k===x.parentNode){x=x.nextSibling;while(x===y||(x==null?void 0:x["s-sr"])){x=x==null?void 0:x.nextSibling}if(!x||!x["s-nr"]){j=x;break}}w=w.previousSibling}}if(!j&&k!==y.parentNode||y.nextSibling!==j){if(y!==j){if(!y["s-hn"]&&y["s-ol"]){y["s-hn"]=y["s-ol"].parentNode.nodeName}Rr(k,y,j);if(y.nodeType===1){y.hidden=(a=y["s-ih"])!=null?a:false}}}y&&typeof _["s-rf"]==="function"&&_["s-rf"](y)}else{if(y.nodeType===1){if(n){y["s-ih"]=(u=y.hidden)!=null?u:false}y.hidden=true}}}}if(yr){Cr(v.T)}S.i&=~1;Tr.length=0}hr=void 0};var Mr=function(r,e){if(e&&!r.U&&e["s-p"]){e["s-p"].push(new Promise((function(e){return r.U=e})))}};var Pr=function(r,e){{r.i|=16}if(r.i&4){r.i|=512;return}Mr(r,r.N);var n=function(){return Ur(r,e)};return E(n)};var Ur=function(r,e){var n=r.$hostElement$;var t=I("scheduleUpdate",r.u.m);var i=r.t;if(!i){throw new Error("Can't render component <".concat(n.tagName.toLowerCase()," /> with invalid Stencil runtime! Make sure this imported component is compiled with a `externalRuntime: true` flag. For more information, please refer to https://stenciljs.com/docs/custom-elements#externalruntime"))}var a;if(e){{r.i|=256;if(r.W){r.W.map((function(r){var e=r[0],n=r[1];return Qr(i,e,n)}));r.W=void 0}}{a=Qr(i,"componentWillLoad")}}else{{a=Qr(i,"componentWillUpdate")}}t();return Nr(a,(function(){return Hr(r,i,e)}))};var Nr=function(r,e){return Wr(r)?r.then(e).catch((function(r){console.error(r);e()})):e()};var Wr=function(r){return r instanceof Promise||r&&r.then&&typeof r.then==="function"};var Hr=function(r,e,t){return __awaiter(n,void 0,void 0,(function(){var n,i,a,u,f,o,l;return __generator(this,(function(v){i=r.$hostElement$;a=I("update",r.u.m);u=i["s-rc"];if(t){ir(r)}f=I("render",r.u.m);{zr(r,e,i,t)}if(u){u.map((function(r){return r()}));i["s-rc"]=void 0}f();a();{o=(n=i["s-p"])!=null?n:[];l=function(){return Br(r)};if(o.length===0){l()}else{Promise.all(o).then(l);r.i|=4;o.length=0}}return[2]}))}))};var zr=function(r,e,n,t){try{e=e.render&&e.render();{r.i&=~16}{r.i|=2}{{{Fr(r,e,t)}}}}catch(e){c(e,r.$hostElement$)}return null};var Br=function(r){var e=r.u.m;var n=r.$hostElement$;var t=I("postUpdate",e);var i=r.t;var a=r.N;{Qr(i,"componentDidRender")}if(!(r.i&64)){r.i|=64;{qr(n)}{Qr(i,"componentDidLoad")}t();{r.p(n);if(!a){Ir()}}}else{{Qr(i,"componentDidUpdate")}t()}{r.v(n)}{if(r.U){r.U();r.U=void 0}if(r.i&512){D((function(){return Pr(r,false)}))}r.i&=~(4|512)}};var Gr=r("f",(function(r){{var e=o(r);var n=e.$hostElement$.isConnected;if(n&&(e.i&(2|16))===2){Pr(e,false)}return n}}));var Ir=function(r){{qr(g.documentElement)}D((function(){return rr(b,"appload",{detail:{namespace:t}})}))};var Qr=function(r,e,n){if(r&&r[e]){try{return r[e](n)}catch(r){c(r)}}return void 0};var qr=function(r){var e;return r.classList.add((e=i.hydratedSelectorName)!=null?e:"hydrated")};var Kr=function(r,e){return o(r).o.get(e)};var Vr=function(r,e,n,t){var i=o(r);if(!i){throw new Error("Couldn't find host element for \"".concat(t.m,'" as it is unknown to this Stencil runtime. This usually happens when integrating a 3rd party Stencil component with another Stencil component or application. Please reach out to the maintainers of the 3rd party Stencil component or report this on the Stencil Discord server (https://chat.stenciljs.com) or comment on this similar [GitHub issue](https://github.com/ionic-team/stencil/issues/5457).'))}var a=i.$hostElement$;var u=i.o.get(e);var f=i.i;var l=i.t;n=J(n,t.H[e][0]);var v=Number.isNaN(u)&&Number.isNaN(n);var s=n!==u&&!v;if((!(f&8)||u===void 0)&&s){i.o.set(e,n);if(l){if(t.B&&f&128){var d=t.B[e];if(d){d.map((function(r){try{l[r](n,u,e)}catch(r){c(r,a)}}))}}if((f&(2|16))===2){Pr(i,false)}}}};var Xr=function(r,e,n){var t,i;var a=r.prototype;if(e.H||(e.B||r.watchers)){if(r.watchers&&!e.B){e.B=r.watchers}var u=Object.entries((t=e.H)!=null?t:{});u.map((function(r){var t=r[0],i=r[1][0];if(i&31||n&2&&i&32){Object.defineProperty(a,t,{get:function(){return Kr(this,t)},set:function(r){Vr(this,t,r,e)},configurable:true,enumerable:true})}else if(n&1&&i&64){Object.defineProperty(a,t,{value:function(){var r=[];for(var e=0;e<arguments.length;e++){r[e]=arguments[e]}var n;var i=o(this);return(n=i==null?void 0:i.l)==null?void 0:n.then((function(){var e;return(e=i.t)==null?void 0:e[t].apply(e,r)}))}})}}));if(n&1){var f=new Map;a.attributeChangedCallback=function(r,n,t){var i=this;S.jmp((function(){var u;var l=f.get(r);if(i.hasOwnProperty(l)){t=i[l];delete i[l]}else if(a.hasOwnProperty(l)&&typeof i[l]==="number"&&i[l]==t){return}else if(l==null){var v=o(i);var s=v==null?void 0:v.i;if(s&&!(s&8)&&s&128&&t!==n){var c=v.t;var d=(u=e.B)==null?void 0:u[r];d==null?void 0:d.forEach((function(e){if(c[e]!=null){c[e].call(c,t,n,r)}}))}return}i[l]=t===null&&typeof i[l]==="boolean"?false:t}))};r.observedAttributes=Array.from(new Set(__spreadArray(__spreadArray([],Object.keys((i=e.B)!=null?i:{}),true),u.filter((function(r){var e=r[0],n=r[1];return n[0]&15})).map((function(r){var n=r[0],t=r[1];var i;var a=t[1]||n;f.set(a,n);if(t[0]&512){(i=e.P)==null?void 0:i.push([n,a])}return a})),true)))}}return r};var Jr=function(r,e,t,i){return __awaiter(n,void 0,void 0,(function(){var n,i,a,u,f,o,l,v,s,d,m;return __generator(this,(function(y){switch(y.label){case 0:if(!((e.i&32)===0))return[3,6];e.i|=32;i=t.S;if(!i)return[3,4];a=h(t);if(!(a&&"then"in a))return[3,2];u=Q();return[4,a];case 1:n=y.sent();u();return[3,3];case 2:n=a;y.label=3;case 3:if(!n){throw new Error('Constructor for "'.concat(t.m,"#").concat(e.G,'" was not found'))}if(!n.isProxied){{t.B=n.watchers}Xr(n,t,2);n.isProxied=true}f=I("createInstance",t.m);{e.i|=8}try{new n(e)}catch(r){c(r)}{e.i&=~8}{e.i|=128}f();return[3,5];case 4:n=r.constructor;o=r.localName;customElements.whenDefined(o).then((function(){return e.i|=128}));y.label=5;case 5:if(n&&n.style){l=void 0;if(typeof n.style==="string"){l=n.style}v=ar(t);if(!p.has(v)){s=I("registerStyles",t.m);nr(v,l,!!(t.i&1));s()}}y.label=6;case 6:d=e.N;m=function(){return Pr(e,true)};if(d&&d["s-rc"]){d["s-rc"].push(m)}else{m()}return[2]}}))}))};var Yr=function(r){};var Zr=function(r){if((S.i&1)===0){var e=o(r);var n=e.u;var t=I("connectedCallback",n.m);if(!(e.i&1)){e.i|=1;{if(n.i&(4|8)){re(r)}}{var i=r;while(i=i.parentNode||i.host){if(i["s-p"]){Mr(e,e.N=i);break}}}if(n.H){Object.entries(n.H).map((function(e){var n=e[0],t=e[1][0];if(t&31&&r.hasOwnProperty(n)){var i=r[n];delete r[n];r[n]=i}}))}{Jr(r,e,n)}}else{ie(r,e,n.I);if(e==null?void 0:e.t);else if(e==null?void 0:e.h){e.h.then((function(){return Yr()}))}}t()}};var re=function(r){var e=r["s-cr"]=g.createComment("");e["s-cn"]=true;Rr(r,e,r.firstChild)};var ee=function(r){};var ne=function(r){return __awaiter(n,void 0,void 0,(function(){var e;return __generator(this,(function(n){if((S.i&1)===0){e=o(r);{if(e.q){e.q.map((function(r){return r()}));e.q=void 0}}if(e==null?void 0:e.t);else if(e==null?void 0:e.h){e.h.then((function(){return ee()}))}}return[2]}))}))};var te=r("b",(function(r,e){if(e===void 0){e={}}var n;var t=I();var i=[];var a=e.exclude||[];var u=b.customElements;var f=g.head;var l=f.querySelector("meta[charset]");var s=g.createElement("style");var c=[];var d;var h=true;Object.assign(S,e);S.$=new URL(e.resourcesUrl||"./",g.baseURI).href;var p=false;r.map((function(r){r[1].map((function(e){var n;var t={i:e[0],m:e[1],H:e[2],I:e[3]};if(t.i&4){p=true}{t.H=e[2]}{t.I=e[3]}{t.P=[]}{t.B=(n=e[4])!=null?n:{}}var f=t.m;var l=function(r){__extends(e,r);function e(e){var n=r.call(this,e)||this;n.hasRegisteredEventListeners=false;e=n;v(e,t);if(t.i&1){{if(!e.shadowRoot){{e.attachShadow({mode:"open",delegatesFocus:!!(t.i&16)})}}else{if(e.shadowRoot.mode!=="open"){throw new Error("Unable to re-use existing shadow root for ".concat(t.m,"! Mode is set to ").concat(e.shadowRoot.mode," but Stencil only supports open shadow roots."))}}}}return n}e.prototype.connectedCallback=function(){var r=this;var e=o(this);if(!this.hasRegisteredEventListeners){this.hasRegisteredEventListeners=true;ie(this,e,t.I)}if(d){clearTimeout(d);d=null}if(h){c.push(this)}else{S.jmp((function(){return Zr(r)}))}};e.prototype.disconnectedCallback=function(){var r=this;S.jmp((function(){return ne(r)}))};e.prototype.componentOnReady=function(){return o(this).h};return e}(HTMLElement);t.S=r[0];if(!a.includes(f)&&!u.get(f)){i.push(f);u.define(f,Xr(l,t,1))}}))}));if(i.length>0){if(p){s.textContent+=y}{s.textContent+=i.sort()+m}if(s.innerHTML.length){s.setAttribute("data-styles","");var w=(n=S.D)!=null?n:U(g);if(w!=null){s.setAttribute("nonce",w)}f.insertBefore(s,l?l.nextSibling:f.firstChild)}}h=false;if(c.length){c.map((function(r){return r.connectedCallback()}))}else{{S.jmp((function(){return d=setTimeout(Ir,30)}))}}t()}));var ie=function(r,e,n,t){if(n){n.map((function(n){var t=n[0],i=n[1],a=n[2];var u=ue(r,t);var f=ae(e,a);var o=fe(t);S.ael(u,i,f,o);(e.q=e.q||[]).push((function(){return S.rel(u,i,f,o)}))}))}};var ae=function(r,e){return function(n){var t;try{{if(r.i&256){(t=r.t)==null?void 0:t[e](n)}else{(r.W=r.W||[]).push([e,n])}}}catch(r){c(r)}}};var ue=function(r,e){if(e&4)return g;if(e&8)return b;return r};var fe=function(r){return $?{passive:(r&1)!==0,capture:(r&2)!==0}:(r&2)!==0};var oe=r("s",(function(r){return S.D=r}))}}}));
@@ -1 +1 @@
1
- import{r as o,c as t,h as e,g as a}from"./p-7bf00a52.js";import{g as i}from"./p-fc710a30.js";const d=class{constructor(e){o(this,e),this.focusLastElement=t(this,"focusLastElement",3),this.focusFirstElement=t(this,"focusFirstElement",3),this.wmModalCloseTriggered=t(this,"wmModalCloseTriggered",3),this.wmModalPrimaryTriggered=t(this,"wmModalPrimaryTriggered",7),this.wmModalSecondaryTriggered=t(this,"wmModalSecondaryTriggered",7),this.open=!1,this.elementToFocus="",this.modalType="modal",this.uid=void 0,this.returnFocusEl=void 0}get closeButtonEl(){return this.el.querySelector(`#wm-modal-close-${this.uid}`)}get focusOnOpenEl(){let o=null;return"primary"===this.elementToFocus||"secondary"===this.elementToFocus?o=this.el.querySelector(`#wm-${this.elementToFocus}-${this.uid}`):this.elementToFocus&&(o=this.el.querySelector("#"+this.elementToFocus),!o&&console.warn(`Ripple Component Library: The modal component couldn't find an element matching the id you passed for 'elementToFocus' (${this.elementToFocus}). It will fall back to the default and focus the close button when the modal opens.`)),o}get hasBrowserPopoverSupport(){const o=document.getElementById("wm-tooltip");return!!o&&!!o.showPopover}toggleModal(){this.open?this.showModal():this.hideModal()}handleDialogClose(){this.open&&this.wmModalCloseTriggered.emit(),this.open=!1}showModal(){this.returnFocusEl=document.activeElement,this.setAriaDescribedbyOnModal(),document.body.style.overflow="hidden",this.dialogEl.showModal(),this.focusOnOpenEl&&this.focusOnOpenEl.focus()}hideModal(){document.body.style.overflow="visible",this.dialogEl.close(),setTimeout((()=>{this.returnFocusEl&&document.activeElement===document.body&&("WM-MENUITEM"===this.returnFocusEl.tagName&&(this.returnFocusEl=this.returnFocusEl.parentElement),this.returnFocusEl.focus())}),20)}componentWillLoad(){"primary"!==this.elementToFocus&&"secondary"!==this.elementToFocus||this.el.id||console.error("For accessibility purposes you need to set the modal content wrapper's id to 'content-[id of wm-modal]."),this.el.focus=()=>{this.focusOnOpenEl?this.focusOnOpenEl.focus():this.closeButtonEl.focus()},this.uid=this.el.id?this.el.id:i()}componentDidLoad(){this.open&&this.showModal(),this.dialogEl.addEventListener("close",(()=>this.handleDialogClose()))}async emitCloseEvent(){this.wmModalCloseTriggered.emit()}async emitPrimaryEvent(){this.wmModalPrimaryTriggered.emit()}async emitSecondaryEvent(){this.wmModalSecondaryTriggered.emit()}handleKeyDown(o){"Escape"==o.key&&o.stopPropagation()}setAriaDescribedbyOnModal(){document.getElementById(`content-${this.uid}`)?this.el.setAttribute("aria-describedby",`wm-modal-heading-text-${this.uid} content-${this.uid}`):console.warn("Ripple Component Library: The element containing the body of the modal must include an id in the format 'content-[id of modal]' for accessibility purposes.")}render(){return e("dialog",{key:"6740436f5c210b625e05bc8347e512c010e89ef8",class:"wm-"+this.modalType,ref:o=>this.dialogEl=o,onKeyDown:o=>this.handleKeyDown(o)},e("div",{key:"fe7d7011759a11e88fa516edaadc4400daaacbf4",class:"tabtrap sr-only",tabindex:"0",onFocus:o=>{o.relatedTarget&&o.relatedTarget==this.closeButtonEl?this.focusLastElement.emit():this.focusFirstElement.emit()}}),!this.hasBrowserPopoverSupport&&e("div",{key:"61987ee1e9042b211b98974e8000dff228feeaa0",class:"wm-tooltip"}),e("slot",{key:"1e9b430e6f61af1fbe5210cda7f52d3054c92bc7"}),e("div",{key:"5c6706e29782548fd7966f26a72f6133060cce01",class:"tabtrap sr-only",tabindex:"0",onFocus:()=>{this.focusFirstElement.emit()}}))}get el(){return a(this)}static get watchers(){return{open:["toggleModal"]}}};d.style="wm-modal{--wmcolor-modal-background:var(--wmcolor-background);--wmcolor-modal-border:var(--wmcolor-border);--wmcolor-modal-heading:var(--wmcolor-text);--wmcolor-modal-overlay:var(--wmcolor-overlay)}wm-modal *{-webkit-box-sizing:border-box;box-sizing:border-box}wm-modal dialog{color:inherit;overflow:hidden;padding:0;width:80vw;max-width:750px;max-height:80vh;-webkit-border-radius:5px 5px 5px 5px;-moz-border-radius:5px 5px 5px 5px;-ms-border-radius:5px 5px 5px 5px;border-radius:5px 5px 5px 5px;border:none;background:var(--wmcolor-modal-background)}wm-modal dialog>:not(wm-modal-header):not(wm-modal-footer){max-height:calc(80vh - 166px)}wm-modal dialog::-webkit-backdrop{background:rgba(25, 25, 25, 0.4)}wm-modal dialog::-ms-backdrop{background:rgba(25, 25, 25, 0.4)}wm-modal dialog::backdrop{background:rgba(25, 25, 25, 0.4)}wm-modal dialog[open]{-webkit-box-shadow:0px 11px 15px 0px rgba(0, 0, 0, 0.2), 0px 9px 46px 8px rgba(0, 0, 0, 0.12), 0px 24px 38px 3px rgba(0, 0, 0, 0.14);-moz-box-shadow:0px 11px 15px 0px rgba(0, 0, 0, 0.2), 0px 9px 46px 8px rgba(0, 0, 0, 0.12), 0px 24px 38px 3px rgba(0, 0, 0, 0.14);box-shadow:0px 11px 15px 0px rgba(0, 0, 0, 0.2), 0px 9px 46px 8px rgba(0, 0, 0, 0.12), 0px 24px 38px 3px rgba(0, 0, 0, 0.14)}wm-modal dialog.wm-modal>wm-modal-header{border-bottom:1px solid var(--wmcolor-modal-border)}wm-modal dialog.wm-modal>wm-modal-footer{border-top:1px solid var(--wmcolor-modal-border)}@media only screen and (max-width: 768px){wm-modal dialog.wm-modal{height:100%;max-height:none;max-width:none;width:100vw}wm-modal dialog.wm-modal>*{max-width:none;width:100vw}wm-modal dialog.wm-modal>*:not(wm-modal-header):not(wm-modal-footer){max-height:none;height:calc(100vh - 166px)}}wm-modal dialog.wm-dialog>:not(wm-modal-header):not(wm-modal-footer):not(.wm-tooltip){padding:0 1.875rem 1.25rem 1.875rem;font-size:0.875rem;border:none}wm-modal wm-modal-header,wm-modal wm-modal-footer{padding:1.25rem 1.875rem;width:100%}wm-modal .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;top:0;left:0}";export{d as wm_modal}
1
+ import{r as o,c as t,h as e,g as a}from"./p-a431d6e5.js";import{g as i}from"./p-fc710a30.js";const d=class{constructor(e){o(this,e),this.focusLastElement=t(this,"focusLastElement",3),this.focusFirstElement=t(this,"focusFirstElement",3),this.wmModalCloseTriggered=t(this,"wmModalCloseTriggered",3),this.wmModalPrimaryTriggered=t(this,"wmModalPrimaryTriggered",7),this.wmModalSecondaryTriggered=t(this,"wmModalSecondaryTriggered",7),this.open=!1,this.elementToFocus="",this.modalType="modal",this.uid=void 0,this.returnFocusEl=void 0}get closeButtonEl(){return this.el.querySelector(`#wm-modal-close-${this.uid}`)}get focusOnOpenEl(){let o=null;return"primary"===this.elementToFocus||"secondary"===this.elementToFocus?o=this.el.querySelector(`#wm-${this.elementToFocus}-${this.uid}`):this.elementToFocus&&(o=this.el.querySelector("#"+this.elementToFocus),!o&&console.warn(`Ripple Component Library: The modal component couldn't find an element matching the id you passed for 'elementToFocus' (${this.elementToFocus}). It will fall back to the default and focus the close button when the modal opens.`)),o}get hasBrowserPopoverSupport(){const o=document.getElementById("wm-tooltip");return!!o&&!!o.showPopover}toggleModal(){this.open?this.showModal():this.hideModal()}handleDialogClose(){this.open&&this.wmModalCloseTriggered.emit(),this.open=!1}showModal(){this.returnFocusEl=document.activeElement,this.setAriaDescribedbyOnModal(),document.body.style.overflow="hidden",this.dialogEl.showModal(),this.focusOnOpenEl&&this.focusOnOpenEl.focus()}hideModal(){document.body.style.overflow="visible",this.dialogEl.close(),setTimeout((()=>{this.returnFocusEl&&document.activeElement===document.body&&("WM-MENUITEM"===this.returnFocusEl.tagName&&(this.returnFocusEl=this.returnFocusEl.parentElement),this.returnFocusEl.focus())}),20)}componentWillLoad(){"primary"!==this.elementToFocus&&"secondary"!==this.elementToFocus||this.el.id||console.error("For accessibility purposes you need to set the modal content wrapper's id to 'content-[id of wm-modal]."),this.el.focus=()=>{this.focusOnOpenEl?this.focusOnOpenEl.focus():this.closeButtonEl.focus()},this.uid=this.el.id?this.el.id:i()}componentDidLoad(){this.open&&this.showModal(),this.dialogEl.addEventListener("close",(()=>this.handleDialogClose()))}async emitCloseEvent(){this.wmModalCloseTriggered.emit()}async emitPrimaryEvent(){this.wmModalPrimaryTriggered.emit()}async emitSecondaryEvent(){this.wmModalSecondaryTriggered.emit()}handleKeyDown(o){"Escape"==o.key&&o.stopPropagation()}setAriaDescribedbyOnModal(){document.getElementById(`content-${this.uid}`)?this.el.setAttribute("aria-describedby",`wm-modal-heading-text-${this.uid} content-${this.uid}`):console.warn("Ripple Component Library: The element containing the body of the modal must include an id in the format 'content-[id of modal]' for accessibility purposes.")}render(){return e("dialog",{key:"6740436f5c210b625e05bc8347e512c010e89ef8",class:"wm-"+this.modalType,ref:o=>this.dialogEl=o,onKeyDown:o=>this.handleKeyDown(o)},e("div",{key:"fe7d7011759a11e88fa516edaadc4400daaacbf4",class:"tabtrap sr-only",tabindex:"0",onFocus:o=>{o.relatedTarget&&o.relatedTarget==this.closeButtonEl?this.focusLastElement.emit():this.focusFirstElement.emit()}}),!this.hasBrowserPopoverSupport&&e("div",{key:"61987ee1e9042b211b98974e8000dff228feeaa0",class:"wm-tooltip"}),e("slot",{key:"1e9b430e6f61af1fbe5210cda7f52d3054c92bc7"}),e("div",{key:"5c6706e29782548fd7966f26a72f6133060cce01",class:"tabtrap sr-only",tabindex:"0",onFocus:()=>{this.focusFirstElement.emit()}}))}get el(){return a(this)}static get watchers(){return{open:["toggleModal"]}}};d.style="wm-modal{--wmcolor-modal-background:var(--wmcolor-background);--wmcolor-modal-border:var(--wmcolor-border);--wmcolor-modal-heading:var(--wmcolor-text);--wmcolor-modal-overlay:var(--wmcolor-overlay)}wm-modal *{-webkit-box-sizing:border-box;box-sizing:border-box}wm-modal dialog{color:inherit;overflow:hidden;padding:0;width:80vw;max-width:750px;max-height:80vh;-webkit-border-radius:5px 5px 5px 5px;-moz-border-radius:5px 5px 5px 5px;-ms-border-radius:5px 5px 5px 5px;border-radius:5px 5px 5px 5px;border:none;background:var(--wmcolor-modal-background)}wm-modal dialog>:not(wm-modal-header):not(wm-modal-footer){max-height:calc(80vh - 166px)}wm-modal dialog::-webkit-backdrop{background:rgba(25, 25, 25, 0.4)}wm-modal dialog::-ms-backdrop{background:rgba(25, 25, 25, 0.4)}wm-modal dialog::backdrop{background:rgba(25, 25, 25, 0.4)}wm-modal dialog[open]{-webkit-box-shadow:0px 11px 15px 0px rgba(0, 0, 0, 0.2), 0px 9px 46px 8px rgba(0, 0, 0, 0.12), 0px 24px 38px 3px rgba(0, 0, 0, 0.14);-moz-box-shadow:0px 11px 15px 0px rgba(0, 0, 0, 0.2), 0px 9px 46px 8px rgba(0, 0, 0, 0.12), 0px 24px 38px 3px rgba(0, 0, 0, 0.14);box-shadow:0px 11px 15px 0px rgba(0, 0, 0, 0.2), 0px 9px 46px 8px rgba(0, 0, 0, 0.12), 0px 24px 38px 3px rgba(0, 0, 0, 0.14)}wm-modal dialog.wm-modal>wm-modal-header{border-bottom:1px solid var(--wmcolor-modal-border)}wm-modal dialog.wm-modal>wm-modal-footer{border-top:1px solid var(--wmcolor-modal-border)}@media only screen and (max-width: 768px){wm-modal dialog.wm-modal{height:100%;max-height:none;max-width:none;width:100vw}wm-modal dialog.wm-modal>*{max-width:none;width:100vw}wm-modal dialog.wm-modal>*:not(wm-modal-header):not(wm-modal-footer){max-height:none;height:calc(100vh - 166px)}}wm-modal dialog.wm-dialog>:not(wm-modal-header):not(wm-modal-footer):not(.wm-tooltip){padding:0 1.875rem 1.25rem 1.875rem;font-size:0.875rem;border:none}wm-modal wm-modal-header,wm-modal wm-modal-footer{padding:1.25rem 1.875rem;width:100%}wm-modal .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;top:0;left:0}";export{d as wm_modal}
@@ -1 +1 @@
1
- System.register(["./p-1eb84629.system.js","./p-ed372e19.system.js","./p-4c3f4047.system.js"],(function(e){"use strict";var t,i,a,n,r;return{setters:[function(e){t=e.r;i=e.h;a=e.H;n=e.g},function(e){r=e.g},function(){}],execute:function(){var s="wm-modal-header{display:block;-webkit-border-radius:5px 5px 0 0px;-moz-border-radius:5px 5px 0 0px;-ms-border-radius:5px 5px 0 0px;border-radius:5px 5px 0 0px}wm-modal-header .wm-wrapper{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;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center}wm-modal-header .wm-wrapper .title{margin:0;font-weight:600;font-size:1.125rem;color:var(--wmcolor-modal-heading);line-height:normal}wm-modal-header .wm-wrapper .title .subtitle{display:block;font-size:0.875rem;font-weight:normal}wm-modal-header .wm-wrapper .title:focus{outline:none}";var o=s;var c=e("wm_modal_header",function(){function e(e){t(this,e);this.heading="";this.subheading=""}e.prototype.componentWillLoad=function(){var e=this;var t=this.el.closest("wm-modal");this.uid=t.uid;t.addEventListener("focusFirstElement",(function(){e.closeButtonEl.focus()}))};e.prototype.emitParentCloseEvent=function(){var e=this.el.closest("wm-modal");e.emitCloseEvent()};e.prototype.render=function(){var e=this;return i(a,{key:"35415cd15a0c5996838006162b1adac2a25ce672"},i("div",{key:"2fa5fd7143a31464bc122e6fb5fbd14efdf8f6eb",class:"wm-wrapper"},i("div",{key:"1d92f4b2c04d395880cd23ef751abc2b02a0ba22"},i("h2",{key:"435e399a645e3b1be785c51c28e9c53be52682c1",class:"title",id:"wm-modal-heading-text-".concat(this.uid)},this.heading,i("span",{key:"1c88915e74e931f2a8d170b3aa1c1cdf96ebbb4d",class:"subtitle"},this.subheading))),i("wm-button",{key:"73d1658d5f0b3531e48dd80726fba3fb8ed3e27c","button-type":"navigational",icon:"f156",tooltip:r.close,"tooltip-position":"left",id:"wm-modal-close-".concat(this.uid),ref:function(t){return e.closeButtonEl=t},onClick:function(){return e.emitParentCloseEvent()}})))};Object.defineProperty(e.prototype,"el",{get:function(){return n(this)},enumerable:false,configurable:true});return e}());c.style=o}}}));
1
+ System.register(["./p-539b7be9.system.js","./p-ed372e19.system.js","./p-4c3f4047.system.js"],(function(e){"use strict";var t,i,a,n,r;return{setters:[function(e){t=e.r;i=e.h;a=e.H;n=e.g},function(e){r=e.g},function(){}],execute:function(){var s="wm-modal-header{display:block;-webkit-border-radius:5px 5px 0 0px;-moz-border-radius:5px 5px 0 0px;-ms-border-radius:5px 5px 0 0px;border-radius:5px 5px 0 0px}wm-modal-header .wm-wrapper{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;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center}wm-modal-header .wm-wrapper .title{margin:0;font-weight:600;font-size:1.125rem;color:var(--wmcolor-modal-heading);line-height:normal}wm-modal-header .wm-wrapper .title .subtitle{display:block;font-size:0.875rem;font-weight:normal}wm-modal-header .wm-wrapper .title:focus{outline:none}";var o=s;var c=e("wm_modal_header",function(){function e(e){t(this,e);this.heading="";this.subheading=""}e.prototype.componentWillLoad=function(){var e=this;var t=this.el.closest("wm-modal");this.uid=t.uid;t.addEventListener("focusFirstElement",(function(){e.closeButtonEl.focus()}))};e.prototype.emitParentCloseEvent=function(){var e=this.el.closest("wm-modal");e.emitCloseEvent()};e.prototype.render=function(){var e=this;return i(a,{key:"35415cd15a0c5996838006162b1adac2a25ce672"},i("div",{key:"2fa5fd7143a31464bc122e6fb5fbd14efdf8f6eb",class:"wm-wrapper"},i("div",{key:"1d92f4b2c04d395880cd23ef751abc2b02a0ba22"},i("h2",{key:"435e399a645e3b1be785c51c28e9c53be52682c1",class:"title",id:"wm-modal-heading-text-".concat(this.uid)},this.heading,i("span",{key:"1c88915e74e931f2a8d170b3aa1c1cdf96ebbb4d",class:"subtitle"},this.subheading))),i("wm-button",{key:"73d1658d5f0b3531e48dd80726fba3fb8ed3e27c","button-type":"navigational",icon:"f156",tooltip:r.close,"tooltip-position":"left",id:"wm-modal-close-".concat(this.uid),ref:function(t){return e.closeButtonEl=t},onClick:function(){return e.emitParentCloseEvent()}})))};Object.defineProperty(e.prototype,"el",{get:function(){return n(this)},enumerable:false,configurable:true});return e}());c.style=o}}}));
@@ -1 +1 @@
1
- import{r as e,h as t,H as a,g as i}from"./p-7bf00a52.js";import{g as s}from"./p-644092fd.js";import"./p-fc710a30.js";const o=class{constructor(t){e(this,t),this.heading="",this.subheading=""}componentWillLoad(){const e=this.el.closest("wm-modal");this.uid=e.uid,e.addEventListener("focusFirstElement",(()=>{this.closeButtonEl.focus()}))}emitParentCloseEvent(){this.el.closest("wm-modal").emitCloseEvent()}render(){return t(a,{key:"35415cd15a0c5996838006162b1adac2a25ce672"},t("div",{key:"2fa5fd7143a31464bc122e6fb5fbd14efdf8f6eb",class:"wm-wrapper"},t("div",{key:"1d92f4b2c04d395880cd23ef751abc2b02a0ba22"},t("h2",{key:"435e399a645e3b1be785c51c28e9c53be52682c1",class:"title",id:`wm-modal-heading-text-${this.uid}`},this.heading,t("span",{key:"1c88915e74e931f2a8d170b3aa1c1cdf96ebbb4d",class:"subtitle"},this.subheading))),t("wm-button",{key:"73d1658d5f0b3531e48dd80726fba3fb8ed3e27c","button-type":"navigational",icon:"f156",tooltip:s.close,"tooltip-position":"left",id:`wm-modal-close-${this.uid}`,ref:e=>this.closeButtonEl=e,onClick:()=>this.emitParentCloseEvent()})))}get el(){return i(this)}};o.style="wm-modal-header{display:block;-webkit-border-radius:5px 5px 0 0px;-moz-border-radius:5px 5px 0 0px;-ms-border-radius:5px 5px 0 0px;border-radius:5px 5px 0 0px}wm-modal-header .wm-wrapper{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;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center}wm-modal-header .wm-wrapper .title{margin:0;font-weight:600;font-size:1.125rem;color:var(--wmcolor-modal-heading);line-height:normal}wm-modal-header .wm-wrapper .title .subtitle{display:block;font-size:0.875rem;font-weight:normal}wm-modal-header .wm-wrapper .title:focus{outline:none}";export{o as wm_modal_header}
1
+ import{r as e,h as t,H as a,g as i}from"./p-a431d6e5.js";import{g as s}from"./p-644092fd.js";import"./p-fc710a30.js";const o=class{constructor(t){e(this,t),this.heading="",this.subheading=""}componentWillLoad(){const e=this.el.closest("wm-modal");this.uid=e.uid,e.addEventListener("focusFirstElement",(()=>{this.closeButtonEl.focus()}))}emitParentCloseEvent(){this.el.closest("wm-modal").emitCloseEvent()}render(){return t(a,{key:"35415cd15a0c5996838006162b1adac2a25ce672"},t("div",{key:"2fa5fd7143a31464bc122e6fb5fbd14efdf8f6eb",class:"wm-wrapper"},t("div",{key:"1d92f4b2c04d395880cd23ef751abc2b02a0ba22"},t("h2",{key:"435e399a645e3b1be785c51c28e9c53be52682c1",class:"title",id:`wm-modal-heading-text-${this.uid}`},this.heading,t("span",{key:"1c88915e74e931f2a8d170b3aa1c1cdf96ebbb4d",class:"subtitle"},this.subheading))),t("wm-button",{key:"73d1658d5f0b3531e48dd80726fba3fb8ed3e27c","button-type":"navigational",icon:"f156",tooltip:s.close,"tooltip-position":"left",id:`wm-modal-close-${this.uid}`,ref:e=>this.closeButtonEl=e,onClick:()=>this.emitParentCloseEvent()})))}get el(){return i(this)}};o.style="wm-modal-header{display:block;-webkit-border-radius:5px 5px 0 0px;-moz-border-radius:5px 5px 0 0px;-ms-border-radius:5px 5px 0 0px;border-radius:5px 5px 0 0px}wm-modal-header .wm-wrapper{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;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center}wm-modal-header .wm-wrapper .title{margin:0;font-weight:600;font-size:1.125rem;color:var(--wmcolor-modal-heading);line-height:normal}wm-modal-header .wm-wrapper .title .subtitle{display:block;font-size:0.875rem;font-weight:normal}wm-modal-header .wm-wrapper .title:focus{outline:none}";export{o as wm_modal_header}
@@ -1 +1 @@
1
- import{r as t,f as i,h as e,H as o,g as s}from"./p-7bf00a52.js";import{d as r,y as n,v as a,z as l,A as h,B as c}from"./p-fc710a30.js";import{n as p,o as d}from"./p-9bf31e42.js";import{l as g,c as v,g as b}from"./p-644092fd.js";const f=class{constructor(i){t(this,i),this.minTickWidth=120,this.popoverData=[],this.focusedDataPoint=[0,0],this.dataPointMatrix=[],this.xIntervals=[],this.displayedXIntervals=[],this.yIntervals=[],this.lineStyles=[{color:"#8b86ca",icon:"f536"},{color:"#2e1b46",icon:"f12f"},{color:"#0089e4",icon:"f763"},{color:"#088000",icon:"f4ce"},{color:"#ea8500",icon:"f70a"},{color:"#d54f41",icon:"f536"},{color:"#146ca9",icon:"f6ff"}],this.debouncedResize=r((async()=>{this.displayedXIntervals=this.determineDisplayedXIntervals()}),100),this.label=void 0,this.description="",this.xAxisLabel=void 0,this.yAxisLabel=void 0,this.lineData=void 0,this.units="null,null",this.labelWidth="120px",this.highlightQualifier="highlighted",this.highlightStart=void 0,this.highlightEnd=void 0,this.visibilityToggles=!1,this.showDeltas=!1,this.yRange=void 0,this.parsedLineData={},this.popoverIndex=-1,this.focusedLine=-1,this.hiddenLines=[],this.isTabbing=!1,this.intervalSkip=0,this.announcement=""}parseData(){this.parsedLineData=JSON.parse(this.lineData),this.yIntervals=this.calcYIntervals().reverse(),this.xIntervals=Object.keys(Object.values(this.parsedLineData)[0]),this.displayedXIntervals=this.determineDisplayedXIntervals(),this.dataPointMatrix=Object.entries(this.parsedLineData).map((t=>this.buildLineDataPointDetails(t[0],t[1]))),this.popoverData=n(this.dataPointMatrix)}handleIntervalSkip(){this.parseData()}get hasPartialInterval(){return this.intervalSkip>0&&this.xIntervals.length%2==0}get parsedUnits(){return a(this.units).map((t=>"null"===t?null:t))}get visibilityToggleEls(){return this.legendEl.querySelectorAll("wm-button")}get lineEls(){return this.plotAreaEl.querySelectorAll(".line")}get firstVisibleLineIdx(){let t=0;for(;this.hiddenLines.includes(t);)t++;return t<this.dataPointMatrix.length?t:-1}get pointEls(){return this.plotAreaEl.querySelectorAll(".point")}toggleTabbingOn(){this.isTabbing=!0}toggleTabbingOff(){this.isTabbing=!1}componentWillLoad(){this.parseData()}componentDidLoad(){new ResizeObserver((()=>this.debouncedResize())).observe(this.el)}handleVisibilityToggleKeydown(t,i){switch(t.key){case"Tab":t.shiftKey||-1===this.firstVisibleLineIdx||(t.preventDefault(),this.announce(this.lineFocusMessage(this.firstVisibleLineIdx)),this.focusDataPoint(this.firstVisibleLineIdx,0));break;case"ArrowUp":case"ArrowLeft":t.preventDefault();const e=l(i,-1,this.dataPointMatrix.length-1);this.visibilityToggleEls[e].focus();break;case"ArrowDown":case"ArrowRight":t.preventDefault();const o=l(i,1,this.dataPointMatrix.length-1);this.visibilityToggleEls[o].focus()}}handleDataPointKeydown(t){const[i,e]=this.focusedDataPoint,o=this.lineEls[i].querySelectorAll(".point").length,s=this.dataPointMatrix.length;switch(t.key){case"Tab":t.shiftKey&&this.visibilityToggles&&(t.preventDefault(),this.visibilityToggleEls[0].focus());break;case"ArrowUp":t.preventDefault();let r=i;do{r=l(r,-1,s-1)}while(this.hiddenLines.includes(r));this.announce(this.lineFocusMessage(r)),this.focusDataPoint(r,e);break;case"ArrowDown":t.preventDefault();let n=i;do{n=l(n,1,s-1)}while(this.hiddenLines.includes(n));this.announce(this.lineFocusMessage(n)),this.focusDataPoint(n,e);break;case"ArrowLeft":t.preventDefault();const a=l(e,-1,o-1);this.focusDataPoint(i,a);break;case"ArrowRight":t.preventDefault();const h=l(e,1,o-1);this.focusDataPoint(i,h)}}announce(t){this.liveRegionEl.textContent===t&&(t+=" "),this.announcement=t}lineFocusMessage(t){const i=this.dataPointMatrix[t][0].lineLabel,e=this.dataPointMatrix[t].filter((t=>null!==t.yValue)).length;return`${i}, line ${t+1} of ${this.dataPointMatrix.length} with ${e} data points`}focusDataPoint(t,i){const e=this.lineEls[t].querySelectorAll(".point")[i];this.pointEls.forEach((t=>t.tabIndex=-1)),e.tabIndex=0,e.focus(),this.focusedDataPoint=[t,i]}focusDataPointByEl(t){const i=parseInt(t.dataset.lineidx),e=Array.from(t.parentElement.querySelectorAll(".point")).indexOf(t);this.pointEls.forEach((t=>t.tabIndex=-1)),t.tabIndex=0,t.focus(),this.focusedDataPoint=[i,e]}calcYIntervals(){let t=[];if(this.yRange)t=a(this.yRange).map((t=>parseInt(t)));else{let i=[];Object.values(this.parsedLineData).flat().forEach((t=>i.push(...Object.values(t))));const e=i.filter((t=>null!==t));let o=Math.min(...e);const s=Math.max(...e);let r=d(s-o,4),n=r;for(;o%r!=0&&n>0;)o--,n--;r=d(s-o,4);let a=o;for(;a<=s+r;)t.push(a),a+=r}return t}determineDisplayedXIntervals(){const t=this.plotAreaEl&&this.plotAreaEl.clientWidth>0?Math.round(this.plotAreaEl.clientWidth/this.minTickWidth):this.xIntervals.length,{skipInterval:i,skippedList:e}=h(this.xIntervals,t);return this.intervalSkip=i,e}buildLineDataPointDetails(t,i){let e=[];const o=Object.entries(i);let s;return o.forEach(((i,r)=>{const[n,a]=i;let l=100/(o.length-1)*r;const h=null===a?null:100-c(a,this.yIntervals[this.yIntervals.length-1],this.yIntervals[0]);0===r&&(l+=this.plotAreaEl&&this.plotAreaEl.clientWidth>0?8/this.plotAreaEl.clientWidth*100:1),n!==this.highlightStart||s||(s=!0),e.push({lineLabel:t,xValue:n,yValue:a,xPositionPercent:l,yPositionPercent:h,highlighted:s}),n===this.highlightEnd&&s&&(s=!1)})),e}toggleLineVisibility(t){this.hiddenLines.includes(t)?this.hiddenLines=this.hiddenLines.filter((i=>i!==t)):this.hiddenLines.push(t),i(this.el)}resetDataPointFocus(){this.popoverIndex=-1,this.pointEls.forEach((t=>t.tabIndex=-1)),-1!==this.firstVisibleLineIdx&&(this.lineEls[this.firstVisibleLineIdx].querySelectorAll(".point")[0].tabIndex=0,this.focusedDataPoint=[this.firstVisibleLineIdx,0])}calcDelta(t,i){let e;if(null===t.yValue||null===i.yValue)e=g.noData;else if(t.yValue==i.yValue)e="0%";else if(0==i.yValue)e="-";else{const o=Math.round((t.yValue-i.yValue)/i.yValue*100*100)/100;e=`${o>0?"+":""}${o}%`}return e}renderLegend(){const t=Object.keys(this.parsedLineData);return e("div",{ref:t=>this.legendEl=t,class:"legend"},t.map(((t,i)=>{const o=this.hiddenLines.includes(i);return e("div",{id:`legend-label-${i}`,class:"legend-label "+(-1!==this.focusedLine&&this.focusedLine!==i?"faded":""),onMouseEnter:()=>this.focusedLine=o?-1:i,onMouseLeave:()=>this.focusedLine=-1},this.renderIcon(i),t,this.visibilityToggles&&this.renderVisibilityToggle(t,i,o))})))}renderVisibilityToggle(t,i,o){return e("wm-button",{id:`visibility-button-${i}`,class:"visibility-toggle","label-for-identical-buttons":`${0===i?`Toggle line visibility list with ${this.dataPointMatrix.length} items`:""} ${o?b.show:b.hide} ${t} toggle ${o?"pressed":""}`,"button-type":"navigational",tooltip:o?b.show:b.hide,tooltipPosition:"bottom",icon:o?"f209":"f208",onClick:()=>this.toggleLineVisibility(i),onKeyDown:t=>this.handleVisibilityToggleKeydown(t,i),onFocus:()=>this.popoverIndex=-1})}renderIcon(t){const{color:i,icon:o}=this.lineStyles[t];return e("span",{class:"icon",style:{"--iconColor":i,"--icon":`"\\${o}"`,"--translation":5===t?"rotate(180deg)":"unset"}})}renderXIntervals(){return e("div",{class:"x-intervals",style:{"--columns":`.5fr repeat(${this.xIntervals.length-2}, 1fr) .5fr`}},this.xIntervals.map((t=>e("span",{class:"x-interval "+(this.displayedXIntervals.includes(t)?"":"hidden")},t))))}renderYIntervals(){return e("div",{ref:t=>this.yIntervalsEl=t,class:"y-intervals"},this.yIntervals.map((t=>e("span",{class:"y-interval"},p(t)))))}renderData(){return this.dataPointMatrix.map(((t,i)=>{let o=this.focusedLine===i?"focused":"faded";const s=this.hiddenLines.includes(i);return e("div",{class:`line ${-1!==this.focusedLine?o:""} ${s?"hidden":""}`},this.renderLines(i),this.renderPoints(i))}))}renderPoints(t){const i=this.dataPointMatrix[t];return e("div",{class:"line-icons"},i.map(((o,s)=>{const{lineLabel:r,xValue:n,yValue:a,xPositionPercent:l,yPositionPercent:h,highlighted:c}=o;if(null!==a){const{color:p,icon:d}=this.lineStyles[t],v=0===t&&0===s?0:void 0,b={"--icon":`"\\${d}"`,"--iconColor":p,"--xPosition":l+"%","--yPosition":h+"%","--translation":5===t?"translate(-50%, -50%) rotate(180deg)":"translate(-50%, -50%)"};let f=`${r} ${c?this.highlightQualifier:""} ${this.xAxisLabel} ${n+(this.parsedUnits[0]?this.parsedUnits[0]:"")}, ${this.yAxisLabel}: ${a+(this.parsedUnits[1]?this.parsedUnits[1]:"")}`;if(this.showDeltas&&s>0){const t=i[s-1];f+=`, ${g.getChangeSince(t.xValue)} ${this.calcDelta(o,t)}`}return e("span",{id:`${r}-${s}`,role:"img","aria-label":f,tabIndex:v,class:"point icon",style:b,"data-lineidx":t,"data-xvalue":n,onKeyDown:t=>this.handleDataPointKeydown(t),onFocus:()=>this.popoverIndex=s,onClick:t=>this.focusDataPointByEl(t.target),onMouseEnter:()=>this.popoverIndex=s})}})))}renderLines(t){const i=this.dataPointMatrix[t];return e("svg",{class:"line-svg"},i.map(((o,s)=>{if(null!==o.yValue&&s!==i.length-1&&null!==i[s+1].yValue){const{color:r}=this.lineStyles[t],{xPositionPercent:n,yPositionPercent:a}=o,{xPositionPercent:l,yPositionPercent:h}=i[s+1];return e("line",{x1:n+"%",y1:a+"%",x2:l+"%",y2:h+"%",stroke:r,"stroke-width":"2px"})}})))}renderHoverAreas(){return e("div",{class:"hover-area-wrapper",style:{"--columns":`.5fr repeat(${this.xIntervals.length-2}, 1fr) .5fr`},onMouseLeave:()=>this.popoverIndex=-1},this.xIntervals.map(((t,i)=>e("div",{onMouseEnter:()=>this.popoverIndex=i}))))}renderPopover(){if(!(this.popoverData&&this.popoverData[this.popoverIndex]&&this.plotAreaEl.querySelector(`.point[data-xvalue="${this.dataPointMatrix[0][this.popoverIndex].xValue}"]`)))return"";const t=this.popoverData[this.popoverIndex],i=t[0].xPositionPercent,o=t.map((t=>t.yPositionPercent)).filter((t=>null!==t)),s=o.reduce(((t,i)=>t+i),0)/o.length,r=this.plotAreaEl.querySelector(`.point[data-xvalue="${this.dataPointMatrix[0][this.popoverIndex].xValue}"]`),n=this.el.getBoundingClientRect(),a=r.getBoundingClientRect(),l=a.left-n.left,h=n.right-a.right>=(this.popoverEl?Math.min(this.popoverEl.clientWidth,400):400),c=l>=(this.popoverEl?Math.min(this.popoverEl.clientWidth,400):400),p=8/this.plotAreaEl.clientWidth*100;let d={"--leftPosition":h?i+p+"%":"unset","--rightPosition":c?100-i+p+"%":"unset","--topPosition":s+"%",transform:"translateY(-50%)"};if(!c&&!h){const t=`0px - ${this.labelWidth} - 20px - ${this.yIntervalsEl.clientWidth+"px"} + ${this.el.scrollLeft+"px"} + 2px`;d={"--leftPosition":"0%","--topPosition":"0%",maxWidth:Math.min(this.el.clientWidth-2,400)+"px",transform:`translateX(calc(${t}))`}}return e("div",{ref:t=>this.popoverEl=t,class:"popover",style:d},e("div",{class:"title"},t[0].xValue,this.parsedUnits[0]&&e("span",{class:"unit --x"},"(",this.parsedUnits[0],")")),this.showDeltas&&this.popoverIndex>0&&e("div",{class:"comparison-title"},g.getChangeSince(this.popoverData[this.popoverIndex-1][0].xValue)),this.renderPopoverTable())}renderPopoverTable(){return e("table",{class:"popover-table"},this.popoverData[this.popoverIndex].map(((t,i)=>{if(!this.hiddenLines.includes(i)){const{lineLabel:o,yValue:s}=t,r=this.popoverIndex>0?this.popoverData[this.popoverIndex-1][i]:null,n=null!==s?(new Intl.NumberFormat).format(s):null;return e("tr",{class:"popover-row"},e("td",null,this.renderIcon(i)),e("td",{class:"row-label"},o),e("td",{class:"row-value"},null===s?g.noData:n,null!==s&&this.parsedUnits[1]&&e("span",{class:"unit --y"},this.parsedUnits[1])),this.showDeltas&&r&&this.renderDeltas(t,r))}})))}renderDeltas(t,i){const o=this.calcDelta(t,i),s="+"==o.toString()[0]||"-"==o?"positive":"-"==o.toString()[0]?"negative":"";return i&&e("td",{class:`delta --${s}`},o)}renderHoverIndicator(){return this.dataPointMatrix.length>0&&this.dataPointMatrix[0][this.popoverIndex]?e("div",{class:"hover-indicator",style:{"--xPosition":this.dataPointMatrix[0][this.popoverIndex].xPositionPercent+"%"}}):""}renderHighlight(){const t=this.dataPointMatrix[0][this.xIntervals.indexOf(this.highlightStart)].xPositionPercent,i=this.highlightEnd?100-this.dataPointMatrix[0][this.xIntervals.indexOf(this.highlightEnd)].xPositionPercent:0;return e("div",{class:"highlight",style:{"--startPercentage":t+"%","--endPercentage":i+"%"}})}render(){return e(o,{key:"9817eea8765cce513a0848cd222a6409c8f1f912",onBlur:()=>this.resetDataPointFocus(),onMouseLeave:()=>this.popoverIndex=-1},e("div",{key:"60de41437bb425483be4b5a24fc2468c8e8f8d4e",class:"component-wrapper",role:"application","aria-roledescription":v.interactiveChart,"aria-label":this.label,"aria-describedby":"chart-description"},this.renderLegend(),e("div",{key:"2029ed03f09b8c133ee430f7b1d70c9dded326f3",class:"chart-wrapper"},e("div",{key:"4e9123177b8c02cf1fef010d370b2b1a23b2015c",class:"chart-label --y-axis",style:{"--labelWidth":this.labelWidth}},this.yAxisLabel,this.parsedUnits[1]&&` (${this.parsedUnits[1]})`),this.renderYIntervals(),e("div",{key:"3cbe51169818095cd830e7b8099d3a10980e3cf2",ref:t=>this.plotAreaEl=t,class:"plot-area "+(this.hasPartialInterval?"":"right-border"),style:{"--backgroundSize":`${this.dataPointMatrix[0][this.xIntervals.indexOf(this.displayedXIntervals[1])].xPositionPercent}%`}},this.highlightStart&&this.renderHighlight(),this.renderData(),this.renderHoverAreas()),-1!==this.popoverIndex&&this.renderHoverIndicator(),-1!==this.popoverIndex&&this.renderPopover(),this.renderXIntervals(),e("div",{key:"dad130dfb9063769dd36316cb060c90a8f1c8cb8",class:"chart-label --x-axis"},this.xAxisLabel,this.parsedUnits[0]&&` (${this.parsedUnits[0]})`)),e("div",{key:"bb4ffc7fbae6ab63e6f3e16c1d7e8a98c382e243",id:"chart-description",class:"sr-only"},`${g.instructions} ${this.description}`),e("div",{key:"de40d0eecd0db387912b45fb2b4576b37e3876aa",ref:t=>this.liveRegionEl=t,"aria-live":"polite",class:"sr-only"},this.announcement)))}get el(){return s(this)}static get watchers(){return{lineData:["parseData"],intervalSkip:["handleIntervalSkip"]}}};f.style=':host{--wmcolor-linechart-currentposition:var(--wmcolor-lavender);--wmcolor-linechart-delta-text-negative:var(--wmcolor-text-negative);--wmcolor-linechart-delta-text-positive:var(--wmcolor-text-positive);--wmcolor-linechart-gridline:var(--wmcolor-chart-gridline);--wmcolor-linechart-highlight-background:var(--wmcolor-background-highlight);--wmcolor-linechart-popover-background:var(--wmcolor-chart-popover-background);display:block;height:500px;width:100%;font-size:14px;overflow-y:visible;overflow-x:auto}:host .component-wrapper{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;min-width:562px;width:100%;height:100%;outline:none}:host .icon{display:-ms-inline-flexbox;display:inline-flex;-ms-flex-align:center;align-items:center;position:relative;color:var(--iconColor);-webkit-transform:var(--translation, unset);transform:var(--translation, unset)}:host .icon:before{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:var(--icon);padding:0 3px;z-index:1}:host .icon:after{color:white;position:absolute;left:3px;-webkit-transform:scale(180%);transform:scale(180%);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:var(--icon);z-index:0}:host .legend{display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;gap:8px 16px;margin-top:4px;margin-bottom:16px}:host .legend .legend-label{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;cursor:default;font-weight:600}:host .legend .legend-label.faded{opacity:0.3}:host .legend .legend-label .icon{margin-right:4px}:host .legend .visibility-toggle{margin-left:4px}:host .chart-wrapper{position:relative;-ms-flex-positive:1;flex-grow:1;display:grid;grid-template-columns:auto auto 1fr;grid-template-rows:1fr auto auto;margin-right:16px}:host .chart-label{font-size:14px;font-weight:600}:host .chart-label.--y-axis{height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;width:var(--labelWidth);align-self:center;margin-right:16px;grid-area:1/1/2/2;-webkit-hyphens:auto;-ms-hyphens:auto;hyphens:auto}:host .chart-label.--x-axis{margin-top:16px;text-align:center;grid-area:3/3/4/4}:host .y-intervals{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-pack:justify;justify-content:space-between;grid-area:1/2/2/3;margin-right:4px}:host .y-intervals .y-interval{text-align:right}:host .x-intervals{display:grid;grid-template-columns:var(--columns);grid-area:2/3/3/4;line-height:1;margin-top:4px}:host .x-intervals .x-interval{text-align:center}:host .x-intervals .x-interval:first-child{text-align:left}:host .x-intervals .x-interval:last-child{text-align:right}:host .x-intervals .x-interval.hidden{visibility:hidden}:host .plot-area{position:relative;grid-area:1/3/2/4;background-image:linear-gradient(90deg, var(--wmcolor-linechart-gridline) 1px, transparent 1px);border-bottom:1px solid var(--wmcolor-linechart-gridline);background-size:var(--backgroundSize)}:host .plot-area.right-border{border-right:1px solid var(--wmcolor-linechart-gridline)}:host .line{position:absolute;width:100%;height:100%}:host .line .icon{position:absolute;-webkit-transform:var(--translation);transform:var(--translation);left:var(--xPosition);top:var(--yPosition);z-index:1}:host .line .icon:focus{z-index:2;outline:none}:host .line .icon:focus:before{outline:3px solid var(--wmcolor-interactive-focus);outline-offset:0;border-radius:3px}:host .line .line-svg{height:100%;width:100%}:host .line.faded{opacity:0.3}:host .line.focused{z-index:1}:host .line.hidden{visibility:hidden}:host .hover-area-wrapper{position:absolute;width:100%;height:100%;top:0;left:0;display:grid;grid-template-rows:1fr;grid-template-columns:var(--columns)}:host .hover-indicator{-webkit-box-sizing:border-box;box-sizing:border-box;position:absolute;height:100%;width:2px;border:1px solid var(--wmcolor-linechart-currentposition);-webkit-transform:translateX(-50%);transform:translateX(-50%);left:var(--xPosition);grid-column:3/4;grid-row:1/2;pointer-events:none}:host .popover{width:-webkit-max-content;width:-moz-max-content;width:max-content;max-width:400px;background-color:var(--wmcolor-linechart-popover-background);position:absolute;top:var(--topPosition, 0);left:var(--leftPosition, unset);right:var(--rightPosition, unset);padding:16px;border-radius:5px;-webkit-box-shadow:0px 2px 10px 0px rgba(0, 0, 0, 0.09);box-shadow:0px 2px 10px 0px rgba(0, 0, 0, 0.09);-webkit-transform:translateY(-50%);transform:translateY(-50%);line-height:1;z-index:3;grid-column:3/4;grid-row:1/2;pointer-events:none;-webkit-box-sizing:border-box;box-sizing:border-box}:host .popover .title{font-size:16px;font-weight:600}:host .popover .comparison-title{font-style:italic;margin-top:4px}:host .popover .unit{font-size:12px;font-weight:600}:host .popover .unit.--x{margin-left:4px}:host .popover .popover-table{margin-top:16px}:host .popover .popover-table .popover-row{line-height:1}:host .popover .popover-table .popover-row:not(:last-child) td{padding-bottom:8px}:host .popover .popover-table .popover-row .row-label{font-weight:600;padding-right:16px;overflow-wrap:anywhere}:host .popover .popover-table .popover-row .row-label .icon{margin-right:4px}:host .popover .popover-table .popover-row .row-value,:host .popover .popover-table .popover-row .delta{text-align:right;white-space:nowrap}:host .popover .popover-table .popover-row .delta{padding-left:12px;font-weight:600}:host .popover .popover-table .popover-row .delta.--positive{color:var(--wmcolor-linechart-delta-text-positive)}:host .popover .popover-table .popover-row .delta.--negative{color:var(--wmcolor-linechart-delta-text-negative)}:host .highlight{position:absolute;height:100%;background-color:color-mix(in srgb, var(--wmcolor-linechart-highlight-background) 60%, transparent);left:var(--startPercentage);right:var(--endPercentage)}:host .sr-only{position:absolute !important;width:1px !important;height:1px !important;padding:0 !important;border:0 !important;overflow:hidden !important;clip:rect(0, 0, 0, 0) !important;-webkit-clip-path:inset(50%) !important;clip-path:inset(50%) !important;white-space:nowrap !important;margin:-1px !important}';export{f as wm_line_chart}
1
+ import{r as t,f as i,h as e,H as o,g as s}from"./p-a431d6e5.js";import{d as r,y as n,v as a,z as l,A as h,B as c}from"./p-fc710a30.js";import{n as p,o as d}from"./p-681c1853.js";import{l as g,c as v,g as b}from"./p-644092fd.js";const f=class{constructor(i){t(this,i),this.minTickWidth=120,this.popoverData=[],this.focusedDataPoint=[0,0],this.dataPointMatrix=[],this.xIntervals=[],this.displayedXIntervals=[],this.yIntervals=[],this.lineStyles=[{color:"#8b86ca",icon:"f536"},{color:"#2e1b46",icon:"f12f"},{color:"#0089e4",icon:"f763"},{color:"#088000",icon:"f4ce"},{color:"#ea8500",icon:"f70a"},{color:"#d54f41",icon:"f536"},{color:"#146ca9",icon:"f6ff"}],this.debouncedResize=r((async()=>{this.displayedXIntervals=this.determineDisplayedXIntervals()}),100),this.label=void 0,this.description="",this.xAxisLabel=void 0,this.yAxisLabel=void 0,this.lineData=void 0,this.units="null,null",this.labelWidth="120px",this.highlightQualifier="highlighted",this.highlightStart=void 0,this.highlightEnd=void 0,this.visibilityToggles=!1,this.showDeltas=!1,this.yRange=void 0,this.parsedLineData={},this.popoverIndex=-1,this.focusedLine=-1,this.hiddenLines=[],this.isTabbing=!1,this.intervalSkip=0,this.announcement=""}parseData(){this.parsedLineData=JSON.parse(this.lineData),this.yIntervals=this.calcYIntervals().reverse(),this.xIntervals=Object.keys(Object.values(this.parsedLineData)[0]),this.displayedXIntervals=this.determineDisplayedXIntervals(),this.dataPointMatrix=Object.entries(this.parsedLineData).map((t=>this.buildLineDataPointDetails(t[0],t[1]))),this.popoverData=n(this.dataPointMatrix)}handleIntervalSkip(){this.parseData()}get hasPartialInterval(){return this.intervalSkip>0&&this.xIntervals.length%2==0}get parsedUnits(){return a(this.units).map((t=>"null"===t?null:t))}get visibilityToggleEls(){return this.legendEl.querySelectorAll("wm-button")}get lineEls(){return this.plotAreaEl.querySelectorAll(".line")}get firstVisibleLineIdx(){let t=0;for(;this.hiddenLines.includes(t);)t++;return t<this.dataPointMatrix.length?t:-1}get pointEls(){return this.plotAreaEl.querySelectorAll(".point")}toggleTabbingOn(){this.isTabbing=!0}toggleTabbingOff(){this.isTabbing=!1}componentWillLoad(){this.parseData()}componentDidLoad(){new ResizeObserver((()=>this.debouncedResize())).observe(this.el)}handleVisibilityToggleKeydown(t,i){switch(t.key){case"Tab":t.shiftKey||-1===this.firstVisibleLineIdx||(t.preventDefault(),this.announce(this.lineFocusMessage(this.firstVisibleLineIdx)),this.focusDataPoint(this.firstVisibleLineIdx,0));break;case"ArrowUp":case"ArrowLeft":t.preventDefault();const e=l(i,-1,this.dataPointMatrix.length-1);this.visibilityToggleEls[e].focus();break;case"ArrowDown":case"ArrowRight":t.preventDefault();const o=l(i,1,this.dataPointMatrix.length-1);this.visibilityToggleEls[o].focus()}}handleDataPointKeydown(t){const[i,e]=this.focusedDataPoint,o=this.lineEls[i].querySelectorAll(".point").length,s=this.dataPointMatrix.length;switch(t.key){case"Tab":t.shiftKey&&this.visibilityToggles&&(t.preventDefault(),this.visibilityToggleEls[0].focus());break;case"ArrowUp":t.preventDefault();let r=i;do{r=l(r,-1,s-1)}while(this.hiddenLines.includes(r));this.announce(this.lineFocusMessage(r)),this.focusDataPoint(r,e);break;case"ArrowDown":t.preventDefault();let n=i;do{n=l(n,1,s-1)}while(this.hiddenLines.includes(n));this.announce(this.lineFocusMessage(n)),this.focusDataPoint(n,e);break;case"ArrowLeft":t.preventDefault();const a=l(e,-1,o-1);this.focusDataPoint(i,a);break;case"ArrowRight":t.preventDefault();const h=l(e,1,o-1);this.focusDataPoint(i,h)}}announce(t){this.liveRegionEl.textContent===t&&(t+=" "),this.announcement=t}lineFocusMessage(t){const i=this.dataPointMatrix[t][0].lineLabel,e=this.dataPointMatrix[t].filter((t=>null!==t.yValue)).length;return`${i}, line ${t+1} of ${this.dataPointMatrix.length} with ${e} data points`}focusDataPoint(t,i){const e=this.lineEls[t].querySelectorAll(".point")[i];this.pointEls.forEach((t=>t.tabIndex=-1)),e.tabIndex=0,e.focus(),this.focusedDataPoint=[t,i]}focusDataPointByEl(t){const i=parseInt(t.dataset.lineidx),e=Array.from(t.parentElement.querySelectorAll(".point")).indexOf(t);this.pointEls.forEach((t=>t.tabIndex=-1)),t.tabIndex=0,t.focus(),this.focusedDataPoint=[i,e]}calcYIntervals(){let t=[];if(this.yRange)t=a(this.yRange).map((t=>parseInt(t)));else{let i=[];Object.values(this.parsedLineData).flat().forEach((t=>i.push(...Object.values(t))));const e=i.filter((t=>null!==t));let o=Math.min(...e);const s=Math.max(...e);let r=d(s-o,4),n=r;for(;o%r!=0&&n>0;)o--,n--;r=d(s-o,4);let a=o;for(;a<=s+r;)t.push(a),a+=r}return t}determineDisplayedXIntervals(){const t=this.plotAreaEl&&this.plotAreaEl.clientWidth>0?Math.round(this.plotAreaEl.clientWidth/this.minTickWidth):this.xIntervals.length,{skipInterval:i,skippedList:e}=h(this.xIntervals,t);return this.intervalSkip=i,e}buildLineDataPointDetails(t,i){let e=[];const o=Object.entries(i);let s;return o.forEach(((i,r)=>{const[n,a]=i;let l=100/(o.length-1)*r;const h=null===a?null:100-c(a,this.yIntervals[this.yIntervals.length-1],this.yIntervals[0]);0===r&&(l+=this.plotAreaEl&&this.plotAreaEl.clientWidth>0?8/this.plotAreaEl.clientWidth*100:1),n!==this.highlightStart||s||(s=!0),e.push({lineLabel:t,xValue:n,yValue:a,xPositionPercent:l,yPositionPercent:h,highlighted:s}),n===this.highlightEnd&&s&&(s=!1)})),e}toggleLineVisibility(t){this.hiddenLines.includes(t)?this.hiddenLines=this.hiddenLines.filter((i=>i!==t)):this.hiddenLines.push(t),i(this.el)}resetDataPointFocus(){this.popoverIndex=-1,this.pointEls.forEach((t=>t.tabIndex=-1)),-1!==this.firstVisibleLineIdx&&(this.lineEls[this.firstVisibleLineIdx].querySelectorAll(".point")[0].tabIndex=0,this.focusedDataPoint=[this.firstVisibleLineIdx,0])}calcDelta(t,i){let e;if(null===t.yValue||null===i.yValue)e=g.noData;else if(t.yValue==i.yValue)e="0%";else if(0==i.yValue)e="-";else{const o=Math.round((t.yValue-i.yValue)/i.yValue*100*100)/100;e=`${o>0?"+":""}${o}%`}return e}renderLegend(){const t=Object.keys(this.parsedLineData);return e("div",{ref:t=>this.legendEl=t,class:"legend"},t.map(((t,i)=>{const o=this.hiddenLines.includes(i);return e("div",{id:`legend-label-${i}`,class:"legend-label "+(-1!==this.focusedLine&&this.focusedLine!==i?"faded":""),onMouseEnter:()=>this.focusedLine=o?-1:i,onMouseLeave:()=>this.focusedLine=-1},this.renderIcon(i),t,this.visibilityToggles&&this.renderVisibilityToggle(t,i,o))})))}renderVisibilityToggle(t,i,o){return e("wm-button",{id:`visibility-button-${i}`,class:"visibility-toggle","label-for-identical-buttons":`${0===i?`Toggle line visibility list with ${this.dataPointMatrix.length} items`:""} ${o?b.show:b.hide} ${t} toggle ${o?"pressed":""}`,"button-type":"navigational",tooltip:o?b.show:b.hide,tooltipPosition:"bottom",icon:o?"f209":"f208",onClick:()=>this.toggleLineVisibility(i),onKeyDown:t=>this.handleVisibilityToggleKeydown(t,i),onFocus:()=>this.popoverIndex=-1})}renderIcon(t){const{color:i,icon:o}=this.lineStyles[t];return e("span",{class:"icon",style:{"--iconColor":i,"--icon":`"\\${o}"`,"--translation":5===t?"rotate(180deg)":"unset"}})}renderXIntervals(){return e("div",{class:"x-intervals",style:{"--columns":`.5fr repeat(${this.xIntervals.length-2}, 1fr) .5fr`}},this.xIntervals.map((t=>e("span",{class:"x-interval "+(this.displayedXIntervals.includes(t)?"":"hidden")},t))))}renderYIntervals(){return e("div",{ref:t=>this.yIntervalsEl=t,class:"y-intervals"},this.yIntervals.map((t=>e("span",{class:"y-interval"},p(t)))))}renderData(){return this.dataPointMatrix.map(((t,i)=>{let o=this.focusedLine===i?"focused":"faded";const s=this.hiddenLines.includes(i);return e("div",{class:`line ${-1!==this.focusedLine?o:""} ${s?"hidden":""}`},this.renderLines(i),this.renderPoints(i))}))}renderPoints(t){const i=this.dataPointMatrix[t];return e("div",{class:"line-icons"},i.map(((o,s)=>{const{lineLabel:r,xValue:n,yValue:a,xPositionPercent:l,yPositionPercent:h,highlighted:c}=o;if(null!==a){const{color:p,icon:d}=this.lineStyles[t],v=0===t&&0===s?0:void 0,b={"--icon":`"\\${d}"`,"--iconColor":p,"--xPosition":l+"%","--yPosition":h+"%","--translation":5===t?"translate(-50%, -50%) rotate(180deg)":"translate(-50%, -50%)"};let f=`${r} ${c?this.highlightQualifier:""} ${this.xAxisLabel} ${n+(this.parsedUnits[0]?this.parsedUnits[0]:"")}, ${this.yAxisLabel}: ${a+(this.parsedUnits[1]?this.parsedUnits[1]:"")}`;if(this.showDeltas&&s>0){const t=i[s-1];f+=`, ${g.getChangeSince(t.xValue)} ${this.calcDelta(o,t)}`}return e("span",{id:`${r}-${s}`,role:"img","aria-label":f,tabIndex:v,class:"point icon",style:b,"data-lineidx":t,"data-xvalue":n,onKeyDown:t=>this.handleDataPointKeydown(t),onFocus:()=>this.popoverIndex=s,onClick:t=>this.focusDataPointByEl(t.target),onMouseEnter:()=>this.popoverIndex=s})}})))}renderLines(t){const i=this.dataPointMatrix[t];return e("svg",{class:"line-svg"},i.map(((o,s)=>{if(null!==o.yValue&&s!==i.length-1&&null!==i[s+1].yValue){const{color:r}=this.lineStyles[t],{xPositionPercent:n,yPositionPercent:a}=o,{xPositionPercent:l,yPositionPercent:h}=i[s+1];return e("line",{x1:n+"%",y1:a+"%",x2:l+"%",y2:h+"%",stroke:r,"stroke-width":"2px"})}})))}renderHoverAreas(){return e("div",{class:"hover-area-wrapper",style:{"--columns":`.5fr repeat(${this.xIntervals.length-2}, 1fr) .5fr`},onMouseLeave:()=>this.popoverIndex=-1},this.xIntervals.map(((t,i)=>e("div",{onMouseEnter:()=>this.popoverIndex=i}))))}renderPopover(){if(!(this.popoverData&&this.popoverData[this.popoverIndex]&&this.plotAreaEl.querySelector(`.point[data-xvalue="${this.dataPointMatrix[0][this.popoverIndex].xValue}"]`)))return"";const t=this.popoverData[this.popoverIndex],i=t[0].xPositionPercent,o=t.map((t=>t.yPositionPercent)).filter((t=>null!==t)),s=o.reduce(((t,i)=>t+i),0)/o.length,r=this.plotAreaEl.querySelector(`.point[data-xvalue="${this.dataPointMatrix[0][this.popoverIndex].xValue}"]`),n=this.el.getBoundingClientRect(),a=r.getBoundingClientRect(),l=a.left-n.left,h=n.right-a.right>=(this.popoverEl?Math.min(this.popoverEl.clientWidth,400):400),c=l>=(this.popoverEl?Math.min(this.popoverEl.clientWidth,400):400),p=8/this.plotAreaEl.clientWidth*100;let d={"--leftPosition":h?i+p+"%":"unset","--rightPosition":c?100-i+p+"%":"unset","--topPosition":s+"%",transform:"translateY(-50%)"};if(!c&&!h){const t=`0px - ${this.labelWidth} - 20px - ${this.yIntervalsEl.clientWidth+"px"} + ${this.el.scrollLeft+"px"} + 2px`;d={"--leftPosition":"0%","--topPosition":"0%",maxWidth:Math.min(this.el.clientWidth-2,400)+"px",transform:`translateX(calc(${t}))`}}return e("div",{ref:t=>this.popoverEl=t,class:"popover",style:d},e("div",{class:"title"},t[0].xValue,this.parsedUnits[0]&&e("span",{class:"unit --x"},"(",this.parsedUnits[0],")")),this.showDeltas&&this.popoverIndex>0&&e("div",{class:"comparison-title"},g.getChangeSince(this.popoverData[this.popoverIndex-1][0].xValue)),this.renderPopoverTable())}renderPopoverTable(){return e("table",{class:"popover-table"},this.popoverData[this.popoverIndex].map(((t,i)=>{if(!this.hiddenLines.includes(i)){const{lineLabel:o,yValue:s}=t,r=this.popoverIndex>0?this.popoverData[this.popoverIndex-1][i]:null,n=null!==s?(new Intl.NumberFormat).format(s):null;return e("tr",{class:"popover-row"},e("td",null,this.renderIcon(i)),e("td",{class:"row-label"},o),e("td",{class:"row-value"},null===s?g.noData:n,null!==s&&this.parsedUnits[1]&&e("span",{class:"unit --y"},this.parsedUnits[1])),this.showDeltas&&r&&this.renderDeltas(t,r))}})))}renderDeltas(t,i){const o=this.calcDelta(t,i),s="+"==o.toString()[0]||"-"==o?"positive":"-"==o.toString()[0]?"negative":"";return i&&e("td",{class:`delta --${s}`},o)}renderHoverIndicator(){return this.dataPointMatrix.length>0&&this.dataPointMatrix[0][this.popoverIndex]?e("div",{class:"hover-indicator",style:{"--xPosition":this.dataPointMatrix[0][this.popoverIndex].xPositionPercent+"%"}}):""}renderHighlight(){const t=this.dataPointMatrix[0][this.xIntervals.indexOf(this.highlightStart)].xPositionPercent,i=this.highlightEnd?100-this.dataPointMatrix[0][this.xIntervals.indexOf(this.highlightEnd)].xPositionPercent:0;return e("div",{class:"highlight",style:{"--startPercentage":t+"%","--endPercentage":i+"%"}})}render(){return e(o,{key:"9817eea8765cce513a0848cd222a6409c8f1f912",onBlur:()=>this.resetDataPointFocus(),onMouseLeave:()=>this.popoverIndex=-1},e("div",{key:"60de41437bb425483be4b5a24fc2468c8e8f8d4e",class:"component-wrapper",role:"application","aria-roledescription":v.interactiveChart,"aria-label":this.label,"aria-describedby":"chart-description"},this.renderLegend(),e("div",{key:"2029ed03f09b8c133ee430f7b1d70c9dded326f3",class:"chart-wrapper"},e("div",{key:"4e9123177b8c02cf1fef010d370b2b1a23b2015c",class:"chart-label --y-axis",style:{"--labelWidth":this.labelWidth}},this.yAxisLabel,this.parsedUnits[1]&&` (${this.parsedUnits[1]})`),this.renderYIntervals(),e("div",{key:"3cbe51169818095cd830e7b8099d3a10980e3cf2",ref:t=>this.plotAreaEl=t,class:"plot-area "+(this.hasPartialInterval?"":"right-border"),style:{"--backgroundSize":`${this.dataPointMatrix[0][this.xIntervals.indexOf(this.displayedXIntervals[1])].xPositionPercent}%`}},this.highlightStart&&this.renderHighlight(),this.renderData(),this.renderHoverAreas()),-1!==this.popoverIndex&&this.renderHoverIndicator(),-1!==this.popoverIndex&&this.renderPopover(),this.renderXIntervals(),e("div",{key:"dad130dfb9063769dd36316cb060c90a8f1c8cb8",class:"chart-label --x-axis"},this.xAxisLabel,this.parsedUnits[0]&&` (${this.parsedUnits[0]})`)),e("div",{key:"bb4ffc7fbae6ab63e6f3e16c1d7e8a98c382e243",id:"chart-description",class:"sr-only"},`${g.instructions} ${this.description}`),e("div",{key:"de40d0eecd0db387912b45fb2b4576b37e3876aa",ref:t=>this.liveRegionEl=t,"aria-live":"polite",class:"sr-only"},this.announcement)))}get el(){return s(this)}static get watchers(){return{lineData:["parseData"],intervalSkip:["handleIntervalSkip"]}}};f.style=':host{--wmcolor-linechart-currentposition:var(--wmcolor-lavender);--wmcolor-linechart-delta-text-negative:var(--wmcolor-text-negative);--wmcolor-linechart-delta-text-positive:var(--wmcolor-text-positive);--wmcolor-linechart-gridline:var(--wmcolor-chart-gridline);--wmcolor-linechart-highlight-background:var(--wmcolor-background-highlight);--wmcolor-linechart-popover-background:var(--wmcolor-chart-popover-background);display:block;height:500px;width:100%;font-size:14px;overflow-y:visible;overflow-x:auto}:host .component-wrapper{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;min-width:562px;width:100%;height:100%;outline:none}:host .icon{display:-ms-inline-flexbox;display:inline-flex;-ms-flex-align:center;align-items:center;position:relative;color:var(--iconColor);-webkit-transform:var(--translation, unset);transform:var(--translation, unset)}:host .icon:before{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:var(--icon);padding:0 3px;z-index:1}:host .icon:after{color:white;position:absolute;left:3px;-webkit-transform:scale(180%);transform:scale(180%);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:var(--icon);z-index:0}:host .legend{display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;gap:8px 16px;margin-top:4px;margin-bottom:16px}:host .legend .legend-label{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;cursor:default;font-weight:600}:host .legend .legend-label.faded{opacity:0.3}:host .legend .legend-label .icon{margin-right:4px}:host .legend .visibility-toggle{margin-left:4px}:host .chart-wrapper{position:relative;-ms-flex-positive:1;flex-grow:1;display:grid;grid-template-columns:auto auto 1fr;grid-template-rows:1fr auto auto;margin-right:16px}:host .chart-label{font-size:14px;font-weight:600}:host .chart-label.--y-axis{height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;width:var(--labelWidth);align-self:center;margin-right:16px;grid-area:1/1/2/2;-webkit-hyphens:auto;-ms-hyphens:auto;hyphens:auto}:host .chart-label.--x-axis{margin-top:16px;text-align:center;grid-area:3/3/4/4}:host .y-intervals{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-pack:justify;justify-content:space-between;grid-area:1/2/2/3;margin-right:4px}:host .y-intervals .y-interval{text-align:right}:host .x-intervals{display:grid;grid-template-columns:var(--columns);grid-area:2/3/3/4;line-height:1;margin-top:4px}:host .x-intervals .x-interval{text-align:center}:host .x-intervals .x-interval:first-child{text-align:left}:host .x-intervals .x-interval:last-child{text-align:right}:host .x-intervals .x-interval.hidden{visibility:hidden}:host .plot-area{position:relative;grid-area:1/3/2/4;background-image:linear-gradient(90deg, var(--wmcolor-linechart-gridline) 1px, transparent 1px);border-bottom:1px solid var(--wmcolor-linechart-gridline);background-size:var(--backgroundSize)}:host .plot-area.right-border{border-right:1px solid var(--wmcolor-linechart-gridline)}:host .line{position:absolute;width:100%;height:100%}:host .line .icon{position:absolute;-webkit-transform:var(--translation);transform:var(--translation);left:var(--xPosition);top:var(--yPosition);z-index:1}:host .line .icon:focus{z-index:2;outline:none}:host .line .icon:focus:before{outline:3px solid var(--wmcolor-interactive-focus);outline-offset:0;border-radius:3px}:host .line .line-svg{height:100%;width:100%}:host .line.faded{opacity:0.3}:host .line.focused{z-index:1}:host .line.hidden{visibility:hidden}:host .hover-area-wrapper{position:absolute;width:100%;height:100%;top:0;left:0;display:grid;grid-template-rows:1fr;grid-template-columns:var(--columns)}:host .hover-indicator{-webkit-box-sizing:border-box;box-sizing:border-box;position:absolute;height:100%;width:2px;border:1px solid var(--wmcolor-linechart-currentposition);-webkit-transform:translateX(-50%);transform:translateX(-50%);left:var(--xPosition);grid-column:3/4;grid-row:1/2;pointer-events:none}:host .popover{width:-webkit-max-content;width:-moz-max-content;width:max-content;max-width:400px;background-color:var(--wmcolor-linechart-popover-background);position:absolute;top:var(--topPosition, 0);left:var(--leftPosition, unset);right:var(--rightPosition, unset);padding:16px;border-radius:5px;-webkit-box-shadow:0px 2px 10px 0px rgba(0, 0, 0, 0.09);box-shadow:0px 2px 10px 0px rgba(0, 0, 0, 0.09);-webkit-transform:translateY(-50%);transform:translateY(-50%);line-height:1;z-index:3;grid-column:3/4;grid-row:1/2;pointer-events:none;-webkit-box-sizing:border-box;box-sizing:border-box}:host .popover .title{font-size:16px;font-weight:600}:host .popover .comparison-title{font-style:italic;margin-top:4px}:host .popover .unit{font-size:12px;font-weight:600}:host .popover .unit.--x{margin-left:4px}:host .popover .popover-table{margin-top:16px}:host .popover .popover-table .popover-row{line-height:1}:host .popover .popover-table .popover-row:not(:last-child) td{padding-bottom:8px}:host .popover .popover-table .popover-row .row-label{font-weight:600;padding-right:16px;overflow-wrap:anywhere}:host .popover .popover-table .popover-row .row-label .icon{margin-right:4px}:host .popover .popover-table .popover-row .row-value,:host .popover .popover-table .popover-row .delta{text-align:right;white-space:nowrap}:host .popover .popover-table .popover-row .delta{padding-left:12px;font-weight:600}:host .popover .popover-table .popover-row .delta.--positive{color:var(--wmcolor-linechart-delta-text-positive)}:host .popover .popover-table .popover-row .delta.--negative{color:var(--wmcolor-linechart-delta-text-negative)}:host .highlight{position:absolute;height:100%;background-color:color-mix(in srgb, var(--wmcolor-linechart-highlight-background) 60%, transparent);left:var(--startPercentage);right:var(--endPercentage)}:host .sr-only{position:absolute !important;width:1px !important;height:1px !important;padding:0 !important;border:0 !important;overflow:hidden !important;clip:rect(0, 0, 0, 0) !important;-webkit-clip-path:inset(50%) !important;clip-path:inset(50%) !important;white-space:nowrap !important;margin:-1px !important}';export{f as wm_line_chart}
@@ -1 +1 @@
1
- var __spreadArray=this&&this.__spreadArray||function(n,a,t){if(t||arguments.length===2)for(var r=0,i=a.length,s;r<i;r++){if(s||!(r in a)){if(!s)s=Array.prototype.slice.call(a,0,r);s[r]=a[r]}}return n.concat(s||Array.prototype.slice.call(a))};System.register(["./p-1eb84629.system.js","./p-4c3f4047.system.js","./p-ed372e19.system.js"],(function(n){"use strict";var a,t,r,i,s,o,e,c;return{setters:[function(n){a=n.r;t=n.c;r=n.h;i=n.g},function(n){s=n.g;o=n.s;e=n.h},function(n){c=n.g}],execute:function(){var m=':host{--wmcolor-snackbar-background:var(--wmcolor-background-dark);--wmcolor-snackbar-close-background-hover:var(--wmcolor-button-background-navigational-hover-ondark);--wmcolor-snackbar-close-background:var(--wmcolor-button-background-navigational-ondark);--wmcolor-snackbar-close-icon-hover:var(--wmcolor-button-icon-navigational-hover-ondark);--wmcolor-snackbar-close-icon:var(--wmcolor-button-icon-navigational-ondark);--wmcolor-snackbar-text:var(--wmcolor-text-ondark)}:host *{-webkit-box-sizing:border-box;box-sizing:border-box;margin:unset}:host .wm-snackbars{position:fixed;bottom:0;left:1.25rem;right:1.25rem;padding:0.25rem 0.625rem 1.875rem;z-index:2001;max-width:35.5rem;max-height:17.5rem;-webkit-overflow-scrolling:touch;overflow:auto}:host .wm-snackbars.empty{-ms-transition:all 0.25s 0ms cubic-bezier(0.4, 0, 1, 1);-webkit-transition:all 0.25s 0ms cubic-bezier(0.4, 0, 1, 1);-moz-transition:all 0.25s 0ms cubic-bezier(0.4, 0, 1, 1);transition:all 0.25s 0ms cubic-bezier(0.4, 0, 1, 1);padding-top:0;padding-bottom:0}:host .wm-snackbars .wm-snack-wrapper{width:100%;height:100%}:host .wm-snackbars .wm-snack-wrapper:not(:last-child){margin-bottom:1.25rem}:host .wm-snackbars .wm-snack-wrapper .wm-snackbar{-webkit-box-shadow:0 8px 10px 1px rgba(0, 0, 0, 0.14), 0 3px 14px 3px rgba(0, 0, 0, 0.12), 0 4px 15px 0 rgba(0, 0, 0, 0.2);-moz-box-shadow:0 8px 10px 1px rgba(0, 0, 0, 0.14), 0 3px 14px 3px rgba(0, 0, 0, 0.12), 0 4px 15px 0 rgba(0, 0, 0, 0.2);box-shadow:0 8px 10px 1px rgba(0, 0, 0, 0.14), 0 3px 14px 3px rgba(0, 0, 0, 0.12), 0 4px 15px 0 rgba(0, 0, 0, 0.2);display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-ms-transition:all 0.25s 0ms cubic-bezier(0.4, 0, 1, 1);-webkit-transition:all 0.25s 0ms cubic-bezier(0.4, 0, 1, 1);-moz-transition:all 0.25s 0ms cubic-bezier(0.4, 0, 1, 1);transition:all 0.25s 0ms cubic-bezier(0.4, 0, 1, 1);font-size:0.875rem;color:var(--wmcolor-snackbar-text);padding:0.9375rem 1.875rem;background:var(--wmcolor-snackbar-background);opacity:0;left:0;position:relative;font-family:inherit}:host .wm-snackbars .wm-snack-wrapper .wm-snackbar .link{letter-spacing:0;text-transform:none;font-size:0.875rem;border:none;padding-left:0;padding-right:0;height:auto;border-radius:0;line-height:1;margin:0 3.125rem 0 0.625rem;text-decoration:none;font-weight:600;cursor:pointer}:host .wm-snackbars .wm-snack-wrapper .wm-snackbar .link.new-window::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;display:inline;content:"\\f137";margin-left:0.25rem}:host .wm-snackbars .wm-snack-wrapper .wm-snackbar .link:hover{text-decoration:underline}:host .wm-snackbars .wm-snack-wrapper .wm-snackbar .link:focus{outline:none;border:none}:host .wm-snackbars .wm-snack-wrapper .wm-snackbar .link::-moz-focus-inner{border:0;outline:none}:host .wm-snackbars .wm-snack-wrapper .wm-snackbar:not(:last-child){margin-bottom:1.25rem}:host .wm-snackbars .wm-snack-wrapper .wm-snackbar.active:not(button){opacity:1}:host .wm-snackbars .wm-snack-wrapper .wm-snackbar .wm-snackbarmsg{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;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;width:100%;position:relative;padding:0}:host .wm-snackbars .wm-snack-wrapper .wm-snackbar .wm-snackbarmsg .msgtext{width:100%}:host .wm-snackbars .wm-snack-wrapper .wm-snackbar .wm-snackbarmsg .closesnack{-webkit-box-shadow:none;-moz-box-shadow:none;box-shadow:none;-webkit-border-radius:50%;-moz-border-radius:50%;-ms-border-radius:50%;border-radius:50%;background-color:var(--wmcolor-snackbar-close-background);color:var(--wmcolor-snackbar-close-icon);cursor:pointer;border:none;font-size:1rem;padding:0;height:auto;line-height:1;min-width:2.75rem;min-height:2.75rem;text-align:center;letter-spacing:normal}@media screen and (min-width: 48rem){:host .wm-snackbars .wm-snack-wrapper .wm-snackbar .wm-snackbarmsg .closesnack{min-width:1.875rem;min-height:1.875rem}}:host .wm-snackbars .wm-snack-wrapper .wm-snackbar .wm-snackbarmsg .closesnack:before{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:"\\f156";font-size:1.12rem}:host .wm-snackbars .wm-snack-wrapper .wm-snackbar .wm-snackbarmsg .closesnack:hover{background-color:var(--wmcolor-snackbar-close-background-hover);color:var(--wmcolor-snackbar-close-icon-hover)}:host .wm-snackbars .wm-snack-wrapper .wm-snackbar .wm-snackbarmsg .closesnack:focus{outline:none}:host .wm-snackbars .wm-snack-wrapper .wm-snackbar .wm-snackbarmsg .closesnack::-moz-focus-inner{border:0;outline:none}:host .wm-snackbars .wm-snack-wrapper .wm-snackbar .wm-snackbarmsg .closesnack: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)}:host .wm-snackbars .wm-snack-wrapper .wm-snackbar .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;top:0;left:0}:host .sr-only{position:absolute !important;width:1px !important;height:1px !important;padding:0 !important;border:0 !important;overflow:hidden !important;clip:rect(0, 0, 0, 0) !important;-webkit-clip-path:inset(50%) !important;clip-path:inset(50%) !important;white-space:nowrap !important;margin:-1px !important;top:0;left:0}.user-is-tabbing .wm-snack-wrapper .wm-snackbar .wm-snackbarmsg .closesnack:focus:not(:active){outline:3px solid var(--wmcolor-interactive-focus);outline-offset:0}.user-is-tabbing .wm-snack-wrapper .wm-snackbar .wm-snackbarmsg .closesnack:focus:not(:active)>.tooltip{clip:auto;width:auto;height:auto;opacity:1;-webkit-transition:opacity 500ms 500ms;transition:opacity 500ms 500ms;padding:0.375rem;top:2.75rem;left:2.75rem;white-space:nowrap;-webkit-transform:translateX(-50%);transform:translateX(-50%)}@media screen and (min-width: 48rem){.user-is-tabbing .wm-snack-wrapper .wm-snackbar .wm-snackbarmsg .closesnack:focus:not(:active)>.tooltip{top:2.0625rem;left:auto}}.user-is-tabbing .wm-snack-wrapper .wm-snackbar .wm-snackbarmsg .link:focus:not(:active){outline:3px solid var(--wmcolor-interactive-focus);outline-offset:2px}';var l=m;var b=n("wm_snackbar",function(){function n(n){a(this,n);this.wmSnackbarSnackFinished=t(this,"wmSnackbarSnackFinished",7);this.wmSnackbarActionTriggered=t(this,"wmSnackbarActionTriggered",7);this.parsedNotifications=[];this.uid=this.el.id?this.el.id:s();this.focusOnDismiss=null;this.timers=[];this.notifications="[]";this.isTabbing=false;this.announcement=""}n.prototype.updateSnacks=function(n){var a=this;var t=this.parsedNotifications.length;this.parsedNotifications=__spreadArray([],JSON.parse(n),true);if(t<this.parsedNotifications.length){var r=this.parsedNotifications[0];var i=window.setTimeout((function(){return a.snackExpired()}),2e4);this.timers=__spreadArray([i],this.timers,true);this.announce("".concat(r.message," ").concat(this.isTabbing?"":r.link));if(this.isTabbing&&r.link){this.focusOnDismiss=document.activeElement?document.activeElement:null;this.stopTimer(r);window.requestAnimationFrame((function(){var n=a.el.shadowRoot.querySelector("#action-".concat(r.id));n.focus()}))}}};n.prototype.toggleTabbingOn=function(){this.isTabbing=true};n.prototype.toggleTabbingOff=function(){this.isTabbing=false};n.prototype.checkForTabbing=function(n){if(n.key==="Tab"){this.toggleTabbingOn()}};n.prototype.handleMouse=function(){this.toggleTabbingOff()};n.prototype.snackDismissed=function(n){this.endSnack(n);if(n.link&&this.isTabbing&&this.focusOnDismiss){this.focusOnDismiss.focus();this.focusOnDismiss=null}};n.prototype.snackExpired=function(){var n=this.parsedNotifications[this.parsedNotifications.length-1];this.endSnack(n)};n.prototype.endSnack=function(n){this.stopTimer(n);this.wmSnackbarSnackFinished.emit({id:n.id,message:n.message,link:n.link,newWindow:n.newWindow})};n.prototype.snackLinkClicked=function(n){this.stopTimer(n);this.wmSnackbarActionTriggered.emit({id:n.id,message:n.message,link:n.link,newWindow:n.newWindow})};n.prototype.stopTimer=function(n){var a=this;this.parsedNotifications.forEach((function(t,r){if(t.id===n.id){clearTimeout(a.timers[r]);a.timers=a.timers.filter((function(n,a){if(a!==r){return n}}))}}))};n.prototype.announce=function(n){if(this.liveRegionEl.textContent===n){n+=" "}this.announcement=n};n.prototype.renderSnackbars=function(){var n=this;return this.parsedNotifications.map((function(a){return r("div",{class:"wm-snack-wrapper"},r("div",{id:"snack-".concat(n.uid),class:"wm-snackbar active neutral"},r("div",{class:"sr-only",tabindex:a.link?0:-1,onFocus:function(){return a.link&&n.snackDismissed(a)}}),r("div",{class:"wm-snackbarmsg"},r("div",{class:"msgtext"},r("span",null,a.message),a.link&&r("a",{id:"action-".concat(a.id),class:"link ".concat(a.newWindow?"new-window":""),"aria-label":"Click to ".concat(a.link,"...").concat(a.newWindow?" "+c.newWindow:""),tabindex:0,onClick:function(){n.snackLinkClicked(a)},onKeyDown:function(t){return t.key==="Enter"&&n.snackLinkClicked(a)}},r("span",{"aria-hidden":"true"},a.link))),r("button",{id:"close-button-".concat(a.id),"aria-label":"Close this notification",class:"closesnack",tabindex:a.link?0:-1,onClick:function(){return n.snackDismissed(a)},onMouseEnter:function(n){return o("bottom",n.target,c.close)},onMouseLeave:function(){return e()},onFocus:function(a){return n.isTabbing&&o("bottom",a.target,c.close)},onBlur:function(){return e()}})),r("div",{class:"sr-only",tabindex:a.link?0:-1,onFocus:function(){return a.link&&n.snackDismissed(a)}})))}))};n.prototype.render=function(){var n=this;return r("div",{key:"617193748c9598e9174afd35040ee1e5e2fe30a7",class:{"wm-snackbars":true,empty:this.parsedNotifications.length===0,"user-is-tabbing":this.isTabbing}},r("div",{key:"378271fcda38d38b9df1f89f54cf28e46ce0b0e7",class:"sr-only","aria-live":"polite","aria-atomic":"false",id:"wm-live-region-".concat(this.uid),ref:function(a){return n.liveRegionEl=a}},this.announcement),this.renderSnackbars())};Object.defineProperty(n.prototype,"el",{get:function(){return i(this)},enumerable:false,configurable:true});Object.defineProperty(n,"watchers",{get:function(){return{notifications:["updateSnacks"]}},enumerable:false,configurable:true});return n}());b.style=l}}}));
1
+ var __spreadArray=this&&this.__spreadArray||function(n,a,t){if(t||arguments.length===2)for(var r=0,i=a.length,s;r<i;r++){if(s||!(r in a)){if(!s)s=Array.prototype.slice.call(a,0,r);s[r]=a[r]}}return n.concat(s||Array.prototype.slice.call(a))};System.register(["./p-539b7be9.system.js","./p-4c3f4047.system.js","./p-ed372e19.system.js"],(function(n){"use strict";var a,t,r,i,s,o,e,c;return{setters:[function(n){a=n.r;t=n.c;r=n.h;i=n.g},function(n){s=n.g;o=n.s;e=n.h},function(n){c=n.g}],execute:function(){var m=':host{--wmcolor-snackbar-background:var(--wmcolor-background-dark);--wmcolor-snackbar-close-background-hover:var(--wmcolor-button-background-navigational-hover-ondark);--wmcolor-snackbar-close-background:var(--wmcolor-button-background-navigational-ondark);--wmcolor-snackbar-close-icon-hover:var(--wmcolor-button-icon-navigational-hover-ondark);--wmcolor-snackbar-close-icon:var(--wmcolor-button-icon-navigational-ondark);--wmcolor-snackbar-text:var(--wmcolor-text-ondark)}:host *{-webkit-box-sizing:border-box;box-sizing:border-box;margin:unset}:host .wm-snackbars{position:fixed;bottom:0;left:1.25rem;right:1.25rem;padding:0.25rem 0.625rem 1.875rem;z-index:2001;max-width:35.5rem;max-height:17.5rem;-webkit-overflow-scrolling:touch;overflow:auto}:host .wm-snackbars.empty{-ms-transition:all 0.25s 0ms cubic-bezier(0.4, 0, 1, 1);-webkit-transition:all 0.25s 0ms cubic-bezier(0.4, 0, 1, 1);-moz-transition:all 0.25s 0ms cubic-bezier(0.4, 0, 1, 1);transition:all 0.25s 0ms cubic-bezier(0.4, 0, 1, 1);padding-top:0;padding-bottom:0}:host .wm-snackbars .wm-snack-wrapper{width:100%;height:100%}:host .wm-snackbars .wm-snack-wrapper:not(:last-child){margin-bottom:1.25rem}:host .wm-snackbars .wm-snack-wrapper .wm-snackbar{-webkit-box-shadow:0 8px 10px 1px rgba(0, 0, 0, 0.14), 0 3px 14px 3px rgba(0, 0, 0, 0.12), 0 4px 15px 0 rgba(0, 0, 0, 0.2);-moz-box-shadow:0 8px 10px 1px rgba(0, 0, 0, 0.14), 0 3px 14px 3px rgba(0, 0, 0, 0.12), 0 4px 15px 0 rgba(0, 0, 0, 0.2);box-shadow:0 8px 10px 1px rgba(0, 0, 0, 0.14), 0 3px 14px 3px rgba(0, 0, 0, 0.12), 0 4px 15px 0 rgba(0, 0, 0, 0.2);display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-ms-transition:all 0.25s 0ms cubic-bezier(0.4, 0, 1, 1);-webkit-transition:all 0.25s 0ms cubic-bezier(0.4, 0, 1, 1);-moz-transition:all 0.25s 0ms cubic-bezier(0.4, 0, 1, 1);transition:all 0.25s 0ms cubic-bezier(0.4, 0, 1, 1);font-size:0.875rem;color:var(--wmcolor-snackbar-text);padding:0.9375rem 1.875rem;background:var(--wmcolor-snackbar-background);opacity:0;left:0;position:relative;font-family:inherit}:host .wm-snackbars .wm-snack-wrapper .wm-snackbar .link{letter-spacing:0;text-transform:none;font-size:0.875rem;border:none;padding-left:0;padding-right:0;height:auto;border-radius:0;line-height:1;margin:0 3.125rem 0 0.625rem;text-decoration:none;font-weight:600;cursor:pointer}:host .wm-snackbars .wm-snack-wrapper .wm-snackbar .link.new-window::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;display:inline;content:"\\f137";margin-left:0.25rem}:host .wm-snackbars .wm-snack-wrapper .wm-snackbar .link:hover{text-decoration:underline}:host .wm-snackbars .wm-snack-wrapper .wm-snackbar .link:focus{outline:none;border:none}:host .wm-snackbars .wm-snack-wrapper .wm-snackbar .link::-moz-focus-inner{border:0;outline:none}:host .wm-snackbars .wm-snack-wrapper .wm-snackbar:not(:last-child){margin-bottom:1.25rem}:host .wm-snackbars .wm-snack-wrapper .wm-snackbar.active:not(button){opacity:1}:host .wm-snackbars .wm-snack-wrapper .wm-snackbar .wm-snackbarmsg{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;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;width:100%;position:relative;padding:0}:host .wm-snackbars .wm-snack-wrapper .wm-snackbar .wm-snackbarmsg .msgtext{width:100%}:host .wm-snackbars .wm-snack-wrapper .wm-snackbar .wm-snackbarmsg .closesnack{-webkit-box-shadow:none;-moz-box-shadow:none;box-shadow:none;-webkit-border-radius:50%;-moz-border-radius:50%;-ms-border-radius:50%;border-radius:50%;background-color:var(--wmcolor-snackbar-close-background);color:var(--wmcolor-snackbar-close-icon);cursor:pointer;border:none;font-size:1rem;padding:0;height:auto;line-height:1;min-width:2.75rem;min-height:2.75rem;text-align:center;letter-spacing:normal}@media screen and (min-width: 48rem){:host .wm-snackbars .wm-snack-wrapper .wm-snackbar .wm-snackbarmsg .closesnack{min-width:1.875rem;min-height:1.875rem}}:host .wm-snackbars .wm-snack-wrapper .wm-snackbar .wm-snackbarmsg .closesnack:before{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:"\\f156";font-size:1.12rem}:host .wm-snackbars .wm-snack-wrapper .wm-snackbar .wm-snackbarmsg .closesnack:hover{background-color:var(--wmcolor-snackbar-close-background-hover);color:var(--wmcolor-snackbar-close-icon-hover)}:host .wm-snackbars .wm-snack-wrapper .wm-snackbar .wm-snackbarmsg .closesnack:focus{outline:none}:host .wm-snackbars .wm-snack-wrapper .wm-snackbar .wm-snackbarmsg .closesnack::-moz-focus-inner{border:0;outline:none}:host .wm-snackbars .wm-snack-wrapper .wm-snackbar .wm-snackbarmsg .closesnack: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)}:host .wm-snackbars .wm-snack-wrapper .wm-snackbar .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;top:0;left:0}:host .sr-only{position:absolute !important;width:1px !important;height:1px !important;padding:0 !important;border:0 !important;overflow:hidden !important;clip:rect(0, 0, 0, 0) !important;-webkit-clip-path:inset(50%) !important;clip-path:inset(50%) !important;white-space:nowrap !important;margin:-1px !important;top:0;left:0}.user-is-tabbing .wm-snack-wrapper .wm-snackbar .wm-snackbarmsg .closesnack:focus:not(:active){outline:3px solid var(--wmcolor-interactive-focus);outline-offset:0}.user-is-tabbing .wm-snack-wrapper .wm-snackbar .wm-snackbarmsg .closesnack:focus:not(:active)>.tooltip{clip:auto;width:auto;height:auto;opacity:1;-webkit-transition:opacity 500ms 500ms;transition:opacity 500ms 500ms;padding:0.375rem;top:2.75rem;left:2.75rem;white-space:nowrap;-webkit-transform:translateX(-50%);transform:translateX(-50%)}@media screen and (min-width: 48rem){.user-is-tabbing .wm-snack-wrapper .wm-snackbar .wm-snackbarmsg .closesnack:focus:not(:active)>.tooltip{top:2.0625rem;left:auto}}.user-is-tabbing .wm-snack-wrapper .wm-snackbar .wm-snackbarmsg .link:focus:not(:active){outline:3px solid var(--wmcolor-interactive-focus);outline-offset:2px}';var l=m;var b=n("wm_snackbar",function(){function n(n){a(this,n);this.wmSnackbarSnackFinished=t(this,"wmSnackbarSnackFinished",7);this.wmSnackbarActionTriggered=t(this,"wmSnackbarActionTriggered",7);this.parsedNotifications=[];this.uid=this.el.id?this.el.id:s();this.focusOnDismiss=null;this.timers=[];this.notifications="[]";this.isTabbing=false;this.announcement=""}n.prototype.updateSnacks=function(n){var a=this;var t=this.parsedNotifications.length;this.parsedNotifications=__spreadArray([],JSON.parse(n),true);if(t<this.parsedNotifications.length){var r=this.parsedNotifications[0];var i=window.setTimeout((function(){return a.snackExpired()}),2e4);this.timers=__spreadArray([i],this.timers,true);this.announce("".concat(r.message," ").concat(this.isTabbing?"":r.link));if(this.isTabbing&&r.link){this.focusOnDismiss=document.activeElement?document.activeElement:null;this.stopTimer(r);window.requestAnimationFrame((function(){var n=a.el.shadowRoot.querySelector("#action-".concat(r.id));n.focus()}))}}};n.prototype.toggleTabbingOn=function(){this.isTabbing=true};n.prototype.toggleTabbingOff=function(){this.isTabbing=false};n.prototype.checkForTabbing=function(n){if(n.key==="Tab"){this.toggleTabbingOn()}};n.prototype.handleMouse=function(){this.toggleTabbingOff()};n.prototype.snackDismissed=function(n){this.endSnack(n);if(n.link&&this.isTabbing&&this.focusOnDismiss){this.focusOnDismiss.focus();this.focusOnDismiss=null}};n.prototype.snackExpired=function(){var n=this.parsedNotifications[this.parsedNotifications.length-1];this.endSnack(n)};n.prototype.endSnack=function(n){this.stopTimer(n);this.wmSnackbarSnackFinished.emit({id:n.id,message:n.message,link:n.link,newWindow:n.newWindow})};n.prototype.snackLinkClicked=function(n){this.stopTimer(n);this.wmSnackbarActionTriggered.emit({id:n.id,message:n.message,link:n.link,newWindow:n.newWindow})};n.prototype.stopTimer=function(n){var a=this;this.parsedNotifications.forEach((function(t,r){if(t.id===n.id){clearTimeout(a.timers[r]);a.timers=a.timers.filter((function(n,a){if(a!==r){return n}}))}}))};n.prototype.announce=function(n){if(this.liveRegionEl.textContent===n){n+=" "}this.announcement=n};n.prototype.renderSnackbars=function(){var n=this;return this.parsedNotifications.map((function(a){return r("div",{class:"wm-snack-wrapper"},r("div",{id:"snack-".concat(n.uid),class:"wm-snackbar active neutral"},r("div",{class:"sr-only",tabindex:a.link?0:-1,onFocus:function(){return a.link&&n.snackDismissed(a)}}),r("div",{class:"wm-snackbarmsg"},r("div",{class:"msgtext"},r("span",null,a.message),a.link&&r("a",{id:"action-".concat(a.id),class:"link ".concat(a.newWindow?"new-window":""),"aria-label":"Click to ".concat(a.link,"...").concat(a.newWindow?" "+c.newWindow:""),tabindex:0,onClick:function(){n.snackLinkClicked(a)},onKeyDown:function(t){return t.key==="Enter"&&n.snackLinkClicked(a)}},r("span",{"aria-hidden":"true"},a.link))),r("button",{id:"close-button-".concat(a.id),"aria-label":"Close this notification",class:"closesnack",tabindex:a.link?0:-1,onClick:function(){return n.snackDismissed(a)},onMouseEnter:function(n){return o("bottom",n.target,c.close)},onMouseLeave:function(){return e()},onFocus:function(a){return n.isTabbing&&o("bottom",a.target,c.close)},onBlur:function(){return e()}})),r("div",{class:"sr-only",tabindex:a.link?0:-1,onFocus:function(){return a.link&&n.snackDismissed(a)}})))}))};n.prototype.render=function(){var n=this;return r("div",{key:"617193748c9598e9174afd35040ee1e5e2fe30a7",class:{"wm-snackbars":true,empty:this.parsedNotifications.length===0,"user-is-tabbing":this.isTabbing}},r("div",{key:"378271fcda38d38b9df1f89f54cf28e46ce0b0e7",class:"sr-only","aria-live":"polite","aria-atomic":"false",id:"wm-live-region-".concat(this.uid),ref:function(a){return n.liveRegionEl=a}},this.announcement),this.renderSnackbars())};Object.defineProperty(n.prototype,"el",{get:function(){return i(this)},enumerable:false,configurable:true});Object.defineProperty(n,"watchers",{get:function(){return{notifications:["updateSnacks"]}},enumerable:false,configurable:true});return n}());b.style=l}}}));
@@ -0,0 +1 @@
1
+ import{h as t}from"./p-a431d6e5.js";import{i as s,c as e,e as i,f as n}from"./p-fc710a30.js";const a="#ff5f4e",r="#19a1a9",o="#088000",h="#2e1b46",c="#8b86ca",d="#575195",l="#6b6b6b",u={doughnut:{size:155,colors:[o,l],thickness:.73,padding:25,category:"doughnut"},doughnut1:{size:130,colors:[c,h,l],thickness:.5,padding:90,category:"doughnut"},doughnut2:{size:130,colors:[r,a,l],thickness:.5,padding:90,category:"doughnut"},doughnut2b:{size:130,colors:[d,r,a,l],thickness:.5,padding:90,category:"doughnut"},doughnut3:{size:130,colors:[c,h,"#0089e4",o,"#ea8500","#d54f41","#146ca9"],thickness:.5,padding:90,category:"doughnut"},bar:{size:350,colors:[o,l],padding:0,category:"stackedBar"},bar2:{size:400,colors:[l,d,r,a],padding:0,category:"stackedBar"},bar2b:{size:400,colors:[l,d,h,r,a],padding:0,category:"stackedBar"},bar3:{size:300,colors:["#0d696e",r,"#8e4129",a],padding:0,category:"stackedBar"},bar4:{size:400,colors:[a,r,d],padding:0,category:"stackedBar"},bar5:{size:400,colors:[l,c,h,"#0089e4",o,"#ea8500","#d54f41","#146ca9"],padding:0,category:"stackedBar"},bar6:{size:400,colors:[c],padding:0,category:"simpleBar"},bar7:{size:400,colors:[d,r,a,l],padding:0,category:"simpleBar"}};function f(t){return"percentage"===t||"amount"===t?"show-values":""}const g=s.formatMessage({id:"chart.hiddenValues",defaultMessage:"Values are hidden when too close together.",description:"Text displayed when a chart has some values hidden"}),p=s.formatMessage({id:"chart.clickToSeeDetails",defaultMessage:"Click or use arrow keys to see details.",description:"Text displayed, guiding user to interact to see more details."});function b(t){return t>999||t<-999?Math.round(t/100)/10+"K":t}function m(t,s,e){return e?Math.round(100*t/s):Math.round(1e4*t/s)/100}function v(t,s){return 360*t/s}function x(t){return parseFloat((Math.floor(100*t)/100).toFixed(2))}function w(t,s,e,i){var n=x(t+t*s*Math.cos(Math.PI*e/180)),a=x(t+t*s*Math.sin(Math.PI*e/180));return void 0!==i?{x1:n,y1:a,x2:x(t+t*s*Math.cos(Math.PI*i/180)),y2:x(t+t*s*Math.sin(Math.PI*i/180))}:{x:n,y:a}}function k(t,s,e,i,n){var a=x(n/2*t);return`A ${a}, ${a} 0 ${s} ${x(e)}, ${x(i)}`}function y(t,s){const e=t/s,i=10**Math.floor(Math.log10(e)),n=e/i;let a;return a=n>5?10*i:n>3?5*i:n>2?3*i:n>1.5?2*i:n>1?1.5*i:i,a}function $(t){if(this.popoverEl&&this.popoverEl.open&&"Enter"===t.key){const t=this.popoverEl.querySelector("button");t&&t.click()}}function M(t,s){this.popoverEl&&!this.isTabbing&&(s.coords={x:t.clientX,y:t.clientY},A(this.popoverEl,s),K(Array.from(this.el.shadowRoot.querySelectorAll("[data-segmentindex")),s))}function z(t,s){this.popoverEl&&this.isTabbing&&(this.focusedSliceId=s.id,s.coords=i(t.target),s.coords.x=s.coords.x+30,s.coords.y=s.coords.y+30,A(this.popoverEl,s),K(Array.from(this.el.shadowRoot.querySelectorAll("[data-segmentindex")),s))}function C(t){switch(t.key){case"ArrowUp":case"ArrowLeft":t.preventDefault(),this.isTabbing=!0,D.call(this);break;case"ArrowRight":case"ArrowDown":t.preventDefault(),this.isTabbing=!0,B.call(this);break;case"Tab":j.call(this);break;case"Escape":this.popoverEl.open=!1,this.userIsNavigating=!1}}function A(t,s){t.open=!1,s.title&&s.text&&(t.sliceDetails=Object.assign({},s),window.setTimeout((()=>t.open=!0),30))}function B(){const t=n(document.activeElement),s=(this.sliceEls.indexOf(t)+1)%this.sliceEls.length;F.call(this,s)}function D(){if(this.sliceEls){const t=n(document.activeElement);let s=this.sliceEls.indexOf(t);-1===s?s=0:0===s?s=this.sliceEls.length-1:s-=1,F.call(this,s)}}function F(t){this.sliceEls&&this.el&&(this.userIsNavigating=!0,this.componentWrapperEl.tabIndex=-1,this.el.focusable=!1,this.sliceEls.map((t=>{t.tabIndex=-1,t.focusable=!1})),this.sliceEls[t].tabIndex=0,this.sliceEls[t].focusable=!0,this.sliceEls[t].focus(),this.focusedSliceId=this.sliceEls[t].id,window.setTimeout((()=>{this.popoverEl&&(this.popoverEl.open=!0)}),10))}function j(){this.focusedSliceId=void 0,this.sliceEls&&this.sliceEls.map((t=>{t.tabIndex=-1,t.focusable=!1})),this.userIsNavigating=!1,window.setTimeout((()=>{this.componentWrapperEl.tabIndex=0,this.el.focusable=!0,this.popoverEl&&(this.popoverEl.open=!1)}),100)}async function I(t){this.slicesDetails=[];let s=0;const e=Array.from(this.el.children);this.total=e.reduce(((t,s)=>t+parseInt(s.getAttribute("amount")||"0")),0);let i=u[t].colors;"bar3"===t&&2===e.length&&(i=[i[1],i[3]]),e.forEach(((e,n)=>{const a=parseInt(e.getAttribute("amount")||"0"),r=m(a,this.total,!0);let o=n;"bar5"===t&&(o=this.notStartedColor?n:n+1),"bar6"===t&&(o=0);const h={amount:a,perc:r,legend:e.getAttribute("legend"),color:i[o]||l,offset:s,id:`${this.uid}-${n+1}`,title:e.getAttribute("popover-title"),text:e.getAttribute("popover-text"),buttonText:e.getAttribute("popover-button-text"),sliceRef:e,inSmallCluster:!1,index:n};s+=a,this.slicesDetails.push(h)}))}function S(t,s,e){const i=v(s,this.total)-90,n=t/this.total*360;let a=i+n;const r=n>180?"1 1":"0 1",o=n>180?"1 0":"0 0",h=this.chartDetails.size/2,c=this.chartDetails.thickness,d="doughnut"===e?2.25:3;360===n&&(a-=.01);const l=w(h,1,i+1.5,a),u=w(h,c,i+d,a);return`M ${l.x1}, ${l.y1} `+k(1,r,l.x2,l.y2,this.chartDetails.size)+` L ${u.x2}, ${u.y2} `+k(c,o,u.x1,u.y1,this.chartDetails.size)+" z"}function T(){const e=s.formatMessage({id:"chart.instructions",defaultMessage:"Use arrow keys to browse elements, press Tab to exit.",description:"For screen readers only, instructions on how to interact with the chart component"});return t("div",{id:"chart-instructions"},e)}function H(s){const e=this.chartDetails.size+this.chartDetails.padding,i="doughnut"===s;let n=i?this.slicesDetails:function(t,s){let e=[...t].sort(((t,s)=>t.amount===s.amount?0:t.amount>s.amount?-1:1)),i=0;return e.filter((t=>t.amount>0)).forEach(((t,n)=>{const a=e[n===e.length-1?0:n+1],r=m(e[0===n?e.length-1:n-1].amount,s,!0),o=m(a.amount,s,!0),h=0===t.perc?8:5;t.inSmallCluster=t.perc<4&&(r<h||o<h),t.offset=i,i+=t.amount})),e}(this.slicesDetails,this.total);return n=function(t,s,e){const i=s.map((t=>v(t.amount,e)));if(i.some((t=>0!==t&&t<7))){const t=i.map((t=>0==t?t:Math.max(t,7))),n=t.reduce(((t,s)=>t+(s>7&&0!==s?s:0)),0),a=360-t.reduce(((t,s)=>t+(s>7&&0!==s?0:s)),0),r=(n-a)/a,o=t.map((t=>t>7?t-r*t:0==t?0:7));let h=0;s=s.map(((t,s)=>{const i=o[s]/360*e,n=h;return h+=i,Object.assign(Object.assign({},t),{amount:i,offset:n})}))}return s}(0,n,this.total),t("div",{class:"chart-wrapper doughnut-wrapper"},t("svg",{width:e+"px",height:e+"px",id:`graphic-${this.uid}`,class:"doughnut-svg"},t("defs",null,t("filter",{id:"wmHoverDropShadow"},t("feGaussianBlur",{stdDeviation:"3"}),t("feOffset",{result:"offsetblur"}),t("feFlood",{"flood-color":"#333"}),t("feComposite",{operator:"in",in2:"offsetblur"}),t("feMerge",null,t("feMergeNode",null),t("feMergeNode",{in:"SourceGraphic"})))),n.map((t=>W.call(this,t,s))),E.call(this),i?t("text",{class:"value",x:"50%",y:"50%","font-size":"1.5rem","font-weight":"500","text-anchor":"middle","dominant-baseline":"middle"},m(n[0].amount,this.total,!0)+"%"):t("g",{transform:`translate(${this.chartDetails.padding/2}, ${this.chartDetails.padding/2})`,"text-anchor":"middle","dominant-baseline":"middle"},n.map((t=>t.amount>0&&!t.inSmallCluster?G.call(this,t):"")))))}function K(t,s){t.forEach((t=>{t.dataset.segmentindex&&parseInt(t.dataset.segmentindex)!==s.index?t.classList.add("faded"):t.classList.remove("faded")}))}function O(t){t.forEach((t=>{t.classList.remove("faded")}))}function W(s,e){const i=m(s.amount,this.total,!0)+"%";return t("g",{transform:`translate(${this.chartDetails.padding/2}, ${this.chartDetails.padding/2})`},t("path",{id:s.id,class:"segment doughnut-segment",fill:s.amount?s.color:"transparent",d:S.call(this,s.amount,s.offset,e),onClick:t=>M.call(this,t,s),onFocus:t=>z.call(this,t,s),onKeyDown:t=>$.call(this,t),role:"img","aria-label":`${s.legend}, ${i}`,"data-segmentindex":s.index}))}function E(){return this.isTabbing?t("g",{transform:`translate(${this.chartDetails.padding/2}, ${this.chartDetails.padding/2})`},t("use",{tabindex:-1,id:"kfbg1",xlinkHref:`#${this.focusedSliceId}`}),t("use",{tabindex:-1,id:"kfstroke",xlinkHref:`#${this.focusedSliceId}`}),t("use",{tabindex:-1,id:"kfbg2",xlinkHref:`#${this.focusedSliceId}`})):""}function G(s){const e=v(s.offset+s.amount/2,this.total);let{x:i,y:n}=w(this.chartDetails.size/2,1.4,e-90);return t("text",{class:"value",x:i+"px",y:n+"px","data-segmentindex":s.index},`${s.perc>0?s.perc:"<1"}%`)}function L(s){const e="bar"===s,i=this.el.shadowRoot.querySelectorAll(".value");return i.length>0&&requestAnimationFrame((()=>{let t=[],s=!1;i.forEach((e=>{e.classList.remove("hidden");const i=parseInt(e.dataset.value);if(t.length>0&&0!=i){const n=e.getBoundingClientRect().left-4;t.forEach((t=>{const a=parseInt(t.dataset.value);t.getBoundingClientRect().right>n&&((i<a?e:t).classList.add("hidden"),s=!0)}))}!e.classList.contains("hidden")&&i>0&&t.push(e)})),(this.isBar||this.isDoughnut)&&this.showHiddenValuesMessage(s)})),t("div",{class:"chart-wrapper bar-wrapper"},e?t("div",{class:"single-perc"},m(this.slicesDetails[0].amount,this.total,!0)+"%"):"",this.drawAxis(),t("div",{class:`inner-stacked-bar-wrapper ${f(this.valueFormat)}`},e?"":t("div",{class:"values"},this.slicesDetails.map((t=>this.renderBarText(t,5)))),t("div",{class:"stacked-bar-segments-wrapper"},this.slicesDetails.map((t=>N.call(this,t,5)))),e?J.call(this):""))}function N(s,e){const i=m(s.amount,this.total,!1),n=this.el.shadowRoot.querySelector(".stacked-bar-segments-wrapper"),a=i/100*(n?n.offsetWidth:this.el.offsetWidth)>=e,r=a||0==s.amount?`${i}%`:`${e}px`;let o="";return"percentage"==this.valueFormat?o=`${m(s.amount,this.total,!0)} %`:"amount"==this.valueFormat&&(o=s.amount.toString()),t("div",{class:`segment stacked-bar-segment ${0===m(s.amount,this.total,!1)?"zero":""} ${a?"":"fixed-width"}`,style:{backgroundColor:s.color,width:r},onClick:t=>M.call(this,t,s),onFocus:t=>z.call(this,t,s),onKeyDown:t=>$.call(this,t),"data-segmentindex":s.index},t("span",{class:"sr-only"},`${s.legend} ${o}`))}function R(s){const i=this.slicesDetails.map((t=>t.amount)).reduce(((t,s)=>t>s?t:s)),n=parseInt(getComputedStyle(this.el).getPropertyValue("--labelWidth"),10);let a=(r=this.el.getBoundingClientRect().width-n-48,Math.round(r/function(t){return function(t){let s=80*(t-300)/600+70;return s<70?70:s>150?150:s}(t)}(r)));var r;let o=y(i,a);const h=Math.floor((a*o-i)/o);a-=h,this.el.style.setProperty("--backgroundSize",100/a+"%"),this.el.style.setProperty("--labelWidth",this.labelWidth),"bar7"!==s||this.showBarLegend||this.el.style.setProperty("--labelWidth","0px");const c=[];this.slicesDetails.forEach((e=>{e.legend&&c.push(function(s,e,i){return t("label",{class:`label${"bar7"!==i||e?"":" hidden"}`},s)}(e.legend,this.showBarLegend,s)),c.push(U.call(this,e,o,a,i))}));const d=[];for(let s=1;s<=a;s++){const i=b(e(s,o));d.push(t("div",{class:"tick"},t("span",null,i)))}const l="bar6"===s&&this.showGrid&&this.el.getBoundingClientRect().width>300;return t("div",{class:"chart-wrapper simple-bar-wrapper"},t("div",{class:`chart ${f(this.valueFormat)}`},l&&t("div",{class:"gridlines"}),t("div",{class:"rows"},c)),l&&t("div",{class:"x-axis","aria-hidden":"true"},t("div",{class:"zero"},t("span",null,"0")),d))}function U(s,e,i,n){const a=m(s.amount,"bar6"===this.currentChartType?e*i:n,!1),r=a?a+"%":"1px",o=b(s.amount);let h="amount"===this.valueFormat?o:"";return"bar6"===this.currentChartType&&"percentage"===this.valueFormat?h=s.amount+"%":"bar7"===this.currentChartType&&"percentage"===this.valueFormat&&(h=(0===this.total?"0":m(s.amount,this.total,!0))+"%"),t("div",{class:"bar segment",style:{backgroundColor:s.color,width:r},onClick:t=>M.call(this,t,s),onFocus:t=>z.call(this,t,s),onKeyDown:t=>$.call(this,t),"data-segmentindex":s.index},t("div",{class:"value"},h))}function V(s){if(this.showLegend){const e=this.slicesDetails.reduce(((t,s)=>!!s.inSmallCluster||t),!1);return this.isDoughnut&&this.showHiddenValuesMessage(e),t("div",{class:"legend-wrapper"},t("div",{class:`legend ${s} ${"bar"===this.mode?"--top":"--bottom"}`,"aria-hidden":"true"},this.slicesDetails.map((t=>{const s="amount"==this.printModeFormat?`${t.amount}/${this.total}`:`${m(t.amount,this.total,!0)}%`;if(t.amount||t.legend)return q.call(this,{key:t.legend,color:t.color},s,t)}))),this.isDoughnut&&!this.printMode&&P())}}function q(s,e="",i=null){const n=t=>{i&&(i.coords={x:t.clientX,y:t.clientY},A(this.popoverEl,i),K(Array.from(this.el.shadowRoot.querySelectorAll("[data-segmentindex")),i))};return t("div",{class:"legend-item",onClick:t=>n(t),"data-segmentindex":i?i.index:null},t("div",{class:"legend-color",style:{backgroundColor:s.color}}),t("div",{class:"legend-text"},s.key,e&&t("span",{class:"print-value "+(this.printMode?"force-visible":"")},": ",e)))}function J(){if(this.completionMessage)return t("div",{class:"completion-message"},this.completionMessage)}function P(){return t("div",{class:"hidden-values-warning hidden"},g,t("br",null),p)}export{u as a,R as b,L as c,H as d,T as e,V as f,I as g,C as h,P as i,j,m as k,J as l,q as m,b as n,y as o,O as r}
@@ -1 +1 @@
1
- import{r as t,c as i,h as e,H as o,g as a,f as n}from"./p-7bf00a52.js";import{i as r,x as s,h as c,s as l}from"./p-fc710a30.js";import{g as d}from"./p-644092fd.js";const h=class{constructor(e){t(this,e),this.wmNavigationStateChanged=i(this,"wmNavigationStateChanged",7),this.mainNavigationMessage=r.formatMessage({id:"navigation.mainNavigation",defaultMessage:"Main",description:"Label describing the site navigation, for screen reader users"}),this.throttledRerender=s((()=>n(this.el)),50),this.open=!1}get isCollapsible(){return window.innerWidth<1024}get ariaExpanded(){return this.isCollapsible?this.open.toString():void 0}closeOnEscape(t){"Escape"===t.key&&(this.open=!1)}handleWindowResize(){this.throttledRerender()}handleHamburgerClicked(){this.open=!this.open}handleClickOnItem(){this.open=!1}handleStateChange(){this.isCollapsible&&(this.wmNavigationStateChanged.emit(),this.open?this.expand():this.collapse())}componentWillLoad(){this.el.focus=()=>{const t=this.open?this.el.shadowRoot.querySelector(".toggle"):document.querySelector("wm-navigation-hamburger"),i=this.el.querySelector("wm-navigation-item");this.isCollapsible?t.focus():i.focus()},this.isCollapsible&&this.open&&(this.wmNavigationStateChanged.emit(),this.expand())}redirectFocusFromBody(t){"BODY"!==document.activeElement.tagName||t.relatedTarget||this.el.focus()}expand(){document.body.tabIndex=0,document.body.addEventListener("focus",this.redirectFocusFromBody.bind(this),!0),setTimeout((()=>this.toggleEl.focus()),250)}collapse(){document.body.tabIndex=-1,document.body.removeEventListener("focus",this.redirectFocusFromBody.bind(this));const t=document.querySelector("wm-navigation-hamburger");t&&t.focus()}focusLastItem(){const t=this.el.querySelectorAll("wm-navigation-item");Array.from(t).pop().focus()}renderOverlay(){return e("div",{class:"overlay",onClick:()=>{this.open=!1}})}render(){return e(o,{key:"438a0fb1164b8ce7ce05d3032a03cbc14b6dbbf9",role:"navigation","aria-expanded":this.ariaExpanded,"aria-label":this.mainNavigationMessage},this.open?this.renderOverlay():"",this.isCollapsible&&e("div",{key:"05214ccbadf96b315e0b35cd5c6fa5299582ac08",class:"trapfocus",tabindex:this.open?0:void 0,onFocus:()=>this.focusLastItem()}),e("div",{key:"f9b8092df608206c64251abe889ead679fd91e8b",class:"tray"},e("div",{key:"23ab4007600faafd5e159400c7950c6da27f6fc6",class:"toggle-wrapper"},e("wm-button",{key:"08626268ecd50d66fca80f0081af427c9902742a",ref:t=>this.toggleEl=t,class:"toggle","button-type":"navigational",icon:this.open?"f156":"f35c","icon-size":"2rem",tooltip:this.open?d.close:d.open,"tooltip-position":"right",tabIndex:this.open?void 0:-1,onClick:()=>{this.open=!this.open}})),e("ul",{key:"c50bb2f99877871b6ba28ded7e78f74f8c8c5d1f",class:"navlist"},e("slot",{key:"50c4f79ab19f853abeb9ba8e41caf180d04a605c"}))),this.isCollapsible&&e("div",{key:"87b371694aab525291eb397521140087d2b0c9f3",class:"trapfocus",tabindex:this.open?0:void 0,onFocus:()=>this.toggleEl.focus()}))}static get delegatesFocus(){return!0}get el(){return a(this)}static get watchers(){return{open:["handleStateChange"]}}};h.style=":host{--wmcolor-navigation-background-hover:var(--wmcolor-interactive-background-hover);--wmcolor-navigation-background-selected:var(--wmcolor-background-selected);--wmcolor-navigation-background:var(--wmcolor-background);--wmcolor-navigation-border-selected:var(--wmcolor-interactive);--wmcolor-navigation-focus:var(--wmcolor-interactive-focus);--wmcolor-navigation-icon-selected:var(--wmcolor-interactive);--wmcolor-navigation-icon:var(--wmcolor-icon);--wmcolor-navigation-text-selected:var(--wmcolor-interactive);z-index:10}:host([aria-expanded=true]){z-index:5000}.tray{-webkit-box-shadow:0 0 14px 0 rgba(0, 0, 0, 0.14);-moz-box-shadow:0 0 14px 0 rgba(0, 0, 0, 0.14);box-shadow:0 0 14px 0 rgba(0, 0, 0, 0.14);display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;width:7.5625rem;background-color:var(--wmcolor-navigation-background);overflow-x:hidden;overflow-y:auto;-webkit-overflow-scrolling:touch;font-size:0.875rem;height:100%}.navlist{margin:0;padding:0}.toggle-wrapper{display:none}@media screen and (max-width: 1023px){.tray{-ms-transition:transform 0.33s ease;-webkit-transition:transform 0.33s ease;-moz-transition:transform 0.33s ease;-webkit-transition:-webkit-transform 0.33s ease;transition:-webkit-transform 0.33s ease;transition:transform 0.33s ease;transition:transform 0.33s ease, -webkit-transform 0.33s ease;position:fixed;top:0;bottom:0;left:0;-webkit-transform:translateX(-100%);transform:translateX(-100%)}.tray ul{visibility:hidden}.tray .toggle-wrapper{display:inline-block;min-height:5rem;width:100%;display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center}:host([aria-expanded=true]) .tray{-webkit-transform:translateX(0);transform:translateX(0)}:host([aria-expanded=true]) .tray ul{visibility:visible}.overlay{width:100vw;height:100vh;max-width:none;max-height:none;position:fixed !important;top:0;bottom:0;left:0;right:0;-webkit-transform:translate(0%, 0%);transform:translate(0%, 0%);background-color:rgba(25, 25, 25, 0.4);-ms-transition:opacity 0.5s ease-out;-webkit-transition:opacity 0.5s ease-out;-moz-transition:opacity 0.5s ease-out;transition:opacity 0.5s ease-out}}";const m=class{constructor(e){t(this,e),this.wmNavigationHamburgerClicked=i(this,"wmNavigationHamburgerClicked",7),this.showNavMessage=r.formatMessage({id:"navigation.showNavigation",defaultMessage:"Show navigation",description:"For user interface element opening a navigation menu"}),this.navId=void 0,this.isTabbing=!1,this.open=!1}toggleTabbingOn(){this.isTabbing=!0}toggleTabbingOff(){this.isTabbing=!1}handleNavigationStateChanged(t){this.open=t.target.open}componentWillLoad(){document.body.classList.contains("wmcl-user-is-tabbing")&&this.toggleTabbingOn(),this.navId||console.error("wm-navigation-hamburger: nav-id is a required prop")}handleClick(){c(),this.wmNavigationHamburgerClicked.emit()}render(){return e(o,{key:"bb783acfebdfcf8ac95b2afc89f073896ea9b7e4",class:"hamburger "+(this.open?"nav-open":"nav-closed")},e("button",{key:"708812a3c933396c95185d6622f9d5d52b270ff0","aria-expanded":this.open,"aria-label":this.showNavMessage,onMouseEnter:()=>l("right",this.el,this.showNavMessage),onMouseLeave:()=>c(),onFocus:()=>this.isTabbing&&l("right",this.el,this.showNavMessage),onBlur:()=>c(),onClick:()=>this.handleClick()},e("span",{key:"f1f34d7ed178f4f609e5adf2122399cffdd76a68",class:"icon"})))}static get delegatesFocus(){return!0}get el(){return a(this)}};m.style='button{--wmcolor-navigation-hamburger-background-hover:var(--wmcolor-interactive-background-hover);--wmcolor-navigation-hamburger-icon:var(--wmcolor-interactive);display:none;width:100%;height:100%;border:none;-webkit-box-shadow:none;box-shadow:none;-webkit-transition:background-color 500ms cubic-bezier(0.4, 0, 0.2, 1);transition:background-color 500ms cubic-bezier(0.4, 0, 0.2, 1);background-color:transparent;outline:none;padding:0}button:focus-visible{outline:3px solid var(--wmcolor-interactive-focus);outline-offset:0}button:hover{background-color:var(--wmcolor-navigation-hamburger-background-hover)}.icon:before{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:"\\f35c";font-size:1.5rem;color:var(--wmcolor-navigation-hamburger-icon)}@media screen and (max-width: 1023px){:host{width:3.75rem;height:3.75rem}button{display:initial}}';const b=class{constructor(e){t(this,e),this.wmNavigationItemClicked=i(this,"wmNavigationItemClicked",7),this.href=void 0,this.text=void 0,this.active=void 0}render(){return e(o,{key:"33217bc2b481b331425cbc7ece6195cb436e7bf0",role:"listitem"},e("a",{key:"a7b6d4e959a2ca4773f70859cf10789f5d97a4a4",class:"link "+(this.active?"active":""),href:this.href,onClick:()=>this.wmNavigationItemClicked.emit()},e("div",{key:"f0d37d22d32fb7659adc2a3a9911f9e68928fc93",class:"icon","aria-hidden":"true"},e("slot",{key:"8678da1761b5192c821a3fcb736c1ac96b2ce43c"})),e("div",{key:"a21f01425d6adc2da148449b34733c9e6ed39be5",class:"text"},this.text)))}static get delegatesFocus(){return!0}get el(){return a(this)}};b.style='.link{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-pack:center;justify-content:center;color:inherit;text-decoration:none;min-height:4.5rem;text-align:center;padding:1.25rem 0.5rem;font-weight:500;outline:none;position:relative;background:var(--wmcolor-navigation-background)}.link:hover{background-color:var(--wmcolor-navigation-background-hover)}.link .icon{font-size:1.375rem;color:var(--wmcolor-navigation-icon)}.link .text{font-size:0.875rem}.link:focus-visible{outline:3px solid var(--wmcolor-interactive-focus);outline-offset:-3px}.link.active{background-color:var(--wmcolor-navigation-background-selected)}.link.active:before{content:"";background-color:var(--wmcolor-navigation-border-selected);position:absolute;height:100%;width:5px;left:0}.link.active .text{color:var(--wmcolor-navigation-text-selected)}.link.active .icon{color:var(--wmcolor-navigation-icon-selected)}';export{h as wm_navigation,m as wm_navigation_hamburger,b as wm_navigation_item}
1
+ import{r as t,c as i,h as e,H as o,g as a,f as n}from"./p-a431d6e5.js";import{i as r,x as s,h as c,s as l}from"./p-fc710a30.js";import{g as d}from"./p-644092fd.js";const h=class{constructor(e){t(this,e),this.wmNavigationStateChanged=i(this,"wmNavigationStateChanged",7),this.mainNavigationMessage=r.formatMessage({id:"navigation.mainNavigation",defaultMessage:"Main",description:"Label describing the site navigation, for screen reader users"}),this.throttledRerender=s((()=>n(this.el)),50),this.open=!1}get isCollapsible(){return window.innerWidth<1024}get ariaExpanded(){return this.isCollapsible?this.open.toString():void 0}closeOnEscape(t){"Escape"===t.key&&(this.open=!1)}handleWindowResize(){this.throttledRerender()}handleHamburgerClicked(){this.open=!this.open}handleClickOnItem(){this.open=!1}handleStateChange(){this.isCollapsible&&(this.wmNavigationStateChanged.emit(),this.open?this.expand():this.collapse())}componentWillLoad(){this.el.focus=()=>{const t=this.open?this.el.shadowRoot.querySelector(".toggle"):document.querySelector("wm-navigation-hamburger"),i=this.el.querySelector("wm-navigation-item");this.isCollapsible?t.focus():i.focus()},this.isCollapsible&&this.open&&(this.wmNavigationStateChanged.emit(),this.expand())}redirectFocusFromBody(t){"BODY"!==document.activeElement.tagName||t.relatedTarget||this.el.focus()}expand(){document.body.tabIndex=0,document.body.addEventListener("focus",this.redirectFocusFromBody.bind(this),!0),setTimeout((()=>this.toggleEl.focus()),250)}collapse(){document.body.tabIndex=-1,document.body.removeEventListener("focus",this.redirectFocusFromBody.bind(this));const t=document.querySelector("wm-navigation-hamburger");t&&t.focus()}focusLastItem(){const t=this.el.querySelectorAll("wm-navigation-item");Array.from(t).pop().focus()}renderOverlay(){return e("div",{class:"overlay",onClick:()=>{this.open=!1}})}render(){return e(o,{key:"438a0fb1164b8ce7ce05d3032a03cbc14b6dbbf9",role:"navigation","aria-expanded":this.ariaExpanded,"aria-label":this.mainNavigationMessage},this.open?this.renderOverlay():"",this.isCollapsible&&e("div",{key:"05214ccbadf96b315e0b35cd5c6fa5299582ac08",class:"trapfocus",tabindex:this.open?0:void 0,onFocus:()=>this.focusLastItem()}),e("div",{key:"f9b8092df608206c64251abe889ead679fd91e8b",class:"tray"},e("div",{key:"23ab4007600faafd5e159400c7950c6da27f6fc6",class:"toggle-wrapper"},e("wm-button",{key:"08626268ecd50d66fca80f0081af427c9902742a",ref:t=>this.toggleEl=t,class:"toggle","button-type":"navigational",icon:this.open?"f156":"f35c","icon-size":"2rem",tooltip:this.open?d.close:d.open,"tooltip-position":"right",tabIndex:this.open?void 0:-1,onClick:()=>{this.open=!this.open}})),e("ul",{key:"c50bb2f99877871b6ba28ded7e78f74f8c8c5d1f",class:"navlist"},e("slot",{key:"50c4f79ab19f853abeb9ba8e41caf180d04a605c"}))),this.isCollapsible&&e("div",{key:"87b371694aab525291eb397521140087d2b0c9f3",class:"trapfocus",tabindex:this.open?0:void 0,onFocus:()=>this.toggleEl.focus()}))}static get delegatesFocus(){return!0}get el(){return a(this)}static get watchers(){return{open:["handleStateChange"]}}};h.style=":host{--wmcolor-navigation-background-hover:var(--wmcolor-interactive-background-hover);--wmcolor-navigation-background-selected:var(--wmcolor-background-selected);--wmcolor-navigation-background:var(--wmcolor-background);--wmcolor-navigation-border-selected:var(--wmcolor-interactive);--wmcolor-navigation-focus:var(--wmcolor-interactive-focus);--wmcolor-navigation-icon-selected:var(--wmcolor-interactive);--wmcolor-navigation-icon:var(--wmcolor-icon);--wmcolor-navigation-text-selected:var(--wmcolor-interactive);z-index:10}:host([aria-expanded=true]){z-index:5000}.tray{-webkit-box-shadow:0 0 14px 0 rgba(0, 0, 0, 0.14);-moz-box-shadow:0 0 14px 0 rgba(0, 0, 0, 0.14);box-shadow:0 0 14px 0 rgba(0, 0, 0, 0.14);display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;width:7.5625rem;background-color:var(--wmcolor-navigation-background);overflow-x:hidden;overflow-y:auto;-webkit-overflow-scrolling:touch;font-size:0.875rem;height:100%}.navlist{margin:0;padding:0}.toggle-wrapper{display:none}@media screen and (max-width: 1023px){.tray{-ms-transition:transform 0.33s ease;-webkit-transition:transform 0.33s ease;-moz-transition:transform 0.33s ease;-webkit-transition:-webkit-transform 0.33s ease;transition:-webkit-transform 0.33s ease;transition:transform 0.33s ease;transition:transform 0.33s ease, -webkit-transform 0.33s ease;position:fixed;top:0;bottom:0;left:0;-webkit-transform:translateX(-100%);transform:translateX(-100%)}.tray ul{visibility:hidden}.tray .toggle-wrapper{display:inline-block;min-height:5rem;width:100%;display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center}:host([aria-expanded=true]) .tray{-webkit-transform:translateX(0);transform:translateX(0)}:host([aria-expanded=true]) .tray ul{visibility:visible}.overlay{width:100vw;height:100vh;max-width:none;max-height:none;position:fixed !important;top:0;bottom:0;left:0;right:0;-webkit-transform:translate(0%, 0%);transform:translate(0%, 0%);background-color:rgba(25, 25, 25, 0.4);-ms-transition:opacity 0.5s ease-out;-webkit-transition:opacity 0.5s ease-out;-moz-transition:opacity 0.5s ease-out;transition:opacity 0.5s ease-out}}";const m=class{constructor(e){t(this,e),this.wmNavigationHamburgerClicked=i(this,"wmNavigationHamburgerClicked",7),this.showNavMessage=r.formatMessage({id:"navigation.showNavigation",defaultMessage:"Show navigation",description:"For user interface element opening a navigation menu"}),this.navId=void 0,this.isTabbing=!1,this.open=!1}toggleTabbingOn(){this.isTabbing=!0}toggleTabbingOff(){this.isTabbing=!1}handleNavigationStateChanged(t){this.open=t.target.open}componentWillLoad(){document.body.classList.contains("wmcl-user-is-tabbing")&&this.toggleTabbingOn(),this.navId||console.error("wm-navigation-hamburger: nav-id is a required prop")}handleClick(){c(),this.wmNavigationHamburgerClicked.emit()}render(){return e(o,{key:"bb783acfebdfcf8ac95b2afc89f073896ea9b7e4",class:"hamburger "+(this.open?"nav-open":"nav-closed")},e("button",{key:"708812a3c933396c95185d6622f9d5d52b270ff0","aria-expanded":this.open,"aria-label":this.showNavMessage,onMouseEnter:()=>l("right",this.el,this.showNavMessage),onMouseLeave:()=>c(),onFocus:()=>this.isTabbing&&l("right",this.el,this.showNavMessage),onBlur:()=>c(),onClick:()=>this.handleClick()},e("span",{key:"f1f34d7ed178f4f609e5adf2122399cffdd76a68",class:"icon"})))}static get delegatesFocus(){return!0}get el(){return a(this)}};m.style='button{--wmcolor-navigation-hamburger-background-hover:var(--wmcolor-interactive-background-hover);--wmcolor-navigation-hamburger-icon:var(--wmcolor-interactive);display:none;width:100%;height:100%;border:none;-webkit-box-shadow:none;box-shadow:none;-webkit-transition:background-color 500ms cubic-bezier(0.4, 0, 0.2, 1);transition:background-color 500ms cubic-bezier(0.4, 0, 0.2, 1);background-color:transparent;outline:none;padding:0}button:focus-visible{outline:3px solid var(--wmcolor-interactive-focus);outline-offset:0}button:hover{background-color:var(--wmcolor-navigation-hamburger-background-hover)}.icon:before{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:"\\f35c";font-size:1.5rem;color:var(--wmcolor-navigation-hamburger-icon)}@media screen and (max-width: 1023px){:host{width:3.75rem;height:3.75rem}button{display:initial}}';const g=class{constructor(e){t(this,e),this.wmNavigationItemClicked=i(this,"wmNavigationItemClicked",7),this.href=void 0,this.text=void 0,this.active=void 0}render(){return e(o,{key:"33217bc2b481b331425cbc7ece6195cb436e7bf0",role:"listitem"},e("a",{key:"a7b6d4e959a2ca4773f70859cf10789f5d97a4a4",class:"link "+(this.active?"active":""),href:this.href,onClick:()=>this.wmNavigationItemClicked.emit()},e("div",{key:"f0d37d22d32fb7659adc2a3a9911f9e68928fc93",class:"icon","aria-hidden":"true"},e("slot",{key:"8678da1761b5192c821a3fcb736c1ac96b2ce43c"})),e("div",{key:"a21f01425d6adc2da148449b34733c9e6ed39be5",class:"text"},this.text)))}static get delegatesFocus(){return!0}get el(){return a(this)}};g.style='.link{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-pack:center;justify-content:center;color:inherit;text-decoration:none;min-height:4.5rem;text-align:center;padding:1.25rem 0.5rem;font-weight:500;outline:none;position:relative;background:var(--wmcolor-navigation-background)}.link:hover{background-color:var(--wmcolor-navigation-background-hover)}.link .icon{font-size:1.375rem;color:var(--wmcolor-navigation-icon)}.link .text{font-size:0.875rem}.link:focus-visible{outline:3px solid var(--wmcolor-interactive-focus);outline-offset:-3px}.link.active{background-color:var(--wmcolor-navigation-background-selected)}.link.active:before{content:"";background-color:var(--wmcolor-navigation-border-selected);position:absolute;height:100%;width:5px;left:0}.link.active .text{color:var(--wmcolor-navigation-text-selected)}.link.active .icon{color:var(--wmcolor-navigation-icon-selected)}';export{h as wm_navigation,m as wm_navigation_hamburger,g as wm_navigation_item}
@@ -1 +1 @@
1
- var __awaiter=this&&this.__awaiter||function(t,r,i,e){function n(t){return t instanceof i?t:new i((function(r){r(t)}))}return new(i||(i=Promise))((function(i,a){function o(t){try{u(e.next(t))}catch(t){a(t)}}function s(t){try{u(e["throw"](t))}catch(t){a(t)}}function u(t){t.done?i(t.value):n(t.value).then(o,s)}u((e=e.apply(t,r||[])).next())}))};var __generator=this&&this.__generator||function(t,r){var i={label:0,sent:function(){if(a[0]&1)throw a[1];return a[1]},trys:[],ops:[]},e,n,a,o;return o={next:s(0),throw:s(1),return:s(2)},typeof Symbol==="function"&&(o[Symbol.iterator]=function(){return this}),o;function s(t){return function(r){return u([t,r])}}function u(s){if(e)throw new TypeError("Generator is already executing.");while(o&&(o=0,s[0]&&(i=0)),i)try{if(e=1,n&&(a=s[0]&2?n["return"]:s[0]?n["throw"]||((a=n["return"])&&a.call(n),0):n.next)&&!(a=a.call(n,s[1])).done)return a;if(n=0,a)s=[s[0]&2,a.value];switch(s[0]){case 0:case 1:a=s;break;case 4:i.label++;return{value:s[1],done:false};case 5:i.label++;n=s[1];s=[0];continue;case 7:s=i.ops.pop();i.trys.pop();continue;default:if(!(a=i.trys,a=a.length>0&&a[a.length-1])&&(s[0]===6||s[0]===2)){i=0;continue}if(s[0]===3&&(!a||s[1]>a[0]&&s[1]<a[3])){i.label=s[1];break}if(s[0]===6&&i.label<a[1]){i.label=a[1];a=s;break}if(a&&i.label<a[2]){i.label=a[2];i.ops.push(s);break}if(a[2])i.ops.pop();i.trys.pop();continue}s=r.call(t,i)}catch(t){s=[6,t];n=0}finally{e=a=0}if(s[0]&5)throw s[1];return{value:s[0]?s[1]:void 0,done:true}}};System.register(["./p-1eb84629.system.js","./p-1402cfa2.system.js","./p-4c3f4047.system.js"],(function(t){"use strict";var r,i,e,n,a,o,s,u,c;return{setters:[function(t){r=t.r;i=t.c;e=t.h;n=t.H;a=t.g},function(t){o=t.a},function(t){s=t.k;u=t.l;c=t.i}],execute:function(){var f=this;var h=function(t){return __awaiter(f,void 0,void 0,(function(){var r;return __generator(this,(function(i){switch(i.label){case 0:return[4,fetch(t)];case 1:r=i.sent();if(!(!!r&&!!r.ok))return[3,3];return[4,r.json()];case 2:return[2,i.sent()];case 3:throw new Error(r.statusText)}}))}))};var l=":host{--wmcolor-navigator-background:var(--wmcolor-background);--wmcolor-navigator-header-background:var(--wmcolor-brand-dark);--wmcolor-navigator-header-text:var(--wmcolor-text-ondark);--wmcolor-navigator-item-background-focus:var(--wmcolor-interactive-background-focus);--wmcolor-navigator-item-background-hover:var(--wmcolor-interactive-background-hover);--wmcolor-navigator-item-background:var(--wmcolor-background);--wmcolor-navigator-item-border:var(--wmcolor-border);--wmcolor-navigator-item-text:var(--wmcolor-text);--wmcolor-navigator-user-background:var(--wmcolor-background-readonly);min-width:0;position:relative;display:inline-block}:host .wrapper{overflow:auto;font-size:1.125rem;min-width:13.125rem;width:auto;max-height:80vh;text-align:left;position:absolute;z-index:50;top:100%;right:20px;left:auto;background:var(--wmcolor-navigator-background);letter-spacing:normal;-webkit-box-shadow:0 4px 15px 0 rgba(0, 0, 0, 0.2);-moz-box-shadow:0 4px 15px 0 rgba(0, 0, 0, 0.2);box-shadow:0 4px 15px 0 rgba(0, 0, 0, 0.2);-ms-transition:transform 0.25s ease;-webkit-transition:transform 0.25s ease;-moz-transition:transform 0.25s ease;-webkit-transition:-webkit-transform 0.25s ease;transition:-webkit-transform 0.25s ease;transition:transform 0.25s ease;transition:transform 0.25s ease, -webkit-transform 0.25s ease;-ms-transform-origin:center top;-webkit-transform-origin:center top;-moz-transform-origin:center top;transform-origin:center top;-ms-transform:scale(1, 1);-webkit-transform:scale(1, 1);-moz-transform:scale(1, 1);transform:scale(1, 1)}:host .wrapper .user{background:var(--wmcolor-navigator-user-background);padding:0.625rem 1.25rem;font-size:0.875rem}:host .wrapper .user p{margin:0}:host .wrapper .user p:first-child{font-weight:700;text-transform:capitalize}:host .wrapper h2{background:var(--wmcolor-navigator-header-background);color:var(--wmcolor-navigator-header-text);font-weight:700;margin:0;padding:0.625rem 1.25rem;font-size:0.875rem}:host .wrapper [role=listbox]{list-style:none;margin:0;padding-left:0}:host .wrapper.hide{-ms-transform:scale(1, 0);-webkit-transform:scale(1, 0);-moz-transform:scale(1, 0);transform:scale(1, 0)}:host .wrapper.right{right:auto;left:20px}:host img{-webkit-transform:scale(0.8);transform:scale(0.8);-webkit-transform-origin:left center;transform-origin:left center;display:block}:host .logout{text-align:center;text-transform:capitalize}priv-navigator-item:focus{outline:none}";var m=l;var v=t("wm_navigator",function(){function t(t){r(this,t);this.wmNavigatorLogout=i(this,"wmNavigatorLogout",7);this.retrievedInfo=!this.loadFromUserinfo;this.parsedProducts=[];this.openRight=false;this.userName=undefined;this.email=undefined;this.authType=1;this.connectionName=undefined;this.logoutUrl=undefined;this.products=undefined;this.loadFromUserinfo=false;this.isOpen=false;this.itemIndexToFocus=0}t.prototype.isSafeUrl=function(t){var r=false;var i=["digitalmeasures\\.com","evalkit\\.info","evaluationkit\\.com","evaluationkit\\.info","lat_ams\\.com","livetext\\.com","smartcatalogiq\\.com","smartcatalogiq\\.net","smartcatalogiq\\.us","taskstream\\.com","vialivetext\\.com","watermarkinsights\\.com"];i.forEach((function(i){var e="^https://(.*.)?".concat(i,"(/.*)?$");if(!!t&&t.match(e)){r=true}}));return r};t.prototype.componentWillLoad=function(){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(t){switch(t.label){case 0:if(!this.userName){console.error("wm-navigator: user-name is a required property.")}return[4,this.parseData()];case 1:t.sent();this.setFocusIndex();return[2]}}))}))};t.prototype.parseData=function(){return __awaiter(this,void 0,void 0,(function(){var t=this;return __generator(this,(function(r){switch(r.label){case 0:if(!!!this.loadFromUserinfo)return[3,2];return[4,h("/platform/navigator/userinfo").then((function(r){t.email=r.email;t.currentProductId=r.current_product_id;t.parsedProducts=t.productKeysToCamelCase(r.products);t.logoutUrl=t.logoutUrl?t.logoutUrl:r.logout_url;t.connectionName=t.connectionName?t.connectionName:r.connection_name;if(!!t.email&&!!t.currentProductId){t.retrievedInfo=true}})).catch((function(t){console.error(t)}))];case 1:r.sent();return[3,3];case 2:this.currentProductId=o(this.el);if(!!this.products){if(typeof this.products==="string"){this.parsedProducts=JSON.parse(this.products)}else{this.parsedProducts=this.products}this.parsedProducts=this.productKeysToCamelCase(this.parsedProducts)}r.label=3;case 3:this.parsedProducts.sort((function(t,r){return t.name<r.name?-1:1}));return[2]}}))}))};t.prototype.productKeysToCamelCase=function(t){t=t.map((function(t){var r=Object.keys(t);var i={};r.forEach((function(r){i[s(r)]=t[r]}));return i}));return t};t.prototype.setFocusIndex=function(){if(this.parsedProducts.length>1){var t=this.getProduct(this.currentProductId);if(t){this.itemIndexToFocus=this.parsedProducts.indexOf(t)}}};t.prototype.handleKeys=function(t){switch(t.key){case"Escape":t.preventDefault();this.closeMenu();break;case"ArrowDown":case"ArrowUp":t.preventDefault();if(!this.isOpen){this.itemIndexToFocus=u(this.itemIndexToFocus,t.key,this.navigatorItems.length);this.openMenu()}break}};t.prototype.handleKeydown=function(t){var r=t.detail.key;var i=t.detail.navItem;switch(r){case"Tab":this.closeMenu(false);break;case"Enter":case" ":i.click();break;case"ArrowDown":case"ArrowUp":var e=this.itemIndexToFocus;this.itemIndexToFocus=u(this.itemIndexToFocus,r,this.navigatorItems.length);this.focusItem();this.unfocusItem(e);break}};t.prototype.handleClick=function(t){var r=t.target===this.el||this.el.contains(t.target);if(!r&&this.isOpen){this.closeMenu(false)}};t.prototype.handleButtonClick=function(){this.isOpen?this.closeMenu():this.openMenu()};t.prototype.openMenu=function(){if(this.wrapperEl){var t=this.wrapperEl.clientWidth;var r=this.el.getBoundingClientRect().left;var i=document.documentElement.clientWidth-this.el.getBoundingClientRect().right;this.openRight=t>r&&i>r}this.isOpen=true;this.focusItem()};t.prototype.closeMenu=function(t){var r=this;if(t===void 0){t=true}this.isOpen=false;window.requestAnimationFrame((function(){r.unfocusItem(r.itemIndexToFocus);r.setFocusIndex();if(t){r.buttonFocusHandler()}}))};t.prototype.focusItem=function(){var t=this.navigatorItems[this.itemIndexToFocus];t.tabIndex=0;t.focused=true;window.requestAnimationFrame((function(){return t.focus()}))};t.prototype.unfocusItem=function(t){var r=this.navigatorItems[t];r.tabIndex=-1;r.focused=false};t.prototype.buttonFocusHandler=function(){var t=this.el.shadowRoot.querySelector("priv-navigator-button");var r=t.shadowRoot.querySelector("button");r.focus()};t.prototype.renderUserInfo=function(){return e("div",{class:"user",id:"wm-nav-user","aria-label":c.formatMessage({id:"navigator.userinfoLabel",defaultMessage:"for {name}, email {email}"},{name:this.userName,email:this.email})},e("p",null,this.userName),e("p",null,this.email))};t.prototype.setAltText=function(){if(this.parsedProducts.length>1){return c.formatMessage({id:"navigator.userinfoAndProductNavigator",defaultMessage:"User information and product navigator"})}else{return c.formatMessage({id:"navigator.userinfo",defaultMessage:"User information"})}};t.prototype.renderHeading=function(){return e("h2",null,c.formatMessage({id:"navigator.watermarkApps",defaultMessage:"Watermark Apps",description:"Applications made by Watermark Insights"}))};t.prototype.renderList=function(){return e("ul",{role:"listbox","aria-label":"".concat(c.formatMessage({id:"navigator.WatermarkAppNavigation",defaultMessage:"Watermark App Navigation",description:"list of applications by Watermark Insights"})),"aria-describedby":"wm-nav-user"},this.parsedProducts.length>1&&this.renderProductOptions(),this.renderLogoutOption())};t.prototype.renderProductOptions=function(){var t=this;return this.parsedProducts.map((function(r){var i,n,a,o;i=r.name;n=r.iconUrl;o=t.setProductOnClick(r.id);if(!!i&&!!n){a=t.currentProductId===r.id;return e("priv-navigator-item",{selected:a,id:r.id,onClick:o,role:"option","aria-label":i},e("img",{src:n,alt:i}))}}))};t.prototype.setProductOnClick=function(t){var r=this.getProduct(t);if(this.currentProductId===t){return function(){}}else if(r){if(!!this.loadFromUserinfo||this.authType===2){var i=r.linkUrl;if(this.isSafeUrl(i)){return function(){return window.location.href=i}}else{console.error('"'.concat(i,'" is not a safe url'));return}}else if(this.authType===3){var e=this.connectionName?"/?connection_name=".concat(this.connectionName):"";var n=r.samlLinkUrl;if(this.isSafeUrl(n)){return function(){return window.location.href=n+e}}else{console.error('"'.concat(n,'" is not a safe url'));return}}}};t.prototype.renderLogoutOption=function(){return e("priv-navigator-item",{class:"logout",selected:!(this.parsedProducts.length>1),id:"nav-logout",onClick:this.setLogoutOnclick(),role:"option"},e("span",{class:"logout"},c.formatMessage({id:"navigator.logout",defaultMessage:"Log Out"})))};t.prototype.setLogoutOnclick=function(){var t=this;return function(){t.wmNavigatorLogout.emit();var r=t.logoutUrl;if(t.isSafeUrl(r)){window.location.href=r}else{console.error('"'.concat(r,'" is not a safe url'))}}};Object.defineProperty(t.prototype,"navigatorItems",{get:function(){return Array.from(this.el.shadowRoot.querySelectorAll("priv-navigator-item"))},enumerable:false,configurable:true});t.prototype.getProduct=function(t){return this.parsedProducts.find((function(r){return r.id===t}))};t.prototype.render=function(){var t=this;return this.retrievedInfo?e(n,null,e("priv-navigator-button",{expanded:this.isOpen,altText:this.setAltText()}),e("div",{class:"wrapper ".concat(this.isOpen?"":"hide"," ").concat(this.openRight?"right":""),ref:function(r){return t.wrapperEl=r}},this.renderUserInfo(),this.parsedProducts.length>1&&this.renderHeading(),this.renderList())):""};Object.defineProperty(t,"delegatesFocus",{get:function(){return true},enumerable:false,configurable:true});Object.defineProperty(t.prototype,"el",{get:function(){return a(this)},enumerable:false,configurable:true});Object.defineProperty(t,"watchers",{get:function(){return{products:["parseData"]}},enumerable:false,configurable:true});return t}());v.style=m}}}));
1
+ var __awaiter=this&&this.__awaiter||function(t,r,i,e){function n(t){return t instanceof i?t:new i((function(r){r(t)}))}return new(i||(i=Promise))((function(i,a){function o(t){try{u(e.next(t))}catch(t){a(t)}}function s(t){try{u(e["throw"](t))}catch(t){a(t)}}function u(t){t.done?i(t.value):n(t.value).then(o,s)}u((e=e.apply(t,r||[])).next())}))};var __generator=this&&this.__generator||function(t,r){var i={label:0,sent:function(){if(a[0]&1)throw a[1];return a[1]},trys:[],ops:[]},e,n,a,o;return o={next:s(0),throw:s(1),return:s(2)},typeof Symbol==="function"&&(o[Symbol.iterator]=function(){return this}),o;function s(t){return function(r){return u([t,r])}}function u(s){if(e)throw new TypeError("Generator is already executing.");while(o&&(o=0,s[0]&&(i=0)),i)try{if(e=1,n&&(a=s[0]&2?n["return"]:s[0]?n["throw"]||((a=n["return"])&&a.call(n),0):n.next)&&!(a=a.call(n,s[1])).done)return a;if(n=0,a)s=[s[0]&2,a.value];switch(s[0]){case 0:case 1:a=s;break;case 4:i.label++;return{value:s[1],done:false};case 5:i.label++;n=s[1];s=[0];continue;case 7:s=i.ops.pop();i.trys.pop();continue;default:if(!(a=i.trys,a=a.length>0&&a[a.length-1])&&(s[0]===6||s[0]===2)){i=0;continue}if(s[0]===3&&(!a||s[1]>a[0]&&s[1]<a[3])){i.label=s[1];break}if(s[0]===6&&i.label<a[1]){i.label=a[1];a=s;break}if(a&&i.label<a[2]){i.label=a[2];i.ops.push(s);break}if(a[2])i.ops.pop();i.trys.pop();continue}s=r.call(t,i)}catch(t){s=[6,t];n=0}finally{e=a=0}if(s[0]&5)throw s[1];return{value:s[0]?s[1]:void 0,done:true}}};System.register(["./p-539b7be9.system.js","./p-1402cfa2.system.js","./p-4c3f4047.system.js"],(function(t){"use strict";var r,i,e,n,a,o,s,u,c;return{setters:[function(t){r=t.r;i=t.c;e=t.h;n=t.H;a=t.g},function(t){o=t.a},function(t){s=t.k;u=t.l;c=t.i}],execute:function(){var f=this;var h=function(t){return __awaiter(f,void 0,void 0,(function(){var r;return __generator(this,(function(i){switch(i.label){case 0:return[4,fetch(t)];case 1:r=i.sent();if(!(!!r&&!!r.ok))return[3,3];return[4,r.json()];case 2:return[2,i.sent()];case 3:throw new Error(r.statusText)}}))}))};var l=":host{--wmcolor-navigator-background:var(--wmcolor-background);--wmcolor-navigator-header-background:var(--wmcolor-brand-dark);--wmcolor-navigator-header-text:var(--wmcolor-text-ondark);--wmcolor-navigator-item-background-focus:var(--wmcolor-interactive-background-focus);--wmcolor-navigator-item-background-hover:var(--wmcolor-interactive-background-hover);--wmcolor-navigator-item-background:var(--wmcolor-background);--wmcolor-navigator-item-border:var(--wmcolor-border);--wmcolor-navigator-item-text:var(--wmcolor-text);--wmcolor-navigator-user-background:var(--wmcolor-background-readonly);min-width:0;position:relative;display:inline-block}:host .wrapper{overflow:auto;font-size:1.125rem;min-width:13.125rem;width:auto;max-height:80vh;text-align:left;position:absolute;z-index:50;top:100%;right:20px;left:auto;background:var(--wmcolor-navigator-background);letter-spacing:normal;-webkit-box-shadow:0 4px 15px 0 rgba(0, 0, 0, 0.2);-moz-box-shadow:0 4px 15px 0 rgba(0, 0, 0, 0.2);box-shadow:0 4px 15px 0 rgba(0, 0, 0, 0.2);-ms-transition:transform 0.25s ease;-webkit-transition:transform 0.25s ease;-moz-transition:transform 0.25s ease;-webkit-transition:-webkit-transform 0.25s ease;transition:-webkit-transform 0.25s ease;transition:transform 0.25s ease;transition:transform 0.25s ease, -webkit-transform 0.25s ease;-ms-transform-origin:center top;-webkit-transform-origin:center top;-moz-transform-origin:center top;transform-origin:center top;-ms-transform:scale(1, 1);-webkit-transform:scale(1, 1);-moz-transform:scale(1, 1);transform:scale(1, 1)}:host .wrapper .user{background:var(--wmcolor-navigator-user-background);padding:0.625rem 1.25rem;font-size:0.875rem}:host .wrapper .user p{margin:0}:host .wrapper .user p:first-child{font-weight:700;text-transform:capitalize}:host .wrapper h2{background:var(--wmcolor-navigator-header-background);color:var(--wmcolor-navigator-header-text);font-weight:700;margin:0;padding:0.625rem 1.25rem;font-size:0.875rem}:host .wrapper [role=listbox]{list-style:none;margin:0;padding-left:0}:host .wrapper.hide{-ms-transform:scale(1, 0);-webkit-transform:scale(1, 0);-moz-transform:scale(1, 0);transform:scale(1, 0)}:host .wrapper.right{right:auto;left:20px}:host img{-webkit-transform:scale(0.8);transform:scale(0.8);-webkit-transform-origin:left center;transform-origin:left center;display:block}:host .logout{text-align:center;text-transform:capitalize}priv-navigator-item:focus{outline:none}";var m=l;var v=t("wm_navigator",function(){function t(t){r(this,t);this.wmNavigatorLogout=i(this,"wmNavigatorLogout",7);this.retrievedInfo=!this.loadFromUserinfo;this.parsedProducts=[];this.openRight=false;this.userName=undefined;this.email=undefined;this.authType=1;this.connectionName=undefined;this.logoutUrl=undefined;this.products=undefined;this.loadFromUserinfo=false;this.isOpen=false;this.itemIndexToFocus=0}t.prototype.isSafeUrl=function(t){var r=false;var i=["digitalmeasures\\.com","evalkit\\.info","evaluationkit\\.com","evaluationkit\\.info","lat_ams\\.com","livetext\\.com","smartcatalogiq\\.com","smartcatalogiq\\.net","smartcatalogiq\\.us","taskstream\\.com","vialivetext\\.com","watermarkinsights\\.com"];i.forEach((function(i){var e="^https://(.*.)?".concat(i,"(/.*)?$");if(!!t&&t.match(e)){r=true}}));return r};t.prototype.componentWillLoad=function(){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(t){switch(t.label){case 0:if(!this.userName){console.error("wm-navigator: user-name is a required property.")}return[4,this.parseData()];case 1:t.sent();this.setFocusIndex();return[2]}}))}))};t.prototype.parseData=function(){return __awaiter(this,void 0,void 0,(function(){var t=this;return __generator(this,(function(r){switch(r.label){case 0:if(!!!this.loadFromUserinfo)return[3,2];return[4,h("/platform/navigator/userinfo").then((function(r){t.email=r.email;t.currentProductId=r.current_product_id;t.parsedProducts=t.productKeysToCamelCase(r.products);t.logoutUrl=t.logoutUrl?t.logoutUrl:r.logout_url;t.connectionName=t.connectionName?t.connectionName:r.connection_name;if(!!t.email&&!!t.currentProductId){t.retrievedInfo=true}})).catch((function(t){console.error(t)}))];case 1:r.sent();return[3,3];case 2:this.currentProductId=o(this.el);if(!!this.products){if(typeof this.products==="string"){this.parsedProducts=JSON.parse(this.products)}else{this.parsedProducts=this.products}this.parsedProducts=this.productKeysToCamelCase(this.parsedProducts)}r.label=3;case 3:this.parsedProducts.sort((function(t,r){return t.name<r.name?-1:1}));return[2]}}))}))};t.prototype.productKeysToCamelCase=function(t){t=t.map((function(t){var r=Object.keys(t);var i={};r.forEach((function(r){i[s(r)]=t[r]}));return i}));return t};t.prototype.setFocusIndex=function(){if(this.parsedProducts.length>1){var t=this.getProduct(this.currentProductId);if(t){this.itemIndexToFocus=this.parsedProducts.indexOf(t)}}};t.prototype.handleKeys=function(t){switch(t.key){case"Escape":t.preventDefault();this.closeMenu();break;case"ArrowDown":case"ArrowUp":t.preventDefault();if(!this.isOpen){this.itemIndexToFocus=u(this.itemIndexToFocus,t.key,this.navigatorItems.length);this.openMenu()}break}};t.prototype.handleKeydown=function(t){var r=t.detail.key;var i=t.detail.navItem;switch(r){case"Tab":this.closeMenu(false);break;case"Enter":case" ":i.click();break;case"ArrowDown":case"ArrowUp":var e=this.itemIndexToFocus;this.itemIndexToFocus=u(this.itemIndexToFocus,r,this.navigatorItems.length);this.focusItem();this.unfocusItem(e);break}};t.prototype.handleClick=function(t){var r=t.target===this.el||this.el.contains(t.target);if(!r&&this.isOpen){this.closeMenu(false)}};t.prototype.handleButtonClick=function(){this.isOpen?this.closeMenu():this.openMenu()};t.prototype.openMenu=function(){if(this.wrapperEl){var t=this.wrapperEl.clientWidth;var r=this.el.getBoundingClientRect().left;var i=document.documentElement.clientWidth-this.el.getBoundingClientRect().right;this.openRight=t>r&&i>r}this.isOpen=true;this.focusItem()};t.prototype.closeMenu=function(t){var r=this;if(t===void 0){t=true}this.isOpen=false;window.requestAnimationFrame((function(){r.unfocusItem(r.itemIndexToFocus);r.setFocusIndex();if(t){r.buttonFocusHandler()}}))};t.prototype.focusItem=function(){var t=this.navigatorItems[this.itemIndexToFocus];t.tabIndex=0;t.focused=true;window.requestAnimationFrame((function(){return t.focus()}))};t.prototype.unfocusItem=function(t){var r=this.navigatorItems[t];r.tabIndex=-1;r.focused=false};t.prototype.buttonFocusHandler=function(){var t=this.el.shadowRoot.querySelector("priv-navigator-button");var r=t.shadowRoot.querySelector("button");r.focus()};t.prototype.renderUserInfo=function(){return e("div",{class:"user",id:"wm-nav-user","aria-label":c.formatMessage({id:"navigator.userinfoLabel",defaultMessage:"for {name}, email {email}"},{name:this.userName,email:this.email})},e("p",null,this.userName),e("p",null,this.email))};t.prototype.setAltText=function(){if(this.parsedProducts.length>1){return c.formatMessage({id:"navigator.userinfoAndProductNavigator",defaultMessage:"User information and product navigator"})}else{return c.formatMessage({id:"navigator.userinfo",defaultMessage:"User information"})}};t.prototype.renderHeading=function(){return e("h2",null,c.formatMessage({id:"navigator.watermarkApps",defaultMessage:"Watermark Apps",description:"Applications made by Watermark Insights"}))};t.prototype.renderList=function(){return e("ul",{role:"listbox","aria-label":"".concat(c.formatMessage({id:"navigator.WatermarkAppNavigation",defaultMessage:"Watermark App Navigation",description:"list of applications by Watermark Insights"})),"aria-describedby":"wm-nav-user"},this.parsedProducts.length>1&&this.renderProductOptions(),this.renderLogoutOption())};t.prototype.renderProductOptions=function(){var t=this;return this.parsedProducts.map((function(r){var i,n,a,o;i=r.name;n=r.iconUrl;o=t.setProductOnClick(r.id);if(!!i&&!!n){a=t.currentProductId===r.id;return e("priv-navigator-item",{selected:a,id:r.id,onClick:o,role:"option","aria-label":i},e("img",{src:n,alt:i}))}}))};t.prototype.setProductOnClick=function(t){var r=this.getProduct(t);if(this.currentProductId===t){return function(){}}else if(r){if(!!this.loadFromUserinfo||this.authType===2){var i=r.linkUrl;if(this.isSafeUrl(i)){return function(){return window.location.href=i}}else{console.error('"'.concat(i,'" is not a safe url'));return}}else if(this.authType===3){var e=this.connectionName?"/?connection_name=".concat(this.connectionName):"";var n=r.samlLinkUrl;if(this.isSafeUrl(n)){return function(){return window.location.href=n+e}}else{console.error('"'.concat(n,'" is not a safe url'));return}}}};t.prototype.renderLogoutOption=function(){return e("priv-navigator-item",{class:"logout",selected:!(this.parsedProducts.length>1),id:"nav-logout",onClick:this.setLogoutOnclick(),role:"option"},e("span",{class:"logout"},c.formatMessage({id:"navigator.logout",defaultMessage:"Log Out"})))};t.prototype.setLogoutOnclick=function(){var t=this;return function(){t.wmNavigatorLogout.emit();var r=t.logoutUrl;if(t.isSafeUrl(r)){window.location.href=r}else{console.error('"'.concat(r,'" is not a safe url'))}}};Object.defineProperty(t.prototype,"navigatorItems",{get:function(){return Array.from(this.el.shadowRoot.querySelectorAll("priv-navigator-item"))},enumerable:false,configurable:true});t.prototype.getProduct=function(t){return this.parsedProducts.find((function(r){return r.id===t}))};t.prototype.render=function(){var t=this;return this.retrievedInfo?e(n,null,e("priv-navigator-button",{expanded:this.isOpen,altText:this.setAltText()}),e("div",{class:"wrapper ".concat(this.isOpen?"":"hide"," ").concat(this.openRight?"right":""),ref:function(r){return t.wrapperEl=r}},this.renderUserInfo(),this.parsedProducts.length>1&&this.renderHeading(),this.renderList())):""};Object.defineProperty(t,"delegatesFocus",{get:function(){return true},enumerable:false,configurable:true});Object.defineProperty(t.prototype,"el",{get:function(){return a(this)},enumerable:false,configurable:true});Object.defineProperty(t,"watchers",{get:function(){return{products:["parseData"]}},enumerable:false,configurable:true});return t}());v.style=m}}}));
@@ -1 +1 @@
1
- import"./p-7bf00a52.js";window.navigator.plugins.length>0&&console.log("Ripple component library","5.0.0"),window.addEventListener("keydown",(function(n){if("Tab"==n.key){var o=new Event("wmUserIsTabbing");window.dispatchEvent(o),document.querySelector("body").classList.add("wmcl-user-is-tabbing")}"ArrowLeft"!=n.key&&"ArrowUp"!=n.key&&"ArrowRight"!=n.key&&"ArrowDown"!=n.key||(o=new Event("wmUserIsKeying"),window.dispatchEvent(o),document.querySelector("body").classList.add("wmcl-user-is-keying"))})),window.addEventListener("mousedown",(function(){var n=new Event("wmUserIsNotTabbing");window.dispatchEvent(n),document.querySelector("body").classList.remove("wmcl-user-is-tabbing"),document.querySelector("body").classList.remove("wmcl-user-is-keying")}));const n=document.createElement("div");n.id="wm-tooltip-container";const o=document.createElement("div");o.id="wm-tooltip",o.classList.add("wm-tooltip"),o.setAttribute("popover","manual"),o.setAttribute("aria-hidden","true");const t=document.createElement("style");t.textContent="\n.wm-tooltip {\n position: fixed;\n overflow: hidden;\n pointer-events: none;\n line-height: normal;\n font-family: inherit;\n font-size: 0.875rem;\n text-transform: none;\n font-weight: normal;\n background: var(--wmcolor-tooltip-background);\n color: var(--wmcolor-tooltip-text);\n z-index: 999999;\n max-width: var(--wmTooltipMaxWidth, 13.75rem);\n margin-right: 1.5rem;\n padding: 0.375rem;\n transition-property: opacity;\n transition-delay: 0s;\n opacity: 0;\n inset: unset;\n top: 0;\n left: 0;\n transform: translateZ(0);\n will-change: transform;\n transform: translate(var(--wmTooltipLeft), var(--wmTooltipTop));\n border: none;\n}\n\n.wm-tooltip:popover-open {\n opacity: 0;\n}\n\n.wm-tooltip.show {\n transition-delay: 500ms;\n opacity: 1;\n}\n",document.head.appendChild(t),n.appendChild(o),document.querySelector("body").appendChild(n);const e=()=>{};export{e as g}
1
+ import"./p-a431d6e5.js";window.navigator.plugins.length>0&&console.log("Ripple component library","5.1.0"),window.addEventListener("keydown",(function(n){if("Tab"==n.key){var o=new Event("wmUserIsTabbing");window.dispatchEvent(o),document.querySelector("body").classList.add("wmcl-user-is-tabbing")}"ArrowLeft"!=n.key&&"ArrowUp"!=n.key&&"ArrowRight"!=n.key&&"ArrowDown"!=n.key||(o=new Event("wmUserIsKeying"),window.dispatchEvent(o),document.querySelector("body").classList.add("wmcl-user-is-keying"))})),window.addEventListener("mousedown",(function(){var n=new Event("wmUserIsNotTabbing");window.dispatchEvent(n),document.querySelector("body").classList.remove("wmcl-user-is-tabbing"),document.querySelector("body").classList.remove("wmcl-user-is-keying")}));const n=document.createElement("div");n.id="wm-tooltip-container";const o=document.createElement("div");o.id="wm-tooltip",o.classList.add("wm-tooltip"),o.setAttribute("popover","manual"),o.setAttribute("aria-hidden","true");const t=document.createElement("style");t.textContent="\n.wm-tooltip {\n position: fixed;\n overflow: hidden;\n pointer-events: none;\n line-height: normal;\n font-family: inherit;\n font-size: 0.875rem;\n text-transform: none;\n font-weight: normal;\n background: var(--wmcolor-tooltip-background);\n color: var(--wmcolor-tooltip-text);\n z-index: 999999;\n max-width: var(--wmTooltipMaxWidth, 13.75rem);\n margin-right: 1.5rem;\n padding: 0.375rem;\n transition-property: opacity;\n transition-delay: 0s;\n opacity: 0;\n inset: unset;\n top: 0;\n left: 0;\n transform: translateZ(0);\n will-change: transform;\n transform: translate(var(--wmTooltipLeft), var(--wmTooltipTop));\n border: none;\n}\n\n.wm-tooltip:popover-open {\n opacity: 0;\n}\n\n.wm-tooltip.show {\n transition-delay: 500ms;\n opacity: 1;\n}\n",document.head.appendChild(t),n.appendChild(o),document.querySelector("body").appendChild(n);const e=()=>{};export{e as g}
@@ -1 +1 @@
1
- import{r as t,c as r,h as i,H as s,g as a}from"./p-7bf00a52.js";import{a as o}from"./p-196eb2f3.js";import{k as e,l as n,i as h}from"./p-fc710a30.js";const c=class{constructor(i){t(this,i),this.wmNavigatorLogout=r(this,"wmNavigatorLogout",7),this.retrievedInfo=!this.loadFromUserinfo,this.parsedProducts=[],this.openRight=!1,this.userName=void 0,this.email=void 0,this.authType=1,this.connectionName=void 0,this.logoutUrl=void 0,this.products=void 0,this.loadFromUserinfo=!1,this.isOpen=!1,this.itemIndexToFocus=0}isSafeUrl(t){let r=!1;return["digitalmeasures\\.com","evalkit\\.info","evaluationkit\\.com","evaluationkit\\.info","lat_ams\\.com","livetext\\.com","smartcatalogiq\\.com","smartcatalogiq\\.net","smartcatalogiq\\.us","taskstream\\.com","vialivetext\\.com","watermarkinsights\\.com"].forEach((i=>{t&&t.match(`^https://(.*.)?${i}(/.*)?$`)&&(r=!0)})),r}async componentWillLoad(){this.userName||console.error("wm-navigator: user-name is a required property."),await this.parseData(),this.setFocusIndex()}async parseData(){this.loadFromUserinfo?await(async()=>{const t=await fetch("/platform/navigator/userinfo");if(t&&t.ok)return await t.json();throw new Error(t.statusText)})().then((t=>{this.email=t.email,this.currentProductId=t.current_product_id,this.parsedProducts=this.productKeysToCamelCase(t.products),this.logoutUrl=this.logoutUrl?this.logoutUrl:t.logout_url,this.connectionName=this.connectionName?this.connectionName:t.connection_name,this.email&&this.currentProductId&&(this.retrievedInfo=!0)})).catch((t=>{console.error(t)})):(this.currentProductId=o(this.el),this.products&&(this.parsedProducts="string"==typeof this.products?JSON.parse(this.products):this.products,this.parsedProducts=this.productKeysToCamelCase(this.parsedProducts))),this.parsedProducts.sort(((t,r)=>t.name<r.name?-1:1))}productKeysToCamelCase(t){return t.map((t=>{const r=Object.keys(t);let i={};return r.forEach((r=>{i[e(r)]=t[r]})),i}))}setFocusIndex(){if(this.parsedProducts.length>1){const t=this.getProduct(this.currentProductId);t&&(this.itemIndexToFocus=this.parsedProducts.indexOf(t))}}handleKeys(t){switch(t.key){case"Escape":t.preventDefault(),this.closeMenu();break;case"ArrowDown":case"ArrowUp":t.preventDefault(),this.isOpen||(this.itemIndexToFocus=n(this.itemIndexToFocus,t.key,this.navigatorItems.length),this.openMenu())}}handleKeydown(t){const r=t.detail.key,i=t.detail.navItem;switch(r){case"Tab":this.closeMenu(!1);break;case"Enter":case" ":i.click();break;case"ArrowDown":case"ArrowUp":const t=this.itemIndexToFocus;this.itemIndexToFocus=n(this.itemIndexToFocus,r,this.navigatorItems.length),this.focusItem(),this.unfocusItem(t)}}handleClick(t){t.target!==this.el&&!this.el.contains(t.target)&&this.isOpen&&this.closeMenu(!1)}handleButtonClick(){this.isOpen?this.closeMenu():this.openMenu()}openMenu(){if(this.wrapperEl){const t=this.wrapperEl.clientWidth,r=this.el.getBoundingClientRect().left,i=document.documentElement.clientWidth-this.el.getBoundingClientRect().right;this.openRight=t>r&&i>r}this.isOpen=!0,this.focusItem()}closeMenu(t=!0){this.isOpen=!1,window.requestAnimationFrame((()=>{this.unfocusItem(this.itemIndexToFocus),this.setFocusIndex(),t&&this.buttonFocusHandler()}))}focusItem(){const t=this.navigatorItems[this.itemIndexToFocus];t.tabIndex=0,t.focused=!0,window.requestAnimationFrame((()=>t.focus()))}unfocusItem(t){const r=this.navigatorItems[t];r.tabIndex=-1,r.focused=!1}buttonFocusHandler(){this.el.shadowRoot.querySelector("priv-navigator-button").shadowRoot.querySelector("button").focus()}renderUserInfo(){return i("div",{class:"user",id:"wm-nav-user","aria-label":h.formatMessage({id:"navigator.userinfoLabel",defaultMessage:"for {name}, email {email}"},{name:this.userName,email:this.email})},i("p",null,this.userName),i("p",null,this.email))}setAltText(){return h.formatMessage(this.parsedProducts.length>1?{id:"navigator.userinfoAndProductNavigator",defaultMessage:"User information and product navigator"}:{id:"navigator.userinfo",defaultMessage:"User information"})}renderHeading(){return i("h2",null,h.formatMessage({id:"navigator.watermarkApps",defaultMessage:"Watermark Apps",description:"Applications made by Watermark Insights"}))}renderList(){return i("ul",{role:"listbox","aria-label":`${h.formatMessage({id:"navigator.WatermarkAppNavigation",defaultMessage:"Watermark App Navigation",description:"list of applications by Watermark Insights"})}`,"aria-describedby":"wm-nav-user"},this.parsedProducts.length>1&&this.renderProductOptions(),this.renderLogoutOption())}renderProductOptions(){return this.parsedProducts.map((t=>{let r,s,a,o;if(r=t.name,s=t.iconUrl,o=this.setProductOnClick(t.id),r&&s)return a=this.currentProductId===t.id,i("priv-navigator-item",{selected:a,id:t.id,onClick:o,role:"option","aria-label":r},i("img",{src:s,alt:r}))}))}setProductOnClick(t){const r=this.getProduct(t);if(this.currentProductId===t)return()=>{};if(r){if(this.loadFromUserinfo||2===this.authType){const t=r.linkUrl;return this.isSafeUrl(t)?()=>window.location.href=t:void console.error(`"${t}" is not a safe url`)}if(3===this.authType){const t=this.connectionName?`/?connection_name=${this.connectionName}`:"",i=r.samlLinkUrl;return this.isSafeUrl(i)?()=>window.location.href=i+t:void console.error(`"${i}" is not a safe url`)}}}renderLogoutOption(){return i("priv-navigator-item",{class:"logout",selected:!(this.parsedProducts.length>1),id:"nav-logout",onClick:this.setLogoutOnclick(),role:"option"},i("span",{class:"logout"},h.formatMessage({id:"navigator.logout",defaultMessage:"Log Out"})))}setLogoutOnclick(){return()=>{this.wmNavigatorLogout.emit();const t=this.logoutUrl;this.isSafeUrl(t)?window.location.href=t:console.error(`"${t}" is not a safe url`)}}get navigatorItems(){return Array.from(this.el.shadowRoot.querySelectorAll("priv-navigator-item"))}getProduct(t){return this.parsedProducts.find((r=>r.id===t))}render(){return this.retrievedInfo?i(s,null,i("priv-navigator-button",{expanded:this.isOpen,altText:this.setAltText()}),i("div",{class:`wrapper ${this.isOpen?"":"hide"} ${this.openRight?"right":""}`,ref:t=>this.wrapperEl=t},this.renderUserInfo(),this.parsedProducts.length>1&&this.renderHeading(),this.renderList())):""}static get delegatesFocus(){return!0}get el(){return a(this)}static get watchers(){return{products:["parseData"]}}};c.style=":host{--wmcolor-navigator-background:var(--wmcolor-background);--wmcolor-navigator-header-background:var(--wmcolor-brand-dark);--wmcolor-navigator-header-text:var(--wmcolor-text-ondark);--wmcolor-navigator-item-background-focus:var(--wmcolor-interactive-background-focus);--wmcolor-navigator-item-background-hover:var(--wmcolor-interactive-background-hover);--wmcolor-navigator-item-background:var(--wmcolor-background);--wmcolor-navigator-item-border:var(--wmcolor-border);--wmcolor-navigator-item-text:var(--wmcolor-text);--wmcolor-navigator-user-background:var(--wmcolor-background-readonly);min-width:0;position:relative;display:inline-block}:host .wrapper{overflow:auto;font-size:1.125rem;min-width:13.125rem;width:auto;max-height:80vh;text-align:left;position:absolute;z-index:50;top:100%;right:20px;left:auto;background:var(--wmcolor-navigator-background);letter-spacing:normal;-webkit-box-shadow:0 4px 15px 0 rgba(0, 0, 0, 0.2);-moz-box-shadow:0 4px 15px 0 rgba(0, 0, 0, 0.2);box-shadow:0 4px 15px 0 rgba(0, 0, 0, 0.2);-ms-transition:transform 0.25s ease;-webkit-transition:transform 0.25s ease;-moz-transition:transform 0.25s ease;-webkit-transition:-webkit-transform 0.25s ease;transition:-webkit-transform 0.25s ease;transition:transform 0.25s ease;transition:transform 0.25s ease, -webkit-transform 0.25s ease;-ms-transform-origin:center top;-webkit-transform-origin:center top;-moz-transform-origin:center top;transform-origin:center top;-ms-transform:scale(1, 1);-webkit-transform:scale(1, 1);-moz-transform:scale(1, 1);transform:scale(1, 1)}:host .wrapper .user{background:var(--wmcolor-navigator-user-background);padding:0.625rem 1.25rem;font-size:0.875rem}:host .wrapper .user p{margin:0}:host .wrapper .user p:first-child{font-weight:700;text-transform:capitalize}:host .wrapper h2{background:var(--wmcolor-navigator-header-background);color:var(--wmcolor-navigator-header-text);font-weight:700;margin:0;padding:0.625rem 1.25rem;font-size:0.875rem}:host .wrapper [role=listbox]{list-style:none;margin:0;padding-left:0}:host .wrapper.hide{-ms-transform:scale(1, 0);-webkit-transform:scale(1, 0);-moz-transform:scale(1, 0);transform:scale(1, 0)}:host .wrapper.right{right:auto;left:20px}:host img{-webkit-transform:scale(0.8);transform:scale(0.8);-webkit-transform-origin:left center;transform-origin:left center;display:block}:host .logout{text-align:center;text-transform:capitalize}priv-navigator-item:focus{outline:none}";export{c as wm_navigator}
1
+ import{r as t,c as r,h as i,H as s,g as a}from"./p-a431d6e5.js";import{a as o}from"./p-196eb2f3.js";import{k as e,l as n,i as h}from"./p-fc710a30.js";const c=class{constructor(i){t(this,i),this.wmNavigatorLogout=r(this,"wmNavigatorLogout",7),this.retrievedInfo=!this.loadFromUserinfo,this.parsedProducts=[],this.openRight=!1,this.userName=void 0,this.email=void 0,this.authType=1,this.connectionName=void 0,this.logoutUrl=void 0,this.products=void 0,this.loadFromUserinfo=!1,this.isOpen=!1,this.itemIndexToFocus=0}isSafeUrl(t){let r=!1;return["digitalmeasures\\.com","evalkit\\.info","evaluationkit\\.com","evaluationkit\\.info","lat_ams\\.com","livetext\\.com","smartcatalogiq\\.com","smartcatalogiq\\.net","smartcatalogiq\\.us","taskstream\\.com","vialivetext\\.com","watermarkinsights\\.com"].forEach((i=>{t&&t.match(`^https://(.*.)?${i}(/.*)?$`)&&(r=!0)})),r}async componentWillLoad(){this.userName||console.error("wm-navigator: user-name is a required property."),await this.parseData(),this.setFocusIndex()}async parseData(){this.loadFromUserinfo?await(async()=>{const t=await fetch("/platform/navigator/userinfo");if(t&&t.ok)return await t.json();throw new Error(t.statusText)})().then((t=>{this.email=t.email,this.currentProductId=t.current_product_id,this.parsedProducts=this.productKeysToCamelCase(t.products),this.logoutUrl=this.logoutUrl?this.logoutUrl:t.logout_url,this.connectionName=this.connectionName?this.connectionName:t.connection_name,this.email&&this.currentProductId&&(this.retrievedInfo=!0)})).catch((t=>{console.error(t)})):(this.currentProductId=o(this.el),this.products&&(this.parsedProducts="string"==typeof this.products?JSON.parse(this.products):this.products,this.parsedProducts=this.productKeysToCamelCase(this.parsedProducts))),this.parsedProducts.sort(((t,r)=>t.name<r.name?-1:1))}productKeysToCamelCase(t){return t.map((t=>{const r=Object.keys(t);let i={};return r.forEach((r=>{i[e(r)]=t[r]})),i}))}setFocusIndex(){if(this.parsedProducts.length>1){const t=this.getProduct(this.currentProductId);t&&(this.itemIndexToFocus=this.parsedProducts.indexOf(t))}}handleKeys(t){switch(t.key){case"Escape":t.preventDefault(),this.closeMenu();break;case"ArrowDown":case"ArrowUp":t.preventDefault(),this.isOpen||(this.itemIndexToFocus=n(this.itemIndexToFocus,t.key,this.navigatorItems.length),this.openMenu())}}handleKeydown(t){const r=t.detail.key,i=t.detail.navItem;switch(r){case"Tab":this.closeMenu(!1);break;case"Enter":case" ":i.click();break;case"ArrowDown":case"ArrowUp":const t=this.itemIndexToFocus;this.itemIndexToFocus=n(this.itemIndexToFocus,r,this.navigatorItems.length),this.focusItem(),this.unfocusItem(t)}}handleClick(t){t.target!==this.el&&!this.el.contains(t.target)&&this.isOpen&&this.closeMenu(!1)}handleButtonClick(){this.isOpen?this.closeMenu():this.openMenu()}openMenu(){if(this.wrapperEl){const t=this.wrapperEl.clientWidth,r=this.el.getBoundingClientRect().left,i=document.documentElement.clientWidth-this.el.getBoundingClientRect().right;this.openRight=t>r&&i>r}this.isOpen=!0,this.focusItem()}closeMenu(t=!0){this.isOpen=!1,window.requestAnimationFrame((()=>{this.unfocusItem(this.itemIndexToFocus),this.setFocusIndex(),t&&this.buttonFocusHandler()}))}focusItem(){const t=this.navigatorItems[this.itemIndexToFocus];t.tabIndex=0,t.focused=!0,window.requestAnimationFrame((()=>t.focus()))}unfocusItem(t){const r=this.navigatorItems[t];r.tabIndex=-1,r.focused=!1}buttonFocusHandler(){this.el.shadowRoot.querySelector("priv-navigator-button").shadowRoot.querySelector("button").focus()}renderUserInfo(){return i("div",{class:"user",id:"wm-nav-user","aria-label":h.formatMessage({id:"navigator.userinfoLabel",defaultMessage:"for {name}, email {email}"},{name:this.userName,email:this.email})},i("p",null,this.userName),i("p",null,this.email))}setAltText(){return h.formatMessage(this.parsedProducts.length>1?{id:"navigator.userinfoAndProductNavigator",defaultMessage:"User information and product navigator"}:{id:"navigator.userinfo",defaultMessage:"User information"})}renderHeading(){return i("h2",null,h.formatMessage({id:"navigator.watermarkApps",defaultMessage:"Watermark Apps",description:"Applications made by Watermark Insights"}))}renderList(){return i("ul",{role:"listbox","aria-label":`${h.formatMessage({id:"navigator.WatermarkAppNavigation",defaultMessage:"Watermark App Navigation",description:"list of applications by Watermark Insights"})}`,"aria-describedby":"wm-nav-user"},this.parsedProducts.length>1&&this.renderProductOptions(),this.renderLogoutOption())}renderProductOptions(){return this.parsedProducts.map((t=>{let r,s,a,o;if(r=t.name,s=t.iconUrl,o=this.setProductOnClick(t.id),r&&s)return a=this.currentProductId===t.id,i("priv-navigator-item",{selected:a,id:t.id,onClick:o,role:"option","aria-label":r},i("img",{src:s,alt:r}))}))}setProductOnClick(t){const r=this.getProduct(t);if(this.currentProductId===t)return()=>{};if(r){if(this.loadFromUserinfo||2===this.authType){const t=r.linkUrl;return this.isSafeUrl(t)?()=>window.location.href=t:void console.error(`"${t}" is not a safe url`)}if(3===this.authType){const t=this.connectionName?`/?connection_name=${this.connectionName}`:"",i=r.samlLinkUrl;return this.isSafeUrl(i)?()=>window.location.href=i+t:void console.error(`"${i}" is not a safe url`)}}}renderLogoutOption(){return i("priv-navigator-item",{class:"logout",selected:!(this.parsedProducts.length>1),id:"nav-logout",onClick:this.setLogoutOnclick(),role:"option"},i("span",{class:"logout"},h.formatMessage({id:"navigator.logout",defaultMessage:"Log Out"})))}setLogoutOnclick(){return()=>{this.wmNavigatorLogout.emit();const t=this.logoutUrl;this.isSafeUrl(t)?window.location.href=t:console.error(`"${t}" is not a safe url`)}}get navigatorItems(){return Array.from(this.el.shadowRoot.querySelectorAll("priv-navigator-item"))}getProduct(t){return this.parsedProducts.find((r=>r.id===t))}render(){return this.retrievedInfo?i(s,null,i("priv-navigator-button",{expanded:this.isOpen,altText:this.setAltText()}),i("div",{class:`wrapper ${this.isOpen?"":"hide"} ${this.openRight?"right":""}`,ref:t=>this.wrapperEl=t},this.renderUserInfo(),this.parsedProducts.length>1&&this.renderHeading(),this.renderList())):""}static get delegatesFocus(){return!0}get el(){return a(this)}static get watchers(){return{products:["parseData"]}}};c.style=":host{--wmcolor-navigator-background:var(--wmcolor-background);--wmcolor-navigator-header-background:var(--wmcolor-brand-dark);--wmcolor-navigator-header-text:var(--wmcolor-text-ondark);--wmcolor-navigator-item-background-focus:var(--wmcolor-interactive-background-focus);--wmcolor-navigator-item-background-hover:var(--wmcolor-interactive-background-hover);--wmcolor-navigator-item-background:var(--wmcolor-background);--wmcolor-navigator-item-border:var(--wmcolor-border);--wmcolor-navigator-item-text:var(--wmcolor-text);--wmcolor-navigator-user-background:var(--wmcolor-background-readonly);min-width:0;position:relative;display:inline-block}:host .wrapper{overflow:auto;font-size:1.125rem;min-width:13.125rem;width:auto;max-height:80vh;text-align:left;position:absolute;z-index:50;top:100%;right:20px;left:auto;background:var(--wmcolor-navigator-background);letter-spacing:normal;-webkit-box-shadow:0 4px 15px 0 rgba(0, 0, 0, 0.2);-moz-box-shadow:0 4px 15px 0 rgba(0, 0, 0, 0.2);box-shadow:0 4px 15px 0 rgba(0, 0, 0, 0.2);-ms-transition:transform 0.25s ease;-webkit-transition:transform 0.25s ease;-moz-transition:transform 0.25s ease;-webkit-transition:-webkit-transform 0.25s ease;transition:-webkit-transform 0.25s ease;transition:transform 0.25s ease;transition:transform 0.25s ease, -webkit-transform 0.25s ease;-ms-transform-origin:center top;-webkit-transform-origin:center top;-moz-transform-origin:center top;transform-origin:center top;-ms-transform:scale(1, 1);-webkit-transform:scale(1, 1);-moz-transform:scale(1, 1);transform:scale(1, 1)}:host .wrapper .user{background:var(--wmcolor-navigator-user-background);padding:0.625rem 1.25rem;font-size:0.875rem}:host .wrapper .user p{margin:0}:host .wrapper .user p:first-child{font-weight:700;text-transform:capitalize}:host .wrapper h2{background:var(--wmcolor-navigator-header-background);color:var(--wmcolor-navigator-header-text);font-weight:700;margin:0;padding:0.625rem 1.25rem;font-size:0.875rem}:host .wrapper [role=listbox]{list-style:none;margin:0;padding-left:0}:host .wrapper.hide{-ms-transform:scale(1, 0);-webkit-transform:scale(1, 0);-moz-transform:scale(1, 0);transform:scale(1, 0)}:host .wrapper.right{right:auto;left:20px}:host img{-webkit-transform:scale(0.8);transform:scale(0.8);-webkit-transform-origin:left center;transform-origin:left center;display:block}:host .logout{text-align:center;text-transform:capitalize}priv-navigator-item:focus{outline:none}";export{c as wm_navigator}