@ionic/core 8.0.0-dev.11709632212.139b6f63 → 8.0.0-dev.11711408410.14d71406

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 (947) hide show
  1. package/components/action-sheet.js +11 -6
  2. package/components/alert.js +12 -8
  3. package/components/animation.js +9 -250
  4. package/components/backdrop.js +8 -4
  5. package/components/button.js +25 -9
  6. package/components/buttons.js +10 -6
  7. package/components/checkbox.js +13 -9
  8. package/components/data.js +27 -42
  9. package/components/haptic.js +6 -54
  10. package/components/hardware-back-button.js +3 -3
  11. package/components/helpers.js +1 -57
  12. package/components/index4.js +8 -7
  13. package/components/index6.js +25 -30
  14. package/components/index7.js +124 -25
  15. package/components/index8.js +150 -111
  16. package/components/input-shims.js +1 -1
  17. package/components/input.utils.js +13 -1
  18. package/components/ion-accordion-group.js +9 -6
  19. package/components/ion-accordion.js +10 -6
  20. package/components/ion-app.js +8 -9
  21. package/components/ion-avatar.js +9 -2
  22. package/components/ion-back-button.js +12 -8
  23. package/components/ion-badge.js +9 -5
  24. package/components/ion-breadcrumb.js +11 -7
  25. package/components/ion-breadcrumbs.js +9 -5
  26. package/components/ion-card-content.js +9 -5
  27. package/components/ion-card-header.js +9 -5
  28. package/components/ion-card-subtitle.js +9 -5
  29. package/components/ion-card-title.js +9 -5
  30. package/components/ion-card.js +11 -7
  31. package/components/ion-chip.js +9 -5
  32. package/components/ion-col.js +5 -5
  33. package/components/ion-content.js +10 -10
  34. package/components/ion-datetime-button.js +19 -15
  35. package/components/ion-datetime.js +93 -27
  36. package/components/ion-fab-button.js +10 -6
  37. package/components/ion-fab-list.js +5 -5
  38. package/components/ion-fab.js +5 -5
  39. package/components/ion-footer.js +14 -10
  40. package/components/ion-grid.js +5 -5
  41. package/components/ion-header.js +15 -11
  42. package/components/ion-img.js +5 -2
  43. package/components/ion-infinite-scroll-content.js +12 -8
  44. package/components/ion-infinite-scroll.js +5 -5
  45. package/components/ion-input.js +17 -14
  46. package/components/ion-item-divider.js +9 -5
  47. package/components/ion-item-group.js +9 -5
  48. package/components/ion-item-option.js +9 -5
  49. package/components/ion-item-options.js +9 -5
  50. package/components/ion-item-sliding.js +5 -5
  51. package/components/ion-loading.js +10 -6
  52. package/components/ion-menu-button.js +11 -7
  53. package/components/ion-menu-toggle.js +5 -5
  54. package/components/ion-menu.js +14 -31
  55. package/components/ion-modal.js +45 -10
  56. package/components/ion-nav-link.js +1 -1
  57. package/components/ion-nav.js +6 -5
  58. package/components/ion-note.js +47 -1
  59. package/components/ion-picker-legacy.js +5 -6
  60. package/components/ion-progress-bar.js +8 -4
  61. package/components/ion-range.js +145 -50
  62. package/components/ion-refresher-content.js +9 -8
  63. package/components/ion-refresher.js +10 -6
  64. package/components/ion-reorder-group.js +5 -5
  65. package/components/ion-reorder.js +11 -5
  66. package/components/ion-router-link.js +5 -5
  67. package/components/ion-router-outlet.js +1 -1
  68. package/components/ion-router.js +1 -1
  69. package/components/ion-row.js +5 -2
  70. package/components/ion-searchbar.js +46 -13
  71. package/components/ion-segment-button.js +10 -6
  72. package/components/ion-segment.js +9 -5
  73. package/components/ion-select-option.js +5 -2
  74. package/components/ion-select.js +48 -50
  75. package/components/ion-skeleton-text.js +5 -5
  76. package/components/ion-split-pane.js +10 -6
  77. package/components/ion-tab-bar.js +9 -5
  78. package/components/ion-tab-button.js +9 -5
  79. package/components/ion-tab.js +2 -2
  80. package/components/ion-tabs.js +1 -1
  81. package/components/ion-text.js +5 -5
  82. package/components/ion-textarea.js +15 -12
  83. package/components/ion-thumbnail.js +5 -2
  84. package/components/ion-title.js +9 -5
  85. package/components/ion-toast.js +13 -9
  86. package/components/ion-toggle.js +17 -13
  87. package/components/ion-toolbar.js +9 -5
  88. package/components/ionic-global.js +190 -13
  89. package/components/ios.transition.js +1 -0
  90. package/components/item.js +39 -102
  91. package/components/label.js +12 -8
  92. package/components/list-header.js +9 -5
  93. package/components/list.js +10 -6
  94. package/components/overlays.js +141 -57
  95. package/components/picker-column-option.js +9 -5
  96. package/components/picker-column.js +28 -9
  97. package/components/picker-column2.js +4 -4
  98. package/components/picker.js +6 -2
  99. package/components/popover.js +11 -8
  100. package/components/radio-group.js +5 -3
  101. package/components/radio.js +10 -6
  102. package/components/ripple-effect.js +4 -4
  103. package/components/select-popover.js +21 -20
  104. package/components/spinner.js +6 -6
  105. package/components/status-tap.js +1 -1
  106. package/css/core.ionic.css +13 -0
  107. package/css/core.ionic.css.map +1 -0
  108. package/css/palettes/dark.always.css.map +1 -0
  109. package/css/{themes → palettes}/dark.class.css +4 -4
  110. package/css/palettes/dark.class.css.map +1 -0
  111. package/css/palettes/dark.system.css.map +1 -0
  112. package/css/palettes/high-contrast-dark.always.css.map +1 -0
  113. package/css/{themes → palettes}/high-contrast-dark.class.css +10 -10
  114. package/css/palettes/high-contrast-dark.class.css.map +1 -0
  115. package/css/palettes/high-contrast-dark.system.css.map +1 -0
  116. package/css/palettes/high-contrast.always.css.map +1 -0
  117. package/css/{themes → palettes}/high-contrast.class.css +31 -31
  118. package/css/palettes/high-contrast.class.css.map +1 -0
  119. package/css/palettes/high-contrast.system.css.map +1 -0
  120. package/dist/cjs/{animation-4ad55058.js → animation-b4fdf128.js} +9 -250
  121. package/dist/cjs/{app-globals-92ad1b3d.js → app-globals-98e49326.js} +1 -1
  122. package/dist/cjs/{button-active-8f6a8e77.js → button-active-e2ed5329.js} +2 -2
  123. package/dist/cjs/{data-e2bf21de.js → data-f2ccf911.js} +28 -45
  124. package/dist/cjs/{framework-delegate-53817ef1.js → framework-delegate-55f5683a.js} +1 -1
  125. package/dist/cjs/{haptic-b882e0bb.js → haptic-f6b37aa3.js} +6 -54
  126. package/dist/cjs/{hardware-back-button-2696acaf.js → hardware-back-button-f66bce00.js} +5 -5
  127. package/dist/cjs/{helpers-b71ca811.js → helpers-afaa9001.js} +0 -58
  128. package/dist/cjs/{index-0ffe376d.js → index-2d21d526.js} +443 -14
  129. package/dist/cjs/{index-88b3bd6f.js → index-5643c839.js} +4 -4
  130. package/dist/cjs/{index-347883f6.js → index-91435ed0.js} +3 -3
  131. package/dist/cjs/{index-7574e3d2.js → index-9509ecad.js} +5 -34
  132. package/dist/cjs/{index-16fc2c94.js → index-f5fcf972.js} +15 -14
  133. package/dist/cjs/index.cjs.js +11 -12
  134. package/dist/cjs/{input-shims-679d87bc.js → input-shims-837af288.js} +4 -3
  135. package/dist/cjs/{input.utils-5175aea1.js → input.utils-01c2fa15.js} +15 -3
  136. package/dist/cjs/ion-accordion_2.cjs.entry.js +20 -13
  137. package/dist/cjs/ion-action-sheet.cjs.entry.js +19 -15
  138. package/dist/cjs/ion-alert.cjs.entry.js +20 -17
  139. package/dist/cjs/ion-app_8.cjs.entry.js +87 -68
  140. package/dist/cjs/ion-avatar_3.cjs.entry.js +22 -8
  141. package/dist/cjs/ion-back-button.cjs.entry.js +13 -9
  142. package/dist/cjs/ion-backdrop.cjs.entry.js +9 -5
  143. package/dist/cjs/ion-breadcrumb_2.cjs.entry.js +20 -12
  144. package/dist/cjs/ion-button_2.cjs.entry.js +28 -13
  145. package/dist/cjs/ion-card_5.cjs.entry.js +45 -25
  146. package/dist/cjs/ion-checkbox.cjs.entry.js +15 -11
  147. package/dist/cjs/ion-chip.cjs.entry.js +10 -6
  148. package/dist/cjs/ion-col_3.cjs.entry.js +14 -11
  149. package/dist/cjs/ion-datetime-button.cjs.entry.js +25 -21
  150. package/dist/cjs/ion-datetime_3.cjs.entry.js +175 -112
  151. package/dist/cjs/ion-fab_3.cjs.entry.js +19 -15
  152. package/dist/cjs/ion-img.cjs.entry.js +7 -4
  153. package/dist/cjs/ion-infinite-scroll_2.cjs.entry.js +18 -15
  154. package/dist/cjs/ion-input.cjs.entry.js +19 -17
  155. package/dist/cjs/ion-item-option_3.cjs.entry.js +23 -16
  156. package/dist/cjs/ion-item_8.cjs.entry.js +89 -116
  157. package/dist/cjs/ion-loading.cjs.entry.js +16 -13
  158. package/dist/cjs/ion-menu_3.cjs.entry.js +32 -46
  159. package/dist/cjs/ion-modal.cjs.entry.js +57 -22
  160. package/dist/cjs/ion-nav_2.cjs.entry.js +12 -10
  161. package/dist/cjs/ion-picker-column-option.cjs.entry.js +11 -7
  162. package/dist/cjs/ion-picker-column.cjs.entry.js +31 -12
  163. package/dist/cjs/ion-picker.cjs.entry.js +8 -4
  164. package/dist/cjs/ion-popover.cjs.entry.js +20 -17
  165. package/dist/cjs/ion-progress-bar.cjs.entry.js +10 -6
  166. package/dist/cjs/ion-radio_2.cjs.entry.js +16 -10
  167. package/dist/cjs/ion-range.cjs.entry.js +151 -56
  168. package/dist/cjs/ion-refresher_2.cjs.entry.js +21 -17
  169. package/dist/cjs/ion-reorder_2.cjs.entry.js +17 -12
  170. package/dist/cjs/ion-ripple-effect.cjs.entry.js +5 -5
  171. package/dist/cjs/ion-route_4.cjs.entry.js +7 -7
  172. package/dist/cjs/ion-searchbar.cjs.entry.js +41 -13
  173. package/dist/cjs/ion-segment_2.cjs.entry.js +20 -12
  174. package/dist/cjs/ion-select_3.cjs.entry.js +46 -33
  175. package/dist/cjs/ion-spinner.cjs.entry.js +7 -7
  176. package/dist/cjs/ion-split-pane.cjs.entry.js +11 -7
  177. package/dist/cjs/ion-tab-bar_2.cjs.entry.js +19 -11
  178. package/dist/cjs/ion-tab_2.cjs.entry.js +6 -6
  179. package/dist/cjs/ion-text.cjs.entry.js +6 -6
  180. package/dist/cjs/ion-textarea.cjs.entry.js +18 -16
  181. package/dist/cjs/ion-toast.cjs.entry.js +39 -35
  182. package/dist/cjs/ion-toggle.cjs.entry.js +19 -15
  183. package/dist/cjs/ionic-global-94d8021d.js +411 -0
  184. package/dist/cjs/ionic.cjs.js +28 -5
  185. package/dist/cjs/{ios.transition-b102ee38.js → ios.transition-19155451.js} +5 -4
  186. package/dist/cjs/loader.cjs.js +4 -4
  187. package/dist/cjs/{md.transition-a5454240.js → md.transition-1b1135b1.js} +4 -4
  188. package/dist/cjs/{notch-controller-8e0ae870.js → notch-controller-d69150f5.js} +1 -1
  189. package/dist/cjs/{overlays-6b7d156b.js → overlays-de847251.js} +143 -58
  190. package/dist/cjs/{status-tap-b60dcbd8.js → status-tap-3ef7ca2b.js} +4 -4
  191. package/dist/cjs/{swipe-back-72c5c8b7.js → swipe-back-0303a5e4.js} +1 -1
  192. package/dist/collection/collection-manifest.json +1 -1
  193. package/dist/collection/components/accordion/accordion.js +11 -8
  194. package/dist/collection/components/accordion-group/accordion-group.js +11 -8
  195. package/dist/collection/components/action-sheet/action-sheet.js +14 -10
  196. package/dist/collection/components/action-sheet/test/a11y/action-sheet.e2e.js +1 -1
  197. package/dist/collection/components/alert/alert.js +15 -12
  198. package/dist/collection/components/alert/test/a11y/alert.e2e.js +5 -1
  199. package/dist/collection/components/alert/test/basic/alert.e2e.js +1 -1
  200. package/dist/collection/components/app/app.js +11 -7
  201. package/dist/collection/components/avatar/avatar.js +13 -4
  202. package/dist/collection/components/back-button/back-button.js +13 -10
  203. package/dist/collection/components/back-button/test/a11y/back-button.e2e.js +1 -1
  204. package/dist/collection/components/backdrop/backdrop.js +12 -6
  205. package/dist/collection/components/badge/badge.js +11 -8
  206. package/dist/collection/components/badge/test/a11y/badge.e2e.js +1 -1
  207. package/dist/collection/components/breadcrumb/breadcrumb.js +12 -9
  208. package/dist/collection/components/breadcrumbs/breadcrumbs.js +11 -9
  209. package/dist/collection/components/button/button.ios.css +32 -10
  210. package/dist/collection/components/button/button.js +28 -8
  211. package/dist/collection/components/button/button.md.css +28 -13
  212. package/dist/collection/components/button/test/a11y/button.e2e.js +2 -2
  213. package/dist/collection/components/button/test/round/button.e2e.js +39 -4
  214. package/dist/collection/components/buttons/buttons.js +14 -8
  215. package/dist/collection/components/card/card.js +13 -10
  216. package/dist/collection/components/card-content/card-content.js +11 -8
  217. package/dist/collection/components/card-header/card-header.js +12 -9
  218. package/dist/collection/components/card-subtitle/card-subtitle.js +11 -8
  219. package/dist/collection/components/card-title/card-title.js +11 -8
  220. package/dist/collection/components/checkbox/checkbox.js +15 -12
  221. package/dist/collection/components/checkbox/test/a11y/checkbox.e2e.js +1 -1
  222. package/dist/collection/components/checkbox/test/checkbox.spec.js +12 -0
  223. package/dist/collection/components/chip/chip.js +11 -8
  224. package/dist/collection/components/col/col.js +9 -5
  225. package/dist/collection/components/content/content.js +13 -10
  226. package/dist/collection/components/datetime/datetime.js +75 -28
  227. package/dist/collection/components/datetime/test/basic/datetime.e2e.js +80 -1
  228. package/dist/collection/components/datetime/test/format.spec.js +65 -15
  229. package/dist/collection/components/datetime/utils/data.js +3 -3
  230. package/dist/collection/components/datetime/utils/format.js +24 -37
  231. package/dist/collection/components/datetime/utils/validate.js +45 -0
  232. package/dist/collection/components/datetime-button/datetime-button.js +21 -17
  233. package/dist/collection/components/datetime-button/test/basic/datetime-button.e2e.js +65 -0
  234. package/dist/collection/components/fab/fab.js +9 -5
  235. package/dist/collection/components/fab-button/fab-button.js +12 -9
  236. package/dist/collection/components/fab-button/test/a11y/fab-button.e2e.js +1 -1
  237. package/dist/collection/components/fab-list/fab-list.js +9 -5
  238. package/dist/collection/components/footer/footer.js +17 -14
  239. package/dist/collection/components/grid/grid.js +9 -5
  240. package/dist/collection/components/header/header.ios.css +5 -2
  241. package/dist/collection/components/header/header.js +17 -14
  242. package/dist/collection/components/header/test/basic/header.e2e.js +77 -0
  243. package/dist/collection/components/img/img.js +8 -2
  244. package/dist/collection/components/infinite-scroll/infinite-scroll.js +8 -4
  245. package/dist/collection/components/infinite-scroll-content/infinite-scroll-content.js +16 -10
  246. package/dist/collection/components/input/input.ios.css +4 -2
  247. package/dist/collection/components/input/input.js +16 -37
  248. package/dist/collection/components/input/input.md.css +6 -4
  249. package/dist/collection/components/input/test/a11y/input.e2e.js +1 -1
  250. package/dist/collection/components/input/test/highlight/input.e2e.js +144 -0
  251. package/dist/collection/components/input/test/item/input.e2e.js +21 -0
  252. package/dist/collection/components/input/test/slot/input.e2e.js +8 -0
  253. package/dist/collection/components/item/item.ios.css +6 -198
  254. package/dist/collection/components/item/item.js +33 -178
  255. package/dist/collection/components/item/item.md.css +8 -361
  256. package/dist/collection/components/item/test/basic/item.e2e.js +0 -5
  257. package/dist/collection/components/item/test/buttons/item.e2e.js +20 -4
  258. package/dist/collection/components/item/test/item.spec.js +1 -1
  259. package/dist/collection/components/item-divider/item-divider.js +11 -8
  260. package/dist/collection/components/item-group/item-group.js +13 -7
  261. package/dist/collection/components/item-option/item-option.js +11 -8
  262. package/dist/collection/components/item-options/item-options.js +13 -7
  263. package/dist/collection/components/item-sliding/item-sliding.js +8 -4
  264. package/dist/collection/components/item-sliding/test/a11y/item-sliding.e2e.js +1 -1
  265. package/dist/collection/components/label/label.ios.css +0 -5
  266. package/dist/collection/components/label/label.js +11 -8
  267. package/dist/collection/components/label/label.md.css +0 -75
  268. package/dist/collection/components/label/test/a11y/label.e2e.js +1 -1
  269. package/dist/collection/components/list/list.js +12 -9
  270. package/dist/collection/components/list-header/list-header.js +11 -8
  271. package/dist/collection/components/loading/loading.js +13 -10
  272. package/dist/collection/components/loading/test/a11y/loading.e2e.js +1 -1
  273. package/dist/collection/components/menu/menu.js +26 -35
  274. package/dist/collection/components/menu-button/menu-button.js +12 -9
  275. package/dist/collection/components/menu-button/test/a11y/menu-button.e2e.js +1 -1
  276. package/dist/collection/components/menu-toggle/menu-toggle.js +8 -5
  277. package/dist/collection/components/modal/modal.js +46 -11
  278. package/dist/collection/components/modal/test/modal-attributes.spec.js +32 -0
  279. package/dist/collection/components/nav/nav.js +11 -5
  280. package/dist/collection/components/nav-link/nav-link.js +5 -1
  281. package/dist/collection/components/note/note.js +11 -8
  282. package/dist/collection/components/picker/picker.js +8 -5
  283. package/dist/collection/components/picker-column/picker-column.js +30 -10
  284. package/dist/collection/components/picker-column-option/picker-column-option.js +13 -7
  285. package/dist/collection/components/picker-legacy/picker.js +7 -6
  286. package/dist/collection/components/picker-legacy-column/picker-column.js +4 -4
  287. package/dist/collection/components/popover/popover.js +18 -14
  288. package/dist/collection/components/progress-bar/progress-bar.js +10 -7
  289. package/dist/collection/components/progress-bar/test/a11y/progress-bar.e2e.js +1 -1
  290. package/dist/collection/components/radio/radio.js +12 -9
  291. package/dist/collection/components/radio/test/a11y/radio.e2e.js +1 -1
  292. package/dist/collection/components/radio-group/radio-group.js +9 -3
  293. package/dist/collection/components/range/range.js +146 -51
  294. package/dist/collection/components/range/test/a11y/range.e2e.js +1 -1
  295. package/dist/collection/components/range/test/label/range.spec.js +24 -0
  296. package/dist/collection/components/range/test/range-events.e2e.js +27 -0
  297. package/dist/collection/components/refresher/refresher.js +11 -8
  298. package/dist/collection/components/refresher/test/a11y/refresher.e2e.js +1 -1
  299. package/dist/collection/components/refresher-content/refresher-content.js +12 -7
  300. package/dist/collection/components/reorder/reorder.js +13 -6
  301. package/dist/collection/components/reorder-group/reorder-group.js +8 -4
  302. package/dist/collection/components/ripple-effect/ripple-effect.js +8 -4
  303. package/dist/collection/components/route/route.js +4 -0
  304. package/dist/collection/components/router/router.js +4 -0
  305. package/dist/collection/components/router-link/router-link.js +9 -5
  306. package/dist/collection/components/router-link/test/a11y/router-link.e2e.js +1 -1
  307. package/dist/collection/components/router-outlet/router-outlet.js +5 -2
  308. package/dist/collection/components/row/row.js +9 -2
  309. package/dist/collection/components/searchbar/searchbar.js +101 -19
  310. package/dist/collection/components/searchbar/test/searchbar.spec.js +20 -2
  311. package/dist/collection/components/segment/segment.js +11 -8
  312. package/dist/collection/components/segment/test/a11y/segment.e2e.js +1 -1
  313. package/dist/collection/components/segment-button/segment-button.js +12 -9
  314. package/dist/collection/components/select/select.ios.css +7 -2
  315. package/dist/collection/components/select/select.js +32 -29
  316. package/dist/collection/components/select/select.md.css +6 -29
  317. package/dist/collection/components/select/test/a11y/select.e2e.js +1 -1
  318. package/dist/collection/components/select/test/highlight/select.e2e.js +88 -4
  319. package/dist/collection/components/select/test/select.spec.js +22 -0
  320. package/dist/collection/components/select/test/slot/select.e2e.js +8 -0
  321. package/dist/collection/components/select-option/select-option.js +9 -2
  322. package/dist/collection/components/select-popover/select-popover.js +12 -4
  323. package/dist/collection/components/select-popover/test/a11y/select-popover.e2e.js +1 -1
  324. package/dist/collection/components/skeleton-text/skeleton-text.js +9 -5
  325. package/dist/collection/components/spinner/spinner.js +10 -6
  326. package/dist/collection/components/split-pane/split-pane.js +14 -8
  327. package/dist/collection/components/tab/tab.js +6 -2
  328. package/dist/collection/components/tab-bar/tab-bar.js +12 -9
  329. package/dist/collection/components/tab-button/tab-button.js +11 -8
  330. package/dist/collection/components/tabs/tabs.js +4 -1
  331. package/dist/collection/components/text/text.js +7 -6
  332. package/dist/collection/components/textarea/test/a11y/textarea.e2e.js +1 -1
  333. package/dist/collection/components/textarea/test/highlight/textarea.e2e.js +144 -0
  334. package/dist/collection/components/textarea/test/item/textarea.e2e.js +21 -0
  335. package/dist/collection/components/textarea/test/slot/textarea.e2e.js +8 -0
  336. package/dist/collection/components/textarea/textarea.ios.css +4 -22
  337. package/dist/collection/components/textarea/textarea.js +15 -36
  338. package/dist/collection/components/textarea/textarea.md.css +6 -17
  339. package/dist/collection/components/thumbnail/thumbnail.js +9 -2
  340. package/dist/collection/components/title/title.js +13 -7
  341. package/dist/collection/components/toast/animations/utils.js +1 -1
  342. package/dist/collection/components/toast/test/a11y/toast.e2e.js +2 -2
  343. package/dist/collection/components/toast/toast.js +15 -11
  344. package/dist/collection/components/toggle/test/a11y/toggle.e2e.js +1 -1
  345. package/dist/collection/components/toggle/toggle.js +19 -16
  346. package/dist/collection/components/toolbar/toolbar.js +13 -10
  347. package/dist/collection/css/test/a11y/typography.e2e.js +1 -1
  348. package/dist/collection/global/ionic-global.js +160 -12
  349. package/dist/collection/global/test/ionic-global.spec.js +109 -0
  350. package/dist/collection/themes/test/colors/theme.e2e.js +2 -2
  351. package/dist/collection/utils/animation/animation-utils.js +0 -102
  352. package/dist/collection/utils/animation/animation.js +10 -141
  353. package/dist/collection/utils/animation/test/animation.spec.js +0 -89
  354. package/dist/collection/utils/animation/test/animationbuilder/animation.e2e.js +0 -4
  355. package/dist/collection/utils/animation/test/basic/animation.e2e.js +0 -4
  356. package/dist/collection/utils/animation/test/display/animation.e2e.js +0 -4
  357. package/dist/collection/utils/animation/test/hooks/animation.e2e.js +0 -4
  358. package/dist/collection/utils/animation/test/multiple/animation.e2e.js +0 -7
  359. package/dist/collection/utils/focus-trap.js +78 -0
  360. package/dist/collection/utils/forms/index.js +0 -1
  361. package/dist/collection/utils/hardware-back-button.js +2 -2
  362. package/dist/collection/utils/helpers.js +0 -53
  363. package/dist/collection/utils/menu-controller/animations/overlay.js +3 -3
  364. package/dist/collection/utils/menu-controller/animations/push.js +2 -1
  365. package/dist/collection/utils/menu-controller/animations/reveal.js +2 -1
  366. package/dist/collection/utils/native/haptic.js +6 -54
  367. package/dist/collection/utils/overlays.js +64 -53
  368. package/dist/collection/utils/slot-mutation-controller.js +12 -0
  369. package/dist/collection/utils/tap-click/index.js +5 -34
  370. package/dist/collection/utils/test/overlays/overlays.spec.js +53 -0
  371. package/dist/collection/utils/test/playwright/generator.js +48 -25
  372. package/dist/collection/utils/test/playwright/page/utils/goto.js +13 -4
  373. package/dist/collection/utils/test/playwright/page/utils/set-content.js +14 -2
  374. package/dist/collection/utils/transition/ios.transition.js +1 -0
  375. package/dist/docs.json +3992 -478
  376. package/dist/esm/{animation-a4acf150.js → animation-eab5a4ca.js} +9 -250
  377. package/dist/esm/{app-globals-5cf6195b.js → app-globals-4194f7b0.js} +1 -1
  378. package/dist/esm/{button-active-4407b98c.js → button-active-6f657ae4.js} +2 -2
  379. package/dist/esm/{data-691286f1.js → data-735635b1.js} +27 -42
  380. package/dist/esm/{framework-delegate-1eb3236c.js → framework-delegate-63d1a679.js} +1 -1
  381. package/dist/esm/{haptic-554688a5.js → haptic-ac164e4c.js} +6 -54
  382. package/dist/esm/{hardware-back-button-b410a047.js → hardware-back-button-ff84501f.js} +5 -5
  383. package/dist/esm/{helpers-ae74b3c9.js → helpers-da915de8.js} +1 -57
  384. package/dist/esm/{index-4c30cddd.js → index-3a495cc6.js} +443 -15
  385. package/dist/esm/{index-66871a1d.js → index-4bbc4ca3.js} +2 -2
  386. package/dist/esm/{index-8758824c.js → index-62041d9c.js} +11 -10
  387. package/dist/esm/{index-1f563746.js → index-79b30591.js} +5 -34
  388. package/dist/esm/{index-1eff8599.js → index-e3f4491c.js} +4 -4
  389. package/dist/esm/index.js +11 -12
  390. package/dist/esm/{input-shims-56c1f603.js → input-shims-131a3f9f.js} +4 -3
  391. package/dist/esm/{input.utils-482fc893.js → input.utils-41b26b54.js} +14 -2
  392. package/dist/esm/ion-accordion_2.entry.js +19 -12
  393. package/dist/esm/ion-action-sheet.entry.js +19 -15
  394. package/dist/esm/ion-alert.entry.js +20 -17
  395. package/dist/esm/ion-app_8.entry.js +76 -57
  396. package/dist/esm/ion-avatar_3.entry.js +22 -8
  397. package/dist/esm/ion-back-button.entry.js +13 -9
  398. package/dist/esm/ion-backdrop.entry.js +9 -5
  399. package/dist/esm/ion-breadcrumb_2.entry.js +20 -12
  400. package/dist/esm/ion-button_2.entry.js +25 -10
  401. package/dist/esm/ion-card_5.entry.js +45 -25
  402. package/dist/esm/ion-checkbox.entry.js +15 -11
  403. package/dist/esm/ion-chip.entry.js +10 -6
  404. package/dist/esm/ion-col_3.entry.js +14 -11
  405. package/dist/esm/ion-datetime-button.entry.js +21 -17
  406. package/dist/esm/ion-datetime_3.entry.js +103 -40
  407. package/dist/esm/ion-fab_3.entry.js +19 -15
  408. package/dist/esm/ion-img.entry.js +7 -4
  409. package/dist/esm/ion-infinite-scroll_2.entry.js +18 -15
  410. package/dist/esm/ion-input.entry.js +19 -17
  411. package/dist/esm/ion-item-option_3.entry.js +23 -16
  412. package/dist/esm/ion-item_8.entry.js +89 -116
  413. package/dist/esm/ion-loading.entry.js +16 -13
  414. package/dist/esm/ion-menu_3.entry.js +32 -46
  415. package/dist/esm/ion-modal.entry.js +52 -17
  416. package/dist/esm/ion-nav_2.entry.js +12 -10
  417. package/dist/esm/ion-picker-column-option.entry.js +11 -7
  418. package/dist/esm/ion-picker-column.entry.js +31 -12
  419. package/dist/esm/ion-picker.entry.js +8 -4
  420. package/dist/esm/ion-popover.entry.js +17 -14
  421. package/dist/esm/ion-progress-bar.entry.js +10 -6
  422. package/dist/esm/ion-radio_2.entry.js +16 -10
  423. package/dist/esm/ion-range.entry.js +146 -51
  424. package/dist/esm/ion-refresher_2.entry.js +21 -17
  425. package/dist/esm/ion-reorder_2.entry.js +17 -12
  426. package/dist/esm/ion-ripple-effect.entry.js +5 -5
  427. package/dist/esm/ion-route_4.entry.js +7 -7
  428. package/dist/esm/ion-searchbar.entry.js +41 -13
  429. package/dist/esm/ion-segment_2.entry.js +20 -12
  430. package/dist/esm/ion-select_3.entry.js +46 -33
  431. package/dist/esm/ion-spinner.entry.js +7 -7
  432. package/dist/esm/ion-split-pane.entry.js +11 -7
  433. package/dist/esm/ion-tab-bar_2.entry.js +19 -11
  434. package/dist/esm/ion-tab_2.entry.js +6 -6
  435. package/dist/esm/ion-text.entry.js +6 -6
  436. package/dist/esm/ion-textarea.entry.js +18 -16
  437. package/dist/esm/ion-toast.entry.js +19 -15
  438. package/dist/esm/ion-toggle.entry.js +19 -15
  439. package/dist/esm/ionic-global-d47e129d.js +401 -0
  440. package/dist/esm/ionic.js +29 -6
  441. package/dist/esm/{ios.transition-189b73b7.js → ios.transition-2187a9fd.js} +5 -4
  442. package/dist/esm/loader.js +5 -5
  443. package/dist/esm/{md.transition-c9761eef.js → md.transition-a8d52fcb.js} +4 -4
  444. package/dist/esm/{notch-controller-18bf9f76.js → notch-controller-55b09e11.js} +1 -1
  445. package/dist/esm/{overlays-c69d2a07.js → overlays-213b5a21.js} +142 -58
  446. package/dist/esm/{status-tap-1d638ee6.js → status-tap-8838c434.js} +4 -4
  447. package/dist/esm/{swipe-back-348f1971.js → swipe-back-e5394307.js} +1 -1
  448. package/dist/esm-es5/animation-eab5a4ca.js +4 -0
  449. package/dist/esm-es5/app-globals-4194f7b0.js +4 -0
  450. package/dist/esm-es5/{button-active-4407b98c.js → button-active-6f657ae4.js} +1 -1
  451. package/dist/esm-es5/data-735635b1.js +4 -0
  452. package/dist/esm-es5/{framework-delegate-1eb3236c.js → framework-delegate-63d1a679.js} +1 -1
  453. package/dist/esm-es5/haptic-ac164e4c.js +4 -0
  454. package/dist/esm-es5/hardware-back-button-ff84501f.js +4 -0
  455. package/dist/esm-es5/helpers-da915de8.js +4 -0
  456. package/dist/esm-es5/index-3a495cc6.js +5 -0
  457. package/dist/esm-es5/index-4bbc4ca3.js +4 -0
  458. package/dist/esm-es5/index-62041d9c.js +4 -0
  459. package/dist/esm-es5/index-79b30591.js +4 -0
  460. package/dist/esm-es5/{index-1eff8599.js → index-e3f4491c.js} +1 -1
  461. package/dist/esm-es5/index.js +1 -1
  462. package/dist/esm-es5/input-shims-131a3f9f.js +4 -0
  463. package/dist/esm-es5/input.utils-41b26b54.js +4 -0
  464. package/dist/esm-es5/ion-accordion_2.entry.js +1 -1
  465. package/dist/esm-es5/ion-action-sheet.entry.js +1 -1
  466. package/dist/esm-es5/ion-alert.entry.js +1 -1
  467. package/dist/esm-es5/ion-app_8.entry.js +1 -1
  468. package/dist/esm-es5/ion-avatar_3.entry.js +1 -1
  469. package/dist/esm-es5/ion-back-button.entry.js +1 -1
  470. package/dist/esm-es5/ion-backdrop.entry.js +1 -1
  471. package/dist/esm-es5/ion-breadcrumb_2.entry.js +1 -1
  472. package/dist/esm-es5/ion-button_2.entry.js +1 -1
  473. package/dist/esm-es5/ion-card_5.entry.js +1 -1
  474. package/dist/esm-es5/ion-checkbox.entry.js +1 -1
  475. package/dist/esm-es5/ion-chip.entry.js +1 -1
  476. package/dist/esm-es5/ion-col_3.entry.js +1 -1
  477. package/dist/esm-es5/ion-datetime-button.entry.js +1 -1
  478. package/dist/esm-es5/ion-datetime_3.entry.js +1 -1
  479. package/dist/esm-es5/ion-fab_3.entry.js +1 -1
  480. package/dist/esm-es5/ion-img.entry.js +1 -1
  481. package/dist/esm-es5/ion-infinite-scroll_2.entry.js +1 -1
  482. package/dist/esm-es5/ion-input.entry.js +1 -1
  483. package/dist/esm-es5/ion-item-option_3.entry.js +1 -1
  484. package/dist/esm-es5/ion-item_8.entry.js +1 -1
  485. package/dist/esm-es5/ion-loading.entry.js +1 -1
  486. package/dist/esm-es5/ion-menu_3.entry.js +1 -1
  487. package/dist/esm-es5/ion-modal.entry.js +1 -1
  488. package/dist/esm-es5/ion-nav_2.entry.js +1 -1
  489. package/dist/esm-es5/ion-picker-column-option.entry.js +1 -1
  490. package/dist/esm-es5/ion-picker-column.entry.js +1 -1
  491. package/dist/esm-es5/ion-picker.entry.js +1 -1
  492. package/dist/esm-es5/ion-popover.entry.js +1 -1
  493. package/dist/esm-es5/ion-progress-bar.entry.js +1 -1
  494. package/dist/esm-es5/ion-radio_2.entry.js +1 -1
  495. package/dist/esm-es5/ion-range.entry.js +1 -1
  496. package/dist/esm-es5/ion-refresher_2.entry.js +1 -1
  497. package/dist/esm-es5/ion-reorder_2.entry.js +1 -1
  498. package/dist/esm-es5/ion-ripple-effect.entry.js +1 -1
  499. package/dist/esm-es5/ion-route_4.entry.js +1 -1
  500. package/dist/esm-es5/ion-searchbar.entry.js +1 -1
  501. package/dist/esm-es5/ion-segment_2.entry.js +1 -1
  502. package/dist/esm-es5/ion-select_3.entry.js +1 -1
  503. package/dist/esm-es5/ion-spinner.entry.js +1 -1
  504. package/dist/esm-es5/ion-split-pane.entry.js +1 -1
  505. package/dist/esm-es5/ion-tab-bar_2.entry.js +1 -1
  506. package/dist/esm-es5/ion-tab_2.entry.js +1 -1
  507. package/dist/esm-es5/ion-text.entry.js +1 -1
  508. package/dist/esm-es5/ion-textarea.entry.js +1 -1
  509. package/dist/esm-es5/ion-toast.entry.js +1 -1
  510. package/dist/esm-es5/ion-toggle.entry.js +1 -1
  511. package/dist/esm-es5/ionic-global-d47e129d.js +4 -0
  512. package/dist/esm-es5/ionic.js +1 -1
  513. package/dist/esm-es5/ios.transition-2187a9fd.js +4 -0
  514. package/dist/esm-es5/loader.js +1 -1
  515. package/dist/esm-es5/{md.transition-c9761eef.js → md.transition-a8d52fcb.js} +1 -1
  516. package/dist/esm-es5/{notch-controller-18bf9f76.js → notch-controller-55b09e11.js} +1 -1
  517. package/dist/esm-es5/overlays-213b5a21.js +4 -0
  518. package/dist/esm-es5/status-tap-8838c434.js +4 -0
  519. package/dist/esm-es5/{swipe-back-348f1971.js → swipe-back-e5394307.js} +1 -1
  520. package/dist/html.html-data.json +1916 -132
  521. package/dist/ionic/index.esm.js +1 -1
  522. package/dist/ionic/ionic.esm.js +1 -1
  523. package/dist/ionic/ionic.js +1 -1
  524. package/dist/ionic/p-0507489e.system.entry.js +4 -0
  525. package/dist/ionic/p-09b71030.entry.js +4 -0
  526. package/dist/ionic/p-0c0065e8.js +4 -0
  527. package/dist/ionic/p-0daf382b.system.entry.js +4 -0
  528. package/dist/ionic/p-1126b6fb.entry.js +4 -0
  529. package/dist/ionic/p-116239e0.system.entry.js +4 -0
  530. package/dist/ionic/p-11f25a12.system.js +4 -0
  531. package/dist/ionic/{p-de55ec45.js → p-139e8ff1.js} +1 -1
  532. package/dist/ionic/p-13aa1338.entry.js +4 -0
  533. package/dist/ionic/p-16b3b748.system.js +4 -0
  534. package/dist/ionic/p-18d1e318.system.js +4 -0
  535. package/dist/ionic/p-197fca36.system.entry.js +4 -0
  536. package/dist/ionic/{p-8a50f8d6.system.js → p-19ea7bff.system.js} +1 -1
  537. package/dist/ionic/{p-98e6b3b8.system.js → p-1a488d6f.system.js} +1 -1
  538. package/dist/ionic/p-1f04779e.entry.js +4 -0
  539. package/dist/ionic/p-226bdf0f.entry.js +4 -0
  540. package/dist/ionic/p-23132e1f.js +4 -0
  541. package/dist/ionic/p-23a3320b.js +4 -0
  542. package/dist/ionic/p-23e053d0.system.entry.js +4 -0
  543. package/dist/ionic/p-24cc69ab.entry.js +4 -0
  544. package/dist/ionic/p-24e9aa21.entry.js +4 -0
  545. package/dist/ionic/p-29ceda88.js +4 -0
  546. package/dist/ionic/p-2a4641fb.system.entry.js +4 -0
  547. package/dist/ionic/p-2bc784c2.system.entry.js +4 -0
  548. package/dist/ionic/p-2c8cb8c0.system.entry.js +4 -0
  549. package/dist/ionic/p-2fad37de.system.entry.js +4 -0
  550. package/dist/ionic/p-30aed000.system.entry.js +4 -0
  551. package/dist/ionic/{p-892e2567.system.entry.js → p-30b7a6a6.system.entry.js} +2 -2
  552. package/dist/ionic/p-322eb715.system.js +4 -0
  553. package/dist/ionic/{p-8d4d902b.js → p-34b11c24.js} +1 -1
  554. package/dist/ionic/p-35b46c05.entry.js +4 -0
  555. package/dist/ionic/p-365d2cfe.system.entry.js +4 -0
  556. package/dist/ionic/p-385c76dc.system.entry.js +4 -0
  557. package/dist/ionic/p-3ad285e3.system.js +4 -0
  558. package/dist/ionic/p-3b03dd5b.entry.js +4 -0
  559. package/dist/ionic/{p-15708968.js → p-3cc276f4.js} +1 -1
  560. package/dist/ionic/p-3d7001d7.js +4 -0
  561. package/dist/ionic/p-3e47e61e.entry.js +4 -0
  562. package/dist/ionic/p-3e8cfe35.system.entry.js +4 -0
  563. package/dist/ionic/p-3e9e667a.entry.js +4 -0
  564. package/dist/ionic/p-3ecd1809.entry.js +4 -0
  565. package/dist/ionic/p-3ed32307.system.entry.js +4 -0
  566. package/dist/ionic/p-41908d5c.entry.js +4 -0
  567. package/dist/ionic/{p-d9b6b588.entry.js → p-44d8d5c3.entry.js} +1 -1
  568. package/dist/ionic/p-45684f75.system.entry.js +4 -0
  569. package/dist/ionic/p-46e489c1.entry.js +4 -0
  570. package/dist/ionic/p-4c2d5b80.system.js +4 -0
  571. package/dist/ionic/p-4c55c5ce.entry.js +4 -0
  572. package/dist/ionic/p-4c6278ca.system.entry.js +4 -0
  573. package/dist/ionic/p-4e7a18b3.entry.js +4 -0
  574. package/dist/ionic/p-4f30e4c3.system.entry.js +4 -0
  575. package/dist/ionic/p-52698131.entry.js +4 -0
  576. package/dist/ionic/p-56dfd814.entry.js +4 -0
  577. package/dist/ionic/{p-ab427719.entry.js → p-57082094.entry.js} +1 -1
  578. package/dist/ionic/{p-ceceac26.js → p-57a4c6c3.js} +1 -1
  579. package/dist/ionic/{p-c8d61b6c.system.entry.js → p-57b76977.system.entry.js} +1 -1
  580. package/dist/ionic/p-5919403e.js +4 -0
  581. package/dist/ionic/p-5fed4c24.system.entry.js +4 -0
  582. package/dist/ionic/p-605c456e.system.entry.js +4 -0
  583. package/dist/ionic/p-6087c7ac.system.entry.js +4 -0
  584. package/dist/ionic/p-617a8c10.system.entry.js +4 -0
  585. package/dist/ionic/p-62ad354a.system.entry.js +4 -0
  586. package/dist/ionic/{p-0a8a78db.system.entry.js → p-644df0cc.system.entry.js} +1 -1
  587. package/dist/ionic/p-6718dfd8.system.entry.js +4 -0
  588. package/dist/ionic/p-6770c46d.system.entry.js +4 -0
  589. package/dist/ionic/p-6981ada8.entry.js +4 -0
  590. package/dist/ionic/p-69e691df.system.entry.js +4 -0
  591. package/dist/ionic/p-6a5b979b.system.js +4 -0
  592. package/dist/ionic/p-6d1854de.system.entry.js +4 -0
  593. package/dist/ionic/p-70a396e0.entry.js +4 -0
  594. package/dist/ionic/p-716cc857.entry.js +4 -0
  595. package/dist/ionic/p-71784639.entry.js +4 -0
  596. package/dist/ionic/p-72812e99.js +4 -0
  597. package/dist/ionic/{p-f2473724.js → p-72bc8a1c.js} +1 -1
  598. package/dist/ionic/p-75257a79.system.js +5 -0
  599. package/dist/ionic/p-77cdf8f0.system.entry.js +4 -0
  600. package/dist/ionic/{p-1e07fdb2.system.entry.js → p-7c6ba817.system.entry.js} +2 -2
  601. package/dist/ionic/p-7d6993fa.entry.js +4 -0
  602. package/dist/ionic/{p-1ea88de9.system.js → p-7fefe43e.system.js} +2 -2
  603. package/dist/ionic/{p-8fe3c4ef.entry.js → p-820be1bf.entry.js} +1 -1
  604. package/dist/ionic/p-84dd4f6c.system.entry.js +4 -0
  605. package/dist/ionic/{p-19f6ac6c.system.js → p-8635f5e6.system.js} +1 -1
  606. package/dist/ionic/p-89b61afc.js +4 -0
  607. package/dist/ionic/{p-12b55b00.system.entry.js → p-8cd83c08.system.entry.js} +1 -1
  608. package/dist/ionic/p-8fbf7c49.entry.js +4 -0
  609. package/dist/ionic/p-8fd110c6.entry.js +4 -0
  610. package/dist/ionic/p-9146695e.system.js +4 -0
  611. package/dist/ionic/p-92b3df98.system.js +4 -0
  612. package/dist/ionic/{p-973c7550.system.entry.js → p-98ced5a7.system.entry.js} +2 -2
  613. package/dist/ionic/p-9a76dbbb.entry.js +4 -0
  614. package/dist/ionic/p-a15ddedb.system.js +4 -0
  615. package/dist/ionic/p-a5456295.entry.js +4 -0
  616. package/dist/ionic/p-a68b1b19.entry.js +4 -0
  617. package/dist/ionic/p-a93873de.system.js +4 -0
  618. package/dist/ionic/{p-df504a37.system.js → p-ac1eb107.system.js} +1 -1
  619. package/dist/ionic/p-ae2c6708.system.entry.js +4 -0
  620. package/dist/ionic/p-ae3fdd38.entry.js +4 -0
  621. package/dist/ionic/{p-eb9803e9.system.js → p-af732189.system.js} +1 -1
  622. package/dist/ionic/p-afeebbc2.entry.js +4 -0
  623. package/dist/ionic/p-b0bd2f28.system.entry.js +4 -0
  624. package/dist/ionic/p-b0da0e7e.entry.js +4 -0
  625. package/dist/ionic/p-b51e4004.js +4 -0
  626. package/dist/ionic/p-b69db5bf.entry.js +4 -0
  627. package/dist/ionic/{p-9f84474d.entry.js → p-b8df09fa.entry.js} +1 -1
  628. package/dist/ionic/p-bb01995b.entry.js +4 -0
  629. package/dist/ionic/p-bb4431d3.entry.js +4 -0
  630. package/dist/ionic/{p-31e02742.system.js → p-c11232d6.system.js} +1 -1
  631. package/dist/ionic/p-c1d0861e.entry.js +4 -0
  632. package/dist/ionic/p-c78731fc.system.js +4 -0
  633. package/dist/ionic/p-c7e16491.js +4 -0
  634. package/dist/ionic/p-c7e3ef1f.js +4 -0
  635. package/dist/ionic/p-c8985963.system.js +4 -0
  636. package/dist/ionic/p-c957dcbd.system.entry.js +4 -0
  637. package/dist/ionic/p-cb4da696.js +5 -0
  638. package/dist/ionic/p-cc1dabd2.system.entry.js +4 -0
  639. package/dist/ionic/p-cd1250d7.js +4 -0
  640. package/dist/ionic/p-cd94b05a.system.entry.js +4 -0
  641. package/dist/ionic/p-d2a65df9.js +4 -0
  642. package/dist/ionic/p-d6788bde.system.entry.js +4 -0
  643. package/dist/ionic/p-d83f3852.system.entry.js +4 -0
  644. package/dist/ionic/p-de5f6929.system.entry.js +4 -0
  645. package/dist/ionic/{p-89ca4c4b.system.js → p-df92bab7.system.js} +1 -1
  646. package/dist/ionic/p-dff73ffc.system.js +4 -0
  647. package/dist/ionic/p-e399a113.entry.js +4 -0
  648. package/dist/ionic/p-e4cd4316.system.entry.js +4 -0
  649. package/dist/ionic/p-e557901b.entry.js +4 -0
  650. package/dist/ionic/p-e62f29e0.system.entry.js +4 -0
  651. package/dist/ionic/p-e7522003.js +4 -0
  652. package/dist/ionic/p-e86fef55.system.js +4 -0
  653. package/dist/ionic/p-eab67c46.system.entry.js +4 -0
  654. package/dist/ionic/p-ed454419.entry.js +4 -0
  655. package/dist/ionic/p-efdba78a.system.entry.js +4 -0
  656. package/dist/ionic/p-f7a041dc.js +4 -0
  657. package/dist/ionic/p-f85988bd.entry.js +4 -0
  658. package/dist/ionic/p-f9398178.entry.js +4 -0
  659. package/dist/ionic/p-f977c8c5.entry.js +4 -0
  660. package/dist/ionic/p-fe1345b7.js +4 -0
  661. package/dist/ionic/{p-97248203.system.entry.js → p-fea6e789.system.entry.js} +1 -1
  662. package/dist/ionic/p-ff584ff5.entry.js +4 -0
  663. package/dist/ionic/p-ff93a0f3.entry.js +4 -0
  664. package/dist/types/components/accordion/accordion.d.ts +2 -1
  665. package/dist/types/components/accordion-group/accordion-group.d.ts +2 -1
  666. package/dist/types/components/action-sheet/action-sheet-interface.d.ts +3 -7
  667. package/dist/types/components/action-sheet/action-sheet.d.ts +3 -2
  668. package/dist/types/components/alert/alert-interface.d.ts +3 -7
  669. package/dist/types/components/alert/alert.d.ts +3 -2
  670. package/dist/types/components/app/app.d.ts +4 -0
  671. package/dist/types/components/avatar/avatar.d.ts +4 -0
  672. package/dist/types/components/back-button/back-button.d.ts +2 -1
  673. package/dist/types/components/backdrop/backdrop.d.ts +4 -0
  674. package/dist/types/components/badge/badge.d.ts +2 -1
  675. package/dist/types/components/breadcrumb/breadcrumb.d.ts +2 -1
  676. package/dist/types/components/breadcrumbs/breadcrumbs.d.ts +2 -2
  677. package/dist/types/components/button/button.d.ts +7 -1
  678. package/dist/types/components/buttons/buttons.d.ts +5 -1
  679. package/dist/types/components/card/card.d.ts +2 -1
  680. package/dist/types/components/card-content/card-content.d.ts +2 -1
  681. package/dist/types/components/card-header/card-header.d.ts +3 -2
  682. package/dist/types/components/card-subtitle/card-subtitle.d.ts +2 -1
  683. package/dist/types/components/card-title/card-title.d.ts +2 -1
  684. package/dist/types/components/checkbox/checkbox.d.ts +2 -1
  685. package/dist/types/components/chip/chip.d.ts +2 -1
  686. package/dist/types/components/col/col.d.ts +4 -0
  687. package/dist/types/components/content/content.d.ts +3 -0
  688. package/dist/types/components/datetime/datetime-interface.d.ts +10 -0
  689. package/dist/types/components/datetime/datetime.d.ts +12 -2
  690. package/dist/types/components/datetime/utils/data.d.ts +3 -3
  691. package/dist/types/components/datetime/utils/format.d.ts +7 -13
  692. package/dist/types/components/datetime/utils/validate.d.ts +8 -0
  693. package/dist/types/components/datetime-button/datetime-button.d.ts +2 -1
  694. package/dist/types/components/fab/fab.d.ts +4 -0
  695. package/dist/types/components/fab-button/fab-button.d.ts +3 -2
  696. package/dist/types/components/fab-list/fab-list.d.ts +4 -0
  697. package/dist/types/components/footer/footer.d.ts +4 -3
  698. package/dist/types/components/grid/grid.d.ts +4 -0
  699. package/dist/types/components/header/header.d.ts +4 -3
  700. package/dist/types/components/img/img.d.ts +3 -0
  701. package/dist/types/components/infinite-scroll/infinite-scroll.d.ts +4 -0
  702. package/dist/types/components/infinite-scroll-content/infinite-scroll-content.d.ts +4 -0
  703. package/dist/types/components/input/input.d.ts +4 -8
  704. package/dist/types/components/item/item.d.ts +4 -35
  705. package/dist/types/components/item-divider/item-divider.d.ts +2 -1
  706. package/dist/types/components/item-group/item-group.d.ts +4 -0
  707. package/dist/types/components/item-option/item-option.d.ts +2 -1
  708. package/dist/types/components/item-options/item-options.d.ts +4 -0
  709. package/dist/types/components/item-sliding/item-sliding.d.ts +4 -0
  710. package/dist/types/components/label/label.d.ts +2 -1
  711. package/dist/types/components/list/list.d.ts +2 -1
  712. package/dist/types/components/list-header/list-header.d.ts +2 -1
  713. package/dist/types/components/loading/loading-interface.d.ts +2 -7
  714. package/dist/types/components/loading/loading.d.ts +3 -2
  715. package/dist/types/components/menu/menu-interface.d.ts +1 -0
  716. package/dist/types/components/menu/menu.d.ts +5 -4
  717. package/dist/types/components/menu-button/menu-button.d.ts +2 -1
  718. package/dist/types/components/menu-toggle/menu-toggle.d.ts +3 -0
  719. package/dist/types/components/modal/modal-interface.d.ts +3 -7
  720. package/dist/types/components/modal/modal.d.ts +2 -1
  721. package/dist/types/components/nav/nav-interface.d.ts +9 -1
  722. package/dist/types/components/nav/nav.d.ts +5 -1
  723. package/dist/types/components/nav-link/nav-link.d.ts +4 -0
  724. package/dist/types/components/note/note.d.ts +2 -1
  725. package/dist/types/components/picker/picker.d.ts +2 -1
  726. package/dist/types/components/picker-column/picker-column.d.ts +2 -1
  727. package/dist/types/components/picker-column-option/picker-column-option.d.ts +4 -0
  728. package/dist/types/components/picker-legacy/picker.d.ts +2 -1
  729. package/dist/types/components/popover/popover-interface.d.ts +3 -7
  730. package/dist/types/components/popover/popover.d.ts +6 -5
  731. package/dist/types/components/progress-bar/progress-bar.d.ts +2 -1
  732. package/dist/types/components/radio/radio.d.ts +2 -1
  733. package/dist/types/components/radio-group/radio-group.d.ts +4 -0
  734. package/dist/types/components/range/range.d.ts +31 -1
  735. package/dist/types/components/refresher/refresher.d.ts +2 -1
  736. package/dist/types/components/refresher-content/refresher-content.d.ts +4 -0
  737. package/dist/types/components/reorder/reorder.d.ts +3 -0
  738. package/dist/types/components/reorder-group/reorder-group.d.ts +4 -0
  739. package/dist/types/components/ripple-effect/ripple-effect.d.ts +4 -0
  740. package/dist/types/components/route/route.d.ts +4 -0
  741. package/dist/types/components/router/router.d.ts +4 -0
  742. package/dist/types/components/router-link/router-link.d.ts +4 -0
  743. package/dist/types/components/router-outlet/router-outlet.d.ts +4 -1
  744. package/dist/types/components/row/row.d.ts +4 -0
  745. package/dist/types/components/searchbar/searchbar.d.ts +46 -7
  746. package/dist/types/components/segment/segment.d.ts +2 -1
  747. package/dist/types/components/segment-button/segment-button.d.ts +2 -1
  748. package/dist/types/components/select/select.d.ts +6 -5
  749. package/dist/types/components/select-option/select-option.d.ts +4 -0
  750. package/dist/types/components/select-popover/select-popover.d.ts +3 -0
  751. package/dist/types/components/skeleton-text/skeleton-text.d.ts +4 -0
  752. package/dist/types/components/spinner/spinner.d.ts +4 -0
  753. package/dist/types/components/split-pane/split-pane.d.ts +4 -0
  754. package/dist/types/components/tab/tab.d.ts +4 -0
  755. package/dist/types/components/tab-bar/tab-bar.d.ts +3 -2
  756. package/dist/types/components/tab-button/tab-button.d.ts +2 -1
  757. package/dist/types/components/tabs/tabs.d.ts +3 -0
  758. package/dist/types/components/text/text.d.ts +2 -1
  759. package/dist/types/components/textarea/textarea.d.ts +4 -8
  760. package/dist/types/components/thumbnail/thumbnail.d.ts +4 -0
  761. package/dist/types/components/title/title.d.ts +4 -0
  762. package/dist/types/components/toast/animations/utils.d.ts +2 -2
  763. package/dist/types/components/toast/toast-interface.d.ts +3 -7
  764. package/dist/types/components/toast/toast.d.ts +3 -2
  765. package/dist/types/components/toggle/toggle.d.ts +3 -2
  766. package/dist/types/components/toolbar/toolbar.d.ts +4 -3
  767. package/dist/types/components.d.ts +1220 -206
  768. package/dist/types/global/ionic-global.d.ts +25 -2
  769. package/dist/types/interface.d.ts +3 -0
  770. package/dist/types/utils/animation/animation-utils.d.ts +0 -12
  771. package/dist/types/utils/config.d.ts +17 -2
  772. package/dist/types/utils/focus-trap.d.ts +35 -0
  773. package/dist/types/utils/forms/index.d.ts +0 -1
  774. package/dist/types/utils/hardware-back-button.d.ts +1 -1
  775. package/dist/types/utils/helpers.d.ts +0 -19
  776. package/dist/types/utils/overlays-interface.d.ts +31 -1
  777. package/dist/types/utils/overlays.d.ts +0 -6
  778. package/dist/types/utils/test/playwright/generator.d.ts +9 -2
  779. package/hydrate/index.js +1723 -1180
  780. package/package.json +7 -2
  781. package/components/index9.js +0 -196
  782. package/components/note.js +0 -48
  783. package/css/themes/dark.always.css.map +0 -1
  784. package/css/themes/dark.class.css.map +0 -1
  785. package/css/themes/dark.system.css.map +0 -1
  786. package/css/themes/high-contrast-dark.always.css.map +0 -1
  787. package/css/themes/high-contrast-dark.class.css.map +0 -1
  788. package/css/themes/high-contrast-dark.system.css.map +0 -1
  789. package/css/themes/high-contrast.always.css.map +0 -1
  790. package/css/themes/high-contrast.class.css.map +0 -1
  791. package/css/themes/high-contrast.system.css.map +0 -1
  792. package/dist/cjs/index-5915f9b3.js +0 -38
  793. package/dist/cjs/ionic-global-59a10130.js +0 -230
  794. package/dist/collection/components/item/test/legacy/disabled/item.e2e.js +0 -14
  795. package/dist/collection/components/modal/test/a11y/modal.spec.js +0 -22
  796. package/dist/collection/utils/forms/form-controller.js +0 -61
  797. package/dist/collection/utils/test/aria.spec.js +0 -80
  798. package/dist/esm/index-9b0d46f4.js +0 -34
  799. package/dist/esm/ionic-global-ad9a1810.js +0 -224
  800. package/dist/esm-es5/animation-a4acf150.js +0 -4
  801. package/dist/esm-es5/app-globals-5cf6195b.js +0 -4
  802. package/dist/esm-es5/data-691286f1.js +0 -4
  803. package/dist/esm-es5/haptic-554688a5.js +0 -4
  804. package/dist/esm-es5/hardware-back-button-b410a047.js +0 -4
  805. package/dist/esm-es5/helpers-ae74b3c9.js +0 -4
  806. package/dist/esm-es5/index-1f563746.js +0 -4
  807. package/dist/esm-es5/index-4c30cddd.js +0 -5
  808. package/dist/esm-es5/index-66871a1d.js +0 -4
  809. package/dist/esm-es5/index-8758824c.js +0 -4
  810. package/dist/esm-es5/index-9b0d46f4.js +0 -4
  811. package/dist/esm-es5/input-shims-56c1f603.js +0 -4
  812. package/dist/esm-es5/input.utils-482fc893.js +0 -4
  813. package/dist/esm-es5/ionic-global-ad9a1810.js +0 -4
  814. package/dist/esm-es5/ios.transition-189b73b7.js +0 -4
  815. package/dist/esm-es5/overlays-c69d2a07.js +0 -4
  816. package/dist/esm-es5/status-tap-1d638ee6.js +0 -4
  817. package/dist/ionic/p-00a762c9.entry.js +0 -4
  818. package/dist/ionic/p-0612cdcc.system.entry.js +0 -4
  819. package/dist/ionic/p-069388dd.system.js +0 -4
  820. package/dist/ionic/p-06fee233.js +0 -4
  821. package/dist/ionic/p-0b34d3a7.system.js +0 -4
  822. package/dist/ionic/p-0dca0eee.system.entry.js +0 -4
  823. package/dist/ionic/p-0dfbbdbe.entry.js +0 -4
  824. package/dist/ionic/p-0f25a7bb.system.js +0 -4
  825. package/dist/ionic/p-11bb459e.system.entry.js +0 -4
  826. package/dist/ionic/p-13e8ad2e.entry.js +0 -4
  827. package/dist/ionic/p-16e06393.system.js +0 -4
  828. package/dist/ionic/p-17082c91.system.js +0 -4
  829. package/dist/ionic/p-174856b4.system.js +0 -4
  830. package/dist/ionic/p-174b0d50.system.entry.js +0 -4
  831. package/dist/ionic/p-1a4db355.system.entry.js +0 -4
  832. package/dist/ionic/p-1d545773.entry.js +0 -4
  833. package/dist/ionic/p-1deadb7f.system.js +0 -4
  834. package/dist/ionic/p-1df25966.entry.js +0 -4
  835. package/dist/ionic/p-1f79e54a.entry.js +0 -4
  836. package/dist/ionic/p-2b3544ad.entry.js +0 -4
  837. package/dist/ionic/p-2c768965.entry.js +0 -4
  838. package/dist/ionic/p-2dcf2ec2.system.entry.js +0 -4
  839. package/dist/ionic/p-3209217f.entry.js +0 -4
  840. package/dist/ionic/p-32fb7d95.entry.js +0 -4
  841. package/dist/ionic/p-34d0f143.system.entry.js +0 -4
  842. package/dist/ionic/p-3807cd45.system.entry.js +0 -4
  843. package/dist/ionic/p-385f66bc.entry.js +0 -4
  844. package/dist/ionic/p-3c47c5c8.system.entry.js +0 -4
  845. package/dist/ionic/p-3c51cf97.system.entry.js +0 -4
  846. package/dist/ionic/p-3d77b300.system.entry.js +0 -4
  847. package/dist/ionic/p-415ccddd.entry.js +0 -4
  848. package/dist/ionic/p-42f189f4.js +0 -4
  849. package/dist/ionic/p-446f3909.system.entry.js +0 -4
  850. package/dist/ionic/p-4a8f173c.system.js +0 -4
  851. package/dist/ionic/p-4aba0454.system.entry.js +0 -4
  852. package/dist/ionic/p-4bbc949f.system.entry.js +0 -4
  853. package/dist/ionic/p-4dfe0487.system.entry.js +0 -4
  854. package/dist/ionic/p-4e7abe76.js +0 -4
  855. package/dist/ionic/p-5133c4a3.system.entry.js +0 -4
  856. package/dist/ionic/p-5289aade.js +0 -4
  857. package/dist/ionic/p-5797981d.system.entry.js +0 -4
  858. package/dist/ionic/p-5d530ae5.entry.js +0 -4
  859. package/dist/ionic/p-5d64e680.entry.js +0 -4
  860. package/dist/ionic/p-5d7e32ce.js +0 -4
  861. package/dist/ionic/p-5dbf7222.entry.js +0 -4
  862. package/dist/ionic/p-5e70f800.system.entry.js +0 -4
  863. package/dist/ionic/p-5eabaa80.js +0 -4
  864. package/dist/ionic/p-5f9fbad0.entry.js +0 -4
  865. package/dist/ionic/p-60a92a48.system.entry.js +0 -4
  866. package/dist/ionic/p-640fac4a.system.entry.js +0 -4
  867. package/dist/ionic/p-6525a8cd.system.js +0 -4
  868. package/dist/ionic/p-66e6860f.system.js +0 -4
  869. package/dist/ionic/p-67c4deed.system.entry.js +0 -4
  870. package/dist/ionic/p-6ad90d41.entry.js +0 -4
  871. package/dist/ionic/p-6aeb0272.entry.js +0 -4
  872. package/dist/ionic/p-6d659d62.entry.js +0 -4
  873. package/dist/ionic/p-6dbea874.system.entry.js +0 -4
  874. package/dist/ionic/p-6e14d3ca.system.entry.js +0 -4
  875. package/dist/ionic/p-717c4b72.entry.js +0 -4
  876. package/dist/ionic/p-7292add8.entry.js +0 -4
  877. package/dist/ionic/p-72fa96bf.system.js +0 -5
  878. package/dist/ionic/p-75861cd3.entry.js +0 -4
  879. package/dist/ionic/p-760dbd5e.js +0 -4
  880. package/dist/ionic/p-7e185a31.entry.js +0 -4
  881. package/dist/ionic/p-80704be1.entry.js +0 -4
  882. package/dist/ionic/p-816476b0.system.js +0 -4
  883. package/dist/ionic/p-842777af.js +0 -4
  884. package/dist/ionic/p-8ab308e9.js +0 -4
  885. package/dist/ionic/p-8b8b900d.entry.js +0 -4
  886. package/dist/ionic/p-916a4e14.entry.js +0 -4
  887. package/dist/ionic/p-93e79b55.js +0 -4
  888. package/dist/ionic/p-94f85e19.system.entry.js +0 -4
  889. package/dist/ionic/p-96107183.js +0 -4
  890. package/dist/ionic/p-986a47ee.system.entry.js +0 -4
  891. package/dist/ionic/p-993da5df.entry.js +0 -4
  892. package/dist/ionic/p-9c93fdcd.js +0 -4
  893. package/dist/ionic/p-9d6f351e.js +0 -4
  894. package/dist/ionic/p-9d795c4b.entry.js +0 -4
  895. package/dist/ionic/p-9e3b3f15.system.js +0 -4
  896. package/dist/ionic/p-9ecc1e42.entry.js +0 -4
  897. package/dist/ionic/p-a6cc38d4.js +0 -4
  898. package/dist/ionic/p-aaaefef6.entry.js +0 -4
  899. package/dist/ionic/p-acf70e64.system.entry.js +0 -4
  900. package/dist/ionic/p-b2d58604.system.entry.js +0 -4
  901. package/dist/ionic/p-b434ded7.system.entry.js +0 -4
  902. package/dist/ionic/p-bca27ea7.entry.js +0 -4
  903. package/dist/ionic/p-c68e75ea.system.js +0 -4
  904. package/dist/ionic/p-c6dbc089.system.entry.js +0 -4
  905. package/dist/ionic/p-c880c809.js +0 -4
  906. package/dist/ionic/p-c995da88.system.js +0 -4
  907. package/dist/ionic/p-c9e21694.system.entry.js +0 -4
  908. package/dist/ionic/p-cb944b1a.system.js +0 -4
  909. package/dist/ionic/p-cd0ffc8c.entry.js +0 -4
  910. package/dist/ionic/p-cefbb7b7.entry.js +0 -4
  911. package/dist/ionic/p-d13689a6.entry.js +0 -4
  912. package/dist/ionic/p-d47a1a78.system.entry.js +0 -4
  913. package/dist/ionic/p-d7c78a97.system.entry.js +0 -4
  914. package/dist/ionic/p-d7dc29c5.entry.js +0 -4
  915. package/dist/ionic/p-d84c9fc4.entry.js +0 -4
  916. package/dist/ionic/p-d8643420.system.entry.js +0 -4
  917. package/dist/ionic/p-dd7c79ce.system.entry.js +0 -4
  918. package/dist/ionic/p-de0a7606.system.entry.js +0 -4
  919. package/dist/ionic/p-df6a1571.entry.js +0 -4
  920. package/dist/ionic/p-e1819aee.js +0 -4
  921. package/dist/ionic/p-e311af42.entry.js +0 -4
  922. package/dist/ionic/p-e46adaf1.system.entry.js +0 -4
  923. package/dist/ionic/p-e4eeb3af.entry.js +0 -4
  924. package/dist/ionic/p-e755046f.system.entry.js +0 -4
  925. package/dist/ionic/p-ec77b7ad.system.entry.js +0 -4
  926. package/dist/ionic/p-ed7a529f.js +0 -5
  927. package/dist/ionic/p-ef636601.entry.js +0 -4
  928. package/dist/ionic/p-ef9736b9.entry.js +0 -4
  929. package/dist/ionic/p-f0a7e80b.js +0 -4
  930. package/dist/ionic/p-f7c3d736.system.entry.js +0 -4
  931. package/dist/ionic/p-f7ccf8d9.entry.js +0 -4
  932. package/dist/ionic/p-f7d802e1.entry.js +0 -4
  933. package/dist/ionic/p-fd783a38.system.entry.js +0 -4
  934. package/dist/ionic/p-ff4b7e40.system.js +0 -4
  935. package/dist/types/utils/forms/form-controller.d.ts +0 -15
  936. package/css/{themes → palettes}/dark.always.css +0 -0
  937. package/css/{themes → palettes}/dark.css +0 -0
  938. package/css/{themes → palettes}/dark.css.map +0 -0
  939. package/css/{themes → palettes}/dark.system.css +0 -0
  940. package/css/{themes → palettes}/high-contrast-dark.always.css +1 -1
  941. package/css/{themes → palettes}/high-contrast-dark.css +0 -0
  942. package/css/{themes → palettes}/high-contrast-dark.css.map +0 -0
  943. package/css/{themes → palettes}/high-contrast-dark.system.css +1 -1
  944. package/css/{themes → palettes}/high-contrast.always.css +25 -25
  945. package/css/{themes → palettes}/high-contrast.css +0 -0
  946. package/css/{themes → palettes}/high-contrast.css.map +0 -0
  947. package/css/{themes → palettes}/high-contrast.system.css +25 -25
package/components/ion-text.js CHANGED
@@ -3,7 +3,7 @@
3
3
  */
4
4
  import { proxyCustomElement, HTMLElement, h, Host } from '@stencil/core/internal/client';
5
5
  import { c as createColorClasses } from './theme.js';
6
- import { b as getIonMode } from './ionic-global.js';
6
+ import { d as getIonTheme } from './ionic-global.js';
7
7
 
8
8
  const textCss = ":host(.ion-color){color:var(--ion-color-base)}";
9
9
  const IonTextStyle0 = textCss;
@@ -16,10 +16,10 @@ const Text = /*@__PURE__*/ proxyCustomElement(class Text extends HTMLElement {
16
16
  this.color = undefined;
17
17
  }
18
18
  render() {
19
- const mode = getIonMode(this);
20
- return (h(Host, { key: '9b5decc6dfca4fbaf0fe42696a9833ffee269a7d', class: createColorClasses(this.color, {
21
- [mode]: true,
22
- }) }, h("slot", { key: '5b822dcc0f6255819cec7626d0c0f7f9873aaab9' })));
19
+ const theme = getIonTheme(this);
20
+ return (h(Host, { key: '9b8da45b71b833b0f6d48775b785fcbf86b109dc', class: createColorClasses(this.color, {
21
+ [theme]: true,
22
+ }) }, h("slot", { key: '10d1a6ab506cfae2858bec6c9451f3d7f16cd55f' })));
23
23
  }
24
24
  static get style() { return IonTextStyle0; }
25
25
  }, [1, "ion-text", {
package/components/ion-textarea.js CHANGED
@@ -2,16 +2,19 @@
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 { l as debounceEvent, i as inheritAriaAttributes, d as inheritAttributes, c as componentOnReady } from './helpers.js';
6
5
  import { c as createNotchController } from './notch-controller.js';
6
+ import { l as debounceEvent, i as inheritAriaAttributes, d as inheritAttributes, c as componentOnReady } from './helpers.js';
7
7
  import { c as createSlotMutationController, g as getCounterText } from './input.utils.js';
8
8
  import { h as hostContext, c as createColorClasses } from './theme.js';
9
- import { b as getIonMode } from './ionic-global.js';
9
+ import { d as getIonTheme } from './ionic-global.js';
10
+
11
+ const ionicTextareaMdCss = ".sc-ion-textarea-ionic-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-ionic-h,.textarea-label-placement-stacked.sc-ion-textarea-ionic-h{--padding-top:0px;min-height:56px}[cols].sc-ion-textarea-ionic-h:not([auto-grow]){width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.ion-color.sc-ion-textarea-ionic-h{--highlight-color-focused:var(--ion-color-base);background:initial}ion-item.sc-ion-textarea-ionic-h,ion-item .sc-ion-textarea-ionic-h{-ms-flex-item-align:baseline;align-self:baseline}ion-item[slot=start].sc-ion-textarea-ionic-h,ion-item [slot=start].sc-ion-textarea-ionic-h,ion-item[slot=end].sc-ion-textarea-ionic-h,ion-item [slot=end].sc-ion-textarea-ionic-h{width:auto}.native-textarea.sc-ion-textarea-ionic{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-ionic::-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-ionic::-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-ionic:-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-ionic::-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-ionic::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-ionic{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-ionic{top:0;bottom:0;position:absolute;pointer-events:none}.cloned-input.sc-ion-textarea-ionic{inset-inline-start:0}.cloned-input.sc-ion-textarea-ionic:disabled{opacity:1}[auto-grow].sc-ion-textarea-ionic-h .cloned-input.sc-ion-textarea-ionic{height:100%}[auto-grow].sc-ion-textarea-ionic-h .native-textarea.sc-ion-textarea-ionic{overflow:hidden}.textarea-wrapper.sc-ion-textarea-ionic{-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-ionic{position:relative;width:100%;height:100%}.has-focus.sc-ion-textarea-ionic-h textarea.sc-ion-textarea-ionic{caret-color:var(--highlight-color)}.native-wrapper.sc-ion-textarea-ionic textarea.sc-ion-textarea-ionic{-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-ionic{display:grid;min-width:inherit;max-width:inherit;min-height:inherit;max-height:inherit;grid-auto-rows:100%}.native-wrapper.sc-ion-textarea-ionic::after{white-space:pre-wrap;content:attr(data-replicated-value) \" \";visibility:hidden}.native-wrapper.sc-ion-textarea-ionic::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-ionic{display:-ms-flexbox;display:flex;width:100%;min-height:inherit}.ion-touched.ion-invalid.sc-ion-textarea-ionic-h{--highlight-color:var(--highlight-color-invalid)}.ion-valid.sc-ion-textarea-ionic-h{--highlight-color:var(--highlight-color-valid)}.textarea-bottom.sc-ion-textarea-ionic{-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-ionic-h,.ion-touched.ion-invalid.sc-ion-textarea-ionic-h{--border-color:var(--highlight-color)}.textarea-bottom.sc-ion-textarea-ionic .error-text.sc-ion-textarea-ionic{display:none;color:var(--highlight-color-invalid)}.textarea-bottom.sc-ion-textarea-ionic .helper-text.sc-ion-textarea-ionic{display:block;color:var(--ion-color-step-550, var(--ion-text-color-step-450, #737373))}.ion-touched.ion-invalid.sc-ion-textarea-ionic-h .textarea-bottom.sc-ion-textarea-ionic .error-text.sc-ion-textarea-ionic{display:block}.ion-touched.ion-invalid.sc-ion-textarea-ionic-h .textarea-bottom.sc-ion-textarea-ionic .helper-text.sc-ion-textarea-ionic{display:none}.textarea-bottom.sc-ion-textarea-ionic .counter.sc-ion-textarea-ionic{-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-ionic{-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-ionic,.sc-ion-textarea-ionic-s>[slot=label]{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.label-text-wrapper-hidden.sc-ion-textarea-ionic,.textarea-outline-notch-hidden.sc-ion-textarea-ionic{display:none}.textarea-wrapper.sc-ion-textarea-ionic textarea.sc-ion-textarea-ionic{-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-ionic-h .textarea-wrapper.sc-ion-textarea-ionic{-ms-flex-direction:row;flex-direction:row}.textarea-label-placement-start.sc-ion-textarea-ionic-h .label-text-wrapper.sc-ion-textarea-ionic{-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-ionic-h .textarea-wrapper.sc-ion-textarea-ionic{-ms-flex-direction:row-reverse;flex-direction:row-reverse}.textarea-label-placement-end.sc-ion-textarea-ionic-h .label-text-wrapper.sc-ion-textarea-ionic{-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-ionic-h .label-text-wrapper.sc-ion-textarea-ionic{-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-ionic-h .label-text.sc-ion-textarea-ionic{-ms-flex:0 0 100px;flex:0 0 100px;width:100px;min-width:100px;max-width:200px}.textarea-label-placement-stacked.sc-ion-textarea-ionic-h .textarea-wrapper.sc-ion-textarea-ionic,.textarea-label-placement-floating.sc-ion-textarea-ionic-h .textarea-wrapper.sc-ion-textarea-ionic{-ms-flex-direction:column;flex-direction:column;-ms-flex-align:start;align-items:start}.textarea-label-placement-stacked.sc-ion-textarea-ionic-h .label-text-wrapper.sc-ion-textarea-ionic,.textarea-label-placement-floating.sc-ion-textarea-ionic-h .label-text-wrapper.sc-ion-textarea-ionic{-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-ionic-h -no-combinator.textarea-label-placement-stacked.sc-ion-textarea-ionic-h .label-text-wrapper.sc-ion-textarea-ionic,[dir=rtl] .sc-ion-textarea-ionic-h -no-combinator.textarea-label-placement-stacked.sc-ion-textarea-ionic-h .label-text-wrapper.sc-ion-textarea-ionic,[dir=rtl].textarea-label-placement-stacked.sc-ion-textarea-ionic-h .label-text-wrapper.sc-ion-textarea-ionic,[dir=rtl] .textarea-label-placement-stacked.sc-ion-textarea-ionic-h .label-text-wrapper.sc-ion-textarea-ionic,[dir=rtl].sc-ion-textarea-ionic-h -no-combinator.textarea-label-placement-floating.sc-ion-textarea-ionic-h .label-text-wrapper.sc-ion-textarea-ionic,[dir=rtl] .sc-ion-textarea-ionic-h -no-combinator.textarea-label-placement-floating.sc-ion-textarea-ionic-h .label-text-wrapper.sc-ion-textarea-ionic,[dir=rtl].textarea-label-placement-floating.sc-ion-textarea-ionic-h .label-text-wrapper.sc-ion-textarea-ionic,[dir=rtl] .textarea-label-placement-floating.sc-ion-textarea-ionic-h .label-text-wrapper.sc-ion-textarea-ionic{-webkit-transform-origin:right top;transform-origin:right top}@supports selector(:dir(rtl)){.textarea-label-placement-stacked.sc-ion-textarea-ionic-h:dir(rtl) .label-text-wrapper.sc-ion-textarea-ionic,.textarea-label-placement-floating.sc-ion-textarea-ionic-h:dir(rtl) .label-text-wrapper.sc-ion-textarea-ionic{-webkit-transform-origin:right top;transform-origin:right top}}.textarea-label-placement-stacked.sc-ion-textarea-ionic-h textarea.sc-ion-textarea-ionic,.textarea-label-placement-floating.sc-ion-textarea-ionic-h textarea.sc-ion-textarea-ionic,.textarea-label-placement-stacked[auto-grow].sc-ion-textarea-ionic-h .native-wrapper.sc-ion-textarea-ionic::after,.textarea-label-placement-floating[auto-grow].sc-ion-textarea-ionic-h .native-wrapper.sc-ion-textarea-ionic::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-ionic-h.textarea-label-placement-stacked.sc-ion-textarea-ionic-s>[slot=start],.sc-ion-textarea-ionic-h.textarea-label-placement-stacked .sc-ion-textarea-ionic-s>[slot=start],.sc-ion-textarea-ionic-h.textarea-label-placement-stacked.sc-ion-textarea-ionic-s>[slot=end],.sc-ion-textarea-ionic-h.textarea-label-placement-stacked .sc-ion-textarea-ionic-s>[slot=end],.sc-ion-textarea-ionic-h.textarea-label-placement-floating.sc-ion-textarea-ionic-s>[slot=start],.sc-ion-textarea-ionic-h.textarea-label-placement-floating .sc-ion-textarea-ionic-s>[slot=start],.sc-ion-textarea-ionic-h.textarea-label-placement-floating.sc-ion-textarea-ionic-s>[slot=end],.sc-ion-textarea-ionic-h.textarea-label-placement-floating .sc-ion-textarea-ionic-s>[slot=end]{margin-top:8px}.textarea-label-placement-floating.sc-ion-textarea-ionic-h .label-text-wrapper.sc-ion-textarea-ionic{-webkit-transform:translateY(100%) scale(1);transform:translateY(100%) scale(1)}.textarea-label-placement-floating.sc-ion-textarea-ionic-h textarea.sc-ion-textarea-ionic{opacity:0}.has-focus.textarea-label-placement-floating.sc-ion-textarea-ionic-h textarea.sc-ion-textarea-ionic,.has-value.textarea-label-placement-floating.sc-ion-textarea-ionic-h textarea.sc-ion-textarea-ionic{opacity:1}.label-floating.sc-ion-textarea-ionic-h .label-text-wrapper.sc-ion-textarea-ionic{-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-ionic,.end-slot-wrapper.sc-ion-textarea-ionic{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-ionic-s>[slot=start],.sc-ion-textarea-ionic-s>[slot=end]{margin-top:0}.sc-ion-textarea-ionic-s>[slot=start]:last-of-type{-webkit-margin-end:16px;margin-inline-end:16px;-webkit-margin-start:0;margin-inline-start:0}.sc-ion-textarea-ionic-s>[slot=end]:first-of-type{-webkit-margin-start:16px;margin-inline-start:16px;-webkit-margin-end:0;margin-inline-end:0}.textarea-fill-solid.sc-ion-textarea-ionic-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-ionic-h .textarea-wrapper.sc-ion-textarea-ionic{border-bottom:var(--border-width) var(--border-style) var(--border-color)}.has-focus.textarea-fill-solid.ion-valid.sc-ion-textarea-ionic-h,.textarea-fill-solid.ion-touched.ion-invalid.sc-ion-textarea-ionic-h{--border-color:var(--highlight-color)}.textarea-fill-solid.sc-ion-textarea-ionic-h .textarea-bottom.sc-ion-textarea-ionic{border-top:none}@media (any-hover: hover){.textarea-fill-solid.sc-ion-textarea-ionic-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-ionic-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-ionic-h .textarea-wrapper.sc-ion-textarea-ionic{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-ionic-h .label-text-wrapper.sc-ion-textarea-ionic{max-width:calc(100% / 0.75)}.textarea-fill-outline.sc-ion-textarea-ionic-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-ionic-h{--border-radius:28px;--padding-start:32px;--padding-end:32px}.has-focus.textarea-fill-outline.ion-valid.sc-ion-textarea-ionic-h,.textarea-fill-outline.ion-touched.ion-invalid.sc-ion-textarea-ionic-h{--border-color:var(--highlight-color)}@media (any-hover: hover){.textarea-fill-outline.sc-ion-textarea-ionic-h:hover{--border-color:var(--ion-color-step-750, var(--ion-background-color-step-750, #404040))}}.textarea-fill-outline.has-focus.sc-ion-textarea-ionic-h{--border-width:var(--highlight-height);--border-color:var(--highlight-color)}.textarea-fill-outline.sc-ion-textarea-ionic-h .textarea-bottom.sc-ion-textarea-ionic{border-top:none}.textarea-fill-outline.sc-ion-textarea-ionic-h .textarea-wrapper.sc-ion-textarea-ionic{border-bottom:none}.textarea-fill-outline.textarea-label-placement-stacked.sc-ion-textarea-ionic-h .label-text-wrapper.sc-ion-textarea-ionic,.textarea-fill-outline.textarea-label-placement-floating.sc-ion-textarea-ionic-h .label-text-wrapper.sc-ion-textarea-ionic{-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-ionic-h -no-combinator.textarea-fill-outline.textarea-label-placement-stacked.sc-ion-textarea-ionic-h .label-text-wrapper.sc-ion-textarea-ionic,[dir=rtl] .sc-ion-textarea-ionic-h -no-combinator.textarea-fill-outline.textarea-label-placement-stacked.sc-ion-textarea-ionic-h .label-text-wrapper.sc-ion-textarea-ionic,[dir=rtl].textarea-fill-outline.textarea-label-placement-stacked.sc-ion-textarea-ionic-h .label-text-wrapper.sc-ion-textarea-ionic,[dir=rtl] .textarea-fill-outline.textarea-label-placement-stacked.sc-ion-textarea-ionic-h .label-text-wrapper.sc-ion-textarea-ionic,[dir=rtl].sc-ion-textarea-ionic-h -no-combinator.textarea-fill-outline.textarea-label-placement-floating.sc-ion-textarea-ionic-h .label-text-wrapper.sc-ion-textarea-ionic,[dir=rtl] .sc-ion-textarea-ionic-h -no-combinator.textarea-fill-outline.textarea-label-placement-floating.sc-ion-textarea-ionic-h .label-text-wrapper.sc-ion-textarea-ionic,[dir=rtl].textarea-fill-outline.textarea-label-placement-floating.sc-ion-textarea-ionic-h .label-text-wrapper.sc-ion-textarea-ionic,[dir=rtl] .textarea-fill-outline.textarea-label-placement-floating.sc-ion-textarea-ionic-h .label-text-wrapper.sc-ion-textarea-ionic{-webkit-transform-origin:right top;transform-origin:right top}@supports selector(:dir(rtl)){.textarea-fill-outline.textarea-label-placement-stacked.sc-ion-textarea-ionic-h:dir(rtl) .label-text-wrapper.sc-ion-textarea-ionic,.textarea-fill-outline.textarea-label-placement-floating.sc-ion-textarea-ionic-h:dir(rtl) .label-text-wrapper.sc-ion-textarea-ionic{-webkit-transform-origin:right top;transform-origin:right top}}.textarea-fill-outline.sc-ion-textarea-ionic-h .label-text-wrapper.sc-ion-textarea-ionic{position:relative}.label-floating.textarea-fill-outline.sc-ion-textarea-ionic-h .label-text-wrapper.sc-ion-textarea-ionic{-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-ionic-h textarea.sc-ion-textarea-ionic,.textarea-fill-outline.textarea-label-placement-floating.sc-ion-textarea-ionic-h textarea.sc-ion-textarea-ionic,.textarea-fill-outline.textarea-label-placement-stacked[auto-grow].sc-ion-textarea-ionic-h .native-wrapper.sc-ion-textarea-ionic::after,.textarea-fill-outline.textarea-label-placement-floating[auto-grow].sc-ion-textarea-ionic-h .native-wrapper.sc-ion-textarea-ionic::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-ionic-h.textarea-fill-outline.textarea-label-placement-stacked.sc-ion-textarea-ionic-s>[slot=start],.sc-ion-textarea-ionic-h.textarea-fill-outline.textarea-label-placement-stacked .sc-ion-textarea-ionic-s>[slot=start],.sc-ion-textarea-ionic-h.textarea-fill-outline.textarea-label-placement-stacked.sc-ion-textarea-ionic-s>[slot=end],.sc-ion-textarea-ionic-h.textarea-fill-outline.textarea-label-placement-stacked .sc-ion-textarea-ionic-s>[slot=end],.sc-ion-textarea-ionic-h.textarea-fill-outline.textarea-label-placement-floating.sc-ion-textarea-ionic-s>[slot=start],.sc-ion-textarea-ionic-h.textarea-fill-outline.textarea-label-placement-floating .sc-ion-textarea-ionic-s>[slot=start],.sc-ion-textarea-ionic-h.textarea-fill-outline.textarea-label-placement-floating.sc-ion-textarea-ionic-s>[slot=end],.sc-ion-textarea-ionic-h.textarea-fill-outline.textarea-label-placement-floating .sc-ion-textarea-ionic-s>[slot=end]{margin-top:12px}.textarea-fill-outline.sc-ion-textarea-ionic-h .textarea-outline-container.sc-ion-textarea-ionic{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-ionic-h .textarea-outline-start.sc-ion-textarea-ionic,.textarea-fill-outline.sc-ion-textarea-ionic-h .textarea-outline-end.sc-ion-textarea-ionic{pointer-events:none}.textarea-fill-outline.sc-ion-textarea-ionic-h .textarea-outline-start.sc-ion-textarea-ionic,.textarea-fill-outline.sc-ion-textarea-ionic-h .textarea-outline-notch.sc-ion-textarea-ionic,.textarea-fill-outline.sc-ion-textarea-ionic-h .textarea-outline-end.sc-ion-textarea-ionic{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-ionic-h .textarea-outline-notch.sc-ion-textarea-ionic{max-width:calc(100% - var(--padding-start) - var(--padding-end))}.textarea-fill-outline.sc-ion-textarea-ionic-h .notch-spacer.sc-ion-textarea-ionic{-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-ionic-h .textarea-outline-start.sc-ion-textarea-ionic{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-ionic-h .textarea-outline-end.sc-ion-textarea-ionic{-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-ionic-h .textarea-outline-notch.sc-ion-textarea-ionic{border-top:none}.sc-ion-textarea-ionic-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-ionic .counter.sc-ion-textarea-ionic{letter-spacing:0.0333333333em}.textarea-label-placement-floating.has-focus.sc-ion-textarea-ionic-h .label-text-wrapper.sc-ion-textarea-ionic,.textarea-label-placement-stacked.has-focus.sc-ion-textarea-ionic-h .label-text-wrapper.sc-ion-textarea-ionic{color:var(--highlight-color)}.has-focus.textarea-label-placement-floating.ion-valid.sc-ion-textarea-ionic-h .label-text-wrapper.sc-ion-textarea-ionic,.textarea-label-placement-floating.ion-touched.ion-invalid.sc-ion-textarea-ionic-h .label-text-wrapper.sc-ion-textarea-ionic,.has-focus.textarea-label-placement-stacked.ion-valid.sc-ion-textarea-ionic-h .label-text-wrapper.sc-ion-textarea-ionic,.textarea-label-placement-stacked.ion-touched.ion-invalid.sc-ion-textarea-ionic-h .label-text-wrapper.sc-ion-textarea-ionic{color:var(--highlight-color)}.textarea-disabled.sc-ion-textarea-ionic-h{opacity:0.38}.textarea-highlight.sc-ion-textarea-ionic{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-ionic{inset-inline-start:0}.has-focus.sc-ion-textarea-ionic-h .textarea-highlight.sc-ion-textarea-ionic{-webkit-transform:scale(1);transform:scale(1)}.in-item.sc-ion-textarea-ionic-h .textarea-highlight.sc-ion-textarea-ionic{bottom:0}.in-item.sc-ion-textarea-ionic-h .textarea-highlight.sc-ion-textarea-ionic{inset-inline-start:0}.textarea-shape-round.sc-ion-textarea-ionic-h{--border-radius:16px}.sc-ion-textarea-ionic-s>ion-button[slot=start].button-has-icon-only,.sc-ion-textarea-ionic-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}";
12
+ const IonTextareaIonicStyle0 = ionicTextareaMdCss;
10
13
 
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.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)}.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}.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{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;font-size:inherit}.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}.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
+ 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]:last-of-type{-webkit-margin-end:16px;margin-inline-end:16px;-webkit-margin-start:0;margin-inline-start:0}.sc-ion-textarea-ios-s>[slot=end]:first-of-type{-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}";
12
15
  const IonTextareaIosStyle0 = textareaIosCss;
13
16
 
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.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)}.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}.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{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: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-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;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: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)}.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
+ 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]:last-of-type{-webkit-margin-end:16px;margin-inline-end:16px;-webkit-margin-start:0;margin-inline-start:0}.sc-ion-textarea-md-s>[slot=end]:first-of-type{-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}";
15
18
  const IonTextareaMdStyle0 = textareaMdCss;
16
19
 
17
20
  const Textarea = /*@__PURE__*/ proxyCustomElement(class Textarea extends HTMLElement {
@@ -20,7 +23,6 @@ const Textarea = /*@__PURE__*/ proxyCustomElement(class Textarea extends HTMLEle
20
23
  this.__registerHost();
21
24
  this.ionChange = createEvent(this, "ionChange", 7);
22
25
  this.ionInput = createEvent(this, "ionInput", 7);
23
- this.ionStyle = createEvent(this, "ionStyle", 7);
24
26
  this.ionBlur = createEvent(this, "ionBlur", 7);
25
27
  this.ionFocus = createEvent(this, "ionFocus", 7);
26
28
  this.inputId = `ion-textarea-${textareaIds++}`;
@@ -283,8 +285,8 @@ const Textarea = /*@__PURE__*/ proxyCustomElement(class Textarea extends HTMLEle
283
285
  * Renders the border container when fill="outline".
284
286
  */
285
287
  renderLabelContainer() {
286
- const mode = getIonMode(this);
287
- const hasOutlineFill = mode === 'md' && this.fill === 'outline';
288
+ const theme = getIonTheme(this);
289
+ const hasOutlineFill = theme === 'md' && this.fill === 'outline';
288
290
  if (hasOutlineFill) {
289
291
  /**
290
292
  * The outline fill has a special outline
@@ -341,10 +343,10 @@ const Textarea = /*@__PURE__*/ proxyCustomElement(class Textarea extends HTMLEle
341
343
  }
342
344
  render() {
343
345
  const { inputId, disabled, fill, shape, labelPlacement, el, hasFocus } = this;
344
- const mode = getIonMode(this);
346
+ const theme = getIonTheme(this);
345
347
  const value = this.getValue();
346
348
  const inItem = hostContext('ion-item', this.el);
347
- const shouldRenderHighlight = mode === 'md' && fill !== 'outline' && !inItem;
349
+ const shouldRenderHighlight = theme === 'md' && fill !== 'outline' && !inItem;
348
350
  const hasValue = this.hasValue();
349
351
  const hasStartEndSlots = el.querySelector('[slot="start"], [slot="end"]') !== null;
350
352
  /**
@@ -365,8 +367,8 @@ const Textarea = /*@__PURE__*/ proxyCustomElement(class Textarea extends HTMLEle
365
367
  * TODO(FW-5592): Remove hasStartEndSlots condition
366
368
  */
367
369
  const labelShouldFloat = labelPlacement === 'stacked' || (labelPlacement === 'floating' && (hasValue || hasFocus || hasStartEndSlots));
368
- return (h(Host, { key: '3adbec7986ecb5a274ecf341b938432c3d04705a', class: createColorClasses(this.color, {
369
- [mode]: true,
370
+ return (h(Host, { key: 'd1b73299b7e55d87bdca6a026409801b8e4c793c', class: createColorClasses(this.color, {
371
+ [theme]: true,
370
372
  'has-value': hasValue,
371
373
  'has-focus': hasFocus,
372
374
  'label-floating': labelShouldFloat,
@@ -374,7 +376,7 @@ const Textarea = /*@__PURE__*/ proxyCustomElement(class Textarea extends HTMLEle
374
376
  [`textarea-shape-${shape}`]: shape !== undefined,
375
377
  [`textarea-label-placement-${labelPlacement}`]: true,
376
378
  'textarea-disabled': disabled,
377
- }) }, h("label", { key: '9df12985193c4fa6a277b71bcac668d7e61f02ac', class: "textarea-wrapper", htmlFor: inputId }, this.renderLabelContainer(), h("div", { key: 'b39ac1d580d3bcaad8cc028e703960cd2277fa10', class: "textarea-wrapper-inner" }, h("div", { key: 'b2d6971c51683fe67121c4d0e4ac8e17723fa59d', class: "start-slot-wrapper" }, h("slot", { key: 'b229d482a4ff208858dffc6ff3a5ad661a2a7288', name: "start" })), h("div", { key: 'b2d2770afa7012f055463df6a302bed685b46107', class: "native-wrapper", ref: (el) => (this.textareaWrapper = el) }, h("textarea", Object.assign({ key: 'a18150f8d381e0569f6d71867451ce8176157521', 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: 'f20f6e5c9b339cff4bdd7bffe59afd27b05ce8b9', class: "end-slot-wrapper" }, h("slot", { key: '64a10ebdb4a89ec1c3d34c29e8c9403d3d788f3b', name: "end" }))), shouldRenderHighlight && h("div", { class: "textarea-highlight" })), this.renderBottomContent()));
379
+ }) }, h("label", { key: '56a14c9be398e0f4dbf1f9a71999dc0aecaa732e', class: "textarea-wrapper", htmlFor: inputId }, this.renderLabelContainer(), h("div", { key: '0c2ead1040301502244e7afc38f14051b40e4711', class: "textarea-wrapper-inner" }, h("div", { key: '3a2f6d8db60c807e7ff11342f45082197fba5abe', class: "start-slot-wrapper" }, h("slot", { key: '3a8238e824f737c0c99081bac7c02dc1b519a3aa', name: "start" })), h("div", { key: '7704ec78ff12ea56f6a8193dd78b4333750051dc', class: "native-wrapper", ref: (el) => (this.textareaWrapper = el) }, h("textarea", Object.assign({ key: '434da6f41cde5833cfe9cefd469ea54e8204e6a6', 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: 'ea8d0e2fc46aa2565c9ca075bd5813b79b090942', class: "end-slot-wrapper" }, h("slot", { key: '5b0924fcf975858005da294df8cabc46d5d0c751', name: "end" }))), shouldRenderHighlight && h("div", { class: "textarea-highlight" })), this.renderBottomContent()));
378
380
  }
379
381
  get el() { return this; }
380
382
  static get watchers() { return {
@@ -382,6 +384,7 @@ const Textarea = /*@__PURE__*/ proxyCustomElement(class Textarea extends HTMLEle
382
384
  "value": ["valueChanged"]
383
385
  }; }
384
386
  static get style() { return {
387
+ ionic: IonTextareaIonicStyle0,
385
388
  ios: IonTextareaIosStyle0,
386
389
  md: IonTextareaMdStyle0
387
390
  }; }
package/components/ion-thumbnail.js CHANGED
@@ -2,7 +2,7 @@
2
2
  * (C) Ionic http://ionicframework.com - MIT License
3
3
  */
4
4
  import { proxyCustomElement, HTMLElement, h, Host } from '@stencil/core/internal/client';
5
- import { b as getIonMode } from './ionic-global.js';
5
+ import { d as getIonTheme } from './ionic-global.js';
6
6
 
7
7
  const thumbnailCss = ":host{--size:48px;--border-radius:0;border-radius:var(--border-radius);display:block;width:var(--size);height:var(--size)}::slotted(ion-img),::slotted(img){border-radius:var(--border-radius);width:100%;height:100%;-o-object-fit:cover;object-fit:cover;overflow:hidden}";
8
8
  const IonThumbnailStyle0 = thumbnailCss;
@@ -14,7 +14,10 @@ const Thumbnail = /*@__PURE__*/ proxyCustomElement(class Thumbnail extends HTMLE
14
14
  this.__attachShadow();
15
15
  }
16
16
  render() {
17
- return (h(Host, { key: '68bac4e80f5d27131690fd20dfabff2618743206', class: getIonMode(this) }, h("slot", { key: '89f46a686288428391cdfaef3384824751ae3d05' })));
17
+ const theme = getIonTheme(this);
18
+ return (h(Host, { key: '6fefc1480c867df5356d30a82f264b46187ae42a', class: {
19
+ [theme]: true,
20
+ } }, h("slot", { key: '6b9c3f5ea26f9232659be03e127a050bc54c0f7d' })));
18
21
  }
19
22
  static get style() { return IonThumbnailStyle0; }
20
23
  }, [1, "ion-thumbnail"]);
package/components/ion-title.js CHANGED
@@ -3,7 +3,10 @@
3
3
  */
4
4
  import { proxyCustomElement, HTMLElement, createEvent, h, Host } from '@stencil/core/internal/client';
5
5
  import { c as createColorClasses } from './theme.js';
6
- import { b as getIonMode } from './ionic-global.js';
6
+ import { d as getIonTheme } from './ionic-global.js';
7
+
8
+ const ionicTitleMdCss = ":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}";
9
+ const IonTitleIonicStyle0 = ionicTitleMdCss;
7
10
 
8
11
  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
12
  const IonTitleIosStyle0 = titleIosCss;
@@ -36,19 +39,20 @@ const ToolbarTitle = /*@__PURE__*/ proxyCustomElement(class ToolbarTitle extends
36
39
  return this.size !== undefined ? this.size : 'default';
37
40
  }
38
41
  render() {
39
- const mode = getIonMode(this);
42
+ const theme = getIonTheme(this);
40
43
  const size = this.getSize();
41
- return (h(Host, { key: 'af95e7123b3d39110425c16cb4f7f8efb1ee1536', class: createColorClasses(this.color, {
42
- [mode]: true,
44
+ return (h(Host, { key: 'c91cf5a67925ad559db86d1b70c1623bdf78103e', class: createColorClasses(this.color, {
45
+ [theme]: true,
43
46
  [`title-${size}`]: true,
44
47
  'title-rtl': document.dir === 'rtl',
45
- }) }, h("div", { key: '54efce3d5769fb3de297a6d534dc87d57f365004', class: "toolbar-title" }, h("slot", { key: 'f7ed25c6b178cad1840e35e81e3eeeca3aacea3f' }))));
48
+ }) }, h("div", { key: '6417cbb5210735a8ef10cac63787ee2b0b0fcf58', class: "toolbar-title" }, h("slot", { key: '1e1787d82734bcd1e195767d535c8e5310af3cfb' }))));
46
49
  }
47
50
  get el() { return this; }
48
51
  static get watchers() { return {
49
52
  "size": ["sizeChanged"]
50
53
  }; }
51
54
  static get style() { return {
55
+ ionic: IonTitleIonicStyle0,
52
56
  ios: IonTitleIosStyle0,
53
57
  md: IonTitleMdStyle0
54
58
  }; }
package/components/ion-toast.js CHANGED
@@ -5,10 +5,9 @@ import { Build, proxyCustomElement, HTMLElement, createEvent, h, Host } from '@s
5
5
  import { E as ENABLE_HTML_CONTENT_DEFAULT, a as sanitizeDOMString } from './config.js';
6
6
  import { g as getElementRoot, r as raf } from './helpers.js';
7
7
  import { c as createLockController } from './lock-controller.js';
8
- import { p as printIonWarning } from './index6.js';
8
+ import { p as printIonWarning, c as config, b as getIonMode, d as getIonTheme } from './ionic-global.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
10
  import { c as createColorClasses, g as getClassMap } from './theme.js';
11
- import { c as config, b as getIonMode } from './ionic-global.js';
12
11
  import { c as createAnimation } from './animation.js';
13
12
  import { w as win } from './index5.js';
14
13
  import { createGesture } from './index3.js';
@@ -29,7 +28,7 @@ import { d as defineCustomElement$2 } from './ripple-effect.js';
29
28
  * @param position The value of the toast's position prop.
30
29
  * @param positionAnchor The element the toast should be anchored to,
31
30
  * if applicable.
32
- * @param mode The toast component's mode (md, ios, etc).
31
+ * @param mode The toast component's platform (md or ios).
33
32
  * @param toast A reference to the toast element itself.
34
33
  */
35
34
  function getAnimationPosition(position, positionAnchor, mode, toast) {
@@ -451,6 +450,9 @@ const createSwipeToDismissGesture = (el, toastPosition, onDismiss) => {
451
450
  return gesture;
452
451
  };
453
452
 
453
+ const ionicToastMdCss = ":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)}}";
454
+ const IonToastIonicStyle0 = ionicToastMdCss;
455
+
454
456
  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
457
  const IonToastIosStyle0 = toastIosCss;
456
458
 
@@ -615,11 +617,12 @@ const Toast = /*@__PURE__*/ proxyCustomElement(class Toast extends HTMLElement {
615
617
  * Present the toast overlay after it has been created.
616
618
  */
617
619
  async present() {
620
+ const mode = getIonMode(this);
618
621
  const unlock = await this.lockController.lock();
619
622
  await this.delegateController.attachViewToDom();
620
623
  const { el, position } = this;
621
624
  const anchor = this.getAnchorElement();
622
- const animationPosition = getAnimationPosition(position, anchor, getIonMode(this), el);
625
+ const animationPosition = getAnimationPosition(position, anchor, mode, el);
623
626
  /**
624
627
  * Cache the calculated position of the toast, so we can re-use it
625
628
  * in the dismiss animation.
@@ -783,12 +786,12 @@ const Toast = /*@__PURE__*/ proxyCustomElement(class Toast extends HTMLElement {
783
786
  if (buttons.length === 0) {
784
787
  return;
785
788
  }
786
- const mode = getIonMode(this);
789
+ const theme = getIonTheme(this);
787
790
  const buttonGroupsClasses = {
788
791
  'toast-button-group': true,
789
792
  [`toast-button-group-${side}`]: true,
790
793
  };
791
- return (h("div", { class: buttonGroupsClasses }, buttons.map((b) => (h("button", Object.assign({}, b.htmlAttributes, { type: "button", class: buttonClass(b), tabIndex: 0, onClick: () => this.buttonClick(b), part: buttonPart(b) }), h("div", { class: "toast-button-inner" }, b.icon && (h("ion-icon", { "aria-hidden": "true", icon: b.icon, slot: b.text === undefined ? 'icon-only' : undefined, class: "toast-button-icon" })), b.text), mode === 'md' && (h("ion-ripple-effect", { type: b.icon !== undefined && b.text === undefined ? 'unbounded' : 'bounded' })))))));
794
+ return (h("div", { class: buttonGroupsClasses }, buttons.map((b) => (h("button", Object.assign({}, b.htmlAttributes, { type: "button", class: buttonClass(b), tabIndex: 0, onClick: () => this.buttonClick(b), part: buttonPart(b) }), h("div", { class: "toast-button-inner" }, b.icon && (h("ion-icon", { "aria-hidden": "true", icon: b.icon, slot: b.text === undefined ? 'icon-only' : undefined, class: "toast-button-icon" })), b.text), theme === 'md' && (h("ion-ripple-effect", { type: b.icon !== undefined && b.text === undefined ? 'unbounded' : 'bounded' })))))));
792
795
  }
793
796
  /**
794
797
  * Render the `message` property.
@@ -815,7 +818,7 @@ const Toast = /*@__PURE__*/ proxyCustomElement(class Toast extends HTMLElement {
815
818
  const allButtons = this.getButtons();
816
819
  const startButtons = allButtons.filter((b) => b.side === 'start');
817
820
  const endButtons = allButtons.filter((b) => b.side !== 'start');
818
- const mode = getIonMode(this);
821
+ const theme = getIonTheme(this);
819
822
  const wrapperClass = {
820
823
  'toast-wrapper': true,
821
824
  [`toast-${this.position}`]: true,
@@ -828,9 +831,9 @@ const Toast = /*@__PURE__*/ proxyCustomElement(class Toast extends HTMLElement {
828
831
  if (layout === 'stacked' && startButtons.length > 0 && endButtons.length > 0) {
829
832
  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
833
  }
831
- return (h(Host, Object.assign({ key: '45b52c210cc3e9ac130f695f29b03d771959f64f', tabindex: "-1" }, this.htmlAttributes, { style: {
834
+ return (h(Host, Object.assign({ key: '61ff00b35f1d50b1dc8d6bd76029f9da43ad267f', tabindex: "-1" }, this.htmlAttributes, { style: {
832
835
  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: '10f25e094028f4855828ba2e04e71445b05198eb', class: wrapperClass }, h("div", { key: 'a1312a8878dd8a02798de0a1f136d03c287a34a8', 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: '0f19c24f130c04ff41a3098bf6d9b17e2c8a2d12', 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')))));
836
+ }, class: createColorClasses(this.color, Object.assign(Object.assign({ [theme]: true }, getClassMap(this.cssClass)), { 'overlay-hidden': true, 'toast-translucent': this.translucent })), onIonToastWillDismiss: this.dispatchCancelHandler }), h("div", { key: 'd10db4d59d1c65654796d778eaa206b4c8f8816d', class: wrapperClass }, h("div", { key: '3e565de041d1904a49bf1533137ef60b1efa270a', 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: 'c7196926c58c075f5a825856641661d6c88ba591', 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
837
  }
835
838
  get el() { return this; }
836
839
  static get watchers() { return {
@@ -839,6 +842,7 @@ const Toast = /*@__PURE__*/ proxyCustomElement(class Toast extends HTMLElement {
839
842
  "trigger": ["triggerChanged"]
840
843
  }; }
841
844
  static get style() { return {
845
+ ionic: IonToastIonicStyle0,
842
846
  ios: IonToastIosStyle0,
843
847
  md: IonToastMdStyle0
844
848
  }; }