@watermarkinsights/ripple 5.12.0 → 5.14.0-alpha.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (482) hide show
  1. package/LICENSE +21 -0
  2. package/dist/{esm/chartFunctions-9099c7e9.js → components/chartFunctions.js} +4 -4
  3. package/dist/components/functions.js +17465 -0
  4. package/dist/components/index.d.ts +33 -0
  5. package/dist/{collection/global/global.js → components/index.js} +52 -2
  6. package/dist/{collection/global → components}/interfaces.js +6 -4
  7. package/dist/{esm/intl-a6f16883.js → components/intl.js} +1 -1
  8. package/dist/components/priv-calendar.d.ts +11 -0
  9. package/dist/components/priv-calendar.js +6 -0
  10. package/dist/{esm/priv-calendar.entry.js → components/priv-calendar2.js} +40 -17
  11. package/dist/components/priv-chart-popover.d.ts +11 -0
  12. package/dist/components/priv-chart-popover.js +6 -0
  13. package/dist/{esm/priv-chart-popover.entry.js → components/priv-chart-popover2.js} +32 -13
  14. package/dist/components/priv-navigator-button.d.ts +11 -0
  15. package/dist/components/priv-navigator-button.js +6 -0
  16. package/dist/{esm/priv-navigator-button.entry.js → components/priv-navigator-button2.js} +27 -9
  17. package/dist/components/priv-navigator-item.d.ts +11 -0
  18. package/dist/components/priv-navigator-item.js +6 -0
  19. package/dist/{esm/priv-navigator-item.entry.js → components/priv-navigator-item2.js} +28 -9
  20. package/dist/components/priv-option-list.d.ts +11 -0
  21. package/dist/components/priv-option-list.js +6 -0
  22. package/dist/{esm/priv-option-list.entry.js → components/priv-option-list2.js} +54 -21
  23. package/dist/components/wm-action-menu.d.ts +11 -0
  24. package/dist/components/wm-action-menu.js +6 -0
  25. package/dist/{cjs/wm-pagination.cjs.entry.js → components/wm-action-menu2.js} +216 -212
  26. package/dist/components/wm-button.d.ts +11 -0
  27. package/dist/components/wm-button.js +6 -0
  28. package/dist/{esm/wm-button.entry.js → components/wm-button2.js} +49 -20
  29. package/dist/components/wm-chart-slice.d.ts +11 -0
  30. package/dist/components/wm-chart-slice.js +41 -0
  31. package/dist/components/wm-chart.d.ts +11 -0
  32. package/dist/{esm/wm-chart.entry.js → components/wm-chart.js} +61 -22
  33. package/dist/components/wm-date-range.d.ts +11 -0
  34. package/dist/{esm/wm-date-range.entry.js → components/wm-date-range.js} +66 -23
  35. package/dist/components/wm-datepicker.d.ts +11 -0
  36. package/dist/{esm/wm-datepicker.entry.js → components/wm-datepicker.js} +58 -20
  37. package/dist/components/wm-file-list.d.ts +11 -0
  38. package/dist/{cjs/wm-file-list.cjs.entry.js → components/wm-file-list.js} +29 -13
  39. package/dist/components/wm-file.d.ts +11 -0
  40. package/dist/{esm/wm-file.entry.js → components/wm-file.js} +59 -20
  41. package/dist/components/wm-input.d.ts +11 -0
  42. package/dist/{esm/wm-input.entry.js → components/wm-input.js} +54 -22
  43. package/dist/components/wm-line-chart.d.ts +11 -0
  44. package/dist/{esm/wm-line-chart.entry.js → components/wm-line-chart.js} +80 -39
  45. package/dist/components/wm-menuitem.d.ts +11 -0
  46. package/dist/components/wm-menuitem.js +6 -0
  47. package/dist/{cjs/wm-optgroup.cjs.entry.js → components/wm-menuitem2.js} +130 -57
  48. package/dist/components/wm-modal-footer.d.ts +11 -0
  49. package/dist/components/wm-modal-footer.js +73 -0
  50. package/dist/components/wm-modal-header.d.ts +11 -0
  51. package/dist/components/wm-modal-header.js +61 -0
  52. package/dist/components/wm-modal-pss-footer.d.ts +11 -0
  53. package/dist/{cjs/priv-chart-popover.cjs.entry.js → components/wm-modal-pss-footer.js} +58 -128
  54. package/dist/components/wm-modal-pss-header.d.ts +11 -0
  55. package/dist/components/wm-modal-pss-header.js +64 -0
  56. package/dist/components/wm-modal-pss.d.ts +11 -0
  57. package/dist/{cjs/wm-textarea.cjs.entry.js → components/wm-modal-pss.js} +141 -66
  58. package/dist/components/wm-modal.d.ts +11 -0
  59. package/dist/{cjs/wm-input.cjs.entry.js → components/wm-modal.js} +140 -103
  60. package/dist/components/wm-navigation-hamburger.d.ts +11 -0
  61. package/dist/{ripple/p-f9cade98.entry.js → components/wm-navigation-hamburger.js} +70 -1
  62. package/dist/components/wm-navigation-item.d.ts +11 -0
  63. package/dist/components/wm-navigation-item.js +40 -0
  64. package/dist/components/wm-navigation.d.ts +11 -0
  65. package/dist/{ripple/p-1a71d867.system.entry.js → components/wm-navigation.js} +144 -1
  66. package/dist/components/wm-navigator.d.ts +11 -0
  67. package/dist/{esm/wm-navigator.entry.js → components/wm-navigator.js} +106 -18
  68. package/dist/components/wm-nested-select.d.ts +11 -0
  69. package/dist/{esm/wm-nested-select.entry.js → components/wm-nested-select.js} +56 -23
  70. package/dist/components/wm-optgroup.d.ts +11 -0
  71. package/dist/{esm/wm-optgroup.entry.js → components/wm-optgroup.js} +49 -11
  72. package/dist/components/wm-option.d.ts +11 -0
  73. package/dist/components/wm-option.js +6 -0
  74. package/dist/{cjs/wm-search.cjs.entry.js → components/wm-option2.js} +168 -165
  75. package/dist/components/wm-pagination.d.ts +11 -0
  76. package/dist/{esm/wm-pagination.entry.js → components/wm-pagination.js} +45 -17
  77. package/dist/components/wm-progress-indicator.d.ts +11 -0
  78. package/dist/{esm/wm-progress-indicator_3.entry.js → components/wm-progress-indicator.js} +52 -104
  79. package/dist/components/wm-progress-monitor.d.ts +11 -0
  80. package/dist/components/wm-progress-monitor.js +93 -0
  81. package/dist/components/wm-progress-slice.d.ts +11 -0
  82. package/dist/components/wm-progress-slice.js +37 -0
  83. package/dist/components/wm-search.d.ts +11 -0
  84. package/dist/{esm/wm-search.entry.js → components/wm-search.js} +76 -15
  85. package/dist/components/wm-select.d.ts +11 -0
  86. package/dist/components/wm-select.js +6 -0
  87. package/dist/components/wm-select2.js +294 -0
  88. package/dist/components/wm-snackbar.d.ts +11 -0
  89. package/dist/{esm/wm-snackbar.entry.js → components/wm-snackbar.js} +41 -16
  90. package/dist/components/wm-tab-item.d.ts +11 -0
  91. package/dist/components/wm-tab-item.js +85 -0
  92. package/dist/components/wm-tab-list.d.ts +11 -0
  93. package/dist/{cjs/wm-uploader.cjs.entry.js → components/wm-tab-list.js} +174 -281
  94. package/dist/components/wm-tab-panel.d.ts +11 -0
  95. package/dist/{esm/wm-file-list.entry.js → components/wm-tab-panel.js} +46 -12
  96. package/dist/components/wm-tag-input.d.ts +11 -0
  97. package/dist/{esm/wm-tag-input.entry.js → components/wm-tag-input.js} +64 -32
  98. package/dist/components/wm-tag-option.d.ts +11 -0
  99. package/dist/components/wm-tag-option.js +63 -0
  100. package/dist/components/wm-textarea.d.ts +11 -0
  101. package/dist/{esm/wm-textarea.entry.js → components/wm-textarea.js} +47 -17
  102. package/dist/components/wm-timepicker.d.ts +11 -0
  103. package/dist/{esm/wm-timepicker.entry.js → components/wm-timepicker.js} +51 -20
  104. package/dist/components/wm-toggletip.d.ts +11 -0
  105. package/dist/{esm/wm-toggletip.entry.js → components/wm-toggletip.js} +38 -16
  106. package/dist/components/wm-uploader.d.ts +11 -0
  107. package/dist/{esm/wm-uploader.entry.js → components/wm-uploader.js} +52 -24
  108. package/dist/components/wm-wrapper.d.ts +11 -0
  109. package/dist/components/wm-wrapper.js +34 -0
  110. package/dist/types/stencil-public-runtime.d.ts +31 -10
  111. package/package.json +4 -8
  112. package/dist/cjs/chartFunctions-a1981e06.js +0 -732
  113. package/dist/cjs/functions-4b187487.js +0 -9679
  114. package/dist/cjs/global-4e034486.js +0 -85
  115. package/dist/cjs/index-e86c28b6.js +0 -2649
  116. package/dist/cjs/index.cjs.js +0 -2
  117. package/dist/cjs/interfaces-85d78ae9.js +0 -37
  118. package/dist/cjs/intl-7fd0760e.js +0 -283
  119. package/dist/cjs/loader.cjs.js +0 -14
  120. package/dist/cjs/priv-calendar.cjs.entry.js +0 -573
  121. package/dist/cjs/priv-navigator-button.cjs.entry.js +0 -28
  122. package/dist/cjs/priv-navigator-item.cjs.entry.js +0 -34
  123. package/dist/cjs/priv-option-list.cjs.entry.js +0 -392
  124. package/dist/cjs/ripple.cjs.js +0 -24
  125. package/dist/cjs/wm-action-menu_2.cjs.entry.js +0 -333
  126. package/dist/cjs/wm-button.cjs.entry.js +0 -206
  127. package/dist/cjs/wm-chart-slice.cjs.entry.js +0 -27
  128. package/dist/cjs/wm-chart.cjs.entry.js +0 -162
  129. package/dist/cjs/wm-date-range.cjs.entry.js +0 -483
  130. package/dist/cjs/wm-datepicker.cjs.entry.js +0 -253
  131. package/dist/cjs/wm-file.cjs.entry.js +0 -193
  132. package/dist/cjs/wm-line-chart.cjs.entry.js +0 -460
  133. package/dist/cjs/wm-modal-pss_3.cjs.entry.js +0 -214
  134. package/dist/cjs/wm-modal_3.cjs.entry.js +0 -212
  135. package/dist/cjs/wm-navigation_3.cjs.entry.js +0 -185
  136. package/dist/cjs/wm-navigator.cjs.entry.js +0 -326
  137. package/dist/cjs/wm-nested-select.cjs.entry.js +0 -314
  138. package/dist/cjs/wm-option_2.cjs.entry.js +0 -425
  139. package/dist/cjs/wm-progress-indicator_3.cjs.entry.js +0 -202
  140. package/dist/cjs/wm-snackbar.cjs.entry.js +0 -181
  141. package/dist/cjs/wm-tab-item_3.cjs.entry.js +0 -260
  142. package/dist/cjs/wm-tag-input.cjs.entry.js +0 -891
  143. package/dist/cjs/wm-tag-option.cjs.entry.js +0 -43
  144. package/dist/cjs/wm-timepicker.cjs.entry.js +0 -306
  145. package/dist/cjs/wm-toggletip.cjs.entry.js +0 -182
  146. package/dist/cjs/wm-wrapper.cjs.entry.js +0 -21
  147. package/dist/collection/collection-manifest.json +0 -191
  148. package/dist/collection/components/charts/chartFunctions.js +0 -665
  149. package/dist/collection/components/charts/chartFunctions.spec.js +0 -16
  150. package/dist/collection/components/charts/priv-chart-popover/priv-chart-popover.css +0 -908
  151. package/dist/collection/components/charts/priv-chart-popover/priv-chart-popover.e2e.js +0 -81
  152. package/dist/collection/components/charts/priv-chart-popover/priv-chart-popover.js +0 -257
  153. package/dist/collection/components/charts/screenshots.e2e.js +0 -96
  154. package/dist/collection/components/charts/wm-chart/wm-chart-slice.js +0 -125
  155. package/dist/collection/components/charts/wm-chart/wm-chart.css +0 -1274
  156. package/dist/collection/components/charts/wm-chart/wm-chart.e2e.js +0 -213
  157. package/dist/collection/components/charts/wm-chart/wm-chart.js +0 -422
  158. package/dist/collection/components/charts/wm-chart/wm-chart.spec.js +0 -37
  159. package/dist/collection/components/charts/wm-line-chart/wm-line-chart.css +0 -1067
  160. package/dist/collection/components/charts/wm-line-chart/wm-line-chart.e2e.js +0 -176
  161. package/dist/collection/components/charts/wm-line-chart/wm-line-chart.js +0 -723
  162. package/dist/collection/components/charts/wm-line-chart/wm-line-chart.spec.js +0 -163
  163. package/dist/collection/components/charts/wm-progress-monitor/wm-progress-indicator.css +0 -1274
  164. package/dist/collection/components/charts/wm-progress-monitor/wm-progress-indicator.js +0 -264
  165. package/dist/collection/components/charts/wm-progress-monitor/wm-progress-monitor.css +0 -909
  166. package/dist/collection/components/charts/wm-progress-monitor/wm-progress-monitor.e2e.js +0 -69
  167. package/dist/collection/components/charts/wm-progress-monitor/wm-progress-monitor.js +0 -151
  168. package/dist/collection/components/charts/wm-progress-monitor/wm-progress-monitor.spec.js +0 -79
  169. package/dist/collection/components/charts/wm-progress-monitor/wm-progress-slice.js +0 -121
  170. package/dist/collection/components/datepickers/datepicker.css +0 -1043
  171. package/dist/collection/components/datepickers/priv-calendar/priv-calendar.css +0 -1279
  172. package/dist/collection/components/datepickers/priv-calendar/priv-calendar.js +0 -840
  173. package/dist/collection/components/datepickers/priv-calendar/priv-calendar.spec.js +0 -89
  174. package/dist/collection/components/datepickers/wm-date-range.e2e.js +0 -443
  175. package/dist/collection/components/datepickers/wm-date-range.js +0 -845
  176. package/dist/collection/components/datepickers/wm-date-range.spec.js +0 -22
  177. package/dist/collection/components/datepickers/wm-datepicker.e2e.js +0 -382
  178. package/dist/collection/components/datepickers/wm-datepicker.js +0 -520
  179. package/dist/collection/components/datepickers/wm-datepicker.spec.js +0 -21
  180. package/dist/collection/components/selects/priv-option-list/priv-option-list.css +0 -918
  181. package/dist/collection/components/selects/priv-option-list/priv-option-list.js +0 -778
  182. package/dist/collection/components/selects/wm-nested-select/wm-nested-select.css +0 -1181
  183. package/dist/collection/components/selects/wm-nested-select/wm-nested-select.js +0 -620
  184. package/dist/collection/components/selects/wm-optgroup/wm-optgroup.css +0 -830
  185. package/dist/collection/components/selects/wm-optgroup/wm-optgroup.js +0 -258
  186. package/dist/collection/components/selects/wm-option/wm-option.css +0 -931
  187. package/dist/collection/components/selects/wm-option/wm-option.e2e.js +0 -22
  188. package/dist/collection/components/selects/wm-option/wm-option.js +0 -530
  189. package/dist/collection/components/selects/wm-option/wm-option.spec.js +0 -63
  190. package/dist/collection/components/selects/wm-select/wm-select.css +0 -1104
  191. package/dist/collection/components/selects/wm-select/wm-select.e2e.js +0 -521
  192. package/dist/collection/components/selects/wm-select/wm-select.js +0 -584
  193. package/dist/collection/components/selects/wm-select/wm-select.spec.js +0 -271
  194. package/dist/collection/components/wm-action-menu/wm-action-menu.css +0 -891
  195. package/dist/collection/components/wm-action-menu/wm-action-menu.e2e.js +0 -200
  196. package/dist/collection/components/wm-action-menu/wm-action-menu.js +0 -435
  197. package/dist/collection/components/wm-action-menu/wm-action-menu.spec.js +0 -48
  198. package/dist/collection/components/wm-button/wm-button.css +0 -1261
  199. package/dist/collection/components/wm-button/wm-button.e2e.js +0 -55
  200. package/dist/collection/components/wm-button/wm-button.js +0 -489
  201. package/dist/collection/components/wm-button/wm-button.spec.js +0 -74
  202. package/dist/collection/components/wm-file/wm-file.css +0 -927
  203. package/dist/collection/components/wm-file/wm-file.js +0 -412
  204. package/dist/collection/components/wm-file/wm-file.spec.js +0 -194
  205. package/dist/collection/components/wm-file-list/wm-file-list.css +0 -820
  206. package/dist/collection/components/wm-file-list/wm-file-list.js +0 -45
  207. package/dist/collection/components/wm-file-list/wm-file-list.spec.js +0 -69
  208. package/dist/collection/components/wm-input/wm-input.css +0 -992
  209. package/dist/collection/components/wm-input/wm-input.e2e.js +0 -32
  210. package/dist/collection/components/wm-input/wm-input.js +0 -471
  211. package/dist/collection/components/wm-input/wm-input.spec.js +0 -173
  212. package/dist/collection/components/wm-menuitem/wm-menuitem.css +0 -891
  213. package/dist/collection/components/wm-menuitem/wm-menuitem.e2e.js +0 -23
  214. package/dist/collection/components/wm-menuitem/wm-menuitem.js +0 -419
  215. package/dist/collection/components/wm-menuitem/wm-menuitem.spec.js +0 -54
  216. package/dist/collection/components/wm-modal/wm-modal-footer.css +0 -845
  217. package/dist/collection/components/wm-modal/wm-modal-footer.js +0 -141
  218. package/dist/collection/components/wm-modal/wm-modal-footer.spec.js +0 -11
  219. package/dist/collection/components/wm-modal/wm-modal-header.css +0 -844
  220. package/dist/collection/components/wm-modal/wm-modal-header.js +0 -78
  221. package/dist/collection/components/wm-modal/wm-modal-header.spec.js +0 -8
  222. package/dist/collection/components/wm-modal/wm-modal.css +0 -891
  223. package/dist/collection/components/wm-modal/wm-modal.e2e.js +0 -104
  224. package/dist/collection/components/wm-modal/wm-modal.js +0 -350
  225. package/dist/collection/components/wm-modal/wm-modal.spec.js +0 -30
  226. package/dist/collection/components/wm-modal-pss/wm-modal-pss-footer.css +0 -852
  227. package/dist/collection/components/wm-modal-pss/wm-modal-pss-footer.js +0 -138
  228. package/dist/collection/components/wm-modal-pss/wm-modal-pss-header.css +0 -846
  229. package/dist/collection/components/wm-modal-pss/wm-modal-pss-header.js +0 -82
  230. package/dist/collection/components/wm-modal-pss/wm-modal-pss.css +0 -927
  231. package/dist/collection/components/wm-modal-pss/wm-modal-pss.js +0 -362
  232. package/dist/collection/components/wm-navigation/wm-navigation-hamburger.css +0 -847
  233. package/dist/collection/components/wm-navigation/wm-navigation-hamburger.js +0 -119
  234. package/dist/collection/components/wm-navigation/wm-navigation-item.css +0 -856
  235. package/dist/collection/components/wm-navigation/wm-navigation-item.js +0 -98
  236. package/dist/collection/components/wm-navigation/wm-navigation.css +0 -898
  237. package/dist/collection/components/wm-navigation/wm-navigation.e2e.js +0 -102
  238. package/dist/collection/components/wm-navigation/wm-navigation.js +0 -190
  239. package/dist/collection/components/wm-navigation/wm-navigation.spec.js +0 -91
  240. package/dist/collection/components/wm-navigator/priv-navigator-button/priv-navigator-button.css +0 -849
  241. package/dist/collection/components/wm-navigator/priv-navigator-button/priv-navigator-button.e2e.js +0 -50
  242. package/dist/collection/components/wm-navigator/priv-navigator-button/priv-navigator-button.js +0 -86
  243. package/dist/collection/components/wm-navigator/priv-navigator-item/priv-navigator-item.css +0 -830
  244. package/dist/collection/components/wm-navigator/priv-navigator-item/priv-navigator-item.js +0 -124
  245. package/dist/collection/components/wm-navigator/wm-navigator.css +0 -903
  246. package/dist/collection/components/wm-navigator/wm-navigator.e2e.js +0 -209
  247. package/dist/collection/components/wm-navigator/wm-navigator.js +0 -496
  248. package/dist/collection/components/wm-navigator/wm-navigator.spec.js +0 -177
  249. package/dist/collection/components/wm-pagination/wm-pagination.css +0 -971
  250. package/dist/collection/components/wm-pagination/wm-pagination.e2e.js +0 -312
  251. package/dist/collection/components/wm-pagination/wm-pagination.js +0 -363
  252. package/dist/collection/components/wm-search/wm-search.css +0 -895
  253. package/dist/collection/components/wm-search/wm-search.e2e.js +0 -76
  254. package/dist/collection/components/wm-search/wm-search.js +0 -426
  255. package/dist/collection/components/wm-search/wm-search.spec.js +0 -71
  256. package/dist/collection/components/wm-snackbar/wm-snackbar.css +0 -1077
  257. package/dist/collection/components/wm-snackbar/wm-snackbar.e2e.js +0 -112
  258. package/dist/collection/components/wm-snackbar/wm-snackbar.js +0 -269
  259. package/dist/collection/components/wm-snackbar/wm-snackbar.spec.js +0 -9
  260. package/dist/collection/components/wm-tabs/wm-tab-item/wm-tab-item.css +0 -868
  261. package/dist/collection/components/wm-tabs/wm-tab-item/wm-tab-item.js +0 -175
  262. package/dist/collection/components/wm-tabs/wm-tab-list/wm-tab-list.css +0 -840
  263. package/dist/collection/components/wm-tabs/wm-tab-list/wm-tab-list.js +0 -273
  264. package/dist/collection/components/wm-tabs/wm-tab-panel/wm-tab-panel.css +0 -825
  265. package/dist/collection/components/wm-tabs/wm-tab-panel/wm-tab-panel.js +0 -87
  266. package/dist/collection/components/wm-tabs/wm-tabs.e2e.js +0 -91
  267. package/dist/collection/components/wm-tabs/wm-tabs.spec.js +0 -12
  268. package/dist/collection/components/wm-tag-input/wm-tag-input.css +0 -1275
  269. package/dist/collection/components/wm-tag-input/wm-tag-input.e2e.js +0 -204
  270. package/dist/collection/components/wm-tag-input/wm-tag-input.js +0 -1227
  271. package/dist/collection/components/wm-tag-input/wm-tag-input.spec.js +0 -195
  272. package/dist/collection/components/wm-tag-input/wm-tag-option/wm-tag-option.js +0 -243
  273. package/dist/collection/components/wm-textarea/wm-textarea.css +0 -979
  274. package/dist/collection/components/wm-textarea/wm-textarea.e2e.js +0 -41
  275. package/dist/collection/components/wm-textarea/wm-textarea.js +0 -313
  276. package/dist/collection/components/wm-textarea/wm-textarea.spec.js +0 -79
  277. package/dist/collection/components/wm-timepicker/wm-timepicker.css +0 -1093
  278. package/dist/collection/components/wm-timepicker/wm-timepicker.e2e.js +0 -163
  279. package/dist/collection/components/wm-timepicker/wm-timepicker.js +0 -544
  280. package/dist/collection/components/wm-timepicker/wm-timepicker.spec.js +0 -147
  281. package/dist/collection/components/wm-toggletip/wm-toggletip.css +0 -1152
  282. package/dist/collection/components/wm-toggletip/wm-toggletip.e2e.js +0 -69
  283. package/dist/collection/components/wm-toggletip/wm-toggletip.js +0 -289
  284. package/dist/collection/components/wm-toggletip/wm-toggletip.spec.js +0 -21
  285. package/dist/collection/components/wm-uploader/wm-uploader.css +0 -1563
  286. package/dist/collection/components/wm-uploader/wm-uploader.e2e.js +0 -70
  287. package/dist/collection/components/wm-uploader/wm-uploader.js +0 -603
  288. package/dist/collection/components/wm-uploader/wm-uploader.spec.js +0 -234
  289. package/dist/collection/components/wm-wrapper/wm-wrapper.js +0 -28
  290. package/dist/collection/dev/button.js +0 -0
  291. package/dist/collection/dev/chart-small.js +0 -56
  292. package/dist/collection/dev/chart.js +0 -18
  293. package/dist/collection/dev/date-range.js +0 -6
  294. package/dist/collection/dev/datepicker.js +0 -46
  295. package/dist/collection/dev/file-list.js +0 -16
  296. package/dist/collection/dev/file.js +0 -0
  297. package/dist/collection/dev/input.js +0 -6
  298. package/dist/collection/dev/line-chart.js +0 -0
  299. package/dist/collection/dev/modal.js +0 -48
  300. package/dist/collection/dev/navigation.js +0 -13
  301. package/dist/collection/dev/navigator.js +0 -34
  302. package/dist/collection/dev/nested-select.js +0 -36
  303. package/dist/collection/dev/pagination.js +0 -7
  304. package/dist/collection/dev/progress-monitor.js +0 -0
  305. package/dist/collection/dev/pss-modal.js +0 -8
  306. package/dist/collection/dev/scripts.js +0 -49
  307. package/dist/collection/dev/search.js +0 -72
  308. package/dist/collection/dev/select.js +0 -57
  309. package/dist/collection/dev/snackbar.js +0 -54
  310. package/dist/collection/dev/tabs.js +0 -44
  311. package/dist/collection/dev/tag-input.js +0 -32
  312. package/dist/collection/dev/textarea.js +0 -28
  313. package/dist/collection/dev/timepicker.js +0 -32
  314. package/dist/collection/dev/toggletip.js +0 -9
  315. package/dist/collection/dev/uploader.js +0 -139
  316. package/dist/collection/global/__mocks__/functions.js +0 -6
  317. package/dist/collection/global/functions.js +0 -825
  318. package/dist/collection/global/functions.spec.js +0 -126
  319. package/dist/collection/global/intl.js +0 -274
  320. package/dist/collection/global/services/__mocks__/http-service.js +0 -130
  321. package/dist/collection/global/services/http-service.js +0 -50
  322. package/dist/collection/lang/lang.js +0 -5
  323. package/dist/collection/lang/lang.spec.js +0 -20
  324. package/dist/collection/lang/missing.js +0 -43
  325. package/dist/collection/lang/piglatin.js +0 -101
  326. package/dist/esm/functions-00e1916b.js +0 -9639
  327. package/dist/esm/global-c76064cb.js +0 -83
  328. package/dist/esm/index-558b5a82.js +0 -2618
  329. package/dist/esm/index.js +0 -1
  330. package/dist/esm/interfaces-cc5b177f.js +0 -34
  331. package/dist/esm/loader.js +0 -10
  332. package/dist/esm/polyfills/core-js.js +0 -11
  333. package/dist/esm/polyfills/dom.js +0 -79
  334. package/dist/esm/polyfills/es5-html-element.js +0 -1
  335. package/dist/esm/polyfills/index.js +0 -34
  336. package/dist/esm/polyfills/system.js +0 -6
  337. package/dist/esm/ripple.js +0 -19
  338. package/dist/esm/wm-action-menu_2.entry.js +0 -328
  339. package/dist/esm/wm-chart-slice.entry.js +0 -23
  340. package/dist/esm/wm-modal-pss_3.entry.js +0 -208
  341. package/dist/esm/wm-modal_3.entry.js +0 -206
  342. package/dist/esm/wm-navigation_3.entry.js +0 -179
  343. package/dist/esm/wm-option_2.entry.js +0 -420
  344. package/dist/esm/wm-tab-item_3.entry.js +0 -254
  345. package/dist/esm/wm-tag-option.entry.js +0 -39
  346. package/dist/esm/wm-wrapper.entry.js +0 -17
  347. package/dist/esm-es5/chartFunctions-9099c7e9.js +0 -1
  348. package/dist/esm-es5/functions-00e1916b.js +0 -1
  349. package/dist/esm-es5/global-c76064cb.js +0 -1
  350. package/dist/esm-es5/index-558b5a82.js +0 -1
  351. package/dist/esm-es5/index.js +0 -0
  352. package/dist/esm-es5/interfaces-cc5b177f.js +0 -1
  353. package/dist/esm-es5/intl-a6f16883.js +0 -1
  354. package/dist/esm-es5/loader.js +0 -1
  355. package/dist/esm-es5/priv-calendar.entry.js +0 -1
  356. package/dist/esm-es5/priv-chart-popover.entry.js +0 -1
  357. package/dist/esm-es5/priv-navigator-button.entry.js +0 -1
  358. package/dist/esm-es5/priv-navigator-item.entry.js +0 -1
  359. package/dist/esm-es5/priv-option-list.entry.js +0 -1
  360. package/dist/esm-es5/ripple.js +0 -1
  361. package/dist/esm-es5/wm-action-menu_2.entry.js +0 -1
  362. package/dist/esm-es5/wm-button.entry.js +0 -1
  363. package/dist/esm-es5/wm-chart-slice.entry.js +0 -1
  364. package/dist/esm-es5/wm-chart.entry.js +0 -1
  365. package/dist/esm-es5/wm-date-range.entry.js +0 -1
  366. package/dist/esm-es5/wm-datepicker.entry.js +0 -1
  367. package/dist/esm-es5/wm-file-list.entry.js +0 -1
  368. package/dist/esm-es5/wm-file.entry.js +0 -1
  369. package/dist/esm-es5/wm-input.entry.js +0 -1
  370. package/dist/esm-es5/wm-line-chart.entry.js +0 -1
  371. package/dist/esm-es5/wm-modal-pss_3.entry.js +0 -1
  372. package/dist/esm-es5/wm-modal_3.entry.js +0 -1
  373. package/dist/esm-es5/wm-navigation_3.entry.js +0 -1
  374. package/dist/esm-es5/wm-navigator.entry.js +0 -1
  375. package/dist/esm-es5/wm-nested-select.entry.js +0 -1
  376. package/dist/esm-es5/wm-optgroup.entry.js +0 -1
  377. package/dist/esm-es5/wm-option_2.entry.js +0 -1
  378. package/dist/esm-es5/wm-pagination.entry.js +0 -1
  379. package/dist/esm-es5/wm-progress-indicator_3.entry.js +0 -1
  380. package/dist/esm-es5/wm-search.entry.js +0 -1
  381. package/dist/esm-es5/wm-snackbar.entry.js +0 -1
  382. package/dist/esm-es5/wm-tab-item_3.entry.js +0 -1
  383. package/dist/esm-es5/wm-tag-input.entry.js +0 -1
  384. package/dist/esm-es5/wm-tag-option.entry.js +0 -1
  385. package/dist/esm-es5/wm-textarea.entry.js +0 -1
  386. package/dist/esm-es5/wm-timepicker.entry.js +0 -1
  387. package/dist/esm-es5/wm-toggletip.entry.js +0 -1
  388. package/dist/esm-es5/wm-uploader.entry.js +0 -1
  389. package/dist/esm-es5/wm-wrapper.entry.js +0 -1
  390. package/dist/index.cjs.js +0 -1
  391. package/dist/index.js +0 -1
  392. package/dist/loader/cdn.js +0 -3
  393. package/dist/loader/index.cjs.js +0 -3
  394. package/dist/loader/index.d.ts +0 -21
  395. package/dist/loader/index.es2017.js +0 -3
  396. package/dist/loader/index.js +0 -4
  397. package/dist/loader/package.json +0 -11
  398. package/dist/ripple/index.esm.js +0 -0
  399. package/dist/ripple/p-05ae54d7.entry.js +0 -1
  400. package/dist/ripple/p-0d89d63c.system.entry.js +0 -1
  401. package/dist/ripple/p-118c47eb.system.entry.js +0 -1
  402. package/dist/ripple/p-1a4b6b02.system.entry.js +0 -1
  403. package/dist/ripple/p-1a4b7504.system.entry.js +0 -1
  404. package/dist/ripple/p-1a951dfb.entry.js +0 -1
  405. package/dist/ripple/p-1c8f550f.system.entry.js +0 -1
  406. package/dist/ripple/p-1f751b87.js +0 -1
  407. package/dist/ripple/p-1fac5bf9.js +0 -1
  408. package/dist/ripple/p-20a8f732.system.entry.js +0 -1
  409. package/dist/ripple/p-249b56fb.entry.js +0 -1
  410. package/dist/ripple/p-249d13a1.system.entry.js +0 -1
  411. package/dist/ripple/p-26906899.entry.js +0 -1
  412. package/dist/ripple/p-2732bddd.js +0 -1
  413. package/dist/ripple/p-28119645.system.entry.js +0 -1
  414. package/dist/ripple/p-2f37f3ee.system.js +0 -1
  415. package/dist/ripple/p-32bf3f5b.system.entry.js +0 -1
  416. package/dist/ripple/p-335c03d3.system.entry.js +0 -1
  417. package/dist/ripple/p-363b534b.entry.js +0 -1
  418. package/dist/ripple/p-393e4636.js +0 -1
  419. package/dist/ripple/p-39f79d71.system.entry.js +0 -1
  420. package/dist/ripple/p-3a231f4b.system.entry.js +0 -1
  421. package/dist/ripple/p-3d4bb85f.entry.js +0 -1
  422. package/dist/ripple/p-4228de00.entry.js +0 -1
  423. package/dist/ripple/p-42fa7a77.system.js +0 -1
  424. package/dist/ripple/p-48e09589.entry.js +0 -1
  425. package/dist/ripple/p-4f8fe1d1.system.js +0 -1
  426. package/dist/ripple/p-50ea2036.system.js +0 -1
  427. package/dist/ripple/p-522ecb7d.system.entry.js +0 -1
  428. package/dist/ripple/p-54d6f0f9.entry.js +0 -1
  429. package/dist/ripple/p-568c595f.js +0 -2
  430. package/dist/ripple/p-56aeee6e.system.entry.js +0 -1
  431. package/dist/ripple/p-5e6a4f70.system.js +0 -1
  432. package/dist/ripple/p-5f082360.system.entry.js +0 -1
  433. package/dist/ripple/p-5f5fe905.js +0 -1
  434. package/dist/ripple/p-617c2c75.entry.js +0 -1
  435. package/dist/ripple/p-6524c53e.system.entry.js +0 -1
  436. package/dist/ripple/p-65d26233.system.entry.js +0 -1
  437. package/dist/ripple/p-6834a6d3.entry.js +0 -1
  438. package/dist/ripple/p-68e04222.entry.js +0 -1
  439. package/dist/ripple/p-68fddfaa.system.entry.js +0 -1
  440. package/dist/ripple/p-694903e6.system.entry.js +0 -1
  441. package/dist/ripple/p-73ca2f26.system.js +0 -1
  442. package/dist/ripple/p-7b6a65f8.system.entry.js +0 -1
  443. package/dist/ripple/p-7b7e1eb5.system.entry.js +0 -1
  444. package/dist/ripple/p-88ebddd7.entry.js +0 -1
  445. package/dist/ripple/p-8c1d27a7.entry.js +0 -1
  446. package/dist/ripple/p-8e9c24f3.entry.js +0 -1
  447. package/dist/ripple/p-8f836507.system.entry.js +0 -1
  448. package/dist/ripple/p-94495341.entry.js +0 -1
  449. package/dist/ripple/p-958331bf.entry.js +0 -1
  450. package/dist/ripple/p-9872623b.entry.js +0 -1
  451. package/dist/ripple/p-9ab3c088.system.entry.js +0 -1
  452. package/dist/ripple/p-9aedd599.entry.js +0 -1
  453. package/dist/ripple/p-9b848151.entry.js +0 -1
  454. package/dist/ripple/p-a04ef164.system.entry.js +0 -1
  455. package/dist/ripple/p-a78bb423.system.entry.js +0 -1
  456. package/dist/ripple/p-a880d9a0.system.entry.js +0 -1
  457. package/dist/ripple/p-ab8d78cc.system.js +0 -2
  458. package/dist/ripple/p-adc254e6.entry.js +0 -1
  459. package/dist/ripple/p-b165d61a.entry.js +0 -1
  460. package/dist/ripple/p-b39377c7.entry.js +0 -1
  461. package/dist/ripple/p-b9bca547.entry.js +0 -1
  462. package/dist/ripple/p-bae2c236.entry.js +0 -1
  463. package/dist/ripple/p-c53f3704.system.entry.js +0 -1
  464. package/dist/ripple/p-c56ff16f.entry.js +0 -1
  465. package/dist/ripple/p-c8cf09a2.system.entry.js +0 -1
  466. package/dist/ripple/p-cbdceb6e.entry.js +0 -1
  467. package/dist/ripple/p-cc813406.system.js +0 -1
  468. package/dist/ripple/p-d20a0f0c.system.entry.js +0 -1
  469. package/dist/ripple/p-d6111226.entry.js +0 -1
  470. package/dist/ripple/p-da68c87c.entry.js +0 -1
  471. package/dist/ripple/p-ddef82fa.system.entry.js +0 -1
  472. package/dist/ripple/p-dee6d5a3.entry.js +0 -1
  473. package/dist/ripple/p-e55d5371.entry.js +0 -1
  474. package/dist/ripple/p-e8c22f01.system.entry.js +0 -1
  475. package/dist/ripple/p-f555831b.entry.js +0 -1
  476. package/dist/ripple/p-f5c40e9e.system.entry.js +0 -1
  477. package/dist/ripple/p-fa09191b.system.entry.js +0 -1
  478. package/dist/ripple/p-fdfca58b.entry.js +0 -1
  479. package/dist/ripple/ripple.css +0 -1
  480. package/dist/ripple/ripple.esm.js +0 -1
  481. package/dist/ripple/ripple.js +0 -127
  482. /package/dist/{collection/dev/action-menu.js → types/test-setup.d.ts} +0 -0
package/dist/collection/components/wm-button/wm-button.e2e.js DELETED
@@ -1,55 +0,0 @@
1
- import { newE2EPage } from "@stencil/core/testing";
2
- import { AxePuppeteer } from "@axe-core/puppeteer";
3
- describe("wm-button", () => {
4
- let page;
5
- beforeEach(async () => {
6
- page = await newE2EPage();
7
- });
8
- it("passes Axe checks", async () => {
9
- await page.setContent(`<html lang='en'><head><title>Page</title></head><body><main><h1>Title</h1>
10
- <wm-button>Click me</wm-button>
11
- </main></body></html>`);
12
- const results = await new AxePuppeteer(page).analyze();
13
- expect(results.violations.length).toBe(0);
14
- });
15
- it("renders a button", async () => {
16
- await page.setContent("<wm-button></wm-button>");
17
- const element = await page.find("wm-button >>> button");
18
- expect(element).not.toBeNull();
19
- });
20
- it("delegates focus", async () => {
21
- await page.setContent("<wm-button>click here</wm-button>");
22
- const wmButton = await page.find("wm-button");
23
- wmButton.focus();
24
- let activeEl = await page.evaluate(async () => {
25
- let el = await document.activeElement.shadowRoot.activeElement;
26
- return el.nodeName;
27
- });
28
- expect(activeEl).toBe("BUTTON");
29
- });
30
- it("renders a tooltip for text-only buttons if text is truncated", async () => {
31
- await page.setContent("<wm-button text-wrap='false' style='width: 100px' button-type='textonly'>Text-only button with a very long text and text-wrap set to false</wm-button>");
32
- await page.waitForChanges();
33
- await page.keyboard.press("Tab");
34
- await page.waitForChanges();
35
- const tooltip = await page.find("#wm-tooltip");
36
- expect(tooltip.textContent).toEqual("Text-only button with a very long text and text-wrap set to false");
37
- });
38
- it("uses the label instead of tooltip text", async () => {
39
- // use case: when the tooltip is something like "edit" and there are several buttons on a page, the aria label should be more specific than the tooltip
40
- await page.setContent("<wm-button button-type='icononly' icon='f1c0' tooltip='delete' label-for-identical-buttons='Delete item 37' ></wm-button>");
41
- await page.waitForChanges();
42
- const btn = await page.find("wm-button >>> button");
43
- expect(btn.getAttribute("aria-label")).toBe("Delete item 37");
44
- });
45
- it("renders the passed-in property button type property as a class", async () => {
46
- await page.setContent("<wm-button></wm-button>");
47
- const component = await page.find("wm-button");
48
- const defaultButton = await page.find("wm-button >>> button");
49
- expect(defaultButton).toHaveClass("-secondary");
50
- component.setProperty("buttonType", "primary");
51
- const primaryButton = await page.find("wm-button >>> button");
52
- await page.waitForChanges();
53
- expect(primaryButton).toHaveClass("-primary");
54
- });
55
- });
package/dist/collection/components/wm-button/wm-button.js DELETED
@@ -1,489 +0,0 @@
1
- import { h, Host } from "@stencil/core";
2
- import { getIconCodeFromName } from "../../global/interfaces";
3
- import { generateId, hideTooltip, handleDisabledAttribute, showTooltip, toBool, triggerFormSubmit, } from "../../global/functions";
4
- export class Button {
5
- constructor() {
6
- this.id = generateId();
7
- this.ariaPopup = false;
8
- this.disabled = false;
9
- this.buttonType = "secondary";
10
- this.icon = undefined;
11
- this.iconSize = undefined;
12
- this.iconRotate = undefined;
13
- this.iconFlip = undefined;
14
- this.tooltip = undefined;
15
- this.labelForIdenticalButtons = undefined;
16
- this.tooltipPosition = "bottom-right";
17
- this.permanentlyDelete = false;
18
- this.textWrap = true;
19
- this.customBackground = undefined;
20
- this.isSubmit = false;
21
- this.isTabbing = false;
22
- }
23
- get isDisabled() {
24
- // string "false" needs to be treated as bool False because react wrappers convert bool to string.
25
- return toBool(this.disabled);
26
- }
27
- get isTruncated() {
28
- return !!this.buttonEl && this.buttonType === "textonly" && this.buttonEl.offsetWidth < this.buttonEl.scrollWidth;
29
- }
30
- get hasTooltip() {
31
- // tooltip is only rendered for icononly and navigational types, or if the button text is truncated
32
- return ["icononly", "navigational"].includes(this.buttonType) || this.isTruncated;
33
- }
34
- get buttonClasses() {
35
- let classes = "wm-button";
36
- classes += this.permanentlyDelete ? " -permanentlydelete" : "";
37
- classes += this.buttonType ? " -" + this.buttonType : " -secondary";
38
- classes += this.textWrap ? "" : " nowrap";
39
- classes += this.isTabbing ? " user-is-tabbing" : "";
40
- classes += this.isTruncated ? " -truncated" : "";
41
- classes += this.customBackground === "dark" ? " dark" : "";
42
- return classes;
43
- }
44
- toggleTabbingOn() {
45
- this.isTabbing = true;
46
- }
47
- toggleTabbingOff() {
48
- this.isTabbing = false;
49
- }
50
- // we need to listen for scroll events during the capture phase because they do not bubble up
51
- // there can be layouts where the main content has 100vh and overflows
52
- // in these cases window will register no scroll events unless we catch on they way down
53
- handleScroll() {
54
- hideTooltip();
55
- }
56
- validateType(newValue) {
57
- const valid = [
58
- "primary",
59
- "secondary",
60
- "textonly",
61
- "icononly",
62
- "navigational",
63
- "selector",
64
- "selector-primary",
65
- "pairpositive",
66
- "pairnegative",
67
- ].includes(newValue);
68
- if (!valid) {
69
- this.buttonType = "secondary";
70
- }
71
- this.validateIcon();
72
- }
73
- updateIcon() {
74
- this.icon = getIconCodeFromName(this.icon);
75
- }
76
- handleDisabledChange() {
77
- handleDisabledAttribute(this.el, this.isDisabled);
78
- }
79
- validateIcon() {
80
- switch (this.buttonType) {
81
- case "icononly":
82
- case "navigational":
83
- // if the style is icononly or navigational...
84
- // - an icon must be provided
85
- if (!this.icon) {
86
- console.error("wm-button should have a valid 'icon' property when button-type is set to 'icononly' or 'navigational'.");
87
- }
88
- // - if no tooltip text was passed and we couldn't generate one, throw an error
89
- if (!this.tooltip) {
90
- console.error("wm-button should have a valid 'tooltip' property when button-type is set to 'icononly' or 'navigational'.");
91
- }
92
- break;
93
- case "pairpositive":
94
- this.icon = "f12c";
95
- break;
96
- case "pairnegative":
97
- this.icon = "f739";
98
- break;
99
- }
100
- }
101
- handleKeydown(ev) {
102
- switch (ev.key) {
103
- case "Enter":
104
- ev.preventDefault();
105
- if (!this.isDisabled) {
106
- this.el.click();
107
- }
108
- break;
109
- }
110
- }
111
- handleMouseEnter(ev) {
112
- if (this.hasTooltip) {
113
- let tooltipText = "";
114
- if (this.isTruncated && this.el.textContent) {
115
- // when truncated, tooltip text is the button's content
116
- tooltipText = this.el.textContent;
117
- }
118
- else if (this.tooltip) {
119
- // otherwise it is the tooltip property if present
120
- tooltipText = this.tooltip;
121
- }
122
- showTooltip(this.tooltipPosition, ev.target, tooltipText);
123
- }
124
- }
125
- handleFocus(ev) {
126
- if (this.hasTooltip && this.isTabbing) {
127
- let tooltipText = "";
128
- if (this.isTruncated && this.el.textContent) {
129
- // when truncated, tooltip text is the button's content
130
- tooltipText = this.el.textContent;
131
- }
132
- else if (this.tooltip) {
133
- // otherwise it is the tooltip property if present
134
- tooltipText = this.tooltip;
135
- }
136
- showTooltip(this.tooltipPosition, ev.target, tooltipText);
137
- }
138
- }
139
- componentWillLoad() {
140
- this.validateType(this.buttonType);
141
- if (this.icon) {
142
- this.icon = this.icon = getIconCodeFromName(this.icon);
143
- }
144
- handleDisabledAttribute(this.el, this.isDisabled);
145
- }
146
- componentDidLoad() {
147
- if (document.body.classList.contains("wmcl-user-is-tabbing")) {
148
- this.toggleTabbingOn();
149
- }
150
- this.isSubmit && this.el.addEventListener("click", () => triggerFormSubmit(this.el.closest("form")));
151
- this.ariaPopup = !!this.el.getAttribute("aria-haspopup");
152
- }
153
- getAriaLabel() {
154
- if (this.buttonType === "icononly" || this.buttonType === "navigational") {
155
- return this.labelForIdenticalButtons || this.tooltip;
156
- }
157
- if (this.labelForIdenticalButtons) {
158
- return this.labelForIdenticalButtons;
159
- }
160
- }
161
- renderIcon() {
162
- const defaultIconSize = this.buttonType == "navigational" || this.buttonType == "icononly" ? "1.125rem" : "0.875rem";
163
- let transformStyle = "";
164
- transformStyle += this.iconRotate ? `rotate(${this.iconRotate}deg)` : "";
165
- transformStyle += this.iconFlip === "horizontal" ? `scaleX(-1)` : "";
166
- transformStyle += this.iconFlip === "vertical" ? `scaleY(-1)` : "";
167
- const iconStyles = Object.assign({
168
- fontSize: this.iconSize ? this.iconSize : defaultIconSize,
169
- "--icon-size": this.iconSize ? this.iconSize : defaultIconSize,
170
- }, ((this.iconRotate || this.iconFlip) && { transform: transformStyle }));
171
- if (this.icon.match(/^#/)) {
172
- // Icon ID
173
- return h("span", { class: `svg-icon svg-${this.icon.slice(1)}`, style: iconStyles });
174
- }
175
- else if (this.icon.match(/^\/\S*[#]\S*/)) {
176
- // starts with /, any number of non-whitespace characters, followed by #, followed by any non-whitespace characters
177
- // Relative Path & Symbol
178
- return (h("svg", { xmlns: "http://www.w3.org/2000/svg", class: "svg-icon", style: Object.assign(Object.assign({}, iconStyles), { "--icon-fill": "currentColor" }), fill: "currentColor" }, h("use", { href: this.icon })));
179
- }
180
- else {
181
- // MDI
182
- return (h("span", { class: "mdi", style: iconStyles, "aria-hidden": "true" }, String.fromCodePoint(parseInt(`0x${this.icon}`))));
183
- }
184
- }
185
- render() {
186
- return (h(Host, { class: `${this.isDisabled ? "button-disabled" : ""} -${this.buttonType}` }, h("button", { id: this.id, class: `${this.buttonClasses}`, disabled: this.isDisabled, ref: (el) => (this.buttonEl = el), "aria-label": this.getAriaLabel(), "aria-hasPopup": this.ariaPopup ? "menu" : null, onMouseEnter: (ev) => this.handleMouseEnter(ev), onMouseLeave: () => hideTooltip(), onFocus: (ev) => this.handleFocus(ev), onBlur: () => hideTooltip(), onClick: () => hideTooltip() }, this.icon && this.renderIcon(), h("span", { class: "button-text" }, h("slot", null)), (this.buttonType == "selector" || this.buttonType == "selector-primary") && (h("div", { class: "selector-icon svg-icon svg-expand-more" })))));
187
- }
188
- static get is() { return "wm-button"; }
189
- static get encapsulation() { return "shadow"; }
190
- static get delegatesFocus() { return true; }
191
- static get originalStyleUrls() {
192
- return {
193
- "$": ["wm-button.scss"]
194
- };
195
- }
196
- static get styleUrls() {
197
- return {
198
- "$": ["wm-button.css"]
199
- };
200
- }
201
- static get properties() {
202
- return {
203
- "disabled": {
204
- "type": "boolean",
205
- "mutable": false,
206
- "complexType": {
207
- "original": "boolean",
208
- "resolved": "boolean",
209
- "references": {}
210
- },
211
- "required": false,
212
- "optional": false,
213
- "docs": {
214
- "tags": [],
215
- "text": ""
216
- },
217
- "attribute": "disabled",
218
- "reflect": true,
219
- "defaultValue": "false"
220
- },
221
- "buttonType": {
222
- "type": "string",
223
- "mutable": true,
224
- "complexType": {
225
- "original": "validButtonTypes",
226
- "resolved": "\"icononly\" | \"navigational\" | \"pairnegative\" | \"pairpositive\" | \"primary\" | \"secondary\" | \"selector\" | \"selector-primary\" | \"textonly\"",
227
- "references": {
228
- "validButtonTypes": {
229
- "location": "import",
230
- "path": "../../global/interfaces",
231
- "id": "src/global/interfaces.ts::validButtonTypes"
232
- }
233
- }
234
- },
235
- "required": false,
236
- "optional": false,
237
- "docs": {
238
- "tags": [],
239
- "text": ""
240
- },
241
- "attribute": "button-type",
242
- "reflect": false,
243
- "defaultValue": "\"secondary\""
244
- },
245
- "icon": {
246
- "type": "string",
247
- "mutable": true,
248
- "complexType": {
249
- "original": "string",
250
- "resolved": "string | undefined",
251
- "references": {}
252
- },
253
- "required": false,
254
- "optional": true,
255
- "docs": {
256
- "tags": [],
257
- "text": ""
258
- },
259
- "attribute": "icon",
260
- "reflect": true
261
- },
262
- "iconSize": {
263
- "type": "string",
264
- "mutable": false,
265
- "complexType": {
266
- "original": "string",
267
- "resolved": "string | undefined",
268
- "references": {}
269
- },
270
- "required": false,
271
- "optional": true,
272
- "docs": {
273
- "tags": [],
274
- "text": ""
275
- },
276
- "attribute": "icon-size",
277
- "reflect": false
278
- },
279
- "iconRotate": {
280
- "type": "number",
281
- "mutable": false,
282
- "complexType": {
283
- "original": "number",
284
- "resolved": "number | undefined",
285
- "references": {}
286
- },
287
- "required": false,
288
- "optional": true,
289
- "docs": {
290
- "tags": [],
291
- "text": ""
292
- },
293
- "attribute": "icon-rotate",
294
- "reflect": false
295
- },
296
- "iconFlip": {
297
- "type": "string",
298
- "mutable": false,
299
- "complexType": {
300
- "original": "\"horizontal\" | \"vertical\"",
301
- "resolved": "\"horizontal\" | \"vertical\" | undefined",
302
- "references": {}
303
- },
304
- "required": false,
305
- "optional": true,
306
- "docs": {
307
- "tags": [],
308
- "text": ""
309
- },
310
- "attribute": "icon-flip",
311
- "reflect": false
312
- },
313
- "tooltip": {
314
- "type": "string",
315
- "mutable": true,
316
- "complexType": {
317
- "original": "string",
318
- "resolved": "string | undefined",
319
- "references": {}
320
- },
321
- "required": false,
322
- "optional": true,
323
- "docs": {
324
- "tags": [],
325
- "text": ""
326
- },
327
- "attribute": "tooltip",
328
- "reflect": true
329
- },
330
- "labelForIdenticalButtons": {
331
- "type": "string",
332
- "mutable": false,
333
- "complexType": {
334
- "original": "string",
335
- "resolved": "string | undefined",
336
- "references": {}
337
- },
338
- "required": false,
339
- "optional": true,
340
- "docs": {
341
- "tags": [],
342
- "text": ""
343
- },
344
- "attribute": "label-for-identical-buttons",
345
- "reflect": false
346
- },
347
- "tooltipPosition": {
348
- "type": "string",
349
- "mutable": false,
350
- "complexType": {
351
- "original": "TooltipPlacement",
352
- "resolved": "\"bottom\" | \"bottom-left\" | \"bottom-right\" | \"left\" | \"right\" | \"top\" | \"top-left\" | \"top-right\"",
353
- "references": {
354
- "TooltipPlacement": {
355
- "location": "import",
356
- "path": "../../global/interfaces",
357
- "id": "src/global/interfaces.ts::TooltipPlacement"
358
- }
359
- }
360
- },
361
- "required": false,
362
- "optional": false,
363
- "docs": {
364
- "tags": [],
365
- "text": ""
366
- },
367
- "attribute": "tooltip-position",
368
- "reflect": false,
369
- "defaultValue": "\"bottom-right\""
370
- },
371
- "permanentlyDelete": {
372
- "type": "boolean",
373
- "mutable": false,
374
- "complexType": {
375
- "original": "boolean",
376
- "resolved": "boolean | undefined",
377
- "references": {}
378
- },
379
- "required": false,
380
- "optional": true,
381
- "docs": {
382
- "tags": [],
383
- "text": ""
384
- },
385
- "attribute": "permanently-delete",
386
- "reflect": false,
387
- "defaultValue": "false"
388
- },
389
- "textWrap": {
390
- "type": "boolean",
391
- "mutable": false,
392
- "complexType": {
393
- "original": "boolean",
394
- "resolved": "boolean",
395
- "references": {}
396
- },
397
- "required": false,
398
- "optional": false,
399
- "docs": {
400
- "tags": [],
401
- "text": ""
402
- },
403
- "attribute": "text-wrap",
404
- "reflect": false,
405
- "defaultValue": "true"
406
- },
407
- "customBackground": {
408
- "type": "string",
409
- "mutable": false,
410
- "complexType": {
411
- "original": "string",
412
- "resolved": "string | undefined",
413
- "references": {}
414
- },
415
- "required": false,
416
- "optional": true,
417
- "docs": {
418
- "tags": [],
419
- "text": ""
420
- },
421
- "attribute": "custom-background",
422
- "reflect": false
423
- },
424
- "isSubmit": {
425
- "type": "boolean",
426
- "mutable": false,
427
- "complexType": {
428
- "original": "boolean",
429
- "resolved": "boolean",
430
- "references": {}
431
- },
432
- "required": false,
433
- "optional": false,
434
- "docs": {
435
- "tags": [],
436
- "text": ""
437
- },
438
- "attribute": "is-submit",
439
- "reflect": false,
440
- "defaultValue": "false"
441
- }
442
- };
443
- }
444
- static get states() {
445
- return {
446
- "isTabbing": {}
447
- };
448
- }
449
- static get elementRef() { return "el"; }
450
- static get watchers() {
451
- return [{
452
- "propName": "buttonType",
453
- "methodName": "validateType"
454
- }, {
455
- "propName": "icon",
456
- "methodName": "updateIcon"
457
- }, {
458
- "propName": "disabled",
459
- "methodName": "handleDisabledChange"
460
- }];
461
- }
462
- static get listeners() {
463
- return [{
464
- "name": "wmUserIsTabbing",
465
- "method": "toggleTabbingOn",
466
- "target": "window",
467
- "capture": false,
468
- "passive": false
469
- }, {
470
- "name": "wmUserIsNotTabbing",
471
- "method": "toggleTabbingOff",
472
- "target": "window",
473
- "capture": false,
474
- "passive": false
475
- }, {
476
- "name": "scroll",
477
- "method": "handleScroll",
478
- "target": "window",
479
- "capture": true,
480
- "passive": true
481
- }, {
482
- "name": "keydown",
483
- "method": "handleKeydown",
484
- "target": undefined,
485
- "capture": false,
486
- "passive": false
487
- }];
488
- }
489
- }
package/dist/collection/components/wm-button/wm-button.spec.js DELETED
@@ -1,74 +0,0 @@
1
- import { newSpecPage } from "@stencil/core/testing";
2
- import * as globalFunctions from "../../global/functions";
3
- jest.spyOn(globalFunctions, "generateId").mockReturnValue("random-id");
4
- import { Button } from "./wm-button";
5
- describe("button", () => {
6
- it("builds", async () => {
7
- const page = await newSpecPage({
8
- components: [Button],
9
- html: "<wm-button></wm-button>",
10
- });
11
- expect(page.root).toMatchSnapshot();
12
- });
13
- it("has style and an icon type props with default values", async () => {
14
- const page = await newSpecPage({
15
- components: [Button],
16
- html: "<wm-button></wm-button>",
17
- });
18
- const button = page.root;
19
- const buttonEl = page.root.shadowRoot.querySelector("button");
20
- expect(button).toHaveProperty("buttonType");
21
- expect(button.buttonType).toEqual("secondary");
22
- expect(buttonEl).toHaveClass("-secondary");
23
- expect(button).toHaveProperty("icon");
24
- expect(button.icon).toEqual(undefined);
25
- expect(button).toHaveProperty("iconSize");
26
- expect(button.iconSize).toBeUndefined;
27
- });
28
- it("has a method that validates the style property and resets an invalid property to a button type of secondary", async () => {
29
- const page = await newSpecPage({
30
- components: [Button],
31
- html: "<wm-button></wm-button>",
32
- });
33
- const button = page.root;
34
- expect(button).toHaveProperty("buttonType");
35
- button.setAttribute("button-type", "foobar");
36
- expect(button.buttonType).toEqual("secondary");
37
- });
38
- it("sets the aria label if the property labelForIdenticalButtons is passed", async () => {
39
- const page = await newSpecPage({
40
- components: [Button],
41
- html: "<wm-button label-for-identical-buttons='read this instead of the text'>Button</wm-button>",
42
- });
43
- const button = page.root.shadowRoot.querySelector("button");
44
- expect(button).toEqualAttribute("aria-label", "read this instead of the text");
45
- });
46
- // TOOLTIP
47
- describe("error throwing", () => {
48
- it("throws error when icononly or navigational button used without tooltip", async () => {
49
- const mockFunc = jest.fn();
50
- console.error = mockFunc;
51
- await newSpecPage({
52
- components: [Button],
53
- html: "<wm-button icon='f1c0' button-type='icononly'></wm-button>",
54
- });
55
- expect(mockFunc).toHaveBeenCalledWith("wm-button should have a valid 'tooltip' property when button-type is set to 'icononly' or 'navigational'.");
56
- const mockFunc2 = jest.fn();
57
- console.error = mockFunc2;
58
- await newSpecPage({
59
- components: [Button],
60
- html: "<wm-button icon='f1c0' button-type='navigational'></wm-button>",
61
- });
62
- expect(mockFunc2).toHaveBeenCalledWith("wm-button should have a valid 'tooltip' property when button-type is set to 'icononly' or 'navigational'.");
63
- });
64
- it("throws error when icononly button used without icon", async () => {
65
- const mockFunc = jest.fn();
66
- console.error = mockFunc;
67
- await newSpecPage({
68
- components: [Button],
69
- html: "<wm-button button-type='icononly' tooltip='edit'></wm-button>",
70
- });
71
- expect(mockFunc).toHaveBeenCalledWith("wm-button should have a valid 'icon' property when button-type is set to 'icononly' or 'navigational'.");
72
- });
73
- });
74
- });