voyager-ionic-core 7.7.3 → 8.0.0-beta.2

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 (1003) hide show
  1. package/components/action-sheet.js +6 -6
  2. package/components/alert.js +4 -4
  3. package/components/backdrop.js +1 -13
  4. package/components/button-active.js +1 -1
  5. package/components/button.js +4 -4
  6. package/components/buttons.js +3 -3
  7. package/components/checkbox.js +8 -80
  8. package/components/data.js +24 -39
  9. package/components/gesture-controller.js +1 -1
  10. package/components/hardware-back-button.js +3 -3
  11. package/components/helpers.js +2 -9
  12. package/components/index9.js +1 -1
  13. package/components/input-shims.js +8 -1
  14. package/components/input.utils.js +12 -0
  15. package/components/ion-accordion-group.js +1 -1
  16. package/components/ion-app.js +4 -4
  17. package/components/ion-avatar.js +1 -1
  18. package/components/ion-back-button.js +3 -3
  19. package/components/ion-badge.js +4 -4
  20. package/components/ion-breadcrumb.js +4 -4
  21. package/components/ion-breadcrumbs.js +2 -2
  22. package/components/ion-card-content.js +1 -1
  23. package/components/ion-card-header.js +2 -2
  24. package/components/ion-card-subtitle.js +4 -4
  25. package/components/ion-card-title.js +3 -3
  26. package/components/ion-card.js +3 -3
  27. package/components/ion-chip.js +2 -2
  28. package/components/ion-col.js +2 -2
  29. package/components/ion-content.js +5 -6
  30. package/components/ion-datetime-button.js +15 -14
  31. package/components/ion-datetime.js +109 -111
  32. package/components/ion-fab-button.js +4 -4
  33. package/components/ion-fab-list.js +3 -3
  34. package/components/ion-fab.js +2 -2
  35. package/components/ion-footer.js +3 -3
  36. package/components/ion-grid.js +2 -2
  37. package/components/ion-header.js +3 -3
  38. package/components/ion-img.js +1 -1
  39. package/components/ion-infinite-scroll-content.js +4 -4
  40. package/components/ion-infinite-scroll.js +1 -1
  41. package/components/ion-input.js +7 -93
  42. package/components/ion-item-divider.js +4 -4
  43. package/components/ion-item-group.js +1 -1
  44. package/components/ion-item-option.js +4 -4
  45. package/components/ion-item-options.js +4 -4
  46. package/components/ion-item-sliding.js +2 -2
  47. package/components/ion-loading.js +4 -4
  48. package/components/ion-menu-button.js +3 -3
  49. package/components/ion-menu-toggle.js +2 -2
  50. package/components/ion-menu.js +29 -44
  51. package/components/ion-modal.js +43 -28
  52. package/components/ion-nav-link.js +1 -1
  53. package/components/ion-nav.js +9 -5
  54. package/components/ion-note.js +43 -1
  55. package/components/ion-picker-column-option.d.ts +11 -0
  56. package/components/ion-picker-column-option.js +9 -0
  57. package/components/ion-picker-column.js +2 -2
  58. package/components/ion-picker-legacy-column.d.ts +11 -0
  59. package/components/ion-picker-legacy-column.js +9 -0
  60. package/components/{ion-picker-internal.d.ts → ion-picker-legacy.d.ts} +4 -4
  61. package/components/ion-picker-legacy.js +321 -0
  62. package/components/ion-picker.js +1 -315
  63. package/components/ion-progress-bar.js +7 -4
  64. package/components/ion-range.js +160 -109
  65. package/components/ion-refresher-content.js +1 -1
  66. package/components/ion-refresher.js +4 -4
  67. package/components/ion-reorder-group.js +1 -1
  68. package/components/ion-reorder.js +1 -1
  69. package/components/ion-router-link.js +3 -3
  70. package/components/ion-router-outlet.js +2 -2
  71. package/components/ion-router.js +1 -1
  72. package/components/ion-row.js +1 -1
  73. package/components/ion-searchbar.js +36 -7
  74. package/components/ion-segment-button.js +5 -5
  75. package/components/ion-segment.js +2 -2
  76. package/components/ion-select-option.js +1 -1
  77. package/components/ion-select.js +83 -183
  78. package/components/ion-skeleton-text.js +2 -2
  79. package/components/ion-split-pane.js +28 -17
  80. package/components/ion-tab-bar.js +4 -4
  81. package/components/ion-tab-button.js +4 -4
  82. package/components/ion-tab.js +2 -2
  83. package/components/ion-tabs.js +1 -1
  84. package/components/ion-text.js +2 -2
  85. package/components/ion-textarea.js +7 -70
  86. package/components/ion-thumbnail.js +1 -1
  87. package/components/ion-title.js +3 -3
  88. package/components/ion-toast.js +12 -6
  89. package/components/ion-toggle.js +7 -64
  90. package/components/ion-toolbar.js +4 -4
  91. package/components/item.js +29 -95
  92. package/components/label.js +5 -5
  93. package/components/list-header.js +4 -4
  94. package/components/list.js +2 -2
  95. package/components/overlays.js +151 -59
  96. package/components/picker-column-option.js +124 -0
  97. package/components/picker-column.js +367 -324
  98. package/components/picker-column2.js +381 -0
  99. package/components/{picker-internal.js → picker.js} +33 -26
  100. package/components/popover.js +6 -6
  101. package/components/radio-group.js +1 -1
  102. package/components/radio.js +8 -81
  103. package/components/refresher.utils.js +1 -1
  104. package/components/ripple-effect.js +1 -1
  105. package/components/select-popover.js +14 -20
  106. package/components/spinner.js +1 -1
  107. package/components/swipe-back.js +1 -1
  108. package/css/core.css +90 -27
  109. package/css/core.css.map +1 -1
  110. package/css/display.css.map +1 -1
  111. package/css/float-elements.css.map +1 -1
  112. package/css/global.bundle.css +1 -1
  113. package/css/global.bundle.css.map +1 -1
  114. package/css/ionic-swiper.css.map +1 -1
  115. package/css/ionic.bundle.css +1 -1
  116. package/css/ionic.bundle.css.map +1 -1
  117. package/css/padding.css.map +1 -1
  118. package/css/structure.css.map +1 -1
  119. package/css/text-alignment.css.map +1 -1
  120. package/css/text-transformation.css.map +1 -1
  121. package/css/themes/dark.always.css +160 -0
  122. package/css/themes/dark.always.css.map +1 -0
  123. package/css/themes/dark.class.css +160 -0
  124. package/css/themes/dark.class.css.map +1 -0
  125. package/css/themes/dark.css +3 -0
  126. package/css/themes/dark.css.map +1 -0
  127. package/css/themes/dark.system.css +162 -0
  128. package/css/themes/dark.system.css.map +1 -0
  129. package/css/themes/high-contrast-dark.always.css +180 -0
  130. package/css/themes/high-contrast-dark.always.css.map +1 -0
  131. package/css/themes/high-contrast-dark.class.css +180 -0
  132. package/css/themes/high-contrast-dark.class.css.map +1 -0
  133. package/css/themes/high-contrast-dark.css +3 -0
  134. package/css/themes/high-contrast-dark.css.map +1 -0
  135. package/css/themes/high-contrast-dark.system.css +182 -0
  136. package/css/themes/high-contrast-dark.system.css.map +1 -0
  137. package/css/themes/high-contrast.always.css +101 -0
  138. package/css/themes/high-contrast.always.css.map +1 -0
  139. package/css/themes/high-contrast.class.css +101 -0
  140. package/css/themes/high-contrast.class.css.map +1 -0
  141. package/css/themes/high-contrast.css +3 -0
  142. package/css/themes/high-contrast.css.map +1 -0
  143. package/css/themes/high-contrast.system.css +103 -0
  144. package/css/themes/high-contrast.system.css.map +1 -0
  145. package/css/typography.css +1 -1
  146. package/css/typography.css.map +1 -1
  147. package/css/utils.bundle.css.map +1 -1
  148. package/dist/cjs/{animation-c2840aea.js → animation-3e7bb91e.js} +1 -1
  149. package/dist/cjs/{app-globals-92ad1b3d.js → app-globals-e132c781.js} +1 -1
  150. package/dist/cjs/{button-active-2d6520ec.js → button-active-60ecf64d.js} +3 -3
  151. package/dist/cjs/{data-a5109f09.js → data-21dc0f81.js} +23 -40
  152. package/dist/cjs/{framework-delegate-e0e13baa.js → framework-delegate-0499d444.js} +1 -1
  153. package/dist/cjs/{gesture-controller-c40c045a.js → gesture-controller-9436f482.js} +1 -0
  154. package/dist/cjs/{hardware-back-button-2696acaf.js → hardware-back-button-1c67a5a2.js} +5 -5
  155. package/dist/cjs/{helpers-da4c0ed1.js → helpers-668b3d95.js} +1 -9
  156. package/dist/cjs/{index-62290fec.js → index-275cc12e.js} +1 -1
  157. package/dist/cjs/{index-0ffe376d.js → index-2d21d526.js} +443 -14
  158. package/dist/cjs/{index-4c96691f.js → index-ba7ba0af.js} +4 -4
  159. package/dist/cjs/{index-bef98850.js → index-c49cb371.js} +1 -1
  160. package/dist/cjs/{index-9bfcb6e8.js → index-e4b6c97e.js} +4 -4
  161. package/dist/cjs/{index-d1b59ffa.js → index-ee07ed59.js} +1 -1
  162. package/dist/cjs/index.cjs.js +13 -13
  163. package/dist/cjs/{input-shims-a9a85bb9.js → input-shims-b419f083.js} +10 -3
  164. package/dist/cjs/{input.utils-d7dca90f.js → input.utils-32c0a14a.js} +13 -1
  165. package/dist/cjs/ion-accordion_2.cjs.entry.js +4 -4
  166. package/dist/cjs/ion-action-sheet.cjs.entry.js +16 -16
  167. package/dist/cjs/ion-alert.cjs.entry.js +14 -14
  168. package/dist/cjs/ion-app_8.cjs.entry.js +33 -34
  169. package/dist/cjs/ion-avatar_3.cjs.entry.js +8 -8
  170. package/dist/cjs/ion-back-button.cjs.entry.js +6 -6
  171. package/dist/cjs/ion-backdrop.cjs.entry.js +3 -15
  172. package/dist/cjs/ion-breadcrumb_2.cjs.entry.js +9 -9
  173. package/dist/cjs/ion-button_2.cjs.entry.js +7 -7
  174. package/dist/cjs/ion-card_5.cjs.entry.js +16 -16
  175. package/dist/cjs/ion-checkbox.cjs.entry.js +9 -77
  176. package/dist/cjs/ion-chip.cjs.entry.js +4 -4
  177. package/dist/cjs/ion-col_3.cjs.entry.js +7 -7
  178. package/dist/cjs/ion-datetime-button.cjs.entry.js +18 -17
  179. package/dist/cjs/ion-datetime_3.cjs.entry.js +120 -115
  180. package/dist/cjs/ion-fab_3.cjs.entry.js +12 -12
  181. package/dist/cjs/ion-img.cjs.entry.js +4 -4
  182. package/dist/cjs/ion-infinite-scroll_2.cjs.entry.js +9 -9
  183. package/dist/cjs/ion-input.cjs.entry.js +12 -92
  184. package/dist/cjs/ion-item-option_3.cjs.entry.js +13 -13
  185. package/dist/cjs/ion-item_8.cjs.entry.js +48 -102
  186. package/dist/cjs/ion-loading.cjs.entry.js +12 -11
  187. package/dist/cjs/ion-menu_3.cjs.entry.js +40 -56
  188. package/dist/cjs/ion-modal.cjs.entry.js +53 -38
  189. package/dist/cjs/ion-nav_2.cjs.entry.js +13 -10
  190. package/dist/cjs/ion-picker-column-option.cjs.entry.js +106 -0
  191. package/dist/cjs/{ion-picker-column-internal.cjs.entry.js → ion-picker-column.cjs.entry.js} +124 -93
  192. package/dist/cjs/{ion-picker-internal.cjs.entry.js → ion-picker.cjs.entry.js} +32 -25
  193. package/dist/cjs/ion-popover.cjs.entry.js +13 -12
  194. package/dist/cjs/ion-progress-bar.cjs.entry.js +9 -6
  195. package/dist/cjs/ion-radio_2.cjs.entry.js +10 -79
  196. package/dist/cjs/ion-range.cjs.entry.js +163 -111
  197. package/dist/cjs/ion-refresher_2.cjs.entry.js +12 -12
  198. package/dist/cjs/ion-reorder_2.cjs.entry.js +7 -7
  199. package/dist/cjs/ion-ripple-effect.cjs.entry.js +3 -3
  200. package/dist/cjs/ion-route_4.cjs.entry.js +6 -6
  201. package/dist/cjs/ion-searchbar.cjs.entry.js +33 -9
  202. package/dist/cjs/ion-segment_2.cjs.entry.js +11 -11
  203. package/dist/cjs/ion-select_3.cjs.entry.js +78 -169
  204. package/dist/cjs/ion-spinner.cjs.entry.js +3 -3
  205. package/dist/cjs/ion-split-pane.cjs.entry.js +28 -18
  206. package/dist/cjs/ion-tab-bar_2.cjs.entry.js +11 -11
  207. package/dist/cjs/ion-tab_2.cjs.entry.js +6 -6
  208. package/dist/cjs/ion-text.cjs.entry.js +4 -4
  209. package/dist/cjs/ion-textarea.cjs.entry.js +11 -71
  210. package/dist/cjs/ion-toast.cjs.entry.js +20 -14
  211. package/dist/cjs/ion-toggle.cjs.entry.js +10 -66
  212. package/dist/cjs/{ionic-global-59a10130.js → ionic-global-5762eca9.js} +1 -1
  213. package/dist/cjs/ionic.cjs.js +28 -5
  214. package/dist/cjs/{ios.transition-96679580.js → ios.transition-3e119901.js} +4 -4
  215. package/dist/cjs/loader.cjs.js +4 -4
  216. package/dist/cjs/{md.transition-d6c98822.js → md.transition-c1392f92.js} +4 -4
  217. package/dist/cjs/{notch-controller-bfbcbb7a.js → notch-controller-08a24f39.js} +1 -1
  218. package/dist/cjs/{overlays-db5d96f3.js → overlays-44b8d0e0.js} +153 -60
  219. package/dist/cjs/{status-tap-7ad5f0fb.js → status-tap-32430b3e.js} +3 -3
  220. package/dist/cjs/{swipe-back-dcd0d4a9.js → swipe-back-b8484483.js} +3 -3
  221. package/dist/collection/collection-manifest.json +8 -7
  222. package/dist/collection/components/accordion-group/accordion-group.md.css +4 -26
  223. package/dist/collection/components/action-sheet/action-sheet.ios.css +16 -9
  224. package/dist/collection/components/action-sheet/action-sheet.js +4 -4
  225. package/dist/collection/components/action-sheet/action-sheet.md.css +10 -3
  226. package/dist/collection/components/action-sheet/test/a11y/action-sheet.e2e.js +23 -14
  227. package/dist/collection/components/action-sheet/test/basic/action-sheet-rendering.e2e.js +19 -0
  228. package/dist/collection/components/action-sheet/test/basic/action-sheet.spec.js +22 -0
  229. package/dist/collection/components/alert/alert.ios.css +33 -80
  230. package/dist/collection/components/alert/alert.js +2 -2
  231. package/dist/collection/components/alert/alert.md.css +25 -121
  232. package/dist/collection/components/alert/test/a11y/alert.e2e.js +22 -9
  233. package/dist/collection/components/app/app.js +4 -4
  234. package/dist/collection/components/avatar/avatar.js +1 -1
  235. package/dist/collection/components/back-button/back-button.ios.css +1 -1
  236. package/dist/collection/components/back-button/back-button.js +2 -2
  237. package/dist/collection/components/back-button/test/a11y/back-button.e2e.js +21 -0
  238. package/dist/collection/components/backdrop/backdrop.js +1 -13
  239. package/dist/collection/components/badge/badge.ios.css +1 -1
  240. package/dist/collection/components/badge/badge.js +2 -2
  241. package/dist/collection/components/badge/badge.md.css +1 -1
  242. package/dist/collection/components/badge/test/a11y/badge.e2e.js +18 -0
  243. package/dist/collection/components/breadcrumb/breadcrumb.ios.css +9 -9
  244. package/dist/collection/components/breadcrumb/breadcrumb.js +2 -2
  245. package/dist/collection/components/breadcrumb/breadcrumb.md.css +9 -9
  246. package/dist/collection/components/breadcrumbs/breadcrumbs.js +2 -2
  247. package/dist/collection/components/button/button.ios.css +11 -11
  248. package/dist/collection/components/button/button.js +2 -2
  249. package/dist/collection/components/button/button.md.css +9 -9
  250. package/dist/collection/components/button/test/a11y/button.e2e.js +48 -0
  251. package/dist/collection/components/button/test/wrap/button.e2e.js +12 -24
  252. package/dist/collection/components/buttons/buttons.js +2 -2
  253. package/dist/collection/components/card/card.ios.css +1 -1
  254. package/dist/collection/components/card/card.js +1 -1
  255. package/dist/collection/components/card/card.md.css +1 -1
  256. package/dist/collection/components/card-content/card-content.js +1 -1
  257. package/dist/collection/components/card-header/card-header.js +2 -2
  258. package/dist/collection/components/card-subtitle/card-subtitle.ios.css +1 -1
  259. package/dist/collection/components/card-subtitle/card-subtitle.js +2 -2
  260. package/dist/collection/components/card-subtitle/card-subtitle.md.css +1 -1
  261. package/dist/collection/components/card-title/card-title.js +2 -2
  262. package/dist/collection/components/card-title/card-title.md.css +1 -1
  263. package/dist/collection/components/checkbox/checkbox.ios.css +10 -88
  264. package/dist/collection/components/checkbox/checkbox.js +5 -118
  265. package/dist/collection/components/checkbox/checkbox.md.css +7 -85
  266. package/dist/collection/components/checkbox/test/a11y/checkbox.e2e.js +11 -2
  267. package/dist/collection/components/checkbox/test/basic/checkbox.e2e.js +10 -0
  268. package/dist/collection/components/checkbox/test/checkbox.spec.js +12 -0
  269. package/dist/collection/components/chip/chip.js +2 -2
  270. package/dist/collection/components/col/col.js +2 -2
  271. package/dist/collection/components/content/content.css +0 -4
  272. package/dist/collection/components/content/content.js +3 -4
  273. package/dist/collection/components/datetime/datetime.ios.css +105 -117
  274. package/dist/collection/components/datetime/datetime.js +74 -83
  275. package/dist/collection/components/datetime/datetime.md.css +106 -114
  276. package/dist/collection/components/datetime/test/a11y/datetime.e2e.js +1 -1
  277. package/dist/collection/components/datetime/test/a11y/datetime.spec.js +6 -9
  278. package/dist/collection/components/datetime/test/basic/datetime.e2e.js +90 -1
  279. package/dist/collection/components/datetime/test/datetime.e2e.js +2 -2
  280. package/dist/collection/components/datetime/test/disabled/datetime.spec.js +4 -4
  281. package/dist/collection/components/datetime/test/format.spec.js +65 -15
  282. package/dist/collection/components/datetime/test/locale/datetime.e2e.js +2 -2
  283. package/dist/collection/components/datetime/test/minmax/datetime.e2e.js +6 -6
  284. package/dist/collection/components/datetime/test/month-year-picker/datetime.e2e.js +1 -1
  285. package/dist/collection/components/datetime/test/prefer-wheel/datetime.e2e.js +43 -41
  286. package/dist/collection/components/datetime/test/presentation/datetime.e2e.js +1 -1
  287. package/dist/collection/components/datetime/test/readonly/datetime.e2e.js +4 -4
  288. package/dist/collection/components/datetime/test/values/datetime.e2e.js +15 -12
  289. package/dist/collection/components/datetime/utils/data.js +1 -1
  290. package/dist/collection/components/datetime/utils/format.js +24 -37
  291. package/dist/collection/components/datetime/utils/validate.js +45 -0
  292. package/dist/collection/components/datetime-button/datetime-button.ios.css +107 -0
  293. package/dist/collection/components/datetime-button/datetime-button.js +15 -14
  294. package/dist/collection/components/datetime-button/{datetime-button.css → datetime-button.md.css} +10 -7
  295. package/dist/collection/components/datetime-button/test/basic/datetime-button.e2e.js +77 -0
  296. package/dist/collection/components/fab/fab.js +2 -2
  297. package/dist/collection/components/fab-button/fab-button.ios.css +7 -7
  298. package/dist/collection/components/fab-button/fab-button.js +2 -2
  299. package/dist/collection/components/fab-button/fab-button.md.css +1 -1
  300. package/dist/collection/components/fab-button/test/a11y/fab-button.e2e.js +50 -0
  301. package/dist/collection/components/fab-list/fab-list.css +4 -42
  302. package/dist/collection/components/fab-list/fab-list.js +2 -2
  303. package/dist/collection/components/footer/footer.js +2 -2
  304. package/dist/collection/components/grid/grid.js +2 -2
  305. package/dist/collection/components/header/header.js +2 -2
  306. package/dist/collection/components/img/img.js +1 -1
  307. package/dist/collection/components/infinite-scroll/infinite-scroll.js +1 -1
  308. package/dist/collection/components/infinite-scroll-content/infinite-scroll-content.ios.css +3 -3
  309. package/dist/collection/components/infinite-scroll-content/infinite-scroll-content.js +2 -2
  310. package/dist/collection/components/infinite-scroll-content/infinite-scroll-content.md.css +3 -3
  311. package/dist/collection/components/input/input.ios.css +13 -104
  312. package/dist/collection/components/input/input.js +6 -144
  313. package/dist/collection/components/input/input.md.css +39 -218
  314. package/dist/collection/components/input/test/a11y/input.e2e.js +41 -3
  315. package/dist/collection/components/input/test/highlight/input.e2e.js +144 -0
  316. package/dist/collection/components/input/test/item/input.e2e.js +21 -0
  317. package/dist/collection/components/item/item.ios.css +8 -224
  318. package/dist/collection/components/item/item.js +22 -169
  319. package/dist/collection/components/item/item.md.css +15 -451
  320. package/dist/collection/components/item/test/a11y/item.e2e.js +0 -40
  321. package/dist/collection/components/item/test/basic/item.e2e.js +0 -5
  322. package/dist/collection/components/item/test/item.spec.js +1 -1
  323. package/dist/collection/components/item-divider/item-divider.ios.css +3 -3
  324. package/dist/collection/components/item-divider/item-divider.js +2 -2
  325. package/dist/collection/components/item-divider/item-divider.md.css +7 -17
  326. package/dist/collection/components/item-group/item-group.js +1 -1
  327. package/dist/collection/components/item-option/item-option.ios.css +2 -2
  328. package/dist/collection/components/item-option/item-option.js +2 -2
  329. package/dist/collection/components/item-option/item-option.md.css +1 -1
  330. package/dist/collection/components/item-options/item-options.ios.css +1 -1
  331. package/dist/collection/components/item-options/item-options.js +1 -1
  332. package/dist/collection/components/item-options/item-options.md.css +1 -1
  333. package/dist/collection/components/item-sliding/item-sliding.js +1 -1
  334. package/dist/collection/components/item-sliding/test/a11y/item-sliding.e2e.js +28 -0
  335. package/dist/collection/components/label/label.ios.css +1 -6
  336. package/dist/collection/components/label/label.js +2 -2
  337. package/dist/collection/components/label/label.md.css +2 -77
  338. package/dist/collection/components/label/test/a11y/label.e2e.js +20 -0
  339. package/dist/collection/components/list/list.js +1 -1
  340. package/dist/collection/components/list/list.md.css +2 -26
  341. package/dist/collection/components/list-header/list-header.ios.css +2 -2
  342. package/dist/collection/components/list-header/list-header.js +2 -2
  343. package/dist/collection/components/list-header/list-header.md.css +1 -1
  344. package/dist/collection/components/loading/loading.ios.css +2 -2
  345. package/dist/collection/components/loading/loading.js +2 -2
  346. package/dist/collection/components/loading/loading.md.css +3 -3
  347. package/dist/collection/components/loading/test/a11y/loading.e2e.js +21 -5
  348. package/dist/collection/components/menu/menu.ios.css +72 -53
  349. package/dist/collection/components/menu/menu.js +35 -43
  350. package/dist/collection/components/menu/menu.md.css +72 -53
  351. package/dist/collection/components/menu-button/menu-button.ios.css +1 -1
  352. package/dist/collection/components/menu-button/menu-button.js +2 -2
  353. package/dist/collection/components/menu-button/test/a11y/menu-button.e2e.js +14 -0
  354. package/dist/collection/components/menu-toggle/menu-toggle.js +2 -2
  355. package/dist/collection/components/modal/gestures/swipe-to-close.js +1 -1
  356. package/dist/collection/components/modal/modal.ios.css +9 -38
  357. package/dist/collection/components/modal/modal.js +37 -5
  358. package/dist/collection/components/modal/modal.md.css +1 -1
  359. package/dist/collection/components/modal/test/modal-attributes.spec.js +32 -0
  360. package/dist/collection/components/modal/utils.js +2 -8
  361. package/dist/collection/components/nav/nav.js +23 -3
  362. package/dist/collection/components/nav/test/nav-controller.spec.js +36 -36
  363. package/dist/collection/components/nav-link/nav-link.js +1 -1
  364. package/dist/collection/components/note/note.ios.css +1 -1
  365. package/dist/collection/components/note/note.js +2 -2
  366. package/dist/collection/components/note/note.md.css +1 -1
  367. package/dist/collection/components/picker/picker.ios.css +97 -234
  368. package/dist/collection/components/picker/picker.js +488 -742
  369. package/dist/collection/components/picker/picker.md.css +98 -226
  370. package/dist/collection/components/{picker-internal/test/a11y/picker-internal.e2e.js → picker/test/a11y/picker.e2e.js} +2 -2
  371. package/dist/collection/components/picker/test/basic/picker.e2e.js +99 -13
  372. package/dist/collection/components/picker/test/custom/picker.e2e.js +85 -0
  373. package/dist/collection/components/{picker-internal/test/keyboard-entry/picker-internal.e2e.js → picker/test/keyboard-entry/picker.e2e.js} +79 -42
  374. package/dist/collection/components/{picker-column-internal/picker-column-internal.md.css → picker-column/picker-column.css} +96 -83
  375. package/dist/collection/components/picker-column/picker-column.js +514 -335
  376. package/dist/collection/components/{picker-column-internal/test/basic/picker-column-internal.e2e.js → picker-column/test/basic/picker-column.e2e.js} +8 -8
  377. package/dist/collection/components/picker-column/test/disabled/picker-column.e2e.js +91 -0
  378. package/dist/collection/components/picker-column/test/slots/picker-column.e2e.js +39 -0
  379. package/dist/collection/components/picker-column-option/picker-column-option.ios.css +87 -0
  380. package/dist/collection/components/picker-column-option/picker-column-option.js +173 -0
  381. package/dist/collection/components/{picker-column-internal/picker-column-internal.ios.css → picker-column-option/picker-column-option.md.css} +6 -53
  382. package/dist/collection/components/picker-column-option/test/a11y/picker-column-option.e2e.js +18 -0
  383. package/dist/collection/components/picker-column-option/test/basic/picker-column-option.e2e.js +37 -0
  384. package/dist/collection/components/picker-column-option/test/picker-column-option.spec.js +29 -0
  385. package/dist/collection/components/{picker-internal/picker-internal.ios.css → picker-legacy/picker.ios.css} +155 -117
  386. package/dist/collection/components/picker-legacy/picker.js +821 -0
  387. package/dist/collection/components/{picker-internal/picker-internal.md.css → picker-legacy/picker.md.css} +144 -115
  388. package/dist/collection/components/picker-legacy/test/basic/picker.e2e.js +25 -0
  389. package/dist/collection/components/{picker → picker-legacy}/test/is-open/picker.e2e.js +4 -4
  390. package/dist/collection/components/{picker → picker-legacy}/test/picker-id.spec.js +5 -5
  391. package/dist/collection/components/{picker → picker-legacy}/test/trigger/picker.e2e.js +1 -1
  392. package/dist/collection/components/{picker-column → picker-legacy-column}/picker-column.ios.css +2 -26
  393. package/dist/collection/components/picker-legacy-column/picker-column.js +419 -0
  394. package/dist/collection/components/{picker-column → picker-legacy-column}/picker-column.md.css +3 -27
  395. package/dist/collection/components/{picker-column → picker-legacy-column}/test/picker-column-aria.spec.js +3 -3
  396. package/dist/collection/components/{picker-column → picker-legacy-column}/test/picker-column-dynamic.spec.js +2 -2
  397. package/dist/collection/components/{picker-column → picker-legacy-column}/test/picker-column.spec.js +2 -2
  398. package/dist/collection/components/{picker-column → picker-legacy-column}/test/standalone/picker-column.e2e.js +3 -3
  399. package/dist/collection/components/popover/popover.ios.css +3 -27
  400. package/dist/collection/components/popover/popover.js +5 -4
  401. package/dist/collection/components/progress-bar/progress-bar.ios.css +17 -11
  402. package/dist/collection/components/progress-bar/progress-bar.js +4 -1
  403. package/dist/collection/components/progress-bar/progress-bar.md.css +8 -10
  404. package/dist/collection/components/progress-bar/test/a11y/progress-bar.e2e.js +24 -0
  405. package/dist/collection/components/radio/radio.ios.css +10 -101
  406. package/dist/collection/components/radio/radio.js +5 -119
  407. package/dist/collection/components/radio/radio.md.css +8 -105
  408. package/dist/collection/components/radio/test/a11y/radio.e2e.js +114 -81
  409. package/dist/collection/components/radio-group/radio-group.js +1 -1
  410. package/dist/collection/components/range/range.ios.css +12 -90
  411. package/dist/collection/components/range/range.js +156 -144
  412. package/dist/collection/components/range/range.md.css +22 -152
  413. package/dist/collection/components/range/test/a11y/range.e2e.js +20 -10
  414. package/dist/collection/components/range/test/range-events.e2e.js +28 -1
  415. package/dist/collection/components/range/test/range.spec.js +0 -12
  416. package/dist/collection/components/refresher/refresher.ios.css +4 -27
  417. package/dist/collection/components/refresher/refresher.js +1 -1
  418. package/dist/collection/components/refresher/refresher.md.css +7 -30
  419. package/dist/collection/components/refresher/test/a11y/refresher.e2e.js +26 -0
  420. package/dist/collection/components/refresher-content/refresher-content.js +1 -1
  421. package/dist/collection/components/reorder/reorder.js +1 -1
  422. package/dist/collection/components/reorder-group/reorder-group.js +1 -1
  423. package/dist/collection/components/ripple-effect/ripple-effect.js +1 -1
  424. package/dist/collection/components/router-link/router-link.css +1 -1
  425. package/dist/collection/components/router-link/router-link.js +2 -2
  426. package/dist/collection/components/router-link/test/a11y/router-link.e2e.js +23 -0
  427. package/dist/collection/components/router-outlet/router-outlet.js +1 -1
  428. package/dist/collection/components/row/row.js +1 -1
  429. package/dist/collection/components/searchbar/searchbar.ios.css +11 -59
  430. package/dist/collection/components/searchbar/searchbar.js +84 -5
  431. package/dist/collection/components/searchbar/searchbar.md.css +10 -82
  432. package/dist/collection/components/searchbar/test/searchbar.spec.js +20 -2
  433. package/dist/collection/components/segment/segment.js +2 -2
  434. package/dist/collection/components/segment/test/a11y/segment.e2e.js +23 -0
  435. package/dist/collection/components/segment-button/segment-button.ios.css +3 -3
  436. package/dist/collection/components/segment-button/segment-button.js +3 -3
  437. package/dist/collection/components/segment-button/segment-button.md.css +2 -2
  438. package/dist/collection/components/select/select.ios.css +13 -79
  439. package/dist/collection/components/select/select.js +64 -173
  440. package/dist/collection/components/select/select.md.css +42 -196
  441. package/dist/collection/components/select/test/a11y/select.e2e.js +68 -4
  442. package/dist/collection/components/select/test/highlight/select.e2e.js +88 -4
  443. package/dist/collection/components/select-option/select-option.js +1 -1
  444. package/dist/collection/components/select-popover/select-popover.js +1 -1
  445. package/dist/collection/components/select-popover/select-popover.md.css +4 -4
  446. package/dist/collection/components/select-popover/test/a11y/select-popover.e2e.js +32 -0
  447. package/dist/collection/components/skeleton-text/skeleton-text.js +2 -2
  448. package/dist/collection/components/spinner/spinner.js +1 -1
  449. package/dist/collection/components/split-pane/split-pane.ios.css +3 -55
  450. package/dist/collection/components/split-pane/split-pane.js +48 -14
  451. package/dist/collection/components/split-pane/split-pane.md.css +3 -55
  452. package/dist/collection/components/split-pane/test/wrapped-menu/split-pane.e2e.js +41 -0
  453. package/dist/collection/components/tab/tab.js +2 -2
  454. package/dist/collection/components/tab-bar/tab-bar.ios.css +4 -4
  455. package/dist/collection/components/tab-bar/tab-bar.js +2 -2
  456. package/dist/collection/components/tab-bar/tab-bar.md.css +3 -3
  457. package/dist/collection/components/tab-button/tab-button.ios.css +16 -94
  458. package/dist/collection/components/tab-button/tab-button.js +2 -2
  459. package/dist/collection/components/tab-button/tab-button.md.css +10 -93
  460. package/dist/collection/components/tabs/tabs.js +1 -1
  461. package/dist/collection/components/text/text.js +2 -2
  462. package/dist/collection/components/textarea/test/a11y/textarea.e2e.js +41 -3
  463. package/dist/collection/components/textarea/test/highlight/textarea.e2e.js +144 -0
  464. package/dist/collection/components/textarea/test/item/textarea.e2e.js +21 -0
  465. package/dist/collection/components/textarea/textarea.ios.css +15 -123
  466. package/dist/collection/components/textarea/textarea.js +5 -84
  467. package/dist/collection/components/textarea/textarea.md.css +41 -241
  468. package/dist/collection/components/thumbnail/thumbnail.js +1 -1
  469. package/dist/collection/components/title/title.ios.css +2 -21
  470. package/dist/collection/components/title/title.js +2 -2
  471. package/dist/collection/components/toast/test/a11y/toast.e2e.js +89 -24
  472. package/dist/collection/components/toast/toast.ios.css +8 -55
  473. package/dist/collection/components/toast/toast.js +9 -3
  474. package/dist/collection/components/toast/toast.md.css +10 -57
  475. package/dist/collection/components/toggle/test/a11y/toggle.e2e.js +8 -2
  476. package/dist/collection/components/toggle/toggle.ios.css +11 -90
  477. package/dist/collection/components/toggle/toggle.js +5 -101
  478. package/dist/collection/components/toggle/toggle.md.css +6 -91
  479. package/dist/collection/components/toolbar/toolbar.ios.css +2 -2
  480. package/dist/collection/components/toolbar/toolbar.js +2 -2
  481. package/dist/collection/components/toolbar/toolbar.md.css +1 -1
  482. package/dist/collection/css/test/a11y/typography.e2e.js +18 -0
  483. package/dist/collection/themes/test/colors/theme.e2e.js +170 -0
  484. package/dist/collection/utils/focus-trap.js +78 -0
  485. package/dist/collection/utils/forms/index.js +0 -1
  486. package/dist/collection/utils/gesture/button-active.js +1 -1
  487. package/dist/collection/utils/gesture/gesture-controller.js +1 -1
  488. package/dist/collection/utils/hardware-back-button.js +2 -2
  489. package/dist/collection/utils/helpers.js +1 -8
  490. package/dist/collection/utils/input-shims/input-shims.js +8 -1
  491. package/dist/collection/utils/native/status-bar.js +0 -11
  492. package/dist/collection/utils/overlays.js +75 -57
  493. package/dist/collection/utils/slot-mutation-controller.js +12 -0
  494. package/dist/collection/utils/test/aria.spec.js +2 -1
  495. package/dist/collection/utils/test/overlays/overlays-scroll-blocking.spec.js +65 -0
  496. package/dist/collection/utils/test/overlays/overlays.spec.js +53 -0
  497. package/dist/collection/utils/test/playwright/generator.js +1 -0
  498. package/dist/collection/utils/test/playwright/page/utils/set-content.js +1 -1
  499. package/dist/docs.json +688 -481
  500. package/dist/esm/{animation-6a0c5338.js → animation-9a23ed8d.js} +1 -1
  501. package/dist/esm/{app-globals-5cf6195b.js → app-globals-80842d68.js} +1 -1
  502. package/dist/esm/{button-active-47ac8092.js → button-active-c6e18fac.js} +3 -3
  503. package/dist/esm/{data-0f3ab200.js → data-ae11fd43.js} +24 -39
  504. package/dist/esm/{framework-delegate-ed4ba327.js → framework-delegate-3fd96df8.js} +1 -1
  505. package/dist/esm/{gesture-controller-1bf57181.js → gesture-controller-314a54f6.js} +1 -1
  506. package/dist/esm/{hardware-back-button-b410a047.js → hardware-back-button-fb295e3a.js} +5 -5
  507. package/dist/esm/{helpers-be245865.js → helpers-f51cf76f.js} +2 -9
  508. package/dist/esm/{index-020f5464.js → index-1262064c.js} +1 -1
  509. package/dist/esm/{index-2cf77112.js → index-39782642.js} +2 -2
  510. package/dist/esm/{index-4c30cddd.js → index-5d6a0317.js} +443 -15
  511. package/dist/esm/{index-348ed70a.js → index-6da05eef.js} +4 -4
  512. package/dist/esm/{index-f3946ac1.js → index-86688780.js} +1 -1
  513. package/dist/esm/{index-e1b622e3.js → index-9d7e5d3e.js} +4 -4
  514. package/dist/esm/index.js +13 -13
  515. package/dist/esm/{input-shims-5329bbe8.js → input-shims-2a4ad5a1.js} +10 -3
  516. package/dist/esm/{input.utils-a445f677.js → input.utils-d2dee48e.js} +13 -1
  517. package/dist/esm/ion-accordion_2.entry.js +4 -4
  518. package/dist/esm/ion-action-sheet.entry.js +16 -16
  519. package/dist/esm/ion-alert.entry.js +14 -14
  520. package/dist/esm/ion-app_8.entry.js +33 -34
  521. package/dist/esm/ion-avatar_3.entry.js +8 -8
  522. package/dist/esm/ion-back-button.entry.js +6 -6
  523. package/dist/esm/ion-backdrop.entry.js +3 -15
  524. package/dist/esm/ion-breadcrumb_2.entry.js +9 -9
  525. package/dist/esm/ion-button_2.entry.js +7 -7
  526. package/dist/esm/ion-card_5.entry.js +16 -16
  527. package/dist/esm/ion-checkbox.entry.js +9 -77
  528. package/dist/esm/ion-chip.entry.js +4 -4
  529. package/dist/esm/ion-col_3.entry.js +7 -7
  530. package/dist/esm/ion-datetime-button.entry.js +18 -17
  531. package/dist/esm/ion-datetime_3.entry.js +119 -114
  532. package/dist/esm/ion-fab_3.entry.js +12 -12
  533. package/dist/esm/ion-img.entry.js +4 -4
  534. package/dist/esm/ion-infinite-scroll_2.entry.js +9 -9
  535. package/dist/esm/ion-input.entry.js +12 -92
  536. package/dist/esm/ion-item-option_3.entry.js +13 -13
  537. package/dist/esm/ion-item_8.entry.js +48 -102
  538. package/dist/esm/ion-loading.entry.js +12 -11
  539. package/dist/esm/ion-menu_3.entry.js +41 -57
  540. package/dist/esm/ion-modal.entry.js +53 -38
  541. package/dist/esm/ion-nav_2.entry.js +13 -10
  542. package/dist/esm/ion-picker-column-option.entry.js +102 -0
  543. package/dist/esm/{ion-picker-column-internal.entry.js → ion-picker-column.entry.js} +124 -93
  544. package/dist/esm/{ion-picker-internal.entry.js → ion-picker.entry.js} +32 -25
  545. package/dist/esm/ion-popover.entry.js +13 -12
  546. package/dist/esm/ion-progress-bar.entry.js +9 -6
  547. package/dist/esm/ion-radio_2.entry.js +10 -79
  548. package/dist/esm/ion-range.entry.js +164 -112
  549. package/dist/esm/ion-refresher_2.entry.js +12 -12
  550. package/dist/esm/ion-reorder_2.entry.js +7 -7
  551. package/dist/esm/ion-ripple-effect.entry.js +3 -3
  552. package/dist/esm/ion-route_4.entry.js +6 -6
  553. package/dist/esm/ion-searchbar.entry.js +33 -9
  554. package/dist/esm/ion-segment_2.entry.js +11 -11
  555. package/dist/esm/ion-select_3.entry.js +76 -167
  556. package/dist/esm/ion-spinner.entry.js +3 -3
  557. package/dist/esm/ion-split-pane.entry.js +28 -18
  558. package/dist/esm/ion-tab-bar_2.entry.js +11 -11
  559. package/dist/esm/ion-tab_2.entry.js +6 -6
  560. package/dist/esm/ion-text.entry.js +4 -4
  561. package/dist/esm/ion-textarea.entry.js +12 -72
  562. package/dist/esm/ion-toast.entry.js +21 -15
  563. package/dist/esm/ion-toggle.entry.js +10 -66
  564. package/dist/esm/{ionic-global-ad9a1810.js → ionic-global-a589c12c.js} +1 -1
  565. package/dist/esm/ionic.js +29 -6
  566. package/dist/esm/{ios.transition-7459f819.js → ios.transition-fbde96b0.js} +4 -4
  567. package/dist/esm/loader.js +5 -5
  568. package/dist/esm/{md.transition-b8224313.js → md.transition-76e0020b.js} +4 -4
  569. package/dist/esm/{notch-controller-6bd3e0f9.js → notch-controller-00572cf8.js} +1 -1
  570. package/dist/esm/{overlays-19b26885.js → overlays-b1ac1c63.js} +153 -61
  571. package/dist/esm/{status-tap-b41ece3c.js → status-tap-84b41f36.js} +3 -3
  572. package/dist/esm/{swipe-back-c6d0e5d9.js → swipe-back-4f2e5d47.js} +3 -3
  573. package/dist/esm-es5/{animation-6a0c5338.js → animation-9a23ed8d.js} +1 -1
  574. package/dist/esm-es5/app-globals-80842d68.js +4 -0
  575. package/dist/esm-es5/button-active-c6e18fac.js +4 -0
  576. package/dist/esm-es5/data-ae11fd43.js +4 -0
  577. package/dist/esm-es5/{framework-delegate-ed4ba327.js → framework-delegate-3fd96df8.js} +1 -1
  578. package/dist/esm-es5/{gesture-controller-1bf57181.js → gesture-controller-314a54f6.js} +1 -1
  579. package/dist/esm-es5/hardware-back-button-fb295e3a.js +4 -0
  580. package/dist/esm-es5/helpers-f51cf76f.js +4 -0
  581. package/dist/esm-es5/index-1262064c.js +4 -0
  582. package/dist/esm-es5/{index-2cf77112.js → index-39782642.js} +1 -1
  583. package/dist/esm-es5/index-5d6a0317.js +5 -0
  584. package/dist/esm-es5/{index-348ed70a.js → index-6da05eef.js} +1 -1
  585. package/dist/esm-es5/{index-f3946ac1.js → index-86688780.js} +1 -1
  586. package/dist/esm-es5/{index-e1b622e3.js → index-9d7e5d3e.js} +1 -1
  587. package/dist/esm-es5/index.js +1 -1
  588. package/dist/esm-es5/{input-shims-5329bbe8.js → input-shims-2a4ad5a1.js} +1 -1
  589. package/dist/esm-es5/input.utils-d2dee48e.js +4 -0
  590. package/dist/esm-es5/ion-accordion_2.entry.js +1 -1
  591. package/dist/esm-es5/ion-action-sheet.entry.js +1 -1
  592. package/dist/esm-es5/ion-alert.entry.js +1 -1
  593. package/dist/esm-es5/ion-app_8.entry.js +1 -1
  594. package/dist/esm-es5/ion-avatar_3.entry.js +1 -1
  595. package/dist/esm-es5/ion-back-button.entry.js +1 -1
  596. package/dist/esm-es5/ion-backdrop.entry.js +1 -1
  597. package/dist/esm-es5/ion-breadcrumb_2.entry.js +1 -1
  598. package/dist/esm-es5/ion-button_2.entry.js +1 -1
  599. package/dist/esm-es5/ion-card_5.entry.js +1 -1
  600. package/dist/esm-es5/ion-checkbox.entry.js +1 -1
  601. package/dist/esm-es5/ion-chip.entry.js +1 -1
  602. package/dist/esm-es5/ion-col_3.entry.js +1 -1
  603. package/dist/esm-es5/ion-datetime-button.entry.js +1 -1
  604. package/dist/esm-es5/ion-datetime_3.entry.js +1 -1
  605. package/dist/esm-es5/ion-fab_3.entry.js +1 -1
  606. package/dist/esm-es5/ion-img.entry.js +1 -1
  607. package/dist/esm-es5/ion-infinite-scroll_2.entry.js +1 -1
  608. package/dist/esm-es5/ion-input.entry.js +1 -1
  609. package/dist/esm-es5/ion-item-option_3.entry.js +1 -1
  610. package/dist/esm-es5/ion-item_8.entry.js +1 -1
  611. package/dist/esm-es5/ion-loading.entry.js +1 -1
  612. package/dist/esm-es5/ion-menu_3.entry.js +1 -1
  613. package/dist/esm-es5/ion-modal.entry.js +1 -1
  614. package/dist/esm-es5/ion-nav_2.entry.js +1 -1
  615. package/dist/esm-es5/ion-picker-column-option.entry.js +4 -0
  616. package/dist/esm-es5/ion-picker-column.entry.js +4 -0
  617. package/dist/esm-es5/ion-picker.entry.js +4 -0
  618. package/dist/esm-es5/ion-popover.entry.js +1 -1
  619. package/dist/esm-es5/ion-progress-bar.entry.js +1 -1
  620. package/dist/esm-es5/ion-radio_2.entry.js +1 -1
  621. package/dist/esm-es5/ion-range.entry.js +1 -1
  622. package/dist/esm-es5/ion-refresher_2.entry.js +1 -1
  623. package/dist/esm-es5/ion-reorder_2.entry.js +1 -1
  624. package/dist/esm-es5/ion-ripple-effect.entry.js +1 -1
  625. package/dist/esm-es5/ion-route_4.entry.js +1 -1
  626. package/dist/esm-es5/ion-searchbar.entry.js +1 -1
  627. package/dist/esm-es5/ion-segment_2.entry.js +1 -1
  628. package/dist/esm-es5/ion-select_3.entry.js +1 -1
  629. package/dist/esm-es5/ion-spinner.entry.js +1 -1
  630. package/dist/esm-es5/ion-split-pane.entry.js +1 -1
  631. package/dist/esm-es5/ion-tab-bar_2.entry.js +1 -1
  632. package/dist/esm-es5/ion-tab_2.entry.js +1 -1
  633. package/dist/esm-es5/ion-text.entry.js +1 -1
  634. package/dist/esm-es5/ion-textarea.entry.js +1 -1
  635. package/dist/esm-es5/ion-toast.entry.js +1 -1
  636. package/dist/esm-es5/ion-toggle.entry.js +1 -1
  637. package/dist/esm-es5/{ionic-global-ad9a1810.js → ionic-global-a589c12c.js} +1 -1
  638. package/dist/esm-es5/ionic.js +1 -1
  639. package/dist/esm-es5/{ios.transition-7459f819.js → ios.transition-fbde96b0.js} +1 -1
  640. package/dist/esm-es5/loader.js +1 -1
  641. package/dist/esm-es5/md.transition-76e0020b.js +4 -0
  642. package/dist/esm-es5/{notch-controller-6bd3e0f9.js → notch-controller-00572cf8.js} +1 -1
  643. package/dist/esm-es5/overlays-b1ac1c63.js +4 -0
  644. package/dist/esm-es5/{status-tap-b41ece3c.js → status-tap-84b41f36.js} +1 -1
  645. package/dist/esm-es5/{swipe-back-c6d0e5d9.js → swipe-back-4f2e5d47.js} +1 -1
  646. package/dist/html.html-data.json +176 -63
  647. package/dist/ionic/index.esm.js +1 -1
  648. package/dist/ionic/ionic.esm.js +1 -1
  649. package/dist/ionic/ionic.js +1 -1
  650. package/dist/ionic/{p-cbcffe6e.system.js → p-01171ead.system.js} +1 -1
  651. package/dist/ionic/{p-5d7e32ce.js → p-031c5621.js} +1 -1
  652. package/dist/ionic/{p-1a680496.entry.js → p-03f3ebd2.entry.js} +1 -1
  653. package/dist/ionic/{p-f02c41af.system.js → p-04f9ce05.system.js} +1 -1
  654. package/dist/ionic/p-063c093d.system.entry.js +4 -0
  655. package/dist/ionic/p-06e951a9.entry.js +4 -0
  656. package/dist/ionic/{p-822730c4.entry.js → p-070cf7c3.entry.js} +1 -1
  657. package/dist/ionic/p-07a0190a.system.entry.js +4 -0
  658. package/dist/ionic/p-0afaf65b.system.entry.js +4 -0
  659. package/dist/ionic/p-0b175848.entry.js +4 -0
  660. package/dist/ionic/p-0da58e53.entry.js +4 -0
  661. package/dist/ionic/p-0eb381c3.system.js +4 -0
  662. package/dist/ionic/p-144ae947.js +4 -0
  663. package/dist/ionic/{p-a3df16b9.system.entry.js → p-15e2ff5f.system.entry.js} +1 -1
  664. package/dist/ionic/{p-d425b1de.entry.js → p-19243ae6.entry.js} +1 -1
  665. package/dist/ionic/p-1acaf641.entry.js +4 -0
  666. package/dist/ionic/{p-ce1c0a0e.system.entry.js → p-1d1394da.system.entry.js} +2 -2
  667. package/dist/ionic/p-1e5c0c49.js +4 -0
  668. package/dist/ionic/p-2028668d.system.entry.js +4 -0
  669. package/dist/ionic/p-2070f8d8.entry.js +4 -0
  670. package/dist/ionic/{p-c7c8429a.system.js → p-20d469d0.system.js} +1 -1
  671. package/dist/ionic/p-219c17cf.system.entry.js +4 -0
  672. package/dist/ionic/p-21e88629.entry.js +4 -0
  673. package/dist/ionic/p-234dc736.entry.js +4 -0
  674. package/dist/ionic/p-237b1791.system.entry.js +4 -0
  675. package/dist/ionic/{p-ceceac26.js → p-239906f1.js} +1 -1
  676. package/dist/ionic/p-25648922.system.entry.js +4 -0
  677. package/dist/ionic/{p-b727af6a.entry.js → p-29ecf879.entry.js} +1 -1
  678. package/dist/ionic/p-2c560619.system.entry.js +4 -0
  679. package/dist/ionic/p-2e2635b4.system.entry.js +4 -0
  680. package/dist/ionic/p-2f53f47a.entry.js +4 -0
  681. package/dist/ionic/p-30dfa360.system.js +4 -0
  682. package/dist/ionic/p-314ae72a.js +4 -0
  683. package/dist/ionic/{p-97ca0cb9.system.js → p-33e39575.system.js} +1 -1
  684. package/dist/ionic/p-355736ea.js +4 -0
  685. package/dist/ionic/p-373e757d.entry.js +4 -0
  686. package/dist/ionic/{p-bd313b73.system.js → p-3944820a.system.js} +1 -1
  687. package/dist/ionic/{p-02ad4bbe.js → p-39483fc9.js} +1 -1
  688. package/dist/ionic/p-39860681.entry.js +4 -0
  689. package/dist/ionic/{p-a6c0a380.js → p-3a572692.js} +1 -1
  690. package/dist/ionic/{p-31b2326e.system.js → p-3e1e14d9.system.js} +1 -1
  691. package/dist/ionic/p-42d9f81e.entry.js +4 -0
  692. package/dist/ionic/p-45a2b1ee.system.entry.js +4 -0
  693. package/dist/ionic/{p-779aede8.js → p-46a4e4e8.js} +1 -1
  694. package/dist/ionic/{p-7670acd8.entry.js → p-48fef2f1.entry.js} +1 -1
  695. package/dist/ionic/p-493bce1f.entry.js +4 -0
  696. package/dist/ionic/{p-bcd9cad8.system.js → p-4997d7dc.system.js} +1 -1
  697. package/dist/ionic/{p-fe320051.system.js → p-49a205d0.system.js} +1 -1
  698. package/dist/ionic/{p-12a8643e.js → p-4ba6d7d1.js} +1 -1
  699. package/dist/ionic/p-4d6ec139.entry.js +4 -0
  700. package/dist/ionic/p-4d7230bd.system.entry.js +4 -0
  701. package/dist/ionic/{p-2c118b1e.js → p-4da2ae44.js} +1 -1
  702. package/dist/ionic/p-5054b3db.entry.js +4 -0
  703. package/dist/ionic/p-50d19fc7.system.entry.js +4 -0
  704. package/dist/ionic/p-513abaf6.system.entry.js +4 -0
  705. package/dist/ionic/p-517b76cb.entry.js +4 -0
  706. package/dist/ionic/{p-942a9358.js → p-51b1a6be.js} +1 -1
  707. package/dist/ionic/p-53c592ec.system.js +4 -0
  708. package/dist/ionic/{p-abcedc15.system.entry.js → p-566818dd.system.entry.js} +1 -1
  709. package/dist/ionic/p-59e86adb.js +4 -0
  710. package/dist/ionic/p-5f9abba8.system.entry.js +4 -0
  711. package/dist/ionic/p-6042920d.system.entry.js +4 -0
  712. package/dist/ionic/{p-88e9052d.entry.js → p-65374504.entry.js} +1 -1
  713. package/dist/ionic/{p-b6279412.entry.js → p-66596659.entry.js} +1 -1
  714. package/dist/ionic/p-667290b0.system.js +4 -0
  715. package/dist/ionic/{p-337ac0f5.entry.js → p-66e50777.entry.js} +1 -1
  716. package/dist/ionic/{p-62b7320a.system.js → p-67dbcd3b.system.js} +1 -1
  717. package/dist/ionic/p-696db6f4.system.js +4 -0
  718. package/dist/ionic/p-69df28fd.entry.js +4 -0
  719. package/dist/ionic/p-6d0e7669.system.entry.js +4 -0
  720. package/dist/ionic/p-6d1f5de9.system.entry.js +4 -0
  721. package/dist/ionic/p-6d75fbe8.system.entry.js +4 -0
  722. package/dist/ionic/{p-9998cb62.system.entry.js → p-7162350a.system.entry.js} +1 -1
  723. package/dist/ionic/p-7200f2da.entry.js +4 -0
  724. package/dist/ionic/p-739f8b95.system.entry.js +4 -0
  725. package/dist/ionic/p-75addf49.entry.js +4 -0
  726. package/dist/ionic/{p-de55ec45.js → p-78b3da77.js} +1 -1
  727. package/dist/ionic/p-7c7e495d.system.js +4 -0
  728. package/dist/ionic/{p-1b3ffb2f.js → p-7d4f6f18.js} +1 -1
  729. package/dist/ionic/p-824d44c5.system.entry.js +4 -0
  730. package/dist/ionic/p-8c0b08db.entry.js +4 -0
  731. package/dist/ionic/p-8dfe436d.system.js +4 -0
  732. package/dist/ionic/{p-f5d2dc9b.js → p-8ededb41.js} +1 -1
  733. package/dist/ionic/{p-86813176.system.entry.js → p-91567c90.system.entry.js} +1 -1
  734. package/dist/ionic/{p-6e23d039.entry.js → p-95648db9.entry.js} +1 -1
  735. package/dist/ionic/{p-bb3615f7.js → p-9b97df10.js} +1 -1
  736. package/dist/ionic/p-9c970454.entry.js +4 -0
  737. package/dist/ionic/{p-6525a8cd.system.js → p-9e3177a5.system.js} +1 -1
  738. package/dist/ionic/p-a03c993e.entry.js +4 -0
  739. package/dist/ionic/{p-baf8eeac.system.entry.js → p-a37d4fe9.system.entry.js} +1 -1
  740. package/dist/ionic/{p-717e2526.system.entry.js → p-a43fbe0a.system.entry.js} +2 -2
  741. package/dist/ionic/{p-ebc86ce9.system.entry.js → p-a5c33d6b.system.entry.js} +1 -1
  742. package/dist/ionic/{p-079da3df.entry.js → p-a7f788ec.entry.js} +1 -1
  743. package/dist/ionic/p-acd64713.system.entry.js +4 -0
  744. package/dist/ionic/{p-89ca4c4b.system.js → p-af9256a0.system.js} +1 -1
  745. package/dist/ionic/p-b0850af6.system.entry.js +4 -0
  746. package/dist/ionic/p-b0d35de4.system.js +4 -0
  747. package/dist/ionic/p-b996756b.entry.js +4 -0
  748. package/dist/ionic/p-ba9120fe.system.entry.js +4 -0
  749. package/dist/ionic/p-bb78b64e.entry.js +4 -0
  750. package/dist/ionic/{p-2c4bfe1c.entry.js → p-bbc4f653.entry.js} +1 -1
  751. package/dist/ionic/p-c34d1515.js +4 -0
  752. package/dist/ionic/{p-a85d9047.system.entry.js → p-c4390f10.system.entry.js} +1 -1
  753. package/dist/ionic/p-c629d22b.system.js +5 -0
  754. package/dist/ionic/p-c834c535.system.entry.js +4 -0
  755. package/dist/ionic/p-c8675b7b.system.entry.js +4 -0
  756. package/dist/ionic/p-c8f7f923.entry.js +4 -0
  757. package/dist/ionic/p-c962e9ea.entry.js +4 -0
  758. package/dist/ionic/p-cada6331.entry.js +4 -0
  759. package/dist/ionic/p-cc19ecba.system.entry.js +4 -0
  760. package/dist/ionic/p-ce36d285.system.js +4 -0
  761. package/dist/ionic/p-d09c9468.system.entry.js +4 -0
  762. package/dist/ionic/p-d10bbab7.entry.js +4 -0
  763. package/dist/ionic/p-d268f7e2.system.entry.js +4 -0
  764. package/dist/ionic/p-d3c1c23f.entry.js +4 -0
  765. package/dist/ionic/{p-644d03d7.system.entry.js → p-d4be0d81.system.entry.js} +1 -1
  766. package/dist/ionic/p-d5ef3a0a.entry.js +4 -0
  767. package/dist/ionic/p-d60342e3.js +4 -0
  768. package/dist/ionic/{p-657ccdd6.entry.js → p-d85eebc3.entry.js} +1 -1
  769. package/dist/ionic/p-d9dfdbb5.system.entry.js +4 -0
  770. package/dist/ionic/p-da5bbd4f.entry.js +4 -0
  771. package/dist/ionic/p-dad515dc.js +4 -0
  772. package/dist/ionic/{p-3079950e.entry.js → p-de39f314.entry.js} +1 -1
  773. package/dist/ionic/p-de4c700f.entry.js +4 -0
  774. package/dist/ionic/{p-6afef6c1.system.js → p-e01ebeba.system.js} +1 -1
  775. package/dist/ionic/p-e222fdd1.entry.js +4 -0
  776. package/dist/ionic/p-e5e492d8.entry.js +4 -0
  777. package/dist/ionic/{p-4b8a620f.system.entry.js → p-e9412fe7.system.entry.js} +1 -1
  778. package/dist/ionic/{p-2c86025e.system.js → p-ea5173f9.system.js} +1 -1
  779. package/dist/ionic/p-eb546888.entry.js +4 -0
  780. package/dist/ionic/{p-05253db9.js → p-eee87ebb.js} +1 -1
  781. package/dist/ionic/p-f012e8f2.system.entry.js +4 -0
  782. package/dist/ionic/{p-18918a24.system.entry.js → p-f15b0bbc.system.entry.js} +1 -1
  783. package/dist/ionic/{p-288649db.system.entry.js → p-f15f8140.system.entry.js} +1 -1
  784. package/dist/ionic/{p-125f8cdd.system.js → p-f3e8c505.system.js} +1 -1
  785. package/dist/ionic/{p-56ee6d9a.js → p-f5cb9689.js} +1 -1
  786. package/dist/ionic/p-f687573e.system.js +4 -0
  787. package/dist/ionic/p-f6db2e96.system.entry.js +4 -0
  788. package/dist/ionic/p-f8502e85.js +5 -0
  789. package/dist/ionic/p-f8dfae89.system.entry.js +4 -0
  790. package/dist/ionic/p-fcec3b7a.system.entry.js +4 -0
  791. package/dist/ionic/{p-91f4e611.system.entry.js → p-ff740d68.system.entry.js} +2 -2
  792. package/dist/types/components/action-sheet/action-sheet-interface.d.ts +8 -0
  793. package/dist/types/components/backdrop/backdrop.d.ts +0 -3
  794. package/dist/types/components/checkbox/checkbox.d.ts +1 -24
  795. package/dist/types/components/datetime/datetime-interface.d.ts +10 -0
  796. package/dist/types/components/datetime/datetime.d.ts +9 -2
  797. package/dist/types/components/datetime/utils/data.d.ts +11 -7
  798. package/dist/types/components/datetime/utils/format.d.ts +7 -13
  799. package/dist/types/components/datetime/utils/validate.d.ts +8 -0
  800. package/dist/types/components/input/input.d.ts +0 -26
  801. package/dist/types/components/item/item.d.ts +0 -32
  802. package/dist/types/components/menu/menu-interface.d.ts +1 -0
  803. package/dist/types/components/menu/menu.d.ts +14 -6
  804. package/dist/types/components/modal/utils.d.ts +0 -4
  805. package/dist/types/components/nav/nav.d.ts +4 -1
  806. package/dist/types/components/picker/picker-interfaces.d.ts +8 -0
  807. package/dist/types/components/picker/picker.d.ts +75 -133
  808. package/dist/types/components/picker-column/picker-column-interfaces.d.ts +4 -0
  809. package/dist/types/components/picker-column/picker-column.d.ts +99 -39
  810. package/dist/types/components/picker-column-option/picker-column-option.d.ts +66 -0
  811. package/dist/types/components/picker-legacy/picker.d.ts +158 -0
  812. package/dist/types/components/picker-legacy-column/picker-column.d.ts +46 -0
  813. package/dist/types/components/radio/radio.d.ts +1 -24
  814. package/dist/types/components/range/range.d.ts +30 -21
  815. package/dist/types/components/searchbar/searchbar.d.ts +38 -0
  816. package/dist/types/components/select/select.d.ts +0 -15
  817. package/dist/types/components/split-pane/split-pane.d.ts +14 -2
  818. package/dist/types/components/textarea/textarea.d.ts +0 -17
  819. package/dist/types/components/toast/toast-interface.d.ts +0 -4
  820. package/dist/types/components/toggle/toggle.d.ts +1 -21
  821. package/dist/types/components.d.ts +198 -241
  822. package/dist/types/interface.d.ts +1 -1
  823. package/dist/types/utils/config.d.ts +2 -2
  824. package/dist/types/utils/focus-trap.d.ts +35 -0
  825. package/dist/types/utils/forms/index.d.ts +0 -1
  826. package/dist/types/utils/gesture/gesture-controller.d.ts +1 -0
  827. package/dist/types/utils/hardware-back-button.d.ts +1 -1
  828. package/dist/types/utils/helpers.d.ts +0 -1
  829. package/dist/types/utils/native/status-bar.d.ts +0 -1
  830. package/dist/types/utils/overlays.d.ts +5 -8
  831. package/dist/types/utils/test/playwright/generator.d.ts +3 -1
  832. package/hydrate/index.js +2404 -2603
  833. package/package.json +1 -2
  834. package/components/form-controller.js +0 -64
  835. package/components/ion-picker-column-internal.d.ts +0 -11
  836. package/components/ion-picker-column-internal.js +0 -9
  837. package/components/ion-picker-internal.js +0 -9
  838. package/components/note.js +0 -48
  839. package/components/picker-column-internal.js +0 -392
  840. package/dist/cjs/form-controller-c83330c0.js +0 -66
  841. package/dist/collection/components/checkbox/test/legacy/basic/checkbox.e2e.js +0 -68
  842. package/dist/collection/components/checkbox/test/legacy/indeterminate/checkbox.e2e.js +0 -14
  843. package/dist/collection/components/input/test/item/input.spec.js +0 -24
  844. package/dist/collection/components/input/test/legacy/a11y/input.e2e.js +0 -28
  845. package/dist/collection/components/input/test/legacy/basic/input.e2e.js +0 -181
  846. package/dist/collection/components/input/test/legacy/clear-on-edit/input.e2e.js +0 -55
  847. package/dist/collection/components/input/test/legacy/input-events.e2e.js +0 -71
  848. package/dist/collection/components/input/test/legacy/masking/input.e2e.js +0 -26
  849. package/dist/collection/components/input/test/legacy/spec/input.e2e.js +0 -16
  850. package/dist/collection/components/item/test/counter/item.e2e.js +0 -49
  851. package/dist/collection/components/item/test/highlight/item.e2e.js +0 -14
  852. package/dist/collection/components/item/test/legacy/alignment/item.e2e.js +0 -14
  853. package/dist/collection/components/item/test/legacy/disabled/item.e2e.js +0 -14
  854. package/dist/collection/components/item/test/legacy/fill/item.e2e.js +0 -14
  855. package/dist/collection/components/item/test/legacy/form/item.e2e.js +0 -14
  856. package/dist/collection/components/modal/test/a11y/modal.spec.js +0 -22
  857. package/dist/collection/components/picker-column-internal/picker-column-internal.js +0 -566
  858. package/dist/collection/components/picker-column-internal/test/disabled/picker-column-internal.e2e.js +0 -162
  859. package/dist/collection/components/picker-internal/picker-internal.js +0 -560
  860. package/dist/collection/components/picker-internal/test/basic/picker-internal.e2e.js +0 -118
  861. package/dist/collection/components/radio/test/legacy/a11y/radio.e2e.js +0 -53
  862. package/dist/collection/components/radio/test/legacy/basic/radio.e2e.js +0 -127
  863. package/dist/collection/components/radio-group/test/legacy/basic/radio-group.e2e.js +0 -122
  864. package/dist/collection/components/radio-group/test/legacy/form/radio-group.e2e.js +0 -30
  865. package/dist/collection/components/radio-group/test/legacy/search/radio-group.e2e.js +0 -38
  866. package/dist/collection/components/range/test/legacy/a11y/range.e2e.js +0 -49
  867. package/dist/collection/components/range/test/legacy/active-bar-start/range.e2e.js +0 -14
  868. package/dist/collection/components/range/test/legacy/basic/range.e2e.js +0 -75
  869. package/dist/collection/components/range/test/legacy/range-events.e2e.js +0 -90
  870. package/dist/collection/components/range/test/legacy/scroll-target/range.e2e.js +0 -32
  871. package/dist/collection/components/select/test/legacy/async/select.e2e.js +0 -19
  872. package/dist/collection/components/select/test/legacy/basic/select.e2e.js +0 -145
  873. package/dist/collection/components/select/test/legacy/compare-with/select.e2e.js +0 -67
  874. package/dist/collection/components/select/test/legacy/custom/custom.e2e.js +0 -13
  875. package/dist/collection/components/select/test/legacy/single-value/select.e2e.js +0 -16
  876. package/dist/collection/components/select/test/legacy/spec/select.e2e.js +0 -14
  877. package/dist/collection/components/select/test/legacy/standalone/select.e2e.js +0 -18
  878. package/dist/collection/components/select/test/legacy/wrapping/select.e2e.js +0 -39
  879. package/dist/collection/components/textarea/test/legacy/a11y/textarea.e2e.js +0 -31
  880. package/dist/collection/components/textarea/test/legacy/autogrow/textarea.e2e.js +0 -58
  881. package/dist/collection/components/textarea/test/legacy/basic/textarea.e2e.js +0 -43
  882. package/dist/collection/components/textarea/test/legacy/clear-on-edit/textarea.e2e.js +0 -25
  883. package/dist/collection/components/toggle/test/legacy/basic/toggle.e2e.js +0 -83
  884. package/dist/collection/components/toggle/test/legacy/enable-on-off-labels/toggle.e2e.js +0 -37
  885. package/dist/collection/components/toggle/test/legacy/sizes/power-outline.svg +0 -1
  886. package/dist/collection/components/toggle/test/legacy/sizes/toggle.e2e.js +0 -14
  887. package/dist/collection/utils/forms/form-controller.js +0 -61
  888. package/dist/esm/form-controller-21dd62b1.js +0 -64
  889. package/dist/esm-es5/app-globals-5cf6195b.js +0 -4
  890. package/dist/esm-es5/button-active-47ac8092.js +0 -4
  891. package/dist/esm-es5/data-0f3ab200.js +0 -4
  892. package/dist/esm-es5/form-controller-21dd62b1.js +0 -4
  893. package/dist/esm-es5/hardware-back-button-b410a047.js +0 -4
  894. package/dist/esm-es5/helpers-be245865.js +0 -4
  895. package/dist/esm-es5/index-020f5464.js +0 -4
  896. package/dist/esm-es5/index-4c30cddd.js +0 -5
  897. package/dist/esm-es5/input.utils-a445f677.js +0 -4
  898. package/dist/esm-es5/ion-picker-column-internal.entry.js +0 -4
  899. package/dist/esm-es5/ion-picker-internal.entry.js +0 -4
  900. package/dist/esm-es5/md.transition-b8224313.js +0 -4
  901. package/dist/esm-es5/overlays-19b26885.js +0 -4
  902. package/dist/ionic/p-021f9d72.entry.js +0 -4
  903. package/dist/ionic/p-02542247.system.entry.js +0 -4
  904. package/dist/ionic/p-0b34d3a7.system.js +0 -4
  905. package/dist/ionic/p-12527c4b.entry.js +0 -4
  906. package/dist/ionic/p-15a40a0b.system.entry.js +0 -4
  907. package/dist/ionic/p-1636923f.system.js +0 -4
  908. package/dist/ionic/p-16a61810.entry.js +0 -4
  909. package/dist/ionic/p-1846513c.js +0 -4
  910. package/dist/ionic/p-1bc9b5f5.system.js +0 -4
  911. package/dist/ionic/p-1f16d040.entry.js +0 -4
  912. package/dist/ionic/p-1f19958f.system.entry.js +0 -4
  913. package/dist/ionic/p-2178329b.entry.js +0 -4
  914. package/dist/ionic/p-257046d2.system.js +0 -4
  915. package/dist/ionic/p-262024fd.entry.js +0 -4
  916. package/dist/ionic/p-2765a571.system.entry.js +0 -4
  917. package/dist/ionic/p-2ea71956.system.entry.js +0 -4
  918. package/dist/ionic/p-2fd3c3dd.entry.js +0 -4
  919. package/dist/ionic/p-36be3332.js +0 -4
  920. package/dist/ionic/p-437f4d02.system.entry.js +0 -4
  921. package/dist/ionic/p-46bcc2f5.js +0 -4
  922. package/dist/ionic/p-4788693d.entry.js +0 -4
  923. package/dist/ionic/p-479f5926.system.entry.js +0 -4
  924. package/dist/ionic/p-482ea916.system.entry.js +0 -4
  925. package/dist/ionic/p-49f481cc.system.entry.js +0 -4
  926. package/dist/ionic/p-521b3971.entry.js +0 -4
  927. package/dist/ionic/p-5cb5f63d.system.entry.js +0 -4
  928. package/dist/ionic/p-5de920f4.system.entry.js +0 -4
  929. package/dist/ionic/p-5fc8d5ef.system.js +0 -4
  930. package/dist/ionic/p-6812d37d.js +0 -4
  931. package/dist/ionic/p-6b6ca3f5.system.entry.js +0 -4
  932. package/dist/ionic/p-6c45c617.js +0 -4
  933. package/dist/ionic/p-6f59cdbc.system.entry.js +0 -4
  934. package/dist/ionic/p-70fbf4e2.entry.js +0 -4
  935. package/dist/ionic/p-72fa96bf.system.js +0 -5
  936. package/dist/ionic/p-7330c044.system.js +0 -4
  937. package/dist/ionic/p-741a0f0d.system.entry.js +0 -4
  938. package/dist/ionic/p-76b8bcb8.system.entry.js +0 -4
  939. package/dist/ionic/p-7a615a5a.entry.js +0 -4
  940. package/dist/ionic/p-7e16220b.entry.js +0 -4
  941. package/dist/ionic/p-7e838f43.system.entry.js +0 -4
  942. package/dist/ionic/p-7f30ad48.entry.js +0 -4
  943. package/dist/ionic/p-80aed9fb.system.entry.js +0 -4
  944. package/dist/ionic/p-84b85535.entry.js +0 -4
  945. package/dist/ionic/p-85f66c3c.entry.js +0 -4
  946. package/dist/ionic/p-860e2539.system.entry.js +0 -4
  947. package/dist/ionic/p-8cc34120.entry.js +0 -4
  948. package/dist/ionic/p-8e651c29.entry.js +0 -4
  949. package/dist/ionic/p-9056778e.system.entry.js +0 -4
  950. package/dist/ionic/p-96084f36.entry.js +0 -4
  951. package/dist/ionic/p-973b4db3.entry.js +0 -4
  952. package/dist/ionic/p-98aa0553.entry.js +0 -4
  953. package/dist/ionic/p-9de75bac.system.entry.js +0 -4
  954. package/dist/ionic/p-a02ea777.entry.js +0 -4
  955. package/dist/ionic/p-a1036ce7.js +0 -4
  956. package/dist/ionic/p-a1222c24.entry.js +0 -4
  957. package/dist/ionic/p-a4aa6dd2.system.entry.js +0 -4
  958. package/dist/ionic/p-a667dd1f.system.js +0 -4
  959. package/dist/ionic/p-a8459bfb.entry.js +0 -4
  960. package/dist/ionic/p-ae2b3a7a.system.entry.js +0 -4
  961. package/dist/ionic/p-ae828bd9.system.entry.js +0 -4
  962. package/dist/ionic/p-b0aa3806.system.entry.js +0 -4
  963. package/dist/ionic/p-b27bba38.system.entry.js +0 -4
  964. package/dist/ionic/p-b4d2f43c.system.js +0 -4
  965. package/dist/ionic/p-b58686e0.entry.js +0 -4
  966. package/dist/ionic/p-ba0fbecc.entry.js +0 -4
  967. package/dist/ionic/p-bdca4784.js +0 -4
  968. package/dist/ionic/p-c1a871ff.system.entry.js +0 -4
  969. package/dist/ionic/p-c1c7309e.entry.js +0 -4
  970. package/dist/ionic/p-c7288e78.system.entry.js +0 -4
  971. package/dist/ionic/p-cb3065b8.entry.js +0 -4
  972. package/dist/ionic/p-cb9812f7.entry.js +0 -4
  973. package/dist/ionic/p-cfb4d7e0.js +0 -4
  974. package/dist/ionic/p-d143fefa.system.entry.js +0 -4
  975. package/dist/ionic/p-d6c6541b.system.entry.js +0 -4
  976. package/dist/ionic/p-df504a37.system.js +0 -4
  977. package/dist/ionic/p-dff97cfa.entry.js +0 -4
  978. package/dist/ionic/p-e1c52dc6.entry.js +0 -4
  979. package/dist/ionic/p-e4e74b5f.system.entry.js +0 -4
  980. package/dist/ionic/p-e626800f.system.entry.js +0 -4
  981. package/dist/ionic/p-e94c1402.entry.js +0 -4
  982. package/dist/ionic/p-ebc1ca90.system.js +0 -4
  983. package/dist/ionic/p-ed4760ef.entry.js +0 -4
  984. package/dist/ionic/p-ed7a529f.js +0 -5
  985. package/dist/ionic/p-f0e54781.system.entry.js +0 -4
  986. package/dist/ionic/p-f7dce541.js +0 -4
  987. package/dist/ionic/p-fa8d3b01.entry.js +0 -4
  988. package/dist/ionic/p-fbd01db3.system.js +0 -4
  989. package/dist/types/components/picker-column-internal/picker-column-internal-interfaces.d.ts +0 -5
  990. package/dist/types/components/picker-column-internal/picker-column-internal.d.ts +0 -102
  991. package/dist/types/components/picker-internal/picker-internal-interfaces.d.ts +0 -8
  992. package/dist/types/components/picker-internal/picker-internal.d.ts +0 -102
  993. package/dist/types/utils/forms/form-controller.d.ts +0 -15
  994. /package/dist/collection/components/{picker-internal/picker-internal-interfaces.js → picker/picker-interfaces.js} +0 -0
  995. /package/dist/collection/components/{picker-column-internal/picker-column-internal-interfaces.js → picker-column/picker-column-interfaces.js} +0 -0
  996. /package/dist/collection/components/{picker → picker-legacy}/animations/ios.enter.js +0 -0
  997. /package/dist/collection/components/{picker → picker-legacy}/animations/ios.leave.js +0 -0
  998. /package/dist/collection/components/{picker → picker-legacy}/picker-interface.js +0 -0
  999. /package/dist/collection/components/{picker-column → picker-legacy-column}/test/test.utils.js +0 -0
  1000. /package/dist/types/components/{picker → picker-legacy}/animations/ios.enter.d.ts +0 -0
  1001. /package/dist/types/components/{picker → picker-legacy}/animations/ios.leave.d.ts +0 -0
  1002. /package/dist/types/components/{picker → picker-legacy}/picker-interface.d.ts +0 -0
  1003. /package/dist/types/components/{picker-column → picker-legacy-column}/test/test.utils.d.ts +0 -0
package/components/ion-textarea.js CHANGED
@@ -2,18 +2,16 @@
2
2
  * (C) Ionic http://ionicframework.com - MIT License
3
3
  */
4
4
  import { proxyCustomElement, HTMLElement, createEvent, Build, writeTask, h, Host, forceUpdate } from '@stencil/core/internal/client';
5
- import { c as createLegacyFormController } from './form-controller.js';
6
5
  import { c as createNotchController } from './notch-controller.js';
7
- import { n as debounceEvent, i as inheritAriaAttributes, d as inheritAttributes, c as componentOnReady, k as findItemLabel } from './helpers.js';
8
- import { p as printIonWarning } from './index6.js';
6
+ import { l as debounceEvent, i as inheritAriaAttributes, d as inheritAttributes, c as componentOnReady } from './helpers.js';
9
7
  import { c as createSlotMutationController, g as getCounterText } from './input.utils.js';
10
- import { c as createColorClasses, h as hostContext } from './theme.js';
8
+ import { h as hostContext, c as createColorClasses } from './theme.js';
11
9
  import { b as getIonMode } from './ionic-global.js';
12
10
 
13
- const textareaIosCss = ".sc-ion-textarea-ios-h{--background:initial;--color:initial;--placeholder-color:initial;--placeholder-font-style:initial;--placeholder-font-weight:initial;--placeholder-opacity:0.6;--padding-top:0;--padding-end:0;--padding-bottom:0;--padding-start:0;--border-radius:0;--border-style:solid;--highlight-color-focused:var(--ion-color-primary, #3880ff);--highlight-color-valid:var(--ion-color-success, #2dd36f);--highlight-color-invalid:var(--ion-color-danger, #eb445a);--highlight-color:var(--highlight-color-focused);display:block;position:relative;width:100%;color:var(--color);font-family:var(--ion-font-family, inherit);z-index:2;-webkit-box-sizing:border-box;box-sizing:border-box}.sc-ion-textarea-ios-h:not(.legacy-textarea){min-height:44px}.textarea-label-placement-floating.sc-ion-textarea-ios-h,.textarea-label-placement-stacked.sc-ion-textarea-ios-h{--padding-top:0px;min-height:56px}[cols].sc-ion-textarea-ios-h:not([auto-grow]){width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.legacy-textarea.sc-ion-textarea-ios-h{-ms-flex:1;flex:1;background:var(--background);white-space:pre-wrap}.legacy-textarea.ion-color.sc-ion-textarea-ios-h{color:var(--ion-color-base)}.sc-ion-textarea-ios-h:not(.legacy-textarea){--padding-bottom:8px}.ion-color.sc-ion-textarea-ios-h{--highlight-color-focused:var(--ion-color-base);background:initial}ion-item.sc-ion-textarea-ios-h,ion-item .sc-ion-textarea-ios-h{-ms-flex-item-align:baseline;align-self:baseline}ion-item.sc-ion-textarea-ios-h:not(.item-label),ion-item:not(.item-label) .sc-ion-textarea-ios-h{--padding-start:0}ion-item[slot=start].sc-ion-textarea-ios-h,ion-item [slot=start].sc-ion-textarea-ios-h,ion-item[slot=end].sc-ion-textarea-ios-h,ion-item [slot=end].sc-ion-textarea-ios-h{width:auto}.native-textarea.sc-ion-textarea-ios{margin-left:0;margin-right:0;margin-top:0;margin-bottom:0;padding-left:0;padding-right:0;padding-top:0;padding-bottom:0;display:block;position:relative;-ms-flex:1;flex:1;width:100%;max-width:100%;max-height:100%;border:0;outline:none;background:transparent;white-space:pre-wrap;z-index:1;-webkit-box-sizing:border-box;box-sizing:border-box;resize:none;-webkit-appearance:none;-moz-appearance:none;appearance:none}.native-textarea.sc-ion-textarea-ios::-webkit-input-placeholder{padding-left:0;padding-right:0;padding-top:0;padding-bottom:0;color:var(--placeholder-color);font-family:inherit;font-style:var(--placeholder-font-style);font-weight:var(--placeholder-font-weight);opacity:var(--placeholder-opacity)}.native-textarea.sc-ion-textarea-ios::-moz-placeholder{padding-left:0;padding-right:0;padding-top:0;padding-bottom:0;color:var(--placeholder-color);font-family:inherit;font-style:var(--placeholder-font-style);font-weight:var(--placeholder-font-weight);opacity:var(--placeholder-opacity)}.native-textarea.sc-ion-textarea-ios:-ms-input-placeholder{padding-left:0;padding-right:0;padding-top:0;padding-bottom:0;color:var(--placeholder-color);font-family:inherit;font-style:var(--placeholder-font-style);font-weight:var(--placeholder-font-weight);opacity:var(--placeholder-opacity)}.native-textarea.sc-ion-textarea-ios::-ms-input-placeholder{padding-left:0;padding-right:0;padding-top:0;padding-bottom:0;color:var(--placeholder-color);font-family:inherit;font-style:var(--placeholder-font-style);font-weight:var(--placeholder-font-weight);opacity:var(--placeholder-opacity)}.native-textarea.sc-ion-textarea-ios::placeholder{padding-left:0;padding-right:0;padding-top:0;padding-bottom:0;color:var(--placeholder-color);font-family:inherit;font-style:var(--placeholder-font-style);font-weight:var(--placeholder-font-weight);opacity:var(--placeholder-opacity)}.legacy-textarea.sc-ion-textarea-ios-h .native-textarea.sc-ion-textarea-ios{white-space:inherit}.legacy-textarea.sc-ion-textarea-ios-h .native-textarea.sc-ion-textarea-ios,.legacy-textarea.sc-ion-textarea-ios-h .textarea-legacy-wrapper.sc-ion-textarea-ios::after{-webkit-padding-start:var(--padding-start);padding-inline-start:var(--padding-start);-webkit-padding-end:var(--padding-end);padding-inline-end:var(--padding-end);padding-top:var(--padding-top);padding-bottom:var(--padding-bottom);border-radius:var(--border-radius)}.native-textarea.sc-ion-textarea-ios{color:inherit;font-family:inherit;font-size:inherit;font-style:inherit;font-weight:inherit;letter-spacing:inherit;text-align:inherit;text-decoration:inherit;text-indent:inherit;text-overflow:inherit;text-transform:inherit;grid-area:1/1/2/2;word-break:break-word}.legacy-textarea.sc-ion-textarea-ios-h .textarea-legacy-wrapper.sc-ion-textarea-ios::after{font-family:inherit;font-size:inherit;font-style:inherit;font-weight:inherit;letter-spacing:inherit;text-decoration:inherit;text-indent:inherit;text-overflow:inherit;text-transform:inherit;text-align:inherit;white-space:inherit;color:inherit;grid-area:1/1/2/2;word-break:break-word}.cloned-input.sc-ion-textarea-ios{top:0;bottom:0;position:absolute;pointer-events:none}@supports (inset-inline-start: 0){.cloned-input.sc-ion-textarea-ios{inset-inline-start:0}}@supports not (inset-inline-start: 0){.cloned-input.sc-ion-textarea-ios{left:0}[dir=rtl].sc-ion-textarea-ios-h .cloned-input.sc-ion-textarea-ios,[dir=rtl] .sc-ion-textarea-ios-h .cloned-input.sc-ion-textarea-ios{left:unset;right:unset;right:0}[dir=rtl].sc-ion-textarea-ios .cloned-input.sc-ion-textarea-ios{left:unset;right:unset;right:0}@supports selector(:dir(rtl)){.cloned-input.sc-ion-textarea-ios:dir(rtl){left:unset;right:unset;right:0}}}.cloned-input.sc-ion-textarea-ios:disabled{opacity:1}.legacy-textarea[auto-grow].sc-ion-textarea-ios-h .cloned-input.sc-ion-textarea-ios{margin-left:0;margin-right:0;margin-top:0;margin-bottom:0}[auto-grow].sc-ion-textarea-ios-h .cloned-input.sc-ion-textarea-ios{height:100%}[auto-grow].sc-ion-textarea-ios-h .native-textarea.sc-ion-textarea-ios{overflow:hidden}.item-label-floating.item-has-placeholder.sc-ion-textarea-ios-h:not(.item-has-value),.item-label-floating.item-has-placeholder:not(.item-has-value) .sc-ion-textarea-ios-h{opacity:0}.item-label-floating.item-has-placeholder.sc-ion-textarea-ios-h:not(.item-has-value).item-has-focus,.item-label-floating.item-has-placeholder:not(.item-has-value).item-has-focus .sc-ion-textarea-ios-h{-webkit-transition:opacity 0.15s cubic-bezier(0.4, 0, 0.2, 1);transition:opacity 0.15s cubic-bezier(0.4, 0, 0.2, 1);opacity:1}.textarea-wrapper.sc-ion-textarea-ios{-webkit-padding-start:var(--padding-start);padding-inline-start:var(--padding-start);-webkit-padding-end:var(--padding-end);padding-inline-end:var(--padding-end);padding-top:0px;padding-bottom:0px;border-radius:var(--border-radius);display:-ms-flexbox;display:flex;position:relative;-ms-flex-positive:1;flex-grow:1;-ms-flex-align:start;align-items:flex-start;height:inherit;min-height:inherit;-webkit-transition:background-color 15ms linear;transition:background-color 15ms linear;background:var(--background);line-height:normal}.native-wrapper.sc-ion-textarea-ios{position:relative;width:100%;height:100%}.has-focus.sc-ion-textarea-ios-h textarea.sc-ion-textarea-ios{caret-color:var(--highlight-color)}.native-wrapper.sc-ion-textarea-ios textarea.sc-ion-textarea-ios{-webkit-padding-start:0px;padding-inline-start:0px;-webkit-padding-end:0px;padding-inline-end:0px;padding-top:var(--padding-top);padding-bottom:var(--padding-bottom)}.native-wrapper.sc-ion-textarea-ios,.textarea-legacy-wrapper.sc-ion-textarea-ios{display:grid;min-width:inherit;max-width:inherit;min-height:inherit;max-height:inherit;grid-auto-rows:100%}.native-wrapper.sc-ion-textarea-ios::after,.textarea-legacy-wrapper.sc-ion-textarea-ios::after{white-space:pre-wrap;content:attr(data-replicated-value) \" \";visibility:hidden}.native-wrapper.sc-ion-textarea-ios::after{padding-left:0;padding-right:0;padding-top:var(--padding-top);padding-bottom:var(--padding-bottom);margin-left:0;margin-right:0;margin-top:0;margin-bottom:0;border-radius:var(--border-radius);color:inherit;font-family:inherit;font-size:inherit;font-style:inherit;font-weight:inherit;letter-spacing:inherit;text-align:inherit;text-decoration:inherit;text-indent:inherit;text-overflow:inherit;text-transform:inherit;grid-area:1/1/2/2;word-break:break-word}.textarea-wrapper-inner.sc-ion-textarea-ios{display:-ms-flexbox;display:flex;width:100%;min-height:inherit}.ion-touched.ion-invalid.sc-ion-textarea-ios-h{--highlight-color:var(--highlight-color-invalid)}.ion-valid.sc-ion-textarea-ios-h{--highlight-color:var(--highlight-color-valid)}.textarea-bottom.sc-ion-textarea-ios{-webkit-padding-start:var(--padding-start);padding-inline-start:var(--padding-start);-webkit-padding-end:var(--padding-end);padding-inline-end:var(--padding-end);padding-top:5px;padding-bottom:0;display:-ms-flexbox;display:flex;-ms-flex-pack:justify;justify-content:space-between;border-top:var(--border-width) var(--border-style) var(--border-color);font-size:0.75rem}.has-focus.ion-valid.sc-ion-textarea-ios-h,.ion-touched.ion-invalid.sc-ion-textarea-ios-h{--border-color:var(--highlight-color)}.textarea-bottom.sc-ion-textarea-ios .error-text.sc-ion-textarea-ios{display:none;color:var(--highlight-color-invalid)}.textarea-bottom.sc-ion-textarea-ios .helper-text.sc-ion-textarea-ios{display:block;color:var(--ion-color-step-550, #737373)}.ion-touched.ion-invalid.sc-ion-textarea-ios-h .textarea-bottom.sc-ion-textarea-ios .error-text.sc-ion-textarea-ios{display:block}.ion-touched.ion-invalid.sc-ion-textarea-ios-h .textarea-bottom.sc-ion-textarea-ios .helper-text.sc-ion-textarea-ios{display:none}.textarea-bottom.sc-ion-textarea-ios .counter.sc-ion-textarea-ios{-webkit-margin-start:auto;margin-inline-start:auto;color:var(--ion-color-step-550, #737373);white-space:nowrap;-webkit-padding-start:16px;padding-inline-start:16px}.label-text-wrapper.sc-ion-textarea-ios{-webkit-padding-start:0px;padding-inline-start:0px;-webkit-padding-end:0px;padding-inline-end:0px;padding-top:var(--padding-top);padding-bottom:var(--padding-bottom);max-width:200px;-webkit-transition:color 150ms cubic-bezier(0.4, 0, 0.2, 1), -webkit-transform 150ms cubic-bezier(0.4, 0, 0.2, 1);transition:color 150ms cubic-bezier(0.4, 0, 0.2, 1), -webkit-transform 150ms cubic-bezier(0.4, 0, 0.2, 1);transition:color 150ms cubic-bezier(0.4, 0, 0.2, 1), transform 150ms cubic-bezier(0.4, 0, 0.2, 1);transition:color 150ms cubic-bezier(0.4, 0, 0.2, 1), transform 150ms cubic-bezier(0.4, 0, 0.2, 1), -webkit-transform 150ms cubic-bezier(0.4, 0, 0.2, 1);pointer-events:none}.label-text.sc-ion-textarea-ios,.sc-ion-textarea-ios-s>[slot=label]{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.label-text-wrapper-hidden.sc-ion-textarea-ios,.textarea-outline-notch-hidden.sc-ion-textarea-ios{display:none}.textarea-wrapper.sc-ion-textarea-ios textarea.sc-ion-textarea-ios{-webkit-transition:opacity 150ms cubic-bezier(0.4, 0, 0.2, 1);transition:opacity 150ms cubic-bezier(0.4, 0, 0.2, 1)}.textarea-label-placement-start.sc-ion-textarea-ios-h .textarea-wrapper.sc-ion-textarea-ios{-ms-flex-direction:row;flex-direction:row}.textarea-label-placement-start.sc-ion-textarea-ios-h .label-text-wrapper.sc-ion-textarea-ios{-webkit-margin-start:0;margin-inline-start:0;-webkit-margin-end:16px;margin-inline-end:16px;margin-top:0;margin-bottom:0}.textarea-label-placement-end.sc-ion-textarea-ios-h .textarea-wrapper.sc-ion-textarea-ios{-ms-flex-direction:row-reverse;flex-direction:row-reverse}.textarea-label-placement-end.sc-ion-textarea-ios-h .label-text-wrapper.sc-ion-textarea-ios{-webkit-margin-start:16px;margin-inline-start:16px;-webkit-margin-end:0;margin-inline-end:0;margin-top:0;margin-bottom:0}.textarea-label-placement-fixed.sc-ion-textarea-ios-h .label-text-wrapper.sc-ion-textarea-ios{-webkit-margin-start:0;margin-inline-start:0;-webkit-margin-end:16px;margin-inline-end:16px;margin-top:0;margin-bottom:0}.textarea-label-placement-fixed.sc-ion-textarea-ios-h .label-text.sc-ion-textarea-ios{-ms-flex:0 0 100px;flex:0 0 100px;width:100px;min-width:100px;max-width:200px}.textarea-label-placement-stacked.sc-ion-textarea-ios-h .textarea-wrapper.sc-ion-textarea-ios,.textarea-label-placement-floating.sc-ion-textarea-ios-h .textarea-wrapper.sc-ion-textarea-ios{-ms-flex-direction:column;flex-direction:column;-ms-flex-align:start;align-items:start}.textarea-label-placement-stacked.sc-ion-textarea-ios-h .label-text-wrapper.sc-ion-textarea-ios,.textarea-label-placement-floating.sc-ion-textarea-ios-h .label-text-wrapper.sc-ion-textarea-ios{-webkit-transform-origin:left top;transform-origin:left top;-webkit-padding-start:0px;padding-inline-start:0px;-webkit-padding-end:0px;padding-inline-end:0px;padding-top:0px;padding-bottom:0px;max-width:100%;z-index:2}[dir=rtl].sc-ion-textarea-ios-h -no-combinator.textarea-label-placement-stacked.sc-ion-textarea-ios-h .label-text-wrapper.sc-ion-textarea-ios,[dir=rtl] .sc-ion-textarea-ios-h -no-combinator.textarea-label-placement-stacked.sc-ion-textarea-ios-h .label-text-wrapper.sc-ion-textarea-ios,[dir=rtl].textarea-label-placement-stacked.sc-ion-textarea-ios-h .label-text-wrapper.sc-ion-textarea-ios,[dir=rtl] .textarea-label-placement-stacked.sc-ion-textarea-ios-h .label-text-wrapper.sc-ion-textarea-ios,[dir=rtl].sc-ion-textarea-ios-h -no-combinator.textarea-label-placement-floating.sc-ion-textarea-ios-h .label-text-wrapper.sc-ion-textarea-ios,[dir=rtl] .sc-ion-textarea-ios-h -no-combinator.textarea-label-placement-floating.sc-ion-textarea-ios-h .label-text-wrapper.sc-ion-textarea-ios,[dir=rtl].textarea-label-placement-floating.sc-ion-textarea-ios-h .label-text-wrapper.sc-ion-textarea-ios,[dir=rtl] .textarea-label-placement-floating.sc-ion-textarea-ios-h .label-text-wrapper.sc-ion-textarea-ios{-webkit-transform-origin:right top;transform-origin:right top}@supports selector(:dir(rtl)){.textarea-label-placement-stacked.sc-ion-textarea-ios-h:dir(rtl) .label-text-wrapper.sc-ion-textarea-ios,.textarea-label-placement-floating.sc-ion-textarea-ios-h:dir(rtl) .label-text-wrapper.sc-ion-textarea-ios{-webkit-transform-origin:right top;transform-origin:right top}}.textarea-label-placement-stacked.sc-ion-textarea-ios-h textarea.sc-ion-textarea-ios,.textarea-label-placement-floating.sc-ion-textarea-ios-h textarea.sc-ion-textarea-ios,.textarea-label-placement-stacked[auto-grow].sc-ion-textarea-ios-h .native-wrapper.sc-ion-textarea-ios::after,.textarea-label-placement-floating[auto-grow].sc-ion-textarea-ios-h .native-wrapper.sc-ion-textarea-ios::after{-webkit-margin-start:0px;margin-inline-start:0px;-webkit-margin-end:0px;margin-inline-end:0px;margin-top:8px;margin-bottom:0px}.sc-ion-textarea-ios-h.textarea-label-placement-stacked.sc-ion-textarea-ios-s>[slot=start],.sc-ion-textarea-ios-h.textarea-label-placement-stacked .sc-ion-textarea-ios-s>[slot=start],.sc-ion-textarea-ios-h.textarea-label-placement-stacked.sc-ion-textarea-ios-s>[slot=end],.sc-ion-textarea-ios-h.textarea-label-placement-stacked .sc-ion-textarea-ios-s>[slot=end],.sc-ion-textarea-ios-h.textarea-label-placement-floating.sc-ion-textarea-ios-s>[slot=start],.sc-ion-textarea-ios-h.textarea-label-placement-floating .sc-ion-textarea-ios-s>[slot=start],.sc-ion-textarea-ios-h.textarea-label-placement-floating.sc-ion-textarea-ios-s>[slot=end],.sc-ion-textarea-ios-h.textarea-label-placement-floating .sc-ion-textarea-ios-s>[slot=end]{margin-top:8px}.textarea-label-placement-floating.sc-ion-textarea-ios-h .label-text-wrapper.sc-ion-textarea-ios{-webkit-transform:translateY(100%) scale(1);transform:translateY(100%) scale(1)}.textarea-label-placement-floating.sc-ion-textarea-ios-h textarea.sc-ion-textarea-ios{opacity:0}.has-focus.textarea-label-placement-floating.sc-ion-textarea-ios-h textarea.sc-ion-textarea-ios,.has-value.textarea-label-placement-floating.sc-ion-textarea-ios-h textarea.sc-ion-textarea-ios{opacity:1}.label-floating.sc-ion-textarea-ios-h .label-text-wrapper.sc-ion-textarea-ios{-webkit-transform:translateY(50%) scale(0.75);transform:translateY(50%) scale(0.75);max-width:calc(100% / 0.75)}.start-slot-wrapper.sc-ion-textarea-ios,.end-slot-wrapper.sc-ion-textarea-ios{padding-left:0;padding-right:0;padding-top:var(--padding-top);padding-bottom:var(--padding-bottom);display:-ms-flexbox;display:flex;-ms-flex-negative:0;flex-shrink:0;-ms-flex-item-align:start;align-self:start}.sc-ion-textarea-ios-s>[slot=start],.sc-ion-textarea-ios-s>[slot=end]{margin-top:0}.sc-ion-textarea-ios-s>[slot=start]{-webkit-margin-end:16px;margin-inline-end:16px;-webkit-margin-start:0;margin-inline-start:0}.sc-ion-textarea-ios-s>[slot=end]{-webkit-margin-start:16px;margin-inline-start:16px;-webkit-margin-end:0;margin-inline-end:0}.sc-ion-textarea-ios-h{--border-width:0.55px;--border-color:var(--ion-item-border-color, var(--ion-border-color, var(--ion-color-step-250, #c8c7cc)));--padding-top:10px;--padding-end:0px;--padding-bottom:8px;--padding-start:0px;font-size:inherit}.legacy-textarea.sc-ion-textarea-ios-h{--padding-top:10px;--padding-end:8px;--padding-bottom:10px;--padding-start:0}.item-label-stacked.sc-ion-textarea-ios-h,.item-label-stacked .sc-ion-textarea-ios-h,.item-label-floating.sc-ion-textarea-ios-h,.item-label-floating .sc-ion-textarea-ios-h{--padding-top:8px;--padding-bottom:8px;--padding-start:0px}.legacy-textarea.sc-ion-textarea-ios-h .native-textarea[disabled].sc-ion-textarea-ios,.textarea-disabled.sc-ion-textarea-ios-h{opacity:0.3}.sc-ion-textarea-ios-s>ion-button[slot=start].button-has-icon-only,.sc-ion-textarea-ios-s>ion-button[slot=end].button-has-icon-only{--border-radius:50%;--padding-start:0;--padding-end:0;--padding-top:0;--padding-bottom:0;aspect-ratio:1}";
11
+ const textareaIosCss = ".sc-ion-textarea-ios-h{--background:initial;--color:initial;--placeholder-color:initial;--placeholder-font-style:initial;--placeholder-font-weight:initial;--placeholder-opacity:var(--ion-placeholder-opacity, 0.6);--padding-top:0;--padding-end:0;--padding-bottom:8px;--padding-start:0;--border-radius:0;--border-style:solid;--highlight-color-focused:var(--ion-color-primary, #0054e9);--highlight-color-valid:var(--ion-color-success, #2dd55b);--highlight-color-invalid:var(--ion-color-danger, #c5000f);--highlight-color:var(--highlight-color-focused);display:block;position:relative;width:100%;min-height:44px;color:var(--color);font-family:var(--ion-font-family, inherit);z-index:2;-webkit-box-sizing:border-box;box-sizing:border-box}.textarea-label-placement-floating.sc-ion-textarea-ios-h,.textarea-label-placement-stacked.sc-ion-textarea-ios-h{--padding-top:0px;min-height:56px}[cols].sc-ion-textarea-ios-h:not([auto-grow]){width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.ion-color.sc-ion-textarea-ios-h{--highlight-color-focused:var(--ion-color-base);background:initial}ion-item.sc-ion-textarea-ios-h,ion-item .sc-ion-textarea-ios-h{-ms-flex-item-align:baseline;align-self:baseline}ion-item[slot=start].sc-ion-textarea-ios-h,ion-item [slot=start].sc-ion-textarea-ios-h,ion-item[slot=end].sc-ion-textarea-ios-h,ion-item [slot=end].sc-ion-textarea-ios-h{width:auto}.native-textarea.sc-ion-textarea-ios{margin-left:0;margin-right:0;margin-top:0;margin-bottom:0;padding-left:0;padding-right:0;padding-top:0;padding-bottom:0;display:block;position:relative;-ms-flex:1;flex:1;width:100%;max-width:100%;max-height:100%;border:0;outline:none;background:transparent;white-space:pre-wrap;z-index:1;-webkit-box-sizing:border-box;box-sizing:border-box;resize:none;-webkit-appearance:none;-moz-appearance:none;appearance:none}.native-textarea.sc-ion-textarea-ios::-webkit-input-placeholder{padding-left:0;padding-right:0;padding-top:0;padding-bottom:0;color:var(--placeholder-color);font-family:inherit;font-style:var(--placeholder-font-style);font-weight:var(--placeholder-font-weight);opacity:var(--placeholder-opacity)}.native-textarea.sc-ion-textarea-ios::-moz-placeholder{padding-left:0;padding-right:0;padding-top:0;padding-bottom:0;color:var(--placeholder-color);font-family:inherit;font-style:var(--placeholder-font-style);font-weight:var(--placeholder-font-weight);opacity:var(--placeholder-opacity)}.native-textarea.sc-ion-textarea-ios:-ms-input-placeholder{padding-left:0;padding-right:0;padding-top:0;padding-bottom:0;color:var(--placeholder-color);font-family:inherit;font-style:var(--placeholder-font-style);font-weight:var(--placeholder-font-weight);opacity:var(--placeholder-opacity)}.native-textarea.sc-ion-textarea-ios::-ms-input-placeholder{padding-left:0;padding-right:0;padding-top:0;padding-bottom:0;color:var(--placeholder-color);font-family:inherit;font-style:var(--placeholder-font-style);font-weight:var(--placeholder-font-weight);opacity:var(--placeholder-opacity)}.native-textarea.sc-ion-textarea-ios::placeholder{padding-left:0;padding-right:0;padding-top:0;padding-bottom:0;color:var(--placeholder-color);font-family:inherit;font-style:var(--placeholder-font-style);font-weight:var(--placeholder-font-weight);opacity:var(--placeholder-opacity)}.native-textarea.sc-ion-textarea-ios{color:inherit;font-family:inherit;font-size:inherit;font-style:inherit;font-weight:inherit;letter-spacing:inherit;text-align:inherit;text-decoration:inherit;text-indent:inherit;text-overflow:inherit;text-transform:inherit;grid-area:1/1/2/2;word-break:break-word}.cloned-input.sc-ion-textarea-ios{top:0;bottom:0;position:absolute;pointer-events:none}.cloned-input.sc-ion-textarea-ios{inset-inline-start:0}.cloned-input.sc-ion-textarea-ios:disabled{opacity:1}[auto-grow].sc-ion-textarea-ios-h .cloned-input.sc-ion-textarea-ios{height:100%}[auto-grow].sc-ion-textarea-ios-h .native-textarea.sc-ion-textarea-ios{overflow:hidden}.textarea-wrapper.sc-ion-textarea-ios{-webkit-padding-start:var(--padding-start);padding-inline-start:var(--padding-start);-webkit-padding-end:var(--padding-end);padding-inline-end:var(--padding-end);padding-top:0px;padding-bottom:0px;border-radius:var(--border-radius);display:-ms-flexbox;display:flex;position:relative;-ms-flex-positive:1;flex-grow:1;-ms-flex-align:start;align-items:flex-start;height:inherit;min-height:inherit;-webkit-transition:background-color 15ms linear;transition:background-color 15ms linear;background:var(--background);line-height:normal}.native-wrapper.sc-ion-textarea-ios{position:relative;width:100%;height:100%}.has-focus.sc-ion-textarea-ios-h textarea.sc-ion-textarea-ios{caret-color:var(--highlight-color)}.native-wrapper.sc-ion-textarea-ios textarea.sc-ion-textarea-ios{-webkit-padding-start:0px;padding-inline-start:0px;-webkit-padding-end:0px;padding-inline-end:0px;padding-top:var(--padding-top);padding-bottom:var(--padding-bottom)}.native-wrapper.sc-ion-textarea-ios{display:grid;min-width:inherit;max-width:inherit;min-height:inherit;max-height:inherit;grid-auto-rows:100%}.native-wrapper.sc-ion-textarea-ios::after{white-space:pre-wrap;content:attr(data-replicated-value) \" \";visibility:hidden}.native-wrapper.sc-ion-textarea-ios::after{padding-left:0;padding-right:0;padding-top:var(--padding-top);padding-bottom:var(--padding-bottom);margin-left:0;margin-right:0;margin-top:0;margin-bottom:0;border-radius:var(--border-radius);color:inherit;font-family:inherit;font-size:inherit;font-style:inherit;font-weight:inherit;letter-spacing:inherit;text-align:inherit;text-decoration:inherit;text-indent:inherit;text-overflow:inherit;text-transform:inherit;grid-area:1/1/2/2;word-break:break-word}.textarea-wrapper-inner.sc-ion-textarea-ios{display:-ms-flexbox;display:flex;width:100%;min-height:inherit}.ion-touched.ion-invalid.sc-ion-textarea-ios-h{--highlight-color:var(--highlight-color-invalid)}.ion-valid.sc-ion-textarea-ios-h{--highlight-color:var(--highlight-color-valid)}.textarea-bottom.sc-ion-textarea-ios{-webkit-padding-start:var(--padding-start);padding-inline-start:var(--padding-start);-webkit-padding-end:var(--padding-end);padding-inline-end:var(--padding-end);padding-top:5px;padding-bottom:0;display:-ms-flexbox;display:flex;-ms-flex-pack:justify;justify-content:space-between;border-top:var(--border-width) var(--border-style) var(--border-color);font-size:0.75rem}.has-focus.ion-valid.sc-ion-textarea-ios-h,.ion-touched.ion-invalid.sc-ion-textarea-ios-h{--border-color:var(--highlight-color)}.textarea-bottom.sc-ion-textarea-ios .error-text.sc-ion-textarea-ios{display:none;color:var(--highlight-color-invalid)}.textarea-bottom.sc-ion-textarea-ios .helper-text.sc-ion-textarea-ios{display:block;color:var(--ion-color-step-550, var(--ion-text-color-step-450, #737373))}.ion-touched.ion-invalid.sc-ion-textarea-ios-h .textarea-bottom.sc-ion-textarea-ios .error-text.sc-ion-textarea-ios{display:block}.ion-touched.ion-invalid.sc-ion-textarea-ios-h .textarea-bottom.sc-ion-textarea-ios .helper-text.sc-ion-textarea-ios{display:none}.textarea-bottom.sc-ion-textarea-ios .counter.sc-ion-textarea-ios{-webkit-margin-start:auto;margin-inline-start:auto;color:var(--ion-color-step-550, var(--ion-text-color-step-450, #737373));white-space:nowrap;-webkit-padding-start:16px;padding-inline-start:16px}.label-text-wrapper.sc-ion-textarea-ios{-webkit-padding-start:0px;padding-inline-start:0px;-webkit-padding-end:0px;padding-inline-end:0px;padding-top:var(--padding-top);padding-bottom:var(--padding-bottom);max-width:200px;-webkit-transition:color 150ms cubic-bezier(0.4, 0, 0.2, 1), -webkit-transform 150ms cubic-bezier(0.4, 0, 0.2, 1);transition:color 150ms cubic-bezier(0.4, 0, 0.2, 1), -webkit-transform 150ms cubic-bezier(0.4, 0, 0.2, 1);transition:color 150ms cubic-bezier(0.4, 0, 0.2, 1), transform 150ms cubic-bezier(0.4, 0, 0.2, 1);transition:color 150ms cubic-bezier(0.4, 0, 0.2, 1), transform 150ms cubic-bezier(0.4, 0, 0.2, 1), -webkit-transform 150ms cubic-bezier(0.4, 0, 0.2, 1);pointer-events:none}.label-text.sc-ion-textarea-ios,.sc-ion-textarea-ios-s>[slot=label]{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.label-text-wrapper-hidden.sc-ion-textarea-ios,.textarea-outline-notch-hidden.sc-ion-textarea-ios{display:none}.textarea-wrapper.sc-ion-textarea-ios textarea.sc-ion-textarea-ios{-webkit-transition:opacity 150ms cubic-bezier(0.4, 0, 0.2, 1);transition:opacity 150ms cubic-bezier(0.4, 0, 0.2, 1)}.textarea-label-placement-start.sc-ion-textarea-ios-h .textarea-wrapper.sc-ion-textarea-ios{-ms-flex-direction:row;flex-direction:row}.textarea-label-placement-start.sc-ion-textarea-ios-h .label-text-wrapper.sc-ion-textarea-ios{-webkit-margin-start:0;margin-inline-start:0;-webkit-margin-end:16px;margin-inline-end:16px;margin-top:0;margin-bottom:0}.textarea-label-placement-end.sc-ion-textarea-ios-h .textarea-wrapper.sc-ion-textarea-ios{-ms-flex-direction:row-reverse;flex-direction:row-reverse}.textarea-label-placement-end.sc-ion-textarea-ios-h .label-text-wrapper.sc-ion-textarea-ios{-webkit-margin-start:16px;margin-inline-start:16px;-webkit-margin-end:0;margin-inline-end:0;margin-top:0;margin-bottom:0}.textarea-label-placement-fixed.sc-ion-textarea-ios-h .label-text-wrapper.sc-ion-textarea-ios{-webkit-margin-start:0;margin-inline-start:0;-webkit-margin-end:16px;margin-inline-end:16px;margin-top:0;margin-bottom:0}.textarea-label-placement-fixed.sc-ion-textarea-ios-h .label-text.sc-ion-textarea-ios{-ms-flex:0 0 100px;flex:0 0 100px;width:100px;min-width:100px;max-width:200px}.textarea-label-placement-stacked.sc-ion-textarea-ios-h .textarea-wrapper.sc-ion-textarea-ios,.textarea-label-placement-floating.sc-ion-textarea-ios-h .textarea-wrapper.sc-ion-textarea-ios{-ms-flex-direction:column;flex-direction:column;-ms-flex-align:start;align-items:start}.textarea-label-placement-stacked.sc-ion-textarea-ios-h .label-text-wrapper.sc-ion-textarea-ios,.textarea-label-placement-floating.sc-ion-textarea-ios-h .label-text-wrapper.sc-ion-textarea-ios{-webkit-transform-origin:left top;transform-origin:left top;-webkit-padding-start:0px;padding-inline-start:0px;-webkit-padding-end:0px;padding-inline-end:0px;padding-top:0px;padding-bottom:0px;max-width:100%;z-index:2}[dir=rtl].sc-ion-textarea-ios-h -no-combinator.textarea-label-placement-stacked.sc-ion-textarea-ios-h .label-text-wrapper.sc-ion-textarea-ios,[dir=rtl] .sc-ion-textarea-ios-h -no-combinator.textarea-label-placement-stacked.sc-ion-textarea-ios-h .label-text-wrapper.sc-ion-textarea-ios,[dir=rtl].textarea-label-placement-stacked.sc-ion-textarea-ios-h .label-text-wrapper.sc-ion-textarea-ios,[dir=rtl] .textarea-label-placement-stacked.sc-ion-textarea-ios-h .label-text-wrapper.sc-ion-textarea-ios,[dir=rtl].sc-ion-textarea-ios-h -no-combinator.textarea-label-placement-floating.sc-ion-textarea-ios-h .label-text-wrapper.sc-ion-textarea-ios,[dir=rtl] .sc-ion-textarea-ios-h -no-combinator.textarea-label-placement-floating.sc-ion-textarea-ios-h .label-text-wrapper.sc-ion-textarea-ios,[dir=rtl].textarea-label-placement-floating.sc-ion-textarea-ios-h .label-text-wrapper.sc-ion-textarea-ios,[dir=rtl] .textarea-label-placement-floating.sc-ion-textarea-ios-h .label-text-wrapper.sc-ion-textarea-ios{-webkit-transform-origin:right top;transform-origin:right top}@supports selector(:dir(rtl)){.textarea-label-placement-stacked.sc-ion-textarea-ios-h:dir(rtl) .label-text-wrapper.sc-ion-textarea-ios,.textarea-label-placement-floating.sc-ion-textarea-ios-h:dir(rtl) .label-text-wrapper.sc-ion-textarea-ios{-webkit-transform-origin:right top;transform-origin:right top}}.textarea-label-placement-stacked.sc-ion-textarea-ios-h textarea.sc-ion-textarea-ios,.textarea-label-placement-floating.sc-ion-textarea-ios-h textarea.sc-ion-textarea-ios,.textarea-label-placement-stacked[auto-grow].sc-ion-textarea-ios-h .native-wrapper.sc-ion-textarea-ios::after,.textarea-label-placement-floating[auto-grow].sc-ion-textarea-ios-h .native-wrapper.sc-ion-textarea-ios::after{-webkit-margin-start:0px;margin-inline-start:0px;-webkit-margin-end:0px;margin-inline-end:0px;margin-top:8px;margin-bottom:0px}.sc-ion-textarea-ios-h.textarea-label-placement-stacked.sc-ion-textarea-ios-s>[slot=start],.sc-ion-textarea-ios-h.textarea-label-placement-stacked .sc-ion-textarea-ios-s>[slot=start],.sc-ion-textarea-ios-h.textarea-label-placement-stacked.sc-ion-textarea-ios-s>[slot=end],.sc-ion-textarea-ios-h.textarea-label-placement-stacked .sc-ion-textarea-ios-s>[slot=end],.sc-ion-textarea-ios-h.textarea-label-placement-floating.sc-ion-textarea-ios-s>[slot=start],.sc-ion-textarea-ios-h.textarea-label-placement-floating .sc-ion-textarea-ios-s>[slot=start],.sc-ion-textarea-ios-h.textarea-label-placement-floating.sc-ion-textarea-ios-s>[slot=end],.sc-ion-textarea-ios-h.textarea-label-placement-floating .sc-ion-textarea-ios-s>[slot=end]{margin-top:8px}.textarea-label-placement-floating.sc-ion-textarea-ios-h .label-text-wrapper.sc-ion-textarea-ios{-webkit-transform:translateY(100%) scale(1);transform:translateY(100%) scale(1)}.textarea-label-placement-floating.sc-ion-textarea-ios-h textarea.sc-ion-textarea-ios{opacity:0}.has-focus.textarea-label-placement-floating.sc-ion-textarea-ios-h textarea.sc-ion-textarea-ios,.has-value.textarea-label-placement-floating.sc-ion-textarea-ios-h textarea.sc-ion-textarea-ios{opacity:1}.label-floating.sc-ion-textarea-ios-h .label-text-wrapper.sc-ion-textarea-ios{-webkit-transform:translateY(50%) scale(0.75);transform:translateY(50%) scale(0.75);max-width:calc(100% / 0.75)}.start-slot-wrapper.sc-ion-textarea-ios,.end-slot-wrapper.sc-ion-textarea-ios{padding-left:0;padding-right:0;padding-top:var(--padding-top);padding-bottom:var(--padding-bottom);display:-ms-flexbox;display:flex;-ms-flex-negative:0;flex-shrink:0;-ms-flex-item-align:start;align-self:start}.sc-ion-textarea-ios-s>[slot=start],.sc-ion-textarea-ios-s>[slot=end]{margin-top:0}.sc-ion-textarea-ios-s>[slot=start]{-webkit-margin-end:16px;margin-inline-end:16px;-webkit-margin-start:0;margin-inline-start:0}.sc-ion-textarea-ios-s>[slot=end]{-webkit-margin-start:16px;margin-inline-start:16px;-webkit-margin-end:0;margin-inline-end:0}.sc-ion-textarea-ios-h{--border-width:0.55px;--border-color:var(--ion-item-border-color, var(--ion-border-color, var(--ion-color-step-250, var(--ion-background-color-step-250, #c8c7cc))));--padding-top:10px;--padding-end:0px;--padding-bottom:8px;--padding-start:0px;--highlight-height:0px;font-size:inherit}.textarea-disabled.sc-ion-textarea-ios-h{opacity:0.3}.sc-ion-textarea-ios-s>ion-button[slot=start].button-has-icon-only,.sc-ion-textarea-ios-s>ion-button[slot=end].button-has-icon-only{--border-radius:50%;--padding-start:0;--padding-end:0;--padding-top:0;--padding-bottom:0;aspect-ratio:1}";
14
12
  const IonTextareaIosStyle0 = textareaIosCss;
15
13
 
16
- const textareaMdCss = ".sc-ion-textarea-md-h{--background:initial;--color:initial;--placeholder-color:initial;--placeholder-font-style:initial;--placeholder-font-weight:initial;--placeholder-opacity:0.6;--padding-top:0;--padding-end:0;--padding-bottom:0;--padding-start:0;--border-radius:0;--border-style:solid;--highlight-color-focused:var(--ion-color-primary, #3880ff);--highlight-color-valid:var(--ion-color-success, #2dd36f);--highlight-color-invalid:var(--ion-color-danger, #eb445a);--highlight-color:var(--highlight-color-focused);display:block;position:relative;width:100%;color:var(--color);font-family:var(--ion-font-family, inherit);z-index:2;-webkit-box-sizing:border-box;box-sizing:border-box}.sc-ion-textarea-md-h:not(.legacy-textarea){min-height:44px}.textarea-label-placement-floating.sc-ion-textarea-md-h,.textarea-label-placement-stacked.sc-ion-textarea-md-h{--padding-top:0px;min-height:56px}[cols].sc-ion-textarea-md-h:not([auto-grow]){width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.legacy-textarea.sc-ion-textarea-md-h{-ms-flex:1;flex:1;background:var(--background);white-space:pre-wrap}.legacy-textarea.ion-color.sc-ion-textarea-md-h{color:var(--ion-color-base)}.sc-ion-textarea-md-h:not(.legacy-textarea){--padding-bottom:8px}.ion-color.sc-ion-textarea-md-h{--highlight-color-focused:var(--ion-color-base);background:initial}ion-item.sc-ion-textarea-md-h,ion-item .sc-ion-textarea-md-h{-ms-flex-item-align:baseline;align-self:baseline}ion-item.sc-ion-textarea-md-h:not(.item-label),ion-item:not(.item-label) .sc-ion-textarea-md-h{--padding-start:0}ion-item[slot=start].sc-ion-textarea-md-h,ion-item [slot=start].sc-ion-textarea-md-h,ion-item[slot=end].sc-ion-textarea-md-h,ion-item [slot=end].sc-ion-textarea-md-h{width:auto}.native-textarea.sc-ion-textarea-md{margin-left:0;margin-right:0;margin-top:0;margin-bottom:0;padding-left:0;padding-right:0;padding-top:0;padding-bottom:0;display:block;position:relative;-ms-flex:1;flex:1;width:100%;max-width:100%;max-height:100%;border:0;outline:none;background:transparent;white-space:pre-wrap;z-index:1;-webkit-box-sizing:border-box;box-sizing:border-box;resize:none;-webkit-appearance:none;-moz-appearance:none;appearance:none}.native-textarea.sc-ion-textarea-md::-webkit-input-placeholder{padding-left:0;padding-right:0;padding-top:0;padding-bottom:0;color:var(--placeholder-color);font-family:inherit;font-style:var(--placeholder-font-style);font-weight:var(--placeholder-font-weight);opacity:var(--placeholder-opacity)}.native-textarea.sc-ion-textarea-md::-moz-placeholder{padding-left:0;padding-right:0;padding-top:0;padding-bottom:0;color:var(--placeholder-color);font-family:inherit;font-style:var(--placeholder-font-style);font-weight:var(--placeholder-font-weight);opacity:var(--placeholder-opacity)}.native-textarea.sc-ion-textarea-md:-ms-input-placeholder{padding-left:0;padding-right:0;padding-top:0;padding-bottom:0;color:var(--placeholder-color);font-family:inherit;font-style:var(--placeholder-font-style);font-weight:var(--placeholder-font-weight);opacity:var(--placeholder-opacity)}.native-textarea.sc-ion-textarea-md::-ms-input-placeholder{padding-left:0;padding-right:0;padding-top:0;padding-bottom:0;color:var(--placeholder-color);font-family:inherit;font-style:var(--placeholder-font-style);font-weight:var(--placeholder-font-weight);opacity:var(--placeholder-opacity)}.native-textarea.sc-ion-textarea-md::placeholder{padding-left:0;padding-right:0;padding-top:0;padding-bottom:0;color:var(--placeholder-color);font-family:inherit;font-style:var(--placeholder-font-style);font-weight:var(--placeholder-font-weight);opacity:var(--placeholder-opacity)}.legacy-textarea.sc-ion-textarea-md-h .native-textarea.sc-ion-textarea-md{white-space:inherit}.legacy-textarea.sc-ion-textarea-md-h .native-textarea.sc-ion-textarea-md,.legacy-textarea.sc-ion-textarea-md-h .textarea-legacy-wrapper.sc-ion-textarea-md::after{-webkit-padding-start:var(--padding-start);padding-inline-start:var(--padding-start);-webkit-padding-end:var(--padding-end);padding-inline-end:var(--padding-end);padding-top:var(--padding-top);padding-bottom:var(--padding-bottom);border-radius:var(--border-radius)}.native-textarea.sc-ion-textarea-md{color:inherit;font-family:inherit;font-size:inherit;font-style:inherit;font-weight:inherit;letter-spacing:inherit;text-align:inherit;text-decoration:inherit;text-indent:inherit;text-overflow:inherit;text-transform:inherit;grid-area:1/1/2/2;word-break:break-word}.legacy-textarea.sc-ion-textarea-md-h .textarea-legacy-wrapper.sc-ion-textarea-md::after{font-family:inherit;font-size:inherit;font-style:inherit;font-weight:inherit;letter-spacing:inherit;text-decoration:inherit;text-indent:inherit;text-overflow:inherit;text-transform:inherit;text-align:inherit;white-space:inherit;color:inherit;grid-area:1/1/2/2;word-break:break-word}.cloned-input.sc-ion-textarea-md{top:0;bottom:0;position:absolute;pointer-events:none}@supports (inset-inline-start: 0){.cloned-input.sc-ion-textarea-md{inset-inline-start:0}}@supports not (inset-inline-start: 0){.cloned-input.sc-ion-textarea-md{left:0}[dir=rtl].sc-ion-textarea-md-h .cloned-input.sc-ion-textarea-md,[dir=rtl] .sc-ion-textarea-md-h .cloned-input.sc-ion-textarea-md{left:unset;right:unset;right:0}[dir=rtl].sc-ion-textarea-md .cloned-input.sc-ion-textarea-md{left:unset;right:unset;right:0}@supports selector(:dir(rtl)){.cloned-input.sc-ion-textarea-md:dir(rtl){left:unset;right:unset;right:0}}}.cloned-input.sc-ion-textarea-md:disabled{opacity:1}.legacy-textarea[auto-grow].sc-ion-textarea-md-h .cloned-input.sc-ion-textarea-md{margin-left:0;margin-right:0;margin-top:0;margin-bottom:0}[auto-grow].sc-ion-textarea-md-h .cloned-input.sc-ion-textarea-md{height:100%}[auto-grow].sc-ion-textarea-md-h .native-textarea.sc-ion-textarea-md{overflow:hidden}.item-label-floating.item-has-placeholder.sc-ion-textarea-md-h:not(.item-has-value),.item-label-floating.item-has-placeholder:not(.item-has-value) .sc-ion-textarea-md-h{opacity:0}.item-label-floating.item-has-placeholder.sc-ion-textarea-md-h:not(.item-has-value).item-has-focus,.item-label-floating.item-has-placeholder:not(.item-has-value).item-has-focus .sc-ion-textarea-md-h{-webkit-transition:opacity 0.15s cubic-bezier(0.4, 0, 0.2, 1);transition:opacity 0.15s cubic-bezier(0.4, 0, 0.2, 1);opacity:1}.textarea-wrapper.sc-ion-textarea-md{-webkit-padding-start:var(--padding-start);padding-inline-start:var(--padding-start);-webkit-padding-end:var(--padding-end);padding-inline-end:var(--padding-end);padding-top:0px;padding-bottom:0px;border-radius:var(--border-radius);display:-ms-flexbox;display:flex;position:relative;-ms-flex-positive:1;flex-grow:1;-ms-flex-align:start;align-items:flex-start;height:inherit;min-height:inherit;-webkit-transition:background-color 15ms linear;transition:background-color 15ms linear;background:var(--background);line-height:normal}.native-wrapper.sc-ion-textarea-md{position:relative;width:100%;height:100%}.has-focus.sc-ion-textarea-md-h textarea.sc-ion-textarea-md{caret-color:var(--highlight-color)}.native-wrapper.sc-ion-textarea-md textarea.sc-ion-textarea-md{-webkit-padding-start:0px;padding-inline-start:0px;-webkit-padding-end:0px;padding-inline-end:0px;padding-top:var(--padding-top);padding-bottom:var(--padding-bottom)}.native-wrapper.sc-ion-textarea-md,.textarea-legacy-wrapper.sc-ion-textarea-md{display:grid;min-width:inherit;max-width:inherit;min-height:inherit;max-height:inherit;grid-auto-rows:100%}.native-wrapper.sc-ion-textarea-md::after,.textarea-legacy-wrapper.sc-ion-textarea-md::after{white-space:pre-wrap;content:attr(data-replicated-value) \" \";visibility:hidden}.native-wrapper.sc-ion-textarea-md::after{padding-left:0;padding-right:0;padding-top:var(--padding-top);padding-bottom:var(--padding-bottom);margin-left:0;margin-right:0;margin-top:0;margin-bottom:0;border-radius:var(--border-radius);color:inherit;font-family:inherit;font-size:inherit;font-style:inherit;font-weight:inherit;letter-spacing:inherit;text-align:inherit;text-decoration:inherit;text-indent:inherit;text-overflow:inherit;text-transform:inherit;grid-area:1/1/2/2;word-break:break-word}.textarea-wrapper-inner.sc-ion-textarea-md{display:-ms-flexbox;display:flex;width:100%;min-height:inherit}.ion-touched.ion-invalid.sc-ion-textarea-md-h{--highlight-color:var(--highlight-color-invalid)}.ion-valid.sc-ion-textarea-md-h{--highlight-color:var(--highlight-color-valid)}.textarea-bottom.sc-ion-textarea-md{-webkit-padding-start:var(--padding-start);padding-inline-start:var(--padding-start);-webkit-padding-end:var(--padding-end);padding-inline-end:var(--padding-end);padding-top:5px;padding-bottom:0;display:-ms-flexbox;display:flex;-ms-flex-pack:justify;justify-content:space-between;border-top:var(--border-width) var(--border-style) var(--border-color);font-size:0.75rem}.has-focus.ion-valid.sc-ion-textarea-md-h,.ion-touched.ion-invalid.sc-ion-textarea-md-h{--border-color:var(--highlight-color)}.textarea-bottom.sc-ion-textarea-md .error-text.sc-ion-textarea-md{display:none;color:var(--highlight-color-invalid)}.textarea-bottom.sc-ion-textarea-md .helper-text.sc-ion-textarea-md{display:block;color:var(--ion-color-step-550, #737373)}.ion-touched.ion-invalid.sc-ion-textarea-md-h .textarea-bottom.sc-ion-textarea-md .error-text.sc-ion-textarea-md{display:block}.ion-touched.ion-invalid.sc-ion-textarea-md-h .textarea-bottom.sc-ion-textarea-md .helper-text.sc-ion-textarea-md{display:none}.textarea-bottom.sc-ion-textarea-md .counter.sc-ion-textarea-md{-webkit-margin-start:auto;margin-inline-start:auto;color:var(--ion-color-step-550, #737373);white-space:nowrap;-webkit-padding-start:16px;padding-inline-start:16px}.label-text-wrapper.sc-ion-textarea-md{-webkit-padding-start:0px;padding-inline-start:0px;-webkit-padding-end:0px;padding-inline-end:0px;padding-top:var(--padding-top);padding-bottom:var(--padding-bottom);max-width:200px;-webkit-transition:color 150ms cubic-bezier(0.4, 0, 0.2, 1), -webkit-transform 150ms cubic-bezier(0.4, 0, 0.2, 1);transition:color 150ms cubic-bezier(0.4, 0, 0.2, 1), -webkit-transform 150ms cubic-bezier(0.4, 0, 0.2, 1);transition:color 150ms cubic-bezier(0.4, 0, 0.2, 1), transform 150ms cubic-bezier(0.4, 0, 0.2, 1);transition:color 150ms cubic-bezier(0.4, 0, 0.2, 1), transform 150ms cubic-bezier(0.4, 0, 0.2, 1), -webkit-transform 150ms cubic-bezier(0.4, 0, 0.2, 1);pointer-events:none}.label-text.sc-ion-textarea-md,.sc-ion-textarea-md-s>[slot=label]{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.label-text-wrapper-hidden.sc-ion-textarea-md,.textarea-outline-notch-hidden.sc-ion-textarea-md{display:none}.textarea-wrapper.sc-ion-textarea-md textarea.sc-ion-textarea-md{-webkit-transition:opacity 150ms cubic-bezier(0.4, 0, 0.2, 1);transition:opacity 150ms cubic-bezier(0.4, 0, 0.2, 1)}.textarea-label-placement-start.sc-ion-textarea-md-h .textarea-wrapper.sc-ion-textarea-md{-ms-flex-direction:row;flex-direction:row}.textarea-label-placement-start.sc-ion-textarea-md-h .label-text-wrapper.sc-ion-textarea-md{-webkit-margin-start:0;margin-inline-start:0;-webkit-margin-end:16px;margin-inline-end:16px;margin-top:0;margin-bottom:0}.textarea-label-placement-end.sc-ion-textarea-md-h .textarea-wrapper.sc-ion-textarea-md{-ms-flex-direction:row-reverse;flex-direction:row-reverse}.textarea-label-placement-end.sc-ion-textarea-md-h .label-text-wrapper.sc-ion-textarea-md{-webkit-margin-start:16px;margin-inline-start:16px;-webkit-margin-end:0;margin-inline-end:0;margin-top:0;margin-bottom:0}.textarea-label-placement-fixed.sc-ion-textarea-md-h .label-text-wrapper.sc-ion-textarea-md{-webkit-margin-start:0;margin-inline-start:0;-webkit-margin-end:16px;margin-inline-end:16px;margin-top:0;margin-bottom:0}.textarea-label-placement-fixed.sc-ion-textarea-md-h .label-text.sc-ion-textarea-md{-ms-flex:0 0 100px;flex:0 0 100px;width:100px;min-width:100px;max-width:200px}.textarea-label-placement-stacked.sc-ion-textarea-md-h .textarea-wrapper.sc-ion-textarea-md,.textarea-label-placement-floating.sc-ion-textarea-md-h .textarea-wrapper.sc-ion-textarea-md{-ms-flex-direction:column;flex-direction:column;-ms-flex-align:start;align-items:start}.textarea-label-placement-stacked.sc-ion-textarea-md-h .label-text-wrapper.sc-ion-textarea-md,.textarea-label-placement-floating.sc-ion-textarea-md-h .label-text-wrapper.sc-ion-textarea-md{-webkit-transform-origin:left top;transform-origin:left top;-webkit-padding-start:0px;padding-inline-start:0px;-webkit-padding-end:0px;padding-inline-end:0px;padding-top:0px;padding-bottom:0px;max-width:100%;z-index:2}[dir=rtl].sc-ion-textarea-md-h -no-combinator.textarea-label-placement-stacked.sc-ion-textarea-md-h .label-text-wrapper.sc-ion-textarea-md,[dir=rtl] .sc-ion-textarea-md-h -no-combinator.textarea-label-placement-stacked.sc-ion-textarea-md-h .label-text-wrapper.sc-ion-textarea-md,[dir=rtl].textarea-label-placement-stacked.sc-ion-textarea-md-h .label-text-wrapper.sc-ion-textarea-md,[dir=rtl] .textarea-label-placement-stacked.sc-ion-textarea-md-h .label-text-wrapper.sc-ion-textarea-md,[dir=rtl].sc-ion-textarea-md-h -no-combinator.textarea-label-placement-floating.sc-ion-textarea-md-h .label-text-wrapper.sc-ion-textarea-md,[dir=rtl] .sc-ion-textarea-md-h -no-combinator.textarea-label-placement-floating.sc-ion-textarea-md-h .label-text-wrapper.sc-ion-textarea-md,[dir=rtl].textarea-label-placement-floating.sc-ion-textarea-md-h .label-text-wrapper.sc-ion-textarea-md,[dir=rtl] .textarea-label-placement-floating.sc-ion-textarea-md-h .label-text-wrapper.sc-ion-textarea-md{-webkit-transform-origin:right top;transform-origin:right top}@supports selector(:dir(rtl)){.textarea-label-placement-stacked.sc-ion-textarea-md-h:dir(rtl) .label-text-wrapper.sc-ion-textarea-md,.textarea-label-placement-floating.sc-ion-textarea-md-h:dir(rtl) .label-text-wrapper.sc-ion-textarea-md{-webkit-transform-origin:right top;transform-origin:right top}}.textarea-label-placement-stacked.sc-ion-textarea-md-h textarea.sc-ion-textarea-md,.textarea-label-placement-floating.sc-ion-textarea-md-h textarea.sc-ion-textarea-md,.textarea-label-placement-stacked[auto-grow].sc-ion-textarea-md-h .native-wrapper.sc-ion-textarea-md::after,.textarea-label-placement-floating[auto-grow].sc-ion-textarea-md-h .native-wrapper.sc-ion-textarea-md::after{-webkit-margin-start:0px;margin-inline-start:0px;-webkit-margin-end:0px;margin-inline-end:0px;margin-top:8px;margin-bottom:0px}.sc-ion-textarea-md-h.textarea-label-placement-stacked.sc-ion-textarea-md-s>[slot=start],.sc-ion-textarea-md-h.textarea-label-placement-stacked .sc-ion-textarea-md-s>[slot=start],.sc-ion-textarea-md-h.textarea-label-placement-stacked.sc-ion-textarea-md-s>[slot=end],.sc-ion-textarea-md-h.textarea-label-placement-stacked .sc-ion-textarea-md-s>[slot=end],.sc-ion-textarea-md-h.textarea-label-placement-floating.sc-ion-textarea-md-s>[slot=start],.sc-ion-textarea-md-h.textarea-label-placement-floating .sc-ion-textarea-md-s>[slot=start],.sc-ion-textarea-md-h.textarea-label-placement-floating.sc-ion-textarea-md-s>[slot=end],.sc-ion-textarea-md-h.textarea-label-placement-floating .sc-ion-textarea-md-s>[slot=end]{margin-top:8px}.textarea-label-placement-floating.sc-ion-textarea-md-h .label-text-wrapper.sc-ion-textarea-md{-webkit-transform:translateY(100%) scale(1);transform:translateY(100%) scale(1)}.textarea-label-placement-floating.sc-ion-textarea-md-h textarea.sc-ion-textarea-md{opacity:0}.has-focus.textarea-label-placement-floating.sc-ion-textarea-md-h textarea.sc-ion-textarea-md,.has-value.textarea-label-placement-floating.sc-ion-textarea-md-h textarea.sc-ion-textarea-md{opacity:1}.label-floating.sc-ion-textarea-md-h .label-text-wrapper.sc-ion-textarea-md{-webkit-transform:translateY(50%) scale(0.75);transform:translateY(50%) scale(0.75);max-width:calc(100% / 0.75)}.start-slot-wrapper.sc-ion-textarea-md,.end-slot-wrapper.sc-ion-textarea-md{padding-left:0;padding-right:0;padding-top:var(--padding-top);padding-bottom:var(--padding-bottom);display:-ms-flexbox;display:flex;-ms-flex-negative:0;flex-shrink:0;-ms-flex-item-align:start;align-self:start}.sc-ion-textarea-md-s>[slot=start],.sc-ion-textarea-md-s>[slot=end]{margin-top:0}.sc-ion-textarea-md-s>[slot=start]{-webkit-margin-end:16px;margin-inline-end:16px;-webkit-margin-start:0;margin-inline-start:0}.sc-ion-textarea-md-s>[slot=end]{-webkit-margin-start:16px;margin-inline-start:16px;-webkit-margin-end:0;margin-inline-end:0}.textarea-fill-solid.sc-ion-textarea-md-h{--background:var(--ion-color-step-50, #f2f2f2);--border-color:var(--ion-color-step-500, gray);--border-radius:4px;--padding-start:16px;--padding-end:16px;min-height:56px}.textarea-fill-solid.sc-ion-textarea-md-h .textarea-wrapper.sc-ion-textarea-md{border-bottom:var(--border-width) var(--border-style) var(--border-color)}.has-focus.textarea-fill-solid.ion-valid.sc-ion-textarea-md-h,.textarea-fill-solid.ion-touched.ion-invalid.sc-ion-textarea-md-h{--border-color:var(--highlight-color)}.textarea-fill-solid.sc-ion-textarea-md-h .textarea-bottom.sc-ion-textarea-md{border-top:none}@media (any-hover: hover){.textarea-fill-solid.sc-ion-textarea-md-h:hover{--background:var(--ion-color-step-100, #e6e6e6);--border-color:var(--ion-color-step-750, #404040)}}.textarea-fill-solid.has-focus.sc-ion-textarea-md-h{--background:var(--ion-color-step-150, #d9d9d9);--border-color:var(--ion-color-step-750, #404040)}.textarea-fill-solid.sc-ion-textarea-md-h .textarea-wrapper.sc-ion-textarea-md{border-top-left-radius:var(--border-radius);border-top-right-radius:var(--border-radius);border-bottom-right-radius:0px;border-bottom-left-radius:0px}[dir=rtl].sc-ion-textarea-md-h -no-combinator.textarea-fill-solid.sc-ion-textarea-md-h .textarea-wrapper.sc-ion-textarea-md,[dir=rtl] .sc-ion-textarea-md-h -no-combinator.textarea-fill-solid.sc-ion-textarea-md-h .textarea-wrapper.sc-ion-textarea-md,[dir=rtl].textarea-fill-solid.sc-ion-textarea-md-h .textarea-wrapper.sc-ion-textarea-md,[dir=rtl] .textarea-fill-solid.sc-ion-textarea-md-h .textarea-wrapper.sc-ion-textarea-md{border-top-left-radius:var(--border-radius);border-top-right-radius:var(--border-radius);border-bottom-right-radius:0px;border-bottom-left-radius:0px}@supports selector(:dir(rtl)){.textarea-fill-solid.sc-ion-textarea-md-h:dir(rtl) .textarea-wrapper.sc-ion-textarea-md{border-top-left-radius:var(--border-radius);border-top-right-radius:var(--border-radius);border-bottom-right-radius:0px;border-bottom-left-radius:0px}}.label-floating.textarea-fill-solid.sc-ion-textarea-md-h .label-text-wrapper.sc-ion-textarea-md{max-width:calc(100% / 0.75)}.textarea-fill-outline.sc-ion-textarea-md-h{--border-color:var(--ion-color-step-300, #b3b3b3);--border-radius:4px;--padding-start:16px;--padding-end:16px;min-height:56px}.textarea-fill-outline.textarea-shape-round.sc-ion-textarea-md-h{--border-radius:28px;--padding-start:32px;--padding-end:32px}.has-focus.textarea-fill-outline.ion-valid.sc-ion-textarea-md-h,.textarea-fill-outline.ion-touched.ion-invalid.sc-ion-textarea-md-h{--border-color:var(--highlight-color)}@media (any-hover: hover){.textarea-fill-outline.sc-ion-textarea-md-h:hover{--border-color:var(--ion-color-step-750, #404040)}}.textarea-fill-outline.has-focus.sc-ion-textarea-md-h{--border-width:2px;--border-color:var(--highlight-color)}.textarea-fill-outline.sc-ion-textarea-md-h .textarea-bottom.sc-ion-textarea-md{border-top:none}.textarea-fill-outline.sc-ion-textarea-md-h .textarea-wrapper.sc-ion-textarea-md{border-bottom:none}.textarea-fill-outline.textarea-label-placement-stacked.sc-ion-textarea-md-h .label-text-wrapper.sc-ion-textarea-md,.textarea-fill-outline.textarea-label-placement-floating.sc-ion-textarea-md-h .label-text-wrapper.sc-ion-textarea-md{-webkit-transform-origin:left top;transform-origin:left top;position:absolute;max-width:calc(100% - var(--padding-start) - var(--padding-end))}[dir=rtl].sc-ion-textarea-md-h -no-combinator.textarea-fill-outline.textarea-label-placement-stacked.sc-ion-textarea-md-h .label-text-wrapper.sc-ion-textarea-md,[dir=rtl] .sc-ion-textarea-md-h -no-combinator.textarea-fill-outline.textarea-label-placement-stacked.sc-ion-textarea-md-h .label-text-wrapper.sc-ion-textarea-md,[dir=rtl].textarea-fill-outline.textarea-label-placement-stacked.sc-ion-textarea-md-h .label-text-wrapper.sc-ion-textarea-md,[dir=rtl] .textarea-fill-outline.textarea-label-placement-stacked.sc-ion-textarea-md-h .label-text-wrapper.sc-ion-textarea-md,[dir=rtl].sc-ion-textarea-md-h -no-combinator.textarea-fill-outline.textarea-label-placement-floating.sc-ion-textarea-md-h .label-text-wrapper.sc-ion-textarea-md,[dir=rtl] .sc-ion-textarea-md-h -no-combinator.textarea-fill-outline.textarea-label-placement-floating.sc-ion-textarea-md-h .label-text-wrapper.sc-ion-textarea-md,[dir=rtl].textarea-fill-outline.textarea-label-placement-floating.sc-ion-textarea-md-h .label-text-wrapper.sc-ion-textarea-md,[dir=rtl] .textarea-fill-outline.textarea-label-placement-floating.sc-ion-textarea-md-h .label-text-wrapper.sc-ion-textarea-md{-webkit-transform-origin:right top;transform-origin:right top}@supports selector(:dir(rtl)){.textarea-fill-outline.textarea-label-placement-stacked.sc-ion-textarea-md-h:dir(rtl) .label-text-wrapper.sc-ion-textarea-md,.textarea-fill-outline.textarea-label-placement-floating.sc-ion-textarea-md-h:dir(rtl) .label-text-wrapper.sc-ion-textarea-md{-webkit-transform-origin:right top;transform-origin:right top}}.textarea-fill-outline.sc-ion-textarea-md-h .label-text-wrapper.sc-ion-textarea-md{position:relative}.label-floating.textarea-fill-outline.sc-ion-textarea-md-h .label-text-wrapper.sc-ion-textarea-md{-webkit-transform:translateY(-32%) scale(0.75);transform:translateY(-32%) scale(0.75);margin-left:0;margin-right:0;margin-top:0;margin-bottom:0;max-width:calc(\n (100% - var(--padding-start) - var(--padding-end) - 8px) / 0.75\n )}.textarea-fill-outline.textarea-label-placement-stacked.sc-ion-textarea-md-h textarea.sc-ion-textarea-md,.textarea-fill-outline.textarea-label-placement-floating.sc-ion-textarea-md-h textarea.sc-ion-textarea-md,.textarea-fill-outline.textarea-label-placement-stacked[auto-grow].sc-ion-textarea-md-h .native-wrapper.sc-ion-textarea-md::after,.textarea-fill-outline.textarea-label-placement-floating[auto-grow].sc-ion-textarea-md-h .native-wrapper.sc-ion-textarea-md::after{-webkit-margin-start:0px;margin-inline-start:0px;-webkit-margin-end:0px;margin-inline-end:0px;margin-top:12px;margin-bottom:0px}.sc-ion-textarea-md-h.textarea-fill-outline.textarea-label-placement-stacked.sc-ion-textarea-md-s>[slot=start],.sc-ion-textarea-md-h.textarea-fill-outline.textarea-label-placement-stacked .sc-ion-textarea-md-s>[slot=start],.sc-ion-textarea-md-h.textarea-fill-outline.textarea-label-placement-stacked.sc-ion-textarea-md-s>[slot=end],.sc-ion-textarea-md-h.textarea-fill-outline.textarea-label-placement-stacked .sc-ion-textarea-md-s>[slot=end],.sc-ion-textarea-md-h.textarea-fill-outline.textarea-label-placement-floating.sc-ion-textarea-md-s>[slot=start],.sc-ion-textarea-md-h.textarea-fill-outline.textarea-label-placement-floating .sc-ion-textarea-md-s>[slot=start],.sc-ion-textarea-md-h.textarea-fill-outline.textarea-label-placement-floating.sc-ion-textarea-md-s>[slot=end],.sc-ion-textarea-md-h.textarea-fill-outline.textarea-label-placement-floating .sc-ion-textarea-md-s>[slot=end]{margin-top:12px}.textarea-fill-outline.sc-ion-textarea-md-h .textarea-outline-container.sc-ion-textarea-md{left:0;right:0;top:0;bottom:0;display:-ms-flexbox;display:flex;position:absolute;width:100%;height:100%}.textarea-fill-outline.sc-ion-textarea-md-h .textarea-outline-start.sc-ion-textarea-md,.textarea-fill-outline.sc-ion-textarea-md-h .textarea-outline-end.sc-ion-textarea-md{pointer-events:none}.textarea-fill-outline.sc-ion-textarea-md-h .textarea-outline-start.sc-ion-textarea-md,.textarea-fill-outline.sc-ion-textarea-md-h .textarea-outline-notch.sc-ion-textarea-md,.textarea-fill-outline.sc-ion-textarea-md-h .textarea-outline-end.sc-ion-textarea-md{border-top:var(--border-width) var(--border-style) var(--border-color);border-bottom:var(--border-width) var(--border-style) var(--border-color)}.textarea-fill-outline.sc-ion-textarea-md-h .textarea-outline-notch.sc-ion-textarea-md{max-width:calc(100% - var(--padding-start) - var(--padding-end))}.textarea-fill-outline.sc-ion-textarea-md-h .notch-spacer.sc-ion-textarea-md{-webkit-padding-end:8px;padding-inline-end:8px;font-size:calc(1em * 0.75);opacity:0;pointer-events:none;-webkit-box-sizing:content-box;box-sizing:content-box}.textarea-fill-outline.sc-ion-textarea-md-h .textarea-outline-start.sc-ion-textarea-md{border-top-left-radius:var(--border-radius);border-top-right-radius:0px;border-bottom-right-radius:0px;border-bottom-left-radius:var(--border-radius);-webkit-border-start:var(--border-width) var(--border-style) var(--border-color);border-inline-start:var(--border-width) var(--border-style) var(--border-color);width:calc(var(--padding-start) - 4px)}[dir=rtl].sc-ion-textarea-md-h -no-combinator.textarea-fill-outline.sc-ion-textarea-md-h .textarea-outline-start.sc-ion-textarea-md,[dir=rtl] .sc-ion-textarea-md-h -no-combinator.textarea-fill-outline.sc-ion-textarea-md-h .textarea-outline-start.sc-ion-textarea-md,[dir=rtl].textarea-fill-outline.sc-ion-textarea-md-h .textarea-outline-start.sc-ion-textarea-md,[dir=rtl] .textarea-fill-outline.sc-ion-textarea-md-h .textarea-outline-start.sc-ion-textarea-md{border-top-left-radius:0px;border-top-right-radius:var(--border-radius);border-bottom-right-radius:var(--border-radius);border-bottom-left-radius:0px}@supports selector(:dir(rtl)){.textarea-fill-outline.sc-ion-textarea-md-h:dir(rtl) .textarea-outline-start.sc-ion-textarea-md{border-top-left-radius:0px;border-top-right-radius:var(--border-radius);border-bottom-right-radius:var(--border-radius);border-bottom-left-radius:0px}}.textarea-fill-outline.sc-ion-textarea-md-h .textarea-outline-end.sc-ion-textarea-md{-webkit-border-end:var(--border-width) var(--border-style) var(--border-color);border-inline-end:var(--border-width) var(--border-style) var(--border-color);border-top-left-radius:0px;border-top-right-radius:var(--border-radius);border-bottom-right-radius:var(--border-radius);border-bottom-left-radius:0px;-ms-flex-positive:1;flex-grow:1}[dir=rtl].sc-ion-textarea-md-h -no-combinator.textarea-fill-outline.sc-ion-textarea-md-h .textarea-outline-end.sc-ion-textarea-md,[dir=rtl] .sc-ion-textarea-md-h -no-combinator.textarea-fill-outline.sc-ion-textarea-md-h .textarea-outline-end.sc-ion-textarea-md,[dir=rtl].textarea-fill-outline.sc-ion-textarea-md-h .textarea-outline-end.sc-ion-textarea-md,[dir=rtl] .textarea-fill-outline.sc-ion-textarea-md-h .textarea-outline-end.sc-ion-textarea-md{border-top-left-radius:var(--border-radius);border-top-right-radius:0px;border-bottom-right-radius:0px;border-bottom-left-radius:var(--border-radius)}@supports selector(:dir(rtl)){.textarea-fill-outline.sc-ion-textarea-md-h:dir(rtl) .textarea-outline-end.sc-ion-textarea-md{border-top-left-radius:var(--border-radius);border-top-right-radius:0px;border-bottom-right-radius:0px;border-bottom-left-radius:var(--border-radius)}}.label-floating.textarea-fill-outline.sc-ion-textarea-md-h .textarea-outline-notch.sc-ion-textarea-md{border-top:none}.sc-ion-textarea-md-h{--border-width:1px;--border-color:var(--ion-item-border-color, var(--ion-border-color, var(--ion-color-step-150, rgba(0, 0, 0, 0.13))));--padding-top:18px;--padding-end:0px;--padding-bottom:8px;--padding-start:0px;font-size:inherit}.legacy-textarea.sc-ion-textarea-md-h{--padding-top:10px;--padding-end:0;--padding-bottom:11px;--padding-start:8px;margin-left:0;margin-right:0;margin-top:8px;margin-bottom:0}.item-label-stacked.sc-ion-textarea-md-h,.item-label-stacked .sc-ion-textarea-md-h,.item-label-floating.sc-ion-textarea-md-h,.item-label-floating .sc-ion-textarea-md-h{--padding-top:8px;--padding-bottom:8px;--padding-start:0}.textarea-bottom.sc-ion-textarea-md .counter.sc-ion-textarea-md{letter-spacing:0.0333333333em}.textarea-label-placement-floating.has-focus.sc-ion-textarea-md-h .label-text-wrapper.sc-ion-textarea-md,.textarea-label-placement-stacked.has-focus.sc-ion-textarea-md-h .label-text-wrapper.sc-ion-textarea-md{color:var(--highlight-color)}.has-focus.textarea-label-placement-floating.ion-valid.sc-ion-textarea-md-h .label-text-wrapper.sc-ion-textarea-md,.textarea-label-placement-floating.ion-touched.ion-invalid.sc-ion-textarea-md-h .label-text-wrapper.sc-ion-textarea-md,.has-focus.textarea-label-placement-stacked.ion-valid.sc-ion-textarea-md-h .label-text-wrapper.sc-ion-textarea-md,.textarea-label-placement-stacked.ion-touched.ion-invalid.sc-ion-textarea-md-h .label-text-wrapper.sc-ion-textarea-md{color:var(--highlight-color)}.legacy-textarea.sc-ion-textarea-md-h .native-textarea[disabled].sc-ion-textarea-md,.textarea-disabled.sc-ion-textarea-md-h{opacity:0.38}.textarea-highlight.sc-ion-textarea-md{bottom:-1px;position:absolute;width:100%;height:2px;-webkit-transform:scale(0);transform:scale(0);-webkit-transition:-webkit-transform 200ms;transition:-webkit-transform 200ms;transition:transform 200ms;transition:transform 200ms, -webkit-transform 200ms;background:var(--highlight-color)}@supports (inset-inline-start: 0){.textarea-highlight.sc-ion-textarea-md{inset-inline-start:0}}@supports not (inset-inline-start: 0){.textarea-highlight.sc-ion-textarea-md{left:0}[dir=rtl].sc-ion-textarea-md-h .textarea-highlight.sc-ion-textarea-md,[dir=rtl] .sc-ion-textarea-md-h .textarea-highlight.sc-ion-textarea-md{left:unset;right:unset;right:0}[dir=rtl].sc-ion-textarea-md .textarea-highlight.sc-ion-textarea-md{left:unset;right:unset;right:0}@supports selector(:dir(rtl)){.textarea-highlight.sc-ion-textarea-md:dir(rtl){left:unset;right:unset;right:0}}}.has-focus.sc-ion-textarea-md-h .textarea-highlight.sc-ion-textarea-md{-webkit-transform:scale(1);transform:scale(1)}.in-item.sc-ion-textarea-md-h .textarea-highlight.sc-ion-textarea-md{bottom:0}@supports (inset-inline-start: 0){.in-item.sc-ion-textarea-md-h .textarea-highlight.sc-ion-textarea-md{inset-inline-start:0}}@supports not (inset-inline-start: 0){.in-item.sc-ion-textarea-md-h .textarea-highlight.sc-ion-textarea-md{left:0}[dir=rtl].sc-ion-textarea-md-h -no-combinator.in-item.sc-ion-textarea-md-h .textarea-highlight.sc-ion-textarea-md,[dir=rtl] .sc-ion-textarea-md-h -no-combinator.in-item.sc-ion-textarea-md-h .textarea-highlight.sc-ion-textarea-md,[dir=rtl].in-item.sc-ion-textarea-md-h .textarea-highlight.sc-ion-textarea-md,[dir=rtl] .in-item.sc-ion-textarea-md-h .textarea-highlight.sc-ion-textarea-md{left:unset;right:unset;right:0}@supports selector(:dir(rtl)){.in-item.sc-ion-textarea-md-h:dir(rtl) .textarea-highlight.sc-ion-textarea-md{left:unset;right:unset;right:0}}}.textarea-shape-round.sc-ion-textarea-md-h{--border-radius:16px}.sc-ion-textarea-md-s>ion-button[slot=start].button-has-icon-only,.sc-ion-textarea-md-s>ion-button[slot=end].button-has-icon-only{--border-radius:50%;--padding-start:8px;--padding-end:8px;--padding-top:8px;--padding-bottom:8px;aspect-ratio:1;min-height:40px}";
14
+ const textareaMdCss = ".sc-ion-textarea-md-h{--background:initial;--color:initial;--placeholder-color:initial;--placeholder-font-style:initial;--placeholder-font-weight:initial;--placeholder-opacity:var(--ion-placeholder-opacity, 0.6);--padding-top:0;--padding-end:0;--padding-bottom:8px;--padding-start:0;--border-radius:0;--border-style:solid;--highlight-color-focused:var(--ion-color-primary, #0054e9);--highlight-color-valid:var(--ion-color-success, #2dd55b);--highlight-color-invalid:var(--ion-color-danger, #c5000f);--highlight-color:var(--highlight-color-focused);display:block;position:relative;width:100%;min-height:44px;color:var(--color);font-family:var(--ion-font-family, inherit);z-index:2;-webkit-box-sizing:border-box;box-sizing:border-box}.textarea-label-placement-floating.sc-ion-textarea-md-h,.textarea-label-placement-stacked.sc-ion-textarea-md-h{--padding-top:0px;min-height:56px}[cols].sc-ion-textarea-md-h:not([auto-grow]){width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.ion-color.sc-ion-textarea-md-h{--highlight-color-focused:var(--ion-color-base);background:initial}ion-item.sc-ion-textarea-md-h,ion-item .sc-ion-textarea-md-h{-ms-flex-item-align:baseline;align-self:baseline}ion-item[slot=start].sc-ion-textarea-md-h,ion-item [slot=start].sc-ion-textarea-md-h,ion-item[slot=end].sc-ion-textarea-md-h,ion-item [slot=end].sc-ion-textarea-md-h{width:auto}.native-textarea.sc-ion-textarea-md{margin-left:0;margin-right:0;margin-top:0;margin-bottom:0;padding-left:0;padding-right:0;padding-top:0;padding-bottom:0;display:block;position:relative;-ms-flex:1;flex:1;width:100%;max-width:100%;max-height:100%;border:0;outline:none;background:transparent;white-space:pre-wrap;z-index:1;-webkit-box-sizing:border-box;box-sizing:border-box;resize:none;-webkit-appearance:none;-moz-appearance:none;appearance:none}.native-textarea.sc-ion-textarea-md::-webkit-input-placeholder{padding-left:0;padding-right:0;padding-top:0;padding-bottom:0;color:var(--placeholder-color);font-family:inherit;font-style:var(--placeholder-font-style);font-weight:var(--placeholder-font-weight);opacity:var(--placeholder-opacity)}.native-textarea.sc-ion-textarea-md::-moz-placeholder{padding-left:0;padding-right:0;padding-top:0;padding-bottom:0;color:var(--placeholder-color);font-family:inherit;font-style:var(--placeholder-font-style);font-weight:var(--placeholder-font-weight);opacity:var(--placeholder-opacity)}.native-textarea.sc-ion-textarea-md:-ms-input-placeholder{padding-left:0;padding-right:0;padding-top:0;padding-bottom:0;color:var(--placeholder-color);font-family:inherit;font-style:var(--placeholder-font-style);font-weight:var(--placeholder-font-weight);opacity:var(--placeholder-opacity)}.native-textarea.sc-ion-textarea-md::-ms-input-placeholder{padding-left:0;padding-right:0;padding-top:0;padding-bottom:0;color:var(--placeholder-color);font-family:inherit;font-style:var(--placeholder-font-style);font-weight:var(--placeholder-font-weight);opacity:var(--placeholder-opacity)}.native-textarea.sc-ion-textarea-md::placeholder{padding-left:0;padding-right:0;padding-top:0;padding-bottom:0;color:var(--placeholder-color);font-family:inherit;font-style:var(--placeholder-font-style);font-weight:var(--placeholder-font-weight);opacity:var(--placeholder-opacity)}.native-textarea.sc-ion-textarea-md{color:inherit;font-family:inherit;font-size:inherit;font-style:inherit;font-weight:inherit;letter-spacing:inherit;text-align:inherit;text-decoration:inherit;text-indent:inherit;text-overflow:inherit;text-transform:inherit;grid-area:1/1/2/2;word-break:break-word}.cloned-input.sc-ion-textarea-md{top:0;bottom:0;position:absolute;pointer-events:none}.cloned-input.sc-ion-textarea-md{inset-inline-start:0}.cloned-input.sc-ion-textarea-md:disabled{opacity:1}[auto-grow].sc-ion-textarea-md-h .cloned-input.sc-ion-textarea-md{height:100%}[auto-grow].sc-ion-textarea-md-h .native-textarea.sc-ion-textarea-md{overflow:hidden}.textarea-wrapper.sc-ion-textarea-md{-webkit-padding-start:var(--padding-start);padding-inline-start:var(--padding-start);-webkit-padding-end:var(--padding-end);padding-inline-end:var(--padding-end);padding-top:0px;padding-bottom:0px;border-radius:var(--border-radius);display:-ms-flexbox;display:flex;position:relative;-ms-flex-positive:1;flex-grow:1;-ms-flex-align:start;align-items:flex-start;height:inherit;min-height:inherit;-webkit-transition:background-color 15ms linear;transition:background-color 15ms linear;background:var(--background);line-height:normal}.native-wrapper.sc-ion-textarea-md{position:relative;width:100%;height:100%}.has-focus.sc-ion-textarea-md-h textarea.sc-ion-textarea-md{caret-color:var(--highlight-color)}.native-wrapper.sc-ion-textarea-md textarea.sc-ion-textarea-md{-webkit-padding-start:0px;padding-inline-start:0px;-webkit-padding-end:0px;padding-inline-end:0px;padding-top:var(--padding-top);padding-bottom:var(--padding-bottom)}.native-wrapper.sc-ion-textarea-md{display:grid;min-width:inherit;max-width:inherit;min-height:inherit;max-height:inherit;grid-auto-rows:100%}.native-wrapper.sc-ion-textarea-md::after{white-space:pre-wrap;content:attr(data-replicated-value) \" \";visibility:hidden}.native-wrapper.sc-ion-textarea-md::after{padding-left:0;padding-right:0;padding-top:var(--padding-top);padding-bottom:var(--padding-bottom);margin-left:0;margin-right:0;margin-top:0;margin-bottom:0;border-radius:var(--border-radius);color:inherit;font-family:inherit;font-size:inherit;font-style:inherit;font-weight:inherit;letter-spacing:inherit;text-align:inherit;text-decoration:inherit;text-indent:inherit;text-overflow:inherit;text-transform:inherit;grid-area:1/1/2/2;word-break:break-word}.textarea-wrapper-inner.sc-ion-textarea-md{display:-ms-flexbox;display:flex;width:100%;min-height:inherit}.ion-touched.ion-invalid.sc-ion-textarea-md-h{--highlight-color:var(--highlight-color-invalid)}.ion-valid.sc-ion-textarea-md-h{--highlight-color:var(--highlight-color-valid)}.textarea-bottom.sc-ion-textarea-md{-webkit-padding-start:var(--padding-start);padding-inline-start:var(--padding-start);-webkit-padding-end:var(--padding-end);padding-inline-end:var(--padding-end);padding-top:5px;padding-bottom:0;display:-ms-flexbox;display:flex;-ms-flex-pack:justify;justify-content:space-between;border-top:var(--border-width) var(--border-style) var(--border-color);font-size:0.75rem}.has-focus.ion-valid.sc-ion-textarea-md-h,.ion-touched.ion-invalid.sc-ion-textarea-md-h{--border-color:var(--highlight-color)}.textarea-bottom.sc-ion-textarea-md .error-text.sc-ion-textarea-md{display:none;color:var(--highlight-color-invalid)}.textarea-bottom.sc-ion-textarea-md .helper-text.sc-ion-textarea-md{display:block;color:var(--ion-color-step-550, var(--ion-text-color-step-450, #737373))}.ion-touched.ion-invalid.sc-ion-textarea-md-h .textarea-bottom.sc-ion-textarea-md .error-text.sc-ion-textarea-md{display:block}.ion-touched.ion-invalid.sc-ion-textarea-md-h .textarea-bottom.sc-ion-textarea-md .helper-text.sc-ion-textarea-md{display:none}.textarea-bottom.sc-ion-textarea-md .counter.sc-ion-textarea-md{-webkit-margin-start:auto;margin-inline-start:auto;color:var(--ion-color-step-550, var(--ion-text-color-step-450, #737373));white-space:nowrap;-webkit-padding-start:16px;padding-inline-start:16px}.label-text-wrapper.sc-ion-textarea-md{-webkit-padding-start:0px;padding-inline-start:0px;-webkit-padding-end:0px;padding-inline-end:0px;padding-top:var(--padding-top);padding-bottom:var(--padding-bottom);max-width:200px;-webkit-transition:color 150ms cubic-bezier(0.4, 0, 0.2, 1), -webkit-transform 150ms cubic-bezier(0.4, 0, 0.2, 1);transition:color 150ms cubic-bezier(0.4, 0, 0.2, 1), -webkit-transform 150ms cubic-bezier(0.4, 0, 0.2, 1);transition:color 150ms cubic-bezier(0.4, 0, 0.2, 1), transform 150ms cubic-bezier(0.4, 0, 0.2, 1);transition:color 150ms cubic-bezier(0.4, 0, 0.2, 1), transform 150ms cubic-bezier(0.4, 0, 0.2, 1), -webkit-transform 150ms cubic-bezier(0.4, 0, 0.2, 1);pointer-events:none}.label-text.sc-ion-textarea-md,.sc-ion-textarea-md-s>[slot=label]{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.label-text-wrapper-hidden.sc-ion-textarea-md,.textarea-outline-notch-hidden.sc-ion-textarea-md{display:none}.textarea-wrapper.sc-ion-textarea-md textarea.sc-ion-textarea-md{-webkit-transition:opacity 150ms cubic-bezier(0.4, 0, 0.2, 1);transition:opacity 150ms cubic-bezier(0.4, 0, 0.2, 1)}.textarea-label-placement-start.sc-ion-textarea-md-h .textarea-wrapper.sc-ion-textarea-md{-ms-flex-direction:row;flex-direction:row}.textarea-label-placement-start.sc-ion-textarea-md-h .label-text-wrapper.sc-ion-textarea-md{-webkit-margin-start:0;margin-inline-start:0;-webkit-margin-end:16px;margin-inline-end:16px;margin-top:0;margin-bottom:0}.textarea-label-placement-end.sc-ion-textarea-md-h .textarea-wrapper.sc-ion-textarea-md{-ms-flex-direction:row-reverse;flex-direction:row-reverse}.textarea-label-placement-end.sc-ion-textarea-md-h .label-text-wrapper.sc-ion-textarea-md{-webkit-margin-start:16px;margin-inline-start:16px;-webkit-margin-end:0;margin-inline-end:0;margin-top:0;margin-bottom:0}.textarea-label-placement-fixed.sc-ion-textarea-md-h .label-text-wrapper.sc-ion-textarea-md{-webkit-margin-start:0;margin-inline-start:0;-webkit-margin-end:16px;margin-inline-end:16px;margin-top:0;margin-bottom:0}.textarea-label-placement-fixed.sc-ion-textarea-md-h .label-text.sc-ion-textarea-md{-ms-flex:0 0 100px;flex:0 0 100px;width:100px;min-width:100px;max-width:200px}.textarea-label-placement-stacked.sc-ion-textarea-md-h .textarea-wrapper.sc-ion-textarea-md,.textarea-label-placement-floating.sc-ion-textarea-md-h .textarea-wrapper.sc-ion-textarea-md{-ms-flex-direction:column;flex-direction:column;-ms-flex-align:start;align-items:start}.textarea-label-placement-stacked.sc-ion-textarea-md-h .label-text-wrapper.sc-ion-textarea-md,.textarea-label-placement-floating.sc-ion-textarea-md-h .label-text-wrapper.sc-ion-textarea-md{-webkit-transform-origin:left top;transform-origin:left top;-webkit-padding-start:0px;padding-inline-start:0px;-webkit-padding-end:0px;padding-inline-end:0px;padding-top:0px;padding-bottom:0px;max-width:100%;z-index:2}[dir=rtl].sc-ion-textarea-md-h -no-combinator.textarea-label-placement-stacked.sc-ion-textarea-md-h .label-text-wrapper.sc-ion-textarea-md,[dir=rtl] .sc-ion-textarea-md-h -no-combinator.textarea-label-placement-stacked.sc-ion-textarea-md-h .label-text-wrapper.sc-ion-textarea-md,[dir=rtl].textarea-label-placement-stacked.sc-ion-textarea-md-h .label-text-wrapper.sc-ion-textarea-md,[dir=rtl] .textarea-label-placement-stacked.sc-ion-textarea-md-h .label-text-wrapper.sc-ion-textarea-md,[dir=rtl].sc-ion-textarea-md-h -no-combinator.textarea-label-placement-floating.sc-ion-textarea-md-h .label-text-wrapper.sc-ion-textarea-md,[dir=rtl] .sc-ion-textarea-md-h -no-combinator.textarea-label-placement-floating.sc-ion-textarea-md-h .label-text-wrapper.sc-ion-textarea-md,[dir=rtl].textarea-label-placement-floating.sc-ion-textarea-md-h .label-text-wrapper.sc-ion-textarea-md,[dir=rtl] .textarea-label-placement-floating.sc-ion-textarea-md-h .label-text-wrapper.sc-ion-textarea-md{-webkit-transform-origin:right top;transform-origin:right top}@supports selector(:dir(rtl)){.textarea-label-placement-stacked.sc-ion-textarea-md-h:dir(rtl) .label-text-wrapper.sc-ion-textarea-md,.textarea-label-placement-floating.sc-ion-textarea-md-h:dir(rtl) .label-text-wrapper.sc-ion-textarea-md{-webkit-transform-origin:right top;transform-origin:right top}}.textarea-label-placement-stacked.sc-ion-textarea-md-h textarea.sc-ion-textarea-md,.textarea-label-placement-floating.sc-ion-textarea-md-h textarea.sc-ion-textarea-md,.textarea-label-placement-stacked[auto-grow].sc-ion-textarea-md-h .native-wrapper.sc-ion-textarea-md::after,.textarea-label-placement-floating[auto-grow].sc-ion-textarea-md-h .native-wrapper.sc-ion-textarea-md::after{-webkit-margin-start:0px;margin-inline-start:0px;-webkit-margin-end:0px;margin-inline-end:0px;margin-top:8px;margin-bottom:0px}.sc-ion-textarea-md-h.textarea-label-placement-stacked.sc-ion-textarea-md-s>[slot=start],.sc-ion-textarea-md-h.textarea-label-placement-stacked .sc-ion-textarea-md-s>[slot=start],.sc-ion-textarea-md-h.textarea-label-placement-stacked.sc-ion-textarea-md-s>[slot=end],.sc-ion-textarea-md-h.textarea-label-placement-stacked .sc-ion-textarea-md-s>[slot=end],.sc-ion-textarea-md-h.textarea-label-placement-floating.sc-ion-textarea-md-s>[slot=start],.sc-ion-textarea-md-h.textarea-label-placement-floating .sc-ion-textarea-md-s>[slot=start],.sc-ion-textarea-md-h.textarea-label-placement-floating.sc-ion-textarea-md-s>[slot=end],.sc-ion-textarea-md-h.textarea-label-placement-floating .sc-ion-textarea-md-s>[slot=end]{margin-top:8px}.textarea-label-placement-floating.sc-ion-textarea-md-h .label-text-wrapper.sc-ion-textarea-md{-webkit-transform:translateY(100%) scale(1);transform:translateY(100%) scale(1)}.textarea-label-placement-floating.sc-ion-textarea-md-h textarea.sc-ion-textarea-md{opacity:0}.has-focus.textarea-label-placement-floating.sc-ion-textarea-md-h textarea.sc-ion-textarea-md,.has-value.textarea-label-placement-floating.sc-ion-textarea-md-h textarea.sc-ion-textarea-md{opacity:1}.label-floating.sc-ion-textarea-md-h .label-text-wrapper.sc-ion-textarea-md{-webkit-transform:translateY(50%) scale(0.75);transform:translateY(50%) scale(0.75);max-width:calc(100% / 0.75)}.start-slot-wrapper.sc-ion-textarea-md,.end-slot-wrapper.sc-ion-textarea-md{padding-left:0;padding-right:0;padding-top:var(--padding-top);padding-bottom:var(--padding-bottom);display:-ms-flexbox;display:flex;-ms-flex-negative:0;flex-shrink:0;-ms-flex-item-align:start;align-self:start}.sc-ion-textarea-md-s>[slot=start],.sc-ion-textarea-md-s>[slot=end]{margin-top:0}.sc-ion-textarea-md-s>[slot=start]{-webkit-margin-end:16px;margin-inline-end:16px;-webkit-margin-start:0;margin-inline-start:0}.sc-ion-textarea-md-s>[slot=end]{-webkit-margin-start:16px;margin-inline-start:16px;-webkit-margin-end:0;margin-inline-end:0}.textarea-fill-solid.sc-ion-textarea-md-h{--background:var(--ion-color-step-50, var(--ion-background-color-step-50, #f2f2f2));--border-color:var(--ion-color-step-500, var(--ion-background-color-step-500, gray));--border-radius:4px;--padding-start:16px;--padding-end:16px;min-height:56px}.textarea-fill-solid.sc-ion-textarea-md-h .textarea-wrapper.sc-ion-textarea-md{border-bottom:var(--border-width) var(--border-style) var(--border-color)}.has-focus.textarea-fill-solid.ion-valid.sc-ion-textarea-md-h,.textarea-fill-solid.ion-touched.ion-invalid.sc-ion-textarea-md-h{--border-color:var(--highlight-color)}.textarea-fill-solid.sc-ion-textarea-md-h .textarea-bottom.sc-ion-textarea-md{border-top:none}@media (any-hover: hover){.textarea-fill-solid.sc-ion-textarea-md-h:hover{--background:var(--ion-color-step-100, var(--ion-background-color-step-100, #e6e6e6));--border-color:var(--ion-color-step-750, var(--ion-background-color-step-750, #404040))}}.textarea-fill-solid.has-focus.sc-ion-textarea-md-h{--background:var(--ion-color-step-150, var(--ion-background-color-step-150, #d9d9d9));--border-color:var(--ion-color-step-750, var(--ion-background-color-step-750, #404040))}.textarea-fill-solid.sc-ion-textarea-md-h .textarea-wrapper.sc-ion-textarea-md{border-start-start-radius:var(--border-radius);border-start-end-radius:var(--border-radius);border-end-end-radius:0px;border-end-start-radius:0px}.label-floating.textarea-fill-solid.sc-ion-textarea-md-h .label-text-wrapper.sc-ion-textarea-md{max-width:calc(100% / 0.75)}.textarea-fill-outline.sc-ion-textarea-md-h{--border-color:var(--ion-color-step-300, var(--ion-background-color-step-300, #b3b3b3));--border-radius:4px;--padding-start:16px;--padding-end:16px;min-height:56px}.textarea-fill-outline.textarea-shape-round.sc-ion-textarea-md-h{--border-radius:28px;--padding-start:32px;--padding-end:32px}.has-focus.textarea-fill-outline.ion-valid.sc-ion-textarea-md-h,.textarea-fill-outline.ion-touched.ion-invalid.sc-ion-textarea-md-h{--border-color:var(--highlight-color)}@media (any-hover: hover){.textarea-fill-outline.sc-ion-textarea-md-h:hover{--border-color:var(--ion-color-step-750, var(--ion-background-color-step-750, #404040))}}.textarea-fill-outline.has-focus.sc-ion-textarea-md-h{--border-width:var(--highlight-height);--border-color:var(--highlight-color)}.textarea-fill-outline.sc-ion-textarea-md-h .textarea-bottom.sc-ion-textarea-md{border-top:none}.textarea-fill-outline.sc-ion-textarea-md-h .textarea-wrapper.sc-ion-textarea-md{border-bottom:none}.textarea-fill-outline.textarea-label-placement-stacked.sc-ion-textarea-md-h .label-text-wrapper.sc-ion-textarea-md,.textarea-fill-outline.textarea-label-placement-floating.sc-ion-textarea-md-h .label-text-wrapper.sc-ion-textarea-md{-webkit-transform-origin:left top;transform-origin:left top;position:absolute;max-width:calc(100% - var(--padding-start) - var(--padding-end))}[dir=rtl].sc-ion-textarea-md-h -no-combinator.textarea-fill-outline.textarea-label-placement-stacked.sc-ion-textarea-md-h .label-text-wrapper.sc-ion-textarea-md,[dir=rtl] .sc-ion-textarea-md-h -no-combinator.textarea-fill-outline.textarea-label-placement-stacked.sc-ion-textarea-md-h .label-text-wrapper.sc-ion-textarea-md,[dir=rtl].textarea-fill-outline.textarea-label-placement-stacked.sc-ion-textarea-md-h .label-text-wrapper.sc-ion-textarea-md,[dir=rtl] .textarea-fill-outline.textarea-label-placement-stacked.sc-ion-textarea-md-h .label-text-wrapper.sc-ion-textarea-md,[dir=rtl].sc-ion-textarea-md-h -no-combinator.textarea-fill-outline.textarea-label-placement-floating.sc-ion-textarea-md-h .label-text-wrapper.sc-ion-textarea-md,[dir=rtl] .sc-ion-textarea-md-h -no-combinator.textarea-fill-outline.textarea-label-placement-floating.sc-ion-textarea-md-h .label-text-wrapper.sc-ion-textarea-md,[dir=rtl].textarea-fill-outline.textarea-label-placement-floating.sc-ion-textarea-md-h .label-text-wrapper.sc-ion-textarea-md,[dir=rtl] .textarea-fill-outline.textarea-label-placement-floating.sc-ion-textarea-md-h .label-text-wrapper.sc-ion-textarea-md{-webkit-transform-origin:right top;transform-origin:right top}@supports selector(:dir(rtl)){.textarea-fill-outline.textarea-label-placement-stacked.sc-ion-textarea-md-h:dir(rtl) .label-text-wrapper.sc-ion-textarea-md,.textarea-fill-outline.textarea-label-placement-floating.sc-ion-textarea-md-h:dir(rtl) .label-text-wrapper.sc-ion-textarea-md{-webkit-transform-origin:right top;transform-origin:right top}}.textarea-fill-outline.sc-ion-textarea-md-h .label-text-wrapper.sc-ion-textarea-md{position:relative}.label-floating.textarea-fill-outline.sc-ion-textarea-md-h .label-text-wrapper.sc-ion-textarea-md{-webkit-transform:translateY(-32%) scale(0.75);transform:translateY(-32%) scale(0.75);margin-left:0;margin-right:0;margin-top:0;margin-bottom:0;max-width:calc(\n (100% - var(--padding-start) - var(--padding-end) - 8px) / 0.75\n )}.textarea-fill-outline.textarea-label-placement-stacked.sc-ion-textarea-md-h textarea.sc-ion-textarea-md,.textarea-fill-outline.textarea-label-placement-floating.sc-ion-textarea-md-h textarea.sc-ion-textarea-md,.textarea-fill-outline.textarea-label-placement-stacked[auto-grow].sc-ion-textarea-md-h .native-wrapper.sc-ion-textarea-md::after,.textarea-fill-outline.textarea-label-placement-floating[auto-grow].sc-ion-textarea-md-h .native-wrapper.sc-ion-textarea-md::after{-webkit-margin-start:0px;margin-inline-start:0px;-webkit-margin-end:0px;margin-inline-end:0px;margin-top:12px;margin-bottom:0px}.sc-ion-textarea-md-h.textarea-fill-outline.textarea-label-placement-stacked.sc-ion-textarea-md-s>[slot=start],.sc-ion-textarea-md-h.textarea-fill-outline.textarea-label-placement-stacked .sc-ion-textarea-md-s>[slot=start],.sc-ion-textarea-md-h.textarea-fill-outline.textarea-label-placement-stacked.sc-ion-textarea-md-s>[slot=end],.sc-ion-textarea-md-h.textarea-fill-outline.textarea-label-placement-stacked .sc-ion-textarea-md-s>[slot=end],.sc-ion-textarea-md-h.textarea-fill-outline.textarea-label-placement-floating.sc-ion-textarea-md-s>[slot=start],.sc-ion-textarea-md-h.textarea-fill-outline.textarea-label-placement-floating .sc-ion-textarea-md-s>[slot=start],.sc-ion-textarea-md-h.textarea-fill-outline.textarea-label-placement-floating.sc-ion-textarea-md-s>[slot=end],.sc-ion-textarea-md-h.textarea-fill-outline.textarea-label-placement-floating .sc-ion-textarea-md-s>[slot=end]{margin-top:12px}.textarea-fill-outline.sc-ion-textarea-md-h .textarea-outline-container.sc-ion-textarea-md{left:0;right:0;top:0;bottom:0;display:-ms-flexbox;display:flex;position:absolute;width:100%;height:100%}.textarea-fill-outline.sc-ion-textarea-md-h .textarea-outline-start.sc-ion-textarea-md,.textarea-fill-outline.sc-ion-textarea-md-h .textarea-outline-end.sc-ion-textarea-md{pointer-events:none}.textarea-fill-outline.sc-ion-textarea-md-h .textarea-outline-start.sc-ion-textarea-md,.textarea-fill-outline.sc-ion-textarea-md-h .textarea-outline-notch.sc-ion-textarea-md,.textarea-fill-outline.sc-ion-textarea-md-h .textarea-outline-end.sc-ion-textarea-md{border-top:var(--border-width) var(--border-style) var(--border-color);border-bottom:var(--border-width) var(--border-style) var(--border-color)}.textarea-fill-outline.sc-ion-textarea-md-h .textarea-outline-notch.sc-ion-textarea-md{max-width:calc(100% - var(--padding-start) - var(--padding-end))}.textarea-fill-outline.sc-ion-textarea-md-h .notch-spacer.sc-ion-textarea-md{-webkit-padding-end:8px;padding-inline-end:8px;font-size:calc(1em * 0.75);opacity:0;pointer-events:none;-webkit-box-sizing:content-box;box-sizing:content-box}.textarea-fill-outline.sc-ion-textarea-md-h .textarea-outline-start.sc-ion-textarea-md{border-start-start-radius:var(--border-radius);border-start-end-radius:0px;border-end-end-radius:0px;border-end-start-radius:var(--border-radius);-webkit-border-start:var(--border-width) var(--border-style) var(--border-color);border-inline-start:var(--border-width) var(--border-style) var(--border-color);width:calc(var(--padding-start) - 4px)}.textarea-fill-outline.sc-ion-textarea-md-h .textarea-outline-end.sc-ion-textarea-md{-webkit-border-end:var(--border-width) var(--border-style) var(--border-color);border-inline-end:var(--border-width) var(--border-style) var(--border-color);border-start-start-radius:0px;border-start-end-radius:var(--border-radius);border-end-end-radius:var(--border-radius);border-end-start-radius:0px;-ms-flex-positive:1;flex-grow:1}.label-floating.textarea-fill-outline.sc-ion-textarea-md-h .textarea-outline-notch.sc-ion-textarea-md{border-top:none}.sc-ion-textarea-md-h{--border-width:1px;--border-color:var(--ion-item-border-color, var(--ion-border-color, var(--ion-color-step-150, var(--ion-background-color-step-150, rgba(0, 0, 0, 0.13)))));--padding-top:18px;--padding-end:0px;--padding-bottom:8px;--padding-start:0px;--highlight-height:2px;font-size:inherit}.textarea-bottom.sc-ion-textarea-md .counter.sc-ion-textarea-md{letter-spacing:0.0333333333em}.textarea-label-placement-floating.has-focus.sc-ion-textarea-md-h .label-text-wrapper.sc-ion-textarea-md,.textarea-label-placement-stacked.has-focus.sc-ion-textarea-md-h .label-text-wrapper.sc-ion-textarea-md{color:var(--highlight-color)}.has-focus.textarea-label-placement-floating.ion-valid.sc-ion-textarea-md-h .label-text-wrapper.sc-ion-textarea-md,.textarea-label-placement-floating.ion-touched.ion-invalid.sc-ion-textarea-md-h .label-text-wrapper.sc-ion-textarea-md,.has-focus.textarea-label-placement-stacked.ion-valid.sc-ion-textarea-md-h .label-text-wrapper.sc-ion-textarea-md,.textarea-label-placement-stacked.ion-touched.ion-invalid.sc-ion-textarea-md-h .label-text-wrapper.sc-ion-textarea-md{color:var(--highlight-color)}.textarea-disabled.sc-ion-textarea-md-h{opacity:0.38}.textarea-highlight.sc-ion-textarea-md{bottom:-1px;position:absolute;width:100%;height:var(--highlight-height);-webkit-transform:scale(0);transform:scale(0);-webkit-transition:-webkit-transform 200ms;transition:-webkit-transform 200ms;transition:transform 200ms;transition:transform 200ms, -webkit-transform 200ms;background:var(--highlight-color)}.textarea-highlight.sc-ion-textarea-md{inset-inline-start:0}.has-focus.sc-ion-textarea-md-h .textarea-highlight.sc-ion-textarea-md{-webkit-transform:scale(1);transform:scale(1)}.in-item.sc-ion-textarea-md-h .textarea-highlight.sc-ion-textarea-md{bottom:0}.in-item.sc-ion-textarea-md-h .textarea-highlight.sc-ion-textarea-md{inset-inline-start:0}.textarea-shape-round.sc-ion-textarea-md-h{--border-radius:16px}.sc-ion-textarea-md-s>ion-button[slot=start].button-has-icon-only,.sc-ion-textarea-md-s>ion-button[slot=end].button-has-icon-only{--border-radius:50%;--padding-start:8px;--padding-end:8px;--padding-top:8px;--padding-bottom:8px;aspect-ratio:1;min-height:40px}";
17
15
  const IonTextareaMdStyle0 = textareaMdCss;
18
16
 
19
17
  const Textarea = /*@__PURE__*/ proxyCustomElement(class Textarea extends HTMLElement {
@@ -34,8 +32,6 @@ const Textarea = /*@__PURE__*/ proxyCustomElement(class Textarea extends HTMLEle
34
32
  */
35
33
  this.didTextareaClearOnEdit = false;
36
34
  this.inheritedAttributes = {};
37
- // This flag ensures we log the deprecation warning at most once.
38
- this.hasLoggedDeprecationWarning = false;
39
35
  // `Event` type is used instead of `InputEvent`
40
36
  // since the types from Stencil are not derived
41
37
  // from the element (e.g. textarea and input
@@ -54,12 +50,10 @@ const Textarea = /*@__PURE__*/ proxyCustomElement(class Textarea extends HTMLEle
54
50
  this.onFocus = (ev) => {
55
51
  this.hasFocus = true;
56
52
  this.focusedValue = this.value;
57
- this.focusChange();
58
53
  this.ionFocus.emit(ev);
59
54
  };
60
55
  this.onBlur = (ev) => {
61
56
  this.hasFocus = false;
62
- this.focusChange();
63
57
  if (this.focusedValue !== this.value) {
64
58
  /**
65
59
  * Emits the `ionChange` event when the textarea value
@@ -101,7 +95,6 @@ const Textarea = /*@__PURE__*/ proxyCustomElement(class Textarea extends HTMLEle
101
95
  this.helperText = undefined;
102
96
  this.label = undefined;
103
97
  this.labelPlacement = 'start';
104
- this.legacy = undefined;
105
98
  this.shape = undefined;
106
99
  }
107
100
  debounceChanged() {
@@ -112,9 +105,6 @@ const Textarea = /*@__PURE__*/ proxyCustomElement(class Textarea extends HTMLEle
112
105
  */
113
106
  this.ionInput = debounce === undefined ? originalIonInput !== null && originalIonInput !== void 0 ? originalIonInput : ionInput : debounceEvent(ionInput, debounce);
114
107
  }
115
- disabledChanged() {
116
- this.emitStyle();
117
- }
118
108
  /**
119
109
  * Update the native input element when the value changes
120
110
  */
@@ -125,14 +115,11 @@ const Textarea = /*@__PURE__*/ proxyCustomElement(class Textarea extends HTMLEle
125
115
  nativeInput.value = value;
126
116
  }
127
117
  this.runAutoGrow();
128
- this.emitStyle();
129
118
  }
130
119
  connectedCallback() {
131
120
  const { el } = this;
132
- this.legacyFormController = createLegacyFormController(el);
133
121
  this.slotMutationController = createSlotMutationController(el, ['label', 'start', 'end'], () => forceUpdate(this));
134
122
  this.notchController = createNotchController(el, () => this.notchSpacerEl, () => this.labelSlot);
135
- this.emitStyle();
136
123
  this.debounceChanged();
137
124
  if (Build.isBrowser) {
138
125
  document.dispatchEvent(new CustomEvent('ionInputDidLoad', {
@@ -190,21 +177,6 @@ const Textarea = /*@__PURE__*/ proxyCustomElement(class Textarea extends HTMLEle
190
177
  }
191
178
  return Promise.resolve(this.nativeInput);
192
179
  }
193
- emitStyle() {
194
- if (this.legacyFormController.hasLegacyControl()) {
195
- this.ionStyle.emit({
196
- interactive: true,
197
- textarea: true,
198
- input: true,
199
- 'interactive-disabled': this.disabled,
200
- 'has-placeholder': this.placeholder !== undefined,
201
- 'has-value': this.hasValue(),
202
- 'has-focus': this.hasFocus,
203
- // TODO(FW-2876): remove this
204
- legacy: !!this.legacy,
205
- });
206
- }
207
- }
208
180
  /**
209
181
  * Emits an `ionChange` event.
210
182
  *
@@ -278,40 +250,12 @@ const Textarea = /*@__PURE__*/ proxyCustomElement(class Textarea extends HTMLEle
278
250
  this.didTextareaClearOnEdit = true;
279
251
  }
280
252
  }
281
- focusChange() {
282
- this.emitStyle();
283
- }
284
253
  hasValue() {
285
254
  return this.getValue() !== '';
286
255
  }
287
256
  getValue() {
288
257
  return this.value || '';
289
258
  }
290
- // TODO: FW-2876 - Remove this render function
291
- renderLegacyTextarea() {
292
- if (!this.hasLoggedDeprecationWarning) {
293
- printIonWarning(`ion-textarea now requires providing a label with either the "label" property or the "aria-label" attribute. To migrate, remove any usage of "ion-label" and pass the label text to either the "label" property or the "aria-label" attribute.
294
-
295
- Example: <ion-textarea label="Comments"></ion-textarea>
296
- Example with aria-label: <ion-textarea aria-label="Comments"></ion-textarea>
297
-
298
- For textareas that do not render the label immediately next to the input, developers may continue to use "ion-label" but must manually associate the label with the textarea by using "aria-labelledby".
299
-
300
- Developers can use the "legacy" property to continue using the legacy form markup. This property will be removed in an upcoming major release of Ionic where this form control will use the modern form markup.`, this.el);
301
- this.hasLoggedDeprecationWarning = true;
302
- }
303
- const mode = getIonMode(this);
304
- const value = this.getValue();
305
- const labelId = this.inputId + '-lbl';
306
- const label = findItemLabel(this.el);
307
- if (label) {
308
- label.id = labelId;
309
- }
310
- return (h(Host, { "aria-disabled": this.disabled ? 'true' : null, class: createColorClasses(this.color, {
311
- [mode]: true,
312
- 'legacy-textarea': true,
313
- }) }, h("div", { class: "textarea-legacy-wrapper", ref: (el) => (this.textareaWrapper = el) }, h("textarea", Object.assign({ class: "native-textarea", "aria-labelledby": label ? label.id : null, ref: (el) => (this.nativeInput = el), autoCapitalize: this.autocapitalize, autoFocus: this.autofocus, enterKeyHint: this.enterkeyhint, inputMode: this.inputmode, disabled: this.disabled, maxLength: this.maxlength, minLength: this.minlength, name: this.name, placeholder: this.placeholder || '', readOnly: this.readonly, required: this.required, spellcheck: this.spellcheck, cols: this.cols, rows: this.rows, wrap: this.wrap, onInput: this.onInput, onChange: this.onChange, onBlur: this.onBlur, onFocus: this.onFocus, onKeyDown: this.onKeyDown }, this.inheritedAttributes), value))));
314
- }
315
259
  renderLabel() {
316
260
  const { label } = this;
317
261
  return (h("div", { class: {
@@ -395,7 +339,7 @@ Developers can use the "legacy" property to continue using the legacy form marku
395
339
  }
396
340
  return (h("div", { class: "textarea-bottom" }, this.renderHintText(), this.renderCounter()));
397
341
  }
398
- renderTextarea() {
342
+ render() {
399
343
  const { inputId, disabled, fill, shape, labelPlacement, el, hasFocus } = this;
400
344
  const mode = getIonMode(this);
401
345
  const value = this.getValue();
@@ -421,7 +365,7 @@ Developers can use the "legacy" property to continue using the legacy form marku
421
365
  * TODO(FW-5592): Remove hasStartEndSlots condition
422
366
  */
423
367
  const labelShouldFloat = labelPlacement === 'stacked' || (labelPlacement === 'floating' && (hasValue || hasFocus || hasStartEndSlots));
424
- return (h(Host, { class: createColorClasses(this.color, {
368
+ return (h(Host, { key: 'e2ac4428f0e3268ac0507b331b0badd8dbfa5010', class: createColorClasses(this.color, {
425
369
  [mode]: true,
426
370
  'has-value': hasValue,
427
371
  'has-focus': hasFocus,
@@ -430,16 +374,11 @@ Developers can use the "legacy" property to continue using the legacy form marku
430
374
  [`textarea-shape-${shape}`]: shape !== undefined,
431
375
  [`textarea-label-placement-${labelPlacement}`]: true,
432
376
  'textarea-disabled': disabled,
433
- }) }, h("label", { class: "textarea-wrapper", htmlFor: inputId }, this.renderLabelContainer(), h("div", { class: "textarea-wrapper-inner" }, h("div", { class: "start-slot-wrapper" }, h("slot", { name: "start" })), h("div", { class: "native-wrapper", ref: (el) => (this.textareaWrapper = el) }, h("textarea", Object.assign({ class: "native-textarea", ref: (el) => (this.nativeInput = el), id: inputId, disabled: disabled, autoCapitalize: this.autocapitalize, autoFocus: this.autofocus, enterKeyHint: this.enterkeyhint, inputMode: this.inputmode, minLength: this.minlength, maxLength: this.maxlength, name: this.name, placeholder: this.placeholder || '', readOnly: this.readonly, required: this.required, spellcheck: this.spellcheck, cols: this.cols, rows: this.rows, wrap: this.wrap, onInput: this.onInput, onChange: this.onChange, onBlur: this.onBlur, onFocus: this.onFocus, onKeyDown: this.onKeyDown }, this.inheritedAttributes), value)), h("div", { class: "end-slot-wrapper" }, h("slot", { name: "end" }))), shouldRenderHighlight && h("div", { class: "textarea-highlight" })), this.renderBottomContent()));
434
- }
435
- render() {
436
- const { legacyFormController } = this;
437
- return legacyFormController.hasLegacyControl() ? this.renderLegacyTextarea() : this.renderTextarea();
377
+ }) }, h("label", { key: 'a5a566c5d91e8d74449f172fb64093777e1bf9c3', class: "textarea-wrapper", htmlFor: inputId }, this.renderLabelContainer(), h("div", { key: 'fc2bbf87535d133f52e27be986e5fcfac987f986', class: "textarea-wrapper-inner" }, h("div", { key: '8834f1e7bf4853087a8e7fd0dfe23106cdba5ef3', class: "start-slot-wrapper" }, h("slot", { key: 'd4014b4b58f3c1ee1bc25ff712a45d4720b38c4d', name: "start" })), h("div", { key: 'f9f34505f0e2dfb647ae1b727e406b522d0891a2', class: "native-wrapper", ref: (el) => (this.textareaWrapper = el) }, h("textarea", Object.assign({ key: '4bcb6eb6becdc47ce2056162cb8bb0d727879260', class: "native-textarea", ref: (el) => (this.nativeInput = el), id: inputId, disabled: disabled, autoCapitalize: this.autocapitalize, autoFocus: this.autofocus, enterKeyHint: this.enterkeyhint, inputMode: this.inputmode, minLength: this.minlength, maxLength: this.maxlength, name: this.name, placeholder: this.placeholder || '', readOnly: this.readonly, required: this.required, spellcheck: this.spellcheck, cols: this.cols, rows: this.rows, wrap: this.wrap, onInput: this.onInput, onChange: this.onChange, onBlur: this.onBlur, onFocus: this.onFocus, onKeyDown: this.onKeyDown }, this.inheritedAttributes), value)), h("div", { key: '0605291843bd7c4cf59b44a970cb43830e825362', class: "end-slot-wrapper" }, h("slot", { key: '61a90e1625860e662e4526d4b88653edb6ecb5b4', name: "end" }))), shouldRenderHighlight && h("div", { class: "textarea-highlight" })), this.renderBottomContent()));
438
378
  }
439
379
  get el() { return this; }
440
380
  static get watchers() { return {
441
381
  "debounce": ["debounceChanged"],
442
- "disabled": ["disabledChanged"],
443
382
  "value": ["valueChanged"]
444
383
  }; }
445
384
  static get style() { return {
@@ -474,14 +413,12 @@ Developers can use the "legacy" property to continue using the legacy form marku
474
413
  "helperText": [1, "helper-text"],
475
414
  "label": [1],
476
415
  "labelPlacement": [1, "label-placement"],
477
- "legacy": [4],
478
416
  "shape": [1],
479
417
  "hasFocus": [32],
480
418
  "setFocus": [64],
481
419
  "getInputElement": [64]
482
420
  }, undefined, {
483
421
  "debounce": ["debounceChanged"],
484
- "disabled": ["disabledChanged"],
485
422
  "value": ["valueChanged"]
486
423
  }]);
487
424
  let textareaIds = 0;
package/components/ion-thumbnail.js CHANGED
@@ -14,7 +14,7 @@ const Thumbnail = /*@__PURE__*/ proxyCustomElement(class Thumbnail extends HTMLE
14
14
  this.__attachShadow();
15
15
  }
16
16
  render() {
17
- return (h(Host, { key: '2b3d5139161f4b9075dce537c14b4087986b37c4', class: getIonMode(this) }, h("slot", { key: '3c4838c43e1230f9413a3cb66584417fd11382b2' })));
17
+ return (h(Host, { key: '85a0eb73f012ab18ad8b03e63aca9488dd11a4d7', class: getIonMode(this) }, h("slot", { key: 'a335c711d1987615cfcc953958edc0d63fbccca2' })));
18
18
  }
19
19
  static get style() { return IonThumbnailStyle0; }
20
20
  }, [1, "ion-thumbnail"]);
package/components/ion-title.js CHANGED
@@ -5,7 +5,7 @@ import { proxyCustomElement, HTMLElement, createEvent, h, Host } from '@stencil/
5
5
  import { c as createColorClasses } from './theme.js';
6
6
  import { b as getIonMode } from './ionic-global.js';
7
7
 
8
- const titleIosCss = ":host{--color:initial;display:-ms-flexbox;display:flex;-ms-flex:1;flex:1;-ms-flex-align:center;align-items:center;-webkit-transform:translateZ(0);transform:translateZ(0);color:var(--color)}:host(.ion-color){color:var(--ion-color-base)}.toolbar-title{display:block;width:100%;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;pointer-events:auto}:host(.title-small) .toolbar-title{white-space:normal}:host{top:0;-webkit-padding-start:90px;padding-inline-start:90px;-webkit-padding-end:90px;padding-inline-end:90px;padding-top:var(--padding-top);padding-bottom:var(--padding-bottom);position:absolute;width:100%;height:100%;-webkit-transform:translateZ(0);transform:translateZ(0);font-size:min(1.0625rem, 20.4px);font-weight:600;text-align:center;-webkit-box-sizing:border-box;box-sizing:border-box;pointer-events:none}@supports (inset-inline-start: 0){:host{inset-inline-start:0}}@supports not (inset-inline-start: 0){:host{left:0}:host-context([dir=rtl]){left:unset;right:unset;right:0}@supports selector(:dir(rtl)){:host(:dir(rtl)){left:unset;right:unset;right:0}}}:host(.title-small){-webkit-padding-start:9px;padding-inline-start:9px;-webkit-padding-end:9px;padding-inline-end:9px;padding-top:6px;padding-bottom:16px;position:relative;font-size:min(0.8125rem, 23.4px);font-weight:normal}:host(.title-large){-webkit-padding-start:12px;padding-inline-start:12px;-webkit-padding-end:12px;padding-inline-end:12px;padding-top:2px;padding-bottom:4px;-webkit-transform-origin:left center;transform-origin:left center;position:static;-ms-flex-align:end;align-items:flex-end;min-width:100%;font-size:min(2.125rem, 61.2px);font-weight:700;text-align:start}:host(.title-large.title-rtl){-webkit-transform-origin:right center;transform-origin:right center}:host(.title-large.ion-cloned-element){--color:var(--ion-text-color, #000);font-family:var(--ion-font-family)}:host(.title-large) .toolbar-title{-webkit-transform-origin:inherit;transform-origin:inherit;width:auto}:host-context([dir=rtl]):host(.title-large) .toolbar-title,:host-context([dir=rtl]).title-large .toolbar-title{-webkit-transform-origin:calc(100% - inherit);transform-origin:calc(100% - inherit)}@supports selector(:dir(rtl)){:host(.title-large:dir(rtl)) .toolbar-title{-webkit-transform-origin:calc(100% - inherit);transform-origin:calc(100% - inherit)}}";
8
+ const titleIosCss = ":host{--color:initial;display:-ms-flexbox;display:flex;-ms-flex:1;flex:1;-ms-flex-align:center;align-items:center;-webkit-transform:translateZ(0);transform:translateZ(0);color:var(--color)}:host(.ion-color){color:var(--ion-color-base)}.toolbar-title{display:block;width:100%;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;pointer-events:auto}:host(.title-small) .toolbar-title{white-space:normal}:host{top:0;-webkit-padding-start:90px;padding-inline-start:90px;-webkit-padding-end:90px;padding-inline-end:90px;padding-top:var(--padding-top);padding-bottom:var(--padding-bottom);position:absolute;width:100%;height:100%;-webkit-transform:translateZ(0);transform:translateZ(0);font-size:min(1.0625rem, 20.4px);font-weight:600;text-align:center;-webkit-box-sizing:border-box;box-sizing:border-box;pointer-events:none}:host{inset-inline-start:0}:host(.title-small){-webkit-padding-start:9px;padding-inline-start:9px;-webkit-padding-end:9px;padding-inline-end:9px;padding-top:6px;padding-bottom:16px;position:relative;font-size:min(0.8125rem, 23.4px);font-weight:normal}:host(.title-large){-webkit-padding-start:12px;padding-inline-start:12px;-webkit-padding-end:12px;padding-inline-end:12px;padding-top:2px;padding-bottom:4px;-webkit-transform-origin:left center;transform-origin:left center;position:static;-ms-flex-align:end;align-items:flex-end;min-width:100%;font-size:min(2.125rem, 61.2px);font-weight:700;text-align:start}:host(.title-large.title-rtl){-webkit-transform-origin:right center;transform-origin:right center}:host(.title-large.ion-cloned-element){--color:var(--ion-text-color, #000);font-family:var(--ion-font-family)}:host(.title-large) .toolbar-title{-webkit-transform-origin:inherit;transform-origin:inherit;width:auto}:host-context([dir=rtl]):host(.title-large) .toolbar-title,:host-context([dir=rtl]).title-large .toolbar-title{-webkit-transform-origin:calc(100% - inherit);transform-origin:calc(100% - inherit)}@supports selector(:dir(rtl)){:host(.title-large:dir(rtl)) .toolbar-title{-webkit-transform-origin:calc(100% - inherit);transform-origin:calc(100% - inherit)}}";
9
9
  const IonTitleIosStyle0 = titleIosCss;
10
10
 
11
11
  const titleMdCss = ":host{--color:initial;display:-ms-flexbox;display:flex;-ms-flex:1;flex:1;-ms-flex-align:center;align-items:center;-webkit-transform:translateZ(0);transform:translateZ(0);color:var(--color)}:host(.ion-color){color:var(--ion-color-base)}.toolbar-title{display:block;width:100%;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;pointer-events:auto}:host(.title-small) .toolbar-title{white-space:normal}:host{-webkit-padding-start:20px;padding-inline-start:20px;-webkit-padding-end:20px;padding-inline-end:20px;padding-top:0;padding-bottom:0;font-size:1.25rem;font-weight:500;letter-spacing:0.0125em}:host(.title-small){width:100%;height:100%;font-size:0.9375rem;font-weight:normal}";
@@ -38,11 +38,11 @@ const ToolbarTitle = /*@__PURE__*/ proxyCustomElement(class ToolbarTitle extends
38
38
  render() {
39
39
  const mode = getIonMode(this);
40
40
  const size = this.getSize();
41
- return (h(Host, { key: 'b68a272a33ec81d282629a569676f64d3215a0c7', class: createColorClasses(this.color, {
41
+ return (h(Host, { key: '13fcf9c4fea765a4580a2c99aa03a25304d310de', class: createColorClasses(this.color, {
42
42
  [mode]: true,
43
43
  [`title-${size}`]: true,
44
44
  'title-rtl': document.dir === 'rtl',
45
- }) }, h("div", { key: '9069816a14e6e358695c5bd465787cf297c761bc', class: "toolbar-title" }, h("slot", { key: '8894bd04f2292b54050ee864abb5396deadf9874' }))));
45
+ }) }, h("div", { key: 'a0ad40298bdea5687c6ee4c873bd2926603df0f7', class: "toolbar-title" }, h("slot", { key: 'b08edc05432144aec791c10eec1ad23030fcfa1f' }))));
46
46
  }
47
47
  get el() { return this; }
48
48
  static get watchers() { return {
package/components/ion-toast.js CHANGED
@@ -7,7 +7,7 @@ import { g as getElementRoot, r as raf } from './helpers.js';
7
7
  import { c as createLockController } from './lock-controller.js';
8
8
  import { p as printIonWarning } from './index6.js';
9
9
  import { O as OVERLAY_GESTURE_PRIORITY, d as createDelegateController, e as createTriggerController, i as isCancel, j as prepareOverlay, k as setOverlayId, f as present, g as dismiss, h as eventMethod, s as safeCall, G as GESTURE } from './overlays.js';
10
- import { g as getClassMap, c as createColorClasses } from './theme.js';
10
+ import { c as createColorClasses, g as getClassMap } from './theme.js';
11
11
  import { c as config, b as getIonMode } from './ionic-global.js';
12
12
  import { c as createAnimation } from './animation.js';
13
13
  import { w as win } from './index5.js';
@@ -451,10 +451,10 @@ const createSwipeToDismissGesture = (el, toastPosition, onDismiss) => {
451
451
  return gesture;
452
452
  };
453
453
 
454
- const toastIosCss = ":host{--border-width:0;--border-style:none;--border-color:initial;--box-shadow:none;--min-width:auto;--width:auto;--min-height:auto;--height:auto;--max-height:auto;--white-space:normal;top:0;display:block;position:absolute;width:100%;height:100%;outline:none;color:var(--color);font-family:var(--ion-font-family, inherit);contain:strict;z-index:1001;pointer-events:none}@supports (inset-inline-start: 0){:host{inset-inline-start:0}}@supports not (inset-inline-start: 0){:host{left:0}:host-context([dir=rtl]){left:unset;right:unset;right:0}@supports selector(:dir(rtl)){:host(:dir(rtl)){left:unset;right:unset;right:0}}}:host(.overlay-hidden){display:none}:host(.ion-color){--button-color:inherit;color:var(--ion-color-contrast)}:host(.ion-color) .toast-button-cancel{color:inherit}:host(.ion-color) .toast-wrapper{background:var(--ion-color-base)}.toast-wrapper{border-radius:var(--border-radius);width:var(--width);min-width:var(--min-width);max-width:var(--max-width);height:var(--height);min-height:var(--min-height);max-height:var(--max-height);border-width:var(--border-width);border-style:var(--border-style);border-color:var(--border-color);background:var(--background);-webkit-box-shadow:var(--box-shadow);box-shadow:var(--box-shadow)}@supports (inset-inline-start: 0){.toast-wrapper{inset-inline-start:var(--start);inset-inline-end:var(--end)}}@supports not (inset-inline-start: 0){.toast-wrapper{left:var(--start);right:var(--end)}:host-context([dir=rtl]) .toast-wrapper{left:unset;right:unset;left:var(--end);right:var(--start)}[dir=rtl] .toast-wrapper{left:unset;right:unset;left:var(--end);right:var(--start)}@supports selector(:dir(rtl)){.toast-wrapper:dir(rtl){left:unset;right:unset;left:var(--end);right:var(--start)}}}.toast-wrapper.toast-top{-webkit-transform:translate3d(0, -100%, 0);transform:translate3d(0, -100%, 0);top:0}.toast-wrapper.toast-bottom{-webkit-transform:translate3d(0, 100%, 0);transform:translate3d(0, 100%, 0);bottom:0}.toast-container{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;pointer-events:auto;height:inherit;min-height:inherit;max-height:inherit;contain:content}.toast-layout-stacked .toast-container{-ms-flex-wrap:wrap;flex-wrap:wrap}.toast-layout-baseline .toast-content{display:-ms-flexbox;display:flex;-ms-flex:1;flex:1;-ms-flex-direction:column;flex-direction:column;-ms-flex-pack:center;justify-content:center}.toast-icon{-webkit-margin-start:16px;margin-inline-start:16px}.toast-content{min-width:0}.toast-message{-ms-flex:1;flex:1;white-space:var(--white-space)}.toast-button-group{display:-ms-flexbox;display:flex}.toast-layout-stacked .toast-button-group{-ms-flex-pack:end;justify-content:end;width:100%}.toast-button{border:0;outline:none;color:var(--button-color);z-index:0}.toast-icon,.toast-button-icon{font-size:1.4em}.toast-button-inner{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center}@media (any-hover: hover){.toast-button:hover{cursor:pointer}}:host{--background:var(--ion-color-step-50, #f2f2f2);--border-radius:14px;--button-color:var(--ion-color-primary, #3880ff);--color:var(--ion-color-step-850, #262626);--max-width:700px;--max-height:478px;--start:10px;--end:10px;font-size:clamp(14px, 0.875rem, 43.4px)}.toast-wrapper{-webkit-margin-start:auto;margin-inline-start:auto;-webkit-margin-end:auto;margin-inline-end:auto;margin-top:auto;margin-bottom:auto;display:block;position:absolute;z-index:10}@supports ((-webkit-backdrop-filter: blur(0)) or (backdrop-filter: blur(0))){:host(.toast-translucent) .toast-wrapper{background:rgba(var(--ion-background-color-rgb, 255, 255, 255), 0.8);-webkit-backdrop-filter:saturate(180%) blur(20px);backdrop-filter:saturate(180%) blur(20px)}:host(.ion-color.toast-translucent) .toast-wrapper{background:rgba(var(--ion-color-base-rgb), 0.8)}}.toast-wrapper.toast-middle{opacity:0.01}.toast-content{-webkit-padding-start:15px;padding-inline-start:15px;-webkit-padding-end:15px;padding-inline-end:15px;padding-top:15px;padding-bottom:15px}.toast-header{margin-bottom:2px;font-weight:500}.toast-button{-webkit-padding-start:15px;padding-inline-start:15px;-webkit-padding-end:15px;padding-inline-end:15px;padding-top:10px;padding-bottom:10px;min-height:44px;-webkit-transition:background-color, opacity 100ms linear;transition:background-color, opacity 100ms linear;border:0;background-color:transparent;font-family:var(--ion-font-family);font-size:clamp(17px, 1.0625rem, 21.998px);font-weight:500;overflow:hidden}.toast-button.ion-activated{opacity:0.4}@media (any-hover: hover){.toast-button:hover{opacity:0.6}}";
454
+ const toastIosCss = ":host{--border-width:0;--border-style:none;--border-color:initial;--box-shadow:none;--min-width:auto;--width:auto;--min-height:auto;--height:auto;--max-height:auto;--white-space:normal;top:0;display:block;position:absolute;width:100%;height:100%;outline:none;color:var(--color);font-family:var(--ion-font-family, inherit);contain:strict;z-index:1001;pointer-events:none}:host{inset-inline-start:0}:host(.overlay-hidden){display:none}:host(.ion-color){--button-color:inherit;color:var(--ion-color-contrast)}:host(.ion-color) .toast-button-cancel{color:inherit}:host(.ion-color) .toast-wrapper{background:var(--ion-color-base)}.toast-wrapper{border-radius:var(--border-radius);width:var(--width);min-width:var(--min-width);max-width:var(--max-width);height:var(--height);min-height:var(--min-height);max-height:var(--max-height);border-width:var(--border-width);border-style:var(--border-style);border-color:var(--border-color);background:var(--background);-webkit-box-shadow:var(--box-shadow);box-shadow:var(--box-shadow)}.toast-wrapper{inset-inline-start:var(--start);inset-inline-end:var(--end)}.toast-wrapper.toast-top{-webkit-transform:translate3d(0, -100%, 0);transform:translate3d(0, -100%, 0);top:0}.toast-wrapper.toast-bottom{-webkit-transform:translate3d(0, 100%, 0);transform:translate3d(0, 100%, 0);bottom:0}.toast-container{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;pointer-events:auto;height:inherit;min-height:inherit;max-height:inherit;contain:content}.toast-layout-stacked .toast-container{-ms-flex-wrap:wrap;flex-wrap:wrap}.toast-layout-baseline .toast-content{display:-ms-flexbox;display:flex;-ms-flex:1;flex:1;-ms-flex-direction:column;flex-direction:column;-ms-flex-pack:center;justify-content:center}.toast-icon{-webkit-margin-start:16px;margin-inline-start:16px}.toast-content{min-width:0}.toast-message{-ms-flex:1;flex:1;white-space:var(--white-space)}.toast-button-group{display:-ms-flexbox;display:flex}.toast-layout-stacked .toast-button-group{-ms-flex-pack:end;justify-content:end;width:100%}.toast-button{border:0;outline:none;color:var(--button-color);z-index:0}.toast-icon,.toast-button-icon{font-size:1.4em}.toast-button-inner{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center}@media (any-hover: hover){.toast-button:hover{cursor:pointer}}:host{--background:var(--ion-color-step-50, var(--ion-background-color-step-50, #f2f2f2));--border-radius:14px;--button-color:var(--ion-color-primary, #0054e9);--color:var(--ion-color-step-850, var(--ion-text-color-step-150, #262626));--max-width:700px;--max-height:478px;--start:10px;--end:10px;font-size:clamp(14px, 0.875rem, 43.4px)}.toast-wrapper{-webkit-margin-start:auto;margin-inline-start:auto;-webkit-margin-end:auto;margin-inline-end:auto;margin-top:auto;margin-bottom:auto;display:block;position:absolute;z-index:10}@supports ((-webkit-backdrop-filter: blur(0)) or (backdrop-filter: blur(0))){:host(.toast-translucent) .toast-wrapper{background:rgba(var(--ion-background-color-rgb, 255, 255, 255), 0.8);-webkit-backdrop-filter:saturate(180%) blur(20px);backdrop-filter:saturate(180%) blur(20px)}:host(.ion-color.toast-translucent) .toast-wrapper{background:rgba(var(--ion-color-base-rgb), 0.8)}}.toast-wrapper.toast-middle{opacity:0.01}.toast-content{-webkit-padding-start:15px;padding-inline-start:15px;-webkit-padding-end:15px;padding-inline-end:15px;padding-top:15px;padding-bottom:15px}.toast-header{margin-bottom:2px;font-weight:500}.toast-button{-webkit-padding-start:15px;padding-inline-start:15px;-webkit-padding-end:15px;padding-inline-end:15px;padding-top:10px;padding-bottom:10px;min-height:44px;-webkit-transition:background-color, opacity 100ms linear;transition:background-color, opacity 100ms linear;border:0;background-color:transparent;font-family:var(--ion-font-family);font-size:clamp(17px, 1.0625rem, 21.998px);font-weight:500;overflow:hidden}.toast-button.ion-activated{opacity:0.4}@media (any-hover: hover){.toast-button:hover{opacity:0.6}}";
455
455
  const IonToastIosStyle0 = toastIosCss;
456
456
 
457
- const toastMdCss = ":host{--border-width:0;--border-style:none;--border-color:initial;--box-shadow:none;--min-width:auto;--width:auto;--min-height:auto;--height:auto;--max-height:auto;--white-space:normal;top:0;display:block;position:absolute;width:100%;height:100%;outline:none;color:var(--color);font-family:var(--ion-font-family, inherit);contain:strict;z-index:1001;pointer-events:none}@supports (inset-inline-start: 0){:host{inset-inline-start:0}}@supports not (inset-inline-start: 0){:host{left:0}:host-context([dir=rtl]){left:unset;right:unset;right:0}@supports selector(:dir(rtl)){:host(:dir(rtl)){left:unset;right:unset;right:0}}}:host(.overlay-hidden){display:none}:host(.ion-color){--button-color:inherit;color:var(--ion-color-contrast)}:host(.ion-color) .toast-button-cancel{color:inherit}:host(.ion-color) .toast-wrapper{background:var(--ion-color-base)}.toast-wrapper{border-radius:var(--border-radius);width:var(--width);min-width:var(--min-width);max-width:var(--max-width);height:var(--height);min-height:var(--min-height);max-height:var(--max-height);border-width:var(--border-width);border-style:var(--border-style);border-color:var(--border-color);background:var(--background);-webkit-box-shadow:var(--box-shadow);box-shadow:var(--box-shadow)}@supports (inset-inline-start: 0){.toast-wrapper{inset-inline-start:var(--start);inset-inline-end:var(--end)}}@supports not (inset-inline-start: 0){.toast-wrapper{left:var(--start);right:var(--end)}:host-context([dir=rtl]) .toast-wrapper{left:unset;right:unset;left:var(--end);right:var(--start)}[dir=rtl] .toast-wrapper{left:unset;right:unset;left:var(--end);right:var(--start)}@supports selector(:dir(rtl)){.toast-wrapper:dir(rtl){left:unset;right:unset;left:var(--end);right:var(--start)}}}.toast-wrapper.toast-top{-webkit-transform:translate3d(0, -100%, 0);transform:translate3d(0, -100%, 0);top:0}.toast-wrapper.toast-bottom{-webkit-transform:translate3d(0, 100%, 0);transform:translate3d(0, 100%, 0);bottom:0}.toast-container{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;pointer-events:auto;height:inherit;min-height:inherit;max-height:inherit;contain:content}.toast-layout-stacked .toast-container{-ms-flex-wrap:wrap;flex-wrap:wrap}.toast-layout-baseline .toast-content{display:-ms-flexbox;display:flex;-ms-flex:1;flex:1;-ms-flex-direction:column;flex-direction:column;-ms-flex-pack:center;justify-content:center}.toast-icon{-webkit-margin-start:16px;margin-inline-start:16px}.toast-content{min-width:0}.toast-message{-ms-flex:1;flex:1;white-space:var(--white-space)}.toast-button-group{display:-ms-flexbox;display:flex}.toast-layout-stacked .toast-button-group{-ms-flex-pack:end;justify-content:end;width:100%}.toast-button{border:0;outline:none;color:var(--button-color);z-index:0}.toast-icon,.toast-button-icon{font-size:1.4em}.toast-button-inner{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center}@media (any-hover: hover){.toast-button:hover{cursor:pointer}}:host{--background:var(--ion-color-step-800, #333333);--border-radius:4px;--box-shadow:0 3px 5px -1px rgba(0, 0, 0, 0.2), 0 6px 10px 0 rgba(0, 0, 0, 0.14), 0 1px 18px 0 rgba(0, 0, 0, 0.12);--button-color:var(--ion-color-primary, #3880ff);--color:var(--ion-color-step-50, #f2f2f2);--max-width:700px;--start:8px;--end:8px;font-size:0.875rem}.toast-wrapper{-webkit-margin-start:auto;margin-inline-start:auto;-webkit-margin-end:auto;margin-inline-end:auto;margin-top:auto;margin-bottom:auto;display:block;position:absolute;opacity:0.01;z-index:10}.toast-content{-webkit-padding-start:16px;padding-inline-start:16px;-webkit-padding-end:16px;padding-inline-end:16px;padding-top:14px;padding-bottom:14px}.toast-header{margin-bottom:2px;font-weight:500;line-height:1.25rem}.toast-message{line-height:1.25rem}.toast-layout-baseline .toast-button-group-start{-webkit-margin-start:8px;margin-inline-start:8px}.toast-layout-stacked .toast-button-group-start{-webkit-margin-end:8px;margin-inline-end:8px;margin-top:8px}.toast-layout-baseline .toast-button-group-end{-webkit-margin-end:8px;margin-inline-end:8px}.toast-layout-stacked .toast-button-group-end{-webkit-margin-end:8px;margin-inline-end:8px;margin-bottom:8px}.toast-button{-webkit-padding-start:15px;padding-inline-start:15px;-webkit-padding-end:15px;padding-inline-end:15px;padding-top:10px;padding-bottom:10px;position:relative;background-color:transparent;font-family:var(--ion-font-family);font-size:0.875rem;font-weight:500;letter-spacing:0.84px;text-transform:uppercase;overflow:hidden}.toast-button-cancel{color:var(--ion-color-step-100, #e6e6e6)}.toast-button-icon-only{border-radius:50%;-webkit-padding-start:9px;padding-inline-start:9px;-webkit-padding-end:9px;padding-inline-end:9px;padding-top:9px;padding-bottom:9px;width:36px;height:36px}@media (any-hover: hover){.toast-button:hover{background-color:rgba(var(--ion-color-primary-rgb, 56, 128, 255), 0.08)}.toast-button-cancel:hover{background-color:rgba(var(--ion-background-color-rgb, 255, 255, 255), 0.08)}}";
457
+ const toastMdCss = ":host{--border-width:0;--border-style:none;--border-color:initial;--box-shadow:none;--min-width:auto;--width:auto;--min-height:auto;--height:auto;--max-height:auto;--white-space:normal;top:0;display:block;position:absolute;width:100%;height:100%;outline:none;color:var(--color);font-family:var(--ion-font-family, inherit);contain:strict;z-index:1001;pointer-events:none}:host{inset-inline-start:0}:host(.overlay-hidden){display:none}:host(.ion-color){--button-color:inherit;color:var(--ion-color-contrast)}:host(.ion-color) .toast-button-cancel{color:inherit}:host(.ion-color) .toast-wrapper{background:var(--ion-color-base)}.toast-wrapper{border-radius:var(--border-radius);width:var(--width);min-width:var(--min-width);max-width:var(--max-width);height:var(--height);min-height:var(--min-height);max-height:var(--max-height);border-width:var(--border-width);border-style:var(--border-style);border-color:var(--border-color);background:var(--background);-webkit-box-shadow:var(--box-shadow);box-shadow:var(--box-shadow)}.toast-wrapper{inset-inline-start:var(--start);inset-inline-end:var(--end)}.toast-wrapper.toast-top{-webkit-transform:translate3d(0, -100%, 0);transform:translate3d(0, -100%, 0);top:0}.toast-wrapper.toast-bottom{-webkit-transform:translate3d(0, 100%, 0);transform:translate3d(0, 100%, 0);bottom:0}.toast-container{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;pointer-events:auto;height:inherit;min-height:inherit;max-height:inherit;contain:content}.toast-layout-stacked .toast-container{-ms-flex-wrap:wrap;flex-wrap:wrap}.toast-layout-baseline .toast-content{display:-ms-flexbox;display:flex;-ms-flex:1;flex:1;-ms-flex-direction:column;flex-direction:column;-ms-flex-pack:center;justify-content:center}.toast-icon{-webkit-margin-start:16px;margin-inline-start:16px}.toast-content{min-width:0}.toast-message{-ms-flex:1;flex:1;white-space:var(--white-space)}.toast-button-group{display:-ms-flexbox;display:flex}.toast-layout-stacked .toast-button-group{-ms-flex-pack:end;justify-content:end;width:100%}.toast-button{border:0;outline:none;color:var(--button-color);z-index:0}.toast-icon,.toast-button-icon{font-size:1.4em}.toast-button-inner{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center}@media (any-hover: hover){.toast-button:hover{cursor:pointer}}:host{--background:var(--ion-color-step-800, var(--ion-background-color-step-800, #333333));--border-radius:4px;--box-shadow:0 3px 5px -1px rgba(0, 0, 0, 0.2), 0 6px 10px 0 rgba(0, 0, 0, 0.14), 0 1px 18px 0 rgba(0, 0, 0, 0.12);--button-color:var(--ion-color-primary, #0054e9);--color:var(--ion-color-step-50, var(--ion-text-color-step-950, #f2f2f2));--max-width:700px;--start:8px;--end:8px;font-size:0.875rem}.toast-wrapper{-webkit-margin-start:auto;margin-inline-start:auto;-webkit-margin-end:auto;margin-inline-end:auto;margin-top:auto;margin-bottom:auto;display:block;position:absolute;opacity:0.01;z-index:10}.toast-content{-webkit-padding-start:16px;padding-inline-start:16px;-webkit-padding-end:16px;padding-inline-end:16px;padding-top:14px;padding-bottom:14px}.toast-header{margin-bottom:2px;font-weight:500;line-height:1.25rem}.toast-message{line-height:1.25rem}.toast-layout-baseline .toast-button-group-start{-webkit-margin-start:8px;margin-inline-start:8px}.toast-layout-stacked .toast-button-group-start{-webkit-margin-end:8px;margin-inline-end:8px;margin-top:8px}.toast-layout-baseline .toast-button-group-end{-webkit-margin-end:8px;margin-inline-end:8px}.toast-layout-stacked .toast-button-group-end{-webkit-margin-end:8px;margin-inline-end:8px;margin-bottom:8px}.toast-button{-webkit-padding-start:15px;padding-inline-start:15px;-webkit-padding-end:15px;padding-inline-end:15px;padding-top:10px;padding-bottom:10px;position:relative;background-color:transparent;font-family:var(--ion-font-family);font-size:0.875rem;font-weight:500;letter-spacing:0.84px;text-transform:uppercase;overflow:hidden}.toast-button-cancel{color:var(--ion-color-step-100, var(--ion-text-color-step-900, #e6e6e6))}.toast-button-icon-only{border-radius:50%;-webkit-padding-start:9px;padding-inline-start:9px;-webkit-padding-end:9px;padding-inline-end:9px;padding-top:9px;padding-bottom:9px;width:36px;height:36px}@media (any-hover: hover){.toast-button:hover{background-color:rgba(var(--ion-color-primary-rgb, 0, 84, 233), 0.08)}.toast-button-cancel:hover{background-color:rgba(var(--ion-background-color-rgb, 255, 255, 255), 0.08)}}";
458
458
  const IonToastMdStyle0 = toastMdCss;
459
459
 
460
460
  const Toast = /*@__PURE__*/ proxyCustomElement(class Toast extends HTMLElement {
@@ -828,9 +828,9 @@ const Toast = /*@__PURE__*/ proxyCustomElement(class Toast extends HTMLElement {
828
828
  if (layout === 'stacked' && startButtons.length > 0 && endButtons.length > 0) {
829
829
  printIonWarning('This toast is using start and end buttons with the stacked toast layout. We recommend following the best practice of using either start or end buttons with the stacked toast layout.', el);
830
830
  }
831
- return (h(Host, Object.assign({ key: 'c8d7e7d2baa01d3ed5d65a845bc61acf087c0b18', tabindex: "-1" }, this.htmlAttributes, { style: {
831
+ return (h(Host, Object.assign({ key: '23e039d40ed3f698142abbf2eff13acc0d70b52e', tabindex: "-1" }, this.htmlAttributes, { style: {
832
832
  zIndex: `${60000 + this.overlayIndex}`,
833
- }, class: createColorClasses(this.color, Object.assign(Object.assign({ [mode]: true }, getClassMap(this.cssClass)), { 'overlay-hidden': true, 'toast-translucent': this.translucent })), onIonToastWillDismiss: this.dispatchCancelHandler }), h("div", { key: '27c0feeb89c4efb47c42623a4b036ed84338ed10', class: wrapperClass }, h("div", { key: '41d5a3069f92e4a6acef2793fa4e236cdbdaae88', class: "toast-container", part: "container" }, this.renderButtons(startButtons, 'start'), this.icon !== undefined && (h("ion-icon", { class: "toast-icon", part: "icon", icon: this.icon, lazy: false, "aria-hidden": "true" })), h("div", { key: '176f497bc990ef2ecc14c7fa90dd3a54a912030a', class: "toast-content", role: "status", "aria-atomic": "true", "aria-live": "polite" }, !revealContentToScreenReader && header !== undefined && this.renderHeader('oldHeader', 'true'), !revealContentToScreenReader && message !== undefined && this.renderToastMessage('oldMessage', 'true'), revealContentToScreenReader && header !== undefined && this.renderHeader('header'), revealContentToScreenReader && message !== undefined && this.renderToastMessage('header')), this.renderButtons(endButtons, 'end')))));
833
+ }, class: createColorClasses(this.color, Object.assign(Object.assign({ [mode]: true }, getClassMap(this.cssClass)), { 'overlay-hidden': true, 'toast-translucent': this.translucent })), onIonToastWillDismiss: this.dispatchCancelHandler }), h("div", { key: 'c3b790f76618c70f00c0ac319faab0bf5d30fd07', class: wrapperClass }, h("div", { key: 'b05c2a16b23d9d5ebe8e9e8448ca74ce9ee2aeaa', class: "toast-container", part: "container" }, this.renderButtons(startButtons, 'start'), this.icon !== undefined && (h("ion-icon", { class: "toast-icon", part: "icon", icon: this.icon, lazy: false, "aria-hidden": "true" })), h("div", { key: '06da7439fe6ac393b19721edd4b4c21cfc3d4521', class: "toast-content", role: "status", "aria-atomic": "true", "aria-live": "polite" }, !revealContentToScreenReader && header !== undefined && this.renderHeader('oldHeader', 'true'), !revealContentToScreenReader && message !== undefined && this.renderToastMessage('oldMessage', 'true'), revealContentToScreenReader && header !== undefined && this.renderHeader('header'), revealContentToScreenReader && message !== undefined && this.renderToastMessage('header')), this.renderButtons(endButtons, 'end')))));
834
834
  }
835
835
  get el() { return this; }
836
836
  static get watchers() { return {
@@ -876,7 +876,13 @@ const Toast = /*@__PURE__*/ proxyCustomElement(class Toast extends HTMLElement {
876
876
  "trigger": ["triggerChanged"]
877
877
  }]);
878
878
  const buttonClass = (button) => {
879
- return Object.assign({ 'toast-button': true, 'toast-button-icon-only': button.icon !== undefined && button.text === undefined, [`toast-button-${button.role}`]: button.role !== undefined, 'ion-focusable': true, 'ion-activatable': true }, getClassMap(button.cssClass));
879
+ return {
880
+ 'toast-button': true,
881
+ 'toast-button-icon-only': button.icon !== undefined && button.text === undefined,
882
+ [`toast-button-${button.role}`]: button.role !== undefined,
883
+ 'ion-focusable': true,
884
+ 'ion-activatable': true,
885
+ };
880
886
  };
881
887
  const buttonPart = (button) => {
882
888
  return isCancel(button.role) ? 'button cancel' : 'button';