@ionic/core 8.7.6-dev.11759493293.13f81b9f → 8.7.6-dev.11759523190.11a976aa

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 (950) hide show
  1. package/components/action-sheet.js +14 -20
  2. package/components/alert.js +16 -21
  3. package/components/animation.js +1 -1
  4. package/components/backdrop.js +8 -13
  5. package/components/button.js +13 -46
  6. package/components/buttons.js +10 -15
  7. package/components/capacitor.js +1 -1
  8. package/components/checkbox.js +14 -35
  9. package/components/content.js +14 -18
  10. package/components/data.js +11 -14
  11. package/components/focus-visible.js +1 -23
  12. package/components/framework-delegate.js +1 -3
  13. package/components/hardware-back-button.js +115 -0
  14. package/components/header.js +18 -32
  15. package/components/helpers.js +3 -42
  16. package/components/icon.js +2 -4
  17. package/components/index2.js +70 -3
  18. package/components/index5.js +8 -8
  19. package/components/index6.js +1 -1
  20. package/components/index7.js +150 -111
  21. package/components/index8.js +111 -150
  22. package/components/index9.js +7 -0
  23. package/components/input-shims.js +2 -2
  24. package/components/input.utils.js +1 -1
  25. package/components/ion-accordion-group.js +7 -27
  26. package/components/ion-accordion.js +23 -36
  27. package/components/ion-app.js +78 -15
  28. package/components/ion-avatar.js +7 -62
  29. package/components/ion-back-button.js +22 -32
  30. package/components/ion-badge.js +11 -77
  31. package/components/ion-breadcrumb.js +13 -48
  32. package/components/ion-breadcrumbs.js +7 -12
  33. package/components/ion-card-content.js +9 -14
  34. package/components/ion-card-header.js +8 -13
  35. package/components/ion-card-subtitle.js +7 -12
  36. package/components/ion-card-title.js +7 -12
  37. package/components/ion-card.js +12 -26
  38. package/components/ion-chip.js +10 -57
  39. package/components/ion-col.js +52 -55
  40. package/components/ion-datetime-button.js +7 -12
  41. package/components/ion-datetime.js +27 -106
  42. package/components/ion-fab-button.js +18 -36
  43. package/components/ion-fab-list.js +7 -9
  44. package/components/ion-fab.js +8 -10
  45. package/components/ion-footer.js +15 -22
  46. package/components/ion-grid.js +7 -9
  47. package/components/ion-img.js +4 -9
  48. package/components/ion-infinite-scroll-content.js +10 -15
  49. package/components/ion-infinite-scroll.js +8 -82
  50. package/components/ion-input-otp.js +8 -13
  51. package/components/ion-input-password-toggle.js +15 -55
  52. package/components/ion-input.js +31 -125
  53. package/components/ion-item-divider.js +7 -12
  54. package/components/ion-item-group.js +7 -12
  55. package/components/ion-item-option.js +11 -40
  56. package/components/ion-item-options.js +9 -14
  57. package/components/ion-item-sliding.js +7 -9
  58. package/components/ion-loading.js +14 -19
  59. package/components/ion-menu-button.js +12 -30
  60. package/components/ion-menu-toggle.js +7 -9
  61. package/components/ion-menu.js +10 -14
  62. package/components/ion-nav-link.js +5 -7
  63. package/components/ion-nav.js +8 -12
  64. package/components/ion-note.js +7 -12
  65. package/components/ion-picker-legacy.js +12 -14
  66. package/components/ion-progress-bar.js +9 -29
  67. package/components/ion-range.js +12 -17
  68. package/components/ion-refresher-content.js +10 -27
  69. package/components/ion-refresher.js +9 -14
  70. package/components/ion-reorder-group.js +7 -9
  71. package/components/ion-reorder.js +7 -34
  72. package/components/ion-route-redirect.js +2 -4
  73. package/components/ion-route.js +5 -7
  74. package/components/ion-router-link.js +9 -11
  75. package/components/ion-router-outlet.js +7 -9
  76. package/components/ion-router.js +2 -4
  77. package/components/ion-row.js +5 -10
  78. package/components/ion-searchbar.js +25 -141
  79. package/components/ion-segment-button.js +9 -14
  80. package/components/ion-segment-content.js +3 -5
  81. package/components/ion-segment-view.js +4 -9
  82. package/components/ion-segment.js +9 -14
  83. package/components/ion-select-option.js +4 -9
  84. package/components/ion-select.js +35 -121
  85. package/components/ion-skeleton-text.js +7 -9
  86. package/components/ion-split-pane.js +10 -15
  87. package/components/ion-tab-bar.js +11 -43
  88. package/components/ion-tab-button.js +9 -29
  89. package/components/ion-tab.js +4 -6
  90. package/components/ion-tabs.js +4 -6
  91. package/components/ion-text.js +7 -9
  92. package/components/ion-textarea.js +14 -57
  93. package/components/ion-thumbnail.js +4 -9
  94. package/components/ion-toast.js +17 -44
  95. package/components/ion-toggle.js +19 -78
  96. package/components/ionic-global.js +15 -349
  97. package/components/ios.transition.js +0 -1
  98. package/components/item.js +17 -44
  99. package/components/keyboard-controller.js +2 -4
  100. package/components/label.js +7 -12
  101. package/components/list-header.js +9 -14
  102. package/components/list.js +8 -31
  103. package/components/modal.js +27 -57
  104. package/components/notch-controller.js +1 -1
  105. package/components/overlays.js +4 -3
  106. package/components/picker-column-option.js +7 -12
  107. package/components/picker-column.js +10 -11
  108. package/components/picker-column2.js +6 -8
  109. package/components/picker.js +6 -11
  110. package/components/popover.js +15 -20
  111. package/components/radio-group.js +7 -14
  112. package/components/radio.js +10 -15
  113. package/components/ripple-effect.js +9 -19
  114. package/components/select-modal.js +6 -8
  115. package/components/select-popover.js +4 -12
  116. package/components/spinner.js +10 -35
  117. package/components/status-tap.js +1 -1
  118. package/components/title.js +9 -14
  119. package/components/toolbar.js +11 -157
  120. package/css/core.css +1 -1
  121. package/css/core.css.map +1 -1
  122. package/css/display.css +1 -1
  123. package/css/display.css.map +1 -1
  124. package/css/flex-utils.css +1 -1
  125. package/css/flex-utils.css.map +1 -1
  126. package/css/float-elements.css.map +1 -1
  127. package/css/global.bundle.css.map +1 -1
  128. package/css/ionic-swiper.css +1 -1
  129. package/css/ionic-swiper.css.map +1 -1
  130. package/css/ionic.bundle.css +1 -1
  131. package/css/ionic.bundle.css.map +1 -1
  132. package/css/normalize.css.map +1 -1
  133. package/css/padding.css.map +1 -1
  134. package/css/palettes/dark.always.css.map +1 -1
  135. package/css/palettes/dark.class.css.map +1 -1
  136. package/css/palettes/dark.system.css.map +1 -1
  137. package/css/palettes/high-contrast-dark.always.css.map +1 -1
  138. package/css/palettes/high-contrast-dark.class.css.map +1 -1
  139. package/css/palettes/high-contrast-dark.system.css.map +1 -1
  140. package/css/palettes/high-contrast.always.css.map +1 -1
  141. package/css/palettes/high-contrast.class.css.map +1 -1
  142. package/css/palettes/high-contrast.system.css.map +1 -1
  143. package/css/structure.css.map +1 -1
  144. package/css/text-alignment.css.map +1 -1
  145. package/css/text-transformation.css.map +1 -1
  146. package/css/typography.css.map +1 -1
  147. package/css/utils.bundle.css +1 -1
  148. package/css/utils.bundle.css.map +1 -1
  149. package/dist/cjs/{animation-BYsP2q5j.js → animation-ZJ1lAkZD.js} +3 -3
  150. package/dist/cjs/{app-globals-CrtAvKxl.js → app-globals-77ZfuXXk.js} +1 -1
  151. package/dist/cjs/{button-active-CDa7BeCl.js → button-active-BzZenWWH.js} +2 -2
  152. package/dist/cjs/{capacitor-BMhHF0O5.js → capacitor-DmA66EwP.js} +3 -3
  153. package/dist/cjs/{config-C5fsO43a.js → config-CKhELRRu.js} +1 -1
  154. package/dist/cjs/{data-MoL8Ckx5.js → data-DW6ofvJ8.js} +12 -15
  155. package/dist/{esm/focus-visible-vXpMhGrs.js → cjs/focus-visible-CCvKiLh3.js} +3 -23
  156. package/dist/cjs/{framework-delegate-Bwdk9vFS.js → framework-delegate-WkyjrnCx.js} +2 -4
  157. package/dist/cjs/{haptic-Cy3moXzO.js → haptic-ClPPQ_PS.js} +1 -1
  158. package/dist/cjs/hardware-back-button-BxdNu76F.js +121 -0
  159. package/dist/cjs/{helpers-DnouLczu.js → helpers-DgwmcYAu.js} +3 -42
  160. package/dist/cjs/{index-Dbl8V7hw.js → index--3s2Phef.js} +74 -7
  161. package/dist/cjs/{index-DUoP_H1L.js → index-Cc5PNMyz.js} +2 -2
  162. package/dist/cjs/{index-XjN3PjKG.js → index-D24wggHR.js} +15 -15
  163. package/dist/cjs/{index-D6Wc6v08.js → index-DNh170BW.js} +47 -51
  164. package/dist/cjs/index-DkNv4J_i.js +10 -0
  165. package/dist/cjs/{index-Bq6U5NAb.js → index-bGpoPC4u.js} +8 -9
  166. package/dist/cjs/index.cjs.js +13 -12
  167. package/dist/cjs/{input-shims-D6DHFHsE.js → input-shims-CLI_OrmU.js} +17 -18
  168. package/dist/cjs/{input.utils-BVyJKWft.js → input.utils-B2hZ5tX6.js} +5 -5
  169. package/dist/cjs/ion-accordion_2.cjs.entry.js +27 -56
  170. package/dist/cjs/ion-action-sheet.cjs.entry.js +19 -22
  171. package/dist/cjs/ion-alert.cjs.entry.js +22 -24
  172. package/dist/cjs/ion-app_8.cjs.entry.js +145 -244
  173. package/dist/cjs/ion-avatar_3.cjs.entry.js +12 -124
  174. package/dist/cjs/ion-back-button.cjs.entry.js +20 -29
  175. package/dist/cjs/ion-backdrop.cjs.entry.js +7 -10
  176. package/dist/cjs/ion-breadcrumb_2.cjs.entry.js +16 -52
  177. package/dist/cjs/ion-button_2.cjs.entry.js +12 -44
  178. package/dist/cjs/ion-card_5.cjs.entry.js +30 -54
  179. package/dist/cjs/ion-checkbox.cjs.entry.js +14 -32
  180. package/dist/cjs/ion-chip.cjs.entry.js +8 -49
  181. package/dist/cjs/ion-col_3.cjs.entry.js +57 -54
  182. package/dist/cjs/ion-datetime-button.cjs.entry.js +8 -12
  183. package/dist/cjs/ion-datetime_3.cjs.entry.js +39 -114
  184. package/dist/cjs/ion-fab_3.cjs.entry.js +26 -42
  185. package/dist/cjs/ion-img.cjs.entry.js +4 -8
  186. package/dist/cjs/ion-infinite-scroll_2.cjs.entry.js +16 -91
  187. package/dist/cjs/ion-input-otp.cjs.entry.js +8 -12
  188. package/dist/cjs/ion-input-password-toggle.cjs.entry.js +13 -51
  189. package/dist/cjs/ion-input.cjs.entry.js +31 -121
  190. package/dist/cjs/ion-item-option_3.cjs.entry.js +20 -49
  191. package/dist/cjs/ion-item_8.cjs.entry.js +46 -106
  192. package/dist/cjs/ion-loading.cjs.entry.js +17 -19
  193. package/dist/cjs/ion-menu_3.cjs.entry.js +27 -45
  194. package/dist/cjs/ion-modal.cjs.entry.js +69 -96
  195. package/dist/cjs/ion-nav_2.cjs.entry.js +11 -14
  196. package/dist/cjs/ion-picker-column-option.cjs.entry.js +7 -11
  197. package/dist/cjs/ion-picker-column.cjs.entry.js +13 -13
  198. package/dist/cjs/ion-picker.cjs.entry.js +6 -10
  199. package/dist/cjs/ion-popover.cjs.entry.js +17 -19
  200. package/dist/cjs/ion-progress-bar.cjs.entry.js +8 -26
  201. package/dist/cjs/ion-radio_2.cjs.entry.js +14 -23
  202. package/dist/cjs/ion-range.cjs.entry.js +11 -15
  203. package/dist/cjs/ion-refresher_2.cjs.entry.js +20 -38
  204. package/dist/cjs/ion-reorder_2.cjs.entry.js +13 -37
  205. package/dist/cjs/ion-ripple-effect.cjs.entry.js +7 -15
  206. package/dist/cjs/ion-route_4.cjs.entry.js +8 -9
  207. package/dist/cjs/ion-searchbar.cjs.entry.js +22 -135
  208. package/dist/cjs/ion-segment-content.cjs.entry.js +2 -2
  209. package/dist/cjs/ion-segment-view.cjs.entry.js +3 -6
  210. package/dist/cjs/ion-segment_2.cjs.entry.js +15 -22
  211. package/dist/cjs/ion-select-modal.cjs.entry.js +10 -9
  212. package/dist/cjs/ion-select_3.cjs.entry.js +39 -130
  213. package/dist/cjs/ion-spinner.cjs.entry.js +7 -29
  214. package/dist/cjs/ion-split-pane.cjs.entry.js +9 -12
  215. package/dist/cjs/ion-tab-bar_2.cjs.entry.js +21 -66
  216. package/dist/cjs/ion-tab_2.cjs.entry.js +7 -8
  217. package/dist/cjs/ion-text.cjs.entry.js +6 -6
  218. package/dist/cjs/ion-textarea.cjs.entry.js +16 -56
  219. package/dist/cjs/ion-toast.cjs.entry.js +44 -67
  220. package/dist/cjs/ion-toggle.cjs.entry.js +22 -79
  221. package/dist/cjs/ionic-global-UI5YPSi-.js +151 -0
  222. package/dist/cjs/ionic.cjs.js +5 -5
  223. package/dist/cjs/{ios.transition-2wtm_6Ok.js → ios.transition-B_rsAM9j.js} +5 -7
  224. package/dist/cjs/{keyboard-UYQhk8rB.js → keyboard-UuAS4D_9.js} +1 -1
  225. package/dist/cjs/{keyboard-controller-ts0z4BIe.js → keyboard-controller-GXBiBRKS.js} +9 -11
  226. package/dist/cjs/{keyboard-C1Ds9WQH.js → keyboard-hHzlEQpk.js} +3 -4
  227. package/dist/cjs/loader.cjs.js +4 -4
  228. package/dist/cjs/{md.transition-DCNdoS7u.js → md.transition-CQt0eBw-.js} +5 -6
  229. package/dist/cjs/{notch-controller-BX7CnNaL.js → notch-controller-Bf5Rr4R5.js} +4 -4
  230. package/dist/cjs/{overlays-pdcfssMG.js → overlays-czPyT6xP.js} +10 -9
  231. package/dist/cjs/{status-tap-e-hyosXV.js → status-tap-D9YPr62n.js} +3 -4
  232. package/dist/cjs/{swipe-back-CR060nOX.js → swipe-back-C1wRtoww.js} +2 -3
  233. package/dist/collection/collection-manifest.json +1 -2
  234. package/dist/collection/components/accordion/accordion.ios.css +58 -73
  235. package/dist/collection/components/accordion/accordion.js +30 -40
  236. package/dist/collection/components/accordion/accordion.md.css +59 -67
  237. package/dist/collection/components/accordion-group/accordion-group.ios.css +4 -16
  238. package/dist/collection/components/accordion-group/accordion-group.js +16 -52
  239. package/dist/collection/components/accordion-group/accordion-group.md.css +4 -22
  240. package/dist/collection/components/action-sheet/action-sheet.ios.css +6 -18
  241. package/dist/collection/components/action-sheet/action-sheet.js +32 -31
  242. package/dist/collection/components/action-sheet/action-sheet.md.css +5 -17
  243. package/dist/collection/components/alert/alert.ios.css +1 -19
  244. package/dist/collection/components/alert/alert.js +37 -34
  245. package/dist/collection/components/alert/alert.md.css +1 -19
  246. package/dist/collection/components/app/app.js +78 -15
  247. package/dist/collection/components/avatar/avatar.ios.css +33 -7
  248. package/dist/collection/components/avatar/avatar.js +4 -120
  249. package/dist/collection/components/avatar/avatar.md.css +0 -51
  250. package/dist/collection/components/back-button/back-button.ios.css +48 -60
  251. package/dist/collection/components/back-button/back-button.js +30 -37
  252. package/dist/collection/components/back-button/back-button.md.css +48 -60
  253. package/dist/collection/components/backdrop/backdrop.ios.css +19 -56
  254. package/dist/collection/components/backdrop/backdrop.js +9 -15
  255. package/dist/collection/components/backdrop/backdrop.md.css +19 -56
  256. package/dist/collection/components/badge/badge.ios.css +12 -139
  257. package/dist/collection/components/badge/badge.js +11 -147
  258. package/dist/collection/components/badge/badge.md.css +12 -123
  259. package/dist/collection/components/breadcrumb/breadcrumb.ios.css +8 -20
  260. package/dist/collection/components/breadcrumb/breadcrumb.js +32 -63
  261. package/dist/collection/components/breadcrumb/breadcrumb.md.css +8 -20
  262. package/dist/collection/components/breadcrumbs/breadcrumbs.ios.css +0 -6
  263. package/dist/collection/components/breadcrumbs/breadcrumbs.js +15 -17
  264. package/dist/collection/components/breadcrumbs/breadcrumbs.md.css +0 -6
  265. package/dist/collection/components/button/button.ios.css +46 -135
  266. package/dist/collection/components/button/button.js +43 -73
  267. package/dist/collection/components/button/button.md.css +50 -126
  268. package/dist/collection/components/buttons/buttons.ios.css +7 -59
  269. package/dist/collection/components/buttons/buttons.js +10 -16
  270. package/dist/collection/components/buttons/buttons.md.css +3 -55
  271. package/dist/collection/components/card/card.ios.css +14 -65
  272. package/dist/collection/components/card/card.js +25 -55
  273. package/dist/collection/components/card/card.md.css +14 -65
  274. package/dist/collection/components/card-content/card-content.ios.css +1 -16
  275. package/dist/collection/components/card-content/card-content.js +8 -11
  276. package/dist/collection/components/card-content/card-content.md.css +1 -16
  277. package/dist/collection/components/card-header/card-header.ios.css +15 -27
  278. package/dist/collection/components/card-header/card-header.js +13 -16
  279. package/dist/collection/components/card-header/card-header.md.css +15 -27
  280. package/dist/collection/components/card-subtitle/card-subtitle.ios.css +0 -12
  281. package/dist/collection/components/card-subtitle/card-subtitle.js +10 -13
  282. package/dist/collection/components/card-subtitle/card-subtitle.md.css +0 -12
  283. package/dist/collection/components/card-title/card-title.ios.css +0 -73
  284. package/dist/collection/components/card-title/card-title.js +10 -13
  285. package/dist/collection/components/card-title/card-title.md.css +0 -73
  286. package/dist/collection/components/checkbox/checkbox.ios.css +101 -161
  287. package/dist/collection/components/checkbox/checkbox.js +31 -87
  288. package/dist/collection/components/checkbox/checkbox.md.css +102 -162
  289. package/dist/collection/components/chip/chip.ios.css +14 -67
  290. package/dist/collection/components/chip/chip.js +12 -112
  291. package/dist/collection/components/chip/chip.md.css +14 -67
  292. package/dist/collection/components/col/col.css +4 -192
  293. package/dist/collection/components/col/col.js +109 -258
  294. package/dist/collection/components/content/content.css +2 -8
  295. package/dist/collection/components/content/content.js +20 -25
  296. package/dist/collection/components/datetime/datetime.ios.css +86 -242
  297. package/dist/collection/components/datetime/datetime.js +60 -134
  298. package/dist/collection/components/datetime/datetime.md.css +86 -242
  299. package/dist/collection/components/datetime/utils/data.js +5 -5
  300. package/dist/collection/components/datetime-button/datetime-button.ios.css +0 -6
  301. package/dist/collection/components/datetime-button/datetime-button.js +12 -15
  302. package/dist/collection/components/datetime-button/datetime-button.md.css +0 -6
  303. package/dist/collection/components/fab/fab.css +1 -25
  304. package/dist/collection/components/fab/fab.js +11 -15
  305. package/dist/collection/components/fab-button/fab-button.ios.css +6 -18
  306. package/dist/collection/components/fab-button/fab-button.js +40 -54
  307. package/dist/collection/components/fab-button/fab-button.md.css +8 -20
  308. package/dist/collection/components/fab-list/fab-list.css +0 -12
  309. package/dist/collection/components/fab-list/fab-list.js +7 -11
  310. package/dist/collection/components/footer/footer.ios.css +2 -14
  311. package/dist/collection/components/footer/footer.js +19 -24
  312. package/dist/collection/components/footer/footer.md.css +0 -12
  313. package/dist/collection/components/grid/grid.css +0 -12
  314. package/dist/collection/components/grid/grid.js +6 -10
  315. package/dist/collection/components/header/header.ios.css +28 -26
  316. package/dist/collection/components/header/header.js +21 -52
  317. package/dist/collection/components/header/header.md.css +8 -23
  318. package/dist/collection/components/img/img.js +6 -12
  319. package/dist/collection/components/infinite-scroll/infinite-scroll.js +8 -103
  320. package/dist/collection/components/infinite-scroll-content/infinite-scroll-content.ios.css +0 -12
  321. package/dist/collection/components/infinite-scroll-content/infinite-scroll-content.js +14 -20
  322. package/dist/collection/components/infinite-scroll-content/infinite-scroll-content.md.css +0 -12
  323. package/dist/collection/components/input/input.ios.css +140 -223
  324. package/dist/collection/components/input/input.js +90 -200
  325. package/dist/collection/components/input/input.md.css +212 -193
  326. package/dist/collection/components/input-otp/input-otp.ios.css +60 -106
  327. package/dist/collection/components/input-otp/input-otp.js +22 -24
  328. package/dist/collection/components/input-otp/input-otp.md.css +60 -106
  329. package/dist/collection/components/input-password-toggle/input-password-toggle.js +19 -55
  330. package/dist/collection/components/item/item.ios.css +69 -109
  331. package/dist/collection/components/item/item.js +38 -61
  332. package/dist/collection/components/item/item.md.css +68 -120
  333. package/dist/collection/components/item-divider/item-divider.ios.css +0 -18
  334. package/dist/collection/components/item-divider/item-divider.js +11 -14
  335. package/dist/collection/components/item-divider/item-divider.md.css +0 -18
  336. package/dist/collection/components/item-group/item-group.ios.css +0 -12
  337. package/dist/collection/components/item-group/item-group.js +7 -13
  338. package/dist/collection/components/item-group/item-group.md.css +0 -12
  339. package/dist/collection/components/item-option/item-option.ios.css +29 -136
  340. package/dist/collection/components/item-option/item-option.js +22 -86
  341. package/dist/collection/components/item-option/item-option.md.css +29 -136
  342. package/dist/collection/components/item-options/item-options.ios.css +34 -77
  343. package/dist/collection/components/item-options/item-options.js +8 -14
  344. package/dist/collection/components/item-options/item-options.md.css +34 -77
  345. package/dist/collection/components/item-sliding/item-sliding.css +0 -6
  346. package/dist/collection/components/item-sliding/item-sliding.js +5 -9
  347. package/dist/collection/components/label/label.ios.css +0 -18
  348. package/dist/collection/components/label/label.js +12 -15
  349. package/dist/collection/components/label/label.md.css +0 -18
  350. package/dist/collection/components/list/list.ios.css +14 -54
  351. package/dist/collection/components/list/list.js +12 -51
  352. package/dist/collection/components/list/list.md.css +16 -56
  353. package/dist/collection/components/list-header/list-header.ios.css +38 -82
  354. package/dist/collection/components/list-header/list-header.js +12 -15
  355. package/dist/collection/components/list-header/list-header.md.css +38 -82
  356. package/dist/collection/components/loading/loading.ios.css +1 -13
  357. package/dist/collection/components/loading/loading.js +33 -32
  358. package/dist/collection/components/loading/loading.md.css +1 -13
  359. package/dist/collection/components/menu/menu.ios.css +3 -15
  360. package/dist/collection/components/menu/menu.js +17 -22
  361. package/dist/collection/components/menu/menu.md.css +3 -15
  362. package/dist/collection/components/menu-button/menu-button.ios.css +14 -48
  363. package/dist/collection/components/menu-button/menu-button.js +17 -33
  364. package/dist/collection/components/menu-button/menu-button.md.css +15 -49
  365. package/dist/collection/components/menu-toggle/menu-toggle.js +8 -11
  366. package/dist/collection/components/modal/animations/sheet.js +2 -8
  367. package/dist/collection/components/modal/gestures/sheet.js +6 -10
  368. package/dist/collection/components/modal/modal.ios.css +70 -174
  369. package/dist/collection/components/modal/modal.js +42 -72
  370. package/dist/collection/components/modal/modal.md.css +70 -174
  371. package/dist/collection/components/nav/nav.css +1 -7
  372. package/dist/collection/components/nav/nav.js +13 -16
  373. package/dist/collection/components/nav-link/nav-link.js +6 -8
  374. package/dist/collection/components/note/note.ios.css +0 -12
  375. package/dist/collection/components/note/note.js +10 -13
  376. package/dist/collection/components/note/note.md.css +0 -12
  377. package/dist/collection/components/picker/picker.ios.css +3 -15
  378. package/dist/collection/components/picker/picker.js +5 -8
  379. package/dist/collection/components/picker/picker.md.css +3 -15
  380. package/dist/collection/components/picker-column/picker-column.css +2 -9
  381. package/dist/collection/components/picker-column/picker-column.js +12 -13
  382. package/dist/collection/components/picker-column-option/picker-column-option.ios.css +0 -6
  383. package/dist/collection/components/picker-column-option/picker-column-option.js +11 -17
  384. package/dist/collection/components/picker-column-option/picker-column-option.md.css +0 -6
  385. package/dist/collection/components/picker-legacy/picker.ios.css +1 -13
  386. package/dist/collection/components/picker-legacy/picker.js +25 -20
  387. package/dist/collection/components/picker-legacy/picker.md.css +1 -13
  388. package/dist/collection/components/picker-legacy-column/picker-column.ios.css +0 -12
  389. package/dist/collection/components/picker-legacy-column/picker-column.js +5 -4
  390. package/dist/collection/components/picker-legacy-column/picker-column.md.css +0 -12
  391. package/dist/collection/components/popover/popover.ios.css +1 -13
  392. package/dist/collection/components/popover/popover.js +47 -45
  393. package/dist/collection/components/popover/popover.md.css +1 -13
  394. package/dist/collection/components/progress-bar/progress-bar.ios.css +17 -48
  395. package/dist/collection/components/progress-bar/progress-bar.js +13 -49
  396. package/dist/collection/components/progress-bar/progress-bar.md.css +17 -48
  397. package/dist/collection/components/radio/radio.ios.css +91 -134
  398. package/dist/collection/components/radio/radio.js +20 -23
  399. package/dist/collection/components/radio/radio.md.css +91 -134
  400. package/dist/collection/components/radio-group/radio-group.ios.css +18 -42
  401. package/dist/collection/components/radio-group/radio-group.js +15 -23
  402. package/dist/collection/components/radio-group/radio-group.md.css +18 -42
  403. package/dist/collection/components/range/range.ios.css +85 -128
  404. package/dist/collection/components/range/range.js +29 -31
  405. package/dist/collection/components/range/range.md.css +85 -128
  406. package/dist/collection/components/refresher/refresher.ios.css +1 -14
  407. package/dist/collection/components/refresher/refresher.js +14 -17
  408. package/dist/collection/components/refresher/refresher.md.css +2 -15
  409. package/dist/collection/components/refresher-content/refresher-content.js +15 -36
  410. package/dist/collection/components/reorder/reorder.ios.css +0 -6
  411. package/dist/collection/components/reorder/reorder.js +6 -33
  412. package/dist/collection/components/reorder/reorder.md.css +0 -6
  413. package/dist/collection/components/reorder-group/reorder-group.css +0 -6
  414. package/dist/collection/components/reorder-group/reorder-group.js +5 -9
  415. package/dist/collection/components/ripple-effect/{ripple-effect.common.css → ripple-effect.css} +1 -7
  416. package/dist/collection/components/ripple-effect/ripple-effect.js +7 -15
  417. package/dist/collection/components/route/route.js +6 -7
  418. package/dist/collection/components/route-redirect/route-redirect.js +4 -4
  419. package/dist/collection/components/router/router.js +2 -6
  420. package/dist/collection/components/router-link/router-link.css +2 -8
  421. package/dist/collection/components/router-link/router-link.js +15 -18
  422. package/dist/collection/components/router-outlet/router-outlet.css +1 -7
  423. package/dist/collection/components/router-outlet/router-outlet.js +8 -8
  424. package/dist/collection/components/row/row.css +0 -16
  425. package/dist/collection/components/row/row.js +2 -9
  426. package/dist/collection/components/searchbar/searchbar.ios.css +18 -56
  427. package/dist/collection/components/searchbar/searchbar.js +63 -210
  428. package/dist/collection/components/searchbar/searchbar.md.css +18 -56
  429. package/dist/collection/components/segment/segment.ios.css +2 -45
  430. package/dist/collection/components/segment/segment.js +16 -19
  431. package/dist/collection/components/segment/segment.md.css +2 -45
  432. package/dist/collection/components/segment-button/segment-button.ios.css +105 -146
  433. package/dist/collection/components/segment-button/segment-button.js +14 -17
  434. package/dist/collection/components/segment-button/segment-button.md.css +107 -148
  435. package/dist/collection/components/segment-content/segment-content.js +1 -1
  436. package/dist/collection/components/segment-view/segment-view.ios.css +0 -6
  437. package/dist/collection/components/segment-view/segment-view.js +5 -7
  438. package/dist/collection/components/segment-view/segment-view.md.css +0 -6
  439. package/dist/collection/components/select/select.ios.css +176 -315
  440. package/dist/collection/components/select/select.js +86 -189
  441. package/dist/collection/components/select/select.md.css +178 -331
  442. package/dist/collection/components/select-modal/select-modal.ios.css +0 -18
  443. package/dist/collection/components/select-modal/select-modal.js +8 -7
  444. package/dist/collection/components/select-modal/select-modal.md.css +3 -7
  445. package/dist/collection/components/select-option/select-option.js +5 -12
  446. package/dist/collection/components/select-popover/select-popover.ios.css +0 -18
  447. package/dist/collection/components/select-popover/select-popover.js +13 -20
  448. package/dist/collection/components/select-popover/select-popover.md.css +0 -18
  449. package/dist/collection/components/skeleton-text/skeleton-text.css +0 -6
  450. package/dist/collection/components/skeleton-text/skeleton-text.js +6 -10
  451. package/dist/collection/components/spinner/{spinner.ionic.css → spinner.css} +10 -77
  452. package/dist/collection/components/spinner/spinner.js +13 -54
  453. package/dist/collection/components/split-pane/split-pane.ios.css +2 -20
  454. package/dist/collection/components/split-pane/split-pane.js +12 -18
  455. package/dist/collection/components/split-pane/split-pane.md.css +2 -20
  456. package/dist/collection/components/tab/tab.js +8 -11
  457. package/dist/collection/components/tab-bar/tab-bar.ios.css +43 -71
  458. package/dist/collection/components/tab-bar/tab-bar.js +16 -83
  459. package/dist/collection/components/tab-bar/tab-bar.md.css +43 -71
  460. package/dist/collection/components/tab-button/tab-button.ios.css +95 -171
  461. package/dist/collection/components/tab-button/tab-button.js +22 -58
  462. package/dist/collection/components/tab-button/tab-button.md.css +93 -137
  463. package/dist/collection/components/tabs/tabs.css +1 -7
  464. package/dist/collection/components/tabs/tabs.js +2 -5
  465. package/dist/collection/components/text/text.css +0 -6
  466. package/dist/collection/components/text/text.js +8 -9
  467. package/dist/collection/components/textarea/textarea.ios.css +139 -275
  468. package/dist/collection/components/textarea/textarea.js +59 -118
  469. package/dist/collection/components/textarea/textarea.md.css +140 -288
  470. package/dist/collection/components/thumbnail/thumbnail.css +0 -6
  471. package/dist/collection/components/thumbnail/thumbnail.js +2 -9
  472. package/dist/collection/components/title/title.ios.css +4 -32
  473. package/dist/collection/components/title/title.js +11 -17
  474. package/dist/collection/components/title/title.md.css +4 -32
  475. package/dist/collection/components/toast/animations/utils.js +1 -1
  476. package/dist/collection/components/toast/toast.ios.css +45 -84
  477. package/dist/collection/components/toast/toast.js +43 -101
  478. package/dist/collection/components/toast/toast.md.css +45 -84
  479. package/dist/collection/components/toggle/toggle.ios.css +131 -247
  480. package/dist/collection/components/toggle/toggle.js +35 -90
  481. package/dist/collection/components/toggle/toggle.md.css +131 -244
  482. package/dist/collection/components/toolbar/toolbar.ios.css +47 -90
  483. package/dist/collection/components/toolbar/toolbar.js +15 -159
  484. package/dist/collection/components/toolbar/toolbar.md.css +47 -90
  485. package/dist/collection/global/ionic-global.js +13 -228
  486. package/dist/collection/utils/focus-visible.js +0 -22
  487. package/dist/collection/utils/framework-delegate.js +1 -3
  488. package/dist/collection/utils/helpers.js +2 -42
  489. package/dist/collection/utils/keyboard/keyboard-controller.js +1 -3
  490. package/dist/collection/utils/menu-controller/animations/overlay.js +3 -3
  491. package/dist/collection/utils/menu-controller/animations/push.js +1 -2
  492. package/dist/collection/utils/menu-controller/animations/reveal.js +1 -2
  493. package/dist/collection/utils/overlays.js +1 -2
  494. package/dist/collection/utils/test/playwright/generator.js +23 -48
  495. package/dist/collection/utils/test/playwright/page/utils/goto.js +5 -14
  496. package/dist/collection/utils/test/playwright/page/utils/set-content.js +3 -24
  497. package/dist/collection/utils/transition/index.js +70 -3
  498. package/dist/collection/utils/transition/ios.transition.js +0 -1
  499. package/dist/docs.json +426 -8169
  500. package/dist/esm/{animation-DGDOQ6ES.js → animation-BvhAtgca.js} +2 -2
  501. package/dist/esm/{app-globals-BNKecRVD.js → app-globals-CvLYUxE9.js} +1 -1
  502. package/dist/esm/{button-active-C_l8DIlb.js → button-active-DBUPuLNw.js} +2 -2
  503. package/dist/esm/{capacitor-CiBLEyrT.js → capacitor-CFERIeaU.js} +1 -1
  504. package/dist/esm/{config-mCdtaoPe.js → config-Dx_6wPIJ.js} +1 -1
  505. package/dist/esm/{data-DFCY8gnk.js → data-CKHMWxfe.js} +12 -15
  506. package/dist/{cjs/focus-visible-BIj-I3-C.js → esm/focus-visible-BmVRXR1y.js} +1 -27
  507. package/dist/esm/{framework-delegate-D2mUP0WI.js → framework-delegate-BLEBgH06.js} +2 -4
  508. package/dist/esm/{haptic-7RTk38ue.js → haptic-DzAMWJuk.js} +1 -1
  509. package/dist/esm/hardware-back-button-Dhbd-23H.js +115 -0
  510. package/dist/esm/{helpers-Bsml3FcE.js → helpers-8KSQQGQy.js} +3 -42
  511. package/dist/esm/{index-C8IsBmNU.js → index-4DxY6_gG.js} +47 -51
  512. package/dist/esm/{index-BpFi2B8W.js → index-7UbSlv7N.js} +2 -2
  513. package/dist/esm/{index-Djo-Eq70.js → index-BQc4arca.js} +74 -7
  514. package/dist/esm/{index-rXea6WR_.js → index-C6WeRr09.js} +3 -4
  515. package/dist/esm/{index-DWD4QoaP.js → index-CXSTcaAW.js} +11 -11
  516. package/dist/esm/{index-COG0_eom.js → index-DV3sJJW8.js} +1 -1
  517. package/dist/esm/index-ZjP4CjeZ.js +7 -0
  518. package/dist/esm/index.js +13 -12
  519. package/dist/esm/{input-shims-Bz3HiPwU.js → input-shims-C4KDnhxb.js} +6 -7
  520. package/dist/esm/{input.utils-BQAE1QTA.js → input.utils-be4gBvVY.js} +3 -3
  521. package/dist/esm/ion-accordion_2.entry.js +28 -57
  522. package/dist/esm/ion-action-sheet.entry.js +19 -22
  523. package/dist/esm/ion-alert.entry.js +22 -24
  524. package/dist/esm/ion-app_8.entry.js +145 -244
  525. package/dist/esm/ion-avatar_3.entry.js +13 -125
  526. package/dist/esm/ion-back-button.entry.js +21 -30
  527. package/dist/esm/ion-backdrop.entry.js +7 -10
  528. package/dist/esm/ion-breadcrumb_2.entry.js +17 -53
  529. package/dist/esm/ion-button_2.entry.js +12 -44
  530. package/dist/esm/ion-card_5.entry.js +30 -54
  531. package/dist/esm/ion-checkbox.entry.js +14 -32
  532. package/dist/esm/ion-chip.entry.js +8 -49
  533. package/dist/esm/ion-col_3.entry.js +57 -54
  534. package/dist/esm/ion-datetime-button.entry.js +8 -12
  535. package/dist/esm/ion-datetime_3.entry.js +40 -115
  536. package/dist/esm/ion-fab_3.entry.js +27 -43
  537. package/dist/esm/ion-img.entry.js +4 -8
  538. package/dist/esm/ion-infinite-scroll_2.entry.js +16 -91
  539. package/dist/esm/ion-input-otp.entry.js +8 -12
  540. package/dist/esm/ion-input-password-toggle.entry.js +14 -52
  541. package/dist/esm/ion-input.entry.js +32 -122
  542. package/dist/esm/ion-item-option_3.entry.js +20 -49
  543. package/dist/esm/ion-item_8.entry.js +47 -107
  544. package/dist/esm/ion-loading.entry.js +17 -19
  545. package/dist/esm/ion-menu_3.entry.js +28 -46
  546. package/dist/esm/ion-modal.entry.js +30 -57
  547. package/dist/esm/ion-nav_2.entry.js +11 -14
  548. package/dist/esm/ion-picker-column-option.entry.js +7 -11
  549. package/dist/esm/ion-picker-column.entry.js +12 -12
  550. package/dist/esm/ion-picker.entry.js +6 -10
  551. package/dist/esm/ion-popover.entry.js +17 -19
  552. package/dist/esm/ion-progress-bar.entry.js +8 -26
  553. package/dist/esm/ion-radio_2.entry.js +14 -23
  554. package/dist/esm/ion-range.entry.js +11 -15
  555. package/dist/esm/ion-refresher_2.entry.js +21 -39
  556. package/dist/esm/ion-reorder_2.entry.js +14 -38
  557. package/dist/esm/ion-ripple-effect.entry.js +7 -15
  558. package/dist/esm/ion-route_4.entry.js +8 -9
  559. package/dist/esm/ion-searchbar.entry.js +24 -137
  560. package/dist/esm/ion-segment-content.entry.js +2 -2
  561. package/dist/esm/ion-segment-view.entry.js +3 -6
  562. package/dist/esm/ion-segment_2.entry.js +15 -22
  563. package/dist/esm/ion-select-modal.entry.js +10 -9
  564. package/dist/esm/ion-select_3.entry.js +40 -131
  565. package/dist/esm/ion-spinner.entry.js +7 -29
  566. package/dist/esm/ion-split-pane.entry.js +9 -12
  567. package/dist/esm/ion-tab-bar_2.entry.js +21 -66
  568. package/dist/esm/ion-tab_2.entry.js +7 -8
  569. package/dist/esm/ion-text.entry.js +6 -6
  570. package/dist/esm/ion-textarea.entry.js +16 -56
  571. package/dist/esm/ion-toast.entry.js +19 -42
  572. package/dist/esm/ion-toggle.entry.js +23 -80
  573. package/dist/esm/ionic-global-CTSyufhF.js +146 -0
  574. package/dist/esm/ionic.js +6 -6
  575. package/dist/esm/{ios.transition-cQ5XYp4s.js → ios.transition-eOa-6o5F.js} +5 -7
  576. package/dist/esm/{keyboard-WCK1pWfR.js → keyboard-CUw4ekVy.js} +1 -1
  577. package/dist/esm/{keyboard-controller-Bc4alOiF.js → keyboard-controller-BaaVITYt.js} +3 -5
  578. package/dist/esm/{keyboard-DuUgrXrK.js → keyboard-ywgs5efA.js} +3 -4
  579. package/dist/esm/loader.js +5 -5
  580. package/dist/esm/{md.transition-CYFYc3-3.js → md.transition-B99keElo.js} +5 -6
  581. package/dist/esm/{notch-controller-DO30Bsls.js → notch-controller-lb417-kU.js} +2 -2
  582. package/dist/esm/{overlays-Da_6xSKI.js → overlays-BYcYBCrx.js} +7 -6
  583. package/dist/esm/{status-tap-DXVlluKS.js → status-tap-pATNXEtr.js} +3 -4
  584. package/dist/esm/{swipe-back-DNhAt9fY.js → swipe-back-B2YfOHRM.js} +2 -3
  585. package/dist/html.html-data.json +428 -2522
  586. package/dist/ionic/index.esm.js +1 -1
  587. package/dist/ionic/ionic.esm.js +1 -1
  588. package/dist/ionic/p-0793aea6.entry.js +4 -0
  589. package/dist/ionic/p-0831d492.entry.js +4 -0
  590. package/dist/ionic/p-0f396661.entry.js +4 -0
  591. package/dist/ionic/p-117e7a3f.entry.js +4 -0
  592. package/dist/ionic/p-1191a2d9.entry.js +4 -0
  593. package/dist/ionic/p-148bdf18.entry.js +4 -0
  594. package/dist/ionic/p-16116947.entry.js +4 -0
  595. package/dist/ionic/p-19f80390.entry.js +4 -0
  596. package/dist/ionic/p-1GR6N4h5.js +4 -0
  597. package/dist/ionic/p-1a91f317.entry.js +4 -0
  598. package/dist/ionic/p-1bbd0a23.entry.js +4 -0
  599. package/dist/ionic/p-1f68cb59.entry.js +4 -0
  600. package/dist/ionic/p-24159ff7.entry.js +4 -0
  601. package/dist/ionic/p-25e5e5cc.entry.js +4 -0
  602. package/dist/ionic/p-2cb0f39f.entry.js +4 -0
  603. package/dist/ionic/p-3392f558.entry.js +4 -0
  604. package/dist/ionic/p-349fc921.entry.js +4 -0
  605. package/dist/ionic/p-3624b640.entry.js +4 -0
  606. package/dist/ionic/p-36a54836.entry.js +4 -0
  607. package/dist/ionic/p-39ed3212.entry.js +4 -0
  608. package/dist/ionic/p-44e3b33a.entry.js +4 -0
  609. package/dist/ionic/p-4DxY6_gG.js +5 -0
  610. package/dist/ionic/p-528af4e6.entry.js +4 -0
  611. package/dist/ionic/p-54dec9b1.entry.js +4 -0
  612. package/dist/ionic/p-568efea2.entry.js +4 -0
  613. package/dist/ionic/p-5bf5bde8.entry.js +4 -0
  614. package/dist/ionic/p-5c976c00.entry.js +4 -0
  615. package/dist/ionic/p-6383afc2.entry.js +4 -0
  616. package/dist/ionic/p-63852736.entry.js +4 -0
  617. package/dist/ionic/p-746cd400.entry.js +4 -0
  618. package/dist/ionic/p-7a53f04c.entry.js +4 -0
  619. package/dist/ionic/p-7b12d853.entry.js +4 -0
  620. package/dist/ionic/p-7da05504.entry.js +4 -0
  621. package/dist/ionic/p-8888efe4.entry.js +4 -0
  622. package/dist/ionic/p-8cdb4ff5.entry.js +4 -0
  623. package/dist/ionic/p-90f4cc71.entry.js +4 -0
  624. package/dist/ionic/p-9ddf2620.entry.js +4 -0
  625. package/dist/ionic/p-9eeaBrnk.js +4 -0
  626. package/dist/ionic/{p-BbT4IAlw.js → p-B1xocg0A.js} +1 -1
  627. package/dist/ionic/p-B5MDSrGg.js +4 -0
  628. package/dist/ionic/p-BHGXdud8.js +4 -0
  629. package/dist/ionic/{p-B3uz75uZ.js → p-BhNEp2QP.js} +1 -1
  630. package/dist/ionic/p-BmVRXR1y.js +4 -0
  631. package/dist/ionic/p-Br3vSlYh.js +4 -0
  632. package/dist/ionic/p-C-Cct-6D.js +4 -0
  633. package/dist/ionic/p-C4I6B3uV.js +4 -0
  634. package/dist/ionic/p-C87oPMMF.js +4 -0
  635. package/dist/ionic/p-C8d2ebIg.js +4 -0
  636. package/dist/ionic/p-CIGNaXM1.js +4 -0
  637. package/dist/ionic/{p-DxFexTIr.js → p-CKvCXMs9.js} +1 -1
  638. package/dist/ionic/{p-DBaOCAfc.js → p-CWvl4RPO.js} +1 -1
  639. package/dist/ionic/p-Cnh7O81W.js +4 -0
  640. package/dist/ionic/p-CtWGkNnJ.js +4 -0
  641. package/dist/ionic/p-CvaZMP6T.js +4 -0
  642. package/dist/ionic/{p-Q7JLYEUZ.js → p-D13Eaw-8.js} +1 -1
  643. package/dist/ionic/p-D2fQU_qK.js +4 -0
  644. package/dist/ionic/p-DA3JEZwK.js +4 -0
  645. package/dist/ionic/p-DAfH9Iif.js +4 -0
  646. package/dist/ionic/p-DJKvq7vb.js +4 -0
  647. package/dist/ionic/{p-COG0_eom.js → p-DV3sJJW8.js} +1 -1
  648. package/dist/ionic/p-DW5tZAde.js +4 -0
  649. package/dist/ionic/{p-HpOiAvpC.js → p-DiZPU8BH.js} +1 -1
  650. package/dist/ionic/p-Dm_oBkW1.js +4 -0
  651. package/dist/ionic/{p-DbQ5QkTP.js → p-EnaLTYYj.js} +1 -1
  652. package/dist/ionic/p-ZjP4CjeZ.js +4 -0
  653. package/dist/ionic/p-a00ad0f2.entry.js +4 -0
  654. package/dist/ionic/p-a81be128.entry.js +4 -0
  655. package/dist/ionic/p-afeb9df6.entry.js +4 -0
  656. package/dist/ionic/p-b292804d.entry.js +4 -0
  657. package/dist/ionic/p-bc9f9032.entry.js +4 -0
  658. package/dist/ionic/p-bf81a468.entry.js +4 -0
  659. package/dist/ionic/p-cde6d39b.entry.js +4 -0
  660. package/dist/ionic/p-d04d66fc.entry.js +4 -0
  661. package/dist/ionic/p-d3df6032.entry.js +4 -0
  662. package/dist/ionic/p-dbba38cf.entry.js +4 -0
  663. package/dist/ionic/p-e6c3214c.entry.js +4 -0
  664. package/dist/ionic/p-e6c465ff.entry.js +4 -0
  665. package/dist/ionic/p-ec76fec4.entry.js +4 -0
  666. package/dist/ionic/p-ee2e35a6.entry.js +4 -0
  667. package/dist/ionic/p-f050ce98.entry.js +4 -0
  668. package/dist/ionic/p-f7db572a.entry.js +4 -0
  669. package/dist/ionic/p-f9eb54ee.entry.js +4 -0
  670. package/dist/types/components/accordion/accordion.d.ts +3 -5
  671. package/dist/types/components/accordion-group/accordion-group.d.ts +1 -12
  672. package/dist/types/components/action-sheet/action-sheet-interface.d.ts +7 -3
  673. package/dist/types/components/action-sheet/action-sheet.d.ts +2 -3
  674. package/dist/types/components/alert/alert-interface.d.ts +7 -3
  675. package/dist/types/components/alert/alert.d.ts +2 -3
  676. package/dist/types/components/app/app.d.ts +2 -4
  677. package/dist/types/components/avatar/avatar.d.ts +0 -32
  678. package/dist/types/components/back-button/back-button.d.ts +1 -2
  679. package/dist/types/components/backdrop/backdrop.d.ts +0 -4
  680. package/dist/types/components/badge/badge.d.ts +1 -34
  681. package/dist/types/components/breadcrumb/breadcrumb.d.ts +1 -4
  682. package/dist/types/components/breadcrumbs/breadcrumbs.d.ts +2 -2
  683. package/dist/types/components/button/button.d.ts +6 -19
  684. package/dist/types/components/buttons/buttons.d.ts +1 -5
  685. package/dist/types/components/card/card.d.ts +1 -8
  686. package/dist/types/components/card-content/card-content.d.ts +1 -2
  687. package/dist/types/components/card-header/card-header.d.ts +2 -3
  688. package/dist/types/components/card-subtitle/card-subtitle.d.ts +1 -2
  689. package/dist/types/components/card-title/card-title.d.ts +1 -2
  690. package/dist/types/components/checkbox/checkbox.d.ts +4 -14
  691. package/dist/types/components/chip/chip.d.ts +1 -26
  692. package/dist/types/components/col/col.d.ts +5 -52
  693. package/dist/types/components/content/content.d.ts +0 -3
  694. package/dist/types/components/datetime/datetime.d.ts +1 -26
  695. package/dist/types/components/datetime/utils/data.d.ts +5 -5
  696. package/dist/types/components/datetime-button/datetime-button.d.ts +1 -2
  697. package/dist/types/components/fab/fab.d.ts +0 -4
  698. package/dist/types/components/fab-button/fab-button.d.ts +3 -5
  699. package/dist/types/components/fab-list/fab-list.d.ts +0 -4
  700. package/dist/types/components/footer/footer.d.ts +3 -4
  701. package/dist/types/components/grid/grid.d.ts +0 -4
  702. package/dist/types/components/header/header.d.ts +3 -9
  703. package/dist/types/components/img/img.d.ts +0 -3
  704. package/dist/types/components/infinite-scroll/infinite-scroll.d.ts +0 -21
  705. package/dist/types/components/infinite-scroll-content/infinite-scroll-content.d.ts +0 -4
  706. package/dist/types/components/input/input.d.ts +5 -31
  707. package/dist/types/components/input-password-toggle/input-password-toggle.d.ts +0 -2
  708. package/dist/types/components/item/item.d.ts +4 -11
  709. package/dist/types/components/item-divider/item-divider.d.ts +1 -2
  710. package/dist/types/components/item-group/item-group.d.ts +0 -4
  711. package/dist/types/components/item-option/item-option.d.ts +1 -18
  712. package/dist/types/components/item-options/item-options.d.ts +0 -4
  713. package/dist/types/components/item-sliding/item-sliding.d.ts +0 -4
  714. package/dist/types/components/label/label.d.ts +1 -2
  715. package/dist/types/components/list/list.d.ts +1 -15
  716. package/dist/types/components/list-header/list-header.d.ts +1 -2
  717. package/dist/types/components/loading/loading-interface.d.ts +7 -2
  718. package/dist/types/components/loading/loading.d.ts +2 -3
  719. package/dist/types/components/menu/menu.d.ts +0 -3
  720. package/dist/types/components/menu-button/menu-button.d.ts +1 -3
  721. package/dist/types/components/menu-toggle/menu-toggle.d.ts +0 -3
  722. package/dist/types/components/modal/gestures/sheet.d.ts +1 -1
  723. package/dist/types/components/modal/modal-interface.d.ts +7 -4
  724. package/dist/types/components/modal/modal.d.ts +1 -11
  725. package/dist/types/components/nav/nav-interface.d.ts +1 -9
  726. package/dist/types/components/nav/nav.d.ts +1 -5
  727. package/dist/types/components/nav-link/nav-link.d.ts +0 -4
  728. package/dist/types/components/note/note.d.ts +1 -2
  729. package/dist/types/components/picker/picker.d.ts +1 -2
  730. package/dist/types/components/picker-column/picker-column.d.ts +1 -2
  731. package/dist/types/components/picker-column-option/picker-column-option.d.ts +0 -4
  732. package/dist/types/components/picker-legacy/picker.d.ts +1 -2
  733. package/dist/types/components/popover/popover-interface.d.ts +6 -3
  734. package/dist/types/components/popover/popover.d.ts +5 -6
  735. package/dist/types/components/progress-bar/progress-bar.d.ts +1 -10
  736. package/dist/types/components/radio/radio.d.ts +1 -2
  737. package/dist/types/components/radio-group/radio-group.d.ts +0 -4
  738. package/dist/types/components/range/range.d.ts +1 -2
  739. package/dist/types/components/refresher/refresher.d.ts +1 -2
  740. package/dist/types/components/refresher-content/refresher-content.d.ts +0 -4
  741. package/dist/types/components/reorder/reorder.d.ts +0 -9
  742. package/dist/types/components/reorder-group/reorder-group.d.ts +0 -4
  743. package/dist/types/components/ripple-effect/ripple-effect.d.ts +0 -4
  744. package/dist/types/components/route/route.d.ts +0 -4
  745. package/dist/types/components/router/router.d.ts +0 -4
  746. package/dist/types/components/router-link/router-link.d.ts +0 -4
  747. package/dist/types/components/router-outlet/router-outlet.d.ts +1 -4
  748. package/dist/types/components/row/row.d.ts +0 -4
  749. package/dist/types/components/searchbar/searchbar.d.ts +9 -51
  750. package/dist/types/components/segment/segment.d.ts +1 -2
  751. package/dist/types/components/segment-button/segment-button.d.ts +1 -2
  752. package/dist/types/components/select/select.d.ts +13 -41
  753. package/dist/types/components/select-option/select-option.d.ts +0 -4
  754. package/dist/types/components/select-popover/select-popover.d.ts +0 -3
  755. package/dist/types/components/skeleton-text/skeleton-text.d.ts +0 -4
  756. package/dist/types/components/spinner/spinner.d.ts +0 -15
  757. package/dist/types/components/split-pane/split-pane.d.ts +0 -4
  758. package/dist/types/components/tab/tab.d.ts +0 -4
  759. package/dist/types/components/tab-bar/tab-bar.d.ts +2 -22
  760. package/dist/types/components/tab-button/tab-button.d.ts +1 -11
  761. package/dist/types/components/tabs/tabs.d.ts +0 -3
  762. package/dist/types/components/text/text.d.ts +1 -2
  763. package/dist/types/components/textarea/textarea.d.ts +4 -17
  764. package/dist/types/components/thumbnail/thumbnail.d.ts +0 -4
  765. package/dist/types/components/title/title.d.ts +0 -4
  766. package/dist/types/components/toast/animations/utils.d.ts +2 -2
  767. package/dist/types/components/toast/toast-interface.d.ts +7 -3
  768. package/dist/types/components/toast/toast.d.ts +2 -19
  769. package/dist/types/components/toggle/toggle.d.ts +1 -15
  770. package/dist/types/components/toolbar/toolbar.d.ts +3 -20
  771. package/dist/types/components.d.ts +196 -1593
  772. package/dist/types/global/ionic-global.d.ts +2 -27
  773. package/dist/types/interface.d.ts +0 -3
  774. package/dist/types/stencil-public-runtime.d.ts +2 -39
  775. package/dist/types/utils/config.d.ts +2 -106
  776. package/dist/types/utils/focus-visible.d.ts +0 -13
  777. package/dist/types/utils/helpers.d.ts +0 -11
  778. package/dist/types/utils/overlays-interface.d.ts +1 -31
  779. package/dist/types/utils/test/playwright/generator.d.ts +2 -31
  780. package/dist/types/utils/transition/index.d.ts +9 -0
  781. package/hydrate/index.d.ts +0 -2
  782. package/hydrate/index.js +1115 -2957
  783. package/hydrate/index.mjs +1115 -2957
  784. package/package.json +5 -10
  785. package/components/caret-down.js +0 -6
  786. package/components/caret-left.js +0 -6
  787. package/components/caret-right.js +0 -6
  788. package/components/ion-divider.d.ts +0 -11
  789. package/components/ion-divider.js +0 -72
  790. package/components/list2.js +0 -6
  791. package/components/x.js +0 -6
  792. package/css/ionic/bundle.ionic.css +0 -1
  793. package/css/ionic/bundle.ionic.css.map +0 -1
  794. package/css/ionic/core.ionic.css +0 -1
  795. package/css/ionic/core.ionic.css.map +0 -1
  796. package/css/ionic/global.bundle.ionic.css +0 -1
  797. package/css/ionic/global.bundle.ionic.css.map +0 -1
  798. package/css/ionic/ionic-swiper.ionic.css +0 -1
  799. package/css/ionic/ionic-swiper.ionic.css.map +0 -1
  800. package/css/ionic/link.ionic.css +0 -1
  801. package/css/ionic/link.ionic.css.map +0 -1
  802. package/css/ionic/structure.ionic.css +0 -1
  803. package/css/ionic/structure.ionic.css.map +0 -1
  804. package/css/ionic/typography.ionic.css +0 -1
  805. package/css/ionic/typography.ionic.css.map +0 -1
  806. package/css/ionic/utils.bundle.ionic.css +0 -1
  807. package/css/ionic/utils.bundle.ionic.css.map +0 -1
  808. package/dist/cjs/caret-down-vtVgfXIs.js +0 -8
  809. package/dist/cjs/caret-left-CxZXLRv5.js +0 -8
  810. package/dist/cjs/caret-right-CRCgv98E.js +0 -8
  811. package/dist/cjs/ion-divider.cjs.entry.js +0 -51
  812. package/dist/cjs/ionic-global-DuRUel5m.js +0 -491
  813. package/dist/cjs/list-a-7GSA6K.js +0 -8
  814. package/dist/cjs/x-BTF99yFH.js +0 -8
  815. package/dist/collection/components/accordion/accordion.ionic.css +0 -196
  816. package/dist/collection/components/accordion-group/accordion-group.ionic.css +0 -93
  817. package/dist/collection/components/avatar/avatar.ionic.css +0 -391
  818. package/dist/collection/components/backdrop/backdrop.ionic.css +0 -109
  819. package/dist/collection/components/badge/badge.ionic.css +0 -275
  820. package/dist/collection/components/button/button.ionic.css +0 -620
  821. package/dist/collection/components/buttons/buttons.ionic.css +0 -97
  822. package/dist/collection/components/card/card.ionic.css +0 -144
  823. package/dist/collection/components/card-content/card-content.ionic.css +0 -92
  824. package/dist/collection/components/card-header/card-header.ionic.css +0 -85
  825. package/dist/collection/components/card-subtitle/card-subtitle.ionic.css +0 -144
  826. package/dist/collection/components/checkbox/checkbox.ionic.css +0 -539
  827. package/dist/collection/components/chip/chip.ionic.css +0 -228
  828. package/dist/collection/components/datetime/datetime.ionic.css +0 -697
  829. package/dist/collection/components/divider/divider.ionic.css +0 -148
  830. package/dist/collection/components/divider/divider.ios.css +0 -87
  831. package/dist/collection/components/divider/divider.js +0 -94
  832. package/dist/collection/components/divider/divider.md.css +0 -87
  833. package/dist/collection/components/header/header.ionic.css +0 -98
  834. package/dist/collection/components/input/input.ionic.css +0 -881
  835. package/dist/collection/components/input-otp/input-otp.ionic.css +0 -369
  836. package/dist/collection/components/input-password-toggle/input-password-toggle.ionic.css +0 -78
  837. package/dist/collection/components/input-password-toggle/input-password-toggle.native.css +0 -61
  838. package/dist/collection/components/item/item.ionic.css +0 -499
  839. package/dist/collection/components/item-option/item-option.ionic.css +0 -278
  840. package/dist/collection/components/item-options/item-options.ionic.css +0 -221
  841. package/dist/collection/components/list/list.ionic.css +0 -212
  842. package/dist/collection/components/list-header/list-header.ionic.css +0 -190
  843. package/dist/collection/components/menu-button/menu-button.ionic.css +0 -236
  844. package/dist/collection/components/modal/modal.ionic.css +0 -241
  845. package/dist/collection/components/progress-bar/progress-bar.ionic.css +0 -287
  846. package/dist/collection/components/radio/radio.ionic.css +0 -422
  847. package/dist/collection/components/radio-group/radio-group.ionic.css +0 -125
  848. package/dist/collection/components/range/range.ionic.css +0 -563
  849. package/dist/collection/components/ripple-effect/ripple-effect.ionic.css +0 -215
  850. package/dist/collection/components/searchbar/searchbar.ionic.css +0 -626
  851. package/dist/collection/components/segment/segment.ionic.css +0 -115
  852. package/dist/collection/components/segment-button/segment-button.ionic.css +0 -353
  853. package/dist/collection/components/select/select.ionic.css +0 -763
  854. package/dist/collection/components/select-modal/select-modal.ionic.css +0 -123
  855. package/dist/collection/components/spinner/spinner.native.css +0 -198
  856. package/dist/collection/components/tab-bar/tab-bar.ionic.css +0 -186
  857. package/dist/collection/components/tab-button/tab-button.ionic.css +0 -336
  858. package/dist/collection/components/textarea/textarea.ionic.css +0 -881
  859. package/dist/collection/components/title/title.ionic.css +0 -127
  860. package/dist/collection/components/toast/toast.ionic.css +0 -394
  861. package/dist/collection/components/toggle/toggle.ionic.css +0 -509
  862. package/dist/collection/components/toolbar/test/image.svg +0 -1
  863. package/dist/collection/components/toolbar/toolbar.ionic.css +0 -241
  864. package/dist/esm/caret-down-D1t981Ih.js +0 -6
  865. package/dist/esm/caret-left-fIOYmaqA.js +0 -6
  866. package/dist/esm/caret-right-BYSs-jZz.js +0 -6
  867. package/dist/esm/ion-divider.entry.js +0 -49
  868. package/dist/esm/ionic-global-2R0iPB51.js +0 -480
  869. package/dist/esm/list-Dhi5xtNS.js +0 -6
  870. package/dist/esm/x-BDqjX7Z_.js +0 -6
  871. package/dist/ionic/p--8Ga2Cg0.js +0 -4
  872. package/dist/ionic/p-16c5a01c.entry.js +0 -4
  873. package/dist/ionic/p-1f981d06.entry.js +0 -4
  874. package/dist/ionic/p-22c02aea.entry.js +0 -4
  875. package/dist/ionic/p-23e4b68a.entry.js +0 -4
  876. package/dist/ionic/p-28571945.entry.js +0 -4
  877. package/dist/ionic/p-2bab0853.entry.js +0 -4
  878. package/dist/ionic/p-2e19a4dd.entry.js +0 -4
  879. package/dist/ionic/p-2e900f67.entry.js +0 -4
  880. package/dist/ionic/p-31f13e98.entry.js +0 -4
  881. package/dist/ionic/p-3622a9ea.entry.js +0 -4
  882. package/dist/ionic/p-3a6a92ab.entry.js +0 -4
  883. package/dist/ionic/p-3cb3d194.entry.js +0 -4
  884. package/dist/ionic/p-418e4330.entry.js +0 -4
  885. package/dist/ionic/p-4261dc5d.entry.js +0 -4
  886. package/dist/ionic/p-4e13d498.entry.js +0 -4
  887. package/dist/ionic/p-55e2352e.entry.js +0 -4
  888. package/dist/ionic/p-56a9319e.entry.js +0 -4
  889. package/dist/ionic/p-59a79bd9.entry.js +0 -4
  890. package/dist/ionic/p-59e6c978.entry.js +0 -4
  891. package/dist/ionic/p-642b022d.entry.js +0 -4
  892. package/dist/ionic/p-64385b66.entry.js +0 -4
  893. package/dist/ionic/p-66397fac.entry.js +0 -4
  894. package/dist/ionic/p-66d094b2.entry.js +0 -4
  895. package/dist/ionic/p-6fac73e6.entry.js +0 -4
  896. package/dist/ionic/p-7d450184.entry.js +0 -4
  897. package/dist/ionic/p-81770a5c.entry.js +0 -4
  898. package/dist/ionic/p-844bd58c.entry.js +0 -4
  899. package/dist/ionic/p-86b82096.entry.js +0 -4
  900. package/dist/ionic/p-87678140.entry.js +0 -4
  901. package/dist/ionic/p-88ef6829.entry.js +0 -4
  902. package/dist/ionic/p-89743bba.entry.js +0 -4
  903. package/dist/ionic/p-90320028.entry.js +0 -4
  904. package/dist/ionic/p-916685a9.entry.js +0 -4
  905. package/dist/ionic/p-91966afa.entry.js +0 -4
  906. package/dist/ionic/p-B-N4FEiY.js +0 -4
  907. package/dist/ionic/p-BDqjX7Z_.js +0 -4
  908. package/dist/ionic/p-BRd1Ag6P.js +0 -4
  909. package/dist/ionic/p-BYSs-jZz.js +0 -4
  910. package/dist/ionic/p-BiTKUjko.js +0 -4
  911. package/dist/ionic/p-C8IsBmNU.js +0 -5
  912. package/dist/ionic/p-CK1xn1Nt.js +0 -4
  913. package/dist/ionic/p-CK4YXTyz.js +0 -4
  914. package/dist/ionic/p-CeO9Shc9.js +0 -4
  915. package/dist/ionic/p-Cm5sQeXL.js +0 -4
  916. package/dist/ionic/p-D1t981Ih.js +0 -4
  917. package/dist/ionic/p-DHCQ1qFC.js +0 -4
  918. package/dist/ionic/p-DPNSAVjP.js +0 -4
  919. package/dist/ionic/p-D_8SMvQ3.js +0 -4
  920. package/dist/ionic/p-DdaOdN_z.js +0 -4
  921. package/dist/ionic/p-Dhi5xtNS.js +0 -4
  922. package/dist/ionic/p-Dq8ap6AD.js +0 -4
  923. package/dist/ionic/p-Dv5UHqHj.js +0 -4
  924. package/dist/ionic/p-DyaKZbAH.js +0 -4
  925. package/dist/ionic/p-W-2TssC9.js +0 -4
  926. package/dist/ionic/p-a1128f7f.entry.js +0 -4
  927. package/dist/ionic/p-a57c0cce.entry.js +0 -4
  928. package/dist/ionic/p-acb9905c.entry.js +0 -4
  929. package/dist/ionic/p-b2291ef0.entry.js +0 -4
  930. package/dist/ionic/p-bf461512.entry.js +0 -4
  931. package/dist/ionic/p-c289efa5.entry.js +0 -4
  932. package/dist/ionic/p-c2f738d2.entry.js +0 -4
  933. package/dist/ionic/p-c775e3c0.entry.js +0 -4
  934. package/dist/ionic/p-ce510c06.entry.js +0 -4
  935. package/dist/ionic/p-cea1ee31.entry.js +0 -4
  936. package/dist/ionic/p-d1c60c1c.entry.js +0 -4
  937. package/dist/ionic/p-db90b95a.entry.js +0 -4
  938. package/dist/ionic/p-dcfb2b1d.entry.js +0 -4
  939. package/dist/ionic/p-e2171c27.entry.js +0 -4
  940. package/dist/ionic/p-e28d6a81.entry.js +0 -4
  941. package/dist/ionic/p-ec02238a.entry.js +0 -4
  942. package/dist/ionic/p-ecc8aebb.entry.js +0 -4
  943. package/dist/ionic/p-f3de58bd.entry.js +0 -4
  944. package/dist/ionic/p-fIOYmaqA.js +0 -4
  945. package/dist/ionic/p-ff757a50.entry.js +0 -4
  946. package/dist/ionic/p-szCM2gDt.js +0 -4
  947. package/dist/ionic/p-vXpMhGrs.js +0 -4
  948. package/dist/ionic/p-vpXGWZiy.js +0 -4
  949. package/dist/types/components/divider/divider.d.ts +0 -20
  950. /package/dist/collection/components/{refresher-content/refresher-content.css → input-password-toggle/input-password-toggle.css} +0 -0
@@ -1,6 +1,5 @@
1
- import type { OverlayOptions } from "../../utils/overlays-interface";
2
- import type { ComponentProps, ComponentRef, FrameworkDelegate } from '../../interface';
3
- export interface ModalOptions<T extends ComponentRef = ComponentRef> extends OverlayOptions {
1
+ import type { AnimationBuilder, ComponentProps, ComponentRef, FrameworkDelegate, Mode } from '../../interface';
2
+ export interface ModalOptions<T extends ComponentRef = ComponentRef> {
4
3
  component: T;
5
4
  componentProps?: ComponentProps<T>;
6
5
  presentingElement?: HTMLElement;
@@ -8,12 +7,17 @@ export interface ModalOptions<T extends ComponentRef = ComponentRef> extends Ove
8
7
  backdropDismiss?: boolean;
9
8
  cssClass?: string | string[];
10
9
  delegate?: FrameworkDelegate;
10
+ animated?: boolean;
11
11
  canDismiss?: boolean | ((data?: any, role?: string) => Promise<boolean>);
12
12
  focusTrap?: boolean;
13
+ mode?: Mode;
13
14
  keyboardClose?: boolean;
15
+ id?: string;
14
16
  htmlAttributes?: {
15
17
  [key: string]: any;
16
18
  };
19
+ enterAnimation?: AnimationBuilder;
20
+ leaveAnimation?: AnimationBuilder;
17
21
  breakpoints?: number[];
18
22
  initialBreakpoint?: number;
19
23
  backdropBreakpoint?: number;
@@ -26,7 +30,6 @@ export interface ModalAnimationOptions {
26
30
  currentBreakpoint?: number;
27
31
  backdropBreakpoint?: number;
28
32
  expandToScroll: boolean;
29
- staticBackdropOpacity?: boolean;
30
33
  }
31
34
  export interface ModalBreakpointChangeEventDetail {
32
35
  breakpoint: number;
@@ -3,8 +3,7 @@ import type { Animation, AnimationBuilder, ComponentProps, ComponentRef, Framewo
3
3
  import type { OverlayEventDetail } from '../../utils/overlays-interface';
4
4
  import type { ModalBreakpointChangeEventDetail, ModalHandleBehavior } from './modal-interface';
5
5
  /**
6
- * @virtualProp {"ios" | "md"} mode - The mode determines the platform behaviors of the component.
7
- * @virtualProp {"ios" | "md" | "ionic"} theme - The theme determines the visual appearance of the component.
6
+ * @virtualProp {"ios" | "md"} mode - The mode determines which platform styles to use.
8
7
  *
9
8
  * @slot - Content is placed inside of the `.modal-content` element.
10
9
  *
@@ -214,14 +213,6 @@ export declare class Modal implements ComponentInterface, OverlayInterface {
214
213
  * if you need to access `this` from within the callback.
215
214
  */
216
215
  canDismiss: boolean | ((data?: any, role?: string) => Promise<boolean>);
217
- /**
218
- * Set to `"soft"` for a modal with slightly rounded corners,
219
- * `"round"` for a modal with fully rounded corners, or `"rectangular"`
220
- * for a modal without rounded corners.
221
- *
222
- * Defaults to `"round"` for the `ionic` theme, undefined for all other themes.
223
- */
224
- shape?: 'soft' | 'round' | 'rectangular';
225
216
  /**
226
217
  * Emitted after the modal has presented.
227
218
  */
@@ -330,7 +321,6 @@ export declare class Modal implements ComponentInterface, OverlayInterface {
330
321
  */
331
322
  getCurrentBreakpoint(): Promise<number | undefined>;
332
323
  private moveToNextBreakpoint;
333
- private getShape;
334
324
  private onHandleClick;
335
325
  private onBackdropTap;
336
326
  private onLifecycle;
@@ -1,4 +1,4 @@
1
- import type { AnimationBuilder, ComponentProps, ComponentRef, FrameworkDelegate, Mode, Theme } from '../../interface';
1
+ import type { AnimationBuilder, ComponentProps, ComponentRef, FrameworkDelegate, Mode } from '../../interface';
2
2
  import type { ViewController } from './view-controller';
3
3
  export type NavDirection = 'back' | 'forward';
4
4
  export type NavComponent = ComponentRef | ViewController;
@@ -26,15 +26,7 @@ export interface RouterOutletOptions {
26
26
  showGoBack?: boolean;
27
27
  direction?: NavDirection;
28
28
  deepWait?: boolean;
29
- /**
30
- * To change the default appearance of the component, use the `theme` option.
31
- * Mode is used to change the platform behavior of the component.
32
- */
33
29
  mode?: Mode;
34
- /**
35
- * The theme determines the visual appearance of the component.
36
- */
37
- theme?: Theme;
38
30
  keyboardClose?: boolean;
39
31
  skipIfBusy?: boolean;
40
32
  progressAnimation?: boolean;
@@ -3,10 +3,6 @@ import type { AnimationBuilder, ComponentProps, FrameworkDelegate } from '../../
3
3
  import type { NavOutlet, RouteID, RouteWrite, RouterDirection } from '../router/utils/interface';
4
4
  import type { NavComponent, NavComponentWithProps, NavOptions, TransitionDoneFn } from './nav-interface';
5
5
  import type { ViewController } from './view-controller';
6
- /**
7
- * @virtualProp {"ios" | "md"} mode - The mode determines the platform behaviors of the component.
8
- * @virtualProp {"ios" | "md" | "ionic"} theme - The theme determines the visual appearance of the component.
9
- */
10
6
  export declare class Nav implements NavOutlet {
11
7
  private transInstr;
12
8
  private sbAni?;
@@ -30,7 +26,7 @@ export declare class Nav implements NavOutlet {
30
26
  */
31
27
  animated: boolean;
32
28
  /**
33
- * By default `ion-nav` animates transition between pages based on the mode ("ios" or "md").
29
+ * By default `ion-nav` animates transition between pages based in the mode (ios or material design).
34
30
  * However, this property allows to create custom transition using `AnimationBuilder` functions.
35
31
  */
36
32
  animation?: AnimationBuilder;
@@ -2,10 +2,6 @@ import type { ComponentInterface } from '../../stencil-public-runtime';
2
2
  import type { AnimationBuilder, ComponentProps } from '../../interface';
3
3
  import type { NavComponent } from '../nav/nav-interface';
4
4
  import type { RouterDirection } from '../router/utils/interface';
5
- /**
6
- * @virtualProp {"ios" | "md"} mode - The mode determines the platform behaviors of the component.
7
- * @virtualProp {"ios" | "md" | "ionic"} theme - The theme determines the visual appearance of the component.
8
- */
9
5
  export declare class NavLink implements ComponentInterface {
10
6
  el: HTMLElement;
11
7
  /**
@@ -1,8 +1,7 @@
1
1
  import type { ComponentInterface } from '../../stencil-public-runtime';
2
2
  import type { Color } from '../../interface';
3
3
  /**
4
- * @virtualProp {"ios" | "md"} mode - The mode determines the platform behaviors of the component.
5
- * @virtualProp {"ios" | "md" | "ionic"} theme - The theme determines the visual appearance of the component.
4
+ * @virtualProp {"ios" | "md"} mode - The mode determines which platform styles to use.
6
5
  */
7
6
  export declare class Note implements ComponentInterface {
8
7
  /**
@@ -1,8 +1,7 @@
1
1
  import type { ComponentInterface, EventEmitter } from '../../stencil-public-runtime';
2
2
  import type { PickerChangeEventDetail } from './picker-interfaces';
3
3
  /**
4
- * @virtualProp {"ios" | "md"} mode - The mode determines the platform behaviors of the component.
5
- * @virtualProp {"ios" | "md" | "ionic"} theme - The theme determines the visual appearance of the component.
4
+ * @virtualProp {"ios" | "md"} mode - The mode determines which platform styles to use.
6
5
  */
7
6
  export declare class Picker implements ComponentInterface {
8
7
  private inputEl?;
@@ -2,8 +2,7 @@ import type { ComponentInterface, EventEmitter } from '../../stencil-public-runt
2
2
  import type { Color } from '../../interface';
3
3
  import type { PickerColumnChangeEventDetail, PickerColumnValue } from './picker-column-interfaces';
4
4
  /**
5
- * @virtualProp {"ios" | "md"} mode - The mode determines the platform behaviors of the component.
6
- * @virtualProp {"ios" | "md" | "ionic"} theme - The theme determines the visual appearance of the component.
5
+ * @virtualProp {"ios" | "md"} mode - The mode determines which platform styles to use.
7
6
  *
8
7
  * @slot prefix - Content to show on the left side of the picker options.
9
8
  * @slot suffix - Content to show on the right side of the picker options.
@@ -1,9 +1,5 @@
1
1
  import type { ComponentInterface } from '../../stencil-public-runtime';
2
2
  import type { Color } from '../../interface';
3
- /**
4
- * @virtualProp {"ios" | "md"} mode - The mode determines the platform behaviors of the component.
5
- * @virtualProp {"ios" | "md" | "ionic"} theme - The theme determines the visual appearance of the component.
6
- */
7
3
  export declare class PickerColumnOption implements ComponentInterface {
8
4
  /**
9
5
  * We keep track of the parent picker column
@@ -3,8 +3,7 @@ import type { AnimationBuilder, OverlayInterface, FrameworkDelegate } from '../.
3
3
  import type { OverlayEventDetail } from '../../utils/overlays-interface';
4
4
  import type { PickerButton, PickerColumn } from './picker-interface';
5
5
  /**
6
- * @virtualProp {"ios" | "md"} mode - The mode determines the platform behaviors of the component.
7
- * @virtualProp {"ios" | "md" | "ionic"} theme - The theme determines the visual appearance of the component.
6
+ * @virtualProp {"ios" | "md"} mode - The mode determines which platform styles to use.
8
7
  */
9
8
  export declare class Picker implements ComponentInterface, OverlayInterface {
10
9
  private readonly delegateController;
@@ -1,9 +1,8 @@
1
- import type { OverlayOptions } from "../../utils/overlays-interface";
2
- import type { ComponentProps, ComponentRef, FrameworkDelegate, OverlayInterface } from '../../interface';
1
+ import type { AnimationBuilder, ComponentProps, ComponentRef, FrameworkDelegate, Mode, OverlayInterface } from '../../interface';
3
2
  export interface PopoverInterface extends OverlayInterface {
4
3
  present: (event?: MouseEvent | TouchEvent | PointerEvent) => Promise<void>;
5
4
  }
6
- export interface PopoverOptions<T extends ComponentRef = ComponentRef> extends OverlayOptions {
5
+ export interface PopoverOptions<T extends ComponentRef = ComponentRef> {
7
6
  component: T;
8
7
  componentProps?: ComponentProps<T>;
9
8
  showBackdrop?: boolean;
@@ -14,10 +13,14 @@ export interface PopoverOptions<T extends ComponentRef = ComponentRef> extends O
14
13
  delegate?: FrameworkDelegate;
15
14
  animated?: boolean;
16
15
  focusTrap?: boolean;
16
+ mode?: Mode;
17
17
  keyboardClose?: boolean;
18
+ id?: string;
18
19
  htmlAttributes?: {
19
20
  [key: string]: any;
20
21
  };
22
+ enterAnimation?: AnimationBuilder;
23
+ leaveAnimation?: AnimationBuilder;
21
24
  size?: PopoverSize;
22
25
  dismissOnSelect?: boolean;
23
26
  reference?: PositionReference;
@@ -3,13 +3,12 @@ import type { AnimationBuilder, ComponentProps, ComponentRef, FrameworkDelegate
3
3
  import type { OverlayEventDetail } from '../../utils/overlays-interface';
4
4
  import type { PopoverInterface, PopoverSize, PositionAlign, PositionReference, PositionSide, TriggerAction } from './popover-interface';
5
5
  /**
6
- * @virtualProp {"ios" | "md"} mode - The mode determines the platform behaviors of the component.
7
- * @virtualProp {"ios" | "md" | "ionic"} theme - The theme determines the visual appearance of the component.
6
+ * @virtualProp {"ios" | "md"} mode - The mode determines which platform styles to use.
8
7
  *
9
8
  * @slot - Content is placed inside of the `.popover-content` element.
10
9
  *
11
10
  * @part backdrop - The `ion-backdrop` element.
12
- * @part arrow - The arrow that points to the reference element. Only applies on `"ios"` theme.
11
+ * @part arrow - The arrow that points to the reference element. Only applies on `ios` mode.
13
12
  * @part content - The wrapper element for the default slot.
14
13
  */
15
14
  export declare class Popover implements ComponentInterface, PopoverInterface {
@@ -83,7 +82,7 @@ export declare class Popover implements ComponentInterface, PopoverInterface {
83
82
  showBackdrop: boolean;
84
83
  /**
85
84
  * If `true`, the popover will be translucent.
86
- * Only applies when the theme is `"ios"` and the device supports
85
+ * Only applies when the mode is `"ios"` and the device supports
87
86
  * [`backdrop-filter`](https://developer.mozilla.org/en-US/docs/Web/CSS/backdrop-filter#Browser_compatibility).
88
87
  */
89
88
  translucent: boolean;
@@ -144,12 +143,12 @@ export declare class Popover implements ComponentInterface, PopoverInterface {
144
143
  side: PositionSide;
145
144
  /**
146
145
  * Describes how to align the popover content with the `reference` point.
147
- * Defaults to `"center"` for `"ios"` theme, and `"start"` for `"md"` theme.
146
+ * Defaults to `"center"` for `ios` mode, and `"start"` for `md` mode.
148
147
  */
149
148
  alignment?: PositionAlign;
150
149
  /**
151
150
  * If `true`, the popover will display an arrow that points at the
152
- * `reference` on `"ios"` theme.
151
+ * `reference` when running in `ios` mode. Does not apply in `md` mode.
153
152
  */
154
153
  arrow: boolean;
155
154
  /**
@@ -1,8 +1,7 @@
1
1
  import type { ComponentInterface } from '../../stencil-public-runtime';
2
2
  import type { Color } from '../../interface';
3
3
  /**
4
- * @virtualProp {"ios" | "md"} mode - The mode determines the platform behaviors of the component.
5
- * @virtualProp {"ios" | "md" | "ionic"} theme - The theme determines the visual appearance of the component.
4
+ * @virtualProp {"ios" | "md"} mode - The mode determines which platform styles to use.
6
5
  *
7
6
  * @part progress - The progress bar that shows the current value when `type` is `"determinate"` and slides back and forth when `type` is `"indeterminate"`.
8
7
  * @part stream - The animated circles that appear while buffering. This only shows when `buffer` is set and `type` is `"determinate"`.
@@ -36,13 +35,5 @@ export declare class ProgressBar implements ComponentInterface {
36
35
  * For more information on colors, see [theming](/docs/theming/basics).
37
36
  */
38
37
  color?: Color;
39
- /**
40
- * Set to `"round"` for a progress bar with rounded corners, or `"rectangular"`
41
- * for a progress bar without rounded corners.
42
- *
43
- * Defaults to `"round"` for the `ionic` theme, undefined for all other themes.
44
- */
45
- shape?: 'round' | 'rectangular';
46
- private getShape;
47
38
  render(): any;
48
39
  }
@@ -1,8 +1,7 @@
1
1
  import type { ComponentInterface, EventEmitter } from '../../stencil-public-runtime';
2
2
  import type { Color } from '../../interface';
3
3
  /**
4
- * @virtualProp {"ios" | "md"} mode - The mode determines the platform behaviors of the component.
5
- * @virtualProp {"ios" | "md" | "ionic"} theme - The theme determines the visual appearance of the component.
4
+ * @virtualProp {"ios" | "md"} mode - The mode determines which platform styles to use.
6
5
  *
7
6
  * @slot - The label text to associate with the radio. Use the "labelPlacement" property to control where the label is placed relative to the radio.
8
7
  *
@@ -1,9 +1,5 @@
1
1
  import type { ComponentInterface, EventEmitter } from '../../stencil-public-runtime';
2
2
  import type { RadioGroupChangeEventDetail, RadioGroupCompareFn } from './radio-group-interface';
3
- /**
4
- * @virtualProp {"ios" | "md"} mode - The mode determines the platform behaviors of the component.
5
- * @virtualProp {"ios" | "md" | "ionic"} theme - The theme determines the visual appearance of the component.
6
- */
7
3
  export declare class RadioGroup implements ComponentInterface {
8
4
  private inputId;
9
5
  private helperTextId;
@@ -2,8 +2,7 @@ import type { ComponentInterface, EventEmitter } from '../../stencil-public-runt
2
2
  import type { Color } from '../../interface';
3
3
  import type { RangeChangeEventDetail, RangeKnobMoveEndEventDetail, RangeKnobMoveStartEventDetail, RangeValue, PinFormatter } from './range-interface';
4
4
  /**
5
- * @virtualProp {"ios" | "md"} mode - The mode determines the platform behaviors of the component.
6
- * @virtualProp {"ios" | "md" | "ionic"} theme - The theme determines the visual appearance of the component.
5
+ * @virtualProp {"ios" | "md"} mode - The mode determines which platform styles to use.
7
6
  *
8
7
  * @slot label - The label text to associate with the range. Use the "labelPlacement" property to control where the label is placed relative to the range.
9
8
  * @slot start - Content is placed to the left of the range slider in LTR, and to the right in RTL.
@@ -1,8 +1,7 @@
1
1
  import type { ComponentInterface, EventEmitter } from '../../stencil-public-runtime';
2
2
  import type { RefresherEventDetail } from './refresher-interface';
3
3
  /**
4
- * @virtualProp {"ios" | "md"} mode - The mode determines the platform behaviors of the component.
5
- * @virtualProp {"ios" | "md" | "ionic"} theme - The theme determines the visual appearance of the component.
4
+ * @virtualProp {"ios" | "md"} mode - The mode determines which platform styles to use.
6
5
  */
7
6
  export declare class Refresher implements ComponentInterface {
8
7
  private appliedStyles;
@@ -1,10 +1,6 @@
1
1
  import type { ComponentInterface } from '../../stencil-public-runtime';
2
2
  import type { IonicSafeString } from '../../utils/sanitization';
3
3
  import type { SpinnerTypes } from '../spinner/spinner-configs';
4
- /**
5
- * @virtualProp {"ios" | "md"} mode - The mode determines the platform behaviors of the component.
6
- * @virtualProp {"ios" | "md" | "ionic"} theme - The theme determines the visual appearance of the component.
7
- */
8
4
  export declare class RefresherContent implements ComponentInterface {
9
5
  private customHTMLEnabled;
10
6
  el: HTMLIonRefresherContentElement;
@@ -1,18 +1,9 @@
1
1
  import type { ComponentInterface } from '../../stencil-public-runtime';
2
2
  /**
3
- * @virtualProp {"ios" | "md"} mode - The mode determines the platform behaviors of the component.
4
- * @virtualProp {"ios" | "md" | "ionic"} theme - The theme determines the visual appearance of the component.
5
- *
6
3
  * @part icon - The icon of the reorder handle (uses ion-icon).
7
4
  */
8
5
  export declare class Reorder implements ComponentInterface {
9
6
  el: HTMLIonReorderElement;
10
7
  onClick(ev: Event): void;
11
- /**
12
- * Get the icon to use for the handle icon.
13
- * Otherwise, use the icon set in the config.
14
- * If no icon is set in the config, use the default icon.
15
- */
16
- get reorderHandleIcon(): string;
17
8
  render(): any;
18
9
  }
@@ -6,10 +6,6 @@ declare const enum ReorderGroupState {
6
6
  Active = 1,
7
7
  Complete = 2
8
8
  }
9
- /**
10
- * @virtualProp {"ios" | "md"} mode - The mode determines the platform behaviors of the component.
11
- * @virtualProp {"ios" | "md" | "ionic"} theme - The theme determines the visual appearance of the component.
12
- */
13
9
  export declare class ReorderGroup implements ComponentInterface {
14
10
  private selectedItemEl?;
15
11
  private selectedItemHeight;
@@ -1,8 +1,4 @@
1
1
  import type { ComponentInterface } from '../../stencil-public-runtime';
2
- /**
3
- * @virtualProp {"ios" | "md"} mode - The mode determines the platform behaviors of the component.
4
- * @virtualProp {"ios" | "md" | "ionic"} theme - The theme determines the visual appearance of the component.
5
- */
6
2
  export declare class RippleEffect implements ComponentInterface {
7
3
  el: HTMLElement;
8
4
  /**
@@ -1,9 +1,5 @@
1
1
  import type { ComponentInterface, EventEmitter } from '../../stencil-public-runtime';
2
2
  import type { NavigationHookCallback } from './route-interface';
3
- /**
4
- * @virtualProp {"ios" | "md"} mode - The mode determines the platform behaviors of the component.
5
- * @virtualProp {"ios" | "md" | "ionic"} theme - The theme determines the visual appearance of the component.
6
- */
7
3
  export declare class Route implements ComponentInterface {
8
4
  /**
9
5
  * Relative path that needs to match in order for this route to apply.
@@ -2,10 +2,6 @@ import type { ComponentInterface, EventEmitter } from '../../stencil-public-runt
2
2
  import type { BackButtonEvent } from "../../utils/hardware-back-button";
3
3
  import type { AnimationBuilder } from '../../interface';
4
4
  import type { RouterDirection, RouterEventDetail } from './utils/interface';
5
- /**
6
- * @virtualProp {"ios" | "md"} mode - The mode determines the platform behaviors of the component.
7
- * @virtualProp {"ios" | "md" | "ionic"} theme - The theme determines the visual appearance of the component.
8
- */
9
5
  export declare class Router implements ComponentInterface {
10
6
  private previousPath;
11
7
  private busy;
@@ -1,10 +1,6 @@
1
1
  import type { ComponentInterface } from '../../stencil-public-runtime';
2
2
  import type { AnimationBuilder, Color } from '../../interface';
3
3
  import type { RouterDirection } from '../router/utils/interface';
4
- /**
5
- * @virtualProp {"ios" | "md"} mode - The mode determines the platform behaviors of the component.
6
- * @virtualProp {"ios" | "md" | "ionic"} theme - The theme determines the visual appearance of the component.
7
- */
8
4
  export declare class RouterLink implements ComponentInterface {
9
5
  /**
10
6
  * The color to use from your application's color palette.
@@ -2,9 +2,6 @@ import type { ComponentInterface, EventEmitter } from '../../stencil-public-runt
2
2
  import type { AnimationBuilder, ComponentProps, FrameworkDelegate } from '../../interface';
3
3
  import type { RouterOutletOptions, SwipeGestureHandler } from '../nav/nav-interface';
4
4
  import type { RouteID, RouterDirection, RouteWrite, NavOutlet } from '../router/utils/interface';
5
- /**
6
- * @virtualProp {"ios" | "md" | "ionic"} theme - The theme determines the visual appearance of the component.
7
- */
8
5
  export declare class RouterOutlet implements ComponentInterface, NavOutlet {
9
6
  private readonly lockController;
10
7
  private activeEl;
@@ -15,7 +12,7 @@ export declare class RouterOutlet implements ComponentInterface, NavOutlet {
15
12
  private gestureOrAnimationInProgress;
16
13
  el: HTMLElement;
17
14
  /**
18
- * The mode determines the platform behaviors of the component.
15
+ * The mode determines which platform styles to use.
19
16
  */
20
17
  mode: import("../../interface").Mode;
21
18
  /** @internal */
@@ -1,8 +1,4 @@
1
1
  import type { ComponentInterface } from '../../stencil-public-runtime';
2
- /**
3
- * @virtualProp {"ios" | "md"} mode - The mode determines the platform behaviors of the component.
4
- * @virtualProp {"ios" | "md" | "ionic"} theme - The theme determines the visual appearance of the component.
5
- */
6
2
  export declare class Row implements ComponentInterface {
7
3
  render(): any;
8
4
  }
@@ -2,8 +2,7 @@ import type { ComponentInterface, EventEmitter } from '../../stencil-public-runt
2
2
  import type { AutocompleteTypes, Color, StyleEventDetail } from '../../interface';
3
3
  import type { SearchbarChangeEventDetail, SearchbarInputEventDetail } from './searchbar-interface';
4
4
  /**
5
- * @virtualProp {"ios" | "md"} mode - The mode determines the platform behaviors of the component.
6
- * @virtualProp {"ios" | "md" | "ionic"} theme - The theme determines the visual appearance of the component.
5
+ * @virtualProp {"ios" | "md"} mode - The mode determines which platform styles to use.
7
6
  */
8
7
  export declare class Searchbar implements ComponentInterface {
9
8
  private nativeInput?;
@@ -52,16 +51,16 @@ export declare class Searchbar implements ComponentInterface {
52
51
  */
53
52
  autocorrect: 'on' | 'off';
54
53
  /**
55
- * Set the cancel button icon. Only available when the theme is `"md"`.
56
- * Defaults to `"arrow-back-sharp"`.
54
+ * Set the cancel button icon. Only applies to `md` mode.
55
+ * Defaults to `arrow-back-sharp`.
57
56
  */
58
- cancelButtonIcon?: string;
57
+ cancelButtonIcon: string;
59
58
  /**
60
- * Set the cancel button text. Only available when the theme is `"ios"`.
59
+ * Set the cancel button text. Only applies to `ios` mode.
61
60
  */
62
61
  cancelButtonText: string;
63
62
  /**
64
- * Set the clear icon. Defaults to `"close-circle"` for `"ios"` theme and `"close-sharp"` for `"md"` and `"ionic"` theme.
63
+ * Set the clear icon. Defaults to `close-circle` for `ios` and `close-sharp` for `md`.
65
64
  */
66
65
  clearIcon?: string;
67
66
  /**
@@ -108,11 +107,10 @@ export declare class Searchbar implements ComponentInterface {
108
107
  */
109
108
  placeholder: string;
110
109
  /**
111
- * The icon to use as the search icon. Defaults to `"search-outline"` in
112
- * the `"ios"` theme and `"search-sharp"` in the `"md"` and `"ionic"` themes.
113
- * If `false`, no search icon will be displayed.
110
+ * The icon to use as the search icon. Defaults to `search-outline` in
111
+ * `ios` mode and `search-sharp` in `md` mode.
114
112
  */
115
- searchIcon?: string | boolean;
113
+ searchIcon?: string;
116
114
  /**
117
115
  * Sets the behavior for the cancel button. Defaults to `"never"`.
118
116
  * Setting to `"focus"` shows the cancel button on focus.
@@ -142,21 +140,6 @@ export declare class Searchbar implements ComponentInterface {
142
140
  * the value of the searchbar.
143
141
  */
144
142
  value?: string | null;
145
- /**
146
- * Set to `"soft"` for a searchbar with slightly rounded corners,
147
- * `"round"` for a searchbar with fully rounded corners,
148
- * or `"rectangular"` for a searchbar without rounded corners.
149
- *
150
- * Defaults to `"round"` for the ionic theme, and `undefined` for all other themes.
151
- */
152
- shape?: 'soft' | 'round' | 'rectangular';
153
- /**
154
- * Set to `"large"` for a searchbar with an increase in height,
155
- * while "small" and "medium" provide progressively smaller heights.
156
- *
157
- * Defaults to `"medium"` for the ionic theme, and `undefined` for all other themes.
158
- */
159
- size?: 'small' | 'medium' | 'large';
160
143
  /**
161
144
  * Emitted when the `value` of the `ion-searchbar` element has changed.
162
145
  */
@@ -266,7 +249,6 @@ export declare class Searchbar implements ComponentInterface {
266
249
  private positionCancelButton;
267
250
  private getValue;
268
251
  private hasValue;
269
- private shouldShowSearchIcon;
270
252
  /**
271
253
  * Determines whether or not the cancel button should be visible onscreen.
272
254
  * Cancel button should be shown if one of two conditions applies:
@@ -279,31 +261,7 @@ export declare class Searchbar implements ComponentInterface {
279
261
  * Clear button should be shown if one of two conditions applies:
280
262
  * 1. `showClearButton` is set to `always`.
281
263
  * 2. `showClearButton` is set to `focus`, and the searchbar has been focused.
282
- * Unless the `theme` is `ionic` and the searchbar is disabled.
283
264
  */
284
265
  private shouldShowClearButton;
285
- private getShape;
286
- private getSize;
287
- /**
288
- * Get the icon to use for the clear icon.
289
- * If an icon is set on the component, use that.
290
- * Otherwise, use the icon set in the config.
291
- * If no icon is set in the config, use the default icon.
292
- */
293
- get searchbarClearIcon(): string;
294
- /**
295
- * Get the icon to use for the search icon.
296
- * If an icon is set on the component, use that.
297
- * Otherwise, use the icon set in the config.
298
- * If no icon is set in the config, use the default icon.
299
- */
300
- get searchbarSearchIcon(): string;
301
- /**
302
- * Get the icon to use for the cancel icon.
303
- * If an icon is set on the component, use that.
304
- * Otherwise, use the icon set in the config.
305
- * If no icon is set in the config, use the default icon.
306
- */
307
- get searchbarCancelIcon(): string;
308
266
  render(): any;
309
267
  }
@@ -4,8 +4,7 @@ import type { Color, StyleEventDetail } from '../../interface';
4
4
  import type { SegmentViewScrollEvent } from '../segment-view/segment-view-interface';
5
5
  import type { SegmentChangeEventDetail, SegmentValue } from './segment-interface';
6
6
  /**
7
- * @virtualProp {"ios" | "md"} mode - The mode determines the platform behaviors of the component.
8
- * @virtualProp {"ios" | "md" | "ionic"} theme - The theme determines the visual appearance of the component.
7
+ * @virtualProp {"ios" | "md"} mode - The mode determines which platform styles to use.
9
8
  */
10
9
  export declare class Segment implements ComponentInterface {
11
10
  private gesture?;
@@ -3,8 +3,7 @@ import type { ButtonInterface } from "../../utils/element-interface";
3
3
  import type { SegmentValue } from '../segment/segment-interface';
4
4
  import type { SegmentButtonLayout } from './segment-button-interface';
5
5
  /**
6
- * @virtualProp {"ios" | "md"} mode - The mode determines the platform behaviors of the component.
7
- * @virtualProp {"ios" | "md" | "ionic"} theme - The theme determines the visual appearance of the component.
6
+ * @virtualProp {"ios" | "md"} mode - The mode determines which platform styles to use.
8
7
  *
9
8
  * @part native - The native HTML button element that wraps all child elements.
10
9
  * @part indicator - The indicator displayed on the checked segment button.