@watermarkinsights/ripple 5.12.0 → 5.14.0-alpha.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (482) hide show
  1. package/LICENSE +21 -0
  2. package/dist/{esm/chartFunctions-9099c7e9.js → components/chartFunctions.js} +4 -4
  3. package/dist/components/functions.js +17465 -0
  4. package/dist/components/index.d.ts +33 -0
  5. package/dist/{collection/global/global.js → components/index.js} +52 -2
  6. package/dist/{collection/global → components}/interfaces.js +6 -4
  7. package/dist/{esm/intl-a6f16883.js → components/intl.js} +1 -1
  8. package/dist/components/priv-calendar.d.ts +11 -0
  9. package/dist/components/priv-calendar.js +6 -0
  10. package/dist/{esm/priv-calendar.entry.js → components/priv-calendar2.js} +40 -17
  11. package/dist/components/priv-chart-popover.d.ts +11 -0
  12. package/dist/components/priv-chart-popover.js +6 -0
  13. package/dist/{esm/priv-chart-popover.entry.js → components/priv-chart-popover2.js} +32 -13
  14. package/dist/components/priv-navigator-button.d.ts +11 -0
  15. package/dist/components/priv-navigator-button.js +6 -0
  16. package/dist/{esm/priv-navigator-button.entry.js → components/priv-navigator-button2.js} +27 -9
  17. package/dist/components/priv-navigator-item.d.ts +11 -0
  18. package/dist/components/priv-navigator-item.js +6 -0
  19. package/dist/{esm/priv-navigator-item.entry.js → components/priv-navigator-item2.js} +28 -9
  20. package/dist/components/priv-option-list.d.ts +11 -0
  21. package/dist/components/priv-option-list.js +6 -0
  22. package/dist/{esm/priv-option-list.entry.js → components/priv-option-list2.js} +54 -21
  23. package/dist/components/wm-action-menu.d.ts +11 -0
  24. package/dist/components/wm-action-menu.js +6 -0
  25. package/dist/{cjs/wm-pagination.cjs.entry.js → components/wm-action-menu2.js} +216 -212
  26. package/dist/components/wm-button.d.ts +11 -0
  27. package/dist/components/wm-button.js +6 -0
  28. package/dist/{esm/wm-button.entry.js → components/wm-button2.js} +49 -20
  29. package/dist/components/wm-chart-slice.d.ts +11 -0
  30. package/dist/components/wm-chart-slice.js +41 -0
  31. package/dist/components/wm-chart.d.ts +11 -0
  32. package/dist/{esm/wm-chart.entry.js → components/wm-chart.js} +61 -22
  33. package/dist/components/wm-date-range.d.ts +11 -0
  34. package/dist/{esm/wm-date-range.entry.js → components/wm-date-range.js} +66 -23
  35. package/dist/components/wm-datepicker.d.ts +11 -0
  36. package/dist/{esm/wm-datepicker.entry.js → components/wm-datepicker.js} +58 -20
  37. package/dist/components/wm-file-list.d.ts +11 -0
  38. package/dist/{cjs/wm-file-list.cjs.entry.js → components/wm-file-list.js} +29 -13
  39. package/dist/components/wm-file.d.ts +11 -0
  40. package/dist/{esm/wm-file.entry.js → components/wm-file.js} +59 -20
  41. package/dist/components/wm-input.d.ts +11 -0
  42. package/dist/{esm/wm-input.entry.js → components/wm-input.js} +54 -22
  43. package/dist/components/wm-line-chart.d.ts +11 -0
  44. package/dist/{esm/wm-line-chart.entry.js → components/wm-line-chart.js} +80 -39
  45. package/dist/components/wm-menuitem.d.ts +11 -0
  46. package/dist/components/wm-menuitem.js +6 -0
  47. package/dist/{cjs/wm-optgroup.cjs.entry.js → components/wm-menuitem2.js} +130 -57
  48. package/dist/components/wm-modal-footer.d.ts +11 -0
  49. package/dist/components/wm-modal-footer.js +73 -0
  50. package/dist/components/wm-modal-header.d.ts +11 -0
  51. package/dist/components/wm-modal-header.js +61 -0
  52. package/dist/components/wm-modal-pss-footer.d.ts +11 -0
  53. package/dist/{cjs/priv-chart-popover.cjs.entry.js → components/wm-modal-pss-footer.js} +58 -128
  54. package/dist/components/wm-modal-pss-header.d.ts +11 -0
  55. package/dist/components/wm-modal-pss-header.js +64 -0
  56. package/dist/components/wm-modal-pss.d.ts +11 -0
  57. package/dist/{cjs/wm-textarea.cjs.entry.js → components/wm-modal-pss.js} +141 -66
  58. package/dist/components/wm-modal.d.ts +11 -0
  59. package/dist/{cjs/wm-input.cjs.entry.js → components/wm-modal.js} +140 -103
  60. package/dist/components/wm-navigation-hamburger.d.ts +11 -0
  61. package/dist/{ripple/p-f9cade98.entry.js → components/wm-navigation-hamburger.js} +70 -1
  62. package/dist/components/wm-navigation-item.d.ts +11 -0
  63. package/dist/components/wm-navigation-item.js +40 -0
  64. package/dist/components/wm-navigation.d.ts +11 -0
  65. package/dist/{ripple/p-1a71d867.system.entry.js → components/wm-navigation.js} +144 -1
  66. package/dist/components/wm-navigator.d.ts +11 -0
  67. package/dist/{esm/wm-navigator.entry.js → components/wm-navigator.js} +106 -18
  68. package/dist/components/wm-nested-select.d.ts +11 -0
  69. package/dist/{esm/wm-nested-select.entry.js → components/wm-nested-select.js} +56 -23
  70. package/dist/components/wm-optgroup.d.ts +11 -0
  71. package/dist/{esm/wm-optgroup.entry.js → components/wm-optgroup.js} +49 -11
  72. package/dist/components/wm-option.d.ts +11 -0
  73. package/dist/components/wm-option.js +6 -0
  74. package/dist/{cjs/wm-search.cjs.entry.js → components/wm-option2.js} +168 -165
  75. package/dist/components/wm-pagination.d.ts +11 -0
  76. package/dist/{esm/wm-pagination.entry.js → components/wm-pagination.js} +45 -17
  77. package/dist/components/wm-progress-indicator.d.ts +11 -0
  78. package/dist/{esm/wm-progress-indicator_3.entry.js → components/wm-progress-indicator.js} +52 -104
  79. package/dist/components/wm-progress-monitor.d.ts +11 -0
  80. package/dist/components/wm-progress-monitor.js +93 -0
  81. package/dist/components/wm-progress-slice.d.ts +11 -0
  82. package/dist/components/wm-progress-slice.js +37 -0
  83. package/dist/components/wm-search.d.ts +11 -0
  84. package/dist/{esm/wm-search.entry.js → components/wm-search.js} +76 -15
  85. package/dist/components/wm-select.d.ts +11 -0
  86. package/dist/components/wm-select.js +6 -0
  87. package/dist/components/wm-select2.js +294 -0
  88. package/dist/components/wm-snackbar.d.ts +11 -0
  89. package/dist/{esm/wm-snackbar.entry.js → components/wm-snackbar.js} +41 -16
  90. package/dist/components/wm-tab-item.d.ts +11 -0
  91. package/dist/components/wm-tab-item.js +85 -0
  92. package/dist/components/wm-tab-list.d.ts +11 -0
  93. package/dist/{cjs/wm-uploader.cjs.entry.js → components/wm-tab-list.js} +174 -281
  94. package/dist/components/wm-tab-panel.d.ts +11 -0
  95. package/dist/{esm/wm-file-list.entry.js → components/wm-tab-panel.js} +46 -12
  96. package/dist/components/wm-tag-input.d.ts +11 -0
  97. package/dist/{esm/wm-tag-input.entry.js → components/wm-tag-input.js} +64 -32
  98. package/dist/components/wm-tag-option.d.ts +11 -0
  99. package/dist/components/wm-tag-option.js +63 -0
  100. package/dist/components/wm-textarea.d.ts +11 -0
  101. package/dist/{esm/wm-textarea.entry.js → components/wm-textarea.js} +47 -17
  102. package/dist/components/wm-timepicker.d.ts +11 -0
  103. package/dist/{esm/wm-timepicker.entry.js → components/wm-timepicker.js} +51 -20
  104. package/dist/components/wm-toggletip.d.ts +11 -0
  105. package/dist/{esm/wm-toggletip.entry.js → components/wm-toggletip.js} +38 -16
  106. package/dist/components/wm-uploader.d.ts +11 -0
  107. package/dist/{esm/wm-uploader.entry.js → components/wm-uploader.js} +52 -24
  108. package/dist/components/wm-wrapper.d.ts +11 -0
  109. package/dist/components/wm-wrapper.js +34 -0
  110. package/dist/types/stencil-public-runtime.d.ts +31 -10
  111. package/package.json +4 -8
  112. package/dist/cjs/chartFunctions-a1981e06.js +0 -732
  113. package/dist/cjs/functions-4b187487.js +0 -9679
  114. package/dist/cjs/global-4e034486.js +0 -85
  115. package/dist/cjs/index-e86c28b6.js +0 -2649
  116. package/dist/cjs/index.cjs.js +0 -2
  117. package/dist/cjs/interfaces-85d78ae9.js +0 -37
  118. package/dist/cjs/intl-7fd0760e.js +0 -283
  119. package/dist/cjs/loader.cjs.js +0 -14
  120. package/dist/cjs/priv-calendar.cjs.entry.js +0 -573
  121. package/dist/cjs/priv-navigator-button.cjs.entry.js +0 -28
  122. package/dist/cjs/priv-navigator-item.cjs.entry.js +0 -34
  123. package/dist/cjs/priv-option-list.cjs.entry.js +0 -392
  124. package/dist/cjs/ripple.cjs.js +0 -24
  125. package/dist/cjs/wm-action-menu_2.cjs.entry.js +0 -333
  126. package/dist/cjs/wm-button.cjs.entry.js +0 -206
  127. package/dist/cjs/wm-chart-slice.cjs.entry.js +0 -27
  128. package/dist/cjs/wm-chart.cjs.entry.js +0 -162
  129. package/dist/cjs/wm-date-range.cjs.entry.js +0 -483
  130. package/dist/cjs/wm-datepicker.cjs.entry.js +0 -253
  131. package/dist/cjs/wm-file.cjs.entry.js +0 -193
  132. package/dist/cjs/wm-line-chart.cjs.entry.js +0 -460
  133. package/dist/cjs/wm-modal-pss_3.cjs.entry.js +0 -214
  134. package/dist/cjs/wm-modal_3.cjs.entry.js +0 -212
  135. package/dist/cjs/wm-navigation_3.cjs.entry.js +0 -185
  136. package/dist/cjs/wm-navigator.cjs.entry.js +0 -326
  137. package/dist/cjs/wm-nested-select.cjs.entry.js +0 -314
  138. package/dist/cjs/wm-option_2.cjs.entry.js +0 -425
  139. package/dist/cjs/wm-progress-indicator_3.cjs.entry.js +0 -202
  140. package/dist/cjs/wm-snackbar.cjs.entry.js +0 -181
  141. package/dist/cjs/wm-tab-item_3.cjs.entry.js +0 -260
  142. package/dist/cjs/wm-tag-input.cjs.entry.js +0 -891
  143. package/dist/cjs/wm-tag-option.cjs.entry.js +0 -43
  144. package/dist/cjs/wm-timepicker.cjs.entry.js +0 -306
  145. package/dist/cjs/wm-toggletip.cjs.entry.js +0 -182
  146. package/dist/cjs/wm-wrapper.cjs.entry.js +0 -21
  147. package/dist/collection/collection-manifest.json +0 -191
  148. package/dist/collection/components/charts/chartFunctions.js +0 -665
  149. package/dist/collection/components/charts/chartFunctions.spec.js +0 -16
  150. package/dist/collection/components/charts/priv-chart-popover/priv-chart-popover.css +0 -908
  151. package/dist/collection/components/charts/priv-chart-popover/priv-chart-popover.e2e.js +0 -81
  152. package/dist/collection/components/charts/priv-chart-popover/priv-chart-popover.js +0 -257
  153. package/dist/collection/components/charts/screenshots.e2e.js +0 -96
  154. package/dist/collection/components/charts/wm-chart/wm-chart-slice.js +0 -125
  155. package/dist/collection/components/charts/wm-chart/wm-chart.css +0 -1274
  156. package/dist/collection/components/charts/wm-chart/wm-chart.e2e.js +0 -213
  157. package/dist/collection/components/charts/wm-chart/wm-chart.js +0 -422
  158. package/dist/collection/components/charts/wm-chart/wm-chart.spec.js +0 -37
  159. package/dist/collection/components/charts/wm-line-chart/wm-line-chart.css +0 -1067
  160. package/dist/collection/components/charts/wm-line-chart/wm-line-chart.e2e.js +0 -176
  161. package/dist/collection/components/charts/wm-line-chart/wm-line-chart.js +0 -723
  162. package/dist/collection/components/charts/wm-line-chart/wm-line-chart.spec.js +0 -163
  163. package/dist/collection/components/charts/wm-progress-monitor/wm-progress-indicator.css +0 -1274
  164. package/dist/collection/components/charts/wm-progress-monitor/wm-progress-indicator.js +0 -264
  165. package/dist/collection/components/charts/wm-progress-monitor/wm-progress-monitor.css +0 -909
  166. package/dist/collection/components/charts/wm-progress-monitor/wm-progress-monitor.e2e.js +0 -69
  167. package/dist/collection/components/charts/wm-progress-monitor/wm-progress-monitor.js +0 -151
  168. package/dist/collection/components/charts/wm-progress-monitor/wm-progress-monitor.spec.js +0 -79
  169. package/dist/collection/components/charts/wm-progress-monitor/wm-progress-slice.js +0 -121
  170. package/dist/collection/components/datepickers/datepicker.css +0 -1043
  171. package/dist/collection/components/datepickers/priv-calendar/priv-calendar.css +0 -1279
  172. package/dist/collection/components/datepickers/priv-calendar/priv-calendar.js +0 -840
  173. package/dist/collection/components/datepickers/priv-calendar/priv-calendar.spec.js +0 -89
  174. package/dist/collection/components/datepickers/wm-date-range.e2e.js +0 -443
  175. package/dist/collection/components/datepickers/wm-date-range.js +0 -845
  176. package/dist/collection/components/datepickers/wm-date-range.spec.js +0 -22
  177. package/dist/collection/components/datepickers/wm-datepicker.e2e.js +0 -382
  178. package/dist/collection/components/datepickers/wm-datepicker.js +0 -520
  179. package/dist/collection/components/datepickers/wm-datepicker.spec.js +0 -21
  180. package/dist/collection/components/selects/priv-option-list/priv-option-list.css +0 -918
  181. package/dist/collection/components/selects/priv-option-list/priv-option-list.js +0 -778
  182. package/dist/collection/components/selects/wm-nested-select/wm-nested-select.css +0 -1181
  183. package/dist/collection/components/selects/wm-nested-select/wm-nested-select.js +0 -620
  184. package/dist/collection/components/selects/wm-optgroup/wm-optgroup.css +0 -830
  185. package/dist/collection/components/selects/wm-optgroup/wm-optgroup.js +0 -258
  186. package/dist/collection/components/selects/wm-option/wm-option.css +0 -931
  187. package/dist/collection/components/selects/wm-option/wm-option.e2e.js +0 -22
  188. package/dist/collection/components/selects/wm-option/wm-option.js +0 -530
  189. package/dist/collection/components/selects/wm-option/wm-option.spec.js +0 -63
  190. package/dist/collection/components/selects/wm-select/wm-select.css +0 -1104
  191. package/dist/collection/components/selects/wm-select/wm-select.e2e.js +0 -521
  192. package/dist/collection/components/selects/wm-select/wm-select.js +0 -584
  193. package/dist/collection/components/selects/wm-select/wm-select.spec.js +0 -271
  194. package/dist/collection/components/wm-action-menu/wm-action-menu.css +0 -891
  195. package/dist/collection/components/wm-action-menu/wm-action-menu.e2e.js +0 -200
  196. package/dist/collection/components/wm-action-menu/wm-action-menu.js +0 -435
  197. package/dist/collection/components/wm-action-menu/wm-action-menu.spec.js +0 -48
  198. package/dist/collection/components/wm-button/wm-button.css +0 -1261
  199. package/dist/collection/components/wm-button/wm-button.e2e.js +0 -55
  200. package/dist/collection/components/wm-button/wm-button.js +0 -489
  201. package/dist/collection/components/wm-button/wm-button.spec.js +0 -74
  202. package/dist/collection/components/wm-file/wm-file.css +0 -927
  203. package/dist/collection/components/wm-file/wm-file.js +0 -412
  204. package/dist/collection/components/wm-file/wm-file.spec.js +0 -194
  205. package/dist/collection/components/wm-file-list/wm-file-list.css +0 -820
  206. package/dist/collection/components/wm-file-list/wm-file-list.js +0 -45
  207. package/dist/collection/components/wm-file-list/wm-file-list.spec.js +0 -69
  208. package/dist/collection/components/wm-input/wm-input.css +0 -992
  209. package/dist/collection/components/wm-input/wm-input.e2e.js +0 -32
  210. package/dist/collection/components/wm-input/wm-input.js +0 -471
  211. package/dist/collection/components/wm-input/wm-input.spec.js +0 -173
  212. package/dist/collection/components/wm-menuitem/wm-menuitem.css +0 -891
  213. package/dist/collection/components/wm-menuitem/wm-menuitem.e2e.js +0 -23
  214. package/dist/collection/components/wm-menuitem/wm-menuitem.js +0 -419
  215. package/dist/collection/components/wm-menuitem/wm-menuitem.spec.js +0 -54
  216. package/dist/collection/components/wm-modal/wm-modal-footer.css +0 -845
  217. package/dist/collection/components/wm-modal/wm-modal-footer.js +0 -141
  218. package/dist/collection/components/wm-modal/wm-modal-footer.spec.js +0 -11
  219. package/dist/collection/components/wm-modal/wm-modal-header.css +0 -844
  220. package/dist/collection/components/wm-modal/wm-modal-header.js +0 -78
  221. package/dist/collection/components/wm-modal/wm-modal-header.spec.js +0 -8
  222. package/dist/collection/components/wm-modal/wm-modal.css +0 -891
  223. package/dist/collection/components/wm-modal/wm-modal.e2e.js +0 -104
  224. package/dist/collection/components/wm-modal/wm-modal.js +0 -350
  225. package/dist/collection/components/wm-modal/wm-modal.spec.js +0 -30
  226. package/dist/collection/components/wm-modal-pss/wm-modal-pss-footer.css +0 -852
  227. package/dist/collection/components/wm-modal-pss/wm-modal-pss-footer.js +0 -138
  228. package/dist/collection/components/wm-modal-pss/wm-modal-pss-header.css +0 -846
  229. package/dist/collection/components/wm-modal-pss/wm-modal-pss-header.js +0 -82
  230. package/dist/collection/components/wm-modal-pss/wm-modal-pss.css +0 -927
  231. package/dist/collection/components/wm-modal-pss/wm-modal-pss.js +0 -362
  232. package/dist/collection/components/wm-navigation/wm-navigation-hamburger.css +0 -847
  233. package/dist/collection/components/wm-navigation/wm-navigation-hamburger.js +0 -119
  234. package/dist/collection/components/wm-navigation/wm-navigation-item.css +0 -856
  235. package/dist/collection/components/wm-navigation/wm-navigation-item.js +0 -98
  236. package/dist/collection/components/wm-navigation/wm-navigation.css +0 -898
  237. package/dist/collection/components/wm-navigation/wm-navigation.e2e.js +0 -102
  238. package/dist/collection/components/wm-navigation/wm-navigation.js +0 -190
  239. package/dist/collection/components/wm-navigation/wm-navigation.spec.js +0 -91
  240. package/dist/collection/components/wm-navigator/priv-navigator-button/priv-navigator-button.css +0 -849
  241. package/dist/collection/components/wm-navigator/priv-navigator-button/priv-navigator-button.e2e.js +0 -50
  242. package/dist/collection/components/wm-navigator/priv-navigator-button/priv-navigator-button.js +0 -86
  243. package/dist/collection/components/wm-navigator/priv-navigator-item/priv-navigator-item.css +0 -830
  244. package/dist/collection/components/wm-navigator/priv-navigator-item/priv-navigator-item.js +0 -124
  245. package/dist/collection/components/wm-navigator/wm-navigator.css +0 -903
  246. package/dist/collection/components/wm-navigator/wm-navigator.e2e.js +0 -209
  247. package/dist/collection/components/wm-navigator/wm-navigator.js +0 -496
  248. package/dist/collection/components/wm-navigator/wm-navigator.spec.js +0 -177
  249. package/dist/collection/components/wm-pagination/wm-pagination.css +0 -971
  250. package/dist/collection/components/wm-pagination/wm-pagination.e2e.js +0 -312
  251. package/dist/collection/components/wm-pagination/wm-pagination.js +0 -363
  252. package/dist/collection/components/wm-search/wm-search.css +0 -895
  253. package/dist/collection/components/wm-search/wm-search.e2e.js +0 -76
  254. package/dist/collection/components/wm-search/wm-search.js +0 -426
  255. package/dist/collection/components/wm-search/wm-search.spec.js +0 -71
  256. package/dist/collection/components/wm-snackbar/wm-snackbar.css +0 -1077
  257. package/dist/collection/components/wm-snackbar/wm-snackbar.e2e.js +0 -112
  258. package/dist/collection/components/wm-snackbar/wm-snackbar.js +0 -269
  259. package/dist/collection/components/wm-snackbar/wm-snackbar.spec.js +0 -9
  260. package/dist/collection/components/wm-tabs/wm-tab-item/wm-tab-item.css +0 -868
  261. package/dist/collection/components/wm-tabs/wm-tab-item/wm-tab-item.js +0 -175
  262. package/dist/collection/components/wm-tabs/wm-tab-list/wm-tab-list.css +0 -840
  263. package/dist/collection/components/wm-tabs/wm-tab-list/wm-tab-list.js +0 -273
  264. package/dist/collection/components/wm-tabs/wm-tab-panel/wm-tab-panel.css +0 -825
  265. package/dist/collection/components/wm-tabs/wm-tab-panel/wm-tab-panel.js +0 -87
  266. package/dist/collection/components/wm-tabs/wm-tabs.e2e.js +0 -91
  267. package/dist/collection/components/wm-tabs/wm-tabs.spec.js +0 -12
  268. package/dist/collection/components/wm-tag-input/wm-tag-input.css +0 -1275
  269. package/dist/collection/components/wm-tag-input/wm-tag-input.e2e.js +0 -204
  270. package/dist/collection/components/wm-tag-input/wm-tag-input.js +0 -1227
  271. package/dist/collection/components/wm-tag-input/wm-tag-input.spec.js +0 -195
  272. package/dist/collection/components/wm-tag-input/wm-tag-option/wm-tag-option.js +0 -243
  273. package/dist/collection/components/wm-textarea/wm-textarea.css +0 -979
  274. package/dist/collection/components/wm-textarea/wm-textarea.e2e.js +0 -41
  275. package/dist/collection/components/wm-textarea/wm-textarea.js +0 -313
  276. package/dist/collection/components/wm-textarea/wm-textarea.spec.js +0 -79
  277. package/dist/collection/components/wm-timepicker/wm-timepicker.css +0 -1093
  278. package/dist/collection/components/wm-timepicker/wm-timepicker.e2e.js +0 -163
  279. package/dist/collection/components/wm-timepicker/wm-timepicker.js +0 -544
  280. package/dist/collection/components/wm-timepicker/wm-timepicker.spec.js +0 -147
  281. package/dist/collection/components/wm-toggletip/wm-toggletip.css +0 -1152
  282. package/dist/collection/components/wm-toggletip/wm-toggletip.e2e.js +0 -69
  283. package/dist/collection/components/wm-toggletip/wm-toggletip.js +0 -289
  284. package/dist/collection/components/wm-toggletip/wm-toggletip.spec.js +0 -21
  285. package/dist/collection/components/wm-uploader/wm-uploader.css +0 -1563
  286. package/dist/collection/components/wm-uploader/wm-uploader.e2e.js +0 -70
  287. package/dist/collection/components/wm-uploader/wm-uploader.js +0 -603
  288. package/dist/collection/components/wm-uploader/wm-uploader.spec.js +0 -234
  289. package/dist/collection/components/wm-wrapper/wm-wrapper.js +0 -28
  290. package/dist/collection/dev/button.js +0 -0
  291. package/dist/collection/dev/chart-small.js +0 -56
  292. package/dist/collection/dev/chart.js +0 -18
  293. package/dist/collection/dev/date-range.js +0 -6
  294. package/dist/collection/dev/datepicker.js +0 -46
  295. package/dist/collection/dev/file-list.js +0 -16
  296. package/dist/collection/dev/file.js +0 -0
  297. package/dist/collection/dev/input.js +0 -6
  298. package/dist/collection/dev/line-chart.js +0 -0
  299. package/dist/collection/dev/modal.js +0 -48
  300. package/dist/collection/dev/navigation.js +0 -13
  301. package/dist/collection/dev/navigator.js +0 -34
  302. package/dist/collection/dev/nested-select.js +0 -36
  303. package/dist/collection/dev/pagination.js +0 -7
  304. package/dist/collection/dev/progress-monitor.js +0 -0
  305. package/dist/collection/dev/pss-modal.js +0 -8
  306. package/dist/collection/dev/scripts.js +0 -49
  307. package/dist/collection/dev/search.js +0 -72
  308. package/dist/collection/dev/select.js +0 -57
  309. package/dist/collection/dev/snackbar.js +0 -54
  310. package/dist/collection/dev/tabs.js +0 -44
  311. package/dist/collection/dev/tag-input.js +0 -32
  312. package/dist/collection/dev/textarea.js +0 -28
  313. package/dist/collection/dev/timepicker.js +0 -32
  314. package/dist/collection/dev/toggletip.js +0 -9
  315. package/dist/collection/dev/uploader.js +0 -139
  316. package/dist/collection/global/__mocks__/functions.js +0 -6
  317. package/dist/collection/global/functions.js +0 -825
  318. package/dist/collection/global/functions.spec.js +0 -126
  319. package/dist/collection/global/intl.js +0 -274
  320. package/dist/collection/global/services/__mocks__/http-service.js +0 -130
  321. package/dist/collection/global/services/http-service.js +0 -50
  322. package/dist/collection/lang/lang.js +0 -5
  323. package/dist/collection/lang/lang.spec.js +0 -20
  324. package/dist/collection/lang/missing.js +0 -43
  325. package/dist/collection/lang/piglatin.js +0 -101
  326. package/dist/esm/functions-00e1916b.js +0 -9639
  327. package/dist/esm/global-c76064cb.js +0 -83
  328. package/dist/esm/index-558b5a82.js +0 -2618
  329. package/dist/esm/index.js +0 -1
  330. package/dist/esm/interfaces-cc5b177f.js +0 -34
  331. package/dist/esm/loader.js +0 -10
  332. package/dist/esm/polyfills/core-js.js +0 -11
  333. package/dist/esm/polyfills/dom.js +0 -79
  334. package/dist/esm/polyfills/es5-html-element.js +0 -1
  335. package/dist/esm/polyfills/index.js +0 -34
  336. package/dist/esm/polyfills/system.js +0 -6
  337. package/dist/esm/ripple.js +0 -19
  338. package/dist/esm/wm-action-menu_2.entry.js +0 -328
  339. package/dist/esm/wm-chart-slice.entry.js +0 -23
  340. package/dist/esm/wm-modal-pss_3.entry.js +0 -208
  341. package/dist/esm/wm-modal_3.entry.js +0 -206
  342. package/dist/esm/wm-navigation_3.entry.js +0 -179
  343. package/dist/esm/wm-option_2.entry.js +0 -420
  344. package/dist/esm/wm-tab-item_3.entry.js +0 -254
  345. package/dist/esm/wm-tag-option.entry.js +0 -39
  346. package/dist/esm/wm-wrapper.entry.js +0 -17
  347. package/dist/esm-es5/chartFunctions-9099c7e9.js +0 -1
  348. package/dist/esm-es5/functions-00e1916b.js +0 -1
  349. package/dist/esm-es5/global-c76064cb.js +0 -1
  350. package/dist/esm-es5/index-558b5a82.js +0 -1
  351. package/dist/esm-es5/index.js +0 -0
  352. package/dist/esm-es5/interfaces-cc5b177f.js +0 -1
  353. package/dist/esm-es5/intl-a6f16883.js +0 -1
  354. package/dist/esm-es5/loader.js +0 -1
  355. package/dist/esm-es5/priv-calendar.entry.js +0 -1
  356. package/dist/esm-es5/priv-chart-popover.entry.js +0 -1
  357. package/dist/esm-es5/priv-navigator-button.entry.js +0 -1
  358. package/dist/esm-es5/priv-navigator-item.entry.js +0 -1
  359. package/dist/esm-es5/priv-option-list.entry.js +0 -1
  360. package/dist/esm-es5/ripple.js +0 -1
  361. package/dist/esm-es5/wm-action-menu_2.entry.js +0 -1
  362. package/dist/esm-es5/wm-button.entry.js +0 -1
  363. package/dist/esm-es5/wm-chart-slice.entry.js +0 -1
  364. package/dist/esm-es5/wm-chart.entry.js +0 -1
  365. package/dist/esm-es5/wm-date-range.entry.js +0 -1
  366. package/dist/esm-es5/wm-datepicker.entry.js +0 -1
  367. package/dist/esm-es5/wm-file-list.entry.js +0 -1
  368. package/dist/esm-es5/wm-file.entry.js +0 -1
  369. package/dist/esm-es5/wm-input.entry.js +0 -1
  370. package/dist/esm-es5/wm-line-chart.entry.js +0 -1
  371. package/dist/esm-es5/wm-modal-pss_3.entry.js +0 -1
  372. package/dist/esm-es5/wm-modal_3.entry.js +0 -1
  373. package/dist/esm-es5/wm-navigation_3.entry.js +0 -1
  374. package/dist/esm-es5/wm-navigator.entry.js +0 -1
  375. package/dist/esm-es5/wm-nested-select.entry.js +0 -1
  376. package/dist/esm-es5/wm-optgroup.entry.js +0 -1
  377. package/dist/esm-es5/wm-option_2.entry.js +0 -1
  378. package/dist/esm-es5/wm-pagination.entry.js +0 -1
  379. package/dist/esm-es5/wm-progress-indicator_3.entry.js +0 -1
  380. package/dist/esm-es5/wm-search.entry.js +0 -1
  381. package/dist/esm-es5/wm-snackbar.entry.js +0 -1
  382. package/dist/esm-es5/wm-tab-item_3.entry.js +0 -1
  383. package/dist/esm-es5/wm-tag-input.entry.js +0 -1
  384. package/dist/esm-es5/wm-tag-option.entry.js +0 -1
  385. package/dist/esm-es5/wm-textarea.entry.js +0 -1
  386. package/dist/esm-es5/wm-timepicker.entry.js +0 -1
  387. package/dist/esm-es5/wm-toggletip.entry.js +0 -1
  388. package/dist/esm-es5/wm-uploader.entry.js +0 -1
  389. package/dist/esm-es5/wm-wrapper.entry.js +0 -1
  390. package/dist/index.cjs.js +0 -1
  391. package/dist/index.js +0 -1
  392. package/dist/loader/cdn.js +0 -3
  393. package/dist/loader/index.cjs.js +0 -3
  394. package/dist/loader/index.d.ts +0 -21
  395. package/dist/loader/index.es2017.js +0 -3
  396. package/dist/loader/index.js +0 -4
  397. package/dist/loader/package.json +0 -11
  398. package/dist/ripple/index.esm.js +0 -0
  399. package/dist/ripple/p-05ae54d7.entry.js +0 -1
  400. package/dist/ripple/p-0d89d63c.system.entry.js +0 -1
  401. package/dist/ripple/p-118c47eb.system.entry.js +0 -1
  402. package/dist/ripple/p-1a4b6b02.system.entry.js +0 -1
  403. package/dist/ripple/p-1a4b7504.system.entry.js +0 -1
  404. package/dist/ripple/p-1a951dfb.entry.js +0 -1
  405. package/dist/ripple/p-1c8f550f.system.entry.js +0 -1
  406. package/dist/ripple/p-1f751b87.js +0 -1
  407. package/dist/ripple/p-1fac5bf9.js +0 -1
  408. package/dist/ripple/p-20a8f732.system.entry.js +0 -1
  409. package/dist/ripple/p-249b56fb.entry.js +0 -1
  410. package/dist/ripple/p-249d13a1.system.entry.js +0 -1
  411. package/dist/ripple/p-26906899.entry.js +0 -1
  412. package/dist/ripple/p-2732bddd.js +0 -1
  413. package/dist/ripple/p-28119645.system.entry.js +0 -1
  414. package/dist/ripple/p-2f37f3ee.system.js +0 -1
  415. package/dist/ripple/p-32bf3f5b.system.entry.js +0 -1
  416. package/dist/ripple/p-335c03d3.system.entry.js +0 -1
  417. package/dist/ripple/p-363b534b.entry.js +0 -1
  418. package/dist/ripple/p-393e4636.js +0 -1
  419. package/dist/ripple/p-39f79d71.system.entry.js +0 -1
  420. package/dist/ripple/p-3a231f4b.system.entry.js +0 -1
  421. package/dist/ripple/p-3d4bb85f.entry.js +0 -1
  422. package/dist/ripple/p-4228de00.entry.js +0 -1
  423. package/dist/ripple/p-42fa7a77.system.js +0 -1
  424. package/dist/ripple/p-48e09589.entry.js +0 -1
  425. package/dist/ripple/p-4f8fe1d1.system.js +0 -1
  426. package/dist/ripple/p-50ea2036.system.js +0 -1
  427. package/dist/ripple/p-522ecb7d.system.entry.js +0 -1
  428. package/dist/ripple/p-54d6f0f9.entry.js +0 -1
  429. package/dist/ripple/p-568c595f.js +0 -2
  430. package/dist/ripple/p-56aeee6e.system.entry.js +0 -1
  431. package/dist/ripple/p-5e6a4f70.system.js +0 -1
  432. package/dist/ripple/p-5f082360.system.entry.js +0 -1
  433. package/dist/ripple/p-5f5fe905.js +0 -1
  434. package/dist/ripple/p-617c2c75.entry.js +0 -1
  435. package/dist/ripple/p-6524c53e.system.entry.js +0 -1
  436. package/dist/ripple/p-65d26233.system.entry.js +0 -1
  437. package/dist/ripple/p-6834a6d3.entry.js +0 -1
  438. package/dist/ripple/p-68e04222.entry.js +0 -1
  439. package/dist/ripple/p-68fddfaa.system.entry.js +0 -1
  440. package/dist/ripple/p-694903e6.system.entry.js +0 -1
  441. package/dist/ripple/p-73ca2f26.system.js +0 -1
  442. package/dist/ripple/p-7b6a65f8.system.entry.js +0 -1
  443. package/dist/ripple/p-7b7e1eb5.system.entry.js +0 -1
  444. package/dist/ripple/p-88ebddd7.entry.js +0 -1
  445. package/dist/ripple/p-8c1d27a7.entry.js +0 -1
  446. package/dist/ripple/p-8e9c24f3.entry.js +0 -1
  447. package/dist/ripple/p-8f836507.system.entry.js +0 -1
  448. package/dist/ripple/p-94495341.entry.js +0 -1
  449. package/dist/ripple/p-958331bf.entry.js +0 -1
  450. package/dist/ripple/p-9872623b.entry.js +0 -1
  451. package/dist/ripple/p-9ab3c088.system.entry.js +0 -1
  452. package/dist/ripple/p-9aedd599.entry.js +0 -1
  453. package/dist/ripple/p-9b848151.entry.js +0 -1
  454. package/dist/ripple/p-a04ef164.system.entry.js +0 -1
  455. package/dist/ripple/p-a78bb423.system.entry.js +0 -1
  456. package/dist/ripple/p-a880d9a0.system.entry.js +0 -1
  457. package/dist/ripple/p-ab8d78cc.system.js +0 -2
  458. package/dist/ripple/p-adc254e6.entry.js +0 -1
  459. package/dist/ripple/p-b165d61a.entry.js +0 -1
  460. package/dist/ripple/p-b39377c7.entry.js +0 -1
  461. package/dist/ripple/p-b9bca547.entry.js +0 -1
  462. package/dist/ripple/p-bae2c236.entry.js +0 -1
  463. package/dist/ripple/p-c53f3704.system.entry.js +0 -1
  464. package/dist/ripple/p-c56ff16f.entry.js +0 -1
  465. package/dist/ripple/p-c8cf09a2.system.entry.js +0 -1
  466. package/dist/ripple/p-cbdceb6e.entry.js +0 -1
  467. package/dist/ripple/p-cc813406.system.js +0 -1
  468. package/dist/ripple/p-d20a0f0c.system.entry.js +0 -1
  469. package/dist/ripple/p-d6111226.entry.js +0 -1
  470. package/dist/ripple/p-da68c87c.entry.js +0 -1
  471. package/dist/ripple/p-ddef82fa.system.entry.js +0 -1
  472. package/dist/ripple/p-dee6d5a3.entry.js +0 -1
  473. package/dist/ripple/p-e55d5371.entry.js +0 -1
  474. package/dist/ripple/p-e8c22f01.system.entry.js +0 -1
  475. package/dist/ripple/p-f555831b.entry.js +0 -1
  476. package/dist/ripple/p-f5c40e9e.system.entry.js +0 -1
  477. package/dist/ripple/p-fa09191b.system.entry.js +0 -1
  478. package/dist/ripple/p-fdfca58b.entry.js +0 -1
  479. package/dist/ripple/ripple.css +0 -1
  480. package/dist/ripple/ripple.esm.js +0 -1
  481. package/dist/ripple/ripple.js +0 -127
  482. /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