@ionic/core 8.3.3-dev.11729027747.1d05ced8 → 8.3.3-dev.11729113140.194d2c73

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 (429) hide show
  1. package/components/action-sheet.js +34 -22
  2. package/components/alert.js +2 -2
  3. package/components/backdrop.js +1 -1
  4. package/components/button.js +2 -2
  5. package/components/buttons.js +2 -2
  6. package/components/checkbox.js +3 -3
  7. package/components/ion-app.js +1 -1
  8. package/components/ion-avatar.js +1 -1
  9. package/components/ion-back-button.js +2 -2
  10. package/components/ion-badge.js +2 -2
  11. package/components/ion-breadcrumb.js +4 -4
  12. package/components/ion-breadcrumbs.js +2 -2
  13. package/components/ion-card-content.js +1 -1
  14. package/components/ion-card-header.js +2 -2
  15. package/components/ion-card-subtitle.js +2 -2
  16. package/components/ion-card-title.js +2 -2
  17. package/components/ion-card.js +1 -1
  18. package/components/ion-chip.js +2 -2
  19. package/components/ion-col.js +2 -2
  20. package/components/ion-content.js +3 -3
  21. package/components/ion-datetime-button.js +2 -2
  22. package/components/ion-datetime.js +2 -2
  23. package/components/ion-fab-button.js +2 -2
  24. package/components/ion-fab-list.js +2 -2
  25. package/components/ion-fab.js +2 -2
  26. package/components/ion-footer.js +2 -2
  27. package/components/ion-grid.js +2 -2
  28. package/components/ion-header.js +2 -2
  29. package/components/ion-img.js +1 -1
  30. package/components/ion-infinite-scroll-content.js +2 -2
  31. package/components/ion-infinite-scroll.js +1 -1
  32. package/components/ion-input-password-toggle.js +3 -3
  33. package/components/ion-input.js +3 -3
  34. package/components/ion-item-divider.js +2 -2
  35. package/components/ion-item-group.js +1 -1
  36. package/components/ion-item-option.js +2 -2
  37. package/components/ion-item-options.js +1 -1
  38. package/components/ion-item-sliding.js +1 -1
  39. package/components/ion-loading.js +2 -2
  40. package/components/ion-menu-button.js +2 -2
  41. package/components/ion-menu-toggle.js +2 -2
  42. package/components/ion-menu.js +2 -2
  43. package/components/ion-modal.js +4 -4
  44. package/components/ion-nav-link.js +1 -1
  45. package/components/ion-nav.js +1 -1
  46. package/components/ion-note.js +2 -2
  47. package/components/ion-picker-legacy.js +2 -2
  48. package/components/ion-progress-bar.js +1 -1
  49. package/components/ion-range.js +3 -3
  50. package/components/ion-refresher-content.js +1 -1
  51. package/components/ion-refresher.js +1 -1
  52. package/components/ion-reorder-group.js +1 -1
  53. package/components/ion-reorder.js +1 -1
  54. package/components/ion-router-link.js +2 -2
  55. package/components/ion-router-outlet.js +1 -1
  56. package/components/ion-row.js +1 -1
  57. package/components/ion-searchbar.js +4 -4
  58. package/components/ion-segment-button.js +3 -3
  59. package/components/ion-segment.js +2 -2
  60. package/components/ion-select-option.js +1 -1
  61. package/components/ion-select.js +2 -2
  62. package/components/ion-skeleton-text.js +2 -2
  63. package/components/ion-split-pane.js +2 -2
  64. package/components/ion-tab-bar.js +2 -2
  65. package/components/ion-tab-button.js +2 -2
  66. package/components/ion-tab.js +2 -2
  67. package/components/ion-tabs.js +1 -1
  68. package/components/ion-text.js +2 -2
  69. package/components/ion-textarea.js +2 -2
  70. package/components/ion-thumbnail.js +1 -1
  71. package/components/ion-title.js +2 -2
  72. package/components/ion-toast.js +2 -2
  73. package/components/ion-toggle.js +3 -3
  74. package/components/ion-toolbar.js +2 -2
  75. package/components/label.js +2 -2
  76. package/components/list-header.js +2 -2
  77. package/components/list.js +1 -1
  78. package/components/picker-column-option.js +2 -2
  79. package/components/picker-column.js +3 -3
  80. package/components/picker-column2.js +2 -2
  81. package/components/picker.js +2 -2
  82. package/components/popover.js +2 -2
  83. package/components/radio-group.js +1 -1
  84. package/components/radio.js +3 -3
  85. package/components/ripple-effect.js +1 -1
  86. package/components/select-popover.js +1 -1
  87. package/components/spinner.js +1 -1
  88. package/dist/cjs/ion-action-sheet.cjs.entry.js +20 -20
  89. package/dist/cjs/ion-alert.cjs.entry.js +2 -2
  90. package/dist/cjs/ion-app_8.cjs.entry.js +15 -15
  91. package/dist/cjs/ion-avatar_3.cjs.entry.js +4 -4
  92. package/dist/cjs/ion-back-button.cjs.entry.js +2 -2
  93. package/dist/cjs/ion-backdrop.cjs.entry.js +1 -1
  94. package/dist/cjs/ion-breadcrumb_2.cjs.entry.js +6 -6
  95. package/dist/cjs/ion-button_2.cjs.entry.js +2 -2
  96. package/dist/cjs/ion-card_5.cjs.entry.js +8 -8
  97. package/dist/cjs/ion-checkbox.cjs.entry.js +3 -3
  98. package/dist/cjs/ion-chip.cjs.entry.js +2 -2
  99. package/dist/cjs/ion-col_3.cjs.entry.js +5 -5
  100. package/dist/cjs/ion-datetime-button.cjs.entry.js +2 -2
  101. package/dist/cjs/ion-datetime_3.cjs.entry.js +6 -6
  102. package/dist/cjs/ion-fab_3.cjs.entry.js +6 -6
  103. package/dist/cjs/ion-img.cjs.entry.js +1 -1
  104. package/dist/cjs/ion-infinite-scroll_2.cjs.entry.js +3 -3
  105. package/dist/cjs/ion-input-password-toggle.cjs.entry.js +3 -3
  106. package/dist/cjs/ion-input.cjs.entry.js +3 -3
  107. package/dist/cjs/ion-item-option_3.cjs.entry.js +4 -4
  108. package/dist/cjs/ion-item_8.cjs.entry.js +12 -12
  109. package/dist/cjs/ion-loading.cjs.entry.js +2 -2
  110. package/dist/cjs/ion-menu_3.cjs.entry.js +6 -6
  111. package/dist/cjs/ion-modal.cjs.entry.js +4 -4
  112. package/dist/cjs/ion-nav_2.cjs.entry.js +2 -2
  113. package/dist/cjs/ion-picker-column-option.cjs.entry.js +2 -2
  114. package/dist/cjs/ion-picker-column.cjs.entry.js +3 -3
  115. package/dist/cjs/ion-picker.cjs.entry.js +2 -2
  116. package/dist/cjs/ion-popover.cjs.entry.js +2 -2
  117. package/dist/cjs/ion-progress-bar.cjs.entry.js +1 -1
  118. package/dist/cjs/ion-radio_2.cjs.entry.js +4 -4
  119. package/dist/cjs/ion-range.cjs.entry.js +3 -3
  120. package/dist/cjs/ion-refresher_2.cjs.entry.js +2 -2
  121. package/dist/cjs/ion-reorder_2.cjs.entry.js +2 -2
  122. package/dist/cjs/ion-ripple-effect.cjs.entry.js +1 -1
  123. package/dist/cjs/ion-route_4.cjs.entry.js +2 -2
  124. package/dist/cjs/ion-searchbar.cjs.entry.js +4 -4
  125. package/dist/cjs/ion-segment_2.cjs.entry.js +5 -5
  126. package/dist/cjs/ion-select_3.cjs.entry.js +4 -4
  127. package/dist/cjs/ion-spinner.cjs.entry.js +1 -1
  128. package/dist/cjs/ion-split-pane.cjs.entry.js +2 -2
  129. package/dist/cjs/ion-tab-bar_2.cjs.entry.js +4 -4
  130. package/dist/cjs/ion-tab_2.cjs.entry.js +3 -3
  131. package/dist/cjs/ion-text.cjs.entry.js +2 -2
  132. package/dist/cjs/ion-textarea.cjs.entry.js +2 -2
  133. package/dist/cjs/ion-toast.cjs.entry.js +2 -2
  134. package/dist/cjs/ion-toggle.cjs.entry.js +3 -3
  135. package/dist/cjs/ionic.cjs.js +1 -1
  136. package/dist/cjs/loader.cjs.js +1 -1
  137. package/dist/collection/components/action-sheet/action-sheet.ios.css +1 -1
  138. package/dist/collection/components/action-sheet/action-sheet.js +18 -27
  139. package/dist/collection/components/action-sheet/action-sheet.md.css +1 -1
  140. package/dist/collection/components/alert/alert.js +2 -2
  141. package/dist/collection/components/app/app.js +1 -1
  142. package/dist/collection/components/avatar/avatar.js +1 -1
  143. package/dist/collection/components/back-button/back-button.js +2 -2
  144. package/dist/collection/components/backdrop/backdrop.js +1 -1
  145. package/dist/collection/components/badge/badge.js +2 -2
  146. package/dist/collection/components/breadcrumb/breadcrumb.js +4 -4
  147. package/dist/collection/components/breadcrumbs/breadcrumbs.js +2 -2
  148. package/dist/collection/components/button/button.js +2 -2
  149. package/dist/collection/components/buttons/buttons.js +2 -2
  150. package/dist/collection/components/card/card.js +1 -1
  151. package/dist/collection/components/card-content/card-content.js +1 -1
  152. package/dist/collection/components/card-header/card-header.js +2 -2
  153. package/dist/collection/components/card-subtitle/card-subtitle.js +2 -2
  154. package/dist/collection/components/card-title/card-title.js +2 -2
  155. package/dist/collection/components/checkbox/checkbox.js +3 -3
  156. package/dist/collection/components/chip/chip.js +2 -2
  157. package/dist/collection/components/col/col.js +2 -2
  158. package/dist/collection/components/content/content.js +3 -3
  159. package/dist/collection/components/datetime/datetime.js +2 -2
  160. package/dist/collection/components/datetime-button/datetime-button.js +2 -2
  161. package/dist/collection/components/fab/fab.js +2 -2
  162. package/dist/collection/components/fab-button/fab-button.js +2 -2
  163. package/dist/collection/components/fab-list/fab-list.js +2 -2
  164. package/dist/collection/components/footer/footer.js +2 -2
  165. package/dist/collection/components/grid/grid.js +2 -2
  166. package/dist/collection/components/header/header.js +2 -2
  167. package/dist/collection/components/img/img.js +1 -1
  168. package/dist/collection/components/infinite-scroll/infinite-scroll.js +1 -1
  169. package/dist/collection/components/infinite-scroll-content/infinite-scroll-content.js +2 -2
  170. package/dist/collection/components/input/input.js +3 -3
  171. package/dist/collection/components/input-password-toggle/input-password-toggle.js +3 -3
  172. package/dist/collection/components/item-divider/item-divider.js +2 -2
  173. package/dist/collection/components/item-group/item-group.js +1 -1
  174. package/dist/collection/components/item-option/item-option.js +2 -2
  175. package/dist/collection/components/item-options/item-options.js +1 -1
  176. package/dist/collection/components/item-sliding/item-sliding.js +1 -1
  177. package/dist/collection/components/label/label.js +2 -2
  178. package/dist/collection/components/list/list.js +1 -1
  179. package/dist/collection/components/list-header/list-header.js +2 -2
  180. package/dist/collection/components/loading/loading.js +2 -2
  181. package/dist/collection/components/menu/menu.js +2 -2
  182. package/dist/collection/components/menu-button/menu-button.js +2 -2
  183. package/dist/collection/components/menu-toggle/menu-toggle.js +2 -2
  184. package/dist/collection/components/modal/modal.js +4 -4
  185. package/dist/collection/components/nav/nav.js +1 -1
  186. package/dist/collection/components/nav-link/nav-link.js +1 -1
  187. package/dist/collection/components/note/note.js +2 -2
  188. package/dist/collection/components/picker/picker.js +2 -2
  189. package/dist/collection/components/picker-column/picker-column.js +3 -3
  190. package/dist/collection/components/picker-column-option/picker-column-option.js +2 -2
  191. package/dist/collection/components/picker-legacy/picker.js +2 -2
  192. package/dist/collection/components/picker-legacy-column/picker-column.js +2 -2
  193. package/dist/collection/components/popover/popover.js +2 -2
  194. package/dist/collection/components/progress-bar/progress-bar.js +1 -1
  195. package/dist/collection/components/radio/radio.js +3 -3
  196. package/dist/collection/components/radio-group/radio-group.js +1 -1
  197. package/dist/collection/components/range/range.js +3 -3
  198. package/dist/collection/components/refresher/refresher.js +1 -1
  199. package/dist/collection/components/refresher-content/refresher-content.js +1 -1
  200. package/dist/collection/components/reorder/reorder.js +1 -1
  201. package/dist/collection/components/reorder-group/reorder-group.js +1 -1
  202. package/dist/collection/components/ripple-effect/ripple-effect.js +1 -1
  203. package/dist/collection/components/router-link/router-link.js +2 -2
  204. package/dist/collection/components/router-outlet/router-outlet.js +1 -1
  205. package/dist/collection/components/row/row.js +1 -1
  206. package/dist/collection/components/searchbar/searchbar.js +4 -4
  207. package/dist/collection/components/segment/segment.js +2 -2
  208. package/dist/collection/components/segment-button/segment-button.js +3 -3
  209. package/dist/collection/components/select/select.js +2 -2
  210. package/dist/collection/components/select-option/select-option.js +1 -1
  211. package/dist/collection/components/select-popover/select-popover.js +1 -1
  212. package/dist/collection/components/skeleton-text/skeleton-text.js +2 -2
  213. package/dist/collection/components/spinner/spinner.js +1 -1
  214. package/dist/collection/components/split-pane/split-pane.js +2 -2
  215. package/dist/collection/components/tab/tab.js +2 -2
  216. package/dist/collection/components/tab-bar/tab-bar.js +2 -2
  217. package/dist/collection/components/tab-button/tab-button.js +2 -2
  218. package/dist/collection/components/tabs/tabs.js +1 -1
  219. package/dist/collection/components/text/text.js +2 -2
  220. package/dist/collection/components/textarea/textarea.js +2 -2
  221. package/dist/collection/components/thumbnail/thumbnail.js +1 -1
  222. package/dist/collection/components/title/title.js +2 -2
  223. package/dist/collection/components/toast/toast.js +2 -2
  224. package/dist/collection/components/toggle/toggle.js +3 -3
  225. package/dist/collection/components/toolbar/toolbar.js +2 -2
  226. package/dist/docs.json +14 -4
  227. package/dist/esm/ion-action-sheet.entry.js +20 -20
  228. package/dist/esm/ion-alert.entry.js +2 -2
  229. package/dist/esm/ion-app_8.entry.js +15 -15
  230. package/dist/esm/ion-avatar_3.entry.js +4 -4
  231. package/dist/esm/ion-back-button.entry.js +2 -2
  232. package/dist/esm/ion-backdrop.entry.js +1 -1
  233. package/dist/esm/ion-breadcrumb_2.entry.js +6 -6
  234. package/dist/esm/ion-button_2.entry.js +2 -2
  235. package/dist/esm/ion-card_5.entry.js +8 -8
  236. package/dist/esm/ion-checkbox.entry.js +3 -3
  237. package/dist/esm/ion-chip.entry.js +2 -2
  238. package/dist/esm/ion-col_3.entry.js +5 -5
  239. package/dist/esm/ion-datetime-button.entry.js +2 -2
  240. package/dist/esm/ion-datetime_3.entry.js +6 -6
  241. package/dist/esm/ion-fab_3.entry.js +6 -6
  242. package/dist/esm/ion-img.entry.js +1 -1
  243. package/dist/esm/ion-infinite-scroll_2.entry.js +3 -3
  244. package/dist/esm/ion-input-password-toggle.entry.js +3 -3
  245. package/dist/esm/ion-input.entry.js +3 -3
  246. package/dist/esm/ion-item-option_3.entry.js +4 -4
  247. package/dist/esm/ion-item_8.entry.js +12 -12
  248. package/dist/esm/ion-loading.entry.js +2 -2
  249. package/dist/esm/ion-menu_3.entry.js +6 -6
  250. package/dist/esm/ion-modal.entry.js +4 -4
  251. package/dist/esm/ion-nav_2.entry.js +2 -2
  252. package/dist/esm/ion-picker-column-option.entry.js +2 -2
  253. package/dist/esm/ion-picker-column.entry.js +3 -3
  254. package/dist/esm/ion-picker.entry.js +2 -2
  255. package/dist/esm/ion-popover.entry.js +2 -2
  256. package/dist/esm/ion-progress-bar.entry.js +1 -1
  257. package/dist/esm/ion-radio_2.entry.js +4 -4
  258. package/dist/esm/ion-range.entry.js +3 -3
  259. package/dist/esm/ion-refresher_2.entry.js +2 -2
  260. package/dist/esm/ion-reorder_2.entry.js +2 -2
  261. package/dist/esm/ion-ripple-effect.entry.js +1 -1
  262. package/dist/esm/ion-route_4.entry.js +2 -2
  263. package/dist/esm/ion-searchbar.entry.js +4 -4
  264. package/dist/esm/ion-segment_2.entry.js +5 -5
  265. package/dist/esm/ion-select_3.entry.js +4 -4
  266. package/dist/esm/ion-spinner.entry.js +1 -1
  267. package/dist/esm/ion-split-pane.entry.js +2 -2
  268. package/dist/esm/ion-tab-bar_2.entry.js +4 -4
  269. package/dist/esm/ion-tab_2.entry.js +3 -3
  270. package/dist/esm/ion-text.entry.js +2 -2
  271. package/dist/esm/ion-textarea.entry.js +2 -2
  272. package/dist/esm/ion-toast.entry.js +2 -2
  273. package/dist/esm/ion-toggle.entry.js +3 -3
  274. package/dist/esm/ionic.js +1 -1
  275. package/dist/esm/loader.js +1 -1
  276. package/dist/esm-es5/ion-action-sheet.entry.js +1 -1
  277. package/dist/esm-es5/ion-alert.entry.js +1 -1
  278. package/dist/esm-es5/ion-app_8.entry.js +1 -1
  279. package/dist/esm-es5/ion-avatar_3.entry.js +1 -1
  280. package/dist/esm-es5/ion-back-button.entry.js +1 -1
  281. package/dist/esm-es5/ion-backdrop.entry.js +1 -1
  282. package/dist/esm-es5/ion-breadcrumb_2.entry.js +1 -1
  283. package/dist/esm-es5/ion-button_2.entry.js +1 -1
  284. package/dist/esm-es5/ion-card_5.entry.js +1 -1
  285. package/dist/esm-es5/ion-checkbox.entry.js +1 -1
  286. package/dist/esm-es5/ion-chip.entry.js +1 -1
  287. package/dist/esm-es5/ion-col_3.entry.js +1 -1
  288. package/dist/esm-es5/ion-datetime-button.entry.js +1 -1
  289. package/dist/esm-es5/ion-datetime_3.entry.js +1 -1
  290. package/dist/esm-es5/ion-fab_3.entry.js +1 -1
  291. package/dist/esm-es5/ion-img.entry.js +1 -1
  292. package/dist/esm-es5/ion-infinite-scroll_2.entry.js +1 -1
  293. package/dist/esm-es5/ion-input-password-toggle.entry.js +1 -1
  294. package/dist/esm-es5/ion-input.entry.js +1 -1
  295. package/dist/esm-es5/ion-item-option_3.entry.js +1 -1
  296. package/dist/esm-es5/ion-item_8.entry.js +1 -1
  297. package/dist/esm-es5/ion-loading.entry.js +1 -1
  298. package/dist/esm-es5/ion-menu_3.entry.js +1 -1
  299. package/dist/esm-es5/ion-modal.entry.js +1 -1
  300. package/dist/esm-es5/ion-nav_2.entry.js +1 -1
  301. package/dist/esm-es5/ion-picker-column-option.entry.js +1 -1
  302. package/dist/esm-es5/ion-picker-column.entry.js +1 -1
  303. package/dist/esm-es5/ion-picker.entry.js +1 -1
  304. package/dist/esm-es5/ion-popover.entry.js +1 -1
  305. package/dist/esm-es5/ion-progress-bar.entry.js +1 -1
  306. package/dist/esm-es5/ion-radio_2.entry.js +1 -1
  307. package/dist/esm-es5/ion-range.entry.js +1 -1
  308. package/dist/esm-es5/ion-refresher_2.entry.js +1 -1
  309. package/dist/esm-es5/ion-reorder_2.entry.js +1 -1
  310. package/dist/esm-es5/ion-ripple-effect.entry.js +1 -1
  311. package/dist/esm-es5/ion-route_4.entry.js +1 -1
  312. package/dist/esm-es5/ion-searchbar.entry.js +1 -1
  313. package/dist/esm-es5/ion-segment_2.entry.js +1 -1
  314. package/dist/esm-es5/ion-select_3.entry.js +1 -1
  315. package/dist/esm-es5/ion-spinner.entry.js +1 -1
  316. package/dist/esm-es5/ion-split-pane.entry.js +1 -1
  317. package/dist/esm-es5/ion-tab-bar_2.entry.js +1 -1
  318. package/dist/esm-es5/ion-tab_2.entry.js +1 -1
  319. package/dist/esm-es5/ion-text.entry.js +1 -1
  320. package/dist/esm-es5/ion-textarea.entry.js +1 -1
  321. package/dist/esm-es5/ion-toast.entry.js +1 -1
  322. package/dist/esm-es5/ion-toggle.entry.js +1 -1
  323. package/dist/esm-es5/ionic.js +1 -1
  324. package/dist/esm-es5/loader.js +1 -1
  325. package/dist/ionic/ionic.esm.js +1 -1
  326. package/dist/ionic/{p-7603fa3c.entry.js → p-03868d1d.entry.js} +1 -1
  327. package/dist/ionic/{p-79357257.system.entry.js → p-050a50e6.system.entry.js} +2 -2
  328. package/dist/ionic/{p-51f35545.entry.js → p-072ed43e.entry.js} +1 -1
  329. package/dist/ionic/{p-08d58c6e.system.entry.js → p-0b82c65b.system.entry.js} +1 -1
  330. package/dist/ionic/{p-7219765b.system.entry.js → p-108dfae3.system.entry.js} +1 -1
  331. package/dist/ionic/{p-4689be69.entry.js → p-1437acda.entry.js} +1 -1
  332. package/dist/ionic/{p-bfadf647.entry.js → p-153f4241.entry.js} +1 -1
  333. package/dist/ionic/{p-10d5c336.system.entry.js → p-15cbdf18.system.entry.js} +2 -2
  334. package/dist/ionic/{p-6632c950.system.entry.js → p-15fc489f.system.entry.js} +1 -1
  335. package/dist/ionic/{p-82229906.entry.js → p-1b4556cf.entry.js} +1 -1
  336. package/dist/ionic/p-1e644118.entry.js +4 -0
  337. package/dist/ionic/{p-b16f01c0.system.entry.js → p-1f9e350a.system.entry.js} +1 -1
  338. package/dist/ionic/{p-d0d0b5da.entry.js → p-21714c97.entry.js} +1 -1
  339. package/dist/ionic/{p-b4d17d24.system.entry.js → p-242ba41c.system.entry.js} +1 -1
  340. package/dist/ionic/{p-bd18dd08.system.entry.js → p-27278438.system.entry.js} +1 -1
  341. package/dist/ionic/{p-24fa7c25.entry.js → p-28cd9738.entry.js} +1 -1
  342. package/dist/ionic/{p-a168b755.entry.js → p-2ff38923.entry.js} +1 -1
  343. package/dist/ionic/{p-f8ad7ea4.system.entry.js → p-301a801a.system.entry.js} +1 -1
  344. package/dist/ionic/{p-fa8d5872.system.entry.js → p-3066d27b.system.entry.js} +1 -1
  345. package/dist/ionic/p-322c5fb4.system.js +1 -1
  346. package/dist/ionic/{p-ed972ec6.system.entry.js → p-33115f69.system.entry.js} +1 -1
  347. package/dist/ionic/{p-cd83e57a.system.entry.js → p-35486885.system.entry.js} +1 -1
  348. package/dist/ionic/{p-e71ad7fd.system.entry.js → p-3d9903f5.system.entry.js} +1 -1
  349. package/dist/ionic/{p-99f8439c.entry.js → p-3df2d35c.entry.js} +1 -1
  350. package/dist/ionic/{p-d16f52c4.entry.js → p-41baf584.entry.js} +1 -1
  351. package/dist/ionic/{p-669bec19.entry.js → p-423e944c.entry.js} +1 -1
  352. package/dist/ionic/{p-000616a6.system.entry.js → p-43f172d8.system.entry.js} +1 -1
  353. package/dist/ionic/{p-b096d8e2.system.entry.js → p-453b0b5c.system.entry.js} +1 -1
  354. package/dist/ionic/{p-7f63a0a9.system.entry.js → p-4613748f.system.entry.js} +1 -1
  355. package/dist/ionic/{p-f8bd587f.entry.js → p-499e27b8.entry.js} +1 -1
  356. package/dist/ionic/{p-d1960417.system.entry.js → p-4a96ada0.system.entry.js} +1 -1
  357. package/dist/ionic/{p-762a188e.system.entry.js → p-4c23c00d.system.entry.js} +2 -2
  358. package/dist/ionic/{p-ef942556.system.entry.js → p-5244c684.system.entry.js} +1 -1
  359. package/dist/ionic/{p-fb4aa2f3.system.entry.js → p-5390d402.system.entry.js} +1 -1
  360. package/dist/ionic/{p-aebea85f.entry.js → p-56e8b882.entry.js} +1 -1
  361. package/dist/ionic/{p-f7a79406.system.entry.js → p-59b940a4.system.entry.js} +1 -1
  362. package/dist/ionic/{p-8522dc98.entry.js → p-5a8f5d9f.entry.js} +1 -1
  363. package/dist/ionic/{p-a40583b8.entry.js → p-5ab4b47d.entry.js} +1 -1
  364. package/dist/ionic/{p-368d64f5.entry.js → p-5f61ff91.entry.js} +1 -1
  365. package/dist/ionic/p-6674595b.entry.js +4 -0
  366. package/dist/ionic/{p-b0815de0.entry.js → p-694f2e47.entry.js} +1 -1
  367. package/dist/ionic/{p-8c559d3e.system.entry.js → p-6a05f5b4.system.entry.js} +1 -1
  368. package/dist/ionic/{p-85047881.entry.js → p-6bc4a7be.entry.js} +1 -1
  369. package/dist/ionic/{p-aff11d9d.system.entry.js → p-6d633bdd.system.entry.js} +1 -1
  370. package/dist/ionic/{p-fb7ccf79.entry.js → p-72b4ec08.entry.js} +1 -1
  371. package/dist/ionic/{p-eff0c7a8.system.entry.js → p-77ec77c9.system.entry.js} +1 -1
  372. package/dist/ionic/{p-f2a066df.system.entry.js → p-782865e3.system.entry.js} +2 -2
  373. package/dist/ionic/{p-6fefff9f.system.entry.js → p-7a5a88ef.system.entry.js} +2 -2
  374. package/dist/ionic/{p-6aa6d203.system.entry.js → p-7c06824d.system.entry.js} +1 -1
  375. package/dist/ionic/{p-caec9a53.system.entry.js → p-7cb8aa5a.system.entry.js} +1 -1
  376. package/dist/ionic/{p-bf18fec7.system.entry.js → p-83352533.system.entry.js} +1 -1
  377. package/dist/ionic/{p-490c8a1a.system.entry.js → p-843c45fc.system.entry.js} +1 -1
  378. package/dist/ionic/{p-6a4ffe5b.entry.js → p-865c554d.entry.js} +1 -1
  379. package/dist/ionic/{p-0bd1e451.system.entry.js → p-876c56d2.system.entry.js} +1 -1
  380. package/dist/ionic/{p-dda1c6b2.entry.js → p-87fd7d52.entry.js} +1 -1
  381. package/dist/ionic/{p-7f764683.entry.js → p-880b189d.entry.js} +1 -1
  382. package/dist/ionic/{p-d061a468.system.entry.js → p-8961fd4e.system.entry.js} +2 -2
  383. package/dist/ionic/{p-f7ae9e98.entry.js → p-8f76c617.entry.js} +1 -1
  384. package/dist/ionic/{p-a604f134.system.entry.js → p-8fcb8057.system.entry.js} +2 -2
  385. package/dist/ionic/{p-37990e47.system.entry.js → p-9049c38c.system.entry.js} +1 -1
  386. package/dist/ionic/{p-39d31e65.entry.js → p-976306d9.entry.js} +1 -1
  387. package/dist/ionic/{p-4a2a18a8.entry.js → p-98de22f8.entry.js} +1 -1
  388. package/dist/ionic/{p-8ebf2e18.entry.js → p-99350a5b.entry.js} +1 -1
  389. package/dist/ionic/{p-76c72e72.entry.js → p-a1626462.entry.js} +1 -1
  390. package/dist/ionic/{p-6c05b139.entry.js → p-a217f70d.entry.js} +1 -1
  391. package/dist/ionic/{p-01363de7.entry.js → p-a2849fdb.entry.js} +1 -1
  392. package/dist/ionic/{p-8c7835a4.system.entry.js → p-a2cae0ef.system.entry.js} +1 -1
  393. package/dist/ionic/{p-7c010051.system.entry.js → p-a7def74a.system.entry.js} +1 -1
  394. package/dist/ionic/{p-af6ce16f.entry.js → p-a7f98a5b.entry.js} +1 -1
  395. package/dist/ionic/{p-27d8ecaa.system.entry.js → p-af2be780.system.entry.js} +1 -1
  396. package/dist/ionic/{p-325e50fe.system.entry.js → p-b1bf9eb1.system.entry.js} +1 -1
  397. package/dist/ionic/{p-f7a4f0c9.entry.js → p-b3bd0537.entry.js} +1 -1
  398. package/dist/ionic/{p-52738d32.entry.js → p-b644aa68.entry.js} +1 -1
  399. package/dist/ionic/{p-26d3578f.system.entry.js → p-b755a78c.system.entry.js} +1 -1
  400. package/dist/ionic/p-b7be75cb.entry.js +4 -0
  401. package/dist/ionic/{p-93555796.system.entry.js → p-baead60e.system.entry.js} +1 -1
  402. package/dist/ionic/{p-ccf3e048.entry.js → p-bb12b5de.entry.js} +1 -1
  403. package/dist/ionic/{p-b3fe1b31.entry.js → p-bba68030.entry.js} +1 -1
  404. package/dist/ionic/p-bc0bd2c1.system.entry.js +4 -0
  405. package/dist/ionic/{p-e47ea956.system.entry.js → p-bc110359.system.entry.js} +1 -1
  406. package/dist/ionic/{p-f98b76f3.entry.js → p-c4ec872c.entry.js} +1 -1
  407. package/dist/ionic/{p-f73a7a4b.system.entry.js → p-c7ce0f99.system.entry.js} +1 -1
  408. package/dist/ionic/{p-5626a758.entry.js → p-c82f1132.entry.js} +1 -1
  409. package/dist/ionic/{p-59bfe113.entry.js → p-d4ef905f.entry.js} +1 -1
  410. package/dist/ionic/{p-a35df635.entry.js → p-d838e45f.entry.js} +1 -1
  411. package/dist/ionic/{p-988c0d79.system.entry.js → p-e720c0d4.system.entry.js} +1 -1
  412. package/dist/ionic/{p-c4e1473f.entry.js → p-e75fd8e1.entry.js} +1 -1
  413. package/dist/ionic/{p-18853369.system.entry.js → p-e8325a4d.system.entry.js} +1 -1
  414. package/dist/ionic/p-eb91437e.entry.js +4 -0
  415. package/dist/ionic/{p-0114f140.entry.js → p-f24995b2.entry.js} +1 -1
  416. package/dist/ionic/{p-1704f743.system.entry.js → p-f3c1b363.system.entry.js} +1 -1
  417. package/dist/ionic/{p-a48267bc.system.entry.js → p-facfffe0.system.entry.js} +1 -1
  418. package/dist/ionic/{p-45f40456.entry.js → p-fe5028f5.entry.js} +1 -1
  419. package/dist/ionic/{p-1604366a.entry.js → p-ff1211dc.entry.js} +1 -1
  420. package/dist/ionic/{p-eec956a8.entry.js → p-ff1a021a.entry.js} +1 -1
  421. package/dist/types/components/action-sheet/action-sheet.d.ts +1 -0
  422. package/hydrate/index.js +180 -180
  423. package/hydrate/index.mjs +180 -180
  424. package/package.json +1 -1
  425. package/dist/ionic/p-0da547d8.entry.js +0 -4
  426. package/dist/ionic/p-11ee3944.system.entry.js +0 -4
  427. package/dist/ionic/p-90e5b963.entry.js +0 -4
  428. package/dist/ionic/p-d4b05952.entry.js +0 -4
  429. package/dist/ionic/p-d58830bc.entry.js +0 -4
@@ -9,7 +9,9 @@ import { d as createDelegateController, e as createTriggerController, B as BACKD
9
9
  import { g as getClassMap } from './theme.js';
10
10
  import { b as getIonMode } from './ionic-global.js';
11
11
  import { c as createAnimation } from './animation.js';
12
- import { d as defineCustomElement$1 } from './backdrop.js';
12
+ import { d as defineCustomElement$3 } from './backdrop.js';
13
+ import { d as defineCustomElement$2 } from './icon.js';
14
+ import { d as defineCustomElement$1 } from './ripple-effect.js';
13
15
 
14
16
  /**
15
17
  * iOS Action Sheet Enter Animation
@@ -95,10 +97,10 @@ const mdLeaveAnimation = (baseEl) => {
95
97
  .addAnimation([backdropAnimation, wrapperAnimation]);
96
98
  };
97
99
 
98
- const actionSheetIosCss = ".sc-ion-action-sheet-ios-h{--color:initial;--button-color-activated:var(--button-color);--button-color-focused:var(--button-color);--button-color-hover:var(--button-color);--button-color-selected:var(--button-color);--min-width:auto;--width:100%;--max-width:500px;--min-height:auto;--height:auto;--max-height:calc(100% - (var(--ion-safe-area-top) + var(--ion-safe-area-bottom)));-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;left:0;right:0;top:0;bottom:0;display:block;position:fixed;outline:none;font-family:var(--ion-font-family, inherit);-ms-touch-action:none;touch-action:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;z-index:1001}.overlay-hidden.sc-ion-action-sheet-ios-h{display:none}.action-sheet-wrapper.sc-ion-action-sheet-ios{left:0;right:0;bottom:0;-webkit-transform:translate3d(0, 100%, 0);transform:translate3d(0, 100%, 0);display:block;position:absolute;width:var(--width);min-width:var(--min-width);max-width:var(--max-width);height:var(--height);min-height:var(--min-height);max-height:var(--max-height);z-index:10;pointer-events:none}.action-sheet-button.sc-ion-action-sheet-ios{display:block;position:relative;width:100%;border:0;outline:none;background:var(--button-background);color:var(--button-color);font-family:inherit;overflow:hidden}.action-sheet-button.sc-ion-action-sheet-ios:disabled{color:var(--button-color-disabled);opacity:0.4}.action-sheet-button-inner.sc-ion-action-sheet-ios{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;pointer-events:none;width:100%;height:100%;z-index:1}.action-sheet-container.sc-ion-action-sheet-ios{display:-ms-flexbox;display:flex;-ms-flex-flow:column;flex-flow:column;-ms-flex-pack:end;justify-content:flex-end;height:100%;max-height:calc(100vh - (var(--ion-safe-area-top, 0) + var(--ion-safe-area-bottom, 0)));max-height:calc(100dvh - (var(--ion-safe-area-top, 0) + var(--ion-safe-area-bottom, 0)))}.action-sheet-group.sc-ion-action-sheet-ios{-ms-flex-negative:2;flex-shrink:2;overscroll-behavior-y:contain;overflow-y:auto;-webkit-overflow-scrolling:touch;pointer-events:all;background:var(--background)}@media (any-pointer: coarse){.action-sheet-group.sc-ion-action-sheet-ios::-webkit-scrollbar{display:none}}.action-sheet-group-cancel.sc-ion-action-sheet-ios{-ms-flex-negative:0;flex-shrink:0;overflow:hidden}.action-sheet-selected.sc-ion-action-sheet-ios{color:var(--button-color-selected)}.action-sheet-selected.sc-ion-action-sheet-ios::after{background:var(--button-background-selected);opacity:var(--button-background-selected-opacity)}.action-sheet-button.ion-activated.sc-ion-action-sheet-ios{color:var(--button-color-activated)}.action-sheet-button.ion-activated.sc-ion-action-sheet-ios::after{background:var(--button-background-activated);opacity:var(--button-background-activated-opacity)}.action-sheet-button.ion-focused.sc-ion-action-sheet-ios{color:var(--button-color-focused);background-color:var(--button-background-focused);opacity:var(--button-background-focused-opacity)}.action-sheet-button.ion-focused.sc-ion-action-sheet-ios::after{background:var(--button-background-focused);opacity:var(--button-background-focused-opacity)}@media (any-hover: hover){.action-sheet-button.sc-ion-action-sheet-ios:not(:disabled):hover{color:var(--button-color-hover)}.action-sheet-button.sc-ion-action-sheet-ios:not(:disabled):hover::after{background:var(--button-background-hover);opacity:var(--button-background-hover-opacity)}}.sc-ion-action-sheet-ios-h{--background:var(--ion-overlay-background-color, var(--ion-color-step-100, var(--ion-background-color-step-100, #f9f9f9)));--backdrop-opacity:var(--ion-backdrop-opacity, 0.4);--button-background:linear-gradient(0deg, rgba(var(--ion-text-color-rgb, 0, 0, 0), 0.08), rgba(var(--ion-text-color-rgb, 0, 0, 0), 0.08) 50%, transparent 50%) bottom/100% 1px no-repeat transparent;--button-background-activated:var(--ion-text-color, #000);--button-background-activated-opacity:.08;--button-background-hover:currentColor;--button-background-hover-opacity:.04;--button-background-focused:currentColor;--button-background-focused-opacity:.12;--button-background-selected:var(--ion-color-step-150, var(--ion-background-color-step-150, var(--ion-background-color, #fff)));--button-background-selected-opacity:1;--button-color:var(--ion-color-primary, #0054e9);--button-color-disabled:var(--ion-color-step-850, var(--ion-text-color-step-150, #262626));--color:var(--ion-color-step-400, var(--ion-text-color-step-600, #999999));text-align:center}.action-sheet-wrapper.sc-ion-action-sheet-ios{-webkit-margin-start:auto;margin-inline-start:auto;-webkit-margin-end:auto;margin-inline-end:auto;margin-top:var(--ion-safe-area-top, 0);padding-bottom:var(--ion-safe-area-bottom, 0);-webkit-box-sizing:content-box;box-sizing:content-box}.action-sheet-container.sc-ion-action-sheet-ios{-webkit-padding-start:8px;padding-inline-start:8px;-webkit-padding-end:8px;padding-inline-end:8px;padding-top:0;padding-bottom:0}.action-sheet-group.sc-ion-action-sheet-ios{border-radius:13px;margin-bottom:8px}.action-sheet-group.sc-ion-action-sheet-ios:first-child{margin-top:10px}.action-sheet-group.sc-ion-action-sheet-ios:last-child{margin-bottom:10px}@supports ((-webkit-backdrop-filter: blur(0)) or (backdrop-filter: blur(0))){.action-sheet-translucent.sc-ion-action-sheet-ios-h .action-sheet-group.sc-ion-action-sheet-ios{background-color:transparent;-webkit-backdrop-filter:saturate(280%) blur(20px);backdrop-filter:saturate(280%) blur(20px)}.action-sheet-translucent.sc-ion-action-sheet-ios-h .action-sheet-title.sc-ion-action-sheet-ios,.action-sheet-translucent.sc-ion-action-sheet-ios-h .action-sheet-button.sc-ion-action-sheet-ios{background-color:transparent;background-image:-webkit-gradient(linear, left bottom, left top, from(rgba(var(--ion-background-color-rgb, 255, 255, 255), 0.8)), to(rgba(var(--ion-background-color-rgb, 255, 255, 255), 0.8))), -webkit-gradient(linear, left bottom, left top, from(rgba(var(--ion-background-color-rgb, 255, 255, 255), 0.4)), color-stop(50%, rgba(var(--ion-background-color-rgb, 255, 255, 255), 0.4)), color-stop(50%, rgba(var(--ion-background-color-rgb, 255, 255, 255), 0.8)));background-image:linear-gradient(0deg, rgba(var(--ion-background-color-rgb, 255, 255, 255), 0.8), rgba(var(--ion-background-color-rgb, 255, 255, 255), 0.8) 100%), linear-gradient(0deg, rgba(var(--ion-background-color-rgb, 255, 255, 255), 0.4), rgba(var(--ion-background-color-rgb, 255, 255, 255), 0.4) 50%, rgba(var(--ion-background-color-rgb, 255, 255, 255), 0.8) 50%);background-repeat:no-repeat;background-position:top, bottom;background-size:100% calc(100% - 1px), 100% 1px;-webkit-backdrop-filter:saturate(120%);backdrop-filter:saturate(120%)}.action-sheet-translucent.sc-ion-action-sheet-ios-h .action-sheet-button.ion-activated.sc-ion-action-sheet-ios{background-color:rgba(var(--ion-background-color-rgb, 255, 255, 255), 0.7);background-image:none}.action-sheet-translucent.sc-ion-action-sheet-ios-h .action-sheet-cancel.sc-ion-action-sheet-ios{background:var(--button-background-selected)}}.action-sheet-title.sc-ion-action-sheet-ios{background:-webkit-gradient(linear, left bottom, left top, from(rgba(var(--ion-text-color-rgb, 0, 0, 0), 0.08)), color-stop(50%, rgba(var(--ion-text-color-rgb, 0, 0, 0), 0.08)), color-stop(50%, transparent)) bottom/100% 1px no-repeat transparent;background:linear-gradient(0deg, rgba(var(--ion-text-color-rgb, 0, 0, 0), 0.08), rgba(var(--ion-text-color-rgb, 0, 0, 0), 0.08) 50%, transparent 50%) bottom/100% 1px no-repeat transparent}.action-sheet-title.sc-ion-action-sheet-ios{-webkit-padding-start:10px;padding-inline-start:10px;-webkit-padding-end:10px;padding-inline-end:10px;padding-top:14px;padding-bottom:13px;color:var(--color, var(--ion-color-step-400, var(--ion-text-color-step-600, #999999)));font-size:max(13px, 0.8125rem);font-weight:400;text-align:center}.action-sheet-title.action-sheet-has-sub-title.sc-ion-action-sheet-ios{font-weight:600}.action-sheet-sub-title.sc-ion-action-sheet-ios{padding-left:0;padding-right:0;padding-top:6px;padding-bottom:0;font-size:max(13px, 0.8125rem);font-weight:400}.action-sheet-button.sc-ion-action-sheet-ios{-webkit-padding-start:14px;padding-inline-start:14px;-webkit-padding-end:14px;padding-inline-end:14px;padding-top:14px;padding-bottom:14px;min-height:56px;font-size:max(20px, 1.25rem);contain:content}.action-sheet-button.sc-ion-action-sheet-ios .action-sheet-icon.sc-ion-action-sheet-ios{-webkit-margin-end:0.3em;margin-inline-end:0.3em;font-size:max(28px, 1.75rem);pointer-events:none}.action-sheet-button.sc-ion-action-sheet-ios:last-child{background-image:none}.action-sheet-selected.sc-ion-action-sheet-ios{font-weight:bold}.action-sheet-cancel.sc-ion-action-sheet-ios{font-weight:600}.action-sheet-cancel.sc-ion-action-sheet-ios::after{background:var(--button-background-selected);opacity:var(--button-background-selected-opacity)}.action-sheet-destructive.sc-ion-action-sheet-ios,.action-sheet-destructive.ion-activated.sc-ion-action-sheet-ios,.action-sheet-destructive.ion-focused.sc-ion-action-sheet-ios{color:var(--ion-color-danger, #c5000f)}@media (any-hover: hover){.action-sheet-destructive.sc-ion-action-sheet-ios:hover{color:var(--ion-color-danger, #c5000f)}}";
100
+ const actionSheetIosCss = ".sc-ion-action-sheet-ios-h{--color:initial;--button-color-activated:var(--button-color);--button-color-focused:var(--button-color);--button-color-hover:var(--button-color);--button-color-selected:var(--button-color);--min-width:auto;--width:100%;--max-width:500px;--min-height:auto;--height:auto;--max-height:calc(100% - (var(--ion-safe-area-top) + var(--ion-safe-area-bottom)));-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;left:0;right:0;top:0;bottom:0;display:block;position:fixed;outline:none;font-family:var(--ion-font-family, inherit);-ms-touch-action:none;touch-action:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;z-index:1001}.overlay-hidden.sc-ion-action-sheet-ios-h{display:none}.action-sheet-wrapper.sc-ion-action-sheet-ios{left:0;right:0;bottom:0;-webkit-transform:translate3d(0, 100%, 0);transform:translate3d(0, 100%, 0);display:block;position:absolute;width:var(--width);min-width:var(--min-width);max-width:var(--max-width);height:var(--height);min-height:var(--min-height);max-height:var(--max-height);z-index:10;pointer-events:none}.action-sheet-button.sc-ion-action-sheet-ios{display:block;position:relative;width:100%;border:0;outline:none;background:var(--button-background);color:var(--button-color);font-family:inherit;overflow:hidden}.action-sheet-button.sc-ion-action-sheet-ios:disabled{color:var(--button-color-disabled);opacity:0.4}.action-sheet-button-inner.sc-ion-action-sheet-ios{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;pointer-events:none;width:100%;height:100%;z-index:1}.action-sheet-container.sc-ion-action-sheet-ios{display:-ms-flexbox;display:flex;-ms-flex-flow:column;flex-flow:column;-ms-flex-pack:end;justify-content:flex-end;height:100%;max-height:calc(100vh - (var(--ion-safe-area-top, 0) + var(--ion-safe-area-bottom, 0)));max-height:calc(100dvh - (var(--ion-safe-area-top, 0) + var(--ion-safe-area-bottom, 0)))}.action-sheet-group.sc-ion-action-sheet-ios{-ms-flex-negative:2;flex-shrink:2;overscroll-behavior-y:contain;overflow-y:auto;-webkit-overflow-scrolling:touch;pointer-events:all;background:var(--background)}@media (any-pointer: coarse){.action-sheet-group.sc-ion-action-sheet-ios::-webkit-scrollbar{display:none}}.action-sheet-group-cancel.sc-ion-action-sheet-ios{-ms-flex-negative:0;flex-shrink:0;overflow:hidden}.action-sheet-selected.sc-ion-action-sheet-ios{color:var(--button-color-selected)}.action-sheet-selected.sc-ion-action-sheet-ios::after{background:var(--button-background-selected);opacity:var(--button-background-selected-opacity)}.action-sheet-button.ion-activated.sc-ion-action-sheet-ios{color:var(--button-color-activated)}.action-sheet-button.ion-activated.sc-ion-action-sheet-ios::after{background:var(--button-background-activated);opacity:var(--button-background-activated-opacity)}.action-sheet-button.ion-focused.sc-ion-action-sheet-ios{background-color:var(--button-background-focused);color:var(--button-color-focused);opacity:var(--button-background-focused-opacity)}.action-sheet-button.ion-focused.sc-ion-action-sheet-ios::after{background:var(--button-background-focused);opacity:var(--button-background-focused-opacity)}@media (any-hover: hover){.action-sheet-button.sc-ion-action-sheet-ios:not(:disabled):hover{color:var(--button-color-hover)}.action-sheet-button.sc-ion-action-sheet-ios:not(:disabled):hover::after{background:var(--button-background-hover);opacity:var(--button-background-hover-opacity)}}.sc-ion-action-sheet-ios-h{--background:var(--ion-overlay-background-color, var(--ion-color-step-100, var(--ion-background-color-step-100, #f9f9f9)));--backdrop-opacity:var(--ion-backdrop-opacity, 0.4);--button-background:linear-gradient(0deg, rgba(var(--ion-text-color-rgb, 0, 0, 0), 0.08), rgba(var(--ion-text-color-rgb, 0, 0, 0), 0.08) 50%, transparent 50%) bottom/100% 1px no-repeat transparent;--button-background-activated:var(--ion-text-color, #000);--button-background-activated-opacity:.08;--button-background-hover:currentColor;--button-background-hover-opacity:.04;--button-background-focused:currentColor;--button-background-focused-opacity:.12;--button-background-selected:var(--ion-color-step-150, var(--ion-background-color-step-150, var(--ion-background-color, #fff)));--button-background-selected-opacity:1;--button-color:var(--ion-color-primary, #0054e9);--button-color-disabled:var(--ion-color-step-850, var(--ion-text-color-step-150, #262626));--color:var(--ion-color-step-400, var(--ion-text-color-step-600, #999999));text-align:center}.action-sheet-wrapper.sc-ion-action-sheet-ios{-webkit-margin-start:auto;margin-inline-start:auto;-webkit-margin-end:auto;margin-inline-end:auto;margin-top:var(--ion-safe-area-top, 0);padding-bottom:var(--ion-safe-area-bottom, 0);-webkit-box-sizing:content-box;box-sizing:content-box}.action-sheet-container.sc-ion-action-sheet-ios{-webkit-padding-start:8px;padding-inline-start:8px;-webkit-padding-end:8px;padding-inline-end:8px;padding-top:0;padding-bottom:0}.action-sheet-group.sc-ion-action-sheet-ios{border-radius:13px;margin-bottom:8px}.action-sheet-group.sc-ion-action-sheet-ios:first-child{margin-top:10px}.action-sheet-group.sc-ion-action-sheet-ios:last-child{margin-bottom:10px}@supports ((-webkit-backdrop-filter: blur(0)) or (backdrop-filter: blur(0))){.action-sheet-translucent.sc-ion-action-sheet-ios-h .action-sheet-group.sc-ion-action-sheet-ios{background-color:transparent;-webkit-backdrop-filter:saturate(280%) blur(20px);backdrop-filter:saturate(280%) blur(20px)}.action-sheet-translucent.sc-ion-action-sheet-ios-h .action-sheet-title.sc-ion-action-sheet-ios,.action-sheet-translucent.sc-ion-action-sheet-ios-h .action-sheet-button.sc-ion-action-sheet-ios{background-color:transparent;background-image:-webkit-gradient(linear, left bottom, left top, from(rgba(var(--ion-background-color-rgb, 255, 255, 255), 0.8)), to(rgba(var(--ion-background-color-rgb, 255, 255, 255), 0.8))), -webkit-gradient(linear, left bottom, left top, from(rgba(var(--ion-background-color-rgb, 255, 255, 255), 0.4)), color-stop(50%, rgba(var(--ion-background-color-rgb, 255, 255, 255), 0.4)), color-stop(50%, rgba(var(--ion-background-color-rgb, 255, 255, 255), 0.8)));background-image:linear-gradient(0deg, rgba(var(--ion-background-color-rgb, 255, 255, 255), 0.8), rgba(var(--ion-background-color-rgb, 255, 255, 255), 0.8) 100%), linear-gradient(0deg, rgba(var(--ion-background-color-rgb, 255, 255, 255), 0.4), rgba(var(--ion-background-color-rgb, 255, 255, 255), 0.4) 50%, rgba(var(--ion-background-color-rgb, 255, 255, 255), 0.8) 50%);background-repeat:no-repeat;background-position:top, bottom;background-size:100% calc(100% - 1px), 100% 1px;-webkit-backdrop-filter:saturate(120%);backdrop-filter:saturate(120%)}.action-sheet-translucent.sc-ion-action-sheet-ios-h .action-sheet-button.ion-activated.sc-ion-action-sheet-ios{background-color:rgba(var(--ion-background-color-rgb, 255, 255, 255), 0.7);background-image:none}.action-sheet-translucent.sc-ion-action-sheet-ios-h .action-sheet-cancel.sc-ion-action-sheet-ios{background:var(--button-background-selected)}}.action-sheet-title.sc-ion-action-sheet-ios{background:-webkit-gradient(linear, left bottom, left top, from(rgba(var(--ion-text-color-rgb, 0, 0, 0), 0.08)), color-stop(50%, rgba(var(--ion-text-color-rgb, 0, 0, 0), 0.08)), color-stop(50%, transparent)) bottom/100% 1px no-repeat transparent;background:linear-gradient(0deg, rgba(var(--ion-text-color-rgb, 0, 0, 0), 0.08), rgba(var(--ion-text-color-rgb, 0, 0, 0), 0.08) 50%, transparent 50%) bottom/100% 1px no-repeat transparent}.action-sheet-title.sc-ion-action-sheet-ios{-webkit-padding-start:10px;padding-inline-start:10px;-webkit-padding-end:10px;padding-inline-end:10px;padding-top:14px;padding-bottom:13px;color:var(--color, var(--ion-color-step-400, var(--ion-text-color-step-600, #999999)));font-size:max(13px, 0.8125rem);font-weight:400;text-align:center}.action-sheet-title.action-sheet-has-sub-title.sc-ion-action-sheet-ios{font-weight:600}.action-sheet-sub-title.sc-ion-action-sheet-ios{padding-left:0;padding-right:0;padding-top:6px;padding-bottom:0;font-size:max(13px, 0.8125rem);font-weight:400}.action-sheet-button.sc-ion-action-sheet-ios{-webkit-padding-start:14px;padding-inline-start:14px;-webkit-padding-end:14px;padding-inline-end:14px;padding-top:14px;padding-bottom:14px;min-height:56px;font-size:max(20px, 1.25rem);contain:content}.action-sheet-button.sc-ion-action-sheet-ios .action-sheet-icon.sc-ion-action-sheet-ios{-webkit-margin-end:0.3em;margin-inline-end:0.3em;font-size:max(28px, 1.75rem);pointer-events:none}.action-sheet-button.sc-ion-action-sheet-ios:last-child{background-image:none}.action-sheet-selected.sc-ion-action-sheet-ios{font-weight:bold}.action-sheet-cancel.sc-ion-action-sheet-ios{font-weight:600}.action-sheet-cancel.sc-ion-action-sheet-ios::after{background:var(--button-background-selected);opacity:var(--button-background-selected-opacity)}.action-sheet-destructive.sc-ion-action-sheet-ios,.action-sheet-destructive.ion-activated.sc-ion-action-sheet-ios,.action-sheet-destructive.ion-focused.sc-ion-action-sheet-ios{color:var(--ion-color-danger, #c5000f)}@media (any-hover: hover){.action-sheet-destructive.sc-ion-action-sheet-ios:hover{color:var(--ion-color-danger, #c5000f)}}";
99
101
  const IonActionSheetIosStyle0 = actionSheetIosCss;
100
102
 
101
- const actionSheetMdCss = ".sc-ion-action-sheet-md-h{--color:initial;--button-color-activated:var(--button-color);--button-color-focused:var(--button-color);--button-color-hover:var(--button-color);--button-color-selected:var(--button-color);--min-width:auto;--width:100%;--max-width:500px;--min-height:auto;--height:auto;--max-height:calc(100% - (var(--ion-safe-area-top) + var(--ion-safe-area-bottom)));-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;left:0;right:0;top:0;bottom:0;display:block;position:fixed;outline:none;font-family:var(--ion-font-family, inherit);-ms-touch-action:none;touch-action:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;z-index:1001}.overlay-hidden.sc-ion-action-sheet-md-h{display:none}.action-sheet-wrapper.sc-ion-action-sheet-md{left:0;right:0;bottom:0;-webkit-transform:translate3d(0, 100%, 0);transform:translate3d(0, 100%, 0);display:block;position:absolute;width:var(--width);min-width:var(--min-width);max-width:var(--max-width);height:var(--height);min-height:var(--min-height);max-height:var(--max-height);z-index:10;pointer-events:none}.action-sheet-button.sc-ion-action-sheet-md{display:block;position:relative;width:100%;border:0;outline:none;background:var(--button-background);color:var(--button-color);font-family:inherit;overflow:hidden}.action-sheet-button.sc-ion-action-sheet-md:disabled{color:var(--button-color-disabled);opacity:0.4}.action-sheet-button-inner.sc-ion-action-sheet-md{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;pointer-events:none;width:100%;height:100%;z-index:1}.action-sheet-container.sc-ion-action-sheet-md{display:-ms-flexbox;display:flex;-ms-flex-flow:column;flex-flow:column;-ms-flex-pack:end;justify-content:flex-end;height:100%;max-height:calc(100vh - (var(--ion-safe-area-top, 0) + var(--ion-safe-area-bottom, 0)));max-height:calc(100dvh - (var(--ion-safe-area-top, 0) + var(--ion-safe-area-bottom, 0)))}.action-sheet-group.sc-ion-action-sheet-md{-ms-flex-negative:2;flex-shrink:2;overscroll-behavior-y:contain;overflow-y:auto;-webkit-overflow-scrolling:touch;pointer-events:all;background:var(--background)}@media (any-pointer: coarse){.action-sheet-group.sc-ion-action-sheet-md::-webkit-scrollbar{display:none}}.action-sheet-group-cancel.sc-ion-action-sheet-md{-ms-flex-negative:0;flex-shrink:0;overflow:hidden}.action-sheet-selected.sc-ion-action-sheet-md{color:var(--button-color-selected)}.action-sheet-selected.sc-ion-action-sheet-md::after{background:var(--button-background-selected);opacity:var(--button-background-selected-opacity)}.action-sheet-button.ion-activated.sc-ion-action-sheet-md{color:var(--button-color-activated)}.action-sheet-button.ion-activated.sc-ion-action-sheet-md::after{background:var(--button-background-activated);opacity:var(--button-background-activated-opacity)}.action-sheet-button.ion-focused.sc-ion-action-sheet-md{color:var(--button-color-focused);background-color:var(--button-background-focused);opacity:var(--button-background-focused-opacity)}.action-sheet-button.ion-focused.sc-ion-action-sheet-md::after{background:var(--button-background-focused);opacity:var(--button-background-focused-opacity)}@media (any-hover: hover){.action-sheet-button.sc-ion-action-sheet-md:not(:disabled):hover{color:var(--button-color-hover)}.action-sheet-button.sc-ion-action-sheet-md:not(:disabled):hover::after{background:var(--button-background-hover);opacity:var(--button-background-hover-opacity)}}.sc-ion-action-sheet-md-h{--background:var(--ion-overlay-background-color, var(--ion-background-color, #fff));--backdrop-opacity:var(--ion-backdrop-opacity, 0.32);--button-background:transparent;--button-background-selected:currentColor;--button-background-selected-opacity:0;--button-background-activated:transparent;--button-background-activated-opacity:0;--button-background-hover:currentColor;--button-background-hover-opacity:.04;--button-background-focused:currentColor;--button-background-focused-opacity:.12;--button-color:var(--ion-color-step-850, var(--ion-text-color-step-150, #262626));--button-color-disabled:var(--button-color);--color:rgba(var(--ion-text-color-rgb, 0, 0, 0), 0.54)}.action-sheet-wrapper.sc-ion-action-sheet-md{-webkit-margin-start:auto;margin-inline-start:auto;-webkit-margin-end:auto;margin-inline-end:auto;margin-top:var(--ion-safe-area-top, 0);margin-bottom:0}.action-sheet-title.sc-ion-action-sheet-md{-webkit-padding-start:16px;padding-inline-start:16px;-webkit-padding-end:16px;padding-inline-end:16px;padding-top:20px;padding-bottom:17px;min-height:60px;color:var(--color, rgba(var(--ion-text-color-rgb, 0, 0, 0), 0.54));font-size:1rem;text-align:start}.action-sheet-sub-title.sc-ion-action-sheet-md{padding-left:0;padding-right:0;padding-top:16px;padding-bottom:0;font-size:0.875rem}.action-sheet-group.sc-ion-action-sheet-md:first-child{padding-top:0}.action-sheet-group.sc-ion-action-sheet-md:last-child{padding-bottom:var(--ion-safe-area-bottom)}.action-sheet-button.sc-ion-action-sheet-md{-webkit-padding-start:16px;padding-inline-start:16px;-webkit-padding-end:16px;padding-inline-end:16px;padding-top:12px;padding-bottom:12px;position:relative;min-height:52px;font-size:1rem;text-align:start;contain:content;overflow:hidden}.action-sheet-icon.sc-ion-action-sheet-md{-webkit-margin-start:0;margin-inline-start:0;-webkit-margin-end:32px;margin-inline-end:32px;margin-top:0;margin-bottom:0;color:var(--color);font-size:1.5rem}.action-sheet-button-inner.sc-ion-action-sheet-md{-ms-flex-pack:start;justify-content:flex-start}.action-sheet-selected.sc-ion-action-sheet-md{font-weight:bold}";
103
+ const actionSheetMdCss = ".sc-ion-action-sheet-md-h{--color:initial;--button-color-activated:var(--button-color);--button-color-focused:var(--button-color);--button-color-hover:var(--button-color);--button-color-selected:var(--button-color);--min-width:auto;--width:100%;--max-width:500px;--min-height:auto;--height:auto;--max-height:calc(100% - (var(--ion-safe-area-top) + var(--ion-safe-area-bottom)));-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;left:0;right:0;top:0;bottom:0;display:block;position:fixed;outline:none;font-family:var(--ion-font-family, inherit);-ms-touch-action:none;touch-action:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;z-index:1001}.overlay-hidden.sc-ion-action-sheet-md-h{display:none}.action-sheet-wrapper.sc-ion-action-sheet-md{left:0;right:0;bottom:0;-webkit-transform:translate3d(0, 100%, 0);transform:translate3d(0, 100%, 0);display:block;position:absolute;width:var(--width);min-width:var(--min-width);max-width:var(--max-width);height:var(--height);min-height:var(--min-height);max-height:var(--max-height);z-index:10;pointer-events:none}.action-sheet-button.sc-ion-action-sheet-md{display:block;position:relative;width:100%;border:0;outline:none;background:var(--button-background);color:var(--button-color);font-family:inherit;overflow:hidden}.action-sheet-button.sc-ion-action-sheet-md:disabled{color:var(--button-color-disabled);opacity:0.4}.action-sheet-button-inner.sc-ion-action-sheet-md{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;pointer-events:none;width:100%;height:100%;z-index:1}.action-sheet-container.sc-ion-action-sheet-md{display:-ms-flexbox;display:flex;-ms-flex-flow:column;flex-flow:column;-ms-flex-pack:end;justify-content:flex-end;height:100%;max-height:calc(100vh - (var(--ion-safe-area-top, 0) + var(--ion-safe-area-bottom, 0)));max-height:calc(100dvh - (var(--ion-safe-area-top, 0) + var(--ion-safe-area-bottom, 0)))}.action-sheet-group.sc-ion-action-sheet-md{-ms-flex-negative:2;flex-shrink:2;overscroll-behavior-y:contain;overflow-y:auto;-webkit-overflow-scrolling:touch;pointer-events:all;background:var(--background)}@media (any-pointer: coarse){.action-sheet-group.sc-ion-action-sheet-md::-webkit-scrollbar{display:none}}.action-sheet-group-cancel.sc-ion-action-sheet-md{-ms-flex-negative:0;flex-shrink:0;overflow:hidden}.action-sheet-selected.sc-ion-action-sheet-md{color:var(--button-color-selected)}.action-sheet-selected.sc-ion-action-sheet-md::after{background:var(--button-background-selected);opacity:var(--button-background-selected-opacity)}.action-sheet-button.ion-activated.sc-ion-action-sheet-md{color:var(--button-color-activated)}.action-sheet-button.ion-activated.sc-ion-action-sheet-md::after{background:var(--button-background-activated);opacity:var(--button-background-activated-opacity)}.action-sheet-button.ion-focused.sc-ion-action-sheet-md{background-color:var(--button-background-focused);color:var(--button-color-focused);opacity:var(--button-background-focused-opacity)}.action-sheet-button.ion-focused.sc-ion-action-sheet-md::after{background:var(--button-background-focused);opacity:var(--button-background-focused-opacity)}@media (any-hover: hover){.action-sheet-button.sc-ion-action-sheet-md:not(:disabled):hover{color:var(--button-color-hover)}.action-sheet-button.sc-ion-action-sheet-md:not(:disabled):hover::after{background:var(--button-background-hover);opacity:var(--button-background-hover-opacity)}}.sc-ion-action-sheet-md-h{--background:var(--ion-overlay-background-color, var(--ion-background-color, #fff));--backdrop-opacity:var(--ion-backdrop-opacity, 0.32);--button-background:transparent;--button-background-selected:currentColor;--button-background-selected-opacity:0;--button-background-activated:transparent;--button-background-activated-opacity:0;--button-background-hover:currentColor;--button-background-hover-opacity:.04;--button-background-focused:currentColor;--button-background-focused-opacity:.12;--button-color:var(--ion-color-step-850, var(--ion-text-color-step-150, #262626));--button-color-disabled:var(--button-color);--color:rgba(var(--ion-text-color-rgb, 0, 0, 0), 0.54)}.action-sheet-wrapper.sc-ion-action-sheet-md{-webkit-margin-start:auto;margin-inline-start:auto;-webkit-margin-end:auto;margin-inline-end:auto;margin-top:var(--ion-safe-area-top, 0);margin-bottom:0}.action-sheet-title.sc-ion-action-sheet-md{-webkit-padding-start:16px;padding-inline-start:16px;-webkit-padding-end:16px;padding-inline-end:16px;padding-top:20px;padding-bottom:17px;min-height:60px;color:var(--color, rgba(var(--ion-text-color-rgb, 0, 0, 0), 0.54));font-size:1rem;text-align:start}.action-sheet-sub-title.sc-ion-action-sheet-md{padding-left:0;padding-right:0;padding-top:16px;padding-bottom:0;font-size:0.875rem}.action-sheet-group.sc-ion-action-sheet-md:first-child{padding-top:0}.action-sheet-group.sc-ion-action-sheet-md:last-child{padding-bottom:var(--ion-safe-area-bottom)}.action-sheet-button.sc-ion-action-sheet-md{-webkit-padding-start:16px;padding-inline-start:16px;-webkit-padding-end:16px;padding-inline-end:16px;padding-top:12px;padding-bottom:12px;position:relative;min-height:52px;font-size:1rem;text-align:start;contain:content;overflow:hidden}.action-sheet-icon.sc-ion-action-sheet-md{-webkit-margin-start:0;margin-inline-start:0;-webkit-margin-end:32px;margin-inline-end:32px;margin-top:0;margin-bottom:0;color:var(--color);font-size:1.5rem}.action-sheet-button-inner.sc-ion-action-sheet-md{-ms-flex-pack:start;justify-content:flex-start}.action-sheet-selected.sc-ion-action-sheet-md{font-weight:bold}";
102
104
  const IonActionSheetMdStyle0 = actionSheetMdCss;
103
105
 
104
106
  const ActionSheet = /*@__PURE__*/ proxyCustomElement(class ActionSheet extends HTMLElement {
@@ -202,17 +204,17 @@ const ActionSheet = /*@__PURE__*/ proxyCustomElement(class ActionSheet extends H
202
204
  onWillDismiss() {
203
205
  return eventMethod(this.el, 'ionActionSheetWillDismiss');
204
206
  }
205
- // private async buttonClick(button: ActionSheetButton) {
206
- // const role = button.role;
207
- // if (isCancel(role)) {
208
- // return this.dismiss(button.data, role);
209
- // }
210
- // const shouldDismiss = await this.callButtonHandler(button);
211
- // if (shouldDismiss) {
212
- // return this.dismiss(button.data, button.role);
213
- // }
214
- // return Promise.resolve();
215
- // }
207
+ async buttonClick(button) {
208
+ const role = button.role;
209
+ if (isCancel(role)) {
210
+ return this.dismiss(button.data, role);
211
+ }
212
+ const shouldDismiss = await this.callButtonHandler(button);
213
+ if (shouldDismiss) {
214
+ return this.dismiss(button.data, button.role);
215
+ }
216
+ return Promise.resolve();
217
+ }
216
218
  async callButtonHandler(button) {
217
219
  if (button) {
218
220
  // a handler has been provided, execute it
@@ -286,16 +288,13 @@ const ActionSheet = /*@__PURE__*/ proxyCustomElement(class ActionSheet extends H
286
288
  render() {
287
289
  const { header, htmlAttributes, overlayIndex } = this;
288
290
  const mode = getIonMode(this);
289
- // const allButtons = this.getButtons();
290
- // const cancelButton = allButtons.find((b) => b.role === 'cancel');
291
+ const allButtons = this.getButtons();
292
+ const cancelButton = allButtons.find((b) => b.role === 'cancel');
291
293
  // const buttons = allButtons.filter((b) => b.role !== 'cancel');
292
294
  const headerID = `action-sheet-${overlayIndex}-header`;
293
- return (h(Host, Object.assign({ key: 'e1b1ed6c403a2740700053df4bd0264982e5f75c', role: "dialog", "aria-modal": "true", "aria-labelledby": header !== undefined ? headerID : null, tabindex: "-1" }, htmlAttributes, { style: {
295
+ return (h(Host, Object.assign({ key: '2dca254623153dceb8635f5c6579d100b5bb943b', role: "dialog", "aria-modal": "true", "aria-labelledby": header !== undefined ? headerID : null, tabindex: "-1" }, htmlAttributes, { style: {
294
296
  zIndex: `${20000 + this.overlayIndex}`,
295
- }, class: Object.assign(Object.assign({ [mode]: true }, getClassMap(this.cssClass)), { 'overlay-hidden': true, 'action-sheet-translucent': this.translucent }), onIonActionSheetWillDismiss: this.dispatchCancelHandler, onIonBackdropTap: this.onBackdropTap }), h("ion-backdrop", { key: '9fa9befdcea7af76811b78f9f025f4565bc25f9e', tappable: this.backdropDismiss }), h("div", { key: '63ed6cbdec2ea50dd7c1989677ac0cb1924e4b8c', tabindex: "0" }), h("div", { key: 'e93d88a957d3deb4c886069bf7bb4c1b3c32c77e', class: "action-sheet-wrapper ion-overlay-wrapper", ref: (el) => (this.wrapperEl = el) }, h("div", { key: '8681ca457aa67fc9646cc9b03af2458cfc6af654', class: "action-sheet-head" }, header !== undefined && (h("h2", { key: 'df225c04e4e9f57e944084c1205870dbfebe7175', id: headerID, class: {
296
- 'action-sheet-title': true,
297
- 'action-sheet-has-sub-title': this.subHeader !== undefined,
298
- } }, header)), this.subHeader !== undefined && (h("h2", { key: '49dbc8bc9fe09375719c783dcd4ae1a63287befa', class: "action-sheet-sub-title" }, this.subHeader)))), h("div", { key: '22fc26a805b5a0d406caf0c83e00a9f6cea339c7', tabindex: "0" })));
297
+ }, class: Object.assign(Object.assign({ [mode]: true }, getClassMap(this.cssClass)), { 'overlay-hidden': true, 'action-sheet-translucent': this.translucent }), onIonActionSheetWillDismiss: this.dispatchCancelHandler, onIonBackdropTap: this.onBackdropTap }), h("ion-backdrop", { key: 'b2cc3ca4d78b6a38d1df4122a0e1e3890acb4de9', tappable: this.backdropDismiss }), h("div", { key: '775d18c1547b0d70de0c12bfea98cec8b4100658', tabindex: "0" }), h("div", { key: '2cfedd88a497f2cca1d2d111152a3b25cf8779af', class: "action-sheet-wrapper ion-overlay-wrapper", ref: (el) => (this.wrapperEl = el) }, h("div", { key: 'd18f374c0826df3d58ce97fbb5d83e122d02b67c', class: "action-sheet-container" }, header && (h("h2", { key: '8cbd4baf50bbec2b3c06f226acfb70f29bf9913a', id: headerID, class: "action-sheet-title" }, header)), cancelButton && (h("div", { key: 'ab1dd593ee56b0f74a40ee32f79dcc197c46b5e7', class: "action-sheet-group action-sheet-group-cancel" }, h("button", Object.assign({ key: '30ed64e542c9a11f965444b22ac24c71e28c9f99' }, cancelButton.htmlAttributes, { type: "button", class: buttonClass(cancelButton), onClick: () => this.buttonClick(cancelButton) }), h("span", { key: '28e94fe349b10ee4627618946e7b1823e96e905e', class: "action-sheet-button-inner" }, cancelButton.icon && (h("ion-icon", { key: '5ca9cc7485409f35e7a7223655ff11964617a5ec', icon: cancelButton.icon, "aria-hidden": "true", lazy: false, class: "action-sheet-icon" })), cancelButton.text), mode === 'md' && h("ion-ripple-effect", { key: 'c5b48ac780e01203040583e7bbc0a3fe5553198a' })))))), h("div", { key: 'be2238323e5b34d7b4d1940deb0bd77191aa7f01', tabindex: "0" })));
299
298
  }
300
299
  get el() { return this; }
301
300
  static get watchers() { return {
@@ -331,11 +330,14 @@ const ActionSheet = /*@__PURE__*/ proxyCustomElement(class ActionSheet extends H
331
330
  "isOpen": ["onIsOpenChange"],
332
331
  "trigger": ["triggerChanged"]
333
332
  }]);
333
+ const buttonClass = (button) => {
334
+ return Object.assign({ 'action-sheet-button': true, 'ion-activatable': !button.disabled, 'ion-focusable': !button.disabled, [`action-sheet-${button.role}`]: button.role !== undefined }, getClassMap(button.cssClass));
335
+ };
334
336
  function defineCustomElement() {
335
337
  if (typeof customElements === "undefined") {
336
338
  return;
337
339
  }
338
- const components = ["ion-action-sheet", "ion-backdrop"];
340
+ const components = ["ion-action-sheet", "ion-backdrop", "ion-icon", "ion-ripple-effect"];
339
341
  components.forEach(tagName => { switch (tagName) {
340
342
  case "ion-action-sheet":
341
343
  if (!customElements.get(tagName)) {
@@ -343,6 +345,16 @@ function defineCustomElement() {
343
345
  }
344
346
  break;
345
347
  case "ion-backdrop":
348
+ if (!customElements.get(tagName)) {
349
+ defineCustomElement$3();
350
+ }
351
+ break;
352
+ case "ion-icon":
353
+ if (!customElements.get(tagName)) {
354
+ defineCustomElement$2();
355
+ }
356
+ break;
357
+ case "ion-ripple-effect":
346
358
  if (!customElements.get(tagName)) {
347
359
  defineCustomElement$1();
348
360
  }
@@ -489,9 +489,9 @@ const Alert = /*@__PURE__*/ proxyCustomElement(class Alert extends HTMLElement {
489
489
  * If neither is defined, don't set aria-labelledby.
490
490
  */
491
491
  const ariaLabelledBy = header ? hdrId : subHeader ? subHdrId : null;
492
- return (h(Host, Object.assign({ key: 'a884e5b9a4d3ec4dc31dddf4e6c545b3cfa65447', role: role, "aria-modal": "true", "aria-labelledby": ariaLabelledBy, "aria-describedby": message !== undefined ? msgId : null, tabindex: "-1" }, htmlAttributes, { style: {
492
+ return (h(Host, Object.assign({ key: 'a77c66a54d407338e008770de5bf91766c671ec2', role: role, "aria-modal": "true", "aria-labelledby": ariaLabelledBy, "aria-describedby": message !== undefined ? msgId : null, tabindex: "-1" }, htmlAttributes, { style: {
493
493
  zIndex: `${20000 + overlayIndex}`,
494
- }, class: Object.assign(Object.assign({}, getClassMap(this.cssClass)), { [mode]: true, 'overlay-hidden': true, 'alert-translucent': this.translucent }), onIonAlertWillDismiss: this.dispatchCancelHandler, onIonBackdropTap: this.onBackdropTap }), h("ion-backdrop", { key: '4c0e3088895cd7459b3704b9ac86ee436d0ccb0f', tappable: this.backdropDismiss }), h("div", { key: '9732b28f6ce6cbfd8d2b87e93380355f89862f16', tabindex: "0" }), h("div", { key: 'bb4902ccdcc926e8be5272e3084b9bf7bd5c76a4', class: "alert-wrapper ion-overlay-wrapper", ref: (el) => (this.wrapperEl = el) }, h("div", { key: '69acfd22b9b0e45a8411e77592494d73a79e3ccb', class: "alert-head" }, header && (h("h2", { key: 'c15b0b6f44df94dda14ca1e9dea9629820a11fc5', id: hdrId, class: "alert-title" }, header)), subHeader && (h("h2", { key: '1425dfabf5ee317a5ceaa1f2fe84d391b9b47cda', id: subHdrId, class: "alert-sub-title" }, subHeader))), this.renderAlertMessage(msgId), this.renderAlertInputs(), this.renderAlertButtons()), h("div", { key: '6e36a7aec687e9e9b01ac16ee40b593836c293a2', tabindex: "0" })));
494
+ }, class: Object.assign(Object.assign({}, getClassMap(this.cssClass)), { [mode]: true, 'overlay-hidden': true, 'alert-translucent': this.translucent }), onIonAlertWillDismiss: this.dispatchCancelHandler, onIonBackdropTap: this.onBackdropTap }), h("ion-backdrop", { key: '1d21c6afd07c49444bf7566cd8ded154ec802622', tappable: this.backdropDismiss }), h("div", { key: '96280b7babacecc161227a293fe33e1fc0895468', tabindex: "0" }), h("div", { key: 'd26ac2e8ab2ab85d241cd74a1f19e1957283f6bd', class: "alert-wrapper ion-overlay-wrapper", ref: (el) => (this.wrapperEl = el) }, h("div", { key: 'a8a412f2950a31a7fc3d91f0d7d23a67b97ab649', class: "alert-head" }, header && (h("h2", { key: '54ee6365d98c2dafa9513c5b67ac54f1be5dd87d', id: hdrId, class: "alert-title" }, header)), subHeader && (h("h2", { key: '72db051283f31cd4874fca8c1c06b10e751353b5', id: subHdrId, class: "alert-sub-title" }, subHeader))), this.renderAlertMessage(msgId), this.renderAlertInputs(), this.renderAlertButtons()), h("div", { key: '7c957ebfb5beb84d26708c30d271eda01eac3f69', tabindex: "0" })));
495
495
  }
496
496
  get el() { return this; }
497
497
  static get watchers() { return {
@@ -34,7 +34,7 @@ const Backdrop = /*@__PURE__*/ proxyCustomElement(class Backdrop extends HTMLEle
34
34
  }
35
35
  render() {
36
36
  const mode = getIonMode(this);
37
- return (h(Host, { key: '604b6a7b73c3d1fca9590fe81b3a29230e94526b', tabindex: "-1", "aria-hidden": "true", class: {
37
+ return (h(Host, { key: 'b1570293e99e4a7d3a054bba3708b1d457a66abe', tabindex: "-1", "aria-hidden": "true", class: {
38
38
  [mode]: true,
39
39
  'backdrop-hide': !this.visible,
40
40
  'backdrop-no-tappable': !this.tappable,
@@ -214,7 +214,7 @@ const Button = /*@__PURE__*/ proxyCustomElement(class Button extends HTMLElement
214
214
  {
215
215
  type !== 'button' && this.renderHiddenButton();
216
216
  }
217
- return (h(Host, { key: '5b7ed17b35c2573be0afc558e6b02674e9e26167', onClick: this.handleClick, "aria-disabled": disabled ? 'true' : null, class: createColorClasses(color, {
217
+ return (h(Host, { key: '4bc06e6ec688d4f4c12b870b3ab3dd8db08aae59', onClick: this.handleClick, "aria-disabled": disabled ? 'true' : null, class: createColorClasses(color, {
218
218
  [mode]: true,
219
219
  [buttonType]: true,
220
220
  [`${buttonType}-${expand}`]: expand !== undefined,
@@ -229,7 +229,7 @@ const Button = /*@__PURE__*/ proxyCustomElement(class Button extends HTMLElement
229
229
  'button-disabled': disabled,
230
230
  'ion-activatable': true,
231
231
  'ion-focusable': true,
232
- }) }, h(TagType, Object.assign({ key: '966a458dc3467224af4642ed4f3d5324a6be55fb' }, attrs, { class: "button-native", part: "native", disabled: disabled, onFocus: this.onFocus, onBlur: this.onBlur }, inheritedAttributes), h("span", { key: 'c80be7023eedf773cf912bcd02567fd9f1f847b0', class: "button-inner" }, h("slot", { key: '8bbe6295280630a36b4e2f10831c15a1128a8195', name: "icon-only", onSlotchange: this.slotChanged }), h("slot", { key: '5d9599da2602fb9ddaf680deacacbf199a71c74f', name: "start" }), h("slot", { key: 'e67f2a02eb60c84954293b4613670c48d24463be' }), h("slot", { key: '01c49f68100aace088f61e10e364314ed830d8ad', name: "end" })), mode === 'md' && h("ion-ripple-effect", { key: 'de1a6308dc2c1add2b5191257d532a3960d7e806', type: this.rippleType }))));
232
+ }) }, h(TagType, Object.assign({ key: '0a9b023f728364c890fc59d2241d00ac417d8e9e' }, attrs, { class: "button-native", part: "native", disabled: disabled, onFocus: this.onFocus, onBlur: this.onBlur }, inheritedAttributes), h("span", { key: '46b4b46e303ede9ea03f488d95d6eafa7db8f098', class: "button-inner" }, h("slot", { key: '98e72fddd837d0f30a097f79bf5100088f7eb214', name: "icon-only", onSlotchange: this.slotChanged }), h("slot", { key: 'a442858cdae935e49bbcb933d9c55770573dcd54', name: "start" }), h("slot", { key: 'd974805e9f4143e5d0239546fffc604c70a48600' }), h("slot", { key: '45f2ed69eed604f91fd098d691dd7fa806ab39b7', name: "end" })), mode === 'md' && h("ion-ripple-effect", { key: 'b62907b56cd488742fdfcaede2fee433cde2f146', type: this.rippleType }))));
233
233
  }
234
234
  get el() { return this; }
235
235
  static get watchers() { return {
@@ -18,10 +18,10 @@ const Buttons = /*@__PURE__*/ proxyCustomElement(class Buttons extends HTMLEleme
18
18
  }
19
19
  render() {
20
20
  const mode = getIonMode(this);
21
- return (h(Host, { key: '793b8c75a70119f7a8509925651534fb8cd4cc57', class: {
21
+ return (h(Host, { key: 'cacb76b3b67aae673a764b3cbe03aaa8425f8ce5', class: {
22
22
  [mode]: true,
23
23
  ['buttons-collapse']: this.collapse,
24
- } }, h("slot", { key: 'c6734e44e32a5591ba8ea34a0f30f4908a3e70c9' })));
24
+ } }, h("slot", { key: '16086adaa70b2dd47aa441a4d31cc2c3dcfd5412' })));
25
25
  }
26
26
  static get style() { return {
27
27
  ios: IonButtonsIosStyle0,
@@ -76,7 +76,7 @@ const Checkbox = /*@__PURE__*/ proxyCustomElement(class Checkbox extends HTMLEle
76
76
  const mode = getIonMode(this);
77
77
  const path = getSVGPath(mode, indeterminate);
78
78
  renderHiddenInput(true, el, name, checked ? value : '', disabled);
79
- return (h(Host, { key: '874fedc923ef2fb15c07936762bf05745424821a', "aria-checked": indeterminate ? 'mixed' : `${checked}`, class: createColorClasses(color, {
79
+ return (h(Host, { key: '90d45249f95c207f04a2c15cfd2a8485d5d1c3f9', "aria-checked": indeterminate ? 'mixed' : `${checked}`, class: createColorClasses(color, {
80
80
  [mode]: true,
81
81
  'in-item': hostContext('ion-item', el),
82
82
  'checkbox-checked': checked,
@@ -86,10 +86,10 @@ const Checkbox = /*@__PURE__*/ proxyCustomElement(class Checkbox extends HTMLEle
86
86
  [`checkbox-justify-${justify}`]: justify !== undefined,
87
87
  [`checkbox-alignment-${alignment}`]: alignment !== undefined,
88
88
  [`checkbox-label-placement-${labelPlacement}`]: true,
89
- }), onClick: this.onClick }, h("label", { key: '0c316771e228f62d10650e5cf7deb836710adca6', class: "checkbox-wrapper" }, h("input", Object.assign({ key: '7fb76d00d9d1d7923a8bac2494f395cd9e0445de', type: "checkbox", checked: checked ? true : undefined, disabled: disabled, id: inputId, onChange: this.toggleChecked, onFocus: () => this.onFocus(), onBlur: () => this.onBlur(), ref: (focusEl) => (this.focusEl = focusEl) }, inheritedAttributes)), h("div", { key: 'ac5980854ea3745ad41c6c739b3ece258b28ba4f', class: {
89
+ }), onClick: this.onClick }, h("label", { key: '08da6781f1f72d1f37cd41a88d3b5ed6b9076ca0', class: "checkbox-wrapper" }, h("input", Object.assign({ key: 'b45f448b88d39e547ecd147aaa283bc5240a08df', type: "checkbox", checked: checked ? true : undefined, disabled: disabled, id: inputId, onChange: this.toggleChecked, onFocus: () => this.onFocus(), onBlur: () => this.onBlur(), ref: (focusEl) => (this.focusEl = focusEl) }, inheritedAttributes)), h("div", { key: '8e9648cfdc2101bcbca354d6cfdfede1944770fe', class: {
90
90
  'label-text-wrapper': true,
91
91
  'label-text-wrapper-hidden': el.textContent === '',
92
- }, part: "label" }, h("slot", { key: 'caadcf425702d54d99c4fb97c97a85b8733edf78' })), h("div", { key: 'b3b2fb8530f308b05e37413e225e3ca0a5ff2c44', class: "native-wrapper" }, h("svg", { key: '3e9d490777e4c0bea9132fafe6cca4ae97477eee', class: "checkbox-icon", viewBox: "0 0 24 24", part: "container" }, path)))));
92
+ }, part: "label" }, h("slot", { key: 'b55cf97e82ae04e589c09a11ec6b8b71d6029a37' })), h("div", { key: '3e16d10b8098a2c6cfaa8ea3b37b1943036b71e2', class: "native-wrapper" }, h("svg", { key: 'cb91e27c398f3e8360678d73e789ed0e6ba6970b', class: "checkbox-icon", viewBox: "0 0 24 24", part: "container" }, path)))));
93
93
  }
94
94
  getSVGPath(mode, indeterminate) {
95
95
  let path = indeterminate ? (h("path", { d: "M6 12L18 12", part: "mark" })) : (h("path", { d: "M5.9,12.5l3.8,3.8l8.8-8.8", part: "mark" }));
@@ -70,7 +70,7 @@ const App = /*@__PURE__*/ proxyCustomElement(class App extends HTMLElement {
70
70
  }
71
71
  render() {
72
72
  const mode = getIonMode(this);
73
- return (h(Host, { key: '037d45fe1656a87409c1922c774e659ec32e8fd0', class: {
73
+ return (h(Host, { key: '53472b607f7f38b30a6d1a7592da2125100011cf', class: {
74
74
  [mode]: true,
75
75
  'ion-page': true,
76
76
  'force-statusbar-padding': config.getBoolean('_forceStatusbarPadding'),
@@ -17,7 +17,7 @@ const Avatar = /*@__PURE__*/ proxyCustomElement(class Avatar extends HTMLElement
17
17
  this.__attachShadow();
18
18
  }
19
19
  render() {
20
- return (h(Host, { key: '95d7ca334f9b66e0983cbc1b782ded0b9a54eaa9', class: getIonMode(this) }, h("slot", { key: '011d20189acdb03bee328aa4fa0511826a0b3a36' })));
20
+ return (h(Host, { key: '8a3f3786bb3c117d524437bcb0e74e107abbe1d4', class: getIonMode(this) }, h("slot", { key: 'd9a5e55965ee7341e0994bc0057bef5b019a56fe' })));
21
21
  }
22
22
  static get style() { return {
23
23
  ios: IonAvatarIosStyle0,
@@ -76,7 +76,7 @@ const BackButton = /*@__PURE__*/ proxyCustomElement(class BackButton extends HTM
76
76
  const showBackButton = defaultHref !== undefined;
77
77
  const mode = getIonMode(this);
78
78
  const ariaLabel = inheritedAttributes['aria-label'] || backButtonText || 'back';
79
- return (h(Host, { key: '175fff2d7a41d2deaaf7b781c5ba2aac9311ebf4', onClick: this.onClick, class: createColorClasses(color, {
79
+ return (h(Host, { key: '07ab5d7d5a58f9604f50276c6a1850e0b9428c24', onClick: this.onClick, class: createColorClasses(color, {
80
80
  [mode]: true,
81
81
  button: true, // ion-buttons target .button
82
82
  'back-button-disabled': disabled,
@@ -86,7 +86,7 @@ const BackButton = /*@__PURE__*/ proxyCustomElement(class BackButton extends HTM
86
86
  'ion-activatable': true,
87
87
  'ion-focusable': true,
88
88
  'show-back-button': showBackButton,
89
- }) }, h("button", { key: '59fe30c167ea82e2431e45d46060a01bcb2aea77', type: type, disabled: disabled, class: "button-native", part: "native", "aria-label": ariaLabel }, h("span", { key: '3d704fb7ef001446361e7a09d43763a771b242b9', class: "button-inner" }, backButtonIcon && (h("ion-icon", { key: '5e8d4d811cacecdce053bed29badce0da30b9264', part: "icon", icon: backButtonIcon, "aria-hidden": "true", lazy: false, "flip-rtl": icon === undefined })), backButtonText && (h("span", { key: '879d2fb636eb961729cd09e87d0169b91b4dc32a', part: "text", "aria-hidden": "true", class: "button-text" }, backButtonText))), mode === 'md' && h("ion-ripple-effect", { key: 'd74fad653be6ce0958720ce9a9c6939790878102', type: this.rippleType }))));
89
+ }) }, h("button", { key: '5f173fbc01a03da1d50449c5ad8fee7cf65c59d8', type: type, disabled: disabled, class: "button-native", part: "native", "aria-label": ariaLabel }, h("span", { key: '6f69164c1e8466e72ed80a12456f09b176d91cd0', class: "button-inner" }, backButtonIcon && (h("ion-icon", { key: 'e8fb8b00e937caab22990723acf077ff6d4e04e0', part: "icon", icon: backButtonIcon, "aria-hidden": "true", lazy: false, "flip-rtl": icon === undefined })), backButtonText && (h("span", { key: '62511668303ff53d477fcf49f417de03eff1ac52', part: "text", "aria-hidden": "true", class: "button-text" }, backButtonText))), mode === 'md' && h("ion-ripple-effect", { key: '562f12891bc631cb71eb90c7303cc5ad55b19c48', type: this.rippleType }))));
90
90
  }
91
91
  get el() { return this; }
92
92
  static get style() { return {
@@ -20,9 +20,9 @@ const Badge = /*@__PURE__*/ proxyCustomElement(class Badge extends HTMLElement {
20
20
  }
21
21
  render() {
22
22
  const mode = getIonMode(this);
23
- return (h(Host, { key: '2e051a2a6beddbd8d13f70f9e42afbcafd43a19b', class: createColorClasses(this.color, {
23
+ return (h(Host, { key: '05aa51688e73322aa21c8b9c68251e691acfa4e5', class: createColorClasses(this.color, {
24
24
  [mode]: true,
25
- }) }, h("slot", { key: 'e0f4f0e39d2037d4bd85a351b5ff94cf84e233ce' })));
25
+ }) }, h("slot", { key: '8b0a9cbb20a979f040edf044f4fd26554f167b42' })));
26
26
  }
27
27
  static get style() { return {
28
28
  ios: IonBadgeIosStyle0,
@@ -71,7 +71,7 @@ const Breadcrumb = /*@__PURE__*/ proxyCustomElement(class Breadcrumb extends HTM
71
71
  // to show the separator as long as it isn't also the last breadcrumb
72
72
  // otherwise if not collapsed use the value in separator
73
73
  const showSeparator = last ? false : collapsed ? (showCollapsedIndicator && !last ? true : false) : separator;
74
- return (h(Host, { key: '236916d7f0d7862c821ea2c82e8d679722fee649', onClick: (ev) => openURL(href, ev, routerDirection, routerAnimation), "aria-disabled": disabled ? 'true' : null, class: createColorClasses(color, {
74
+ return (h(Host, { key: '3fa177213574bcc93f4184f3ff031bdc05992501', onClick: (ev) => openURL(href, ev, routerDirection, routerAnimation), "aria-disabled": disabled ? 'true' : null, class: createColorClasses(color, {
75
75
  [mode]: true,
76
76
  'breadcrumb-active': active,
77
77
  'breadcrumb-collapsed': collapsed,
@@ -81,15 +81,15 @@ const Breadcrumb = /*@__PURE__*/ proxyCustomElement(class Breadcrumb extends HTM
81
81
  'in-toolbar-color': hostContext('ion-toolbar[color]', this.el),
82
82
  'ion-activatable': clickable,
83
83
  'ion-focusable': clickable,
84
- }) }, h(TagType, Object.assign({ key: 'e9c72683c6c13aa9994120b486e0c828d9f06f0f' }, attrs, { class: "breadcrumb-native", part: "native", disabled: disabled, onFocus: this.onFocus, onBlur: this.onBlur }, inheritedAttributes), h("slot", { key: '4826849732bbbe560678c3218959424a17264dcb', name: "start" }), h("slot", { key: '4c2d78d38c0204812c8029f7273de20d2712db9b' }), h("slot", { key: '8492e5e1071904183936c1afd8acc4af6e115e67', name: "end" })), showCollapsedIndicator && (h("button", { key: '848225f188b0955661a8d992829eb3ac08d8894c', part: "collapsed-indicator", "aria-label": "Show more breadcrumbs", onClick: () => this.collapsedIndicatorClick(), ref: (collapsedEl) => (this.collapsedRef = collapsedEl), class: {
84
+ }) }, h(TagType, Object.assign({ key: '0de0c76f2849affa8afe8b363ceffded4c824cbc' }, attrs, { class: "breadcrumb-native", part: "native", disabled: disabled, onFocus: this.onFocus, onBlur: this.onBlur }, inheritedAttributes), h("slot", { key: 'fd346028462e92ef5aece4e0d0fedd5d22ddae4e', name: "start" }), h("slot", { key: 'b4dee49713e6709bb7f655083d3df952eeda8cd6' }), h("slot", { key: '54f66d33ab51e1fa914b897dfb0ff13f847952d6', name: "end" })), showCollapsedIndicator && (h("button", { key: '4940dbc9466c1a8020421b155c5b54b00ff10c0a', part: "collapsed-indicator", "aria-label": "Show more breadcrumbs", onClick: () => this.collapsedIndicatorClick(), ref: (collapsedEl) => (this.collapsedRef = collapsedEl), class: {
85
85
  'breadcrumbs-collapsed-indicator': true,
86
- } }, h("ion-icon", { key: 'f8392f4fc818eb876f143bd6a3293e337e3b538f', "aria-hidden": "true", icon: ellipsisHorizontal, lazy: false }))), showSeparator && (
86
+ } }, h("ion-icon", { key: '105cd22175c66f9db97ed2564839fe757169625a', "aria-hidden": "true", icon: ellipsisHorizontal, lazy: false }))), showSeparator && (
87
87
  /**
88
88
  * Separators should not be announced by narrators.
89
89
  * We add aria-hidden on the span so that this applies
90
90
  * to any custom separators too.
91
91
  */
92
- h("span", { key: '6c432e80a61682211599010ac452b8c14ca66819', class: "breadcrumb-separator", part: "separator", "aria-hidden": "true" }, h("slot", { key: 'eb38b2db91a9406fb123f9132025e68b561f2f33', name: "separator" }, mode === 'ios' ? (h("ion-icon", { icon: chevronForwardOutline, lazy: false, "flip-rtl": true })) : (h("span", null, "/")))))));
92
+ h("span", { key: '478bbcc120a8e5f40918264e87d89bb63fd4e984', class: "breadcrumb-separator", part: "separator", "aria-hidden": "true" }, h("slot", { key: 'e6395282218911304fdcf22f34689ca80cfd717c', name: "separator" }, mode === 'ios' ? (h("ion-icon", { icon: chevronForwardOutline, lazy: false, "flip-rtl": true })) : (h("span", null, "/")))))));
93
93
  }
94
94
  get el() { return this; }
95
95
  static get style() { return {
@@ -112,12 +112,12 @@ const Breadcrumbs = /*@__PURE__*/ proxyCustomElement(class Breadcrumbs extends H
112
112
  render() {
113
113
  const { color, collapsed } = this;
114
114
  const mode = getIonMode(this);
115
- return (h(Host, { key: '17d8cf4ef471b39787b0054974c8ded3bb7c63d7', class: createColorClasses(color, {
115
+ return (h(Host, { key: '583a19cc4e6ceaf89cb771d7576c821d01818422', class: createColorClasses(color, {
116
116
  [mode]: true,
117
117
  'in-toolbar': hostContext('ion-toolbar', this.el),
118
118
  'in-toolbar-color': hostContext('ion-toolbar[color]', this.el),
119
119
  'breadcrumbs-collapsed': collapsed,
120
- }) }, h("slot", { key: '3b1fe0730d5c8c76e95af181c92ea99c3f924d38', onSlotchange: this.slotChanged })));
120
+ }) }, h("slot", { key: 'ca825133dd956d15115932d6ad2277604d297a09', onSlotchange: this.slotChanged })));
121
121
  }
122
122
  get el() { return this; }
123
123
  static get watchers() { return {
@@ -17,7 +17,7 @@ const CardContent = /*@__PURE__*/ proxyCustomElement(class CardContent extends H
17
17
  }
18
18
  render() {
19
19
  const mode = getIonMode(this);
20
- return (h(Host, { key: '065710efda5c54032a7612bc8469c46a39b9c246', class: {
20
+ return (h(Host, { key: '28f37e16b611f9a80b336e97b318e8374646079e', class: {
21
21
  [mode]: true,
22
22
  // Used internally for styling
23
23
  [`card-content-${mode}`]: true,
@@ -21,11 +21,11 @@ const CardHeader = /*@__PURE__*/ proxyCustomElement(class CardHeader extends HTM
21
21
  }
22
22
  render() {
23
23
  const mode = getIonMode(this);
24
- return (h(Host, { key: '20cf862f9c2410fa1be97d17e43b726c4b006f6c', class: createColorClasses(this.color, {
24
+ return (h(Host, { key: 'af5a7144374f1aad2788ae95618e7693277a0618', class: createColorClasses(this.color, {
25
25
  'card-header-translucent': this.translucent,
26
26
  'ion-inherit-color': true,
27
27
  [mode]: true,
28
- }) }, h("slot", { key: '40a4b2a04d02969e6cdf328cbb7ee9d77e6d4fce' })));
28
+ }) }, h("slot", { key: '7367add0a6d062683a7279f2c1af1f886c5810f6' })));
29
29
  }
30
30
  static get style() { return {
31
31
  ios: IonCardHeaderIosStyle0,
@@ -20,10 +20,10 @@ const CardSubtitle = /*@__PURE__*/ proxyCustomElement(class CardSubtitle extends
20
20
  }
21
21
  render() {
22
22
  const mode = getIonMode(this);
23
- return (h(Host, { key: 'da15ebf9caf9015fc2a8b0f5fd5cbc40a424d85a', role: "heading", "aria-level": "3", class: createColorClasses(this.color, {
23
+ return (h(Host, { key: '04aa891554981ead6057c317b0ed314d668f702f', role: "heading", "aria-level": "3", class: createColorClasses(this.color, {
24
24
  'ion-inherit-color': true,
25
25
  [mode]: true,
26
- }) }, h("slot", { key: '24e5a0396f518ec710cc6537d851924d31370309' })));
26
+ }) }, h("slot", { key: 'dd6c32fd6f1cf50e257ff70c46e3b765eb0884c5' })));
27
27
  }
28
28
  static get style() { return {
29
29
  ios: IonCardSubtitleIosStyle0,
@@ -20,10 +20,10 @@ const CardTitle = /*@__PURE__*/ proxyCustomElement(class CardTitle extends HTMLE
20
20
  }
21
21
  render() {
22
22
  const mode = getIonMode(this);
23
- return (h(Host, { key: '7a3c9120461b994de29124eb5ae2f14a995e15da', role: "heading", "aria-level": "2", class: createColorClasses(this.color, {
23
+ return (h(Host, { key: 'ea924d0f85eae1f4a97d59d2ae0549459c46a5ae', role: "heading", "aria-level": "2", class: createColorClasses(this.color, {
24
24
  'ion-inherit-color': true,
25
25
  [mode]: true,
26
- }) }, h("slot", { key: '548998a695d0b6abed8f6bf43201635744cc8540' })));
26
+ }) }, h("slot", { key: '087ffc17c4500b7db68caf619bf8e39e34113591' })));
27
27
  }
28
28
  static get style() { return {
29
29
  ios: IonCardTitleIosStyle0,
@@ -55,7 +55,7 @@ const Card = /*@__PURE__*/ proxyCustomElement(class Card extends HTMLElement {
55
55
  }
56
56
  render() {
57
57
  const mode = getIonMode(this);
58
- return (h(Host, { key: 'a8fbab81cdc15f33c58df20df1da2b58d196fa06', class: createColorClasses(this.color, {
58
+ return (h(Host, { key: '51b9a91d48671d429f5659a2961619e1a46cd5df', class: createColorClasses(this.color, {
59
59
  [mode]: true,
60
60
  'card-disabled': this.disabled,
61
61
  'ion-activatable': this.isClickable(),
@@ -23,12 +23,12 @@ const Chip = /*@__PURE__*/ proxyCustomElement(class Chip extends HTMLElement {
23
23
  }
24
24
  render() {
25
25
  const mode = getIonMode(this);
26
- return (h(Host, { key: '7e3a88e481f815b79e8f2eeb00f2153234d29386', "aria-disabled": this.disabled ? 'true' : null, class: createColorClasses(this.color, {
26
+ return (h(Host, { key: '886c26b6e7b3e3ca8622a4a0926bdf6dea0a71d4', "aria-disabled": this.disabled ? 'true' : null, class: createColorClasses(this.color, {
27
27
  [mode]: true,
28
28
  'chip-outline': this.outline,
29
29
  'chip-disabled': this.disabled,
30
30
  'ion-activatable': true,
31
- }) }, h("slot", { key: 'e557aabdc64c4bd8bcb88a92d89dee801795f838' }), mode === 'md' && h("ion-ripple-effect", { key: '2004d108c63d179287230d28638957a838ef880e' })));
31
+ }) }, h("slot", { key: 'd24353e79ac84013758cee1acb1b0f9b2ebb4d67' }), mode === 'md' && h("ion-ripple-effect", { key: 'b69bb3ce3d464251d5e11ba6a5240e4567f72f05' })));
32
32
  }
33
33
  static get style() { return {
34
34
  ios: IonChipIosStyle0,
@@ -138,9 +138,9 @@ const Col = /*@__PURE__*/ proxyCustomElement(class Col extends HTMLElement {
138
138
  render() {
139
139
  const isRTL = document.dir === 'rtl';
140
140
  const mode = getIonMode(this);
141
- return (h(Host, { key: '897a97e0ac15bab594463e9a5d75f446378c5916', class: {
141
+ return (h(Host, { key: '56ecf3b3f2be05d5f179f2d136d4ab05a4525da9', class: {
142
142
  [mode]: true,
143
- }, style: Object.assign(Object.assign(Object.assign(Object.assign({}, this.calculateOffset(isRTL)), this.calculatePull(isRTL)), this.calculatePush(isRTL)), this.calculateSize()) }, h("slot", { key: '04642f36a0583b81c1eb0aa346991c72f2c75001' })));
143
+ }, style: Object.assign(Object.assign(Object.assign(Object.assign({}, this.calculateOffset(isRTL)), this.calculatePull(isRTL)), this.calculatePush(isRTL)), this.calculateSize()) }, h("slot", { key: '8f1113d39dcb709300ebbeaf81bc092c1dd8da3e' })));
144
144
  }
145
145
  static get style() { return IonColStyle0; }
146
146
  }, [1, "ion-col", {
@@ -342,7 +342,7 @@ const Content = /*@__PURE__*/ proxyCustomElement(class Content extends HTMLEleme
342
342
  const forceOverscroll = this.shouldForceOverscroll();
343
343
  const transitionShadow = mode === 'ios';
344
344
  this.resize();
345
- return (h(Host, Object.assign({ key: '717c11415acdbd0da1c1d86c2f3757d1c7a8ea65', role: isMainContent ? 'main' : undefined, class: createColorClasses(this.color, {
345
+ return (h(Host, Object.assign({ key: '929d8718c73b03115a895b6f3a73fca65f2ed692', role: isMainContent ? 'main' : undefined, class: createColorClasses(this.color, {
346
346
  [mode]: true,
347
347
  'content-sizing': hostContext('ion-popover', this.el),
348
348
  overscroll: forceOverscroll,
@@ -350,12 +350,12 @@ const Content = /*@__PURE__*/ proxyCustomElement(class Content extends HTMLEleme
350
350
  }), style: {
351
351
  '--offset-top': `${this.cTop}px`,
352
352
  '--offset-bottom': `${this.cBottom}px`,
353
- } }, inheritedAttributes), h("div", { key: 'ad0ae962f571673976adc4659a027d608cc4a260', ref: (el) => (this.backgroundContentEl = el), id: "background-content", part: "background" }), fixedSlotPlacement === 'before' ? h("slot", { name: "fixed" }) : null, h("div", { key: 'a5681f4e0fa66cbc8ed677aec7d6163d0274b465', class: {
353
+ } }, inheritedAttributes), h("div", { key: '58d992194e48350109d4aca62971f1d2555078c0', ref: (el) => (this.backgroundContentEl = el), id: "background-content", part: "background" }), fixedSlotPlacement === 'before' ? h("slot", { name: "fixed" }) : null, h("div", { key: '92bb9582c25b5196900492fa6cb7820825a6e593', class: {
354
354
  'inner-scroll': true,
355
355
  'scroll-x': scrollX,
356
356
  'scroll-y': scrollY,
357
357
  overscroll: (scrollX || scrollY) && forceOverscroll,
358
- }, ref: (scrollEl) => (this.scrollEl = scrollEl), onScroll: this.scrollEvents ? (ev) => this.onScroll(ev) : undefined, part: "scroll" }, h("slot", { key: '81dc159f6dc9267cc5c8f899334fec9db6696a39' })), transitionShadow ? (h("div", { class: "transition-effect" }, h("div", { class: "transition-cover" }), h("div", { class: "transition-shadow" }))) : null, fixedSlotPlacement === 'after' ? h("slot", { name: "fixed" }) : null));
358
+ }, ref: (scrollEl) => (this.scrollEl = scrollEl), onScroll: this.scrollEvents ? (ev) => this.onScroll(ev) : undefined, part: "scroll" }, h("slot", { key: '4ff81cf206c8e526a6f75fb14d4bf08252bc782a' })), transitionShadow ? (h("div", { class: "transition-effect" }, h("div", { class: "transition-cover" }), h("div", { class: "transition-shadow" }))) : null, fixedSlotPlacement === 'after' ? h("slot", { name: "fixed" }) : null));
359
359
  }
360
360
  get el() { return this; }
361
361
  static get style() { return IonContentStyle0; }
@@ -337,11 +337,11 @@ const DatetimeButton = /*@__PURE__*/ proxyCustomElement(class DatetimeButton ext
337
337
  render() {
338
338
  const { color, dateText, timeText, selectedButton, datetimeActive, disabled } = this;
339
339
  const mode = getIonMode(this);
340
- return (h(Host, { key: 'c1e3da705c6a00d9606ec966066e8126e9880b17', class: createColorClasses(color, {
340
+ return (h(Host, { key: '38670adfd40e78c261eb22de777728b6f8abf2ef', class: createColorClasses(color, {
341
341
  [mode]: true,
342
342
  [`${selectedButton}-active`]: datetimeActive,
343
343
  ['datetime-button-disabled']: disabled,
344
- }) }, dateText && (h("button", { key: '26752763bc400fb9c1fcad988001304ba1540152', class: "ion-activatable", id: "date-button", "aria-expanded": datetimeActive ? 'true' : 'false', onClick: this.handleDateClick, disabled: disabled, part: "native", ref: (el) => (this.dateTargetEl = el) }, h("slot", { key: '8594e0acf504fb28f66cee325b94d03d64c72285', name: "date-target" }, dateText), mode === 'md' && h("ion-ripple-effect", { key: 'de91cd8625f4522736d5c7366f0d4289a4340086' }))), timeText && (h("button", { key: '03d5d4132c3653514a0e55ca2b06e56681a846bf', class: "ion-activatable", id: "time-button", "aria-expanded": datetimeActive ? 'true' : 'false', onClick: this.handleTimeClick, disabled: disabled, part: "native", ref: (el) => (this.timeTargetEl = el) }, h("slot", { key: 'bc8b46650926f4db676832cebdd7aaf30d84a1e9', name: "time-target" }, timeText), mode === 'md' && h("ion-ripple-effect", { key: 'fcaceadaddab045a816739b7a4588fdd46228af2' })))));
344
+ }) }, dateText && (h("button", { key: '01a3cd339ba20b143e149de93eb4c34f03845111', class: "ion-activatable", id: "date-button", "aria-expanded": datetimeActive ? 'true' : 'false', onClick: this.handleDateClick, disabled: disabled, part: "native", ref: (el) => (this.dateTargetEl = el) }, h("slot", { key: 'dd962ddca2be96e375b94af2a351546954cddea2', name: "date-target" }, dateText), mode === 'md' && h("ion-ripple-effect", { key: 'b315f04481c0977eed41d30a686766c2ff7dabe2' }))), timeText && (h("button", { key: 'cde6056894c34c9b534bd9a7999d4490e8d6a394', class: "ion-activatable", id: "time-button", "aria-expanded": datetimeActive ? 'true' : 'false', onClick: this.handleTimeClick, disabled: disabled, part: "native", ref: (el) => (this.timeTargetEl = el) }, h("slot", { key: '8a478f2eafda9f4bc29558fe3249a89e038a7f9b', name: "time-target" }, timeText), mode === 'md' && h("ion-ripple-effect", { key: '42d1139fc667a5386097f15150996a3a6d5eb480' })))));
345
345
  }
346
346
  get el() { return this; }
347
347
  static get style() { return {
@@ -1761,7 +1761,7 @@ const Datetime = /*@__PURE__*/ proxyCustomElement(class Datetime extends HTMLEle
1761
1761
  const hasDatePresentation = presentation === 'date' || presentation === 'date-time' || presentation === 'time-date';
1762
1762
  const hasWheelVariant = hasDatePresentation && preferWheel;
1763
1763
  renderHiddenInput(true, el, name, formatValue(value), disabled);
1764
- return (h(Host, { key: 'c968c01a9fe0b4b2e7168ada6579f0b504f213c1', "aria-disabled": disabled ? 'true' : null, onFocus: this.onFocus, onBlur: this.onBlur, class: Object.assign({}, createColorClasses(color, {
1764
+ return (h(Host, { key: 'd8d569f378e00281640cfb6e52ac1a6cce714e05', "aria-disabled": disabled ? 'true' : null, onFocus: this.onFocus, onBlur: this.onBlur, class: Object.assign({}, createColorClasses(color, {
1765
1765
  [mode]: true,
1766
1766
  ['datetime-readonly']: readonly,
1767
1767
  ['datetime-disabled']: disabled,
@@ -1771,7 +1771,7 @@ const Datetime = /*@__PURE__*/ proxyCustomElement(class Datetime extends HTMLEle
1771
1771
  [`datetime-size-${size}`]: true,
1772
1772
  [`datetime-prefer-wheel`]: hasWheelVariant,
1773
1773
  [`datetime-grid`]: isGridStyle,
1774
- })) }, h("div", { key: '34c6576dcc6693b26c00d08eda2cf194f6a3cc46', class: "intersection-tracker", ref: (el) => (this.intersectionTrackerRef = el) }), this.renderDatetime(mode)));
1774
+ })) }, h("div", { key: '0212929e86cbd1c95a99d0e1b711af528cd7a829', class: "intersection-tracker", ref: (el) => (this.intersectionTrackerRef = el) }), this.renderDatetime(mode)));
1775
1775
  }
1776
1776
  get el() { return this; }
1777
1777
  static get watchers() { return {
@@ -71,7 +71,7 @@ const FabButton = /*@__PURE__*/ proxyCustomElement(class FabButton extends HTMLE
71
71
  rel: this.rel,
72
72
  target: this.target,
73
73
  };
74
- return (h(Host, { key: 'da42d7adc23bd03a4f9b1b16bac96179e0b98edc', onClick: this.onClick, "aria-disabled": disabled ? 'true' : null, class: createColorClasses(color, {
74
+ return (h(Host, { key: 'c370c0772ba974c2ddbab0e34d89ee68fecefddd', onClick: this.onClick, "aria-disabled": disabled ? 'true' : null, class: createColorClasses(color, {
75
75
  [mode]: true,
76
76
  'fab-button-in-list': inList,
77
77
  'fab-button-translucent-in-list': inList && translucent,
@@ -82,7 +82,7 @@ const FabButton = /*@__PURE__*/ proxyCustomElement(class FabButton extends HTMLE
82
82
  'ion-activatable': true,
83
83
  'ion-focusable': true,
84
84
  [`fab-button-${size}`]: size !== undefined,
85
- }) }, h(TagType, Object.assign({ key: 'f0e62e3f469c05ba7e7fe0ee9315d0d131d46bca' }, attrs, { class: "button-native", part: "native", disabled: disabled, onFocus: this.onFocus, onBlur: this.onBlur, onClick: (ev) => openURL(href, ev, this.routerDirection, this.routerAnimation) }, inheritedAttributes), h("ion-icon", { key: '5df29d68f977902c650579161662db7e01ebedf5', "aria-hidden": "true", icon: this.closeIcon, part: "close-icon", class: "close-icon", lazy: false }), h("span", { key: '451794c3a2f4cd34c7250bc950d21d9839ce9d97', class: "button-inner" }, h("slot", { key: '636042b9532a4035d7ebaf94ec5ba64cf8e5ffbb' })), mode === 'md' && h("ion-ripple-effect", { key: '00f80c424536a011cbbdbb7ad079a464c160835b' }))));
85
+ }) }, h(TagType, Object.assign({ key: 'e1afb46b186c239d647c47b821b9bf15fd1fda7e' }, attrs, { class: "button-native", part: "native", disabled: disabled, onFocus: this.onFocus, onBlur: this.onBlur, onClick: (ev) => openURL(href, ev, this.routerDirection, this.routerAnimation) }, inheritedAttributes), h("ion-icon", { key: '65426c5377837cba69191dd9795fac7d79597739', "aria-hidden": "true", icon: this.closeIcon, part: "close-icon", class: "close-icon", lazy: false }), h("span", { key: 'd9d724a61145b96227dd5dbe8549bc9858679312', class: "button-inner" }, h("slot", { key: '9605869988f8e255773e961dfe5ff352a9b89863' })), mode === 'md' && h("ion-ripple-effect", { key: '239b4c4aee14e3000dd11186dec1aaf76f4895fc' }))));
86
86
  }
87
87
  get el() { return this; }
88
88
  static get style() { return {
@@ -25,11 +25,11 @@ const FabList = /*@__PURE__*/ proxyCustomElement(class FabList extends HTMLEleme
25
25
  }
26
26
  render() {
27
27
  const mode = getIonMode(this);
28
- return (h(Host, { key: '94001f76326d3f8d5480f4b1be10c779a282e9fd', class: {
28
+ return (h(Host, { key: 'f42ec14910147371f2aafff56490eb07ab3b520c', class: {
29
29
  [mode]: true,
30
30
  'fab-list-active': this.activated,
31
31
  [`fab-list-side-${this.side}`]: true,
32
- } }, h("slot", { key: '6a31a954e2c0aab3afba31f30313a9394a8af94a' })));
32
+ } }, h("slot", { key: 'ebd3bb5ba3e5dddbb0369af449e3ef0f25b3475d' })));
33
33
  }
34
34
  get el() { return this; }
35
35
  static get watchers() { return {
@@ -54,12 +54,12 @@ const Fab = /*@__PURE__*/ proxyCustomElement(class Fab extends HTMLElement {
54
54
  render() {
55
55
  const { horizontal, vertical, edge } = this;
56
56
  const mode = getIonMode(this);
57
- return (h(Host, { key: '6e92fa00d624e6bd249b5852994e8632aa2fd570', class: {
57
+ return (h(Host, { key: '55af7e087ad50c70b9dde6cab82d5150e5eb209c', class: {
58
58
  [mode]: true,
59
59
  [`fab-horizontal-${horizontal}`]: horizontal !== undefined,
60
60
  [`fab-vertical-${vertical}`]: vertical !== undefined,
61
61
  'fab-edge': edge,
62
- } }, h("slot", { key: '93dc7aa5cc9857d5278cda2819a4fd4f7aff8c9c' })));
62
+ } }, h("slot", { key: 'f86a0c6ad26c740e59b1ddee67e72a83bb0aa003' })));
63
63
  }
64
64
  get el() { return this; }
65
65
  static get watchers() { return {