@ionic/core 8.8.14-dev.11784238294.131cd99d → 8.8.14-dev.11784243422.11f0110c

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 (350) 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-popover.js +1 -1
  22. package/components/ion-progress-bar.js +1 -1
  23. package/components/ion-radio.js +1 -1
  24. package/components/ion-range.js +1 -1
  25. package/components/ion-refresher-content.js +1 -1
  26. package/components/ion-refresher.js +1 -1
  27. package/components/ion-reorder-group.js +1 -1
  28. package/components/ion-reorder.js +1 -1
  29. package/components/ion-ripple-effect.js +1 -1
  30. package/components/ion-router-link.js +1 -1
  31. package/components/ion-router-outlet.js +1 -1
  32. package/components/ion-row.js +1 -1
  33. package/components/ion-searchbar.js +1 -1
  34. package/components/ion-segment-button.js +1 -1
  35. package/components/ion-segment-content.js +1 -1
  36. package/components/ion-segment-view.js +1 -1
  37. package/components/ion-segment.js +1 -1
  38. package/components/ion-select-modal.js +1 -1
  39. package/components/ion-select-option.js +1 -1
  40. package/components/ion-select-popover.js +1 -1
  41. package/components/ion-select.js +1 -1
  42. package/components/ion-skeleton-text.js +1 -1
  43. package/components/ion-spinner.js +1 -1
  44. package/components/ion-split-pane.js +1 -1
  45. package/components/ion-tab-bar.js +1 -1
  46. package/components/ion-tab-button.js +1 -1
  47. package/components/ion-tab.js +1 -1
  48. package/components/ion-tabs.js +1 -1
  49. package/components/ion-text.js +1 -1
  50. package/components/ion-textarea.js +1 -1
  51. package/components/ion-thumbnail.js +1 -1
  52. package/components/ion-title.js +1 -1
  53. package/components/ion-toast.js +1 -1
  54. package/components/ion-toggle.js +1 -1
  55. package/components/ion-toolbar.js +1 -1
  56. package/components/p-279dFMvg.js +4 -0
  57. package/components/p-BSQPZ79H.js +4 -0
  58. package/components/{p-BHrrc-3d.js → p-Buf_7zcy.js} +1 -1
  59. package/components/p-BwKpO3Is.js +4 -0
  60. package/components/p-C-Rx1zny.js +4 -0
  61. package/components/p-CHzfYZbv.js +4 -0
  62. package/components/p-D4h1H_hh.js +4 -0
  63. package/components/{p-BSEgsdFI.js → p-DhkITZ-y.js} +1 -1
  64. package/components/{p-5bE_Wz4Y.js → p-DpV-p5Xs.js} +1 -1
  65. package/components/{p-Cfx4M1Bn.js → p-Dz74mwlk.js} +1 -1
  66. package/components/p-LMGfIvTf.js +4 -0
  67. package/components/{p-BLmJ0zRm.js → p-XJWMAP8m.js} +1 -1
  68. package/components/p-_lHSumhG.js +4 -0
  69. package/components/p-j9Da6cYO.js +4 -0
  70. package/components/p-jOtMJMv8.js +4 -0
  71. package/components/{p-B60hm8Qv.js → p-r0aq7dpt.js} +1 -1
  72. package/components/p-uTR_dEqg.js +4 -0
  73. package/components/{p-rCa2eL0j.js → p-wk2QqrAo.js} +1 -1
  74. package/dist/cjs/config-DWdFbSNK.js +35 -0
  75. package/dist/cjs/index-Cueg3U4w.js +429 -0
  76. package/dist/cjs/index.cjs.js +6 -6
  77. package/dist/cjs/ion-action-sheet.cjs.entry.js +27 -7
  78. package/dist/cjs/ion-alert.cjs.entry.js +64 -25
  79. package/dist/cjs/ion-app_8.cjs.entry.js +23 -9
  80. package/dist/cjs/ion-avatar_3.cjs.entry.js +1 -1
  81. package/dist/cjs/ion-col_3.cjs.entry.js +1 -1
  82. package/dist/cjs/{ion-datetime_3.cjs.entry.js → ion-datetime.cjs.entry.js} +1 -639
  83. package/dist/cjs/ion-img.cjs.entry.js +3 -1
  84. package/dist/cjs/ion-infinite-scroll_2.cjs.entry.js +3 -2
  85. package/dist/cjs/ion-input.cjs.entry.js +4 -4
  86. package/dist/cjs/ion-item_8.cjs.entry.js +2 -2
  87. package/dist/cjs/ion-loading.cjs.entry.js +10 -5
  88. package/dist/cjs/ion-menu_3.cjs.entry.js +1 -1
  89. package/dist/cjs/ion-modal.cjs.entry.js +23 -32
  90. package/dist/cjs/ion-popover.cjs.entry.js +9 -5
  91. package/dist/cjs/ion-progress-bar.cjs.entry.js +1 -1
  92. package/dist/cjs/ion-radio_2.cjs.entry.js +3 -3
  93. package/dist/cjs/ion-range.cjs.entry.js +3 -3
  94. package/dist/cjs/ion-refresher_2.cjs.entry.js +6 -5
  95. package/dist/cjs/ion-reorder_2.cjs.entry.js +2 -2
  96. package/dist/cjs/ion-ripple-effect.cjs.entry.js +1 -1
  97. package/dist/cjs/ion-route_4.cjs.entry.js +2 -2
  98. package/dist/cjs/ion-searchbar.cjs.entry.js +5 -5
  99. package/dist/cjs/ion-segment-content.cjs.entry.js +1 -1
  100. package/dist/cjs/ion-segment-view.cjs.entry.js +2 -2
  101. package/dist/cjs/ion-segment_2.cjs.entry.js +4 -4
  102. package/dist/cjs/ion-select-modal.cjs.entry.js +84 -30
  103. package/dist/cjs/ion-select_3.cjs.entry.js +407 -49
  104. package/dist/cjs/ion-spinner.cjs.entry.js +1 -1
  105. package/dist/cjs/ion-split-pane.cjs.entry.js +2 -2
  106. package/dist/cjs/ion-tab-bar_2.cjs.entry.js +4 -4
  107. package/dist/cjs/ion-tab_2.cjs.entry.js +3 -3
  108. package/dist/cjs/ion-text.cjs.entry.js +2 -2
  109. package/dist/cjs/ion-textarea.cjs.entry.js +2 -2
  110. package/dist/cjs/ion-toast.cjs.entry.js +6 -5
  111. package/dist/cjs/ion-toggle.cjs.entry.js +3 -3
  112. package/dist/cjs/ionic.cjs.js +1 -1
  113. package/dist/cjs/loader.cjs.js +1 -1
  114. package/dist/cjs/overlay-control-label-D2sdL2O8.js +50 -0
  115. package/dist/cjs/{overlays-DdtIYQUH.js → overlays-DSmSrd_4.js} +27 -31
  116. package/dist/cjs/select-option-render-DTF50t5r.js +124 -0
  117. package/dist/collection/collection-manifest.json +6 -10
  118. package/dist/collection/components/action-sheet/action-sheet.ios.css +229 -2
  119. package/dist/collection/components/action-sheet/action-sheet.js +24 -5
  120. package/dist/collection/components/action-sheet/action-sheet.md.css +175 -2
  121. package/dist/collection/components/alert/alert.ios.css +280 -10
  122. package/dist/collection/components/alert/alert.js +59 -21
  123. package/dist/collection/components/alert/alert.md.css +269 -20
  124. package/dist/collection/components/img/img.js +6 -1
  125. package/dist/collection/components/input/input.js +8 -8
  126. package/dist/collection/components/loading/loading.js +7 -3
  127. package/dist/collection/components/modal/gestures/sheet.js +0 -7
  128. package/dist/collection/components/modal/gestures/swipe-to-close.js +0 -7
  129. package/dist/collection/components/modal/modal.ios.css +0 -8
  130. package/dist/collection/components/modal/modal.js +23 -18
  131. package/dist/collection/components/modal/modal.md.css +0 -8
  132. package/dist/collection/components/popover/popover.ios.css +15 -0
  133. package/dist/collection/components/popover/popover.js +7 -3
  134. package/dist/collection/components/popover/popover.md.css +15 -0
  135. package/dist/collection/components/progress-bar/progress-bar.js +1 -1
  136. package/dist/collection/components/radio/radio.js +4 -4
  137. package/dist/collection/components/range/range.js +3 -3
  138. package/dist/collection/components/refresher/refresher.js +1 -1
  139. package/dist/collection/components/refresher-content/refresher-content.js +1 -1
  140. package/dist/collection/components/reorder/reorder.js +1 -1
  141. package/dist/collection/components/reorder-group/reorder-group.js +1 -1
  142. package/dist/collection/components/ripple-effect/ripple-effect.js +1 -1
  143. package/dist/collection/components/router-link/router-link.js +2 -2
  144. package/dist/collection/components/router-outlet/router-outlet.js +38 -5
  145. package/dist/collection/components/row/row.js +1 -1
  146. package/dist/collection/components/searchbar/searchbar.js +9 -9
  147. package/dist/collection/components/segment/segment.js +2 -2
  148. package/dist/collection/components/segment-button/segment-button.js +2 -2
  149. package/dist/collection/components/segment-content/segment-content.js +1 -1
  150. package/dist/collection/components/segment-view/segment-view.js +2 -2
  151. package/dist/collection/components/select/select.ios.css +33 -0
  152. package/dist/collection/components/select/select.js +323 -16
  153. package/dist/collection/components/select/select.md.css +33 -0
  154. package/dist/collection/components/select-modal/select-modal.ios.css +219 -0
  155. package/dist/collection/components/select-modal/select-modal.js +79 -26
  156. package/dist/collection/components/select-modal/select-modal.md.css +165 -0
  157. package/dist/collection/components/select-option/select-option.js +67 -3
  158. package/dist/collection/components/select-popover/select-popover.ios.css +219 -0
  159. package/dist/collection/components/select-popover/select-popover.js +78 -26
  160. package/dist/collection/components/select-popover/select-popover.md.css +165 -0
  161. package/dist/collection/components/skeleton-text/skeleton-text.js +2 -2
  162. package/dist/collection/components/spinner/spinner.js +1 -1
  163. package/dist/collection/components/split-pane/split-pane.js +2 -2
  164. package/dist/collection/components/tab/tab.js +2 -2
  165. package/dist/collection/components/tab-bar/tab-bar.js +2 -2
  166. package/dist/collection/components/tab-button/tab-button.js +2 -2
  167. package/dist/collection/components/tabs/tabs.js +1 -1
  168. package/dist/collection/components/text/text.js +2 -2
  169. package/dist/collection/components/textarea/textarea.js +2 -2
  170. package/dist/collection/components/thumbnail/thumbnail.js +1 -1
  171. package/dist/collection/components/title/title.js +2 -2
  172. package/dist/collection/components/toast/toast.js +2 -2
  173. package/dist/collection/components/toggle/toggle.js +3 -3
  174. package/dist/collection/components/toolbar/toolbar.js +2 -2
  175. package/dist/collection/index.js +1 -1
  176. package/dist/collection/utils/overlay-control-label.js +45 -0
  177. package/dist/collection/utils/overlays.js +26 -30
  178. package/dist/collection/utils/sanitization/index.js +274 -18
  179. package/dist/collection/utils/select-option-render.js +119 -0
  180. package/dist/collection/utils/test/playwright/drag-element.js +0 -5
  181. package/dist/docs.json +485 -1177
  182. package/dist/esm/config-BwKpO3Is.js +31 -0
  183. package/dist/esm/{index-DV3sJJW8.js → index-AlrZKoWR.js} +1 -1
  184. package/dist/esm/index-DQSkZyOJ.js +424 -0
  185. package/dist/esm/index.js +3 -2
  186. package/dist/esm/ion-accordion_2.entry.js +1 -1
  187. package/dist/esm/ion-action-sheet.entry.js +27 -7
  188. package/dist/esm/ion-alert.entry.js +63 -24
  189. package/dist/esm/ion-app_8.entry.js +23 -9
  190. package/dist/esm/ion-avatar_3.entry.js +1 -1
  191. package/dist/esm/ion-back-button.entry.js +1 -1
  192. package/dist/esm/ion-breadcrumb_2.entry.js +1 -1
  193. package/dist/esm/ion-col_3.entry.js +1 -1
  194. package/dist/esm/{ion-datetime_3.entry.js → ion-datetime.entry.js} +5 -641
  195. package/dist/esm/ion-fab_3.entry.js +1 -1
  196. package/dist/esm/ion-img.entry.js +4 -2
  197. package/dist/esm/ion-infinite-scroll_2.entry.js +2 -1
  198. package/dist/esm/ion-input-password-toggle.entry.js +1 -1
  199. package/dist/esm/ion-input.entry.js +5 -5
  200. package/dist/esm/ion-item_8.entry.js +3 -3
  201. package/dist/esm/ion-loading.entry.js +9 -4
  202. package/dist/esm/ion-menu_3.entry.js +2 -2
  203. package/dist/esm/ion-modal.entry.js +23 -32
  204. package/dist/esm/ion-popover.entry.js +9 -5
  205. package/dist/esm/ion-progress-bar.entry.js +1 -1
  206. package/dist/esm/ion-radio_2.entry.js +3 -3
  207. package/dist/esm/ion-range.entry.js +3 -3
  208. package/dist/esm/ion-refresher_2.entry.js +5 -4
  209. package/dist/esm/ion-reorder_2.entry.js +3 -3
  210. package/dist/esm/ion-ripple-effect.entry.js +1 -1
  211. package/dist/esm/ion-route_4.entry.js +2 -2
  212. package/dist/esm/ion-searchbar.entry.js +6 -6
  213. package/dist/esm/ion-segment-content.entry.js +1 -1
  214. package/dist/esm/ion-segment-view.entry.js +2 -2
  215. package/dist/esm/ion-segment_2.entry.js +4 -4
  216. package/dist/esm/ion-select-modal.entry.js +84 -30
  217. package/dist/esm/ion-select_3.entry.js +410 -52
  218. package/dist/esm/ion-spinner.entry.js +1 -1
  219. package/dist/esm/ion-split-pane.entry.js +2 -2
  220. package/dist/esm/ion-tab-bar_2.entry.js +4 -4
  221. package/dist/esm/ion-tab_2.entry.js +3 -3
  222. package/dist/esm/ion-text.entry.js +2 -2
  223. package/dist/esm/ion-textarea.entry.js +2 -2
  224. package/dist/esm/ion-toast.entry.js +5 -4
  225. package/dist/esm/ion-toggle.entry.js +4 -4
  226. package/dist/esm/ionic.js +1 -1
  227. package/dist/esm/loader.js +1 -1
  228. package/dist/esm/overlay-control-label-BSQPZ79H.js +47 -0
  229. package/dist/esm/{overlays-Dg0q2_tJ.js → overlays-DLNOHWNc.js} +28 -32
  230. package/dist/esm/select-option-render-B8nWZRnd.js +122 -0
  231. package/dist/html.html-data.json +51 -79
  232. package/dist/ionic/index.esm.js +1 -1
  233. package/dist/ionic/ionic.esm.js +1 -1
  234. package/dist/ionic/p-038eb991.entry.js +4 -0
  235. package/dist/ionic/{p-8fce95d5.entry.js → p-14095ba5.entry.js} +1 -1
  236. package/dist/ionic/{p-3a126bca.entry.js → p-259d0d98.entry.js} +1 -1
  237. package/dist/ionic/{p-fabcce6c.entry.js → p-341032b3.entry.js} +1 -1
  238. package/dist/ionic/{p-3a7d1e91.entry.js → p-4502a274.entry.js} +1 -1
  239. package/dist/ionic/p-4621c387.entry.js +4 -0
  240. package/dist/ionic/p-4ace7762.entry.js +4 -0
  241. package/dist/ionic/p-4bb3eb60.entry.js +4 -0
  242. package/dist/ionic/p-4e9ec5c5.entry.js +4 -0
  243. package/dist/ionic/{p-874b4bd8.entry.js → p-51cd1643.entry.js} +1 -1
  244. package/dist/ionic/p-5c3ec490.entry.js +4 -0
  245. package/dist/ionic/p-5d1ac2c7.entry.js +4 -0
  246. package/dist/ionic/{p-3ae5f277.entry.js → p-627fabd9.entry.js} +1 -1
  247. package/dist/ionic/{p-e0be05c5.entry.js → p-629e4703.entry.js} +1 -1
  248. package/dist/ionic/p-700795f6.entry.js +4 -0
  249. package/dist/ionic/{p-5d1da0a2.entry.js → p-76e92a84.entry.js} +1 -1
  250. package/dist/ionic/p-79a36078.entry.js +4 -0
  251. package/dist/ionic/{p-9f1103ce.entry.js → p-7a37b3ce.entry.js} +1 -1
  252. package/dist/ionic/{p-3353c229.entry.js → p-80b44b3c.entry.js} +1 -1
  253. package/dist/ionic/p-913b218a.entry.js +4 -0
  254. package/dist/ionic/{p-390ca786.entry.js → p-9177f4ac.entry.js} +1 -1
  255. package/dist/ionic/{p-DV3sJJW8.js → p-AlrZKoWR.js} +1 -1
  256. package/dist/ionic/p-BDtODLZ4.js +4 -0
  257. package/dist/ionic/p-BSQPZ79H.js +4 -0
  258. package/dist/ionic/p-BwKpO3Is.js +4 -0
  259. package/dist/ionic/p-Cg5-OQYy.js +4 -0
  260. package/dist/ionic/p-DCOvXkOm.js +4 -0
  261. package/dist/ionic/{p-4858af1f.entry.js → p-a5213260.entry.js} +1 -1
  262. package/dist/ionic/{p-37e720da.entry.js → p-a7628bc7.entry.js} +1 -1
  263. package/dist/ionic/p-a9a33367.entry.js +4 -0
  264. package/dist/ionic/p-ad728198.entry.js +4 -0
  265. package/dist/ionic/{p-ef4c3bee.entry.js → p-b1599fca.entry.js} +1 -1
  266. package/dist/ionic/{p-84d5ce05.entry.js → p-b9ac1fe0.entry.js} +1 -1
  267. package/dist/ionic/p-bfc8c629.entry.js +4 -0
  268. package/dist/ionic/p-c08e666a.entry.js +4 -0
  269. package/dist/ionic/{p-34586ead.entry.js → p-c93553d2.entry.js} +1 -1
  270. package/dist/ionic/p-ce7992c4.entry.js +4 -0
  271. package/dist/ionic/{p-75dc25ba.entry.js → p-d2c7f046.entry.js} +1 -1
  272. package/dist/ionic/{p-c4d8641b.entry.js → p-d8387b99.entry.js} +1 -1
  273. package/dist/ionic/{p-9a65ac7f.entry.js → p-db1b6738.entry.js} +1 -1
  274. package/dist/ionic/p-ed797c72.entry.js +4 -0
  275. package/dist/ionic/{p-8eb8ee76.entry.js → p-ef93ca92.entry.js} +1 -1
  276. package/dist/ionic/p-f09f9642.entry.js +4 -0
  277. package/dist/ionic/p-f1c06f82.entry.js +4 -0
  278. package/dist/ionic/p-f718fccb.entry.js +4 -0
  279. package/dist/ionic/{p-0fa9c382.entry.js → p-fe4aa1db.entry.js} +1 -1
  280. package/dist/types/components/img/img.d.ts +2 -0
  281. package/dist/types/components/input/input.d.ts +1 -1
  282. package/dist/types/components/modal/modal.d.ts +11 -4
  283. package/dist/types/components/router-outlet/router-outlet.d.ts +7 -0
  284. package/dist/types/components/searchbar/searchbar.d.ts +1 -1
  285. package/dist/types/components/select/select-interface.d.ts +31 -0
  286. package/dist/types/components/select/select.d.ts +18 -0
  287. package/dist/types/components/select-option/select-option.d.ts +42 -1
  288. package/dist/types/components.d.ts +72 -288
  289. package/dist/types/index.d.ts +1 -1
  290. package/dist/types/interface.d.ts +0 -1
  291. package/dist/types/utils/config.d.ts +0 -8
  292. package/dist/types/utils/overlay-control-label.d.ts +32 -0
  293. package/dist/types/utils/overlays.d.ts +11 -9
  294. package/dist/types/utils/sanitization/index.d.ts +58 -2
  295. package/dist/types/utils/select-option-render.d.ts +53 -0
  296. package/hydrate/index.js +1401 -1182
  297. package/hydrate/index.mjs +1401 -1182
  298. package/package.json +37 -5
  299. package/components/ion-picker-legacy-column.d.ts +0 -11
  300. package/components/ion-picker-legacy-column.js +0 -4
  301. package/components/ion-picker-legacy.d.ts +0 -11
  302. package/components/ion-picker-legacy.js +0 -4
  303. package/components/p-BIPPbW0M.js +0 -4
  304. package/components/p-BUYFy35a.js +0 -4
  305. package/components/p-BWEZufiK.js +0 -4
  306. package/components/p-BqpciLfi.js +0 -4
  307. package/components/p-BsQPAqo9.js +0 -4
  308. package/components/p-CRNiQiYf.js +0 -4
  309. package/components/p-CU5rbWAW.js +0 -4
  310. package/components/p-k_E4tX5Z.js +0 -4
  311. package/components/p-nyXeHk23.js +0 -4
  312. package/dist/cjs/config-xninhj0J.js +0 -201
  313. package/dist/collection/components/picker-legacy/animations/ios.enter.js +0 -27
  314. package/dist/collection/components/picker-legacy/animations/ios.leave.js +0 -23
  315. package/dist/collection/components/picker-legacy/picker-interface.js +0 -1
  316. package/dist/collection/components/picker-legacy/picker.ios.css +0 -300
  317. package/dist/collection/components/picker-legacy/picker.js +0 -890
  318. package/dist/collection/components/picker-legacy/picker.md.css +0 -287
  319. package/dist/collection/components/picker-legacy-column/picker-column.ios.css +0 -231
  320. package/dist/collection/components/picker-legacy-column/picker-column.js +0 -422
  321. package/dist/collection/components/picker-legacy-column/picker-column.md.css +0 -222
  322. package/dist/collection/components/picker-legacy-column/test/test.utils.js +0 -43
  323. package/dist/esm/config-DQCONYYp.js +0 -195
  324. package/dist/ionic/p-01f81ea5.entry.js +0 -4
  325. package/dist/ionic/p-0dc33652.entry.js +0 -4
  326. package/dist/ionic/p-20b1a044.entry.js +0 -4
  327. package/dist/ionic/p-21eb76d5.entry.js +0 -4
  328. package/dist/ionic/p-27d30585.entry.js +0 -4
  329. package/dist/ionic/p-2a05aa64.entry.js +0 -4
  330. package/dist/ionic/p-2bb2cb18.entry.js +0 -4
  331. package/dist/ionic/p-485fda23.entry.js +0 -4
  332. package/dist/ionic/p-4baa5b82.entry.js +0 -4
  333. package/dist/ionic/p-5018dfc8.entry.js +0 -4
  334. package/dist/ionic/p-50e1194a.entry.js +0 -4
  335. package/dist/ionic/p-5eb8e86d.entry.js +0 -4
  336. package/dist/ionic/p-65ebdf1b.entry.js +0 -4
  337. package/dist/ionic/p-6ebdbebe.entry.js +0 -4
  338. package/dist/ionic/p-9f9db3a2.entry.js +0 -4
  339. package/dist/ionic/p-D-3ycHmd.js +0 -4
  340. package/dist/ionic/p-DzWaWHGc.js +0 -4
  341. package/dist/ionic/p-a21add2f.entry.js +0 -4
  342. package/dist/ionic/p-ca2ab74d.entry.js +0 -4
  343. package/dist/ionic/p-e6a4bb56.entry.js +0 -4
  344. package/dist/ionic/p-ec090e0a.entry.js +0 -4
  345. package/dist/types/components/picker-legacy/animations/ios.enter.d.ts +0 -5
  346. package/dist/types/components/picker-legacy/animations/ios.leave.d.ts +0 -5
  347. package/dist/types/components/picker-legacy/picker-interface.d.ts +0 -52
  348. package/dist/types/components/picker-legacy/picker.d.ts +0 -158
  349. package/dist/types/components/picker-legacy-column/picker-column.d.ts +0 -46
  350. package/dist/types/components/picker-legacy-column/test/test.utils.d.ts +0 -9
@@ -5,7 +5,7 @@ import { r as registerInstance, c as createEvent, e as config, i as forceUpdate,
5
5
  import { d as debounceEvent, b as inheritAttributes, c as componentOnReady, r as raf } from './helpers-HEqiOzXb.js';
6
6
  import { i as isRTL } from './dir-C53feagD.js';
7
7
  import { c as createColorClasses } from './theme-DiVJyqlX.js';
8
- import { a as arrowBackSharp, s as searchOutline, e as searchSharp, b as closeCircle, d as closeSharp } from './index-DV3sJJW8.js';
8
+ import { a as arrowBackSharp, s as searchOutline, i as searchSharp, g as closeCircle, h as closeSharp } from './index-AlrZKoWR.js';
9
9
  import { b as getIonMode } from './ionic-global-Cp_eT4sZ.js';
10
10
 
11
11
  const searchbarIosCss = () => `.sc-ion-searchbar-ios-h{--placeholder-color:initial;--placeholder-font-style:initial;--placeholder-font-weight:initial;--placeholder-opacity:var(--ion-placeholder-opacity, 0.6);-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;display:-ms-flexbox;display:flex;position:relative;-ms-flex-align:center;align-items:center;width:100%;color:var(--color);font-family:var(--ion-font-family, inherit);-webkit-box-sizing:border-box;box-sizing:border-box}.ion-color.sc-ion-searchbar-ios-h{color:var(--ion-color-contrast)}.ion-color.sc-ion-searchbar-ios-h .searchbar-input.sc-ion-searchbar-ios{background:var(--ion-color-base)}.ion-color.sc-ion-searchbar-ios-h .searchbar-clear-button.sc-ion-searchbar-ios,.ion-color.sc-ion-searchbar-ios-h .searchbar-cancel-button.sc-ion-searchbar-ios,.ion-color.sc-ion-searchbar-ios-h .searchbar-search-icon.sc-ion-searchbar-ios{color:inherit}.searchbar-search-icon.sc-ion-searchbar-ios{color:var(--icon-color);pointer-events:none}.searchbar-input-container.sc-ion-searchbar-ios{display:block;position:relative;-ms-flex-negative:1;flex-shrink:1;width:100%}.searchbar-input.sc-ion-searchbar-ios{font-family:inherit;font-size:inherit;font-style:inherit;font-weight:inherit;letter-spacing:inherit;text-decoration:inherit;text-indent:inherit;text-overflow:inherit;text-transform:inherit;text-align:inherit;white-space:inherit;color:inherit;border-radius:var(--border-radius);display:block;width:100%;min-height:inherit;border:0;outline:none;background:var(--background);font-family:inherit;-webkit-box-shadow:var(--box-shadow);box-shadow:var(--box-shadow);-webkit-box-sizing:border-box;box-sizing:border-box;-webkit-appearance:none;-moz-appearance:none;appearance:none}.searchbar-input.sc-ion-searchbar-ios::-webkit-input-placeholder{color:var(--placeholder-color);font-family:inherit;font-style:var(--placeholder-font-style);font-weight:var(--placeholder-font-weight);opacity:var(--placeholder-opacity)}.searchbar-input.sc-ion-searchbar-ios::-moz-placeholder{color:var(--placeholder-color);font-family:inherit;font-style:var(--placeholder-font-style);font-weight:var(--placeholder-font-weight);opacity:var(--placeholder-opacity)}.searchbar-input.sc-ion-searchbar-ios:-ms-input-placeholder{color:var(--placeholder-color);font-family:inherit;font-style:var(--placeholder-font-style);font-weight:var(--placeholder-font-weight);opacity:var(--placeholder-opacity)}.searchbar-input.sc-ion-searchbar-ios::-ms-input-placeholder{color:var(--placeholder-color);font-family:inherit;font-style:var(--placeholder-font-style);font-weight:var(--placeholder-font-weight);opacity:var(--placeholder-opacity)}.searchbar-input.sc-ion-searchbar-ios::placeholder{color:var(--placeholder-color);font-family:inherit;font-style:var(--placeholder-font-style);font-weight:var(--placeholder-font-weight);opacity:var(--placeholder-opacity)}.searchbar-input.sc-ion-searchbar-ios::-webkit-search-cancel-button,.searchbar-input.sc-ion-searchbar-ios::-ms-clear{display:none}.searchbar-cancel-button.sc-ion-searchbar-ios{margin-left:0;margin-right:0;margin-top:0;margin-bottom:0;display:none;height:100%;border:0;outline:none;color:var(--cancel-button-color);cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none}.searchbar-cancel-button.sc-ion-searchbar-ios>div.sc-ion-searchbar-ios{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;width:100%;height:100%}.searchbar-clear-button.sc-ion-searchbar-ios{margin-left:0;margin-right:0;margin-top:0;margin-bottom:0;padding-left:0;padding-right:0;padding-top:0;padding-bottom:0;display:none;min-height:0;outline:none;color:var(--clear-button-color);-webkit-appearance:none;-moz-appearance:none;appearance:none}.searchbar-clear-button.sc-ion-searchbar-ios:focus{opacity:0.5}.searchbar-has-value.searchbar-should-show-clear.sc-ion-searchbar-ios-h .searchbar-clear-button.sc-ion-searchbar-ios{display:block}.searchbar-disabled.sc-ion-searchbar-ios-h{cursor:default;opacity:0.4;pointer-events:none}.sc-ion-searchbar-ios-h{--background:rgba(var(--ion-text-color-rgb, 0, 0, 0), 0.07);--border-radius:10px;--box-shadow:none;--cancel-button-color:var(--ion-color-primary, #0054e9);--clear-button-color:var(--ion-color-step-600, var(--ion-text-color-step-400, #666666));--color:var(--ion-text-color, #000);--icon-color:var(--ion-color-step-600, var(--ion-text-color-step-400, #666666));-webkit-padding-start:12px;padding-inline-start:12px;-webkit-padding-end:12px;padding-inline-end:12px;padding-top:12px;padding-bottom:12px;min-height:60px;contain:content}.searchbar-input-container.sc-ion-searchbar-ios{min-height:36px}.searchbar-search-icon.sc-ion-searchbar-ios{-webkit-margin-start:calc(50% - 60px);margin-inline-start:calc(50% - 60px);top:0;position:absolute;width:1.375rem;height:100%;contain:strict}.searchbar-search-icon.sc-ion-searchbar-ios{inset-inline-start:5px}.searchbar-input.sc-ion-searchbar-ios{-webkit-padding-start:0px;padding-inline-start:0px;-webkit-padding-end:0px;padding-inline-end:0px;padding-top:6px;padding-bottom:6px;height:100%;font-size:1.0625rem;font-weight:400;contain:strict}.searchbar-has-value.searchbar-should-show-clear.sc-ion-searchbar-ios-h .searchbar-input.sc-ion-searchbar-ios{-webkit-padding-start:1.75rem;padding-inline-start:1.75rem;-webkit-padding-end:1.75rem;padding-inline-end:1.75rem}.searchbar-clear-button.sc-ion-searchbar-ios{top:0;background-position:center;position:absolute;width:1.875rem;height:100%;border:0;background-color:transparent}.searchbar-clear-button.sc-ion-searchbar-ios{inset-inline-end:0}.searchbar-clear-icon.sc-ion-searchbar-ios{width:1.125rem;height:100%}.searchbar-cancel-button.sc-ion-searchbar-ios{-webkit-padding-start:12px;padding-inline-start:12px;-webkit-padding-end:0;padding-inline-end:0;padding-top:0;padding-bottom:0;-ms-flex-negative:0;flex-shrink:0;background-color:transparent;font-size:17px}.searchbar-left-aligned.sc-ion-searchbar-ios-h .searchbar-search-icon.sc-ion-searchbar-ios{-webkit-margin-start:0;margin-inline-start:0}.searchbar-left-aligned.sc-ion-searchbar-ios-h .searchbar-input.sc-ion-searchbar-ios{-webkit-padding-start:1.875rem;padding-inline-start:1.875rem}.searchbar-has-focus.sc-ion-searchbar-ios-h .searchbar-cancel-button.sc-ion-searchbar-ios,.searchbar-should-show-cancel.sc-ion-searchbar-ios-h .searchbar-cancel-button.sc-ion-searchbar-ios,.searchbar-animated.sc-ion-searchbar-ios-h .searchbar-cancel-button.sc-ion-searchbar-ios{display:block}.searchbar-animated.sc-ion-searchbar-ios-h .searchbar-search-icon.sc-ion-searchbar-ios,.searchbar-animated.sc-ion-searchbar-ios-h .searchbar-input.sc-ion-searchbar-ios{-webkit-transition:all 300ms ease;transition:all 300ms ease}.searchbar-animated.searchbar-has-focus.sc-ion-searchbar-ios-h .searchbar-cancel-button.sc-ion-searchbar-ios,.searchbar-animated.searchbar-should-show-cancel.sc-ion-searchbar-ios-h .searchbar-cancel-button.sc-ion-searchbar-ios{opacity:1;pointer-events:auto}.searchbar-animated.sc-ion-searchbar-ios-h .searchbar-cancel-button.sc-ion-searchbar-ios{-webkit-margin-end:-100%;margin-inline-end:-100%;-webkit-transform:translate3d(0, 0, 0);transform:translate3d(0, 0, 0);-webkit-transition:all 300ms ease;transition:all 300ms ease;opacity:0;pointer-events:none}.searchbar-no-animate.sc-ion-searchbar-ios-h .searchbar-search-icon.sc-ion-searchbar-ios,.searchbar-no-animate.sc-ion-searchbar-ios-h .searchbar-input.sc-ion-searchbar-ios,.searchbar-no-animate.sc-ion-searchbar-ios-h .searchbar-cancel-button.sc-ion-searchbar-ios{-webkit-transition-duration:0ms;transition-duration:0ms}.ion-color.sc-ion-searchbar-ios-h .searchbar-cancel-button.sc-ion-searchbar-ios{color:var(--ion-color-base)}@media (any-hover: hover){.ion-color.sc-ion-searchbar-ios-h .searchbar-cancel-button.sc-ion-searchbar-ios:hover{color:var(--ion-color-tint)}}ion-toolbar.sc-ion-searchbar-ios-h,ion-toolbar .sc-ion-searchbar-ios-h{padding-top:1px;padding-bottom:15px;min-height:52px}ion-toolbar.ion-color.sc-ion-searchbar-ios-h:not(.ion-color),ion-toolbar.ion-color .sc-ion-searchbar-ios-h:not(.ion-color){color:inherit}ion-toolbar.ion-color.sc-ion-searchbar-ios-h:not(.ion-color) .searchbar-cancel-button.sc-ion-searchbar-ios,ion-toolbar.ion-color .sc-ion-searchbar-ios-h:not(.ion-color) .searchbar-cancel-button.sc-ion-searchbar-ios{color:currentColor}ion-toolbar.ion-color.sc-ion-searchbar-ios-h .searchbar-search-icon.sc-ion-searchbar-ios,ion-toolbar.ion-color .sc-ion-searchbar-ios-h .searchbar-search-icon.sc-ion-searchbar-ios{color:currentColor;opacity:0.5}ion-toolbar.ion-color.sc-ion-searchbar-ios-h:not(.ion-color) .searchbar-input.sc-ion-searchbar-ios,ion-toolbar.ion-color .sc-ion-searchbar-ios-h:not(.ion-color) .searchbar-input.sc-ion-searchbar-ios{background:rgba(var(--ion-color-contrast-rgb), 0.07);color:currentColor}ion-toolbar.ion-color.sc-ion-searchbar-ios-h:not(.ion-color) .searchbar-clear-button.sc-ion-searchbar-ios,ion-toolbar.ion-color .sc-ion-searchbar-ios-h:not(.ion-color) .searchbar-clear-button.sc-ion-searchbar-ios{color:currentColor;opacity:0.5}`;
@@ -44,7 +44,7 @@ const Searchbar = class {
44
44
  /**
45
45
  * Set the input's autocorrect property.
46
46
  */
47
- this.autocorrect = 'off';
47
+ this.autocorrect = false;
48
48
  /**
49
49
  * Set the cancel button icon. Only applies to `md` mode.
50
50
  * Defaults to `arrow-back-sharp`.
@@ -468,8 +468,8 @@ const Searchbar = class {
468
468
  const clearIcon = this.clearIcon || (mode === 'ios' ? closeCircle : closeSharp);
469
469
  const searchIcon = this.searchIcon || (mode === 'ios' ? searchOutline : searchSharp);
470
470
  const shouldShowCancelButton = this.shouldShowCancelButton();
471
- const cancelButton = this.showCancelButton !== 'never' && (h("button", { key: '226b7a676b4819cda4062b8334fa8d4c4cee6f1a', "aria-label": cancelButtonText, "aria-hidden": shouldShowCancelButton ? undefined : 'true', type: "button", tabIndex: mode === 'ios' && !shouldShowCancelButton ? -1 : undefined, onMouseDown: this.onCancelSearchbar, onTouchStart: this.onCancelSearchbar, class: "searchbar-cancel-button" }, h("div", { key: '89adb4efa17a78c973bbd5527cfac91d99ceb9bb', "aria-hidden": "true" }, mode === 'md' ? (h("ion-icon", { "aria-hidden": "true", mode: mode, icon: this.cancelButtonIcon, lazy: false })) : (cancelButtonText))));
472
- return (h(Host, { key: '237dd767403dba3cb3d7de8905996e275669da3b', role: "search", "aria-disabled": this.disabled ? 'true' : null, class: createColorClasses(this.color, {
471
+ const cancelButton = this.showCancelButton !== 'never' && (h("button", { key: '73964da43dbd099fc7f3d30cbc4da11087701ac5', "aria-label": cancelButtonText, "aria-hidden": shouldShowCancelButton ? undefined : 'true', type: "button", tabIndex: mode === 'ios' && !shouldShowCancelButton ? -1 : undefined, onMouseDown: this.onCancelSearchbar, onTouchStart: this.onCancelSearchbar, class: "searchbar-cancel-button" }, h("div", { key: '27335a0e35f6c253c074685fa0b088404927bcbb', "aria-hidden": "true" }, mode === 'md' ? (h("ion-icon", { "aria-hidden": "true", mode: mode, icon: this.cancelButtonIcon, lazy: false })) : (cancelButtonText))));
472
+ return (h(Host, { key: '1b4f6c4e7dffb02e092f0026ce3875822d98a631', role: "search", "aria-disabled": this.disabled ? 'true' : null, class: createColorClasses(this.color, {
473
473
  [mode]: true,
474
474
  'searchbar-animated': animated,
475
475
  'searchbar-disabled': this.disabled,
@@ -479,14 +479,14 @@ const Searchbar = class {
479
479
  'searchbar-has-focus': this.focused,
480
480
  'searchbar-should-show-clear': this.shouldShowClearButton(),
481
481
  'searchbar-should-show-cancel': this.shouldShowCancelButton(),
482
- }) }, h("div", { key: '5b4bdf7280bea710304b6975e76390fe6ceb7417', class: "searchbar-input-container" }, h("input", Object.assign({ key: '01a0820a2cf904aec1c7d84b542ab7918d435632', "aria-label": "search text", disabled: this.disabled, ref: (el) => (this.nativeInput = el), class: "searchbar-input", inputMode: this.inputmode, enterKeyHint: this.enterkeyhint, name: this.name, onInput: this.onInput, onChange: this.onChange, onBlur: this.onBlur, onFocus: this.onFocus, minLength: this.minlength, maxLength: this.maxlength, placeholder: this.placeholder, type: this.type, value: this.getValue(), autoCapitalize: autocapitalize === 'default' ? undefined : autocapitalize, autoComplete: this.autocomplete, autoCorrect: this.autocorrect, spellcheck: this.spellcheck }, this.inheritedAttributes)), mode === 'md' && cancelButton, h("ion-icon", { key: 'cd64973206b1cc59d221112861733b7ee25f0323', "aria-hidden": "true", mode: mode, icon: searchIcon, lazy: false, class: "searchbar-search-icon" }), h("button", { key: '2061fa8449bbc576cf8c5130ea613378ea492944', "aria-label": "reset", type: "button", "no-blur": true, class: "searchbar-clear-button", onPointerDown: (ev) => {
482
+ }) }, h("div", { key: '587e1950e329cfb9d3658be5b2a6491e7af9321a', class: "searchbar-input-container" }, h("input", Object.assign({ key: '7f78a3d22cce03af277a538b4d9f85faddf1fa80', "aria-label": "search text", disabled: this.disabled, ref: (el) => (this.nativeInput = el), class: "searchbar-input", inputMode: this.inputmode, enterKeyHint: this.enterkeyhint, name: this.name, onInput: this.onInput, onChange: this.onChange, onBlur: this.onBlur, onFocus: this.onFocus, minLength: this.minlength, maxLength: this.maxlength, placeholder: this.placeholder, type: this.type, value: this.getValue(), autoCapitalize: autocapitalize === 'default' ? undefined : autocapitalize, autoComplete: this.autocomplete, autoCorrect: this.autocorrect ? 'on' : 'off', spellcheck: this.spellcheck }, this.inheritedAttributes)), mode === 'md' && cancelButton, h("ion-icon", { key: '9fd3e458978b64e9e3358bcbb26471753f6ff2a6', "aria-hidden": "true", mode: mode, icon: searchIcon, lazy: false, class: "searchbar-search-icon" }), h("button", { key: 'c7864c85923668dfa25f5fc4a70c7dbf6da191b7', "aria-label": "reset", type: "button", "no-blur": true, class: "searchbar-clear-button", onPointerDown: (ev) => {
483
483
  /**
484
484
  * This prevents mobile browsers from
485
485
  * blurring the input when the clear
486
486
  * button is activated.
487
487
  */
488
488
  ev.preventDefault();
489
- }, onClick: () => this.onClearInput(true) }, h("ion-icon", { key: '00df6f7742bff70b1b088d544b8c00e962e7216c', "aria-hidden": "true", mode: mode, icon: clearIcon, lazy: false, class: "searchbar-clear-icon" }))), mode === 'ios' && cancelButton));
489
+ }, onClick: () => this.onClearInput(true) }, h("ion-icon", { key: '47e7a15c6c6d4df4c54c62b042842e499627da05', "aria-hidden": "true", mode: mode, icon: clearIcon, lazy: false, class: "searchbar-clear-icon" }))), mode === 'ios' && cancelButton));
490
490
  }
491
491
  get el() { return getElement(this); }
492
492
  static get watchers() { return {
@@ -10,7 +10,7 @@ const SegmentContent = class {
10
10
  registerInstance(this, hostRef);
11
11
  }
12
12
  render() {
13
- return (h(Host, { key: '665f41a854621f898eaf7ba9a49e77cc9326501e' }, h("slot", { key: '635aa57fbf6167dcd36fe8dc5dfc1c313637ac04' })));
13
+ return (h(Host, { key: 'ef39f29c444177c3b083cd35680ba891e4bb6a2a' }, h("slot", { key: '51f9dd9ca084ddd928b376aa9d716509669c32b2' })));
14
14
  }
15
15
  };
16
16
  SegmentContent.style = segmentContentCss();
@@ -110,11 +110,11 @@ const SegmentView = class {
110
110
  }
111
111
  render() {
112
112
  const { disabled, isManualScroll, swipeGesture } = this;
113
- return (h(Host, { key: '2a6e0a1046af75b1fa0eed20a5fbbb4634480297', class: {
113
+ return (h(Host, { key: 'a6c6ac0232c4bb6f2a954b3de7993019d71f423a', class: {
114
114
  'segment-view-disabled': disabled,
115
115
  'segment-view-scroll-disabled': isManualScroll === false,
116
116
  'segment-view-swipe-disabled': swipeGesture === false,
117
- } }, h("slot", { key: '644b60d179d0de3fa204e3bef26a3503ceeaf1d6' })));
117
+ } }, h("slot", { key: '386305be2a75069c79def12005d9f6b49276763f' })));
118
118
  }
119
119
  get el() { return getElement(this); }
120
120
  };
@@ -551,14 +551,14 @@ const Segment = class {
551
551
  }
552
552
  render() {
553
553
  const mode = getIonMode(this);
554
- return (h(Host, { key: 'eda6b7b88b7967b55cf9098c59b655b348a42224', role: "tablist", onClick: this.onClick, class: createColorClasses(this.color, {
554
+ return (h(Host, { key: 'bb626072e73f09c3433e1a769e09789a00822d8f', role: "tablist", onClick: this.onClick, class: createColorClasses(this.color, {
555
555
  [mode]: true,
556
556
  'in-toolbar': hostContext('ion-toolbar', this.el),
557
557
  'in-toolbar-color': hostContext('ion-toolbar[color]', this.el),
558
558
  'segment-activated': this.activated,
559
559
  'segment-disabled': this.disabled,
560
560
  'segment-scrollable': this.scrollable,
561
- }) }, h("slot", { key: 'fdb451f235ce59c5bb50c61a13c69160ece2d5df', onSlotchange: this.onSlottedItemsChange })));
561
+ }) }, h("slot", { key: '652d5037c2c2dee4d47a5710b1d150e691202d25', onSlotchange: this.onSlottedItemsChange })));
562
562
  }
563
563
  get el() { return getElement(this); }
564
564
  static get watchers() { return {
@@ -684,7 +684,7 @@ const SegmentButton = class {
684
684
  const { checked, type, disabled, hasIcon, hasLabel, layout, segmentEl } = this;
685
685
  const mode = getIonMode(this);
686
686
  const hasSegmentColor = () => (segmentEl === null || segmentEl === void 0 ? void 0 : segmentEl.color) !== undefined;
687
- return (h(Host, { key: 'f69e2a24198a7c57543dbe66902da039a6569c64', class: {
687
+ return (h(Host, { key: '792f621c36260b1fceff2b4ec4fa95d98d51d46b', class: {
688
688
  [mode]: true,
689
689
  'in-toolbar': hostContext('ion-toolbar', this.el),
690
690
  'in-toolbar-color': hostContext('ion-toolbar[color]', this.el),
@@ -700,7 +700,7 @@ const SegmentButton = class {
700
700
  'ion-activatable': true,
701
701
  'ion-activatable-instant': true,
702
702
  'ion-focusable': true,
703
- } }, h("button", Object.assign({ key: '0a6fea3a374074af19f7ece0ba3a7cf1e269ab6d', "aria-selected": checked ? 'true' : 'false', role: "tab", ref: (el) => (this.nativeEl = el), type: type, class: "button-native", part: "native", disabled: disabled }, this.inheritedAttributes), h("span", { key: '991018a38c59a6f3d76b2e952e5569c874d2c13e', class: "button-inner" }, h("slot", { key: '23c547c80108025027b913c7fcbec189286627a3' })), mode === 'md' && h("ion-ripple-effect", { key: '7faa9d06ab6aa7346d16b0b6808979759a79650c' })), h("div", { key: '0d61badf2c227dc38e20185b2b2bb590a5efa434', part: "indicator", class: "segment-button-indicator segment-button-indicator-animated" }, h("div", { key: 'a84035752b78491c344179d1e61d109fb4bd1cf1', part: "indicator-background", class: "segment-button-indicator-background" }))));
703
+ } }, h("button", Object.assign({ key: '860698be6ceb8f08c0ce3d16ba82d4bb56adf030', "aria-selected": checked ? 'true' : 'false', role: "tab", ref: (el) => (this.nativeEl = el), type: type, class: "button-native", part: "native", disabled: disabled }, this.inheritedAttributes), h("span", { key: 'e903a2642ff46797878a941887b5c596d52fd3a3', class: "button-inner" }, h("slot", { key: '5fc6b842ecb7f0ab8df23b344bf6714f38dda89a' })), mode === 'md' && h("ion-ripple-effect", { key: '710aaf6e4fa2b6cb15897a883e88dec17ef3829f' })), h("div", { key: 'a7b036cba32420e9eb3f2d16487df0519ecc5289', part: "indicator", class: "segment-button-indicator segment-button-indicator-animated" }, h("div", { key: 'a0a5f49ea7f2ecab8014f4f9ca473a27db8348b6', part: "indicator-background", class: "segment-button-indicator-background" }))));
704
704
  }
705
705
  get el() { return getElement(this); }
706
706
  static get watchers() { return {
@@ -3,19 +3,22 @@
3
3
  */
4
4
  import { r as registerInstance, h, i as forceUpdate, d as Host, g as getElement } from './index-tcQvqkiX.js';
5
5
  import { b as getIonMode } from './ionic-global-Cp_eT4sZ.js';
6
- import { s as safeCall } from './overlays-Dg0q2_tJ.js';
6
+ import { a as getOverlayLabelPlacement, g as getOverlayLabelJustify } from './overlay-control-label-BSQPZ79H.js';
7
+ import { s as safeCall } from './overlays-DLNOHWNc.js';
8
+ import { r as renderOptionLabel } from './select-option-render-B8nWZRnd.js';
7
9
  import { g as getClassMap } from './theme-DiVJyqlX.js';
8
10
  import './index-ZjP4CjeZ.js';
9
11
  import './helpers-HEqiOzXb.js';
10
12
  import './hardware-back-button-B93Gru0Y.js';
11
13
  import './framework-delegate-FnPGymXL.js';
12
14
  import './gesture-controller-BTEOs1at.js';
15
+ import './index-DQSkZyOJ.js';
13
16
 
14
- const ionicSelectModalMdCss = () => `.sc-ion-select-modal-ionic-h{height:100%}ion-list.sc-ion-select-modal-ionic ion-radio.sc-ion-select-modal-ionic::part(container),ion-list.sc-ion-select-modal-ionic ion-radio.sc-ion-select-modal-ionic [part~="container"]{display:none}ion-list.sc-ion-select-modal-ionic ion-radio.sc-ion-select-modal-ionic::part(label),ion-list.sc-ion-select-modal-ionic ion-radio.sc-ion-select-modal-ionic [part~="label"]{margin-left:0;margin-right:0;margin-top:0;margin-bottom:0}ion-item.sc-ion-select-modal-ionic{--inner-border-width:0}.item-radio-checked.sc-ion-select-modal-ionic{--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-modal-ionic{--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)}`;
17
+ const ionicSelectModalMdCss = () => `.action-sheet-button-label-has-rich-content.sc-ion-select-modal-ionic,.alert-radio-label-has-rich-content.sc-ion-select-modal-ionic,.alert-checkbox-label-has-rich-content.sc-ion-select-modal-ionic,.select-option-label-has-rich-content.sc-ion-select-modal-ionic{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;gap:16px}.action-sheet-button-label-has-rich-content.sc-ion-select-modal-ionic,.alert-radio-label-has-rich-content.sc-ion-select-modal-ionic,.alert-checkbox-label-has-rich-content.sc-ion-select-modal-ionic,.select-option-content.sc-ion-select-modal-ionic{-ms-flex:1;flex:1}.action-sheet-button-label-text.sc-ion-select-modal-ionic,.alert-checkbox-label-text.sc-ion-select-modal-ionic,.alert-radio-label-text.sc-ion-select-modal-ionic,.select-option-label-text.sc-ion-select-modal-ionic{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;gap:12px}.select-option-start.sc-ion-select-modal-ionic,.select-option-end.sc-ion-select-modal-ionic{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;gap:8px}.select-option-description.sc-ion-select-modal-ionic{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-modal-ionic:not(.select-option-label-has-rich-content){text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.select-option-label-has-rich-content.sc-ion-select-modal-ionic{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center}ion-radio.select-option-has-rich-content.sc-ion-select-modal-ionic::part(label),ion-radio.select-option-has-rich-content.sc-ion-select-modal-ionic [part~="label"],ion-checkbox.select-option-has-rich-content.sc-ion-select-modal-ionic::part(label),ion-checkbox.select-option-has-rich-content.sc-ion-select-modal-ionic [part~="label"],.select-option-content.sc-ion-select-modal-ionic{-ms-flex:1;flex:1;white-space:normal}.select-option-start.sc-ion-select-modal-ionic>ion-avatar.sc-ion-select-modal-ionic,.select-option-end.sc-ion-select-modal-ionic>ion-avatar.sc-ion-select-modal-ionic{width:40px;height:40px}.select-option-start.sc-ion-select-modal-ionic>ion-icon.sc-ion-select-modal-ionic,.select-option-end.sc-ion-select-modal-ionic>ion-icon.sc-ion-select-modal-ionic{width:24px;height:24px}.select-option-start.sc-ion-select-modal-ionic>ion-img.sc-ion-select-modal-ionic,.select-option-start.sc-ion-select-modal-ionic>img.sc-ion-select-modal-ionic,.select-option-start.sc-ion-select-modal-ionic>svg.sc-ion-select-modal-ionic,.select-option-start.sc-ion-select-modal-ionic>ion-thumbnail.sc-ion-select-modal-ionic,.select-option-end.sc-ion-select-modal-ionic>ion-img.sc-ion-select-modal-ionic,.select-option-end.sc-ion-select-modal-ionic>img.sc-ion-select-modal-ionic,.select-option-end.sc-ion-select-modal-ionic>svg.sc-ion-select-modal-ionic,.select-option-end.sc-ion-select-modal-ionic>ion-thumbnail.sc-ion-select-modal-ionic{width:56px;height:56px}.select-option-start.sc-ion-select-modal-ionic>video.sc-ion-select-modal-ionic,.select-option-end.sc-ion-select-modal-ionic>video.sc-ion-select-modal-ionic{width:114px;height:56px}.sc-ion-select-modal-ionic-h{height:100%}ion-list.sc-ion-select-modal-ionic ion-radio.sc-ion-select-modal-ionic::part(container),ion-list.sc-ion-select-modal-ionic ion-radio.sc-ion-select-modal-ionic [part~="container"]{display:none}ion-list.sc-ion-select-modal-ionic ion-radio.sc-ion-select-modal-ionic::part(label),ion-list.sc-ion-select-modal-ionic ion-radio.sc-ion-select-modal-ionic [part~="label"]{margin-left:0;margin-right:0;margin-top:0;margin-bottom:0}ion-item.sc-ion-select-modal-ionic{--inner-border-width:0}.item-radio-checked.sc-ion-select-modal-ionic{--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-modal-ionic{--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)}`;
15
18
 
16
- const selectModalIosCss = () => `.sc-ion-select-modal-ios-h{height:100%}ion-item.sc-ion-select-modal-ios{--inner-padding-end:0}ion-radio.sc-ion-select-modal-ios::after{bottom:0;position:absolute;width:calc(100% - 0.9375rem - 16px);border-width:0px 0px 0.55px 0px;border-style:solid;border-color:var(--ion-item-border-color, var(--ion-border-color, var(--ion-color-step-250, var(--ion-background-color-step-250, #c8c7cc))));content:""}ion-radio.sc-ion-select-modal-ios::after{inset-inline-start:calc(0.9375rem + 16px)}`;
19
+ const selectModalIosCss = () => `.action-sheet-button-label-has-rich-content.sc-ion-select-modal-ios,.alert-radio-label-has-rich-content.sc-ion-select-modal-ios,.alert-checkbox-label-has-rich-content.sc-ion-select-modal-ios,.select-option-label-has-rich-content.sc-ion-select-modal-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-modal-ios,.alert-radio-label-has-rich-content.sc-ion-select-modal-ios,.alert-checkbox-label-has-rich-content.sc-ion-select-modal-ios,.select-option-content.sc-ion-select-modal-ios{-ms-flex:1;flex:1}.action-sheet-button-label-text.sc-ion-select-modal-ios,.alert-checkbox-label-text.sc-ion-select-modal-ios,.alert-radio-label-text.sc-ion-select-modal-ios,.select-option-label-text.sc-ion-select-modal-ios{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;gap:12px}.select-option-start.sc-ion-select-modal-ios,.select-option-end.sc-ion-select-modal-ios{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;gap:8px}.select-option-description.sc-ion-select-modal-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-modal-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-modal-ios{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center}ion-radio.select-option-has-rich-content.sc-ion-select-modal-ios::part(label),ion-radio.select-option-has-rich-content.sc-ion-select-modal-ios [part~="label"],ion-checkbox.select-option-has-rich-content.sc-ion-select-modal-ios::part(label),ion-checkbox.select-option-has-rich-content.sc-ion-select-modal-ios [part~="label"],.select-option-content.sc-ion-select-modal-ios{-ms-flex:1;flex:1;white-space:normal}.select-option-start.sc-ion-select-modal-ios>ion-avatar.sc-ion-select-modal-ios,.select-option-start.sc-ion-select-modal-ios>ion-img.sc-ion-select-modal-ios,.select-option-start.sc-ion-select-modal-ios>ion-thumbnail.sc-ion-select-modal-ios,.select-option-start.sc-ion-select-modal-ios>img.sc-ion-select-modal-ios,.select-option-start.sc-ion-select-modal-ios>svg.sc-ion-select-modal-ios,.select-option-end.sc-ion-select-modal-ios>ion-avatar.sc-ion-select-modal-ios,.select-option-end.sc-ion-select-modal-ios>ion-img.sc-ion-select-modal-ios,.select-option-end.sc-ion-select-modal-ios>ion-thumbnail.sc-ion-select-modal-ios,.select-option-end.sc-ion-select-modal-ios>img.sc-ion-select-modal-ios,.select-option-end.sc-ion-select-modal-ios>svg.sc-ion-select-modal-ios{width:44px;height:44px}.select-option-start.sc-ion-select-modal-ios>ion-icon.sc-ion-select-modal-ios,.select-option-end.sc-ion-select-modal-ios>ion-icon.sc-ion-select-modal-ios{width:28px;height:28px}.action-sheet-button-label-text.sc-ion-select-modal-ios{-ms-flex-pack:center;justify-content:center}.select-option-has-rich-content.sc-ion-select-modal-ios{-webkit-padding-end:16px;padding-inline-end:16px}.sc-ion-select-modal-ios-h{height:100%}ion-item.sc-ion-select-modal-ios{--inner-padding-end:0}ion-radio.sc-ion-select-modal-ios::after{bottom:0;position:absolute;width:calc(100% - 0.9375rem - 16px);border-width:0px 0px 0.55px 0px;border-style:solid;border-color:var(--ion-item-border-color, var(--ion-border-color, var(--ion-color-step-250, var(--ion-background-color-step-250, #c8c7cc))));content:""}ion-radio.sc-ion-select-modal-ios::after{inset-inline-start:calc(0.9375rem + 16px)}`;
17
20
 
18
- const selectModalMdCss = () => `.sc-ion-select-modal-md-h{height:100%}ion-list.sc-ion-select-modal-md ion-radio.sc-ion-select-modal-md::part(container),ion-list.sc-ion-select-modal-md ion-radio.sc-ion-select-modal-md [part~="container"]{display:none}ion-list.sc-ion-select-modal-md ion-radio.sc-ion-select-modal-md::part(label),ion-list.sc-ion-select-modal-md ion-radio.sc-ion-select-modal-md [part~="label"]{margin-left:0;margin-right:0;margin-top:0;margin-bottom:0}ion-item.sc-ion-select-modal-md{--inner-border-width:0}.item-radio-checked.sc-ion-select-modal-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-modal-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)}`;
21
+ const selectModalMdCss = () => `.action-sheet-button-label-has-rich-content.sc-ion-select-modal-md,.alert-radio-label-has-rich-content.sc-ion-select-modal-md,.alert-checkbox-label-has-rich-content.sc-ion-select-modal-md,.select-option-label-has-rich-content.sc-ion-select-modal-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-modal-md,.alert-radio-label-has-rich-content.sc-ion-select-modal-md,.alert-checkbox-label-has-rich-content.sc-ion-select-modal-md,.select-option-content.sc-ion-select-modal-md{-ms-flex:1;flex:1}.action-sheet-button-label-text.sc-ion-select-modal-md,.alert-checkbox-label-text.sc-ion-select-modal-md,.alert-radio-label-text.sc-ion-select-modal-md,.select-option-label-text.sc-ion-select-modal-md{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;gap:12px}.select-option-start.sc-ion-select-modal-md,.select-option-end.sc-ion-select-modal-md{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;gap:8px}.select-option-description.sc-ion-select-modal-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-modal-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-modal-md{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center}ion-radio.select-option-has-rich-content.sc-ion-select-modal-md::part(label),ion-radio.select-option-has-rich-content.sc-ion-select-modal-md [part~="label"],ion-checkbox.select-option-has-rich-content.sc-ion-select-modal-md::part(label),ion-checkbox.select-option-has-rich-content.sc-ion-select-modal-md [part~="label"],.select-option-content.sc-ion-select-modal-md{-ms-flex:1;flex:1;white-space:normal}.select-option-start.sc-ion-select-modal-md>ion-avatar.sc-ion-select-modal-md,.select-option-end.sc-ion-select-modal-md>ion-avatar.sc-ion-select-modal-md{width:40px;height:40px}.select-option-start.sc-ion-select-modal-md>ion-icon.sc-ion-select-modal-md,.select-option-end.sc-ion-select-modal-md>ion-icon.sc-ion-select-modal-md{width:24px;height:24px}.select-option-start.sc-ion-select-modal-md>ion-img.sc-ion-select-modal-md,.select-option-start.sc-ion-select-modal-md>img.sc-ion-select-modal-md,.select-option-start.sc-ion-select-modal-md>svg.sc-ion-select-modal-md,.select-option-start.sc-ion-select-modal-md>ion-thumbnail.sc-ion-select-modal-md,.select-option-end.sc-ion-select-modal-md>ion-img.sc-ion-select-modal-md,.select-option-end.sc-ion-select-modal-md>img.sc-ion-select-modal-md,.select-option-end.sc-ion-select-modal-md>svg.sc-ion-select-modal-md,.select-option-end.sc-ion-select-modal-md>ion-thumbnail.sc-ion-select-modal-md{width:56px;height:56px}.select-option-start.sc-ion-select-modal-md>video.sc-ion-select-modal-md,.select-option-end.sc-ion-select-modal-md>video.sc-ion-select-modal-md{width:114px;height:56px}.sc-ion-select-modal-md-h{height:100%}ion-list.sc-ion-select-modal-md ion-radio.sc-ion-select-modal-md::part(container),ion-list.sc-ion-select-modal-md ion-radio.sc-ion-select-modal-md [part~="container"]{display:none}ion-list.sc-ion-select-modal-md ion-radio.sc-ion-select-modal-md::part(label),ion-list.sc-ion-select-modal-md ion-radio.sc-ion-select-modal-md [part~="label"]{margin-left:0;margin-right:0;margin-top:0;margin-bottom:0}ion-item.sc-ion-select-modal-md{--inner-border-width:0}.item-radio-checked.sc-ion-select-modal-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-modal-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)}`;
19
22
 
20
23
  const SelectModal = class {
21
24
  constructor(hostRef) {
@@ -69,41 +72,92 @@ const SelectModal = class {
69
72
  }
70
73
  }
71
74
  renderRadioOptions() {
75
+ const mode = getIonMode(this);
72
76
  const checked = this.options.filter((o) => o.checked).map((o) => o.value)[0];
73
- return (h("ion-radio-group", { value: checked, onIonChange: (ev) => this.callOptionHandler(ev) }, this.options.map((option) => (h("ion-item", { lines: "none", class: Object.assign({
77
+ return (h("ion-radio-group", { value: checked, onIonChange: (ev) => this.callOptionHandler(ev) }, this.options.map((option, index) => {
78
+ var _a, _b;
79
+ /**
80
+ * Cast to `SelectOverlayOption` to access rich content
81
+ * fields (`startContent`, `endContent`, `description`)
82
+ * that are passed through from `ion-select` but not
83
+ * part of the public `SelectModalOption` interface.
84
+ */
85
+ const richOption = option;
86
+ const hasRichContent = !!richOption.startContent || !!richOption.endContent || !!richOption.description;
87
+ const optionLabelOptions = {
88
+ id: `modal-option-${index}`,
89
+ label: richOption.text,
90
+ startContent: richOption.startContent,
91
+ endContent: richOption.endContent,
92
+ description: richOption.description,
93
+ };
94
+ const defaultLabelPlacement = getOverlayLabelPlacement(mode, 'radio', 'modal');
95
+ const defaultJustify = getOverlayLabelJustify(mode, 'radio', 'modal');
96
+ return (h("ion-item", { lines: "none",
74
97
  // TODO FW-4784
75
- 'item-radio-checked': option.value === checked
76
- }, getClassMap(option.cssClass)) }, h("ion-radio", { value: option.value, disabled: option.disabled, justify: "start", labelPlacement: "end", onClick: () => this.closeModal(), onKeyDown: (ev) => {
77
- if (ev.key === 'Enter' && !ev.repeat) {
78
- this.pendingEnterTarget = ev.currentTarget;
79
- }
80
- }, onKeyUp: (ev) => {
81
- if (ev.key === ' ') {
82
- // Space selects and dismisses in one press.
83
- this.closeModal();
84
- }
85
- else if (ev.key === 'Enter') {
86
- const shouldClose = this.pendingEnterTarget === ev.currentTarget;
87
- this.pendingEnterTarget = null;
88
- if (shouldClose) {
98
+ disabled: option.disabled, class: Object.assign({
99
+ // TODO FW-4784
100
+ 'item-radio-checked': option.value === checked
101
+ }, getClassMap(option.cssClass)) }, h("ion-radio", { class: {
102
+ 'select-option-has-rich-content': hasRichContent,
103
+ }, value: option.value, disabled: option.disabled, justify: (_a = richOption.justify) !== null && _a !== void 0 ? _a : defaultJustify, labelPlacement: (_b = richOption.labelPlacement) !== null && _b !== void 0 ? _b : defaultLabelPlacement, onClick: () => this.closeModal(), onKeyDown: (ev) => {
104
+ if (ev.key === 'Enter' && !ev.repeat) {
105
+ this.pendingEnterTarget = ev.currentTarget;
106
+ }
107
+ }, onKeyUp: (ev) => {
108
+ if (ev.key === ' ') {
109
+ // Space selects and dismisses in one press.
89
110
  this.closeModal();
90
111
  }
91
- }
92
- } }, option.text))))));
112
+ else if (ev.key === 'Enter') {
113
+ const shouldClose = this.pendingEnterTarget === ev.currentTarget;
114
+ this.pendingEnterTarget = null;
115
+ if (shouldClose) {
116
+ this.closeModal();
117
+ }
118
+ }
119
+ } }, renderOptionLabel(optionLabelOptions, 'select-option-label'))));
120
+ })));
93
121
  }
94
122
  renderCheckboxOptions() {
95
- return this.options.map((option) => (h("ion-item", { class: Object.assign({
96
- // TODO FW-4784
97
- 'item-checkbox-checked': option.checked
98
- }, getClassMap(option.cssClass)) }, h("ion-checkbox", { value: option.value, disabled: option.disabled, checked: option.checked, justify: "start", labelPlacement: "end", onIonChange: (ev) => {
99
- this.setChecked(ev);
100
- this.callOptionHandler(ev);
123
+ const mode = getIonMode(this);
124
+ return this.options.map((option, index) => {
125
+ var _a, _b;
126
+ /**
127
+ * Cast to `SelectOverlayOption` to access rich content
128
+ * fields (`startContent`, `endContent`, `description`)
129
+ * that are passed through from `ion-select` but not
130
+ * part of the public `SelectModalOption` interface.
131
+ */
132
+ const richOption = option;
133
+ const hasRichContent = !!richOption.startContent || !!richOption.endContent || !!richOption.description;
134
+ const optionLabelOptions = {
135
+ id: `modal-option-${index}`,
136
+ label: richOption.text,
137
+ startContent: richOption.startContent,
138
+ endContent: richOption.endContent,
139
+ description: richOption.description,
140
+ };
141
+ const defaultLabelPlacement = getOverlayLabelPlacement(mode, 'checkbox', 'modal');
142
+ const defaultJustify = getOverlayLabelJustify(mode, 'checkbox', 'modal');
143
+ return (h("ion-item", {
101
144
  // TODO FW-4784
102
- forceUpdate(this);
103
- } }, option.text))));
145
+ disabled: option.disabled, class: Object.assign({
146
+ // TODO FW-4784
147
+ 'item-checkbox-checked': option.checked
148
+ }, getClassMap(option.cssClass))
149
+ }, h("ion-checkbox", { class: {
150
+ 'select-option-has-rich-content': hasRichContent,
151
+ }, 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) => {
152
+ this.setChecked(ev);
153
+ this.callOptionHandler(ev);
154
+ // TODO FW-4784
155
+ forceUpdate(this);
156
+ } }, renderOptionLabel(optionLabelOptions, 'select-option-label'))));
157
+ });
104
158
  }
105
159
  render() {
106
- return (h(Host, { key: 'fda0bf6f93cd5ec9f3c64f88a52de849e0e140a2', class: getIonMode(this) }, h("ion-header", { key: '27c0b17175a53db9ff159feeeb96451a3f011dab' }, h("ion-toolbar", { key: '91a4155ebc317fbc9f1bb3e26a7e94754b953c9b' }, this.header !== undefined && h("ion-title", { key: 'f6dae8e4e381f322cc90efefd9bb6ef81d4d2f3e' }, this.header), h("ion-buttons", { key: 'e7760532fb2e7e7385ed6e62097d92d96ff20148', slot: "end" }, h("ion-button", { key: '4999b6fc46cba138186546dca67b7950855e6fb7', onClick: () => this.closeModal() }, this.cancelText)))), h("ion-content", { key: 'c73f80a4bc25b9061ea65cf11e5d811c1a4d8704' }, h("ion-list", { key: 'b21905d15b36ad5eb45845e768918d2763cf48b1' }, this.multiple === true ? this.renderCheckboxOptions() : this.renderRadioOptions()))));
160
+ return (h(Host, { key: '2cb1ae057b7a66f5d12c926f618f6b945f019803', class: getIonMode(this) }, h("ion-header", { key: 'e41f1c4ad1c71dcc927d210502d6366cea894a14' }, h("ion-toolbar", { key: '1a191dfc8980541469ee4d8996ba4de52cac1ac5' }, this.header !== undefined && h("ion-title", { key: '14ab9cb7d41d15b982c6ccd8ba6cee0e9cb528d9' }, this.header), h("ion-buttons", { key: '80451a2ed3a82138eb1575135cf2ebbd5e8f6e60', slot: "end" }, h("ion-button", { key: '01a315cd739569f3c0b23a4d243d52b69b63dfa7', onClick: () => this.closeModal() }, this.cancelText)))), h("ion-content", { key: 'd953101bae9a91f8108f7a5e411bb1e34338655d' }, h("ion-list", { key: '171a5668afc67b03d2ee87e91cf400b17541bc7f' }, this.multiple === true ? this.renderCheckboxOptions() : this.renderRadioOptions()))));
107
161
  }
108
162
  get el() { return getElement(this); }
109
163
  };