@ionic/core 8.4.2-dev.11741365851.1a97ead6 → 8.4.2-dev.11741869226.11c3cc35

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 (158) hide show
  1. package/components/button.js +3 -3
  2. package/components/ion-searchbar.js +8 -5
  3. package/components/ion-segment-button.js +2 -2
  4. package/components/ion-segment-content.js +1 -1
  5. package/components/ion-segment-view.js +2 -2
  6. package/components/ion-segment.js +2 -2
  7. package/components/ion-select-option.js +1 -1
  8. package/components/ion-select.js +3 -3
  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 +3 -3
  17. package/components/ion-thumbnail.js +2 -2
  18. package/components/ion-toast.js +2 -2
  19. package/components/ion-toggle.js +3 -3
  20. package/components/select-modal.js +1 -1
  21. package/components/select-popover.js +2 -2
  22. package/components/spinner.js +1 -1
  23. package/components/title.js +2 -2
  24. package/components/toolbar.js +2 -2
  25. package/dist/cjs/ion-app_8.cjs.entry.js +4 -4
  26. package/dist/cjs/ion-avatar_3.cjs.entry.js +2 -2
  27. package/dist/cjs/ion-button_2.cjs.entry.js +3 -3
  28. package/dist/cjs/ion-item_8.cjs.entry.js +2 -2
  29. package/dist/cjs/ion-searchbar.cjs.entry.js +8 -5
  30. package/dist/cjs/ion-segment-content.cjs.entry.js +1 -1
  31. package/dist/cjs/ion-segment-view.cjs.entry.js +2 -2
  32. package/dist/cjs/ion-segment_2.cjs.entry.js +4 -4
  33. package/dist/cjs/ion-select-modal.cjs.entry.js +1 -1
  34. package/dist/cjs/ion-select_3.cjs.entry.js +6 -6
  35. package/dist/cjs/ion-spinner.cjs.entry.js +1 -1
  36. package/dist/cjs/ion-split-pane.cjs.entry.js +2 -2
  37. package/dist/cjs/ion-tab-bar_2.cjs.entry.js +4 -4
  38. package/dist/cjs/ion-tab_2.cjs.entry.js +3 -3
  39. package/dist/cjs/ion-text.cjs.entry.js +2 -2
  40. package/dist/cjs/ion-textarea.cjs.entry.js +3 -3
  41. package/dist/cjs/ion-toast.cjs.entry.js +2 -2
  42. package/dist/cjs/ion-toggle.cjs.entry.js +3 -3
  43. package/dist/collection/components/button/button.ionic.css +39 -19
  44. package/dist/collection/components/button/button.ios.css +2 -1
  45. package/dist/collection/components/button/button.md.css +2 -1
  46. package/dist/collection/components/searchbar/searchbar.ionic.css +21 -11
  47. package/dist/collection/components/searchbar/searchbar.js +8 -5
  48. package/dist/collection/components/segment/segment.js +2 -2
  49. package/dist/collection/components/segment-button/segment-button.js +2 -2
  50. package/dist/collection/components/segment-content/segment-content.js +1 -1
  51. package/dist/collection/components/segment-view/segment-view.js +2 -2
  52. package/dist/collection/components/select/select.js +3 -3
  53. package/dist/collection/components/select-modal/select-modal.js +1 -1
  54. package/dist/collection/components/select-option/select-option.js +1 -1
  55. package/dist/collection/components/select-popover/select-popover.js +2 -2
  56. package/dist/collection/components/skeleton-text/skeleton-text.js +2 -2
  57. package/dist/collection/components/spinner/spinner.js +1 -1
  58. package/dist/collection/components/split-pane/split-pane.js +2 -2
  59. package/dist/collection/components/tab/tab.js +2 -2
  60. package/dist/collection/components/tab-bar/tab-bar.js +2 -2
  61. package/dist/collection/components/tab-button/tab-button.js +2 -2
  62. package/dist/collection/components/tabs/tabs.js +1 -1
  63. package/dist/collection/components/text/text.js +2 -2
  64. package/dist/collection/components/textarea/textarea.js +3 -3
  65. package/dist/collection/components/thumbnail/thumbnail.js +2 -2
  66. package/dist/collection/components/title/title.js +2 -2
  67. package/dist/collection/components/toast/toast.js +2 -2
  68. package/dist/collection/components/toggle/toggle.js +3 -3
  69. package/dist/collection/components/toolbar/toolbar.js +2 -2
  70. package/dist/docs.json +2 -2
  71. package/dist/esm/ion-app_8.entry.js +4 -4
  72. package/dist/esm/ion-avatar_3.entry.js +2 -2
  73. package/dist/esm/ion-button_2.entry.js +3 -3
  74. package/dist/esm/ion-item_8.entry.js +2 -2
  75. package/dist/esm/ion-searchbar.entry.js +8 -5
  76. package/dist/esm/ion-segment-content.entry.js +1 -1
  77. package/dist/esm/ion-segment-view.entry.js +2 -2
  78. package/dist/esm/ion-segment_2.entry.js +4 -4
  79. package/dist/esm/ion-select-modal.entry.js +1 -1
  80. package/dist/esm/ion-select_3.entry.js +6 -6
  81. package/dist/esm/ion-spinner.entry.js +1 -1
  82. package/dist/esm/ion-split-pane.entry.js +2 -2
  83. package/dist/esm/ion-tab-bar_2.entry.js +4 -4
  84. package/dist/esm/ion-tab_2.entry.js +3 -3
  85. package/dist/esm/ion-text.entry.js +2 -2
  86. package/dist/esm/ion-textarea.entry.js +3 -3
  87. package/dist/esm/ion-toast.entry.js +2 -2
  88. package/dist/esm/ion-toggle.entry.js +3 -3
  89. package/dist/esm-es5/ion-app_8.entry.js +1 -1
  90. package/dist/esm-es5/ion-avatar_3.entry.js +1 -1
  91. package/dist/esm-es5/ion-button_2.entry.js +1 -1
  92. package/dist/esm-es5/ion-item_8.entry.js +1 -1
  93. package/dist/esm-es5/ion-searchbar.entry.js +1 -1
  94. package/dist/esm-es5/ion-segment-content.entry.js +1 -1
  95. package/dist/esm-es5/ion-segment-view.entry.js +1 -1
  96. package/dist/esm-es5/ion-segment_2.entry.js +1 -1
  97. package/dist/esm-es5/ion-select-modal.entry.js +1 -1
  98. package/dist/esm-es5/ion-select_3.entry.js +1 -1
  99. package/dist/esm-es5/ion-spinner.entry.js +1 -1
  100. package/dist/esm-es5/ion-split-pane.entry.js +1 -1
  101. package/dist/esm-es5/ion-tab-bar_2.entry.js +1 -1
  102. package/dist/esm-es5/ion-tab_2.entry.js +1 -1
  103. package/dist/esm-es5/ion-text.entry.js +1 -1
  104. package/dist/esm-es5/ion-textarea.entry.js +1 -1
  105. package/dist/esm-es5/ion-toast.entry.js +1 -1
  106. package/dist/esm-es5/ion-toggle.entry.js +1 -1
  107. package/dist/html.html-data.json +1 -1
  108. package/dist/ionic/ionic.esm.js +1 -1
  109. package/dist/ionic/{p-531c3061.entry.js → p-00d4122b.entry.js} +1 -1
  110. package/dist/ionic/{p-ccae763c.entry.js → p-06171cfe.entry.js} +1 -1
  111. package/dist/ionic/{p-20fb0bb4.entry.js → p-177e5174.entry.js} +1 -1
  112. package/dist/ionic/{p-25fcbafe.entry.js → p-2babcfed.entry.js} +1 -1
  113. package/dist/ionic/{p-345ed859.system.entry.js → p-2c158829.system.entry.js} +1 -1
  114. package/dist/ionic/{p-f6b4018a.system.entry.js → p-2e2564f4.system.entry.js} +1 -1
  115. package/dist/ionic/{p-8cdc3684.entry.js → p-32c7f373.entry.js} +1 -1
  116. package/dist/ionic/{p-6fe386d5.system.entry.js → p-39dafa1d.system.entry.js} +1 -1
  117. package/dist/ionic/{p-91f6fc46.entry.js → p-40fb57eb.entry.js} +1 -1
  118. package/dist/ionic/{p-4b769e3f.entry.js → p-4c3baf6b.entry.js} +1 -1
  119. package/dist/ionic/p-4dbaf8ab.system.entry.js +4 -0
  120. package/dist/ionic/{p-633b126a.system.entry.js → p-51121acc.system.entry.js} +1 -1
  121. package/dist/ionic/{p-bf037413.system.entry.js → p-5bf3c7bb.system.entry.js} +2 -2
  122. package/dist/ionic/p-5d03dea8.entry.js +4 -0
  123. package/dist/ionic/{p-e49e5407.system.entry.js → p-5ef3c946.system.entry.js} +1 -1
  124. package/dist/ionic/{p-f536433d.system.entry.js → p-6064600e.system.entry.js} +1 -1
  125. package/dist/ionic/{p-975dcbcb.system.entry.js → p-60eff82b.system.entry.js} +1 -1
  126. package/dist/ionic/p-65d0c3b3.system.entry.js +4 -0
  127. package/dist/ionic/{p-2f57cb40.entry.js → p-6c6d7c34.entry.js} +1 -1
  128. package/dist/ionic/p-7b48eb55.entry.js +4 -0
  129. package/dist/ionic/p-864bb0b2.entry.js +4 -0
  130. package/dist/ionic/{p-98f32971.entry.js → p-86f2880e.entry.js} +1 -1
  131. package/dist/ionic/{p-497b67a3.system.entry.js → p-876664bb.system.entry.js} +1 -1
  132. package/dist/ionic/p-9078b280.system.entry.js +4 -0
  133. package/dist/ionic/{p-aae0f146.entry.js → p-9d3d1c0c.entry.js} +1 -1
  134. package/dist/ionic/p-9f99da2c.entry.js +4 -0
  135. package/dist/ionic/p-9f9a666d.system.js +1 -1
  136. package/dist/ionic/{p-a269abe3.system.entry.js → p-a37c3f0a.system.entry.js} +2 -2
  137. package/dist/ionic/{p-656490af.entry.js → p-a4eda6d6.entry.js} +1 -1
  138. package/dist/ionic/{p-aff567d6.entry.js → p-aa25a8e5.entry.js} +1 -1
  139. package/dist/ionic/{p-e6e2ea96.system.entry.js → p-abb0510b.system.entry.js} +1 -1
  140. package/dist/ionic/p-b99343c0.entry.js +4 -0
  141. package/dist/ionic/{p-a763eb06.system.entry.js → p-bed26b75.system.entry.js} +1 -1
  142. package/dist/ionic/{p-2730ecee.system.entry.js → p-d454b760.system.entry.js} +1 -1
  143. package/dist/ionic/{p-21d62720.system.entry.js → p-dac0954a.system.entry.js} +2 -2
  144. package/dist/ionic/{p-f7d26ada.entry.js → p-ee50200e.entry.js} +1 -1
  145. package/dist/ionic/{p-f8522131.system.entry.js → p-f22933c0.system.entry.js} +1 -1
  146. package/dist/types/components/searchbar/searchbar.d.ts +1 -1
  147. package/dist/types/components.d.ts +2 -2
  148. package/hydrate/index.js +53 -50
  149. package/hydrate/index.mjs +53 -50
  150. package/package.json +1 -1
  151. package/dist/ionic/p-341a80ea.entry.js +0 -4
  152. package/dist/ionic/p-a27eaf15.system.entry.js +0 -4
  153. package/dist/ionic/p-a6ad7cc9.entry.js +0 -4
  154. package/dist/ionic/p-bc3538f6.entry.js +0 -4
  155. package/dist/ionic/p-c5692272.system.entry.js +0 -4
  156. package/dist/ionic/p-d7cbcadc.entry.js +0 -4
  157. package/dist/ionic/p-e4444d68.entry.js +0 -4
  158. package/dist/ionic/p-e9c36e22.system.entry.js +0 -4
package/components/button.js CHANGED
@@ -7,13 +7,13 @@ import { c as getIonTheme, p as printIonWarning, b as getIonMode } from './ionic
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;--ripple-color:currentColor;--border-width:initial;--border-color:initial;--border-style:initial;--color-activated:var(--color);--color-focused:var(--color);--color-hover:var(--color);--box-shadow:none;display:inline-block;width:auto;color:var(--color);text-align:center;text-decoration:none;white-space:normal;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;vertical-align:top;vertical-align:-webkit-baseline-middle;-webkit-font-kerning:none;font-kerning:none}:host(.button-disabled){cursor:default;opacity:0.5;pointer-events:none}:host(.button-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){pointer-events:none}ion-ripple-effect{color:var(--ripple-color)}.button-native::after{right:0;left:0;top:0;bottom:0;position:absolute;content:\"\";opacity:0}:host(.ion-focused){color:var(--color-focused)}:host(.ion-focused) .button-native::after{background:var(--background-focused);opacity:var(--background-focused-opacity)}@media (any-hover: hover){:host(:hover){color:var(--color-hover)}:host(:hover) .button-native::after{background:var(--background-hover);opacity:var(--background-hover-opacity)}}:host(.ion-activated){color:var(--color-activated)}:host(.ion-activated) .button-native::after{background:var(--background-activated);opacity:var(--background-activated-opacity)}:host(.button-solid.ion-color) .button-native{background:var(--ion-color-base);color:var(--ion-color-contrast)}:host(.button-outline.ion-color) .button-native{border-color:var(--ion-color-base);background:transparent;color:var(--ion-color-base)}:host(.button-clear.ion-color) .button-native{background:transparent;color:var(--ion-color-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-bottom:var(--padding-top);--padding-end:var(--ion-space-500, 20px);--padding-start:var(--padding-end);--padding-top:var(--ion-space-0, 0px);--focus-ring-color:var(--ion-border-focus-default, #b5c0f7);--focus-ring-width:var(--ion-border-size-050, 2px);position:relative;min-height:var(--ion-scale-1000, 40px);font-family:var(--ion-font-family, \"Inter\", sans-serif);font-size:var(--ion-font-size-350, 0.875rem)}:host::after{right:0;left:0;top:50%;position:absolute;height:100%;min-height:var(--ion-scale-1200, 48px);-webkit-transform:translateY(-50%);transform:translateY(-50%);content:\"\";cursor:pointer;z-index:1}:host(.button-solid){--background-activated:var(--ion-color-primary-shade, #0e51d2);--background-hover:var(--ion-color-primary-contrast, #fff);--background-focused:var(--ion-color-primary-contrast, #fff);--background-focused-opacity:0.24;--background-hover-opacity:0.08;--ripple-opacity:var(--background-activated-opacity, 1);--ripple-color:var(--background-activated)}:host(.button-outline){--border-width:var(--ion-border-size-025, 1px);--border-style:var(--ion-border-style-solid, solid);--background-activated:var(--ion-primitives-neutral-200, #e7e7e7);--background-focused:transparent;--background-hover:var(--ion-color-primary, #105cef);--background-hover-opacity:0.04;--ripple-opacity:var(--background-activated-opacity, 1);--ripple-color:var(--background-activated)}:host(.button-clear){--background-activated:var(--ion-primitives-neutral-200, #e7e7e7);--background-focused:transparent;--background-hover:var(--ion-color-primary, #105cef);--background-hover-opacity:0.04;--ripple-opacity:var(--background-activated-opacity, 1);--ripple-color:var(--background-activated)}:host(.button-solid.ion-color) ion-ripple-effect{color:var(--ion-color-shade)}:host(.button-outline.ion-color) ion-ripple-effect,:host(.button-clear.ion-color) ion-ripple-effect{color:var(--ion-primitives-neutral-200, #e7e7e7)}:host(.button-xsmall) ::slotted(ion-icon[slot=start]),:host(.button-small) ::slotted(ion-icon[slot=start]){-webkit-margin-end:var(--ion-space-100, 4px);margin-inline-end:var(--ion-space-100, 4px)}:host(.button-xsmall) ::slotted(ion-icon[slot=end]),:host(.button-small) ::slotted(ion-icon[slot=end]){-webkit-margin-start:var(--ion-space-100, 4px);margin-inline-start:var(--ion-space-100, 4px)}:host(.button-xsmall){--padding-top:var(--ion-space-100, 4px);--padding-end:var(--ion-space-300, 12px);min-height:var(--ion-space-600, 24px);font-size:var(--ion-font-size-300, 0.75rem)}:host(.button-small){--padding-top:var(--ion-space-200, 8px);--padding-end:var(--ion-space-400, 16px);min-height:var(--ion-scale-800, 32px);font-size:var(--ion-font-size-300, 0.75rem)}:host(.button-large){--padding-top:var(--ion-space-400, 16px);--padding-end:var(--ion-space-600, 24px);min-height:var(--ion-scale-1200, 48px);font-size:var(--ion-font-size-400, 1rem)}:host(.button-xlarge){--padding-top:var(--ion-space-400, 16px);--padding-end:var(--ion-space-800, 32px);min-height:var(--ion-scale-1400, 56px);font-size:var(--ion-font-size-500, 1.25rem)}::slotted(ion-icon[slot=start]),::slotted(ion-icon[slot=end]),::slotted(ion-icon[slot=icon-only]){font-size:var(--ion-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(--ion-border-radius-200, 8px)}:host(.button-soft.button-xsmall),:host(.button-soft.button-small){--border-radius:var(--ion-border-radius-100, 4px)}:host(.button-round){--border-radius:var(--ion-border-radius-full, 999px)}:host(.button-rectangular){--border-radius:var(--ion-border-radius-0, 0px)}:host(.ion-focused) .button-native{outline:var(--focus-ring-width) var(--ion-border-style-solid, solid) var(--focus-ring-color);outline-offset:var(--ion-border-size-050, 2px)}:host(.button-solid.ion-color.ion-focused) .button-native::after{background:var(--ion-color-contrast)}:host(.button-solid.ion-color.ion-activated) .button-native::after{background:var(--ion-color-shade)}:host(.ion-activated) .button-native:has(ion-ripple-effect)::after,:host(.button-solid.ion-color.ion-activated) .button-native:has(ion-ripple-effect)::after{background:transparent}:host(.button-disabled){opacity:0.6}::slotted(ion-icon){font-size:var(--ion-font-size-500, 1.25rem)}:host(.button-small) ::slotted(ion-icon[slot=start]){-webkit-margin-end:var(--ion-space-200, 8px);margin-inline-end:var(--ion-space-200, 8px)}::slotted(ion-icon[slot=start]){-webkit-margin-end:var(--ion-space-250, 10px);margin-inline-end:var(--ion-space-250, 10px)}:host(.button-large) ::slotted(ion-icon[slot=start]){-webkit-margin-end:var(--ion-space-300, 12px);margin-inline-end:var(--ion-space-300, 12px)}:host(.button-small) ::slotted(ion-icon[slot=end]){-webkit-margin-start:var(--ion-space-200, 8px);margin-inline-start:var(--ion-space-200, 8px)}::slotted(ion-icon[slot=end]){-webkit-margin-start:var(--ion-space-250, 10px);margin-inline-start:var(--ion-space-250, 10px)}:host(.button-large) ::slotted(ion-icon[slot=end]){-webkit-margin-start:var(--ion-space-300, 12px);margin-inline-start:var(--ion-space-300, 12px)}";
10
+ const buttonIonicCss = ":host{--overflow:hidden;--ripple-color:currentColor;--border-width:initial;--border-color:initial;--border-style:initial;--color-activated:var(--color);--color-focused:var(--color);--color-hover:var(--color);--box-shadow:none;display:inline-block;width:auto;color:var(--color);text-align:center;text-decoration:none;white-space:normal;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;vertical-align:top;vertical-align:-webkit-baseline-middle;-webkit-font-kerning:none;font-kerning:none}:host(.button-disabled){cursor:default;opacity:0.5;pointer-events:none}:host(.button-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),::slotted(ion-spinner){pointer-events:none}ion-ripple-effect{color:var(--ripple-color)}.button-native::after{right:0;left:0;top:0;bottom:0;position:absolute;content:\"\";opacity:0}:host(.ion-focused){color:var(--color-focused)}:host(.ion-focused) .button-native::after{background:var(--background-focused);opacity:var(--background-focused-opacity)}@media (any-hover: hover){:host(:hover){color:var(--color-hover)}:host(:hover) .button-native::after{background:var(--background-hover);opacity:var(--background-hover-opacity)}}:host(.ion-activated){color:var(--color-activated)}:host(.ion-activated) .button-native::after{background:var(--background-activated);opacity:var(--background-activated-opacity)}:host(.button-solid.ion-color) .button-native{background:var(--ion-color-base);color:var(--ion-color-contrast)}:host(.button-outline.ion-color) .button-native{border-color:var(--ion-color-base);background:transparent;color:var(--ion-color-base)}:host(.button-clear.ion-color) .button-native{background:transparent;color:var(--ion-color-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-bottom:var(--padding-top);--padding-end:var(--ion-space-500, 20px);--padding-start:var(--padding-end);--padding-top:var(--ion-space-0, 0px);--focus-ring-color:var(--ion-border-focus-default, #b5c0f7);--focus-ring-width:var(--ion-border-size-050, 2px);position:relative;min-height:var(--ion-scale-1000, 40px);font-family:var(--ion-font-family, \"Inter\", sans-serif);font-size:var(--ion-font-size-350, 0.875rem)}:host::after{right:0;left:0;top:50%;position:absolute;height:100%;min-height:var(--ion-scale-1200, 48px);-webkit-transform:translateY(-50%);transform:translateY(-50%);content:\"\";cursor:pointer;z-index:1}:host(.button-solid){--background-activated:var(--ion-color-primary-shade, #0e51d2);--background-hover:var(--ion-color-primary-contrast, #fff);--background-focused:var(--ion-color-primary-contrast, #fff);--background-focused-opacity:0.24;--background-hover-opacity:0.08;--ripple-opacity:var(--background-activated-opacity, 1);--ripple-color:var(--background-activated)}:host(.button-outline){--border-width:var(--ion-border-size-025, 1px);--border-style:var(--ion-border-style-solid, solid);--background-activated:var(--ion-primitives-neutral-200, #e7e7e7);--background-focused:transparent;--background-hover:var(--ion-color-primary, #105cef);--background-hover-opacity:0.04;--ripple-opacity:var(--background-activated-opacity, 1);--ripple-color:var(--background-activated)}:host(.button-clear){--background-activated:var(--ion-primitives-neutral-200, #e7e7e7);--background-focused:transparent;--background-hover:var(--ion-color-primary, #105cef);--background-hover-opacity:0.04;--ripple-opacity:var(--background-activated-opacity, 1);--ripple-color:var(--background-activated)}:host(.button-solid.ion-color) ion-ripple-effect{color:var(--ion-color-shade)}:host(.button-outline.ion-color) ion-ripple-effect,:host(.button-clear.ion-color) ion-ripple-effect{color:var(--ion-primitives-neutral-200, #e7e7e7)}:host(.button-xsmall){--padding-top:var(--ion-space-100, 4px);--padding-end:var(--ion-space-300, 12px);min-height:var(--ion-space-600, 24px);font-size:var(--ion-font-size-300, 0.75rem)}:host(.button-small){--padding-top:var(--ion-space-200, 8px);--padding-end:var(--ion-space-400, 16px);min-height:var(--ion-scale-800, 32px);font-size:var(--ion-font-size-300, 0.75rem)}:host(.button-large){--padding-top:var(--ion-space-400, 16px);--padding-end:var(--ion-space-600, 24px);min-height:var(--ion-scale-1200, 48px);font-size:var(--ion-font-size-400, 1rem)}:host(.button-xlarge){--padding-top:var(--ion-space-400, 16px);--padding-end:var(--ion-space-800, 32px);min-height:var(--ion-scale-1400, 56px);font-size:var(--ion-font-size-500, 1.25rem)}::slotted(ion-icon[slot=start]),::slotted(ion-icon[slot=end]),::slotted(ion-icon[slot=icon-only]){font-size:var(--ion-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}::slotted(ion-spinner){--color:currentColor}::slotted(ion-spinner[slot=start]),::slotted(ion-spinner[slot=end]),::slotted(ion-spinner[slot=icon-only]){width:var(--ion-space-500, 20px);height:var(--ion-space-500, 20px)}:host(.button-xlarge) ::slotted(ion-spinner){width:var(--ion-space-600, 24px);height:var(--ion-space-600, 24px)}:host(.button-soft){--border-radius:var(--ion-border-radius-200, 8px)}:host(.button-soft.button-xsmall),:host(.button-soft.button-small){--border-radius:var(--ion-border-radius-100, 4px)}:host(.button-round){--border-radius:var(--ion-border-radius-full, 999px)}:host(.button-rectangular){--border-radius:var(--ion-border-radius-0, 0px)}:host(.ion-focused) .button-native{outline:var(--focus-ring-width) var(--ion-border-style-solid, solid) var(--focus-ring-color);outline-offset:var(--ion-border-size-050, 2px)}:host(.button-solid.ion-color.ion-focused) .button-native::after{background:var(--ion-color-contrast)}:host(.button-solid.ion-color.ion-activated) .button-native::after{background:var(--ion-color-shade)}:host(.ion-activated) .button-native:has(ion-ripple-effect)::after,:host(.button-solid.ion-color.ion-activated) .button-native:has(ion-ripple-effect)::after{background:transparent}:host(.button-disabled){opacity:0.6}::slotted(ion-icon){font-size:var(--ion-font-size-500, 1.25rem)}:host(.button-xsmall) ::slotted(ion-icon[slot=start]),:host(.button-xsmall) ::slotted(ion-spinner[slot=start]),:host(.button-small) ::slotted(ion-icon[slot=start]),:host(.button-small) ::slotted(ion-spinner[slot=start]){-webkit-margin-end:var(--ion-space-200, 8px);margin-inline-end:var(--ion-space-200, 8px)}::slotted(ion-icon[slot=start]),::slotted(ion-spinner[slot=start]){-webkit-margin-end:var(--ion-space-250, 10px);margin-inline-end:var(--ion-space-250, 10px)}:host(.button-large) ::slotted(ion-icon[slot=start]),:host(.button-large) ::slotted(ion-spinner[slot=start]),:host(.button-xlarge) ::slotted(ion-icon[slot=start]),:host(.button-xlarge) ::slotted(ion-spinner[slot=start]){-webkit-margin-end:var(--ion-space-300, 12px);margin-inline-end:var(--ion-space-300, 12px)}:host(.button-xsmall) ::slotted(ion-icon[slot=end]),:host(.button-xsmall) ::slotted(ion-spinner[slot=end]),:host(.button-small) ::slotted(ion-icon[slot=end]),:host(.button-small) ::slotted(ion-spinner[slot=end]){-webkit-margin-start:var(--ion-space-200, 8px);margin-inline-start:var(--ion-space-200, 8px)}::slotted(ion-icon[slot=end]),::slotted(ion-spinner[slot=end]){-webkit-margin-start:var(--ion-space-250, 10px);margin-inline-start:var(--ion-space-250, 10px)}:host(.button-large) ::slotted(ion-icon[slot=end]),:host(.button-large) ::slotted(ion-spinner[slot=end]),:host(.button-xlarge) ::slotted(ion-icon[slot=end]),:host(.button-xlarge) ::slotted(ion-spinner[slot=end]){-webkit-margin-start:var(--ion-space-300, 12px);margin-inline-start:var(--ion-space-300, 12px)}";
11
11
  const IonButtonIonicStyle0 = buttonIonicCss;
12
12
 
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);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){pointer-events:none}ion-ripple-effect{color:var(--ripple-color)}.button-native::after{right:0;left:0;top:0;bottom:0;position:absolute;content:\"\";opacity:0}:host(.ion-focused){color:var(--color-focused)}:host(.ion-focused) .button-native::after{background:var(--background-focused);opacity:var(--background-focused-opacity)}@media (any-hover: hover){:host(:hover){color:var(--color-hover)}:host(:hover) .button-native::after{background:var(--background-hover);opacity:var(--background-hover-opacity)}}:host(.ion-activated){color:var(--color-activated)}:host(.ion-activated) .button-native::after{background:var(--background-activated);opacity:var(--background-activated-opacity)}:host(.button-solid.ion-color) .button-native{background:var(--ion-color-base);color:var(--ion-color-contrast)}:host(.button-outline.ion-color) .button-native{border-color:var(--ion-color-base);background:transparent;color:var(--ion-color-base)}:host(.button-clear.ion-color) .button-native{background:transparent;color:var(--ion-color-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{font-family:var(--ion-font-family, inherit)}::slotted(ion-icon){font-size:1.35em}::slotted(ion-icon[slot=start]){-webkit-margin-start:-0.3em;margin-inline-start:-0.3em;-webkit-margin-end:0.3em;margin-inline-end:0.3em;margin-top:0;margin-bottom:0}::slotted(ion-icon[slot=end]){-webkit-margin-start:0.3em;margin-inline-start:0.3em;-webkit-margin-end:-0.2em;margin-inline-end:-0.2em;margin-top:0;margin-bottom:0}:host{--padding-top:13px;--padding-bottom:13px;--padding-start:1em;--padding-end:1em;--transition:background-color, opacity 100ms linear;-webkit-margin-start:2px;margin-inline-start:2px;-webkit-margin-end:2px;margin-inline-end:2px;margin-top:4px;margin-bottom:4px;min-height:3.1em;font-size:min(1rem, 48px);font-weight:500;letter-spacing:0}:host(.button-solid){--background-activated:var(--ion-color-primary-shade, #004acd);--background-focused:var(--ion-color-primary-shade, #004acd);--background-hover:var(--ion-color-primary-tint, #1a65eb);--background-activated-opacity:1;--background-focused-opacity:1;--background-hover-opacity:1}:host(.button-outline){--border-width:1px;--border-style:solid;--background-activated:var(--ion-color-primary, #0054e9);--background-focused:var(--ion-color-primary, #0054e9);--background-hover:transparent;--background-focused-opacity:0.1;--color-activated:var(--ion-color-primary-contrast, #fff)}:host(.button-clear){--background-activated:transparent;--background-activated-opacity:0;--background-focused:var(--ion-color-primary, #0054e9);--background-hover:transparent;--background-focused-opacity:0.1;font-size:min(1.0625rem, 51px);font-weight:normal}:host(.in-buttons){font-size:clamp(17px, 1.0625rem, 21.08px);font-weight:400}:host(.button-large){--padding-top:17px;--padding-start:1em;--padding-end:1em;--padding-bottom:17px;min-height:3.1em;font-size:min(1.25rem, 60px)}:host(.button-small){--padding-top:4px;--padding-start:0.9em;--padding-end:0.9em;--padding-bottom:4px;min-height:2.1em;font-size:min(0.8125rem, 39px)}:host(.button-soft){--border-radius:6px}:host(.button-soft.button-large){--border-radius:8px}:host(.button-soft.button-small){--border-radius:4px}:host(.button-round){--border-radius:999px}:host(.button-rectangular){--border-radius:0px}:host(.button-strong){font-weight:600}:host(.button-has-icon-only){--padding-top:0;--padding-bottom:var(--padding-top);--padding-end:var(--padding-top);--padding-start:var(--padding-end);min-width:clamp(30px, 2.125em, 60px);min-height:clamp(30px, 2.125em, 60px)}::slotted(ion-icon[slot=icon-only]){font-size:clamp(15.12px, 1.125em, 43.02px)}:host(.button-small.button-has-icon-only){min-width:clamp(23px, 2.16em, 54px);min-height:clamp(23px, 2.16em, 54px)}:host(.button-small) ::slotted(ion-icon[slot=icon-only]){font-size:clamp(12.1394px, 1.308125em, 40.1856px)}:host(.button-large.button-has-icon-only){min-width:clamp(46px, 2.5em, 78px);min-height:clamp(46px, 2.5em, 78px)}:host(.button-large) ::slotted(ion-icon[slot=icon-only]){font-size:clamp(15.12px, 0.9em, 43.056px)}:host(.button-outline.ion-focused.ion-color) .button-native,:host(.button-clear.ion-focused.ion-color) .button-native{color:var(--ion-color-base)}:host(.button-outline.ion-focused.ion-color) .button-native::after,:host(.button-clear.ion-focused.ion-color) .button-native::after{background:var(--ion-color-base)}:host(.button-solid.ion-color.ion-focused) .button-native::after{background:var(--ion-color-shade)}@media (any-hover: hover){:host(.button-clear:not(.ion-activated):hover),:host(.button-outline:not(.ion-activated):hover){opacity:0.6}:host(.button-clear.ion-color:hover) .button-native,:host(.button-outline.ion-color:hover) .button-native{color:var(--ion-color-base)}:host(.button-clear.ion-color:hover) .button-native::after,:host(.button-outline.ion-color:hover) .button-native::after{background:transparent}:host(.button-solid.ion-color:hover) .button-native::after{background:var(--ion-color-tint)}:host(:hover.button-solid.in-toolbar:not(.ion-color):not(.in-toolbar-color):not(.ion-activated)) .button-native::after{background:#fff;opacity:0.1}}:host(.button-clear.ion-activated){opacity:0.4}:host(.button-outline.ion-activated.ion-color) .button-native{color:var(--ion-color-contrast)}:host(.button-outline.ion-activated.ion-color) .button-native::after{background:var(--ion-color-base)}:host(.button-solid.ion-color.ion-activated) .button-native::after{background:var(--ion-color-shade)}:host(.button-outline.ion-activated.in-toolbar:not(.ion-color):not(.in-toolbar-color)) .button-native{background:var(--ion-toolbar-color, var(--color));color:var(--ion-toolbar-background, var(--background), var(--ion-color-primary-contrast, #fff))}";
13
+ const buttonIosCss = ":host{--overflow:hidden;--ripple-color:currentColor;--border-width:initial;--border-color:initial;--border-style:initial;--color-activated:var(--color);--color-focused:var(--color);--color-hover:var(--color);--box-shadow:none;display:inline-block;width:auto;color:var(--color);text-align:center;text-decoration:none;white-space:normal;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;vertical-align:top;vertical-align:-webkit-baseline-middle;-webkit-font-kerning:none;font-kerning:none}:host(.button-disabled){cursor:default;opacity:0.5;pointer-events:none}:host(.button-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),::slotted(ion-spinner){pointer-events:none}ion-ripple-effect{color:var(--ripple-color)}.button-native::after{right:0;left:0;top:0;bottom:0;position:absolute;content:\"\";opacity:0}:host(.ion-focused){color:var(--color-focused)}:host(.ion-focused) .button-native::after{background:var(--background-focused);opacity:var(--background-focused-opacity)}@media (any-hover: hover){:host(:hover){color:var(--color-hover)}:host(:hover) .button-native::after{background:var(--background-hover);opacity:var(--background-hover-opacity)}}:host(.ion-activated){color:var(--color-activated)}:host(.ion-activated) .button-native::after{background:var(--background-activated);opacity:var(--background-activated-opacity)}:host(.button-solid.ion-color) .button-native{background:var(--ion-color-base);color:var(--ion-color-contrast)}:host(.button-outline.ion-color) .button-native{border-color:var(--ion-color-base);background:transparent;color:var(--ion-color-base)}:host(.button-clear.ion-color) .button-native{background:transparent;color:var(--ion-color-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{font-family:var(--ion-font-family, inherit)}::slotted(ion-icon){font-size:1.35em}::slotted(ion-icon[slot=start]){-webkit-margin-start:-0.3em;margin-inline-start:-0.3em;-webkit-margin-end:0.3em;margin-inline-end:0.3em;margin-top:0;margin-bottom:0}::slotted(ion-icon[slot=end]){-webkit-margin-start:0.3em;margin-inline-start:0.3em;-webkit-margin-end:-0.2em;margin-inline-end:-0.2em;margin-top:0;margin-bottom:0}: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))}";
14
14
  const IonButtonIosStyle0 = buttonIosCss;
15
15
 
16
- const buttonMdCss = ":host{--overflow:hidden;--ripple-color:currentColor;--border-width:initial;--border-color:initial;--border-style:initial;--color-activated:var(--color);--color-focused:var(--color);--color-hover:var(--color);--box-shadow:none;display:inline-block;width:auto;color:var(--color);text-align:center;text-decoration:none;white-space:normal;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;vertical-align:top;vertical-align:-webkit-baseline-middle;-webkit-font-kerning:none;font-kerning:none}:host(.button-disabled){cursor:default;opacity:0.5;pointer-events:none}:host(.button-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){pointer-events:none}ion-ripple-effect{color:var(--ripple-color)}.button-native::after{right:0;left:0;top:0;bottom:0;position:absolute;content:\"\";opacity:0}:host(.ion-focused){color:var(--color-focused)}:host(.ion-focused) .button-native::after{background:var(--background-focused);opacity:var(--background-focused-opacity)}@media (any-hover: hover){:host(:hover){color:var(--color-hover)}:host(:hover) .button-native::after{background:var(--background-hover);opacity:var(--background-hover-opacity)}}:host(.ion-activated){color:var(--color-activated)}:host(.ion-activated) .button-native::after{background:var(--background-activated);opacity:var(--background-activated-opacity)}:host(.button-solid.ion-color) .button-native{background:var(--ion-color-base);color:var(--ion-color-contrast)}:host(.button-outline.ion-color) .button-native{border-color:var(--ion-color-base);background:transparent;color:var(--ion-color-base)}:host(.button-clear.ion-color) .button-native{background:transparent;color:var(--ion-color-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{font-family:var(--ion-font-family, inherit)}::slotted(ion-icon){font-size:1.35em}::slotted(ion-icon[slot=start]){-webkit-margin-start:-0.3em;margin-inline-start:-0.3em;-webkit-margin-end:0.3em;margin-inline-end:0.3em;margin-top:0;margin-bottom:0}::slotted(ion-icon[slot=end]){-webkit-margin-start:0.3em;margin-inline-start:0.3em;-webkit-margin-end:-0.2em;margin-inline-end:-0.2em;margin-top:0;margin-bottom:0}:host{--padding-top:8px;--padding-bottom:8px;--padding-start:1.1em;--padding-end:1.1em;--transition:box-shadow 280ms cubic-bezier(0.4, 0, 0.2, 1), background-color 15ms linear, color 15ms 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:36px;font-size:0.875rem;font-weight:500;letter-spacing:0.06em;text-transform:uppercase}:host(.button-solid){--background-activated:transparent;--background-hover:var(--ion-color-primary-contrast, #fff);--background-focused:var(--ion-color-primary-contrast, #fff);--background-activated-opacity:0;--background-focused-opacity:0.24;--background-hover-opacity:0.08;--box-shadow:0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12)}:host(.button-solid.ion-activated){--box-shadow:0 5px 5px -3px rgba(0, 0, 0, 0.2), 0 8px 10px 1px rgba(0, 0, 0, 0.14), 0 3px 14px 2px rgba(0, 0, 0, 0.12)}:host(.button-outline){--border-width:2px;--border-style:solid;--box-shadow:none;--background-activated:transparent;--background-focused:var(--ion-color-primary, #0054e9);--background-hover:var(--ion-color-primary, #0054e9);--background-activated-opacity:0;--background-focused-opacity:0.12;--background-hover-opacity:0.04}:host(.button-outline.ion-activated.ion-color) .button-native{background:transparent}:host(.button-clear){--background-activated:transparent;--background-focused:var(--ion-color-primary, #0054e9);--background-hover:var(--ion-color-primary, #0054e9);--background-activated-opacity:0;--background-focused-opacity:0.12;--background-hover-opacity:0.04}:host(.button-soft){--border-radius:4px}:host(.button-round){--border-radius:999px}:host(.button-rectangular){--border-radius:0px}:host(.button-large){--padding-top:14px;--padding-start:1em;--padding-end:1em;--padding-bottom:14px;min-height:2.8em;font-size:1.25rem}:host(.button-small){--padding-top:4px;--padding-start:0.9em;--padding-end:0.9em;--padding-bottom:4px;min-height:2.1em;font-size:0.8125rem}:host(.button-strong){font-weight:bold}: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.86em, 60px);min-height:clamp(30px, 2.86em, 60px)}::slotted(ion-icon[slot=icon-only]){font-size:clamp(15.104px, 1.6em, 43.008px)}: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(13.002px, 1.23125em, 40.385px)}: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.008px, 1.4em, 43.008px)}:host(.button-solid.ion-color.ion-focused) .button-native::after{background:var(--ion-color-contrast)}:host(.button-clear.ion-color.ion-focused) .button-native::after,:host(.button-outline.ion-color.ion-focused) .button-native::after{background:var(--ion-color-base)}@media (any-hover: hover){:host(.button-solid.ion-color:hover) .button-native::after{background:var(--ion-color-contrast)}:host(.button-clear.ion-color:hover) .button-native::after,:host(.button-outline.ion-color:hover) .button-native::after{background:var(--ion-color-base)}}:host(.button-outline.ion-activated.in-toolbar:not(.ion-color):not(.in-toolbar-color)) .button-native{background:var(--ion-toolbar-background, var(--color));color:var(--ion-toolbar-color, var(--background), var(--ion-color-primary-contrast, #fff))}";
16
+ const buttonMdCss = ":host{--overflow:hidden;--ripple-color:currentColor;--border-width:initial;--border-color:initial;--border-style:initial;--color-activated:var(--color);--color-focused:var(--color);--color-hover:var(--color);--box-shadow:none;display:inline-block;width:auto;color:var(--color);text-align:center;text-decoration:none;white-space:normal;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;vertical-align:top;vertical-align:-webkit-baseline-middle;-webkit-font-kerning:none;font-kerning:none}:host(.button-disabled){cursor:default;opacity:0.5;pointer-events:none}:host(.button-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),::slotted(ion-spinner){pointer-events:none}ion-ripple-effect{color:var(--ripple-color)}.button-native::after{right:0;left:0;top:0;bottom:0;position:absolute;content:\"\";opacity:0}:host(.ion-focused){color:var(--color-focused)}:host(.ion-focused) .button-native::after{background:var(--background-focused);opacity:var(--background-focused-opacity)}@media (any-hover: hover){:host(:hover){color:var(--color-hover)}:host(:hover) .button-native::after{background:var(--background-hover);opacity:var(--background-hover-opacity)}}:host(.ion-activated){color:var(--color-activated)}:host(.ion-activated) .button-native::after{background:var(--background-activated);opacity:var(--background-activated-opacity)}:host(.button-solid.ion-color) .button-native{background:var(--ion-color-base);color:var(--ion-color-contrast)}:host(.button-outline.ion-color) .button-native{border-color:var(--ion-color-base);background:transparent;color:var(--ion-color-base)}:host(.button-clear.ion-color) .button-native{background:transparent;color:var(--ion-color-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{font-family:var(--ion-font-family, inherit)}::slotted(ion-icon){font-size:1.35em}::slotted(ion-icon[slot=start]){-webkit-margin-start:-0.3em;margin-inline-start:-0.3em;-webkit-margin-end:0.3em;margin-inline-end:0.3em;margin-top:0;margin-bottom:0}::slotted(ion-icon[slot=end]){-webkit-margin-start:0.3em;margin-inline-start:0.3em;-webkit-margin-end:-0.2em;margin-inline-end:-0.2em;margin-top:0;margin-bottom:0}:host{--padding-top:8px;--padding-bottom:8px;--padding-start:1.1em;--padding-end:1.1em;--transition:box-shadow 280ms cubic-bezier(0.4, 0, 0.2, 1), background-color 15ms linear, color 15ms 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:36px;font-size:0.875rem;font-weight:500;letter-spacing:0.06em;text-transform:uppercase}:host(.button-solid){--background-activated:transparent;--background-hover:var(--ion-color-primary-contrast, #fff);--background-focused:var(--ion-color-primary-contrast, #fff);--background-activated-opacity:0;--background-focused-opacity:0.24;--background-hover-opacity:0.08;--box-shadow:0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12)}:host(.button-solid.ion-activated){--box-shadow:0 5px 5px -3px rgba(0, 0, 0, 0.2), 0 8px 10px 1px rgba(0, 0, 0, 0.14), 0 3px 14px 2px rgba(0, 0, 0, 0.12)}:host(.button-outline){--border-width:2px;--border-style:solid;--box-shadow:none;--background-activated:transparent;--background-focused:var(--ion-color-primary, #0054e9);--background-hover:var(--ion-color-primary, #0054e9);--background-activated-opacity:0;--background-focused-opacity:0.12;--background-hover-opacity:0.04}:host(.button-outline.ion-activated.ion-color) .button-native{background:transparent}:host(.button-clear){--background-activated:transparent;--background-focused:var(--ion-color-primary, #0054e9);--background-hover:var(--ion-color-primary, #0054e9);--background-activated-opacity:0;--background-focused-opacity:0.12;--background-hover-opacity:0.04}:host(.button-soft){--border-radius:4px}:host(.button-round){--border-radius:999px}:host(.button-rectangular){--border-radius:0px}:host(.button-large){--padding-top:14px;--padding-start:1em;--padding-end:1em;--padding-bottom:14px;min-height:2.8em;font-size:1.25rem}:host(.button-small){--padding-top:4px;--padding-start:0.9em;--padding-end:0.9em;--padding-bottom:4px;min-height:2.1em;font-size:0.8125rem}:host(.button-strong){font-weight:bold}: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.86em, 60px);min-height:clamp(30px, 2.86em, 60px)}::slotted(ion-icon[slot=icon-only]){font-size:clamp(15.104px, 1.6em, 43.008px)}: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(13.002px, 1.23125em, 40.385px)}: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.008px, 1.4em, 43.008px)}:host(.button-solid.ion-color.ion-focused) .button-native::after{background:var(--ion-color-contrast)}:host(.button-clear.ion-color.ion-focused) .button-native::after,:host(.button-outline.ion-color.ion-focused) .button-native::after{background:var(--ion-color-base)}@media (any-hover: hover){:host(.button-solid.ion-color:hover) .button-native::after{background:var(--ion-color-contrast)}:host(.button-clear.ion-color:hover) .button-native::after,:host(.button-outline.ion-color:hover) .button-native::after{background:var(--ion-color-base)}}:host(.button-outline.ion-activated.in-toolbar:not(.ion-color):not(.in-toolbar-color)) .button-native{background:var(--ion-toolbar-background, var(--color));color:var(--ion-toolbar-color, var(--background), var(--ion-color-primary-contrast, #fff))}";
17
17
  const IonButtonMdStyle0 = buttonMdCss;
18
18
 
19
19
  const Button = /*@__PURE__*/ proxyCustomElement(class Button extends HTMLElement {
package/components/ion-searchbar.js CHANGED
@@ -15,7 +15,7 @@ const arrowLeftSvg = 'data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53
15
15
 
16
16
  const magnifyingGlassSvg = 'data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyNTYgMjU2IiBmaWxsPSJjdXJyZW50Q29sb3IiPjxwYXRoIGQ9Ik0yMjkuNjYsMjE4LjM0bC01MC4wNy01MC4wNmE4OC4xMSw4OC4xMSwwLDEsMC0xMS4zMSwxMS4zMWw1MC4wNiw1MC4wN2E4LDgsMCwwLDAsMTEuMzItMTEuMzJaTTQwLDExMmE3Miw3MiwwLDEsMSw3Miw3MkE3Mi4wOCw3Mi4wOCwwLDAsMSw0MCwxMTJaIi8+PC9zdmc+';
17
17
 
18
- const searchbarIonicCss = ".sc-ion-searchbar-ionic-h{--placeholder-color:initial;--placeholder-font-style:initial;--placeholder-font-weight:initial;--placeholder-opacity:var(--ion-placeholder-opacity, 1);-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;display:-ms-flexbox;display:flex;position:relative;-ms-flex-align:center;align-items:center;width:100%;color:var(--color);-webkit-box-sizing:border-box;box-sizing:border-box}.searchbar-search-icon.sc-ion-searchbar-ionic{color:var(--icon-color);pointer-events:none}.searchbar-input-container.sc-ion-searchbar-ionic{display:block;position:relative;-ms-flex-negative:1;flex-shrink:1;width:100%}.searchbar-input.sc-ion-searchbar-ionic{color:inherit;font-family:inherit;font-size:inherit;font-style:inherit;font-weight:inherit;letter-spacing:inherit;text-align:inherit;text-decoration:inherit;text-indent:inherit;text-overflow:inherit;text-transform:inherit;white-space:inherit;border-radius:var(--border-radius);display:block;width:100%;min-height:inherit;border:0;outline:none;background:var(--background);font-family:inherit;-webkit-box-shadow:var(--box-shadow);box-shadow:var(--box-shadow);-webkit-box-sizing:border-box;box-sizing:border-box;-webkit-appearance:none;-moz-appearance:none;appearance:none}.searchbar-input.sc-ion-searchbar-ionic::-webkit-input-placeholder{color:var(--placeholder-color);font-family:inherit;font-style:var(--placeholder-font-style);font-weight:var(--placeholder-font-weight);opacity:var(--placeholder-opacity)}.searchbar-input.sc-ion-searchbar-ionic::-moz-placeholder{color:var(--placeholder-color);font-family:inherit;font-style:var(--placeholder-font-style);font-weight:var(--placeholder-font-weight);opacity:var(--placeholder-opacity)}.searchbar-input.sc-ion-searchbar-ionic:-ms-input-placeholder{color:var(--placeholder-color);font-family:inherit;font-style:var(--placeholder-font-style);font-weight:var(--placeholder-font-weight);opacity:var(--placeholder-opacity)}.searchbar-input.sc-ion-searchbar-ionic::-ms-input-placeholder{color:var(--placeholder-color);font-family:inherit;font-style:var(--placeholder-font-style);font-weight:var(--placeholder-font-weight);opacity:var(--placeholder-opacity)}.searchbar-input.sc-ion-searchbar-ionic::placeholder{color:var(--placeholder-color);font-family:inherit;font-style:var(--placeholder-font-style);font-weight:var(--placeholder-font-weight);opacity:var(--placeholder-opacity)}.searchbar-input.sc-ion-searchbar-ionic::-webkit-search-cancel-button,.searchbar-input.sc-ion-searchbar-ionic::-ms-clear{display:none}.searchbar-cancel-button.sc-ion-searchbar-ionic{margin-left:0;margin-right:0;margin-top:0;margin-bottom:0;display:none;height:100%;border:0;outline:none;color:var(--cancel-button-color);cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none}.searchbar-cancel-button.sc-ion-searchbar-ionic>div.sc-ion-searchbar-ionic{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;width:100%;height:100%}.searchbar-clear-button.sc-ion-searchbar-ionic{margin-left:0;margin-right:0;margin-top:0;margin-bottom:0;padding-left:0;padding-right:0;padding-top:0;padding-bottom:0;display:none;min-height:0;outline:none;color:var(--clear-button-color);-webkit-appearance:none;-moz-appearance:none;appearance:none}.searchbar-clear-button.sc-ion-searchbar-ionic:focus{opacity:0.5}.searchbar-has-value.searchbar-should-show-clear.sc-ion-searchbar-ionic-h .searchbar-clear-button.sc-ion-searchbar-ionic{display:block}.sc-ion-searchbar-ionic-h{--background:var(--ion-primitives-neutral-100, #f5f5f5);--border-radius:var(--ion-border-radius-400, 16px);--box-shadow:none;--cancel-button-color:var(--ion-primitives-neutral-800, #626262);--clear-button-color:var(--ion-primitives-neutral-1000, #3b3b3b);--color:var(--ion-primitives-neutral-1200, #242424);--icon-color:var(--ion-primitives-neutral-800, #626262);--placeholder-color:var(--ion-primitives-neutral-800, #626262);--focus-ring-color:var(--ion-border-focus-default, #b5c0f7);--focus-ring-width:var(--ion-border-size-050, 2px);--leading-icon-padding:calc(var(--ion-scale-400, 16px) + var(--ion-space-200, 8px));font-size:var(--ion-font-size-350, 0.875rem);font-weight:var(--ion-font-weight-regular, 400);letter-spacing:var(--ion-font-letter-spacing-0, 0%);line-height:var(--ion-font-line-height-600, 24px);text-decoration:none;text-transform:none;padding-left:0;padding-right:0;padding-top:0;padding-bottom:0}.searchbar-search-icon.sc-ion-searchbar-ionic{width:var(--ion-scale-400, 16px);height:var(--ion-scale-400, 16px)}.searchbar-input.sc-ion-searchbar-ionic{padding-top:var(--ion-space-300, 12px);padding-bottom:var(--ion-space-300, 12px);contain:strict}.searchbar-clear-button.sc-ion-searchbar-ionic{width:var(--ion-scale-400, 16px);height:var(--ion-scale-400, 16px);background-color:transparent;font-size:var(--ion-scale-400, 16px);contain:strict}.searchbar-cancel-button.sc-ion-searchbar-ionic{width:var(--ion-scale-400, 16px);height:var(--ion-scale-400, 16px);background-color:transparent;font-size:var(--ion-font-size-400, 1rem)}.searchbar-search-icon.sc-ion-searchbar-ionic,.searchbar-clear-button.sc-ion-searchbar-ionic,.searchbar-cancel-button.sc-ion-searchbar-ionic{top:50%;position:absolute;-webkit-transform:translateY(-50%);transform:translateY(-50%)}.searchbar-clear-button.sc-ion-searchbar-ionic:focus-visible,.searchbar-cancel-button.sc-ion-searchbar-ionic:focus-visible ion-icon.sc-ion-searchbar-ionic{border-radius:var(--ion-border-radius-100, 4px);outline:var(--ion-border-size-050, 2px) var(--ion-border-style-solid, solid) var(--ion-border-focus-default, #b5c0f7);opacity:1}.sc-ion-searchbar-ionic-h:not(.searchbar-has-leading-icons){--leading-icon-padding:var(--ion-scale-0, 0px)}ion-toolbar.searchbar-should-show-cancel.sc-ion-searchbar-ionic-h .searchbar-cancel-button.sc-ion-searchbar-ionic,ion-toolbar .searchbar-should-show-cancel.sc-ion-searchbar-ionic-h .searchbar-cancel-button.sc-ion-searchbar-ionic{inset-inline-start:9px}ion-toolbar.searchbar-should-show-cancel.sc-ion-searchbar-ionic-h .searchbar-input.sc-ion-searchbar-ionic,ion-toolbar .searchbar-should-show-cancel.sc-ion-searchbar-ionic-h .searchbar-input.sc-ion-searchbar-ionic{-webkit-padding-start:calc(9px + var(--leading-icon-padding));padding-inline-start:calc(9px + var(--leading-icon-padding))}.sc-ion-searchbar-ionic-h:hover{--background:var(--ion-primitives-neutral-200, #e7e7e7)}.searchbar-has-focus.sc-ion-searchbar-ionic-h .searchbar-input.sc-ion-searchbar-ionic{outline:var(--focus-ring-width) var(--ion-border-style-solid, solid) var(--focus-ring-color)}.searchbar-has-focus.sc-ion-searchbar-ionic-h .searchbar-search-icon.sc-ion-searchbar-ionic,.searchbar-has-focus.sc-ion-searchbar-ionic-h .searchbar-cancel-button.sc-ion-searchbar-ionic,.searchbar-should-show-cancel.sc-ion-searchbar-ionic-h .searchbar-cancel-button.sc-ion-searchbar-ionic{display:block}.searchbar-has-focus.sc-ion-searchbar-ionic-h .searchbar-cancel-button.sc-ion-searchbar-ionic+.searchbar-search-icon.sc-ion-searchbar-ionic,.searchbar-should-show-cancel.sc-ion-searchbar-ionic-h .searchbar-cancel-button.sc-ion-searchbar-ionic+.searchbar-search-icon.sc-ion-searchbar-ionic{display:none}.searchbar-disabled.sc-ion-searchbar-ionic-h{--color:var(--ion-primitives-neutral-500, #a2a2a2);--icon-color:var(--ion-primitives-neutral-500, #a2a2a2);--placeholder-color:var(--ion-primitives-neutral-500, #a2a2a2);cursor:default;pointer-events:none}.searchbar-shape-soft.sc-ion-searchbar-ionic-h{--border-radius:var(--ion-border-radius-200, 8px)}.searchbar-shape-round.sc-ion-searchbar-ionic-h{--border-radius:var(--ion-border-radius-400, 16px)}.searchbar-shape-rectangular.sc-ion-searchbar-ionic-h{--border-radius:var(--ion-border-radius-0, 0px)}.searchbar-size-small.sc-ion-searchbar-ionic-h .searchbar-input.sc-ion-searchbar-ionic{-webkit-padding-start:calc(var(--ion-space-300, 12px) + var(--leading-icon-padding));padding-inline-start:calc(var(--ion-space-300, 12px) + var(--leading-icon-padding));-webkit-padding-end:calc(var(--ion-space-300, 12px) + var(--leading-icon-padding));padding-inline-end:calc(var(--ion-space-300, 12px) + var(--leading-icon-padding));height:var(--ion-scale-1000, 40px)}.searchbar-size-small.sc-ion-searchbar-ionic-h .searchbar-search-icon.sc-ion-searchbar-ionic,.searchbar-size-small.sc-ion-searchbar-ionic-h .searchbar-cancel-button.sc-ion-searchbar-ionic{inset-inline-start:var(--ion-space-300, 12px)}.searchbar-size-small.sc-ion-searchbar-ionic-h .searchbar-clear-button.sc-ion-searchbar-ionic{inset-inline-end:var(--ion-space-300, 12px)}.searchbar-size-medium.sc-ion-searchbar-ionic-h .searchbar-input.sc-ion-searchbar-ionic{-webkit-padding-start:calc(var(--ion-space-400, 16px) + var(--leading-icon-padding));padding-inline-start:calc(var(--ion-space-400, 16px) + var(--leading-icon-padding));-webkit-padding-end:calc(var(--ion-space-400, 16px) + var(--leading-icon-padding));padding-inline-end:calc(var(--ion-space-400, 16px) + var(--leading-icon-padding));height:var(--ion-scale-1200, 48px)}.searchbar-size-medium.sc-ion-searchbar-ionic-h .searchbar-search-icon.sc-ion-searchbar-ionic,.searchbar-size-medium.sc-ion-searchbar-ionic-h .searchbar-cancel-button.sc-ion-searchbar-ionic{inset-inline-start:var(--ion-space-400, 16px)}.searchbar-size-medium.sc-ion-searchbar-ionic-h .searchbar-clear-button.sc-ion-searchbar-ionic{inset-inline-end:var(--ion-space-400, 16px)}.searchbar-size-large.sc-ion-searchbar-ionic-h .searchbar-search-icon.sc-ion-searchbar-ionic,.searchbar-size-large.sc-ion-searchbar-ionic-h .searchbar-cancel-button.sc-ion-searchbar-ionic{--leading-icon-padding:calc(var(--ion-scale-500, 20px) + var(--ion-space-200, 8px));width:var(--ion-scale-500, 20px);height:var(--ion-scale-500, 20px)}.searchbar-size-large.sc-ion-searchbar-ionic-h .searchbar-cancel-button.sc-ion-searchbar-ionic{font-size:var(--ion-font-size-500, 1.25rem)}ion-toolbar.searchbar-size-large.searchbar-should-show-cancel.sc-ion-searchbar-ionic-h .searchbar-input.sc-ion-searchbar-ionic,ion-toolbar .searchbar-size-large.searchbar-should-show-cancel.sc-ion-searchbar-ionic-h .searchbar-input.sc-ion-searchbar-ionic{-webkit-padding-start:calc(9px + var(--leading-icon-padding));padding-inline-start:calc(9px + var(--leading-icon-padding))}.searchbar-size-large.sc-ion-searchbar-ionic-h .searchbar-input.sc-ion-searchbar-ionic{padding-top:var(--ion-space-400, 16px);padding-bottom:var(--ion-space-400, 16px);-webkit-padding-start:calc(var(--ion-space-500, 20px) + var(--leading-icon-padding));padding-inline-start:calc(var(--ion-space-500, 20px) + var(--leading-icon-padding));-webkit-padding-end:calc(var(--ion-space-500, 20px) + var(--ion-scale-400, 16px) + var(--ion-space-200, 8px));padding-inline-end:calc(var(--ion-space-500, 20px) + var(--ion-scale-400, 16px) + var(--ion-space-200, 8px));height:var(--ion-scale-1400, 56px)}.searchbar-size-large.sc-ion-searchbar-ionic-h .searchbar-search-icon.sc-ion-searchbar-ionic,.searchbar-size-large.sc-ion-searchbar-ionic-h .searchbar-cancel-button.sc-ion-searchbar-ionic{inset-inline-start:var(--ion-space-500, 20px)}.searchbar-size-large.sc-ion-searchbar-ionic-h .searchbar-clear-button.sc-ion-searchbar-ionic{inset-inline-end:var(--ion-space-500, 20px)}";
18
+ const searchbarIonicCss = ".sc-ion-searchbar-ionic-h{--placeholder-color:initial;--placeholder-font-style:initial;--placeholder-font-weight:initial;--placeholder-opacity:var(--ion-placeholder-opacity, 1);-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;display:-ms-flexbox;display:flex;position:relative;-ms-flex-align:center;align-items:center;width:100%;color:var(--color);-webkit-box-sizing:border-box;box-sizing:border-box}.searchbar-search-icon.sc-ion-searchbar-ionic{color:var(--icon-color);pointer-events:none}.searchbar-input-container.sc-ion-searchbar-ionic{display:block;position:relative;-ms-flex-negative:1;flex-shrink:1;width:100%}.searchbar-input.sc-ion-searchbar-ionic{color:inherit;font-family:inherit;font-size:inherit;font-style:inherit;font-weight:inherit;letter-spacing:inherit;text-align:inherit;text-decoration:inherit;text-indent:inherit;text-overflow:inherit;text-transform:inherit;white-space:inherit;border-radius:var(--border-radius);display:block;width:100%;min-height:inherit;border:0;outline:none;background:var(--background);font-family:inherit;-webkit-box-shadow:var(--box-shadow);box-shadow:var(--box-shadow);-webkit-box-sizing:border-box;box-sizing:border-box;-webkit-appearance:none;-moz-appearance:none;appearance:none}.searchbar-input.sc-ion-searchbar-ionic::-webkit-input-placeholder{color:var(--placeholder-color);font-family:inherit;font-style:var(--placeholder-font-style);font-weight:var(--placeholder-font-weight);opacity:var(--placeholder-opacity)}.searchbar-input.sc-ion-searchbar-ionic::-moz-placeholder{color:var(--placeholder-color);font-family:inherit;font-style:var(--placeholder-font-style);font-weight:var(--placeholder-font-weight);opacity:var(--placeholder-opacity)}.searchbar-input.sc-ion-searchbar-ionic:-ms-input-placeholder{color:var(--placeholder-color);font-family:inherit;font-style:var(--placeholder-font-style);font-weight:var(--placeholder-font-weight);opacity:var(--placeholder-opacity)}.searchbar-input.sc-ion-searchbar-ionic::-ms-input-placeholder{color:var(--placeholder-color);font-family:inherit;font-style:var(--placeholder-font-style);font-weight:var(--placeholder-font-weight);opacity:var(--placeholder-opacity)}.searchbar-input.sc-ion-searchbar-ionic::placeholder{color:var(--placeholder-color);font-family:inherit;font-style:var(--placeholder-font-style);font-weight:var(--placeholder-font-weight);opacity:var(--placeholder-opacity)}.searchbar-input.sc-ion-searchbar-ionic::-webkit-search-cancel-button,.searchbar-input.sc-ion-searchbar-ionic::-ms-clear{display:none}.searchbar-cancel-button.sc-ion-searchbar-ionic{margin-left:0;margin-right:0;margin-top:0;margin-bottom:0;display:none;height:100%;border:0;outline:none;color:var(--cancel-button-color);cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none}.searchbar-cancel-button.sc-ion-searchbar-ionic>div.sc-ion-searchbar-ionic{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;width:100%;height:100%}.searchbar-clear-button.sc-ion-searchbar-ionic{margin-left:0;margin-right:0;margin-top:0;margin-bottom:0;padding-left:0;padding-right:0;padding-top:0;padding-bottom:0;display:none;min-height:0;outline:none;color:var(--clear-button-color);-webkit-appearance:none;-moz-appearance:none;appearance:none}.searchbar-clear-button.sc-ion-searchbar-ionic:focus{opacity:0.5}.searchbar-has-value.searchbar-should-show-clear.sc-ion-searchbar-ionic-h .searchbar-clear-button.sc-ion-searchbar-ionic{display:block}.sc-ion-searchbar-ionic-h{--background:var(--ion-bg-neutral-subtle-default, #e7e7e7);--border-radius:var(--ion-border-radius-400, 16px);--box-shadow:none;--cancel-button-color:var(--ion-primitives-neutral-800, #626262);--clear-button-color:var(--ion-primitives-neutral-1000, #3b3b3b);--color:var(--ion-primitives-neutral-1200, #242424);--icon-color:var(--ion-icon-default, #242424);--placeholder-color:var(--ion-text-subtlest, #626262);--focus-ring-color:var(--ion-border-focus-default, #b5c0f7);--focus-ring-width:var(--ion-border-size-050, 2px);--leading-icon-padding:calc(var(--ion-scale-400, 16px) + var(--ion-space-200, 8px));--clear-button-padding:calc(var(--ion-scale-400, 16px) + var(--ion-space-200, 8px));font-size:var(--ion-font-size-350, 0.875rem);font-weight:var(--ion-font-weight-regular, 400);letter-spacing:var(--ion-font-letter-spacing-0, 0%);line-height:var(--ion-font-line-height-600, 24px);text-decoration:none;text-transform:none;padding-left:0;padding-right:0;padding-top:0;padding-bottom:0}.searchbar-search-icon.sc-ion-searchbar-ionic{width:var(--ion-scale-400, 16px);height:var(--ion-scale-400, 16px)}.searchbar-input.sc-ion-searchbar-ionic{padding-top:var(--ion-space-300, 12px);padding-bottom:var(--ion-space-300, 12px);text-overflow:ellipsis;contain:strict}.searchbar-clear-button.sc-ion-searchbar-ionic{width:var(--ion-scale-400, 16px);height:var(--ion-scale-400, 16px);background-color:transparent;font-size:var(--ion-scale-400, 16px);contain:strict}.sc-ion-searchbar-ionic-h:not(.searchbar-should-show-clear){--clear-button-padding:var(--ion-scale-0, 0px)}.searchbar-cancel-button.sc-ion-searchbar-ionic{width:var(--ion-scale-400, 16px);height:var(--ion-scale-400, 16px);background-color:transparent;font-size:var(--ion-font-size-400, 1rem)}.searchbar-search-icon.sc-ion-searchbar-ionic,.searchbar-clear-button.sc-ion-searchbar-ionic,.searchbar-cancel-button.sc-ion-searchbar-ionic{top:50%;position:absolute;-webkit-transform:translateY(-50%);transform:translateY(-50%)}.searchbar-clear-button.sc-ion-searchbar-ionic:focus-visible,.searchbar-cancel-button.sc-ion-searchbar-ionic:focus-visible ion-icon.sc-ion-searchbar-ionic{border-radius:var(--ion-border-radius-100, 4px);outline:var(--ion-border-size-050, 2px) var(--ion-border-style-solid, solid) var(--ion-border-focus-default, #b5c0f7);opacity:1}.sc-ion-searchbar-ionic-h:not(.searchbar-has-leading-icons){--leading-icon-padding:var(--ion-scale-0, 0px)}.sc-ion-searchbar-ionic-h:not(.searchbar-has-value){--icon-color:var(--ion-icon-subtlest, #626262)}ion-toolbar.searchbar-should-show-cancel.sc-ion-searchbar-ionic-h .searchbar-cancel-button.sc-ion-searchbar-ionic,ion-toolbar .searchbar-should-show-cancel.sc-ion-searchbar-ionic-h .searchbar-cancel-button.sc-ion-searchbar-ionic{inset-inline-start:9px}ion-toolbar.searchbar-should-show-cancel.sc-ion-searchbar-ionic-h .searchbar-input.sc-ion-searchbar-ionic,ion-toolbar .searchbar-should-show-cancel.sc-ion-searchbar-ionic-h .searchbar-input.sc-ion-searchbar-ionic{-webkit-padding-start:calc(9px + var(--leading-icon-padding));padding-inline-start:calc(9px + var(--leading-icon-padding))}.sc-ion-searchbar-ionic-h:hover{--background:var(--ion-primitives-neutral-200, #e7e7e7)}.searchbar-has-focus.sc-ion-searchbar-ionic-h .searchbar-input.sc-ion-searchbar-ionic{outline:var(--focus-ring-width) var(--ion-border-style-solid, solid) var(--focus-ring-color)}.searchbar-has-focus.sc-ion-searchbar-ionic-h .searchbar-search-icon.sc-ion-searchbar-ionic,.searchbar-has-focus.sc-ion-searchbar-ionic-h .searchbar-cancel-button.sc-ion-searchbar-ionic,.searchbar-should-show-cancel.sc-ion-searchbar-ionic-h .searchbar-cancel-button.sc-ion-searchbar-ionic{display:block}.searchbar-has-focus.sc-ion-searchbar-ionic-h .searchbar-cancel-button.sc-ion-searchbar-ionic+.searchbar-search-icon.sc-ion-searchbar-ionic,.searchbar-should-show-cancel.sc-ion-searchbar-ionic-h .searchbar-cancel-button.sc-ion-searchbar-ionic+.searchbar-search-icon.sc-ion-searchbar-ionic{display:none}.searchbar-disabled.sc-ion-searchbar-ionic-h{--color:var(--ion-primitives-neutral-500, #a2a2a2);--icon-color:var(--ion-icon-disabled, #a2a2a2);--placeholder-color:var(--ion-text-disabled, #a2a2a2);cursor:default;pointer-events:none}.searchbar-shape-soft.sc-ion-searchbar-ionic-h{--border-radius:var(--ion-border-radius-200, 8px)}.searchbar-shape-round.sc-ion-searchbar-ionic-h{--border-radius:var(--ion-border-radius-400, 16px)}.searchbar-shape-rectangular.sc-ion-searchbar-ionic-h{--border-radius:var(--ion-border-radius-0, 0px)}.searchbar-size-small.sc-ion-searchbar-ionic-h .searchbar-input.sc-ion-searchbar-ionic{-webkit-padding-start:calc(var(--ion-space-300, 12px) + var(--leading-icon-padding));padding-inline-start:calc(var(--ion-space-300, 12px) + var(--leading-icon-padding));-webkit-padding-end:calc(var(--ion-space-300, 12px) + var(--clear-button-padding));padding-inline-end:calc(var(--ion-space-300, 12px) + var(--clear-button-padding));height:var(--ion-scale-1000, 40px)}.searchbar-size-small.sc-ion-searchbar-ionic-h .searchbar-search-icon.sc-ion-searchbar-ionic,.searchbar-size-small.sc-ion-searchbar-ionic-h .searchbar-cancel-button.sc-ion-searchbar-ionic{inset-inline-start:var(--ion-space-300, 12px)}.searchbar-size-small.sc-ion-searchbar-ionic-h .searchbar-clear-button.sc-ion-searchbar-ionic{inset-inline-end:var(--ion-space-300, 12px)}.searchbar-size-medium.sc-ion-searchbar-ionic-h .searchbar-input.sc-ion-searchbar-ionic{-webkit-padding-start:calc(var(--ion-space-400, 16px) + var(--leading-icon-padding));padding-inline-start:calc(var(--ion-space-400, 16px) + var(--leading-icon-padding));-webkit-padding-end:calc(var(--ion-space-400, 16px) + var(--clear-button-padding));padding-inline-end:calc(var(--ion-space-400, 16px) + var(--clear-button-padding));height:var(--ion-scale-1200, 48px)}.searchbar-size-medium.sc-ion-searchbar-ionic-h .searchbar-search-icon.sc-ion-searchbar-ionic,.searchbar-size-medium.sc-ion-searchbar-ionic-h .searchbar-cancel-button.sc-ion-searchbar-ionic{inset-inline-start:var(--ion-space-400, 16px)}.searchbar-size-medium.sc-ion-searchbar-ionic-h .searchbar-clear-button.sc-ion-searchbar-ionic{inset-inline-end:var(--ion-space-400, 16px)}.searchbar-size-large.sc-ion-searchbar-ionic-h .searchbar-search-icon.sc-ion-searchbar-ionic,.searchbar-size-large.sc-ion-searchbar-ionic-h .searchbar-cancel-button.sc-ion-searchbar-ionic{--leading-icon-padding:calc(var(--ion-scale-500, 20px) + var(--ion-space-200, 8px));width:var(--ion-scale-500, 20px);height:var(--ion-scale-500, 20px)}.searchbar-size-large.sc-ion-searchbar-ionic-h .searchbar-cancel-button.sc-ion-searchbar-ionic{font-size:var(--ion-font-size-500, 1.25rem)}ion-toolbar.searchbar-size-large.searchbar-should-show-cancel.sc-ion-searchbar-ionic-h .searchbar-input.sc-ion-searchbar-ionic,ion-toolbar .searchbar-size-large.searchbar-should-show-cancel.sc-ion-searchbar-ionic-h .searchbar-input.sc-ion-searchbar-ionic{-webkit-padding-start:calc(9px + var(--leading-icon-padding));padding-inline-start:calc(9px + var(--leading-icon-padding))}.searchbar-size-large.sc-ion-searchbar-ionic-h .searchbar-input.sc-ion-searchbar-ionic{padding-top:var(--ion-space-400, 16px);padding-bottom:var(--ion-space-400, 16px);-webkit-padding-start:calc(var(--ion-space-500, 20px) + var(--leading-icon-padding));padding-inline-start:calc(var(--ion-space-500, 20px) + var(--leading-icon-padding));-webkit-padding-end:calc(var(--ion-space-500, 20px) + var(--clear-button-padding));padding-inline-end:calc(var(--ion-space-500, 20px) + var(--clear-button-padding));height:var(--ion-scale-1400, 56px)}.searchbar-size-large.sc-ion-searchbar-ionic-h .searchbar-search-icon.sc-ion-searchbar-ionic,.searchbar-size-large.sc-ion-searchbar-ionic-h .searchbar-cancel-button.sc-ion-searchbar-ionic{inset-inline-start:var(--ion-space-500, 20px)}.searchbar-size-large.sc-ion-searchbar-ionic-h .searchbar-clear-button.sc-ion-searchbar-ionic{inset-inline-end:var(--ion-space-500, 20px)}";
19
19
  const IonSearchbarIonicStyle0 = searchbarIonicCss;
20
20
 
21
21
  const searchbarIosCss = ".sc-ion-searchbar-ios-h{--placeholder-color:initial;--placeholder-font-style:initial;--placeholder-font-weight:initial;--placeholder-opacity:var(--ion-placeholder-opacity, 1);-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;display:-ms-flexbox;display:flex;position:relative;-ms-flex-align:center;align-items:center;width:100%;color:var(--color);-webkit-box-sizing:border-box;box-sizing:border-box}.searchbar-search-icon.sc-ion-searchbar-ios{color:var(--icon-color);pointer-events:none}.searchbar-input-container.sc-ion-searchbar-ios{display:block;position:relative;-ms-flex-negative:1;flex-shrink:1;width:100%}.searchbar-input.sc-ion-searchbar-ios{color:inherit;font-family:inherit;font-size:inherit;font-style:inherit;font-weight:inherit;letter-spacing:inherit;text-align:inherit;text-decoration:inherit;text-indent:inherit;text-overflow:inherit;text-transform:inherit;white-space:inherit;border-radius:var(--border-radius);display:block;width:100%;min-height:inherit;border:0;outline:none;background:var(--background);font-family:inherit;-webkit-box-shadow:var(--box-shadow);box-shadow:var(--box-shadow);-webkit-box-sizing:border-box;box-sizing:border-box;-webkit-appearance:none;-moz-appearance:none;appearance:none}.searchbar-input.sc-ion-searchbar-ios::-webkit-input-placeholder{color:var(--placeholder-color);font-family:inherit;font-style:var(--placeholder-font-style);font-weight:var(--placeholder-font-weight);opacity:var(--placeholder-opacity)}.searchbar-input.sc-ion-searchbar-ios::-moz-placeholder{color:var(--placeholder-color);font-family:inherit;font-style:var(--placeholder-font-style);font-weight:var(--placeholder-font-weight);opacity:var(--placeholder-opacity)}.searchbar-input.sc-ion-searchbar-ios:-ms-input-placeholder{color:var(--placeholder-color);font-family:inherit;font-style:var(--placeholder-font-style);font-weight:var(--placeholder-font-weight);opacity:var(--placeholder-opacity)}.searchbar-input.sc-ion-searchbar-ios::-ms-input-placeholder{color:var(--placeholder-color);font-family:inherit;font-style:var(--placeholder-font-style);font-weight:var(--placeholder-font-weight);opacity:var(--placeholder-opacity)}.searchbar-input.sc-ion-searchbar-ios::placeholder{color:var(--placeholder-color);font-family:inherit;font-style:var(--placeholder-font-style);font-weight:var(--placeholder-font-weight);opacity:var(--placeholder-opacity)}.searchbar-input.sc-ion-searchbar-ios::-webkit-search-cancel-button,.searchbar-input.sc-ion-searchbar-ios::-ms-clear{display:none}.searchbar-cancel-button.sc-ion-searchbar-ios{margin-left:0;margin-right:0;margin-top:0;margin-bottom:0;display:none;height:100%;border:0;outline:none;color:var(--cancel-button-color);cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none}.searchbar-cancel-button.sc-ion-searchbar-ios>div.sc-ion-searchbar-ios{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;width:100%;height:100%}.searchbar-clear-button.sc-ion-searchbar-ios{margin-left:0;margin-right:0;margin-top:0;margin-bottom:0;padding-left:0;padding-right:0;padding-top:0;padding-bottom:0;display:none;min-height:0;outline:none;color:var(--clear-button-color);-webkit-appearance:none;-moz-appearance:none;appearance:none}.searchbar-clear-button.sc-ion-searchbar-ios:focus{opacity:0.5}.searchbar-has-value.searchbar-should-show-clear.sc-ion-searchbar-ios-h .searchbar-clear-button.sc-ion-searchbar-ios{display:block}.sc-ion-searchbar-ios-h{--placeholder-opacity:var(--ion-placeholder-opacity, 0.6);font-family:var(--ion-font-family, inherit)}.ion-color.sc-ion-searchbar-ios-h{color:var(--ion-color-contrast)}.ion-color.sc-ion-searchbar-ios-h .searchbar-input.sc-ion-searchbar-ios{background:var(--ion-color-base)}.ion-color.sc-ion-searchbar-ios-h .searchbar-clear-button.sc-ion-searchbar-ios,.ion-color.sc-ion-searchbar-ios-h .searchbar-cancel-button.sc-ion-searchbar-ios,.ion-color.sc-ion-searchbar-ios-h .searchbar-search-icon.sc-ion-searchbar-ios{color:inherit}.searchbar-disabled.sc-ion-searchbar-ios-h{cursor:default;opacity:0.4;pointer-events:none}.sc-ion-searchbar-ios-h{--background:rgba(var(--ion-text-color-rgb, 0, 0, 0), 0.07);--border-radius:10px;--box-shadow:none;--cancel-button-color:var(--ion-color-primary, #0054e9);--clear-button-color:var(--ion-color-step-600, var(--ion-text-color-step-400, #666666));--color:var(--ion-text-color, #000);--icon-color:var(--ion-color-step-600, var(--ion-text-color-step-400, #666666));-webkit-padding-start:12px;padding-inline-start:12px;-webkit-padding-end:12px;padding-inline-end:12px;padding-top:12px;padding-bottom:12px;min-height:60px;contain:content}.searchbar-input-container.sc-ion-searchbar-ios{min-height:36px}.searchbar-search-icon.sc-ion-searchbar-ios{-webkit-margin-start:calc(50% - 60px);margin-inline-start:calc(50% - 60px);top:0;position:absolute;width:1.375rem;height:100%;contain:strict}.searchbar-search-icon.sc-ion-searchbar-ios{inset-inline-start:5px}.searchbar-input.sc-ion-searchbar-ios{-webkit-padding-start:0px;padding-inline-start:0px;-webkit-padding-end:0px;padding-inline-end:0px;padding-top:6px;padding-bottom:6px;height:100%;font-size:1.0625rem;font-weight:400;contain:strict}.searchbar-has-value.searchbar-should-show-clear.sc-ion-searchbar-ios-h .searchbar-input.sc-ion-searchbar-ios{-webkit-padding-start:1.75rem;padding-inline-start:1.75rem;-webkit-padding-end:1.75rem;padding-inline-end:1.75rem}.searchbar-clear-button.sc-ion-searchbar-ios{top:0;background-position:center;position:absolute;width:1.875rem;height:100%;border:0;background-color:transparent}.searchbar-clear-button.sc-ion-searchbar-ios{inset-inline-end:0}.searchbar-clear-icon.sc-ion-searchbar-ios{width:1.125rem;height:100%}.searchbar-cancel-button.sc-ion-searchbar-ios{-webkit-padding-start:12px;padding-inline-start:12px;-webkit-padding-end:0;padding-inline-end:0;padding-top:0;padding-bottom:0;-ms-flex-negative:0;flex-shrink:0;background-color:transparent;font-size:17px}.searchbar-left-aligned.sc-ion-searchbar-ios-h .searchbar-search-icon.sc-ion-searchbar-ios{-webkit-margin-start:0;margin-inline-start:0}.searchbar-left-aligned.sc-ion-searchbar-ios-h .searchbar-input.sc-ion-searchbar-ios{-webkit-padding-start:1.875rem;padding-inline-start:1.875rem}.searchbar-has-focus.sc-ion-searchbar-ios-h .searchbar-cancel-button.sc-ion-searchbar-ios,.searchbar-should-show-cancel.sc-ion-searchbar-ios-h .searchbar-cancel-button.sc-ion-searchbar-ios,.searchbar-animated.sc-ion-searchbar-ios-h .searchbar-cancel-button.sc-ion-searchbar-ios{display:block}.searchbar-animated.sc-ion-searchbar-ios-h .searchbar-search-icon.sc-ion-searchbar-ios,.searchbar-animated.sc-ion-searchbar-ios-h .searchbar-input.sc-ion-searchbar-ios{-webkit-transition:all 300ms ease;transition:all 300ms ease}.searchbar-animated.searchbar-has-focus.sc-ion-searchbar-ios-h .searchbar-cancel-button.sc-ion-searchbar-ios,.searchbar-animated.searchbar-should-show-cancel.sc-ion-searchbar-ios-h .searchbar-cancel-button.sc-ion-searchbar-ios{opacity:1;pointer-events:auto}.searchbar-animated.sc-ion-searchbar-ios-h .searchbar-cancel-button.sc-ion-searchbar-ios{-webkit-margin-end:-100%;margin-inline-end:-100%;-webkit-transform:translate3d(0, 0, 0);transform:translate3d(0, 0, 0);-webkit-transition:all 300ms ease;transition:all 300ms ease;opacity:0;pointer-events:none}.searchbar-no-animate.sc-ion-searchbar-ios-h .searchbar-search-icon.sc-ion-searchbar-ios,.searchbar-no-animate.sc-ion-searchbar-ios-h .searchbar-input.sc-ion-searchbar-ios,.searchbar-no-animate.sc-ion-searchbar-ios-h .searchbar-cancel-button.sc-ion-searchbar-ios{-webkit-transition-duration:0ms;transition-duration:0ms}.ion-color.sc-ion-searchbar-ios-h .searchbar-cancel-button.sc-ion-searchbar-ios{color:var(--ion-color-base)}@media (any-hover: hover){.ion-color.sc-ion-searchbar-ios-h .searchbar-cancel-button.sc-ion-searchbar-ios:hover{color:var(--ion-color-tint)}}ion-toolbar.sc-ion-searchbar-ios-h,ion-toolbar .sc-ion-searchbar-ios-h{padding-top:1px;padding-bottom:15px;min-height:52px}ion-toolbar.ion-color.sc-ion-searchbar-ios-h:not(.ion-color),ion-toolbar.ion-color .sc-ion-searchbar-ios-h:not(.ion-color){color:inherit}ion-toolbar.ion-color.sc-ion-searchbar-ios-h:not(.ion-color) .searchbar-cancel-button.sc-ion-searchbar-ios,ion-toolbar.ion-color .sc-ion-searchbar-ios-h:not(.ion-color) .searchbar-cancel-button.sc-ion-searchbar-ios{color:currentColor}ion-toolbar.ion-color.sc-ion-searchbar-ios-h .searchbar-search-icon.sc-ion-searchbar-ios,ion-toolbar.ion-color .sc-ion-searchbar-ios-h .searchbar-search-icon.sc-ion-searchbar-ios{color:currentColor;opacity:0.5}ion-toolbar.ion-color.sc-ion-searchbar-ios-h:not(.ion-color) .searchbar-input.sc-ion-searchbar-ios,ion-toolbar.ion-color .sc-ion-searchbar-ios-h:not(.ion-color) .searchbar-input.sc-ion-searchbar-ios{background:rgba(var(--ion-color-contrast-rgb), 0.07);color:currentColor}ion-toolbar.ion-color.sc-ion-searchbar-ios-h:not(.ion-color) .searchbar-clear-button.sc-ion-searchbar-ios,ion-toolbar.ion-color .sc-ion-searchbar-ios-h:not(.ion-color) .searchbar-clear-button.sc-ion-searchbar-ios{color:currentColor;opacity:0.5}";
@@ -393,6 +393,9 @@ const Searchbar = /*@__PURE__*/ proxyCustomElement(class Searchbar extends HTMLE
393
393
  if (this.showClearButton === 'never' || (this.showClearButton === 'focus' && !this.focused)) {
394
394
  return false;
395
395
  }
396
+ if (getIonTheme(this) === 'ionic' && this.disabled) {
397
+ return false;
398
+ }
396
399
  return true;
397
400
  }
398
401
  getShape() {
@@ -495,8 +498,8 @@ const Searchbar = /*@__PURE__*/ proxyCustomElement(class Searchbar extends HTMLE
495
498
  const shouldShowCancelButton = this.shouldShowCancelButton();
496
499
  const shape = this.getShape();
497
500
  const size = this.getSize();
498
- const cancelButton = this.showCancelButton !== 'never' && (h("button", { key: '7dc5854b95da27ab51924514413e981d065b3d14', "aria-label": cancelButtonText, "aria-hidden": shouldShowCancelButton ? undefined : 'true', type: "button", tabIndex: theme === 'ios' && !shouldShowCancelButton ? -1 : undefined, onMouseDown: this.onCancelSearchbar, onTouchStart: this.onCancelSearchbar, class: "searchbar-cancel-button" }, h("div", { key: '7ccba83e849da1cf9a1d9ae4818466170c4e7636', "aria-hidden": "true" }, theme === 'md' || theme === 'ionic' ? (h("ion-icon", { "aria-hidden": "true", icon: searchbarCancelIcon, lazy: false })) : (cancelButtonText))));
499
- return (h(Host, { key: 'a207e57178bdd970248428d66f54de17f4106b55', role: "search", "aria-disabled": this.disabled ? 'true' : null, class: createColorClasses(this.color, {
501
+ const cancelButton = this.showCancelButton !== 'never' && (h("button", { key: '82fc94deb05c94db2626c12916a4442ccc664687', "aria-label": cancelButtonText, "aria-hidden": shouldShowCancelButton ? undefined : 'true', type: "button", tabIndex: theme === 'ios' && !shouldShowCancelButton ? -1 : undefined, onMouseDown: this.onCancelSearchbar, onTouchStart: this.onCancelSearchbar, class: "searchbar-cancel-button" }, h("div", { key: '7386af76b9e043336fcbd00b3318bf3029f9bf5f', "aria-hidden": "true" }, theme === 'md' || theme === 'ionic' ? (h("ion-icon", { "aria-hidden": "true", icon: searchbarCancelIcon, lazy: false })) : (cancelButtonText))));
502
+ return (h(Host, { key: '7853ca66cfa6d9aed43a1025a5d58a0bd034db38', role: "search", "aria-disabled": this.disabled ? 'true' : null, class: createColorClasses(this.color, {
500
503
  [theme]: true,
501
504
  'searchbar-animated': animated,
502
505
  'searchbar-disabled': this.disabled,
@@ -509,14 +512,14 @@ const Searchbar = /*@__PURE__*/ proxyCustomElement(class Searchbar extends HTMLE
509
512
  'searchbar-should-show-cancel': this.shouldShowCancelButton(),
510
513
  [`searchbar-shape-${shape}`]: shape !== undefined,
511
514
  [`searchbar-size-${size}`]: size !== undefined,
512
- }) }, h("div", { key: '437ba144b4195ff8e8650f72df4d05639077b111', class: "searchbar-input-container" }, h("input", Object.assign({ key: 'ec10264fbbbaf5ed917e2a912af1bb18c6e95ccf', "aria-label": "search text", disabled: this.disabled, ref: (el) => (this.nativeInput = el), class: "searchbar-input", inputMode: this.inputmode, enterKeyHint: this.enterkeyhint, name: this.name, onInput: this.onInput, onChange: this.onChange, onBlur: this.onBlur, onFocus: this.onFocus, minLength: this.minlength, maxLength: this.maxlength, placeholder: this.placeholder, type: this.type, value: this.getValue(), autoCapitalize: autocapitalize === 'default' ? undefined : autocapitalize, autoComplete: this.autocomplete, autoCorrect: this.autocorrect, spellcheck: this.spellcheck }, this.inheritedAttributes)), (theme === 'md' || theme === 'ionic') && cancelButton, theme !== 'ionic' || this.searchIcon !== undefined ? (h("ion-icon", { "aria-hidden": "true", icon: searchbarSearchIcon, lazy: false, class: "searchbar-search-icon" })) : null, h("button", { key: '987ae96a62b576a6ebc484a1bd5ac3994f5b46b7', "aria-label": "reset", type: "button", "no-blur": true, class: "searchbar-clear-button", onPointerDown: (ev) => {
515
+ }) }, h("div", { key: 'f5eb20fecf5823e66dfd65d2478b2ea867480c41', class: "searchbar-input-container" }, h("input", Object.assign({ key: '52430fa665dbe4f01af6038fe87b266da10da354', "aria-label": "search text", disabled: this.disabled, ref: (el) => (this.nativeInput = el), class: "searchbar-input", inputMode: this.inputmode, enterKeyHint: this.enterkeyhint, name: this.name, onInput: this.onInput, onChange: this.onChange, onBlur: this.onBlur, onFocus: this.onFocus, minLength: this.minlength, maxLength: this.maxlength, placeholder: this.placeholder, type: this.type, value: this.getValue(), autoCapitalize: autocapitalize === 'default' ? undefined : autocapitalize, autoComplete: this.autocomplete, autoCorrect: this.autocorrect, spellcheck: this.spellcheck }, this.inheritedAttributes)), (theme === 'md' || theme === 'ionic') && cancelButton, theme !== 'ionic' || this.searchIcon !== undefined ? (h("ion-icon", { "aria-hidden": "true", icon: searchbarSearchIcon, lazy: false, class: "searchbar-search-icon" })) : null, theme !== 'ionic' || this.shouldShowClearButton() !== undefined ? (h("button", { "aria-label": "reset", type: "button", "no-blur": true, class: "searchbar-clear-button", onPointerDown: (ev) => {
513
516
  /**
514
517
  * This prevents mobile browsers from
515
518
  * blurring the input when the clear
516
519
  * button is activated.
517
520
  */
518
521
  ev.preventDefault();
519
- }, onClick: () => this.onClearInput(true) }, h("ion-icon", { key: 'af26bcab2d98a656313256f8689344a9a1cbb0cd', "aria-hidden": "true", icon: searchbarClearIcon, lazy: false, class: "searchbar-clear-icon" }))), theme === 'ios' && cancelButton));
522
+ }, onClick: () => this.onClearInput(true) }, h("ion-icon", { "aria-hidden": "true", icon: searchbarClearIcon, lazy: false, class: "searchbar-clear-icon" }))) : null), theme === 'ios' && cancelButton));
520
523
  }
521
524
  get el() { return this; }
522
525
  static get watchers() { return {
package/components/ion-segment-button.js CHANGED
@@ -147,7 +147,7 @@ const SegmentButton = /*@__PURE__*/ proxyCustomElement(class SegmentButton exten
147
147
  const { checked, type, disabled, hasIcon, hasLabel, layout, segmentEl } = this;
148
148
  const theme = getIonTheme(this);
149
149
  const hasSegmentColor = () => (segmentEl === null || segmentEl === void 0 ? void 0 : segmentEl.color) !== undefined;
150
- return (h(Host, { key: '923c49c2f7ad412206ad28c85ddb354c4cf2dbc9', class: {
150
+ return (h(Host, { key: '2ccbe1ae3d4fe107717db5ab8d2d53feeaab0353', class: {
151
151
  [theme]: true,
152
152
  'in-toolbar': hostContext('ion-toolbar', this.el),
153
153
  'in-toolbar-color': hostContext('ion-toolbar[color]', this.el),
@@ -163,7 +163,7 @@ const SegmentButton = /*@__PURE__*/ proxyCustomElement(class SegmentButton exten
163
163
  'ion-activatable': true,
164
164
  'ion-activatable-instant': true,
165
165
  'ion-focusable': true,
166
- } }, h("button", Object.assign({ key: '45c43d4d3062f3c1fa80e3742cb16ac12ae0eefb', "aria-selected": checked ? 'true' : 'false', role: "tab", ref: (el) => (this.nativeEl = el), type: type, class: "button-native", part: "native", disabled: disabled }, this.inheritedAttributes), h("span", { key: 'bea9db4fb86926498fd73d4d6a5a8a1d19ce7b2d', class: "button-inner" }, h("slot", { key: 'e3ad5c48a0920012f36d899a83edcd0f15e379f6' })), theme === 'md' && h("ion-ripple-effect", { key: '323074cca9b783bb6b15bd55fdda1587dd9641ea' })), h("div", { key: 'b272b4106903f7f9c47ae5a9096b6bbb79021b89', part: "indicator", class: "segment-button-indicator segment-button-indicator-animated" }, h("div", { key: '2d5736abd5fabcd5975cf52d73a224beaec93765', part: "indicator-background", class: "segment-button-indicator-background" }))));
166
+ } }, h("button", Object.assign({ key: '15977a4ddd2a9afb6a5cfddd81c331f25d9a4dba', "aria-selected": checked ? 'true' : 'false', role: "tab", ref: (el) => (this.nativeEl = el), type: type, class: "button-native", part: "native", disabled: disabled }, this.inheritedAttributes), h("span", { key: '23374078f6bc6c1d26f4f5877e2782528ff3fa68', class: "button-inner" }, h("slot", { key: 'b95c50c5c3057a1e7b37ad884ffa333b684664d1' })), theme === 'md' && h("ion-ripple-effect", { key: '0788556e2760abc1742d631bf71f8c01fdb6d117' })), h("div", { key: '762f48386ce86abacbee179cf3fbe5322a35dae3', part: "indicator", class: "segment-button-indicator segment-button-indicator-animated" }, h("div", { key: '806db4026e86d5a29982701322100101a1a7e1e3', part: "indicator-background", class: "segment-button-indicator-background" }))));
167
167
  }
168
168
  get el() { return this; }
169
169
  static get watchers() { return {
package/components/ion-segment-content.js CHANGED
@@ -13,7 +13,7 @@ const SegmentContent = /*@__PURE__*/ proxyCustomElement(class SegmentContent ext
13
13
  this.__attachShadow();
14
14
  }
15
15
  render() {
16
- return (h(Host, { key: '03684b2999ac64fe13e376fd7e7f279976e9d4f2' }, h("slot", { key: '143031075bf33ca19e7cfd76fc8a67b83ccaf11c' })));
16
+ return (h(Host, { key: 'f1301e9dfeef766db609c37224e4d5d5ed23751a' }, h("slot", { key: 'd967dac8bea24441db8949ce10d846e499c89774' })));
17
17
  }
18
18
  static get style() { return IonSegmentContentStyle0; }
19
19
  }, [1, "ion-segment-content"]);
package/components/ion-segment-view.js CHANGED
@@ -108,10 +108,10 @@ const SegmentView = /*@__PURE__*/ proxyCustomElement(class SegmentView extends H
108
108
  }
109
109
  render() {
110
110
  const { disabled, isManualScroll } = this;
111
- return (h(Host, { key: '4a165da536914c666b1dc89827fa5ab053f1a890', class: {
111
+ return (h(Host, { key: '4894e80c6fbd576bef3d0180c47f387aa6227794', class: {
112
112
  'segment-view-disabled': disabled,
113
113
  'segment-view-scroll-disabled': isManualScroll === false,
114
- } }, h("slot", { key: 'efe04cedb22ce150010277e9121417ba862db43a' })));
114
+ } }, h("slot", { key: 'f7ab1bd3c0e7e42a4d88fa60afa1a58c42e0bffa' })));
115
115
  }
116
116
  get el() { return this; }
117
117
  static get style() { return {
package/components/ion-segment.js CHANGED
@@ -541,14 +541,14 @@ const Segment = /*@__PURE__*/ proxyCustomElement(class Segment extends HTMLEleme
541
541
  }
542
542
  render() {
543
543
  const theme = getIonTheme(this);
544
- return (h(Host, { key: 'ed534909594c70caa74cc3b3870b5f73fb7e3a84', role: "tablist", onClick: this.onClick, class: createColorClasses(this.color, {
544
+ return (h(Host, { key: 'fe9dfbc573cdb06ba7735c1d07457232e501ec35', role: "tablist", onClick: this.onClick, class: createColorClasses(this.color, {
545
545
  [theme]: true,
546
546
  'in-toolbar': hostContext('ion-toolbar', this.el),
547
547
  'in-toolbar-color': hostContext('ion-toolbar[color]', this.el),
548
548
  'segment-activated': this.activated,
549
549
  'segment-disabled': this.disabled,
550
550
  'segment-scrollable': this.scrollable,
551
- }) }, h("slot", { key: '544c2ca95a25cc733d2cf0449c96097f8632a9b2', onSlotchange: this.onSlottedItemsChange })));
551
+ }) }, h("slot", { key: '07bd2abd7acb637d01282cdbb22db81b39d86656', onSlotchange: this.onSlottedItemsChange })));
552
552
  }
553
553
  get el() { return this; }
554
554
  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: '54487af48b0482f847f6e782434ef739cde0a73e', class: {
21
+ return (h(Host, { key: '0a677f49a3d8511fd6653a214bb593656d2130a0', class: {
22
22
  [theme]: true,
23
23
  }, role: "option", id: this.inputId }));
24
24
  }
package/components/ion-select.js CHANGED
@@ -712,7 +712,7 @@ const Select = /*@__PURE__*/ proxyCustomElement(class Select extends HTMLElement
712
712
  * TODO(FW-5592): Remove hasStartEndSlots condition
713
713
  */
714
714
  const labelShouldFloat = labelPlacement === 'stacked' || (labelPlacement === 'floating' && (hasValue || isExpanded || hasStartEndSlots));
715
- return (h(Host, { key: '0a33e10a04cc82c85014517e836331d8c6bacd94', onClick: this.onClick, class: createColorClasses(this.color, {
715
+ return (h(Host, { key: 'ce9fa42327f61e6a9b43c192c87466f76f78fb47', onClick: this.onClick, class: createColorClasses(this.color, {
716
716
  [theme]: true,
717
717
  'in-item': inItem,
718
718
  'in-item-color': hostContext('ion-item.ion-color', el),
@@ -729,7 +729,7 @@ const Select = /*@__PURE__*/ proxyCustomElement(class Select extends HTMLElement
729
729
  [`select-shape-${shape}`]: shape !== undefined,
730
730
  [`select-label-placement-${labelPlacement}`]: true,
731
731
  [`select-size-${size}`]: size !== undefined,
732
- }) }, h("label", { key: '09b56cdf15a9d46dee500f546f667b97db3c5ac8', class: "select-wrapper", id: "select-label" }, this.renderLabelContainer(), h("div", { key: '5a5f298c45a67d4efec6bac6e31e5bfe17a938f0', class: "select-wrapper-inner" },
732
+ }) }, h("label", { key: '9e2775b72761d44702849f7f81894f56af7c8129', class: "select-wrapper", id: "select-label" }, this.renderLabelContainer(), h("div", { key: '6617bba60ce7317ff1fa9837e8de9f67cd0d6f69', class: "select-wrapper-inner" },
733
733
  /**
734
734
  * For the ionic theme, we render the outline container here
735
735
  * instead of higher up, so it can be positioned relative to
@@ -739,7 +739,7 @@ const Select = /*@__PURE__*/ proxyCustomElement(class Select extends HTMLElement
739
739
  * <label> element, ensuring that clicking the label text
740
740
  * focuses the select.
741
741
  */
742
- theme === 'ionic' && fill === 'outline' && h("div", { key: '60ec36fb5089550addd48a76fe563b5a83a4fb52', class: "select-outline" }), h("slot", { key: '7c1f11c0c76ff9b7abbef26e82dbb73c37856d1e', name: "start" }), h("div", { key: '5499001e3b7fbac560750aa50b3026f357b9f24f', class: "native-wrapper", ref: (el) => (this.nativeWrapperEl = el), part: "container" }, this.renderSelectText(), this.renderListbox()), h("slot", { key: 'b6fd8fe404dac4477e49ac06fee0e5d96fa9025f', name: "end" }), shouldRenderInnerIcon && this.renderSelectIcon()), shouldRenderOuterIcon && this.renderSelectIcon(), shouldRenderHighlight && h("div", { key: '53160a6a27059cb275614d7d8ee94b524269832e', class: "select-highlight" }))));
742
+ theme === 'ionic' && fill === 'outline' && h("div", { key: 'b42c45269896b4a73650158d5a5a38550734e250', class: "select-outline" }), h("slot", { key: 'de5d2b96bf3c4e9aa81f95f4e96b4c15e35d9464', name: "start" }), h("div", { key: 'f26491af6d46e714449786c2fb0528f3a5769fd8', class: "native-wrapper", ref: (el) => (this.nativeWrapperEl = el), part: "container" }, this.renderSelectText(), this.renderListbox()), h("slot", { key: 'c86051a7bbc32e1169d34f959a52aff022fb1c5d', name: "end" }), shouldRenderInnerIcon && this.renderSelectIcon()), shouldRenderOuterIcon && this.renderSelectIcon(), shouldRenderHighlight && h("div", { key: '044ab9a29dbab5e227a70cc832a05850025cb7c1', class: "select-highlight" }))));
743
743
  }
744
744
  get el() { return this; }
745
745
  static get watchers() { return {
package/components/ion-skeleton-text.js CHANGED
@@ -33,11 +33,11 @@ const SkeletonText = /*@__PURE__*/ proxyCustomElement(class SkeletonText extends
33
33
  const animated = this.animated && config.getBoolean('animated', true);
34
34
  const inMedia = hostContext('ion-avatar', this.el) || hostContext('ion-thumbnail', this.el);
35
35
  const theme = getIonTheme(this);
36
- return (h(Host, { key: '70efd9086ef58705a965a63aa3e5ac775757dc85', class: {
36
+ return (h(Host, { key: 'e768d60b983352c336139bffcc80cab2b49b733e', class: {
37
37
  [theme]: true,
38
38
  'skeleton-text-animated': animated,
39
39
  'in-media': inMedia,
40
- } }, h("span", { key: '296246a88e33e0106045bec2f64738f48593ba12' }, "\u00A0")));
40
+ } }, h("span", { key: '666b64e9abf7213325f300d2fa6de443fc4bb4d1' }, "\u00A0")));
41
41
  }
42
42
  get el() { return this; }
43
43
  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: '2002430758c0d77fa67290d84c89a13e122cd56e', class: {
135
+ return (h(Host, { key: 'cd27ad5bbbcc99340ecd70dbd1c3f9e9fdc22e65', 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: '311917f6487bc42695f983ff7024e2fbc5b85f57' })));
140
+ } }, h("slot", { key: 'b8f2468bba9b923e32706732db30cc8dc9013e70' })));
141
141
  }
142
142
  get el() { return this; }
143
143
  static get watchers() { return {
package/components/ion-tab-bar.js CHANGED
@@ -78,13 +78,13 @@ const TabBar = /*@__PURE__*/ proxyCustomElement(class TabBar extends HTMLElement
78
78
  const theme = getIonTheme(this);
79
79
  const shape = this.getShape();
80
80
  const shouldHide = keyboardVisible && this.el.getAttribute('slot') !== 'top';
81
- return (h(Host, { key: '1827087d4fa77507b61c87ce6dd12427cb7effd0', role: "tablist", "aria-hidden": shouldHide ? 'true' : null, class: createColorClasses(color, {
81
+ return (h(Host, { key: 'e57f0d522ba76f8d5eaf1a08ae4fea98a3f7a50a', role: "tablist", "aria-hidden": shouldHide ? 'true' : null, class: createColorClasses(color, {
82
82
  [theme]: true,
83
83
  'tab-bar-translucent': translucent,
84
84
  'tab-bar-hidden': shouldHide,
85
85
  [`tab-bar-${expand}`]: true,
86
86
  [`tab-bar-${shape}`]: shape !== undefined,
87
- }) }, h("slot", { key: '9834dc234608f09af892c2a92401f304167b9f83' })));
87
+ }) }, h("slot", { key: 'beee2b8b2139bc2c7920619f4b961f74c3b521fe' })));
88
88
  }
89
89
  get el() { return this; }
90
90
  static get watchers() { return {
package/components/ion-tab-button.js CHANGED
@@ -94,7 +94,7 @@ const TabButton = /*@__PURE__*/ proxyCustomElement(class TabButton extends HTMLE
94
94
  rel,
95
95
  target,
96
96
  };
97
- return (h(Host, { key: '35c0d5aa92aef2f25833319f1b2ceabed06fad4f', onClick: this.onClick, onKeyup: this.onKeyUp, id: tab !== undefined ? `tab-button-${tab}` : null, class: {
97
+ return (h(Host, { key: '92fe9a21c7cdb676088159706dbf413f7a1ab6dd', onClick: this.onClick, onKeyup: this.onKeyUp, id: tab !== undefined ? `tab-button-${tab}` : null, class: {
98
98
  [theme]: true,
99
99
  'tab-selected': selected,
100
100
  'tab-disabled': disabled,
@@ -107,7 +107,7 @@ const TabButton = /*@__PURE__*/ proxyCustomElement(class TabButton extends HTMLE
107
107
  'ion-selectable': true,
108
108
  [`tab-button-shape-${shape}`]: shape !== undefined,
109
109
  'ion-focusable': true,
110
- } }, h("a", Object.assign({ key: '87bc750e94738ec73b2316d5a54df0affc4ad297' }, 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: 'ab3044999782632130135f53fca46c39576583b4', class: "button-inner" }, h("slot", { key: '6b9d8e397b9ffe1cd56b7f15de61cc2b77869eaf' })), theme === 'md' && h("ion-ripple-effect", { key: 'ade73af4b03ddef4860cc719b4682c300c3eeb35', type: "unbounded" }))));
110
+ } }, h("a", Object.assign({ key: 'c4b46c35ec0dbde8a8ba4d5e14b43cc198b8cea4' }, 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: 'e8e5fcdb3e82e7faf6360609405ffe5aec5ddfa7', class: "button-inner" }, h("slot", { key: '3ccbf6571071946adfb34f3dc4dc6b03911bf028' })), theme === 'md' && h("ion-ripple-effect", { key: '3e1ac99fdc2bb2f7c70b24d13d0b75d870bbebee', type: "unbounded" }))));
111
111
  }
112
112
  get el() { return this; }
113
113
  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: '94e7961359b6ee01e5be26be130505cc41fa62f3', role: "tabpanel", "aria-hidden": !active ? 'true' : null, "aria-labelledby": `tab-button-${tab}`, class: {
58
+ return (h(Host, { key: '373fa350e5f183d9e539be2af831a2f19b1c4d8d', 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: '0b24cddb59292470bf6a631c8ee295267c8d68b2' })));
61
+ } }, h("slot", { key: '2a3b2a72382b25d413bf52d9a2f75e4dcd4e031a' })));
62
62
  }
63
63
  get el() { return this; }
64
64
  static get watchers() { return {
package/components/ion-tabs.js CHANGED
@@ -150,7 +150,7 @@ const Tabs = /*@__PURE__*/ proxyCustomElement(class Tabs extends HTMLElement {
150
150
  return Array.from(this.el.querySelectorAll('ion-tab'));
151
151
  }
152
152
  render() {
153
- return (h(Host, { key: '204d4689b8d91a46b53710974596f719ae040223', onIonTabButtonClick: this.onTabClicked }, h("slot", { key: '31b73cfcffa41720f7746383b692f5b287aa2007', name: "top" }), h("div", { key: 'fba78170055143a821676a463a623c0b174b4d5f', class: "tabs-inner" }, h("slot", { key: '220ee76e56b5508eba63166412204a94fbbe6e7c' })), h("slot", { key: 'b78f32dbf1a10d184fe0a186ebb8312e60cfc095', name: "bottom" })));
153
+ return (h(Host, { key: '4d9856714441e8cc008fee4c576ce4459ce39a79', onIonTabButtonClick: this.onTabClicked }, h("slot", { key: 'c38cdbabedb8c20d0c9c567d22a43cef18cf62dd', name: "top" }), h("div", { key: '9abb86e184ac412ca330caa36c774514b57d7787', class: "tabs-inner" }, h("slot", { key: '80ccbfd4373b75eec57b65246b73f3492ca6de61' })), h("slot", { key: '529ea51bf3c4e83bbeceb0b0a46bf1acefd91999', name: "bottom" })));
154
154
  }
155
155
  get el() { return this; }
156
156
  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: '7bf3aa9197541d2da1d40a361bc1bd9206a5223e', class: createColorClasses(this.color, {
20
+ return (h(Host, { key: 'e1b876b429afbc3e274be86001ccfe24c442779f', class: createColorClasses(this.color, {
21
21
  [theme]: true,
22
- }) }, h("slot", { key: '5dc6e3ce051f0d26459847c2bc5895edf9d08ca9' })));
22
+ }) }, h("slot", { key: '19a4830c579945a82b8b96bdb47b97c4f5ef21cf' })));
23
23
  }
24
24
  static get style() { return IonTextStyle0; }
25
25
  }, [1, "ion-text", {
package/components/ion-textarea.js CHANGED
@@ -402,7 +402,7 @@ const Textarea = /*@__PURE__*/ proxyCustomElement(class Textarea extends HTMLEle
402
402
  * TODO(FW-5592): Remove hasStartEndSlots condition
403
403
  */
404
404
  const labelShouldFloat = labelPlacement === 'stacked' || (labelPlacement === 'floating' && (hasValue || hasFocus || hasStartEndSlots));
405
- return (h(Host, { key: '74941a2a6f6aae597cf17d7a043e7b6dba5324e8', class: createColorClasses(this.color, {
405
+ return (h(Host, { key: 'fe6c24bf77ca782972cac3d64a33737eaba23389', class: createColorClasses(this.color, {
406
406
  [theme]: true,
407
407
  'has-value': hasValue,
408
408
  'has-focus': hasFocus,
@@ -413,7 +413,7 @@ const Textarea = /*@__PURE__*/ proxyCustomElement(class Textarea extends HTMLEle
413
413
  [`textarea-label-placement-${labelPlacement}`]: true,
414
414
  'textarea-disabled': disabled,
415
415
  'textarea-readonly': readonly,
416
- }) }, h("label", { key: '2a6736be472bbc5e6417aedb48eb989978769a25', class: "textarea-wrapper", htmlFor: inputId }, this.renderLabelContainer(), h("div", { key: '670fdd27efcf2c2cf636efcf6e2273986f1e9acb', class: "textarea-wrapper-inner" },
416
+ }) }, h("label", { key: '23d6c62531e57b60d6260e7c40e63ee5cf8270c3', class: "textarea-wrapper", htmlFor: inputId }, this.renderLabelContainer(), h("div", { key: 'ea7dc7d4531f9698aa697cb09fae2703d0b0e591', class: "textarea-wrapper-inner" },
417
417
  /**
418
418
  * For the ionic theme, we render the outline container here
419
419
  * instead of higher up, so it can be positioned relative to
@@ -423,7 +423,7 @@ const Textarea = /*@__PURE__*/ proxyCustomElement(class Textarea extends HTMLEle
423
423
  * <label> element, ensuring that clicking the label text
424
424
  * focuses the textarea.
425
425
  */
426
- theme === 'ionic' && fill === 'outline' && h("div", { key: 'b5fb2d6ebc0700890941ba59a96bcae8f491e9b5', class: "textarea-outline" }), h("div", { key: '3a52feaf0d97a106abcdcf592c60c9da7cc59cd8', class: "start-slot-wrapper" }, h("slot", { key: '8376c6c129ca13cd82f3b9afdfc4407b754ef2e2', name: "start" })), h("div", { key: '3cfa0cb78a3912b8b5589579e70ac384acd0672a', class: "native-wrapper", ref: (el) => (this.textareaWrapper = el) }, h("textarea", Object.assign({ key: 'e9fe5a7afb7df21fe2c4f106efc3eba9de671dbb', class: "native-textarea", ref: (el) => (this.nativeInput = el), id: inputId, disabled: disabled, autoCapitalize: this.autocapitalize, autoFocus: this.autofocus, enterKeyHint: this.enterkeyhint, inputMode: this.inputmode, minLength: this.minlength, maxLength: this.maxlength, name: this.name, placeholder: this.placeholder || '', readOnly: this.readonly, required: this.required, spellcheck: this.spellcheck, cols: this.cols, rows: this.rows, wrap: this.wrap, onInput: this.onInput, onChange: this.onChange, onBlur: this.onBlur, onFocus: this.onFocus, onKeyDown: this.onKeyDown, "aria-describedby": this.getHintTextID(), "aria-invalid": this.getHintTextID() === this.errorTextId }, this.inheritedAttributes), value)), h("div", { key: 'a9132c9c5f06ddcb7a447bd8d46aa901ab56a88a', class: "end-slot-wrapper" }, h("slot", { key: 'a9d2cfd6ce2fcf0e95f1ed94ee56addda55ad4ad', name: "end" }))), shouldRenderHighlight && h("div", { key: '17f114125438e3a5c9d5b63e7bb3ad1b85dc7174', class: "textarea-highlight" })), this.renderBottomContent()));
426
+ theme === 'ionic' && fill === 'outline' && h("div", { key: 'bc710e560648176cf4fcb6711be718026f7e30fd', class: "textarea-outline" }), h("div", { key: '9e2da805f2e270fdff71d024a4593a89b1a5d9f5', class: "start-slot-wrapper" }, h("slot", { key: '7a74498533a18410dfcee4f30d26624c4bf80dac', name: "start" })), h("div", { key: '8ccc0a907f9d1589f69557c12c765d0dd5af0bc2', class: "native-wrapper", ref: (el) => (this.textareaWrapper = el) }, h("textarea", Object.assign({ key: '6573b2257ca304b302ab1d3cd8f4cad7ee5083d3', class: "native-textarea", ref: (el) => (this.nativeInput = el), id: inputId, disabled: disabled, autoCapitalize: this.autocapitalize, autoFocus: this.autofocus, enterKeyHint: this.enterkeyhint, inputMode: this.inputmode, minLength: this.minlength, maxLength: this.maxlength, name: this.name, placeholder: this.placeholder || '', readOnly: this.readonly, required: this.required, spellcheck: this.spellcheck, cols: this.cols, rows: this.rows, wrap: this.wrap, onInput: this.onInput, onChange: this.onChange, onBlur: this.onBlur, onFocus: this.onFocus, onKeyDown: this.onKeyDown, "aria-describedby": this.getHintTextID(), "aria-invalid": this.getHintTextID() === this.errorTextId }, this.inheritedAttributes), value)), h("div", { key: '159897f6743c9467ab126b279e4047fb7c190a20', class: "end-slot-wrapper" }, h("slot", { key: '7a4cad67e425f6e61117540374a24d5398870dac', name: "end" }))), shouldRenderHighlight && h("div", { key: 'b1758605d2d8db048153c943fe3459379f5d55dd', class: "textarea-highlight" })), this.renderBottomContent()));
427
427
  }
428
428
  get el() { return this; }
429
429
  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: 'd8834b52a3f938cbd2cd7196e0b0e057746e5a7e', class: {
18
+ return (h(Host, { key: 'e9025d3951787a7fe11d94200c094a91f927e987', class: {
19
19
  [theme]: true,
20
- } }, h("slot", { key: 'c7be8264e5c9628d8be1ac202cac7f1ec8f0cb61' })));
20
+ } }, h("slot", { key: '2d090b48ad7af62220c3a101ff835e9ee1555dc9' })));
21
21
  }
22
22
  static get style() { return IonThumbnailStyle0; }
23
23
  }, [1, "ion-thumbnail"]);
package/components/ion-toast.js CHANGED
@@ -848,9 +848,9 @@ const Toast = /*@__PURE__*/ proxyCustomElement(class Toast extends HTMLElement {
848
848
  if (layout === 'stacked' && startButtons.length > 0 && endButtons.length > 0) {
849
849
  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);
850
850
  }
851
- return (h(Host, Object.assign({ key: '789f33465c1381e378b97804abed62614b55bed0', tabindex: "-1" }, this.htmlAttributes, { style: {
851
+ return (h(Host, Object.assign({ key: 'ca2b6c7687dd35723354c70e428732f9ef37b42a', tabindex: "-1" }, this.htmlAttributes, { style: {
852
852
  zIndex: `${60000 + this.overlayIndex}`,
853
- }, class: createColorClasses(this.color, Object.assign(Object.assign({ [mode]: true, [theme]: true }, getClassMap(this.cssClass)), { 'overlay-hidden': true, 'toast-translucent': this.translucent, [`toast-shape-${shape}`]: shape !== undefined })), onIonToastWillDismiss: this.dispatchCancelHandler }), h("div", { key: '7cdde3cb05a75e23e1e0780fad7f4f5a43474456', class: wrapperClass }, h("div", { key: '5534c44b9ac41c080eb27798ed8d2073a418ec7d', class: "toast-container", part: "container" }, this.renderButtons(startButtons, 'start'), this.icon !== undefined && (h("ion-icon", { key: '66e7384e1d77bb260431675cd1abc4c815da6366', class: "toast-icon", part: "icon", icon: this.icon, lazy: false, "aria-hidden": "true" })), h("div", { key: 'f9528903610b7fb229f78d782e4e2e0473080d61', 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')))));
853
+ }, class: createColorClasses(this.color, Object.assign(Object.assign({ [mode]: true, [theme]: true }, getClassMap(this.cssClass)), { 'overlay-hidden': true, 'toast-translucent': this.translucent, [`toast-shape-${shape}`]: shape !== undefined })), onIonToastWillDismiss: this.dispatchCancelHandler }), h("div", { key: 'b060ada04340de9c06d738aebdab040733c275b2', class: wrapperClass }, h("div", { key: '91e1656fb8d40dc8c06118177861a17a3f4818e2', class: "toast-container", part: "container" }, this.renderButtons(startButtons, 'start'), this.icon !== undefined && (h("ion-icon", { key: 'a21fde59cf54bf6d6d0be95709aba5d011fcee30', class: "toast-icon", part: "icon", icon: this.icon, lazy: false, "aria-hidden": "true" })), h("div", { key: '1b11ede14b09874d27cc9414d8a7ff3cf3d8ea0a', 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')))));
854
854
  }
855
855
  get el() { return this; }
856
856
  static get watchers() { return {
package/components/ion-toggle.js CHANGED
@@ -217,7 +217,7 @@ const Toggle = /*@__PURE__*/ proxyCustomElement(class Toggle extends HTMLElement
217
217
  const rtl = isRTL(el) ? 'rtl' : 'ltr';
218
218
  const isIonicTheme = theme === 'ionic';
219
219
  renderHiddenInput(true, el, name, checked ? value : '', disabled);
220
- return (h(Host, { key: 'fb45e051527a0a0914d18659bc1aeab5e9a4c50e', onClick: this.onClick, class: createColorClasses(color, {
220
+ return (h(Host, { key: '4d1933ea31bbb5aef07e25fca47ab32c3ce909c3', onClick: this.onClick, class: createColorClasses(color, {
221
221
  [theme]: true,
222
222
  'in-item': hostContext('ion-item', el),
223
223
  'toggle-activated': activated,
@@ -229,10 +229,10 @@ const Toggle = /*@__PURE__*/ proxyCustomElement(class Toggle extends HTMLElement
229
229
  [`toggle-${rtl}`]: true,
230
230
  'ion-activatable': isIonicTheme,
231
231
  'ion-focusable': isIonicTheme,
232
- }) }, h("label", { key: 'f353323a0ed20368339ef0fed50d63f3b859f1ac', class: "toggle-wrapper" }, h("input", Object.assign({ key: 'dbb471178fe04993330a5f811bb88d3a0fbbcbf4', 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: 'b40a037e148ad25490d22c8b55120713e85253c9', class: {
232
+ }) }, h("label", { key: 'b7a8dfa516c8db9ce5e6df8802f3da7cf248f70b', class: "toggle-wrapper" }, h("input", Object.assign({ key: '4bbda19d567c69985e5ebb36554187dde1611360', 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: 'bba19bc7602b525ac1226425e13d6732c32176e9', class: {
233
233
  'label-text-wrapper': true,
234
234
  'label-text-wrapper-hidden': !this.hasLabel,
235
- }, part: "label" }, h("slot", { key: '1eb06a2005f862ee50fe6f11e7e750eb9daeba7b' })), h("div", { key: 'd2acbaff908b41301b37fbb1f99385a1c571cdf8', class: "native-wrapper" }, this.renderToggleControl()))));
235
+ }, part: "label" }, h("slot", { key: 'abe8b79d4b358c61fe215721ee08b8f9469c3c62' })), h("div", { key: 'cb2ff40a9d28296c6606022e2d0e032728a3a835', class: "native-wrapper" }, this.renderToggleControl()))));
236
236
  }
237
237
  get el() { return this; }
238
238
  static get watchers() { return {