@ionic/core 8.8.14-dev.11784216165.1ecbf364 → 8.8.14-dev.11784238294.131cd99d

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 (363) hide show
  1. package/components/index.js +1 -1
  2. package/components/ion-action-sheet.js +1 -1
  3. package/components/ion-alert.js +1 -1
  4. package/components/ion-back-button.js +1 -1
  5. package/components/ion-button.js +1 -1
  6. package/components/ion-card.js +1 -1
  7. package/components/ion-chip.js +1 -1
  8. package/components/ion-datetime-button.js +1 -1
  9. package/components/ion-datetime.js +1 -1
  10. package/components/ion-fab-button.js +1 -1
  11. package/components/ion-img.js +1 -1
  12. package/components/ion-infinite-scroll-content.js +1 -1
  13. package/components/ion-input-password-toggle.js +1 -1
  14. package/components/ion-input.js +1 -1
  15. package/components/ion-item-option.js +1 -1
  16. package/components/ion-item.js +1 -1
  17. package/components/ion-loading.js +1 -1
  18. package/components/ion-menu-button.js +1 -1
  19. package/components/ion-menu.js +1 -1
  20. package/components/ion-modal.js +1 -1
  21. package/components/ion-nav.js +1 -1
  22. package/components/ion-picker-legacy-column.d.ts +11 -0
  23. package/components/ion-picker-legacy-column.js +4 -0
  24. package/components/ion-picker-legacy.d.ts +11 -0
  25. package/components/ion-picker-legacy.js +4 -0
  26. package/components/ion-popover.js +1 -1
  27. package/components/ion-progress-bar.js +1 -1
  28. package/components/ion-radio.js +1 -1
  29. package/components/ion-range.js +1 -1
  30. package/components/ion-refresher-content.js +1 -1
  31. package/components/ion-refresher.js +1 -1
  32. package/components/ion-reorder-group.js +1 -1
  33. package/components/ion-reorder.js +1 -1
  34. package/components/ion-ripple-effect.js +1 -1
  35. package/components/ion-router-link.js +1 -1
  36. package/components/ion-router-outlet.js +1 -1
  37. package/components/ion-router.js +1 -1
  38. package/components/ion-row.js +1 -1
  39. package/components/ion-searchbar.js +1 -1
  40. package/components/ion-segment-button.js +1 -1
  41. package/components/ion-segment-content.js +1 -1
  42. package/components/ion-segment-view.js +1 -1
  43. package/components/ion-segment.js +1 -1
  44. package/components/ion-select-modal.js +1 -1
  45. package/components/ion-select-option.js +1 -1
  46. package/components/ion-select-popover.js +1 -1
  47. package/components/ion-select.js +1 -1
  48. package/components/ion-skeleton-text.js +1 -1
  49. package/components/ion-spinner.js +1 -1
  50. package/components/ion-split-pane.js +1 -1
  51. package/components/ion-tab-bar.js +1 -1
  52. package/components/ion-tab-button.js +1 -1
  53. package/components/ion-tab.js +1 -1
  54. package/components/ion-tabs.js +1 -1
  55. package/components/ion-text.js +1 -1
  56. package/components/ion-textarea.js +1 -1
  57. package/components/ion-thumbnail.js +1 -1
  58. package/components/ion-title.js +1 -1
  59. package/components/ion-toast.js +1 -1
  60. package/components/ion-toggle.js +1 -1
  61. package/components/ion-toolbar.js +1 -1
  62. package/components/{p-DpV-p5Xs.js → p-5bE_Wz4Y.js} +1 -1
  63. package/components/{p-r0aq7dpt.js → p-B60hm8Qv.js} +1 -1
  64. package/components/{p-Buf_7zcy.js → p-BHrrc-3d.js} +1 -1
  65. package/components/p-BIPPbW0M.js +4 -0
  66. package/components/{p-XJWMAP8m.js → p-BLmJ0zRm.js} +1 -1
  67. package/components/{p-DhkITZ-y.js → p-BSEgsdFI.js} +1 -1
  68. package/components/p-BUYFy35a.js +4 -0
  69. package/components/p-BWEZufiK.js +4 -0
  70. package/components/p-BqpciLfi.js +4 -0
  71. package/components/p-BsQPAqo9.js +4 -0
  72. package/components/p-CRNiQiYf.js +4 -0
  73. package/components/p-CU5rbWAW.js +4 -0
  74. package/components/{p-Dz74mwlk.js → p-Cfx4M1Bn.js} +1 -1
  75. package/components/p-k_E4tX5Z.js +4 -0
  76. package/components/p-nyXeHk23.js +4 -0
  77. package/components/{p-wk2QqrAo.js → p-rCa2eL0j.js} +1 -1
  78. package/dist/cjs/config-xninhj0J.js +201 -0
  79. package/dist/cjs/index.cjs.js +6 -6
  80. package/dist/cjs/ion-action-sheet.cjs.entry.js +7 -27
  81. package/dist/cjs/ion-alert.cjs.entry.js +25 -64
  82. package/dist/cjs/ion-app_8.cjs.entry.js +9 -23
  83. package/dist/cjs/ion-avatar_3.cjs.entry.js +1 -1
  84. package/dist/cjs/ion-col_3.cjs.entry.js +1 -1
  85. package/dist/cjs/{ion-datetime.cjs.entry.js → ion-datetime_3.cjs.entry.js} +639 -1
  86. package/dist/cjs/ion-img.cjs.entry.js +1 -3
  87. package/dist/cjs/ion-infinite-scroll_2.cjs.entry.js +2 -3
  88. package/dist/cjs/ion-input.cjs.entry.js +4 -4
  89. package/dist/cjs/ion-item_8.cjs.entry.js +2 -2
  90. package/dist/cjs/ion-loading.cjs.entry.js +5 -10
  91. package/dist/cjs/ion-menu_3.cjs.entry.js +1 -1
  92. package/dist/cjs/ion-modal.cjs.entry.js +32 -23
  93. package/dist/cjs/ion-nav_2.cjs.entry.js +115 -2
  94. package/dist/cjs/ion-popover.cjs.entry.js +5 -9
  95. package/dist/cjs/ion-progress-bar.cjs.entry.js +1 -1
  96. package/dist/cjs/ion-radio_2.cjs.entry.js +3 -3
  97. package/dist/cjs/ion-range.cjs.entry.js +3 -3
  98. package/dist/cjs/ion-refresher_2.cjs.entry.js +5 -6
  99. package/dist/cjs/ion-reorder_2.cjs.entry.js +2 -2
  100. package/dist/cjs/ion-ripple-effect.cjs.entry.js +1 -1
  101. package/dist/cjs/ion-route_4.cjs.entry.js +4 -18
  102. package/dist/cjs/ion-searchbar.cjs.entry.js +5 -5
  103. package/dist/cjs/ion-segment-content.cjs.entry.js +1 -1
  104. package/dist/cjs/ion-segment-view.cjs.entry.js +2 -2
  105. package/dist/cjs/ion-segment_2.cjs.entry.js +4 -4
  106. package/dist/cjs/ion-select-modal.cjs.entry.js +30 -84
  107. package/dist/cjs/ion-select_3.cjs.entry.js +49 -407
  108. package/dist/cjs/ion-spinner.cjs.entry.js +1 -1
  109. package/dist/cjs/ion-split-pane.cjs.entry.js +2 -2
  110. package/dist/cjs/ion-tab-bar_2.cjs.entry.js +4 -4
  111. package/dist/cjs/ion-tab_2.cjs.entry.js +3 -3
  112. package/dist/cjs/ion-text.cjs.entry.js +2 -2
  113. package/dist/cjs/ion-textarea.cjs.entry.js +2 -2
  114. package/dist/cjs/ion-toast.cjs.entry.js +5 -6
  115. package/dist/cjs/ion-toggle.cjs.entry.js +3 -3
  116. package/dist/cjs/ionic.cjs.js +1 -1
  117. package/dist/cjs/loader.cjs.js +1 -1
  118. package/dist/cjs/{overlays-DSmSrd_4.js → overlays-DdtIYQUH.js} +31 -27
  119. package/dist/collection/collection-manifest.json +10 -6
  120. package/dist/collection/components/action-sheet/action-sheet.ios.css +2 -229
  121. package/dist/collection/components/action-sheet/action-sheet.js +5 -24
  122. package/dist/collection/components/action-sheet/action-sheet.md.css +2 -175
  123. package/dist/collection/components/alert/alert.ios.css +10 -280
  124. package/dist/collection/components/alert/alert.js +21 -59
  125. package/dist/collection/components/alert/alert.md.css +20 -269
  126. package/dist/collection/components/img/img.js +1 -6
  127. package/dist/collection/components/input/input.js +8 -8
  128. package/dist/collection/components/loading/loading.js +3 -7
  129. package/dist/collection/components/modal/gestures/sheet.js +7 -0
  130. package/dist/collection/components/modal/gestures/swipe-to-close.js +7 -0
  131. package/dist/collection/components/modal/modal.ios.css +8 -0
  132. package/dist/collection/components/modal/modal.js +18 -23
  133. package/dist/collection/components/modal/modal.md.css +8 -0
  134. package/dist/collection/components/nav/nav.js +219 -4
  135. package/dist/collection/components/picker-legacy/animations/ios.enter.js +27 -0
  136. package/dist/collection/components/picker-legacy/animations/ios.leave.js +23 -0
  137. package/dist/collection/components/picker-legacy/picker-interface.js +1 -0
  138. package/dist/collection/components/picker-legacy/picker.ios.css +300 -0
  139. package/dist/collection/components/picker-legacy/picker.js +890 -0
  140. package/dist/collection/components/picker-legacy/picker.md.css +287 -0
  141. package/dist/collection/components/picker-legacy-column/picker-column.ios.css +231 -0
  142. package/dist/collection/components/picker-legacy-column/picker-column.js +422 -0
  143. package/dist/collection/components/picker-legacy-column/picker-column.md.css +222 -0
  144. package/dist/collection/components/picker-legacy-column/test/test.utils.js +43 -0
  145. package/dist/collection/components/popover/popover.ios.css +0 -15
  146. package/dist/collection/components/popover/popover.js +3 -7
  147. package/dist/collection/components/popover/popover.md.css +0 -15
  148. package/dist/collection/components/progress-bar/progress-bar.js +1 -1
  149. package/dist/collection/components/radio/radio.js +4 -4
  150. package/dist/collection/components/range/range.js +3 -3
  151. package/dist/collection/components/refresher/refresher.js +1 -1
  152. package/dist/collection/components/refresher-content/refresher-content.js +1 -1
  153. package/dist/collection/components/reorder/reorder.js +1 -1
  154. package/dist/collection/components/reorder-group/reorder-group.js +1 -1
  155. package/dist/collection/components/ripple-effect/ripple-effect.js +1 -1
  156. package/dist/collection/components/route/route.js +1 -1
  157. package/dist/collection/components/router/utils/dom.js +3 -22
  158. package/dist/collection/components/router-link/router-link.js +2 -2
  159. package/dist/collection/components/router-outlet/router-outlet.js +5 -38
  160. package/dist/collection/components/row/row.js +1 -1
  161. package/dist/collection/components/searchbar/searchbar.js +9 -9
  162. package/dist/collection/components/segment/segment.js +2 -2
  163. package/dist/collection/components/segment-button/segment-button.js +2 -2
  164. package/dist/collection/components/segment-content/segment-content.js +1 -1
  165. package/dist/collection/components/segment-view/segment-view.js +2 -2
  166. package/dist/collection/components/select/select.ios.css +0 -33
  167. package/dist/collection/components/select/select.js +16 -323
  168. package/dist/collection/components/select/select.md.css +0 -33
  169. package/dist/collection/components/select-modal/select-modal.ios.css +0 -219
  170. package/dist/collection/components/select-modal/select-modal.js +26 -79
  171. package/dist/collection/components/select-modal/select-modal.md.css +0 -165
  172. package/dist/collection/components/select-option/select-option.js +3 -67
  173. package/dist/collection/components/select-popover/select-popover.ios.css +0 -219
  174. package/dist/collection/components/select-popover/select-popover.js +26 -78
  175. package/dist/collection/components/select-popover/select-popover.md.css +0 -165
  176. package/dist/collection/components/skeleton-text/skeleton-text.js +2 -2
  177. package/dist/collection/components/spinner/spinner.js +1 -1
  178. package/dist/collection/components/split-pane/split-pane.js +2 -2
  179. package/dist/collection/components/tab/tab.js +2 -2
  180. package/dist/collection/components/tab-bar/tab-bar.js +2 -2
  181. package/dist/collection/components/tab-button/tab-button.js +2 -2
  182. package/dist/collection/components/tabs/tabs.js +1 -1
  183. package/dist/collection/components/text/text.js +2 -2
  184. package/dist/collection/components/textarea/textarea.js +2 -2
  185. package/dist/collection/components/thumbnail/thumbnail.js +1 -1
  186. package/dist/collection/components/title/title.js +2 -2
  187. package/dist/collection/components/toast/toast.js +2 -2
  188. package/dist/collection/components/toggle/toggle.js +3 -3
  189. package/dist/collection/components/toolbar/toolbar.js +2 -2
  190. package/dist/collection/index.js +1 -1
  191. package/dist/collection/utils/overlays.js +30 -26
  192. package/dist/collection/utils/sanitization/index.js +18 -274
  193. package/dist/collection/utils/test/playwright/drag-element.js +5 -0
  194. package/dist/docs.json +1189 -497
  195. package/dist/esm/config-DQCONYYp.js +195 -0
  196. package/dist/esm/{index-AlrZKoWR.js → index-DV3sJJW8.js} +1 -1
  197. package/dist/esm/index.js +2 -3
  198. package/dist/esm/ion-accordion_2.entry.js +1 -1
  199. package/dist/esm/ion-action-sheet.entry.js +7 -27
  200. package/dist/esm/ion-alert.entry.js +24 -63
  201. package/dist/esm/ion-app_8.entry.js +9 -23
  202. package/dist/esm/ion-avatar_3.entry.js +1 -1
  203. package/dist/esm/ion-back-button.entry.js +1 -1
  204. package/dist/esm/ion-breadcrumb_2.entry.js +1 -1
  205. package/dist/esm/ion-col_3.entry.js +1 -1
  206. package/dist/esm/{ion-datetime.entry.js → ion-datetime_3.entry.js} +641 -5
  207. package/dist/esm/ion-fab_3.entry.js +1 -1
  208. package/dist/esm/ion-img.entry.js +2 -4
  209. package/dist/esm/ion-infinite-scroll_2.entry.js +1 -2
  210. package/dist/esm/ion-input-password-toggle.entry.js +1 -1
  211. package/dist/esm/ion-input.entry.js +5 -5
  212. package/dist/esm/ion-item_8.entry.js +3 -3
  213. package/dist/esm/ion-loading.entry.js +4 -9
  214. package/dist/esm/ion-menu_3.entry.js +2 -2
  215. package/dist/esm/ion-modal.entry.js +32 -23
  216. package/dist/esm/ion-nav_2.entry.js +116 -3
  217. package/dist/esm/ion-popover.entry.js +5 -9
  218. package/dist/esm/ion-progress-bar.entry.js +1 -1
  219. package/dist/esm/ion-radio_2.entry.js +3 -3
  220. package/dist/esm/ion-range.entry.js +3 -3
  221. package/dist/esm/ion-refresher_2.entry.js +4 -5
  222. package/dist/esm/ion-reorder_2.entry.js +3 -3
  223. package/dist/esm/ion-ripple-effect.entry.js +1 -1
  224. package/dist/esm/ion-route_4.entry.js +4 -18
  225. package/dist/esm/ion-searchbar.entry.js +6 -6
  226. package/dist/esm/ion-segment-content.entry.js +1 -1
  227. package/dist/esm/ion-segment-view.entry.js +2 -2
  228. package/dist/esm/ion-segment_2.entry.js +4 -4
  229. package/dist/esm/ion-select-modal.entry.js +30 -84
  230. package/dist/esm/ion-select_3.entry.js +52 -410
  231. package/dist/esm/ion-spinner.entry.js +1 -1
  232. package/dist/esm/ion-split-pane.entry.js +2 -2
  233. package/dist/esm/ion-tab-bar_2.entry.js +4 -4
  234. package/dist/esm/ion-tab_2.entry.js +3 -3
  235. package/dist/esm/ion-text.entry.js +2 -2
  236. package/dist/esm/ion-textarea.entry.js +2 -2
  237. package/dist/esm/ion-toast.entry.js +4 -5
  238. package/dist/esm/ion-toggle.entry.js +4 -4
  239. package/dist/esm/ionic.js +1 -1
  240. package/dist/esm/loader.js +1 -1
  241. package/dist/esm/{overlays-DLNOHWNc.js → overlays-Dg0q2_tJ.js} +32 -28
  242. package/dist/html.html-data.json +80 -52
  243. package/dist/ionic/index.esm.js +1 -1
  244. package/dist/ionic/ionic.esm.js +1 -1
  245. package/dist/ionic/p-01f81ea5.entry.js +4 -0
  246. package/dist/ionic/p-0dc33652.entry.js +4 -0
  247. package/dist/ionic/{p-fe4aa1db.entry.js → p-0fa9c382.entry.js} +1 -1
  248. package/dist/ionic/p-20b1a044.entry.js +4 -0
  249. package/dist/ionic/p-21eb76d5.entry.js +4 -0
  250. package/dist/ionic/p-27d30585.entry.js +4 -0
  251. package/dist/ionic/p-2a05aa64.entry.js +4 -0
  252. package/dist/ionic/p-2bb2cb18.entry.js +4 -0
  253. package/dist/ionic/{p-80b44b3c.entry.js → p-3353c229.entry.js} +1 -1
  254. package/dist/ionic/{p-c93553d2.entry.js → p-34586ead.entry.js} +1 -1
  255. package/dist/ionic/{p-a7628bc7.entry.js → p-37e720da.entry.js} +1 -1
  256. package/dist/ionic/{p-9177f4ac.entry.js → p-390ca786.entry.js} +1 -1
  257. package/dist/ionic/{p-259d0d98.entry.js → p-3a126bca.entry.js} +1 -1
  258. package/dist/ionic/{p-4502a274.entry.js → p-3a7d1e91.entry.js} +1 -1
  259. package/dist/ionic/{p-627fabd9.entry.js → p-3ae5f277.entry.js} +1 -1
  260. package/dist/ionic/{p-a5213260.entry.js → p-4858af1f.entry.js} +1 -1
  261. package/dist/ionic/p-485fda23.entry.js +4 -0
  262. package/dist/ionic/p-4baa5b82.entry.js +4 -0
  263. package/dist/ionic/p-5018dfc8.entry.js +4 -0
  264. package/dist/ionic/p-50e1194a.entry.js +4 -0
  265. package/dist/ionic/{p-76e92a84.entry.js → p-5d1da0a2.entry.js} +1 -1
  266. package/dist/ionic/p-5eb8e86d.entry.js +4 -0
  267. package/dist/ionic/p-65ebdf1b.entry.js +4 -0
  268. package/dist/ionic/p-6ebdbebe.entry.js +4 -0
  269. package/dist/ionic/{p-d2c7f046.entry.js → p-75dc25ba.entry.js} +1 -1
  270. package/dist/ionic/{p-b9ac1fe0.entry.js → p-84d5ce05.entry.js} +1 -1
  271. package/dist/ionic/{p-51cd1643.entry.js → p-874b4bd8.entry.js} +1 -1
  272. package/dist/ionic/{p-ef93ca92.entry.js → p-8eb8ee76.entry.js} +1 -1
  273. package/dist/ionic/p-8fce95d5.entry.js +4 -0
  274. package/dist/ionic/{p-db1b6738.entry.js → p-9a65ac7f.entry.js} +1 -1
  275. package/dist/ionic/{p-7a37b3ce.entry.js → p-9f1103ce.entry.js} +1 -1
  276. package/dist/ionic/p-9f9db3a2.entry.js +4 -0
  277. package/dist/ionic/p-D-3ycHmd.js +4 -0
  278. package/dist/ionic/{p-AlrZKoWR.js → p-DV3sJJW8.js} +1 -1
  279. package/dist/ionic/p-DzWaWHGc.js +4 -0
  280. package/dist/ionic/p-a21add2f.entry.js +4 -0
  281. package/dist/ionic/{p-d8387b99.entry.js → p-c4d8641b.entry.js} +1 -1
  282. package/dist/ionic/p-ca2ab74d.entry.js +4 -0
  283. package/dist/ionic/{p-629e4703.entry.js → p-e0be05c5.entry.js} +1 -1
  284. package/dist/ionic/p-e6a4bb56.entry.js +4 -0
  285. package/dist/ionic/p-ec090e0a.entry.js +4 -0
  286. package/dist/ionic/{p-b1599fca.entry.js → p-ef4c3bee.entry.js} +1 -1
  287. package/dist/ionic/p-f386f6ae.entry.js +4 -0
  288. package/dist/ionic/{p-341032b3.entry.js → p-fabcce6c.entry.js} +1 -1
  289. package/dist/types/components/img/img.d.ts +0 -2
  290. package/dist/types/components/input/input.d.ts +1 -1
  291. package/dist/types/components/modal/modal.d.ts +4 -11
  292. package/dist/types/components/nav/nav-interface.d.ts +1 -0
  293. package/dist/types/components/nav/nav.d.ts +22 -2
  294. package/dist/types/components/picker-legacy/animations/ios.enter.d.ts +5 -0
  295. package/dist/types/components/picker-legacy/animations/ios.leave.d.ts +5 -0
  296. package/dist/types/components/picker-legacy/picker-interface.d.ts +52 -0
  297. package/dist/types/components/picker-legacy/picker.d.ts +158 -0
  298. package/dist/types/components/picker-legacy-column/picker-column.d.ts +46 -0
  299. package/dist/types/components/picker-legacy-column/test/test.utils.d.ts +9 -0
  300. package/dist/types/components/route/route.d.ts +1 -1
  301. package/dist/types/components/router-outlet/router-outlet.d.ts +0 -7
  302. package/dist/types/components/searchbar/searchbar.d.ts +1 -1
  303. package/dist/types/components/select/select-interface.d.ts +0 -31
  304. package/dist/types/components/select/select.d.ts +0 -18
  305. package/dist/types/components/select-option/select-option.d.ts +1 -42
  306. package/dist/types/components.d.ts +303 -74
  307. package/dist/types/index.d.ts +1 -1
  308. package/dist/types/interface.d.ts +1 -0
  309. package/dist/types/utils/config.d.ts +8 -0
  310. package/dist/types/utils/overlays.d.ts +9 -11
  311. package/dist/types/utils/sanitization/index.d.ts +2 -58
  312. package/hydrate/index.js +1296 -1414
  313. package/hydrate/index.mjs +1296 -1414
  314. package/package.json +5 -37
  315. package/components/p-279dFMvg.js +0 -4
  316. package/components/p-BSQPZ79H.js +0 -4
  317. package/components/p-BwKpO3Is.js +0 -4
  318. package/components/p-C-Rx1zny.js +0 -4
  319. package/components/p-CHzfYZbv.js +0 -4
  320. package/components/p-D4h1H_hh.js +0 -4
  321. package/components/p-LMGfIvTf.js +0 -4
  322. package/components/p-_lHSumhG.js +0 -4
  323. package/components/p-j9Da6cYO.js +0 -4
  324. package/components/p-jOtMJMv8.js +0 -4
  325. package/components/p-uTR_dEqg.js +0 -4
  326. package/dist/cjs/config-DWdFbSNK.js +0 -35
  327. package/dist/cjs/index-Cueg3U4w.js +0 -429
  328. package/dist/cjs/overlay-control-label-D2sdL2O8.js +0 -50
  329. package/dist/cjs/select-option-render-DTF50t5r.js +0 -124
  330. package/dist/collection/utils/overlay-control-label.js +0 -45
  331. package/dist/collection/utils/select-option-render.js +0 -119
  332. package/dist/esm/config-BwKpO3Is.js +0 -31
  333. package/dist/esm/index-DQSkZyOJ.js +0 -424
  334. package/dist/esm/overlay-control-label-BSQPZ79H.js +0 -47
  335. package/dist/esm/select-option-render-B8nWZRnd.js +0 -122
  336. package/dist/ionic/p-038eb991.entry.js +0 -4
  337. package/dist/ionic/p-4621c387.entry.js +0 -4
  338. package/dist/ionic/p-4ace7762.entry.js +0 -4
  339. package/dist/ionic/p-4bb3eb60.entry.js +0 -4
  340. package/dist/ionic/p-4e9ec5c5.entry.js +0 -4
  341. package/dist/ionic/p-5c3ec490.entry.js +0 -4
  342. package/dist/ionic/p-5d1ac2c7.entry.js +0 -4
  343. package/dist/ionic/p-700795f6.entry.js +0 -4
  344. package/dist/ionic/p-79a36078.entry.js +0 -4
  345. package/dist/ionic/p-913b218a.entry.js +0 -4
  346. package/dist/ionic/p-BDtODLZ4.js +0 -4
  347. package/dist/ionic/p-BSQPZ79H.js +0 -4
  348. package/dist/ionic/p-BwKpO3Is.js +0 -4
  349. package/dist/ionic/p-Cg5-OQYy.js +0 -4
  350. package/dist/ionic/p-DCOvXkOm.js +0 -4
  351. package/dist/ionic/p-a18dcb3c.entry.js +0 -4
  352. package/dist/ionic/p-a9a33367.entry.js +0 -4
  353. package/dist/ionic/p-ad728198.entry.js +0 -4
  354. package/dist/ionic/p-bfc8c629.entry.js +0 -4
  355. package/dist/ionic/p-c08e666a.entry.js +0 -4
  356. package/dist/ionic/p-c474f471.entry.js +0 -4
  357. package/dist/ionic/p-ce7992c4.entry.js +0 -4
  358. package/dist/ionic/p-ed797c72.entry.js +0 -4
  359. package/dist/ionic/p-f09f9642.entry.js +0 -4
  360. package/dist/ionic/p-f1c06f82.entry.js +0 -4
  361. package/dist/ionic/p-f718fccb.entry.js +0 -4
  362. package/dist/types/utils/overlay-control-label.d.ts +0 -32
  363. package/dist/types/utils/select-option-render.d.ts +0 -53
@@ -1,29 +1,25 @@
1
1
  /*!
2
2
  * (C) Ionic http://ionicframework.com - MIT License
3
3
  */
4
- import { r as registerInstance, c as createEvent, e as config, f as printIonWarning, h, d as Host, g as getElement, i as forceUpdate } from './index-tcQvqkiX.js';
5
- import { E as ENABLE_HTML_CONTENT_DEFAULT } from './config-BwKpO3Is.js';
4
+ import { r as registerInstance, c as createEvent, f as printIonWarning, h, d as Host, g as getElement, i as forceUpdate } from './index-tcQvqkiX.js';
6
5
  import { c as createNotchController } from './notch-controller-DKDjU_O7.js';
7
- import { c as compareOptions, i as isOptionSelected } from './compare-with-utils-sObYyvOy.js';
6
+ import { i as isOptionSelected, c as compareOptions } from './compare-with-utils-sObYyvOy.js';
8
7
  import { c as checkInvalidState } from './validity-DJztqcrH.js';
9
8
  import { b as inheritAttributes, a as renderHiddenInput, n as focusVisibleElement } from './helpers-HEqiOzXb.js';
10
- import { p as popoverController, b as actionSheetController, a as alertController, m as modalController, s as safeCall } from './overlays-DLNOHWNc.js';
9
+ import { c as popoverController, b as actionSheetController, a as alertController, m as modalController, s as safeCall } from './overlays-Dg0q2_tJ.js';
11
10
  import { i as isRTL } from './dir-C53feagD.js';
12
- import { r as reflectPropertiesToAttributes, a as sanitizeDOMTree } from './index-DQSkZyOJ.js';
13
11
  import { h as hostContext, c as createColorClasses, g as getClassMap } from './theme-DiVJyqlX.js';
14
12
  import { w as watchForOptions } from './watch-options-Dtdm8lKC.js';
15
- import { w as chevronExpand, f as caretDownSharp } from './index-AlrZKoWR.js';
13
+ import { w as chevronExpand, q as caretDownSharp } from './index-DV3sJJW8.js';
16
14
  import { b as getIonMode } from './ionic-global-Cp_eT4sZ.js';
17
- import { a as getOverlayLabelPlacement, g as getOverlayLabelJustify } from './overlay-control-label-BSQPZ79H.js';
18
- import { r as renderOptionLabel } from './select-option-render-B8nWZRnd.js';
19
15
  import './index-ZjP4CjeZ.js';
20
16
  import './hardware-back-button-B93Gru0Y.js';
21
17
  import './framework-delegate-FnPGymXL.js';
22
18
  import './gesture-controller-BTEOs1at.js';
23
19
 
24
- 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);--select-text-media-height:1.5em;--select-text-media-width:1.5em;--select-text-gap:12px;--highlight-color:var(--highlight-color-focused);display:block;position:relative;width:100%;min-height:44px;font-family:var(--ion-font-family, inherit);white-space:nowrap;cursor:pointer;z-index:2}:host(.select-label-placement-floating),:host(.select-label-placement-stacked){min-height:56px}:host(.ion-color){--highlight-color-focused:var(--ion-color-base)}:host(.in-item){-ms-flex:1 1 0px;flex:1 1 0}:host(.select-disabled){pointer-events:none}:host(.has-focus) button{border:2px solid #5e9ed6}:host([slot=start]),:host([slot=end]){-ms-flex:initial;flex:initial;width:auto}.select-placeholder{color:var(--placeholder-color);opacity:var(--placeholder-opacity)}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-text>*+*{-webkit-margin-start:var(--select-text-gap);margin-inline-start:var(--select-text-gap)}.select-text img,.select-text ion-img,.select-text ion-icon,.select-text ion-thumbnail,.select-text ion-avatar{border-radius:var(--select-text-media-border-radius);width:var(--select-text-media-width);height:var(--select-text-media-height);border-width:var(--select-text-media-border-width);border-style:var(--select-text-media-border-style);border-color:var(--select-text-media-border-color)}.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;-ms-flex-pack:justify;justify-content:space-between;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)}.select-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:5px;padding-bottom:0;display:-ms-flexbox;display:flex;-ms-flex-pack:justify;justify-content:space-between;border-top:var(--border-width) var(--border-style) var(--border-color);font-size:0.75rem;white-space:normal}:host(.has-focus.ion-valid),:host(.select-expanded.ion-valid),:host(.ion-touched.ion-invalid),:host(.select-expanded.ion-touched.ion-invalid){--border-color:var(--highlight-color)}.select-bottom .error-text{display:none;color:var(--highlight-color-invalid)}.select-bottom .helper-text{display:block;color:var(--ion-color-step-700, var(--ion-text-color-step-300, #4d4d4d))}:host(.ion-touched.ion-invalid) .select-bottom .error-text{display:block}:host(.ion-touched.ion-invalid) .select-bottom .helper-text{display:none}.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(.has-focus.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]:last-of-type){-webkit-margin-end:16px;margin-inline-end:16px;-webkit-margin-start:0;margin-inline-start:0}::slotted([slot=end]:first-of-type){-webkit-margin-start:16px;margin-inline-start:16px;-webkit-margin-end:0;margin-inline-end:0}:host{--border-width:0.55px;--border-color:var(--ion-item-border-color, var(--ion-border-color, var(--ion-color-step-250, var(--ion-background-color-step-250, #c8c7cc))));--highlight-height:0px}.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}`;
20
+ 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;width:100%;min-height:44px;font-family:var(--ion-font-family, inherit);white-space:nowrap;cursor:pointer;z-index:2}:host(.select-label-placement-floating),:host(.select-label-placement-stacked){min-height:56px}:host(.ion-color){--highlight-color-focused:var(--ion-color-base)}:host(.in-item){-ms-flex:1 1 0px;flex:1 1 0}:host(.select-disabled){pointer-events:none}:host(.has-focus) button{border:2px solid #5e9ed6}:host([slot=start]),:host([slot=end]){-ms-flex:initial;flex:initial;width:auto}.select-placeholder{color:var(--placeholder-color);opacity:var(--placeholder-opacity)}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;-ms-flex-pack:justify;justify-content:space-between;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)}.select-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:5px;padding-bottom:0;display:-ms-flexbox;display:flex;-ms-flex-pack:justify;justify-content:space-between;border-top:var(--border-width) var(--border-style) var(--border-color);font-size:0.75rem;white-space:normal}:host(.has-focus.ion-valid),:host(.select-expanded.ion-valid),:host(.ion-touched.ion-invalid),:host(.select-expanded.ion-touched.ion-invalid){--border-color:var(--highlight-color)}.select-bottom .error-text{display:none;color:var(--highlight-color-invalid)}.select-bottom .helper-text{display:block;color:var(--ion-color-step-700, var(--ion-text-color-step-300, #4d4d4d))}:host(.ion-touched.ion-invalid) .select-bottom .error-text{display:block}:host(.ion-touched.ion-invalid) .select-bottom .helper-text{display:none}.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(.has-focus.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]:last-of-type){-webkit-margin-end:16px;margin-inline-end:16px;-webkit-margin-start:0;margin-inline-start:0}::slotted([slot=end]:first-of-type){-webkit-margin-start:16px;margin-inline-start:16px;-webkit-margin-end:0;margin-inline-end:0}:host{--border-width:0.55px;--border-color:var(--ion-item-border-color, var(--ion-border-color, var(--ion-color-step-250, var(--ion-background-color-step-250, #c8c7cc))));--highlight-height:0px}.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}`;
25
21
 
26
- 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);--select-text-media-height:1.5em;--select-text-media-width:1.5em;--select-text-gap:12px;--highlight-color:var(--highlight-color-focused);display:block;position:relative;width:100%;min-height:44px;font-family:var(--ion-font-family, inherit);white-space:nowrap;cursor:pointer;z-index:2}:host(.select-label-placement-floating),:host(.select-label-placement-stacked){min-height:56px}:host(.ion-color){--highlight-color-focused:var(--ion-color-base)}:host(.in-item){-ms-flex:1 1 0px;flex:1 1 0}:host(.select-disabled){pointer-events:none}:host(.has-focus) button{border:2px solid #5e9ed6}:host([slot=start]),:host([slot=end]){-ms-flex:initial;flex:initial;width:auto}.select-placeholder{color:var(--placeholder-color);opacity:var(--placeholder-opacity)}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-text>*+*{-webkit-margin-start:var(--select-text-gap);margin-inline-start:var(--select-text-gap)}.select-text img,.select-text ion-img,.select-text ion-icon,.select-text ion-thumbnail,.select-text ion-avatar{border-radius:var(--select-text-media-border-radius);width:var(--select-text-media-width);height:var(--select-text-media-height);border-width:var(--select-text-media-border-width);border-style:var(--select-text-media-border-style);border-color:var(--select-text-media-border-color)}.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;-ms-flex-pack:justify;justify-content:space-between;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)}.select-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:5px;padding-bottom:0;display:-ms-flexbox;display:flex;-ms-flex-pack:justify;justify-content:space-between;border-top:var(--border-width) var(--border-style) var(--border-color);font-size:0.75rem;white-space:normal}:host(.has-focus.ion-valid),:host(.select-expanded.ion-valid),:host(.ion-touched.ion-invalid),:host(.select-expanded.ion-touched.ion-invalid){--border-color:var(--highlight-color)}.select-bottom .error-text{display:none;color:var(--highlight-color-invalid)}.select-bottom .helper-text{display:block;color:var(--ion-color-step-700, var(--ion-text-color-step-300, #4d4d4d))}:host(.ion-touched.ion-invalid) .select-bottom .error-text{display:block}:host(.ion-touched.ion-invalid) .select-bottom .helper-text{display:none}.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(.has-focus.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]:last-of-type){-webkit-margin-end:16px;margin-inline-end:16px;-webkit-margin-start:0;margin-inline-start:0}::slotted([slot=end]:first-of-type){-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(.select-expanded.select-fill-solid.ion-valid),: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.has-focus){--background:var(--ion-color-step-150, var(--ion-background-color-step-150, #d9d9d9));--border-color:var(--highlight-color)}:host(.select-fill-solid) .select-wrapper{border-start-start-radius:var(--border-radius);border-start-end-radius:var(--border-radius);border-end-end-radius:0px;border-end-start-radius:0px}:host(.label-floating.select-fill-solid) .label-text-wrapper{max-width:calc(100% / 0.75)}:host(.in-item.select-expanded.select-fill-solid) .select-wrapper .select-icon,:host(.in-item.has-focus.select-fill-solid) .select-wrapper .select-icon,:host(.in-item.has-focus.ion-valid.select-fill-solid) .select-wrapper .select-icon,:host(.in-item.ion-touched.ion-invalid.select-fill-solid) .select-wrapper .select-icon{color:var(--highlight-color)}: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.has-focus){--border-width:var(--highlight-height);--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-fill-outline) .select-outline-start{border-start-start-radius:var(--border-radius);border-start-end-radius:0px;border-end-end-radius:0px;border-end-start-radius:var(--border-radius)}: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-fill-outline) .select-outline-end{border-start-start-radius:0px;border-start-end-radius:var(--border-radius);border-end-end-radius:var(--border-radius);border-end-start-radius:0px}: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(.in-item.select-expanded.select-fill-outline) .select-wrapper .select-icon,:host(.in-item.has-focus.select-fill-outline) .select-wrapper .select-icon,:host(.in-item.has-focus.ion-valid.select-fill-outline) .select-wrapper .select-icon,:host(.in-item.ion-touched.ion-invalid.select-fill-outline) .select-wrapper .select-icon{color:var(--highlight-color)}: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)))));--highlight-height:2px}:host(.select-label-placement-floating.select-expanded) .label-text-wrapper,:host(.select-label-placement-floating.has-focus) .label-text-wrapper,:host(.select-label-placement-stacked.select-expanded) .label-text-wrapper,:host(.select-label-placement-stacked.has-focus) .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:var(--highlight-height);-webkit-transform:scale(0);transform:scale(0);-webkit-transition:-webkit-transform 200ms;transition:-webkit-transform 200ms;transition:transform 200ms;transition:transform 200ms, -webkit-transform 200ms;background:var(--highlight-color)}.select-highlight{inset-inline-start:0}:host(.select-expanded) .select-highlight,:host(.has-focus) .select-highlight{-webkit-transform:scale(1);transform:scale(1)}:host(.in-item) .select-highlight{bottom:0}:host(.in-item) .select-highlight{inset-inline-start:0}.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-expanded:not(.has-expanded-icon)) .select-icon{-webkit-transform:rotate(180deg);transform:rotate(180deg)}:host(.in-item.select-expanded) .select-wrapper .select-icon,:host(.in-item.has-focus) .select-wrapper .select-icon,:host(.in-item.has-focus.ion-valid) .select-wrapper .select-icon,:host(.in-item.ion-touched.ion-invalid) .select-wrapper .select-icon{color:var(--ion-color-step-500, var(--ion-text-color-step-500, gray))}: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(.has-focus) .select-wrapper .select-icon{color:var(--highlight-color)}: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}`;
22
+ 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;width:100%;min-height:44px;font-family:var(--ion-font-family, inherit);white-space:nowrap;cursor:pointer;z-index:2}:host(.select-label-placement-floating),:host(.select-label-placement-stacked){min-height:56px}:host(.ion-color){--highlight-color-focused:var(--ion-color-base)}:host(.in-item){-ms-flex:1 1 0px;flex:1 1 0}:host(.select-disabled){pointer-events:none}:host(.has-focus) button{border:2px solid #5e9ed6}:host([slot=start]),:host([slot=end]){-ms-flex:initial;flex:initial;width:auto}.select-placeholder{color:var(--placeholder-color);opacity:var(--placeholder-opacity)}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;-ms-flex-pack:justify;justify-content:space-between;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)}.select-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:5px;padding-bottom:0;display:-ms-flexbox;display:flex;-ms-flex-pack:justify;justify-content:space-between;border-top:var(--border-width) var(--border-style) var(--border-color);font-size:0.75rem;white-space:normal}:host(.has-focus.ion-valid),:host(.select-expanded.ion-valid),:host(.ion-touched.ion-invalid),:host(.select-expanded.ion-touched.ion-invalid){--border-color:var(--highlight-color)}.select-bottom .error-text{display:none;color:var(--highlight-color-invalid)}.select-bottom .helper-text{display:block;color:var(--ion-color-step-700, var(--ion-text-color-step-300, #4d4d4d))}:host(.ion-touched.ion-invalid) .select-bottom .error-text{display:block}:host(.ion-touched.ion-invalid) .select-bottom .helper-text{display:none}.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(.has-focus.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]:last-of-type){-webkit-margin-end:16px;margin-inline-end:16px;-webkit-margin-start:0;margin-inline-start:0}::slotted([slot=end]:first-of-type){-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(.select-expanded.select-fill-solid.ion-valid),: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.has-focus){--background:var(--ion-color-step-150, var(--ion-background-color-step-150, #d9d9d9));--border-color:var(--highlight-color)}:host(.select-fill-solid) .select-wrapper{border-start-start-radius:var(--border-radius);border-start-end-radius:var(--border-radius);border-end-end-radius:0px;border-end-start-radius:0px}:host(.label-floating.select-fill-solid) .label-text-wrapper{max-width:calc(100% / 0.75)}:host(.in-item.select-expanded.select-fill-solid) .select-wrapper .select-icon,:host(.in-item.has-focus.select-fill-solid) .select-wrapper .select-icon,:host(.in-item.has-focus.ion-valid.select-fill-solid) .select-wrapper .select-icon,:host(.in-item.ion-touched.ion-invalid.select-fill-solid) .select-wrapper .select-icon{color:var(--highlight-color)}: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.has-focus){--border-width:var(--highlight-height);--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-fill-outline) .select-outline-start{border-start-start-radius:var(--border-radius);border-start-end-radius:0px;border-end-end-radius:0px;border-end-start-radius:var(--border-radius)}: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-fill-outline) .select-outline-end{border-start-start-radius:0px;border-start-end-radius:var(--border-radius);border-end-end-radius:var(--border-radius);border-end-start-radius:0px}: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(.in-item.select-expanded.select-fill-outline) .select-wrapper .select-icon,:host(.in-item.has-focus.select-fill-outline) .select-wrapper .select-icon,:host(.in-item.has-focus.ion-valid.select-fill-outline) .select-wrapper .select-icon,:host(.in-item.ion-touched.ion-invalid.select-fill-outline) .select-wrapper .select-icon{color:var(--highlight-color)}: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)))));--highlight-height:2px}:host(.select-label-placement-floating.select-expanded) .label-text-wrapper,:host(.select-label-placement-floating.has-focus) .label-text-wrapper,:host(.select-label-placement-stacked.select-expanded) .label-text-wrapper,:host(.select-label-placement-stacked.has-focus) .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:var(--highlight-height);-webkit-transform:scale(0);transform:scale(0);-webkit-transition:-webkit-transform 200ms;transition:-webkit-transform 200ms;transition:transform 200ms;transition:transform 200ms, -webkit-transform 200ms;background:var(--highlight-color)}.select-highlight{inset-inline-start:0}:host(.select-expanded) .select-highlight,:host(.has-focus) .select-highlight{-webkit-transform:scale(1);transform:scale(1)}:host(.in-item) .select-highlight{bottom:0}:host(.in-item) .select-highlight{inset-inline-start:0}.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-expanded:not(.has-expanded-icon)) .select-icon{-webkit-transform:rotate(180deg);transform:rotate(180deg)}:host(.in-item.select-expanded) .select-wrapper .select-icon,:host(.in-item.has-focus) .select-wrapper .select-icon,:host(.in-item.has-focus.ion-valid) .select-wrapper .select-icon,:host(.in-item.ion-touched.ion-invalid) .select-wrapper .select-icon{color:var(--ion-color-step-500, var(--ion-text-color-step-500, gray))}: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(.has-focus) .select-wrapper .select-icon{color:var(--highlight-color)}: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}`;
27
23
 
28
24
  const Select = class {
29
25
  constructor(hostRef) {
@@ -38,7 +34,6 @@ const Select = class {
38
34
  this.helperTextId = `${this.inputId}-helper-text`;
39
35
  this.errorTextId = `${this.inputId}-error-text`;
40
36
  this.inheritedAttributes = {};
41
- this.customHTMLEnabled = config.get('innerHTMLTemplatesEnabled', ENABLE_HTML_CONTENT_DEFAULT);
42
37
  this.isExpanded = false;
43
38
  /**
44
39
  * The `hasFocus` state ensures the focus class is
@@ -164,40 +159,9 @@ const Select = class {
164
159
  this.emitStyle();
165
160
  }
166
161
  setValue(value) {
167
- if (this.isValueEqual(this.value, value)) {
168
- return;
169
- }
170
162
  this.value = value;
171
163
  this.ionChange.emit({ value });
172
164
  }
173
- isValueEqual(currentValue, newValue) {
174
- if (this.multiple) {
175
- const currentArr = Array.isArray(currentValue) ? currentValue : [];
176
- const newArr = Array.isArray(newValue) ? newValue : [];
177
- if (currentArr.length !== newArr.length) {
178
- return false;
179
- }
180
- // Multiset compare: each new value must match a distinct current value.
181
- // A plain `every(isOptionSelected)` would accept ['a','a'] as equal to
182
- // ['a','b'] when both 'a' and 'b' map to options whose values overlap.
183
- const remaining = currentArr.slice();
184
- return newArr.every((val) => {
185
- const idx = remaining.findIndex((c) => compareOptions(c, val, this.compareWith));
186
- if (idx === -1) {
187
- return false;
188
- }
189
- remaining.splice(idx, 1);
190
- return true;
191
- });
192
- }
193
- if (currentValue == null && newValue == null) {
194
- return true;
195
- }
196
- if (currentValue == null || newValue == null) {
197
- return false;
198
- }
199
- return compareOptions(currentValue, newValue, this.compareWith);
200
- }
201
165
  async connectedCallback() {
202
166
  const { el } = this;
203
167
  this.notchController = createNotchController(el, () => this.notchSpacerEl, () => this.labelSlot);
@@ -432,11 +396,10 @@ const Select = class {
432
396
  .join(' ');
433
397
  const optClass = `${OPTION_CLASS} ${copyClasses}`;
434
398
  const isSelected = isOptionSelected(selectValue, value, this.compareWith);
435
- const { content, startContent, endContent } = extractOptionContent(option, this.customHTMLEnabled);
436
399
  return {
437
- text: content !== null && content !== void 0 ? content : '',
400
+ role: isSelected ? 'selected' : '',
401
+ text: option.textContent,
438
402
  cssClass: optClass,
439
- disabled: option.disabled,
440
403
  handler: () => {
441
404
  this.setValue(value);
442
405
  },
@@ -444,9 +407,6 @@ const Select = class {
444
407
  'aria-checked': isSelected ? 'true' : 'false',
445
408
  role: 'radio',
446
409
  },
447
- startContent,
448
- endContent,
449
- description: option.description,
450
410
  };
451
411
  });
452
412
  // Add "cancel" button
@@ -467,19 +427,13 @@ const Select = class {
467
427
  .filter((cls) => cls !== 'hydrated')
468
428
  .join(' ');
469
429
  const optClass = `${OPTION_CLASS} ${copyClasses}`;
470
- const { content, startContent, endContent } = extractOptionContent(option, this.customHTMLEnabled);
471
430
  return {
472
431
  type: inputType,
473
432
  cssClass: optClass,
474
- label: content !== null && content !== void 0 ? content : '',
433
+ label: option.textContent || '',
475
434
  value,
476
435
  checked: isOptionSelected(selectValue, value, this.compareWith),
477
436
  disabled: option.disabled,
478
- startContent,
479
- endContent,
480
- description: option.description,
481
- labelPlacement: option.labelPlacement,
482
- justify: option.justify,
483
437
  };
484
438
  });
485
439
  return alertInputs;
@@ -492,9 +446,8 @@ const Select = class {
492
446
  .filter((cls) => cls !== 'hydrated')
493
447
  .join(' ');
494
448
  const optClass = `${OPTION_CLASS} ${copyClasses}`;
495
- const { content, startContent, endContent } = extractOptionContent(option, this.customHTMLEnabled);
496
449
  return {
497
- text: content !== null && content !== void 0 ? content : '',
450
+ text: option.textContent || '',
498
451
  cssClass: optClass,
499
452
  value,
500
453
  checked: isOptionSelected(selectValue, value, this.compareWith),
@@ -505,11 +458,6 @@ const Select = class {
505
458
  this.close();
506
459
  }
507
460
  },
508
- startContent,
509
- endContent,
510
- description: option.description,
511
- labelPlacement: option.labelPlacement,
512
- justify: option.justify,
513
461
  };
514
462
  });
515
463
  return popoverOptions;
@@ -542,21 +490,15 @@ const Select = class {
542
490
  ionShadowTarget: this.nativeWrapperEl,
543
491
  } });
544
492
  }
545
- const options = this.createOverlaySelectOptions(this.childOpts, value);
546
- const hasRichContent = options.some((opt) => opt.startContent || opt.endContent || opt.description);
547
493
  const popoverOpts = Object.assign(Object.assign({ mode,
548
494
  event, alignment: 'center', size,
549
- showBackdrop }, interfaceOptions), { component: 'ion-select-popover', cssClass: [
550
- 'select-popover',
551
- hasRichContent ? 'select-popover-rich-content' : undefined,
552
- interfaceOptions.cssClass,
553
- ], componentProps: {
495
+ showBackdrop }, interfaceOptions), { component: 'ion-select-popover', cssClass: ['select-popover', interfaceOptions.cssClass], componentProps: {
554
496
  header: interfaceOptions.header,
555
497
  subHeader: interfaceOptions.subHeader,
556
498
  message: interfaceOptions.message,
557
499
  multiple,
558
500
  value,
559
- options,
501
+ options: this.createOverlaySelectOptions(this.childOpts, value),
560
502
  } });
561
503
  return popoverController.create(popoverOpts);
562
504
  }
@@ -637,18 +579,12 @@ const Select = class {
637
579
  }
638
580
  return;
639
581
  }
640
- /**
641
- * Returns the text to display in the select based on the selected value.
642
- *
643
- * @param useHTML If `true`, the returned text will include any custom HTML content from the selected option. If `false`, the returned text will be plain text without any HTML. Defaults to `false`.
644
- * @returns The text to display in the select, either with or without HTML based on the `useHTML` parameter.
645
- */
646
- getText(useHTML = false) {
582
+ getText() {
647
583
  const selectedText = this.selectedText;
648
584
  if (selectedText != null && selectedText !== '') {
649
585
  return selectedText;
650
586
  }
651
- return generateText(this.childOpts, this.value, this.compareWith, useHTML);
587
+ return generateText(this.childOpts, this.value, this.compareWith);
652
588
  }
653
589
  setFocus() {
654
590
  if (this.focusEl) {
@@ -718,47 +654,6 @@ const Select = class {
718
654
  */
719
655
  return this.renderLabel();
720
656
  }
721
- /**
722
- * Wraps text nodes in the select text with span elements
723
- * so spacing can be added between elements without
724
- * changing the display to prevent losing the ellipses
725
- * behavior.
726
- *
727
- * Only wraps when the string contains HTML elements
728
- * alongside text.
729
- */
730
- wrapSelectTextNodes(html) {
731
- const temp = document.createElement('div');
732
- temp.innerHTML = html;
733
- const hasElements = Array.from(temp.childNodes).some((n) => n.nodeType === Node.ELEMENT_NODE);
734
- // Return the plain text
735
- if (!hasElements) {
736
- return html;
737
- }
738
- Array.from(temp.childNodes).forEach((node) => {
739
- var _a, _b, _c, _d;
740
- if (node.nodeType === Node.TEXT_NODE && ((_a = node.textContent) === null || _a === void 0 ? void 0 : _a.trim())) {
741
- const text = node.textContent;
742
- /**
743
- * Split comma separator from the text content
744
- * e.g., ", Bacon" becomes ", " text node + <span>Bacon</span>.
745
- */
746
- const commaMatch = text.match(/^(,\s*)(.*)/);
747
- if (commaMatch) {
748
- const commaNode = document.createTextNode(commaMatch[1]);
749
- const wrapper = document.createElement('span');
750
- wrapper.textContent = commaMatch[2];
751
- (_b = node.parentNode) === null || _b === void 0 ? void 0 : _b.replaceChild(wrapper, node);
752
- (_c = wrapper.parentNode) === null || _c === void 0 ? void 0 : _c.insertBefore(commaNode, wrapper);
753
- return;
754
- }
755
- const wrapper = document.createElement('span');
756
- (_d = node.parentNode) === null || _d === void 0 ? void 0 : _d.replaceChild(wrapper, node);
757
- wrapper.appendChild(node);
758
- }
759
- });
760
- return temp.innerHTML;
761
- }
762
657
  /**
763
658
  * Renders either the placeholder
764
659
  * or the selected values based on
@@ -766,7 +661,7 @@ const Select = class {
766
661
  */
767
662
  renderSelectText() {
768
663
  const { placeholder } = this;
769
- const displayValue = this.getText(true);
664
+ const displayValue = this.getText();
770
665
  let addPlaceholderClass = false;
771
666
  let selectText = displayValue;
772
667
  if (selectText === '' && placeholder !== undefined) {
@@ -778,10 +673,6 @@ const Select = class {
778
673
  'select-placeholder': addPlaceholderClass,
779
674
  };
780
675
  const textPart = addPlaceholderClass ? 'placeholder' : 'text';
781
- if (this.customHTMLEnabled) {
782
- const wrapped = this.wrapSelectTextNodes(selectText);
783
- return h("div", { "aria-hidden": "true", class: selectTextClasses, part: textPart, innerHTML: wrapped });
784
- }
785
676
  return (h("div", { "aria-hidden": "true", class: selectTextClasses, part: textPart }, selectText));
786
677
  }
787
678
  /**
@@ -804,7 +695,6 @@ const Select = class {
804
695
  get ariaLabel() {
805
696
  var _a;
806
697
  const { placeholder, inheritedAttributes } = this;
807
- // Get the plain text from the selected text
808
698
  const displayValue = this.getText();
809
699
  // The aria label should be preferred over visible text if both are specified
810
700
  const definedLabel = (_a = inheritedAttributes['aria-label']) !== null && _a !== void 0 ? _a : this.labelText;
@@ -898,7 +788,7 @@ const Select = class {
898
788
  * TODO(FW-5592): Remove hasStartEndSlots condition
899
789
  */
900
790
  const labelShouldFloat = labelPlacement === 'stacked' || (labelPlacement === 'floating' && (hasValue || isExpanded || hasStartEndSlots));
901
- return (h(Host, { key: 'a3036d51e0db13332641e9523264ddd1ab031912', onClick: this.onClick, class: createColorClasses(this.color, {
791
+ return (h(Host, { key: '5f4ee901b65554eacc9fa52230d06b1a5ff1247c', onClick: this.onClick, class: createColorClasses(this.color, {
902
792
  [mode]: true,
903
793
  'in-item': inItem,
904
794
  'in-item-color': hostContext('ion-item.ion-color', el),
@@ -916,7 +806,7 @@ const Select = class {
916
806
  [`select-justify-${justify}`]: justifyEnabled,
917
807
  [`select-shape-${shape}`]: shape !== undefined,
918
808
  [`select-label-placement-${labelPlacement}`]: true,
919
- }) }, h("label", { key: '58b77f683499b958840721bdb59a9bf822c7f218', class: "select-wrapper", id: "select-label", onClick: this.onLabelClick, part: "wrapper" }, this.renderLabelContainer(), h("div", { key: '9e68d96524c1b87d6cb1bdce79fa86f2022be04a', class: "select-wrapper-inner", part: "inner" }, h("slot", { key: 'c9bcc5d684d2cefadff6ad3ec91498d5b405afc5', name: "start" }), h("div", { key: '5405bc15ffb3437ca00c64fbbc83d8eb2631c4ea', class: "native-wrapper", ref: (el) => (this.nativeWrapperEl = el), part: "container" }, this.renderSelectText(), this.renderListbox()), h("slot", { key: '95e2f041c8517afb1cc6bddb2c3c38cf41f2376e', name: "end" }), !hasFloatingOrStackedLabel && this.renderSelectIcon()), hasFloatingOrStackedLabel && this.renderSelectIcon(), shouldRenderHighlight && h("div", { key: 'f3d2410f678ea22a107121aea1bbda197a618ed6', class: "select-highlight" })), this.renderBottomContent()));
809
+ }) }, h("label", { key: 'd56d89b5b58da2b5eaebada9d1be58ca45c67806', class: "select-wrapper", id: "select-label", onClick: this.onLabelClick, part: "wrapper" }, this.renderLabelContainer(), h("div", { key: 'bc8bf089c693781ad5b3a5db76a12223867d748e', class: "select-wrapper-inner", part: "inner" }, h("slot", { key: 'e1c12b96f1573eb192608c458ed1f3463174cd89', name: "start" }), h("div", { key: '6ee5e3900d8e462f175649b502ac6faa2f2b9909', class: "native-wrapper", ref: (el) => (this.nativeWrapperEl = el), part: "container" }, this.renderSelectText(), this.renderListbox()), h("slot", { key: 'faeaea34aad412e1458beab95d4b1b9ca7b87c41', name: "end" }), !hasFloatingOrStackedLabel && this.renderSelectIcon()), hasFloatingOrStackedLabel && this.renderSelectIcon(), shouldRenderHighlight && h("div", { key: 'aeff51e51c990844869eff9940575ce6b2223135', class: "select-highlight" })), this.renderBottomContent()));
920
810
  }
921
811
  get el() { return getElement(this); }
922
812
  static get watchers() { return {
@@ -947,223 +837,25 @@ const parseValue = (value) => {
947
837
  }
948
838
  return value.toString();
949
839
  };
950
- const generateText = (opts, value, compareWith, useHTML = false) => {
840
+ const generateText = (opts, value, compareWith) => {
951
841
  if (value === undefined) {
952
842
  return '';
953
843
  }
954
844
  if (Array.isArray(value)) {
955
845
  return value
956
- .map((v) => textForValue(opts, v, compareWith, useHTML))
846
+ .map((v) => textForValue(opts, v, compareWith))
957
847
  .filter((opt) => opt !== null)
958
848
  .join(', ');
959
849
  }
960
850
  else {
961
- return textForValue(opts, value, compareWith, useHTML) || '';
851
+ return textForValue(opts, value, compareWith) || '';
962
852
  }
963
853
  };
964
- /**
965
- * Returns the display text for a given value from the list of options.
966
- * When `useHTML` is true, returns sanitized HTML for the select text.
967
- * When `useHTML` is false, returns plain text for aria-label and other
968
- * text-only contexts.
969
- *
970
- * @param opts - The list of ion-select-option elements.
971
- * @param value - The value to find the matching option for.
972
- * @param compareWith - Custom comparison function or property name.
973
- * @param useHTML - If true, returns HTML string. If false, returns plain text.
974
- */
975
- const textForValue = (opts, value, compareWith, useHTML = false) => {
854
+ const textForValue = (opts, value, compareWith) => {
976
855
  const selectOpt = opts.find((opt) => {
977
856
  return compareOptions(value, getOptionValue(opt), compareWith);
978
857
  });
979
- const customHTMLEnabled = config.get('innerHTMLTemplatesEnabled', ENABLE_HTML_CONTENT_DEFAULT);
980
- if (!selectOpt) {
981
- return null;
982
- }
983
- // Return sanitized HTML for the select text
984
- if (customHTMLEnabled && useHTML) {
985
- return getOptionContent(selectOpt, undefined, true);
986
- }
987
- /**
988
- * When custom HTML is enabled, extract only the default slot content.
989
- * This ensures aria-label and other text-only contexts read only
990
- * the relevant option text.
991
- */
992
- if (customHTMLEnabled) {
993
- const content = getOptionContent(selectOpt);
994
- if (typeof content === 'string') {
995
- return content;
996
- }
997
- /**
998
- * Elements were found in the default slot, extract and concatenate
999
- * their text content while trimming whitespace.
1000
- */
1001
- if (content) {
1002
- const texts = Array.from(content.childNodes)
1003
- .map((n) => { var _a; return (_a = n.textContent) === null || _a === void 0 ? void 0 : _a.trim(); })
1004
- .filter((t) => t);
1005
- return texts.join(' ') || null;
1006
- }
1007
- // Empty option
1008
- return null;
1009
- }
1010
- return getDefaultSlotPlainText(selectOpt);
1011
- };
1012
- /**
1013
- * Trims whitespace from all text nodes within a DOM tree.
1014
- * This prevents invisible layout shifts and unwanted gaps between
1015
- * elements when HTML content is injected via innerHTML or cloneNode,
1016
- * as browsers preserve whitespace (tabs, newlines, spaces) from
1017
- * the original source markup.
1018
- *
1019
- * @param node The root node to start trimming text nodes from.
1020
- */
1021
- const trimTextNodes = (node) => {
1022
- node.childNodes.forEach((child) => {
1023
- var _a;
1024
- if (child.nodeType === Node.TEXT_NODE) {
1025
- child.textContent = ((_a = child.textContent) === null || _a === void 0 ? void 0 : _a.trim()) || '';
1026
- }
1027
- else if (child.nodeType === Node.ELEMENT_NODE) {
1028
- trimTextNodes(child);
1029
- }
1030
- });
1031
- };
1032
- /**
1033
- * Extracts and clones content from an `ion-select-option` element
1034
- * for rendering within overlay interfaces or the select text when `customHTMLEnabled` is `true`.
1035
- *
1036
- * @param option - The `ion-select-option` element to extract content from.
1037
- * @param slotName - Optional slot name to extract. If omitted, extracts the default slot content.
1038
- * @param useHTML - If `true`, the returned string will include any custom HTML content. If `false`, the returned string will be plain text without any HTML.
1039
- * @returns When `useHTML` is `true`, a sanitized HTML string. When `false`, a
1040
- * div element containing cloned child nodes. Returns `null` if no matching
1041
- * content is found.
1042
- */
1043
- const getOptionContent = (option, slotName, useHTML = false) => {
1044
- let nodes;
1045
- if (slotName) {
1046
- // Named slot: get elements with matching slot attribute
1047
- nodes = Array.from(option.children).filter((el) => el.getAttribute('slot') === slotName);
1048
- }
1049
- else {
1050
- // Default slot: get nodes without a slot attribute
1051
- const defaultSlot = getOptionDefaultSlot(option) || [];
1052
- nodes = defaultSlot.filter((node) => {
1053
- var _a;
1054
- /**
1055
- * Exclude whitespace-only text nodes (newline noise between
1056
- * markup elements). Element nodes are always kept, even when
1057
- * their textContent is empty (e.g. <svg>, <img>).
1058
- */
1059
- if (node.nodeType === Node.TEXT_NODE) {
1060
- return ((_a = node.textContent) === null || _a === void 0 ? void 0 : _a.trim().length) !== 0;
1061
- }
1062
- return true;
1063
- });
1064
- }
1065
- if (nodes.length === 0) {
1066
- return null;
1067
- }
1068
- // Return plain text if no elements are found
1069
- if (!slotName && nodes.every((n) => n.nodeType === Node.TEXT_NODE)) {
1070
- return nodes.map((n) => { var _a; return (_a = n.textContent) === null || _a === void 0 ? void 0 : _a.trim(); }).join(' ') || null;
1071
- }
1072
- /**
1073
- * Mirror known custom-element properties (e.g. ion-icon's `icon`)
1074
- * onto attributes before cloning. Frameworks like Vue set these as
1075
- * DOM properties, which `cloneNode` doesn't copy, so without this
1076
- * step the cloned overlay copy renders without the prop's value.
1077
- */
1078
- nodes.forEach((n) => {
1079
- if (n.nodeType === Node.ELEMENT_NODE) {
1080
- reflectPropertiesToAttributes(n);
1081
- }
1082
- });
1083
- // Clone each node into a temporary container
1084
- const container = document.createElement('div');
1085
- nodes.forEach((n) => {
1086
- var _a;
1087
- const clone = n.cloneNode(true);
1088
- if (clone.nodeType === Node.TEXT_NODE) {
1089
- clone.textContent = ((_a = clone.textContent) === null || _a === void 0 ? void 0 : _a.trim()) || '';
1090
- }
1091
- else {
1092
- trimTextNodes(clone);
1093
- }
1094
- container.appendChild(clone);
1095
- });
1096
- /**
1097
- * Sanitize the cloned DOM in place. Trusted attributes (size, color,
1098
- * shape, etc.) are preserved; event handlers, javascript: URLs, and
1099
- * blocked tags are stripped.
1100
- */
1101
- sanitizeDOMTree(container);
1102
- if (useHTML) {
1103
- return container.innerHTML.trim() || null;
1104
- }
1105
- return container;
1106
- };
1107
- /**
1108
- * Returns the child nodes that belong to the default slot of an
1109
- * option element, excluding any nodes that are assigned to named
1110
- * slots.
1111
- *
1112
- * @param option - The `ion-select-option` element to extract default-slot nodes from.
1113
- * @returns An array of default slot nodes, or `null` if none are found.
1114
- */
1115
- const getOptionDefaultSlot = (option) => {
1116
- const defaultSlotNodes = Array.from(option.childNodes).filter((node) => {
1117
- if (node.nodeType === Node.ELEMENT_NODE) {
1118
- return !node.hasAttribute('slot');
1119
- }
1120
- return node.nodeType === Node.TEXT_NODE;
1121
- });
1122
- if (defaultSlotNodes.length === 0) {
1123
- return null;
1124
- }
1125
- return defaultSlotNodes;
1126
- };
1127
- /**
1128
- * Extracts plain text from only the default slot of an option,
1129
- * excluding content assigned to named slots (start/end).
1130
- */
1131
- const getDefaultSlotPlainText = (option) => {
1132
- const texts = Array.from(option.childNodes)
1133
- .filter((node) => {
1134
- if (node.nodeType === Node.ELEMENT_NODE) {
1135
- return !node.hasAttribute('slot');
1136
- }
1137
- return node.nodeType === Node.TEXT_NODE;
1138
- })
1139
- .filter((node) => node.nodeType === Node.TEXT_NODE)
1140
- .map((n) => { var _a; return (_a = n.textContent) === null || _a === void 0 ? void 0 : _a.trim(); })
1141
- .filter((t) => t);
1142
- return texts.join(' ');
1143
- };
1144
- /**
1145
- * Extracts the rich content from an `ion-select-option`.
1146
- * When `customHTMLEnabled` is `false`, only the plain text from the
1147
- * default slot is read and the start and end slots are skipped.
1148
- *
1149
- * @param option - The `ion-select-option` element to extract content from.
1150
- * @param customHTMLEnabled - Whether custom HTML rendering is enabled
1151
- * via the `innerHTMLTemplatesEnabled` config.
1152
- */
1153
- const extractOptionContent = (option, customHTMLEnabled) => {
1154
- var _a, _b;
1155
- if (!customHTMLEnabled) {
1156
- return {
1157
- content: getDefaultSlotPlainText(option),
1158
- startContent: undefined,
1159
- endContent: undefined,
1160
- };
1161
- }
1162
- return {
1163
- content: getOptionContent(option),
1164
- startContent: (_a = getOptionContent(option, 'start')) !== null && _a !== void 0 ? _a : undefined,
1165
- endContent: (_b = getOptionContent(option, 'end')) !== null && _b !== void 0 ? _b : undefined,
1166
- };
858
+ return selectOpt ? selectOpt.textContent : null;
1167
859
  };
1168
860
  let selectIds = 0;
1169
861
  const OPTION_CLASS = 'select-interface-option';
@@ -1179,21 +871,21 @@ const SelectOption = class {
1179
871
  registerInstance(this, hostRef);
1180
872
  this.inputId = `ion-selopt-${selectOptionIds++}`;
1181
873
  /**
1182
- * If `true`, the user cannot interact with the select option.
874
+ * If `true`, the user cannot interact with the select option. This property does not apply when `interface="action-sheet"` as `ion-action-sheet` does not allow for disabled buttons.
1183
875
  */
1184
876
  this.disabled = false;
1185
877
  }
1186
878
  render() {
1187
- return h(Host, { key: '8b8bef0f5a55f18048708c34d3ea3ff0ff2f1d47', role: "option", id: this.inputId, class: getIonMode(this) });
879
+ return h(Host, { key: '824730b6c1e4f15b716e91b05840e890af5f1577', role: "option", id: this.inputId, class: getIonMode(this) });
1188
880
  }
1189
881
  get el() { return getElement(this); }
1190
882
  };
1191
883
  let selectOptionIds = 0;
1192
884
  SelectOption.style = selectOptionCss();
1193
885
 
1194
- const selectPopoverIosCss = () => `.action-sheet-button-label-has-rich-content.sc-ion-select-popover-ios,.alert-radio-label-has-rich-content.sc-ion-select-popover-ios,.alert-checkbox-label-has-rich-content.sc-ion-select-popover-ios,.select-option-label-has-rich-content.sc-ion-select-popover-ios{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;gap:16px}.action-sheet-button-label-has-rich-content.sc-ion-select-popover-ios,.alert-radio-label-has-rich-content.sc-ion-select-popover-ios,.alert-checkbox-label-has-rich-content.sc-ion-select-popover-ios,.select-option-content.sc-ion-select-popover-ios{-ms-flex:1;flex:1}.action-sheet-button-label-text.sc-ion-select-popover-ios,.alert-checkbox-label-text.sc-ion-select-popover-ios,.alert-radio-label-text.sc-ion-select-popover-ios,.select-option-label-text.sc-ion-select-popover-ios{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;gap:12px}.select-option-start.sc-ion-select-popover-ios,.select-option-end.sc-ion-select-popover-ios{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;gap:8px}.select-option-description.sc-ion-select-popover-ios{padding-left:0;padding-right:0;padding-top:5px;padding-bottom:0;display:block;color:var(--ion-color-step-700, var(--ion-text-color-step-300, #4d4d4d));font-size:0.75rem}.select-option-label.sc-ion-select-popover-ios:not(.select-option-label-has-rich-content){text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.select-option-label-has-rich-content.sc-ion-select-popover-ios{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center}ion-radio.select-option-has-rich-content.sc-ion-select-popover-ios::part(label),ion-radio.select-option-has-rich-content.sc-ion-select-popover-ios [part~="label"],ion-checkbox.select-option-has-rich-content.sc-ion-select-popover-ios::part(label),ion-checkbox.select-option-has-rich-content.sc-ion-select-popover-ios [part~="label"],.select-option-content.sc-ion-select-popover-ios{-ms-flex:1;flex:1;white-space:normal}.select-option-start.sc-ion-select-popover-ios>ion-avatar.sc-ion-select-popover-ios,.select-option-start.sc-ion-select-popover-ios>ion-img.sc-ion-select-popover-ios,.select-option-start.sc-ion-select-popover-ios>ion-thumbnail.sc-ion-select-popover-ios,.select-option-start.sc-ion-select-popover-ios>img.sc-ion-select-popover-ios,.select-option-start.sc-ion-select-popover-ios>svg.sc-ion-select-popover-ios,.select-option-end.sc-ion-select-popover-ios>ion-avatar.sc-ion-select-popover-ios,.select-option-end.sc-ion-select-popover-ios>ion-img.sc-ion-select-popover-ios,.select-option-end.sc-ion-select-popover-ios>ion-thumbnail.sc-ion-select-popover-ios,.select-option-end.sc-ion-select-popover-ios>img.sc-ion-select-popover-ios,.select-option-end.sc-ion-select-popover-ios>svg.sc-ion-select-popover-ios{width:44px;height:44px}.select-option-start.sc-ion-select-popover-ios>ion-icon.sc-ion-select-popover-ios,.select-option-end.sc-ion-select-popover-ios>ion-icon.sc-ion-select-popover-ios{width:28px;height:28px}.action-sheet-button-label-text.sc-ion-select-popover-ios{-ms-flex-pack:center;justify-content:center}.select-option-has-rich-content.sc-ion-select-popover-ios{-webkit-padding-end:16px;padding-inline-end:16px}.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}.sc-ion-select-popover-ios-h{overflow-y:auto}`;
886
+ 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}.sc-ion-select-popover-ios-h{overflow-y:auto}`;
1195
887
 
1196
- const selectPopoverMdCss = () => `.action-sheet-button-label-has-rich-content.sc-ion-select-popover-md,.alert-radio-label-has-rich-content.sc-ion-select-popover-md,.alert-checkbox-label-has-rich-content.sc-ion-select-popover-md,.select-option-label-has-rich-content.sc-ion-select-popover-md{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;gap:16px}.action-sheet-button-label-has-rich-content.sc-ion-select-popover-md,.alert-radio-label-has-rich-content.sc-ion-select-popover-md,.alert-checkbox-label-has-rich-content.sc-ion-select-popover-md,.select-option-content.sc-ion-select-popover-md{-ms-flex:1;flex:1}.action-sheet-button-label-text.sc-ion-select-popover-md,.alert-checkbox-label-text.sc-ion-select-popover-md,.alert-radio-label-text.sc-ion-select-popover-md,.select-option-label-text.sc-ion-select-popover-md{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;gap:12px}.select-option-start.sc-ion-select-popover-md,.select-option-end.sc-ion-select-popover-md{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;gap:8px}.select-option-description.sc-ion-select-popover-md{padding-left:0;padding-right:0;padding-top:5px;padding-bottom:0;display:block;color:var(--ion-color-step-700, var(--ion-text-color-step-300, #4d4d4d));font-size:0.75rem}.select-option-label.sc-ion-select-popover-md:not(.select-option-label-has-rich-content){text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.select-option-label-has-rich-content.sc-ion-select-popover-md{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center}ion-radio.select-option-has-rich-content.sc-ion-select-popover-md::part(label),ion-radio.select-option-has-rich-content.sc-ion-select-popover-md [part~="label"],ion-checkbox.select-option-has-rich-content.sc-ion-select-popover-md::part(label),ion-checkbox.select-option-has-rich-content.sc-ion-select-popover-md [part~="label"],.select-option-content.sc-ion-select-popover-md{-ms-flex:1;flex:1;white-space:normal}.select-option-start.sc-ion-select-popover-md>ion-avatar.sc-ion-select-popover-md,.select-option-end.sc-ion-select-popover-md>ion-avatar.sc-ion-select-popover-md{width:40px;height:40px}.select-option-start.sc-ion-select-popover-md>ion-icon.sc-ion-select-popover-md,.select-option-end.sc-ion-select-popover-md>ion-icon.sc-ion-select-popover-md{width:24px;height:24px}.select-option-start.sc-ion-select-popover-md>ion-img.sc-ion-select-popover-md,.select-option-start.sc-ion-select-popover-md>img.sc-ion-select-popover-md,.select-option-start.sc-ion-select-popover-md>svg.sc-ion-select-popover-md,.select-option-start.sc-ion-select-popover-md>ion-thumbnail.sc-ion-select-popover-md,.select-option-end.sc-ion-select-popover-md>ion-img.sc-ion-select-popover-md,.select-option-end.sc-ion-select-popover-md>img.sc-ion-select-popover-md,.select-option-end.sc-ion-select-popover-md>svg.sc-ion-select-popover-md,.select-option-end.sc-ion-select-popover-md>ion-thumbnail.sc-ion-select-popover-md{width:56px;height:56px}.select-option-start.sc-ion-select-popover-md>video.sc-ion-select-popover-md,.select-option-end.sc-ion-select-popover-md>video.sc-ion-select-popover-md{width:114px;height:56px}.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}.sc-ion-select-popover-md-h{overflow-y:auto}ion-list.sc-ion-select-popover-md ion-radio.sc-ion-select-popover-md::part(container),ion-list.sc-ion-select-popover-md ion-radio.sc-ion-select-popover-md [part~="container"]{display:none}ion-list.sc-ion-select-popover-md ion-radio.sc-ion-select-popover-md::part(label),ion-list.sc-ion-select-popover-md ion-radio.sc-ion-select-popover-md [part~="label"]{margin-left:0;margin-right:0;margin-top:0;margin-bottom: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)}`;
888
+ 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}.sc-ion-select-popover-md-h{overflow-y:auto}ion-list.sc-ion-select-popover-md ion-radio.sc-ion-select-popover-md::part(container),ion-list.sc-ion-select-popover-md ion-radio.sc-ion-select-popover-md [part~="container"]{display:none}ion-list.sc-ion-select-popover-md ion-radio.sc-ion-select-popover-md::part(label),ion-list.sc-ion-select-popover-md ion-radio.sc-ion-select-popover-md [part~="label"]{margin-left:0;margin-right:0;margin-top:0;margin-bottom: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)}`;
1197
889
 
1198
890
  const SelectPopover = class {
1199
891
  constructor(hostRef) {
@@ -1264,93 +956,43 @@ const SelectPopover = class {
1264
956
  }
1265
957
  }
1266
958
  renderCheckboxOptions(options) {
1267
- const mode = getIonMode(this);
1268
- return options.map((option, index) => {
1269
- var _a, _b;
1270
- /**
1271
- * Cast to `SelectOverlayOption` to access rich content
1272
- * fields (`startContent`, `endContent`, `description`)
1273
- * that are passed through from `ion-select` but not
1274
- * part of the public `SelectPopoverOption` interface.
1275
- */
1276
- const richOption = option;
1277
- const hasRichContent = !!richOption.startContent || !!richOption.endContent || !!richOption.description;
1278
- const optionLabelOptions = {
1279
- id: `popover-option-${index}`,
1280
- label: richOption.text,
1281
- startContent: richOption.startContent,
1282
- endContent: richOption.endContent,
1283
- description: richOption.description,
1284
- };
1285
- const defaultLabelPlacement = getOverlayLabelPlacement(mode, 'checkbox');
1286
- const defaultJustify = getOverlayLabelJustify(mode, 'checkbox');
1287
- return (h("ion-item", {
959
+ return options.map((option) => (h("ion-item", { class: Object.assign({
1288
960
  // TODO FW-4784
1289
- disabled: option.disabled, class: Object.assign({
1290
- // TODO FW-4784
1291
- 'item-checkbox-checked': option.checked
1292
- }, getClassMap(option.cssClass))
1293
- }, h("ion-checkbox", { class: {
1294
- 'select-option-has-rich-content': hasRichContent,
1295
- }, value: option.value, disabled: option.disabled, checked: option.checked, justify: (_a = richOption.justify) !== null && _a !== void 0 ? _a : defaultJustify, labelPlacement: (_b = richOption.labelPlacement) !== null && _b !== void 0 ? _b : defaultLabelPlacement, onIonChange: (ev) => {
1296
- this.setChecked(ev);
1297
- this.callOptionHandler(ev);
1298
- // TODO FW-4784
1299
- forceUpdate(this);
1300
- } }, renderOptionLabel(optionLabelOptions, 'select-option-label'))));
1301
- });
961
+ 'item-checkbox-checked': option.checked
962
+ }, getClassMap(option.cssClass)) }, h("ion-checkbox", { value: option.value, disabled: option.disabled, checked: option.checked, justify: "start", labelPlacement: "end", onIonChange: (ev) => {
963
+ this.setChecked(ev);
964
+ this.callOptionHandler(ev);
965
+ // TODO FW-4784
966
+ forceUpdate(this);
967
+ } }, option.text))));
1302
968
  }
1303
969
  renderRadioOptions(options) {
1304
- const mode = getIonMode(this);
1305
970
  const checked = options.filter((o) => o.checked).map((o) => o.value)[0];
1306
- return (h("ion-radio-group", { value: checked, onIonChange: (ev) => this.callOptionHandler(ev) }, options.map((option, index) => {
1307
- var _a, _b;
1308
- /**
1309
- * Cast to `SelectOverlayOption` to access rich content
1310
- * fields (`startContent`, `endContent`, `description`)
1311
- * that are passed through from `ion-select` but not
1312
- * part of the public `SelectPopoverOption` interface.
1313
- */
1314
- const richOption = option;
1315
- const hasRichContent = !!richOption.startContent || !!richOption.endContent || !!richOption.description;
1316
- const optionLabelOptions = {
1317
- id: `popover-option-${index}`,
1318
- label: richOption.text,
1319
- startContent: richOption.startContent,
1320
- endContent: richOption.endContent,
1321
- description: richOption.description,
1322
- };
1323
- return (h("ion-item", {
971
+ return (h("ion-radio-group", { value: checked, onIonChange: (ev) => this.callOptionHandler(ev) }, options.map((option) => (h("ion-item", { class: Object.assign({
1324
972
  // TODO FW-4784
1325
- disabled: option.disabled, class: Object.assign({
1326
- // TODO FW-4784
1327
- 'item-radio-checked': option.value === checked
1328
- }, getClassMap(option.cssClass))
1329
- }, h("ion-radio", { class: {
1330
- 'select-option-has-rich-content': hasRichContent,
1331
- }, value: option.value, disabled: option.disabled, justify: (_a = richOption.justify) !== null && _a !== void 0 ? _a : getOverlayLabelJustify(mode, 'radio'), labelPlacement: (_b = richOption.labelPlacement) !== null && _b !== void 0 ? _b : getOverlayLabelPlacement(mode, 'radio'), onClick: () => this.dismissParentPopover(), onKeyDown: (ev) => {
1332
- if (ev.key === 'Enter' && !ev.repeat) {
1333
- this.pendingEnterTarget = ev.currentTarget;
1334
- }
1335
- }, onKeyUp: (ev) => {
1336
- if (ev.key === ' ') {
1337
- // Space selects and dismisses in one press.
973
+ 'item-radio-checked': option.value === checked
974
+ }, getClassMap(option.cssClass)) }, h("ion-radio", { value: option.value, disabled: option.disabled, onClick: () => this.dismissParentPopover(), onKeyDown: (ev) => {
975
+ if (ev.key === 'Enter' && !ev.repeat) {
976
+ this.pendingEnterTarget = ev.currentTarget;
977
+ }
978
+ }, onKeyUp: (ev) => {
979
+ if (ev.key === ' ') {
980
+ // Space selects and dismisses in one press.
981
+ this.dismissParentPopover();
982
+ }
983
+ else if (ev.key === 'Enter') {
984
+ const shouldDismiss = this.pendingEnterTarget === ev.currentTarget;
985
+ this.pendingEnterTarget = null;
986
+ if (shouldDismiss) {
1338
987
  this.dismissParentPopover();
1339
988
  }
1340
- else if (ev.key === 'Enter') {
1341
- const shouldDismiss = this.pendingEnterTarget === ev.currentTarget;
1342
- this.pendingEnterTarget = null;
1343
- if (shouldDismiss) {
1344
- this.dismissParentPopover();
1345
- }
1346
- }
1347
- } }, renderOptionLabel(optionLabelOptions, 'select-option-label'))));
1348
- })));
989
+ }
990
+ } }, option.text))))));
1349
991
  }
1350
992
  render() {
1351
993
  const { header, message, options, subHeader } = this;
1352
994
  const hasSubHeaderOrMessage = subHeader !== undefined || message !== undefined;
1353
- return (h(Host, { key: 'd0c107e0ca78955a3cfcd9f098a527fb35eff14d', class: getIonMode(this) }, h("ion-list", { key: '1e103312e22bf78d2201a0f88cc4fed789f62a2b' }, header !== undefined && h("ion-list-header", { key: '657439905dc480112ed8d7f8d4a01464724de2bd' }, header), hasSubHeaderOrMessage && (h("ion-item", { key: 'e0eaa0250bf233cf846adba5ddc141bf3430c2a8' }, h("ion-label", { key: 'ad1cff877f9d582fbc64f9049603146fd1a1a6f9', class: "ion-text-wrap" }, subHeader !== undefined && h("h3", { key: 'ead921d395b614a99c89a8ffe2a102a620f80767' }, subHeader), message !== undefined && h("p", { key: '3a47e7091528930f33324ccd04d6734217155244' }, message)))), this.renderOptions(options))));
995
+ return (h(Host, { key: 'e7449a1ecfcdbf45a79f8e26a00253c4e146448a', class: getIonMode(this) }, h("ion-list", { key: '52abdfc8668c3429a0dcefef8ddedb6647fdd894' }, header !== undefined && h("ion-list-header", { key: '978e5c03728756feafcc60a0e10e6ec59bf2ae11' }, header), hasSubHeaderOrMessage && (h("ion-item", { key: 'e93c44e7f07a76def16e4b11f0fb4780d84ed402' }, h("ion-label", { key: 'bba1aac43b0bc7f4f00978dd8301985233f3725c', class: "ion-text-wrap" }, subHeader !== undefined && h("h3", { key: 'ad96f6017cf2cc5219540bded2c4f1ca3b532de2' }, subHeader), message !== undefined && h("p", { key: '3fd038921dc40c4d0c29734433984b279ccaeec3' }, message)))), this.renderOptions(options))));
1354
996
  }
1355
997
  get el() { return getElement(this); }
1356
998
  };