@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-uploader/wm-uploader.e2e.js DELETED
@@ -1,70 +0,0 @@
1
- import { newE2EPage } from "@stencil/core/testing";
2
- import { AxePuppeteer } from "@axe-core/puppeteer";
3
- describe("wm-uploader", () => {
4
- let page, input, label;
5
- beforeEach(async () => {
6
- page = await newE2EPage();
7
- await page.setContent(`<html lang='en'><head><title>Page</title></head><body><main><h1>Title</h1>
8
- <wm-uploader button-text="Upload new document">
9
- <wm-file id="file1" name="File retrieved from server" type="pdf" last-updated="2020-01-28T22:29:10.397Z"></wm-file>
10
- <wm-file id="file2" name="Second file" type="jpeg" last-updated="2019-02-14T12:21:05.397Z"></wm-file>
11
- </wm-uploader>
12
- </main></body></html>`);
13
- input = await page.find("wm-uploader >>> input[type='file']");
14
- label = await page.find("wm-uploader >>> label");
15
- await page.waitForChanges();
16
- });
17
- it("passes Axe checks", async () => {
18
- const results = await new AxePuppeteer(page).analyze();
19
- expect(results.violations.length).toBe(0);
20
- });
21
- it("renders the component", async () => {
22
- expect(input).not.toBeNull();
23
- expect(label).not.toBeNull();
24
- });
25
- it("focuses previous file when deleting with the keyboard", async () => {
26
- page = await newE2EPage();
27
- await page.setContent(`<html lang='en'><head><title>Page</title></head><body><main><h1>Title</h1>
28
- <wm-uploader button-text="Upload new document">
29
- <wm-file id="file1" name="First file" type="pdf" file-actions="preview delete"></wm-file>
30
- <wm-file id="file2" name="Second file" type="pdf" file-actions="delete"></wm-file>
31
- </wm-uploader>
32
- </main></body></html>`);
33
- await page.waitForChanges();
34
- let fileEls = await page.findAll("wm-file");
35
- let secondFileEl = fileEls[1];
36
- // inital check of file count
37
- expect(fileEls.length).toBe(2);
38
- // user must be tabbing for these changes to occur
39
- await page.keyboard.press("Tab");
40
- await page.keyboard.press("Tab");
41
- await page.keyboard.press("Tab");
42
- await page.keyboard.press("Tab");
43
- await page.keyboard.press("Enter");
44
- await page.waitForChanges();
45
- // check focused element is last file, delete button
46
- let activeElId = await page.evaluate(() => document.activeElement.id);
47
- expect(activeElId).toBe("file2");
48
- let activeElButtonType = await page.evaluate(() => document.activeElement.shadowRoot.activeElement.classList[0]);
49
- expect(activeElButtonType).toBe("delete-button");
50
- let mockFileDeleteEvent = new CustomEvent("wmFileDelete");
51
- //@ts-ignore
52
- mockFileDeleteEvent.target = secondFileEl;
53
- secondFileEl.dispatchEvent(mockFileDeleteEvent);
54
- await page.evaluate(() => { var _a; return (_a = document.getElementById("file2")) === null || _a === void 0 ? void 0 : _a.remove(); });
55
- await page.waitForChanges();
56
- // confirm file has been removed
57
- fileEls = await page.findAll("wm-file");
58
- expect(fileEls.length).toBe(1);
59
- // check focused element is last file, delete button
60
- activeElId = await page.evaluate(() => document.activeElement.id);
61
- expect(activeElId).toBe("file1");
62
- activeElButtonType = await page.evaluate(() => document.activeElement.shadowRoot.activeElement.classList[0]);
63
- expect(activeElButtonType).toBe("delete-button");
64
- });
65
- // it("disables the button dynamically", async () => {
66
- // disabled when maxed out
67
- // disabled while a file is uploading
68
- // not disabled after upload
69
- // });
70
- });
package/dist/collection/components/wm-uploader/wm-uploader.js DELETED
@@ -1,603 +0,0 @@
1
- import { h, Host, forceUpdate, } from "@stencil/core";
2
- import { uploaderMessages } from "../../global/intl";
3
- import { intl } from "../../global/functions";
4
- export class Uploader {
5
- constructor() {
6
- this.batchCount = 0; // used to calculate the aggregate upload progress
7
- this.prevUploadCount = 0; // comparison to determine whether or not to announce updated count
8
- this.fileIdToDelete = "";
9
- this.label = undefined;
10
- this.uploaderType = "select";
11
- this.dropArea = "component";
12
- this.buttonText = undefined;
13
- this.icon = undefined;
14
- this.fileTypes = "pdf txt log xml doc docx xls xlsx ppt pptx gif jpg jpeg png csv";
15
- this.maxSize = undefined;
16
- this.maxFiles = undefined;
17
- this.errorMessage = undefined;
18
- this.requiredField = undefined;
19
- this.showInfo = "time";
20
- this.isTabbing = false;
21
- this.notif = "";
22
- this.isCondensed = false;
23
- }
24
- get isDisabled() {
25
- // disable if is the uploader is maxed out or if something is uploading
26
- return this.fileLimitReached || this.inProgressFileEls.length > 0;
27
- }
28
- get fileEls() {
29
- return Array.from(this.el.querySelectorAll("wm-file"));
30
- }
31
- get inProgressFileEls() {
32
- return this.fileEls.filter((file) => file.progress !== undefined && file.progress < 100);
33
- }
34
- get uploadedFileEls() {
35
- return this.fileEls.filter((file) => !file.errorMessage);
36
- }
37
- get fileLimitReached() {
38
- return this.maxFiles && this.uploadedFileEls.length >= this.maxFiles;
39
- }
40
- get validTypes() {
41
- return "." + this.fileTypes.split(" ").join(", .");
42
- }
43
- toggleTabbingOn() {
44
- this.isTabbing = true;
45
- }
46
- toggleTabbingOff() {
47
- this.isTabbing = false;
48
- }
49
- handleFileErrorCleared() {
50
- this.uploadButtonEl.focus();
51
- }
52
- storeDeletedId(ev) {
53
- this.fileIdToDelete = ev.target.id;
54
- }
55
- announceError() {
56
- if (this.errorMessage) {
57
- setTimeout(() => this.announce(this.errorMessage, this.politeLiveRegionEl), 100);
58
- }
59
- }
60
- ///////// Drop Event Handling ////////
61
- handleDocumentDragEnter() {
62
- if (this.uploaderType == "drop") {
63
- this.beginDropListening();
64
- }
65
- }
66
- handleDocumentMouseOut() {
67
- if (this.uploaderType == "drop" && this.dropAreaEl) {
68
- this.endDropListening();
69
- }
70
- }
71
- handleDocumentDragLeave(ev) {
72
- if (this.uploaderType == "drop") {
73
- // Do not end drop listening for events that bubble up from children of this uploader
74
- if (ev.target.closest("wm-uploader") == this.el) {
75
- this.endDropListening();
76
- }
77
- }
78
- }
79
- handleDocumentVisibilityChange() {
80
- // If a file is dropped outside of the drop area, if the browser opens the file in new tab, a dragleave event is not fired. This handles that case
81
- if (this.uploaderType == "drop") {
82
- this.endDropListening();
83
- }
84
- }
85
- handleDragEnter(ev) {
86
- if (this.uploaderType == "drop") {
87
- ev.preventDefault();
88
- this.el.classList.add("dragging");
89
- }
90
- }
91
- handleDragOver(ev) {
92
- if (this.uploaderType == "drop") {
93
- ev.preventDefault();
94
- }
95
- }
96
- handleDragLeave(ev) {
97
- if (this.uploaderType == "drop") {
98
- ev.preventDefault();
99
- this.endDropListening();
100
- this.el.classList.remove("dragging");
101
- }
102
- }
103
- handleDrop(ev) {
104
- if (this.uploaderType == "drop") {
105
- ev.preventDefault();
106
- this.el.classList.remove("dragging");
107
- this.endDropListening();
108
- if (ev.dataTransfer.files) {
109
- const files = Array.from(ev.dataTransfer.files);
110
- if (files.length > 0) {
111
- this.batchCount = files.length;
112
- this.wmUploaderFilesSelected.emit(files);
113
- }
114
- }
115
- }
116
- }
117
- beginDropListening() {
118
- if (this.dropArea == "page") {
119
- this.dropOverlayEl.showPopover();
120
- }
121
- this.dropAreaEl.classList.add("listening");
122
- }
123
- endDropListening() {
124
- if (this.dropArea == "page") {
125
- this.dropOverlayEl.hidePopover();
126
- }
127
- this.dropAreaEl.classList.remove("listening");
128
- }
129
- componentDidLoad() {
130
- if (document.body.classList.contains("wmcl-user-is-tabbing")) {
131
- this.toggleTabbingOn();
132
- }
133
- const mutationObserver = new MutationObserver((mutationRecordList) => mutationRecordList.forEach((mutationRecord) => this.handleChildMutation(mutationRecord)));
134
- mutationObserver.observe(this.el, {
135
- childList: true,
136
- subtree: true,
137
- attributes: true,
138
- attributeOldValue: true,
139
- attributeFilter: ["progress"],
140
- });
141
- }
142
- handleChildMutation(mutationRecord) {
143
- if (mutationRecord.type === "attributes") {
144
- this.handleProgressUpdate(mutationRecord);
145
- }
146
- else if (mutationRecord.type === "childList") {
147
- // if user prompted the removal of a single file (they hit the delete button)
148
- if (this.isTabbing &&
149
- mutationRecord.removedNodes.length === 1 &&
150
- mutationRecord.removedNodes[0].id === this.fileIdToDelete) {
151
- this.focusAfterFileRemoval(mutationRecord);
152
- this.fileIdToDelete = "";
153
- }
154
- // on added wm-files, if wm-file has an error, announce
155
- if (mutationRecord.addedNodes.length > 0) {
156
- mutationRecord.addedNodes.forEach((addedFile) => {
157
- if (addedFile.errorMessage) {
158
- setTimeout(() => this.announce(addedFile.errorMessage, this.politeLiveRegionEl), 500);
159
- }
160
- });
161
- }
162
- forceUpdate(this.el); // forceUpdate to rerender filecount
163
- }
164
- }
165
- handleProgressUpdate(mutationRecord) {
166
- if (this.inProgressFileEls.length !== 0) {
167
- const changeInUploadingFiles = this.prevUploadCount !== this.inProgressFileEls.length;
168
- changeInUploadingFiles &&
169
- this.announce(uploaderMessages.getFilesUploading(this.inProgressFileEls.length), this.assertiveLiveRegionEl);
170
- this.notif = uploaderMessages.getFilesUploading(this.inProgressFileEls.length);
171
- this.prevUploadCount = this.inProgressFileEls.length;
172
- if (!this.srProgress) {
173
- this.srProgress = setInterval(() => {
174
- const aggregate = this.fileEls.reduce((avg, item) => (item.progress ? avg + item.progress : avg), 0);
175
- this.announce(uploaderMessages.getUploadProgress(Math.floor(aggregate / this.batchCount)), this.assertiveLiveRegionEl);
176
- }, 5000);
177
- }
178
- }
179
- else if (this.inProgressFileEls.length === 0 &&
180
- mutationRecord.oldValue &&
181
- parseInt(mutationRecord.oldValue) < 100) {
182
- // if final file progress completes
183
- this.notif = uploaderMessages.finishedUploading;
184
- this.announce(uploaderMessages.finishedUploading, this.assertiveLiveRegionEl);
185
- clearInterval(this.srProgress);
186
- setTimeout(() => {
187
- this.notif = "";
188
- }, 20 * 1000);
189
- }
190
- }
191
- focusAfterFileRemoval(mutationRecord) {
192
- let previousSibling = mutationRecord.previousSibling;
193
- // .previousSibling can sometimes grab #text nodes but unfortunately mutationRecord does not hold .previousElementSibling
194
- // so we need to loop upwards until we find a wm-file with a button to focus, or null
195
- while (previousSibling &&
196
- !(previousSibling.nodeName === "WM-FILE" &&
197
- previousSibling.shadowRoot.querySelector("wm-button"))) {
198
- previousSibling = previousSibling.previousSibling;
199
- }
200
- if (previousSibling) {
201
- const fileActionButtons = previousSibling.shadowRoot.querySelectorAll("wm-button");
202
- fileActionButtons[fileActionButtons.length - 1].focus();
203
- }
204
- else {
205
- this.uploadButtonEl.focus();
206
- }
207
- }
208
- handleUploadButtonClick(ev) {
209
- if (this.isDisabled) {
210
- // this is a temporary fix.
211
- // we need the disabled button to be programmatically focusable
212
- // to allow return focus after closing the browser file panel
213
- // since it's focusable the button should respond when activated
214
- // it looks disabled, and announces the reason why the action cannot
215
- // be taken when activated.
216
- ev.preventDefault();
217
- if (this.inProgressFileEls.length > 0) {
218
- this.announce(uploaderMessages.waitToUpload, this.assertiveLiveRegionEl);
219
- }
220
- else if (this.fileLimitReached) {
221
- this.announce(uploaderMessages.fileLimitReached, this.assertiveLiveRegionEl);
222
- }
223
- }
224
- }
225
- handleUploadButtonChange() {
226
- if (this.uploadButtonEl.files) {
227
- const files = Array.from(this.uploadButtonEl.files);
228
- if (files.length > 0) {
229
- this.batchCount = files.length;
230
- this.wmUploaderFilesSelected.emit(files);
231
- }
232
- this.uploadButtonEl.value = ""; // reset to ensure that onChange is triggered when the same file is selected a second time
233
- }
234
- }
235
- announce(message, liveRegionEl) {
236
- if (liveRegionEl.textContent === message) {
237
- message += "\u00A0";
238
- }
239
- liveRegionEl.textContent = message;
240
- }
241
- renderIcon() {
242
- const defaultIconSize = "0.875rem";
243
- if (this.icon.match(/^#/)) {
244
- // Icon ID
245
- return h("span", { class: `svg-icon svg-${this.icon.slice(1)}`, style: { "--icon-size": defaultIconSize } });
246
- }
247
- else if (this.icon.match(/^\/\S*[#]\S*/)) {
248
- // starts with /, any number of non-whitespace characters, followed by #, followed by any non-whitespace characters
249
- // Relative Path & Symbol
250
- return (h("svg", { xmlns: "http://www.w3.org/2000/svg", class: "svg-icon", style: { "--icon-fill": "currentColor", "--icon-size": defaultIconSize }, fill: "currentColor" }, h("use", { href: this.icon })));
251
- }
252
- else {
253
- // MDI
254
- return (h("span", { class: "mdi", "aria-hidden": "true" }, String.fromCodePoint(parseInt(`0x${this.icon}`))));
255
- }
256
- }
257
- renderUploadButton() {
258
- let accessibleLabel = `${this.label && this.label !== this.buttonText ? `${this.label}, ` : ""}${this.buttonText}`;
259
- return (h("div", { class: "button-wrapper" }, h("input", { name: "input", id: "input", ref: (el) => (this.uploadButtonEl = el), class: "sr-only", "aria-label": accessibleLabel, "aria-required": this.requiredField ? "true" : null, "aria-describedby": `${this.errorMessage ? "error " : ""}file-count max-size accepted-types`, type: "file", multiple: true, onClick: (ev) => this.handleUploadButtonClick(ev), onChange: () => this.handleUploadButtonChange() }), h("label", { htmlFor: "input", class: `wm-button -secondary ${this.isDisabled ? "disabled" : ""}` }, this.icon && this.renderIcon(), this.buttonText), this.uploaderType == "select" && this.renderFileCount()));
260
- }
261
- renderDropButton() {
262
- let accessibleLabel = `${this.label && this.label !== this.buttonText ? `${this.label}, ` : ""}${uploaderMessages.dropInstructions}`;
263
- return (h("div", { class: "button-wrapper -drop" }, h("input", { name: "input", id: "input", ref: (el) => (this.uploadButtonEl = el), class: "sr-only", "aria-label": accessibleLabel, "aria-required": this.requiredField ? "true" : null, "aria-describedby": `${this.errorMessage ? "error " : ""}file-count max-size accepted-types`, type: "file", multiple: true, onClick: (ev) => this.handleUploadButtonClick(ev), onChange: () => this.handleUploadButtonChange() }), h("label", { htmlFor: "input", class: `${this.isDisabled ? "disabled" : ""}` }, h("div", { class: "prompt" }, h("span", { class: "upload-arrow" }), h("span", { id: "drop-text", class: `wm-button -textonly ${this.isDisabled ? "disabled" : ""}` }, h("span", { class: "default-text" }, uploaderMessages.dropInstructions), h("span", { class: "dragging-text" }, uploaderMessages.dropFile))), this.renderFileCount())));
264
- }
265
- renderHeader() {
266
- return (h("div", { class: "header" }, h("div", { class: "notif-wrapper" }, this.uploaderType == "select" ? this.renderUploadButton() : this.renderDropButton(), this.renderRequirements()), this.notif && h("div", { class: "notif" }, this.notif), h("div", { id: "error" }, this.errorMessage)));
267
- }
268
- renderFileCount() {
269
- if (this.maxFiles) {
270
- return h("div", { id: "file-count" }, uploaderMessages.getFileCount(this.uploadedFileEls.length, this.maxFiles));
271
- }
272
- }
273
- renderRequirements() {
274
- const maxSizeMessage = intl.formatMessage({
275
- id: "uploader.maxSize",
276
- defaultMessage: "<b>Maximum File Size:</b> {maxSize}",
277
- description: "An indicator of the maximum file size the uploader allows",
278
- }, {
279
- maxSize: this.maxSize,
280
- b: (chunks) => h("span", { style: { "font-weight": "600" } }, chunks),
281
- });
282
- const acceptedTypesMessage = intl.formatMessage({
283
- id: "uploader.acceptedFileTypes",
284
- defaultMessage: "<b>Accepted File {amount, plural, =1 {Type} other {Types}}:</b> {fileTypes}",
285
- }, {
286
- fileTypes: this.validTypes,
287
- amount: this.fileTypes.split(" ").length,
288
- b: (chunks) => h("span", { style: { "font-weight": "600" } }, chunks),
289
- });
290
- return (h("details", { class: "requirements" }, h("summary", null, uploaderMessages.fileRequirements), h("div", { class: "requirements-wrapper" }, h("div", { id: "accepted-types", class: "accepted-types" }, acceptedTypesMessage), this.maxSize && h("span", { id: "max-size" }, maxSizeMessage))));
291
- }
292
- renderListContainer() {
293
- const hasNewlyUploadedFiles = this.fileEls.filter((file) => file.progress && file.progress === 100).length;
294
- return (h("div", { class: `list-container ${hasNewlyUploadedFiles ? "checkmark-spacer" : ""}` }, h("ul", { class: "file-list" }, h("slot", null))));
295
- }
296
- renderLabel() {
297
- return (h("div", { class: `wrapper ${this.errorMessage ? "invalid" : ""}` }, h("div", { id: "label", class: `label` }, this.label, this.requiredField && (h("span", { class: "required", "aria-hidden": "true" }, "*")))));
298
- }
299
- renderDropArea() {
300
- return (h("div", { class: `drop-area -${this.dropArea}`, ref: (el) => (this.dropAreaEl = el), onDragEnter: (ev) => this.handleDragEnter(ev), onDragOver: (ev) => this.handleDragOver(ev), onDragLeave: (ev) => this.handleDragLeave(ev), onDrop: (ev) => this.handleDrop(ev) }, this.dropArea == "page" && (h("div", { ref: (el) => (this.dropOverlayEl = el), class: "drop-overlay", popover: "manual" }, h("span", { class: "upload-arrow" }), h("span", null, "Drop to Upload")))));
301
- }
302
- render() {
303
- return (h(Host, { class: `-${this.dropArea}` }, this.uploaderType == "drop" && this.renderDropArea(), this.label && this.renderLabel(), this.renderHeader(), this.renderListContainer(), h("div", { ref: (el) => (this.assertiveLiveRegionEl = el), class: "live-region sr-only", "aria-live": "assertive" // since it's directly linked to the action the user took, it should be read in priority. With polite, some messages get dismissed in favor of the page title
304
- ,
305
- "aria-atomic": "true" }), h("div", { ref: (el) => (this.politeLiveRegionEl = el), class: "live-region sr-only", "aria-live": "polite", "aria-atomic": "true" })));
306
- }
307
- static get is() { return "wm-uploader"; }
308
- static get encapsulation() { return "shadow"; }
309
- static get delegatesFocus() { return true; }
310
- static get originalStyleUrls() {
311
- return {
312
- "$": ["wm-uploader.scss"]
313
- };
314
- }
315
- static get styleUrls() {
316
- return {
317
- "$": ["wm-uploader.css"]
318
- };
319
- }
320
- static get properties() {
321
- return {
322
- "label": {
323
- "type": "string",
324
- "mutable": false,
325
- "complexType": {
326
- "original": "string",
327
- "resolved": "string | undefined",
328
- "references": {}
329
- },
330
- "required": false,
331
- "optional": true,
332
- "docs": {
333
- "tags": [],
334
- "text": ""
335
- },
336
- "attribute": "label",
337
- "reflect": false
338
- },
339
- "uploaderType": {
340
- "type": "string",
341
- "mutable": false,
342
- "complexType": {
343
- "original": "\"select\" | \"drop\"",
344
- "resolved": "\"drop\" | \"select\"",
345
- "references": {}
346
- },
347
- "required": false,
348
- "optional": false,
349
- "docs": {
350
- "tags": [],
351
- "text": ""
352
- },
353
- "attribute": "uploader-type",
354
- "reflect": false,
355
- "defaultValue": "\"select\""
356
- },
357
- "dropArea": {
358
- "type": "string",
359
- "mutable": false,
360
- "complexType": {
361
- "original": "\"component\" | \"page\"",
362
- "resolved": "\"component\" | \"page\"",
363
- "references": {}
364
- },
365
- "required": false,
366
- "optional": false,
367
- "docs": {
368
- "tags": [],
369
- "text": ""
370
- },
371
- "attribute": "drop-area",
372
- "reflect": false,
373
- "defaultValue": "\"component\""
374
- },
375
- "buttonText": {
376
- "type": "string",
377
- "mutable": false,
378
- "complexType": {
379
- "original": "string",
380
- "resolved": "string",
381
- "references": {}
382
- },
383
- "required": true,
384
- "optional": false,
385
- "docs": {
386
- "tags": [],
387
- "text": ""
388
- },
389
- "attribute": "button-text",
390
- "reflect": false
391
- },
392
- "icon": {
393
- "type": "string",
394
- "mutable": false,
395
- "complexType": {
396
- "original": "string",
397
- "resolved": "string",
398
- "references": {}
399
- },
400
- "required": true,
401
- "optional": false,
402
- "docs": {
403
- "tags": [],
404
- "text": ""
405
- },
406
- "attribute": "icon",
407
- "reflect": false
408
- },
409
- "fileTypes": {
410
- "type": "string",
411
- "mutable": false,
412
- "complexType": {
413
- "original": "string",
414
- "resolved": "string",
415
- "references": {}
416
- },
417
- "required": false,
418
- "optional": false,
419
- "docs": {
420
- "tags": [],
421
- "text": ""
422
- },
423
- "attribute": "file-types",
424
- "reflect": false,
425
- "defaultValue": "\"pdf txt log xml doc docx xls xlsx ppt pptx gif jpg jpeg png csv\""
426
- },
427
- "maxSize": {
428
- "type": "string",
429
- "mutable": false,
430
- "complexType": {
431
- "original": "string",
432
- "resolved": "string | undefined",
433
- "references": {}
434
- },
435
- "required": false,
436
- "optional": true,
437
- "docs": {
438
- "tags": [],
439
- "text": ""
440
- },
441
- "attribute": "max-size",
442
- "reflect": false
443
- },
444
- "maxFiles": {
445
- "type": "number",
446
- "mutable": false,
447
- "complexType": {
448
- "original": "number",
449
- "resolved": "number | undefined",
450
- "references": {}
451
- },
452
- "required": false,
453
- "optional": true,
454
- "docs": {
455
- "tags": [],
456
- "text": ""
457
- },
458
- "attribute": "max-files",
459
- "reflect": false
460
- },
461
- "errorMessage": {
462
- "type": "string",
463
- "mutable": false,
464
- "complexType": {
465
- "original": "string",
466
- "resolved": "string | undefined",
467
- "references": {}
468
- },
469
- "required": false,
470
- "optional": true,
471
- "docs": {
472
- "tags": [],
473
- "text": ""
474
- },
475
- "attribute": "error-message",
476
- "reflect": false
477
- },
478
- "requiredField": {
479
- "type": "boolean",
480
- "mutable": false,
481
- "complexType": {
482
- "original": "boolean",
483
- "resolved": "boolean | undefined",
484
- "references": {}
485
- },
486
- "required": false,
487
- "optional": true,
488
- "docs": {
489
- "tags": [],
490
- "text": ""
491
- },
492
- "attribute": "required-field",
493
- "reflect": false
494
- },
495
- "showInfo": {
496
- "type": "string",
497
- "mutable": false,
498
- "complexType": {
499
- "original": "\"size\" | \"time\" | \"none\"",
500
- "resolved": "\"none\" | \"size\" | \"time\"",
501
- "references": {}
502
- },
503
- "required": false,
504
- "optional": false,
505
- "docs": {
506
- "tags": [],
507
- "text": ""
508
- },
509
- "attribute": "show-info",
510
- "reflect": false,
511
- "defaultValue": "\"time\""
512
- }
513
- };
514
- }
515
- static get states() {
516
- return {
517
- "isTabbing": {},
518
- "notif": {},
519
- "isCondensed": {}
520
- };
521
- }
522
- static get events() {
523
- return [{
524
- "method": "wmUploaderFilesSelected",
525
- "name": "wmUploaderFilesSelected",
526
- "bubbles": true,
527
- "cancelable": true,
528
- "composed": true,
529
- "docs": {
530
- "tags": [],
531
- "text": ""
532
- },
533
- "complexType": {
534
- "original": "File[]",
535
- "resolved": "File[]",
536
- "references": {
537
- "File": {
538
- "location": "global",
539
- "id": "global::File"
540
- }
541
- }
542
- }
543
- }];
544
- }
545
- static get elementRef() { return "el"; }
546
- static get watchers() {
547
- return [{
548
- "propName": "errorMessage",
549
- "methodName": "announceError"
550
- }];
551
- }
552
- static get listeners() {
553
- return [{
554
- "name": "wmUserIsTabbing",
555
- "method": "toggleTabbingOn",
556
- "target": "window",
557
- "capture": false,
558
- "passive": false
559
- }, {
560
- "name": "wmUserIsNotTabbing",
561
- "method": "toggleTabbingOff",
562
- "target": "window",
563
- "capture": false,
564
- "passive": false
565
- }, {
566
- "name": "wmFileErrorCleared",
567
- "method": "handleFileErrorCleared",
568
- "target": undefined,
569
- "capture": false,
570
- "passive": false
571
- }, {
572
- "name": "wmFileDelete",
573
- "method": "storeDeletedId",
574
- "target": undefined,
575
- "capture": false,
576
- "passive": false
577
- }, {
578
- "name": "dragenter",
579
- "method": "handleDocumentDragEnter",
580
- "target": "document",
581
- "capture": false,
582
- "passive": true
583
- }, {
584
- "name": "mouseout",
585
- "method": "handleDocumentMouseOut",
586
- "target": "document",
587
- "capture": false,
588
- "passive": true
589
- }, {
590
- "name": "dragleave",
591
- "method": "handleDocumentDragLeave",
592
- "target": "document",
593
- "capture": false,
594
- "passive": true
595
- }, {
596
- "name": "visibilitychange",
597
- "method": "handleDocumentVisibilityChange",
598
- "target": "document",
599
- "capture": false,
600
- "passive": false
601
- }];
602
- }
603
- }