@ionic/core 8.4.2-dev.11741359058.1ab81f3d → 8.4.2-dev.11741694411.1b71f442
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 +6 -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 +6 -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/collection/components/searchbar/searchbar.ionic.css +26 -14
- package/dist/collection/components/searchbar/searchbar.js +6 -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 +2 -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 +6 -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-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/html.html-data.json +1 -1
- package/dist/ionic/ionic.esm.js +1 -1
- package/dist/ionic/{p-7cfe6f4a.entry.js → p-00d4122b.entry.js} +1 -1
- package/dist/ionic/{p-af321c18.entry.js → p-06171cfe.entry.js} +1 -1
- package/dist/ionic/{p-ac558084.entry.js → p-177e5174.entry.js} +1 -1
- package/dist/ionic/{p-d854fb32.entry.js → p-2babcfed.entry.js} +1 -1
- package/dist/ionic/{p-4b4e4592.system.entry.js → p-2c158829.system.entry.js} +1 -1
- package/dist/ionic/{p-fa5a0d2e.system.entry.js → p-2e2564f4.system.entry.js} +1 -1
- package/dist/ionic/{p-402ffd31.entry.js → p-32c7f373.entry.js} +1 -1
- package/dist/ionic/{p-297fcc18.system.entry.js → p-39dafa1d.system.entry.js} +1 -1
- package/dist/ionic/{p-fa5dc348.entry.js → p-40fb57eb.entry.js} +1 -1
- package/dist/ionic/{p-03df1462.entry.js → p-4c3baf6b.entry.js} +1 -1
- package/dist/ionic/{p-9cd19610.system.entry.js → p-51121acc.system.entry.js} +1 -1
- package/dist/ionic/{p-05b69c23.system.entry.js → p-5bf3c7bb.system.entry.js} +2 -2
- package/dist/ionic/p-5d03dea8.entry.js +4 -0
- package/dist/ionic/{p-0390f622.system.entry.js → p-5ef3c946.system.entry.js} +1 -1
- package/dist/ionic/{p-d683e61f.system.entry.js → p-6064600e.system.entry.js} +1 -1
- package/dist/ionic/{p-a78181cc.system.entry.js → p-60eff82b.system.entry.js} +1 -1
- package/dist/ionic/p-6c6d7c34.entry.js +4 -0
- package/dist/ionic/{p-fac055ef.entry.js → p-86f2880e.entry.js} +1 -1
- package/dist/ionic/{p-8a8e843c.system.entry.js → p-876664bb.system.entry.js} +1 -1
- package/dist/ionic/p-9078b280.system.entry.js +4 -0
- package/dist/ionic/{p-5345fc46.entry.js → p-9d3d1c0c.entry.js} +1 -1
- package/dist/ionic/p-9f99da2c.entry.js +4 -0
- package/dist/ionic/p-9f9a666d.system.js +1 -1
- package/dist/ionic/{p-886ff0f8.system.entry.js → p-a37c3f0a.system.entry.js} +1 -1
- package/dist/ionic/{p-af69da90.entry.js → p-a4eda6d6.entry.js} +1 -1
- package/dist/ionic/{p-71523065.entry.js → p-aa25a8e5.entry.js} +1 -1
- package/dist/ionic/{p-c48a6425.system.entry.js → p-abb0510b.system.entry.js} +1 -1
- package/dist/ionic/p-b99343c0.entry.js +4 -0
- package/dist/ionic/p-bed26b75.system.entry.js +4 -0
- package/dist/ionic/{p-d7e43c62.system.entry.js → p-d454b760.system.entry.js} +1 -1
- package/dist/ionic/{p-da89b9bd.system.entry.js → p-dac0954a.system.entry.js} +1 -1
- package/dist/ionic/p-dfafc1a5.system.entry.js +4 -0
- package/dist/ionic/{p-c7aa652c.entry.js → p-ee50200e.entry.js} +1 -1
- package/dist/ionic/{p-f2f33ab4.system.entry.js → p-f22933c0.system.entry.js} +1 -1
- package/dist/ionic/p-f52c1b1b.entry.js +4 -0
- package/dist/types/components/searchbar/searchbar.d.ts +1 -1
- package/dist/types/components.d.ts +2 -2
- package/hydrate/index.js +48 -47
- package/hydrate/index.mjs +48 -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-49f0023f.entry.js +0 -4
- package/dist/ionic/p-54da2dd3.system.entry.js +0 -4
- package/dist/ionic/p-695c2cbd.entry.js +0 -4
- package/dist/ionic/p-97cc477f.system.entry.js +0 -4
- package/dist/ionic/p-a685da08.system.entry.js +0 -4
- package/dist/ionic/p-a8c55b8a.entry.js +0 -4
|
@@ -19,7 +19,7 @@ const arrowLeftSvg = 'data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53
|
|
|
19
19
|
|
|
20
20
|
const magnifyingGlassSvg = 'data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyNTYgMjU2IiBmaWxsPSJjdXJyZW50Q29sb3IiPjxwYXRoIGQ9Ik0yMjkuNjYsMjE4LjM0bC01MC4wNy01MC4wNmE4OC4xMSw4OC4xMSwwLDEsMC0xMS4zMSwxMS4zMWw1MC4wNiw1MC4wN2E4LDgsMCwwLDAsMTEuMzItMTEuMzJaTTQwLDExMmE3Miw3MiwwLDEsMSw3Miw3MkE3Mi4wOCw3Mi4wOCwwLDAsMSw0MCwxMTJaIi8+PC9zdmc+';
|
|
21
21
|
|
|
22
|
-
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{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}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(--ion-scale-400, 16px) + var(--ion-space-200, 8px));padding-inline-start:calc(9px + var(--ion-scale-400, 16px) + var(--ion-space-200, 8px))}.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(--ion-scale-400, 16px) + var(--ion-space-200, 8px));padding-inline-start:calc(var(--ion-space-300, 12px) + var(--ion-scale-400, 16px) + var(--ion-space-200, 8px));-webkit-padding-end:calc(var(--ion-space-300, 12px) + var(--ion-scale-400, 16px) + var(--ion-space-200, 8px));padding-inline-end:calc(var(--ion-space-300, 12px) + var(--ion-scale-400, 16px) + var(--ion-space-200, 8px));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(--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));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{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(--ion-scale-500, 20px) + var(--ion-space-200, 8px));padding-inline-start:calc(9px + var(--ion-scale-500, 20px) + var(--ion-space-200, 8px))}.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(--ion-scale-500, 20px) + var(--ion-space-200, 8px));padding-inline-start:calc(var(--ion-space-500, 20px) + var(--ion-scale-500, 20px) + var(--ion-space-200, 8px));-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)}";
|
|
22
|
+
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));--clear-button-padding:calc(var(--ion-scale-400, 16px) + var(--ion-space-200, 8px));font-size:var(--ion-font-size-350, 0.875rem);font-weight:var(--ion-font-weight-regular, 400);letter-spacing:var(--ion-font-letter-spacing-0, 0%);line-height:var(--ion-font-line-height-600, 24px);text-decoration:none;text-transform:none;padding-left:0;padding-right:0;padding-top:0;padding-bottom:0}.searchbar-search-icon.sc-ion-searchbar-ionic{width:var(--ion-scale-400, 16px);height:var(--ion-scale-400, 16px)}.searchbar-input.sc-ion-searchbar-ionic{padding-top:var(--ion-space-300, 12px);padding-bottom:var(--ion-space-300, 12px);contain:strict;text-overflow:ellipsis}.searchbar-clear-button.sc-ion-searchbar-ionic{width:var(--ion-scale-400, 16px);height:var(--ion-scale-400, 16px);background-color:transparent;font-size:var(--ion-scale-400, 16px);contain:strict}.sc-ion-searchbar-ionic-h:not(.searchbar-should-show-clear){--clear-button-padding:var(--ion-scale-0, 0px)}.searchbar-cancel-button.sc-ion-searchbar-ionic{width:var(--ion-scale-400, 16px);height:var(--ion-scale-400, 16px);background-color:transparent;font-size:var(--ion-font-size-400, 1rem)}.searchbar-search-icon.sc-ion-searchbar-ionic,.searchbar-clear-button.sc-ion-searchbar-ionic,.searchbar-cancel-button.sc-ion-searchbar-ionic{top:50%;position:absolute;-webkit-transform:translateY(-50%);transform:translateY(-50%)}.searchbar-clear-button.sc-ion-searchbar-ionic:focus-visible,.searchbar-cancel-button.sc-ion-searchbar-ionic:focus-visible ion-icon.sc-ion-searchbar-ionic{border-radius:var(--ion-border-radius-100, 4px);outline:var(--ion-border-size-050, 2px) var(--ion-border-style-solid, solid) var(--ion-border-focus-default, #b5c0f7);opacity:1}.sc-ion-searchbar-ionic-h:not(.searchbar-has-leading-icons){--leading-icon-padding:var(--ion-scale-0, 0px)}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(--clear-button-padding));padding-inline-end:calc(var(--ion-space-300, 12px) + var(--clear-button-padding));height:var(--ion-scale-1000, 40px)}.searchbar-size-small.sc-ion-searchbar-ionic-h .searchbar-search-icon.sc-ion-searchbar-ionic,.searchbar-size-small.sc-ion-searchbar-ionic-h .searchbar-cancel-button.sc-ion-searchbar-ionic{inset-inline-start:var(--ion-space-300, 12px)}.searchbar-size-small.sc-ion-searchbar-ionic-h .searchbar-clear-button.sc-ion-searchbar-ionic{inset-inline-end:var(--ion-space-300, 12px)}.searchbar-size-medium.sc-ion-searchbar-ionic-h .searchbar-input.sc-ion-searchbar-ionic{-webkit-padding-start:calc(var(--ion-space-400, 16px) + var(--leading-icon-padding));padding-inline-start:calc(var(--ion-space-400, 16px) + var(--leading-icon-padding));-webkit-padding-end:calc(var(--ion-space-400, 16px) + var(--clear-button-padding));padding-inline-end:calc(var(--ion-space-400, 16px) + var(--clear-button-padding));height:var(--ion-scale-1200, 48px)}.searchbar-size-medium.sc-ion-searchbar-ionic-h .searchbar-search-icon.sc-ion-searchbar-ionic,.searchbar-size-medium.sc-ion-searchbar-ionic-h .searchbar-cancel-button.sc-ion-searchbar-ionic{inset-inline-start:var(--ion-space-400, 16px)}.searchbar-size-medium.sc-ion-searchbar-ionic-h .searchbar-clear-button.sc-ion-searchbar-ionic{inset-inline-end:var(--ion-space-400, 16px)}.searchbar-size-large.sc-ion-searchbar-ionic-h .searchbar-search-icon.sc-ion-searchbar-ionic,.searchbar-size-large.sc-ion-searchbar-ionic-h .searchbar-cancel-button.sc-ion-searchbar-ionic{--leading-icon-padding:calc(var(--ion-scale-500, 20px) + var(--ion-space-200, 8px));width:var(--ion-scale-500, 20px);height:var(--ion-scale-500, 20px)}.searchbar-size-large.sc-ion-searchbar-ionic-h .searchbar-cancel-button.sc-ion-searchbar-ionic{font-size:var(--ion-font-size-500, 1.25rem)}ion-toolbar.searchbar-size-large.searchbar-should-show-cancel.sc-ion-searchbar-ionic-h .searchbar-input.sc-ion-searchbar-ionic,ion-toolbar .searchbar-size-large.searchbar-should-show-cancel.sc-ion-searchbar-ionic-h .searchbar-input.sc-ion-searchbar-ionic{-webkit-padding-start:calc(9px + var(--leading-icon-padding));padding-inline-start:calc(9px + var(--leading-icon-padding))}.searchbar-size-large.sc-ion-searchbar-ionic-h .searchbar-input.sc-ion-searchbar-ionic{padding-top:var(--ion-space-400, 16px);padding-bottom:var(--ion-space-400, 16px);-webkit-padding-start:calc(var(--ion-space-500, 20px) + var(--leading-icon-padding));padding-inline-start:calc(var(--ion-space-500, 20px) + var(--leading-icon-padding));-webkit-padding-end:calc(var(--ion-space-500, 20px) + var(--clear-button-padding));padding-inline-end:calc(var(--ion-space-500, 20px) + var(--clear-button-padding));height:var(--ion-scale-1400, 56px)}.searchbar-size-large.sc-ion-searchbar-ionic-h .searchbar-search-icon.sc-ion-searchbar-ionic,.searchbar-size-large.sc-ion-searchbar-ionic-h .searchbar-cancel-button.sc-ion-searchbar-ionic{inset-inline-start:var(--ion-space-500, 20px)}.searchbar-size-large.sc-ion-searchbar-ionic-h .searchbar-clear-button.sc-ion-searchbar-ionic{inset-inline-end:var(--ion-space-500, 20px)}";
|
|
23
23
|
const IonSearchbarIonicStyle0 = searchbarIonicCss;
|
|
24
24
|
|
|
25
25
|
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}";
|
|
@@ -498,8 +498,8 @@ const Searchbar = class {
|
|
|
498
498
|
const shouldShowCancelButton = this.shouldShowCancelButton();
|
|
499
499
|
const shape = this.getShape();
|
|
500
500
|
const size = this.getSize();
|
|
501
|
-
const cancelButton = this.showCancelButton !== 'never' && (index.h("button", { key: '
|
|
502
|
-
return (index.h(index.Host, { key: '
|
|
501
|
+
const cancelButton = this.showCancelButton !== 'never' && (index.h("button", { key: '280cc4d61d078fae543254a8570b9a24635add6e', "aria-label": cancelButtonText, "aria-hidden": shouldShowCancelButton ? undefined : 'true', type: "button", tabIndex: theme$1 === 'ios' && !shouldShowCancelButton ? -1 : undefined, onMouseDown: this.onCancelSearchbar, onTouchStart: this.onCancelSearchbar, class: "searchbar-cancel-button" }, index.h("div", { key: 'adcdc5b8b88a7541e79bada97a163a7e229f750d', "aria-hidden": "true" }, theme$1 === 'md' || theme$1 === 'ionic' ? (index.h("ion-icon", { "aria-hidden": "true", icon: searchbarCancelIcon, lazy: false })) : (cancelButtonText))));
|
|
502
|
+
return (index.h(index.Host, { key: 'cfe739824b187e0fb3840871a2aa7a70aac5032a', role: "search", "aria-disabled": this.disabled ? 'true' : null, class: theme.createColorClasses(this.color, {
|
|
503
503
|
[theme$1]: true,
|
|
504
504
|
'searchbar-animated': animated,
|
|
505
505
|
'searchbar-disabled': this.disabled,
|
|
@@ -507,18 +507,19 @@ const Searchbar = class {
|
|
|
507
507
|
'searchbar-has-value': this.hasValue(),
|
|
508
508
|
'searchbar-left-aligned': this.shouldAlignLeft,
|
|
509
509
|
'searchbar-has-focus': this.focused,
|
|
510
|
+
'searchbar-has-leading-icons': theme$1 === 'ionic' && (this.searchIcon !== undefined || this.showCancelButton !== 'never'),
|
|
510
511
|
'searchbar-should-show-clear': this.shouldShowClearButton(),
|
|
511
512
|
'searchbar-should-show-cancel': this.shouldShowCancelButton(),
|
|
512
513
|
[`searchbar-shape-${shape}`]: shape !== undefined,
|
|
513
514
|
[`searchbar-size-${size}`]: size !== undefined,
|
|
514
|
-
}) }, index.h("div", { key: '
|
|
515
|
+
}) }, index.h("div", { key: '6e7cf7a93a570a8e6a6752f1a1ca4ed956605227', class: "searchbar-input-container" }, index.h("input", Object.assign({ key: '31d402af9375a9129c8f11eb9e68753490945f36', "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$1 === 'md' || theme$1 === 'ionic') && cancelButton, theme$1 !== 'ionic' || this.searchIcon !== undefined ? (index.h("ion-icon", { "aria-hidden": "true", icon: searchbarSearchIcon, lazy: false, class: "searchbar-search-icon" })) : null, theme$1 !== 'ionic' || this.shouldShowClearButton() !== undefined ? (index.h("button", { "aria-label": "reset", type: "button", "no-blur": true, class: "searchbar-clear-button", onPointerDown: (ev) => {
|
|
515
516
|
/**
|
|
516
517
|
* This prevents mobile browsers from
|
|
517
518
|
* blurring the input when the clear
|
|
518
519
|
* button is activated.
|
|
519
520
|
*/
|
|
520
521
|
ev.preventDefault();
|
|
521
|
-
}, onClick: () => this.onClearInput(true) }, index.h("ion-icon", {
|
|
522
|
+
}, onClick: () => this.onClearInput(true) }, index.h("ion-icon", { "aria-hidden": "true", icon: searchbarClearIcon, lazy: false, class: "searchbar-clear-icon" }))) : null), theme$1 === 'ios' && cancelButton));
|
|
522
523
|
}
|
|
523
524
|
get el() { return index.getElement(this); }
|
|
524
525
|
static get watchers() { return {
|
|
@@ -15,7 +15,7 @@ const SegmentContent = class {
|
|
|
15
15
|
index.registerInstance(this, hostRef);
|
|
16
16
|
}
|
|
17
17
|
render() {
|
|
18
|
-
return (index.h(index.Host, { key: '
|
|
18
|
+
return (index.h(index.Host, { key: 'f1301e9dfeef766db609c37224e4d5d5ed23751a' }, index.h("slot", { key: 'd967dac8bea24441db8949ce10d846e499c89774' })));
|
|
19
19
|
}
|
|
20
20
|
};
|
|
21
21
|
SegmentContent.style = IonSegmentContentStyle0;
|
|
@@ -110,10 +110,10 @@ const SegmentView = class {
|
|
|
110
110
|
}
|
|
111
111
|
render() {
|
|
112
112
|
const { disabled, isManualScroll } = this;
|
|
113
|
-
return (index.h(index.Host, { key: '
|
|
113
|
+
return (index.h(index.Host, { key: '4894e80c6fbd576bef3d0180c47f387aa6227794', class: {
|
|
114
114
|
'segment-view-disabled': disabled,
|
|
115
115
|
'segment-view-scroll-disabled': isManualScroll === false,
|
|
116
|
-
} }, index.h("slot", { key: '
|
|
116
|
+
} }, index.h("slot", { key: 'f7ab1bd3c0e7e42a4d88fa60afa1a58c42e0bffa' })));
|
|
117
117
|
}
|
|
118
118
|
get el() { return index.getElement(this); }
|
|
119
119
|
};
|
|
@@ -545,14 +545,14 @@ const Segment = class {
|
|
|
545
545
|
}
|
|
546
546
|
render() {
|
|
547
547
|
const theme$1 = ionicGlobal.getIonTheme(this);
|
|
548
|
-
return (index.h(index.Host, { key: '
|
|
548
|
+
return (index.h(index.Host, { key: 'fe9dfbc573cdb06ba7735c1d07457232e501ec35', role: "tablist", onClick: this.onClick, class: theme.createColorClasses(this.color, {
|
|
549
549
|
[theme$1]: true,
|
|
550
550
|
'in-toolbar': theme.hostContext('ion-toolbar', this.el),
|
|
551
551
|
'in-toolbar-color': theme.hostContext('ion-toolbar[color]', this.el),
|
|
552
552
|
'segment-activated': this.activated,
|
|
553
553
|
'segment-disabled': this.disabled,
|
|
554
554
|
'segment-scrollable': this.scrollable,
|
|
555
|
-
}) }, index.h("slot", { key: '
|
|
555
|
+
}) }, index.h("slot", { key: '07bd2abd7acb637d01282cdbb22db81b39d86656', onSlotchange: this.onSlottedItemsChange })));
|
|
556
556
|
}
|
|
557
557
|
get el() { return index.getElement(this); }
|
|
558
558
|
static get watchers() { return {
|
|
@@ -706,7 +706,7 @@ const SegmentButton = class {
|
|
|
706
706
|
const { checked, type, disabled, hasIcon, hasLabel, layout, segmentEl } = this;
|
|
707
707
|
const theme$1 = ionicGlobal.getIonTheme(this);
|
|
708
708
|
const hasSegmentColor = () => (segmentEl === null || segmentEl === void 0 ? void 0 : segmentEl.color) !== undefined;
|
|
709
|
-
return (index.h(index.Host, { key: '
|
|
709
|
+
return (index.h(index.Host, { key: '2ccbe1ae3d4fe107717db5ab8d2d53feeaab0353', class: {
|
|
710
710
|
[theme$1]: true,
|
|
711
711
|
'in-toolbar': theme.hostContext('ion-toolbar', this.el),
|
|
712
712
|
'in-toolbar-color': theme.hostContext('ion-toolbar[color]', this.el),
|
|
@@ -722,7 +722,7 @@ const SegmentButton = class {
|
|
|
722
722
|
'ion-activatable': true,
|
|
723
723
|
'ion-activatable-instant': true,
|
|
724
724
|
'ion-focusable': true,
|
|
725
|
-
} }, index.h("button", Object.assign({ key: '
|
|
725
|
+
} }, index.h("button", Object.assign({ key: '15977a4ddd2a9afb6a5cfddd81c331f25d9a4dba', "aria-selected": checked ? 'true' : 'false', role: "tab", ref: (el) => (this.nativeEl = el), type: type, class: "button-native", part: "native", disabled: disabled }, this.inheritedAttributes), index.h("span", { key: '23374078f6bc6c1d26f4f5877e2782528ff3fa68', class: "button-inner" }, index.h("slot", { key: 'b95c50c5c3057a1e7b37ad884ffa333b684664d1' })), theme$1 === 'md' && index.h("ion-ripple-effect", { key: '0788556e2760abc1742d631bf71f8c01fdb6d117' })), index.h("div", { key: '762f48386ce86abacbee179cf3fbe5322a35dae3', part: "indicator", class: "segment-button-indicator segment-button-indicator-animated" }, index.h("div", { key: '806db4026e86d5a29982701322100101a1a7e1e3', part: "indicator-background", class: "segment-button-indicator-background" }))));
|
|
726
726
|
}
|
|
727
727
|
get el() { return index.getElement(this); }
|
|
728
728
|
static get watchers() { return {
|
|
@@ -97,7 +97,7 @@ const SelectModal = class {
|
|
|
97
97
|
} }, option.text))));
|
|
98
98
|
}
|
|
99
99
|
render() {
|
|
100
|
-
return (index.h(index.Host, { key: '
|
|
100
|
+
return (index.h(index.Host, { key: '03593070a50743c07116e218529a4031808b372f', class: ionicGlobal.getIonMode(this) }, index.h("ion-header", { key: 'ec8d42f5cf4a67429677f52da1d277430a599586' }, index.h("ion-toolbar", { key: '0efbd4980f087f56228838dd716736dacd41810a' }, this.header !== undefined && index.h("ion-title", { key: '5aeab0b91640a7f351d88e588ac2cc265436ce6a' }, this.header), index.h("ion-buttons", { key: '58d793c29a63794eeebe5971d41f52f91c967eb7', slot: "end" }, index.h("ion-button", { key: '749225d685f23081a8924b64f093b60c980252d8', onClick: () => this.closeModal() }, "Close")))), index.h("ion-content", { key: 'fdc979a06119a797430b134099c13a7fdc251fc6' }, index.h("ion-list", { key: '1b75d6525301e14dc9871f71c6e6bff0e59e13dc' }, this.multiple === true ? this.renderCheckboxOptions() : this.renderRadioOptions()))));
|
|
101
101
|
}
|
|
102
102
|
get el() { return index.getElement(this); }
|
|
103
103
|
};
|
|
@@ -696,7 +696,7 @@ const Select = class {
|
|
|
696
696
|
* TODO(FW-5592): Remove hasStartEndSlots condition
|
|
697
697
|
*/
|
|
698
698
|
const labelShouldFloat = labelPlacement === 'stacked' || (labelPlacement === 'floating' && (hasValue || isExpanded || hasStartEndSlots));
|
|
699
|
-
return (index.h(index.Host, { key: '
|
|
699
|
+
return (index.h(index.Host, { key: 'ce9fa42327f61e6a9b43c192c87466f76f78fb47', onClick: this.onClick, class: theme.createColorClasses(this.color, {
|
|
700
700
|
[theme$1]: true,
|
|
701
701
|
'in-item': inItem,
|
|
702
702
|
'in-item-color': theme.hostContext('ion-item.ion-color', el),
|
|
@@ -713,7 +713,7 @@ const Select = class {
|
|
|
713
713
|
[`select-shape-${shape}`]: shape !== undefined,
|
|
714
714
|
[`select-label-placement-${labelPlacement}`]: true,
|
|
715
715
|
[`select-size-${size}`]: size !== undefined,
|
|
716
|
-
}) }, index.h("label", { key: '
|
|
716
|
+
}) }, index.h("label", { key: '9e2775b72761d44702849f7f81894f56af7c8129', class: "select-wrapper", id: "select-label" }, this.renderLabelContainer(), index.h("div", { key: '6617bba60ce7317ff1fa9837e8de9f67cd0d6f69', class: "select-wrapper-inner" },
|
|
717
717
|
/**
|
|
718
718
|
* For the ionic theme, we render the outline container here
|
|
719
719
|
* instead of higher up, so it can be positioned relative to
|
|
@@ -723,7 +723,7 @@ const Select = class {
|
|
|
723
723
|
* <label> element, ensuring that clicking the label text
|
|
724
724
|
* focuses the select.
|
|
725
725
|
*/
|
|
726
|
-
theme$1 === 'ionic' && fill === 'outline' && index.h("div", { key: '
|
|
726
|
+
theme$1 === 'ionic' && fill === 'outline' && index.h("div", { key: 'b42c45269896b4a73650158d5a5a38550734e250', class: "select-outline" }), index.h("slot", { key: 'de5d2b96bf3c4e9aa81f95f4e96b4c15e35d9464', name: "start" }), index.h("div", { key: 'f26491af6d46e714449786c2fb0528f3a5769fd8', class: "native-wrapper", ref: (el) => (this.nativeWrapperEl = el), part: "container" }, this.renderSelectText(), this.renderListbox()), index.h("slot", { key: 'c86051a7bbc32e1169d34f959a52aff022fb1c5d', name: "end" }), shouldRenderInnerIcon && this.renderSelectIcon()), shouldRenderOuterIcon && this.renderSelectIcon(), shouldRenderHighlight && index.h("div", { key: '044ab9a29dbab5e227a70cc832a05850025cb7c1', class: "select-highlight" }))));
|
|
727
727
|
}
|
|
728
728
|
get el() { return index.getElement(this); }
|
|
729
729
|
static get watchers() { return {
|
|
@@ -786,7 +786,7 @@ const SelectOption = class {
|
|
|
786
786
|
}
|
|
787
787
|
render() {
|
|
788
788
|
const theme = ionicGlobal.getIonTheme(this);
|
|
789
|
-
return (index.h(index.Host, { key: '
|
|
789
|
+
return (index.h(index.Host, { key: '0a677f49a3d8511fd6653a214bb593656d2130a0', class: {
|
|
790
790
|
[theme]: true,
|
|
791
791
|
}, role: "option", id: this.inputId }));
|
|
792
792
|
}
|
|
@@ -900,9 +900,9 @@ const SelectPopover = class {
|
|
|
900
900
|
const { header, message, options, subHeader } = this;
|
|
901
901
|
const hasSubHeaderOrMessage = subHeader !== undefined || message !== undefined;
|
|
902
902
|
const theme = ionicGlobal.getIonTheme(this);
|
|
903
|
-
return (index.h(index.Host, { key: '
|
|
903
|
+
return (index.h(index.Host, { key: '5211e9deb7231bfcb6f3144f201b3783f77b30ba', class: {
|
|
904
904
|
[theme]: true,
|
|
905
|
-
} }, index.h("ion-list", { key: '
|
|
905
|
+
} }, index.h("ion-list", { key: 'ae1d8a90dfd7d141c7f2a5c3b0de52d26e0a53c1' }, header !== undefined && index.h("ion-list-header", { key: 'c5accdb7c8e73bb63841f8776a67a8974ea7e0d4' }, header), hasSubHeaderOrMessage && (index.h("ion-item", { key: '6fda56e16eebd2513f69765e250451c03e108d4d' }, index.h("ion-label", { key: 'beef0a262a6d5b31f1a0bceb8c5143ef238481a2', class: "ion-text-wrap" }, subHeader !== undefined && index.h("h3", { key: 'f235d203a8971977ac945c4e6c7f1b9c3e7119a0' }, subHeader), message !== undefined && index.h("p", { key: 'c65933c4ea11cad946d92a37b0d6404e5f3699a7' }, message)))), this.renderOptions(options))));
|
|
906
906
|
}
|
|
907
907
|
get el() { return index.getElement(this); }
|
|
908
908
|
};
|
|
@@ -68,7 +68,7 @@ const Spinner = class {
|
|
|
68
68
|
svgs.push(buildLine(spinner, duration, i, spinner.lines));
|
|
69
69
|
}
|
|
70
70
|
}
|
|
71
|
-
return (index.h(index.Host, { key: '
|
|
71
|
+
return (index.h(index.Host, { key: '8a3beeb623d6851addd4c0f9ef870e99c70a0dd8', class: theme.createColorClasses(self.color, {
|
|
72
72
|
[theme$1]: true,
|
|
73
73
|
[`spinner-${spinnerName}`]: true,
|
|
74
74
|
'spinner-paused': self.paused || config.config.getBoolean('_testing'),
|
|
@@ -129,12 +129,12 @@ const SplitPane = class {
|
|
|
129
129
|
}
|
|
130
130
|
render() {
|
|
131
131
|
const theme = ionicGlobal.getIonTheme(this);
|
|
132
|
-
return (index.h(index.Host, { key: '
|
|
132
|
+
return (index.h(index.Host, { key: 'cd27ad5bbbcc99340ecd70dbd1c3f9e9fdc22e65', class: {
|
|
133
133
|
[theme]: true,
|
|
134
134
|
// Used internally for styling
|
|
135
135
|
[`split-pane-${theme}`]: true,
|
|
136
136
|
'split-pane-visible': this.visible,
|
|
137
|
-
} }, index.h("slot", { key: '
|
|
137
|
+
} }, index.h("slot", { key: 'b8f2468bba9b923e32706732db30cc8dc9013e70' })));
|
|
138
138
|
}
|
|
139
139
|
get el() { return index.getElement(this); }
|
|
140
140
|
static get watchers() { return {
|
|
@@ -85,13 +85,13 @@ const TabBar = class {
|
|
|
85
85
|
const theme$1 = ionicGlobal.getIonTheme(this);
|
|
86
86
|
const shape = this.getShape();
|
|
87
87
|
const shouldHide = keyboardVisible && this.el.getAttribute('slot') !== 'top';
|
|
88
|
-
return (index.h(index.Host, { key: '
|
|
88
|
+
return (index.h(index.Host, { key: 'e57f0d522ba76f8d5eaf1a08ae4fea98a3f7a50a', role: "tablist", "aria-hidden": shouldHide ? 'true' : null, class: theme.createColorClasses(color, {
|
|
89
89
|
[theme$1]: true,
|
|
90
90
|
'tab-bar-translucent': translucent,
|
|
91
91
|
'tab-bar-hidden': shouldHide,
|
|
92
92
|
[`tab-bar-${expand}`]: true,
|
|
93
93
|
[`tab-bar-${shape}`]: shape !== undefined,
|
|
94
|
-
}) }, index.h("slot", { key: '
|
|
94
|
+
}) }, index.h("slot", { key: 'beee2b8b2139bc2c7920619f4b961f74c3b521fe' })));
|
|
95
95
|
}
|
|
96
96
|
get el() { return index.getElement(this); }
|
|
97
97
|
static get watchers() { return {
|
|
@@ -189,7 +189,7 @@ const TabButton = class {
|
|
|
189
189
|
rel,
|
|
190
190
|
target,
|
|
191
191
|
};
|
|
192
|
-
return (index.h(index.Host, { key: '
|
|
192
|
+
return (index.h(index.Host, { key: '92fe9a21c7cdb676088159706dbf413f7a1ab6dd', onClick: this.onClick, onKeyup: this.onKeyUp, id: tab !== undefined ? `tab-button-${tab}` : null, class: {
|
|
193
193
|
[theme]: true,
|
|
194
194
|
'tab-selected': selected,
|
|
195
195
|
'tab-disabled': disabled,
|
|
@@ -202,7 +202,7 @@ const TabButton = class {
|
|
|
202
202
|
'ion-selectable': true,
|
|
203
203
|
[`tab-button-shape-${shape}`]: shape !== undefined,
|
|
204
204
|
'ion-focusable': true,
|
|
205
|
-
} }, index.h("a", Object.assign({ key: '
|
|
205
|
+
} }, index.h("a", Object.assign({ key: 'c4b46c35ec0dbde8a8ba4d5e14b43cc198b8cea4' }, attrs, { class: "button-native", part: "native", role: "tab", "aria-selected": selected ? 'true' : null, "aria-disabled": disabled ? 'true' : null, tabindex: disabled ? '-1' : undefined }, inheritedAttributes), index.h("span", { key: 'e8e5fcdb3e82e7faf6360609405ffe5aec5ddfa7', class: "button-inner" }, index.h("slot", { key: '3ccbf6571071946adfb34f3dc4dc6b03911bf028' })), theme === 'md' && index.h("ion-ripple-effect", { key: '3e1ac99fdc2bb2f7c70b24d13d0b75d870bbebee', type: "unbounded" }))));
|
|
206
206
|
}
|
|
207
207
|
get el() { return index.getElement(this); }
|
|
208
208
|
};
|
|
@@ -52,10 +52,10 @@ const Tab = class {
|
|
|
52
52
|
}
|
|
53
53
|
render() {
|
|
54
54
|
const { tab, active, component } = this;
|
|
55
|
-
return (index.h(index.Host, { key: '
|
|
55
|
+
return (index.h(index.Host, { key: '373fa350e5f183d9e539be2af831a2f19b1c4d8d', role: "tabpanel", "aria-hidden": !active ? 'true' : null, "aria-labelledby": `tab-button-${tab}`, class: {
|
|
56
56
|
'ion-page': component === undefined,
|
|
57
57
|
'tab-hidden': !active,
|
|
58
|
-
} }, index.h("slot", { key: '
|
|
58
|
+
} }, index.h("slot", { key: '2a3b2a72382b25d413bf52d9a2f75e4dcd4e031a' })));
|
|
59
59
|
}
|
|
60
60
|
get el() { return index.getElement(this); }
|
|
61
61
|
static get watchers() { return {
|
|
@@ -209,7 +209,7 @@ const Tabs = class {
|
|
|
209
209
|
return Array.from(this.el.querySelectorAll('ion-tab'));
|
|
210
210
|
}
|
|
211
211
|
render() {
|
|
212
|
-
return (index.h(index.Host, { key: '
|
|
212
|
+
return (index.h(index.Host, { key: '4d9856714441e8cc008fee4c576ce4459ce39a79', onIonTabButtonClick: this.onTabClicked }, index.h("slot", { key: 'c38cdbabedb8c20d0c9c567d22a43cef18cf62dd', name: "top" }), index.h("div", { key: '9abb86e184ac412ca330caa36c774514b57d7787', class: "tabs-inner" }, index.h("slot", { key: '80ccbfd4373b75eec57b65246b73f3492ca6de61' })), index.h("slot", { key: '529ea51bf3c4e83bbeceb0b0a46bf1acefd91999', name: "bottom" })));
|
|
213
213
|
}
|
|
214
214
|
get el() { return index.getElement(this); }
|
|
215
215
|
};
|
|
@@ -20,9 +20,9 @@ const Text = class {
|
|
|
20
20
|
}
|
|
21
21
|
render() {
|
|
22
22
|
const theme$1 = ionicGlobal.getIonTheme(this);
|
|
23
|
-
return (index.h(index.Host, { key: '
|
|
23
|
+
return (index.h(index.Host, { key: 'e1b876b429afbc3e274be86001ccfe24c442779f', class: theme.createColorClasses(this.color, {
|
|
24
24
|
[theme$1]: true,
|
|
25
|
-
}) }, index.h("slot", { key: '
|
|
25
|
+
}) }, index.h("slot", { key: '19a4830c579945a82b8b96bdb47b97c4f5ef21cf' })));
|
|
26
26
|
}
|
|
27
27
|
};
|
|
28
28
|
Text.style = IonTextStyle0;
|
|
@@ -407,7 +407,7 @@ const Textarea = class {
|
|
|
407
407
|
* TODO(FW-5592): Remove hasStartEndSlots condition
|
|
408
408
|
*/
|
|
409
409
|
const labelShouldFloat = labelPlacement === 'stacked' || (labelPlacement === 'floating' && (hasValue || hasFocus || hasStartEndSlots));
|
|
410
|
-
return (index.h(index.Host, { key: '
|
|
410
|
+
return (index.h(index.Host, { key: 'fe6c24bf77ca782972cac3d64a33737eaba23389', class: theme.createColorClasses(this.color, {
|
|
411
411
|
[theme$1]: true,
|
|
412
412
|
'has-value': hasValue,
|
|
413
413
|
'has-focus': hasFocus,
|
|
@@ -418,7 +418,7 @@ const Textarea = class {
|
|
|
418
418
|
[`textarea-label-placement-${labelPlacement}`]: true,
|
|
419
419
|
'textarea-disabled': disabled,
|
|
420
420
|
'textarea-readonly': readonly,
|
|
421
|
-
}) }, index.h("label", { key: '
|
|
421
|
+
}) }, index.h("label", { key: '23d6c62531e57b60d6260e7c40e63ee5cf8270c3', class: "textarea-wrapper", htmlFor: inputId }, this.renderLabelContainer(), index.h("div", { key: 'ea7dc7d4531f9698aa697cb09fae2703d0b0e591', class: "textarea-wrapper-inner" },
|
|
422
422
|
/**
|
|
423
423
|
* For the ionic theme, we render the outline container here
|
|
424
424
|
* instead of higher up, so it can be positioned relative to
|
|
@@ -428,7 +428,7 @@ const Textarea = class {
|
|
|
428
428
|
* <label> element, ensuring that clicking the label text
|
|
429
429
|
* focuses the textarea.
|
|
430
430
|
*/
|
|
431
|
-
theme$1 === 'ionic' && fill === 'outline' && index.h("div", { key: '
|
|
431
|
+
theme$1 === 'ionic' && fill === 'outline' && index.h("div", { key: 'bc710e560648176cf4fcb6711be718026f7e30fd', class: "textarea-outline" }), index.h("div", { key: '9e2da805f2e270fdff71d024a4593a89b1a5d9f5', class: "start-slot-wrapper" }, index.h("slot", { key: '7a74498533a18410dfcee4f30d26624c4bf80dac', name: "start" })), index.h("div", { key: '8ccc0a907f9d1589f69557c12c765d0dd5af0bc2', class: "native-wrapper", ref: (el) => (this.textareaWrapper = el) }, index.h("textarea", Object.assign({ key: '6573b2257ca304b302ab1d3cd8f4cad7ee5083d3', class: "native-textarea", ref: (el) => (this.nativeInput = el), id: inputId, disabled: disabled, autoCapitalize: this.autocapitalize, autoFocus: this.autofocus, enterKeyHint: this.enterkeyhint, inputMode: this.inputmode, minLength: this.minlength, maxLength: this.maxlength, name: this.name, placeholder: this.placeholder || '', readOnly: this.readonly, required: this.required, spellcheck: this.spellcheck, cols: this.cols, rows: this.rows, wrap: this.wrap, onInput: this.onInput, onChange: this.onChange, onBlur: this.onBlur, onFocus: this.onFocus, onKeyDown: this.onKeyDown, "aria-describedby": this.getHintTextID(), "aria-invalid": this.getHintTextID() === this.errorTextId }, this.inheritedAttributes), value)), index.h("div", { key: '159897f6743c9467ab126b279e4047fb7c190a20', class: "end-slot-wrapper" }, index.h("slot", { key: '7a4cad67e425f6e61117540374a24d5398870dac', name: "end" }))), shouldRenderHighlight && index.h("div", { key: 'b1758605d2d8db048153c943fe3459379f5d55dd', class: "textarea-highlight" })), this.renderBottomContent()));
|
|
432
432
|
}
|
|
433
433
|
get el() { return index.getElement(this); }
|
|
434
434
|
static get watchers() { return {
|
|
@@ -849,9 +849,9 @@ const Toast = class {
|
|
|
849
849
|
if (layout === 'stacked' && startButtons.length > 0 && endButtons.length > 0) {
|
|
850
850
|
ionicGlobal.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);
|
|
851
851
|
}
|
|
852
|
-
return (index$1.h(index$1.Host, Object.assign({ key: '
|
|
852
|
+
return (index$1.h(index$1.Host, Object.assign({ key: 'ca2b6c7687dd35723354c70e428732f9ef37b42a', tabindex: "-1" }, this.htmlAttributes, { style: {
|
|
853
853
|
zIndex: `${60000 + this.overlayIndex}`,
|
|
854
|
-
}, class: theme.createColorClasses(this.color, Object.assign(Object.assign({ [mode]: true, [theme$1]: true }, theme.getClassMap(this.cssClass)), { 'overlay-hidden': true, 'toast-translucent': this.translucent, [`toast-shape-${shape}`]: shape !== undefined })), onIonToastWillDismiss: this.dispatchCancelHandler }), index$1.h("div", { key: '
|
|
854
|
+
}, class: theme.createColorClasses(this.color, Object.assign(Object.assign({ [mode]: true, [theme$1]: true }, theme.getClassMap(this.cssClass)), { 'overlay-hidden': true, 'toast-translucent': this.translucent, [`toast-shape-${shape}`]: shape !== undefined })), onIonToastWillDismiss: this.dispatchCancelHandler }), index$1.h("div", { key: 'b060ada04340de9c06d738aebdab040733c275b2', class: wrapperClass }, index$1.h("div", { key: '91e1656fb8d40dc8c06118177861a17a3f4818e2', class: "toast-container", part: "container" }, this.renderButtons(startButtons, 'start'), this.icon !== undefined && (index$1.h("ion-icon", { key: 'a21fde59cf54bf6d6d0be95709aba5d011fcee30', class: "toast-icon", part: "icon", icon: this.icon, lazy: false, "aria-hidden": "true" })), index$1.h("div", { key: '1b11ede14b09874d27cc9414d8a7ff3cf3d8ea0a', class: "toast-content", role: "status", "aria-atomic": "true", "aria-live": "polite" }, !revealContentToScreenReader && header !== undefined && this.renderHeader('oldHeader', 'true'), !revealContentToScreenReader && message !== undefined && this.renderToastMessage('oldMessage', 'true'), revealContentToScreenReader && header !== undefined && this.renderHeader('header'), revealContentToScreenReader && message !== undefined && this.renderToastMessage('header')), this.renderButtons(endButtons, 'end')))));
|
|
855
855
|
}
|
|
856
856
|
get el() { return index$1.getElement(this); }
|
|
857
857
|
static get watchers() { return {
|
|
@@ -220,7 +220,7 @@ const Toggle = class {
|
|
|
220
220
|
const rtl = dir.isRTL(el) ? 'rtl' : 'ltr';
|
|
221
221
|
const isIonicTheme = theme$1 === 'ionic';
|
|
222
222
|
helpers.renderHiddenInput(true, el, name, checked ? value : '', disabled);
|
|
223
|
-
return (index.h(index.Host, { key: '
|
|
223
|
+
return (index.h(index.Host, { key: '4d1933ea31bbb5aef07e25fca47ab32c3ce909c3', onClick: this.onClick, class: theme.createColorClasses(color, {
|
|
224
224
|
[theme$1]: true,
|
|
225
225
|
'in-item': theme.hostContext('ion-item', el),
|
|
226
226
|
'toggle-activated': activated,
|
|
@@ -232,10 +232,10 @@ const Toggle = class {
|
|
|
232
232
|
[`toggle-${rtl}`]: true,
|
|
233
233
|
'ion-activatable': isIonicTheme,
|
|
234
234
|
'ion-focusable': isIonicTheme,
|
|
235
|
-
}) }, index.h("label", { key: '
|
|
235
|
+
}) }, index.h("label", { key: 'b7a8dfa516c8db9ce5e6df8802f3da7cf248f70b', class: "toggle-wrapper" }, index.h("input", Object.assign({ key: '4bbda19d567c69985e5ebb36554187dde1611360', type: "checkbox", role: "switch", "aria-checked": `${checked}`, checked: checked, disabled: disabled, id: inputId, onFocus: () => this.onFocus(), onBlur: () => this.onBlur(), ref: (focusEl) => (this.focusEl = focusEl) }, this.inheritedAttributes)), index.h("div", { key: 'bba19bc7602b525ac1226425e13d6732c32176e9', class: {
|
|
236
236
|
'label-text-wrapper': true,
|
|
237
237
|
'label-text-wrapper-hidden': !this.hasLabel,
|
|
238
|
-
}, part: "label" }, index.h("slot", { key: '
|
|
238
|
+
}, part: "label" }, index.h("slot", { key: 'abe8b79d4b358c61fe215721ee08b8f9469c3c62' })), index.h("div", { key: 'cb2ff40a9d28296c6606022e2d0e032728a3a835', class: "native-wrapper" }, this.renderToggleControl()))));
|
|
239
239
|
}
|
|
240
240
|
get el() { return index.getElement(this); }
|
|
241
241
|
static get watchers() { return {
|
|
@@ -227,6 +227,8 @@ Do not edit directly, this file was auto-generated.
|
|
|
227
227
|
--placeholder-color: var(--ion-primitives-neutral-800, #626262);
|
|
228
228
|
--focus-ring-color: var(--ion-border-focus-default, #b5c0f7);
|
|
229
229
|
--focus-ring-width: var(--ion-border-size-050, 2px);
|
|
230
|
+
--leading-icon-padding: calc(var(--ion-scale-400, 16px) + var(--ion-space-200, 8px));
|
|
231
|
+
--clear-button-padding: calc(var(--ion-scale-400, 16px) + var(--ion-space-200, 8px));
|
|
230
232
|
font-size: var(--ion-font-size-350, 0.875rem);
|
|
231
233
|
font-weight: var(--ion-font-weight-regular, 400);
|
|
232
234
|
letter-spacing: var(--ion-font-letter-spacing-0, 0%);
|
|
@@ -248,6 +250,7 @@ Do not edit directly, this file was auto-generated.
|
|
|
248
250
|
padding-top: var(--ion-space-300, 12px);
|
|
249
251
|
padding-bottom: var(--ion-space-300, 12px);
|
|
250
252
|
contain: strict;
|
|
253
|
+
text-overflow: ellipsis;
|
|
251
254
|
}
|
|
252
255
|
|
|
253
256
|
.searchbar-clear-button {
|
|
@@ -258,6 +261,10 @@ Do not edit directly, this file was auto-generated.
|
|
|
258
261
|
contain: strict;
|
|
259
262
|
}
|
|
260
263
|
|
|
264
|
+
:host(:not(.searchbar-should-show-clear)) {
|
|
265
|
+
--clear-button-padding: var(--ion-scale-0, 0px);
|
|
266
|
+
}
|
|
267
|
+
|
|
261
268
|
.searchbar-cancel-button {
|
|
262
269
|
width: var(--ion-scale-400, 16px);
|
|
263
270
|
height: var(--ion-scale-400, 16px);
|
|
@@ -280,6 +287,10 @@ Do not edit directly, this file was auto-generated.
|
|
|
280
287
|
opacity: 1;
|
|
281
288
|
}
|
|
282
289
|
|
|
290
|
+
:host(:not(.searchbar-has-leading-icons)) {
|
|
291
|
+
--leading-icon-padding: var(--ion-scale-0, 0px);
|
|
292
|
+
}
|
|
293
|
+
|
|
283
294
|
:host-context(ion-toolbar).searchbar-should-show-cancel .searchbar-cancel-button {
|
|
284
295
|
/**
|
|
285
296
|
* The left edge of the cancel button
|
|
@@ -300,7 +311,7 @@ Do not edit directly, this file was auto-generated.
|
|
|
300
311
|
* the size of the leading icon (search or cancel),
|
|
301
312
|
* and the gap between the icon and the input.
|
|
302
313
|
*/
|
|
303
|
-
padding-inline-start: calc(9px + var(--
|
|
314
|
+
padding-inline-start: calc(9px + var(--leading-icon-padding));
|
|
304
315
|
}
|
|
305
316
|
|
|
306
317
|
/* Hover */
|
|
@@ -358,10 +369,10 @@ Do not edit directly, this file was auto-generated.
|
|
|
358
369
|
* the size of the trailing icon (clear),
|
|
359
370
|
* and the gap between the icon and the input.
|
|
360
371
|
*/
|
|
361
|
-
-webkit-padding-start: calc(var(--ion-space-300, 12px) + var(--
|
|
362
|
-
padding-inline-start: calc(var(--ion-space-300, 12px) + var(--
|
|
363
|
-
-webkit-padding-end: calc(var(--ion-space-300, 12px) + var(--
|
|
364
|
-
padding-inline-end: calc(var(--ion-space-300, 12px) + var(--
|
|
372
|
+
-webkit-padding-start: calc(var(--ion-space-300, 12px) + var(--leading-icon-padding));
|
|
373
|
+
padding-inline-start: calc(var(--ion-space-300, 12px) + var(--leading-icon-padding));
|
|
374
|
+
-webkit-padding-end: calc(var(--ion-space-300, 12px) + var(--clear-button-padding));
|
|
375
|
+
padding-inline-end: calc(var(--ion-space-300, 12px) + var(--clear-button-padding));
|
|
365
376
|
height: var(--ion-scale-1000, 40px);
|
|
366
377
|
}
|
|
367
378
|
|
|
@@ -387,10 +398,10 @@ Do not edit directly, this file was auto-generated.
|
|
|
387
398
|
* the size of the trailing icon (clear),
|
|
388
399
|
* and the gap between the icon and the input.
|
|
389
400
|
*/
|
|
390
|
-
-webkit-padding-start: calc(var(--ion-space-400, 16px) + var(--
|
|
391
|
-
padding-inline-start: calc(var(--ion-space-400, 16px) + var(--
|
|
392
|
-
-webkit-padding-end: calc(var(--ion-space-400, 16px) + var(--
|
|
393
|
-
padding-inline-end: calc(var(--ion-space-400, 16px) + var(--
|
|
401
|
+
-webkit-padding-start: calc(var(--ion-space-400, 16px) + var(--leading-icon-padding));
|
|
402
|
+
padding-inline-start: calc(var(--ion-space-400, 16px) + var(--leading-icon-padding));
|
|
403
|
+
-webkit-padding-end: calc(var(--ion-space-400, 16px) + var(--clear-button-padding));
|
|
404
|
+
padding-inline-end: calc(var(--ion-space-400, 16px) + var(--clear-button-padding));
|
|
394
405
|
height: var(--ion-scale-1200, 48px);
|
|
395
406
|
}
|
|
396
407
|
|
|
@@ -406,6 +417,7 @@ Do not edit directly, this file was auto-generated.
|
|
|
406
417
|
/* Large */
|
|
407
418
|
:host(.searchbar-size-large) .searchbar-search-icon,
|
|
408
419
|
:host(.searchbar-size-large) .searchbar-cancel-button {
|
|
420
|
+
--leading-icon-padding: calc(var(--ion-scale-500, 20px) + var(--ion-space-200, 8px));
|
|
409
421
|
width: var(--ion-scale-500, 20px);
|
|
410
422
|
height: var(--ion-scale-500, 20px);
|
|
411
423
|
}
|
|
@@ -421,7 +433,7 @@ Do not edit directly, this file was auto-generated.
|
|
|
421
433
|
* the size of the leading icon (search or cancel),
|
|
422
434
|
* and the gap between the icon and the input.
|
|
423
435
|
*/
|
|
424
|
-
padding-inline-start: calc(9px + var(--
|
|
436
|
+
padding-inline-start: calc(9px + var(--leading-icon-padding));
|
|
425
437
|
}
|
|
426
438
|
|
|
427
439
|
:host(.searchbar-size-large) .searchbar-input {
|
|
@@ -438,10 +450,10 @@ Do not edit directly, this file was auto-generated.
|
|
|
438
450
|
* the size of the trailing icon (clear),
|
|
439
451
|
* and the gap between the icon and the input.
|
|
440
452
|
*/
|
|
441
|
-
-webkit-padding-start: calc(var(--ion-space-500, 20px) + var(--
|
|
442
|
-
padding-inline-start: calc(var(--ion-space-500, 20px) + var(--
|
|
443
|
-
-webkit-padding-end: calc(var(--ion-space-500, 20px) + var(--
|
|
444
|
-
padding-inline-end: calc(var(--ion-space-500, 20px) + var(--
|
|
453
|
+
-webkit-padding-start: calc(var(--ion-space-500, 20px) + var(--leading-icon-padding));
|
|
454
|
+
padding-inline-start: calc(var(--ion-space-500, 20px) + var(--leading-icon-padding));
|
|
455
|
+
-webkit-padding-end: calc(var(--ion-space-500, 20px) + var(--clear-button-padding));
|
|
456
|
+
padding-inline-end: calc(var(--ion-space-500, 20px) + var(--clear-button-padding));
|
|
445
457
|
height: var(--ion-scale-1400, 56px);
|
|
446
458
|
}
|
|
447
459
|
|
|
@@ -477,8 +477,8 @@ export class Searchbar {
|
|
|
477
477
|
const shouldShowCancelButton = this.shouldShowCancelButton();
|
|
478
478
|
const shape = this.getShape();
|
|
479
479
|
const size = this.getSize();
|
|
480
|
-
const cancelButton = this.showCancelButton !== 'never' && (h("button", { key: '
|
|
481
|
-
return (h(Host, { key: '
|
|
480
|
+
const cancelButton = this.showCancelButton !== 'never' && (h("button", { key: '280cc4d61d078fae543254a8570b9a24635add6e', "aria-label": cancelButtonText, "aria-hidden": shouldShowCancelButton ? undefined : 'true', type: "button", tabIndex: theme === 'ios' && !shouldShowCancelButton ? -1 : undefined, onMouseDown: this.onCancelSearchbar, onTouchStart: this.onCancelSearchbar, class: "searchbar-cancel-button" }, h("div", { key: 'adcdc5b8b88a7541e79bada97a163a7e229f750d', "aria-hidden": "true" }, theme === 'md' || theme === 'ionic' ? (h("ion-icon", { "aria-hidden": "true", icon: searchbarCancelIcon, lazy: false })) : (cancelButtonText))));
|
|
481
|
+
return (h(Host, { key: 'cfe739824b187e0fb3840871a2aa7a70aac5032a', role: "search", "aria-disabled": this.disabled ? 'true' : null, class: createColorClasses(this.color, {
|
|
482
482
|
[theme]: true,
|
|
483
483
|
'searchbar-animated': animated,
|
|
484
484
|
'searchbar-disabled': this.disabled,
|
|
@@ -486,18 +486,19 @@ export class Searchbar {
|
|
|
486
486
|
'searchbar-has-value': this.hasValue(),
|
|
487
487
|
'searchbar-left-aligned': this.shouldAlignLeft,
|
|
488
488
|
'searchbar-has-focus': this.focused,
|
|
489
|
+
'searchbar-has-leading-icons': theme === 'ionic' && (this.searchIcon !== undefined || this.showCancelButton !== 'never'),
|
|
489
490
|
'searchbar-should-show-clear': this.shouldShowClearButton(),
|
|
490
491
|
'searchbar-should-show-cancel': this.shouldShowCancelButton(),
|
|
491
492
|
[`searchbar-shape-${shape}`]: shape !== undefined,
|
|
492
493
|
[`searchbar-size-${size}`]: size !== undefined,
|
|
493
|
-
}) }, h("div", { key: '
|
|
494
|
+
}) }, h("div", { key: '6e7cf7a93a570a8e6a6752f1a1ca4ed956605227', class: "searchbar-input-container" }, h("input", Object.assign({ key: '31d402af9375a9129c8f11eb9e68753490945f36', "aria-label": "search text", disabled: this.disabled, ref: (el) => (this.nativeInput = el), class: "searchbar-input", inputMode: this.inputmode, enterKeyHint: this.enterkeyhint, name: this.name, onInput: this.onInput, onChange: this.onChange, onBlur: this.onBlur, onFocus: this.onFocus, minLength: this.minlength, maxLength: this.maxlength, placeholder: this.placeholder, type: this.type, value: this.getValue(), autoCapitalize: autocapitalize === 'default' ? undefined : autocapitalize, autoComplete: this.autocomplete, autoCorrect: this.autocorrect, spellcheck: this.spellcheck }, this.inheritedAttributes)), (theme === 'md' || theme === 'ionic') && cancelButton, theme !== 'ionic' || this.searchIcon !== undefined ? (h("ion-icon", { "aria-hidden": "true", icon: searchbarSearchIcon, lazy: false, class: "searchbar-search-icon" })) : null, theme !== 'ionic' || this.shouldShowClearButton() !== undefined ? (h("button", { "aria-label": "reset", type: "button", "no-blur": true, class: "searchbar-clear-button", onPointerDown: (ev) => {
|
|
494
495
|
/**
|
|
495
496
|
* This prevents mobile browsers from
|
|
496
497
|
* blurring the input when the clear
|
|
497
498
|
* button is activated.
|
|
498
499
|
*/
|
|
499
500
|
ev.preventDefault();
|
|
500
|
-
}, onClick: () => this.onClearInput(true) }, h("ion-icon", {
|
|
501
|
+
}, onClick: () => this.onClearInput(true) }, h("ion-icon", { "aria-hidden": "true", icon: searchbarClearIcon, lazy: false, class: "searchbar-clear-icon" }))) : null), theme === 'ios' && cancelButton));
|
|
501
502
|
}
|
|
502
503
|
static get is() { return "ion-searchbar"; }
|
|
503
504
|
static get encapsulation() { return "scoped"; }
|
|
@@ -647,7 +648,7 @@ export class Searchbar {
|
|
|
647
648
|
"optional": false,
|
|
648
649
|
"docs": {
|
|
649
650
|
"tags": [],
|
|
650
|
-
"text": "Set the
|
|
651
|
+
"text": "Set the cancel button text. Only available when the theme is `\"ios\"`."
|
|
651
652
|
},
|
|
652
653
|
"attribute": "cancel-button-text",
|
|
653
654
|
"reflect": false,
|