@ionic/core 7.6.7-dev.11706625796.1b3c1ab2 → 7.6.7-dev.11706894781.1cd59fde

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 (854) hide show
  1. package/components/action-sheet.js +7 -9
  2. package/components/alert.js +6 -8
  3. package/components/backdrop.js +3 -17
  4. package/components/button.js +6 -8
  5. package/components/buttons.js +3 -5
  6. package/components/checkbox.js +4 -6
  7. package/components/data.js +2 -2
  8. package/components/gesture-controller.js +1 -1
  9. package/components/icon.js +1 -2
  10. package/components/ion-accordion-group.js +4 -6
  11. package/components/ion-accordion.js +4 -6
  12. package/components/ion-app.js +2 -3
  13. package/components/ion-avatar.js +3 -5
  14. package/components/ion-back-button.js +5 -7
  15. package/components/ion-badge.js +6 -8
  16. package/components/ion-breadcrumb.js +6 -8
  17. package/components/ion-breadcrumbs.js +4 -6
  18. package/components/ion-card-content.js +3 -5
  19. package/components/ion-card-header.js +4 -6
  20. package/components/ion-card-subtitle.js +6 -8
  21. package/components/ion-card-title.js +5 -7
  22. package/components/ion-card.js +5 -7
  23. package/components/ion-chip.js +4 -6
  24. package/components/ion-col.js +3 -4
  25. package/components/ion-content.js +5 -7
  26. package/components/ion-datetime-button.js +6 -8
  27. package/components/ion-datetime.js +44 -70
  28. package/components/ion-fab-button.js +6 -8
  29. package/components/ion-fab-list.js +3 -4
  30. package/components/ion-fab.js +3 -4
  31. package/components/ion-footer.js +4 -6
  32. package/components/ion-grid.js +3 -4
  33. package/components/ion-header.js +4 -6
  34. package/components/ion-img.js +2 -3
  35. package/components/ion-infinite-scroll-content.js +6 -8
  36. package/components/ion-infinite-scroll.js +2 -3
  37. package/components/ion-input.js +4 -6
  38. package/components/ion-item-divider.js +6 -8
  39. package/components/ion-item-group.js +3 -5
  40. package/components/ion-item-option.js +6 -8
  41. package/components/ion-item-options.js +5 -7
  42. package/components/ion-item-sliding.js +2 -3
  43. package/components/ion-loading.js +6 -8
  44. package/components/ion-menu-button.js +5 -7
  45. package/components/ion-menu-toggle.js +3 -4
  46. package/components/ion-menu.js +25 -21
  47. package/components/ion-modal.js +9 -10
  48. package/components/ion-nav-link.js +1 -1
  49. package/components/ion-nav.js +9 -6
  50. package/components/ion-picker-column-option.d.ts +11 -0
  51. package/components/ion-picker-column-option.js +9 -0
  52. package/components/ion-picker-column.js +2 -2
  53. package/components/ion-picker-legacy-column.d.ts +11 -0
  54. package/components/ion-picker-legacy-column.js +9 -0
  55. package/components/{ion-picker-internal.d.ts → ion-picker-legacy.d.ts} +4 -4
  56. package/components/ion-picker-legacy.js +309 -0
  57. package/components/ion-picker.js +1 -311
  58. package/components/ion-progress-bar.js +5 -7
  59. package/components/ion-range.js +4 -6
  60. package/components/ion-refresher-content.js +1 -1
  61. package/components/ion-refresher.js +5 -7
  62. package/components/ion-reorder-group.js +2 -3
  63. package/components/ion-reorder.js +3 -5
  64. package/components/ion-router-link.js +4 -5
  65. package/components/ion-router-outlet.js +2 -3
  66. package/components/ion-row.js +2 -3
  67. package/components/ion-searchbar.js +8 -10
  68. package/components/ion-segment-button.js +7 -9
  69. package/components/ion-segment.js +4 -6
  70. package/components/ion-select-option.js +2 -3
  71. package/components/ion-select.js +4 -6
  72. package/components/ion-skeleton-text.js +3 -4
  73. package/components/ion-split-pane.js +30 -21
  74. package/components/ion-tab-bar.js +6 -8
  75. package/components/ion-tab-button.js +4 -6
  76. package/components/ion-tab.js +3 -4
  77. package/components/ion-tabs.js +2 -3
  78. package/components/ion-text.js +3 -4
  79. package/components/ion-textarea.js +4 -6
  80. package/components/ion-thumbnail.js +2 -3
  81. package/components/ion-title.js +4 -6
  82. package/components/ion-toast.js +6 -8
  83. package/components/ion-toggle.js +4 -6
  84. package/components/ion-toolbar.js +6 -8
  85. package/components/item.js +6 -14
  86. package/components/label.js +5 -7
  87. package/components/list-header.js +6 -8
  88. package/components/list.js +3 -5
  89. package/components/note.js +6 -8
  90. package/components/overlays.js +11 -4
  91. package/components/picker-column-option.js +122 -0
  92. package/components/picker-column.js +351 -324
  93. package/components/picker-column2.js +379 -0
  94. package/components/{picker-internal.js → picker.js} +31 -26
  95. package/components/popover.js +5 -7
  96. package/components/radio-group.js +1 -1
  97. package/components/radio.js +4 -6
  98. package/components/ripple-effect.js +2 -3
  99. package/components/select-popover.js +4 -6
  100. package/components/spinner.js +2 -3
  101. package/css/core.css +101 -34
  102. package/css/core.css.map +1 -1
  103. package/css/global.bundle.css +1 -1
  104. package/css/ionic.bundle.css +1 -1
  105. package/css/ionic.bundle.css.map +1 -1
  106. package/css/themes/dark.always.css +160 -0
  107. package/css/themes/dark.always.css.map +1 -0
  108. package/css/themes/dark.class.css +160 -0
  109. package/css/themes/dark.class.css.map +1 -0
  110. package/css/themes/dark.css +3 -0
  111. package/css/themes/dark.css.map +1 -0
  112. package/css/themes/dark.system.css +162 -0
  113. package/css/themes/dark.system.css.map +1 -0
  114. package/css/themes/high-contrast-dark.always.css +180 -0
  115. package/css/themes/high-contrast-dark.always.css.map +1 -0
  116. package/css/themes/high-contrast-dark.class.css +180 -0
  117. package/css/themes/high-contrast-dark.class.css.map +1 -0
  118. package/css/themes/high-contrast-dark.css +3 -0
  119. package/css/themes/high-contrast-dark.css.map +1 -0
  120. package/css/themes/high-contrast-dark.system.css +182 -0
  121. package/css/themes/high-contrast-dark.system.css.map +1 -0
  122. package/css/themes/high-contrast-light.always.css +101 -0
  123. package/css/themes/high-contrast-light.always.css.map +1 -0
  124. package/css/themes/high-contrast-light.class.css +101 -0
  125. package/css/themes/high-contrast-light.class.css.map +1 -0
  126. package/css/themes/high-contrast-light.css +3 -0
  127. package/css/themes/high-contrast-light.css.map +1 -0
  128. package/css/themes/high-contrast-light.system.css +103 -0
  129. package/css/themes/high-contrast-light.system.css.map +1 -0
  130. package/css/typography.css +1 -1
  131. package/dist/cjs/{app-globals-5a17c5e1.js → app-globals-07127773.js} +1 -1
  132. package/dist/cjs/{button-active-b8c3f603.js → button-active-d432e262.js} +2 -2
  133. package/dist/cjs/{data-a5109f09.js → data-e2bf21de.js} +1 -1
  134. package/dist/cjs/{gesture-controller-c40c045a.js → gesture-controller-9436f482.js} +1 -0
  135. package/dist/cjs/{index-fc6d268f.js → index-6bb6b651.js} +3 -3
  136. package/dist/cjs/{index-5a471146.js → index-71f41461.js} +2 -32
  137. package/dist/cjs/{index-8aef188d.js → index-96a721a7.js} +1 -1
  138. package/dist/cjs/{index-d1b59ffa.js → index-ee07ed59.js} +1 -1
  139. package/dist/cjs/index.cjs.js +9 -9
  140. package/dist/cjs/ion-accordion_2.cjs.entry.js +10 -14
  141. package/dist/cjs/ion-action-sheet.cjs.entry.js +13 -15
  142. package/dist/cjs/ion-alert.cjs.entry.js +12 -14
  143. package/dist/cjs/ion-app_8.cjs.entry.js +35 -49
  144. package/dist/cjs/ion-avatar_3.cjs.entry.js +13 -18
  145. package/dist/cjs/ion-back-button.cjs.entry.js +7 -9
  146. package/dist/cjs/ion-backdrop.cjs.entry.js +5 -19
  147. package/dist/cjs/ion-breadcrumb_2.cjs.entry.js +12 -16
  148. package/dist/cjs/ion-button_2.cjs.entry.js +9 -12
  149. package/dist/cjs/ion-card_5.cjs.entry.js +25 -35
  150. package/dist/cjs/ion-checkbox.cjs.entry.js +6 -8
  151. package/dist/cjs/ion-chip.cjs.entry.js +6 -8
  152. package/dist/cjs/ion-col_3.cjs.entry.js +10 -13
  153. package/dist/cjs/ion-datetime-button.cjs.entry.js +8 -10
  154. package/dist/cjs/ion-datetime_3.cjs.entry.js +49 -75
  155. package/dist/cjs/ion-fab_3.cjs.entry.js +14 -18
  156. package/dist/cjs/ion-img.cjs.entry.js +4 -5
  157. package/dist/cjs/ion-infinite-scroll_2.cjs.entry.js +10 -13
  158. package/dist/cjs/ion-input.cjs.entry.js +6 -8
  159. package/dist/cjs/ion-item-option_3.cjs.entry.js +16 -21
  160. package/dist/cjs/ion-item_8.cjs.entry.js +40 -60
  161. package/dist/cjs/ion-loading.cjs.entry.js +10 -11
  162. package/dist/cjs/ion-menu_3.cjs.entry.js +38 -38
  163. package/dist/cjs/ion-modal.cjs.entry.js +15 -16
  164. package/dist/cjs/ion-nav_2.cjs.entry.js +12 -10
  165. package/dist/cjs/ion-picker-column-option.cjs.entry.js +104 -0
  166. package/dist/cjs/{ion-picker-column-internal.cjs.entry.js → ion-picker-column.cjs.entry.js} +106 -91
  167. package/dist/cjs/{ion-picker-internal.cjs.entry.js → ion-picker.cjs.entry.js} +29 -24
  168. package/dist/cjs/ion-popover.cjs.entry.js +10 -11
  169. package/dist/cjs/ion-progress-bar.cjs.entry.js +7 -9
  170. package/dist/cjs/ion-radio_2.cjs.entry.js +7 -9
  171. package/dist/cjs/ion-range.cjs.entry.js +7 -9
  172. package/dist/cjs/ion-refresher_2.cjs.entry.js +11 -13
  173. package/dist/cjs/ion-reorder_2.cjs.entry.js +8 -11
  174. package/dist/cjs/ion-ripple-effect.cjs.entry.js +4 -5
  175. package/dist/cjs/ion-route_4.cjs.entry.js +6 -7
  176. package/dist/cjs/ion-searchbar.cjs.entry.js +10 -12
  177. package/dist/cjs/ion-segment_2.cjs.entry.js +14 -18
  178. package/dist/cjs/ion-select_3.cjs.entry.js +14 -18
  179. package/dist/cjs/ion-spinner.cjs.entry.js +4 -5
  180. package/dist/cjs/ion-split-pane.cjs.entry.js +30 -22
  181. package/dist/cjs/ion-tab-bar_2.cjs.entry.js +12 -16
  182. package/dist/cjs/ion-tab_2.cjs.entry.js +6 -8
  183. package/dist/cjs/ion-text.cjs.entry.js +5 -6
  184. package/dist/cjs/ion-textarea.cjs.entry.js +6 -8
  185. package/dist/cjs/ion-toast.cjs.entry.js +11 -13
  186. package/dist/cjs/ion-toggle.cjs.entry.js +7 -9
  187. package/dist/cjs/{ionic-global-7358c23e.js → ionic-global-c70c3fb5.js} +1 -1
  188. package/dist/cjs/ionic.cjs.js +5 -5
  189. package/dist/cjs/{ios.transition-2d1cf0c0.js → ios.transition-9624a175.js} +2 -2
  190. package/dist/cjs/loader.cjs.js +4 -4
  191. package/dist/cjs/{md.transition-bb342d2a.js → md.transition-786baf9a.js} +2 -2
  192. package/dist/cjs/{overlays-3190df15.js → overlays-3afa911d.js} +12 -5
  193. package/dist/cjs/{status-tap-5fa2bab5.js → status-tap-66296dcb.js} +1 -1
  194. package/dist/cjs/{swipe-back-2a858bbd.js → swipe-back-b8f2330b.js} +2 -2
  195. package/dist/collection/collection-manifest.json +8 -7
  196. package/dist/collection/components/accordion/accordion.js +2 -2
  197. package/dist/collection/components/accordion-group/accordion-group.js +2 -2
  198. package/dist/collection/components/action-sheet/action-sheet.ios.css +7 -7
  199. package/dist/collection/components/action-sheet/action-sheet.js +3 -3
  200. package/dist/collection/components/action-sheet/action-sheet.md.css +1 -1
  201. package/dist/collection/components/action-sheet/test/a11y/action-sheet.e2e.js +23 -14
  202. package/dist/collection/components/alert/alert.ios.css +12 -12
  203. package/dist/collection/components/alert/alert.js +2 -2
  204. package/dist/collection/components/alert/alert.md.css +17 -17
  205. package/dist/collection/components/alert/test/a11y/alert.e2e.js +22 -9
  206. package/dist/collection/components/app/app.js +1 -1
  207. package/dist/collection/components/avatar/avatar.js +1 -1
  208. package/dist/collection/components/back-button/back-button.ios.css +1 -1
  209. package/dist/collection/components/back-button/back-button.js +2 -2
  210. package/dist/collection/components/back-button/test/a11y/back-button.e2e.js +21 -0
  211. package/dist/collection/components/backdrop/backdrop.js +1 -13
  212. package/dist/collection/components/badge/badge.ios.css +1 -1
  213. package/dist/collection/components/badge/badge.js +2 -2
  214. package/dist/collection/components/badge/badge.md.css +1 -1
  215. package/dist/collection/components/badge/test/a11y/badge.e2e.js +18 -0
  216. package/dist/collection/components/breadcrumb/breadcrumb.ios.css +9 -9
  217. package/dist/collection/components/breadcrumb/breadcrumb.js +2 -2
  218. package/dist/collection/components/breadcrumb/breadcrumb.md.css +9 -9
  219. package/dist/collection/components/breadcrumbs/breadcrumbs.js +2 -2
  220. package/dist/collection/components/button/button.ios.css +11 -11
  221. package/dist/collection/components/button/button.js +2 -2
  222. package/dist/collection/components/button/button.md.css +9 -9
  223. package/dist/collection/components/button/test/a11y/button.e2e.js +48 -0
  224. package/dist/collection/components/button/test/basic/button.e2e.js +1 -1
  225. package/dist/collection/components/button/test/wrap/button.e2e.js +12 -24
  226. package/dist/collection/components/buttons/buttons.js +1 -1
  227. package/dist/collection/components/card/card.ios.css +1 -1
  228. package/dist/collection/components/card/card.js +1 -1
  229. package/dist/collection/components/card/card.md.css +1 -1
  230. package/dist/collection/components/card-content/card-content.js +1 -1
  231. package/dist/collection/components/card-header/card-header.js +2 -2
  232. package/dist/collection/components/card-subtitle/card-subtitle.ios.css +1 -1
  233. package/dist/collection/components/card-subtitle/card-subtitle.js +2 -2
  234. package/dist/collection/components/card-subtitle/card-subtitle.md.css +1 -1
  235. package/dist/collection/components/card-title/card-title.js +2 -2
  236. package/dist/collection/components/card-title/card-title.md.css +1 -1
  237. package/dist/collection/components/checkbox/checkbox.ios.css +2 -2
  238. package/dist/collection/components/checkbox/checkbox.md.css +2 -2
  239. package/dist/collection/components/checkbox/test/a11y/checkbox.e2e.js +11 -2
  240. package/dist/collection/components/chip/chip.js +2 -2
  241. package/dist/collection/components/col/col.js +2 -2
  242. package/dist/collection/components/content/content.css +0 -4
  243. package/dist/collection/components/content/content.js +3 -4
  244. package/dist/collection/components/datetime/datetime.ios.css +98 -45
  245. package/dist/collection/components/datetime/datetime.js +25 -37
  246. package/dist/collection/components/datetime/datetime.md.css +100 -42
  247. package/dist/collection/components/datetime/test/a11y/datetime.e2e.js +4 -4
  248. package/dist/collection/components/datetime/test/a11y/datetime.spec.js +6 -9
  249. package/dist/collection/components/datetime/test/basic/datetime.e2e.js +22 -12
  250. package/dist/collection/components/datetime/test/datetime.e2e.js +3 -3
  251. package/dist/collection/components/datetime/test/disable-dates/datetime.e2e.js +1 -1
  252. package/dist/collection/components/datetime/test/disabled/datetime.e2e.js +4 -4
  253. package/dist/collection/components/datetime/test/disabled/datetime.spec.js +4 -4
  254. package/dist/collection/components/datetime/test/display/datetime.e2e.js +9 -9
  255. package/dist/collection/components/datetime/test/locale/datetime.e2e.js +5 -5
  256. package/dist/collection/components/datetime/test/minmax/datetime.e2e.js +17 -17
  257. package/dist/collection/components/datetime/test/month-year-picker/datetime.e2e.js +2 -2
  258. package/dist/collection/components/datetime/test/multiple/datetime.e2e.js +2 -2
  259. package/dist/collection/components/datetime/test/position/datetime.e2e.js +1 -1
  260. package/dist/collection/components/datetime/test/prefer-wheel/datetime.e2e.js +75 -73
  261. package/dist/collection/components/datetime/test/presentation/datetime.e2e.js +4 -4
  262. package/dist/collection/components/datetime/test/readonly/datetime.e2e.js +8 -8
  263. package/dist/collection/components/datetime/test/set-value/datetime.e2e.js +4 -4
  264. package/dist/collection/components/datetime/test/time-label/datetime.e2e.js +2 -2
  265. package/dist/collection/components/datetime/test/values/datetime.e2e.js +19 -16
  266. package/dist/collection/components/datetime/utils/data.js +1 -1
  267. package/dist/collection/components/datetime-button/datetime-button.css +1 -1
  268. package/dist/collection/components/datetime-button/datetime-button.js +1 -1
  269. package/dist/collection/components/datetime-button/test/basic/datetime-button.e2e.js +14 -14
  270. package/dist/collection/components/datetime-button/test/disabled/datetime-button.e2e.js +2 -2
  271. package/dist/collection/components/datetime-button/test/multiple/datetime-button.e2e.js +6 -6
  272. package/dist/collection/components/fab/fab.js +2 -2
  273. package/dist/collection/components/fab-button/fab-button.ios.css +13 -13
  274. package/dist/collection/components/fab-button/fab-button.js +2 -2
  275. package/dist/collection/components/fab-button/fab-button.md.css +4 -4
  276. package/dist/collection/components/fab-button/test/a11y/fab-button.e2e.js +50 -0
  277. package/dist/collection/components/fab-list/fab-list.js +2 -2
  278. package/dist/collection/components/footer/footer.js +2 -2
  279. package/dist/collection/components/grid/grid.js +2 -2
  280. package/dist/collection/components/header/header.js +2 -2
  281. package/dist/collection/components/header/test/condense/header.e2e.js +2 -2
  282. package/dist/collection/components/img/img.js +1 -1
  283. package/dist/collection/components/infinite-scroll/infinite-scroll.js +1 -1
  284. package/dist/collection/components/infinite-scroll-content/infinite-scroll-content.ios.css +3 -3
  285. package/dist/collection/components/infinite-scroll-content/infinite-scroll-content.js +2 -2
  286. package/dist/collection/components/infinite-scroll-content/infinite-scroll-content.md.css +3 -3
  287. package/dist/collection/components/input/input.ios.css +8 -8
  288. package/dist/collection/components/input/input.md.css +16 -16
  289. package/dist/collection/components/input/test/a11y/input.e2e.js +41 -3
  290. package/dist/collection/components/item/item.ios.css +44 -7
  291. package/dist/collection/components/item/item.js +2 -9
  292. package/dist/collection/components/item/item.md.css +52 -15
  293. package/dist/collection/components/item-divider/item-divider.ios.css +3 -3
  294. package/dist/collection/components/item-divider/item-divider.js +2 -2
  295. package/dist/collection/components/item-divider/item-divider.md.css +3 -3
  296. package/dist/collection/components/item-group/item-group.js +1 -1
  297. package/dist/collection/components/item-option/item-option.ios.css +2 -2
  298. package/dist/collection/components/item-option/item-option.js +2 -2
  299. package/dist/collection/components/item-option/item-option.md.css +1 -1
  300. package/dist/collection/components/item-options/item-options.ios.css +1 -1
  301. package/dist/collection/components/item-options/item-options.js +1 -1
  302. package/dist/collection/components/item-options/item-options.md.css +1 -1
  303. package/dist/collection/components/item-sliding/item-sliding.js +1 -1
  304. package/dist/collection/components/item-sliding/test/a11y/item-sliding.e2e.js +28 -0
  305. package/dist/collection/components/label/label.ios.css +1 -1
  306. package/dist/collection/components/label/label.js +1 -1
  307. package/dist/collection/components/label/label.md.css +2 -2
  308. package/dist/collection/components/label/test/a11y/label.e2e.js +20 -0
  309. package/dist/collection/components/list/list.js +1 -1
  310. package/dist/collection/components/list-header/list-header.ios.css +2 -2
  311. package/dist/collection/components/list-header/list-header.js +2 -2
  312. package/dist/collection/components/list-header/list-header.md.css +1 -1
  313. package/dist/collection/components/loading/loading.ios.css +2 -2
  314. package/dist/collection/components/loading/loading.js +2 -2
  315. package/dist/collection/components/loading/loading.md.css +3 -3
  316. package/dist/collection/components/loading/test/a11y/loading.e2e.js +21 -5
  317. package/dist/collection/components/menu/menu.ios.css +64 -3
  318. package/dist/collection/components/menu/menu.js +21 -15
  319. package/dist/collection/components/menu/menu.md.css +64 -3
  320. package/dist/collection/components/menu-button/menu-button.ios.css +1 -1
  321. package/dist/collection/components/menu-button/menu-button.js +2 -2
  322. package/dist/collection/components/menu-button/test/a11y/menu-button.e2e.js +14 -0
  323. package/dist/collection/components/menu-toggle/menu-toggle.js +2 -2
  324. package/dist/collection/components/modal/modal.ios.css +1 -1
  325. package/dist/collection/components/modal/modal.js +5 -4
  326. package/dist/collection/components/modal/modal.md.css +1 -1
  327. package/dist/collection/components/modal/test/standalone/modal.e2e.js +1 -1
  328. package/dist/collection/components/nav/nav.js +23 -3
  329. package/dist/collection/components/nav/test/nav-controller.spec.js +36 -36
  330. package/dist/collection/components/nav-link/nav-link.js +1 -1
  331. package/dist/collection/components/note/note.ios.css +1 -1
  332. package/dist/collection/components/note/note.js +2 -2
  333. package/dist/collection/components/note/note.md.css +1 -1
  334. package/dist/collection/components/note/test/a11y/note.e2e.js +6 -6
  335. package/dist/collection/components/picker/picker.ios.css +112 -211
  336. package/dist/collection/components/picker/picker.js +488 -738
  337. package/dist/collection/components/picker/picker.md.css +108 -198
  338. package/dist/collection/components/{picker-internal/test/a11y/picker-internal.e2e.js → picker/test/a11y/picker.e2e.js} +2 -2
  339. package/dist/collection/components/picker/test/basic/picker.e2e.js +99 -13
  340. package/dist/collection/components/picker/test/custom/picker.e2e.js +85 -0
  341. package/dist/collection/components/{picker-internal/test/keyboard-entry/picker-internal.e2e.js → picker/test/keyboard-entry/picker.e2e.js} +79 -42
  342. package/dist/collection/components/{picker-column-internal/picker-column-internal.md.css → picker-column/picker-column.css} +96 -83
  343. package/dist/collection/components/picker-column/picker-column.js +499 -335
  344. package/dist/collection/components/{picker-column-internal/test/basic/picker-column-internal.e2e.js → picker-column/test/basic/picker-column.e2e.js} +8 -8
  345. package/dist/collection/components/picker-column/test/disabled/picker-column.e2e.js +91 -0
  346. package/dist/collection/components/picker-column/test/slots/picker-column.e2e.js +39 -0
  347. package/dist/collection/components/picker-column-option/picker-column-option.ios.css +87 -0
  348. package/dist/collection/components/picker-column-option/picker-column-option.js +173 -0
  349. package/dist/collection/components/{picker-column-internal/picker-column-internal.ios.css → picker-column-option/picker-column-option.md.css} +6 -53
  350. package/dist/collection/components/picker-column-option/test/a11y/picker-column-option.e2e.js +18 -0
  351. package/dist/collection/components/picker-column-option/test/basic/picker-column-option.e2e.js +37 -0
  352. package/dist/collection/components/picker-column-option/test/picker-column-option.spec.js +29 -0
  353. package/dist/collection/components/{picker-internal/picker-internal.ios.css → picker-legacy/picker.ios.css} +205 -100
  354. package/dist/collection/components/picker-legacy/picker.js +811 -0
  355. package/dist/collection/components/{picker-internal/picker-internal.md.css → picker-legacy/picker.md.css} +194 -98
  356. package/dist/collection/components/picker-legacy/test/basic/picker.e2e.js +25 -0
  357. package/dist/collection/components/{picker → picker-legacy}/test/is-open/picker.e2e.js +4 -4
  358. package/dist/collection/components/{picker → picker-legacy}/test/picker-id.spec.js +5 -5
  359. package/dist/collection/components/{picker → picker-legacy}/test/trigger/picker.e2e.js +1 -1
  360. package/dist/collection/components/picker-legacy-column/picker-column.js +419 -0
  361. package/dist/collection/components/{picker-column → picker-legacy-column}/picker-column.md.css +1 -1
  362. package/dist/collection/components/{picker-column → picker-legacy-column}/test/picker-column-aria.spec.js +3 -3
  363. package/dist/collection/components/{picker-column → picker-legacy-column}/test/picker-column-dynamic.spec.js +2 -2
  364. package/dist/collection/components/{picker-column → picker-legacy-column}/test/picker-column.spec.js +2 -2
  365. package/dist/collection/components/{picker-column → picker-legacy-column}/test/standalone/picker-column.e2e.js +3 -3
  366. package/dist/collection/components/popover/popover.ios.css +1 -1
  367. package/dist/collection/components/popover/popover.js +2 -2
  368. package/dist/collection/components/progress-bar/progress-bar.ios.css +2 -2
  369. package/dist/collection/components/progress-bar/progress-bar.js +1 -1
  370. package/dist/collection/components/progress-bar/progress-bar.md.css +2 -2
  371. package/dist/collection/components/progress-bar/test/a11y/progress-bar.e2e.js +24 -0
  372. package/dist/collection/components/radio/radio.ios.css +2 -2
  373. package/dist/collection/components/radio/radio.md.css +2 -2
  374. package/dist/collection/components/radio/test/a11y/radio.e2e.js +114 -81
  375. package/dist/collection/components/radio-group/radio-group.js +1 -1
  376. package/dist/collection/components/range/range.ios.css +3 -3
  377. package/dist/collection/components/range/range.md.css +5 -5
  378. package/dist/collection/components/range/test/a11y/range.e2e.js +18 -8
  379. package/dist/collection/components/refresher/refresher.ios.css +1 -1
  380. package/dist/collection/components/refresher/refresher.js +1 -1
  381. package/dist/collection/components/refresher/refresher.md.css +4 -4
  382. package/dist/collection/components/refresher/test/a11y/refresher.e2e.js +25 -0
  383. package/dist/collection/components/refresher/test/test.utils.js +1 -1
  384. package/dist/collection/components/refresher-content/refresher-content.js +1 -1
  385. package/dist/collection/components/reorder/reorder.js +1 -1
  386. package/dist/collection/components/reorder-group/reorder-group.js +1 -1
  387. package/dist/collection/components/ripple-effect/ripple-effect.js +1 -1
  388. package/dist/collection/components/ripple-effect/test/basic/ripple-effect.e2e.js +2 -2
  389. package/dist/collection/components/router-link/router-link.css +1 -1
  390. package/dist/collection/components/router-link/router-link.js +2 -2
  391. package/dist/collection/components/router-link/test/a11y/router-link.e2e.js +23 -0
  392. package/dist/collection/components/router-outlet/router-outlet.js +1 -1
  393. package/dist/collection/components/row/row.js +1 -1
  394. package/dist/collection/components/searchbar/searchbar.ios.css +4 -4
  395. package/dist/collection/components/searchbar/searchbar.js +4 -4
  396. package/dist/collection/components/searchbar/searchbar.md.css +4 -4
  397. package/dist/collection/components/segment/segment.js +2 -2
  398. package/dist/collection/components/segment/test/a11y/segment.e2e.js +23 -0
  399. package/dist/collection/components/segment-button/segment-button.ios.css +3 -3
  400. package/dist/collection/components/segment-button/segment-button.js +3 -3
  401. package/dist/collection/components/segment-button/segment-button.md.css +2 -2
  402. package/dist/collection/components/select/select.ios.css +5 -5
  403. package/dist/collection/components/select/select.md.css +14 -14
  404. package/dist/collection/components/select/test/a11y/select.e2e.js +68 -4
  405. package/dist/collection/components/select-option/select-option.js +1 -1
  406. package/dist/collection/components/select-popover/select-popover.js +1 -1
  407. package/dist/collection/components/select-popover/select-popover.md.css +4 -4
  408. package/dist/collection/components/select-popover/test/a11y/select-popover.e2e.js +32 -0
  409. package/dist/collection/components/skeleton-text/skeleton-text.js +2 -2
  410. package/dist/collection/components/spinner/spinner.js +1 -1
  411. package/dist/collection/components/split-pane/split-pane.ios.css +3 -55
  412. package/dist/collection/components/split-pane/split-pane.js +48 -14
  413. package/dist/collection/components/split-pane/split-pane.md.css +3 -55
  414. package/dist/collection/components/split-pane/test/wrapped-menu/split-pane.e2e.js +41 -0
  415. package/dist/collection/components/tab/tab.js +2 -2
  416. package/dist/collection/components/tab-bar/tab-bar.ios.css +4 -4
  417. package/dist/collection/components/tab-bar/tab-bar.js +2 -2
  418. package/dist/collection/components/tab-bar/tab-bar.md.css +3 -3
  419. package/dist/collection/components/tab-button/tab-button.js +2 -2
  420. package/dist/collection/components/tabs/tabs.js +1 -1
  421. package/dist/collection/components/text/text.js +2 -2
  422. package/dist/collection/components/textarea/test/a11y/textarea.e2e.js +41 -3
  423. package/dist/collection/components/textarea/textarea.ios.css +7 -7
  424. package/dist/collection/components/textarea/textarea.md.css +15 -15
  425. package/dist/collection/components/thumbnail/thumbnail.js +1 -1
  426. package/dist/collection/components/title/title.js +2 -2
  427. package/dist/collection/components/toast/test/a11y/toast.e2e.js +89 -24
  428. package/dist/collection/components/toast/toast.ios.css +3 -3
  429. package/dist/collection/components/toast/toast.js +2 -2
  430. package/dist/collection/components/toast/toast.md.css +5 -5
  431. package/dist/collection/components/toggle/test/a11y/toggle.e2e.js +8 -2
  432. package/dist/collection/components/toggle/toggle.ios.css +2 -2
  433. package/dist/collection/components/toggle/toggle.md.css +2 -2
  434. package/dist/collection/components/toolbar/toolbar.ios.css +2 -2
  435. package/dist/collection/components/toolbar/toolbar.js +2 -2
  436. package/dist/collection/components/toolbar/toolbar.md.css +1 -1
  437. package/dist/collection/css/test/a11y/typography.e2e.js +18 -0
  438. package/dist/collection/themes/test/colors/theme.e2e.js +170 -0
  439. package/dist/collection/utils/gesture/gesture-controller.js +1 -1
  440. package/dist/collection/utils/overlays.js +11 -4
  441. package/dist/collection/utils/test/overlays/overlays-scroll-blocking.spec.js +65 -0
  442. package/dist/collection/utils/test/playwright/generator.js +1 -0
  443. package/dist/collection/utils/test/playwright/page/utils/set-content.js +1 -1
  444. package/dist/docs.json +504 -45
  445. package/dist/esm/{app-globals-47226a12.js → app-globals-52c78291.js} +1 -1
  446. package/dist/esm/{button-active-4bee452c.js → button-active-3bcbd115.js} +2 -2
  447. package/dist/esm/{data-0f3ab200.js → data-6a31d701.js} +2 -2
  448. package/dist/esm/{gesture-controller-1bf57181.js → gesture-controller-314a54f6.js} +1 -1
  449. package/dist/esm/{index-6546f0dd.js → index-01cb9192.js} +1 -1
  450. package/dist/esm/{index-73881b51.js → index-27668d5b.js} +2 -32
  451. package/dist/esm/{index-2cf77112.js → index-39782642.js} +2 -2
  452. package/dist/esm/{index-8fac11d0.js → index-a97c95a7.js} +3 -3
  453. package/dist/esm/index.js +9 -9
  454. package/dist/esm/ion-accordion_2.entry.js +10 -14
  455. package/dist/esm/ion-action-sheet.entry.js +13 -15
  456. package/dist/esm/ion-alert.entry.js +12 -14
  457. package/dist/esm/ion-app_8.entry.js +35 -49
  458. package/dist/esm/ion-avatar_3.entry.js +13 -18
  459. package/dist/esm/ion-back-button.entry.js +7 -9
  460. package/dist/esm/ion-backdrop.entry.js +5 -19
  461. package/dist/esm/ion-breadcrumb_2.entry.js +12 -16
  462. package/dist/esm/ion-button_2.entry.js +9 -12
  463. package/dist/esm/ion-card_5.entry.js +25 -35
  464. package/dist/esm/ion-checkbox.entry.js +6 -8
  465. package/dist/esm/ion-chip.entry.js +6 -8
  466. package/dist/esm/ion-col_3.entry.js +10 -13
  467. package/dist/esm/ion-datetime-button.entry.js +8 -10
  468. package/dist/esm/ion-datetime_3.entry.js +48 -74
  469. package/dist/esm/ion-fab_3.entry.js +14 -18
  470. package/dist/esm/ion-img.entry.js +4 -5
  471. package/dist/esm/ion-infinite-scroll_2.entry.js +10 -13
  472. package/dist/esm/ion-input.entry.js +6 -8
  473. package/dist/esm/ion-item-option_3.entry.js +16 -21
  474. package/dist/esm/ion-item_8.entry.js +40 -60
  475. package/dist/esm/ion-loading.entry.js +10 -11
  476. package/dist/esm/ion-menu_3.entry.js +39 -39
  477. package/dist/esm/ion-modal.entry.js +15 -16
  478. package/dist/esm/ion-nav_2.entry.js +12 -10
  479. package/dist/esm/ion-picker-column-option.entry.js +100 -0
  480. package/dist/esm/{ion-picker-column-internal.entry.js → ion-picker-column.entry.js} +106 -91
  481. package/dist/esm/{ion-picker-internal.entry.js → ion-picker.entry.js} +29 -24
  482. package/dist/esm/ion-popover.entry.js +10 -11
  483. package/dist/esm/ion-progress-bar.entry.js +7 -9
  484. package/dist/esm/ion-radio_2.entry.js +7 -9
  485. package/dist/esm/ion-range.entry.js +7 -9
  486. package/dist/esm/ion-refresher_2.entry.js +11 -13
  487. package/dist/esm/ion-reorder_2.entry.js +8 -11
  488. package/dist/esm/ion-ripple-effect.entry.js +4 -5
  489. package/dist/esm/ion-route_4.entry.js +6 -7
  490. package/dist/esm/ion-searchbar.entry.js +10 -12
  491. package/dist/esm/ion-segment_2.entry.js +14 -18
  492. package/dist/esm/ion-select_3.entry.js +14 -18
  493. package/dist/esm/ion-spinner.entry.js +4 -5
  494. package/dist/esm/ion-split-pane.entry.js +30 -22
  495. package/dist/esm/ion-tab-bar_2.entry.js +12 -16
  496. package/dist/esm/ion-tab_2.entry.js +6 -8
  497. package/dist/esm/ion-text.entry.js +5 -6
  498. package/dist/esm/ion-textarea.entry.js +6 -8
  499. package/dist/esm/ion-toast.entry.js +11 -13
  500. package/dist/esm/ion-toggle.entry.js +7 -9
  501. package/dist/esm/{ionic-global-778b7863.js → ionic-global-8fa0f940.js} +1 -1
  502. package/dist/esm/ionic.js +6 -6
  503. package/dist/esm/{ios.transition-968faaad.js → ios.transition-62fd50ab.js} +2 -2
  504. package/dist/esm/loader.js +5 -5
  505. package/dist/esm/{md.transition-498898ac.js → md.transition-7e56966a.js} +2 -2
  506. package/dist/esm/{overlays-bb426694.js → overlays-8b24f0d5.js} +12 -5
  507. package/dist/esm/{status-tap-06b37f21.js → status-tap-129c01cf.js} +1 -1
  508. package/dist/esm/{swipe-back-a6f386fc.js → swipe-back-a8ca7f93.js} +2 -2
  509. package/dist/esm-es5/app-globals-52c78291.js +4 -0
  510. package/dist/esm-es5/{button-active-4bee452c.js → button-active-3bcbd115.js} +1 -1
  511. package/dist/esm-es5/{data-0f3ab200.js → data-6a31d701.js} +1 -1
  512. package/dist/esm-es5/{gesture-controller-1bf57181.js → gesture-controller-314a54f6.js} +1 -1
  513. package/dist/esm-es5/{index-6546f0dd.js → index-01cb9192.js} +1 -1
  514. package/dist/esm-es5/{index-73881b51.js → index-27668d5b.js} +2 -2
  515. package/dist/esm-es5/{index-2cf77112.js → index-39782642.js} +1 -1
  516. package/dist/esm-es5/{index-8fac11d0.js → index-a97c95a7.js} +1 -1
  517. package/dist/esm-es5/index.js +1 -1
  518. package/dist/esm-es5/ion-accordion_2.entry.js +1 -1
  519. package/dist/esm-es5/ion-action-sheet.entry.js +1 -1
  520. package/dist/esm-es5/ion-alert.entry.js +1 -1
  521. package/dist/esm-es5/ion-app_8.entry.js +1 -1
  522. package/dist/esm-es5/ion-avatar_3.entry.js +1 -1
  523. package/dist/esm-es5/ion-back-button.entry.js +1 -1
  524. package/dist/esm-es5/ion-backdrop.entry.js +1 -1
  525. package/dist/esm-es5/ion-breadcrumb_2.entry.js +1 -1
  526. package/dist/esm-es5/ion-button_2.entry.js +1 -1
  527. package/dist/esm-es5/ion-card_5.entry.js +1 -1
  528. package/dist/esm-es5/ion-checkbox.entry.js +1 -1
  529. package/dist/esm-es5/ion-chip.entry.js +1 -1
  530. package/dist/esm-es5/ion-col_3.entry.js +1 -1
  531. package/dist/esm-es5/ion-datetime-button.entry.js +1 -1
  532. package/dist/esm-es5/ion-datetime_3.entry.js +1 -1
  533. package/dist/esm-es5/ion-fab_3.entry.js +1 -1
  534. package/dist/esm-es5/ion-img.entry.js +1 -1
  535. package/dist/esm-es5/ion-infinite-scroll_2.entry.js +1 -1
  536. package/dist/esm-es5/ion-input.entry.js +1 -1
  537. package/dist/esm-es5/ion-item-option_3.entry.js +1 -1
  538. package/dist/esm-es5/ion-item_8.entry.js +1 -1
  539. package/dist/esm-es5/ion-loading.entry.js +1 -1
  540. package/dist/esm-es5/ion-menu_3.entry.js +1 -1
  541. package/dist/esm-es5/ion-modal.entry.js +1 -1
  542. package/dist/esm-es5/ion-nav_2.entry.js +1 -1
  543. package/dist/esm-es5/ion-picker-column-option.entry.js +4 -0
  544. package/dist/esm-es5/ion-picker-column.entry.js +4 -0
  545. package/dist/esm-es5/ion-picker.entry.js +4 -0
  546. package/dist/esm-es5/ion-popover.entry.js +1 -1
  547. package/dist/esm-es5/ion-progress-bar.entry.js +1 -1
  548. package/dist/esm-es5/ion-radio_2.entry.js +1 -1
  549. package/dist/esm-es5/ion-range.entry.js +1 -1
  550. package/dist/esm-es5/ion-refresher_2.entry.js +1 -1
  551. package/dist/esm-es5/ion-reorder_2.entry.js +1 -1
  552. package/dist/esm-es5/ion-ripple-effect.entry.js +1 -1
  553. package/dist/esm-es5/ion-route_4.entry.js +1 -1
  554. package/dist/esm-es5/ion-searchbar.entry.js +1 -1
  555. package/dist/esm-es5/ion-segment_2.entry.js +1 -1
  556. package/dist/esm-es5/ion-select_3.entry.js +1 -1
  557. package/dist/esm-es5/ion-spinner.entry.js +1 -1
  558. package/dist/esm-es5/ion-split-pane.entry.js +1 -1
  559. package/dist/esm-es5/ion-tab-bar_2.entry.js +1 -1
  560. package/dist/esm-es5/ion-tab_2.entry.js +1 -1
  561. package/dist/esm-es5/ion-text.entry.js +1 -1
  562. package/dist/esm-es5/ion-textarea.entry.js +1 -1
  563. package/dist/esm-es5/ion-toast.entry.js +1 -1
  564. package/dist/esm-es5/ion-toggle.entry.js +1 -1
  565. package/dist/esm-es5/{ionic-global-778b7863.js → ionic-global-8fa0f940.js} +1 -1
  566. package/dist/esm-es5/ionic.js +1 -1
  567. package/dist/esm-es5/{ios.transition-968faaad.js → ios.transition-62fd50ab.js} +1 -1
  568. package/dist/esm-es5/loader.js +1 -1
  569. package/dist/esm-es5/{md.transition-498898ac.js → md.transition-7e56966a.js} +1 -1
  570. package/dist/esm-es5/overlays-8b24f0d5.js +4 -0
  571. package/dist/esm-es5/{status-tap-06b37f21.js → status-tap-129c01cf.js} +1 -1
  572. package/dist/esm-es5/swipe-back-a8ca7f93.js +4 -0
  573. package/dist/html.html-data.json +152 -1
  574. package/dist/ionic/index.esm.js +1 -1
  575. package/dist/ionic/ionic.esm.js +1 -1
  576. package/dist/ionic/ionic.js +1 -1
  577. package/dist/ionic/{p-b60b708c.entry.js → p-0055506a.entry.js} +1 -1
  578. package/dist/ionic/{p-b3bf4958.js → p-005e0ad0.js} +1 -1
  579. package/dist/ionic/p-01438d78.entry.js +4 -0
  580. package/dist/ionic/{p-f06a7c31.system.js → p-02e530f5.system.js} +1 -1
  581. package/dist/ionic/{p-47bb4958.js → p-03e00f90.js} +1 -1
  582. package/dist/ionic/p-0708a9c1.system.js +4 -0
  583. package/dist/ionic/{p-2a098168.entry.js → p-07d725a7.entry.js} +1 -1
  584. package/dist/ionic/{p-f57f1a9c.system.entry.js → p-0a0a84ce.system.entry.js} +1 -1
  585. package/dist/ionic/p-0ac49b0c.system.entry.js +4 -0
  586. package/dist/ionic/{p-abe101da.system.js → p-0bd51c34.system.js} +1 -1
  587. package/dist/ionic/p-0d3c5eaa.system.entry.js +4 -0
  588. package/dist/ionic/p-0d850325.entry.js +4 -0
  589. package/dist/ionic/p-0f55b1b0.entry.js +4 -0
  590. package/dist/ionic/p-10607f89.entry.js +4 -0
  591. package/dist/ionic/{p-5eea8b4c.system.js → p-114ea79c.system.js} +1 -1
  592. package/dist/ionic/{p-b4db67d7.entry.js → p-13387c28.entry.js} +1 -1
  593. package/dist/ionic/p-14196559.entry.js +4 -0
  594. package/dist/ionic/p-14b8100f.system.entry.js +4 -0
  595. package/dist/ionic/p-15878390.system.entry.js +4 -0
  596. package/dist/ionic/p-16e781a6.system.entry.js +4 -0
  597. package/dist/ionic/p-1a5f0313.system.js +4 -0
  598. package/dist/ionic/p-1c445de9.entry.js +4 -0
  599. package/dist/ionic/p-1cca10d6.system.js +4 -0
  600. package/dist/ionic/{p-c7c8429a.system.js → p-20d469d0.system.js} +1 -1
  601. package/dist/ionic/{p-341b4519.js → p-23ce95e8.js} +1 -1
  602. package/dist/ionic/{p-76d39342.js → p-25221a73.js} +1 -1
  603. package/dist/ionic/p-2800e6d5.system.entry.js +4 -0
  604. package/dist/ionic/p-283d8f5e.system.entry.js +4 -0
  605. package/dist/ionic/p-28525772.entry.js +4 -0
  606. package/dist/ionic/p-2aa29487.system.entry.js +4 -0
  607. package/dist/ionic/p-305423e0.entry.js +4 -0
  608. package/dist/ionic/p-327211c1.entry.js +4 -0
  609. package/dist/ionic/p-32b129a2.entry.js +4 -0
  610. package/dist/ionic/{p-6ecc011b.system.js → p-32b8e50d.system.js} +1 -1
  611. package/dist/ionic/{p-2b9debd4.entry.js → p-34f05cec.entry.js} +1 -1
  612. package/dist/ionic/p-3587df88.system.entry.js +4 -0
  613. package/dist/ionic/p-381ca6f8.system.entry.js +4 -0
  614. package/dist/ionic/{p-b94882a9.system.js → p-3c33dc30.system.js} +1 -1
  615. package/dist/ionic/p-3cf67784.entry.js +4 -0
  616. package/dist/ionic/{p-31b2326e.system.js → p-3e1e14d9.system.js} +1 -1
  617. package/dist/ionic/p-3f3ae637.system.entry.js +4 -0
  618. package/dist/ionic/p-438b6002.system.entry.js +4 -0
  619. package/dist/ionic/p-4a13a07c.system.entry.js +4 -0
  620. package/dist/ionic/{p-408fc801.system.js → p-4a4bbcc5.system.js} +2 -2
  621. package/dist/ionic/p-4eaf5dcd.system.entry.js +4 -0
  622. package/dist/ionic/p-5186ff3f.system.entry.js +4 -0
  623. package/dist/ionic/p-51abefb7.system.js +4 -0
  624. package/dist/ionic/{p-1dfc11b3.system.js → p-53ec4f1c.system.js} +1 -1
  625. package/dist/ionic/p-659086a2.system.entry.js +4 -0
  626. package/dist/ionic/p-677cb2f7.js +4 -0
  627. package/dist/ionic/p-6793b96e.system.entry.js +4 -0
  628. package/dist/ionic/p-67c3a2a8.system.js +5 -0
  629. package/dist/ionic/p-69926b34.entry.js +4 -0
  630. package/dist/ionic/p-6b0c8263.entry.js +4 -0
  631. package/dist/ionic/p-71f30cfc.system.entry.js +4 -0
  632. package/dist/ionic/{p-1902859c.system.js → p-770f5b43.system.js} +1 -1
  633. package/dist/ionic/p-7a3e1f37.system.entry.js +4 -0
  634. package/dist/ionic/p-7ae141f1.entry.js +4 -0
  635. package/dist/ionic/p-7e8ef0bb.system.entry.js +4 -0
  636. package/dist/ionic/{p-7330c044.system.js → p-7ff4359e.system.js} +1 -1
  637. package/dist/ionic/p-88d99112.system.entry.js +4 -0
  638. package/dist/ionic/p-89c5f8ba.system.entry.js +4 -0
  639. package/dist/ionic/p-8a1d33e3.system.entry.js +4 -0
  640. package/dist/ionic/p-8aaade76.entry.js +4 -0
  641. package/dist/ionic/{p-f5d2dc9b.js → p-8ededb41.js} +1 -1
  642. package/dist/ionic/p-94265b3d.entry.js +4 -0
  643. package/dist/ionic/p-943caced.system.entry.js +4 -0
  644. package/dist/ionic/p-97657f32.system.entry.js +4 -0
  645. package/dist/ionic/p-97e39972.system.entry.js +4 -0
  646. package/dist/ionic/p-9b930e4f.entry.js +4 -0
  647. package/dist/ionic/{p-bb3615f7.js → p-9b97df10.js} +1 -1
  648. package/dist/ionic/p-9cbfb298.system.entry.js +4 -0
  649. package/dist/ionic/p-a114831c.entry.js +4 -0
  650. package/dist/ionic/p-a60a1ce5.js +4 -0
  651. package/dist/ionic/{p-f7dce541.js → p-a64accf5.js} +1 -1
  652. package/dist/ionic/{p-487be9e8.system.js → p-ae638cb5.system.js} +1 -1
  653. package/dist/ionic/{p-82e8d988.entry.js → p-ae8747aa.entry.js} +1 -1
  654. package/dist/ionic/p-b13f5e6a.entry.js +4 -0
  655. package/dist/ionic/p-b6e4e9ce.system.entry.js +4 -0
  656. package/dist/ionic/p-b8213f04.entry.js +4 -0
  657. package/dist/ionic/p-b8fbc01d.entry.js +4 -0
  658. package/dist/ionic/{p-9a6ab80a.system.entry.js → p-bb41c476.system.entry.js} +1 -1
  659. package/dist/ionic/p-bc59962f.system.entry.js +4 -0
  660. package/dist/ionic/p-bf595ef8.system.entry.js +4 -0
  661. package/dist/ionic/p-c16d9f2c.system.entry.js +4 -0
  662. package/dist/ionic/p-c33d312f.js +4 -0
  663. package/dist/ionic/p-c6a6ffe6.entry.js +4 -0
  664. package/dist/ionic/p-c7bdd72f.entry.js +4 -0
  665. package/dist/ionic/p-c9028fdc.entry.js +4 -0
  666. package/dist/ionic/p-c9219299.entry.js +4 -0
  667. package/dist/ionic/p-cb0cfc39.system.entry.js +4 -0
  668. package/dist/ionic/p-cd6a60d2.entry.js +4 -0
  669. package/dist/ionic/p-cd6bb7f5.system.entry.js +4 -0
  670. package/dist/ionic/p-d0291fe9.entry.js +4 -0
  671. package/dist/ionic/{p-725b4e67.system.js → p-d51674c5.system.js} +1 -1
  672. package/dist/ionic/p-d545e325.entry.js +4 -0
  673. package/dist/ionic/p-d5a21de8.entry.js +4 -0
  674. package/dist/ionic/{p-e1271366.js → p-d6129c6e.js} +1 -1
  675. package/dist/ionic/p-d6674fed.entry.js +4 -0
  676. package/dist/ionic/p-db00f04e.entry.js +4 -0
  677. package/dist/ionic/p-ddbb2d5b.system.js +4 -0
  678. package/dist/ionic/p-ddf79d90.system.entry.js +4 -0
  679. package/dist/ionic/p-def451e2.system.entry.js +4 -0
  680. package/dist/ionic/p-df5134fa.entry.js +4 -0
  681. package/dist/ionic/{p-c565a5c4.system.js → p-df75bd2c.system.js} +1 -1
  682. package/dist/ionic/p-df7aaa62.entry.js +4 -0
  683. package/dist/ionic/p-df812ebe.system.entry.js +4 -0
  684. package/dist/ionic/p-dfd21411.system.entry.js +4 -0
  685. package/dist/ionic/p-e22bf111.js +4 -0
  686. package/dist/ionic/p-e652d9e4.entry.js +4 -0
  687. package/dist/ionic/p-e87564bc.entry.js +4 -0
  688. package/dist/ionic/p-e9a36c6f.entry.js +4 -0
  689. package/dist/ionic/p-ea9a8424.system.entry.js +4 -0
  690. package/dist/ionic/p-eba17ff5.system.entry.js +4 -0
  691. package/dist/ionic/{p-3d9154f0.entry.js → p-eeb87a49.entry.js} +1 -1
  692. package/dist/ionic/{p-3f028207.system.js → p-ef3a6b51.system.js} +1 -1
  693. package/dist/ionic/p-ef6ec008.system.entry.js +4 -0
  694. package/dist/ionic/p-ef9e6f77.system.entry.js +4 -0
  695. package/dist/ionic/p-efcc4b66.entry.js +4 -0
  696. package/dist/ionic/p-f003e500.system.entry.js +4 -0
  697. package/dist/ionic/p-f06858a6.entry.js +4 -0
  698. package/dist/ionic/{p-8bd50516.js → p-f08d8865.js} +1 -1
  699. package/dist/ionic/p-f27b18ba.system.entry.js +4 -0
  700. package/dist/ionic/p-f4bf2448.entry.js +4 -0
  701. package/dist/ionic/p-f4e37ba7.entry.js +4 -0
  702. package/dist/ionic/p-f62122bb.system.entry.js +4 -0
  703. package/dist/ionic/p-fc58a772.system.entry.js +4 -0
  704. package/dist/ionic/{p-1aa7c019.js → p-fd41bd8a.js} +1 -1
  705. package/dist/ionic/p-fdc3ff96.entry.js +4 -0
  706. package/dist/types/components/action-sheet/action-sheet-interface.d.ts +2 -2
  707. package/dist/types/components/alert/alert-interface.d.ts +2 -2
  708. package/dist/types/components/backdrop/backdrop.d.ts +0 -3
  709. package/dist/types/components/datetime/datetime.d.ts +0 -1
  710. package/dist/types/components/datetime/utils/data.d.ts +11 -7
  711. package/dist/types/components/item/item.d.ts +0 -1
  712. package/dist/types/components/menu/menu.d.ts +12 -2
  713. package/dist/types/components/nav/nav.d.ts +4 -1
  714. package/dist/types/components/picker/picker-interfaces.d.ts +8 -0
  715. package/dist/types/components/picker/picker.d.ts +75 -129
  716. package/dist/types/components/picker-column/picker-column-interfaces.d.ts +4 -0
  717. package/dist/types/components/picker-column/picker-column.d.ts +99 -39
  718. package/dist/types/components/picker-column-option/picker-column-option.d.ts +66 -0
  719. package/dist/types/components/picker-legacy/picker.d.ts +158 -0
  720. package/dist/types/components/picker-legacy-column/picker-column.d.ts +46 -0
  721. package/dist/types/components/split-pane/split-pane.d.ts +14 -2
  722. package/dist/types/components/toast/toast-interface.d.ts +2 -2
  723. package/dist/types/components.d.ts +159 -122
  724. package/dist/types/interface.d.ts +2 -2
  725. package/dist/types/utils/config.d.ts +2 -2
  726. package/dist/types/utils/gesture/gesture-controller.d.ts +1 -0
  727. package/dist/types/utils/overlays.d.ts +5 -2
  728. package/dist/types/utils/test/playwright/generator.d.ts +3 -1
  729. package/hydrate/index.d.ts +1 -1
  730. package/hydrate/index.js +1688 -1724
  731. package/package.json +5 -5
  732. package/components/ion-picker-column-internal.d.ts +0 -11
  733. package/components/ion-picker-column-internal.js +0 -9
  734. package/components/ion-picker-internal.js +0 -9
  735. package/components/picker-column-internal.js +0 -392
  736. package/dist/collection/components/item/test/item.spec.js +0 -20
  737. package/dist/collection/components/picker-column-internal/picker-column-internal.js +0 -566
  738. package/dist/collection/components/picker-column-internal/test/disabled/picker-column-internal.e2e.js +0 -162
  739. package/dist/collection/components/picker-internal/picker-internal.js +0 -560
  740. package/dist/collection/components/picker-internal/test/basic/picker-internal.e2e.js +0 -118
  741. package/dist/esm-es5/app-globals-47226a12.js +0 -4
  742. package/dist/esm-es5/ion-picker-column-internal.entry.js +0 -4
  743. package/dist/esm-es5/ion-picker-internal.entry.js +0 -4
  744. package/dist/esm-es5/overlays-bb426694.js +0 -4
  745. package/dist/esm-es5/swipe-back-a6f386fc.js +0 -4
  746. package/dist/ionic/p-0274f779.system.entry.js +0 -4
  747. package/dist/ionic/p-03f18e57.system.entry.js +0 -4
  748. package/dist/ionic/p-0b955124.system.js +0 -4
  749. package/dist/ionic/p-0c813cbf.system.entry.js +0 -4
  750. package/dist/ionic/p-0d197ad6.entry.js +0 -4
  751. package/dist/ionic/p-0d3e389b.entry.js +0 -4
  752. package/dist/ionic/p-0f96cac5.entry.js +0 -4
  753. package/dist/ionic/p-1401bd2e.system.entry.js +0 -4
  754. package/dist/ionic/p-18d1b47e.system.entry.js +0 -4
  755. package/dist/ionic/p-1ad6e0f8.entry.js +0 -4
  756. package/dist/ionic/p-1b3fb9c6.system.entry.js +0 -4
  757. package/dist/ionic/p-20a6513f.system.entry.js +0 -4
  758. package/dist/ionic/p-2c96d8da.system.entry.js +0 -4
  759. package/dist/ionic/p-2f7c7dc9.entry.js +0 -4
  760. package/dist/ionic/p-2f9fe497.system.entry.js +0 -4
  761. package/dist/ionic/p-30c9e049.system.entry.js +0 -4
  762. package/dist/ionic/p-333f06ed.entry.js +0 -4
  763. package/dist/ionic/p-35ce400e.system.js +0 -4
  764. package/dist/ionic/p-364a12ca.system.entry.js +0 -4
  765. package/dist/ionic/p-396c1a55.entry.js +0 -4
  766. package/dist/ionic/p-3e273305.system.entry.js +0 -4
  767. package/dist/ionic/p-41dc24d3.system.entry.js +0 -4
  768. package/dist/ionic/p-42b4b9a2.system.entry.js +0 -4
  769. package/dist/ionic/p-42dd5fb5.system.entry.js +0 -4
  770. package/dist/ionic/p-42f11f58.system.entry.js +0 -4
  771. package/dist/ionic/p-432353dc.entry.js +0 -4
  772. package/dist/ionic/p-46b0ffa3.system.entry.js +0 -4
  773. package/dist/ionic/p-486feb96.system.entry.js +0 -4
  774. package/dist/ionic/p-4a1eb087.entry.js +0 -4
  775. package/dist/ionic/p-4d82a816.system.entry.js +0 -4
  776. package/dist/ionic/p-4eecabe1.entry.js +0 -4
  777. package/dist/ionic/p-50467572.entry.js +0 -4
  778. package/dist/ionic/p-50613c13.entry.js +0 -4
  779. package/dist/ionic/p-562bc465.js +0 -4
  780. package/dist/ionic/p-57cce147.system.entry.js +0 -4
  781. package/dist/ionic/p-58e3ae88.system.entry.js +0 -4
  782. package/dist/ionic/p-5adb67f5.system.entry.js +0 -4
  783. package/dist/ionic/p-5d26143c.entry.js +0 -4
  784. package/dist/ionic/p-5d843dac.system.entry.js +0 -4
  785. package/dist/ionic/p-5ecb46d2.entry.js +0 -4
  786. package/dist/ionic/p-642b8354.system.entry.js +0 -4
  787. package/dist/ionic/p-64520a48.system.entry.js +0 -4
  788. package/dist/ionic/p-65e20a0d.system.entry.js +0 -4
  789. package/dist/ionic/p-68a1c901.system.entry.js +0 -4
  790. package/dist/ionic/p-6a6477b2.js +0 -4
  791. package/dist/ionic/p-6b02edd6.js +0 -4
  792. package/dist/ionic/p-6c938b0d.entry.js +0 -4
  793. package/dist/ionic/p-7045f570.entry.js +0 -4
  794. package/dist/ionic/p-70684fef.system.entry.js +0 -4
  795. package/dist/ionic/p-71115a9f.system.entry.js +0 -4
  796. package/dist/ionic/p-711b2030.system.entry.js +0 -4
  797. package/dist/ionic/p-7288124a.entry.js +0 -4
  798. package/dist/ionic/p-76893257.system.js +0 -5
  799. package/dist/ionic/p-79d9d3be.entry.js +0 -4
  800. package/dist/ionic/p-7b8a53a4.system.entry.js +0 -4
  801. package/dist/ionic/p-7bb1d7dd.entry.js +0 -4
  802. package/dist/ionic/p-7e732640.entry.js +0 -4
  803. package/dist/ionic/p-810b4d84.entry.js +0 -4
  804. package/dist/ionic/p-81b652ad.entry.js +0 -4
  805. package/dist/ionic/p-8e5297bb.system.entry.js +0 -4
  806. package/dist/ionic/p-99fe3df1.system.entry.js +0 -4
  807. package/dist/ionic/p-9e09d6d3.entry.js +0 -4
  808. package/dist/ionic/p-a051c371.entry.js +0 -4
  809. package/dist/ionic/p-a072a420.system.entry.js +0 -4
  810. package/dist/ionic/p-a30887c6.entry.js +0 -4
  811. package/dist/ionic/p-a6f57a98.entry.js +0 -4
  812. package/dist/ionic/p-a86b7914.entry.js +0 -4
  813. package/dist/ionic/p-aa7ae6aa.entry.js +0 -4
  814. package/dist/ionic/p-aad00593.entry.js +0 -4
  815. package/dist/ionic/p-ac20160b.system.entry.js +0 -4
  816. package/dist/ionic/p-ad4c5e7e.entry.js +0 -4
  817. package/dist/ionic/p-af9ab3f4.entry.js +0 -4
  818. package/dist/ionic/p-b005ad6f.js +0 -4
  819. package/dist/ionic/p-b06ac4a5.system.js +0 -4
  820. package/dist/ionic/p-b5914ab2.entry.js +0 -4
  821. package/dist/ionic/p-b6e3c96d.system.entry.js +0 -4
  822. package/dist/ionic/p-b853da37.entry.js +0 -4
  823. package/dist/ionic/p-b8c4df21.entry.js +0 -4
  824. package/dist/ionic/p-ba0dc6b0.system.entry.js +0 -4
  825. package/dist/ionic/p-baf4a4a2.entry.js +0 -4
  826. package/dist/ionic/p-bf7f57a7.system.entry.js +0 -4
  827. package/dist/ionic/p-c191ba05.system.entry.js +0 -4
  828. package/dist/ionic/p-c1d4b820.entry.js +0 -4
  829. package/dist/ionic/p-c995da88.system.js +0 -4
  830. package/dist/ionic/p-d8607ede.entry.js +0 -4
  831. package/dist/ionic/p-e77505f0.system.js +0 -4
  832. package/dist/ionic/p-ea43a9ad.entry.js +0 -4
  833. package/dist/ionic/p-ed1dcb4f.system.entry.js +0 -4
  834. package/dist/ionic/p-eda7a1db.system.entry.js +0 -4
  835. package/dist/ionic/p-ee463529.system.entry.js +0 -4
  836. package/dist/ionic/p-f20da312.entry.js +0 -4
  837. package/dist/ionic/p-f318e213.system.entry.js +0 -4
  838. package/dist/ionic/p-f97b9cdd.system.entry.js +0 -4
  839. package/dist/ionic/p-fe92da17.entry.js +0 -4
  840. package/dist/types/components/picker-column-internal/picker-column-internal-interfaces.d.ts +0 -5
  841. package/dist/types/components/picker-column-internal/picker-column-internal.d.ts +0 -102
  842. package/dist/types/components/picker-internal/picker-internal-interfaces.d.ts +0 -8
  843. package/dist/types/components/picker-internal/picker-internal.d.ts +0 -102
  844. /package/dist/collection/components/{picker-internal/picker-internal-interfaces.js → picker/picker-interfaces.js} +0 -0
  845. /package/dist/collection/components/{picker-column-internal/picker-column-internal-interfaces.js → picker-column/picker-column-interfaces.js} +0 -0
  846. /package/dist/collection/components/{picker → picker-legacy}/animations/ios.enter.js +0 -0
  847. /package/dist/collection/components/{picker → picker-legacy}/animations/ios.leave.js +0 -0
  848. /package/dist/collection/components/{picker → picker-legacy}/picker-interface.js +0 -0
  849. /package/dist/collection/components/{picker-column → picker-legacy-column}/picker-column.ios.css +0 -0
  850. /package/dist/collection/components/{picker-column → picker-legacy-column}/test/test.utils.js +0 -0
  851. /package/dist/types/components/{picker → picker-legacy}/animations/ios.enter.d.ts +0 -0
  852. /package/dist/types/components/{picker → picker-legacy}/animations/ios.leave.d.ts +0 -0
  853. /package/dist/types/components/{picker → picker-legacy}/picker-interface.d.ts +0 -0
  854. /package/dist/types/components/{picker-column → picker-legacy-column}/test/test.utils.d.ts +0 -0
@@ -1,10 +1,10 @@
1
1
  /*!
2
2
  * (C) Ionic http://ionicframework.com - MIT License
3
3
  */
4
- import { r as registerInstance, d as createEvent, f as getElement, h, H as Host } from './index-73881b51.js';
4
+ import { r as registerInstance, d as createEvent, f as getElement, h, H as Host } from './index-27668d5b.js';
5
5
  import { c as componentOnReady, q as debounce } from './helpers-ae653409.js';
6
6
  import { o as openURL, c as createColorClasses } from './theme-01f3f29c.js';
7
- import { b as getIonMode } from './ionic-global-778b7863.js';
7
+ import { b as getIonMode } from './ionic-global-8fa0f940.js';
8
8
 
9
9
  const Route = class {
10
10
  constructor(hostRef) {
@@ -855,8 +855,7 @@ const Router = class {
855
855
  get el() { return getElement(this); }
856
856
  };
857
857
 
858
- const routerLinkCss = ":host{--background:transparent;--color:var(--ion-color-primary, #3880ff);background:var(--background);color:var(--color)}:host(.ion-color){color:var(--ion-color-base)}a{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}";
859
- const IonRouterLinkStyle0 = routerLinkCss;
858
+ const routerLinkCss = ":host{--background:transparent;--color:var(--ion-color-primary, #0054e9);background:var(--background);color:var(--color)}:host(.ion-color){color:var(--ion-color-base)}a{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}";
860
859
 
861
860
  const RouterLink = class {
862
861
  constructor(hostRef) {
@@ -878,12 +877,12 @@ const RouterLink = class {
878
877
  rel: this.rel,
879
878
  target: this.target,
880
879
  };
881
- return (h(Host, { key: '9944573e56abecc47afd2df03b386e38fc7ed2f3', onClick: this.onClick, class: createColorClasses(this.color, {
880
+ return (h(Host, { onClick: this.onClick, class: createColorClasses(this.color, {
882
881
  [mode]: true,
883
882
  'ion-activatable': true,
884
- }) }, h("a", Object.assign({ key: '383de10c02eb9ab87e27890548ef681dccf2a765' }, attrs), h("slot", { key: '584a5a52e2b116f3827596cc5869a3557d6bcb6b' }))));
883
+ }) }, h("a", Object.assign({}, attrs), h("slot", null))));
885
884
  }
886
885
  };
887
- RouterLink.style = IonRouterLinkStyle0;
886
+ RouterLink.style = routerLinkCss;
888
887
 
889
888
  export { Route as ion_route, RouteRedirect as ion_route_redirect, Router as ion_router, RouterLink as ion_router_link };
@@ -1,18 +1,16 @@
1
1
  /*!
2
2
  * (C) Ionic http://ionicframework.com - MIT License
3
3
  */
4
- import { r as registerInstance, d as createEvent, i as forceUpdate, h, H as Host, f as getElement } from './index-73881b51.js';
4
+ import { r as registerInstance, d as createEvent, i as forceUpdate, h, H as Host, f as getElement } from './index-27668d5b.js';
5
5
  import { j as debounceEvent, c as componentOnReady, r as raf } from './helpers-ae653409.js';
6
6
  import { i as isRTL } from './dir-babeabeb.js';
7
7
  import { c as createColorClasses } from './theme-01f3f29c.js';
8
8
  import { a as arrowBackSharp, b as closeCircle, d as closeSharp, s as searchOutline, e as searchSharp } from './index-f7dc70ba.js';
9
- import { c as config, b as getIonMode } from './ionic-global-778b7863.js';
9
+ import { c as config, b as getIonMode } from './ionic-global-8fa0f940.js';
10
10
 
11
- const searchbarIosCss = ".sc-ion-searchbar-ios-h{--placeholder-color:initial;--placeholder-font-style:initial;--placeholder-font-weight:initial;--placeholder-opacity:0.6;-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;display:-ms-flexbox;display:flex;position:relative;-ms-flex-align:center;align-items:center;width:100%;color:var(--color);font-family:var(--ion-font-family, inherit);-webkit-box-sizing:border-box;box-sizing:border-box}.ion-color.sc-ion-searchbar-ios-h{color:var(--ion-color-contrast)}.ion-color.sc-ion-searchbar-ios-h .searchbar-input.sc-ion-searchbar-ios{background:var(--ion-color-base)}.ion-color.sc-ion-searchbar-ios-h .searchbar-clear-button.sc-ion-searchbar-ios,.ion-color.sc-ion-searchbar-ios-h .searchbar-cancel-button.sc-ion-searchbar-ios,.ion-color.sc-ion-searchbar-ios-h .searchbar-search-icon.sc-ion-searchbar-ios{color:inherit}.searchbar-search-icon.sc-ion-searchbar-ios{color:var(--icon-color);pointer-events:none}.searchbar-input-container.sc-ion-searchbar-ios{display:block;position:relative;-ms-flex-negative:1;flex-shrink:1;width:100%}.searchbar-input.sc-ion-searchbar-ios{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;border-radius:var(--border-radius);display:block;width:100%;min-height:inherit;border:0;outline:none;background:var(--background);font-family:inherit;-webkit-box-shadow:var(--box-shadow);box-shadow:var(--box-shadow);-webkit-box-sizing:border-box;box-sizing:border-box;-webkit-appearance:none;-moz-appearance:none;appearance:none}.searchbar-input.sc-ion-searchbar-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)}.searchbar-input.sc-ion-searchbar-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)}.searchbar-input.sc-ion-searchbar-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)}.searchbar-input.sc-ion-searchbar-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)}.searchbar-input.sc-ion-searchbar-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)}.searchbar-input.sc-ion-searchbar-ios::-webkit-search-cancel-button,.searchbar-input.sc-ion-searchbar-ios::-ms-clear{display:none}.searchbar-cancel-button.sc-ion-searchbar-ios{margin-left:0;margin-right:0;margin-top:0;margin-bottom:0;display:none;height:100%;border:0;outline:none;color:var(--cancel-button-color);cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none}.searchbar-cancel-button.sc-ion-searchbar-ios>div.sc-ion-searchbar-ios{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;width:100%;height:100%}.searchbar-clear-button.sc-ion-searchbar-ios{margin-left:0;margin-right:0;margin-top:0;margin-bottom:0;padding-left:0;padding-right:0;padding-top:0;padding-bottom:0;display:none;min-height:0;outline:none;color:var(--clear-button-color);-webkit-appearance:none;-moz-appearance:none;appearance:none}.searchbar-clear-button.sc-ion-searchbar-ios:focus{opacity:0.5}.searchbar-has-value.searchbar-should-show-clear.sc-ion-searchbar-ios-h .searchbar-clear-button.sc-ion-searchbar-ios{display:block}.searchbar-disabled.sc-ion-searchbar-ios-h{cursor:default;opacity:0.4;pointer-events:none}.sc-ion-searchbar-ios-h{--background:rgba(var(--ion-text-color-rgb, 0, 0, 0), 0.07);--border-radius:10px;--box-shadow:none;--cancel-button-color:var(--ion-color-primary, #3880ff);--clear-button-color:var(--ion-color-step-600, #666666);--color:var(--ion-text-color, #000);--icon-color:var(--ion-color-step-600, #666666);-webkit-padding-start:12px;padding-inline-start:12px;-webkit-padding-end:12px;padding-inline-end:12px;padding-top:12px;padding-bottom:12px;min-height:60px;contain:content}.searchbar-input-container.sc-ion-searchbar-ios{min-height:36px}.searchbar-search-icon.sc-ion-searchbar-ios{-webkit-margin-start:calc(50% - 60px);margin-inline-start:calc(50% - 60px);top:0;position:absolute;width:1.375rem;height:100%;contain:strict}@supports (inset-inline-start: 0){.searchbar-search-icon.sc-ion-searchbar-ios{inset-inline-start:5px}}@supports not (inset-inline-start: 0){.searchbar-search-icon.sc-ion-searchbar-ios{left:5px}[dir=rtl].sc-ion-searchbar-ios-h .searchbar-search-icon.sc-ion-searchbar-ios,[dir=rtl] .sc-ion-searchbar-ios-h .searchbar-search-icon.sc-ion-searchbar-ios{left:unset;right:unset;right:5px}[dir=rtl].sc-ion-searchbar-ios .searchbar-search-icon.sc-ion-searchbar-ios{left:unset;right:unset;right:5px}@supports selector(:dir(rtl)){.searchbar-search-icon.sc-ion-searchbar-ios:dir(rtl){left:unset;right:unset;right:5px}}}.searchbar-input.sc-ion-searchbar-ios{-webkit-padding-start:0px;padding-inline-start:0px;-webkit-padding-end:0px;padding-inline-end:0px;padding-top:6px;padding-bottom:6px;height:100%;font-size:1.0625rem;font-weight:400;contain:strict}.searchbar-has-value.searchbar-should-show-clear.sc-ion-searchbar-ios-h .searchbar-input.sc-ion-searchbar-ios{-webkit-padding-start:1.75rem;padding-inline-start:1.75rem;-webkit-padding-end:1.75rem;padding-inline-end:1.75rem}.searchbar-clear-button.sc-ion-searchbar-ios{top:0;background-position:center;position:absolute;width:1.875rem;height:100%;border:0;background-color:transparent}@supports (inset-inline-start: 0){.searchbar-clear-button.sc-ion-searchbar-ios{inset-inline-end:0}}@supports not (inset-inline-start: 0){.searchbar-clear-button.sc-ion-searchbar-ios{right:0}[dir=rtl].sc-ion-searchbar-ios-h .searchbar-clear-button.sc-ion-searchbar-ios,[dir=rtl] .sc-ion-searchbar-ios-h .searchbar-clear-button.sc-ion-searchbar-ios{left:unset;right:unset;left:0}[dir=rtl].sc-ion-searchbar-ios .searchbar-clear-button.sc-ion-searchbar-ios{left:unset;right:unset;left:0}@supports selector(:dir(rtl)){.searchbar-clear-button.sc-ion-searchbar-ios:dir(rtl){left:unset;right:unset;left:0}}}.searchbar-clear-icon.sc-ion-searchbar-ios{width:1.125rem;height:100%}.searchbar-cancel-button.sc-ion-searchbar-ios{-webkit-padding-start:8px;padding-inline-start:8px;-webkit-padding-end:0;padding-inline-end:0;padding-top:0;padding-bottom:0;-ms-flex-negative:0;flex-shrink:0;background-color:transparent;font-size:16px}.searchbar-left-aligned.sc-ion-searchbar-ios-h .searchbar-search-icon.sc-ion-searchbar-ios{-webkit-margin-start:0;margin-inline-start:0}.searchbar-left-aligned.sc-ion-searchbar-ios-h .searchbar-input.sc-ion-searchbar-ios{-webkit-padding-start:1.875rem;padding-inline-start:1.875rem}.searchbar-has-focus.sc-ion-searchbar-ios-h .searchbar-cancel-button.sc-ion-searchbar-ios,.searchbar-should-show-cancel.sc-ion-searchbar-ios-h .searchbar-cancel-button.sc-ion-searchbar-ios,.searchbar-animated.sc-ion-searchbar-ios-h .searchbar-cancel-button.sc-ion-searchbar-ios{display:block}.searchbar-animated.sc-ion-searchbar-ios-h .searchbar-search-icon.sc-ion-searchbar-ios,.searchbar-animated.sc-ion-searchbar-ios-h .searchbar-input.sc-ion-searchbar-ios{-webkit-transition:all 300ms ease;transition:all 300ms ease}.searchbar-animated.searchbar-has-focus.sc-ion-searchbar-ios-h .searchbar-cancel-button.sc-ion-searchbar-ios,.searchbar-animated.searchbar-should-show-cancel.sc-ion-searchbar-ios-h .searchbar-cancel-button.sc-ion-searchbar-ios{opacity:1;pointer-events:auto}.searchbar-animated.sc-ion-searchbar-ios-h .searchbar-cancel-button.sc-ion-searchbar-ios{-webkit-margin-end:-100%;margin-inline-end:-100%;-webkit-transform:translate3d(0, 0, 0);transform:translate3d(0, 0, 0);-webkit-transition:all 300ms ease;transition:all 300ms ease;opacity:0;pointer-events:none}.searchbar-no-animate.sc-ion-searchbar-ios-h .searchbar-search-icon.sc-ion-searchbar-ios,.searchbar-no-animate.sc-ion-searchbar-ios-h .searchbar-input.sc-ion-searchbar-ios,.searchbar-no-animate.sc-ion-searchbar-ios-h .searchbar-cancel-button.sc-ion-searchbar-ios{-webkit-transition-duration:0ms;transition-duration:0ms}.ion-color.sc-ion-searchbar-ios-h .searchbar-cancel-button.sc-ion-searchbar-ios{color:var(--ion-color-base)}@media (any-hover: hover){.ion-color.sc-ion-searchbar-ios-h .searchbar-cancel-button.sc-ion-searchbar-ios:hover{color:var(--ion-color-tint)}}ion-toolbar.sc-ion-searchbar-ios-h,ion-toolbar .sc-ion-searchbar-ios-h{padding-top:1px;padding-bottom:15px;min-height:52px}ion-toolbar.ion-color.sc-ion-searchbar-ios-h:not(.ion-color),ion-toolbar.ion-color .sc-ion-searchbar-ios-h:not(.ion-color){color:inherit}ion-toolbar.ion-color.sc-ion-searchbar-ios-h:not(.ion-color) .searchbar-cancel-button.sc-ion-searchbar-ios,ion-toolbar.ion-color .sc-ion-searchbar-ios-h:not(.ion-color) .searchbar-cancel-button.sc-ion-searchbar-ios{color:currentColor}ion-toolbar.ion-color.sc-ion-searchbar-ios-h .searchbar-search-icon.sc-ion-searchbar-ios,ion-toolbar.ion-color .sc-ion-searchbar-ios-h .searchbar-search-icon.sc-ion-searchbar-ios{color:currentColor;opacity:0.5}ion-toolbar.ion-color.sc-ion-searchbar-ios-h:not(.ion-color) .searchbar-input.sc-ion-searchbar-ios,ion-toolbar.ion-color .sc-ion-searchbar-ios-h:not(.ion-color) .searchbar-input.sc-ion-searchbar-ios{background:rgba(var(--ion-color-contrast-rgb), 0.07);color:currentColor}ion-toolbar.ion-color.sc-ion-searchbar-ios-h:not(.ion-color) .searchbar-clear-button.sc-ion-searchbar-ios,ion-toolbar.ion-color .sc-ion-searchbar-ios-h:not(.ion-color) .searchbar-clear-button.sc-ion-searchbar-ios{color:currentColor;opacity:0.5}";
12
- const IonSearchbarIosStyle0 = searchbarIosCss;
11
+ const searchbarIosCss = ".sc-ion-searchbar-ios-h{--placeholder-color:initial;--placeholder-font-style:initial;--placeholder-font-weight:initial;--placeholder-opacity:var(--ion-placeholder-opacity, 0.6);-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;display:-ms-flexbox;display:flex;position:relative;-ms-flex-align:center;align-items:center;width:100%;color:var(--color);font-family:var(--ion-font-family, inherit);-webkit-box-sizing:border-box;box-sizing:border-box}.ion-color.sc-ion-searchbar-ios-h{color:var(--ion-color-contrast)}.ion-color.sc-ion-searchbar-ios-h .searchbar-input.sc-ion-searchbar-ios{background:var(--ion-color-base)}.ion-color.sc-ion-searchbar-ios-h .searchbar-clear-button.sc-ion-searchbar-ios,.ion-color.sc-ion-searchbar-ios-h .searchbar-cancel-button.sc-ion-searchbar-ios,.ion-color.sc-ion-searchbar-ios-h .searchbar-search-icon.sc-ion-searchbar-ios{color:inherit}.searchbar-search-icon.sc-ion-searchbar-ios{color:var(--icon-color);pointer-events:none}.searchbar-input-container.sc-ion-searchbar-ios{display:block;position:relative;-ms-flex-negative:1;flex-shrink:1;width:100%}.searchbar-input.sc-ion-searchbar-ios{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;border-radius:var(--border-radius);display:block;width:100%;min-height:inherit;border:0;outline:none;background:var(--background);font-family:inherit;-webkit-box-shadow:var(--box-shadow);box-shadow:var(--box-shadow);-webkit-box-sizing:border-box;box-sizing:border-box;-webkit-appearance:none;-moz-appearance:none;appearance:none}.searchbar-input.sc-ion-searchbar-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)}.searchbar-input.sc-ion-searchbar-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)}.searchbar-input.sc-ion-searchbar-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)}.searchbar-input.sc-ion-searchbar-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)}.searchbar-input.sc-ion-searchbar-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)}.searchbar-input.sc-ion-searchbar-ios::-webkit-search-cancel-button,.searchbar-input.sc-ion-searchbar-ios::-ms-clear{display:none}.searchbar-cancel-button.sc-ion-searchbar-ios{margin-left:0;margin-right:0;margin-top:0;margin-bottom:0;display:none;height:100%;border:0;outline:none;color:var(--cancel-button-color);cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none}.searchbar-cancel-button.sc-ion-searchbar-ios>div.sc-ion-searchbar-ios{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;width:100%;height:100%}.searchbar-clear-button.sc-ion-searchbar-ios{margin-left:0;margin-right:0;margin-top:0;margin-bottom:0;padding-left:0;padding-right:0;padding-top:0;padding-bottom:0;display:none;min-height:0;outline:none;color:var(--clear-button-color);-webkit-appearance:none;-moz-appearance:none;appearance:none}.searchbar-clear-button.sc-ion-searchbar-ios:focus{opacity:0.5}.searchbar-has-value.searchbar-should-show-clear.sc-ion-searchbar-ios-h .searchbar-clear-button.sc-ion-searchbar-ios{display:block}.searchbar-disabled.sc-ion-searchbar-ios-h{cursor:default;opacity:0.4;pointer-events:none}.sc-ion-searchbar-ios-h{--background:rgba(var(--ion-text-color-rgb, 0, 0, 0), 0.07);--border-radius:10px;--box-shadow:none;--cancel-button-color:var(--ion-color-primary, #0054e9);--clear-button-color:var(--ion-color-step-600, var(--ion-text-color-step-400, #666666));--color:var(--ion-text-color, #000);--icon-color:var(--ion-color-step-600, var(--ion-text-color-step-400, #666666));-webkit-padding-start:12px;padding-inline-start:12px;-webkit-padding-end:12px;padding-inline-end:12px;padding-top:12px;padding-bottom:12px;min-height:60px;contain:content}.searchbar-input-container.sc-ion-searchbar-ios{min-height:36px}.searchbar-search-icon.sc-ion-searchbar-ios{-webkit-margin-start:calc(50% - 60px);margin-inline-start:calc(50% - 60px);top:0;position:absolute;width:1.375rem;height:100%;contain:strict}@supports (inset-inline-start: 0){.searchbar-search-icon.sc-ion-searchbar-ios{inset-inline-start:5px}}@supports not (inset-inline-start: 0){.searchbar-search-icon.sc-ion-searchbar-ios{left:5px}[dir=rtl].sc-ion-searchbar-ios-h .searchbar-search-icon.sc-ion-searchbar-ios,[dir=rtl] .sc-ion-searchbar-ios-h .searchbar-search-icon.sc-ion-searchbar-ios{left:unset;right:unset;right:5px}[dir=rtl].sc-ion-searchbar-ios .searchbar-search-icon.sc-ion-searchbar-ios{left:unset;right:unset;right:5px}@supports selector(:dir(rtl)){.searchbar-search-icon.sc-ion-searchbar-ios:dir(rtl){left:unset;right:unset;right:5px}}}.searchbar-input.sc-ion-searchbar-ios{-webkit-padding-start:0px;padding-inline-start:0px;-webkit-padding-end:0px;padding-inline-end:0px;padding-top:6px;padding-bottom:6px;height:100%;font-size:1.0625rem;font-weight:400;contain:strict}.searchbar-has-value.searchbar-should-show-clear.sc-ion-searchbar-ios-h .searchbar-input.sc-ion-searchbar-ios{-webkit-padding-start:1.75rem;padding-inline-start:1.75rem;-webkit-padding-end:1.75rem;padding-inline-end:1.75rem}.searchbar-clear-button.sc-ion-searchbar-ios{top:0;background-position:center;position:absolute;width:1.875rem;height:100%;border:0;background-color:transparent}@supports (inset-inline-start: 0){.searchbar-clear-button.sc-ion-searchbar-ios{inset-inline-end:0}}@supports not (inset-inline-start: 0){.searchbar-clear-button.sc-ion-searchbar-ios{right:0}[dir=rtl].sc-ion-searchbar-ios-h .searchbar-clear-button.sc-ion-searchbar-ios,[dir=rtl] .sc-ion-searchbar-ios-h .searchbar-clear-button.sc-ion-searchbar-ios{left:unset;right:unset;left:0}[dir=rtl].sc-ion-searchbar-ios .searchbar-clear-button.sc-ion-searchbar-ios{left:unset;right:unset;left:0}@supports selector(:dir(rtl)){.searchbar-clear-button.sc-ion-searchbar-ios:dir(rtl){left:unset;right:unset;left:0}}}.searchbar-clear-icon.sc-ion-searchbar-ios{width:1.125rem;height:100%}.searchbar-cancel-button.sc-ion-searchbar-ios{-webkit-padding-start:8px;padding-inline-start:8px;-webkit-padding-end:0;padding-inline-end:0;padding-top:0;padding-bottom:0;-ms-flex-negative:0;flex-shrink:0;background-color:transparent;font-size:16px}.searchbar-left-aligned.sc-ion-searchbar-ios-h .searchbar-search-icon.sc-ion-searchbar-ios{-webkit-margin-start:0;margin-inline-start:0}.searchbar-left-aligned.sc-ion-searchbar-ios-h .searchbar-input.sc-ion-searchbar-ios{-webkit-padding-start:1.875rem;padding-inline-start:1.875rem}.searchbar-has-focus.sc-ion-searchbar-ios-h .searchbar-cancel-button.sc-ion-searchbar-ios,.searchbar-should-show-cancel.sc-ion-searchbar-ios-h .searchbar-cancel-button.sc-ion-searchbar-ios,.searchbar-animated.sc-ion-searchbar-ios-h .searchbar-cancel-button.sc-ion-searchbar-ios{display:block}.searchbar-animated.sc-ion-searchbar-ios-h .searchbar-search-icon.sc-ion-searchbar-ios,.searchbar-animated.sc-ion-searchbar-ios-h .searchbar-input.sc-ion-searchbar-ios{-webkit-transition:all 300ms ease;transition:all 300ms ease}.searchbar-animated.searchbar-has-focus.sc-ion-searchbar-ios-h .searchbar-cancel-button.sc-ion-searchbar-ios,.searchbar-animated.searchbar-should-show-cancel.sc-ion-searchbar-ios-h .searchbar-cancel-button.sc-ion-searchbar-ios{opacity:1;pointer-events:auto}.searchbar-animated.sc-ion-searchbar-ios-h .searchbar-cancel-button.sc-ion-searchbar-ios{-webkit-margin-end:-100%;margin-inline-end:-100%;-webkit-transform:translate3d(0, 0, 0);transform:translate3d(0, 0, 0);-webkit-transition:all 300ms ease;transition:all 300ms ease;opacity:0;pointer-events:none}.searchbar-no-animate.sc-ion-searchbar-ios-h .searchbar-search-icon.sc-ion-searchbar-ios,.searchbar-no-animate.sc-ion-searchbar-ios-h .searchbar-input.sc-ion-searchbar-ios,.searchbar-no-animate.sc-ion-searchbar-ios-h .searchbar-cancel-button.sc-ion-searchbar-ios{-webkit-transition-duration:0ms;transition-duration:0ms}.ion-color.sc-ion-searchbar-ios-h .searchbar-cancel-button.sc-ion-searchbar-ios{color:var(--ion-color-base)}@media (any-hover: hover){.ion-color.sc-ion-searchbar-ios-h .searchbar-cancel-button.sc-ion-searchbar-ios:hover{color:var(--ion-color-tint)}}ion-toolbar.sc-ion-searchbar-ios-h,ion-toolbar .sc-ion-searchbar-ios-h{padding-top:1px;padding-bottom:15px;min-height:52px}ion-toolbar.ion-color.sc-ion-searchbar-ios-h:not(.ion-color),ion-toolbar.ion-color .sc-ion-searchbar-ios-h:not(.ion-color){color:inherit}ion-toolbar.ion-color.sc-ion-searchbar-ios-h:not(.ion-color) .searchbar-cancel-button.sc-ion-searchbar-ios,ion-toolbar.ion-color .sc-ion-searchbar-ios-h:not(.ion-color) .searchbar-cancel-button.sc-ion-searchbar-ios{color:currentColor}ion-toolbar.ion-color.sc-ion-searchbar-ios-h .searchbar-search-icon.sc-ion-searchbar-ios,ion-toolbar.ion-color .sc-ion-searchbar-ios-h .searchbar-search-icon.sc-ion-searchbar-ios{color:currentColor;opacity:0.5}ion-toolbar.ion-color.sc-ion-searchbar-ios-h:not(.ion-color) .searchbar-input.sc-ion-searchbar-ios,ion-toolbar.ion-color .sc-ion-searchbar-ios-h:not(.ion-color) .searchbar-input.sc-ion-searchbar-ios{background:rgba(var(--ion-color-contrast-rgb), 0.07);color:currentColor}ion-toolbar.ion-color.sc-ion-searchbar-ios-h:not(.ion-color) .searchbar-clear-button.sc-ion-searchbar-ios,ion-toolbar.ion-color .sc-ion-searchbar-ios-h:not(.ion-color) .searchbar-clear-button.sc-ion-searchbar-ios{color:currentColor;opacity:0.5}";
13
12
 
14
- const searchbarMdCss = ".sc-ion-searchbar-md-h{--placeholder-color:initial;--placeholder-font-style:initial;--placeholder-font-weight:initial;--placeholder-opacity:0.6;-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;display:-ms-flexbox;display:flex;position:relative;-ms-flex-align:center;align-items:center;width:100%;color:var(--color);font-family:var(--ion-font-family, inherit);-webkit-box-sizing:border-box;box-sizing:border-box}.ion-color.sc-ion-searchbar-md-h{color:var(--ion-color-contrast)}.ion-color.sc-ion-searchbar-md-h .searchbar-input.sc-ion-searchbar-md{background:var(--ion-color-base)}.ion-color.sc-ion-searchbar-md-h .searchbar-clear-button.sc-ion-searchbar-md,.ion-color.sc-ion-searchbar-md-h .searchbar-cancel-button.sc-ion-searchbar-md,.ion-color.sc-ion-searchbar-md-h .searchbar-search-icon.sc-ion-searchbar-md{color:inherit}.searchbar-search-icon.sc-ion-searchbar-md{color:var(--icon-color);pointer-events:none}.searchbar-input-container.sc-ion-searchbar-md{display:block;position:relative;-ms-flex-negative:1;flex-shrink:1;width:100%}.searchbar-input.sc-ion-searchbar-md{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;border-radius:var(--border-radius);display:block;width:100%;min-height:inherit;border:0;outline:none;background:var(--background);font-family:inherit;-webkit-box-shadow:var(--box-shadow);box-shadow:var(--box-shadow);-webkit-box-sizing:border-box;box-sizing:border-box;-webkit-appearance:none;-moz-appearance:none;appearance:none}.searchbar-input.sc-ion-searchbar-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)}.searchbar-input.sc-ion-searchbar-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)}.searchbar-input.sc-ion-searchbar-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)}.searchbar-input.sc-ion-searchbar-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)}.searchbar-input.sc-ion-searchbar-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)}.searchbar-input.sc-ion-searchbar-md::-webkit-search-cancel-button,.searchbar-input.sc-ion-searchbar-md::-ms-clear{display:none}.searchbar-cancel-button.sc-ion-searchbar-md{margin-left:0;margin-right:0;margin-top:0;margin-bottom:0;display:none;height:100%;border:0;outline:none;color:var(--cancel-button-color);cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none}.searchbar-cancel-button.sc-ion-searchbar-md>div.sc-ion-searchbar-md{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;width:100%;height:100%}.searchbar-clear-button.sc-ion-searchbar-md{margin-left:0;margin-right:0;margin-top:0;margin-bottom:0;padding-left:0;padding-right:0;padding-top:0;padding-bottom:0;display:none;min-height:0;outline:none;color:var(--clear-button-color);-webkit-appearance:none;-moz-appearance:none;appearance:none}.searchbar-clear-button.sc-ion-searchbar-md:focus{opacity:0.5}.searchbar-has-value.searchbar-should-show-clear.sc-ion-searchbar-md-h .searchbar-clear-button.sc-ion-searchbar-md{display:block}.searchbar-disabled.sc-ion-searchbar-md-h{cursor:default;opacity:0.4;pointer-events:none}.sc-ion-searchbar-md-h{--background:var(--ion-background-color, #fff);--border-radius:2px;--box-shadow:0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 1px 5px 0 rgba(0, 0, 0, 0.12);--cancel-button-color:var(--ion-color-step-900, #1a1a1a);--clear-button-color:initial;--color:var(--ion-color-step-850, #262626);--icon-color:var(--ion-color-step-600, #666666);-webkit-padding-start:8px;padding-inline-start:8px;-webkit-padding-end:8px;padding-inline-end:8px;padding-top:8px;padding-bottom:8px;background:inherit}.searchbar-search-icon.sc-ion-searchbar-md{top:11px;width:1.3125rem;height:1.3125rem}@supports (inset-inline-start: 0){.searchbar-search-icon.sc-ion-searchbar-md{inset-inline-start:16px}}@supports not (inset-inline-start: 0){.searchbar-search-icon.sc-ion-searchbar-md{left:16px}[dir=rtl].sc-ion-searchbar-md-h .searchbar-search-icon.sc-ion-searchbar-md,[dir=rtl] .sc-ion-searchbar-md-h .searchbar-search-icon.sc-ion-searchbar-md{left:unset;right:unset;right:16px}[dir=rtl].sc-ion-searchbar-md .searchbar-search-icon.sc-ion-searchbar-md{left:unset;right:unset;right:16px}@supports selector(:dir(rtl)){.searchbar-search-icon.sc-ion-searchbar-md:dir(rtl){left:unset;right:unset;right:16px}}}.searchbar-cancel-button.sc-ion-searchbar-md{top:0;background-color:transparent;font-size:1.5em}@supports (inset-inline-start: 0){.searchbar-cancel-button.sc-ion-searchbar-md{inset-inline-start:9px}}@supports not (inset-inline-start: 0){.searchbar-cancel-button.sc-ion-searchbar-md{left:9px}[dir=rtl].sc-ion-searchbar-md-h .searchbar-cancel-button.sc-ion-searchbar-md,[dir=rtl] .sc-ion-searchbar-md-h .searchbar-cancel-button.sc-ion-searchbar-md{left:unset;right:unset;right:9px}[dir=rtl].sc-ion-searchbar-md .searchbar-cancel-button.sc-ion-searchbar-md{left:unset;right:unset;right:9px}@supports selector(:dir(rtl)){.searchbar-cancel-button.sc-ion-searchbar-md:dir(rtl){left:unset;right:unset;right:9px}}}.searchbar-search-icon.sc-ion-searchbar-md,.searchbar-cancel-button.sc-ion-searchbar-md{position:absolute}.searchbar-search-icon.ion-activated.sc-ion-searchbar-md,.searchbar-cancel-button.ion-activated.sc-ion-searchbar-md{background-color:transparent}.searchbar-input.sc-ion-searchbar-md{-webkit-padding-start:3.4375rem;padding-inline-start:3.4375rem;-webkit-padding-end:3.4375rem;padding-inline-end:3.4375rem;padding-top:0.375rem;padding-bottom:0.375rem;background-position:left 8px center;height:auto;font-size:1rem;font-weight:400;line-height:30px}[dir=rtl].sc-ion-searchbar-md-h .searchbar-input.sc-ion-searchbar-md,[dir=rtl] .sc-ion-searchbar-md-h .searchbar-input.sc-ion-searchbar-md{background-position:right 8px center}[dir=rtl].sc-ion-searchbar-md .searchbar-input.sc-ion-searchbar-md{background-position:right 8px center}@supports selector(:dir(rtl)){.searchbar-input.sc-ion-searchbar-md:dir(rtl){background-position:right 8px center}}.searchbar-clear-button.sc-ion-searchbar-md{top:0;padding-left:0;padding-right:0;padding-top:0;padding-bottom:0;position:absolute;height:100%;border:0;background-color:transparent}@supports (inset-inline-start: 0){.searchbar-clear-button.sc-ion-searchbar-md{inset-inline-end:13px}}@supports not (inset-inline-start: 0){.searchbar-clear-button.sc-ion-searchbar-md{right:13px}[dir=rtl].sc-ion-searchbar-md-h .searchbar-clear-button.sc-ion-searchbar-md,[dir=rtl] .sc-ion-searchbar-md-h .searchbar-clear-button.sc-ion-searchbar-md{left:unset;right:unset;left:13px}[dir=rtl].sc-ion-searchbar-md .searchbar-clear-button.sc-ion-searchbar-md{left:unset;right:unset;left:13px}@supports selector(:dir(rtl)){.searchbar-clear-button.sc-ion-searchbar-md:dir(rtl){left:unset;right:unset;left:13px}}}.searchbar-clear-button.ion-activated.sc-ion-searchbar-md{background-color:transparent}.searchbar-clear-icon.sc-ion-searchbar-md{width:1.375rem;height:100%}.searchbar-has-focus.sc-ion-searchbar-md-h .searchbar-search-icon.sc-ion-searchbar-md{display:block}.searchbar-has-focus.sc-ion-searchbar-md-h .searchbar-cancel-button.sc-ion-searchbar-md,.searchbar-should-show-cancel.sc-ion-searchbar-md-h .searchbar-cancel-button.sc-ion-searchbar-md{display:block}.searchbar-has-focus.sc-ion-searchbar-md-h .searchbar-cancel-button.sc-ion-searchbar-md+.searchbar-search-icon.sc-ion-searchbar-md,.searchbar-should-show-cancel.sc-ion-searchbar-md-h .searchbar-cancel-button.sc-ion-searchbar-md+.searchbar-search-icon.sc-ion-searchbar-md{display:none}ion-toolbar.sc-ion-searchbar-md-h,ion-toolbar .sc-ion-searchbar-md-h{-webkit-padding-start:7px;padding-inline-start:7px;-webkit-padding-end:7px;padding-inline-end:7px;padding-top:3px;padding-bottom:3px}";
15
- const IonSearchbarMdStyle0 = searchbarMdCss;
13
+ const searchbarMdCss = ".sc-ion-searchbar-md-h{--placeholder-color:initial;--placeholder-font-style:initial;--placeholder-font-weight:initial;--placeholder-opacity:var(--ion-placeholder-opacity, 0.6);-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;display:-ms-flexbox;display:flex;position:relative;-ms-flex-align:center;align-items:center;width:100%;color:var(--color);font-family:var(--ion-font-family, inherit);-webkit-box-sizing:border-box;box-sizing:border-box}.ion-color.sc-ion-searchbar-md-h{color:var(--ion-color-contrast)}.ion-color.sc-ion-searchbar-md-h .searchbar-input.sc-ion-searchbar-md{background:var(--ion-color-base)}.ion-color.sc-ion-searchbar-md-h .searchbar-clear-button.sc-ion-searchbar-md,.ion-color.sc-ion-searchbar-md-h .searchbar-cancel-button.sc-ion-searchbar-md,.ion-color.sc-ion-searchbar-md-h .searchbar-search-icon.sc-ion-searchbar-md{color:inherit}.searchbar-search-icon.sc-ion-searchbar-md{color:var(--icon-color);pointer-events:none}.searchbar-input-container.sc-ion-searchbar-md{display:block;position:relative;-ms-flex-negative:1;flex-shrink:1;width:100%}.searchbar-input.sc-ion-searchbar-md{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;border-radius:var(--border-radius);display:block;width:100%;min-height:inherit;border:0;outline:none;background:var(--background);font-family:inherit;-webkit-box-shadow:var(--box-shadow);box-shadow:var(--box-shadow);-webkit-box-sizing:border-box;box-sizing:border-box;-webkit-appearance:none;-moz-appearance:none;appearance:none}.searchbar-input.sc-ion-searchbar-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)}.searchbar-input.sc-ion-searchbar-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)}.searchbar-input.sc-ion-searchbar-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)}.searchbar-input.sc-ion-searchbar-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)}.searchbar-input.sc-ion-searchbar-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)}.searchbar-input.sc-ion-searchbar-md::-webkit-search-cancel-button,.searchbar-input.sc-ion-searchbar-md::-ms-clear{display:none}.searchbar-cancel-button.sc-ion-searchbar-md{margin-left:0;margin-right:0;margin-top:0;margin-bottom:0;display:none;height:100%;border:0;outline:none;color:var(--cancel-button-color);cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none}.searchbar-cancel-button.sc-ion-searchbar-md>div.sc-ion-searchbar-md{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;width:100%;height:100%}.searchbar-clear-button.sc-ion-searchbar-md{margin-left:0;margin-right:0;margin-top:0;margin-bottom:0;padding-left:0;padding-right:0;padding-top:0;padding-bottom:0;display:none;min-height:0;outline:none;color:var(--clear-button-color);-webkit-appearance:none;-moz-appearance:none;appearance:none}.searchbar-clear-button.sc-ion-searchbar-md:focus{opacity:0.5}.searchbar-has-value.searchbar-should-show-clear.sc-ion-searchbar-md-h .searchbar-clear-button.sc-ion-searchbar-md{display:block}.searchbar-disabled.sc-ion-searchbar-md-h{cursor:default;opacity:0.4;pointer-events:none}.sc-ion-searchbar-md-h{--background:var(--ion-background-color, #fff);--border-radius:2px;--box-shadow:0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 1px 5px 0 rgba(0, 0, 0, 0.12);--cancel-button-color:var(--ion-color-step-900, var(--ion-text-color-step-100, #1a1a1a));--clear-button-color:initial;--color:var(--ion-color-step-850, var(--ion-text-color-step-150, #262626));--icon-color:var(--ion-color-step-600, var(--ion-text-color-step-400, #666666));-webkit-padding-start:8px;padding-inline-start:8px;-webkit-padding-end:8px;padding-inline-end:8px;padding-top:8px;padding-bottom:8px;background:inherit}.searchbar-search-icon.sc-ion-searchbar-md{top:11px;width:1.3125rem;height:1.3125rem}@supports (inset-inline-start: 0){.searchbar-search-icon.sc-ion-searchbar-md{inset-inline-start:16px}}@supports not (inset-inline-start: 0){.searchbar-search-icon.sc-ion-searchbar-md{left:16px}[dir=rtl].sc-ion-searchbar-md-h .searchbar-search-icon.sc-ion-searchbar-md,[dir=rtl] .sc-ion-searchbar-md-h .searchbar-search-icon.sc-ion-searchbar-md{left:unset;right:unset;right:16px}[dir=rtl].sc-ion-searchbar-md .searchbar-search-icon.sc-ion-searchbar-md{left:unset;right:unset;right:16px}@supports selector(:dir(rtl)){.searchbar-search-icon.sc-ion-searchbar-md:dir(rtl){left:unset;right:unset;right:16px}}}.searchbar-cancel-button.sc-ion-searchbar-md{top:0;background-color:transparent;font-size:1.5em}@supports (inset-inline-start: 0){.searchbar-cancel-button.sc-ion-searchbar-md{inset-inline-start:9px}}@supports not (inset-inline-start: 0){.searchbar-cancel-button.sc-ion-searchbar-md{left:9px}[dir=rtl].sc-ion-searchbar-md-h .searchbar-cancel-button.sc-ion-searchbar-md,[dir=rtl] .sc-ion-searchbar-md-h .searchbar-cancel-button.sc-ion-searchbar-md{left:unset;right:unset;right:9px}[dir=rtl].sc-ion-searchbar-md .searchbar-cancel-button.sc-ion-searchbar-md{left:unset;right:unset;right:9px}@supports selector(:dir(rtl)){.searchbar-cancel-button.sc-ion-searchbar-md:dir(rtl){left:unset;right:unset;right:9px}}}.searchbar-search-icon.sc-ion-searchbar-md,.searchbar-cancel-button.sc-ion-searchbar-md{position:absolute}.searchbar-search-icon.ion-activated.sc-ion-searchbar-md,.searchbar-cancel-button.ion-activated.sc-ion-searchbar-md{background-color:transparent}.searchbar-input.sc-ion-searchbar-md{-webkit-padding-start:3.4375rem;padding-inline-start:3.4375rem;-webkit-padding-end:3.4375rem;padding-inline-end:3.4375rem;padding-top:0.375rem;padding-bottom:0.375rem;background-position:left 8px center;height:auto;font-size:1rem;font-weight:400;line-height:30px}[dir=rtl].sc-ion-searchbar-md-h .searchbar-input.sc-ion-searchbar-md,[dir=rtl] .sc-ion-searchbar-md-h .searchbar-input.sc-ion-searchbar-md{background-position:right 8px center}[dir=rtl].sc-ion-searchbar-md .searchbar-input.sc-ion-searchbar-md{background-position:right 8px center}@supports selector(:dir(rtl)){.searchbar-input.sc-ion-searchbar-md:dir(rtl){background-position:right 8px center}}.searchbar-clear-button.sc-ion-searchbar-md{top:0;padding-left:0;padding-right:0;padding-top:0;padding-bottom:0;position:absolute;height:100%;border:0;background-color:transparent}@supports (inset-inline-start: 0){.searchbar-clear-button.sc-ion-searchbar-md{inset-inline-end:13px}}@supports not (inset-inline-start: 0){.searchbar-clear-button.sc-ion-searchbar-md{right:13px}[dir=rtl].sc-ion-searchbar-md-h .searchbar-clear-button.sc-ion-searchbar-md,[dir=rtl] .sc-ion-searchbar-md-h .searchbar-clear-button.sc-ion-searchbar-md{left:unset;right:unset;left:13px}[dir=rtl].sc-ion-searchbar-md .searchbar-clear-button.sc-ion-searchbar-md{left:unset;right:unset;left:13px}@supports selector(:dir(rtl)){.searchbar-clear-button.sc-ion-searchbar-md:dir(rtl){left:unset;right:unset;left:13px}}}.searchbar-clear-button.ion-activated.sc-ion-searchbar-md{background-color:transparent}.searchbar-clear-icon.sc-ion-searchbar-md{width:1.375rem;height:100%}.searchbar-has-focus.sc-ion-searchbar-md-h .searchbar-search-icon.sc-ion-searchbar-md{display:block}.searchbar-has-focus.sc-ion-searchbar-md-h .searchbar-cancel-button.sc-ion-searchbar-md,.searchbar-should-show-cancel.sc-ion-searchbar-md-h .searchbar-cancel-button.sc-ion-searchbar-md{display:block}.searchbar-has-focus.sc-ion-searchbar-md-h .searchbar-cancel-button.sc-ion-searchbar-md+.searchbar-search-icon.sc-ion-searchbar-md,.searchbar-should-show-cancel.sc-ion-searchbar-md-h .searchbar-cancel-button.sc-ion-searchbar-md+.searchbar-search-icon.sc-ion-searchbar-md{display:none}ion-toolbar.sc-ion-searchbar-md-h,ion-toolbar .sc-ion-searchbar-md-h{-webkit-padding-start:7px;padding-inline-start:7px;-webkit-padding-end:7px;padding-inline-end:7px;padding-top:3px;padding-bottom:3px}";
16
14
 
17
15
  const Searchbar = class {
18
16
  constructor(hostRef) {
@@ -367,8 +365,8 @@ const Searchbar = class {
367
365
  const clearIcon = this.clearIcon || (mode === 'ios' ? closeCircle : closeSharp);
368
366
  const searchIcon = this.searchIcon || (mode === 'ios' ? searchOutline : searchSharp);
369
367
  const shouldShowCancelButton = this.shouldShowCancelButton();
370
- const cancelButton = this.showCancelButton !== 'never' && (h("button", { key: '1de9b9bc6bad708bafcf4d31fa82838355120486', "aria-label": cancelButtonText, "aria-hidden": shouldShowCancelButton ? undefined : 'true', type: "button", tabIndex: mode === 'ios' && !shouldShowCancelButton ? -1 : undefined, onMouseDown: this.onCancelSearchbar, onTouchStart: this.onCancelSearchbar, class: "searchbar-cancel-button" }, h("div", { key: 'e5178016e17104a80732edbae73c0dfc264bfe52', "aria-hidden": "true" }, mode === 'md' ? (h("ion-icon", { "aria-hidden": "true", mode: mode, icon: this.cancelButtonIcon, lazy: false })) : (cancelButtonText))));
371
- return (h(Host, { key: '2c88a7b6ec7f33ada7dae560881210d7a8800f76', role: "search", "aria-disabled": this.disabled ? 'true' : null, class: createColorClasses(this.color, {
368
+ const cancelButton = this.showCancelButton !== 'never' && (h("button", { "aria-label": cancelButtonText, "aria-hidden": shouldShowCancelButton ? undefined : 'true', type: "button", tabIndex: mode === 'ios' && !shouldShowCancelButton ? -1 : undefined, onMouseDown: this.onCancelSearchbar, onTouchStart: this.onCancelSearchbar, class: "searchbar-cancel-button" }, h("div", { "aria-hidden": "true" }, mode === 'md' ? (h("ion-icon", { "aria-hidden": "true", mode: mode, icon: this.cancelButtonIcon, lazy: false })) : (cancelButtonText))));
369
+ return (h(Host, { role: "search", "aria-disabled": this.disabled ? 'true' : null, class: createColorClasses(this.color, {
372
370
  [mode]: true,
373
371
  'searchbar-animated': animated,
374
372
  'searchbar-disabled': this.disabled,
@@ -378,14 +376,14 @@ const Searchbar = class {
378
376
  'searchbar-has-focus': this.focused,
379
377
  'searchbar-should-show-clear': this.shouldShowClearButton(),
380
378
  'searchbar-should-show-cancel': this.shouldShowCancelButton(),
381
- }) }, h("div", { key: '8e914264a99453748a2bf370943e4047a0a587fb', class: "searchbar-input-container" }, h("input", { key: 'd772f3e8d42301e50fbd6c9deb332fbdf3c435ac', "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, placeholder: this.placeholder, type: this.type, value: this.getValue(), autoComplete: this.autocomplete, autoCorrect: this.autocorrect, spellcheck: this.spellcheck }), mode === 'md' && cancelButton, h("ion-icon", { key: '8d9b461c2c34729b1bb562c227868cf817a353bc', "aria-hidden": "true", mode: mode, icon: searchIcon, lazy: false, class: "searchbar-search-icon" }), h("button", { key: 'bcc39be721f4b825af31aae4dfb3058722d889a8', "aria-label": "reset", type: "button", "no-blur": true, class: "searchbar-clear-button", onPointerDown: (ev) => {
379
+ }) }, h("div", { class: "searchbar-input-container" }, h("input", { "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, placeholder: this.placeholder, type: this.type, value: this.getValue(), autoComplete: this.autocomplete, autoCorrect: this.autocorrect, spellcheck: this.spellcheck }), mode === 'md' && cancelButton, h("ion-icon", { "aria-hidden": "true", mode: mode, icon: searchIcon, lazy: false, class: "searchbar-search-icon" }), h("button", { "aria-label": "reset", type: "button", "no-blur": true, class: "searchbar-clear-button", onPointerDown: (ev) => {
382
380
  /**
383
381
  * This prevents mobile browsers from
384
382
  * blurring the input when the clear
385
383
  * button is activated.
386
384
  */
387
385
  ev.preventDefault();
388
- }, onClick: () => this.onClearInput(true) }, h("ion-icon", { key: '9a6478e1f1482aa6e62c88bd96cd19cacbfb8d60', "aria-hidden": "true", mode: mode, icon: clearIcon, lazy: false, class: "searchbar-clear-icon" }))), mode === 'ios' && cancelButton));
386
+ }, onClick: () => this.onClearInput(true) }, h("ion-icon", { "aria-hidden": "true", mode: mode, icon: clearIcon, lazy: false, class: "searchbar-clear-icon" }))), mode === 'ios' && cancelButton));
389
387
  }
390
388
  get el() { return getElement(this); }
391
389
  static get watchers() { return {
@@ -396,8 +394,8 @@ const Searchbar = class {
396
394
  };
397
395
  let searchbarIds = 0;
398
396
  Searchbar.style = {
399
- ios: IonSearchbarIosStyle0,
400
- md: IonSearchbarMdStyle0
397
+ ios: searchbarIosCss,
398
+ md: searchbarMdCss
401
399
  };
402
400
 
403
401
  export { Searchbar as ion_searchbar };
@@ -1,17 +1,15 @@
1
1
  /*!
2
2
  * (C) Ionic http://ionicframework.com - MIT License
3
3
  */
4
- import { r as registerInstance, d as createEvent, w as writeTask, h, H as Host, f as getElement, i as forceUpdate } from './index-73881b51.js';
4
+ import { r as registerInstance, d as createEvent, w as writeTask, h, H as Host, f as getElement, i as forceUpdate } from './index-27668d5b.js';
5
5
  import { r as raf, a as addEventListener, b as removeEventListener, k as inheritAttributes } from './helpers-ae653409.js';
6
6
  import { i as isRTL } from './dir-babeabeb.js';
7
7
  import { c as createColorClasses, h as hostContext } from './theme-01f3f29c.js';
8
- import { b as getIonMode } from './ionic-global-778b7863.js';
8
+ import { b as getIonMode } from './ionic-global-8fa0f940.js';
9
9
 
10
10
  const segmentIosCss = ":host{--ripple-color:currentColor;-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;display:grid;grid-auto-columns:1fr;position:relative;-ms-flex-align:stretch;align-items:stretch;-ms-flex-pack:center;justify-content:center;width:100%;background:var(--background);font-family:var(--ion-font-family, inherit);text-align:center;contain:paint;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}:host(.segment-scrollable){-ms-flex-pack:start;justify-content:start;width:auto;overflow-x:auto;grid-auto-columns:minmax(-webkit-min-content, 1fr);grid-auto-columns:minmax(min-content, 1fr)}:host(.segment-scrollable::-webkit-scrollbar){display:none}:host{--background:rgba(var(--ion-text-color-rgb, 0, 0, 0), 0.065);border-radius:8px;overflow:hidden;z-index:0}:host(.ion-color){background:rgba(var(--ion-color-base-rgb), 0.065)}:host(.in-toolbar){-webkit-margin-start:auto;margin-inline-start:auto;-webkit-margin-end:auto;margin-inline-end:auto;margin-top:0;margin-bottom:0;width:auto}:host(.in-toolbar:not(.ion-color)){background:var(--ion-toolbar-segment-background, var(--background))}:host(.in-toolbar-color:not(.ion-color)){background:rgba(var(--ion-color-contrast-rgb), 0.11)}";
11
- const IonSegmentIosStyle0 = segmentIosCss;
12
11
 
13
12
  const segmentMdCss = ":host{--ripple-color:currentColor;-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;display:grid;grid-auto-columns:1fr;position:relative;-ms-flex-align:stretch;align-items:stretch;-ms-flex-pack:center;justify-content:center;width:100%;background:var(--background);font-family:var(--ion-font-family, inherit);text-align:center;contain:paint;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}:host(.segment-scrollable){-ms-flex-pack:start;justify-content:start;width:auto;overflow-x:auto;grid-auto-columns:minmax(-webkit-min-content, 1fr);grid-auto-columns:minmax(min-content, 1fr)}:host(.segment-scrollable::-webkit-scrollbar){display:none}:host{--background:transparent;grid-auto-columns:minmax(auto, 360px)}:host(.in-toolbar){min-height:var(--min-height)}:host(.segment-scrollable) ::slotted(ion-segment-button){min-width:auto}";
14
- const IonSegmentMdStyle0 = segmentMdCss;
15
13
 
16
14
  const Segment = class {
17
15
  constructor(hostRef) {
@@ -129,7 +127,7 @@ const Segment = class {
129
127
  */
130
128
  this.scrollActiveButtonIntoView(false);
131
129
  });
132
- this.gesture = (await import('./index-2cf77112.js')).createGesture({
130
+ this.gesture = (await import('./index-39782642.js')).createGesture({
133
131
  el: this.el,
134
132
  gestureName: 'segment',
135
133
  gesturePriority: 100,
@@ -426,14 +424,14 @@ const Segment = class {
426
424
  }
427
425
  render() {
428
426
  const mode = getIonMode(this);
429
- return (h(Host, { key: '971e62fdaef3b6380aa1bf214605a5bfde662abf', role: "tablist", onClick: this.onClick, class: createColorClasses(this.color, {
427
+ return (h(Host, { role: "tablist", onClick: this.onClick, class: createColorClasses(this.color, {
430
428
  [mode]: true,
431
429
  'in-toolbar': hostContext('ion-toolbar', this.el),
432
430
  'in-toolbar-color': hostContext('ion-toolbar[color]', this.el),
433
431
  'segment-activated': this.activated,
434
432
  'segment-disabled': this.disabled,
435
433
  'segment-scrollable': this.scrollable,
436
- }) }, h("slot", { key: 'eaa7a8a3d5237c8bbc03f57690fd0aa7e4c124e3' })));
434
+ }) }, h("slot", null)));
437
435
  }
438
436
  get el() { return getElement(this); }
439
437
  static get watchers() { return {
@@ -444,15 +442,13 @@ const Segment = class {
444
442
  }; }
445
443
  };
446
444
  Segment.style = {
447
- ios: IonSegmentIosStyle0,
448
- md: IonSegmentMdStyle0
445
+ ios: segmentIosCss,
446
+ md: segmentMdCss
449
447
  };
450
448
 
451
- const segmentButtonIosCss = ":host{--color:initial;--color-hover:var(--color);--color-checked:var(--color);--color-disabled:var(--color);--padding-start:0;--padding-end:0;--padding-top:0;--padding-bottom:0;border-radius:var(--border-radius);display:-ms-flexbox;display:flex;position:relative;-ms-flex-direction:column;flex-direction:column;height:auto;background:var(--background);color:var(--color);text-decoration:none;text-overflow:ellipsis;white-space:nowrap;cursor:pointer;grid-row:1;-webkit-font-kerning:none;font-kerning:none}.button-native{border-radius: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;-webkit-margin-start:var(--margin-start);margin-inline-start:var(--margin-start);-webkit-margin-end:var(--margin-end);margin-inline-end:var(--margin-end);margin-top:var(--margin-top);margin-bottom:var(--margin-bottom);-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);-webkit-transform:translate3d(0, 0, 0);transform:translate3d(0, 0, 0);display:-ms-flexbox;display:flex;position:relative;-ms-flex-direction:inherit;flex-direction:inherit;-ms-flex-positive:1;flex-grow:1;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;width:100%;min-width:inherit;max-width:inherit;height:auto;min-height:inherit;max-height:inherit;-webkit-transition:var(--transition);transition:var(--transition);border:none;outline:none;background:transparent;contain:content;pointer-events:none;overflow:hidden;z-index:2}.button-native::after{left:0;right:0;top:0;bottom:0;position:absolute;content:\"\";opacity:0}.button-inner{display:-ms-flexbox;display:flex;position:relative;-ms-flex-flow:inherit;flex-flow:inherit;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;width:100%;height:100%;z-index:1}:host(.segment-button-checked){background:var(--background-checked);color:var(--color-checked)}:host(.segment-button-disabled){cursor:default;pointer-events:none}:host(.ion-focused) .button-native{color:var(--color-focused)}:host(.ion-focused) .button-native::after{background:var(--background-focused);opacity:var(--background-focused-opacity)}:host(:focus){outline:none}@media (any-hover: hover){:host(:hover) .button-native{color:var(--color-hover)}:host(:hover) .button-native::after{background:var(--background-hover);opacity:var(--background-hover-opacity)}:host(.segment-button-checked:hover) .button-native{color:var(--color-checked)}}::slotted(ion-icon){-ms-flex-negative:0;flex-shrink:0;-ms-flex-order:-1;order:-1;pointer-events:none}::slotted(ion-label){display:block;-ms-flex-item-align:center;align-self:center;max-width:100%;line-height:22px;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;-webkit-box-sizing:border-box;box-sizing:border-box;pointer-events:none}:host(.segment-button-layout-icon-top) .button-native{-ms-flex-direction:column;flex-direction:column}:host(.segment-button-layout-icon-start) .button-native{-ms-flex-direction:row;flex-direction:row}:host(.segment-button-layout-icon-end) .button-native{-ms-flex-direction:row-reverse;flex-direction:row-reverse}:host(.segment-button-layout-icon-bottom) .button-native{-ms-flex-direction:column-reverse;flex-direction:column-reverse}:host(.segment-button-layout-icon-hide) ::slotted(ion-icon){display:none}:host(.segment-button-layout-label-hide) ::slotted(ion-label){display:none}ion-ripple-effect{color:var(--ripple-color, var(--color-checked))}.segment-button-indicator{-webkit-transform-origin:left;transform-origin:left;position:absolute;opacity:0;-webkit-box-sizing:border-box;box-sizing:border-box;will-change:transform, opacity;pointer-events:none}.segment-button-indicator-background{width:100%;height:var(--indicator-height);-webkit-transform:var(--indicator-transform);transform:var(--indicator-transform);-webkit-box-shadow:var(--indicator-box-shadow);box-shadow:var(--indicator-box-shadow);pointer-events:none}.segment-button-indicator-animated{-webkit-transition:var(--indicator-transition);transition:var(--indicator-transition)}:host(.segment-button-checked) .segment-button-indicator{opacity:1}@media (prefers-reduced-motion: reduce){.segment-button-indicator-background{-webkit-transform:none;transform:none}.segment-button-indicator-animated{-webkit-transition:none;transition:none}}:host{--background:none;--background-checked:none;--background-hover:none;--background-hover-opacity:0;--background-focused:none;--background-focused-opacity:0;--border-radius:7px;--border-width:1px;--border-color:rgba(var(--ion-text-color-rgb, 0, 0, 0), 0.12);--border-style:solid;--indicator-box-shadow:0 0 5px rgba(0, 0, 0, 0.16);--indicator-color:var(--ion-color-step-350, var(--ion-background-color, #fff));--indicator-height:100%;--indicator-transition:transform 260ms cubic-bezier(0.4, 0, 0.2, 1);--indicator-transform:none;--transition:100ms all linear;--padding-top:0;--padding-end:13px;--padding-bottom:0;--padding-start:13px;margin-top:2px;margin-bottom:2px;position:relative;-ms-flex-direction:row;flex-direction:row;min-width:70px;min-height:28px;-webkit-transform:translate3d(0, 0, 0);transform:translate3d(0, 0, 0);font-size:13px;font-weight:450;line-height:37px}:host::before{margin-left:0;margin-right:0;margin-top:5px;margin-bottom:5px;-webkit-transition:160ms opacity ease-in-out;transition:160ms opacity ease-in-out;-webkit-transition-delay:100ms;transition-delay:100ms;border-left:var(--border-width) var(--border-style) var(--border-color);content:\"\";opacity:1;will-change:opacity}:host(:first-of-type)::before{border-left-color:transparent}:host(.segment-button-disabled){opacity:0.3}::slotted(ion-icon){font-size:24px}:host(.segment-button-layout-icon-start) ::slotted(ion-label){-webkit-margin-start:2px;margin-inline-start:2px;-webkit-margin-end:0;margin-inline-end:0}:host(.segment-button-layout-icon-end) ::slotted(ion-label){-webkit-margin-start:0;margin-inline-start:0;-webkit-margin-end:2px;margin-inline-end:2px}.segment-button-indicator{-webkit-padding-start:2px;padding-inline-start:2px;-webkit-padding-end:2px;padding-inline-end:2px;left:0;right:0;top:0;bottom:0}.segment-button-indicator-background{border-radius:var(--border-radius);background:var(--indicator-color)}.segment-button-indicator-background{-webkit-transition:var(--indicator-transition);transition:var(--indicator-transition)}:host(.segment-button-checked)::before,:host(.segment-button-after-checked)::before{opacity:0}:host(.segment-button-checked){z-index:-1}:host(.segment-button-activated){--indicator-transform:scale(0.95)}:host(.ion-focused) .button-native{opacity:0.7}@media (any-hover: hover){:host(:hover) .button-native{opacity:0.5}:host(.segment-button-checked:hover) .button-native{opacity:1}}:host(.in-segment-color){background:none;color:var(--ion-text-color, #000)}:host(.in-segment-color) .segment-button-indicator-background{background:var(--ion-color-step-350, var(--ion-background-color, #fff))}@media (any-hover: hover){:host(.in-segment-color:hover) .button-native,:host(.in-segment-color.segment-button-checked:hover) .button-native{color:var(--ion-text-color, #000)}}:host(.in-toolbar:not(.in-segment-color)){--background-checked:var(--ion-toolbar-segment-background-checked, none);--color:var(--ion-toolbar-segment-color, var(--ion-toolbar-color), initial);--color-checked:var(--ion-toolbar-segment-color-checked, var(--ion-toolbar-color), initial);--indicator-color:var(--ion-toolbar-segment-indicator-color, var(--ion-color-step-350, var(--ion-background-color, #fff)))}:host(.in-toolbar-color) .segment-button-indicator-background{background:var(--ion-color-contrast)}:host(.in-toolbar-color:not(.in-segment-color)) .button-native{color:var(--ion-color-contrast)}:host(.in-toolbar-color.segment-button-checked:not(.in-segment-color)) .button-native{color:var(--ion-color-base)}@media (any-hover: hover){:host(.in-toolbar-color:not(.in-segment-color):hover) .button-native{color:var(--ion-color-contrast)}:host(.in-toolbar-color.segment-button-checked:not(.in-segment-color):hover) .button-native{color:var(--ion-color-base)}}";
452
- const IonSegmentButtonIosStyle0 = segmentButtonIosCss;
449
+ const segmentButtonIosCss = ":host{--color:initial;--color-hover:var(--color);--color-checked:var(--color);--color-disabled:var(--color);--padding-start:0;--padding-end:0;--padding-top:0;--padding-bottom:0;border-radius:var(--border-radius);display:-ms-flexbox;display:flex;position:relative;-ms-flex-direction:column;flex-direction:column;height:auto;background:var(--background);color:var(--color);text-decoration:none;text-overflow:ellipsis;white-space:nowrap;cursor:pointer;grid-row:1;-webkit-font-kerning:none;font-kerning:none}.button-native{border-radius: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;-webkit-margin-start:var(--margin-start);margin-inline-start:var(--margin-start);-webkit-margin-end:var(--margin-end);margin-inline-end:var(--margin-end);margin-top:var(--margin-top);margin-bottom:var(--margin-bottom);-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);-webkit-transform:translate3d(0, 0, 0);transform:translate3d(0, 0, 0);display:-ms-flexbox;display:flex;position:relative;-ms-flex-direction:inherit;flex-direction:inherit;-ms-flex-positive:1;flex-grow:1;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;width:100%;min-width:inherit;max-width:inherit;height:auto;min-height:inherit;max-height:inherit;-webkit-transition:var(--transition);transition:var(--transition);border:none;outline:none;background:transparent;contain:content;pointer-events:none;overflow:hidden;z-index:2}.button-native::after{left:0;right:0;top:0;bottom:0;position:absolute;content:\"\";opacity:0}.button-inner{display:-ms-flexbox;display:flex;position:relative;-ms-flex-flow:inherit;flex-flow:inherit;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;width:100%;height:100%;z-index:1}:host(.segment-button-checked){background:var(--background-checked);color:var(--color-checked)}:host(.segment-button-disabled){cursor:default;pointer-events:none}:host(.ion-focused) .button-native{color:var(--color-focused)}:host(.ion-focused) .button-native::after{background:var(--background-focused);opacity:var(--background-focused-opacity)}:host(:focus){outline:none}@media (any-hover: hover){:host(:hover) .button-native{color:var(--color-hover)}:host(:hover) .button-native::after{background:var(--background-hover);opacity:var(--background-hover-opacity)}:host(.segment-button-checked:hover) .button-native{color:var(--color-checked)}}::slotted(ion-icon){-ms-flex-negative:0;flex-shrink:0;-ms-flex-order:-1;order:-1;pointer-events:none}::slotted(ion-label){display:block;-ms-flex-item-align:center;align-self:center;max-width:100%;line-height:22px;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;-webkit-box-sizing:border-box;box-sizing:border-box;pointer-events:none}:host(.segment-button-layout-icon-top) .button-native{-ms-flex-direction:column;flex-direction:column}:host(.segment-button-layout-icon-start) .button-native{-ms-flex-direction:row;flex-direction:row}:host(.segment-button-layout-icon-end) .button-native{-ms-flex-direction:row-reverse;flex-direction:row-reverse}:host(.segment-button-layout-icon-bottom) .button-native{-ms-flex-direction:column-reverse;flex-direction:column-reverse}:host(.segment-button-layout-icon-hide) ::slotted(ion-icon){display:none}:host(.segment-button-layout-label-hide) ::slotted(ion-label){display:none}ion-ripple-effect{color:var(--ripple-color, var(--color-checked))}.segment-button-indicator{-webkit-transform-origin:left;transform-origin:left;position:absolute;opacity:0;-webkit-box-sizing:border-box;box-sizing:border-box;will-change:transform, opacity;pointer-events:none}.segment-button-indicator-background{width:100%;height:var(--indicator-height);-webkit-transform:var(--indicator-transform);transform:var(--indicator-transform);-webkit-box-shadow:var(--indicator-box-shadow);box-shadow:var(--indicator-box-shadow);pointer-events:none}.segment-button-indicator-animated{-webkit-transition:var(--indicator-transition);transition:var(--indicator-transition)}:host(.segment-button-checked) .segment-button-indicator{opacity:1}@media (prefers-reduced-motion: reduce){.segment-button-indicator-background{-webkit-transform:none;transform:none}.segment-button-indicator-animated{-webkit-transition:none;transition:none}}:host{--background:none;--background-checked:none;--background-hover:none;--background-hover-opacity:0;--background-focused:none;--background-focused-opacity:0;--border-radius:7px;--border-width:1px;--border-color:rgba(var(--ion-text-color-rgb, 0, 0, 0), 0.12);--border-style:solid;--indicator-box-shadow:0 0 5px rgba(0, 0, 0, 0.16);--indicator-color:var(--ion-color-step-350, var(--ion-background-color-step-350, var(--ion-background-color, #fff)));--indicator-height:100%;--indicator-transition:transform 260ms cubic-bezier(0.4, 0, 0.2, 1);--indicator-transform:none;--transition:100ms all linear;--padding-top:0;--padding-end:13px;--padding-bottom:0;--padding-start:13px;margin-top:2px;margin-bottom:2px;position:relative;-ms-flex-direction:row;flex-direction:row;min-width:70px;min-height:28px;-webkit-transform:translate3d(0, 0, 0);transform:translate3d(0, 0, 0);font-size:13px;font-weight:450;line-height:37px}:host::before{margin-left:0;margin-right:0;margin-top:5px;margin-bottom:5px;-webkit-transition:160ms opacity ease-in-out;transition:160ms opacity ease-in-out;-webkit-transition-delay:100ms;transition-delay:100ms;border-left:var(--border-width) var(--border-style) var(--border-color);content:\"\";opacity:1;will-change:opacity}:host(:first-of-type)::before{border-left-color:transparent}:host(.segment-button-disabled){opacity:0.3}::slotted(ion-icon){font-size:24px}:host(.segment-button-layout-icon-start) ::slotted(ion-label){-webkit-margin-start:2px;margin-inline-start:2px;-webkit-margin-end:0;margin-inline-end:0}:host(.segment-button-layout-icon-end) ::slotted(ion-label){-webkit-margin-start:0;margin-inline-start:0;-webkit-margin-end:2px;margin-inline-end:2px}.segment-button-indicator{-webkit-padding-start:2px;padding-inline-start:2px;-webkit-padding-end:2px;padding-inline-end:2px;left:0;right:0;top:0;bottom:0}.segment-button-indicator-background{border-radius:var(--border-radius);background:var(--indicator-color)}.segment-button-indicator-background{-webkit-transition:var(--indicator-transition);transition:var(--indicator-transition)}:host(.segment-button-checked)::before,:host(.segment-button-after-checked)::before{opacity:0}:host(.segment-button-checked){z-index:-1}:host(.segment-button-activated){--indicator-transform:scale(0.95)}:host(.ion-focused) .button-native{opacity:0.7}@media (any-hover: hover){:host(:hover) .button-native{opacity:0.5}:host(.segment-button-checked:hover) .button-native{opacity:1}}:host(.in-segment-color){background:none;color:var(--ion-text-color, #000)}:host(.in-segment-color) .segment-button-indicator-background{background:var(--ion-color-step-350, var(--ion-background-color-step-350, var(--ion-background-color, #fff)))}@media (any-hover: hover){:host(.in-segment-color:hover) .button-native,:host(.in-segment-color.segment-button-checked:hover) .button-native{color:var(--ion-text-color, #000)}}:host(.in-toolbar:not(.in-segment-color)){--background-checked:var(--ion-toolbar-segment-background-checked, none);--color:var(--ion-toolbar-segment-color, var(--ion-toolbar-color), initial);--color-checked:var(--ion-toolbar-segment-color-checked, var(--ion-toolbar-color), initial);--indicator-color:var(--ion-toolbar-segment-indicator-color, var(--ion-color-step-350, var(--ion-background-color-step-350, var(--ion-background-color, #fff))))}:host(.in-toolbar-color) .segment-button-indicator-background{background:var(--ion-color-contrast)}:host(.in-toolbar-color:not(.in-segment-color)) .button-native{color:var(--ion-color-contrast)}:host(.in-toolbar-color.segment-button-checked:not(.in-segment-color)) .button-native{color:var(--ion-color-base)}@media (any-hover: hover){:host(.in-toolbar-color:not(.in-segment-color):hover) .button-native{color:var(--ion-color-contrast)}:host(.in-toolbar-color.segment-button-checked:not(.in-segment-color):hover) .button-native{color:var(--ion-color-base)}}";
453
450
 
454
- const segmentButtonMdCss = ":host{--color:initial;--color-hover:var(--color);--color-checked:var(--color);--color-disabled:var(--color);--padding-start:0;--padding-end:0;--padding-top:0;--padding-bottom:0;border-radius:var(--border-radius);display:-ms-flexbox;display:flex;position:relative;-ms-flex-direction:column;flex-direction:column;height:auto;background:var(--background);color:var(--color);text-decoration:none;text-overflow:ellipsis;white-space:nowrap;cursor:pointer;grid-row:1;-webkit-font-kerning:none;font-kerning:none}.button-native{border-radius: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;-webkit-margin-start:var(--margin-start);margin-inline-start:var(--margin-start);-webkit-margin-end:var(--margin-end);margin-inline-end:var(--margin-end);margin-top:var(--margin-top);margin-bottom:var(--margin-bottom);-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);-webkit-transform:translate3d(0, 0, 0);transform:translate3d(0, 0, 0);display:-ms-flexbox;display:flex;position:relative;-ms-flex-direction:inherit;flex-direction:inherit;-ms-flex-positive:1;flex-grow:1;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;width:100%;min-width:inherit;max-width:inherit;height:auto;min-height:inherit;max-height:inherit;-webkit-transition:var(--transition);transition:var(--transition);border:none;outline:none;background:transparent;contain:content;pointer-events:none;overflow:hidden;z-index:2}.button-native::after{left:0;right:0;top:0;bottom:0;position:absolute;content:\"\";opacity:0}.button-inner{display:-ms-flexbox;display:flex;position:relative;-ms-flex-flow:inherit;flex-flow:inherit;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;width:100%;height:100%;z-index:1}:host(.segment-button-checked){background:var(--background-checked);color:var(--color-checked)}:host(.segment-button-disabled){cursor:default;pointer-events:none}:host(.ion-focused) .button-native{color:var(--color-focused)}:host(.ion-focused) .button-native::after{background:var(--background-focused);opacity:var(--background-focused-opacity)}:host(:focus){outline:none}@media (any-hover: hover){:host(:hover) .button-native{color:var(--color-hover)}:host(:hover) .button-native::after{background:var(--background-hover);opacity:var(--background-hover-opacity)}:host(.segment-button-checked:hover) .button-native{color:var(--color-checked)}}::slotted(ion-icon){-ms-flex-negative:0;flex-shrink:0;-ms-flex-order:-1;order:-1;pointer-events:none}::slotted(ion-label){display:block;-ms-flex-item-align:center;align-self:center;max-width:100%;line-height:22px;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;-webkit-box-sizing:border-box;box-sizing:border-box;pointer-events:none}:host(.segment-button-layout-icon-top) .button-native{-ms-flex-direction:column;flex-direction:column}:host(.segment-button-layout-icon-start) .button-native{-ms-flex-direction:row;flex-direction:row}:host(.segment-button-layout-icon-end) .button-native{-ms-flex-direction:row-reverse;flex-direction:row-reverse}:host(.segment-button-layout-icon-bottom) .button-native{-ms-flex-direction:column-reverse;flex-direction:column-reverse}:host(.segment-button-layout-icon-hide) ::slotted(ion-icon){display:none}:host(.segment-button-layout-label-hide) ::slotted(ion-label){display:none}ion-ripple-effect{color:var(--ripple-color, var(--color-checked))}.segment-button-indicator{-webkit-transform-origin:left;transform-origin:left;position:absolute;opacity:0;-webkit-box-sizing:border-box;box-sizing:border-box;will-change:transform, opacity;pointer-events:none}.segment-button-indicator-background{width:100%;height:var(--indicator-height);-webkit-transform:var(--indicator-transform);transform:var(--indicator-transform);-webkit-box-shadow:var(--indicator-box-shadow);box-shadow:var(--indicator-box-shadow);pointer-events:none}.segment-button-indicator-animated{-webkit-transition:var(--indicator-transition);transition:var(--indicator-transition)}:host(.segment-button-checked) .segment-button-indicator{opacity:1}@media (prefers-reduced-motion: reduce){.segment-button-indicator-background{-webkit-transform:none;transform:none}.segment-button-indicator-animated{-webkit-transition:none;transition:none}}:host{--background:none;--background-checked:none;--background-hover:var(--color-checked);--background-focused:var(--color-checked);--background-activated-opacity:0;--background-focused-opacity:.12;--background-hover-opacity:.04;--color:rgba(var(--ion-text-color-rgb, 0, 0, 0), 0.6);--color-checked:var(--ion-color-primary, #3880ff);--indicator-box-shadow:none;--indicator-color:var(--color-checked);--indicator-height:2px;--indicator-transition:transform 250ms cubic-bezier(0.4, 0, 0.2, 1);--indicator-transform:none;--padding-top:0;--padding-end:16px;--padding-bottom:0;--padding-start:16px;--transition:color 0.15s linear 0s, opacity 0.15s linear 0s;min-width:90px;min-height:48px;border-width:var(--border-width);border-style:var(--border-style);border-color:var(--border-color);font-size:14px;font-weight:500;letter-spacing:0.06em;line-height:40px;text-transform:uppercase}:host(.segment-button-disabled){opacity:0.3}:host(.in-segment-color){background:none;color:rgba(var(--ion-text-color-rgb, 0, 0, 0), 0.6)}:host(.in-segment-color) ion-ripple-effect{color:var(--ion-color-base)}:host(.in-segment-color) .segment-button-indicator-background{background:var(--ion-color-base)}:host(.in-segment-color.segment-button-checked) .button-native{color:var(--ion-color-base)}:host(.in-segment-color.ion-focused) .button-native::after{background:var(--ion-color-base)}@media (any-hover: hover){:host(.in-segment-color:hover) .button-native{color:rgba(var(--ion-text-color-rgb, 0, 0, 0), 0.6)}:host(.in-segment-color:hover) .button-native::after{background:var(--ion-color-base)}:host(.in-segment-color.segment-button-checked:hover) .button-native{color:var(--ion-color-base)}}:host(.in-toolbar:not(.in-segment-color)){--background:var(--ion-toolbar-segment-background, none);--background-checked:var(--ion-toolbar-segment-background-checked, none);--color:var(--ion-toolbar-segment-color, rgba(var(--ion-text-color-rgb, 0, 0, 0), 0.6));--color-checked:var(--ion-toolbar-segment-color-checked, var(--ion-color-primary, #3880ff));--indicator-color:var(--ion-toolbar-segment-color-checked, var(--color-checked))}:host(.in-toolbar-color:not(.in-segment-color)) .button-native{color:rgba(var(--ion-color-contrast-rgb), 0.6)}:host(.in-toolbar-color.segment-button-checked:not(.in-segment-color)) .button-native{color:var(--ion-color-contrast)}@media (any-hover: hover){:host(.in-toolbar-color:not(.in-segment-color)) .button-native::after{background:var(--ion-color-contrast)}}::slotted(ion-icon){margin-top:12px;margin-bottom:12px;font-size:24px}::slotted(ion-label){margin-top:12px;margin-bottom:12px}:host(.segment-button-layout-icon-top) ::slotted(ion-label),:host(.segment-button-layout-icon-bottom) ::slotted(ion-icon){margin-top:0}:host(.segment-button-layout-icon-top) ::slotted(ion-icon),:host(.segment-button-layout-icon-bottom) ::slotted(ion-label){margin-bottom:0}:host(.segment-button-layout-icon-start) ::slotted(ion-label){-webkit-margin-start:8px;margin-inline-start:8px;-webkit-margin-end:0;margin-inline-end:0}:host(.segment-button-layout-icon-end) ::slotted(ion-label){-webkit-margin-start:0;margin-inline-start:0;-webkit-margin-end:8px;margin-inline-end:8px}:host(.segment-button-has-icon-only) ::slotted(ion-icon){margin-top:12px;margin-bottom:12px}:host(.segment-button-has-label-only) ::slotted(ion-label){margin-top:12px;margin-bottom:12px}.segment-button-indicator{left:0;right:0;bottom:0}.segment-button-indicator-background{background:var(--indicator-color)}:host(.in-toolbar:not(.in-segment-color)) .segment-button-indicator-background{background:var(--ion-toolbar-segment-indicator-color, var(--indicator-color))}:host(.in-toolbar-color:not(.in-segment-color)) .segment-button-indicator-background{background:var(--ion-color-contrast)}";
455
- const IonSegmentButtonMdStyle0 = segmentButtonMdCss;
451
+ const segmentButtonMdCss = ":host{--color:initial;--color-hover:var(--color);--color-checked:var(--color);--color-disabled:var(--color);--padding-start:0;--padding-end:0;--padding-top:0;--padding-bottom:0;border-radius:var(--border-radius);display:-ms-flexbox;display:flex;position:relative;-ms-flex-direction:column;flex-direction:column;height:auto;background:var(--background);color:var(--color);text-decoration:none;text-overflow:ellipsis;white-space:nowrap;cursor:pointer;grid-row:1;-webkit-font-kerning:none;font-kerning:none}.button-native{border-radius: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;-webkit-margin-start:var(--margin-start);margin-inline-start:var(--margin-start);-webkit-margin-end:var(--margin-end);margin-inline-end:var(--margin-end);margin-top:var(--margin-top);margin-bottom:var(--margin-bottom);-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);-webkit-transform:translate3d(0, 0, 0);transform:translate3d(0, 0, 0);display:-ms-flexbox;display:flex;position:relative;-ms-flex-direction:inherit;flex-direction:inherit;-ms-flex-positive:1;flex-grow:1;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;width:100%;min-width:inherit;max-width:inherit;height:auto;min-height:inherit;max-height:inherit;-webkit-transition:var(--transition);transition:var(--transition);border:none;outline:none;background:transparent;contain:content;pointer-events:none;overflow:hidden;z-index:2}.button-native::after{left:0;right:0;top:0;bottom:0;position:absolute;content:\"\";opacity:0}.button-inner{display:-ms-flexbox;display:flex;position:relative;-ms-flex-flow:inherit;flex-flow:inherit;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;width:100%;height:100%;z-index:1}:host(.segment-button-checked){background:var(--background-checked);color:var(--color-checked)}:host(.segment-button-disabled){cursor:default;pointer-events:none}:host(.ion-focused) .button-native{color:var(--color-focused)}:host(.ion-focused) .button-native::after{background:var(--background-focused);opacity:var(--background-focused-opacity)}:host(:focus){outline:none}@media (any-hover: hover){:host(:hover) .button-native{color:var(--color-hover)}:host(:hover) .button-native::after{background:var(--background-hover);opacity:var(--background-hover-opacity)}:host(.segment-button-checked:hover) .button-native{color:var(--color-checked)}}::slotted(ion-icon){-ms-flex-negative:0;flex-shrink:0;-ms-flex-order:-1;order:-1;pointer-events:none}::slotted(ion-label){display:block;-ms-flex-item-align:center;align-self:center;max-width:100%;line-height:22px;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;-webkit-box-sizing:border-box;box-sizing:border-box;pointer-events:none}:host(.segment-button-layout-icon-top) .button-native{-ms-flex-direction:column;flex-direction:column}:host(.segment-button-layout-icon-start) .button-native{-ms-flex-direction:row;flex-direction:row}:host(.segment-button-layout-icon-end) .button-native{-ms-flex-direction:row-reverse;flex-direction:row-reverse}:host(.segment-button-layout-icon-bottom) .button-native{-ms-flex-direction:column-reverse;flex-direction:column-reverse}:host(.segment-button-layout-icon-hide) ::slotted(ion-icon){display:none}:host(.segment-button-layout-label-hide) ::slotted(ion-label){display:none}ion-ripple-effect{color:var(--ripple-color, var(--color-checked))}.segment-button-indicator{-webkit-transform-origin:left;transform-origin:left;position:absolute;opacity:0;-webkit-box-sizing:border-box;box-sizing:border-box;will-change:transform, opacity;pointer-events:none}.segment-button-indicator-background{width:100%;height:var(--indicator-height);-webkit-transform:var(--indicator-transform);transform:var(--indicator-transform);-webkit-box-shadow:var(--indicator-box-shadow);box-shadow:var(--indicator-box-shadow);pointer-events:none}.segment-button-indicator-animated{-webkit-transition:var(--indicator-transition);transition:var(--indicator-transition)}:host(.segment-button-checked) .segment-button-indicator{opacity:1}@media (prefers-reduced-motion: reduce){.segment-button-indicator-background{-webkit-transform:none;transform:none}.segment-button-indicator-animated{-webkit-transition:none;transition:none}}:host{--background:none;--background-checked:none;--background-hover:var(--color-checked);--background-focused:var(--color-checked);--background-activated-opacity:0;--background-focused-opacity:.12;--background-hover-opacity:.04;--color:rgba(var(--ion-text-color-rgb, 0, 0, 0), 0.6);--color-checked:var(--ion-color-primary, #0054e9);--indicator-box-shadow:none;--indicator-color:var(--color-checked);--indicator-height:2px;--indicator-transition:transform 250ms cubic-bezier(0.4, 0, 0.2, 1);--indicator-transform:none;--padding-top:0;--padding-end:16px;--padding-bottom:0;--padding-start:16px;--transition:color 0.15s linear 0s, opacity 0.15s linear 0s;min-width:90px;min-height:48px;border-width:var(--border-width);border-style:var(--border-style);border-color:var(--border-color);font-size:14px;font-weight:500;letter-spacing:0.06em;line-height:40px;text-transform:uppercase}:host(.segment-button-disabled){opacity:0.3}:host(.in-segment-color){background:none;color:rgba(var(--ion-text-color-rgb, 0, 0, 0), 0.6)}:host(.in-segment-color) ion-ripple-effect{color:var(--ion-color-base)}:host(.in-segment-color) .segment-button-indicator-background{background:var(--ion-color-base)}:host(.in-segment-color.segment-button-checked) .button-native{color:var(--ion-color-base)}:host(.in-segment-color.ion-focused) .button-native::after{background:var(--ion-color-base)}@media (any-hover: hover){:host(.in-segment-color:hover) .button-native{color:rgba(var(--ion-text-color-rgb, 0, 0, 0), 0.6)}:host(.in-segment-color:hover) .button-native::after{background:var(--ion-color-base)}:host(.in-segment-color.segment-button-checked:hover) .button-native{color:var(--ion-color-base)}}:host(.in-toolbar:not(.in-segment-color)){--background:var(--ion-toolbar-segment-background, none);--background-checked:var(--ion-toolbar-segment-background-checked, none);--color:var(--ion-toolbar-segment-color, rgba(var(--ion-text-color-rgb, 0, 0, 0), 0.6));--color-checked:var(--ion-toolbar-segment-color-checked, var(--ion-color-primary, #0054e9));--indicator-color:var(--ion-toolbar-segment-color-checked, var(--color-checked))}:host(.in-toolbar-color:not(.in-segment-color)) .button-native{color:rgba(var(--ion-color-contrast-rgb), 0.6)}:host(.in-toolbar-color.segment-button-checked:not(.in-segment-color)) .button-native{color:var(--ion-color-contrast)}@media (any-hover: hover){:host(.in-toolbar-color:not(.in-segment-color)) .button-native::after{background:var(--ion-color-contrast)}}::slotted(ion-icon){margin-top:12px;margin-bottom:12px;font-size:24px}::slotted(ion-label){margin-top:12px;margin-bottom:12px}:host(.segment-button-layout-icon-top) ::slotted(ion-label),:host(.segment-button-layout-icon-bottom) ::slotted(ion-icon){margin-top:0}:host(.segment-button-layout-icon-top) ::slotted(ion-icon),:host(.segment-button-layout-icon-bottom) ::slotted(ion-label){margin-bottom:0}:host(.segment-button-layout-icon-start) ::slotted(ion-label){-webkit-margin-start:8px;margin-inline-start:8px;-webkit-margin-end:0;margin-inline-end:0}:host(.segment-button-layout-icon-end) ::slotted(ion-label){-webkit-margin-start:0;margin-inline-start:0;-webkit-margin-end:8px;margin-inline-end:8px}:host(.segment-button-has-icon-only) ::slotted(ion-icon){margin-top:12px;margin-bottom:12px}:host(.segment-button-has-label-only) ::slotted(ion-label){margin-top:12px;margin-bottom:12px}.segment-button-indicator{left:0;right:0;bottom:0}.segment-button-indicator-background{background:var(--indicator-color)}:host(.in-toolbar:not(.in-segment-color)) .segment-button-indicator-background{background:var(--ion-toolbar-segment-indicator-color, var(--indicator-color))}:host(.in-toolbar-color:not(.in-segment-color)) .segment-button-indicator-background{background:var(--ion-color-contrast)}";
456
452
 
457
453
  let ids = 0;
458
454
  const SegmentButton = class {
@@ -521,7 +517,7 @@ const SegmentButton = class {
521
517
  const { checked, type, disabled, hasIcon, hasLabel, layout, segmentEl } = this;
522
518
  const mode = getIonMode(this);
523
519
  const hasSegmentColor = () => (segmentEl === null || segmentEl === void 0 ? void 0 : segmentEl.color) !== undefined;
524
- return (h(Host, { key: 'b50b375ed817b47720b743078202f38c737a4034', class: {
520
+ return (h(Host, { class: {
525
521
  [mode]: true,
526
522
  'in-toolbar': hostContext('ion-toolbar', this.el),
527
523
  'in-toolbar-color': hostContext('ion-toolbar[color]', this.el),
@@ -537,10 +533,10 @@ const SegmentButton = class {
537
533
  'ion-activatable': true,
538
534
  'ion-activatable-instant': true,
539
535
  'ion-focusable': true,
540
- } }, h("button", Object.assign({ key: '402f6467ec9ce97aa1df2c72382d07242b51c114', "aria-selected": checked ? 'true' : 'false', role: "tab", ref: (el) => (this.nativeEl = el), type: type, class: "button-native", part: "native", disabled: disabled }, this.inheritedAttributes), h("span", { key: '4f5a1988296c4e59e64255feff264bbbe2ccc312', class: "button-inner" }, h("slot", { key: '35b2a26cca8c76a111e447fa8cae464c504fcb97' })), mode === 'md' && h("ion-ripple-effect", null)), h("div", { key: 'adca0f1e0efcf18b575013d4fb2f22814c81c147', part: "indicator", class: {
536
+ } }, h("button", Object.assign({ "aria-selected": checked ? 'true' : 'false', role: "tab", ref: (el) => (this.nativeEl = el), type: type, class: "button-native", part: "native", disabled: disabled }, this.inheritedAttributes), h("span", { class: "button-inner" }, h("slot", null)), mode === 'md' && h("ion-ripple-effect", null)), h("div", { part: "indicator", class: {
541
537
  'segment-button-indicator': true,
542
538
  'segment-button-indicator-animated': true,
543
- } }, h("div", { key: '8a23ffe49dc115ee0603e298bb6a39834b910b67', part: "indicator-background", class: "segment-button-indicator-background" }))));
539
+ } }, h("div", { part: "indicator-background", class: "segment-button-indicator-background" }))));
544
540
  }
545
541
  get el() { return getElement(this); }
546
542
  static get watchers() { return {
@@ -548,8 +544,8 @@ const SegmentButton = class {
548
544
  }; }
549
545
  };
550
546
  SegmentButton.style = {
551
- ios: IonSegmentButtonIosStyle0,
552
- md: IonSegmentButtonMdStyle0
547
+ ios: segmentButtonIosCss,
548
+ md: segmentButtonMdCss
553
549
  };
554
550
 
555
551
  export { Segment as ion_segment, SegmentButton as ion_segment_button };
@@ -1,27 +1,26 @@
1
1
  /*!
2
2
  * (C) Ionic http://ionicframework.com - MIT License
3
3
  */
4
- import { r as registerInstance, d as createEvent, h, H as Host, f as getElement, i as forceUpdate } from './index-73881b51.js';
4
+ import { r as registerInstance, d as createEvent, h, H as Host, f as getElement, i as forceUpdate } from './index-27668d5b.js';
5
5
  import { c as createLegacyFormController } from './form-controller-548aa79c.js';
6
6
  import { c as createNotchController } from './notch-controller-fea7f9c5.js';
7
7
  import { i as isOptionSelected, c as compareOptions } from './compare-with-utils-a96ff2ea.js';
8
8
  import { k as inheritAttributes, f as focusElement, h as findItemLabel, d as renderHiddenInput, e as getAriaLabel } from './helpers-ae653409.js';
9
9
  import { p as printIonWarning } from './index-9b0d46f4.js';
10
- import { c as popoverController, b as actionSheetController, a as alertController, s as safeCall } from './overlays-bb426694.js';
10
+ import { c as popoverController, b as actionSheetController, a as alertController, s as safeCall } from './overlays-8b24f0d5.js';
11
11
  import { i as isRTL } from './dir-babeabeb.js';
12
12
  import { h as hostContext, c as createColorClasses, g as getClassMap } from './theme-01f3f29c.js';
13
13
  import { w as watchForOptions } from './watch-options-c2911ace.js';
14
14
  import { w as chevronExpand, q as caretDownSharp } from './index-f7dc70ba.js';
15
- import { b as getIonMode } from './ionic-global-778b7863.js';
15
+ import { b as getIonMode } from './ionic-global-8fa0f940.js';
16
16
  import './index-a5d50daf.js';
17
17
  import './framework-delegate-bc1fd82a.js';
18
+ import './gesture-controller-314a54f6.js';
18
19
  import './hardware-back-button-b2bc76db.js';
19
20
 
20
- const selectIosCss = ":host{--padding-top:0px;--padding-end:0px;--padding-bottom:0px;--padding-start:0px;--placeholder-color:currentColor;--placeholder-opacity:0.6;--background:transparent;--border-style:solid;--highlight-color-focused:var(--ion-color-primary, #3880ff);--highlight-color-valid:var(--ion-color-success, #2dd36f);--highlight-color-invalid:var(--ion-color-danger, #eb445a);--highlight-color:var(--highlight-color-focused);display:block;position:relative;font-family:var(--ion-font-family, inherit);white-space:nowrap;cursor:pointer;z-index:2}:host(:not(.legacy-select)){width:100%;min-height:44px}:host(.select-label-placement-floating),:host(.select-label-placement-stacked){min-height:56px}:host(.ion-color){--highlight-color-focused:var(--ion-color-base)}:host(.legacy-select){-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);display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;overflow:hidden}:host(.in-item:not(.legacy-select)){-ms-flex:1 1 0px;flex:1 1 0}:host(.in-item.legacy-select){position:static;max-width:45%}:host(.select-disabled){pointer-events:none}:host(.ion-focused) button{border:2px solid #5e9ed6}:host([slot=start]:not(.legacy-select)),:host([slot=end]:not(.legacy-select)){width:auto}.select-placeholder{color:var(--placeholder-color);opacity:var(--placeholder-opacity)}:host(.legacy-select) label{top:0;margin-left:0;margin-right:0;margin-top:0;margin-bottom:0;position:absolute;width:100%;height:100%;border:0;background:transparent;cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none;outline:none;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;opacity:0}@supports (inset-inline-start: 0){:host(.legacy-select) label{inset-inline-start:0}}@supports not (inset-inline-start: 0){:host(.legacy-select) label{left:0}:host-context([dir=rtl]):host(.legacy-select) label,:host-context([dir=rtl]).legacy-select label{left:unset;right:unset;right:0}@supports selector(:dir(rtl)){:host(.legacy-select:dir(rtl)) label{left:unset;right:unset;right:0}}}:host(.legacy-select) label::-moz-focus-inner{border:0}button{position:absolute;top:0;left:0;right:0;bottom:0;width:100%;height:100%;margin:0;padding:0;border:0;outline:0;clip:rect(0 0 0 0);opacity:0;overflow:hidden;-webkit-appearance:none;-moz-appearance:none}.select-icon{-webkit-margin-start:4px;margin-inline-start:4px;-webkit-margin-end:0;margin-inline-end:0;margin-top:0;margin-bottom:0;position:relative;-ms-flex-negative:0;flex-shrink:0}:host(.in-item-color) .select-icon{color:inherit}:host(.select-label-placement-stacked) .select-icon,:host(.select-label-placement-floating) .select-icon{position:absolute;height:100%}:host(.select-ltr.select-label-placement-stacked) .select-icon,:host(.select-ltr.select-label-placement-floating) .select-icon{right:var(--padding-end, 0)}:host(.select-rtl.select-label-placement-stacked) .select-icon,:host(.select-rtl.select-label-placement-floating) .select-icon{left:var(--padding-start, 0)}.select-text{-ms-flex:1;flex:1;min-width:16px;font-size:inherit;text-overflow:ellipsis;white-space:inherit;overflow:hidden}.select-wrapper{-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:center;align-items:center;height:inherit;min-height:inherit;-webkit-transition:background-color 15ms linear;transition:background-color 15ms linear;background:var(--background);line-height:normal;cursor:inherit;-webkit-box-sizing:border-box;box-sizing:border-box}.select-wrapper .select-placeholder{-webkit-transition:opacity 150ms cubic-bezier(0.4, 0, 0.2, 1);transition:opacity 150ms cubic-bezier(0.4, 0, 0.2, 1)}.select-wrapper-inner{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;overflow:hidden}:host(.select-label-placement-stacked) .select-wrapper-inner,:host(.select-label-placement-floating) .select-wrapper-inner{-ms-flex-positive:1;flex-grow:1}:host(.ion-touched.ion-invalid){--highlight-color:var(--highlight-color-invalid)}:host(.ion-valid){--highlight-color:var(--highlight-color-valid)}.label-text-wrapper{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,::slotted([slot=label]){text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.label-text-wrapper-hidden,.select-outline-notch-hidden{display:none}.native-wrapper{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-webkit-transition:opacity 150ms cubic-bezier(0.4, 0, 0.2, 1);transition:opacity 150ms cubic-bezier(0.4, 0, 0.2, 1);overflow:hidden}:host(.select-justify-space-between) .select-wrapper{-ms-flex-pack:justify;justify-content:space-between}:host(.select-justify-start) .select-wrapper{-ms-flex-pack:start;justify-content:start}:host(.select-justify-end) .select-wrapper{-ms-flex-pack:end;justify-content:end}:host(.select-label-placement-start) .select-wrapper{-ms-flex-direction:row;flex-direction:row}:host(.select-label-placement-start) .label-text-wrapper{-webkit-margin-start:0;margin-inline-start:0;-webkit-margin-end:16px;margin-inline-end:16px;margin-top:0;margin-bottom:0}:host(.select-label-placement-end) .select-wrapper{-ms-flex-direction:row-reverse;flex-direction:row-reverse}:host(.select-label-placement-end) .label-text-wrapper{-webkit-margin-start:16px;margin-inline-start:16px;-webkit-margin-end:0;margin-inline-end:0;margin-top:0;margin-bottom:0}:host(.select-label-placement-fixed) .label-text-wrapper{-webkit-margin-start:0;margin-inline-start:0;-webkit-margin-end:16px;margin-inline-end:16px;margin-top:0;margin-bottom:0}:host(.select-label-placement-fixed) .label-text-wrapper{-ms-flex:0 0 100px;flex:0 0 100px;width:100px;min-width:100px;max-width:200px}:host(.select-label-placement-stacked) .select-wrapper,:host(.select-label-placement-floating) .select-wrapper{-ms-flex-direction:column;flex-direction:column;-ms-flex-align:start;align-items:start}:host(.select-label-placement-stacked) .label-text-wrapper,:host(.select-label-placement-floating) .label-text-wrapper{max-width:100%}:host(.select-ltr.select-label-placement-stacked) .label-text-wrapper,:host(.select-ltr.select-label-placement-floating) .label-text-wrapper{-webkit-transform-origin:left top;transform-origin:left top}:host(.select-rtl.select-label-placement-stacked) .label-text-wrapper,:host(.select-rtl.select-label-placement-floating) .label-text-wrapper{-webkit-transform-origin:right top;transform-origin:right top}:host(.select-label-placement-stacked) .native-wrapper,:host(.select-label-placement-floating) .native-wrapper{margin-left:0;margin-right:0;margin-top:1px;margin-bottom:0;-ms-flex-positive:1;flex-grow:1;width:100%}:host(.select-label-placement-floating) .label-text-wrapper{-webkit-transform:translateY(100%) scale(1);transform:translateY(100%) scale(1)}:host(.select-label-placement-floating:not(.label-floating)) .native-wrapper .select-placeholder{opacity:0}:host(.select-expanded.select-label-placement-floating) .native-wrapper .select-placeholder,:host(.ion-focused.select-label-placement-floating) .native-wrapper .select-placeholder,:host(.has-value.select-label-placement-floating) .native-wrapper .select-placeholder{opacity:1}:host(.label-floating) .label-text-wrapper{-webkit-transform:translateY(50%) scale(0.75);transform:translateY(50%) scale(0.75);max-width:calc(100% / 0.75)}::slotted([slot=start]),::slotted([slot=end]){-ms-flex-negative:0;flex-shrink:0}::slotted([slot=start]){-webkit-margin-end:16px;margin-inline-end:16px;-webkit-margin-start:0;margin-inline-start:0}::slotted([slot=end]){-webkit-margin-start:16px;margin-inline-start:16px;-webkit-margin-end:0;margin-inline-end:0}:host(.legacy-select){--padding-top:10px;--padding-end:8px;--padding-bottom:10px;--padding-start:16px}.select-icon{width:1.125rem;height:1.125rem;color:var(--ion-color-step-650, #595959)}:host(.select-label-placement-stacked) .select-wrapper-inner,:host(.select-label-placement-floating) .select-wrapper-inner{width:calc(100% - 1.125rem - 4px)}:host(.select-disabled){opacity:0.3}::slotted(ion-button[slot=start].button-has-icon-only),::slotted(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}";
21
- const IonSelectIosStyle0 = selectIosCss;
21
+ const selectIosCss = ":host{--padding-top:0px;--padding-end:0px;--padding-bottom:0px;--padding-start:0px;--placeholder-color:currentColor;--placeholder-opacity:var(--ion-placeholder-opacity, 0.6);--background:transparent;--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;font-family:var(--ion-font-family, inherit);white-space:nowrap;cursor:pointer;z-index:2}:host(:not(.legacy-select)){width:100%;min-height:44px}:host(.select-label-placement-floating),:host(.select-label-placement-stacked){min-height:56px}:host(.ion-color){--highlight-color-focused:var(--ion-color-base)}:host(.legacy-select){-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);display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;overflow:hidden}:host(.in-item:not(.legacy-select)){-ms-flex:1 1 0px;flex:1 1 0}:host(.in-item.legacy-select){position:static;max-width:45%}:host(.select-disabled){pointer-events:none}:host(.ion-focused) button{border:2px solid #5e9ed6}:host([slot=start]:not(.legacy-select)),:host([slot=end]:not(.legacy-select)){width:auto}.select-placeholder{color:var(--placeholder-color);opacity:var(--placeholder-opacity)}:host(.legacy-select) label{top:0;margin-left:0;margin-right:0;margin-top:0;margin-bottom:0;position:absolute;width:100%;height:100%;border:0;background:transparent;cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none;outline:none;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;opacity:0}@supports (inset-inline-start: 0){:host(.legacy-select) label{inset-inline-start:0}}@supports not (inset-inline-start: 0){:host(.legacy-select) label{left:0}:host-context([dir=rtl]):host(.legacy-select) label,:host-context([dir=rtl]).legacy-select label{left:unset;right:unset;right:0}@supports selector(:dir(rtl)){:host(.legacy-select:dir(rtl)) label{left:unset;right:unset;right:0}}}:host(.legacy-select) label::-moz-focus-inner{border:0}button{position:absolute;top:0;left:0;right:0;bottom:0;width:100%;height:100%;margin:0;padding:0;border:0;outline:0;clip:rect(0 0 0 0);opacity:0;overflow:hidden;-webkit-appearance:none;-moz-appearance:none}.select-icon{-webkit-margin-start:4px;margin-inline-start:4px;-webkit-margin-end:0;margin-inline-end:0;margin-top:0;margin-bottom:0;position:relative;-ms-flex-negative:0;flex-shrink:0}:host(.in-item-color) .select-icon{color:inherit}:host(.select-label-placement-stacked) .select-icon,:host(.select-label-placement-floating) .select-icon{position:absolute;height:100%}:host(.select-ltr.select-label-placement-stacked) .select-icon,:host(.select-ltr.select-label-placement-floating) .select-icon{right:var(--padding-end, 0)}:host(.select-rtl.select-label-placement-stacked) .select-icon,:host(.select-rtl.select-label-placement-floating) .select-icon{left:var(--padding-start, 0)}.select-text{-ms-flex:1;flex:1;min-width:16px;font-size:inherit;text-overflow:ellipsis;white-space:inherit;overflow:hidden}.select-wrapper{-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:center;align-items:center;height:inherit;min-height:inherit;-webkit-transition:background-color 15ms linear;transition:background-color 15ms linear;background:var(--background);line-height:normal;cursor:inherit;-webkit-box-sizing:border-box;box-sizing:border-box}.select-wrapper .select-placeholder{-webkit-transition:opacity 150ms cubic-bezier(0.4, 0, 0.2, 1);transition:opacity 150ms cubic-bezier(0.4, 0, 0.2, 1)}.select-wrapper-inner{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;overflow:hidden}:host(.select-label-placement-stacked) .select-wrapper-inner,:host(.select-label-placement-floating) .select-wrapper-inner{-ms-flex-positive:1;flex-grow:1}:host(.ion-touched.ion-invalid){--highlight-color:var(--highlight-color-invalid)}:host(.ion-valid){--highlight-color:var(--highlight-color-valid)}.label-text-wrapper{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,::slotted([slot=label]){text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.label-text-wrapper-hidden,.select-outline-notch-hidden{display:none}.native-wrapper{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-webkit-transition:opacity 150ms cubic-bezier(0.4, 0, 0.2, 1);transition:opacity 150ms cubic-bezier(0.4, 0, 0.2, 1);overflow:hidden}:host(.select-justify-space-between) .select-wrapper{-ms-flex-pack:justify;justify-content:space-between}:host(.select-justify-start) .select-wrapper{-ms-flex-pack:start;justify-content:start}:host(.select-justify-end) .select-wrapper{-ms-flex-pack:end;justify-content:end}:host(.select-label-placement-start) .select-wrapper{-ms-flex-direction:row;flex-direction:row}:host(.select-label-placement-start) .label-text-wrapper{-webkit-margin-start:0;margin-inline-start:0;-webkit-margin-end:16px;margin-inline-end:16px;margin-top:0;margin-bottom:0}:host(.select-label-placement-end) .select-wrapper{-ms-flex-direction:row-reverse;flex-direction:row-reverse}:host(.select-label-placement-end) .label-text-wrapper{-webkit-margin-start:16px;margin-inline-start:16px;-webkit-margin-end:0;margin-inline-end:0;margin-top:0;margin-bottom:0}:host(.select-label-placement-fixed) .label-text-wrapper{-webkit-margin-start:0;margin-inline-start:0;-webkit-margin-end:16px;margin-inline-end:16px;margin-top:0;margin-bottom:0}:host(.select-label-placement-fixed) .label-text-wrapper{-ms-flex:0 0 100px;flex:0 0 100px;width:100px;min-width:100px;max-width:200px}:host(.select-label-placement-stacked) .select-wrapper,:host(.select-label-placement-floating) .select-wrapper{-ms-flex-direction:column;flex-direction:column;-ms-flex-align:start;align-items:start}:host(.select-label-placement-stacked) .label-text-wrapper,:host(.select-label-placement-floating) .label-text-wrapper{max-width:100%}:host(.select-ltr.select-label-placement-stacked) .label-text-wrapper,:host(.select-ltr.select-label-placement-floating) .label-text-wrapper{-webkit-transform-origin:left top;transform-origin:left top}:host(.select-rtl.select-label-placement-stacked) .label-text-wrapper,:host(.select-rtl.select-label-placement-floating) .label-text-wrapper{-webkit-transform-origin:right top;transform-origin:right top}:host(.select-label-placement-stacked) .native-wrapper,:host(.select-label-placement-floating) .native-wrapper{margin-left:0;margin-right:0;margin-top:1px;margin-bottom:0;-ms-flex-positive:1;flex-grow:1;width:100%}:host(.select-label-placement-floating) .label-text-wrapper{-webkit-transform:translateY(100%) scale(1);transform:translateY(100%) scale(1)}:host(.select-label-placement-floating:not(.label-floating)) .native-wrapper .select-placeholder{opacity:0}:host(.select-expanded.select-label-placement-floating) .native-wrapper .select-placeholder,:host(.ion-focused.select-label-placement-floating) .native-wrapper .select-placeholder,:host(.has-value.select-label-placement-floating) .native-wrapper .select-placeholder{opacity:1}:host(.label-floating) .label-text-wrapper{-webkit-transform:translateY(50%) scale(0.75);transform:translateY(50%) scale(0.75);max-width:calc(100% / 0.75)}::slotted([slot=start]),::slotted([slot=end]){-ms-flex-negative:0;flex-shrink:0}::slotted([slot=start]){-webkit-margin-end:16px;margin-inline-end:16px;-webkit-margin-start:0;margin-inline-start:0}::slotted([slot=end]){-webkit-margin-start:16px;margin-inline-start:16px;-webkit-margin-end:0;margin-inline-end:0}:host(.legacy-select){--padding-top:10px;--padding-end:8px;--padding-bottom:10px;--padding-start:16px}.select-icon{width:1.125rem;height:1.125rem;color:var(--ion-color-step-650, var(--ion-text-color-step-350, #595959))}:host(.select-label-placement-stacked) .select-wrapper-inner,:host(.select-label-placement-floating) .select-wrapper-inner{width:calc(100% - 1.125rem - 4px)}:host(.select-disabled){opacity:0.3}::slotted(ion-button[slot=start].button-has-icon-only),::slotted(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}";
22
22
 
23
- const selectMdCss = ":host{--padding-top:0px;--padding-end:0px;--padding-bottom:0px;--padding-start:0px;--placeholder-color:currentColor;--placeholder-opacity:0.6;--background:transparent;--border-style:solid;--highlight-color-focused:var(--ion-color-primary, #3880ff);--highlight-color-valid:var(--ion-color-success, #2dd36f);--highlight-color-invalid:var(--ion-color-danger, #eb445a);--highlight-color:var(--highlight-color-focused);display:block;position:relative;font-family:var(--ion-font-family, inherit);white-space:nowrap;cursor:pointer;z-index:2}:host(:not(.legacy-select)){width:100%;min-height:44px}:host(.select-label-placement-floating),:host(.select-label-placement-stacked){min-height:56px}:host(.ion-color){--highlight-color-focused:var(--ion-color-base)}:host(.legacy-select){-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);display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;overflow:hidden}:host(.in-item:not(.legacy-select)){-ms-flex:1 1 0px;flex:1 1 0}:host(.in-item.legacy-select){position:static;max-width:45%}:host(.select-disabled){pointer-events:none}:host(.ion-focused) button{border:2px solid #5e9ed6}:host([slot=start]:not(.legacy-select)),:host([slot=end]:not(.legacy-select)){width:auto}.select-placeholder{color:var(--placeholder-color);opacity:var(--placeholder-opacity)}:host(.legacy-select) label{top:0;margin-left:0;margin-right:0;margin-top:0;margin-bottom:0;position:absolute;width:100%;height:100%;border:0;background:transparent;cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none;outline:none;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;opacity:0}@supports (inset-inline-start: 0){:host(.legacy-select) label{inset-inline-start:0}}@supports not (inset-inline-start: 0){:host(.legacy-select) label{left:0}:host-context([dir=rtl]):host(.legacy-select) label,:host-context([dir=rtl]).legacy-select label{left:unset;right:unset;right:0}@supports selector(:dir(rtl)){:host(.legacy-select:dir(rtl)) label{left:unset;right:unset;right:0}}}:host(.legacy-select) label::-moz-focus-inner{border:0}button{position:absolute;top:0;left:0;right:0;bottom:0;width:100%;height:100%;margin:0;padding:0;border:0;outline:0;clip:rect(0 0 0 0);opacity:0;overflow:hidden;-webkit-appearance:none;-moz-appearance:none}.select-icon{-webkit-margin-start:4px;margin-inline-start:4px;-webkit-margin-end:0;margin-inline-end:0;margin-top:0;margin-bottom:0;position:relative;-ms-flex-negative:0;flex-shrink:0}:host(.in-item-color) .select-icon{color:inherit}:host(.select-label-placement-stacked) .select-icon,:host(.select-label-placement-floating) .select-icon{position:absolute;height:100%}:host(.select-ltr.select-label-placement-stacked) .select-icon,:host(.select-ltr.select-label-placement-floating) .select-icon{right:var(--padding-end, 0)}:host(.select-rtl.select-label-placement-stacked) .select-icon,:host(.select-rtl.select-label-placement-floating) .select-icon{left:var(--padding-start, 0)}.select-text{-ms-flex:1;flex:1;min-width:16px;font-size:inherit;text-overflow:ellipsis;white-space:inherit;overflow:hidden}.select-wrapper{-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:center;align-items:center;height:inherit;min-height:inherit;-webkit-transition:background-color 15ms linear;transition:background-color 15ms linear;background:var(--background);line-height:normal;cursor:inherit;-webkit-box-sizing:border-box;box-sizing:border-box}.select-wrapper .select-placeholder{-webkit-transition:opacity 150ms cubic-bezier(0.4, 0, 0.2, 1);transition:opacity 150ms cubic-bezier(0.4, 0, 0.2, 1)}.select-wrapper-inner{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;overflow:hidden}:host(.select-label-placement-stacked) .select-wrapper-inner,:host(.select-label-placement-floating) .select-wrapper-inner{-ms-flex-positive:1;flex-grow:1}:host(.ion-touched.ion-invalid){--highlight-color:var(--highlight-color-invalid)}:host(.ion-valid){--highlight-color:var(--highlight-color-valid)}.label-text-wrapper{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,::slotted([slot=label]){text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.label-text-wrapper-hidden,.select-outline-notch-hidden{display:none}.native-wrapper{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-webkit-transition:opacity 150ms cubic-bezier(0.4, 0, 0.2, 1);transition:opacity 150ms cubic-bezier(0.4, 0, 0.2, 1);overflow:hidden}:host(.select-justify-space-between) .select-wrapper{-ms-flex-pack:justify;justify-content:space-between}:host(.select-justify-start) .select-wrapper{-ms-flex-pack:start;justify-content:start}:host(.select-justify-end) .select-wrapper{-ms-flex-pack:end;justify-content:end}:host(.select-label-placement-start) .select-wrapper{-ms-flex-direction:row;flex-direction:row}:host(.select-label-placement-start) .label-text-wrapper{-webkit-margin-start:0;margin-inline-start:0;-webkit-margin-end:16px;margin-inline-end:16px;margin-top:0;margin-bottom:0}:host(.select-label-placement-end) .select-wrapper{-ms-flex-direction:row-reverse;flex-direction:row-reverse}:host(.select-label-placement-end) .label-text-wrapper{-webkit-margin-start:16px;margin-inline-start:16px;-webkit-margin-end:0;margin-inline-end:0;margin-top:0;margin-bottom:0}:host(.select-label-placement-fixed) .label-text-wrapper{-webkit-margin-start:0;margin-inline-start:0;-webkit-margin-end:16px;margin-inline-end:16px;margin-top:0;margin-bottom:0}:host(.select-label-placement-fixed) .label-text-wrapper{-ms-flex:0 0 100px;flex:0 0 100px;width:100px;min-width:100px;max-width:200px}:host(.select-label-placement-stacked) .select-wrapper,:host(.select-label-placement-floating) .select-wrapper{-ms-flex-direction:column;flex-direction:column;-ms-flex-align:start;align-items:start}:host(.select-label-placement-stacked) .label-text-wrapper,:host(.select-label-placement-floating) .label-text-wrapper{max-width:100%}:host(.select-ltr.select-label-placement-stacked) .label-text-wrapper,:host(.select-ltr.select-label-placement-floating) .label-text-wrapper{-webkit-transform-origin:left top;transform-origin:left top}:host(.select-rtl.select-label-placement-stacked) .label-text-wrapper,:host(.select-rtl.select-label-placement-floating) .label-text-wrapper{-webkit-transform-origin:right top;transform-origin:right top}:host(.select-label-placement-stacked) .native-wrapper,:host(.select-label-placement-floating) .native-wrapper{margin-left:0;margin-right:0;margin-top:1px;margin-bottom:0;-ms-flex-positive:1;flex-grow:1;width:100%}:host(.select-label-placement-floating) .label-text-wrapper{-webkit-transform:translateY(100%) scale(1);transform:translateY(100%) scale(1)}:host(.select-label-placement-floating:not(.label-floating)) .native-wrapper .select-placeholder{opacity:0}:host(.select-expanded.select-label-placement-floating) .native-wrapper .select-placeholder,:host(.ion-focused.select-label-placement-floating) .native-wrapper .select-placeholder,:host(.has-value.select-label-placement-floating) .native-wrapper .select-placeholder{opacity:1}:host(.label-floating) .label-text-wrapper{-webkit-transform:translateY(50%) scale(0.75);transform:translateY(50%) scale(0.75);max-width:calc(100% / 0.75)}::slotted([slot=start]),::slotted([slot=end]){-ms-flex-negative:0;flex-shrink:0}::slotted([slot=start]){-webkit-margin-end:16px;margin-inline-end:16px;-webkit-margin-start:0;margin-inline-start:0}::slotted([slot=end]){-webkit-margin-start:16px;margin-inline-start:16px;-webkit-margin-end:0;margin-inline-end:0}:host(.select-fill-solid){--background:var(--ion-color-step-50, #f2f2f2);--border-color:var(--ion-color-step-500, gray);--border-radius:4px;--padding-start:16px;--padding-end:16px;min-height:56px}:host(.select-fill-solid) .select-wrapper{border-bottom:var(--border-width) var(--border-style) var(--border-color)}:host(.has-focus.select-fill-solid.ion-valid),:host(.select-fill-solid.ion-touched.ion-invalid){--border-color:var(--highlight-color)}:host(.select-fill-solid) .select-bottom{border-top:none}@media (any-hover: hover){:host(.select-fill-solid:hover){--background:var(--ion-color-step-100, #e6e6e6);--border-color:var(--ion-color-step-750, #404040)}}:host(.select-fill-solid.select-expanded),:host(.select-fill-solid.ion-focused){--background:var(--ion-color-step-150, #d9d9d9);--border-color:var(--ion-color-step-750, #404040)}:host(.select-fill-solid) .select-wrapper{border-top-left-radius:var(--border-radius);border-top-right-radius:var(--border-radius);border-bottom-right-radius:0px;border-bottom-left-radius:0px}:host-context([dir=rtl]):host(.select-fill-solid) .select-wrapper,:host-context([dir=rtl]).select-fill-solid .select-wrapper{border-top-left-radius:var(--border-radius);border-top-right-radius:var(--border-radius);border-bottom-right-radius:0px;border-bottom-left-radius:0px}@supports selector(:dir(rtl)){:host(.select-fill-solid:dir(rtl)) .select-wrapper{border-top-left-radius:var(--border-radius);border-top-right-radius:var(--border-radius);border-bottom-right-radius:0px;border-bottom-left-radius:0px}}:host(.label-floating.select-fill-solid) .label-text-wrapper{max-width:calc(100% / 0.75)}:host(.select-fill-outline){--border-color:var(--ion-color-step-300, #b3b3b3);--border-radius:4px;--padding-start:16px;--padding-end:16px;min-height:56px}:host(.select-fill-outline.select-shape-round){--border-radius:28px;--padding-start:32px;--padding-end:32px}:host(.has-focus.select-fill-outline.ion-valid),:host(.select-fill-outline.ion-touched.ion-invalid){--border-color:var(--highlight-color)}@media (any-hover: hover){:host(.select-fill-outline:hover){--border-color:var(--ion-color-step-750, #404040)}}:host(.select-fill-outline.select-expanded),:host(.select-fill-outline.ion-focused){--border-width:2px;--border-color:var(--highlight-color)}:host(.select-fill-outline) .select-bottom{border-top:none}:host(.select-fill-outline) .select-wrapper{border-bottom:none}:host(.select-ltr.select-fill-outline.select-label-placement-stacked) .label-text-wrapper,:host(.select-ltr.select-fill-outline.select-label-placement-floating) .label-text-wrapper{-webkit-transform-origin:left top;transform-origin:left top}:host(.select-rtl.select-fill-outline.select-label-placement-stacked) .label-text-wrapper,:host(.select-rtl.select-fill-outline.select-label-placement-floating) .label-text-wrapper{-webkit-transform-origin:right top;transform-origin:right top}:host(.select-fill-outline.select-label-placement-stacked) .label-text-wrapper,:host(.select-fill-outline.select-label-placement-floating) .label-text-wrapper{position:absolute;max-width:calc(100% - var(--padding-start) - var(--padding-end))}:host(.select-fill-outline) .label-text-wrapper{position:relative;z-index:1}:host(.label-floating.select-fill-outline) .label-text-wrapper{-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)}:host(.select-fill-outline.select-label-placement-stacked) select,:host(.select-fill-outline.select-label-placement-floating) select{margin-left:0;margin-right:0;margin-top:6px;margin-bottom:6px}:host(.select-fill-outline) .select-outline-container{left:0;right:0;top:0;bottom:0;display:-ms-flexbox;display:flex;position:absolute;width:100%;height:100%}:host(.select-fill-outline) .select-outline-start,:host(.select-fill-outline) .select-outline-end{pointer-events:none}:host(.select-fill-outline) .select-outline-start,:host(.select-fill-outline) .select-outline-notch,:host(.select-fill-outline) .select-outline-end{border-top:var(--border-width) var(--border-style) var(--border-color);border-bottom:var(--border-width) var(--border-style) var(--border-color);-webkit-box-sizing:border-box;box-sizing:border-box}:host(.select-fill-outline) .select-outline-notch{max-width:calc(100% - var(--padding-start) - var(--padding-end))}:host(.select-fill-outline) .notch-spacer{-webkit-padding-end:8px;padding-inline-end:8px;font-size:calc(1em * 0.75);opacity:0;pointer-events:none}:host(.select-fill-outline) .select-outline-start{-webkit-border-start:var(--border-width) var(--border-style) var(--border-color);border-inline-start:var(--border-width) var(--border-style) var(--border-color)}:host(.select-ltr.select-fill-outline) .select-outline-start{border-radius:var(--border-radius) 0px 0px var(--border-radius)}:host(.select-rtl.select-fill-outline) .select-outline-start{border-radius:0px var(--border-radius) var(--border-radius) 0px}:host(.select-fill-outline) .select-outline-start{width:calc(var(--padding-start) - 4px)}:host(.select-fill-outline) .select-outline-end{-webkit-border-end:var(--border-width) var(--border-style) var(--border-color);border-inline-end:var(--border-width) var(--border-style) var(--border-color)}:host(.select-ltr.select-fill-outline) .select-outline-end{border-radius:0px var(--border-radius) var(--border-radius) 0px}:host(.select-rtl.select-fill-outline) .select-outline-end{border-radius:var(--border-radius) 0px 0px var(--border-radius)}:host(.select-fill-outline) .select-outline-end{-ms-flex-positive:1;flex-grow:1}:host(.label-floating.select-fill-outline) .select-outline-notch{border-top:none}:host{--border-width:1px;--border-color:var(--ion-item-border-color, var(--ion-border-color, var(--ion-color-step-150, rgba(0, 0, 0, 0.13))))}:host(.legacy-select){--padding-top:10px;--padding-end:0;--padding-bottom:10px;--padding-start:16px}.select-icon{width:0.8125rem;-webkit-transition:-webkit-transform 0.15s cubic-bezier(0.4, 0, 0.2, 1);transition:-webkit-transform 0.15s cubic-bezier(0.4, 0, 0.2, 1);transition:transform 0.15s cubic-bezier(0.4, 0, 0.2, 1);transition:transform 0.15s cubic-bezier(0.4, 0, 0.2, 1), -webkit-transform 0.15s cubic-bezier(0.4, 0, 0.2, 1);color:var(--ion-color-step-500, gray)}:host(.select-label-placement-floating.select-expanded) .label-text-wrapper,:host(.select-label-placement-floating.ion-focused) .label-text-wrapper,:host(.select-label-placement-stacked.select-expanded) .label-text-wrapper,:host(.select-label-placement-stacked.ion-focused) .label-text-wrapper{color:var(--highlight-color)}:host(.has-focus.select-label-placement-floating.ion-valid) .label-text-wrapper,:host(.select-label-placement-floating.ion-touched.ion-invalid) .label-text-wrapper,:host(.has-focus.select-label-placement-stacked.ion-valid) .label-text-wrapper,:host(.select-label-placement-stacked.ion-touched.ion-invalid) .label-text-wrapper{color:var(--highlight-color)}.select-highlight{bottom:-1px;position:absolute;width:100%;height:2px;-webkit-transform:scale(0);transform:scale(0);-webkit-transition:-webkit-transform 200ms;transition:-webkit-transform 200ms;transition:transform 200ms;transition:transform 200ms, -webkit-transform 200ms;background:var(--highlight-color)}@supports (inset-inline-start: 0){.select-highlight{inset-inline-start:0}}@supports not (inset-inline-start: 0){.select-highlight{left:0}:host-context([dir=rtl]) .select-highlight{left:unset;right:unset;right:0}[dir=rtl] .select-highlight{left:unset;right:unset;right:0}@supports selector(:dir(rtl)){.select-highlight:dir(rtl){left:unset;right:unset;right:0}}}:host(.select-expanded) .select-highlight,:host(.ion-focused) .select-highlight{-webkit-transform:scale(1);transform:scale(1)}:host(.in-item) .select-highlight{bottom:0}@supports (inset-inline-start: 0){:host(.in-item) .select-highlight{inset-inline-start:0}}@supports not (inset-inline-start: 0){:host(.in-item) .select-highlight{left:0}:host-context([dir=rtl]):host(.in-item) .select-highlight,:host-context([dir=rtl]).in-item .select-highlight{left:unset;right:unset;right:0}@supports selector(:dir(rtl)){:host(.in-item:dir(rtl)) .select-highlight{left:unset;right:unset;right:0}}}:host(.select-expanded:not(.legacy-select):not(.has-expanded-icon)) .select-icon{-webkit-transform:rotate(180deg);transform:rotate(180deg)}:host(.select-expanded) .select-wrapper .select-icon,:host(.has-focus.ion-valid) .select-wrapper .select-icon,:host(.ion-touched.ion-invalid) .select-wrapper .select-icon,:host(.ion-focused) .select-wrapper .select-icon{color:var(--highlight-color)}:host-context(.item-label-stacked) .select-icon,:host-context(.item-label-floating:not(.item-fill-outline)) .select-icon,:host-context(.item-label-floating.item-fill-outline){-webkit-transform:translate3d(0, -9px, 0);transform:translate3d(0, -9px, 0)}:host-context(.item-has-focus):host(:not(.has-expanded-icon)) .select-icon{-webkit-transform:rotate(180deg);transform:rotate(180deg)}:host-context(.item-has-focus.item-label-stacked):host(:not(.has-expanded-icon)) .select-icon,:host-context(.item-has-focus.item-label-floating:not(.item-fill-outline)):host(:not(.has-expanded-icon)) .select-icon{-webkit-transform:translate3d(0, -9px, 0) rotate(180deg);transform:translate3d(0, -9px, 0) rotate(180deg)}:host(.select-shape-round){--border-radius:16px}:host(.select-label-placement-stacked) .select-wrapper-inner,:host(.select-label-placement-floating) .select-wrapper-inner{width:calc(100% - 0.8125rem - 4px)}:host(.select-disabled){opacity:0.38}::slotted(ion-button[slot=start].button-has-icon-only),::slotted(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}";
24
- const IonSelectMdStyle0 = selectMdCss;
23
+ const selectMdCss = ":host{--padding-top:0px;--padding-end:0px;--padding-bottom:0px;--padding-start:0px;--placeholder-color:currentColor;--placeholder-opacity:var(--ion-placeholder-opacity, 0.6);--background:transparent;--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;font-family:var(--ion-font-family, inherit);white-space:nowrap;cursor:pointer;z-index:2}:host(:not(.legacy-select)){width:100%;min-height:44px}:host(.select-label-placement-floating),:host(.select-label-placement-stacked){min-height:56px}:host(.ion-color){--highlight-color-focused:var(--ion-color-base)}:host(.legacy-select){-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);display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;overflow:hidden}:host(.in-item:not(.legacy-select)){-ms-flex:1 1 0px;flex:1 1 0}:host(.in-item.legacy-select){position:static;max-width:45%}:host(.select-disabled){pointer-events:none}:host(.ion-focused) button{border:2px solid #5e9ed6}:host([slot=start]:not(.legacy-select)),:host([slot=end]:not(.legacy-select)){width:auto}.select-placeholder{color:var(--placeholder-color);opacity:var(--placeholder-opacity)}:host(.legacy-select) label{top:0;margin-left:0;margin-right:0;margin-top:0;margin-bottom:0;position:absolute;width:100%;height:100%;border:0;background:transparent;cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none;outline:none;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;opacity:0}@supports (inset-inline-start: 0){:host(.legacy-select) label{inset-inline-start:0}}@supports not (inset-inline-start: 0){:host(.legacy-select) label{left:0}:host-context([dir=rtl]):host(.legacy-select) label,:host-context([dir=rtl]).legacy-select label{left:unset;right:unset;right:0}@supports selector(:dir(rtl)){:host(.legacy-select:dir(rtl)) label{left:unset;right:unset;right:0}}}:host(.legacy-select) label::-moz-focus-inner{border:0}button{position:absolute;top:0;left:0;right:0;bottom:0;width:100%;height:100%;margin:0;padding:0;border:0;outline:0;clip:rect(0 0 0 0);opacity:0;overflow:hidden;-webkit-appearance:none;-moz-appearance:none}.select-icon{-webkit-margin-start:4px;margin-inline-start:4px;-webkit-margin-end:0;margin-inline-end:0;margin-top:0;margin-bottom:0;position:relative;-ms-flex-negative:0;flex-shrink:0}:host(.in-item-color) .select-icon{color:inherit}:host(.select-label-placement-stacked) .select-icon,:host(.select-label-placement-floating) .select-icon{position:absolute;height:100%}:host(.select-ltr.select-label-placement-stacked) .select-icon,:host(.select-ltr.select-label-placement-floating) .select-icon{right:var(--padding-end, 0)}:host(.select-rtl.select-label-placement-stacked) .select-icon,:host(.select-rtl.select-label-placement-floating) .select-icon{left:var(--padding-start, 0)}.select-text{-ms-flex:1;flex:1;min-width:16px;font-size:inherit;text-overflow:ellipsis;white-space:inherit;overflow:hidden}.select-wrapper{-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:center;align-items:center;height:inherit;min-height:inherit;-webkit-transition:background-color 15ms linear;transition:background-color 15ms linear;background:var(--background);line-height:normal;cursor:inherit;-webkit-box-sizing:border-box;box-sizing:border-box}.select-wrapper .select-placeholder{-webkit-transition:opacity 150ms cubic-bezier(0.4, 0, 0.2, 1);transition:opacity 150ms cubic-bezier(0.4, 0, 0.2, 1)}.select-wrapper-inner{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;overflow:hidden}:host(.select-label-placement-stacked) .select-wrapper-inner,:host(.select-label-placement-floating) .select-wrapper-inner{-ms-flex-positive:1;flex-grow:1}:host(.ion-touched.ion-invalid){--highlight-color:var(--highlight-color-invalid)}:host(.ion-valid){--highlight-color:var(--highlight-color-valid)}.label-text-wrapper{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,::slotted([slot=label]){text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.label-text-wrapper-hidden,.select-outline-notch-hidden{display:none}.native-wrapper{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-webkit-transition:opacity 150ms cubic-bezier(0.4, 0, 0.2, 1);transition:opacity 150ms cubic-bezier(0.4, 0, 0.2, 1);overflow:hidden}:host(.select-justify-space-between) .select-wrapper{-ms-flex-pack:justify;justify-content:space-between}:host(.select-justify-start) .select-wrapper{-ms-flex-pack:start;justify-content:start}:host(.select-justify-end) .select-wrapper{-ms-flex-pack:end;justify-content:end}:host(.select-label-placement-start) .select-wrapper{-ms-flex-direction:row;flex-direction:row}:host(.select-label-placement-start) .label-text-wrapper{-webkit-margin-start:0;margin-inline-start:0;-webkit-margin-end:16px;margin-inline-end:16px;margin-top:0;margin-bottom:0}:host(.select-label-placement-end) .select-wrapper{-ms-flex-direction:row-reverse;flex-direction:row-reverse}:host(.select-label-placement-end) .label-text-wrapper{-webkit-margin-start:16px;margin-inline-start:16px;-webkit-margin-end:0;margin-inline-end:0;margin-top:0;margin-bottom:0}:host(.select-label-placement-fixed) .label-text-wrapper{-webkit-margin-start:0;margin-inline-start:0;-webkit-margin-end:16px;margin-inline-end:16px;margin-top:0;margin-bottom:0}:host(.select-label-placement-fixed) .label-text-wrapper{-ms-flex:0 0 100px;flex:0 0 100px;width:100px;min-width:100px;max-width:200px}:host(.select-label-placement-stacked) .select-wrapper,:host(.select-label-placement-floating) .select-wrapper{-ms-flex-direction:column;flex-direction:column;-ms-flex-align:start;align-items:start}:host(.select-label-placement-stacked) .label-text-wrapper,:host(.select-label-placement-floating) .label-text-wrapper{max-width:100%}:host(.select-ltr.select-label-placement-stacked) .label-text-wrapper,:host(.select-ltr.select-label-placement-floating) .label-text-wrapper{-webkit-transform-origin:left top;transform-origin:left top}:host(.select-rtl.select-label-placement-stacked) .label-text-wrapper,:host(.select-rtl.select-label-placement-floating) .label-text-wrapper{-webkit-transform-origin:right top;transform-origin:right top}:host(.select-label-placement-stacked) .native-wrapper,:host(.select-label-placement-floating) .native-wrapper{margin-left:0;margin-right:0;margin-top:1px;margin-bottom:0;-ms-flex-positive:1;flex-grow:1;width:100%}:host(.select-label-placement-floating) .label-text-wrapper{-webkit-transform:translateY(100%) scale(1);transform:translateY(100%) scale(1)}:host(.select-label-placement-floating:not(.label-floating)) .native-wrapper .select-placeholder{opacity:0}:host(.select-expanded.select-label-placement-floating) .native-wrapper .select-placeholder,:host(.ion-focused.select-label-placement-floating) .native-wrapper .select-placeholder,:host(.has-value.select-label-placement-floating) .native-wrapper .select-placeholder{opacity:1}:host(.label-floating) .label-text-wrapper{-webkit-transform:translateY(50%) scale(0.75);transform:translateY(50%) scale(0.75);max-width:calc(100% / 0.75)}::slotted([slot=start]),::slotted([slot=end]){-ms-flex-negative:0;flex-shrink:0}::slotted([slot=start]){-webkit-margin-end:16px;margin-inline-end:16px;-webkit-margin-start:0;margin-inline-start:0}::slotted([slot=end]){-webkit-margin-start:16px;margin-inline-start:16px;-webkit-margin-end:0;margin-inline-end:0}:host(.select-fill-solid){--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}:host(.select-fill-solid) .select-wrapper{border-bottom:var(--border-width) var(--border-style) var(--border-color)}:host(.has-focus.select-fill-solid.ion-valid),:host(.select-fill-solid.ion-touched.ion-invalid){--border-color:var(--highlight-color)}:host(.select-fill-solid) .select-bottom{border-top:none}@media (any-hover: hover){:host(.select-fill-solid: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))}}:host(.select-fill-solid.select-expanded),:host(.select-fill-solid.ion-focused){--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))}:host(.select-fill-solid) .select-wrapper{border-top-left-radius:var(--border-radius);border-top-right-radius:var(--border-radius);border-bottom-right-radius:0px;border-bottom-left-radius:0px}:host-context([dir=rtl]):host(.select-fill-solid) .select-wrapper,:host-context([dir=rtl]).select-fill-solid .select-wrapper{border-top-left-radius:var(--border-radius);border-top-right-radius:var(--border-radius);border-bottom-right-radius:0px;border-bottom-left-radius:0px}@supports selector(:dir(rtl)){:host(.select-fill-solid:dir(rtl)) .select-wrapper{border-top-left-radius:var(--border-radius);border-top-right-radius:var(--border-radius);border-bottom-right-radius:0px;border-bottom-left-radius:0px}}:host(.label-floating.select-fill-solid) .label-text-wrapper{max-width:calc(100% / 0.75)}:host(.select-fill-outline){--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}:host(.select-fill-outline.select-shape-round){--border-radius:28px;--padding-start:32px;--padding-end:32px}:host(.has-focus.select-fill-outline.ion-valid),:host(.select-fill-outline.ion-touched.ion-invalid){--border-color:var(--highlight-color)}@media (any-hover: hover){:host(.select-fill-outline:hover){--border-color:var(--ion-color-step-750, var(--ion-background-color-step-750, #404040))}}:host(.select-fill-outline.select-expanded),:host(.select-fill-outline.ion-focused){--border-width:2px;--border-color:var(--highlight-color)}:host(.select-fill-outline) .select-bottom{border-top:none}:host(.select-fill-outline) .select-wrapper{border-bottom:none}:host(.select-ltr.select-fill-outline.select-label-placement-stacked) .label-text-wrapper,:host(.select-ltr.select-fill-outline.select-label-placement-floating) .label-text-wrapper{-webkit-transform-origin:left top;transform-origin:left top}:host(.select-rtl.select-fill-outline.select-label-placement-stacked) .label-text-wrapper,:host(.select-rtl.select-fill-outline.select-label-placement-floating) .label-text-wrapper{-webkit-transform-origin:right top;transform-origin:right top}:host(.select-fill-outline.select-label-placement-stacked) .label-text-wrapper,:host(.select-fill-outline.select-label-placement-floating) .label-text-wrapper{position:absolute;max-width:calc(100% - var(--padding-start) - var(--padding-end))}:host(.select-fill-outline) .label-text-wrapper{position:relative;z-index:1}:host(.label-floating.select-fill-outline) .label-text-wrapper{-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)}:host(.select-fill-outline.select-label-placement-stacked) select,:host(.select-fill-outline.select-label-placement-floating) select{margin-left:0;margin-right:0;margin-top:6px;margin-bottom:6px}:host(.select-fill-outline) .select-outline-container{left:0;right:0;top:0;bottom:0;display:-ms-flexbox;display:flex;position:absolute;width:100%;height:100%}:host(.select-fill-outline) .select-outline-start,:host(.select-fill-outline) .select-outline-end{pointer-events:none}:host(.select-fill-outline) .select-outline-start,:host(.select-fill-outline) .select-outline-notch,:host(.select-fill-outline) .select-outline-end{border-top:var(--border-width) var(--border-style) var(--border-color);border-bottom:var(--border-width) var(--border-style) var(--border-color);-webkit-box-sizing:border-box;box-sizing:border-box}:host(.select-fill-outline) .select-outline-notch{max-width:calc(100% - var(--padding-start) - var(--padding-end))}:host(.select-fill-outline) .notch-spacer{-webkit-padding-end:8px;padding-inline-end:8px;font-size:calc(1em * 0.75);opacity:0;pointer-events:none}:host(.select-fill-outline) .select-outline-start{-webkit-border-start:var(--border-width) var(--border-style) var(--border-color);border-inline-start:var(--border-width) var(--border-style) var(--border-color)}:host(.select-ltr.select-fill-outline) .select-outline-start{border-radius:var(--border-radius) 0px 0px var(--border-radius)}:host(.select-rtl.select-fill-outline) .select-outline-start{border-radius:0px var(--border-radius) var(--border-radius) 0px}:host(.select-fill-outline) .select-outline-start{width:calc(var(--padding-start) - 4px)}:host(.select-fill-outline) .select-outline-end{-webkit-border-end:var(--border-width) var(--border-style) var(--border-color);border-inline-end:var(--border-width) var(--border-style) var(--border-color)}:host(.select-ltr.select-fill-outline) .select-outline-end{border-radius:0px var(--border-radius) var(--border-radius) 0px}:host(.select-rtl.select-fill-outline) .select-outline-end{border-radius:var(--border-radius) 0px 0px var(--border-radius)}:host(.select-fill-outline) .select-outline-end{-ms-flex-positive:1;flex-grow:1}:host(.label-floating.select-fill-outline) .select-outline-notch{border-top:none}:host{--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)))))}:host(.legacy-select){--padding-top:10px;--padding-end:0;--padding-bottom:10px;--padding-start:16px}.select-icon{width:0.8125rem;-webkit-transition:-webkit-transform 0.15s cubic-bezier(0.4, 0, 0.2, 1);transition:-webkit-transform 0.15s cubic-bezier(0.4, 0, 0.2, 1);transition:transform 0.15s cubic-bezier(0.4, 0, 0.2, 1);transition:transform 0.15s cubic-bezier(0.4, 0, 0.2, 1), -webkit-transform 0.15s cubic-bezier(0.4, 0, 0.2, 1);color:var(--ion-color-step-500, var(--ion-text-color-step-500, gray))}:host(.select-label-placement-floating.select-expanded) .label-text-wrapper,:host(.select-label-placement-floating.ion-focused) .label-text-wrapper,:host(.select-label-placement-stacked.select-expanded) .label-text-wrapper,:host(.select-label-placement-stacked.ion-focused) .label-text-wrapper{color:var(--highlight-color)}:host(.has-focus.select-label-placement-floating.ion-valid) .label-text-wrapper,:host(.select-label-placement-floating.ion-touched.ion-invalid) .label-text-wrapper,:host(.has-focus.select-label-placement-stacked.ion-valid) .label-text-wrapper,:host(.select-label-placement-stacked.ion-touched.ion-invalid) .label-text-wrapper{color:var(--highlight-color)}.select-highlight{bottom:-1px;position:absolute;width:100%;height:2px;-webkit-transform:scale(0);transform:scale(0);-webkit-transition:-webkit-transform 200ms;transition:-webkit-transform 200ms;transition:transform 200ms;transition:transform 200ms, -webkit-transform 200ms;background:var(--highlight-color)}@supports (inset-inline-start: 0){.select-highlight{inset-inline-start:0}}@supports not (inset-inline-start: 0){.select-highlight{left:0}:host-context([dir=rtl]) .select-highlight{left:unset;right:unset;right:0}[dir=rtl] .select-highlight{left:unset;right:unset;right:0}@supports selector(:dir(rtl)){.select-highlight:dir(rtl){left:unset;right:unset;right:0}}}:host(.select-expanded) .select-highlight,:host(.ion-focused) .select-highlight{-webkit-transform:scale(1);transform:scale(1)}:host(.in-item) .select-highlight{bottom:0}@supports (inset-inline-start: 0){:host(.in-item) .select-highlight{inset-inline-start:0}}@supports not (inset-inline-start: 0){:host(.in-item) .select-highlight{left:0}:host-context([dir=rtl]):host(.in-item) .select-highlight,:host-context([dir=rtl]).in-item .select-highlight{left:unset;right:unset;right:0}@supports selector(:dir(rtl)){:host(.in-item:dir(rtl)) .select-highlight{left:unset;right:unset;right:0}}}:host(.select-expanded:not(.legacy-select):not(.has-expanded-icon)) .select-icon{-webkit-transform:rotate(180deg);transform:rotate(180deg)}:host(.select-expanded) .select-wrapper .select-icon,:host(.has-focus.ion-valid) .select-wrapper .select-icon,:host(.ion-touched.ion-invalid) .select-wrapper .select-icon,:host(.ion-focused) .select-wrapper .select-icon{color:var(--highlight-color)}:host-context(.item-label-stacked) .select-icon,:host-context(.item-label-floating:not(.item-fill-outline)) .select-icon,:host-context(.item-label-floating.item-fill-outline){-webkit-transform:translate3d(0, -9px, 0);transform:translate3d(0, -9px, 0)}:host-context(.item-has-focus):host(:not(.has-expanded-icon)) .select-icon{-webkit-transform:rotate(180deg);transform:rotate(180deg)}:host-context(.item-has-focus.item-label-stacked):host(:not(.has-expanded-icon)) .select-icon,:host-context(.item-has-focus.item-label-floating:not(.item-fill-outline)):host(:not(.has-expanded-icon)) .select-icon{-webkit-transform:translate3d(0, -9px, 0) rotate(180deg);transform:translate3d(0, -9px, 0) rotate(180deg)}:host(.select-shape-round){--border-radius:16px}:host(.select-label-placement-stacked) .select-wrapper-inner,:host(.select-label-placement-floating) .select-wrapper-inner{width:calc(100% - 0.8125rem - 4px)}:host(.select-disabled){opacity:0.38}::slotted(ion-button[slot=start].button-has-icon-only),::slotted(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}";
25
24
 
26
25
  const Select = class {
27
26
  constructor(hostRef) {
@@ -735,12 +734,11 @@ const textForValue = (opts, value, compareWith) => {
735
734
  let selectIds = 0;
736
735
  const OPTION_CLASS = 'select-interface-option';
737
736
  Select.style = {
738
- ios: IonSelectIosStyle0,
739
- md: IonSelectMdStyle0
737
+ ios: selectIosCss,
738
+ md: selectMdCss
740
739
  };
741
740
 
742
741
  const selectOptionCss = ":host{display:none}";
743
- const IonSelectOptionStyle0 = selectOptionCss;
744
742
 
745
743
  const SelectOption = class {
746
744
  constructor(hostRef) {
@@ -750,18 +748,16 @@ const SelectOption = class {
750
748
  this.value = undefined;
751
749
  }
752
750
  render() {
753
- return h(Host, { key: 'fe62f2d62ede6866e20969a2e7ae25453648fcef', role: "option", id: this.inputId, class: getIonMode(this) });
751
+ return h(Host, { role: "option", id: this.inputId, class: getIonMode(this) });
754
752
  }
755
753
  get el() { return getElement(this); }
756
754
  };
757
755
  let selectOptionIds = 0;
758
- SelectOption.style = IonSelectOptionStyle0;
756
+ SelectOption.style = selectOptionCss;
759
757
 
760
758
  const selectPopoverIosCss = ".sc-ion-select-popover-ios-h ion-list.sc-ion-select-popover-ios{margin-left:0;margin-right:0;margin-top:0;margin-bottom:0}ion-list-header.sc-ion-select-popover-ios,ion-label.sc-ion-select-popover-ios{margin-left:0;margin-right:0;margin-top:0;margin-bottom:0}";
761
- const IonSelectPopoverIosStyle0 = selectPopoverIosCss;
762
759
 
763
- const selectPopoverMdCss = ".sc-ion-select-popover-md-h ion-list.sc-ion-select-popover-md{margin-left:0;margin-right:0;margin-top:0;margin-bottom:0}ion-list-header.sc-ion-select-popover-md,ion-label.sc-ion-select-popover-md{margin-left:0;margin-right:0;margin-top:0;margin-bottom:0}ion-list.sc-ion-select-popover-md ion-radio.sc-ion-select-popover-md::part(container){opacity:0}ion-item.sc-ion-select-popover-md{--inner-border-width:0}.item-radio-checked.sc-ion-select-popover-md{--background:rgba(var(--ion-color-primary-rgb, 56, 128, 255), 0.08);--background-focused:var(--ion-color-primary, #3880ff);--background-focused-opacity:0.2;--background-hover:var(--ion-color-primary, #3880ff);--background-hover-opacity:0.12}.item-checkbox-checked.sc-ion-select-popover-md{--background-activated:var(--ion-item-color, var(--ion-text-color, #000));--background-focused:var(--ion-item-color, var(--ion-text-color, #000));--background-hover:var(--ion-item-color, var(--ion-text-color, #000));--color:var(--ion-color-primary, #3880ff)}";
764
- const IonSelectPopoverMdStyle0 = selectPopoverMdCss;
760
+ const selectPopoverMdCss = ".sc-ion-select-popover-md-h ion-list.sc-ion-select-popover-md{margin-left:0;margin-right:0;margin-top:0;margin-bottom:0}ion-list-header.sc-ion-select-popover-md,ion-label.sc-ion-select-popover-md{margin-left:0;margin-right:0;margin-top:0;margin-bottom:0}ion-list.sc-ion-select-popover-md ion-radio.sc-ion-select-popover-md::part(container){opacity:0}ion-item.sc-ion-select-popover-md{--inner-border-width:0}.item-radio-checked.sc-ion-select-popover-md{--background:rgba(var(--ion-color-primary-rgb, 0, 84, 233), 0.08);--background-focused:var(--ion-color-primary, #0054e9);--background-focused-opacity:0.2;--background-hover:var(--ion-color-primary, #0054e9);--background-hover-opacity:0.12}.item-checkbox-checked.sc-ion-select-popover-md{--background-activated:var(--ion-item-color, var(--ion-text-color, #000));--background-focused:var(--ion-item-color, var(--ion-text-color, #000));--background-hover:var(--ion-item-color, var(--ion-text-color, #000));--color:var(--ion-color-primary, #0054e9)}";
765
761
 
766
762
  const SelectPopover = class {
767
763
  constructor(hostRef) {
@@ -858,13 +854,13 @@ const SelectPopover = class {
858
854
  render() {
859
855
  const { header, message, options, subHeader } = this;
860
856
  const hasSubHeaderOrMessage = subHeader !== undefined || message !== undefined;
861
- return (h(Host, { key: '9d3995131364d4f1d282e0a1fc34e778e94c9f98', class: getIonMode(this) }, h("ion-list", { key: '14244dcd6375eb61d65f3a9450d42a5d7b2d6541' }, header !== undefined && h("ion-list-header", null, header), hasSubHeaderOrMessage && (h("ion-item", null, h("ion-label", { class: "ion-text-wrap" }, subHeader !== undefined && h("h3", null, subHeader), message !== undefined && h("p", null, message)))), this.renderOptions(options))));
857
+ return (h(Host, { class: getIonMode(this) }, h("ion-list", null, header !== undefined && h("ion-list-header", null, header), hasSubHeaderOrMessage && (h("ion-item", null, h("ion-label", { class: "ion-text-wrap" }, subHeader !== undefined && h("h3", null, subHeader), message !== undefined && h("p", null, message)))), this.renderOptions(options))));
862
858
  }
863
859
  get el() { return getElement(this); }
864
860
  };
865
861
  SelectPopover.style = {
866
- ios: IonSelectPopoverIosStyle0,
867
- md: IonSelectPopoverMdStyle0
862
+ ios: selectPopoverIosCss,
863
+ md: selectPopoverMdCss
868
864
  };
869
865
 
870
866
  export { Select as ion_select, SelectOption as ion_select_option, SelectPopover as ion_select_popover };