@ionic/core 7.7.2-dev.11707926434.1affaed4 → 7.7.2-dev.11707932366.16baf005

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 (808) hide show
  1. package/components/action-sheet.js +4 -4
  2. package/components/alert.js +2 -2
  3. package/components/backdrop.js +1 -13
  4. package/components/button-active.js +1 -1
  5. package/components/button.js +2 -2
  6. package/components/checkbox.js +2 -2
  7. package/components/data.js +39 -29
  8. package/components/gesture-controller.js +1 -1
  9. package/components/ion-accordion-group.js +1 -1
  10. package/components/ion-back-button.js +1 -1
  11. package/components/ion-badge.js +2 -2
  12. package/components/ion-breadcrumb.js +2 -2
  13. package/components/ion-card-subtitle.js +2 -2
  14. package/components/ion-card-title.js +1 -1
  15. package/components/ion-card.js +2 -2
  16. package/components/ion-content.js +4 -5
  17. package/components/ion-datetime-button.js +14 -15
  18. package/components/ion-datetime.js +47 -172
  19. package/components/ion-fab-button.js +4 -4
  20. package/components/ion-fab-list.js +3 -3
  21. package/components/ion-fab.js +2 -2
  22. package/components/ion-footer.js +2 -2
  23. package/components/ion-grid.js +2 -2
  24. package/components/ion-header.js +2 -2
  25. package/components/ion-img.js +1 -1
  26. package/components/ion-infinite-scroll-content.js +4 -4
  27. package/components/ion-infinite-scroll.js +1 -1
  28. package/components/ion-input.js +7 -93
  29. package/components/ion-item-divider.js +4 -4
  30. package/components/ion-item-group.js +1 -1
  31. package/components/ion-item-option.js +4 -4
  32. package/components/ion-item-options.js +3 -3
  33. package/components/ion-item-sliding.js +1 -1
  34. package/components/ion-loading.js +4 -4
  35. package/components/ion-menu-button.js +3 -3
  36. package/components/ion-menu-toggle.js +2 -2
  37. package/components/ion-menu.js +23 -17
  38. package/components/ion-modal.js +8 -25
  39. package/components/ion-nav-link.js +1 -1
  40. package/components/ion-nav.js +8 -4
  41. package/components/ion-picker-column-option.d.ts +11 -0
  42. package/components/ion-picker-column-option.js +9 -0
  43. package/components/ion-picker-column.js +2 -2
  44. package/components/ion-picker-legacy-column.d.ts +11 -0
  45. package/components/ion-picker-legacy-column.js +9 -0
  46. package/components/{ion-picker-internal.d.ts → ion-picker-legacy.d.ts} +4 -4
  47. package/components/ion-picker-legacy.js +311 -0
  48. package/components/ion-picker.js +1 -311
  49. package/components/ion-progress-bar.js +6 -3
  50. package/components/ion-range.js +2 -2
  51. package/components/ion-refresher-content.js +1 -1
  52. package/components/ion-refresher.js +3 -3
  53. package/components/ion-reorder-group.js +1 -1
  54. package/components/ion-reorder.js +1 -1
  55. package/components/ion-router-link.js +3 -3
  56. package/components/ion-router-outlet.js +1 -1
  57. package/components/ion-row.js +1 -1
  58. package/components/ion-searchbar.js +6 -6
  59. package/components/ion-segment-button.js +5 -5
  60. package/components/ion-segment.js +2 -2
  61. package/components/ion-select-option.js +1 -1
  62. package/components/ion-select.js +65 -159
  63. package/components/ion-skeleton-text.js +2 -2
  64. package/components/ion-split-pane.js +28 -17
  65. package/components/ion-tab-bar.js +4 -4
  66. package/components/ion-tab-button.js +4 -4
  67. package/components/ion-tab.js +2 -2
  68. package/components/ion-tabs.js +1 -1
  69. package/components/ion-text.js +2 -2
  70. package/components/ion-textarea.js +7 -70
  71. package/components/ion-thumbnail.js +1 -1
  72. package/components/ion-title.js +3 -3
  73. package/components/ion-toast.js +12 -6
  74. package/components/ion-toggle.js +7 -64
  75. package/components/ion-toolbar.js +4 -4
  76. package/components/item.js +2 -2
  77. package/components/label.js +3 -3
  78. package/components/list-header.js +4 -4
  79. package/components/list.js +2 -2
  80. package/components/note.js +4 -4
  81. package/components/overlays.js +11 -4
  82. package/components/picker-column-option.js +124 -0
  83. package/components/picker-column.js +352 -324
  84. package/components/picker-column2.js +381 -0
  85. package/components/{picker-internal.js → picker.js} +33 -26
  86. package/components/popover.js +3 -3
  87. package/components/radio-group.js +1 -1
  88. package/components/radio.js +8 -81
  89. package/components/ripple-effect.js +1 -1
  90. package/components/select-popover.js +2 -2
  91. package/components/spinner.js +1 -1
  92. package/css/core.css +90 -27
  93. package/css/core.css.map +1 -1
  94. package/css/display.css.map +1 -1
  95. package/css/float-elements.css.map +1 -1
  96. package/css/global.bundle.css +1 -1
  97. package/css/global.bundle.css.map +1 -1
  98. package/css/ionic-swiper.css.map +1 -1
  99. package/css/ionic.bundle.css +1 -1
  100. package/css/ionic.bundle.css.map +1 -1
  101. package/css/padding.css.map +1 -1
  102. package/css/structure.css.map +1 -1
  103. package/css/text-alignment.css.map +1 -1
  104. package/css/text-transformation.css.map +1 -1
  105. package/css/themes/dark.always.css +160 -0
  106. package/css/themes/dark.always.css.map +1 -0
  107. package/css/themes/dark.class.css +160 -0
  108. package/css/themes/dark.class.css.map +1 -0
  109. package/css/themes/dark.css +3 -0
  110. package/css/themes/dark.css.map +1 -0
  111. package/css/themes/dark.system.css +162 -0
  112. package/css/themes/dark.system.css.map +1 -0
  113. package/css/themes/high-contrast-dark.always.css +180 -0
  114. package/css/themes/high-contrast-dark.always.css.map +1 -0
  115. package/css/themes/high-contrast-dark.class.css +180 -0
  116. package/css/themes/high-contrast-dark.class.css.map +1 -0
  117. package/css/themes/high-contrast-dark.css +3 -0
  118. package/css/themes/high-contrast-dark.css.map +1 -0
  119. package/css/themes/high-contrast-dark.system.css +182 -0
  120. package/css/themes/high-contrast-dark.system.css.map +1 -0
  121. package/css/themes/high-contrast.always.css +101 -0
  122. package/css/themes/high-contrast.always.css.map +1 -0
  123. package/css/themes/high-contrast.class.css +101 -0
  124. package/css/themes/high-contrast.class.css.map +1 -0
  125. package/css/themes/high-contrast.css +3 -0
  126. package/css/themes/high-contrast.css.map +1 -0
  127. package/css/themes/high-contrast.system.css +103 -0
  128. package/css/themes/high-contrast.system.css.map +1 -0
  129. package/css/typography.css +1 -1
  130. package/css/typography.css.map +1 -1
  131. package/css/utils.bundle.css.map +1 -1
  132. package/dist/cjs/{button-active-b8c3f603.js → button-active-600ed3e2.js} +2 -2
  133. package/dist/cjs/{data-6246812e.js → data-e2bf21de.js} +40 -28
  134. package/dist/cjs/{gesture-controller-c40c045a.js → gesture-controller-9436f482.js} +1 -0
  135. package/dist/cjs/{index-d1b59ffa.js → index-ee07ed59.js} +1 -1
  136. package/dist/cjs/index.cjs.js +3 -3
  137. package/dist/cjs/ion-accordion_2.cjs.entry.js +1 -1
  138. package/dist/cjs/ion-action-sheet.cjs.entry.js +8 -8
  139. package/dist/cjs/ion-alert.cjs.entry.js +6 -6
  140. package/dist/cjs/ion-app_8.cjs.entry.js +17 -18
  141. package/dist/cjs/ion-avatar_3.cjs.entry.js +3 -3
  142. package/dist/cjs/ion-back-button.cjs.entry.js +1 -1
  143. package/dist/cjs/ion-backdrop.cjs.entry.js +1 -13
  144. package/dist/cjs/ion-breadcrumb_2.cjs.entry.js +2 -2
  145. package/dist/cjs/ion-button_2.cjs.entry.js +2 -2
  146. package/dist/cjs/ion-card_5.cjs.entry.js +5 -5
  147. package/dist/cjs/ion-checkbox.cjs.entry.js +2 -2
  148. package/dist/cjs/ion-col_3.cjs.entry.js +3 -3
  149. package/dist/cjs/ion-datetime-button.cjs.entry.js +14 -15
  150. package/dist/cjs/ion-datetime_3.cjs.entry.js +55 -173
  151. package/dist/cjs/ion-fab_3.cjs.entry.js +9 -9
  152. package/dist/cjs/ion-img.cjs.entry.js +1 -1
  153. package/dist/cjs/ion-infinite-scroll_2.cjs.entry.js +5 -5
  154. package/dist/cjs/ion-input.cjs.entry.js +8 -88
  155. package/dist/cjs/ion-item-option_3.cjs.entry.js +9 -9
  156. package/dist/cjs/ion-item_8.cjs.entry.js +22 -22
  157. package/dist/cjs/ion-loading.cjs.entry.js +6 -5
  158. package/dist/cjs/ion-menu_3.cjs.entry.js +31 -26
  159. package/dist/cjs/ion-modal.cjs.entry.js +11 -28
  160. package/dist/cjs/ion-nav_2.cjs.entry.js +8 -5
  161. package/dist/cjs/ion-picker-column-option.cjs.entry.js +106 -0
  162. package/dist/cjs/{ion-picker-column-internal.cjs.entry.js → ion-picker-column.cjs.entry.js} +105 -89
  163. package/dist/cjs/{ion-picker-internal.cjs.entry.js → ion-picker.cjs.entry.js} +30 -23
  164. package/dist/cjs/ion-popover.cjs.entry.js +5 -4
  165. package/dist/cjs/ion-progress-bar.cjs.entry.js +6 -3
  166. package/dist/cjs/ion-radio_2.cjs.entry.js +7 -76
  167. package/dist/cjs/ion-range.cjs.entry.js +3 -3
  168. package/dist/cjs/ion-refresher_2.cjs.entry.js +7 -7
  169. package/dist/cjs/ion-reorder_2.cjs.entry.js +3 -3
  170. package/dist/cjs/ion-ripple-effect.cjs.entry.js +1 -1
  171. package/dist/cjs/ion-route_4.cjs.entry.js +3 -3
  172. package/dist/cjs/ion-searchbar.cjs.entry.js +6 -6
  173. package/dist/cjs/ion-segment_2.cjs.entry.js +8 -8
  174. package/dist/cjs/ion-select_3.cjs.entry.js +73 -164
  175. package/dist/cjs/ion-spinner.cjs.entry.js +1 -1
  176. package/dist/cjs/ion-split-pane.cjs.entry.js +26 -16
  177. package/dist/cjs/ion-tab-bar_2.cjs.entry.js +8 -8
  178. package/dist/cjs/ion-tab_2.cjs.entry.js +3 -3
  179. package/dist/cjs/ion-text.cjs.entry.js +2 -2
  180. package/dist/cjs/ion-textarea.cjs.entry.js +7 -67
  181. package/dist/cjs/ion-toast.cjs.entry.js +14 -8
  182. package/dist/cjs/ion-toggle.cjs.entry.js +7 -63
  183. package/dist/cjs/ionic.cjs.js +1 -1
  184. package/dist/cjs/loader.cjs.js +1 -1
  185. package/dist/cjs/{overlays-330df245.js → overlays-8f32c4ca.js} +11 -4
  186. package/dist/cjs/{swipe-back-8411f044.js → swipe-back-f93021d8.js} +2 -2
  187. package/dist/collection/collection-manifest.json +7 -6
  188. package/dist/collection/components/accordion-group/accordion-group.md.css +4 -26
  189. package/dist/collection/components/action-sheet/action-sheet.ios.css +16 -9
  190. package/dist/collection/components/action-sheet/action-sheet.js +2 -2
  191. package/dist/collection/components/action-sheet/action-sheet.md.css +10 -3
  192. package/dist/collection/components/action-sheet/test/a11y/action-sheet.e2e.js +23 -14
  193. package/dist/collection/components/action-sheet/test/basic/action-sheet-rendering.e2e.js +19 -0
  194. package/dist/collection/components/action-sheet/test/basic/action-sheet.spec.js +22 -0
  195. package/dist/collection/components/alert/alert.ios.css +33 -80
  196. package/dist/collection/components/alert/alert.md.css +25 -121
  197. package/dist/collection/components/alert/test/a11y/alert.e2e.js +22 -9
  198. package/dist/collection/components/back-button/back-button.ios.css +1 -1
  199. package/dist/collection/components/back-button/test/a11y/back-button.e2e.js +21 -0
  200. package/dist/collection/components/backdrop/backdrop.js +1 -13
  201. package/dist/collection/components/badge/badge.ios.css +1 -1
  202. package/dist/collection/components/badge/badge.md.css +1 -1
  203. package/dist/collection/components/badge/test/a11y/badge.e2e.js +18 -0
  204. package/dist/collection/components/breadcrumb/breadcrumb.ios.css +9 -9
  205. package/dist/collection/components/breadcrumb/breadcrumb.md.css +9 -9
  206. package/dist/collection/components/button/button.ios.css +11 -11
  207. package/dist/collection/components/button/button.md.css +9 -9
  208. package/dist/collection/components/button/test/a11y/button.e2e.js +48 -0
  209. package/dist/collection/components/button/test/wrap/button.e2e.js +12 -24
  210. package/dist/collection/components/card/card.ios.css +1 -1
  211. package/dist/collection/components/card/card.md.css +1 -1
  212. package/dist/collection/components/card-subtitle/card-subtitle.ios.css +1 -1
  213. package/dist/collection/components/card-subtitle/card-subtitle.md.css +1 -1
  214. package/dist/collection/components/card-title/card-title.md.css +1 -1
  215. package/dist/collection/components/checkbox/checkbox.ios.css +8 -26
  216. package/dist/collection/components/checkbox/checkbox.md.css +5 -24
  217. package/dist/collection/components/checkbox/test/a11y/checkbox.e2e.js +11 -2
  218. package/dist/collection/components/checkbox/test/basic/checkbox.e2e.js +10 -0
  219. package/dist/collection/components/content/content.css +0 -4
  220. package/dist/collection/components/content/content.js +3 -4
  221. package/dist/collection/components/datetime/datetime.ios.css +105 -117
  222. package/dist/collection/components/datetime/datetime.js +31 -166
  223. package/dist/collection/components/datetime/datetime.md.css +106 -114
  224. package/dist/collection/components/datetime/test/a11y/datetime.e2e.js +1 -1
  225. package/dist/collection/components/datetime/test/a11y/datetime.spec.js +6 -9
  226. package/dist/collection/components/datetime/test/basic/datetime.e2e.js +8 -77
  227. package/dist/collection/components/datetime/test/datetime.e2e.js +2 -2
  228. package/dist/collection/components/datetime/test/disabled/datetime.spec.js +4 -4
  229. package/dist/collection/components/datetime/test/format.spec.js +1 -65
  230. package/dist/collection/components/datetime/test/locale/datetime.e2e.js +2 -2
  231. package/dist/collection/components/datetime/test/minmax/datetime.e2e.js +6 -6
  232. package/dist/collection/components/datetime/test/month-year-picker/datetime.e2e.js +1 -1
  233. package/dist/collection/components/datetime/test/prefer-wheel/datetime.e2e.js +43 -41
  234. package/dist/collection/components/datetime/test/presentation/datetime.e2e.js +1 -1
  235. package/dist/collection/components/datetime/test/readonly/datetime.e2e.js +4 -4
  236. package/dist/collection/components/datetime/test/values/datetime.e2e.js +15 -12
  237. package/dist/collection/components/datetime/utils/data.js +1 -1
  238. package/dist/collection/components/datetime/utils/format.js +20 -28
  239. package/dist/collection/components/datetime-button/datetime-button.ios.css +107 -0
  240. package/dist/collection/components/datetime-button/datetime-button.js +14 -15
  241. package/dist/collection/components/datetime-button/{datetime-button.css → datetime-button.md.css} +10 -7
  242. package/dist/collection/components/datetime-button/test/basic/datetime-button.e2e.js +12 -66
  243. package/dist/collection/components/fab/fab.js +2 -2
  244. package/dist/collection/components/fab-button/fab-button.ios.css +7 -7
  245. package/dist/collection/components/fab-button/fab-button.js +2 -2
  246. package/dist/collection/components/fab-button/fab-button.md.css +1 -1
  247. package/dist/collection/components/fab-button/test/a11y/fab-button.e2e.js +50 -0
  248. package/dist/collection/components/fab-list/fab-list.css +4 -42
  249. package/dist/collection/components/fab-list/fab-list.js +2 -2
  250. package/dist/collection/components/footer/footer.js +2 -2
  251. package/dist/collection/components/grid/grid.js +2 -2
  252. package/dist/collection/components/header/header.js +2 -2
  253. package/dist/collection/components/img/img.js +1 -1
  254. package/dist/collection/components/infinite-scroll/infinite-scroll.js +1 -1
  255. package/dist/collection/components/infinite-scroll-content/infinite-scroll-content.ios.css +3 -3
  256. package/dist/collection/components/infinite-scroll-content/infinite-scroll-content.js +2 -2
  257. package/dist/collection/components/infinite-scroll-content/infinite-scroll-content.md.css +3 -3
  258. package/dist/collection/components/input/input.ios.css +11 -104
  259. package/dist/collection/components/input/input.js +6 -144
  260. package/dist/collection/components/input/input.md.css +35 -216
  261. package/dist/collection/components/input/test/a11y/input.e2e.js +41 -3
  262. package/dist/collection/components/item/item.ios.css +6 -30
  263. package/dist/collection/components/item/item.md.css +24 -97
  264. package/dist/collection/components/item/test/a11y/item.e2e.js +0 -40
  265. package/dist/collection/components/item-divider/item-divider.ios.css +3 -3
  266. package/dist/collection/components/item-divider/item-divider.js +2 -2
  267. package/dist/collection/components/item-divider/item-divider.md.css +3 -3
  268. package/dist/collection/components/item-group/item-group.js +1 -1
  269. package/dist/collection/components/item-option/item-option.ios.css +2 -2
  270. package/dist/collection/components/item-option/item-option.js +2 -2
  271. package/dist/collection/components/item-option/item-option.md.css +1 -1
  272. package/dist/collection/components/item-options/item-options.ios.css +1 -1
  273. package/dist/collection/components/item-options/item-options.js +1 -1
  274. package/dist/collection/components/item-options/item-options.md.css +1 -1
  275. package/dist/collection/components/item-sliding/item-sliding.js +1 -1
  276. package/dist/collection/components/item-sliding/test/a11y/item-sliding.e2e.js +28 -0
  277. package/dist/collection/components/label/label.ios.css +1 -1
  278. package/dist/collection/components/label/label.js +1 -1
  279. package/dist/collection/components/label/label.md.css +2 -2
  280. package/dist/collection/components/label/test/a11y/label.e2e.js +20 -0
  281. package/dist/collection/components/list/list.js +1 -1
  282. package/dist/collection/components/list/list.md.css +2 -26
  283. package/dist/collection/components/list-header/list-header.ios.css +2 -2
  284. package/dist/collection/components/list-header/list-header.js +2 -2
  285. package/dist/collection/components/list-header/list-header.md.css +1 -1
  286. package/dist/collection/components/loading/loading.ios.css +2 -2
  287. package/dist/collection/components/loading/loading.js +2 -2
  288. package/dist/collection/components/loading/loading.md.css +3 -3
  289. package/dist/collection/components/loading/test/a11y/loading.e2e.js +21 -5
  290. package/dist/collection/components/menu/menu.ios.css +72 -53
  291. package/dist/collection/components/menu/menu.js +21 -15
  292. package/dist/collection/components/menu/menu.md.css +72 -53
  293. package/dist/collection/components/menu-button/menu-button.ios.css +1 -1
  294. package/dist/collection/components/menu-button/menu-button.js +2 -2
  295. package/dist/collection/components/menu-button/test/a11y/menu-button.e2e.js +14 -0
  296. package/dist/collection/components/menu-toggle/menu-toggle.js +2 -2
  297. package/dist/collection/components/modal/gestures/swipe-to-close.js +1 -1
  298. package/dist/collection/components/modal/modal.ios.css +9 -38
  299. package/dist/collection/components/modal/modal.js +3 -3
  300. package/dist/collection/components/modal/modal.md.css +1 -1
  301. package/dist/collection/components/modal/utils.js +2 -8
  302. package/dist/collection/components/nav/nav.js +23 -3
  303. package/dist/collection/components/nav/test/nav-controller.spec.js +36 -36
  304. package/dist/collection/components/nav-link/nav-link.js +1 -1
  305. package/dist/collection/components/note/note.ios.css +1 -1
  306. package/dist/collection/components/note/note.js +2 -2
  307. package/dist/collection/components/note/note.md.css +1 -1
  308. package/dist/collection/components/picker/picker.ios.css +97 -234
  309. package/dist/collection/components/picker/picker.js +488 -738
  310. package/dist/collection/components/picker/picker.md.css +98 -226
  311. package/dist/collection/components/{picker-internal/test/a11y/picker-internal.e2e.js → picker/test/a11y/picker.e2e.js} +2 -2
  312. package/dist/collection/components/picker/test/basic/picker.e2e.js +99 -13
  313. package/dist/collection/components/picker/test/custom/picker.e2e.js +85 -0
  314. package/dist/collection/components/{picker-internal/test/keyboard-entry/picker-internal.e2e.js → picker/test/keyboard-entry/picker.e2e.js} +79 -42
  315. package/dist/collection/components/{picker-column-internal/picker-column-internal.md.css → picker-column/picker-column.css} +96 -83
  316. package/dist/collection/components/picker-column/picker-column.js +499 -335
  317. package/dist/collection/components/{picker-column-internal/test/basic/picker-column-internal.e2e.js → picker-column/test/basic/picker-column.e2e.js} +8 -8
  318. package/dist/collection/components/picker-column/test/disabled/picker-column.e2e.js +91 -0
  319. package/dist/collection/components/picker-column/test/slots/picker-column.e2e.js +39 -0
  320. package/dist/collection/components/picker-column-option/picker-column-option.ios.css +87 -0
  321. package/dist/collection/components/picker-column-option/picker-column-option.js +173 -0
  322. package/dist/collection/components/{picker-column-internal/picker-column-internal.ios.css → picker-column-option/picker-column-option.md.css} +6 -53
  323. package/dist/collection/components/picker-column-option/test/a11y/picker-column-option.e2e.js +18 -0
  324. package/dist/collection/components/picker-column-option/test/basic/picker-column-option.e2e.js +37 -0
  325. package/dist/collection/components/picker-column-option/test/picker-column-option.spec.js +29 -0
  326. package/dist/collection/components/{picker-internal/picker-internal.ios.css → picker-legacy/picker.ios.css} +155 -117
  327. package/dist/collection/components/picker-legacy/picker.js +811 -0
  328. package/dist/collection/components/{picker-internal/picker-internal.md.css → picker-legacy/picker.md.css} +144 -115
  329. package/dist/collection/components/picker-legacy/test/basic/picker.e2e.js +25 -0
  330. package/dist/collection/components/{picker → picker-legacy}/test/is-open/picker.e2e.js +4 -4
  331. package/dist/collection/components/{picker → picker-legacy}/test/picker-id.spec.js +5 -5
  332. package/dist/collection/components/{picker → picker-legacy}/test/trigger/picker.e2e.js +1 -1
  333. package/dist/collection/components/{picker-column → picker-legacy-column}/picker-column.ios.css +2 -26
  334. package/dist/collection/components/picker-legacy-column/picker-column.js +419 -0
  335. package/dist/collection/components/{picker-column → picker-legacy-column}/picker-column.md.css +3 -27
  336. package/dist/collection/components/{picker-column → picker-legacy-column}/test/picker-column-aria.spec.js +3 -3
  337. package/dist/collection/components/{picker-column → picker-legacy-column}/test/picker-column-dynamic.spec.js +2 -2
  338. package/dist/collection/components/{picker-column → picker-legacy-column}/test/picker-column.spec.js +2 -2
  339. package/dist/collection/components/{picker-column → picker-legacy-column}/test/standalone/picker-column.e2e.js +3 -3
  340. package/dist/collection/components/popover/popover.ios.css +3 -34
  341. package/dist/collection/components/popover/popover.js +2 -2
  342. package/dist/collection/components/progress-bar/progress-bar.ios.css +17 -11
  343. package/dist/collection/components/progress-bar/progress-bar.js +4 -1
  344. package/dist/collection/components/progress-bar/progress-bar.md.css +8 -10
  345. package/dist/collection/components/progress-bar/test/a11y/progress-bar.e2e.js +24 -0
  346. package/dist/collection/components/radio/radio.ios.css +10 -101
  347. package/dist/collection/components/radio/radio.js +5 -119
  348. package/dist/collection/components/radio/radio.md.css +8 -105
  349. package/dist/collection/components/radio/test/a11y/radio.e2e.js +114 -81
  350. package/dist/collection/components/radio-group/radio-group.js +1 -1
  351. package/dist/collection/components/range/range.ios.css +12 -81
  352. package/dist/collection/components/range/range.md.css +19 -135
  353. package/dist/collection/components/range/test/a11y/range.e2e.js +18 -8
  354. package/dist/collection/components/refresher/refresher.ios.css +4 -27
  355. package/dist/collection/components/refresher/refresher.js +1 -1
  356. package/dist/collection/components/refresher/refresher.md.css +7 -30
  357. package/dist/collection/components/refresher/test/a11y/refresher.e2e.js +26 -0
  358. package/dist/collection/components/refresher-content/refresher-content.js +1 -1
  359. package/dist/collection/components/reorder/reorder.js +1 -1
  360. package/dist/collection/components/reorder-group/reorder-group.js +1 -1
  361. package/dist/collection/components/ripple-effect/ripple-effect.js +1 -1
  362. package/dist/collection/components/router-link/router-link.css +1 -1
  363. package/dist/collection/components/router-link/router-link.js +2 -2
  364. package/dist/collection/components/router-link/test/a11y/router-link.e2e.js +23 -0
  365. package/dist/collection/components/router-outlet/router-outlet.js +1 -1
  366. package/dist/collection/components/row/row.js +1 -1
  367. package/dist/collection/components/searchbar/searchbar.ios.css +11 -59
  368. package/dist/collection/components/searchbar/searchbar.js +4 -4
  369. package/dist/collection/components/searchbar/searchbar.md.css +10 -82
  370. package/dist/collection/components/segment/segment.js +2 -2
  371. package/dist/collection/components/segment/test/a11y/segment.e2e.js +23 -0
  372. package/dist/collection/components/segment-button/segment-button.ios.css +3 -3
  373. package/dist/collection/components/segment-button/segment-button.js +3 -3
  374. package/dist/collection/components/segment-button/segment-button.md.css +2 -2
  375. package/dist/collection/components/select/select.ios.css +10 -81
  376. package/dist/collection/components/select/select.js +64 -173
  377. package/dist/collection/components/select/select.md.css +38 -169
  378. package/dist/collection/components/select/test/a11y/select.e2e.js +68 -4
  379. package/dist/collection/components/select-option/select-option.js +1 -1
  380. package/dist/collection/components/select-popover/select-popover.js +1 -1
  381. package/dist/collection/components/select-popover/select-popover.md.css +4 -4
  382. package/dist/collection/components/select-popover/test/a11y/select-popover.e2e.js +32 -0
  383. package/dist/collection/components/skeleton-text/skeleton-text.js +2 -2
  384. package/dist/collection/components/spinner/spinner.js +1 -1
  385. package/dist/collection/components/split-pane/split-pane.ios.css +3 -55
  386. package/dist/collection/components/split-pane/split-pane.js +48 -14
  387. package/dist/collection/components/split-pane/split-pane.md.css +3 -55
  388. package/dist/collection/components/split-pane/test/wrapped-menu/split-pane.e2e.js +41 -0
  389. package/dist/collection/components/tab/tab.js +2 -2
  390. package/dist/collection/components/tab-bar/tab-bar.ios.css +4 -4
  391. package/dist/collection/components/tab-bar/tab-bar.js +2 -2
  392. package/dist/collection/components/tab-bar/tab-bar.md.css +3 -3
  393. package/dist/collection/components/tab-button/tab-button.ios.css +16 -94
  394. package/dist/collection/components/tab-button/tab-button.js +2 -2
  395. package/dist/collection/components/tab-button/tab-button.md.css +10 -93
  396. package/dist/collection/components/tabs/tabs.js +1 -1
  397. package/dist/collection/components/text/text.js +2 -2
  398. package/dist/collection/components/textarea/test/a11y/textarea.e2e.js +41 -3
  399. package/dist/collection/components/textarea/textarea.ios.css +13 -103
  400. package/dist/collection/components/textarea/textarea.js +5 -84
  401. package/dist/collection/components/textarea/textarea.md.css +37 -226
  402. package/dist/collection/components/thumbnail/thumbnail.js +1 -1
  403. package/dist/collection/components/title/title.ios.css +2 -21
  404. package/dist/collection/components/title/title.js +2 -2
  405. package/dist/collection/components/toast/test/a11y/toast.e2e.js +89 -24
  406. package/dist/collection/components/toast/toast.ios.css +8 -55
  407. package/dist/collection/components/toast/toast.js +9 -3
  408. package/dist/collection/components/toast/toast.md.css +10 -57
  409. package/dist/collection/components/toggle/test/a11y/toggle.e2e.js +8 -2
  410. package/dist/collection/components/toggle/toggle.ios.css +11 -90
  411. package/dist/collection/components/toggle/toggle.js +5 -101
  412. package/dist/collection/components/toggle/toggle.md.css +6 -91
  413. package/dist/collection/components/toolbar/toolbar.ios.css +2 -2
  414. package/dist/collection/components/toolbar/toolbar.js +2 -2
  415. package/dist/collection/components/toolbar/toolbar.md.css +1 -1
  416. package/dist/collection/css/test/a11y/typography.e2e.js +18 -0
  417. package/dist/collection/themes/test/colors/theme.e2e.js +170 -0
  418. package/dist/collection/utils/gesture/button-active.js +1 -1
  419. package/dist/collection/utils/gesture/gesture-controller.js +1 -1
  420. package/dist/collection/utils/native/status-bar.js +0 -11
  421. package/dist/collection/utils/overlays.js +11 -4
  422. package/dist/collection/utils/test/aria.spec.js +2 -1
  423. package/dist/collection/utils/test/overlays/overlays-scroll-blocking.spec.js +65 -0
  424. package/dist/collection/utils/test/playwright/generator.js +1 -0
  425. package/dist/collection/utils/test/playwright/page/utils/set-content.js +1 -1
  426. package/dist/docs.json +551 -308
  427. package/dist/esm/{button-active-4bee452c.js → button-active-35dc239f.js} +2 -2
  428. package/dist/esm/{data-25d50209.js → data-691286f1.js} +39 -29
  429. package/dist/esm/{gesture-controller-1bf57181.js → gesture-controller-314a54f6.js} +1 -1
  430. package/dist/esm/{index-2cf77112.js → index-39782642.js} +2 -2
  431. package/dist/esm/index.js +3 -3
  432. package/dist/esm/ion-accordion_2.entry.js +1 -1
  433. package/dist/esm/ion-action-sheet.entry.js +8 -8
  434. package/dist/esm/ion-alert.entry.js +6 -6
  435. package/dist/esm/ion-app_8.entry.js +17 -18
  436. package/dist/esm/ion-avatar_3.entry.js +3 -3
  437. package/dist/esm/ion-back-button.entry.js +1 -1
  438. package/dist/esm/ion-backdrop.entry.js +1 -13
  439. package/dist/esm/ion-breadcrumb_2.entry.js +2 -2
  440. package/dist/esm/ion-button_2.entry.js +2 -2
  441. package/dist/esm/ion-card_5.entry.js +5 -5
  442. package/dist/esm/ion-checkbox.entry.js +2 -2
  443. package/dist/esm/ion-col_3.entry.js +3 -3
  444. package/dist/esm/ion-datetime-button.entry.js +14 -15
  445. package/dist/esm/ion-datetime_3.entry.js +54 -172
  446. package/dist/esm/ion-fab_3.entry.js +9 -9
  447. package/dist/esm/ion-img.entry.js +1 -1
  448. package/dist/esm/ion-infinite-scroll_2.entry.js +5 -5
  449. package/dist/esm/ion-input.entry.js +8 -88
  450. package/dist/esm/ion-item-option_3.entry.js +9 -9
  451. package/dist/esm/ion-item_8.entry.js +22 -22
  452. package/dist/esm/ion-loading.entry.js +6 -5
  453. package/dist/esm/ion-menu_3.entry.js +31 -26
  454. package/dist/esm/ion-modal.entry.js +11 -28
  455. package/dist/esm/ion-nav_2.entry.js +8 -5
  456. package/dist/esm/ion-picker-column-option.entry.js +102 -0
  457. package/dist/esm/{ion-picker-column-internal.entry.js → ion-picker-column.entry.js} +105 -89
  458. package/dist/esm/{ion-picker-internal.entry.js → ion-picker.entry.js} +30 -23
  459. package/dist/esm/ion-popover.entry.js +5 -4
  460. package/dist/esm/ion-progress-bar.entry.js +6 -3
  461. package/dist/esm/ion-radio_2.entry.js +8 -77
  462. package/dist/esm/ion-range.entry.js +3 -3
  463. package/dist/esm/ion-refresher_2.entry.js +7 -7
  464. package/dist/esm/ion-reorder_2.entry.js +3 -3
  465. package/dist/esm/ion-ripple-effect.entry.js +1 -1
  466. package/dist/esm/ion-route_4.entry.js +3 -3
  467. package/dist/esm/ion-searchbar.entry.js +6 -6
  468. package/dist/esm/ion-segment_2.entry.js +8 -8
  469. package/dist/esm/ion-select_3.entry.js +71 -162
  470. package/dist/esm/ion-spinner.entry.js +1 -1
  471. package/dist/esm/ion-split-pane.entry.js +26 -16
  472. package/dist/esm/ion-tab-bar_2.entry.js +8 -8
  473. package/dist/esm/ion-tab_2.entry.js +3 -3
  474. package/dist/esm/ion-text.entry.js +2 -2
  475. package/dist/esm/ion-textarea.entry.js +8 -68
  476. package/dist/esm/ion-toast.entry.js +15 -9
  477. package/dist/esm/ion-toggle.entry.js +8 -64
  478. package/dist/esm/ionic.js +1 -1
  479. package/dist/esm/loader.js +1 -1
  480. package/dist/esm/{overlays-33ae3ea0.js → overlays-2d8629c6.js} +11 -4
  481. package/dist/esm/{swipe-back-c06602f2.js → swipe-back-7f7620ca.js} +2 -2
  482. package/dist/esm-es5/button-active-35dc239f.js +4 -0
  483. package/dist/esm-es5/data-691286f1.js +4 -0
  484. package/dist/esm-es5/{gesture-controller-1bf57181.js → gesture-controller-314a54f6.js} +1 -1
  485. package/dist/esm-es5/{index-2cf77112.js → index-39782642.js} +1 -1
  486. package/dist/esm-es5/index.js +1 -1
  487. package/dist/esm-es5/ion-accordion_2.entry.js +1 -1
  488. package/dist/esm-es5/ion-action-sheet.entry.js +1 -1
  489. package/dist/esm-es5/ion-alert.entry.js +1 -1
  490. package/dist/esm-es5/ion-app_8.entry.js +1 -1
  491. package/dist/esm-es5/ion-avatar_3.entry.js +1 -1
  492. package/dist/esm-es5/ion-back-button.entry.js +1 -1
  493. package/dist/esm-es5/ion-backdrop.entry.js +1 -1
  494. package/dist/esm-es5/ion-breadcrumb_2.entry.js +1 -1
  495. package/dist/esm-es5/ion-button_2.entry.js +1 -1
  496. package/dist/esm-es5/ion-card_5.entry.js +1 -1
  497. package/dist/esm-es5/ion-checkbox.entry.js +1 -1
  498. package/dist/esm-es5/ion-col_3.entry.js +1 -1
  499. package/dist/esm-es5/ion-datetime-button.entry.js +1 -1
  500. package/dist/esm-es5/ion-datetime_3.entry.js +1 -1
  501. package/dist/esm-es5/ion-fab_3.entry.js +1 -1
  502. package/dist/esm-es5/ion-img.entry.js +1 -1
  503. package/dist/esm-es5/ion-infinite-scroll_2.entry.js +1 -1
  504. package/dist/esm-es5/ion-input.entry.js +1 -1
  505. package/dist/esm-es5/ion-item-option_3.entry.js +1 -1
  506. package/dist/esm-es5/ion-item_8.entry.js +1 -1
  507. package/dist/esm-es5/ion-loading.entry.js +1 -1
  508. package/dist/esm-es5/ion-menu_3.entry.js +1 -1
  509. package/dist/esm-es5/ion-modal.entry.js +1 -1
  510. package/dist/esm-es5/ion-nav_2.entry.js +1 -1
  511. package/dist/esm-es5/ion-picker-column-option.entry.js +4 -0
  512. package/dist/esm-es5/ion-picker-column.entry.js +4 -0
  513. package/dist/esm-es5/ion-picker.entry.js +4 -0
  514. package/dist/esm-es5/ion-popover.entry.js +1 -1
  515. package/dist/esm-es5/ion-progress-bar.entry.js +1 -1
  516. package/dist/esm-es5/ion-radio_2.entry.js +1 -1
  517. package/dist/esm-es5/ion-range.entry.js +1 -1
  518. package/dist/esm-es5/ion-refresher_2.entry.js +1 -1
  519. package/dist/esm-es5/ion-reorder_2.entry.js +1 -1
  520. package/dist/esm-es5/ion-ripple-effect.entry.js +1 -1
  521. package/dist/esm-es5/ion-route_4.entry.js +1 -1
  522. package/dist/esm-es5/ion-searchbar.entry.js +1 -1
  523. package/dist/esm-es5/ion-segment_2.entry.js +1 -1
  524. package/dist/esm-es5/ion-select_3.entry.js +1 -1
  525. package/dist/esm-es5/ion-spinner.entry.js +1 -1
  526. package/dist/esm-es5/ion-split-pane.entry.js +1 -1
  527. package/dist/esm-es5/ion-tab-bar_2.entry.js +1 -1
  528. package/dist/esm-es5/ion-tab_2.entry.js +1 -1
  529. package/dist/esm-es5/ion-text.entry.js +1 -1
  530. package/dist/esm-es5/ion-textarea.entry.js +1 -1
  531. package/dist/esm-es5/ion-toast.entry.js +1 -1
  532. package/dist/esm-es5/ion-toggle.entry.js +1 -1
  533. package/dist/esm-es5/ionic.js +1 -1
  534. package/dist/esm-es5/loader.js +1 -1
  535. package/dist/esm-es5/overlays-2d8629c6.js +4 -0
  536. package/dist/esm-es5/{swipe-back-c06602f2.js → swipe-back-7f7620ca.js} +1 -1
  537. package/dist/html.html-data.json +152 -29
  538. package/dist/ionic/index.esm.js +1 -1
  539. package/dist/ionic/ionic.esm.js +1 -1
  540. package/dist/ionic/{p-3a98f8db.entry.js → p-02bf61be.entry.js} +1 -1
  541. package/dist/ionic/p-0a90cc4d.system.entry.js +4 -0
  542. package/dist/ionic/p-0b955124.system.js +1 -1
  543. package/dist/ionic/p-0bc978ee.entry.js +4 -0
  544. package/dist/ionic/{p-cdc277a6.js → p-0d25b742.js} +1 -1
  545. package/dist/ionic/p-115d351a.entry.js +4 -0
  546. package/dist/ionic/{p-6f38d0c5.system.entry.js → p-156299c1.system.entry.js} +1 -1
  547. package/dist/ionic/p-158e5d3f.entry.js +4 -0
  548. package/dist/ionic/p-19385313.entry.js +4 -0
  549. package/dist/ionic/p-1b8684c2.system.entry.js +4 -0
  550. package/dist/ionic/p-1c6bc252.system.entry.js +4 -0
  551. package/dist/ionic/{p-aa7ae6aa.entry.js → p-1d1ef635.entry.js} +1 -1
  552. package/dist/ionic/p-1dc24d13.system.entry.js +4 -0
  553. package/dist/ionic/{p-c7c8429a.system.js → p-20d469d0.system.js} +1 -1
  554. package/dist/ionic/p-2203ea50.system.entry.js +4 -0
  555. package/dist/ionic/p-229d211f.entry.js +4 -0
  556. package/dist/ionic/p-23771339.entry.js +4 -0
  557. package/dist/ionic/p-2581c0b4.system.entry.js +4 -0
  558. package/dist/ionic/p-2aa9dbb1.entry.js +4 -0
  559. package/dist/ionic/p-2b17eb06.entry.js +4 -0
  560. package/dist/ionic/p-2f6b3478.system.entry.js +4 -0
  561. package/dist/ionic/p-2fbf97f4.system.entry.js +4 -0
  562. package/dist/ionic/p-3348d9b6.entry.js +4 -0
  563. package/dist/ionic/p-336ef060.entry.js +4 -0
  564. package/dist/ionic/{p-0e29919c.system.entry.js → p-364fd2ae.system.entry.js} +1 -1
  565. package/dist/ionic/{p-92c2178e.system.entry.js → p-3db5b566.system.entry.js} +1 -1
  566. package/dist/ionic/{p-31b2326e.system.js → p-3e1e14d9.system.js} +1 -1
  567. package/dist/ionic/{p-df281664.system.entry.js → p-416b7011.system.entry.js} +2 -2
  568. package/dist/ionic/p-41cd4e22.system.entry.js +4 -0
  569. package/dist/ionic/p-44ba1907.system.entry.js +4 -0
  570. package/dist/ionic/p-46e78ed6.entry.js +4 -0
  571. package/dist/ionic/{p-eda7a1db.system.entry.js → p-48346946.system.entry.js} +1 -1
  572. package/dist/ionic/p-49cbf8ca.entry.js +4 -0
  573. package/dist/ionic/p-50b79c48.entry.js +4 -0
  574. package/dist/ionic/p-5289aade.js +4 -0
  575. package/dist/ionic/p-54908979.entry.js +4 -0
  576. package/dist/ionic/p-5642acf7.system.entry.js +4 -0
  577. package/dist/ionic/{p-1c531ca2.entry.js → p-590ecff0.entry.js} +1 -1
  578. package/dist/ionic/p-5f739516.system.js +4 -0
  579. package/dist/ionic/{p-400574bf.entry.js → p-6028d77a.entry.js} +1 -1
  580. package/dist/ionic/p-66e6860f.system.js +4 -0
  581. package/dist/ionic/{p-8a671f16.entry.js → p-68211d11.entry.js} +1 -1
  582. package/dist/ionic/p-6ac84217.entry.js +4 -0
  583. package/dist/ionic/p-6b1b24df.entry.js +4 -0
  584. package/dist/ionic/p-6c48dd91.system.js +4 -0
  585. package/dist/ionic/p-6e7f5166.entry.js +4 -0
  586. package/dist/ionic/p-6e8d0527.system.entry.js +4 -0
  587. package/dist/ionic/p-6ea89932.js +4 -0
  588. package/dist/ionic/{p-bc2c03d7.system.entry.js → p-6f5c2ebd.system.entry.js} +1 -1
  589. package/dist/ionic/{p-fe92da17.entry.js → p-73fef0c6.entry.js} +1 -1
  590. package/dist/ionic/p-743030ee.entry.js +4 -0
  591. package/dist/ionic/{p-a2ad515b.entry.js → p-77cf63b4.entry.js} +1 -1
  592. package/dist/ionic/{p-d95c8e90.entry.js → p-78aade1a.entry.js} +1 -1
  593. package/dist/ionic/p-7d6c9121.entry.js +4 -0
  594. package/dist/ionic/p-7e230af6.entry.js +4 -0
  595. package/dist/ionic/p-7efa91b5.entry.js +4 -0
  596. package/dist/ionic/p-7f90cee1.entry.js +4 -0
  597. package/dist/ionic/p-814129a1.system.entry.js +4 -0
  598. package/dist/ionic/p-814aa0b4.system.entry.js +4 -0
  599. package/dist/ionic/p-892757c2.system.entry.js +4 -0
  600. package/dist/ionic/p-8aecc954.system.entry.js +4 -0
  601. package/dist/ionic/{p-f5d2dc9b.js → p-8ededb41.js} +1 -1
  602. package/dist/ionic/p-90149377.system.entry.js +4 -0
  603. package/dist/ionic/p-90fcbf72.js +4 -0
  604. package/dist/ionic/p-95861049.entry.js +4 -0
  605. package/dist/ionic/p-9954f160.entry.js +4 -0
  606. package/dist/ionic/p-9a71fceb.system.entry.js +4 -0
  607. package/dist/ionic/{p-bb3615f7.js → p-9b97df10.js} +1 -1
  608. package/dist/ionic/p-9c69a78d.system.entry.js +4 -0
  609. package/dist/ionic/p-9d10df75.system.entry.js +4 -0
  610. package/dist/ionic/{p-97eca294.entry.js → p-9ff0b9d7.entry.js} +1 -1
  611. package/dist/ionic/{p-fd9a9db3.system.js → p-a0da38e6.system.js} +1 -1
  612. package/dist/ionic/p-a53d820e.system.entry.js +4 -0
  613. package/dist/ionic/{p-9a6ab80a.system.entry.js → p-a69ca607.system.entry.js} +1 -1
  614. package/dist/ionic/p-a6a15217.system.entry.js +4 -0
  615. package/dist/ionic/p-ab722722.system.entry.js +4 -0
  616. package/dist/ionic/p-ab782835.system.entry.js +4 -0
  617. package/dist/ionic/p-aca86637.system.entry.js +4 -0
  618. package/dist/ionic/{p-d8607ede.entry.js → p-aeb2bfc4.entry.js} +1 -1
  619. package/dist/ionic/p-b0ba9ea5.entry.js +4 -0
  620. package/dist/ionic/p-b17f058b.system.js +4 -0
  621. package/dist/ionic/{p-2f66e177.system.entry.js → p-b46bdb73.system.entry.js} +1 -1
  622. package/dist/ionic/{p-1f6cdf2c.system.entry.js → p-b853d98f.system.entry.js} +1 -1
  623. package/dist/ionic/p-b8e465da.system.entry.js +4 -0
  624. package/dist/ionic/p-ba7347c4.entry.js +4 -0
  625. package/dist/ionic/{p-20a6513f.system.entry.js → p-c2938ad7.system.entry.js} +2 -2
  626. package/dist/ionic/p-c8f93816.system.entry.js +4 -0
  627. package/dist/ionic/p-c994c528.system.entry.js +4 -0
  628. package/dist/ionic/p-ce1cf1e0.system.entry.js +4 -0
  629. package/dist/ionic/p-d2670dd3.entry.js +4 -0
  630. package/dist/ionic/{p-efe9180b.entry.js → p-d9310104.entry.js} +1 -1
  631. package/dist/ionic/p-dd2392f1.entry.js +4 -0
  632. package/dist/ionic/{p-0eef8b34.system.entry.js → p-dd79d499.system.entry.js} +1 -1
  633. package/dist/ionic/{p-ac20160b.system.entry.js → p-e1386ddc.system.entry.js} +1 -1
  634. package/dist/ionic/p-e3c13a24.system.entry.js +4 -0
  635. package/dist/ionic/p-e4162cae.entry.js +4 -0
  636. package/dist/ionic/{p-ce2eabd5.entry.js → p-e45248be.entry.js} +1 -1
  637. package/dist/ionic/p-e88ae7f0.system.entry.js +4 -0
  638. package/dist/ionic/p-ec4e0057.entry.js +4 -0
  639. package/dist/ionic/p-ef065e0d.system.entry.js +4 -0
  640. package/dist/ionic/p-f3c1bbcb.entry.js +4 -0
  641. package/dist/ionic/p-f7d618b7.entry.js +4 -0
  642. package/dist/ionic/{p-a051c371.entry.js → p-f83192d4.entry.js} +1 -1
  643. package/dist/ionic/p-faea6b57.entry.js +4 -0
  644. package/dist/ionic/p-fe990e42.system.entry.js +4 -0
  645. package/dist/ionic/{p-7c32fb95.system.entry.js → p-ffee8d11.system.entry.js} +1 -1
  646. package/dist/types/components/action-sheet/action-sheet-interface.d.ts +8 -0
  647. package/dist/types/components/backdrop/backdrop.d.ts +0 -3
  648. package/dist/types/components/datetime/datetime-interface.d.ts +0 -10
  649. package/dist/types/components/datetime/datetime.d.ts +1 -17
  650. package/dist/types/components/datetime/utils/data.d.ts +11 -7
  651. package/dist/types/components/datetime/utils/format.d.ts +1 -7
  652. package/dist/types/components/input/input.d.ts +0 -26
  653. package/dist/types/components/menu/menu.d.ts +12 -2
  654. package/dist/types/components/modal/utils.d.ts +0 -4
  655. package/dist/types/components/nav/nav.d.ts +4 -1
  656. package/dist/types/components/picker/picker-interfaces.d.ts +8 -0
  657. package/dist/types/components/picker/picker.d.ts +75 -129
  658. package/dist/types/components/picker-column/picker-column-interfaces.d.ts +4 -0
  659. package/dist/types/components/picker-column/picker-column.d.ts +99 -39
  660. package/dist/types/components/picker-column-option/picker-column-option.d.ts +66 -0
  661. package/dist/types/components/picker-legacy/picker.d.ts +158 -0
  662. package/dist/types/components/picker-legacy-column/picker-column.d.ts +46 -0
  663. package/dist/types/components/radio/radio.d.ts +1 -24
  664. package/dist/types/components/select/select.d.ts +0 -15
  665. package/dist/types/components/split-pane/split-pane.d.ts +14 -2
  666. package/dist/types/components/textarea/textarea.d.ts +0 -17
  667. package/dist/types/components/toast/toast-interface.d.ts +0 -4
  668. package/dist/types/components/toggle/toggle.d.ts +1 -21
  669. package/dist/types/components.d.ts +161 -186
  670. package/dist/types/interface.d.ts +1 -1
  671. package/dist/types/utils/config.d.ts +2 -2
  672. package/dist/types/utils/gesture/gesture-controller.d.ts +1 -0
  673. package/dist/types/utils/native/status-bar.d.ts +0 -1
  674. package/dist/types/utils/overlays.d.ts +5 -2
  675. package/dist/types/utils/test/playwright/generator.d.ts +3 -1
  676. package/hydrate/index.js +1736 -2073
  677. package/package.json +1 -1
  678. package/components/ion-picker-column-internal.d.ts +0 -11
  679. package/components/ion-picker-column-internal.js +0 -9
  680. package/components/ion-picker-internal.js +0 -9
  681. package/components/picker-column-internal.js +0 -392
  682. package/dist/collection/components/input/test/item/input.spec.js +0 -24
  683. package/dist/collection/components/input/test/legacy/a11y/input.e2e.js +0 -28
  684. package/dist/collection/components/input/test/legacy/basic/input.e2e.js +0 -181
  685. package/dist/collection/components/input/test/legacy/clear-on-edit/input.e2e.js +0 -55
  686. package/dist/collection/components/input/test/legacy/input-events.e2e.js +0 -71
  687. package/dist/collection/components/input/test/legacy/masking/input.e2e.js +0 -26
  688. package/dist/collection/components/input/test/legacy/spec/input.e2e.js +0 -16
  689. package/dist/collection/components/item/test/counter/item.e2e.js +0 -49
  690. package/dist/collection/components/item/test/highlight/item.e2e.js +0 -14
  691. package/dist/collection/components/item/test/legacy/alignment/item.e2e.js +0 -14
  692. package/dist/collection/components/item/test/legacy/fill/item.e2e.js +0 -14
  693. package/dist/collection/components/item/test/legacy/form/item.e2e.js +0 -14
  694. package/dist/collection/components/picker-column-internal/picker-column-internal.js +0 -566
  695. package/dist/collection/components/picker-column-internal/test/disabled/picker-column-internal.e2e.js +0 -162
  696. package/dist/collection/components/picker-internal/picker-internal.js +0 -560
  697. package/dist/collection/components/picker-internal/test/basic/picker-internal.e2e.js +0 -118
  698. package/dist/collection/components/radio/test/legacy/a11y/radio.e2e.js +0 -53
  699. package/dist/collection/components/radio/test/legacy/basic/radio.e2e.js +0 -127
  700. package/dist/collection/components/radio-group/test/legacy/basic/radio-group.e2e.js +0 -122
  701. package/dist/collection/components/radio-group/test/legacy/form/radio-group.e2e.js +0 -30
  702. package/dist/collection/components/radio-group/test/legacy/search/radio-group.e2e.js +0 -38
  703. package/dist/collection/components/select/test/legacy/async/select.e2e.js +0 -19
  704. package/dist/collection/components/select/test/legacy/basic/select.e2e.js +0 -145
  705. package/dist/collection/components/select/test/legacy/compare-with/select.e2e.js +0 -67
  706. package/dist/collection/components/select/test/legacy/custom/custom.e2e.js +0 -13
  707. package/dist/collection/components/select/test/legacy/single-value/select.e2e.js +0 -16
  708. package/dist/collection/components/select/test/legacy/spec/select.e2e.js +0 -14
  709. package/dist/collection/components/select/test/legacy/standalone/select.e2e.js +0 -18
  710. package/dist/collection/components/select/test/legacy/wrapping/select.e2e.js +0 -39
  711. package/dist/collection/components/textarea/test/legacy/a11y/textarea.e2e.js +0 -31
  712. package/dist/collection/components/textarea/test/legacy/autogrow/textarea.e2e.js +0 -58
  713. package/dist/collection/components/textarea/test/legacy/basic/textarea.e2e.js +0 -43
  714. package/dist/collection/components/textarea/test/legacy/clear-on-edit/textarea.e2e.js +0 -25
  715. package/dist/collection/components/toggle/test/legacy/basic/toggle.e2e.js +0 -83
  716. package/dist/collection/components/toggle/test/legacy/enable-on-off-labels/toggle.e2e.js +0 -37
  717. package/dist/collection/components/toggle/test/legacy/sizes/power-outline.svg +0 -1
  718. package/dist/collection/components/toggle/test/legacy/sizes/toggle.e2e.js +0 -14
  719. package/dist/esm-es5/button-active-4bee452c.js +0 -4
  720. package/dist/esm-es5/data-25d50209.js +0 -4
  721. package/dist/esm-es5/ion-picker-column-internal.entry.js +0 -4
  722. package/dist/esm-es5/ion-picker-internal.entry.js +0 -4
  723. package/dist/esm-es5/overlays-33ae3ea0.js +0 -4
  724. package/dist/ionic/p-016976a7.system.entry.js +0 -4
  725. package/dist/ionic/p-078fd095.system.entry.js +0 -4
  726. package/dist/ionic/p-0ae25399.system.entry.js +0 -4
  727. package/dist/ionic/p-0fd295ef.system.entry.js +0 -4
  728. package/dist/ionic/p-108f730a.entry.js +0 -4
  729. package/dist/ionic/p-1f583f73.entry.js +0 -4
  730. package/dist/ionic/p-20f7a91e.system.entry.js +0 -4
  731. package/dist/ionic/p-26138fed.js +0 -4
  732. package/dist/ionic/p-2da0a76c.entry.js +0 -4
  733. package/dist/ionic/p-30c9e049.system.entry.js +0 -4
  734. package/dist/ionic/p-333f06ed.entry.js +0 -4
  735. package/dist/ionic/p-389ff4d2.system.entry.js +0 -4
  736. package/dist/ionic/p-396c1a55.entry.js +0 -4
  737. package/dist/ionic/p-3a54c070.system.entry.js +0 -4
  738. package/dist/ionic/p-3cdbaa49.entry.js +0 -4
  739. package/dist/ionic/p-48af4316.system.entry.js +0 -4
  740. package/dist/ionic/p-4c256bc2.system.entry.js +0 -4
  741. package/dist/ionic/p-4dfc27eb.system.entry.js +0 -4
  742. package/dist/ionic/p-51f08a9f.entry.js +0 -4
  743. package/dist/ionic/p-5b6aa59a.entry.js +0 -4
  744. package/dist/ionic/p-5e60dbc8.entry.js +0 -4
  745. package/dist/ionic/p-5eea8b4c.system.js +0 -4
  746. package/dist/ionic/p-5f456b3c.system.entry.js +0 -4
  747. package/dist/ionic/p-61c0f8bf.system.entry.js +0 -4
  748. package/dist/ionic/p-680f96e8.system.entry.js +0 -4
  749. package/dist/ionic/p-68ae6719.system.entry.js +0 -4
  750. package/dist/ionic/p-6a34980d.entry.js +0 -4
  751. package/dist/ionic/p-6b02edd6.js +0 -4
  752. package/dist/ionic/p-70026e8f.system.entry.js +0 -4
  753. package/dist/ionic/p-776b144b.system.js +0 -4
  754. package/dist/ionic/p-78edc0cd.system.entry.js +0 -4
  755. package/dist/ionic/p-7c5e8706.entry.js +0 -4
  756. package/dist/ionic/p-7dc7514a.entry.js +0 -4
  757. package/dist/ionic/p-84513dfb.entry.js +0 -4
  758. package/dist/ionic/p-84879f61.system.entry.js +0 -4
  759. package/dist/ionic/p-8569d759.system.entry.js +0 -4
  760. package/dist/ionic/p-87ae4f6c.system.entry.js +0 -4
  761. package/dist/ionic/p-8e16390d.system.js +0 -4
  762. package/dist/ionic/p-8ebd9951.entry.js +0 -4
  763. package/dist/ionic/p-9beb5039.system.js +0 -4
  764. package/dist/ionic/p-9f5b40c0.system.entry.js +0 -4
  765. package/dist/ionic/p-9f6397ce.entry.js +0 -4
  766. package/dist/ionic/p-a02b2d75.entry.js +0 -4
  767. package/dist/ionic/p-a19f5ae1.entry.js +0 -4
  768. package/dist/ionic/p-a1bfaa5c.system.entry.js +0 -4
  769. package/dist/ionic/p-aaa4ffb3.system.entry.js +0 -4
  770. package/dist/ionic/p-ac979ebf.system.entry.js +0 -4
  771. package/dist/ionic/p-b37e4ee5.system.entry.js +0 -4
  772. package/dist/ionic/p-b498de69.entry.js +0 -4
  773. package/dist/ionic/p-b96699d3.system.entry.js +0 -4
  774. package/dist/ionic/p-c3790581.entry.js +0 -4
  775. package/dist/ionic/p-c851b204.system.entry.js +0 -4
  776. package/dist/ionic/p-ccd419ae.entry.js +0 -4
  777. package/dist/ionic/p-cd055d60.system.entry.js +0 -4
  778. package/dist/ionic/p-d7260b87.entry.js +0 -4
  779. package/dist/ionic/p-d74ca358.entry.js +0 -4
  780. package/dist/ionic/p-dbb4c012.entry.js +0 -4
  781. package/dist/ionic/p-dce9bc53.entry.js +0 -4
  782. package/dist/ionic/p-df468a8f.entry.js +0 -4
  783. package/dist/ionic/p-e68980ff.system.entry.js +0 -4
  784. package/dist/ionic/p-e6aaff14.system.entry.js +0 -4
  785. package/dist/ionic/p-ea8fbf09.entry.js +0 -4
  786. package/dist/ionic/p-f1ad3b3d.entry.js +0 -4
  787. package/dist/ionic/p-f1cc690e.entry.js +0 -4
  788. package/dist/ionic/p-f46775e4.entry.js +0 -4
  789. package/dist/ionic/p-f74afe3b.entry.js +0 -4
  790. package/dist/ionic/p-f7b43141.system.entry.js +0 -4
  791. package/dist/ionic/p-f88dd429.entry.js +0 -4
  792. package/dist/ionic/p-f89ae259.js +0 -4
  793. package/dist/ionic/p-f97b9cdd.system.entry.js +0 -4
  794. package/dist/ionic/p-fd3f475f.entry.js +0 -4
  795. package/dist/types/components/picker-column-internal/picker-column-internal-interfaces.d.ts +0 -5
  796. package/dist/types/components/picker-column-internal/picker-column-internal.d.ts +0 -102
  797. package/dist/types/components/picker-internal/picker-internal-interfaces.d.ts +0 -8
  798. package/dist/types/components/picker-internal/picker-internal.d.ts +0 -102
  799. /package/dist/collection/components/{picker-internal/picker-internal-interfaces.js → picker/picker-interfaces.js} +0 -0
  800. /package/dist/collection/components/{picker-column-internal/picker-column-internal-interfaces.js → picker-column/picker-column-interfaces.js} +0 -0
  801. /package/dist/collection/components/{picker → picker-legacy}/animations/ios.enter.js +0 -0
  802. /package/dist/collection/components/{picker → picker-legacy}/animations/ios.leave.js +0 -0
  803. /package/dist/collection/components/{picker → picker-legacy}/picker-interface.js +0 -0
  804. /package/dist/collection/components/{picker-column → picker-legacy-column}/test/test.utils.js +0 -0
  805. /package/dist/types/components/{picker → picker-legacy}/animations/ios.enter.d.ts +0 -0
  806. /package/dist/types/components/{picker → picker-legacy}/animations/ios.leave.d.ts +0 -0
  807. /package/dist/types/components/{picker → picker-legacy}/picker-interface.d.ts +0 -0
  808. /package/dist/types/components/{picker-column → picker-legacy-column}/test/test.utils.d.ts +0 -0
@@ -1,53 +0,0 @@
1
- /*!
2
- * (C) Ionic http://ionicframework.com - MIT License
3
- */
4
- import { expect } from "@playwright/test";
5
- import { configs, test } from "../../../../../utils/test/playwright/index";
6
- /**
7
- * This behavior does not vary across modes/directions.
8
- */
9
- configs({ modes: ['ios'], directions: ['ltr'] }).forEach(({ title, config }) => {
10
- test.describe(title('radio: a11y'), () => {
11
- test.beforeEach(async ({ page, browserName }) => {
12
- await page.goto(`/src/components/radio/test/legacy/a11y`, config);
13
- if (browserName === 'webkit') {
14
- const radio = page.locator('#first-group ion-radio').first();
15
- /**
16
- * Sometimes Safari does not focus the first radio.
17
- * This is a workaround to ensure the first radio is focused.
18
- *
19
- * Wait for the first radio to be rendered before tabbing.
20
- * This is necessary because the first radio may not be rendered
21
- * when the page first loads.
22
- *
23
- * This would cause the first radio to be skipped when tabbing.
24
- */
25
- await radio.waitFor();
26
- }
27
- });
28
- test('tabbing should switch between radio groups', async ({ page, pageUtils }) => {
29
- const firstGroupRadios = page.locator('#first-group ion-radio');
30
- const secondGroupRadios = page.locator('#second-group ion-radio');
31
- await pageUtils.pressKeys('Tab');
32
- await expect(firstGroupRadios.nth(0)).toBeFocused();
33
- await pageUtils.pressKeys('Tab');
34
- await expect(secondGroupRadios.nth(0)).toBeFocused();
35
- await pageUtils.pressKeys('shift+Tab');
36
- await expect(firstGroupRadios.nth(0)).toBeFocused();
37
- });
38
- test('using arrow keys should move between enabled radios within group', async ({ page, pageUtils }) => {
39
- const firstGroupRadios = page.locator('#first-group ion-radio');
40
- await pageUtils.pressKeys('Tab');
41
- await expect(firstGroupRadios.nth(0)).toBeFocused();
42
- await page.keyboard.press('ArrowDown');
43
- await expect(firstGroupRadios.nth(1)).toBeFocused();
44
- // firstGroupRadios.nth(2) is disabled so it should not receive focus.
45
- await page.keyboard.press('ArrowDown');
46
- await expect(firstGroupRadios.nth(3)).toBeFocused();
47
- await page.keyboard.press('ArrowDown');
48
- await expect(firstGroupRadios.nth(0)).toBeFocused();
49
- await page.keyboard.press('ArrowUp');
50
- await expect(firstGroupRadios.nth(3)).toBeFocused();
51
- });
52
- });
53
- });
@@ -1,127 +0,0 @@
1
- /*!
2
- * (C) Ionic http://ionicframework.com - MIT License
3
- */
4
- import { expect } from "@playwright/test";
5
- import { configs, test } from "../../../../../utils/test/playwright/index";
6
- configs().forEach(({ title, screenshot, config }) => {
7
- test.describe(title('radio: rendering'), () => {
8
- test('should correctly render an unchecked radio group', async ({ page }) => {
9
- await page.setContent(`
10
- <ion-radio-group>
11
- <ion-item>
12
- <ion-label>Pepperoni</ion-label>
13
- <ion-radio slot="start" value="pepperoni"></ion-radio>
14
- </ion-item>
15
-
16
- <ion-item>
17
- <ion-label>Sausage</ion-label>
18
- <ion-radio slot="start" value="sausage"></ion-radio>
19
- </ion-item>
20
-
21
- <ion-item>
22
- <ion-label>Pineapple</ion-label>
23
- <ion-radio slot="start" value="pineapple"></ion-radio>
24
- </ion-item>
25
- </ion-radio-group>
26
- `, config);
27
- const radioGroup = page.locator('ion-radio-group');
28
- await expect(radioGroup).toHaveScreenshot(screenshot(`radio-group-unchecked`));
29
- });
30
- test('should correctly render a checked radio group', async ({ page }) => {
31
- await page.setContent(`
32
- <ion-radio-group value="sausage">
33
- <ion-item>
34
- <ion-label>Pepperoni</ion-label>
35
- <ion-radio slot="start" value="pepperoni"></ion-radio>
36
- </ion-item>
37
-
38
- <ion-item>
39
- <ion-label>Sausage</ion-label>
40
- <ion-radio slot="start" value="sausage"></ion-radio>
41
- </ion-item>
42
-
43
- <ion-item>
44
- <ion-label>Pineapple</ion-label>
45
- <ion-radio slot="start" value="pineapple"></ion-radio>
46
- </ion-item>
47
- </ion-radio-group>
48
- `, config);
49
- const radioGroup = page.locator('ion-radio-group');
50
- await expect(radioGroup).toHaveScreenshot(screenshot(`radio-group-checked`));
51
- });
52
- test('should allow shadow parts to be styled', async ({ page }) => {
53
- await page.setContent(`
54
- <ion-radio-group value="sausage">
55
- <ion-item>
56
- <ion-label>Pepperoni</ion-label>
57
- <ion-radio slot="start" value="pepperoni"></ion-radio>
58
- </ion-item>
59
-
60
- <ion-item>
61
- <ion-label>Sausage</ion-label>
62
- <ion-radio slot="start" value="sausage"></ion-radio>
63
- </ion-item>
64
-
65
- <ion-item>
66
- <ion-label>Pineapple</ion-label>
67
- <ion-radio slot="start" value="pineapple"></ion-radio>
68
- </ion-item>
69
- </ion-radio-group>
70
-
71
- <style>
72
- ion-radio::part(container) {
73
- background: rgba(255, 0, 0, 0.3);
74
- border-color: darkred;
75
- }
76
-
77
- ion-radio::part(mark) {
78
- background: hotpink;
79
- }
80
- </style>
81
- `, config);
82
- const radioGroup = page.locator('ion-radio-group');
83
- await expect(radioGroup).toHaveScreenshot(screenshot(`radio-group-part`));
84
- });
85
- test('should apply color correctly', async ({ page }) => {
86
- await page.setContent(`
87
- <ion-radio legacy="true" value="pepperoni" color="success"></ion-radio>
88
- `, config);
89
- const radio = page.locator('ion-radio');
90
- await radio.click();
91
- await page.waitForChanges();
92
- await expect(radio).toHaveScreenshot(screenshot(`radio-color`));
93
- });
94
- });
95
- });
96
- configs({ directions: ['ltr'] }).forEach(({ title, config }) => {
97
- test.describe(title('radio: interaction'), () => {
98
- test('radio should be checked when activated', async ({ page }) => {
99
- await page.setContent(`
100
- <ion-radio-group>
101
- <ion-item>
102
- <ion-label>Pepperoni</ion-label>
103
- <ion-radio slot="start" value="pepperoni"></ion-radio>
104
- </ion-item>
105
- </ion-radio-group>
106
- `, config);
107
- const radio = page.locator('ion-radio');
108
- const radioGroup = page.locator('ion-radio-group');
109
- await expect(radio.locator('input')).toHaveJSProperty('checked', false);
110
- await expect(radioGroup).toHaveJSProperty('value', undefined);
111
- await radio.click();
112
- await page.waitForChanges();
113
- await expect(radio.locator('input')).toHaveJSProperty('checked', true);
114
- await expect(radioGroup).toHaveJSProperty('value', 'pepperoni');
115
- });
116
- test('radio should be checked when activated even without a radio group', async ({ page }) => {
117
- await page.setContent(`
118
- <ion-radio legacy="true" value="pepperoni"></ion-radio>
119
- `, config);
120
- const radio = page.locator('ion-radio');
121
- await expect(radio.locator('input')).toHaveJSProperty('checked', false);
122
- await radio.click();
123
- await page.waitForChanges();
124
- await expect(radio.locator('input')).toHaveJSProperty('checked', true);
125
- });
126
- });
127
- });
@@ -1,122 +0,0 @@
1
- /*!
2
- * (C) Ionic http://ionicframework.com - MIT License
3
- */
4
- import { expect } from "@playwright/test";
5
- import { configs, test } from "../../../../../utils/test/playwright/index";
6
- configs().forEach(({ title, screenshot, config }) => {
7
- test.describe(title('radio-group: basic'), () => {
8
- test('should not have visual regressions', async ({ page }) => {
9
- await page.goto(`/src/components/radio-group/test/legacy/basic`, config);
10
- const list = page.locator('ion-list');
11
- await expect(list).toHaveScreenshot(screenshot(`radio-group-diff`));
12
- });
13
- });
14
- });
15
- /**
16
- * This behavior does not vary across modes/directions.
17
- */
18
- configs({ modes: ['ios'], directions: ['ltr'] }).forEach(({ title, config }) => {
19
- test.describe(title('radio-group: interaction'), () => {
20
- let radioFixture;
21
- test.beforeEach(({ page }) => {
22
- radioFixture = new RadioFixture(page);
23
- });
24
- test('spacebar should not deselect without allowEmptySelection', async ({ page }) => {
25
- await page.setContent(`
26
- <ion-radio-group value="one" allow-empty-selection="false">
27
- <ion-item>
28
- <ion-label>One</ion-label>
29
- <ion-radio id="one" value="one"></ion-radio>
30
- </ion-item>
31
- </ion-radio-group>
32
- `, config);
33
- await radioFixture.checkRadio('keyboard');
34
- await radioFixture.expectChecked(true);
35
- });
36
- test('spacebar should deselect with allowEmptySelection', async ({ page }) => {
37
- await page.setContent(`
38
- <ion-radio-group value="one" allow-empty-selection="true">
39
- <ion-item>
40
- <ion-label>One</ion-label>
41
- <ion-radio id="one" value="one"></ion-radio>
42
- </ion-item>
43
- </ion-radio-group>
44
- `, config);
45
- await radioFixture.checkRadio('keyboard');
46
- await radioFixture.expectChecked(false);
47
- });
48
- test('click should not deselect without allowEmptySelection', async ({ page }) => {
49
- await page.setContent(`
50
- <ion-radio-group value="one" allow-empty-selection="false">
51
- <ion-item>
52
- <ion-label>One</ion-label>
53
- <ion-radio id="one" value="one"></ion-radio>
54
- </ion-item>
55
- </ion-radio-group>
56
- `, config);
57
- await radioFixture.checkRadio('mouse');
58
- await radioFixture.expectChecked(true);
59
- });
60
- test('click should deselect with allowEmptySelection', async ({ page }) => {
61
- await page.setContent(`
62
- <ion-radio-group value="one" allow-empty-selection="true">
63
- <ion-item>
64
- <ion-label>One</ion-label>
65
- <ion-radio id="one" value="one"></ion-radio>
66
- </ion-item>
67
- </ion-radio-group>
68
- `, config);
69
- await radioFixture.checkRadio('mouse');
70
- await radioFixture.expectChecked(false);
71
- });
72
- test('programmatically assigning a value should update the checked radio', async ({ page }) => {
73
- await page.setContent(`
74
- <ion-radio-group value="1">
75
- <ion-item>
76
- <ion-label>Item 1</ion-label>
77
- <ion-radio value="1" slot="start"></ion-radio>
78
- </ion-item>
79
-
80
- <ion-item>
81
- <ion-label>Item 2</ion-label>
82
- <ion-radio value="2" slot="start"></ion-radio>
83
- </ion-item>
84
-
85
- <ion-item>
86
- <ion-label>Item 3</ion-label>
87
- <ion-radio value="3" slot="start"></ion-radio>
88
- </ion-item>
89
- </ion-radio-group>
90
- `, config);
91
- const radioGroup = page.locator('ion-radio-group');
92
- const radioOne = page.locator('ion-radio[value="1"]');
93
- const radioTwo = page.locator('ion-radio[value="2"]');
94
- await radioGroup.evaluate((el) => (el.value = '2'));
95
- await page.waitForChanges();
96
- await expect(radioOne).not.toHaveClass(/radio-checked/);
97
- await expect(radioTwo).toHaveClass(/radio-checked/);
98
- });
99
- });
100
- });
101
- class RadioFixture {
102
- constructor(page) {
103
- this.page = page;
104
- }
105
- async checkRadio(method, selector = 'ion-radio') {
106
- const { page } = this;
107
- const radio = (this.radio = page.locator(selector));
108
- if (method === 'keyboard') {
109
- await radio.focus();
110
- await page.keyboard.press('Space');
111
- }
112
- else {
113
- await radio.click();
114
- }
115
- await page.waitForChanges();
116
- return radio;
117
- }
118
- async expectChecked(state) {
119
- const { radio } = this;
120
- await expect(radio.locator('input')).toHaveJSProperty('checked', state);
121
- }
122
- }
@@ -1,30 +0,0 @@
1
- /*!
2
- * (C) Ionic http://ionicframework.com - MIT License
3
- */
4
- import { expect } from "@playwright/test";
5
- import { configs, test } from "../../../../../utils/test/playwright/index";
6
- configs({ modes: ['ios'], directions: ['ltr'] }).forEach(({ title, config }) => {
7
- test.describe(title('radio-group: form'), () => {
8
- test.beforeEach(async ({ page }) => {
9
- await page.goto('/src/components/radio-group/test/legacy/form', config);
10
- });
11
- test('selecting an option should update the value', async ({ page }) => {
12
- const radioGroup = page.locator('ion-radio-group');
13
- const ionChange = await page.spyOnEvent('ionChange');
14
- const griffRadio = page.locator('ion-radio[value="griff"]');
15
- await expect(radioGroup).toHaveAttribute('value', 'biff');
16
- await griffRadio.click();
17
- await page.waitForChanges();
18
- await expect(ionChange).toHaveReceivedEventDetail({ value: 'griff', event: { isTrusted: true } });
19
- });
20
- test('selecting a disabled option should not update the value', async ({ page }) => {
21
- const value = page.locator('#value');
22
- const disabledRadio = page.locator('ion-radio[value="george"]');
23
- await expect(value).toHaveText('');
24
- await expect(disabledRadio).toHaveAttribute('disabled', '');
25
- await disabledRadio.click({ force: true });
26
- await page.waitForChanges();
27
- await expect(value).toHaveText('');
28
- });
29
- });
30
- });
@@ -1,38 +0,0 @@
1
- /*!
2
- * (C) Ionic http://ionicframework.com - MIT License
3
- */
4
- import { expect } from "@playwright/test";
5
- import { configs, test } from "../../../../../utils/test/playwright/index";
6
- /**
7
- * This behavior does not var across modes/directions.
8
- */
9
- configs({ modes: ['ios'], directions: ['ltr'] }).forEach(({ title, config }) => {
10
- test.describe(title('radio-group'), () => {
11
- test.beforeEach(async ({ page }) => {
12
- await page.goto('/src/components/radio-group/test/legacy/search', config);
13
- });
14
- test.describe('radio-group: state', () => {
15
- test('radio should remain checked after being removed/readded to the dom', async ({ page }) => {
16
- const radioGroup = page.locator('ion-radio-group');
17
- const radio = page.locator('ion-radio[value=two]');
18
- const searchbarInput = page.locator('ion-searchbar input');
19
- // select radio
20
- await radio.click();
21
- await expect(radio.locator('input')).toHaveJSProperty('checked', true);
22
- // filter radio so it is not in DOM
23
- await page.fill('ion-searchbar input', 'zero');
24
- await searchbarInput.evaluate((el) => el.blur());
25
- await page.waitForChanges();
26
- await expect(radio).toBeHidden();
27
- // ensure radio group has the same value
28
- await expect(radioGroup).toHaveJSProperty('value', 'two');
29
- // clear the search so the radio appears
30
- await page.fill('ion-searchbar input', '');
31
- await searchbarInput.evaluate((el) => el.blur());
32
- await page.waitForChanges();
33
- // ensure that the new radio instance is still checked
34
- await expect(radio.locator('input')).toHaveJSProperty('checked', true);
35
- });
36
- });
37
- });
38
- });
@@ -1,19 +0,0 @@
1
- /*!
2
- * (C) Ionic http://ionicframework.com - MIT License
3
- */
4
- import { expect } from "@playwright/test";
5
- import { configs, test } from "../../../../../utils/test/playwright/index";
6
- /**
7
- * This is checking internal logic. RTL tests are not needed
8
- */
9
- configs({ directions: ['ltr'] }).forEach(({ title, config }) => {
10
- test.describe.skip(title('select: async'), () => {
11
- test('should correctly set the value after a delay', async ({ page }) => {
12
- await page.goto(`/src/components/select/test/legacy/async`, config);
13
- const selectValueSet = await page.spyOnEvent('selectValueSet');
14
- const select = page.locator('#default');
15
- await selectValueSet.next();
16
- await expect(select).toHaveJSProperty('value', 'bird');
17
- });
18
- });
19
- });
@@ -1,145 +0,0 @@
1
- /*!
2
- * (C) Ionic http://ionicframework.com - MIT License
3
- */
4
- import { expect } from "@playwright/test";
5
- import { configs, test } from "../../../../../utils/test/playwright/index";
6
- configs({ directions: ['ltr'] }).forEach(({ title, config }) => {
7
- test.describe(title('select: basic'), () => {
8
- test.beforeEach(async ({ page }) => {
9
- await page.goto('/src/components/select/test/legacy/basic', config);
10
- });
11
- test.describe('select: alert', () => {
12
- test('it should open an alert select', async ({ page }) => {
13
- const ionAlertDidPresent = await page.spyOnEvent('ionAlertDidPresent');
14
- await page.click('#customAlertSelect');
15
- await ionAlertDidPresent.next();
16
- await expect(page.locator('ion-alert')).toBeVisible();
17
- });
18
- });
19
- test.describe('select: action sheet', () => {
20
- test('it should open an action sheet select', async ({ page }) => {
21
- const ionActionSheetDidPresent = await page.spyOnEvent('ionActionSheetDidPresent');
22
- await page.click('#customActionSheetSelect');
23
- await ionActionSheetDidPresent.next();
24
- await expect(page.locator('ion-action-sheet')).toBeVisible();
25
- });
26
- });
27
- test.describe('select: popover', () => {
28
- test('it should open a popover select', async ({ page, browserName, skip }) => {
29
- // TODO (FW-2979)
30
- skip.browser('webkit', 'Safari 16 only allows text fields and pop-up menus to be focused.');
31
- const ionPopoverDidPresent = await page.spyOnEvent('ionPopoverDidPresent');
32
- await page.click('#customPopoverSelect');
33
- await ionPopoverDidPresent.next();
34
- const popover = page.locator('ion-popover');
35
- // TODO(FW-1436)
36
- if (browserName !== 'firefox') {
37
- // select has no value, so first option should be focused by default
38
- const popoverOption1 = await popover.locator('.select-interface-option:first-of-type ion-radio');
39
- await expect(popoverOption1).toBeFocused();
40
- }
41
- await expect(popover).toBeVisible();
42
- });
43
- });
44
- });
45
- });
46
- configs({ modes: ['ios'], directions: ['ltr'] }).forEach(({ title, config }) => {
47
- test.describe(title('select: multiple selects'), () => {
48
- test('should not open multiple alert windows when clicked multiple times', async ({ page }) => {
49
- test.info().annotations.push({
50
- type: 'issue',
51
- description: 'https://github.com/ionic-team/ionic-framework/issues/25126',
52
- });
53
- await page.goto('/src/components/select/test/legacy/basic', config);
54
- const select = page.locator('#gender');
55
- await select.evaluate((el) => {
56
- /*
57
- * Playwright's click() method attempts to scroll to the handle
58
- * to perform the action. That is problematic when the overlay
59
- * is already visible. We manually click() the element instead
60
- * to avoid flaky tests.
61
- */
62
- el.click();
63
- el.click();
64
- el.click();
65
- });
66
- const alerts = await page.$$('ion-alert');
67
- expect(alerts.length).toBe(1);
68
- });
69
- });
70
- });
71
- /**
72
- * ionChange has a consistent behavior across modes
73
- */
74
- configs({ modes: ['md'], directions: ['ltr'] }).forEach(({ title, config }) => {
75
- test.describe(title('select: ionChange'), () => {
76
- test('should fire ionChange when confirming a value from an alert', async ({ page }) => {
77
- await page.setContent(`
78
- <ion-select interface="alert">
79
- <ion-select-option value="apple">Apple</ion-select-option>
80
- <ion-select-option value="banana">Banana</ion-select-option>
81
- </ion-select>
82
- `, config);
83
- const ionAlertDidPresent = await page.spyOnEvent('ionAlertDidPresent');
84
- const ionChange = await page.spyOnEvent('ionChange');
85
- const select = page.locator('ion-select');
86
- await select.click();
87
- await ionAlertDidPresent.next();
88
- const alert = page.locator('ion-alert');
89
- const radioButtons = alert.locator('.alert-radio-button');
90
- const confirmButton = alert.locator('.alert-button:not(.alert-button-role-cancel)');
91
- await radioButtons.nth(0).click();
92
- await confirmButton.click();
93
- await ionChange.next();
94
- expect(ionChange).toHaveReceivedEventDetail({ value: 'apple' });
95
- });
96
- test('should fire ionChange when confirming a value from a popover', async ({ page }) => {
97
- await page.setContent(`
98
- <ion-select interface="popover">
99
- <ion-select-option value="apple">Apple</ion-select-option>
100
- <ion-select-option value="banana">Banana</ion-select-option>
101
- </ion-select>
102
- `, config);
103
- const ionPopoverDidPresent = await page.spyOnEvent('ionPopoverDidPresent');
104
- const ionChange = await page.spyOnEvent('ionChange');
105
- const select = page.locator('ion-select');
106
- await select.click();
107
- await ionPopoverDidPresent.next();
108
- const popover = page.locator('ion-popover');
109
- const radioButtons = popover.locator('ion-radio');
110
- await radioButtons.nth(0).click();
111
- await ionChange.next();
112
- expect(ionChange).toHaveReceivedEventDetail({ value: 'apple', event: { isTrusted: true } });
113
- });
114
- test('should fire ionChange when confirming a value from an action sheet', async ({ page }) => {
115
- await page.setContent(`
116
- <ion-select interface="action-sheet">
117
- <ion-select-option value="apple">Apple</ion-select-option>
118
- <ion-select-option value="banana">Banana</ion-select-option>
119
- </ion-select>
120
- `, config);
121
- const ionActionSheetDidPresent = await page.spyOnEvent('ionActionSheetDidPresent');
122
- const ionChange = await page.spyOnEvent('ionChange');
123
- const select = page.locator('ion-select');
124
- await select.click();
125
- await ionActionSheetDidPresent.next();
126
- const actionSheet = page.locator('ion-action-sheet');
127
- const buttons = actionSheet.locator('.action-sheet-button');
128
- await buttons.nth(0).click();
129
- await ionChange.next();
130
- expect(ionChange).toHaveReceivedEventDetail({ value: 'apple' });
131
- });
132
- test('should not fire when programmatically setting a valid value', async ({ page }) => {
133
- await page.setContent(`
134
- <ion-select>
135
- <ion-select-option value="apple">Apple</ion-select-option>
136
- <ion-select-option value="banana">Banana</ion-select-option>
137
- </ion-select>
138
- `, config);
139
- const ionChange = await page.spyOnEvent('ionChange');
140
- const select = page.locator('ion-select');
141
- await select.evaluate((el) => (el.value = 'banana'));
142
- await expect(ionChange).not.toHaveReceivedEvent();
143
- });
144
- });
145
- });
@@ -1,67 +0,0 @@
1
- /*!
2
- * (C) Ionic http://ionicframework.com - MIT License
3
- */
4
- import { expect } from "@playwright/test";
5
- import { configs, test } from "../../../../../utils/test/playwright/index";
6
- /**
7
- * This behavior does not vary across modes/directions.
8
- */
9
- configs({ modes: ['md'], directions: ['ltr'] }).forEach(({ title, config }) => {
10
- test.describe(title('select: compare-with'), () => {
11
- test('should correctly set value when using compareWith property', async ({ page }) => {
12
- await page.goto('/src/components/select/test/legacy/compare-with', config);
13
- const multipleSelect = page.locator('#multiple');
14
- const singleSelect = page.locator('#single');
15
- await expect(multipleSelect).toHaveJSProperty('value', [
16
- {
17
- label: 'selected by default',
18
- value: '1',
19
- },
20
- ]);
21
- await expect(singleSelect).toHaveJSProperty('value', {
22
- label: 'selected by default',
23
- value: '1',
24
- });
25
- });
26
- test('should work with different parameter types', async ({ page }) => {
27
- test.info().annotations.push({
28
- type: 'issue',
29
- description: 'https://github.com/ionic-team/ionic-framework/issues/25759',
30
- });
31
- await page.setContent(`
32
- <ion-select value="3" placeholder="Please select"></ion-select>
33
-
34
- <script>
35
- const data = [
36
- { id: 1, name: 'Option #1' },
37
- { id: 2, name: 'Option #2' },
38
- { id: 3, name: 'Option #3' },
39
- ]
40
- const select = document.querySelector('ion-select');
41
- select.compareWith = (val1, val2) => {
42
- // convert val1 to a number
43
- return +val1 === val2;
44
- }
45
-
46
- data.forEach((d) => {
47
- const el = document.createElement('ion-select-option');
48
- el.value = d.id;
49
- el.innerText = d.name;
50
-
51
- select.appendChild(el);
52
- });
53
- </script>
54
- `, config);
55
- const ionAlertDidPresent = await page.spyOnEvent('ionAlertDidPresent');
56
- const select = page.locator('ion-select');
57
- const selectLabel = select.locator('[part="text"]');
58
- await expect(selectLabel).toHaveText('Option #3');
59
- await select.click();
60
- await ionAlertDidPresent.next();
61
- const selectRadios = page.locator('ion-alert button.alert-radio');
62
- await expect(selectRadios.nth(0)).toHaveAttribute('aria-checked', 'false');
63
- await expect(selectRadios.nth(1)).toHaveAttribute('aria-checked', 'false');
64
- await expect(selectRadios.nth(2)).toHaveAttribute('aria-checked', 'true');
65
- });
66
- });
67
- });
@@ -1,13 +0,0 @@
1
- /*!
2
- * (C) Ionic http://ionicframework.com - MIT License
3
- */
4
- import { expect } from "@playwright/test";
5
- import { configs, test } from "../../../../../utils/test/playwright/index";
6
- configs().forEach(({ title, screenshot, config }) => {
7
- test.describe(title('select: custom'), () => {
8
- test('should not have visual regressions', async ({ page }) => {
9
- await page.goto(`/src/components/select/test/legacy/custom`, config);
10
- await expect(page).toHaveScreenshot(screenshot(`select-custom-diff`));
11
- });
12
- });
13
- });
@@ -1,16 +0,0 @@
1
- /*!
2
- * (C) Ionic http://ionicframework.com - MIT License
3
- */
4
- import { expect } from "@playwright/test";
5
- import { configs, test } from "../../../../../utils/test/playwright/index";
6
- configs({ directions: ['ltr'] }).forEach(({ title, screenshot, config }) => {
7
- test.describe(title('select: single-value'), () => {
8
- test('should open single value select', async ({ page }) => {
9
- await page.goto(`/src/components/select/test/legacy/single-value`, config);
10
- const ionAlertDidPresent = await page.spyOnEvent('ionAlertDidPresent');
11
- await page.click('#gender');
12
- await ionAlertDidPresent.next();
13
- await expect(page).toHaveScreenshot(screenshot(`select-single-value-diff`));
14
- });
15
- });
16
- });
@@ -1,14 +0,0 @@
1
- /*!
2
- * (C) Ionic http://ionicframework.com - MIT License
3
- */
4
- import { expect } from "@playwright/test";
5
- import { configs, test } from "../../../../../utils/test/playwright/index";
6
- configs().forEach(({ title, screenshot, config }) => {
7
- test.describe(title('select: spec'), () => {
8
- test('should not have visual regressions', async ({ page }) => {
9
- await page.goto(`/src/components/select/test/legacy/spec`, config);
10
- await page.setIonViewport();
11
- await expect(page).toHaveScreenshot(screenshot(`select-spec-diff`));
12
- });
13
- });
14
- });