@watermarkinsights/ripple 5.12.0 → 5.13.0-alpha.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (483) hide show
  1. package/LICENSE +21 -0
  2. package/README.md +1 -1
  3. package/dist/{esm/chartFunctions-9099c7e9.js → components/chartFunctions.js} +4 -4
  4. package/dist/components/functions.js +17465 -0
  5. package/dist/components/index.d.ts +33 -0
  6. package/dist/{collection/global/global.js → components/index.js} +52 -2
  7. package/dist/{collection/global → components}/interfaces.js +6 -4
  8. package/dist/{esm/intl-a6f16883.js → components/intl.js} +1 -1
  9. package/dist/components/priv-calendar.d.ts +11 -0
  10. package/dist/components/priv-calendar.js +6 -0
  11. package/dist/{esm/priv-calendar.entry.js → components/priv-calendar2.js} +40 -17
  12. package/dist/components/priv-chart-popover.d.ts +11 -0
  13. package/dist/components/priv-chart-popover.js +6 -0
  14. package/dist/{esm/priv-chart-popover.entry.js → components/priv-chart-popover2.js} +32 -13
  15. package/dist/components/priv-navigator-button.d.ts +11 -0
  16. package/dist/components/priv-navigator-button.js +6 -0
  17. package/dist/{esm/priv-navigator-button.entry.js → components/priv-navigator-button2.js} +27 -9
  18. package/dist/components/priv-navigator-item.d.ts +11 -0
  19. package/dist/components/priv-navigator-item.js +6 -0
  20. package/dist/{esm/priv-navigator-item.entry.js → components/priv-navigator-item2.js} +28 -9
  21. package/dist/components/priv-option-list.d.ts +11 -0
  22. package/dist/components/priv-option-list.js +6 -0
  23. package/dist/{esm/priv-option-list.entry.js → components/priv-option-list2.js} +54 -21
  24. package/dist/components/wm-action-menu.d.ts +11 -0
  25. package/dist/components/wm-action-menu.js +6 -0
  26. package/dist/{cjs/wm-pagination.cjs.entry.js → components/wm-action-menu2.js} +216 -212
  27. package/dist/components/wm-button.d.ts +11 -0
  28. package/dist/components/wm-button.js +6 -0
  29. package/dist/{esm/wm-button.entry.js → components/wm-button2.js} +49 -20
  30. package/dist/components/wm-chart-slice.d.ts +11 -0
  31. package/dist/components/wm-chart-slice.js +41 -0
  32. package/dist/components/wm-chart.d.ts +11 -0
  33. package/dist/{esm/wm-chart.entry.js → components/wm-chart.js} +61 -22
  34. package/dist/components/wm-date-range.d.ts +11 -0
  35. package/dist/{esm/wm-date-range.entry.js → components/wm-date-range.js} +66 -23
  36. package/dist/components/wm-datepicker.d.ts +11 -0
  37. package/dist/{esm/wm-datepicker.entry.js → components/wm-datepicker.js} +58 -20
  38. package/dist/components/wm-file-list.d.ts +11 -0
  39. package/dist/{cjs/wm-file-list.cjs.entry.js → components/wm-file-list.js} +29 -13
  40. package/dist/components/wm-file.d.ts +11 -0
  41. package/dist/{esm/wm-file.entry.js → components/wm-file.js} +59 -20
  42. package/dist/components/wm-input.d.ts +11 -0
  43. package/dist/{esm/wm-input.entry.js → components/wm-input.js} +54 -22
  44. package/dist/components/wm-line-chart.d.ts +11 -0
  45. package/dist/{esm/wm-line-chart.entry.js → components/wm-line-chart.js} +80 -39
  46. package/dist/components/wm-menuitem.d.ts +11 -0
  47. package/dist/components/wm-menuitem.js +6 -0
  48. package/dist/{cjs/wm-optgroup.cjs.entry.js → components/wm-menuitem2.js} +130 -57
  49. package/dist/components/wm-modal-footer.d.ts +11 -0
  50. package/dist/components/wm-modal-footer.js +73 -0
  51. package/dist/components/wm-modal-header.d.ts +11 -0
  52. package/dist/components/wm-modal-header.js +61 -0
  53. package/dist/components/wm-modal-pss-footer.d.ts +11 -0
  54. package/dist/{cjs/priv-chart-popover.cjs.entry.js → components/wm-modal-pss-footer.js} +58 -128
  55. package/dist/components/wm-modal-pss-header.d.ts +11 -0
  56. package/dist/components/wm-modal-pss-header.js +64 -0
  57. package/dist/components/wm-modal-pss.d.ts +11 -0
  58. package/dist/{cjs/wm-textarea.cjs.entry.js → components/wm-modal-pss.js} +141 -66
  59. package/dist/components/wm-modal.d.ts +11 -0
  60. package/dist/{cjs/wm-input.cjs.entry.js → components/wm-modal.js} +140 -103
  61. package/dist/components/wm-navigation-hamburger.d.ts +11 -0
  62. package/dist/{ripple/p-f9cade98.entry.js → components/wm-navigation-hamburger.js} +70 -1
  63. package/dist/components/wm-navigation-item.d.ts +11 -0
  64. package/dist/components/wm-navigation-item.js +40 -0
  65. package/dist/components/wm-navigation.d.ts +11 -0
  66. package/dist/{ripple/p-1a71d867.system.entry.js → components/wm-navigation.js} +144 -1
  67. package/dist/components/wm-navigator.d.ts +11 -0
  68. package/dist/{esm/wm-navigator.entry.js → components/wm-navigator.js} +106 -18
  69. package/dist/components/wm-nested-select.d.ts +11 -0
  70. package/dist/{esm/wm-nested-select.entry.js → components/wm-nested-select.js} +56 -23
  71. package/dist/components/wm-optgroup.d.ts +11 -0
  72. package/dist/{esm/wm-optgroup.entry.js → components/wm-optgroup.js} +49 -11
  73. package/dist/components/wm-option.d.ts +11 -0
  74. package/dist/components/wm-option.js +6 -0
  75. package/dist/{cjs/wm-search.cjs.entry.js → components/wm-option2.js} +168 -165
  76. package/dist/components/wm-pagination.d.ts +11 -0
  77. package/dist/{esm/wm-pagination.entry.js → components/wm-pagination.js} +45 -17
  78. package/dist/components/wm-progress-indicator.d.ts +11 -0
  79. package/dist/{esm/wm-progress-indicator_3.entry.js → components/wm-progress-indicator.js} +52 -104
  80. package/dist/components/wm-progress-monitor.d.ts +11 -0
  81. package/dist/components/wm-progress-monitor.js +93 -0
  82. package/dist/components/wm-progress-slice.d.ts +11 -0
  83. package/dist/components/wm-progress-slice.js +37 -0
  84. package/dist/components/wm-search.d.ts +11 -0
  85. package/dist/{esm/wm-search.entry.js → components/wm-search.js} +76 -15
  86. package/dist/components/wm-select.d.ts +11 -0
  87. package/dist/components/wm-select.js +6 -0
  88. package/dist/components/wm-select2.js +294 -0
  89. package/dist/components/wm-snackbar.d.ts +11 -0
  90. package/dist/{esm/wm-snackbar.entry.js → components/wm-snackbar.js} +41 -16
  91. package/dist/components/wm-tab-item.d.ts +11 -0
  92. package/dist/components/wm-tab-item.js +85 -0
  93. package/dist/components/wm-tab-list.d.ts +11 -0
  94. package/dist/{cjs/wm-uploader.cjs.entry.js → components/wm-tab-list.js} +174 -281
  95. package/dist/components/wm-tab-panel.d.ts +11 -0
  96. package/dist/{esm/wm-file-list.entry.js → components/wm-tab-panel.js} +46 -12
  97. package/dist/components/wm-tag-input.d.ts +11 -0
  98. package/dist/{esm/wm-tag-input.entry.js → components/wm-tag-input.js} +64 -32
  99. package/dist/components/wm-tag-option.d.ts +11 -0
  100. package/dist/components/wm-tag-option.js +63 -0
  101. package/dist/components/wm-textarea.d.ts +11 -0
  102. package/dist/{esm/wm-textarea.entry.js → components/wm-textarea.js} +47 -17
  103. package/dist/components/wm-timepicker.d.ts +11 -0
  104. package/dist/{esm/wm-timepicker.entry.js → components/wm-timepicker.js} +51 -20
  105. package/dist/components/wm-toggletip.d.ts +11 -0
  106. package/dist/{esm/wm-toggletip.entry.js → components/wm-toggletip.js} +38 -16
  107. package/dist/components/wm-uploader.d.ts +11 -0
  108. package/dist/{esm/wm-uploader.entry.js → components/wm-uploader.js} +52 -24
  109. package/dist/components/wm-wrapper.d.ts +11 -0
  110. package/dist/components/wm-wrapper.js +34 -0
  111. package/dist/types/stencil-public-runtime.d.ts +31 -10
  112. package/package.json +4 -8
  113. package/dist/cjs/chartFunctions-a1981e06.js +0 -732
  114. package/dist/cjs/functions-4b187487.js +0 -9679
  115. package/dist/cjs/global-4e034486.js +0 -85
  116. package/dist/cjs/index-e86c28b6.js +0 -2649
  117. package/dist/cjs/index.cjs.js +0 -2
  118. package/dist/cjs/interfaces-85d78ae9.js +0 -37
  119. package/dist/cjs/intl-7fd0760e.js +0 -283
  120. package/dist/cjs/loader.cjs.js +0 -14
  121. package/dist/cjs/priv-calendar.cjs.entry.js +0 -573
  122. package/dist/cjs/priv-navigator-button.cjs.entry.js +0 -28
  123. package/dist/cjs/priv-navigator-item.cjs.entry.js +0 -34
  124. package/dist/cjs/priv-option-list.cjs.entry.js +0 -392
  125. package/dist/cjs/ripple.cjs.js +0 -24
  126. package/dist/cjs/wm-action-menu_2.cjs.entry.js +0 -333
  127. package/dist/cjs/wm-button.cjs.entry.js +0 -206
  128. package/dist/cjs/wm-chart-slice.cjs.entry.js +0 -27
  129. package/dist/cjs/wm-chart.cjs.entry.js +0 -162
  130. package/dist/cjs/wm-date-range.cjs.entry.js +0 -483
  131. package/dist/cjs/wm-datepicker.cjs.entry.js +0 -253
  132. package/dist/cjs/wm-file.cjs.entry.js +0 -193
  133. package/dist/cjs/wm-line-chart.cjs.entry.js +0 -460
  134. package/dist/cjs/wm-modal-pss_3.cjs.entry.js +0 -214
  135. package/dist/cjs/wm-modal_3.cjs.entry.js +0 -212
  136. package/dist/cjs/wm-navigation_3.cjs.entry.js +0 -185
  137. package/dist/cjs/wm-navigator.cjs.entry.js +0 -326
  138. package/dist/cjs/wm-nested-select.cjs.entry.js +0 -314
  139. package/dist/cjs/wm-option_2.cjs.entry.js +0 -425
  140. package/dist/cjs/wm-progress-indicator_3.cjs.entry.js +0 -202
  141. package/dist/cjs/wm-snackbar.cjs.entry.js +0 -181
  142. package/dist/cjs/wm-tab-item_3.cjs.entry.js +0 -260
  143. package/dist/cjs/wm-tag-input.cjs.entry.js +0 -891
  144. package/dist/cjs/wm-tag-option.cjs.entry.js +0 -43
  145. package/dist/cjs/wm-timepicker.cjs.entry.js +0 -306
  146. package/dist/cjs/wm-toggletip.cjs.entry.js +0 -182
  147. package/dist/cjs/wm-wrapper.cjs.entry.js +0 -21
  148. package/dist/collection/collection-manifest.json +0 -191
  149. package/dist/collection/components/charts/chartFunctions.js +0 -665
  150. package/dist/collection/components/charts/chartFunctions.spec.js +0 -16
  151. package/dist/collection/components/charts/priv-chart-popover/priv-chart-popover.css +0 -908
  152. package/dist/collection/components/charts/priv-chart-popover/priv-chart-popover.e2e.js +0 -81
  153. package/dist/collection/components/charts/priv-chart-popover/priv-chart-popover.js +0 -257
  154. package/dist/collection/components/charts/screenshots.e2e.js +0 -96
  155. package/dist/collection/components/charts/wm-chart/wm-chart-slice.js +0 -125
  156. package/dist/collection/components/charts/wm-chart/wm-chart.css +0 -1274
  157. package/dist/collection/components/charts/wm-chart/wm-chart.e2e.js +0 -213
  158. package/dist/collection/components/charts/wm-chart/wm-chart.js +0 -422
  159. package/dist/collection/components/charts/wm-chart/wm-chart.spec.js +0 -37
  160. package/dist/collection/components/charts/wm-line-chart/wm-line-chart.css +0 -1067
  161. package/dist/collection/components/charts/wm-line-chart/wm-line-chart.e2e.js +0 -176
  162. package/dist/collection/components/charts/wm-line-chart/wm-line-chart.js +0 -723
  163. package/dist/collection/components/charts/wm-line-chart/wm-line-chart.spec.js +0 -163
  164. package/dist/collection/components/charts/wm-progress-monitor/wm-progress-indicator.css +0 -1274
  165. package/dist/collection/components/charts/wm-progress-monitor/wm-progress-indicator.js +0 -264
  166. package/dist/collection/components/charts/wm-progress-monitor/wm-progress-monitor.css +0 -909
  167. package/dist/collection/components/charts/wm-progress-monitor/wm-progress-monitor.e2e.js +0 -69
  168. package/dist/collection/components/charts/wm-progress-monitor/wm-progress-monitor.js +0 -151
  169. package/dist/collection/components/charts/wm-progress-monitor/wm-progress-monitor.spec.js +0 -79
  170. package/dist/collection/components/charts/wm-progress-monitor/wm-progress-slice.js +0 -121
  171. package/dist/collection/components/datepickers/datepicker.css +0 -1043
  172. package/dist/collection/components/datepickers/priv-calendar/priv-calendar.css +0 -1279
  173. package/dist/collection/components/datepickers/priv-calendar/priv-calendar.js +0 -840
  174. package/dist/collection/components/datepickers/priv-calendar/priv-calendar.spec.js +0 -89
  175. package/dist/collection/components/datepickers/wm-date-range.e2e.js +0 -443
  176. package/dist/collection/components/datepickers/wm-date-range.js +0 -845
  177. package/dist/collection/components/datepickers/wm-date-range.spec.js +0 -22
  178. package/dist/collection/components/datepickers/wm-datepicker.e2e.js +0 -382
  179. package/dist/collection/components/datepickers/wm-datepicker.js +0 -520
  180. package/dist/collection/components/datepickers/wm-datepicker.spec.js +0 -21
  181. package/dist/collection/components/selects/priv-option-list/priv-option-list.css +0 -918
  182. package/dist/collection/components/selects/priv-option-list/priv-option-list.js +0 -778
  183. package/dist/collection/components/selects/wm-nested-select/wm-nested-select.css +0 -1181
  184. package/dist/collection/components/selects/wm-nested-select/wm-nested-select.js +0 -620
  185. package/dist/collection/components/selects/wm-optgroup/wm-optgroup.css +0 -830
  186. package/dist/collection/components/selects/wm-optgroup/wm-optgroup.js +0 -258
  187. package/dist/collection/components/selects/wm-option/wm-option.css +0 -931
  188. package/dist/collection/components/selects/wm-option/wm-option.e2e.js +0 -22
  189. package/dist/collection/components/selects/wm-option/wm-option.js +0 -530
  190. package/dist/collection/components/selects/wm-option/wm-option.spec.js +0 -63
  191. package/dist/collection/components/selects/wm-select/wm-select.css +0 -1104
  192. package/dist/collection/components/selects/wm-select/wm-select.e2e.js +0 -521
  193. package/dist/collection/components/selects/wm-select/wm-select.js +0 -584
  194. package/dist/collection/components/selects/wm-select/wm-select.spec.js +0 -271
  195. package/dist/collection/components/wm-action-menu/wm-action-menu.css +0 -891
  196. package/dist/collection/components/wm-action-menu/wm-action-menu.e2e.js +0 -200
  197. package/dist/collection/components/wm-action-menu/wm-action-menu.js +0 -435
  198. package/dist/collection/components/wm-action-menu/wm-action-menu.spec.js +0 -48
  199. package/dist/collection/components/wm-button/wm-button.css +0 -1261
  200. package/dist/collection/components/wm-button/wm-button.e2e.js +0 -55
  201. package/dist/collection/components/wm-button/wm-button.js +0 -489
  202. package/dist/collection/components/wm-button/wm-button.spec.js +0 -74
  203. package/dist/collection/components/wm-file/wm-file.css +0 -927
  204. package/dist/collection/components/wm-file/wm-file.js +0 -412
  205. package/dist/collection/components/wm-file/wm-file.spec.js +0 -194
  206. package/dist/collection/components/wm-file-list/wm-file-list.css +0 -820
  207. package/dist/collection/components/wm-file-list/wm-file-list.js +0 -45
  208. package/dist/collection/components/wm-file-list/wm-file-list.spec.js +0 -69
  209. package/dist/collection/components/wm-input/wm-input.css +0 -992
  210. package/dist/collection/components/wm-input/wm-input.e2e.js +0 -32
  211. package/dist/collection/components/wm-input/wm-input.js +0 -471
  212. package/dist/collection/components/wm-input/wm-input.spec.js +0 -173
  213. package/dist/collection/components/wm-menuitem/wm-menuitem.css +0 -891
  214. package/dist/collection/components/wm-menuitem/wm-menuitem.e2e.js +0 -23
  215. package/dist/collection/components/wm-menuitem/wm-menuitem.js +0 -419
  216. package/dist/collection/components/wm-menuitem/wm-menuitem.spec.js +0 -54
  217. package/dist/collection/components/wm-modal/wm-modal-footer.css +0 -845
  218. package/dist/collection/components/wm-modal/wm-modal-footer.js +0 -141
  219. package/dist/collection/components/wm-modal/wm-modal-footer.spec.js +0 -11
  220. package/dist/collection/components/wm-modal/wm-modal-header.css +0 -844
  221. package/dist/collection/components/wm-modal/wm-modal-header.js +0 -78
  222. package/dist/collection/components/wm-modal/wm-modal-header.spec.js +0 -8
  223. package/dist/collection/components/wm-modal/wm-modal.css +0 -891
  224. package/dist/collection/components/wm-modal/wm-modal.e2e.js +0 -104
  225. package/dist/collection/components/wm-modal/wm-modal.js +0 -350
  226. package/dist/collection/components/wm-modal/wm-modal.spec.js +0 -30
  227. package/dist/collection/components/wm-modal-pss/wm-modal-pss-footer.css +0 -852
  228. package/dist/collection/components/wm-modal-pss/wm-modal-pss-footer.js +0 -138
  229. package/dist/collection/components/wm-modal-pss/wm-modal-pss-header.css +0 -846
  230. package/dist/collection/components/wm-modal-pss/wm-modal-pss-header.js +0 -82
  231. package/dist/collection/components/wm-modal-pss/wm-modal-pss.css +0 -927
  232. package/dist/collection/components/wm-modal-pss/wm-modal-pss.js +0 -362
  233. package/dist/collection/components/wm-navigation/wm-navigation-hamburger.css +0 -847
  234. package/dist/collection/components/wm-navigation/wm-navigation-hamburger.js +0 -119
  235. package/dist/collection/components/wm-navigation/wm-navigation-item.css +0 -856
  236. package/dist/collection/components/wm-navigation/wm-navigation-item.js +0 -98
  237. package/dist/collection/components/wm-navigation/wm-navigation.css +0 -898
  238. package/dist/collection/components/wm-navigation/wm-navigation.e2e.js +0 -102
  239. package/dist/collection/components/wm-navigation/wm-navigation.js +0 -190
  240. package/dist/collection/components/wm-navigation/wm-navigation.spec.js +0 -91
  241. package/dist/collection/components/wm-navigator/priv-navigator-button/priv-navigator-button.css +0 -849
  242. package/dist/collection/components/wm-navigator/priv-navigator-button/priv-navigator-button.e2e.js +0 -50
  243. package/dist/collection/components/wm-navigator/priv-navigator-button/priv-navigator-button.js +0 -86
  244. package/dist/collection/components/wm-navigator/priv-navigator-item/priv-navigator-item.css +0 -830
  245. package/dist/collection/components/wm-navigator/priv-navigator-item/priv-navigator-item.js +0 -124
  246. package/dist/collection/components/wm-navigator/wm-navigator.css +0 -903
  247. package/dist/collection/components/wm-navigator/wm-navigator.e2e.js +0 -209
  248. package/dist/collection/components/wm-navigator/wm-navigator.js +0 -496
  249. package/dist/collection/components/wm-navigator/wm-navigator.spec.js +0 -177
  250. package/dist/collection/components/wm-pagination/wm-pagination.css +0 -971
  251. package/dist/collection/components/wm-pagination/wm-pagination.e2e.js +0 -312
  252. package/dist/collection/components/wm-pagination/wm-pagination.js +0 -363
  253. package/dist/collection/components/wm-search/wm-search.css +0 -895
  254. package/dist/collection/components/wm-search/wm-search.e2e.js +0 -76
  255. package/dist/collection/components/wm-search/wm-search.js +0 -426
  256. package/dist/collection/components/wm-search/wm-search.spec.js +0 -71
  257. package/dist/collection/components/wm-snackbar/wm-snackbar.css +0 -1077
  258. package/dist/collection/components/wm-snackbar/wm-snackbar.e2e.js +0 -112
  259. package/dist/collection/components/wm-snackbar/wm-snackbar.js +0 -269
  260. package/dist/collection/components/wm-snackbar/wm-snackbar.spec.js +0 -9
  261. package/dist/collection/components/wm-tabs/wm-tab-item/wm-tab-item.css +0 -868
  262. package/dist/collection/components/wm-tabs/wm-tab-item/wm-tab-item.js +0 -175
  263. package/dist/collection/components/wm-tabs/wm-tab-list/wm-tab-list.css +0 -840
  264. package/dist/collection/components/wm-tabs/wm-tab-list/wm-tab-list.js +0 -273
  265. package/dist/collection/components/wm-tabs/wm-tab-panel/wm-tab-panel.css +0 -825
  266. package/dist/collection/components/wm-tabs/wm-tab-panel/wm-tab-panel.js +0 -87
  267. package/dist/collection/components/wm-tabs/wm-tabs.e2e.js +0 -91
  268. package/dist/collection/components/wm-tabs/wm-tabs.spec.js +0 -12
  269. package/dist/collection/components/wm-tag-input/wm-tag-input.css +0 -1275
  270. package/dist/collection/components/wm-tag-input/wm-tag-input.e2e.js +0 -204
  271. package/dist/collection/components/wm-tag-input/wm-tag-input.js +0 -1227
  272. package/dist/collection/components/wm-tag-input/wm-tag-input.spec.js +0 -195
  273. package/dist/collection/components/wm-tag-input/wm-tag-option/wm-tag-option.js +0 -243
  274. package/dist/collection/components/wm-textarea/wm-textarea.css +0 -979
  275. package/dist/collection/components/wm-textarea/wm-textarea.e2e.js +0 -41
  276. package/dist/collection/components/wm-textarea/wm-textarea.js +0 -313
  277. package/dist/collection/components/wm-textarea/wm-textarea.spec.js +0 -79
  278. package/dist/collection/components/wm-timepicker/wm-timepicker.css +0 -1093
  279. package/dist/collection/components/wm-timepicker/wm-timepicker.e2e.js +0 -163
  280. package/dist/collection/components/wm-timepicker/wm-timepicker.js +0 -544
  281. package/dist/collection/components/wm-timepicker/wm-timepicker.spec.js +0 -147
  282. package/dist/collection/components/wm-toggletip/wm-toggletip.css +0 -1152
  283. package/dist/collection/components/wm-toggletip/wm-toggletip.e2e.js +0 -69
  284. package/dist/collection/components/wm-toggletip/wm-toggletip.js +0 -289
  285. package/dist/collection/components/wm-toggletip/wm-toggletip.spec.js +0 -21
  286. package/dist/collection/components/wm-uploader/wm-uploader.css +0 -1563
  287. package/dist/collection/components/wm-uploader/wm-uploader.e2e.js +0 -70
  288. package/dist/collection/components/wm-uploader/wm-uploader.js +0 -603
  289. package/dist/collection/components/wm-uploader/wm-uploader.spec.js +0 -234
  290. package/dist/collection/components/wm-wrapper/wm-wrapper.js +0 -28
  291. package/dist/collection/dev/button.js +0 -0
  292. package/dist/collection/dev/chart-small.js +0 -56
  293. package/dist/collection/dev/chart.js +0 -18
  294. package/dist/collection/dev/date-range.js +0 -6
  295. package/dist/collection/dev/datepicker.js +0 -46
  296. package/dist/collection/dev/file-list.js +0 -16
  297. package/dist/collection/dev/file.js +0 -0
  298. package/dist/collection/dev/input.js +0 -6
  299. package/dist/collection/dev/line-chart.js +0 -0
  300. package/dist/collection/dev/modal.js +0 -48
  301. package/dist/collection/dev/navigation.js +0 -13
  302. package/dist/collection/dev/navigator.js +0 -34
  303. package/dist/collection/dev/nested-select.js +0 -36
  304. package/dist/collection/dev/pagination.js +0 -7
  305. package/dist/collection/dev/progress-monitor.js +0 -0
  306. package/dist/collection/dev/pss-modal.js +0 -8
  307. package/dist/collection/dev/scripts.js +0 -49
  308. package/dist/collection/dev/search.js +0 -72
  309. package/dist/collection/dev/select.js +0 -57
  310. package/dist/collection/dev/snackbar.js +0 -54
  311. package/dist/collection/dev/tabs.js +0 -44
  312. package/dist/collection/dev/tag-input.js +0 -32
  313. package/dist/collection/dev/textarea.js +0 -28
  314. package/dist/collection/dev/timepicker.js +0 -32
  315. package/dist/collection/dev/toggletip.js +0 -9
  316. package/dist/collection/dev/uploader.js +0 -139
  317. package/dist/collection/global/__mocks__/functions.js +0 -6
  318. package/dist/collection/global/functions.js +0 -825
  319. package/dist/collection/global/functions.spec.js +0 -126
  320. package/dist/collection/global/intl.js +0 -274
  321. package/dist/collection/global/services/__mocks__/http-service.js +0 -130
  322. package/dist/collection/global/services/http-service.js +0 -50
  323. package/dist/collection/lang/lang.js +0 -5
  324. package/dist/collection/lang/lang.spec.js +0 -20
  325. package/dist/collection/lang/missing.js +0 -43
  326. package/dist/collection/lang/piglatin.js +0 -101
  327. package/dist/esm/functions-00e1916b.js +0 -9639
  328. package/dist/esm/global-c76064cb.js +0 -83
  329. package/dist/esm/index-558b5a82.js +0 -2618
  330. package/dist/esm/index.js +0 -1
  331. package/dist/esm/interfaces-cc5b177f.js +0 -34
  332. package/dist/esm/loader.js +0 -10
  333. package/dist/esm/polyfills/core-js.js +0 -11
  334. package/dist/esm/polyfills/dom.js +0 -79
  335. package/dist/esm/polyfills/es5-html-element.js +0 -1
  336. package/dist/esm/polyfills/index.js +0 -34
  337. package/dist/esm/polyfills/system.js +0 -6
  338. package/dist/esm/ripple.js +0 -19
  339. package/dist/esm/wm-action-menu_2.entry.js +0 -328
  340. package/dist/esm/wm-chart-slice.entry.js +0 -23
  341. package/dist/esm/wm-modal-pss_3.entry.js +0 -208
  342. package/dist/esm/wm-modal_3.entry.js +0 -206
  343. package/dist/esm/wm-navigation_3.entry.js +0 -179
  344. package/dist/esm/wm-option_2.entry.js +0 -420
  345. package/dist/esm/wm-tab-item_3.entry.js +0 -254
  346. package/dist/esm/wm-tag-option.entry.js +0 -39
  347. package/dist/esm/wm-wrapper.entry.js +0 -17
  348. package/dist/esm-es5/chartFunctions-9099c7e9.js +0 -1
  349. package/dist/esm-es5/functions-00e1916b.js +0 -1
  350. package/dist/esm-es5/global-c76064cb.js +0 -1
  351. package/dist/esm-es5/index-558b5a82.js +0 -1
  352. package/dist/esm-es5/index.js +0 -0
  353. package/dist/esm-es5/interfaces-cc5b177f.js +0 -1
  354. package/dist/esm-es5/intl-a6f16883.js +0 -1
  355. package/dist/esm-es5/loader.js +0 -1
  356. package/dist/esm-es5/priv-calendar.entry.js +0 -1
  357. package/dist/esm-es5/priv-chart-popover.entry.js +0 -1
  358. package/dist/esm-es5/priv-navigator-button.entry.js +0 -1
  359. package/dist/esm-es5/priv-navigator-item.entry.js +0 -1
  360. package/dist/esm-es5/priv-option-list.entry.js +0 -1
  361. package/dist/esm-es5/ripple.js +0 -1
  362. package/dist/esm-es5/wm-action-menu_2.entry.js +0 -1
  363. package/dist/esm-es5/wm-button.entry.js +0 -1
  364. package/dist/esm-es5/wm-chart-slice.entry.js +0 -1
  365. package/dist/esm-es5/wm-chart.entry.js +0 -1
  366. package/dist/esm-es5/wm-date-range.entry.js +0 -1
  367. package/dist/esm-es5/wm-datepicker.entry.js +0 -1
  368. package/dist/esm-es5/wm-file-list.entry.js +0 -1
  369. package/dist/esm-es5/wm-file.entry.js +0 -1
  370. package/dist/esm-es5/wm-input.entry.js +0 -1
  371. package/dist/esm-es5/wm-line-chart.entry.js +0 -1
  372. package/dist/esm-es5/wm-modal-pss_3.entry.js +0 -1
  373. package/dist/esm-es5/wm-modal_3.entry.js +0 -1
  374. package/dist/esm-es5/wm-navigation_3.entry.js +0 -1
  375. package/dist/esm-es5/wm-navigator.entry.js +0 -1
  376. package/dist/esm-es5/wm-nested-select.entry.js +0 -1
  377. package/dist/esm-es5/wm-optgroup.entry.js +0 -1
  378. package/dist/esm-es5/wm-option_2.entry.js +0 -1
  379. package/dist/esm-es5/wm-pagination.entry.js +0 -1
  380. package/dist/esm-es5/wm-progress-indicator_3.entry.js +0 -1
  381. package/dist/esm-es5/wm-search.entry.js +0 -1
  382. package/dist/esm-es5/wm-snackbar.entry.js +0 -1
  383. package/dist/esm-es5/wm-tab-item_3.entry.js +0 -1
  384. package/dist/esm-es5/wm-tag-input.entry.js +0 -1
  385. package/dist/esm-es5/wm-tag-option.entry.js +0 -1
  386. package/dist/esm-es5/wm-textarea.entry.js +0 -1
  387. package/dist/esm-es5/wm-timepicker.entry.js +0 -1
  388. package/dist/esm-es5/wm-toggletip.entry.js +0 -1
  389. package/dist/esm-es5/wm-uploader.entry.js +0 -1
  390. package/dist/esm-es5/wm-wrapper.entry.js +0 -1
  391. package/dist/index.cjs.js +0 -1
  392. package/dist/index.js +0 -1
  393. package/dist/loader/cdn.js +0 -3
  394. package/dist/loader/index.cjs.js +0 -3
  395. package/dist/loader/index.d.ts +0 -21
  396. package/dist/loader/index.es2017.js +0 -3
  397. package/dist/loader/index.js +0 -4
  398. package/dist/loader/package.json +0 -11
  399. package/dist/ripple/index.esm.js +0 -0
  400. package/dist/ripple/p-05ae54d7.entry.js +0 -1
  401. package/dist/ripple/p-0d89d63c.system.entry.js +0 -1
  402. package/dist/ripple/p-118c47eb.system.entry.js +0 -1
  403. package/dist/ripple/p-1a4b6b02.system.entry.js +0 -1
  404. package/dist/ripple/p-1a4b7504.system.entry.js +0 -1
  405. package/dist/ripple/p-1a951dfb.entry.js +0 -1
  406. package/dist/ripple/p-1c8f550f.system.entry.js +0 -1
  407. package/dist/ripple/p-1f751b87.js +0 -1
  408. package/dist/ripple/p-1fac5bf9.js +0 -1
  409. package/dist/ripple/p-20a8f732.system.entry.js +0 -1
  410. package/dist/ripple/p-249b56fb.entry.js +0 -1
  411. package/dist/ripple/p-249d13a1.system.entry.js +0 -1
  412. package/dist/ripple/p-26906899.entry.js +0 -1
  413. package/dist/ripple/p-2732bddd.js +0 -1
  414. package/dist/ripple/p-28119645.system.entry.js +0 -1
  415. package/dist/ripple/p-2f37f3ee.system.js +0 -1
  416. package/dist/ripple/p-32bf3f5b.system.entry.js +0 -1
  417. package/dist/ripple/p-335c03d3.system.entry.js +0 -1
  418. package/dist/ripple/p-363b534b.entry.js +0 -1
  419. package/dist/ripple/p-393e4636.js +0 -1
  420. package/dist/ripple/p-39f79d71.system.entry.js +0 -1
  421. package/dist/ripple/p-3a231f4b.system.entry.js +0 -1
  422. package/dist/ripple/p-3d4bb85f.entry.js +0 -1
  423. package/dist/ripple/p-4228de00.entry.js +0 -1
  424. package/dist/ripple/p-42fa7a77.system.js +0 -1
  425. package/dist/ripple/p-48e09589.entry.js +0 -1
  426. package/dist/ripple/p-4f8fe1d1.system.js +0 -1
  427. package/dist/ripple/p-50ea2036.system.js +0 -1
  428. package/dist/ripple/p-522ecb7d.system.entry.js +0 -1
  429. package/dist/ripple/p-54d6f0f9.entry.js +0 -1
  430. package/dist/ripple/p-568c595f.js +0 -2
  431. package/dist/ripple/p-56aeee6e.system.entry.js +0 -1
  432. package/dist/ripple/p-5e6a4f70.system.js +0 -1
  433. package/dist/ripple/p-5f082360.system.entry.js +0 -1
  434. package/dist/ripple/p-5f5fe905.js +0 -1
  435. package/dist/ripple/p-617c2c75.entry.js +0 -1
  436. package/dist/ripple/p-6524c53e.system.entry.js +0 -1
  437. package/dist/ripple/p-65d26233.system.entry.js +0 -1
  438. package/dist/ripple/p-6834a6d3.entry.js +0 -1
  439. package/dist/ripple/p-68e04222.entry.js +0 -1
  440. package/dist/ripple/p-68fddfaa.system.entry.js +0 -1
  441. package/dist/ripple/p-694903e6.system.entry.js +0 -1
  442. package/dist/ripple/p-73ca2f26.system.js +0 -1
  443. package/dist/ripple/p-7b6a65f8.system.entry.js +0 -1
  444. package/dist/ripple/p-7b7e1eb5.system.entry.js +0 -1
  445. package/dist/ripple/p-88ebddd7.entry.js +0 -1
  446. package/dist/ripple/p-8c1d27a7.entry.js +0 -1
  447. package/dist/ripple/p-8e9c24f3.entry.js +0 -1
  448. package/dist/ripple/p-8f836507.system.entry.js +0 -1
  449. package/dist/ripple/p-94495341.entry.js +0 -1
  450. package/dist/ripple/p-958331bf.entry.js +0 -1
  451. package/dist/ripple/p-9872623b.entry.js +0 -1
  452. package/dist/ripple/p-9ab3c088.system.entry.js +0 -1
  453. package/dist/ripple/p-9aedd599.entry.js +0 -1
  454. package/dist/ripple/p-9b848151.entry.js +0 -1
  455. package/dist/ripple/p-a04ef164.system.entry.js +0 -1
  456. package/dist/ripple/p-a78bb423.system.entry.js +0 -1
  457. package/dist/ripple/p-a880d9a0.system.entry.js +0 -1
  458. package/dist/ripple/p-ab8d78cc.system.js +0 -2
  459. package/dist/ripple/p-adc254e6.entry.js +0 -1
  460. package/dist/ripple/p-b165d61a.entry.js +0 -1
  461. package/dist/ripple/p-b39377c7.entry.js +0 -1
  462. package/dist/ripple/p-b9bca547.entry.js +0 -1
  463. package/dist/ripple/p-bae2c236.entry.js +0 -1
  464. package/dist/ripple/p-c53f3704.system.entry.js +0 -1
  465. package/dist/ripple/p-c56ff16f.entry.js +0 -1
  466. package/dist/ripple/p-c8cf09a2.system.entry.js +0 -1
  467. package/dist/ripple/p-cbdceb6e.entry.js +0 -1
  468. package/dist/ripple/p-cc813406.system.js +0 -1
  469. package/dist/ripple/p-d20a0f0c.system.entry.js +0 -1
  470. package/dist/ripple/p-d6111226.entry.js +0 -1
  471. package/dist/ripple/p-da68c87c.entry.js +0 -1
  472. package/dist/ripple/p-ddef82fa.system.entry.js +0 -1
  473. package/dist/ripple/p-dee6d5a3.entry.js +0 -1
  474. package/dist/ripple/p-e55d5371.entry.js +0 -1
  475. package/dist/ripple/p-e8c22f01.system.entry.js +0 -1
  476. package/dist/ripple/p-f555831b.entry.js +0 -1
  477. package/dist/ripple/p-f5c40e9e.system.entry.js +0 -1
  478. package/dist/ripple/p-fa09191b.system.entry.js +0 -1
  479. package/dist/ripple/p-fdfca58b.entry.js +0 -1
  480. package/dist/ripple/ripple.css +0 -1
  481. package/dist/ripple/ripple.esm.js +0 -1
  482. package/dist/ripple/ripple.js +0 -127
  483. /package/dist/{collection/dev/action-menu.js → types/test-setup.d.ts} +0 -0
@@ -1,81 +0,0 @@
1
- import { newE2EPage } from "@stencil/core/testing";
2
- import { AxePuppeteer } from "@axe-core/puppeteer";
3
- describe("priv-chart-popover", () => {
4
- let page,
5
- // chart: any,
6
- // paths: any,
7
- host, liveRegion;
8
- beforeEach(async () => {
9
- page = await newE2EPage();
10
- await page.setContent(`<html lang='en'><head><title>Page</title></head><body><main style="height: 3000px"><h1>Title</h1>
11
- <wm-chart label="the label">
12
- <wm-chart-slice amount="2" legend="Realized" popover-title="2/10" popover-text="Dreams Realized" popover-button-text="Click for bucket list"></wm-chart-slice>
13
- <wm-chart-slice amount="8" legend="Not Realized" popover-title="8/10" popover-text="Dreams Not Realized" popover-button-text="Click for bucket list"></wm-chart-slice>
14
- </wm-chart>
15
- </main></body></html>`);
16
- // chart = await page.find("wm-chart");
17
- // paths = await page.findAll("wm-chart >>> path");
18
- host = await page.find("wm-chart >>> priv-chart-popover");
19
- liveRegion = await page.find("wm-chart >>> .live-region");
20
- // firstRect = await page.evaluate(() => {
21
- // document.querySelector("wm-chart")!.shadowRoot!.querySelectorAll("rect")
22
- // })
23
- await page.waitForChanges();
24
- });
25
- it("passes Axe checks", async () => {
26
- const results = await new AxePuppeteer(page).analyze();
27
- expect(results.violations.length).toBe(0);
28
- });
29
- it("renders", async () => {
30
- expect(host).not.toBeNull();
31
- });
32
- it("is has a live region", async () => {
33
- expect(liveRegion).toEqualAttribute("aria-live", "polite");
34
- });
35
- // keyboard actions are handled from wm-chart. popover never actually receives focus
36
- it("shows and hide the popover", async () => {
37
- // initially div.popover is not there (content is not rendered when it is closed)
38
- let popover = await page.find("wm-chart >>> .popover");
39
- expect(popover).toBeNull();
40
- // it opens / renders content when path is focused
41
- await page.keyboard.press("Tab");
42
- await page.waitForChanges();
43
- await page.keyboard.press("ArrowDown");
44
- await page.waitForChanges();
45
- popover = await page.find("wm-chart >>> .popover");
46
- expect(popover).not.toBeNull();
47
- // closes on click away
48
- await page.click("h1"); // click out of the component or slice
49
- await page.waitForChanges();
50
- popover = await page.find("wm-chart >>> .popover");
51
- expect(popover).toBeNull();
52
- });
53
- it("hides the popover on scroll", async () => {
54
- // initially div.popover is not there (content is not rendered when it is closed)
55
- let popover = await page.find("wm-chart >>> .popover");
56
- expect(popover).toBeNull();
57
- // it opens / renders content when path is focused
58
- await page.keyboard.press("Tab");
59
- await page.waitForChanges();
60
- await page.keyboard.press("ArrowDown");
61
- await page.waitForChanges();
62
- popover = await page.find("wm-chart >>> .popover");
63
- expect(popover).not.toBeNull();
64
- // closes on scroll
65
- page.evaluate(() => {
66
- window.scrollBy(0, 2000);
67
- });
68
- await page.waitForTimeout(300); // waitForChanges alone doesn't always work
69
- await page.waitForChanges(); // but somehow both are needed
70
- popover = await page.find("wm-chart >>> .popover");
71
- expect(popover).toBeNull();
72
- });
73
- // button fires event wmPopoverButtonClicked when clicked, but I can't figure out how to test if the event has fired
74
- });
75
- // Not tested:
76
- // Screen readers should re-announce the content when the button is clicked a second time (or more). Otherwise the parent element looks interactive but is inert.
77
- // Sources:
78
- // https://inclusive-components.design/tooltips-toggletips/
79
- // https://www.w3.org/WAI/PF/aria/roles#status
80
- // https://watermarkinsights.atlassian.net/wiki/spaces/WDS/pages/51938711/Popovers
81
- // https://watermarkinsights.atlassian.net/secure/RapidBoard.jspa?rapidView=26&projectKey=DS&modal=detail&selectedIssue=DS-12
@@ -1,257 +0,0 @@
1
- import { h, Host } from "@stencil/core";
2
- import { debounce, findScrollableParent, intl } from "../../../global/functions";
3
- export class ChartPopover {
4
- constructor() {
5
- this.chartEl = this.el.parentElement.getRootNode().host;
6
- this.popoverWidth = 168;
7
- this.popoverClicked = false;
8
- this.debouncedClosePopover = debounce(async () => {
9
- this.open = false;
10
- }, 10);
11
- this.open = false;
12
- this.sliceDetails = undefined;
13
- }
14
- get eventToEmit() {
15
- return this.chartEl.nodeName === "WM-CHART"
16
- ? this.wmChartPopoverButtonTriggered
17
- : this.wmProgressIndicatorButtonTriggered;
18
- }
19
- handleClickOnDocument(ev) {
20
- // because this listener is set document-wide, whenever something inside it is clicked
21
- // the event target returned will always be the host (wm-chart)
22
- // the element within wm-chart is determined by the other listener and saved as var popoverClicked for use here
23
- // capture = false in @Listen ensures order of execution
24
- if (this.open) {
25
- // if the target is the popover's own slice, no need to adjust the open state
26
- if (ev.target != this.sliceDetails.sliceRef) {
27
- this.open = this.popoverClicked;
28
- this.popoverClicked = false;
29
- }
30
- }
31
- }
32
- handleClick(ev) {
33
- if (this.open) {
34
- // if the click is on the popover,
35
- // set popoverClicked to true. It will be used by the other listener above
36
- this.popoverClicked = ev.target === this.el || this.el.contains(ev.target);
37
- }
38
- }
39
- componentDidLoad() {
40
- // set up event listeners for scrolling
41
- // to close popover on page scroll
42
- document.addEventListener("scroll", () => {
43
- this.debouncedClosePopover();
44
- });
45
- // ... and on parent scroll
46
- const scrollableParent = findScrollableParent(this.chartEl);
47
- if (!!scrollableParent) {
48
- scrollableParent.addEventListener("scroll", () => {
49
- this.debouncedClosePopover();
50
- });
51
- }
52
- }
53
- handleOpenChange() {
54
- this.intChartPopoverOpenChanged.emit(this.open);
55
- }
56
- handleDetailsChange() {
57
- if (this.sliceDetails && this.sliceDetails.coords) {
58
- this.positionPopover();
59
- }
60
- }
61
- updateHighlightedInfo() {
62
- // if (this.sliceDetails) {
63
- // if (this.open) {
64
- // this.highlightSegmentInfo(this.sliceDetails);
65
- // } else {
66
- // this.removeSegmentInfoHighlight();
67
- // }
68
- // }
69
- }
70
- handleButtonClick() {
71
- if (this.sliceDetails) {
72
- const sliceRef = this.sliceDetails.sliceRef;
73
- sliceRef.click();
74
- this.eventToEmit.emit(sliceRef);
75
- }
76
- }
77
- renderLiveRegion() {
78
- if (this.liveRegion) {
79
- this.liveRegion.innerHTML = "";
80
- const wrapper = document.createElement("div");
81
- const titleEl = document.createElement("span");
82
- titleEl.innerHTML = this.sliceDetails.title + " " || "";
83
- wrapper.appendChild(titleEl);
84
- const textEl = document.createElement("span");
85
- textEl.innerHTML = this.sliceDetails.text + " " || "";
86
- wrapper.appendChild(textEl);
87
- if (this.sliceDetails.buttonText) {
88
- const buttonEl = document.createElement("span");
89
- buttonEl.innerHTML =
90
- this.sliceDetails.buttonText +
91
- " " +
92
- intl.formatMessage({
93
- id: "chart.infoButton",
94
- defaultMessage: "Button. Click for more information.",
95
- });
96
- wrapper.appendChild(buttonEl);
97
- }
98
- this.liveRegion.appendChild(wrapper);
99
- }
100
- }
101
- positionPopover() {
102
- this.el.style.top = this.sliceDetails.coords.y + "px";
103
- if (window.innerWidth - this.sliceDetails.coords.x >= this.popoverWidth + 10) {
104
- this.el.style.left = this.sliceDetails.coords.x + "px"; // opens on the right
105
- }
106
- else {
107
- this.el.style.left = this.sliceDetails.coords.x - this.popoverWidth + "px"; // opens on the left
108
- }
109
- }
110
- render() {
111
- const titleAffordance = this.sliceDetails &&
112
- this.sliceDetails.title &&
113
- (this.sliceDetails.title[0] === "-" ? "negative" : this.sliceDetails.title[0] === "+" ? "positive" : "");
114
- return (h(Host, null, !!this.open && this.sliceDetails ? (h("div", { "aria-hidden": "true", class: "popover" }, h("h1", { class: `title ${titleAffordance}` }, this.sliceDetails.title), h("p", { class: "text" }, this.sliceDetails.text), this.sliceDetails.buttonText ? (
115
- // @ts-ignore
116
- h("button", { tabindex: "-1",
117
- // @ts-ignore
118
- focusable: "false", class: "popover-button", onClick: () => this.handleButtonClick() }, h("svg", { class: "btn-icon", height: "9", width: "9" }, h("path", { fill: "#575195", d: "M0 3.38v2.25h9V3.38H0zM0 0v2.25h4.5V0H0zm6.19 6.75H0V9h6.19V6.75z" })), h("span", { class: "button-text" }, this.sliceDetails.buttonText))) : (""))) : (""), h("div", { ref: (el) => (this.liveRegion = el), class: "live-region sr-only", "aria-live": "polite", "aria-atomic": "true" }, this.open && this.renderLiveRegion())));
119
- }
120
- static get is() { return "priv-chart-popover"; }
121
- static get originalStyleUrls() {
122
- return {
123
- "$": ["priv-chart-popover.scss"]
124
- };
125
- }
126
- static get styleUrls() {
127
- return {
128
- "$": ["priv-chart-popover.css"]
129
- };
130
- }
131
- static get properties() {
132
- return {
133
- "open": {
134
- "type": "boolean",
135
- "mutable": true,
136
- "complexType": {
137
- "original": "boolean",
138
- "resolved": "boolean",
139
- "references": {}
140
- },
141
- "required": false,
142
- "optional": false,
143
- "docs": {
144
- "tags": [],
145
- "text": ""
146
- },
147
- "attribute": "open",
148
- "reflect": false,
149
- "defaultValue": "false"
150
- },
151
- "sliceDetails": {
152
- "type": "unknown",
153
- "mutable": false,
154
- "complexType": {
155
- "original": "SliceDetails",
156
- "resolved": "undefined | { amount: number; visualAmount: number; perc: number; legend: string | null; color: string; offset: number; id: string; title: string | null; text: string | null; buttonText: string | null; sliceRef: Element; inSmallCluster: boolean; index: number; coords?: { x: number; y: number; } | undefined; }",
157
- "references": {
158
- "SliceDetails": {
159
- "location": "import",
160
- "path": "../../../global/interfaces",
161
- "id": "src/global/interfaces.ts::SliceDetails"
162
- }
163
- }
164
- },
165
- "required": false,
166
- "optional": true,
167
- "docs": {
168
- "tags": [],
169
- "text": ""
170
- }
171
- }
172
- };
173
- }
174
- static get events() {
175
- return [{
176
- "method": "wmChartPopoverButtonTriggered",
177
- "name": "wmChartPopoverButtonTriggered",
178
- "bubbles": true,
179
- "cancelable": true,
180
- "composed": true,
181
- "docs": {
182
- "tags": [],
183
- "text": ""
184
- },
185
- "complexType": {
186
- "original": "HTMLWmChartSliceElement",
187
- "resolved": "HTMLWmChartSliceElement",
188
- "references": {
189
- "HTMLWmChartSliceElement": {
190
- "location": "global",
191
- "id": "global::HTMLWmChartSliceElement"
192
- }
193
- }
194
- }
195
- }, {
196
- "method": "wmProgressIndicatorButtonTriggered",
197
- "name": "wmProgressIndicatorButtonTriggered",
198
- "bubbles": true,
199
- "cancelable": true,
200
- "composed": true,
201
- "docs": {
202
- "tags": [],
203
- "text": ""
204
- },
205
- "complexType": {
206
- "original": "HTMLWmProgressSliceElement",
207
- "resolved": "HTMLWmProgressSliceElement",
208
- "references": {
209
- "HTMLWmProgressSliceElement": {
210
- "location": "global",
211
- "id": "global::HTMLWmProgressSliceElement"
212
- }
213
- }
214
- }
215
- }, {
216
- "method": "intChartPopoverOpenChanged",
217
- "name": "intChartPopoverOpenChanged",
218
- "bubbles": true,
219
- "cancelable": true,
220
- "composed": true,
221
- "docs": {
222
- "tags": [],
223
- "text": ""
224
- },
225
- "complexType": {
226
- "original": "boolean",
227
- "resolved": "boolean",
228
- "references": {}
229
- }
230
- }];
231
- }
232
- static get elementRef() { return "el"; }
233
- static get watchers() {
234
- return [{
235
- "propName": "open",
236
- "methodName": "handleOpenChange"
237
- }, {
238
- "propName": "sliceDetails",
239
- "methodName": "handleDetailsChange"
240
- }];
241
- }
242
- static get listeners() {
243
- return [{
244
- "name": "click",
245
- "method": "handleClickOnDocument",
246
- "target": "document",
247
- "capture": false,
248
- "passive": false
249
- }, {
250
- "name": "click",
251
- "method": "handleClick",
252
- "target": undefined,
253
- "capture": false,
254
- "passive": false
255
- }];
256
- }
257
- }
@@ -1,96 +0,0 @@
1
- import { newE2EPage } from "@stencil/core/testing";
2
- // split into different tests because screenshot functionality currently has a non-customizable, 600x600px viewport
3
- // see https://stenciljs.com/docs/screenshot-visual-diff
4
- describe("wm-chart", () => {
5
- it("doughnut1 doesn't change", async () => {
6
- const page = await newE2EPage();
7
- await page.setContent(`<wm-chart id="doughnut1" chart-type="doughnut1" label="Type: doughnut1">
8
- <wm-chart-slice amount="9" legend="Direct" popover-title="9/10" popover-text="Direct Measures"></wm-chart-slice>
9
- <wm-chart-slice amount="1" legend="Indirect" popover-title="1/10" popover-text="Indirect Measures"></wm-chart-slice>
10
- <wm-chart-slice amount="0" legend="Unspecified" popover-title="0/10" popover-text="Unspecified Measures"></wm-chart-slice>
11
- </wm-chart>`);
12
- const results = await page.compareScreenshot();
13
- expect(results).toMatchScreenshot({ allowableMismatchedPixels: 10 });
14
- });
15
- it("doughnut2 & doughnut2b don't change", async () => {
16
- const page = await newE2EPage();
17
- await page.setContent(`<wm-chart id="doughnut2" chart-type="doughnut2" label="Type: doughnut2">
18
- <wm-chart-slice amount="4" legend="Met" popover-title="4/15" popover-text="Objectives Met" popover-button-text="Direct Details"></wm-chart-slice>
19
- <wm-chart-slice amount="5" legend="Not Met" popover-title="5/15" popover-text="Objectives Not Met" popover-button-text="Indirect Details"></wm-chart-slice>
20
- <wm-chart-slice amount="6" legend="Not started" popover-title="6/15" popover-text="Objectives Not Started"></wm-chart-slice>
21
- </wm-chart>
22
-
23
- <wm-chart id="doughnut2b" chart-type="doughnut2" label="Type: doughnut2">
24
- <wm-chart-slice amount="10" legend="Low Risk" popover-title="10/200" popover-text="Students at Low Risk"></wm-chart-slice>
25
- <wm-chart-slice amount="115" legend="Medium Risk" popover-title="115/200" popover-text="Students at Medium Risk"></wm-chart-slice>
26
- <wm-chart-slice amount="35" legend="High Risk" popover-title="35/200" popover-text="Students at High Risk"></wm-chart-slice>
27
- <wm-chart-slice amount="40" legend="Not Indicated" popover-title="40/200" popover-text="Students Not Indicated"></wm-chart-slice>
28
- </wm-chart>`);
29
- const results = await page.compareScreenshot();
30
- expect(results).toMatchScreenshot({ allowableMismatchedPixels: 10 });
31
- });
32
- it("doughnut3 doesn't change", async () => {
33
- const page = await newE2EPage();
34
- await page.setContent(`<wm-chart id="doughnut3" chart-type="doughnut3" label="Type: doughnut3">
35
- <wm-chart-slice amount="1" legend="Non risus" popover-title="1/15" popover-text="Lorem"></wm-chart-slice>
36
- <wm-chart-slice amount="2" legend="Non mi mattis" popover-title="2/15" popover-text="Ispum"></wm-chart-slice>
37
- <wm-chart-slice amount="3" legend="Pulvinar" popover-title="3/15" popover-text="Dolor sit amet"></wm-chart-slice>
38
- <wm-chart-slice amount="4" legend="Cras ut" popover-title="4/15" popover-text="Consectetur"></wm-chart-slice>
39
- <wm-chart-slice amount="1" legend="Dui congue" popover-title="1/15" popover-text="Adipiscing elit"></wm-chart-slice>
40
- <wm-chart-slice amount="2" legend="Ante faucibus" popover-title="2/15" popover-text="Duis vitae dapidus erat"></wm-chart-slice>
41
- <wm-chart-slice amount="3" legend="Finibus" popover-title="3/15" popover-text="Cras"></wm-chart-slice>
42
- </wm-chart>`);
43
- const results = await page.compareScreenshot();
44
- expect(results).toMatchScreenshot({ allowableMismatchedPixels: 10 });
45
- });
46
- it("bar2-5 don't change", async () => {
47
- const page = await newE2EPage();
48
- await page.setContent(`
49
- <wm-chart chart-type="bar2" label="An Example of a bar2 Chart" value-format="percentage">
50
- <wm-chart-slice amount="4" legend="Not Started" popover-title="4/10" popover-text="Outcomes Not Started"></wm-chart-slice>
51
- <wm-chart-slice amount="3" legend="In Progress" popover-title="3/10" popover-text="Outcomes In Progress"></wm-chart-slice>
52
- <wm-chart-slice amount="1" legend="Met" popover-title="1/10" popover-text="Outcomes Met"></wm-chart-slice>
53
- <wm-chart-slice amount="2" legend="Not Met" popover-title="2/10" popover-text="Outcomes Not Met"></wm-chart-slice>
54
- </wm-chart>
55
-
56
- <wm-chart chart-type="bar3" label="An Example of a bar3 Chart" value-format="percentage">
57
- <wm-chart-slice amount="1" legend="Exceeded" popover-title="1/10" popover-text="Outcomes Exceeded" popover-button-text="Exceeded Details"></wm-chart-slice>
58
- <wm-chart-slice amount="2" legend="Met" popover-title="2/10" popover-text="Outcomes Met" popover-button-text="Met Details"></wm-chart-slice>
59
- <wm-chart-slice amount="3" legend="Approached" popover-title="3/10" popover-text="Outcomes Approached"></wm-chart-slice>
60
- <wm-chart-slice amount="4" legend="Not Met" popover-title="4/10" popover-text="Outcomes Not Met"></wm-chart-slice>
61
- </wm-chart>
62
-
63
- <wm-chart chart-type="bar4" label="An Example of a bar4 Chart" value-format="none">
64
- <wm-chart-slice amount="1" legend="Not started" popover-title="1/10" popover-text="Outcomes Not Started"></wm-chart-slice>
65
- <wm-chart-slice amount="3" legend="In Progress" popover-title="3/10" popover-text="Outcomes In Progress"></wm-chart-slice>
66
- <wm-chart-slice amount="6" legend="Completed" popover-title="6/10" popover-text="Completed Outcomes"></wm-chart-slice>
67
- </wm-chart>
68
-
69
- <wm-chart chart-type="bar5" label="An Example of a bar5 Chart" value-format="amount">
70
- <wm-chart-slice amount="1" legend="Non risus" popover-title="1/15" popover-text="Lorem"></wm-chart-slice>
71
- <wm-chart-slice amount="2" legend="Non mi mattis" popover-title="2/15" popover-text="Ispum"></wm-chart-slice>
72
- <wm-chart-slice amount="3" legend="Pulvinar" popover-title="3/15" popover-text="Dolor sit amet"></wm-chart-slice>
73
- <wm-chart-slice amount="4" legend="Cras ut" popover-title="4/15" popover-text="Consectetur"></wm-chart-slice>
74
- <wm-chart-slice amount="1" legend="Dui congue" popover-title="1/15" popover-text="Adipiscing elit"></wm-chart-slice>
75
- <wm-chart-slice amount="2" legend="Ante faucibus" popover-title="2/15" popover-text="Duis vitae dapidus erat"></wm-chart-slice>
76
- <wm-chart-slice amount="3" legend="Finibus" popover-title="3/15" popover-text="Cras"></wm-chart-slice>
77
- </wm-chart>`);
78
- const results = await page.compareScreenshot();
79
- expect(results).toMatchScreenshot({ allowableMismatchedPixels: 10 });
80
- });
81
- it("progress monitor doesn't change", async () => {
82
- const page = await newE2EPage();
83
- await page.setContent(`<wm-progress-monitor id="organization-progress" group-legend="Complete,Incomplete">
84
- <wm-progress-indicator label="Learning Outcomes">
85
- <wm-progress-slice amount="12" popover-title="12/20" popover-text="Organizations with outcomes" legend="Created"></wm-progress-slice>
86
- <wm-progress-slice amount="8" popover-title="8/20" popover-text="Organizations without outcomes" legend="Not created"></wm-progress-slice>
87
- </wm-progress-indicator>
88
- <wm-progress-indicator label="Mapped to ILOs" completion-message="All mapped!">
89
- <wm-progress-slice amount="20" popover-title="20/20" popover-text="Programs with a curriculum map" legend="Mapped"></wm-progress-slice>
90
- <wm-progress-slice amount="0" popover-title="0/20" popover-text="Programs without a curriculum map" legend="Not mapped"></wm-progress-slice>
91
- </wm-progress-indicator>
92
- </wm-progress-monitor>`);
93
- const results = await page.compareScreenshot();
94
- expect(results).toMatchScreenshot({ allowableMismatchedPixels: 10 });
95
- });
96
- });
@@ -1,125 +0,0 @@
1
- export class ChartSlice {
2
- constructor() {
3
- this.legend = undefined;
4
- this.amount = undefined;
5
- this.popoverTitle = undefined;
6
- this.popoverText = undefined;
7
- this.popoverButtonText = undefined;
8
- }
9
- componentDidLoad() {
10
- if (parseInt(this.amount) > 0 && !this.legend) {
11
- throw new Error("wm-chart-slice was provided an amount value without a legend. The legend is required unless the amount is 0 or left empty. For more information see https://components.watermarkinsights.com/chart");
12
- }
13
- }
14
- componentDidUpdate() {
15
- this.wmChartSliceUpdated.emit();
16
- }
17
- static get is() { return "wm-chart-slice"; }
18
- static get properties() {
19
- return {
20
- "legend": {
21
- "type": "string",
22
- "mutable": false,
23
- "complexType": {
24
- "original": "string",
25
- "resolved": "string | undefined",
26
- "references": {}
27
- },
28
- "required": false,
29
- "optional": true,
30
- "docs": {
31
- "tags": [],
32
- "text": ""
33
- },
34
- "attribute": "legend",
35
- "reflect": false
36
- },
37
- "amount": {
38
- "type": "string",
39
- "mutable": false,
40
- "complexType": {
41
- "original": "string",
42
- "resolved": "string | undefined",
43
- "references": {}
44
- },
45
- "required": false,
46
- "optional": true,
47
- "docs": {
48
- "tags": [],
49
- "text": ""
50
- },
51
- "attribute": "amount",
52
- "reflect": false
53
- },
54
- "popoverTitle": {
55
- "type": "string",
56
- "mutable": false,
57
- "complexType": {
58
- "original": "string",
59
- "resolved": "string | undefined",
60
- "references": {}
61
- },
62
- "required": false,
63
- "optional": true,
64
- "docs": {
65
- "tags": [],
66
- "text": ""
67
- },
68
- "attribute": "popover-title",
69
- "reflect": false
70
- },
71
- "popoverText": {
72
- "type": "string",
73
- "mutable": false,
74
- "complexType": {
75
- "original": "string",
76
- "resolved": "string | undefined",
77
- "references": {}
78
- },
79
- "required": false,
80
- "optional": true,
81
- "docs": {
82
- "tags": [],
83
- "text": ""
84
- },
85
- "attribute": "popover-text",
86
- "reflect": false
87
- },
88
- "popoverButtonText": {
89
- "type": "string",
90
- "mutable": false,
91
- "complexType": {
92
- "original": "string",
93
- "resolved": "string | undefined",
94
- "references": {}
95
- },
96
- "required": false,
97
- "optional": true,
98
- "docs": {
99
- "tags": [],
100
- "text": ""
101
- },
102
- "attribute": "popover-button-text",
103
- "reflect": false
104
- }
105
- };
106
- }
107
- static get events() {
108
- return [{
109
- "method": "wmChartSliceUpdated",
110
- "name": "wmChartSliceUpdated",
111
- "bubbles": true,
112
- "cancelable": true,
113
- "composed": true,
114
- "docs": {
115
- "tags": [],
116
- "text": ""
117
- },
118
- "complexType": {
119
- "original": "void",
120
- "resolved": "void",
121
- "references": {}
122
- }
123
- }];
124
- }
125
- }