@watermarkinsights/ripple 5.12.0 → 5.13.0-alpha.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (483) hide show
  1. package/LICENSE +21 -0
  2. package/README.md +1 -1
  3. package/dist/{esm/chartFunctions-9099c7e9.js → components/chartFunctions.js} +4 -4
  4. package/dist/components/functions.js +17465 -0
  5. package/dist/components/index.d.ts +33 -0
  6. package/dist/{collection/global/global.js → components/index.js} +52 -2
  7. package/dist/{collection/global → components}/interfaces.js +6 -4
  8. package/dist/{esm/intl-a6f16883.js → components/intl.js} +1 -1
  9. package/dist/components/priv-calendar.d.ts +11 -0
  10. package/dist/components/priv-calendar.js +6 -0
  11. package/dist/{esm/priv-calendar.entry.js → components/priv-calendar2.js} +40 -17
  12. package/dist/components/priv-chart-popover.d.ts +11 -0
  13. package/dist/components/priv-chart-popover.js +6 -0
  14. package/dist/{esm/priv-chart-popover.entry.js → components/priv-chart-popover2.js} +32 -13
  15. package/dist/components/priv-navigator-button.d.ts +11 -0
  16. package/dist/components/priv-navigator-button.js +6 -0
  17. package/dist/{esm/priv-navigator-button.entry.js → components/priv-navigator-button2.js} +27 -9
  18. package/dist/components/priv-navigator-item.d.ts +11 -0
  19. package/dist/components/priv-navigator-item.js +6 -0
  20. package/dist/{esm/priv-navigator-item.entry.js → components/priv-navigator-item2.js} +28 -9
  21. package/dist/components/priv-option-list.d.ts +11 -0
  22. package/dist/components/priv-option-list.js +6 -0
  23. package/dist/{esm/priv-option-list.entry.js → components/priv-option-list2.js} +54 -21
  24. package/dist/components/wm-action-menu.d.ts +11 -0
  25. package/dist/components/wm-action-menu.js +6 -0
  26. package/dist/{cjs/wm-pagination.cjs.entry.js → components/wm-action-menu2.js} +216 -212
  27. package/dist/components/wm-button.d.ts +11 -0
  28. package/dist/components/wm-button.js +6 -0
  29. package/dist/{esm/wm-button.entry.js → components/wm-button2.js} +49 -20
  30. package/dist/components/wm-chart-slice.d.ts +11 -0
  31. package/dist/components/wm-chart-slice.js +41 -0
  32. package/dist/components/wm-chart.d.ts +11 -0
  33. package/dist/{esm/wm-chart.entry.js → components/wm-chart.js} +61 -22
  34. package/dist/components/wm-date-range.d.ts +11 -0
  35. package/dist/{esm/wm-date-range.entry.js → components/wm-date-range.js} +66 -23
  36. package/dist/components/wm-datepicker.d.ts +11 -0
  37. package/dist/{esm/wm-datepicker.entry.js → components/wm-datepicker.js} +58 -20
  38. package/dist/components/wm-file-list.d.ts +11 -0
  39. package/dist/{cjs/wm-file-list.cjs.entry.js → components/wm-file-list.js} +29 -13
  40. package/dist/components/wm-file.d.ts +11 -0
  41. package/dist/{esm/wm-file.entry.js → components/wm-file.js} +59 -20
  42. package/dist/components/wm-input.d.ts +11 -0
  43. package/dist/{esm/wm-input.entry.js → components/wm-input.js} +54 -22
  44. package/dist/components/wm-line-chart.d.ts +11 -0
  45. package/dist/{esm/wm-line-chart.entry.js → components/wm-line-chart.js} +80 -39
  46. package/dist/components/wm-menuitem.d.ts +11 -0
  47. package/dist/components/wm-menuitem.js +6 -0
  48. package/dist/{cjs/wm-optgroup.cjs.entry.js → components/wm-menuitem2.js} +130 -57
  49. package/dist/components/wm-modal-footer.d.ts +11 -0
  50. package/dist/components/wm-modal-footer.js +73 -0
  51. package/dist/components/wm-modal-header.d.ts +11 -0
  52. package/dist/components/wm-modal-header.js +61 -0
  53. package/dist/components/wm-modal-pss-footer.d.ts +11 -0
  54. package/dist/{cjs/priv-chart-popover.cjs.entry.js → components/wm-modal-pss-footer.js} +58 -128
  55. package/dist/components/wm-modal-pss-header.d.ts +11 -0
  56. package/dist/components/wm-modal-pss-header.js +64 -0
  57. package/dist/components/wm-modal-pss.d.ts +11 -0
  58. package/dist/{cjs/wm-textarea.cjs.entry.js → components/wm-modal-pss.js} +141 -66
  59. package/dist/components/wm-modal.d.ts +11 -0
  60. package/dist/{cjs/wm-input.cjs.entry.js → components/wm-modal.js} +140 -103
  61. package/dist/components/wm-navigation-hamburger.d.ts +11 -0
  62. package/dist/{ripple/p-f9cade98.entry.js → components/wm-navigation-hamburger.js} +70 -1
  63. package/dist/components/wm-navigation-item.d.ts +11 -0
  64. package/dist/components/wm-navigation-item.js +40 -0
  65. package/dist/components/wm-navigation.d.ts +11 -0
  66. package/dist/{ripple/p-1a71d867.system.entry.js → components/wm-navigation.js} +144 -1
  67. package/dist/components/wm-navigator.d.ts +11 -0
  68. package/dist/{esm/wm-navigator.entry.js → components/wm-navigator.js} +106 -18
  69. package/dist/components/wm-nested-select.d.ts +11 -0
  70. package/dist/{esm/wm-nested-select.entry.js → components/wm-nested-select.js} +56 -23
  71. package/dist/components/wm-optgroup.d.ts +11 -0
  72. package/dist/{esm/wm-optgroup.entry.js → components/wm-optgroup.js} +49 -11
  73. package/dist/components/wm-option.d.ts +11 -0
  74. package/dist/components/wm-option.js +6 -0
  75. package/dist/{cjs/wm-search.cjs.entry.js → components/wm-option2.js} +168 -165
  76. package/dist/components/wm-pagination.d.ts +11 -0
  77. package/dist/{esm/wm-pagination.entry.js → components/wm-pagination.js} +45 -17
  78. package/dist/components/wm-progress-indicator.d.ts +11 -0
  79. package/dist/{esm/wm-progress-indicator_3.entry.js → components/wm-progress-indicator.js} +52 -104
  80. package/dist/components/wm-progress-monitor.d.ts +11 -0
  81. package/dist/components/wm-progress-monitor.js +93 -0
  82. package/dist/components/wm-progress-slice.d.ts +11 -0
  83. package/dist/components/wm-progress-slice.js +37 -0
  84. package/dist/components/wm-search.d.ts +11 -0
  85. package/dist/{esm/wm-search.entry.js → components/wm-search.js} +76 -15
  86. package/dist/components/wm-select.d.ts +11 -0
  87. package/dist/components/wm-select.js +6 -0
  88. package/dist/components/wm-select2.js +294 -0
  89. package/dist/components/wm-snackbar.d.ts +11 -0
  90. package/dist/{esm/wm-snackbar.entry.js → components/wm-snackbar.js} +41 -16
  91. package/dist/components/wm-tab-item.d.ts +11 -0
  92. package/dist/components/wm-tab-item.js +85 -0
  93. package/dist/components/wm-tab-list.d.ts +11 -0
  94. package/dist/{cjs/wm-uploader.cjs.entry.js → components/wm-tab-list.js} +174 -281
  95. package/dist/components/wm-tab-panel.d.ts +11 -0
  96. package/dist/{esm/wm-file-list.entry.js → components/wm-tab-panel.js} +46 -12
  97. package/dist/components/wm-tag-input.d.ts +11 -0
  98. package/dist/{esm/wm-tag-input.entry.js → components/wm-tag-input.js} +64 -32
  99. package/dist/components/wm-tag-option.d.ts +11 -0
  100. package/dist/components/wm-tag-option.js +63 -0
  101. package/dist/components/wm-textarea.d.ts +11 -0
  102. package/dist/{esm/wm-textarea.entry.js → components/wm-textarea.js} +47 -17
  103. package/dist/components/wm-timepicker.d.ts +11 -0
  104. package/dist/{esm/wm-timepicker.entry.js → components/wm-timepicker.js} +51 -20
  105. package/dist/components/wm-toggletip.d.ts +11 -0
  106. package/dist/{esm/wm-toggletip.entry.js → components/wm-toggletip.js} +38 -16
  107. package/dist/components/wm-uploader.d.ts +11 -0
  108. package/dist/{esm/wm-uploader.entry.js → components/wm-uploader.js} +52 -24
  109. package/dist/components/wm-wrapper.d.ts +11 -0
  110. package/dist/components/wm-wrapper.js +34 -0
  111. package/dist/types/stencil-public-runtime.d.ts +31 -10
  112. package/package.json +4 -8
  113. package/dist/cjs/chartFunctions-a1981e06.js +0 -732
  114. package/dist/cjs/functions-4b187487.js +0 -9679
  115. package/dist/cjs/global-4e034486.js +0 -85
  116. package/dist/cjs/index-e86c28b6.js +0 -2649
  117. package/dist/cjs/index.cjs.js +0 -2
  118. package/dist/cjs/interfaces-85d78ae9.js +0 -37
  119. package/dist/cjs/intl-7fd0760e.js +0 -283
  120. package/dist/cjs/loader.cjs.js +0 -14
  121. package/dist/cjs/priv-calendar.cjs.entry.js +0 -573
  122. package/dist/cjs/priv-navigator-button.cjs.entry.js +0 -28
  123. package/dist/cjs/priv-navigator-item.cjs.entry.js +0 -34
  124. package/dist/cjs/priv-option-list.cjs.entry.js +0 -392
  125. package/dist/cjs/ripple.cjs.js +0 -24
  126. package/dist/cjs/wm-action-menu_2.cjs.entry.js +0 -333
  127. package/dist/cjs/wm-button.cjs.entry.js +0 -206
  128. package/dist/cjs/wm-chart-slice.cjs.entry.js +0 -27
  129. package/dist/cjs/wm-chart.cjs.entry.js +0 -162
  130. package/dist/cjs/wm-date-range.cjs.entry.js +0 -483
  131. package/dist/cjs/wm-datepicker.cjs.entry.js +0 -253
  132. package/dist/cjs/wm-file.cjs.entry.js +0 -193
  133. package/dist/cjs/wm-line-chart.cjs.entry.js +0 -460
  134. package/dist/cjs/wm-modal-pss_3.cjs.entry.js +0 -214
  135. package/dist/cjs/wm-modal_3.cjs.entry.js +0 -212
  136. package/dist/cjs/wm-navigation_3.cjs.entry.js +0 -185
  137. package/dist/cjs/wm-navigator.cjs.entry.js +0 -326
  138. package/dist/cjs/wm-nested-select.cjs.entry.js +0 -314
  139. package/dist/cjs/wm-option_2.cjs.entry.js +0 -425
  140. package/dist/cjs/wm-progress-indicator_3.cjs.entry.js +0 -202
  141. package/dist/cjs/wm-snackbar.cjs.entry.js +0 -181
  142. package/dist/cjs/wm-tab-item_3.cjs.entry.js +0 -260
  143. package/dist/cjs/wm-tag-input.cjs.entry.js +0 -891
  144. package/dist/cjs/wm-tag-option.cjs.entry.js +0 -43
  145. package/dist/cjs/wm-timepicker.cjs.entry.js +0 -306
  146. package/dist/cjs/wm-toggletip.cjs.entry.js +0 -182
  147. package/dist/cjs/wm-wrapper.cjs.entry.js +0 -21
  148. package/dist/collection/collection-manifest.json +0 -191
  149. package/dist/collection/components/charts/chartFunctions.js +0 -665
  150. package/dist/collection/components/charts/chartFunctions.spec.js +0 -16
  151. package/dist/collection/components/charts/priv-chart-popover/priv-chart-popover.css +0 -908
  152. package/dist/collection/components/charts/priv-chart-popover/priv-chart-popover.e2e.js +0 -81
  153. package/dist/collection/components/charts/priv-chart-popover/priv-chart-popover.js +0 -257
  154. package/dist/collection/components/charts/screenshots.e2e.js +0 -96
  155. package/dist/collection/components/charts/wm-chart/wm-chart-slice.js +0 -125
  156. package/dist/collection/components/charts/wm-chart/wm-chart.css +0 -1274
  157. package/dist/collection/components/charts/wm-chart/wm-chart.e2e.js +0 -213
  158. package/dist/collection/components/charts/wm-chart/wm-chart.js +0 -422
  159. package/dist/collection/components/charts/wm-chart/wm-chart.spec.js +0 -37
  160. package/dist/collection/components/charts/wm-line-chart/wm-line-chart.css +0 -1067
  161. package/dist/collection/components/charts/wm-line-chart/wm-line-chart.e2e.js +0 -176
  162. package/dist/collection/components/charts/wm-line-chart/wm-line-chart.js +0 -723
  163. package/dist/collection/components/charts/wm-line-chart/wm-line-chart.spec.js +0 -163
  164. package/dist/collection/components/charts/wm-progress-monitor/wm-progress-indicator.css +0 -1274
  165. package/dist/collection/components/charts/wm-progress-monitor/wm-progress-indicator.js +0 -264
  166. package/dist/collection/components/charts/wm-progress-monitor/wm-progress-monitor.css +0 -909
  167. package/dist/collection/components/charts/wm-progress-monitor/wm-progress-monitor.e2e.js +0 -69
  168. package/dist/collection/components/charts/wm-progress-monitor/wm-progress-monitor.js +0 -151
  169. package/dist/collection/components/charts/wm-progress-monitor/wm-progress-monitor.spec.js +0 -79
  170. package/dist/collection/components/charts/wm-progress-monitor/wm-progress-slice.js +0 -121
  171. package/dist/collection/components/datepickers/datepicker.css +0 -1043
  172. package/dist/collection/components/datepickers/priv-calendar/priv-calendar.css +0 -1279
  173. package/dist/collection/components/datepickers/priv-calendar/priv-calendar.js +0 -840
  174. package/dist/collection/components/datepickers/priv-calendar/priv-calendar.spec.js +0 -89
  175. package/dist/collection/components/datepickers/wm-date-range.e2e.js +0 -443
  176. package/dist/collection/components/datepickers/wm-date-range.js +0 -845
  177. package/dist/collection/components/datepickers/wm-date-range.spec.js +0 -22
  178. package/dist/collection/components/datepickers/wm-datepicker.e2e.js +0 -382
  179. package/dist/collection/components/datepickers/wm-datepicker.js +0 -520
  180. package/dist/collection/components/datepickers/wm-datepicker.spec.js +0 -21
  181. package/dist/collection/components/selects/priv-option-list/priv-option-list.css +0 -918
  182. package/dist/collection/components/selects/priv-option-list/priv-option-list.js +0 -778
  183. package/dist/collection/components/selects/wm-nested-select/wm-nested-select.css +0 -1181
  184. package/dist/collection/components/selects/wm-nested-select/wm-nested-select.js +0 -620
  185. package/dist/collection/components/selects/wm-optgroup/wm-optgroup.css +0 -830
  186. package/dist/collection/components/selects/wm-optgroup/wm-optgroup.js +0 -258
  187. package/dist/collection/components/selects/wm-option/wm-option.css +0 -931
  188. package/dist/collection/components/selects/wm-option/wm-option.e2e.js +0 -22
  189. package/dist/collection/components/selects/wm-option/wm-option.js +0 -530
  190. package/dist/collection/components/selects/wm-option/wm-option.spec.js +0 -63
  191. package/dist/collection/components/selects/wm-select/wm-select.css +0 -1104
  192. package/dist/collection/components/selects/wm-select/wm-select.e2e.js +0 -521
  193. package/dist/collection/components/selects/wm-select/wm-select.js +0 -584
  194. package/dist/collection/components/selects/wm-select/wm-select.spec.js +0 -271
  195. package/dist/collection/components/wm-action-menu/wm-action-menu.css +0 -891
  196. package/dist/collection/components/wm-action-menu/wm-action-menu.e2e.js +0 -200
  197. package/dist/collection/components/wm-action-menu/wm-action-menu.js +0 -435
  198. package/dist/collection/components/wm-action-menu/wm-action-menu.spec.js +0 -48
  199. package/dist/collection/components/wm-button/wm-button.css +0 -1261
  200. package/dist/collection/components/wm-button/wm-button.e2e.js +0 -55
  201. package/dist/collection/components/wm-button/wm-button.js +0 -489
  202. package/dist/collection/components/wm-button/wm-button.spec.js +0 -74
  203. package/dist/collection/components/wm-file/wm-file.css +0 -927
  204. package/dist/collection/components/wm-file/wm-file.js +0 -412
  205. package/dist/collection/components/wm-file/wm-file.spec.js +0 -194
  206. package/dist/collection/components/wm-file-list/wm-file-list.css +0 -820
  207. package/dist/collection/components/wm-file-list/wm-file-list.js +0 -45
  208. package/dist/collection/components/wm-file-list/wm-file-list.spec.js +0 -69
  209. package/dist/collection/components/wm-input/wm-input.css +0 -992
  210. package/dist/collection/components/wm-input/wm-input.e2e.js +0 -32
  211. package/dist/collection/components/wm-input/wm-input.js +0 -471
  212. package/dist/collection/components/wm-input/wm-input.spec.js +0 -173
  213. package/dist/collection/components/wm-menuitem/wm-menuitem.css +0 -891
  214. package/dist/collection/components/wm-menuitem/wm-menuitem.e2e.js +0 -23
  215. package/dist/collection/components/wm-menuitem/wm-menuitem.js +0 -419
  216. package/dist/collection/components/wm-menuitem/wm-menuitem.spec.js +0 -54
  217. package/dist/collection/components/wm-modal/wm-modal-footer.css +0 -845
  218. package/dist/collection/components/wm-modal/wm-modal-footer.js +0 -141
  219. package/dist/collection/components/wm-modal/wm-modal-footer.spec.js +0 -11
  220. package/dist/collection/components/wm-modal/wm-modal-header.css +0 -844
  221. package/dist/collection/components/wm-modal/wm-modal-header.js +0 -78
  222. package/dist/collection/components/wm-modal/wm-modal-header.spec.js +0 -8
  223. package/dist/collection/components/wm-modal/wm-modal.css +0 -891
  224. package/dist/collection/components/wm-modal/wm-modal.e2e.js +0 -104
  225. package/dist/collection/components/wm-modal/wm-modal.js +0 -350
  226. package/dist/collection/components/wm-modal/wm-modal.spec.js +0 -30
  227. package/dist/collection/components/wm-modal-pss/wm-modal-pss-footer.css +0 -852
  228. package/dist/collection/components/wm-modal-pss/wm-modal-pss-footer.js +0 -138
  229. package/dist/collection/components/wm-modal-pss/wm-modal-pss-header.css +0 -846
  230. package/dist/collection/components/wm-modal-pss/wm-modal-pss-header.js +0 -82
  231. package/dist/collection/components/wm-modal-pss/wm-modal-pss.css +0 -927
  232. package/dist/collection/components/wm-modal-pss/wm-modal-pss.js +0 -362
  233. package/dist/collection/components/wm-navigation/wm-navigation-hamburger.css +0 -847
  234. package/dist/collection/components/wm-navigation/wm-navigation-hamburger.js +0 -119
  235. package/dist/collection/components/wm-navigation/wm-navigation-item.css +0 -856
  236. package/dist/collection/components/wm-navigation/wm-navigation-item.js +0 -98
  237. package/dist/collection/components/wm-navigation/wm-navigation.css +0 -898
  238. package/dist/collection/components/wm-navigation/wm-navigation.e2e.js +0 -102
  239. package/dist/collection/components/wm-navigation/wm-navigation.js +0 -190
  240. package/dist/collection/components/wm-navigation/wm-navigation.spec.js +0 -91
  241. package/dist/collection/components/wm-navigator/priv-navigator-button/priv-navigator-button.css +0 -849
  242. package/dist/collection/components/wm-navigator/priv-navigator-button/priv-navigator-button.e2e.js +0 -50
  243. package/dist/collection/components/wm-navigator/priv-navigator-button/priv-navigator-button.js +0 -86
  244. package/dist/collection/components/wm-navigator/priv-navigator-item/priv-navigator-item.css +0 -830
  245. package/dist/collection/components/wm-navigator/priv-navigator-item/priv-navigator-item.js +0 -124
  246. package/dist/collection/components/wm-navigator/wm-navigator.css +0 -903
  247. package/dist/collection/components/wm-navigator/wm-navigator.e2e.js +0 -209
  248. package/dist/collection/components/wm-navigator/wm-navigator.js +0 -496
  249. package/dist/collection/components/wm-navigator/wm-navigator.spec.js +0 -177
  250. package/dist/collection/components/wm-pagination/wm-pagination.css +0 -971
  251. package/dist/collection/components/wm-pagination/wm-pagination.e2e.js +0 -312
  252. package/dist/collection/components/wm-pagination/wm-pagination.js +0 -363
  253. package/dist/collection/components/wm-search/wm-search.css +0 -895
  254. package/dist/collection/components/wm-search/wm-search.e2e.js +0 -76
  255. package/dist/collection/components/wm-search/wm-search.js +0 -426
  256. package/dist/collection/components/wm-search/wm-search.spec.js +0 -71
  257. package/dist/collection/components/wm-snackbar/wm-snackbar.css +0 -1077
  258. package/dist/collection/components/wm-snackbar/wm-snackbar.e2e.js +0 -112
  259. package/dist/collection/components/wm-snackbar/wm-snackbar.js +0 -269
  260. package/dist/collection/components/wm-snackbar/wm-snackbar.spec.js +0 -9
  261. package/dist/collection/components/wm-tabs/wm-tab-item/wm-tab-item.css +0 -868
  262. package/dist/collection/components/wm-tabs/wm-tab-item/wm-tab-item.js +0 -175
  263. package/dist/collection/components/wm-tabs/wm-tab-list/wm-tab-list.css +0 -840
  264. package/dist/collection/components/wm-tabs/wm-tab-list/wm-tab-list.js +0 -273
  265. package/dist/collection/components/wm-tabs/wm-tab-panel/wm-tab-panel.css +0 -825
  266. package/dist/collection/components/wm-tabs/wm-tab-panel/wm-tab-panel.js +0 -87
  267. package/dist/collection/components/wm-tabs/wm-tabs.e2e.js +0 -91
  268. package/dist/collection/components/wm-tabs/wm-tabs.spec.js +0 -12
  269. package/dist/collection/components/wm-tag-input/wm-tag-input.css +0 -1275
  270. package/dist/collection/components/wm-tag-input/wm-tag-input.e2e.js +0 -204
  271. package/dist/collection/components/wm-tag-input/wm-tag-input.js +0 -1227
  272. package/dist/collection/components/wm-tag-input/wm-tag-input.spec.js +0 -195
  273. package/dist/collection/components/wm-tag-input/wm-tag-option/wm-tag-option.js +0 -243
  274. package/dist/collection/components/wm-textarea/wm-textarea.css +0 -979
  275. package/dist/collection/components/wm-textarea/wm-textarea.e2e.js +0 -41
  276. package/dist/collection/components/wm-textarea/wm-textarea.js +0 -313
  277. package/dist/collection/components/wm-textarea/wm-textarea.spec.js +0 -79
  278. package/dist/collection/components/wm-timepicker/wm-timepicker.css +0 -1093
  279. package/dist/collection/components/wm-timepicker/wm-timepicker.e2e.js +0 -163
  280. package/dist/collection/components/wm-timepicker/wm-timepicker.js +0 -544
  281. package/dist/collection/components/wm-timepicker/wm-timepicker.spec.js +0 -147
  282. package/dist/collection/components/wm-toggletip/wm-toggletip.css +0 -1152
  283. package/dist/collection/components/wm-toggletip/wm-toggletip.e2e.js +0 -69
  284. package/dist/collection/components/wm-toggletip/wm-toggletip.js +0 -289
  285. package/dist/collection/components/wm-toggletip/wm-toggletip.spec.js +0 -21
  286. package/dist/collection/components/wm-uploader/wm-uploader.css +0 -1563
  287. package/dist/collection/components/wm-uploader/wm-uploader.e2e.js +0 -70
  288. package/dist/collection/components/wm-uploader/wm-uploader.js +0 -603
  289. package/dist/collection/components/wm-uploader/wm-uploader.spec.js +0 -234
  290. package/dist/collection/components/wm-wrapper/wm-wrapper.js +0 -28
  291. package/dist/collection/dev/button.js +0 -0
  292. package/dist/collection/dev/chart-small.js +0 -56
  293. package/dist/collection/dev/chart.js +0 -18
  294. package/dist/collection/dev/date-range.js +0 -6
  295. package/dist/collection/dev/datepicker.js +0 -46
  296. package/dist/collection/dev/file-list.js +0 -16
  297. package/dist/collection/dev/file.js +0 -0
  298. package/dist/collection/dev/input.js +0 -6
  299. package/dist/collection/dev/line-chart.js +0 -0
  300. package/dist/collection/dev/modal.js +0 -48
  301. package/dist/collection/dev/navigation.js +0 -13
  302. package/dist/collection/dev/navigator.js +0 -34
  303. package/dist/collection/dev/nested-select.js +0 -36
  304. package/dist/collection/dev/pagination.js +0 -7
  305. package/dist/collection/dev/progress-monitor.js +0 -0
  306. package/dist/collection/dev/pss-modal.js +0 -8
  307. package/dist/collection/dev/scripts.js +0 -49
  308. package/dist/collection/dev/search.js +0 -72
  309. package/dist/collection/dev/select.js +0 -57
  310. package/dist/collection/dev/snackbar.js +0 -54
  311. package/dist/collection/dev/tabs.js +0 -44
  312. package/dist/collection/dev/tag-input.js +0 -32
  313. package/dist/collection/dev/textarea.js +0 -28
  314. package/dist/collection/dev/timepicker.js +0 -32
  315. package/dist/collection/dev/toggletip.js +0 -9
  316. package/dist/collection/dev/uploader.js +0 -139
  317. package/dist/collection/global/__mocks__/functions.js +0 -6
  318. package/dist/collection/global/functions.js +0 -825
  319. package/dist/collection/global/functions.spec.js +0 -126
  320. package/dist/collection/global/intl.js +0 -274
  321. package/dist/collection/global/services/__mocks__/http-service.js +0 -130
  322. package/dist/collection/global/services/http-service.js +0 -50
  323. package/dist/collection/lang/lang.js +0 -5
  324. package/dist/collection/lang/lang.spec.js +0 -20
  325. package/dist/collection/lang/missing.js +0 -43
  326. package/dist/collection/lang/piglatin.js +0 -101
  327. package/dist/esm/functions-00e1916b.js +0 -9639
  328. package/dist/esm/global-c76064cb.js +0 -83
  329. package/dist/esm/index-558b5a82.js +0 -2618
  330. package/dist/esm/index.js +0 -1
  331. package/dist/esm/interfaces-cc5b177f.js +0 -34
  332. package/dist/esm/loader.js +0 -10
  333. package/dist/esm/polyfills/core-js.js +0 -11
  334. package/dist/esm/polyfills/dom.js +0 -79
  335. package/dist/esm/polyfills/es5-html-element.js +0 -1
  336. package/dist/esm/polyfills/index.js +0 -34
  337. package/dist/esm/polyfills/system.js +0 -6
  338. package/dist/esm/ripple.js +0 -19
  339. package/dist/esm/wm-action-menu_2.entry.js +0 -328
  340. package/dist/esm/wm-chart-slice.entry.js +0 -23
  341. package/dist/esm/wm-modal-pss_3.entry.js +0 -208
  342. package/dist/esm/wm-modal_3.entry.js +0 -206
  343. package/dist/esm/wm-navigation_3.entry.js +0 -179
  344. package/dist/esm/wm-option_2.entry.js +0 -420
  345. package/dist/esm/wm-tab-item_3.entry.js +0 -254
  346. package/dist/esm/wm-tag-option.entry.js +0 -39
  347. package/dist/esm/wm-wrapper.entry.js +0 -17
  348. package/dist/esm-es5/chartFunctions-9099c7e9.js +0 -1
  349. package/dist/esm-es5/functions-00e1916b.js +0 -1
  350. package/dist/esm-es5/global-c76064cb.js +0 -1
  351. package/dist/esm-es5/index-558b5a82.js +0 -1
  352. package/dist/esm-es5/index.js +0 -0
  353. package/dist/esm-es5/interfaces-cc5b177f.js +0 -1
  354. package/dist/esm-es5/intl-a6f16883.js +0 -1
  355. package/dist/esm-es5/loader.js +0 -1
  356. package/dist/esm-es5/priv-calendar.entry.js +0 -1
  357. package/dist/esm-es5/priv-chart-popover.entry.js +0 -1
  358. package/dist/esm-es5/priv-navigator-button.entry.js +0 -1
  359. package/dist/esm-es5/priv-navigator-item.entry.js +0 -1
  360. package/dist/esm-es5/priv-option-list.entry.js +0 -1
  361. package/dist/esm-es5/ripple.js +0 -1
  362. package/dist/esm-es5/wm-action-menu_2.entry.js +0 -1
  363. package/dist/esm-es5/wm-button.entry.js +0 -1
  364. package/dist/esm-es5/wm-chart-slice.entry.js +0 -1
  365. package/dist/esm-es5/wm-chart.entry.js +0 -1
  366. package/dist/esm-es5/wm-date-range.entry.js +0 -1
  367. package/dist/esm-es5/wm-datepicker.entry.js +0 -1
  368. package/dist/esm-es5/wm-file-list.entry.js +0 -1
  369. package/dist/esm-es5/wm-file.entry.js +0 -1
  370. package/dist/esm-es5/wm-input.entry.js +0 -1
  371. package/dist/esm-es5/wm-line-chart.entry.js +0 -1
  372. package/dist/esm-es5/wm-modal-pss_3.entry.js +0 -1
  373. package/dist/esm-es5/wm-modal_3.entry.js +0 -1
  374. package/dist/esm-es5/wm-navigation_3.entry.js +0 -1
  375. package/dist/esm-es5/wm-navigator.entry.js +0 -1
  376. package/dist/esm-es5/wm-nested-select.entry.js +0 -1
  377. package/dist/esm-es5/wm-optgroup.entry.js +0 -1
  378. package/dist/esm-es5/wm-option_2.entry.js +0 -1
  379. package/dist/esm-es5/wm-pagination.entry.js +0 -1
  380. package/dist/esm-es5/wm-progress-indicator_3.entry.js +0 -1
  381. package/dist/esm-es5/wm-search.entry.js +0 -1
  382. package/dist/esm-es5/wm-snackbar.entry.js +0 -1
  383. package/dist/esm-es5/wm-tab-item_3.entry.js +0 -1
  384. package/dist/esm-es5/wm-tag-input.entry.js +0 -1
  385. package/dist/esm-es5/wm-tag-option.entry.js +0 -1
  386. package/dist/esm-es5/wm-textarea.entry.js +0 -1
  387. package/dist/esm-es5/wm-timepicker.entry.js +0 -1
  388. package/dist/esm-es5/wm-toggletip.entry.js +0 -1
  389. package/dist/esm-es5/wm-uploader.entry.js +0 -1
  390. package/dist/esm-es5/wm-wrapper.entry.js +0 -1
  391. package/dist/index.cjs.js +0 -1
  392. package/dist/index.js +0 -1
  393. package/dist/loader/cdn.js +0 -3
  394. package/dist/loader/index.cjs.js +0 -3
  395. package/dist/loader/index.d.ts +0 -21
  396. package/dist/loader/index.es2017.js +0 -3
  397. package/dist/loader/index.js +0 -4
  398. package/dist/loader/package.json +0 -11
  399. package/dist/ripple/index.esm.js +0 -0
  400. package/dist/ripple/p-05ae54d7.entry.js +0 -1
  401. package/dist/ripple/p-0d89d63c.system.entry.js +0 -1
  402. package/dist/ripple/p-118c47eb.system.entry.js +0 -1
  403. package/dist/ripple/p-1a4b6b02.system.entry.js +0 -1
  404. package/dist/ripple/p-1a4b7504.system.entry.js +0 -1
  405. package/dist/ripple/p-1a951dfb.entry.js +0 -1
  406. package/dist/ripple/p-1c8f550f.system.entry.js +0 -1
  407. package/dist/ripple/p-1f751b87.js +0 -1
  408. package/dist/ripple/p-1fac5bf9.js +0 -1
  409. package/dist/ripple/p-20a8f732.system.entry.js +0 -1
  410. package/dist/ripple/p-249b56fb.entry.js +0 -1
  411. package/dist/ripple/p-249d13a1.system.entry.js +0 -1
  412. package/dist/ripple/p-26906899.entry.js +0 -1
  413. package/dist/ripple/p-2732bddd.js +0 -1
  414. package/dist/ripple/p-28119645.system.entry.js +0 -1
  415. package/dist/ripple/p-2f37f3ee.system.js +0 -1
  416. package/dist/ripple/p-32bf3f5b.system.entry.js +0 -1
  417. package/dist/ripple/p-335c03d3.system.entry.js +0 -1
  418. package/dist/ripple/p-363b534b.entry.js +0 -1
  419. package/dist/ripple/p-393e4636.js +0 -1
  420. package/dist/ripple/p-39f79d71.system.entry.js +0 -1
  421. package/dist/ripple/p-3a231f4b.system.entry.js +0 -1
  422. package/dist/ripple/p-3d4bb85f.entry.js +0 -1
  423. package/dist/ripple/p-4228de00.entry.js +0 -1
  424. package/dist/ripple/p-42fa7a77.system.js +0 -1
  425. package/dist/ripple/p-48e09589.entry.js +0 -1
  426. package/dist/ripple/p-4f8fe1d1.system.js +0 -1
  427. package/dist/ripple/p-50ea2036.system.js +0 -1
  428. package/dist/ripple/p-522ecb7d.system.entry.js +0 -1
  429. package/dist/ripple/p-54d6f0f9.entry.js +0 -1
  430. package/dist/ripple/p-568c595f.js +0 -2
  431. package/dist/ripple/p-56aeee6e.system.entry.js +0 -1
  432. package/dist/ripple/p-5e6a4f70.system.js +0 -1
  433. package/dist/ripple/p-5f082360.system.entry.js +0 -1
  434. package/dist/ripple/p-5f5fe905.js +0 -1
  435. package/dist/ripple/p-617c2c75.entry.js +0 -1
  436. package/dist/ripple/p-6524c53e.system.entry.js +0 -1
  437. package/dist/ripple/p-65d26233.system.entry.js +0 -1
  438. package/dist/ripple/p-6834a6d3.entry.js +0 -1
  439. package/dist/ripple/p-68e04222.entry.js +0 -1
  440. package/dist/ripple/p-68fddfaa.system.entry.js +0 -1
  441. package/dist/ripple/p-694903e6.system.entry.js +0 -1
  442. package/dist/ripple/p-73ca2f26.system.js +0 -1
  443. package/dist/ripple/p-7b6a65f8.system.entry.js +0 -1
  444. package/dist/ripple/p-7b7e1eb5.system.entry.js +0 -1
  445. package/dist/ripple/p-88ebddd7.entry.js +0 -1
  446. package/dist/ripple/p-8c1d27a7.entry.js +0 -1
  447. package/dist/ripple/p-8e9c24f3.entry.js +0 -1
  448. package/dist/ripple/p-8f836507.system.entry.js +0 -1
  449. package/dist/ripple/p-94495341.entry.js +0 -1
  450. package/dist/ripple/p-958331bf.entry.js +0 -1
  451. package/dist/ripple/p-9872623b.entry.js +0 -1
  452. package/dist/ripple/p-9ab3c088.system.entry.js +0 -1
  453. package/dist/ripple/p-9aedd599.entry.js +0 -1
  454. package/dist/ripple/p-9b848151.entry.js +0 -1
  455. package/dist/ripple/p-a04ef164.system.entry.js +0 -1
  456. package/dist/ripple/p-a78bb423.system.entry.js +0 -1
  457. package/dist/ripple/p-a880d9a0.system.entry.js +0 -1
  458. package/dist/ripple/p-ab8d78cc.system.js +0 -2
  459. package/dist/ripple/p-adc254e6.entry.js +0 -1
  460. package/dist/ripple/p-b165d61a.entry.js +0 -1
  461. package/dist/ripple/p-b39377c7.entry.js +0 -1
  462. package/dist/ripple/p-b9bca547.entry.js +0 -1
  463. package/dist/ripple/p-bae2c236.entry.js +0 -1
  464. package/dist/ripple/p-c53f3704.system.entry.js +0 -1
  465. package/dist/ripple/p-c56ff16f.entry.js +0 -1
  466. package/dist/ripple/p-c8cf09a2.system.entry.js +0 -1
  467. package/dist/ripple/p-cbdceb6e.entry.js +0 -1
  468. package/dist/ripple/p-cc813406.system.js +0 -1
  469. package/dist/ripple/p-d20a0f0c.system.entry.js +0 -1
  470. package/dist/ripple/p-d6111226.entry.js +0 -1
  471. package/dist/ripple/p-da68c87c.entry.js +0 -1
  472. package/dist/ripple/p-ddef82fa.system.entry.js +0 -1
  473. package/dist/ripple/p-dee6d5a3.entry.js +0 -1
  474. package/dist/ripple/p-e55d5371.entry.js +0 -1
  475. package/dist/ripple/p-e8c22f01.system.entry.js +0 -1
  476. package/dist/ripple/p-f555831b.entry.js +0 -1
  477. package/dist/ripple/p-f5c40e9e.system.entry.js +0 -1
  478. package/dist/ripple/p-fa09191b.system.entry.js +0 -1
  479. package/dist/ripple/p-fdfca58b.entry.js +0 -1
  480. package/dist/ripple/ripple.css +0 -1
  481. package/dist/ripple/ripple.esm.js +0 -1
  482. package/dist/ripple/ripple.js +0 -127
  483. /package/dist/{collection/dev/action-menu.js → types/test-setup.d.ts} +0 -0
package/dist/collection/components/wm-navigation/wm-navigation.e2e.js DELETED
@@ -1,102 +0,0 @@
1
- import { newE2EPage } from "@stencil/core/testing";
2
- import { AxePuppeteer } from "@axe-core/puppeteer";
3
- describe("wm-navigation", () => {
4
- let page, nav, hamburger, items;
5
- beforeEach(async () => {
6
- page = await newE2EPage();
7
- await page.setContent(`<html lang='en'><head><title>Page</title></head><body>
8
- <wm-navigation-hamburger nav-id="mynav"></wm-navigation-hamburger>
9
- <wm-navigation id="mynav">
10
- <wm-navigation-item href="/home" text="Home" active>Home</wm-navigation-item>
11
- <wm-navigation-item href="/things" text="Things">Things</wm-navigation-item>
12
- </wm-navigation><main><h1>Title</h1><button>something tabbable here</button>
13
- </main></body></html>`);
14
- nav = await page.find("wm-navigation");
15
- hamburger = await page.find("wm-navigation-hamburger");
16
- items = await page.find("wm-navigation-item");
17
- });
18
- it("passes Axe checks", async () => {
19
- const results = await new AxePuppeteer(page).analyze();
20
- expect(results.violations.length).toBe(0);
21
- });
22
- it("renders the component", async () => {
23
- expect(nav).not.toBeNull();
24
- expect(hamburger).not.toBeNull();
25
- expect(items).not.toBeNull();
26
- });
27
- it("traps focus when collapsible", async () => {
28
- // small screen, trap focus
29
- page.setViewport({ width: 1023, height: 800 });
30
- page.waitForChanges();
31
- await page.keyboard.press("Tab"); // focus on hamburger
32
- await page.keyboard.press("Enter"); // open. focus on close btn
33
- await page.waitForTimeout(250); // wait for animation to complete and focus to be called
34
- await page.keyboard.press("Tab"); // focus on 1st nav item
35
- await page.keyboard.press("Tab"); // focus on 2nd nav item
36
- await page.keyboard.press("Tab"); // with trap focus we circle back within the nav (on close btn)
37
- let activeEl = await page.evaluate(() => document.activeElement.tagName);
38
- expect(activeEl).toEqual("WM-NAVIGATION");
39
- });
40
- it("doesn't trap focus when persistent", async () => {
41
- // wide screen, no trap focus
42
- page.setViewport({ width: 1024, height: 800 });
43
- await page.waitForChanges(); // test fails randomly without this
44
- await page.keyboard.press("Tab"); // focus on 1st nav item
45
- await page.keyboard.press("Tab"); // focus on 2nd nav item
46
- await page.keyboard.press("Tab"); // focus on the button in main
47
- let activeEl = await page.evaluate(() => document.activeElement.tagName);
48
- expect(activeEl).toEqual("BUTTON");
49
- });
50
- it("handles focus method when collapsible and closed", async () => {
51
- page.setViewport({ width: 1023, height: 800 });
52
- let activeEl = await page.evaluate(() => document.activeElement.tagName);
53
- expect(activeEl).toEqual("BODY");
54
- nav.focus();
55
- activeEl = await page.evaluate(() => document.activeElement.tagName);
56
- expect(activeEl).toEqual("WM-NAVIGATION-HAMBURGER");
57
- });
58
- it("handles focus method when collapsible and open", async () => {
59
- page.setViewport({ width: 1023, height: 800 });
60
- let activeEl = await page.evaluate(() => document.activeElement.tagName);
61
- expect(activeEl).toEqual("BODY");
62
- expect(nav.getAttribute("aria-expanded")).toBe("false");
63
- hamburger.click();
64
- await page.waitForChanges();
65
- expect(nav.getAttribute("aria-expanded")).toBe("true");
66
- nav.focus();
67
- activeEl = await page.evaluate(() => document.activeElement.shadowRoot.activeElement.tagName);
68
- expect(activeEl).toEqual("WM-BUTTON"); // the close button
69
- });
70
- it("handles focus method when persistent", async () => {
71
- page.setViewport({ width: 1024, height: 800 });
72
- let activeEl = await page.evaluate(() => document.activeElement.tagName);
73
- expect(activeEl).toEqual("BODY");
74
- expect(nav.getAttribute("aria-expanded")).toBeUndefined;
75
- nav.focus();
76
- expect(nav.getAttribute("aria-expanded")).toBeUndefined; // should still be undefined
77
- activeEl = await page.evaluate(() => document.activeElement.shadowRoot.activeElement.textContent);
78
- expect(activeEl).toEqual("Home"); // first item
79
- });
80
- it("is open on load if open prop is set to true", async () => {
81
- page = await newE2EPage();
82
- await page.setContent(`<html lang='en'><head><title>Page</title></head><body>
83
- <wm-navigation-hamburger nav-id="mynav"></wm-navigation-hamburger>
84
- <wm-navigation open id="mynav">
85
- <wm-navigation-item href="/home" text="Home" active>Home</wm-navigation-item>
86
- <wm-navigation-item href="/things" text="Things">Things</wm-navigation-item>
87
- </wm-navigation><main><h1>Title</h1><button>something tabbable here</button>
88
- </main></body></html>`);
89
- await page.waitForTimeout(500);
90
- const nav = await page.find("wm-navigation");
91
- expect(nav.getAttribute("aria-expanded")).toBe("true");
92
- });
93
- it("programatically associates hamburger and nav and properly announces to SR", async () => {
94
- const hamburgerAriaControls = hamburger.shadowRoot.querySelector("button").getAttribute("aria-controls");
95
- const hamburgerAriaLabel = hamburger.shadowRoot.querySelector("button").getAttribute("aria-label");
96
- const navAriaLabel = nav.getAttribute("aria-label");
97
- expect(hamburgerAriaControls).toBe(nav.id);
98
- expect(hamburgerAriaLabel).toBe("Show navigation");
99
- expect(navAriaLabel).toBe("Main");
100
- });
101
- // when closed, focus returns to hamburger
102
- });
package/dist/collection/components/wm-navigation/wm-navigation.js DELETED
@@ -1,190 +0,0 @@
1
- import { h, Host, forceUpdate } from "@stencil/core";
2
- import { intl, throttle } from "../../global/functions";
3
- import { globalMessages } from "../../global/intl";
4
- export class Navigation {
5
- constructor() {
6
- this.mainNavigationMessage = intl.formatMessage({
7
- id: "navigation.mainNavigation",
8
- defaultMessage: "Main",
9
- description: "Label describing the site navigation, for screen reader users",
10
- });
11
- this.throttledRerender = throttle(() => forceUpdate(this.el), 50);
12
- this.open = false;
13
- }
14
- get isCollapsible() {
15
- return window.innerWidth < 1024;
16
- }
17
- get ariaExpanded() {
18
- return this.isCollapsible
19
- ? // if component is in collapsible mode, set aria-expanded according to expanded state
20
- this.open.toString()
21
- : // otherwise, do not render attr at all
22
- undefined;
23
- }
24
- closeOnEscape(ev) {
25
- if (ev.key === "Escape") {
26
- this.open = false;
27
- }
28
- }
29
- handleWindowResize() {
30
- // for component to react when breakpoint is crossed
31
- // (doesn't rerender on window resize)
32
- this.throttledRerender();
33
- }
34
- handleHamburgerClicked() {
35
- this.open = !this.open;
36
- }
37
- handleClickOnItem() {
38
- this.open = false;
39
- }
40
- handleStateChange() {
41
- if (this.isCollapsible) {
42
- this.wmNavigationStateChanged.emit();
43
- this.open ? this.expand() : this.collapse();
44
- }
45
- }
46
- componentWillLoad() {
47
- this.el.focus = () => {
48
- // in addition to delegatesFocus, we need to highjack the focus method to send focus to the appropriate element based on the navigation's state
49
- const btn = this.open
50
- ? this.el.shadowRoot.querySelector(".toggle")
51
- : document.querySelector("wm-navigation-hamburger");
52
- const firstItem = this.el.querySelector("wm-navigation-item");
53
- this.isCollapsible ? btn.focus() : firstItem.focus();
54
- };
55
- if (this.isCollapsible && this.open) {
56
- // hamburger needs to know if open was initially set to true
57
- this.wmNavigationStateChanged.emit();
58
- this.expand();
59
- }
60
- }
61
- redirectFocusFromBody(ev) {
62
- // the 2nd check excludes the case when user clicks on the page when the nav is open,
63
- // which should not redirect focus
64
- if (document.activeElement.tagName === "BODY" && !ev.relatedTarget) {
65
- this.el.focus();
66
- }
67
- }
68
- expand() {
69
- // listen to focus on body and redirect to the component
70
- // this is to handle trap focus when user has left the page (e.g. went to the address bar)
71
- // and is tabbing back in
72
- document.body.tabIndex = 0;
73
- document.body.addEventListener("focus", this.redirectFocusFromBody.bind(this), true);
74
- // wait for nav to be expanded otherwise tooltip will be misplaced.
75
- setTimeout(() => this.toggleEl.focus(), 250);
76
- //document.querySelector("wm-navigation")!.shadowRoot!.querySelector(".toggle")!.focus()
77
- }
78
- collapse() {
79
- // rm event listener on body
80
- document.body.tabIndex = -1;
81
- document.body.removeEventListener("focus", this.redirectFocusFromBody.bind(this));
82
- const hamburgerBtn = document.querySelector("wm-navigation-hamburger");
83
- // should fail silently if el doesn't exist
84
- // (dev may have chosen not to use the hamburger component)
85
- if (hamburgerBtn)
86
- hamburgerBtn.focus();
87
- }
88
- focusLastItem() {
89
- const items = this.el.querySelectorAll("wm-navigation-item");
90
- const lastItem = Array.from(items).pop();
91
- lastItem.focus();
92
- }
93
- renderOverlay() {
94
- return (h("div", { class: "overlay", onClick: () => {
95
- this.open = false;
96
- } }));
97
- }
98
- render() {
99
- return (h(Host, { role: "navigation", "aria-expanded": this.ariaExpanded, "aria-label": this.mainNavigationMessage }, this.open ? this.renderOverlay() : "", this.isCollapsible && (h("div", { class: "trapfocus", tabindex: this.open ? 0 : undefined, onFocus: () => this.focusLastItem() })), h("div", { class: "tray" }, h("div", { class: "toggle-wrapper" }, h("wm-button", { ref: (el) => (this.toggleEl = el), class: "toggle", "button-type": "navigational", icon: this.open ? "#close" : "#menu", "icon-size": "2rem", tooltip: this.open ? globalMessages.close : globalMessages.open, "tooltip-position": "right", tabIndex: this.open ? undefined : -1, onClick: () => {
100
- this.open = !this.open;
101
- } })), h("ul", { class: "navlist" }, h("slot", null))), this.isCollapsible && (h("div", { class: "trapfocus", tabindex: this.open ? 0 : undefined, onFocus: () => this.toggleEl.focus() }))));
102
- }
103
- static get is() { return "wm-navigation"; }
104
- static get encapsulation() { return "shadow"; }
105
- static get delegatesFocus() { return true; }
106
- static get originalStyleUrls() {
107
- return {
108
- "$": ["wm-navigation.scss"]
109
- };
110
- }
111
- static get styleUrls() {
112
- return {
113
- "$": ["wm-navigation.css"]
114
- };
115
- }
116
- static get properties() {
117
- return {
118
- "open": {
119
- "type": "boolean",
120
- "mutable": true,
121
- "complexType": {
122
- "original": "boolean",
123
- "resolved": "boolean",
124
- "references": {}
125
- },
126
- "required": false,
127
- "optional": false,
128
- "docs": {
129
- "tags": [],
130
- "text": ""
131
- },
132
- "attribute": "open",
133
- "reflect": true,
134
- "defaultValue": "false"
135
- }
136
- };
137
- }
138
- static get events() {
139
- return [{
140
- "method": "wmNavigationStateChanged",
141
- "name": "wmNavigationStateChanged",
142
- "bubbles": true,
143
- "cancelable": true,
144
- "composed": true,
145
- "docs": {
146
- "tags": [],
147
- "text": ""
148
- },
149
- "complexType": {
150
- "original": "any",
151
- "resolved": "any",
152
- "references": {}
153
- }
154
- }];
155
- }
156
- static get elementRef() { return "el"; }
157
- static get watchers() {
158
- return [{
159
- "propName": "open",
160
- "methodName": "handleStateChange"
161
- }];
162
- }
163
- static get listeners() {
164
- return [{
165
- "name": "keydown",
166
- "method": "closeOnEscape",
167
- "target": undefined,
168
- "capture": false,
169
- "passive": false
170
- }, {
171
- "name": "resize",
172
- "method": "handleWindowResize",
173
- "target": "window",
174
- "capture": false,
175
- "passive": true
176
- }, {
177
- "name": "wmNavigationHamburgerClicked",
178
- "method": "handleHamburgerClicked",
179
- "target": "window",
180
- "capture": false,
181
- "passive": false
182
- }, {
183
- "name": "wmNavigationItemClicked",
184
- "method": "handleClickOnItem",
185
- "target": undefined,
186
- "capture": false,
187
- "passive": false
188
- }];
189
- }
190
- }
package/dist/collection/components/wm-navigation/wm-navigation.spec.js DELETED
@@ -1,91 +0,0 @@
1
- import { newSpecPage } from "@stencil/core/testing";
2
- //jest.mock("../../global/functions");
3
- import { Navigation } from "./wm-navigation";
4
- import { NavigationItem } from "./wm-navigation-item";
5
- describe("Navigation unit tests", () => {
6
- it("isCollapsible", async () => {
7
- const nav = new Navigation();
8
- window.innerWidth = 1023;
9
- expect(nav.isCollapsible).toBe(true);
10
- window.innerWidth = 1024;
11
- expect(nav.isCollapsible).toBe(false);
12
- });
13
- it("ariaExpanded", async () => {
14
- const nav = new Navigation();
15
- window.innerWidth = 1024;
16
- expect(nav.ariaExpanded).toBeUndefined;
17
- window.innerWidth = 1023;
18
- expect(nav.ariaExpanded).toBe("false");
19
- nav.open = true;
20
- expect(nav.ariaExpanded).toBe("true");
21
- });
22
- });
23
- describe("navigation", () => {
24
- let page;
25
- let navigation;
26
- let items;
27
- beforeEach(async () => {
28
- page = await newSpecPage({
29
- components: [Navigation, NavigationItem],
30
- html: `<wm-navigation id="mynav">
31
- <wm-navigation-item href="/home" text="Home" active>Home</wm-navigation-item>
32
- <wm-navigation-item href="/things" text="Things">Things</wm-navigation-item>
33
- </wm-navigation>`,
34
- });
35
- navigation = page.root;
36
- items = Array.from(page.root.querySelectorAll("wm-navigation-item"));
37
- });
38
- // integration tests
39
- // this test includes UX functionality, the related a11y (aria-expanded)
40
- // as well as the switch between persistent and collapsible modes
41
- it("expands and collapses", async () => {
42
- // aria-expanded
43
- const expanded = navigation.getAttribute("aria-expanded");
44
- // Persistent: no aria-expanded
45
- window.innerWidth = 1024;
46
- expect(expanded).toBeNull;
47
- // Collapsible
48
- window.innerWidth = 1023;
49
- // aria-expanded true when open
50
- navigation.open = true;
51
- expect(expanded).not.toBeNull;
52
- // aria-expanded false when closed
53
- navigation.open = false;
54
- expect(expanded).toBeNull;
55
- });
56
- it("closes when toggle button is activated", async () => {
57
- window.innerWidth = 1023;
58
- navigation.open = true;
59
- let toggleBtn = page.root.shadowRoot.querySelector(".toggle");
60
- toggleBtn.click();
61
- expect(navigation.open).toBeFalsy();
62
- });
63
- /*
64
- * Close button is present in collapsible mode, not otherwise
65
- * can't test with current implementation because button is
66
- * simply hidden via CSS
67
- it("hides the button in persistent mode", async () => {
68
- // in persistent mode, there's no button at all
69
- window.innerWidth = 1024;
70
- navigation.open = true;
71
-
72
- let toggleBtn = page.root!.shadowRoot!.querySelector(".toggle-wrapper");
73
- expect(toggleBtn.width).toBeNull();
74
- });
75
- */
76
- // a11y
77
- it("Has a role of navigation and has a label", async () => {
78
- // navigation role requires a label only when there are several on the page. Since we don't know if there will be others, we can set a label in all cases.
79
- let role = navigation.getAttribute("role");
80
- let label = navigation.getAttribute("aria-label");
81
- expect(role).toBe("navigation");
82
- expect(label).toBe("Main");
83
- });
84
- it("items have proper role and attrs", async () => {
85
- const firstItem = items[0];
86
- const role = firstItem.getAttribute("role");
87
- expect(role).toBe("listitem");
88
- const href = firstItem.shadowRoot.querySelector("a").getAttribute("href");
89
- expect(href).toBe("/home");
90
- });
91
- });