@ionic/core 8.7.4-dev.11757083062.19f546ed → 8.7.4-dev.11757430138.13649dec

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 (238) hide show
  1. package/components/backdrop.js +1 -1
  2. package/components/button.js +1 -1
  3. package/components/buttons.js +1 -1
  4. package/components/checkbox.js +1 -1
  5. package/components/header.js +1 -1
  6. package/components/ion-accordion-group.js +1 -1
  7. package/components/ion-accordion.js +1 -1
  8. package/components/ion-avatar.js +1 -1
  9. package/components/ion-badge.js +1 -1
  10. package/components/ion-card-content.js +1 -1
  11. package/components/ion-card-header.js +1 -1
  12. package/components/ion-card-subtitle.js +1 -1
  13. package/components/ion-card.js +1 -1
  14. package/components/ion-chip.js +1 -1
  15. package/components/ion-col.js +48 -47
  16. package/components/ion-datetime.js +1 -1
  17. package/components/ion-divider.js +1 -1
  18. package/components/ion-input-otp.js +1 -1
  19. package/components/ion-input-password-toggle.js +1 -1
  20. package/components/ion-input.js +1 -1
  21. package/components/ion-item-option.js +1 -1
  22. package/components/ion-item-options.js +1 -1
  23. package/components/ion-menu-button.js +1 -1
  24. package/components/ion-progress-bar.js +1 -1
  25. package/components/ion-range.js +1 -1
  26. package/components/ion-row.js +1 -1
  27. package/components/ion-searchbar.js +1 -1
  28. package/components/ion-segment-button.js +1 -1
  29. package/components/ion-segment.js +1 -1
  30. package/components/ion-select.js +1 -1
  31. package/components/ion-tab-bar.js +1 -1
  32. package/components/ion-tab-button.js +1 -1
  33. package/components/ion-textarea.js +1 -1
  34. package/components/ion-toast.js +1 -1
  35. package/components/ion-toggle.js +1 -1
  36. package/components/item.js +1 -1
  37. package/components/list-header.js +1 -1
  38. package/components/list.js +1 -1
  39. package/components/modal.js +1 -1
  40. package/components/radio-group.js +1 -1
  41. package/components/radio.js +1 -1
  42. package/components/ripple-effect.js +1 -1
  43. package/components/select-modal.js +1 -1
  44. package/components/spinner.js +1 -1
  45. package/components/title.js +1 -1
  46. package/components/toolbar.js +1 -1
  47. package/css/ionic/bundle.ionic.css +1 -1
  48. package/css/ionic/bundle.ionic.css.map +1 -1
  49. package/css/ionic/core.ionic.css +1 -1
  50. package/css/ionic/core.ionic.css.map +1 -1
  51. package/css/ionic/global.bundle.ionic.css +1 -1
  52. package/css/ionic/global.bundle.ionic.css.map +1 -1
  53. package/css/ionic/ionic-swiper.ionic.css +1 -1
  54. package/css/ionic/ionic-swiper.ionic.css.map +1 -1
  55. package/css/ionic/link.ionic.css +1 -1
  56. package/css/ionic/link.ionic.css.map +1 -1
  57. package/css/ionic/typography.ionic.css +1 -1
  58. package/css/ionic/typography.ionic.css.map +1 -1
  59. package/css/ionic/utils.bundle.ionic.css +1 -1
  60. package/css/ionic/utils.bundle.ionic.css.map +1 -1
  61. package/dist/cjs/ion-accordion_2.cjs.entry.js +2 -2
  62. package/dist/cjs/ion-app_8.cjs.entry.js +4 -4
  63. package/dist/cjs/ion-avatar_3.cjs.entry.js +2 -2
  64. package/dist/cjs/ion-backdrop.cjs.entry.js +1 -1
  65. package/dist/cjs/ion-button_2.cjs.entry.js +1 -1
  66. package/dist/cjs/ion-card_5.cjs.entry.js +4 -4
  67. package/dist/cjs/ion-checkbox.cjs.entry.js +1 -1
  68. package/dist/cjs/ion-chip.cjs.entry.js +1 -1
  69. package/dist/cjs/ion-col_3.cjs.entry.js +42 -48
  70. package/dist/cjs/ion-datetime_3.cjs.entry.js +1 -1
  71. package/dist/cjs/ion-divider.cjs.entry.js +1 -1
  72. package/dist/cjs/ion-input-otp.cjs.entry.js +1 -1
  73. package/dist/cjs/ion-input-password-toggle.cjs.entry.js +1 -1
  74. package/dist/cjs/ion-input.cjs.entry.js +1 -1
  75. package/dist/cjs/ion-item-option_3.cjs.entry.js +2 -2
  76. package/dist/cjs/ion-item_8.cjs.entry.js +3 -3
  77. package/dist/cjs/ion-menu_3.cjs.entry.js +1 -1
  78. package/dist/cjs/ion-modal.cjs.entry.js +1 -1
  79. package/dist/cjs/ion-progress-bar.cjs.entry.js +1 -1
  80. package/dist/cjs/ion-radio_2.cjs.entry.js +2 -2
  81. package/dist/cjs/ion-range.cjs.entry.js +1 -1
  82. package/dist/cjs/ion-ripple-effect.cjs.entry.js +1 -1
  83. package/dist/cjs/ion-searchbar.cjs.entry.js +1 -1
  84. package/dist/cjs/ion-segment_2.cjs.entry.js +2 -2
  85. package/dist/cjs/ion-select-modal.cjs.entry.js +1 -1
  86. package/dist/cjs/ion-select_3.cjs.entry.js +1 -1
  87. package/dist/cjs/ion-spinner.cjs.entry.js +1 -1
  88. package/dist/cjs/ion-tab-bar_2.cjs.entry.js +2 -2
  89. package/dist/cjs/ion-textarea.cjs.entry.js +1 -1
  90. package/dist/cjs/ion-toast.cjs.entry.js +1 -1
  91. package/dist/cjs/ion-toggle.cjs.entry.js +1 -1
  92. package/dist/cjs/ionic.cjs.js +1 -1
  93. package/dist/cjs/loader.cjs.js +1 -1
  94. package/dist/collection/components/accordion/accordion.ionic.css +33 -31
  95. package/dist/collection/components/accordion-group/accordion-group.ionic.css +17 -15
  96. package/dist/collection/components/avatar/avatar.ionic.css +97 -95
  97. package/dist/collection/components/backdrop/backdrop.ionic.css +4 -2
  98. package/dist/collection/components/badge/badge.ionic.css +56 -54
  99. package/dist/collection/components/button/button.ionic.css +84 -82
  100. package/dist/collection/components/buttons/buttons.ionic.css +7 -4
  101. package/dist/collection/components/card/card.ionic.css +13 -11
  102. package/dist/collection/components/card-content/card-content.ionic.css +16 -14
  103. package/dist/collection/components/card-header/card-header.ionic.css +10 -8
  104. package/dist/collection/components/card-subtitle/card-subtitle.ionic.css +8 -6
  105. package/dist/collection/components/checkbox/checkbox.ionic.css +52 -50
  106. package/dist/collection/components/chip/chip.ionic.css +38 -36
  107. package/dist/collection/components/col/col.css +172 -4
  108. package/dist/collection/components/col/col.js +203 -58
  109. package/dist/collection/components/datetime/datetime.ionic.css +113 -111
  110. package/dist/collection/components/divider/divider.ionic.css +18 -16
  111. package/dist/collection/components/header/header.ionic.css +8 -6
  112. package/dist/collection/components/input/input.ionic.css +71 -69
  113. package/dist/collection/components/input-otp/input-otp.ionic.css +51 -49
  114. package/dist/collection/components/input-password-toggle/input-password-toggle.ionic.css +5 -3
  115. package/dist/collection/components/item/item.ionic.css +34 -32
  116. package/dist/collection/components/item-option/item-option.ionic.css +34 -32
  117. package/dist/collection/components/item-options/item-options.ionic.css +9 -7
  118. package/dist/collection/components/list/list.ionic.css +30 -28
  119. package/dist/collection/components/list-header/list-header.ionic.css +16 -14
  120. package/dist/collection/components/menu-button/menu-button.ionic.css +6 -4
  121. package/dist/collection/components/modal/modal.ionic.css +21 -19
  122. package/dist/collection/components/progress-bar/progress-bar.ionic.css +8 -6
  123. package/dist/collection/components/radio/radio.ionic.css +30 -28
  124. package/dist/collection/components/radio-group/radio-group.ionic.css +18 -16
  125. package/dist/collection/components/range/range.ionic.css +63 -61
  126. package/dist/collection/components/ripple-effect/ripple-effect.ionic.css +4 -2
  127. package/dist/collection/components/row/row.css +2 -0
  128. package/dist/collection/components/searchbar/searchbar.ionic.css +102 -100
  129. package/dist/collection/components/segment/segment.ionic.css +4 -2
  130. package/dist/collection/components/segment-button/segment-button.ionic.css +30 -28
  131. package/dist/collection/components/select/select.ionic.css +66 -64
  132. package/dist/collection/components/select-modal/select-modal.ionic.css +16 -14
  133. package/dist/collection/components/spinner/spinner.ionic.css +19 -17
  134. package/dist/collection/components/tab-bar/tab-bar.ionic.css +28 -26
  135. package/dist/collection/components/tab-button/tab-button.ionic.css +30 -28
  136. package/dist/collection/components/textarea/textarea.ionic.css +72 -70
  137. package/dist/collection/components/title/title.ionic.css +11 -9
  138. package/dist/collection/components/toast/toast.ionic.css +46 -44
  139. package/dist/collection/components/toggle/toggle.ionic.css +40 -38
  140. package/dist/collection/components/toolbar/toolbar.ionic.css +20 -18
  141. package/dist/docs.json +246 -13
  142. package/dist/esm/ion-accordion_2.entry.js +2 -2
  143. package/dist/esm/ion-app_8.entry.js +4 -4
  144. package/dist/esm/ion-avatar_3.entry.js +2 -2
  145. package/dist/esm/ion-backdrop.entry.js +1 -1
  146. package/dist/esm/ion-button_2.entry.js +1 -1
  147. package/dist/esm/ion-card_5.entry.js +4 -4
  148. package/dist/esm/ion-checkbox.entry.js +1 -1
  149. package/dist/esm/ion-chip.entry.js +1 -1
  150. package/dist/esm/ion-col_3.entry.js +43 -49
  151. package/dist/esm/ion-datetime_3.entry.js +1 -1
  152. package/dist/esm/ion-divider.entry.js +1 -1
  153. package/dist/esm/ion-input-otp.entry.js +1 -1
  154. package/dist/esm/ion-input-password-toggle.entry.js +1 -1
  155. package/dist/esm/ion-input.entry.js +1 -1
  156. package/dist/esm/ion-item-option_3.entry.js +2 -2
  157. package/dist/esm/ion-item_8.entry.js +3 -3
  158. package/dist/esm/ion-menu_3.entry.js +1 -1
  159. package/dist/esm/ion-modal.entry.js +1 -1
  160. package/dist/esm/ion-progress-bar.entry.js +1 -1
  161. package/dist/esm/ion-radio_2.entry.js +2 -2
  162. package/dist/esm/ion-range.entry.js +1 -1
  163. package/dist/esm/ion-ripple-effect.entry.js +1 -1
  164. package/dist/esm/ion-searchbar.entry.js +1 -1
  165. package/dist/esm/ion-segment_2.entry.js +2 -2
  166. package/dist/esm/ion-select-modal.entry.js +1 -1
  167. package/dist/esm/ion-select_3.entry.js +1 -1
  168. package/dist/esm/ion-spinner.entry.js +1 -1
  169. package/dist/esm/ion-tab-bar_2.entry.js +2 -2
  170. package/dist/esm/ion-textarea.entry.js +1 -1
  171. package/dist/esm/ion-toast.entry.js +1 -1
  172. package/dist/esm/ion-toggle.entry.js +1 -1
  173. package/dist/esm/ionic.js +1 -1
  174. package/dist/esm/loader.js +1 -1
  175. package/dist/html.html-data.json +24 -0
  176. package/dist/ionic/ionic.esm.js +1 -1
  177. package/dist/ionic/{p-18660f23.entry.js → p-083bdc4a.entry.js} +1 -1
  178. package/dist/ionic/p-09ee42c7.entry.js +4 -0
  179. package/dist/ionic/p-0a973339.entry.js +4 -0
  180. package/dist/ionic/{p-9f497b9a.entry.js → p-0cffd1bf.entry.js} +1 -1
  181. package/dist/ionic/p-0edc2fcf.entry.js +4 -0
  182. package/dist/ionic/p-34198a78.entry.js +4 -0
  183. package/dist/ionic/p-3610f001.entry.js +4 -0
  184. package/dist/ionic/p-389093b6.entry.js +4 -0
  185. package/dist/ionic/p-417569b5.entry.js +4 -0
  186. package/dist/ionic/{p-2a2897a7.entry.js → p-45b08f61.entry.js} +1 -1
  187. package/dist/ionic/p-637e497f.entry.js +4 -0
  188. package/dist/ionic/p-65d9c265.entry.js +4 -0
  189. package/dist/ionic/p-7918eeaa.entry.js +4 -0
  190. package/dist/ionic/p-80de7b65.entry.js +4 -0
  191. package/dist/ionic/p-80faabb9.entry.js +4 -0
  192. package/dist/ionic/p-8fa42767.entry.js +4 -0
  193. package/dist/ionic/p-905f6505.entry.js +4 -0
  194. package/dist/ionic/p-97bf9127.entry.js +4 -0
  195. package/dist/ionic/p-9af1c2e0.entry.js +4 -0
  196. package/dist/ionic/p-ab387abd.entry.js +4 -0
  197. package/dist/ionic/{p-1acc1bfe.entry.js → p-abc60b26.entry.js} +1 -1
  198. package/dist/ionic/p-b8c602ec.entry.js +4 -0
  199. package/dist/ionic/{p-fd72d046.entry.js → p-bfad272a.entry.js} +1 -1
  200. package/dist/ionic/p-c6887f5c.entry.js +4 -0
  201. package/dist/ionic/p-c8eb678d.entry.js +4 -0
  202. package/dist/ionic/p-cff18cc5.entry.js +4 -0
  203. package/dist/ionic/p-d207d49c.entry.js +4 -0
  204. package/dist/ionic/p-d9525f67.entry.js +4 -0
  205. package/dist/ionic/p-e6caa048.entry.js +4 -0
  206. package/dist/ionic/p-eea0e705.entry.js +4 -0
  207. package/dist/ionic/p-ff010b26.entry.js +4 -0
  208. package/dist/types/components/col/col.d.ts +48 -5
  209. package/dist/types/components.d.ts +72 -0
  210. package/hydrate/index.js +132 -132
  211. package/hydrate/index.mjs +132 -132
  212. package/package.json +4 -4
  213. package/dist/ionic/p-07317db2.entry.js +0 -4
  214. package/dist/ionic/p-0870e5cf.entry.js +0 -4
  215. package/dist/ionic/p-0a4718a4.entry.js +0 -4
  216. package/dist/ionic/p-0e535cb1.entry.js +0 -4
  217. package/dist/ionic/p-11f6cfff.entry.js +0 -4
  218. package/dist/ionic/p-19efbfc2.entry.js +0 -4
  219. package/dist/ionic/p-266e8f94.entry.js +0 -4
  220. package/dist/ionic/p-2e6836c7.entry.js +0 -4
  221. package/dist/ionic/p-304b999f.entry.js +0 -4
  222. package/dist/ionic/p-3f22a9de.entry.js +0 -4
  223. package/dist/ionic/p-4f9d7d26.entry.js +0 -4
  224. package/dist/ionic/p-57bd2088.entry.js +0 -4
  225. package/dist/ionic/p-59c4a194.entry.js +0 -4
  226. package/dist/ionic/p-5f0c7c62.entry.js +0 -4
  227. package/dist/ionic/p-75b29611.entry.js +0 -4
  228. package/dist/ionic/p-845e0158.entry.js +0 -4
  229. package/dist/ionic/p-9149ea07.entry.js +0 -4
  230. package/dist/ionic/p-a08c83ba.entry.js +0 -4
  231. package/dist/ionic/p-a3ea0e64.entry.js +0 -4
  232. package/dist/ionic/p-a5893690.entry.js +0 -4
  233. package/dist/ionic/p-b2aa3ff0.entry.js +0 -4
  234. package/dist/ionic/p-c692cc4a.entry.js +0 -4
  235. package/dist/ionic/p-c7477cd9.entry.js +0 -4
  236. package/dist/ionic/p-d6e4bead.entry.js +0 -4
  237. package/dist/ionic/p-dc66e8cc.entry.js +0 -4
  238. package/dist/ionic/p-e7ecbdce.entry.js +0 -4
package/dist/esm/ion-avatar_3.entry.js CHANGED
@@ -5,7 +5,7 @@ import { r as registerInstance, h, d as Host, g as getElement } from './index-4D
5
5
  import { c as getIonTheme } from './ionic-global-Dtd5Ma5B.js';
6
6
  import { h as hostContext, c as createColorClasses } from './theme-DiVJyqlX.js';
7
7
 
8
- 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(--token-space-0, var(--token-scale-0, 0px));--padding-bottom:var(--token-space-0, var(--token-scale-0, 0px));font-size:var(--token-font-size-450, 1.125rem);font-weight:var(--token-font-weight-medium, 500);letter-spacing:var(--token-font-letter-spacing-0, 0%);line-height:var(--token-font-line-height-700, var(--token-scale-700, 28px));text-decoration:none;text-transform:none;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;background:var(--token-bg-neutral-subtle-default, var(--token-primitives-neutral-200, #efefef));color:var(--token-text-subtlest, var(--token-primitives-neutral-800, #626262))}: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(--token-space-050, var(--token-scale-050, 2px));--padding-start:var(--token-space-050, var(--token-scale-050, 2px));font-size:var(--token-font-size-300, 0.75rem);font-weight:var(--token-font-weight-medium, 500);letter-spacing:var(--token-font-letter-spacing-0, 0%);line-height:var(--token-font-line-height-500, var(--token-scale-500, 20px));text-decoration:none;text-transform:none;width:var(--token-scale-400, 16px);height:var(--token-scale-400, 16px)}:host(.avatar-xsmall){--padding-end:var(--token-space-050, var(--token-scale-050, 2px));--padding-start:var(--token-space-050, var(--token-scale-050, 2px));font-size:var(--token-font-size-300, 0.75rem);font-weight:var(--token-font-weight-medium, 500);letter-spacing:var(--token-font-letter-spacing-0, 0%);line-height:var(--token-font-line-height-500, var(--token-scale-500, 20px));text-decoration:none;text-transform:none;width:var(--token-scale-600, 24px);height:var(--token-scale-600, 24px)}:host(.avatar-small){--padding-end:var(--token-space-150, var(--token-scale-150, 6px));--padding-start:var(--token-space-150, var(--token-scale-150, 6px));font-size:var(--token-font-size-400, 1rem);font-weight:var(--token-font-weight-medium, 500);letter-spacing:var(--token-font-letter-spacing-0, 0%);line-height:var(--token-font-line-height-600, var(--token-scale-600, 24px));text-decoration:none;text-transform:none;width:var(--token-scale-800, 32px);height:var(--token-scale-800, 32px)}:host(.avatar-medium){--padding-end:var(--token-space-200, var(--token-scale-200, 8px));--padding-start:var(--token-space-200, var(--token-scale-200, 8px));width:var(--token-scale-1000, 40px);height:var(--token-scale-1000, 40px)}:host(.avatar-large){--padding-end:var(--token-space-250, var(--token-scale-250, 10px));--padding-start:var(--token-space-250, var(--token-scale-250, 10px));font-size:var(--token-font-size-500, 1.25rem);font-weight:var(--token-font-weight-medium, 500);letter-spacing:var(--token-font-letter-spacing-0, 0%);line-height:var(--token-font-line-height-700, var(--token-scale-700, 28px));text-decoration:none;text-transform:none;width:var(--token-scale-1200, 48px);height:var(--token-scale-1200, 48px)}:host(.avatar-xlarge){--padding-end:var(--token-space-300, var(--token-scale-300, 12px));--padding-start:var(--token-space-300, var(--token-scale-300, 12px));font-size:var(--token-font-size-550, 1.375rem);font-weight:var(--token-font-weight-medium, 500);letter-spacing:var(--token-font-letter-spacing-0, 0%);line-height:var(--token-font-line-height-700, var(--token-scale-700, 28px));text-decoration:none;text-transform:none;width:var(--token-scale-1400, 56px);height:var(--token-scale-1400, 56px)}:host(.avatar-xxsmall.avatar-soft),:host(.avatar-xsmall.avatar-soft),:host(.avatar-small.avatar-soft){--border-radius:var(--token-soft-2xs, var(--token-border-radius-100, var(--token-scale-100, 4px)))}:host(.avatar-medium.avatar-soft){--border-radius:var(--token-soft-xs, var(--token-border-radius-200, var(--token-scale-200, 8px)))}:host(.avatar-large.avatar-soft),:host(.avatar-xlarge.avatar-soft){--border-radius:var(--token-soft-md, var(--token-border-radius-400, var(--token-scale-400, 16px)))}:host(.avatar-xxsmall.avatar-round),:host(.avatar-xsmall.avatar-round),:host(.avatar-small.avatar-round){--border-radius:var(--token-round-2xs, var(--token-border-radius-full, 999px))}:host(.avatar-medium.avatar-round){--border-radius:var(--token-round-xs, var(--token-border-radius-full, 999px))}:host(.avatar-large.avatar-round),:host(.avatar-xlarge.avatar-round){--border-radius:var(--token-round-md, var(--token-border-radius-full, 999px))}:host(.avatar-xxsmall.avatar-rectangular),:host(.avatar-xsmall.avatar-rectangular),:host(.avatar-small.avatar-rectangular){--border-radius:var(--token-rectangular-2xs, var(--token-border-radius-0, var(--token-scale-0, 0px)))}:host(.avatar-medium.avatar-rectangular){--border-radius:var(--token-rectangular-xs, var(--token-border-radius-0, var(--token-scale-0, 0px)))}:host(.avatar-large.avatar-rectangular),:host(.avatar-xlarge.avatar-rectangular){--border-radius:var(--token-rectangular-md, var(--token-border-radius-0, var(--token-scale-0, 0px)))}:host(.avatar-icon){padding-left:0;padding-right:0;padding-top:0;padding-bottom:0}:host(.avatar-xxsmall) ::slotted(ion-icon){width:var(--token-scale-300, 12px);height:var(--token-scale-300, 12px)}:host(.avatar-xsmall) ::slotted(ion-icon){width:var(--token-scale-400, 16px);height:var(--token-scale-400, 16px)}:host(.avatar-small) ::slotted(ion-icon){width:var(--token-scale-500, 20px);height:var(--token-scale-500, 20px)}:host(.avatar-medium) ::slotted(ion-icon){width:var(--token-scale-600, 24px);height:var(--token-scale-600, 24px)}:host(.avatar-large) ::slotted(ion-icon){width:var(--token-scale-700, 28px);height:var(--token-scale-700, 28px)}:host(.avatar-xlarge) ::slotted(ion-icon){width:var(--token-scale-800, 32px);height:var(--token-scale-800, 32px)}:host ::slotted(ion-badge.badge-vertical-top:empty){-webkit-transform:translate(var(--token-scale-050, 2px), calc(var(--token-scale-050, 2px) * -1));transform:translate(var(--token-scale-050, 2px), calc(var(--token-scale-050, 2px) * -1))}:host(.avatar-xxsmall) ::slotted(ion-badge.badge-vertical-top:empty){-webkit-transform:translate(var(--token-scale-100, 4px), calc(var(--token-scale-100, 4px) * -1));transform:translate(var(--token-scale-100, 4px), calc(var(--token-scale-100, 4px) * -1))}:host ::slotted(ion-badge.badge-vertical-bottom:empty){-webkit-transform:translate(0, var(--token-scale-100, 4px));transform:translate(0, var(--token-scale-100, 4px))}:host(.avatar-xxsmall) ::slotted(ion-badge.badge-vertical-bottom:empty){-webkit-transform:translate(var(--token-scale-100, 4px), var(--token-scale-100, 4px));transform:translate(var(--token-scale-100, 4px), var(--token-scale-100, 4px))}:host ::slotted(ion-badge.badge-vertical-bottom:not(:empty)){-webkit-transform:translate(50%, 50%);transform:translate(50%, 50%)}:host(.avatar-xxsmall) ::slotted(ion-badge.badge-vertical-bottom:not(:empty)){bottom:var(--token-scale-100, 4px);-webkit-transform:translate(100%, 100%);transform:translate(100%, 100%)}:host(.avatar-xxsmall) ::slotted(ion-badge.badge-vertical-bottom:not(:empty)){inset-inline-end:var(--token-scale-100, 4px)}:host(.avatar-xsmall) ::slotted(ion-badge.badge-vertical-bottom:not(:empty)){bottom:calc(var(--token-scale-050, 2px) * -1)}:host(.avatar-xsmall) ::slotted(ion-badge.badge-vertical-bottom:not(:empty)){inset-inline-end:calc(var(--token-scale-050, 2px) * -1)}:host(.avatar-small) ::slotted(ion-badge.badge-vertical-bottom:not(:empty)),:host(.avatar-medium) ::slotted(ion-badge.badge-vertical-bottom:not(:empty)),:host(.avatar-large) ::slotted(ion-badge.badge-vertical-bottom:not(:empty)){bottom:var(--token-scale-050, 2px)}:host(.avatar-small) ::slotted(ion-badge.badge-vertical-bottom:not(:empty)),:host(.avatar-medium) ::slotted(ion-badge.badge-vertical-bottom:not(:empty)),:host(.avatar-large) ::slotted(ion-badge.badge-vertical-bottom:not(:empty)){inset-inline-end:var(--token-scale-050, 2px)}:host(.avatar-xlarge) ::slotted(ion-badge.badge-vertical-bottom:not(:empty)){bottom:var(--token-scale-150, 6px)}:host(.avatar-xlarge) ::slotted(ion-badge.badge-vertical-bottom:not(:empty)){inset-inline-end:var(--token-scale-150, 6px)}:host ::slotted(ion-badge.badge-vertical-top:not(:empty)){-webkit-transform:translate(50%, -50%);transform:translate(50%, -50%)}:host(.avatar-xxsmall) ::slotted(ion-badge.badge-vertical-top:not(:empty)){top:var(--token-scale-050, 2px)}:host(.avatar-xxsmall) ::slotted(ion-badge.badge-vertical-top:not(:empty)){inset-inline-end:0}:host(.avatar-xsmall) ::slotted(ion-badge.badge-vertical-top:not(:empty)){top:var(--token-scale-100, 4px)}:host(.avatar-xsmall) ::slotted(ion-badge.badge-vertical-top:not(:empty)){inset-inline-end:calc(var(--token-scale-050, 2px) * -1)}:host(.avatar-small) ::slotted(ion-badge.badge-vertical-top:not(:empty)),:host(.avatar-medium) ::slotted(ion-badge.badge-vertical-top:not(:empty)){top:var(--token-scale-150, 6px)}:host(.avatar-small) ::slotted(ion-badge.badge-vertical-top:not(:empty)),:host(.avatar-medium) ::slotted(ion-badge.badge-vertical-top:not(:empty)){inset-inline-end:0}:host(.avatar-large) ::slotted(ion-badge.badge-vertical-top:not(:empty)){top:var(--token-scale-150, 6px)}:host(.avatar-large) ::slotted(ion-badge.badge-vertical-top:not(:empty)){inset-inline-end:var(--token-scale-050, 2px)}:host(.avatar-xlarge) ::slotted(ion-badge.badge-vertical-top:not(:empty)){top:var(--token-scale-150, 6px)}:host(.avatar-xlarge) ::slotted(ion-badge.badge-vertical-top:not(:empty)){inset-inline-end:var(--token-scale-150, 6px)}:host(.avatar-disabled)::before{border-radius:var(--border-radius);right:0;left:0;top:0;bottom:0;position:absolute;background-color:var(--token-state-disabled, rgba(255, 255, 255, 0.6));content:\"\";pointer-events:none}";
8
+ 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, var(--ion-scale-0, 0px));--padding-bottom:var(--ion-space-0, var(--ion-scale-0, 0px));font-size:var(--ion-font-size-450, 1.125rem);font-weight:var(--ion-font-weight-medium, 500);letter-spacing:var(--ion-font-letter-spacing-0, 0%);line-height:var(--ion-font-line-height-700, var(--ion-scale-700, 28px));text-decoration:none;text-transform:none;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;background:var(--ion-bg-neutral-subtle-default, var(--ion-primitives-neutral-200, #efefef));color:var(--ion-text-subtlest, var(--ion-primitives-neutral-800, #626262))}: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, var(--ion-scale-050, 2px));--padding-start:var(--ion-space-050, var(--ion-scale-050, 2px));font-size:var(--ion-font-size-300, 0.75rem);font-weight:var(--ion-font-weight-medium, 500);letter-spacing:var(--ion-font-letter-spacing-0, 0%);line-height:var(--ion-font-line-height-500, var(--ion-scale-500, 20px));text-decoration:none;text-transform:none;width:var(--ion-scale-400, 16px);height:var(--ion-scale-400, 16px)}:host(.avatar-xsmall){--padding-end:var(--ion-space-050, var(--ion-scale-050, 2px));--padding-start:var(--ion-space-050, var(--ion-scale-050, 2px));font-size:var(--ion-font-size-300, 0.75rem);font-weight:var(--ion-font-weight-medium, 500);letter-spacing:var(--ion-font-letter-spacing-0, 0%);line-height:var(--ion-font-line-height-500, var(--ion-scale-500, 20px));text-decoration:none;text-transform:none;width:var(--ion-scale-600, 24px);height:var(--ion-scale-600, 24px)}:host(.avatar-small){--padding-end:var(--ion-space-150, var(--ion-scale-150, 6px));--padding-start:var(--ion-space-150, var(--ion-scale-150, 6px));font-size:var(--ion-font-size-400, 1rem);font-weight:var(--ion-font-weight-medium, 500);letter-spacing:var(--ion-font-letter-spacing-0, 0%);line-height:var(--ion-font-line-height-600, var(--ion-scale-600, 24px));text-decoration:none;text-transform:none;width:var(--ion-scale-800, 32px);height:var(--ion-scale-800, 32px)}:host(.avatar-medium){--padding-end:var(--ion-space-200, var(--ion-scale-200, 8px));--padding-start:var(--ion-space-200, var(--ion-scale-200, 8px));width:var(--ion-scale-1000, 40px);height:var(--ion-scale-1000, 40px)}:host(.avatar-large){--padding-end:var(--ion-space-250, var(--ion-scale-250, 10px));--padding-start:var(--ion-space-250, var(--ion-scale-250, 10px));font-size:var(--ion-font-size-500, 1.25rem);font-weight:var(--ion-font-weight-medium, 500);letter-spacing:var(--ion-font-letter-spacing-0, 0%);line-height:var(--ion-font-line-height-700, var(--ion-scale-700, 28px));text-decoration:none;text-transform:none;width:var(--ion-scale-1200, 48px);height:var(--ion-scale-1200, 48px)}:host(.avatar-xlarge){--padding-end:var(--ion-space-300, var(--ion-scale-300, 12px));--padding-start:var(--ion-space-300, var(--ion-scale-300, 12px));font-size:var(--ion-font-size-550, 1.375rem);font-weight:var(--ion-font-weight-medium, 500);letter-spacing:var(--ion-font-letter-spacing-0, 0%);line-height:var(--ion-font-line-height-700, var(--ion-scale-700, 28px));text-decoration:none;text-transform:none;width:var(--ion-scale-1400, 56px);height:var(--ion-scale-1400, 56px)}:host(.avatar-xxsmall.avatar-soft),:host(.avatar-xsmall.avatar-soft),:host(.avatar-small.avatar-soft){--border-radius:var(--ion-soft-2xs, var(--ion-border-radius-100, var(--ion-scale-100, 4px)))}:host(.avatar-medium.avatar-soft){--border-radius:var(--ion-soft-xs, var(--ion-border-radius-200, var(--ion-scale-200, 8px)))}:host(.avatar-large.avatar-soft),:host(.avatar-xlarge.avatar-soft){--border-radius:var(--ion-soft-md, var(--ion-border-radius-400, var(--ion-scale-400, 16px)))}:host(.avatar-xxsmall.avatar-round),:host(.avatar-xsmall.avatar-round),:host(.avatar-small.avatar-round){--border-radius:var(--ion-round-2xs, var(--ion-border-radius-full, 999px))}:host(.avatar-medium.avatar-round){--border-radius:var(--ion-round-xs, var(--ion-border-radius-full, 999px))}:host(.avatar-large.avatar-round),:host(.avatar-xlarge.avatar-round){--border-radius:var(--ion-round-md, var(--ion-border-radius-full, 999px))}:host(.avatar-xxsmall.avatar-rectangular),:host(.avatar-xsmall.avatar-rectangular),:host(.avatar-small.avatar-rectangular){--border-radius:var(--ion-rectangular-2xs, var(--ion-border-radius-0, var(--ion-scale-0, 0px)))}:host(.avatar-medium.avatar-rectangular){--border-radius:var(--ion-rectangular-xs, var(--ion-border-radius-0, var(--ion-scale-0, 0px)))}:host(.avatar-large.avatar-rectangular),:host(.avatar-xlarge.avatar-rectangular){--border-radius:var(--ion-rectangular-md, var(--ion-border-radius-0, var(--ion-scale-0, 0px)))}:host(.avatar-icon){padding-left:0;padding-right:0;padding-top:0;padding-bottom:0}:host(.avatar-xxsmall) ::slotted(ion-icon){width:var(--ion-scale-300, 12px);height:var(--ion-scale-300, 12px)}: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-700, 28px);height:var(--ion-scale-700, 28px)}:host(.avatar-xlarge) ::slotted(ion-icon){width:var(--ion-scale-800, 32px);height:var(--ion-scale-800, 32px)}: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), var(--ion-scale-100, 4px));transform:translate(var(--ion-scale-100, 4px), var(--ion-scale-100, 4px))}:host ::slotted(ion-badge.badge-vertical-bottom:not(:empty)){-webkit-transform:translate(50%, 50%);transform:translate(50%, 50%)}:host(.avatar-xxsmall) ::slotted(ion-badge.badge-vertical-bottom:not(:empty)){bottom:var(--ion-scale-100, 4px);-webkit-transform:translate(100%, 100%);transform:translate(100%, 100%)}:host(.avatar-xxsmall) ::slotted(ion-badge.badge-vertical-bottom:not(:empty)){inset-inline-end:var(--ion-scale-100, 4px)}:host(.avatar-xsmall) ::slotted(ion-badge.badge-vertical-bottom:not(:empty)){bottom:calc(var(--ion-scale-050, 2px) * -1)}:host(.avatar-xsmall) ::slotted(ion-badge.badge-vertical-bottom:not(:empty)){inset-inline-end:calc(var(--ion-scale-050, 2px) * -1)}:host(.avatar-small) ::slotted(ion-badge.badge-vertical-bottom:not(:empty)),:host(.avatar-medium) ::slotted(ion-badge.badge-vertical-bottom:not(:empty)),:host(.avatar-large) ::slotted(ion-badge.badge-vertical-bottom:not(:empty)){bottom:var(--ion-scale-050, 2px)}:host(.avatar-small) ::slotted(ion-badge.badge-vertical-bottom:not(:empty)),:host(.avatar-medium) ::slotted(ion-badge.badge-vertical-bottom:not(:empty)),:host(.avatar-large) ::slotted(ion-badge.badge-vertical-bottom:not(:empty)){inset-inline-end:var(--ion-scale-050, 2px)}:host(.avatar-xlarge) ::slotted(ion-badge.badge-vertical-bottom:not(:empty)){bottom:var(--ion-scale-150, 6px)}:host(.avatar-xlarge) ::slotted(ion-badge.badge-vertical-bottom:not(:empty)){inset-inline-end:var(--ion-scale-150, 6px)}:host ::slotted(ion-badge.badge-vertical-top:not(:empty)){-webkit-transform:translate(50%, -50%);transform:translate(50%, -50%)}:host(.avatar-xxsmall) ::slotted(ion-badge.badge-vertical-top:not(:empty)){top:var(--ion-scale-050, 2px)}:host(.avatar-xxsmall) ::slotted(ion-badge.badge-vertical-top:not(:empty)){inset-inline-end:0}:host(.avatar-xsmall) ::slotted(ion-badge.badge-vertical-top:not(:empty)){top:var(--ion-scale-100, 4px)}:host(.avatar-xsmall) ::slotted(ion-badge.badge-vertical-top:not(:empty)){inset-inline-end:calc(var(--ion-scale-050, 2px) * -1)}:host(.avatar-small) ::slotted(ion-badge.badge-vertical-top:not(:empty)),:host(.avatar-medium) ::slotted(ion-badge.badge-vertical-top:not(:empty)){top:var(--ion-scale-150, 6px)}:host(.avatar-small) ::slotted(ion-badge.badge-vertical-top:not(:empty)),:host(.avatar-medium) ::slotted(ion-badge.badge-vertical-top:not(:empty)){inset-inline-end:0}:host(.avatar-large) ::slotted(ion-badge.badge-vertical-top:not(:empty)){top:var(--ion-scale-150, 6px)}:host(.avatar-large) ::slotted(ion-badge.badge-vertical-top:not(:empty)){inset-inline-end:var(--ion-scale-050, 2px)}:host(.avatar-xlarge) ::slotted(ion-badge.badge-vertical-top:not(:empty)){top:var(--ion-scale-150, 6px)}:host(.avatar-xlarge) ::slotted(ion-badge.badge-vertical-top:not(:empty)){inset-inline-end:var(--ion-scale-150, 6px)}:host(.avatar-disabled)::before{border-radius:var(--border-radius);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}";
9
9
 
10
10
  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}";
11
11
 
@@ -71,7 +71,7 @@ Avatar.style = {
71
71
  md: avatarMdCss
72
72
  };
73
73
 
74
- const badgeIonicCss = ":host{-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;background:var(--background);color:var(--color);text-align:center;white-space:nowrap;contain:content;vertical-align:baseline}:host([vertical]:not(.in-tab-button)){position:absolute}:host([vertical]:not(.in-tab-button)){inset-inline-end:0}:host(:not(.in-tab-button)[vertical].badge-vertical-top){top:0}:host(:not(.in-tab-button)[vertical].badge-vertical-bottom){bottom:0}:host{--padding-start:var(--token-space-200, var(--token-scale-200, 8px));--padding-end:var(--token-space-200, var(--token-scale-200, 8px));--padding-top:var(--token-space-0, var(--token-scale-0, 0px));--padding-bottom:var(--token-space-0, var(--token-scale-0, 0px));font-size:var(--token-font-size-300, 0.75rem);font-weight:var(--token-font-weight-medium, 500);letter-spacing:var(--token-font-letter-spacing-0, 0%);line-height:var(--token-font-line-height-500, var(--token-scale-500, 20px));text-decoration:none;text-transform:none;display:-ms-inline-flexbox;display:inline-flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;min-width:var(--token-scale-250, 10px)}:host(.badge-bold){--background:var(--ion-color-primary, var(--token-bg-primary-base-default, var(--token-semantics-primary-base, var(--token-semantics-primary-700, var(--token-primitives-blue-700, #105cef)))));--color:var(--ion-color-primary-contrast, var(--token-text-inverse, var(--token-primitives-base-white, #ffffff)))}:host(.badge-bold.ion-color){background:var(--ion-color-base);color:var(--ion-color-contrast)}:host(.badge-subtle){--background:var(--ion-color-primary-subtle, var(--token-bg-primary-subtle-default, var(--token-semantics-primary-100, var(--token-primitives-blue-100, #f2f4fd))));--color:var(--ion-color-primary-subtle-contrast, var(--token-text-primary, var(--token-semantics-primary-900, var(--token-primitives-blue-900, #0d4bc3))))}:host(.badge-subtle.ion-color){background:var(--ion-color-subtle-base);color:var(--ion-color-subtle-contrast)}:host(.badge-soft){border-radius:var(--token-soft-xs, var(--token-border-radius-200, var(--token-scale-200, 8px)))}:host(.badge-small.badge-soft){border-radius:var(--token-soft-2xs, var(--token-border-radius-100, var(--token-scale-100, 4px)))}:host(.badge-round){border-radius:var(--token-round-sm, var(--token-border-radius-full, 999px))}:host(.badge-rectangular){border-radius:var(--token-rectangular-sm, var(--token-border-radius-0, var(--token-scale-0, 0px)))}:host(.badge-small){--padding-start:var(--token-space-050, var(--token-scale-050, 2px));--padding-end:var(--token-space-050, var(--token-scale-050, 2px));min-width:var(--token-scale-400, 16px);height:var(--token-scale-400, 16px)}:host(.badge-small) ::slotted(ion-icon){width:var(--token-scale-300, 12px);height:var(--token-scale-300, 12px)}:host(.badge-medium),:host(.badge-large){--padding-start:var(--token-space-100, var(--token-scale-100, 4px));--padding-end:var(--token-space-100, var(--token-scale-100, 4px));font-size:var(--token-font-size-350, 0.875rem);font-weight:var(--token-font-weight-medium, 500);letter-spacing:var(--token-font-letter-spacing-0, 0%);line-height:var(--token-font-line-height-600, var(--token-scale-600, 24px));text-decoration:none;text-transform:none;min-width:var(--token-scale-600, 24px);height:var(--token-scale-600, 24px)}:host(.badge-medium) ::slotted(ion-icon),:host(.badge-large) ::slotted(ion-icon){width:var(--token-scale-400, 16px);height:var(--token-scale-400, 16px)}:host(:empty){--padding-start:0;--padding-end:0}:host([vertical]:not(:empty)){--padding-start:var(--token-scale-100, 4px);--padding-end:var(--token-scale-100, 4px);--padding-top:var(--token-scale-100, 4px);--padding-bottom:var(--token-scale-100, 4px)}:host(.badge-small:empty){min-width:var(--token-scale-200, 8px);height:var(--token-scale-200, 8px)}:host(.badge-medium:empty){min-width:var(--token-scale-300, 12px);height:var(--token-scale-300, 12px)}:host(.badge-large:empty){min-width:var(--token-scale-400, 16px);height:var(--token-scale-400, 16px)}:host([vertical].in-tab-button){position:relative}:host([vertical]) ::slotted(ion-icon){top:50%;position:absolute;-webkit-transform:translate(-50%, -50%);transform:translate(-50%, -50%)}:host([vertical]) ::slotted(ion-icon){inset-inline-start:50%}:host(:not(:empty).in-button){--padding-start:var(--token-scale-050, 2px);--padding-end:var(--token-scale-050, 2px);font-size:var(--token-font-size-300, 0.75rem);font-weight:var(--token-font-weight-medium, 500);letter-spacing:var(--token-font-letter-spacing-1, 1%);line-height:var(--token-font-line-height-500, var(--token-scale-500, 20px));text-decoration:none;text-transform:none;min-width:var(--token-scale-400, 16px);height:var(--token-scale-400, 16px)}:host(:not(:empty).in-button) ::slotted(ion-icon){width:var(--token-scale-300, 12px);height:var(--token-scale-300, 12px)}";
74
+ const badgeIonicCss = ":host{-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;background:var(--background);color:var(--color);text-align:center;white-space:nowrap;contain:content;vertical-align:baseline}:host([vertical]:not(.in-tab-button)){position:absolute}:host([vertical]:not(.in-tab-button)){inset-inline-end:0}:host(:not(.in-tab-button)[vertical].badge-vertical-top){top:0}:host(:not(.in-tab-button)[vertical].badge-vertical-bottom){bottom:0}:host{--padding-start:var(--ion-space-200, var(--ion-scale-200, 8px));--padding-end:var(--ion-space-200, var(--ion-scale-200, 8px));--padding-top:var(--ion-space-0, var(--ion-scale-0, 0px));--padding-bottom:var(--ion-space-0, var(--ion-scale-0, 0px));font-size:var(--ion-font-size-300, 0.75rem);font-weight:var(--ion-font-weight-medium, 500);letter-spacing:var(--ion-font-letter-spacing-0, 0%);line-height:var(--ion-font-line-height-500, var(--ion-scale-500, 20px));text-decoration:none;text-transform:none;display:-ms-inline-flexbox;display:inline-flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;min-width:var(--ion-scale-250, 10px)}:host(.badge-bold){--background:var(--ion-color-primary, var(--ion-bg-primary-base-default, var(--ion-semantics-primary-base, var(--ion-semantics-primary-700, var(--ion-primitives-blue-700, #105cef)))));--color:var(--ion-color-primary-contrast, var(--ion-text-inverse, var(--ion-primitives-base-white, #ffffff)))}:host(.badge-bold.ion-color){background:var(--ion-color-base);color:var(--ion-color-contrast)}:host(.badge-subtle){--background:var(--ion-color-primary-subtle, var(--ion-bg-primary-subtle-default, var(--ion-semantics-primary-100, var(--ion-primitives-blue-100, #f2f4fd))));--color:var(--ion-color-primary-subtle-contrast, var(--ion-text-primary, var(--ion-semantics-primary-900, var(--ion-primitives-blue-900, #0d4bc3))))}:host(.badge-subtle.ion-color){background:var(--ion-color-subtle-base);color:var(--ion-color-subtle-contrast)}:host(.badge-soft){border-radius:var(--ion-soft-xs, var(--ion-border-radius-200, var(--ion-scale-200, 8px)))}:host(.badge-small.badge-soft){border-radius:var(--ion-soft-2xs, var(--ion-border-radius-100, var(--ion-scale-100, 4px)))}:host(.badge-round){border-radius:var(--ion-round-sm, var(--ion-border-radius-full, 999px))}:host(.badge-rectangular){border-radius:var(--ion-rectangular-sm, var(--ion-border-radius-0, var(--ion-scale-0, 0px)))}:host(.badge-small){--padding-start:var(--ion-space-050, var(--ion-scale-050, 2px));--padding-end:var(--ion-space-050, var(--ion-scale-050, 2px));min-width:var(--ion-scale-400, 16px);height:var(--ion-scale-400, 16px)}:host(.badge-small) ::slotted(ion-icon){width:var(--ion-scale-300, 12px);height:var(--ion-scale-300, 12px)}:host(.badge-medium),:host(.badge-large){--padding-start:var(--ion-space-100, var(--ion-scale-100, 4px));--padding-end:var(--ion-space-100, var(--ion-scale-100, 4px));font-size:var(--ion-font-size-350, 0.875rem);font-weight:var(--ion-font-weight-medium, 500);letter-spacing:var(--ion-font-letter-spacing-0, 0%);line-height:var(--ion-font-line-height-600, var(--ion-scale-600, 24px));text-decoration:none;text-transform:none;min-width:var(--ion-scale-600, 24px);height:var(--ion-scale-600, 24px)}:host(.badge-medium) ::slotted(ion-icon),:host(.badge-large) ::slotted(ion-icon){width:var(--ion-scale-400, 16px);height:var(--ion-scale-400, 16px)}:host(:empty){--padding-start:0;--padding-end:0}:host([vertical]:not(:empty)){--padding-start:var(--ion-scale-100, 4px);--padding-end:var(--ion-scale-100, 4px);--padding-top:var(--ion-scale-100, 4px);--padding-bottom:var(--ion-scale-100, 4px)}: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]) ::slotted(ion-icon){top:50%;position:absolute;-webkit-transform:translate(-50%, -50%);transform:translate(-50%, -50%)}:host([vertical]) ::slotted(ion-icon){inset-inline-start:50%}:host(:not(:empty).in-button){--padding-start:var(--ion-scale-050, 2px);--padding-end:var(--ion-scale-050, 2px);font-size:var(--ion-font-size-300, 0.75rem);font-weight:var(--ion-font-weight-medium, 500);letter-spacing:var(--ion-font-letter-spacing-1, 1%);line-height:var(--ion-font-line-height-500, var(--ion-scale-500, 20px));text-decoration:none;text-transform:none;min-width:var(--ion-scale-400, 16px);height:var(--ion-scale-400, 16px)}:host(:not(:empty).in-button) ::slotted(ion-icon){width:var(--ion-scale-300, 12px);height:var(--ion-scale-300, 12px)}";
75
75
 
76
76
  const badgeIosCss = ":host{-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;background:var(--background);color:var(--color);text-align:center;white-space:nowrap;contain:content;vertical-align:baseline}:host([vertical]:not(.in-tab-button)){position:absolute}:host([vertical]:not(.in-tab-button)){inset-inline-end:0}:host(:not(.in-tab-button)[vertical].badge-vertical-top){top:0}:host(:not(.in-tab-button)[vertical].badge-vertical-bottom){bottom:0}:host{--padding-top:3px;--padding-end:8px;--padding-bottom:3px;--padding-start:8px;--background:var(--ion-color-primary, #0054e9);--color:var(--ion-color-primary-contrast, #fff);min-width:10px;font-family:var(--ion-font-family, inherit);font-size:0.8125rem;font-weight:bold;line-height:1}:host(.ion-color){background:var(--ion-color-base);color:var(--ion-color-contrast)}:host([vertical]:not(.in-button):not(.in-tab-button)),:host(:empty){--padding-start:0;--padding-end:0;--padding-bottom:0;--padding-top:0;border-radius:999px;width:10px;height:10px;font-size:0.5rem;line-height:10px}:host(:not(:empty).in-button){min-width:16px;height:16px;font-size:0.75rem;line-height:20px}:host(:not(:empty).in-button) ::slotted(ion-icon){width:12px;height:12px}: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%}";
77
77
 
package/dist/esm/ion-backdrop.entry.js CHANGED
@@ -4,7 +4,7 @@
4
4
  import { r as registerInstance, c as createEvent, h, d as Host } from './index-4DxY6_gG.js';
5
5
  import { c as getIonTheme } from './ionic-global-Dtd5Ma5B.js';
6
6
 
7
- const backdropIonicCss = ":host{right:0;left:0;top:0;bottom:0;display:block;position:absolute;-webkit-transform:translateZ(0);transform:translateZ(0);contain:strict;cursor:pointer;opacity:0.01;-ms-touch-action:none;touch-action:none}:host(.backdrop-hide){background:transparent}:host(.backdrop-no-tappable){cursor:auto}:host{background-color:rgba(var(--token-primitives-base-black-rgb, 17, 17, 17), 0.7);z-index:2}";
7
+ const backdropIonicCss = ":host{right:0;left:0;top:0;bottom:0;display:block;position:absolute;-webkit-transform:translateZ(0);transform:translateZ(0);contain:strict;cursor:pointer;opacity:0.01;-ms-touch-action:none;touch-action:none}:host(.backdrop-hide){background:transparent}:host(.backdrop-no-tappable){cursor:auto}:host{background-color:rgba(var(--ion-primitives-base-black-rgb, 17, 17, 17), 0.7);z-index:2}";
8
8
 
9
9
  const backdropIosCss = ":host{right:0;left:0;top:0;bottom:0;display:block;position:absolute;-webkit-transform:translateZ(0);transform:translateZ(0);contain:strict;cursor:pointer;opacity:0.01;-ms-touch-action:none;touch-action:none}:host(.backdrop-hide){background:transparent}:host(.backdrop-no-tappable){cursor:auto}:host{z-index:2}:host{background-color:var(--ion-backdrop-color, #000)}";
10
10
 
package/dist/esm/ion-button_2.entry.js CHANGED
@@ -7,7 +7,7 @@ import { o as openURL, c as createColorClasses$1, h as hostContext } from './the
7
7
  import { c as getIonTheme, b as getIonMode$1 } from './ionic-global-Dtd5Ma5B.js';
8
8
  import './focus-visible-vXpMhGrs.js';
9
9
 
10
- const buttonIonicCss = ":host{--overflow:hidden;--ripple-color:currentColor;--border-width:initial;--border-color:initial;--border-style:initial;--color-activated:var(--color);--color-focused:var(--color);--color-hover:var(--color);--box-shadow:none;display:inline-block;width:auto;color:var(--color);text-align:center;text-decoration:none;white-space:normal;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;vertical-align:top;vertical-align:-webkit-baseline-middle;-webkit-font-kerning:none;font-kerning:none}:host(.button-disabled){cursor:default;opacity:0.5;pointer-events:none}:host(.button-outline){--background:transparent}:host(.button-clear){--border-width:0;--background:transparent}:host(.button-block){display:block}:host(.button-block) .button-native{margin-left:0;margin-right:0;width:100%;clear:both;contain:content}:host(.button-block) .button-native::after{clear:both}:host(.button-full){display:block}:host(.button-full) .button-native{margin-left:0;margin-right:0;width:100%;contain:content}:host(.button-full:not(.button-round)) .button-native{border-radius:0;border-right-width:0;border-left-width:0}.button-native{border-radius:var(--border-radius);-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;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;display:-ms-flexbox;display:flex;position:relative;-ms-flex-align:center;align-items:center;width:100%;height:100%;min-height:inherit;-webkit-transition:var(--transition);transition:var(--transition);border-width:var(--border-width);border-style:var(--border-style);border-color:var(--border-color);outline:none;background:var(--background);line-height:1;-webkit-box-shadow:var(--box-shadow);box-shadow:var(--box-shadow);contain:layout style;cursor:pointer;opacity:var(--opacity);overflow:var(--overflow);z-index:0;-webkit-box-sizing:border-box;box-sizing:border-box;-webkit-appearance:none;-moz-appearance:none;appearance:none}.button-native::-moz-focus-inner{border:0}.button-inner{display:-ms-flexbox;display:flex;position:relative;-ms-flex-flow:row nowrap;flex-flow:row nowrap;-ms-flex-negative:0;flex-shrink:0;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;width:100%;height:100%;z-index:1}::slotted([slot=start]),::slotted([slot=end]){-ms-flex-negative:0;flex-shrink:0}::slotted(ion-icon),::slotted(ion-spinner){pointer-events:none}ion-ripple-effect{color:var(--ripple-color)}.button-native::after{right:0;left:0;top:0;bottom:0;position:absolute;content:\"\";opacity:0}:host(.ion-focused){color:var(--color-focused)}:host(.ion-focused) .button-native::after{background:var(--background-focused);opacity:var(--background-focused-opacity)}@media (any-hover: hover){:host(:hover){color:var(--color-hover)}:host(:hover) .button-native::after{background:var(--background-hover);opacity:var(--background-hover-opacity)}}:host(.ion-activated){color:var(--color-activated)}:host(.ion-activated) .button-native::after{background:var(--background-activated);opacity:var(--background-activated-opacity)}:host(.button-solid.ion-color) .button-native{background:var(--ion-color-base);color:var(--ion-color-contrast)}:host(.button-outline.ion-color) .button-native{border-color:var(--ion-color-base);background:transparent;color:var(--ion-color-base)}:host(.button-clear.ion-color) .button-native{background:transparent;color:var(--ion-color-foreground)}:host(.in-toolbar:not(.ion-color):not(.in-toolbar-color)) .button-native{color:var(--ion-toolbar-color, var(--color))}:host(.button-outline.in-toolbar:not(.ion-color):not(.in-toolbar-color)) .button-native{border-color:var(--ion-toolbar-color, var(--color, var(--border-color)))}:host(.button-solid.in-toolbar:not(.ion-color):not(.in-toolbar-color)) .button-native{background:var(--ion-toolbar-color, var(--background));color:var(--ion-toolbar-background, var(--color))}.button-native ion-ripple-effect,.button-native::after{border-radius:inherit}:host(.button-has-badge) .button-native{--overflow:visible}:host ::slotted(ion-badge[vertical]:not(:empty)){display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center}:host{--padding-top:var(--token-space-0, var(--token-scale-0, 0px));--padding-end:var(--token-space-0, var(--token-scale-0, 0px));--padding-bottom:var(--padding-top);--padding-start:var(--padding-end);--focus-ring-color:var(--token-border-focus-default, var(--token-primitives-blue-400, #b5c0f7));--focus-ring-width:var(--token-border-size-050, var(--token-scale-050, 2px));position:relative}:host::after{right:0;left:0;top:50%;position:absolute;height:100%;min-height:var(--token-scale-1200, 48px);-webkit-transform:translateY(-50%);transform:translateY(-50%);content:\"\";cursor:pointer;z-index:1}:host(.button-clear){--color:var(--ion-color-primary-foreground, var(--token-text-primary, var(--token-semantics-primary-900, var(--token-primitives-blue-900, #0d4bc3))))}:host(.button-solid){--background-activated:var(--ion-color-primary-shade, var(--token-bg-primary-base-press, var(--token-semantics-primary-900, var(--token-primitives-blue-900, #0d4bc3))));--background-hover:var(--ion-color-primary-shade, var(--token-bg-primary-base-press, var(--token-semantics-primary-900, var(--token-primitives-blue-900, #0d4bc3))));--background-focused:transparent;--background-hover-opacity:1;--background:var(--ion-color-primary, var(--token-bg-primary-base-default, var(--token-semantics-primary-base, var(--token-semantics-primary-700, var(--token-primitives-blue-700, #105cef)))));--color:var(--ion-color-primary-contrast, var(--token-text-inverse, var(--token-primitives-base-white, #ffffff)));--ripple-opacity:var(--background-activated-opacity, 1);--ripple-color:var(--background-activated)}:host(.button-outline){--border-width:var(--token-border-size-025, var(--token-scale-025, 1px));--border-style:var(--token-border-style-solid, solid);--background-activated:var(--token-bg-neutral-subtlest-press, var(--token-primitives-neutral-200, #efefef));--background-focused:transparent;--background-hover:var(--token-bg-neutral-subtlest-press, var(--token-primitives-neutral-200, #efefef));--background-hover-opacity:1;--border-color:var(--ion-color-primary, var(--token-bg-primary-base-default, var(--token-semantics-primary-base, var(--token-semantics-primary-700, var(--token-primitives-blue-700, #105cef)))));--color:var(--ion-color-primary, var(--token-bg-primary-base-default, var(--token-semantics-primary-base, var(--token-semantics-primary-700, var(--token-primitives-blue-700, #105cef)))));--ripple-opacity:var(--background-activated-opacity, 1);--ripple-color:var(--background-activated)}:host(.button-clear){--background-activated:var(--token-bg-neutral-subtlest-press, var(--token-primitives-neutral-200, #efefef));--background-focused:transparent;--background-hover:var(--token-bg-neutral-subtlest-press, var(--token-primitives-neutral-200, #efefef));--background-hover-opacity:1;--color:var(--ion-color-primary-foreground, var(--token-text-primary, var(--token-semantics-primary-900, var(--token-primitives-blue-900, #0d4bc3))));--ripple-opacity:var(--background-activated-opacity, 1);--ripple-color:var(--background-activated)}:host(.button-solid.ion-color) ion-ripple-effect{color:var(--ion-color-shade)}:host(.button-outline.ion-color) ion-ripple-effect,:host(.button-clear.ion-color) ion-ripple-effect{color:var(--token-primitives-neutral-200, #efefef)}:host(.button-small){--padding-end:var(--token-space-400, var(--token-scale-400, 16px));font-size:var(--token-font-size-350, 0.875rem);font-weight:var(--token-font-weight-medium, 500);letter-spacing:var(--token-font-letter-spacing-1, 1%);line-height:var(--token-font-line-height-500, var(--token-scale-500, 20px));text-decoration:none;text-transform:none;min-width:var(--token-scale-1600, 64px);min-height:var(--token-scale-1000, 40px)}:host(.button-medium){--padding-end:var(--token-space-500, var(--token-scale-500, 20px));font-size:var(--token-font-size-400, 1rem);font-weight:var(--token-font-weight-medium, 500);letter-spacing:var(--token-font-letter-spacing-1, 1%);line-height:var(--token-font-line-height-600, var(--token-scale-600, 24px));text-decoration:none;text-transform:none;min-width:var(--token-scale-1800, 72px);min-height:var(--token-scale-1200, 48px)}:host(.button-large){--padding-end:var(--token-space-700, var(--token-scale-700, 28px));font-size:var(--token-font-size-500, 1.25rem);font-weight:var(--token-font-weight-medium, 500);letter-spacing:var(--token-font-letter-spacing-1, 1%);line-height:var(--token-font-line-height-600, var(--token-scale-600, 24px));text-decoration:none;text-transform:none;min-width:var(--token-scale-2000, 80px);min-height:var(--token-scale-1400, 56px)}:host(.button-small) ::slotted(ion-icon[slot=start]),:host(.button-small) ::slotted(ion-icon[slot=end]),:host(.button-small) ::slotted(ion-icon[slot=icon-only]),:host(.button-medium) ::slotted(ion-icon[slot=start]),:host(.button-medium) ::slotted(ion-icon[slot=end]),:host(.button-medium) ::slotted(ion-icon[slot=icon-only]){width:var(--token-scale-500, 20px);height:var(--token-scale-500, 20px)}:host(.button-large) ::slotted(ion-icon[slot=start]),:host(.button-large) ::slotted(ion-icon[slot=end]),:host(.button-large) ::slotted(ion-icon[slot=icon-only]){width:var(--token-scale-600, 24px);height:var(--token-scale-600, 24px)}:host(.button-has-icon-only){--padding-end:var(--padding-top);min-width:unset;aspect-ratio:1/1}::slotted(ion-spinner){--color:currentColor}::slotted(ion-spinner[slot=start]),::slotted(ion-spinner[slot=end]),::slotted(ion-spinner[slot=icon-only]){width:var(--token-scale-500, 20px);height:var(--token-scale-500, 20px)}:host(.button-soft){--border-radius:var(--token-border-radius-200, var(--token-scale-200, 8px))}:host(.button-round){--border-radius:var(--token-border-radius-full, 999px)}:host(.button-rectangular){--border-radius:var(--token-border-radius-0, var(--token-scale-0, 0px))}:host(.ion-focused) .button-native{outline:var(--focus-ring-width) var(--token-border-style-solid, solid) var(--focus-ring-color);outline-offset:var(--token-border-size-050, var(--token-scale-050, 2px))}:host(.button-solid.ion-color.ion-activated) .button-native::after{background:var(--ion-color-shade)}:host(.ion-activated) .button-native:has(ion-ripple-effect)::after,:host(.button-solid.ion-color.ion-activated) .button-native:has(ion-ripple-effect)::after{background:transparent}@media (any-hover: hover){:host(.button-solid.ion-color:hover) .button-native::after{background:var(--ion-color-shade)}}:host(.button-disabled) .button-native::after{right:0;left:0;top:0;bottom:0;position:absolute;background-color:var(--token-state-disabled, rgba(255, 255, 255, 0.6));content:\"\";pointer-events:none;width:inherit;height:inherit}::slotted(ion-icon){font-size:var(--token-font-size-500, 1.25rem)}:host(.button-small) ::slotted(ion-icon[slot=start]),:host(.button-small) ::slotted(ion-spinner[slot=start]){-webkit-margin-end:var(--token-space-200, var(--token-scale-200, 8px));margin-inline-end:var(--token-space-200, var(--token-scale-200, 8px))}::slotted(ion-icon[slot=start]),::slotted(ion-spinner[slot=start]){-webkit-margin-end:var(--token-space-250, var(--token-scale-250, 10px));margin-inline-end:var(--token-space-250, var(--token-scale-250, 10px))}:host(.button-large) ::slotted(ion-icon[slot=start]),:host(.button-large) ::slotted(ion-spinner[slot=start]){-webkit-margin-end:var(--token-space-300, var(--token-scale-300, 12px));margin-inline-end:var(--token-space-300, var(--token-scale-300, 12px))}:host(.button-small) ::slotted(ion-icon[slot=end]),:host(.button-small) ::slotted(ion-spinner[slot=end]){-webkit-margin-start:var(--token-space-200, var(--token-scale-200, 8px));margin-inline-start:var(--token-space-200, var(--token-scale-200, 8px))}::slotted(ion-icon[slot=end]),::slotted(ion-spinner[slot=end]){-webkit-margin-start:var(--token-space-250, var(--token-scale-250, 10px));margin-inline-start:var(--token-space-250, var(--token-scale-250, 10px))}:host(.button-large) ::slotted(ion-icon[slot=end]),:host(.button-large) ::slotted(ion-spinner[slot=end]){-webkit-margin-start:var(--token-space-300, var(--token-scale-300, 12px));margin-inline-start:var(--token-space-300, var(--token-scale-300, 12px))}:host(.button-has-badge){--padding-top:var(--token-space-0, var(--token-scale-0, 0px));--padding-bottom:var(--token-space-0, var(--token-scale-0, 0px))}:host(.button-small) ::slotted(ion-badge){inset-inline-end:calc(-1 * var(--token-space-050, var(--token-scale-050, 2px)))}:host(.button-medium) ::slotted(ion-badge.long-badge.badge-vertical-top){top:var(--token-space-100, var(--token-scale-100, 4px))}:host(.button-medium) ::slotted(ion-badge.long-badge.badge-vertical-bottom){bottom:var(--token-space-100, var(--token-scale-100, 4px))}:host(.button-medium) ::slotted(ion-badge:not(.long-badge).badge-vertical-top){top:var(--token-space-100, var(--token-scale-100, 4px))}:host(.button-medium) ::slotted(ion-badge:not(.long-badge).badge-vertical-top){inset-inline-end:var(--token-space-150, var(--token-scale-150, 6px))}:host(.button-medium) ::slotted(ion-badge:not(.long-badge).badge-vertical-bottom){bottom:var(--token-space-100, var(--token-scale-100, 4px))}:host(.button-medium) ::slotted(ion-badge:not(.long-badge).badge-vertical-bottom){inset-inline-end:var(--token-space-150, var(--token-scale-150, 6px))}:host(.button-large) ::slotted(ion-badge.long-badge.badge-vertical-top){top:var(--token-space-200, var(--token-scale-200, 8px))}:host(.button-large) ::slotted(ion-badge.long-badge.badge-vertical-bottom){bottom:var(--token-space-200, var(--token-scale-200, 8px))}:host(.button-large) ::slotted(ion-badge:not(.long-badge).badge-vertical-top){top:var(--token-space-200, var(--token-scale-200, 8px))}:host(.button-large) ::slotted(ion-badge:not(.long-badge).badge-vertical-top){inset-inline-end:var(--token-space-200, var(--token-scale-200, 8px))}:host(.button-large) ::slotted(ion-badge:not(.long-badge).badge-vertical-bottom){bottom:var(--token-space-200, var(--token-scale-200, 8px))}:host(.button-large) ::slotted(ion-badge:not(.long-badge).badge-vertical-bottom){inset-inline-end:var(--token-space-200, var(--token-scale-200, 8px))}";
10
+ const buttonIonicCss = ":host{--overflow:hidden;--ripple-color:currentColor;--border-width:initial;--border-color:initial;--border-style:initial;--color-activated:var(--color);--color-focused:var(--color);--color-hover:var(--color);--box-shadow:none;display:inline-block;width:auto;color:var(--color);text-align:center;text-decoration:none;white-space:normal;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;vertical-align:top;vertical-align:-webkit-baseline-middle;-webkit-font-kerning:none;font-kerning:none}:host(.button-disabled){cursor:default;opacity:0.5;pointer-events:none}:host(.button-outline){--background:transparent}:host(.button-clear){--border-width:0;--background:transparent}:host(.button-block){display:block}:host(.button-block) .button-native{margin-left:0;margin-right:0;width:100%;clear:both;contain:content}:host(.button-block) .button-native::after{clear:both}:host(.button-full){display:block}:host(.button-full) .button-native{margin-left:0;margin-right:0;width:100%;contain:content}:host(.button-full:not(.button-round)) .button-native{border-radius:0;border-right-width:0;border-left-width:0}.button-native{border-radius:var(--border-radius);-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;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;display:-ms-flexbox;display:flex;position:relative;-ms-flex-align:center;align-items:center;width:100%;height:100%;min-height:inherit;-webkit-transition:var(--transition);transition:var(--transition);border-width:var(--border-width);border-style:var(--border-style);border-color:var(--border-color);outline:none;background:var(--background);line-height:1;-webkit-box-shadow:var(--box-shadow);box-shadow:var(--box-shadow);contain:layout style;cursor:pointer;opacity:var(--opacity);overflow:var(--overflow);z-index:0;-webkit-box-sizing:border-box;box-sizing:border-box;-webkit-appearance:none;-moz-appearance:none;appearance:none}.button-native::-moz-focus-inner{border:0}.button-inner{display:-ms-flexbox;display:flex;position:relative;-ms-flex-flow:row nowrap;flex-flow:row nowrap;-ms-flex-negative:0;flex-shrink:0;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;width:100%;height:100%;z-index:1}::slotted([slot=start]),::slotted([slot=end]){-ms-flex-negative:0;flex-shrink:0}::slotted(ion-icon),::slotted(ion-spinner){pointer-events:none}ion-ripple-effect{color:var(--ripple-color)}.button-native::after{right:0;left:0;top:0;bottom:0;position:absolute;content:\"\";opacity:0}:host(.ion-focused){color:var(--color-focused)}:host(.ion-focused) .button-native::after{background:var(--background-focused);opacity:var(--background-focused-opacity)}@media (any-hover: hover){:host(:hover){color:var(--color-hover)}:host(:hover) .button-native::after{background:var(--background-hover);opacity:var(--background-hover-opacity)}}:host(.ion-activated){color:var(--color-activated)}:host(.ion-activated) .button-native::after{background:var(--background-activated);opacity:var(--background-activated-opacity)}:host(.button-solid.ion-color) .button-native{background:var(--ion-color-base);color:var(--ion-color-contrast)}:host(.button-outline.ion-color) .button-native{border-color:var(--ion-color-base);background:transparent;color:var(--ion-color-base)}:host(.button-clear.ion-color) .button-native{background:transparent;color:var(--ion-color-foreground)}:host(.in-toolbar:not(.ion-color):not(.in-toolbar-color)) .button-native{color:var(--ion-toolbar-color, var(--color))}:host(.button-outline.in-toolbar:not(.ion-color):not(.in-toolbar-color)) .button-native{border-color:var(--ion-toolbar-color, var(--color, var(--border-color)))}:host(.button-solid.in-toolbar:not(.ion-color):not(.in-toolbar-color)) .button-native{background:var(--ion-toolbar-color, var(--background));color:var(--ion-toolbar-background, var(--color))}.button-native ion-ripple-effect,.button-native::after{border-radius:inherit}:host(.button-has-badge) .button-native{--overflow:visible}:host ::slotted(ion-badge[vertical]:not(:empty)){display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center}:host{--padding-top:var(--ion-space-0, var(--ion-scale-0, 0px));--padding-end:var(--ion-space-0, var(--ion-scale-0, 0px));--padding-bottom:var(--padding-top);--padding-start:var(--padding-end);--focus-ring-color:var(--ion-border-focus-default, var(--ion-primitives-blue-400, #b5c0f7));--focus-ring-width:var(--ion-border-size-050, var(--ion-scale-050, 2px));position:relative}:host::after{right:0;left:0;top:50%;position:absolute;height:100%;min-height:var(--ion-scale-1200, 48px);-webkit-transform:translateY(-50%);transform:translateY(-50%);content:\"\";cursor:pointer;z-index:1}:host(.button-clear){--color:var(--ion-color-primary-foreground, var(--ion-text-primary, var(--ion-semantics-primary-900, var(--ion-primitives-blue-900, #0d4bc3))))}:host(.button-solid){--background-activated:var(--ion-color-primary-shade, var(--ion-bg-primary-base-press, var(--ion-semantics-primary-900, var(--ion-primitives-blue-900, #0d4bc3))));--background-hover:var(--ion-color-primary-shade, var(--ion-bg-primary-base-press, var(--ion-semantics-primary-900, var(--ion-primitives-blue-900, #0d4bc3))));--background-focused:transparent;--background-hover-opacity:1;--background:var(--ion-color-primary, var(--ion-bg-primary-base-default, var(--ion-semantics-primary-base, var(--ion-semantics-primary-700, var(--ion-primitives-blue-700, #105cef)))));--color:var(--ion-color-primary-contrast, var(--ion-text-inverse, var(--ion-primitives-base-white, #ffffff)));--ripple-opacity:var(--background-activated-opacity, 1);--ripple-color:var(--background-activated)}:host(.button-outline){--border-width:var(--ion-border-size-025, var(--ion-scale-025, 1px));--border-style:var(--ion-border-style-solid, solid);--background-activated:var(--ion-bg-neutral-subtlest-press, var(--ion-primitives-neutral-200, #efefef));--background-focused:transparent;--background-hover:var(--ion-bg-neutral-subtlest-press, var(--ion-primitives-neutral-200, #efefef));--background-hover-opacity:1;--border-color:var(--ion-color-primary, var(--ion-bg-primary-base-default, var(--ion-semantics-primary-base, var(--ion-semantics-primary-700, var(--ion-primitives-blue-700, #105cef)))));--color:var(--ion-color-primary, var(--ion-bg-primary-base-default, var(--ion-semantics-primary-base, var(--ion-semantics-primary-700, var(--ion-primitives-blue-700, #105cef)))));--ripple-opacity:var(--background-activated-opacity, 1);--ripple-color:var(--background-activated)}:host(.button-clear){--background-activated:var(--ion-bg-neutral-subtlest-press, var(--ion-primitives-neutral-200, #efefef));--background-focused:transparent;--background-hover:var(--ion-bg-neutral-subtlest-press, var(--ion-primitives-neutral-200, #efefef));--background-hover-opacity:1;--color:var(--ion-color-primary-foreground, var(--ion-text-primary, var(--ion-semantics-primary-900, var(--ion-primitives-blue-900, #0d4bc3))));--ripple-opacity:var(--background-activated-opacity, 1);--ripple-color:var(--background-activated)}:host(.button-solid.ion-color) ion-ripple-effect{color:var(--ion-color-shade)}:host(.button-outline.ion-color) ion-ripple-effect,:host(.button-clear.ion-color) ion-ripple-effect{color:var(--ion-primitives-neutral-200, #efefef)}:host(.button-small){--padding-end:var(--ion-space-400, var(--ion-scale-400, 16px));font-size:var(--ion-font-size-350, 0.875rem);font-weight:var(--ion-font-weight-medium, 500);letter-spacing:var(--ion-font-letter-spacing-1, 1%);line-height:var(--ion-font-line-height-500, var(--ion-scale-500, 20px));text-decoration:none;text-transform:none;min-width:var(--ion-scale-1600, 64px);min-height:var(--ion-scale-1000, 40px)}:host(.button-medium){--padding-end:var(--ion-space-500, var(--ion-scale-500, 20px));font-size:var(--ion-font-size-400, 1rem);font-weight:var(--ion-font-weight-medium, 500);letter-spacing:var(--ion-font-letter-spacing-1, 1%);line-height:var(--ion-font-line-height-600, var(--ion-scale-600, 24px));text-decoration:none;text-transform:none;min-width:var(--ion-scale-1800, 72px);min-height:var(--ion-scale-1200, 48px)}:host(.button-large){--padding-end:var(--ion-space-700, var(--ion-scale-700, 28px));font-size:var(--ion-font-size-500, 1.25rem);font-weight:var(--ion-font-weight-medium, 500);letter-spacing:var(--ion-font-letter-spacing-1, 1%);line-height:var(--ion-font-line-height-600, var(--ion-scale-600, 24px));text-decoration:none;text-transform:none;min-width:var(--ion-scale-2000, 80px);min-height:var(--ion-scale-1400, 56px)}:host(.button-small) ::slotted(ion-icon[slot=start]),:host(.button-small) ::slotted(ion-icon[slot=end]),:host(.button-small) ::slotted(ion-icon[slot=icon-only]),:host(.button-medium) ::slotted(ion-icon[slot=start]),:host(.button-medium) ::slotted(ion-icon[slot=end]),:host(.button-medium) ::slotted(ion-icon[slot=icon-only]){width:var(--ion-scale-500, 20px);height:var(--ion-scale-500, 20px)}:host(.button-large) ::slotted(ion-icon[slot=start]),:host(.button-large) ::slotted(ion-icon[slot=end]),:host(.button-large) ::slotted(ion-icon[slot=icon-only]){width:var(--ion-scale-600, 24px);height:var(--ion-scale-600, 24px)}:host(.button-has-icon-only){--padding-end:var(--padding-top);min-width:unset;aspect-ratio:1/1}::slotted(ion-spinner){--color:currentColor}::slotted(ion-spinner[slot=start]),::slotted(ion-spinner[slot=end]),::slotted(ion-spinner[slot=icon-only]){width:var(--ion-scale-500, 20px);height:var(--ion-scale-500, 20px)}:host(.button-soft){--border-radius:var(--ion-border-radius-200, var(--ion-scale-200, 8px))}:host(.button-round){--border-radius:var(--ion-border-radius-full, 999px)}:host(.button-rectangular){--border-radius:var(--ion-border-radius-0, var(--ion-scale-0, 0px))}:host(.ion-focused) .button-native{outline:var(--focus-ring-width) var(--ion-border-style-solid, solid) var(--focus-ring-color);outline-offset:var(--ion-border-size-050, var(--ion-scale-050, 2px))}:host(.button-solid.ion-color.ion-activated) .button-native::after{background:var(--ion-color-shade)}:host(.ion-activated) .button-native:has(ion-ripple-effect)::after,:host(.button-solid.ion-color.ion-activated) .button-native:has(ion-ripple-effect)::after{background:transparent}@media (any-hover: hover){:host(.button-solid.ion-color:hover) .button-native::after{background:var(--ion-color-shade)}}:host(.button-disabled) .button-native::after{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;width:inherit;height:inherit}::slotted(ion-icon){font-size:var(--ion-font-size-500, 1.25rem)}:host(.button-small) ::slotted(ion-icon[slot=start]),:host(.button-small) ::slotted(ion-spinner[slot=start]){-webkit-margin-end:var(--ion-space-200, var(--ion-scale-200, 8px));margin-inline-end:var(--ion-space-200, var(--ion-scale-200, 8px))}::slotted(ion-icon[slot=start]),::slotted(ion-spinner[slot=start]){-webkit-margin-end:var(--ion-space-250, var(--ion-scale-250, 10px));margin-inline-end:var(--ion-space-250, var(--ion-scale-250, 10px))}:host(.button-large) ::slotted(ion-icon[slot=start]),:host(.button-large) ::slotted(ion-spinner[slot=start]){-webkit-margin-end:var(--ion-space-300, var(--ion-scale-300, 12px));margin-inline-end:var(--ion-space-300, var(--ion-scale-300, 12px))}:host(.button-small) ::slotted(ion-icon[slot=end]),:host(.button-small) ::slotted(ion-spinner[slot=end]){-webkit-margin-start:var(--ion-space-200, var(--ion-scale-200, 8px));margin-inline-start:var(--ion-space-200, var(--ion-scale-200, 8px))}::slotted(ion-icon[slot=end]),::slotted(ion-spinner[slot=end]){-webkit-margin-start:var(--ion-space-250, var(--ion-scale-250, 10px));margin-inline-start:var(--ion-space-250, var(--ion-scale-250, 10px))}:host(.button-large) ::slotted(ion-icon[slot=end]),:host(.button-large) ::slotted(ion-spinner[slot=end]){-webkit-margin-start:var(--ion-space-300, var(--ion-scale-300, 12px));margin-inline-start:var(--ion-space-300, var(--ion-scale-300, 12px))}:host(.button-has-badge){--padding-top:var(--ion-space-0, var(--ion-scale-0, 0px));--padding-bottom:var(--ion-space-0, var(--ion-scale-0, 0px))}:host(.button-small) ::slotted(ion-badge){inset-inline-end:calc(-1 * var(--ion-space-050, var(--ion-scale-050, 2px)))}:host(.button-medium) ::slotted(ion-badge.long-badge.badge-vertical-top){top:var(--ion-space-100, var(--ion-scale-100, 4px))}:host(.button-medium) ::slotted(ion-badge.long-badge.badge-vertical-bottom){bottom:var(--ion-space-100, var(--ion-scale-100, 4px))}:host(.button-medium) ::slotted(ion-badge:not(.long-badge).badge-vertical-top){top:var(--ion-space-100, var(--ion-scale-100, 4px))}:host(.button-medium) ::slotted(ion-badge:not(.long-badge).badge-vertical-top){inset-inline-end:var(--ion-space-150, var(--ion-scale-150, 6px))}:host(.button-medium) ::slotted(ion-badge:not(.long-badge).badge-vertical-bottom){bottom:var(--ion-space-100, var(--ion-scale-100, 4px))}:host(.button-medium) ::slotted(ion-badge:not(.long-badge).badge-vertical-bottom){inset-inline-end:var(--ion-space-150, var(--ion-scale-150, 6px))}:host(.button-large) ::slotted(ion-badge.long-badge.badge-vertical-top){top:var(--ion-space-200, var(--ion-scale-200, 8px))}:host(.button-large) ::slotted(ion-badge.long-badge.badge-vertical-bottom){bottom:var(--ion-space-200, var(--ion-scale-200, 8px))}:host(.button-large) ::slotted(ion-badge:not(.long-badge).badge-vertical-top){top:var(--ion-space-200, var(--ion-scale-200, 8px))}:host(.button-large) ::slotted(ion-badge:not(.long-badge).badge-vertical-top){inset-inline-end:var(--ion-space-200, var(--ion-scale-200, 8px))}:host(.button-large) ::slotted(ion-badge:not(.long-badge).badge-vertical-bottom){bottom:var(--ion-space-200, var(--ion-scale-200, 8px))}:host(.button-large) ::slotted(ion-badge:not(.long-badge).badge-vertical-bottom){inset-inline-end:var(--ion-space-200, var(--ion-scale-200, 8px))}";
11
11
 
12
12
  const buttonIosCss = ":host{--overflow:hidden;--ripple-color:currentColor;--border-width:initial;--border-color:initial;--border-style:initial;--color-activated:var(--color);--color-focused:var(--color);--color-hover:var(--color);--box-shadow:none;display:inline-block;width:auto;color:var(--color);text-align:center;text-decoration:none;white-space:normal;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;vertical-align:top;vertical-align:-webkit-baseline-middle;-webkit-font-kerning:none;font-kerning:none}:host(.button-disabled){cursor:default;opacity:0.5;pointer-events:none}:host(.button-outline){--background:transparent}:host(.button-clear){--border-width:0;--background:transparent}:host(.button-block){display:block}:host(.button-block) .button-native{margin-left:0;margin-right:0;width:100%;clear:both;contain:content}:host(.button-block) .button-native::after{clear:both}:host(.button-full){display:block}:host(.button-full) .button-native{margin-left:0;margin-right:0;width:100%;contain:content}:host(.button-full:not(.button-round)) .button-native{border-radius:0;border-right-width:0;border-left-width:0}.button-native{border-radius:var(--border-radius);-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;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;display:-ms-flexbox;display:flex;position:relative;-ms-flex-align:center;align-items:center;width:100%;height:100%;min-height:inherit;-webkit-transition:var(--transition);transition:var(--transition);border-width:var(--border-width);border-style:var(--border-style);border-color:var(--border-color);outline:none;background:var(--background);line-height:1;-webkit-box-shadow:var(--box-shadow);box-shadow:var(--box-shadow);contain:layout style;cursor:pointer;opacity:var(--opacity);overflow:var(--overflow);z-index:0;-webkit-box-sizing:border-box;box-sizing:border-box;-webkit-appearance:none;-moz-appearance:none;appearance:none}.button-native::-moz-focus-inner{border:0}.button-inner{display:-ms-flexbox;display:flex;position:relative;-ms-flex-flow:row nowrap;flex-flow:row nowrap;-ms-flex-negative:0;flex-shrink:0;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;width:100%;height:100%;z-index:1}::slotted([slot=start]),::slotted([slot=end]){-ms-flex-negative:0;flex-shrink:0}::slotted(ion-icon),::slotted(ion-spinner){pointer-events:none}ion-ripple-effect{color:var(--ripple-color)}.button-native::after{right:0;left:0;top:0;bottom:0;position:absolute;content:\"\";opacity:0}:host(.ion-focused){color:var(--color-focused)}:host(.ion-focused) .button-native::after{background:var(--background-focused);opacity:var(--background-focused-opacity)}@media (any-hover: hover){:host(:hover){color:var(--color-hover)}:host(:hover) .button-native::after{background:var(--background-hover);opacity:var(--background-hover-opacity)}}:host(.ion-activated){color:var(--color-activated)}:host(.ion-activated) .button-native::after{background:var(--background-activated);opacity:var(--background-activated-opacity)}:host(.button-solid.ion-color) .button-native{background:var(--ion-color-base);color:var(--ion-color-contrast)}:host(.button-outline.ion-color) .button-native{border-color:var(--ion-color-base);background:transparent;color:var(--ion-color-base)}:host(.button-clear.ion-color) .button-native{background:transparent;color:var(--ion-color-foreground)}:host(.in-toolbar:not(.ion-color):not(.in-toolbar-color)) .button-native{color:var(--ion-toolbar-color, var(--color))}:host(.button-outline.in-toolbar:not(.ion-color):not(.in-toolbar-color)) .button-native{border-color:var(--ion-toolbar-color, var(--color, var(--border-color)))}:host(.button-solid.in-toolbar:not(.ion-color):not(.in-toolbar-color)) .button-native{background:var(--ion-toolbar-color, var(--background));color:var(--ion-toolbar-background, var(--color))}.button-native ion-ripple-effect,.button-native::after{border-radius:inherit}:host(.button-has-badge) .button-native{--overflow:visible}:host ::slotted(ion-badge[vertical]:not(:empty)){display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center}:host{font-family:var(--ion-font-family, inherit)}:host(.button-solid){--background:var(--ion-color-primary, #0054e9);--color:var(--ion-color-primary-contrast, #fff)}:host(.button-outline){--border-color:var(--ion-color-primary, #0054e9);--color:var(--ion-color-primary, #0054e9)}:host(.button-clear){--color:var(--ion-color-primary, #0054e9)}::slotted(ion-icon){font-size:1.35em}::slotted(ion-icon[slot=start]){-webkit-margin-start:-0.3em;margin-inline-start:-0.3em;-webkit-margin-end:0.3em;margin-inline-end:0.3em;margin-top:0;margin-bottom:0}::slotted(ion-icon[slot=end]){-webkit-margin-start:0.3em;margin-inline-start:0.3em;-webkit-margin-end:-0.2em;margin-inline-end:-0.2em;margin-top:0;margin-bottom:0}.button-native ::slotted(ion-badge){position:fixed}:host ::slotted(ion-badge[vertical]:not(:empty)){-webkit-padding-start:2px;padding-inline-start:2px;-webkit-padding-end:2px;padding-inline-end:2px;padding-top:2px;padding-bottom:2px}:host{--padding-top:13px;--padding-bottom:13px;--padding-start:1em;--padding-end:1em;--transition:background-color, opacity 100ms linear;-webkit-margin-start:2px;margin-inline-start:2px;-webkit-margin-end:2px;margin-inline-end:2px;margin-top:4px;margin-bottom:4px;min-height:3.1em;font-size:min(1rem, 48px);font-weight:500;letter-spacing:0}:host(.button-solid){--background-activated:var(--ion-color-primary-shade, #004acd);--background-focused:var(--ion-color-primary-shade, #004acd);--background-hover:var(--ion-color-primary-tint, #1a65eb);--background-activated-opacity:1;--background-focused-opacity:1;--background-hover-opacity:1}:host(.button-outline){--border-width:1px;--border-style:solid;--background-activated:var(--ion-color-primary, #0054e9);--background-focused:var(--ion-color-primary, #0054e9);--background-hover:transparent;--background-focused-opacity:0.1;--color-activated:var(--ion-color-primary-contrast, #fff)}:host(.button-clear){--background-activated:transparent;--background-activated-opacity:0;--background-focused:var(--ion-color-primary, #0054e9);--background-hover:transparent;--background-focused-opacity:0.1;font-size:min(1.0625rem, 51px);font-weight:normal}:host(.in-buttons){font-size:clamp(17px, 1.0625rem, 21.08px);font-weight:400}:host(.button-large){--padding-top:17px;--padding-start:1em;--padding-end:1em;--padding-bottom:17px;min-height:3.1em;font-size:min(1.25rem, 60px)}:host(.button-small){--padding-top:4px;--padding-start:0.9em;--padding-end:0.9em;--padding-bottom:4px;min-height:2.1em;font-size:min(0.8125rem, 39px)}:host(.button-soft){--border-radius:6px}:host(.button-soft.button-large){--border-radius:8px}:host(.button-soft.button-small){--border-radius:4px}:host(.button-round){--border-radius:999px}:host(.button-rectangular){--border-radius:0px}:host(.button-strong){font-weight:600}:host(.button-has-icon-only){--padding-top:0;--padding-bottom:var(--padding-top);--padding-end:var(--padding-top);--padding-start:var(--padding-end);min-width:clamp(30px, 2.125em, 60px);min-height:clamp(30px, 2.125em, 60px)}::slotted(ion-icon[slot=icon-only]){font-size:clamp(15.12px, 1.125em, 43.02px)}:host(.button-small.button-has-icon-only){min-width:clamp(23px, 2.16em, 54px);min-height:clamp(23px, 2.16em, 54px)}:host(.button-small) ::slotted(ion-icon[slot=icon-only]){font-size:clamp(12.1394px, 1.308125em, 40.1856px)}:host(.button-large.button-has-icon-only){min-width:clamp(46px, 2.5em, 78px);min-height:clamp(46px, 2.5em, 78px)}:host(.button-large) ::slotted(ion-icon[slot=icon-only]){font-size:clamp(15.12px, 0.9em, 43.056px)}:host(.button-outline.ion-focused.ion-color) .button-native,:host(.button-clear.ion-focused.ion-color) .button-native{color:var(--ion-color-base)}:host(.button-outline.ion-focused.ion-color) .button-native::after,:host(.button-clear.ion-focused.ion-color) .button-native::after{background:var(--ion-color-base)}:host(.button-solid.ion-color.ion-focused) .button-native::after{background:var(--ion-color-shade)}@media (any-hover: hover){:host(.button-clear:not(.ion-activated):hover),:host(.button-outline:not(.ion-activated):hover){opacity:0.6}:host(.button-clear.ion-color:hover) .button-native,:host(.button-outline.ion-color:hover) .button-native{color:var(--ion-color-base)}:host(.button-clear.ion-color:hover) .button-native::after,:host(.button-outline.ion-color:hover) .button-native::after{background:transparent}:host(.button-solid.ion-color:hover) .button-native::after{background:var(--ion-color-tint)}:host(:hover.button-solid.in-toolbar:not(.ion-color):not(.in-toolbar-color):not(.ion-activated)) .button-native::after{background:#fff;opacity:0.1}}:host(.button-clear.ion-activated){opacity:0.4}:host(.button-outline.ion-activated.ion-color) .button-native{color:var(--ion-color-contrast)}:host(.button-outline.ion-activated.ion-color) .button-native::after{background:var(--ion-color-base)}:host(.button-solid.ion-color.ion-activated) .button-native::after{background:var(--ion-color-shade)}:host(.button-outline.ion-activated.in-toolbar:not(.ion-color):not(.in-toolbar-color)) .button-native{background:var(--ion-toolbar-color, var(--color));color:var(--ion-toolbar-background, var(--background), var(--ion-color-primary-contrast, #fff))}";
13
13
 
package/dist/esm/ion-card_5.entry.js CHANGED
@@ -7,7 +7,7 @@ import { o as openURL, c as createColorClasses } from './theme-DiVJyqlX.js';
7
7
  import { c as getIonTheme } from './ionic-global-Dtd5Ma5B.js';
8
8
  import './focus-visible-vXpMhGrs.js';
9
9
 
10
- const cardIonicCss = ":host{--ion-safe-area-left:0px;--ion-safe-area-right:0px;border-radius:var(--border-radius);-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;display:block;position:relative;background:var(--background);color:var(--color);contain:content;overflow:hidden}:host(.ion-color){background:current-color(base);color:current-color(contrast)}button,a{cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-user-drag:none}ion-ripple-effect{color:var(--ripple-color)}:host{--background:var(--token-primitives-base-white, #ffffff);--border-width:var(--token-border-size-025, var(--token-scale-025, 1px));--border-color:var(--token-border-default, var(--token-primitives-neutral-400, #d5d5d5));--border-style:var(--token-border-style-solid, solid);--border-radius:var(--token-round-xl, var(--token-border-radius-400, var(--token-scale-400, 16px)));--color:var(--token-primitives-neutral-1200, #242424);min-width:var(--token-scale-2400, 96px);border:var(--border-width) var(--border-style) var(--border-color)}::slotted(img){display:block}:host(.card-soft){--border-radius:var(--token-soft-xl, var(--token-border-radius-200, var(--token-scale-200, 8px)))}:host(.card-round){--border-radius:var(--token-round-xl, var(--token-border-radius-400, var(--token-scale-400, 16px)))}:host(.card-rectangular){--border-radius:var(--token-rectangular-xl, var(--token-border-radius-0, var(--token-scale-0, 0px)))}";
10
+ const cardIonicCss = ":host{--ion-safe-area-left:0px;--ion-safe-area-right:0px;border-radius:var(--border-radius);-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;display:block;position:relative;background:var(--background);color:var(--color);contain:content;overflow:hidden}:host(.ion-color){background:current-color(base);color:current-color(contrast)}button,a{cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-user-drag:none}ion-ripple-effect{color:var(--ripple-color)}:host{--background:var(--ion-primitives-base-white, #ffffff);--border-width:var(--ion-border-size-025, var(--ion-scale-025, 1px));--border-color:var(--ion-border-default, var(--ion-primitives-neutral-400, #d5d5d5));--border-style:var(--ion-border-style-solid, solid);--border-radius:var(--ion-round-xl, var(--ion-border-radius-400, var(--ion-scale-400, 16px)));--color:var(--ion-primitives-neutral-1200, #242424);min-width:var(--ion-scale-2400, 96px);border:var(--border-width) var(--border-style) var(--border-color)}::slotted(img){display:block}:host(.card-soft){--border-radius:var(--ion-soft-xl, var(--ion-border-radius-200, var(--ion-scale-200, 8px)))}:host(.card-round){--border-radius:var(--ion-round-xl, var(--ion-border-radius-400, var(--ion-scale-400, 16px)))}:host(.card-rectangular){--border-radius:var(--ion-rectangular-xl, var(--ion-border-radius-0, var(--ion-scale-0, 0px)))}";
11
11
 
12
12
  const cardIosCss = ":host{--ion-safe-area-left:0px;--ion-safe-area-right:0px;border-radius:var(--border-radius);-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;display:block;position:relative;background:var(--background);color:var(--color);contain:content;overflow:hidden}:host(.ion-color){background:var(--ion-color-base);color:var(--ion-color-contrast)}button,a{cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-user-drag:none}ion-ripple-effect{color:var(--ripple-color)}:host{font-family:var(--ion-font-family, inherit)}:host(.card-disabled){cursor:default;opacity:0.3;pointer-events:none}.card-native{color:inherit;font-family:inherit;font-size:inherit;font-style:inherit;font-weight:inherit;letter-spacing:inherit;text-align:inherit;text-decoration:inherit;text-indent:inherit;text-overflow:inherit;text-transform:inherit;white-space:inherit;padding-left:0;padding-right:0;padding-top:0;padding-bottom:0;margin-left:0;margin-right:0;margin-top:0;margin-bottom:0;display:block;width:100%;min-height:var(--min-height);-webkit-transition:var(--transition);transition:var(--transition);border-width:var(--border-width);border-style:var(--border-style);border-color:var(--border-color);outline:none;background:inherit}.card-native::-moz-focus-inner{border:0}:host{--background:var(--ion-card-background, var(--ion-item-background, var(--ion-background-color, #fff)));--color:var(--ion-card-color, var(--ion-item-color, var(--ion-color-step-600, var(--ion-text-color-step-400, #666666))));-webkit-margin-start:16px;margin-inline-start:16px;-webkit-margin-end:16px;margin-inline-end:16px;margin-top:24px;margin-bottom:24px;-webkit-transition:-webkit-transform 500ms cubic-bezier(0.12, 0.72, 0.29, 1);transition:-webkit-transform 500ms cubic-bezier(0.12, 0.72, 0.29, 1);transition:transform 500ms cubic-bezier(0.12, 0.72, 0.29, 1);transition:transform 500ms cubic-bezier(0.12, 0.72, 0.29, 1), -webkit-transform 500ms cubic-bezier(0.12, 0.72, 0.29, 1);font-size:0.875rem;-webkit-box-shadow:0 4px 16px rgba(0, 0, 0, 0.12);box-shadow:0 4px 16px rgba(0, 0, 0, 0.12)}:host(.ion-activated){-webkit-transform:scale3d(0.97, 0.97, 1);transform:scale3d(0.97, 0.97, 1)}:host(.card-soft){--border-radius:8px}:host(.card-round){--border-radius:14px}:host(.card-rectangular){--border-radius:0px}";
13
13
 
@@ -82,7 +82,7 @@ Card.style = {
82
82
  md: cardMdCss
83
83
  };
84
84
 
85
- const cardContentIonicCss = "ion-card-content{position:relative}.card-content-ionic{-webkit-padding-start:var(--token-space-400, var(--token-scale-400, 16px));padding-inline-start:var(--token-space-400, var(--token-scale-400, 16px));-webkit-padding-end:var(--token-space-400, var(--token-scale-400, 16px));padding-inline-end:var(--token-space-400, var(--token-scale-400, 16px));padding-top:var(--token-space-400, var(--token-scale-400, 16px));padding-bottom:var(--token-space-400, var(--token-scale-400, 16px));font-size:var(--token-font-size-350, 0.875rem);font-weight:var(--token-font-weight-regular, 400);letter-spacing:var(--token-font-letter-spacing-0, 0%);line-height:var(--token-font-line-height-600, var(--token-scale-600, 24px));text-decoration:none;text-transform:none;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;gap:var(--token-space-400, var(--token-scale-400, 16px))}.card-content-ionic img{margin-left:0;margin-right:0;margin-top:var(--token-space-200, var(--token-scale-200, 8px));margin-bottom:var(--token-space-200, var(--token-scale-200, 8px))}ion-card-header+.card-content-ionic{padding-top:0}";
85
+ const cardContentIonicCss = "ion-card-content{position:relative}.card-content-ionic{-webkit-padding-start:var(--ion-space-400, var(--ion-scale-400, 16px));padding-inline-start:var(--ion-space-400, var(--ion-scale-400, 16px));-webkit-padding-end:var(--ion-space-400, var(--ion-scale-400, 16px));padding-inline-end:var(--ion-space-400, var(--ion-scale-400, 16px));padding-top:var(--ion-space-400, var(--ion-scale-400, 16px));padding-bottom:var(--ion-space-400, var(--ion-scale-400, 16px));font-size:var(--ion-font-size-350, 0.875rem);font-weight:var(--ion-font-weight-regular, 400);letter-spacing:var(--ion-font-letter-spacing-0, 0%);line-height:var(--ion-font-line-height-600, var(--ion-scale-600, 24px));text-decoration:none;text-transform:none;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;gap:var(--ion-space-400, var(--ion-scale-400, 16px))}.card-content-ionic img{margin-left:0;margin-right:0;margin-top:var(--ion-space-200, var(--ion-scale-200, 8px));margin-bottom:var(--ion-space-200, var(--ion-scale-200, 8px))}ion-card-header+.card-content-ionic{padding-top:0}";
86
86
 
87
87
  const cardContentIosCss = "ion-card-content{position:relative}ion-card-content{display:block}.card-content-ios{-webkit-padding-start:20px;padding-inline-start:20px;-webkit-padding-end:20px;padding-inline-end:20px;padding-top:20px;padding-bottom:20px;font-size:1rem;line-height:1.4}.card-content-ios h1{margin-left:0;margin-right:0;margin-top:0;margin-bottom:2px;font-size:1.5rem;font-weight:normal}.card-content-ios h2{margin-left:0;margin-right:0;margin-top:2px;margin-bottom:2px;font-size:1rem;font-weight:normal}.card-content-ios h3,.card-content-ios h4,.card-content-ios h5,.card-content-ios h6{margin-left:0;margin-right:0;margin-top:2px;margin-bottom:2px;font-size:0.875rem;font-weight:normal}.card-content-ios p{margin-left:0;margin-right:0;margin-top:0;margin-bottom:2px;font-size:0.875rem}ion-card-header+.card-content-ios{padding-top:0}";
88
88
 
@@ -107,7 +107,7 @@ CardContent.style = {
107
107
  md: cardContentMdCss
108
108
  };
109
109
 
110
- const cardHeaderIonicCss = ":host{--background:transparent;--color:inherit;display:-ms-flexbox;display:flex;position:relative;-ms-flex-direction:column;flex-direction:column;background:var(--background);color:var(--color)}:host(.ion-color){background:var(--ion-color-base);color:var(--ion-color-contrast)}:host{-webkit-padding-start:var(--token-space-400, var(--token-scale-400, 16px));padding-inline-start:var(--token-space-400, var(--token-scale-400, 16px));-webkit-padding-end:var(--token-space-400, var(--token-scale-400, 16px));padding-inline-end:var(--token-space-400, var(--token-scale-400, 16px));padding-top:var(--token-space-400, var(--token-scale-400, 16px));padding-bottom:var(--token-space-400, var(--token-scale-400, 16px));gap:var(--token-space-050, var(--token-scale-050, 2px))}";
110
+ const cardHeaderIonicCss = ":host{--background:transparent;--color:inherit;display:-ms-flexbox;display:flex;position:relative;-ms-flex-direction:column;flex-direction:column;background:var(--background);color:var(--color)}:host(.ion-color){background:var(--ion-color-base);color:var(--ion-color-contrast)}:host{-webkit-padding-start:var(--ion-space-400, var(--ion-scale-400, 16px));padding-inline-start:var(--ion-space-400, var(--ion-scale-400, 16px));-webkit-padding-end:var(--ion-space-400, var(--ion-scale-400, 16px));padding-inline-end:var(--ion-space-400, var(--ion-scale-400, 16px));padding-top:var(--ion-space-400, var(--ion-scale-400, 16px));padding-bottom:var(--ion-space-400, var(--ion-scale-400, 16px));gap:var(--ion-space-050, var(--ion-scale-050, 2px))}";
111
111
 
112
112
  const cardHeaderIosCss = ":host{--background:transparent;--color:inherit;display:-ms-flexbox;display:flex;position:relative;-ms-flex-direction:column;flex-direction:column;background:var(--background);color:var(--color)}:host(.ion-color){background:var(--ion-color-base);color:var(--ion-color-contrast)}:host{-webkit-padding-start:20px;padding-inline-start:20px;-webkit-padding-end:20px;padding-inline-end:20px;padding-top:20px;padding-bottom:16px;-ms-flex-direction:column-reverse;flex-direction:column-reverse}@supports ((-webkit-backdrop-filter: blur(0)) or (backdrop-filter: blur(0))){:host(.card-header-translucent){background-color:rgba(var(--ion-background-color-rgb, 255, 255, 255), 0.9);-webkit-backdrop-filter:saturate(180%) blur(30px);backdrop-filter:saturate(180%) blur(30px)}}";
113
113
 
@@ -138,7 +138,7 @@ CardHeader.style = {
138
138
  md: cardHeaderMdCss
139
139
  };
140
140
 
141
- const cardSubtitleIonicCss = ":host{display:block;position:relative;color:var(--color)}:host(.ion-color){color:var(--ion-color-base)}:host{--color:var(--token-primitives-neutral-800, #626262);font-size:var(--token-font-size-400, 1rem);font-weight:var(--token-font-weight-regular, 400);letter-spacing:var(--token-font-letter-spacing-0, 0%);line-height:var(--token-font-line-height-600, var(--token-scale-600, 24px));text-decoration:none;text-transform:none}";
141
+ const cardSubtitleIonicCss = ":host{display:block;position:relative;color:var(--color)}:host(.ion-color){color:var(--ion-color-base)}:host{--color:var(--ion-primitives-neutral-800, #626262);font-size:var(--ion-font-size-400, 1rem);font-weight:var(--ion-font-weight-regular, 400);letter-spacing:var(--ion-font-letter-spacing-0, 0%);line-height:var(--ion-font-line-height-600, var(--ion-scale-600, 24px));text-decoration:none;text-transform:none}";
142
142
 
143
143
  const cardSubtitleIosCss = ":host{display:block;position:relative;color:var(--color)}:host(.ion-color){color:var(--ion-color-base)}:host{--color:var(--ion-color-step-600, var(--ion-text-color-step-400, #666666));margin-left:0;margin-right:0;margin-top:0;margin-bottom:4px;padding-left:0;padding-right:0;padding-top:0;padding-bottom:0;font-size:0.75rem;font-weight:700;letter-spacing:0.4px;text-transform:uppercase}";
144
144
 
package/dist/esm/ion-checkbox.entry.js CHANGED
@@ -7,7 +7,7 @@ import { c as createColorClasses, h as hostContext } from './theme-DiVJyqlX.js';
7
7
  import { c as getIonTheme } from './ionic-global-Dtd5Ma5B.js';
8
8
  import './focus-visible-vXpMhGrs.js';
9
9
 
10
- const checkboxIonicCss = ":host{display:inline-block;position:relative;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}:host(.in-item){-ms-flex:1 1 0px;flex:1 1 0;width:100%;height:100%}:host([slot=start]),:host([slot=end]){-ms-flex:initial;flex:initial;width:auto}.checkbox-wrapper{display:-ms-flexbox;display:flex;-ms-flex-positive:1;flex-grow:1;-ms-flex-align:center;align-items:center;-ms-flex-pack:justify;justify-content:space-between;height:inherit;cursor:inherit}.label-text-wrapper{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.label-text-wrapper-hidden{display:none}input{display:none}.native-wrapper{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center}.checkbox-icon{position:relative}.checkbox-icon path{opacity:0}.checkbox-bottom{display:-ms-flexbox;display:flex;-ms-flex-pack:justify;justify-content:space-between;white-space:normal}.checkbox-bottom .error-text{display:none}.checkbox-bottom .helper-text{display:block}:host(.ion-touched.ion-invalid) .checkbox-bottom .error-text{display:block}:host(.ion-touched.ion-invalid) .checkbox-bottom .helper-text{display:none}:host(.checkbox-label-placement-start) .checkbox-wrapper{-ms-flex-direction:row;flex-direction:row}:host(.checkbox-label-placement-end) .checkbox-wrapper{-ms-flex-direction:row-reverse;flex-direction:row-reverse;-ms-flex-pack:start;justify-content:start}:host(.checkbox-label-placement-fixed) .label-text-wrapper{-ms-flex:0 0 100px;flex:0 0 100px;width:100px;min-width:100px;max-width:200px}:host(.checkbox-label-placement-stacked) .checkbox-wrapper{-ms-flex-direction:column;flex-direction:column;text-align:center}:host(.checkbox-label-placement-stacked.checkbox-alignment-start) .label-text-wrapper{-webkit-transform-origin:left top;transform-origin:left top}:host-context([dir=rtl]):host(.checkbox-label-placement-stacked.checkbox-alignment-start) .label-text-wrapper,:host-context([dir=rtl]).checkbox-label-placement-stacked.checkbox-alignment-start .label-text-wrapper{-webkit-transform-origin:right top;transform-origin:right top}@supports selector(:dir(rtl)){:host(.checkbox-label-placement-stacked.checkbox-alignment-start:dir(rtl)) .label-text-wrapper{-webkit-transform-origin:right top;transform-origin:right top}}:host(.checkbox-label-placement-stacked.checkbox-alignment-center) .label-text-wrapper{-webkit-transform-origin:center top;transform-origin:center top}:host-context([dir=rtl]):host(.checkbox-label-placement-stacked.checkbox-alignment-center) .label-text-wrapper,:host-context([dir=rtl]).checkbox-label-placement-stacked.checkbox-alignment-center .label-text-wrapper{-webkit-transform-origin:calc(100% - center) top;transform-origin:calc(100% - center) top}@supports selector(:dir(rtl)){:host(.checkbox-label-placement-stacked.checkbox-alignment-center:dir(rtl)) .label-text-wrapper{-webkit-transform-origin:calc(100% - center) top;transform-origin:calc(100% - center) top}}:host(.checkbox-justify-space-between) .checkbox-wrapper{-ms-flex-pack:justify;justify-content:space-between}:host(.checkbox-justify-start) .checkbox-wrapper{-ms-flex-pack:start;justify-content:start}:host(.checkbox-justify-end) .checkbox-wrapper{-ms-flex-pack:end;justify-content:end}:host(.checkbox-alignment-start) .checkbox-wrapper{-ms-flex-align:start;align-items:start}:host(.checkbox-alignment-center) .checkbox-wrapper{-ms-flex-align:center;align-items:center}:host(.checkbox-justify-space-between),:host(.checkbox-justify-start),:host(.checkbox-justify-end),:host(.checkbox-alignment-start),:host(.checkbox-alignment-center){display:block}:host(.checkbox-checked) .checkbox-icon,:host(.checkbox-indeterminate) .checkbox-icon{border-color:var(--border-color-checked);background:var(--checkbox-background-checked)}:host(.checkbox-checked) .checkbox-icon path,:host(.checkbox-indeterminate) .checkbox-icon path{opacity:1}:host(.checkbox-disabled){pointer-events:none}:host{--border-width:var(--token-border-size-025, var(--token-scale-025, 1px));--border-style:var(--token-border-style-solid, solid);--border-color:var(--token-primitives-neutral-800, #626262);--checkmark-width:var(--token-scale-400, 16px);--checkmark-height:var(--checkmark-width);--focus-ring-color:var(--token-border-focus-default, var(--token-primitives-blue-400, #b5c0f7));--focus-ring-width:var(--token-border-size-050, var(--token-scale-050, 2px));--focus-ring-offset:var(--token-space-050, var(--token-scale-050, 2px));--size:var(--token-scale-600, 24px);--checkbox-background:var(--token-bg-input-default, var(--token-primitives-base-white, #ffffff));--checkbox-background-checked:var(--token-bg-primary-base-default, var(--token-semantics-primary-base, var(--token-semantics-primary-700, var(--token-primitives-blue-700, #105cef))));--border-color-checked:var(--token-semantics-primary-base, var(--token-semantics-primary-700, var(--token-primitives-blue-700, #105cef)));--checkmark-color:var(--token-primitives-base-white, #ffffff);--transition:none;z-index:2}:host::after{right:0;left:0;top:50%;position:absolute;height:100%;min-height:var(--token-scale-1200, 48px);-webkit-transform:translateY(-50%);transform:translateY(-50%);content:\"\";cursor:pointer;z-index:1}:host .native-wrapper{position:relative}.label-text-wrapper{color:var(--token-primitives-neutral-1200, #242424)}:host(.in-item) .label-text-wrapper{margin-top:var(--token-space-250, var(--token-scale-250, 10px));margin-bottom:var(--token-space-250, var(--token-scale-250, 10px))}:host(.in-item.checkbox-label-placement-stacked) .label-text-wrapper{margin-top:var(--token-space-250, var(--token-scale-250, 10px));margin-bottom:var(--token-space-400, var(--token-scale-400, 16px))}:host(.in-item.checkbox-label-placement-stacked) .native-wrapper{margin-bottom:var(--token-space-250, var(--token-scale-250, 10px))}input{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;margin:0;padding:0;border:0;outline:0;opacity:0;overflow:hidden;clip:rect(0 0 0 0);-webkit-appearance:none;-moz-appearance:none}.native-wrapper{border-radius:var(--border-radius);-ms-flex-negative:0;flex-shrink:0;-ms-flex-pack:center;justify-content:center;width:var(--size);height:var(--size);-webkit-transition:var(--transition);transition:var(--transition);border-width:var(--border-width);border-style:var(--border-style);border-color:var(--border-color);background:var(--checkbox-background);-webkit-box-sizing:border-box;box-sizing:border-box}.checkbox-icon{width:var(--checkmark-width);height:var(--checkmark-height)}.checkbox-icon path{fill:var(--checkmark-color)}.checkbox-bottom{font-size:var(--token-font-size-350, 0.875rem);font-weight:var(--token-font-weight-regular, 400);letter-spacing:var(--token-font-letter-spacing-0, 0%);line-height:var(--token-font-line-height-600, var(--token-scale-600, 24px));text-decoration:none;text-transform:none}.checkbox-bottom .error-text{color:var(--token-semantics-danger-800, var(--token-primitives-red-800, #bf2222))}.checkbox-bottom .helper-text{color:var(--token-text-subtlest, var(--token-primitives-neutral-800, #626262))}:host(.checkbox-label-placement-start) .label-text-wrapper{-webkit-margin-start:0;margin-inline-start:0;-webkit-margin-end:var(--token-space-400, var(--token-scale-400, 16px));margin-inline-end:var(--token-space-400, var(--token-scale-400, 16px))}:host(.checkbox-label-placement-end) .label-text-wrapper{-webkit-margin-start:var(--token-space-400, var(--token-scale-400, 16px));margin-inline-start:var(--token-space-400, var(--token-scale-400, 16px));-webkit-margin-end:0;margin-inline-end:0}:host(.checkbox-label-placement-fixed) .label-text-wrapper{-webkit-margin-start:0;margin-inline-start:0;-webkit-margin-end:var(--token-space-400, var(--token-scale-400, 16px));margin-inline-end:var(--token-space-400, var(--token-scale-400, 16px))}:host(.checkbox-label-placement-stacked) .label-text-wrapper{-webkit-transform:scale(0.75);transform:scale(0.75);margin-left:0;margin-right:0;margin-bottom:var(--token-space-400, var(--token-scale-400, 16px));max-width:133.3333333333%}:host(.checkbox-size-small){--size:var(--token-scale-400, 16px)}:host(.checkbox-checked) .native-wrapper,:host(.checkbox-indeterminate) .native-wrapper{border-color:var(--border-color-checked);background:var(--checkbox-background-checked)}:host(.ion-invalid){--focus-ring-color:var(--token-border-focus-error, var(--token-primitives-red-400, #faa1a1))}:host(.ion-invalid:not(.checkbox-checked)) .native-wrapper,:host(.ion-invalid:not(.checkbox-checked).checkbox-disabled) .native-wrapper{border-color:var(--token-border-danger-default, var(--token-semantics-danger-800, var(--token-primitives-red-800, #bf2222)))}:host(.checkbox-disabled) .native-wrapper:after{right:0;left:0;top:0;bottom:0;position:absolute;background-color:var(--token-state-disabled, rgba(255, 255, 255, 0.6));content:\"\";pointer-events:none;right:unset;left:unset;top:unset;bottom:unset;width:inherit;height:inherit}:host(.checkbox-disabled.checkbox-checked) .native-wrapper{border-width:var(--token-border-size-0, var(--token-scale-0, 0px));background-color:var(--token-bg-primary-base-default, var(--token-semantics-primary-base, var(--token-semantics-primary-700, var(--token-primitives-blue-700, #105cef))))}@media (any-hover: hover){:host(:hover) .native-wrapper{background-color:var(--token-primitives-neutral-100, #f5f5f5)}:host(:hover.checkbox-checked) .native-wrapper,:host(:hover.checkbox-checked) .checkbox-icon,:host(:hover.checkbox-indeterminate) .native-wrapper,:host(:hover.checkbox-indeterminate) .checkbox-icon{background-color:var(--token-semantics-primary-800, var(--token-primitives-blue-800, #0f54da))}}:host(.ion-focused:not(.checkbox-disabled)) .native-wrapper{outline-offset:var(--focus-ring-width);outline:var(--focus-ring-width) var(--token-border-style-solid, solid) var(--focus-ring-color)}:host(.ion-activated) .native-wrapper{background-color:var(--token-bg-input-press, var(--token-primitives-neutral-200, #efefef))}:host(.ion-activated.checkbox-checked) .native-wrapper,:host(.ion-activated.checkbox-checked) .checkbox-icon,:host(.ion-activated.checkbox-indeterminate) .native-wrapper,:host(.ion-activated.checkbox-indeterminate) .checkbox-icon{background-color:var(--token-bg-primary-base-press, var(--token-semantics-primary-900, var(--token-primitives-blue-900, #0d4bc3)))}:host(.ion-activated.ion-invalid:not(.checkbox-checked)){background-color:var(--token-bg-input-press, var(--token-primitives-neutral-200, #efefef))}:host(.ion-activated.ion-invalid:not(.checkbox-checked)) .native-wrapper{border-color:var(--token-border-danger-press, var(--token-semantics-danger-1000, var(--token-primitives-red-1000, #761515)))}:host(.checkbox-shape-soft){--border-radius:var(--token-border-radius-100, var(--token-scale-100, 4px))}:host(.checkbox-size-small.checkbox-shape-soft){--border-radius:var(--token-border-radius-025, var(--token-scale-050, 2px))}:host(.checkbox-shape-rectangular){--border-radius:var(--token-border-radius-0, var(--token-scale-0, 0px))}.checkbox-wrapper{min-height:var(--token-scale-1200, 48px)}";
10
+ const checkboxIonicCss = ":host{display:inline-block;position:relative;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}:host(.in-item){-ms-flex:1 1 0px;flex:1 1 0;width:100%;height:100%}:host([slot=start]),:host([slot=end]){-ms-flex:initial;flex:initial;width:auto}.checkbox-wrapper{display:-ms-flexbox;display:flex;-ms-flex-positive:1;flex-grow:1;-ms-flex-align:center;align-items:center;-ms-flex-pack:justify;justify-content:space-between;height:inherit;cursor:inherit}.label-text-wrapper{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.label-text-wrapper-hidden{display:none}input{display:none}.native-wrapper{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center}.checkbox-icon{position:relative}.checkbox-icon path{opacity:0}.checkbox-bottom{display:-ms-flexbox;display:flex;-ms-flex-pack:justify;justify-content:space-between;white-space:normal}.checkbox-bottom .error-text{display:none}.checkbox-bottom .helper-text{display:block}:host(.ion-touched.ion-invalid) .checkbox-bottom .error-text{display:block}:host(.ion-touched.ion-invalid) .checkbox-bottom .helper-text{display:none}:host(.checkbox-label-placement-start) .checkbox-wrapper{-ms-flex-direction:row;flex-direction:row}:host(.checkbox-label-placement-end) .checkbox-wrapper{-ms-flex-direction:row-reverse;flex-direction:row-reverse;-ms-flex-pack:start;justify-content:start}:host(.checkbox-label-placement-fixed) .label-text-wrapper{-ms-flex:0 0 100px;flex:0 0 100px;width:100px;min-width:100px;max-width:200px}:host(.checkbox-label-placement-stacked) .checkbox-wrapper{-ms-flex-direction:column;flex-direction:column;text-align:center}:host(.checkbox-label-placement-stacked.checkbox-alignment-start) .label-text-wrapper{-webkit-transform-origin:left top;transform-origin:left top}:host-context([dir=rtl]):host(.checkbox-label-placement-stacked.checkbox-alignment-start) .label-text-wrapper,:host-context([dir=rtl]).checkbox-label-placement-stacked.checkbox-alignment-start .label-text-wrapper{-webkit-transform-origin:right top;transform-origin:right top}@supports selector(:dir(rtl)){:host(.checkbox-label-placement-stacked.checkbox-alignment-start:dir(rtl)) .label-text-wrapper{-webkit-transform-origin:right top;transform-origin:right top}}:host(.checkbox-label-placement-stacked.checkbox-alignment-center) .label-text-wrapper{-webkit-transform-origin:center top;transform-origin:center top}:host-context([dir=rtl]):host(.checkbox-label-placement-stacked.checkbox-alignment-center) .label-text-wrapper,:host-context([dir=rtl]).checkbox-label-placement-stacked.checkbox-alignment-center .label-text-wrapper{-webkit-transform-origin:calc(100% - center) top;transform-origin:calc(100% - center) top}@supports selector(:dir(rtl)){:host(.checkbox-label-placement-stacked.checkbox-alignment-center:dir(rtl)) .label-text-wrapper{-webkit-transform-origin:calc(100% - center) top;transform-origin:calc(100% - center) top}}:host(.checkbox-justify-space-between) .checkbox-wrapper{-ms-flex-pack:justify;justify-content:space-between}:host(.checkbox-justify-start) .checkbox-wrapper{-ms-flex-pack:start;justify-content:start}:host(.checkbox-justify-end) .checkbox-wrapper{-ms-flex-pack:end;justify-content:end}:host(.checkbox-alignment-start) .checkbox-wrapper{-ms-flex-align:start;align-items:start}:host(.checkbox-alignment-center) .checkbox-wrapper{-ms-flex-align:center;align-items:center}:host(.checkbox-justify-space-between),:host(.checkbox-justify-start),:host(.checkbox-justify-end),:host(.checkbox-alignment-start),:host(.checkbox-alignment-center){display:block}:host(.checkbox-checked) .checkbox-icon,:host(.checkbox-indeterminate) .checkbox-icon{border-color:var(--border-color-checked);background:var(--checkbox-background-checked)}:host(.checkbox-checked) .checkbox-icon path,:host(.checkbox-indeterminate) .checkbox-icon path{opacity:1}:host(.checkbox-disabled){pointer-events:none}:host{--border-width:var(--ion-border-size-025, var(--ion-scale-025, 1px));--border-style:var(--ion-border-style-solid, solid);--border-color:var(--ion-primitives-neutral-800, #626262);--checkmark-width:var(--ion-scale-400, 16px);--checkmark-height:var(--checkmark-width);--focus-ring-color:var(--ion-border-focus-default, var(--ion-primitives-blue-400, #b5c0f7));--focus-ring-width:var(--ion-border-size-050, var(--ion-scale-050, 2px));--focus-ring-offset:var(--ion-space-050, var(--ion-scale-050, 2px));--size:var(--ion-scale-600, 24px);--checkbox-background:var(--ion-bg-input-default, var(--ion-primitives-base-white, #ffffff));--checkbox-background-checked:var(--ion-bg-primary-base-default, var(--ion-semantics-primary-base, var(--ion-semantics-primary-700, var(--ion-primitives-blue-700, #105cef))));--border-color-checked:var(--ion-semantics-primary-base, var(--ion-semantics-primary-700, var(--ion-primitives-blue-700, #105cef)));--checkmark-color:var(--ion-primitives-base-white, #ffffff);--transition:none;z-index:2}:host::after{right:0;left:0;top:50%;position:absolute;height:100%;min-height:var(--ion-scale-1200, 48px);-webkit-transform:translateY(-50%);transform:translateY(-50%);content:\"\";cursor:pointer;z-index:1}:host .native-wrapper{position:relative}.label-text-wrapper{color:var(--ion-primitives-neutral-1200, #242424)}:host(.in-item) .label-text-wrapper{margin-top:var(--ion-space-250, var(--ion-scale-250, 10px));margin-bottom:var(--ion-space-250, var(--ion-scale-250, 10px))}:host(.in-item.checkbox-label-placement-stacked) .label-text-wrapper{margin-top:var(--ion-space-250, var(--ion-scale-250, 10px));margin-bottom:var(--ion-space-400, var(--ion-scale-400, 16px))}:host(.in-item.checkbox-label-placement-stacked) .native-wrapper{margin-bottom:var(--ion-space-250, var(--ion-scale-250, 10px))}input{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;margin:0;padding:0;border:0;outline:0;opacity:0;overflow:hidden;clip:rect(0 0 0 0);-webkit-appearance:none;-moz-appearance:none}.native-wrapper{border-radius:var(--border-radius);-ms-flex-negative:0;flex-shrink:0;-ms-flex-pack:center;justify-content:center;width:var(--size);height:var(--size);-webkit-transition:var(--transition);transition:var(--transition);border-width:var(--border-width);border-style:var(--border-style);border-color:var(--border-color);background:var(--checkbox-background);-webkit-box-sizing:border-box;box-sizing:border-box}.checkbox-icon{width:var(--checkmark-width);height:var(--checkmark-height)}.checkbox-icon path{fill:var(--checkmark-color)}.checkbox-bottom{font-size:var(--ion-font-size-350, 0.875rem);font-weight:var(--ion-font-weight-regular, 400);letter-spacing:var(--ion-font-letter-spacing-0, 0%);line-height:var(--ion-font-line-height-600, var(--ion-scale-600, 24px));text-decoration:none;text-transform:none}.checkbox-bottom .error-text{color:var(--ion-semantics-danger-800, var(--ion-primitives-red-800, #bf2222))}.checkbox-bottom .helper-text{color:var(--ion-text-subtlest, var(--ion-primitives-neutral-800, #626262))}:host(.checkbox-label-placement-start) .label-text-wrapper{-webkit-margin-start:0;margin-inline-start:0;-webkit-margin-end:var(--ion-space-400, var(--ion-scale-400, 16px));margin-inline-end:var(--ion-space-400, var(--ion-scale-400, 16px))}:host(.checkbox-label-placement-end) .label-text-wrapper{-webkit-margin-start:var(--ion-space-400, var(--ion-scale-400, 16px));margin-inline-start:var(--ion-space-400, var(--ion-scale-400, 16px));-webkit-margin-end:0;margin-inline-end:0}:host(.checkbox-label-placement-fixed) .label-text-wrapper{-webkit-margin-start:0;margin-inline-start:0;-webkit-margin-end:var(--ion-space-400, var(--ion-scale-400, 16px));margin-inline-end:var(--ion-space-400, var(--ion-scale-400, 16px))}:host(.checkbox-label-placement-stacked) .label-text-wrapper{-webkit-transform:scale(0.75);transform:scale(0.75);margin-left:0;margin-right:0;margin-bottom:var(--ion-space-400, var(--ion-scale-400, 16px));max-width:133.3333333333%}:host(.checkbox-size-small){--size:var(--ion-scale-400, 16px)}:host(.checkbox-checked) .native-wrapper,:host(.checkbox-indeterminate) .native-wrapper{border-color:var(--border-color-checked);background:var(--checkbox-background-checked)}:host(.ion-invalid){--focus-ring-color:var(--ion-border-focus-error, var(--ion-primitives-red-400, #faa1a1))}:host(.ion-invalid:not(.checkbox-checked)) .native-wrapper,:host(.ion-invalid:not(.checkbox-checked).checkbox-disabled) .native-wrapper{border-color:var(--ion-border-danger-default, var(--ion-semantics-danger-800, var(--ion-primitives-red-800, #bf2222)))}:host(.checkbox-disabled) .native-wrapper:after{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;right:unset;left:unset;top:unset;bottom:unset;width:inherit;height:inherit}:host(.checkbox-disabled.checkbox-checked) .native-wrapper{border-width:var(--ion-border-size-0, var(--ion-scale-0, 0px));background-color:var(--ion-bg-primary-base-default, var(--ion-semantics-primary-base, var(--ion-semantics-primary-700, var(--ion-primitives-blue-700, #105cef))))}@media (any-hover: hover){:host(:hover) .native-wrapper{background-color:var(--ion-primitives-neutral-100, #f5f5f5)}:host(:hover.checkbox-checked) .native-wrapper,:host(:hover.checkbox-checked) .checkbox-icon,:host(:hover.checkbox-indeterminate) .native-wrapper,:host(:hover.checkbox-indeterminate) .checkbox-icon{background-color:var(--ion-semantics-primary-800, var(--ion-primitives-blue-800, #0f54da))}}:host(.ion-focused:not(.checkbox-disabled)) .native-wrapper{outline-offset:var(--focus-ring-width);outline:var(--focus-ring-width) var(--ion-border-style-solid, solid) var(--focus-ring-color)}:host(.ion-activated) .native-wrapper{background-color:var(--ion-bg-input-press, var(--ion-primitives-neutral-200, #efefef))}:host(.ion-activated.checkbox-checked) .native-wrapper,:host(.ion-activated.checkbox-checked) .checkbox-icon,:host(.ion-activated.checkbox-indeterminate) .native-wrapper,:host(.ion-activated.checkbox-indeterminate) .checkbox-icon{background-color:var(--ion-bg-primary-base-press, var(--ion-semantics-primary-900, var(--ion-primitives-blue-900, #0d4bc3)))}:host(.ion-activated.ion-invalid:not(.checkbox-checked)){background-color:var(--ion-bg-input-press, var(--ion-primitives-neutral-200, #efefef))}:host(.ion-activated.ion-invalid:not(.checkbox-checked)) .native-wrapper{border-color:var(--ion-border-danger-press, var(--ion-semantics-danger-1000, var(--ion-primitives-red-1000, #761515)))}:host(.checkbox-shape-soft){--border-radius:var(--ion-border-radius-100, var(--ion-scale-100, 4px))}:host(.checkbox-size-small.checkbox-shape-soft){--border-radius:var(--ion-border-radius-025, var(--ion-scale-050, 2px))}:host(.checkbox-shape-rectangular){--border-radius:var(--ion-border-radius-0, var(--ion-scale-0, 0px))}.checkbox-wrapper{min-height:var(--ion-scale-1200, 48px)}";
11
11
 
12
12
  const checkboxIosCss = ":host{display:inline-block;position:relative;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}:host(.in-item){-ms-flex:1 1 0px;flex:1 1 0;width:100%;height:100%}:host([slot=start]),:host([slot=end]){-ms-flex:initial;flex:initial;width:auto}.checkbox-wrapper{display:-ms-flexbox;display:flex;-ms-flex-positive:1;flex-grow:1;-ms-flex-align:center;align-items:center;-ms-flex-pack:justify;justify-content:space-between;height:inherit;cursor:inherit}.label-text-wrapper{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.label-text-wrapper-hidden{display:none}input{display:none}.native-wrapper{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center}.checkbox-icon{position:relative}.checkbox-icon path{opacity:0}.checkbox-bottom{display:-ms-flexbox;display:flex;-ms-flex-pack:justify;justify-content:space-between;white-space:normal}.checkbox-bottom .error-text{display:none}.checkbox-bottom .helper-text{display:block}:host(.ion-touched.ion-invalid) .checkbox-bottom .error-text{display:block}:host(.ion-touched.ion-invalid) .checkbox-bottom .helper-text{display:none}:host(.checkbox-label-placement-start) .checkbox-wrapper{-ms-flex-direction:row;flex-direction:row}:host(.checkbox-label-placement-end) .checkbox-wrapper{-ms-flex-direction:row-reverse;flex-direction:row-reverse;-ms-flex-pack:start;justify-content:start}:host(.checkbox-label-placement-fixed) .label-text-wrapper{-ms-flex:0 0 100px;flex:0 0 100px;width:100px;min-width:100px;max-width:200px}:host(.checkbox-label-placement-stacked) .checkbox-wrapper{-ms-flex-direction:column;flex-direction:column;text-align:center}:host(.checkbox-label-placement-stacked.checkbox-alignment-start) .label-text-wrapper{-webkit-transform-origin:left top;transform-origin:left top}:host-context([dir=rtl]):host(.checkbox-label-placement-stacked.checkbox-alignment-start) .label-text-wrapper,:host-context([dir=rtl]).checkbox-label-placement-stacked.checkbox-alignment-start .label-text-wrapper{-webkit-transform-origin:right top;transform-origin:right top}@supports selector(:dir(rtl)){:host(.checkbox-label-placement-stacked.checkbox-alignment-start:dir(rtl)) .label-text-wrapper{-webkit-transform-origin:right top;transform-origin:right top}}:host(.checkbox-label-placement-stacked.checkbox-alignment-center) .label-text-wrapper{-webkit-transform-origin:center top;transform-origin:center top}:host-context([dir=rtl]):host(.checkbox-label-placement-stacked.checkbox-alignment-center) .label-text-wrapper,:host-context([dir=rtl]).checkbox-label-placement-stacked.checkbox-alignment-center .label-text-wrapper{-webkit-transform-origin:calc(100% - center) top;transform-origin:calc(100% - center) top}@supports selector(:dir(rtl)){:host(.checkbox-label-placement-stacked.checkbox-alignment-center:dir(rtl)) .label-text-wrapper{-webkit-transform-origin:calc(100% - center) top;transform-origin:calc(100% - center) top}}:host(.checkbox-justify-space-between) .checkbox-wrapper{-ms-flex-pack:justify;justify-content:space-between}:host(.checkbox-justify-start) .checkbox-wrapper{-ms-flex-pack:start;justify-content:start}:host(.checkbox-justify-end) .checkbox-wrapper{-ms-flex-pack:end;justify-content:end}:host(.checkbox-alignment-start) .checkbox-wrapper{-ms-flex-align:start;align-items:start}:host(.checkbox-alignment-center) .checkbox-wrapper{-ms-flex-align:center;align-items:center}:host(.checkbox-justify-space-between),:host(.checkbox-justify-start),:host(.checkbox-justify-end),:host(.checkbox-alignment-start),:host(.checkbox-alignment-center){display:block}:host(.checkbox-checked) .checkbox-icon,:host(.checkbox-indeterminate) .checkbox-icon{border-color:var(--border-color-checked);background:var(--checkbox-background-checked)}:host(.checkbox-checked) .checkbox-icon path,:host(.checkbox-indeterminate) .checkbox-icon path{opacity:1}:host(.checkbox-disabled){pointer-events:none}:host{--checkbox-background-checked:var(--ion-color-primary, #0054e9);--border-color-checked:var(--ion-color-primary, #0054e9);--checkmark-color:var(--ion-color-primary-contrast, #fff);--transition:none;z-index:2}:host(.ion-color){--checkbox-background-checked:var(--ion-color-base);--border-color-checked:var(--ion-color-base);--checkmark-color:var(--ion-color-contrast)}:host(.in-item) .label-text-wrapper,:host(.in-item:not(.checkbox-label-placement-stacked):not([slot])) .native-wrapper{margin-top:10px;margin-bottom:10px}:host(.in-item.checkbox-label-placement-stacked) .label-text-wrapper{margin-top:10px;margin-bottom:16px}:host(.in-item.checkbox-label-placement-stacked) .native-wrapper{margin-bottom:10px}.checkbox-icon{border-radius:var(--border-radius);width:var(--size);height:var(--size);-webkit-transition:var(--transition);transition:var(--transition);border-width:var(--border-width);border-style:var(--border-style);border-color:var(--border-color);background:var(--checkbox-background);-webkit-box-sizing:border-box;box-sizing:border-box}.checkbox-icon path{fill:none;stroke:var(--checkmark-color);stroke-width:var(--checkmark-width)}.checkbox-bottom{padding-top:4px;font-size:0.75rem}:host(.checkbox-label-placement-stacked) .checkbox-bottom{font-size:1rem}.checkbox-bottom .error-text{color:var(--ion-color-danger, #c5000f)}.checkbox-bottom .helper-text{color:var(--ion-color-step-700, var(--ion-text-color-step-300, #4d4d4d))}:host(.checkbox-label-placement-start) .label-text-wrapper{-webkit-margin-start:0;margin-inline-start:0;-webkit-margin-end:16px;margin-inline-end:16px}:host(.checkbox-label-placement-end) .label-text-wrapper{-webkit-margin-start:16px;margin-inline-start:16px;-webkit-margin-end:0;margin-inline-end:0}:host(.checkbox-label-placement-fixed) .label-text-wrapper{-webkit-margin-start:0;margin-inline-start:0;-webkit-margin-end:16px;margin-inline-end:16px}:host(.checkbox-label-placement-stacked) .label-text-wrapper{-webkit-transform:scale(0.75);transform:scale(0.75);margin-left:0;margin-right:0;margin-bottom:16px;max-width:calc(100% / 0.75)}:host{--border-radius:50%;--border-width:0.125rem;--border-style:solid;--border-color:rgba(var(--ion-text-color-rgb, 0, 0, 0), 0.23);--checkbox-background:var(--ion-item-background, var(--ion-background-color, #fff));--size:min(1.375rem, 55.836px);--checkmark-width:1.5px}:host(.checkbox-disabled){opacity:0.3}";
13
13
 
package/dist/esm/ion-chip.entry.js CHANGED
@@ -5,7 +5,7 @@ import { r as registerInstance, f as printIonWarning, h, d as Host } from './ind
5
5
  import { c as createColorClasses } from './theme-DiVJyqlX.js';
6
6
  import { c as getIonTheme } from './ionic-global-Dtd5Ma5B.js';
7
7
 
8
- const chipIonicCss = ":host{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;display:-ms-inline-flexbox;display:inline-flex;position:relative;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;background:var(--background);color:var(--color);cursor:pointer;overflow:hidden;-webkit-box-sizing:border-box;box-sizing:border-box;vertical-align:middle}:host(.chip-disabled){cursor:default;pointer-events:none}:host{--focus-ring-color:var(--token-border-focus-default, var(--token-primitives-blue-400, #b5c0f7));--focus-ring-width:var(--token-border-size-050, var(--token-scale-050, 2px));-webkit-padding-start:var(--token-space-200, var(--token-scale-200, 8px));padding-inline-start:var(--token-space-200, var(--token-scale-200, 8px));-webkit-padding-end:var(--token-space-200, var(--token-scale-200, 8px));padding-inline-end:var(--token-space-200, var(--token-scale-200, 8px));padding-top:var(--token-space-150, var(--token-scale-150, 6px));padding-bottom:var(--token-space-150, var(--token-scale-150, 6px));border-radius:var(--border-radius);font-size:var(--token-font-size-300, 0.75rem);font-weight:var(--token-font-weight-medium, 500);letter-spacing:var(--token-font-letter-spacing-0, 0%);line-height:var(--token-font-line-height-500, var(--token-scale-500, 20px));text-decoration:none;text-transform:none;gap:var(--token-space-100, var(--token-scale-100, 4px));line-height:var(--token-font-line-height-full, 100%)}:host(.chip-outline){border-width:var(--token-border-size-025, var(--token-scale-025, 1px));border-style:var(--token-border-style-solid, solid)}:host(.ion-focused){outline-offset:var(--token-border-size-050, var(--token-scale-050, 2px));outline:var(--token-border-size-050, var(--token-scale-050, 2px)) var(--token-border-style-solid, solid) var(--focus-ring-color)}@media (any-hover: hover){:host(.chip-subtle:hover){--background:var(--token-primitives-neutral-200, #efefef)}:host(.chip-bold:hover){--background:var(--token-primitives-neutral-1100, #292929)}:host(.chip-subtle.ion-color:hover){background:var(--ion-color-subtle-tint)}:host(.chip-bold.ion-color:hover){background:var(--ion-color-shade)}}:host(.chip-disabled)::after{right:0;left:0;top:0;bottom:0;position:absolute;background-color:var(--token-state-disabled, rgba(255, 255, 255, 0.6));content:\"\";pointer-events:none}:host(.chip-soft){--border-radius:var(--token-border-radius-100, var(--token-scale-100, 4px))}:host(.chip-round){--border-radius:var(--token-border-radius-400, var(--token-scale-400, 16px))}:host(.chip-rectangular){--border-radius:var(--token-border-radius-0, var(--token-scale-0, 0px))}::slotted(ion-icon){font-size:var(--token-font-size-400, 1rem)}:host(.chip-small){min-height:var(--token-scale-600, 24px);font-size:var(--token-font-size-300, 0.75rem)}:host(.chip-large){min-height:var(--token-scale-800, 32px);font-size:var(--token-font-size-350, 0.875rem)}:host(.chip-subtle){--background:var(--token-primitives-neutral-100, #f5f5f5);--color:var(--token-primitives-neutral-800, #626262)}:host(.chip-outline.chip-subtle){border-color:var(--token-primitives-neutral-300, #e0e0e0)}:host(.chip-bold){--background:var(--token-bg-neutral-bold-default, var(--token-primitives-neutral-1000, #3b3b3b));--color:var(--token-primitives-base-white, #ffffff)}:host(.chip-outline.chip-bold){border-color:var(--token-primitives-neutral-1200, #242424)}:host(.chip-subtle.ion-color){background:var(--ion-color-subtle-base);color:var(--ion-color-subtle-contrast)}:host(.chip-subtle.chip-outline.ion-color){border-color:var(--ion-color-subtle-shade)}:host(.chip-bold.ion-color){background:var(--ion-color-base);color:var(--ion-color-contrast)}:host(.chip-bold.chip-outline.ion-color){border-color:var(--ion-color-shade)}";
8
+ const chipIonicCss = ":host{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;display:-ms-inline-flexbox;display:inline-flex;position:relative;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;background:var(--background);color:var(--color);cursor:pointer;overflow:hidden;-webkit-box-sizing:border-box;box-sizing:border-box;vertical-align:middle}:host(.chip-disabled){cursor:default;pointer-events:none}:host{--focus-ring-color:var(--ion-border-focus-default, var(--ion-primitives-blue-400, #b5c0f7));--focus-ring-width:var(--ion-border-size-050, var(--ion-scale-050, 2px));-webkit-padding-start:var(--ion-space-200, var(--ion-scale-200, 8px));padding-inline-start:var(--ion-space-200, var(--ion-scale-200, 8px));-webkit-padding-end:var(--ion-space-200, var(--ion-scale-200, 8px));padding-inline-end:var(--ion-space-200, var(--ion-scale-200, 8px));padding-top:var(--ion-space-150, var(--ion-scale-150, 6px));padding-bottom:var(--ion-space-150, var(--ion-scale-150, 6px));border-radius:var(--border-radius);font-size:var(--ion-font-size-300, 0.75rem);font-weight:var(--ion-font-weight-medium, 500);letter-spacing:var(--ion-font-letter-spacing-0, 0%);line-height:var(--ion-font-line-height-500, var(--ion-scale-500, 20px));text-decoration:none;text-transform:none;gap:var(--ion-space-100, var(--ion-scale-100, 4px));line-height:var(--ion-font-line-height-full, 100%)}:host(.chip-outline){border-width:var(--ion-border-size-025, var(--ion-scale-025, 1px));border-style:var(--ion-border-style-solid, solid)}:host(.ion-focused){outline-offset:var(--ion-border-size-050, var(--ion-scale-050, 2px));outline:var(--ion-border-size-050, var(--ion-scale-050, 2px)) var(--ion-border-style-solid, solid) var(--focus-ring-color)}@media (any-hover: hover){:host(.chip-subtle:hover){--background:var(--ion-primitives-neutral-200, #efefef)}:host(.chip-bold:hover){--background:var(--ion-primitives-neutral-1100, #292929)}:host(.chip-subtle.ion-color:hover){background:var(--ion-color-subtle-tint)}:host(.chip-bold.ion-color:hover){background:var(--ion-color-shade)}}:host(.chip-disabled)::after{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}:host(.chip-soft){--border-radius:var(--ion-border-radius-100, var(--ion-scale-100, 4px))}:host(.chip-round){--border-radius:var(--ion-border-radius-400, var(--ion-scale-400, 16px))}:host(.chip-rectangular){--border-radius:var(--ion-border-radius-0, var(--ion-scale-0, 0px))}::slotted(ion-icon){font-size:var(--ion-font-size-400, 1rem)}:host(.chip-small){min-height:var(--ion-scale-600, 24px);font-size:var(--ion-font-size-300, 0.75rem)}:host(.chip-large){min-height:var(--ion-scale-800, 32px);font-size:var(--ion-font-size-350, 0.875rem)}:host(.chip-subtle){--background:var(--ion-primitives-neutral-100, #f5f5f5);--color:var(--ion-primitives-neutral-800, #626262)}:host(.chip-outline.chip-subtle){border-color:var(--ion-primitives-neutral-300, #e0e0e0)}:host(.chip-bold){--background:var(--ion-bg-neutral-bold-default, var(--ion-primitives-neutral-1000, #3b3b3b));--color:var(--ion-primitives-base-white, #ffffff)}:host(.chip-outline.chip-bold){border-color:var(--ion-primitives-neutral-1200, #242424)}:host(.chip-subtle.ion-color){background:var(--ion-color-subtle-base);color:var(--ion-color-subtle-contrast)}:host(.chip-subtle.chip-outline.ion-color){border-color:var(--ion-color-subtle-shade)}:host(.chip-bold.ion-color){background:var(--ion-color-base);color:var(--ion-color-contrast)}:host(.chip-bold.chip-outline.ion-color){border-color:var(--ion-color-shade)}";
9
9
 
10
10
  const chipIosCss = ":host{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;display:-ms-inline-flexbox;display:inline-flex;position:relative;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;background:var(--background);color:var(--color);cursor:pointer;overflow:hidden;-webkit-box-sizing:border-box;box-sizing:border-box;vertical-align:middle}:host(.chip-disabled){cursor:default;pointer-events:none}:host{--background:rgba(var(--ion-text-color-rgb, 0, 0, 0), 0.12);--color:rgba(var(--ion-text-color-rgb, 0, 0, 0), 0.87);border-radius:var(--border-radius);-webkit-margin-start:4px;margin-inline-start:4px;-webkit-margin-end:4px;margin-inline-end:4px;margin-top:4px;margin-bottom:4px;-webkit-padding-start:12px;padding-inline-start:12px;-webkit-padding-end:12px;padding-inline-end:12px;padding-top:6px;padding-bottom:6px;min-height:32px;font-family:var(--ion-font-family, inherit)}:host(.chip-disabled){opacity:0.4}:host(.ion-color){background:rgba(var(--ion-color-base-rgb), 0.08);color:var(--ion-color-shade)}:host(.ion-color:focus){background:rgba(var(--ion-color-base-rgb), 0.12)}:host(.ion-color.ion-activated){background:rgba(var(--ion-color-base-rgb), 0.16)}@media (any-hover: hover){:host(.ion-color:hover){background:rgba(var(--ion-color-base-rgb), 0.12)}}:host(.chip-outline){border-width:1px;border-style:solid}:host(.chip-outline){border-color:rgba(var(--ion-text-color-rgb, 0, 0, 0), 0.32);background:transparent}:host(.chip-outline.ion-color){border-color:rgba(var(--ion-color-base-rgb), 0.32)}:host(.chip-outline:not(.ion-color):focus){background:rgba(var(--ion-text-color-rgb, 0, 0, 0), 0.04)}:host(.chip-outline.ion-activated:not(.ion-color)){background:rgba(var(--ion-text-color-rgb, 0, 0, 0), 0.08)}::slotted(ion-icon){font-size:1.4285714286em}:host(:not(.ion-color)) ::slotted(ion-icon){color:rgba(var(--ion-text-color-rgb, 0, 0, 0), 0.54)}::slotted(ion-icon:first-child){-webkit-margin-start:-4px;margin-inline-start:-4px;-webkit-margin-end:8px;margin-inline-end:8px;margin-top:-4px;margin-bottom:-4px}::slotted(ion-icon:last-child){-webkit-margin-start:8px;margin-inline-start:8px;-webkit-margin-end:-4px;margin-inline-end:-4px;margin-top:-4px;margin-bottom:-4px}::slotted(ion-avatar){-ms-flex-negative:0;flex-shrink:0;width:1.7142857143em;height:1.7142857143em}::slotted(ion-avatar:first-child){-webkit-margin-start:-8px;margin-inline-start:-8px;-webkit-margin-end:8px;margin-inline-end:8px;margin-top:-4px;margin-bottom:-4px}::slotted(ion-avatar:last-child){-webkit-margin-start:8px;margin-inline-start:8px;-webkit-margin-end:-8px;margin-inline-end:-8px;margin-top:-4px;margin-bottom:-4px}:host(:focus){outline:none}:host(:focus){--background:rgba(var(--ion-text-color-rgb, 0, 0, 0), 0.16)}:host(.ion-activated){--background:rgba(var(--ion-text-color-rgb, 0, 0, 0), 0.2)}@media (any-hover: hover){:host(:hover){--background:rgba(var(--ion-text-color-rgb, 0, 0, 0), 0.16)}:host(.ion-color:hover){background:rgba(var(--ion-color-base-rgb), 0.12)}:host(.chip-outline:not(.ion-color):hover){background:rgba(var(--ion-text-color-rgb, 0, 0, 0), 0.04)}}:host{font-size:clamp(13px, 0.875rem, 22px)}:host(.chip-soft){--border-radius:10px}:host(.chip-round){--border-radius:999px}:host(.chip-rectangular){--border-radius:0px}";
11
11
 
package/dist/esm/ion-col_3.entry.js CHANGED
@@ -1,7 +1,7 @@
1
1
  /*!
2
2
  * (C) Ionic http://ionicframework.com - MIT License
3
3
  */
4
- import { r as registerInstance, i as forceUpdate, h, d as Host } from './index-4DxY6_gG.js';
4
+ import { r as registerInstance, i as forceUpdate, f as printIonWarning, h, d as Host, g as getElement } from './index-4DxY6_gG.js';
5
5
  import { c as getIonTheme } from './ionic-global-Dtd5Ma5B.js';
6
6
 
7
7
  const SIZE_TO_MEDIA = {
@@ -25,11 +25,9 @@ const matchBreakpoint = (breakpoint) => {
25
25
  return false;
26
26
  };
27
27
 
28
- const colCss = ":host{-webkit-padding-start:var(--ion-grid-column-padding-xs, var(--ion-grid-column-padding, 5px));padding-inline-start:var(--ion-grid-column-padding-xs, var(--ion-grid-column-padding, 5px));-webkit-padding-end:var(--ion-grid-column-padding-xs, var(--ion-grid-column-padding, 5px));padding-inline-end:var(--ion-grid-column-padding-xs, var(--ion-grid-column-padding, 5px));padding-top:var(--ion-grid-column-padding-xs, var(--ion-grid-column-padding, 5px));padding-bottom:var(--ion-grid-column-padding-xs, var(--ion-grid-column-padding, 5px));margin-left:0;margin-right:0;margin-top:0;margin-bottom:0;-webkit-box-sizing:border-box;box-sizing:border-box;position:relative;-ms-flex-preferred-size:0;flex-basis:0;-ms-flex-positive:1;flex-grow:1;width:100%;max-width:100%;min-height:1px}@media (min-width: 576px){:host{-webkit-padding-start:var(--ion-grid-column-padding-sm, var(--ion-grid-column-padding, 5px));padding-inline-start:var(--ion-grid-column-padding-sm, var(--ion-grid-column-padding, 5px));-webkit-padding-end:var(--ion-grid-column-padding-sm, var(--ion-grid-column-padding, 5px));padding-inline-end:var(--ion-grid-column-padding-sm, var(--ion-grid-column-padding, 5px));padding-top:var(--ion-grid-column-padding-sm, var(--ion-grid-column-padding, 5px));padding-bottom:var(--ion-grid-column-padding-sm, var(--ion-grid-column-padding, 5px))}}@media (min-width: 768px){:host{-webkit-padding-start:var(--ion-grid-column-padding-md, var(--ion-grid-column-padding, 5px));padding-inline-start:var(--ion-grid-column-padding-md, var(--ion-grid-column-padding, 5px));-webkit-padding-end:var(--ion-grid-column-padding-md, var(--ion-grid-column-padding, 5px));padding-inline-end:var(--ion-grid-column-padding-md, var(--ion-grid-column-padding, 5px));padding-top:var(--ion-grid-column-padding-md, var(--ion-grid-column-padding, 5px));padding-bottom:var(--ion-grid-column-padding-md, var(--ion-grid-column-padding, 5px))}}@media (min-width: 992px){:host{-webkit-padding-start:var(--ion-grid-column-padding-lg, var(--ion-grid-column-padding, 5px));padding-inline-start:var(--ion-grid-column-padding-lg, var(--ion-grid-column-padding, 5px));-webkit-padding-end:var(--ion-grid-column-padding-lg, var(--ion-grid-column-padding, 5px));padding-inline-end:var(--ion-grid-column-padding-lg, var(--ion-grid-column-padding, 5px));padding-top:var(--ion-grid-column-padding-lg, var(--ion-grid-column-padding, 5px));padding-bottom:var(--ion-grid-column-padding-lg, var(--ion-grid-column-padding, 5px))}}@media (min-width: 1200px){:host{-webkit-padding-start:var(--ion-grid-column-padding-xl, var(--ion-grid-column-padding, 5px));padding-inline-start:var(--ion-grid-column-padding-xl, var(--ion-grid-column-padding, 5px));-webkit-padding-end:var(--ion-grid-column-padding-xl, var(--ion-grid-column-padding, 5px));padding-inline-end:var(--ion-grid-column-padding-xl, var(--ion-grid-column-padding, 5px));padding-top:var(--ion-grid-column-padding-xl, var(--ion-grid-column-padding, 5px));padding-bottom:var(--ion-grid-column-padding-xl, var(--ion-grid-column-padding, 5px))}}";
28
+ const colCss = ":host{--col-unit-size:calc(\n (100% - (var(--ion-grid-columns, 12) - 1) * var(--ion-grid-gap, 0px)) / var(--ion-grid-columns, 12)\n );-webkit-padding-start:var(--ion-grid-column-padding-xs, var(--ion-grid-column-padding, 5px));padding-inline-start:var(--ion-grid-column-padding-xs, var(--ion-grid-column-padding, 5px));-webkit-padding-end:var(--ion-grid-column-padding-xs, var(--ion-grid-column-padding, 5px));padding-inline-end:var(--ion-grid-column-padding-xs, var(--ion-grid-column-padding, 5px));padding-top:var(--ion-grid-column-padding-xs, var(--ion-grid-column-padding, 5px));padding-bottom:var(--ion-grid-column-padding-xs, var(--ion-grid-column-padding, 5px));margin-left:0;margin-right:0;margin-top:0;margin-bottom:0;-webkit-box-sizing:border-box;box-sizing:border-box;position:relative;-ms-flex:1;flex:1;min-height:1px}@media (min-width: 576px){:host{-webkit-padding-start:var(--ion-grid-column-padding-sm, var(--ion-grid-column-padding, 5px));padding-inline-start:var(--ion-grid-column-padding-sm, var(--ion-grid-column-padding, 5px));-webkit-padding-end:var(--ion-grid-column-padding-sm, var(--ion-grid-column-padding, 5px));padding-inline-end:var(--ion-grid-column-padding-sm, var(--ion-grid-column-padding, 5px));padding-top:var(--ion-grid-column-padding-sm, var(--ion-grid-column-padding, 5px));padding-bottom:var(--ion-grid-column-padding-sm, var(--ion-grid-column-padding, 5px))}}@media (min-width: 768px){:host{-webkit-padding-start:var(--ion-grid-column-padding-md, var(--ion-grid-column-padding, 5px));padding-inline-start:var(--ion-grid-column-padding-md, var(--ion-grid-column-padding, 5px));-webkit-padding-end:var(--ion-grid-column-padding-md, var(--ion-grid-column-padding, 5px));padding-inline-end:var(--ion-grid-column-padding-md, var(--ion-grid-column-padding, 5px));padding-top:var(--ion-grid-column-padding-md, var(--ion-grid-column-padding, 5px));padding-bottom:var(--ion-grid-column-padding-md, var(--ion-grid-column-padding, 5px))}}@media (min-width: 992px){:host{-webkit-padding-start:var(--ion-grid-column-padding-lg, var(--ion-grid-column-padding, 5px));padding-inline-start:var(--ion-grid-column-padding-lg, var(--ion-grid-column-padding, 5px));-webkit-padding-end:var(--ion-grid-column-padding-lg, var(--ion-grid-column-padding, 5px));padding-inline-end:var(--ion-grid-column-padding-lg, var(--ion-grid-column-padding, 5px));padding-top:var(--ion-grid-column-padding-lg, var(--ion-grid-column-padding, 5px));padding-bottom:var(--ion-grid-column-padding-lg, var(--ion-grid-column-padding, 5px))}}@media (min-width: 1200px){:host{-webkit-padding-start:var(--ion-grid-column-padding-xl, var(--ion-grid-column-padding, 5px));padding-inline-start:var(--ion-grid-column-padding-xl, var(--ion-grid-column-padding, 5px));-webkit-padding-end:var(--ion-grid-column-padding-xl, var(--ion-grid-column-padding, 5px));padding-inline-end:var(--ion-grid-column-padding-xl, var(--ion-grid-column-padding, 5px));padding-top:var(--ion-grid-column-padding-xl, var(--ion-grid-column-padding, 5px));padding-bottom:var(--ion-grid-column-padding-xl, var(--ion-grid-column-padding, 5px))}}:host(.ion-grid-col-auto){-ms-flex:0 0 auto;flex:0 0 auto}:host([class^=ion-grid-col--]),:host([class*=\" ion-grid-col--\"]){-ms-flex:0 0 calc(var(--ion-grid-col-span) * var(--col-unit-size) + (var(--ion-grid-col-span) - 1) * var(--ion-grid-gap, 0px));flex:0 0 calc(var(--ion-grid-col-span) * var(--col-unit-size) + (var(--ion-grid-col-span) - 1) * var(--ion-grid-gap, 0px));max-width:calc(var(--ion-grid-col-span) * var(--col-unit-size) + (var(--ion-grid-col-span) - 1) * var(--ion-grid-gap, 0px))}:host([class^=ion-grid-offset-col--]),:host([class*=\" ion-grid-offset-col--\"]){--margin-calc:calc(\n var(--col-unit-size) * var(--ion-grid-col-margin) + (var(--ion-grid-gap, 0px) * var(--ion-grid-col-margin))\n );-webkit-margin-start:var(--margin-calc);margin-inline-start:var(--margin-calc);-webkit-margin-end:0;margin-inline-end:0}:host(.ion-grid-col--1){--ion-grid-col-span:1}:host(.ion-grid-order-col--1){-ms-flex-order:1;order:1}:host(.ion-grid-offset-col--1){--ion-grid-col-margin:1}:host(.ion-grid-col--2){--ion-grid-col-span:2}:host(.ion-grid-order-col--2){-ms-flex-order:2;order:2}:host(.ion-grid-offset-col--2){--ion-grid-col-margin:2}:host(.ion-grid-col--3){--ion-grid-col-span:3}:host(.ion-grid-order-col--3){-ms-flex-order:3;order:3}:host(.ion-grid-offset-col--3){--ion-grid-col-margin:3}:host(.ion-grid-col--4){--ion-grid-col-span:4}:host(.ion-grid-order-col--4){-ms-flex-order:4;order:4}:host(.ion-grid-offset-col--4){--ion-grid-col-margin:4}:host(.ion-grid-col--5){--ion-grid-col-span:5}:host(.ion-grid-order-col--5){-ms-flex-order:5;order:5}:host(.ion-grid-offset-col--5){--ion-grid-col-margin:5}:host(.ion-grid-col--6){--ion-grid-col-span:6}:host(.ion-grid-order-col--6){-ms-flex-order:6;order:6}:host(.ion-grid-offset-col--6){--ion-grid-col-margin:6}:host(.ion-grid-col--7){--ion-grid-col-span:7}:host(.ion-grid-order-col--7){-ms-flex-order:7;order:7}:host(.ion-grid-offset-col--7){--ion-grid-col-margin:7}:host(.ion-grid-col--8){--ion-grid-col-span:8}:host(.ion-grid-order-col--8){-ms-flex-order:8;order:8}:host(.ion-grid-offset-col--8){--ion-grid-col-margin:8}:host(.ion-grid-col--9){--ion-grid-col-span:9}:host(.ion-grid-order-col--9){-ms-flex-order:9;order:9}:host(.ion-grid-offset-col--9){--ion-grid-col-margin:9}:host(.ion-grid-col--10){--ion-grid-col-span:10}:host(.ion-grid-order-col--10){-ms-flex-order:10;order:10}:host(.ion-grid-offset-col--10){--ion-grid-col-margin:10}:host(.ion-grid-col--11){--ion-grid-col-span:11}:host(.ion-grid-order-col--11){-ms-flex-order:11;order:11}:host(.ion-grid-offset-col--11){--ion-grid-col-margin:11}:host(.ion-grid-col--12){--ion-grid-col-span:12}:host(.ion-grid-order-col--12){-ms-flex-order:12;order:12}:host(.ion-grid-offset-col--12){--ion-grid-col-margin:12}";
29
29
 
30
- const win = typeof window !== 'undefined' ? window : undefined;
31
30
  // eslint-disable-next-line @typescript-eslint/prefer-optional-chain
32
- const SUPPORTS_VARS = win && !!(win.CSS && win.CSS.supports && win.CSS.supports('--a: 0'));
33
31
  const BREAKPOINTS = ['', 'xs', 'sm', 'md', 'lg', 'xl'];
34
32
  const Col = class {
35
33
  constructor(hostRef) {
@@ -55,66 +53,62 @@ const Col = class {
55
53
  // increase in size and we want to return the largest match
56
54
  return matched;
57
55
  }
58
- calculateSize() {
59
- const columns = this.getColumns('size');
56
+ getStyleClass(property, className, acceptsAuto = false) {
57
+ const colPropertyValue = this.getColumns(property);
60
58
  // If size wasn't set for any breakpoint
61
59
  // or if the user set the size without a value
62
60
  // it means we need to stick with the default and return
63
61
  // e.g. <ion-col size-md>
64
- if (!columns || columns === '') {
62
+ if (!colPropertyValue || colPropertyValue === '') {
65
63
  return;
66
64
  }
67
- // If the size is set to auto then don't calculate a size
68
- const colSize = columns === 'auto'
69
- ? 'auto'
70
- : // If CSS supports variables we should use the grid columns var
71
- SUPPORTS_VARS
72
- ? `calc(calc(${columns} / var(--ion-grid-columns, 12)) * 100%)`
73
- : // Convert the columns to a percentage by dividing by the total number
74
- // of columns (12) and then multiplying by 100
75
- (columns / 12) * 100 + '%';
76
- return {
77
- flex: `0 0 ${colSize}`,
78
- width: `${colSize}`,
79
- 'max-width': `${colSize}`,
80
- };
81
- }
82
- // Called by push, pull, and offset since they use the same calculations
83
- calculatePosition(property, modifier) {
84
- const columns = this.getColumns(property);
85
- if (!columns) {
65
+ if (acceptsAuto && colPropertyValue === 'auto') {
66
+ return 'ion-grid-col-auto';
67
+ }
68
+ const valueNumber = parseInt(colPropertyValue);
69
+ if (isNaN(valueNumber)) {
86
70
  return;
87
71
  }
88
- // If the number of columns passed are greater than 0 and less than
89
- // 12 we can position the column, else default to auto
90
- const amount = SUPPORTS_VARS
91
- ? // If CSS supports variables we should use the grid columns var
92
- `calc(calc(${columns} / var(--ion-grid-columns, 12)) * 100%)`
93
- : // Convert the columns to a percentage by dividing by the total number
94
- // of columns (12) and then multiplying by 100
95
- columns > 0 && columns < 12
96
- ? (columns / 12) * 100 + '%'
97
- : 'auto';
98
- return {
99
- [modifier]: amount,
100
- };
72
+ return `${className}-col--${valueNumber}`;
101
73
  }
102
- calculateOffset(isRTL) {
103
- return this.calculatePosition('offset', isRTL ? 'margin-right' : 'margin-left');
74
+ getSizeClass() {
75
+ return this.getStyleClass('size', 'ion-grid', true);
104
76
  }
105
- calculatePull(isRTL) {
106
- return this.calculatePosition('pull', isRTL ? 'left' : 'right');
77
+ getOrderClass() {
78
+ return this.getStyleClass('order', 'ion-grid-order');
107
79
  }
108
- calculatePush(isRTL) {
109
- return this.calculatePosition('push', isRTL ? 'right' : 'left');
80
+ getOffsetClass() {
81
+ return this.getStyleClass('offset', 'ion-grid-offset');
82
+ }
83
+ componentDidLoad() {
84
+ if (this.pull ||
85
+ this.pullLg ||
86
+ this.pullMd ||
87
+ this.pullSm ||
88
+ this.pullXl ||
89
+ this.pullXs ||
90
+ this.push ||
91
+ this.pushLg ||
92
+ this.pushMd ||
93
+ this.pushSm ||
94
+ this.pushXl ||
95
+ this.pushXs) {
96
+ printIonWarning('[ion-col] - The pull and push properties are deprecated and no longer work, in favor of the order and size properties.', this.el);
97
+ }
110
98
  }
111
99
  render() {
112
- const isRTL = document.dir === 'rtl';
113
100
  const theme = getIonTheme(this);
114
- return (h(Host, { key: '18eb6aff60f43b28b7e157b7d6ce787635f25fa1', class: {
101
+ const colSize = this.getSizeClass();
102
+ const colOrder = this.getOrderClass();
103
+ const colOffset = this.getOffsetClass();
104
+ return (h(Host, { key: 'e4a5e41ee5cd7ef62aa32a1f4f290a3be2fae212', class: {
115
105
  [theme]: true,
116
- }, style: Object.assign(Object.assign(Object.assign(Object.assign({}, this.calculateOffset(isRTL)), this.calculatePull(isRTL)), this.calculatePush(isRTL)), this.calculateSize()) }, h("slot", { key: '3848d5cb525b42a550aa36a486f97b2e20240def' })));
106
+ [`${colSize}`]: colSize !== undefined,
107
+ [`${colOrder}`]: colOrder !== undefined,
108
+ [`${colOffset}`]: colOffset !== undefined,
109
+ } }, h("slot", { key: '7058c34c183cdad24630314ec0bedffef40a32af' })));
117
110
  }
111
+ get el() { return getElement(this); }
118
112
  };
119
113
  Col.style = colCss;
120
114
 
@@ -138,7 +132,7 @@ const Grid = class {
138
132
  };
139
133
  Grid.style = gridCss;
140
134
 
141
- const rowCss = ":host{display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap}";
135
+ const rowCss = ":host{--ion-grid-gap:0px;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;gap:var(--ion-grid-gap, 0px)}";
142
136
 
143
137
  const Row = class {
144
138
  constructor(hostRef) {