@ionic/core 8.5.2-dev.11742574407.1a7233c2 → 8.5.2-dev.11742835181.16dd88fe

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 (374) hide show
  1. package/components/header.js +2 -2
  2. package/components/ion-avatar.js +10 -6
  3. package/components/ion-badge.js +8 -6
  4. package/components/ion-divider.d.ts +11 -0
  5. package/components/ion-divider.js +59 -0
  6. package/components/ion-fab-button.js +2 -2
  7. package/components/ion-fab-list.js +2 -2
  8. package/components/ion-fab.js +2 -2
  9. package/components/ion-footer.js +2 -2
  10. package/components/ion-grid.js +2 -2
  11. package/components/ion-img.js +2 -2
  12. package/components/ion-infinite-scroll-content.js +2 -2
  13. package/components/ion-infinite-scroll.js +1 -1
  14. package/components/ion-input-password-toggle.js +3 -3
  15. package/components/ion-input.js +4 -4
  16. package/components/ion-item-divider.js +2 -2
  17. package/components/ion-item-group.js +1 -1
  18. package/components/ion-item-option.js +2 -2
  19. package/components/ion-item-options.js +1 -1
  20. package/components/ion-item-sliding.js +1 -1
  21. package/components/ion-loading.js +2 -2
  22. package/components/ion-menu-button.js +2 -2
  23. package/components/ion-menu-toggle.js +2 -2
  24. package/components/ion-menu.js +2 -2
  25. package/components/ion-nav-link.js +1 -1
  26. package/components/ion-nav.js +1 -1
  27. package/components/ion-note.js +2 -2
  28. package/components/ion-picker-legacy.js +2 -2
  29. package/components/ion-progress-bar.js +1 -1
  30. package/components/ion-range.js +3 -3
  31. package/components/ion-refresher-content.js +2 -2
  32. package/components/ion-refresher.js +1 -1
  33. package/components/ion-reorder-group.js +1 -1
  34. package/components/ion-reorder.js +2 -2
  35. package/components/ion-router-link.js +2 -2
  36. package/components/ion-router-outlet.js +1 -1
  37. package/components/ion-row.js +2 -2
  38. package/components/ion-searchbar.js +4 -4
  39. package/components/ion-segment-button.js +2 -2
  40. package/components/ion-segment-content.js +1 -1
  41. package/components/ion-segment-view.js +2 -2
  42. package/components/ion-segment.js +2 -2
  43. package/components/ion-select-option.js +1 -1
  44. package/components/ion-select.js +3 -3
  45. package/components/ion-skeleton-text.js +2 -2
  46. package/components/ion-split-pane.js +2 -2
  47. package/components/ion-tab-bar.js +2 -2
  48. package/components/ion-tab-button.js +5 -5
  49. package/components/ion-tab.js +2 -2
  50. package/components/ion-tabs.js +1 -1
  51. package/components/ion-text.js +2 -2
  52. package/components/ion-textarea.js +3 -3
  53. package/components/ion-thumbnail.js +2 -2
  54. package/components/ion-toast.js +2 -2
  55. package/components/ion-toggle.js +3 -3
  56. package/components/label.js +2 -2
  57. package/components/list-header.js +2 -2
  58. package/components/list.js +1 -1
  59. package/components/modal.js +4 -4
  60. package/components/picker-column-option.js +2 -2
  61. package/components/picker-column2.js +2 -2
  62. package/components/popover.js +2 -2
  63. package/components/radio-group.js +2 -2
  64. package/components/radio.js +3 -3
  65. package/components/ripple-effect.js +1 -1
  66. package/components/select-modal.js +1 -1
  67. package/components/select-popover.js +2 -2
  68. package/components/spinner.js +1 -1
  69. package/components/title.js +2 -2
  70. package/components/toolbar.js +2 -2
  71. package/dist/cjs/ion-app_8.cjs.entry.js +9 -9
  72. package/dist/cjs/ion-avatar_3.cjs.entry.js +17 -12
  73. package/dist/cjs/ion-col_3.cjs.entry.js +4 -4
  74. package/dist/cjs/ion-datetime_3.cjs.entry.js +4 -4
  75. package/dist/cjs/ion-divider.cjs.entry.js +43 -0
  76. package/dist/cjs/ion-fab_3.cjs.entry.js +6 -6
  77. package/dist/cjs/ion-img.cjs.entry.js +2 -2
  78. package/dist/cjs/ion-infinite-scroll_2.cjs.entry.js +3 -3
  79. package/dist/cjs/ion-input-password-toggle.cjs.entry.js +3 -3
  80. package/dist/cjs/ion-input.cjs.entry.js +4 -4
  81. package/dist/cjs/ion-item-option_3.cjs.entry.js +4 -4
  82. package/dist/cjs/ion-item_8.cjs.entry.js +12 -12
  83. package/dist/cjs/ion-loading.cjs.entry.js +2 -2
  84. package/dist/cjs/ion-menu_3.cjs.entry.js +6 -6
  85. package/dist/cjs/ion-modal.cjs.entry.js +4 -4
  86. package/dist/cjs/ion-nav_2.cjs.entry.js +2 -2
  87. package/dist/cjs/ion-picker-column-option.cjs.entry.js +2 -2
  88. package/dist/cjs/ion-popover.cjs.entry.js +2 -2
  89. package/dist/cjs/ion-progress-bar.cjs.entry.js +1 -1
  90. package/dist/cjs/ion-radio_2.cjs.entry.js +5 -5
  91. package/dist/cjs/ion-range.cjs.entry.js +3 -3
  92. package/dist/cjs/ion-refresher_2.cjs.entry.js +3 -3
  93. package/dist/cjs/ion-reorder_2.cjs.entry.js +3 -3
  94. package/dist/cjs/ion-ripple-effect.cjs.entry.js +1 -1
  95. package/dist/cjs/ion-route_4.cjs.entry.js +2 -2
  96. package/dist/cjs/ion-searchbar.cjs.entry.js +4 -4
  97. package/dist/cjs/ion-segment-content.cjs.entry.js +1 -1
  98. package/dist/cjs/ion-segment-view.cjs.entry.js +2 -2
  99. package/dist/cjs/ion-segment_2.cjs.entry.js +4 -4
  100. package/dist/cjs/ion-select-modal.cjs.entry.js +1 -1
  101. package/dist/cjs/ion-select_3.cjs.entry.js +6 -6
  102. package/dist/cjs/ion-spinner.cjs.entry.js +1 -1
  103. package/dist/cjs/ion-split-pane.cjs.entry.js +2 -2
  104. package/dist/cjs/ion-tab-bar_2.cjs.entry.js +7 -7
  105. package/dist/cjs/ion-tab_2.cjs.entry.js +3 -3
  106. package/dist/cjs/ion-text.cjs.entry.js +2 -2
  107. package/dist/cjs/ion-textarea.cjs.entry.js +3 -3
  108. package/dist/cjs/ion-toast.cjs.entry.js +2 -2
  109. package/dist/cjs/ion-toggle.cjs.entry.js +3 -3
  110. package/dist/cjs/ionic.cjs.js +1 -1
  111. package/dist/cjs/loader.cjs.js +1 -1
  112. package/dist/collection/collection-manifest.json +1 -0
  113. package/dist/collection/components/avatar/avatar.ionic.css +11 -0
  114. package/dist/collection/components/avatar/avatar.js +25 -4
  115. package/dist/collection/components/badge/badge.ionic.css +17 -4
  116. package/dist/collection/components/badge/badge.ios.css +20 -4
  117. package/dist/collection/components/badge/badge.js +5 -3
  118. package/dist/collection/components/badge/badge.md.css +4 -4
  119. package/dist/collection/components/divider/divider.ionic.css +200 -0
  120. package/dist/collection/components/divider/divider.ios.css +137 -0
  121. package/dist/collection/components/divider/divider.js +76 -0
  122. package/dist/collection/components/divider/divider.md.css +137 -0
  123. package/dist/collection/components/fab/fab.js +2 -2
  124. package/dist/collection/components/fab-button/fab-button.js +2 -2
  125. package/dist/collection/components/fab-list/fab-list.js +2 -2
  126. package/dist/collection/components/footer/footer.js +2 -2
  127. package/dist/collection/components/grid/grid.js +2 -2
  128. package/dist/collection/components/header/header.js +2 -2
  129. package/dist/collection/components/img/img.js +2 -2
  130. package/dist/collection/components/infinite-scroll/infinite-scroll.js +1 -1
  131. package/dist/collection/components/infinite-scroll-content/infinite-scroll-content.js +2 -2
  132. package/dist/collection/components/input/input.js +4 -4
  133. package/dist/collection/components/input-password-toggle/input-password-toggle.js +3 -3
  134. package/dist/collection/components/item-divider/item-divider.js +2 -2
  135. package/dist/collection/components/item-group/item-group.js +1 -1
  136. package/dist/collection/components/item-option/item-option.js +2 -2
  137. package/dist/collection/components/item-options/item-options.js +1 -1
  138. package/dist/collection/components/item-sliding/item-sliding.js +1 -1
  139. package/dist/collection/components/label/label.js +2 -2
  140. package/dist/collection/components/list/list.js +1 -1
  141. package/dist/collection/components/list-header/list-header.js +2 -2
  142. package/dist/collection/components/loading/loading.js +2 -2
  143. package/dist/collection/components/menu/menu.js +2 -2
  144. package/dist/collection/components/menu-button/menu-button.js +2 -2
  145. package/dist/collection/components/menu-toggle/menu-toggle.js +2 -2
  146. package/dist/collection/components/modal/modal.js +4 -4
  147. package/dist/collection/components/nav/nav.js +1 -1
  148. package/dist/collection/components/nav-link/nav-link.js +1 -1
  149. package/dist/collection/components/note/note.js +2 -2
  150. package/dist/collection/components/picker-column-option/picker-column-option.js +2 -2
  151. package/dist/collection/components/picker-legacy/picker.js +2 -2
  152. package/dist/collection/components/picker-legacy-column/picker-column.js +2 -2
  153. package/dist/collection/components/popover/popover.js +2 -2
  154. package/dist/collection/components/progress-bar/progress-bar.js +1 -1
  155. package/dist/collection/components/radio/radio.js +3 -3
  156. package/dist/collection/components/radio-group/radio-group.js +2 -2
  157. package/dist/collection/components/range/range.js +3 -3
  158. package/dist/collection/components/refresher/refresher.js +1 -1
  159. package/dist/collection/components/refresher-content/refresher-content.js +2 -2
  160. package/dist/collection/components/reorder/reorder.js +2 -2
  161. package/dist/collection/components/reorder-group/reorder-group.js +1 -1
  162. package/dist/collection/components/ripple-effect/ripple-effect.js +1 -1
  163. package/dist/collection/components/router-link/router-link.js +2 -2
  164. package/dist/collection/components/router-outlet/router-outlet.js +1 -1
  165. package/dist/collection/components/row/row.js +2 -2
  166. package/dist/collection/components/searchbar/searchbar.js +4 -4
  167. package/dist/collection/components/segment/segment.js +2 -2
  168. package/dist/collection/components/segment-button/segment-button.js +2 -2
  169. package/dist/collection/components/segment-content/segment-content.js +1 -1
  170. package/dist/collection/components/segment-view/segment-view.js +2 -2
  171. package/dist/collection/components/select/select.js +3 -3
  172. package/dist/collection/components/select-modal/select-modal.js +1 -1
  173. package/dist/collection/components/select-option/select-option.js +1 -1
  174. package/dist/collection/components/select-popover/select-popover.js +2 -2
  175. package/dist/collection/components/skeleton-text/skeleton-text.js +2 -2
  176. package/dist/collection/components/spinner/spinner.js +1 -1
  177. package/dist/collection/components/split-pane/split-pane.js +2 -2
  178. package/dist/collection/components/tab/tab.js +2 -2
  179. package/dist/collection/components/tab-bar/tab-bar.js +2 -2
  180. package/dist/collection/components/tab-button/tab-button.ionic.css +45 -0
  181. package/dist/collection/components/tab-button/tab-button.ios.css +63 -2
  182. package/dist/collection/components/tab-button/tab-button.js +2 -2
  183. package/dist/collection/components/tab-button/tab-button.md.css +29 -0
  184. package/dist/collection/components/tabs/tabs.js +1 -1
  185. package/dist/collection/components/text/text.js +2 -2
  186. package/dist/collection/components/textarea/textarea.js +3 -3
  187. package/dist/collection/components/thumbnail/thumbnail.js +2 -2
  188. package/dist/collection/components/title/title.js +2 -2
  189. package/dist/collection/components/toast/toast.js +2 -2
  190. package/dist/collection/components/toggle/toggle.js +3 -3
  191. package/dist/collection/components/toolbar/toolbar.js +2 -2
  192. package/dist/docs.json +187 -1
  193. package/dist/esm/ion-app_8.entry.js +9 -9
  194. package/dist/esm/ion-avatar_3.entry.js +18 -13
  195. package/dist/esm/ion-col_3.entry.js +4 -4
  196. package/dist/esm/ion-datetime_3.entry.js +4 -4
  197. package/dist/esm/ion-divider.entry.js +39 -0
  198. package/dist/esm/ion-fab_3.entry.js +6 -6
  199. package/dist/esm/ion-img.entry.js +2 -2
  200. package/dist/esm/ion-infinite-scroll_2.entry.js +3 -3
  201. package/dist/esm/ion-input-password-toggle.entry.js +3 -3
  202. package/dist/esm/ion-input.entry.js +4 -4
  203. package/dist/esm/ion-item-option_3.entry.js +4 -4
  204. package/dist/esm/ion-item_8.entry.js +12 -12
  205. package/dist/esm/ion-loading.entry.js +2 -2
  206. package/dist/esm/ion-menu_3.entry.js +6 -6
  207. package/dist/esm/ion-modal.entry.js +4 -4
  208. package/dist/esm/ion-nav_2.entry.js +2 -2
  209. package/dist/esm/ion-picker-column-option.entry.js +2 -2
  210. package/dist/esm/ion-popover.entry.js +2 -2
  211. package/dist/esm/ion-progress-bar.entry.js +1 -1
  212. package/dist/esm/ion-radio_2.entry.js +5 -5
  213. package/dist/esm/ion-range.entry.js +3 -3
  214. package/dist/esm/ion-refresher_2.entry.js +3 -3
  215. package/dist/esm/ion-reorder_2.entry.js +3 -3
  216. package/dist/esm/ion-ripple-effect.entry.js +1 -1
  217. package/dist/esm/ion-route_4.entry.js +2 -2
  218. package/dist/esm/ion-searchbar.entry.js +4 -4
  219. package/dist/esm/ion-segment-content.entry.js +1 -1
  220. package/dist/esm/ion-segment-view.entry.js +2 -2
  221. package/dist/esm/ion-segment_2.entry.js +4 -4
  222. package/dist/esm/ion-select-modal.entry.js +1 -1
  223. package/dist/esm/ion-select_3.entry.js +6 -6
  224. package/dist/esm/ion-spinner.entry.js +1 -1
  225. package/dist/esm/ion-split-pane.entry.js +2 -2
  226. package/dist/esm/ion-tab-bar_2.entry.js +7 -7
  227. package/dist/esm/ion-tab_2.entry.js +3 -3
  228. package/dist/esm/ion-text.entry.js +2 -2
  229. package/dist/esm/ion-textarea.entry.js +3 -3
  230. package/dist/esm/ion-toast.entry.js +2 -2
  231. package/dist/esm/ion-toggle.entry.js +3 -3
  232. package/dist/esm/ionic.js +1 -1
  233. package/dist/esm/loader.js +1 -1
  234. package/dist/esm-es5/ion-app_8.entry.js +1 -1
  235. package/dist/esm-es5/ion-avatar_3.entry.js +1 -1
  236. package/dist/esm-es5/ion-col_3.entry.js +1 -1
  237. package/dist/esm-es5/ion-datetime_3.entry.js +1 -1
  238. package/dist/esm-es5/ion-divider.entry.js +4 -0
  239. package/dist/esm-es5/ion-fab_3.entry.js +1 -1
  240. package/dist/esm-es5/ion-img.entry.js +1 -1
  241. package/dist/esm-es5/ion-infinite-scroll_2.entry.js +1 -1
  242. package/dist/esm-es5/ion-input-password-toggle.entry.js +1 -1
  243. package/dist/esm-es5/ion-input.entry.js +1 -1
  244. package/dist/esm-es5/ion-item-option_3.entry.js +1 -1
  245. package/dist/esm-es5/ion-item_8.entry.js +1 -1
  246. package/dist/esm-es5/ion-loading.entry.js +1 -1
  247. package/dist/esm-es5/ion-menu_3.entry.js +1 -1
  248. package/dist/esm-es5/ion-modal.entry.js +1 -1
  249. package/dist/esm-es5/ion-nav_2.entry.js +1 -1
  250. package/dist/esm-es5/ion-picker-column-option.entry.js +1 -1
  251. package/dist/esm-es5/ion-popover.entry.js +1 -1
  252. package/dist/esm-es5/ion-progress-bar.entry.js +1 -1
  253. package/dist/esm-es5/ion-radio_2.entry.js +1 -1
  254. package/dist/esm-es5/ion-range.entry.js +1 -1
  255. package/dist/esm-es5/ion-refresher_2.entry.js +1 -1
  256. package/dist/esm-es5/ion-reorder_2.entry.js +1 -1
  257. package/dist/esm-es5/ion-ripple-effect.entry.js +1 -1
  258. package/dist/esm-es5/ion-route_4.entry.js +1 -1
  259. package/dist/esm-es5/ion-searchbar.entry.js +1 -1
  260. package/dist/esm-es5/ion-segment-content.entry.js +1 -1
  261. package/dist/esm-es5/ion-segment-view.entry.js +1 -1
  262. package/dist/esm-es5/ion-segment_2.entry.js +1 -1
  263. package/dist/esm-es5/ion-select-modal.entry.js +1 -1
  264. package/dist/esm-es5/ion-select_3.entry.js +1 -1
  265. package/dist/esm-es5/ion-spinner.entry.js +1 -1
  266. package/dist/esm-es5/ion-split-pane.entry.js +1 -1
  267. package/dist/esm-es5/ion-tab-bar_2.entry.js +1 -1
  268. package/dist/esm-es5/ion-tab_2.entry.js +1 -1
  269. package/dist/esm-es5/ion-text.entry.js +1 -1
  270. package/dist/esm-es5/ion-textarea.entry.js +1 -1
  271. package/dist/esm-es5/ion-toast.entry.js +1 -1
  272. package/dist/esm-es5/ion-toggle.entry.js +1 -1
  273. package/dist/esm-es5/ionic.js +1 -1
  274. package/dist/esm-es5/loader.js +1 -1
  275. package/dist/html.html-data.json +50 -0
  276. package/dist/ionic/ionic.esm.js +1 -1
  277. package/dist/ionic/{p-41feda15.entry.js → p-047943a4.entry.js} +1 -1
  278. package/dist/ionic/{p-0ea8053e.system.entry.js → p-0b07a566.system.entry.js} +1 -1
  279. package/dist/ionic/p-0c5e0dc8.system.entry.js +4 -0
  280. package/dist/ionic/{p-e2013908.entry.js → p-0e25995f.entry.js} +1 -1
  281. package/dist/ionic/{p-40e83885.system.entry.js → p-17f49808.system.entry.js} +1 -1
  282. package/dist/ionic/{p-6358892b.system.entry.js → p-195c7099.system.entry.js} +1 -1
  283. package/dist/ionic/{p-2addc8ab.system.entry.js → p-1a3b4566.system.entry.js} +1 -1
  284. package/dist/ionic/{p-50f80a09.system.entry.js → p-1c8f3fef.system.entry.js} +1 -1
  285. package/dist/ionic/p-1ee39457.system.entry.js +4 -0
  286. package/dist/ionic/p-1ffb98a0.system.entry.js +4 -0
  287. package/dist/ionic/{p-08779b2f.entry.js → p-2a4ebf7b.entry.js} +1 -1
  288. package/dist/ionic/{p-0ddb545c.system.entry.js → p-2a6e60d2.system.entry.js} +1 -1
  289. package/dist/ionic/{p-e203a11e.entry.js → p-2aca2df7.entry.js} +1 -1
  290. package/dist/ionic/{p-30199da6.system.entry.js → p-2c4d0578.system.entry.js} +1 -1
  291. package/dist/ionic/{p-9ed53b73.system.entry.js → p-34f06cc7.system.entry.js} +1 -1
  292. package/dist/ionic/{p-3b7155e5.system.entry.js → p-3775da84.system.entry.js} +1 -1
  293. package/dist/ionic/{p-05a95ec2.system.entry.js → p-3cdea564.system.entry.js} +1 -1
  294. package/dist/ionic/{p-9ed7fcdb.system.entry.js → p-3dd43dba.system.entry.js} +1 -1
  295. package/dist/ionic/p-4279f787.entry.js +4 -0
  296. package/dist/ionic/{p-7bdb9d37.system.entry.js → p-42acd60b.system.entry.js} +2 -2
  297. package/dist/ionic/{p-a2834d5f.entry.js → p-43b4ca5b.entry.js} +1 -1
  298. package/dist/ionic/{p-353475f7.system.entry.js → p-4606e323.system.entry.js} +1 -1
  299. package/dist/ionic/{p-394a86da.entry.js → p-46204887.entry.js} +1 -1
  300. package/dist/ionic/p-47fda111.entry.js +4 -0
  301. package/dist/ionic/{p-c3ed361f.entry.js → p-495eb25e.entry.js} +1 -1
  302. package/dist/ionic/{p-e5ae7793.entry.js → p-579b4a63.entry.js} +1 -1
  303. package/dist/ionic/{p-d8630eee.entry.js → p-58a30d90.entry.js} +1 -1
  304. package/dist/ionic/p-59920a82.system.entry.js +4 -0
  305. package/dist/ionic/{p-07239f26.entry.js → p-5c586ac1.entry.js} +1 -1
  306. package/dist/ionic/{p-387a27f2.entry.js → p-61977a32.entry.js} +1 -1
  307. package/dist/ionic/{p-e3cb0381.entry.js → p-6620dffa.entry.js} +1 -1
  308. package/dist/ionic/{p-25462b1c.entry.js → p-663ace5f.entry.js} +1 -1
  309. package/dist/ionic/{p-2f0fa144.system.entry.js → p-66a495c4.system.entry.js} +1 -1
  310. package/dist/ionic/p-67dd0aa9.entry.js +4 -0
  311. package/dist/ionic/{p-d4b468fb.system.entry.js → p-689a94b3.system.entry.js} +1 -1
  312. package/dist/ionic/p-6bf6e9e8.entry.js +4 -0
  313. package/dist/ionic/{p-020ce0a5.entry.js → p-6ce59667.entry.js} +1 -1
  314. package/dist/ionic/{p-dc98aaa3.system.entry.js → p-71d96a02.system.entry.js} +1 -1
  315. package/dist/ionic/{p-ffa0b5e9.system.entry.js → p-72d019c5.system.entry.js} +1 -1
  316. package/dist/ionic/{p-a0528005.system.entry.js → p-730993c9.system.entry.js} +1 -1
  317. package/dist/ionic/{p-95109138.system.entry.js → p-7beb0900.system.entry.js} +1 -1
  318. package/dist/ionic/p-7c80b639.system.entry.js +4 -0
  319. package/dist/ionic/{p-6e5a3112.system.entry.js → p-7d8e1a3d.system.entry.js} +2 -2
  320. package/dist/ionic/{p-a23bf697.entry.js → p-7e4cf8e1.entry.js} +1 -1
  321. package/dist/ionic/{p-76151fa4.entry.js → p-85bb90f6.entry.js} +1 -1
  322. package/dist/ionic/p-85cee6c9.entry.js +4 -0
  323. package/dist/ionic/{p-2a309c9b.system.entry.js → p-883ff61d.system.entry.js} +1 -1
  324. package/dist/ionic/{p-3f3d894a.entry.js → p-8d7684b7.entry.js} +1 -1
  325. package/dist/ionic/p-8f3bd9ab.system.js +1 -1
  326. package/dist/ionic/{p-21bfb906.entry.js → p-91ce2114.entry.js} +1 -1
  327. package/dist/ionic/p-96f37d0d.entry.js +4 -0
  328. package/dist/ionic/{p-8e2770ec.system.entry.js → p-999a0cef.system.entry.js} +1 -1
  329. package/dist/ionic/{p-b7cd5c72.entry.js → p-9e9999d5.entry.js} +1 -1
  330. package/dist/ionic/{p-6c003283.entry.js → p-a3144a1e.entry.js} +1 -1
  331. package/dist/ionic/{p-8f24bcef.entry.js → p-af2e2a79.entry.js} +1 -1
  332. package/dist/ionic/{p-8055cb44.entry.js → p-b1618321.entry.js} +1 -1
  333. package/dist/ionic/{p-cd95f723.entry.js → p-b6baf215.entry.js} +1 -1
  334. package/dist/ionic/{p-dd7a3323.entry.js → p-bc0ab45b.entry.js} +1 -1
  335. package/dist/ionic/{p-1fb3f167.system.entry.js → p-bcfc28b7.system.entry.js} +1 -1
  336. package/dist/ionic/{p-22b9f494.system.entry.js → p-bd215938.system.entry.js} +1 -1
  337. package/dist/ionic/{p-22d26239.entry.js → p-befb004d.entry.js} +1 -1
  338. package/dist/ionic/{p-ff030e07.system.entry.js → p-cbad55f3.system.entry.js} +1 -1
  339. package/dist/ionic/{p-a84c1142.entry.js → p-cef4553b.entry.js} +1 -1
  340. package/dist/ionic/{p-fe47b81f.system.entry.js → p-cff47c26.system.entry.js} +1 -1
  341. package/dist/ionic/{p-71a5fe4f.system.entry.js → p-d35e20cf.system.entry.js} +1 -1
  342. package/dist/ionic/{p-6e352a33.entry.js → p-d534a6c8.entry.js} +1 -1
  343. package/dist/ionic/{p-3b4dcba2.system.entry.js → p-d75951ba.system.entry.js} +1 -1
  344. package/dist/ionic/{p-d953595d.entry.js → p-d760d709.entry.js} +1 -1
  345. package/dist/ionic/p-da7bd63e.system.entry.js +4 -0
  346. package/dist/ionic/{p-8d19796f.system.entry.js → p-de32ae2a.system.entry.js} +1 -1
  347. package/dist/ionic/{p-6f7d76d1.entry.js → p-dea6541e.entry.js} +1 -1
  348. package/dist/ionic/p-dff0b93b.system.entry.js +4 -0
  349. package/dist/ionic/{p-717baf25.entry.js → p-e028d3f1.entry.js} +1 -1
  350. package/dist/ionic/{p-d89aa717.system.entry.js → p-e913a8ec.system.entry.js} +1 -1
  351. package/dist/ionic/{p-d8e6b7d8.system.entry.js → p-ed32d861.system.entry.js} +2 -2
  352. package/dist/ionic/p-f4a27763.entry.js +4 -0
  353. package/dist/ionic/{p-83787941.entry.js → p-f63db3d4.entry.js} +1 -1
  354. package/dist/ionic/{p-b909ffd9.entry.js → p-f853b71b.entry.js} +1 -1
  355. package/dist/ionic/{p-ea102c25.system.entry.js → p-fb0197d6.system.entry.js} +1 -1
  356. package/dist/types/components/avatar/avatar.d.ts +4 -0
  357. package/dist/types/components/badge/badge.d.ts +1 -0
  358. package/dist/types/components/divider/divider.d.ts +20 -0
  359. package/dist/types/components.d.ts +37 -0
  360. package/hydrate/index.js +190 -141
  361. package/hydrate/index.mjs +190 -141
  362. package/package.json +1 -1
  363. package/dist/ionic/p-065bfce7.entry.js +0 -4
  364. package/dist/ionic/p-110a551b.system.entry.js +0 -4
  365. package/dist/ionic/p-289d78ed.entry.js +0 -4
  366. package/dist/ionic/p-2b2ad756.entry.js +0 -4
  367. package/dist/ionic/p-622f15e2.system.entry.js +0 -4
  368. package/dist/ionic/p-7eafc9ce.system.entry.js +0 -4
  369. package/dist/ionic/p-88f73181.entry.js +0 -4
  370. package/dist/ionic/p-8f506e8b.system.entry.js +0 -4
  371. package/dist/ionic/p-9252b838.entry.js +0 -4
  372. package/dist/ionic/p-e1c355d8.entry.js +0 -4
  373. package/dist/ionic/p-e3a82b9b.system.entry.js +0 -4
  374. package/dist/ionic/p-edf7cdf0.system.entry.js +0 -4
package/hydrate/index.mjs CHANGED
@@ -7723,7 +7723,7 @@ class App {
7723
7723
  }; }
7724
7724
  }
7725
7725
 
7726
- const avatarIonicCss = ":host{border-radius:var(--border-radius);display:block;position:relative}::slotted(ion-img),::slotted(img){border-radius:var(--border-radius);width:100%;height:100%;-o-object-fit:cover;object-fit:cover;overflow:hidden}:host{--padding-top:var(--ion-space-0, 0px);--padding-bottom:var(--ion-space-0, 0px);display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;background:var(--ion-primitives-neutral-100, #f5f5f5);color:var(--ion-primitives-neutral-800, #626262);font-weight:var(--ion-font-weight-medium, 500);line-height:var(--ion-font-line-height-700, 28px)}:host(:not(.avatar-image)){-webkit-padding-start:var(--padding-start);padding-inline-start:var(--padding-start);-webkit-padding-end:var(--padding-end);padding-inline-end:var(--padding-end);padding-top:var(--padding-top);padding-bottom:var(--padding-bottom)}:host(.avatar-xxsmall){--padding-end:var(--ion-space-050, 2px);--padding-start:var(--ion-space-050, 2px);width:var(--ion-scale-400, 16px);height:var(--ion-scale-400, 16px);font-size:var(--ion-font-size-300, 0.75rem);line-height:var(--ion-font-line-height-500, 20px)}:host(.avatar-xsmall){--padding-end:var(--ion-space-050, 2px);--padding-start:var(--ion-space-050, 2px);width:var(--ion-scale-600, 24px);height:var(--ion-scale-600, 24px);font-size:var(--ion-font-size-300, 0.75rem);line-height:var(--ion-font-line-height-500, 20px)}:host(.avatar-small){--padding-end:var(--ion-space-150, 6px);--padding-start:var(--ion-space-150, 6px);width:var(--ion-scale-800, 32px);height:var(--ion-scale-800, 32px);font-size:var(--ion-font-size-400, 1rem);line-height:var(--ion-font-line-height-600, 24px)}:host(.avatar-medium){--padding-end:var(--ion-space-200, 8px);--padding-start:var(--ion-space-200, 8px);width:var(--ion-scale-1000, 40px);height:var(--ion-scale-1000, 40px);font-size:var(--ion-font-size-450, 1.125rem)}:host(.avatar-large){--padding-end:var(--ion-space-250, 10px);--padding-start:var(--ion-space-250, 10px);width:var(--ion-scale-1200, 48px);height:var(--ion-scale-1200, 48px);font-size:var(--ion-font-size-500, 1.25rem)}:host(.avatar-xlarge){--padding-end:var(--ion-space-300, 12px);--padding-start:var(--ion-space-300, 12px);width:var(--ion-scale-1400, 56px);height:var(--ion-scale-1400, 56px);font-size:var(--ion-font-size-550, 1.375rem)}:host(.avatar-xxsmall.avatar-soft),:host(.avatar-xsmall.avatar-soft),:host(.avatar-small.avatar-soft){--border-radius:var(--ion-border-radius-100, 4px)}:host(.avatar-soft){--border-radius:var(--ion-border-radius-200, 8px)}:host(.avatar-round){--border-radius:var(--ion-border-radius-full, 999px)}:host(.avatar-rectangular){--border-radius:var(--ion-border-radius-0, 0px)}:host(.avatar-icon){padding-left:0;padding-right:0;padding-top:0;padding-bottom:0}:host(.avatar-xsmall) ::slotted(ion-icon){width:var(--ion-scale-400, 16px);height:var(--ion-scale-400, 16px)}:host(.avatar-small) ::slotted(ion-icon){width:var(--ion-scale-500, 20px);height:var(--ion-scale-500, 20px)}:host(.avatar-medium) ::slotted(ion-icon){width:var(--ion-scale-600, 24px);height:var(--ion-scale-600, 24px)}:host(.avatar-large) ::slotted(ion-icon){width:var(--ion-scale-800, 32px);height:var(--ion-scale-800, 32px)}:host(.avatar-xlarge) ::slotted(ion-icon){width:var(--ion-scale-1000, 40px);height:var(--ion-scale-1000, 40px)}:host ::slotted(ion-badge.badge-vertical-top:empty){-webkit-transform:translate(var(--ion-scale-050, 2px), calc(var(--ion-scale-050, 2px) * -1));transform:translate(var(--ion-scale-050, 2px), calc(var(--ion-scale-050, 2px) * -1))}:host(.avatar-xxsmall) ::slotted(ion-badge.badge-vertical-top:empty){-webkit-transform:translate(var(--ion-scale-100, 4px), calc(var(--ion-scale-100, 4px) * -1));transform:translate(var(--ion-scale-100, 4px), calc(var(--ion-scale-100, 4px) * -1))}:host ::slotted(ion-badge.badge-vertical-bottom:empty){-webkit-transform:translate(0, var(--ion-scale-100, 4px));transform:translate(0, var(--ion-scale-100, 4px))}:host(.avatar-xxsmall) ::slotted(ion-badge.badge-vertical-bottom:empty){-webkit-transform:translate(var(--ion-scale-100, 4px), calc(var(--ion-scale-100, 4px)));transform:translate(var(--ion-scale-100, 4px), calc(var(--ion-scale-100, 4px)))}";
7726
+ const avatarIonicCss = ":host{border-radius:var(--border-radius);display:block;position:relative}::slotted(ion-img),::slotted(img){border-radius:var(--border-radius);width:100%;height:100%;-o-object-fit:cover;object-fit:cover;overflow:hidden}:host{--padding-top:var(--ion-space-0, 0px);--padding-bottom:var(--ion-space-0, 0px);display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;background:var(--ion-primitives-neutral-100, #f5f5f5);color:var(--ion-primitives-neutral-800, #626262);font-weight:var(--ion-font-weight-medium, 500);line-height:var(--ion-font-line-height-700, 28px)}:host(:not(.avatar-image)){-webkit-padding-start:var(--padding-start);padding-inline-start:var(--padding-start);-webkit-padding-end:var(--padding-end);padding-inline-end:var(--padding-end);padding-top:var(--padding-top);padding-bottom:var(--padding-bottom)}:host(.avatar-xxsmall){--padding-end:var(--ion-space-050, 2px);--padding-start:var(--ion-space-050, 2px);width:var(--ion-scale-400, 16px);height:var(--ion-scale-400, 16px);font-size:var(--ion-font-size-300, 0.75rem);line-height:var(--ion-font-line-height-500, 20px)}:host(.avatar-xsmall){--padding-end:var(--ion-space-050, 2px);--padding-start:var(--ion-space-050, 2px);width:var(--ion-scale-600, 24px);height:var(--ion-scale-600, 24px);font-size:var(--ion-font-size-300, 0.75rem);line-height:var(--ion-font-line-height-500, 20px)}:host(.avatar-small){--padding-end:var(--ion-space-150, 6px);--padding-start:var(--ion-space-150, 6px);width:var(--ion-scale-800, 32px);height:var(--ion-scale-800, 32px);font-size:var(--ion-font-size-400, 1rem);line-height:var(--ion-font-line-height-600, 24px)}:host(.avatar-medium){--padding-end:var(--ion-space-200, 8px);--padding-start:var(--ion-space-200, 8px);width:var(--ion-scale-1000, 40px);height:var(--ion-scale-1000, 40px);font-size:var(--ion-font-size-450, 1.125rem)}:host(.avatar-large){--padding-end:var(--ion-space-250, 10px);--padding-start:var(--ion-space-250, 10px);width:var(--ion-scale-1200, 48px);height:var(--ion-scale-1200, 48px);font-size:var(--ion-font-size-500, 1.25rem)}:host(.avatar-xlarge){--padding-end:var(--ion-space-300, 12px);--padding-start:var(--ion-space-300, 12px);width:var(--ion-scale-1400, 56px);height:var(--ion-scale-1400, 56px);font-size:var(--ion-font-size-550, 1.375rem)}:host(.avatar-xxsmall.avatar-soft),:host(.avatar-xsmall.avatar-soft),:host(.avatar-small.avatar-soft){--border-radius:var(--ion-border-radius-100, 4px)}:host(.avatar-soft){--border-radius:var(--ion-border-radius-200, 8px)}:host(.avatar-round){--border-radius:var(--ion-border-radius-full, 999px)}:host(.avatar-rectangular){--border-radius:var(--ion-border-radius-0, 0px)}:host(.avatar-icon){padding-left:0;padding-right:0;padding-top:0;padding-bottom:0}:host(.avatar-xsmall) ::slotted(ion-icon){width:var(--ion-scale-400, 16px);height:var(--ion-scale-400, 16px)}:host(.avatar-small) ::slotted(ion-icon){width:var(--ion-scale-500, 20px);height:var(--ion-scale-500, 20px)}:host(.avatar-medium) ::slotted(ion-icon){width:var(--ion-scale-600, 24px);height:var(--ion-scale-600, 24px)}:host(.avatar-large) ::slotted(ion-icon){width:var(--ion-scale-800, 32px);height:var(--ion-scale-800, 32px)}:host(.avatar-xlarge) ::slotted(ion-icon){width:var(--ion-scale-1000, 40px);height:var(--ion-scale-1000, 40px)}:host ::slotted(ion-badge.badge-vertical-top:empty){-webkit-transform:translate(var(--ion-scale-050, 2px), calc(var(--ion-scale-050, 2px) * -1));transform:translate(var(--ion-scale-050, 2px), calc(var(--ion-scale-050, 2px) * -1))}:host(.avatar-xxsmall) ::slotted(ion-badge.badge-vertical-top:empty){-webkit-transform:translate(var(--ion-scale-100, 4px), calc(var(--ion-scale-100, 4px) * -1));transform:translate(var(--ion-scale-100, 4px), calc(var(--ion-scale-100, 4px) * -1))}:host ::slotted(ion-badge.badge-vertical-bottom:empty){-webkit-transform:translate(0, var(--ion-scale-100, 4px));transform:translate(0, var(--ion-scale-100, 4px))}:host(.avatar-xxsmall) ::slotted(ion-badge.badge-vertical-bottom:empty){-webkit-transform:translate(var(--ion-scale-100, 4px), calc(var(--ion-scale-100, 4px)));transform:translate(var(--ion-scale-100, 4px), calc(var(--ion-scale-100, 4px)))}:host(.avatar-disabled)::before{right:0;left:0;top:0;bottom:0;position:absolute;background-color:var(--ion-state-disabled, rgba(255, 255, 255, 0.6));content:\"\";pointer-events:none}";
7727
7727
  var IonAvatarIonicStyle0 = avatarIonicCss;
7728
7728
 
7729
7729
  const avatarIosCss = ":host{border-radius:var(--border-radius);display:block;position:relative}::slotted(ion-img),::slotted(img){border-radius:var(--border-radius);width:100%;height:100%;-o-object-fit:cover;object-fit:cover;overflow:hidden}:host{--border-radius:50%;width:48px;height:48px}";
@@ -7741,6 +7741,7 @@ class Avatar {
7741
7741
  registerInstance(this, hostRef);
7742
7742
  this.size = undefined;
7743
7743
  this.shape = undefined;
7744
+ this.disabled = false;
7744
7745
  }
7745
7746
  get hasImage() {
7746
7747
  return !!this.el.querySelector('ion-img') || !!this.el.querySelector('img');
@@ -7773,16 +7774,18 @@ class Avatar {
7773
7774
  return shape;
7774
7775
  }
7775
7776
  render() {
7777
+ const { hasImage, hasIcon, disabled } = this;
7776
7778
  const theme = getIonTheme(this);
7777
7779
  const size = this.getSize();
7778
7780
  const shape = this.getShape();
7779
- return (hAsync(Host, { key: '5af235b9f85ad5c3c161219a65d8b53724f35fd0', class: {
7781
+ return (hAsync(Host, { key: '78ff5863d80f0e334b679a1ba530008dee4e0e69', class: {
7780
7782
  [theme]: true,
7781
7783
  [`avatar-${size}`]: size !== undefined,
7782
7784
  [`avatar-${shape}`]: shape !== undefined,
7783
- [`avatar-image`]: this.hasImage,
7784
- [`avatar-icon`]: this.hasIcon,
7785
- } }, hAsync("slot", { key: '7186cb46c15cd693e81638522c85e3fa8739ead1' })));
7785
+ [`avatar-image`]: hasImage,
7786
+ [`avatar-icon`]: hasIcon,
7787
+ [`avatar-disabled`]: disabled,
7788
+ } }, hAsync("slot", { key: '7f82734af2338a2afca67e1c600c64352a52e8a2' })));
7786
7789
  }
7787
7790
  get el() { return getElement(this); }
7788
7791
  static get style() { return {
@@ -7795,7 +7798,8 @@ class Avatar {
7795
7798
  "$tagName$": "ion-avatar",
7796
7799
  "$members$": {
7797
7800
  "size": [1],
7798
- "shape": [1]
7801
+ "shape": [1],
7802
+ "disabled": [4]
7799
7803
  },
7800
7804
  "$listeners$": undefined,
7801
7805
  "$lazyBundleId$": "-",
@@ -7981,13 +7985,13 @@ class Backdrop {
7981
7985
  }; }
7982
7986
  }
7983
7987
 
7984
- const badgeIonicCss = ":host{--padding-top:3px;--padding-end:8px;--padding-bottom:3px;--padding-start:8px;-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;-webkit-padding-start:var(--padding-start);padding-inline-start:var(--padding-start);-webkit-padding-end:var(--padding-end);padding-inline-end:var(--padding-end);padding-top:var(--padding-top);padding-bottom:var(--padding-bottom);display:inline-block;min-width:10px;background:var(--background);color:var(--color);font-size:0.8125rem;font-weight:bold;line-height:1;text-align:center;white-space:nowrap;contain:content;vertical-align:baseline}:host(.ion-color){background:var(--ion-color-base);color:var(--ion-color-contrast)}:host([vertical]){position:absolute}:host([vertical]){inset-inline-end:0}:host(:empty.badge-vertical-top){top:0}:host(:empty.badge-vertical-bottom){bottom:0}:host{--background:var(--ion-color-primary, #105cef);--color:var(--ion-color-primary-contrast, #fff);--padding-start:var(--ion-space-200, 8px);--padding-end:var(--ion-space-200, 8px);--padding-top:var(--ion-space-0, 0px);--padding-bottom:var(--ion-space-0, 0px);display:-ms-inline-flexbox;display:inline-flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;font-weight:var(--ion-font-weight-medium, 500)}:host(.badge-soft){border-radius:var(--ion-border-radius-200, 8px)}:host(.badge-xxsmall.badge-soft),:host(.badge-xsmall.badge-soft),:host(.badge-small.badge-soft){border-radius:var(--ion-border-radius-100, 4px)}:host(.badge-round){border-radius:var(--ion-border-radius-full, 999px)}:host(.badge-rectangular){border-radius:var(--ion-border-radius-0, 0px)}:host(.badge-xxsmall){--padding-start:var(--ion-space-050, 2px);--padding-end:var(--ion-space-050, 2px);min-width:var(--ion-scale-400, 16px);height:var(--ion-scale-400, 16px);font-size:var(--ion-font-size-300, 0.75rem);line-height:var(--ion-font-line-height-400, 16px)}:host(.badge-xxsmall) ::slotted(ion-icon){width:var(--ion-scale-300, 12px);height:var(--ion-scale-300, 12px)}:host(.badge-xsmall){--padding-start:var(--ion-space-100, 4px);--padding-end:var(--ion-space-100, 4px);min-width:var(--ion-scale-600, 24px);height:var(--ion-scale-600, 24px);font-size:var(--ion-font-size-350, 0.875rem);line-height:var(--ion-font-line-height-600, 24px)}:host(.badge-xsmall) ::slotted(ion-icon){width:var(--ion-scale-400, 16px);height:var(--ion-scale-400, 16px)}:host(.badge-small){--padding-start:var(--ion-space-100, 4px);--padding-end:var(--ion-space-100, 4px);min-width:var(--ion-scale-800, 32px);height:var(--ion-scale-800, 32px);font-size:var(--ion-font-size-400, 1rem);line-height:var(--ion-font-line-height-600, 24px)}:host(.badge-small) ::slotted(ion-icon){width:var(--ion-scale-500, 20px);height:var(--ion-scale-500, 20px)}:host(.badge-medium){min-width:var(--ion-scale-1000, 40px);height:var(--ion-scale-1000, 40px);font-size:var(--ion-font-size-450, 1.125rem);line-height:var(--ion-font-line-height-700, 28px)}:host(.badge-medium) ::slotted(ion-icon){width:var(--ion-scale-600, 24px);height:var(--ion-scale-600, 24px)}:host(.badge-large){min-width:var(--ion-scale-1200, 48px);height:var(--ion-scale-1200, 48px);font-size:var(--ion-font-size-500, 1.25rem);line-height:var(--ion-font-line-height-700, 28px)}:host(.badge-large) ::slotted(ion-icon){width:var(--ion-scale-800, 32px);height:var(--ion-scale-800, 32px)}:host(.badge-xlarge){min-width:var(--ion-scale-1400, 56px);height:var(--ion-scale-1400, 56px);font-size:var(--ion-font-size-550, 1.375rem);line-height:var(--ion-font-line-height-700, 28px)}:host(.badge-xlarge) ::slotted(ion-icon){width:var(--ion-scale-1000, 40px);height:var(--ion-scale-1000, 40px)}:host(:empty){--padding-start:0;--padding-end:0}:host(.badge-small:empty){min-width:var(--ion-scale-200, 8px);height:var(--ion-scale-200, 8px)}:host(.badge-medium:empty){min-width:var(--ion-scale-300, 12px);height:var(--ion-scale-300, 12px)}:host(.badge-large:empty){min-width:var(--ion-scale-400, 16px);height:var(--ion-scale-400, 16px)}";
7988
+ const badgeIonicCss = ":host{--padding-top:3px;--padding-end:8px;--padding-bottom:3px;--padding-start:8px;-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;-webkit-padding-start:var(--padding-start);padding-inline-start:var(--padding-start);-webkit-padding-end:var(--padding-end);padding-inline-end:var(--padding-end);padding-top:var(--padding-top);padding-bottom:var(--padding-bottom);display:inline-block;min-width:10px;background:var(--background);color:var(--color);font-size:0.8125rem;font-weight:bold;line-height:1;text-align:center;white-space:nowrap;contain:content;vertical-align:baseline}:host(.ion-color){background:var(--ion-color-base);color:var(--ion-color-contrast)}:host([vertical]:not(.in-tab-button)){position:absolute}:host([vertical]:not(.in-tab-button)){inset-inline-end:0}:host(:not(.in-tab-button):empty.badge-vertical-top){top:0}:host(:not(.in-tab-button):empty.badge-vertical-bottom){bottom:0}:host{--background:var(--ion-color-primary, #105cef);--color:var(--ion-color-primary-contrast, #fff);--padding-start:var(--ion-space-200, 8px);--padding-end:var(--ion-space-200, 8px);--padding-top:var(--ion-space-0, 0px);--padding-bottom:var(--ion-space-0, 0px);display:-ms-inline-flexbox;display:inline-flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;font-weight:var(--ion-font-weight-medium, 500)}:host(.badge-soft){border-radius:var(--ion-border-radius-200, 8px)}:host(.badge-xxsmall.badge-soft),:host(.badge-xsmall.badge-soft),:host(.badge-small.badge-soft){border-radius:var(--ion-border-radius-100, 4px)}:host(.badge-round){border-radius:var(--ion-border-radius-full, 999px)}:host(.badge-rectangular){border-radius:var(--ion-border-radius-0, 0px)}:host(.badge-xxsmall){--padding-start:var(--ion-space-050, 2px);--padding-end:var(--ion-space-050, 2px);min-width:var(--ion-scale-400, 16px);height:var(--ion-scale-400, 16px);font-size:var(--ion-font-size-300, 0.75rem);line-height:var(--ion-font-line-height-400, 16px)}:host(.badge-xxsmall) ::slotted(ion-icon){width:var(--ion-scale-300, 12px);height:var(--ion-scale-300, 12px)}:host(.badge-xsmall){--padding-start:var(--ion-space-100, 4px);--padding-end:var(--ion-space-100, 4px);min-width:var(--ion-scale-600, 24px);height:var(--ion-scale-600, 24px);font-size:var(--ion-font-size-350, 0.875rem);line-height:var(--ion-font-line-height-600, 24px)}:host(.badge-xsmall) ::slotted(ion-icon){width:var(--ion-scale-400, 16px);height:var(--ion-scale-400, 16px)}:host(.badge-small){--padding-start:var(--ion-space-100, 4px);--padding-end:var(--ion-space-100, 4px);min-width:var(--ion-scale-800, 32px);height:var(--ion-scale-800, 32px);font-size:var(--ion-font-size-400, 1rem);line-height:var(--ion-font-line-height-600, 24px)}:host(.badge-small) ::slotted(ion-icon){width:var(--ion-scale-500, 20px);height:var(--ion-scale-500, 20px)}:host(.badge-medium){min-width:var(--ion-scale-1000, 40px);height:var(--ion-scale-1000, 40px);font-size:var(--ion-font-size-450, 1.125rem);line-height:var(--ion-font-line-height-700, 28px)}:host(.badge-medium) ::slotted(ion-icon){width:var(--ion-scale-600, 24px);height:var(--ion-scale-600, 24px)}:host(.badge-large){min-width:var(--ion-scale-1200, 48px);height:var(--ion-scale-1200, 48px);font-size:var(--ion-font-size-500, 1.25rem);line-height:var(--ion-font-line-height-700, 28px)}:host(.badge-large) ::slotted(ion-icon){width:var(--ion-scale-800, 32px);height:var(--ion-scale-800, 32px)}:host(.badge-xlarge){min-width:var(--ion-scale-1400, 56px);height:var(--ion-scale-1400, 56px);font-size:var(--ion-font-size-550, 1.375rem);line-height:var(--ion-font-line-height-700, 28px)}:host(.badge-xlarge) ::slotted(ion-icon){width:var(--ion-scale-1000, 40px);height:var(--ion-scale-1000, 40px)}:host(:empty){--padding-start:0;--padding-end:0}:host(.badge-small:empty){min-width:var(--ion-scale-200, 8px);height:var(--ion-scale-200, 8px)}:host(.badge-medium:empty){min-width:var(--ion-scale-300, 12px);height:var(--ion-scale-300, 12px)}:host(.badge-large:empty){min-width:var(--ion-scale-400, 16px);height:var(--ion-scale-400, 16px)}:host([vertical].in-tab-button){position:relative}:host([vertical].in-tab-button) ::slotted(ion-icon){top:50%;position:absolute;-webkit-transform:translate(-50%, -50%);transform:translate(-50%, -50%)}:host([vertical].in-tab-button) ::slotted(ion-icon){inset-inline-start:50%}";
7985
7989
  var IonBadgeIonicStyle0 = badgeIonicCss;
7986
7990
 
7987
- const badgeIosCss = ":host{--padding-top:3px;--padding-end:8px;--padding-bottom:3px;--padding-start:8px;-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;-webkit-padding-start:var(--padding-start);padding-inline-start:var(--padding-start);-webkit-padding-end:var(--padding-end);padding-inline-end:var(--padding-end);padding-top:var(--padding-top);padding-bottom:var(--padding-bottom);display:inline-block;min-width:10px;background:var(--background);color:var(--color);font-size:0.8125rem;font-weight:bold;line-height:1;text-align:center;white-space:nowrap;contain:content;vertical-align:baseline}:host(.ion-color){background:var(--ion-color-base);color:var(--ion-color-contrast)}:host([vertical]){position:absolute}:host([vertical]){inset-inline-end:0}:host(:empty.badge-vertical-top){top:0}:host(:empty.badge-vertical-bottom){bottom:0}:host{--background:var(--ion-color-primary, #0054e9);--color:var(--ion-color-primary-contrast, #fff);font-family:var(--ion-font-family, inherit)}:host(:empty){--padding-start:0;--padding-end:0;--padding-bottom:0;--padding-top:0;border-radius:999px;width:10px;height:10px}:host{border-radius:10px;font-size:max(13px, 0.8125rem)}";
7991
+ const badgeIosCss = ":host{--padding-top:3px;--padding-end:8px;--padding-bottom:3px;--padding-start:8px;-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;-webkit-padding-start:var(--padding-start);padding-inline-start:var(--padding-start);-webkit-padding-end:var(--padding-end);padding-inline-end:var(--padding-end);padding-top:var(--padding-top);padding-bottom:var(--padding-bottom);display:inline-block;min-width:10px;background:var(--background);color:var(--color);font-size:0.8125rem;font-weight:bold;line-height:1;text-align:center;white-space:nowrap;contain:content;vertical-align:baseline}:host(.ion-color){background:var(--ion-color-base);color:var(--ion-color-contrast)}:host([vertical]:not(.in-tab-button)){position:absolute}:host([vertical]:not(.in-tab-button)){inset-inline-end:0}:host(:not(.in-tab-button):empty.badge-vertical-top){top:0}:host(:not(.in-tab-button):empty.badge-vertical-bottom){bottom:0}:host{--background:var(--ion-color-primary, #0054e9);--color:var(--ion-color-primary-contrast, #fff);font-family:var(--ion-font-family, inherit)}:host(:empty){--padding-start:0;--padding-end:0;--padding-bottom:0;--padding-top:0;border-radius:999px;width:10px;height:10px}:host{border-radius:10px;font-size:max(13px, 0.8125rem)}:host([vertical].in-tab-button){position:relative;min-width:8px}:host([vertical].in-tab-button) ::slotted(ion-icon){top:50%;position:absolute;width:12px;height:12px;-webkit-transform:translate(-50%, -50%);transform:translate(-50%, -50%)}:host([vertical].in-tab-button) ::slotted(ion-icon){inset-inline-start:50%}";
7988
7992
  var IonBadgeIosStyle0 = badgeIosCss;
7989
7993
 
7990
- const badgeMdCss = ":host{--padding-top:3px;--padding-end:8px;--padding-bottom:3px;--padding-start:8px;-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;-webkit-padding-start:var(--padding-start);padding-inline-start:var(--padding-start);-webkit-padding-end:var(--padding-end);padding-inline-end:var(--padding-end);padding-top:var(--padding-top);padding-bottom:var(--padding-bottom);display:inline-block;min-width:10px;background:var(--background);color:var(--color);font-size:0.8125rem;font-weight:bold;line-height:1;text-align:center;white-space:nowrap;contain:content;vertical-align:baseline}:host(.ion-color){background:var(--ion-color-base);color:var(--ion-color-contrast)}:host([vertical]){position:absolute}:host([vertical]){inset-inline-end:0}:host(:empty.badge-vertical-top){top:0}:host(:empty.badge-vertical-bottom){bottom:0}:host{--background:var(--ion-color-primary, #0054e9);--color:var(--ion-color-primary-contrast, #fff);font-family:var(--ion-font-family, inherit)}:host(:empty){--padding-start:0;--padding-end:0;--padding-bottom:0;--padding-top:0;border-radius:999px;width:10px;height:10px}:host{--padding-top:3px;--padding-end:4px;--padding-bottom:4px;--padding-start:4px;border-radius:4px}";
7994
+ const badgeMdCss = ":host{--padding-top:3px;--padding-end:8px;--padding-bottom:3px;--padding-start:8px;-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;-webkit-padding-start:var(--padding-start);padding-inline-start:var(--padding-start);-webkit-padding-end:var(--padding-end);padding-inline-end:var(--padding-end);padding-top:var(--padding-top);padding-bottom:var(--padding-bottom);display:inline-block;min-width:10px;background:var(--background);color:var(--color);font-size:0.8125rem;font-weight:bold;line-height:1;text-align:center;white-space:nowrap;contain:content;vertical-align:baseline}:host(.ion-color){background:var(--ion-color-base);color:var(--ion-color-contrast)}:host([vertical]:not(.in-tab-button)){position:absolute}:host([vertical]:not(.in-tab-button)){inset-inline-end:0}:host(:not(.in-tab-button):empty.badge-vertical-top){top:0}:host(:not(.in-tab-button):empty.badge-vertical-bottom){bottom:0}:host{--background:var(--ion-color-primary, #0054e9);--color:var(--ion-color-primary-contrast, #fff);font-family:var(--ion-font-family, inherit)}:host(:empty){--padding-start:0;--padding-end:0;--padding-bottom:0;--padding-top:0;border-radius:999px;width:10px;height:10px}:host{--padding-top:3px;--padding-end:4px;--padding-bottom:4px;--padding-start:4px;border-radius:4px}";
7991
7995
  var IonBadgeMdStyle0 = badgeMdCss;
7992
7996
 
7993
7997
  /**
@@ -8030,13 +8034,15 @@ class Badge {
8030
8034
  const shape = this.getShape();
8031
8035
  const size = this.getSize();
8032
8036
  const theme = getIonTheme(this);
8033
- return (hAsync(Host, { key: 'aebcad9a9d4e650344cc855085ab30c376f9b367', class: createColorClasses$1(this.color, {
8037
+ return (hAsync(Host, { key: 'fde95405b1e2a2e7542eae3ad2f4a59ef86e9759', class: createColorClasses$1(this.color, {
8034
8038
  [theme]: true,
8035
8039
  [`badge-${shape}`]: shape !== undefined,
8036
8040
  [`badge-${size}`]: size !== undefined,
8037
8041
  [`badge-vertical-${this.vertical}`]: this.vertical !== undefined,
8038
- }) }, hAsync("slot", { key: 'b62bca8ec3666dce3283573497b7c4306ecc7fc4' })));
8042
+ 'in-tab-button': hostContext('ion-tab-button', this.el),
8043
+ }) }, hAsync("slot", { key: 'b11925a6901eca458e99d419636caeca0cdf092c' })));
8039
8044
  }
8045
+ get el() { return getElement(this); }
8040
8046
  static get style() { return {
8041
8047
  ionic: IonBadgeIonicStyle0,
8042
8048
  ios: IonBadgeIosStyle0,
@@ -13730,6 +13736,48 @@ class DatetimeButton {
13730
13736
  }; }
13731
13737
  }
13732
13738
 
13739
+ const dividerIonicCss = ":host{--margin-top:0px;--margin-bottom:0px;--padding-start:0px;--padding-end:0px;display:block;width:100%;padding-right:calc(var(--padding-end) + var(--ion-safe-area-right, 0px));padding-left:calc(var(--padding-start) + var(--ion-safe-area-left, 0px));}:host-context([dir=rtl]){padding-right:calc(var(--padding-start) + var(--ion-safe-area-right, 0px));padding-left:calc(var(--padding-end) + var(--ion-safe-area-left, 0px))}@supports selector(:dir(rtl)){:host(:dir(rtl)){padding-right:calc(var(--padding-start) + var(--ion-safe-area-right, 0px));padding-left:calc(var(--padding-end) + var(--ion-safe-area-left, 0px))}}:host hr{display:block;width:100%;margin-top:var(--margin-top);margin-bottom:var(--margin-bottom);border:none}:host hr{border-top:var(--ion-border-size-025, 1px) var(--ion-border-style-solid, solid) var(--ion-border-default, #e0e0e0)}:host(.divider-inset){--padding-start:var(--ion-space-400, 16px);--padding-end:var(--ion-space-400, 16px)}:host(.divider-spacing-xsmall){--margin-top:var(--ion-space-200, 8px);--margin-bottom:var(--ion-space-200, 8px)}:host(.divider-spacing-small){--margin-top:var(--ion-space-300, 12px);--margin-bottom:var(--ion-space-300, 12px)}:host(.divider-spacing-medium){--margin-top:var(--ion-space-400, 16px);--margin-bottom:var(--ion-space-400, 16px)}:host(.divider-spacing-large){--margin-top:var(--ion-space-600, 24px);--margin-bottom:var(--ion-space-600, 24px)}:host(.divider-spacing-xlarge){--margin-top:var(--ion-space-800, 32px);--margin-bottom:var(--ion-space-800, 32px)}:host(.divider-spacing-xxlarge){--margin-top:var(--ion-space-1000, 40px);--margin-bottom:var(--ion-space-1000, 40px)}";
13740
+ var IonDividerIonicStyle0 = dividerIonicCss;
13741
+
13742
+ const dividerIosCss = ":host{--margin-top:0px;--margin-bottom:0px;--padding-start:0px;--padding-end:0px;display:block;width:100%;padding-right:calc(var(--padding-end) + var(--ion-safe-area-right, 0px));padding-left:calc(var(--padding-start) + var(--ion-safe-area-left, 0px));}:host-context([dir=rtl]){padding-right:calc(var(--padding-start) + var(--ion-safe-area-right, 0px));padding-left:calc(var(--padding-end) + var(--ion-safe-area-left, 0px))}@supports selector(:dir(rtl)){:host(:dir(rtl)){padding-right:calc(var(--padding-start) + var(--ion-safe-area-right, 0px));padding-left:calc(var(--padding-end) + var(--ion-safe-area-left, 0px))}}:host hr{display:block;width:100%;margin-top:var(--margin-top);margin-bottom:var(--margin-bottom);border:none}:host hr{border-top:1px solid #e0e0e0}:host(.divider-inset){--padding-start:16px;--padding-end:16px}:host(.divider-spacing-xsmall){--margin-top:8px;--margin-bottom:8px}:host(.divider-spacing-small){--margin-top:12px;--margin-bottom:12px}:host(.divider-spacing-medium){--margin-top:16px;--margin-bottom:16px}:host(.divider-spacing-large){--margin-top:24px;--margin-bottom:24px}:host(.divider-spacing-xlarge){--margin-top:32px;--margin-bottom:32px}:host(.divider-spacing-xxlarge){--margin-top:40px;--margin-bottom:40px}";
13743
+ var IonDividerIosStyle0 = dividerIosCss;
13744
+
13745
+ const dividerMdCss = ":host{--margin-top:0px;--margin-bottom:0px;--padding-start:0px;--padding-end:0px;display:block;width:100%;padding-right:calc(var(--padding-end) + var(--ion-safe-area-right, 0px));padding-left:calc(var(--padding-start) + var(--ion-safe-area-left, 0px));}:host-context([dir=rtl]){padding-right:calc(var(--padding-start) + var(--ion-safe-area-right, 0px));padding-left:calc(var(--padding-end) + var(--ion-safe-area-left, 0px))}@supports selector(:dir(rtl)){:host(:dir(rtl)){padding-right:calc(var(--padding-start) + var(--ion-safe-area-right, 0px));padding-left:calc(var(--padding-end) + var(--ion-safe-area-left, 0px))}}:host hr{display:block;width:100%;margin-top:var(--margin-top);margin-bottom:var(--margin-bottom);border:none}:host hr{border-top:1px solid #e0e0e0}:host(.divider-inset){--padding-start:16px;--padding-end:16px}:host(.divider-spacing-xsmall){--margin-top:8px;--margin-bottom:8px}:host(.divider-spacing-small){--margin-top:12px;--margin-bottom:12px}:host(.divider-spacing-medium){--margin-top:16px;--margin-bottom:16px}:host(.divider-spacing-large){--margin-top:24px;--margin-bottom:24px}:host(.divider-spacing-xlarge){--margin-top:32px;--margin-bottom:32px}:host(.divider-spacing-xxlarge){--margin-top:40px;--margin-bottom:40px}";
13746
+ var IonDividerMdStyle0 = dividerMdCss;
13747
+
13748
+ class Divider {
13749
+ constructor(hostRef) {
13750
+ registerInstance(this, hostRef);
13751
+ this.spacing = 'xxsmall';
13752
+ this.inset = false;
13753
+ }
13754
+ render() {
13755
+ const { inset, spacing } = this;
13756
+ const theme = getIonTheme(this);
13757
+ return (hAsync(Host, { key: '38ef60c18afbf8c330ea48fb469a079244614aa3', class: {
13758
+ [theme]: true,
13759
+ [`divider-spacing-${spacing}`]: spacing !== undefined,
13760
+ [`divider-inset`]: inset,
13761
+ } }, hAsync("hr", { key: '267bd548899dea34c38fa24e6371f46b55b45eb7' })));
13762
+ }
13763
+ static get style() { return {
13764
+ ionic: IonDividerIonicStyle0,
13765
+ ios: IonDividerIosStyle0,
13766
+ md: IonDividerMdStyle0
13767
+ }; }
13768
+ static get cmpMeta() { return {
13769
+ "$flags$": 41,
13770
+ "$tagName$": "ion-divider",
13771
+ "$members$": {
13772
+ "spacing": [513],
13773
+ "inset": [4]
13774
+ },
13775
+ "$listeners$": undefined,
13776
+ "$lazyBundleId$": "-",
13777
+ "$attrsToReflect$": [["spacing", "spacing"]]
13778
+ }; }
13779
+ }
13780
+
13733
13781
  const fabCss = ":host{position:absolute;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;z-index:999}:host(.fab-horizontal-center){right:0px;left:0px;-webkit-margin-start:auto;margin-inline-start:auto;-webkit-margin-end:auto;margin-inline-end:auto}:host(.fab-horizontal-start){left:calc(10px + var(--ion-safe-area-left, 0px));}:host-context([dir=rtl]):host(.fab-horizontal-start),:host-context([dir=rtl]).fab-horizontal-start{right:calc(10px + var(--ion-safe-area-right, 0px));left:unset}@supports selector(:dir(rtl)){:host(.fab-horizontal-start:dir(rtl)){right:calc(10px + var(--ion-safe-area-right, 0px));left:unset}}:host(.fab-horizontal-end){right:calc(10px + var(--ion-safe-area-right, 0px));}:host-context([dir=rtl]):host(.fab-horizontal-end),:host-context([dir=rtl]).fab-horizontal-end{left:calc(10px + var(--ion-safe-area-left, 0px));right:unset}@supports selector(:dir(rtl)){:host(.fab-horizontal-end:dir(rtl)){left:calc(10px + var(--ion-safe-area-left, 0px));right:unset}}:host(.fab-vertical-top){top:10px}:host(.fab-vertical-top.fab-edge){top:0}:host(.fab-vertical-top.fab-edge) ::slotted(ion-fab-button){margin-top:-50%}:host(.fab-vertical-top.fab-edge) ::slotted(ion-fab-button.fab-button-small){margin-top:calc((-100% + 16px) / 2)}:host(.fab-vertical-top.fab-edge) ::slotted(ion-fab-list.fab-list-side-start),:host(.fab-vertical-top.fab-edge) ::slotted(ion-fab-list.fab-list-side-end){margin-top:-50%}:host(.fab-vertical-top.fab-edge) ::slotted(ion-fab-list.fab-list-side-top),:host(.fab-vertical-top.fab-edge) ::slotted(ion-fab-list.fab-list-side-bottom){margin-top:calc(50% + 10px)}:host(.fab-vertical-bottom){bottom:10px}:host(.fab-vertical-bottom.fab-edge){bottom:0}:host(.fab-vertical-bottom.fab-edge) ::slotted(ion-fab-button){margin-bottom:-50%}:host(.fab-vertical-bottom.fab-edge) ::slotted(ion-fab-button.fab-button-small){margin-bottom:calc((-100% + 16px) / 2)}:host(.fab-vertical-bottom.fab-edge) ::slotted(ion-fab-list.fab-list-side-start),:host(.fab-vertical-bottom.fab-edge) ::slotted(ion-fab-list.fab-list-side-end){margin-bottom:-50%}:host(.fab-vertical-bottom.fab-edge) ::slotted(ion-fab-list.fab-list-side-top),:host(.fab-vertical-bottom.fab-edge) ::slotted(ion-fab-list.fab-list-side-bottom){margin-bottom:calc(50% + 10px)}:host(.fab-vertical-center){top:0px;bottom:0px;margin-top:auto;margin-bottom:auto}";
13734
13782
  var IonFabStyle0 = fabCss;
13735
13783
 
@@ -13782,12 +13830,12 @@ class Fab {
13782
13830
  render() {
13783
13831
  const { horizontal, vertical, edge } = this;
13784
13832
  const theme = getIonTheme(this);
13785
- return (hAsync(Host, { key: 'e2d3e3263a6b9e7d97bd9398dda1a124ae626012', class: {
13833
+ return (hAsync(Host, { key: '8b758c5283382f1bddd051f5a575d4952b001c50', class: {
13786
13834
  [theme]: true,
13787
13835
  [`fab-horizontal-${horizontal}`]: horizontal !== undefined,
13788
13836
  [`fab-vertical-${vertical}`]: vertical !== undefined,
13789
13837
  'fab-edge': edge,
13790
- } }, hAsync("slot", { key: '2ed256f10ea7a208f096c0c24b673f89008cc1c4' })));
13838
+ } }, hAsync("slot", { key: '45ce20f308b3de9c09d625d45b3f3dc7b4ee8652' })));
13791
13839
  }
13792
13840
  get el() { return getElement(this); }
13793
13841
  static get watchers() { return {
@@ -13900,7 +13948,7 @@ class FabButton {
13900
13948
  rel: this.rel,
13901
13949
  target: this.target,
13902
13950
  };
13903
- return (hAsync(Host, { key: '9f358aa5ec3ab99c0a8f7cf27d71ae012bed329c', onClick: this.onClick, "aria-disabled": disabled ? 'true' : null, class: createColorClasses$1(color, {
13951
+ return (hAsync(Host, { key: 'ffc552ad3b542e0f79e319fa86b063c3289e1a23', onClick: this.onClick, "aria-disabled": disabled ? 'true' : null, class: createColorClasses$1(color, {
13904
13952
  [theme]: true,
13905
13953
  'fab-button-in-list': inList,
13906
13954
  'fab-button-translucent-in-list': inList && translucent,
@@ -13911,7 +13959,7 @@ class FabButton {
13911
13959
  'ion-activatable': true,
13912
13960
  'ion-focusable': true,
13913
13961
  [`fab-button-${size}`]: size !== undefined,
13914
- }) }, hAsync(TagType, Object.assign({ key: 'ebd33b41cbd872f27f9b7471e4600c816b5c0a3d' }, attrs, { class: "button-native", part: "native", disabled: disabled, onFocus: this.onFocus, onBlur: this.onBlur, onClick: (ev) => openURL(href, ev, this.routerDirection, this.routerAnimation) }, inheritedAttributes), hAsync("ion-icon", { key: 'cd54a839c29a86f6e335b21adebce346c2a73a28', "aria-hidden": "true", icon: fabButtonCloseIcon, part: "close-icon", class: "close-icon", lazy: false }), hAsync("span", { key: '0e1e5d2ce3ee11f4f4a7147a99b5ace5858c53af', class: "button-inner" }, hAsync("slot", { key: 'a295df948b0ff6b4bc981a6a222af7dbfffc63a6' })), theme === 'md' && hAsync("ion-ripple-effect", { key: '1d63f25cb5c81ac87f0da9de01e152bff880440e' }))));
13962
+ }) }, hAsync(TagType, Object.assign({ key: 'acf0c99822630499b171f0873924cfe10ef41547' }, attrs, { class: "button-native", part: "native", disabled: disabled, onFocus: this.onFocus, onBlur: this.onBlur, onClick: (ev) => openURL(href, ev, this.routerDirection, this.routerAnimation) }, inheritedAttributes), hAsync("ion-icon", { key: '236a7340cf8213a69325716cb3b813abb627b40a', "aria-hidden": "true", icon: fabButtonCloseIcon, part: "close-icon", class: "close-icon", lazy: false }), hAsync("span", { key: '908a53794c801a64c8cdae9b08ae75deb93a5b22', class: "button-inner" }, hAsync("slot", { key: '41bf30e091cfcf90dcf3975a4b05a30c987e8aae' })), theme === 'md' && hAsync("ion-ripple-effect", { key: 'b665e44a357138ef30454e267a2214356dc0fe3b' }))));
13915
13963
  }
13916
13964
  get el() { return getElement(this); }
13917
13965
  static get style() { return {
@@ -13967,11 +14015,11 @@ class FabList {
13967
14015
  }
13968
14016
  render() {
13969
14017
  const theme = getIonTheme(this);
13970
- return (hAsync(Host, { key: 'ce4ca73c50015a4c76bbb81343cf466e9029fa09', class: {
14018
+ return (hAsync(Host, { key: 'b0e984c110ea8bf4aa0daeca5f66253c9e0666fd', class: {
13971
14019
  [theme]: true,
13972
14020
  'fab-list-active': this.activated,
13973
14021
  [`fab-list-side-${this.side}`]: true,
13974
- } }, hAsync("slot", { key: 'ff9a011541e315749f81f5b304ae71c4ce1f9516' })));
14022
+ } }, hAsync("slot", { key: '7bedbb010e89d1304d86c4261f5378e90741611e' })));
13975
14023
  }
13976
14024
  get el() { return getElement(this); }
13977
14025
  static get watchers() { return {
@@ -14429,7 +14477,7 @@ class Footer {
14429
14477
  const theme = getIonTheme(this);
14430
14478
  const tabs = this.el.closest('ion-tabs');
14431
14479
  const tabBar = tabs === null || tabs === void 0 ? void 0 : tabs.querySelector(':scope > ion-tab-bar');
14432
- return (hAsync(Host, { key: '1ba20eaefb8c6ce4fe7b4340a79be14f7201c610', role: "contentinfo", class: {
14480
+ return (hAsync(Host, { key: 'e70e2616f69a6205a1c2045bf13a792c9a6bc27c', role: "contentinfo", class: {
14433
14481
  [theme]: true,
14434
14482
  // Used internally for styling
14435
14483
  [`footer-${theme}`]: true,
@@ -14437,7 +14485,7 @@ class Footer {
14437
14485
  [`footer-translucent-${theme}`]: translucent,
14438
14486
  ['footer-toolbar-padding']: !this.keyboardVisible && (!tabBar || tabBar.slot !== 'bottom'),
14439
14487
  [`footer-collapse-${collapse}`]: collapse !== undefined,
14440
- } }, theme === 'ios' && translucent && hAsync("div", { key: '523789d60cfed2a90ddbca1947c61bb051114721', class: "footer-background" }), hAsync("slot", { key: '63057ed857a7bcef11bb88b25b32b79a0d8651b8' })));
14488
+ } }, theme === 'ios' && translucent && hAsync("div", { key: '72803059c1d82a766a0ce69e5a8a6a3b7e576700', class: "footer-background" }), hAsync("slot", { key: 'de450e4eb8f5c63b11f548061f29d957ef308539' })));
14441
14489
  }
14442
14490
  get el() { return getElement(this); }
14443
14491
  static get style() { return {
@@ -14473,10 +14521,10 @@ class Grid {
14473
14521
  }
14474
14522
  render() {
14475
14523
  const theme = getIonTheme(this);
14476
- return (hAsync(Host, { key: 'f22760e2c973d2f2e3ffcadd5012ff3482cb7f14', class: {
14524
+ return (hAsync(Host, { key: 'f439594e1c4186e30d5b57bf3ca95c220df954fa', class: {
14477
14525
  [theme]: true,
14478
14526
  'grid-fixed': this.fixed,
14479
- } }, hAsync("slot", { key: '12a2bb04ad30e80fc3d0cdc49de2b625cb15f3e7' })));
14527
+ } }, hAsync("slot", { key: 'e8e01f0b46a05fb3220837fbfa9f161b086c06ad' })));
14480
14528
  }
14481
14529
  static get style() { return IonGridStyle0; }
14482
14530
  static get cmpMeta() { return {
@@ -14832,7 +14880,7 @@ class Header {
14832
14880
  const collapse = this.collapse || 'none';
14833
14881
  // banner role must be at top level, so remove role if inside a menu
14834
14882
  const roleType = hostContext('ion-menu', this.el) ? 'none' : 'banner';
14835
- return (hAsync(Host, Object.assign({ key: '2b8adbae18480acf564d2b16b2f741066fc18ae5', role: roleType, class: {
14883
+ return (hAsync(Host, Object.assign({ key: '7f58480b7f04b9d700bcc08d2418d121ec8f4124', role: roleType, class: {
14836
14884
  [theme]: true,
14837
14885
  // Used internally for styling
14838
14886
  [`header-${theme}`]: true,
@@ -14840,7 +14888,7 @@ class Header {
14840
14888
  [`header-collapse-${collapse}`]: true,
14841
14889
  [`header-translucent-${theme}`]: this.translucent,
14842
14890
  ['header-divider']: divider,
14843
- } }, inheritedAttributes), theme === 'ios' && translucent && hAsync("div", { key: 'c42ffce2d92eababd3f8d521c110359a05e0e83f', class: "header-background" }), hAsync("slot", { key: '721bdded45ab3a8478f139f369a08af7cf8cbbf1' })));
14891
+ } }, inheritedAttributes), theme === 'ios' && translucent && hAsync("div", { key: 'c1c77a735ed96e93a5ee9511415c19a80989dbc9', class: "header-background" }), hAsync("slot", { key: '13a06aa2aa3358ba3d4f61fe6119b8506b866c14' })));
14844
14892
  }
14845
14893
  get el() { return getElement(this); }
14846
14894
  static get style() { return {
@@ -15125,9 +15173,9 @@ class Img {
15125
15173
  const { loadSrc, alt, onLoad, loadError, inheritedAttributes } = this;
15126
15174
  const { draggable } = inheritedAttributes;
15127
15175
  const theme = getIonTheme(this);
15128
- return (hAsync(Host, { key: '4eef41b90a7d7033c0af8562ffffd5035c0cf4cb', class: {
15176
+ return (hAsync(Host, { key: '70377d0128ad109580598f5c0a19cdee1d1f8f2a', class: {
15129
15177
  [theme]: true,
15130
- } }, hAsync("img", { key: 'b638eff66cd26cffcff57ec49b96c9cf25588bae', decoding: "async", src: loadSrc, alt: alt, onLoad: onLoad, onError: loadError, part: "image", draggable: isDraggable(draggable) })));
15178
+ } }, hAsync("img", { key: '022467667337d04384d19d78378b5cf499e1b6c9', decoding: "async", src: loadSrc, alt: alt, onLoad: onLoad, onError: loadError, part: "image", draggable: isDraggable(draggable) })));
15131
15179
  }
15132
15180
  get el() { return getElement(this); }
15133
15181
  static get watchers() { return {
@@ -15338,7 +15386,7 @@ class InfiniteScroll {
15338
15386
  render() {
15339
15387
  const theme = getIonTheme(this);
15340
15388
  const disabled = this.disabled;
15341
- return (hAsync(Host, { key: '3971866ac11e0f69f190fd5bb5480a95df15cb87', class: {
15389
+ return (hAsync(Host, { key: 'd0cf2316c216b7b4f10ad78457c53e86f8be814a', class: {
15342
15390
  [theme]: true,
15343
15391
  'infinite-scroll-loading': this.isLoading,
15344
15392
  'infinite-scroll-enabled': !disabled,
@@ -15401,11 +15449,11 @@ class InfiniteScrollContent {
15401
15449
  }
15402
15450
  render() {
15403
15451
  const theme = getIonTheme(this);
15404
- return (hAsync(Host, { key: '20ca28daa34f09e95b1699f9481569020ad55411', class: {
15452
+ return (hAsync(Host, { key: '51742937a374c43c290c20569857f617c99e1e7c', class: {
15405
15453
  [theme]: true,
15406
15454
  // Used internally for styling
15407
15455
  [`infinite-scroll-content-${theme}`]: true,
15408
- } }, hAsync("div", { key: '029201e011c29bc3ee0519d00a966f9310c9d477', class: "infinite-loading" }, this.loadingSpinner && (hAsync("div", { key: 'f861f13fdef284dda58e8cfe31cca7433fea5836', class: "infinite-loading-spinner" }, hAsync("ion-spinner", { key: '75a2520c449372eb6398a35bf9fa6e21eb073fcd', name: this.loadingSpinner }))), this.loadingText !== undefined && this.renderLoadingText())));
15456
+ } }, hAsync("div", { key: '42c249b6df301004a834bb615766c38d5ab03d91', class: "infinite-loading" }, this.loadingSpinner && (hAsync("div", { key: '7cc7aab81997ef58b914e084402f45dc3abf2ce4', class: "infinite-loading-spinner" }, hAsync("ion-spinner", { key: '5c84df7096076580e0bb4926d377c2fac4f75c3d', name: this.loadingSpinner }))), this.loadingText !== undefined && this.renderLoadingText())));
15409
15457
  }
15410
15458
  static get style() { return {
15411
15459
  ionic: IonInfiniteScrollContentIonicStyle0,
@@ -16245,7 +16293,7 @@ class Input {
16245
16293
  * TODO(FW-5592): Remove hasStartEndSlots condition
16246
16294
  */
16247
16295
  const labelShouldFloat = labelPlacement === 'stacked' || (labelPlacement === 'floating' && (hasValue || hasFocus || hasStartEndSlots));
16248
- return (hAsync(Host, { key: 'bff14270ee9047cce686af333d67419fbc64edbe', class: createColorClasses$1(this.color, {
16296
+ return (hAsync(Host, { key: 'e7749daa3bbae79d58f2b15305129ac6b411d054', class: createColorClasses$1(this.color, {
16249
16297
  [theme]: true,
16250
16298
  'has-value': hasValue,
16251
16299
  'has-focus': hasFocus,
@@ -16258,7 +16306,7 @@ class Input {
16258
16306
  'in-item-color': hostContext('ion-item.ion-color', this.el),
16259
16307
  'input-disabled': disabled,
16260
16308
  'input-readonly': readonly,
16261
- }) }, hAsync("label", { key: 'e2ad892ed7a2003ac44a822e39bea1e2bf5dfb68', class: "input-wrapper", htmlFor: inputId }, this.renderLabelContainer(), hAsync("div", { key: 'af05dcfa0612c0e82d04356a40468ac2bde6f4ee', class: "native-wrapper" },
16309
+ }) }, hAsync("label", { key: 'f01428b225871ba1f0e2abea200e5b06e49c3966', class: "input-wrapper", htmlFor: inputId }, this.renderLabelContainer(), hAsync("div", { key: 'b90ca572abdfe0162d7326e9828cd1dcbc0d97fe', class: "native-wrapper" },
16262
16310
  /**
16263
16311
  * For the ionic theme, we render the outline container here
16264
16312
  * instead of higher up, so it can be positioned relative to
@@ -16268,7 +16316,7 @@ class Input {
16268
16316
  * <label> element, ensuring that clicking the label text
16269
16317
  * focuses the input.
16270
16318
  */
16271
- theme === 'ionic' && fill === 'outline' && hAsync("div", { key: '9410f0547cb920560e0123e996179f418c90728a', class: "input-outline" }), hAsync("slot", { key: '1c6af8d17e28e61124ba9592844b413dcdb7df6b', name: "start" }), hAsync("input", Object.assign({ key: 'd7bdfc378c2cd2827fb1f39d38f2efbafb1afb31', class: "native-input", ref: (input) => (this.nativeInput = input), id: inputId, disabled: disabled, autoCapitalize: this.autocapitalize, autoComplete: this.autocomplete, autoCorrect: this.autocorrect, autoFocus: this.autofocus, enterKeyHint: this.enterkeyhint, inputMode: this.inputmode, min: this.min, max: this.max, minLength: this.minlength, maxLength: this.maxlength, multiple: this.multiple, name: this.name, pattern: this.pattern, placeholder: this.placeholder || '', readOnly: readonly, required: this.required, spellcheck: this.spellcheck, step: this.step, type: this.type, value: value, onInput: this.onInput, onChange: this.onChange, onBlur: this.onBlur, onFocus: this.onFocus, onKeyDown: this.onKeydown, onCompositionstart: this.onCompositionStart, onCompositionend: this.onCompositionEnd, "aria-describedby": this.getHintTextID(), "aria-invalid": this.getHintTextID() === this.errorTextId }, this.inheritedAttributes)), clearInput && !readonly && !disabled && (hAsync("button", { key: 'cdc6bf2c406a7e39c669e07e49dc043ae3d77844', "aria-label": "reset", type: "button", class: "input-clear-icon", onPointerDown: (ev) => {
16319
+ theme === 'ionic' && fill === 'outline' && hAsync("div", { key: '085f8fcaf690d9dba83e9c71e895f0f3f69753d3', class: "input-outline" }), hAsync("slot", { key: '41f7f3f161b665012302b4e37aaf4c3928906791', name: "start" }), hAsync("input", Object.assign({ key: 'f668ae96857dd28cbc4669038f89b2f129f8ab47', class: "native-input", ref: (input) => (this.nativeInput = input), id: inputId, disabled: disabled, autoCapitalize: this.autocapitalize, autoComplete: this.autocomplete, autoCorrect: this.autocorrect, autoFocus: this.autofocus, enterKeyHint: this.enterkeyhint, inputMode: this.inputmode, min: this.min, max: this.max, minLength: this.minlength, maxLength: this.maxlength, multiple: this.multiple, name: this.name, pattern: this.pattern, placeholder: this.placeholder || '', readOnly: readonly, required: this.required, spellcheck: this.spellcheck, step: this.step, type: this.type, value: value, onInput: this.onInput, onChange: this.onChange, onBlur: this.onBlur, onFocus: this.onFocus, onKeyDown: this.onKeydown, onCompositionstart: this.onCompositionStart, onCompositionend: this.onCompositionEnd, "aria-describedby": this.getHintTextID(), "aria-invalid": this.getHintTextID() === this.errorTextId }, this.inheritedAttributes)), clearInput && !readonly && !disabled && (hAsync("button", { key: 'fef604f1bb51369d2ad9ec5a2a4baf6cad883ecd', "aria-label": "reset", type: "button", class: "input-clear-icon", onPointerDown: (ev) => {
16272
16320
  /**
16273
16321
  * This prevents mobile browsers from
16274
16322
  * blurring the input when the clear
@@ -16283,7 +16331,7 @@ class Input {
16283
16331
  * for screen readers as it means users would be unable to swipe past the clear button.
16284
16332
  */
16285
16333
  ev.stopPropagation();
16286
- }, onClick: this.clearTextInput }, hAsync("ion-icon", { key: 'b967a45de081907a163855727c497f3e5441d2b4', "aria-hidden": "true", icon: inputClearIcon }))), hAsync("slot", { key: '9355ce71e72061588790eb35fbccc9135ba9b9cb', name: "end" })), shouldRenderHighlight && hAsync("div", { key: '510f34475ed4c768f6ee91c48db1ac27d5815b8b', class: "input-highlight" })), this.renderBottomContent()));
16334
+ }, onClick: this.clearTextInput }, hAsync("ion-icon", { key: 'e0679fcad0049631ba4284aa020cf75c1c711650', "aria-hidden": "true", icon: inputClearIcon }))), hAsync("slot", { key: '32529b77ff59997ae0f9769094f17d47f5eb325c', name: "end" })), shouldRenderHighlight && hAsync("div", { key: '50033d2d6eeb5fa7219b8f93618c1e833d285cb0', class: "input-highlight" })), this.renderBottomContent()));
16287
16335
  }
16288
16336
  get el() { return getElement(this); }
16289
16337
  static get watchers() { return {
@@ -16447,16 +16495,16 @@ class InputPasswordToggle {
16447
16495
  const { color, inputPasswordHideIcon, inputPasswordShowIcon, type } = this;
16448
16496
  const mode = getIonMode$1(this);
16449
16497
  const isPasswordVisible = type === 'text';
16450
- return (hAsync(Host, { key: 'ed4e9f2c1d1e9f8f3b76106ccd2567219bf20f33', class: createColorClasses$1(color, {
16498
+ return (hAsync(Host, { key: '06b8ab96d775ee10c717be878b5ae800a244e222', class: createColorClasses$1(color, {
16451
16499
  [mode]: true,
16452
- }) }, hAsync("ion-button", { key: 'ca57bbcd8cce49410a59c027404569507b451bdc', mode: mode, color: color, fill: "clear", shape: "round", "aria-checked": isPasswordVisible ? 'true' : 'false', "aria-label": "show password", role: "switch", type: "button", onPointerDown: (ev) => {
16500
+ }) }, hAsync("ion-button", { key: '959902adb9610195925d5abb216d223ee3b7da3f', mode: mode, color: color, fill: "clear", shape: "round", "aria-checked": isPasswordVisible ? 'true' : 'false', "aria-label": "show password", role: "switch", type: "button", onPointerDown: (ev) => {
16453
16501
  /**
16454
16502
  * This prevents mobile browsers from
16455
16503
  * blurring the input when the password toggle
16456
16504
  * button is activated.
16457
16505
  */
16458
16506
  ev.preventDefault();
16459
- }, onClick: this.togglePasswordVisibility }, hAsync("ion-icon", { key: '8140a516c740191a959b0aa419763a88713fae5f', slot: "icon-only", "aria-hidden": "true", icon: isPasswordVisible ? inputPasswordHideIcon : inputPasswordShowIcon }))));
16507
+ }, onClick: this.togglePasswordVisibility }, hAsync("ion-icon", { key: '883f1ead41024f198bd8f6fd2d0817f3294e1e9b', slot: "icon-only", "aria-hidden": "true", icon: isPasswordVisible ? inputPasswordHideIcon : inputPasswordShowIcon }))));
16460
16508
  }
16461
16509
  get el() { return getElement(this); }
16462
16510
  static get watchers() { return {
@@ -16786,11 +16834,11 @@ class ItemDivider {
16786
16834
  }
16787
16835
  render() {
16788
16836
  const theme = getIonTheme(this);
16789
- return (hAsync(Host, { key: 'ebc795838ce7e9df01d817d175516f69aa591707', class: createColorClasses$1(this.color, {
16837
+ return (hAsync(Host, { key: 'e59593401ead3b45b5378392444158f3a37c2cc3', class: createColorClasses$1(this.color, {
16790
16838
  [theme]: true,
16791
16839
  'item-divider-sticky': this.sticky,
16792
16840
  item: true,
16793
- }) }, hAsync("slot", { key: 'f4abe09d504c20754943a993956e4be29d34be3f', name: "start" }), hAsync("div", { key: '56c50587af69756d5dc8e4e4eb5bb2d4d884626e', class: "item-divider-inner" }, hAsync("div", { key: 'b56295c35ad8ab039b4940e0cfcb31dcc4f54b01', class: "item-divider-wrapper" }, hAsync("slot", { key: 'da98a60dece6da1ecdab8f10d59061771bdb8612' })), hAsync("slot", { key: 'e800aa20a188002f36d92bf302845b867d514193', name: "end" }))));
16841
+ }) }, hAsync("slot", { key: 'dcfd41b18dc5d27ec01fd970edbde0a208b6828c', name: "start" }), hAsync("div", { key: '7d6422a8017492a164ba103cc3b3a92c0d76164e', class: "item-divider-inner" }, hAsync("div", { key: '8baa50ea5bc94dea6c24ae2e72890c8a646d396f', class: "item-divider-wrapper" }, hAsync("slot", { key: '85d181bec386c7053bffbb2f9f8f9a252fe5e709' })), hAsync("slot", { key: 'cadd65c0d01e3790d08e0737aee0a4479f6bd096', name: "end" }))));
16794
16842
  }
16795
16843
  get el() { return getElement(this); }
16796
16844
  static get style() { return {
@@ -16830,7 +16878,7 @@ class ItemGroup {
16830
16878
  }
16831
16879
  render() {
16832
16880
  const theme = getIonTheme(this);
16833
- return (hAsync(Host, { key: '30100f20ee85601e253169755f815c89c6d4bb93', role: "group", class: {
16881
+ return (hAsync(Host, { key: '10e03e2c0020c1fd78db422dacfcf2aa29aa462b', role: "group", class: {
16834
16882
  [theme]: true,
16835
16883
  // Used internally for styling
16836
16884
  [`item-group-${theme}`]: true,
@@ -16917,13 +16965,13 @@ class ItemOption {
16917
16965
  href: this.href,
16918
16966
  target: this.target,
16919
16967
  };
16920
- return (hAsync(Host, { key: '962203b270218f2e690a122fdf045837515b6d91', onClick: this.onClick, class: createColorClasses$1(this.color, {
16968
+ return (hAsync(Host, { key: '0737f6ff6254234008a53f02e8a32b55c0f72124', onClick: this.onClick, class: createColorClasses$1(this.color, {
16921
16969
  [theme]: true,
16922
16970
  [`item-option-${shape}`]: shape !== undefined,
16923
16971
  'item-option-disabled': disabled,
16924
16972
  'item-option-expandable': expandable,
16925
16973
  'ion-activatable': true,
16926
- }) }, hAsync(TagType, Object.assign({ key: 'bf5f0a52e971fce0e2a7072956108ec76f4afd5d' }, attrs, { class: "button-native", part: "native", disabled: disabled }), hAsync("span", { key: 'abd3a5301b723733e90943250886e4cdc06198f7', class: "button-inner" }, hAsync("slot", { key: 'cdde9c10c16aed523489f1d581d1bc8f4270e44f', name: "top" }), hAsync("div", { key: '4823263bfce0027c7a6b0deeb40420c6897d9c3e', class: "horizontal-wrapper" }, hAsync("slot", { key: 'ae7e4ebc37ef7ba6aa21f0a4ab11a3b3179a9899', name: "start" }), hAsync("slot", { key: '7c23bf4c76a892c9121622e9de7baa835e84972e', name: "icon-only" }), hAsync("slot", { key: '3b1f495816d4e530877eb2dd11b4a7547aac8cfb' }), hAsync("slot", { key: 'fb4e8361793dfce9f75231976c8e363f27c51d04', name: "end" })), hAsync("slot", { key: '6545cf90d6ea314e647919eb64eeff9d44b66700', name: "bottom" })), theme === 'md' && hAsync("ion-ripple-effect", { key: '3453e337235a4ead1d1c4573addecab51a865440' }))));
16974
+ }) }, hAsync(TagType, Object.assign({ key: 'afb5a42c1b4516984ec33bebf7e098bce558cbbb' }, attrs, { class: "button-native", part: "native", disabled: disabled }), hAsync("span", { key: '01fc33411a3d42033a55541a8b47dcd829ec4b4d', class: "button-inner" }, hAsync("slot", { key: '57093448507b6fb9ff962896daec7ce65edec52d', name: "top" }), hAsync("div", { key: '5236dc364ccbb238af5075350e16f7499e57ebfe', class: "horizontal-wrapper" }, hAsync("slot", { key: 'c55f89fbecc120c2bb2aacb6d18174986ea9cfda', name: "start" }), hAsync("slot", { key: '9386408b5dfa14d3d5863a0235df23e2b7de5a76', name: "icon-only" }), hAsync("slot", { key: '392a0a7071fed376c7ac0838d89071b1dde94a5d' }), hAsync("slot", { key: 'c4b78a3b87aa443b1e2431e3376a70ac22118998', name: "end" })), hAsync("slot", { key: '07c0449f718361a72e0f695a37e9da4d7313af32', name: "bottom" })), theme === 'md' && hAsync("ion-ripple-effect", { key: 'a7bffcc6e7cc1906c37dd494ee2caed802a708b4' }))));
16927
16975
  }
16928
16976
  get el() { return getElement(this); }
16929
16977
  static get style() { return {
@@ -16979,7 +17027,7 @@ class ItemOptions {
16979
17027
  render() {
16980
17028
  const theme = getIonTheme(this);
16981
17029
  const isEnd = isEndSide(this.side);
16982
- return (hAsync(Host, { key: '6aa0c18691a0dea415adc0909d0e23f629b018bd', class: {
17030
+ return (hAsync(Host, { key: '0decd73d4c042490d69c085b896bce945fa13b1e', class: {
16983
17031
  [theme]: true,
16984
17032
  // Used internally for styling
16985
17033
  [`item-options-${theme}`]: true,
@@ -17446,7 +17494,7 @@ class ItemSliding {
17446
17494
  }
17447
17495
  render() {
17448
17496
  const theme = getIonTheme(this);
17449
- return (hAsync(Host, { key: '71cf8afc7398b634413a57ba38455bde73653659', class: {
17497
+ return (hAsync(Host, { key: '3cd455451df0841a64a1307643cb5993588a2b93', class: {
17450
17498
  [theme]: true,
17451
17499
  'item-sliding-active-slide': this.state !== 2 /* SlidingState.Disabled */,
17452
17500
  'item-sliding-active-options-end': (this.state & 8 /* SlidingState.End */) !== 0,
@@ -17559,13 +17607,13 @@ class Label {
17559
17607
  render() {
17560
17608
  const position = this.position;
17561
17609
  const theme = getIonTheme(this);
17562
- return (hAsync(Host, { key: 'f327270019b030c0a661c54a299eb6c491788c97', class: createColorClasses$1(this.color, {
17610
+ return (hAsync(Host, { key: '921c75a385281fa13922155f277af0271b992ebb', class: createColorClasses$1(this.color, {
17563
17611
  [theme]: true,
17564
17612
  'in-item-color': hostContext('ion-item.ion-color', this.el),
17565
17613
  [`label-${position}`]: position !== undefined,
17566
17614
  [`label-no-animate`]: this.noAnimate,
17567
17615
  'label-rtl': document.dir === 'rtl',
17568
- }) }, hAsync("slot", { key: '6f5c06d65b7af43a41422b1c0192521030affcaf' })));
17616
+ }) }, hAsync("slot", { key: '0cee8205cade678d78c3b9ff2e71cf50365e6eea' })));
17569
17617
  }
17570
17618
  get el() { return getElement(this); }
17571
17619
  static get watchers() { return {
@@ -17643,7 +17691,7 @@ class List {
17643
17691
  const theme = getIonTheme(this);
17644
17692
  const shape = this.getShape();
17645
17693
  const { lines, inset } = this;
17646
- return (hAsync(Host, { key: 'df53681cdbbb226c8db070e450a3093d65ea0d2c', role: "list", class: {
17694
+ return (hAsync(Host, { key: 'e0d56c6aa597601c8d430ff40044981422aac8f3', role: "list", class: {
17647
17695
  [theme]: true,
17648
17696
  // Used internally for styling
17649
17697
  [`list-${theme}`]: true,
@@ -17696,10 +17744,10 @@ class ListHeader {
17696
17744
  render() {
17697
17745
  const { lines } = this;
17698
17746
  const theme = getIonTheme(this);
17699
- return (hAsync(Host, { key: '578cf11558929caee63d781094dc46487b13ffe8', class: createColorClasses$1(this.color, {
17747
+ return (hAsync(Host, { key: 'bf020d10f04a39707b7b5842e7380330a006476c', class: createColorClasses$1(this.color, {
17700
17748
  [theme]: true,
17701
17749
  [`list-header-lines-${lines}`]: lines !== undefined,
17702
- }) }, hAsync("div", { key: '34d26abeed2958c68c829d10aac1ef6b01536099', class: "list-header-inner" }, hAsync("slot", { key: '5040a905864bf2b3cec60d564efc969bacf9e3b1' }))));
17750
+ }) }, hAsync("div", { key: '7833f41a1271fbf29d264299e0517652dbdc026b', class: "list-header-inner" }, hAsync("slot", { key: '293d9dfba0020d0eaeeb58bc109c01d4dd459f6b' }))));
17703
17751
  }
17704
17752
  static get style() { return {
17705
17753
  ionic: IonListHeaderIonicStyle0,
@@ -17973,9 +18021,9 @@ class Loading {
17973
18021
  * Otherwise, don't set aria-labelledby.
17974
18022
  */
17975
18023
  const ariaLabelledBy = message !== undefined ? msgId : null;
17976
- return (hAsync(Host, Object.assign({ key: '699f5b21b00bb2ba4eac38399452a810bd4f32b1', role: "dialog", "aria-modal": "true", "aria-labelledby": ariaLabelledBy, tabindex: "-1" }, htmlAttributes, { style: {
18024
+ return (hAsync(Host, Object.assign({ key: 'b27b420362950e02fc10b947aa5fbc500841b725', role: "dialog", "aria-modal": "true", "aria-labelledby": ariaLabelledBy, tabindex: "-1" }, htmlAttributes, { style: {
17977
18025
  zIndex: `${40000 + this.overlayIndex}`,
17978
- }, onIonBackdropTap: this.onBackdropTap, class: Object.assign(Object.assign({}, getClassMap(this.cssClass)), { [theme]: true, 'overlay-hidden': true, 'loading-translucent': this.translucent }) }), hAsync("ion-backdrop", { key: 'b4b644544636766c95c65533cb57c15513d07691', visible: this.showBackdrop, tappable: this.backdropDismiss }), hAsync("div", { key: 'd03abd87847ab2b1c4ad5d46d2706c847b96a228', tabindex: "0", "aria-hidden": "true" }), hAsync("div", { key: '5bd32889089e6fb8143ecd6b63cf19afe6b7cb6f', class: "loading-wrapper ion-overlay-wrapper" }, spinner && (hAsync("div", { key: '8a688373ac7a3d88b8fc06c3c81032b8d5c2b528', class: "loading-spinner" }, hAsync("ion-spinner", { key: '843319123c24a413f0c7960f64f25f224e088893', name: spinner, "aria-hidden": "true" }))), message !== undefined && this.renderLoadingMessage(msgId)), hAsync("div", { key: 'a4dab626e9771cde750a536e598abf80a2fdb2cd', tabindex: "0", "aria-hidden": "true" })));
18026
+ }, onIonBackdropTap: this.onBackdropTap, class: Object.assign(Object.assign({}, getClassMap(this.cssClass)), { [theme]: true, 'overlay-hidden': true, 'loading-translucent': this.translucent }) }), hAsync("ion-backdrop", { key: '812e842097bc6b6176f93ea2a1c633d675e9526e', visible: this.showBackdrop, tappable: this.backdropDismiss }), hAsync("div", { key: '1eb07d8d165b365850424492e21d4ad03fea878f', tabindex: "0", "aria-hidden": "true" }), hAsync("div", { key: '4a2604b488379d3e409746926387a055a50cc5e0', class: "loading-wrapper ion-overlay-wrapper" }, spinner && (hAsync("div", { key: '6dd56eb0cc8806bc3301358f04731237fbaed31d', class: "loading-spinner" }, hAsync("ion-spinner", { key: '58c4759134724acfd181f85babf85715aec93c2c', name: spinner, "aria-hidden": "true" }))), message !== undefined && this.renderLoadingMessage(msgId)), hAsync("div", { key: 'eedbbe2baf70511b357874434c536bc35e10c215', tabindex: "0", "aria-hidden": "true" })));
17979
18027
  }
17980
18028
  get el() { return getElement(this); }
17981
18029
  static get watchers() { return {
@@ -18992,14 +19040,14 @@ class Menu {
18992
19040
  * the ionBackButton listener in the menu controller
18993
19041
  * will handle closing the menu when Escape is pressed.
18994
19042
  */
18995
- return (hAsync(Host, { key: '4a10a24199e4f543df92e640f9441b07b45bec40', onKeyDown: shouldUseCloseWatcher() ? null : this.onKeydown, role: "navigation", "aria-label": inheritedAttributes['aria-label'] || 'menu', class: {
19043
+ return (hAsync(Host, { key: '5a368496eec74d3b27c3a40121ceafc7cdc470de', onKeyDown: shouldUseCloseWatcher() ? null : this.onKeydown, role: "navigation", "aria-label": inheritedAttributes['aria-label'] || 'menu', class: {
18996
19044
  [theme]: true,
18997
19045
  [`menu-type-${type}`]: true,
18998
19046
  'menu-enabled': !disabled,
18999
19047
  [`menu-side-${side}`]: true,
19000
19048
  'menu-pane-visible': isPaneVisible,
19001
19049
  'split-pane-side': hostContext('ion-split-pane', el),
19002
- } }, hAsync("div", { key: '319e80854da70fb1771c77721dc0f0c6fddc4d6d', class: "menu-inner", part: "container", ref: (el) => (this.menuInnerEl = el) }, hAsync("slot", { key: 'db6dec5798616c0ba59f0e181ac65e290960976f' })), hAsync("ion-backdrop", { key: '990357345344a9505e33a283e3bcc124c73679cd', ref: (el) => (this.backdropEl = el), class: "menu-backdrop", tappable: false, stopPropagation: false, part: "backdrop" })));
19050
+ } }, hAsync("div", { key: '873010981d4c338597b041cd9a65df24e030b261', class: "menu-inner", part: "container", ref: (el) => (this.menuInnerEl = el) }, hAsync("slot", { key: '14562442df4bd440212d0c62a527465603a44ef2' })), hAsync("ion-backdrop", { key: '235058ee20ccc75f57dcebe0ffde359334ce3053', ref: (el) => (this.backdropEl = el), class: "menu-backdrop", tappable: false, stopPropagation: false, part: "backdrop" })));
19003
19051
  }
19004
19052
  get el() { return getElement(this); }
19005
19053
  static get watchers() { return {
@@ -19121,7 +19169,7 @@ class MenuButton {
19121
19169
  type: this.type,
19122
19170
  };
19123
19171
  const ariaLabel = inheritedAttributes['aria-label'] || 'menu';
19124
- return (hAsync(Host, { key: 'dbea017f25835ef71d4b67e85e1f737f7a13c940', onClick: this.onClick, "aria-disabled": disabled ? 'true' : null, "aria-hidden": hidden ? 'true' : null, class: createColorClasses$1(color, {
19172
+ return (hAsync(Host, { key: '5aa52eed49193c710dfbec6a04db78c5480900dc', onClick: this.onClick, "aria-disabled": disabled ? 'true' : null, "aria-hidden": hidden ? 'true' : null, class: createColorClasses$1(color, {
19125
19173
  [theme]: true,
19126
19174
  button: true, // ion-buttons target .button
19127
19175
  'menu-button-hidden': hidden,
@@ -19130,7 +19178,7 @@ class MenuButton {
19130
19178
  'in-toolbar-color': hostContext('ion-toolbar[color]', this.el),
19131
19179
  'ion-activatable': true,
19132
19180
  'ion-focusable': true,
19133
- }) }, hAsync("button", Object.assign({ key: '859c521d18db3a77bc4f7edfedae6e380e6838dd' }, attrs, { disabled: disabled, class: "button-native", part: "native", "aria-label": ariaLabel }), hAsync("span", { key: '78c14a3ce8394fb8d55faee3f6733986dcc32199', class: "button-inner" }, hAsync("slot", { key: '3794859c067fa53ba6cd0afb8f8c2bff368a5bf7' }, hAsync("ion-icon", { key: '8c86a7f5d33f394fb586388b079b003409464a48', part: "icon", icon: menuIcon, lazy: false, "aria-hidden": "true" }))), theme === 'md' && hAsync("ion-ripple-effect", { key: 'cde5bb40d7536cdfe50f4f0b3344fa76a1762ed8', type: "unbounded" }))));
19181
+ }) }, hAsync("button", Object.assign({ key: '2a95efb8f7b1672afe4e52dcededc03599e09312' }, attrs, { disabled: disabled, class: "button-native", part: "native", "aria-label": ariaLabel }), hAsync("span", { key: '09ee78a26bd7288f95c84820805f80ebfda912d4', class: "button-inner" }, hAsync("slot", { key: 'ee3d3a191078f85264f5fe4f080463b9e5fdfe5f' }, hAsync("ion-icon", { key: '766459adce317a7c5a88182e133deae7082645f0', part: "icon", icon: menuIcon, lazy: false, "aria-hidden": "true" }))), theme === 'md' && hAsync("ion-ripple-effect", { key: '701984be7d9ba408a0789addc3d642cd5570380f', type: "unbounded" }))));
19134
19182
  }
19135
19183
  get el() { return getElement(this); }
19136
19184
  static get style() { return {
@@ -19183,10 +19231,10 @@ class MenuToggle {
19183
19231
  render() {
19184
19232
  const theme = getIonTheme(this);
19185
19233
  const hidden = this.autoHide && !this.visible;
19186
- return (hAsync(Host, { key: '2f5e8172c20fcad32fbeefe370d8d220961673a6', onClick: this.onClick, "aria-hidden": hidden ? 'true' : null, class: {
19234
+ return (hAsync(Host, { key: 'ced6ea34ce2d4811718c8501188fd93937ef22ab', onClick: this.onClick, "aria-hidden": hidden ? 'true' : null, class: {
19187
19235
  [theme]: true,
19188
19236
  'menu-toggle-hidden': hidden,
19189
- } }, hAsync("slot", { key: 'f41b25147fdf9e9db9aa57dc61088b1a657b7fac' })));
19237
+ } }, hAsync("slot", { key: '61d0dcf810c8ae492f773202aab52f0fc3cc206c' })));
19190
19238
  }
19191
19239
  static get style() { return IonMenuToggleStyle0; }
19192
19240
  static get cmpMeta() { return {
@@ -21470,18 +21518,18 @@ class Modal {
21470
21518
  const isCardModal = presentingElement !== undefined && theme === 'ios';
21471
21519
  const isHandleCycle = handleBehavior === 'cycle';
21472
21520
  const shape = this.getShape();
21473
- return (hAsync(Host, Object.assign({ key: 'f1b25e919a62ad12b1296735abe0d17635351ff9', "no-router": true, tabindex: "-1" }, htmlAttributes, { style: {
21521
+ return (hAsync(Host, Object.assign({ key: '9523c6210a952a3dbd5d6837e74c3adab7a4d58e', "no-router": true, tabindex: "-1" }, htmlAttributes, { style: {
21474
21522
  zIndex: `${20000 + this.overlayIndex}`,
21475
- }, class: Object.assign({ [theme]: true, ['modal-default']: !isCardModal && !isSheetModal, [`modal-card`]: isCardModal, [`modal-sheet`]: isSheetModal, [`modal-${shape}`]: shape !== undefined, [`modal-no-expand-scroll`]: isSheetModal && !expandToScroll, 'overlay-hidden': true, [FOCUS_TRAP_DISABLE_CLASS]: focusTrap === false }, getClassMap(this.cssClass)), onIonBackdropTap: this.onBackdropTap, onIonModalDidPresent: this.onLifecycle, onIonModalWillPresent: this.onLifecycle, onIonModalWillDismiss: this.onLifecycle, onIonModalDidDismiss: this.onLifecycle }), hAsync("ion-backdrop", { key: 'ffda0bb0a5402f928cd706fb8e41a96e8bffd16b', ref: (el) => (this.backdropEl = el), visible: this.showBackdrop, tappable: this.backdropDismiss, part: "backdrop" }), theme === 'ios' && hAsync("div", { key: 'aa3c81e153573b9e9fff2be6884658fc78266daa', class: "modal-shadow" }), hAsync("div", Object.assign({ key: '7871c80cfdc4540c40977bb8d0abeadabd7ca6e0',
21523
+ }, class: Object.assign({ [theme]: true, ['modal-default']: !isCardModal && !isSheetModal, [`modal-card`]: isCardModal, [`modal-sheet`]: isSheetModal, [`modal-${shape}`]: shape !== undefined, [`modal-no-expand-scroll`]: isSheetModal && !expandToScroll, 'overlay-hidden': true, [FOCUS_TRAP_DISABLE_CLASS]: focusTrap === false }, getClassMap(this.cssClass)), onIonBackdropTap: this.onBackdropTap, onIonModalDidPresent: this.onLifecycle, onIonModalWillPresent: this.onLifecycle, onIonModalWillDismiss: this.onLifecycle, onIonModalDidDismiss: this.onLifecycle }), hAsync("ion-backdrop", { key: '4230860b4b682f55bbf05849165e252e7ad849a0', ref: (el) => (this.backdropEl = el), visible: this.showBackdrop, tappable: this.backdropDismiss, part: "backdrop" }), theme === 'ios' && hAsync("div", { key: 'e3df17bcfbdf4ba511bebd5b34763773c1d03fee', class: "modal-shadow" }), hAsync("div", Object.assign({ key: '6a8c4ad640463604ae367576dd23e75121c79b0d',
21476
21524
  /*
21477
21525
  role and aria-modal must be used on the
21478
21526
  same element. They must also be set inside the
21479
21527
  shadow DOM otherwise ion-button will not be highlighted
21480
21528
  when using VoiceOver: https://bugs.webkit.org/show_bug.cgi?id=247134
21481
21529
  */
21482
- role: "dialog" }, inheritedAttributes, { "aria-modal": "true", class: "modal-wrapper ion-overlay-wrapper", part: "content", ref: (el) => (this.wrapperEl = el) }), showHandle && (hAsync("button", { key: 'ed3af74b0e44413b9be6eccfc722853137c4607c', class: "modal-handle",
21530
+ role: "dialog" }, inheritedAttributes, { "aria-modal": "true", class: "modal-wrapper ion-overlay-wrapper", part: "content", ref: (el) => (this.wrapperEl = el) }), showHandle && (hAsync("button", { key: '8792a19bd65f600fed24fd74f35badb7f4e5d915', class: "modal-handle",
21483
21531
  // Prevents the handle from receiving keyboard focus when it does not cycle
21484
- tabIndex: !isHandleCycle ? -1 : 0, "aria-label": "Activate to adjust the size of the dialog overlaying the screen", onClick: isHandleCycle ? this.onHandleClick : undefined, part: "handle" })), hAsync("slot", { key: '46ed5511b49c9c95b171848451adad4c7cadb75b' }))));
21532
+ tabIndex: !isHandleCycle ? -1 : 0, "aria-label": "Activate to adjust the size of the dialog overlaying the screen", onClick: isHandleCycle ? this.onHandleClick : undefined, part: "handle" })), hAsync("slot", { key: '39645e31394e15b96f120507fb0097a4ebc4e1c0' }))));
21485
21533
  }
21486
21534
  get el() { return getElement(this); }
21487
21535
  static get watchers() { return {
@@ -22439,7 +22487,7 @@ class Nav {
22439
22487
  }
22440
22488
  }
22441
22489
  render() {
22442
- return hAsync("slot", { key: 'a5b9a79a73282db99bc2b744b66c173155ebbb5b' });
22490
+ return hAsync("slot", { key: '07e269fa670039e0005ea4d90ea57ffb4c5f24b0' });
22443
22491
  }
22444
22492
  get el() { return getElement(this); }
22445
22493
  static get watchers() { return {
@@ -22516,7 +22564,7 @@ class NavLink {
22516
22564
  this.routerAnimation = undefined;
22517
22565
  }
22518
22566
  render() {
22519
- return hAsync(Host, { key: 'd06df3bfb42f946d6a7dd54bb507428e0e964762', onClick: this.onClick });
22567
+ return hAsync(Host, { key: '74d1929235cd2d4e2abe3ec13e236dcfd1020b6d', onClick: this.onClick });
22520
22568
  }
22521
22569
  get el() { return getElement(this); }
22522
22570
  static get cmpMeta() { return {
@@ -22554,9 +22602,9 @@ class Note {
22554
22602
  }
22555
22603
  render() {
22556
22604
  const theme = getIonTheme(this);
22557
- return (hAsync(Host, { key: '79bbaa1e2714b1d2d24c1002023722358580606a', class: createColorClasses$1(this.color, {
22605
+ return (hAsync(Host, { key: '384c79c853252907b9c9ad8f28173601d6c1472b', class: createColorClasses$1(this.color, {
22558
22606
  [theme]: true,
22559
- }) }, hAsync("slot", { key: '0827e481ab3718f19d43d830bb4d2df117b796d1' })));
22607
+ }) }, hAsync("slot", { key: '91e68ef453c70d116edaf76198637fd9c92a8bb4' })));
22560
22608
  }
22561
22609
  static get style() { return {
22562
22610
  ionic: IonNoteIonicStyle0,
@@ -23328,11 +23376,11 @@ class Picker {
23328
23376
  render() {
23329
23377
  const { htmlAttributes } = this;
23330
23378
  const theme = getIonTheme(this);
23331
- return (hAsync(Host, Object.assign({ key: 'a60897370c3b8b7e39b6b474998bac0a2e247275', "aria-modal": "true", tabindex: "-1" }, htmlAttributes, { style: {
23379
+ return (hAsync(Host, Object.assign({ key: 'd3ae98f9e6d9e879b961eb6bb1124f5c1bdcf760', "aria-modal": "true", tabindex: "-1" }, htmlAttributes, { style: {
23332
23380
  zIndex: `${20000 + this.overlayIndex}`,
23333
23381
  }, class: Object.assign({ [theme]: true,
23334
23382
  // Used internally for styling
23335
- [`picker-${theme}`]: true, 'overlay-hidden': true }, getClassMap(this.cssClass)), onIonBackdropTap: this.onBackdropTap, onIonPickerWillDismiss: this.dispatchCancelHandler }), hAsync("ion-backdrop", { key: '6223cbfdb72834657157bbd438834b9fc88892cd', visible: this.showBackdrop, tappable: this.backdropDismiss }), hAsync("div", { key: 'c38f9ba8c6081525913a6e5817c4c89a36f9bc9f', tabindex: "0", "aria-hidden": "true" }), hAsync("div", { key: '88dced3055b78a33400063ccb02a681dab65214f', class: "picker-wrapper ion-overlay-wrapper", role: "dialog" }, hAsync("div", { key: 'b981965c65c6dd7c397d78f45fb7821ea3fb8c2a', class: "picker-toolbar" }, this.buttons.map((b) => (hAsync("div", { class: buttonWrapperClass(b) }, hAsync("button", { type: "button", onClick: () => this.buttonClick(b), class: buttonClass$1(b) }, b.text))))), hAsync("div", { key: '4b0d91d9bbd5db7207f1cf8a5331506116ef8d38', class: "picker-columns" }, hAsync("div", { key: 'dacd2c0c3b2add691a4f60bde59faafe2964f5ae', class: "picker-above-highlight" }), this.presented && this.columns.map((c) => hAsync("ion-picker-legacy-column", { col: c })), hAsync("div", { key: '79270b83927b3c1c52fa27827b0bc1cda645e09c', class: "picker-below-highlight" }))), hAsync("div", { key: 'b23a1418c8994643849191f0c95fd0a0ae1c811a', tabindex: "0", "aria-hidden": "true" })));
23383
+ [`picker-${theme}`]: true, 'overlay-hidden': true }, getClassMap(this.cssClass)), onIonBackdropTap: this.onBackdropTap, onIonPickerWillDismiss: this.dispatchCancelHandler }), hAsync("ion-backdrop", { key: '58d83d65e108383231e0ea66e34d7a5e43eac253', visible: this.showBackdrop, tappable: this.backdropDismiss }), hAsync("div", { key: 'a94e84cab6f2af6ffeec2378fb527c1cce7e382e', tabindex: "0", "aria-hidden": "true" }), hAsync("div", { key: '7769a2a332cad3360b0df12b0ded130e3379fba3', class: "picker-wrapper ion-overlay-wrapper", role: "dialog" }, hAsync("div", { key: 'd998a28c2f280e59b4c97bec35ead458769d74d8', class: "picker-toolbar" }, this.buttons.map((b) => (hAsync("div", { class: buttonWrapperClass(b) }, hAsync("button", { type: "button", onClick: () => this.buttonClick(b), class: buttonClass$1(b) }, b.text))))), hAsync("div", { key: 'fd0f3931dcafab93cb161423fa7ebec21e0396df', class: "picker-columns" }, hAsync("div", { key: 'e8f6c34bdb4000b4df88bdd1a83588a10e0277bd', class: "picker-above-highlight" }), this.presented && this.columns.map((c) => hAsync("ion-picker-legacy-column", { col: c })), hAsync("div", { key: 'bb131d346dd240a06f4319f6d07ccdd54e53c5cf', class: "picker-below-highlight" }))), hAsync("div", { key: 'd06119270e99ecf6ce24ee50c10cb5f414206ccf', tabindex: "0", "aria-hidden": "true" })));
23336
23384
  }
23337
23385
  get el() { return getElement(this); }
23338
23386
  static get watchers() { return {
@@ -24308,9 +24356,9 @@ class PickerColumnCmp {
24308
24356
  render() {
24309
24357
  const col = this.col;
24310
24358
  const theme = getIonTheme(this);
24311
- return (hAsync(Host, { key: '08c70ad935689feacabc0a59cae51b29dbc56ec2', class: Object.assign({ [theme]: true, 'picker-col': true, 'picker-opts-left': this.col.align === 'left', 'picker-opts-right': this.col.align === 'right' }, getClassMap(col.cssClass)), style: {
24359
+ return (hAsync(Host, { key: '7d0f0cba34ebb037eb6d08d4e91d86e635ce19e6', class: Object.assign({ [theme]: true, 'picker-col': true, 'picker-opts-left': this.col.align === 'left', 'picker-opts-right': this.col.align === 'right' }, getClassMap(col.cssClass)), style: {
24312
24360
  'max-width': this.col.columnWidth,
24313
- } }, col.prefix && (hAsync("div", { key: 'e39f3417788b91e6f9b49194c1c53e36a121ca3d', class: "picker-prefix", style: { width: col.prefixWidth } }, col.prefix)), hAsync("div", { key: '2e8367f11af2d4c77fa808180abe90a763bc4d8a', class: "picker-opts", style: { maxWidth: col.optionsWidth }, ref: (el) => (this.optsEl = el) }, col.options.map((o, index) => (hAsync("button", { "aria-label": o.ariaLabel, class: { 'picker-opt': true, 'picker-opt-disabled': !!o.disabled }, "opt-index": index }, o.text)))), col.suffix && (hAsync("div", { key: '4447f39f1c08be2c1a1548a986e96e174b5161c2', class: "picker-suffix", style: { width: col.suffixWidth } }, col.suffix))));
24361
+ } }, col.prefix && (hAsync("div", { key: '347c054cb774576110e4e22372eb36fd9b3c66f6', class: "picker-prefix", style: { width: col.prefixWidth } }, col.prefix)), hAsync("div", { key: '2bd3ae98af75b418f9d98480e9b56c80f515ffce', class: "picker-opts", style: { maxWidth: col.optionsWidth }, ref: (el) => (this.optsEl = el) }, col.options.map((o, index) => (hAsync("button", { "aria-label": o.ariaLabel, class: { 'picker-opt': true, 'picker-opt-disabled': !!o.disabled }, "opt-index": index }, o.text)))), col.suffix && (hAsync("div", { key: '93cbe85713ba0d74496031aa98b9de1ed5a8f775', class: "picker-suffix", style: { width: col.suffixWidth } }, col.suffix))));
24314
24362
  }
24315
24363
  get el() { return getElement(this); }
24316
24364
  static get watchers() { return {
@@ -24421,10 +24469,10 @@ class PickerColumnOption {
24421
24469
  render() {
24422
24470
  const { color, disabled, ariaLabel } = this;
24423
24471
  const theme = getIonTheme(this);
24424
- return (hAsync(Host, { key: '795880f80636dac1870598e3baf9d4e4c7748bf5', class: createColorClasses$1(color, {
24472
+ return (hAsync(Host, { key: '15115335aa79bd1f89f5a8585e4aa032681b14b3', class: createColorClasses$1(color, {
24425
24473
  [theme]: true,
24426
24474
  ['option-disabled']: disabled,
24427
- }) }, hAsync("button", { key: '84ef996ebff7d28038436a1323d1a9b6772afefb', tabindex: "-1", "aria-label": ariaLabel, disabled: disabled, onClick: () => this.onClick() }, hAsync("slot", { key: 'ec59c48c7d1a7955cc8dc7884deeb971536f94ac' }))));
24475
+ }) }, hAsync("button", { key: '16b6a51dca36a6e5abac28c8b0b25bc009dfc091', tabindex: "-1", "aria-label": ariaLabel, disabled: disabled, onClick: () => this.onClick() }, hAsync("slot", { key: '6a5bed3b65522b21be35cfd5554f9f7b699adcdf' }))));
24428
24476
  }
24429
24477
  get el() { return getElement(this); }
24430
24478
  static get watchers() { return {
@@ -25743,9 +25791,9 @@ class Popover {
25743
25791
  const { onLifecycle, parentPopover, dismissOnSelect, side, arrow, htmlAttributes, focusTrap } = this;
25744
25792
  const desktop = isPlatform('desktop');
25745
25793
  const enableArrow = arrow && !parentPopover;
25746
- return (hAsync(Host, Object.assign({ key: 'ce1539159f4ebf58485537e37c068a0546a06d7d', "aria-modal": "true", "no-router": true, tabindex: "-1" }, htmlAttributes, { style: {
25794
+ return (hAsync(Host, Object.assign({ key: 'd5fc50d833bac1c9b4781816bdfbbb4026722d8a', "aria-modal": "true", "no-router": true, tabindex: "-1" }, htmlAttributes, { style: {
25747
25795
  zIndex: `${20000 + this.overlayIndex}`,
25748
- }, class: Object.assign(Object.assign({}, getClassMap(this.cssClass)), { [theme]: true, 'popover-translucent': this.translucent, 'overlay-hidden': true, 'popover-desktop': desktop, [`popover-side-${side}`]: true, [FOCUS_TRAP_DISABLE_CLASS]: focusTrap === false, 'popover-nested': !!parentPopover }), onIonPopoverDidPresent: onLifecycle, onIonPopoverWillPresent: onLifecycle, onIonPopoverWillDismiss: onLifecycle, onIonPopoverDidDismiss: onLifecycle, onIonBackdropTap: this.onBackdropTap }), !parentPopover && hAsync("ion-backdrop", { key: '7c821853c414ac1674d1f53433e2bcb5dd3a818c', tappable: this.backdropDismiss, visible: this.showBackdrop, part: "backdrop" }), hAsync("div", { key: '3380e514552761734e3b7098dc10da8207e2ddc4', class: "popover-wrapper ion-overlay-wrapper", onClick: dismissOnSelect ? () => this.dismiss() : undefined }, enableArrow && hAsync("div", { key: '35885564198c5b01fd2c161e7770886d1fc5decc', class: "popover-arrow", part: "arrow" }), hAsync("div", { key: '0c440a44db8f9515bd7999b8d8b2b325302669b3', class: "popover-content", part: "content" }, hAsync("slot", { key: 'c52c7095c17ad489cbafc7070f769c5f54297063' })))));
25796
+ }, class: Object.assign(Object.assign({}, getClassMap(this.cssClass)), { [theme]: true, 'popover-translucent': this.translucent, 'overlay-hidden': true, 'popover-desktop': desktop, [`popover-side-${side}`]: true, [FOCUS_TRAP_DISABLE_CLASS]: focusTrap === false, 'popover-nested': !!parentPopover }), onIonPopoverDidPresent: onLifecycle, onIonPopoverWillPresent: onLifecycle, onIonPopoverWillDismiss: onLifecycle, onIonPopoverDidDismiss: onLifecycle, onIonBackdropTap: this.onBackdropTap }), !parentPopover && hAsync("ion-backdrop", { key: '3b2e5119589ab08f79af897bc8dfc739e2309dc5', tappable: this.backdropDismiss, visible: this.showBackdrop, part: "backdrop" }), hAsync("div", { key: 'ca560e5d8de586ee3e77308f6fa968df0f161465', class: "popover-wrapper ion-overlay-wrapper", onClick: dismissOnSelect ? () => this.dismiss() : undefined }, enableArrow && hAsync("div", { key: '73a6021e1bc4875620407f1812df84095968a5e4', class: "popover-arrow", part: "arrow" }), hAsync("div", { key: 'ff20abac0d6ef162738cc4a1f8f4a3918ca404d5', class: "popover-content", part: "content" }, hAsync("slot", { key: '2216e4b0be14dc49981dc6940a6ec9fc2713f4d1' })))));
25749
25797
  }
25750
25798
  get el() { return getElement(this); }
25751
25799
  static get watchers() { return {
@@ -25856,7 +25904,7 @@ class ProgressBar {
25856
25904
  const shape = this.getShape();
25857
25905
  // If the progress is displayed as a solid bar.
25858
25906
  const progressSolid = buffer === 1;
25859
- return (hAsync(Host, { key: '232252c06bc995dd18ca94bf1de23449193b8d59', role: "progressbar", "aria-valuenow": type === 'determinate' ? value : null, "aria-valuemin": "0", "aria-valuemax": "1", class: createColorClasses$1(color, {
25907
+ return (hAsync(Host, { key: 'f15cd49c5f06daf16872b95871e9eb6dc2e46ff4', role: "progressbar", "aria-valuenow": type === 'determinate' ? value : null, "aria-valuemin": "0", "aria-valuemax": "1", class: createColorClasses$1(color, {
25860
25908
  [theme]: true,
25861
25909
  [`progress-bar-${type}`]: true,
25862
25910
  'progress-paused': paused,
@@ -26033,7 +26081,7 @@ class Radio {
26033
26081
  const { checked, disabled, color, el, justify, labelPlacement, hasLabel, buttonTabindex, alignment } = this;
26034
26082
  const theme = getIonTheme(this);
26035
26083
  const inItem = hostContext('ion-item', el);
26036
- return (hAsync(Host, { key: '4f9e8a897b1021933e244dfbc6551b40176b118e', onFocus: this.onFocus, onBlur: this.onBlur, onClick: this.onClick, class: createColorClasses$1(color, {
26084
+ return (hAsync(Host, { key: '7fbe8308ef9eb375552a9a52aa38cdc7b7adc265', onFocus: this.onFocus, onBlur: this.onBlur, onClick: this.onClick, class: createColorClasses$1(color, {
26037
26085
  [theme]: true,
26038
26086
  'in-item': inItem,
26039
26087
  'radio-checked': checked,
@@ -26044,10 +26092,10 @@ class Radio {
26044
26092
  // Focus and active styling should not apply when the radio is in an item
26045
26093
  'ion-activatable': !inItem,
26046
26094
  'ion-focusable': !inItem,
26047
- }), role: "radio", "aria-checked": checked ? 'true' : 'false', "aria-disabled": disabled ? 'true' : null, tabindex: buttonTabindex }, hAsync("label", { key: 'dd99761d3adc23d79234b2b5010cbb7376609ff8', class: "radio-wrapper" }, hAsync("div", { key: 'e3162457703dd5380110d3b9ed0556ff738e513b', class: {
26095
+ }), role: "radio", "aria-checked": checked ? 'true' : 'false', "aria-disabled": disabled ? 'true' : null, tabindex: buttonTabindex }, hAsync("label", { key: '25b08970002e8346929b3e3d4d9116a616011f58', class: "radio-wrapper" }, hAsync("div", { key: '02982316f2b4b5fa3772a34dbdc9f2c019bb7fc7', class: {
26048
26096
  'label-text-wrapper': true,
26049
26097
  'label-text-wrapper-hidden': !hasLabel,
26050
- }, part: "label" }, hAsync("slot", { key: '1403950a93db7c4c9e1e719b6816089e36fcea30' })), hAsync("div", { key: '33d2274ce3ef3cf72bcc924b5af5e30e23128ef9', class: "native-wrapper" }, this.renderRadioControl()))));
26098
+ }, part: "label" }, hAsync("slot", { key: '033f8660fc810b4d9bc1723546e1c97f261d5b96' })), hAsync("div", { key: '58694ff4a4f09e0a9a4c6f26dbf7ee5d111f8913', class: "native-wrapper" }, this.renderRadioControl()))));
26051
26099
  }
26052
26100
  get el() { return getElement(this); }
26053
26101
  static get watchers() { return {
@@ -26275,9 +26323,9 @@ class RadioGroup {
26275
26323
  const { label, labelId, el, name, value } = this;
26276
26324
  const theme = getIonTheme(this);
26277
26325
  renderHiddenInput(true, el, name, value, false);
26278
- return (hAsync(Host, { key: '76639f2b7ea6ce2ccd680ea7b9a9fd32307f679f', class: {
26326
+ return (hAsync(Host, { key: '95f8e44fb4cb4dda0b6ad8a829e31bb8a3ec521b', class: {
26279
26327
  [theme]: true,
26280
- }, role: "radiogroup", "aria-labelledby": label ? labelId : null, "aria-describedby": this.getHintTextID(), "aria-invalid": this.getHintTextID() === this.errorTextId, onClick: this.onClick }, this.renderHintText(), hAsync("div", { key: '63011b41fe3deaa934fc205b1ffd32b880801d18', class: "radio-group-wrapper" }, hAsync("slot", { key: '71aa36bfb775184df543d485e69bb7602fedd922' }))));
26328
+ }, role: "radiogroup", "aria-labelledby": label ? labelId : null, "aria-describedby": this.getHintTextID(), "aria-invalid": this.getHintTextID() === this.errorTextId, onClick: this.onClick }, this.renderHintText(), hAsync("div", { key: '2fb3a88b0e9cda37b1a6aa88b880320e8fff4b18', class: "radio-group-wrapper" }, hAsync("slot", { key: '79fe280b3436bca9dc07525336003541b4db1935' }))));
26281
26329
  }
26282
26330
  get el() { return getElement(this); }
26283
26331
  static get watchers() { return {
@@ -26940,7 +26988,7 @@ class Range {
26940
26988
  const needsEndAdjustment = inItem && !hasEndContent;
26941
26989
  const theme = getIonTheme(this);
26942
26990
  renderHiddenInput(true, el, this.name, JSON.stringify(this.getValue()), disabled);
26943
- return (hAsync(Host, { key: '4e6b1cfbd9e8a1d2e50c74be2901012abb056534', onFocusin: this.onFocus, onFocusout: this.onBlur, id: rangeId, class: createColorClasses$1(this.color, {
26991
+ return (hAsync(Host, { key: '21ef803dca0d40bf14edabd21788a9bb0407b1d2', onFocusin: this.onFocus, onFocusout: this.onBlur, id: rangeId, class: createColorClasses$1(this.color, {
26944
26992
  [theme]: true,
26945
26993
  'in-item': inItem,
26946
26994
  'range-disabled': disabled,
@@ -26949,10 +26997,10 @@ class Range {
26949
26997
  [`range-label-placement-${labelPlacement}`]: true,
26950
26998
  'range-item-start-adjustment': needsStartAdjustment,
26951
26999
  'range-item-end-adjustment': needsEndAdjustment,
26952
- }) }, hAsync("label", { key: '3639d35c66356460b02940d9bf0cf1efac34d530', class: "range-wrapper", id: "range-label" }, hAsync("div", { key: 'f343bf55d21997ee2a75dc022702707d0039f935', class: {
27000
+ }) }, hAsync("label", { key: '30949972ae80d7765daa1ddda0b49bc6286478dc', class: "range-wrapper", id: "range-label" }, hAsync("div", { key: 'd6acc945ec6cb0dd130fcd545bfc9b1aa609a80c', class: {
26953
27001
  'label-text-wrapper': true,
26954
27002
  'label-text-wrapper-hidden': !hasLabel,
26955
- }, part: "label" }, label !== undefined ? hAsync("div", { class: "label-text" }, label) : hAsync("slot", { name: "label" })), hAsync("div", { key: '157d25131724e5e34fac7475bf224f2928fecf50', class: "native-wrapper" }, hAsync("slot", { key: 'ed151b24de9e50f07f3bb79d5df8ecd31e32acc5', name: "start" }), this.renderRangeSlider(), hAsync("slot", { key: '02a238b6ec679afb8b756a0ceacf155b14682ec3', name: "end" })))));
27003
+ }, part: "label" }, label !== undefined ? hAsync("div", { class: "label-text" }, label) : hAsync("slot", { name: "label" })), hAsync("div", { key: '23d180cd9c0903ec325702e5244d09c5484821d3', class: "native-wrapper" }, hAsync("slot", { key: '52ccc7d6d05d79ec4bc5698aefed5af8c2b3a53d', name: "start" }), this.renderRangeSlider(), hAsync("slot", { key: '3b7696579f1a81d9472aa1f13671c00971334c59', name: "end" })))));
26956
27004
  }
26957
27005
  get el() { return getElement(this); }
26958
27006
  static get watchers() { return {
@@ -27859,7 +27907,7 @@ class Refresher {
27859
27907
  }
27860
27908
  render() {
27861
27909
  const theme = getIonTheme(this);
27862
- return (hAsync(Host, { key: '2103e828db3589b69668d42f9059964d873e1efc', slot: "fixed", class: {
27910
+ return (hAsync(Host, { key: 'f41b9bafa9be5076a96c71d60b64e8d7a1a09ffe', slot: "fixed", class: {
27863
27911
  [theme]: true,
27864
27912
  // Used internally for styling
27865
27913
  [`refresher-${theme}`]: true,
@@ -28103,9 +28151,9 @@ class RefresherContent {
28103
28151
  const hasSpinner = pullingIcon != null && SPINNERS[pullingIcon] !== undefined;
28104
28152
  const theme = getIonTheme(this);
28105
28153
  const arrowIcon = theme === 'ionic' ? caretLeftFillSvg : caretBackSharp;
28106
- return (hAsync(Host, { key: '0a762f293c20e6c97a797543d19bb95b9fc490c9', class: {
28154
+ return (hAsync(Host, { key: 'c37d1d3c3268dbea185531c3e168627725006c57', class: {
28107
28155
  [theme]: true,
28108
- } }, hAsync("div", { key: '9678a72aeadc2c59cca163e919015f1e4318a040', class: "refresher-pulling" }, this.pullingIcon && hasSpinner && (hAsync("div", { key: 'a8113afbdfac60a2a8fc984e70dd7ee5b6ed1a02', class: "refresher-pulling-icon" }, hAsync("div", { key: '28a4faf60409c400734a252f3660c039cc5bcaca', class: "spinner-arrow-container" }, hAsync("ion-spinner", { key: 'ebbbea530a2c4629004ecaa2dd3e168cfb46e07b', name: this.pullingIcon, paused: true }), (theme === 'md' || theme === 'ionic') && this.pullingIcon === 'circular' && (hAsync("div", { key: 'e5be25c40614677345247b6e29be08d1beb921ca', class: "arrow-container" }, hAsync("ion-icon", { key: '5f77992d5329c6e210cf7be82ae36e61c9934886', icon: arrowIcon, "aria-hidden": "true" })))))), this.pullingIcon && !hasSpinner && (hAsync("div", { key: 'bc5fb54ffde26bb6a3e6711c3aa3f87ab1fd08ae', class: "refresher-pulling-icon" }, hAsync("ion-icon", { key: '6637fbc84dcea0da5828833f2017a0249440f572', icon: this.pullingIcon, lazy: false, "aria-hidden": "true" }))), this.pullingText !== undefined && this.renderPullingText()), hAsync("div", { key: '7eff620e6931d23343036a31bd7bef36b553673a', class: "refresher-refreshing" }, this.refreshingSpinner && (hAsync("div", { key: '1be8189b67b126e69c6a8f959d31f8223a61d203', class: "refresher-refreshing-icon" }, hAsync("ion-spinner", { key: '5742bc22d2e5f2220aeed4a08be0810cd71732d9', name: this.refreshingSpinner }))), this.refreshingText !== undefined && this.renderRefreshingText())));
28156
+ } }, hAsync("div", { key: '896e6babdf29eed411c8d39d9674afc20c11501e', class: "refresher-pulling" }, this.pullingIcon && hasSpinner && (hAsync("div", { key: 'b69318d8857a88d0ba6e7175ed4e8c1dac5464b2', class: "refresher-pulling-icon" }, hAsync("div", { key: '158a28b229e26444ca36e17d18f0eaef72fffe6c', class: "spinner-arrow-container" }, hAsync("ion-spinner", { key: '19b54947a240f9e626722a0d664e21df042c9300', name: this.pullingIcon, paused: true }), (theme === 'md' || theme === 'ionic') && this.pullingIcon === 'circular' && (hAsync("div", { key: 'bd672a08933f57b8fe71270dc1dcbd24256d75fd', class: "arrow-container" }, hAsync("ion-icon", { key: '09680855dc7996f3e4f064acc098362f688b75ef', icon: arrowIcon, "aria-hidden": "true" })))))), this.pullingIcon && !hasSpinner && (hAsync("div", { key: '248347514cbed83c664fe2ee04b9d2346798dd08', class: "refresher-pulling-icon" }, hAsync("ion-icon", { key: 'a1e0e9a8be66f660a5b47e0f7e545a6fb86366e2', icon: this.pullingIcon, lazy: false, "aria-hidden": "true" }))), this.pullingText !== undefined && this.renderPullingText()), hAsync("div", { key: '6d3eaf16847d913c9ea958c601562c19c5e9923e', class: "refresher-refreshing" }, this.refreshingSpinner && (hAsync("div", { key: 'a45a3278f66ddf83e79da5c90ee7fb9d15f22a59', class: "refresher-refreshing-icon" }, hAsync("ion-spinner", { key: '0daa75225d65f065f94d66e937014a116ef05084', name: this.refreshingSpinner }))), this.refreshingText !== undefined && this.renderRefreshingText())));
28109
28157
  }
28110
28158
  get el() { return getElement(this); }
28111
28159
  static get style() { return {
@@ -28177,9 +28225,9 @@ class Reorder {
28177
28225
  render() {
28178
28226
  const { reorderHandleIcon } = this;
28179
28227
  const theme = getIonTheme(this);
28180
- return (hAsync(Host, { key: '3ac55c697bca2fdedf5a13ceb2d7d5f5bc0b900d', class: {
28228
+ return (hAsync(Host, { key: '758e11a080ae373893642c6eda1e03196ca6385e', class: {
28181
28229
  [theme]: true,
28182
- } }, hAsync("slot", { key: '4fdede184042e67e72b75d9d8aec44cdc7f73c2a' }, hAsync("ion-icon", { key: 'ae32237e68d0cdf523bb4950d9241d746427ee98', icon: reorderHandleIcon, lazy: false, class: "reorder-icon", part: "icon", "aria-hidden": "true" }))));
28230
+ } }, hAsync("slot", { key: '7f48e8e6c52ecc014b13007895c066b38febf8fc' }, hAsync("ion-icon", { key: '8b53e61326750228321c942e70974e4c2171cbe1', icon: reorderHandleIcon, lazy: false, class: "reorder-icon", part: "icon", "aria-hidden": "true" }))));
28183
28231
  }
28184
28232
  get el() { return getElement(this); }
28185
28233
  static get style() { return {
@@ -28438,7 +28486,7 @@ class ReorderGroup {
28438
28486
  }
28439
28487
  render() {
28440
28488
  const theme = getIonTheme(this);
28441
- return (hAsync(Host, { key: '5cab4716603318af2dde33288cf2750922e05711', class: {
28489
+ return (hAsync(Host, { key: 'dde289aa690c3e0128d1b186834eadc7e0f5d37d', class: {
28442
28490
  [theme]: true,
28443
28491
  'reorder-enabled': !this.disabled,
28444
28492
  'reorder-list-active': this.state !== 0 /* ReorderGroupState.Idle */,
@@ -28556,7 +28604,7 @@ class RippleEffect {
28556
28604
  }
28557
28605
  render() {
28558
28606
  const theme = getIonTheme(this);
28559
- return (hAsync(Host, { key: '6b8a4c092716f4a4c60f9b6998c850b157381b18', role: "presentation", class: {
28607
+ return (hAsync(Host, { key: '77488fb7e6f25d989d9b643489f704284279a986', role: "presentation", class: {
28560
28608
  [theme]: true,
28561
28609
  unbounded: this.unbounded,
28562
28610
  } }));
@@ -29514,10 +29562,10 @@ class RouterLink {
29514
29562
  rel: this.rel,
29515
29563
  target: this.target,
29516
29564
  };
29517
- return (hAsync(Host, { key: '444987ee201d5dfcae1b9df0626aeb445f0076d6', onClick: this.onClick, class: createColorClasses$1(this.color, {
29565
+ return (hAsync(Host, { key: '6415fbabb7f0e2220fa8d868ca060cf85a6b1756', onClick: this.onClick, class: createColorClasses$1(this.color, {
29518
29566
  [theme]: true,
29519
29567
  'ion-activatable': true,
29520
- }) }, hAsync("a", Object.assign({ key: 'b56770ce708c53617bd998618b289c9cfe0ef1a9' }, attrs), hAsync("slot", { key: '22787fc89bb1a0f4f13cfd8a547c14e273ec150a' }))));
29568
+ }) }, hAsync("a", Object.assign({ key: '031c713ea760e04b81c841b01342af538d2cc0ed' }, attrs), hAsync("slot", { key: '948189a8b94fa12f5ced994a5b9a6138a878f7a8' }))));
29521
29569
  }
29522
29570
  static get style() { return IonRouterLinkStyle0; }
29523
29571
  static get cmpMeta() { return {
@@ -29715,7 +29763,7 @@ class RouterOutlet {
29715
29763
  return true;
29716
29764
  }
29717
29765
  render() {
29718
- return hAsync("slot", { key: '5c560e82375151792513278f2e44db119d0ab683' });
29766
+ return hAsync("slot", { key: '33d398d0fadff009560ca0835a088eb26e2c9c02' });
29719
29767
  }
29720
29768
  get el() { return getElement(this); }
29721
29769
  static get watchers() { return {
@@ -29754,9 +29802,9 @@ class Row {
29754
29802
  }
29755
29803
  render() {
29756
29804
  const theme = getIonTheme(this);
29757
- return (hAsync(Host, { key: '1dd88448e2e74b4352f7f05d4c881a9d2d0703a9', class: {
29805
+ return (hAsync(Host, { key: '7004407e649f3b5855bd262c5204f4864580096b', class: {
29758
29806
  [theme]: true,
29759
- } }, hAsync("slot", { key: 'd3e238c9cb1fd084c479600996ba407dc0bbe6b5' })));
29807
+ } }, hAsync("slot", { key: 'afa6d1036796041447ab497abc7e66e3e96fcad5' })));
29760
29808
  }
29761
29809
  static get style() { return IonRowStyle0; }
29762
29810
  static get cmpMeta() { return {
@@ -30265,8 +30313,8 @@ class Searchbar {
30265
30313
  const shouldShowCancelButton = this.shouldShowCancelButton();
30266
30314
  const shape = this.getShape();
30267
30315
  const size = this.getSize();
30268
- const cancelButton = this.showCancelButton !== 'never' && (hAsync("button", { key: '63d5a0d5c54315374edea381b4a33423e1d8e4c6', "aria-label": cancelButtonText, "aria-hidden": shouldShowCancelButton ? undefined : 'true', type: "button", tabIndex: theme === 'ios' && !shouldShowCancelButton ? -1 : undefined, onMouseDown: this.onCancelSearchbar, onTouchStart: this.onCancelSearchbar, class: "searchbar-cancel-button" }, hAsync("div", { key: 'a9a01e3a19a27e857f9271c511623c35dd94a4b0', "aria-hidden": "true" }, theme === 'md' || theme === 'ionic' ? (hAsync("ion-icon", { "aria-hidden": "true", icon: searchbarCancelIcon, lazy: false })) : (cancelButtonText))));
30269
- return (hAsync(Host, { key: '8df3e32ff7bd474cb0283877d58d25db97eb508c', role: "search", "aria-disabled": this.disabled ? 'true' : null, class: createColorClasses$1(this.color, {
30316
+ const cancelButton = this.showCancelButton !== 'never' && (hAsync("button", { key: '88022e979266324a164262e874bb7a64ef942a8b', "aria-label": cancelButtonText, "aria-hidden": shouldShowCancelButton ? undefined : 'true', type: "button", tabIndex: theme === 'ios' && !shouldShowCancelButton ? -1 : undefined, onMouseDown: this.onCancelSearchbar, onTouchStart: this.onCancelSearchbar, class: "searchbar-cancel-button" }, hAsync("div", { key: '82fbcce17ab8658c08a87da5d5d2fc42b619164f', "aria-hidden": "true" }, theme === 'md' || theme === 'ionic' ? (hAsync("ion-icon", { "aria-hidden": "true", icon: searchbarCancelIcon, lazy: false })) : (cancelButtonText))));
30317
+ return (hAsync(Host, { key: '77f09b18c0d385615dec9972459b02504e4c8b87', role: "search", "aria-disabled": this.disabled ? 'true' : null, class: createColorClasses$1(this.color, {
30270
30318
  [theme]: true,
30271
30319
  'searchbar-animated': animated,
30272
30320
  'searchbar-disabled': this.disabled,
@@ -30280,14 +30328,14 @@ class Searchbar {
30280
30328
  [`searchbar-shape-${shape}`]: shape !== undefined,
30281
30329
  [`searchbar-size-${size}`]: size !== undefined,
30282
30330
  'in-toolbar': hostContext('ion-toolbar', this.el),
30283
- }) }, hAsync("div", { key: '59deee3cdf8bdb924fa777516ddda200ef3fcef0', class: "searchbar-input-container" }, hAsync("input", Object.assign({ key: '0947cdf1e56218a6530be5832b42330da7fac792', "aria-label": "search text", disabled: this.disabled, ref: (el) => (this.nativeInput = el), class: "searchbar-input", inputMode: this.inputmode, enterKeyHint: this.enterkeyhint, name: this.name, onInput: this.onInput, onChange: this.onChange, onBlur: this.onBlur, onFocus: this.onFocus, minLength: this.minlength, maxLength: this.maxlength, placeholder: this.placeholder, type: this.type, value: this.getValue(), autoCapitalize: autocapitalize === 'default' ? undefined : autocapitalize, autoComplete: this.autocomplete, autoCorrect: this.autocorrect, spellcheck: this.spellcheck }, this.inheritedAttributes)), (theme === 'md' || theme === 'ionic') && cancelButton, this.shouldShowSearchIcon() && (hAsync("ion-icon", { key: '6a4cd1e5322d3721d794f33dbc38ef16c78a4280', "aria-hidden": "true", icon: searchbarSearchIcon, lazy: false, class: "searchbar-search-icon" })), this.shouldShowClearButton() && (hAsync("button", { key: 'b0d76e6d5f2fe9472ca79299a5c9364a6960fbec', "aria-label": "reset", type: "button", "no-blur": true, class: "searchbar-clear-button", onPointerDown: (ev) => {
30331
+ }) }, hAsync("div", { key: '6f3076517c9a3df008b08bb2a57c192c02d30b33', class: "searchbar-input-container" }, hAsync("input", Object.assign({ key: 'ed7936783c035d6d15a19b539d1438be1b05ea5a', "aria-label": "search text", disabled: this.disabled, ref: (el) => (this.nativeInput = el), class: "searchbar-input", inputMode: this.inputmode, enterKeyHint: this.enterkeyhint, name: this.name, onInput: this.onInput, onChange: this.onChange, onBlur: this.onBlur, onFocus: this.onFocus, minLength: this.minlength, maxLength: this.maxlength, placeholder: this.placeholder, type: this.type, value: this.getValue(), autoCapitalize: autocapitalize === 'default' ? undefined : autocapitalize, autoComplete: this.autocomplete, autoCorrect: this.autocorrect, spellcheck: this.spellcheck }, this.inheritedAttributes)), (theme === 'md' || theme === 'ionic') && cancelButton, this.shouldShowSearchIcon() && (hAsync("ion-icon", { key: 'a8fa968d81f47566f606971e7ce101eed5325b23', "aria-hidden": "true", icon: searchbarSearchIcon, lazy: false, class: "searchbar-search-icon" })), this.shouldShowClearButton() && (hAsync("button", { key: '0dde4d7f0ebd7f28f590b7a7bc24f9774acfc64a', "aria-label": "reset", type: "button", "no-blur": true, class: "searchbar-clear-button", onPointerDown: (ev) => {
30284
30332
  /**
30285
30333
  * This prevents mobile browsers from
30286
30334
  * blurring the input when the clear
30287
30335
  * button is activated.
30288
30336
  */
30289
30337
  ev.preventDefault();
30290
- }, onClick: () => this.onClearInput(true) }, hAsync("ion-icon", { key: 'a0b84329f3a1c07bd7f2bab5dfc127b51cf91946', "aria-hidden": "true", icon: searchbarClearIcon, lazy: false, className: "searchbar-clear-icon" })))), theme === 'ios' && cancelButton));
30338
+ }, onClick: () => this.onClearInput(true) }, hAsync("ion-icon", { key: '24e649c7063022e7df79e63d92cc1f159b5691bd', "aria-hidden": "true", icon: searchbarClearIcon, lazy: false, className: "searchbar-clear-icon" })))), theme === 'ios' && cancelButton));
30291
30339
  }
30292
30340
  get el() { return getElement(this); }
30293
30341
  static get watchers() { return {
@@ -30878,14 +30926,14 @@ class Segment {
30878
30926
  }
30879
30927
  render() {
30880
30928
  const theme = getIonTheme(this);
30881
- return (hAsync(Host, { key: '6dde439f77f62411fa949da7085ffd3f0f60470c', role: "tablist", onClick: this.onClick, class: createColorClasses$1(this.color, {
30929
+ return (hAsync(Host, { key: '6289c3774db1a38175476d4e596c89f124c3bda6', role: "tablist", onClick: this.onClick, class: createColorClasses$1(this.color, {
30882
30930
  [theme]: true,
30883
30931
  'in-toolbar': hostContext('ion-toolbar', this.el),
30884
30932
  'in-toolbar-color': hostContext('ion-toolbar[color]', this.el),
30885
30933
  'segment-activated': this.activated,
30886
30934
  'segment-disabled': this.disabled,
30887
30935
  'segment-scrollable': this.scrollable,
30888
- }) }, hAsync("slot", { key: 'fdff9a11a8ee5cd0d820801291aee6e17410e5e1', onSlotchange: this.onSlottedItemsChange })));
30936
+ }) }, hAsync("slot", { key: '3db439fa1be09a29d7871130edc1710ef54df224', onSlotchange: this.onSlottedItemsChange })));
30889
30937
  }
30890
30938
  get el() { return getElement(this); }
30891
30939
  static get watchers() { return {
@@ -31052,7 +31100,7 @@ class SegmentButton {
31052
31100
  const { checked, type, disabled, hasIcon, hasLabel, layout, segmentEl } = this;
31053
31101
  const theme = getIonTheme(this);
31054
31102
  const hasSegmentColor = () => (segmentEl === null || segmentEl === void 0 ? void 0 : segmentEl.color) !== undefined;
31055
- return (hAsync(Host, { key: '76f735f78cba0432a8d365da3869404fbae4b474', class: {
31103
+ return (hAsync(Host, { key: '3f7bb9ebb17ad0cda205115a453a7aea72b498e0', class: {
31056
31104
  [theme]: true,
31057
31105
  'in-toolbar': hostContext('ion-toolbar', this.el),
31058
31106
  'in-toolbar-color': hostContext('ion-toolbar[color]', this.el),
@@ -31068,7 +31116,7 @@ class SegmentButton {
31068
31116
  'ion-activatable': true,
31069
31117
  'ion-activatable-instant': true,
31070
31118
  'ion-focusable': true,
31071
- } }, hAsync("button", Object.assign({ key: 'b67cfb4a7df71a660bd6af0a4f42c4ae885b316c', "aria-selected": checked ? 'true' : 'false', role: "tab", ref: (el) => (this.nativeEl = el), type: type, class: "button-native", part: "native", disabled: disabled }, this.inheritedAttributes), hAsync("span", { key: '15d84219ad3ab234ad956db11e43fdb54168c2a0', class: "button-inner" }, hAsync("slot", { key: '648a4ba3d70dd8a60bef5247f088b0aef2a878f3' })), theme === 'md' && hAsync("ion-ripple-effect", { key: 'e9eb8870b1b48b400d8b1f18e0373fc3802541b9' })), hAsync("div", { key: '1593985cc8011d63315d9c1b17f397342c0ae4b6', part: "indicator", class: "segment-button-indicator segment-button-indicator-animated" }, hAsync("div", { key: '1124a36b261072dcea2aa83daf1d067f6a3f2d41', part: "indicator-background", class: "segment-button-indicator-background" }))));
31119
+ } }, hAsync("button", Object.assign({ key: '0686143f91b89a92afb70c8f7d6db07c1bda849c', "aria-selected": checked ? 'true' : 'false', role: "tab", ref: (el) => (this.nativeEl = el), type: type, class: "button-native", part: "native", disabled: disabled }, this.inheritedAttributes), hAsync("span", { key: '2d3e4623ba2a827dbff0ef057f140c99e7107e46', class: "button-inner" }, hAsync("slot", { key: '7d54643207b33ed08d28816ca025c962a41e462b' })), theme === 'md' && hAsync("ion-ripple-effect", { key: '0cd9b0b30935cb5a94d69210e363f6cadc130b25' })), hAsync("div", { key: '079a11dcfa9a0e41ef4e96c8f3f26a69216006cc', part: "indicator", class: "segment-button-indicator segment-button-indicator-animated" }, hAsync("div", { key: '0d004e5b5905b8de9cbc84a16ba1a4db648db387', part: "indicator-background", class: "segment-button-indicator-background" }))));
31072
31120
  }
31073
31121
  get el() { return getElement(this); }
31074
31122
  static get watchers() { return {
@@ -31105,7 +31153,7 @@ class SegmentContent {
31105
31153
  registerInstance(this, hostRef);
31106
31154
  }
31107
31155
  render() {
31108
- return (hAsync(Host, { key: 'a09f99b39dfa64874d19a45b587bf91e63fd2422' }, hAsync("slot", { key: '7b91e14c7e8be2d07fa21ff1195c467817737ddb' })));
31156
+ return (hAsync(Host, { key: '665f41a854621f898eaf7ba9a49e77cc9326501e' }, hAsync("slot", { key: '635aa57fbf6167dcd36fe8dc5dfc1c313637ac04' })));
31109
31157
  }
31110
31158
  static get style() { return IonSegmentContentStyle0; }
31111
31159
  static get cmpMeta() { return {
@@ -31221,10 +31269,10 @@ class SegmentView {
31221
31269
  }
31222
31270
  render() {
31223
31271
  const { disabled, isManualScroll } = this;
31224
- return (hAsync(Host, { key: 'd457ef8ab56017fe649e12093a2b7f276fe35f8e', class: {
31272
+ return (hAsync(Host, { key: 'ad39fb0cf31ec054cc31eaa1abe734f601d245db', class: {
31225
31273
  'segment-view-disabled': disabled,
31226
31274
  'segment-view-scroll-disabled': isManualScroll === false,
31227
- } }, hAsync("slot", { key: '6864df40e938df3b9e0f8c9732f51699cb55e06a' })));
31275
+ } }, hAsync("slot", { key: '189f731f9a4b55b36c4a6ba10fe76c0409f0cbb3' })));
31228
31276
  }
31229
31277
  get el() { return getElement(this); }
31230
31278
  static get style() { return {
@@ -32000,7 +32048,7 @@ class Select {
32000
32048
  * TODO(FW-5592): Remove hasStartEndSlots condition
32001
32049
  */
32002
32050
  const labelShouldFloat = labelPlacement === 'stacked' || (labelPlacement === 'floating' && (hasValue || isExpanded || hasStartEndSlots));
32003
- return (hAsync(Host, { key: '8d84c36852823c58ed1663f406ae390760adc196', onClick: this.onClick, class: createColorClasses$1(this.color, {
32051
+ return (hAsync(Host, { key: '56bf013506dc6b882b827ae5d848292cdebf92c8', onClick: this.onClick, class: createColorClasses$1(this.color, {
32004
32052
  [theme]: true,
32005
32053
  'in-item': inItem,
32006
32054
  'in-item-color': hostContext('ion-item.ion-color', el),
@@ -32017,7 +32065,7 @@ class Select {
32017
32065
  [`select-shape-${shape}`]: shape !== undefined,
32018
32066
  [`select-label-placement-${labelPlacement}`]: true,
32019
32067
  [`select-size-${size}`]: size !== undefined,
32020
- }) }, hAsync("label", { key: 'f7ab743c6a0fd7ef5b566a7bd66a4e142f5259bb', class: "select-wrapper", id: "select-label" }, this.renderLabelContainer(), hAsync("div", { key: '33a3a7a7f9982a7a8e636eb00a6d44f75b83972c', class: "select-wrapper-inner" },
32068
+ }) }, hAsync("label", { key: 'cfb256dfe432ac23df006514e75142cbfb595620', class: "select-wrapper", id: "select-label" }, this.renderLabelContainer(), hAsync("div", { key: '7bba5aed0735f4237e4f4b8d08859cb9cfac7f9f', class: "select-wrapper-inner" },
32021
32069
  /**
32022
32070
  * For the ionic theme, we render the outline container here
32023
32071
  * instead of higher up, so it can be positioned relative to
@@ -32027,7 +32075,7 @@ class Select {
32027
32075
  * <label> element, ensuring that clicking the label text
32028
32076
  * focuses the select.
32029
32077
  */
32030
- theme === 'ionic' && fill === 'outline' && hAsync("div", { key: 'b306cb82a4ec453886032e0a4723bdd495b6b266', class: "select-outline" }), hAsync("slot", { key: '5da0f79a39eb047182817da6b83852036e6cbadd', name: "start" }), hAsync("div", { key: '47a592a894402f479f721782ec31a5a456587454', class: "native-wrapper", ref: (el) => (this.nativeWrapperEl = el), part: "container" }, this.renderSelectText(), this.renderListbox()), hAsync("slot", { key: 'd154192584a692167ec5d656d9aadf2f2ec77b60', name: "end" }), shouldRenderInnerIcon && this.renderSelectIcon()), shouldRenderOuterIcon && this.renderSelectIcon(), shouldRenderHighlight && hAsync("div", { key: '20dc18ca3255e4ab101f2234e3630a0ffd85fb54', class: "select-highlight" })), this.renderBottomContent()));
32078
+ theme === 'ionic' && fill === 'outline' && hAsync("div", { key: '3c5fa6ca8b44b8c03a5d9a574397245a66fc5eb2', class: "select-outline" }), hAsync("slot", { key: 'c5625dd59673573f34654a173a97426375e9d9e4', name: "start" }), hAsync("div", { key: '742a45ef81c5dd03484e2f2db872a78ab5ad3115', class: "native-wrapper", ref: (el) => (this.nativeWrapperEl = el), part: "container" }, this.renderSelectText(), this.renderListbox()), hAsync("slot", { key: 'eb81bdc78e0d631b646c87c8fcd3d43958976bb3', name: "end" }), shouldRenderInnerIcon && this.renderSelectIcon()), shouldRenderOuterIcon && this.renderSelectIcon(), shouldRenderHighlight && hAsync("div", { key: '9bc84d872a6b4144c3fe0b1013ac7edfe3381c41', class: "select-highlight" })), this.renderBottomContent()));
32031
32079
  }
32032
32080
  get el() { return getElement(this); }
32033
32081
  static get watchers() { return {
@@ -32192,7 +32240,7 @@ class SelectModal {
32192
32240
  } }, option.text))));
32193
32241
  }
32194
32242
  render() {
32195
- return (hAsync(Host, { key: 'cbf3388bbc47ba946f3dd3186e488c4bcdef9290', class: getIonMode$1(this) }, hAsync("ion-header", { key: '847a843bf0b0d4a427a01bb38afac1c379cb7827' }, hAsync("ion-toolbar", { key: '5642cee0427024d16ea9bf19b08521f6f3af103a' }, this.header !== undefined && hAsync("ion-title", { key: 'ea0d818b262e242c97b3ce2bc9df1b2edb845fe5' }, this.header), hAsync("ion-buttons", { key: 'a88da9153f8d455e80be1c531a51423ce30f07b6', slot: "end" }, hAsync("ion-button", { key: '087f77bc9009302d0fce28175f60baa032d7e19f', onClick: () => this.closeModal() }, "Close")))), hAsync("ion-content", { key: '646fbde7199c301d0d652d70a7be6a40c066c6b4' }, hAsync("ion-list", { key: '1a6869f1cd398652439df45cbc60d3efa4b89141' }, this.multiple === true ? this.renderCheckboxOptions() : this.renderRadioOptions()))));
32243
+ return (hAsync(Host, { key: '730c44ceba585ce77926121f13d961d8020d7bd2', class: getIonMode$1(this) }, hAsync("ion-header", { key: '4cf46de557baa1187dc998718004c0344b67d39b' }, hAsync("ion-toolbar", { key: 'df46d6d17351b702ca7e031a1313c17d19d24485' }, this.header !== undefined && hAsync("ion-title", { key: '9561527c557ae5ea6a04367ba52a57a656fd1aaa' }, this.header), hAsync("ion-buttons", { key: 'f9f6efbf7c4f7cd9712c5e2fc89926ad2e374c9f', slot: "end" }, hAsync("ion-button", { key: '70136cb4d64e2b04821d0e81a3671c55f45399fb', onClick: () => this.closeModal() }, "Close")))), hAsync("ion-content", { key: '53d4cdf5cfd9c5c3121f4ce5c23c4b940052554a' }, hAsync("ion-list", { key: 'e022b85e7e6e9d2d90b1dd4435d922cfc8390ec5' }, this.multiple === true ? this.renderCheckboxOptions() : this.renderRadioOptions()))));
32196
32244
  }
32197
32245
  get el() { return getElement(this); }
32198
32246
  static get style() { return {
@@ -32230,7 +32278,7 @@ class SelectOption {
32230
32278
  }
32231
32279
  render() {
32232
32280
  const theme = getIonTheme(this);
32233
- return (hAsync(Host, { key: '3a0f3cdf05512de254098956ac4f3421d7f55b49', class: {
32281
+ return (hAsync(Host, { key: '9ff7cf41a31fdf64730f6fe3708bb1f3677b76a4', class: {
32234
32282
  [theme]: true,
32235
32283
  }, role: "option", id: this.inputId }));
32236
32284
  }
@@ -32359,9 +32407,9 @@ class SelectPopover {
32359
32407
  const { header, message, options, subHeader } = this;
32360
32408
  const hasSubHeaderOrMessage = subHeader !== undefined || message !== undefined;
32361
32409
  const theme = getIonTheme(this);
32362
- return (hAsync(Host, { key: '1ce7677a862660434bcd0e2aa9646bc7c00c988b', class: {
32410
+ return (hAsync(Host, { key: '89399f838fb5431edb7788f59dcc01678bf76104', class: {
32363
32411
  [theme]: true,
32364
- } }, hAsync("ion-list", { key: '0bf6d4b7cc2da87e2d4045c911cc7633e43dcb0c' }, header !== undefined && hAsync("ion-list-header", { key: 'ab05d584ef8f16fbd7c320815b7d149b36d7479c' }, header), hasSubHeaderOrMessage && (hAsync("ion-item", { key: 'f3c353a4dfa746dcece4673a387b6505f1d8ad4f' }, hAsync("ion-label", { key: '0f622af7d4fb2e5ca90c693813728006d7a11903', class: "ion-text-wrap" }, subHeader !== undefined && hAsync("h3", { key: '12c5c93a39526f1f9ec98f1721bc4162c071caa4' }, subHeader), message !== undefined && hAsync("p", { key: 'c95f7cc61dbfff77cc3c00371254f7d4b2b04e69' }, message)))), this.renderOptions(options))));
32412
+ } }, hAsync("ion-list", { key: '2b37328fcfb2b02f36cb9f426b53765298a4c8ff' }, header !== undefined && hAsync("ion-list-header", { key: 'af3ac65204af5169072698fcda1480182d8949d5' }, header), hasSubHeaderOrMessage && (hAsync("ion-item", { key: '7aa4369be13687643f9f651300f7fc89d13edc1a' }, hAsync("ion-label", { key: 'f730c2819c4439833840489c446aad3c7e5d0989', class: "ion-text-wrap" }, subHeader !== undefined && hAsync("h3", { key: '1d9d935c996c01015f1f6c5797bbcd29e6eb4c23' }, subHeader), message !== undefined && hAsync("p", { key: '286e15288c094e39cdded327ef814e1daf5b4329' }, message)))), this.renderOptions(options))));
32365
32413
  }
32366
32414
  get el() { return getElement(this); }
32367
32415
  static get style() { return {
@@ -32414,11 +32462,11 @@ class SkeletonText {
32414
32462
  const animated = this.animated && config.getBoolean('animated', true);
32415
32463
  const inMedia = hostContext('ion-avatar', this.el) || hostContext('ion-thumbnail', this.el);
32416
32464
  const theme = getIonTheme(this);
32417
- return (hAsync(Host, { key: 'dedb3d78e092024dc2d3548e8721445a004b2306', class: {
32465
+ return (hAsync(Host, { key: '61dec18e888846c87eae4af95853d8c013b39ec8', class: {
32418
32466
  [theme]: true,
32419
32467
  'skeleton-text-animated': animated,
32420
32468
  'in-media': inMedia,
32421
- } }, hAsync("span", { key: 'f1871cf7314774ffee1d9e64decdfc0c9c8ec1bb' }, "\u00A0")));
32469
+ } }, hAsync("span", { key: 'd61c3096615f154d8bfdd025722bb1c7b7b97b46' }, "\u00A0")));
32422
32470
  }
32423
32471
  get el() { return getElement(this); }
32424
32472
  static get style() { return IonSkeletonTextStyle0; }
@@ -32495,7 +32543,7 @@ class Spinner {
32495
32543
  svgs.push(buildLine(spinner, duration, i, spinner.lines));
32496
32544
  }
32497
32545
  }
32498
- return (hAsync(Host, { key: '6a9cc9563dc8f87294cfab278bc5d2893738ef95', class: createColorClasses$1(self.color, {
32546
+ return (hAsync(Host, { key: '8f1bd75946965e8bf1689a8b651a809fd68b41c4', class: createColorClasses$1(self.color, {
32499
32547
  [theme]: true,
32500
32548
  [`spinner-${spinnerName}`]: true,
32501
32549
  'spinner-paused': self.paused || config.getBoolean('_testing'),
@@ -32608,12 +32656,12 @@ class SplitPane {
32608
32656
  }
32609
32657
  render() {
32610
32658
  const theme = getIonTheme(this);
32611
- return (hAsync(Host, { key: 'f2bbf0502e339967336e4a31478c2062e9b511d0', class: {
32659
+ return (hAsync(Host, { key: '9a1d659ebc3f8b36d818e4c67468726fc3752930', class: {
32612
32660
  [theme]: true,
32613
32661
  // Used internally for styling
32614
32662
  [`split-pane-${theme}`]: true,
32615
32663
  'split-pane-visible': this.visible,
32616
- } }, hAsync("slot", { key: '81b1dd5ab2fb2d28ca7f97be9724998ac550eb7e' })));
32664
+ } }, hAsync("slot", { key: 'db7451c8e4ea8d74f6707d06be038de4a05b7e11' })));
32617
32665
  }
32618
32666
  get el() { return getElement(this); }
32619
32667
  static get watchers() { return {
@@ -32687,10 +32735,10 @@ class Tab {
32687
32735
  }
32688
32736
  render() {
32689
32737
  const { tab, active, component } = this;
32690
- return (hAsync(Host, { key: 'b85d2ad6cb613fc7549f9069923b0b995b93c453', role: "tabpanel", "aria-hidden": !active ? 'true' : null, "aria-labelledby": `tab-button-${tab}`, class: {
32738
+ return (hAsync(Host, { key: '78aadb6e13ae2912ac243e8b5746f7b8f4bd1ebd', role: "tabpanel", "aria-hidden": !active ? 'true' : null, "aria-labelledby": `tab-button-${tab}`, class: {
32691
32739
  'ion-page': component === undefined,
32692
32740
  'tab-hidden': !active,
32693
- } }, hAsync("slot", { key: 'ee44dab9612d96803636c89a042cc6e65503c155' })));
32741
+ } }, hAsync("slot", { key: 'bff1cd310dbebe3536109ac74349e4f4c7fd4a79' })));
32694
32742
  }
32695
32743
  get el() { return getElement(this); }
32696
32744
  static get watchers() { return {
@@ -32787,13 +32835,13 @@ class TabBar {
32787
32835
  const theme = getIonTheme(this);
32788
32836
  const shape = this.getShape();
32789
32837
  const shouldHide = keyboardVisible && this.el.getAttribute('slot') !== 'top';
32790
- return (hAsync(Host, { key: '3fc424679dece4746ac543aaa297e088a9a445ef', role: "tablist", "aria-hidden": shouldHide ? 'true' : null, class: createColorClasses$1(color, {
32838
+ return (hAsync(Host, { key: '8113748c5b620a398777b616f2c3df37e3a0828e', role: "tablist", "aria-hidden": shouldHide ? 'true' : null, class: createColorClasses$1(color, {
32791
32839
  [theme]: true,
32792
32840
  'tab-bar-translucent': translucent,
32793
32841
  'tab-bar-hidden': shouldHide,
32794
32842
  [`tab-bar-${expand}`]: true,
32795
32843
  [`tab-bar-${shape}`]: shape !== undefined,
32796
- }) }, hAsync("slot", { key: 'e4bd3711819503ef644f7f3cd88887eaf3d39705' })));
32844
+ }) }, hAsync("slot", { key: '219741d7e41c6b7b432f9ddd865a6f3a1cb2067c' })));
32797
32845
  }
32798
32846
  get el() { return getElement(this); }
32799
32847
  static get watchers() { return {
@@ -32821,13 +32869,13 @@ class TabBar {
32821
32869
  }; }
32822
32870
  }
32823
32871
 
32824
- const tabButtonIonicCss = ":host{--ripple-color:var(--color-selected);--background-focused-opacity:1;-ms-flex:1;flex:1;-ms-flex-direction:column;flex-direction:column;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;height:100%;outline:none;background:var(--background);color:var(--color)}.button-native{display:-ms-flexbox;display:flex;position:relative;-ms-flex-direction:inherit;flex-direction:inherit;-ms-flex-align:inherit;align-items:inherit;-ms-flex-pack:inherit;justify-content:inherit;width:100%;height:100%;border:0;outline:none;background:transparent;text-decoration:none;cursor:pointer;overflow:hidden;-webkit-box-sizing:border-box;box-sizing:border-box;-webkit-user-drag:none}.button-inner{display:-ms-flexbox;display:flex;position:relative;-ms-flex-flow:inherit;flex-flow:inherit;-ms-flex-align:inherit;align-items:inherit;-ms-flex-pack:inherit;justify-content:inherit;width:100%;height:100%;z-index:1}:host(.ion-focused) .button-native{color:var(--color-focused)}:host(.ion-focused) .button-native::after{background:var(--background-focused);opacity:var(--background-focused-opacity)}@media (any-hover: hover){a:hover{color:var(--color-selected)}}:host(.tab-selected){color:var(--color-selected)}:host(.tab-hidden){display:none !important}:host(.tab-disabled){pointer-events:none;opacity:0.4}::slotted(ion-label),::slotted(ion-icon){display:block;-ms-flex-item-align:center;align-self:center;max-width:100%;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;-webkit-box-sizing:border-box;box-sizing:border-box}::slotted(ion-label){-ms-flex-order:0;order:0}::slotted(ion-icon){-ms-flex-order:-1;order:-1;height:1em}:host(.tab-has-label-only) ::slotted(ion-label){white-space:normal}::slotted(ion-badge){-webkit-box-sizing:border-box;box-sizing:border-box;position:absolute;z-index:1}:host(.tab-layout-icon-start){-ms-flex-direction:row;flex-direction:row}:host(.tab-layout-icon-end){-ms-flex-direction:row-reverse;flex-direction:row-reverse}:host(.tab-layout-icon-bottom){-ms-flex-direction:column-reverse;flex-direction:column-reverse}:host(.tab-layout-icon-hide) ::slotted(ion-icon){display:none}:host(.tab-layout-label-hide) ::slotted(ion-label){display:none}ion-ripple-effect{color:var(--ripple-color)}:host{--focus-ring-color:var(--ion-border-focus-default, #b5c0f7);--focus-ring-width:var(--ion-border-radius-025, 2px);-ms-flex-line-pack:center;align-content:center;min-height:var(--ion-scale-1200, 48px);max-height:var(--ion-scale-1800, 72px);font-size:var(--ion-font-size-300, 0.75rem);font-weight:var(--ion-font-weight-medium, 500);line-height:var(--ion-font-line-height-500, 20px)}.button-native{border-radius:inherit;margin-left:0;margin-right:0;margin-top:0;margin-bottom:0;-webkit-padding-start:var(--padding-start);padding-inline-start:var(--padding-start);-webkit-padding-end:var(--padding-end);padding-inline-end:var(--padding-end);padding-top:var(--padding-top);padding-bottom:var(--padding-bottom);color:inherit;font-family:inherit;font-size:inherit;font-style:inherit;font-weight:inherit;letter-spacing:inherit;text-align:inherit;text-decoration:inherit;text-indent:inherit;text-overflow:inherit;text-transform:inherit;white-space:inherit}.button-native::after{right:0;left:0;top:0;bottom:0;position:absolute;content:\"\";opacity:0}.button-native{min-width:var(--ion-scale-1200, 48px);overflow:visible}.button-native::after{border-radius:inherit}:host(.ion-focused) .button-native::after{outline:var(--focus-ring-width) solid var(--focus-ring-color)}:host(.ion-activated) .button-native::after{background:var(--background-activated);opacity:var(--background-activated-opacity)}::slotted(ion-icon){width:var(--ion-scale-600, 24px);height:var(--ion-scale-600, 24px)}:host(.tab-button-shape-soft){border-radius:var(--ion-border-radius-200, 8px)}:host(.tab-button-shape-round){border-radius:var(--ion-border-radius-400, 16px)}:host(.tab-button-shape-rectangular){border-radius:var(--ion-border-radius-0, 0px)}";
32872
+ const tabButtonIonicCss = ":host{--ripple-color:var(--color-selected);--background-focused-opacity:1;-ms-flex:1;flex:1;-ms-flex-direction:column;flex-direction:column;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;height:100%;outline:none;background:var(--background);color:var(--color)}.button-native{display:-ms-flexbox;display:flex;position:relative;-ms-flex-direction:inherit;flex-direction:inherit;-ms-flex-align:inherit;align-items:inherit;-ms-flex-pack:inherit;justify-content:inherit;width:100%;height:100%;border:0;outline:none;background:transparent;text-decoration:none;cursor:pointer;overflow:hidden;-webkit-box-sizing:border-box;box-sizing:border-box;-webkit-user-drag:none}.button-inner{display:-ms-flexbox;display:flex;position:relative;-ms-flex-flow:inherit;flex-flow:inherit;-ms-flex-align:inherit;align-items:inherit;-ms-flex-pack:inherit;justify-content:inherit;width:100%;height:100%;z-index:1}:host(.ion-focused) .button-native{color:var(--color-focused)}:host(.ion-focused) .button-native::after{background:var(--background-focused);opacity:var(--background-focused-opacity)}@media (any-hover: hover){a:hover{color:var(--color-selected)}}:host(.tab-selected){color:var(--color-selected)}:host(.tab-hidden){display:none !important}:host(.tab-disabled){pointer-events:none;opacity:0.4}::slotted(ion-label),::slotted(ion-icon){display:block;-ms-flex-item-align:center;align-self:center;max-width:100%;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;-webkit-box-sizing:border-box;box-sizing:border-box}::slotted(ion-label){-ms-flex-order:0;order:0}::slotted(ion-icon){-ms-flex-order:-1;order:-1;height:1em}:host(.tab-has-label-only) ::slotted(ion-label){white-space:normal}::slotted(ion-badge){-webkit-box-sizing:border-box;box-sizing:border-box;position:absolute;z-index:1}:host(.tab-layout-icon-start){-ms-flex-direction:row;flex-direction:row}:host(.tab-layout-icon-end){-ms-flex-direction:row-reverse;flex-direction:row-reverse}:host(.tab-layout-icon-bottom){-ms-flex-direction:column-reverse;flex-direction:column-reverse}:host(.tab-layout-icon-hide) ::slotted(ion-icon){display:none}:host(.tab-layout-label-hide) ::slotted(ion-label){display:none}ion-ripple-effect{color:var(--ripple-color)}:host{--focus-ring-color:var(--ion-border-focus-default, #b5c0f7);--focus-ring-width:var(--ion-border-radius-025, 2px);-ms-flex-line-pack:center;align-content:center;min-height:var(--ion-scale-1200, 48px);max-height:var(--ion-scale-1800, 72px);font-size:var(--ion-font-size-300, 0.75rem);font-weight:var(--ion-font-weight-medium, 500);line-height:var(--ion-font-line-height-500, 20px)}.button-native{border-radius:inherit;margin-left:0;margin-right:0;margin-top:0;margin-bottom:0;-webkit-padding-start:var(--padding-start);padding-inline-start:var(--padding-start);-webkit-padding-end:var(--padding-end);padding-inline-end:var(--padding-end);padding-top:var(--padding-top);padding-bottom:var(--padding-bottom);color:inherit;font-family:inherit;font-size:inherit;font-style:inherit;font-weight:inherit;letter-spacing:inherit;text-align:inherit;text-decoration:inherit;text-indent:inherit;text-overflow:inherit;text-transform:inherit;white-space:inherit;overflow:visible}.button-native::after{right:0;left:0;top:0;bottom:0;position:absolute;content:\"\";opacity:0}.button-native{min-width:var(--ion-scale-1200, 48px);overflow:visible}.button-native::after{border-radius:inherit}:host(.ion-focused) .button-native::after{outline:var(--focus-ring-width) solid var(--focus-ring-color)}:host(.ion-activated) .button-native::after{background:var(--background-activated);opacity:var(--background-activated-opacity)}::slotted(ion-icon){width:var(--ion-scale-600, 24px);height:var(--ion-scale-600, 24px)}:host(.tab-button-shape-soft){border-radius:var(--ion-border-radius-200, 8px)}:host(.tab-button-shape-round){border-radius:var(--ion-border-radius-400, 16px)}:host(.tab-button-shape-rectangular){border-radius:var(--ion-border-radius-0, 0px)}:host ::slotted(ion-badge){inset-inline-start:calc(50% + var(--ion-scale-300, 12px))}:host ::slotted(ion-badge.badge-vertical-top){top:-2px}:host ::slotted(ion-badge.badge-vertical-top:empty){top:calc(var(--ion-scale-100, 4px) * -1)}:host ::slotted(ion-badge.badge-vertical-bottom){top:calc(50% - var(--ion-scale-200, 8px))}:host ::slotted(ion-badge.badge-vertical-bottom:empty){top:calc(50% - var(--ion-scale-100, 4px))}:host ::slotted(ion-badge[vertical]:not(:empty)){-webkit-padding-start:var(--ion-scale-100, 4px);padding-inline-start:var(--ion-scale-100, 4px);-webkit-padding-end:var(--ion-scale-100, 4px);padding-inline-end:var(--ion-scale-100, 4px);padding-top:var(--ion-scale-100, 4px);padding-bottom:var(--ion-scale-100, 4px);display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center}:host(.tab-layout-icon-bottom) ::slotted(ion-badge.badge-vertical-top){top:calc(50% - var(--ion-scale-100, 4px))}:host(.tab-layout-icon-bottom) ::slotted(ion-badge.badge-vertical-bottom){top:calc(50% + var(--ion-scale-100, 4px))}:host(.tab-layout-icon-bottom) ::slotted(ion-badge.badge-vertical-bottom:empty){top:calc(50% + 14px)}";
32825
32873
  var IonTabButtonIonicStyle0 = tabButtonIonicCss;
32826
32874
 
32827
- const tabButtonIosCss = ":host{--ripple-color:var(--color-selected);--background-focused-opacity:1;-ms-flex:1;flex:1;-ms-flex-direction:column;flex-direction:column;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;height:100%;outline:none;background:var(--background);color:var(--color)}.button-native{display:-ms-flexbox;display:flex;position:relative;-ms-flex-direction:inherit;flex-direction:inherit;-ms-flex-align:inherit;align-items:inherit;-ms-flex-pack:inherit;justify-content:inherit;width:100%;height:100%;border:0;outline:none;background:transparent;text-decoration:none;cursor:pointer;overflow:hidden;-webkit-box-sizing:border-box;box-sizing:border-box;-webkit-user-drag:none}.button-inner{display:-ms-flexbox;display:flex;position:relative;-ms-flex-flow:inherit;flex-flow:inherit;-ms-flex-align:inherit;align-items:inherit;-ms-flex-pack:inherit;justify-content:inherit;width:100%;height:100%;z-index:1}:host(.ion-focused) .button-native{color:var(--color-focused)}:host(.ion-focused) .button-native::after{background:var(--background-focused);opacity:var(--background-focused-opacity)}@media (any-hover: hover){a:hover{color:var(--color-selected)}}:host(.tab-selected){color:var(--color-selected)}:host(.tab-hidden){display:none !important}:host(.tab-disabled){pointer-events:none;opacity:0.4}::slotted(ion-label),::slotted(ion-icon){display:block;-ms-flex-item-align:center;align-self:center;max-width:100%;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;-webkit-box-sizing:border-box;box-sizing:border-box}::slotted(ion-label){-ms-flex-order:0;order:0}::slotted(ion-icon){-ms-flex-order:-1;order:-1;height:1em}:host(.tab-has-label-only) ::slotted(ion-label){white-space:normal}::slotted(ion-badge){-webkit-box-sizing:border-box;box-sizing:border-box;position:absolute;z-index:1}:host(.tab-layout-icon-start){-ms-flex-direction:row;flex-direction:row}:host(.tab-layout-icon-end){-ms-flex-direction:row-reverse;flex-direction:row-reverse}:host(.tab-layout-icon-bottom){-ms-flex-direction:column-reverse;flex-direction:column-reverse}:host(.tab-layout-icon-hide) ::slotted(ion-icon){display:none}:host(.tab-layout-label-hide) ::slotted(ion-label){display:none}ion-ripple-effect{color:var(--ripple-color)}.button-native{border-radius:inherit;margin-left:0;margin-right:0;margin-top:0;margin-bottom:0;-webkit-padding-start:var(--padding-start);padding-inline-start:var(--padding-start);-webkit-padding-end:var(--padding-end);padding-inline-end:var(--padding-end);padding-top:var(--padding-top);padding-bottom:var(--padding-bottom);color:inherit;font-family:inherit;font-size:inherit;font-style:inherit;font-weight:inherit;letter-spacing:inherit;text-align:inherit;text-decoration:inherit;text-indent:inherit;text-overflow:inherit;text-transform:inherit;white-space:inherit}.button-native::after{right:0;left:0;top:0;bottom:0;position:absolute;content:\"\";opacity:0}:host{--padding-top:0;--padding-end:2px;--padding-bottom:0;--padding-start:2px;max-width:240px;font-size:10px}::slotted(ion-badge){-webkit-padding-start:6px;padding-inline-start:6px;-webkit-padding-end:6px;padding-inline-end:6px;padding-top:1px;padding-bottom:1px;top:4px;height:auto;font-size:12px;line-height:16px}::slotted(ion-badge){inset-inline-start:calc(50% + 6px)}::slotted(ion-icon){margin-top:2px;margin-bottom:2px;font-size:24px}::slotted(ion-icon::before){vertical-align:top}::slotted(ion-label){margin-top:0;margin-bottom:1px;min-height:11px;font-weight:500}:host(.tab-has-label-only) ::slotted(ion-label){margin-left:0;margin-right:0;margin-top:2px;margin-bottom:2px;font-size:12px;font-size:14px;line-height:1.1}:host(.tab-layout-icon-end) ::slotted(ion-label),:host(.tab-layout-icon-start) ::slotted(ion-label),:host(.tab-layout-icon-hide) ::slotted(ion-label){margin-top:2px;margin-bottom:2px;font-size:14px;line-height:1.1}:host(.tab-layout-icon-end) ::slotted(ion-icon),:host(.tab-layout-icon-start) ::slotted(ion-icon){min-width:24px;height:26px;margin-top:2px;margin-bottom:1px;font-size:24px}:host(.tab-layout-icon-bottom) ::slotted(ion-badge){inset-inline-start:calc(50% + 12px)}:host(.tab-layout-icon-bottom) ::slotted(ion-icon){margin-top:0;margin-bottom:1px}:host(.tab-layout-icon-bottom) ::slotted(ion-label){margin-top:4px}:host(.tab-layout-icon-start) ::slotted(ion-badge),:host(.tab-layout-icon-end) ::slotted(ion-badge){top:10px}:host(.tab-layout-icon-start) ::slotted(ion-badge),:host(.tab-layout-icon-end) ::slotted(ion-badge){inset-inline-start:calc(50% + 35px)}:host(.tab-layout-icon-hide) ::slotted(ion-badge),:host(.tab-has-label-only) ::slotted(ion-badge){top:10px}:host(.tab-layout-icon-hide) ::slotted(ion-badge),:host(.tab-has-label-only) ::slotted(ion-badge){inset-inline-start:calc(50% + 30px)}:host(.tab-layout-label-hide) ::slotted(ion-badge),:host(.tab-has-icon-only) ::slotted(ion-badge){top:10px}:host(.tab-layout-label-hide) ::slotted(ion-icon){margin-left:0;margin-right:0;margin-top:0;margin-bottom:0}:host(.tab-layout-label-hide) ::slotted(ion-icon),:host(.tab-has-icon-only) ::slotted(ion-icon){font-size:30px}";
32875
+ const tabButtonIosCss = ":host{--ripple-color:var(--color-selected);--background-focused-opacity:1;-ms-flex:1;flex:1;-ms-flex-direction:column;flex-direction:column;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;height:100%;outline:none;background:var(--background);color:var(--color)}.button-native{display:-ms-flexbox;display:flex;position:relative;-ms-flex-direction:inherit;flex-direction:inherit;-ms-flex-align:inherit;align-items:inherit;-ms-flex-pack:inherit;justify-content:inherit;width:100%;height:100%;border:0;outline:none;background:transparent;text-decoration:none;cursor:pointer;overflow:hidden;-webkit-box-sizing:border-box;box-sizing:border-box;-webkit-user-drag:none}.button-inner{display:-ms-flexbox;display:flex;position:relative;-ms-flex-flow:inherit;flex-flow:inherit;-ms-flex-align:inherit;align-items:inherit;-ms-flex-pack:inherit;justify-content:inherit;width:100%;height:100%;z-index:1}:host(.ion-focused) .button-native{color:var(--color-focused)}:host(.ion-focused) .button-native::after{background:var(--background-focused);opacity:var(--background-focused-opacity)}@media (any-hover: hover){a:hover{color:var(--color-selected)}}:host(.tab-selected){color:var(--color-selected)}:host(.tab-hidden){display:none !important}:host(.tab-disabled){pointer-events:none;opacity:0.4}::slotted(ion-label),::slotted(ion-icon){display:block;-ms-flex-item-align:center;align-self:center;max-width:100%;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;-webkit-box-sizing:border-box;box-sizing:border-box}::slotted(ion-label){-ms-flex-order:0;order:0}::slotted(ion-icon){-ms-flex-order:-1;order:-1;height:1em}:host(.tab-has-label-only) ::slotted(ion-label){white-space:normal}::slotted(ion-badge){-webkit-box-sizing:border-box;box-sizing:border-box;position:absolute;z-index:1}:host(.tab-layout-icon-start){-ms-flex-direction:row;flex-direction:row}:host(.tab-layout-icon-end){-ms-flex-direction:row-reverse;flex-direction:row-reverse}:host(.tab-layout-icon-bottom){-ms-flex-direction:column-reverse;flex-direction:column-reverse}:host(.tab-layout-icon-hide) ::slotted(ion-icon){display:none}:host(.tab-layout-label-hide) ::slotted(ion-label){display:none}ion-ripple-effect{color:var(--ripple-color)}.button-native{border-radius:inherit;margin-left:0;margin-right:0;margin-top:0;margin-bottom:0;-webkit-padding-start:var(--padding-start);padding-inline-start:var(--padding-start);-webkit-padding-end:var(--padding-end);padding-inline-end:var(--padding-end);padding-top:var(--padding-top);padding-bottom:var(--padding-bottom);color:inherit;font-family:inherit;font-size:inherit;font-style:inherit;font-weight:inherit;letter-spacing:inherit;text-align:inherit;text-decoration:inherit;text-indent:inherit;text-overflow:inherit;text-transform:inherit;white-space:inherit}.button-native::after{right:0;left:0;top:0;bottom:0;position:absolute;content:\"\";opacity:0}:host{--padding-top:0;--padding-end:2px;--padding-bottom:0;--padding-start:2px;max-width:240px;font-size:10px}::slotted(ion-badge:not([vertical])){-webkit-padding-start:6px;padding-inline-start:6px;-webkit-padding-end:6px;padding-inline-end:6px;padding-top:1px;padding-bottom:1px;top:4px;height:auto;font-size:12px;line-height:16px}::slotted(ion-badge:not([vertical])){inset-inline-start:calc(50% + 6px)}:host ::slotted(ion-badge:empty){padding-left:0;padding-right:0;padding-top:0;padding-bottom:0;width:8px;height:8px}:host ::slotted(ion-badge[vertical]){inset-inline-start:calc(50% + 12px)}:host ::slotted(ion-badge.badge-vertical-top){top:2px}:host ::slotted(ion-badge.badge-vertical-top:empty){top:4px}:host ::slotted(ion-badge.badge-vertical-bottom){top:calc(50% - 8px)}:host ::slotted(ion-badge.badge-vertical-bottom:empty){top:calc(50% - 2px)}:host ::slotted(ion-badge[vertical]:not(:empty)){-webkit-padding-start:4px;padding-inline-start:4px;-webkit-padding-end:4px;padding-inline-end:4px;padding-top:4px;padding-bottom:4px;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;min-width:16px;height:16px;font-size:12px}:host(.tab-layout-icon-bottom) ::slotted(ion-badge.badge-vertical-top){top:calc(50% - 4px)}:host(.tab-layout-icon-bottom) ::slotted(ion-badge.badge-vertical-bottom){top:calc(50% + 4px)}:host(.tab-layout-icon-bottom) ::slotted(ion-badge.badge-vertical-bottom:empty){top:calc(50% + 14px)}::slotted(ion-icon){margin-top:2px;margin-bottom:2px;font-size:24px}::slotted(ion-icon::before){vertical-align:top}::slotted(ion-label){margin-top:0;margin-bottom:1px;min-height:11px;font-weight:500}:host(.tab-has-label-only) ::slotted(ion-label){margin-left:0;margin-right:0;margin-top:2px;margin-bottom:2px;font-size:12px;font-size:14px;line-height:1.1}:host(.tab-layout-icon-end) ::slotted(ion-label),:host(.tab-layout-icon-start) ::slotted(ion-label),:host(.tab-layout-icon-hide) ::slotted(ion-label){margin-top:2px;margin-bottom:2px;font-size:14px;line-height:1.1}:host(.tab-layout-icon-end) ::slotted(ion-icon),:host(.tab-layout-icon-start) ::slotted(ion-icon){min-width:24px;height:26px;margin-top:2px;margin-bottom:1px;font-size:24px}:host(.tab-layout-icon-bottom) ::slotted(ion-badge){inset-inline-start:calc(50% + 12px)}:host(.tab-layout-icon-bottom) ::slotted(ion-icon){margin-top:0;margin-bottom:1px}:host(.tab-layout-icon-bottom) ::slotted(ion-label){-webkit-margin-start:4px;margin-inline-start:4px;-webkit-margin-end:4px;margin-inline-end:4px;margin-top:4px;margin-bottom:4px}:host(.tab-layout-icon-start) ::slotted(ion-badge),:host(.tab-layout-icon-end) ::slotted(ion-badge){top:10px}:host(.tab-layout-icon-start) ::slotted(ion-badge),:host(.tab-layout-icon-end) ::slotted(ion-badge){inset-inline-start:calc(50% + 35px)}:host(.tab-layout-icon-hide) ::slotted(ion-badge),:host(.tab-has-label-only) ::slotted(ion-badge){top:10px}:host(.tab-layout-icon-hide) ::slotted(ion-badge),:host(.tab-has-label-only) ::slotted(ion-badge){inset-inline-start:calc(50% + 30px)}:host(.tab-layout-label-hide) ::slotted(ion-badge),:host(.tab-has-icon-only) ::slotted(ion-badge){top:10px}:host(.tab-layout-label-hide) ::slotted(ion-icon){margin-left:0;margin-right:0;margin-top:0;margin-bottom:0}:host(.tab-layout-label-hide) ::slotted(ion-icon),:host(.tab-has-icon-only) ::slotted(ion-icon){font-size:30px}";
32828
32876
  var IonTabButtonIosStyle0 = tabButtonIosCss;
32829
32877
 
32830
- const tabButtonMdCss = ":host{--ripple-color:var(--color-selected);--background-focused-opacity:1;-ms-flex:1;flex:1;-ms-flex-direction:column;flex-direction:column;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;height:100%;outline:none;background:var(--background);color:var(--color)}.button-native{display:-ms-flexbox;display:flex;position:relative;-ms-flex-direction:inherit;flex-direction:inherit;-ms-flex-align:inherit;align-items:inherit;-ms-flex-pack:inherit;justify-content:inherit;width:100%;height:100%;border:0;outline:none;background:transparent;text-decoration:none;cursor:pointer;overflow:hidden;-webkit-box-sizing:border-box;box-sizing:border-box;-webkit-user-drag:none}.button-inner{display:-ms-flexbox;display:flex;position:relative;-ms-flex-flow:inherit;flex-flow:inherit;-ms-flex-align:inherit;align-items:inherit;-ms-flex-pack:inherit;justify-content:inherit;width:100%;height:100%;z-index:1}:host(.ion-focused) .button-native{color:var(--color-focused)}:host(.ion-focused) .button-native::after{background:var(--background-focused);opacity:var(--background-focused-opacity)}@media (any-hover: hover){a:hover{color:var(--color-selected)}}:host(.tab-selected){color:var(--color-selected)}:host(.tab-hidden){display:none !important}:host(.tab-disabled){pointer-events:none;opacity:0.4}::slotted(ion-label),::slotted(ion-icon){display:block;-ms-flex-item-align:center;align-self:center;max-width:100%;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;-webkit-box-sizing:border-box;box-sizing:border-box}::slotted(ion-label){-ms-flex-order:0;order:0}::slotted(ion-icon){-ms-flex-order:-1;order:-1;height:1em}:host(.tab-has-label-only) ::slotted(ion-label){white-space:normal}::slotted(ion-badge){-webkit-box-sizing:border-box;box-sizing:border-box;position:absolute;z-index:1}:host(.tab-layout-icon-start){-ms-flex-direction:row;flex-direction:row}:host(.tab-layout-icon-end){-ms-flex-direction:row-reverse;flex-direction:row-reverse}:host(.tab-layout-icon-bottom){-ms-flex-direction:column-reverse;flex-direction:column-reverse}:host(.tab-layout-icon-hide) ::slotted(ion-icon){display:none}:host(.tab-layout-label-hide) ::slotted(ion-label){display:none}ion-ripple-effect{color:var(--ripple-color)}.button-native{border-radius:inherit;margin-left:0;margin-right:0;margin-top:0;margin-bottom:0;-webkit-padding-start:var(--padding-start);padding-inline-start:var(--padding-start);-webkit-padding-end:var(--padding-end);padding-inline-end:var(--padding-end);padding-top:var(--padding-top);padding-bottom:var(--padding-bottom);color:inherit;font-family:inherit;font-size:inherit;font-style:inherit;font-weight:inherit;letter-spacing:inherit;text-align:inherit;text-decoration:inherit;text-indent:inherit;text-overflow:inherit;text-transform:inherit;white-space:inherit}.button-native::after{right:0;left:0;top:0;bottom:0;position:absolute;content:\"\";opacity:0}:host{--padding-top:0;--padding-end:12px;--padding-bottom:0;--padding-start:12px;max-width:168px;font-size:12px;font-weight:normal;letter-spacing:0.03em}::slotted(ion-label){margin-left:0;margin-right:0;margin-top:2px;margin-bottom:2px;text-transform:none}::slotted(ion-icon){margin-left:0;margin-right:0;margin-top:16px;margin-bottom:16px;-webkit-transform-origin:center center;transform-origin:center center;font-size:22px}:host-context([dir=rtl]) ::slotted(ion-icon){-webkit-transform-origin:calc(100% - center) center;transform-origin:calc(100% - center) center}[dir=rtl] ::slotted(ion-icon){-webkit-transform-origin:calc(100% - center) center;transform-origin:calc(100% - center) center}@supports selector(:dir(rtl)){::slotted(ion-icon):dir(rtl){-webkit-transform-origin:calc(100% - center) center;transform-origin:calc(100% - center) center}}::slotted(ion-badge){border-radius:8px;-webkit-padding-start:2px;padding-inline-start:2px;-webkit-padding-end:2px;padding-inline-end:2px;padding-top:3px;padding-bottom:2px;top:8px;min-width:12px;font-size:8px;font-weight:normal}::slotted(ion-badge){inset-inline-start:calc(50% + 6px)}::slotted(ion-badge:empty){display:block;min-width:8px;height:8px}:host(.tab-layout-icon-top) ::slotted(ion-icon){margin-top:6px;margin-bottom:2px}:host(.tab-layout-icon-top) ::slotted(ion-label){margin-top:0;margin-bottom:6px}:host(.tab-layout-icon-bottom) ::slotted(ion-badge){top:8px}:host(.tab-layout-icon-bottom) ::slotted(ion-badge){inset-inline-start:70%}:host(.tab-layout-icon-bottom) ::slotted(ion-icon){margin-top:0;margin-bottom:6px}:host(.tab-layout-icon-bottom) ::slotted(ion-label){margin-top:6px;margin-bottom:0}:host(.tab-layout-icon-start) ::slotted(ion-badge),:host(.tab-layout-icon-end) ::slotted(ion-badge){top:16px}:host(.tab-layout-icon-start) ::slotted(ion-badge),:host(.tab-layout-icon-end) ::slotted(ion-badge){inset-inline-start:80%}:host(.tab-layout-icon-start) ::slotted(ion-icon){-webkit-margin-end:6px;margin-inline-end:6px}:host(.tab-layout-icon-end) ::slotted(ion-icon){-webkit-margin-start:6px;margin-inline-start:6px}:host(.tab-layout-icon-hide) ::slotted(ion-badge),:host(.tab-has-label-only) ::slotted(ion-badge){top:16px}:host(.tab-layout-icon-hide) ::slotted(ion-badge),:host(.tab-has-label-only) ::slotted(ion-badge){inset-inline-start:70%}:host(.tab-layout-icon-hide) ::slotted(ion-label),:host(.tab-has-label-only) ::slotted(ion-label){margin-top:0;margin-bottom:0}:host(.tab-layout-label-hide) ::slotted(ion-badge),:host(.tab-has-icon-only) ::slotted(ion-badge){top:16px}:host(.tab-layout-label-hide) ::slotted(ion-icon),:host(.tab-has-icon-only) ::slotted(ion-icon){margin-top:0;margin-bottom:0;font-size:24px}";
32878
+ const tabButtonMdCss = ":host{--ripple-color:var(--color-selected);--background-focused-opacity:1;-ms-flex:1;flex:1;-ms-flex-direction:column;flex-direction:column;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;height:100%;outline:none;background:var(--background);color:var(--color)}.button-native{display:-ms-flexbox;display:flex;position:relative;-ms-flex-direction:inherit;flex-direction:inherit;-ms-flex-align:inherit;align-items:inherit;-ms-flex-pack:inherit;justify-content:inherit;width:100%;height:100%;border:0;outline:none;background:transparent;text-decoration:none;cursor:pointer;overflow:hidden;-webkit-box-sizing:border-box;box-sizing:border-box;-webkit-user-drag:none}.button-inner{display:-ms-flexbox;display:flex;position:relative;-ms-flex-flow:inherit;flex-flow:inherit;-ms-flex-align:inherit;align-items:inherit;-ms-flex-pack:inherit;justify-content:inherit;width:100%;height:100%;z-index:1}:host(.ion-focused) .button-native{color:var(--color-focused)}:host(.ion-focused) .button-native::after{background:var(--background-focused);opacity:var(--background-focused-opacity)}@media (any-hover: hover){a:hover{color:var(--color-selected)}}:host(.tab-selected){color:var(--color-selected)}:host(.tab-hidden){display:none !important}:host(.tab-disabled){pointer-events:none;opacity:0.4}::slotted(ion-label),::slotted(ion-icon){display:block;-ms-flex-item-align:center;align-self:center;max-width:100%;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;-webkit-box-sizing:border-box;box-sizing:border-box}::slotted(ion-label){-ms-flex-order:0;order:0}::slotted(ion-icon){-ms-flex-order:-1;order:-1;height:1em}:host(.tab-has-label-only) ::slotted(ion-label){white-space:normal}::slotted(ion-badge){-webkit-box-sizing:border-box;box-sizing:border-box;position:absolute;z-index:1}:host(.tab-layout-icon-start){-ms-flex-direction:row;flex-direction:row}:host(.tab-layout-icon-end){-ms-flex-direction:row-reverse;flex-direction:row-reverse}:host(.tab-layout-icon-bottom){-ms-flex-direction:column-reverse;flex-direction:column-reverse}:host(.tab-layout-icon-hide) ::slotted(ion-icon){display:none}:host(.tab-layout-label-hide) ::slotted(ion-label){display:none}ion-ripple-effect{color:var(--ripple-color)}.button-native{border-radius:inherit;margin-left:0;margin-right:0;margin-top:0;margin-bottom:0;-webkit-padding-start:var(--padding-start);padding-inline-start:var(--padding-start);-webkit-padding-end:var(--padding-end);padding-inline-end:var(--padding-end);padding-top:var(--padding-top);padding-bottom:var(--padding-bottom);color:inherit;font-family:inherit;font-size:inherit;font-style:inherit;font-weight:inherit;letter-spacing:inherit;text-align:inherit;text-decoration:inherit;text-indent:inherit;text-overflow:inherit;text-transform:inherit;white-space:inherit}.button-native::after{right:0;left:0;top:0;bottom:0;position:absolute;content:\"\";opacity:0}:host{--padding-top:0;--padding-end:12px;--padding-bottom:0;--padding-start:12px;max-width:168px;font-size:12px;font-weight:normal;letter-spacing:0.03em}::slotted(ion-label){margin-left:0;margin-right:0;margin-top:2px;margin-bottom:2px;text-transform:none}::slotted(ion-icon){margin-left:0;margin-right:0;margin-top:16px;margin-bottom:16px;-webkit-transform-origin:center center;transform-origin:center center;font-size:22px}:host-context([dir=rtl]) ::slotted(ion-icon){-webkit-transform-origin:calc(100% - center) center;transform-origin:calc(100% - center) center}[dir=rtl] ::slotted(ion-icon){-webkit-transform-origin:calc(100% - center) center;transform-origin:calc(100% - center) center}@supports selector(:dir(rtl)){::slotted(ion-icon):dir(rtl){-webkit-transform-origin:calc(100% - center) center;transform-origin:calc(100% - center) center}}::slotted(ion-badge){border-radius:8px;-webkit-padding-start:2px;padding-inline-start:2px;-webkit-padding-end:2px;padding-inline-end:2px;padding-top:3px;padding-bottom:2px;top:8px;min-width:12px;font-size:8px;font-weight:normal}::slotted(ion-badge){inset-inline-start:calc(50% + 6px)}::slotted(ion-badge:empty){display:block;min-width:8px;height:8px}:host ::slotted(ion-badge[vertical=bottom]){top:calc(50% - 8px)}:host ::slotted(ion-badge[vertical=bottom]:empty){top:calc(50% - 4px)}:host(.tab-layout-icon-bottom) ::slotted(ion-badge[vertical=top]){top:calc(50% - 4px)}:host(.tab-layout-icon-bottom) ::slotted(ion-badge[vertical=top]){inset-inline-start:calc(50% + 6px)}:host(.tab-layout-icon-bottom) ::slotted(ion-badge[vertical=bottom]){top:calc(50% + 4px)}:host(.tab-layout-icon-bottom) ::slotted(ion-badge[vertical=bottom]){inset-inline-start:calc(50% + 6px)}:host(.tab-layout-icon-bottom) ::slotted(ion-badge[vertical=bottom]:empty){top:calc(50% + 12px)}:host(.tab-layout-icon-bottom) ::slotted(ion-badge[vertical=bottom]:empty){inset-inline-start:calc(50% + 6px)}:host(.tab-layout-icon-top) ::slotted(ion-icon){margin-top:6px;margin-bottom:2px}:host(.tab-layout-icon-top) ::slotted(ion-label){margin-top:0;margin-bottom:6px}:host(.tab-layout-icon-bottom) ::slotted(ion-badge){top:8px}:host(.tab-layout-icon-bottom) ::slotted(ion-badge){inset-inline-start:70%}:host(.tab-layout-icon-bottom) ::slotted(ion-icon){margin-top:0;margin-bottom:6px}:host(.tab-layout-icon-bottom) ::slotted(ion-label){margin-top:6px;margin-bottom:0}:host(.tab-layout-icon-start) ::slotted(ion-badge),:host(.tab-layout-icon-end) ::slotted(ion-badge){top:16px}:host(.tab-layout-icon-start) ::slotted(ion-badge),:host(.tab-layout-icon-end) ::slotted(ion-badge){inset-inline-start:80%}:host(.tab-layout-icon-start) ::slotted(ion-icon){-webkit-margin-end:6px;margin-inline-end:6px}:host(.tab-layout-icon-end) ::slotted(ion-icon){-webkit-margin-start:6px;margin-inline-start:6px}:host(.tab-layout-icon-hide) ::slotted(ion-badge),:host(.tab-has-label-only) ::slotted(ion-badge){top:16px}:host(.tab-layout-icon-hide) ::slotted(ion-badge),:host(.tab-has-label-only) ::slotted(ion-badge){inset-inline-start:70%}:host(.tab-layout-icon-hide) ::slotted(ion-label),:host(.tab-has-label-only) ::slotted(ion-label){margin-top:0;margin-bottom:0}:host(.tab-layout-label-hide) ::slotted(ion-badge),:host(.tab-has-icon-only) ::slotted(ion-badge){top:16px}:host(.tab-layout-label-hide) ::slotted(ion-icon),:host(.tab-has-icon-only) ::slotted(ion-icon){margin-top:0;margin-bottom:0;font-size:24px}";
32831
32879
  var IonTabButtonMdStyle0 = tabButtonMdCss;
32832
32880
 
32833
32881
  /**
@@ -32912,7 +32960,7 @@ class TabButton {
32912
32960
  rel,
32913
32961
  target,
32914
32962
  };
32915
- return (hAsync(Host, { key: '4e7abd4c071c46f6724d739baec786c93b26c454', onClick: this.onClick, onKeyup: this.onKeyUp, id: tab !== undefined ? `tab-button-${tab}` : null, class: {
32963
+ return (hAsync(Host, { key: '62e148e12c4aa02e190cfa80903536e330e293cb', onClick: this.onClick, onKeyup: this.onKeyUp, id: tab !== undefined ? `tab-button-${tab}` : null, class: {
32916
32964
  [theme]: true,
32917
32965
  'tab-selected': selected,
32918
32966
  'tab-disabled': disabled,
@@ -32925,7 +32973,7 @@ class TabButton {
32925
32973
  'ion-selectable': true,
32926
32974
  [`tab-button-shape-${shape}`]: shape !== undefined,
32927
32975
  'ion-focusable': true,
32928
- } }, hAsync("a", Object.assign({ key: 'f806775099d72b77b62f2ba9b1988dc9fc31ed65' }, attrs, { class: "button-native", part: "native", role: "tab", "aria-selected": selected ? 'true' : null, "aria-disabled": disabled ? 'true' : null, tabindex: disabled ? '-1' : undefined }, inheritedAttributes), hAsync("span", { key: '4e63dff5e5cec1ac665e85cb48f6123f1d899dab', class: "button-inner" }, hAsync("slot", { key: 'b0cc954330666fcd70229af68b62551bdd5738e2' })), theme === 'md' && hAsync("ion-ripple-effect", { key: '825b3097c313443dcd9335fe7d3c50450c20d245', type: "unbounded" }))));
32976
+ } }, hAsync("a", Object.assign({ key: '5d82c19368f5a18390e152909703a2632d7afa30' }, attrs, { class: "button-native", part: "native", role: "tab", "aria-selected": selected ? 'true' : null, "aria-disabled": disabled ? 'true' : null, tabindex: disabled ? '-1' : undefined }, inheritedAttributes), hAsync("span", { key: 'bf21a75e155df69282d29602a1d4c4790a286e57', class: "button-inner" }, hAsync("slot", { key: '1435aea0ad55a2c11b08f709a8ce1b3cc7f294bd' })), theme === 'md' && hAsync("ion-ripple-effect", { key: 'aaefa817f6452dddeb2a33cd541fbecd22fb8d41', type: "unbounded" }))));
32929
32977
  }
32930
32978
  get el() { return getElement(this); }
32931
32979
  static get style() { return {
@@ -33106,7 +33154,7 @@ class Tabs {
33106
33154
  return Array.from(this.el.querySelectorAll('ion-tab'));
33107
33155
  }
33108
33156
  render() {
33109
- return (hAsync(Host, { key: '4bbac0bb46eb3d9dec1ba4176a8d59b0720f2df6', onIonTabButtonClick: this.onTabClicked }, hAsync("slot", { key: '7b865c557d9d3363c04406d97a8c7d2103fa5f53', name: "top" }), hAsync("div", { key: '4494d4b3dc732ec1351f98a1fd77c80906171b24', class: "tabs-inner" }, hAsync("slot", { key: '080731249b3ad698c4f633925f49fdc4bc857b8c' })), hAsync("slot", { key: 'c60f36a22fab141330a2b7a441551629f1f0a2c5', name: "bottom" })));
33157
+ return (hAsync(Host, { key: 'd441cc872422c45850116b2d8e19197c8abcca2a', onIonTabButtonClick: this.onTabClicked }, hAsync("slot", { key: 'f2d4ede00fe5aa30e4142a23ca74ca0808903431', name: "top" }), hAsync("div", { key: '2414e278552ecbb01f96146c4d4e0f4340b0627f', class: "tabs-inner" }, hAsync("slot", { key: 'bf148893a62f8bd9fb36d8fed1f985ed6c14f34e' })), hAsync("slot", { key: '5a1001048b4307afd6616f19f6176e53a8c8d271', name: "bottom" })));
33110
33158
  }
33111
33159
  get el() { return getElement(this); }
33112
33160
  static get style() { return IonTabsStyle0; }
@@ -33149,9 +33197,9 @@ class Text {
33149
33197
  }
33150
33198
  render() {
33151
33199
  const theme = getIonTheme(this);
33152
- return (hAsync(Host, { key: 'c979538e87f4fffb03733bf29fc5980af9beacc9', class: createColorClasses$1(this.color, {
33200
+ return (hAsync(Host, { key: 'eebd96b69179ee48c5fdaef97c025e5d9dc14103', class: createColorClasses$1(this.color, {
33153
33201
  [theme]: true,
33154
- }) }, hAsync("slot", { key: 'cae96705b78686cd11e2a6c0d6aae4b971c7c4f0' })));
33202
+ }) }, hAsync("slot", { key: '2d5cf914cea96efbb2d82177227ef184da7af9d4' })));
33155
33203
  }
33156
33204
  static get style() { return IonTextStyle0; }
33157
33205
  static get cmpMeta() { return {
@@ -33567,7 +33615,7 @@ class Textarea {
33567
33615
  * TODO(FW-5592): Remove hasStartEndSlots condition
33568
33616
  */
33569
33617
  const labelShouldFloat = labelPlacement === 'stacked' || (labelPlacement === 'floating' && (hasValue || hasFocus || hasStartEndSlots));
33570
- return (hAsync(Host, { key: '2652d19f549f12f264c19cb1c5b0eda99e049cf8', class: createColorClasses$1(this.color, {
33618
+ return (hAsync(Host, { key: '5b0ad5990d051dac2d08c4ad54cf3b66fed5fc0d', class: createColorClasses$1(this.color, {
33571
33619
  [theme]: true,
33572
33620
  'has-value': hasValue,
33573
33621
  'has-focus': hasFocus,
@@ -33578,7 +33626,7 @@ class Textarea {
33578
33626
  [`textarea-label-placement-${labelPlacement}`]: true,
33579
33627
  'textarea-disabled': disabled,
33580
33628
  'textarea-readonly': readonly,
33581
- }) }, hAsync("label", { key: '1eb89164c2d53af00a85ce6b880a413c0f4898b3', class: "textarea-wrapper", htmlFor: inputId }, this.renderLabelContainer(), hAsync("div", { key: '3ab25672b3c8b31c51ee87488d4440734637f2b7', class: "textarea-wrapper-inner" },
33629
+ }) }, hAsync("label", { key: 'd7ad3ebb169bdcdd553f9d848728ffdf343b0508', class: "textarea-wrapper", htmlFor: inputId }, this.renderLabelContainer(), hAsync("div", { key: '6557443b4ec5d3478ffd019a488362ed644ba5cb', class: "textarea-wrapper-inner" },
33582
33630
  /**
33583
33631
  * For the ionic theme, we render the outline container here
33584
33632
  * instead of higher up, so it can be positioned relative to
@@ -33588,7 +33636,7 @@ class Textarea {
33588
33636
  * <label> element, ensuring that clicking the label text
33589
33637
  * focuses the textarea.
33590
33638
  */
33591
- theme === 'ionic' && fill === 'outline' && hAsync("div", { key: '7cf7c653e3b2c9627e3431936261fbcb920fb282', class: "textarea-outline" }), hAsync("div", { key: '1ff9167f83647411daff8a77c1cfed8dfc9bb769', class: "start-slot-wrapper" }, hAsync("slot", { key: 'e7e3d890849428292b732d5f2bf1b63a077634e6', name: "start" })), hAsync("div", { key: 'a039fba5f428e052c9e13b5e0315de7001e1f216', class: "native-wrapper", ref: (el) => (this.textareaWrapper = el) }, hAsync("textarea", Object.assign({ key: '58d05f8b262c5b671f0a77ef11664bcb492049ae', class: "native-textarea", ref: (el) => (this.nativeInput = el), id: inputId, disabled: disabled, autoCapitalize: this.autocapitalize, autoFocus: this.autofocus, enterKeyHint: this.enterkeyhint, inputMode: this.inputmode, minLength: this.minlength, maxLength: this.maxlength, name: this.name, placeholder: this.placeholder || '', readOnly: this.readonly, required: this.required, spellcheck: this.spellcheck, cols: this.cols, rows: this.rows, wrap: this.wrap, onInput: this.onInput, onChange: this.onChange, onBlur: this.onBlur, onFocus: this.onFocus, onKeyDown: this.onKeyDown, "aria-describedby": this.getHintTextID(), "aria-invalid": this.getHintTextID() === this.errorTextId }, this.inheritedAttributes), value)), hAsync("div", { key: 'f20f419b14e6788ac0c25c9bb0147ad5f74b76af', class: "end-slot-wrapper" }, hAsync("slot", { key: '2b939919986dfcbdf4f0dc16fc8dd7c3af20c6bf', name: "end" }))), shouldRenderHighlight && hAsync("div", { key: 'eae78b457cc84408cd398f5ec5d88f3ab4e80d66', class: "textarea-highlight" })), this.renderBottomContent()));
33639
+ theme === 'ionic' && fill === 'outline' && hAsync("div", { key: '55bc54982427a321f3a05fcbd572f132392625e9', class: "textarea-outline" }), hAsync("div", { key: 'a21b17f6b9dab624fb52e4f81480065424eacb9c', class: "start-slot-wrapper" }, hAsync("slot", { key: '1e1d9118c10e295b55a293e728ae017cd05d67f5', name: "start" })), hAsync("div", { key: '48878569cc73cd1e889c92c59998a3df22e090ce', class: "native-wrapper", ref: (el) => (this.textareaWrapper = el) }, hAsync("textarea", Object.assign({ key: '2ab2b1a0fc4d0a3af58f913501aac9601142b08a', class: "native-textarea", ref: (el) => (this.nativeInput = el), id: inputId, disabled: disabled, autoCapitalize: this.autocapitalize, autoFocus: this.autofocus, enterKeyHint: this.enterkeyhint, inputMode: this.inputmode, minLength: this.minlength, maxLength: this.maxlength, name: this.name, placeholder: this.placeholder || '', readOnly: this.readonly, required: this.required, spellcheck: this.spellcheck, cols: this.cols, rows: this.rows, wrap: this.wrap, onInput: this.onInput, onChange: this.onChange, onBlur: this.onBlur, onFocus: this.onFocus, onKeyDown: this.onKeyDown, "aria-describedby": this.getHintTextID(), "aria-invalid": this.getHintTextID() === this.errorTextId }, this.inheritedAttributes), value)), hAsync("div", { key: 'c8fd679b2fe066d6b2a151ccba36afa320ac2061', class: "end-slot-wrapper" }, hAsync("slot", { key: '7a7c887ac2aabe8faaf8a5a93bc64b5740052db4', name: "end" }))), shouldRenderHighlight && hAsync("div", { key: '62dfb83f2f812eadd5114e0815672947def8e5e6', class: "textarea-highlight" })), this.renderBottomContent()));
33592
33640
  }
33593
33641
  get el() { return getElement(this); }
33594
33642
  static get watchers() { return {
@@ -33658,9 +33706,9 @@ class Thumbnail {
33658
33706
  }
33659
33707
  render() {
33660
33708
  const theme = getIonTheme(this);
33661
- return (hAsync(Host, { key: '72efa5c113eb2e88ac94040dc7cc558aac1953e0', class: {
33709
+ return (hAsync(Host, { key: '25e4caa136d1557b27ce8853440db4ab5af0871b', class: {
33662
33710
  [theme]: true,
33663
- } }, hAsync("slot", { key: '4f6060eeb1a0b8e124988ecb4ac6eefb8cc30e06' })));
33711
+ } }, hAsync("slot", { key: '95d9f15cf19c4bdb35043e04038a52f8a99ce935' })));
33664
33712
  }
33665
33713
  static get style() { return IonThumbnailStyle0; }
33666
33714
  static get cmpMeta() { return {
@@ -34515,9 +34563,9 @@ class Toast {
34515
34563
  if (layout === 'stacked' && startButtons.length > 0 && endButtons.length > 0) {
34516
34564
  printIonWarning('This toast is using start and end buttons with the stacked toast layout. We recommend following the best practice of using either start or end buttons with the stacked toast layout.', el);
34517
34565
  }
34518
- return (hAsync(Host, Object.assign({ key: '349d37ec7032b226fac7ffec912589a35f5299c0', tabindex: "-1" }, this.htmlAttributes, { style: {
34566
+ return (hAsync(Host, Object.assign({ key: '9753af7c05dcf5eec0dc0cb938e1c8e6f0455a8e', tabindex: "-1" }, this.htmlAttributes, { style: {
34519
34567
  zIndex: `${60000 + this.overlayIndex}`,
34520
- }, class: createColorClasses$1(this.color, Object.assign(Object.assign({ [mode]: true, [theme]: true }, getClassMap(this.cssClass)), { 'overlay-hidden': true, 'toast-translucent': this.translucent, [`toast-shape-${shape}`]: shape !== undefined })), onIonToastWillDismiss: this.dispatchCancelHandler }), hAsync("div", { key: '3af993caac8e635a41cc07c0286b47ecae613cfb', class: wrapperClass }, hAsync("div", { key: '5b7f6a4b3b52366a249b2cbdc09d26c2cafe6ddb', class: "toast-container", part: "container" }, this.renderButtons(startButtons, 'start'), this.icon !== undefined && (hAsync("ion-icon", { key: '2eba5f483c171b30d3ac9af2c72e7b118a96f297', class: "toast-icon", part: "icon", icon: this.icon, lazy: false, "aria-hidden": "true" })), hAsync("div", { key: '2bbe04bf31334c04203818400b71c03daaa0f30b', class: "toast-content", role: "status", "aria-atomic": "true", "aria-live": "polite" }, !revealContentToScreenReader && header !== undefined && this.renderHeader('oldHeader', 'true'), !revealContentToScreenReader && message !== undefined && this.renderToastMessage('oldMessage', 'true'), revealContentToScreenReader && header !== undefined && this.renderHeader('header'), revealContentToScreenReader && message !== undefined && this.renderToastMessage('header')), this.renderButtons(endButtons, 'end')))));
34568
+ }, class: createColorClasses$1(this.color, Object.assign(Object.assign({ [mode]: true, [theme]: true }, getClassMap(this.cssClass)), { 'overlay-hidden': true, 'toast-translucent': this.translucent, [`toast-shape-${shape}`]: shape !== undefined })), onIonToastWillDismiss: this.dispatchCancelHandler }), hAsync("div", { key: '2f1c21faa8e18bf3baa2620f777b8c54af26dcd5', class: wrapperClass }, hAsync("div", { key: 'a3842ffe10ffe049760bf38a93fdf031a33db8b1', class: "toast-container", part: "container" }, this.renderButtons(startButtons, 'start'), this.icon !== undefined && (hAsync("ion-icon", { key: 'ae48d0e813aa6e99437462f6c08bc0d70536a1ae', class: "toast-icon", part: "icon", icon: this.icon, lazy: false, "aria-hidden": "true" })), hAsync("div", { key: '2a1ef4809a4d98cc046e5264a7a0e501a0deacbd', class: "toast-content", role: "status", "aria-atomic": "true", "aria-live": "polite" }, !revealContentToScreenReader && header !== undefined && this.renderHeader('oldHeader', 'true'), !revealContentToScreenReader && message !== undefined && this.renderToastMessage('oldMessage', 'true'), revealContentToScreenReader && header !== undefined && this.renderHeader('header'), revealContentToScreenReader && message !== undefined && this.renderToastMessage('header')), this.renderButtons(endButtons, 'end')))));
34521
34569
  }
34522
34570
  get el() { return getElement(this); }
34523
34571
  static get watchers() { return {
@@ -34830,7 +34878,7 @@ class Toggle {
34830
34878
  const rtl = isRTL$1(el) ? 'rtl' : 'ltr';
34831
34879
  const isIonicTheme = theme === 'ionic';
34832
34880
  renderHiddenInput(true, el, name, checked ? value : '', disabled);
34833
- return (hAsync(Host, { key: '6d5dbfb486c94700fa2a2d8973eece426ed27581', "aria-describedby": this.getHintTextID(), "aria-invalid": this.getHintTextID() === this.errorTextId, onClick: this.onClick, class: createColorClasses$1(color, {
34881
+ return (hAsync(Host, { key: 'e4b7a9eed1d3f07170062ab63cd98b9f0ff17e35', "aria-describedby": this.getHintTextID(), "aria-invalid": this.getHintTextID() === this.errorTextId, onClick: this.onClick, class: createColorClasses$1(color, {
34834
34882
  [theme]: true,
34835
34883
  'in-item': hostContext('ion-item', el),
34836
34884
  'toggle-activated': activated,
@@ -34842,10 +34890,10 @@ class Toggle {
34842
34890
  [`toggle-${rtl}`]: true,
34843
34891
  'ion-activatable': isIonicTheme,
34844
34892
  'ion-focusable': isIonicTheme,
34845
- }) }, hAsync("label", { key: '4f3f8780e0021b401eb66fdc39bfb6b8252bbaef', class: "toggle-wrapper" }, hAsync("input", Object.assign({ key: '3164d3b6b779b5fe3038c445f528df3b70b65dfe', type: "checkbox", role: "switch", "aria-checked": `${checked}`, checked: checked, disabled: disabled, id: inputId, onFocus: () => this.onFocus(), onBlur: () => this.onBlur(), ref: (focusEl) => (this.focusEl = focusEl), required: required }, this.inheritedAttributes)), hAsync("div", { key: 'f25bf2e6217baa5757913e65cd91a58561a31ec1', class: {
34893
+ }) }, hAsync("label", { key: '007a4ac8ac231b58416b572492c25cb176fd92ea', class: "toggle-wrapper" }, hAsync("input", Object.assign({ key: '85406e8d7f02c3aeb10ab897cd9fe003ccab95b8', type: "checkbox", role: "switch", "aria-checked": `${checked}`, checked: checked, disabled: disabled, id: inputId, onFocus: () => this.onFocus(), onBlur: () => this.onBlur(), ref: (focusEl) => (this.focusEl = focusEl), required: required }, this.inheritedAttributes)), hAsync("div", { key: 'a82e1b76f556bc72aeef8d9e5e0ba5bf2ae879ff', class: {
34846
34894
  'label-text-wrapper': true,
34847
34895
  'label-text-wrapper-hidden': !this.hasLabel,
34848
- }, part: "label" }, hAsync("slot", { key: 'ce9f4770882691bb66f487401fc04504bb5702e9' }), this.renderHintText()), hAsync("div", { key: '8fe2b2684663970867cccabdef5facf2395ad6b7', class: "native-wrapper" }, this.renderToggleControl()))));
34896
+ }, part: "label" }, hAsync("slot", { key: '63b402f2839c722992904c60233239e7fa429b80' }), this.renderHintText()), hAsync("div", { key: '51a5564239e42791e50fbe187e78ca76fa88093f', class: "native-wrapper" }, this.renderToggleControl()))));
34849
34897
  }
34850
34898
  get el() { return getElement(this); }
34851
34899
  static get watchers() { return {
@@ -34961,10 +35009,10 @@ class Toolbar {
34961
35009
  this.childrenStyles.forEach((value) => {
34962
35010
  Object.assign(childStyles, value);
34963
35011
  });
34964
- return (hAsync(Host, { key: '3b4f8967344a418ac43def3493c954a4c8dd86aa', class: Object.assign(Object.assign({}, childStyles), createColorClasses$1(this.color, {
35012
+ return (hAsync(Host, { key: '6368640c5bcc3515d628c24116912e7ba1e79a00', class: Object.assign(Object.assign({}, childStyles), createColorClasses$1(this.color, {
34965
35013
  [theme]: true,
34966
35014
  'in-toolbar': hostContext('ion-toolbar', this.el),
34967
- })) }, hAsync("div", { key: 'a15650bf013f1804b8e47acd67fd396dba09f357', class: "toolbar-background", part: "background" }), hAsync("div", { key: '8f4f2c1bc0d49fccfb6f7e4584cf981e6a63de34', class: "toolbar-container", part: "container" }, hAsync("slot", { key: 'e7d50dbeb1b66dc0c09ee859aa96ea28edb2ba67', name: "start" }), hAsync("slot", { key: '25a6034473e9b346094869668c88a8f2517f5556', name: "secondary" }), hAsync("div", { key: '0d44a53b9c53b988c63b780a3bb7e05b1c77960e', class: "toolbar-content", part: "content" }, hAsync("slot", { key: '000fdbf93f851db03c301622f259b9b06f304e0c' })), hAsync("slot", { key: 'b193a5c0a8c478a4e19e384020bf25e04ed389b0', name: "primary" }), hAsync("slot", { key: 'f890768301b24e36f9098ce52a02610990771978', name: "end" }))));
35015
+ })) }, hAsync("div", { key: '139edd9fb7a7c42d94dd79e783d841b052abb245', class: "toolbar-background", part: "background" }), hAsync("div", { key: '72716d4a9af0191d6083d1a2444cea42e4521127', class: "toolbar-container", part: "container" }, hAsync("slot", { key: '5049c3e4235dd52b80b50f87b74f58c03fc53c00', name: "start" }), hAsync("slot", { key: 'cf43c31b7d81dfb49e0fdf987978c621fc563213', name: "secondary" }), hAsync("div", { key: '34bd76bdb954adcecb4a9c263584733d617e5988', class: "toolbar-content", part: "content" }, hAsync("slot", { key: 'a63dfc76eb070c680426e3fe6b8efc9bec9a69ac' })), hAsync("slot", { key: 'bb0a4cb83c30d206489c2dcfb6238481ccfc51af', name: "primary" }), hAsync("slot", { key: 'e3c632b6810493f714ec632d17b878740874e919', name: "end" }))));
34968
35016
  }
34969
35017
  get el() { return getElement(this); }
34970
35018
  static get style() { return {
@@ -35022,11 +35070,11 @@ class ToolbarTitle {
35022
35070
  render() {
35023
35071
  const theme = getIonTheme(this);
35024
35072
  const size = this.getSize();
35025
- return (hAsync(Host, { key: 'b26bd35cd24ef0c8c31c03266c94a7eb9637d411', class: createColorClasses$1(this.color, {
35073
+ return (hAsync(Host, { key: '4fbaa288cb8de08bf35d6cc8e591adfdd4b95f69', class: createColorClasses$1(this.color, {
35026
35074
  [theme]: true,
35027
35075
  [`title-${size}`]: true,
35028
35076
  'title-rtl': document.dir === 'rtl',
35029
- }) }, hAsync("div", { key: '27658eb5ac98cb1b3e224f5dded690f665c441ae', class: "toolbar-title" }, hAsync("slot", { key: '7615217333fda441355ec9b99ced1c7852522287' }))));
35077
+ }) }, hAsync("div", { key: '701a9b762a04d4bbccf3c0aeaa33be296827ae2b', class: "toolbar-title" }, hAsync("slot", { key: '8998a07f0e81e0e920165c644b06ff3aa3a625c7' }))));
35030
35078
  }
35031
35079
  get el() { return getElement(this); }
35032
35080
  static get watchers() { return {
@@ -35075,6 +35123,7 @@ registerComponents([
35075
35123
  Content,
35076
35124
  Datetime,
35077
35125
  DatetimeButton,
35126
+ Divider,
35078
35127
  Fab,
35079
35128
  FabButton,
35080
35129
  FabList,