@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
package/dist/collection/components/charts/wm-chart/wm-chart.e2e.js DELETED
@@ -1,213 +0,0 @@
1
- import { newE2EPage } from "@stencil/core/testing";
2
- import { AxePuppeteer } from "@axe-core/puppeteer";
3
- describe("wm-chart", () => {
4
- let page,
5
- // @ts-ignore for some reason ts says it's unused
6
- component,
7
- // slices: NodeList,
8
- paths, svg;
9
- beforeEach(async () => {
10
- page = await newE2EPage();
11
- await page.setContent(`<html lang='en'><head><title>Page</title></head><body><main><h1>Title</h1>
12
- <wm-chart label="the label"><wm-chart-slice amount="70" legend="Created"></wm-chart-slice><wm-chart-slice amount="2" legend="Not Created"></wm-chart-slice></wm-chart>
13
- </main></body></html>`);
14
- component = await page.find("wm-chart");
15
- svg = await page.find("wm-chart >>> svg");
16
- // slices = await page.findAll("wm-chart-slice");
17
- paths = await page.findAll("wm-chart >>> path");
18
- });
19
- it("passes Axe tests", async () => {
20
- const results = await new AxePuppeteer(page).analyze();
21
- expect(results.violations.length).toBe(0);
22
- });
23
- it("renders", async () => {
24
- expect(svg).toBeTruthy();
25
- });
26
- it("renders the right amount of slices and text", async () => {
27
- let tmpPage = await newE2EPage();
28
- await tmpPage.setContent(`<wm-chart label="the label">
29
- <wm-chart-slice amount="100" legend="Created"></wm-chart-slice>
30
- <wm-chart-slice amount="123" legend="Created"></wm-chart-slice>
31
- <wm-chart-slice amount="0" legend="Maybe Created"></wm-chart-slice>
32
- </wm-chart>`);
33
- let tmpSlices = await tmpPage.findAll("wm-chart-slice");
34
- let tmpPaths = await tmpPage.findAll("wm-chart >>> path");
35
- let tmpTexts = await tmpPage.findAll("wm-chart >>> text.value");
36
- expect(tmpSlices.length).toEqual(3);
37
- // slices rendered even if amount === 0 for accessibility reasons
38
- expect(tmpPaths.length).toEqual(tmpSlices.length);
39
- expect(tmpTexts.length).toEqual(tmpSlices.length - 1);
40
- });
41
- it("hides clustered small numbers", async () => {
42
- // rule: num < 4 && either neighbor < 5
43
- let page = await newE2EPage();
44
- await page.setContent(`<wm-chart id="one" label="the label" chart-type="doughnut3">
45
- <wm-chart-slice amount="75" legend="A"></wm-chart-slice> // 89%
46
- <wm-chart-slice amount="5" legend="B"></wm-chart-slice> // 6%
47
- <wm-chart-slice amount="4" legend="C"></wm-chart-slice> // 5%
48
- </wm-chart>
49
- <wm-chart id="two" label="the label" chart-type="doughnut3">
50
- <wm-chart-slice amount="65" legend="A"></wm-chart-slice> // 69%
51
- <wm-chart-slice amount="14" legend="B"></wm-chart-slice> // 15%
52
- <wm-chart-slice amount="4" legend="C"></wm-chart-slice> // 4%
53
- <wm-chart-slice amount="4" legend="D"></wm-chart-slice> // 4%
54
- <wm-chart-slice amount="4" legend="E"></wm-chart-slice> // 4%
55
- <wm-chart-slice amount="3" legend="F"></wm-chart-slice> // 3%
56
- </wm-chart>
57
- <wm-chart id="three" label="the label" chart-type="doughnut3">
58
- <wm-chart-slice amount="83" legend="A"></wm-chart-slice> // 83%
59
- <wm-chart-slice amount="7" legend="B"></wm-chart-slice> // 7%
60
- <wm-chart-slice amount="6" legend="C"></wm-chart-slice> // 6%
61
- <wm-chart-slice amount="3" legend="D"></wm-chart-slice> // 3%
62
- <wm-chart-slice amount="1" legend="E"></wm-chart-slice> // 1%
63
- <wm-chart-slice amount="0" legend="F"></wm-chart-slice> // 0%
64
- </wm-chart>`);
65
- let [one, two, three] = await page.findAll("wm-chart");
66
- let oneSlices = await one.findAll("wm-chart-slice");
67
- let onePaths = await page.findAll("#one >>> path");
68
- let oneTexts = await page.findAll("#one >>> text.value");
69
- expect(onePaths.length).toEqual(oneSlices.length);
70
- // All vals should show incl. small ones
71
- // (they are not neighbors to other small vals)
72
- expect(oneTexts.length).toEqual(oneSlices.length);
73
- let twoSlices = await two.findAll("wm-chart-slice");
74
- let twoPaths = await page.findAll("#two >>> path");
75
- let twoTexts = await page.findAll("#two >>> text.value");
76
- expect(twoPaths.length).toEqual(twoSlices.length);
77
- // 1 small val should be hidden (3%)
78
- // because it is < 4 and has a neighbor < 5
79
- expect(twoTexts.length).toEqual(twoSlices.length - 1);
80
- let threeSlices = await three.findAll("wm-chart-slice");
81
- let threePaths = await page.findAll("#three >>> path");
82
- let threeTexts = await page.findAll("#three >>> text.value");
83
- // 3 small values should be hidden
84
- expect(threePaths.length).toEqual(threeSlices.length);
85
- expect(threeTexts.length).toEqual(threeSlices.length - 3);
86
- });
87
- it("handles percentages less than 1", async () => {
88
- let page = await newE2EPage();
89
- await page.setContent(`<wm-chart id="one" label="the label" chart-type="doughnut3">
90
- // total 284
91
- <wm-chart-slice amount="209" legend="A"></wm-chart-slice> // 74%
92
- <wm-chart-slice amount="40" legend="B"></wm-chart-slice> // 14%
93
- <wm-chart-slice amount="20" legend="C"></wm-chart-slice> // 7%
94
- <wm-chart-slice amount="14" legend="D"></wm-chart-slice> // 5%
95
- <wm-chart-slice amount="1" legend="E"></wm-chart-slice> // <1%
96
- </wm-chart>
97
- <wm-chart id="two" label="the label" chart-type="doughnut3">
98
- // total 284
99
- <wm-chart-slice amount="209" legend="A"></wm-chart-slice> // 73%
100
- <wm-chart-slice amount="40" legend="B"></wm-chart-slice> // 14%
101
- <wm-chart-slice amount="34" legend="C"></wm-chart-slice> // 12%
102
- <wm-chart-slice amount="1" legend="D"></wm-chart-slice> // <1%
103
- </wm-chart>`);
104
- let [one, two] = await page.findAll("wm-chart");
105
- let oneSlices = await one.findAll("wm-chart-slice");
106
- let onePaths = await page.findAll("#one >>> path");
107
- let oneTexts = await page.findAll("#one >>> text.value");
108
- expect(oneSlices.length).toEqual(5);
109
- // All paths are rendered
110
- expect(onePaths.length).toEqual(oneSlices.length);
111
- // E should be hidden because it borders a percentage < 8
112
- expect(oneTexts.length).toEqual(oneSlices.length - 1);
113
- let twoSlices = await two.findAll("wm-chart-slice");
114
- let twoPaths = await page.findAll("#two >>> path");
115
- let twoTexts = await page.findAll("#two >>> text.value");
116
- expect(twoSlices.length).toEqual(4);
117
- // All paths are rendered
118
- expect(twoPaths.length).toEqual(twoSlices.length);
119
- // Even D should be visible because it borders a percentage > 8
120
- expect(twoTexts.length).toEqual(twoSlices.length);
121
- });
122
- it("sets the subinfo value", async () => {
123
- const comp = await page.find("wm-chart");
124
- comp.setProperty("subinfo", "subinfo text");
125
- await page.waitForChanges();
126
- const subinfo = await page.find("wm-chart >>> .subinfo");
127
- expect(subinfo.textContent).toEqual("subinfo text");
128
- });
129
- it("changes the display values", async () => {
130
- // type bar2 and bar3
131
- const tmpPage = await newE2EPage();
132
- await tmpPage.setContent(`<wm-chart id="bar2chart" chart-type="bar2" label="the label" value-format="percentage"><wm-chart-slice amount="10" legend="Created"></wm-chart-slice><wm-chart-slice amount="10" legend="Not Created"></wm-chart-slice></wm-chart>
133
- <wm-chart id="bar3chart" chart-type="bar3" label="the label" value-format="amount"><wm-chart-slice amount="70" legend="Created"></wm-chart-slice><wm-chart-slice amount="10" legend="Not Created"></wm-chart-slice></wm-chart>`);
134
- await tmpPage.waitForChanges();
135
- const bar2val = await tmpPage.findAll("#bar2chart >>> .value");
136
- expect(bar2val[0].textContent).toEqual("50%");
137
- const bar3val = await tmpPage.findAll("#bar3chart >>> .value");
138
- expect(bar3val[0].textContent).toEqual("70");
139
- });
140
- it("handles Arrows and Tab keys", async () => {
141
- const componentWrapper = await page.find("wm-chart >>> .component-wrapper");
142
- await page.keyboard.press("Tab");
143
- await page.waitForChanges();
144
- await page.keyboard.press("ArrowDown");
145
- await page.waitForChanges();
146
- paths = await page.findAll("wm-chart >>> path");
147
- expect(componentWrapper).toEqualAttribute("tabindex", "-1");
148
- expect(paths[0]).toEqualAttribute("tabindex", "0");
149
- expect(paths[1]).toEqualAttribute("tabindex", "-1");
150
- await page.keyboard.press("ArrowRight");
151
- await page.waitForChanges();
152
- paths = await page.findAll("wm-chart >>> path");
153
- expect(componentWrapper).toEqualAttribute("tabindex", "-1");
154
- expect(paths[0]).toEqualAttribute("tabindex", "-1");
155
- expect(paths[1]).toEqualAttribute("tabindex", "0");
156
- await page.keyboard.press("ArrowLeft");
157
- await page.waitForChanges();
158
- paths = await page.findAll("wm-chart >>> path");
159
- expect(componentWrapper).toEqualAttribute("tabindex", "-1");
160
- expect(paths[0]).toEqualAttribute("tabindex", "0");
161
- expect(paths[1]).toEqualAttribute("tabindex", "-1");
162
- await page.keyboard.press("ArrowUp");
163
- await page.waitForChanges();
164
- paths = await page.findAll("wm-chart >>> path");
165
- expect(componentWrapper).toEqualAttribute("tabindex", "-1");
166
- expect(paths[0]).toEqualAttribute("tabindex", "-1");
167
- expect(paths[1]).toEqualAttribute("tabindex", "0");
168
- await page.keyboard.press("Tab");
169
- await page.waitForChanges();
170
- expect(componentWrapper).toEqualAttribute("tabindex", "0");
171
- expect(paths[0]).toEqualAttribute("tabindex", "-1");
172
- expect(paths[1]).toEqualAttribute("tabindex", "-1");
173
- });
174
- it("opens popover when slice clicked", async () => {
175
- const tmpPage = await newE2EPage();
176
- await tmpPage.setContent(`<wm-chart id="one" label="the label" chart-type="doughnut3">
177
- <wm-chart-slice amount="95" popover-title="A" popover-text="Text A" popover-button-text="A Button" legend="A"></wm-chart-slice>
178
- <wm-chart-slice amount="5" popover-title="B" popover-text="Text B" popover-button-text="B Button" legend="B"></wm-chart-slice>
179
- </wm-chart>`);
180
- await tmpPage.waitForChanges;
181
- let hasPopover = await tmpPage.find("wm-chart >>> .popover");
182
- const path = await tmpPage.find("wm-chart >>> path");
183
- expect(hasPopover).toBeFalsy;
184
- await path.click();
185
- await tmpPage.waitForChanges();
186
- hasPopover = await tmpPage.find("wm-chart >>> .popover");
187
- expect(hasPopover).toBeTruthy;
188
- });
189
- it("activating popover button fires event", async () => {
190
- const tmpPage = await newE2EPage();
191
- await tmpPage.setContent(`<wm-chart id="one" label="the label" chart-type="doughnut3">
192
- <wm-chart-slice amount="5" popover-title="A" popover-text="Text A" popover-button-text="A Button" legend="A"></wm-chart-slice>
193
- <wm-chart-slice amount="95" popover-title="B" popover-text="Text B" popover-button-text="B Button" legend="B"></wm-chart-slice>
194
- </wm-chart>
195
- <div id="indicator"></div>`);
196
- await tmpPage.waitForChanges;
197
- await tmpPage.evaluate(async () => {
198
- const component = await document.querySelector("wm-chart");
199
- const indicator = await document.querySelector("#indicator");
200
- await component.addEventListener("wmChartPopoverButtonTriggered", () => (indicator.textContent = "event heard"));
201
- });
202
- await tmpPage.waitForChanges;
203
- const indicator = await tmpPage.find("#indicator");
204
- expect(indicator.textContent).toBe("");
205
- await tmpPage.keyboard.press("Tab");
206
- await tmpPage.waitForChanges();
207
- await tmpPage.keyboard.press("ArrowDown");
208
- await tmpPage.waitForChanges();
209
- await tmpPage.keyboard.press("Enter");
210
- await tmpPage.waitForChanges();
211
- expect(indicator.textContent).toBe("event heard");
212
- });
213
- });
package/dist/collection/components/charts/wm-chart/wm-chart.js DELETED
@@ -1,422 +0,0 @@
1
- import { h, Host } from "@stencil/core";
2
- import { forceUpdate } from "@stencil/core";
3
- import { debounce, generateId } from "../../../global/functions";
4
- import { amountToPercent, exitChart, getDetails, handleChartKeydown, renderStackedBar, renderSimpleBar, renderDoughnut, renderHiddenValuesMessage, renderInstructionsText, renderLegend, allChartsDetails, removeSegmentInfoHighlight, } from "../chartFunctions";
5
- import { chartMessages } from "../../../global/intl";
6
- export class Chart {
7
- constructor() {
8
- this.uid = generateId();
9
- // @ts-ignore-- TS warns this is unused, but its needed in chartFunctions
10
- this.slicesDetails = [];
11
- this.debouncedSliceUpdate = debounce(async () => {
12
- await getDetails.call(this, this.currentChartType);
13
- forceUpdate(this.el);
14
- }, 100);
15
- this.chartType = "doughnut1";
16
- this.label = undefined;
17
- this.labelWidth = "150px";
18
- this.subinfo = undefined;
19
- this.valueFormat = "none";
20
- this.showGrid = true;
21
- this.showLegend = true;
22
- this.showBarLegend = false;
23
- this.notStartedColor = false;
24
- this.printMode = false;
25
- this.printModeFormat = "amount";
26
- this.labelPosition = "top";
27
- this.isTabbing = false;
28
- this.userIsNavigating = false;
29
- this.focusedSliceId = undefined;
30
- }
31
- get popoverEl() {
32
- return this.el.shadowRoot.querySelector("priv-chart-popover");
33
- }
34
- get sliceEls() {
35
- return Array.from(this.el.shadowRoot.querySelectorAll(".segment"));
36
- }
37
- get currentChartType() {
38
- return this.chartType;
39
- }
40
- get chartDetails() {
41
- return allChartsDetails[this.currentChartType];
42
- }
43
- get ariaLabelText() {
44
- let text = `${this.label}`;
45
- if (this.subinfo) {
46
- text += ` ${this.subinfo}`;
47
- }
48
- return text;
49
- }
50
- get isDoughnut() {
51
- return this.chartDetails.category === "doughnut";
52
- }
53
- get isStackedBar() {
54
- return this.chartDetails.category === "stackedBar";
55
- }
56
- get isSimpleBar() {
57
- return this.chartDetails.category === "simpleBar";
58
- }
59
- get isBar() {
60
- return this.isStackedBar || this.isSimpleBar;
61
- }
62
- toggleTabbingOn() {
63
- this.isTabbing = true;
64
- }
65
- toggleTabbingOff() {
66
- this.isTabbing = false;
67
- }
68
- handleKeydown(ev) {
69
- handleChartKeydown.call(this, ev);
70
- }
71
- showHiddenValuesMessage(showMsg) {
72
- const msg = this.el.shadowRoot.querySelector(".hidden-values-warning");
73
- if (msg) {
74
- showMsg ? msg.classList.remove("hidden") : msg.classList.add("hidden");
75
- }
76
- else {
77
- // if DOM isn't ready, try again later
78
- requestAnimationFrame(() => this.showHiddenValuesMessage(showMsg));
79
- }
80
- }
81
- /* LIFECYCLE METHODS + EVENTS FROM THE CHILDREN */
82
- async componentWillLoad() {
83
- if (!this.label) {
84
- throw new Error("For accessibility purposes, you must provide a label for the chart. See https://components.watermarkinsights.com/chart for more information.");
85
- }
86
- await getDetails.call(this, this.currentChartType);
87
- // rerender on resize
88
- // unnecessary for doughnuts as layout doesn't change
89
- if (!this.isDoughnut) {
90
- const resizeObserver = new ResizeObserver(() => {
91
- forceUpdate(this.el);
92
- });
93
- resizeObserver.observe(this.el);
94
- }
95
- }
96
- handleSliceUpdate() {
97
- this.debouncedSliceUpdate();
98
- }
99
- handlePopoverOpenChanged(ev) {
100
- const isOpen = ev.detail;
101
- if (!isOpen) {
102
- const infoEls = Array.from(this.el.shadowRoot.querySelectorAll("[data-segmentindex]"));
103
- removeSegmentInfoHighlight(infoEls);
104
- }
105
- }
106
- /* RENDERING */
107
- renderBarText(s, minimumWidth) {
108
- let val;
109
- if (this.valueFormat === "percentage") {
110
- if (s.perc === 0 && s.amount > 0) {
111
- val = "<1%";
112
- }
113
- else if (s.perc === 100 && s.amount < this.total) {
114
- val = ">99%";
115
- }
116
- else {
117
- val = s.perc + "%";
118
- }
119
- }
120
- else if (this.valueFormat === "amount") {
121
- val = s.amount;
122
- }
123
- const segmentPercentage = amountToPercent(s.amount, this.total, false);
124
- const availableWidth = this.el.offsetWidth;
125
- const meetsSizeMinimum = (segmentPercentage / 100) * availableWidth >= minimumWidth;
126
- const renderedWidth = meetsSizeMinimum || s.amount == 0 ? `${segmentPercentage}%` : `${minimumWidth}px`;
127
- // even though we do not display the value text if it has an amount of 0, we still want to render the value-wrapper
128
- // in order to not disturb the positioning of the other value texts in the entire row
129
- return (h("div", { class: `value-wrapper ${meetsSizeMinimum ? "" : "fixed-width"}`, style: { width: renderedWidth } }, h("span", { class: "value", "data-value": s.amount, "data-segmentindex": s.index }, s.amount > 0 && val)));
130
- }
131
- drawAxis() {
132
- if (this.currentChartType === "bar3") {
133
- return (h("svg", { class: "axis" }, h("line", { x1: "0", x2: "100%", y1: "0", y2: "0" }), h("line", { x1: "0", x2: "0", y1: "0", y2: "-85px" }), h("line", { class: "tick", x1: "0.5", x2: "0.5", y1: "0", y2: "6" }), h("line", { class: "tick", x1: "100%", x2: "100%", y1: "0", y2: "6" })));
134
- }
135
- }
136
- renderChart() {
137
- if (this.isSimpleBar) {
138
- return renderSimpleBar.call(this, this.currentChartType);
139
- }
140
- else if (this.isStackedBar && this.total > 0) {
141
- return renderStackedBar.call(this, this.currentChartType);
142
- }
143
- else if (this.isDoughnut && this.total > 0) {
144
- return renderDoughnut.call(this, this.currentChartType);
145
- }
146
- }
147
- render() {
148
- return (h(Host, { onBlur: () => exitChart.call(this) }, h("div", { ref: (el) => (this.componentWrapperEl = el), class: `component-wrapper ${this.currentChartType} ${this.isTabbing && !this.userIsNavigating ? "user-is-tabbing" : ""} ${this.labelPosition === "left" && this.currentChartType === "bar4" ? "left-label" : ""}`, role: "application", "aria-label": this.ariaLabelText, tabindex: 0, "aria-roledescription": chartMessages.interactiveChart, "aria-describedby": "chart-instructions" }, h("label", { id: `label-${this.uid}`, class: `label --${this.labelPosition}`, htmlFor: `graphic-${this.uid}` }, h("span", { class: "label-text" }, this.label), this.subinfo ? h("span", { class: "subinfo" }, this.subinfo) : ""), this.isBar && renderLegend.call(this, this.currentChartType), this.renderChart(), this.isDoughnut && renderLegend.call(this, this.currentChartType), h("priv-chart-popover", { class: this.isTabbing ? "user-is-tabbing" : "", onIntChartPopoverOpenChanged: (ev) => this.handlePopoverOpenChanged(ev) }), this.isBar && !this.printMode && renderHiddenValuesMessage()), renderInstructionsText()));
149
- }
150
- static get is() { return "wm-chart"; }
151
- static get encapsulation() { return "shadow"; }
152
- static get delegatesFocus() { return true; }
153
- static get originalStyleUrls() {
154
- return {
155
- "$": ["wm-chart.scss"]
156
- };
157
- }
158
- static get styleUrls() {
159
- return {
160
- "$": ["wm-chart.css"]
161
- };
162
- }
163
- static get properties() {
164
- return {
165
- "chartType": {
166
- "type": "string",
167
- "mutable": false,
168
- "complexType": {
169
- "original": "ChartType",
170
- "resolved": "\"bar\" | \"bar2\" | \"bar3\" | \"bar4\" | \"bar5\" | \"bar6\" | \"bar7\" | \"doughnut\" | \"doughnut1\" | \"doughnut2\" | \"doughnut3\"",
171
- "references": {
172
- "ChartType": {
173
- "location": "import",
174
- "path": "../../../global/interfaces",
175
- "id": "src/global/interfaces.ts::ChartType"
176
- }
177
- }
178
- },
179
- "required": false,
180
- "optional": false,
181
- "docs": {
182
- "tags": [],
183
- "text": ""
184
- },
185
- "attribute": "chart-type",
186
- "reflect": false,
187
- "defaultValue": "\"doughnut1\""
188
- },
189
- "label": {
190
- "type": "string",
191
- "mutable": false,
192
- "complexType": {
193
- "original": "string",
194
- "resolved": "string | undefined",
195
- "references": {}
196
- },
197
- "required": false,
198
- "optional": true,
199
- "docs": {
200
- "tags": [],
201
- "text": ""
202
- },
203
- "attribute": "label",
204
- "reflect": false
205
- },
206
- "labelWidth": {
207
- "type": "string",
208
- "mutable": false,
209
- "complexType": {
210
- "original": "string",
211
- "resolved": "string",
212
- "references": {}
213
- },
214
- "required": false,
215
- "optional": false,
216
- "docs": {
217
- "tags": [],
218
- "text": ""
219
- },
220
- "attribute": "label-width",
221
- "reflect": false,
222
- "defaultValue": "\"150px\""
223
- },
224
- "subinfo": {
225
- "type": "string",
226
- "mutable": false,
227
- "complexType": {
228
- "original": "string",
229
- "resolved": "string | undefined",
230
- "references": {}
231
- },
232
- "required": false,
233
- "optional": true,
234
- "docs": {
235
- "tags": [],
236
- "text": ""
237
- },
238
- "attribute": "subinfo",
239
- "reflect": false
240
- },
241
- "valueFormat": {
242
- "type": "string",
243
- "mutable": false,
244
- "complexType": {
245
- "original": "\"percentage\" | \"amount\" | \"none\"",
246
- "resolved": "\"amount\" | \"none\" | \"percentage\"",
247
- "references": {}
248
- },
249
- "required": false,
250
- "optional": false,
251
- "docs": {
252
- "tags": [],
253
- "text": ""
254
- },
255
- "attribute": "value-format",
256
- "reflect": false,
257
- "defaultValue": "\"none\""
258
- },
259
- "showGrid": {
260
- "type": "boolean",
261
- "mutable": false,
262
- "complexType": {
263
- "original": "boolean",
264
- "resolved": "boolean | undefined",
265
- "references": {}
266
- },
267
- "required": false,
268
- "optional": true,
269
- "docs": {
270
- "tags": [],
271
- "text": ""
272
- },
273
- "attribute": "show-grid",
274
- "reflect": false,
275
- "defaultValue": "true"
276
- },
277
- "showLegend": {
278
- "type": "boolean",
279
- "mutable": false,
280
- "complexType": {
281
- "original": "boolean",
282
- "resolved": "boolean",
283
- "references": {}
284
- },
285
- "required": false,
286
- "optional": false,
287
- "docs": {
288
- "tags": [],
289
- "text": ""
290
- },
291
- "attribute": "show-legend",
292
- "reflect": false,
293
- "defaultValue": "true"
294
- },
295
- "showBarLegend": {
296
- "type": "boolean",
297
- "mutable": false,
298
- "complexType": {
299
- "original": "boolean",
300
- "resolved": "boolean",
301
- "references": {}
302
- },
303
- "required": false,
304
- "optional": false,
305
- "docs": {
306
- "tags": [],
307
- "text": ""
308
- },
309
- "attribute": "show-bar-legend",
310
- "reflect": false,
311
- "defaultValue": "false"
312
- },
313
- "notStartedColor": {
314
- "type": "boolean",
315
- "mutable": false,
316
- "complexType": {
317
- "original": "boolean",
318
- "resolved": "boolean",
319
- "references": {}
320
- },
321
- "required": false,
322
- "optional": false,
323
- "docs": {
324
- "tags": [],
325
- "text": ""
326
- },
327
- "attribute": "not-started-color",
328
- "reflect": false,
329
- "defaultValue": "false"
330
- },
331
- "printMode": {
332
- "type": "boolean",
333
- "mutable": false,
334
- "complexType": {
335
- "original": "boolean",
336
- "resolved": "boolean",
337
- "references": {}
338
- },
339
- "required": false,
340
- "optional": false,
341
- "docs": {
342
- "tags": [],
343
- "text": ""
344
- },
345
- "attribute": "print-mode",
346
- "reflect": false,
347
- "defaultValue": "false"
348
- },
349
- "printModeFormat": {
350
- "type": "string",
351
- "mutable": false,
352
- "complexType": {
353
- "original": "\"percentage\" | \"amount\"",
354
- "resolved": "\"amount\" | \"percentage\"",
355
- "references": {}
356
- },
357
- "required": false,
358
- "optional": false,
359
- "docs": {
360
- "tags": [],
361
- "text": ""
362
- },
363
- "attribute": "print-mode-format",
364
- "reflect": false,
365
- "defaultValue": "\"amount\""
366
- },
367
- "labelPosition": {
368
- "type": "string",
369
- "mutable": false,
370
- "complexType": {
371
- "original": "\"left\" | \"top\" | \"none\"",
372
- "resolved": "\"left\" | \"none\" | \"top\"",
373
- "references": {}
374
- },
375
- "required": false,
376
- "optional": false,
377
- "docs": {
378
- "tags": [],
379
- "text": ""
380
- },
381
- "attribute": "label-position",
382
- "reflect": false,
383
- "defaultValue": "\"top\""
384
- }
385
- };
386
- }
387
- static get states() {
388
- return {
389
- "isTabbing": {},
390
- "userIsNavigating": {},
391
- "focusedSliceId": {}
392
- };
393
- }
394
- static get elementRef() { return "el"; }
395
- static get listeners() {
396
- return [{
397
- "name": "wmUserIsTabbing",
398
- "method": "toggleTabbingOn",
399
- "target": "window",
400
- "capture": false,
401
- "passive": false
402
- }, {
403
- "name": "wmUserIsNotTabbing",
404
- "method": "toggleTabbingOff",
405
- "target": "window",
406
- "capture": false,
407
- "passive": false
408
- }, {
409
- "name": "keydown",
410
- "method": "handleKeydown",
411
- "target": undefined,
412
- "capture": false,
413
- "passive": false
414
- }, {
415
- "name": "wmChartSliceUpdated",
416
- "method": "handleSliceUpdate",
417
- "target": undefined,
418
- "capture": false,
419
- "passive": false
420
- }];
421
- }
422
- }
package/dist/collection/components/charts/wm-chart/wm-chart.spec.js DELETED
@@ -1,37 +0,0 @@
1
- import { newSpecPage } from "@stencil/core/testing";
2
- import * as globalFuncs from "../../../global/functions";
3
- jest.spyOn(globalFuncs, "generateId");
4
- // @ts-ignore
5
- globalFuncs.generateId.mockImplementation(() => "random-id");
6
- import { Chart } from "./wm-chart";
7
- // mock ResizeObserver
8
- global.ResizeObserver = jest.fn().mockImplementation(() => ({
9
- observe: jest.fn(),
10
- unobserve: jest.fn(),
11
- disconnect: jest.fn(),
12
- }));
13
- describe("wm-chart", () => {
14
- it("builds", async () => {
15
- const page = await newSpecPage({ components: [Chart], html: '<wm-chart label="charty"></wm-chart>' });
16
- expect(page.root).toMatchSnapshot();
17
- });
18
- it("properties and attributes", async () => {
19
- const page = await newSpecPage({ components: [Chart], html: '<wm-chart label="charty"></wm-chart>' });
20
- const componentWrapper = page.root.shadowRoot.querySelector(".component-wrapper");
21
- expect(componentWrapper).toEqualAttribute("role", "application");
22
- expect(componentWrapper).toEqualAttribute("aria-label", "charty");
23
- expect(componentWrapper).toEqualAttribute("aria-roledescription", "Interactive chart");
24
- expect(componentWrapper).toEqualAttribute("aria-describedby", "chart-instructions");
25
- });
26
- // needs refactoring before it can be tested
27
- // it("generates the svg path", () => {
28
- // const chart = new Chart();
29
- // expect(chart.getPathData(122, 23)).toEqual("thing");
30
- // })
31
- // needs refactoring before it can be tested
32
- // it("outputs the svg arc syntax", () => {
33
- // const chart = new Chart();
34
- // // the 2nd arc is set according to whether we're drawing the inner or outer arc, and whether it's concave or convex
35
- // expect(chart.getArc(23, "0 1", 34, 66)).toEqual("nene");
36
- // })
37
- });