@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/datepickers/wm-date-range.spec.js DELETED
@@ -1,22 +0,0 @@
1
- import { newSpecPage } from "@stencil/core/testing";
2
- //import * as globalFunctions from "../../global/functions";
3
- import { DateRange } from "./wm-date-range";
4
- describe("wm-date-range", () => {
5
- it("builds", async () => {
6
- const comp = await newSpecPage({
7
- components: [DateRange],
8
- html: '<wm-date-range label="mock label"></wm-date-range>',
9
- });
10
- expect(comp.root).toMatchSnapshot();
11
- });
12
- it("sets inputs to required", async () => {
13
- const page = await newSpecPage({
14
- components: [DateRange],
15
- html: `<wm-date-range label='date range' required-field='true'></wm-date-range>`,
16
- });
17
- const inputs = await page.root.shadowRoot.querySelectorAll("input");
18
- inputs.forEach((input) => {
19
- expect(input).toEqualAttribute("aria-required", "true");
20
- });
21
- });
22
- });
package/dist/collection/components/datepickers/wm-datepicker.e2e.js DELETED
@@ -1,382 +0,0 @@
1
- import { newE2EPage } from "@stencil/core/testing";
2
- import { AxePuppeteer } from "@axe-core/puppeteer";
3
- describe("wm-datepicker", () => {
4
- let page, component, input, btn, popup, popupTitleDay;
5
- beforeEach(async () => {
6
- page = await newE2EPage();
7
- await page.setContent(`<html lang='en'><head><title>Page</title></head><body><main><h1>Title</h1>
8
- <wm-datepicker id="dp" label="label"></wm-datepicker>
9
- </main></body></html>`);
10
- component = await page.find("wm-datepicker");
11
- input = await page.find("wm-datepicker >>> input");
12
- btn = await page.find("wm-datepicker >>> #toggle");
13
- popup = await page.find("wm-datepicker >>> #popup");
14
- popupTitleDay = await page.find("wm-datepicker >>> #popup-title-month");
15
- // await page.keyboard.press("Tab");
16
- // await page.waitForChanges();
17
- });
18
- it("passes Axe checks", async () => {
19
- const results = await new AxePuppeteer(page).analyze();
20
- expect(results.violations.length).toBe(0);
21
- });
22
- // TODO
23
- // see https://dequeuniversity.com/checklists/web/form-validation-feedback
24
- // for Dynamic Error Detection / Error messages
25
- // see also role="alert"
26
- /* INPUT */
27
- // See datepicker-input.e2e.ts
28
- /* BUTTON */
29
- // Opening and closing the date picker
30
- it("opens at today's date by default", async () => {
31
- const popup = await page.find("wm-datepicker >>> .popup");
32
- const today = new Date();
33
- const year = today.getUTCFullYear();
34
- const month = (today.getUTCMonth() + 1).toString().padStart(2, "0");
35
- const day = today.getUTCDate().toString();
36
- const dateTable = await popup.find("[role='grid']");
37
- // await page.waitForChanges();
38
- const selDate = await dateTable.find("[aria-selected='true']");
39
- expect(selDate).toEqualAttribute("data-year", year);
40
- expect(selDate).toEqualAttribute("data-month", month);
41
- expect(selDate.textContent).toBe(day);
42
- });
43
- it("opens at the date in the input if there is one", async () => {
44
- const input = await page.find("wm-datepicker >>> input");
45
- const popup = await page.find("wm-datepicker >>> .popup");
46
- await input.type("02/01/2030");
47
- await component.setProperty("calendarDate", "2030-02-01");
48
- await page.waitForChanges();
49
- await page.keyboard.press("Tab");
50
- await page.keyboard.press("Enter");
51
- await page.waitForChanges();
52
- const dateTable = await popup.find("[role='grid']");
53
- const selDate = await dateTable.find("[aria-selected='true']");
54
- expect(selDate).toEqualAttribute("data-year", "2030");
55
- expect(selDate).toEqualAttribute("data-month", "02");
56
- expect(selDate.textContent).toBe("1");
57
- });
58
- it("Closes the popup when user triggers the calendar button", async () => {
59
- const popup = await page.find("wm-datepicker >>> .popup");
60
- await page.keyboard.press("Tab"); // in input
61
- await page.keyboard.press("Tab"); // on btn
62
- await page.keyboard.press("Enter");
63
- await page.waitForChanges();
64
- expect(popup).toHaveClass("open");
65
- await page.keyboard.press("Escape");
66
- await page.waitForChanges();
67
- expect(popup).not.toHaveClass("open");
68
- });
69
- /* POPUP */
70
- it("closes the calendar popup when the user presses ESCAPE", async () => {
71
- await input.type("02/03/2019");
72
- await component.setProperty("calendarDate", "2019-02-03");
73
- await page.waitForChanges();
74
- await page.keyboard.press("Tab");
75
- await page.keyboard.press("Enter");
76
- await page.waitForChanges();
77
- await page.keyboard.press("Escape");
78
- await page.waitForChanges();
79
- expect(popup).not.toHaveClass("open");
80
- });
81
- it("shows the next month on PAGE DOWN and shows the previous month on PAGE UP", async () => {
82
- await input.type("02/03/2019");
83
- await component.setProperty("calendarDate", "2019-02-03");
84
- await page.waitForChanges();
85
- await page.keyboard.press("Tab");
86
- await page.keyboard.press("Enter");
87
- await page.waitForChanges();
88
- await page.keyboard.press("PageDown");
89
- await page.waitForChanges();
90
- expect(popupTitleDay.textContent).toBe("March 2019");
91
- let activeElId = await page.evaluate(() => document.activeElement.shadowRoot.activeElement.id);
92
- expect(activeElId).toEqual("cell-20190303");
93
- await page.keyboard.press("PageUp");
94
- await page.waitForChanges();
95
- await page.keyboard.press("PageUp");
96
- await page.waitForChanges();
97
- await page.keyboard.press("PageUp");
98
- await page.waitForChanges();
99
- activeElId = await page.evaluate(() => document.activeElement.shadowRoot.activeElement.id);
100
- expect(activeElId).toEqual("cell-20181203");
101
- });
102
- it("handles HOME and END keys", async () => {
103
- await input.type("02/15/2020");
104
- await component.setProperty("calendarDate", "2020-02-15");
105
- await page.waitForChanges();
106
- await page.keyboard.press("Tab");
107
- await page.keyboard.press("Enter");
108
- await page.waitForChanges();
109
- await page.keyboard.press("Home");
110
- await page.waitForChanges();
111
- const firstDayOfMonth = await page.evaluate(() => document.activeElement.shadowRoot.activeElement.id);
112
- expect(firstDayOfMonth).toEqual("cell-20200201");
113
- await page.keyboard.press("End");
114
- await page.waitForChanges();
115
- const lastDayOfMonth = await page.evaluate(() => document.activeElement.shadowRoot.activeElement.id);
116
- expect(lastDayOfMonth).toEqual("cell-20200229"); // 2020 is a leap year
117
- });
118
- it("navigates the calendar with keyboard (day view)", async () => {
119
- // left/right: -1 / +1 in the row
120
- // up/down
121
- await input.type("08/15/2024");
122
- await component.setProperty("calendarDate", "2024-08-15");
123
- await page.keyboard.press("Tab"); // on the toggle popup btn
124
- await page.waitForChanges();
125
- await page.keyboard.press("Enter"); // open popup
126
- await page.waitForChanges();
127
- await page.keyboard.press("ArrowLeft");
128
- await page.waitForChanges();
129
- let focusedCell = await popup.find("[role='gridcell'][tabindex='0']");
130
- await page.waitForChanges();
131
- expect(focusedCell).toEqualAttribute("id", "cell-20240814");
132
- await page.keyboard.press("ArrowUp");
133
- await page.waitForChanges();
134
- focusedCell = await popup.find("[role='gridcell'][tabindex='0']");
135
- expect(focusedCell).toEqualAttribute("id", "cell-20240807");
136
- await page.keyboard.press("ArrowRight");
137
- await page.waitForChanges();
138
- focusedCell = await popup.find("[role='gridcell'][tabindex='0']");
139
- expect(focusedCell).toEqualAttribute("id", "cell-20240808");
140
- await page.keyboard.press("ArrowDown");
141
- await page.waitForChanges();
142
- focusedCell = await popup.find("[role='gridcell'][tabindex='0']");
143
- expect(focusedCell).toEqualAttribute("id", "cell-20240815");
144
- });
145
- it("navigates the calendar with keyboard (month view)", async () => {
146
- await input.type("08/15/2024");
147
- await component.setProperty("calendarDate", "2024-08-15");
148
- await page.keyboard.press("Tab"); // on the toggle popup btn
149
- await page.waitForChanges();
150
- await page.keyboard.press("Enter"); // open popup
151
- await page.keyboard.down("Shift");
152
- await page.waitForChanges();
153
- await page.keyboard.press("Tab"); // next btn
154
- await page.waitForChanges();
155
- await page.keyboard.press("Tab"); // popup-title (month + year)
156
- await page.waitForChanges();
157
- await page.keyboard.press("Enter");
158
- await page.waitForChanges();
159
- await page.keyboard.up("Shift");
160
- await page.waitForChanges();
161
- await page.keyboard.press("ArrowLeft");
162
- await page.waitForChanges();
163
- let focusedCell = await popup.find("[role='gridcell'][tabindex='0']");
164
- await page.waitForChanges();
165
- expect(focusedCell).toEqualAttribute("id", "month-6"); // month is july (7), 0-indexed
166
- await page.keyboard.press("ArrowUp");
167
- await page.waitForChanges();
168
- focusedCell = await popup.find("[role='gridcell'][tabindex='0']");
169
- expect(focusedCell).toEqualAttribute("id", "month-3");
170
- await page.keyboard.press("ArrowRight");
171
- await page.waitForChanges();
172
- focusedCell = await popup.find("[role='gridcell'][tabindex='0']");
173
- expect(focusedCell).toEqualAttribute("id", "month-4");
174
- await page.keyboard.press("ArrowDown");
175
- await page.waitForChanges();
176
- focusedCell = await popup.find("[role='gridcell'][tabindex='0']");
177
- expect(focusedCell).toEqualAttribute("id", "month-7");
178
- });
179
- // it("goes to the year view when the month name is clicked", async () => {
180
- // // (i.e. allows selection of a month)
181
- // });
182
- it("goes to the previous/next month when the arrow button is triggered in day view", async () => {
183
- await input.type("11/29/1999");
184
- await component.setProperty("calendarDate", "1999-11-29");
185
- await page.keyboard.press("Tab"); // on the toggle popup btn
186
- await page.waitForChanges();
187
- await page.keyboard.press("Enter"); // open popup
188
- await page.waitForChanges();
189
- await page.keyboard.down("Shift");
190
- await page.waitForChanges();
191
- await page.keyboard.press("Tab"); // next btn
192
- await page.waitForChanges();
193
- await page.keyboard.press("Tab"); // popup-title (month + year)
194
- await page.waitForChanges();
195
- await page.keyboard.press("Tab"); // prev btn
196
- await page.waitForChanges();
197
- await page.keyboard.up("Shift");
198
- await page.waitForChanges();
199
- await page.keyboard.press("Enter"); // press prev btn
200
- await page.waitForChanges();
201
- expect(popup).toHaveClasses(["open", "day-view"]);
202
- expect(popupTitleDay.textContent).toBe("October 1999");
203
- await page.keyboard.press("Tab"); // popup title btn
204
- await page.keyboard.press("Tab"); // next btn
205
- await page.keyboard.press("Enter"); // press next btn
206
- await page.waitForChanges();
207
- await page.keyboard.press("Enter"); // press next btn
208
- await page.waitForChanges();
209
- expect(popupTitleDay.textContent).toBe("December 1999");
210
- });
211
- it("goes to the previous/next year when the arrow button is clicked in month view", async () => {
212
- await input.type("11/29/1999");
213
- await component.setProperty("calendarDate", "1999-11-29");
214
- await page.waitForChanges();
215
- await page.keyboard.press("Tab"); // on the toggle popup btn
216
- await page.waitForChanges();
217
- await page.keyboard.press("Enter"); // open popup
218
- await page.waitForChanges();
219
- await page.keyboard.down("Shift");
220
- await page.keyboard.press("Tab"); // next btn
221
- await page.waitForChanges();
222
- await page.keyboard.press("Tab"); // month view btn
223
- await page.waitForChanges();
224
- await page.keyboard.up("Shift");
225
- await page.waitForChanges();
226
- await page.keyboard.press("Enter"); // press month view btn
227
- await page.waitForChanges();
228
- expect(popup).toHaveClasses(["open", "month-view"]);
229
- const title = await popup.find("#popup-title-year");
230
- expect(title.textContent).toBe("1999");
231
- await page.keyboard.down("Shift");
232
- await page.keyboard.press("Tab"); // next btn
233
- await page.keyboard.up("Shift");
234
- await page.keyboard.press("Enter"); // press next btn
235
- await page.waitForChanges();
236
- expect(title.textContent).toBe("2000");
237
- await page.keyboard.down("Shift");
238
- await page.keyboard.press("Tab"); // year btn
239
- await page.keyboard.down("Shift");
240
- await page.keyboard.press("Tab"); // prev btn
241
- await page.keyboard.up("Shift");
242
- await page.keyboard.press("Enter"); // press prev btn
243
- await page.waitForChanges();
244
- expect(title.textContent).toBe("1999");
245
- await page.keyboard.press("Enter"); // press prev btn
246
- await page.waitForChanges();
247
- await page.keyboard.press("Enter"); // press prev btn
248
- await page.waitForChanges();
249
- expect(title.textContent).toBe("1997");
250
- });
251
- it("has the aria attributes related to the popup", async () => {
252
- // NB "If the element with the aria-expanded attribute controls the expansion of another grouping container
253
- // that is not 'owned by' the element, the author SHOULD reference the container by using the aria-controls attribute."
254
- // src: https://www.w3.org/TR/wai-aria-1.1/#aria-expanded
255
- expect(btn).toHaveAttribute("aria-expanded");
256
- // Not sure is aria-haspopup is necessary. If it is present the popup should have a role
257
- // if that role is grid (the only role that seems to correspond) then the cells must have
258
- // a role of gridcell
259
- // https://www.w3.org/TR/wai-aria/#aria-haspopup
260
- // expect(btn).toHaveAttribute("aria-haspopup");
261
- //Removed aria-controls since the popup comes immediately after the aria-expanded controller:
262
- //https://www.heydonworks.com/article/aria-controls-is-poop
263
- });
264
- it("toggles aria-expanded attribute", async () => {
265
- expect(btn).toEqualAttribute("aria-expanded", "false");
266
- await page.keyboard.press("Tab");
267
- await page.keyboard.press("Tab");
268
- await page.keyboard.press("Enter");
269
- await page.waitForChanges();
270
- expect(btn).toEqualAttribute("aria-expanded", "true");
271
- });
272
- it("properly fills the-label on table cells", async () => {
273
- // screen reader should read "Thursday, May 10 2018" on focus
274
- // screen reader should read "Thursday, May 10 2018, selected" on select
275
- await input.type("05/10/2018");
276
- await component.setProperty("calendarDate", "2018-05-10");
277
- await page.waitForChanges();
278
- await page.keyboard.press("Tab");
279
- await page.waitForChanges();
280
- await page.keyboard.press("Enter");
281
- await page.waitForChanges();
282
- const focusedCell = await popup.find("[role='gridcell'][tabindex='0']");
283
- await page.waitForChanges();
284
- // day of the week is read by sr bcse it's the table column
285
- expect(focusedCell).toEqualAttribute("aria-label", "Thursday, May 10, 2018");
286
- // screen reader should read "Thursday, May 10 2018, selected" on select
287
- await page.keyboard.press("Enter");
288
- await page.waitForChanges();
289
- const selCell = await popup.find("[aria-selected='true']");
290
- // day of the week is read by sr bcse it's the table column
291
- expect(selCell).toEqualAttribute("aria-label", "Thursday, May 10, 2018");
292
- });
293
- it("aligns dates properly", async () => {
294
- // -> check that both 01/01/1999 and 12/31/2100 are in the Friday column
295
- // couldn't figure this one out...
296
- });
297
- it("emits event on input blur", async () => {
298
- page = await newE2EPage();
299
- await page.setContent(`<html lang='en'><head><title>Page</title></head><body><main><h1>Title</h1>
300
- <wm-datepicker id="dp" label="label"></wm-datepicker>
301
- <div id="indicator">no event heard</div>
302
- </main></body></html>`);
303
- component = await page.find("wm-datepicker");
304
- input = await page.find("wm-datepicker >>> input");
305
- await page.waitForChanges();
306
- await page.evaluate(async () => {
307
- const indicator = document.querySelector("#indicator");
308
- await document.addEventListener("wmDatepickerInputBlurred", () => (indicator.textContent = "event heard"));
309
- });
310
- await page.waitForChanges;
311
- const indicator = await page.find("#indicator");
312
- expect(indicator.textContent).toBe("no event heard");
313
- await input.type("05/10/2018");
314
- await page.keyboard.press("Tab");
315
- await page.waitForChanges();
316
- expect(indicator.textContent).toBe("event heard");
317
- });
318
- it("emits event on change", async () => {
319
- page = await newE2EPage();
320
- await page.setContent(`<html lang='en'><head><title>Page</title></head><body><main><h1>Title</h1>
321
- <wm-datepicker id="dp" label="label"></wm-datepicker>
322
- <div id="indicator">events heard: 0</div>
323
- </main></body></html>`);
324
- component = await page.find("wm-datepicker");
325
- input = await page.find("wm-datepicker >>> input");
326
- await page.waitForChanges();
327
- await page.evaluate(async () => {
328
- const indicator = document.querySelector("#indicator");
329
- await document
330
- .querySelector("wm-datepicker")
331
- .addEventListener("change", () => (indicator.textContent =
332
- indicator.textContent.slice(0, -1) + (parseInt(indicator.textContent.slice(-1)) + 1)));
333
- });
334
- await page.waitForChanges;
335
- const indicator = await page.find("#indicator");
336
- expect(indicator.textContent).toBe("events heard: 0");
337
- // user types date
338
- await input.type("05/10/2018");
339
- await page.keyboard.press("Tab");
340
- await page.waitForChanges();
341
- expect(indicator.textContent).toBe("events heard: 1");
342
- // user selects date from calendar
343
- await page.keyboard.press("Enter");
344
- await page.waitForChanges();
345
- await page.keyboard.press("ArrowRight");
346
- await page.keyboard.press("Enter");
347
- await page.waitForChanges();
348
- expect(indicator.textContent).toBe("events heard: 2");
349
- });
350
- it("emits event with date on cell selection", async () => {
351
- page = await newE2EPage();
352
- await page.setContent(`<html lang='en'><head><title>Page</title></head><body><main><h1>Title</h1>
353
- <wm-datepicker id="dp" value="12/30/1999" label="label"></wm-datepicker>
354
- <div id="indicator"></div>
355
- </main></body></html>`);
356
- component = await page.find("wm-datepicker");
357
- input = await page.find("wm-datepicker >>> input");
358
- await page.waitForChanges();
359
- await page.evaluate(async () => {
360
- const indicator = document.querySelector("#indicator");
361
- await document.querySelector("wm-datepicker").addEventListener("wmDatepickerDateSelected", (ev) => (indicator.textContent =
362
- //@ts-ignore
363
- `date received: ${ev.detail.date}`));
364
- });
365
- await page.waitForChanges;
366
- const indicator = await page.find("#indicator");
367
- // user types date
368
- await page.keyboard.press("Tab");
369
- await page.keyboard.press("Tab");
370
- await page.waitForChanges();
371
- await page.keyboard.press("Enter");
372
- await page.waitForChanges();
373
- await page.keyboard.press("Enter");
374
- await page.waitForChanges();
375
- expect(indicator.textContent).toBe("date received: 1999-12-30");
376
- });
377
- });
378
- // Sources:
379
- // https://watermarkinsights.atlassian.net/browse/DNP-3411
380
- // https://watermarkinsights.atlassian.net/browse/DNP-4318
381
- // https://axesslab.com/accessible-datepickers/
382
- // https://www.w3.org/WAI/PF/HTML/wiki/Datepickers