@ionic/core 8.8.20-dev.11788449221.155f9f1e → 8.8.20-dev.11789504012.1a675914

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 (418) hide show
  1. package/components/ion-accordion.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-breadcrumb.js +1 -1
  6. package/components/ion-button.js +1 -1
  7. package/components/ion-card.js +1 -1
  8. package/components/ion-checkbox.js +1 -1
  9. package/components/ion-chip.js +1 -1
  10. package/components/ion-col.js +1 -1
  11. package/components/ion-content.js +1 -1
  12. package/components/ion-datetime-button.js +1 -1
  13. package/components/ion-datetime.js +1 -1
  14. package/components/ion-divider.js +1 -1
  15. package/components/ion-fab-button.js +1 -1
  16. package/components/ion-fab-list.js +1 -1
  17. package/components/ion-fab.js +1 -1
  18. package/components/ion-footer.js +1 -1
  19. package/components/ion-gallery-item.js +1 -1
  20. package/components/ion-gallery.js +1 -1
  21. package/components/ion-grid.js +1 -1
  22. package/components/ion-header.js +1 -1
  23. package/components/ion-img.js +1 -1
  24. package/components/ion-infinite-scroll-content.js +1 -1
  25. package/components/ion-infinite-scroll.js +1 -1
  26. package/components/ion-input-otp.js +1 -1
  27. package/components/ion-input-password-toggle.js +1 -1
  28. package/components/ion-input.js +1 -1
  29. package/components/ion-item-divider.js +1 -1
  30. package/components/ion-item-group.js +1 -1
  31. package/components/ion-item-option.js +1 -1
  32. package/components/ion-item-options.js +1 -1
  33. package/components/ion-item-sliding.js +1 -1
  34. package/components/ion-item.js +1 -1
  35. package/components/ion-label.js +1 -1
  36. package/components/ion-list-header.js +1 -1
  37. package/components/ion-list.js +1 -1
  38. package/components/ion-loading.js +1 -1
  39. package/components/ion-menu-button.js +1 -1
  40. package/components/ion-menu-toggle.js +1 -1
  41. package/components/ion-menu.js +1 -1
  42. package/components/ion-modal.js +1 -1
  43. package/components/ion-nav-link.js +1 -1
  44. package/components/ion-nav.js +1 -1
  45. package/components/ion-note.js +1 -1
  46. package/components/ion-picker-column-option.js +1 -1
  47. package/components/ion-picker-column.js +1 -1
  48. package/components/ion-picker-legacy-column.js +1 -1
  49. package/components/ion-picker-legacy.js +1 -1
  50. package/components/ion-picker.js +1 -1
  51. package/components/ion-popover.js +1 -1
  52. package/components/ion-progress-bar.js +1 -1
  53. package/components/ion-radio-group.js +1 -1
  54. package/components/ion-radio.js +1 -1
  55. package/components/ion-range.js +1 -1
  56. package/components/ion-refresher-content.js +1 -1
  57. package/components/ion-refresher.js +1 -1
  58. package/components/ion-reorder-group.js +1 -1
  59. package/components/ion-reorder.js +1 -1
  60. package/components/ion-ripple-effect.js +1 -1
  61. package/components/ion-router-link.js +1 -1
  62. package/components/ion-router-outlet.js +1 -1
  63. package/components/ion-row.js +1 -1
  64. package/components/ion-searchbar.js +1 -1
  65. package/components/ion-segment-button.js +1 -1
  66. package/components/ion-segment-content.js +1 -1
  67. package/components/ion-segment-view.js +1 -1
  68. package/components/ion-segment.js +1 -1
  69. package/components/ion-select-modal.js +1 -1
  70. package/components/ion-select-option.js +1 -1
  71. package/components/ion-select-popover.js +1 -1
  72. package/components/ion-select.js +1 -1
  73. package/components/ion-skeleton-text.js +1 -1
  74. package/components/ion-spinner.js +1 -1
  75. package/components/ion-split-pane.js +1 -1
  76. package/components/ion-tab-bar.js +1 -1
  77. package/components/ion-tab-button.js +1 -1
  78. package/components/ion-tab.js +1 -1
  79. package/components/ion-tabs.js +1 -1
  80. package/components/ion-text.js +1 -1
  81. package/components/ion-textarea.js +1 -1
  82. package/components/ion-thumbnail.js +1 -1
  83. package/components/ion-title.js +1 -1
  84. package/components/ion-toast.js +1 -1
  85. package/components/ion-toggle.js +1 -1
  86. package/components/ion-toolbar.js +1 -1
  87. package/components/p-0MMiHJhx.js +4 -0
  88. package/components/{p-Cc3oC60a.js → p-0rXxxCTt.js} +1 -1
  89. package/components/{p-D6zl6ZA8.js → p-BXXTyrCp.js} +1 -1
  90. package/components/{p-D2tZEPGv.js → p-BZxBDeEU.js} +1 -1
  91. package/components/{p-DkfVuzjA.js → p-BcWO94Sl.js} +1 -1
  92. package/components/{p-BrF4HSay.js → p-Br6q6Rgq.js} +1 -1
  93. package/components/{p-CaXMr1SL.js → p-C-cw-bM-.js} +1 -1
  94. package/components/{p-B_a4XnF2.js → p-C2J-Hvv3.js} +1 -1
  95. package/components/{p-CHB9zWT6.js → p-C5Bnq_Hm.js} +1 -1
  96. package/components/{p-CxoHM559.js → p-C5JYXyPD.js} +1 -1
  97. package/components/{p-DNweMi32.js → p-C898H5L0.js} +1 -1
  98. package/components/{p-B39i6rpY.js → p-C8kcgEG7.js} +1 -1
  99. package/components/{p-BLP69XoA.js → p-CH8ypgvS.js} +1 -1
  100. package/components/{p-C1L59jNd.js → p-CMtmHGrE.js} +1 -1
  101. package/components/{p-C784We0w.js → p-CNlz8OTE.js} +1 -1
  102. package/components/p-CToV3-ig.js +4 -0
  103. package/components/p-CV7PNBGr.js +4 -0
  104. package/components/p-CgbD1udy.js +4 -0
  105. package/components/p-ClTdIlic.js +4 -0
  106. package/components/{p-Bs5kME4N.js → p-Dh1f5tAK.js} +1 -1
  107. package/components/{p-CWqLCAML.js → p-DqkLOArC.js} +1 -1
  108. package/components/{p-BUePQFRZ.js → p-WeNgVmOy.js} +1 -1
  109. package/components/p-eRqVSlkn.js +4 -0
  110. package/components/{p-Ds3yn-R0.js → p-fUXE2zLc.js} +1 -1
  111. package/components/p-pztWcmzj.js +4 -0
  112. package/dist/cjs/ion-accordion_2.cjs.entry.js +9 -13
  113. package/dist/cjs/ion-app_8.cjs.entry.js +12 -12
  114. package/dist/cjs/ion-avatar_3.cjs.entry.js +2 -2
  115. package/dist/cjs/ion-back-button.cjs.entry.js +10 -11
  116. package/dist/cjs/ion-breadcrumb_2.cjs.entry.js +16 -27
  117. package/dist/cjs/ion-checkbox.cjs.entry.js +22 -14
  118. package/dist/cjs/ion-chip.cjs.entry.js +2 -2
  119. package/dist/cjs/ion-col_3.cjs.entry.js +6 -6
  120. package/dist/cjs/ion-datetime-button.cjs.entry.js +2 -2
  121. package/dist/cjs/ion-datetime_3.cjs.entry.js +16 -48
  122. package/dist/cjs/ion-divider.cjs.entry.js +2 -2
  123. package/dist/cjs/ion-fab_3.cjs.entry.js +13 -17
  124. package/dist/cjs/ion-gallery-item.cjs.entry.js +2 -2
  125. package/dist/cjs/ion-gallery.cjs.entry.js +2 -2
  126. package/dist/cjs/ion-img.cjs.entry.js +2 -2
  127. package/dist/cjs/ion-infinite-scroll_2.cjs.entry.js +3 -3
  128. package/dist/cjs/ion-input-otp.cjs.entry.js +3 -3
  129. package/dist/cjs/ion-input-password-toggle.cjs.entry.js +17 -27
  130. package/dist/cjs/ion-input.cjs.entry.js +6 -13
  131. package/dist/cjs/ion-item-option_3.cjs.entry.js +4 -4
  132. package/dist/cjs/ion-item_8.cjs.entry.js +22 -26
  133. package/dist/cjs/ion-loading.cjs.entry.js +2 -2
  134. package/dist/cjs/ion-menu_3.cjs.entry.js +13 -15
  135. package/dist/cjs/ion-modal.cjs.entry.js +4 -4
  136. package/dist/cjs/ion-nav_2.cjs.entry.js +2 -2
  137. package/dist/cjs/ion-picker-column-option.cjs.entry.js +2 -2
  138. package/dist/cjs/ion-picker-column.cjs.entry.js +3 -3
  139. package/dist/cjs/ion-picker.cjs.entry.js +2 -2
  140. package/dist/cjs/ion-popover.cjs.entry.js +2 -2
  141. package/dist/cjs/ion-progress-bar.cjs.entry.js +1 -1
  142. package/dist/cjs/ion-radio_2.cjs.entry.js +5 -5
  143. package/dist/cjs/ion-range.cjs.entry.js +3 -3
  144. package/dist/cjs/ion-refresher_2.cjs.entry.js +11 -6
  145. package/dist/cjs/ion-reorder_2.cjs.entry.js +6 -13
  146. package/dist/cjs/ion-ripple-effect.cjs.entry.js +1 -1
  147. package/dist/cjs/ion-route_4.cjs.entry.js +2 -2
  148. package/dist/cjs/ion-searchbar.cjs.entry.js +8 -34
  149. package/dist/cjs/ion-segment-content.cjs.entry.js +1 -1
  150. package/dist/cjs/ion-segment-view.cjs.entry.js +2 -2
  151. package/dist/cjs/ion-segment_2.cjs.entry.js +4 -4
  152. package/dist/cjs/ion-select-modal.cjs.entry.js +9 -8
  153. package/dist/cjs/ion-select_3.cjs.entry.js +10 -23
  154. package/dist/cjs/ion-spinner.cjs.entry.js +1 -1
  155. package/dist/cjs/ion-split-pane.cjs.entry.js +2 -2
  156. package/dist/cjs/ion-tab-bar_2.cjs.entry.js +4 -4
  157. package/dist/cjs/ion-tab_2.cjs.entry.js +3 -3
  158. package/dist/cjs/ion-text.cjs.entry.js +2 -2
  159. package/dist/cjs/ion-textarea.cjs.entry.js +3 -3
  160. package/dist/cjs/ion-toast.cjs.entry.js +2 -2
  161. package/dist/cjs/ion-toggle.cjs.entry.js +12 -27
  162. package/dist/cjs/ionic.cjs.js +1 -1
  163. package/dist/cjs/loader.cjs.js +1 -1
  164. package/dist/collection/components/accordion/accordion.js +9 -13
  165. package/dist/collection/components/back-button/back-button.js +10 -11
  166. package/dist/collection/components/breadcrumb/breadcrumb.js +16 -26
  167. package/dist/collection/components/checkbox/checkbox.ionic.css +33 -40
  168. package/dist/collection/components/checkbox/checkbox.ios.css +30 -24
  169. package/dist/collection/components/checkbox/checkbox.js +22 -12
  170. package/dist/collection/components/checkbox/checkbox.md.css +30 -24
  171. package/dist/collection/components/chip/chip.js +2 -2
  172. package/dist/collection/components/col/col.js +2 -2
  173. package/dist/collection/components/content/content.js +3 -3
  174. package/dist/collection/components/datetime/datetime.js +12 -44
  175. package/dist/collection/components/datetime-button/datetime-button.js +2 -2
  176. package/dist/collection/components/divider/divider.js +2 -2
  177. package/dist/collection/components/fab/fab.js +2 -2
  178. package/dist/collection/components/fab-button/fab-button.js +9 -13
  179. package/dist/collection/components/fab-list/fab-list.js +2 -2
  180. package/dist/collection/components/footer/footer.js +2 -2
  181. package/dist/collection/components/gallery/gallery.js +2 -2
  182. package/dist/collection/components/gallery-item/gallery-item.js +2 -2
  183. package/dist/collection/components/grid/grid.js +2 -2
  184. package/dist/collection/components/header/header.js +2 -2
  185. package/dist/collection/components/img/img.js +2 -2
  186. package/dist/collection/components/infinite-scroll/infinite-scroll.js +1 -1
  187. package/dist/collection/components/infinite-scroll-content/infinite-scroll-content.js +2 -2
  188. package/dist/collection/components/input/input.js +6 -13
  189. package/dist/collection/components/input-otp/input-otp.js +3 -3
  190. package/dist/collection/components/input-password-toggle/input-password-toggle.js +18 -26
  191. package/dist/collection/components/item/item.js +10 -14
  192. package/dist/collection/components/item-divider/item-divider.js +2 -2
  193. package/dist/collection/components/item-group/item-group.js +1 -1
  194. package/dist/collection/components/item-option/item-option.js +2 -2
  195. package/dist/collection/components/item-options/item-options.js +1 -1
  196. package/dist/collection/components/item-sliding/item-sliding.js +1 -1
  197. package/dist/collection/components/label/label.js +2 -2
  198. package/dist/collection/components/list/list.js +1 -1
  199. package/dist/collection/components/list-header/list-header.js +2 -2
  200. package/dist/collection/components/loading/loading.js +2 -2
  201. package/dist/collection/components/menu/menu.js +2 -2
  202. package/dist/collection/components/menu-button/menu-button.js +9 -11
  203. package/dist/collection/components/menu-toggle/menu-toggle.js +2 -2
  204. package/dist/collection/components/modal/modal.js +4 -4
  205. package/dist/collection/components/nav/nav.js +1 -1
  206. package/dist/collection/components/nav-link/nav-link.js +1 -1
  207. package/dist/collection/components/note/note.js +2 -2
  208. package/dist/collection/components/picker/picker.js +2 -2
  209. package/dist/collection/components/picker-column/picker-column.js +3 -3
  210. package/dist/collection/components/picker-column-option/picker-column-option.js +2 -2
  211. package/dist/collection/components/picker-legacy/picker.js +2 -2
  212. package/dist/collection/components/picker-legacy-column/picker-column.js +2 -2
  213. package/dist/collection/components/popover/popover.js +2 -2
  214. package/dist/collection/components/progress-bar/progress-bar.js +1 -1
  215. package/dist/collection/components/radio/radio.js +3 -3
  216. package/dist/collection/components/radio-group/radio-group.js +2 -2
  217. package/dist/collection/components/range/range.js +3 -3
  218. package/dist/collection/components/refresher/refresher.js +1 -1
  219. package/dist/collection/components/refresher-content/refresher-content.js +10 -4
  220. package/dist/collection/components/reorder/reorder.js +5 -12
  221. package/dist/collection/components/reorder-group/reorder-group.js +1 -1
  222. package/dist/collection/components/ripple-effect/ripple-effect.js +1 -1
  223. package/dist/collection/components/router-link/router-link.js +2 -2
  224. package/dist/collection/components/router-outlet/router-outlet.js +1 -1
  225. package/dist/collection/components/row/row.js +2 -2
  226. package/dist/collection/components/searchbar/searchbar.js +8 -32
  227. package/dist/collection/components/segment/segment.js +2 -2
  228. package/dist/collection/components/segment-button/segment-button.js +2 -2
  229. package/dist/collection/components/segment-content/segment-content.js +1 -1
  230. package/dist/collection/components/segment-view/segment-view.js +2 -2
  231. package/dist/collection/components/select/select.js +7 -20
  232. package/dist/collection/components/select-modal/select-modal.js +10 -8
  233. package/dist/collection/components/select-option/select-option.js +1 -1
  234. package/dist/collection/components/select-popover/select-popover.js +2 -2
  235. package/dist/collection/components/skeleton-text/skeleton-text.js +2 -2
  236. package/dist/collection/components/spinner/spinner.js +1 -1
  237. package/dist/collection/components/split-pane/split-pane.js +2 -2
  238. package/dist/collection/components/tab/tab.js +2 -2
  239. package/dist/collection/components/tab-bar/tab-bar.js +2 -2
  240. package/dist/collection/components/tab-button/tab-button.js +2 -2
  241. package/dist/collection/components/tabs/tabs.js +1 -1
  242. package/dist/collection/components/text/text.js +2 -2
  243. package/dist/collection/components/textarea/textarea.js +3 -3
  244. package/dist/collection/components/thumbnail/thumbnail.js +2 -2
  245. package/dist/collection/components/title/title.js +2 -2
  246. package/dist/collection/components/toast/toast.js +2 -2
  247. package/dist/collection/components/toggle/toggle.js +12 -25
  248. package/dist/collection/components/toolbar/toolbar.js +2 -2
  249. package/dist/docs.json +23 -10
  250. package/dist/esm/{index-B4Kq2YNk.js → index-PnwG0glX.js} +1 -1
  251. package/dist/esm/ion-accordion_2.entry.js +10 -14
  252. package/dist/esm/ion-app_8.entry.js +12 -12
  253. package/dist/esm/ion-avatar_3.entry.js +2 -2
  254. package/dist/esm/ion-back-button.entry.js +11 -12
  255. package/dist/esm/ion-breadcrumb_2.entry.js +17 -28
  256. package/dist/esm/ion-checkbox.entry.js +23 -15
  257. package/dist/esm/ion-chip.entry.js +2 -2
  258. package/dist/esm/ion-col_3.entry.js +6 -6
  259. package/dist/esm/ion-datetime-button.entry.js +2 -2
  260. package/dist/esm/ion-datetime_3.entry.js +17 -49
  261. package/dist/esm/ion-divider.entry.js +2 -2
  262. package/dist/esm/ion-fab_3.entry.js +14 -18
  263. package/dist/esm/ion-gallery-item.entry.js +2 -2
  264. package/dist/esm/ion-gallery.entry.js +2 -2
  265. package/dist/esm/ion-img.entry.js +2 -2
  266. package/dist/esm/ion-infinite-scroll_2.entry.js +3 -3
  267. package/dist/esm/ion-input-otp.entry.js +3 -3
  268. package/dist/esm/ion-input-password-toggle.entry.js +19 -29
  269. package/dist/esm/ion-input.entry.js +7 -14
  270. package/dist/esm/ion-item-option_3.entry.js +4 -4
  271. package/dist/esm/ion-item_8.entry.js +23 -27
  272. package/dist/esm/ion-loading.entry.js +2 -2
  273. package/dist/esm/ion-menu_3.entry.js +14 -16
  274. package/dist/esm/ion-modal.entry.js +4 -4
  275. package/dist/esm/ion-nav_2.entry.js +2 -2
  276. package/dist/esm/ion-picker-column-option.entry.js +2 -2
  277. package/dist/esm/ion-picker-column.entry.js +3 -3
  278. package/dist/esm/ion-picker.entry.js +2 -2
  279. package/dist/esm/ion-popover.entry.js +2 -2
  280. package/dist/esm/ion-progress-bar.entry.js +1 -1
  281. package/dist/esm/ion-radio_2.entry.js +5 -5
  282. package/dist/esm/ion-range.entry.js +3 -3
  283. package/dist/esm/ion-refresher_2.entry.js +12 -7
  284. package/dist/esm/ion-reorder_2.entry.js +7 -14
  285. package/dist/esm/ion-ripple-effect.entry.js +1 -1
  286. package/dist/esm/ion-route_4.entry.js +2 -2
  287. package/dist/esm/ion-searchbar.entry.js +9 -35
  288. package/dist/esm/ion-segment-content.entry.js +1 -1
  289. package/dist/esm/ion-segment-view.entry.js +2 -2
  290. package/dist/esm/ion-segment_2.entry.js +4 -4
  291. package/dist/esm/ion-select-modal.entry.js +11 -10
  292. package/dist/esm/ion-select_3.entry.js +11 -24
  293. package/dist/esm/ion-spinner.entry.js +1 -1
  294. package/dist/esm/ion-split-pane.entry.js +2 -2
  295. package/dist/esm/ion-tab-bar_2.entry.js +4 -4
  296. package/dist/esm/ion-tab_2.entry.js +3 -3
  297. package/dist/esm/ion-text.entry.js +2 -2
  298. package/dist/esm/ion-textarea.entry.js +3 -3
  299. package/dist/esm/ion-toast.entry.js +2 -2
  300. package/dist/esm/ion-toggle.entry.js +13 -28
  301. package/dist/esm/ionic.js +1 -1
  302. package/dist/esm/loader.js +1 -1
  303. package/dist/ionic/ionic.esm.js +1 -1
  304. package/dist/ionic/{p-2e0184c0.entry.js → p-0115c2fa.entry.js} +1 -1
  305. package/dist/ionic/p-0b2c58e0.entry.js +4 -0
  306. package/dist/ionic/{p-fc726f4a.entry.js → p-0bfb8d9e.entry.js} +1 -1
  307. package/dist/ionic/{p-68e453f7.entry.js → p-1147fa06.entry.js} +1 -1
  308. package/dist/ionic/{p-c4ed1e18.entry.js → p-1e45586e.entry.js} +1 -1
  309. package/dist/ionic/p-208cecae.entry.js +4 -0
  310. package/dist/ionic/p-29f69d29.entry.js +4 -0
  311. package/dist/ionic/{p-d9ac7a0d.entry.js → p-2b5e04c5.entry.js} +1 -1
  312. package/dist/ionic/{p-31a0c9c2.entry.js → p-311ef139.entry.js} +1 -1
  313. package/dist/ionic/{p-1ce65194.entry.js → p-3eff3411.entry.js} +1 -1
  314. package/dist/ionic/p-3f17704b.entry.js +4 -0
  315. package/dist/ionic/p-46e754ae.entry.js +4 -0
  316. package/dist/ionic/{p-b4901bce.entry.js → p-4901a10b.entry.js} +1 -1
  317. package/dist/ionic/{p-1b473bad.entry.js → p-4c8178d8.entry.js} +1 -1
  318. package/dist/ionic/p-5196bee9.entry.js +4 -0
  319. package/dist/ionic/{p-c4ebdfd2.entry.js → p-5386b094.entry.js} +1 -1
  320. package/dist/ionic/{p-2365483a.entry.js → p-54579b68.entry.js} +1 -1
  321. package/dist/ionic/{p-ff74cf5d.entry.js → p-54baa1af.entry.js} +1 -1
  322. package/dist/ionic/{p-2bf60b77.entry.js → p-59e59209.entry.js} +1 -1
  323. package/dist/ionic/p-5ad0c670.entry.js +4 -0
  324. package/dist/ionic/{p-9db78e5c.entry.js → p-62602fbd.entry.js} +1 -1
  325. package/dist/ionic/{p-316eed75.entry.js → p-6b86cb62.entry.js} +1 -1
  326. package/dist/ionic/p-7134537b.entry.js +4 -0
  327. package/dist/ionic/p-72eacca0.entry.js +4 -0
  328. package/dist/ionic/{p-296226f1.entry.js → p-7ae06f6f.entry.js} +1 -1
  329. package/dist/ionic/p-7bde9ee1.entry.js +4 -0
  330. package/dist/ionic/p-87ab986c.entry.js +4 -0
  331. package/dist/ionic/{p-8303462c.entry.js → p-9dff6288.entry.js} +1 -1
  332. package/dist/ionic/p-9e09cb80.entry.js +4 -0
  333. package/dist/ionic/{p-B4Kq2YNk.js → p-PnwG0glX.js} +1 -1
  334. package/dist/ionic/p-a320cdb2.entry.js +4 -0
  335. package/dist/ionic/{p-731d11e1.entry.js → p-a4bed36b.entry.js} +1 -1
  336. package/dist/ionic/{p-75c7595c.entry.js → p-a7914fe5.entry.js} +1 -1
  337. package/dist/ionic/p-aa298c58.entry.js +4 -0
  338. package/dist/ionic/{p-be06def7.entry.js → p-ace3062d.entry.js} +1 -1
  339. package/dist/ionic/{p-ddc41dbb.entry.js → p-b70775b0.entry.js} +1 -1
  340. package/dist/ionic/{p-2016c1c0.entry.js → p-b7c75507.entry.js} +1 -1
  341. package/dist/ionic/p-b920f149.entry.js +4 -0
  342. package/dist/ionic/p-c39025c0.entry.js +4 -0
  343. package/dist/ionic/{p-2e1d650a.entry.js → p-c9cda5ce.entry.js} +1 -1
  344. package/dist/ionic/{p-f6768728.entry.js → p-cc314123.entry.js} +1 -1
  345. package/dist/ionic/p-d1f42864.entry.js +4 -0
  346. package/dist/ionic/p-d4506138.entry.js +4 -0
  347. package/dist/ionic/{p-f0968c91.entry.js → p-dbd06d8d.entry.js} +1 -1
  348. package/dist/ionic/{p-a9df0ccf.entry.js → p-dda49380.entry.js} +1 -1
  349. package/dist/ionic/{p-5dedd699.entry.js → p-e95618c4.entry.js} +1 -1
  350. package/dist/ionic/{p-b25f3aba.entry.js → p-f89fcf62.entry.js} +1 -1
  351. package/dist/ionic/p-fcce2dda.entry.js +4 -0
  352. package/dist/ionic/p-fd2a869f.entry.js +4 -0
  353. package/dist/ionic/{p-bb7bb4fd.entry.js → p-fd95a423.entry.js} +1 -1
  354. package/dist/ionic/{p-7cbf17f0.entry.js → p-fe14205b.entry.js} +1 -1
  355. package/dist/types/components/accordion/accordion.d.ts +6 -0
  356. package/dist/types/components/back-button/back-button.d.ts +6 -0
  357. package/dist/types/components/breadcrumb/breadcrumb.d.ts +10 -0
  358. package/dist/types/components/checkbox/checkbox.d.ts +12 -1
  359. package/dist/types/components/datetime/datetime.d.ts +4 -4
  360. package/dist/types/components/fab-button/fab-button.d.ts +6 -0
  361. package/dist/types/components/input-password-toggle/input-password-toggle.d.ts +12 -0
  362. package/dist/types/components/item/item.d.ts +6 -0
  363. package/dist/types/components/menu-button/menu-button.d.ts +5 -0
  364. package/dist/types/components/refresher-content/refresher-content.d.ts +6 -0
  365. package/dist/types/components/reorder/reorder.d.ts +1 -1
  366. package/dist/types/components/select-modal/select-modal.d.ts +5 -0
  367. package/dist/types/components/toggle/toggle.d.ts +5 -2
  368. package/dist/types/utils/config.d.ts +19 -0
  369. package/hydrate/index.js +297 -415
  370. package/hydrate/index.mjs +297 -415
  371. package/package.json +1 -2
  372. package/components/p-BDqjX7Z_.js +0 -4
  373. package/components/p-BYSs-jZz.js +0 -4
  374. package/components/p-BnQAsi91.js +0 -4
  375. package/components/p-C5F5Zw01.js +0 -4
  376. package/components/p-CA81qANP.js +0 -4
  377. package/components/p-CJNsztW3.js +0 -4
  378. package/components/p-CaB0_AG0.js +0 -4
  379. package/components/p-D1t981Ih.js +0 -4
  380. package/components/p-Dhi5xtNS.js +0 -4
  381. package/components/p-VrmyB-Wu.js +0 -4
  382. package/components/p-fIOYmaqA.js +0 -4
  383. package/components/p-vUGYs065.js +0 -4
  384. package/dist/cjs/caret-down-vtVgfXIs.js +0 -8
  385. package/dist/cjs/caret-left-CxZXLRv5.js +0 -8
  386. package/dist/cjs/caret-right-CRCgv98E.js +0 -8
  387. package/dist/cjs/list-a-7GSA6K.js +0 -8
  388. package/dist/cjs/x-BTF99yFH.js +0 -8
  389. package/dist/esm/caret-down-D1t981Ih.js +0 -6
  390. package/dist/esm/caret-left-fIOYmaqA.js +0 -6
  391. package/dist/esm/caret-right-BYSs-jZz.js +0 -6
  392. package/dist/esm/list-Dhi5xtNS.js +0 -6
  393. package/dist/esm/x-BDqjX7Z_.js +0 -6
  394. package/dist/ionic/p-0166d6e5.entry.js +0 -4
  395. package/dist/ionic/p-0a0a66e2.entry.js +0 -4
  396. package/dist/ionic/p-0c636ad3.entry.js +0 -4
  397. package/dist/ionic/p-126031d2.entry.js +0 -4
  398. package/dist/ionic/p-1a609156.entry.js +0 -4
  399. package/dist/ionic/p-1c1c18da.entry.js +0 -4
  400. package/dist/ionic/p-2a54aec2.entry.js +0 -4
  401. package/dist/ionic/p-40a21a22.entry.js +0 -4
  402. package/dist/ionic/p-431bc3ce.entry.js +0 -4
  403. package/dist/ionic/p-51542c69.entry.js +0 -4
  404. package/dist/ionic/p-711ba315.entry.js +0 -4
  405. package/dist/ionic/p-76232f5f.entry.js +0 -4
  406. package/dist/ionic/p-BDqjX7Z_.js +0 -4
  407. package/dist/ionic/p-BYSs-jZz.js +0 -4
  408. package/dist/ionic/p-D1t981Ih.js +0 -4
  409. package/dist/ionic/p-Dhi5xtNS.js +0 -4
  410. package/dist/ionic/p-ac3af8af.entry.js +0 -4
  411. package/dist/ionic/p-b3da2cc7.entry.js +0 -4
  412. package/dist/ionic/p-b4533070.entry.js +0 -4
  413. package/dist/ionic/p-c0983eac.entry.js +0 -4
  414. package/dist/ionic/p-dc8a8505.entry.js +0 -4
  415. package/dist/ionic/p-df642ef5.entry.js +0 -4
  416. package/dist/ionic/p-e086f8c3.entry.js +0 -4
  417. package/dist/ionic/p-edd8f490.entry.js +0 -4
  418. package/dist/ionic/p-fIOYmaqA.js +0 -4
package/hydrate/index.mjs CHANGED
@@ -5912,8 +5912,6 @@ var setScopedSSR = (opts) => {
5912
5912
  var needsScopedSSR = () => scopedSSR;
5913
5913
  var scopedSSR = false;
5914
5914
 
5915
- const caretDownSvg = 'data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyNTYgMjU2IiBmaWxsPSJjdXJyZW50Q29sb3IiPjxwYXRoIGQ9Ik0yMTMuNjYsMTAxLjY2bC04MCw4MGE4LDgsMCwwLDEtMTEuMzIsMGwtODAtODBBOCw4LDAsMCwxLDUzLjY2LDkwLjM0TDEyOCwxNjQuNjlsNzQuMzQtNzQuMzVhOCw4LDAsMCwxLDExLjMyLDExLjMyWiIvPjwvc3ZnPg==';
5916
-
5917
5915
  const ION_FOCUSED = 'ion-focused';
5918
5916
  const ION_FOCUSABLE = 'ion-focusable';
5919
5917
  const FOCUS_KEYS = [
@@ -6874,22 +6872,19 @@ class Accordion {
6874
6872
  this.setAria(expanded);
6875
6873
  });
6876
6874
  }
6875
+ /**
6876
+ * Get the icon to use for the toggle icon.
6877
+ * If an icon is set on the component, use that.
6878
+ * Otherwise, use the icon set in the config.
6879
+ * If no icon is set in the config, use the default icon.
6880
+ */
6877
6881
  get accordionToggleIcon() {
6878
6882
  // Return the icon if it is explicitly set
6879
6883
  if (this.toggleIcon != null) {
6880
6884
  return this.toggleIcon;
6881
6885
  }
6882
- // Determine the theme and map to default icons
6883
- const theme = getIonTheme(this);
6884
- const defaultIcons = {
6885
- ios: chevronDown,
6886
- ionic: caretDownSvg,
6887
- md: chevronDown,
6888
- };
6889
- // Get the default icon based on the theme, falling back to 'md' icon if necessary
6890
- const defaultIcon = defaultIcons[theme] || defaultIcons.md;
6891
6886
  // Return the configured accordion toggle icon or the default icon
6892
- return config.get('accordionToggleIcon', defaultIcon);
6887
+ return config.get('accordionToggleIcon', chevronDown);
6893
6888
  }
6894
6889
  toggleExpanded() {
6895
6890
  const { accordionGroupEl, disabled, readonly, value, state } = this;
@@ -6920,7 +6915,7 @@ class Accordion {
6920
6915
  const headerPart = expanded ? 'header expanded' : 'header';
6921
6916
  const contentPart = expanded ? 'content expanded' : 'content';
6922
6917
  this.setAria(expanded);
6923
- return (hAsync(Host, { key: 'dc4f4369be66507b8b0f0e28a8ab73d0d11d89ca', class: {
6918
+ return (hAsync(Host, { key: '2e516386263715b2843c0af02e7ac928df1da007', class: {
6924
6919
  [theme]: true,
6925
6920
  'accordion-expanding': this.state === 8 /* AccordionState.Expanding */,
6926
6921
  'accordion-expanded': this.state === 4 /* AccordionState.Expanded */,
@@ -6933,7 +6928,7 @@ class Accordion {
6933
6928
  'accordion-readonly': readonly,
6934
6929
  'accordion-animated': this.shouldAnimate(),
6935
6930
  'in-accordion-group-expand-inset': hostContext('.accordion-group-expand-inset', this.el),
6936
- }, tabindex: disabled ? '-1' : undefined }, hAsync("div", { key: '3e67b334a8b12eb337d2deae47b6a661cba41c74', onClick: () => this.toggleExpanded(), id: "header", part: headerPart, "aria-controls": "content", ref: (headerEl) => (this.headerEl = headerEl) }, hAsync("slot", { key: 'ae7618fb460577c6c31995d8e842c1de16263985', name: "header" })), hAsync("div", { key: '9fc9964f77b9344f763c9adf69ce0bc09534bc75', id: "content", part: contentPart, role: "region", "aria-labelledby": "header", ref: (contentEl) => (this.contentEl = contentEl) }, hAsync("div", { key: '996cf517f866dc516e4ce488c647364e8b2726c8', id: "content-wrapper", ref: (contentElWrapper) => (this.contentElWrapper = contentElWrapper) }, hAsync("slot", { key: 'b48b4bc14e8ea1ef04c3e5acebbdf6f7c543c4c7', name: "content" })))));
6931
+ }, tabindex: disabled ? '-1' : undefined }, hAsync("div", { key: 'd865a68388a1a7e6d594258a277a0b72a2565043', onClick: () => this.toggleExpanded(), id: "header", part: headerPart, "aria-controls": "content", ref: (headerEl) => (this.headerEl = headerEl) }, hAsync("slot", { key: '1a5b7987a7e2b4903bdf5575c10f2995bcbc7a64', name: "header" })), hAsync("div", { key: 'dbba2ad70c192a08e73e490876ad57f35499c551', id: "content", part: contentPart, role: "region", "aria-labelledby": "header", ref: (contentEl) => (this.contentEl = contentEl) }, hAsync("div", { key: '0183fb76b3a8356b0d1d3f5cd53dd77e1bc196f4', id: "content-wrapper", ref: (contentElWrapper) => (this.contentElWrapper = contentElWrapper) }, hAsync("slot", { key: 'fa38df103feb66a412d7998e664f3c4818b20f75', name: "content" })))));
6937
6932
  }
6938
6933
  static get delegatesFocus() { return true; }
6939
6934
  get el() { return getElement(this); }
@@ -12224,8 +12219,6 @@ class Avatar {
12224
12219
  }; }
12225
12220
  }
12226
12221
 
12227
- const caretLeftSvg = 'data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyNTYgMjU2IiBmaWxsPSJjdXJyZW50Q29sb3IiPjxwYXRoIGQ9Ik0xNjUuNjYsMjAyLjM0YTgsOCwwLDAsMS0xMS4zMiwxMS4zMmwtODAtODBhOCw4LDAsMCwxLDAtMTEuMzJsODAtODBhOCw4LDAsMCwxLDExLjMyLDExLjMyTDkxLjMxLDEyOFoiLz48L3N2Zz4=';
12228
-
12229
12222
  const ionicBackButtonMdCss = () => `:host{--background:transparent;--color-focused:currentColor;--color-hover:currentColor;--icon-margin-top:0;--icon-margin-bottom:0;--icon-padding-top:0;--icon-padding-end:0;--icon-padding-bottom:0;--icon-padding-start:0;--margin-top:0;--margin-end:0;--margin-bottom:0;--margin-start:0;--min-width:auto;--min-height:auto;--padding-top:0;--padding-end:0;--padding-bottom:0;--padding-start:0;--opacity:1;--ripple-color:currentColor;--transition:background-color, opacity 100ms linear;display:none;min-width:var(--min-width);min-height:var(--min-height);color:var(--color);font-family:var(--ion-font-family, inherit);text-align:center;text-decoration:none;text-overflow:ellipsis;text-transform:none;white-space:nowrap;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-font-kerning:none;font-kerning:none}ion-ripple-effect{color:var(--ripple-color)}:host(.ion-color) .button-native{color:var(--ion-color-base)}:host(.show-back-button){display:block}:host(.back-button-disabled){cursor:default;opacity:0.5;pointer-events:none}.button-native{border-radius:var(--border-radius);-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;-webkit-margin-start:var(--margin-start);margin-inline-start:var(--margin-start);-webkit-margin-end:var(--margin-end);margin-inline-end:var(--margin-end);margin-top:var(--margin-top);margin-bottom:var(--margin-bottom);-webkit-padding-start:var(--padding-start);padding-inline-start:var(--padding-start);-webkit-padding-end:var(--padding-end);padding-inline-end:var(--padding-end);padding-top:var(--padding-top);padding-bottom:var(--padding-bottom);color:inherit;font-family:inherit;font-size:inherit;font-style:inherit;font-weight:inherit;letter-spacing:inherit;text-align:inherit;text-decoration:inherit;text-indent:inherit;text-overflow:inherit;text-transform:inherit;white-space:inherit;display:block;position:relative;width:100%;height:100%;min-height:inherit;-webkit-transition:var(--transition);transition:var(--transition);border:0;outline:none;background:var(--background);line-height:1;cursor:pointer;opacity:var(--opacity);overflow:hidden;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;z-index:0;-webkit-appearance:none;-moz-appearance:none;appearance:none}.button-inner{display:-ms-flexbox;display:flex;position:relative;-ms-flex-flow:row nowrap;flex-flow:row nowrap;-ms-flex-negative:0;flex-shrink:0;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;width:100%;height:100%;z-index:1}ion-icon{-webkit-padding-start:var(--icon-padding-start);padding-inline-start:var(--icon-padding-start);-webkit-padding-end:var(--icon-padding-end);padding-inline-end:var(--icon-padding-end);padding-top:var(--icon-padding-top);padding-bottom:var(--icon-padding-bottom);-webkit-margin-start:var(--icon-margin-start);margin-inline-start:var(--icon-margin-start);-webkit-margin-end:var(--icon-margin-end);margin-inline-end:var(--icon-margin-end);margin-top:var(--icon-margin-top);margin-bottom:var(--icon-margin-bottom);display:inherit;font-size:var(--icon-font-size);font-weight:var(--icon-font-weight);pointer-events:none}:host(.ion-focused) .button-native{color:var(--color-focused)}:host(.ion-focused) .button-native::after{background:var(--background-focused);opacity:var(--background-focused-opacity)}.button-native::after{right:0;left:0;top:0;bottom:0;position:absolute;content:"";opacity:0}@media (any-hover: hover){:host(:hover) .button-native{color:var(--color-hover)}:host(:hover) .button-native::after{background:var(--background-hover);opacity:var(--background-hover-opacity)}}:host(.ion-color.ion-focused) .button-native{color:var(--ion-color-base)}@media (any-hover: hover){:host(.ion-color:hover) .button-native{color:var(--ion-color-base)}}:host(.in-toolbar:not(.in-toolbar-color)){color:var(--ion-toolbar-color, var(--color))}:host{--border-radius:4px;--background-focused:currentColor;--background-focused-opacity:0.12;--background-hover:currentColor;--background-hover-opacity:0.04;--color:currentColor;--icon-margin-end:0;--icon-margin-start:0;--icon-font-size:1.5rem;--icon-font-weight:normal;--min-height:32px;--min-width:44px;--padding-start:12px;--padding-end:12px;font-size:0.875rem;font-weight:500;text-transform:uppercase}:host(.back-button-has-icon-only){--border-radius:50%;min-width:48px;min-height:48px;aspect-ratio:1/1}.button-native{-webkit-box-shadow:none;box-shadow:none}.button-text{-webkit-padding-start:4px;padding-inline-start:4px;-webkit-padding-end:4px;padding-inline-end:4px;padding-top:0;padding-bottom:0}ion-icon{line-height:0.67;text-align:start}@media (any-hover: hover){:host(.ion-color:hover) .button-native::after{background:var(--ion-color-base)}}:host(.ion-color.ion-focused) .button-native::after{background:var(--ion-color-base)}`;
12230
12223
 
12231
12224
  const backButtonIosCss = () => `:host{--background:transparent;--color-focused:currentColor;--color-hover:currentColor;--icon-margin-top:0;--icon-margin-bottom:0;--icon-padding-top:0;--icon-padding-end:0;--icon-padding-bottom:0;--icon-padding-start:0;--margin-top:0;--margin-end:0;--margin-bottom:0;--margin-start:0;--min-width:auto;--min-height:auto;--padding-top:0;--padding-end:0;--padding-bottom:0;--padding-start:0;--opacity:1;--ripple-color:currentColor;--transition:background-color, opacity 100ms linear;display:none;min-width:var(--min-width);min-height:var(--min-height);color:var(--color);font-family:var(--ion-font-family, inherit);text-align:center;text-decoration:none;text-overflow:ellipsis;text-transform:none;white-space:nowrap;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-font-kerning:none;font-kerning:none}ion-ripple-effect{color:var(--ripple-color)}:host(.ion-color) .button-native{color:var(--ion-color-base)}:host(.show-back-button){display:block}:host(.back-button-disabled){cursor:default;opacity:0.5;pointer-events:none}.button-native{border-radius:var(--border-radius);-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;-webkit-margin-start:var(--margin-start);margin-inline-start:var(--margin-start);-webkit-margin-end:var(--margin-end);margin-inline-end:var(--margin-end);margin-top:var(--margin-top);margin-bottom:var(--margin-bottom);-webkit-padding-start:var(--padding-start);padding-inline-start:var(--padding-start);-webkit-padding-end:var(--padding-end);padding-inline-end:var(--padding-end);padding-top:var(--padding-top);padding-bottom:var(--padding-bottom);color:inherit;font-family:inherit;font-size:inherit;font-style:inherit;font-weight:inherit;letter-spacing:inherit;text-align:inherit;text-decoration:inherit;text-indent:inherit;text-overflow:inherit;text-transform:inherit;white-space:inherit;display:block;position:relative;width:100%;height:100%;min-height:inherit;-webkit-transition:var(--transition);transition:var(--transition);border:0;outline:none;background:var(--background);line-height:1;cursor:pointer;opacity:var(--opacity);overflow:hidden;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;z-index:0;-webkit-appearance:none;-moz-appearance:none;appearance:none}.button-inner{display:-ms-flexbox;display:flex;position:relative;-ms-flex-flow:row nowrap;flex-flow:row nowrap;-ms-flex-negative:0;flex-shrink:0;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;width:100%;height:100%;z-index:1}ion-icon{-webkit-padding-start:var(--icon-padding-start);padding-inline-start:var(--icon-padding-start);-webkit-padding-end:var(--icon-padding-end);padding-inline-end:var(--icon-padding-end);padding-top:var(--icon-padding-top);padding-bottom:var(--icon-padding-bottom);-webkit-margin-start:var(--icon-margin-start);margin-inline-start:var(--icon-margin-start);-webkit-margin-end:var(--icon-margin-end);margin-inline-end:var(--icon-margin-end);margin-top:var(--icon-margin-top);margin-bottom:var(--icon-margin-bottom);display:inherit;font-size:var(--icon-font-size);font-weight:var(--icon-font-weight);pointer-events:none}:host(.ion-focused) .button-native{color:var(--color-focused)}:host(.ion-focused) .button-native::after{background:var(--background-focused);opacity:var(--background-focused-opacity)}.button-native::after{right:0;left:0;top:0;bottom:0;position:absolute;content:"";opacity:0}@media (any-hover: hover){:host(:hover) .button-native{color:var(--color-hover)}:host(:hover) .button-native::after{background:var(--background-hover);opacity:var(--background-hover-opacity)}}:host(.ion-color.ion-focused) .button-native{color:var(--ion-color-base)}@media (any-hover: hover){:host(.ion-color:hover) .button-native{color:var(--ion-color-base)}}:host(.in-toolbar:not(.in-toolbar-color)){color:var(--ion-toolbar-color, var(--color))}:host{--background-hover:transparent;--background-hover-opacity:1;--background-focused:currentColor;--background-focused-opacity:0.1;--border-radius:4px;--color:var(--ion-color-primary, #0054e9);--icon-margin-end:1px;--icon-margin-start:-4px;--icon-font-size:1.6em;--min-height:32px;font-size:clamp(17px, 1.0625rem, 21.998px)}.button-native{-webkit-transform:translateZ(0);transform:translateZ(0);overflow:visible;z-index:99}:host(.ion-activated) .button-native{opacity:0.4}@media (any-hover: hover){:host(:hover){opacity:0.6}}`;
@@ -12267,20 +12260,20 @@ class BackButton {
12267
12260
  this.defaultHref = config.get('backButtonDefaultHref');
12268
12261
  }
12269
12262
  }
12263
+ /**
12264
+ * Get the icon to use for the back button icon.
12265
+ * If an icon is set on the component, use that.
12266
+ * Otherwise, use the icon set in the config.
12267
+ * If no icon is set in the config, use the default icon.
12268
+ */
12270
12269
  get backButtonIcon() {
12271
12270
  // Return the icon if it is explicitly set
12272
12271
  if (this.icon != null) {
12273
12272
  return this.icon;
12274
12273
  }
12275
- // Determine the theme and map to default icons
12274
+ // Determine the theme and map to the default icon
12276
12275
  const theme = getIonTheme(this);
12277
- const defaultIcons = {
12278
- ios: chevronBack,
12279
- ionic: caretLeftSvg,
12280
- md: arrowBackSharp,
12281
- };
12282
- // Get the default icon based on the theme, falling back to 'md' icon if necessary
12283
- const defaultIcon = defaultIcons[theme] || defaultIcons.md;
12276
+ const defaultIcon = theme === 'ios' ? chevronBack : arrowBackSharp;
12284
12277
  // Return the configured back button icon or the default icon
12285
12278
  return config.get('backButtonIcon', defaultIcon);
12286
12279
  }
@@ -12304,7 +12297,7 @@ class BackButton {
12304
12297
  const showBackButton = defaultHref !== undefined;
12305
12298
  const theme = getIonTheme(this);
12306
12299
  const ariaLabel = inheritedAttributes['aria-label'] || backButtonText || 'back';
12307
- return (hAsync(Host, { key: '30cb7e566ef5182691373de93dbe694fb8cf72ed', onClick: this.onClick, class: createColorClasses$1(color, {
12300
+ return (hAsync(Host, { key: '3ca97664cddb7582c8344b79143b81a9fb7f167a', onClick: this.onClick, class: createColorClasses$1(color, {
12308
12301
  [theme]: true,
12309
12302
  button: true, // ion-buttons target .button
12310
12303
  'back-button-disabled': disabled,
@@ -12314,7 +12307,7 @@ class BackButton {
12314
12307
  'ion-activatable': true,
12315
12308
  'ion-focusable': true,
12316
12309
  'show-back-button': showBackButton,
12317
- }) }, hAsync("button", { key: 'be59bfbfec6e6591afee4beff7f0527bdd432dab', type: type, disabled: disabled, class: "button-native", part: "native", "aria-label": ariaLabel }, hAsync("span", { key: '9118e5a082f9092307d80a53307f768461403928', class: "button-inner" }, backButtonIcon && (hAsync("ion-icon", { key: '14193bf4f0edd1ba45f83ab664ddbe08f541997f', part: "icon", icon: backButtonIcon, "aria-hidden": "true", lazy: false, "flip-rtl": icon === undefined })), backButtonText && (hAsync("span", { key: 'a83a8cdb8a95d67ff997c1e366a46c7ec2f7b9fc', part: "text", "aria-hidden": "true", class: "button-text" }, backButtonText))), theme === 'md' && hAsync("ion-ripple-effect", { key: '11c5cc4b5eb3fc19db6e094d549546200ba2b90e', type: this.rippleType }))));
12310
+ }) }, hAsync("button", { key: '49ec4655d6fbec75fd2b6f70973f98896d9accfe', type: type, disabled: disabled, class: "button-native", part: "native", "aria-label": ariaLabel }, hAsync("span", { key: '8d701f9933253edab3627adf1b4dae681993e901', class: "button-inner" }, backButtonIcon && (hAsync("ion-icon", { key: 'd5064dc4e5a327335fd45f21567fc1188cfcb635', part: "icon", icon: backButtonIcon, "aria-hidden": "true", lazy: false, "flip-rtl": icon === undefined })), backButtonText && (hAsync("span", { key: '9c6611126bc7df058cb4c5669ec35c2456568717', part: "text", "aria-hidden": "true", class: "button-text" }, backButtonText))), theme === 'md' && hAsync("ion-ripple-effect", { key: '2a88e395bc178ff2d1d14fcb8def5d679cb2e527', type: this.rippleType }))));
12318
12311
  }
12319
12312
  get el() { return getElement(this); }
12320
12313
  static get style() { return {
@@ -12504,10 +12497,6 @@ class Badge {
12504
12497
  }; }
12505
12498
  }
12506
12499
 
12507
- const caretRightSvg = 'data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyNTYgMjU2IiBmaWxsPSJjdXJyZW50Q29sb3IiPjxwYXRoIGQ9Ik0xODEuNjYsMTMzLjY2bC04MCw4MGE4LDgsMCwwLDEtMTEuMzItMTEuMzJMMTY0LjY5LDEyOCw5MC4zNCw1My42NmE4LDgsMCwwLDEsMTEuMzItMTEuMzJsODAsODBBOCw4LDAsMCwxLDE4MS42NiwxMzMuNjZaIi8+PC9zdmc+';
12508
-
12509
- const dotsThreeSvg = 'data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyNTYgMjU2IiBmaWxsPSJjdXJyZW50Q29sb3IiPjxwYXRoIGQ9Ik0xNDAsMTI4YTEyLDEyLDAsMSwxLTEyLTEyQTEyLDEyLDAsMCwxLDE0MCwxMjhabTU2LTEyYTEyLDEyLDAsMSwwLDEyLDEyQTEyLDEyLDAsMCwwLDE5NiwxMTZaTTYwLDExNmExMiwxMiwwLDEsMCwxMiwxMkExMiwxMiwwLDAsMCw2MCwxMTZaIi8+PC9zdmc+';
12510
-
12511
12500
  const ionicBreadcrumbMdCss = () => `:host{display:-ms-flexbox;display:flex;-ms-flex:0 0 auto;flex:0 0 auto;-ms-flex-align:center;align-items:center;color:var(--color);font-size:1rem;font-weight:400;line-height:1.5}.breadcrumb-native{color:inherit;font-family:inherit;font-size:inherit;font-style:inherit;font-weight:inherit;letter-spacing:inherit;text-align:inherit;text-decoration:inherit;text-indent:inherit;text-overflow:inherit;text-transform:inherit;white-space:inherit;padding-left:0;padding-right:0;padding-top:0;padding-bottom:0;margin-left:0;margin-right:0;margin-top:0;margin-bottom:0;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;width:100%;outline:none;background:inherit}:host(.breadcrumb-disabled){cursor:default;opacity:0.5;pointer-events:none}:host(.breadcrumb-active){color:var(--color-active)}:host(.ion-focused){color:var(--color-focused)}:host(.ion-focused) .breadcrumb-native{background:var(--background-focused)}@media (any-hover: hover){:host(.ion-activatable:hover){color:var(--color-hover)}:host(.ion-activatable.in-breadcrumbs-color:hover),:host(.ion-activatable.ion-color:hover){color:var(--ion-color-shade)}}.breadcrumb-separator{display:-ms-inline-flexbox;display:inline-flex}:host(.breadcrumb-collapsed) .breadcrumb-native{display:none}:host(.in-breadcrumbs-color),:host(.in-breadcrumbs-color.breadcrumb-active){color:var(--ion-color-base)}:host(.in-breadcrumbs-color) .breadcrumb-separator{color:var(--ion-color-base)}:host(.ion-color){color:var(--ion-color-base)}:host(.in-toolbar-color),:host(.in-toolbar-color) .breadcrumb-separator{color:rgba(var(--ion-color-contrast-rgb), 0.8)}:host(.in-toolbar-color.breadcrumb-active){color:var(--ion-color-contrast)}.breadcrumbs-collapsed-indicator{padding-left:0;padding-right:0;padding-top:0;padding-bottom:0;-webkit-margin-start:14px;margin-inline-start:14px;-webkit-margin-end:14px;margin-inline-end:14px;margin-top:0;margin-bottom:0;display:-ms-flexbox;display:flex;-ms-flex:1 1 100%;flex:1 1 100%;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;width:32px;height:18px;border:0;outline:none;cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none}.breadcrumbs-collapsed-indicator ion-icon{margin-top:1px;font-size:1.375rem}:host{--color:var(--ion-color-step-600, var(--ion-text-color-step-400, #677483));--color-active:var(--ion-text-color, #03060b);--color-hover:var(--ion-text-color, #03060b);--color-focused:var(--ion-color-step-800, var(--ion-text-color-step-200, #35404e));--background-focused:var(--ion-color-step-50, var(--ion-background-color-step-50, #fff))}:host(.breadcrumb-active){font-weight:500}.breadcrumb-native{-webkit-padding-start:12px;padding-inline-start:12px;-webkit-padding-end:12px;padding-inline-end:12px;padding-top:6px;padding-bottom:6px}.breadcrumb-separator{-webkit-margin-start:10px;margin-inline-start:10px;-webkit-margin-end:10px;margin-inline-end:10px;margin-top:-1px}:host(.ion-focused) .breadcrumb-native{border-radius:4px;-webkit-box-shadow:0px 1px 2px rgba(0, 0, 0, 0.2), 0px 2px 8px rgba(0, 0, 0, 0.12);box-shadow:0px 1px 2px rgba(0, 0, 0, 0.2), 0px 2px 8px rgba(0, 0, 0, 0.12)}.breadcrumb-separator{color:var(--ion-color-step-550, var(--ion-text-color-step-450, #73849a))}::slotted(ion-icon){color:var(--ion-color-step-550, var(--ion-text-color-step-450, #7d8894));font-size:1.125rem}::slotted(ion-icon[slot=start]){-webkit-margin-end:8px;margin-inline-end:8px}::slotted(ion-icon[slot=end]){-webkit-margin-start:8px;margin-inline-start:8px}:host(.breadcrumb-active) ::slotted(ion-icon){color:var(--ion-color-step-850, var(--ion-text-color-step-150, #222d3a))}.breadcrumbs-collapsed-indicator{border-radius:2px;background:var(--ion-color-step-100, var(--ion-background-color-step-100, #eef1f3));color:var(--ion-color-step-550, var(--ion-text-color-step-450, #73849a))}.breadcrumbs-collapsed-indicator:hover{opacity:0.7}.breadcrumbs-collapsed-indicator:focus{background:var(--ion-color-step-150, var(--ion-background-color-step-150, #dfe5e8))}`;
12512
12501
 
12513
12502
  const breadcrumbIosCss = () => `:host{display:-ms-flexbox;display:flex;-ms-flex:0 0 auto;flex:0 0 auto;-ms-flex-align:center;align-items:center;color:var(--color);font-size:1rem;font-weight:400;line-height:1.5}.breadcrumb-native{color:inherit;font-family:inherit;font-size:inherit;font-style:inherit;font-weight:inherit;letter-spacing:inherit;text-align:inherit;text-decoration:inherit;text-indent:inherit;text-overflow:inherit;text-transform:inherit;white-space:inherit;padding-left:0;padding-right:0;padding-top:0;padding-bottom:0;margin-left:0;margin-right:0;margin-top:0;margin-bottom:0;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;width:100%;outline:none;background:inherit}:host(.breadcrumb-disabled){cursor:default;opacity:0.5;pointer-events:none}:host(.breadcrumb-active){color:var(--color-active)}:host(.ion-focused){color:var(--color-focused)}:host(.ion-focused) .breadcrumb-native{background:var(--background-focused)}@media (any-hover: hover){:host(.ion-activatable:hover){color:var(--color-hover)}:host(.ion-activatable.in-breadcrumbs-color:hover),:host(.ion-activatable.ion-color:hover){color:var(--ion-color-shade)}}.breadcrumb-separator{display:-ms-inline-flexbox;display:inline-flex}:host(.breadcrumb-collapsed) .breadcrumb-native{display:none}:host(.in-breadcrumbs-color),:host(.in-breadcrumbs-color.breadcrumb-active){color:var(--ion-color-base)}:host(.in-breadcrumbs-color) .breadcrumb-separator{color:var(--ion-color-base)}:host(.ion-color){color:var(--ion-color-base)}:host(.in-toolbar-color),:host(.in-toolbar-color) .breadcrumb-separator{color:rgba(var(--ion-color-contrast-rgb), 0.8)}:host(.in-toolbar-color.breadcrumb-active){color:var(--ion-color-contrast)}.breadcrumbs-collapsed-indicator{padding-left:0;padding-right:0;padding-top:0;padding-bottom:0;-webkit-margin-start:14px;margin-inline-start:14px;-webkit-margin-end:14px;margin-inline-end:14px;margin-top:0;margin-bottom:0;display:-ms-flexbox;display:flex;-ms-flex:1 1 100%;flex:1 1 100%;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;width:32px;height:18px;border:0;outline:none;cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none}.breadcrumbs-collapsed-indicator ion-icon{margin-top:1px;font-size:1.375rem}:host{--color:var(--ion-color-step-850, var(--ion-text-color-step-150, #2d4665));--color-active:var(--ion-text-color, #03060b);--color-hover:var(--ion-text-color, #03060b);--color-focused:var(--color-active);--background-focused:var(--ion-color-step-50, var(--ion-background-color-step-50, rgba(233, 237, 243, 0.7)));font-size:clamp(16px, 1rem, 22px)}:host(.breadcrumb-active){font-weight:600}.breadcrumb-native{border-radius:4px;-webkit-padding-start:12px;padding-inline-start:12px;-webkit-padding-end:12px;padding-inline-end:12px;padding-top:5px;padding-bottom:5px;border:1px solid transparent}:host(.ion-focused) .breadcrumb-native{border-radius:8px}:host(.in-breadcrumbs-color.ion-focused) .breadcrumb-native,:host(.ion-color.ion-focused) .breadcrumb-native{background:rgba(var(--ion-color-base-rgb), 0.1);color:var(--ion-color-base)}:host(.ion-focused) ::slotted(ion-icon),:host(.in-breadcrumbs-color.ion-focused) ::slotted(ion-icon),:host(.ion-color.ion-focused) ::slotted(ion-icon){color:var(--ion-color-step-750, var(--ion-text-color-step-250, #445b78))}.breadcrumb-separator{color:var(--ion-color-step-550, var(--ion-text-color-step-450, #73849a))}::slotted(ion-icon){color:var(--ion-color-step-400, var(--ion-text-color-step-600, #92a0b3));font-size:min(1.125rem, 21.6px)}::slotted(ion-icon[slot=start]){-webkit-margin-end:8px;margin-inline-end:8px}::slotted(ion-icon[slot=end]){-webkit-margin-start:8px;margin-inline-start:8px}:host(.breadcrumb-active) ::slotted(ion-icon){color:var(--ion-color-step-850, var(--ion-text-color-step-150, #242d39))}.breadcrumbs-collapsed-indicator{border-radius:4px;background:var(--ion-color-step-100, var(--ion-background-color-step-100, #e9edf3));color:var(--ion-color-step-550, var(--ion-text-color-step-450, #73849a))}.breadcrumbs-collapsed-indicator:hover{opacity:0.45}.breadcrumbs-collapsed-indicator:focus{background:var(--ion-color-step-150, var(--ion-background-color-step-150, #d9e0ea))}.breadcrumbs-collapsed-indicator ion-icon{font-size:min(1.375rem, 22px)}`;
@@ -12559,31 +12548,23 @@ class Breadcrumb {
12559
12548
  componentWillLoad() {
12560
12549
  this.inheritedAttributes = inheritAriaAttributes(this.el);
12561
12550
  }
12551
+ /**
12552
+ * Get the icon to use for the collapsed icon.
12553
+ * Use the icon set in the config.
12554
+ * If no icon is set in the config, use the default icon.
12555
+ */
12562
12556
  get breadcrumbCollapsedIcon() {
12563
- // Determine the theme and map to default icons
12564
- const theme = getIonTheme(this);
12565
- const defaultIcons = {
12566
- ios: ellipsisHorizontal,
12567
- ionic: dotsThreeSvg,
12568
- md: ellipsisHorizontal,
12569
- };
12570
- // Get the default icon based on the theme, falling back to 'md' icon if necessary
12571
- const defaultIcon = defaultIcons[theme] || defaultIcons.md;
12572
12557
  // Return the configured breadcrumb collapsed icon or the default icon
12573
- return config.get('breadcrumbCollapsedIcon', defaultIcon);
12558
+ return config.get('breadcrumbCollapsedIcon', ellipsisHorizontal);
12574
12559
  }
12560
+ /**
12561
+ * Get the icon to use for the separator icon.
12562
+ * Use the icon set in the config.
12563
+ * If no icon is set in the config, use the default icon.
12564
+ */
12575
12565
  get breadcrumbSeparatorIcon() {
12576
- // Determine the theme and map to default icons
12577
- const theme = getIonTheme(this);
12578
- const defaultIcons = {
12579
- ios: chevronForwardOutline,
12580
- ionic: caretRightSvg,
12581
- md: chevronForwardOutline,
12582
- };
12583
- // Get the default icon based on the theme, falling back to 'md' icon if necessary
12584
- const defaultIcon = defaultIcons[theme] || defaultIcons.md;
12585
12566
  // Return the configured breadcrumb separator icon or the default icon
12586
- return config.get('breadcrumbSeparatorIcon', defaultIcon);
12567
+ return config.get('breadcrumbSeparatorIcon', chevronForwardOutline);
12587
12568
  }
12588
12569
  isClickable() {
12589
12570
  return this.href !== undefined;
@@ -12607,7 +12588,7 @@ class Breadcrumb {
12607
12588
  // to show the separator as long as it isn't also the last breadcrumb
12608
12589
  // otherwise if not collapsed use the value in separator
12609
12590
  const showSeparator = last ? false : collapsed ? (showCollapsedIndicator && !last ? true : false) : separator;
12610
- return (hAsync(Host, { key: 'eb02645656f4ee3752aa9f6c4dee2e57a8ee7527', onClick: (ev) => openURL(href, ev, routerDirection, routerAnimation), "aria-disabled": disabled ? 'true' : null, class: createColorClasses$1(color, {
12591
+ return (hAsync(Host, { key: '6b586bce50f2956edf0acd8506381b2cb14875f7', onClick: (ev) => openURL(href, ev, routerDirection, routerAnimation), "aria-disabled": disabled ? 'true' : null, class: createColorClasses$1(color, {
12611
12592
  [theme]: true,
12612
12593
  'breadcrumb-active': active,
12613
12594
  'breadcrumb-collapsed': collapsed,
@@ -12617,15 +12598,15 @@ class Breadcrumb {
12617
12598
  'in-toolbar-color': hostContext('ion-toolbar[color]', this.el),
12618
12599
  'ion-activatable': clickable,
12619
12600
  'ion-focusable': clickable,
12620
- }) }, hAsync(TagType, Object.assign({ key: '54ea53cd2e2f6cabca07565574971c80681f49d8' }, attrs, { class: "breadcrumb-native", part: "native", disabled: disabled, onFocus: this.onFocus, onBlur: this.onBlur }, inheritedAttributes), hAsync("slot", { key: 'bd61fa6839550c381d559b0c3dccd42469374de2', name: "start" }), hAsync("slot", { key: '095a422dc68e1ed78ea1b301bbea9c53e177cbba' }), hAsync("slot", { key: '958b819ab4a37c9e6d6b5ea06da5bbcb01840627', name: "end" })), showCollapsedIndicator && (hAsync("button", { key: '068f87ca666e09286e2fc09fae63e8bdbaad0900', part: "collapsed-indicator", "aria-label": "Show more breadcrumbs", onClick: () => this.collapsedIndicatorClick(), ref: (collapsedEl) => (this.collapsedRef = collapsedEl), class: {
12601
+ }) }, hAsync(TagType, Object.assign({ key: '5125505691163148ed2289355d5a2be93db7639d' }, attrs, { class: "breadcrumb-native", part: "native", disabled: disabled, onFocus: this.onFocus, onBlur: this.onBlur }, inheritedAttributes), hAsync("slot", { key: 'c11682664ec3ad64f3e59a47f06cf5273b09fa5a', name: "start" }), hAsync("slot", { key: 'eecb817103602a7c5d58f42dd4a1562333b0eabd' }), hAsync("slot", { key: 'b9e050d01d0ba8491d64a670c151a2444be4c6b0', name: "end" })), showCollapsedIndicator && (hAsync("button", { key: '72e49a761f43645987cf0adabd0698c724e87ce1', part: "collapsed-indicator", "aria-label": "Show more breadcrumbs", onClick: () => this.collapsedIndicatorClick(), ref: (collapsedEl) => (this.collapsedRef = collapsedEl), class: {
12621
12602
  'breadcrumbs-collapsed-indicator': true,
12622
- } }, hAsync("ion-icon", { key: '46d5821fee23327a23a4dfd7ad507ce551f7b00c', "aria-hidden": "true", icon: breadcrumbCollapsedIcon, lazy: false }))), showSeparator && (
12603
+ } }, hAsync("ion-icon", { key: '8efee3f1675165e1bc92c57aef93aa74b53374cc', "aria-hidden": "true", icon: breadcrumbCollapsedIcon, lazy: false }))), showSeparator && (
12623
12604
  /**
12624
12605
  * Separators should not be announced by narrators.
12625
12606
  * We add aria-hidden on the span so that this applies
12626
12607
  * to any custom separators too.
12627
12608
  */
12628
- hAsync("span", { key: '2520520d582b923c635548be4da74c138db38b46', class: "breadcrumb-separator", part: "separator", "aria-hidden": "true" }, hAsync("slot", { key: 'e134f59f8fdc1d8602817a072adfc6f2a89885d7', name: "separator" }, theme === 'ios' || theme === 'ionic' ? (hAsync("ion-icon", { icon: breadcrumbSeparatorIcon, lazy: false, "flip-rtl": true })) : (hAsync("span", null, "/")))))));
12609
+ hAsync("span", { key: '17bf73869ccb702646afdc3498ef180aa3713b19', class: "breadcrumb-separator", part: "separator", "aria-hidden": "true" }, hAsync("slot", { key: '13ac39a16f7fe90aaa65165b274ade80e01180b4', name: "separator" }, theme === 'ios' || theme === 'ionic' ? (hAsync("ion-icon", { icon: breadcrumbSeparatorIcon, lazy: false, "flip-rtl": true })) : (hAsync("span", null, "/")))))));
12629
12610
  }
12630
12611
  get el() { return getElement(this); }
12631
12612
  static get style() { return {
@@ -13739,11 +13720,11 @@ const createClearButtonPressController = (onPressChange) => {
13739
13720
  };
13740
13721
  };
13741
13722
 
13742
- const checkboxIonicCss = () => `:host{display:inline-block;position:relative;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}:host(.in-item){-ms-flex:1 1 0px;flex:1 1 0;width:100%;height:100%}:host([slot=start]),:host([slot=end]){-ms-flex:initial;flex:initial;width:auto}:host(:focus){outline:none}.checkbox-wrapper{display:-ms-flexbox;display:flex;-ms-flex-positive:1;flex-grow:1;-ms-flex-align:center;align-items:center;-ms-flex-pack:justify;justify-content:space-between;height:inherit;cursor:inherit}.label-text-wrapper{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.label-text-wrapper-hidden{display:none}input{display:none}.native-wrapper{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center}.checkbox-icon{position:relative}.checkbox-icon path{opacity:0}.checkbox-bottom{display:-ms-flexbox;display:flex;-ms-flex-pack:justify;justify-content:space-between;white-space:normal}.checkbox-bottom .error-text{display:none}.checkbox-bottom .helper-text{display:block}:host(.ion-touched.ion-invalid) .checkbox-bottom .error-text{display:block}:host(.ion-touched.ion-invalid) .checkbox-bottom .helper-text{display:none}:host(.checkbox-label-placement-start) .checkbox-wrapper{-ms-flex-direction:row;flex-direction:row}:host(.checkbox-label-placement-end) .checkbox-wrapper{-ms-flex-direction:row-reverse;flex-direction:row-reverse;-ms-flex-pack:start;justify-content:start}:host(.checkbox-label-placement-fixed) .label-text-wrapper{-ms-flex:0 0 100px;flex:0 0 100px;width:100px;min-width:100px;max-width:200px}:host(.checkbox-label-placement-stacked) .checkbox-wrapper{-ms-flex-direction:column;flex-direction:column;text-align:center}:host(.checkbox-label-placement-stacked.checkbox-alignment-start) .label-text-wrapper{-webkit-transform-origin:left top;transform-origin:left top}:host-context([dir=rtl]):host(.checkbox-label-placement-stacked.checkbox-alignment-start) .label-text-wrapper,:host-context([dir=rtl]).checkbox-label-placement-stacked.checkbox-alignment-start .label-text-wrapper{-webkit-transform-origin:right top;transform-origin:right top}@supports selector(:dir(rtl)){:host(.checkbox-label-placement-stacked.checkbox-alignment-start:dir(rtl)) .label-text-wrapper{-webkit-transform-origin:right top;transform-origin:right top}}:host(.checkbox-label-placement-stacked.checkbox-alignment-center) .label-text-wrapper{-webkit-transform-origin:center top;transform-origin:center top}:host-context([dir=rtl]):host(.checkbox-label-placement-stacked.checkbox-alignment-center) .label-text-wrapper,:host-context([dir=rtl]).checkbox-label-placement-stacked.checkbox-alignment-center .label-text-wrapper{-webkit-transform-origin:calc(100% - center) top;transform-origin:calc(100% - center) top}@supports selector(:dir(rtl)){:host(.checkbox-label-placement-stacked.checkbox-alignment-center:dir(rtl)) .label-text-wrapper{-webkit-transform-origin:calc(100% - center) top;transform-origin:calc(100% - center) top}}:host(.checkbox-justify-space-between) .checkbox-wrapper{-ms-flex-pack:justify;justify-content:space-between}:host(.checkbox-justify-start) .checkbox-wrapper{-ms-flex-pack:start;justify-content:start}:host(.checkbox-justify-end) .checkbox-wrapper{-ms-flex-pack:end;justify-content:end}:host(.checkbox-alignment-start) .checkbox-wrapper{-ms-flex-align:start;align-items:start}:host(.checkbox-alignment-center) .checkbox-wrapper{-ms-flex-align:center;align-items:center}:host(.checkbox-justify-space-between),:host(.checkbox-justify-start),:host(.checkbox-justify-end),:host(.checkbox-alignment-start),:host(.checkbox-alignment-center){display:block}:host(.checkbox-checked) .checkbox-icon,:host(.checkbox-indeterminate) .checkbox-icon{border-color:var(--border-color-checked);background:var(--checkbox-background-checked)}:host(.checkbox-checked) .checkbox-icon path,:host(.checkbox-indeterminate) .checkbox-icon path{opacity:1}:host(.checkbox-disabled){pointer-events:none}:host{--border-width:var(--token-border-size-025, var(--token-scale-025, 1px));--border-style:var(--token-border-style-solid, solid);--border-color:var(--token-primitives-neutral-800, #626262);--checkmark-width:var(--token-scale-400, 16px);--checkmark-height:var(--checkmark-width);--focus-ring-color:var(--token-border-focus-default, var(--token-primitives-blue-400, #b5c0f7));--focus-ring-width:var(--token-border-size-050, var(--token-scale-050, 2px));--focus-ring-offset:var(--token-space-050, var(--token-scale-050, 2px));--size:var(--token-scale-600, 24px);--checkbox-background:var(--token-bg-input-default, var(--token-primitives-base-white, #ffffff));--checkbox-background-checked:var(--token-bg-primary-base-default, var(--token-semantics-primary-base, var(--token-semantics-primary-700, var(--token-primitives-blue-700, #105cef))));--border-color-checked:var(--token-semantics-primary-base, var(--token-semantics-primary-700, var(--token-primitives-blue-700, #105cef)));--checkmark-color:var(--token-bg-surface-default, var(--token-primitives-base-white, #ffffff));--transition:none;z-index:2}:host::after{right:0;left:0;top:50%;position:absolute;height:100%;min-height:var(--token-scale-1200, 48px);-webkit-transform:translateY(-50%);transform:translateY(-50%);content:"";cursor:pointer;z-index:1}:host .native-wrapper{position:relative}.label-text-wrapper{color:var(--token-text-default, var(--token-primitives-neutral-1200, #242424))}:host(.in-item) .label-text-wrapper{margin-top:var(--token-space-250, var(--token-scale-250, 10px));margin-bottom:var(--token-space-250, var(--token-scale-250, 10px))}:host(.in-item.checkbox-label-placement-stacked) .label-text-wrapper{margin-top:var(--token-space-250, var(--token-scale-250, 10px));margin-bottom:var(--token-space-400, var(--token-scale-400, 16px))}:host(.in-item.checkbox-label-placement-stacked) .native-wrapper{margin-bottom:var(--token-space-250, var(--token-scale-250, 10px))}input{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;margin:0;padding:0;border:0;outline:0;opacity:0;overflow:hidden;clip:rect(0 0 0 0);-webkit-appearance:none;-moz-appearance:none}.native-wrapper{border-radius:var(--border-radius);-ms-flex-negative:0;flex-shrink:0;-ms-flex-pack:center;justify-content:center;width:var(--size);height:var(--size);-webkit-transition:var(--transition);transition:var(--transition);border-width:var(--border-width);border-style:var(--border-style);border-color:var(--border-color);background:var(--checkbox-background);-webkit-box-sizing:border-box;box-sizing:border-box}.checkbox-icon{width:var(--checkmark-width);height:var(--checkmark-height)}.checkbox-icon path{fill:var(--checkmark-color)}.checkbox-bottom{font-size:var(--token-font-size-300, 0.75rem);font-weight:var(--token-font-weight-medium, 500);letter-spacing:var(--token-font-letter-spacing-0, 0%);line-height:var(--token-font-line-height-500, var(--token-scale-500, 20px));text-decoration:none;text-transform:none}.checkbox-bottom .error-text{color:var(--token-text-danger, var(--token-semantics-danger-900, var(--token-primitives-red-900, #991b1b)))}.checkbox-bottom .helper-text{color:var(--token-text-subtlest, var(--token-primitives-neutral-800, #626262))}:host(.checkbox-label-placement-start) .label-text-wrapper{-webkit-margin-start:0;margin-inline-start:0;-webkit-margin-end:var(--token-space-400, var(--token-scale-400, 16px));margin-inline-end:var(--token-space-400, var(--token-scale-400, 16px))}:host(.checkbox-label-placement-end) .label-text-wrapper{-webkit-margin-start:var(--token-space-400, var(--token-scale-400, 16px));margin-inline-start:var(--token-space-400, var(--token-scale-400, 16px));-webkit-margin-end:0;margin-inline-end:0}:host(.checkbox-label-placement-fixed) .label-text-wrapper{-webkit-margin-start:0;margin-inline-start:0;-webkit-margin-end:var(--token-space-400, var(--token-scale-400, 16px));margin-inline-end:var(--token-space-400, var(--token-scale-400, 16px))}:host(.checkbox-label-placement-stacked) .label-text-wrapper{-webkit-transform:scale(0.75);transform:scale(0.75);margin-left:0;margin-right:0;margin-bottom:var(--token-space-400, var(--token-scale-400, 16px));max-width:133.3333333333%}:host(.checkbox-size-small){--size:var(--token-scale-400, 16px)}:host(.checkbox-checked) .native-wrapper,:host(.checkbox-indeterminate) .native-wrapper{border-color:var(--border-color-checked);background:var(--checkbox-background-checked)}:host(.ion-invalid){--focus-ring-color:var(--token-border-danger-default, var(--token-semantics-danger-800, var(--token-primitives-red-800, #bf2222)))}:host(.ion-invalid:not(.checkbox-checked)) .native-wrapper,:host(.ion-invalid:not(.checkbox-checked).checkbox-disabled) .native-wrapper{border-color:var(--token-border-danger-default, var(--token-semantics-danger-800, var(--token-primitives-red-800, #bf2222)))}:host(.checkbox-disabled) .native-wrapper:after{right:0;left:0;top:0;bottom:0;position:absolute;background-color:var(--token-state-disabled, rgba(255, 255, 255, 0.6));content:"";pointer-events:none;right:unset;left:unset;top:unset;bottom:unset;width:inherit;height:inherit}:host(.checkbox-disabled.checkbox-checked) .native-wrapper{border-width:var(--token-border-size-0, var(--token-scale-0, 0px));background-color:var(--token-bg-primary-base-default, var(--token-semantics-primary-base, var(--token-semantics-primary-700, var(--token-primitives-blue-700, #105cef))))}@media (any-hover: hover){:host(:hover) .native-wrapper{background-color:var(--token-primitives-neutral-100, #f3f3f3)}:host(:hover.checkbox-checked) .native-wrapper,:host(:hover.checkbox-checked) .checkbox-icon,:host(:hover.checkbox-indeterminate) .native-wrapper,:host(:hover.checkbox-indeterminate) .checkbox-icon{background-color:var(--token-semantics-primary-800, var(--token-primitives-blue-800, #0f54da))}}:host(.ion-focused:not(.checkbox-disabled)) .native-wrapper{outline-offset:var(--focus-ring-width);outline:var(--focus-ring-width) var(--token-border-style-solid, solid) var(--focus-ring-color)}:host(.ion-activated) .native-wrapper{background-color:var(--token-bg-input-press, var(--token-primitives-neutral-200, #eae9e9))}:host(.ion-activated.checkbox-checked) .native-wrapper,:host(.ion-activated.checkbox-checked) .checkbox-icon,:host(.ion-activated.checkbox-indeterminate) .native-wrapper,:host(.ion-activated.checkbox-indeterminate) .checkbox-icon{background-color:var(--token-bg-primary-base-press, var(--token-semantics-primary-900, var(--token-primitives-blue-900, #0d4bc3)))}:host(.ion-activated.ion-invalid:not(.checkbox-checked)){background-color:var(--token-bg-input-press, var(--token-primitives-neutral-200, #eae9e9))}:host(.ion-activated.ion-invalid:not(.checkbox-checked)) .native-wrapper{border-color:var(--token-border-danger-press, var(--token-semantics-danger-1000, var(--token-primitives-red-1000, #761515)))}:host(.checkbox-shape-soft){--border-radius:var(--token-border-radius-100, var(--token-scale-100, 4px))}:host(.checkbox-size-small.checkbox-shape-soft){--border-radius:var(--token-border-radius-025, var(--token-scale-050, 2px))}:host(.checkbox-shape-rectangular){--border-radius:var(--token-border-radius-0, var(--token-scale-0, 0px))}.checkbox-wrapper{min-height:var(--token-scale-1200, 48px)}`;
13723
+ const checkboxIonicCss = () => `:host{display:inline-block;position:relative;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}:host(.in-item){-ms-flex:1 1 0px;flex:1 1 0;width:100%;height:100%}:host([slot=start]),:host([slot=end]){-ms-flex:initial;flex:initial;width:auto}:host(:focus){outline:none}.checkbox-wrapper{display:-ms-flexbox;display:flex;-ms-flex-positive:1;flex-grow:1;-ms-flex-align:center;align-items:center;-ms-flex-pack:justify;justify-content:space-between;height:inherit;cursor:inherit}.label-text-wrapper{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.label-text-wrapper-hidden{display:none}input{display:none}.native-wrapper{border-radius:var(--border-radius);display:-ms-flexbox;display:flex;position:relative;-ms-flex-negative:0;flex-shrink:0;-ms-flex-align:center;align-items:center;width:var(--size);height:var(--size);-webkit-transition:var(--transition);transition:var(--transition);border-width:var(--border-width);border-style:var(--border-style);border-color:var(--border-color);background:var(--checkbox-background);-webkit-box-sizing:border-box;box-sizing:border-box}.checkbox-icon{position:relative;color:var(--checkmark-color);opacity:0}.checkbox-icon svg{width:100%;height:100%}.checkbox-icon path{fill:none;stroke:currentColor;stroke-width:var(--checkmark-width)}.checkbox-bottom{display:-ms-flexbox;display:flex;-ms-flex-pack:justify;justify-content:space-between;white-space:normal}.checkbox-bottom .error-text{display:none}.checkbox-bottom .helper-text{display:block}:host(.ion-touched.ion-invalid) .checkbox-bottom .error-text{display:block}:host(.ion-touched.ion-invalid) .checkbox-bottom .helper-text{display:none}:host(.checkbox-label-placement-start) .checkbox-wrapper{-ms-flex-direction:row;flex-direction:row}:host(.checkbox-label-placement-end) .checkbox-wrapper{-ms-flex-direction:row-reverse;flex-direction:row-reverse;-ms-flex-pack:start;justify-content:start}:host(.checkbox-label-placement-fixed) .label-text-wrapper{-ms-flex:0 0 100px;flex:0 0 100px;width:100px;min-width:100px;max-width:200px}:host(.checkbox-label-placement-stacked) .checkbox-wrapper{-ms-flex-direction:column;flex-direction:column;text-align:center}:host(.checkbox-label-placement-stacked.checkbox-alignment-start) .label-text-wrapper{-webkit-transform-origin:left top;transform-origin:left top}:host-context([dir=rtl]):host(.checkbox-label-placement-stacked.checkbox-alignment-start) .label-text-wrapper,:host-context([dir=rtl]).checkbox-label-placement-stacked.checkbox-alignment-start .label-text-wrapper{-webkit-transform-origin:right top;transform-origin:right top}@supports selector(:dir(rtl)){:host(.checkbox-label-placement-stacked.checkbox-alignment-start:dir(rtl)) .label-text-wrapper{-webkit-transform-origin:right top;transform-origin:right top}}:host(.checkbox-label-placement-stacked.checkbox-alignment-center) .label-text-wrapper{-webkit-transform-origin:center top;transform-origin:center top}:host-context([dir=rtl]):host(.checkbox-label-placement-stacked.checkbox-alignment-center) .label-text-wrapper,:host-context([dir=rtl]).checkbox-label-placement-stacked.checkbox-alignment-center .label-text-wrapper{-webkit-transform-origin:calc(100% - center) top;transform-origin:calc(100% - center) top}@supports selector(:dir(rtl)){:host(.checkbox-label-placement-stacked.checkbox-alignment-center:dir(rtl)) .label-text-wrapper{-webkit-transform-origin:calc(100% - center) top;transform-origin:calc(100% - center) top}}:host(.checkbox-justify-space-between) .checkbox-wrapper{-ms-flex-pack:justify;justify-content:space-between}:host(.checkbox-justify-start) .checkbox-wrapper{-ms-flex-pack:start;justify-content:start}:host(.checkbox-justify-end) .checkbox-wrapper{-ms-flex-pack:end;justify-content:end}:host(.checkbox-alignment-start) .checkbox-wrapper{-ms-flex-align:start;align-items:start}:host(.checkbox-alignment-center) .checkbox-wrapper{-ms-flex-align:center;align-items:center}:host(.checkbox-justify-space-between),:host(.checkbox-justify-start),:host(.checkbox-justify-end),:host(.checkbox-alignment-start),:host(.checkbox-alignment-center){display:block}:host(.checkbox-checked) .native-wrapper,:host(.checkbox-indeterminate) .native-wrapper{border-color:var(--border-color-checked);background:var(--checkbox-background-checked)}:host(.checkbox-checked) .checkbox-icon,:host(.checkbox-indeterminate) .checkbox-icon{opacity:1}:host(.checkbox-disabled){pointer-events:none}:host{--border-width:var(--token-border-size-025, var(--token-scale-025, 1px));--border-style:var(--token-border-style-solid, solid);--border-color:var(--token-primitives-neutral-800, #626262);--checkmark-width:3;--focus-ring-color:var(--token-border-focus-default, var(--token-primitives-blue-400, #b5c0f7));--focus-ring-width:var(--token-border-size-050, var(--token-scale-050, 2px));--focus-ring-offset:var(--token-space-050, var(--token-scale-050, 2px));--size:var(--token-scale-600, 24px);--checkbox-background:var(--token-bg-input-default, var(--token-primitives-base-white, #ffffff));--checkbox-background-checked:var(--token-bg-primary-base-default, var(--token-semantics-primary-base, var(--token-semantics-primary-700, var(--token-primitives-blue-700, #105cef))));--border-color-checked:var(--token-semantics-primary-base, var(--token-semantics-primary-700, var(--token-primitives-blue-700, #105cef)));--checkmark-color:var(--token-bg-surface-default, var(--token-primitives-base-white, #ffffff));--transition:none;z-index:2}:host::after{right:0;left:0;top:50%;position:absolute;height:100%;min-height:var(--token-scale-1200, 48px);-webkit-transform:translateY(-50%);transform:translateY(-50%);content:"";cursor:pointer;z-index:1}.label-text-wrapper{color:var(--token-text-default, var(--token-primitives-neutral-1200, #242424))}:host(.in-item) .label-text-wrapper{margin-top:var(--token-space-250, var(--token-scale-250, 10px));margin-bottom:var(--token-space-250, var(--token-scale-250, 10px))}:host(.in-item.checkbox-label-placement-stacked) .label-text-wrapper{margin-top:var(--token-space-250, var(--token-scale-250, 10px));margin-bottom:var(--token-space-400, var(--token-scale-400, 16px))}:host(.in-item.checkbox-label-placement-stacked) .native-wrapper{margin-bottom:var(--token-space-250, var(--token-scale-250, 10px))}input{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;margin:0;padding:0;border:0;outline:0;opacity:0;overflow:hidden;clip:rect(0 0 0 0);-webkit-appearance:none;-moz-appearance:none}.native-wrapper{-ms-flex-pack:center;justify-content:center}.checkbox-icon{font-size:calc(var(--size) * 2 / 3)}.checkbox-bottom{font-size:var(--token-font-size-300, 0.75rem);font-weight:var(--token-font-weight-medium, 500);letter-spacing:var(--token-font-letter-spacing-0, 0%);line-height:var(--token-font-line-height-500, var(--token-scale-500, 20px));text-decoration:none;text-transform:none}.checkbox-bottom .error-text{color:var(--token-text-danger, var(--token-semantics-danger-900, var(--token-primitives-red-900, #991b1b)))}.checkbox-bottom .helper-text{color:var(--token-text-subtlest, var(--token-primitives-neutral-800, #626262))}:host(.checkbox-label-placement-start) .label-text-wrapper{-webkit-margin-start:0;margin-inline-start:0;-webkit-margin-end:var(--token-space-400, var(--token-scale-400, 16px));margin-inline-end:var(--token-space-400, var(--token-scale-400, 16px))}:host(.checkbox-label-placement-end) .label-text-wrapper{-webkit-margin-start:var(--token-space-400, var(--token-scale-400, 16px));margin-inline-start:var(--token-space-400, var(--token-scale-400, 16px));-webkit-margin-end:0;margin-inline-end:0}:host(.checkbox-label-placement-fixed) .label-text-wrapper{-webkit-margin-start:0;margin-inline-start:0;-webkit-margin-end:var(--token-space-400, var(--token-scale-400, 16px));margin-inline-end:var(--token-space-400, var(--token-scale-400, 16px))}:host(.checkbox-label-placement-stacked) .label-text-wrapper{-webkit-transform:scale(0.75);transform:scale(0.75);margin-left:0;margin-right:0;margin-bottom:var(--token-space-400, var(--token-scale-400, 16px));max-width:133.3333333333%}:host(.checkbox-size-small){--size:var(--token-scale-400, 16px)}:host(.ion-invalid){--focus-ring-color:var(--token-border-danger-default, var(--token-semantics-danger-800, var(--token-primitives-red-800, #bf2222)))}:host(.ion-invalid:not(.checkbox-checked)) .native-wrapper,:host(.ion-invalid:not(.checkbox-checked).checkbox-disabled) .native-wrapper{border-color:var(--token-border-danger-default, var(--token-semantics-danger-800, var(--token-primitives-red-800, #bf2222)))}:host(.checkbox-disabled) .native-wrapper:after{right:0;left:0;top:0;bottom:0;position:absolute;background-color:var(--token-state-disabled, rgba(255, 255, 255, 0.6));content:"";pointer-events:none;right:unset;left:unset;top:unset;bottom:unset;width:inherit;height:inherit}:host(.checkbox-disabled.checkbox-checked) .native-wrapper{border-width:var(--token-border-size-0, var(--token-scale-0, 0px));background-color:var(--token-bg-primary-base-default, var(--token-semantics-primary-base, var(--token-semantics-primary-700, var(--token-primitives-blue-700, #105cef))))}@media (any-hover: hover){:host(:hover) .native-wrapper{background-color:var(--token-primitives-neutral-100, #f3f3f3)}:host(:hover.checkbox-checked) .native-wrapper,:host(:hover.checkbox-indeterminate) .native-wrapper{background-color:var(--token-semantics-primary-800, var(--token-primitives-blue-800, #0f54da))}}:host(.ion-focused:not(.checkbox-disabled)) .native-wrapper{outline-offset:var(--focus-ring-width);outline:var(--focus-ring-width) var(--token-border-style-solid, solid) var(--focus-ring-color)}:host(.ion-activated) .native-wrapper{background-color:var(--token-bg-input-press, var(--token-primitives-neutral-200, #eae9e9))}:host(.ion-activated.checkbox-checked) .native-wrapper,:host(.ion-activated.checkbox-indeterminate) .native-wrapper{background-color:var(--token-bg-primary-base-press, var(--token-semantics-primary-900, var(--token-primitives-blue-900, #0d4bc3)))}:host(.ion-activated.ion-invalid:not(.checkbox-checked)){background-color:var(--token-bg-input-press, var(--token-primitives-neutral-200, #eae9e9))}:host(.ion-activated.ion-invalid:not(.checkbox-checked)) .native-wrapper{border-color:var(--token-border-danger-press, var(--token-semantics-danger-1000, var(--token-primitives-red-1000, #761515)))}:host(.checkbox-shape-soft){--border-radius:var(--token-border-radius-100, var(--token-scale-100, 4px))}:host(.checkbox-size-small.checkbox-shape-soft){--border-radius:var(--token-border-radius-025, var(--token-scale-050, 2px))}:host(.checkbox-shape-rectangular){--border-radius:var(--token-border-radius-0, var(--token-scale-0, 0px))}.checkbox-wrapper{min-height:var(--token-scale-1200, 48px)}`;
13743
13724
 
13744
- const checkboxIosCss = () => `:host{display:inline-block;position:relative;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}:host(.in-item){-ms-flex:1 1 0px;flex:1 1 0;width:100%;height:100%}:host([slot=start]),:host([slot=end]){-ms-flex:initial;flex:initial;width:auto}:host(:focus){outline:none}.checkbox-wrapper{display:-ms-flexbox;display:flex;-ms-flex-positive:1;flex-grow:1;-ms-flex-align:center;align-items:center;-ms-flex-pack:justify;justify-content:space-between;height:inherit;cursor:inherit}.label-text-wrapper{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.label-text-wrapper-hidden{display:none}input{display:none}.native-wrapper{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center}.checkbox-icon{position:relative}.checkbox-icon path{opacity:0}.checkbox-bottom{display:-ms-flexbox;display:flex;-ms-flex-pack:justify;justify-content:space-between;white-space:normal}.checkbox-bottom .error-text{display:none}.checkbox-bottom .helper-text{display:block}:host(.ion-touched.ion-invalid) .checkbox-bottom .error-text{display:block}:host(.ion-touched.ion-invalid) .checkbox-bottom .helper-text{display:none}:host(.checkbox-label-placement-start) .checkbox-wrapper{-ms-flex-direction:row;flex-direction:row}:host(.checkbox-label-placement-end) .checkbox-wrapper{-ms-flex-direction:row-reverse;flex-direction:row-reverse;-ms-flex-pack:start;justify-content:start}:host(.checkbox-label-placement-fixed) .label-text-wrapper{-ms-flex:0 0 100px;flex:0 0 100px;width:100px;min-width:100px;max-width:200px}:host(.checkbox-label-placement-stacked) .checkbox-wrapper{-ms-flex-direction:column;flex-direction:column;text-align:center}:host(.checkbox-label-placement-stacked.checkbox-alignment-start) .label-text-wrapper{-webkit-transform-origin:left top;transform-origin:left top}:host-context([dir=rtl]):host(.checkbox-label-placement-stacked.checkbox-alignment-start) .label-text-wrapper,:host-context([dir=rtl]).checkbox-label-placement-stacked.checkbox-alignment-start .label-text-wrapper{-webkit-transform-origin:right top;transform-origin:right top}@supports selector(:dir(rtl)){:host(.checkbox-label-placement-stacked.checkbox-alignment-start:dir(rtl)) .label-text-wrapper{-webkit-transform-origin:right top;transform-origin:right top}}:host(.checkbox-label-placement-stacked.checkbox-alignment-center) .label-text-wrapper{-webkit-transform-origin:center top;transform-origin:center top}:host-context([dir=rtl]):host(.checkbox-label-placement-stacked.checkbox-alignment-center) .label-text-wrapper,:host-context([dir=rtl]).checkbox-label-placement-stacked.checkbox-alignment-center .label-text-wrapper{-webkit-transform-origin:calc(100% - center) top;transform-origin:calc(100% - center) top}@supports selector(:dir(rtl)){:host(.checkbox-label-placement-stacked.checkbox-alignment-center:dir(rtl)) .label-text-wrapper{-webkit-transform-origin:calc(100% - center) top;transform-origin:calc(100% - center) top}}:host(.checkbox-justify-space-between) .checkbox-wrapper{-ms-flex-pack:justify;justify-content:space-between}:host(.checkbox-justify-start) .checkbox-wrapper{-ms-flex-pack:start;justify-content:start}:host(.checkbox-justify-end) .checkbox-wrapper{-ms-flex-pack:end;justify-content:end}:host(.checkbox-alignment-start) .checkbox-wrapper{-ms-flex-align:start;align-items:start}:host(.checkbox-alignment-center) .checkbox-wrapper{-ms-flex-align:center;align-items:center}:host(.checkbox-justify-space-between),:host(.checkbox-justify-start),:host(.checkbox-justify-end),:host(.checkbox-alignment-start),:host(.checkbox-alignment-center){display:block}:host(.checkbox-checked) .checkbox-icon,:host(.checkbox-indeterminate) .checkbox-icon{border-color:var(--border-color-checked);background:var(--checkbox-background-checked)}:host(.checkbox-checked) .checkbox-icon path,:host(.checkbox-indeterminate) .checkbox-icon path{opacity:1}:host(.checkbox-disabled){pointer-events:none}:host{--checkbox-background-checked:var(--ion-color-primary, #0054e9);--border-color-checked:var(--ion-color-primary, #0054e9);--checkmark-color:var(--ion-color-primary-contrast, #fff);--transition:none;z-index:2}:host(.ion-color){--checkbox-background-checked:var(--ion-color-base);--border-color-checked:var(--ion-color-base);--checkmark-color:var(--ion-color-contrast)}.native-wrapper{position:relative}:host(.ion-focused) .native-wrapper::after{border-radius:50%;display:block;position:absolute;width:36px;height:36px;background:var(--ion-color-primary-tint, #1a65eb);content:"";opacity:0.2;pointer-events:none;inset-block-start:calc(50% - 36px / 2);inset-inline-start:calc(50% - 36px / 2)}:host(.in-item) .label-text-wrapper,:host(.in-item:not(.checkbox-label-placement-stacked):not([slot])) .native-wrapper{margin-top:10px;margin-bottom:10px}:host(.in-item.checkbox-label-placement-stacked) .label-text-wrapper{margin-top:10px;margin-bottom:16px}:host(.in-item.checkbox-label-placement-stacked) .native-wrapper{margin-bottom:10px}.checkbox-icon{border-radius:var(--border-radius);width:var(--size);height:var(--size);-webkit-transition:var(--transition);transition:var(--transition);border-width:var(--border-width);border-style:var(--border-style);border-color:var(--border-color);background:var(--checkbox-background);-webkit-box-sizing:border-box;box-sizing:border-box}.checkbox-icon path{fill:none;stroke:var(--checkmark-color);stroke-width:var(--checkmark-width)}.checkbox-bottom{padding-top:4px;font-size:0.75rem}:host(.checkbox-label-placement-stacked) .checkbox-bottom{font-size:1rem}.checkbox-bottom .error-text{color:var(--ion-color-danger, #c5000f)}.checkbox-bottom .helper-text{color:var(--ion-color-step-700, var(--ion-text-color-step-300, #4d4d4d))}:host(.checkbox-label-placement-start) .label-text-wrapper{-webkit-margin-start:0;margin-inline-start:0;-webkit-margin-end:16px;margin-inline-end:16px}:host(.checkbox-label-placement-end) .label-text-wrapper{-webkit-margin-start:16px;margin-inline-start:16px;-webkit-margin-end:0;margin-inline-end:0}:host(.checkbox-label-placement-fixed) .label-text-wrapper{-webkit-margin-start:0;margin-inline-start:0;-webkit-margin-end:16px;margin-inline-end:16px}:host(.checkbox-label-placement-stacked) .label-text-wrapper{-webkit-transform:scale(0.75);transform:scale(0.75);margin-left:0;margin-right:0;margin-bottom:16px;max-width:calc(100% / 0.75)}:host{--border-radius:50%;--border-width:0.125rem;--border-style:solid;--border-color:rgba(var(--ion-text-color-rgb, 0, 0, 0), 0.23);--checkbox-background:var(--ion-item-background, var(--ion-background-color, #fff));--size:min(1.375rem, 55.836px);--checkmark-width:1.5px}:host(.checkbox-disabled){opacity:0.3}`;
13725
+ const checkboxIosCss = () => `:host{display:inline-block;position:relative;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}:host(.in-item){-ms-flex:1 1 0px;flex:1 1 0;width:100%;height:100%}:host([slot=start]),:host([slot=end]){-ms-flex:initial;flex:initial;width:auto}:host(:focus){outline:none}.checkbox-wrapper{display:-ms-flexbox;display:flex;-ms-flex-positive:1;flex-grow:1;-ms-flex-align:center;align-items:center;-ms-flex-pack:justify;justify-content:space-between;height:inherit;cursor:inherit}.label-text-wrapper{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.label-text-wrapper-hidden{display:none}input{display:none}.native-wrapper{border-radius:var(--border-radius);display:-ms-flexbox;display:flex;position:relative;-ms-flex-negative:0;flex-shrink:0;-ms-flex-align:center;align-items:center;width:var(--size);height:var(--size);-webkit-transition:var(--transition);transition:var(--transition);border-width:var(--border-width);border-style:var(--border-style);border-color:var(--border-color);background:var(--checkbox-background);-webkit-box-sizing:border-box;box-sizing:border-box}.checkbox-icon{position:relative;color:var(--checkmark-color);opacity:0}.checkbox-icon svg{width:100%;height:100%}.checkbox-icon path{fill:none;stroke:currentColor;stroke-width:var(--checkmark-width)}.checkbox-bottom{display:-ms-flexbox;display:flex;-ms-flex-pack:justify;justify-content:space-between;white-space:normal}.checkbox-bottom .error-text{display:none}.checkbox-bottom .helper-text{display:block}:host(.ion-touched.ion-invalid) .checkbox-bottom .error-text{display:block}:host(.ion-touched.ion-invalid) .checkbox-bottom .helper-text{display:none}:host(.checkbox-label-placement-start) .checkbox-wrapper{-ms-flex-direction:row;flex-direction:row}:host(.checkbox-label-placement-end) .checkbox-wrapper{-ms-flex-direction:row-reverse;flex-direction:row-reverse;-ms-flex-pack:start;justify-content:start}:host(.checkbox-label-placement-fixed) .label-text-wrapper{-ms-flex:0 0 100px;flex:0 0 100px;width:100px;min-width:100px;max-width:200px}:host(.checkbox-label-placement-stacked) .checkbox-wrapper{-ms-flex-direction:column;flex-direction:column;text-align:center}:host(.checkbox-label-placement-stacked.checkbox-alignment-start) .label-text-wrapper{-webkit-transform-origin:left top;transform-origin:left top}:host-context([dir=rtl]):host(.checkbox-label-placement-stacked.checkbox-alignment-start) .label-text-wrapper,:host-context([dir=rtl]).checkbox-label-placement-stacked.checkbox-alignment-start .label-text-wrapper{-webkit-transform-origin:right top;transform-origin:right top}@supports selector(:dir(rtl)){:host(.checkbox-label-placement-stacked.checkbox-alignment-start:dir(rtl)) .label-text-wrapper{-webkit-transform-origin:right top;transform-origin:right top}}:host(.checkbox-label-placement-stacked.checkbox-alignment-center) .label-text-wrapper{-webkit-transform-origin:center top;transform-origin:center top}:host-context([dir=rtl]):host(.checkbox-label-placement-stacked.checkbox-alignment-center) .label-text-wrapper,:host-context([dir=rtl]).checkbox-label-placement-stacked.checkbox-alignment-center .label-text-wrapper{-webkit-transform-origin:calc(100% - center) top;transform-origin:calc(100% - center) top}@supports selector(:dir(rtl)){:host(.checkbox-label-placement-stacked.checkbox-alignment-center:dir(rtl)) .label-text-wrapper{-webkit-transform-origin:calc(100% - center) top;transform-origin:calc(100% - center) top}}:host(.checkbox-justify-space-between) .checkbox-wrapper{-ms-flex-pack:justify;justify-content:space-between}:host(.checkbox-justify-start) .checkbox-wrapper{-ms-flex-pack:start;justify-content:start}:host(.checkbox-justify-end) .checkbox-wrapper{-ms-flex-pack:end;justify-content:end}:host(.checkbox-alignment-start) .checkbox-wrapper{-ms-flex-align:start;align-items:start}:host(.checkbox-alignment-center) .checkbox-wrapper{-ms-flex-align:center;align-items:center}:host(.checkbox-justify-space-between),:host(.checkbox-justify-start),:host(.checkbox-justify-end),:host(.checkbox-alignment-start),:host(.checkbox-alignment-center){display:block}:host(.checkbox-checked) .native-wrapper,:host(.checkbox-indeterminate) .native-wrapper{border-color:var(--border-color-checked);background:var(--checkbox-background-checked)}:host(.checkbox-checked) .checkbox-icon,:host(.checkbox-indeterminate) .checkbox-icon{opacity:1}:host(.checkbox-disabled){pointer-events:none}:host{--checkbox-background-checked:var(--ion-color-primary, #0054e9);--border-color-checked:var(--ion-color-primary, #0054e9);--checkmark-color:var(--ion-color-primary-contrast, #fff);--transition:none;z-index:2}:host(.ion-color){--checkbox-background-checked:var(--ion-color-base);--border-color-checked:var(--ion-color-base);--checkmark-color:var(--ion-color-contrast)}:host(.ion-focused) .native-wrapper::after{border-radius:50%;display:block;position:absolute;width:36px;height:36px;background:var(--ion-color-primary-tint, #1a65eb);content:"";opacity:0.2;pointer-events:none;inset-block-start:calc(50% - 36px / 2);inset-inline-start:calc(50% - 36px / 2)}:host(.in-item) .label-text-wrapper,:host(.in-item:not(.checkbox-label-placement-stacked):not([slot])) .native-wrapper{margin-top:10px;margin-bottom:10px}:host(.in-item.checkbox-label-placement-stacked) .label-text-wrapper{margin-top:10px;margin-bottom:16px}:host(.in-item.checkbox-label-placement-stacked) .native-wrapper{margin-bottom:10px}.checkbox-icon{font-size:calc(var(--size) - 2 * var(--border-width))}.checkbox-bottom{padding-top:4px;font-size:0.75rem}:host(.checkbox-label-placement-stacked) .checkbox-bottom{font-size:1rem}.checkbox-bottom .error-text{color:var(--ion-color-danger, #c5000f)}.checkbox-bottom .helper-text{color:var(--ion-color-step-700, var(--ion-text-color-step-300, #4d4d4d))}:host(.checkbox-label-placement-start) .label-text-wrapper{-webkit-margin-start:0;margin-inline-start:0;-webkit-margin-end:16px;margin-inline-end:16px}:host(.checkbox-label-placement-end) .label-text-wrapper{-webkit-margin-start:16px;margin-inline-start:16px;-webkit-margin-end:0;margin-inline-end:0}:host(.checkbox-label-placement-fixed) .label-text-wrapper{-webkit-margin-start:0;margin-inline-start:0;-webkit-margin-end:16px;margin-inline-end:16px}:host(.checkbox-label-placement-stacked) .label-text-wrapper{-webkit-transform:scale(0.75);transform:scale(0.75);margin-left:0;margin-right:0;margin-bottom:16px;max-width:calc(100% / 0.75)}:host{--border-radius:50%;--border-width:0.125rem;--border-style:solid;--border-color:rgba(var(--ion-text-color-rgb, 0, 0, 0), 0.23);--checkbox-background:var(--ion-item-background, var(--ion-background-color, #fff));--size:min(1.375rem, 55.836px);--checkmark-width:1.5px}:host(.checkbox-disabled){opacity:0.3}`;
13745
13726
 
13746
- const checkboxMdCss = () => `:host{display:inline-block;position:relative;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}:host(.in-item){-ms-flex:1 1 0px;flex:1 1 0;width:100%;height:100%}:host([slot=start]),:host([slot=end]){-ms-flex:initial;flex:initial;width:auto}:host(:focus){outline:none}.checkbox-wrapper{display:-ms-flexbox;display:flex;-ms-flex-positive:1;flex-grow:1;-ms-flex-align:center;align-items:center;-ms-flex-pack:justify;justify-content:space-between;height:inherit;cursor:inherit}.label-text-wrapper{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.label-text-wrapper-hidden{display:none}input{display:none}.native-wrapper{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center}.checkbox-icon{position:relative}.checkbox-icon path{opacity:0}.checkbox-bottom{display:-ms-flexbox;display:flex;-ms-flex-pack:justify;justify-content:space-between;white-space:normal}.checkbox-bottom .error-text{display:none}.checkbox-bottom .helper-text{display:block}:host(.ion-touched.ion-invalid) .checkbox-bottom .error-text{display:block}:host(.ion-touched.ion-invalid) .checkbox-bottom .helper-text{display:none}:host(.checkbox-label-placement-start) .checkbox-wrapper{-ms-flex-direction:row;flex-direction:row}:host(.checkbox-label-placement-end) .checkbox-wrapper{-ms-flex-direction:row-reverse;flex-direction:row-reverse;-ms-flex-pack:start;justify-content:start}:host(.checkbox-label-placement-fixed) .label-text-wrapper{-ms-flex:0 0 100px;flex:0 0 100px;width:100px;min-width:100px;max-width:200px}:host(.checkbox-label-placement-stacked) .checkbox-wrapper{-ms-flex-direction:column;flex-direction:column;text-align:center}:host(.checkbox-label-placement-stacked.checkbox-alignment-start) .label-text-wrapper{-webkit-transform-origin:left top;transform-origin:left top}:host-context([dir=rtl]):host(.checkbox-label-placement-stacked.checkbox-alignment-start) .label-text-wrapper,:host-context([dir=rtl]).checkbox-label-placement-stacked.checkbox-alignment-start .label-text-wrapper{-webkit-transform-origin:right top;transform-origin:right top}@supports selector(:dir(rtl)){:host(.checkbox-label-placement-stacked.checkbox-alignment-start:dir(rtl)) .label-text-wrapper{-webkit-transform-origin:right top;transform-origin:right top}}:host(.checkbox-label-placement-stacked.checkbox-alignment-center) .label-text-wrapper{-webkit-transform-origin:center top;transform-origin:center top}:host-context([dir=rtl]):host(.checkbox-label-placement-stacked.checkbox-alignment-center) .label-text-wrapper,:host-context([dir=rtl]).checkbox-label-placement-stacked.checkbox-alignment-center .label-text-wrapper{-webkit-transform-origin:calc(100% - center) top;transform-origin:calc(100% - center) top}@supports selector(:dir(rtl)){:host(.checkbox-label-placement-stacked.checkbox-alignment-center:dir(rtl)) .label-text-wrapper{-webkit-transform-origin:calc(100% - center) top;transform-origin:calc(100% - center) top}}:host(.checkbox-justify-space-between) .checkbox-wrapper{-ms-flex-pack:justify;justify-content:space-between}:host(.checkbox-justify-start) .checkbox-wrapper{-ms-flex-pack:start;justify-content:start}:host(.checkbox-justify-end) .checkbox-wrapper{-ms-flex-pack:end;justify-content:end}:host(.checkbox-alignment-start) .checkbox-wrapper{-ms-flex-align:start;align-items:start}:host(.checkbox-alignment-center) .checkbox-wrapper{-ms-flex-align:center;align-items:center}:host(.checkbox-justify-space-between),:host(.checkbox-justify-start),:host(.checkbox-justify-end),:host(.checkbox-alignment-start),:host(.checkbox-alignment-center){display:block}:host(.checkbox-checked) .checkbox-icon,:host(.checkbox-indeterminate) .checkbox-icon{border-color:var(--border-color-checked);background:var(--checkbox-background-checked)}:host(.checkbox-checked) .checkbox-icon path,:host(.checkbox-indeterminate) .checkbox-icon path{opacity:1}:host(.checkbox-disabled){pointer-events:none}:host{--checkbox-background-checked:var(--ion-color-primary, #0054e9);--border-color-checked:var(--ion-color-primary, #0054e9);--checkmark-color:var(--ion-color-primary-contrast, #fff);--transition:none;z-index:2}:host(.ion-color){--checkbox-background-checked:var(--ion-color-base);--border-color-checked:var(--ion-color-base);--checkmark-color:var(--ion-color-contrast)}.native-wrapper{position:relative}:host(.ion-focused) .native-wrapper::after{border-radius:50%;display:block;position:absolute;width:36px;height:36px;background:var(--ion-color-primary-tint, #1a65eb);content:"";opacity:0.2;pointer-events:none;inset-block-start:calc(50% - 36px / 2);inset-inline-start:calc(50% - 36px / 2)}:host(.in-item) .label-text-wrapper,:host(.in-item:not(.checkbox-label-placement-stacked):not([slot])) .native-wrapper{margin-top:10px;margin-bottom:10px}:host(.in-item.checkbox-label-placement-stacked) .label-text-wrapper{margin-top:10px;margin-bottom:16px}:host(.in-item.checkbox-label-placement-stacked) .native-wrapper{margin-bottom:10px}.checkbox-icon{border-radius:var(--border-radius);width:var(--size);height:var(--size);-webkit-transition:var(--transition);transition:var(--transition);border-width:var(--border-width);border-style:var(--border-style);border-color:var(--border-color);background:var(--checkbox-background);-webkit-box-sizing:border-box;box-sizing:border-box}.checkbox-icon path{fill:none;stroke:var(--checkmark-color);stroke-width:var(--checkmark-width)}.checkbox-bottom{padding-top:4px;font-size:0.75rem}:host(.checkbox-label-placement-stacked) .checkbox-bottom{font-size:1rem}.checkbox-bottom .error-text{color:var(--ion-color-danger, #c5000f)}.checkbox-bottom .helper-text{color:var(--ion-color-step-700, var(--ion-text-color-step-300, #4d4d4d))}:host(.checkbox-label-placement-start) .label-text-wrapper{-webkit-margin-start:0;margin-inline-start:0;-webkit-margin-end:16px;margin-inline-end:16px}:host(.checkbox-label-placement-end) .label-text-wrapper{-webkit-margin-start:16px;margin-inline-start:16px;-webkit-margin-end:0;margin-inline-end:0}:host(.checkbox-label-placement-fixed) .label-text-wrapper{-webkit-margin-start:0;margin-inline-start:0;-webkit-margin-end:16px;margin-inline-end:16px}:host(.checkbox-label-placement-stacked) .label-text-wrapper{-webkit-transform:scale(0.75);transform:scale(0.75);margin-left:0;margin-right:0;margin-bottom:16px;max-width:calc(100% / 0.75)}:host{--border-radius:calc(var(--size) * 0.125);--border-width:2px;--border-style:solid;--border-color:rgb(var(--ion-text-color-rgb, 0, 0, 0), 0.6);--checkmark-width:3;--checkbox-background:var(--ion-item-background, var(--ion-background-color, #fff));--transition:background 180ms cubic-bezier(0.4, 0, 0.2, 1);--size:18px}.checkbox-icon path{stroke-dasharray:30;stroke-dashoffset:30}:host(.checkbox-checked) .checkbox-icon path,:host(.checkbox-indeterminate) .checkbox-icon path{stroke-dashoffset:0;-webkit-transition:stroke-dashoffset 90ms linear 90ms;transition:stroke-dashoffset 90ms linear 90ms}:host(.checkbox-disabled) .label-text-wrapper{opacity:0.38}:host(.checkbox-disabled) .native-wrapper{opacity:0.63}`;
13727
+ const checkboxMdCss = () => `:host{display:inline-block;position:relative;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}:host(.in-item){-ms-flex:1 1 0px;flex:1 1 0;width:100%;height:100%}:host([slot=start]),:host([slot=end]){-ms-flex:initial;flex:initial;width:auto}:host(:focus){outline:none}.checkbox-wrapper{display:-ms-flexbox;display:flex;-ms-flex-positive:1;flex-grow:1;-ms-flex-align:center;align-items:center;-ms-flex-pack:justify;justify-content:space-between;height:inherit;cursor:inherit}.label-text-wrapper{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.label-text-wrapper-hidden{display:none}input{display:none}.native-wrapper{border-radius:var(--border-radius);display:-ms-flexbox;display:flex;position:relative;-ms-flex-negative:0;flex-shrink:0;-ms-flex-align:center;align-items:center;width:var(--size);height:var(--size);-webkit-transition:var(--transition);transition:var(--transition);border-width:var(--border-width);border-style:var(--border-style);border-color:var(--border-color);background:var(--checkbox-background);-webkit-box-sizing:border-box;box-sizing:border-box}.checkbox-icon{position:relative;color:var(--checkmark-color);opacity:0}.checkbox-icon svg{width:100%;height:100%}.checkbox-icon path{fill:none;stroke:currentColor;stroke-width:var(--checkmark-width)}.checkbox-bottom{display:-ms-flexbox;display:flex;-ms-flex-pack:justify;justify-content:space-between;white-space:normal}.checkbox-bottom .error-text{display:none}.checkbox-bottom .helper-text{display:block}:host(.ion-touched.ion-invalid) .checkbox-bottom .error-text{display:block}:host(.ion-touched.ion-invalid) .checkbox-bottom .helper-text{display:none}:host(.checkbox-label-placement-start) .checkbox-wrapper{-ms-flex-direction:row;flex-direction:row}:host(.checkbox-label-placement-end) .checkbox-wrapper{-ms-flex-direction:row-reverse;flex-direction:row-reverse;-ms-flex-pack:start;justify-content:start}:host(.checkbox-label-placement-fixed) .label-text-wrapper{-ms-flex:0 0 100px;flex:0 0 100px;width:100px;min-width:100px;max-width:200px}:host(.checkbox-label-placement-stacked) .checkbox-wrapper{-ms-flex-direction:column;flex-direction:column;text-align:center}:host(.checkbox-label-placement-stacked.checkbox-alignment-start) .label-text-wrapper{-webkit-transform-origin:left top;transform-origin:left top}:host-context([dir=rtl]):host(.checkbox-label-placement-stacked.checkbox-alignment-start) .label-text-wrapper,:host-context([dir=rtl]).checkbox-label-placement-stacked.checkbox-alignment-start .label-text-wrapper{-webkit-transform-origin:right top;transform-origin:right top}@supports selector(:dir(rtl)){:host(.checkbox-label-placement-stacked.checkbox-alignment-start:dir(rtl)) .label-text-wrapper{-webkit-transform-origin:right top;transform-origin:right top}}:host(.checkbox-label-placement-stacked.checkbox-alignment-center) .label-text-wrapper{-webkit-transform-origin:center top;transform-origin:center top}:host-context([dir=rtl]):host(.checkbox-label-placement-stacked.checkbox-alignment-center) .label-text-wrapper,:host-context([dir=rtl]).checkbox-label-placement-stacked.checkbox-alignment-center .label-text-wrapper{-webkit-transform-origin:calc(100% - center) top;transform-origin:calc(100% - center) top}@supports selector(:dir(rtl)){:host(.checkbox-label-placement-stacked.checkbox-alignment-center:dir(rtl)) .label-text-wrapper{-webkit-transform-origin:calc(100% - center) top;transform-origin:calc(100% - center) top}}:host(.checkbox-justify-space-between) .checkbox-wrapper{-ms-flex-pack:justify;justify-content:space-between}:host(.checkbox-justify-start) .checkbox-wrapper{-ms-flex-pack:start;justify-content:start}:host(.checkbox-justify-end) .checkbox-wrapper{-ms-flex-pack:end;justify-content:end}:host(.checkbox-alignment-start) .checkbox-wrapper{-ms-flex-align:start;align-items:start}:host(.checkbox-alignment-center) .checkbox-wrapper{-ms-flex-align:center;align-items:center}:host(.checkbox-justify-space-between),:host(.checkbox-justify-start),:host(.checkbox-justify-end),:host(.checkbox-alignment-start),:host(.checkbox-alignment-center){display:block}:host(.checkbox-checked) .native-wrapper,:host(.checkbox-indeterminate) .native-wrapper{border-color:var(--border-color-checked);background:var(--checkbox-background-checked)}:host(.checkbox-checked) .checkbox-icon,:host(.checkbox-indeterminate) .checkbox-icon{opacity:1}:host(.checkbox-disabled){pointer-events:none}:host{--checkbox-background-checked:var(--ion-color-primary, #0054e9);--border-color-checked:var(--ion-color-primary, #0054e9);--checkmark-color:var(--ion-color-primary-contrast, #fff);--transition:none;z-index:2}:host(.ion-color){--checkbox-background-checked:var(--ion-color-base);--border-color-checked:var(--ion-color-base);--checkmark-color:var(--ion-color-contrast)}:host(.ion-focused) .native-wrapper::after{border-radius:50%;display:block;position:absolute;width:36px;height:36px;background:var(--ion-color-primary-tint, #1a65eb);content:"";opacity:0.2;pointer-events:none;inset-block-start:calc(50% - 36px / 2);inset-inline-start:calc(50% - 36px / 2)}:host(.in-item) .label-text-wrapper,:host(.in-item:not(.checkbox-label-placement-stacked):not([slot])) .native-wrapper{margin-top:10px;margin-bottom:10px}:host(.in-item.checkbox-label-placement-stacked) .label-text-wrapper{margin-top:10px;margin-bottom:16px}:host(.in-item.checkbox-label-placement-stacked) .native-wrapper{margin-bottom:10px}.checkbox-icon{font-size:calc(var(--size) - 2 * var(--border-width))}.checkbox-bottom{padding-top:4px;font-size:0.75rem}:host(.checkbox-label-placement-stacked) .checkbox-bottom{font-size:1rem}.checkbox-bottom .error-text{color:var(--ion-color-danger, #c5000f)}.checkbox-bottom .helper-text{color:var(--ion-color-step-700, var(--ion-text-color-step-300, #4d4d4d))}:host(.checkbox-label-placement-start) .label-text-wrapper{-webkit-margin-start:0;margin-inline-start:0;-webkit-margin-end:16px;margin-inline-end:16px}:host(.checkbox-label-placement-end) .label-text-wrapper{-webkit-margin-start:16px;margin-inline-start:16px;-webkit-margin-end:0;margin-inline-end:0}:host(.checkbox-label-placement-fixed) .label-text-wrapper{-webkit-margin-start:0;margin-inline-start:0;-webkit-margin-end:16px;margin-inline-end:16px}:host(.checkbox-label-placement-stacked) .label-text-wrapper{-webkit-transform:scale(0.75);transform:scale(0.75);margin-left:0;margin-right:0;margin-bottom:16px;max-width:calc(100% / 0.75)}:host{--border-radius:calc(var(--size) * 0.125);--border-width:2px;--border-style:solid;--border-color:rgb(var(--ion-text-color-rgb, 0, 0, 0), 0.6);--checkmark-width:3;--checkbox-background:var(--ion-item-background, var(--ion-background-color, #fff));--transition:background 180ms cubic-bezier(0.4, 0, 0.2, 1);--size:18px}.checkbox-icon path{stroke-dasharray:30;stroke-dashoffset:30}:host(.checkbox-checked) .checkbox-icon path,:host(.checkbox-indeterminate) .checkbox-icon path{stroke-dashoffset:0;-webkit-transition:stroke-dashoffset 90ms linear 90ms;transition:stroke-dashoffset 90ms linear 90ms}:host(.checkbox-disabled) .label-text-wrapper{opacity:0.38}:host(.checkbox-disabled) .native-wrapper{opacity:0.63}`;
13747
13728
 
13748
13729
  /**
13749
13730
  * @virtualProp {"ios" | "md"} mode - The mode determines the platform behaviors of the component.
@@ -13753,7 +13734,8 @@ const checkboxMdCss = () => `:host{display:inline-block;position:relative;cursor
13753
13734
  *
13754
13735
  * @part container - The container for the checkbox mark.
13755
13736
  * @part label - The label text describing the checkbox.
13756
- * @part mark - The checkmark used to indicate the checked state.
13737
+ * @part icon - The icon that displays the checkmark.
13738
+ * @part mark - The checkmark used to indicate the checked state. Only applies when no icon is set in the config.
13757
13739
  * @part supporting-text - Supporting text displayed beneath the checkbox label.
13758
13740
  * @part helper-text - Supporting text displayed beneath the checkbox label when the checkbox is valid.
13759
13741
  * @part error-text - Supporting text displayed beneath the checkbox label when the checkbox is invalid and touched.
@@ -13887,6 +13869,20 @@ class Checkbox {
13887
13869
  async setFocus() {
13888
13870
  this.el.focus();
13889
13871
  }
13872
+ /**
13873
+ * Get the icon to use for the checked icon.
13874
+ * Use the icon set in the config.
13875
+ */
13876
+ get checkboxCheckedIcon() {
13877
+ return config.get('checkboxCheckedIcon');
13878
+ }
13879
+ /**
13880
+ * Get the icon to use for the indeterminate icon.
13881
+ * Use the icon set in the config.
13882
+ */
13883
+ get checkboxIndeterminateIcon() {
13884
+ return config.get('checkboxIndeterminateIcon');
13885
+ }
13890
13886
  getHintTextId() {
13891
13887
  const { helperText, errorText, helperTextId, errorTextId, isInvalid } = this;
13892
13888
  if (isInvalid && errorText) {
@@ -13916,13 +13912,14 @@ class Checkbox {
13916
13912
  render() {
13917
13913
  const { color, checked, disabled, el, getSVGPath, indeterminate, inheritedAttributes, inputId, justify, labelPlacement, name, value, alignment, required, shape, size, } = this;
13918
13914
  const theme = getIonTheme(this);
13915
+ const markIcon = indeterminate ? this.checkboxIndeterminateIcon : this.checkboxCheckedIcon;
13919
13916
  const path = getSVGPath(theme, indeterminate);
13920
13917
  const inItem = hostContext('ion-item', el);
13921
13918
  const inMultipleInputsItem = hostContext('ion-item.item-multiple-inputs', el);
13922
13919
  renderHiddenInput(true, el, name, checked ? value : '', disabled);
13923
13920
  // The host element must have a checkbox role to ensure proper VoiceOver
13924
13921
  // support in Safari for accessibility.
13925
- return (hAsync(Host, { key: '4a87b4c232e9dbf71a489ecd02ec94c1bd5cac24', role: "checkbox", "aria-checked": indeterminate ? 'mixed' : `${checked}`, "aria-describedby": this.hintTextId, "aria-invalid": this.isInvalid ? 'true' : undefined, "aria-labelledby": this.hasLabelContent ? this.inputLabelId : null, "aria-label": inheritedAttributes['aria-label'] || null, "aria-disabled": disabled ? 'true' : null, "aria-required": required ? 'true' : undefined, tabindex: disabled ? undefined : 0, onKeyDown: this.onKeyDown, onFocus: this.onFocus, onBlur: this.onBlur, onClick: this.onClick, class: createColorClasses$1(color, {
13922
+ return (hAsync(Host, { key: 'c1eda757784c401a112edfc02c24e89a122fed4a', role: "checkbox", "aria-checked": indeterminate ? 'mixed' : `${checked}`, "aria-describedby": this.hintTextId, "aria-invalid": this.isInvalid ? 'true' : undefined, "aria-labelledby": this.hasLabelContent ? this.inputLabelId : null, "aria-label": inheritedAttributes['aria-label'] || null, "aria-disabled": disabled ? 'true' : null, "aria-required": required ? 'true' : undefined, tabindex: disabled ? undefined : 0, onKeyDown: this.onKeyDown, onFocus: this.onFocus, onBlur: this.onBlur, onClick: this.onClick, class: createColorClasses$1(color, {
13926
13923
  [theme]: true,
13927
13924
  'in-item': inItem,
13928
13925
  'checkbox-checked': checked,
@@ -13937,23 +13934,16 @@ class Checkbox {
13937
13934
  [`checkbox-label-placement-${labelPlacement}`]: true,
13938
13935
  [`checkbox-size-${size}`]: size !== undefined,
13939
13936
  [`checkbox-shape-${shape}`]: true,
13940
- }) }, hAsync("label", { key: '97aebc716e0ab1ef850620011a4e65f6318fca2c', class: "checkbox-wrapper", htmlFor: inputId }, hAsync("input", Object.assign({ key: '47d3d3c93438cf3a135c162893ed502af8914a75', type: "checkbox", checked: checked ? true : undefined, disabled: disabled, id: inputId, onChange: this.toggleChecked, required: required }, inheritedAttributes)), hAsync("div", { key: '70935ad2274e5b3f4973cda326abca237aa302f9', class: {
13937
+ }) }, hAsync("label", { key: '7d0ef2a71eeb2f6f49b506cf4e9e9917d70cecf5', class: "checkbox-wrapper", htmlFor: inputId }, hAsync("input", Object.assign({ key: '676b7c47f3f8b971fd3c944381fa5c666c848817', type: "checkbox", checked: checked ? true : undefined, disabled: disabled, id: inputId, onChange: this.toggleChecked, required: required }, inheritedAttributes)), hAsync("div", { key: 'e1e8083fc65c6708c4a9f918a05fe619b0397679', class: {
13941
13938
  'label-text-wrapper': true,
13942
13939
  'label-text-wrapper-hidden': !this.hasLabelContent,
13943
- }, part: "label", id: this.inputLabelId, onClick: this.onDivLabelClick }, hAsync("slot", { key: '22f27bd7afd0abefb112419355a0ce9f1a1403e9' }), this.renderHintText()), hAsync("div", { key: 'fda4acb438bafcfdcfefd860e3f92335d4b9ea74', class: "native-wrapper" }, hAsync("svg", { key: 'bab1161b88d36511546cb49ae3d411a16bd60a08', class: "checkbox-icon", viewBox: theme === 'ionic' ? '0 0 256 256' : '0 0 24 24', part: "container", "aria-hidden": "true" }, path)))));
13940
+ }, part: "label", id: this.inputLabelId, onClick: this.onDivLabelClick }, hAsync("slot", { key: '22c909d61b4e8c14826818ae8329a45f77d5b414' }), this.renderHintText()), hAsync("div", { key: 'f13a5f97d12d3b7753bf3734dac0ad70ad396c2b', class: "native-wrapper", part: "container" }, hAsync("ion-icon", { key: '5976bb2ecf452a2a75412c667f1df7fc678d1179', class: "checkbox-icon", icon: markIcon, part: "icon", "aria-hidden": "true" }, hAsync("svg", { key: '6f9306fdb6e3b332eb689dc8be329bc7679a492b', viewBox: "0 0 24 24" }, path))))));
13944
13941
  }
13945
13942
  getSVGPath(theme, indeterminate) {
13946
13943
  let path = indeterminate ? (hAsync("path", { d: "M6 12L18 12", part: "mark" })) : (hAsync("path", { d: "M5.9,12.5l3.8,3.8l8.8-8.8", part: "mark" }));
13947
- if (theme === 'md') {
13944
+ if (theme === 'md' || theme === 'ionic') {
13948
13945
  path = indeterminate ? (hAsync("path", { d: "M2 12H22", part: "mark" })) : (hAsync("path", { d: "M1.73,12.91 8.1,19.28 22.79,4.59", part: "mark" }));
13949
13946
  }
13950
- else if (theme === 'ionic') {
13951
- path = indeterminate ? (
13952
- // Phosphor Icon - minus bold
13953
- hAsync("path", { d: "M228,128a12,12,0,0,1-12,12H40a12,12,0,0,1,0-24H216A12,12,0,0,1,228,128Z" })) : (
13954
- // Phosphor Icon - check bold
13955
- hAsync("path", { d: "M232.49,80.49l-128,128a12,12,0,0,1-17,0l-56-56a12,12,0,1,1,17-17L96,183,215.51,63.51a12,12,0,0,1,17,17Z" }));
13956
- }
13957
13947
  return path;
13958
13948
  }
13959
13949
  get el() { return getElement(this); }
@@ -14050,7 +14040,7 @@ class Chip {
14050
14040
  const theme = getIonTheme(this);
14051
14041
  const size = this.getSize();
14052
14042
  const shape = this.getShape();
14053
- return (hAsync(Host, { key: 'ec10528929fb43fcae7d2d7c9cc52bcf67d9823e', "aria-disabled": this.disabled ? 'true' : null, class: createColorClasses$1(this.color, {
14043
+ return (hAsync(Host, { key: 'b6ac6f314aca3dae06b9a6b38468d82807f7f883', "aria-disabled": this.disabled ? 'true' : null, class: createColorClasses$1(this.color, {
14054
14044
  [theme]: true,
14055
14045
  [`chip-${shape}`]: true,
14056
14046
  'chip-outline': this.outline,
@@ -14059,7 +14049,7 @@ class Chip {
14059
14049
  'ion-focusable': !this.disabled,
14060
14050
  [`chip-${size}`]: size !== undefined,
14061
14051
  [`chip-${hue}`]: hue !== undefined,
14062
- }) }, hAsync("slot", { key: 'c88e9a90b9de62fded05d4323c5b4f86f2f3e96d' }), theme === 'md' && hAsync("ion-ripple-effect", { key: 'f0395345064db0e02cbc886386b07d0d01cb02be' })));
14052
+ }) }, hAsync("slot", { key: '0da90695097e5403e6e540f592e67240fb6c4a14' }), theme === 'md' && hAsync("ion-ripple-effect", { key: '764b2a54d45120578a178054ea44b6980e3f63e9' })));
14063
14053
  }
14064
14054
  static get style() { return {
14065
14055
  ionic: chipIonicCss(),
@@ -14185,12 +14175,12 @@ class Col {
14185
14175
  const colSize = this.getSizeClass();
14186
14176
  const colOrder = this.getOrderClass();
14187
14177
  const colOffset = this.getOffsetClass();
14188
- return (hAsync(Host, { key: '7fc98e15bd75e9c22fe7eaf71f2f49f5d987613a', class: {
14178
+ return (hAsync(Host, { key: '3a56b2a9b995148f709dc3c0fe862ea6d1a273d8', class: {
14189
14179
  [theme]: true,
14190
14180
  [`${colSize}`]: colSize !== undefined,
14191
14181
  [`${colOrder}`]: colOrder !== undefined,
14192
14182
  [`${colOffset}`]: colOffset !== undefined,
14193
- } }, hAsync("slot", { key: '6ed04a2c2bcdb0400354368c568e58414a60fc39' })));
14183
+ } }, hAsync("slot", { key: '1b7336c386b92376cd287ebf85b10d245f5c9ab4' })));
14194
14184
  }
14195
14185
  get el() { return getElement(this); }
14196
14186
  static get style() { return colCss(); }
@@ -14620,7 +14610,7 @@ class Content {
14620
14610
  const forceOverscroll = this.shouldForceOverscroll(mode);
14621
14611
  const transitionShadow = theme === 'ios';
14622
14612
  this.resize();
14623
- return (hAsync(Host, Object.assign({ key: '8c7f646f58e7c38fb6d8661b1629b847a16753fb', role: isMainContent ? 'main' : undefined, class: createColorClasses$1(this.color, {
14613
+ return (hAsync(Host, Object.assign({ key: '6be663a1c94186ab306827797e0743d936616b8f', role: isMainContent ? 'main' : undefined, class: createColorClasses$1(this.color, {
14624
14614
  [theme]: true,
14625
14615
  'content-fullscreen': this.fullscreen,
14626
14616
  'content-sizing': hostContext('ion-popover', this.el),
@@ -14629,12 +14619,12 @@ class Content {
14629
14619
  }), style: {
14630
14620
  '--offset-top': `${this.cTop}px`,
14631
14621
  '--offset-bottom': `${this.cBottom}px`,
14632
- } }, inheritedAttributes), hAsync("div", { key: '2b0505c3fdf5c92938b8419c0f57f8d999aec6b3', ref: (el) => (this.backgroundContentEl = el), id: "background-content", part: "background" }), fixedSlotPlacement === 'before' ? hAsync("slot", { name: "fixed" }) : null, hAsync("div", { key: '6b769596e491dea1d3618551497fde9364afdeda', class: {
14622
+ } }, inheritedAttributes), hAsync("div", { key: '237014db6e83ca2651eed9968b2d909af3658d14', ref: (el) => (this.backgroundContentEl = el), id: "background-content", part: "background" }), fixedSlotPlacement === 'before' ? hAsync("slot", { name: "fixed" }) : null, hAsync("div", { key: 'cafc39be73fc71223f57d283b46c94ddb5605ab3', class: {
14633
14623
  'inner-scroll': true,
14634
14624
  'scroll-x': scrollX,
14635
14625
  'scroll-y': scrollY,
14636
14626
  overscroll: (scrollX || scrollY) && forceOverscroll,
14637
- }, ref: (scrollEl) => (this.scrollEl = scrollEl), onScroll: this.scrollEvents ? (ev) => this.onScroll(ev) : undefined, part: "scroll" }, hAsync("slot", { key: 'ba36c8468681d028352415039d2cb2a750f2638f' })), transitionShadow ? (hAsync("div", { class: "transition-effect" }, hAsync("div", { class: "transition-cover" }), hAsync("div", { class: "transition-shadow" }))) : null, fixedSlotPlacement === 'after' ? hAsync("slot", { name: "fixed" }) : null));
14627
+ }, ref: (scrollEl) => (this.scrollEl = scrollEl), onScroll: this.scrollEvents ? (ev) => this.onScroll(ev) : undefined, part: "scroll" }, hAsync("slot", { key: 'b93929f7d6d8512a042892532f58b5fbbafec449' })), transitionShadow ? (hAsync("div", { class: "transition-effect" }, hAsync("div", { class: "transition-cover" }), hAsync("div", { class: "transition-shadow" }))) : null, fixedSlotPlacement === 'after' ? hAsync("slot", { name: "fixed" }) : null));
14638
14628
  }
14639
14629
  get el() { return getElement(this); }
14640
14630
  static get watchers() { return {
@@ -18312,73 +18302,43 @@ class Datetime {
18312
18302
  }
18313
18303
  /**
18314
18304
  * Get the icon to use for the next icon.
18315
- * Otherwise, use the icon set in the config.
18305
+ * Use the icon set in the config.
18316
18306
  * If no icon is set in the config, use the default icon.
18317
18307
  */
18318
18308
  get datetimeNextIcon() {
18319
- // Determine the theme and map to default icons
18320
- const theme = getIonTheme(this);
18321
- const defaultIcons = {
18322
- ios: chevronForward,
18323
- ionic: caretRightSvg,
18324
- md: chevronForward,
18325
- };
18326
- // Get the default icon based on the theme, falling back to 'md' icon if necessary
18327
- const defaultIcon = defaultIcons[theme] || defaultIcons.md;
18328
18309
  // Return the configured datetime next icon or the default icon
18329
- return config.get('datetimeNextIcon', defaultIcon);
18310
+ return config.get('datetimeNextIcon', chevronForward);
18330
18311
  }
18331
18312
  /**
18332
18313
  * Get the icon to use for the previous icon.
18333
- * Otherwise, use the icon set in the config.
18314
+ * Use the icon set in the config.
18334
18315
  * If no icon is set in the config, use the default icon.
18335
18316
  */
18336
18317
  get datetimePreviousIcon() {
18337
- // Determine the theme and map to default icons
18338
- const theme = getIonTheme(this);
18339
- const defaultIcons = {
18340
- ios: chevronBack,
18341
- ionic: caretLeftSvg,
18342
- md: chevronBack,
18343
- };
18344
- // Get the default icon based on the theme, falling back to 'md' icon if necessary
18345
- const defaultIcon = defaultIcons[theme] || defaultIcons.md;
18346
18318
  // Return the configured datetime previous icon or the default icon
18347
- return config.get('datetimePreviousIcon', defaultIcon);
18319
+ return config.get('datetimePreviousIcon', chevronBack);
18348
18320
  }
18349
18321
  /**
18350
18322
  * Get the icon to use for the show month and year icon.
18351
- * Otherwise, use the icon set in the config.
18323
+ * Use the icon set in the config.
18352
18324
  * If no icon is set in the config, use the default icon.
18353
18325
  */
18354
18326
  get datetimeCollapsedIcon() {
18355
- // Determine the theme and map to default icons
18327
+ // Determine the theme and map to the default icon
18356
18328
  const theme = getIonTheme(this);
18357
- const defaultIcons = {
18358
- ios: chevronForward,
18359
- ionic: undefined,
18360
- md: caretDownSharp,
18361
- };
18362
- // Get the default icon based on the theme, falling back to 'md' icon if necessary
18363
- const defaultIcon = defaultIcons[theme] || defaultIcons.md;
18329
+ const defaultIcon = theme === 'ios' ? chevronForward : caretDownSharp;
18364
18330
  // Return the configured datetime show month and year icon or the default icon
18365
18331
  return config.get('datetimeCollapsedIcon', defaultIcon);
18366
18332
  }
18367
18333
  /**
18368
18334
  * Get the icon to use for the hide month and year icon.
18369
- * Otherwise, use the icon set in the config.
18335
+ * Use the icon set in the config.
18370
18336
  * If no icon is set in the config, use the default icon.
18371
18337
  */
18372
18338
  get datetimeExpandedIcon() {
18373
- // Determine the theme and map to default icons
18339
+ // Determine the theme and map to the default icon
18374
18340
  const theme = getIonTheme(this);
18375
- const defaultIcons = {
18376
- ios: chevronDown,
18377
- ionic: undefined,
18378
- md: caretUpSharp,
18379
- };
18380
- // Get the default icon based on the theme, falling back to 'md' icon if necessary
18381
- const defaultIcon = defaultIcons[theme] || defaultIcons.md;
18341
+ const defaultIcon = theme === 'ios' ? chevronDown : caretUpSharp;
18382
18342
  // Return the configured datetime hide month and year icon or the default icon
18383
18343
  return config.get('datetimeExpandedIcon', defaultIcon);
18384
18344
  }
@@ -18391,7 +18351,7 @@ class Datetime {
18391
18351
  const hasDatePresentation = presentation === 'date' || presentation === 'date-time' || presentation === 'time-date';
18392
18352
  const hasWheelVariant = hasDatePresentation && preferWheel;
18393
18353
  renderHiddenInput(true, el, name, formatValue(value), disabled);
18394
- return (hAsync(Host, { key: '04fb1740b1d722d20cdbb32b19d9a3b7d3334db0', "aria-disabled": disabled ? 'true' : null, onFocus: this.onFocus, onBlur: this.onBlur, class: Object.assign({}, createColorClasses$1(color, {
18354
+ return (hAsync(Host, { key: '81d6d431595fc287861af22aff9cad3b94f4ce97', "aria-disabled": disabled ? 'true' : null, onFocus: this.onFocus, onBlur: this.onBlur, class: Object.assign({}, createColorClasses$1(color, {
18395
18355
  [theme]: true,
18396
18356
  ['datetime-readonly']: readonly,
18397
18357
  ['datetime-disabled']: disabled,
@@ -18401,7 +18361,7 @@ class Datetime {
18401
18361
  [`datetime-size-${size}`]: true,
18402
18362
  [`datetime-prefer-wheel`]: hasWheelVariant,
18403
18363
  [`datetime-grid`]: isGridStyle,
18404
- })) }, hAsync("div", { key: '0cbb85b4c71e521c81b37a98da0123a1c3a15fac', class: "intersection-tracker", ref: (el) => (this.intersectionTrackerRef = el) }), this.renderDatetime(theme)));
18364
+ })) }, hAsync("div", { key: 'a5043ea9c7cabb5333edf82c8563fac2f6488086', class: "intersection-tracker", ref: (el) => (this.intersectionTrackerRef = el) }), this.renderDatetime(theme)));
18405
18365
  }
18406
18366
  get el() { return getElement(this); }
18407
18367
  static get watchers() { return {
@@ -18842,11 +18802,11 @@ class DatetimeButton {
18842
18802
  render() {
18843
18803
  const { color, dateText, timeText, selectedButton, datetimeActive, disabled } = this;
18844
18804
  const theme = getIonTheme(this);
18845
- return (hAsync(Host, { key: '8cdd9935131b68d84ac601f78d5967383eaaf25e', class: createColorClasses$1(color, {
18805
+ return (hAsync(Host, { key: '5324999adc34e2f34aae2825427c28130bc399b4', class: createColorClasses$1(color, {
18846
18806
  [theme]: true,
18847
18807
  [`${selectedButton}-active`]: datetimeActive,
18848
18808
  ['datetime-button-disabled']: disabled,
18849
- }) }, dateText && (hAsync("button", { key: 'dfd6d83cdca3673383a21e213dae825b5643600d', class: "ion-activatable", id: "date-button", "aria-expanded": datetimeActive ? 'true' : 'false', onClick: this.handleDateClick, disabled: disabled, part: "native", ref: (el) => (this.dateTargetEl = el) }, hAsync("slot", { key: 'f7cabbcd6474c66283fb0681a3d75f36a88750d6', name: "date-target" }, dateText), theme === 'md' && hAsync("ion-ripple-effect", { key: '3aace053cea80aa3bb30a06c8e1f1d18650d8796' }))), timeText && (hAsync("button", { key: 'c8fac088f4e6ee2486110a59574bd95cd3be870b', class: "ion-activatable", id: "time-button", "aria-expanded": datetimeActive ? 'true' : 'false', onClick: this.handleTimeClick, disabled: disabled, part: "native", ref: (el) => (this.timeTargetEl = el) }, hAsync("slot", { key: '195df2d17f6bd28c9cf6ad657e55948472544985', name: "time-target" }, timeText), theme === 'md' && hAsync("ion-ripple-effect", { key: 'aa1a1f5ea120558174b166c2b2d5fa970ca00d2c' })))));
18809
+ }) }, dateText && (hAsync("button", { key: '565c74efa16fc02a70a6f1ef6b073eb143ab9f07', class: "ion-activatable", id: "date-button", "aria-expanded": datetimeActive ? 'true' : 'false', onClick: this.handleDateClick, disabled: disabled, part: "native", ref: (el) => (this.dateTargetEl = el) }, hAsync("slot", { key: 'c487bd5ae42a089ce22a7cb1bb67016910e24bd0', name: "date-target" }, dateText), theme === 'md' && hAsync("ion-ripple-effect", { key: 'c871fee2350e3207efc2338d229b809f8b44dca9' }))), timeText && (hAsync("button", { key: '7acf19c3d1446133107a622851dfff2d6088cb8d', class: "ion-activatable", id: "time-button", "aria-expanded": datetimeActive ? 'true' : 'false', onClick: this.handleTimeClick, disabled: disabled, part: "native", ref: (el) => (this.timeTargetEl = el) }, hAsync("slot", { key: '6091b9d32d423ce438605005077087fc009fd8e7', name: "time-target" }, timeText), theme === 'md' && hAsync("ion-ripple-effect", { key: 'b71f93aa14aa0b7bdfe9ad4ca9bcb90880d23b0e' })))));
18850
18810
  }
18851
18811
  get el() { return getElement(this); }
18852
18812
  static get style() { return {
@@ -18902,11 +18862,11 @@ class Divider {
18902
18862
  render() {
18903
18863
  const { inset, spacing } = this;
18904
18864
  const theme = getIonTheme(this);
18905
- return (hAsync(Host, { key: '6cc1572a93abaf49be7e27348bf513cb7ee24bff', class: {
18865
+ return (hAsync(Host, { key: '90772ad228282d0be4f9f18fcd14bc7af0f52e0e', class: {
18906
18866
  [theme]: true,
18907
18867
  [`divider-spacing-${spacing}`]: spacing !== undefined,
18908
18868
  [`divider-inset`]: inset,
18909
- } }, hAsync("hr", { key: '19e4cef3f90d92b56ae0bece15dbdcfbf18d72d9' })));
18869
+ } }, hAsync("hr", { key: 'e70ea44fa8e6af6156c19a60302f4e9785b74dae' })));
18910
18870
  }
18911
18871
  static get style() { return {
18912
18872
  ionic: dividerIonicCss(),
@@ -18984,12 +18944,12 @@ class Fab {
18984
18944
  render() {
18985
18945
  const { horizontal, vertical, edge } = this;
18986
18946
  const theme = getIonTheme(this);
18987
- return (hAsync(Host, { key: '569b07978a63756169d050f3b67368cecf26dd98', class: {
18947
+ return (hAsync(Host, { key: 'fde83d0b3abd9f0315405f1212202fcc2ee939c3', class: {
18988
18948
  [theme]: true,
18989
18949
  [`fab-horizontal-${horizontal}`]: horizontal !== undefined,
18990
18950
  [`fab-vertical-${vertical}`]: vertical !== undefined,
18991
18951
  'fab-edge': edge,
18992
- } }, hAsync("slot", { key: 'cd10d4baa1c2e8c2dcfefe66bdb7ffb8262f8e17' })));
18952
+ } }, hAsync("slot", { key: 'aa393e8a368a4c3aef9ac1f8f38bdfca3b0cbc74' })));
18993
18953
  }
18994
18954
  get el() { return getElement(this); }
18995
18955
  static get watchers() { return {
@@ -19015,8 +18975,6 @@ class Fab {
19015
18975
  }; }
19016
18976
  }
19017
18977
 
19018
- const xSvg = 'data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyNTYgMjU2IiBmaWxsPSJjdXJyZW50Q29sb3IiPjxwYXRoIGQ9Ik0yMDUuNjYsMTk0LjM0YTgsOCwwLDAsMS0xMS4zMiwxMS4zMkwxMjgsMTM5LjMxLDYxLjY2LDIwNS42NmE4LDgsMCwwLDEtMTEuMzItMTEuMzJMMTE2LjY5LDEyOCw1MC4zNCw2MS42NkE4LDgsMCwwLDEsNjEuNjYsNTAuMzRMMTI4LDExNi42OWw2Ni4zNC02Ni4zNWE4LDgsMCwwLDEsMTEuMzIsMTEuMzJMMTM5LjMxLDEyOFoiLz48L3N2Zz4=';
19019
-
19020
18978
  const ionicFabButtonMdCss = () => `:host{--color-activated:var(--color);--color-focused:var(--color);--color-hover:var(--color);--background-hover:var(--ion-color-primary-contrast, #fff);--background-hover-opacity:0.08;--transition:background-color, opacity 100ms linear;--ripple-color:currentColor;--border-radius:50%;--border-width:0;--border-style:none;--border-color:initial;--padding-top:0;--padding-end:0;--padding-bottom:0;--padding-start:0;margin-left:0;margin-right:0;margin-top:0;margin-bottom:0;display:block;width:56px;height:56px;font-size:14px;text-align:center;text-overflow:ellipsis;text-transform:none;white-space:nowrap;-webkit-font-kerning:none;font-kerning:none}.button-native{border-radius:var(--border-radius);-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);color:inherit;font-family:inherit;font-size:inherit;font-style:inherit;font-weight:inherit;letter-spacing:inherit;text-align:inherit;text-decoration:inherit;text-indent:inherit;text-overflow:inherit;text-transform:inherit;white-space:inherit;display:block;position:relative;width:100%;height:100%;-webkit-transform:var(--transform);transform:var(--transform);-webkit-transition:var(--transition);transition:var(--transition);border-width:var(--border-width);border-style:var(--border-style);border-color:var(--border-color);outline:none;background:var(--background);background-clip:padding-box;color:var(--color);-webkit-box-shadow:var(--box-shadow);box-shadow:var(--box-shadow);contain:strict;cursor:pointer;overflow:hidden;z-index:0;-webkit-appearance:none;-moz-appearance:none;appearance:none;-webkit-box-sizing:border-box;box-sizing:border-box}::slotted(ion-icon){line-height:1}.button-native::after{right:0;left:0;top:0;bottom:0;position:absolute;content:"";opacity:0}.button-inner{right:0;left:0;top:0;display:-ms-flexbox;display:flex;position:absolute;-ms-flex-flow:row nowrap;flex-flow:row nowrap;-ms-flex-negative:0;flex-shrink:0;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;height:100%;-webkit-transition:all ease-in-out 300ms;transition:all ease-in-out 300ms;-webkit-transition-property:opacity, -webkit-transform;transition-property:opacity, -webkit-transform;transition-property:transform, opacity;transition-property:transform, opacity, -webkit-transform;z-index:1}:host(.fab-button-disabled){cursor:default;opacity:0.5;pointer-events:none}@media (any-hover: hover){:host(:hover) .button-native{color:var(--color-hover)}:host(:hover) .button-native::after{background:var(--background-hover);opacity:var(--background-hover-opacity)}}:host(.ion-focused) .button-native{color:var(--color-focused)}:host(.ion-focused) .button-native::after{background:var(--background-focused);opacity:var(--background-focused-opacity)}:host(.ion-activated) .button-native{color:var(--color-activated)}:host(.ion-activated) .button-native::after{background:var(--background-activated);opacity:var(--background-activated-opacity)}::slotted(ion-icon){line-height:1}:host(.fab-button-small){-webkit-margin-start:8px;margin-inline-start:8px;-webkit-margin-end:8px;margin-inline-end:8px;margin-top:8px;margin-bottom:8px;width:40px;height:40px}.close-icon{-webkit-margin-start:auto;margin-inline-start:auto;-webkit-margin-end:auto;margin-inline-end:auto;margin-top:0;margin-bottom:0;right:0;left:0;top:0;position:absolute;height:100%;-webkit-transform:scale(0.4) rotateZ(-45deg);transform:scale(0.4) rotateZ(-45deg);-webkit-transition:all ease-in-out 300ms;transition:all ease-in-out 300ms;-webkit-transition-property:opacity, -webkit-transform;transition-property:opacity, -webkit-transform;transition-property:transform, opacity;transition-property:transform, opacity, -webkit-transform;font-size:var(--close-icon-font-size);opacity:0;z-index:1}:host(.fab-button-close-active) .close-icon{-webkit-transform:scale(1) rotateZ(0deg);transform:scale(1) rotateZ(0deg);opacity:1}:host(.fab-button-close-active) .button-inner{-webkit-transform:scale(0.4) rotateZ(45deg);transform:scale(0.4) rotateZ(45deg);opacity:0}ion-ripple-effect{color:var(--ripple-color)}@supports ((-webkit-backdrop-filter: blur(0)) or (backdrop-filter: blur(0))){:host(.fab-button-translucent) .button-native{-webkit-backdrop-filter:var(--backdrop-filter);backdrop-filter:var(--backdrop-filter)}}:host(.ion-color) .button-native{background:var(--ion-color-base);color:var(--ion-color-contrast)}:host{--background:var(--ion-color-primary, #0054e9);--background-activated:transparent;--background-focused:currentColor;--background-hover:currentColor;--background-activated-opacity:0;--background-focused-opacity:0.24;--background-hover-opacity:0.08;--color:var(--ion-color-primary-contrast, #fff);--box-shadow:0 3px 5px -1px rgba(0, 0, 0, 0.2), 0 6px 10px 0 rgba(0, 0, 0, 0.14), 0 1px 18px 0 rgba(0, 0, 0, 0.12);--transition:box-shadow 280ms cubic-bezier(0.4, 0, 0.2, 1), background-color 280ms cubic-bezier(0.4, 0, 0.2, 1), color 280ms cubic-bezier(0.4, 0, 0.2, 1), opacity 15ms linear 30ms, transform 270ms cubic-bezier(0, 0, 0.2, 1) 0ms;--close-icon-font-size:24px}:host(.ion-activated){--box-shadow:0 7px 8px -4px rgba(0, 0, 0, 0.2), 0 12px 17px 2px rgba(0, 0, 0, 0.14), 0 5px 22px 4px rgba(0, 0, 0, 0.12)}::slotted(ion-icon){font-size:24px}:host(.fab-button-in-list){--color:rgba(var(--ion-text-color-rgb, 0, 0, 0), 0.54);--color-activated:rgba(var(--ion-text-color-rgb, 0, 0, 0), 0.54);--color-focused:var(--color-activated);--background:var(--ion-color-light, #f4f5f8);--background-activated:transparent;--background-focused:var(--ion-color-light-shade, #d7d8da);--background-hover:var(--ion-color-light-tint, #f5f6f9)}:host(.fab-button-in-list) ::slotted(ion-icon){font-size:18px}:host(.ion-color.ion-focused) .button-native{color:var(--ion-color-contrast)}:host(.ion-color.ion-focused) .button-native::after{background:var(--ion-color-contrast)}:host(.ion-color.ion-activated) .button-native{color:var(--ion-color-contrast)}:host(.ion-color.ion-activated) .button-native::after{background:transparent}@media (any-hover: hover){:host(.ion-color:hover) .button-native{color:var(--ion-color-contrast)}:host(.ion-color:hover) .button-native::after{background:var(--ion-color-contrast)}}`;
19021
18979
 
19022
18980
  const fabButtonIosCss = () => `:host{--color-activated:var(--color);--color-focused:var(--color);--color-hover:var(--color);--background-hover:var(--ion-color-primary-contrast, #fff);--background-hover-opacity:0.08;--transition:background-color, opacity 100ms linear;--ripple-color:currentColor;--border-radius:50%;--border-width:0;--border-style:none;--border-color:initial;--padding-top:0;--padding-end:0;--padding-bottom:0;--padding-start:0;margin-left:0;margin-right:0;margin-top:0;margin-bottom:0;display:block;width:56px;height:56px;font-size:14px;text-align:center;text-overflow:ellipsis;text-transform:none;white-space:nowrap;-webkit-font-kerning:none;font-kerning:none}.button-native{border-radius:var(--border-radius);-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);color:inherit;font-family:inherit;font-size:inherit;font-style:inherit;font-weight:inherit;letter-spacing:inherit;text-align:inherit;text-decoration:inherit;text-indent:inherit;text-overflow:inherit;text-transform:inherit;white-space:inherit;display:block;position:relative;width:100%;height:100%;-webkit-transform:var(--transform);transform:var(--transform);-webkit-transition:var(--transition);transition:var(--transition);border-width:var(--border-width);border-style:var(--border-style);border-color:var(--border-color);outline:none;background:var(--background);background-clip:padding-box;color:var(--color);-webkit-box-shadow:var(--box-shadow);box-shadow:var(--box-shadow);contain:strict;cursor:pointer;overflow:hidden;z-index:0;-webkit-appearance:none;-moz-appearance:none;appearance:none;-webkit-box-sizing:border-box;box-sizing:border-box}::slotted(ion-icon){line-height:1}.button-native::after{right:0;left:0;top:0;bottom:0;position:absolute;content:"";opacity:0}.button-inner{right:0;left:0;top:0;display:-ms-flexbox;display:flex;position:absolute;-ms-flex-flow:row nowrap;flex-flow:row nowrap;-ms-flex-negative:0;flex-shrink:0;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;height:100%;-webkit-transition:all ease-in-out 300ms;transition:all ease-in-out 300ms;-webkit-transition-property:opacity, -webkit-transform;transition-property:opacity, -webkit-transform;transition-property:transform, opacity;transition-property:transform, opacity, -webkit-transform;z-index:1}:host(.fab-button-disabled){cursor:default;opacity:0.5;pointer-events:none}@media (any-hover: hover){:host(:hover) .button-native{color:var(--color-hover)}:host(:hover) .button-native::after{background:var(--background-hover);opacity:var(--background-hover-opacity)}}:host(.ion-focused) .button-native{color:var(--color-focused)}:host(.ion-focused) .button-native::after{background:var(--background-focused);opacity:var(--background-focused-opacity)}:host(.ion-activated) .button-native{color:var(--color-activated)}:host(.ion-activated) .button-native::after{background:var(--background-activated);opacity:var(--background-activated-opacity)}::slotted(ion-icon){line-height:1}:host(.fab-button-small){-webkit-margin-start:8px;margin-inline-start:8px;-webkit-margin-end:8px;margin-inline-end:8px;margin-top:8px;margin-bottom:8px;width:40px;height:40px}.close-icon{-webkit-margin-start:auto;margin-inline-start:auto;-webkit-margin-end:auto;margin-inline-end:auto;margin-top:0;margin-bottom:0;right:0;left:0;top:0;position:absolute;height:100%;-webkit-transform:scale(0.4) rotateZ(-45deg);transform:scale(0.4) rotateZ(-45deg);-webkit-transition:all ease-in-out 300ms;transition:all ease-in-out 300ms;-webkit-transition-property:opacity, -webkit-transform;transition-property:opacity, -webkit-transform;transition-property:transform, opacity;transition-property:transform, opacity, -webkit-transform;font-size:var(--close-icon-font-size);opacity:0;z-index:1}:host(.fab-button-close-active) .close-icon{-webkit-transform:scale(1) rotateZ(0deg);transform:scale(1) rotateZ(0deg);opacity:1}:host(.fab-button-close-active) .button-inner{-webkit-transform:scale(0.4) rotateZ(45deg);transform:scale(0.4) rotateZ(45deg);opacity:0}ion-ripple-effect{color:var(--ripple-color)}@supports ((-webkit-backdrop-filter: blur(0)) or (backdrop-filter: blur(0))){:host(.fab-button-translucent) .button-native{-webkit-backdrop-filter:var(--backdrop-filter);backdrop-filter:var(--backdrop-filter)}}:host(.ion-color) .button-native{background:var(--ion-color-base);color:var(--ion-color-contrast)}:host{--background:var(--ion-color-primary, #0054e9);--background-activated:var(--ion-color-primary-shade, #004acd);--background-focused:var(--ion-color-primary-shade, #004acd);--background-hover:var(--ion-color-primary-tint, #1a65eb);--background-activated-opacity:1;--background-focused-opacity:1;--background-hover-opacity:1;--color:var(--ion-color-primary-contrast, #fff);--box-shadow:0 4px 16px rgba(0, 0, 0, 0.12);--transition:0.2s transform cubic-bezier(0.25, 1.11, 0.78, 1.59);--close-icon-font-size:28px}:host(.ion-activated){--box-shadow:0 4px 16px rgba(0, 0, 0, 0.12);--transform:scale(1.1);--transition:0.2s transform ease-out}::slotted(ion-icon){font-size:28px}:host(.fab-button-in-list){--background:var(--ion-color-light, #f4f5f8);--background-activated:var(--ion-color-light-shade, #d7d8da);--background-focused:var(--background-activated);--background-hover:var(--ion-color-light-tint, #f5f6f9);--color:var(--ion-color-light-contrast, #000);--color-activated:var(--ion-color-light-contrast, #000);--color-focused:var(--color-activated);--transition:transform 200ms ease 10ms, opacity 200ms ease 10ms}:host(.fab-button-in-list) ::slotted(ion-icon){font-size:18px}:host(.ion-color.ion-focused) .button-native::after{background:var(--ion-color-shade)}:host(.ion-color.ion-focused) .button-native,:host(.ion-color.ion-activated) .button-native{color:var(--ion-color-contrast)}:host(.ion-color.ion-focused) .button-native::after,:host(.ion-color.ion-activated) .button-native::after{background:var(--ion-color-shade)}@media (any-hover: hover){:host(.ion-color:hover) .button-native{color:var(--ion-color-contrast)}:host(.ion-color:hover) .button-native::after{background:var(--ion-color-tint)}}@supports ((-webkit-backdrop-filter: blur(0)) or (backdrop-filter: blur(0))){:host(.fab-button-translucent){--background:rgba(var(--ion-color-primary-rgb, 0, 84, 233), 0.9);--background-hover:rgba(var(--ion-color-primary-rgb, 0, 84, 233), 0.8);--background-focused:rgba(var(--ion-color-primary-rgb, 0, 84, 233), 0.82);--backdrop-filter:saturate(180%) blur(20px)}:host(.fab-button-translucent-in-list){--background:rgba(var(--ion-color-light-rgb, 244, 245, 248), 0.9);--background-hover:rgba(var(--ion-color-light-rgb, 244, 245, 248), 0.8);--background-focused:rgba(var(--ion-color-light-rgb, 244, 245, 248), 0.82)}}@supports ((-webkit-backdrop-filter: blur(0)) or (backdrop-filter: blur(0))){@media (any-hover: hover){:host(.fab-button-translucent.ion-color:hover) .button-native{background:rgba(var(--ion-color-base-rgb), 0.8)}}:host(.ion-color.fab-button-translucent) .button-native{background:rgba(var(--ion-color-base-rgb), 0.9)}:host(.ion-color.ion-focused.fab-button-translucent) .button-native,:host(.ion-color.ion-activated.fab-button-translucent) .button-native{background:var(--ion-color-base)}}`;
@@ -19150,22 +19108,19 @@ class FabButton {
19150
19108
  componentWillLoad() {
19151
19109
  this.inheritedAttributes = inheritAriaAttributes(this.el);
19152
19110
  }
19111
+ /**
19112
+ * Get the icon to use for the close icon.
19113
+ * If an icon is set on the component, use that.
19114
+ * Otherwise, use the icon set in the config.
19115
+ * If no icon is set in the config, use the default icon.
19116
+ */
19153
19117
  get fabButtonCloseIcon() {
19154
19118
  // Return the icon if it is explicitly set
19155
19119
  if (this.closeIcon != null) {
19156
19120
  return this.closeIcon;
19157
19121
  }
19158
- // Determine the theme and map to default icons
19159
- const theme = getIonTheme(this);
19160
- const defaultIcons = {
19161
- ios: close,
19162
- ionic: xSvg,
19163
- md: close,
19164
- };
19165
- // Get the default icon based on the theme, falling back to 'md' icon if necessary
19166
- const defaultIcon = defaultIcons[theme] || defaultIcons.md;
19167
19122
  // Return the configured fab button close icon or the default icon
19168
- return config.get('fabButtonCloseIcon', defaultIcon);
19123
+ return config.get('fabButtonCloseIcon', close);
19169
19124
  }
19170
19125
  render() {
19171
19126
  const { el, disabled, fabButtonCloseIcon, color, href, activated, show, translucent, size, inheritedAttributes, type, } = this;
@@ -19187,7 +19142,7 @@ class FabButton {
19187
19142
  if (type !== 'button') {
19188
19143
  this.renderHiddenButton();
19189
19144
  }
19190
- return (hAsync(Host, { key: 'af84019ef7cee19ca5578a9a274d3890da83bf83', onClick: this.onClick, "aria-disabled": disabled ? 'true' : null, class: createColorClasses$1(color, {
19145
+ return (hAsync(Host, { key: '6cbdca34ede5d2ab6d9453f8453e608e596122f6', onClick: this.onClick, "aria-disabled": disabled ? 'true' : null, class: createColorClasses$1(color, {
19191
19146
  [theme]: true,
19192
19147
  'fab-button-in-list': inList,
19193
19148
  'fab-button-translucent-in-list': inList && translucent,
@@ -19198,7 +19153,7 @@ class FabButton {
19198
19153
  'ion-activatable': true,
19199
19154
  'ion-focusable': true,
19200
19155
  [`fab-button-${size}`]: size !== undefined,
19201
- }) }, hAsync(TagType, Object.assign({ key: '90b4b17993b3feab7194790c4497d0fd9860e01a' }, attrs, { class: "button-native", part: "native", disabled: disabled, onFocus: this.onFocus, onBlur: this.onBlur, onClick: (ev) => type === 'button' && openURL(href, ev, this.routerDirection, this.routerAnimation) }, inheritedAttributes), hAsync("ion-icon", { key: 'a6d2cf73b627ead797c8efa82e0b7cd6aa845603', "aria-hidden": "true", icon: fabButtonCloseIcon, part: "close-icon", class: "close-icon", lazy: false }), hAsync("span", { key: '3f08bc8aa15bcb72ecf11a81b50e2c79ab4d841a', class: "button-inner" }, hAsync("slot", { key: 'c5c5921194b2c6b81dab2f9338298ab1c31367c5' })), theme === 'md' && hAsync("ion-ripple-effect", { key: '78952651d0662304bd74ab8dc4cd09eb2d5ed455' }))));
19156
+ }) }, hAsync(TagType, Object.assign({ key: '7e660c3401d3e42ba9b11784cf8c30a6ef3e79ed' }, attrs, { class: "button-native", part: "native", disabled: disabled, onFocus: this.onFocus, onBlur: this.onBlur, onClick: (ev) => type === 'button' && openURL(href, ev, this.routerDirection, this.routerAnimation) }, inheritedAttributes), hAsync("ion-icon", { key: 'eb8fedfd907fe3f2fb94382891ac399a34e19510', "aria-hidden": "true", icon: fabButtonCloseIcon, part: "close-icon", class: "close-icon", lazy: false }), hAsync("span", { key: '3ed25f178824632c99714c2c406b64ffa4358367', class: "button-inner" }, hAsync("slot", { key: '27084c351359bb5151059091615c559f1d01df93' })), theme === 'md' && hAsync("ion-ripple-effect", { key: '44c780a6554411d89cc213699b14aec8173ec76f' }))));
19202
19157
  }
19203
19158
  get el() { return getElement(this); }
19204
19159
  static get watchers() { return {
@@ -19272,11 +19227,11 @@ class FabList {
19272
19227
  }
19273
19228
  render() {
19274
19229
  const theme = getIonTheme(this);
19275
- return (hAsync(Host, { key: 'a9b498b07b2082107cbeef3259bdd3cff429c1ac', class: {
19230
+ return (hAsync(Host, { key: '764dbc440379e7333215c2b69e177d4a7254a899', class: {
19276
19231
  [theme]: true,
19277
19232
  'fab-list-active': this.activated,
19278
19233
  [`fab-list-side-${this.side}`]: true,
19279
- } }, hAsync("slot", { key: '6e993eab68de44c0bc3396fd4871c3005274a9f5' })));
19234
+ } }, hAsync("slot", { key: '9ea03acea78febe1b379904cef8978bbebcb57cd' })));
19280
19235
  }
19281
19236
  get el() { return getElement(this); }
19282
19237
  static get watchers() { return {
@@ -20019,7 +19974,7 @@ class Footer {
20019
19974
  const hasFade = effect === 'fade' && !isModeRestricted;
20020
19975
  const tabs = this.el.closest('ion-tabs');
20021
19976
  const tabBar = tabs === null || tabs === void 0 ? void 0 : tabs.querySelector(':scope > ion-tab-bar');
20022
- return (hAsync(Host, { key: 'a0777b4a639d22e15374879f018efcf589e756f8', role: "contentinfo", class: {
19977
+ return (hAsync(Host, { key: 'a968cbaa37aa5f66f852b393d17a5617892d3708', role: "contentinfo", class: {
20023
19978
  [theme]: true,
20024
19979
  // Used internally for styling
20025
19980
  [`footer-${theme}`]: true,
@@ -20028,7 +19983,7 @@ class Footer {
20028
19983
  ['footer-toolbar-padding']: !this.keyboardVisible && (!tabBar || tabBar.slot !== 'bottom'),
20029
19984
  'footer-collapse-fade': hasFade,
20030
19985
  'footer-scroll-effect-hide': hasHide,
20031
- } }, theme === 'ios' && translucent && hAsync("div", { key: 'd78b46870cbf11c95b066d649c04ec398b66e614', class: "footer-background" }), hAsync("slot", { key: '9dc34787cd29597fe1b1198db317602014ac1483' })));
19986
+ } }, theme === 'ios' && translucent && hAsync("div", { key: '5116db55a74d2a738a00c177d797dc03146ea129', class: "footer-background" }), hAsync("slot", { key: 'b61dd28630507aa01c047e119bbc367d26c5be93' })));
20032
19987
  }
20033
19988
  get el() { return getElement(this); }
20034
19989
  static get style() { return {
@@ -20630,11 +20585,11 @@ class Gallery {
20630
20585
  const { layout } = this;
20631
20586
  const order = this.getOrder();
20632
20587
  const theme = getIonTheme(this);
20633
- return (hAsync(Host, { key: '4a0a9cdd0da106ac0bd2c188a4c6612edab43b33', class: {
20588
+ return (hAsync(Host, { key: '17e0acf09db810e8635b4965faab99da4e675f31', class: {
20634
20589
  [theme]: true,
20635
20590
  [`gallery-layout-${layout}`]: true,
20636
20591
  [`gallery-order-${order}`]: layout === 'masonry' && order !== undefined,
20637
- } }, hAsync("slot", { key: 'dc6414ce9762ad7daaedc1583db35e0613a76e11', onSlotchange: this.onSlotChange })));
20592
+ } }, hAsync("slot", { key: 'e31f2a92f22e8319011c1d2ceed4a47f733dc96b', onSlotchange: this.onSlotChange })));
20638
20593
  }
20639
20594
  get el() { return getElement(this); }
20640
20595
  static get watchers() { return {
@@ -20715,10 +20670,10 @@ class GalleryItem {
20715
20670
  render() {
20716
20671
  const { galleryLayout } = this;
20717
20672
  const theme = getIonTheme(this);
20718
- return (hAsync(Host, { key: '989b13983917f237604ab2d18456ceef140a7f8c', class: {
20673
+ return (hAsync(Host, { key: 'eccce38103a1fca6cd50f7ad1111d0718699a834', class: {
20719
20674
  [theme]: true,
20720
20675
  [`in-gallery-layout-${galleryLayout}`]: galleryLayout != undefined,
20721
- } }, hAsync("slot", { key: 'e4cc9398e55cc1bb19654c8f954eed1edab2e38a', onSlotchange: this.onSlotChange })));
20676
+ } }, hAsync("slot", { key: '4dcc6d4ac94c47b1e5c510e4e365fb1e17e7087f', onSlotchange: this.onSlotChange })));
20722
20677
  }
20723
20678
  get el() { return getElement(this); }
20724
20679
  static get style() { return galleryItemCss(); }
@@ -20751,10 +20706,10 @@ class Grid {
20751
20706
  }
20752
20707
  render() {
20753
20708
  const theme = getIonTheme(this);
20754
- return (hAsync(Host, { key: 'e3320fc2fc5391d26898cc119505cd3be30dd48b', class: {
20709
+ return (hAsync(Host, { key: '8211149ce14da893b47d7fb6e1f0bc194dca8490', class: {
20755
20710
  [theme]: true,
20756
20711
  'grid-fixed': this.fixed,
20757
- } }, hAsync("slot", { key: '2000e6b336c294aadf4585269c301d734d2fe478' })));
20712
+ } }, hAsync("slot", { key: '080ef8c22898ddba8b001282778a78ed54f1e36f' })));
20758
20713
  }
20759
20714
  static get style() { return gridCss(); }
20760
20715
  static get cmpMeta() { return {
@@ -21226,7 +21181,7 @@ class Header {
21226
21181
  const isHiddenCondense = effect === 'condense' && !hasCondense;
21227
21182
  // banner role must be at top level, so remove role if inside a menu
21228
21183
  const roleType = isHiddenCondense ? 'none' : getRoleType(hostContext('ion-menu', this.el));
21229
- return (hAsync(Host, Object.assign({ key: '09f60ca014bb7b3a85d3c0a94e7989d5dbc43f46', role: roleType, class: {
21184
+ return (hAsync(Host, Object.assign({ key: '41cc94124ed8dfb413deecfd3369facbbbd91096', role: roleType, class: {
21230
21185
  [theme]: true,
21231
21186
  // Used internally for styling
21232
21187
  [`header-${theme}`]: true,
@@ -21237,7 +21192,7 @@ class Header {
21237
21192
  [`header-translucent-${theme}`]: this.translucent,
21238
21193
  ['header-divider']: divider,
21239
21194
  'header-scroll-effect-hide': hasHide,
21240
- } }, inheritedAttributes), theme !== 'md' && translucent && hAsync("div", { key: 'fd5ff245ae0166e5e1d50936cacc98c90625db48', class: "header-background" }), hAsync("slot", { key: '1baa31af87b9eb6406a21073ec65afa191dfbb3d' })));
21195
+ } }, inheritedAttributes), theme !== 'md' && translucent && hAsync("div", { key: 'bbf8d7571a1c1f07ddd03d806218b26a4b32e2c3', class: "header-background" }), hAsync("slot", { key: '84cad2cdebcdc2902b7a19042a83d8c56a19612d' })));
21241
21196
  }
21242
21197
  get el() { return getElement(this); }
21243
21198
  static get style() { return {
@@ -21589,9 +21544,9 @@ class Img {
21589
21544
  const { loadSrc, alt, onLoad, loadError, inheritedAttributes } = this;
21590
21545
  const { draggable } = inheritedAttributes;
21591
21546
  const theme = getIonTheme(this);
21592
- return (hAsync(Host, { key: 'ba84621055567b2a35387709d9d89b97ad853274', class: {
21547
+ return (hAsync(Host, { key: 'f6f8d76f7019338f9b07ce9738fdf9b15b0f3e9f', class: {
21593
21548
  [theme]: true,
21594
- } }, hAsync("img", { key: '9d6118bbf69e2cccbb0603802c03b9a0d101e2c3', decoding: "async", src: loadSrc, alt: alt, onLoad: onLoad, onError: loadError, part: "image", draggable: isDraggable(draggable) })));
21549
+ } }, hAsync("img", { key: '0e571771fdf3008bd83588e1924d4f6a91e0ede8', decoding: "async", src: loadSrc, alt: alt, onLoad: onLoad, onError: loadError, part: "image", draggable: isDraggable(draggable) })));
21595
21550
  }
21596
21551
  get el() { return getElement(this); }
21597
21552
  static get watchers() { return {
@@ -21896,7 +21851,7 @@ class InfiniteScroll {
21896
21851
  render() {
21897
21852
  const theme = getIonTheme(this);
21898
21853
  const disabled = this.disabled;
21899
- return (hAsync(Host, { key: 'e3a3cde079dfd6f07e565eb462765df757cbb128', class: {
21854
+ return (hAsync(Host, { key: '042d76f3640398a71ff23c84f8df3e25d30536a6', class: {
21900
21855
  [theme]: true,
21901
21856
  'infinite-scroll-loading': this.isLoading,
21902
21857
  'infinite-scroll-enabled': !disabled,
@@ -21959,11 +21914,11 @@ class InfiniteScrollContent {
21959
21914
  }
21960
21915
  render() {
21961
21916
  const theme = getIonTheme(this);
21962
- return (hAsync(Host, { key: '263a27297159ced042f7552a1e14b8c6aba62fa8', class: {
21917
+ return (hAsync(Host, { key: '16d080c074d3b61ef884e4f7f5bd5f70aec1aeac', class: {
21963
21918
  [theme]: true,
21964
21919
  // Used internally for styling
21965
21920
  [`infinite-scroll-content-${theme}`]: true,
21966
- } }, hAsync("div", { key: 'ee38d3c52df9dc5de186406b3087f20917a17252', class: "infinite-loading" }, this.loadingSpinner && (hAsync("div", { key: 'e2348727f79a26f52f42641d4334a0ba9d4aa03e', class: "infinite-loading-spinner" }, hAsync("ion-spinner", { key: '41be6f2747f3af5f46c8738e2ef56083ecd95e99', name: this.loadingSpinner }))), this.loadingText !== undefined && this.renderLoadingText())));
21921
+ } }, hAsync("div", { key: 'dc5fa503c8b90255e4c898ceb4d0ec59467ec5a5', class: "infinite-loading" }, this.loadingSpinner && (hAsync("div", { key: '091cbc7bfefca20130090a0269a8241a4e0f60a9', class: "infinite-loading-spinner" }, hAsync("ion-spinner", { key: '89e7fa70d0846207a8289a0ada9ea38c6fd6bfbc', name: this.loadingSpinner }))), this.loadingText !== undefined && this.renderLoadingText())));
21967
21922
  }
21968
21923
  static get style() { return {
21969
21924
  ionic: ionicInfiniteScrollContentMdCss(),
@@ -22674,15 +22629,9 @@ class Input {
22674
22629
  if (this.clearInputIcon != null) {
22675
22630
  return this.clearInputIcon;
22676
22631
  }
22677
- // Determine the theme and map to default icons
22632
+ // Determine the theme and map to the default icon
22678
22633
  const theme = getIonTheme(this);
22679
- const defaultIcons = {
22680
- ios: closeCircle,
22681
- ionic: xSvg,
22682
- md: closeSharp,
22683
- };
22684
- // Get the default icon based on the theme, falling back to 'md' icon if necessary
22685
- const defaultIcon = defaultIcons[theme] || defaultIcons.md;
22634
+ const defaultIcon = theme === 'ios' ? closeCircle : closeSharp;
22686
22635
  // Return the configured input clear icon or the default icon
22687
22636
  return config.get('inputClearIcon', defaultIcon);
22688
22637
  }
@@ -22716,7 +22665,7 @@ class Input {
22716
22665
  * TODO(FW-5592): Remove hasStartEndSlots condition
22717
22666
  */
22718
22667
  const labelShouldFloat = labelPlacement === 'stacked' || (labelPlacement === 'floating' && (hasValue || hasFocus || hasStartEndSlots));
22719
- return (hAsync(Host, { key: 'f4009568b582fa080103dfb3f490595d5d7e9706', class: createColorClasses$1(this.color, {
22668
+ return (hAsync(Host, { key: 'ae0920d7c93498741a5a066a5518f89f0c5b43c2', class: createColorClasses$1(this.color, {
22720
22669
  [theme]: true,
22721
22670
  'has-value': hasValue,
22722
22671
  'has-focus': hasFocus,
@@ -22729,7 +22678,7 @@ class Input {
22729
22678
  'in-item-color': hostContext('ion-item.ion-color', this.el),
22730
22679
  'input-disabled': disabled,
22731
22680
  'input-readonly': readonly,
22732
- }) }, hAsync("label", { key: 'a05502716afcf5d286f197131619b2bc57ba61e0', class: "input-wrapper", htmlFor: inputId, onClick: this.onLabelClick }, this.renderLabelContainer(), hAsync("div", { key: 'de4621c5eff21e26197f28a3e66217fcae449c75', class: "native-wrapper", onClick: this.onLabelClick },
22681
+ }) }, hAsync("label", { key: 'b9fd3366b0fb429ebacc02a16ae27e29b1b485aa', class: "input-wrapper", htmlFor: inputId, onClick: this.onLabelClick }, this.renderLabelContainer(), hAsync("div", { key: 'eb02cef1a79a43f9fc8eb55bd7f3dcd4ca2e81d3', class: "native-wrapper", onClick: this.onLabelClick },
22733
22682
  /**
22734
22683
  * For the ionic theme, we render the outline container here
22735
22684
  * instead of higher up, so it can be positioned relative to
@@ -22739,10 +22688,10 @@ class Input {
22739
22688
  * <label> element, ensuring that clicking the label text
22740
22689
  * focuses the input.
22741
22690
  */
22742
- theme === 'ionic' && hAsync("div", { key: '79e084dd8d7b0f530ea6518ee6f2ceb2ac099a8e', class: "input-outline" }), hAsync("slot", { key: 'a4d0f148035c0f8afca5171139a05665d778bd07', name: "start" }), hAsync("input", Object.assign({ key: 'f399d498b4c289571a114347c08c2ae16266ba6f', class: "native-input", ref: (input) => (this.nativeInput = input), id: inputId, disabled: disabled, autoCapitalize: this.autocapitalize, autoComplete: this.autocomplete, autoCorrect: this.autocorrect, autoFocus: this.autofocus, enterKeyHint: this.enterkeyhint, inputMode: this.inputmode, min: this.min, max: this.max, minLength: this.minlength, maxLength: this.maxlength, multiple: this.multiple, name: this.name, pattern: this.pattern, placeholder: this.placeholder || '', readOnly: readonly, required: this.required, spellcheck: this.spellcheck, step: this.step, type: this.type, value: value, onInput: this.onInput, onChange: this.onChange, onBlur: this.onBlur, onFocus: this.onFocus, onKeyDown: this.onKeydown, onCompositionstart: this.onCompositionStart, onCompositionend: this.onCompositionEnd, "aria-describedby": this.getHintTextID(), "aria-invalid": this.isInvalid ? 'true' : undefined, "aria-labelledby": this.getLabelledById() }, this.inheritedAttributes)), clearInput && !readonly && !disabled && (hAsync("button", { key: 'f6672256dfebae3bae35afd61d26bb705e8f268c', "aria-label": "reset", type: "button", class: {
22691
+ theme === 'ionic' && hAsync("div", { key: '1d35432c405e9d6fec8c4d411bf33e2950a02fb5', class: "input-outline" }), hAsync("slot", { key: '627e09591ad9915b8b62b6ad8b8f359f1b010f01', name: "start" }), hAsync("input", Object.assign({ key: '3bd035e03868067ea6dbba5c7a28383474f67ba3', class: "native-input", ref: (input) => (this.nativeInput = input), id: inputId, disabled: disabled, autoCapitalize: this.autocapitalize, autoComplete: this.autocomplete, autoCorrect: this.autocorrect, autoFocus: this.autofocus, enterKeyHint: this.enterkeyhint, inputMode: this.inputmode, min: this.min, max: this.max, minLength: this.minlength, maxLength: this.maxlength, multiple: this.multiple, name: this.name, pattern: this.pattern, placeholder: this.placeholder || '', readOnly: readonly, required: this.required, spellcheck: this.spellcheck, step: this.step, type: this.type, value: value, onInput: this.onInput, onChange: this.onChange, onBlur: this.onBlur, onFocus: this.onFocus, onKeyDown: this.onKeydown, onCompositionstart: this.onCompositionStart, onCompositionend: this.onCompositionEnd, "aria-describedby": this.getHintTextID(), "aria-invalid": this.isInvalid ? 'true' : undefined, "aria-labelledby": this.getLabelledById() }, this.inheritedAttributes)), clearInput && !readonly && !disabled && (hAsync("button", { key: 'dfec9566c3dd743dae34afe0de03aabb180a371e', "aria-label": "reset", type: "button", class: {
22743
22692
  'input-clear-icon': true,
22744
22693
  'input-clear-button-pressed': this.isClearButtonPressed,
22745
- }, onPointerDown: this.clearButtonPressController.onPointerDown, onPointerCancel: this.clearButtonPressController.release, onClick: this.clearTextInput }, hAsync("ion-icon", { key: '999e8ec2b4c1614ce8f396b6a3e2ff26cb41dfbd', "aria-hidden": "true", icon: inputClearIcon }))), hAsync("slot", { key: '2d0df6c7dd9dc17d8bd5e33b9eac1e11a25dd874', name: "end" })), shouldRenderHighlight && hAsync("div", { key: 'f80b2c9fe4dfbb038e6c7b5a98e775cdd5ef6a21', class: "input-highlight" })), this.renderBottomContent()));
22694
+ }, onPointerDown: this.clearButtonPressController.onPointerDown, onPointerCancel: this.clearButtonPressController.release, onClick: this.clearTextInput }, hAsync("ion-icon", { key: 'c736514c2df8f78196bd6426fd8d80d282c7aeb7', "aria-hidden": "true", icon: inputClearIcon }))), hAsync("slot", { key: 'b6a250b6aaacb7a7ec0e09cc93a8b8dce973bb5b', name: "end" })), shouldRenderHighlight && hAsync("div", { key: '989a73bb9210f3ef8084a265533063cdb4b8142c', class: "input-highlight" })), this.renderBottomContent()));
22746
22695
  }
22747
22696
  get el() { return getElement(this); }
22748
22697
  static get watchers() { return {
@@ -23508,7 +23457,7 @@ class InputOTP {
23508
23457
  const tabbableIndex = this.getTabbableIndex();
23509
23458
  const pattern = this.getPattern();
23510
23459
  const hasDescription = ((_b = (_a = el.querySelector('.input-otp-description')) === null || _a === void 0 ? void 0 : _a.textContent) === null || _b === void 0 ? void 0 : _b.trim()) !== '';
23511
- return (hAsync(Host, { key: '2bdd205b13281373a43d1a86a25df950a6f36ae1', class: createColorClasses$1(color, {
23460
+ return (hAsync(Host, { key: '67df3d392e0336b65363fff7cb0d093b7c535b3f', class: createColorClasses$1(color, {
23512
23461
  [mode]: true,
23513
23462
  'has-focus': hasFocus,
23514
23463
  [`input-otp-size-${size}`]: true,
@@ -23516,10 +23465,10 @@ class InputOTP {
23516
23465
  [`input-otp-fill-${fill}`]: true,
23517
23466
  'input-otp-disabled': disabled,
23518
23467
  'input-otp-readonly': readonly,
23519
- }) }, hAsync("div", Object.assign({ key: 'b82d198138929327cd5429bbeb482248935ae88d', role: "group", "aria-label": "One-time password input", class: "input-otp-group", part: "group" }, inheritedAttributes), Array.from({ length }).map((_, index) => (hAsync(Fragment, null, hAsync("div", { class: "native-wrapper", part: "container" }, hAsync("input", { class: "native-input", part: "native", id: `${inputId}-${index}`, "aria-label": `Input ${index + 1} of ${length}`, type: "text", autoCapitalize: autocapitalize, inputmode: inputmode, pattern: pattern, disabled: disabled, readOnly: readonly, tabIndex: index === tabbableIndex ? 0 : -1, value: inputValues[index] || '', autocomplete: "one-time-code", ref: (el) => (inputRefs[index] = el), onInput: this.onInput(index), onBlur: this.onBlur, onFocus: this.onFocus(index), onKeyDown: this.onKeyDown(index), onPaste: this.onPaste })), this.showSeparator(index) && hAsync("div", { class: "input-otp-separator", part: "separator" }))))), hAsync("div", { key: '0bb5444d4e653bb7310abec502f5b1d76e681c37', class: {
23468
+ }) }, hAsync("div", Object.assign({ key: 'b68d6bfae96d7f381ce66819d9cff0aa2b1d8a44', role: "group", "aria-label": "One-time password input", class: "input-otp-group", part: "group" }, inheritedAttributes), Array.from({ length }).map((_, index) => (hAsync(Fragment, null, hAsync("div", { class: "native-wrapper", part: "container" }, hAsync("input", { class: "native-input", part: "native", id: `${inputId}-${index}`, "aria-label": `Input ${index + 1} of ${length}`, type: "text", autoCapitalize: autocapitalize, inputmode: inputmode, pattern: pattern, disabled: disabled, readOnly: readonly, tabIndex: index === tabbableIndex ? 0 : -1, value: inputValues[index] || '', autocomplete: "one-time-code", ref: (el) => (inputRefs[index] = el), onInput: this.onInput(index), onBlur: this.onBlur, onFocus: this.onFocus(index), onKeyDown: this.onKeyDown(index), onPaste: this.onPaste })), this.showSeparator(index) && hAsync("div", { class: "input-otp-separator", part: "separator" }))))), hAsync("div", { key: '346450b2da262c6543e5dc2c0bbac27c541f4e18', class: {
23520
23469
  'input-otp-description': true,
23521
23470
  'input-otp-description-hidden': !hasDescription,
23522
- }, part: "description" }, hAsync("slot", { key: 'f717bda988a6e9b97d67025c1d3163d838f27bb5' }))));
23471
+ }, part: "description" }, hAsync("slot", { key: '31ad8b75d9b2808b49f488e7ff2f235099e31b30' }))));
23523
23472
  }
23524
23473
  static get formAssociated() { return true; }
23525
23474
  get el() { return getElement(this); }
@@ -23571,10 +23520,6 @@ class InputOTP {
23571
23520
  }
23572
23521
  let inputIds = 0;
23573
23522
 
23574
- const eyeSlashSvg = 'data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyNTYgMjU2IiBmaWxsPSJjdXJyZW50Q29sb3IiPjxwYXRoIGQ9Ik01My45MiwzNC42MkE4LDgsMCwxLDAsNDIuMDgsNDUuMzhMNjEuMzIsNjYuNTVDMjUsODguODQsOS4zOCwxMjMuMiw4LjY5LDEyNC43NmE4LDgsMCwwLDAsMCw2LjVjLjM1Ljc5LDguODIsMTkuNTcsMjcuNjUsMzguNEM2MS40MywxOTQuNzQsOTMuMTIsMjA4LDEyOCwyMDhhMTI3LjExLDEyNy4xMSwwLDAsMCw1Mi4wNy0xMC44M2wyMiwyNC4yMWE4LDgsMCwxLDAsMTEuODQtMTAuNzZabTQ3LjMzLDc1Ljg0LDQxLjY3LDQ1Ljg1YTMyLDMyLDAsMCwxLTQxLjY3LTQ1Ljg1Wk0xMjgsMTkyYy0zMC43OCwwLTU3LjY3LTExLjE5LTc5LjkzLTMzLjI1QTEzMy4xNiwxMzMuMTYsMCwwLDEsMjUsMTI4YzQuNjktOC43OSwxOS42Ni0zMy4zOSw0Ny4zNS00OS4zOGwxOCwxOS43NWE0OCw0OCwwLDAsMCw2My42Niw3MGwxNC43MywxNi4yQTExMiwxMTIsMCwwLDEsMTI4LDE5MlptNi05NS40M2E4LDgsMCwwLDEsMy0xNS43Miw0OC4xNiw0OC4xNiwwLDAsMSwzOC43Nyw0Mi42NCw4LDgsMCwwLDEtNy4yMiw4LjcxLDYuMzksNi4zOSwwLDAsMS0uNzUsMCw4LDgsMCwwLDEtOC03LjI2QTMyLjA5LDMyLjA5LDAsMCwwLDEzNCw5Ni41N1ptMTEzLjI4LDM0LjY5Yy0uNDIuOTQtMTAuNTUsMjMuMzctMzMuMzYsNDMuOGE4LDgsMCwxLDEtMTAuNjctMTEuOTJBMTMyLjc3LDEzMi43NywwLDAsMCwyMzEuMDUsMTI4YTEzMy4xNSwxMzMuMTUsMCwwLDAtMjMuMTItMzAuNzdDMTg1LjY3LDc1LjE5LDE1OC43OCw2NCwxMjgsNjRhMTE4LjM3LDExOC4zNywwLDAsMC0xOS4zNiwxLjU3QTgsOCwwLDEsMSwxMDYsNDkuNzksMTM0LDEzNCwwLDAsMSwxMjgsNDhjMzQuODgsMCw2Ni41NywxMy4yNiw5MS42NiwzOC4zNSwxOC44MywxOC44MywyNy4zLDM3LjYyLDI3LjY1LDM4LjQxQTgsOCwwLDAsMSwyNDcuMzEsMTMxLjI2WiIvPjwvc3ZnPg==';
23575
-
23576
- const eyeSvg = 'data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyNTYgMjU2IiBmaWxsPSJjdXJyZW50Q29sb3IiPjxwYXRoIGQ9Ik0yNDcuMzEsMTI0Ljc2Yy0uMzUtLjc5LTguODItMTkuNTgtMjcuNjUtMzguNDFDMTk0LjU3LDYxLjI2LDE2Mi44OCw0OCwxMjgsNDhTNjEuNDMsNjEuMjYsMzYuMzQsODYuMzVDMTcuNTEsMTA1LjE4LDksMTI0LDguNjksMTI0Ljc2YTgsOCwwLDAsMCwwLDYuNWMuMzUuNzksOC44MiwxOS41NywyNy42NSwzOC40QzYxLjQzLDE5NC43NCw5My4xMiwyMDgsMTI4LDIwOHM2Ni41Ny0xMy4yNiw5MS42Ni0zOC4zNGMxOC44My0xOC44MywyNy4zLTM3LjYxLDI3LjY1LTM4LjRBOCw4LDAsMCwwLDI0Ny4zMSwxMjQuNzZaTTEyOCwxOTJjLTMwLjc4LDAtNTcuNjctMTEuMTktNzkuOTMtMzMuMjVBMTMzLjQ3LDEzMy40NywwLDAsMSwyNSwxMjgsMTMzLjMzLDEzMy4zMywwLDAsMSw0OC4wNyw5Ny4yNUM3MC4zMyw3NS4xOSw5Ny4yMiw2NCwxMjgsNjRzNTcuNjcsMTEuMTksNzkuOTMsMzMuMjVBMTMzLjQ2LDEzMy40NiwwLDAsMSwyMzEuMDUsMTI4QzIyMy44NCwxNDEuNDYsMTkyLjQzLDE5MiwxMjgsMTkyWm0wLTExMmE0OCw0OCwwLDEsMCw0OCw0OEE0OC4wNSw0OC4wNSwwLDAsMCwxMjgsODBabTAsODBhMzIsMzIsMCwxLDEsMzItMzJBMzIsMzIsMCwwLDEsMTI4LDE2MFoiLz48L3N2Zz4=';
23577
-
23578
23523
  const inputPasswordToggleIonicCss = () => `:host ion-button{--color:var(--token-primitives-neutral-800, #626262);--margin-end:calc(-1 * var(--padding-end));--padding-end:inherit;--icon-size:var(--token-font-size-400, 1rem);-webkit-margin-start:0;margin-inline-start:0;-webkit-margin-end:var(--margin-end);margin-inline-end:var(--margin-end);margin-top:0;margin-bottom:0;width:var(--size);height:var(--size)}:host ion-button ion-icon{font-size:var(--icon-size)}`;
23579
23524
 
23580
23525
  const iosInputPasswordToggleNativeCss = () => ``;
@@ -23629,54 +23574,48 @@ class InputPasswordToggle {
23629
23574
  disconnectedCallback() {
23630
23575
  this.inputElRef = null;
23631
23576
  }
23577
+ /**
23578
+ * Get the icon to use for the hide icon.
23579
+ * If an icon is set on the component, use that.
23580
+ * Otherwise, use the icon set in the config.
23581
+ * If no icon is set in the config, use the default icon.
23582
+ */
23632
23583
  get inputPasswordHideIcon() {
23633
23584
  // Return the icon if it is explicitly set
23634
23585
  if (this.hideIcon != null) {
23635
23586
  return this.hideIcon;
23636
23587
  }
23637
- // Determine the theme and map to default icons
23638
- const theme = getIonTheme(this);
23639
- const defaultIcons = {
23640
- ios: eyeOff,
23641
- ionic: eyeSlashSvg,
23642
- md: eyeOff,
23643
- };
23644
- // Get the default icon based on the theme, falling back to 'md' icon if necessary
23645
- const defaultIcon = defaultIcons[theme] || defaultIcons.md;
23646
23588
  // Return the configured input password hide icon or the default icon
23647
- return config.get('inputPasswordHideIcon', defaultIcon);
23589
+ return config.get('inputPasswordHideIcon', eyeOff);
23648
23590
  }
23591
+ /**
23592
+ * Get the icon to use for the show icon.
23593
+ * If an icon is set on the component, use that.
23594
+ * Otherwise, use the icon set in the config.
23595
+ * If no icon is set in the config, use the default icon.
23596
+ */
23649
23597
  get inputPasswordShowIcon() {
23650
23598
  // Return the icon if it is explicitly set
23651
23599
  if (this.showIcon != null) {
23652
23600
  return this.showIcon;
23653
23601
  }
23654
- // Determine the theme and map to default icons
23655
- const theme = getIonTheme(this);
23656
- const defaultIcons = {
23657
- ios: eye,
23658
- ionic: eyeSvg,
23659
- md: eye,
23660
- };
23661
- // Get the default icon based on the theme, falling back to 'md' icon if necessary
23662
- const defaultIcon = defaultIcons[theme] || defaultIcons.md;
23663
23602
  // Return the configured input password show icon or the default icon
23664
- return config.get('inputPasswordShowIcon', defaultIcon);
23603
+ return config.get('inputPasswordShowIcon', eye);
23665
23604
  }
23666
23605
  render() {
23667
23606
  const { color, inputPasswordHideIcon, inputPasswordShowIcon, type } = this;
23668
23607
  const mode = getIonMode$1(this);
23669
23608
  const isPasswordVisible = type === 'text';
23670
- return (hAsync(Host, { key: 'f11e3bf4d3255e003aec504e6dd3ee1e0caaf767', class: createColorClasses$1(color, {
23609
+ return (hAsync(Host, { key: '67dff695db35fe17927c62f88eb4d1b8a83cf9c1', class: createColorClasses$1(color, {
23671
23610
  [mode]: true,
23672
- }) }, hAsync("ion-button", { key: '5bba43f7755857fd9347612bb906c389b60386b4', mode: mode, color: color, fill: "clear", shape: "round", "aria-label": isPasswordVisible ? 'Hide password' : 'Show password', "aria-pressed": isPasswordVisible ? 'true' : 'false', type: "button", onPointerDown: (ev) => {
23611
+ }) }, hAsync("ion-button", { key: '75edb85478a55b76fc1b4b3ecb65d593dee0b3ee', mode: mode, color: color, fill: "clear", shape: "round", "aria-label": isPasswordVisible ? 'Hide password' : 'Show password', "aria-pressed": isPasswordVisible ? 'true' : 'false', type: "button", onPointerDown: (ev) => {
23673
23612
  /**
23674
23613
  * This prevents mobile browsers from
23675
23614
  * blurring the input when the password toggle
23676
23615
  * button is activated.
23677
23616
  */
23678
23617
  ev.preventDefault();
23679
- }, onClick: this.togglePasswordVisibility }, hAsync("ion-icon", { key: 'c0eb0e4e2f3e9553bfd519ff655064c9f62af406', slot: "icon-only", "aria-hidden": "true", icon: isPasswordVisible ? inputPasswordHideIcon : inputPasswordShowIcon }))));
23618
+ }, onClick: this.togglePasswordVisibility }, hAsync("ion-icon", { key: '811e6f30fdc0e78fb23318823fc2bb2135647ca1', slot: "icon-only", "aria-hidden": "true", icon: isPasswordVisible ? inputPasswordHideIcon : inputPasswordShowIcon }))));
23680
23619
  }
23681
23620
  get el() { return getElement(this); }
23682
23621
  static get watchers() { return {
@@ -23930,29 +23869,26 @@ class Item {
23930
23869
  const controls = this.el.querySelectorAll('ion-toggle:not([disabled]), ion-checkbox:not([disabled]), ion-radio:not([disabled]), ion-select:not([disabled]), ion-input:not([disabled]), ion-textarea:not([disabled])');
23931
23870
  return controls[0];
23932
23871
  }
23872
+ /**
23873
+ * Get the icon to use for the detail icon.
23874
+ * If an icon is set on the component, use that.
23875
+ * Otherwise, use the icon set in the config.
23876
+ * If no icon is set in the config, use the default icon.
23877
+ */
23933
23878
  get itemDetailIcon() {
23934
23879
  // Return the icon if it is explicitly set
23935
23880
  if (this.detailIcon != null) {
23936
23881
  return this.detailIcon;
23937
23882
  }
23938
- // Determine the theme and map to default icons
23939
- const theme = getIonTheme(this);
23940
- const defaultIcons = {
23941
- ios: chevronForward,
23942
- ionic: caretRightSvg,
23943
- md: chevronForward,
23944
- };
23945
- // Get the default icon based on the theme, falling back to 'md' icon if necessary
23946
- const defaultIcon = defaultIcons[theme] || defaultIcons.md;
23947
23883
  // Return the configured item detail icon or the default icon
23948
- return config.get('itemDetailIcon', defaultIcon);
23884
+ return config.get('itemDetailIcon', chevronForward);
23949
23885
  }
23950
23886
  /**
23951
23887
  * The icon should be flipped when the app is RTL and
23952
23888
  * the icon is a variation of chevron.
23953
23889
  */
23954
23890
  get shouldFlipIcon() {
23955
- return this.itemDetailIcon === chevronForward || this.itemDetailIcon === caretRightSvg;
23891
+ return this.itemDetailIcon === chevronForward;
23956
23892
  }
23957
23893
  render() {
23958
23894
  const { detail, download, labelColorStyles, lines, disabled, href, itemDetailIcon, shouldFlipIcon, rel, target, routerAnimation, routerDirection, inheritedAriaAttributes, multipleInputs, } = this;
@@ -24031,7 +23967,7 @@ class Item {
24031
23967
  * multi-input item, and in a clickable item, which is a second tab stop.
24032
23968
  */
24033
23969
  const slottedIndicatorNeedsRoom = this.hasSlottedIndicatorControl && (multipleInputs || this.isClickable());
24034
- return (hAsync(Host, { key: 'e303a3416c411185a0990ec8dcb1b1479eb236e8', "aria-disabled": ariaDisabled, class: Object.assign(Object.assign(Object.assign({}, childStyles), labelColorStyles), createColorClasses$1(this.color, {
23970
+ return (hAsync(Host, { key: 'd1081a8a1d32df06ac0237a370b8105f9b3ad743', "aria-disabled": ariaDisabled, class: Object.assign(Object.assign(Object.assign({}, childStyles), labelColorStyles), createColorClasses$1(this.color, {
24035
23971
  item: true,
24036
23972
  [theme]: true,
24037
23973
  'item-lines-default': lines === undefined,
@@ -24044,7 +23980,7 @@ class Item {
24044
23980
  'ion-activatable': canActivate,
24045
23981
  'ion-focusable': this.focusable,
24046
23982
  'item-rtl': document.dir === 'rtl',
24047
- })), role: inList ? 'listitem' : null }, hAsync(TagType, Object.assign({ key: '551e095097f4c241aa0bb0d2aceb0bf4777563b2' }, attrs, inheritedAriaAttributes, { class: "item-native", part: "native", disabled: disabled }, clickFn), hAsync("slot", { key: '8a602938537caaebaad7d72aa3e8d5a4d3a12290', name: "start", onSlotchange: this.updateInteractivityOnSlotChange }), hAsync("div", { key: 'c82030fdec973d347bc56ae25bb71f6c76173b60', class: "item-inner", part: "inner" }, hAsync("div", { key: '01db0987d735ce734f1edfcd7ee8164e441c840e', class: "input-wrapper", part: "container" }, hAsync("slot", { key: '87e073b45610277443733f8f150d0adf26e6bf86', onSlotchange: this.updateInteractivityOnSlotChange })), hAsync("slot", { key: '4446a01b2556284a0d8dfb1c209bec1b064a2341', name: "end", onSlotchange: this.updateInteractivityOnSlotChange }), showDetail && (hAsync("ion-icon", { key: '09196aa21716c854cbbd7c5aeefff2bfb859746e', icon: itemDetailIcon, lazy: false, class: "item-detail-icon", part: "detail-icon", "aria-hidden": "true", "flip-rtl": shouldFlipIcon }))), canActivate && theme === 'md' && hAsync("ion-ripple-effect", { key: '3408c7ffac92c84ad99a9d71f8c26b98583010a0' }))));
23983
+ })), role: inList ? 'listitem' : null }, hAsync(TagType, Object.assign({ key: 'd0cb6daafb0813bdf176094aeef56083a18e766b' }, attrs, inheritedAriaAttributes, { class: "item-native", part: "native", disabled: disabled }, clickFn), hAsync("slot", { key: 'abb79ecaaa73863926e2e96b3c860c4686f1a7ac', name: "start", onSlotchange: this.updateInteractivityOnSlotChange }), hAsync("div", { key: 'dd13fe3d073c7b88ac4e09c157fc1267480feeba', class: "item-inner", part: "inner" }, hAsync("div", { key: '33e842c9fc188afc7e546a989d3c75cc5393b4a1', class: "input-wrapper", part: "container" }, hAsync("slot", { key: 'cd4fc3687f17807231adf641772c6e8269a75bce', onSlotchange: this.updateInteractivityOnSlotChange })), hAsync("slot", { key: 'bc0b10c2cdf07040d26d543de1fbf9ab5e400079', name: "end", onSlotchange: this.updateInteractivityOnSlotChange }), showDetail && (hAsync("ion-icon", { key: '64b285c87a5b000ad5bbd6a3056183ddc6ef988a', icon: itemDetailIcon, lazy: false, class: "item-detail-icon", part: "detail-icon", "aria-hidden": "true", "flip-rtl": shouldFlipIcon }))), canActivate && theme === 'md' && hAsync("ion-ripple-effect", { key: '1dd429002350661afa8853a58a59276da7283353' }))));
24048
23984
  }
24049
23985
  get el() { return getElement(this); }
24050
23986
  static get watchers() { return {
@@ -24116,11 +24052,11 @@ class ItemDivider {
24116
24052
  }
24117
24053
  render() {
24118
24054
  const theme = getIonTheme(this);
24119
- return (hAsync(Host, { key: 'dc73f348b5376faa40ba4bc6bba3d5c9e5ec5ab2', class: createColorClasses$1(this.color, {
24055
+ return (hAsync(Host, { key: 'b41d12b91cf208efda5287f9be3c94fc0e934175', class: createColorClasses$1(this.color, {
24120
24056
  [theme]: true,
24121
24057
  'item-divider-sticky': this.sticky,
24122
24058
  item: true,
24123
- }) }, hAsync("slot", { key: '0f535b2cf91f2ec042aa59a89498cfa0e4d541a0', name: "start" }), hAsync("div", { key: '867c8c1a1bd273a5f5018f77785f11d58152e8b9', class: "item-divider-inner", part: "inner" }, hAsync("div", { key: 'c32b2a5658d27cf5d8cd8ffbfa476c02755e1afd', class: "item-divider-wrapper", part: "container" }, hAsync("slot", { key: 'f8b0fea29a910cd2e36301586532be3a8348c31e' })), hAsync("slot", { key: '418750f630c851cf04b6a278c1666c6cf33c113c', name: "end" }))));
24059
+ }) }, hAsync("slot", { key: '490b5ab187a2f8f4c909eb5c0c16d50a7f90f87d', name: "start" }), hAsync("div", { key: '55cc4cdda96d6a33472fe6570a09e725c3a5e091', class: "item-divider-inner", part: "inner" }, hAsync("div", { key: 'fec32822339f1a2197fd576b0949bf12d1b7582b', class: "item-divider-wrapper", part: "container" }, hAsync("slot", { key: '698a1e95a0481c1a7ff20795c479ceb5b00873ae' })), hAsync("slot", { key: 'c5d28d2b06885044bdadaf203018568c8701accc', name: "end" }))));
24124
24060
  }
24125
24061
  get el() { return getElement(this); }
24126
24062
  static get style() { return {
@@ -24157,7 +24093,7 @@ class ItemGroup {
24157
24093
  }
24158
24094
  render() {
24159
24095
  const theme = getIonTheme(this);
24160
- return (hAsync(Host, { key: '017c8f7cd0258e1864423337ddd1b1cb522f64ed', role: "group", class: {
24096
+ return (hAsync(Host, { key: '192876ea9e6fc866519490556a5db863b8731ceb', role: "group", class: {
24161
24097
  [theme]: true,
24162
24098
  // Used internally for styling
24163
24099
  [`item-group-${theme}`]: true,
@@ -24253,14 +24189,14 @@ class ItemOption {
24253
24189
  href: this.href,
24254
24190
  target: this.target,
24255
24191
  };
24256
- return (hAsync(Host, { key: '8f1bad23fd3ccbb9d54d57765e6731cd2ee07306', onClick: this.onClick, class: createColorClasses$1(this.color, {
24192
+ return (hAsync(Host, { key: '4c40464f3ade0f4afaf4a7682177bf54fd411b2f', onClick: this.onClick, class: createColorClasses$1(this.color, {
24257
24193
  [theme]: true,
24258
24194
  [`item-option-${shape}`]: shape !== undefined,
24259
24195
  [`item-option-${hue}`]: hue !== undefined,
24260
24196
  'item-option-disabled': disabled,
24261
24197
  'item-option-expandable': expandable,
24262
24198
  'ion-activatable': true,
24263
- }) }, hAsync(TagType, Object.assign({ key: '2baf904e356a87ed463ee5f517e0e95f90b2ef30' }, attrs, { class: "button-native", part: "native", disabled: disabled }), hAsync("span", { key: '49b627f72dffd1b150ccd808b1b1f63bbe78e2de', class: "button-inner", part: "inner" }, hAsync("slot", { key: 'cdb52f76f1d7e5df411215f17eb76ad25e36241a', name: "top" }), hAsync("div", { key: '864204667c6e3ba6f989b24e96c131b67e55d408', class: "horizontal-wrapper", part: "container" }, hAsync("slot", { key: '474f4aab708842bb7ef74cb6f1fbe601ceff82cf', name: "start" }), hAsync("slot", { key: '2bd726c5ba3ee079a623f1f6229d1ac2afd3e291', name: "icon-only" }), hAsync("slot", { key: '2d1a673c447ebf82c92f944ec9e83a5b38698307' }), hAsync("slot", { key: '8d0f9337cd84c725190cffd25d74044075e85ab0', name: "end" })), hAsync("slot", { key: 'a674039b26d9cbb886e88ea721bbc210484aba9f', name: "bottom" })), theme === 'md' && hAsync("ion-ripple-effect", { key: '3e45bf18b7992943c47ece47e9358f4da0b8e865' }))));
24199
+ }) }, hAsync(TagType, Object.assign({ key: '857af74eab39e9dbe9e72da7b6727c1fb72ba463' }, attrs, { class: "button-native", part: "native", disabled: disabled }), hAsync("span", { key: '7838898caaa93215083f3aa378e8d12c7c0da73f', class: "button-inner", part: "inner" }, hAsync("slot", { key: '0cfa9e6c6e55cae4d099eb3c339ae91d69a0899d', name: "top" }), hAsync("div", { key: '5ed0d1b3f462e7a03da1c29f5a76efc186b3881c', class: "horizontal-wrapper", part: "container" }, hAsync("slot", { key: '264076e1e5818e7666d6958c861d43831b4b9227', name: "start" }), hAsync("slot", { key: 'ff6cd961b5d980ce073840f023f2c8ff3d46b4a4', name: "icon-only" }), hAsync("slot", { key: '75f3fd3813e497ab1fc1bef2248a8764c0b5a36f' }), hAsync("slot", { key: '9df80f908c1facc282b5910d1f3199b72dd33b36', name: "end" })), hAsync("slot", { key: 'e82f4c0ea7dd31393dd42496801d8807e57aba2d', name: "bottom" })), theme === 'md' && hAsync("ion-ripple-effect", { key: '7730ed91538245a5834989213673dea45b70798d' }))));
24264
24200
  }
24265
24201
  get el() { return getElement(this); }
24266
24202
  static get style() { return {
@@ -24318,7 +24254,7 @@ class ItemOptions {
24318
24254
  render() {
24319
24255
  const theme = getIonTheme(this);
24320
24256
  const isEnd = isEndSide(this.side);
24321
- return (hAsync(Host, { key: 'ed05ceebf2cda943ac9efea2f91b71f7e8fc55e8', class: {
24257
+ return (hAsync(Host, { key: '3505a534ecca3fe1615b1e686d9ab15bc8967049', class: {
24322
24258
  [theme]: true,
24323
24259
  // Used internally for styling
24324
24260
  [`item-options-${theme}`]: true,
@@ -25170,7 +25106,7 @@ class ItemSliding {
25170
25106
  }
25171
25107
  render() {
25172
25108
  const theme = getIonTheme(this);
25173
- return (hAsync(Host, { key: '47de8c8a9721f9223b42d6722a9ad32f378818aa', class: {
25109
+ return (hAsync(Host, { key: 'd718bf10e1dfbecc2c1e1b84eee8e79a62751115', class: {
25174
25110
  [theme]: true,
25175
25111
  'item-sliding-active-slide': this.state !== 2 /* SlidingState.Disabled */,
25176
25112
  'item-sliding-active-options-end': (this.state & 8 /* SlidingState.End */) !== 0,
@@ -25289,13 +25225,13 @@ class Label {
25289
25225
  render() {
25290
25226
  const position = this.position;
25291
25227
  const theme = getIonTheme(this);
25292
- return (hAsync(Host, { key: 'b1f261db441bcb0a325a5b3e21da17764a56f17c', class: createColorClasses$1(this.color, {
25228
+ return (hAsync(Host, { key: '55356d83f3c598b83dccd79ee3769da57d15cf78', class: createColorClasses$1(this.color, {
25293
25229
  [theme]: true,
25294
25230
  'in-item-color': hostContext('ion-item.ion-color', this.el),
25295
25231
  [`label-${position}`]: position !== undefined,
25296
25232
  [`label-no-animate`]: this.noAnimate,
25297
25233
  'label-rtl': document.dir === 'rtl',
25298
- }) }, hAsync("slot", { key: '490444c8c0d4cf72eae3f8abfb7ed7ecc30bb213' })));
25234
+ }) }, hAsync("slot", { key: 'fbf99c7868befa8ba8e01c4d086ef238ecc061c8' })));
25299
25235
  }
25300
25236
  get el() { return getElement(this); }
25301
25237
  static get watchers() { return {
@@ -25375,7 +25311,7 @@ class List {
25375
25311
  const theme = getIonTheme(this);
25376
25312
  const shape = this.getShape();
25377
25313
  const { lines, inset } = this;
25378
- return (hAsync(Host, { key: '9be30ff6e75e020c0db7054800cb874efef26bd8', role: "list", class: {
25314
+ return (hAsync(Host, { key: 'c1a9ff4887166dda2da800c15102cd1aed53ab72', role: "list", class: {
25379
25315
  [theme]: true,
25380
25316
  // Used internally for styling
25381
25317
  [`list-${theme}`]: true,
@@ -25425,10 +25361,10 @@ class ListHeader {
25425
25361
  render() {
25426
25362
  const { lines } = this;
25427
25363
  const theme = getIonTheme(this);
25428
- return (hAsync(Host, { key: '7a1632a069317285210f4aeae50a6f2ef6955c56', class: createColorClasses$1(this.color, {
25364
+ return (hAsync(Host, { key: '1d1e2a599178710f9243d4d4c87d01f2364e4717', class: createColorClasses$1(this.color, {
25429
25365
  [theme]: true,
25430
25366
  [`list-header-lines-${lines}`]: lines !== undefined,
25431
- }) }, hAsync("div", { key: 'a9a9463f209023da222f38a78126d5aaeb2f03b9', class: "list-header-inner", part: "inner" }, hAsync("slot", { key: 'e3c6ec1b588392d347844d59d338abc339e80634' }))));
25367
+ }) }, hAsync("div", { key: '4f29d2a52fad8314d779510c8851a632b68f783d', class: "list-header-inner", part: "inner" }, hAsync("slot", { key: '4b434064755e69b6e5ba4d241159d0590ca6fa47' }))));
25432
25368
  }
25433
25369
  static get style() { return {
25434
25370
  ionic: listHeaderIonicCss(),
@@ -25717,9 +25653,9 @@ class Loading {
25717
25653
  * Otherwise, don't set aria-labelledby.
25718
25654
  */
25719
25655
  const ariaLabelledBy = message !== undefined ? msgId : null;
25720
- return (hAsync(Host, Object.assign({ key: '2ffae36b20a7d7f3a752a062d90062583e31d053', role: "dialog", "aria-modal": "true", "aria-labelledby": ariaLabelledBy, tabindex: "-1" }, htmlAttributes, { style: {
25656
+ return (hAsync(Host, Object.assign({ key: '46358f5a35005840cf60e7c520d4f60415b5991d', role: "dialog", "aria-modal": "true", "aria-labelledby": ariaLabelledBy, tabindex: "-1" }, htmlAttributes, { style: {
25721
25657
  zIndex: `${40000 + this.overlayIndex}`,
25722
- }, onIonBackdropTap: this.onBackdropTap, class: Object.assign(Object.assign({}, getClassMap(this.cssClass)), { [theme]: true, 'overlay-hidden': true, 'loading-translucent': this.translucent }) }), hAsync("ion-backdrop", { key: 'a6d8cac2c34a0905ec67a2c64be7ec12cc84f168', visible: this.showBackdrop, tappable: this.backdropDismiss }), hAsync("div", { key: 'cd011d86f20869096a8546f098fb5edad44033a1', tabindex: "0", "aria-hidden": "true" }), hAsync("div", { key: '70298be2139d6004e0f8fc5a85c5d05f1efdc347', class: "loading-wrapper ion-overlay-wrapper" }, spinner && (hAsync("div", { key: '32aef90695d91e0a82696abbce96ba29cb1a2608', class: "loading-spinner" }, hAsync("ion-spinner", { key: '7ae69c27be273cf3e83230dae043168df27ac27e', name: spinner, "aria-hidden": "true" }))), message !== undefined && this.renderLoadingMessage(msgId)), hAsync("div", { key: 'f13a01b31516c3fe85dd3a623962290c03e7412f', tabindex: "0", "aria-hidden": "true" })));
25658
+ }, onIonBackdropTap: this.onBackdropTap, class: Object.assign(Object.assign({}, getClassMap(this.cssClass)), { [theme]: true, 'overlay-hidden': true, 'loading-translucent': this.translucent }) }), hAsync("ion-backdrop", { key: 'a34cd48d682bc696aa437d22f99fee5427070883', visible: this.showBackdrop, tappable: this.backdropDismiss }), hAsync("div", { key: '6c663be0284e9b81f0b474ae05f3182b76f6ce7f', tabindex: "0", "aria-hidden": "true" }), hAsync("div", { key: 'a8b8bbab685e59c80793ed66626a7f90b40960d6', class: "loading-wrapper ion-overlay-wrapper" }, spinner && (hAsync("div", { key: '016cfe3ac189405620cd4dfc82941b280d84c8a4', class: "loading-spinner" }, hAsync("ion-spinner", { key: '33d580768ab09748c3fa59fa8fed09832abaae7a', name: spinner, "aria-hidden": "true" }))), message !== undefined && this.renderLoadingMessage(msgId)), hAsync("div", { key: 'dedf1658004af3269ec1bb9a8028ce786a24d806', tabindex: "0", "aria-hidden": "true" })));
25723
25659
  }
25724
25660
  get el() { return getElement(this); }
25725
25661
  static get watchers() { return {
@@ -26780,14 +26716,14 @@ class Menu {
26780
26716
  * the ionBackButton listener in the menu controller
26781
26717
  * will handle closing the menu when Escape is pressed.
26782
26718
  */
26783
- return (hAsync(Host, { key: 'ed286af30b990e9a3f67606a6a30c50a07c13f87', onKeyDown: shouldUseCloseWatcher() ? null : this.onKeydown, role: "navigation", "aria-label": inheritedAttributes['aria-label'] || 'menu', class: {
26719
+ return (hAsync(Host, { key: '9b37651cda44cc443b9085e13eb2e5b13fa041e0', onKeyDown: shouldUseCloseWatcher() ? null : this.onKeydown, role: "navigation", "aria-label": inheritedAttributes['aria-label'] || 'menu', class: {
26784
26720
  [theme]: true,
26785
26721
  [`menu-type-${type}`]: true,
26786
26722
  'menu-enabled': !disabled,
26787
26723
  [`menu-side-${side}`]: true,
26788
26724
  'menu-pane-visible': isPaneVisible,
26789
26725
  'split-pane-side': hostContext('ion-split-pane', el),
26790
- } }, hAsync("div", { key: '8b15c8ccd73eeb640eea76996d5123a9cd67face', class: "menu-inner", part: "container", ref: (el) => (this.menuInnerEl = el) }, hAsync("slot", { key: 'accfd5cdddac5cde2776b8272a63c1513e6928a8' })), hAsync("ion-backdrop", { key: 'e85f75b8ace51db8fac52388c042e93f73bf14ca', ref: (el) => (this.backdropEl = el), class: "menu-backdrop", tappable: false, stopPropagation: false, part: "backdrop" })));
26726
+ } }, hAsync("div", { key: '27d27929b185907be48e50d4b2bbe1a14e971564', class: "menu-inner", part: "container", ref: (el) => (this.menuInnerEl = el) }, hAsync("slot", { key: '38e3385837dff99ee17170798efedc3f58071fac' })), hAsync("ion-backdrop", { key: 'ae11415a8b4c00e6c4a90ce88405cd5b11a92374', ref: (el) => (this.backdropEl = el), class: "menu-backdrop", tappable: false, stopPropagation: false, part: "backdrop" })));
26791
26727
  }
26792
26728
  get el() { return getElement(this); }
26793
26729
  static get watchers() { return {
@@ -26849,8 +26785,6 @@ const SHOW_MENU = 'show-menu';
26849
26785
  const SHOW_BACKDROP = 'show-backdrop';
26850
26786
  const MENU_CONTENT_OPEN = 'menu-content-open';
26851
26787
 
26852
- const listSvg = 'data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyNTYgMjU2IiBmaWxsPSJjdXJyZW50Q29sb3IiPjxwYXRoIGQ9Ik0yMjQsMTI4YTgsOCwwLDAsMS04LDhINDBhOCw4LDAsMCwxLDAtMTZIMjE2QTgsOCwwLDAsMSwyMjQsMTI4Wk00MCw3MkgyMTZhOCw4LDAsMCwwLDAtMTZINDBhOCw4LDAsMCwwLDAsMTZaTTIxNiwxODRINDBhOCw4LDAsMCwwLDAsMTZIMjE2YTgsOCwwLDAsMCwwLTE2WiIvPjwvc3ZnPg==';
26853
-
26854
26788
  // Given a menu, return whether or not the menu toggle should be visible
26855
26789
  const updateVisibility = async (menu) => {
26856
26790
  const menuEl = await menuController.get(menu);
@@ -26900,16 +26834,15 @@ class MenuButton {
26900
26834
  async visibilityChanged() {
26901
26835
  this.visible = await updateVisibility(this.menu);
26902
26836
  }
26837
+ /**
26838
+ * Get the icon to use for the menu icon.
26839
+ * Use the icon set in the config.
26840
+ * If no icon is set in the config, use the default icon.
26841
+ */
26903
26842
  get menuIcon() {
26904
- // Determine the theme and map to default icons
26843
+ // Determine the theme and map to the default icon
26905
26844
  const theme = getIonTheme(this);
26906
- const defaultIcons = {
26907
- ios: menuOutline,
26908
- ionic: listSvg,
26909
- md: menuSharp,
26910
- };
26911
- // Get the default icon based on the theme, falling back to 'md' icon if necessary
26912
- const defaultIcon = defaultIcons[theme] || defaultIcons.md;
26845
+ const defaultIcon = theme === 'ios' ? menuOutline : menuSharp;
26913
26846
  // Return the configured menu icon or the default icon
26914
26847
  return config.get('menuIcon', defaultIcon);
26915
26848
  }
@@ -26921,7 +26854,7 @@ class MenuButton {
26921
26854
  type: this.type,
26922
26855
  };
26923
26856
  const ariaLabel = inheritedAttributes['aria-label'] || 'menu';
26924
- return (hAsync(Host, { key: '341ca3bfac81ce4432eef5d2fd738becd1dfb07e', onClick: this.onClick, "aria-disabled": disabled ? 'true' : null, "aria-hidden": hidden ? 'true' : null, class: createColorClasses$1(color, {
26857
+ return (hAsync(Host, { key: '026e0b8786a0743d93b1410f2c7046857e76d31e', onClick: this.onClick, "aria-disabled": disabled ? 'true' : null, "aria-hidden": hidden ? 'true' : null, class: createColorClasses$1(color, {
26925
26858
  [theme]: true,
26926
26859
  button: true, // ion-buttons target .button
26927
26860
  'menu-button-hidden': hidden,
@@ -26930,7 +26863,7 @@ class MenuButton {
26930
26863
  'in-toolbar-color': hostContext('ion-toolbar[color]', this.el),
26931
26864
  'ion-activatable': true,
26932
26865
  'ion-focusable': true,
26933
- }) }, hAsync("button", Object.assign({ key: '6e6229df2fc1f2d18294a5fbf7fe71e7dd47666a' }, attrs, { disabled: disabled, class: "button-native", part: "native", "aria-label": ariaLabel }), hAsync("span", { key: '0216acbf67d7aa5edc52328f7ded4cb98bc8a237', class: "button-inner" }, hAsync("slot", { key: '5c2cdae42add9a25d3e6323048fcbc6b5fc9b32e' }, hAsync("ion-icon", { key: '5b38c283957cd2f1ad659427dec612fc84fc054f', part: "icon", icon: menuIcon, lazy: false, "aria-hidden": "true" }))), theme === 'md' && hAsync("ion-ripple-effect", { key: 'adabe4ffa1d66fe36d55294d774db9c4bba1ad76', type: "unbounded" }))));
26866
+ }) }, hAsync("button", Object.assign({ key: '43ae83fb67e6f138c73eceea433d2e1597539347' }, attrs, { disabled: disabled, class: "button-native", part: "native", "aria-label": ariaLabel }), hAsync("span", { key: 'f6ddf381a18c716c1826d42e88c4b5a7840bb5fd', class: "button-inner" }, hAsync("slot", { key: 'bb39b67eacc81d30221bfb54dc0a835289cc5380' }, hAsync("ion-icon", { key: '8f8313ed81ad2d59e2bd40d4025dd20dc822d512', part: "icon", icon: menuIcon, lazy: false, "aria-hidden": "true" }))), theme === 'md' && hAsync("ion-ripple-effect", { key: '25ca62a13acd04b0a3df7ead7c6dabff1446bce5', type: "unbounded" }))));
26934
26867
  }
26935
26868
  get el() { return getElement(this); }
26936
26869
  static get style() { return {
@@ -26987,10 +26920,10 @@ class MenuToggle {
26987
26920
  render() {
26988
26921
  const theme = getIonTheme(this);
26989
26922
  const hidden = this.autoHide && !this.visible;
26990
- return (hAsync(Host, { key: '9ef631d9ae370a8740e691d281863203bfdddc38', onClick: this.onClick, "aria-hidden": hidden ? 'true' : null, class: {
26923
+ return (hAsync(Host, { key: 'c97c11d2e8b3efd50302cedd68c2dd95b0355bd4', onClick: this.onClick, "aria-hidden": hidden ? 'true' : null, class: {
26991
26924
  [theme]: true,
26992
26925
  'menu-toggle-hidden': hidden,
26993
- } }, hAsync("slot", { key: 'f8d9dfc562ed625ae47ec771ef6b2ea04bc463f4' })));
26926
+ } }, hAsync("slot", { key: 'e9987fbbbf9cf7fb8e770502c3c9d5c5779c3926' })));
26994
26927
  }
26995
26928
  static get style() { return menuToggleCss(); }
26996
26929
  static get cmpMeta() { return {
@@ -30543,11 +30476,11 @@ class Modal {
30543
30476
  const isHandleCycle = handleBehavior === 'cycle';
30544
30477
  const shape = this.getShape();
30545
30478
  const isSheetModalWithHandle = isSheetModal && showHandle;
30546
- return (hAsync(Host, Object.assign({ key: 'cf99da2a03dd010716265401c8b6fe46a9bf0ced', "no-router": true,
30479
+ return (hAsync(Host, Object.assign({ key: 'a2a8d62a699e1bcd2d6d277dcec3ae0a0cdaa773', "no-router": true,
30547
30480
  // Allow the modal to be navigable when the handle is focusable
30548
30481
  tabIndex: isHandleCycle && isSheetModalWithHandle ? 0 : -1 }, htmlAttributes, { style: {
30549
30482
  zIndex: `${20000 + this.overlayIndex}`,
30550
- }, class: Object.assign({ [theme]: true, ['modal-default']: !isCardModal && !isSheetModal, [`modal-card`]: isCardModal, [`modal-sheet`]: isSheetModal, [`modal-${shape}`]: shape !== undefined, [`modal-no-expand-scroll`]: isSheetModal && !expandToScroll, 'overlay-hidden': true, [FOCUS_TRAP_DISABLE_CLASS]: focusTrap === false }, getClassMap(this.cssClass)), onIonBackdropTap: this.onBackdropTap, onIonModalDidPresent: this.onLifecycle, onIonModalWillPresent: this.onLifecycle, onIonModalWillDismiss: this.onLifecycle, onIonModalDidDismiss: this.onLifecycle, onFocus: this.onModalFocus }), hAsync("ion-backdrop", { key: '91d148a13955bcda57b5d15d2613e74cc8cd5047', ref: (el) => (this.backdropEl = el), visible: this.showBackdrop, tappable: this.backdropDismiss, part: "backdrop" }), theme === 'ios' && hAsync("div", { key: 'bd51fa967ced9c6d574f0bb6d3c569fe53a2be59', class: "modal-shadow" }), hAsync("div", Object.assign({ key: '45fc1228a8dfc8009c933c6cee4067c08ab27fe6',
30483
+ }, class: Object.assign({ [theme]: true, ['modal-default']: !isCardModal && !isSheetModal, [`modal-card`]: isCardModal, [`modal-sheet`]: isSheetModal, [`modal-${shape}`]: shape !== undefined, [`modal-no-expand-scroll`]: isSheetModal && !expandToScroll, 'overlay-hidden': true, [FOCUS_TRAP_DISABLE_CLASS]: focusTrap === false }, getClassMap(this.cssClass)), onIonBackdropTap: this.onBackdropTap, onIonModalDidPresent: this.onLifecycle, onIonModalWillPresent: this.onLifecycle, onIonModalWillDismiss: this.onLifecycle, onIonModalDidDismiss: this.onLifecycle, onFocus: this.onModalFocus }), hAsync("ion-backdrop", { key: 'ef4dce13e8fa68d118bbb87262cce3d6067f8159', ref: (el) => (this.backdropEl = el), visible: this.showBackdrop, tappable: this.backdropDismiss, part: "backdrop" }), theme === 'ios' && hAsync("div", { key: 'fffa61a3d9f45b72847a224845758d9f97fb3e79', class: "modal-shadow" }), hAsync("div", Object.assign({ key: '1872b201510124d94f86b42a0b30bdd416280a2a',
30551
30484
  /*
30552
30485
  role and aria-modal must be used on the
30553
30486
  same element. They must also be set inside the
@@ -30560,9 +30493,9 @@ class Modal {
30560
30493
  without the tabindex focus() would be a no-op and screen readers
30561
30494
  may not properly announce the dialog and its content when it opens.
30562
30495
  */
30563
- role: "dialog" }, inheritedAttributes, { "aria-modal": "true", tabIndex: -1, class: "modal-wrapper ion-overlay-wrapper", part: "content", ref: (el) => (this.wrapperEl = el) }), showHandle && (hAsync("button", { key: '9bcc1589af7c422ee6f116aa50f62981031042ba', class: "modal-handle",
30496
+ role: "dialog" }, inheritedAttributes, { "aria-modal": "true", tabIndex: -1, class: "modal-wrapper ion-overlay-wrapper", part: "content", ref: (el) => (this.wrapperEl = el) }), showHandle && (hAsync("button", { key: '822983329fce3d8dbf007172448a0f6c7f180190', class: "modal-handle",
30564
30497
  // Prevents the handle from receiving keyboard focus when it does not cycle
30565
- tabIndex: !isHandleCycle ? -1 : 0, "aria-label": "Activate to adjust the size of the dialog overlaying the screen", onClick: isHandleCycle ? this.onHandleClick : undefined, part: "handle", "data-focus-order": "1", ref: (el) => (this.dragHandleEl = el) })), hAsync("slot", { key: 'd913facdd6abf0d87ba5e2d7f8b2f1c18e3ef556', onSlotchange: this.onSlotChange }))));
30498
+ tabIndex: !isHandleCycle ? -1 : 0, "aria-label": "Activate to adjust the size of the dialog overlaying the screen", onClick: isHandleCycle ? this.onHandleClick : undefined, part: "handle", "data-focus-order": "1", ref: (el) => (this.dragHandleEl = el) })), hAsync("slot", { key: '182a6e6b3aa92f22035c851eb32bd2392cf941d1', onSlotchange: this.onSlotChange }))));
30566
30499
  }
30567
30500
  get el() { return getElement(this); }
30568
30501
  static get watchers() { return {
@@ -31525,7 +31458,7 @@ class Nav {
31525
31458
  }
31526
31459
  }
31527
31460
  render() {
31528
- return hAsync("slot", { key: '3dfe9c2a5f3ea75cb6d82b76b240733105cddfad' });
31461
+ return hAsync("slot", { key: '2542f3c31517c7238d1c286435c6e6738fafb145' });
31529
31462
  }
31530
31463
  get el() { return getElement(this); }
31531
31464
  static get watchers() { return {
@@ -31606,7 +31539,7 @@ class NavLink {
31606
31539
  };
31607
31540
  }
31608
31541
  render() {
31609
- return hAsync(Host, { key: '476bfb5bb6fba4f422ec40315fc3ef466d01f757', onClick: this.onClick });
31542
+ return hAsync(Host, { key: '892d940265e46ab358af2693c4d63234fe301a85', onClick: this.onClick });
31610
31543
  }
31611
31544
  get el() { return getElement(this); }
31612
31545
  static get cmpMeta() { return {
@@ -31640,9 +31573,9 @@ class Note {
31640
31573
  }
31641
31574
  render() {
31642
31575
  const theme = getIonTheme(this);
31643
- return (hAsync(Host, { key: '376ae1c66c19d1bdd74a2371c0639ed9e49648b5', class: createColorClasses$1(this.color, {
31576
+ return (hAsync(Host, { key: '3f882cc4cac96016c332fd42b7a42ee2065284ce', class: createColorClasses$1(this.color, {
31644
31577
  [theme]: true,
31645
- }) }, hAsync("slot", { key: 'f8168cd88bb21c5e5a2b03c29539729fb38a19fd' })));
31578
+ }) }, hAsync("slot", { key: 'f90b98dcd17b4f3c4e7b85ad4fe01e5478bdc952' })));
31646
31579
  }
31647
31580
  static get style() { return {
31648
31581
  ionic: ionicNoteMdCss(),
@@ -32118,7 +32051,7 @@ let Picker$1 = class Picker {
32118
32051
  this.emitInputModeChange();
32119
32052
  }
32120
32053
  render() {
32121
- return (hAsync(Host, { key: '0e3b8112fd28191ff6af8313fee72919d9b23ee7', onPointerDown: (ev) => this.onPointerDown(ev), onClick: () => this.onClick() }, hAsync("input", { key: '92e86aab71f000c35fcf5f4082116285f2e43016', "aria-hidden": "true", tabindex: -1, inputmode: "numeric", type: "number", onKeyDown: (ev) => {
32054
+ return (hAsync(Host, { key: '7bd377eae3c0fe70f0bc34820d5f7e66a8c1f280', onPointerDown: (ev) => this.onPointerDown(ev), onClick: () => this.onClick() }, hAsync("input", { key: '81e4494104e755f8c05a4dcbceb3ad2edb426bfc', "aria-hidden": "true", tabindex: -1, inputmode: "numeric", type: "number", onKeyDown: (ev) => {
32122
32055
  var _a;
32123
32056
  /**
32124
32057
  * The "Enter" key represents
@@ -32133,7 +32066,7 @@ let Picker$1 = class Picker {
32133
32066
  if (ev.key === 'Enter') {
32134
32067
  (_a = this.inputEl) === null || _a === void 0 ? void 0 : _a.blur();
32135
32068
  }
32136
- }, ref: (el) => (this.inputEl = el), onInput: () => this.onInputChange(), onBlur: () => this.exitInputMode() }), hAsync("div", { key: '5fad8573cd44bee093f26cd4d7cabad836789e79', class: "picker-before" }), hAsync("div", { key: 'fd26db9e86a3cafe125283eeff0da8be7ea2928e', class: "picker-after" }), hAsync("div", { key: '8174b0f258f3ce00707132c674ff53d3b9fc2aee', class: "picker-highlight", ref: (el) => (this.highlightEl = el) }), hAsync("slot", { key: 'a118b0ec709164758ae95fcb9e110befb574138f' })));
32069
+ }, ref: (el) => (this.inputEl = el), onInput: () => this.onInputChange(), onBlur: () => this.exitInputMode() }), hAsync("div", { key: '64a1ed7261384f8b8880458684140dabb2886bc4', class: "picker-before" }), hAsync("div", { key: 'b1cb9d14bb7171695ffb138b3ad3150264adee95', class: "picker-after" }), hAsync("div", { key: '11db19b2aab0ca2b84171892a6158c612e8e2642', class: "picker-highlight", ref: (el) => (this.highlightEl = el) }), hAsync("slot", { key: '8cbf25b4282541e3d33aa67bc34e59b46541e64f' })));
32137
32070
  }
32138
32071
  get el() { return getElement(this); }
32139
32072
  static get style() { return {
@@ -32408,11 +32341,11 @@ class Picker {
32408
32341
  render() {
32409
32342
  const { htmlAttributes } = this;
32410
32343
  const theme = getIonTheme(this);
32411
- return (hAsync(Host, Object.assign({ key: '681ad6d20efa16f1d6c6f9a7d03caec2b17ff36e', "aria-modal": "true", tabindex: "-1" }, htmlAttributes, { style: {
32344
+ return (hAsync(Host, Object.assign({ key: '2933574a887dec034d63c9fb7e72c6f89ba41eee', "aria-modal": "true", tabindex: "-1" }, htmlAttributes, { style: {
32412
32345
  zIndex: `${20000 + this.overlayIndex}`,
32413
32346
  }, class: Object.assign({ [theme]: true,
32414
32347
  // Used internally for styling
32415
- [`picker-${theme}`]: true, 'overlay-hidden': true }, getClassMap(this.cssClass)), onIonBackdropTap: this.onBackdropTap, onIonPickerWillDismiss: this.dispatchCancelHandler }), hAsync("ion-backdrop", { key: '6dc71805810955048479c2a6eddce2303161cb8f', visible: this.showBackdrop, tappable: this.backdropDismiss }), hAsync("div", { key: '0e61724c261c9d69ba23d3cb9064018942755033', tabindex: "0", "aria-hidden": "true" }), hAsync("div", { key: 'a6ca79c9a5fce42b5aad6808802535c723f27fb9', class: "picker-wrapper ion-overlay-wrapper", role: "dialog" }, hAsync("div", { key: '7651cbe9d723bba032788d85711e0f7c1dc32c21', class: "picker-toolbar" }, this.buttons.map((b) => (hAsync("div", { class: buttonWrapperClass(b) }, hAsync("button", { type: "button", onClick: () => this.buttonClick(b), class: buttonClass$1(b) }, b.text))))), hAsync("div", { key: 'd6b83aded670bc74515c337c038503e396ab42cc', class: "picker-columns" }, hAsync("div", { key: '1dfef6ed386d7b327dc19397cc9f01c3938fbab9', class: "picker-above-highlight" }), this.presented && this.columns.map((c) => hAsync("ion-picker-legacy-column", { col: c })), hAsync("div", { key: 'ec8b2f4de073a245f8917a494a681adf5d1f94f6', class: "picker-below-highlight" }))), hAsync("div", { key: '8557ce93083feefa5deb6097270d756424f89ab2', tabindex: "0", "aria-hidden": "true" })));
32348
+ [`picker-${theme}`]: true, 'overlay-hidden': true }, getClassMap(this.cssClass)), onIonBackdropTap: this.onBackdropTap, onIonPickerWillDismiss: this.dispatchCancelHandler }), hAsync("ion-backdrop", { key: 'da408d6f273dbdee101ee0fecd534122f3adae4b', visible: this.showBackdrop, tappable: this.backdropDismiss }), hAsync("div", { key: 'b2c0b56573828c54e6915c7134f8efdf6d3dd447', tabindex: "0", "aria-hidden": "true" }), hAsync("div", { key: '471ececc34bad0850caaaa7bc0617342e631c813', class: "picker-wrapper ion-overlay-wrapper", role: "dialog" }, hAsync("div", { key: '5a22a05ee03d39b89a0a40b4d8b1babc72fd0ec3', class: "picker-toolbar" }, this.buttons.map((b) => (hAsync("div", { class: buttonWrapperClass(b) }, hAsync("button", { type: "button", onClick: () => this.buttonClick(b), class: buttonClass$1(b) }, b.text))))), hAsync("div", { key: '779ff00e285f24b7b3a22a3a1f2bc73f81852301', class: "picker-columns" }, hAsync("div", { key: '317a4efb359487d4f4815696551c98c2ad2c9f6d', class: "picker-above-highlight" }), this.presented && this.columns.map((c) => hAsync("ion-picker-legacy-column", { col: c })), hAsync("div", { key: 'b38fcc0d168d8f41eac7b90aef48d2c7354e442a', class: "picker-below-highlight" }))), hAsync("div", { key: '05dbb5a72979c720eb1c2810e5023d402a2a16d0', tabindex: "0", "aria-hidden": "true" })));
32416
32349
  }
32417
32350
  get el() { return getElement(this); }
32418
32351
  static get watchers() { return {
@@ -33015,14 +32948,14 @@ class PickerColumn {
33015
32948
  render() {
33016
32949
  const { color, disabled, isActive, numericInput } = this;
33017
32950
  const theme = getIonTheme(this);
33018
- return (hAsync(Host, { key: 'f93a206d4f4b96bf4e574e5c920910ea22e1b447', class: createColorClasses$1(color, {
32951
+ return (hAsync(Host, { key: 'f59ee8a7743b67fc1d4ce7481157351eaf74b21e', class: createColorClasses$1(color, {
33019
32952
  [theme]: true,
33020
32953
  ['picker-column-active']: isActive,
33021
32954
  ['picker-column-numeric-input']: numericInput,
33022
32955
  ['picker-column-disabled']: disabled,
33023
- }) }, hAsync("slot", { key: 'c2954a494c50a907529dc71e6fb91092773ad8a6', name: "prefix" }), hAsync("div", { key: '1957b8a3a3835980bb22ea3b46b2cb5e6bcc2432', class: "picker-opts", ref: (el) => {
32956
+ }) }, hAsync("slot", { key: '1ff45d6f05c6f42e8ed0d453f1e40b37f438b6de', name: "prefix" }), hAsync("div", { key: '6c4fd1ef103fec93a0471d6e21baa75034869d55', class: "picker-opts", ref: (el) => {
33024
32957
  this.scrollEl = el;
33025
- }, role: "slider", tabindex: this.disabled ? undefined : 0, "aria-label": this.ariaLabel, "aria-valuemin": 0, "aria-valuemax": 0, "aria-valuenow": 0, "aria-valuetext": this.getOptionValueText(this.activeItem), "aria-orientation": "vertical", onKeyDown: (ev) => this.onKeyDown(ev) }, hAsync("div", { key: 'c7218ed79d73cef4de55b248d3a4808146e2eee4', class: "picker-item-empty", "aria-hidden": "true" }, "\u00A0"), hAsync("div", { key: '00d6c9dd149302d006a3a97b9ab61a5399196494', class: "picker-item-empty", "aria-hidden": "true" }, "\u00A0"), hAsync("div", { key: 'f47359409deae7f7d73c8a8a64bc23053efc20d9', class: "picker-item-empty", "aria-hidden": "true" }, "\u00A0"), hAsync("slot", { key: '791172a636d85a1b49c140066ce867a4f6e8403d' }), hAsync("div", { key: 'f442c5ab5d84acf7b41782fd2b3908ca68a4bd1e', class: "picker-item-empty", "aria-hidden": "true" }, "\u00A0"), hAsync("div", { key: 'b378ca562795326183353f35e328957ac592148c', class: "picker-item-empty", "aria-hidden": "true" }, "\u00A0"), hAsync("div", { key: 'f0c8e825cb890718389395b741aa1b7839dba1b1', class: "picker-item-empty", "aria-hidden": "true" }, "\u00A0")), hAsync("slot", { key: '6a11f3a2c46181d4b982a4d14170e71e3345973b', name: "suffix" })));
32958
+ }, role: "slider", tabindex: this.disabled ? undefined : 0, "aria-label": this.ariaLabel, "aria-valuemin": 0, "aria-valuemax": 0, "aria-valuenow": 0, "aria-valuetext": this.getOptionValueText(this.activeItem), "aria-orientation": "vertical", onKeyDown: (ev) => this.onKeyDown(ev) }, hAsync("div", { key: 'f6e9ac294387992f2d5160ec2b45ac9a721b445a', class: "picker-item-empty", "aria-hidden": "true" }, "\u00A0"), hAsync("div", { key: '6347e7fc94fb632e8718400e7a038d729ca72815', class: "picker-item-empty", "aria-hidden": "true" }, "\u00A0"), hAsync("div", { key: '742841d456509ca0d56cc5af3c0acd392ae0632d', class: "picker-item-empty", "aria-hidden": "true" }, "\u00A0"), hAsync("slot", { key: '0df7a93082ba62f9fe91bef9bf4771ad1c9859bd' }), hAsync("div", { key: 'f9a9f01478e51940c1547b94400b484839f0c6c0', class: "picker-item-empty", "aria-hidden": "true" }, "\u00A0"), hAsync("div", { key: '01363d1a5a052eb2aceb27339969e8fefaef7531', class: "picker-item-empty", "aria-hidden": "true" }, "\u00A0"), hAsync("div", { key: 'ef60f85fcc83ff6ee43555fdd5c5b27a50cf820b', class: "picker-item-empty", "aria-hidden": "true" }, "\u00A0")), hAsync("slot", { key: '1cdc5accbe0d0f33849d163f0fdcd67c5e4837ae', name: "suffix" })));
33026
32959
  }
33027
32960
  get el() { return getElement(this); }
33028
32961
  static get watchers() { return {
@@ -33390,9 +33323,9 @@ class PickerColumnCmp {
33390
33323
  render() {
33391
33324
  const col = this.col;
33392
33325
  const theme = getIonTheme(this);
33393
- return (hAsync(Host, { key: 'aed1c1a702e03765d704f6f563fe26df58e68bbf', class: Object.assign({ [theme]: true, 'picker-col': true, 'picker-opts-left': this.col.align === 'left', 'picker-opts-right': this.col.align === 'right' }, getClassMap(col.cssClass)), style: {
33326
+ return (hAsync(Host, { key: '5b6d8dc5f07aab52638415d5645d7f1b757b0143', class: Object.assign({ [theme]: true, 'picker-col': true, 'picker-opts-left': this.col.align === 'left', 'picker-opts-right': this.col.align === 'right' }, getClassMap(col.cssClass)), style: {
33394
33327
  'max-width': this.col.columnWidth,
33395
- } }, col.prefix && (hAsync("div", { key: 'a6fae778eec5d57dba4b36b3e448c5c12fe0688b', class: "picker-prefix", style: { width: col.prefixWidth } }, col.prefix)), hAsync("div", { key: '1b77354fe5eeeeb4db94fab035a9ef5e45d695ac', class: "picker-opts", style: { maxWidth: col.optionsWidth }, ref: (el) => (this.optsEl = el) }, col.options.map((o, index) => (hAsync("button", { "aria-label": o.ariaLabel, class: { 'picker-opt': true, 'picker-opt-disabled': !!o.disabled }, "opt-index": index }, o.text)))), col.suffix && (hAsync("div", { key: '105286ef7ba6eac0796f5af7d6f1daef7107444a', class: "picker-suffix", style: { width: col.suffixWidth } }, col.suffix))));
33328
+ } }, col.prefix && (hAsync("div", { key: '38aec7368a95d580870d6b18c5b588e6393e61c4', class: "picker-prefix", style: { width: col.prefixWidth } }, col.prefix)), hAsync("div", { key: 'ab861124d971cad93881e04b0240afa0ee5df1ae', class: "picker-opts", style: { maxWidth: col.optionsWidth }, ref: (el) => (this.optsEl = el) }, col.options.map((o, index) => (hAsync("button", { "aria-label": o.ariaLabel, class: { 'picker-opt': true, 'picker-opt-disabled': !!o.disabled }, "opt-index": index }, o.text)))), col.suffix && (hAsync("div", { key: '4c3bc8f9d46bf4c1501d0980516f698314e4f8be', class: "picker-suffix", style: { width: col.suffixWidth } }, col.suffix))));
33396
33329
  }
33397
33330
  get el() { return getElement(this); }
33398
33331
  static get watchers() { return {
@@ -33517,10 +33450,10 @@ class PickerColumnOption {
33517
33450
  render() {
33518
33451
  const { color, disabled, ariaLabel } = this;
33519
33452
  const theme = getIonTheme(this);
33520
- return (hAsync(Host, { key: 'fe9553e3157d35f5c28a3f2457715bd598ec1e00', class: createColorClasses$1(color, {
33453
+ return (hAsync(Host, { key: 'ca671f1d55775b5f2f92d0a0a76ee2cc6b0da684', class: createColorClasses$1(color, {
33521
33454
  [theme]: true,
33522
33455
  ['option-disabled']: disabled,
33523
- }) }, hAsync("div", { key: '9bc334f020012537144972b5a8a1aed7c35ccec5', class: 'picker-column-option-button', role: "button", "aria-label": ariaLabel, onClick: () => this.onClick() }, hAsync("slot", { key: 'bd076e43c98ad920486230684c7f63e7e0b187f8' }))));
33456
+ }) }, hAsync("div", { key: 'dc1d02a320e46e11b4cf981f03d240282d38e953', class: 'picker-column-option-button', role: "button", "aria-label": ariaLabel, onClick: () => this.onClick() }, hAsync("slot", { key: '0d8eeeafb99d0b27f0a53e8404708ed6f5d09f5a' }))));
33524
33457
  }
33525
33458
  get el() { return getElement(this); }
33526
33459
  static get watchers() { return {
@@ -35089,9 +35022,9 @@ class Popover {
35089
35022
  const { onLifecycle, parentPopover, dismissOnSelect, side, arrow, htmlAttributes, focusTrap } = this;
35090
35023
  const desktop = isPlatform('desktop');
35091
35024
  const enableArrow = arrow && !parentPopover;
35092
- return (hAsync(Host, Object.assign({ key: '3319e6ea7524a30478985c014634403aceedab6f', "aria-modal": "true", "no-router": true, tabindex: "-1" }, htmlAttributes, { style: {
35025
+ return (hAsync(Host, Object.assign({ key: '25b3729884cdc23f02cefe748d5bed47b7a5fa38', "aria-modal": "true", "no-router": true, tabindex: "-1" }, htmlAttributes, { style: {
35093
35026
  zIndex: `${20000 + this.overlayIndex}`,
35094
- }, class: Object.assign(Object.assign({}, getClassMap(this.cssClass)), { [theme]: true, 'popover-translucent': this.translucent, 'overlay-hidden': true, 'popover-desktop': desktop, [`popover-side-${side}`]: true, [FOCUS_TRAP_DISABLE_CLASS]: focusTrap === false, 'popover-nested': !!parentPopover }), onIonPopoverDidPresent: onLifecycle, onIonPopoverWillPresent: onLifecycle, onIonPopoverWillDismiss: onLifecycle, onIonPopoverDidDismiss: onLifecycle, onIonBackdropTap: this.onBackdropTap }), !parentPopover && hAsync("ion-backdrop", { key: '45265b1f8e5e6e822b3c8d4992039975c472b10b', tappable: this.backdropDismiss, visible: this.showBackdrop, part: "backdrop" }), hAsync("div", { key: '8707fb5c5b9523fd786c4e4d02d41dfb386be187', class: "popover-wrapper ion-overlay-wrapper", onClick: dismissOnSelect ? () => this.dismiss() : undefined }, enableArrow && hAsync("div", { key: '17bd682e56939ba10ab4b2ab3c9e916087a7e19a', class: "popover-arrow", part: "arrow" }), hAsync("div", { key: '02f1bd119d2ffecd2f2541969111fc6e156db9d3', class: "popover-content", part: "content" }, hAsync("slot", { key: 'dec29181eee87f28f731d6a0ba1ef3c81867d527' })))));
35027
+ }, class: Object.assign(Object.assign({}, getClassMap(this.cssClass)), { [theme]: true, 'popover-translucent': this.translucent, 'overlay-hidden': true, 'popover-desktop': desktop, [`popover-side-${side}`]: true, [FOCUS_TRAP_DISABLE_CLASS]: focusTrap === false, 'popover-nested': !!parentPopover }), onIonPopoverDidPresent: onLifecycle, onIonPopoverWillPresent: onLifecycle, onIonPopoverWillDismiss: onLifecycle, onIonPopoverDidDismiss: onLifecycle, onIonBackdropTap: this.onBackdropTap }), !parentPopover && hAsync("ion-backdrop", { key: '9b96606f71b1d41d737a62fcfd4756022d453405', tappable: this.backdropDismiss, visible: this.showBackdrop, part: "backdrop" }), hAsync("div", { key: 'a49a4271e58d966cb9f97ebe0b97f1749f99ba58', class: "popover-wrapper ion-overlay-wrapper", onClick: dismissOnSelect ? () => this.dismiss() : undefined }, enableArrow && hAsync("div", { key: '6386d13c525f9fd2829b13291e2b49afec26d156', class: "popover-arrow", part: "arrow" }), hAsync("div", { key: 'd45512ad6746fcdc0bf8188353943e62b77b18c9', class: "popover-content", part: "content" }, hAsync("slot", { key: '02ffde8e0aa104ab794c0b6fe748f1109c8dd6c7' })))));
35095
35028
  }
35096
35029
  get el() { return getElement(this); }
35097
35030
  static get watchers() { return {
@@ -35219,7 +35152,7 @@ class ProgressBar {
35219
35152
  const shape = this.getShape();
35220
35153
  // If the progress is displayed as a solid bar.
35221
35154
  const progressSolid = buffer === 1;
35222
- return (hAsync(Host, { key: '1cf02806b28a0d7b070e6f3616ea8f4c8ae4990a', role: "progressbar", "aria-valuenow": type === 'determinate' ? value : null, "aria-valuemin": "0", "aria-valuemax": "1", class: createColorClasses$1(color, {
35155
+ return (hAsync(Host, { key: 'c75842982bb4251237236aaa7c937a9078695c08', role: "progressbar", "aria-valuenow": type === 'determinate' ? value : null, "aria-valuemin": "0", "aria-valuemax": "1", class: createColorClasses$1(color, {
35223
35156
  [theme]: true,
35224
35157
  [`progress-bar-${type}`]: true,
35225
35158
  'progress-paused': paused,
@@ -35418,7 +35351,7 @@ class Radio {
35418
35351
  const theme = getIonTheme(this);
35419
35352
  const inItem = hostContext('ion-item', el);
35420
35353
  const inMultipleInputsItem = hostContext('ion-item.item-multiple-inputs', el);
35421
- return (hAsync(Host, { key: 'e2d5c0a52199f5c6ebf05a5178e9370f7df06717', onFocus: this.onFocus, onBlur: this.onBlur, onClick: this.onClick, class: createColorClasses$1(color, {
35354
+ return (hAsync(Host, { key: '47422f87a0d65a3e603ed8f7f0a7e02aea5a1184', onFocus: this.onFocus, onBlur: this.onBlur, onClick: this.onClick, class: createColorClasses$1(color, {
35422
35355
  [theme]: true,
35423
35356
  'in-item': inItem,
35424
35357
  'radio-checked': checked,
@@ -35431,10 +35364,10 @@ class Radio {
35431
35364
  // styling stays suppressed either way.
35432
35365
  'ion-activatable': !inItem,
35433
35366
  'ion-focusable': !inItem || inMultipleInputsItem,
35434
- }), role: "radio", "aria-checked": checked ? 'true' : 'false', "aria-disabled": disabled ? 'true' : null, tabindex: buttonTabindex }, hAsync("label", { key: '898d505c52ed530fac01b4ab81f0e697d538a520', class: "radio-wrapper" }, hAsync("div", { key: '8d2cc81c342ee4b10ac9eed9189be9b6fc594f38', class: {
35367
+ }), role: "radio", "aria-checked": checked ? 'true' : 'false', "aria-disabled": disabled ? 'true' : null, tabindex: buttonTabindex }, hAsync("label", { key: '2d52d730ffae0e44ec65d3238e74ddd445c05115', class: "radio-wrapper" }, hAsync("div", { key: 'fc8a01ea68f55d52e5d63814fc14340d40191dff', class: {
35435
35368
  'label-text-wrapper': true,
35436
35369
  'label-text-wrapper-hidden': !hasLabel,
35437
- }, part: "label" }, hAsync("slot", { key: '459439aeb1689cb7baff901d5b7a2ed96e98cf19' })), hAsync("div", { key: '3ec8b4de39f6c18ee43b956b6c031321e6844919', class: "native-wrapper" }, this.renderRadioControl()))));
35370
+ }, part: "label" }, hAsync("slot", { key: '0e6633cebfe68fba23d0a963e48cfa7beceb7606' })), hAsync("div", { key: 'bac442623fd79f800f469a5b9a66932d2335f652', class: "native-wrapper" }, this.renderRadioControl()))));
35438
35371
  }
35439
35372
  get el() { return getElement(this); }
35440
35373
  static get watchers() { return {
@@ -35704,10 +35637,10 @@ class RadioGroup {
35704
35637
  const { label, labelId, el, name, value } = this;
35705
35638
  const theme = getIonTheme(this);
35706
35639
  renderHiddenInput(true, el, name, value, false);
35707
- return (hAsync(Host, { key: '01aa69d37d97ff7395b5bbeabdc62d1ce535285c', class: {
35640
+ return (hAsync(Host, { key: 'd1e359e05c725ec694bafa71fa595ae0d9dd216a', class: {
35708
35641
  [theme]: true,
35709
35642
  'in-list': hostContext('ion-list', el),
35710
- }, role: "radiogroup", "aria-labelledby": label ? labelId : null, "aria-describedby": this.hintTextId, "aria-invalid": this.isInvalid ? 'true' : undefined, "data-roving-focus": true, onClick: this.onClick }, this.renderHintText(), hAsync("slot", { key: 'd2f5c174a88636020b8911cb6748b42f8b5d9fbe' })));
35643
+ }, role: "radiogroup", "aria-labelledby": label ? labelId : null, "aria-describedby": this.hintTextId, "aria-invalid": this.isInvalid ? 'true' : undefined, "data-roving-focus": true, onClick: this.onClick }, this.renderHintText(), hAsync("slot", { key: 'f1a63c2d99e8d05d6fd6e34363b000a5bf189e48' })));
35711
35644
  }
35712
35645
  get el() { return getElement(this); }
35713
35646
  static get watchers() { return {
@@ -36564,7 +36497,7 @@ class Range {
36564
36497
  const valueAtMin = dualKnobs ? this.valA === min || this.valB === min : this.valA === min;
36565
36498
  const valueAtMax = dualKnobs ? this.valA === max || this.valB === max : this.valA === max;
36566
36499
  renderHiddenInput(true, el, this.name, JSON.stringify(this.getValue()), disabled);
36567
- return (hAsync(Host, { key: 'f75205d524b67d46bae1f24ffdac4ac9da82d828', onFocusin: this.onFocus, onFocusout: this.onBlur, id: rangeId, class: createColorClasses$1(this.color, {
36500
+ return (hAsync(Host, { key: '1ccb19928863f3d692a3b0149d0f649efac6c3a5', onFocusin: this.onFocus, onFocusout: this.onBlur, id: rangeId, class: createColorClasses$1(this.color, {
36568
36501
  [theme]: true,
36569
36502
  'in-item': inItem,
36570
36503
  'range-disabled': disabled,
@@ -36578,10 +36511,10 @@ class Range {
36578
36511
  'range-item-end-adjustment': needsEndAdjustment,
36579
36512
  'range-value-min': valueAtMin,
36580
36513
  'range-value-max': valueAtMax,
36581
- }) }, hAsync("label", { key: 'cc211e38c7a2d99f5505160f9fe6f0c42aac9062', class: "range-wrapper", id: "range-label" }, hAsync("div", { key: 'ada76a626fc5b5e2af546146a796a485328d1e8e', class: {
36514
+ }) }, hAsync("label", { key: '140fa8b7aed65795b8f6a40cbc647205cc5eb8c9', class: "range-wrapper", id: "range-label" }, hAsync("div", { key: '40ac33d0731a7e461dcec459f75b03cfeb7191fa', class: {
36582
36515
  'label-text-wrapper': true,
36583
36516
  'label-text-wrapper-hidden': !hasLabel,
36584
- }, part: "label" }, label !== undefined ? hAsync("div", { class: "label-text" }, label) : hAsync("slot", { name: "label" })), hAsync("div", { key: '5d5f6b92c092fb3d337af98febbf090853dda6a5', class: "native-wrapper" }, hAsync("slot", { key: '6ed940e5b6f2c5ab5dfe56845709ac49bb75e431', name: "start" }), this.renderRangeSlider(), hAsync("slot", { key: 'c56264bade6f83d687ff3b875c908d018248d52c', name: "end" })))));
36517
+ }, part: "label" }, label !== undefined ? hAsync("div", { class: "label-text" }, label) : hAsync("slot", { name: "label" })), hAsync("div", { key: '2457ab03898e30bdd07a6eadfd2b900e02d48c32', class: "native-wrapper" }, hAsync("slot", { key: 'ad67e7aa33c6e1611df7b0cb18dd73f3622db95b', name: "start" }), this.renderRangeSlider(), hAsync("slot", { key: '3923f6803f9102836e80ba68a282d799e197edd3', name: "end" })))));
36585
36518
  }
36586
36519
  get el() { return getElement(this); }
36587
36520
  static get watchers() { return {
@@ -37686,7 +37619,7 @@ class Refresher {
37686
37619
  }
37687
37620
  render() {
37688
37621
  const theme = getIonTheme(this);
37689
- return (hAsync(Host, { key: '78f631741a018b8348a5520ab0e6e2cb4d71ef8d', slot: "fixed", class: {
37622
+ return (hAsync(Host, { key: '5e131046ccb469eddeb76ff64032bb70cbaba68d', slot: "fixed", class: {
37690
37623
  [theme]: true,
37691
37624
  // Used internally for styling
37692
37625
  [`refresher-${theme}`]: true,
@@ -37732,8 +37665,6 @@ class Refresher {
37732
37665
  }; }
37733
37666
  }
37734
37667
 
37735
- const caretLeftFillSvg = 'data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyNTYgMjU2IiBmaWxsPSJjdXJyZW50Q29sb3IiPjxwYXRoIGQ9Ik0xNjgsNDhWMjA4YTgsOCwwLDAsMS0xMy42Niw1LjY2bC04MC04MGE4LDgsMCwwLDEsMC0xMS4zMmw4MC04MEE4LDgsMCwwLDEsMTY4LDQ4WiIvPjwvc3ZnPg==';
37736
-
37737
37668
  const spinners = {
37738
37669
  bubbles: {
37739
37670
  dur: 1000,
@@ -37906,6 +37837,14 @@ class RefresherContent {
37906
37837
  this.refreshingSpinner = config.get('refreshingSpinner', config.get('spinner', theme === 'ios' ? 'lines' : 'circular'));
37907
37838
  }
37908
37839
  }
37840
+ /**
37841
+ * Get the icon to use for the arrow icon.
37842
+ * Use the icon set in the config.
37843
+ * If no icon is set in the config, use the default icon.
37844
+ */
37845
+ get refresherArrowIcon() {
37846
+ return config.get('refresherArrowIcon', caretBackSharp);
37847
+ }
37909
37848
  renderPullingText() {
37910
37849
  const { customHTMLEnabled, pullingText } = this;
37911
37850
  if (customHTMLEnabled) {
@@ -37924,10 +37863,9 @@ class RefresherContent {
37924
37863
  const pullingIcon = this.pullingIcon;
37925
37864
  const hasSpinner = pullingIcon != null && SPINNERS[pullingIcon] !== undefined;
37926
37865
  const theme = getIonTheme(this);
37927
- const arrowIcon = theme === 'ionic' ? caretLeftFillSvg : caretBackSharp;
37928
- return (hAsync(Host, { key: '3d2d138e485b3b2beae47b9ea4e140f0b9647434', class: {
37866
+ return (hAsync(Host, { key: 'ebbda8efbc9e4aa5524c99909237c19d646a7fb7', class: {
37929
37867
  [theme]: true,
37930
- } }, hAsync("div", { key: 'd0c950b65a37a75b795503574a980cdb61f674e1', class: "refresher-pulling" }, this.pullingIcon && hasSpinner && (hAsync("div", { key: '8c6e27b2fb134c21fb7e8864433802a95ba0f328', class: "refresher-pulling-icon" }, hAsync("div", { key: '0a947b7779502780f2c835f8686f3a06e21a9194', class: "spinner-arrow-container" }, hAsync("ion-spinner", { key: '59c129077809add46b7fe6dcf5fc0edbb1cc94d5', name: this.pullingIcon, paused: true }), (theme === 'md' || theme === 'ionic') && this.pullingIcon === 'circular' && (hAsync("div", { key: 'a28750ed07d9337febbceb5550683eb1c302858c', class: "arrow-container" }, hAsync("ion-icon", { key: 'e14e3b9f9ad51ce3a138a191a848078bd423fa9b', icon: arrowIcon, "aria-hidden": "true" })))))), this.pullingIcon && !hasSpinner && (hAsync("div", { key: '22c4c80ef1e340a8ec9ca718849b412a09507967', class: "refresher-pulling-icon" }, hAsync("ion-icon", { key: '6506d0dd30bf639a23cda57c6d1c2a9c29e42ed6', icon: this.pullingIcon, lazy: false, "aria-hidden": "true" }))), this.pullingText !== undefined && this.renderPullingText()), hAsync("div", { key: 'a54967c5f539ed182106b1c5fa7b499de84c049a', class: "refresher-refreshing" }, this.refreshingSpinner && (hAsync("div", { key: '2e425f66d780e90474b8ebf7473b9f7c98f30c81', class: "refresher-refreshing-icon" }, hAsync("ion-spinner", { key: '286b9b9cce1cb4450ffa5577f0b76044877722ce', name: this.refreshingSpinner }))), this.refreshingText !== undefined && this.renderRefreshingText())));
37868
+ } }, hAsync("div", { key: '6a021cc599f6a6cd144db10bd4cde6e9848fabc0', class: "refresher-pulling" }, this.pullingIcon && hasSpinner && (hAsync("div", { key: '87dbb70b24d63ad85c25eff4bb395e6edae0992f', class: "refresher-pulling-icon" }, hAsync("div", { key: '79eb679cc7dbded104e3530d3363249fcb793277', class: "spinner-arrow-container" }, hAsync("ion-spinner", { key: '0c00749f3c3c5e3385625bf5e2d0783f4755a6c4', name: this.pullingIcon, paused: true }), (theme === 'md' || theme === 'ionic') && this.pullingIcon === 'circular' && (hAsync("div", { key: '261137c24f1503d299c0cb8e8f1e414cd932015a', class: "arrow-container" }, hAsync("ion-icon", { key: 'd7e58abb7c50c1e7aec92173d499890d7169c9ed', icon: this.refresherArrowIcon, "aria-hidden": "true" })))))), this.pullingIcon && !hasSpinner && (hAsync("div", { key: '2327fe1bc559ab3215cd6421d6d0954fdc7c5a66', class: "refresher-pulling-icon" }, hAsync("ion-icon", { key: '55db851c6a453a5744b5edfb7f74fcb31c3e187c', icon: this.pullingIcon, lazy: false, "aria-hidden": "true" }))), this.pullingText !== undefined && this.renderPullingText()), hAsync("div", { key: '3308f0bed5f8a95b1c3e896aef2d6ce114f5f8f8', class: "refresher-refreshing" }, this.refreshingSpinner && (hAsync("div", { key: 'cffb9ff9170c76ea9289b007f7728cb8906eff21', class: "refresher-refreshing-icon" }, hAsync("ion-spinner", { key: 'c96f1b252918e7e72ef062cd46abfe02788e592f', name: this.refreshingSpinner }))), this.refreshingText !== undefined && this.renderRefreshingText())));
37931
37869
  }
37932
37870
  get el() { return getElement(this); }
37933
37871
  static get style() { return {
@@ -37977,28 +37915,22 @@ class Reorder {
37977
37915
  }
37978
37916
  /**
37979
37917
  * Get the icon to use for the handle icon.
37980
- * Otherwise, use the icon set in the config.
37918
+ * Use the icon set in the config.
37981
37919
  * If no icon is set in the config, use the default icon.
37982
37920
  */
37983
37921
  get reorderHandleIcon() {
37984
- // Determine the theme and map to default icons
37922
+ // Determine the theme and map to the default icon
37985
37923
  const theme = getIonTheme(this);
37986
- const defaultIcons = {
37987
- ios: reorderThreeOutline,
37988
- ionic: listSvg,
37989
- md: reorderTwoSharp,
37990
- };
37991
- // Get the default icon based on the theme, falling back to 'md' icon if necessary
37992
- const defaultIcon = defaultIcons[theme] || defaultIcons.md;
37924
+ const defaultIcon = theme === 'ios' ? reorderThreeOutline : reorderTwoSharp;
37993
37925
  // Return the configured reorder handle icon or the default icon
37994
37926
  return config.get('reorderHandleIcon', defaultIcon);
37995
37927
  }
37996
37928
  render() {
37997
37929
  const { reorderHandleIcon } = this;
37998
37930
  const theme = getIonTheme(this);
37999
- return (hAsync(Host, { key: 'bc0b4cd34db6dfe794ab66a785d406bfc02236c5', class: {
37931
+ return (hAsync(Host, { key: '39735fa6f82677712606ddea0a5c5b120c448971', class: {
38000
37932
  [theme]: true,
38001
- } }, hAsync("slot", { key: '28672768be8598b7cb47b7b2837b77afbc2c2e14' }, hAsync("ion-icon", { key: '03b6620768da18a6f8cb0c55e94b85a53cbab66a', icon: reorderHandleIcon, lazy: false, class: "reorder-icon", part: "icon", "aria-hidden": "true" }))));
37933
+ } }, hAsync("slot", { key: '74386ffc2e03773891344cc391656d47e1d4ea05' }, hAsync("ion-icon", { key: '4e0b629cbeb9b6374547e67ecfe75177e0fcfaba', icon: reorderHandleIcon, lazy: false, class: "reorder-icon", part: "icon", "aria-hidden": "true" }))));
38002
37934
  }
38003
37935
  get el() { return getElement(this); }
38004
37936
  static get style() { return {
@@ -38274,7 +38206,7 @@ class ReorderGroup {
38274
38206
  }
38275
38207
  render() {
38276
38208
  const theme = getIonTheme(this);
38277
- return (hAsync(Host, { key: 'c095e5428be9f446f245d37a12653978bb2bc2b6', class: {
38209
+ return (hAsync(Host, { key: 'a8ccffc0c43e57ceee4da7715a0ebb27ab6cff7e', class: {
38278
38210
  [theme]: true,
38279
38211
  'reorder-enabled': !this.disabled,
38280
38212
  'reorder-list-active': this.state !== 0 /* ReorderGroupState.Idle */,
@@ -38400,7 +38332,7 @@ class RippleEffect {
38400
38332
  }
38401
38333
  render() {
38402
38334
  const theme = getIonTheme(this);
38403
- return (hAsync(Host, { key: '51fe7517d41c643bd4e746f366f513c42dac17dc', role: "presentation", class: {
38335
+ return (hAsync(Host, { key: '4c2a62db69e38712857f896dcc786081dcf5fa69', role: "presentation", class: {
38404
38336
  [theme]: true,
38405
38337
  unbounded: this.unbounded,
38406
38338
  } }));
@@ -39550,10 +39482,10 @@ class RouterLink {
39550
39482
  rel: this.rel,
39551
39483
  target: this.target,
39552
39484
  };
39553
- return (hAsync(Host, { key: '84efbafddc586ee3f616d4e1a13118c04d9b2753', onClick: this.onClick, class: createColorClasses$1(this.color, {
39485
+ return (hAsync(Host, { key: 'f2705887002b0483ec237a211a5b167b79791334', onClick: this.onClick, class: createColorClasses$1(this.color, {
39554
39486
  [theme]: true,
39555
39487
  'ion-activatable': true,
39556
- }) }, hAsync("a", Object.assign({ key: 'e8c7cda4c00ec45548ea52b632bc4adb07f9460c' }, attrs), hAsync("slot", { key: '133bf1203a3e218e3868b4cfda00bb753ecea946' }))));
39488
+ }) }, hAsync("a", Object.assign({ key: 'a08726ba3bcbc96531791d9cef48e7f29bcb26c8' }, attrs), hAsync("slot", { key: '58b8c8151ee0b16cad43f1f2930c39bac1ab2396' }))));
39557
39489
  }
39558
39490
  static get style() { return routerLinkCss(); }
39559
39491
  static get cmpMeta() { return {
@@ -39753,7 +39685,7 @@ class RouterOutlet {
39753
39685
  return true;
39754
39686
  }
39755
39687
  render() {
39756
- return hAsync("slot", { key: '56e3d06ed939755796058e30ef19fbc7f7cb490d' });
39688
+ return hAsync("slot", { key: 'ad5a4dfb30e9b6942131580c6f1b09cf562a1d8e' });
39757
39689
  }
39758
39690
  get el() { return getElement(this); }
39759
39691
  static get watchers() { return {
@@ -39793,9 +39725,9 @@ class Row {
39793
39725
  }
39794
39726
  render() {
39795
39727
  const theme = getIonTheme(this);
39796
- return (hAsync(Host, { key: '3a3c40062d2d0487c61dedbb172215b87bb425b1', class: {
39728
+ return (hAsync(Host, { key: '5b29da33f0c81c893d28dcd7a5709f990955f184', class: {
39797
39729
  [theme]: true,
39798
- } }, hAsync("slot", { key: '164f457f6f7853ed8f7279d20bc6ede6cf9d3e5c' })));
39730
+ } }, hAsync("slot", { key: 'ca96c5069a1c7f757c68730717083db2e1348dd4' })));
39799
39731
  }
39800
39732
  static get style() { return rowCss(); }
39801
39733
  static get cmpMeta() { return {
@@ -39808,10 +39740,6 @@ class Row {
39808
39740
  }; }
39809
39741
  }
39810
39742
 
39811
- const arrowLeftSvg = 'data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyNTYgMjU2IiBmaWxsPSJjdXJyZW50Q29sb3IiPjxwYXRoIGQ9Ik0yMjQsMTI4YTgsOCwwLDAsMS04LDhINTkuMzFsNTguMzUsNTguMzRhOCw4LDAsMCwxLTExLjMyLDExLjMybC03Mi03MmE4LDgsMCwwLDEsMC0xMS4zMmw3Mi03MmE4LDgsMCwwLDEsMTEuMzIsMTEuMzJMNTkuMzEsMTIwSDIxNkE4LDgsMCwwLDEsMjI0LDEyOFoiLz48L3N2Zz4=';
39812
-
39813
- const magnifyingGlassSvg = 'data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyNTYgMjU2IiBmaWxsPSJjdXJyZW50Q29sb3IiPjxwYXRoIGQ9Ik0yMjkuNjYsMjE4LjM0bC01MC4wNy01MC4wNmE4OC4xMSw4OC4xMSwwLDEsMC0xMS4zMSwxMS4zMWw1MC4wNiw1MC4wN2E4LDgsMCwwLDAsMTEuMzItMTEuMzJaTTQwLDExMmE3Miw3MiwwLDEsMSw3Miw3MkE3Mi4wOCw3Mi4wOCwwLDAsMSw0MCwxMTJaIi8+PC9zdmc+';
39814
-
39815
39743
  const searchbarIonicCss = () => `.sc-ion-searchbar-ionic-h{--placeholder-color:initial;--placeholder-font-style:initial;--placeholder-font-weight:initial;--placeholder-opacity:var(--ion-placeholder-opacity, 1);-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);-webkit-box-sizing:border-box;box-sizing:border-box}.searchbar-search-icon.sc-ion-searchbar-ionic{color:var(--icon-color);pointer-events:none}.searchbar-input-container.sc-ion-searchbar-ionic{display:block;position:relative;-ms-flex-negative:1;flex-shrink:1;width:100%}.searchbar-input.sc-ion-searchbar-ionic{color:inherit;font-family:inherit;font-size:inherit;font-style:inherit;font-weight:inherit;letter-spacing:inherit;text-align:inherit;text-decoration:inherit;text-indent:inherit;text-overflow:inherit;text-transform:inherit;white-space: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-ionic::-webkit-input-placeholder{color:var(--placeholder-color);font-family:inherit;font-style:var(--placeholder-font-style);font-weight:var(--placeholder-font-weight);opacity:var(--placeholder-opacity)}.searchbar-input.sc-ion-searchbar-ionic::-moz-placeholder{color:var(--placeholder-color);font-family:inherit;font-style:var(--placeholder-font-style);font-weight:var(--placeholder-font-weight);opacity:var(--placeholder-opacity)}.searchbar-input.sc-ion-searchbar-ionic:-ms-input-placeholder{color:var(--placeholder-color);font-family:inherit;font-style:var(--placeholder-font-style);font-weight:var(--placeholder-font-weight);opacity:var(--placeholder-opacity)}.searchbar-input.sc-ion-searchbar-ionic::-ms-input-placeholder{color:var(--placeholder-color);font-family:inherit;font-style:var(--placeholder-font-style);font-weight:var(--placeholder-font-weight);opacity:var(--placeholder-opacity)}.searchbar-input.sc-ion-searchbar-ionic::placeholder{color:var(--placeholder-color);font-family:inherit;font-style:var(--placeholder-font-style);font-weight:var(--placeholder-font-weight);opacity:var(--placeholder-opacity)}.searchbar-input.sc-ion-searchbar-ionic::-webkit-search-cancel-button,.searchbar-input.sc-ion-searchbar-ionic::-ms-clear{display:none}.searchbar-cancel-button.sc-ion-searchbar-ionic{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-ionic>div.sc-ion-searchbar-ionic{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-ionic{margin-left:0;margin-right:0;margin-top:0;margin-bottom:0;padding-left:0;padding-right:0;padding-top:0;padding-bottom:0;display: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-ionic:focus{opacity:0.5}.searchbar-has-value.searchbar-should-show-clear.sc-ion-searchbar-ionic-h .searchbar-clear-button.sc-ion-searchbar-ionic{display:block}.sc-ion-searchbar-ionic-h{--background:var(--token-bg-neutral-subtle-default, var(--token-primitives-neutral-200, #eae9e9));--border-radius:var(--token-border-radius-400, var(--token-scale-400, 16px));--box-shadow:none;--cancel-button-color:var(--token-primitives-neutral-800, #626262);--clear-button-color:var(--token-primitives-neutral-1000, #3b3b3b);--color:var(--token-text-default, var(--token-primitives-neutral-1200, #242424));--icon-color:var(--token-icon-subtlest, var(--token-primitives-neutral-800, #626262));--placeholder-color:var(--token-text-subtlest, var(--token-primitives-neutral-800, #626262));--focus-ring-color:var(--token-border-focus-default, var(--token-primitives-blue-400, #b5c0f7));--focus-ring-width:var(--token-border-size-050, var(--token-scale-050, 2px));font-size:var(--token-font-size-350, 0.875rem);font-weight:var(--token-font-weight-regular, 400);letter-spacing:var(--token-font-letter-spacing-0, 0%);line-height:var(--token-font-line-height-600, var(--token-scale-600, 24px));text-decoration:none;text-transform:none;padding-left:0;padding-right:0;padding-top:0;padding-bottom:0}.searchbar-search-icon.sc-ion-searchbar-ionic{font-size:var(--token-font-size-400, 1rem)}.searchbar-input.sc-ion-searchbar-ionic{padding-top:var(--token-space-300, var(--token-scale-300, 12px));padding-bottom:var(--token-space-300, var(--token-scale-300, 12px));text-overflow:ellipsis;contain:strict}.searchbar-clear-button.sc-ion-searchbar-ionic{width:var(--token-scale-400, 16px);height:var(--token-scale-400, 16px);background-color:transparent;font-size:var(--token-font-size-400, 1rem);contain:strict}.searchbar-cancel-button.sc-ion-searchbar-ionic{width:var(--token-scale-400, 16px);height:var(--token-scale-400, 16px);background-color:transparent;font-size:var(--token-font-size-400, 1rem)}.searchbar-search-icon.sc-ion-searchbar-ionic,.searchbar-clear-button.sc-ion-searchbar-ionic,.searchbar-cancel-button.sc-ion-searchbar-ionic{top:50%;position:absolute;-webkit-transform:translateY(-50%);transform:translateY(-50%)}.searchbar-clear-button.sc-ion-searchbar-ionic:focus-visible,.searchbar-cancel-button.sc-ion-searchbar-ionic:focus-visible ion-icon.sc-ion-searchbar-ionic{border-radius:var(--token-border-radius-100, var(--token-scale-100, 4px));outline:var(--token-border-size-050, var(--token-scale-050, 2px)) var(--token-border-style-solid, solid) var(--token-border-focus-default, var(--token-primitives-blue-400, #b5c0f7));opacity:1}.searchbar-has-value.sc-ion-searchbar-ionic-h{--icon-color:var(--token-icon-default, var(--token-primitives-neutral-1200, #242424))}.in-toolbar.searchbar-should-show-cancel.sc-ion-searchbar-ionic-h .searchbar-cancel-button.sc-ion-searchbar-ionic{inset-inline-start:var(--token-space-200, var(--token-scale-200, 8px))}.sc-ion-searchbar-ionic-h:hover{--background:var(--token-primitives-neutral-200, #eae9e9)}.searchbar-has-focus.sc-ion-searchbar-ionic-h .searchbar-input.sc-ion-searchbar-ionic{outline:var(--focus-ring-width) var(--token-border-style-solid, solid) var(--focus-ring-color)}.searchbar-has-focus.sc-ion-searchbar-ionic-h .searchbar-search-icon.sc-ion-searchbar-ionic,.searchbar-has-focus.sc-ion-searchbar-ionic-h .searchbar-cancel-button.sc-ion-searchbar-ionic,.searchbar-should-show-cancel.sc-ion-searchbar-ionic-h .searchbar-cancel-button.sc-ion-searchbar-ionic{display:block}.searchbar-has-focus.sc-ion-searchbar-ionic-h .searchbar-cancel-button.sc-ion-searchbar-ionic+.searchbar-search-icon.sc-ion-searchbar-ionic,.searchbar-should-show-cancel.sc-ion-searchbar-ionic-h .searchbar-cancel-button.sc-ion-searchbar-ionic+.searchbar-search-icon.sc-ion-searchbar-ionic{display:none}.searchbar-disabled.sc-ion-searchbar-ionic-h{--color:var(--token-primitives-neutral-500, #a2a2a2);--icon-color:var(--token-icon-disabled, var(--token-primitives-neutral-500, #a2a2a2));--placeholder-color:var(--token-text-disabled, var(--token-primitives-neutral-500, #a2a2a2));cursor:default;pointer-events:none}.searchbar-shape-soft.sc-ion-searchbar-ionic-h{--border-radius:var(--token-border-radius-200, var(--token-scale-200, 8px))}.searchbar-shape-round.sc-ion-searchbar-ionic-h{--border-radius:var(--token-border-radius-400, var(--token-scale-400, 16px))}.searchbar-shape-rectangular.sc-ion-searchbar-ionic-h{--border-radius:var(--token-border-radius-0, var(--token-scale-0, 0px))}.searchbar-size-small.sc-ion-searchbar-ionic-h .searchbar-input.sc-ion-searchbar-ionic{-webkit-padding-start:var(--token-space-300, var(--token-scale-300, 12px));padding-inline-start:var(--token-space-300, var(--token-scale-300, 12px));-webkit-padding-end:var(--token-space-300, var(--token-scale-300, 12px));padding-inline-end:var(--token-space-300, var(--token-scale-300, 12px));height:var(--token-scale-1000, 40px)}.searchbar-size-small.searchbar-should-show-search-icon.sc-ion-searchbar-ionic-h .searchbar-input.sc-ion-searchbar-ionic,.searchbar-size-small.searchbar-should-show-cancel.sc-ion-searchbar-ionic-h .searchbar-input.sc-ion-searchbar-ionic{-webkit-padding-start:calc(var(--token-space-300, var(--token-scale-300, 12px)) + var(--token-scale-400, 16px) + var(--token-space-200, var(--token-scale-200, 8px)));padding-inline-start:calc(var(--token-space-300, var(--token-scale-300, 12px)) + var(--token-scale-400, 16px) + var(--token-space-200, var(--token-scale-200, 8px)));-webkit-padding-end:var(--token-space-300, var(--token-scale-300, 12px));padding-inline-end:var(--token-space-300, var(--token-scale-300, 12px))}.searchbar-size-small.searchbar-should-show-search-icon.searchbar-should-show-clear.sc-ion-searchbar-ionic-h .searchbar-input.sc-ion-searchbar-ionic,.searchbar-size-small.searchbar-should-show-cancel.searchbar-should-show-clear.sc-ion-searchbar-ionic-h .searchbar-input.sc-ion-searchbar-ionic{-webkit-padding-start:calc(var(--token-space-300, var(--token-scale-300, 12px)) + var(--token-scale-400, 16px) + var(--token-space-200, var(--token-scale-200, 8px)));padding-inline-start:calc(var(--token-space-300, var(--token-scale-300, 12px)) + var(--token-scale-400, 16px) + var(--token-space-200, var(--token-scale-200, 8px)));-webkit-padding-end:calc(var(--token-space-300, var(--token-scale-300, 12px)) + var(--token-scale-400, 16px) + var(--token-space-200, var(--token-scale-200, 8px)));padding-inline-end:calc(var(--token-space-300, var(--token-scale-300, 12px)) + var(--token-scale-400, 16px) + var(--token-space-200, var(--token-scale-200, 8px)))}.searchbar-size-small.searchbar-should-show-clear.sc-ion-searchbar-ionic-h .searchbar-input.sc-ion-searchbar-ionic{-webkit-padding-start:var(--token-space-300, var(--token-scale-300, 12px));padding-inline-start:var(--token-space-300, var(--token-scale-300, 12px));-webkit-padding-end:calc(var(--token-space-300, var(--token-scale-300, 12px)) + var(--token-scale-400, 16px) + var(--token-space-200, var(--token-scale-200, 8px)));padding-inline-end:calc(var(--token-space-300, var(--token-scale-300, 12px)) + var(--token-scale-400, 16px) + var(--token-space-200, var(--token-scale-200, 8px)))}.searchbar-size-small.sc-ion-searchbar-ionic-h .searchbar-search-icon.sc-ion-searchbar-ionic,.searchbar-size-small.sc-ion-searchbar-ionic-h .searchbar-cancel-button.sc-ion-searchbar-ionic{inset-inline-start:var(--token-space-300, var(--token-scale-300, 12px))}.searchbar-size-small.sc-ion-searchbar-ionic-h .searchbar-clear-button.sc-ion-searchbar-ionic{inset-inline-end:var(--token-space-300, var(--token-scale-300, 12px))}.searchbar-size-medium.sc-ion-searchbar-ionic-h .searchbar-input.sc-ion-searchbar-ionic{-webkit-padding-start:var(--token-space-400, var(--token-scale-400, 16px));padding-inline-start:var(--token-space-400, var(--token-scale-400, 16px));-webkit-padding-end:var(--token-space-400, var(--token-scale-400, 16px));padding-inline-end:var(--token-space-400, var(--token-scale-400, 16px));height:var(--token-scale-1200, 48px)}.searchbar-size-medium.searchbar-should-show-search-icon.sc-ion-searchbar-ionic-h .searchbar-input.sc-ion-searchbar-ionic,.searchbar-size-medium.searchbar-should-show-cancel.sc-ion-searchbar-ionic-h .searchbar-input.sc-ion-searchbar-ionic{-webkit-padding-start:calc(var(--token-space-400, var(--token-scale-400, 16px)) + var(--token-scale-400, 16px) + var(--token-space-200, var(--token-scale-200, 8px)));padding-inline-start:calc(var(--token-space-400, var(--token-scale-400, 16px)) + var(--token-scale-400, 16px) + var(--token-space-200, var(--token-scale-200, 8px)));-webkit-padding-end:var(--token-space-400, var(--token-scale-400, 16px));padding-inline-end:var(--token-space-400, var(--token-scale-400, 16px))}.searchbar-size-medium.searchbar-should-show-search-icon.searchbar-should-show-clear.sc-ion-searchbar-ionic-h .searchbar-input.sc-ion-searchbar-ionic,.searchbar-size-medium.searchbar-should-show-cancel.searchbar-should-show-clear.sc-ion-searchbar-ionic-h .searchbar-input.sc-ion-searchbar-ionic{-webkit-padding-start:calc(var(--token-space-400, var(--token-scale-400, 16px)) + var(--token-scale-400, 16px) + var(--token-space-200, var(--token-scale-200, 8px)));padding-inline-start:calc(var(--token-space-400, var(--token-scale-400, 16px)) + var(--token-scale-400, 16px) + var(--token-space-200, var(--token-scale-200, 8px)));-webkit-padding-end:calc(var(--token-space-400, var(--token-scale-400, 16px)) + var(--token-scale-400, 16px) + var(--token-space-200, var(--token-scale-200, 8px)));padding-inline-end:calc(var(--token-space-400, var(--token-scale-400, 16px)) + var(--token-scale-400, 16px) + var(--token-space-200, var(--token-scale-200, 8px)))}.searchbar-size-medium.searchbar-should-show-clear.sc-ion-searchbar-ionic-h .searchbar-input.sc-ion-searchbar-ionic{-webkit-padding-start:var(--token-space-400, var(--token-scale-400, 16px));padding-inline-start:var(--token-space-400, var(--token-scale-400, 16px));-webkit-padding-end:calc(var(--token-space-400, var(--token-scale-400, 16px)) + var(--token-scale-400, 16px) + var(--token-space-200, var(--token-scale-200, 8px)));padding-inline-end:calc(var(--token-space-400, var(--token-scale-400, 16px)) + var(--token-scale-400, 16px) + var(--token-space-200, var(--token-scale-200, 8px)))}.searchbar-size-medium.sc-ion-searchbar-ionic-h .searchbar-search-icon.sc-ion-searchbar-ionic,.searchbar-size-medium.sc-ion-searchbar-ionic-h .searchbar-cancel-button.sc-ion-searchbar-ionic{inset-inline-start:var(--token-space-400, var(--token-scale-400, 16px))}.searchbar-size-medium.sc-ion-searchbar-ionic-h .searchbar-clear-button.sc-ion-searchbar-ionic{inset-inline-end:var(--token-space-400, var(--token-scale-400, 16px))}.in-toolbar.searchbar-size-small.searchbar-should-show-cancel.sc-ion-searchbar-ionic-h .searchbar-input.sc-ion-searchbar-ionic,.in-toolbar.searchbar-size-medium.searchbar-should-show-cancel.sc-ion-searchbar-ionic-h .searchbar-input.sc-ion-searchbar-ionic{-webkit-padding-start:var(--token-space-800, var(--token-scale-800, 32px));padding-inline-start:var(--token-space-800, var(--token-scale-800, 32px))}.searchbar-size-large.sc-ion-searchbar-ionic-h .searchbar-search-icon.sc-ion-searchbar-ionic,.searchbar-size-large.sc-ion-searchbar-ionic-h .searchbar-cancel-button.sc-ion-searchbar-ionic{width:var(--token-scale-500, 20px);height:var(--token-scale-500, 20px);font-size:var(--token-font-size-500, 1.25rem)}.searchbar-size-large.sc-ion-searchbar-ionic-h .searchbar-input.sc-ion-searchbar-ionic{padding-top:var(--token-space-400, var(--token-scale-400, 16px));padding-bottom:var(--token-space-400, var(--token-scale-400, 16px));-webkit-padding-start:var(--token-space-500, var(--token-scale-500, 20px));padding-inline-start:var(--token-space-500, var(--token-scale-500, 20px));-webkit-padding-end:var(--token-space-500, var(--token-scale-500, 20px));padding-inline-end:var(--token-space-500, var(--token-scale-500, 20px));height:var(--token-scale-1400, 56px)}.searchbar-size-large.searchbar-should-show-search-icon.sc-ion-searchbar-ionic-h .searchbar-input.sc-ion-searchbar-ionic,.searchbar-size-large.searchbar-should-show-cancel.sc-ion-searchbar-ionic-h .searchbar-input.sc-ion-searchbar-ionic{-webkit-padding-start:calc(var(--token-space-500, var(--token-scale-500, 20px)) + var(--token-scale-500, 20px) + var(--token-space-200, var(--token-scale-200, 8px)));padding-inline-start:calc(var(--token-space-500, var(--token-scale-500, 20px)) + var(--token-scale-500, 20px) + var(--token-space-200, var(--token-scale-200, 8px)));-webkit-padding-end:var(--token-space-500, var(--token-scale-500, 20px));padding-inline-end:var(--token-space-500, var(--token-scale-500, 20px))}.searchbar-size-large.searchbar-should-show-search-icon.searchbar-should-show-clear.sc-ion-searchbar-ionic-h .searchbar-input.sc-ion-searchbar-ionic,.searchbar-size-large.searchbar-should-show-cancel.searchbar-should-show-clear.sc-ion-searchbar-ionic-h .searchbar-input.sc-ion-searchbar-ionic{-webkit-padding-start:calc(var(--token-space-500, var(--token-scale-500, 20px)) + var(--token-scale-500, 20px) + var(--token-space-200, var(--token-scale-200, 8px)));padding-inline-start:calc(var(--token-space-500, var(--token-scale-500, 20px)) + var(--token-scale-500, 20px) + var(--token-space-200, var(--token-scale-200, 8px)));-webkit-padding-end:calc(var(--token-space-500, var(--token-scale-500, 20px)) + var(--token-scale-400, 16px) + var(--token-space-200, var(--token-scale-200, 8px)));padding-inline-end:calc(var(--token-space-500, var(--token-scale-500, 20px)) + var(--token-scale-400, 16px) + var(--token-space-200, var(--token-scale-200, 8px)))}.searchbar-size-large.searchbar-should-show-clear.sc-ion-searchbar-ionic-h .searchbar-input.sc-ion-searchbar-ionic{-webkit-padding-start:var(--token-space-500, var(--token-scale-500, 20px));padding-inline-start:var(--token-space-500, var(--token-scale-500, 20px));-webkit-padding-end:calc(var(--token-space-500, var(--token-scale-500, 20px)) + var(--token-scale-400, 16px) + var(--token-space-200, var(--token-scale-200, 8px)));padding-inline-end:calc(var(--token-space-500, var(--token-scale-500, 20px)) + var(--token-scale-400, 16px) + var(--token-space-200, var(--token-scale-200, 8px)))}.in-toolbar.searchbar-size-large.searchbar-should-show-cancel.sc-ion-searchbar-ionic-h .searchbar-input.sc-ion-searchbar-ionic{-webkit-padding-start:var(--token-space-900, var(--token-scale-900, 36px));padding-inline-start:var(--token-space-900, var(--token-scale-900, 36px))}.searchbar-size-large.sc-ion-searchbar-ionic-h .searchbar-search-icon.sc-ion-searchbar-ionic,.searchbar-size-large.sc-ion-searchbar-ionic-h .searchbar-cancel-button.sc-ion-searchbar-ionic{inset-inline-start:var(--token-space-500, var(--token-scale-500, 20px))}.searchbar-size-large.sc-ion-searchbar-ionic-h .searchbar-clear-button.sc-ion-searchbar-ionic{inset-inline-end:var(--token-space-500, var(--token-scale-500, 20px))}`;
39816
39744
 
39817
39745
  const searchbarIosCss = () => `.sc-ion-searchbar-ios-h{--placeholder-color:initial;--placeholder-font-style:initial;--placeholder-font-weight:initial;--placeholder-opacity:var(--ion-placeholder-opacity, 1);-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);-webkit-box-sizing:border-box;box-sizing:border-box}.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{color:inherit;font-family:inherit;font-size:inherit;font-style:inherit;font-weight:inherit;letter-spacing:inherit;text-align:inherit;text-decoration:inherit;text-indent:inherit;text-overflow:inherit;text-transform:inherit;white-space: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}.sc-ion-searchbar-ios-h{--placeholder-opacity:var(--ion-placeholder-opacity, 0.6);font-family:var(--ion-font-family, inherit)}.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-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}`;
@@ -40316,15 +40244,9 @@ class Searchbar {
40316
40244
  if (this.clearIcon != null) {
40317
40245
  return this.clearIcon;
40318
40246
  }
40319
- // Determine the theme and map to default icons
40247
+ // Determine the theme and map to the default icon
40320
40248
  const theme = getIonTheme(this);
40321
- const defaultIcons = {
40322
- ios: closeCircle,
40323
- ionic: xSvg,
40324
- md: closeSharp,
40325
- };
40326
- // Get the default icon based on the theme, falling back to 'md' icon if necessary
40327
- const defaultIcon = defaultIcons[theme] || defaultIcons.md;
40249
+ const defaultIcon = theme === 'ios' ? closeCircle : closeSharp;
40328
40250
  // Return the configured searchbar clear icon or the default icon
40329
40251
  return config.get('searchbarClearIcon', defaultIcon);
40330
40252
  }
@@ -40340,15 +40262,9 @@ class Searchbar {
40340
40262
  if (this.searchIcon != null && this.searchIcon !== 'true' && typeof this.searchIcon !== 'boolean') {
40341
40263
  return this.searchIcon;
40342
40264
  }
40343
- // Determine the theme and map to default icons
40265
+ // Determine the theme and map to the default icon
40344
40266
  const theme = getIonTheme(this);
40345
- const defaultIcons = {
40346
- ios: searchOutline,
40347
- ionic: magnifyingGlassSvg,
40348
- md: searchSharp,
40349
- };
40350
- // Get the default icon based on the theme, falling back to 'md' icon if necessary
40351
- const defaultIcon = defaultIcons[theme] || defaultIcons.md;
40267
+ const defaultIcon = theme === 'ios' ? searchOutline : searchSharp;
40352
40268
  // Return the configured searchbar search icon or the default icon
40353
40269
  return config.get('searchbarSearchIcon', defaultIcon);
40354
40270
  }
@@ -40363,17 +40279,8 @@ class Searchbar {
40363
40279
  if (this.cancelButtonIcon != null) {
40364
40280
  return this.cancelButtonIcon;
40365
40281
  }
40366
- // Determine the theme and map to default icons
40367
- const theme = getIonTheme(this);
40368
- const defaultIcons = {
40369
- ios: arrowBackSharp,
40370
- ionic: arrowLeftSvg,
40371
- md: arrowBackSharp,
40372
- };
40373
- // Get the default icon based on the theme, falling back to 'md' icon if necessary
40374
- const defaultIcon = defaultIcons[theme] || defaultIcons.md;
40375
40282
  // Return the configured searchbar cancel icon, the back button icon or the default icon
40376
- return config.get('searchbarCancelIcon', config.get('backButtonIcon', defaultIcon));
40283
+ return config.get('searchbarCancelIcon', config.get('backButtonIcon', arrowBackSharp));
40377
40284
  }
40378
40285
  render() {
40379
40286
  const { cancelButtonText, autocapitalize, searchbarCancelIcon, searchbarClearIcon, searchbarSearchIcon } = this;
@@ -40382,8 +40289,8 @@ class Searchbar {
40382
40289
  const shouldShowCancelButton = this.shouldShowCancelButton();
40383
40290
  const shape = this.getShape();
40384
40291
  const size = this.getSize();
40385
- const cancelButton = this.showCancelButton !== 'never' && (hAsync("button", { key: 'b7c0ac188898cd320c11ecc3f100a686468b0b24', "aria-label": cancelButtonText, "aria-hidden": shouldShowCancelButton ? undefined : 'true', type: "button", tabIndex: theme === 'ios' && !shouldShowCancelButton ? -1 : undefined, onMouseDown: this.onCancelSearchbar, onTouchStart: this.onCancelSearchbar, class: "searchbar-cancel-button" }, hAsync("div", { key: '3f04b6dcc64a2e51a4de863694888e5af3692387', "aria-hidden": "true" }, theme === 'md' || theme === 'ionic' ? (hAsync("ion-icon", { "aria-hidden": "true", icon: searchbarCancelIcon, lazy: false })) : (cancelButtonText))));
40386
- return (hAsync(Host, { key: '9c31c41ff5026a9c42f45a5cfd3c98d8eb4e9925', role: "search", "aria-disabled": this.disabled ? 'true' : null, class: createColorClasses$1(this.color, {
40292
+ const cancelButton = this.showCancelButton !== 'never' && (hAsync("button", { key: '0096e98ef31b167640a8168ffac68c70826c91b6', "aria-label": cancelButtonText, "aria-hidden": shouldShowCancelButton ? undefined : 'true', type: "button", tabIndex: theme === 'ios' && !shouldShowCancelButton ? -1 : undefined, onMouseDown: this.onCancelSearchbar, onTouchStart: this.onCancelSearchbar, class: "searchbar-cancel-button" }, hAsync("div", { key: 'cf7c7c798dfaced7256db4b0143bf9f277c1c556', "aria-hidden": "true" }, theme === 'md' || theme === 'ionic' ? (hAsync("ion-icon", { "aria-hidden": "true", icon: searchbarCancelIcon, lazy: false })) : (cancelButtonText))));
40293
+ return (hAsync(Host, { key: 'e0ccf5cb212922eca551d6e264c5e388ed1b8491', role: "search", "aria-disabled": this.disabled ? 'true' : null, class: createColorClasses$1(this.color, {
40387
40294
  [theme]: true,
40388
40295
  'searchbar-animated': animated,
40389
40296
  'searchbar-disabled': this.disabled,
@@ -40397,7 +40304,7 @@ class Searchbar {
40397
40304
  [`searchbar-shape-${shape}`]: shape !== undefined,
40398
40305
  [`searchbar-size-${size}`]: size !== undefined,
40399
40306
  'in-toolbar': hostContext('ion-toolbar', this.el),
40400
- }) }, hAsync("div", { key: '5710382c91b47ecfba36aab7bd8497723cb1aa04', class: "searchbar-input-container" }, hAsync("input", Object.assign({ key: '1ab27cbebfad408b96d1bb1b57e4caa7420ced72', "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)), (theme === 'md' || theme === 'ionic') && cancelButton, this.shouldShowSearchIcon() && (hAsync("ion-icon", { key: '3e0d29f6f35e6b817bb4bc7f879e8445c2ceadee', "aria-hidden": "true", icon: searchbarSearchIcon, lazy: false, class: "searchbar-search-icon" })), this.shouldShowClearButton() && (hAsync("button", { key: '87521fd5630077725fd30173d17fd1d49819c209', "aria-label": "reset", type: "button", "no-blur": true, class: "searchbar-clear-button", onPointerDown: this.clearButtonPressController.onPointerDown, onPointerCancel: this.clearButtonPressController.release, onClick: () => this.onClearInput(true) }, hAsync("ion-icon", { key: 'd93452bbe539c582846e4a5826c0671e235349d0', "aria-hidden": "true", icon: searchbarClearIcon, lazy: false, class: "searchbar-clear-icon" })))), theme === 'ios' && cancelButton));
40307
+ }) }, hAsync("div", { key: '523e4b3e95eabc18ea89fe53d89e9de3fb4d4136', class: "searchbar-input-container" }, hAsync("input", Object.assign({ key: '4a725ef40344a1f3b39a79a29792e74fd071160c', "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)), (theme === 'md' || theme === 'ionic') && cancelButton, this.shouldShowSearchIcon() && (hAsync("ion-icon", { key: '98279385e1beefdfe509d567fa8fd000a06cedc3', "aria-hidden": "true", icon: searchbarSearchIcon, lazy: false, class: "searchbar-search-icon" })), this.shouldShowClearButton() && (hAsync("button", { key: 'd8253933563466f0d99cbb30100169e5e196d4d1', "aria-label": "reset", type: "button", "no-blur": true, class: "searchbar-clear-button", onPointerDown: this.clearButtonPressController.onPointerDown, onPointerCancel: this.clearButtonPressController.release, onClick: () => this.onClearInput(true) }, hAsync("ion-icon", { key: 'c8aafd99ecdd1655094cc09e8774706e8830ea2f', "aria-hidden": "true", icon: searchbarClearIcon, lazy: false, class: "searchbar-clear-icon" })))), theme === 'ios' && cancelButton));
40401
40308
  }
40402
40309
  get el() { return getElement(this); }
40403
40310
  static get watchers() { return {
@@ -41013,14 +40920,14 @@ class Segment {
41013
40920
  }
41014
40921
  render() {
41015
40922
  const theme = getIonTheme(this);
41016
- return (hAsync(Host, { key: '65c576c0bb9ff0602793f75321d676a34b306b3b', role: "tablist", onClick: this.onClick, class: createColorClasses$1(this.color, {
40923
+ return (hAsync(Host, { key: '7ae948ff723fb57e50debf40948d0edc1f5e9d76', role: "tablist", onClick: this.onClick, class: createColorClasses$1(this.color, {
41017
40924
  [theme]: true,
41018
40925
  'in-toolbar': hostContext('ion-toolbar', this.el),
41019
40926
  'in-toolbar-color': hostContext('ion-toolbar[color]', this.el),
41020
40927
  'segment-activated': this.activated,
41021
40928
  'segment-disabled': this.disabled,
41022
40929
  'segment-scrollable': this.scrollable,
41023
- }) }, hAsync("slot", { key: '210750a65ccada549bccf026871477ee2b7bdc69', onSlotchange: this.onSlottedItemsChange })));
40930
+ }) }, hAsync("slot", { key: '55983a51e2a1c9f62b995252548a97403117a2f5', onSlotchange: this.onSlottedItemsChange })));
41024
40931
  }
41025
40932
  get el() { return getElement(this); }
41026
40933
  static get watchers() { return {
@@ -41172,7 +41079,7 @@ class SegmentButton {
41172
41079
  const { checked, type, disabled, hasIcon, hasLabel, layout, segmentEl } = this;
41173
41080
  const theme = getIonTheme(this);
41174
41081
  const hasSegmentColor = () => (segmentEl === null || segmentEl === void 0 ? void 0 : segmentEl.color) !== undefined;
41175
- return (hAsync(Host, { key: 'da5c8352e5e0f3a01211edbc39c5043cadc5b06f', class: {
41082
+ return (hAsync(Host, { key: '0a564101d83274d08686d19b1eaca6c3e9a99368', class: {
41176
41083
  [theme]: true,
41177
41084
  'in-toolbar': hostContext('ion-toolbar', this.el),
41178
41085
  'in-toolbar-color': hostContext('ion-toolbar[color]', this.el),
@@ -41188,7 +41095,7 @@ class SegmentButton {
41188
41095
  'ion-activatable': true,
41189
41096
  'ion-activatable-instant': true,
41190
41097
  'ion-focusable': true,
41191
- } }, hAsync("button", Object.assign({ key: 'cfd963a166ebfeba590d6538069b26a107306583', "aria-selected": checked ? 'true' : 'false', role: "tab", ref: (el) => (this.nativeEl = el), type: type, class: "button-native", part: "native", disabled: disabled }, this.inheritedAttributes), hAsync("span", { key: '845b729e96ba5b594d441ca41c73e2c33a4f5817', class: "button-inner" }, hAsync("slot", { key: 'f38369982dd602c32dbbc6aca2fae6dbb53faa8a' })), theme === 'md' && hAsync("ion-ripple-effect", { key: 'b1b15b731688dd02806409c9c3eda5519a958239' })), hAsync("div", { key: 'fff597d493a85be8005ef3b9eb4f2a93c2a7a4d0', part: "indicator", class: "segment-button-indicator segment-button-indicator-animated" }, hAsync("div", { key: 'f06b53d0ef9d08354f562ac6d3469998257dd688', part: "indicator-background", class: "segment-button-indicator-background" }))));
41098
+ } }, hAsync("button", Object.assign({ key: '2a6c05a667bb8128e93b25b003e34f18168859b7', "aria-selected": checked ? 'true' : 'false', role: "tab", ref: (el) => (this.nativeEl = el), type: type, class: "button-native", part: "native", disabled: disabled }, this.inheritedAttributes), hAsync("span", { key: 'f93336993c28dbbf36d2ff01f9e345f02a0b52ac', class: "button-inner" }, hAsync("slot", { key: '2e95f534c396a21024a295a7552b463dfdb6699d' })), theme === 'md' && hAsync("ion-ripple-effect", { key: '85f8aa148ea43d2949bff1b85e1a81f9ce468ada' })), hAsync("div", { key: '6024828b92a5baa3d9c4f69277ccff07e8a9959a', part: "indicator", class: "segment-button-indicator segment-button-indicator-animated" }, hAsync("div", { key: 'a048be6255e4a4b85c904f094e2c988800b9cb02', part: "indicator-background", class: "segment-button-indicator-background" }))));
41192
41099
  }
41193
41100
  get el() { return getElement(this); }
41194
41101
  static get watchers() { return {
@@ -41226,7 +41133,7 @@ class SegmentContent {
41226
41133
  registerInstance(this, hostRef);
41227
41134
  }
41228
41135
  render() {
41229
- return (hAsync(Host, { key: '2f43cadcbcb1a9423b30e7abc169ff923a8c431f' }, hAsync("slot", { key: 'c3a6d3e9c336f5124cdec9f37ef516324558073c' })));
41136
+ return (hAsync(Host, { key: 'f5673115c4aac5f83689db7956b323ffc653bb04' }, hAsync("slot", { key: '69b498d09af1ea3a1aef5a7337cc1fa1b1371dfb' })));
41230
41137
  }
41231
41138
  static get style() { return segmentContentCss(); }
41232
41139
  static get cmpMeta() { return {
@@ -41354,11 +41261,11 @@ class SegmentView {
41354
41261
  }
41355
41262
  render() {
41356
41263
  const { disabled, isManualScroll, swipeGesture } = this;
41357
- return (hAsync(Host, { key: '8d1aa594c5674bca376ee3e9b18b60b0925dd875', class: {
41264
+ return (hAsync(Host, { key: 'd22a21956658722c282d7426645bc35acb27a5ea', class: {
41358
41265
  'segment-view-disabled': disabled,
41359
41266
  'segment-view-scroll-disabled': isManualScroll === false,
41360
41267
  'segment-view-swipe-disabled': swipeGesture === false,
41361
- } }, hAsync("slot", { key: '6375fa794ae615b74a70968718aadefa0a9fc1d6' })));
41268
+ } }, hAsync("slot", { key: '45a9eb6ebedf465805d5a9f0f2854da046e141b5' })));
41362
41269
  }
41363
41270
  get el() { return getElement(this); }
41364
41271
  static get style() { return {
@@ -42205,15 +42112,9 @@ class Select {
42205
42112
  else if (this.toggleIcon != null) {
42206
42113
  return this.toggleIcon;
42207
42114
  }
42208
- // Determine the theme and map to default icons
42115
+ // Determine the theme and map to the default icon
42209
42116
  const theme = getIonTheme(this);
42210
- const defaultIcons = {
42211
- ios: chevronExpand,
42212
- ionic: caretDownSvg,
42213
- md: caretDownSharp,
42214
- };
42215
- // Get the default icon based on the theme, falling back to 'md' icon if necessary
42216
- const defaultIcon = defaultIcons[theme] || defaultIcons.md;
42117
+ const defaultIcon = theme === 'ios' ? chevronExpand : caretDownSharp;
42217
42118
  // Return the configured select expanded icon or the default icon
42218
42119
  return config.get('selectExpandedIcon', defaultIcon);
42219
42120
  }
@@ -42228,15 +42129,9 @@ class Select {
42228
42129
  if (this.toggleIcon) {
42229
42130
  return this.toggleIcon;
42230
42131
  }
42231
- // Determine the theme and map to default icons
42132
+ // Determine the theme and map to the default icon
42232
42133
  const theme = getIonTheme(this);
42233
- const defaultIcons = {
42234
- ios: chevronExpand,
42235
- ionic: caretDownSvg,
42236
- md: caretDownSharp,
42237
- };
42238
- // Get the default icon based on the theme, falling back to 'md' icon if necessary
42239
- const defaultIcon = defaultIcons[theme] || defaultIcons.md;
42134
+ const defaultIcon = theme === 'ios' ? chevronExpand : caretDownSharp;
42240
42135
  return config.get('selectCollapsedIcon', defaultIcon);
42241
42136
  }
42242
42137
  getHintTextId() {
@@ -42309,7 +42204,7 @@ class Select {
42309
42204
  */
42310
42205
  const labelShouldFloat = labelPlacement === 'stacked' ||
42311
42206
  (labelPlacement === 'floating' && (hasValue || hasFocus || isExpanded || hasStartEndSlots));
42312
- return (hAsync(Host, { key: '9339cb236070c47333154d96c336dc1df9a11e1c', onClick: this.onClick, class: createColorClasses$1(this.color, {
42207
+ return (hAsync(Host, { key: '421ff485c68f19ae1a0002360fb844d64e26341b', onClick: this.onClick, class: createColorClasses$1(this.color, {
42313
42208
  [theme]: true,
42314
42209
  'in-item': inItem,
42315
42210
  'in-item-color': hostContext('ion-item.ion-color', el),
@@ -42328,7 +42223,7 @@ class Select {
42328
42223
  [`select-shape-${shape}`]: shape !== undefined,
42329
42224
  [`select-label-placement-${labelPlacement}`]: true,
42330
42225
  [`select-size-${size}`]: size !== undefined,
42331
- }) }, hAsync("label", { key: 'db8f0b67592f4b99f5e16d06ee8120852a60f4d1', class: "select-wrapper", id: "select-label", onClick: this.onLabelClick, part: "wrapper" }, this.renderLabelContainer(), hAsync("div", { key: '30313c0f3034be59605b368d15af4ba00202a5f4', class: "select-wrapper-inner", part: "inner" },
42226
+ }) }, hAsync("label", { key: '3a3fa4c1cdac0bf4d8e1751df28d84cb98125db3', class: "select-wrapper", id: "select-label", onClick: this.onLabelClick, part: "wrapper" }, this.renderLabelContainer(), hAsync("div", { key: 'f4b74cf2fb4c844570c9c6a4856e4dae9fa08546', class: "select-wrapper-inner", part: "inner" },
42332
42227
  /**
42333
42228
  * For the ionic theme, we render the outline container here
42334
42229
  * instead of higher up, so it can be positioned relative to
@@ -42338,7 +42233,7 @@ class Select {
42338
42233
  * <label> element, ensuring that clicking the label text
42339
42234
  * focuses the select.
42340
42235
  */
42341
- theme === 'ionic' && fill === 'outline' && hAsync("div", { key: '78bba2953ba88efd1189afa31e8229a8972175e5', class: "select-outline" }), hAsync("slot", { key: '086505d193a19677d33e26a5a116783d999c6861', name: "start" }), hAsync("div", { key: '5bb7863236596cad5c1118be1ae54898b638b760', class: "native-wrapper", ref: (el) => (this.nativeWrapperEl = el), part: "container" }, this.renderSelectText(), this.renderListbox()), hAsync("slot", { key: '38744ee0cc6750f84d11470c09a4e950d73f1e44', name: "end" }), shouldRenderInnerIcon && this.renderSelectIcon()), shouldRenderOuterIcon && this.renderSelectIcon(), shouldRenderHighlight && hAsync("div", { key: '4eecb0df50800d16bea58c5649e68e06b122e472', class: "select-highlight" })), this.renderBottomContent()));
42236
+ theme === 'ionic' && fill === 'outline' && hAsync("div", { key: '79f6cf63866b2cc95b3404db5b7146215876a9ef', class: "select-outline" }), hAsync("slot", { key: '9effed7b9be2ff2efc195365ba076a51aefdff12', name: "start" }), hAsync("div", { key: 'd46086c58ab4a036d90a040754658de96a7b954a', class: "native-wrapper", ref: (el) => (this.nativeWrapperEl = el), part: "container" }, this.renderSelectText(), this.renderListbox()), hAsync("slot", { key: '444888068450fc299780e48c8f9208cb0918ca81', name: "end" }), shouldRenderInnerIcon && this.renderSelectIcon()), shouldRenderOuterIcon && this.renderSelectIcon(), shouldRenderHighlight && hAsync("div", { key: 'e005924ae26585279f58fce726f6f14b3076d255', class: "select-highlight" })), this.renderBottomContent()));
42342
42237
  }
42343
42238
  get el() { return getElement(this); }
42344
42239
  static get watchers() { return {
@@ -42696,14 +42591,16 @@ class SelectModal {
42696
42591
  option.checked = ev.detail.checked;
42697
42592
  }
42698
42593
  }
42594
+ /**
42595
+ * Get the icon to use for the cancel icon.
42596
+ * Use the icon set in the config.
42597
+ * If no icon is set in the config, use the default icon.
42598
+ */
42699
42599
  get cancelButtonIcon() {
42600
+ // Determine the theme and map to the default icon
42700
42601
  const theme = getIonTheme(this);
42701
- const icons = {
42702
- ios: closeOutline,
42703
- md: closeSharp,
42704
- ionic: xSvg,
42705
- };
42706
- return icons[theme];
42602
+ const defaultIcon = theme === 'ios' ? closeOutline : closeSharp;
42603
+ return config.get('selectModalCancelIcon', defaultIcon);
42707
42604
  }
42708
42605
  getModalContextClasses() {
42709
42606
  const el = this.el;
@@ -42795,7 +42692,7 @@ class SelectModal {
42795
42692
  });
42796
42693
  }
42797
42694
  render() {
42798
- return (hAsync(Host, { key: '9c8958c8e0b84421e5d6468bfc582acbea6a5f4f', class: Object.assign({ [getIonMode$1(this)]: true }, this.getModalContextClasses()) }, hAsync("ion-header", { key: 'f994491c2b20ce1051e72bd164e4d5801e3cbe3c' }, hAsync("ion-toolbar", { key: '9259caf459d88d0c83415ff2c612ad1dbb82598f' }, this.header !== undefined && hAsync("ion-title", { key: '8eac7a1449dccd2e875639b2ded9b3b01759d474' }, this.header), hAsync("ion-buttons", { key: 'b5a988ceb69f4b6b12c6f8379871120a18418f7c', slot: "end" }, hAsync("ion-button", { key: 'ff996f920f44202a251abccc2e5ff9c586fdd5c5', "aria-label": this.cancelIcon ? this.cancelText : undefined, "data-focus-order": "2", onClick: () => this.closeModal() }, this.cancelIcon ? (hAsync("ion-icon", { "aria-hidden": "true", slot: "icon-only", icon: this.cancelButtonIcon })) : (this.cancelText))))), hAsync("ion-content", { key: 'b97cacb34df32548d36404919d316eb4bd1e5b71' }, hAsync("ion-list", { key: 'f45ced2c9818d471f95046014f962163c72a9570' }, this.multiple === true ? this.renderCheckboxOptions() : this.renderRadioOptions()))));
42695
+ return (hAsync(Host, { key: '8b5baa6cfec77592fbcc301def4d495b8caac190', class: Object.assign({ [getIonMode$1(this)]: true }, this.getModalContextClasses()) }, hAsync("ion-header", { key: '30c099ae1098549160b6d7167d6d07f0b98f77bc' }, hAsync("ion-toolbar", { key: '93d993554d963120f41039b1236fbc1165f51905' }, this.header !== undefined && hAsync("ion-title", { key: '2a2f9d093f8868d1c5d26412a8df4c87fe5a33cf' }, this.header), hAsync("ion-buttons", { key: '39402227c2e023f840d47facc445cfaeff42588d', slot: "end" }, hAsync("ion-button", { key: 'f72b9d6d23e6a659350779285acfbc322f20a39a', "aria-label": this.cancelIcon ? this.cancelText : undefined, "data-focus-order": "2", onClick: () => this.closeModal() }, this.cancelIcon ? (hAsync("ion-icon", { "aria-hidden": "true", slot: "icon-only", icon: this.cancelButtonIcon })) : (this.cancelText))))), hAsync("ion-content", { key: '4882a7d0789ed29f994fc048e4ea875a99422a9d' }, hAsync("ion-list", { key: '8f4520f5aa5ea802c21137913559af9557a21aa8' }, this.multiple === true ? this.renderCheckboxOptions() : this.renderRadioOptions()))));
42799
42696
  }
42800
42697
  get el() { return getElement(this); }
42801
42698
  static get style() { return {
@@ -42840,7 +42737,7 @@ class SelectOption {
42840
42737
  }
42841
42738
  render() {
42842
42739
  const theme = getIonTheme(this);
42843
- return (hAsync(Host, { key: '059d2198c422852c16aba1c7523ac6e9e586006f', class: {
42740
+ return (hAsync(Host, { key: '68921c28b739be849fc204bb9c45316acad6e652', class: {
42844
42741
  [theme]: true,
42845
42742
  }, role: "option", id: this.inputId }));
42846
42743
  }
@@ -43029,9 +42926,9 @@ class SelectPopover {
43029
42926
  const { header, message, options, subHeader } = this;
43030
42927
  const hasSubHeaderOrMessage = subHeader !== undefined || message !== undefined;
43031
42928
  const theme = getIonTheme(this);
43032
- return (hAsync(Host, { key: '67fce6871134ff1258513a12651eb8cc7360909d', class: {
42929
+ return (hAsync(Host, { key: '00e306f7d68005c0b17e598bec54471f5e38c991', class: {
43033
42930
  [theme]: true,
43034
- } }, hAsync("ion-list", { key: 'febb96b8416fd9ba31901588b45ffdd7280f66d4' }, header !== undefined && hAsync("ion-list-header", { key: '169cb07093e8c3d79ee8e6e112e380c75e464112' }, header), hasSubHeaderOrMessage && (hAsync("ion-item", { key: 'c2e1ee0f1efa048c9c0d321102357753ffd3baec' }, hAsync("ion-label", { key: 'e92c50cf699d2d1bd867b9d46bff8d0d8233f56e', class: "ion-text-wrap" }, subHeader !== undefined && hAsync("h3", { key: 'b4775e6d6db5fef143ed9f91fa7717d214feedd6' }, subHeader), message !== undefined && hAsync("p", { key: '6ee92e9bff861e62c453ca0dfedce0093b8a25fe' }, message)))), this.renderOptions(options))));
42931
+ } }, hAsync("ion-list", { key: '1357288064dc139a0ef4904744f945bf1dc39b3c' }, header !== undefined && hAsync("ion-list-header", { key: '4e918516f5666e90f3218edc3a08734822b76075' }, header), hasSubHeaderOrMessage && (hAsync("ion-item", { key: '170900f83842d73f6d9adbb7b9e4bc332dfa495d' }, hAsync("ion-label", { key: 'a76efe58ad6066e601edc1794782e3928556423f', class: "ion-text-wrap" }, subHeader !== undefined && hAsync("h3", { key: 'c88680bbbfc228a65c51f010c42158995d8a6507' }, subHeader), message !== undefined && hAsync("p", { key: '91e49d1477b2b9d903da8a385da07b6e7de37f73' }, message)))), this.renderOptions(options))));
43035
42932
  }
43036
42933
  get el() { return getElement(this); }
43037
42934
  static get style() { return {
@@ -43086,11 +42983,11 @@ class SkeletonText {
43086
42983
  const animated = this.animated && config.getBoolean('animated', true);
43087
42984
  const inMedia = hostContext('ion-avatar', this.el) || hostContext('ion-thumbnail', this.el);
43088
42985
  const theme = getIonTheme(this);
43089
- return (hAsync(Host, { key: '370451ee8963b776079f5df365f7bbd70a53b270', class: {
42986
+ return (hAsync(Host, { key: '7a27c2f32338a0770951ab814095dd0bf091966c', class: {
43090
42987
  [theme]: true,
43091
42988
  'skeleton-text-animated': animated,
43092
42989
  'in-media': inMedia,
43093
- } }, hAsync("span", { key: '2b861b4ec86cbd61927ab7b81b13517c99dc94c7' }, "\u00A0")));
42990
+ } }, hAsync("span", { key: 'f21c7f76ea9095a6c2fe39714d2415abc0b5366b' }, "\u00A0")));
43094
42991
  }
43095
42992
  get el() { return getElement(this); }
43096
42993
  static get style() { return skeletonTextCss(); }
@@ -43163,7 +43060,7 @@ class Spinner {
43163
43060
  svgs.push(buildLine(spinner, duration, i, spinner.lines));
43164
43061
  }
43165
43062
  }
43166
- return (hAsync(Host, { key: 'b6559d1626b56a1c63580862263a15798f7d3f71', class: createColorClasses$1(self.color, {
43063
+ return (hAsync(Host, { key: 'b79be740dda143c26a7eba82cc9e293817c36f9c', class: createColorClasses$1(self.color, {
43167
43064
  [theme]: true,
43168
43065
  [`spinner-${spinnerName}`]: true,
43169
43066
  'spinner-paused': self.paused || config.getBoolean('_testing'),
@@ -43275,12 +43172,12 @@ class SplitPane {
43275
43172
  }
43276
43173
  render() {
43277
43174
  const theme = getIonTheme(this);
43278
- return (hAsync(Host, { key: 'b933156f8f9d8ce418ff0d39526967f9653d6639', class: {
43175
+ return (hAsync(Host, { key: '99c50cd64e68d1c6b0bc96dd0b26536e0e4b4abd', class: {
43279
43176
  [theme]: true,
43280
43177
  // Used internally for styling
43281
43178
  [`split-pane-${theme}`]: true,
43282
43179
  'split-pane-visible': this.visible,
43283
- } }, hAsync("slot", { key: '3ec0a11e5506386747dc972ccb094359ca975bae' })));
43180
+ } }, hAsync("slot", { key: '5cfb890a39fbe765df1880d1ecce78e90d997218' })));
43284
43181
  }
43285
43182
  get el() { return getElement(this); }
43286
43183
  static get watchers() { return {
@@ -43364,10 +43261,10 @@ class Tab {
43364
43261
  }
43365
43262
  render() {
43366
43263
  const { tab, active, component } = this;
43367
- return (hAsync(Host, { key: 'bd374a124dfd27652db076111c310f67fdbc3743', role: "tabpanel", "aria-hidden": !active ? 'true' : null, "aria-labelledby": `tab-button-${tab}`, class: {
43264
+ return (hAsync(Host, { key: 'fad6d6f10e09fa268c978b3edc5fd2fa2353289b', role: "tabpanel", "aria-hidden": !active ? 'true' : null, "aria-labelledby": `tab-button-${tab}`, class: {
43368
43265
  'ion-page': component === undefined,
43369
43266
  'tab-hidden': !active,
43370
- } }, hAsync("slot", { key: '982276b329d241727b8a6c5c1dc12601c3d75285' })));
43267
+ } }, hAsync("slot", { key: 'ff3bfedc122f2641d4d742ab7f635941931939e9' })));
43371
43268
  }
43372
43269
  get el() { return getElement(this); }
43373
43270
  static get watchers() { return {
@@ -43570,14 +43467,14 @@ class TabBar {
43570
43467
  const theme = getIonTheme(this);
43571
43468
  const shape = this.getShape();
43572
43469
  const shouldHide = keyboardVisible && this.el.getAttribute('slot') !== 'top';
43573
- return (hAsync(Host, { key: '749dbd95dd87e73ceea2dab9767a285fa3ccf5e1', role: "tablist", class: createColorClasses$1(color, {
43470
+ return (hAsync(Host, { key: 'a3feb835e4c8227dd0da680574580b236805ab01', role: "tablist", class: createColorClasses$1(color, {
43574
43471
  [theme]: true,
43575
43472
  'tab-bar-translucent': translucent,
43576
43473
  'tab-bar-hidden': shouldHide,
43577
43474
  'tab-bar-scroll-effect-hide': scrollEffect === 'hide',
43578
43475
  [`tab-bar-${expand}`]: true,
43579
43476
  [`tab-bar-${shape}`]: shape !== undefined,
43580
- }) }, hAsync("slot", { key: '05a13a25a37c76245dad1710ef58ba5e69cf9f6c' })));
43477
+ }) }, hAsync("slot", { key: '6d1f785f9e781b1850bc2d69960c8bc8871bcde6' })));
43581
43478
  }
43582
43479
  get el() { return getElement(this); }
43583
43480
  static get watchers() { return {
@@ -43707,7 +43604,7 @@ class TabButton {
43707
43604
  rel,
43708
43605
  target,
43709
43606
  };
43710
- return (hAsync(Host, { key: 'e4d3aaefcdc42677f7818c51ec1ec0a9cbcf8bcf', onClick: this.onClick, onKeyup: this.onKeyUp, id: tab !== undefined ? `tab-button-${tab}` : null, class: {
43607
+ return (hAsync(Host, { key: 'ea2434faf0ba75131fb578f8f3bc1ea6e6729bff', onClick: this.onClick, onKeyup: this.onKeyUp, id: tab !== undefined ? `tab-button-${tab}` : null, class: {
43711
43608
  [theme]: true,
43712
43609
  'tab-selected': selected,
43713
43610
  'tab-disabled': disabled,
@@ -43720,7 +43617,7 @@ class TabButton {
43720
43617
  'ion-selectable': true,
43721
43618
  [`tab-button-shape-${shape}`]: shape !== undefined,
43722
43619
  'ion-focusable': true,
43723
- } }, hAsync("a", Object.assign({ key: '1412d080294dd2602696c5657c71553ef35036d3' }, attrs, { class: "button-native", part: "native", role: "tab", "aria-selected": selected ? 'true' : null, "aria-disabled": disabled ? 'true' : null, tabindex: disabled ? '-1' : undefined }, inheritedAttributes), hAsync("span", { key: '5daebf815b9b4f8016ce5b4b9d05148c1957a46c', class: "button-inner" }, hAsync("slot", { key: 'e1cbabb911936d21d5b1a4f87d236b962beacbab' })), theme === 'md' && hAsync("ion-ripple-effect", { key: 'd4544a7fb87b8559aaf9d2f0aa4d440201ebdb71', type: "unbounded" }))));
43620
+ } }, hAsync("a", Object.assign({ key: '049dcedfa561ff54175fd9bfa4405788e0fddf22' }, attrs, { class: "button-native", part: "native", role: "tab", "aria-selected": selected ? 'true' : null, "aria-disabled": disabled ? 'true' : null, tabindex: disabled ? '-1' : undefined }, inheritedAttributes), hAsync("span", { key: '25670e1072e9e1889262483736aed7d45f5fd05f', class: "button-inner" }, hAsync("slot", { key: 'fb8df1a587a22db676492bbb14d8473aab4cc0fe' })), theme === 'md' && hAsync("ion-ripple-effect", { key: '49a8bbfe9dc4d41707afcf9f872db5d1c8bb8287', type: "unbounded" }))));
43724
43621
  }
43725
43622
  get el() { return getElement(this); }
43726
43623
  static get style() { return {
@@ -43916,7 +43813,7 @@ class Tabs {
43916
43813
  return Array.from(this.el.querySelectorAll('ion-tab'));
43917
43814
  }
43918
43815
  render() {
43919
- return (hAsync(Host, { key: 'b8c5c75469cb1f1829a217a02555a7da8556454a', onIonTabButtonClick: this.onTabClicked }, hAsync("slot", { key: '50b74e3df8ea0e991e096c7438a65fee0ca0f6b5', name: "top" }), hAsync("div", { key: 'ca8d4329381c4b40882bbd31b4f15264cfa2c220', class: "tabs-inner" }, hAsync("slot", { key: '816ffd6d997530e3b100480c9a8e4a51fa51e59c' })), hAsync("slot", { key: '280bdf5ec61789823c7772287d60a26229fe78fa', name: "bottom" })));
43816
+ return (hAsync(Host, { key: '9d666c6fd4e18fda8db4403a0c5e759704b15740', onIonTabButtonClick: this.onTabClicked }, hAsync("slot", { key: '453d78ddd05f0097a33a8a794b709a1ddc165606', name: "top" }), hAsync("div", { key: 'da5c93579ebfa17c4d685b2f62f35668026b5754', class: "tabs-inner" }, hAsync("slot", { key: 'af019d0c0b9b8a63984b11b570924e8acf18f84c' })), hAsync("slot", { key: '620be553e6b2b44ff67776ebacc0b6c40375703f', name: "bottom" })));
43920
43817
  }
43921
43818
  get el() { return getElement(this); }
43922
43819
  static get style() { return tabsCss(); }
@@ -43957,9 +43854,9 @@ class Text {
43957
43854
  }
43958
43855
  render() {
43959
43856
  const theme = getIonTheme(this);
43960
- return (hAsync(Host, { key: '8fc5565ce579f8e2a9eddbaa7c93264291080bce', class: createColorClasses$1(this.color, {
43857
+ return (hAsync(Host, { key: 'd3306513b05f65be6ead42865765773af89d3a78', class: createColorClasses$1(this.color, {
43961
43858
  [theme]: true,
43962
- }) }, hAsync("slot", { key: '5be1d661ee3a6f1f9d9428b59e830672faf475b1' })));
43859
+ }) }, hAsync("slot", { key: '0781d7e76e15d07dc727bf539cb42ca379393eae' })));
43963
43860
  }
43964
43861
  static get style() { return textCss(); }
43965
43862
  static get cmpMeta() { return {
@@ -44523,7 +44420,7 @@ class Textarea {
44523
44420
  * TODO(FW-5592): Remove hasStartEndSlots condition
44524
44421
  */
44525
44422
  const labelShouldFloat = labelPlacement === 'stacked' || (labelPlacement === 'floating' && (hasValue || hasFocus || hasStartEndSlots));
44526
- return (hAsync(Host, { key: 'a67ef5f3107776dcd8490bdd2af4a373ae422899', class: createColorClasses$1(this.color, {
44423
+ return (hAsync(Host, { key: 'b613bb449100c5d7a982ffb0a39ea6324e8eb6ea', class: createColorClasses$1(this.color, {
44527
44424
  [theme]: true,
44528
44425
  'has-value': hasValue,
44529
44426
  'has-focus': hasFocus,
@@ -44535,7 +44432,7 @@ class Textarea {
44535
44432
  'in-item': inItem,
44536
44433
  'textarea-disabled': disabled,
44537
44434
  'textarea-readonly': readonly,
44538
- }) }, hAsync("label", { key: '7a8605454eb66d87a4b49ffd28e609a633eae09c', class: "textarea-wrapper", htmlFor: inputId, onClick: this.onLabelClick, part: "wrapper" }, this.renderLabelContainer(), hAsync("div", { key: '8b24d96089d11f659dbd5adfcbf317ec34742333', class: "textarea-wrapper-inner" },
44435
+ }) }, hAsync("label", { key: '08a603a3fa102701d756d36d4d5d2d5e01f2895f', class: "textarea-wrapper", htmlFor: inputId, onClick: this.onLabelClick, part: "wrapper" }, this.renderLabelContainer(), hAsync("div", { key: '076362fb04fa45e89c2ecb46b51937ab80026e34', class: "textarea-wrapper-inner" },
44539
44436
  /**
44540
44437
  * For the ionic theme, we render the outline container here
44541
44438
  * instead of higher up, so it can be positioned relative to
@@ -44545,7 +44442,7 @@ class Textarea {
44545
44442
  * <label> element, ensuring that clicking the label text
44546
44443
  * focuses the textarea.
44547
44444
  */
44548
- theme === 'ionic' && fill === 'outline' && hAsync("div", { key: '91a7ea7b6f6fccc473b9e058281e5437c00a9b5d', class: "textarea-outline" }), hAsync("div", { key: 'ba641e63d5aaf2ddb291c875f57181d1c93a2b26', class: "start-slot-wrapper" }, hAsync("slot", { key: '351684d41a2b080541a29e0d9e90dd50747b52dc', name: "start" })), hAsync("div", { key: '5c0793742ff6cc327582c3d78d85c28fa8238a40', class: "native-wrapper", ref: (el) => (this.textareaWrapper = el), part: "container" }, hAsync("textarea", Object.assign({ key: '9cf5c908e3fcd54af07c351dcf0bb91c853f1349', class: "native-textarea", part: "native", ref: (el) => (this.nativeInput = el), id: inputId, disabled: disabled, autoCapitalize: this.autocapitalize, autoFocus: this.autofocus, enterKeyHint: this.enterkeyhint, inputMode: this.inputmode, minLength: this.minlength, maxLength: this.maxlength, name: this.name, placeholder: this.placeholder || '', readOnly: this.readonly, required: this.required, spellcheck: this.spellcheck, cols: this.cols, rows: this.rows, wrap: this.wrap, onInput: this.onInput, onChange: this.onChange, onBlur: this.onBlur, onFocus: this.onFocus, onKeyDown: this.onKeyDown, "aria-describedby": this.getHintTextID(), "aria-invalid": this.isInvalid ? 'true' : undefined }, this.inheritedAttributes), value)), hAsync("div", { key: 'e47ffe0bf8e460a7cb205ed35a1107b44687116d', class: "end-slot-wrapper" }, hAsync("slot", { key: '57d035b5f1db373b8488b129c8d3552eb8e630ac', name: "end" }))), shouldRenderHighlight && hAsync("div", { key: '1259ad761b68aea69a1ae8b61a6bbdee6c071b7b', class: "textarea-highlight" })), this.renderBottomContent()));
44445
+ theme === 'ionic' && fill === 'outline' && hAsync("div", { key: '2baacd12528f1da1e8442cf73367e985831d30fa', class: "textarea-outline" }), hAsync("div", { key: '2cbb11940c93eefa3c8aee37a4abec1287600cdc', class: "start-slot-wrapper" }, hAsync("slot", { key: 'a5036f96342252e34440e1c69147179f433b65cf', name: "start" })), hAsync("div", { key: '7fe6ef38994528bda8f60ef05ce63172220a19f3', class: "native-wrapper", ref: (el) => (this.textareaWrapper = el), part: "container" }, hAsync("textarea", Object.assign({ key: '3b34140264bda8dea770c26b6918c837028e249f', class: "native-textarea", part: "native", ref: (el) => (this.nativeInput = el), id: inputId, disabled: disabled, autoCapitalize: this.autocapitalize, autoFocus: this.autofocus, enterKeyHint: this.enterkeyhint, inputMode: this.inputmode, minLength: this.minlength, maxLength: this.maxlength, name: this.name, placeholder: this.placeholder || '', readOnly: this.readonly, required: this.required, spellcheck: this.spellcheck, cols: this.cols, rows: this.rows, wrap: this.wrap, onInput: this.onInput, onChange: this.onChange, onBlur: this.onBlur, onFocus: this.onFocus, onKeyDown: this.onKeyDown, "aria-describedby": this.getHintTextID(), "aria-invalid": this.isInvalid ? 'true' : undefined }, this.inheritedAttributes), value)), hAsync("div", { key: 'fdc551f7e180ca3b8a147453710a330cd28ca60f', class: "end-slot-wrapper" }, hAsync("slot", { key: '135cef89f5341fd1cbbe5e54540cc29308338335', name: "end" }))), shouldRenderHighlight && hAsync("div", { key: '8ffde39c6795139dd50100e09acdccd993a85ed8', class: "textarea-highlight" })), this.renderBottomContent()));
44549
44446
  }
44550
44447
  static get delegatesFocus() { return true; }
44551
44448
  static get formAssociated() { return true; }
@@ -44629,9 +44526,9 @@ class Thumbnail {
44629
44526
  }
44630
44527
  render() {
44631
44528
  const theme = getIonTheme(this);
44632
- return (hAsync(Host, { key: 'fdf9d92949a1e8cf6faded77ffed084f74fc040b', class: {
44529
+ return (hAsync(Host, { key: '15fc2ed6061718490f5bccc3f3e32fe4dc221952', class: {
44633
44530
  [theme]: true,
44634
- } }, hAsync("slot", { key: 'e1b1439c035d9a9503efd1c1a04aed9f4e8e0af7' })));
44531
+ } }, hAsync("slot", { key: '7a602964f62da3e651c50663b4761130e3897bda' })));
44635
44532
  }
44636
44533
  static get style() { return thumbnailCss(); }
44637
44534
  static get cmpMeta() { return {
@@ -45515,9 +45412,9 @@ class Toast {
45515
45412
  if (layout === 'stacked' && startButtons.length > 0 && endButtons.length > 0) {
45516
45413
  printIonWarning('[ion-toast] - This toast is using start and end buttons with the stacked toast layout. We recommend following the best practice of using either start or end buttons with the stacked toast layout.', el);
45517
45414
  }
45518
- return (hAsync(Host, Object.assign({ key: 'f0d62f099dd68f8f541110a60695c2a083c6a4d5', tabindex: "-1" }, this.htmlAttributes, { style: {
45415
+ return (hAsync(Host, Object.assign({ key: 'e1329d64ec1f9a77fbd507a7c91e8c76c6769577', tabindex: "-1" }, this.htmlAttributes, { style: {
45519
45416
  zIndex: `${60000 + this.overlayIndex}`,
45520
- }, class: createColorClasses$1(this.color, Object.assign(Object.assign({ [mode]: true, [theme]: true }, getClassMap(this.cssClass)), { 'overlay-hidden': true, 'toast-translucent': this.translucent, [`toast-shape-${shape}`]: shape !== undefined, [`toast-hue-${hue}`]: hue !== undefined })), onIonToastWillDismiss: this.dispatchCancelHandler }), hAsync("div", { key: '054ba519f93892a000832990097b265887272da4', class: wrapperClass, part: "wrapper" }, hAsync("div", { key: '45fa83c1711ab98e81b8b00e0af3af436eaa5264', class: "toast-container", part: "container" }, this.renderButtons(startButtons, 'start'), this.icon !== undefined && (hAsync("ion-icon", { key: 'eb4143899be5259e3d933461bc4ca593c8b9dd9b', class: "toast-icon", part: "icon", icon: this.icon, lazy: false, "aria-hidden": "true" })), hAsync("div", { key: 'bae8a899abb9bcd4895df45def79bfe3d704e6e4', class: "toast-content", part: "content", role: "status", "aria-atomic": "true", "aria-live": "polite" }, !revealContentToScreenReader && header !== undefined && this.renderHeader('oldHeader', 'true'), !revealContentToScreenReader && message !== undefined && this.renderToastMessage('oldMessage', 'true'), revealContentToScreenReader && header !== undefined && this.renderHeader('header'), revealContentToScreenReader && message !== undefined && this.renderToastMessage('header')), this.renderButtons(endButtons, 'end')))));
45417
+ }, class: createColorClasses$1(this.color, Object.assign(Object.assign({ [mode]: true, [theme]: true }, getClassMap(this.cssClass)), { 'overlay-hidden': true, 'toast-translucent': this.translucent, [`toast-shape-${shape}`]: shape !== undefined, [`toast-hue-${hue}`]: hue !== undefined })), onIonToastWillDismiss: this.dispatchCancelHandler }), hAsync("div", { key: '5ba5af3fc1f143a0b27c5ae26c4cd5ae039eff27', class: wrapperClass, part: "wrapper" }, hAsync("div", { key: '407fe3b6ea1ed8de232e76b0d24a21d018386ab3', class: "toast-container", part: "container" }, this.renderButtons(startButtons, 'start'), this.icon !== undefined && (hAsync("ion-icon", { key: 'e35c3ff1bfed97dab0309488a6ac0b898ebdc9f0', class: "toast-icon", part: "icon", icon: this.icon, lazy: false, "aria-hidden": "true" })), hAsync("div", { key: '7b753256e7b44c4bbe816bcb244178991bf01e45', class: "toast-content", part: "content", role: "status", "aria-atomic": "true", "aria-live": "polite" }, !revealContentToScreenReader && header !== undefined && this.renderHeader('oldHeader', 'true'), !revealContentToScreenReader && message !== undefined && this.renderToastMessage('oldMessage', 'true'), revealContentToScreenReader && header !== undefined && this.renderHeader('header'), revealContentToScreenReader && message !== undefined && this.renderToastMessage('header')), this.renderButtons(endButtons, 'end')))));
45521
45418
  }
45522
45419
  get el() { return getElement(this); }
45523
45420
  static get watchers() { return {
@@ -45588,10 +45485,6 @@ const buttonPart = (button) => {
45588
45485
  return isCancel(button.role) ? 'button cancel' : 'button';
45589
45486
  };
45590
45487
 
45591
- const checkSvg = 'data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyNTYgMjU2IiBmaWxsPSJjdXJyZW50Q29sb3IiPjxwYXRoIGQ9Ik0yMjkuNjYsNzcuNjZsLTEyOCwxMjhhOCw4LDAsMCwxLTExLjMyLDBsLTU2LTU2YTgsOCwwLDAsMSwxMS4zMi0xMS4zMkw5NiwxODguNjksMjE4LjM0LDY2LjM0YTgsOCwwLDAsMSwxMS4zMiwxMS4zMloiLz48L3N2Zz4=';
45592
-
45593
- const minusSvg = 'data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyNTYgMjU2IiBmaWxsPSJjdXJyZW50Q29sb3IiPjxwYXRoIGQ9Ik0yMjQsMTI4YTgsOCwwLDAsMS04LDhINDBhOCw4LDAsMCwxLDAtMTZIMjE2QTgsOCwwLDAsMSwyMjQsMTI4WiIvPjwvc3ZnPg==';
45594
-
45595
45488
  const toggleIonicCss = () => `:host{-webkit-box-sizing:content-box !important;box-sizing:content-box !important;display:inline-block;position:relative;max-width:100%;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}:host(.in-item){-ms-flex:1 1 0px;flex:1 1 0;width:100%;height:100%}:host([slot=start]),:host([slot=end]){-ms-flex:initial;flex:initial;width:auto}:host(.toggle-disabled){pointer-events:none}input{display:none}:host(:focus){outline:none}.toggle-wrapper{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;-webkit-transition:background-color 15ms linear;transition:background-color 15ms linear;cursor:inherit}.label-text-wrapper-hidden{display:none}.native-wrapper{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center}.toggle-bottom{display:-ms-flexbox;display:flex;-ms-flex-pack:justify;justify-content:space-between;white-space:normal}.toggle-bottom .error-text{display:none}.toggle-bottom .helper-text{display:block}:host(.ion-touched.ion-invalid) .toggle-bottom .error-text{display:block}:host(.ion-touched.ion-invalid) .toggle-bottom .helper-text{display:none}:host(.toggle-label-placement-start) .toggle-wrapper{-ms-flex-direction:row;flex-direction:row}:host(.toggle-label-placement-end) .toggle-wrapper{-ms-flex-direction:row-reverse;flex-direction:row-reverse;-ms-flex-pack:start;justify-content:start}:host(.toggle-justify-space-between) .toggle-wrapper{-ms-flex-pack:justify;justify-content:space-between}:host(.toggle-justify-start) .toggle-wrapper{-ms-flex-pack:start;justify-content:start}:host(.toggle-justify-end) .toggle-wrapper{-ms-flex-pack:end;justify-content:end}:host(.toggle-alignment-start) .toggle-wrapper{-ms-flex-align:start;align-items:start}:host(.toggle-alignment-center) .toggle-wrapper{-ms-flex-align:center;align-items:center}:host(.toggle-justify-space-between),:host(.toggle-justify-start),:host(.toggle-justify-end),:host(.toggle-alignment-start),:host(.toggle-alignment-center){display:block}.toggle-icon-wrapper{display:-ms-flexbox;display:flex;position:relative;-ms-flex-align:center;align-items:center;width:100%;height:100%;-webkit-transition:var(--handle-transition);transition:var(--handle-transition);will-change:transform}.toggle-icon{border-radius:var(--border-radius);display:block;position:relative;width:100%;height:100%;background:var(--track-background);overflow:inherit}:host(.toggle-checked) .toggle-icon{background:var(--track-background-checked)}.toggle-inner{border-radius:var(--handle-border-radius);position:absolute;left:var(--handle-spacing);width:var(--handle-width);height:var(--handle-height);max-height:var(--handle-max-height);-webkit-transition:var(--handle-transition);transition:var(--handle-transition);background:var(--handle-background);-webkit-box-shadow:var(--handle-box-shadow);box-shadow:var(--handle-box-shadow);contain:strict}:host(.toggle-ltr) .toggle-inner{left:var(--handle-spacing)}:host(.toggle-rtl) .toggle-inner{right:var(--handle-spacing)}:host(.toggle-ltr.toggle-checked) .toggle-icon-wrapper{-webkit-transform:translate3d(calc(100% - var(--handle-width)), 0, 0);transform:translate3d(calc(100% - var(--handle-width)), 0, 0)}:host(.toggle-rtl.toggle-checked) .toggle-icon-wrapper{-webkit-transform:translate3d(calc(-100% + var(--handle-width)), 0, 0);transform:translate3d(calc(-100% + var(--handle-width)), 0, 0)}:host(.toggle-checked) .toggle-inner{background:var(--handle-background-checked)}:host(.toggle-ltr.toggle-checked) .toggle-inner{-webkit-transform:translate3d(calc(var(--handle-spacing) * -2), 0, 0);transform:translate3d(calc(var(--handle-spacing) * -2), 0, 0)}:host(.toggle-rtl.toggle-checked) .toggle-inner{-webkit-transform:translate3d(calc(var(--handle-spacing) * 2), 0, 0);transform:translate3d(calc(var(--handle-spacing) * 2), 0, 0)}:host{--track-background:var(--token-primitives-neutral-500, #a2a2a2);--track-background-checked:var(--ion-color-primary, var(--token-bg-primary-base-default, var(--token-semantics-primary-base, var(--token-semantics-primary-700, var(--token-primitives-blue-700, #105cef)))));--border-radius:var(--token-border-radius-full, 999px);--focus-ring-color:var(--token-border-focus-default, var(--token-primitives-blue-400, #b5c0f7));--focus-ring-width:var(--token-border-size-050, var(--token-scale-050, 2px));--handle-background:var(--token-bg-surface-default, var(--token-primitives-base-white, #ffffff));--handle-background-checked:var(--token-bg-surface-default, var(--token-primitives-base-white, #ffffff));--handle-border-radius:var(--token-border-radius-full, 999px);--handle-height:var(--token-scale-500, 20px);--handle-max-height:var(--token-scale-500, 20px);--handle-width:var(--token-scale-500, 20px);--handle-spacing:var(--token-space-050, var(--token-scale-050, 2px));--handle-transition:transform 300ms, width 120ms ease-in-out 80ms, left 110ms ease-in-out 80ms, right 110ms ease-in-out 80ms;font-size:var(--token-font-size-350, 0.875rem);font-weight:var(--token-font-weight-regular, 400);letter-spacing:var(--token-font-letter-spacing-0, 0%);line-height:var(--token-font-line-height-600, var(--token-scale-600, 24px));text-decoration:none;text-transform:none;z-index:2}.toggle-wrapper{-ms-flex-align:center;align-items:center;min-height:var(--token-scale-1200, 48px)}.native-wrapper .toggle-icon{width:var(--token-scale-1100, 44px);height:var(--token-scale-600, 24px);overflow:hidden}:host(.ion-color.toggle-checked) .toggle-icon{background:var(--ion-color-base)}.toggle-bottom{font-size:var(--token-font-size-300, 0.75rem);font-weight:var(--token-font-weight-medium, 500);letter-spacing:var(--token-font-letter-spacing-0, 0%);line-height:var(--token-font-line-height-500, var(--token-scale-500, 20px));text-decoration:none;text-transform:none}.toggle-bottom .error-text{color:var(--token-text-danger, var(--token-semantics-danger-900, var(--token-primitives-red-900, #991b1b)))}.toggle-bottom .helper-text{color:var(--token-text-subtlest, var(--token-primitives-neutral-800, #626262))}:host(.ion-focused) .toggle-icon{outline:var(--focus-ring-width) var(--token-border-style-solid, solid) var(--focus-ring-color);outline-offset:var(--focus-ring-width)}:host(.ion-focused){outline:none}:host(.ion-activated) .toggle-icon{background:var(--token-bg-neutral-base-press, var(--token-primitives-neutral-700, #777777))}:host(.ion-activated.toggle-checked) .toggle-icon{background:var(--token-bg-primary-base-press, var(--token-semantics-primary-900, var(--token-primitives-blue-900, #0d4bc3)))}:host(.toggle-disabled) .toggle-icon::after{right:0;left:0;top:0;bottom:0;position:absolute;background-color:var(--token-state-disabled, rgba(255, 255, 255, 0.6));content:"";pointer-events:none}.toggle-inner{will-change:background-color, transform;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;color:var(--token-text-default, var(--token-primitives-neutral-1200, #242424))}.toggle-inner .toggle-switch-icon{width:var(--token-scale-400, 16px);height:var(--token-scale-400, 16px)}:host .toggle-wrapper{-ms-flex-pack:justify;justify-content:space-between}:host .label-text-wrapper{-webkit-margin-start:0;margin-inline-start:0;-webkit-margin-end:var(--token-space-400, var(--token-scale-400, 16px));margin-inline-end:var(--token-space-400, var(--token-scale-400, 16px));color:var(--token-text-default, var(--token-primitives-neutral-1200, #242424))}:host(.toggle-label-placement-end) .toggle-wrapper{-ms-flex-pack:start;justify-content:start}:host(.toggle-label-placement-end) .label-text-wrapper{-webkit-margin-start:var(--token-space-400, var(--token-scale-400, 16px));margin-inline-start:var(--token-space-400, var(--token-scale-400, 16px));-webkit-margin-end:0;margin-inline-end:0}`;
45596
45489
 
45597
45490
  const toggleIosCss = () => `:host{-webkit-box-sizing:content-box !important;box-sizing:content-box !important;display:inline-block;position:relative;max-width:100%;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}:host(.in-item){-ms-flex:1 1 0px;flex:1 1 0;width:100%;height:100%}:host([slot=start]),:host([slot=end]){-ms-flex:initial;flex:initial;width:auto}:host(.toggle-disabled){pointer-events:none}input{display:none}:host(:focus){outline:none}.toggle-wrapper{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;-webkit-transition:background-color 15ms linear;transition:background-color 15ms linear;cursor:inherit}.label-text-wrapper-hidden{display:none}.native-wrapper{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center}.toggle-bottom{display:-ms-flexbox;display:flex;-ms-flex-pack:justify;justify-content:space-between;white-space:normal}.toggle-bottom .error-text{display:none}.toggle-bottom .helper-text{display:block}:host(.ion-touched.ion-invalid) .toggle-bottom .error-text{display:block}:host(.ion-touched.ion-invalid) .toggle-bottom .helper-text{display:none}:host(.toggle-label-placement-start) .toggle-wrapper{-ms-flex-direction:row;flex-direction:row}:host(.toggle-label-placement-end) .toggle-wrapper{-ms-flex-direction:row-reverse;flex-direction:row-reverse;-ms-flex-pack:start;justify-content:start}:host(.toggle-justify-space-between) .toggle-wrapper{-ms-flex-pack:justify;justify-content:space-between}:host(.toggle-justify-start) .toggle-wrapper{-ms-flex-pack:start;justify-content:start}:host(.toggle-justify-end) .toggle-wrapper{-ms-flex-pack:end;justify-content:end}:host(.toggle-alignment-start) .toggle-wrapper{-ms-flex-align:start;align-items:start}:host(.toggle-alignment-center) .toggle-wrapper{-ms-flex-align:center;align-items:center}:host(.toggle-justify-space-between),:host(.toggle-justify-start),:host(.toggle-justify-end),:host(.toggle-alignment-start),:host(.toggle-alignment-center){display:block}.toggle-icon-wrapper{display:-ms-flexbox;display:flex;position:relative;-ms-flex-align:center;align-items:center;width:100%;height:100%;-webkit-transition:var(--handle-transition);transition:var(--handle-transition);will-change:transform}.toggle-icon{border-radius:var(--border-radius);display:block;position:relative;width:100%;height:100%;background:var(--track-background);overflow:inherit}:host(.toggle-checked) .toggle-icon{background:var(--track-background-checked)}.toggle-inner{border-radius:var(--handle-border-radius);position:absolute;left:var(--handle-spacing);width:var(--handle-width);height:var(--handle-height);max-height:var(--handle-max-height);-webkit-transition:var(--handle-transition);transition:var(--handle-transition);background:var(--handle-background);-webkit-box-shadow:var(--handle-box-shadow);box-shadow:var(--handle-box-shadow);contain:strict}:host(.toggle-ltr) .toggle-inner{left:var(--handle-spacing)}:host(.toggle-rtl) .toggle-inner{right:var(--handle-spacing)}:host(.toggle-ltr.toggle-checked) .toggle-icon-wrapper{-webkit-transform:translate3d(calc(100% - var(--handle-width)), 0, 0);transform:translate3d(calc(100% - var(--handle-width)), 0, 0)}:host(.toggle-rtl.toggle-checked) .toggle-icon-wrapper{-webkit-transform:translate3d(calc(-100% + var(--handle-width)), 0, 0);transform:translate3d(calc(-100% + var(--handle-width)), 0, 0)}:host(.toggle-checked) .toggle-inner{background:var(--handle-background-checked)}:host(.toggle-ltr.toggle-checked) .toggle-inner{-webkit-transform:translate3d(calc(var(--handle-spacing) * -2), 0, 0);transform:translate3d(calc(var(--handle-spacing) * -2), 0, 0)}:host(.toggle-rtl.toggle-checked) .toggle-inner{-webkit-transform:translate3d(calc(var(--handle-spacing) * 2), 0, 0);transform:translate3d(calc(var(--handle-spacing) * 2), 0, 0)}:host{z-index:2}:host(.ion-focused) input{border:2px solid #5e9ed6}:host(.in-item) .label-text-wrapper{margin-top:10px;margin-bottom:10px}:host(.in-item.toggle-label-placement-stacked) .label-text-wrapper{margin-top:10px;margin-bottom:16px}:host(.in-item.toggle-label-placement-stacked) .native-wrapper{margin-bottom:10px}.toggle-bottom{padding-top:4px;font-size:0.75rem}:host(.toggle-label-placement-stacked) .toggle-bottom{font-size:1rem}.toggle-bottom .error-text{color:var(--ion-color-danger, #c5000f)}.toggle-bottom .helper-text{color:var(--ion-color-step-700, var(--ion-text-color-step-300, #4d4d4d))}.label-text-wrapper{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}:host(.toggle-label-placement-fixed) .label-text-wrapper{-webkit-margin-start:0;margin-inline-start:0;-webkit-margin-end:16px;margin-inline-end:16px}:host(.toggle-label-placement-fixed) .label-text-wrapper{-ms-flex:0 0 100px;flex:0 0 100px;width:100px;min-width:100px;max-width:200px}:host(.toggle-label-placement-stacked) .toggle-wrapper{-ms-flex-direction:column;flex-direction:column;text-align:center}:host(.toggle-label-placement-stacked) .label-text-wrapper{-webkit-transform:scale(0.75);transform:scale(0.75);margin-left:0;margin-right:0;margin-bottom:16px;max-width:calc(100% / 0.75)}:host(.toggle-label-placement-stacked.toggle-alignment-start) .label-text-wrapper{-webkit-transform-origin:left top;transform-origin:left top}:host-context([dir=rtl]):host(.toggle-label-placement-stacked.toggle-alignment-start) .label-text-wrapper,:host-context([dir=rtl]).toggle-label-placement-stacked.toggle-alignment-start .label-text-wrapper{-webkit-transform-origin:right top;transform-origin:right top}@supports selector(:dir(rtl)){:host(.toggle-label-placement-stacked.toggle-alignment-start:dir(rtl)) .label-text-wrapper{-webkit-transform-origin:right top;transform-origin:right top}}:host(.toggle-label-placement-stacked.toggle-alignment-center) .label-text-wrapper{-webkit-transform-origin:center top;transform-origin:center top}:host-context([dir=rtl]):host(.toggle-label-placement-stacked.toggle-alignment-center) .label-text-wrapper,:host-context([dir=rtl]).toggle-label-placement-stacked.toggle-alignment-center .label-text-wrapper{-webkit-transform-origin:calc(100% - center) top;transform-origin:calc(100% - center) top}@supports selector(:dir(rtl)){:host(.toggle-label-placement-stacked.toggle-alignment-center:dir(rtl)) .label-text-wrapper{-webkit-transform-origin:calc(100% - center) top;transform-origin:calc(100% - center) top}}:host(.toggle-label-placement-start) .label-text-wrapper{-webkit-margin-start:0;margin-inline-start:0;-webkit-margin-end:16px;margin-inline-end:16px}:host(.toggle-label-placement-end) .label-text-wrapper{-webkit-margin-start:16px;margin-inline-start:16px;-webkit-margin-end:0;margin-inline-end:0}:host{--track-background:rgba(var(--ion-text-color-rgb, 0, 0, 0), 0.088);--track-background-checked:var(--ion-color-primary, #0054e9);--border-radius:15.5px;--handle-background:#ffffff;--handle-background-checked:#ffffff;--handle-border-radius:25.5px;--handle-box-shadow:0 3px 4px rgba(0, 0, 0, 0.06), 0 3px 8px rgba(0, 0, 0, 0.06);--handle-height:calc(31px - (2px * 2));--handle-max-height:calc(100% - var(--handle-spacing) * 2);--handle-width:calc(31px - (2px * 2));--handle-spacing:2px;--handle-transition:transform 300ms, width 120ms ease-in-out 80ms, left 110ms ease-in-out 80ms, right 110ms ease-in-out 80ms}.native-wrapper .toggle-icon{width:51px;height:31px;overflow:hidden}:host(.ion-color.toggle-checked) .toggle-icon{background:var(--ion-color-base)}:host(.toggle-activated) .toggle-switch-icon{opacity:0}.toggle-icon{-webkit-transform:translate3d(0, 0, 0);transform:translate3d(0, 0, 0);-webkit-transition:background-color 300ms;transition:background-color 300ms}.toggle-inner{will-change:transform}.toggle-switch-icon{position:absolute;top:50%;width:11px;height:11px;-webkit-transform:translateY(-50%);transform:translateY(-50%);-webkit-transition:opacity 300ms, color 300ms;transition:opacity 300ms, color 300ms}.toggle-switch-icon{position:absolute;color:var(--ion-color-dark, #222428)}:host(.toggle-ltr) .toggle-switch-icon{right:6px}:host(.toggle-rtl) .toggle-switch-icon{right:initial;left:6px;}:host(.toggle-checked) .toggle-switch-icon.toggle-switch-icon-checked{color:var(--ion-color-contrast, #fff)}:host(.toggle-checked) .toggle-switch-icon:not(.toggle-switch-icon-checked){opacity:0}.toggle-switch-icon-checked{position:absolute;width:15px;height:15px}.toggle-switch-icon-checked-default{-webkit-transform:translateY(-50%) rotate(90deg);transform:translateY(-50%) rotate(90deg)}:host(.toggle-ltr) .toggle-switch-icon-checked{right:initial;left:4px;}:host(.toggle-rtl) .toggle-switch-icon-checked{right:4px}:host(.toggle-activated) .toggle-icon::before,:host(.toggle-checked) .toggle-icon::before{-webkit-transform:scale3d(0, 0, 0);transform:scale3d(0, 0, 0)}:host(.toggle-activated.toggle-checked) .toggle-inner::before{-webkit-transform:scale3d(0, 0, 0);transform:scale3d(0, 0, 0)}:host(.toggle-activated) .toggle-inner{width:calc(var(--handle-width) + 6px)}:host(.toggle-ltr.toggle-activated.toggle-checked) .toggle-icon-wrapper{-webkit-transform:translate3d(calc(100% - var(--handle-width) - 6px), 0, 0);transform:translate3d(calc(100% - var(--handle-width) - 6px), 0, 0)}:host(.toggle-rtl.toggle-activated.toggle-checked) .toggle-icon-wrapper{-webkit-transform:translate3d(calc(-100% + var(--handle-width) + 6px), 0, 0);transform:translate3d(calc(-100% + var(--handle-width) + 6px), 0, 0)}:host(.toggle-disabled){opacity:0.3}:host(.ion-focused:not(.toggle-defers-indicator)) .toggle-icon{-webkit-box-shadow:0 0 0 4px rgba(var(--ion-color-primary-rgb, 0, 84, 233), 0.2);box-shadow:0 0 0 4px rgba(var(--ion-color-primary-rgb, 0, 84, 233), 0.2)}:host(.ion-color.ion-focused.toggle-checked:not(.toggle-defers-indicator)) .toggle-icon{-webkit-box-shadow:0 0 0 4px rgba(var(--ion-color-base-rgb), 0.2);box-shadow:0 0 0 4px rgba(var(--ion-color-base-rgb), 0.2)}`;
@@ -45802,22 +45695,17 @@ class Toggle {
45802
45695
  setFocus() {
45803
45696
  this.el.focus();
45804
45697
  }
45698
+ /**
45699
+ * Get the default icon to use for the checked icon based on the theme.
45700
+ */
45805
45701
  get toggleDefaultCheckedIcon() {
45806
- // Determine the theme and map to default icons
45702
+ // Determine the theme and map to the default icon
45807
45703
  const theme = getIonTheme(this);
45808
- const defaultIcons = {
45809
- ios: removeOutline,
45810
- ionic: checkSvg,
45811
- md: checkmarkOutline,
45812
- };
45813
- // Get the default icon based on the theme, falling back to 'md' icon if necessary
45814
- const defaultIcon = defaultIcons[theme] || defaultIcons.md;
45815
- // Return the default icon
45816
- return defaultIcon;
45704
+ return theme === 'ios' ? removeOutline : checkmarkOutline;
45817
45705
  }
45818
45706
  /**
45819
45707
  * Get the icon to use for the checked icon.
45820
- * Otherwise, use the icon set in the config.
45708
+ * Use the icon set in the config.
45821
45709
  * If no icon is set in the config, use the default icon.
45822
45710
  */
45823
45711
  get toggleCheckedIcon() {
@@ -45825,19 +45713,13 @@ class Toggle {
45825
45713
  }
45826
45714
  /**
45827
45715
  * Get the icon to use for the unchecked icon.
45828
- * Otherwise, use the icon set in the config.
45716
+ * Use the icon set in the config.
45829
45717
  * If no icon is set in the config, use the default icon.
45830
45718
  */
45831
45719
  get toggleUncheckedIcon() {
45832
- // Determine the theme and map to default icons
45720
+ // Determine the theme and map to the default icon
45833
45721
  const theme = getIonTheme(this);
45834
- const defaultIcons = {
45835
- ios: ellipseOutline,
45836
- ionic: minusSvg,
45837
- md: removeOutline,
45838
- };
45839
- // Get the default icon based on the theme, falling back to 'md' icon if necessary
45840
- const defaultIcon = defaultIcons[theme] || defaultIcons.md;
45722
+ const defaultIcon = theme === 'ios' ? ellipseOutline : removeOutline;
45841
45723
  // Return the configured toggle unchecked icon or the default icon
45842
45724
  return config.get('toggleUncheckedIcon', defaultIcon);
45843
45725
  }
@@ -45907,7 +45789,7 @@ class Toggle {
45907
45789
  // The attributes are matched too because the class needs the item to render.
45908
45790
  const inClickableItem = hostContext('ion-item.ion-activatable, ion-item[button], ion-item[href]', el);
45909
45791
  renderHiddenInput(true, el, name, checked ? value : '', disabled);
45910
- return (hAsync(Host, { key: 'ebbc8970fc154697dc03f0ff06eb724d1af7016c', role: "switch", "aria-checked": `${checked}`, "aria-describedby": this.hintTextId, "aria-invalid": this.isInvalid ? 'true' : undefined, onClick: this.onClick, "aria-labelledby": hasLabel ? inputLabelId : null, "aria-label": inheritedAttributes['aria-label'] || null, "aria-disabled": disabled ? 'true' : null, "aria-required": required ? 'true' : undefined, tabindex: disabled ? undefined : 0, onKeyDown: this.onKeyDown, onFocus: this.onFocus, onBlur: this.onBlur, class: createColorClasses$1(color, {
45792
+ return (hAsync(Host, { key: 'eed0ae9f024ad9e4160b73465cad2723470c5d33', role: "switch", "aria-checked": `${checked}`, "aria-describedby": this.hintTextId, "aria-invalid": this.isInvalid ? 'true' : undefined, onClick: this.onClick, "aria-labelledby": hasLabel ? inputLabelId : null, "aria-label": inheritedAttributes['aria-label'] || null, "aria-disabled": disabled ? 'true' : null, "aria-required": required ? 'true' : undefined, tabindex: disabled ? undefined : 0, onKeyDown: this.onKeyDown, onFocus: this.onFocus, onBlur: this.onBlur, class: createColorClasses$1(color, {
45911
45793
  [theme]: true,
45912
45794
  'in-item': inItem,
45913
45795
  // `ion-focusable` has to stay on because it is what makes the item focusable.
@@ -45922,10 +45804,10 @@ class Toggle {
45922
45804
  [`toggle-label-placement-${labelPlacement}`]: true,
45923
45805
  [`toggle-${rtl}`]: true,
45924
45806
  'ion-activatable': isIonicTheme,
45925
- }) }, hAsync("label", { key: '1bc9e719bcb44689282f19a085fec0de3f03b0ca', class: "toggle-wrapper", htmlFor: inputId }, hAsync("input", Object.assign({ key: '1163311bd6ad57fced09f860ea60a297f9a60515', type: "checkbox", role: "switch", "aria-checked": `${checked}`, checked: checked, disabled: disabled, id: inputId, required: required }, inheritedAttributes)), hAsync("div", { key: '0e9f0e1c066ff3fae2f0b202041171c7757d77f8', class: {
45807
+ }) }, hAsync("label", { key: '63c4c5d2770b547e14daf482e9eea1ad5b27a88a', class: "toggle-wrapper", htmlFor: inputId }, hAsync("input", Object.assign({ key: '15b5cf7825f1f2511e07c9d2af5681abc83731f1', type: "checkbox", role: "switch", "aria-checked": `${checked}`, checked: checked, disabled: disabled, id: inputId, required: required }, inheritedAttributes)), hAsync("div", { key: 'f579e6cfcd7ef68b6c213a3435e5ff14687e9678', class: {
45926
45808
  'label-text-wrapper': true,
45927
45809
  'label-text-wrapper-hidden': !hasLabel,
45928
- }, part: "label", id: inputLabelId, onClick: this.onDivLabelClick }, hAsync("slot", { key: '893218b3861ad1356ab84ad3510e0eedab8d2229' }), this.renderHintText()), hAsync("div", { key: '62229e3f5d8c79205ac098c2c5ea6df1a166a4f6', class: "native-wrapper" }, this.renderToggleControl()))));
45810
+ }, part: "label", id: inputLabelId, onClick: this.onDivLabelClick }, hAsync("slot", { key: 'e47cef085d9486c529f932df0ec5ae0620075ebc' }), this.renderHintText()), hAsync("div", { key: '6c9b697a652d2f0329fc02f84ee81898c8ee39d3', class: "native-wrapper" }, this.renderToggleControl()))));
45929
45811
  }
45930
45812
  get el() { return getElement(this); }
45931
45813
  static get watchers() { return {
@@ -46217,11 +46099,11 @@ class Toolbar {
46217
46099
  Object.assign(childStyles, style);
46218
46100
  });
46219
46101
  const titlePlacement = this.getTitlePlacement();
46220
- return (hAsync(Host, { key: 'bcb621674157410d7eaeb006779bdd677346587e', class: Object.assign(Object.assign({}, createColorClasses$1(this.color, {
46102
+ return (hAsync(Host, { key: 'bbb8d7cd786d5b91b0f65b97335294d9701d4cdc', class: Object.assign(Object.assign({}, createColorClasses$1(this.color, {
46221
46103
  [theme]: true,
46222
46104
  'in-toolbar': hostContext('ion-toolbar', this.el),
46223
46105
  [`toolbar-title-placement-${titlePlacement}`]: true,
46224
- })), childStyles) }, hAsync("div", { key: '0d31a98b2571b9a0ae142fbdfd83e2ebdcd8e069', class: "toolbar-background", part: "background" }), hAsync("div", { key: 'de938534c487c6cb4060dac44b40c2d872130f50', class: "toolbar-container", part: "container" }, hAsync("slot", { key: 'a337150d353e439eae67c31ff86e383ed51f3d8f', name: "start", onSlotchange: () => this.updateSlotClasses }), hAsync("slot", { key: '02effd3ce0cdad5ec5645fa58ccb329321449190', name: "secondary", onSlotchange: () => this.updateSlotClasses }), hAsync("div", { key: '3e22f5feda2aea02117bdea2fe8a4b8905ba82f6', class: "toolbar-content", part: "content" }, hAsync("slot", { key: 'ebf828643ff05a8bf662a54715d21d0859168d31' })), hAsync("slot", { key: 'a6940648dfe25a7aa8792a1bd9267437274f333c', name: "primary", onSlotchange: () => this.updateSlotClasses }), hAsync("slot", { key: 'afb1d61aa0e430fcf483ba482af64762474e06fe', name: "end", onSlotchange: () => this.updateSlotClasses }))));
46106
+ })), childStyles) }, hAsync("div", { key: 'c5ea1b921e87f6f1615f1fa98959a985881bf9f1', class: "toolbar-background", part: "background" }), hAsync("div", { key: 'fa9da58a2be236daa05e26ddd4046dff41d33fcb', class: "toolbar-container", part: "container" }, hAsync("slot", { key: '45f76c8833843bc27c79121bec16d65433277c12', name: "start", onSlotchange: () => this.updateSlotClasses }), hAsync("slot", { key: '3d1a7f34bc361ae87e361e05c5c6a3b2a7423f1d', name: "secondary", onSlotchange: () => this.updateSlotClasses }), hAsync("div", { key: 'ad7d5133a105c9b9398a0c6458c5ff3f9b0f6253', class: "toolbar-content", part: "content" }, hAsync("slot", { key: '783fe390e4bca1b7a245961e750a50bb009173b6' })), hAsync("slot", { key: 'a555b3bef40a9bab3a1f1b39a02cbc8b28122c4a', name: "primary", onSlotchange: () => this.updateSlotClasses }), hAsync("slot", { key: '635a84fff3818e4648ea46bd80f5ef0808a9ff0e', name: "end", onSlotchange: () => this.updateSlotClasses }))));
46225
46107
  }
46226
46108
  get el() { return getElement(this); }
46227
46109
  static get watchers() { return {
@@ -46280,11 +46162,11 @@ class ToolbarTitle {
46280
46162
  render() {
46281
46163
  const theme = getIonTheme(this);
46282
46164
  const size = this.getSize();
46283
- return (hAsync(Host, { key: 'd64e86bed418cba707d4a26c9274f18ed06c0e9e', class: createColorClasses$1(this.color, {
46165
+ return (hAsync(Host, { key: 'ee32202b0a04aa63b4369e5d4862759cb8ec24c0', class: createColorClasses$1(this.color, {
46284
46166
  [theme]: true,
46285
46167
  [`title-${size}`]: true,
46286
46168
  'title-rtl': document.dir === 'rtl',
46287
- }) }, hAsync("div", { key: '386a71e974cde0bfbf5b655d69ed5f718de8ce48', class: "toolbar-title" }, hAsync("slot", { key: '8aa804c9e1b11574a42268805d3117a085e699b4' }))));
46169
+ }) }, hAsync("div", { key: 'bfe124a72b10e9f4375ca0aa7caf46b8ef1e5ae8', class: "toolbar-title" }, hAsync("slot", { key: 'b55441661bacb883ddf9895616cfc72792f3508a' }))));
46288
46170
  }
46289
46171
  get el() { return getElement(this); }
46290
46172
  static get watchers() { return {