@ionic/core 8.4.2-dev.11741080979.1715cc06 → 8.4.2-dev.11741365851.1a97ead6

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 (151) hide show
  1. package/components/ion-searchbar.js +22 -5
  2. package/components/ion-segment-button.js +2 -2
  3. package/components/ion-segment-content.js +1 -1
  4. package/components/ion-segment-view.js +2 -2
  5. package/components/ion-segment.js +2 -2
  6. package/components/ion-select-option.js +1 -1
  7. package/components/ion-select.js +3 -3
  8. package/components/ion-skeleton-text.js +2 -2
  9. package/components/ion-split-pane.js +2 -2
  10. package/components/ion-tab-bar.js +2 -2
  11. package/components/ion-tab-button.js +2 -2
  12. package/components/ion-tab.js +2 -2
  13. package/components/ion-tabs.js +1 -1
  14. package/components/ion-text.js +2 -2
  15. package/components/ion-textarea.js +3 -3
  16. package/components/ion-thumbnail.js +2 -2
  17. package/components/ion-toast.js +2 -2
  18. package/components/ion-toggle.js +3 -3
  19. package/components/select-modal.js +1 -1
  20. package/components/select-popover.js +2 -2
  21. package/components/spinner.js +1 -1
  22. package/components/title.js +2 -2
  23. package/components/toolbar.js +2 -2
  24. package/dist/cjs/ion-app_8.cjs.entry.js +4 -4
  25. package/dist/cjs/ion-avatar_3.cjs.entry.js +2 -2
  26. package/dist/cjs/ion-item_8.cjs.entry.js +2 -2
  27. package/dist/cjs/ion-searchbar.cjs.entry.js +21 -5
  28. package/dist/cjs/ion-segment-content.cjs.entry.js +1 -1
  29. package/dist/cjs/ion-segment-view.cjs.entry.js +2 -2
  30. package/dist/cjs/ion-segment_2.cjs.entry.js +4 -4
  31. package/dist/cjs/ion-select-modal.cjs.entry.js +1 -1
  32. package/dist/cjs/ion-select_3.cjs.entry.js +6 -6
  33. package/dist/cjs/ion-spinner.cjs.entry.js +1 -1
  34. package/dist/cjs/ion-split-pane.cjs.entry.js +2 -2
  35. package/dist/cjs/ion-tab-bar_2.cjs.entry.js +4 -4
  36. package/dist/cjs/ion-tab_2.cjs.entry.js +3 -3
  37. package/dist/cjs/ion-text.cjs.entry.js +2 -2
  38. package/dist/cjs/ion-textarea.cjs.entry.js +3 -3
  39. package/dist/cjs/ion-toast.cjs.entry.js +2 -2
  40. package/dist/cjs/ion-toggle.cjs.entry.js +3 -3
  41. package/dist/cjs/ionic.cjs.js +1 -1
  42. package/dist/cjs/loader.cjs.js +1 -1
  43. package/dist/collection/components/searchbar/searchbar.ionic.css +140 -36
  44. package/dist/collection/components/searchbar/searchbar.js +38 -5
  45. package/dist/collection/components/segment/segment.js +2 -2
  46. package/dist/collection/components/segment-button/segment-button.js +2 -2
  47. package/dist/collection/components/segment-content/segment-content.js +1 -1
  48. package/dist/collection/components/segment-view/segment-view.js +2 -2
  49. package/dist/collection/components/select/select.js +3 -3
  50. package/dist/collection/components/select-modal/select-modal.js +1 -1
  51. package/dist/collection/components/select-option/select-option.js +1 -1
  52. package/dist/collection/components/select-popover/select-popover.js +2 -2
  53. package/dist/collection/components/skeleton-text/skeleton-text.js +2 -2
  54. package/dist/collection/components/spinner/spinner.js +1 -1
  55. package/dist/collection/components/split-pane/split-pane.js +2 -2
  56. package/dist/collection/components/tab/tab.js +2 -2
  57. package/dist/collection/components/tab-bar/tab-bar.js +2 -2
  58. package/dist/collection/components/tab-button/tab-button.js +2 -2
  59. package/dist/collection/components/tabs/tabs.js +1 -1
  60. package/dist/collection/components/text/text.js +2 -2
  61. package/dist/collection/components/textarea/textarea.js +3 -3
  62. package/dist/collection/components/thumbnail/thumbnail.js +2 -2
  63. package/dist/collection/components/title/title.js +2 -2
  64. package/dist/collection/components/toast/toast.js +2 -2
  65. package/dist/collection/components/toggle/toggle.js +3 -3
  66. package/dist/collection/components/toolbar/toolbar.js +2 -2
  67. package/dist/docs.json +35 -2
  68. package/dist/esm/ion-app_8.entry.js +4 -4
  69. package/dist/esm/ion-avatar_3.entry.js +2 -2
  70. package/dist/esm/ion-item_8.entry.js +2 -2
  71. package/dist/esm/ion-searchbar.entry.js +21 -5
  72. package/dist/esm/ion-segment-content.entry.js +1 -1
  73. package/dist/esm/ion-segment-view.entry.js +2 -2
  74. package/dist/esm/ion-segment_2.entry.js +4 -4
  75. package/dist/esm/ion-select-modal.entry.js +1 -1
  76. package/dist/esm/ion-select_3.entry.js +6 -6
  77. package/dist/esm/ion-spinner.entry.js +1 -1
  78. package/dist/esm/ion-split-pane.entry.js +2 -2
  79. package/dist/esm/ion-tab-bar_2.entry.js +4 -4
  80. package/dist/esm/ion-tab_2.entry.js +3 -3
  81. package/dist/esm/ion-text.entry.js +2 -2
  82. package/dist/esm/ion-textarea.entry.js +3 -3
  83. package/dist/esm/ion-toast.entry.js +2 -2
  84. package/dist/esm/ion-toggle.entry.js +3 -3
  85. package/dist/esm/ionic.js +1 -1
  86. package/dist/esm/loader.js +1 -1
  87. package/dist/esm-es5/ion-app_8.entry.js +1 -1
  88. package/dist/esm-es5/ion-avatar_3.entry.js +1 -1
  89. package/dist/esm-es5/ion-item_8.entry.js +1 -1
  90. package/dist/esm-es5/ion-searchbar.entry.js +1 -1
  91. package/dist/esm-es5/ion-segment-content.entry.js +1 -1
  92. package/dist/esm-es5/ion-segment-view.entry.js +1 -1
  93. package/dist/esm-es5/ion-segment_2.entry.js +1 -1
  94. package/dist/esm-es5/ion-select-modal.entry.js +1 -1
  95. package/dist/esm-es5/ion-select_3.entry.js +1 -1
  96. package/dist/esm-es5/ion-spinner.entry.js +1 -1
  97. package/dist/esm-es5/ion-split-pane.entry.js +1 -1
  98. package/dist/esm-es5/ion-tab-bar_2.entry.js +1 -1
  99. package/dist/esm-es5/ion-tab_2.entry.js +1 -1
  100. package/dist/esm-es5/ion-text.entry.js +1 -1
  101. package/dist/esm-es5/ion-textarea.entry.js +1 -1
  102. package/dist/esm-es5/ion-toast.entry.js +1 -1
  103. package/dist/esm-es5/ion-toggle.entry.js +1 -1
  104. package/dist/esm-es5/ionic.js +1 -1
  105. package/dist/esm-es5/loader.js +1 -1
  106. package/dist/html.html-data.json +16 -1
  107. package/dist/ionic/ionic.esm.js +1 -1
  108. package/dist/ionic/{p-ac558084.entry.js → p-20fb0bb4.entry.js} +1 -1
  109. package/dist/ionic/{p-da89b9bd.system.entry.js → p-21d62720.system.entry.js} +2 -2
  110. package/dist/ionic/{p-d854fb32.entry.js → p-25fcbafe.entry.js} +1 -1
  111. package/dist/ionic/{p-d7e43c62.system.entry.js → p-2730ecee.system.entry.js} +1 -1
  112. package/dist/ionic/p-2f57cb40.entry.js +4 -0
  113. package/dist/ionic/p-341a80ea.entry.js +4 -0
  114. package/dist/ionic/{p-4b4e4592.system.entry.js → p-345ed859.system.entry.js} +1 -1
  115. package/dist/ionic/{p-8a8e843c.system.entry.js → p-497b67a3.system.entry.js} +1 -1
  116. package/dist/ionic/{p-03df1462.entry.js → p-4b769e3f.entry.js} +1 -1
  117. package/dist/ionic/{p-7cfe6f4a.entry.js → p-531c3061.entry.js} +1 -1
  118. package/dist/ionic/{p-9cd19610.system.entry.js → p-633b126a.system.entry.js} +1 -1
  119. package/dist/ionic/{p-af69da90.entry.js → p-656490af.entry.js} +1 -1
  120. package/dist/ionic/{p-297fcc18.system.entry.js → p-6fe386d5.system.entry.js} +1 -1
  121. package/dist/ionic/{p-402ffd31.entry.js → p-8cdc3684.entry.js} +1 -1
  122. package/dist/ionic/{p-fa5dc348.entry.js → p-91f6fc46.entry.js} +1 -1
  123. package/dist/ionic/{p-a78181cc.system.entry.js → p-975dcbcb.system.entry.js} +1 -1
  124. package/dist/ionic/{p-fac055ef.entry.js → p-98f32971.entry.js} +1 -1
  125. package/dist/ionic/p-9f9a666d.system.js +1 -1
  126. package/dist/ionic/{p-886ff0f8.system.entry.js → p-a269abe3.system.entry.js} +2 -2
  127. package/dist/ionic/{p-97cc477f.system.entry.js → p-a27eaf15.system.entry.js} +1 -1
  128. package/dist/ionic/{p-a685da08.system.entry.js → p-a763eb06.system.entry.js} +2 -2
  129. package/dist/ionic/{p-5345fc46.entry.js → p-aae0f146.entry.js} +1 -1
  130. package/dist/ionic/{p-71523065.entry.js → p-aff567d6.entry.js} +1 -1
  131. package/dist/ionic/{p-695c2cbd.entry.js → p-bc3538f6.entry.js} +1 -1
  132. package/dist/ionic/{p-05b69c23.system.entry.js → p-bf037413.system.entry.js} +1 -1
  133. package/dist/ionic/p-c5692272.system.entry.js +4 -0
  134. package/dist/ionic/{p-af321c18.entry.js → p-ccae763c.entry.js} +1 -1
  135. package/dist/ionic/p-d7cbcadc.entry.js +4 -0
  136. package/dist/ionic/{p-49f0023f.entry.js → p-e4444d68.entry.js} +1 -1
  137. package/dist/ionic/{p-0390f622.system.entry.js → p-e49e5407.system.entry.js} +1 -1
  138. package/dist/ionic/{p-c48a6425.system.entry.js → p-e6e2ea96.system.entry.js} +1 -1
  139. package/dist/ionic/{p-d683e61f.system.entry.js → p-f536433d.system.entry.js} +1 -1
  140. package/dist/ionic/{p-fa5a0d2e.system.entry.js → p-f6b4018a.system.entry.js} +1 -1
  141. package/dist/ionic/{p-c7aa652c.entry.js → p-f7d26ada.entry.js} +1 -1
  142. package/dist/ionic/{p-f2f33ab4.system.entry.js → p-f8522131.system.entry.js} +1 -1
  143. package/dist/types/components/searchbar/searchbar.d.ts +9 -0
  144. package/dist/types/components.d.ts +10 -2
  145. package/hydrate/index.js +64 -47
  146. package/hydrate/index.mjs +64 -47
  147. package/package.json +1 -1
  148. package/dist/ionic/p-27258d5a.entry.js +0 -4
  149. package/dist/ionic/p-3608e72b.entry.js +0 -4
  150. package/dist/ionic/p-42f8e688.entry.js +0 -4
  151. package/dist/ionic/p-d49da56a.system.entry.js +0 -4
package/hydrate/index.mjs CHANGED
@@ -29395,7 +29395,7 @@ const arrowLeftSvg = 'data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53
29395
29395
 
29396
29396
  const magnifyingGlassSvg = 'data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyNTYgMjU2IiBmaWxsPSJjdXJyZW50Q29sb3IiPjxwYXRoIGQ9Ik0yMjkuNjYsMjE4LjM0bC01MC4wNy01MC4wNmE4OC4xMSw4OC4xMSwwLDEsMC0xMS4zMSwxMS4zMWw1MC4wNiw1MC4wN2E4LDgsMCwwLDAsMTEuMzItMTEuMzJaTTQwLDExMmE3Miw3MiwwLDEsMSw3Miw3MkE3Mi4wOCw3Mi4wOCwwLDAsMSw0MCwxMTJaIi8+PC9zdmc+';
29397
29397
 
29398
- 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);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{top:var(--ion-scale-400, 16px);width:var(--ion-scale-400, 16px);height:var(--ion-scale-400, 16px)}.searchbar-search-icon.sc-ion-searchbar-ionic{inset-inline-start:var(--ion-scale-400, 16px)}.searchbar-input.sc-ion-searchbar-ionic{-webkit-padding-start:calc(var(--ion-space-400, 16px) + var(--ion-scale-400, 16px) + var(--ion-space-200, 8px));padding-inline-start:calc(var(--ion-space-400, 16px) + var(--ion-scale-400, 16px) + var(--ion-space-200, 8px));-webkit-padding-end:calc(var(--ion-space-400, 16px) + var(--ion-scale-400, 16px) + var(--ion-space-200, 8px));padding-inline-end:calc(var(--ion-space-400, 16px) + var(--ion-scale-400, 16px) + var(--ion-space-200, 8px));padding-top:var(--ion-space-300, 12px);padding-bottom:var(--ion-space-300, 12px);min-height:var(--ion-scale-1200, 48px);contain:strict}.searchbar-clear-button.sc-ion-searchbar-ionic{top:var(--ion-scale-400, 16px);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-clear-button.sc-ion-searchbar-ionic{inset-inline-end:var(--ion-scale-400, 16px)}.searchbar-cancel-button.sc-ion-searchbar-ionic{top:0;background-color:transparent;font-size:var(--ion-font-size-400, 1rem)}.searchbar-cancel-button.sc-ion-searchbar-ionic{inset-inline-start:9px}.searchbar-search-icon.sc-ion-searchbar-ionic,.searchbar-clear-button.sc-ion-searchbar-ionic,.searchbar-cancel-button.sc-ion-searchbar-ionic{position:absolute}.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}ion-toolbar.sc-ion-searchbar-ionic-h,ion-toolbar .sc-ion-searchbar-ionic-h{min-height:var(--ion-scale-1200, 48px)}.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)}";
29398
+ 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)}";
29399
29399
  var IonSearchbarIonicStyle0 = searchbarIonicCss;
29400
29400
 
29401
29401
  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}";
@@ -29543,6 +29543,7 @@ class Searchbar {
29543
29543
  this.type = 'search';
29544
29544
  this.value = '';
29545
29545
  this.shape = undefined;
29546
+ this.size = undefined;
29546
29547
  }
29547
29548
  /**
29548
29549
  * lang and dir are globally enumerated attributes.
@@ -29786,6 +29787,18 @@ class Searchbar {
29786
29787
  }
29787
29788
  return shape;
29788
29789
  }
29790
+ getSize() {
29791
+ const theme = getIonTheme(this);
29792
+ const { size } = this;
29793
+ // TODO(ROU-11678): Remove theme check when sizes are defined for all themes.
29794
+ if (theme !== 'ionic') {
29795
+ return undefined;
29796
+ }
29797
+ if (size === undefined) {
29798
+ return 'medium';
29799
+ }
29800
+ return size;
29801
+ }
29789
29802
  /**
29790
29803
  * Get the icon to use for the clear icon.
29791
29804
  * If an icon is set on the component, use that.
@@ -29861,8 +29874,9 @@ class Searchbar {
29861
29874
  const theme = getIonTheme(this);
29862
29875
  const shouldShowCancelButton = this.shouldShowCancelButton();
29863
29876
  const shape = this.getShape();
29864
- const cancelButton = this.showCancelButton !== 'never' && (hAsync("button", { key: 'd7382dd39f5699330fa1c981cd252a903029d1b5', "aria-label": cancelButtonText, "aria-hidden": shouldShowCancelButton ? undefined : 'true', type: "button", tabIndex: theme === 'ios' && !shouldShowCancelButton ? -1 : undefined, onMouseDown: this.onCancelSearchbar, onTouchStart: this.onCancelSearchbar, class: "searchbar-cancel-button" }, hAsync("div", { key: '3b3c4a16c23d7406be4eda6076deca41e79e196d', "aria-hidden": "true" }, theme === 'md' || theme === 'ionic' ? (hAsync("ion-icon", { "aria-hidden": "true", icon: searchbarCancelIcon, lazy: false })) : (cancelButtonText))));
29865
- return (hAsync(Host, { key: '4890a1478e7e1ff0a85d5e6ca2214c50aee96777', role: "search", "aria-disabled": this.disabled ? 'true' : null, class: createColorClasses$1(this.color, {
29877
+ const size = this.getSize();
29878
+ const cancelButton = this.showCancelButton !== 'never' && (hAsync("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" }, hAsync("div", { key: '7ccba83e849da1cf9a1d9ae4818466170c4e7636', "aria-hidden": "true" }, theme === 'md' || theme === 'ionic' ? (hAsync("ion-icon", { "aria-hidden": "true", icon: searchbarCancelIcon, lazy: false })) : (cancelButtonText))));
29879
+ return (hAsync(Host, { key: 'a207e57178bdd970248428d66f54de17f4106b55', role: "search", "aria-disabled": this.disabled ? 'true' : null, class: createColorClasses$1(this.color, {
29866
29880
  [theme]: true,
29867
29881
  'searchbar-animated': animated,
29868
29882
  'searchbar-disabled': this.disabled,
@@ -29870,17 +29884,19 @@ class Searchbar {
29870
29884
  'searchbar-has-value': this.hasValue(),
29871
29885
  'searchbar-left-aligned': this.shouldAlignLeft,
29872
29886
  'searchbar-has-focus': this.focused,
29887
+ 'searchbar-has-leading-icons': theme === 'ionic' && (this.searchIcon !== undefined || this.showCancelButton !== 'never'),
29873
29888
  'searchbar-should-show-clear': this.shouldShowClearButton(),
29874
29889
  'searchbar-should-show-cancel': this.shouldShowCancelButton(),
29875
29890
  [`searchbar-shape-${shape}`]: shape !== undefined,
29876
- }) }, hAsync("div", { key: 'e2b95c0f77605f8d1e9b3f8b971d07fba72cb794', class: "searchbar-input-container" }, hAsync("input", Object.assign({ key: '6dd8ff97d0ef85190addbd20a1093d22fecf9a80', "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, hAsync("ion-icon", { key: '626aefedcd35c36bd9a697b5f5bdbaec4f0142eb', "aria-hidden": "true", icon: searchbarSearchIcon, lazy: false, class: "searchbar-search-icon" }), hAsync("button", { key: '9996031c9eeba745d37b6600b6594f69c4808842', "aria-label": "reset", type: "button", "no-blur": true, class: "searchbar-clear-button", onPointerDown: (ev) => {
29891
+ [`searchbar-size-${size}`]: size !== undefined,
29892
+ }) }, hAsync("div", { key: '437ba144b4195ff8e8650f72df4d05639077b111', class: "searchbar-input-container" }, hAsync("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 ? (hAsync("ion-icon", { "aria-hidden": "true", icon: searchbarSearchIcon, lazy: false, class: "searchbar-search-icon" })) : null, hAsync("button", { key: '987ae96a62b576a6ebc484a1bd5ac3994f5b46b7', "aria-label": "reset", type: "button", "no-blur": true, class: "searchbar-clear-button", onPointerDown: (ev) => {
29877
29893
  /**
29878
29894
  * This prevents mobile browsers from
29879
29895
  * blurring the input when the clear
29880
29896
  * button is activated.
29881
29897
  */
29882
29898
  ev.preventDefault();
29883
- }, onClick: () => this.onClearInput(true) }, hAsync("ion-icon", { key: '403a5866e82ca6be91101a1719c3ad2f273a652f', "aria-hidden": "true", icon: searchbarClearIcon, lazy: false, class: "searchbar-clear-icon" }))), theme === 'ios' && cancelButton));
29899
+ }, onClick: () => this.onClearInput(true) }, hAsync("ion-icon", { key: 'af26bcab2d98a656313256f8689344a9a1cbb0cd', "aria-hidden": "true", icon: searchbarClearIcon, lazy: false, class: "searchbar-clear-icon" }))), theme === 'ios' && cancelButton));
29884
29900
  }
29885
29901
  get el() { return getElement(this); }
29886
29902
  static get watchers() { return {
@@ -29922,6 +29938,7 @@ class Searchbar {
29922
29938
  "type": [1],
29923
29939
  "value": [1025],
29924
29940
  "shape": [1],
29941
+ "size": [1],
29925
29942
  "focused": [32],
29926
29943
  "noAnimate": [32],
29927
29944
  "setFocus": [64],
@@ -30470,14 +30487,14 @@ class Segment {
30470
30487
  }
30471
30488
  render() {
30472
30489
  const theme = getIonTheme(this);
30473
- return (hAsync(Host, { key: 'ecc6677de570a3e484ce10f7ec9fdcea002208cf', role: "tablist", onClick: this.onClick, class: createColorClasses$1(this.color, {
30490
+ return (hAsync(Host, { key: 'ed534909594c70caa74cc3b3870b5f73fb7e3a84', role: "tablist", onClick: this.onClick, class: createColorClasses$1(this.color, {
30474
30491
  [theme]: true,
30475
30492
  'in-toolbar': hostContext('ion-toolbar', this.el),
30476
30493
  'in-toolbar-color': hostContext('ion-toolbar[color]', this.el),
30477
30494
  'segment-activated': this.activated,
30478
30495
  'segment-disabled': this.disabled,
30479
30496
  'segment-scrollable': this.scrollable,
30480
- }) }, hAsync("slot", { key: '4145cedfc55f8e5c01b818b80a517f04d1f7d087', onSlotchange: this.onSlottedItemsChange })));
30497
+ }) }, hAsync("slot", { key: '544c2ca95a25cc733d2cf0449c96097f8632a9b2', onSlotchange: this.onSlottedItemsChange })));
30481
30498
  }
30482
30499
  get el() { return getElement(this); }
30483
30500
  static get watchers() { return {
@@ -30654,7 +30671,7 @@ class SegmentButton {
30654
30671
  const { checked, type, disabled, hasIcon, hasLabel, layout, segmentEl } = this;
30655
30672
  const theme = getIonTheme(this);
30656
30673
  const hasSegmentColor = () => (segmentEl === null || segmentEl === void 0 ? void 0 : segmentEl.color) !== undefined;
30657
- return (hAsync(Host, { key: 'de3759e2b7b27d1c9dcae5d7dcea98efde485343', class: {
30674
+ return (hAsync(Host, { key: '923c49c2f7ad412206ad28c85ddb354c4cf2dbc9', class: {
30658
30675
  [theme]: true,
30659
30676
  'in-toolbar': hostContext('ion-toolbar', this.el),
30660
30677
  'in-toolbar-color': hostContext('ion-toolbar[color]', this.el),
@@ -30670,7 +30687,7 @@ class SegmentButton {
30670
30687
  'ion-activatable': true,
30671
30688
  'ion-activatable-instant': true,
30672
30689
  'ion-focusable': true,
30673
- } }, hAsync("button", Object.assign({ key: '937636b8c2429a9fbe87180f7c56127e89d0a681', "aria-selected": checked ? 'true' : 'false', role: "tab", ref: (el) => (this.nativeEl = el), type: type, class: "button-native", part: "native", disabled: disabled }, this.inheritedAttributes), hAsync("span", { key: '137eac7e38aa5a7d15af4e1f1d4114a4f8509463', class: "button-inner" }, hAsync("slot", { key: 'a824aa5ebf7203bc4a3d5ba51877de6a4461af6c' })), theme === 'md' && hAsync("ion-ripple-effect", { key: 'e60d58db031a441e430368330c7d2797f9ff9afd' })), hAsync("div", { key: '1d5fe5d4c98f62bb4ffc0331855db85a7bd956b8', part: "indicator", class: "segment-button-indicator segment-button-indicator-animated" }, hAsync("div", { key: '233f6aaca87b1b741def3bffc8205192e468bca2', part: "indicator-background", class: "segment-button-indicator-background" }))));
30690
+ } }, hAsync("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), hAsync("span", { key: 'bea9db4fb86926498fd73d4d6a5a8a1d19ce7b2d', class: "button-inner" }, hAsync("slot", { key: 'e3ad5c48a0920012f36d899a83edcd0f15e379f6' })), theme === 'md' && hAsync("ion-ripple-effect", { key: '323074cca9b783bb6b15bd55fdda1587dd9641ea' })), hAsync("div", { key: 'b272b4106903f7f9c47ae5a9096b6bbb79021b89', part: "indicator", class: "segment-button-indicator segment-button-indicator-animated" }, hAsync("div", { key: '2d5736abd5fabcd5975cf52d73a224beaec93765', part: "indicator-background", class: "segment-button-indicator-background" }))));
30674
30691
  }
30675
30692
  get el() { return getElement(this); }
30676
30693
  static get watchers() { return {
@@ -30707,7 +30724,7 @@ class SegmentContent {
30707
30724
  registerInstance(this, hostRef);
30708
30725
  }
30709
30726
  render() {
30710
- return (hAsync(Host, { key: '1f7f256fdeb7ec661c84f268b239ab21ef170629' }, hAsync("slot", { key: 'c704cf3b4c13deeb612d8a8ffdccef65d62f0866' })));
30727
+ return (hAsync(Host, { key: '03684b2999ac64fe13e376fd7e7f279976e9d4f2' }, hAsync("slot", { key: '143031075bf33ca19e7cfd76fc8a67b83ccaf11c' })));
30711
30728
  }
30712
30729
  static get style() { return IonSegmentContentStyle0; }
30713
30730
  static get cmpMeta() { return {
@@ -30823,10 +30840,10 @@ class SegmentView {
30823
30840
  }
30824
30841
  render() {
30825
30842
  const { disabled, isManualScroll } = this;
30826
- return (hAsync(Host, { key: 'a0b77ea1b2805b87da550d576aa9b0a36ada5d9f', class: {
30843
+ return (hAsync(Host, { key: '4a165da536914c666b1dc89827fa5ab053f1a890', class: {
30827
30844
  'segment-view-disabled': disabled,
30828
30845
  'segment-view-scroll-disabled': isManualScroll === false,
30829
- } }, hAsync("slot", { key: '0170106f9448d8d05d929ca0dc05add670db96b4' })));
30846
+ } }, hAsync("slot", { key: 'efe04cedb22ce150010277e9121417ba862db43a' })));
30830
30847
  }
30831
30848
  get el() { return getElement(this); }
30832
30849
  static get style() { return {
@@ -31531,7 +31548,7 @@ class Select {
31531
31548
  * TODO(FW-5592): Remove hasStartEndSlots condition
31532
31549
  */
31533
31550
  const labelShouldFloat = labelPlacement === 'stacked' || (labelPlacement === 'floating' && (hasValue || isExpanded || hasStartEndSlots));
31534
- return (hAsync(Host, { key: '764b2a2f30615cb78b5fd0e20a829910898e8676', onClick: this.onClick, class: createColorClasses$1(this.color, {
31551
+ return (hAsync(Host, { key: '0a33e10a04cc82c85014517e836331d8c6bacd94', onClick: this.onClick, class: createColorClasses$1(this.color, {
31535
31552
  [theme]: true,
31536
31553
  'in-item': inItem,
31537
31554
  'in-item-color': hostContext('ion-item.ion-color', el),
@@ -31548,7 +31565,7 @@ class Select {
31548
31565
  [`select-shape-${shape}`]: shape !== undefined,
31549
31566
  [`select-label-placement-${labelPlacement}`]: true,
31550
31567
  [`select-size-${size}`]: size !== undefined,
31551
- }) }, hAsync("label", { key: '35f43c1ad2d01bcf996dd27a0fff3d6f323cd517', class: "select-wrapper", id: "select-label" }, this.renderLabelContainer(), hAsync("div", { key: '6d30179d19583b068e67552834d72b3d31f2c0f4', class: "select-wrapper-inner" },
31568
+ }) }, hAsync("label", { key: '09b56cdf15a9d46dee500f546f667b97db3c5ac8', class: "select-wrapper", id: "select-label" }, this.renderLabelContainer(), hAsync("div", { key: '5a5f298c45a67d4efec6bac6e31e5bfe17a938f0', class: "select-wrapper-inner" },
31552
31569
  /**
31553
31570
  * For the ionic theme, we render the outline container here
31554
31571
  * instead of higher up, so it can be positioned relative to
@@ -31558,7 +31575,7 @@ class Select {
31558
31575
  * <label> element, ensuring that clicking the label text
31559
31576
  * focuses the select.
31560
31577
  */
31561
- theme === 'ionic' && fill === 'outline' && hAsync("div", { key: '01a8af86d9b25d5ea4cab0f85c4bf1db1465b5d8', class: "select-outline" }), hAsync("slot", { key: 'd5478a1b67a3de05019167f26381d8c453cec8ff', name: "start" }), hAsync("div", { key: '77547d4cca137afe346222988f16a74ea874a547', class: "native-wrapper", ref: (el) => (this.nativeWrapperEl = el), part: "container" }, this.renderSelectText(), this.renderListbox()), hAsync("slot", { key: '5ded9c58c3eb9508622c62820d85dd5ff033e6f2', name: "end" }), shouldRenderInnerIcon && this.renderSelectIcon()), shouldRenderOuterIcon && this.renderSelectIcon(), shouldRenderHighlight && hAsync("div", { key: 'bebf742e3d961e4ed2c933e3925e920322f1d393', class: "select-highlight" }))));
31578
+ theme === 'ionic' && fill === 'outline' && hAsync("div", { key: '60ec36fb5089550addd48a76fe563b5a83a4fb52', class: "select-outline" }), hAsync("slot", { key: '7c1f11c0c76ff9b7abbef26e82dbb73c37856d1e', name: "start" }), hAsync("div", { key: '5499001e3b7fbac560750aa50b3026f357b9f24f', class: "native-wrapper", ref: (el) => (this.nativeWrapperEl = el), part: "container" }, this.renderSelectText(), this.renderListbox()), hAsync("slot", { key: 'b6fd8fe404dac4477e49ac06fee0e5d96fa9025f', name: "end" }), shouldRenderInnerIcon && this.renderSelectIcon()), shouldRenderOuterIcon && this.renderSelectIcon(), shouldRenderHighlight && hAsync("div", { key: '53160a6a27059cb275614d7d8ee94b524269832e', class: "select-highlight" }))));
31562
31579
  }
31563
31580
  get el() { return getElement(this); }
31564
31581
  static get watchers() { return {
@@ -31720,7 +31737,7 @@ class SelectModal {
31720
31737
  } }, option.text))));
31721
31738
  }
31722
31739
  render() {
31723
- return (hAsync(Host, { key: 'fd5b1e78d540c7ae6d0fca737a6fc1d983a8c19b', class: getIonMode$1(this) }, hAsync("ion-header", { key: '7eec49fcb0a0f0b1e20f3a1f92d28cd15924d265' }, hAsync("ion-toolbar", { key: 'aea8148d3207089db6475579479cb64c16594985' }, this.header !== undefined && hAsync("ion-title", { key: 'f2e6d4ae608dfa5fdba9ed466e078545b55fc7df' }, this.header), hAsync("ion-buttons", { key: 'bea2a3f2448e1907eee3a4e46a2d5e3b99b62763', slot: "end" }, hAsync("ion-button", { key: 'd7db36683d5cff25c3084dccecb736cc55d94965', onClick: () => this.closeModal() }, "Close")))), hAsync("ion-content", { key: '18749c394b34c8f568a1e280e1a19f3a46545a61' }, hAsync("ion-list", { key: '8f84ca4450d196bcd000eecb532d0766a840755d' }, this.multiple === true ? this.renderCheckboxOptions() : this.renderRadioOptions()))));
31740
+ return (hAsync(Host, { key: 'd8943541f52e4139336d02fe0f7aaa34e3d6dcd4', class: getIonMode$1(this) }, hAsync("ion-header", { key: '69b220014151a2bff77733d56f6fa7a8783ac381' }, hAsync("ion-toolbar", { key: 'd3817f6d3f4d6465c6fbb533970559fafdce1ba9' }, this.header !== undefined && hAsync("ion-title", { key: '7d895aa66aab684d9f74f893d1153f7c60ca74c7' }, this.header), hAsync("ion-buttons", { key: '32869bea2d04acf8161d7bf7665aeea54f989bf8', slot: "end" }, hAsync("ion-button", { key: '9cee7c716bdc8a9e37c06e816878fb5da93f61b8', onClick: () => this.closeModal() }, "Close")))), hAsync("ion-content", { key: 'cd7e8a51bb037ce4c896dfe0bef65269831a2ff9' }, hAsync("ion-list", { key: '6fb46bd883e668aa93bf9daa355065ad0489588f' }, this.multiple === true ? this.renderCheckboxOptions() : this.renderRadioOptions()))));
31724
31741
  }
31725
31742
  get el() { return getElement(this); }
31726
31743
  static get style() { return {
@@ -31758,7 +31775,7 @@ class SelectOption {
31758
31775
  }
31759
31776
  render() {
31760
31777
  const theme = getIonTheme(this);
31761
- return (hAsync(Host, { key: 'ac13bcd1ee8b4ffd1d7ce80be242881cc126cb7a', class: {
31778
+ return (hAsync(Host, { key: '54487af48b0482f847f6e782434ef739cde0a73e', class: {
31762
31779
  [theme]: true,
31763
31780
  }, role: "option", id: this.inputId }));
31764
31781
  }
@@ -31887,9 +31904,9 @@ class SelectPopover {
31887
31904
  const { header, message, options, subHeader } = this;
31888
31905
  const hasSubHeaderOrMessage = subHeader !== undefined || message !== undefined;
31889
31906
  const theme = getIonTheme(this);
31890
- return (hAsync(Host, { key: '165cfd34fb0bc0cada6ef2cf5de6ba9dfd4f4416', class: {
31907
+ return (hAsync(Host, { key: 'e926e43a2e2a191d413ea8288a4785641ec46f8d', class: {
31891
31908
  [theme]: true,
31892
- } }, hAsync("ion-list", { key: '50c27cf2f57036deca42c50cad9968e7ab98ba38' }, header !== undefined && hAsync("ion-list-header", { key: '4e2993d4eb9d72440e0838111d08536e9117289a' }, header), hasSubHeaderOrMessage && (hAsync("ion-item", { key: 'cec715effe534af3fb8e590bed3955a07fac2683' }, hAsync("ion-label", { key: 'cce3fdc3c2ace609f221c546671fb698eeb17e79', class: "ion-text-wrap" }, subHeader !== undefined && hAsync("h3", { key: '5a5615928a5b27bb7eb6998e3e207e8e13bcc058' }, subHeader), message !== undefined && hAsync("p", { key: '16a6625a710a2e65578f55306615dfefce1cba69' }, message)))), this.renderOptions(options))));
31909
+ } }, hAsync("ion-list", { key: '8d3ec54cb1a6ef1a6af4973d306ebccdf41d3f96' }, header !== undefined && hAsync("ion-list-header", { key: 'f9d6efb98f1b020a98bec431d683e65215f070be' }, header), hasSubHeaderOrMessage && (hAsync("ion-item", { key: '5276388ce33a9d43ab75b7cd466cca634ffa9f85' }, hAsync("ion-label", { key: '72572f777f72a3f15fc6f25a29c5dbacc4a42617', class: "ion-text-wrap" }, subHeader !== undefined && hAsync("h3", { key: '021b5b51cb3bac8ae8325e5f763db78a93833ad0' }, subHeader), message !== undefined && hAsync("p", { key: '684bb4655de6fdc2150c0a76f0ceeb14b7f4e55b' }, message)))), this.renderOptions(options))));
31893
31910
  }
31894
31911
  get el() { return getElement(this); }
31895
31912
  static get style() { return {
@@ -31942,11 +31959,11 @@ class SkeletonText {
31942
31959
  const animated = this.animated && config.getBoolean('animated', true);
31943
31960
  const inMedia = hostContext('ion-avatar', this.el) || hostContext('ion-thumbnail', this.el);
31944
31961
  const theme = getIonTheme(this);
31945
- return (hAsync(Host, { key: '4aaca37db97d932fcd589c69c6ebc2c9b164c0f4', class: {
31962
+ return (hAsync(Host, { key: '70efd9086ef58705a965a63aa3e5ac775757dc85', class: {
31946
31963
  [theme]: true,
31947
31964
  'skeleton-text-animated': animated,
31948
31965
  'in-media': inMedia,
31949
- } }, hAsync("span", { key: '900fc5602bc6668e0c48bb83e16d5db27eefa5e7' }, "\u00A0")));
31966
+ } }, hAsync("span", { key: '296246a88e33e0106045bec2f64738f48593ba12' }, "\u00A0")));
31950
31967
  }
31951
31968
  get el() { return getElement(this); }
31952
31969
  static get style() { return IonSkeletonTextStyle0; }
@@ -32023,7 +32040,7 @@ class Spinner {
32023
32040
  svgs.push(buildLine(spinner, duration, i, spinner.lines));
32024
32041
  }
32025
32042
  }
32026
- return (hAsync(Host, { key: 'c0957bd1327b21ccda55ab584ab36fbe9232b24a', class: createColorClasses$1(self.color, {
32043
+ return (hAsync(Host, { key: 'e6d6c81972147b610b468cfb8535d4c4acd0911c', class: createColorClasses$1(self.color, {
32027
32044
  [theme]: true,
32028
32045
  [`spinner-${spinnerName}`]: true,
32029
32046
  'spinner-paused': self.paused || config.getBoolean('_testing'),
@@ -32136,12 +32153,12 @@ class SplitPane {
32136
32153
  }
32137
32154
  render() {
32138
32155
  const theme = getIonTheme(this);
32139
- return (hAsync(Host, { key: '756f3dfdb316b009aae067242cc7238f8233a078', class: {
32156
+ return (hAsync(Host, { key: '2002430758c0d77fa67290d84c89a13e122cd56e', class: {
32140
32157
  [theme]: true,
32141
32158
  // Used internally for styling
32142
32159
  [`split-pane-${theme}`]: true,
32143
32160
  'split-pane-visible': this.visible,
32144
- } }, hAsync("slot", { key: '0d2703bee51619e96cf8c418ef3d063c7e647130' })));
32161
+ } }, hAsync("slot", { key: '311917f6487bc42695f983ff7024e2fbc5b85f57' })));
32145
32162
  }
32146
32163
  get el() { return getElement(this); }
32147
32164
  static get watchers() { return {
@@ -32215,10 +32232,10 @@ class Tab {
32215
32232
  }
32216
32233
  render() {
32217
32234
  const { tab, active, component } = this;
32218
- return (hAsync(Host, { key: '3add3b271d2125ca7400923076f4f5e970b8db96', role: "tabpanel", "aria-hidden": !active ? 'true' : null, "aria-labelledby": `tab-button-${tab}`, class: {
32235
+ return (hAsync(Host, { key: '94e7961359b6ee01e5be26be130505cc41fa62f3', role: "tabpanel", "aria-hidden": !active ? 'true' : null, "aria-labelledby": `tab-button-${tab}`, class: {
32219
32236
  'ion-page': component === undefined,
32220
32237
  'tab-hidden': !active,
32221
- } }, hAsync("slot", { key: '3834ce729bbf2df19e969fe6d3bdbdf138fb0574' })));
32238
+ } }, hAsync("slot", { key: '0b24cddb59292470bf6a631c8ee295267c8d68b2' })));
32222
32239
  }
32223
32240
  get el() { return getElement(this); }
32224
32241
  static get watchers() { return {
@@ -32315,13 +32332,13 @@ class TabBar {
32315
32332
  const theme = getIonTheme(this);
32316
32333
  const shape = this.getShape();
32317
32334
  const shouldHide = keyboardVisible && this.el.getAttribute('slot') !== 'top';
32318
- return (hAsync(Host, { key: '6b1ee77f9fb31b17a5a8071b791537328b194560', role: "tablist", "aria-hidden": shouldHide ? 'true' : null, class: createColorClasses$1(color, {
32335
+ return (hAsync(Host, { key: '1827087d4fa77507b61c87ce6dd12427cb7effd0', role: "tablist", "aria-hidden": shouldHide ? 'true' : null, class: createColorClasses$1(color, {
32319
32336
  [theme]: true,
32320
32337
  'tab-bar-translucent': translucent,
32321
32338
  'tab-bar-hidden': shouldHide,
32322
32339
  [`tab-bar-${expand}`]: true,
32323
32340
  [`tab-bar-${shape}`]: shape !== undefined,
32324
- }) }, hAsync("slot", { key: '34e19a80c798d71d9cdf2a716d8b51a186df1156' })));
32341
+ }) }, hAsync("slot", { key: '9834dc234608f09af892c2a92401f304167b9f83' })));
32325
32342
  }
32326
32343
  get el() { return getElement(this); }
32327
32344
  static get watchers() { return {
@@ -32440,7 +32457,7 @@ class TabButton {
32440
32457
  rel,
32441
32458
  target,
32442
32459
  };
32443
- return (hAsync(Host, { key: '7155ed5568512664dd96fbffd2e57bc8726d4fc5', onClick: this.onClick, onKeyup: this.onKeyUp, id: tab !== undefined ? `tab-button-${tab}` : null, class: {
32460
+ return (hAsync(Host, { key: '35c0d5aa92aef2f25833319f1b2ceabed06fad4f', onClick: this.onClick, onKeyup: this.onKeyUp, id: tab !== undefined ? `tab-button-${tab}` : null, class: {
32444
32461
  [theme]: true,
32445
32462
  'tab-selected': selected,
32446
32463
  'tab-disabled': disabled,
@@ -32453,7 +32470,7 @@ class TabButton {
32453
32470
  'ion-selectable': true,
32454
32471
  [`tab-button-shape-${shape}`]: shape !== undefined,
32455
32472
  'ion-focusable': true,
32456
- } }, hAsync("a", Object.assign({ key: 'a6d5c0fbd25f23dafed0188bbd4b2e60558ef335' }, attrs, { class: "button-native", part: "native", role: "tab", "aria-selected": selected ? 'true' : null, "aria-disabled": disabled ? 'true' : null, tabindex: disabled ? '-1' : undefined }, inheritedAttributes), hAsync("span", { key: 'f6e403bb504c1c41d9732458d4aa9570a2c4c975', class: "button-inner" }, hAsync("slot", { key: '39abd37903d21a3b2961b0a51fad187223e2e2d0' })), theme === 'md' && hAsync("ion-ripple-effect", { key: 'f4de2921e006772b94a6af16d9d00b2468ad89b4', type: "unbounded" }))));
32473
+ } }, hAsync("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), hAsync("span", { key: 'ab3044999782632130135f53fca46c39576583b4', class: "button-inner" }, hAsync("slot", { key: '6b9d8e397b9ffe1cd56b7f15de61cc2b77869eaf' })), theme === 'md' && hAsync("ion-ripple-effect", { key: 'ade73af4b03ddef4860cc719b4682c300c3eeb35', type: "unbounded" }))));
32457
32474
  }
32458
32475
  get el() { return getElement(this); }
32459
32476
  static get style() { return {
@@ -32634,7 +32651,7 @@ class Tabs {
32634
32651
  return Array.from(this.el.querySelectorAll('ion-tab'));
32635
32652
  }
32636
32653
  render() {
32637
- return (hAsync(Host, { key: 'bf570021b54ac4374c905c33a973e8db87a7a8f8', onIonTabButtonClick: this.onTabClicked }, hAsync("slot", { key: '29cb534dc9a3d078b5408e309e25445b006ea006', name: "top" }), hAsync("div", { key: '5cad30b86ef4cea05b05b47a01f3c6015c761528', class: "tabs-inner" }, hAsync("slot", { key: '5cb4f7df1e2a0b36110e59cdf6dbfa1e57eabf05' })), hAsync("slot", { key: 'f2a3e08c5cf777b854822c20e4d69698c4e6b155', name: "bottom" })));
32654
+ return (hAsync(Host, { key: '204d4689b8d91a46b53710974596f719ae040223', onIonTabButtonClick: this.onTabClicked }, hAsync("slot", { key: '31b73cfcffa41720f7746383b692f5b287aa2007', name: "top" }), hAsync("div", { key: 'fba78170055143a821676a463a623c0b174b4d5f', class: "tabs-inner" }, hAsync("slot", { key: '220ee76e56b5508eba63166412204a94fbbe6e7c' })), hAsync("slot", { key: 'b78f32dbf1a10d184fe0a186ebb8312e60cfc095', name: "bottom" })));
32638
32655
  }
32639
32656
  get el() { return getElement(this); }
32640
32657
  static get style() { return IonTabsStyle0; }
@@ -32677,9 +32694,9 @@ class Text {
32677
32694
  }
32678
32695
  render() {
32679
32696
  const theme = getIonTheme(this);
32680
- return (hAsync(Host, { key: '33b8665fc7c652516bdf17c45965e6ccebf71400', class: createColorClasses$1(this.color, {
32697
+ return (hAsync(Host, { key: '7bf3aa9197541d2da1d40a361bc1bd9206a5223e', class: createColorClasses$1(this.color, {
32681
32698
  [theme]: true,
32682
- }) }, hAsync("slot", { key: '92bdc51f21f1b952deb05a7a99bf534ceb02a848' })));
32699
+ }) }, hAsync("slot", { key: '5dc6e3ce051f0d26459847c2bc5895edf9d08ca9' })));
32683
32700
  }
32684
32701
  static get style() { return IonTextStyle0; }
32685
32702
  static get cmpMeta() { return {
@@ -33085,7 +33102,7 @@ class Textarea {
33085
33102
  * TODO(FW-5592): Remove hasStartEndSlots condition
33086
33103
  */
33087
33104
  const labelShouldFloat = labelPlacement === 'stacked' || (labelPlacement === 'floating' && (hasValue || hasFocus || hasStartEndSlots));
33088
- return (hAsync(Host, { key: 'bc1de868d3b58707859e453186cc9312dab38405', class: createColorClasses$1(this.color, {
33105
+ return (hAsync(Host, { key: '74941a2a6f6aae597cf17d7a043e7b6dba5324e8', class: createColorClasses$1(this.color, {
33089
33106
  [theme]: true,
33090
33107
  'has-value': hasValue,
33091
33108
  'has-focus': hasFocus,
@@ -33096,7 +33113,7 @@ class Textarea {
33096
33113
  [`textarea-label-placement-${labelPlacement}`]: true,
33097
33114
  'textarea-disabled': disabled,
33098
33115
  'textarea-readonly': readonly,
33099
- }) }, hAsync("label", { key: '4d82bc767dff5bd28efd2bb13dd5e65cc50ab410', class: "textarea-wrapper", htmlFor: inputId }, this.renderLabelContainer(), hAsync("div", { key: 'ebc6391ad58294b01fb5e6fd6d21496250bed484', class: "textarea-wrapper-inner" },
33116
+ }) }, hAsync("label", { key: '2a6736be472bbc5e6417aedb48eb989978769a25', class: "textarea-wrapper", htmlFor: inputId }, this.renderLabelContainer(), hAsync("div", { key: '670fdd27efcf2c2cf636efcf6e2273986f1e9acb', class: "textarea-wrapper-inner" },
33100
33117
  /**
33101
33118
  * For the ionic theme, we render the outline container here
33102
33119
  * instead of higher up, so it can be positioned relative to
@@ -33106,7 +33123,7 @@ class Textarea {
33106
33123
  * <label> element, ensuring that clicking the label text
33107
33124
  * focuses the textarea.
33108
33125
  */
33109
- theme === 'ionic' && fill === 'outline' && hAsync("div", { key: 'cfab00504ef4b268a8e3c446d00c8c06ddbc3699', class: "textarea-outline" }), hAsync("div", { key: '7387ddde6cb4316c4f34c642f0ddb6e8ad27c9ce', class: "start-slot-wrapper" }, hAsync("slot", { key: '0d4e4ff1f4957677538e0f5230146f5605592d4e', name: "start" })), hAsync("div", { key: '09e1ae9084976374347adddf7197f256b02ccd41', class: "native-wrapper", ref: (el) => (this.textareaWrapper = el) }, hAsync("textarea", Object.assign({ key: 'cd4afa93446db0761ee10acdc356c06c24f5699f', class: "native-textarea", ref: (el) => (this.nativeInput = el), id: inputId, disabled: disabled, autoCapitalize: this.autocapitalize, autoFocus: this.autofocus, enterKeyHint: this.enterkeyhint, inputMode: this.inputmode, minLength: this.minlength, maxLength: this.maxlength, name: this.name, placeholder: this.placeholder || '', readOnly: this.readonly, required: this.required, spellcheck: this.spellcheck, cols: this.cols, rows: this.rows, wrap: this.wrap, onInput: this.onInput, onChange: this.onChange, onBlur: this.onBlur, onFocus: this.onFocus, onKeyDown: this.onKeyDown, "aria-describedby": this.getHintTextID(), "aria-invalid": this.getHintTextID() === this.errorTextId }, this.inheritedAttributes), value)), hAsync("div", { key: '4eccbe7ee70c1ec967e3e64c19ffe796415f65a5', class: "end-slot-wrapper" }, hAsync("slot", { key: '4d6c3da0b28183d6398fab4afd29fff7ae7083b3', name: "end" }))), shouldRenderHighlight && hAsync("div", { key: '33267aa7e8388de28a33317ba1ac98929f32b48e', class: "textarea-highlight" })), this.renderBottomContent()));
33126
+ theme === 'ionic' && fill === 'outline' && hAsync("div", { key: 'b5fb2d6ebc0700890941ba59a96bcae8f491e9b5', class: "textarea-outline" }), hAsync("div", { key: '3a52feaf0d97a106abcdcf592c60c9da7cc59cd8', class: "start-slot-wrapper" }, hAsync("slot", { key: '8376c6c129ca13cd82f3b9afdfc4407b754ef2e2', name: "start" })), hAsync("div", { key: '3cfa0cb78a3912b8b5589579e70ac384acd0672a', class: "native-wrapper", ref: (el) => (this.textareaWrapper = el) }, hAsync("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)), hAsync("div", { key: 'a9132c9c5f06ddcb7a447bd8d46aa901ab56a88a', class: "end-slot-wrapper" }, hAsync("slot", { key: 'a9d2cfd6ce2fcf0e95f1ed94ee56addda55ad4ad', name: "end" }))), shouldRenderHighlight && hAsync("div", { key: '17f114125438e3a5c9d5b63e7bb3ad1b85dc7174', class: "textarea-highlight" })), this.renderBottomContent()));
33110
33127
  }
33111
33128
  get el() { return getElement(this); }
33112
33129
  static get watchers() { return {
@@ -33175,9 +33192,9 @@ class Thumbnail {
33175
33192
  }
33176
33193
  render() {
33177
33194
  const theme = getIonTheme(this);
33178
- return (hAsync(Host, { key: '705b88e466126122b291abe887b9f6d43f5cf449', class: {
33195
+ return (hAsync(Host, { key: 'd8834b52a3f938cbd2cd7196e0b0e057746e5a7e', class: {
33179
33196
  [theme]: true,
33180
- } }, hAsync("slot", { key: 'd450f8b0f6334f1e345bfd7ef1071a9ed5612532' })));
33197
+ } }, hAsync("slot", { key: 'c7be8264e5c9628d8be1ac202cac7f1ec8f0cb61' })));
33181
33198
  }
33182
33199
  static get style() { return IonThumbnailStyle0; }
33183
33200
  static get cmpMeta() { return {
@@ -34032,9 +34049,9 @@ class Toast {
34032
34049
  if (layout === 'stacked' && startButtons.length > 0 && endButtons.length > 0) {
34033
34050
  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);
34034
34051
  }
34035
- return (hAsync(Host, Object.assign({ key: '41e65d32ffecd6e9c573c3fdc5f074df44dcf99e', tabindex: "-1" }, this.htmlAttributes, { style: {
34052
+ return (hAsync(Host, Object.assign({ key: '789f33465c1381e378b97804abed62614b55bed0', tabindex: "-1" }, this.htmlAttributes, { style: {
34036
34053
  zIndex: `${60000 + this.overlayIndex}`,
34037
- }, class: createColorClasses$1(this.color, Object.assign(Object.assign({ [mode]: true, [theme]: true }, getClassMap(this.cssClass)), { 'overlay-hidden': true, 'toast-translucent': this.translucent, [`toast-shape-${shape}`]: shape !== undefined })), onIonToastWillDismiss: this.dispatchCancelHandler }), hAsync("div", { key: '0251b8fa67a943d713d67760aa9f0f0f5849cee4', class: wrapperClass }, hAsync("div", { key: '1f5a7f5d90d0bcbb85c06da291dab9b8123d79cd', class: "toast-container", part: "container" }, this.renderButtons(startButtons, 'start'), this.icon !== undefined && (hAsync("ion-icon", { key: 'e38b268414f1501ca3d649988480f70ee9a7b2ad', class: "toast-icon", part: "icon", icon: this.icon, lazy: false, "aria-hidden": "true" })), hAsync("div", { key: '39d78e2fc2b5524d6c83474f09bb3f1a7b311b96', 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')))));
34054
+ }, class: createColorClasses$1(this.color, Object.assign(Object.assign({ [mode]: true, [theme]: true }, getClassMap(this.cssClass)), { 'overlay-hidden': true, 'toast-translucent': this.translucent, [`toast-shape-${shape}`]: shape !== undefined })), onIonToastWillDismiss: this.dispatchCancelHandler }), hAsync("div", { key: '7cdde3cb05a75e23e1e0780fad7f4f5a43474456', class: wrapperClass }, hAsync("div", { key: '5534c44b9ac41c080eb27798ed8d2073a418ec7d', class: "toast-container", part: "container" }, this.renderButtons(startButtons, 'start'), this.icon !== undefined && (hAsync("ion-icon", { key: '66e7384e1d77bb260431675cd1abc4c815da6366', class: "toast-icon", part: "icon", icon: this.icon, lazy: false, "aria-hidden": "true" })), hAsync("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')))));
34038
34055
  }
34039
34056
  get el() { return getElement(this); }
34040
34057
  static get watchers() { return {
@@ -34312,7 +34329,7 @@ class Toggle {
34312
34329
  const rtl = isRTL$1(el) ? 'rtl' : 'ltr';
34313
34330
  const isIonicTheme = theme === 'ionic';
34314
34331
  renderHiddenInput(true, el, name, checked ? value : '', disabled);
34315
- return (hAsync(Host, { key: '7e592549c5463528c511bc70b967c28e1a75520a', onClick: this.onClick, class: createColorClasses$1(color, {
34332
+ return (hAsync(Host, { key: 'fb45e051527a0a0914d18659bc1aeab5e9a4c50e', onClick: this.onClick, class: createColorClasses$1(color, {
34316
34333
  [theme]: true,
34317
34334
  'in-item': hostContext('ion-item', el),
34318
34335
  'toggle-activated': activated,
@@ -34324,10 +34341,10 @@ class Toggle {
34324
34341
  [`toggle-${rtl}`]: true,
34325
34342
  'ion-activatable': isIonicTheme,
34326
34343
  'ion-focusable': isIonicTheme,
34327
- }) }, hAsync("label", { key: '9f7554aa70048dd6960bfdbd42060426e18b8751', class: "toggle-wrapper" }, hAsync("input", Object.assign({ key: '0dcd38fff3337316c1e77d00829361d01463c510', 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)), hAsync("div", { key: '62dada84ee40c03cdc035e18c2179b92c0081a74', class: {
34344
+ }) }, hAsync("label", { key: 'f353323a0ed20368339ef0fed50d63f3b859f1ac', class: "toggle-wrapper" }, hAsync("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)), hAsync("div", { key: 'b40a037e148ad25490d22c8b55120713e85253c9', class: {
34328
34345
  'label-text-wrapper': true,
34329
34346
  'label-text-wrapper-hidden': !this.hasLabel,
34330
- }, part: "label" }, hAsync("slot", { key: '017143a2fb3e293a6bb799042cb559494a6f2cd3' })), hAsync("div", { key: '50e743debdbf10dc173a83c92fec5f5348d962ee', class: "native-wrapper" }, this.renderToggleControl()))));
34347
+ }, part: "label" }, hAsync("slot", { key: '1eb06a2005f862ee50fe6f11e7e750eb9daeba7b' })), hAsync("div", { key: 'd2acbaff908b41301b37fbb1f99385a1c571cdf8', class: "native-wrapper" }, this.renderToggleControl()))));
34331
34348
  }
34332
34349
  get el() { return getElement(this); }
34333
34350
  static get watchers() { return {
@@ -34436,10 +34453,10 @@ class Toolbar {
34436
34453
  this.childrenStyles.forEach((value) => {
34437
34454
  Object.assign(childStyles, value);
34438
34455
  });
34439
- return (hAsync(Host, { key: '203fdc530d8380fb6253061fe0c1e68726e003df', class: Object.assign(Object.assign({}, childStyles), createColorClasses$1(this.color, {
34456
+ return (hAsync(Host, { key: '31d2cea6423110a58ed8ba749e422889c6f6d310', class: Object.assign(Object.assign({}, childStyles), createColorClasses$1(this.color, {
34440
34457
  [theme]: true,
34441
34458
  'in-toolbar': hostContext('ion-toolbar', this.el),
34442
- })) }, hAsync("div", { key: '255191cc4b48582cacea33c104bab2bf52ee1f95', class: "toolbar-background" }), hAsync("div", { key: '13c944dfcc9cf36ef0b4bbd4d00217fedc8d891b', class: "toolbar-container" }, hAsync("slot", { key: '9775c0465bc3189a6bbdceee23a5c041f1bcb0f0', name: "start" }), hAsync("slot", { key: '62eb5ab3d8eb4818f33a34b65306ae91971a3c57', name: "secondary" }), hAsync("div", { key: '0ecd457e707019b9ef7005ea90c0e34846e083de', class: "toolbar-content" }, hAsync("slot", { key: '67b951a124dbecc9ae3c55c8b39b7594b6227d5c' })), hAsync("slot", { key: 'd555df93cdc4a3a079b04b92c038026c89a0f936', name: "primary" }), hAsync("slot", { key: '2605081b3f2954fd32e16bc0e34b75ab383e1ca2', name: "end" }))));
34459
+ })) }, hAsync("div", { key: 'a3ecd195af52489725b7396c0aab32a9b4d4a49c', class: "toolbar-background" }), hAsync("div", { key: 'cfdc07edc4b002370df08ce4c913c3a52955252a', class: "toolbar-container" }, hAsync("slot", { key: 'b77feb227ab03d0fe095fdf620973e8502b486e6', name: "start" }), hAsync("slot", { key: '4284acf3c65df07e74908ee6620d5595255ac547', name: "secondary" }), hAsync("div", { key: '879fdaedc732cbf414d24f3ed3b0abcf4baaae71', class: "toolbar-content" }, hAsync("slot", { key: '975a411effa1492d6c4eb9302b3d8580bbce192d' })), hAsync("slot", { key: '5cfef86927c398b40710769bbdba9cf4c45100c5', name: "primary" }), hAsync("slot", { key: '416036fa2a84a8ef0cb6329d68da040c47bd2aea', name: "end" }))));
34443
34460
  }
34444
34461
  get el() { return getElement(this); }
34445
34462
  static get style() { return {
@@ -34497,11 +34514,11 @@ class ToolbarTitle {
34497
34514
  render() {
34498
34515
  const theme = getIonTheme(this);
34499
34516
  const size = this.getSize();
34500
- return (hAsync(Host, { key: '49b390d85e8d41fe5130042468d525da5f2f938f', class: createColorClasses$1(this.color, {
34517
+ return (hAsync(Host, { key: '4ea0b5b986ff55f4512840d8582c5d015032dccf', class: createColorClasses$1(this.color, {
34501
34518
  [theme]: true,
34502
34519
  [`title-${size}`]: true,
34503
34520
  'title-rtl': document.dir === 'rtl',
34504
- }) }, hAsync("div", { key: '29780dcfbc36e0728fdbd69f63189b5594418172', class: "toolbar-title" }, hAsync("slot", { key: 'fa9eba8afac77dd60c754677966fb234ce9e3e42' }))));
34521
+ }) }, hAsync("div", { key: '1c1afffd677120d63753f9500e117d77d7f65a8a', class: "toolbar-title" }, hAsync("slot", { key: '4c6329b996db30c09c93ac08506fc23377d0d77f' }))));
34505
34522
  }
34506
34523
  get el() { return getElement(this); }
34507
34524
  static get watchers() { return {
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@ionic/core",
3
- "version": "8.4.2-dev.11741080979.1715cc06",
3
+ "version": "8.4.2-dev.11741365851.1a97ead6",
4
4
  "description": "Base components for Ionic",
5
5
  "keywords": [
6
6
  "ionic",
@@ -1,4 +0,0 @@
1
- /*!
2
- * (C) Ionic http://ionicframework.com - MIT License
3
- */
4
- import{r as s,e,h as t,i as o,g as l}from"./p-83948e48.js";const n=class{constructor(t){s(this,t),this.ionSegmentViewScroll=e(this,"ionSegmentViewScroll",7),this.scrollEndTimeout=null,this.isTouching=!1,this.disabled=!1,this.isManualScroll=void 0}handleScroll(s){var e;const{scrollLeft:t,scrollWidth:o,clientWidth:l}=s.target;this.ionSegmentViewScroll.emit({scrollRatio:t/(o-l),isManualScroll:null===(e=this.isManualScroll)||void 0===e||e}),this.resetScrollEndTimeout()}handleScrollStart(){this.scrollEndTimeout&&(clearTimeout(this.scrollEndTimeout),this.scrollEndTimeout=null),this.isTouching=!0}handleTouchEnd(){this.isTouching=!1}resetScrollEndTimeout(){this.scrollEndTimeout&&(clearTimeout(this.scrollEndTimeout),this.scrollEndTimeout=null),this.scrollEndTimeout=setTimeout((()=>{this.checkForScrollEnd()}),100)}checkForScrollEnd(){this.isTouching||(this.isManualScroll=void 0)}async setContent(s,e=!0){const t=this.getSegmentContents().findIndex((e=>e.id===s));-1!==t&&(this.isManualScroll=!1,this.resetScrollEndTimeout(),this.el.scrollTo({top:0,left:t*this.el.offsetWidth,behavior:e?"smooth":"instant"}))}getSegmentContents(){return Array.from(this.el.querySelectorAll("ion-segment-content"))}render(){const{disabled:s,isManualScroll:e}=this;return t(o,{key:"a0b77ea1b2805b87da550d576aa9b0a36ada5d9f",class:{"segment-view-disabled":s,"segment-view-scroll-disabled":!1===e}},t("slot",{key:"0170106f9448d8d05d929ca0dc05add670db96b4"}))}get el(){return l(this)}};n.style={ionic:":host{display:-ms-flexbox;display:flex;height:100%;overflow-x:scroll;-webkit-scroll-snap-type:x mandatory;-ms-scroll-snap-type:x mandatory;scroll-snap-type:x mandatory;scrollbar-width:none;-ms-overflow-style:none}:host::-webkit-scrollbar{display:none}:host(.segment-view-disabled){-ms-touch-action:none;touch-action:none;overflow-x:hidden}:host(.segment-view-scroll-disabled){pointer-events:none}:host(.segment-view-disabled){opacity:0.3}",ios:":host{display:-ms-flexbox;display:flex;height:100%;overflow-x:scroll;-webkit-scroll-snap-type:x mandatory;-ms-scroll-snap-type:x mandatory;scroll-snap-type:x mandatory;scrollbar-width:none;-ms-overflow-style:none}:host::-webkit-scrollbar{display:none}:host(.segment-view-disabled){-ms-touch-action:none;touch-action:none;overflow-x:hidden}:host(.segment-view-scroll-disabled){pointer-events:none}:host(.segment-view-disabled){opacity:0.3}",md:":host{display:-ms-flexbox;display:flex;height:100%;overflow-x:scroll;-webkit-scroll-snap-type:x mandatory;-ms-scroll-snap-type:x mandatory;scroll-snap-type:x mandatory;scrollbar-width:none;-ms-overflow-style:none}:host::-webkit-scrollbar{display:none}:host(.segment-view-disabled){-ms-touch-action:none;touch-action:none;overflow-x:hidden}:host(.segment-view-scroll-disabled){pointer-events:none}:host(.segment-view-disabled){opacity:0.3}"};export{n as ion_segment_view}
@@ -1,4 +0,0 @@
1
- /*!
2
- * (C) Ionic http://ionicframework.com - MIT License
3
- */
4
- import{r as e,h as s,i as t}from"./p-83948e48.js";const c=class{constructor(s){e(this,s)}render(){return s(t,{key:"1f7f256fdeb7ec661c84f268b239ab21ef170629"},s("slot",{key:"c704cf3b4c13deeb612d8a8ffdccef65d62f0866"}))}};c.style=":host{scroll-snap-align:center;scroll-snap-stop:always;-ms-flex-negative:0;flex-shrink:0;width:100%}";export{c as ion_segment_content}
@@ -1,4 +0,0 @@
1
- /*!
2
- * (C) Ionic http://ionicframework.com - MIT License
3
- */
4
- import{r as a,e as r,j as o,h as i,i as e,g as n}from"./p-83948e48.js";import{x as c}from"./p-06ec4706.js";import{e as s,h as t,c as h,r as l}from"./p-59f088ef.js";import{i as b}from"./p-fb813dab.js";import{c as d}from"./p-47794def.js";import{b as p,d as u,s as g,e as m,a as f}from"./p-58f16ef6.js";import{c as v}from"./p-7071d7ca.js";import{c as x}from"./p-d91c085a.js";import"./p-583f0c5f.js";const w=class{constructor(o){a(this,o),this.ionInput=r(this,"ionInput",7),this.ionChange=r(this,"ionChange",7),this.ionCancel=r(this,"ionCancel",7),this.ionClear=r(this,"ionClear",7),this.ionBlur=r(this,"ionBlur",7),this.ionFocus=r(this,"ionFocus",7),this.ionStyle=r(this,"ionStyle",7),this.isCancelVisible=!1,this.shouldAlignLeft=!0,this.inputId="ion-searchbar-"+y++,this.inheritedAttributes={},this.onClearInput=async a=>(this.ionClear.emit(),new Promise((r=>{setTimeout((()=>{const o=this.getValue();""!==o&&(this.value="",this.emitInputChange(),a&&!this.focused&&(this.setFocus(),this.focusedValue=o)),r()}),64)}))),this.onCancelSearchbar=async a=>{a&&(a.preventDefault(),a.stopPropagation()),this.ionCancel.emit();const r=this.getValue(),o=this.focused;await this.onClearInput(),r&&!o&&this.emitValueChange(a),this.nativeInput&&this.nativeInput.blur()},this.onInput=a=>{const r=a.target;r&&(this.value=r.value),this.emitInputChange(a)},this.onChange=a=>{this.emitValueChange(a)},this.onBlur=a=>{this.focused=!1,this.ionBlur.emit(),this.positionElements(),this.focusedValue!==this.value&&this.emitValueChange(a),this.focusedValue=void 0},this.onFocus=()=>{this.focused=!0,this.focusedValue=this.value,this.ionFocus.emit(),this.positionElements()},this.focused=!1,this.noAnimate=!0,this.color=void 0,this.animated=!1,this.autocapitalize="off",this.autocomplete="off",this.autocorrect="off",this.cancelButtonIcon=void 0,this.cancelButtonText="Cancel",this.clearIcon=void 0,this.debounce=void 0,this.disabled=!1,this.inputmode=void 0,this.enterkeyhint=void 0,this.maxlength=void 0,this.minlength=void 0,this.name=this.inputId,this.placeholder="Search",this.searchIcon=void 0,this.showCancelButton="never",this.showClearButton="always",this.spellcheck=!1,this.type="search",this.value="",this.shape=void 0}onLangChanged(a){this.inheritedAttributes=Object.assign(Object.assign({},this.inheritedAttributes),{lang:a}),o(this)}onDirChanged(a){this.inheritedAttributes=Object.assign(Object.assign({},this.inheritedAttributes),{dir:a}),o(this)}debounceChanged(){const{ionInput:a,debounce:r,originalIonInput:o}=this;this.ionInput=void 0===r?null!=o?o:a:s(a,r)}valueChanged(){const a=this.nativeInput,r=this.getValue();a&&a.value!==r&&(a.value=r)}showCancelButtonChanged(){requestAnimationFrame((()=>{this.positionElements(),o(this)}))}connectedCallback(){this.emitStyle()}componentWillLoad(){this.inheritedAttributes=Object.assign({},t(this.el,["lang","dir"]))}componentDidLoad(){this.originalIonInput=this.ionInput,this.positionElements(),this.debounceChanged(),setTimeout((()=>{this.noAnimate=!1}),300)}emitStyle(){this.ionStyle.emit({searchbar:!0})}async setFocus(){this.nativeInput&&this.nativeInput.focus()}async getInputElement(){return this.nativeInput||await new Promise((a=>h(this.el,a))),Promise.resolve(this.nativeInput)}emitValueChange(a){const{value:r}=this,o=null==r?r:r.toString();this.focusedValue=o,this.ionChange.emit({value:o,event:a})}emitInputChange(a){const{value:r}=this;this.ionInput.emit({value:r,event:a})}positionElements(){const a=this.getValue(),r=this.shouldAlignLeft,o=x(this),i=!this.animated||""!==a.trim()||!!this.focused;this.shouldAlignLeft=i,"ios"===o&&(r!==i&&this.positionPlaceholder(),this.animated&&this.positionCancelButton())}positionPlaceholder(){const a=this.nativeInput;if(!a)return;const r=b(this.el),o=(this.el.shadowRoot||this.el).querySelector(".searchbar-search-icon");if(this.shouldAlignLeft)a.removeAttribute("style"),o.removeAttribute("style");else{const i=document,e=i.createElement("span");e.innerText=this.placeholder||"",i.body.appendChild(e),l((()=>{const i=e.offsetWidth;e.remove();const n="calc(50% - "+i/2+"px)",c="calc(50% - "+(i/2+o.clientWidth+8)+"px)";r?(a.style.paddingRight=n,o.style.marginRight=c):(a.style.paddingLeft=n,o.style.marginLeft=c)}))}}positionCancelButton(){const a=b(this.el),r=(this.el.shadowRoot||this.el).querySelector(".searchbar-cancel-button"),o=this.shouldShowCancelButton();if(null!==r&&o!==this.isCancelVisible){const i=r.style;if(this.isCancelVisible=o,o)a?i.marginLeft="0":i.marginRight="0";else{const o=r.offsetWidth;o>0&&(a?i.marginLeft=-o+"px":i.marginRight=-o+"px")}}}getValue(){return this.value||""}hasValue(){return""!==this.getValue()}shouldShowCancelButton(){return!("never"===this.showCancelButton||"focus"===this.showCancelButton&&!this.focused)}shouldShowClearButton(){return!("never"===this.showClearButton||"focus"===this.showClearButton&&!this.focused)}getShape(){const a=x(this),{shape:r}=this;if("ionic"===a)return void 0===r?"round":r}get searchbarClearIcon(){if(null!=this.clearIcon)return this.clearIcon;const a=x(this),r={ios:p,ionic:c,md:u};return v.get("searchbarClearIcon",r[a]||r.md)}get searchbarSearchIcon(){if(null!=this.searchIcon)return this.searchIcon;const a=x(this),r={ios:g,ionic:"data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyNTYgMjU2IiBmaWxsPSJjdXJyZW50Q29sb3IiPjxwYXRoIGQ9Ik0yMjkuNjYsMjE4LjM0bC01MC4wNy01MC4wNmE4OC4xMSw4OC4xMSwwLDEsMC0xMS4zMSwxMS4zMWw1MC4wNiw1MC4wN2E4LDgsMCwwLDAsMTEuMzItMTEuMzJaTTQwLDExMmE3Miw3MiwwLDEsMSw3Miw3MkE3Mi4wOCw3Mi4wOCwwLDAsMSw0MCwxMTJaIi8+PC9zdmc+",md:m};return v.get("searchbarSearchIcon",r[a]||r.md)}get searchbarCancelIcon(){if(null!=this.cancelButtonIcon)return this.cancelButtonIcon;const a=x(this),r={ios:f,ionic:"data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyNTYgMjU2IiBmaWxsPSJjdXJyZW50Q29sb3IiPjxwYXRoIGQ9Ik0yMjQsMTI4YTgsOCwwLDAsMS04LDhINTkuMzFsNTguMzUsNTguMzRhOCw4LDAsMCwxLTExLjMyLDExLjMybC03Mi03MmE4LDgsMCwwLDEsMC0xMS4zMmw3Mi03MmE4LDgsMCwwLDEsMTEuMzIsMTEuMzJMNTkuMzEsMTIwSDIxNkE4LDgsMCwwLDEsMjI0LDEyOFoiLz48L3N2Zz4=",md:f};return v.get("searchbarCancelIcon",v.get("backButtonIcon",r[a]||r.md))}render(){const{cancelButtonText:a,autocapitalize:r,searchbarCancelIcon:o,searchbarClearIcon:n,searchbarSearchIcon:c}=this,s=this.animated&&v.getBoolean("animated",!0),t=x(this),h=this.shouldShowCancelButton(),l=this.getShape(),b="never"!==this.showCancelButton&&i("button",{key:"d7382dd39f5699330fa1c981cd252a903029d1b5","aria-label":a,"aria-hidden":h?void 0:"true",type:"button",tabIndex:"ios"!==t||h?void 0:-1,onMouseDown:this.onCancelSearchbar,onTouchStart:this.onCancelSearchbar,class:"searchbar-cancel-button"},i("div",{key:"3b3c4a16c23d7406be4eda6076deca41e79e196d","aria-hidden":"true"},"md"===t||"ionic"===t?i("ion-icon",{"aria-hidden":"true",icon:o,lazy:!1}):a));return i(e,{key:"4890a1478e7e1ff0a85d5e6ca2214c50aee96777",role:"search","aria-disabled":this.disabled?"true":null,class:d(this.color,{[t]:!0,"searchbar-animated":s,"searchbar-disabled":this.disabled,"searchbar-no-animate":s&&this.noAnimate,"searchbar-has-value":this.hasValue(),"searchbar-left-aligned":this.shouldAlignLeft,"searchbar-has-focus":this.focused,"searchbar-should-show-clear":this.shouldShowClearButton(),"searchbar-should-show-cancel":this.shouldShowCancelButton(),[`searchbar-shape-${l}`]:void 0!==l})},i("div",{key:"e2b95c0f77605f8d1e9b3f8b971d07fba72cb794",class:"searchbar-input-container"},i("input",Object.assign({key:"6dd8ff97d0ef85190addbd20a1093d22fecf9a80","aria-label":"search text",disabled:this.disabled,ref:a=>this.nativeInput=a,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:"default"===r?void 0:r,autoComplete:this.autocomplete,autoCorrect:this.autocorrect,spellcheck:this.spellcheck},this.inheritedAttributes)),("md"===t||"ionic"===t)&&b,i("ion-icon",{key:"626aefedcd35c36bd9a697b5f5bdbaec4f0142eb","aria-hidden":"true",icon:c,lazy:!1,class:"searchbar-search-icon"}),i("button",{key:"9996031c9eeba745d37b6600b6594f69c4808842","aria-label":"reset",type:"button","no-blur":!0,class:"searchbar-clear-button",onPointerDown:a=>{a.preventDefault()},onClick:()=>this.onClearInput(!0)},i("ion-icon",{key:"403a5866e82ca6be91101a1719c3ad2f273a652f","aria-hidden":"true",icon:n,lazy:!1,class:"searchbar-clear-icon"}))),"ios"===t&&b)}get el(){return n(this)}static get watchers(){return{lang:["onLangChanged"],dir:["onDirChanged"],debounce:["debounceChanged"],value:["valueChanged"],showCancelButton:["showCancelButtonChanged"]}}};let y=0;w.style={ionic:".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);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{top:var(--ion-scale-400, 16px);width:var(--ion-scale-400, 16px);height:var(--ion-scale-400, 16px)}.searchbar-search-icon.sc-ion-searchbar-ionic{inset-inline-start:var(--ion-scale-400, 16px)}.searchbar-input.sc-ion-searchbar-ionic{-webkit-padding-start:calc(var(--ion-space-400, 16px) + var(--ion-scale-400, 16px) + var(--ion-space-200, 8px));padding-inline-start:calc(var(--ion-space-400, 16px) + var(--ion-scale-400, 16px) + var(--ion-space-200, 8px));-webkit-padding-end:calc(var(--ion-space-400, 16px) + var(--ion-scale-400, 16px) + var(--ion-space-200, 8px));padding-inline-end:calc(var(--ion-space-400, 16px) + var(--ion-scale-400, 16px) + var(--ion-space-200, 8px));padding-top:var(--ion-space-300, 12px);padding-bottom:var(--ion-space-300, 12px);min-height:var(--ion-scale-1200, 48px);contain:strict}.searchbar-clear-button.sc-ion-searchbar-ionic{top:var(--ion-scale-400, 16px);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-clear-button.sc-ion-searchbar-ionic{inset-inline-end:var(--ion-scale-400, 16px)}.searchbar-cancel-button.sc-ion-searchbar-ionic{top:0;background-color:transparent;font-size:var(--ion-font-size-400, 1rem)}.searchbar-cancel-button.sc-ion-searchbar-ionic{inset-inline-start:9px}.searchbar-search-icon.sc-ion-searchbar-ionic,.searchbar-clear-button.sc-ion-searchbar-ionic,.searchbar-cancel-button.sc-ion-searchbar-ionic{position:absolute}.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}ion-toolbar.sc-ion-searchbar-ionic-h,ion-toolbar .sc-ion-searchbar-ionic-h{min-height:var(--ion-scale-1200, 48px)}.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)}",ios:".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}",md:".sc-ion-searchbar-md-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-md{color:var(--icon-color);pointer-events:none}.searchbar-input-container.sc-ion-searchbar-md{display:block;position:relative;-ms-flex-negative:1;flex-shrink:1;width:100%}.searchbar-input.sc-ion-searchbar-md{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-md::-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-md::-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-md:-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-md::-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-md::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-md::-webkit-search-cancel-button,.searchbar-input.sc-ion-searchbar-md::-ms-clear{display:none}.searchbar-cancel-button.sc-ion-searchbar-md{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-md>div.sc-ion-searchbar-md{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-md{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-md:focus{opacity:0.5}.searchbar-has-value.searchbar-should-show-clear.sc-ion-searchbar-md-h .searchbar-clear-button.sc-ion-searchbar-md{display:block}.sc-ion-searchbar-md-h{--placeholder-opacity:var(--ion-placeholder-opacity, 0.6);font-family:var(--ion-font-family, inherit)}.ion-color.sc-ion-searchbar-md-h{color:var(--ion-color-contrast)}.ion-color.sc-ion-searchbar-md-h .searchbar-input.sc-ion-searchbar-md{background:var(--ion-color-base)}.ion-color.sc-ion-searchbar-md-h .searchbar-clear-button.sc-ion-searchbar-md,.ion-color.sc-ion-searchbar-md-h .searchbar-cancel-button.sc-ion-searchbar-md,.ion-color.sc-ion-searchbar-md-h .searchbar-search-icon.sc-ion-searchbar-md{color:inherit}.searchbar-disabled.sc-ion-searchbar-md-h{cursor:default;opacity:0.4;pointer-events:none}.sc-ion-searchbar-md-h{--background:var(--ion-background-color, #fff);--border-radius:2px;--box-shadow:0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 1px 5px 0 rgba(0, 0, 0, 0.12);--cancel-button-color:var(--ion-color-step-900, var(--ion-text-color-step-100, #1a1a1a));--clear-button-color:initial;--color:var(--ion-color-step-850, var(--ion-text-color-step-150, #262626));--icon-color:var(--ion-color-step-600, var(--ion-text-color-step-400, #666666));-webkit-padding-start:8px;padding-inline-start:8px;-webkit-padding-end:8px;padding-inline-end:8px;padding-top:8px;padding-bottom:8px;background:inherit}.searchbar-search-icon.sc-ion-searchbar-md{top:11px;width:1.3125rem;height:1.3125rem}.searchbar-search-icon.sc-ion-searchbar-md{inset-inline-start:16px}.searchbar-cancel-button.sc-ion-searchbar-md{top:0;background-color:transparent;font-size:1.5em}.searchbar-cancel-button.sc-ion-searchbar-md{inset-inline-start:9px}.searchbar-search-icon.sc-ion-searchbar-md,.searchbar-cancel-button.sc-ion-searchbar-md{position:absolute}.searchbar-search-icon.ion-activated.sc-ion-searchbar-md,.searchbar-cancel-button.ion-activated.sc-ion-searchbar-md{background-color:transparent}.searchbar-input.sc-ion-searchbar-md{-webkit-padding-start:3.4375rem;padding-inline-start:3.4375rem;-webkit-padding-end:3.4375rem;padding-inline-end:3.4375rem;padding-top:0.375rem;padding-bottom:0.375rem;background-position:left 8px center;height:auto;font-size:1rem;font-weight:400;line-height:30px}[dir=rtl].sc-ion-searchbar-md-h .searchbar-input.sc-ion-searchbar-md,[dir=rtl] .sc-ion-searchbar-md-h .searchbar-input.sc-ion-searchbar-md{background-position:right 8px center}[dir=rtl].sc-ion-searchbar-md .searchbar-input.sc-ion-searchbar-md{background-position:right 8px center}@supports selector(:dir(rtl)){.searchbar-input.sc-ion-searchbar-md:dir(rtl){background-position:right 8px center}}.searchbar-clear-button.sc-ion-searchbar-md{top:0;padding-left:0;padding-right:0;padding-top:0;padding-bottom:0;position:absolute;height:100%;border:0;background-color:transparent}.searchbar-clear-button.sc-ion-searchbar-md{inset-inline-end:13px}.searchbar-clear-button.ion-activated.sc-ion-searchbar-md{background-color:transparent}.searchbar-clear-icon.sc-ion-searchbar-md{width:1.375rem;height:100%}.searchbar-has-focus.sc-ion-searchbar-md-h .searchbar-search-icon.sc-ion-searchbar-md{display:block}.searchbar-has-focus.sc-ion-searchbar-md-h .searchbar-cancel-button.sc-ion-searchbar-md,.searchbar-should-show-cancel.sc-ion-searchbar-md-h .searchbar-cancel-button.sc-ion-searchbar-md{display:block}.searchbar-has-focus.sc-ion-searchbar-md-h .searchbar-cancel-button.sc-ion-searchbar-md+.searchbar-search-icon.sc-ion-searchbar-md,.searchbar-should-show-cancel.sc-ion-searchbar-md-h .searchbar-cancel-button.sc-ion-searchbar-md+.searchbar-search-icon.sc-ion-searchbar-md{display:none}ion-toolbar.sc-ion-searchbar-md-h,ion-toolbar .sc-ion-searchbar-md-h{-webkit-padding-start:7px;padding-inline-start:7px;-webkit-padding-end:7px;padding-inline-end:7px;padding-top:3px;padding-bottom:3px}"};export{w as ion_searchbar}