@ionic/core 8.0.0-dev.11711476529.17eae6ec → 8.0.0-dev.11711498366.18f063ac

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 (447) hide show
  1. package/components/index6.js +3 -1
  2. package/components/ion-input-password-toggle.d.ts +11 -0
  3. package/components/ion-input-password-toggle.js +131 -0
  4. package/components/ion-input.js +28 -8
  5. package/components/ion-item-divider.js +2 -2
  6. package/components/ion-item-group.js +1 -1
  7. package/components/ion-item-option.js +2 -2
  8. package/components/ion-item-options.js +1 -1
  9. package/components/ion-item-sliding.js +1 -1
  10. package/components/ion-loading.js +2 -2
  11. package/components/ion-menu-button.js +3 -3
  12. package/components/ion-menu-toggle.js +2 -2
  13. package/components/ion-menu.js +2 -2
  14. package/components/ion-modal.js +3 -3
  15. package/components/ion-nav-link.js +1 -1
  16. package/components/ion-nav.js +1 -1
  17. package/components/ion-note.js +2 -2
  18. package/components/ion-picker-legacy.js +2 -2
  19. package/components/ion-progress-bar.js +1 -1
  20. package/components/ion-range.js +3 -3
  21. package/components/ion-refresher-content.js +3 -3
  22. package/components/ion-refresher.js +1 -1
  23. package/components/ion-reorder-group.js +1 -1
  24. package/components/ion-reorder.js +3 -3
  25. package/components/ion-router-link.js +2 -2
  26. package/components/ion-router-outlet.js +1 -1
  27. package/components/ion-row.js +2 -2
  28. package/components/ion-searchbar.js +6 -6
  29. package/components/ion-segment-button.js +3 -3
  30. package/components/ion-segment.js +2 -2
  31. package/components/ion-select-option.js +1 -1
  32. package/components/ion-select.js +3 -3
  33. package/components/ion-skeleton-text.js +2 -2
  34. package/components/ion-split-pane.js +2 -2
  35. package/components/ion-tab-bar.js +2 -2
  36. package/components/ion-tab-button.js +2 -2
  37. package/components/ion-tab.js +2 -2
  38. package/components/ion-tabs.js +1 -1
  39. package/components/ion-text.js +2 -2
  40. package/components/ion-textarea.js +2 -2
  41. package/components/ion-thumbnail.js +2 -2
  42. package/components/ion-title.js +2 -2
  43. package/components/ion-toast.js +2 -2
  44. package/components/ion-toggle.js +4 -4
  45. package/components/ion-toolbar.js +2 -2
  46. package/components/ionic-global.js +2 -2
  47. package/components/label.js +2 -2
  48. package/components/list-header.js +2 -2
  49. package/components/list.js +1 -1
  50. package/components/picker-column-option.js +2 -2
  51. package/components/picker-column2.js +2 -2
  52. package/components/popover.js +2 -2
  53. package/components/radio-group.js +1 -1
  54. package/components/radio.js +3 -3
  55. package/components/ripple-effect.js +1 -1
  56. package/components/select-popover.js +2 -2
  57. package/components/spinner.js +1 -1
  58. package/dist/cjs/{app-globals-98e49326.js → app-globals-c355ec99.js} +1 -1
  59. package/dist/cjs/{data-f2ccf911.js → data-7c73c8b9.js} +1 -1
  60. package/dist/cjs/{hardware-back-button-f66bce00.js → hardware-back-button-e79bd12c.js} +1 -1
  61. package/dist/cjs/{index-f52c6d38.js → index-073c7cdc.js} +4 -0
  62. package/dist/cjs/{index-91435ed0.js → index-193def18.js} +1 -1
  63. package/dist/cjs/{index-f5fcf972.js → index-f06d55a9.js} +2 -2
  64. package/dist/cjs/index.cjs.js +4 -4
  65. package/dist/cjs/{input-shims-837af288.js → input-shims-0c59e88a.js} +2 -2
  66. package/dist/cjs/{input.utils-01c2fa15.js → input.utils-ee49fd29.js} +1 -1
  67. package/dist/cjs/ion-accordion_2.cjs.entry.js +2 -2
  68. package/dist/cjs/ion-action-sheet.cjs.entry.js +3 -3
  69. package/dist/cjs/ion-alert.cjs.entry.js +3 -3
  70. package/dist/cjs/ion-app_8.cjs.entry.js +11 -11
  71. package/dist/cjs/ion-avatar_3.cjs.entry.js +3 -3
  72. package/dist/cjs/ion-back-button.cjs.entry.js +2 -2
  73. package/dist/cjs/ion-backdrop.cjs.entry.js +1 -1
  74. package/dist/cjs/ion-breadcrumb_2.cjs.entry.js +2 -2
  75. package/dist/cjs/ion-button_2.cjs.entry.js +1 -1
  76. package/dist/cjs/ion-card_5.cjs.entry.js +1 -1
  77. package/dist/cjs/ion-checkbox.cjs.entry.js +1 -1
  78. package/dist/cjs/ion-chip.cjs.entry.js +1 -1
  79. package/dist/cjs/ion-col_3.cjs.entry.js +3 -3
  80. package/dist/cjs/ion-datetime-button.cjs.entry.js +2 -2
  81. package/dist/cjs/ion-datetime_3.cjs.entry.js +9 -9
  82. package/dist/cjs/ion-fab_3.cjs.entry.js +2 -2
  83. package/dist/cjs/ion-img.cjs.entry.js +1 -1
  84. package/dist/cjs/ion-infinite-scroll_2.cjs.entry.js +2 -2
  85. package/dist/cjs/ion-input-password-toggle.cjs.entry.js +92 -0
  86. package/dist/cjs/ion-input.cjs.entry.js +28 -9
  87. package/dist/cjs/ion-item-option_3.cjs.entry.js +6 -6
  88. package/dist/cjs/ion-item_8.cjs.entry.js +14 -14
  89. package/dist/cjs/ion-loading.cjs.entry.js +5 -5
  90. package/dist/cjs/ion-menu_3.cjs.entry.js +11 -11
  91. package/dist/cjs/ion-modal.cjs.entry.js +7 -7
  92. package/dist/cjs/ion-nav_2.cjs.entry.js +3 -3
  93. package/dist/cjs/ion-picker-column-option.cjs.entry.js +3 -3
  94. package/dist/cjs/ion-picker-column.cjs.entry.js +1 -1
  95. package/dist/cjs/ion-popover.cjs.entry.js +5 -5
  96. package/dist/cjs/ion-progress-bar.cjs.entry.js +2 -2
  97. package/dist/cjs/ion-radio_2.cjs.entry.js +5 -5
  98. package/dist/cjs/ion-range.cjs.entry.js +5 -5
  99. package/dist/cjs/ion-refresher_2.cjs.entry.js +6 -6
  100. package/dist/cjs/ion-reorder_2.cjs.entry.js +6 -6
  101. package/dist/cjs/ion-ripple-effect.cjs.entry.js +2 -2
  102. package/dist/cjs/ion-route_4.cjs.entry.js +3 -3
  103. package/dist/cjs/ion-searchbar.cjs.entry.js +7 -7
  104. package/dist/cjs/ion-segment_2.cjs.entry.js +6 -6
  105. package/dist/cjs/ion-select_3.cjs.entry.js +9 -9
  106. package/dist/cjs/ion-spinner.cjs.entry.js +2 -2
  107. package/dist/cjs/ion-split-pane.cjs.entry.js +3 -3
  108. package/dist/cjs/ion-tab-bar_2.cjs.entry.js +5 -5
  109. package/dist/cjs/ion-tab_2.cjs.entry.js +3 -3
  110. package/dist/cjs/ion-text.cjs.entry.js +3 -3
  111. package/dist/cjs/ion-textarea.cjs.entry.js +4 -4
  112. package/dist/cjs/ion-toast.cjs.entry.js +5 -5
  113. package/dist/cjs/ion-toggle.cjs.entry.js +5 -5
  114. package/dist/cjs/{ionic-global-94d8021d.js → ionic-global-ceb32795.js} +2 -2
  115. package/dist/cjs/ionic.cjs.js +3 -3
  116. package/dist/cjs/loader.cjs.js +3 -3
  117. package/dist/cjs/{overlays-de847251.js → overlays-f770745f.js} +2 -2
  118. package/dist/cjs/{status-tap-3ef7ca2b.js → status-tap-8d40351a.js} +2 -2
  119. package/dist/collection/collection-manifest.json +1 -0
  120. package/dist/collection/components/input/input.ios.css +9 -0
  121. package/dist/collection/components/input/input.js +26 -5
  122. package/dist/collection/components/input/input.md.css +9 -0
  123. package/dist/collection/components/input-password-toggle/input-password-toggle.css +0 -0
  124. package/dist/collection/components/input-password-toggle/input-password-toggle.js +183 -0
  125. package/dist/collection/components/input-password-toggle/test/a11y/input-password-toggle.e2e.js +21 -0
  126. package/dist/collection/components/input-password-toggle/test/basic/input-password-toggle.e2e.js +38 -0
  127. package/dist/collection/components/input-password-toggle/test/input-password-toggle.spec.js +76 -0
  128. package/dist/collection/components/item-divider/item-divider.js +2 -2
  129. package/dist/collection/components/item-group/item-group.js +1 -1
  130. package/dist/collection/components/item-option/item-option.js +2 -2
  131. package/dist/collection/components/item-options/item-options.js +1 -1
  132. package/dist/collection/components/item-sliding/item-sliding.js +1 -1
  133. package/dist/collection/components/label/label.js +2 -2
  134. package/dist/collection/components/list/list.js +1 -1
  135. package/dist/collection/components/list-header/list-header.js +2 -2
  136. package/dist/collection/components/loading/loading.js +2 -2
  137. package/dist/collection/components/menu/menu.js +2 -2
  138. package/dist/collection/components/menu-button/menu-button.js +2 -2
  139. package/dist/collection/components/menu-toggle/menu-toggle.js +2 -2
  140. package/dist/collection/components/modal/modal.js +3 -3
  141. package/dist/collection/components/nav/nav.js +1 -1
  142. package/dist/collection/components/nav-link/nav-link.js +1 -1
  143. package/dist/collection/components/note/note.js +2 -2
  144. package/dist/collection/components/picker-column-option/picker-column-option.js +2 -2
  145. package/dist/collection/components/picker-legacy/picker.js +2 -2
  146. package/dist/collection/components/picker-legacy-column/picker-column.js +2 -2
  147. package/dist/collection/components/popover/popover.js +2 -2
  148. package/dist/collection/components/progress-bar/progress-bar.js +1 -1
  149. package/dist/collection/components/radio/radio.js +3 -3
  150. package/dist/collection/components/radio-group/radio-group.js +1 -1
  151. package/dist/collection/components/range/range.js +3 -3
  152. package/dist/collection/components/refresher/refresher.js +1 -1
  153. package/dist/collection/components/refresher-content/refresher-content.js +2 -2
  154. package/dist/collection/components/reorder/reorder.js +2 -2
  155. package/dist/collection/components/reorder-group/reorder-group.js +1 -1
  156. package/dist/collection/components/ripple-effect/ripple-effect.js +1 -1
  157. package/dist/collection/components/router-link/router-link.js +2 -2
  158. package/dist/collection/components/router-outlet/router-outlet.js +1 -1
  159. package/dist/collection/components/row/row.js +2 -2
  160. package/dist/collection/components/searchbar/searchbar.js +8 -7
  161. package/dist/collection/components/segment/segment.js +2 -2
  162. package/dist/collection/components/segment-button/segment-button.js +3 -3
  163. package/dist/collection/components/select/select.js +2 -2
  164. package/dist/collection/components/select-option/select-option.js +1 -1
  165. package/dist/collection/components/select-popover/select-popover.js +2 -2
  166. package/dist/collection/components/skeleton-text/skeleton-text.js +2 -2
  167. package/dist/collection/components/spinner/spinner.js +1 -1
  168. package/dist/collection/components/split-pane/split-pane.js +2 -2
  169. package/dist/collection/components/tab/tab.js +2 -2
  170. package/dist/collection/components/tab-bar/tab-bar.js +2 -2
  171. package/dist/collection/components/tab-button/tab-button.js +2 -2
  172. package/dist/collection/components/tabs/tabs.js +1 -1
  173. package/dist/collection/components/text/text.js +2 -2
  174. package/dist/collection/components/textarea/textarea.js +2 -2
  175. package/dist/collection/components/thumbnail/thumbnail.js +2 -2
  176. package/dist/collection/components/title/title.js +2 -2
  177. package/dist/collection/components/toast/toast.js +2 -2
  178. package/dist/collection/components/toggle/toggle.js +3 -3
  179. package/dist/collection/components/toolbar/toolbar.js +2 -2
  180. package/dist/collection/global/ionic-global.js +2 -2
  181. package/dist/docs.json +180 -5
  182. package/dist/esm/{app-globals-4194f7b0.js → app-globals-378c927e.js} +1 -1
  183. package/dist/esm/{data-735635b1.js → data-502c79ce.js} +1 -1
  184. package/dist/esm/{hardware-back-button-ff84501f.js → hardware-back-button-6d25372a.js} +1 -1
  185. package/dist/esm/{index-62041d9c.js → index-47afdf4f.js} +2 -2
  186. package/dist/esm/{index-4bbc4ca3.js → index-84145911.js} +1 -1
  187. package/dist/esm/{index-f7dc70ba.js → index-e2cf2ceb.js} +3 -1
  188. package/dist/esm/index.js +4 -4
  189. package/dist/esm/{input-shims-131a3f9f.js → input-shims-d80cf854.js} +2 -2
  190. package/dist/esm/{input.utils-41b26b54.js → input.utils-526678b9.js} +1 -1
  191. package/dist/esm/ion-accordion_2.entry.js +2 -2
  192. package/dist/esm/ion-action-sheet.entry.js +3 -3
  193. package/dist/esm/ion-alert.entry.js +3 -3
  194. package/dist/esm/ion-app_8.entry.js +11 -11
  195. package/dist/esm/ion-avatar_3.entry.js +3 -3
  196. package/dist/esm/ion-back-button.entry.js +2 -2
  197. package/dist/esm/ion-backdrop.entry.js +1 -1
  198. package/dist/esm/ion-breadcrumb_2.entry.js +2 -2
  199. package/dist/esm/ion-button_2.entry.js +1 -1
  200. package/dist/esm/ion-card_5.entry.js +1 -1
  201. package/dist/esm/ion-checkbox.entry.js +1 -1
  202. package/dist/esm/ion-chip.entry.js +1 -1
  203. package/dist/esm/ion-col_3.entry.js +3 -3
  204. package/dist/esm/ion-datetime-button.entry.js +2 -2
  205. package/dist/esm/ion-datetime_3.entry.js +9 -9
  206. package/dist/esm/ion-fab_3.entry.js +2 -2
  207. package/dist/esm/ion-img.entry.js +1 -1
  208. package/dist/esm/ion-infinite-scroll_2.entry.js +2 -2
  209. package/dist/esm/ion-input-password-toggle.entry.js +88 -0
  210. package/dist/esm/ion-input.entry.js +28 -9
  211. package/dist/esm/ion-item-option_3.entry.js +6 -6
  212. package/dist/esm/ion-item_8.entry.js +14 -14
  213. package/dist/esm/ion-loading.entry.js +5 -5
  214. package/dist/esm/ion-menu_3.entry.js +11 -11
  215. package/dist/esm/ion-modal.entry.js +7 -7
  216. package/dist/esm/ion-nav_2.entry.js +3 -3
  217. package/dist/esm/ion-picker-column-option.entry.js +3 -3
  218. package/dist/esm/ion-picker-column.entry.js +1 -1
  219. package/dist/esm/ion-popover.entry.js +5 -5
  220. package/dist/esm/ion-progress-bar.entry.js +2 -2
  221. package/dist/esm/ion-radio_2.entry.js +5 -5
  222. package/dist/esm/ion-range.entry.js +5 -5
  223. package/dist/esm/ion-refresher_2.entry.js +6 -6
  224. package/dist/esm/ion-reorder_2.entry.js +6 -6
  225. package/dist/esm/ion-ripple-effect.entry.js +2 -2
  226. package/dist/esm/ion-route_4.entry.js +3 -3
  227. package/dist/esm/ion-searchbar.entry.js +7 -7
  228. package/dist/esm/ion-segment_2.entry.js +6 -6
  229. package/dist/esm/ion-select_3.entry.js +9 -9
  230. package/dist/esm/ion-spinner.entry.js +2 -2
  231. package/dist/esm/ion-split-pane.entry.js +3 -3
  232. package/dist/esm/ion-tab-bar_2.entry.js +5 -5
  233. package/dist/esm/ion-tab_2.entry.js +3 -3
  234. package/dist/esm/ion-text.entry.js +3 -3
  235. package/dist/esm/ion-textarea.entry.js +4 -4
  236. package/dist/esm/ion-toast.entry.js +5 -5
  237. package/dist/esm/ion-toggle.entry.js +5 -5
  238. package/dist/esm/{ionic-global-d47e129d.js → ionic-global-a03b1588.js} +2 -2
  239. package/dist/esm/ionic.js +3 -3
  240. package/dist/esm/loader.js +3 -3
  241. package/dist/esm/{overlays-213b5a21.js → overlays-84f5c587.js} +2 -2
  242. package/dist/esm/{status-tap-8838c434.js → status-tap-a65b162a.js} +2 -2
  243. package/dist/esm-es5/app-globals-378c927e.js +4 -0
  244. package/dist/esm-es5/{data-735635b1.js → data-502c79ce.js} +1 -1
  245. package/dist/esm-es5/{hardware-back-button-ff84501f.js → hardware-back-button-6d25372a.js} +1 -1
  246. package/dist/esm-es5/{index-62041d9c.js → index-47afdf4f.js} +1 -1
  247. package/dist/esm-es5/{index-4bbc4ca3.js → index-84145911.js} +1 -1
  248. package/dist/esm-es5/{index-f7dc70ba.js → index-e2cf2ceb.js} +1 -1
  249. package/dist/esm-es5/index.js +1 -1
  250. package/dist/esm-es5/{input-shims-131a3f9f.js → input-shims-d80cf854.js} +1 -1
  251. package/dist/esm-es5/{input.utils-41b26b54.js → input.utils-526678b9.js} +1 -1
  252. package/dist/esm-es5/ion-accordion_2.entry.js +1 -1
  253. package/dist/esm-es5/ion-action-sheet.entry.js +1 -1
  254. package/dist/esm-es5/ion-alert.entry.js +1 -1
  255. package/dist/esm-es5/ion-app_8.entry.js +1 -1
  256. package/dist/esm-es5/ion-avatar_3.entry.js +1 -1
  257. package/dist/esm-es5/ion-back-button.entry.js +1 -1
  258. package/dist/esm-es5/ion-backdrop.entry.js +1 -1
  259. package/dist/esm-es5/ion-breadcrumb_2.entry.js +1 -1
  260. package/dist/esm-es5/ion-button_2.entry.js +1 -1
  261. package/dist/esm-es5/ion-card_5.entry.js +1 -1
  262. package/dist/esm-es5/ion-checkbox.entry.js +1 -1
  263. package/dist/esm-es5/ion-chip.entry.js +1 -1
  264. package/dist/esm-es5/ion-col_3.entry.js +1 -1
  265. package/dist/esm-es5/ion-datetime-button.entry.js +1 -1
  266. package/dist/esm-es5/ion-datetime_3.entry.js +1 -1
  267. package/dist/esm-es5/ion-fab_3.entry.js +1 -1
  268. package/dist/esm-es5/ion-img.entry.js +1 -1
  269. package/dist/esm-es5/ion-infinite-scroll_2.entry.js +1 -1
  270. package/dist/esm-es5/ion-input-password-toggle.entry.js +4 -0
  271. package/dist/esm-es5/ion-input.entry.js +1 -1
  272. package/dist/esm-es5/ion-item-option_3.entry.js +1 -1
  273. package/dist/esm-es5/ion-item_8.entry.js +1 -1
  274. package/dist/esm-es5/ion-loading.entry.js +1 -1
  275. package/dist/esm-es5/ion-menu_3.entry.js +1 -1
  276. package/dist/esm-es5/ion-modal.entry.js +1 -1
  277. package/dist/esm-es5/ion-nav_2.entry.js +1 -1
  278. package/dist/esm-es5/ion-picker-column-option.entry.js +1 -1
  279. package/dist/esm-es5/ion-picker-column.entry.js +1 -1
  280. package/dist/esm-es5/ion-popover.entry.js +1 -1
  281. package/dist/esm-es5/ion-progress-bar.entry.js +1 -1
  282. package/dist/esm-es5/ion-radio_2.entry.js +1 -1
  283. package/dist/esm-es5/ion-range.entry.js +1 -1
  284. package/dist/esm-es5/ion-refresher_2.entry.js +1 -1
  285. package/dist/esm-es5/ion-reorder_2.entry.js +1 -1
  286. package/dist/esm-es5/ion-ripple-effect.entry.js +1 -1
  287. package/dist/esm-es5/ion-route_4.entry.js +1 -1
  288. package/dist/esm-es5/ion-searchbar.entry.js +1 -1
  289. package/dist/esm-es5/ion-segment_2.entry.js +1 -1
  290. package/dist/esm-es5/ion-select_3.entry.js +1 -1
  291. package/dist/esm-es5/ion-spinner.entry.js +1 -1
  292. package/dist/esm-es5/ion-split-pane.entry.js +1 -1
  293. package/dist/esm-es5/ion-tab-bar_2.entry.js +1 -1
  294. package/dist/esm-es5/ion-tab_2.entry.js +1 -1
  295. package/dist/esm-es5/ion-text.entry.js +1 -1
  296. package/dist/esm-es5/ion-textarea.entry.js +1 -1
  297. package/dist/esm-es5/ion-toast.entry.js +1 -1
  298. package/dist/esm-es5/ion-toggle.entry.js +1 -1
  299. package/dist/esm-es5/{ionic-global-d47e129d.js → ionic-global-a03b1588.js} +1 -1
  300. package/dist/esm-es5/ionic.js +1 -1
  301. package/dist/esm-es5/loader.js +1 -1
  302. package/dist/esm-es5/{overlays-213b5a21.js → overlays-84f5c587.js} +1 -1
  303. package/dist/esm-es5/{status-tap-8838c434.js → status-tap-a65b162a.js} +1 -1
  304. package/dist/html.html-data.json +68 -0
  305. package/dist/ionic/index.esm.js +1 -1
  306. package/dist/ionic/ionic.esm.js +1 -1
  307. package/dist/ionic/ionic.js +1 -1
  308. package/dist/ionic/p-00017a0e.entry.js +4 -0
  309. package/dist/ionic/{p-3e9e667a.entry.js → p-0483cb18.entry.js} +1 -1
  310. package/dist/ionic/{p-3e47e61e.entry.js → p-0afb8cd7.entry.js} +1 -1
  311. package/dist/ionic/{p-09b71030.entry.js → p-0fc68641.entry.js} +1 -1
  312. package/dist/ionic/{p-f7a041dc.js → p-11f322f2.js} +1 -1
  313. package/dist/ionic/{p-23e053d0.system.entry.js → p-158f84ef.system.entry.js} +1 -1
  314. package/dist/ionic/{p-30aed000.system.entry.js → p-1a721859.system.entry.js} +1 -1
  315. package/dist/ionic/{p-9385f3c5.entry.js → p-1a8de6fa.entry.js} +1 -1
  316. package/dist/ionic/p-1e955a45.system.js +4 -0
  317. package/dist/ionic/{p-617a8c10.system.entry.js → p-1ed7baef.system.entry.js} +1 -1
  318. package/dist/ionic/{p-bb4431d3.entry.js → p-22c5142f.entry.js} +1 -1
  319. package/dist/ionic/p-2a31b1f5.system.js +4 -0
  320. package/dist/ionic/{p-df92bab7.system.js → p-2a6e67b4.system.js} +1 -1
  321. package/dist/ionic/{p-e399a113.entry.js → p-2ab228af.entry.js} +1 -1
  322. package/dist/ionic/{p-4c55c5ce.entry.js → p-31b66414.entry.js} +1 -1
  323. package/dist/ionic/p-31bf1d38.entry.js +4 -0
  324. package/dist/ionic/{p-c957dcbd.system.entry.js → p-3302a619.system.entry.js} +1 -1
  325. package/dist/ionic/{p-6d1854de.system.entry.js → p-33c1c033.system.entry.js} +1 -1
  326. package/dist/ionic/{p-197fca36.system.entry.js → p-348beae7.system.entry.js} +1 -1
  327. package/dist/ionic/{p-3ecd1809.entry.js → p-355f3434.entry.js} +1 -1
  328. package/dist/ionic/{p-605c456e.system.entry.js → p-35dc747b.system.entry.js} +1 -1
  329. package/dist/ionic/{p-1cc1ce24.system.entry.js → p-35e5e98a.system.entry.js} +1 -1
  330. package/dist/ionic/{p-e7522003.js → p-368b5f57.js} +1 -1
  331. package/dist/ionic/{p-2fad37de.system.entry.js → p-379c62e1.system.entry.js} +1 -1
  332. package/dist/ionic/{p-16b3b748.system.js → p-37c9bc91.system.js} +1 -1
  333. package/dist/ionic/{p-98ced5a7.system.entry.js → p-3b14e7b9.system.entry.js} +1 -1
  334. package/dist/ionic/{p-e557901b.entry.js → p-3d14260a.entry.js} +1 -1
  335. package/dist/ionic/{p-b8df09fa.entry.js → p-3df045bd.entry.js} +1 -1
  336. package/dist/ionic/{p-dff73ffc.system.js → p-47883cab.system.js} +1 -1
  337. package/dist/ionic/{p-c7e3ef1f.js → p-487bee8d.js} +1 -1
  338. package/dist/ionic/{p-35b46c05.entry.js → p-49d23e05.entry.js} +1 -1
  339. package/dist/ionic/{p-bb01995b.entry.js → p-4e27762d.entry.js} +1 -1
  340. package/dist/ionic/{p-e62f29e0.system.entry.js → p-4f785e62.system.entry.js} +1 -1
  341. package/dist/ionic/{p-2c8cb8c0.system.entry.js → p-4faa6455.system.entry.js} +1 -1
  342. package/dist/ionic/{p-7d6993fa.entry.js → p-4fbe6e81.entry.js} +1 -1
  343. package/dist/ionic/{p-11f25a12.system.js → p-50cf70e8.system.js} +1 -1
  344. package/dist/ionic/p-525a9d5f.system.entry.js +4 -0
  345. package/dist/ionic/{p-62ad354a.system.entry.js → p-54cbb70e.system.entry.js} +1 -1
  346. package/dist/ionic/{p-4f30e4c3.system.entry.js → p-5589bb5b.system.entry.js} +1 -1
  347. package/dist/ionic/p-57963dea.entry.js +4 -0
  348. package/dist/ionic/{p-69e691df.system.entry.js → p-58d1ab91.system.entry.js} +1 -1
  349. package/dist/ionic/{p-de5f6929.system.entry.js → p-58df6e9f.system.entry.js} +1 -1
  350. package/dist/ionic/{p-5fed4c24.system.entry.js → p-5e0d356b.system.entry.js} +1 -1
  351. package/dist/ionic/p-602146d8.js +4 -0
  352. package/dist/ionic/{p-365d2cfe.system.entry.js → p-6117f6c5.system.entry.js} +1 -1
  353. package/dist/ionic/{p-6718dfd8.system.entry.js → p-61a87440.system.entry.js} +1 -1
  354. package/dist/ionic/{p-644df0cc.system.entry.js → p-64eb01cb.system.entry.js} +1 -1
  355. package/dist/ionic/{p-385c76dc.system.entry.js → p-66d0a048.system.entry.js} +1 -1
  356. package/dist/ionic/{p-af732189.system.js → p-66d55ac3.system.js} +2 -2
  357. package/dist/ionic/{p-0daf382b.system.entry.js → p-680448fe.system.entry.js} +1 -1
  358. package/dist/ionic/{p-c78731fc.system.js → p-6df8b089.system.js} +1 -1
  359. package/dist/ionic/{p-3ed32307.system.entry.js → p-707a9d71.system.entry.js} +1 -1
  360. package/dist/ionic/{p-322eb715.system.js → p-726f80e7.system.js} +1 -1
  361. package/dist/ionic/{p-ae3fdd38.entry.js → p-738714f4.entry.js} +1 -1
  362. package/dist/ionic/{p-52698131.entry.js → p-789f197c.entry.js} +1 -1
  363. package/dist/ionic/{p-7fefe43e.system.js → p-822696e5.system.js} +1 -1
  364. package/dist/ionic/{p-ae2c6708.system.entry.js → p-8244824f.system.entry.js} +2 -2
  365. package/dist/ionic/{p-29ceda88.js → p-832dae23.js} +1 -1
  366. package/dist/ionic/{p-cd94b05a.system.entry.js → p-83d220ee.system.entry.js} +1 -1
  367. package/dist/ionic/{p-57082094.entry.js → p-84549d94.entry.js} +1 -1
  368. package/dist/ionic/{p-23a3320b.js → p-86379b84.js} +1 -1
  369. package/dist/ionic/{p-57b76977.system.entry.js → p-89d25317.system.entry.js} +1 -1
  370. package/dist/ionic/{p-b0da0e7e.entry.js → p-8e8522e3.entry.js} +1 -1
  371. package/dist/ionic/{p-a68b1b19.entry.js → p-8ef1d644.entry.js} +1 -1
  372. package/dist/ionic/{p-7c6ba817.system.entry.js → p-91b79359.system.entry.js} +1 -1
  373. package/dist/ionic/{p-71784639.entry.js → p-929058ef.entry.js} +1 -1
  374. package/dist/ionic/{p-2a4641fb.system.entry.js → p-93c12309.system.entry.js} +1 -1
  375. package/dist/ionic/{p-d6788bde.system.entry.js → p-94a31caf.system.entry.js} +1 -1
  376. package/dist/ionic/{p-9a76dbbb.entry.js → p-96472d74.entry.js} +1 -1
  377. package/dist/ionic/{p-a5456295.entry.js → p-99bf116a.entry.js} +1 -1
  378. package/dist/ionic/{p-c1d0861e.entry.js → p-9c52644e.entry.js} +1 -1
  379. package/dist/ionic/p-9d6f10bd.entry.js +4 -0
  380. package/dist/ionic/p-9dccdc99.entry.js +4 -0
  381. package/dist/ionic/{p-84dd4f6c.system.entry.js → p-9f1b4c72.system.entry.js} +1 -1
  382. package/dist/ionic/{p-77cdf8f0.system.entry.js → p-a300b844.system.entry.js} +1 -1
  383. package/dist/ionic/{p-eab67c46.system.entry.js → p-a3d98f76.system.entry.js} +1 -1
  384. package/dist/ionic/p-a9e86436.system.entry.js +4 -0
  385. package/dist/ionic/{p-6770c46d.system.entry.js → p-ab45eca5.system.entry.js} +1 -1
  386. package/dist/ionic/{p-8cd83c08.system.entry.js → p-ae6a5ee1.system.entry.js} +1 -1
  387. package/dist/ionic/{p-8fbf7c49.entry.js → p-af5123f7.entry.js} +1 -1
  388. package/dist/ionic/p-b29b0043.system.entry.js +4 -0
  389. package/dist/ionic/{p-24cc69ab.entry.js → p-b4f2d31e.entry.js} +1 -1
  390. package/dist/ionic/{p-46e489c1.entry.js → p-b5c85b3c.entry.js} +1 -1
  391. package/dist/ionic/{p-4c6278ca.system.entry.js → p-b6ad1585.system.entry.js} +1 -1
  392. package/dist/ionic/{p-56dfd814.entry.js → p-b8df12bb.entry.js} +1 -1
  393. package/dist/ionic/{p-f9398178.entry.js → p-ba85f57a.entry.js} +1 -1
  394. package/dist/ionic/{p-b0bd2f28.system.entry.js → p-bc4f3bb5.system.entry.js} +1 -1
  395. package/dist/ionic/{p-3e8cfe35.system.entry.js → p-bd1a5533.system.entry.js} +1 -1
  396. package/dist/ionic/p-bfd648f6.entry.js +4 -0
  397. package/dist/ionic/{p-716cc857.entry.js → p-c0d40adb.entry.js} +1 -1
  398. package/dist/ionic/{p-d83f3852.system.entry.js → p-c11dbd56.system.entry.js} +1 -1
  399. package/dist/ionic/p-c33fe06e.entry.js +4 -0
  400. package/dist/ionic/{p-e86fef55.system.js → p-c47d0e2a.system.js} +1 -1
  401. package/dist/ionic/p-c5c7d271.entry.js +4 -0
  402. package/dist/ionic/{p-fe1345b7.js → p-ca958797.js} +1 -1
  403. package/dist/ionic/p-cbb46ee9.entry.js +4 -0
  404. package/dist/ionic/{p-cc1dabd2.system.entry.js → p-cf5829f5.system.entry.js} +1 -1
  405. package/dist/ionic/{p-afeebbc2.entry.js → p-d08ac146.entry.js} +1 -1
  406. package/dist/ionic/{p-57a4c6c3.js → p-d3498aab.js} +1 -1
  407. package/dist/ionic/{p-0507489e.system.entry.js → p-d74b5b06.system.entry.js} +1 -1
  408. package/dist/ionic/p-da2b833b.js +4 -0
  409. package/dist/ionic/{p-139e8ff1.js → p-db490c56.js} +1 -1
  410. package/dist/ionic/{p-2bc784c2.system.entry.js → p-db643807.system.entry.js} +1 -1
  411. package/dist/ionic/{p-45684f75.system.entry.js → p-dfbfcb53.system.entry.js} +1 -1
  412. package/dist/ionic/{p-820be1bf.entry.js → p-e03b9251.entry.js} +1 -1
  413. package/dist/ionic/{p-fea6e789.system.entry.js → p-e1403ca6.system.entry.js} +1 -1
  414. package/dist/ionic/{p-1126b6fb.entry.js → p-e30d6c34.entry.js} +1 -1
  415. package/dist/ionic/{p-ed454419.entry.js → p-e39ec17c.entry.js} +1 -1
  416. package/dist/ionic/{p-f85988bd.entry.js → p-e3b6bda8.entry.js} +1 -1
  417. package/dist/ionic/{p-ff93a0f3.entry.js → p-e6f26311.entry.js} +1 -1
  418. package/dist/ionic/{p-18d1e318.system.js → p-e78ab7a6.system.js} +1 -1
  419. package/dist/ionic/{p-1f04779e.entry.js → p-e85a8a81.entry.js} +1 -1
  420. package/dist/ionic/{p-226bdf0f.entry.js → p-ec637936.entry.js} +1 -1
  421. package/dist/ionic/{p-30b7a6a6.system.entry.js → p-ef61637a.system.entry.js} +2 -2
  422. package/dist/ionic/{p-6981ada8.entry.js → p-f02998b5.entry.js} +1 -1
  423. package/dist/ionic/{p-d2a65df9.js → p-f35f7d6c.js} +1 -1
  424. package/dist/ionic/{p-4e7a18b3.entry.js → p-fc174bf1.entry.js} +1 -1
  425. package/dist/ionic/p-fc9c5b84.system.js +4 -0
  426. package/dist/types/components/input/input.d.ts +6 -0
  427. package/dist/types/components/input-password-toggle/input-password-toggle.d.ts +37 -0
  428. package/dist/types/components/searchbar/searchbar.d.ts +0 -14
  429. package/dist/types/components.d.ts +47 -1
  430. package/hydrate/index.js +225 -108
  431. package/package.json +1 -1
  432. package/dist/esm-es5/app-globals-4194f7b0.js +0 -4
  433. package/dist/ionic/p-116239e0.system.entry.js +0 -4
  434. package/dist/ionic/p-13aa1338.entry.js +0 -4
  435. package/dist/ionic/p-24e9aa21.entry.js +0 -4
  436. package/dist/ionic/p-44d8d5c3.entry.js +0 -4
  437. package/dist/ionic/p-5919403e.js +0 -4
  438. package/dist/ionic/p-6087c7ac.system.entry.js +0 -4
  439. package/dist/ionic/p-70a396e0.entry.js +0 -4
  440. package/dist/ionic/p-831269de.js +0 -4
  441. package/dist/ionic/p-8fd110c6.entry.js +0 -4
  442. package/dist/ionic/p-ac1eb107.system.js +0 -4
  443. package/dist/ionic/p-b69db5bf.entry.js +0 -4
  444. package/dist/ionic/p-c8985963.system.js +0 -4
  445. package/dist/ionic/p-dfb6de03.system.js +0 -4
  446. package/dist/ionic/p-f977c8c5.entry.js +0 -4
  447. package/dist/ionic/p-ff584ff5.entry.js +0 -4
package/hydrate/index.js CHANGED
@@ -7165,7 +7165,7 @@ const initialize = (userConfig = {}) => {
7165
7165
  * behavior for applications that are not setting the "theme".
7166
7166
  */
7167
7167
  while (elm) {
7168
- const theme = elm.theme || elm.getAttribute('theme');
7168
+ const theme = elm.getAttribute('theme');
7169
7169
  if (theme) {
7170
7170
  if (isThemeSupported(theme)) {
7171
7171
  return theme;
@@ -7178,7 +7178,7 @@ const initialize = (userConfig = {}) => {
7178
7178
  * If a theme is not detected, then fallback to using the
7179
7179
  * `mode` attribute to determine the style sheets to use.
7180
7180
  */
7181
- const elmMode = elm.mode || elm.getAttribute('mode');
7181
+ const elmMode = elm.getAttribute('mode');
7182
7182
  if (elmMode) {
7183
7183
  if (isModeSupported(elmMode)) {
7184
7184
  return elmMode;
@@ -8446,6 +8446,8 @@ const closeCircle = "data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/
8446
8446
  const closeSharp = "data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' class='ionicon' viewBox='0 0 512 512'><path d='M400 145.49L366.51 112 256 222.51 145.49 112 112 145.49 222.51 256 112 366.51 145.49 400 256 289.49 366.51 400 400 366.51 289.49 256 400 145.49z'/></svg>";
8447
8447
  const ellipseOutline = "data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' class='ionicon' viewBox='0 0 512 512'><circle cx='256' cy='256' r='192' stroke-linecap='round' stroke-linejoin='round' class='ionicon-fill-none ionicon-stroke-width'/></svg>";
8448
8448
  const ellipsisHorizontal = "data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' class='ionicon' viewBox='0 0 512 512'><circle cx='256' cy='256' r='48'/><circle cx='416' cy='256' r='48'/><circle cx='96' cy='256' r='48'/></svg>";
8449
+ const eye = "data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' class='ionicon' viewBox='0 0 512 512'><circle cx='256' cy='256' r='64'/><path d='M490.84 238.6c-26.46-40.92-60.79-75.68-99.27-100.53C349 110.55 302 96 255.66 96c-42.52 0-84.33 12.15-124.27 36.11-40.73 24.43-77.63 60.12-109.68 106.07a31.92 31.92 0 00-.64 35.54c26.41 41.33 60.4 76.14 98.28 100.65C162 402 207.9 416 255.66 416c46.71 0 93.81-14.43 136.2-41.72 38.46-24.77 72.72-59.66 99.08-100.92a32.2 32.2 0 00-.1-34.76zM256 352a96 96 0 1196-96 96.11 96.11 0 01-96 96z'/></svg>";
8450
+ const eyeOff = "data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' class='ionicon' viewBox='0 0 512 512'><path d='M432 448a15.92 15.92 0 01-11.31-4.69l-352-352a16 16 0 0122.62-22.62l352 352A16 16 0 01432 448zM248 315.85l-51.79-51.79a2 2 0 00-3.39 1.69 64.11 64.11 0 0053.49 53.49 2 2 0 001.69-3.39zM264 196.15L315.87 248a2 2 0 003.4-1.69 64.13 64.13 0 00-53.55-53.55 2 2 0 00-1.72 3.39z'/><path d='M491 273.36a32.2 32.2 0 00-.1-34.76c-26.46-40.92-60.79-75.68-99.27-100.53C349 110.55 302 96 255.68 96a226.54 226.54 0 00-71.82 11.79 4 4 0 00-1.56 6.63l47.24 47.24a4 4 0 003.82 1.05 96 96 0 01116 116 4 4 0 001.05 3.81l67.95 68a4 4 0 005.4.24 343.81 343.81 0 0067.24-77.4zM256 352a96 96 0 01-93.3-118.63 4 4 0 00-1.05-3.81l-66.84-66.87a4 4 0 00-5.41-.23c-24.39 20.81-47 46.13-67.67 75.72a31.92 31.92 0 00-.64 35.54c26.41 41.33 60.39 76.14 98.28 100.65C162.06 402 207.92 416 255.68 416a238.22 238.22 0 0072.64-11.55 4 4 0 001.61-6.64l-47.47-47.46a4 4 0 00-3.81-1.05A96 96 0 01256 352z'/></svg>";
8449
8451
  const menuOutline = "data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' class='ionicon' viewBox='0 0 512 512'><path stroke-linecap='round' stroke-miterlimit='10' d='M80 160h352M80 256h352M80 352h352' class='ionicon-fill-none ionicon-stroke-width'/></svg>";
8450
8452
  const menuSharp = "data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' class='ionicon' viewBox='0 0 512 512'><path d='M64 384h384v-42.67H64zm0-106.67h384v-42.66H64zM64 128v42.67h384V128z'/></svg>";
8451
8453
  const removeOutline = "data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' class='ionicon' viewBox='0 0 512 512'><path stroke-linecap='round' stroke-linejoin='round' d='M400 256H112' class='ionicon-fill-none ionicon-stroke-width'/></svg>";
@@ -20672,13 +20674,13 @@ const defaultCounterFormatter = (length, maxlength) => {
20672
20674
  return `${length} / ${maxlength}`;
20673
20675
  };
20674
20676
 
20675
- const ionicInputMdCss = ".sc-ion-input-ionic-h{--placeholder-color:initial;--placeholder-font-style:initial;--placeholder-font-weight:initial;--placeholder-opacity:var(--ion-placeholder-opacity, 0.6);--padding-top:0px;--padding-end:0px;--padding-bottom:0px;--padding-start:0px;--background:transparent;--color:initial;--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;padding:0 !important;color:var(--color);font-family:var(--ion-font-family, inherit);z-index:2}ion-item[slot=start].sc-ion-input-ionic-h,ion-item [slot=start].sc-ion-input-ionic-h,ion-item[slot=end].sc-ion-input-ionic-h,ion-item [slot=end].sc-ion-input-ionic-h{width:auto}.ion-color.sc-ion-input-ionic-h{--highlight-color-focused:var(--ion-color-base)}.input-label-placement-floating.sc-ion-input-ionic-h,.input-label-placement-stacked.sc-ion-input-ionic-h{min-height:56px}.native-input.sc-ion-input-ionic{padding-left:0;padding-right:0;padding-top:0;padding-bottom:0;font-family:inherit;font-size:inherit;font-style:inherit;font-weight:inherit;letter-spacing:inherit;text-decoration:inherit;text-indent:inherit;text-overflow:inherit;text-transform:inherit;text-align:inherit;white-space:inherit;color:inherit;display:inline-block;position:relative;-ms-flex:1;flex:1;width:100%;max-width:100%;max-height:100%;border:0;outline:none;background:transparent;-webkit-box-sizing:border-box;box-sizing:border-box;-webkit-appearance:none;-moz-appearance:none;appearance:none;z-index:1}.native-input.sc-ion-input-ionic::-webkit-input-placeholder{color:var(--placeholder-color);font-family:inherit;font-style:var(--placeholder-font-style);font-weight:var(--placeholder-font-weight);opacity:var(--placeholder-opacity)}.native-input.sc-ion-input-ionic::-moz-placeholder{color:var(--placeholder-color);font-family:inherit;font-style:var(--placeholder-font-style);font-weight:var(--placeholder-font-weight);opacity:var(--placeholder-opacity)}.native-input.sc-ion-input-ionic:-ms-input-placeholder{color:var(--placeholder-color);font-family:inherit;font-style:var(--placeholder-font-style);font-weight:var(--placeholder-font-weight);opacity:var(--placeholder-opacity)}.native-input.sc-ion-input-ionic::-ms-input-placeholder{color:var(--placeholder-color);font-family:inherit;font-style:var(--placeholder-font-style);font-weight:var(--placeholder-font-weight);opacity:var(--placeholder-opacity)}.native-input.sc-ion-input-ionic::placeholder{color:var(--placeholder-color);font-family:inherit;font-style:var(--placeholder-font-style);font-weight:var(--placeholder-font-weight);opacity:var(--placeholder-opacity)}.native-input.sc-ion-input-ionic:-webkit-autofill{background-color:transparent}.native-input.sc-ion-input-ionic:invalid{-webkit-box-shadow:none;box-shadow:none}.native-input.sc-ion-input-ionic::-ms-clear{display:none}.cloned-input.sc-ion-input-ionic{top:0;bottom:0;position:absolute;pointer-events:none}.cloned-input.sc-ion-input-ionic{inset-inline-start:0}.cloned-input.sc-ion-input-ionic:disabled{opacity:1}.input-clear-icon.sc-ion-input-ionic{-webkit-margin-start:auto;margin-inline-start:auto;-webkit-margin-end:auto;margin-inline-end:auto;margin-top:auto;margin-bottom:auto;padding-left:0;padding-right:0;padding-top:0;padding-bottom:0;background-position:center;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;width:30px;height:30px;border:0;outline:none;background-color:transparent;background-repeat:no-repeat;color:var(--ion-color-step-600, var(--ion-text-color-step-400, #666666));visibility:hidden;-webkit-appearance:none;-moz-appearance:none;appearance:none}.in-item-color.sc-ion-input-ionic-h .input-clear-icon.sc-ion-input-ionic{color:inherit}.input-clear-icon.sc-ion-input-ionic:focus{opacity:0.5}.has-value.sc-ion-input-ionic-h .input-clear-icon.sc-ion-input-ionic{visibility:visible}.input-wrapper.sc-ion-input-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:var(--padding-top);padding-bottom:var(--padding-bottom);border-radius:var(--border-radius);display:-ms-flexbox;display:flex;position:relative;-ms-flex-positive:1;flex-grow:1;-ms-flex-align:stretch;align-items:stretch;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-input-ionic{display:-ms-flexbox;display:flex;position:relative;-ms-flex-positive:1;flex-grow:1;-ms-flex-align:center;align-items:center;width:100%}.ion-touched.ion-invalid.sc-ion-input-ionic-h{--highlight-color:var(--highlight-color-invalid)}.ion-valid.sc-ion-input-ionic-h{--highlight-color:var(--highlight-color-valid)}.input-bottom.sc-ion-input-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-input-ionic-h,.ion-touched.ion-invalid.sc-ion-input-ionic-h{--border-color:var(--highlight-color)}.input-bottom.sc-ion-input-ionic .error-text.sc-ion-input-ionic{display:none;color:var(--highlight-color-invalid)}.input-bottom.sc-ion-input-ionic .helper-text.sc-ion-input-ionic{display:block;color:var(--ion-color-step-550, var(--ion-text-color-step-450, #737373))}.ion-touched.ion-invalid.sc-ion-input-ionic-h .input-bottom.sc-ion-input-ionic .error-text.sc-ion-input-ionic{display:block}.ion-touched.ion-invalid.sc-ion-input-ionic-h .input-bottom.sc-ion-input-ionic .helper-text.sc-ion-input-ionic{display:none}.input-bottom.sc-ion-input-ionic .counter.sc-ion-input-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}.has-focus.sc-ion-input-ionic-h input.sc-ion-input-ionic{caret-color:var(--highlight-color)}.label-text-wrapper.sc-ion-input-ionic{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;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-input-ionic,.sc-ion-input-ionic-s>[slot=label]{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.label-text-wrapper-hidden.sc-ion-input-ionic,.input-outline-notch-hidden.sc-ion-input-ionic{display:none}.input-wrapper.sc-ion-input-ionic input.sc-ion-input-ionic{-webkit-transition:opacity 150ms cubic-bezier(0.4, 0, 0.2, 1);transition:opacity 150ms cubic-bezier(0.4, 0, 0.2, 1)}.input-label-placement-start.sc-ion-input-ionic-h .input-wrapper.sc-ion-input-ionic{-ms-flex-direction:row;flex-direction:row}.input-label-placement-start.sc-ion-input-ionic-h .label-text-wrapper.sc-ion-input-ionic{-webkit-margin-start:0;margin-inline-start:0;-webkit-margin-end:16px;margin-inline-end:16px;margin-top:0;margin-bottom:0}.input-label-placement-end.sc-ion-input-ionic-h .input-wrapper.sc-ion-input-ionic{-ms-flex-direction:row-reverse;flex-direction:row-reverse}.input-label-placement-end.sc-ion-input-ionic-h .label-text-wrapper.sc-ion-input-ionic{-webkit-margin-start:16px;margin-inline-start:16px;-webkit-margin-end:0;margin-inline-end:0;margin-top:0;margin-bottom:0}.input-label-placement-fixed.sc-ion-input-ionic-h .label-text-wrapper.sc-ion-input-ionic{-webkit-margin-start:0;margin-inline-start:0;-webkit-margin-end:16px;margin-inline-end:16px;margin-top:0;margin-bottom:0}.input-label-placement-fixed.sc-ion-input-ionic-h .label-text.sc-ion-input-ionic{-ms-flex:0 0 100px;flex:0 0 100px;width:100px;min-width:100px;max-width:200px}.input-label-placement-stacked.sc-ion-input-ionic-h .input-wrapper.sc-ion-input-ionic,.input-label-placement-floating.sc-ion-input-ionic-h .input-wrapper.sc-ion-input-ionic{-ms-flex-direction:column;flex-direction:column;-ms-flex-align:start;align-items:start}.input-label-placement-stacked.sc-ion-input-ionic-h .label-text-wrapper.sc-ion-input-ionic,.input-label-placement-floating.sc-ion-input-ionic-h .label-text-wrapper.sc-ion-input-ionic{-webkit-transform-origin:left top;transform-origin:left top;max-width:100%;z-index:2}[dir=rtl].sc-ion-input-ionic-h -no-combinator.input-label-placement-stacked.sc-ion-input-ionic-h .label-text-wrapper.sc-ion-input-ionic,[dir=rtl] .sc-ion-input-ionic-h -no-combinator.input-label-placement-stacked.sc-ion-input-ionic-h .label-text-wrapper.sc-ion-input-ionic,[dir=rtl].input-label-placement-stacked.sc-ion-input-ionic-h .label-text-wrapper.sc-ion-input-ionic,[dir=rtl] .input-label-placement-stacked.sc-ion-input-ionic-h .label-text-wrapper.sc-ion-input-ionic,[dir=rtl].sc-ion-input-ionic-h -no-combinator.input-label-placement-floating.sc-ion-input-ionic-h .label-text-wrapper.sc-ion-input-ionic,[dir=rtl] .sc-ion-input-ionic-h -no-combinator.input-label-placement-floating.sc-ion-input-ionic-h .label-text-wrapper.sc-ion-input-ionic,[dir=rtl].input-label-placement-floating.sc-ion-input-ionic-h .label-text-wrapper.sc-ion-input-ionic,[dir=rtl] .input-label-placement-floating.sc-ion-input-ionic-h .label-text-wrapper.sc-ion-input-ionic{-webkit-transform-origin:right top;transform-origin:right top}@supports selector(:dir(rtl)){.input-label-placement-stacked.sc-ion-input-ionic-h:dir(rtl) .label-text-wrapper.sc-ion-input-ionic,.input-label-placement-floating.sc-ion-input-ionic-h:dir(rtl) .label-text-wrapper.sc-ion-input-ionic{-webkit-transform-origin:right top;transform-origin:right top}}.input-label-placement-stacked.sc-ion-input-ionic-h input.sc-ion-input-ionic,.input-label-placement-floating.sc-ion-input-ionic-h input.sc-ion-input-ionic{margin-left:0;margin-right:0;margin-top:1px;margin-bottom:0}.input-label-placement-floating.sc-ion-input-ionic-h .label-text-wrapper.sc-ion-input-ionic{-webkit-transform:translateY(100%) scale(1);transform:translateY(100%) scale(1)}.input-label-placement-floating.sc-ion-input-ionic-h input.sc-ion-input-ionic{opacity:0}.has-focus.input-label-placement-floating.sc-ion-input-ionic-h input.sc-ion-input-ionic,.has-value.input-label-placement-floating.sc-ion-input-ionic-h input.sc-ion-input-ionic{opacity:1}.label-floating.sc-ion-input-ionic-h .label-text-wrapper.sc-ion-input-ionic{-webkit-transform:translateY(50%) scale(0.75);transform:translateY(50%) scale(0.75);max-width:calc(100% / 0.75)}.sc-ion-input-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-input-ionic-s>[slot=end]:first-of-type{-webkit-margin-start:16px;margin-inline-start:16px;-webkit-margin-end:0;margin-inline-end:0}.input-fill-solid.sc-ion-input-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}.input-fill-solid.sc-ion-input-ionic-h .input-wrapper.sc-ion-input-ionic{border-bottom:var(--border-width) var(--border-style) var(--border-color)}.has-focus.input-fill-solid.ion-valid.sc-ion-input-ionic-h,.input-fill-solid.ion-touched.ion-invalid.sc-ion-input-ionic-h{--border-color:var(--highlight-color)}.input-fill-solid.sc-ion-input-ionic-h .input-bottom.sc-ion-input-ionic{border-top:none}@media (any-hover: hover){.input-fill-solid.sc-ion-input-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))}}.input-fill-solid.has-focus.sc-ion-input-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))}.input-fill-solid.sc-ion-input-ionic-h .input-wrapper.sc-ion-input-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.input-fill-solid.input-label-placement-floating.sc-ion-input-ionic-h .label-text-wrapper.sc-ion-input-ionic{max-width:calc(100% / 0.75)}.input-fill-outline.sc-ion-input-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}.input-fill-outline.input-shape-round.sc-ion-input-ionic-h{--border-radius:28px;--padding-start:32px;--padding-end:32px}.has-focus.input-fill-outline.ion-valid.sc-ion-input-ionic-h,.input-fill-outline.ion-touched.ion-invalid.sc-ion-input-ionic-h{--border-color:var(--highlight-color)}@media (any-hover: hover){.input-fill-outline.sc-ion-input-ionic-h:hover{--border-color:var(--ion-color-step-750, var(--ion-background-color-step-750, #404040))}}.input-fill-outline.has-focus.sc-ion-input-ionic-h{--border-width:var(--highlight-height);--border-color:var(--highlight-color)}.input-fill-outline.sc-ion-input-ionic-h .input-bottom.sc-ion-input-ionic{border-top:none}.input-fill-outline.sc-ion-input-ionic-h .input-wrapper.sc-ion-input-ionic{border-bottom:none}.input-fill-outline.input-label-placement-stacked.sc-ion-input-ionic-h .label-text-wrapper.sc-ion-input-ionic,.input-fill-outline.input-label-placement-floating.sc-ion-input-ionic-h .label-text-wrapper.sc-ion-input-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-input-ionic-h -no-combinator.input-fill-outline.input-label-placement-stacked.sc-ion-input-ionic-h .label-text-wrapper.sc-ion-input-ionic,[dir=rtl] .sc-ion-input-ionic-h -no-combinator.input-fill-outline.input-label-placement-stacked.sc-ion-input-ionic-h .label-text-wrapper.sc-ion-input-ionic,[dir=rtl].input-fill-outline.input-label-placement-stacked.sc-ion-input-ionic-h .label-text-wrapper.sc-ion-input-ionic,[dir=rtl] .input-fill-outline.input-label-placement-stacked.sc-ion-input-ionic-h .label-text-wrapper.sc-ion-input-ionic,[dir=rtl].sc-ion-input-ionic-h -no-combinator.input-fill-outline.input-label-placement-floating.sc-ion-input-ionic-h .label-text-wrapper.sc-ion-input-ionic,[dir=rtl] .sc-ion-input-ionic-h -no-combinator.input-fill-outline.input-label-placement-floating.sc-ion-input-ionic-h .label-text-wrapper.sc-ion-input-ionic,[dir=rtl].input-fill-outline.input-label-placement-floating.sc-ion-input-ionic-h .label-text-wrapper.sc-ion-input-ionic,[dir=rtl] .input-fill-outline.input-label-placement-floating.sc-ion-input-ionic-h .label-text-wrapper.sc-ion-input-ionic{-webkit-transform-origin:right top;transform-origin:right top}@supports selector(:dir(rtl)){.input-fill-outline.input-label-placement-stacked.sc-ion-input-ionic-h:dir(rtl) .label-text-wrapper.sc-ion-input-ionic,.input-fill-outline.input-label-placement-floating.sc-ion-input-ionic-h:dir(rtl) .label-text-wrapper.sc-ion-input-ionic{-webkit-transform-origin:right top;transform-origin:right top}}.input-fill-outline.sc-ion-input-ionic-h .label-text-wrapper.sc-ion-input-ionic{position:relative}.label-floating.input-fill-outline.sc-ion-input-ionic-h .label-text-wrapper.sc-ion-input-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((100% - var(--padding-start) - var(--padding-end) - 8px) / 0.75)}.input-fill-outline.input-label-placement-stacked.sc-ion-input-ionic-h input.sc-ion-input-ionic,.input-fill-outline.input-label-placement-floating.sc-ion-input-ionic-h input.sc-ion-input-ionic{margin-left:0;margin-right:0;margin-top:6px;margin-bottom:6px}.input-fill-outline.sc-ion-input-ionic-h .input-outline-container.sc-ion-input-ionic{left:0;right:0;top:0;bottom:0;display:-ms-flexbox;display:flex;position:absolute;width:100%;height:100%}.input-fill-outline.sc-ion-input-ionic-h .input-outline-start.sc-ion-input-ionic,.input-fill-outline.sc-ion-input-ionic-h .input-outline-end.sc-ion-input-ionic{pointer-events:none}.input-fill-outline.sc-ion-input-ionic-h .input-outline-start.sc-ion-input-ionic,.input-fill-outline.sc-ion-input-ionic-h .input-outline-notch.sc-ion-input-ionic,.input-fill-outline.sc-ion-input-ionic-h .input-outline-end.sc-ion-input-ionic{border-top:var(--border-width) var(--border-style) var(--border-color);border-bottom:var(--border-width) var(--border-style) var(--border-color)}.input-fill-outline.sc-ion-input-ionic-h .input-outline-notch.sc-ion-input-ionic{max-width:calc(100% - var(--padding-start) - var(--padding-end))}.input-fill-outline.sc-ion-input-ionic-h .notch-spacer.sc-ion-input-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}.input-fill-outline.sc-ion-input-ionic-h .input-outline-start.sc-ion-input-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)}.input-fill-outline.sc-ion-input-ionic-h .input-outline-end.sc-ion-input-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.input-fill-outline.sc-ion-input-ionic-h .input-outline-notch.sc-ion-input-ionic{border-top:none}.sc-ion-input-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)))));--highlight-height:2px;font-size:inherit}.input-clear-icon.sc-ion-input-ionic ion-icon.sc-ion-input-ionic{width:22px;height:22px}.input-disabled.sc-ion-input-ionic-h{opacity:0.38}.has-focus.ion-valid.sc-ion-input-ionic-h,.ion-touched.ion-invalid.sc-ion-input-ionic-h{--border-color:var(--highlight-color)}.input-bottom.sc-ion-input-ionic .counter.sc-ion-input-ionic{letter-spacing:0.0333333333em}.input-label-placement-floating.has-focus.sc-ion-input-ionic-h .label-text-wrapper.sc-ion-input-ionic,.input-label-placement-stacked.has-focus.sc-ion-input-ionic-h .label-text-wrapper.sc-ion-input-ionic{color:var(--highlight-color)}.has-focus.input-label-placement-floating.ion-valid.sc-ion-input-ionic-h .label-text-wrapper.sc-ion-input-ionic,.input-label-placement-floating.ion-touched.ion-invalid.sc-ion-input-ionic-h .label-text-wrapper.sc-ion-input-ionic,.has-focus.input-label-placement-stacked.ion-valid.sc-ion-input-ionic-h .label-text-wrapper.sc-ion-input-ionic,.input-label-placement-stacked.ion-touched.ion-invalid.sc-ion-input-ionic-h .label-text-wrapper.sc-ion-input-ionic{color:var(--highlight-color)}.input-highlight.sc-ion-input-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)}.input-highlight.sc-ion-input-ionic{inset-inline-start:0}.has-focus.sc-ion-input-ionic-h .input-highlight.sc-ion-input-ionic{-webkit-transform:scale(1);transform:scale(1)}.in-item.sc-ion-input-ionic-h .input-highlight.sc-ion-input-ionic{bottom:0}.in-item.sc-ion-input-ionic-h .input-highlight.sc-ion-input-ionic{inset-inline-start:0}.input-shape-round.sc-ion-input-ionic-h{--border-radius:16px}.sc-ion-input-ionic-s>ion-button[slot=start].button-has-icon-only,.sc-ion-input-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}";
20677
+ const ionicInputMdCss = ".sc-ion-input-ionic-h{--placeholder-color:initial;--placeholder-font-style:initial;--placeholder-font-weight:initial;--placeholder-opacity:var(--ion-placeholder-opacity, 0.6);--padding-top:0px;--padding-end:0px;--padding-bottom:0px;--padding-start:0px;--background:transparent;--color:initial;--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;padding:0 !important;color:var(--color);font-family:var(--ion-font-family, inherit);z-index:2}ion-item[slot=start].sc-ion-input-ionic-h,ion-item [slot=start].sc-ion-input-ionic-h,ion-item[slot=end].sc-ion-input-ionic-h,ion-item [slot=end].sc-ion-input-ionic-h{width:auto}.ion-color.sc-ion-input-ionic-h{--highlight-color-focused:var(--ion-color-base)}.input-label-placement-floating.sc-ion-input-ionic-h,.input-label-placement-stacked.sc-ion-input-ionic-h{min-height:56px}.native-input.sc-ion-input-ionic{padding-left:0;padding-right:0;padding-top:0;padding-bottom:0;font-family:inherit;font-size:inherit;font-style:inherit;font-weight:inherit;letter-spacing:inherit;text-decoration:inherit;text-indent:inherit;text-overflow:inherit;text-transform:inherit;text-align:inherit;white-space:inherit;color:inherit;display:inline-block;position:relative;-ms-flex:1;flex:1;width:100%;max-width:100%;max-height:100%;border:0;outline:none;background:transparent;-webkit-box-sizing:border-box;box-sizing:border-box;-webkit-appearance:none;-moz-appearance:none;appearance:none;z-index:1}.native-input.sc-ion-input-ionic::-webkit-input-placeholder{color:var(--placeholder-color);font-family:inherit;font-style:var(--placeholder-font-style);font-weight:var(--placeholder-font-weight);opacity:var(--placeholder-opacity)}.native-input.sc-ion-input-ionic::-moz-placeholder{color:var(--placeholder-color);font-family:inherit;font-style:var(--placeholder-font-style);font-weight:var(--placeholder-font-weight);opacity:var(--placeholder-opacity)}.native-input.sc-ion-input-ionic:-ms-input-placeholder{color:var(--placeholder-color);font-family:inherit;font-style:var(--placeholder-font-style);font-weight:var(--placeholder-font-weight);opacity:var(--placeholder-opacity)}.native-input.sc-ion-input-ionic::-ms-input-placeholder{color:var(--placeholder-color);font-family:inherit;font-style:var(--placeholder-font-style);font-weight:var(--placeholder-font-weight);opacity:var(--placeholder-opacity)}.native-input.sc-ion-input-ionic::placeholder{color:var(--placeholder-color);font-family:inherit;font-style:var(--placeholder-font-style);font-weight:var(--placeholder-font-weight);opacity:var(--placeholder-opacity)}.native-input.sc-ion-input-ionic:-webkit-autofill{background-color:transparent}.native-input.sc-ion-input-ionic:invalid{-webkit-box-shadow:none;box-shadow:none}.native-input.sc-ion-input-ionic::-ms-clear{display:none}.cloned-input.sc-ion-input-ionic{top:0;bottom:0;position:absolute;pointer-events:none}.cloned-input.sc-ion-input-ionic{inset-inline-start:0}.cloned-input.sc-ion-input-ionic:disabled{opacity:1}.input-clear-icon.sc-ion-input-ionic{-webkit-margin-start:auto;margin-inline-start:auto;-webkit-margin-end:auto;margin-inline-end:auto;margin-top:auto;margin-bottom:auto;padding-left:0;padding-right:0;padding-top:0;padding-bottom:0;background-position:center;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;width:30px;height:30px;border:0;outline:none;background-color:transparent;background-repeat:no-repeat;color:var(--ion-color-step-600, var(--ion-text-color-step-400, #666666));visibility:hidden;-webkit-appearance:none;-moz-appearance:none;appearance:none}.in-item-color.sc-ion-input-ionic-h .input-clear-icon.sc-ion-input-ionic{color:inherit}.input-clear-icon.sc-ion-input-ionic:focus{opacity:0.5}.has-value.sc-ion-input-ionic-h .input-clear-icon.sc-ion-input-ionic{visibility:visible}.input-wrapper.sc-ion-input-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:var(--padding-top);padding-bottom:var(--padding-bottom);border-radius:var(--border-radius);display:-ms-flexbox;display:flex;position:relative;-ms-flex-positive:1;flex-grow:1;-ms-flex-align:stretch;align-items:stretch;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-input-ionic{display:-ms-flexbox;display:flex;position:relative;-ms-flex-positive:1;flex-grow:1;-ms-flex-align:center;align-items:center;width:100%}.ion-touched.ion-invalid.sc-ion-input-ionic-h{--highlight-color:var(--highlight-color-invalid)}.ion-valid.sc-ion-input-ionic-h{--highlight-color:var(--highlight-color-valid)}.input-bottom.sc-ion-input-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-input-ionic-h,.ion-touched.ion-invalid.sc-ion-input-ionic-h{--border-color:var(--highlight-color)}.input-bottom.sc-ion-input-ionic .error-text.sc-ion-input-ionic{display:none;color:var(--highlight-color-invalid)}.input-bottom.sc-ion-input-ionic .helper-text.sc-ion-input-ionic{display:block;color:var(--ion-color-step-550, var(--ion-text-color-step-450, #737373))}.ion-touched.ion-invalid.sc-ion-input-ionic-h .input-bottom.sc-ion-input-ionic .error-text.sc-ion-input-ionic{display:block}.ion-touched.ion-invalid.sc-ion-input-ionic-h .input-bottom.sc-ion-input-ionic .helper-text.sc-ion-input-ionic{display:none}.input-bottom.sc-ion-input-ionic .counter.sc-ion-input-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}.has-focus.sc-ion-input-ionic-h input.sc-ion-input-ionic{caret-color:var(--highlight-color)}.label-text-wrapper.sc-ion-input-ionic{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;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-input-ionic,.sc-ion-input-ionic-s>[slot=label]{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.label-text-wrapper-hidden.sc-ion-input-ionic,.input-outline-notch-hidden.sc-ion-input-ionic{display:none}.input-wrapper.sc-ion-input-ionic input.sc-ion-input-ionic{-webkit-transition:opacity 150ms cubic-bezier(0.4, 0, 0.2, 1);transition:opacity 150ms cubic-bezier(0.4, 0, 0.2, 1)}.input-label-placement-start.sc-ion-input-ionic-h .input-wrapper.sc-ion-input-ionic{-ms-flex-direction:row;flex-direction:row}.input-label-placement-start.sc-ion-input-ionic-h .label-text-wrapper.sc-ion-input-ionic{-webkit-margin-start:0;margin-inline-start:0;-webkit-margin-end:16px;margin-inline-end:16px;margin-top:0;margin-bottom:0}.input-label-placement-end.sc-ion-input-ionic-h .input-wrapper.sc-ion-input-ionic{-ms-flex-direction:row-reverse;flex-direction:row-reverse}.input-label-placement-end.sc-ion-input-ionic-h .label-text-wrapper.sc-ion-input-ionic{-webkit-margin-start:16px;margin-inline-start:16px;-webkit-margin-end:0;margin-inline-end:0;margin-top:0;margin-bottom:0}.input-label-placement-fixed.sc-ion-input-ionic-h .label-text-wrapper.sc-ion-input-ionic{-webkit-margin-start:0;margin-inline-start:0;-webkit-margin-end:16px;margin-inline-end:16px;margin-top:0;margin-bottom:0}.input-label-placement-fixed.sc-ion-input-ionic-h .label-text.sc-ion-input-ionic{-ms-flex:0 0 100px;flex:0 0 100px;width:100px;min-width:100px;max-width:200px}.input-label-placement-stacked.sc-ion-input-ionic-h .input-wrapper.sc-ion-input-ionic,.input-label-placement-floating.sc-ion-input-ionic-h .input-wrapper.sc-ion-input-ionic{-ms-flex-direction:column;flex-direction:column;-ms-flex-align:start;align-items:start}.input-label-placement-stacked.sc-ion-input-ionic-h .label-text-wrapper.sc-ion-input-ionic,.input-label-placement-floating.sc-ion-input-ionic-h .label-text-wrapper.sc-ion-input-ionic{-webkit-transform-origin:left top;transform-origin:left top;max-width:100%;z-index:2}[dir=rtl].sc-ion-input-ionic-h -no-combinator.input-label-placement-stacked.sc-ion-input-ionic-h .label-text-wrapper.sc-ion-input-ionic,[dir=rtl] .sc-ion-input-ionic-h -no-combinator.input-label-placement-stacked.sc-ion-input-ionic-h .label-text-wrapper.sc-ion-input-ionic,[dir=rtl].input-label-placement-stacked.sc-ion-input-ionic-h .label-text-wrapper.sc-ion-input-ionic,[dir=rtl] .input-label-placement-stacked.sc-ion-input-ionic-h .label-text-wrapper.sc-ion-input-ionic,[dir=rtl].sc-ion-input-ionic-h -no-combinator.input-label-placement-floating.sc-ion-input-ionic-h .label-text-wrapper.sc-ion-input-ionic,[dir=rtl] .sc-ion-input-ionic-h -no-combinator.input-label-placement-floating.sc-ion-input-ionic-h .label-text-wrapper.sc-ion-input-ionic,[dir=rtl].input-label-placement-floating.sc-ion-input-ionic-h .label-text-wrapper.sc-ion-input-ionic,[dir=rtl] .input-label-placement-floating.sc-ion-input-ionic-h .label-text-wrapper.sc-ion-input-ionic{-webkit-transform-origin:right top;transform-origin:right top}@supports selector(:dir(rtl)){.input-label-placement-stacked.sc-ion-input-ionic-h:dir(rtl) .label-text-wrapper.sc-ion-input-ionic,.input-label-placement-floating.sc-ion-input-ionic-h:dir(rtl) .label-text-wrapper.sc-ion-input-ionic{-webkit-transform-origin:right top;transform-origin:right top}}.input-label-placement-stacked.sc-ion-input-ionic-h input.sc-ion-input-ionic,.input-label-placement-floating.sc-ion-input-ionic-h input.sc-ion-input-ionic{margin-left:0;margin-right:0;margin-top:1px;margin-bottom:0}.input-label-placement-floating.sc-ion-input-ionic-h .label-text-wrapper.sc-ion-input-ionic{-webkit-transform:translateY(100%) scale(1);transform:translateY(100%) scale(1)}.input-label-placement-floating.sc-ion-input-ionic-h input.sc-ion-input-ionic{opacity:0}.has-focus.input-label-placement-floating.sc-ion-input-ionic-h input.sc-ion-input-ionic,.has-value.input-label-placement-floating.sc-ion-input-ionic-h input.sc-ion-input-ionic{opacity:1}.label-floating.sc-ion-input-ionic-h .label-text-wrapper.sc-ion-input-ionic{-webkit-transform:translateY(50%) scale(0.75);transform:translateY(50%) scale(0.75);max-width:calc(100% / 0.75)}.sc-ion-input-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-input-ionic-s>[slot=end]:first-of-type{-webkit-margin-start:16px;margin-inline-start:16px;-webkit-margin-end:0;margin-inline-end:0}.sc-ion-input-ionic-h[disabled].sc-ion-input-ionic-s>ion-input-password-toggle,.sc-ion-input-ionic-h[disabled] .sc-ion-input-ionic-s>ion-input-password-toggle,.sc-ion-input-ionic-h[readonly].sc-ion-input-ionic-s>ion-input-password-toggle,.sc-ion-input-ionic-h[readonly] .sc-ion-input-ionic-s>ion-input-password-toggle{display:none}.input-fill-solid.sc-ion-input-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}.input-fill-solid.sc-ion-input-ionic-h .input-wrapper.sc-ion-input-ionic{border-bottom:var(--border-width) var(--border-style) var(--border-color)}.has-focus.input-fill-solid.ion-valid.sc-ion-input-ionic-h,.input-fill-solid.ion-touched.ion-invalid.sc-ion-input-ionic-h{--border-color:var(--highlight-color)}.input-fill-solid.sc-ion-input-ionic-h .input-bottom.sc-ion-input-ionic{border-top:none}@media (any-hover: hover){.input-fill-solid.sc-ion-input-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))}}.input-fill-solid.has-focus.sc-ion-input-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))}.input-fill-solid.sc-ion-input-ionic-h .input-wrapper.sc-ion-input-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.input-fill-solid.input-label-placement-floating.sc-ion-input-ionic-h .label-text-wrapper.sc-ion-input-ionic{max-width:calc(100% / 0.75)}.input-fill-outline.sc-ion-input-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}.input-fill-outline.input-shape-round.sc-ion-input-ionic-h{--border-radius:28px;--padding-start:32px;--padding-end:32px}.has-focus.input-fill-outline.ion-valid.sc-ion-input-ionic-h,.input-fill-outline.ion-touched.ion-invalid.sc-ion-input-ionic-h{--border-color:var(--highlight-color)}@media (any-hover: hover){.input-fill-outline.sc-ion-input-ionic-h:hover{--border-color:var(--ion-color-step-750, var(--ion-background-color-step-750, #404040))}}.input-fill-outline.has-focus.sc-ion-input-ionic-h{--border-width:var(--highlight-height);--border-color:var(--highlight-color)}.input-fill-outline.sc-ion-input-ionic-h .input-bottom.sc-ion-input-ionic{border-top:none}.input-fill-outline.sc-ion-input-ionic-h .input-wrapper.sc-ion-input-ionic{border-bottom:none}.input-fill-outline.input-label-placement-stacked.sc-ion-input-ionic-h .label-text-wrapper.sc-ion-input-ionic,.input-fill-outline.input-label-placement-floating.sc-ion-input-ionic-h .label-text-wrapper.sc-ion-input-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-input-ionic-h -no-combinator.input-fill-outline.input-label-placement-stacked.sc-ion-input-ionic-h .label-text-wrapper.sc-ion-input-ionic,[dir=rtl] .sc-ion-input-ionic-h -no-combinator.input-fill-outline.input-label-placement-stacked.sc-ion-input-ionic-h .label-text-wrapper.sc-ion-input-ionic,[dir=rtl].input-fill-outline.input-label-placement-stacked.sc-ion-input-ionic-h .label-text-wrapper.sc-ion-input-ionic,[dir=rtl] .input-fill-outline.input-label-placement-stacked.sc-ion-input-ionic-h .label-text-wrapper.sc-ion-input-ionic,[dir=rtl].sc-ion-input-ionic-h -no-combinator.input-fill-outline.input-label-placement-floating.sc-ion-input-ionic-h .label-text-wrapper.sc-ion-input-ionic,[dir=rtl] .sc-ion-input-ionic-h -no-combinator.input-fill-outline.input-label-placement-floating.sc-ion-input-ionic-h .label-text-wrapper.sc-ion-input-ionic,[dir=rtl].input-fill-outline.input-label-placement-floating.sc-ion-input-ionic-h .label-text-wrapper.sc-ion-input-ionic,[dir=rtl] .input-fill-outline.input-label-placement-floating.sc-ion-input-ionic-h .label-text-wrapper.sc-ion-input-ionic{-webkit-transform-origin:right top;transform-origin:right top}@supports selector(:dir(rtl)){.input-fill-outline.input-label-placement-stacked.sc-ion-input-ionic-h:dir(rtl) .label-text-wrapper.sc-ion-input-ionic,.input-fill-outline.input-label-placement-floating.sc-ion-input-ionic-h:dir(rtl) .label-text-wrapper.sc-ion-input-ionic{-webkit-transform-origin:right top;transform-origin:right top}}.input-fill-outline.sc-ion-input-ionic-h .label-text-wrapper.sc-ion-input-ionic{position:relative}.label-floating.input-fill-outline.sc-ion-input-ionic-h .label-text-wrapper.sc-ion-input-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((100% - var(--padding-start) - var(--padding-end) - 8px) / 0.75)}.input-fill-outline.input-label-placement-stacked.sc-ion-input-ionic-h input.sc-ion-input-ionic,.input-fill-outline.input-label-placement-floating.sc-ion-input-ionic-h input.sc-ion-input-ionic{margin-left:0;margin-right:0;margin-top:6px;margin-bottom:6px}.input-fill-outline.sc-ion-input-ionic-h .input-outline-container.sc-ion-input-ionic{left:0;right:0;top:0;bottom:0;display:-ms-flexbox;display:flex;position:absolute;width:100%;height:100%}.input-fill-outline.sc-ion-input-ionic-h .input-outline-start.sc-ion-input-ionic,.input-fill-outline.sc-ion-input-ionic-h .input-outline-end.sc-ion-input-ionic{pointer-events:none}.input-fill-outline.sc-ion-input-ionic-h .input-outline-start.sc-ion-input-ionic,.input-fill-outline.sc-ion-input-ionic-h .input-outline-notch.sc-ion-input-ionic,.input-fill-outline.sc-ion-input-ionic-h .input-outline-end.sc-ion-input-ionic{border-top:var(--border-width) var(--border-style) var(--border-color);border-bottom:var(--border-width) var(--border-style) var(--border-color)}.input-fill-outline.sc-ion-input-ionic-h .input-outline-notch.sc-ion-input-ionic{max-width:calc(100% - var(--padding-start) - var(--padding-end))}.input-fill-outline.sc-ion-input-ionic-h .notch-spacer.sc-ion-input-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}.input-fill-outline.sc-ion-input-ionic-h .input-outline-start.sc-ion-input-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)}.input-fill-outline.sc-ion-input-ionic-h .input-outline-end.sc-ion-input-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.input-fill-outline.sc-ion-input-ionic-h .input-outline-notch.sc-ion-input-ionic{border-top:none}.sc-ion-input-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)))));--highlight-height:2px;font-size:inherit}.input-clear-icon.sc-ion-input-ionic ion-icon.sc-ion-input-ionic{width:22px;height:22px}.input-disabled.sc-ion-input-ionic-h{opacity:0.38}.has-focus.ion-valid.sc-ion-input-ionic-h,.ion-touched.ion-invalid.sc-ion-input-ionic-h{--border-color:var(--highlight-color)}.input-bottom.sc-ion-input-ionic .counter.sc-ion-input-ionic{letter-spacing:0.0333333333em}.input-label-placement-floating.has-focus.sc-ion-input-ionic-h .label-text-wrapper.sc-ion-input-ionic,.input-label-placement-stacked.has-focus.sc-ion-input-ionic-h .label-text-wrapper.sc-ion-input-ionic{color:var(--highlight-color)}.has-focus.input-label-placement-floating.ion-valid.sc-ion-input-ionic-h .label-text-wrapper.sc-ion-input-ionic,.input-label-placement-floating.ion-touched.ion-invalid.sc-ion-input-ionic-h .label-text-wrapper.sc-ion-input-ionic,.has-focus.input-label-placement-stacked.ion-valid.sc-ion-input-ionic-h .label-text-wrapper.sc-ion-input-ionic,.input-label-placement-stacked.ion-touched.ion-invalid.sc-ion-input-ionic-h .label-text-wrapper.sc-ion-input-ionic{color:var(--highlight-color)}.input-highlight.sc-ion-input-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)}.input-highlight.sc-ion-input-ionic{inset-inline-start:0}.has-focus.sc-ion-input-ionic-h .input-highlight.sc-ion-input-ionic{-webkit-transform:scale(1);transform:scale(1)}.in-item.sc-ion-input-ionic-h .input-highlight.sc-ion-input-ionic{bottom:0}.in-item.sc-ion-input-ionic-h .input-highlight.sc-ion-input-ionic{inset-inline-start:0}.input-shape-round.sc-ion-input-ionic-h{--border-radius:16px}.sc-ion-input-ionic-s>ion-button[slot=start].button-has-icon-only,.sc-ion-input-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}";
20676
20678
  var IonInputIonicStyle0 = ionicInputMdCss;
20677
20679
 
20678
- const inputIosCss = ".sc-ion-input-ios-h{--placeholder-color:initial;--placeholder-font-style:initial;--placeholder-font-weight:initial;--placeholder-opacity:var(--ion-placeholder-opacity, 0.6);--padding-top:0px;--padding-end:0px;--padding-bottom:0px;--padding-start:0px;--background:transparent;--color:initial;--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;padding:0 !important;color:var(--color);font-family:var(--ion-font-family, inherit);z-index:2}ion-item[slot=start].sc-ion-input-ios-h,ion-item [slot=start].sc-ion-input-ios-h,ion-item[slot=end].sc-ion-input-ios-h,ion-item [slot=end].sc-ion-input-ios-h{width:auto}.ion-color.sc-ion-input-ios-h{--highlight-color-focused:var(--ion-color-base)}.input-label-placement-floating.sc-ion-input-ios-h,.input-label-placement-stacked.sc-ion-input-ios-h{min-height:56px}.native-input.sc-ion-input-ios{padding-left:0;padding-right:0;padding-top:0;padding-bottom:0;font-family:inherit;font-size:inherit;font-style:inherit;font-weight:inherit;letter-spacing:inherit;text-decoration:inherit;text-indent:inherit;text-overflow:inherit;text-transform:inherit;text-align:inherit;white-space:inherit;color:inherit;display:inline-block;position:relative;-ms-flex:1;flex:1;width:100%;max-width:100%;max-height:100%;border:0;outline:none;background:transparent;-webkit-box-sizing:border-box;box-sizing:border-box;-webkit-appearance:none;-moz-appearance:none;appearance:none;z-index:1}.native-input.sc-ion-input-ios::-webkit-input-placeholder{color:var(--placeholder-color);font-family:inherit;font-style:var(--placeholder-font-style);font-weight:var(--placeholder-font-weight);opacity:var(--placeholder-opacity)}.native-input.sc-ion-input-ios::-moz-placeholder{color:var(--placeholder-color);font-family:inherit;font-style:var(--placeholder-font-style);font-weight:var(--placeholder-font-weight);opacity:var(--placeholder-opacity)}.native-input.sc-ion-input-ios:-ms-input-placeholder{color:var(--placeholder-color);font-family:inherit;font-style:var(--placeholder-font-style);font-weight:var(--placeholder-font-weight);opacity:var(--placeholder-opacity)}.native-input.sc-ion-input-ios::-ms-input-placeholder{color:var(--placeholder-color);font-family:inherit;font-style:var(--placeholder-font-style);font-weight:var(--placeholder-font-weight);opacity:var(--placeholder-opacity)}.native-input.sc-ion-input-ios::placeholder{color:var(--placeholder-color);font-family:inherit;font-style:var(--placeholder-font-style);font-weight:var(--placeholder-font-weight);opacity:var(--placeholder-opacity)}.native-input.sc-ion-input-ios:-webkit-autofill{background-color:transparent}.native-input.sc-ion-input-ios:invalid{-webkit-box-shadow:none;box-shadow:none}.native-input.sc-ion-input-ios::-ms-clear{display:none}.cloned-input.sc-ion-input-ios{top:0;bottom:0;position:absolute;pointer-events:none}.cloned-input.sc-ion-input-ios{inset-inline-start:0}.cloned-input.sc-ion-input-ios:disabled{opacity:1}.input-clear-icon.sc-ion-input-ios{-webkit-margin-start:auto;margin-inline-start:auto;-webkit-margin-end:auto;margin-inline-end:auto;margin-top:auto;margin-bottom:auto;padding-left:0;padding-right:0;padding-top:0;padding-bottom:0;background-position:center;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;width:30px;height:30px;border:0;outline:none;background-color:transparent;background-repeat:no-repeat;color:var(--ion-color-step-600, var(--ion-text-color-step-400, #666666));visibility:hidden;-webkit-appearance:none;-moz-appearance:none;appearance:none}.in-item-color.sc-ion-input-ios-h .input-clear-icon.sc-ion-input-ios{color:inherit}.input-clear-icon.sc-ion-input-ios:focus{opacity:0.5}.has-value.sc-ion-input-ios-h .input-clear-icon.sc-ion-input-ios{visibility:visible}.input-wrapper.sc-ion-input-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:var(--padding-top);padding-bottom:var(--padding-bottom);border-radius:var(--border-radius);display:-ms-flexbox;display:flex;position:relative;-ms-flex-positive:1;flex-grow:1;-ms-flex-align:stretch;align-items:stretch;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-input-ios{display:-ms-flexbox;display:flex;position:relative;-ms-flex-positive:1;flex-grow:1;-ms-flex-align:center;align-items:center;width:100%}.ion-touched.ion-invalid.sc-ion-input-ios-h{--highlight-color:var(--highlight-color-invalid)}.ion-valid.sc-ion-input-ios-h{--highlight-color:var(--highlight-color-valid)}.input-bottom.sc-ion-input-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-input-ios-h,.ion-touched.ion-invalid.sc-ion-input-ios-h{--border-color:var(--highlight-color)}.input-bottom.sc-ion-input-ios .error-text.sc-ion-input-ios{display:none;color:var(--highlight-color-invalid)}.input-bottom.sc-ion-input-ios .helper-text.sc-ion-input-ios{display:block;color:var(--ion-color-step-550, var(--ion-text-color-step-450, #737373))}.ion-touched.ion-invalid.sc-ion-input-ios-h .input-bottom.sc-ion-input-ios .error-text.sc-ion-input-ios{display:block}.ion-touched.ion-invalid.sc-ion-input-ios-h .input-bottom.sc-ion-input-ios .helper-text.sc-ion-input-ios{display:none}.input-bottom.sc-ion-input-ios .counter.sc-ion-input-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}.has-focus.sc-ion-input-ios-h input.sc-ion-input-ios{caret-color:var(--highlight-color)}.label-text-wrapper.sc-ion-input-ios{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;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-input-ios,.sc-ion-input-ios-s>[slot=label]{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.label-text-wrapper-hidden.sc-ion-input-ios,.input-outline-notch-hidden.sc-ion-input-ios{display:none}.input-wrapper.sc-ion-input-ios input.sc-ion-input-ios{-webkit-transition:opacity 150ms cubic-bezier(0.4, 0, 0.2, 1);transition:opacity 150ms cubic-bezier(0.4, 0, 0.2, 1)}.input-label-placement-start.sc-ion-input-ios-h .input-wrapper.sc-ion-input-ios{-ms-flex-direction:row;flex-direction:row}.input-label-placement-start.sc-ion-input-ios-h .label-text-wrapper.sc-ion-input-ios{-webkit-margin-start:0;margin-inline-start:0;-webkit-margin-end:16px;margin-inline-end:16px;margin-top:0;margin-bottom:0}.input-label-placement-end.sc-ion-input-ios-h .input-wrapper.sc-ion-input-ios{-ms-flex-direction:row-reverse;flex-direction:row-reverse}.input-label-placement-end.sc-ion-input-ios-h .label-text-wrapper.sc-ion-input-ios{-webkit-margin-start:16px;margin-inline-start:16px;-webkit-margin-end:0;margin-inline-end:0;margin-top:0;margin-bottom:0}.input-label-placement-fixed.sc-ion-input-ios-h .label-text-wrapper.sc-ion-input-ios{-webkit-margin-start:0;margin-inline-start:0;-webkit-margin-end:16px;margin-inline-end:16px;margin-top:0;margin-bottom:0}.input-label-placement-fixed.sc-ion-input-ios-h .label-text.sc-ion-input-ios{-ms-flex:0 0 100px;flex:0 0 100px;width:100px;min-width:100px;max-width:200px}.input-label-placement-stacked.sc-ion-input-ios-h .input-wrapper.sc-ion-input-ios,.input-label-placement-floating.sc-ion-input-ios-h .input-wrapper.sc-ion-input-ios{-ms-flex-direction:column;flex-direction:column;-ms-flex-align:start;align-items:start}.input-label-placement-stacked.sc-ion-input-ios-h .label-text-wrapper.sc-ion-input-ios,.input-label-placement-floating.sc-ion-input-ios-h .label-text-wrapper.sc-ion-input-ios{-webkit-transform-origin:left top;transform-origin:left top;max-width:100%;z-index:2}[dir=rtl].sc-ion-input-ios-h -no-combinator.input-label-placement-stacked.sc-ion-input-ios-h .label-text-wrapper.sc-ion-input-ios,[dir=rtl] .sc-ion-input-ios-h -no-combinator.input-label-placement-stacked.sc-ion-input-ios-h .label-text-wrapper.sc-ion-input-ios,[dir=rtl].input-label-placement-stacked.sc-ion-input-ios-h .label-text-wrapper.sc-ion-input-ios,[dir=rtl] .input-label-placement-stacked.sc-ion-input-ios-h .label-text-wrapper.sc-ion-input-ios,[dir=rtl].sc-ion-input-ios-h -no-combinator.input-label-placement-floating.sc-ion-input-ios-h .label-text-wrapper.sc-ion-input-ios,[dir=rtl] .sc-ion-input-ios-h -no-combinator.input-label-placement-floating.sc-ion-input-ios-h .label-text-wrapper.sc-ion-input-ios,[dir=rtl].input-label-placement-floating.sc-ion-input-ios-h .label-text-wrapper.sc-ion-input-ios,[dir=rtl] .input-label-placement-floating.sc-ion-input-ios-h .label-text-wrapper.sc-ion-input-ios{-webkit-transform-origin:right top;transform-origin:right top}@supports selector(:dir(rtl)){.input-label-placement-stacked.sc-ion-input-ios-h:dir(rtl) .label-text-wrapper.sc-ion-input-ios,.input-label-placement-floating.sc-ion-input-ios-h:dir(rtl) .label-text-wrapper.sc-ion-input-ios{-webkit-transform-origin:right top;transform-origin:right top}}.input-label-placement-stacked.sc-ion-input-ios-h input.sc-ion-input-ios,.input-label-placement-floating.sc-ion-input-ios-h input.sc-ion-input-ios{margin-left:0;margin-right:0;margin-top:1px;margin-bottom:0}.input-label-placement-floating.sc-ion-input-ios-h .label-text-wrapper.sc-ion-input-ios{-webkit-transform:translateY(100%) scale(1);transform:translateY(100%) scale(1)}.input-label-placement-floating.sc-ion-input-ios-h input.sc-ion-input-ios{opacity:0}.has-focus.input-label-placement-floating.sc-ion-input-ios-h input.sc-ion-input-ios,.has-value.input-label-placement-floating.sc-ion-input-ios-h input.sc-ion-input-ios{opacity:1}.label-floating.sc-ion-input-ios-h .label-text-wrapper.sc-ion-input-ios{-webkit-transform:translateY(50%) scale(0.75);transform:translateY(50%) scale(0.75);max-width:calc(100% / 0.75)}.sc-ion-input-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-input-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-input-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))));--highlight-height:0px;font-size:inherit}.input-clear-icon.sc-ion-input-ios ion-icon.sc-ion-input-ios{width:18px;height:18px}.input-disabled.sc-ion-input-ios-h{opacity:0.3}.sc-ion-input-ios-s>ion-button[slot=start].button-has-icon-only,.sc-ion-input-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}";
20680
+ const inputIosCss = ".sc-ion-input-ios-h{--placeholder-color:initial;--placeholder-font-style:initial;--placeholder-font-weight:initial;--placeholder-opacity:var(--ion-placeholder-opacity, 0.6);--padding-top:0px;--padding-end:0px;--padding-bottom:0px;--padding-start:0px;--background:transparent;--color:initial;--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;padding:0 !important;color:var(--color);font-family:var(--ion-font-family, inherit);z-index:2}ion-item[slot=start].sc-ion-input-ios-h,ion-item [slot=start].sc-ion-input-ios-h,ion-item[slot=end].sc-ion-input-ios-h,ion-item [slot=end].sc-ion-input-ios-h{width:auto}.ion-color.sc-ion-input-ios-h{--highlight-color-focused:var(--ion-color-base)}.input-label-placement-floating.sc-ion-input-ios-h,.input-label-placement-stacked.sc-ion-input-ios-h{min-height:56px}.native-input.sc-ion-input-ios{padding-left:0;padding-right:0;padding-top:0;padding-bottom:0;font-family:inherit;font-size:inherit;font-style:inherit;font-weight:inherit;letter-spacing:inherit;text-decoration:inherit;text-indent:inherit;text-overflow:inherit;text-transform:inherit;text-align:inherit;white-space:inherit;color:inherit;display:inline-block;position:relative;-ms-flex:1;flex:1;width:100%;max-width:100%;max-height:100%;border:0;outline:none;background:transparent;-webkit-box-sizing:border-box;box-sizing:border-box;-webkit-appearance:none;-moz-appearance:none;appearance:none;z-index:1}.native-input.sc-ion-input-ios::-webkit-input-placeholder{color:var(--placeholder-color);font-family:inherit;font-style:var(--placeholder-font-style);font-weight:var(--placeholder-font-weight);opacity:var(--placeholder-opacity)}.native-input.sc-ion-input-ios::-moz-placeholder{color:var(--placeholder-color);font-family:inherit;font-style:var(--placeholder-font-style);font-weight:var(--placeholder-font-weight);opacity:var(--placeholder-opacity)}.native-input.sc-ion-input-ios:-ms-input-placeholder{color:var(--placeholder-color);font-family:inherit;font-style:var(--placeholder-font-style);font-weight:var(--placeholder-font-weight);opacity:var(--placeholder-opacity)}.native-input.sc-ion-input-ios::-ms-input-placeholder{color:var(--placeholder-color);font-family:inherit;font-style:var(--placeholder-font-style);font-weight:var(--placeholder-font-weight);opacity:var(--placeholder-opacity)}.native-input.sc-ion-input-ios::placeholder{color:var(--placeholder-color);font-family:inherit;font-style:var(--placeholder-font-style);font-weight:var(--placeholder-font-weight);opacity:var(--placeholder-opacity)}.native-input.sc-ion-input-ios:-webkit-autofill{background-color:transparent}.native-input.sc-ion-input-ios:invalid{-webkit-box-shadow:none;box-shadow:none}.native-input.sc-ion-input-ios::-ms-clear{display:none}.cloned-input.sc-ion-input-ios{top:0;bottom:0;position:absolute;pointer-events:none}.cloned-input.sc-ion-input-ios{inset-inline-start:0}.cloned-input.sc-ion-input-ios:disabled{opacity:1}.input-clear-icon.sc-ion-input-ios{-webkit-margin-start:auto;margin-inline-start:auto;-webkit-margin-end:auto;margin-inline-end:auto;margin-top:auto;margin-bottom:auto;padding-left:0;padding-right:0;padding-top:0;padding-bottom:0;background-position:center;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;width:30px;height:30px;border:0;outline:none;background-color:transparent;background-repeat:no-repeat;color:var(--ion-color-step-600, var(--ion-text-color-step-400, #666666));visibility:hidden;-webkit-appearance:none;-moz-appearance:none;appearance:none}.in-item-color.sc-ion-input-ios-h .input-clear-icon.sc-ion-input-ios{color:inherit}.input-clear-icon.sc-ion-input-ios:focus{opacity:0.5}.has-value.sc-ion-input-ios-h .input-clear-icon.sc-ion-input-ios{visibility:visible}.input-wrapper.sc-ion-input-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:var(--padding-top);padding-bottom:var(--padding-bottom);border-radius:var(--border-radius);display:-ms-flexbox;display:flex;position:relative;-ms-flex-positive:1;flex-grow:1;-ms-flex-align:stretch;align-items:stretch;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-input-ios{display:-ms-flexbox;display:flex;position:relative;-ms-flex-positive:1;flex-grow:1;-ms-flex-align:center;align-items:center;width:100%}.ion-touched.ion-invalid.sc-ion-input-ios-h{--highlight-color:var(--highlight-color-invalid)}.ion-valid.sc-ion-input-ios-h{--highlight-color:var(--highlight-color-valid)}.input-bottom.sc-ion-input-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-input-ios-h,.ion-touched.ion-invalid.sc-ion-input-ios-h{--border-color:var(--highlight-color)}.input-bottom.sc-ion-input-ios .error-text.sc-ion-input-ios{display:none;color:var(--highlight-color-invalid)}.input-bottom.sc-ion-input-ios .helper-text.sc-ion-input-ios{display:block;color:var(--ion-color-step-550, var(--ion-text-color-step-450, #737373))}.ion-touched.ion-invalid.sc-ion-input-ios-h .input-bottom.sc-ion-input-ios .error-text.sc-ion-input-ios{display:block}.ion-touched.ion-invalid.sc-ion-input-ios-h .input-bottom.sc-ion-input-ios .helper-text.sc-ion-input-ios{display:none}.input-bottom.sc-ion-input-ios .counter.sc-ion-input-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}.has-focus.sc-ion-input-ios-h input.sc-ion-input-ios{caret-color:var(--highlight-color)}.label-text-wrapper.sc-ion-input-ios{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;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-input-ios,.sc-ion-input-ios-s>[slot=label]{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.label-text-wrapper-hidden.sc-ion-input-ios,.input-outline-notch-hidden.sc-ion-input-ios{display:none}.input-wrapper.sc-ion-input-ios input.sc-ion-input-ios{-webkit-transition:opacity 150ms cubic-bezier(0.4, 0, 0.2, 1);transition:opacity 150ms cubic-bezier(0.4, 0, 0.2, 1)}.input-label-placement-start.sc-ion-input-ios-h .input-wrapper.sc-ion-input-ios{-ms-flex-direction:row;flex-direction:row}.input-label-placement-start.sc-ion-input-ios-h .label-text-wrapper.sc-ion-input-ios{-webkit-margin-start:0;margin-inline-start:0;-webkit-margin-end:16px;margin-inline-end:16px;margin-top:0;margin-bottom:0}.input-label-placement-end.sc-ion-input-ios-h .input-wrapper.sc-ion-input-ios{-ms-flex-direction:row-reverse;flex-direction:row-reverse}.input-label-placement-end.sc-ion-input-ios-h .label-text-wrapper.sc-ion-input-ios{-webkit-margin-start:16px;margin-inline-start:16px;-webkit-margin-end:0;margin-inline-end:0;margin-top:0;margin-bottom:0}.input-label-placement-fixed.sc-ion-input-ios-h .label-text-wrapper.sc-ion-input-ios{-webkit-margin-start:0;margin-inline-start:0;-webkit-margin-end:16px;margin-inline-end:16px;margin-top:0;margin-bottom:0}.input-label-placement-fixed.sc-ion-input-ios-h .label-text.sc-ion-input-ios{-ms-flex:0 0 100px;flex:0 0 100px;width:100px;min-width:100px;max-width:200px}.input-label-placement-stacked.sc-ion-input-ios-h .input-wrapper.sc-ion-input-ios,.input-label-placement-floating.sc-ion-input-ios-h .input-wrapper.sc-ion-input-ios{-ms-flex-direction:column;flex-direction:column;-ms-flex-align:start;align-items:start}.input-label-placement-stacked.sc-ion-input-ios-h .label-text-wrapper.sc-ion-input-ios,.input-label-placement-floating.sc-ion-input-ios-h .label-text-wrapper.sc-ion-input-ios{-webkit-transform-origin:left top;transform-origin:left top;max-width:100%;z-index:2}[dir=rtl].sc-ion-input-ios-h -no-combinator.input-label-placement-stacked.sc-ion-input-ios-h .label-text-wrapper.sc-ion-input-ios,[dir=rtl] .sc-ion-input-ios-h -no-combinator.input-label-placement-stacked.sc-ion-input-ios-h .label-text-wrapper.sc-ion-input-ios,[dir=rtl].input-label-placement-stacked.sc-ion-input-ios-h .label-text-wrapper.sc-ion-input-ios,[dir=rtl] .input-label-placement-stacked.sc-ion-input-ios-h .label-text-wrapper.sc-ion-input-ios,[dir=rtl].sc-ion-input-ios-h -no-combinator.input-label-placement-floating.sc-ion-input-ios-h .label-text-wrapper.sc-ion-input-ios,[dir=rtl] .sc-ion-input-ios-h -no-combinator.input-label-placement-floating.sc-ion-input-ios-h .label-text-wrapper.sc-ion-input-ios,[dir=rtl].input-label-placement-floating.sc-ion-input-ios-h .label-text-wrapper.sc-ion-input-ios,[dir=rtl] .input-label-placement-floating.sc-ion-input-ios-h .label-text-wrapper.sc-ion-input-ios{-webkit-transform-origin:right top;transform-origin:right top}@supports selector(:dir(rtl)){.input-label-placement-stacked.sc-ion-input-ios-h:dir(rtl) .label-text-wrapper.sc-ion-input-ios,.input-label-placement-floating.sc-ion-input-ios-h:dir(rtl) .label-text-wrapper.sc-ion-input-ios{-webkit-transform-origin:right top;transform-origin:right top}}.input-label-placement-stacked.sc-ion-input-ios-h input.sc-ion-input-ios,.input-label-placement-floating.sc-ion-input-ios-h input.sc-ion-input-ios{margin-left:0;margin-right:0;margin-top:1px;margin-bottom:0}.input-label-placement-floating.sc-ion-input-ios-h .label-text-wrapper.sc-ion-input-ios{-webkit-transform:translateY(100%) scale(1);transform:translateY(100%) scale(1)}.input-label-placement-floating.sc-ion-input-ios-h input.sc-ion-input-ios{opacity:0}.has-focus.input-label-placement-floating.sc-ion-input-ios-h input.sc-ion-input-ios,.has-value.input-label-placement-floating.sc-ion-input-ios-h input.sc-ion-input-ios{opacity:1}.label-floating.sc-ion-input-ios-h .label-text-wrapper.sc-ion-input-ios{-webkit-transform:translateY(50%) scale(0.75);transform:translateY(50%) scale(0.75);max-width:calc(100% / 0.75)}.sc-ion-input-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-input-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-input-ios-h[disabled].sc-ion-input-ios-s>ion-input-password-toggle,.sc-ion-input-ios-h[disabled] .sc-ion-input-ios-s>ion-input-password-toggle,.sc-ion-input-ios-h[readonly].sc-ion-input-ios-s>ion-input-password-toggle,.sc-ion-input-ios-h[readonly] .sc-ion-input-ios-s>ion-input-password-toggle{display:none}.sc-ion-input-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))));--highlight-height:0px;font-size:inherit}.input-clear-icon.sc-ion-input-ios ion-icon.sc-ion-input-ios{width:18px;height:18px}.input-disabled.sc-ion-input-ios-h{opacity:0.3}.sc-ion-input-ios-s>ion-button[slot=start].button-has-icon-only,.sc-ion-input-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}";
20679
20681
  var IonInputIosStyle0 = inputIosCss;
20680
20682
 
20681
- const inputMdCss = ".sc-ion-input-md-h{--placeholder-color:initial;--placeholder-font-style:initial;--placeholder-font-weight:initial;--placeholder-opacity:var(--ion-placeholder-opacity, 0.6);--padding-top:0px;--padding-end:0px;--padding-bottom:0px;--padding-start:0px;--background:transparent;--color:initial;--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;padding:0 !important;color:var(--color);font-family:var(--ion-font-family, inherit);z-index:2}ion-item[slot=start].sc-ion-input-md-h,ion-item [slot=start].sc-ion-input-md-h,ion-item[slot=end].sc-ion-input-md-h,ion-item [slot=end].sc-ion-input-md-h{width:auto}.ion-color.sc-ion-input-md-h{--highlight-color-focused:var(--ion-color-base)}.input-label-placement-floating.sc-ion-input-md-h,.input-label-placement-stacked.sc-ion-input-md-h{min-height:56px}.native-input.sc-ion-input-md{padding-left:0;padding-right:0;padding-top:0;padding-bottom:0;font-family:inherit;font-size:inherit;font-style:inherit;font-weight:inherit;letter-spacing:inherit;text-decoration:inherit;text-indent:inherit;text-overflow:inherit;text-transform:inherit;text-align:inherit;white-space:inherit;color:inherit;display:inline-block;position:relative;-ms-flex:1;flex:1;width:100%;max-width:100%;max-height:100%;border:0;outline:none;background:transparent;-webkit-box-sizing:border-box;box-sizing:border-box;-webkit-appearance:none;-moz-appearance:none;appearance:none;z-index:1}.native-input.sc-ion-input-md::-webkit-input-placeholder{color:var(--placeholder-color);font-family:inherit;font-style:var(--placeholder-font-style);font-weight:var(--placeholder-font-weight);opacity:var(--placeholder-opacity)}.native-input.sc-ion-input-md::-moz-placeholder{color:var(--placeholder-color);font-family:inherit;font-style:var(--placeholder-font-style);font-weight:var(--placeholder-font-weight);opacity:var(--placeholder-opacity)}.native-input.sc-ion-input-md:-ms-input-placeholder{color:var(--placeholder-color);font-family:inherit;font-style:var(--placeholder-font-style);font-weight:var(--placeholder-font-weight);opacity:var(--placeholder-opacity)}.native-input.sc-ion-input-md::-ms-input-placeholder{color:var(--placeholder-color);font-family:inherit;font-style:var(--placeholder-font-style);font-weight:var(--placeholder-font-weight);opacity:var(--placeholder-opacity)}.native-input.sc-ion-input-md::placeholder{color:var(--placeholder-color);font-family:inherit;font-style:var(--placeholder-font-style);font-weight:var(--placeholder-font-weight);opacity:var(--placeholder-opacity)}.native-input.sc-ion-input-md:-webkit-autofill{background-color:transparent}.native-input.sc-ion-input-md:invalid{-webkit-box-shadow:none;box-shadow:none}.native-input.sc-ion-input-md::-ms-clear{display:none}.cloned-input.sc-ion-input-md{top:0;bottom:0;position:absolute;pointer-events:none}.cloned-input.sc-ion-input-md{inset-inline-start:0}.cloned-input.sc-ion-input-md:disabled{opacity:1}.input-clear-icon.sc-ion-input-md{-webkit-margin-start:auto;margin-inline-start:auto;-webkit-margin-end:auto;margin-inline-end:auto;margin-top:auto;margin-bottom:auto;padding-left:0;padding-right:0;padding-top:0;padding-bottom:0;background-position:center;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;width:30px;height:30px;border:0;outline:none;background-color:transparent;background-repeat:no-repeat;color:var(--ion-color-step-600, var(--ion-text-color-step-400, #666666));visibility:hidden;-webkit-appearance:none;-moz-appearance:none;appearance:none}.in-item-color.sc-ion-input-md-h .input-clear-icon.sc-ion-input-md{color:inherit}.input-clear-icon.sc-ion-input-md:focus{opacity:0.5}.has-value.sc-ion-input-md-h .input-clear-icon.sc-ion-input-md{visibility:visible}.input-wrapper.sc-ion-input-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:var(--padding-top);padding-bottom:var(--padding-bottom);border-radius:var(--border-radius);display:-ms-flexbox;display:flex;position:relative;-ms-flex-positive:1;flex-grow:1;-ms-flex-align:stretch;align-items:stretch;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-input-md{display:-ms-flexbox;display:flex;position:relative;-ms-flex-positive:1;flex-grow:1;-ms-flex-align:center;align-items:center;width:100%}.ion-touched.ion-invalid.sc-ion-input-md-h{--highlight-color:var(--highlight-color-invalid)}.ion-valid.sc-ion-input-md-h{--highlight-color:var(--highlight-color-valid)}.input-bottom.sc-ion-input-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-input-md-h,.ion-touched.ion-invalid.sc-ion-input-md-h{--border-color:var(--highlight-color)}.input-bottom.sc-ion-input-md .error-text.sc-ion-input-md{display:none;color:var(--highlight-color-invalid)}.input-bottom.sc-ion-input-md .helper-text.sc-ion-input-md{display:block;color:var(--ion-color-step-550, var(--ion-text-color-step-450, #737373))}.ion-touched.ion-invalid.sc-ion-input-md-h .input-bottom.sc-ion-input-md .error-text.sc-ion-input-md{display:block}.ion-touched.ion-invalid.sc-ion-input-md-h .input-bottom.sc-ion-input-md .helper-text.sc-ion-input-md{display:none}.input-bottom.sc-ion-input-md .counter.sc-ion-input-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}.has-focus.sc-ion-input-md-h input.sc-ion-input-md{caret-color:var(--highlight-color)}.label-text-wrapper.sc-ion-input-md{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;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-input-md,.sc-ion-input-md-s>[slot=label]{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.label-text-wrapper-hidden.sc-ion-input-md,.input-outline-notch-hidden.sc-ion-input-md{display:none}.input-wrapper.sc-ion-input-md input.sc-ion-input-md{-webkit-transition:opacity 150ms cubic-bezier(0.4, 0, 0.2, 1);transition:opacity 150ms cubic-bezier(0.4, 0, 0.2, 1)}.input-label-placement-start.sc-ion-input-md-h .input-wrapper.sc-ion-input-md{-ms-flex-direction:row;flex-direction:row}.input-label-placement-start.sc-ion-input-md-h .label-text-wrapper.sc-ion-input-md{-webkit-margin-start:0;margin-inline-start:0;-webkit-margin-end:16px;margin-inline-end:16px;margin-top:0;margin-bottom:0}.input-label-placement-end.sc-ion-input-md-h .input-wrapper.sc-ion-input-md{-ms-flex-direction:row-reverse;flex-direction:row-reverse}.input-label-placement-end.sc-ion-input-md-h .label-text-wrapper.sc-ion-input-md{-webkit-margin-start:16px;margin-inline-start:16px;-webkit-margin-end:0;margin-inline-end:0;margin-top:0;margin-bottom:0}.input-label-placement-fixed.sc-ion-input-md-h .label-text-wrapper.sc-ion-input-md{-webkit-margin-start:0;margin-inline-start:0;-webkit-margin-end:16px;margin-inline-end:16px;margin-top:0;margin-bottom:0}.input-label-placement-fixed.sc-ion-input-md-h .label-text.sc-ion-input-md{-ms-flex:0 0 100px;flex:0 0 100px;width:100px;min-width:100px;max-width:200px}.input-label-placement-stacked.sc-ion-input-md-h .input-wrapper.sc-ion-input-md,.input-label-placement-floating.sc-ion-input-md-h .input-wrapper.sc-ion-input-md{-ms-flex-direction:column;flex-direction:column;-ms-flex-align:start;align-items:start}.input-label-placement-stacked.sc-ion-input-md-h .label-text-wrapper.sc-ion-input-md,.input-label-placement-floating.sc-ion-input-md-h .label-text-wrapper.sc-ion-input-md{-webkit-transform-origin:left top;transform-origin:left top;max-width:100%;z-index:2}[dir=rtl].sc-ion-input-md-h -no-combinator.input-label-placement-stacked.sc-ion-input-md-h .label-text-wrapper.sc-ion-input-md,[dir=rtl] .sc-ion-input-md-h -no-combinator.input-label-placement-stacked.sc-ion-input-md-h .label-text-wrapper.sc-ion-input-md,[dir=rtl].input-label-placement-stacked.sc-ion-input-md-h .label-text-wrapper.sc-ion-input-md,[dir=rtl] .input-label-placement-stacked.sc-ion-input-md-h .label-text-wrapper.sc-ion-input-md,[dir=rtl].sc-ion-input-md-h -no-combinator.input-label-placement-floating.sc-ion-input-md-h .label-text-wrapper.sc-ion-input-md,[dir=rtl] .sc-ion-input-md-h -no-combinator.input-label-placement-floating.sc-ion-input-md-h .label-text-wrapper.sc-ion-input-md,[dir=rtl].input-label-placement-floating.sc-ion-input-md-h .label-text-wrapper.sc-ion-input-md,[dir=rtl] .input-label-placement-floating.sc-ion-input-md-h .label-text-wrapper.sc-ion-input-md{-webkit-transform-origin:right top;transform-origin:right top}@supports selector(:dir(rtl)){.input-label-placement-stacked.sc-ion-input-md-h:dir(rtl) .label-text-wrapper.sc-ion-input-md,.input-label-placement-floating.sc-ion-input-md-h:dir(rtl) .label-text-wrapper.sc-ion-input-md{-webkit-transform-origin:right top;transform-origin:right top}}.input-label-placement-stacked.sc-ion-input-md-h input.sc-ion-input-md,.input-label-placement-floating.sc-ion-input-md-h input.sc-ion-input-md{margin-left:0;margin-right:0;margin-top:1px;margin-bottom:0}.input-label-placement-floating.sc-ion-input-md-h .label-text-wrapper.sc-ion-input-md{-webkit-transform:translateY(100%) scale(1);transform:translateY(100%) scale(1)}.input-label-placement-floating.sc-ion-input-md-h input.sc-ion-input-md{opacity:0}.has-focus.input-label-placement-floating.sc-ion-input-md-h input.sc-ion-input-md,.has-value.input-label-placement-floating.sc-ion-input-md-h input.sc-ion-input-md{opacity:1}.label-floating.sc-ion-input-md-h .label-text-wrapper.sc-ion-input-md{-webkit-transform:translateY(50%) scale(0.75);transform:translateY(50%) scale(0.75);max-width:calc(100% / 0.75)}.sc-ion-input-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-input-md-s>[slot=end]:first-of-type{-webkit-margin-start:16px;margin-inline-start:16px;-webkit-margin-end:0;margin-inline-end:0}.input-fill-solid.sc-ion-input-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}.input-fill-solid.sc-ion-input-md-h .input-wrapper.sc-ion-input-md{border-bottom:var(--border-width) var(--border-style) var(--border-color)}.has-focus.input-fill-solid.ion-valid.sc-ion-input-md-h,.input-fill-solid.ion-touched.ion-invalid.sc-ion-input-md-h{--border-color:var(--highlight-color)}.input-fill-solid.sc-ion-input-md-h .input-bottom.sc-ion-input-md{border-top:none}@media (any-hover: hover){.input-fill-solid.sc-ion-input-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))}}.input-fill-solid.has-focus.sc-ion-input-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))}.input-fill-solid.sc-ion-input-md-h .input-wrapper.sc-ion-input-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.input-fill-solid.input-label-placement-floating.sc-ion-input-md-h .label-text-wrapper.sc-ion-input-md{max-width:calc(100% / 0.75)}.input-fill-outline.sc-ion-input-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}.input-fill-outline.input-shape-round.sc-ion-input-md-h{--border-radius:28px;--padding-start:32px;--padding-end:32px}.has-focus.input-fill-outline.ion-valid.sc-ion-input-md-h,.input-fill-outline.ion-touched.ion-invalid.sc-ion-input-md-h{--border-color:var(--highlight-color)}@media (any-hover: hover){.input-fill-outline.sc-ion-input-md-h:hover{--border-color:var(--ion-color-step-750, var(--ion-background-color-step-750, #404040))}}.input-fill-outline.has-focus.sc-ion-input-md-h{--border-width:var(--highlight-height);--border-color:var(--highlight-color)}.input-fill-outline.sc-ion-input-md-h .input-bottom.sc-ion-input-md{border-top:none}.input-fill-outline.sc-ion-input-md-h .input-wrapper.sc-ion-input-md{border-bottom:none}.input-fill-outline.input-label-placement-stacked.sc-ion-input-md-h .label-text-wrapper.sc-ion-input-md,.input-fill-outline.input-label-placement-floating.sc-ion-input-md-h .label-text-wrapper.sc-ion-input-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-input-md-h -no-combinator.input-fill-outline.input-label-placement-stacked.sc-ion-input-md-h .label-text-wrapper.sc-ion-input-md,[dir=rtl] .sc-ion-input-md-h -no-combinator.input-fill-outline.input-label-placement-stacked.sc-ion-input-md-h .label-text-wrapper.sc-ion-input-md,[dir=rtl].input-fill-outline.input-label-placement-stacked.sc-ion-input-md-h .label-text-wrapper.sc-ion-input-md,[dir=rtl] .input-fill-outline.input-label-placement-stacked.sc-ion-input-md-h .label-text-wrapper.sc-ion-input-md,[dir=rtl].sc-ion-input-md-h -no-combinator.input-fill-outline.input-label-placement-floating.sc-ion-input-md-h .label-text-wrapper.sc-ion-input-md,[dir=rtl] .sc-ion-input-md-h -no-combinator.input-fill-outline.input-label-placement-floating.sc-ion-input-md-h .label-text-wrapper.sc-ion-input-md,[dir=rtl].input-fill-outline.input-label-placement-floating.sc-ion-input-md-h .label-text-wrapper.sc-ion-input-md,[dir=rtl] .input-fill-outline.input-label-placement-floating.sc-ion-input-md-h .label-text-wrapper.sc-ion-input-md{-webkit-transform-origin:right top;transform-origin:right top}@supports selector(:dir(rtl)){.input-fill-outline.input-label-placement-stacked.sc-ion-input-md-h:dir(rtl) .label-text-wrapper.sc-ion-input-md,.input-fill-outline.input-label-placement-floating.sc-ion-input-md-h:dir(rtl) .label-text-wrapper.sc-ion-input-md{-webkit-transform-origin:right top;transform-origin:right top}}.input-fill-outline.sc-ion-input-md-h .label-text-wrapper.sc-ion-input-md{position:relative}.label-floating.input-fill-outline.sc-ion-input-md-h .label-text-wrapper.sc-ion-input-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((100% - var(--padding-start) - var(--padding-end) - 8px) / 0.75)}.input-fill-outline.input-label-placement-stacked.sc-ion-input-md-h input.sc-ion-input-md,.input-fill-outline.input-label-placement-floating.sc-ion-input-md-h input.sc-ion-input-md{margin-left:0;margin-right:0;margin-top:6px;margin-bottom:6px}.input-fill-outline.sc-ion-input-md-h .input-outline-container.sc-ion-input-md{left:0;right:0;top:0;bottom:0;display:-ms-flexbox;display:flex;position:absolute;width:100%;height:100%}.input-fill-outline.sc-ion-input-md-h .input-outline-start.sc-ion-input-md,.input-fill-outline.sc-ion-input-md-h .input-outline-end.sc-ion-input-md{pointer-events:none}.input-fill-outline.sc-ion-input-md-h .input-outline-start.sc-ion-input-md,.input-fill-outline.sc-ion-input-md-h .input-outline-notch.sc-ion-input-md,.input-fill-outline.sc-ion-input-md-h .input-outline-end.sc-ion-input-md{border-top:var(--border-width) var(--border-style) var(--border-color);border-bottom:var(--border-width) var(--border-style) var(--border-color)}.input-fill-outline.sc-ion-input-md-h .input-outline-notch.sc-ion-input-md{max-width:calc(100% - var(--padding-start) - var(--padding-end))}.input-fill-outline.sc-ion-input-md-h .notch-spacer.sc-ion-input-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}.input-fill-outline.sc-ion-input-md-h .input-outline-start.sc-ion-input-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)}.input-fill-outline.sc-ion-input-md-h .input-outline-end.sc-ion-input-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.input-fill-outline.sc-ion-input-md-h .input-outline-notch.sc-ion-input-md{border-top:none}.sc-ion-input-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)))));--highlight-height:2px;font-size:inherit}.input-clear-icon.sc-ion-input-md ion-icon.sc-ion-input-md{width:22px;height:22px}.input-disabled.sc-ion-input-md-h{opacity:0.38}.has-focus.ion-valid.sc-ion-input-md-h,.ion-touched.ion-invalid.sc-ion-input-md-h{--border-color:var(--highlight-color)}.input-bottom.sc-ion-input-md .counter.sc-ion-input-md{letter-spacing:0.0333333333em}.input-label-placement-floating.has-focus.sc-ion-input-md-h .label-text-wrapper.sc-ion-input-md,.input-label-placement-stacked.has-focus.sc-ion-input-md-h .label-text-wrapper.sc-ion-input-md{color:var(--highlight-color)}.has-focus.input-label-placement-floating.ion-valid.sc-ion-input-md-h .label-text-wrapper.sc-ion-input-md,.input-label-placement-floating.ion-touched.ion-invalid.sc-ion-input-md-h .label-text-wrapper.sc-ion-input-md,.has-focus.input-label-placement-stacked.ion-valid.sc-ion-input-md-h .label-text-wrapper.sc-ion-input-md,.input-label-placement-stacked.ion-touched.ion-invalid.sc-ion-input-md-h .label-text-wrapper.sc-ion-input-md{color:var(--highlight-color)}.input-highlight.sc-ion-input-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)}.input-highlight.sc-ion-input-md{inset-inline-start:0}.has-focus.sc-ion-input-md-h .input-highlight.sc-ion-input-md{-webkit-transform:scale(1);transform:scale(1)}.in-item.sc-ion-input-md-h .input-highlight.sc-ion-input-md{bottom:0}.in-item.sc-ion-input-md-h .input-highlight.sc-ion-input-md{inset-inline-start:0}.input-shape-round.sc-ion-input-md-h{--border-radius:16px}.sc-ion-input-md-s>ion-button[slot=start].button-has-icon-only,.sc-ion-input-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}";
20683
+ const inputMdCss = ".sc-ion-input-md-h{--placeholder-color:initial;--placeholder-font-style:initial;--placeholder-font-weight:initial;--placeholder-opacity:var(--ion-placeholder-opacity, 0.6);--padding-top:0px;--padding-end:0px;--padding-bottom:0px;--padding-start:0px;--background:transparent;--color:initial;--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;padding:0 !important;color:var(--color);font-family:var(--ion-font-family, inherit);z-index:2}ion-item[slot=start].sc-ion-input-md-h,ion-item [slot=start].sc-ion-input-md-h,ion-item[slot=end].sc-ion-input-md-h,ion-item [slot=end].sc-ion-input-md-h{width:auto}.ion-color.sc-ion-input-md-h{--highlight-color-focused:var(--ion-color-base)}.input-label-placement-floating.sc-ion-input-md-h,.input-label-placement-stacked.sc-ion-input-md-h{min-height:56px}.native-input.sc-ion-input-md{padding-left:0;padding-right:0;padding-top:0;padding-bottom:0;font-family:inherit;font-size:inherit;font-style:inherit;font-weight:inherit;letter-spacing:inherit;text-decoration:inherit;text-indent:inherit;text-overflow:inherit;text-transform:inherit;text-align:inherit;white-space:inherit;color:inherit;display:inline-block;position:relative;-ms-flex:1;flex:1;width:100%;max-width:100%;max-height:100%;border:0;outline:none;background:transparent;-webkit-box-sizing:border-box;box-sizing:border-box;-webkit-appearance:none;-moz-appearance:none;appearance:none;z-index:1}.native-input.sc-ion-input-md::-webkit-input-placeholder{color:var(--placeholder-color);font-family:inherit;font-style:var(--placeholder-font-style);font-weight:var(--placeholder-font-weight);opacity:var(--placeholder-opacity)}.native-input.sc-ion-input-md::-moz-placeholder{color:var(--placeholder-color);font-family:inherit;font-style:var(--placeholder-font-style);font-weight:var(--placeholder-font-weight);opacity:var(--placeholder-opacity)}.native-input.sc-ion-input-md:-ms-input-placeholder{color:var(--placeholder-color);font-family:inherit;font-style:var(--placeholder-font-style);font-weight:var(--placeholder-font-weight);opacity:var(--placeholder-opacity)}.native-input.sc-ion-input-md::-ms-input-placeholder{color:var(--placeholder-color);font-family:inherit;font-style:var(--placeholder-font-style);font-weight:var(--placeholder-font-weight);opacity:var(--placeholder-opacity)}.native-input.sc-ion-input-md::placeholder{color:var(--placeholder-color);font-family:inherit;font-style:var(--placeholder-font-style);font-weight:var(--placeholder-font-weight);opacity:var(--placeholder-opacity)}.native-input.sc-ion-input-md:-webkit-autofill{background-color:transparent}.native-input.sc-ion-input-md:invalid{-webkit-box-shadow:none;box-shadow:none}.native-input.sc-ion-input-md::-ms-clear{display:none}.cloned-input.sc-ion-input-md{top:0;bottom:0;position:absolute;pointer-events:none}.cloned-input.sc-ion-input-md{inset-inline-start:0}.cloned-input.sc-ion-input-md:disabled{opacity:1}.input-clear-icon.sc-ion-input-md{-webkit-margin-start:auto;margin-inline-start:auto;-webkit-margin-end:auto;margin-inline-end:auto;margin-top:auto;margin-bottom:auto;padding-left:0;padding-right:0;padding-top:0;padding-bottom:0;background-position:center;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;width:30px;height:30px;border:0;outline:none;background-color:transparent;background-repeat:no-repeat;color:var(--ion-color-step-600, var(--ion-text-color-step-400, #666666));visibility:hidden;-webkit-appearance:none;-moz-appearance:none;appearance:none}.in-item-color.sc-ion-input-md-h .input-clear-icon.sc-ion-input-md{color:inherit}.input-clear-icon.sc-ion-input-md:focus{opacity:0.5}.has-value.sc-ion-input-md-h .input-clear-icon.sc-ion-input-md{visibility:visible}.input-wrapper.sc-ion-input-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:var(--padding-top);padding-bottom:var(--padding-bottom);border-radius:var(--border-radius);display:-ms-flexbox;display:flex;position:relative;-ms-flex-positive:1;flex-grow:1;-ms-flex-align:stretch;align-items:stretch;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-input-md{display:-ms-flexbox;display:flex;position:relative;-ms-flex-positive:1;flex-grow:1;-ms-flex-align:center;align-items:center;width:100%}.ion-touched.ion-invalid.sc-ion-input-md-h{--highlight-color:var(--highlight-color-invalid)}.ion-valid.sc-ion-input-md-h{--highlight-color:var(--highlight-color-valid)}.input-bottom.sc-ion-input-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-input-md-h,.ion-touched.ion-invalid.sc-ion-input-md-h{--border-color:var(--highlight-color)}.input-bottom.sc-ion-input-md .error-text.sc-ion-input-md{display:none;color:var(--highlight-color-invalid)}.input-bottom.sc-ion-input-md .helper-text.sc-ion-input-md{display:block;color:var(--ion-color-step-550, var(--ion-text-color-step-450, #737373))}.ion-touched.ion-invalid.sc-ion-input-md-h .input-bottom.sc-ion-input-md .error-text.sc-ion-input-md{display:block}.ion-touched.ion-invalid.sc-ion-input-md-h .input-bottom.sc-ion-input-md .helper-text.sc-ion-input-md{display:none}.input-bottom.sc-ion-input-md .counter.sc-ion-input-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}.has-focus.sc-ion-input-md-h input.sc-ion-input-md{caret-color:var(--highlight-color)}.label-text-wrapper.sc-ion-input-md{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;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-input-md,.sc-ion-input-md-s>[slot=label]{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.label-text-wrapper-hidden.sc-ion-input-md,.input-outline-notch-hidden.sc-ion-input-md{display:none}.input-wrapper.sc-ion-input-md input.sc-ion-input-md{-webkit-transition:opacity 150ms cubic-bezier(0.4, 0, 0.2, 1);transition:opacity 150ms cubic-bezier(0.4, 0, 0.2, 1)}.input-label-placement-start.sc-ion-input-md-h .input-wrapper.sc-ion-input-md{-ms-flex-direction:row;flex-direction:row}.input-label-placement-start.sc-ion-input-md-h .label-text-wrapper.sc-ion-input-md{-webkit-margin-start:0;margin-inline-start:0;-webkit-margin-end:16px;margin-inline-end:16px;margin-top:0;margin-bottom:0}.input-label-placement-end.sc-ion-input-md-h .input-wrapper.sc-ion-input-md{-ms-flex-direction:row-reverse;flex-direction:row-reverse}.input-label-placement-end.sc-ion-input-md-h .label-text-wrapper.sc-ion-input-md{-webkit-margin-start:16px;margin-inline-start:16px;-webkit-margin-end:0;margin-inline-end:0;margin-top:0;margin-bottom:0}.input-label-placement-fixed.sc-ion-input-md-h .label-text-wrapper.sc-ion-input-md{-webkit-margin-start:0;margin-inline-start:0;-webkit-margin-end:16px;margin-inline-end:16px;margin-top:0;margin-bottom:0}.input-label-placement-fixed.sc-ion-input-md-h .label-text.sc-ion-input-md{-ms-flex:0 0 100px;flex:0 0 100px;width:100px;min-width:100px;max-width:200px}.input-label-placement-stacked.sc-ion-input-md-h .input-wrapper.sc-ion-input-md,.input-label-placement-floating.sc-ion-input-md-h .input-wrapper.sc-ion-input-md{-ms-flex-direction:column;flex-direction:column;-ms-flex-align:start;align-items:start}.input-label-placement-stacked.sc-ion-input-md-h .label-text-wrapper.sc-ion-input-md,.input-label-placement-floating.sc-ion-input-md-h .label-text-wrapper.sc-ion-input-md{-webkit-transform-origin:left top;transform-origin:left top;max-width:100%;z-index:2}[dir=rtl].sc-ion-input-md-h -no-combinator.input-label-placement-stacked.sc-ion-input-md-h .label-text-wrapper.sc-ion-input-md,[dir=rtl] .sc-ion-input-md-h -no-combinator.input-label-placement-stacked.sc-ion-input-md-h .label-text-wrapper.sc-ion-input-md,[dir=rtl].input-label-placement-stacked.sc-ion-input-md-h .label-text-wrapper.sc-ion-input-md,[dir=rtl] .input-label-placement-stacked.sc-ion-input-md-h .label-text-wrapper.sc-ion-input-md,[dir=rtl].sc-ion-input-md-h -no-combinator.input-label-placement-floating.sc-ion-input-md-h .label-text-wrapper.sc-ion-input-md,[dir=rtl] .sc-ion-input-md-h -no-combinator.input-label-placement-floating.sc-ion-input-md-h .label-text-wrapper.sc-ion-input-md,[dir=rtl].input-label-placement-floating.sc-ion-input-md-h .label-text-wrapper.sc-ion-input-md,[dir=rtl] .input-label-placement-floating.sc-ion-input-md-h .label-text-wrapper.sc-ion-input-md{-webkit-transform-origin:right top;transform-origin:right top}@supports selector(:dir(rtl)){.input-label-placement-stacked.sc-ion-input-md-h:dir(rtl) .label-text-wrapper.sc-ion-input-md,.input-label-placement-floating.sc-ion-input-md-h:dir(rtl) .label-text-wrapper.sc-ion-input-md{-webkit-transform-origin:right top;transform-origin:right top}}.input-label-placement-stacked.sc-ion-input-md-h input.sc-ion-input-md,.input-label-placement-floating.sc-ion-input-md-h input.sc-ion-input-md{margin-left:0;margin-right:0;margin-top:1px;margin-bottom:0}.input-label-placement-floating.sc-ion-input-md-h .label-text-wrapper.sc-ion-input-md{-webkit-transform:translateY(100%) scale(1);transform:translateY(100%) scale(1)}.input-label-placement-floating.sc-ion-input-md-h input.sc-ion-input-md{opacity:0}.has-focus.input-label-placement-floating.sc-ion-input-md-h input.sc-ion-input-md,.has-value.input-label-placement-floating.sc-ion-input-md-h input.sc-ion-input-md{opacity:1}.label-floating.sc-ion-input-md-h .label-text-wrapper.sc-ion-input-md{-webkit-transform:translateY(50%) scale(0.75);transform:translateY(50%) scale(0.75);max-width:calc(100% / 0.75)}.sc-ion-input-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-input-md-s>[slot=end]:first-of-type{-webkit-margin-start:16px;margin-inline-start:16px;-webkit-margin-end:0;margin-inline-end:0}.sc-ion-input-md-h[disabled].sc-ion-input-md-s>ion-input-password-toggle,.sc-ion-input-md-h[disabled] .sc-ion-input-md-s>ion-input-password-toggle,.sc-ion-input-md-h[readonly].sc-ion-input-md-s>ion-input-password-toggle,.sc-ion-input-md-h[readonly] .sc-ion-input-md-s>ion-input-password-toggle{display:none}.input-fill-solid.sc-ion-input-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}.input-fill-solid.sc-ion-input-md-h .input-wrapper.sc-ion-input-md{border-bottom:var(--border-width) var(--border-style) var(--border-color)}.has-focus.input-fill-solid.ion-valid.sc-ion-input-md-h,.input-fill-solid.ion-touched.ion-invalid.sc-ion-input-md-h{--border-color:var(--highlight-color)}.input-fill-solid.sc-ion-input-md-h .input-bottom.sc-ion-input-md{border-top:none}@media (any-hover: hover){.input-fill-solid.sc-ion-input-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))}}.input-fill-solid.has-focus.sc-ion-input-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))}.input-fill-solid.sc-ion-input-md-h .input-wrapper.sc-ion-input-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.input-fill-solid.input-label-placement-floating.sc-ion-input-md-h .label-text-wrapper.sc-ion-input-md{max-width:calc(100% / 0.75)}.input-fill-outline.sc-ion-input-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}.input-fill-outline.input-shape-round.sc-ion-input-md-h{--border-radius:28px;--padding-start:32px;--padding-end:32px}.has-focus.input-fill-outline.ion-valid.sc-ion-input-md-h,.input-fill-outline.ion-touched.ion-invalid.sc-ion-input-md-h{--border-color:var(--highlight-color)}@media (any-hover: hover){.input-fill-outline.sc-ion-input-md-h:hover{--border-color:var(--ion-color-step-750, var(--ion-background-color-step-750, #404040))}}.input-fill-outline.has-focus.sc-ion-input-md-h{--border-width:var(--highlight-height);--border-color:var(--highlight-color)}.input-fill-outline.sc-ion-input-md-h .input-bottom.sc-ion-input-md{border-top:none}.input-fill-outline.sc-ion-input-md-h .input-wrapper.sc-ion-input-md{border-bottom:none}.input-fill-outline.input-label-placement-stacked.sc-ion-input-md-h .label-text-wrapper.sc-ion-input-md,.input-fill-outline.input-label-placement-floating.sc-ion-input-md-h .label-text-wrapper.sc-ion-input-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-input-md-h -no-combinator.input-fill-outline.input-label-placement-stacked.sc-ion-input-md-h .label-text-wrapper.sc-ion-input-md,[dir=rtl] .sc-ion-input-md-h -no-combinator.input-fill-outline.input-label-placement-stacked.sc-ion-input-md-h .label-text-wrapper.sc-ion-input-md,[dir=rtl].input-fill-outline.input-label-placement-stacked.sc-ion-input-md-h .label-text-wrapper.sc-ion-input-md,[dir=rtl] .input-fill-outline.input-label-placement-stacked.sc-ion-input-md-h .label-text-wrapper.sc-ion-input-md,[dir=rtl].sc-ion-input-md-h -no-combinator.input-fill-outline.input-label-placement-floating.sc-ion-input-md-h .label-text-wrapper.sc-ion-input-md,[dir=rtl] .sc-ion-input-md-h -no-combinator.input-fill-outline.input-label-placement-floating.sc-ion-input-md-h .label-text-wrapper.sc-ion-input-md,[dir=rtl].input-fill-outline.input-label-placement-floating.sc-ion-input-md-h .label-text-wrapper.sc-ion-input-md,[dir=rtl] .input-fill-outline.input-label-placement-floating.sc-ion-input-md-h .label-text-wrapper.sc-ion-input-md{-webkit-transform-origin:right top;transform-origin:right top}@supports selector(:dir(rtl)){.input-fill-outline.input-label-placement-stacked.sc-ion-input-md-h:dir(rtl) .label-text-wrapper.sc-ion-input-md,.input-fill-outline.input-label-placement-floating.sc-ion-input-md-h:dir(rtl) .label-text-wrapper.sc-ion-input-md{-webkit-transform-origin:right top;transform-origin:right top}}.input-fill-outline.sc-ion-input-md-h .label-text-wrapper.sc-ion-input-md{position:relative}.label-floating.input-fill-outline.sc-ion-input-md-h .label-text-wrapper.sc-ion-input-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((100% - var(--padding-start) - var(--padding-end) - 8px) / 0.75)}.input-fill-outline.input-label-placement-stacked.sc-ion-input-md-h input.sc-ion-input-md,.input-fill-outline.input-label-placement-floating.sc-ion-input-md-h input.sc-ion-input-md{margin-left:0;margin-right:0;margin-top:6px;margin-bottom:6px}.input-fill-outline.sc-ion-input-md-h .input-outline-container.sc-ion-input-md{left:0;right:0;top:0;bottom:0;display:-ms-flexbox;display:flex;position:absolute;width:100%;height:100%}.input-fill-outline.sc-ion-input-md-h .input-outline-start.sc-ion-input-md,.input-fill-outline.sc-ion-input-md-h .input-outline-end.sc-ion-input-md{pointer-events:none}.input-fill-outline.sc-ion-input-md-h .input-outline-start.sc-ion-input-md,.input-fill-outline.sc-ion-input-md-h .input-outline-notch.sc-ion-input-md,.input-fill-outline.sc-ion-input-md-h .input-outline-end.sc-ion-input-md{border-top:var(--border-width) var(--border-style) var(--border-color);border-bottom:var(--border-width) var(--border-style) var(--border-color)}.input-fill-outline.sc-ion-input-md-h .input-outline-notch.sc-ion-input-md{max-width:calc(100% - var(--padding-start) - var(--padding-end))}.input-fill-outline.sc-ion-input-md-h .notch-spacer.sc-ion-input-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}.input-fill-outline.sc-ion-input-md-h .input-outline-start.sc-ion-input-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)}.input-fill-outline.sc-ion-input-md-h .input-outline-end.sc-ion-input-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.input-fill-outline.sc-ion-input-md-h .input-outline-notch.sc-ion-input-md{border-top:none}.sc-ion-input-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)))));--highlight-height:2px;font-size:inherit}.input-clear-icon.sc-ion-input-md ion-icon.sc-ion-input-md{width:22px;height:22px}.input-disabled.sc-ion-input-md-h{opacity:0.38}.has-focus.ion-valid.sc-ion-input-md-h,.ion-touched.ion-invalid.sc-ion-input-md-h{--border-color:var(--highlight-color)}.input-bottom.sc-ion-input-md .counter.sc-ion-input-md{letter-spacing:0.0333333333em}.input-label-placement-floating.has-focus.sc-ion-input-md-h .label-text-wrapper.sc-ion-input-md,.input-label-placement-stacked.has-focus.sc-ion-input-md-h .label-text-wrapper.sc-ion-input-md{color:var(--highlight-color)}.has-focus.input-label-placement-floating.ion-valid.sc-ion-input-md-h .label-text-wrapper.sc-ion-input-md,.input-label-placement-floating.ion-touched.ion-invalid.sc-ion-input-md-h .label-text-wrapper.sc-ion-input-md,.has-focus.input-label-placement-stacked.ion-valid.sc-ion-input-md-h .label-text-wrapper.sc-ion-input-md,.input-label-placement-stacked.ion-touched.ion-invalid.sc-ion-input-md-h .label-text-wrapper.sc-ion-input-md{color:var(--highlight-color)}.input-highlight.sc-ion-input-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)}.input-highlight.sc-ion-input-md{inset-inline-start:0}.has-focus.sc-ion-input-md-h .input-highlight.sc-ion-input-md{-webkit-transform:scale(1);transform:scale(1)}.in-item.sc-ion-input-md-h .input-highlight.sc-ion-input-md{bottom:0}.in-item.sc-ion-input-md-h .input-highlight.sc-ion-input-md{inset-inline-start:0}.input-shape-round.sc-ion-input-md-h{--border-radius:16px}.sc-ion-input-md-s>ion-button[slot=start].button-has-icon-only,.sc-ion-input-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}";
20682
20684
  var IonInputMdStyle0 = inputMdCss;
20683
20685
 
20684
20686
  /**
@@ -20795,6 +20797,17 @@ class Input {
20795
20797
  */
20796
20798
  this.ionInput = debounce === undefined ? originalIonInput !== null && originalIonInput !== void 0 ? originalIonInput : ionInput : debounceEvent(ionInput, debounce);
20797
20799
  }
20800
+ /**
20801
+ * Whenever the type on the input changes we need
20802
+ * to update the internal type prop on the password
20803
+ * toggle so that that correct icon is shown.
20804
+ */
20805
+ onTypeChange() {
20806
+ const passwordToggle = this.el.querySelector('ion-input-password-toggle');
20807
+ if (passwordToggle) {
20808
+ passwordToggle.type = this.type;
20809
+ }
20810
+ }
20798
20811
  /**
20799
20812
  * Update the native input element when the value changes
20800
20813
  */
@@ -20824,6 +20837,13 @@ class Input {
20824
20837
  }
20825
20838
  componentDidLoad() {
20826
20839
  this.originalIonInput = this.ionInput;
20840
+ /**
20841
+ * Set the type on the password toggle in the event that this input's
20842
+ * type was set async and does not match the default type for the password toggle.
20843
+ * This can happen when the type is bound using a JS framework binding syntax
20844
+ * such as [type] in Angular.
20845
+ */
20846
+ this.onTypeChange();
20827
20847
  }
20828
20848
  componentDidRender() {
20829
20849
  var _a;
@@ -21045,7 +21065,7 @@ class Input {
21045
21065
  * TODO(FW-5592): Remove hasStartEndSlots condition
21046
21066
  */
21047
21067
  const labelShouldFloat = labelPlacement === 'stacked' || (labelPlacement === 'floating' && (hasValue || hasFocus || hasStartEndSlots));
21048
- return (hAsync(Host, { key: '9bcc480d281ce2b61f3aca55e56623210efb06a7', class: createColorClasses$1(this.color, {
21068
+ return (hAsync(Host, { key: '42c0be98d5a74b40ba8f99b4185827e85ddf62cc', class: createColorClasses$1(this.color, {
21049
21069
  [theme]: true,
21050
21070
  'has-value': hasValue,
21051
21071
  'has-focus': hasFocus,
@@ -21056,18 +21076,19 @@ class Input {
21056
21076
  'in-item': inItem,
21057
21077
  'in-item-color': hostContext('ion-item.ion-color', this.el),
21058
21078
  'input-disabled': disabled,
21059
- }) }, hAsync("label", { key: '530e2235871cfcc1f5b1df85c713c9c7e8e1cb4b', class: "input-wrapper", htmlFor: inputId }, this.renderLabelContainer(), hAsync("div", { key: '902fcf35a8c2ec6290683140e29b3c05daee5351', class: "native-wrapper" }, hAsync("slot", { key: 'd0035f8efbfaaa65040b12bcfde81bc4404ae3b1', name: "start" }), hAsync("input", Object.assign({ key: '325bc0cb301ec34ca5161f4d09a7821d82cac67b', class: "native-input", ref: (input) => (this.nativeInput = input), id: inputId, disabled: disabled, autoCapitalize: this.autocapitalize, autoComplete: this.autocomplete, autoCorrect: this.autocorrect, autoFocus: this.autofocus, enterKeyHint: this.enterkeyhint, inputMode: this.inputmode, min: this.min, max: this.max, minLength: this.minlength, maxLength: this.maxlength, multiple: this.multiple, name: this.name, pattern: this.pattern, placeholder: this.placeholder || '', readOnly: readonly, required: this.required, spellcheck: this.spellcheck, step: this.step, type: this.type, value: value, onInput: this.onInput, onChange: this.onChange, onBlur: this.onBlur, onFocus: this.onFocus, onKeyDown: this.onKeydown, onCompositionstart: this.onCompositionStart, onCompositionend: this.onCompositionEnd }, this.inheritedAttributes)), this.clearInput && !readonly && !disabled && (hAsync("button", { "aria-label": "reset", type: "button", class: "input-clear-icon", onPointerDown: (ev) => {
21079
+ }) }, hAsync("label", { key: '480d0fef3946236d65ebe1c2eac1496f09af89df', class: "input-wrapper", htmlFor: inputId }, this.renderLabelContainer(), hAsync("div", { key: 'a41b5a34f52cca3bee4f18578d9208cb0f7876b9', class: "native-wrapper" }, hAsync("slot", { key: '164558780e96f5027deb7999d305c16294c278de', name: "start" }), hAsync("input", Object.assign({ key: 'ec5fd06e62d8a6d2ee38fb68cf1e8d2213d588dd', class: "native-input", ref: (input) => (this.nativeInput = input), id: inputId, disabled: disabled, autoCapitalize: this.autocapitalize, autoComplete: this.autocomplete, autoCorrect: this.autocorrect, autoFocus: this.autofocus, enterKeyHint: this.enterkeyhint, inputMode: this.inputmode, min: this.min, max: this.max, minLength: this.minlength, maxLength: this.maxlength, multiple: this.multiple, name: this.name, pattern: this.pattern, placeholder: this.placeholder || '', readOnly: readonly, required: this.required, spellcheck: this.spellcheck, step: this.step, type: this.type, value: value, onInput: this.onInput, onChange: this.onChange, onBlur: this.onBlur, onFocus: this.onFocus, onKeyDown: this.onKeydown, onCompositionstart: this.onCompositionStart, onCompositionend: this.onCompositionEnd }, this.inheritedAttributes)), this.clearInput && !readonly && !disabled && (hAsync("button", { "aria-label": "reset", type: "button", class: "input-clear-icon", onPointerDown: (ev) => {
21060
21080
  /**
21061
21081
  * This prevents mobile browsers from
21062
21082
  * blurring the input when the clear
21063
21083
  * button is activated.
21064
21084
  */
21065
21085
  ev.preventDefault();
21066
- }, onClick: this.clearTextInput }, hAsync("ion-icon", { "aria-hidden": "true", icon: theme === 'ios' ? closeCircle : closeSharp }))), hAsync("slot", { key: 'd800922c106dd278f1995a736b62e3de1147356a', name: "end" })), shouldRenderHighlight && hAsync("div", { class: "input-highlight" })), this.renderBottomContent()));
21086
+ }, onClick: this.clearTextInput }, hAsync("ion-icon", { "aria-hidden": "true", icon: theme === 'ios' ? closeCircle : closeSharp }))), hAsync("slot", { key: '0902efe8638d48f322df14c018b4ff63d45d0a2d', name: "end" })), shouldRenderHighlight && hAsync("div", { class: "input-highlight" })), this.renderBottomContent()));
21067
21087
  }
21068
21088
  get el() { return getElement(this); }
21069
21089
  static get watchers() { return {
21070
21090
  "debounce": ["debounceChanged"],
21091
+ "type": ["onTypeChange"],
21071
21092
  "value": ["valueChanged"]
21072
21093
  }; }
21073
21094
  static get style() { return {
@@ -21089,7 +21110,7 @@ class Input {
21089
21110
  "counter": [4],
21090
21111
  "counterFormatter": [16],
21091
21112
  "debounce": [2],
21092
- "disabled": [4],
21113
+ "disabled": [516],
21093
21114
  "enterkeyhint": [1],
21094
21115
  "errorText": [1, "error-text"],
21095
21116
  "fill": [1],
@@ -21105,7 +21126,7 @@ class Input {
21105
21126
  "name": [1],
21106
21127
  "pattern": [1],
21107
21128
  "placeholder": [1],
21108
- "readonly": [4],
21129
+ "readonly": [516],
21109
21130
  "required": [4],
21110
21131
  "shape": [1],
21111
21132
  "spellcheck": [4],
@@ -21118,11 +21139,106 @@ class Input {
21118
21139
  },
21119
21140
  "$listeners$": undefined,
21120
21141
  "$lazyBundleId$": "-",
21121
- "$attrsToReflect$": [["color", "color"]]
21142
+ "$attrsToReflect$": [["color", "color"], ["disabled", "disabled"], ["readonly", "readonly"]]
21122
21143
  }; }
21123
21144
  }
21124
21145
  let inputIds = 0;
21125
21146
 
21147
+ const iosInputPasswordToggleCss = "";
21148
+ var IonInputPasswordToggleIosStyle0 = iosInputPasswordToggleCss;
21149
+
21150
+ const mdInputPasswordToggleCss = "";
21151
+ var IonInputPasswordToggleMdStyle0 = mdInputPasswordToggleCss;
21152
+
21153
+ /**
21154
+ * @virtualProp {"ios" | "md"} mode - The mode determines which platform styles to use.
21155
+ */
21156
+ class InputPasswordToggle {
21157
+ constructor(hostRef) {
21158
+ registerInstance(this, hostRef);
21159
+ this.togglePasswordVisibility = () => {
21160
+ const { inputElRef } = this;
21161
+ if (!inputElRef) {
21162
+ return;
21163
+ }
21164
+ inputElRef.type = inputElRef.type === 'text' ? 'password' : 'text';
21165
+ };
21166
+ this.color = undefined;
21167
+ this.showIcon = undefined;
21168
+ this.hideIcon = undefined;
21169
+ this.type = 'password';
21170
+ }
21171
+ /**
21172
+ * Whenever the input type changes we need to re-run validation to ensure the password
21173
+ * toggle is being used with the correct input type. If the application changes the type
21174
+ * outside of this component we also need to re-render so the correct icon is shown.
21175
+ */
21176
+ onTypeChange(newValue) {
21177
+ if (newValue !== 'text' && newValue !== 'password') {
21178
+ printIonWarning(`ion-input-password-toggle only supports inputs of type "text" or "password". Input of type "${newValue}" is not compatible.`, this.el);
21179
+ return;
21180
+ }
21181
+ }
21182
+ connectedCallback() {
21183
+ const { el } = this;
21184
+ const inputElRef = (this.inputElRef = el.closest('ion-input'));
21185
+ if (!inputElRef) {
21186
+ printIonWarning('No ancestor ion-input found for ion-input-password-toggle. This component must be slotted inside of an ion-input.', el);
21187
+ return;
21188
+ }
21189
+ /**
21190
+ * Important: Set the type in connectedCallback because the default value
21191
+ * of this.type may not always be accurate. Usually inputs have the "password" type
21192
+ * but it is possible to have the input to initially have the "text" type. In that scenario
21193
+ * the wrong icon will show briefly before switching to the correct icon. Setting the
21194
+ * type here allows us to avoid that flicker.
21195
+ */
21196
+ this.type = inputElRef.type;
21197
+ }
21198
+ disconnectedCallback() {
21199
+ this.inputElRef = null;
21200
+ }
21201
+ render() {
21202
+ var _a, _b;
21203
+ const { color, type } = this;
21204
+ const mode = getIonMode$1(this);
21205
+ const showPasswordIcon = (_a = this.showIcon) !== null && _a !== void 0 ? _a : eye;
21206
+ const hidePasswordIcon = (_b = this.hideIcon) !== null && _b !== void 0 ? _b : eyeOff;
21207
+ const isPasswordVisible = type === 'text';
21208
+ return (hAsync(Host, { key: '1cb075999e41c2fde3a3d6cafe6f37c9b5429299', class: createColorClasses$1(color, {
21209
+ [mode]: true,
21210
+ }) }, hAsync("ion-button", { key: 'cfaaec221f530ecc475690b6508c2333e32ff609', mode: mode, color: color, fill: "clear", shape: "round", "aria-checked": isPasswordVisible ? 'true' : 'false', "aria-label": "show password", role: "switch", type: "button", onPointerDown: (ev) => {
21211
+ /**
21212
+ * This prevents mobile browsers from
21213
+ * blurring the input when the password toggle
21214
+ * button is activated.
21215
+ */
21216
+ ev.preventDefault();
21217
+ }, onClick: this.togglePasswordVisibility }, hAsync("ion-icon", { key: 'dc0fc5fe8df4df4c145e29b30e589f159aab9cd9', slot: "icon-only", "aria-hidden": "true", icon: isPasswordVisible ? hidePasswordIcon : showPasswordIcon }))));
21218
+ }
21219
+ get el() { return getElement(this); }
21220
+ static get watchers() { return {
21221
+ "type": ["onTypeChange"]
21222
+ }; }
21223
+ static get style() { return {
21224
+ ios: IonInputPasswordToggleIosStyle0,
21225
+ md: IonInputPasswordToggleMdStyle0
21226
+ }; }
21227
+ static get cmpMeta() { return {
21228
+ "$flags$": 41,
21229
+ "$tagName$": "ion-input-password-toggle",
21230
+ "$members$": {
21231
+ "color": [513],
21232
+ "showIcon": [1, "show-icon"],
21233
+ "hideIcon": [1, "hide-icon"],
21234
+ "type": [1025]
21235
+ },
21236
+ "$listeners$": undefined,
21237
+ "$lazyBundleId$": "-",
21238
+ "$attrsToReflect$": [["color", "color"]]
21239
+ }; }
21240
+ }
21241
+
21126
21242
  const ionicItemMdCss = "/*!@:host*/.sc-ion-item-ionic-h{--border-radius:0px;--border-width:0px;--border-style:solid;--padding-top:0px;--padding-bottom:0px;--padding-end:0px;--padding-start:0px;--inner-border-width:0px;--inner-padding-top:0px;--inner-padding-bottom:0px;--inner-padding-start:0px;--inner-padding-end:0px;--inner-box-shadow:none;--detail-icon-color:initial;--detail-icon-font-size:1.25em;--detail-icon-opacity:0.25;--color-activated:var(--color);--color-focused:var(--color);--color-hover:var(--color);--ripple-color:currentColor;-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;display:block;position:relative;-ms-flex-align:center;align-items:center;-ms-flex-pack:justify;justify-content:space-between;outline:none;color:var(--color);font-family:var(--ion-font-family, inherit);text-align:initial;text-decoration:none;overflow:hidden;-webkit-box-sizing:border-box;box-sizing:border-box}/*!@:host(.ion-color) .item-native*/.ion-color.sc-ion-item-ionic-h .item-native.sc-ion-item-ionic{background:var(--ion-color-base);color:var(--ion-color-contrast)}/*!@:host(.ion-color) .item-native,\n:host(.ion-color) .item-inner*/.ion-color.sc-ion-item-ionic-h .item-native.sc-ion-item-ionic,.ion-color.sc-ion-item-ionic-h .item-inner.sc-ion-item-ionic{border-color:var(--ion-color-shade)}/*!@:host(.ion-activated) .item-native*/.ion-activated.sc-ion-item-ionic-h .item-native.sc-ion-item-ionic{color:var(--color-activated)}/*!@:host(.ion-activated) .item-native::after*/.ion-activated.sc-ion-item-ionic-h .item-native.sc-ion-item-ionic::after{background:var(--background-activated);opacity:var(--background-activated-opacity)}/*!@:host(.ion-color.ion-activated) .item-native*/.ion-color.ion-activated.sc-ion-item-ionic-h .item-native.sc-ion-item-ionic{color:var(--ion-color-contrast)}/*!@:host(.ion-focused) .item-native*/.ion-focused.sc-ion-item-ionic-h .item-native.sc-ion-item-ionic{color:var(--color-focused)}/*!@:host(.ion-focused) .item-native::after*/.ion-focused.sc-ion-item-ionic-h .item-native.sc-ion-item-ionic::after{background:var(--background-focused);opacity:var(--background-focused-opacity)}/*!@:host(.ion-color.ion-focused) .item-native*/.ion-color.ion-focused.sc-ion-item-ionic-h .item-native.sc-ion-item-ionic{color:var(--ion-color-contrast)}/*!@:host(.ion-color.ion-focused) .item-native::after*/.ion-color.ion-focused.sc-ion-item-ionic-h .item-native.sc-ion-item-ionic::after{background:var(--ion-color-contrast)}@media (any-hover: hover){/*!@:host(.ion-activatable:not(.ion-focused):hover) .item-native*/.ion-activatable.sc-ion-item-ionic-h:not(.ion-focused):hover .item-native.sc-ion-item-ionic{color:var(--color-hover)}/*!@:host(.ion-activatable:not(.ion-focused):hover) .item-native::after*/.ion-activatable.sc-ion-item-ionic-h:not(.ion-focused):hover .item-native.sc-ion-item-ionic::after{background:var(--background-hover);opacity:var(--background-hover-opacity)}/*!@:host(.ion-color.ion-activatable:not(.ion-focused):hover) .item-native*/.ion-color.ion-activatable.sc-ion-item-ionic-h:not(.ion-focused):hover .item-native.sc-ion-item-ionic{color:var(--ion-color-contrast)}/*!@:host(.ion-color.ion-activatable:not(.ion-focused):hover) .item-native::after*/.ion-color.ion-activatable.sc-ion-item-ionic-h:not(.ion-focused):hover .item-native.sc-ion-item-ionic::after{background:var(--ion-color-contrast)}}/*!@:host(.item-control-needs-pointer-cursor)*/.item-control-needs-pointer-cursor.sc-ion-item-ionic-h{cursor:pointer}/*!@:host(.item-interactive-disabled:not(.item-multiple-inputs))*/.item-interactive-disabled.sc-ion-item-ionic-h:not(.item-multiple-inputs){cursor:default;pointer-events:none}/*!@:host(.item-disabled)*/.item-disabled.sc-ion-item-ionic-h{cursor:default;opacity:0.3;pointer-events:none}/*!@.item-native*/.item-native.sc-ion-item-ionic{border-radius:var(--border-radius);margin-left:0;margin-right:0;margin-top:0;margin-bottom:0;padding-top:var(--padding-top);padding-bottom:var(--padding-bottom);font-family:inherit;font-size:inherit;font-style:inherit;font-weight:inherit;letter-spacing:inherit;text-decoration:inherit;text-indent:inherit;text-overflow:inherit;text-transform:inherit;text-align:inherit;white-space:inherit;color:inherit;padding-right:var(--padding-end);padding-left:calc(var(--padding-start) + var(--ion-safe-area-left, 0px));display:-ms-flexbox;display:flex;position:relative;-ms-flex-align:inherit;align-items:inherit;-ms-flex-pack:inherit;justify-content:inherit;width:100%;min-height:var(--min-height);-webkit-transition:var(--transition);transition:var(--transition);border-width:var(--border-width);border-style:var(--border-style);border-color:var(--border-color);outline:none;background:var(--background);overflow:inherit;z-index:1;-webkit-box-sizing:border-box;box-sizing:border-box}/*!@:host-context([dir=rtl]) .item-native*/[dir=rtl].sc-ion-item-ionic-h .item-native.sc-ion-item-ionic,[dir=rtl] .sc-ion-item-ionic-h .item-native.sc-ion-item-ionic{padding-right:calc(var(--padding-start) + var(--ion-safe-area-right, 0px));padding-left:var(--padding-end)}/*!@[dir=rtl] .item-native*/[dir=rtl].sc-ion-item-ionic .item-native.sc-ion-item-ionic{padding-right:calc(var(--padding-start) + var(--ion-safe-area-right, 0px));padding-left:var(--padding-end)}@supports selector(:dir(rtl)){/*!@.item-native:dir(rtl)*/.item-native.sc-ion-item-ionic:dir(rtl){padding-right:calc(var(--padding-start) + var(--ion-safe-area-right, 0px));padding-left:var(--padding-end)}}/*!@.item-native::-moz-focus-inner*/.item-native.sc-ion-item-ionic::-moz-focus-inner{border:0}/*!@.item-native::after*/.item-native.sc-ion-item-ionic::after{left:0;right:0;top:0;bottom:0;position:absolute;content:\"\";opacity:0;-webkit-transition:var(--transition);transition:var(--transition);z-index:-1}/*!@button,\na*/button.sc-ion-item-ionic,a.sc-ion-item-ionic{cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-user-drag:none}/*!@.item-inner*/.item-inner.sc-ion-item-ionic{margin-left:0;margin-right:0;margin-top:0;margin-bottom:0;padding-top:var(--inner-padding-top);padding-bottom:var(--inner-padding-bottom);padding-right:calc(var(--ion-safe-area-right, 0px) + var(--inner-padding-end));padding-left:var(--inner-padding-start);display:-ms-flexbox;display:flex;position:relative;-ms-flex:1;flex:1;-ms-flex-direction:inherit;flex-direction:inherit;-ms-flex-align:inherit;align-items:inherit;-ms-flex-item-align:stretch;align-self:stretch;min-height:inherit;border-width:var(--inner-border-width);border-style:var(--border-style);border-color:var(--border-color);-webkit-box-shadow:var(--inner-box-shadow);box-shadow:var(--inner-box-shadow);overflow:inherit;-webkit-box-sizing:border-box;box-sizing:border-box}/*!@:host-context([dir=rtl]) .item-inner*/[dir=rtl].sc-ion-item-ionic-h .item-inner.sc-ion-item-ionic,[dir=rtl] .sc-ion-item-ionic-h .item-inner.sc-ion-item-ionic{padding-right:var(--inner-padding-start);padding-left:calc(var(--ion-safe-area-left, 0px) + var(--inner-padding-end))}/*!@[dir=rtl] .item-inner*/[dir=rtl].sc-ion-item-ionic .item-inner.sc-ion-item-ionic{padding-right:var(--inner-padding-start);padding-left:calc(var(--ion-safe-area-left, 0px) + var(--inner-padding-end))}@supports selector(:dir(rtl)){/*!@.item-inner:dir(rtl)*/.item-inner.sc-ion-item-ionic:dir(rtl){padding-right:var(--inner-padding-start);padding-left:calc(var(--ion-safe-area-left, 0px) + var(--inner-padding-end))}}/*!@.item-detail-icon*/.item-detail-icon.sc-ion-item-ionic{-webkit-margin-start:calc(var(--inner-padding-end) / 2);margin-inline-start:calc(var(--inner-padding-end) / 2);-webkit-margin-end:-6px;margin-inline-end:-6px;color:var(--detail-icon-color);font-size:var(--detail-icon-font-size);opacity:var(--detail-icon-opacity)}/*!@::slotted(ion-icon)*/.sc-ion-item-ionic-s>ion-icon{font-size:1.6em}/*!@::slotted(ion-button)*/.sc-ion-item-ionic-s>ion-button{--margin-top:0;--margin-bottom:0;--margin-start:0;--margin-end:0;z-index:1}/*!@::slotted(ion-label:not([slot=end]))*/.sc-ion-item-ionic-s>ion-label:not([slot=end]){-ms-flex:1;flex:1;width:-webkit-min-content;width:-moz-min-content;width:min-content;max-width:100%}/*!@:host(.item-input)*/.item-input.sc-ion-item-ionic-h{-ms-flex-align:center;align-items:center}/*!@.input-wrapper*/.input-wrapper.sc-ion-item-ionic{display:-ms-flexbox;display:flex;-ms-flex:1;flex:1;-ms-flex-direction:inherit;flex-direction:inherit;-ms-flex-align:inherit;align-items:inherit;-ms-flex-item-align:stretch;align-self:stretch;text-overflow:ellipsis;overflow:inherit;-webkit-box-sizing:border-box;box-sizing:border-box}/*!@:host(.item-label-stacked),\n:host(.item-label-floating)*/.item-label-stacked.sc-ion-item-ionic-h,.item-label-floating.sc-ion-item-ionic-h{-ms-flex-align:start;align-items:start}/*!@:host(.item-label-stacked) .input-wrapper,\n:host(.item-label-floating) .input-wrapper*/.item-label-stacked.sc-ion-item-ionic-h .input-wrapper.sc-ion-item-ionic,.item-label-floating.sc-ion-item-ionic-h .input-wrapper.sc-ion-item-ionic{-ms-flex:1;flex:1;-ms-flex-direction:column;flex-direction:column}/*!@:host(.item-multiple-inputs) ::slotted(ion-checkbox),\n:host(.item-multiple-inputs) ::slotted(ion-datetime),\n:host(.item-multiple-inputs) ::slotted(ion-radio)*/.sc-ion-item-ionic-h.item-multiple-inputs .sc-ion-item-ionic-s>ion-checkbox,.sc-ion-item-ionic-h.item-multiple-inputs.sc-ion-item-ionic-s>ion-datetime,.sc-ion-item-ionic-h.item-multiple-inputs .sc-ion-item-ionic-s>ion-datetime,.sc-ion-item-ionic-h.item-multiple-inputs.sc-ion-item-ionic-s>ion-radio,.sc-ion-item-ionic-h.item-multiple-inputs .sc-ion-item-ionic-s>ion-radio{position:relative}/*!@:host(.item-textarea)*/.item-textarea.sc-ion-item-ionic-h{-ms-flex-align:stretch;align-items:stretch}/*!@::slotted(ion-reorder[slot])*/.sc-ion-item-ionic-s>ion-reorder[slot]{margin-top:0;margin-bottom:0}/*!@ion-ripple-effect*/ion-ripple-effect.sc-ion-item-ionic{color:var(--ripple-color)}/*!@:host*/.sc-ion-item-ionic-h{--min-height:48px;--background:var(--ion-item-background, var(--ion-background-color, #fff));--background-activated:transparent;--background-focused:currentColor;--background-hover:currentColor;--background-activated-opacity:0;--background-focused-opacity:.12;--background-hover-opacity:.04;--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)))));--color:var(--ion-item-color, var(--ion-text-color, #000));--transition:opacity 15ms linear, background-color 15ms linear;--padding-start:16px;--inner-padding-end:16px;--inner-border-width:0 0 1px 0;font-size:1rem;font-weight:normal;text-transform:none}/*!@:host(.ion-color.ion-activated) .item-native::after*/.ion-color.ion-activated.sc-ion-item-ionic-h .item-native.sc-ion-item-ionic::after{background:transparent}/*!@:host(.item-interactive)*/.item-interactive.sc-ion-item-ionic-h{--border-width:0 0 1px 0;--inner-border-width:0}/*!@:host(.item-lines-full)*/.item-lines-full.sc-ion-item-ionic-h{--border-width:0 0 1px 0}/*!@:host(.item-lines-inset)*/.item-lines-inset.sc-ion-item-ionic-h{--inner-border-width:0 0 1px 0}/*!@:host(.item-lines-inset),\n:host(.item-lines-none)*/.item-lines-inset.sc-ion-item-ionic-h,.item-lines-none.sc-ion-item-ionic-h{--border-width:0}/*!@:host(.item-lines-full),\n:host(.item-lines-none)*/.item-lines-full.sc-ion-item-ionic-h,.item-lines-none.sc-ion-item-ionic-h{--inner-border-width:0}/*!@:host(.item-multi-line) ::slotted([slot=start]),\n:host(.item-multi-line) ::slotted([slot=end])*/.sc-ion-item-ionic-h.item-multi-line .sc-ion-item-ionic-s>[slot=start],.sc-ion-item-ionic-h.item-multi-line.sc-ion-item-ionic-s>[slot=end],.sc-ion-item-ionic-h.item-multi-line .sc-ion-item-ionic-s>[slot=end]{margin-top:16px;margin-bottom:16px;-ms-flex-item-align:start;align-self:flex-start}/*!@::slotted([slot=start])*/.sc-ion-item-ionic-s>[slot=start]{-webkit-margin-end:16px;margin-inline-end:16px}/*!@::slotted([slot=end])*/.sc-ion-item-ionic-s>[slot=end]{-webkit-margin-start:16px;margin-inline-start:16px}/*!@::slotted(ion-icon)*/.sc-ion-item-ionic-s>ion-icon{color:rgba(var(--ion-text-color-rgb, 0, 0, 0), 0.54);font-size:1.5em}/*!@:host(.ion-color) ::slotted(ion-icon)*/.sc-ion-item-ionic-h.ion-color .sc-ion-item-ionic-s>ion-icon{color:var(--ion-color-contrast)}/*!@::slotted(ion-icon[slot])*/.sc-ion-item-ionic-s>ion-icon[slot]{margin-top:12px;margin-bottom:12px}/*!@::slotted(ion-icon[slot=start])*/.sc-ion-item-ionic-s>ion-icon[slot=start]{-webkit-margin-end:32px;margin-inline-end:32px}/*!@::slotted(ion-icon[slot=end])*/.sc-ion-item-ionic-s>ion-icon[slot=end]{-webkit-margin-start:16px;margin-inline-start:16px}/*!@::slotted(ion-toggle[slot=start]),\n::slotted(ion-toggle[slot=end])*/.sc-ion-item-ionic-s>ion-toggle[slot=start],.sc-ion-item-ionic-s>ion-toggle[slot=end]{margin-left:0;margin-right:0;margin-top:0;margin-bottom:0}/*!@::slotted(ion-note)*/.sc-ion-item-ionic-s>ion-note{margin-left:0;margin-right:0;margin-top:0;margin-bottom:0;-ms-flex-item-align:start;align-self:flex-start;font-size:0.6875rem}/*!@::slotted(ion-note[slot])*/.sc-ion-item-ionic-s>ion-note[slot]{padding-left:0;padding-right:0;padding-top:18px;padding-bottom:10px}/*!@::slotted(ion-avatar)*/.sc-ion-item-ionic-s>ion-avatar{width:40px;height:40px}/*!@::slotted(ion-thumbnail)*/.sc-ion-item-ionic-s>ion-thumbnail{--size:56px}/*!@::slotted(ion-avatar),\n::slotted(ion-thumbnail)*/.sc-ion-item-ionic-s>ion-avatar,.sc-ion-item-ionic-s>ion-thumbnail{margin-top:8px;margin-bottom:8px}/*!@::slotted(ion-avatar[slot=start]),\n::slotted(ion-thumbnail[slot=start])*/.sc-ion-item-ionic-s>ion-avatar[slot=start],.sc-ion-item-ionic-s>ion-thumbnail[slot=start]{-webkit-margin-end:16px;margin-inline-end:16px}/*!@::slotted(ion-avatar[slot=end]),\n::slotted(ion-thumbnail[slot=end])*/.sc-ion-item-ionic-s>ion-avatar[slot=end],.sc-ion-item-ionic-s>ion-thumbnail[slot=end]{-webkit-margin-start:16px;margin-inline-start:16px}/*!@::slotted(ion-label)*/.sc-ion-item-ionic-s>ion-label{margin-left:0;margin-right:0;margin-top:10px;margin-bottom:10px}/*!@:host(.item-label-stacked) ::slotted([slot=end]),\n:host(.item-label-floating) ::slotted([slot=end])*/.sc-ion-item-ionic-h.item-label-stacked .sc-ion-item-ionic-s>[slot=end],.sc-ion-item-ionic-h.item-label-floating.sc-ion-item-ionic-s>[slot=end],.sc-ion-item-ionic-h.item-label-floating .sc-ion-item-ionic-s>[slot=end]{margin-top:7px;margin-bottom:7px}/*!@:host(.item-toggle) ::slotted(ion-label),\n:host(.item-radio) ::slotted(ion-label)*/.sc-ion-item-ionic-h.item-toggle .sc-ion-item-ionic-s>ion-label,.sc-ion-item-ionic-h.item-radio.sc-ion-item-ionic-s>ion-label,.sc-ion-item-ionic-h.item-radio .sc-ion-item-ionic-s>ion-label{-webkit-margin-start:0;margin-inline-start:0}/*!@::slotted(.button-small)*/.sc-ion-item-ionic-s>.button-small{--padding-top:2px;--padding-bottom:2px;--padding-start:.6em;--padding-end:.6em;min-height:25px;font-size:0.75rem}/*!@:host(.item-label-floating),\n:host(.item-label-stacked)*/.item-label-floating.sc-ion-item-ionic-h,.item-label-stacked.sc-ion-item-ionic-h{--min-height:55px}/*!@:host(.ion-focused:not(.ion-color)) ::slotted(.label-stacked),\n:host(.ion-focused:not(.ion-color)) ::slotted(.label-floating),\n:host(.item-has-focus:not(.ion-color)) ::slotted(.label-stacked),\n:host(.item-has-focus:not(.ion-color)) ::slotted(.label-floating)*/.sc-ion-item-ionic-h.ion-focused:not(.ion-color) .sc-ion-item-ionic-s>.label-stacked,.sc-ion-item-ionic-h.ion-focused:not(.ion-color).sc-ion-item-ionic-s>.label-floating,.sc-ion-item-ionic-h.ion-focused:not(.ion-color) .sc-ion-item-ionic-s>.label-floating,.sc-ion-item-ionic-h.item-has-focus:not(.ion-color).sc-ion-item-ionic-s>.label-stacked,.sc-ion-item-ionic-h.item-has-focus:not(.ion-color) .sc-ion-item-ionic-s>.label-stacked,.sc-ion-item-ionic-h.item-has-focus:not(.ion-color).sc-ion-item-ionic-s>.label-floating,.sc-ion-item-ionic-h.item-has-focus:not(.ion-color) .sc-ion-item-ionic-s>.label-floating{color:var(--ion-color-primary, #0054e9)}";
21127
21243
  var IonItemIonicStyle0 = ionicItemMdCss;
21128
21244
 
@@ -21403,11 +21519,11 @@ class ItemDivider {
21403
21519
  }
21404
21520
  render() {
21405
21521
  const theme = getIonTheme(this);
21406
- return (hAsync(Host, { key: 'ee17a51b7daefd6be5d42e5b64685c4979d29ec0', class: createColorClasses$1(this.color, {
21522
+ return (hAsync(Host, { key: '625f9c93dc5d63da7d7116618e85e744c312c9f6', class: createColorClasses$1(this.color, {
21407
21523
  [theme]: true,
21408
21524
  'item-divider-sticky': this.sticky,
21409
21525
  item: true,
21410
- }) }, hAsync("slot", { key: '8366956b2cf3ca557a599a15b18bccd7261f3a64', name: "start" }), hAsync("div", { key: 'a8707b99037252713ea68655b700c30b1d2071ad', class: "item-divider-inner" }, hAsync("div", { key: '76cd58e8499fe69ccce6c31ab1aee10bc1c1c2f0', class: "item-divider-wrapper" }, hAsync("slot", { key: 'f9e9c165c96d4ca7c6c887bccb236ed9979d414b' })), hAsync("slot", { key: 'ce91f23f478fdb8c2fc963ebdf64ba3f939082f9', name: "end" }))));
21526
+ }) }, hAsync("slot", { key: '314ea0e81490d6bd606e2ac45019640ec34add9e', name: "start" }), hAsync("div", { key: '0e27892adc6caf214265c1037e80ccc713a660a4', class: "item-divider-inner" }, hAsync("div", { key: '2743000f5e7a8fcedf2f829ee46cb41dbea91e72', class: "item-divider-wrapper" }, hAsync("slot", { key: '617526ad20379985a8fbe85caa650e03fcf574fb' })), hAsync("slot", { key: '644746d28d7b03e01a9b2ba7a7d7b8947f64b226', name: "end" }))));
21411
21527
  }
21412
21528
  get el() { return getElement(this); }
21413
21529
  static get style() { return {
@@ -21447,7 +21563,7 @@ class ItemGroup {
21447
21563
  }
21448
21564
  render() {
21449
21565
  const theme = getIonTheme(this);
21450
- return (hAsync(Host, { key: '3acd6096c99f8a9ea7def2514288fe6452fec52d', role: "group", class: {
21566
+ return (hAsync(Host, { key: '387217ac3867bdc76d962ef53dbbde1d0eb43cd7', role: "group", class: {
21451
21567
  [theme]: true,
21452
21568
  // Used internally for styling
21453
21569
  [`item-group-${theme}`]: true,
@@ -21520,12 +21636,12 @@ class ItemOption {
21520
21636
  href: this.href,
21521
21637
  target: this.target,
21522
21638
  };
21523
- return (hAsync(Host, { key: '2d96ef8cd2bff003c50a7a9bc87b4866d8a21ea3', onClick: this.onClick, class: createColorClasses$1(this.color, {
21639
+ return (hAsync(Host, { key: 'afac18b1ad280f873f76c49041d5710d0e7adc54', onClick: this.onClick, class: createColorClasses$1(this.color, {
21524
21640
  [theme]: true,
21525
21641
  'item-option-disabled': disabled,
21526
21642
  'item-option-expandable': expandable,
21527
21643
  'ion-activatable': true,
21528
- }) }, hAsync(TagType, Object.assign({ key: '329da03db6798aa9be407722154231f186dea0e4' }, attrs, { class: "button-native", part: "native", disabled: disabled }), hAsync("span", { key: '02229dd15f8253a1118590d10d75d0667d1ee9b6', class: "button-inner" }, hAsync("slot", { key: 'c2b4373dd16325895d096331ea0887f519988adb', name: "top" }), hAsync("div", { key: 'a4f88e355df992ada63924cb080fe35aa89c10b2', class: "horizontal-wrapper" }, hAsync("slot", { key: 'f51b05ff3812744fbc752cda10e86dd6dec9cd9c', name: "start" }), hAsync("slot", { key: '7ee88f23e86e0fb8733786ffbeb182d7726c12f6', name: "icon-only" }), hAsync("slot", { key: '7ae991f6f53df99dc3e5ee737ce33c0d170c9eb4' }), hAsync("slot", { key: '488eb7b54775a367b0118d1bbef4e07ec4dc485f', name: "end" })), hAsync("slot", { key: 'ff970c5877d79e6997b25de38d5ebd8afbe0aec6', name: "bottom" })), theme === 'md' && hAsync("ion-ripple-effect", null))));
21644
+ }) }, hAsync(TagType, Object.assign({ key: '6dd63941993716374155cdbb4ba2665cf4e20f82' }, attrs, { class: "button-native", part: "native", disabled: disabled }), hAsync("span", { key: '511a31527efad43e74b512c70b314b218439d2ec', class: "button-inner" }, hAsync("slot", { key: '8d7dd33c218391817ec59399565f00423c6d5c1c', name: "top" }), hAsync("div", { key: '1a49be28e08f82f61ae64819a809ffaacae3fab2', class: "horizontal-wrapper" }, hAsync("slot", { key: 'ffa4859d7738305940d79a6020c74ee2a56b123e', name: "start" }), hAsync("slot", { key: 'bc64fa31d19ae447cbad86a9569e069348d2ef5a', name: "icon-only" }), hAsync("slot", { key: '1c2df529ecc65c5906b90a8c0eb050b9cdc26ae7' }), hAsync("slot", { key: 'ef3f2596247bc40e841c8470052573fac014a258', name: "end" })), hAsync("slot", { key: '1235903f302ef8f253579cadefce001453afbdb9', name: "bottom" })), theme === 'md' && hAsync("ion-ripple-effect", null))));
21529
21645
  }
21530
21646
  get el() { return getElement(this); }
21531
21647
  static get style() { return {
@@ -21580,7 +21696,7 @@ class ItemOptions {
21580
21696
  render() {
21581
21697
  const theme = getIonTheme(this);
21582
21698
  const isEnd = isEndSide(this.side);
21583
- return (hAsync(Host, { key: 'a11edf1792a9e12c7f15c214a8969e741387d677', class: {
21699
+ return (hAsync(Host, { key: 'b3afa3261f85f19616974adade53617b2d8563e9', class: {
21584
21700
  [theme]: true,
21585
21701
  // Used internally for styling
21586
21702
  [`item-options-${theme}`]: true,
@@ -22047,7 +22163,7 @@ class ItemSliding {
22047
22163
  }
22048
22164
  render() {
22049
22165
  const theme = getIonTheme(this);
22050
- return (hAsync(Host, { key: 'd905e622610fe786f381bcc7dfbfbd33d45b4c07', class: {
22166
+ return (hAsync(Host, { key: 'a7c3bf766f29173ccb601e781dc8cad6d47cf7bf', class: {
22051
22167
  [theme]: true,
22052
22168
  'item-sliding-active-slide': this.state !== 2 /* SlidingState.Disabled */,
22053
22169
  'item-sliding-active-options-end': (this.state & 8 /* SlidingState.End */) !== 0,
@@ -22160,13 +22276,13 @@ class Label {
22160
22276
  render() {
22161
22277
  const position = this.position;
22162
22278
  const theme = getIonTheme(this);
22163
- return (hAsync(Host, { key: 'd0a19aa5dc20d7e54346200d1556f0d578bf0fb3', class: createColorClasses$1(this.color, {
22279
+ return (hAsync(Host, { key: '0702770a60d2b7ee11516a03d64512ceb04598a9', class: createColorClasses$1(this.color, {
22164
22280
  [theme]: true,
22165
22281
  'in-item-color': hostContext('ion-item.ion-color', this.el),
22166
22282
  [`label-${position}`]: position !== undefined,
22167
22283
  [`label-no-animate`]: this.noAnimate,
22168
22284
  'label-rtl': document.dir === 'rtl',
22169
- }) }, hAsync("slot", { key: '58d9a5f5d2d2a9364eecbf94d5667211834098ee' })));
22285
+ }) }, hAsync("slot", { key: '39ed97bbc43c0397928a5957f298ff6003ee41bc' })));
22170
22286
  }
22171
22287
  get el() { return getElement(this); }
22172
22288
  static get watchers() { return {
@@ -22227,7 +22343,7 @@ class List {
22227
22343
  render() {
22228
22344
  const theme = getIonTheme(this);
22229
22345
  const { lines, inset } = this;
22230
- return (hAsync(Host, { key: 'f02189367db3ea43d5f30998e210aeef69b777ee', role: "list", class: {
22346
+ return (hAsync(Host, { key: '6c5a585619f19b6b5b54cc050377791dd8fe63b3', role: "list", class: {
22231
22347
  [theme]: true,
22232
22348
  // Used internally for styling
22233
22349
  [`list-${theme}`]: true,
@@ -22278,10 +22394,10 @@ class ListHeader {
22278
22394
  render() {
22279
22395
  const { lines } = this;
22280
22396
  const theme = getIonTheme(this);
22281
- return (hAsync(Host, { key: 'eeb5020786eb53dc3061901479bc76855dac1aaf', class: createColorClasses$1(this.color, {
22397
+ return (hAsync(Host, { key: '878156ec53e87d2162d67fdf5158e4a17863ef29', class: createColorClasses$1(this.color, {
22282
22398
  [theme]: true,
22283
22399
  [`list-header-lines-${lines}`]: lines !== undefined,
22284
- }) }, hAsync("div", { key: 'aed1e6b1978a0dcc6ea43f3ab739616250930101', class: "list-header-inner" }, hAsync("slot", { key: '942864f08be30397a99b767ee8578a07b3d7952f' }))));
22400
+ }) }, hAsync("div", { key: 'c3a66389e89131967de9592528e48d69e8533d14', class: "list-header-inner" }, hAsync("slot", { key: '6242c8008a12144598e463a0404597a0c3f097ef' }))));
22285
22401
  }
22286
22402
  static get style() { return {
22287
22403
  ionic: IonListHeaderIonicStyle0,
@@ -22552,9 +22668,9 @@ class Loading {
22552
22668
  * Otherwise, don't set aria-labelledby.
22553
22669
  */
22554
22670
  const ariaLabelledBy = message !== undefined ? msgId : null;
22555
- return (hAsync(Host, Object.assign({ key: '693e2884abc9a385f404cb2d0401ca6294e65813', role: "dialog", "aria-modal": "true", "aria-labelledby": ariaLabelledBy, tabindex: "-1" }, htmlAttributes, { style: {
22671
+ return (hAsync(Host, Object.assign({ key: 'cf9f1646059eb9c9cf0df97869f0d88761bacf5f', role: "dialog", "aria-modal": "true", "aria-labelledby": ariaLabelledBy, tabindex: "-1" }, htmlAttributes, { style: {
22556
22672
  zIndex: `${40000 + this.overlayIndex}`,
22557
- }, onIonBackdropTap: this.onBackdropTap, class: Object.assign(Object.assign({}, getClassMap(this.cssClass)), { [theme]: true, 'overlay-hidden': true, 'loading-translucent': this.translucent }) }), hAsync("ion-backdrop", { key: 'ae93060afc8a283bf04d6e4437cfca9175849d33', visible: this.showBackdrop, tappable: this.backdropDismiss }), hAsync("div", { key: '2cbc5aba1b14851b06e1101d6f6f2559373e1ace', tabindex: "0" }), hAsync("div", { key: '3d589fd37e1765f1eb3aa61ceebf8496cae22929', class: "loading-wrapper ion-overlay-wrapper" }, spinner && (hAsync("div", { class: "loading-spinner" }, hAsync("ion-spinner", { name: spinner, "aria-hidden": "true" }))), message !== undefined && this.renderLoadingMessage(msgId)), hAsync("div", { key: '7a91fd363839ec3427f388e5012fec0cb21ae685', tabindex: "0" })));
22673
+ }, onIonBackdropTap: this.onBackdropTap, class: Object.assign(Object.assign({}, getClassMap(this.cssClass)), { [theme]: true, 'overlay-hidden': true, 'loading-translucent': this.translucent }) }), hAsync("ion-backdrop", { key: 'f4f2e08b3c28cee68dfd1965c51c852fb90bc413', visible: this.showBackdrop, tappable: this.backdropDismiss }), hAsync("div", { key: '37e6b589b2bdb54753783dccb46352a40b9c4df8', tabindex: "0" }), hAsync("div", { key: 'f32094cb0194bb463df7e5f4a6cb29cfd67bda7c', class: "loading-wrapper ion-overlay-wrapper" }, spinner && (hAsync("div", { class: "loading-spinner" }, hAsync("ion-spinner", { name: spinner, "aria-hidden": "true" }))), message !== undefined && this.renderLoadingMessage(msgId)), hAsync("div", { key: '2a1748f874a77f137edb962ba3d697adfd113885', tabindex: "0" })));
22558
22674
  }
22559
22675
  get el() { return getElement(this); }
22560
22676
  static get watchers() { return {
@@ -23544,14 +23660,14 @@ class Menu {
23544
23660
  * the ionBackButton listener in the menu controller
23545
23661
  * will handle closing the menu when Escape is pressed.
23546
23662
  */
23547
- return (hAsync(Host, { key: '1ecc3080e6eb9fd7bf5e39f76e8bf3b10cc38ec6', onKeyDown: shouldUseCloseWatcher() ? null : this.onKeydown, role: "navigation", "aria-label": inheritedAttributes['aria-label'] || 'menu', class: {
23663
+ return (hAsync(Host, { key: '992d219168e9434ee02b3e001ad337c581a8d945', onKeyDown: shouldUseCloseWatcher() ? null : this.onKeydown, role: "navigation", "aria-label": inheritedAttributes['aria-label'] || 'menu', class: {
23548
23664
  [theme]: true,
23549
23665
  [`menu-type-${type}`]: true,
23550
23666
  'menu-enabled': !disabled,
23551
23667
  [`menu-side-${side}`]: true,
23552
23668
  'menu-pane-visible': isPaneVisible,
23553
23669
  'split-pane-side': hostContext('ion-split-pane', el),
23554
- } }, hAsync("div", { key: 'eff71ce215cbaa2f457cb882a2aa4dd83e12a006', class: "menu-inner", part: "container", ref: (el) => (this.menuInnerEl = el) }, hAsync("slot", { key: '3da803813630e14a2f2c6495fa90399948df902f' })), hAsync("ion-backdrop", { key: 'e9954fddfc4c5f601586e67ef341f66e16777f8d', ref: (el) => (this.backdropEl = el), class: "menu-backdrop", tappable: false, stopPropagation: false, part: "backdrop" })));
23670
+ } }, hAsync("div", { key: 'd32b67bdcaafa6590a5a9d9ff9d3755f5b5f715a', class: "menu-inner", part: "container", ref: (el) => (this.menuInnerEl = el) }, hAsync("slot", { key: 'ecdad8c9f4000bb5c79385d68f0848b2cf95b5b2' })), hAsync("ion-backdrop", { key: '13fe3027cb8ac17761c9d044c6283d9a26b486b1', ref: (el) => (this.backdropEl = el), class: "menu-backdrop", tappable: false, stopPropagation: false, part: "backdrop" })));
23555
23671
  }
23556
23672
  get el() { return getElement(this); }
23557
23673
  static get watchers() { return {
@@ -23659,7 +23775,7 @@ class MenuButton {
23659
23775
  type: this.type,
23660
23776
  };
23661
23777
  const ariaLabel = inheritedAttributes['aria-label'] || 'menu';
23662
- return (hAsync(Host, { key: '3e04ff01e24f7c35749ccf86c95ee451ee6b18a9', onClick: this.onClick, "aria-disabled": disabled ? 'true' : null, "aria-hidden": hidden ? 'true' : null, class: createColorClasses$1(color, {
23778
+ return (hAsync(Host, { key: 'f6bdc7c810c7df4a76dab326295c08f3dfa87abe', onClick: this.onClick, "aria-disabled": disabled ? 'true' : null, "aria-hidden": hidden ? 'true' : null, class: createColorClasses$1(color, {
23663
23779
  [theme]: true,
23664
23780
  button: true, // ion-buttons target .button
23665
23781
  'menu-button-hidden': hidden,
@@ -23668,7 +23784,7 @@ class MenuButton {
23668
23784
  'in-toolbar-color': hostContext('ion-toolbar[color]', this.el),
23669
23785
  'ion-activatable': true,
23670
23786
  'ion-focusable': true,
23671
- }) }, hAsync("button", Object.assign({ key: '0f517175e527831f916e484c89c43aba524aa586' }, attrs, { disabled: disabled, class: "button-native", part: "native", "aria-label": ariaLabel }), hAsync("span", { key: '05097795d743ee11e4196b2ad38ef020e7115835', class: "button-inner" }, hAsync("slot", { key: 'aa45a3b53596c0cbb8866db495a7e32a2077c7f0' }, hAsync("ion-icon", { key: '5cb53cc30c1e555a7c69750f6bd312df4d9bf234', part: "icon", icon: menuIcon, lazy: false, "aria-hidden": "true" }))), theme === 'md' && hAsync("ion-ripple-effect", { type: "unbounded" }))));
23787
+ }) }, hAsync("button", Object.assign({ key: '962db265439e4fbbf7d012eb01e375387b75956b' }, attrs, { disabled: disabled, class: "button-native", part: "native", "aria-label": ariaLabel }), hAsync("span", { key: 'f8e5c4c84cd8f884d3d85e70d534febe1bd7f567', class: "button-inner" }, hAsync("slot", { key: '9edba975bcf8a4cde652aff502b47fadf8d69036' }, hAsync("ion-icon", { key: '667c140306953ebf95b604ead4c712242b90bac0', part: "icon", icon: menuIcon, lazy: false, "aria-hidden": "true" }))), theme === 'md' && hAsync("ion-ripple-effect", { type: "unbounded" }))));
23672
23788
  }
23673
23789
  get el() { return getElement(this); }
23674
23790
  static get style() { return {
@@ -23721,10 +23837,10 @@ class MenuToggle {
23721
23837
  render() {
23722
23838
  const theme = getIonTheme(this);
23723
23839
  const hidden = this.autoHide && !this.visible;
23724
- return (hAsync(Host, { key: '09cc1613fa9538946363397ccc611eaaa4195015', onClick: this.onClick, "aria-hidden": hidden ? 'true' : null, class: {
23840
+ return (hAsync(Host, { key: '66f29363d2c6fcf24458ff7013531cea2b15c14c', onClick: this.onClick, "aria-hidden": hidden ? 'true' : null, class: {
23725
23841
  [theme]: true,
23726
23842
  'menu-toggle-hidden': hidden,
23727
- } }, hAsync("slot", { key: 'f3f13218947563b6f63c874385f3ec1a4199cf2c' })));
23843
+ } }, hAsync("slot", { key: 'ef35254cfb31f109ebc67671983d87b653d568fa' })));
23728
23844
  }
23729
23845
  static get style() { return IonMenuToggleStyle0; }
23730
23846
  static get cmpMeta() { return {
@@ -25588,9 +25704,9 @@ class Modal {
25588
25704
  const theme = getIonTheme(this);
25589
25705
  const isCardModal = presentingElement !== undefined && theme === 'ios';
25590
25706
  const isHandleCycle = handleBehavior === 'cycle';
25591
- return (hAsync(Host, Object.assign({ key: '813736a125e3f94418fc4b846fba8dd248ad6327', "no-router": true, tabindex: "-1" }, htmlAttributes, { style: {
25707
+ return (hAsync(Host, Object.assign({ key: '0e6dbd096571f5d7fc8f34da1c2aab10598dd65d', "no-router": true, tabindex: "-1" }, htmlAttributes, { style: {
25592
25708
  zIndex: `${20000 + this.overlayIndex}`,
25593
- }, class: Object.assign({ [theme]: true, ['modal-default']: !isCardModal && !isSheetModal, [`modal-card`]: isCardModal, [`modal-sheet`]: isSheetModal, 'overlay-hidden': true }, getClassMap(this.cssClass)), onIonBackdropTap: this.onBackdropTap, onIonModalDidPresent: this.onLifecycle, onIonModalWillPresent: this.onLifecycle, onIonModalWillDismiss: this.onLifecycle, onIonModalDidDismiss: this.onLifecycle }), hAsync("ion-backdrop", { key: '9f2c13bc3d64876d8782695c5195767d7f2f67d9', ref: (el) => (this.backdropEl = el), visible: this.showBackdrop, tappable: this.backdropDismiss, part: "backdrop" }), theme === 'ios' && hAsync("div", { class: "modal-shadow" }), hAsync("div", Object.assign({ key: '7b970bab0b9724033ab390662fbe050f1425e2b6',
25709
+ }, class: Object.assign({ [theme]: true, ['modal-default']: !isCardModal && !isSheetModal, [`modal-card`]: isCardModal, [`modal-sheet`]: isSheetModal, 'overlay-hidden': true }, getClassMap(this.cssClass)), onIonBackdropTap: this.onBackdropTap, onIonModalDidPresent: this.onLifecycle, onIonModalWillPresent: this.onLifecycle, onIonModalWillDismiss: this.onLifecycle, onIonModalDidDismiss: this.onLifecycle }), hAsync("ion-backdrop", { key: '76b0f13942696cb28c58674c3c76f6194b639021', ref: (el) => (this.backdropEl = el), visible: this.showBackdrop, tappable: this.backdropDismiss, part: "backdrop" }), theme === 'ios' && hAsync("div", { class: "modal-shadow" }), hAsync("div", Object.assign({ key: '52c11dfd4d0885e0f0843175ea390002334c8912',
25594
25710
  /*
25595
25711
  role and aria-modal must be used on the
25596
25712
  same element. They must also be set inside the
@@ -25599,7 +25715,7 @@ class Modal {
25599
25715
  */
25600
25716
  role: "dialog" }, inheritedAttributes, { "aria-modal": "true", class: "modal-wrapper ion-overlay-wrapper", part: "content", ref: (el) => (this.wrapperEl = el) }), showHandle && (hAsync("button", { class: "modal-handle",
25601
25717
  // Prevents the handle from receiving keyboard focus when it does not cycle
25602
- tabIndex: !isHandleCycle ? -1 : 0, "aria-label": "Activate to adjust the size of the dialog overlaying the screen", onClick: isHandleCycle ? this.onHandleClick : undefined, part: "handle" })), hAsync("slot", { key: 'ae777acb669ecb0b364899d7c09acdbd222b19f1' }))));
25718
+ tabIndex: !isHandleCycle ? -1 : 0, "aria-label": "Activate to adjust the size of the dialog overlaying the screen", onClick: isHandleCycle ? this.onHandleClick : undefined, part: "handle" })), hAsync("slot", { key: '72b88f97cbbf47bcea140b01484edc681833ab7f' }))));
25603
25719
  }
25604
25720
  get el() { return getElement(this); }
25605
25721
  static get watchers() { return {
@@ -26554,7 +26670,7 @@ class Nav {
26554
26670
  }
26555
26671
  }
26556
26672
  render() {
26557
- return hAsync("slot", { key: '0ad6ea9a7b0ed39732734e45e7ae843ac7ef2a7e' });
26673
+ return hAsync("slot", { key: '4a59480d82787c8ac6c118f9b37cd378f4b24373' });
26558
26674
  }
26559
26675
  get el() { return getElement(this); }
26560
26676
  static get watchers() { return {
@@ -26631,7 +26747,7 @@ class NavLink {
26631
26747
  this.routerAnimation = undefined;
26632
26748
  }
26633
26749
  render() {
26634
- return hAsync(Host, { key: '45811e228f0a52a658e968c3b996f18007808485', onClick: this.onClick });
26750
+ return hAsync(Host, { key: '790b4ed7d6b4998e4e0e1ef11d8860754324e9a9', onClick: this.onClick });
26635
26751
  }
26636
26752
  get el() { return getElement(this); }
26637
26753
  static get cmpMeta() { return {
@@ -26669,9 +26785,9 @@ class Note {
26669
26785
  }
26670
26786
  render() {
26671
26787
  const theme = getIonTheme(this);
26672
- return (hAsync(Host, { key: '82207dc3c86d194b5f495f9af698ec18ccd1e0e6', class: createColorClasses$1(this.color, {
26788
+ return (hAsync(Host, { key: 'b1cdaf64409931cc89cd37a457933ae60d34a7a3', class: createColorClasses$1(this.color, {
26673
26789
  [theme]: true,
26674
- }) }, hAsync("slot", { key: '6552436c58d1626864d36daea93df3a5d14b67ba' })));
26790
+ }) }, hAsync("slot", { key: '7835cb5ff344e6872ef551f48e80ed736f7844f8' })));
26675
26791
  }
26676
26792
  static get style() { return {
26677
26793
  ionic: IonNoteIonicStyle0,
@@ -27440,11 +27556,11 @@ class Picker {
27440
27556
  render() {
27441
27557
  const { htmlAttributes } = this;
27442
27558
  const theme = getIonTheme(this);
27443
- return (hAsync(Host, Object.assign({ key: '687fd87fb2a0bffcdbd38fe91785d2572d4cd141', "aria-modal": "true", tabindex: "-1" }, htmlAttributes, { style: {
27559
+ return (hAsync(Host, Object.assign({ key: 'ad6fd4292dc1e48c7a6043eb5593e2d5f5785b8f', "aria-modal": "true", tabindex: "-1" }, htmlAttributes, { style: {
27444
27560
  zIndex: `${20000 + this.overlayIndex}`,
27445
27561
  }, class: Object.assign({ [theme]: true,
27446
27562
  // Used internally for styling
27447
- [`picker-${theme}`]: true, 'overlay-hidden': true }, getClassMap(this.cssClass)), onIonBackdropTap: this.onBackdropTap, onIonPickerWillDismiss: this.dispatchCancelHandler }), hAsync("ion-backdrop", { key: '053fa3b4c98c0f29e45a74551978a831ac9742cb', visible: this.showBackdrop, tappable: this.backdropDismiss }), hAsync("div", { key: 'dd3edfc5c879790849087f8ec251ca767d35ec3b', tabindex: "0" }), hAsync("div", { key: '9a1b8b2008e5b6f76d35766164909edea71598ef', class: "picker-wrapper ion-overlay-wrapper", role: "dialog" }, hAsync("div", { key: 'af96808e7ab42b45ee922a410860b5cbbca38a34', class: "picker-toolbar" }, this.buttons.map((b) => (hAsync("div", { class: buttonWrapperClass(b) }, hAsync("button", { type: "button", onClick: () => this.buttonClick(b), class: buttonClass$1(b) }, b.text))))), hAsync("div", { key: 'b0a382a73555146c5962a4c94fc54bb3080350b9', class: "picker-columns" }, hAsync("div", { key: 'd09fa7270c06d9fccb9ee1043f93f267df1a0bbc', class: "picker-above-highlight" }), this.presented && this.columns.map((c) => hAsync("ion-picker-legacy-column", { col: c })), hAsync("div", { key: 'c612908bf2523b81cc88e6fc445d52836a00fd45', class: "picker-below-highlight" }))), hAsync("div", { key: 'd6254d12e1570d377ca2721f3f3cb040159aec60', tabindex: "0" })));
27563
+ [`picker-${theme}`]: true, 'overlay-hidden': true }, getClassMap(this.cssClass)), onIonBackdropTap: this.onBackdropTap, onIonPickerWillDismiss: this.dispatchCancelHandler }), hAsync("ion-backdrop", { key: '0858064f2ee5c3c7f872703333a361b89986481e', visible: this.showBackdrop, tappable: this.backdropDismiss }), hAsync("div", { key: 'f1775e0f116f322d4e50b8b3df9c8e61bc928509', tabindex: "0" }), hAsync("div", { key: '4756c02f70314f0c23548ea49251462e9ca38178', class: "picker-wrapper ion-overlay-wrapper", role: "dialog" }, hAsync("div", { key: '9a805996f53afc87334bdcbdcac59aadd83e1700', class: "picker-toolbar" }, this.buttons.map((b) => (hAsync("div", { class: buttonWrapperClass(b) }, hAsync("button", { type: "button", onClick: () => this.buttonClick(b), class: buttonClass$1(b) }, b.text))))), hAsync("div", { key: '13c01d5c3e6400c09f9b68fdb7d2805992a959a5', class: "picker-columns" }, hAsync("div", { key: 'a4a65cf3a0e6700d70f2b615125a3b970aa52b5d', class: "picker-above-highlight" }), this.presented && this.columns.map((c) => hAsync("ion-picker-legacy-column", { col: c })), hAsync("div", { key: 'b9d6480fe2c9d1d967b94ba304e8d9b77a0a81a1', class: "picker-below-highlight" }))), hAsync("div", { key: '6a1edbe51a5983e2a91990b0b9652e20c08f63f1', tabindex: "0" })));
27448
27564
  }
27449
27565
  get el() { return getElement(this); }
27450
27566
  static get watchers() { return {
@@ -28250,9 +28366,9 @@ class PickerColumnCmp {
28250
28366
  render() {
28251
28367
  const col = this.col;
28252
28368
  const theme = getIonTheme(this);
28253
- return (hAsync(Host, { key: '665ec7daa2e5f41536847b167146b04a444495c2', class: Object.assign({ [theme]: true, 'picker-col': true, 'picker-opts-left': this.col.align === 'left', 'picker-opts-right': this.col.align === 'right' }, getClassMap(col.cssClass)), style: {
28369
+ return (hAsync(Host, { key: '4d33c5b3df0a872caf31d139161f462c02a5c692', class: Object.assign({ [theme]: true, 'picker-col': true, 'picker-opts-left': this.col.align === 'left', 'picker-opts-right': this.col.align === 'right' }, getClassMap(col.cssClass)), style: {
28254
28370
  'max-width': this.col.columnWidth,
28255
- } }, col.prefix && (hAsync("div", { class: "picker-prefix", style: { width: col.prefixWidth } }, col.prefix)), hAsync("div", { key: '6195a1022a90538e9f638a4216910c125a43a8b7', class: "picker-opts", style: { maxWidth: col.optionsWidth }, ref: (el) => (this.optsEl = el) }, col.options.map((o, index) => (hAsync("button", { "aria-label": o.ariaLabel, class: { 'picker-opt': true, 'picker-opt-disabled': !!o.disabled }, "opt-index": index }, o.text)))), col.suffix && (hAsync("div", { class: "picker-suffix", style: { width: col.suffixWidth } }, col.suffix))));
28371
+ } }, col.prefix && (hAsync("div", { class: "picker-prefix", style: { width: col.prefixWidth } }, col.prefix)), hAsync("div", { key: 'add69fbafbaf68acc0a70a6a7204c96a433e062c', class: "picker-opts", style: { maxWidth: col.optionsWidth }, ref: (el) => (this.optsEl = el) }, col.options.map((o, index) => (hAsync("button", { "aria-label": o.ariaLabel, class: { 'picker-opt': true, 'picker-opt-disabled': !!o.disabled }, "opt-index": index }, o.text)))), col.suffix && (hAsync("div", { class: "picker-suffix", style: { width: col.suffixWidth } }, col.suffix))));
28256
28372
  }
28257
28373
  get el() { return getElement(this); }
28258
28374
  static get watchers() { return {
@@ -28363,10 +28479,10 @@ class PickerColumnOption {
28363
28479
  render() {
28364
28480
  const { color, disabled, ariaLabel } = this;
28365
28481
  const theme = getIonTheme(this);
28366
- return (hAsync(Host, { key: '58a3ee795394ec4a497e41bb348b3f68fa95971a', class: createColorClasses$1(color, {
28482
+ return (hAsync(Host, { key: '6c9db63d7bbbec2bdbf396a755a12fd2161e0945', class: createColorClasses$1(color, {
28367
28483
  [theme]: true,
28368
28484
  ['option-disabled']: disabled,
28369
- }) }, hAsync("button", { key: 'c343a70fcf072881ccaa1dc8295acd3f47acc824', tabindex: "-1", "aria-label": ariaLabel, disabled: disabled, onClick: () => this.onClick() }, hAsync("slot", { key: 'a06a9d2c13ff8e46c56949e3c50fd30291ec1e83' }))));
28485
+ }) }, hAsync("button", { key: 'a81fdec2b6df1a0a90fc8cd4e5605ef415ec3acd', tabindex: "-1", "aria-label": ariaLabel, disabled: disabled, onClick: () => this.onClick() }, hAsync("slot", { key: 'ea9a8830d3351ef8f6fb61eca3ed0252505e3854' }))));
28370
28486
  }
28371
28487
  get el() { return getElement(this); }
28372
28488
  static get watchers() { return {
@@ -29683,9 +29799,9 @@ class Popover {
29683
29799
  const { onLifecycle, parentPopover, dismissOnSelect, side, arrow, htmlAttributes } = this;
29684
29800
  const desktop = isPlatform('desktop');
29685
29801
  const enableArrow = arrow && !parentPopover;
29686
- return (hAsync(Host, Object.assign({ key: '293fdb68feb3dcb009faf04d9abd42ee47deab20', "aria-modal": "true", "no-router": true, tabindex: "-1" }, htmlAttributes, { style: {
29802
+ return (hAsync(Host, Object.assign({ key: '674ba80824b20ef7c69b04bf5118a74097d86fbd', "aria-modal": "true", "no-router": true, tabindex: "-1" }, htmlAttributes, { style: {
29687
29803
  zIndex: `${20000 + this.overlayIndex}`,
29688
- }, class: Object.assign(Object.assign({}, getClassMap(this.cssClass)), { [theme]: true, 'popover-translucent': this.translucent, 'overlay-hidden': true, 'popover-desktop': desktop, [`popover-side-${side}`]: true, 'popover-nested': !!parentPopover }), onIonPopoverDidPresent: onLifecycle, onIonPopoverWillPresent: onLifecycle, onIonPopoverWillDismiss: onLifecycle, onIonPopoverDidDismiss: onLifecycle, onIonBackdropTap: this.onBackdropTap }), !parentPopover && hAsync("ion-backdrop", { tappable: this.backdropDismiss, visible: this.showBackdrop, part: "backdrop" }), hAsync("div", { key: 'd8ed7168116c1cb828deb79e6d447fe98a47dab6', class: "popover-wrapper ion-overlay-wrapper", onClick: dismissOnSelect ? () => this.dismiss() : undefined }, enableArrow && hAsync("div", { class: "popover-arrow", part: "arrow" }), hAsync("div", { key: '627572f2ed7aa416f24013e2c3d1ead160c80703', class: "popover-content", part: "content" }, hAsync("slot", { key: '8b158aef271c8bb8485fd5ed77b092964dabf63b' })))));
29804
+ }, class: Object.assign(Object.assign({}, getClassMap(this.cssClass)), { [theme]: true, 'popover-translucent': this.translucent, 'overlay-hidden': true, 'popover-desktop': desktop, [`popover-side-${side}`]: true, 'popover-nested': !!parentPopover }), onIonPopoverDidPresent: onLifecycle, onIonPopoverWillPresent: onLifecycle, onIonPopoverWillDismiss: onLifecycle, onIonPopoverDidDismiss: onLifecycle, onIonBackdropTap: this.onBackdropTap }), !parentPopover && hAsync("ion-backdrop", { tappable: this.backdropDismiss, visible: this.showBackdrop, part: "backdrop" }), hAsync("div", { key: 'bbbd02b9aeba1b6a38f91870a4c98d82a2556525', class: "popover-wrapper ion-overlay-wrapper", onClick: dismissOnSelect ? () => this.dismiss() : undefined }, enableArrow && hAsync("div", { class: "popover-arrow", part: "arrow" }), hAsync("div", { key: 'f757dea98dcb7eace3b870bc4a5b552c0b66913c', class: "popover-content", part: "content" }, hAsync("slot", { key: '9e126f559e5d7dc382db1499268bcb83a18b2991' })))));
29689
29805
  }
29690
29806
  get el() { return getElement(this); }
29691
29807
  static get watchers() { return {
@@ -29781,7 +29897,7 @@ class ProgressBar {
29781
29897
  const theme = getIonTheme(this);
29782
29898
  // If the progress is displayed as a solid bar.
29783
29899
  const progressSolid = buffer === 1;
29784
- return (hAsync(Host, { key: 'da38e6bb5b787eb5f892fc365bfd7bd005bbd00e', role: "progressbar", "aria-valuenow": type === 'determinate' ? value : null, "aria-valuemin": "0", "aria-valuemax": "1", class: createColorClasses$1(color, {
29900
+ return (hAsync(Host, { key: '63618b06100d3a77c225b5d816a699eebed46407', role: "progressbar", "aria-valuenow": type === 'determinate' ? value : null, "aria-valuemin": "0", "aria-valuemax": "1", class: createColorClasses$1(color, {
29785
29901
  [theme]: true,
29786
29902
  [`progress-bar-${type}`]: true,
29787
29903
  'progress-paused': paused,
@@ -29943,7 +30059,7 @@ class Radio {
29943
30059
  const { checked, disabled, color, el, justify, labelPlacement, hasLabel, buttonTabindex, alignment } = this;
29944
30060
  const theme = getIonTheme(this);
29945
30061
  const inItem = hostContext('ion-item', el);
29946
- return (hAsync(Host, { key: 'be72367929b09ef023194d02bc44ef2039fd7a4c', onFocus: this.onFocus, onBlur: this.onBlur, onClick: this.onClick, class: createColorClasses$1(color, {
30062
+ return (hAsync(Host, { key: 'eaf187c324eac384a50e00d3a72b55c9dfd5f4d1', onFocus: this.onFocus, onBlur: this.onBlur, onClick: this.onClick, class: createColorClasses$1(color, {
29947
30063
  [theme]: true,
29948
30064
  'in-item': inItem,
29949
30065
  'radio-checked': checked,
@@ -29954,10 +30070,10 @@ class Radio {
29954
30070
  // Focus and active styling should not apply when the radio is in an item
29955
30071
  'ion-activatable': !inItem,
29956
30072
  'ion-focusable': !inItem,
29957
- }), role: "radio", "aria-checked": checked ? 'true' : 'false', "aria-disabled": disabled ? 'true' : null, tabindex: buttonTabindex }, hAsync("label", { key: 'f7c23a823a1e6ae31eaac7f59eccf02c654306f3', class: "radio-wrapper" }, hAsync("div", { key: '4fe9047d16fef014a4bd114a1e106e8cb6fa638b', class: {
30073
+ }), role: "radio", "aria-checked": checked ? 'true' : 'false', "aria-disabled": disabled ? 'true' : null, tabindex: buttonTabindex }, hAsync("label", { key: '56ad02309e8d746c4e97fc21bef63c004fadff86', class: "radio-wrapper" }, hAsync("div", { key: '5463297de58985d6933a921629caa52c49a427ed', class: {
29958
30074
  'label-text-wrapper': true,
29959
30075
  'label-text-wrapper-hidden': !hasLabel,
29960
- }, part: "label" }, hAsync("slot", { key: '307437c2882f9658f486522e9caa45932ea095a5' })), hAsync("div", { key: '4a58e19043a4d8712fd204ddc56714a855392a9e', class: "native-wrapper" }, this.renderRadioControl()))));
30076
+ }, part: "label" }, hAsync("slot", { key: 'a95043a62dbb91ad8fea12a5ed6f09824cbd99cc' })), hAsync("div", { key: 'dc725d623aee66e27ccc7747a135ebf7d031a258', class: "native-wrapper" }, this.renderRadioControl()))));
29961
30077
  }
29962
30078
  get el() { return getElement(this); }
29963
30079
  static get watchers() { return {
@@ -30147,7 +30263,7 @@ class RadioGroup {
30147
30263
  const { label, labelId, el, name, value } = this;
30148
30264
  const theme = getIonTheme(this);
30149
30265
  renderHiddenInput(true, el, name, value, false);
30150
- return (hAsync(Host, { key: 'c98d1cf9d7d603282ead7f0011f9a839d3db40a3', class: {
30266
+ return (hAsync(Host, { key: '2f7a60d168cde3bd86c2b68369b09bf396dfc0fa', class: {
30151
30267
  [theme]: true,
30152
30268
  }, role: "radiogroup", "aria-labelledby": label ? labelId : null, onClick: this.onClick }));
30153
30269
  }
@@ -30782,7 +30898,7 @@ class Range {
30782
30898
  const needsEndAdjustment = inItem && !hasEndContent;
30783
30899
  const theme = getIonTheme(this);
30784
30900
  renderHiddenInput(true, el, this.name, JSON.stringify(this.getValue()), disabled);
30785
- return (hAsync(Host, { key: 'bd88c11374e23af08980f6857ac559a6650f157a', onFocusin: this.onFocus, onFocusout: this.onBlur, id: rangeId, class: createColorClasses$1(this.color, {
30901
+ return (hAsync(Host, { key: 'fd6045944a8eb8a13c8996cd6611fcd9cec6d3b4', onFocusin: this.onFocus, onFocusout: this.onBlur, id: rangeId, class: createColorClasses$1(this.color, {
30786
30902
  [theme]: true,
30787
30903
  'in-item': inItem,
30788
30904
  'range-disabled': disabled,
@@ -30791,10 +30907,10 @@ class Range {
30791
30907
  [`range-label-placement-${labelPlacement}`]: true,
30792
30908
  'range-item-start-adjustment': needsStartAdjustment,
30793
30909
  'range-item-end-adjustment': needsEndAdjustment,
30794
- }) }, hAsync("label", { key: '4edae72dbabdae42752f62a0b59ca91c399a465d', class: "range-wrapper", id: "range-label" }, hAsync("div", { key: 'a56572f64fbc9f58e91e5e7afd4bcdcda4960bb5', class: {
30910
+ }) }, hAsync("label", { key: '6c9416a25e26352492b9fc13a07e754c518afc6b', class: "range-wrapper", id: "range-label" }, hAsync("div", { key: '69580aa21219d9901351ea8db101e426064c4c5b', class: {
30795
30911
  'label-text-wrapper': true,
30796
30912
  'label-text-wrapper-hidden': !hasLabel,
30797
- }, part: "label" }, label !== undefined ? hAsync("div", { class: "label-text" }, label) : hAsync("slot", { name: "label" })), hAsync("div", { key: '72312c03563083dff4c8d4dcd6b86094461662d8', class: "native-wrapper" }, hAsync("slot", { key: '471947329ba067b0ece4d1c88ed7137f314d086d', name: "start" }), this.renderRangeSlider(), hAsync("slot", { key: '6d686e374d125a7953e7b24cf7b7c008f0a6ffed', name: "end" })))));
30913
+ }, part: "label" }, label !== undefined ? hAsync("div", { class: "label-text" }, label) : hAsync("slot", { name: "label" })), hAsync("div", { key: '066ecb1e374d17b2d5eceb808f54562310dc17ff', class: "native-wrapper" }, hAsync("slot", { key: '409c88e5b93afa77bed78deb471c60a01090662e', name: "start" }), this.renderRangeSlider(), hAsync("slot", { key: '580d31ac5abf623e9e9c1af09ce33ac4192dbc89', name: "end" })))));
30798
30914
  }
30799
30915
  get el() { return getElement(this); }
30800
30916
  static get watchers() { return {
@@ -31673,7 +31789,7 @@ class Refresher {
31673
31789
  }
31674
31790
  render() {
31675
31791
  const theme = getIonTheme(this);
31676
- return (hAsync(Host, { key: '552e23519ef35bdf33358f2e3219f364b3c2cd71', slot: "fixed", class: {
31792
+ return (hAsync(Host, { key: 'c4257458e87911a8ff8be8d55044f0515070e7bf', slot: "fixed", class: {
31677
31793
  [theme]: true,
31678
31794
  // Used internally for styling
31679
31795
  [`refresher-${theme}`]: true,
@@ -31905,9 +32021,9 @@ class RefresherContent {
31905
32021
  const pullingIcon = this.pullingIcon;
31906
32022
  const hasSpinner = pullingIcon != null && SPINNERS[pullingIcon] !== undefined;
31907
32023
  const theme = getIonTheme(this);
31908
- return (hAsync(Host, { key: '1af7f2ac469dabdbea1307c839afe014a08f5299', class: {
32024
+ return (hAsync(Host, { key: '85a44b93142f4a0c05e14ecd39ec44d4047d7cc0', class: {
31909
32025
  [theme]: true,
31910
- } }, hAsync("div", { key: 'dc1500809215267cb68a2fc39eeb04725bf9948e', class: "refresher-pulling" }, this.pullingIcon && hasSpinner && (hAsync("div", { class: "refresher-pulling-icon" }, hAsync("div", { class: "spinner-arrow-container" }, hAsync("ion-spinner", { name: this.pullingIcon, paused: true }), theme === 'md' && this.pullingIcon === 'circular' && (hAsync("div", { class: "arrow-container" }, hAsync("ion-icon", { icon: caretBackSharp, "aria-hidden": "true" })))))), this.pullingIcon && !hasSpinner && (hAsync("div", { class: "refresher-pulling-icon" }, hAsync("ion-icon", { icon: this.pullingIcon, lazy: false, "aria-hidden": "true" }))), this.pullingText !== undefined && this.renderPullingText()), hAsync("div", { key: 'e5892f9590bb2c9ceb12e39bac9755eadc6ac683', class: "refresher-refreshing" }, this.refreshingSpinner && (hAsync("div", { class: "refresher-refreshing-icon" }, hAsync("ion-spinner", { name: this.refreshingSpinner }))), this.refreshingText !== undefined && this.renderRefreshingText())));
32026
+ } }, hAsync("div", { key: 'bfcfe123ee64018a5788cc9d8742287f3a981682', class: "refresher-pulling" }, this.pullingIcon && hasSpinner && (hAsync("div", { class: "refresher-pulling-icon" }, hAsync("div", { class: "spinner-arrow-container" }, hAsync("ion-spinner", { name: this.pullingIcon, paused: true }), theme === 'md' && this.pullingIcon === 'circular' && (hAsync("div", { class: "arrow-container" }, hAsync("ion-icon", { icon: caretBackSharp, "aria-hidden": "true" })))))), this.pullingIcon && !hasSpinner && (hAsync("div", { class: "refresher-pulling-icon" }, hAsync("ion-icon", { icon: this.pullingIcon, lazy: false, "aria-hidden": "true" }))), this.pullingText !== undefined && this.renderPullingText()), hAsync("div", { key: '3e0abc2a65509625c5ea14e5dddcd833b8d5c34d', class: "refresher-refreshing" }, this.refreshingSpinner && (hAsync("div", { class: "refresher-refreshing-icon" }, hAsync("ion-spinner", { name: this.refreshingSpinner }))), this.refreshingText !== undefined && this.renderRefreshingText())));
31911
32027
  }
31912
32028
  get el() { return getElement(this); }
31913
32029
  static get cmpMeta() { return {
@@ -31956,9 +32072,9 @@ class Reorder {
31956
32072
  render() {
31957
32073
  const theme = getIonTheme(this);
31958
32074
  const reorderIcon = theme === 'ios' ? reorderThreeOutline : reorderTwoSharp;
31959
- return (hAsync(Host, { key: 'b1ac62e21d23164e5e0e092bb80488b432093a6e', class: {
32075
+ return (hAsync(Host, { key: '28e184fe304172c51b0562ae11f1f85bb91acfbe', class: {
31960
32076
  [theme]: true,
31961
- } }, hAsync("slot", { key: '84fb2595ffb9d96ea8dd81e600b12c4e3ec750a4' }, hAsync("ion-icon", { key: 'f389aa4ff4d98d1d28019f93a7197859ccdfe77c', icon: reorderIcon, lazy: false, class: "reorder-icon", part: "icon", "aria-hidden": "true" }))));
32077
+ } }, hAsync("slot", { key: '020bf9424b64d050e85dde330acc2c92917d515d' }, hAsync("ion-icon", { key: '753a238e178dcd8a1a7a5611b553ee6dac878255', icon: reorderIcon, lazy: false, class: "reorder-icon", part: "icon", "aria-hidden": "true" }))));
31962
32078
  }
31963
32079
  get el() { return getElement(this); }
31964
32080
  static get style() { return {
@@ -32217,7 +32333,7 @@ class ReorderGroup {
32217
32333
  }
32218
32334
  render() {
32219
32335
  const theme = getIonTheme(this);
32220
- return (hAsync(Host, { key: '166dea821a1071bbc47c52088ad471598906aa69', class: {
32336
+ return (hAsync(Host, { key: '224918a96b7e85d6e4f8b774da8d5ba4e139825a', class: {
32221
32337
  [theme]: true,
32222
32338
  'reorder-enabled': !this.disabled,
32223
32339
  'reorder-list-active': this.state !== 0 /* ReorderGroupState.Idle */,
@@ -32329,7 +32445,7 @@ class RippleEffect {
32329
32445
  }
32330
32446
  render() {
32331
32447
  const theme = getIonTheme(this);
32332
- return (hAsync(Host, { key: '7f9a500e68a05370d2a3353cbd588474a6f68762', role: "presentation", class: {
32448
+ return (hAsync(Host, { key: '530778f547a554267bdf37366f60d26064016c4d', role: "presentation", class: {
32333
32449
  [theme]: true,
32334
32450
  unbounded: this.unbounded,
32335
32451
  } }));
@@ -33283,10 +33399,10 @@ class RouterLink {
33283
33399
  rel: this.rel,
33284
33400
  target: this.target,
33285
33401
  };
33286
- return (hAsync(Host, { key: 'f13b788a5725dfba211c2c4558d4dfc9099d8dd3', onClick: this.onClick, class: createColorClasses$1(this.color, {
33402
+ return (hAsync(Host, { key: '8de6795119ef7ef66fcb2666198b47ed0a89c1e0', onClick: this.onClick, class: createColorClasses$1(this.color, {
33287
33403
  [theme]: true,
33288
33404
  'ion-activatable': true,
33289
- }) }, hAsync("a", Object.assign({ key: 'a67cea28fb740c6db408a32973cd5fcbaecf7db0' }, attrs), hAsync("slot", { key: 'ab63b4654ee317c48df7fb8aaf350eb9c272935c' }))));
33405
+ }) }, hAsync("a", Object.assign({ key: 'e7bfa23fa6cde7def307d8eb962ba0b3a04bacc7' }, attrs), hAsync("slot", { key: 'b7bf42a00137767eace70fe2a637a7f0faf1a333' }))));
33290
33406
  }
33291
33407
  static get style() { return IonRouterLinkStyle0; }
33292
33408
  static get cmpMeta() { return {
@@ -33484,7 +33600,7 @@ class RouterOutlet {
33484
33600
  return true;
33485
33601
  }
33486
33602
  render() {
33487
- return hAsync("slot", { key: 'bd25db1178276d333a68a25e5e35f5dbe0714805' });
33603
+ return hAsync("slot", { key: 'e48ce56d7e579635a6c4eec7b01dda14df62d0c6' });
33488
33604
  }
33489
33605
  get el() { return getElement(this); }
33490
33606
  static get watchers() { return {
@@ -33523,9 +33639,9 @@ class Row {
33523
33639
  }
33524
33640
  render() {
33525
33641
  const theme = getIonTheme(this);
33526
- return (hAsync(Host, { key: '9ce8c6b2c56c8395b0fdbf27596a8995ab0c32ae', class: {
33642
+ return (hAsync(Host, { key: '157738c7cf82cd8ceb33b51c1eb84566bd51e805', class: {
33527
33643
  [theme]: true,
33528
- } }, hAsync("slot", { key: '669552a7ad745daaf193ce0bad3ef4dbe062ba8c' })));
33644
+ } }, hAsync("slot", { key: 'dd90ecc26238c372b9f0d933786082732d42f798' })));
33529
33645
  }
33530
33646
  static get style() { return IonRowStyle0; }
33531
33647
  static get cmpMeta() { return {
@@ -33665,7 +33781,7 @@ class Searchbar {
33665
33781
  this.noAnimate = true;
33666
33782
  this.color = undefined;
33667
33783
  this.animated = false;
33668
- this.autocapitalize = undefined;
33784
+ this.autocapitalize = 'off';
33669
33785
  this.autocomplete = 'off';
33670
33786
  this.autocorrect = 'off';
33671
33787
  this.cancelButtonIcon = config.get('backButtonIcon', arrowBackSharp);
@@ -33923,8 +34039,8 @@ class Searchbar {
33923
34039
  const clearIcon = this.clearIcon || (theme === 'ios' ? closeCircle : closeSharp);
33924
34040
  const searchIcon = this.searchIcon || (theme === 'ios' ? searchOutline : searchSharp);
33925
34041
  const shouldShowCancelButton = this.shouldShowCancelButton();
33926
- const cancelButton = this.showCancelButton !== 'never' && (hAsync("button", { key: '0110d5f6f4cfb813a4cdf7e7954c8b7ada021f15', "aria-label": cancelButtonText, "aria-hidden": shouldShowCancelButton ? undefined : 'true', type: "button", tabIndex: theme === 'ios' && !shouldShowCancelButton ? -1 : undefined, onMouseDown: this.onCancelSearchbar, onTouchStart: this.onCancelSearchbar, class: "searchbar-cancel-button" }, hAsync("div", { key: 'e5f260684cfa75a43063e6d0071d4c220ea49563', "aria-hidden": "true" }, theme === 'md' ? (hAsync("ion-icon", { "aria-hidden": "true", icon: this.cancelButtonIcon, lazy: false })) : (cancelButtonText))));
33927
- return (hAsync(Host, { key: '3460520d8b2dd69dab7231b88bcb571b50992f89', role: "search", "aria-disabled": this.disabled ? 'true' : null, class: createColorClasses$1(this.color, {
34042
+ const cancelButton = this.showCancelButton !== 'never' && (hAsync("button", { key: 'e1b9ddf497da5ab482c5f7b2b6f607eb41a51367', "aria-label": cancelButtonText, "aria-hidden": shouldShowCancelButton ? undefined : 'true', type: "button", tabIndex: theme === 'ios' && !shouldShowCancelButton ? -1 : undefined, onMouseDown: this.onCancelSearchbar, onTouchStart: this.onCancelSearchbar, class: "searchbar-cancel-button" }, hAsync("div", { key: 'efc1ab4e5f90951cbaa11be3b06f328b0bf3e538', "aria-hidden": "true" }, theme === 'md' ? (hAsync("ion-icon", { "aria-hidden": "true", icon: this.cancelButtonIcon, lazy: false })) : (cancelButtonText))));
34043
+ return (hAsync(Host, { key: '6bd18ef4a5e9334eb4f3eeed1ca576c534e1739b', role: "search", "aria-disabled": this.disabled ? 'true' : null, class: createColorClasses$1(this.color, {
33928
34044
  [theme]: true,
33929
34045
  'searchbar-animated': animated,
33930
34046
  'searchbar-disabled': this.disabled,
@@ -33934,14 +34050,14 @@ class Searchbar {
33934
34050
  'searchbar-has-focus': this.focused,
33935
34051
  'searchbar-should-show-clear': this.shouldShowClearButton(),
33936
34052
  'searchbar-should-show-cancel': this.shouldShowCancelButton(),
33937
- }) }, hAsync("div", { key: 'cd68bfe8d27cc16477c238e34ca138b999296f5f', class: "searchbar-input-container" }, hAsync("input", Object.assign({ key: '0c4618569243a63164e680712804381cffd5a858', "aria-label": "search text", disabled: this.disabled, ref: (el) => (this.nativeInput = el), class: "searchbar-input", inputMode: this.inputmode, enterKeyHint: this.enterkeyhint, name: this.name, onInput: this.onInput, onChange: this.onChange, onBlur: this.onBlur, onFocus: this.onFocus, minLength: this.minlength, maxLength: this.maxlength, placeholder: this.placeholder, type: this.type, value: this.getValue(), autoCapitalize: this.autocapitalize, autoComplete: this.autocomplete, autoCorrect: this.autocorrect, spellcheck: this.spellcheck }, this.inheritedAttributes)), theme === 'md' && cancelButton, hAsync("ion-icon", { key: '360bbd3432866db7f9c5b5f0fb653935b81f0ab2', "aria-hidden": "true", icon: searchIcon, lazy: false, class: "searchbar-search-icon" }), hAsync("button", { key: '70d10d5f4c5839326ec3d6c7468a21943148cdef', "aria-label": "reset", type: "button", "no-blur": true, class: "searchbar-clear-button", onPointerDown: (ev) => {
34053
+ }) }, hAsync("div", { key: '9206c0f8367f4bdfb165d025e9212b3988d5d777', class: "searchbar-input-container" }, hAsync("input", Object.assign({ key: '45d0683d338cf7eba0c46de7287d19e7ced2983b', "aria-label": "search text", disabled: this.disabled, ref: (el) => (this.nativeInput = el), class: "searchbar-input", inputMode: this.inputmode, enterKeyHint: this.enterkeyhint, name: this.name, onInput: this.onInput, onChange: this.onChange, onBlur: this.onBlur, onFocus: this.onFocus, minLength: this.minlength, maxLength: this.maxlength, placeholder: this.placeholder, type: this.type, value: this.getValue(), autoCapitalize: this.autocapitalize, autoComplete: this.autocomplete, autoCorrect: this.autocorrect, spellcheck: this.spellcheck }, this.inheritedAttributes)), theme === 'md' && cancelButton, hAsync("ion-icon", { key: '51c09903d721758c95842c96b527e077663b83e9', "aria-hidden": "true", icon: searchIcon, lazy: false, class: "searchbar-search-icon" }), hAsync("button", { key: '246fba097c51614f658618ef03e83b0b50f4b233', "aria-label": "reset", type: "button", "no-blur": true, class: "searchbar-clear-button", onPointerDown: (ev) => {
33938
34054
  /**
33939
34055
  * This prevents mobile browsers from
33940
34056
  * blurring the input when the clear
33941
34057
  * button is activated.
33942
34058
  */
33943
34059
  ev.preventDefault();
33944
- }, onClick: () => this.onClearInput(true) }, hAsync("ion-icon", { key: 'e541e14885d13f2844e392a4109a86062b62b2d0', "aria-hidden": "true", icon: clearIcon, lazy: false, class: "searchbar-clear-icon" }))), theme === 'ios' && cancelButton));
34060
+ }, onClick: () => this.onClearInput(true) }, hAsync("ion-icon", { key: 'c0102ec701f0adbbdecb31bd78d5115607261061', "aria-hidden": "true", icon: clearIcon, lazy: false, class: "searchbar-clear-icon" }))), theme === 'ios' && cancelButton));
33945
34061
  }
33946
34062
  get el() { return getElement(this); }
33947
34063
  static get watchers() { return {
@@ -34420,14 +34536,14 @@ class Segment {
34420
34536
  }
34421
34537
  render() {
34422
34538
  const theme = getIonTheme(this);
34423
- return (hAsync(Host, { key: '93e49c7f9d0dc078c7a6bad31e2d33fe91fb1728', role: "tablist", onClick: this.onClick, class: createColorClasses$1(this.color, {
34539
+ return (hAsync(Host, { key: 'edb5182f68a0ad4cefab539afdf1a0d64447053a', role: "tablist", onClick: this.onClick, class: createColorClasses$1(this.color, {
34424
34540
  [theme]: true,
34425
34541
  'in-toolbar': hostContext('ion-toolbar', this.el),
34426
34542
  'in-toolbar-color': hostContext('ion-toolbar[color]', this.el),
34427
34543
  'segment-activated': this.activated,
34428
34544
  'segment-disabled': this.disabled,
34429
34545
  'segment-scrollable': this.scrollable,
34430
- }) }, hAsync("slot", { key: '75481d77210868270ca5eaa0e13b705db5905925' })));
34546
+ }) }, hAsync("slot", { key: '0b2288bddcffde891302c71a41d611d1fb98340e' })));
34431
34547
  }
34432
34548
  get el() { return getElement(this); }
34433
34549
  static get watchers() { return {
@@ -34542,7 +34658,7 @@ class SegmentButton {
34542
34658
  const { checked, type, disabled, hasIcon, hasLabel, layout, segmentEl } = this;
34543
34659
  const theme = getIonTheme(this);
34544
34660
  const hasSegmentColor = () => (segmentEl === null || segmentEl === void 0 ? void 0 : segmentEl.color) !== undefined;
34545
- return (hAsync(Host, { key: '85777c6a1659339f9a0fa98ebe3e7cfbabf1653f', class: {
34661
+ return (hAsync(Host, { key: '13a371d8e2a0ebac3c62b7a1920e3a4bf3a77c62', class: {
34546
34662
  [theme]: true,
34547
34663
  'in-toolbar': hostContext('ion-toolbar', this.el),
34548
34664
  'in-toolbar-color': hostContext('ion-toolbar[color]', this.el),
@@ -34558,10 +34674,10 @@ class SegmentButton {
34558
34674
  'ion-activatable': true,
34559
34675
  'ion-activatable-instant': true,
34560
34676
  'ion-focusable': true,
34561
- } }, hAsync("button", Object.assign({ key: '98bb77139779f40911c1892f48dc2d5e5e5e6514', "aria-selected": checked ? 'true' : 'false', role: "tab", ref: (el) => (this.nativeEl = el), type: type, class: "button-native", part: "native", disabled: disabled }, this.inheritedAttributes), hAsync("span", { key: 'dfe04b5169d6237dad431e6f14391bfcea3717bb', class: "button-inner" }, hAsync("slot", { key: '531b69c1a6617708760da7f02be0fba4a377bcf8' })), theme === 'md' && hAsync("ion-ripple-effect", null)), hAsync("div", { key: '27e2db764e8a1820d20f29e521dc93df5a63fc0d', part: "indicator", class: {
34677
+ } }, hAsync("button", Object.assign({ key: '485a65f3363535c16a19f2733145437aa43b0df0', "aria-selected": checked ? 'true' : 'false', role: "tab", ref: (el) => (this.nativeEl = el), type: type, class: "button-native", part: "native", disabled: disabled }, this.inheritedAttributes), hAsync("span", { key: '56d41f6cd90cf57d45da46616fc84239935bf6e6', class: "button-inner" }, hAsync("slot", { key: '9bac1100713695ec067524c98c957821bbd8e3b5' })), theme === 'md' && hAsync("ion-ripple-effect", null)), hAsync("div", { key: 'b77df00c0ac881c7c65061e721cc0f45f5060851', part: "indicator", class: {
34562
34678
  'segment-button-indicator': true,
34563
34679
  'segment-button-indicator-animated': true,
34564
- } }, hAsync("div", { key: '71edeedd4fe69afc2a70a8b8c64b9ea0f995fdb8', part: "indicator-background", class: "segment-button-indicator-background" }))));
34680
+ } }, hAsync("div", { key: '29408e74ccaf30994f4f7f0b5e03787a99972ef6', part: "indicator-background", class: "segment-button-indicator-background" }))));
34565
34681
  }
34566
34682
  get el() { return getElement(this); }
34567
34683
  static get watchers() { return {
@@ -35165,7 +35281,7 @@ class Select {
35165
35281
  * TODO(FW-5592): Remove hasStartEndSlots condition
35166
35282
  */
35167
35283
  const labelShouldFloat = labelPlacement === 'stacked' || (labelPlacement === 'floating' && (hasValue || isExpanded || hasStartEndSlots));
35168
- return (hAsync(Host, { key: '337114bfda3c5a604454ebab1cd38da546922276', onClick: this.onClick, class: createColorClasses$1(this.color, {
35284
+ return (hAsync(Host, { key: '31d6c53e81c89bd86883932e39215a12b9fd6e7f', onClick: this.onClick, class: createColorClasses$1(this.color, {
35169
35285
  [theme]: true,
35170
35286
  'in-item': inItem,
35171
35287
  'in-item-color': hostContext('ion-item.ion-color', el),
@@ -35181,7 +35297,7 @@ class Select {
35181
35297
  [`select-justify-${justify}`]: justifyEnabled,
35182
35298
  [`select-shape-${shape}`]: shape !== undefined,
35183
35299
  [`select-label-placement-${labelPlacement}`]: true,
35184
- }) }, hAsync("label", { key: '82de04dbd97ad93a450a22272277be58adbd8c71', class: "select-wrapper", id: "select-label" }, this.renderLabelContainer(), hAsync("div", { key: '279eb8a35c0d45b0db959e62333bd9d5960066e6', class: "select-wrapper-inner" }, hAsync("slot", { key: 'dbd606bdf90addb0e10ecbe1bbeae2def48cb2fa', name: "start" }), hAsync("div", { key: '3eda8840500347860639334014fdbd843b3f6e81', class: "native-wrapper", ref: (el) => (this.nativeWrapperEl = el), part: "container" }, this.renderSelectText(), this.renderListbox()), hAsync("slot", { key: '76c1c1e72e87531f7c106fc9d2f5e477c6c7e626', name: "end" }), !hasFloatingOrStackedLabel && this.renderSelectIcon()), hasFloatingOrStackedLabel && this.renderSelectIcon(), shouldRenderHighlight && hAsync("div", { class: "select-highlight" }))));
35300
+ }) }, hAsync("label", { key: '2d5ad6c905042f2444e7c295657672544ad2f8b7', class: "select-wrapper", id: "select-label" }, this.renderLabelContainer(), hAsync("div", { key: '0595dc92f243fa2059a80c311e0dd6c24a683e0f', class: "select-wrapper-inner" }, hAsync("slot", { key: '765c5f680d904fc60d6ed4517e83cfcf11782fe4', name: "start" }), hAsync("div", { key: '7091eb4bcc5cf4727865dd09cf2c2a1db4d3435e', class: "native-wrapper", ref: (el) => (this.nativeWrapperEl = el), part: "container" }, this.renderSelectText(), this.renderListbox()), hAsync("slot", { key: '9c554e332af0efbb8e9afa2510d3fc9988631f08', name: "end" }), !hasFloatingOrStackedLabel && this.renderSelectIcon()), hasFloatingOrStackedLabel && this.renderSelectIcon(), shouldRenderHighlight && hAsync("div", { class: "select-highlight" }))));
35185
35301
  }
35186
35302
  get el() { return getElement(this); }
35187
35303
  static get watchers() { return {
@@ -35278,7 +35394,7 @@ class SelectOption {
35278
35394
  }
35279
35395
  render() {
35280
35396
  const theme = getIonTheme(this);
35281
- return (hAsync(Host, { key: '20235a3933110bfca53a54019b16cfdbf41e3d47', class: {
35397
+ return (hAsync(Host, { key: 'a0b9d59460e0fa4637aed6ab7665da434e05a9f7', class: {
35282
35398
  [theme]: true,
35283
35399
  }, role: "option", id: this.inputId }));
35284
35400
  }
@@ -35407,9 +35523,9 @@ class SelectPopover {
35407
35523
  const { header, message, options, subHeader } = this;
35408
35524
  const hasSubHeaderOrMessage = subHeader !== undefined || message !== undefined;
35409
35525
  const theme = getIonTheme(this);
35410
- return (hAsync(Host, { key: '7e519879b3cf45cbc48a321dd64ab80d823b3bc3', class: {
35526
+ return (hAsync(Host, { key: '12e12ca53ca1262fe747f260e196c5fe8fa1a9f3', class: {
35411
35527
  [theme]: true,
35412
- } }, hAsync("ion-list", { key: '28f9a54d4b44ea4b8d991ae9075102b617557757' }, header !== undefined && hAsync("ion-list-header", null, header), hasSubHeaderOrMessage && (hAsync("ion-item", null, hAsync("ion-label", { class: "ion-text-wrap" }, subHeader !== undefined && hAsync("h3", null, subHeader), message !== undefined && hAsync("p", null, message)))), this.renderOptions(options))));
35528
+ } }, hAsync("ion-list", { key: '93570903ed820b793aab072d44afff6a3542087c' }, header !== undefined && hAsync("ion-list-header", null, header), hasSubHeaderOrMessage && (hAsync("ion-item", null, hAsync("ion-label", { class: "ion-text-wrap" }, subHeader !== undefined && hAsync("h3", null, subHeader), message !== undefined && hAsync("p", null, message)))), this.renderOptions(options))));
35413
35529
  }
35414
35530
  get el() { return getElement(this); }
35415
35531
  static get style() { return {
@@ -35462,11 +35578,11 @@ class SkeletonText {
35462
35578
  const animated = this.animated && config.getBoolean('animated', true);
35463
35579
  const inMedia = hostContext('ion-avatar', this.el) || hostContext('ion-thumbnail', this.el);
35464
35580
  const theme = getIonTheme(this);
35465
- return (hAsync(Host, { key: '13bcbf6760f12a128eeb7806833f797ed778a1e2', class: {
35581
+ return (hAsync(Host, { key: '9c9a256001f173613dc4b715b2864d3e14a1e071', class: {
35466
35582
  [theme]: true,
35467
35583
  'skeleton-text-animated': animated,
35468
35584
  'in-media': inMedia,
35469
- } }, hAsync("span", { key: '78bd56f6c97f72a85758f16e9186d7a258e7e73d' }, "\u00A0")));
35585
+ } }, hAsync("span", { key: '5ffdaef2c9a438a7c5cf4bf6da4cd9e17d41bca0' }, "\u00A0")));
35470
35586
  }
35471
35587
  get el() { return getElement(this); }
35472
35588
  static get style() { return IonSkeletonTextStyle0; }
@@ -35523,7 +35639,7 @@ class Spinner {
35523
35639
  svgs.push(buildLine(spinner, duration, i, spinner.lines));
35524
35640
  }
35525
35641
  }
35526
- return (hAsync(Host, { key: 'd76878648aef028b93156dd1e85d5b0acb8b52a9', class: createColorClasses$1(self.color, {
35642
+ return (hAsync(Host, { key: 'b72812943d752c420ac3f9d07264220b6b21f3f3', class: createColorClasses$1(self.color, {
35527
35643
  [theme]: true,
35528
35644
  [`spinner-${spinnerName}`]: true,
35529
35645
  'spinner-paused': self.paused || config.getBoolean('_testing'),
@@ -35630,12 +35746,12 @@ class SplitPane {
35630
35746
  }
35631
35747
  render() {
35632
35748
  const theme = getIonTheme(this);
35633
- return (hAsync(Host, { key: 'b5ad2b32f12e0efc1c579238458f81404348172e', class: {
35749
+ return (hAsync(Host, { key: '390c6c13e78c2004d992139c93ccdc91cd2591e2', class: {
35634
35750
  [theme]: true,
35635
35751
  // Used internally for styling
35636
35752
  [`split-pane-${theme}`]: true,
35637
35753
  'split-pane-visible': this.visible,
35638
- } }, hAsync("slot", { key: '688b702424b64ccc01dd7edbee37c220d277c2b4' })));
35754
+ } }, hAsync("slot", { key: 'dc8c53a9857b9db82f91684ccf495aa2a4757fa2' })));
35639
35755
  }
35640
35756
  get el() { return getElement(this); }
35641
35757
  static get watchers() { return {
@@ -35709,10 +35825,10 @@ class Tab {
35709
35825
  }
35710
35826
  render() {
35711
35827
  const { tab, active, component } = this;
35712
- return (hAsync(Host, { key: '25152d0c5cb67053bc529ddd7a8f87344a23adaa', role: "tabpanel", "aria-hidden": !active ? 'true' : null, "aria-labelledby": `tab-button-${tab}`, class: {
35828
+ return (hAsync(Host, { key: 'b419a861283f5c591c2a6031ff034766912de54a', role: "tabpanel", "aria-hidden": !active ? 'true' : null, "aria-labelledby": `tab-button-${tab}`, class: {
35713
35829
  'ion-page': component === undefined,
35714
35830
  'tab-hidden': !active,
35715
- } }, hAsync("slot", { key: '786d2a026df2f1c0c6643a602b36b2d2b70b59a0' })));
35831
+ } }, hAsync("slot", { key: '617d491cae1552394db606efb817ec2dbb1365ce' })));
35716
35832
  }
35717
35833
  get el() { return getElement(this); }
35718
35834
  static get watchers() { return {
@@ -35794,11 +35910,11 @@ class TabBar {
35794
35910
  const { color, translucent, keyboardVisible } = this;
35795
35911
  const theme = getIonTheme(this);
35796
35912
  const shouldHide = keyboardVisible && this.el.getAttribute('slot') !== 'top';
35797
- return (hAsync(Host, { key: '472b19ffa681b062a4e6a3a5dbb484ce27e53976', role: "tablist", "aria-hidden": shouldHide ? 'true' : null, class: createColorClasses$1(color, {
35913
+ return (hAsync(Host, { key: '876758e00695cbe1b7068a63dae939acb475c669', role: "tablist", "aria-hidden": shouldHide ? 'true' : null, class: createColorClasses$1(color, {
35798
35914
  [theme]: true,
35799
35915
  'tab-bar-translucent': translucent,
35800
35916
  'tab-bar-hidden': shouldHide,
35801
- }) }, hAsync("slot", { key: '8b5b9b1ac56918e47c4474a2c235d969d1854c36' })));
35917
+ }) }, hAsync("slot", { key: '1e3d595e688f6bc92fc1f52815a58eae617c8084' })));
35802
35918
  }
35803
35919
  get el() { return getElement(this); }
35804
35920
  static get watchers() { return {
@@ -35901,7 +36017,7 @@ class TabButton {
35901
36017
  rel,
35902
36018
  target,
35903
36019
  };
35904
- return (hAsync(Host, { key: 'f916e959d54e3a2880badb4366773743780fcd4c', onClick: this.onClick, onKeyup: this.onKeyUp, id: tab !== undefined ? `tab-button-${tab}` : null, class: {
36020
+ return (hAsync(Host, { key: 'a3e5684eaab08ab038441d0b069d9d94fdb2bb75', onClick: this.onClick, onKeyup: this.onKeyUp, id: tab !== undefined ? `tab-button-${tab}` : null, class: {
35905
36021
  [theme]: true,
35906
36022
  'tab-selected': selected,
35907
36023
  'tab-disabled': disabled,
@@ -35913,7 +36029,7 @@ class TabButton {
35913
36029
  'ion-activatable': true,
35914
36030
  'ion-selectable': true,
35915
36031
  'ion-focusable': true,
35916
- } }, hAsync("a", Object.assign({ key: '6ae661f6e91e2916111aa556735e066001720d76' }, attrs, { class: "button-native", part: "native", role: "tab", "aria-selected": selected ? 'true' : null, "aria-disabled": disabled ? 'true' : null, tabindex: disabled ? '-1' : undefined }, inheritedAttributes), hAsync("span", { key: '6fab328b467b7fbe1e7c27134df10b8868b05c80', class: "button-inner" }, hAsync("slot", { key: '0f38f4765c907a1d74f57eaa0a325f67ea4da0e2' })), theme === 'md' && hAsync("ion-ripple-effect", { type: "unbounded" }))));
36032
+ } }, hAsync("a", Object.assign({ key: 'b851b846f28da9af55c25cb4493b635b91cc65bb' }, attrs, { class: "button-native", part: "native", role: "tab", "aria-selected": selected ? 'true' : null, "aria-disabled": disabled ? 'true' : null, tabindex: disabled ? '-1' : undefined }, inheritedAttributes), hAsync("span", { key: '9cf94f67da9f7d97853bf37394c026e93974c1f1', class: "button-inner" }, hAsync("slot", { key: 'fc30698b72b1bc506c117c1045c6f3030dcdfa4f' })), theme === 'md' && hAsync("ion-ripple-effect", { type: "unbounded" }))));
35917
36033
  }
35918
36034
  get el() { return getElement(this); }
35919
36035
  static get style() { return {
@@ -36083,7 +36199,7 @@ class Tabs {
36083
36199
  return Array.from(this.el.querySelectorAll('ion-tab'));
36084
36200
  }
36085
36201
  render() {
36086
- return (hAsync(Host, { key: '91050ed237918190ac694e057344ff29e0e6d5b5', onIonTabButtonClick: this.onTabClicked }, hAsync("slot", { key: 'a46e5ec1df57e850f6c18a7c386c9e16c8cbe09d', name: "top" }), hAsync("div", { key: 'ece935d56f859d95a0abde26cf1bc22fff6d4d16', class: "tabs-inner" }, hAsync("slot", { key: '9c756c699d90a0f85fa589eab3fc7a0f8c7b8d1c' })), hAsync("slot", { key: 'adc6a0f4afede64f0226e9fb0169e0759955862e', name: "bottom" })));
36202
+ return (hAsync(Host, { key: '2dcd503f13b7b4e77e73920db4d384744b373fe5', onIonTabButtonClick: this.onTabClicked }, hAsync("slot", { key: '2fbffcc2505f54ca75066cf6df6d3faabda70ec4', name: "top" }), hAsync("div", { key: 'f31081b00b9f175661cfea5a881d13175dc28540', class: "tabs-inner" }, hAsync("slot", { key: 'd0f095af88cb8701ba218244cdee02b9599d7c9c' })), hAsync("slot", { key: 'e29fe09d948f08c08b055de0efb4532201d14d6e', name: "bottom" })));
36087
36203
  }
36088
36204
  get el() { return getElement(this); }
36089
36205
  static get style() { return IonTabsStyle0; }
@@ -36126,9 +36242,9 @@ class Text {
36126
36242
  }
36127
36243
  render() {
36128
36244
  const theme = getIonTheme(this);
36129
- return (hAsync(Host, { key: '9b8da45b71b833b0f6d48775b785fcbf86b109dc', class: createColorClasses$1(this.color, {
36245
+ return (hAsync(Host, { key: '6ea7825c51881a6ba8d0c01884a9776dc06c2df0', class: createColorClasses$1(this.color, {
36130
36246
  [theme]: true,
36131
- }) }, hAsync("slot", { key: '10d1a6ab506cfae2858bec6c9451f3d7f16cd55f' })));
36247
+ }) }, hAsync("slot", { key: '9458b85a5037b41bb632e798e8929c6638599d61' })));
36132
36248
  }
36133
36249
  static get style() { return IonTextStyle0; }
36134
36250
  static get cmpMeta() { return {
@@ -36499,7 +36615,7 @@ class Textarea {
36499
36615
  * TODO(FW-5592): Remove hasStartEndSlots condition
36500
36616
  */
36501
36617
  const labelShouldFloat = labelPlacement === 'stacked' || (labelPlacement === 'floating' && (hasValue || hasFocus || hasStartEndSlots));
36502
- return (hAsync(Host, { key: 'd1b73299b7e55d87bdca6a026409801b8e4c793c', class: createColorClasses$1(this.color, {
36618
+ return (hAsync(Host, { key: 'cc3e59fb7c38068891f3d69bb1534fb8fad73fa8', class: createColorClasses$1(this.color, {
36503
36619
  [theme]: true,
36504
36620
  'has-value': hasValue,
36505
36621
  'has-focus': hasFocus,
@@ -36508,7 +36624,7 @@ class Textarea {
36508
36624
  [`textarea-shape-${shape}`]: shape !== undefined,
36509
36625
  [`textarea-label-placement-${labelPlacement}`]: true,
36510
36626
  'textarea-disabled': disabled,
36511
- }) }, hAsync("label", { key: '56a14c9be398e0f4dbf1f9a71999dc0aecaa732e', class: "textarea-wrapper", htmlFor: inputId }, this.renderLabelContainer(), hAsync("div", { key: '0c2ead1040301502244e7afc38f14051b40e4711', class: "textarea-wrapper-inner" }, hAsync("div", { key: '3a2f6d8db60c807e7ff11342f45082197fba5abe', class: "start-slot-wrapper" }, hAsync("slot", { key: '3a8238e824f737c0c99081bac7c02dc1b519a3aa', name: "start" })), hAsync("div", { key: '7704ec78ff12ea56f6a8193dd78b4333750051dc', class: "native-wrapper", ref: (el) => (this.textareaWrapper = el) }, hAsync("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)), hAsync("div", { key: 'ea8d0e2fc46aa2565c9ca075bd5813b79b090942', class: "end-slot-wrapper" }, hAsync("slot", { key: '5b0924fcf975858005da294df8cabc46d5d0c751', name: "end" }))), shouldRenderHighlight && hAsync("div", { class: "textarea-highlight" })), this.renderBottomContent()));
36627
+ }) }, hAsync("label", { key: '86fec96f55297e95a460eafc128478ae6517594e', class: "textarea-wrapper", htmlFor: inputId }, this.renderLabelContainer(), hAsync("div", { key: 'c5bcf4ec24a9353862a952a87ee594438abb23a4', class: "textarea-wrapper-inner" }, hAsync("div", { key: 'dba84845364f83ab68dc77ba8e38e027b5ca6d48', class: "start-slot-wrapper" }, hAsync("slot", { key: '025498e4ae5d181802db68cef988b97539314c93', name: "start" })), hAsync("div", { key: 'b8f97100ed7ae5218abaf4c5d8e0c5d7308d92b2', class: "native-wrapper", ref: (el) => (this.textareaWrapper = el) }, hAsync("textarea", Object.assign({ key: 'b28682e84eef9e7bc9f6f62504493d1a2980bf3f', 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)), hAsync("div", { key: '9ab68e2fb2639744b20baecd02d7c121c74a7bdf', class: "end-slot-wrapper" }, hAsync("slot", { key: '2ab75fa4769858aa1fd9e7ea22bc1d438605c5da', name: "end" }))), shouldRenderHighlight && hAsync("div", { class: "textarea-highlight" })), this.renderBottomContent()));
36512
36628
  }
36513
36629
  get el() { return getElement(this); }
36514
36630
  static get watchers() { return {
@@ -36576,9 +36692,9 @@ class Thumbnail {
36576
36692
  }
36577
36693
  render() {
36578
36694
  const theme = getIonTheme(this);
36579
- return (hAsync(Host, { key: '6fefc1480c867df5356d30a82f264b46187ae42a', class: {
36695
+ return (hAsync(Host, { key: 'c4d5f83ea8f3bf55bfe093200b54284bd136676c', class: {
36580
36696
  [theme]: true,
36581
- } }, hAsync("slot", { key: '6b9c3f5ea26f9232659be03e127a050bc54c0f7d' })));
36697
+ } }, hAsync("slot", { key: 'b6623d167248e78f99a5ff4e7bdb87505c674fe0' })));
36582
36698
  }
36583
36699
  static get style() { return IonThumbnailStyle0; }
36584
36700
  static get cmpMeta() { return {
@@ -37416,9 +37532,9 @@ class Toast {
37416
37532
  if (layout === 'stacked' && startButtons.length > 0 && endButtons.length > 0) {
37417
37533
  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);
37418
37534
  }
37419
- return (hAsync(Host, Object.assign({ key: '61ff00b35f1d50b1dc8d6bd76029f9da43ad267f', tabindex: "-1" }, this.htmlAttributes, { style: {
37535
+ return (hAsync(Host, Object.assign({ key: '4d456c98c8e4c1aeddb941766ea7749433d6d2c0', tabindex: "-1" }, this.htmlAttributes, { style: {
37420
37536
  zIndex: `${60000 + this.overlayIndex}`,
37421
- }, class: createColorClasses$1(this.color, Object.assign(Object.assign({ [theme]: true }, getClassMap(this.cssClass)), { 'overlay-hidden': true, 'toast-translucent': this.translucent })), onIonToastWillDismiss: this.dispatchCancelHandler }), hAsync("div", { key: 'd10db4d59d1c65654796d778eaa206b4c8f8816d', class: wrapperClass }, hAsync("div", { key: '3e565de041d1904a49bf1533137ef60b1efa270a', class: "toast-container", part: "container" }, this.renderButtons(startButtons, 'start'), this.icon !== undefined && (hAsync("ion-icon", { class: "toast-icon", part: "icon", icon: this.icon, lazy: false, "aria-hidden": "true" })), hAsync("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')))));
37537
+ }, class: createColorClasses$1(this.color, Object.assign(Object.assign({ [theme]: true }, getClassMap(this.cssClass)), { 'overlay-hidden': true, 'toast-translucent': this.translucent })), onIonToastWillDismiss: this.dispatchCancelHandler }), hAsync("div", { key: '6d37bc262fb86442103d5b4f37f6ef88e3854d63', class: wrapperClass }, hAsync("div", { key: '3d21b61bfd7f66ea115fd4d9fd589aaa34051a6b', class: "toast-container", part: "container" }, this.renderButtons(startButtons, 'start'), this.icon !== undefined && (hAsync("ion-icon", { class: "toast-icon", part: "icon", icon: this.icon, lazy: false, "aria-hidden": "true" })), hAsync("div", { key: 'a658502aee8af01a953e8e9229f6fe4ac558c131', 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')))));
37422
37538
  }
37423
37539
  get el() { return getElement(this); }
37424
37540
  static get watchers() { return {
@@ -37643,7 +37759,7 @@ class Toggle {
37643
37759
  const value = this.getValue();
37644
37760
  const rtl = isRTL$1(el) ? 'rtl' : 'ltr';
37645
37761
  renderHiddenInput(true, el, name, checked ? value : '', disabled);
37646
- return (hAsync(Host, { key: 'cdedec897515f4886941e1b1a5b399daab7a12a5', onClick: this.onClick, class: createColorClasses$1(color, {
37762
+ return (hAsync(Host, { key: 'd1e8aecb9d4fcc1e3d4c0b324a55c46a2915dae7', onClick: this.onClick, class: createColorClasses$1(color, {
37647
37763
  [theme]: true,
37648
37764
  'in-item': hostContext('ion-item', el),
37649
37765
  'toggle-activated': activated,
@@ -37653,10 +37769,10 @@ class Toggle {
37653
37769
  [`toggle-alignment-${alignment}`]: true,
37654
37770
  [`toggle-label-placement-${labelPlacement}`]: true,
37655
37771
  [`toggle-${rtl}`]: true,
37656
- }) }, hAsync("label", { key: '638e45188e2f7ce2f55a7b5198e2d4bc7dea6059', class: "toggle-wrapper" }, hAsync("input", Object.assign({ key: 'de5111280d7fcbe9d4fb9806f64d92aeb3866e69', type: "checkbox", role: "switch", "aria-checked": `${checked}`, checked: checked, disabled: disabled, id: inputId, onFocus: () => this.onFocus(), onBlur: () => this.onBlur(), ref: (focusEl) => (this.focusEl = focusEl) }, this.inheritedAttributes)), hAsync("div", { key: '33da5d9383db0d4b9609c57325940ad1663a06ff', class: {
37772
+ }) }, hAsync("label", { key: 'f2992fcde14b9e2f5f059f7dad0cf526a3a6ea6e', class: "toggle-wrapper" }, hAsync("input", Object.assign({ key: '4a93e0aee2134465e41d2c56bcbd2eb230f438ec', type: "checkbox", role: "switch", "aria-checked": `${checked}`, checked: checked, disabled: disabled, id: inputId, onFocus: () => this.onFocus(), onBlur: () => this.onBlur(), ref: (focusEl) => (this.focusEl = focusEl) }, this.inheritedAttributes)), hAsync("div", { key: '8e174e5fc5ec71234c5b6abae20b69f9098571d1', class: {
37657
37773
  'label-text-wrapper': true,
37658
37774
  'label-text-wrapper-hidden': !this.hasLabel,
37659
- }, part: "label" }, hAsync("slot", { key: '06eeabe77eeeddd43cd214c857841f0e3306b058' })), hAsync("div", { key: 'f1c38e2678a9181558eb01f41f0db5fe9d47e4f9', class: "native-wrapper" }, this.renderToggleControl()))));
37775
+ }, part: "label" }, hAsync("slot", { key: '36c22d523213c58800ace8b578afff2263688ea9' })), hAsync("div", { key: '7b38a88b3c030066acbdf54cf93c5e5edbb22638', class: "native-wrapper" }, this.renderToggleControl()))));
37660
37776
  }
37661
37777
  get el() { return getElement(this); }
37662
37778
  static get watchers() { return {
@@ -37765,10 +37881,10 @@ class Toolbar {
37765
37881
  this.childrenStyles.forEach((value) => {
37766
37882
  Object.assign(childStyles, value);
37767
37883
  });
37768
- return (hAsync(Host, { key: '2711e902335d342681ab2177306394bdf7c58a92', class: Object.assign(Object.assign({}, childStyles), createColorClasses$1(this.color, {
37884
+ return (hAsync(Host, { key: 'b72730bba572c0bb2c5fcc6b812491ca31880a91', class: Object.assign(Object.assign({}, childStyles), createColorClasses$1(this.color, {
37769
37885
  [theme]: true,
37770
37886
  'in-toolbar': hostContext('ion-toolbar', this.el),
37771
- })) }, hAsync("div", { key: '91cc5f10fc55306440c9166ace3b6f3fe7693c88', class: "toolbar-background" }), hAsync("div", { key: 'd992f91b1b06b7562622efa724f78155e1054876', class: "toolbar-container" }, hAsync("slot", { key: 'cc31b508759b647b8b3b45b975511dcc114308f2', name: "start" }), hAsync("slot", { key: '603dde2505ee9707b5dec2365b620bd812992a80', name: "secondary" }), hAsync("div", { key: 'd8d488d7e80d228177d2b395bb7412144d7c463d', class: "toolbar-content" }, hAsync("slot", { key: '6be987bbafe3ee476dd87ac15f20dc6f26bb20c0' })), hAsync("slot", { key: 'da160d1e71ae7639290a3ce98c4d2998ab42fc6d', name: "primary" }), hAsync("slot", { key: 'f6d25957e4d60e306031fa9b248448c9bdba9479', name: "end" }))));
37887
+ })) }, hAsync("div", { key: '001472e4f1c4f2b97491fd85b39a86e6afe2814d', class: "toolbar-background" }), hAsync("div", { key: '7b3639c71432971de3b186a8eb3c33e1a2c8ca93', class: "toolbar-container" }, hAsync("slot", { key: 'f965c2e0e1266a79c1314bfcf0db477c24adab00', name: "start" }), hAsync("slot", { key: '6684bf80e2030f2134a4f486994f9ed2825490a4', name: "secondary" }), hAsync("div", { key: 'f4a3535a5ee15be78e7f37f07910766c9cb12160', class: "toolbar-content" }, hAsync("slot", { key: '2eae8960c6e7e9418a162bfc1011c715cc410a68' })), hAsync("slot", { key: '4646aab8dfebb082ccb2aac492341686fab4220f', name: "primary" }), hAsync("slot", { key: 'c528d5961aa8b5f4a8758e4575ce1bf0c2e52b48', name: "end" }))));
37772
37888
  }
37773
37889
  get el() { return getElement(this); }
37774
37890
  static get style() { return {
@@ -37826,11 +37942,11 @@ class ToolbarTitle {
37826
37942
  render() {
37827
37943
  const theme = getIonTheme(this);
37828
37944
  const size = this.getSize();
37829
- return (hAsync(Host, { key: 'c91cf5a67925ad559db86d1b70c1623bdf78103e', class: createColorClasses$1(this.color, {
37945
+ return (hAsync(Host, { key: '085ea8bce9248640bcca81d3edb8c4e00bd6414c', class: createColorClasses$1(this.color, {
37830
37946
  [theme]: true,
37831
37947
  [`title-${size}`]: true,
37832
37948
  'title-rtl': document.dir === 'rtl',
37833
- }) }, hAsync("div", { key: '6417cbb5210735a8ef10cac63787ee2b0b0fcf58', class: "toolbar-title" }, hAsync("slot", { key: '1e1787d82734bcd1e195767d535c8e5310af3cfb' }))));
37949
+ }) }, hAsync("div", { key: '4613c7333cf896a442a81eb4e313e06bb66a48eb', class: "toolbar-title" }, hAsync("slot", { key: 'aeedc8675232851048b501ae212c2bff8f33f859' }))));
37834
37950
  }
37835
37951
  get el() { return getElement(this); }
37836
37952
  static get watchers() { return {
@@ -37890,6 +38006,7 @@ registerComponents([
37890
38006
  InfiniteScroll,
37891
38007
  InfiniteScrollContent,
37892
38008
  Input,
38009
+ InputPasswordToggle,
37893
38010
  Item,
37894
38011
  ItemDivider,
37895
38012
  ItemGroup,