@ionic/core 8.2.3-dev.11721064272.19e3ddfd → 8.2.3-dev.11723022900.1196a7bf

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 (204) hide show
  1. package/components/button.js +1 -1
  2. package/components/ion-avatar.js +3 -3
  3. package/components/ion-badge.js +3 -3
  4. package/components/ion-chip.js +1 -1
  5. package/components/ion-input.js +1 -1
  6. package/components/ion-segment.js +3 -11
  7. package/components/ion-select-option.js +1 -1
  8. package/components/ion-select.js +2 -2
  9. package/components/ion-skeleton-text.js +2 -2
  10. package/components/ion-split-pane.js +2 -2
  11. package/components/ion-tab-bar.js +2 -2
  12. package/components/ion-tab-button.js +2 -2
  13. package/components/ion-tab.js +2 -2
  14. package/components/ion-tabs.js +1 -1
  15. package/components/ion-text.js +2 -2
  16. package/components/ion-textarea.js +2 -2
  17. package/components/ion-thumbnail.js +2 -2
  18. package/components/ion-title.js +2 -2
  19. package/components/ion-toast.js +2 -2
  20. package/components/ion-toggle.js +3 -3
  21. package/components/ion-toolbar.js +2 -2
  22. package/components/item.js +3 -3
  23. package/components/list.js +1 -1
  24. package/components/select-popover.js +2 -2
  25. package/components/spinner.js +33 -6
  26. package/css/core.css +1 -1
  27. package/css/core.css.map +1 -1
  28. package/css/ionic.bundle.css +1 -1
  29. package/css/ionic.bundle.css.map +1 -1
  30. package/dist/cjs/ion-app_8.cjs.entry.js +4 -4
  31. package/dist/cjs/ion-avatar_3.cjs.entry.js +8 -8
  32. package/dist/cjs/ion-button_2.cjs.entry.js +1 -1
  33. package/dist/cjs/ion-chip.cjs.entry.js +1 -1
  34. package/dist/cjs/ion-input.cjs.entry.js +1 -1
  35. package/dist/cjs/ion-item_8.cjs.entry.js +6 -6
  36. package/dist/cjs/ion-segment_2.cjs.entry.js +3 -11
  37. package/dist/cjs/ion-select_3.cjs.entry.js +5 -5
  38. package/dist/cjs/ion-spinner.cjs.entry.js +30 -4
  39. package/dist/cjs/ion-split-pane.cjs.entry.js +2 -2
  40. package/dist/cjs/ion-tab-bar_2.cjs.entry.js +4 -4
  41. package/dist/cjs/ion-tab_2.cjs.entry.js +3 -3
  42. package/dist/cjs/ion-text.cjs.entry.js +2 -2
  43. package/dist/cjs/ion-textarea.cjs.entry.js +2 -2
  44. package/dist/cjs/ion-toast.cjs.entry.js +2 -2
  45. package/dist/cjs/ion-toggle.cjs.entry.js +3 -3
  46. package/dist/cjs/ionic.cjs.js +1 -1
  47. package/dist/cjs/loader.cjs.js +1 -1
  48. package/dist/collection/collection-manifest.json +0 -2
  49. package/dist/collection/components/avatar/avatar.ionic.css +17 -1
  50. package/dist/collection/components/avatar/avatar.js +5 -5
  51. package/dist/collection/components/avatar/test/shape/avatar.e2e.js +7 -0
  52. package/dist/collection/components/avatar/test/size/avatar.e2e.js +27 -0
  53. package/dist/collection/components/badge/badge.ionic.css +30 -35
  54. package/dist/collection/components/badge/badge.ios.css +94 -3
  55. package/dist/collection/components/badge/badge.md.css +94 -3
  56. package/dist/collection/components/badge/test/basic/badge.e2e.js +1 -1
  57. package/dist/collection/components/button/button.ionic.css +41 -2
  58. package/dist/collection/components/button/test/outline/button.e2e.js +1 -2
  59. package/dist/collection/components/button/test/states/button.e2e.js +3 -3
  60. package/dist/collection/components/chip/chip.ionic.css +22 -1
  61. package/dist/collection/components/chip/test/basic/chip.e2e.js +28 -29
  62. package/dist/collection/components/input/input.ionic.css +2 -1
  63. package/dist/collection/components/item/item.ionic.css +346 -52
  64. package/dist/collection/components/item/item.ios.css +94 -67
  65. package/dist/collection/components/item/item.md.css +94 -67
  66. package/dist/collection/components/item-sliding/test/basic/item-sliding.e2e.js +2 -2
  67. package/dist/collection/components/list/list.ionic.css +1 -0
  68. package/dist/collection/components/segment/segment.js +3 -11
  69. package/dist/collection/components/select/select.js +2 -2
  70. package/dist/collection/components/select-option/select-option.js +1 -1
  71. package/dist/collection/components/select-popover/select-popover.js +2 -2
  72. package/dist/collection/components/skeleton-text/skeleton-text.js +2 -2
  73. package/dist/collection/components/spinner/spinner.common.css +199 -0
  74. package/dist/collection/components/spinner/{spinner.css → spinner.ionic.css} +55 -0
  75. package/dist/collection/components/spinner/spinner.js +40 -3
  76. package/dist/collection/components/spinner/test/size/spinner.e2e.js +47 -0
  77. package/dist/collection/components/split-pane/split-pane.js +2 -2
  78. package/dist/collection/components/tab/tab.js +2 -2
  79. package/dist/collection/components/tab-bar/tab-bar.js +2 -2
  80. package/dist/collection/components/tab-button/tab-button.js +2 -2
  81. package/dist/collection/components/tabs/tabs.js +1 -1
  82. package/dist/collection/components/text/text.js +2 -2
  83. package/dist/collection/components/textarea/textarea.js +2 -2
  84. package/dist/collection/components/thumbnail/thumbnail.js +2 -2
  85. package/dist/collection/components/title/title.js +2 -2
  86. package/dist/collection/components/toast/toast.js +2 -2
  87. package/dist/collection/components/toggle/toggle.js +3 -3
  88. package/dist/collection/components/toolbar/toolbar.js +2 -2
  89. package/dist/collection/themes/ionic/test/colors/theme.e2e.js +120 -0
  90. package/dist/docs.json +190 -48
  91. package/dist/esm/ion-app_8.entry.js +4 -4
  92. package/dist/esm/ion-avatar_3.entry.js +8 -8
  93. package/dist/esm/ion-button_2.entry.js +1 -1
  94. package/dist/esm/ion-chip.entry.js +1 -1
  95. package/dist/esm/ion-input.entry.js +1 -1
  96. package/dist/esm/ion-item_8.entry.js +6 -6
  97. package/dist/esm/ion-segment_2.entry.js +3 -11
  98. package/dist/esm/ion-select_3.entry.js +5 -5
  99. package/dist/esm/ion-spinner.entry.js +30 -4
  100. package/dist/esm/ion-split-pane.entry.js +2 -2
  101. package/dist/esm/ion-tab-bar_2.entry.js +4 -4
  102. package/dist/esm/ion-tab_2.entry.js +3 -3
  103. package/dist/esm/ion-text.entry.js +2 -2
  104. package/dist/esm/ion-textarea.entry.js +2 -2
  105. package/dist/esm/ion-toast.entry.js +2 -2
  106. package/dist/esm/ion-toggle.entry.js +3 -3
  107. package/dist/esm/ionic.js +1 -1
  108. package/dist/esm/loader.js +1 -1
  109. package/dist/esm-es5/ion-app_8.entry.js +1 -1
  110. package/dist/esm-es5/ion-avatar_3.entry.js +1 -1
  111. package/dist/esm-es5/ion-button_2.entry.js +1 -1
  112. package/dist/esm-es5/ion-chip.entry.js +1 -1
  113. package/dist/esm-es5/ion-input.entry.js +1 -1
  114. package/dist/esm-es5/ion-item_8.entry.js +1 -1
  115. package/dist/esm-es5/ion-segment_2.entry.js +1 -1
  116. package/dist/esm-es5/ion-select_3.entry.js +1 -1
  117. package/dist/esm-es5/ion-spinner.entry.js +1 -1
  118. package/dist/esm-es5/ion-split-pane.entry.js +1 -1
  119. package/dist/esm-es5/ion-tab-bar_2.entry.js +1 -1
  120. package/dist/esm-es5/ion-tab_2.entry.js +1 -1
  121. package/dist/esm-es5/ion-text.entry.js +1 -1
  122. package/dist/esm-es5/ion-textarea.entry.js +1 -1
  123. package/dist/esm-es5/ion-toast.entry.js +1 -1
  124. package/dist/esm-es5/ion-toggle.entry.js +1 -1
  125. package/dist/esm-es5/ionic.js +1 -1
  126. package/dist/esm-es5/loader.js +1 -1
  127. package/dist/html.html-data.json +25 -29
  128. package/dist/ionic/ionic.esm.js +1 -1
  129. package/dist/ionic/{p-29f4100d.entry.js → p-01ae1aa0.entry.js} +1 -1
  130. package/dist/ionic/p-1be0295f.entry.js +4 -0
  131. package/dist/ionic/p-201d8768.system.entry.js +4 -0
  132. package/dist/ionic/{p-062c1cb9.system.entry.js → p-223bc7dd.system.entry.js} +1 -1
  133. package/dist/ionic/{p-0595a36c.system.entry.js → p-24592a4d.system.entry.js} +1 -1
  134. package/dist/ionic/{p-2aa6a169.entry.js → p-28649e61.entry.js} +1 -1
  135. package/dist/ionic/{p-385a361b.entry.js → p-39a39279.entry.js} +1 -1
  136. package/dist/ionic/p-40c14f53.system.entry.js +4 -0
  137. package/dist/ionic/{p-cd6d4c1d.entry.js → p-4346453b.entry.js} +1 -1
  138. package/dist/ionic/{p-1be0ed0e.system.entry.js → p-45ca3acb.system.entry.js} +2 -2
  139. package/dist/ionic/p-4b9c6418.system.entry.js +4 -0
  140. package/dist/ionic/p-4fdbf0ef.entry.js +4 -0
  141. package/dist/ionic/p-563a8d3b.entry.js +4 -0
  142. package/dist/ionic/{p-b67ed806.system.entry.js → p-56c72f65.system.entry.js} +1 -1
  143. package/dist/ionic/p-6d47fa40.entry.js +4 -0
  144. package/dist/ionic/p-7459eeb7.system.entry.js +4 -0
  145. package/dist/ionic/{p-da668343.system.entry.js → p-7ab9c88c.system.entry.js} +1 -1
  146. package/dist/ionic/p-7b590e46.system.js +1 -1
  147. package/dist/ionic/{p-c0dace15.system.entry.js → p-7dad531c.system.entry.js} +1 -1
  148. package/dist/ionic/p-81350e4b.system.entry.js +4 -0
  149. package/dist/ionic/p-8ac5efa9.entry.js +4 -0
  150. package/dist/ionic/p-a6bb62ea.entry.js +4 -0
  151. package/dist/ionic/p-b1938594.entry.js +4 -0
  152. package/dist/ionic/{p-aaf1b71f.entry.js → p-b374abe2.entry.js} +1 -1
  153. package/dist/ionic/p-b4b44bf9.system.entry.js +4 -0
  154. package/dist/ionic/{p-61f51286.system.entry.js → p-b5cc6e57.system.entry.js} +1 -1
  155. package/dist/ionic/p-bbefc52b.system.entry.js +4 -0
  156. package/dist/ionic/p-c11fdca2.entry.js +4 -0
  157. package/dist/ionic/{p-adb54d5b.entry.js → p-c23822f8.entry.js} +1 -1
  158. package/dist/ionic/{p-14ae725a.entry.js → p-d2a580db.entry.js} +1 -1
  159. package/dist/ionic/p-d774e194.system.entry.js +4 -0
  160. package/dist/ionic/p-dc8a3888.entry.js +4 -0
  161. package/dist/ionic/{p-5cc8fa7f.system.entry.js → p-f84ea1e9.system.entry.js} +1 -1
  162. package/dist/types/components/avatar/avatar.d.ts +7 -4
  163. package/dist/types/components/segment/segment.d.ts +1 -1
  164. package/dist/types/components/spinner/spinner.d.ts +11 -0
  165. package/dist/types/components.d.ts +12 -30
  166. package/hydrate/index.js +80 -154
  167. package/package.json +1 -1
  168. package/components/ion-segment-content.d.ts +0 -11
  169. package/components/ion-segment-content.js +0 -38
  170. package/components/ion-segment-view.d.ts +0 -11
  171. package/components/ion-segment-view.js +0 -86
  172. package/dist/cjs/ion-segment-content.cjs.entry.js +0 -24
  173. package/dist/cjs/ion-segment-view.cjs.entry.js +0 -72
  174. package/dist/collection/components/segment-content/segment-content.css +0 -5
  175. package/dist/collection/components/segment-content/segment-content.js +0 -22
  176. package/dist/collection/components/segment-view/segment-view.css +0 -15
  177. package/dist/collection/components/segment-view/segment-view.js +0 -81
  178. package/dist/esm/ion-segment-content.entry.js +0 -20
  179. package/dist/esm/ion-segment-view.entry.js +0 -68
  180. package/dist/esm-es5/ion-segment-content.entry.js +0 -4
  181. package/dist/esm-es5/ion-segment-view.entry.js +0 -4
  182. package/dist/ionic/p-07b804ba.entry.js +0 -4
  183. package/dist/ionic/p-405559bd.entry.js +0 -4
  184. package/dist/ionic/p-5839776e.entry.js +0 -4
  185. package/dist/ionic/p-660cf6f3.system.entry.js +0 -4
  186. package/dist/ionic/p-6ced0cc0.entry.js +0 -4
  187. package/dist/ionic/p-6d4534cb.system.entry.js +0 -4
  188. package/dist/ionic/p-72944d53.system.entry.js +0 -4
  189. package/dist/ionic/p-7813dead.system.entry.js +0 -4
  190. package/dist/ionic/p-833593dd.entry.js +0 -4
  191. package/dist/ionic/p-8ef82205.entry.js +0 -4
  192. package/dist/ionic/p-9316e014.system.entry.js +0 -4
  193. package/dist/ionic/p-935801cc.entry.js +0 -4
  194. package/dist/ionic/p-9771abb4.entry.js +0 -4
  195. package/dist/ionic/p-a2830649.system.entry.js +0 -4
  196. package/dist/ionic/p-a3b856e6.system.entry.js +0 -4
  197. package/dist/ionic/p-aa246404.entry.js +0 -4
  198. package/dist/ionic/p-aa97948b.entry.js +0 -4
  199. package/dist/ionic/p-c6e43624.entry.js +0 -4
  200. package/dist/ionic/p-dc60009b.system.entry.js +0 -4
  201. package/dist/ionic/p-f1eb1152.system.entry.js +0 -4
  202. package/dist/ionic/p-f8a16486.system.entry.js +0 -4
  203. package/dist/types/components/segment-content/segment-content.d.ts +0 -5
  204. package/dist/types/components/segment-view/segment-view.d.ts +0 -13
package/components/button.js CHANGED
@@ -7,7 +7,7 @@ import { d as getIonTheme, p as printIonWarning } from './ionic-global.js';
7
7
  import { o as openURL, c as createColorClasses, h as hostContext } from './theme.js';
8
8
  import { d as defineCustomElement$1 } from './ripple-effect.js';
9
9
 
10
- const buttonIonicCss = ":host{--overflow:hidden;--border-width:initial;--border-color:initial;--border-style:initial;--color-activated:var(--color);--color-focused:var(--color);--color-hover:var(--color);--box-shadow:none;--padding-bottom:var(--padding-top);--padding-end:var(--ionic-space-400, 16px);--padding-start:var(--padding-end);--padding-top:var(--ionic-space-300, 12px);--focus-ring-color:var(--ionic-state-focus-1, #9ec4fd);--focus-ring-width:var(--ionic-border-size-050, 2px);display:inline-block;position:relative;width:auto;min-height:var(--ionic-scale-1000, 40px);color:var(--color);font-family:var(--ionic-font-family, \"Inter\", sans-serif);font-size:var(--ionic-font-size-350, 0.875rem);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::after{right:0;left:0;top:50%;position:absolute;height:100%;min-height:var(--ionic-scale-1200, 48px);-webkit-transform:translateY(-50%);transform:translateY(-50%);content:\"\";cursor:pointer;z-index:1}:host ::slotted(ion-icon[slot=start]){-webkit-margin-end:var(--ionic-space-200, 8px);margin-inline-end:var(--ionic-space-200, 8px)}:host ::slotted(ion-icon[slot=end]){-webkit-margin-start:var(--ionic-space-200, 8px);margin-inline-start:var(--ionic-space-200, 8px)}:host(.button-xsmall) ::slotted(ion-icon[slot=start]),:host(.button-small) ::slotted(ion-icon[slot=start]){-webkit-margin-end:var(--ionic-space-100, 4px);margin-inline-end:var(--ionic-space-100, 4px)}:host(.button-xsmall) ::slotted(ion-icon[slot=end]),:host(.button-small) ::slotted(ion-icon[slot=end]){-webkit-margin-start:var(--ionic-space-100, 4px);margin-inline-start:var(--ionic-space-100, 4px)}:host(.button-xsmall){--padding-top:var(--ionic-space-100, 4px);--padding-end:var(--ionic-space-300, 12px);min-height:var(--ionic-space-600, 24px);font-size:var(--ionic-font-size-300, 0.75rem)}:host(.button-small){--padding-top:var(--ionic-space-200, 8px);--padding-end:var(--ionic-space-400, 16px);min-height:var(--ionic-scale-800, 32px);font-size:var(--ionic-font-size-300, 0.75rem)}:host(.button-large){--padding-top:var(--ionic-space-400, 16px);--padding-end:var(--ionic-space-600, 24px);min-height:var(--ionic-scale-1200, 48px);font-size:var(--ionic-font-size-400, 1rem)}:host(.button-xlarge){--padding-top:var(--ionic-space-400, 16px);--padding-end:var(--ionic-space-800, 32px);min-height:var(--ionic-scale-1400, 56px);font-size:var(--ionic-font-size-500, 1.25rem)}::slotted(ion-icon[slot=start]),::slotted(ion-icon[slot=end]),::slotted(ion-icon[slot=icon-only]){font-size:var(--ionic-font-size-400, 1rem)}:host(.button-xsmall) ::slotted(ion-icon[slot=start]),:host(.button-xsmall) ::slotted(ion-icon[slot=end]),:host(.button-xsmall) ::slotted(ion-icon[slot=icon-only]),: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-large) ::slotted(ion-icon[slot=start]),:host(.button-large) ::slotted(ion-icon[slot=end]),:host(.button-large) ::slotted(ion-icon[slot=icon-only]),:host(.button-xlarge) ::slotted(ion-icon[slot=start]),:host(.button-xlarge) ::slotted(ion-icon[slot=end]),:host(.button-xlarge) ::slotted(ion-icon[slot=icon-only]){font-size:inherit}:host(.button-has-icon-only){--padding-end:var(--padding-top);aspect-ratio:1/1}:host(.button-soft){--border-radius:var(--ionic-border-radius-200, 8px)}:host(.button-soft.button-xsmall),:host(.button-soft.button-small){--border-radius:var(--ionic-border-radius-100, 4px)}:host(.button-round){--border-radius:var(--ionic-border-radius-full, 999px)}:host(.button-rectangular){--border-radius:var(--ionic-border-radius-0, 0px)}:host(.ion-focused) .button-native{outline:var(--focus-ring-width) var(--ionic-border-style-solid, solid) var(--focus-ring-color);outline-offset:var(--ionic-border-size-050, 2px)}:host(.button-solid){--background-activated:var(--ionic-color-primary-base, #105cef)}:host(.button-solid.ion-activated) .button-native::after{background:var(--ionic-color-primary-900, #0d4bc3)}:host(.button-outline){--border-width:var(--ionic-border-size-025, 1px);--border-style:var(--ionic-border-style-solid, solid);--background-activated:var(--ionic-color-neutral-200, #e7e7e7);--background-activated-opacity:1;--background-focused:transparent;--background-hover:transparent;--background-focused-opacity:0.1;--color-activated:var(--ionic-color-primary-base, #105cef)}:host(.button-outline.ion-focused){--border-color:transparent}:host(.button-clear){--background-activated:var(--ionic-color-neutral-200, #e7e7e7);--background-activated-opacity:1;--background-focused:transparent;--background-hover:transparent}:host(.button-solid){--background-hover:var(--ionic-color-primary-800, #0f54da)}:host(.button-outline),:host(.button-clear){--background-hover:var(--ionic-color-neutral-100, #f1f1f1)}:host(.button-disabled){--background:var(--ionic-state-disabled, rgba(255, 255, 255, 0.6));--border-color:var(--color);cursor:default;opacity:0.5;pointer-events:none}:host(.button-solid){--background:var(--ionic-color-primary-base, #105cef);--color:var(--ionic-color-base-white, #ffffff)}:host(.button-outline){--border-color:var(--ionic-color-primary-base, #105cef);--background:var(--ionic-color-base-white, #ffffff);--color:var(--ionic-color-primary-base, #105cef)}:host(.button-clear){--border-width:var(--ionic-border-size-0, 0px);--background:transparent;--color:var(--ionic-color-primary-base, #105cef)}: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){font-size:var(--ionic-font-size-500, 1.25rem);pointer-events:none}.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)}";
10
+ const buttonIonicCss = ":host{--overflow:hidden;--border-width:initial;--border-color:initial;--border-style:initial;--color-activated:var(--color);--color-focused:var(--color);--color-hover:var(--color);--box-shadow:none;--padding-bottom:var(--padding-top);--padding-end:var(--ionic-space-400, 16px);--padding-start:var(--padding-end);--padding-top:var(--ionic-space-300, 12px);--focus-ring-color:var(--ionic-state-focus-1, #9ec4fd);--focus-ring-width:var(--ionic-border-size-050, 2px);display:inline-block;position:relative;width:auto;min-height:var(--ionic-scale-1000, 40px);color:var(--color);font-family:var(--ionic-font-family, \"Inter\", sans-serif);font-size:var(--ionic-font-size-350, 0.875rem);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::after{right:0;left:0;top:50%;position:absolute;height:100%;min-height:var(--ionic-scale-1200, 48px);-webkit-transform:translateY(-50%);transform:translateY(-50%);content:\"\";cursor:pointer;z-index:1}:host ::slotted(ion-icon[slot=start]){-webkit-margin-end:var(--ionic-space-200, 8px);margin-inline-end:var(--ionic-space-200, 8px)}:host ::slotted(ion-icon[slot=end]){-webkit-margin-start:var(--ionic-space-200, 8px);margin-inline-start:var(--ionic-space-200, 8px)}: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-base)}:host(.button-xsmall) ::slotted(ion-icon[slot=start]),:host(.button-small) ::slotted(ion-icon[slot=start]){-webkit-margin-end:var(--ionic-space-100, 4px);margin-inline-end:var(--ionic-space-100, 4px)}:host(.button-xsmall) ::slotted(ion-icon[slot=end]),:host(.button-small) ::slotted(ion-icon[slot=end]){-webkit-margin-start:var(--ionic-space-100, 4px);margin-inline-start:var(--ionic-space-100, 4px)}:host(.button-xsmall){--padding-top:var(--ionic-space-100, 4px);--padding-end:var(--ionic-space-300, 12px);min-height:var(--ionic-space-600, 24px);font-size:var(--ionic-font-size-300, 0.75rem)}:host(.button-small){--padding-top:var(--ionic-space-200, 8px);--padding-end:var(--ionic-space-400, 16px);min-height:var(--ionic-scale-800, 32px);font-size:var(--ionic-font-size-300, 0.75rem)}:host(.button-large){--padding-top:var(--ionic-space-400, 16px);--padding-end:var(--ionic-space-600, 24px);min-height:var(--ionic-scale-1200, 48px);font-size:var(--ionic-font-size-400, 1rem)}:host(.button-xlarge){--padding-top:var(--ionic-space-400, 16px);--padding-end:var(--ionic-space-800, 32px);min-height:var(--ionic-scale-1400, 56px);font-size:var(--ionic-font-size-500, 1.25rem)}::slotted(ion-icon[slot=start]),::slotted(ion-icon[slot=end]),::slotted(ion-icon[slot=icon-only]){font-size:var(--ionic-font-size-400, 1rem)}:host(.button-xsmall) ::slotted(ion-icon[slot=start]),:host(.button-xsmall) ::slotted(ion-icon[slot=end]),:host(.button-xsmall) ::slotted(ion-icon[slot=icon-only]),: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-large) ::slotted(ion-icon[slot=start]),:host(.button-large) ::slotted(ion-icon[slot=end]),:host(.button-large) ::slotted(ion-icon[slot=icon-only]),:host(.button-xlarge) ::slotted(ion-icon[slot=start]),:host(.button-xlarge) ::slotted(ion-icon[slot=end]),:host(.button-xlarge) ::slotted(ion-icon[slot=icon-only]){font-size:inherit}:host(.button-has-icon-only){--padding-end:var(--padding-top);aspect-ratio:1/1}:host(.button-soft){--border-radius:var(--ionic-border-radius-200, 8px)}:host(.button-soft.button-xsmall),:host(.button-soft.button-small){--border-radius:var(--ionic-border-radius-100, 4px)}:host(.button-round){--border-radius:var(--ionic-border-radius-full, 999px)}:host(.button-rectangular){--border-radius:var(--ionic-border-radius-0, 0px)}:host(.ion-focused) .button-native{outline:var(--focus-ring-width) var(--ionic-border-style-solid, solid) var(--focus-ring-color);outline-offset:var(--ionic-border-size-050, 2px)}:host(.button-solid){--background-activated:var(--ionic-color-primary-base, #105cef)}:host(.button-solid.ion-activated) .button-native::after{background:var(--ionic-color-primary-900, #0d4bc3)}:host(.button-outline){--border-width:var(--ionic-border-size-025, 1px);--border-style:var(--ionic-border-style-solid, solid);--background-activated:var(--ionic-color-neutral-200, #e7e7e7);--background-activated-opacity:1;--background-focused:transparent;--background-hover:transparent;--background-focused-opacity:0.1;--color-activated:var(--ionic-color-primary-base, #105cef)}:host(.button-outline.ion-focused){--border-color:transparent}:host(.button-clear){--background-activated:var(--ionic-color-neutral-200, #e7e7e7);--background-activated-opacity:1;--background-focused:transparent;--background-hover:transparent}:host(.button-solid){--background-hover:var(--ionic-color-primary-800, #0f54da)}:host(.button-outline),:host(.button-clear){--background-hover:var(--ionic-color-neutral-100, #f1f1f1)}:host(.button-solid.ion-color.ion-focused) .button-native::after{background:current-color(contrast)}:host(.button-clear.ion-color.ion-focused) .button-native::after,:host(.button-outline.ion-color.ion-focused) .button-native::after{background:current-color(base)}@media (any-hover: hover){:host(.button-solid.ion-color:hover) .button-native::after{background:current-color(contrast)}:host(.button-clear.ion-color:hover) .button-native::after,:host(.button-outline.ion-color:hover) .button-native::after{background:current-color(base)}}:host(.button-disabled){--background:var(--ionic-state-disabled, rgba(255, 255, 255, 0.6));--border-color:var(--color);cursor:default;opacity:0.5;pointer-events:none}:host(.button-solid){--background:var(--ionic-color-primary-base, #105cef);--color:var(--ionic-color-base-white, #ffffff)}:host(.button-outline){--border-color:var(--ion-color-primary, #105cef);--background:var(--ionic-color-base-white, #ffffff);--color:var(--ion-color-primary, #105cef)}:host(.button-clear){--border-width:var(--ionic-border-size-0, 0px);--background:transparent;--color:var(--ionic-color-primary-base, #105cef)}: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){font-size:var(--ionic-font-size-500, 1.25rem);pointer-events:none}.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)}";
11
11
  const IonButtonIonicStyle0 = buttonIonicCss;
12
12
 
13
13
  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);font-family:var(--ion-font-family, inherit);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-solid){--background:var(--ion-color-primary, #0054e9);--color:var(--ion-color-primary-contrast, #fff)}:host(.button-outline){--border-color:var(--ion-color-primary, #0054e9);--background:transparent;--color:var(--ion-color-primary, #0054e9)}:host(.button-clear){--border-width:0;--background:transparent;--color:var(--ion-color-primary, #0054e9)}: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){font-size:1.35em;pointer-events:none}::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}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-base)}: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))}: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))}";
package/components/ion-avatar.js CHANGED
@@ -4,7 +4,7 @@
4
4
  import { proxyCustomElement, HTMLElement, h, Host } from '@stencil/core/internal/client';
5
5
  import { d as getIonTheme } from './ionic-global.js';
6
6
 
7
- const avatarIonicCss = ":host{border-radius:var(--border-radius);display:block}::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(--ionic-space-0, 0px);--padding-bottom:var(--ionic-space-0, 0px);display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;background:var(--ionic-color-neutral-100, #f1f1f1);color:var(--ionic-color-neutral-800, #626262);font-weight:var(--ionic-font-weight-medium, 500);line-height:var(--ionic-line-height-700, 28px)}:host(:not(.avatar-image)){-webkit-padding-start:var(--padding-start);padding-inline-start:var(--padding-start);-webkit-padding-end:var(--padding-end);padding-inline-end:var(--padding-end);padding-top:var(--padding-top);padding-bottom:var(--padding-bottom);border:var(--ionic-border-size-025, 1px) var(--ionic-border-style-solid, solid) var(--ionic-color-neutral-800, #626262)}:host(.avatar-xsmall){--padding-end:var(--ionic-space-050, 2px);--padding-start:var(--ionic-space-050, 2px);width:var(--ionic-scale-600, 24px);height:var(--ionic-scale-600, 24px);font-size:var(--ionic-font-size-300, 0.75rem);line-height:var(--ionic-line-height-400, 16px)}:host(.avatar-small){--padding-end:var(--ionic-space-150, 6px);--padding-start:var(--ionic-space-150, 6px);width:var(--ionic-scale-800, 32px);height:var(--ionic-scale-800, 32px);font-size:var(--ionic-font-size-400, 1rem);line-height:var(--ionic-line-height-600, 24px)}:host(.avatar-medium){--padding-end:var(--ionic-space-200, 8px);--padding-start:var(--ionic-space-200, 8px);width:var(--ionic-scale-1000, 40px);height:var(--ionic-scale-1000, 40px);font-size:var(--ionic-font-size-450, 1.125rem)}:host(.avatar-large){--padding-end:var(--ionic-space-250, 10px);--padding-start:var(--ionic-space-250, 10px);width:var(--ionic-scale-1200, 48px);height:var(--ionic-scale-1200, 48px);font-size:var(--ionic-font-size-500, 1.25rem)}:host(.avatar-xlarge){--padding-end:var(--ionic-space-300, 12px);--padding-start:var(--ionic-space-300, 12px);width:var(--ionic-scale-1400, 56px);height:var(--ionic-scale-1400, 56px);font-size:var(--ionic-font-size-550, 1.375rem)}:host(.avatar-xsmall.avatar-soft),:host(.avatar-small.avatar-soft){--border-radius:var(--ionic-border-radius-100, 4px)}:host(.avatar-soft){--border-radius:var(--ionic-border-radius-200, 8px)}:host(.avatar-round){--border-radius:var(--ionic-border-radius-full, 999px)}:host(.avatar-rectangular){--border-radius:var(--ionic-border-radius-0, 0px)}:host(.avatar-icon){padding-left:0;padding-right:0;padding-top:0;padding-bottom:0}:host(.avatar-xsmall) ::slotted(ion-icon){width:var(--ionic-scale-400, 16px);height:var(--ionic-scale-400, 16px)}:host(.avatar-small) ::slotted(ion-icon){width:var(--ionic-scale-500, 20px);height:var(--ionic-scale-500, 20px)}:host(.avatar-medium) ::slotted(ion-icon){width:var(--ionic-scale-600, 24px);height:var(--ionic-scale-600, 24px)}:host(.avatar-large) ::slotted(ion-icon){width:var(--ionic-scale-800, 32px);height:var(--ionic-scale-800, 32px)}:host(.avatar-xlarge) ::slotted(ion-icon){width:var(--ionic-scale-1000, 40px);height:var(--ionic-scale-1000, 40px)}";
7
+ const avatarIonicCss = ":host{border-radius:var(--border-radius);display:block}::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(--ionic-space-0, 0px);--padding-bottom:var(--ionic-space-0, 0px);display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;background:var(--ionic-color-neutral-100, #f1f1f1);color:var(--ionic-color-neutral-800, #626262);font-weight:var(--ionic-font-weight-medium, 500);line-height:var(--ionic-line-height-700, 28px)}:host(:not(.avatar-image)){-webkit-padding-start:var(--padding-start);padding-inline-start:var(--padding-start);-webkit-padding-end:var(--padding-end);padding-inline-end:var(--padding-end);padding-top:var(--padding-top);padding-bottom:var(--padding-bottom);border:var(--ionic-border-size-025, 1px) var(--ionic-border-style-solid, solid) var(--ionic-color-neutral-800, #626262)}:host(.avatar-xxsmall){--padding-end:var(--ionic-space-050, 2px);--padding-start:var(--ionic-space-050, 2px);width:var(--ionic-scale-400, 16px);height:var(--ionic-scale-400, 16px);font-size:var(--ionic-font-size-300, 0.75rem);line-height:var(--ionic-line-height-500, 20px)}:host(.avatar-xsmall){--padding-end:var(--ionic-space-050, 2px);--padding-start:var(--ionic-space-050, 2px);width:var(--ionic-scale-600, 24px);height:var(--ionic-scale-600, 24px);font-size:var(--ionic-font-size-300, 0.75rem);line-height:var(--ionic-line-height-500, 20px)}:host(.avatar-small){--padding-end:var(--ionic-space-150, 6px);--padding-start:var(--ionic-space-150, 6px);width:var(--ionic-scale-800, 32px);height:var(--ionic-scale-800, 32px);font-size:var(--ionic-font-size-400, 1rem);line-height:var(--ionic-line-height-600, 24px)}:host(.avatar-medium){--padding-end:var(--ionic-space-200, 8px);--padding-start:var(--ionic-space-200, 8px);width:var(--ionic-scale-1000, 40px);height:var(--ionic-scale-1000, 40px);font-size:var(--ionic-font-size-450, 1.125rem)}:host(.avatar-large){--padding-end:var(--ionic-space-250, 10px);--padding-start:var(--ionic-space-250, 10px);width:var(--ionic-scale-1200, 48px);height:var(--ionic-scale-1200, 48px);font-size:var(--ionic-font-size-500, 1.25rem)}:host(.avatar-xlarge){--padding-end:var(--ionic-space-300, 12px);--padding-start:var(--ionic-space-300, 12px);width:var(--ionic-scale-1400, 56px);height:var(--ionic-scale-1400, 56px);font-size:var(--ionic-font-size-550, 1.375rem)}:host(.avatar-xxsmall.avatar-soft),:host(.avatar-xsmall.avatar-soft),:host(.avatar-small.avatar-soft){--border-radius:var(--ionic-border-radius-100, 4px)}:host(.avatar-soft){--border-radius:var(--ionic-border-radius-200, 8px)}:host(.avatar-round){--border-radius:var(--ionic-border-radius-full, 999px)}:host(.avatar-rectangular){--border-radius:var(--ionic-border-radius-0, 0px)}:host(.avatar-icon){padding-left:0;padding-right:0;padding-top:0;padding-bottom:0}:host(.avatar-xsmall) ::slotted(ion-icon){width:var(--ionic-scale-400, 16px);height:var(--ionic-scale-400, 16px)}:host(.avatar-small) ::slotted(ion-icon){width:var(--ionic-scale-500, 20px);height:var(--ionic-scale-500, 20px)}:host(.avatar-medium) ::slotted(ion-icon){width:var(--ionic-scale-600, 24px);height:var(--ionic-scale-600, 24px)}:host(.avatar-large) ::slotted(ion-icon){width:var(--ionic-scale-800, 32px);height:var(--ionic-scale-800, 32px)}:host(.avatar-xlarge) ::slotted(ion-icon){width:var(--ionic-scale-1000, 40px);height:var(--ionic-scale-1000, 40px)}";
8
8
  const IonAvatarIonicStyle0 = avatarIonicCss;
9
9
 
10
10
  const avatarIosCss = ":host{border-radius:var(--border-radius);display:block}::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}";
@@ -55,13 +55,13 @@ const Avatar = /*@__PURE__*/ proxyCustomElement(class Avatar extends HTMLElement
55
55
  const theme = getIonTheme(this);
56
56
  const size = this.getSize();
57
57
  const shape = this.getShape();
58
- return (h(Host, { key: 'ce0752a14af73eb2731d916be9522db4312bd8f8', class: {
58
+ return (h(Host, { key: '169f3e804c30f9eedc8c3cf064af9871bead2f5f', class: {
59
59
  [theme]: true,
60
60
  [`avatar-${size}`]: size !== undefined,
61
61
  [`avatar-${shape}`]: shape !== undefined,
62
62
  [`avatar-image`]: this.hasImage,
63
63
  [`avatar-icon`]: this.hasIcon,
64
- } }, h("slot", { key: '9cd3c8e0d4ced7896b8496b75208c938735af1b2' })));
64
+ } }, h("slot", { key: '67bb5a3c1a6bd33af37141df05663f1685c84286' })));
65
65
  }
66
66
  get el() { return this; }
67
67
  static get style() { return {
package/components/ion-badge.js CHANGED
@@ -5,13 +5,13 @@ import { proxyCustomElement, HTMLElement, h, Host } from '@stencil/core/internal
5
5
  import { c as createColorClasses } from './theme.js';
6
6
  import { d as getIonTheme } from './ionic-global.js';
7
7
 
8
- const badgeIonicCss = ":host{--background:var(--ion-color-primary, #0054e9);--color:var(--ion-color-primary-contrast, #fff);--padding-top:3px;--padding-end:8px;--padding-bottom:3px;--padding-start:8px;-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;-webkit-padding-start:var(--padding-start);padding-inline-start:var(--padding-start);-webkit-padding-end:var(--padding-end);padding-inline-end:var(--padding-end);padding-top:var(--padding-top);padding-bottom:var(--padding-bottom);display:inline-block;min-width:10px;background:var(--background);color:var(--color);font-family:var(--ion-font-family, inherit);font-size:0.8125rem;font-weight:bold;line-height:1;text-align:center;white-space:nowrap;contain:content;vertical-align:baseline}:host(.ion-color){background:var(--ion-color-base);color:var(--ion-color-contrast)}:host(:empty){display:none}:host{--padding-start:var(--ionic-space-100, 4px);--padding-end:var(--ionic-space-100, 4px);--padding-top:var(--ionic-space-0, 0px);--padding-bottom:var(--ionic-space-0, 0px);display:-ms-inline-flexbox;display:inline-flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;font-weight:var(--ionic-font-weight-medium, 500)}:host(.badge-soft){border-radius:var(--ionic-border-radius-200, 8px)}:host(.badge-xxsmall.badge-soft),:host(.badge-xsmall.badge-soft),:host(.badge-small.badge-soft){border-radius:var(--ionic-border-radius-100, 4px)}:host(.badge-round){border-radius:var(--ionic-border-radius-full, 999px)}:host(.badge-rectangular){border-radius:var(--ionic-border-radius-0, 0px)}:host(.badge-xxsmall){min-width:var(--ionic-scale-400, 16px);height:var(--ionic-scale-400, 16px);font-size:var(--ionic-font-size-300, 0.75rem);line-height:var(--ionic-line-height-400, 16px)}:host(.badge-xsmall){min-width:var(--ionic-scale-600, 24px);height:var(--ionic-scale-600, 24px);font-size:var(--ionic-font-size-350, 0.875rem);line-height:var(--ionic-line-height-600, 24px)}:host(.badge-small){min-width:var(--ionic-scale-800, 32px);height:var(--ionic-scale-800, 32px);font-size:var(--ionic-font-size-400, 1rem);line-height:var(--ionic-line-height-600, 24px)}:host(.badge-medium){min-width:var(--ionic-scale-1000, 40px);height:var(--ionic-scale-1000, 40px);font-size:var(--ionic-font-size-450, 1.125rem);line-height:var(--ionic-line-height-700, 28px)}:host(.badge-large){--padding-start:var(--ionic-space-200, 8px);--padding-end:var(--ionic-space-200, 8px);min-width:var(--ionic-scale-1200, 48px);height:var(--ionic-scale-1200, 48px);font-size:var(--ionic-font-size-500, 1.25rem);line-height:var(--ionic-line-height-700, 28px)}:host(.badge-xlarge){--padding-start:var(--ionic-space-200, 8px);--padding-end:var(--ionic-space-200, 8px);min-width:var(--ionic-scale-1400, 56px);height:var(--ionic-scale-1400, 56px);font-size:var(--ionic-font-size-550, 1.375rem);line-height:var(--ionic-line-height-700, 28px)}";
8
+ const badgeIonicCss = ":host{--padding-top:3px;--padding-end:8px;--padding-bottom:3px;--padding-start:8px;-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;-webkit-padding-start:var(--padding-start);padding-inline-start:var(--padding-start);-webkit-padding-end:var(--padding-end);padding-inline-end:var(--padding-end);padding-top:var(--padding-top);padding-bottom:var(--padding-bottom);display:inline-block;min-width:10px;background:var(--background);color:var(--color);font-size:0.8125rem;font-weight:bold;line-height:1;text-align:center;white-space:nowrap;contain:content;vertical-align:baseline}:host(.ion-color){background:var(--ion-color-base);color:var(--ion-color-contrast)}:host(:empty){display:none}:host{--background:var(--ion-color-primary, #105cef);--color:var(--ion-color-primary-contrast, #fff);--padding-start:var(--ionic-space-200, 8px);--padding-end:var(--ionic-space-200, 8px);--padding-top:var(--ionic-space-0, 0px);--padding-bottom:var(--ionic-space-0, 0px);display:-ms-inline-flexbox;display:inline-flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;font-weight:var(--ionic-font-weight-medium, 500)}:host(.badge-soft){border-radius:var(--ionic-border-radius-200, 8px)}:host(.badge-xxsmall.badge-soft),:host(.badge-xsmall.badge-soft),:host(.badge-small.badge-soft){border-radius:var(--ionic-border-radius-100, 4px)}:host(.badge-round){border-radius:var(--ionic-border-radius-full, 999px)}:host(.badge-rectangular){border-radius:var(--ionic-border-radius-0, 0px)}:host(.badge-xxsmall){--padding-start:var(--ionic-space-050, 2px);--padding-end:var(--ionic-space-050, 2px);min-width:var(--ionic-scale-400, 16px);height:var(--ionic-scale-400, 16px);font-size:var(--ionic-font-size-300, 0.75rem);line-height:var(--ionic-line-height-400, 16px)}:host(.badge-xsmall){--padding-start:var(--ionic-space-100, 4px);--padding-end:var(--ionic-space-100, 4px);min-width:var(--ionic-scale-600, 24px);height:var(--ionic-scale-600, 24px);font-size:var(--ionic-font-size-350, 0.875rem);line-height:var(--ionic-line-height-600, 24px)}:host(.badge-small){--padding-start:var(--ionic-space-100, 4px);--padding-end:var(--ionic-space-100, 4px);min-width:var(--ionic-scale-800, 32px);height:var(--ionic-scale-800, 32px);font-size:var(--ionic-font-size-400, 1rem);line-height:var(--ionic-line-height-600, 24px)}:host(.badge-medium){min-width:var(--ionic-scale-1000, 40px);height:var(--ionic-scale-1000, 40px);font-size:var(--ionic-font-size-450, 1.125rem);line-height:var(--ionic-line-height-700, 28px)}:host(.badge-large){min-width:var(--ionic-scale-1200, 48px);height:var(--ionic-scale-1200, 48px);font-size:var(--ionic-font-size-500, 1.25rem);line-height:var(--ionic-line-height-700, 28px)}:host(.badge-xlarge){min-width:var(--ionic-scale-1400, 56px);height:var(--ionic-scale-1400, 56px);font-size:var(--ionic-font-size-550, 1.375rem);line-height:var(--ionic-line-height-700, 28px)}";
9
9
  const IonBadgeIonicStyle0 = badgeIonicCss;
10
10
 
11
- const badgeIosCss = ":host{--background:var(--ion-color-primary, #0054e9);--color:var(--ion-color-primary-contrast, #fff);--padding-top:3px;--padding-end:8px;--padding-bottom:3px;--padding-start:8px;-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;-webkit-padding-start:var(--padding-start);padding-inline-start:var(--padding-start);-webkit-padding-end:var(--padding-end);padding-inline-end:var(--padding-end);padding-top:var(--padding-top);padding-bottom:var(--padding-bottom);display:inline-block;min-width:10px;background:var(--background);color:var(--color);font-family:var(--ion-font-family, inherit);font-size:0.8125rem;font-weight:bold;line-height:1;text-align:center;white-space:nowrap;contain:content;vertical-align:baseline}:host(.ion-color){background:var(--ion-color-base);color:var(--ion-color-contrast)}:host(:empty){display:none}:host{border-radius:10px;font-size:max(13px, 0.8125rem)}";
11
+ const badgeIosCss = ":host{--padding-top:3px;--padding-end:8px;--padding-bottom:3px;--padding-start:8px;-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;-webkit-padding-start:var(--padding-start);padding-inline-start:var(--padding-start);-webkit-padding-end:var(--padding-end);padding-inline-end:var(--padding-end);padding-top:var(--padding-top);padding-bottom:var(--padding-bottom);display:inline-block;min-width:10px;background:var(--background);color:var(--color);font-size:0.8125rem;font-weight:bold;line-height:1;text-align:center;white-space:nowrap;contain:content;vertical-align:baseline}:host(.ion-color){background:var(--ion-color-base);color:var(--ion-color-contrast)}:host(:empty){display:none}:host{--background:var(--ion-color-primary, #0054e9);--color:var(--ion-color-primary-contrast, #fff);font-family:var(--ion-font-family, inherit)}:host{border-radius:10px;font-size:max(13px, 0.8125rem)}";
12
12
  const IonBadgeIosStyle0 = badgeIosCss;
13
13
 
14
- const badgeMdCss = ":host{--background:var(--ion-color-primary, #0054e9);--color:var(--ion-color-primary-contrast, #fff);--padding-top:3px;--padding-end:8px;--padding-bottom:3px;--padding-start:8px;-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;-webkit-padding-start:var(--padding-start);padding-inline-start:var(--padding-start);-webkit-padding-end:var(--padding-end);padding-inline-end:var(--padding-end);padding-top:var(--padding-top);padding-bottom:var(--padding-bottom);display:inline-block;min-width:10px;background:var(--background);color:var(--color);font-family:var(--ion-font-family, inherit);font-size:0.8125rem;font-weight:bold;line-height:1;text-align:center;white-space:nowrap;contain:content;vertical-align:baseline}:host(.ion-color){background:var(--ion-color-base);color:var(--ion-color-contrast)}:host(:empty){display:none}:host{--padding-top:3px;--padding-end:4px;--padding-bottom:4px;--padding-start:4px;border-radius:4px}";
14
+ const badgeMdCss = ":host{--padding-top:3px;--padding-end:8px;--padding-bottom:3px;--padding-start:8px;-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;-webkit-padding-start:var(--padding-start);padding-inline-start:var(--padding-start);-webkit-padding-end:var(--padding-end);padding-inline-end:var(--padding-end);padding-top:var(--padding-top);padding-bottom:var(--padding-bottom);display:inline-block;min-width:10px;background:var(--background);color:var(--color);font-size:0.8125rem;font-weight:bold;line-height:1;text-align:center;white-space:nowrap;contain:content;vertical-align:baseline}:host(.ion-color){background:var(--ion-color-base);color:var(--ion-color-contrast)}:host(:empty){display:none}:host{--background:var(--ion-color-primary, #0054e9);--color:var(--ion-color-primary-contrast, #fff);font-family:var(--ion-font-family, inherit)}:host{--padding-top:3px;--padding-end:4px;--padding-bottom:4px;--padding-start:4px;border-radius:4px}";
15
15
  const IonBadgeMdStyle0 = badgeMdCss;
16
16
 
17
17
  const Badge = /*@__PURE__*/ proxyCustomElement(class Badge extends HTMLElement {
package/components/ion-chip.js CHANGED
@@ -6,7 +6,7 @@ import { d as getIonTheme, p as printIonWarning } from './ionic-global.js';
6
6
  import { c as createColorClasses } from './theme.js';
7
7
  import { d as defineCustomElement$2 } from './ripple-effect.js';
8
8
 
9
- const chipIonicCss = ":host{--background:var(--ionic-color-neutral-100, #f1f1f1);--color:var(--ionic-color-neutral-900, #4e4e4e);--focus-ring-color:var(--ionic-state-focus-1, #9ec4fd);--focus-ring-width:var(--ionic-border-size-050, 2px);-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;-webkit-padding-start:var(--ionic-space-200, 8px);padding-inline-start:var(--ionic-space-200, 8px);-webkit-padding-end:var(--ionic-space-200, 8px);padding-inline-end:var(--ionic-space-200, 8px);padding-top:var(--ionic-space-150, 6px);padding-bottom:var(--ionic-space-150, 6px);border-radius:var(--border-radius);display:-ms-inline-flexbox;display:inline-flex;position:relative;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;gap:var(--ionic-space-100, 4px);background:var(--background);color:var(--color);font-family:var(--ionic-font-family, \"Inter\", sans-serif);font-weight:var(--ionic-font-weight-medium, 500);line-height:var(--ionic-line-height-full, 100%);cursor:pointer;overflow:hidden;-webkit-box-sizing:border-box;box-sizing:border-box;vertical-align:middle}:host(.chip-outline){--background:transparent;border-width:var(--ionic-border-size-025, 1px);border-color:var(--ionic-color-neutral-100, #f1f1f1)}:host(.ion-focused){outline:var(--focus-ring-width) var(--ionic-border-style-solid, solid) var(--focus-ring-color);outline-offset:var(--focus-ring-width)}@media (any-hover: hover){:host(:hover){--background:var(--ionic-color-neutral-200, #e7e7e7)}}:host(.chip-disabled){opacity:0.6;pointer-events:none}:host(.chip-soft){--border-radius:var(--ionic-border-radius-100, 4px)}:host(.chip-round){--border-radius:var(--ionic-border-radius-400, 16px)}:host(.chip-rectangular){--border-radius:var(--ionic-border-radius-0, 0px)}::slotted(ion-icon){font-size:var(--ionic-font-size-400, 1rem)}:host(.chip-small){min-height:var(--ionic-scale-600, 24px);font-size:var(--ionic-font-size-300, 0.75rem)}:host(.chip-large){min-height:var(--ionic-scale-800, 32px);font-size:var(--ionic-font-size-350, 0.875rem)}";
9
+ const chipIonicCss = ":host{--background:var(--ionic-color-neutral-100, #f1f1f1);--color:var(--ionic-color-neutral-900, #4e4e4e);--focus-ring-color:var(--ionic-state-focus-1, #9ec4fd);--focus-ring-width:var(--ionic-border-size-050, 2px);-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;-webkit-padding-start:var(--ionic-space-200, 8px);padding-inline-start:var(--ionic-space-200, 8px);-webkit-padding-end:var(--ionic-space-200, 8px);padding-inline-end:var(--ionic-space-200, 8px);padding-top:var(--ionic-space-150, 6px);padding-bottom:var(--ionic-space-150, 6px);border-radius:var(--border-radius);display:-ms-inline-flexbox;display:inline-flex;position:relative;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;gap:var(--ionic-space-100, 4px);background:var(--background);color:var(--color);font-family:var(--ionic-font-family, \"Inter\", sans-serif);font-weight:var(--ionic-font-weight-medium, 500);line-height:var(--ionic-line-height-full, 100%);cursor:pointer;overflow:hidden;-webkit-box-sizing:border-box;box-sizing:border-box;vertical-align:middle}:host(.chip-outline){border-width:var(--ionic-border-size-025, 1px);border-style:var(--ionic-border-style-solid, solid);border-color:var(--ionic-color-neutral-100, #f1f1f1);background:transparent}:host(.chip-outline.ion-color){border-color:rgba(var(--ion-color-base-rgb), 0.32)}:host(.ion-focused){outline:var(--focus-ring-width) var(--ionic-border-style-solid, solid) var(--focus-ring-color);outline-offset:var(--focus-ring-width)}@media (any-hover: hover){:host(:hover){--background:var(--ionic-color-neutral-200, #e7e7e7)}:host(.ion-color:hover){background:rgba(var(--ion-color-base-rgb), 0.12)}}:host(.chip-disabled){opacity:0.6;pointer-events:none}:host(.chip-soft){--border-radius:var(--ionic-border-radius-100, 4px)}:host(.chip-round){--border-radius:var(--ionic-border-radius-400, 16px)}:host(.chip-rectangular){--border-radius:var(--ionic-border-radius-0, 0px)}::slotted(ion-icon){font-size:var(--ionic-font-size-400, 1rem)}:host(.chip-small){min-height:var(--ionic-scale-600, 24px);font-size:var(--ionic-font-size-300, 0.75rem)}:host(.chip-large){min-height:var(--ionic-scale-800, 32px);font-size:var(--ionic-font-size-350, 0.875rem)}: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)}";
10
10
  const IonChipIonicStyle0 = chipIonicCss;
11
11
 
12
12
  const chipIosCss = ":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);-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;-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;display:-ms-inline-flexbox;display:inline-flex;position:relative;-ms-flex-align:center;align-items:center;min-height:32px;background:var(--background);color:var(--color);font-family:var(--ion-font-family, inherit);cursor:pointer;overflow:hidden;vertical-align:middle;-webkit-box-sizing:border-box;box-sizing:border-box}:host(.chip-disabled){cursor:default;opacity:0.4;pointer-events:none}: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)}: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}";
package/components/ion-input.js CHANGED
@@ -11,7 +11,7 @@ import { h as hostContext, c as createColorClasses } from './theme.js';
11
11
  import { j as closeCircle, k as closeSharp } from './index6.js';
12
12
  import { d as defineCustomElement$2 } from './icon.js';
13
13
 
14
- const inputIonicCss = ".sc-ion-input-ionic-h{--placeholder-color:initial;--placeholder-font-style:initial;--placeholder-font-weight:initial;--placeholder-opacity:var(--ion-placeholder-opacity, 0.6);--padding-top:0px;--padding-end:0px;--padding-bottom:0px;--padding-start:0px;--background:transparent;--color:initial;--border-style:solid;--highlight-color-focused:var(--ion-color-primary, #0054e9);--highlight-color-valid:var(--ion-color-success, #2dd55b);--highlight-color-invalid:var(--ion-color-danger, #c5000f);--highlight-color:var(--highlight-color-focused);display:block;position:relative;width:100%;min-height:44px;padding:0 !important;color:var(--color);font-family:var(--ion-font-family, inherit);z-index:2}ion-item[slot=start].sc-ion-input-ionic-h,ion-item [slot=start].sc-ion-input-ionic-h,ion-item[slot=end].sc-ion-input-ionic-h,ion-item [slot=end].sc-ion-input-ionic-h{width:auto}.ion-color.sc-ion-input-ionic-h{--highlight-color-focused:var(--ion-color-base)}.input-label-placement-floating.sc-ion-input-ionic-h,.input-label-placement-stacked.sc-ion-input-ionic-h{min-height:56px}.native-input.sc-ion-input-ionic{padding-left:0;padding-right:0;padding-top:0;padding-bottom:0;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:inline-block;position:relative;-ms-flex:1;flex:1;width:100%;max-width:100%;max-height:100%;border:0;outline:none;background:transparent;-webkit-box-sizing:border-box;box-sizing:border-box;-webkit-appearance:none;-moz-appearance:none;appearance:none;z-index:1}.native-input.sc-ion-input-ionic::-webkit-input-placeholder{color:var(--placeholder-color);font-family:inherit;font-style:var(--placeholder-font-style);font-weight:var(--placeholder-font-weight);opacity:var(--placeholder-opacity)}.native-input.sc-ion-input-ionic::-moz-placeholder{color:var(--placeholder-color);font-family:inherit;font-style:var(--placeholder-font-style);font-weight:var(--placeholder-font-weight);opacity:var(--placeholder-opacity)}.native-input.sc-ion-input-ionic:-ms-input-placeholder{color:var(--placeholder-color);font-family:inherit;font-style:var(--placeholder-font-style);font-weight:var(--placeholder-font-weight);opacity:var(--placeholder-opacity)}.native-input.sc-ion-input-ionic::-ms-input-placeholder{color:var(--placeholder-color);font-family:inherit;font-style:var(--placeholder-font-style);font-weight:var(--placeholder-font-weight);opacity:var(--placeholder-opacity)}.native-input.sc-ion-input-ionic::placeholder{color:var(--placeholder-color);font-family:inherit;font-style:var(--placeholder-font-style);font-weight:var(--placeholder-font-weight);opacity:var(--placeholder-opacity)}.native-input.sc-ion-input-ionic:-webkit-autofill{background-color:transparent}.native-input.sc-ion-input-ionic:invalid{-webkit-box-shadow:none;box-shadow:none}.native-input.sc-ion-input-ionic::-ms-clear{display:none}.cloned-input.sc-ion-input-ionic{top:0;bottom:0;position:absolute;pointer-events:none}.cloned-input.sc-ion-input-ionic{inset-inline-start:0}.cloned-input.sc-ion-input-ionic:disabled{opacity:1}.input-clear-icon.sc-ion-input-ionic{-webkit-margin-start:auto;margin-inline-start:auto;-webkit-margin-end:auto;margin-inline-end:auto;margin-top:auto;margin-bottom:auto;padding-left:0;padding-right:0;padding-top:0;padding-bottom:0;background-position:center;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;width:30px;height:30px;border:0;outline:none;background-color:transparent;background-repeat:no-repeat;color:var(--ion-color-step-600, var(--ion-text-color-step-400, #666666));visibility:hidden;-webkit-appearance:none;-moz-appearance:none;appearance:none}.in-item-color.sc-ion-input-ionic-h .input-clear-icon.sc-ion-input-ionic{color:inherit}.input-clear-icon.sc-ion-input-ionic:focus{opacity:0.5}.has-value.sc-ion-input-ionic-h .input-clear-icon.sc-ion-input-ionic{visibility:visible}.input-wrapper.sc-ion-input-ionic{-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);border-radius:var(--border-radius);display:-ms-flexbox;display:flex;position:relative;-ms-flex-positive:1;flex-grow:1;-ms-flex-align:stretch;align-items:stretch;height:inherit;min-height:inherit;-webkit-transition:background-color 15ms linear;transition:background-color 15ms linear;background:var(--background);line-height:normal}.native-wrapper.sc-ion-input-ionic{display:-ms-flexbox;display:flex;position:relative;-ms-flex-positive:1;flex-grow:1;-ms-flex-align:center;align-items:center;width:100%}.ion-touched.ion-invalid.sc-ion-input-ionic-h{--highlight-color:var(--highlight-color-invalid)}.ion-valid.sc-ion-input-ionic-h{--highlight-color:var(--highlight-color-valid)}.input-bottom.sc-ion-input-ionic{-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:5px;padding-bottom:0;display:-ms-flexbox;display:flex;-ms-flex-pack:justify;justify-content:space-between;border-top:var(--border-width) var(--border-style) var(--border-color);font-size:0.75rem}.has-focus.ion-valid.sc-ion-input-ionic-h,.ion-touched.ion-invalid.sc-ion-input-ionic-h{--border-color:var(--highlight-color)}.input-bottom.sc-ion-input-ionic .error-text.sc-ion-input-ionic{display:none;color:var(--highlight-color-invalid)}.input-bottom.sc-ion-input-ionic .helper-text.sc-ion-input-ionic{display:block;color:var(--ion-color-step-550, var(--ion-text-color-step-450, #737373))}.ion-touched.ion-invalid.sc-ion-input-ionic-h .input-bottom.sc-ion-input-ionic .error-text.sc-ion-input-ionic{display:block}.ion-touched.ion-invalid.sc-ion-input-ionic-h .input-bottom.sc-ion-input-ionic .helper-text.sc-ion-input-ionic{display:none}.input-bottom.sc-ion-input-ionic .counter.sc-ion-input-ionic{-webkit-margin-start:auto;margin-inline-start:auto;color:var(--ion-color-step-550, var(--ion-text-color-step-450, #737373));white-space:nowrap;-webkit-padding-start:16px;padding-inline-start:16px}.has-focus.sc-ion-input-ionic-h input.sc-ion-input-ionic{caret-color:var(--highlight-color)}.label-text-wrapper.sc-ion-input-ionic{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;max-width:200px;-webkit-transition:color 150ms cubic-bezier(0.4, 0, 0.2, 1), -webkit-transform 150ms cubic-bezier(0.4, 0, 0.2, 1);transition:color 150ms cubic-bezier(0.4, 0, 0.2, 1), -webkit-transform 150ms cubic-bezier(0.4, 0, 0.2, 1);transition:color 150ms cubic-bezier(0.4, 0, 0.2, 1), transform 150ms cubic-bezier(0.4, 0, 0.2, 1);transition:color 150ms cubic-bezier(0.4, 0, 0.2, 1), transform 150ms cubic-bezier(0.4, 0, 0.2, 1), -webkit-transform 150ms cubic-bezier(0.4, 0, 0.2, 1);pointer-events:none}.label-text.sc-ion-input-ionic,.sc-ion-input-ionic-s>[slot=label]{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.label-text-wrapper-hidden.sc-ion-input-ionic,.input-outline-notch-hidden.sc-ion-input-ionic{display:none}.input-wrapper.sc-ion-input-ionic input.sc-ion-input-ionic{-webkit-transition:opacity 150ms cubic-bezier(0.4, 0, 0.2, 1);transition:opacity 150ms cubic-bezier(0.4, 0, 0.2, 1)}.input-label-placement-start.sc-ion-input-ionic-h .input-wrapper.sc-ion-input-ionic{-ms-flex-direction:row;flex-direction:row}.input-label-placement-start.sc-ion-input-ionic-h .label-text-wrapper.sc-ion-input-ionic{-webkit-margin-start:0;margin-inline-start:0;-webkit-margin-end:16px;margin-inline-end:16px;margin-top:0;margin-bottom:0}.input-label-placement-end.sc-ion-input-ionic-h .input-wrapper.sc-ion-input-ionic{-ms-flex-direction:row-reverse;flex-direction:row-reverse}.input-label-placement-end.sc-ion-input-ionic-h .label-text-wrapper.sc-ion-input-ionic{-webkit-margin-start:16px;margin-inline-start:16px;-webkit-margin-end:0;margin-inline-end:0;margin-top:0;margin-bottom:0}.input-label-placement-fixed.sc-ion-input-ionic-h .label-text-wrapper.sc-ion-input-ionic{-webkit-margin-start:0;margin-inline-start:0;-webkit-margin-end:16px;margin-inline-end:16px;margin-top:0;margin-bottom:0}.input-label-placement-fixed.sc-ion-input-ionic-h .label-text.sc-ion-input-ionic{-ms-flex:0 0 100px;flex:0 0 100px;width:100px;min-width:100px;max-width:200px}.input-label-placement-stacked.sc-ion-input-ionic-h .input-wrapper.sc-ion-input-ionic,.input-label-placement-floating.sc-ion-input-ionic-h .input-wrapper.sc-ion-input-ionic{-ms-flex-direction:column;flex-direction:column;-ms-flex-align:start;align-items:start}.input-label-placement-stacked.sc-ion-input-ionic-h .label-text-wrapper.sc-ion-input-ionic,.input-label-placement-floating.sc-ion-input-ionic-h .label-text-wrapper.sc-ion-input-ionic{-webkit-transform-origin:left top;transform-origin:left top;max-width:100%;z-index:2}[dir=rtl].sc-ion-input-ionic-h -no-combinator.input-label-placement-stacked.sc-ion-input-ionic-h .label-text-wrapper.sc-ion-input-ionic,[dir=rtl] .sc-ion-input-ionic-h -no-combinator.input-label-placement-stacked.sc-ion-input-ionic-h .label-text-wrapper.sc-ion-input-ionic,[dir=rtl].input-label-placement-stacked.sc-ion-input-ionic-h .label-text-wrapper.sc-ion-input-ionic,[dir=rtl] .input-label-placement-stacked.sc-ion-input-ionic-h .label-text-wrapper.sc-ion-input-ionic,[dir=rtl].sc-ion-input-ionic-h -no-combinator.input-label-placement-floating.sc-ion-input-ionic-h .label-text-wrapper.sc-ion-input-ionic,[dir=rtl] .sc-ion-input-ionic-h -no-combinator.input-label-placement-floating.sc-ion-input-ionic-h .label-text-wrapper.sc-ion-input-ionic,[dir=rtl].input-label-placement-floating.sc-ion-input-ionic-h .label-text-wrapper.sc-ion-input-ionic,[dir=rtl] .input-label-placement-floating.sc-ion-input-ionic-h .label-text-wrapper.sc-ion-input-ionic{-webkit-transform-origin:right top;transform-origin:right top}@supports selector(:dir(rtl)){.input-label-placement-stacked.sc-ion-input-ionic-h:dir(rtl) .label-text-wrapper.sc-ion-input-ionic,.input-label-placement-floating.sc-ion-input-ionic-h:dir(rtl) .label-text-wrapper.sc-ion-input-ionic{-webkit-transform-origin:right top;transform-origin:right top}}.input-label-placement-stacked.sc-ion-input-ionic-h input.sc-ion-input-ionic,.input-label-placement-floating.sc-ion-input-ionic-h input.sc-ion-input-ionic{margin-left:0;margin-right:0;margin-top:1px;margin-bottom:0}.input-label-placement-floating.sc-ion-input-ionic-h .label-text-wrapper.sc-ion-input-ionic{-webkit-transform:translateY(100%) scale(1);transform:translateY(100%) scale(1)}.input-label-placement-floating.sc-ion-input-ionic-h input.sc-ion-input-ionic{opacity:0}.has-focus.input-label-placement-floating.sc-ion-input-ionic-h input.sc-ion-input-ionic,.has-value.input-label-placement-floating.sc-ion-input-ionic-h input.sc-ion-input-ionic{opacity:1}.label-floating.sc-ion-input-ionic-h .label-text-wrapper.sc-ion-input-ionic{-webkit-transform:translateY(50%) scale(0.75);transform:translateY(50%) scale(0.75);max-width:calc(100% / 0.75)}.sc-ion-input-ionic-s>[slot=start]:last-of-type{-webkit-margin-end:16px;margin-inline-end:16px;-webkit-margin-start:0;margin-inline-start:0}.sc-ion-input-ionic-s>[slot=end]:first-of-type{-webkit-margin-start:16px;margin-inline-start:16px;-webkit-margin-end:0;margin-inline-end:0}.sc-ion-input-ionic-h[disabled].sc-ion-input-ionic-s>ion-input-password-toggle,.sc-ion-input-ionic-h[disabled] .sc-ion-input-ionic-s>ion-input-password-toggle,.sc-ion-input-ionic-h[readonly].sc-ion-input-ionic-s>ion-input-password-toggle,.sc-ion-input-ionic-h[readonly] .sc-ion-input-ionic-s>ion-input-password-toggle{display:none}.input-fill-outline.sc-ion-input-ionic-h{--border-radius:var(--ionic-border-radius-100, 4px);--padding-start:12px;--padding-end:12px}.input-fill-outline.input-size-large.sc-ion-input-ionic-h{--padding-start:16px;--padding-end:16px}.input-fill-outline.input-size-xlarge.sc-ion-input-ionic-h{--padding-start:20px;--padding-end:20px}.input-fill-outline.sc-ion-input-ionic-h .input-bottom.sc-ion-input-ionic{border-top:none}.input-fill-outline.input-shape-round.sc-ion-input-ionic-h .input-bottom.sc-ion-input-ionic,.input-fill-outline.input-label-placement-floating.sc-ion-input-ionic-h .input-bottom.sc-ion-input-ionic{-webkit-padding-start:var(--padding-start);padding-inline-start:var(--padding-start);-webkit-padding-end:var(--padding-end);padding-inline-end:var(--padding-end)}.input-fill-outline.sc-ion-input-ionic-h .input-wrapper.sc-ion-input-ionic{padding-left:0;padding-right:0;padding-top:0;padding-bottom:0;border-bottom:none;background:transparent}.input-fill-outline.input-shape-round.sc-ion-input-ionic-h .label-text-wrapper.sc-ion-input-ionic{-webkit-padding-start:var(--padding-start);padding-inline-start:var(--padding-start);-webkit-padding-end:var(--padding-end);padding-inline-end:var(--padding-end)}.input-fill-outline.input-label-placement-stacked.sc-ion-input-ionic-h .label-text-wrapper.sc-ion-input-ionic{-webkit-transform-origin:left top;transform-origin:left top;max-width:calc(100% - var(--padding-start) - var(--padding-end))}[dir=rtl].sc-ion-input-ionic-h -no-combinator.input-fill-outline.input-label-placement-stacked.sc-ion-input-ionic-h .label-text-wrapper.sc-ion-input-ionic,[dir=rtl] .sc-ion-input-ionic-h -no-combinator.input-fill-outline.input-label-placement-stacked.sc-ion-input-ionic-h .label-text-wrapper.sc-ion-input-ionic,[dir=rtl].input-fill-outline.input-label-placement-stacked.sc-ion-input-ionic-h .label-text-wrapper.sc-ion-input-ionic,[dir=rtl] .input-fill-outline.input-label-placement-stacked.sc-ion-input-ionic-h .label-text-wrapper.sc-ion-input-ionic{-webkit-transform-origin:right top;transform-origin:right top}@supports selector(:dir(rtl)){.input-fill-outline.input-label-placement-stacked.sc-ion-input-ionic-h:dir(rtl) .label-text-wrapper.sc-ion-input-ionic{-webkit-transform-origin:right top;transform-origin:right top}}.input-fill-outline.sc-ion-input-ionic-h .label-text-wrapper.sc-ion-input-ionic{position:relative}.input-fill-outline.sc-ion-input-ionic-h .native-wrapper.sc-ion-input-ionic{border-radius:inherit;-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);min-height:40px;background:var(--background)}.input-fill-outline.sc-ion-input-ionic-h .input-outline.sc-ion-input-ionic{right:0;left:0;top:0;bottom:0;border-radius:var(--border-radius);position:absolute;width:100%;height:100%;pointer-events:none;border:var(--border-width) var(--border-style) var(--border-color)}.label-floating.input-fill-outline.input-label-placement-stacked.sc-ion-input-ionic-h .label-text-wrapper.sc-ion-input-ionic{margin-left:0;margin-right:0;margin-top:0;margin-bottom:0;padding-top:4px;padding-bottom:4px}.sc-ion-input-ionic-h.input-fill-outline.sc-ion-input-ionic-s>[slot=start],.sc-ion-input-ionic-h.input-fill-outline .sc-ion-input-ionic-s>[slot=start]{-webkit-margin-end:8px;margin-inline-end:8px}.sc-ion-input-ionic-h.input-fill-outline.sc-ion-input-ionic-s>[slot=end],.sc-ion-input-ionic-h.input-fill-outline .sc-ion-input-ionic-s>[slot=end]{-webkit-margin-start:8px;margin-inline-start:8px}.input-fill-outline.input-shape-soft.sc-ion-input-ionic-h{--border-radius:var(--ionic-border-radius-200, 8px)}.input-fill-outline.input-shape-round.sc-ion-input-ionic-h{--border-radius:var(--ionic-border-radius-full, 999px)}.input-fill-outline.input-shape-rectangular.sc-ion-input-ionic-h{--border-radius:var(--ionic-border-radius-0, 0px)}.input-fill-outline.has-focus.sc-ion-input-ionic-h{--border-width:var(--ionic-border-size-050, 2px)}.sc-ion-input-ionic-h{--color:var(--ionic-color-neutral-1000, #3b3b3b);--border-width:var(--ionic-border-size-025, 1px);--border-color:var(--ionic-color-neutral-300, #cfcfcf);--highlight-color-valid:var(--ionic-color-success-base, #1ba433);--highlight-color-invalid:var(--ionic-color-danger-base, #e52929);--placeholder-color:var(--ionic-color-neutral-800, #626262);--placeholder-opacity:1;--text-color-invalid:var(--ionic-color-danger-800, #bf2222);font-size:var(--ionic-font-size-350, 0.875rem)}.input-size-medium.sc-ion-input-ionic-h .native-wrapper.sc-ion-input-ionic{min-height:40px}.input-size-large.sc-ion-input-ionic-h .native-wrapper.sc-ion-input-ionic{min-height:48px}.input-size-xlarge.sc-ion-input-ionic-h .native-wrapper.sc-ion-input-ionic{min-height:56px}.sc-ion-input-ionic-h .native-wrapper.sc-ion-input-ionic::after{right:0;left:0;top:50%;position:absolute;height:100%;min-height:48px;-webkit-transform:translateY(-50%);transform:translateY(-50%);content:\"\";cursor:text;z-index:1}.sc-ion-input-ionic-s>[slot=start],.sc-ion-input-ionic-s>[slot=end],.input-clear-icon.sc-ion-input-ionic{z-index:2}.input-clear-icon.sc-ion-input-ionic{width:16px;height:16px;color:var(--ionic-color-neutral-500, #a2a2a2)}.input-clear-icon.sc-ion-input-ionic:focus-visible{border-radius:var(--ionic-border-radius-100, 4px);outline:var(--ionic-border-size-050, 2px) solid var(--ionic-state-focus-1, #9ec4fd);opacity:1}.input-clear-icon.sc-ion-input-ionic ion-icon.sc-ion-input-ionic{width:100%;height:100%}.sc-ion-input-ionic-h:not(:focus-within) .input-clear-icon.sc-ion-input-ionic{display:none}.label-text-wrapper.sc-ion-input-ionic{color:var(--ionic-color-neutral-1000, #3b3b3b);font-size:var(--ionic-font-size-300, 0.75rem);font-weight:var(--ionic-font-weight-medium, 500);line-height:var(--ionic-line-height-500, 20px)}.label-floating.sc-ion-input-ionic-h .label-text-wrapper.sc-ion-input-ionic{-webkit-transform:none;transform:none}.input-bottom.sc-ion-input-ionic{padding-left:0;padding-right:0;padding-top:7px;padding-bottom:7px;font-weight:var(--ionic-font-weight-medium, 500)}.input-bottom.sc-ion-input-ionic .helper-text.sc-ion-input-ionic,.input-bottom.sc-ion-input-ionic .counter.sc-ion-input-ionic{color:var(--ionic-color-neutral-800, #626262)}.has-focus.ion-valid.sc-ion-input-ionic-h .helper-text.sc-ion-input-ionic{color:var(--ionic-color-success-900, #126f23)}.ion-touched.ion-invalid.sc-ion-input-ionic-h .error-text.sc-ion-input-ionic{color:var(--text-color-invalid)}.has-focus.ion-valid.sc-ion-input-ionic-h,.ion-touched.ion-invalid.sc-ion-input-ionic-h{--border-width:var(--ionic-border-size-025, 1px)}@media (any-hover: hover){.sc-ion-input-ionic-h:hover{--border-color:var(--ionic-color-neutral-600, #8c8c8c)}}.input-disabled.sc-ion-input-ionic-h{--color:var(--ionic-color-neutral-400, #b9b9b9);--background:var(--ionic-color-neutral-100, #f1f1f1);pointer-events:none}.input-disabled.sc-ion-input-ionic-h:not(.ion-valid) .input-bottom.sc-ion-input-ionic .helper-text.sc-ion-input-ionic,.input-disabled.sc-ion-input-ionic-h .input-bottom.sc-ion-input-ionic .counter.sc-ion-input-ionic,.input-disabled.sc-ion-input-ionic-h .label-text-wrapper.sc-ion-input-ionic{color:var(--ionic-color-neutral-400, #b9b9b9)}.input-disabled.has-focus.ion-valid.sc-ion-input-ionic-h{--border-color:rgba(var(--ionic-color-success-base-rgb, 27, 164, 51), 0.6)}.input-disabled.ion-touched.ion-invalid.sc-ion-input-ionic-h{--border-color:rgba(var(--ionic-color-danger-base-rgb, 229, 41, 41), 0.6)}.input-disabled.ion-color.sc-ion-input-ionic-h{--border-color:rgba(var(--ion-color-base-rgb), 0.6)}.input-disabled.has-focus.ion-valid.sc-ion-input-ionic-h .input-bottom.sc-ion-input-ionic .helper-text.sc-ion-input-ionic,.input-disabled.ion-touched.ion-invalid.sc-ion-input-ionic-h .error-text.sc-ion-input-ionic,.input-disabled.ion-color.sc-ion-input-ionic-h .input-bottom.sc-ion-input-ionic .helper-text.sc-ion-input-ionic,.input-disabled.ion-color.sc-ion-input-ionic-h .helper-text.sc-ion-input-ionic{opacity:0.6}.input-readonly.sc-ion-input-ionic-h{--background:var(--ionic-color-neutral-100, #f1f1f1)}.input-highlight.sc-ion-input-ionic{bottom:-1px;position:absolute;width:100%;height:var(--ionic-border-size-050, 2px);-webkit-transform:scale(0);transform:scale(0);-webkit-transition:-webkit-transform 200ms;transition:-webkit-transform 200ms;transition:transform 200ms;transition:transform 200ms, -webkit-transform 200ms;background:var(--border-color)}.input-highlight.sc-ion-input-ionic{inset-inline-start:0}.has-focus.sc-ion-input-ionic-h{--border-color:var(--ionic-color-primary-base, #105cef)}.has-focus.sc-ion-input-ionic-h .input-highlight.sc-ion-input-ionic{-webkit-transform:scale(1);transform:scale(1)}";
14
+ const inputIonicCss = ".sc-ion-input-ionic-h{--placeholder-color:initial;--placeholder-font-style:initial;--placeholder-font-weight:initial;--placeholder-opacity:var(--ion-placeholder-opacity, 0.6);--padding-top:0px;--padding-end:0px;--padding-bottom:0px;--padding-start:0px;--background:transparent;--color:initial;--border-style:solid;--highlight-color-focused:var(--ion-color-primary, #0054e9);--highlight-color-valid:var(--ion-color-success, #2dd55b);--highlight-color-invalid:var(--ion-color-danger, #c5000f);--highlight-color:var(--highlight-color-focused);display:block;position:relative;width:100%;min-height:44px;padding:0 !important;color:var(--color);font-family:var(--ion-font-family, inherit);z-index:2}ion-item[slot=start].sc-ion-input-ionic-h,ion-item [slot=start].sc-ion-input-ionic-h,ion-item[slot=end].sc-ion-input-ionic-h,ion-item [slot=end].sc-ion-input-ionic-h{width:auto}.ion-color.sc-ion-input-ionic-h{--highlight-color-focused:var(--ion-color-base)}.input-label-placement-floating.sc-ion-input-ionic-h,.input-label-placement-stacked.sc-ion-input-ionic-h{min-height:56px}.native-input.sc-ion-input-ionic{padding-left:0;padding-right:0;padding-top:0;padding-bottom:0;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:inline-block;position:relative;-ms-flex:1;flex:1;width:100%;max-width:100%;max-height:100%;border:0;outline:none;background:transparent;-webkit-box-sizing:border-box;box-sizing:border-box;-webkit-appearance:none;-moz-appearance:none;appearance:none;z-index:1}.native-input.sc-ion-input-ionic::-webkit-input-placeholder{color:var(--placeholder-color);font-family:inherit;font-style:var(--placeholder-font-style);font-weight:var(--placeholder-font-weight);opacity:var(--placeholder-opacity)}.native-input.sc-ion-input-ionic::-moz-placeholder{color:var(--placeholder-color);font-family:inherit;font-style:var(--placeholder-font-style);font-weight:var(--placeholder-font-weight);opacity:var(--placeholder-opacity)}.native-input.sc-ion-input-ionic:-ms-input-placeholder{color:var(--placeholder-color);font-family:inherit;font-style:var(--placeholder-font-style);font-weight:var(--placeholder-font-weight);opacity:var(--placeholder-opacity)}.native-input.sc-ion-input-ionic::-ms-input-placeholder{color:var(--placeholder-color);font-family:inherit;font-style:var(--placeholder-font-style);font-weight:var(--placeholder-font-weight);opacity:var(--placeholder-opacity)}.native-input.sc-ion-input-ionic::placeholder{color:var(--placeholder-color);font-family:inherit;font-style:var(--placeholder-font-style);font-weight:var(--placeholder-font-weight);opacity:var(--placeholder-opacity)}.native-input.sc-ion-input-ionic:-webkit-autofill{background-color:transparent}.native-input.sc-ion-input-ionic:invalid{-webkit-box-shadow:none;box-shadow:none}.native-input.sc-ion-input-ionic::-ms-clear{display:none}.cloned-input.sc-ion-input-ionic{top:0;bottom:0;position:absolute;pointer-events:none}.cloned-input.sc-ion-input-ionic{inset-inline-start:0}.cloned-input.sc-ion-input-ionic:disabled{opacity:1}.input-clear-icon.sc-ion-input-ionic{-webkit-margin-start:auto;margin-inline-start:auto;-webkit-margin-end:auto;margin-inline-end:auto;margin-top:auto;margin-bottom:auto;padding-left:0;padding-right:0;padding-top:0;padding-bottom:0;background-position:center;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;width:30px;height:30px;border:0;outline:none;background-color:transparent;background-repeat:no-repeat;color:var(--ion-color-step-600, var(--ion-text-color-step-400, #666666));visibility:hidden;-webkit-appearance:none;-moz-appearance:none;appearance:none}.in-item-color.sc-ion-input-ionic-h .input-clear-icon.sc-ion-input-ionic{color:inherit}.input-clear-icon.sc-ion-input-ionic:focus{opacity:0.5}.has-value.sc-ion-input-ionic-h .input-clear-icon.sc-ion-input-ionic{visibility:visible}.input-wrapper.sc-ion-input-ionic{-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);border-radius:var(--border-radius);display:-ms-flexbox;display:flex;position:relative;-ms-flex-positive:1;flex-grow:1;-ms-flex-align:stretch;align-items:stretch;height:inherit;min-height:inherit;-webkit-transition:background-color 15ms linear;transition:background-color 15ms linear;background:var(--background);line-height:normal}.native-wrapper.sc-ion-input-ionic{display:-ms-flexbox;display:flex;position:relative;-ms-flex-positive:1;flex-grow:1;-ms-flex-align:center;align-items:center;width:100%}.ion-touched.ion-invalid.sc-ion-input-ionic-h{--highlight-color:var(--highlight-color-invalid)}.ion-valid.sc-ion-input-ionic-h{--highlight-color:var(--highlight-color-valid)}.input-bottom.sc-ion-input-ionic{-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:5px;padding-bottom:0;display:-ms-flexbox;display:flex;-ms-flex-pack:justify;justify-content:space-between;border-top:var(--border-width) var(--border-style) var(--border-color);font-size:0.75rem}.has-focus.ion-valid.sc-ion-input-ionic-h,.ion-touched.ion-invalid.sc-ion-input-ionic-h{--border-color:var(--highlight-color)}.input-bottom.sc-ion-input-ionic .error-text.sc-ion-input-ionic{display:none;color:var(--highlight-color-invalid)}.input-bottom.sc-ion-input-ionic .helper-text.sc-ion-input-ionic{display:block;color:var(--ion-color-step-550, var(--ion-text-color-step-450, #737373))}.ion-touched.ion-invalid.sc-ion-input-ionic-h .input-bottom.sc-ion-input-ionic .error-text.sc-ion-input-ionic{display:block}.ion-touched.ion-invalid.sc-ion-input-ionic-h .input-bottom.sc-ion-input-ionic .helper-text.sc-ion-input-ionic{display:none}.input-bottom.sc-ion-input-ionic .counter.sc-ion-input-ionic{-webkit-margin-start:auto;margin-inline-start:auto;color:var(--ion-color-step-550, var(--ion-text-color-step-450, #737373));white-space:nowrap;-webkit-padding-start:16px;padding-inline-start:16px}.has-focus.sc-ion-input-ionic-h input.sc-ion-input-ionic{caret-color:var(--highlight-color)}.label-text-wrapper.sc-ion-input-ionic{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;max-width:200px;-webkit-transition:color 150ms cubic-bezier(0.4, 0, 0.2, 1), -webkit-transform 150ms cubic-bezier(0.4, 0, 0.2, 1);transition:color 150ms cubic-bezier(0.4, 0, 0.2, 1), -webkit-transform 150ms cubic-bezier(0.4, 0, 0.2, 1);transition:color 150ms cubic-bezier(0.4, 0, 0.2, 1), transform 150ms cubic-bezier(0.4, 0, 0.2, 1);transition:color 150ms cubic-bezier(0.4, 0, 0.2, 1), transform 150ms cubic-bezier(0.4, 0, 0.2, 1), -webkit-transform 150ms cubic-bezier(0.4, 0, 0.2, 1);pointer-events:none}.label-text.sc-ion-input-ionic,.sc-ion-input-ionic-s>[slot=label]{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.label-text-wrapper-hidden.sc-ion-input-ionic,.input-outline-notch-hidden.sc-ion-input-ionic{display:none}.input-wrapper.sc-ion-input-ionic input.sc-ion-input-ionic{-webkit-transition:opacity 150ms cubic-bezier(0.4, 0, 0.2, 1);transition:opacity 150ms cubic-bezier(0.4, 0, 0.2, 1)}.input-label-placement-start.sc-ion-input-ionic-h .input-wrapper.sc-ion-input-ionic{-ms-flex-direction:row;flex-direction:row}.input-label-placement-start.sc-ion-input-ionic-h .label-text-wrapper.sc-ion-input-ionic{-webkit-margin-start:0;margin-inline-start:0;-webkit-margin-end:16px;margin-inline-end:16px;margin-top:0;margin-bottom:0}.input-label-placement-end.sc-ion-input-ionic-h .input-wrapper.sc-ion-input-ionic{-ms-flex-direction:row-reverse;flex-direction:row-reverse}.input-label-placement-end.sc-ion-input-ionic-h .label-text-wrapper.sc-ion-input-ionic{-webkit-margin-start:16px;margin-inline-start:16px;-webkit-margin-end:0;margin-inline-end:0;margin-top:0;margin-bottom:0}.input-label-placement-fixed.sc-ion-input-ionic-h .label-text-wrapper.sc-ion-input-ionic{-webkit-margin-start:0;margin-inline-start:0;-webkit-margin-end:16px;margin-inline-end:16px;margin-top:0;margin-bottom:0}.input-label-placement-fixed.sc-ion-input-ionic-h .label-text.sc-ion-input-ionic{-ms-flex:0 0 100px;flex:0 0 100px;width:100px;min-width:100px;max-width:200px}.input-label-placement-stacked.sc-ion-input-ionic-h .input-wrapper.sc-ion-input-ionic,.input-label-placement-floating.sc-ion-input-ionic-h .input-wrapper.sc-ion-input-ionic{-ms-flex-direction:column;flex-direction:column;-ms-flex-align:start;align-items:start}.input-label-placement-stacked.sc-ion-input-ionic-h .label-text-wrapper.sc-ion-input-ionic,.input-label-placement-floating.sc-ion-input-ionic-h .label-text-wrapper.sc-ion-input-ionic{-webkit-transform-origin:left top;transform-origin:left top;max-width:100%;z-index:2}[dir=rtl].sc-ion-input-ionic-h -no-combinator.input-label-placement-stacked.sc-ion-input-ionic-h .label-text-wrapper.sc-ion-input-ionic,[dir=rtl] .sc-ion-input-ionic-h -no-combinator.input-label-placement-stacked.sc-ion-input-ionic-h .label-text-wrapper.sc-ion-input-ionic,[dir=rtl].input-label-placement-stacked.sc-ion-input-ionic-h .label-text-wrapper.sc-ion-input-ionic,[dir=rtl] .input-label-placement-stacked.sc-ion-input-ionic-h .label-text-wrapper.sc-ion-input-ionic,[dir=rtl].sc-ion-input-ionic-h -no-combinator.input-label-placement-floating.sc-ion-input-ionic-h .label-text-wrapper.sc-ion-input-ionic,[dir=rtl] .sc-ion-input-ionic-h -no-combinator.input-label-placement-floating.sc-ion-input-ionic-h .label-text-wrapper.sc-ion-input-ionic,[dir=rtl].input-label-placement-floating.sc-ion-input-ionic-h .label-text-wrapper.sc-ion-input-ionic,[dir=rtl] .input-label-placement-floating.sc-ion-input-ionic-h .label-text-wrapper.sc-ion-input-ionic{-webkit-transform-origin:right top;transform-origin:right top}@supports selector(:dir(rtl)){.input-label-placement-stacked.sc-ion-input-ionic-h:dir(rtl) .label-text-wrapper.sc-ion-input-ionic,.input-label-placement-floating.sc-ion-input-ionic-h:dir(rtl) .label-text-wrapper.sc-ion-input-ionic{-webkit-transform-origin:right top;transform-origin:right top}}.input-label-placement-stacked.sc-ion-input-ionic-h input.sc-ion-input-ionic,.input-label-placement-floating.sc-ion-input-ionic-h input.sc-ion-input-ionic{margin-left:0;margin-right:0;margin-top:1px;margin-bottom:0}.input-label-placement-floating.sc-ion-input-ionic-h .label-text-wrapper.sc-ion-input-ionic{-webkit-transform:translateY(100%) scale(1);transform:translateY(100%) scale(1)}.input-label-placement-floating.sc-ion-input-ionic-h input.sc-ion-input-ionic{opacity:0}.has-focus.input-label-placement-floating.sc-ion-input-ionic-h input.sc-ion-input-ionic,.has-value.input-label-placement-floating.sc-ion-input-ionic-h input.sc-ion-input-ionic{opacity:1}.label-floating.sc-ion-input-ionic-h .label-text-wrapper.sc-ion-input-ionic{-webkit-transform:translateY(50%) scale(0.75);transform:translateY(50%) scale(0.75);max-width:calc(100% / 0.75)}.sc-ion-input-ionic-s>[slot=start]:last-of-type{-webkit-margin-end:16px;margin-inline-end:16px;-webkit-margin-start:0;margin-inline-start:0}.sc-ion-input-ionic-s>[slot=end]:first-of-type{-webkit-margin-start:16px;margin-inline-start:16px;-webkit-margin-end:0;margin-inline-end:0}.sc-ion-input-ionic-h[disabled].sc-ion-input-ionic-s>ion-input-password-toggle,.sc-ion-input-ionic-h[disabled] .sc-ion-input-ionic-s>ion-input-password-toggle,.sc-ion-input-ionic-h[readonly].sc-ion-input-ionic-s>ion-input-password-toggle,.sc-ion-input-ionic-h[readonly] .sc-ion-input-ionic-s>ion-input-password-toggle{display:none}.input-fill-outline.sc-ion-input-ionic-h{--border-radius:var(--ionic-border-radius-100, 4px);--padding-start:12px;--padding-end:12px}.input-fill-outline.input-size-large.sc-ion-input-ionic-h{--padding-start:16px;--padding-end:16px}.input-fill-outline.input-size-xlarge.sc-ion-input-ionic-h{--padding-start:20px;--padding-end:20px}.input-fill-outline.sc-ion-input-ionic-h .input-bottom.sc-ion-input-ionic{border-top:none}.input-fill-outline.input-shape-round.sc-ion-input-ionic-h .input-bottom.sc-ion-input-ionic,.input-fill-outline.input-label-placement-floating.sc-ion-input-ionic-h .input-bottom.sc-ion-input-ionic{-webkit-padding-start:var(--padding-start);padding-inline-start:var(--padding-start);-webkit-padding-end:var(--padding-end);padding-inline-end:var(--padding-end)}.input-fill-outline.sc-ion-input-ionic-h .input-wrapper.sc-ion-input-ionic{padding-left:0;padding-right:0;padding-top:0;padding-bottom:0;border-bottom:none;background:transparent}.input-fill-outline.input-shape-round.sc-ion-input-ionic-h .label-text-wrapper.sc-ion-input-ionic{-webkit-padding-start:var(--padding-start);padding-inline-start:var(--padding-start);-webkit-padding-end:var(--padding-end);padding-inline-end:var(--padding-end)}.input-fill-outline.input-label-placement-stacked.sc-ion-input-ionic-h .label-text-wrapper.sc-ion-input-ionic{-webkit-transform-origin:left top;transform-origin:left top;max-width:calc(100% - var(--padding-start) - var(--padding-end))}[dir=rtl].sc-ion-input-ionic-h -no-combinator.input-fill-outline.input-label-placement-stacked.sc-ion-input-ionic-h .label-text-wrapper.sc-ion-input-ionic,[dir=rtl] .sc-ion-input-ionic-h -no-combinator.input-fill-outline.input-label-placement-stacked.sc-ion-input-ionic-h .label-text-wrapper.sc-ion-input-ionic,[dir=rtl].input-fill-outline.input-label-placement-stacked.sc-ion-input-ionic-h .label-text-wrapper.sc-ion-input-ionic,[dir=rtl] .input-fill-outline.input-label-placement-stacked.sc-ion-input-ionic-h .label-text-wrapper.sc-ion-input-ionic{-webkit-transform-origin:right top;transform-origin:right top}@supports selector(:dir(rtl)){.input-fill-outline.input-label-placement-stacked.sc-ion-input-ionic-h:dir(rtl) .label-text-wrapper.sc-ion-input-ionic{-webkit-transform-origin:right top;transform-origin:right top}}.input-fill-outline.sc-ion-input-ionic-h .label-text-wrapper.sc-ion-input-ionic{position:relative}.input-fill-outline.sc-ion-input-ionic-h .native-wrapper.sc-ion-input-ionic{border-radius:inherit;-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);min-height:40px;background:var(--background)}.input-fill-outline.sc-ion-input-ionic-h .input-outline.sc-ion-input-ionic{right:0;left:0;top:0;bottom:0;border-radius:var(--border-radius);position:absolute;width:100%;height:100%;pointer-events:none;border:var(--border-width) var(--border-style) var(--border-color)}.label-floating.input-fill-outline.input-label-placement-stacked.sc-ion-input-ionic-h .label-text-wrapper.sc-ion-input-ionic{margin-left:0;margin-right:0;margin-top:0;margin-bottom:0;padding-top:4px;padding-bottom:4px}.sc-ion-input-ionic-h.input-fill-outline.sc-ion-input-ionic-s>[slot=start],.sc-ion-input-ionic-h.input-fill-outline .sc-ion-input-ionic-s>[slot=start]{-webkit-margin-end:8px;margin-inline-end:8px}.sc-ion-input-ionic-h.input-fill-outline.sc-ion-input-ionic-s>[slot=end],.sc-ion-input-ionic-h.input-fill-outline .sc-ion-input-ionic-s>[slot=end]{-webkit-margin-start:8px;margin-inline-start:8px}.input-fill-outline.input-shape-soft.sc-ion-input-ionic-h{--border-radius:var(--ionic-border-radius-200, 8px)}.input-fill-outline.input-shape-round.sc-ion-input-ionic-h{--border-radius:var(--ionic-border-radius-full, 999px)}.input-fill-outline.input-shape-rectangular.sc-ion-input-ionic-h{--border-radius:var(--ionic-border-radius-0, 0px)}.input-fill-outline.has-focus.sc-ion-input-ionic-h{--border-width:var(--ionic-border-size-050, 2px)}.sc-ion-input-ionic-h{--color:var(--ionic-color-neutral-1000, #3b3b3b);--border-width:var(--ionic-border-size-025, 1px);--border-color:var(--ionic-color-neutral-300, #cfcfcf);--highlight-color-valid:var(--ionic-color-success-base, #1ba433);--highlight-color-invalid:var(--ionic-color-danger-base, #e52929);--placeholder-color:var(--ionic-color-neutral-800, #626262);--placeholder-opacity:1;--text-color-invalid:var(--ionic-color-danger-800, #bf2222);--background:var(--ionic-color-base-white, #ffffff);font-size:var(--ionic-font-size-350, 0.875rem)}.input-size-medium.sc-ion-input-ionic-h .native-wrapper.sc-ion-input-ionic{min-height:40px}.input-size-large.sc-ion-input-ionic-h .native-wrapper.sc-ion-input-ionic{min-height:48px}.input-size-xlarge.sc-ion-input-ionic-h .native-wrapper.sc-ion-input-ionic{min-height:56px}.sc-ion-input-ionic-h .native-wrapper.sc-ion-input-ionic::after{right:0;left:0;top:50%;position:absolute;height:100%;min-height:48px;-webkit-transform:translateY(-50%);transform:translateY(-50%);content:\"\";cursor:text;z-index:1}.sc-ion-input-ionic-s>[slot=start],.sc-ion-input-ionic-s>[slot=end],.input-clear-icon.sc-ion-input-ionic{z-index:2}.input-clear-icon.sc-ion-input-ionic{width:16px;height:16px;color:var(--ionic-color-neutral-500, #a2a2a2)}.input-clear-icon.sc-ion-input-ionic:focus-visible{border-radius:var(--ionic-border-radius-100, 4px);outline:var(--ionic-border-size-050, 2px) solid var(--ionic-state-focus-1, #9ec4fd);opacity:1}.input-clear-icon.sc-ion-input-ionic ion-icon.sc-ion-input-ionic{width:100%;height:100%}.sc-ion-input-ionic-h:not(:focus-within) .input-clear-icon.sc-ion-input-ionic{display:none}.label-text-wrapper.sc-ion-input-ionic{color:var(--ionic-color-neutral-1000, #3b3b3b);font-size:var(--ionic-font-size-300, 0.75rem);font-weight:var(--ionic-font-weight-medium, 500);line-height:var(--ionic-line-height-500, 20px)}.label-floating.sc-ion-input-ionic-h .label-text-wrapper.sc-ion-input-ionic{-webkit-transform:none;transform:none}.input-bottom.sc-ion-input-ionic{padding-left:0;padding-right:0;padding-top:7px;padding-bottom:7px;font-weight:var(--ionic-font-weight-medium, 500)}.input-bottom.sc-ion-input-ionic .helper-text.sc-ion-input-ionic,.input-bottom.sc-ion-input-ionic .counter.sc-ion-input-ionic{color:var(--ionic-color-neutral-800, #626262)}.has-focus.ion-valid.sc-ion-input-ionic-h .helper-text.sc-ion-input-ionic{color:var(--ionic-color-success-900, #126f23)}.ion-touched.ion-invalid.sc-ion-input-ionic-h .error-text.sc-ion-input-ionic{color:var(--text-color-invalid)}.has-focus.ion-valid.sc-ion-input-ionic-h,.ion-touched.ion-invalid.sc-ion-input-ionic-h{--border-width:var(--ionic-border-size-025, 1px)}@media (any-hover: hover){.sc-ion-input-ionic-h:hover{--border-color:var(--ionic-color-neutral-600, #8c8c8c)}}.input-disabled.sc-ion-input-ionic-h{--color:var(--ionic-color-neutral-400, #b9b9b9);--background:var(--ionic-color-neutral-100, #f1f1f1);pointer-events:none}.input-disabled.sc-ion-input-ionic-h:not(.ion-valid) .input-bottom.sc-ion-input-ionic .helper-text.sc-ion-input-ionic,.input-disabled.sc-ion-input-ionic-h .input-bottom.sc-ion-input-ionic .counter.sc-ion-input-ionic,.input-disabled.sc-ion-input-ionic-h .label-text-wrapper.sc-ion-input-ionic{color:var(--ionic-color-neutral-500, #a2a2a2)}.input-disabled.has-focus.ion-valid.sc-ion-input-ionic-h{--border-color:rgba(var(--ionic-color-success-base-rgb, 27, 164, 51), 0.6)}.input-disabled.ion-touched.ion-invalid.sc-ion-input-ionic-h{--border-color:rgba(var(--ionic-color-danger-base-rgb, 229, 41, 41), 0.6)}.input-disabled.ion-color.sc-ion-input-ionic-h{--border-color:rgba(var(--ion-color-base-rgb), 0.6)}.input-disabled.has-focus.ion-valid.sc-ion-input-ionic-h .input-bottom.sc-ion-input-ionic .helper-text.sc-ion-input-ionic,.input-disabled.ion-touched.ion-invalid.sc-ion-input-ionic-h .error-text.sc-ion-input-ionic,.input-disabled.ion-color.sc-ion-input-ionic-h .input-bottom.sc-ion-input-ionic .helper-text.sc-ion-input-ionic,.input-disabled.ion-color.sc-ion-input-ionic-h .helper-text.sc-ion-input-ionic{opacity:0.6}.input-readonly.sc-ion-input-ionic-h{--background:var(--ionic-color-neutral-100, #f1f1f1)}.input-highlight.sc-ion-input-ionic{bottom:-1px;position:absolute;width:100%;height:var(--ionic-border-size-050, 2px);-webkit-transform:scale(0);transform:scale(0);-webkit-transition:-webkit-transform 200ms;transition:-webkit-transform 200ms;transition:transform 200ms;transition:transform 200ms, -webkit-transform 200ms;background:var(--border-color)}.input-highlight.sc-ion-input-ionic{inset-inline-start:0}.has-focus.sc-ion-input-ionic-h{--border-color:var(--ionic-color-primary-base, #105cef)}.has-focus.sc-ion-input-ionic-h .input-highlight.sc-ion-input-ionic{-webkit-transform:scale(1);transform:scale(1)}";
15
15
  const IonInputIonicStyle0 = inputIonicCss;
16
16
 
17
17
  const inputIosCss = ".sc-ion-input-ios-h{--placeholder-color:initial;--placeholder-font-style:initial;--placeholder-font-weight:initial;--placeholder-opacity:var(--ion-placeholder-opacity, 0.6);--padding-top:0px;--padding-end:0px;--padding-bottom:0px;--padding-start:0px;--background:transparent;--color:initial;--border-style:solid;--highlight-color-focused:var(--ion-color-primary, #0054e9);--highlight-color-valid:var(--ion-color-success, #2dd55b);--highlight-color-invalid:var(--ion-color-danger, #c5000f);--highlight-color:var(--highlight-color-focused);display:block;position:relative;width:100%;min-height:44px;padding:0 !important;color:var(--color);font-family:var(--ion-font-family, inherit);z-index:2}ion-item[slot=start].sc-ion-input-ios-h,ion-item [slot=start].sc-ion-input-ios-h,ion-item[slot=end].sc-ion-input-ios-h,ion-item [slot=end].sc-ion-input-ios-h{width:auto}.ion-color.sc-ion-input-ios-h{--highlight-color-focused:var(--ion-color-base)}.input-label-placement-floating.sc-ion-input-ios-h,.input-label-placement-stacked.sc-ion-input-ios-h{min-height:56px}.native-input.sc-ion-input-ios{padding-left:0;padding-right:0;padding-top:0;padding-bottom:0;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:inline-block;position:relative;-ms-flex:1;flex:1;width:100%;max-width:100%;max-height:100%;border:0;outline:none;background:transparent;-webkit-box-sizing:border-box;box-sizing:border-box;-webkit-appearance:none;-moz-appearance:none;appearance:none;z-index:1}.native-input.sc-ion-input-ios::-webkit-input-placeholder{color:var(--placeholder-color);font-family:inherit;font-style:var(--placeholder-font-style);font-weight:var(--placeholder-font-weight);opacity:var(--placeholder-opacity)}.native-input.sc-ion-input-ios::-moz-placeholder{color:var(--placeholder-color);font-family:inherit;font-style:var(--placeholder-font-style);font-weight:var(--placeholder-font-weight);opacity:var(--placeholder-opacity)}.native-input.sc-ion-input-ios:-ms-input-placeholder{color:var(--placeholder-color);font-family:inherit;font-style:var(--placeholder-font-style);font-weight:var(--placeholder-font-weight);opacity:var(--placeholder-opacity)}.native-input.sc-ion-input-ios::-ms-input-placeholder{color:var(--placeholder-color);font-family:inherit;font-style:var(--placeholder-font-style);font-weight:var(--placeholder-font-weight);opacity:var(--placeholder-opacity)}.native-input.sc-ion-input-ios::placeholder{color:var(--placeholder-color);font-family:inherit;font-style:var(--placeholder-font-style);font-weight:var(--placeholder-font-weight);opacity:var(--placeholder-opacity)}.native-input.sc-ion-input-ios:-webkit-autofill{background-color:transparent}.native-input.sc-ion-input-ios:invalid{-webkit-box-shadow:none;box-shadow:none}.native-input.sc-ion-input-ios::-ms-clear{display:none}.cloned-input.sc-ion-input-ios{top:0;bottom:0;position:absolute;pointer-events:none}.cloned-input.sc-ion-input-ios{inset-inline-start:0}.cloned-input.sc-ion-input-ios:disabled{opacity:1}.input-clear-icon.sc-ion-input-ios{-webkit-margin-start:auto;margin-inline-start:auto;-webkit-margin-end:auto;margin-inline-end:auto;margin-top:auto;margin-bottom:auto;padding-left:0;padding-right:0;padding-top:0;padding-bottom:0;background-position:center;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;width:30px;height:30px;border:0;outline:none;background-color:transparent;background-repeat:no-repeat;color:var(--ion-color-step-600, var(--ion-text-color-step-400, #666666));visibility:hidden;-webkit-appearance:none;-moz-appearance:none;appearance:none}.in-item-color.sc-ion-input-ios-h .input-clear-icon.sc-ion-input-ios{color:inherit}.input-clear-icon.sc-ion-input-ios:focus{opacity:0.5}.has-value.sc-ion-input-ios-h .input-clear-icon.sc-ion-input-ios{visibility:visible}.input-wrapper.sc-ion-input-ios{-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);border-radius:var(--border-radius);display:-ms-flexbox;display:flex;position:relative;-ms-flex-positive:1;flex-grow:1;-ms-flex-align:stretch;align-items:stretch;height:inherit;min-height:inherit;-webkit-transition:background-color 15ms linear;transition:background-color 15ms linear;background:var(--background);line-height:normal}.native-wrapper.sc-ion-input-ios{display:-ms-flexbox;display:flex;position:relative;-ms-flex-positive:1;flex-grow:1;-ms-flex-align:center;align-items:center;width:100%}.ion-touched.ion-invalid.sc-ion-input-ios-h{--highlight-color:var(--highlight-color-invalid)}.ion-valid.sc-ion-input-ios-h{--highlight-color:var(--highlight-color-valid)}.input-bottom.sc-ion-input-ios{-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:5px;padding-bottom:0;display:-ms-flexbox;display:flex;-ms-flex-pack:justify;justify-content:space-between;border-top:var(--border-width) var(--border-style) var(--border-color);font-size:0.75rem}.has-focus.ion-valid.sc-ion-input-ios-h,.ion-touched.ion-invalid.sc-ion-input-ios-h{--border-color:var(--highlight-color)}.input-bottom.sc-ion-input-ios .error-text.sc-ion-input-ios{display:none;color:var(--highlight-color-invalid)}.input-bottom.sc-ion-input-ios .helper-text.sc-ion-input-ios{display:block;color:var(--ion-color-step-550, var(--ion-text-color-step-450, #737373))}.ion-touched.ion-invalid.sc-ion-input-ios-h .input-bottom.sc-ion-input-ios .error-text.sc-ion-input-ios{display:block}.ion-touched.ion-invalid.sc-ion-input-ios-h .input-bottom.sc-ion-input-ios .helper-text.sc-ion-input-ios{display:none}.input-bottom.sc-ion-input-ios .counter.sc-ion-input-ios{-webkit-margin-start:auto;margin-inline-start:auto;color:var(--ion-color-step-550, var(--ion-text-color-step-450, #737373));white-space:nowrap;-webkit-padding-start:16px;padding-inline-start:16px}.has-focus.sc-ion-input-ios-h input.sc-ion-input-ios{caret-color:var(--highlight-color)}.label-text-wrapper.sc-ion-input-ios{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;max-width:200px;-webkit-transition:color 150ms cubic-bezier(0.4, 0, 0.2, 1), -webkit-transform 150ms cubic-bezier(0.4, 0, 0.2, 1);transition:color 150ms cubic-bezier(0.4, 0, 0.2, 1), -webkit-transform 150ms cubic-bezier(0.4, 0, 0.2, 1);transition:color 150ms cubic-bezier(0.4, 0, 0.2, 1), transform 150ms cubic-bezier(0.4, 0, 0.2, 1);transition:color 150ms cubic-bezier(0.4, 0, 0.2, 1), transform 150ms cubic-bezier(0.4, 0, 0.2, 1), -webkit-transform 150ms cubic-bezier(0.4, 0, 0.2, 1);pointer-events:none}.label-text.sc-ion-input-ios,.sc-ion-input-ios-s>[slot=label]{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.label-text-wrapper-hidden.sc-ion-input-ios,.input-outline-notch-hidden.sc-ion-input-ios{display:none}.input-wrapper.sc-ion-input-ios input.sc-ion-input-ios{-webkit-transition:opacity 150ms cubic-bezier(0.4, 0, 0.2, 1);transition:opacity 150ms cubic-bezier(0.4, 0, 0.2, 1)}.input-label-placement-start.sc-ion-input-ios-h .input-wrapper.sc-ion-input-ios{-ms-flex-direction:row;flex-direction:row}.input-label-placement-start.sc-ion-input-ios-h .label-text-wrapper.sc-ion-input-ios{-webkit-margin-start:0;margin-inline-start:0;-webkit-margin-end:16px;margin-inline-end:16px;margin-top:0;margin-bottom:0}.input-label-placement-end.sc-ion-input-ios-h .input-wrapper.sc-ion-input-ios{-ms-flex-direction:row-reverse;flex-direction:row-reverse}.input-label-placement-end.sc-ion-input-ios-h .label-text-wrapper.sc-ion-input-ios{-webkit-margin-start:16px;margin-inline-start:16px;-webkit-margin-end:0;margin-inline-end:0;margin-top:0;margin-bottom:0}.input-label-placement-fixed.sc-ion-input-ios-h .label-text-wrapper.sc-ion-input-ios{-webkit-margin-start:0;margin-inline-start:0;-webkit-margin-end:16px;margin-inline-end:16px;margin-top:0;margin-bottom:0}.input-label-placement-fixed.sc-ion-input-ios-h .label-text.sc-ion-input-ios{-ms-flex:0 0 100px;flex:0 0 100px;width:100px;min-width:100px;max-width:200px}.input-label-placement-stacked.sc-ion-input-ios-h .input-wrapper.sc-ion-input-ios,.input-label-placement-floating.sc-ion-input-ios-h .input-wrapper.sc-ion-input-ios{-ms-flex-direction:column;flex-direction:column;-ms-flex-align:start;align-items:start}.input-label-placement-stacked.sc-ion-input-ios-h .label-text-wrapper.sc-ion-input-ios,.input-label-placement-floating.sc-ion-input-ios-h .label-text-wrapper.sc-ion-input-ios{-webkit-transform-origin:left top;transform-origin:left top;max-width:100%;z-index:2}[dir=rtl].sc-ion-input-ios-h -no-combinator.input-label-placement-stacked.sc-ion-input-ios-h .label-text-wrapper.sc-ion-input-ios,[dir=rtl] .sc-ion-input-ios-h -no-combinator.input-label-placement-stacked.sc-ion-input-ios-h .label-text-wrapper.sc-ion-input-ios,[dir=rtl].input-label-placement-stacked.sc-ion-input-ios-h .label-text-wrapper.sc-ion-input-ios,[dir=rtl] .input-label-placement-stacked.sc-ion-input-ios-h .label-text-wrapper.sc-ion-input-ios,[dir=rtl].sc-ion-input-ios-h -no-combinator.input-label-placement-floating.sc-ion-input-ios-h .label-text-wrapper.sc-ion-input-ios,[dir=rtl] .sc-ion-input-ios-h -no-combinator.input-label-placement-floating.sc-ion-input-ios-h .label-text-wrapper.sc-ion-input-ios,[dir=rtl].input-label-placement-floating.sc-ion-input-ios-h .label-text-wrapper.sc-ion-input-ios,[dir=rtl] .input-label-placement-floating.sc-ion-input-ios-h .label-text-wrapper.sc-ion-input-ios{-webkit-transform-origin:right top;transform-origin:right top}@supports selector(:dir(rtl)){.input-label-placement-stacked.sc-ion-input-ios-h:dir(rtl) .label-text-wrapper.sc-ion-input-ios,.input-label-placement-floating.sc-ion-input-ios-h:dir(rtl) .label-text-wrapper.sc-ion-input-ios{-webkit-transform-origin:right top;transform-origin:right top}}.input-label-placement-stacked.sc-ion-input-ios-h input.sc-ion-input-ios,.input-label-placement-floating.sc-ion-input-ios-h input.sc-ion-input-ios{margin-left:0;margin-right:0;margin-top:1px;margin-bottom:0}.input-label-placement-floating.sc-ion-input-ios-h .label-text-wrapper.sc-ion-input-ios{-webkit-transform:translateY(100%) scale(1);transform:translateY(100%) scale(1)}.input-label-placement-floating.sc-ion-input-ios-h input.sc-ion-input-ios{opacity:0}.has-focus.input-label-placement-floating.sc-ion-input-ios-h input.sc-ion-input-ios,.has-value.input-label-placement-floating.sc-ion-input-ios-h input.sc-ion-input-ios{opacity:1}.label-floating.sc-ion-input-ios-h .label-text-wrapper.sc-ion-input-ios{-webkit-transform:translateY(50%) scale(0.75);transform:translateY(50%) scale(0.75);max-width:calc(100% / 0.75)}.sc-ion-input-ios-s>[slot=start]:last-of-type{-webkit-margin-end:16px;margin-inline-end:16px;-webkit-margin-start:0;margin-inline-start:0}.sc-ion-input-ios-s>[slot=end]:first-of-type{-webkit-margin-start:16px;margin-inline-start:16px;-webkit-margin-end:0;margin-inline-end:0}.sc-ion-input-ios-h[disabled].sc-ion-input-ios-s>ion-input-password-toggle,.sc-ion-input-ios-h[disabled] .sc-ion-input-ios-s>ion-input-password-toggle,.sc-ion-input-ios-h[readonly].sc-ion-input-ios-s>ion-input-password-toggle,.sc-ion-input-ios-h[readonly] .sc-ion-input-ios-s>ion-input-password-toggle{display:none}.sc-ion-input-ios-h{--border-width:0.55px;--border-color:var(--ion-item-border-color, var(--ion-border-color, var(--ion-color-step-250, var(--ion-background-color-step-250, #c8c7cc))));--highlight-height:0px;font-size:inherit}.input-clear-icon.sc-ion-input-ios ion-icon.sc-ion-input-ios{width:18px;height:18px}.input-disabled.sc-ion-input-ios-h{opacity:0.3}.sc-ion-input-ios-s>ion-button[slot=start].button-has-icon-only,.sc-ion-input-ios-s>ion-button[slot=end].button-has-icon-only{--border-radius:50%;--padding-start:0;--padding-end:0;--padding-top:0;--padding-bottom:0;aspect-ratio:1}";
package/components/ion-segment.js CHANGED
@@ -94,15 +94,7 @@ const Segment = /*@__PURE__*/ proxyCustomElement(class Segment extends HTMLEleme
94
94
  swipeGestureChanged() {
95
95
  this.gestureChanged();
96
96
  }
97
- valueChanged(value, oldValue) {
98
- if (oldValue !== undefined && value !== undefined) {
99
- const buttons = this.getButtons();
100
- const previous = buttons.find((button) => button.value === oldValue);
101
- const current = buttons.find((button) => button.value === value);
102
- if (previous && current) {
103
- this.checkButton(previous, current);
104
- }
105
- }
97
+ valueChanged(value) {
106
98
  /**
107
99
  * `ionSelect` is emitted every time the value changes (internal or external changes).
108
100
  * Used by `ion-segment-button` to determine if the button should be checked.
@@ -440,14 +432,14 @@ const Segment = /*@__PURE__*/ proxyCustomElement(class Segment extends HTMLEleme
440
432
  }
441
433
  render() {
442
434
  const theme = getIonTheme(this);
443
- return (h(Host, { key: 'fa333a638e291c771155cc8205a89022799b2f35', role: "tablist", onClick: this.onClick, class: createColorClasses(this.color, {
435
+ return (h(Host, { key: '8ebad474914841f288bad5076063c04eb8697c1f', role: "tablist", onClick: this.onClick, class: createColorClasses(this.color, {
444
436
  [theme]: true,
445
437
  'in-toolbar': hostContext('ion-toolbar', this.el),
446
438
  'in-toolbar-color': hostContext('ion-toolbar[color]', this.el),
447
439
  'segment-activated': this.activated,
448
440
  'segment-disabled': this.disabled,
449
441
  'segment-scrollable': this.scrollable,
450
- }) }, h("slot", { key: '245eb99eee33b71a7cc4f33fedfd52ede284a21c', onSlotchange: this.onSlottedItemsChange })));
442
+ }) }, h("slot", { key: '7c80d6ab541998f3edf0ae12254c6412103000a0', onSlotchange: this.onSlottedItemsChange })));
451
443
  }
452
444
  get el() { return this; }
453
445
  static get watchers() { return {
package/components/ion-select-option.js CHANGED
@@ -18,7 +18,7 @@ const SelectOption = /*@__PURE__*/ proxyCustomElement(class SelectOption extends
18
18
  }
19
19
  render() {
20
20
  const theme = getIonTheme(this);
21
- return (h(Host, { key: '9c119de67b396ed5a1cd5efa40034a1b10313f1b', class: {
21
+ return (h(Host, { key: '1a977b2d7953ecbddf216c5b68d47104dda07bce', class: {
22
22
  [theme]: true,
23
23
  }, role: "option", id: this.inputId }));
24
24
  }
package/components/ion-select.js CHANGED
@@ -652,7 +652,7 @@ const Select = /*@__PURE__*/ proxyCustomElement(class Select extends HTMLElement
652
652
  * TODO(FW-5592): Remove hasStartEndSlots condition
653
653
  */
654
654
  const labelShouldFloat = labelPlacement === 'stacked' || (labelPlacement === 'floating' && (hasValue || isExpanded || hasStartEndSlots));
655
- return (h(Host, { key: '63114b245835e18e63ab6b791713e1c34c2a91d3', onClick: this.onClick, class: createColorClasses(this.color, {
655
+ return (h(Host, { key: '50a843952ba75a266cb2690e3bac68c7bbb8ba95', onClick: this.onClick, class: createColorClasses(this.color, {
656
656
  [theme]: true,
657
657
  'in-item': inItem,
658
658
  'in-item-color': hostContext('ion-item.ion-color', el),
@@ -668,7 +668,7 @@ const Select = /*@__PURE__*/ proxyCustomElement(class Select extends HTMLElement
668
668
  [`select-justify-${justify}`]: justifyEnabled,
669
669
  [`select-shape-${shape}`]: shape !== undefined,
670
670
  [`select-label-placement-${labelPlacement}`]: true,
671
- }) }, h("label", { key: 'dd7f90e38fd21cb0ce2cb26c588ff1318a3b4e03', class: "select-wrapper", id: "select-label" }, this.renderLabelContainer(), h("div", { key: '946a1f025be4a63e1b7f9243d1e089e204f7e2c4', class: "select-wrapper-inner" }, h("slot", { key: '4ab1ffe6511e37ec148768edd41ba26ca59dc0a2', name: "start" }), h("div", { key: 'bc949b66207c31b4f412e1a0480c779bdb20ab99', class: "native-wrapper", ref: (el) => (this.nativeWrapperEl = el), part: "container" }, this.renderSelectText(), this.renderListbox()), h("slot", { key: '3ce8d8bdf08ba900ae12f4ed51bcc693e9eb5f7c', name: "end" }), !hasFloatingOrStackedLabel && this.renderSelectIcon()), hasFloatingOrStackedLabel && this.renderSelectIcon(), shouldRenderHighlight && h("div", { key: 'ad3f883b723354327602b93208913dcfae218e2f', class: "select-highlight" }))));
671
+ }) }, h("label", { key: '617e8b1ee3636c35e8262748028c5c9b53349ab8', class: "select-wrapper", id: "select-label" }, this.renderLabelContainer(), h("div", { key: '0b5a7126bcb30203986c5a0ed9f2f41f25501ace', class: "select-wrapper-inner" }, h("slot", { key: '0e35013e26f58f04f7eb9228cb270991e5b755ae', name: "start" }), h("div", { key: 'cf131b61e7907f63a1ce32dd931a9753ae290807', class: "native-wrapper", ref: (el) => (this.nativeWrapperEl = el), part: "container" }, this.renderSelectText(), this.renderListbox()), h("slot", { key: '0adb8f7cdd610dfe67e1a363180e99322f5a6343', name: "end" }), !hasFloatingOrStackedLabel && this.renderSelectIcon()), hasFloatingOrStackedLabel && this.renderSelectIcon(), shouldRenderHighlight && h("div", { key: 'd9d2954141a517296483c22eac4b143c4096e1c5', class: "select-highlight" }))));
672
672
  }
673
673
  get el() { return this; }
674
674
  static get watchers() { return {
package/components/ion-skeleton-text.js CHANGED
@@ -32,11 +32,11 @@ const SkeletonText = /*@__PURE__*/ proxyCustomElement(class SkeletonText extends
32
32
  const animated = this.animated && config.getBoolean('animated', true);
33
33
  const inMedia = hostContext('ion-avatar', this.el) || hostContext('ion-thumbnail', this.el);
34
34
  const theme = getIonTheme(this);
35
- return (h(Host, { key: 'f788545e591fdd0d1b3b61ad5e97b02d2d7e46f4', class: {
35
+ return (h(Host, { key: '20170a23455836848210459749d9ba6a6eaaff53', class: {
36
36
  [theme]: true,
37
37
  'skeleton-text-animated': animated,
38
38
  'in-media': inMedia,
39
- } }, h("span", { key: '4f62ad7f8851d4111c60e7f7b28edcbb7067125c' }, "\u00A0")));
39
+ } }, h("span", { key: '96a9a18da286285abb647e7b69a4832cbe59b3b8' }, "\u00A0")));
40
40
  }
41
41
  get el() { return this; }
42
42
  static get style() { return IonSkeletonTextStyle0; }
package/components/ion-split-pane.js CHANGED
@@ -132,12 +132,12 @@ const SplitPane = /*@__PURE__*/ proxyCustomElement(class SplitPane extends HTMLE
132
132
  }
133
133
  render() {
134
134
  const theme = getIonTheme(this);
135
- return (h(Host, { key: 'a52854c638f501f9464c3d1d4c30bee020fd781e', class: {
135
+ return (h(Host, { key: 'f2090ca1bf3210b4ba6e20adafbc6f5839704cdd', class: {
136
136
  [theme]: true,
137
137
  // Used internally for styling
138
138
  [`split-pane-${theme}`]: true,
139
139
  'split-pane-visible': this.visible,
140
- } }, h("slot", { key: 'b2164b195c5811dda3d855c47f1bb59975172329' })));
140
+ } }, h("slot", { key: '3ecadb0aa95e4b7799b34122afe25d028bba8710' })));
141
141
  }
142
142
  get el() { return this; }
143
143
  static get watchers() { return {
package/components/ion-tab-bar.js CHANGED
@@ -63,11 +63,11 @@ const TabBar = /*@__PURE__*/ proxyCustomElement(class TabBar extends HTMLElement
63
63
  const { color, translucent, keyboardVisible } = this;
64
64
  const theme = getIonTheme(this);
65
65
  const shouldHide = keyboardVisible && this.el.getAttribute('slot') !== 'top';
66
- return (h(Host, { key: 'cf965ce80081170fd2200e7368c69cd6ccdada5d', role: "tablist", "aria-hidden": shouldHide ? 'true' : null, class: createColorClasses(color, {
66
+ return (h(Host, { key: 'a17e0599a93095bd47d519336fda9ceeda3029d1', role: "tablist", "aria-hidden": shouldHide ? 'true' : null, class: createColorClasses(color, {
67
67
  [theme]: true,
68
68
  'tab-bar-translucent': translucent,
69
69
  'tab-bar-hidden': shouldHide,
70
- }) }, h("slot", { key: '94538a393f7cf1000f4c476a4afdc73b7d593f32' })));
70
+ }) }, h("slot", { key: '7c1f1abe56e8a0f3f24d3479dd6c839aaf90c7be' })));
71
71
  }
72
72
  get el() { return this; }
73
73
  static get watchers() { return {
package/components/ion-tab-button.js CHANGED
@@ -79,7 +79,7 @@ const TabButton = /*@__PURE__*/ proxyCustomElement(class TabButton extends HTMLE
79
79
  rel,
80
80
  target,
81
81
  };
82
- return (h(Host, { key: 'c5d5a400c9e489dca8f69a474e9d2f7321181352', onClick: this.onClick, onKeyup: this.onKeyUp, id: tab !== undefined ? `tab-button-${tab}` : null, class: {
82
+ return (h(Host, { key: '9d7ead0ffeaea5d99e3aa357bff6c5ac64fa1f26', onClick: this.onClick, onKeyup: this.onKeyUp, id: tab !== undefined ? `tab-button-${tab}` : null, class: {
83
83
  [theme]: true,
84
84
  'tab-selected': selected,
85
85
  'tab-disabled': disabled,
@@ -91,7 +91,7 @@ const TabButton = /*@__PURE__*/ proxyCustomElement(class TabButton extends HTMLE
91
91
  'ion-activatable': true,
92
92
  'ion-selectable': true,
93
93
  'ion-focusable': true,
94
- } }, h("a", Object.assign({ key: '7c8ebc51f564778ebd07615b06466e9250539682' }, attrs, { class: "button-native", part: "native", role: "tab", "aria-selected": selected ? 'true' : null, "aria-disabled": disabled ? 'true' : null, tabindex: disabled ? '-1' : undefined }, inheritedAttributes), h("span", { key: '0ec2cb0c616c612af1a97338b5b774196c7498e5', class: "button-inner" }, h("slot", { key: '84ba9e4c88466da0ae7c71de19f9896c9e4e93ef' })), theme === 'md' && h("ion-ripple-effect", { key: '647c96627b7f8339d72c36ca01320677b8b7839c', type: "unbounded" }))));
94
+ } }, h("a", Object.assign({ key: 'fa0e9730e8b396d83df43a97b41067bbc6b195c2' }, attrs, { class: "button-native", part: "native", role: "tab", "aria-selected": selected ? 'true' : null, "aria-disabled": disabled ? 'true' : null, tabindex: disabled ? '-1' : undefined }, inheritedAttributes), h("span", { key: '70b80731de0115a7720de8f0e1f16bac4eb326c3', class: "button-inner" }, h("slot", { key: '3abf65a17ef45a00ae54909b3301f68117a04575' })), theme === 'md' && h("ion-ripple-effect", { key: 'becf3d93675dc8943dc16fc27d204b5c1ad00817', type: "unbounded" }))));
95
95
  }
96
96
  get el() { return this; }
97
97
  static get style() { return {
package/components/ion-tab.js CHANGED
@@ -55,10 +55,10 @@ const Tab = /*@__PURE__*/ proxyCustomElement(class Tab extends HTMLElement {
55
55
  }
56
56
  render() {
57
57
  const { tab, active, component } = this;
58
- return (h(Host, { key: '121affd326db55663c47d9c917e64e863f909028', role: "tabpanel", "aria-hidden": !active ? 'true' : null, "aria-labelledby": `tab-button-${tab}`, class: {
58
+ return (h(Host, { key: '91a0d6e7f70446804044b06eaf22e6fe0eb14510', role: "tabpanel", "aria-hidden": !active ? 'true' : null, "aria-labelledby": `tab-button-${tab}`, class: {
59
59
  'ion-page': component === undefined,
60
60
  'tab-hidden': !active,
61
- } }, h("slot", { key: '8c80289c7e745a8a07692565519b9b13eb56ff19' })));
61
+ } }, h("slot", { key: '6bb7036c2a8a149212b5afdc0a34c6131efd1aee' })));
62
62
  }
63
63
  get el() { return this; }
64
64
  static get watchers() { return {
package/components/ion-tabs.js CHANGED
@@ -140,7 +140,7 @@ const Tabs = /*@__PURE__*/ proxyCustomElement(class Tabs extends HTMLElement {
140
140
  return Array.from(this.el.querySelectorAll('ion-tab'));
141
141
  }
142
142
  render() {
143
- return (h(Host, { key: 'ba731d1538baa664111266c5f9bc3311fe02f9b7', onIonTabButtonClick: this.onTabClicked }, h("slot", { key: '51f8ca87cd096a8e638a0b15d4fbab5aa730f5fa', name: "top" }), h("div", { key: 'e608434927bb5aac108027a4ce9389a0d930e1c2', class: "tabs-inner" }, h("slot", { key: '2922d0e28afc21fda97f2b29a8b5222d9782a6b4' })), h("slot", { key: 'f42306887fc30a816c961fea6cb609375eb56875', name: "bottom" })));
143
+ return (h(Host, { key: 'b38aa13e0115484aa4201c438956ba598671c7f7', onIonTabButtonClick: this.onTabClicked }, h("slot", { key: '47c5aead7a4caf5a496a020e2c4bcac2f5b4082a', name: "top" }), h("div", { key: '839c4cf7b8adbf3263b6e8b94963fe41ba7b1b35', class: "tabs-inner" }, h("slot", { key: '74d33c76bb578a3eddc6a2bfc833018b912b2947' })), h("slot", { key: '45919fcd3ba83ab5d3a928ec83ca14039dde68e2', name: "bottom" })));
144
144
  }
145
145
  get el() { return this; }
146
146
  static get style() { return IonTabsStyle0; }
package/components/ion-text.js CHANGED
@@ -17,9 +17,9 @@ const Text = /*@__PURE__*/ proxyCustomElement(class Text extends HTMLElement {
17
17
  }
18
18
  render() {
19
19
  const theme = getIonTheme(this);
20
- return (h(Host, { key: 'e1398a44433bb39074bd1c03a157968fde144dbd', class: createColorClasses(this.color, {
20
+ return (h(Host, { key: '1d7afeee75e183280309a1300a919eb6b554226c', class: createColorClasses(this.color, {
21
21
  [theme]: true,
22
- }) }, h("slot", { key: '1c26cfb6121b165c9129fad3e98ae8a373949721' })));
22
+ }) }, h("slot", { key: '5083935a5010701514fb18576912eabb738bb862' })));
23
23
  }
24
24
  static get style() { return IonTextStyle0; }
25
25
  }, [1, "ion-text", {
package/components/ion-textarea.js CHANGED
@@ -367,7 +367,7 @@ const Textarea = /*@__PURE__*/ proxyCustomElement(class Textarea extends HTMLEle
367
367
  * TODO(FW-5592): Remove hasStartEndSlots condition
368
368
  */
369
369
  const labelShouldFloat = labelPlacement === 'stacked' || (labelPlacement === 'floating' && (hasValue || hasFocus || hasStartEndSlots));
370
- return (h(Host, { key: '35aa08db103e5deb78d957cab4b927f6b75cfa0d', class: createColorClasses(this.color, {
370
+ return (h(Host, { key: '911726b3af25343ca7ba3084a00f6f70d10c11ed', class: createColorClasses(this.color, {
371
371
  [theme]: true,
372
372
  'has-value': hasValue,
373
373
  'has-focus': hasFocus,
@@ -376,7 +376,7 @@ const Textarea = /*@__PURE__*/ proxyCustomElement(class Textarea extends HTMLEle
376
376
  [`textarea-shape-${shape}`]: shape !== undefined,
377
377
  [`textarea-label-placement-${labelPlacement}`]: true,
378
378
  'textarea-disabled': disabled,
379
- }) }, h("label", { key: '088fd6d57899f9b1595712c7a63642e9877f5e00', class: "textarea-wrapper", htmlFor: inputId }, this.renderLabelContainer(), h("div", { key: '3f1ab81e9c4a7a286f985fa7f6f30dca5f26833b', class: "textarea-wrapper-inner" }, h("div", { key: '4afa68f18bb62b32138a91d903c75672d9a8a9ba', class: "start-slot-wrapper" }, h("slot", { key: '635fa7a5c9754654a3d7f012d33fc12cbe9fd0cf', name: "start" })), h("div", { key: '0895b08cb759a157783a38f423c04967ec8c0ce1', class: "native-wrapper", ref: (el) => (this.textareaWrapper = el) }, h("textarea", Object.assign({ key: 'ec1ebe99508fbce9897c870d5e74239a32dfba91', class: "native-textarea", ref: (el) => (this.nativeInput = el), id: inputId, disabled: disabled, autoCapitalize: this.autocapitalize, autoFocus: this.autofocus, enterKeyHint: this.enterkeyhint, inputMode: this.inputmode, minLength: this.minlength, maxLength: this.maxlength, name: this.name, placeholder: this.placeholder || '', readOnly: this.readonly, required: this.required, spellcheck: this.spellcheck, cols: this.cols, rows: this.rows, wrap: this.wrap, onInput: this.onInput, onChange: this.onChange, onBlur: this.onBlur, onFocus: this.onFocus, onKeyDown: this.onKeyDown }, this.inheritedAttributes), value)), h("div", { key: '411186d7c420c386233296edcbc9afd1d3de03a7', class: "end-slot-wrapper" }, h("slot", { key: 'b37cd68f0dc3f310cd78107d6f61933ba0e27d83', name: "end" }))), shouldRenderHighlight && h("div", { key: '43c7ae2f1e797701d9dbfd905d40320bb0f40e89', class: "textarea-highlight" })), this.renderBottomContent()));
379
+ }) }, h("label", { key: '6f5f1633788b266b919c4bf9da1598fe3e33d9c0', class: "textarea-wrapper", htmlFor: inputId }, this.renderLabelContainer(), h("div", { key: 'bc04ce5f1174737a931c45f8851ba5a2b96e3f88', class: "textarea-wrapper-inner" }, h("div", { key: 'fa8552e1782232e56d7ff0ad69cd77f5bdff1dd8', class: "start-slot-wrapper" }, h("slot", { key: '96f59a916db5d3d386f5d87bfe5490b55bc39573', name: "start" })), h("div", { key: '7b0bab61d53d051bc0bfd8b7da99e9d8bc28d7d0', class: "native-wrapper", ref: (el) => (this.textareaWrapper = el) }, h("textarea", Object.assign({ key: '162f9bafda1156f8b370e108a2acc76540b69f9a', class: "native-textarea", ref: (el) => (this.nativeInput = el), id: inputId, disabled: disabled, autoCapitalize: this.autocapitalize, autoFocus: this.autofocus, enterKeyHint: this.enterkeyhint, inputMode: this.inputmode, minLength: this.minlength, maxLength: this.maxlength, name: this.name, placeholder: this.placeholder || '', readOnly: this.readonly, required: this.required, spellcheck: this.spellcheck, cols: this.cols, rows: this.rows, wrap: this.wrap, onInput: this.onInput, onChange: this.onChange, onBlur: this.onBlur, onFocus: this.onFocus, onKeyDown: this.onKeyDown }, this.inheritedAttributes), value)), h("div", { key: '00f6074ba777a9c4410267a41ac3303c30be4b43', class: "end-slot-wrapper" }, h("slot", { key: '633af4fbfbbada66b4755ead8f1fe8ec412530b7', name: "end" }))), shouldRenderHighlight && h("div", { key: '04e74015f00c89279f23a13cc8f67944f8c9d336', class: "textarea-highlight" })), this.renderBottomContent()));
380
380
  }
381
381
  get el() { return this; }
382
382
  static get watchers() { return {
package/components/ion-thumbnail.js CHANGED
@@ -15,9 +15,9 @@ const Thumbnail = /*@__PURE__*/ proxyCustomElement(class Thumbnail extends HTMLE
15
15
  }
16
16
  render() {
17
17
  const theme = getIonTheme(this);
18
- return (h(Host, { key: '43ea61d750f53e8f3623df191eb3795a59599e40', class: {
18
+ return (h(Host, { key: '8911848dc9edd536023c8a68e51752b751e3f0ab', class: {
19
19
  [theme]: true,
20
- } }, h("slot", { key: 'feaecfa188c84b219d61ff99296b34c7ab26ec66' })));
20
+ } }, h("slot", { key: 'aaa7d7010d4050eebaed490b3ef7e641b076607c' })));
21
21
  }
22
22
  static get style() { return IonThumbnailStyle0; }
23
23
  }, [1, "ion-thumbnail"]);
package/components/ion-title.js CHANGED
@@ -41,11 +41,11 @@ const ToolbarTitle = /*@__PURE__*/ proxyCustomElement(class ToolbarTitle extends
41
41
  render() {
42
42
  const theme = getIonTheme(this);
43
43
  const size = this.getSize();
44
- return (h(Host, { key: '2312208012fcc0021511e9f83a797f0efecc95d7', class: createColorClasses(this.color, {
44
+ return (h(Host, { key: '67f00e2664322d0a5df32e093c7e227fc6f16c98', class: createColorClasses(this.color, {
45
45
  [theme]: true,
46
46
  [`title-${size}`]: true,
47
47
  'title-rtl': document.dir === 'rtl',
48
- }) }, h("div", { key: '0d5cb6cb7065aa70a299061ebd1d7be04f0c5d22', class: "toolbar-title" }, h("slot", { key: '9f95add2dda42160f45137f7ebd8df0f3c3f1a69' }))));
48
+ }) }, h("div", { key: 'cfc8295c9c599a9a61ea794b30169fdd574708f1', class: "toolbar-title" }, h("slot", { key: '2065458af3ed39d230c935332e7ff9c9d2d20e78' }))));
49
49
  }
50
50
  get el() { return this; }
51
51
  static get watchers() { return {
package/components/ion-toast.js CHANGED
@@ -831,9 +831,9 @@ const Toast = /*@__PURE__*/ proxyCustomElement(class Toast extends HTMLElement {
831
831
  if (layout === 'stacked' && startButtons.length > 0 && endButtons.length > 0) {
832
832
  printIonWarning('This toast is using start and end buttons with the stacked toast layout. We recommend following the best practice of using either start or end buttons with the stacked toast layout.', el);
833
833
  }
834
- return (h(Host, Object.assign({ key: 'c479651c07a43bc57908af9c40ebd096cf37b055', tabindex: "-1" }, this.htmlAttributes, { style: {
834
+ return (h(Host, Object.assign({ key: 'cb84d6f739571bc4193840fb790caa5bb5d86570', tabindex: "-1" }, this.htmlAttributes, { style: {
835
835
  zIndex: `${60000 + this.overlayIndex}`,
836
- }, class: createColorClasses(this.color, Object.assign(Object.assign({ [theme]: true }, getClassMap(this.cssClass)), { 'overlay-hidden': true, 'toast-translucent': this.translucent })), onIonToastWillDismiss: this.dispatchCancelHandler }), h("div", { key: 'd4939b5d4f3ffee11ad3167387fbcf5d65107ddc', class: wrapperClass }, h("div", { key: 'bea0d04b6c936b61d0a8df70eb147f2792b7dadd', class: "toast-container", part: "container" }, this.renderButtons(startButtons, 'start'), this.icon !== undefined && (h("ion-icon", { key: 'ea29fdcf23d8b915bb3c294bff094743e3e06e82', class: "toast-icon", part: "icon", icon: this.icon, lazy: false, "aria-hidden": "true" })), h("div", { key: 'c0092793067bbc2cd5b7e538ccdc82aacd424fe1', class: "toast-content", role: "status", "aria-atomic": "true", "aria-live": "polite" }, !revealContentToScreenReader && header !== undefined && this.renderHeader('oldHeader', 'true'), !revealContentToScreenReader && message !== undefined && this.renderToastMessage('oldMessage', 'true'), revealContentToScreenReader && header !== undefined && this.renderHeader('header'), revealContentToScreenReader && message !== undefined && this.renderToastMessage('header')), this.renderButtons(endButtons, 'end')))));
836
+ }, class: createColorClasses(this.color, Object.assign(Object.assign({ [theme]: true }, getClassMap(this.cssClass)), { 'overlay-hidden': true, 'toast-translucent': this.translucent })), onIonToastWillDismiss: this.dispatchCancelHandler }), h("div", { key: '2d9d8ce5d886779f406410197df2a6244032c012', class: wrapperClass }, h("div", { key: '3a64cc8e864daf97f13c94416a544a80738273ba', class: "toast-container", part: "container" }, this.renderButtons(startButtons, 'start'), this.icon !== undefined && (h("ion-icon", { key: 'c1461d577adabfb1244be84d5bc433c256a86a38', class: "toast-icon", part: "icon", icon: this.icon, lazy: false, "aria-hidden": "true" })), h("div", { key: '5a4cfe8b8fe74fa550468183b3f43294827b800f', class: "toast-content", role: "status", "aria-atomic": "true", "aria-live": "polite" }, !revealContentToScreenReader && header !== undefined && this.renderHeader('oldHeader', 'true'), !revealContentToScreenReader && message !== undefined && this.renderToastMessage('oldMessage', 'true'), revealContentToScreenReader && header !== undefined && this.renderHeader('header'), revealContentToScreenReader && message !== undefined && this.renderToastMessage('header')), this.renderButtons(endButtons, 'end')))));
837
837
  }
838
838
  get el() { return this; }
839
839
  static get watchers() { return {
package/components/ion-toggle.js CHANGED
@@ -215,7 +215,7 @@ const Toggle = /*@__PURE__*/ proxyCustomElement(class Toggle extends HTMLElement
215
215
  const value = this.getValue();
216
216
  const rtl = isRTL(el) ? 'rtl' : 'ltr';
217
217
  renderHiddenInput(true, el, name, checked ? value : '', disabled);
218
- return (h(Host, { key: 'aa9dc67384dc4be027ac562730e899f4315fdcfc', onClick: this.onClick, class: createColorClasses(color, {
218
+ return (h(Host, { key: '06f5bc54f99b5f27f0d67a6934aea6bb671ec440', onClick: this.onClick, class: createColorClasses(color, {
219
219
  [theme]: true,
220
220
  'in-item': hostContext('ion-item', el),
221
221
  'toggle-activated': activated,
@@ -225,10 +225,10 @@ const Toggle = /*@__PURE__*/ proxyCustomElement(class Toggle extends HTMLElement
225
225
  [`toggle-alignment-${alignment}`]: true,
226
226
  [`toggle-label-placement-${labelPlacement}`]: true,
227
227
  [`toggle-${rtl}`]: true,
228
- }) }, h("label", { key: 'f154b73f5def7cc59a9d5f355eece52c57e5b493', class: "toggle-wrapper" }, h("input", Object.assign({ key: 'a1c4864c94a8f28a0d2e018ae35275125674cfa6', type: "checkbox", role: "switch", "aria-checked": `${checked}`, checked: checked, disabled: disabled, id: inputId, onFocus: () => this.onFocus(), onBlur: () => this.onBlur(), ref: (focusEl) => (this.focusEl = focusEl) }, this.inheritedAttributes)), h("div", { key: '074b23eb8020c8318aeb8747c5bcef7e0ee235bb', class: {
228
+ }) }, h("label", { key: '7831cd36159ce5fc9d854ebecb597ae3c659a1c1', class: "toggle-wrapper" }, h("input", Object.assign({ key: '11ea2c3830239223c8b570216ca84109155d7776', type: "checkbox", role: "switch", "aria-checked": `${checked}`, checked: checked, disabled: disabled, id: inputId, onFocus: () => this.onFocus(), onBlur: () => this.onBlur(), ref: (focusEl) => (this.focusEl = focusEl) }, this.inheritedAttributes)), h("div", { key: '5ae16c5503913089ca9ec268cf4db8a7745460b6', class: {
229
229
  'label-text-wrapper': true,
230
230
  'label-text-wrapper-hidden': !this.hasLabel,
231
- }, part: "label" }, h("slot", { key: '94d49b13cf0a4fa6fd0177931217446661691bc0' })), h("div", { key: 'c4468059e95a4f6342c60ccaaf3956e45a9b13cc', class: "native-wrapper" }, this.renderToggleControl()))));
231
+ }, part: "label" }, h("slot", { key: '8787021fe340347d6ae44c22959f387f03b871e0' })), h("div", { key: '7ac6cf4bfeb41fc0e8ff9fa2e55571234ab07d03', class: "native-wrapper" }, this.renderToggleControl()))));
232
232
  }
233
233
  get el() { return this; }
234
234
  static get watchers() { return {