@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.
- package/components/ion-searchbar.js +22 -5
- package/components/ion-segment-button.js +2 -2
- package/components/ion-segment-content.js +1 -1
- package/components/ion-segment-view.js +2 -2
- package/components/ion-segment.js +2 -2
- package/components/ion-select-option.js +1 -1
- package/components/ion-select.js +3 -3
- package/components/ion-skeleton-text.js +2 -2
- package/components/ion-split-pane.js +2 -2
- package/components/ion-tab-bar.js +2 -2
- package/components/ion-tab-button.js +2 -2
- package/components/ion-tab.js +2 -2
- package/components/ion-tabs.js +1 -1
- package/components/ion-text.js +2 -2
- package/components/ion-textarea.js +3 -3
- package/components/ion-thumbnail.js +2 -2
- package/components/ion-toast.js +2 -2
- package/components/ion-toggle.js +3 -3
- package/components/select-modal.js +1 -1
- package/components/select-popover.js +2 -2
- package/components/spinner.js +1 -1
- package/components/title.js +2 -2
- package/components/toolbar.js +2 -2
- package/dist/cjs/ion-app_8.cjs.entry.js +4 -4
- package/dist/cjs/ion-avatar_3.cjs.entry.js +2 -2
- package/dist/cjs/ion-item_8.cjs.entry.js +2 -2
- package/dist/cjs/ion-searchbar.cjs.entry.js +21 -5
- package/dist/cjs/ion-segment-content.cjs.entry.js +1 -1
- package/dist/cjs/ion-segment-view.cjs.entry.js +2 -2
- package/dist/cjs/ion-segment_2.cjs.entry.js +4 -4
- package/dist/cjs/ion-select-modal.cjs.entry.js +1 -1
- package/dist/cjs/ion-select_3.cjs.entry.js +6 -6
- package/dist/cjs/ion-spinner.cjs.entry.js +1 -1
- package/dist/cjs/ion-split-pane.cjs.entry.js +2 -2
- package/dist/cjs/ion-tab-bar_2.cjs.entry.js +4 -4
- package/dist/cjs/ion-tab_2.cjs.entry.js +3 -3
- package/dist/cjs/ion-text.cjs.entry.js +2 -2
- package/dist/cjs/ion-textarea.cjs.entry.js +3 -3
- package/dist/cjs/ion-toast.cjs.entry.js +2 -2
- package/dist/cjs/ion-toggle.cjs.entry.js +3 -3
- package/dist/cjs/ionic.cjs.js +1 -1
- package/dist/cjs/loader.cjs.js +1 -1
- package/dist/collection/components/searchbar/searchbar.ionic.css +140 -36
- package/dist/collection/components/searchbar/searchbar.js +38 -5
- package/dist/collection/components/segment/segment.js +2 -2
- package/dist/collection/components/segment-button/segment-button.js +2 -2
- package/dist/collection/components/segment-content/segment-content.js +1 -1
- package/dist/collection/components/segment-view/segment-view.js +2 -2
- package/dist/collection/components/select/select.js +3 -3
- package/dist/collection/components/select-modal/select-modal.js +1 -1
- package/dist/collection/components/select-option/select-option.js +1 -1
- package/dist/collection/components/select-popover/select-popover.js +2 -2
- package/dist/collection/components/skeleton-text/skeleton-text.js +2 -2
- package/dist/collection/components/spinner/spinner.js +1 -1
- package/dist/collection/components/split-pane/split-pane.js +2 -2
- package/dist/collection/components/tab/tab.js +2 -2
- package/dist/collection/components/tab-bar/tab-bar.js +2 -2
- package/dist/collection/components/tab-button/tab-button.js +2 -2
- package/dist/collection/components/tabs/tabs.js +1 -1
- package/dist/collection/components/text/text.js +2 -2
- package/dist/collection/components/textarea/textarea.js +3 -3
- package/dist/collection/components/thumbnail/thumbnail.js +2 -2
- package/dist/collection/components/title/title.js +2 -2
- package/dist/collection/components/toast/toast.js +2 -2
- package/dist/collection/components/toggle/toggle.js +3 -3
- package/dist/collection/components/toolbar/toolbar.js +2 -2
- package/dist/docs.json +35 -2
- package/dist/esm/ion-app_8.entry.js +4 -4
- package/dist/esm/ion-avatar_3.entry.js +2 -2
- package/dist/esm/ion-item_8.entry.js +2 -2
- package/dist/esm/ion-searchbar.entry.js +21 -5
- package/dist/esm/ion-segment-content.entry.js +1 -1
- package/dist/esm/ion-segment-view.entry.js +2 -2
- package/dist/esm/ion-segment_2.entry.js +4 -4
- package/dist/esm/ion-select-modal.entry.js +1 -1
- package/dist/esm/ion-select_3.entry.js +6 -6
- package/dist/esm/ion-spinner.entry.js +1 -1
- package/dist/esm/ion-split-pane.entry.js +2 -2
- package/dist/esm/ion-tab-bar_2.entry.js +4 -4
- package/dist/esm/ion-tab_2.entry.js +3 -3
- package/dist/esm/ion-text.entry.js +2 -2
- package/dist/esm/ion-textarea.entry.js +3 -3
- package/dist/esm/ion-toast.entry.js +2 -2
- package/dist/esm/ion-toggle.entry.js +3 -3
- package/dist/esm/ionic.js +1 -1
- package/dist/esm/loader.js +1 -1
- package/dist/esm-es5/ion-app_8.entry.js +1 -1
- package/dist/esm-es5/ion-avatar_3.entry.js +1 -1
- package/dist/esm-es5/ion-item_8.entry.js +1 -1
- package/dist/esm-es5/ion-searchbar.entry.js +1 -1
- package/dist/esm-es5/ion-segment-content.entry.js +1 -1
- package/dist/esm-es5/ion-segment-view.entry.js +1 -1
- package/dist/esm-es5/ion-segment_2.entry.js +1 -1
- package/dist/esm-es5/ion-select-modal.entry.js +1 -1
- package/dist/esm-es5/ion-select_3.entry.js +1 -1
- package/dist/esm-es5/ion-spinner.entry.js +1 -1
- package/dist/esm-es5/ion-split-pane.entry.js +1 -1
- package/dist/esm-es5/ion-tab-bar_2.entry.js +1 -1
- package/dist/esm-es5/ion-tab_2.entry.js +1 -1
- package/dist/esm-es5/ion-text.entry.js +1 -1
- package/dist/esm-es5/ion-textarea.entry.js +1 -1
- package/dist/esm-es5/ion-toast.entry.js +1 -1
- package/dist/esm-es5/ion-toggle.entry.js +1 -1
- package/dist/esm-es5/ionic.js +1 -1
- package/dist/esm-es5/loader.js +1 -1
- package/dist/html.html-data.json +16 -1
- package/dist/ionic/ionic.esm.js +1 -1
- package/dist/ionic/{p-ac558084.entry.js → p-20fb0bb4.entry.js} +1 -1
- package/dist/ionic/{p-da89b9bd.system.entry.js → p-21d62720.system.entry.js} +2 -2
- package/dist/ionic/{p-d854fb32.entry.js → p-25fcbafe.entry.js} +1 -1
- package/dist/ionic/{p-d7e43c62.system.entry.js → p-2730ecee.system.entry.js} +1 -1
- package/dist/ionic/p-2f57cb40.entry.js +4 -0
- package/dist/ionic/p-341a80ea.entry.js +4 -0
- package/dist/ionic/{p-4b4e4592.system.entry.js → p-345ed859.system.entry.js} +1 -1
- package/dist/ionic/{p-8a8e843c.system.entry.js → p-497b67a3.system.entry.js} +1 -1
- package/dist/ionic/{p-03df1462.entry.js → p-4b769e3f.entry.js} +1 -1
- package/dist/ionic/{p-7cfe6f4a.entry.js → p-531c3061.entry.js} +1 -1
- package/dist/ionic/{p-9cd19610.system.entry.js → p-633b126a.system.entry.js} +1 -1
- package/dist/ionic/{p-af69da90.entry.js → p-656490af.entry.js} +1 -1
- package/dist/ionic/{p-297fcc18.system.entry.js → p-6fe386d5.system.entry.js} +1 -1
- package/dist/ionic/{p-402ffd31.entry.js → p-8cdc3684.entry.js} +1 -1
- package/dist/ionic/{p-fa5dc348.entry.js → p-91f6fc46.entry.js} +1 -1
- package/dist/ionic/{p-a78181cc.system.entry.js → p-975dcbcb.system.entry.js} +1 -1
- package/dist/ionic/{p-fac055ef.entry.js → p-98f32971.entry.js} +1 -1
- package/dist/ionic/p-9f9a666d.system.js +1 -1
- package/dist/ionic/{p-886ff0f8.system.entry.js → p-a269abe3.system.entry.js} +2 -2
- package/dist/ionic/{p-97cc477f.system.entry.js → p-a27eaf15.system.entry.js} +1 -1
- package/dist/ionic/{p-a685da08.system.entry.js → p-a763eb06.system.entry.js} +2 -2
- package/dist/ionic/{p-5345fc46.entry.js → p-aae0f146.entry.js} +1 -1
- package/dist/ionic/{p-71523065.entry.js → p-aff567d6.entry.js} +1 -1
- package/dist/ionic/{p-695c2cbd.entry.js → p-bc3538f6.entry.js} +1 -1
- package/dist/ionic/{p-05b69c23.system.entry.js → p-bf037413.system.entry.js} +1 -1
- package/dist/ionic/p-c5692272.system.entry.js +4 -0
- package/dist/ionic/{p-af321c18.entry.js → p-ccae763c.entry.js} +1 -1
- package/dist/ionic/p-d7cbcadc.entry.js +4 -0
- package/dist/ionic/{p-49f0023f.entry.js → p-e4444d68.entry.js} +1 -1
- package/dist/ionic/{p-0390f622.system.entry.js → p-e49e5407.system.entry.js} +1 -1
- package/dist/ionic/{p-c48a6425.system.entry.js → p-e6e2ea96.system.entry.js} +1 -1
- package/dist/ionic/{p-d683e61f.system.entry.js → p-f536433d.system.entry.js} +1 -1
- package/dist/ionic/{p-fa5a0d2e.system.entry.js → p-f6b4018a.system.entry.js} +1 -1
- package/dist/ionic/{p-c7aa652c.entry.js → p-f7d26ada.entry.js} +1 -1
- package/dist/ionic/{p-f2f33ab4.system.entry.js → p-f8522131.system.entry.js} +1 -1
- package/dist/types/components/searchbar/searchbar.d.ts +9 -0
- package/dist/types/components.d.ts +10 -2
- package/hydrate/index.js +64 -47
- package/hydrate/index.mjs +64 -47
- package/package.json +1 -1
- package/dist/ionic/p-27258d5a.entry.js +0 -4
- package/dist/ionic/p-3608e72b.entry.js +0 -4
- package/dist/ionic/p-42f8e688.entry.js +0 -4
- package/dist/ionic/p-d49da56a.system.entry.js +0 -4
package/hydrate/index.js
CHANGED
|
@@ -29399,7 +29399,7 @@ const arrowLeftSvg = 'data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53
|
|
|
29399
29399
|
|
|
29400
29400
|
const magnifyingGlassSvg = 'data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyNTYgMjU2IiBmaWxsPSJjdXJyZW50Q29sb3IiPjxwYXRoIGQ9Ik0yMjkuNjYsMjE4LjM0bC01MC4wNy01MC4wNmE4OC4xMSw4OC4xMSwwLDEsMC0xMS4zMSwxMS4zMWw1MC4wNiw1MC4wN2E4LDgsMCwwLDAsMTEuMzItMTEuMzJaTTQwLDExMmE3Miw3MiwwLDEsMSw3Miw3MkE3Mi4wOCw3Mi4wOCwwLDAsMSw0MCwxMTJaIi8+PC9zdmc+';
|
|
29401
29401
|
|
|
29402
|
-
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)}";
|
|
29402
|
+
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)}";
|
|
29403
29403
|
var IonSearchbarIonicStyle0 = searchbarIonicCss;
|
|
29404
29404
|
|
|
29405
29405
|
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}";
|
|
@@ -29547,6 +29547,7 @@ class Searchbar {
|
|
|
29547
29547
|
this.type = 'search';
|
|
29548
29548
|
this.value = '';
|
|
29549
29549
|
this.shape = undefined;
|
|
29550
|
+
this.size = undefined;
|
|
29550
29551
|
}
|
|
29551
29552
|
/**
|
|
29552
29553
|
* lang and dir are globally enumerated attributes.
|
|
@@ -29790,6 +29791,18 @@ class Searchbar {
|
|
|
29790
29791
|
}
|
|
29791
29792
|
return shape;
|
|
29792
29793
|
}
|
|
29794
|
+
getSize() {
|
|
29795
|
+
const theme = getIonTheme(this);
|
|
29796
|
+
const { size } = this;
|
|
29797
|
+
// TODO(ROU-11678): Remove theme check when sizes are defined for all themes.
|
|
29798
|
+
if (theme !== 'ionic') {
|
|
29799
|
+
return undefined;
|
|
29800
|
+
}
|
|
29801
|
+
if (size === undefined) {
|
|
29802
|
+
return 'medium';
|
|
29803
|
+
}
|
|
29804
|
+
return size;
|
|
29805
|
+
}
|
|
29793
29806
|
/**
|
|
29794
29807
|
* Get the icon to use for the clear icon.
|
|
29795
29808
|
* If an icon is set on the component, use that.
|
|
@@ -29865,8 +29878,9 @@ class Searchbar {
|
|
|
29865
29878
|
const theme = getIonTheme(this);
|
|
29866
29879
|
const shouldShowCancelButton = this.shouldShowCancelButton();
|
|
29867
29880
|
const shape = this.getShape();
|
|
29868
|
-
const
|
|
29869
|
-
|
|
29881
|
+
const size = this.getSize();
|
|
29882
|
+
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))));
|
|
29883
|
+
return (hAsync(Host, { key: 'a207e57178bdd970248428d66f54de17f4106b55', role: "search", "aria-disabled": this.disabled ? 'true' : null, class: createColorClasses$1(this.color, {
|
|
29870
29884
|
[theme]: true,
|
|
29871
29885
|
'searchbar-animated': animated,
|
|
29872
29886
|
'searchbar-disabled': this.disabled,
|
|
@@ -29874,17 +29888,19 @@ class Searchbar {
|
|
|
29874
29888
|
'searchbar-has-value': this.hasValue(),
|
|
29875
29889
|
'searchbar-left-aligned': this.shouldAlignLeft,
|
|
29876
29890
|
'searchbar-has-focus': this.focused,
|
|
29891
|
+
'searchbar-has-leading-icons': theme === 'ionic' && (this.searchIcon !== undefined || this.showCancelButton !== 'never'),
|
|
29877
29892
|
'searchbar-should-show-clear': this.shouldShowClearButton(),
|
|
29878
29893
|
'searchbar-should-show-cancel': this.shouldShowCancelButton(),
|
|
29879
29894
|
[`searchbar-shape-${shape}`]: shape !== undefined,
|
|
29880
|
-
|
|
29895
|
+
[`searchbar-size-${size}`]: size !== undefined,
|
|
29896
|
+
}) }, 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) => {
|
|
29881
29897
|
/**
|
|
29882
29898
|
* This prevents mobile browsers from
|
|
29883
29899
|
* blurring the input when the clear
|
|
29884
29900
|
* button is activated.
|
|
29885
29901
|
*/
|
|
29886
29902
|
ev.preventDefault();
|
|
29887
|
-
}, onClick: () => this.onClearInput(true) }, hAsync("ion-icon", { key: '
|
|
29903
|
+
}, onClick: () => this.onClearInput(true) }, hAsync("ion-icon", { key: 'af26bcab2d98a656313256f8689344a9a1cbb0cd', "aria-hidden": "true", icon: searchbarClearIcon, lazy: false, class: "searchbar-clear-icon" }))), theme === 'ios' && cancelButton));
|
|
29888
29904
|
}
|
|
29889
29905
|
get el() { return getElement(this); }
|
|
29890
29906
|
static get watchers() { return {
|
|
@@ -29926,6 +29942,7 @@ class Searchbar {
|
|
|
29926
29942
|
"type": [1],
|
|
29927
29943
|
"value": [1025],
|
|
29928
29944
|
"shape": [1],
|
|
29945
|
+
"size": [1],
|
|
29929
29946
|
"focused": [32],
|
|
29930
29947
|
"noAnimate": [32],
|
|
29931
29948
|
"setFocus": [64],
|
|
@@ -30474,14 +30491,14 @@ class Segment {
|
|
|
30474
30491
|
}
|
|
30475
30492
|
render() {
|
|
30476
30493
|
const theme = getIonTheme(this);
|
|
30477
|
-
return (hAsync(Host, { key: '
|
|
30494
|
+
return (hAsync(Host, { key: 'ed534909594c70caa74cc3b3870b5f73fb7e3a84', role: "tablist", onClick: this.onClick, class: createColorClasses$1(this.color, {
|
|
30478
30495
|
[theme]: true,
|
|
30479
30496
|
'in-toolbar': hostContext('ion-toolbar', this.el),
|
|
30480
30497
|
'in-toolbar-color': hostContext('ion-toolbar[color]', this.el),
|
|
30481
30498
|
'segment-activated': this.activated,
|
|
30482
30499
|
'segment-disabled': this.disabled,
|
|
30483
30500
|
'segment-scrollable': this.scrollable,
|
|
30484
|
-
}) }, hAsync("slot", { key: '
|
|
30501
|
+
}) }, hAsync("slot", { key: '544c2ca95a25cc733d2cf0449c96097f8632a9b2', onSlotchange: this.onSlottedItemsChange })));
|
|
30485
30502
|
}
|
|
30486
30503
|
get el() { return getElement(this); }
|
|
30487
30504
|
static get watchers() { return {
|
|
@@ -30658,7 +30675,7 @@ class SegmentButton {
|
|
|
30658
30675
|
const { checked, type, disabled, hasIcon, hasLabel, layout, segmentEl } = this;
|
|
30659
30676
|
const theme = getIonTheme(this);
|
|
30660
30677
|
const hasSegmentColor = () => (segmentEl === null || segmentEl === void 0 ? void 0 : segmentEl.color) !== undefined;
|
|
30661
|
-
return (hAsync(Host, { key: '
|
|
30678
|
+
return (hAsync(Host, { key: '923c49c2f7ad412206ad28c85ddb354c4cf2dbc9', class: {
|
|
30662
30679
|
[theme]: true,
|
|
30663
30680
|
'in-toolbar': hostContext('ion-toolbar', this.el),
|
|
30664
30681
|
'in-toolbar-color': hostContext('ion-toolbar[color]', this.el),
|
|
@@ -30674,7 +30691,7 @@ class SegmentButton {
|
|
|
30674
30691
|
'ion-activatable': true,
|
|
30675
30692
|
'ion-activatable-instant': true,
|
|
30676
30693
|
'ion-focusable': true,
|
|
30677
|
-
} }, hAsync("button", Object.assign({ key: '
|
|
30694
|
+
} }, 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" }))));
|
|
30678
30695
|
}
|
|
30679
30696
|
get el() { return getElement(this); }
|
|
30680
30697
|
static get watchers() { return {
|
|
@@ -30711,7 +30728,7 @@ class SegmentContent {
|
|
|
30711
30728
|
registerInstance(this, hostRef);
|
|
30712
30729
|
}
|
|
30713
30730
|
render() {
|
|
30714
|
-
return (hAsync(Host, { key: '
|
|
30731
|
+
return (hAsync(Host, { key: '03684b2999ac64fe13e376fd7e7f279976e9d4f2' }, hAsync("slot", { key: '143031075bf33ca19e7cfd76fc8a67b83ccaf11c' })));
|
|
30715
30732
|
}
|
|
30716
30733
|
static get style() { return IonSegmentContentStyle0; }
|
|
30717
30734
|
static get cmpMeta() { return {
|
|
@@ -30827,10 +30844,10 @@ class SegmentView {
|
|
|
30827
30844
|
}
|
|
30828
30845
|
render() {
|
|
30829
30846
|
const { disabled, isManualScroll } = this;
|
|
30830
|
-
return (hAsync(Host, { key: '
|
|
30847
|
+
return (hAsync(Host, { key: '4a165da536914c666b1dc89827fa5ab053f1a890', class: {
|
|
30831
30848
|
'segment-view-disabled': disabled,
|
|
30832
30849
|
'segment-view-scroll-disabled': isManualScroll === false,
|
|
30833
|
-
} }, hAsync("slot", { key: '
|
|
30850
|
+
} }, hAsync("slot", { key: 'efe04cedb22ce150010277e9121417ba862db43a' })));
|
|
30834
30851
|
}
|
|
30835
30852
|
get el() { return getElement(this); }
|
|
30836
30853
|
static get style() { return {
|
|
@@ -31535,7 +31552,7 @@ class Select {
|
|
|
31535
31552
|
* TODO(FW-5592): Remove hasStartEndSlots condition
|
|
31536
31553
|
*/
|
|
31537
31554
|
const labelShouldFloat = labelPlacement === 'stacked' || (labelPlacement === 'floating' && (hasValue || isExpanded || hasStartEndSlots));
|
|
31538
|
-
return (hAsync(Host, { key: '
|
|
31555
|
+
return (hAsync(Host, { key: '0a33e10a04cc82c85014517e836331d8c6bacd94', onClick: this.onClick, class: createColorClasses$1(this.color, {
|
|
31539
31556
|
[theme]: true,
|
|
31540
31557
|
'in-item': inItem,
|
|
31541
31558
|
'in-item-color': hostContext('ion-item.ion-color', el),
|
|
@@ -31552,7 +31569,7 @@ class Select {
|
|
|
31552
31569
|
[`select-shape-${shape}`]: shape !== undefined,
|
|
31553
31570
|
[`select-label-placement-${labelPlacement}`]: true,
|
|
31554
31571
|
[`select-size-${size}`]: size !== undefined,
|
|
31555
|
-
}) }, hAsync("label", { key: '
|
|
31572
|
+
}) }, hAsync("label", { key: '09b56cdf15a9d46dee500f546f667b97db3c5ac8', class: "select-wrapper", id: "select-label" }, this.renderLabelContainer(), hAsync("div", { key: '5a5f298c45a67d4efec6bac6e31e5bfe17a938f0', class: "select-wrapper-inner" },
|
|
31556
31573
|
/**
|
|
31557
31574
|
* For the ionic theme, we render the outline container here
|
|
31558
31575
|
* instead of higher up, so it can be positioned relative to
|
|
@@ -31562,7 +31579,7 @@ class Select {
|
|
|
31562
31579
|
* <label> element, ensuring that clicking the label text
|
|
31563
31580
|
* focuses the select.
|
|
31564
31581
|
*/
|
|
31565
|
-
theme === 'ionic' && fill === 'outline' && hAsync("div", { key: '
|
|
31582
|
+
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" }))));
|
|
31566
31583
|
}
|
|
31567
31584
|
get el() { return getElement(this); }
|
|
31568
31585
|
static get watchers() { return {
|
|
@@ -31724,7 +31741,7 @@ class SelectModal {
|
|
|
31724
31741
|
} }, option.text))));
|
|
31725
31742
|
}
|
|
31726
31743
|
render() {
|
|
31727
|
-
return (hAsync(Host, { key: '
|
|
31744
|
+
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()))));
|
|
31728
31745
|
}
|
|
31729
31746
|
get el() { return getElement(this); }
|
|
31730
31747
|
static get style() { return {
|
|
@@ -31762,7 +31779,7 @@ class SelectOption {
|
|
|
31762
31779
|
}
|
|
31763
31780
|
render() {
|
|
31764
31781
|
const theme = getIonTheme(this);
|
|
31765
|
-
return (hAsync(Host, { key: '
|
|
31782
|
+
return (hAsync(Host, { key: '54487af48b0482f847f6e782434ef739cde0a73e', class: {
|
|
31766
31783
|
[theme]: true,
|
|
31767
31784
|
}, role: "option", id: this.inputId }));
|
|
31768
31785
|
}
|
|
@@ -31891,9 +31908,9 @@ class SelectPopover {
|
|
|
31891
31908
|
const { header, message, options, subHeader } = this;
|
|
31892
31909
|
const hasSubHeaderOrMessage = subHeader !== undefined || message !== undefined;
|
|
31893
31910
|
const theme = getIonTheme(this);
|
|
31894
|
-
return (hAsync(Host, { key: '
|
|
31911
|
+
return (hAsync(Host, { key: 'e926e43a2e2a191d413ea8288a4785641ec46f8d', class: {
|
|
31895
31912
|
[theme]: true,
|
|
31896
|
-
} }, hAsync("ion-list", { key: '
|
|
31913
|
+
} }, 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))));
|
|
31897
31914
|
}
|
|
31898
31915
|
get el() { return getElement(this); }
|
|
31899
31916
|
static get style() { return {
|
|
@@ -31946,11 +31963,11 @@ class SkeletonText {
|
|
|
31946
31963
|
const animated = this.animated && config.getBoolean('animated', true);
|
|
31947
31964
|
const inMedia = hostContext('ion-avatar', this.el) || hostContext('ion-thumbnail', this.el);
|
|
31948
31965
|
const theme = getIonTheme(this);
|
|
31949
|
-
return (hAsync(Host, { key: '
|
|
31966
|
+
return (hAsync(Host, { key: '70efd9086ef58705a965a63aa3e5ac775757dc85', class: {
|
|
31950
31967
|
[theme]: true,
|
|
31951
31968
|
'skeleton-text-animated': animated,
|
|
31952
31969
|
'in-media': inMedia,
|
|
31953
|
-
} }, hAsync("span", { key: '
|
|
31970
|
+
} }, hAsync("span", { key: '296246a88e33e0106045bec2f64738f48593ba12' }, "\u00A0")));
|
|
31954
31971
|
}
|
|
31955
31972
|
get el() { return getElement(this); }
|
|
31956
31973
|
static get style() { return IonSkeletonTextStyle0; }
|
|
@@ -32027,7 +32044,7 @@ class Spinner {
|
|
|
32027
32044
|
svgs.push(buildLine(spinner, duration, i, spinner.lines));
|
|
32028
32045
|
}
|
|
32029
32046
|
}
|
|
32030
|
-
return (hAsync(Host, { key: '
|
|
32047
|
+
return (hAsync(Host, { key: 'e6d6c81972147b610b468cfb8535d4c4acd0911c', class: createColorClasses$1(self.color, {
|
|
32031
32048
|
[theme]: true,
|
|
32032
32049
|
[`spinner-${spinnerName}`]: true,
|
|
32033
32050
|
'spinner-paused': self.paused || config.getBoolean('_testing'),
|
|
@@ -32140,12 +32157,12 @@ class SplitPane {
|
|
|
32140
32157
|
}
|
|
32141
32158
|
render() {
|
|
32142
32159
|
const theme = getIonTheme(this);
|
|
32143
|
-
return (hAsync(Host, { key: '
|
|
32160
|
+
return (hAsync(Host, { key: '2002430758c0d77fa67290d84c89a13e122cd56e', class: {
|
|
32144
32161
|
[theme]: true,
|
|
32145
32162
|
// Used internally for styling
|
|
32146
32163
|
[`split-pane-${theme}`]: true,
|
|
32147
32164
|
'split-pane-visible': this.visible,
|
|
32148
|
-
} }, hAsync("slot", { key: '
|
|
32165
|
+
} }, hAsync("slot", { key: '311917f6487bc42695f983ff7024e2fbc5b85f57' })));
|
|
32149
32166
|
}
|
|
32150
32167
|
get el() { return getElement(this); }
|
|
32151
32168
|
static get watchers() { return {
|
|
@@ -32219,10 +32236,10 @@ class Tab {
|
|
|
32219
32236
|
}
|
|
32220
32237
|
render() {
|
|
32221
32238
|
const { tab, active, component } = this;
|
|
32222
|
-
return (hAsync(Host, { key: '
|
|
32239
|
+
return (hAsync(Host, { key: '94e7961359b6ee01e5be26be130505cc41fa62f3', role: "tabpanel", "aria-hidden": !active ? 'true' : null, "aria-labelledby": `tab-button-${tab}`, class: {
|
|
32223
32240
|
'ion-page': component === undefined,
|
|
32224
32241
|
'tab-hidden': !active,
|
|
32225
|
-
} }, hAsync("slot", { key: '
|
|
32242
|
+
} }, hAsync("slot", { key: '0b24cddb59292470bf6a631c8ee295267c8d68b2' })));
|
|
32226
32243
|
}
|
|
32227
32244
|
get el() { return getElement(this); }
|
|
32228
32245
|
static get watchers() { return {
|
|
@@ -32319,13 +32336,13 @@ class TabBar {
|
|
|
32319
32336
|
const theme = getIonTheme(this);
|
|
32320
32337
|
const shape = this.getShape();
|
|
32321
32338
|
const shouldHide = keyboardVisible && this.el.getAttribute('slot') !== 'top';
|
|
32322
|
-
return (hAsync(Host, { key: '
|
|
32339
|
+
return (hAsync(Host, { key: '1827087d4fa77507b61c87ce6dd12427cb7effd0', role: "tablist", "aria-hidden": shouldHide ? 'true' : null, class: createColorClasses$1(color, {
|
|
32323
32340
|
[theme]: true,
|
|
32324
32341
|
'tab-bar-translucent': translucent,
|
|
32325
32342
|
'tab-bar-hidden': shouldHide,
|
|
32326
32343
|
[`tab-bar-${expand}`]: true,
|
|
32327
32344
|
[`tab-bar-${shape}`]: shape !== undefined,
|
|
32328
|
-
}) }, hAsync("slot", { key: '
|
|
32345
|
+
}) }, hAsync("slot", { key: '9834dc234608f09af892c2a92401f304167b9f83' })));
|
|
32329
32346
|
}
|
|
32330
32347
|
get el() { return getElement(this); }
|
|
32331
32348
|
static get watchers() { return {
|
|
@@ -32444,7 +32461,7 @@ class TabButton {
|
|
|
32444
32461
|
rel,
|
|
32445
32462
|
target,
|
|
32446
32463
|
};
|
|
32447
|
-
return (hAsync(Host, { key: '
|
|
32464
|
+
return (hAsync(Host, { key: '35c0d5aa92aef2f25833319f1b2ceabed06fad4f', onClick: this.onClick, onKeyup: this.onKeyUp, id: tab !== undefined ? `tab-button-${tab}` : null, class: {
|
|
32448
32465
|
[theme]: true,
|
|
32449
32466
|
'tab-selected': selected,
|
|
32450
32467
|
'tab-disabled': disabled,
|
|
@@ -32457,7 +32474,7 @@ class TabButton {
|
|
|
32457
32474
|
'ion-selectable': true,
|
|
32458
32475
|
[`tab-button-shape-${shape}`]: shape !== undefined,
|
|
32459
32476
|
'ion-focusable': true,
|
|
32460
|
-
} }, hAsync("a", Object.assign({ key: '
|
|
32477
|
+
} }, 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" }))));
|
|
32461
32478
|
}
|
|
32462
32479
|
get el() { return getElement(this); }
|
|
32463
32480
|
static get style() { return {
|
|
@@ -32638,7 +32655,7 @@ class Tabs {
|
|
|
32638
32655
|
return Array.from(this.el.querySelectorAll('ion-tab'));
|
|
32639
32656
|
}
|
|
32640
32657
|
render() {
|
|
32641
|
-
return (hAsync(Host, { key: '
|
|
32658
|
+
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" })));
|
|
32642
32659
|
}
|
|
32643
32660
|
get el() { return getElement(this); }
|
|
32644
32661
|
static get style() { return IonTabsStyle0; }
|
|
@@ -32681,9 +32698,9 @@ class Text {
|
|
|
32681
32698
|
}
|
|
32682
32699
|
render() {
|
|
32683
32700
|
const theme = getIonTheme(this);
|
|
32684
|
-
return (hAsync(Host, { key: '
|
|
32701
|
+
return (hAsync(Host, { key: '7bf3aa9197541d2da1d40a361bc1bd9206a5223e', class: createColorClasses$1(this.color, {
|
|
32685
32702
|
[theme]: true,
|
|
32686
|
-
}) }, hAsync("slot", { key: '
|
|
32703
|
+
}) }, hAsync("slot", { key: '5dc6e3ce051f0d26459847c2bc5895edf9d08ca9' })));
|
|
32687
32704
|
}
|
|
32688
32705
|
static get style() { return IonTextStyle0; }
|
|
32689
32706
|
static get cmpMeta() { return {
|
|
@@ -33089,7 +33106,7 @@ class Textarea {
|
|
|
33089
33106
|
* TODO(FW-5592): Remove hasStartEndSlots condition
|
|
33090
33107
|
*/
|
|
33091
33108
|
const labelShouldFloat = labelPlacement === 'stacked' || (labelPlacement === 'floating' && (hasValue || hasFocus || hasStartEndSlots));
|
|
33092
|
-
return (hAsync(Host, { key: '
|
|
33109
|
+
return (hAsync(Host, { key: '74941a2a6f6aae597cf17d7a043e7b6dba5324e8', class: createColorClasses$1(this.color, {
|
|
33093
33110
|
[theme]: true,
|
|
33094
33111
|
'has-value': hasValue,
|
|
33095
33112
|
'has-focus': hasFocus,
|
|
@@ -33100,7 +33117,7 @@ class Textarea {
|
|
|
33100
33117
|
[`textarea-label-placement-${labelPlacement}`]: true,
|
|
33101
33118
|
'textarea-disabled': disabled,
|
|
33102
33119
|
'textarea-readonly': readonly,
|
|
33103
|
-
}) }, hAsync("label", { key: '
|
|
33120
|
+
}) }, hAsync("label", { key: '2a6736be472bbc5e6417aedb48eb989978769a25', class: "textarea-wrapper", htmlFor: inputId }, this.renderLabelContainer(), hAsync("div", { key: '670fdd27efcf2c2cf636efcf6e2273986f1e9acb', class: "textarea-wrapper-inner" },
|
|
33104
33121
|
/**
|
|
33105
33122
|
* For the ionic theme, we render the outline container here
|
|
33106
33123
|
* instead of higher up, so it can be positioned relative to
|
|
@@ -33110,7 +33127,7 @@ class Textarea {
|
|
|
33110
33127
|
* <label> element, ensuring that clicking the label text
|
|
33111
33128
|
* focuses the textarea.
|
|
33112
33129
|
*/
|
|
33113
|
-
theme === 'ionic' && fill === 'outline' && hAsync("div", { key: '
|
|
33130
|
+
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()));
|
|
33114
33131
|
}
|
|
33115
33132
|
get el() { return getElement(this); }
|
|
33116
33133
|
static get watchers() { return {
|
|
@@ -33179,9 +33196,9 @@ class Thumbnail {
|
|
|
33179
33196
|
}
|
|
33180
33197
|
render() {
|
|
33181
33198
|
const theme = getIonTheme(this);
|
|
33182
|
-
return (hAsync(Host, { key: '
|
|
33199
|
+
return (hAsync(Host, { key: 'd8834b52a3f938cbd2cd7196e0b0e057746e5a7e', class: {
|
|
33183
33200
|
[theme]: true,
|
|
33184
|
-
} }, hAsync("slot", { key: '
|
|
33201
|
+
} }, hAsync("slot", { key: 'c7be8264e5c9628d8be1ac202cac7f1ec8f0cb61' })));
|
|
33185
33202
|
}
|
|
33186
33203
|
static get style() { return IonThumbnailStyle0; }
|
|
33187
33204
|
static get cmpMeta() { return {
|
|
@@ -34036,9 +34053,9 @@ class Toast {
|
|
|
34036
34053
|
if (layout === 'stacked' && startButtons.length > 0 && endButtons.length > 0) {
|
|
34037
34054
|
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);
|
|
34038
34055
|
}
|
|
34039
|
-
return (hAsync(Host, Object.assign({ key: '
|
|
34056
|
+
return (hAsync(Host, Object.assign({ key: '789f33465c1381e378b97804abed62614b55bed0', tabindex: "-1" }, this.htmlAttributes, { style: {
|
|
34040
34057
|
zIndex: `${60000 + this.overlayIndex}`,
|
|
34041
|
-
}, 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: '
|
|
34058
|
+
}, 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')))));
|
|
34042
34059
|
}
|
|
34043
34060
|
get el() { return getElement(this); }
|
|
34044
34061
|
static get watchers() { return {
|
|
@@ -34316,7 +34333,7 @@ class Toggle {
|
|
|
34316
34333
|
const rtl = isRTL$1(el) ? 'rtl' : 'ltr';
|
|
34317
34334
|
const isIonicTheme = theme === 'ionic';
|
|
34318
34335
|
renderHiddenInput(true, el, name, checked ? value : '', disabled);
|
|
34319
|
-
return (hAsync(Host, { key: '
|
|
34336
|
+
return (hAsync(Host, { key: 'fb45e051527a0a0914d18659bc1aeab5e9a4c50e', onClick: this.onClick, class: createColorClasses$1(color, {
|
|
34320
34337
|
[theme]: true,
|
|
34321
34338
|
'in-item': hostContext('ion-item', el),
|
|
34322
34339
|
'toggle-activated': activated,
|
|
@@ -34328,10 +34345,10 @@ class Toggle {
|
|
|
34328
34345
|
[`toggle-${rtl}`]: true,
|
|
34329
34346
|
'ion-activatable': isIonicTheme,
|
|
34330
34347
|
'ion-focusable': isIonicTheme,
|
|
34331
|
-
}) }, hAsync("label", { key: '
|
|
34348
|
+
}) }, 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: {
|
|
34332
34349
|
'label-text-wrapper': true,
|
|
34333
34350
|
'label-text-wrapper-hidden': !this.hasLabel,
|
|
34334
|
-
}, part: "label" }, hAsync("slot", { key: '
|
|
34351
|
+
}, part: "label" }, hAsync("slot", { key: '1eb06a2005f862ee50fe6f11e7e750eb9daeba7b' })), hAsync("div", { key: 'd2acbaff908b41301b37fbb1f99385a1c571cdf8', class: "native-wrapper" }, this.renderToggleControl()))));
|
|
34335
34352
|
}
|
|
34336
34353
|
get el() { return getElement(this); }
|
|
34337
34354
|
static get watchers() { return {
|
|
@@ -34440,10 +34457,10 @@ class Toolbar {
|
|
|
34440
34457
|
this.childrenStyles.forEach((value) => {
|
|
34441
34458
|
Object.assign(childStyles, value);
|
|
34442
34459
|
});
|
|
34443
|
-
return (hAsync(Host, { key: '
|
|
34460
|
+
return (hAsync(Host, { key: '31d2cea6423110a58ed8ba749e422889c6f6d310', class: Object.assign(Object.assign({}, childStyles), createColorClasses$1(this.color, {
|
|
34444
34461
|
[theme]: true,
|
|
34445
34462
|
'in-toolbar': hostContext('ion-toolbar', this.el),
|
|
34446
|
-
})) }, hAsync("div", { key: '
|
|
34463
|
+
})) }, 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" }))));
|
|
34447
34464
|
}
|
|
34448
34465
|
get el() { return getElement(this); }
|
|
34449
34466
|
static get style() { return {
|
|
@@ -34501,11 +34518,11 @@ class ToolbarTitle {
|
|
|
34501
34518
|
render() {
|
|
34502
34519
|
const theme = getIonTheme(this);
|
|
34503
34520
|
const size = this.getSize();
|
|
34504
|
-
return (hAsync(Host, { key: '
|
|
34521
|
+
return (hAsync(Host, { key: '4ea0b5b986ff55f4512840d8582c5d015032dccf', class: createColorClasses$1(this.color, {
|
|
34505
34522
|
[theme]: true,
|
|
34506
34523
|
[`title-${size}`]: true,
|
|
34507
34524
|
'title-rtl': document.dir === 'rtl',
|
|
34508
|
-
}) }, hAsync("div", { key: '
|
|
34525
|
+
}) }, hAsync("div", { key: '1c1afffd677120d63753f9500e117d77d7f65a8a', class: "toolbar-title" }, hAsync("slot", { key: '4c6329b996db30c09c93ac08506fc23377d0d77f' }))));
|
|
34509
34526
|
}
|
|
34510
34527
|
get el() { return getElement(this); }
|
|
34511
34528
|
static get watchers() { return {
|