@watermarkinsights/ripple 5.12.0 → 5.13.0-alpha.10

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 (490) hide show
  1. package/LICENSE +21 -0
  2. package/README.md +1 -1
  3. package/dist/components/index.d.ts +33 -0
  4. package/dist/components/priv-calendar.d.ts +11 -0
  5. package/dist/components/priv-chart-popover.d.ts +11 -0
  6. package/dist/components/priv-navigator-button.d.ts +11 -0
  7. package/dist/components/priv-navigator-item.d.ts +11 -0
  8. package/dist/components/priv-option-list.d.ts +11 -0
  9. package/dist/components/wm-action-menu.d.ts +11 -0
  10. package/dist/components/wm-button.d.ts +11 -0
  11. package/dist/components/wm-chart-slice.d.ts +11 -0
  12. package/dist/components/wm-chart.d.ts +11 -0
  13. package/dist/components/wm-date-range.d.ts +11 -0
  14. package/dist/components/wm-datepicker.d.ts +11 -0
  15. package/dist/components/wm-file-list.d.ts +11 -0
  16. package/dist/components/wm-file.d.ts +11 -0
  17. package/dist/components/wm-flyout.d.ts +11 -0
  18. package/dist/components/wm-input.d.ts +11 -0
  19. package/dist/components/wm-line-chart.d.ts +11 -0
  20. package/dist/components/wm-menuitem.d.ts +11 -0
  21. package/dist/components/wm-modal-footer.d.ts +11 -0
  22. package/dist/components/wm-modal-header.d.ts +11 -0
  23. package/dist/components/wm-modal-pss-footer.d.ts +11 -0
  24. package/dist/components/wm-modal-pss-header.d.ts +11 -0
  25. package/dist/components/wm-modal-pss.d.ts +11 -0
  26. package/dist/components/wm-modal.d.ts +11 -0
  27. package/dist/components/wm-navigation-hamburger.d.ts +11 -0
  28. package/dist/components/wm-navigation-item.d.ts +11 -0
  29. package/dist/components/wm-navigation.d.ts +11 -0
  30. package/dist/components/wm-navigator.d.ts +11 -0
  31. package/dist/components/wm-nested-select.d.ts +11 -0
  32. package/dist/components/wm-optgroup.d.ts +11 -0
  33. package/dist/components/wm-option.d.ts +11 -0
  34. package/dist/components/wm-pagination.d.ts +11 -0
  35. package/dist/components/wm-progress-indicator.d.ts +11 -0
  36. package/dist/components/wm-progress-monitor.d.ts +11 -0
  37. package/dist/components/wm-progress-slice.d.ts +11 -0
  38. package/dist/components/wm-search.d.ts +11 -0
  39. package/dist/components/wm-select.d.ts +11 -0
  40. package/dist/components/wm-snackbar.d.ts +11 -0
  41. package/dist/components/wm-tab-item.d.ts +11 -0
  42. package/dist/components/wm-tab-list.d.ts +11 -0
  43. package/dist/components/wm-tab-panel.d.ts +11 -0
  44. package/dist/components/wm-tag-input.d.ts +11 -0
  45. package/dist/components/wm-tag-option.d.ts +11 -0
  46. package/dist/components/wm-textarea.d.ts +11 -0
  47. package/dist/components/wm-timepicker.d.ts +11 -0
  48. package/dist/components/wm-toggletip.d.ts +11 -0
  49. package/dist/components/wm-uploader.d.ts +11 -0
  50. package/dist/components/wm-wrapper.d.ts +11 -0
  51. package/dist/{collection/global/global.js → ripple/app-globals-B7cOtGhY.js} +84 -2
  52. package/dist/{esm/chartFunctions-9099c7e9.js → ripple/chartFunctions-1XZcmyix.js} +4 -4
  53. package/dist/ripple/functions-DVLl0rH_.js +18108 -0
  54. package/dist/ripple/index-CU5QNCKv.js +4167 -0
  55. package/dist/ripple/index.esm.js +1 -0
  56. package/dist/{collection/global/interfaces.js → ripple/interfaces-CrANcZM9.js} +6 -4
  57. package/dist/{esm/intl-a6f16883.js → ripple/intl-7p27BJSM.js} +1 -1
  58. package/dist/ripple/priv-calendar.entry.js +566 -0
  59. package/dist/ripple/{p-28119645.system.entry.js → priv-chart-popover.entry.js} +134 -1
  60. package/dist/ripple/priv-navigator-button.entry.js +24 -0
  61. package/dist/ripple/{p-958331bf.entry.js → priv-navigator-item.entry.js} +30 -1
  62. package/dist/ripple/{p-363b534b.entry.js → priv-option-list.entry.js} +385 -1
  63. package/dist/ripple/ripple.css +809 -1
  64. package/dist/ripple/ripple.esm.js +48 -1
  65. package/dist/ripple/wm-action-menu.entry.js +201 -0
  66. package/dist/ripple/wm-button.entry.js +197 -0
  67. package/dist/{esm → ripple}/wm-chart-slice.entry.js +1 -6
  68. package/dist/ripple/{p-a78bb423.system.entry.js → wm-chart.entry.js} +157 -1
  69. package/dist/ripple/wm-date-range.entry.js +477 -0
  70. package/dist/ripple/wm-datepicker.entry.js +247 -0
  71. package/dist/ripple/wm-file-list.entry.js +18 -0
  72. package/dist/ripple/{p-1a71d867.system.entry.js → wm-file.entry.js} +182 -1
  73. package/dist/ripple/{p-56aeee6e.system.entry.js → wm-flyout.entry.js} +159 -1
  74. package/dist/ripple/wm-input.entry.js +111 -0
  75. package/dist/{esm/wm-chart.entry.js → ripple/wm-line-chart.entry.js} +402 -111
  76. package/dist/{esm/priv-chart-popover.entry.js → ripple/wm-menuitem.entry.js} +98 -108
  77. package/dist/{cjs/priv-navigator-button.cjs.entry.js → ripple/wm-modal-footer.entry.js} +35 -19
  78. package/dist/{esm/priv-navigator-button.entry.js → ripple/wm-modal-header.entry.js} +25 -13
  79. package/dist/ripple/wm-modal-pss-footer.entry.js +40 -0
  80. package/dist/ripple/wm-modal-pss-header.entry.js +39 -0
  81. package/dist/ripple/wm-modal-pss.entry.js +135 -0
  82. package/dist/ripple/wm-modal.entry.js +133 -0
  83. package/dist/ripple/wm-navigation-hamburger.entry.js +48 -0
  84. package/dist/ripple/wm-navigation-item.entry.js +18 -0
  85. package/dist/ripple/{p-b9bca547.entry.js → wm-navigation.entry.js} +116 -1
  86. package/dist/{cjs/priv-navigator-item.cjs.entry.js → ripple/wm-navigator.entry.js} +357 -23
  87. package/dist/ripple/{p-a04ef164.system.entry.js → wm-nested-select.entry.js} +308 -1
  88. package/dist/{cjs/priv-chart-popover.cjs.entry.js → ripple/wm-optgroup.entry.js} +48 -119
  89. package/dist/{esm/priv-option-list.entry.js → ripple/wm-option.entry.js} +129 -346
  90. package/dist/ripple/{p-05ae54d7.entry.js → wm-pagination.entry.js} +223 -1
  91. package/dist/ripple/wm-progress-indicator.entry.js +107 -0
  92. package/dist/{esm-es5/priv-navigator-item.entry.js → ripple/wm-progress-monitor.entry.js} +71 -1
  93. package/dist/ripple/wm-progress-slice.entry.js +13 -0
  94. package/dist/{cjs/priv-option-list.cjs.entry.js → ripple/wm-search.entry.js} +180 -364
  95. package/dist/{esm/wm-nested-select.entry.js → ripple/wm-select.entry.js} +137 -198
  96. package/dist/ripple/wm-snackbar.entry.js +178 -0
  97. package/dist/{esm-es5/wm-file-list.entry.js → ripple/wm-tab-item.entry.js} +63 -1
  98. package/dist/ripple/wm-tab-list.entry.js +175 -0
  99. package/dist/ripple/wm-tab-panel.entry.js +32 -0
  100. package/dist/ripple/wm-tag-input.entry.js +877 -0
  101. package/dist/{esm → ripple}/wm-tag-option.entry.js +2 -6
  102. package/dist/ripple/wm-textarea.entry.js +79 -0
  103. package/dist/ripple/wm-timepicker.entry.js +300 -0
  104. package/dist/{esm/priv-navigator-item.entry.js → ripple/wm-toggletip.entry.js} +164 -18
  105. package/dist/ripple/wm-uploader.entry.js +313 -0
  106. package/dist/{esm → ripple}/wm-wrapper.entry.js +1 -1
  107. package/dist/types/components/wm-flyout/wm-flyout.d.ts +45 -0
  108. package/dist/types/components.d.ts +56 -0
  109. package/dist/types/global/functions.d.ts +1 -0
  110. package/dist/types/stencil-public-runtime.d.ts +31 -10
  111. package/package.json +32 -12
  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/ripple.cjs.js +0 -24
  122. package/dist/cjs/wm-action-menu_2.cjs.entry.js +0 -333
  123. package/dist/cjs/wm-button.cjs.entry.js +0 -206
  124. package/dist/cjs/wm-chart-slice.cjs.entry.js +0 -27
  125. package/dist/cjs/wm-chart.cjs.entry.js +0 -162
  126. package/dist/cjs/wm-date-range.cjs.entry.js +0 -483
  127. package/dist/cjs/wm-datepicker.cjs.entry.js +0 -253
  128. package/dist/cjs/wm-file-list.cjs.entry.js +0 -22
  129. package/dist/cjs/wm-file.cjs.entry.js +0 -193
  130. package/dist/cjs/wm-input.cjs.entry.js +0 -124
  131. package/dist/cjs/wm-line-chart.cjs.entry.js +0 -460
  132. package/dist/cjs/wm-modal-pss_3.cjs.entry.js +0 -214
  133. package/dist/cjs/wm-modal_3.cjs.entry.js +0 -212
  134. package/dist/cjs/wm-navigation_3.cjs.entry.js +0 -185
  135. package/dist/cjs/wm-navigator.cjs.entry.js +0 -326
  136. package/dist/cjs/wm-nested-select.cjs.entry.js +0 -314
  137. package/dist/cjs/wm-optgroup.cjs.entry.js +0 -73
  138. package/dist/cjs/wm-option_2.cjs.entry.js +0 -425
  139. package/dist/cjs/wm-pagination.cjs.entry.js +0 -227
  140. package/dist/cjs/wm-progress-indicator_3.cjs.entry.js +0 -202
  141. package/dist/cjs/wm-search.cjs.entry.js +0 -193
  142. package/dist/cjs/wm-snackbar.cjs.entry.js +0 -181
  143. package/dist/cjs/wm-tab-item_3.cjs.entry.js +0 -260
  144. package/dist/cjs/wm-tag-input.cjs.entry.js +0 -891
  145. package/dist/cjs/wm-tag-option.cjs.entry.js +0 -43
  146. package/dist/cjs/wm-textarea.cjs.entry.js +0 -87
  147. package/dist/cjs/wm-timepicker.cjs.entry.js +0 -306
  148. package/dist/cjs/wm-toggletip.cjs.entry.js +0 -182
  149. package/dist/cjs/wm-uploader.cjs.entry.js +0 -324
  150. package/dist/cjs/wm-wrapper.cjs.entry.js +0 -21
  151. package/dist/collection/collection-manifest.json +0 -191
  152. package/dist/collection/components/charts/chartFunctions.js +0 -665
  153. package/dist/collection/components/charts/chartFunctions.spec.js +0 -16
  154. package/dist/collection/components/charts/priv-chart-popover/priv-chart-popover.css +0 -908
  155. package/dist/collection/components/charts/priv-chart-popover/priv-chart-popover.e2e.js +0 -81
  156. package/dist/collection/components/charts/priv-chart-popover/priv-chart-popover.js +0 -257
  157. package/dist/collection/components/charts/screenshots.e2e.js +0 -96
  158. package/dist/collection/components/charts/wm-chart/wm-chart-slice.js +0 -125
  159. package/dist/collection/components/charts/wm-chart/wm-chart.css +0 -1274
  160. package/dist/collection/components/charts/wm-chart/wm-chart.e2e.js +0 -213
  161. package/dist/collection/components/charts/wm-chart/wm-chart.js +0 -422
  162. package/dist/collection/components/charts/wm-chart/wm-chart.spec.js +0 -37
  163. package/dist/collection/components/charts/wm-line-chart/wm-line-chart.css +0 -1067
  164. package/dist/collection/components/charts/wm-line-chart/wm-line-chart.e2e.js +0 -176
  165. package/dist/collection/components/charts/wm-line-chart/wm-line-chart.js +0 -723
  166. package/dist/collection/components/charts/wm-line-chart/wm-line-chart.spec.js +0 -163
  167. package/dist/collection/components/charts/wm-progress-monitor/wm-progress-indicator.css +0 -1274
  168. package/dist/collection/components/charts/wm-progress-monitor/wm-progress-indicator.js +0 -264
  169. package/dist/collection/components/charts/wm-progress-monitor/wm-progress-monitor.css +0 -909
  170. package/dist/collection/components/charts/wm-progress-monitor/wm-progress-monitor.e2e.js +0 -69
  171. package/dist/collection/components/charts/wm-progress-monitor/wm-progress-monitor.js +0 -151
  172. package/dist/collection/components/charts/wm-progress-monitor/wm-progress-monitor.spec.js +0 -79
  173. package/dist/collection/components/charts/wm-progress-monitor/wm-progress-slice.js +0 -121
  174. package/dist/collection/components/datepickers/datepicker.css +0 -1043
  175. package/dist/collection/components/datepickers/priv-calendar/priv-calendar.css +0 -1279
  176. package/dist/collection/components/datepickers/priv-calendar/priv-calendar.js +0 -840
  177. package/dist/collection/components/datepickers/priv-calendar/priv-calendar.spec.js +0 -89
  178. package/dist/collection/components/datepickers/wm-date-range.e2e.js +0 -443
  179. package/dist/collection/components/datepickers/wm-date-range.js +0 -845
  180. package/dist/collection/components/datepickers/wm-date-range.spec.js +0 -22
  181. package/dist/collection/components/datepickers/wm-datepicker.e2e.js +0 -382
  182. package/dist/collection/components/datepickers/wm-datepicker.js +0 -520
  183. package/dist/collection/components/datepickers/wm-datepicker.spec.js +0 -21
  184. package/dist/collection/components/selects/priv-option-list/priv-option-list.css +0 -918
  185. package/dist/collection/components/selects/priv-option-list/priv-option-list.js +0 -778
  186. package/dist/collection/components/selects/wm-nested-select/wm-nested-select.css +0 -1181
  187. package/dist/collection/components/selects/wm-nested-select/wm-nested-select.js +0 -620
  188. package/dist/collection/components/selects/wm-optgroup/wm-optgroup.css +0 -830
  189. package/dist/collection/components/selects/wm-optgroup/wm-optgroup.js +0 -258
  190. package/dist/collection/components/selects/wm-option/wm-option.css +0 -931
  191. package/dist/collection/components/selects/wm-option/wm-option.e2e.js +0 -22
  192. package/dist/collection/components/selects/wm-option/wm-option.js +0 -530
  193. package/dist/collection/components/selects/wm-option/wm-option.spec.js +0 -63
  194. package/dist/collection/components/selects/wm-select/wm-select.css +0 -1104
  195. package/dist/collection/components/selects/wm-select/wm-select.e2e.js +0 -521
  196. package/dist/collection/components/selects/wm-select/wm-select.js +0 -584
  197. package/dist/collection/components/selects/wm-select/wm-select.spec.js +0 -271
  198. package/dist/collection/components/wm-action-menu/wm-action-menu.css +0 -891
  199. package/dist/collection/components/wm-action-menu/wm-action-menu.e2e.js +0 -200
  200. package/dist/collection/components/wm-action-menu/wm-action-menu.js +0 -435
  201. package/dist/collection/components/wm-action-menu/wm-action-menu.spec.js +0 -48
  202. package/dist/collection/components/wm-button/wm-button.css +0 -1261
  203. package/dist/collection/components/wm-button/wm-button.e2e.js +0 -55
  204. package/dist/collection/components/wm-button/wm-button.js +0 -489
  205. package/dist/collection/components/wm-button/wm-button.spec.js +0 -74
  206. package/dist/collection/components/wm-file/wm-file.css +0 -927
  207. package/dist/collection/components/wm-file/wm-file.js +0 -412
  208. package/dist/collection/components/wm-file/wm-file.spec.js +0 -194
  209. package/dist/collection/components/wm-file-list/wm-file-list.css +0 -820
  210. package/dist/collection/components/wm-file-list/wm-file-list.js +0 -45
  211. package/dist/collection/components/wm-file-list/wm-file-list.spec.js +0 -69
  212. package/dist/collection/components/wm-input/wm-input.css +0 -992
  213. package/dist/collection/components/wm-input/wm-input.e2e.js +0 -32
  214. package/dist/collection/components/wm-input/wm-input.js +0 -471
  215. package/dist/collection/components/wm-input/wm-input.spec.js +0 -173
  216. package/dist/collection/components/wm-menuitem/wm-menuitem.css +0 -891
  217. package/dist/collection/components/wm-menuitem/wm-menuitem.e2e.js +0 -23
  218. package/dist/collection/components/wm-menuitem/wm-menuitem.js +0 -419
  219. package/dist/collection/components/wm-menuitem/wm-menuitem.spec.js +0 -54
  220. package/dist/collection/components/wm-modal/wm-modal-footer.css +0 -845
  221. package/dist/collection/components/wm-modal/wm-modal-footer.js +0 -141
  222. package/dist/collection/components/wm-modal/wm-modal-footer.spec.js +0 -11
  223. package/dist/collection/components/wm-modal/wm-modal-header.css +0 -844
  224. package/dist/collection/components/wm-modal/wm-modal-header.js +0 -78
  225. package/dist/collection/components/wm-modal/wm-modal-header.spec.js +0 -8
  226. package/dist/collection/components/wm-modal/wm-modal.css +0 -891
  227. package/dist/collection/components/wm-modal/wm-modal.e2e.js +0 -104
  228. package/dist/collection/components/wm-modal/wm-modal.js +0 -350
  229. package/dist/collection/components/wm-modal/wm-modal.spec.js +0 -30
  230. package/dist/collection/components/wm-modal-pss/wm-modal-pss-footer.css +0 -852
  231. package/dist/collection/components/wm-modal-pss/wm-modal-pss-footer.js +0 -138
  232. package/dist/collection/components/wm-modal-pss/wm-modal-pss-header.css +0 -846
  233. package/dist/collection/components/wm-modal-pss/wm-modal-pss-header.js +0 -82
  234. package/dist/collection/components/wm-modal-pss/wm-modal-pss.css +0 -927
  235. package/dist/collection/components/wm-modal-pss/wm-modal-pss.js +0 -362
  236. package/dist/collection/components/wm-navigation/wm-navigation-hamburger.css +0 -847
  237. package/dist/collection/components/wm-navigation/wm-navigation-hamburger.js +0 -119
  238. package/dist/collection/components/wm-navigation/wm-navigation-item.css +0 -856
  239. package/dist/collection/components/wm-navigation/wm-navigation-item.js +0 -98
  240. package/dist/collection/components/wm-navigation/wm-navigation.css +0 -898
  241. package/dist/collection/components/wm-navigation/wm-navigation.e2e.js +0 -102
  242. package/dist/collection/components/wm-navigation/wm-navigation.js +0 -190
  243. package/dist/collection/components/wm-navigation/wm-navigation.spec.js +0 -91
  244. package/dist/collection/components/wm-navigator/priv-navigator-button/priv-navigator-button.css +0 -849
  245. package/dist/collection/components/wm-navigator/priv-navigator-button/priv-navigator-button.e2e.js +0 -50
  246. package/dist/collection/components/wm-navigator/priv-navigator-button/priv-navigator-button.js +0 -86
  247. package/dist/collection/components/wm-navigator/priv-navigator-item/priv-navigator-item.css +0 -830
  248. package/dist/collection/components/wm-navigator/priv-navigator-item/priv-navigator-item.js +0 -124
  249. package/dist/collection/components/wm-navigator/wm-navigator.css +0 -903
  250. package/dist/collection/components/wm-navigator/wm-navigator.e2e.js +0 -209
  251. package/dist/collection/components/wm-navigator/wm-navigator.js +0 -496
  252. package/dist/collection/components/wm-navigator/wm-navigator.spec.js +0 -177
  253. package/dist/collection/components/wm-pagination/wm-pagination.css +0 -971
  254. package/dist/collection/components/wm-pagination/wm-pagination.e2e.js +0 -312
  255. package/dist/collection/components/wm-pagination/wm-pagination.js +0 -363
  256. package/dist/collection/components/wm-search/wm-search.css +0 -895
  257. package/dist/collection/components/wm-search/wm-search.e2e.js +0 -76
  258. package/dist/collection/components/wm-search/wm-search.js +0 -426
  259. package/dist/collection/components/wm-search/wm-search.spec.js +0 -71
  260. package/dist/collection/components/wm-snackbar/wm-snackbar.css +0 -1077
  261. package/dist/collection/components/wm-snackbar/wm-snackbar.e2e.js +0 -112
  262. package/dist/collection/components/wm-snackbar/wm-snackbar.js +0 -269
  263. package/dist/collection/components/wm-snackbar/wm-snackbar.spec.js +0 -9
  264. package/dist/collection/components/wm-tabs/wm-tab-item/wm-tab-item.css +0 -868
  265. package/dist/collection/components/wm-tabs/wm-tab-item/wm-tab-item.js +0 -175
  266. package/dist/collection/components/wm-tabs/wm-tab-list/wm-tab-list.css +0 -840
  267. package/dist/collection/components/wm-tabs/wm-tab-list/wm-tab-list.js +0 -273
  268. package/dist/collection/components/wm-tabs/wm-tab-panel/wm-tab-panel.css +0 -825
  269. package/dist/collection/components/wm-tabs/wm-tab-panel/wm-tab-panel.js +0 -87
  270. package/dist/collection/components/wm-tabs/wm-tabs.e2e.js +0 -91
  271. package/dist/collection/components/wm-tabs/wm-tabs.spec.js +0 -12
  272. package/dist/collection/components/wm-tag-input/wm-tag-input.css +0 -1275
  273. package/dist/collection/components/wm-tag-input/wm-tag-input.e2e.js +0 -204
  274. package/dist/collection/components/wm-tag-input/wm-tag-input.js +0 -1227
  275. package/dist/collection/components/wm-tag-input/wm-tag-input.spec.js +0 -195
  276. package/dist/collection/components/wm-tag-input/wm-tag-option/wm-tag-option.js +0 -243
  277. package/dist/collection/components/wm-textarea/wm-textarea.css +0 -979
  278. package/dist/collection/components/wm-textarea/wm-textarea.e2e.js +0 -41
  279. package/dist/collection/components/wm-textarea/wm-textarea.js +0 -313
  280. package/dist/collection/components/wm-textarea/wm-textarea.spec.js +0 -79
  281. package/dist/collection/components/wm-timepicker/wm-timepicker.css +0 -1093
  282. package/dist/collection/components/wm-timepicker/wm-timepicker.e2e.js +0 -163
  283. package/dist/collection/components/wm-timepicker/wm-timepicker.js +0 -544
  284. package/dist/collection/components/wm-timepicker/wm-timepicker.spec.js +0 -147
  285. package/dist/collection/components/wm-toggletip/wm-toggletip.css +0 -1152
  286. package/dist/collection/components/wm-toggletip/wm-toggletip.e2e.js +0 -69
  287. package/dist/collection/components/wm-toggletip/wm-toggletip.js +0 -289
  288. package/dist/collection/components/wm-toggletip/wm-toggletip.spec.js +0 -21
  289. package/dist/collection/components/wm-uploader/wm-uploader.css +0 -1563
  290. package/dist/collection/components/wm-uploader/wm-uploader.e2e.js +0 -70
  291. package/dist/collection/components/wm-uploader/wm-uploader.js +0 -603
  292. package/dist/collection/components/wm-uploader/wm-uploader.spec.js +0 -234
  293. package/dist/collection/components/wm-wrapper/wm-wrapper.js +0 -28
  294. package/dist/collection/dev/action-menu.js +0 -0
  295. package/dist/collection/dev/button.js +0 -0
  296. package/dist/collection/dev/chart-small.js +0 -56
  297. package/dist/collection/dev/chart.js +0 -18
  298. package/dist/collection/dev/date-range.js +0 -6
  299. package/dist/collection/dev/datepicker.js +0 -46
  300. package/dist/collection/dev/file-list.js +0 -16
  301. package/dist/collection/dev/file.js +0 -0
  302. package/dist/collection/dev/input.js +0 -6
  303. package/dist/collection/dev/line-chart.js +0 -0
  304. package/dist/collection/dev/modal.js +0 -48
  305. package/dist/collection/dev/navigation.js +0 -13
  306. package/dist/collection/dev/navigator.js +0 -34
  307. package/dist/collection/dev/nested-select.js +0 -36
  308. package/dist/collection/dev/pagination.js +0 -7
  309. package/dist/collection/dev/progress-monitor.js +0 -0
  310. package/dist/collection/dev/pss-modal.js +0 -8
  311. package/dist/collection/dev/scripts.js +0 -49
  312. package/dist/collection/dev/search.js +0 -72
  313. package/dist/collection/dev/select.js +0 -57
  314. package/dist/collection/dev/snackbar.js +0 -54
  315. package/dist/collection/dev/tabs.js +0 -44
  316. package/dist/collection/dev/tag-input.js +0 -32
  317. package/dist/collection/dev/textarea.js +0 -28
  318. package/dist/collection/dev/timepicker.js +0 -32
  319. package/dist/collection/dev/toggletip.js +0 -9
  320. package/dist/collection/dev/uploader.js +0 -139
  321. package/dist/collection/global/__mocks__/functions.js +0 -6
  322. package/dist/collection/global/functions.js +0 -825
  323. package/dist/collection/global/functions.spec.js +0 -126
  324. package/dist/collection/global/intl.js +0 -274
  325. package/dist/collection/global/services/__mocks__/http-service.js +0 -130
  326. package/dist/collection/global/services/http-service.js +0 -50
  327. package/dist/collection/lang/lang.js +0 -5
  328. package/dist/collection/lang/lang.spec.js +0 -20
  329. package/dist/collection/lang/missing.js +0 -43
  330. package/dist/collection/lang/piglatin.js +0 -101
  331. package/dist/esm/functions-00e1916b.js +0 -9639
  332. package/dist/esm/global-c76064cb.js +0 -83
  333. package/dist/esm/index-558b5a82.js +0 -2618
  334. package/dist/esm/index.js +0 -1
  335. package/dist/esm/interfaces-cc5b177f.js +0 -34
  336. package/dist/esm/loader.js +0 -10
  337. package/dist/esm/polyfills/core-js.js +0 -11
  338. package/dist/esm/polyfills/dom.js +0 -79
  339. package/dist/esm/polyfills/es5-html-element.js +0 -1
  340. package/dist/esm/polyfills/index.js +0 -34
  341. package/dist/esm/polyfills/system.js +0 -6
  342. package/dist/esm/priv-calendar.entry.js +0 -569
  343. package/dist/esm/ripple.js +0 -19
  344. package/dist/esm/wm-action-menu_2.entry.js +0 -328
  345. package/dist/esm/wm-button.entry.js +0 -202
  346. package/dist/esm/wm-date-range.entry.js +0 -479
  347. package/dist/esm/wm-datepicker.entry.js +0 -249
  348. package/dist/esm/wm-file-list.entry.js +0 -18
  349. package/dist/esm/wm-file.entry.js +0 -189
  350. package/dist/esm/wm-input.entry.js +0 -120
  351. package/dist/esm/wm-line-chart.entry.js +0 -456
  352. package/dist/esm/wm-modal-pss_3.entry.js +0 -208
  353. package/dist/esm/wm-modal_3.entry.js +0 -206
  354. package/dist/esm/wm-navigation_3.entry.js +0 -179
  355. package/dist/esm/wm-navigator.entry.js +0 -322
  356. package/dist/esm/wm-optgroup.entry.js +0 -69
  357. package/dist/esm/wm-option_2.entry.js +0 -420
  358. package/dist/esm/wm-pagination.entry.js +0 -223
  359. package/dist/esm/wm-progress-indicator_3.entry.js +0 -196
  360. package/dist/esm/wm-search.entry.js +0 -189
  361. package/dist/esm/wm-snackbar.entry.js +0 -177
  362. package/dist/esm/wm-tab-item_3.entry.js +0 -254
  363. package/dist/esm/wm-tag-input.entry.js +0 -887
  364. package/dist/esm/wm-textarea.entry.js +0 -83
  365. package/dist/esm/wm-timepicker.entry.js +0 -302
  366. package/dist/esm/wm-toggletip.entry.js +0 -178
  367. package/dist/esm/wm-uploader.entry.js +0 -320
  368. package/dist/esm-es5/chartFunctions-9099c7e9.js +0 -1
  369. package/dist/esm-es5/functions-00e1916b.js +0 -1
  370. package/dist/esm-es5/global-c76064cb.js +0 -1
  371. package/dist/esm-es5/index-558b5a82.js +0 -1
  372. package/dist/esm-es5/index.js +0 -0
  373. package/dist/esm-es5/interfaces-cc5b177f.js +0 -1
  374. package/dist/esm-es5/intl-a6f16883.js +0 -1
  375. package/dist/esm-es5/loader.js +0 -1
  376. package/dist/esm-es5/priv-calendar.entry.js +0 -1
  377. package/dist/esm-es5/priv-chart-popover.entry.js +0 -1
  378. package/dist/esm-es5/priv-navigator-button.entry.js +0 -1
  379. package/dist/esm-es5/priv-option-list.entry.js +0 -1
  380. package/dist/esm-es5/ripple.js +0 -1
  381. package/dist/esm-es5/wm-action-menu_2.entry.js +0 -1
  382. package/dist/esm-es5/wm-button.entry.js +0 -1
  383. package/dist/esm-es5/wm-chart-slice.entry.js +0 -1
  384. package/dist/esm-es5/wm-chart.entry.js +0 -1
  385. package/dist/esm-es5/wm-date-range.entry.js +0 -1
  386. package/dist/esm-es5/wm-datepicker.entry.js +0 -1
  387. package/dist/esm-es5/wm-file.entry.js +0 -1
  388. package/dist/esm-es5/wm-input.entry.js +0 -1
  389. package/dist/esm-es5/wm-line-chart.entry.js +0 -1
  390. package/dist/esm-es5/wm-modal-pss_3.entry.js +0 -1
  391. package/dist/esm-es5/wm-modal_3.entry.js +0 -1
  392. package/dist/esm-es5/wm-navigation_3.entry.js +0 -1
  393. package/dist/esm-es5/wm-navigator.entry.js +0 -1
  394. package/dist/esm-es5/wm-nested-select.entry.js +0 -1
  395. package/dist/esm-es5/wm-optgroup.entry.js +0 -1
  396. package/dist/esm-es5/wm-option_2.entry.js +0 -1
  397. package/dist/esm-es5/wm-pagination.entry.js +0 -1
  398. package/dist/esm-es5/wm-progress-indicator_3.entry.js +0 -1
  399. package/dist/esm-es5/wm-search.entry.js +0 -1
  400. package/dist/esm-es5/wm-snackbar.entry.js +0 -1
  401. package/dist/esm-es5/wm-tab-item_3.entry.js +0 -1
  402. package/dist/esm-es5/wm-tag-input.entry.js +0 -1
  403. package/dist/esm-es5/wm-tag-option.entry.js +0 -1
  404. package/dist/esm-es5/wm-textarea.entry.js +0 -1
  405. package/dist/esm-es5/wm-timepicker.entry.js +0 -1
  406. package/dist/esm-es5/wm-toggletip.entry.js +0 -1
  407. package/dist/esm-es5/wm-uploader.entry.js +0 -1
  408. package/dist/esm-es5/wm-wrapper.entry.js +0 -1
  409. package/dist/index.cjs.js +0 -1
  410. package/dist/index.js +0 -1
  411. package/dist/loader/cdn.js +0 -3
  412. package/dist/loader/index.cjs.js +0 -3
  413. package/dist/loader/index.d.ts +0 -21
  414. package/dist/loader/index.es2017.js +0 -3
  415. package/dist/loader/index.js +0 -4
  416. package/dist/loader/package.json +0 -11
  417. package/dist/ripple/p-0d89d63c.system.entry.js +0 -1
  418. package/dist/ripple/p-118c47eb.system.entry.js +0 -1
  419. package/dist/ripple/p-1a4b6b02.system.entry.js +0 -1
  420. package/dist/ripple/p-1a4b7504.system.entry.js +0 -1
  421. package/dist/ripple/p-1a951dfb.entry.js +0 -1
  422. package/dist/ripple/p-1c8f550f.system.entry.js +0 -1
  423. package/dist/ripple/p-1f751b87.js +0 -1
  424. package/dist/ripple/p-1fac5bf9.js +0 -1
  425. package/dist/ripple/p-20a8f732.system.entry.js +0 -1
  426. package/dist/ripple/p-249b56fb.entry.js +0 -1
  427. package/dist/ripple/p-249d13a1.system.entry.js +0 -1
  428. package/dist/ripple/p-26906899.entry.js +0 -1
  429. package/dist/ripple/p-2732bddd.js +0 -1
  430. package/dist/ripple/p-2f37f3ee.system.js +0 -1
  431. package/dist/ripple/p-32bf3f5b.system.entry.js +0 -1
  432. package/dist/ripple/p-335c03d3.system.entry.js +0 -1
  433. package/dist/ripple/p-393e4636.js +0 -1
  434. package/dist/ripple/p-39f79d71.system.entry.js +0 -1
  435. package/dist/ripple/p-3a231f4b.system.entry.js +0 -1
  436. package/dist/ripple/p-3d4bb85f.entry.js +0 -1
  437. package/dist/ripple/p-4228de00.entry.js +0 -1
  438. package/dist/ripple/p-42fa7a77.system.js +0 -1
  439. package/dist/ripple/p-48e09589.entry.js +0 -1
  440. package/dist/ripple/p-4f8fe1d1.system.js +0 -1
  441. package/dist/ripple/p-50ea2036.system.js +0 -1
  442. package/dist/ripple/p-522ecb7d.system.entry.js +0 -1
  443. package/dist/ripple/p-54d6f0f9.entry.js +0 -1
  444. package/dist/ripple/p-568c595f.js +0 -2
  445. package/dist/ripple/p-5e6a4f70.system.js +0 -1
  446. package/dist/ripple/p-5f082360.system.entry.js +0 -1
  447. package/dist/ripple/p-5f5fe905.js +0 -1
  448. package/dist/ripple/p-617c2c75.entry.js +0 -1
  449. package/dist/ripple/p-6524c53e.system.entry.js +0 -1
  450. package/dist/ripple/p-65d26233.system.entry.js +0 -1
  451. package/dist/ripple/p-6834a6d3.entry.js +0 -1
  452. package/dist/ripple/p-68e04222.entry.js +0 -1
  453. package/dist/ripple/p-68fddfaa.system.entry.js +0 -1
  454. package/dist/ripple/p-694903e6.system.entry.js +0 -1
  455. package/dist/ripple/p-73ca2f26.system.js +0 -1
  456. package/dist/ripple/p-7b6a65f8.system.entry.js +0 -1
  457. package/dist/ripple/p-7b7e1eb5.system.entry.js +0 -1
  458. package/dist/ripple/p-88ebddd7.entry.js +0 -1
  459. package/dist/ripple/p-8c1d27a7.entry.js +0 -1
  460. package/dist/ripple/p-8e9c24f3.entry.js +0 -1
  461. package/dist/ripple/p-8f836507.system.entry.js +0 -1
  462. package/dist/ripple/p-94495341.entry.js +0 -1
  463. package/dist/ripple/p-9872623b.entry.js +0 -1
  464. package/dist/ripple/p-9ab3c088.system.entry.js +0 -1
  465. package/dist/ripple/p-9aedd599.entry.js +0 -1
  466. package/dist/ripple/p-9b848151.entry.js +0 -1
  467. package/dist/ripple/p-a880d9a0.system.entry.js +0 -1
  468. package/dist/ripple/p-ab8d78cc.system.js +0 -2
  469. package/dist/ripple/p-adc254e6.entry.js +0 -1
  470. package/dist/ripple/p-b165d61a.entry.js +0 -1
  471. package/dist/ripple/p-b39377c7.entry.js +0 -1
  472. package/dist/ripple/p-bae2c236.entry.js +0 -1
  473. package/dist/ripple/p-c53f3704.system.entry.js +0 -1
  474. package/dist/ripple/p-c56ff16f.entry.js +0 -1
  475. package/dist/ripple/p-c8cf09a2.system.entry.js +0 -1
  476. package/dist/ripple/p-cbdceb6e.entry.js +0 -1
  477. package/dist/ripple/p-cc813406.system.js +0 -1
  478. package/dist/ripple/p-d20a0f0c.system.entry.js +0 -1
  479. package/dist/ripple/p-d6111226.entry.js +0 -1
  480. package/dist/ripple/p-da68c87c.entry.js +0 -1
  481. package/dist/ripple/p-ddef82fa.system.entry.js +0 -1
  482. package/dist/ripple/p-dee6d5a3.entry.js +0 -1
  483. package/dist/ripple/p-e55d5371.entry.js +0 -1
  484. package/dist/ripple/p-e8c22f01.system.entry.js +0 -1
  485. package/dist/ripple/p-f555831b.entry.js +0 -1
  486. package/dist/ripple/p-f5c40e9e.system.entry.js +0 -1
  487. package/dist/ripple/p-f9cade98.entry.js +0 -1
  488. package/dist/ripple/p-fa09191b.system.entry.js +0 -1
  489. package/dist/ripple/p-fdfca58b.entry.js +0 -1
  490. package/dist/ripple/ripple.js +0 -127
package/dist/collection/components/wm-action-menu/wm-action-menu.e2e.js DELETED
@@ -1,200 +0,0 @@
1
- import { newE2EPage } from "@stencil/core/testing";
2
- import { AxePuppeteer } from "@axe-core/puppeteer";
3
- describe("wm-action-menu", () => {
4
- let page;
5
- beforeEach(async () => {
6
- page = await newE2EPage();
7
- await page.setContent("<html lang='en'><head><title>Page</title></head><body><main><h1>Title</h1><wm-action-menu id='test' tooltip='menu name'><wm-menuitem id='first' onClick='action()'>First action</wm-menuitem><wm-menuitem id='second'>Second action</wm-menuitem><wm-menuitem id='third'>Third action</wm-menuitem></wm-action-menu><script>function action() {document.getElementById('first').innerHTML = 'Changed text'}</script></main></body></html>");
8
- });
9
- it("passes Axe checks", async () => {
10
- const results = await new AxePuppeteer(page).analyze();
11
- expect(results.violations.length).toBe(0);
12
- });
13
- //ATTRIBUTES;
14
- it("has the right WAI_ARIA roles, states and properties", async () => {
15
- const wmbtn = await page.find("wm-action-menu >>> wm-button");
16
- const menu = await page.find("wm-action-menu >>> #menu-test");
17
- const second = await page.find("#second");
18
- const third = await page.find("#third");
19
- await page.waitForChanges();
20
- // check aria-expanded attribute
21
- expect(wmbtn).toEqualAttribute("aria-expanded", "false");
22
- // If the element with the aria-expanded attribute controls the expansion of another grouping container that is not 'owned by' the element, the author SHOULD reference the container by using the aria-controls attribute.
23
- // src: https://www.w3.org/WAI/PF/aria/states_and_properties#aria-expanded
24
- expect(wmbtn).toEqualAttribute("aria-controls", "menu-test");
25
- // An element that contains or owns all the menu items has role menu.
26
- expect(menu).toEqualAttribute("role", "menu");
27
- expect(menu).toEqualAttribute("tabindex", "-1");
28
- // Each menuitem in the menu has role menuitem.
29
- expect(second).toEqualAttribute("role", "menuitem"); // just checking one randomly
30
- expect(third).toEqualAttribute("tabindex", "-1");
31
- });
32
- // Down Arrow: Moves focus to the first menuitem. If the dropdown is collapsed, it also expands the list.
33
- // Up Arrow: Moves focus to the last menuitem. If the dropdown is collapsed, it also expands the list.
34
- it("handles Up and Down Arrow keys", async () => {
35
- const wmbtn = await page.find("wm-action-menu >>> wm-button");
36
- expect(wmbtn.getAttribute("aria-expanded")).toEqual("false");
37
- await page.keyboard.press("Tab");
38
- await page.waitForChanges();
39
- await page.keyboard.press("ArrowDown");
40
- await page.waitForChanges();
41
- expect(wmbtn.getAttribute("aria-expanded")).toEqual("true");
42
- const first = await page.find("wm-menuitem#first >>> div");
43
- const second = await page.find("wm-menuitem#second >>> div");
44
- expect(first).toHaveClass("focus");
45
- await page.keyboard.press("ArrowDown");
46
- await page.waitForChanges();
47
- expect(second).toHaveClass("focus");
48
- await page.keyboard.press("ArrowUp");
49
- await page.waitForChanges();
50
- expect(first).toHaveClass("focus");
51
- await page.keyboard.press("Enter");
52
- await page.waitForChanges();
53
- await page.waitForTimeout(500); //allow closing animation and setTimeout to finish
54
- expect(wmbtn.getAttribute("aria-expanded")).toEqual("false");
55
- await page.keyboard.press("ArrowUp");
56
- await page.waitForChanges();
57
- // after the action runs the dropdown close and the dev should focus the relevant element.
58
- // in case they don't, focus will return to the body. The component checks that and brings focus
59
- // back to the button when that's the case.
60
- // Things seem to happen differently with headless chrome / puppeteer. Focus stays on the menuitem even after
61
- // it has become unable to have focus in normal browsers (after dropdown closes). Focus never gets to body.
62
- // So here we simply test that the active el is not the body
63
- const activeEl = await page.evaluate(() => document.activeElement.tagName);
64
- expect(activeEl).not.toEqual("BODY");
65
- expect(wmbtn.getAttribute("aria-expanded")).toEqual("true");
66
- await page.keyboard.press("ArrowUp");
67
- await page.waitForChanges();
68
- expect(second).toHaveClass("focus");
69
- });
70
- // Home: If the dropdown is displayed, moves focus to first menuitem.
71
- // End: If the dropdown is displayed, moves focus to last menuitem.
72
- it("handles Home and End keys", async () => {
73
- await page.keyboard.press("Tab");
74
- await page.keyboard.press("Enter");
75
- await page.waitForTimeout(40);
76
- await page.keyboard.press("ArrowDown");
77
- await page.keyboard.press("ArrowDown");
78
- await page.waitForChanges();
79
- const focusedEl = await page.find("wm-menuitem#third >>> div");
80
- expect(focusedEl).toHaveClass("focus");
81
- await page.keyboard.press("Home");
82
- await page.waitForChanges();
83
- const homefocusedEl = await page.find("wm-menuitem#first >>> div");
84
- expect(focusedEl).not.toHaveClass("focus");
85
- expect(homefocusedEl).toHaveClass("focus");
86
- await page.keyboard.press("End");
87
- await page.waitForChanges();
88
- const endfocusedEl = await page.find("wm-menuitem#third >>> div");
89
- expect(endfocusedEl).toHaveClass("focus");
90
- });
91
- // - Type a character: focus moves to the next menuitem with a name that starts with the typed character.
92
- // - Type multiple characters in rapid succession: focus moves to the next menuitem with a name that starts with the string of characters typed
93
- it("handles typing", async () => {
94
- await page.keyboard.press("Tab");
95
- await page.keyboard.press("Enter");
96
- await page.waitForChanges();
97
- await page.keyboard.press("t");
98
- await page.waitForChanges();
99
- const focusedEl = await page.find("wm-menuitem#third >>> div");
100
- expect(focusedEl).toHaveClass("focus");
101
- });
102
- // OPEN / CLOSE
103
- // Spacebar: Should open the popup (we didn't implement, comes for free. Test is to make sure we don't break it)
104
- it("handles the Spacebar key", async () => {
105
- await page.keyboard.press("Tab");
106
- await page.keyboard.press("Space");
107
- await page.waitForChanges();
108
- const wmbtn = await page.find("wm-action-menu >>> wm-button");
109
- expect(wmbtn.getAttribute("aria-expanded")).toEqual("true");
110
- });
111
- // Escape: If the menu is displayed, closes the popup and returns focus to the button.
112
- it("handles the Escape key", async () => {
113
- await page.keyboard.press("Tab");
114
- await page.keyboard.press("Enter");
115
- await page.waitForChanges();
116
- const wmbtn = await page.find("wm-action-menu >>> wm-button");
117
- expect(wmbtn.getAttribute("aria-expanded")).toEqual("true");
118
- await page.keyboard.press("ArrowDown");
119
- await page.keyboard.press("Escape");
120
- await page.waitForChanges();
121
- await page.waitForTimeout(500); //allow closing animation and setTimeout to finish
122
- expect(wmbtn.getAttribute("aria-expanded")).toEqual("false");
123
- const activeElId = await page.evaluate(() => document.activeElement.id);
124
- expect(activeElId).toEqual("test");
125
- //When dropdown reopens, focus returns to first element
126
- await page.keyboard.press("Enter");
127
- await page.waitForChanges();
128
- expect(wmbtn.getAttribute("aria-expanded")).toEqual("true");
129
- const focusedEl = await page.find("wm-menuitem#first >>> div");
130
- expect(focusedEl).toHaveClass("focus"); //
131
- });
132
- // Enter:
133
- // - If the focus is on the button, it expands the dropdown and places focuses on the first menuitem.
134
- // - If the dropdown is open, it closes the dropdown.
135
- it("opens and closes the dropdown when enter key is pressed", async () => {
136
- await page.keyboard.press("Tab");
137
- const wmbtn = await page.find("wm-action-menu >>> wm-button");
138
- await page.keyboard.press("Enter");
139
- await page.waitForChanges();
140
- expect(wmbtn.getAttribute("aria-expanded")).toEqual("true");
141
- await page.keyboard.press("Enter");
142
- await page.waitForChanges();
143
- expect(wmbtn.getAttribute("aria-expanded")).toEqual("false");
144
- });
145
- it("runs the onClick function passed to the menuitem when clicked or key pressed", async () => {
146
- page = await newE2EPage();
147
- await page.setContent(`<html lang='en'><head><title>Page</title></head><body><main><h1>Title</h1>
148
- <wm-action-menu id='test' tooltip='menu name'>
149
- <wm-menuitem id='first' onClick='action()'>First action</wm-menuitem>
150
- </wm-action-menu>
151
- <div id='changeMe'>default</div>
152
- <script>
153
- function action() {
154
- document.getElementById('changeMe').textContent += "&"
155
- }
156
- </script></main></body></html>`);
157
- const div = await page.find("#changeMe");
158
- await page.keyboard.press("Tab");
159
- await page.waitForChanges();
160
- await page.keyboard.press("Enter");
161
- await page.waitForChanges();
162
- await page.keyboard.press("Enter");
163
- await page.waitForChanges();
164
- expect(div.textContent).toBe("default&");
165
- await page.waitForTimeout(300); // make sure menu is closed before reopening (closes after the 250ms animation)
166
- await page.keyboard.press("Enter");
167
- await page.waitForChanges();
168
- await page.click("#first");
169
- await page.waitForChanges();
170
- expect(div.textContent).toBe("default&&");
171
- });
172
- it("doesn't open the dropdown if the dropdown is disabled", async () => {
173
- await page.evaluate(() => document.querySelector("wm-action-menu").setAttribute("disabled", "true"));
174
- await page.keyboard.press("Tab");
175
- await page.keyboard.press("Enter");
176
- await page.waitForChanges();
177
- const wmbtn = await page.find("wm-action-menu >>> wm-button");
178
- await page.waitForChanges();
179
- expect(wmbtn.getAttribute("aria-expanded")).toEqual("false");
180
- });
181
- // TOOLTIP
182
- it("renders a tooltip when type is icon", async () => {
183
- await page.keyboard.press("Tab");
184
- await page.waitForChanges();
185
- const tooltipEl = await page.find("#wm-tooltip");
186
- expect(tooltipEl.textContent).toBe("menu name");
187
- });
188
- it("uses the label instead of tooltip text", async () => {
189
- page = await newE2EPage();
190
- await page.setContent("<wm-action-menu icon='f1c0' action-menu-type='icon' tooltip='delete' label-for-identical-buttons='delete this particular thing'><wm-menuitem>1</wm-menuitem></wm-action-menu>");
191
- // use case: when the tooltip is something like "edit" and there are several buttons on a page, the aria label should be more specific than the tooltip
192
- const wmbtn = await page.find("wm-action-menu >>> wm-button");
193
- const btn = wmbtn.shadowRoot.querySelector("button");
194
- await page.keyboard.press("Tab");
195
- await page.waitForChanges();
196
- const tooltipEl = await page.find("#wm-tooltip");
197
- expect(tooltipEl.textContent).toEqual("delete");
198
- expect(btn).toEqualAttribute("aria-label", "delete this particular thing");
199
- });
200
- });
package/dist/collection/components/wm-action-menu/wm-action-menu.js DELETED
@@ -1,435 +0,0 @@
1
- import { h, Host } from "@stencil/core";
2
- import { debounce, getTextDir, shouldOpenUp, shouldShiftRight } from "../../global/functions";
3
- export class ActionMenu {
4
- constructor() {
5
- this.openUp = false;
6
- this.keysSoFar = "";
7
- this.searchIndex = 0;
8
- this.debouncedClearKeysSoFar = debounce(() => {
9
- this.keysSoFar = "";
10
- }, 500);
11
- this.isExpanded = false;
12
- this.tooltipPosition = undefined;
13
- this.actionMenuType = "icon";
14
- this.buttonText = undefined;
15
- this.disabled = false;
16
- this.tooltip = undefined;
17
- this.labelForIdenticalButtons = undefined;
18
- this.darkMode = undefined;
19
- }
20
- get horizontalPosition() {
21
- return !!this.el && !!this.itemsEl && shouldShiftRight(this.el, this.itemsEl.clientWidth) ? "right" : "left";
22
- }
23
- get childItems() {
24
- return Array.from(this.el.querySelectorAll("wm-menuitem"));
25
- }
26
- get internalButtonType() {
27
- return this.actionMenuType === "icon" || this.actionMenuType === "text"
28
- ? this.actionMenuType + "only"
29
- : this.actionMenuType;
30
- }
31
- handleClickedItem() {
32
- this.close();
33
- }
34
- handleKeyUp(ev) {
35
- this.moveUp(ev.target);
36
- }
37
- handleKeyDown(ev) {
38
- this.moveDown(ev.detail);
39
- }
40
- handleHomeKey() {
41
- this.focusFirstItem();
42
- }
43
- handleEndKey() {
44
- this.focusLastItem();
45
- }
46
- handleTabKey() {
47
- if (this.isExpanded) {
48
- this.close();
49
- }
50
- }
51
- handleEscKey() {
52
- this.close();
53
- this.wmButtonEl.focus();
54
- }
55
- handleKey(ev) {
56
- switch (ev.key) {
57
- case "ArrowDown":
58
- if (!this.isExpanded) {
59
- ev.preventDefault();
60
- this.open();
61
- window.requestAnimationFrame(() => this.focusFirstItem());
62
- }
63
- break;
64
- case "ArrowUp":
65
- if (!this.isExpanded) {
66
- ev.preventDefault();
67
- this.open();
68
- window.requestAnimationFrame(() => this.focusLastItem());
69
- }
70
- break;
71
- }
72
- }
73
- handleMenuitemBlur(ev) {
74
- const toElOrChild = ev.detail.relatedTarget === this.el || this.el.contains(ev.detail.relatedTarget);
75
- // if the Menuitem is blurred to something other than the component, emit a blur event with the appropriate relatedTarget
76
- // keeps our component's blur events accurate, and closes when focusing browser address bar
77
- if (!toElOrChild) {
78
- const event = new CustomEvent("blur");
79
- // @ts-ignore
80
- event.relatedTarget = ev.detail.relatedTarget;
81
- this.el.dispatchEvent(event);
82
- }
83
- }
84
- handleButtonBlur(ev) {
85
- const toElOrChild = ev.relatedTarget === this.el || this.el.contains(ev.relatedTarget);
86
- if (toElOrChild) {
87
- // do not emit a blur event when opening the dropdown and focusing the Menuitems
88
- ev.stopPropagation();
89
- }
90
- }
91
- componentDidLoad() {
92
- if (this.actionMenuType !== "icon" && !this.buttonText) {
93
- console.error("wm-action-menu should have a valid button-text property when action-menu-type is set to 'text' or 'selector'");
94
- }
95
- if (this.actionMenuType === "icon" && !this.tooltip) {
96
- console.error("wm-action-menu should have a valid tooltip when action-menu-type is set to 'icon'");
97
- }
98
- this.wmActionMenuLoaded.emit();
99
- this.menuLoaded.emit(); // deprecated
100
- }
101
- moveUp(el) {
102
- const index = this.childItems.indexOf(el);
103
- if (index === 0) {
104
- this.focusLastItem();
105
- }
106
- else {
107
- this.childItems[index - 1].focus();
108
- }
109
- }
110
- moveDown(el) {
111
- const index = this.childItems.indexOf(el);
112
- if (index === this.childItems.length - 1) {
113
- this.focusFirstItem();
114
- }
115
- else {
116
- this.childItems[index + 1].focus();
117
- }
118
- }
119
- open() {
120
- if (!this.disabled) {
121
- this.openUp = shouldOpenUp(this.el, this.itemsEl.clientHeight);
122
- // action menu usually is on the right side of the screen,
123
- // so dropdown opens to the left (is anchored on the right corner)
124
- // if there is not enough space on the left and enough on the right though,
125
- // it will open on the right side
126
- this.isExpanded = true;
127
- this.itemsEl.classList.remove("hidden");
128
- window.requestAnimationFrame(() => this.focusFirstItem());
129
- }
130
- }
131
- close(returnFocus = true) {
132
- this.isExpanded = false;
133
- window.setTimeout(() => {
134
- this.itemsEl.classList.add("hidden");
135
- }, 150);
136
- window.setTimeout(() => {
137
- // if dev omits to assign focus after an action is triggered,
138
- // the component brings the focus back on the button
139
- // Focus will only be lost (and go to the body) once the menuitem
140
- // is not visible anymore, so we need to wait for the transition to
141
- // finish and the hidden class to be applied.
142
- // also checking if focus stayed on the menuitem
143
- if (returnFocus &&
144
- (document.activeElement.tagName === "BODY" || document.activeElement.tagName === "WM-MENUITEM")) {
145
- this.wmButtonEl.focus();
146
- }
147
- }, 250);
148
- }
149
- focusFirstItem() {
150
- this.childItems[0].focus();
151
- }
152
- focusLastItem() {
153
- this.childItems[this.childItems.length - 1].focus();
154
- }
155
- findAndFocusItem(ev) {
156
- if (!this.keysSoFar && ev.detail == " ") {
157
- // if the first key entered is space, treat as a click. Otherwise include in
158
- ev.target.click();
159
- }
160
- else {
161
- const character = ev.detail.toLowerCase();
162
- this.focusFirstItem();
163
- if (!this.keysSoFar) {
164
- this.childItems.forEach((item, idx) => {
165
- if (item === document.activeElement) {
166
- this.searchIndex = idx;
167
- }
168
- });
169
- }
170
- this.keysSoFar += character;
171
- let nextMatch = this.findMatchInRange(this.childItems, this.searchIndex + 1, this.childItems.length);
172
- if (!nextMatch) {
173
- nextMatch = this.findMatchInRange(this.childItems, 0, this.searchIndex);
174
- }
175
- if (nextMatch) {
176
- nextMatch.focus();
177
- }
178
- this.debouncedClearKeysSoFar();
179
- }
180
- }
181
- findMatchInRange(list, startIndex, endIndex) {
182
- // Find the first item starting with the keysSoFar substring, searching in
183
- // the specified range of items
184
- for (var n = startIndex; n < endIndex; n++) {
185
- var label = list[n].textContent;
186
- if (label && label.toLowerCase().indexOf(this.keysSoFar) === 0) {
187
- return list[n];
188
- }
189
- }
190
- return null;
191
- }
192
- render() {
193
- return (h(Host, { onBlur: () => this.close(false) }, h("div", { class: getTextDir() }, h("wm-button", { "button-type": this.internalButtonType, tooltip: this.tooltip, "custom-background": this.darkMode ? "dark" : undefined, "label-for-identical-buttons": this.labelForIdenticalButtons, icon: this.actionMenuType === "icon" ? "#more-options" : "", iconSize: this.actionMenuType === "icon" ? "24px" : undefined, id: "menubtn", onClick: () => (this.isExpanded ? this.close() : this.open()), onBlur: (ev) => this.handleButtonBlur(ev), disabled: this.disabled, ref: (el) => (this.wmButtonEl = el), "tooltip-position": this.tooltipPosition || this.horizontalPosition, "aria-haspopup": "true", "aria-expanded": this.isExpanded ? "true" : "false", "aria-controls": "menu" }, this.buttonText), h("div", { class: `dropdown ${this.openUp ? "open-up" : ""} ${this.horizontalPosition} ${this.isExpanded ? "open" : ""} hidden`, id: "menu", tabindex: -1, role: "menu", ref: (el) => (this.itemsEl = el) }, h("slot", null)))));
194
- }
195
- static get is() { return "wm-action-menu"; }
196
- static get encapsulation() { return "shadow"; }
197
- static get delegatesFocus() { return true; }
198
- static get originalStyleUrls() {
199
- return {
200
- "$": ["wm-action-menu.scss"]
201
- };
202
- }
203
- static get styleUrls() {
204
- return {
205
- "$": ["wm-action-menu.css"]
206
- };
207
- }
208
- static get properties() {
209
- return {
210
- "tooltipPosition": {
211
- "type": "string",
212
- "mutable": false,
213
- "complexType": {
214
- "original": "| \"top\"\n | \"bottom\"\n | \"left\"\n | \"right\"\n | \"bottom-left\"\n | \"bottom-right\"\n | \"top-right\"\n | \"top-left\"",
215
- "resolved": "\"bottom\" | \"bottom-left\" | \"bottom-right\" | \"left\" | \"right\" | \"top\" | \"top-left\" | \"top-right\" | undefined",
216
- "references": {}
217
- },
218
- "required": false,
219
- "optional": true,
220
- "docs": {
221
- "tags": [],
222
- "text": ""
223
- },
224
- "attribute": "tooltip-position",
225
- "reflect": false
226
- },
227
- "actionMenuType": {
228
- "type": "string",
229
- "mutable": false,
230
- "complexType": {
231
- "original": "\"icon\" | \"text\" | \"selector\" | \"selector-primary\"",
232
- "resolved": "\"icon\" | \"selector\" | \"selector-primary\" | \"text\"",
233
- "references": {}
234
- },
235
- "required": false,
236
- "optional": false,
237
- "docs": {
238
- "tags": [],
239
- "text": ""
240
- },
241
- "attribute": "action-menu-type",
242
- "reflect": false,
243
- "defaultValue": "\"icon\""
244
- },
245
- "buttonText": {
246
- "type": "string",
247
- "mutable": false,
248
- "complexType": {
249
- "original": "string",
250
- "resolved": "string | undefined",
251
- "references": {}
252
- },
253
- "required": false,
254
- "optional": true,
255
- "docs": {
256
- "tags": [],
257
- "text": ""
258
- },
259
- "attribute": "button-text",
260
- "reflect": false
261
- },
262
- "disabled": {
263
- "type": "boolean",
264
- "mutable": false,
265
- "complexType": {
266
- "original": "boolean",
267
- "resolved": "boolean",
268
- "references": {}
269
- },
270
- "required": false,
271
- "optional": false,
272
- "docs": {
273
- "tags": [],
274
- "text": ""
275
- },
276
- "attribute": "disabled",
277
- "reflect": true,
278
- "defaultValue": "false"
279
- },
280
- "tooltip": {
281
- "type": "string",
282
- "mutable": false,
283
- "complexType": {
284
- "original": "string",
285
- "resolved": "string | undefined",
286
- "references": {}
287
- },
288
- "required": false,
289
- "optional": true,
290
- "docs": {
291
- "tags": [],
292
- "text": ""
293
- },
294
- "attribute": "tooltip",
295
- "reflect": false
296
- },
297
- "labelForIdenticalButtons": {
298
- "type": "string",
299
- "mutable": false,
300
- "complexType": {
301
- "original": "string",
302
- "resolved": "string | undefined",
303
- "references": {}
304
- },
305
- "required": false,
306
- "optional": true,
307
- "docs": {
308
- "tags": [],
309
- "text": ""
310
- },
311
- "attribute": "label-for-identical-buttons",
312
- "reflect": false
313
- },
314
- "darkMode": {
315
- "type": "boolean",
316
- "mutable": false,
317
- "complexType": {
318
- "original": "boolean",
319
- "resolved": "boolean | undefined",
320
- "references": {}
321
- },
322
- "required": false,
323
- "optional": true,
324
- "docs": {
325
- "tags": [],
326
- "text": ""
327
- },
328
- "attribute": "dark-mode",
329
- "reflect": false
330
- }
331
- };
332
- }
333
- static get states() {
334
- return {
335
- "isExpanded": {}
336
- };
337
- }
338
- static get events() {
339
- return [{
340
- "method": "wmActionMenuLoaded",
341
- "name": "wmActionMenuLoaded",
342
- "bubbles": true,
343
- "cancelable": true,
344
- "composed": true,
345
- "docs": {
346
- "tags": [],
347
- "text": ""
348
- },
349
- "complexType": {
350
- "original": "any",
351
- "resolved": "any",
352
- "references": {}
353
- }
354
- }, {
355
- "method": "menuLoaded",
356
- "name": "menuLoaded",
357
- "bubbles": true,
358
- "cancelable": true,
359
- "composed": true,
360
- "docs": {
361
- "tags": [],
362
- "text": ""
363
- },
364
- "complexType": {
365
- "original": "any",
366
- "resolved": "any",
367
- "references": {}
368
- }
369
- }];
370
- }
371
- static get elementRef() { return "el"; }
372
- static get listeners() {
373
- return [{
374
- "name": "wmMenuitemClicked",
375
- "method": "handleClickedItem",
376
- "target": undefined,
377
- "capture": false,
378
- "passive": false
379
- }, {
380
- "name": "wmKeyUpPressed",
381
- "method": "handleKeyUp",
382
- "target": undefined,
383
- "capture": false,
384
- "passive": false
385
- }, {
386
- "name": "wmKeyDownPressed",
387
- "method": "handleKeyDown",
388
- "target": undefined,
389
- "capture": false,
390
- "passive": false
391
- }, {
392
- "name": "wmHomeKeyPressed",
393
- "method": "handleHomeKey",
394
- "target": undefined,
395
- "capture": false,
396
- "passive": false
397
- }, {
398
- "name": "wmEndKeyPressed",
399
- "method": "handleEndKey",
400
- "target": undefined,
401
- "capture": false,
402
- "passive": false
403
- }, {
404
- "name": "wmTabKeyPressed",
405
- "method": "handleTabKey",
406
- "target": undefined,
407
- "capture": false,
408
- "passive": false
409
- }, {
410
- "name": "wmEscKeyPressed",
411
- "method": "handleEscKey",
412
- "target": undefined,
413
- "capture": false,
414
- "passive": false
415
- }, {
416
- "name": "keydown",
417
- "method": "handleKey",
418
- "target": undefined,
419
- "capture": false,
420
- "passive": false
421
- }, {
422
- "name": "wmMenuitemBlurred",
423
- "method": "handleMenuitemBlur",
424
- "target": undefined,
425
- "capture": false,
426
- "passive": false
427
- }, {
428
- "name": "wmLetterPressed",
429
- "method": "findAndFocusItem",
430
- "target": undefined,
431
- "capture": false,
432
- "passive": false
433
- }];
434
- }
435
- }