@ionic/core 8.3.3-dev.11729027747.1d05ced8 → 8.3.3-dev.11729113140.194d2c73

package/hydrate/index.js

@@ -6352,10 +6352,10 @@ const mdLeaveAnimation$5 = (baseEl) => {
         .addAnimation([backdropAnimation, wrapperAnimation]);
 };
 
-const actionSheetIosCss = ".sc-ion-action-sheet-ios-h{--color:initial;--button-color-activated:var(--button-color);--button-color-focused:var(--button-color);--button-color-hover:var(--button-color);--button-color-selected:var(--button-color);--min-width:auto;--width:100%;--max-width:500px;--min-height:auto;--height:auto;--max-height:calc(100% - (var(--ion-safe-area-top) + var(--ion-safe-area-bottom)));-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;left:0;right:0;top:0;bottom:0;display:block;position:fixed;outline:none;font-family:var(--ion-font-family, inherit);-ms-touch-action:none;touch-action:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;z-index:1001}.overlay-hidden.sc-ion-action-sheet-ios-h{display:none}.action-sheet-wrapper.sc-ion-action-sheet-ios{left:0;right:0;bottom:0;-webkit-transform:translate3d(0,  100%,  0);transform:translate3d(0,  100%,  0);display:block;position:absolute;width:var(--width);min-width:var(--min-width);max-width:var(--max-width);height:var(--height);min-height:var(--min-height);max-height:var(--max-height);z-index:10;pointer-events:none}.action-sheet-button.sc-ion-action-sheet-ios{display:block;position:relative;width:100%;border:0;outline:none;background:var(--button-background);color:var(--button-color);font-family:inherit;overflow:hidden}.action-sheet-button.sc-ion-action-sheet-ios:disabled{color:var(--button-color-disabled);opacity:0.4}.action-sheet-button-inner.sc-ion-action-sheet-ios{display:-ms-flexbox;display:flex;position:relative;-ms-flex-flow:row nowrap;flex-flow:row nowrap;-ms-flex-negative:0;flex-shrink:0;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;pointer-events:none;width:100%;height:100%;z-index:1}.action-sheet-container.sc-ion-action-sheet-ios{display:-ms-flexbox;display:flex;-ms-flex-flow:column;flex-flow:column;-ms-flex-pack:end;justify-content:flex-end;height:100%;max-height:calc(100vh - (var(--ion-safe-area-top, 0) + var(--ion-safe-area-bottom, 0)));max-height:calc(100dvh - (var(--ion-safe-area-top, 0) + var(--ion-safe-area-bottom, 0)))}.action-sheet-group.sc-ion-action-sheet-ios{-ms-flex-negative:2;flex-shrink:2;overscroll-behavior-y:contain;overflow-y:auto;-webkit-overflow-scrolling:touch;pointer-events:all;background:var(--background)}@media (any-pointer: coarse){.action-sheet-group.sc-ion-action-sheet-ios::-webkit-scrollbar{display:none}}.action-sheet-group-cancel.sc-ion-action-sheet-ios{-ms-flex-negative:0;flex-shrink:0;overflow:hidden}.action-sheet-selected.sc-ion-action-sheet-ios{color:var(--button-color-selected)}.action-sheet-selected.sc-ion-action-sheet-ios::after{background:var(--button-background-selected);opacity:var(--button-background-selected-opacity)}.action-sheet-button.ion-activated.sc-ion-action-sheet-ios{color:var(--button-color-activated)}.action-sheet-button.ion-activated.sc-ion-action-sheet-ios::after{background:var(--button-background-activated);opacity:var(--button-background-activated-opacity)}.action-sheet-button.ion-focused.sc-ion-action-sheet-ios{color:var(--button-color-focused);background-color:var(--button-background-focused);opacity:var(--button-background-focused-opacity)}.action-sheet-button.ion-focused.sc-ion-action-sheet-ios::after{background:var(--button-background-focused);opacity:var(--button-background-focused-opacity)}@media (any-hover: hover){.action-sheet-button.sc-ion-action-sheet-ios:not(:disabled):hover{color:var(--button-color-hover)}.action-sheet-button.sc-ion-action-sheet-ios:not(:disabled):hover::after{background:var(--button-background-hover);opacity:var(--button-background-hover-opacity)}}.sc-ion-action-sheet-ios-h{--background:var(--ion-overlay-background-color, var(--ion-color-step-100, var(--ion-background-color-step-100, #f9f9f9)));--backdrop-opacity:var(--ion-backdrop-opacity, 0.4);--button-background:linear-gradient(0deg, rgba(var(--ion-text-color-rgb, 0, 0, 0), 0.08), rgba(var(--ion-text-color-rgb, 0, 0, 0), 0.08) 50%, transparent 50%) bottom/100% 1px no-repeat transparent;--button-background-activated:var(--ion-text-color, #000);--button-background-activated-opacity:.08;--button-background-hover:currentColor;--button-background-hover-opacity:.04;--button-background-focused:currentColor;--button-background-focused-opacity:.12;--button-background-selected:var(--ion-color-step-150, var(--ion-background-color-step-150, var(--ion-background-color, #fff)));--button-background-selected-opacity:1;--button-color:var(--ion-color-primary, #0054e9);--button-color-disabled:var(--ion-color-step-850, var(--ion-text-color-step-150, #262626));--color:var(--ion-color-step-400, var(--ion-text-color-step-600, #999999));text-align:center}.action-sheet-wrapper.sc-ion-action-sheet-ios{-webkit-margin-start:auto;margin-inline-start:auto;-webkit-margin-end:auto;margin-inline-end:auto;margin-top:var(--ion-safe-area-top, 0);padding-bottom:var(--ion-safe-area-bottom, 0);-webkit-box-sizing:content-box;box-sizing:content-box}.action-sheet-container.sc-ion-action-sheet-ios{-webkit-padding-start:8px;padding-inline-start:8px;-webkit-padding-end:8px;padding-inline-end:8px;padding-top:0;padding-bottom:0}.action-sheet-group.sc-ion-action-sheet-ios{border-radius:13px;margin-bottom:8px}.action-sheet-group.sc-ion-action-sheet-ios:first-child{margin-top:10px}.action-sheet-group.sc-ion-action-sheet-ios:last-child{margin-bottom:10px}@supports ((-webkit-backdrop-filter: blur(0)) or (backdrop-filter: blur(0))){.action-sheet-translucent.sc-ion-action-sheet-ios-h .action-sheet-group.sc-ion-action-sheet-ios{background-color:transparent;-webkit-backdrop-filter:saturate(280%) blur(20px);backdrop-filter:saturate(280%) blur(20px)}.action-sheet-translucent.sc-ion-action-sheet-ios-h .action-sheet-title.sc-ion-action-sheet-ios,.action-sheet-translucent.sc-ion-action-sheet-ios-h .action-sheet-button.sc-ion-action-sheet-ios{background-color:transparent;background-image:-webkit-gradient(linear, left bottom, left top, from(rgba(var(--ion-background-color-rgb, 255, 255, 255), 0.8)), to(rgba(var(--ion-background-color-rgb, 255, 255, 255), 0.8))), -webkit-gradient(linear, left bottom, left top, from(rgba(var(--ion-background-color-rgb, 255, 255, 255), 0.4)), color-stop(50%, rgba(var(--ion-background-color-rgb, 255, 255, 255), 0.4)), color-stop(50%, rgba(var(--ion-background-color-rgb, 255, 255, 255), 0.8)));background-image:linear-gradient(0deg, rgba(var(--ion-background-color-rgb, 255, 255, 255), 0.8), rgba(var(--ion-background-color-rgb, 255, 255, 255), 0.8) 100%), linear-gradient(0deg, rgba(var(--ion-background-color-rgb, 255, 255, 255), 0.4), rgba(var(--ion-background-color-rgb, 255, 255, 255), 0.4) 50%, rgba(var(--ion-background-color-rgb, 255, 255, 255), 0.8) 50%);background-repeat:no-repeat;background-position:top, bottom;background-size:100% calc(100% - 1px), 100% 1px;-webkit-backdrop-filter:saturate(120%);backdrop-filter:saturate(120%)}.action-sheet-translucent.sc-ion-action-sheet-ios-h .action-sheet-button.ion-activated.sc-ion-action-sheet-ios{background-color:rgba(var(--ion-background-color-rgb, 255, 255, 255), 0.7);background-image:none}.action-sheet-translucent.sc-ion-action-sheet-ios-h .action-sheet-cancel.sc-ion-action-sheet-ios{background:var(--button-background-selected)}}.action-sheet-title.sc-ion-action-sheet-ios{background:-webkit-gradient(linear, left bottom, left top, from(rgba(var(--ion-text-color-rgb, 0, 0, 0), 0.08)), color-stop(50%, rgba(var(--ion-text-color-rgb, 0, 0, 0), 0.08)), color-stop(50%, transparent)) bottom/100% 1px no-repeat transparent;background:linear-gradient(0deg, rgba(var(--ion-text-color-rgb, 0, 0, 0), 0.08), rgba(var(--ion-text-color-rgb, 0, 0, 0), 0.08) 50%, transparent 50%) bottom/100% 1px no-repeat transparent}.action-sheet-title.sc-ion-action-sheet-ios{-webkit-padding-start:10px;padding-inline-start:10px;-webkit-padding-end:10px;padding-inline-end:10px;padding-top:14px;padding-bottom:13px;color:var(--color, var(--ion-color-step-400, var(--ion-text-color-step-600, #999999)));font-size:max(13px, 0.8125rem);font-weight:400;text-align:center}.action-sheet-title.action-sheet-has-sub-title.sc-ion-action-sheet-ios{font-weight:600}.action-sheet-sub-title.sc-ion-action-sheet-ios{padding-left:0;padding-right:0;padding-top:6px;padding-bottom:0;font-size:max(13px, 0.8125rem);font-weight:400}.action-sheet-button.sc-ion-action-sheet-ios{-webkit-padding-start:14px;padding-inline-start:14px;-webkit-padding-end:14px;padding-inline-end:14px;padding-top:14px;padding-bottom:14px;min-height:56px;font-size:max(20px, 1.25rem);contain:content}.action-sheet-button.sc-ion-action-sheet-ios .action-sheet-icon.sc-ion-action-sheet-ios{-webkit-margin-end:0.3em;margin-inline-end:0.3em;font-size:max(28px, 1.75rem);pointer-events:none}.action-sheet-button.sc-ion-action-sheet-ios:last-child{background-image:none}.action-sheet-selected.sc-ion-action-sheet-ios{font-weight:bold}.action-sheet-cancel.sc-ion-action-sheet-ios{font-weight:600}.action-sheet-cancel.sc-ion-action-sheet-ios::after{background:var(--button-background-selected);opacity:var(--button-background-selected-opacity)}.action-sheet-destructive.sc-ion-action-sheet-ios,.action-sheet-destructive.ion-activated.sc-ion-action-sheet-ios,.action-sheet-destructive.ion-focused.sc-ion-action-sheet-ios{color:var(--ion-color-danger, #c5000f)}@media (any-hover: hover){.action-sheet-destructive.sc-ion-action-sheet-ios:hover{color:var(--ion-color-danger, #c5000f)}}";
+const actionSheetIosCss = ".sc-ion-action-sheet-ios-h{--color:initial;--button-color-activated:var(--button-color);--button-color-focused:var(--button-color);--button-color-hover:var(--button-color);--button-color-selected:var(--button-color);--min-width:auto;--width:100%;--max-width:500px;--min-height:auto;--height:auto;--max-height:calc(100% - (var(--ion-safe-area-top) + var(--ion-safe-area-bottom)));-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;left:0;right:0;top:0;bottom:0;display:block;position:fixed;outline:none;font-family:var(--ion-font-family, inherit);-ms-touch-action:none;touch-action:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;z-index:1001}.overlay-hidden.sc-ion-action-sheet-ios-h{display:none}.action-sheet-wrapper.sc-ion-action-sheet-ios{left:0;right:0;bottom:0;-webkit-transform:translate3d(0,  100%,  0);transform:translate3d(0,  100%,  0);display:block;position:absolute;width:var(--width);min-width:var(--min-width);max-width:var(--max-width);height:var(--height);min-height:var(--min-height);max-height:var(--max-height);z-index:10;pointer-events:none}.action-sheet-button.sc-ion-action-sheet-ios{display:block;position:relative;width:100%;border:0;outline:none;background:var(--button-background);color:var(--button-color);font-family:inherit;overflow:hidden}.action-sheet-button.sc-ion-action-sheet-ios:disabled{color:var(--button-color-disabled);opacity:0.4}.action-sheet-button-inner.sc-ion-action-sheet-ios{display:-ms-flexbox;display:flex;position:relative;-ms-flex-flow:row nowrap;flex-flow:row nowrap;-ms-flex-negative:0;flex-shrink:0;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;pointer-events:none;width:100%;height:100%;z-index:1}.action-sheet-container.sc-ion-action-sheet-ios{display:-ms-flexbox;display:flex;-ms-flex-flow:column;flex-flow:column;-ms-flex-pack:end;justify-content:flex-end;height:100%;max-height:calc(100vh - (var(--ion-safe-area-top, 0) + var(--ion-safe-area-bottom, 0)));max-height:calc(100dvh - (var(--ion-safe-area-top, 0) + var(--ion-safe-area-bottom, 0)))}.action-sheet-group.sc-ion-action-sheet-ios{-ms-flex-negative:2;flex-shrink:2;overscroll-behavior-y:contain;overflow-y:auto;-webkit-overflow-scrolling:touch;pointer-events:all;background:var(--background)}@media (any-pointer: coarse){.action-sheet-group.sc-ion-action-sheet-ios::-webkit-scrollbar{display:none}}.action-sheet-group-cancel.sc-ion-action-sheet-ios{-ms-flex-negative:0;flex-shrink:0;overflow:hidden}.action-sheet-selected.sc-ion-action-sheet-ios{color:var(--button-color-selected)}.action-sheet-selected.sc-ion-action-sheet-ios::after{background:var(--button-background-selected);opacity:var(--button-background-selected-opacity)}.action-sheet-button.ion-activated.sc-ion-action-sheet-ios{color:var(--button-color-activated)}.action-sheet-button.ion-activated.sc-ion-action-sheet-ios::after{background:var(--button-background-activated);opacity:var(--button-background-activated-opacity)}.action-sheet-button.ion-focused.sc-ion-action-sheet-ios{background-color:var(--button-background-focused);color:var(--button-color-focused);opacity:var(--button-background-focused-opacity)}.action-sheet-button.ion-focused.sc-ion-action-sheet-ios::after{background:var(--button-background-focused);opacity:var(--button-background-focused-opacity)}@media (any-hover: hover){.action-sheet-button.sc-ion-action-sheet-ios:not(:disabled):hover{color:var(--button-color-hover)}.action-sheet-button.sc-ion-action-sheet-ios:not(:disabled):hover::after{background:var(--button-background-hover);opacity:var(--button-background-hover-opacity)}}.sc-ion-action-sheet-ios-h{--background:var(--ion-overlay-background-color, var(--ion-color-step-100, var(--ion-background-color-step-100, #f9f9f9)));--backdrop-opacity:var(--ion-backdrop-opacity, 0.4);--button-background:linear-gradient(0deg, rgba(var(--ion-text-color-rgb, 0, 0, 0), 0.08), rgba(var(--ion-text-color-rgb, 0, 0, 0), 0.08) 50%, transparent 50%) bottom/100% 1px no-repeat transparent;--button-background-activated:var(--ion-text-color, #000);--button-background-activated-opacity:.08;--button-background-hover:currentColor;--button-background-hover-opacity:.04;--button-background-focused:currentColor;--button-background-focused-opacity:.12;--button-background-selected:var(--ion-color-step-150, var(--ion-background-color-step-150, var(--ion-background-color, #fff)));--button-background-selected-opacity:1;--button-color:var(--ion-color-primary, #0054e9);--button-color-disabled:var(--ion-color-step-850, var(--ion-text-color-step-150, #262626));--color:var(--ion-color-step-400, var(--ion-text-color-step-600, #999999));text-align:center}.action-sheet-wrapper.sc-ion-action-sheet-ios{-webkit-margin-start:auto;margin-inline-start:auto;-webkit-margin-end:auto;margin-inline-end:auto;margin-top:var(--ion-safe-area-top, 0);padding-bottom:var(--ion-safe-area-bottom, 0);-webkit-box-sizing:content-box;box-sizing:content-box}.action-sheet-container.sc-ion-action-sheet-ios{-webkit-padding-start:8px;padding-inline-start:8px;-webkit-padding-end:8px;padding-inline-end:8px;padding-top:0;padding-bottom:0}.action-sheet-group.sc-ion-action-sheet-ios{border-radius:13px;margin-bottom:8px}.action-sheet-group.sc-ion-action-sheet-ios:first-child{margin-top:10px}.action-sheet-group.sc-ion-action-sheet-ios:last-child{margin-bottom:10px}@supports ((-webkit-backdrop-filter: blur(0)) or (backdrop-filter: blur(0))){.action-sheet-translucent.sc-ion-action-sheet-ios-h .action-sheet-group.sc-ion-action-sheet-ios{background-color:transparent;-webkit-backdrop-filter:saturate(280%) blur(20px);backdrop-filter:saturate(280%) blur(20px)}.action-sheet-translucent.sc-ion-action-sheet-ios-h .action-sheet-title.sc-ion-action-sheet-ios,.action-sheet-translucent.sc-ion-action-sheet-ios-h .action-sheet-button.sc-ion-action-sheet-ios{background-color:transparent;background-image:-webkit-gradient(linear, left bottom, left top, from(rgba(var(--ion-background-color-rgb, 255, 255, 255), 0.8)), to(rgba(var(--ion-background-color-rgb, 255, 255, 255), 0.8))), -webkit-gradient(linear, left bottom, left top, from(rgba(var(--ion-background-color-rgb, 255, 255, 255), 0.4)), color-stop(50%, rgba(var(--ion-background-color-rgb, 255, 255, 255), 0.4)), color-stop(50%, rgba(var(--ion-background-color-rgb, 255, 255, 255), 0.8)));background-image:linear-gradient(0deg, rgba(var(--ion-background-color-rgb, 255, 255, 255), 0.8), rgba(var(--ion-background-color-rgb, 255, 255, 255), 0.8) 100%), linear-gradient(0deg, rgba(var(--ion-background-color-rgb, 255, 255, 255), 0.4), rgba(var(--ion-background-color-rgb, 255, 255, 255), 0.4) 50%, rgba(var(--ion-background-color-rgb, 255, 255, 255), 0.8) 50%);background-repeat:no-repeat;background-position:top, bottom;background-size:100% calc(100% - 1px), 100% 1px;-webkit-backdrop-filter:saturate(120%);backdrop-filter:saturate(120%)}.action-sheet-translucent.sc-ion-action-sheet-ios-h .action-sheet-button.ion-activated.sc-ion-action-sheet-ios{background-color:rgba(var(--ion-background-color-rgb, 255, 255, 255), 0.7);background-image:none}.action-sheet-translucent.sc-ion-action-sheet-ios-h .action-sheet-cancel.sc-ion-action-sheet-ios{background:var(--button-background-selected)}}.action-sheet-title.sc-ion-action-sheet-ios{background:-webkit-gradient(linear, left bottom, left top, from(rgba(var(--ion-text-color-rgb, 0, 0, 0), 0.08)), color-stop(50%, rgba(var(--ion-text-color-rgb, 0, 0, 0), 0.08)), color-stop(50%, transparent)) bottom/100% 1px no-repeat transparent;background:linear-gradient(0deg, rgba(var(--ion-text-color-rgb, 0, 0, 0), 0.08), rgba(var(--ion-text-color-rgb, 0, 0, 0), 0.08) 50%, transparent 50%) bottom/100% 1px no-repeat transparent}.action-sheet-title.sc-ion-action-sheet-ios{-webkit-padding-start:10px;padding-inline-start:10px;-webkit-padding-end:10px;padding-inline-end:10px;padding-top:14px;padding-bottom:13px;color:var(--color, var(--ion-color-step-400, var(--ion-text-color-step-600, #999999)));font-size:max(13px, 0.8125rem);font-weight:400;text-align:center}.action-sheet-title.action-sheet-has-sub-title.sc-ion-action-sheet-ios{font-weight:600}.action-sheet-sub-title.sc-ion-action-sheet-ios{padding-left:0;padding-right:0;padding-top:6px;padding-bottom:0;font-size:max(13px, 0.8125rem);font-weight:400}.action-sheet-button.sc-ion-action-sheet-ios{-webkit-padding-start:14px;padding-inline-start:14px;-webkit-padding-end:14px;padding-inline-end:14px;padding-top:14px;padding-bottom:14px;min-height:56px;font-size:max(20px, 1.25rem);contain:content}.action-sheet-button.sc-ion-action-sheet-ios .action-sheet-icon.sc-ion-action-sheet-ios{-webkit-margin-end:0.3em;margin-inline-end:0.3em;font-size:max(28px, 1.75rem);pointer-events:none}.action-sheet-button.sc-ion-action-sheet-ios:last-child{background-image:none}.action-sheet-selected.sc-ion-action-sheet-ios{font-weight:bold}.action-sheet-cancel.sc-ion-action-sheet-ios{font-weight:600}.action-sheet-cancel.sc-ion-action-sheet-ios::after{background:var(--button-background-selected);opacity:var(--button-background-selected-opacity)}.action-sheet-destructive.sc-ion-action-sheet-ios,.action-sheet-destructive.ion-activated.sc-ion-action-sheet-ios,.action-sheet-destructive.ion-focused.sc-ion-action-sheet-ios{color:var(--ion-color-danger, #c5000f)}@media (any-hover: hover){.action-sheet-destructive.sc-ion-action-sheet-ios:hover{color:var(--ion-color-danger, #c5000f)}}";
 var IonActionSheetIosStyle0 = actionSheetIosCss;
 
-const actionSheetMdCss = ".sc-ion-action-sheet-md-h{--color:initial;--button-color-activated:var(--button-color);--button-color-focused:var(--button-color);--button-color-hover:var(--button-color);--button-color-selected:var(--button-color);--min-width:auto;--width:100%;--max-width:500px;--min-height:auto;--height:auto;--max-height:calc(100% - (var(--ion-safe-area-top) + var(--ion-safe-area-bottom)));-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;left:0;right:0;top:0;bottom:0;display:block;position:fixed;outline:none;font-family:var(--ion-font-family, inherit);-ms-touch-action:none;touch-action:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;z-index:1001}.overlay-hidden.sc-ion-action-sheet-md-h{display:none}.action-sheet-wrapper.sc-ion-action-sheet-md{left:0;right:0;bottom:0;-webkit-transform:translate3d(0,  100%,  0);transform:translate3d(0,  100%,  0);display:block;position:absolute;width:var(--width);min-width:var(--min-width);max-width:var(--max-width);height:var(--height);min-height:var(--min-height);max-height:var(--max-height);z-index:10;pointer-events:none}.action-sheet-button.sc-ion-action-sheet-md{display:block;position:relative;width:100%;border:0;outline:none;background:var(--button-background);color:var(--button-color);font-family:inherit;overflow:hidden}.action-sheet-button.sc-ion-action-sheet-md:disabled{color:var(--button-color-disabled);opacity:0.4}.action-sheet-button-inner.sc-ion-action-sheet-md{display:-ms-flexbox;display:flex;position:relative;-ms-flex-flow:row nowrap;flex-flow:row nowrap;-ms-flex-negative:0;flex-shrink:0;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;pointer-events:none;width:100%;height:100%;z-index:1}.action-sheet-container.sc-ion-action-sheet-md{display:-ms-flexbox;display:flex;-ms-flex-flow:column;flex-flow:column;-ms-flex-pack:end;justify-content:flex-end;height:100%;max-height:calc(100vh - (var(--ion-safe-area-top, 0) + var(--ion-safe-area-bottom, 0)));max-height:calc(100dvh - (var(--ion-safe-area-top, 0) + var(--ion-safe-area-bottom, 0)))}.action-sheet-group.sc-ion-action-sheet-md{-ms-flex-negative:2;flex-shrink:2;overscroll-behavior-y:contain;overflow-y:auto;-webkit-overflow-scrolling:touch;pointer-events:all;background:var(--background)}@media (any-pointer: coarse){.action-sheet-group.sc-ion-action-sheet-md::-webkit-scrollbar{display:none}}.action-sheet-group-cancel.sc-ion-action-sheet-md{-ms-flex-negative:0;flex-shrink:0;overflow:hidden}.action-sheet-selected.sc-ion-action-sheet-md{color:var(--button-color-selected)}.action-sheet-selected.sc-ion-action-sheet-md::after{background:var(--button-background-selected);opacity:var(--button-background-selected-opacity)}.action-sheet-button.ion-activated.sc-ion-action-sheet-md{color:var(--button-color-activated)}.action-sheet-button.ion-activated.sc-ion-action-sheet-md::after{background:var(--button-background-activated);opacity:var(--button-background-activated-opacity)}.action-sheet-button.ion-focused.sc-ion-action-sheet-md{color:var(--button-color-focused);background-color:var(--button-background-focused);opacity:var(--button-background-focused-opacity)}.action-sheet-button.ion-focused.sc-ion-action-sheet-md::after{background:var(--button-background-focused);opacity:var(--button-background-focused-opacity)}@media (any-hover: hover){.action-sheet-button.sc-ion-action-sheet-md:not(:disabled):hover{color:var(--button-color-hover)}.action-sheet-button.sc-ion-action-sheet-md:not(:disabled):hover::after{background:var(--button-background-hover);opacity:var(--button-background-hover-opacity)}}.sc-ion-action-sheet-md-h{--background:var(--ion-overlay-background-color, var(--ion-background-color, #fff));--backdrop-opacity:var(--ion-backdrop-opacity, 0.32);--button-background:transparent;--button-background-selected:currentColor;--button-background-selected-opacity:0;--button-background-activated:transparent;--button-background-activated-opacity:0;--button-background-hover:currentColor;--button-background-hover-opacity:.04;--button-background-focused:currentColor;--button-background-focused-opacity:.12;--button-color:var(--ion-color-step-850, var(--ion-text-color-step-150, #262626));--button-color-disabled:var(--button-color);--color:rgba(var(--ion-text-color-rgb, 0, 0, 0), 0.54)}.action-sheet-wrapper.sc-ion-action-sheet-md{-webkit-margin-start:auto;margin-inline-start:auto;-webkit-margin-end:auto;margin-inline-end:auto;margin-top:var(--ion-safe-area-top, 0);margin-bottom:0}.action-sheet-title.sc-ion-action-sheet-md{-webkit-padding-start:16px;padding-inline-start:16px;-webkit-padding-end:16px;padding-inline-end:16px;padding-top:20px;padding-bottom:17px;min-height:60px;color:var(--color, rgba(var(--ion-text-color-rgb, 0, 0, 0), 0.54));font-size:1rem;text-align:start}.action-sheet-sub-title.sc-ion-action-sheet-md{padding-left:0;padding-right:0;padding-top:16px;padding-bottom:0;font-size:0.875rem}.action-sheet-group.sc-ion-action-sheet-md:first-child{padding-top:0}.action-sheet-group.sc-ion-action-sheet-md:last-child{padding-bottom:var(--ion-safe-area-bottom)}.action-sheet-button.sc-ion-action-sheet-md{-webkit-padding-start:16px;padding-inline-start:16px;-webkit-padding-end:16px;padding-inline-end:16px;padding-top:12px;padding-bottom:12px;position:relative;min-height:52px;font-size:1rem;text-align:start;contain:content;overflow:hidden}.action-sheet-icon.sc-ion-action-sheet-md{-webkit-margin-start:0;margin-inline-start:0;-webkit-margin-end:32px;margin-inline-end:32px;margin-top:0;margin-bottom:0;color:var(--color);font-size:1.5rem}.action-sheet-button-inner.sc-ion-action-sheet-md{-ms-flex-pack:start;justify-content:flex-start}.action-sheet-selected.sc-ion-action-sheet-md{font-weight:bold}";
+const actionSheetMdCss = ".sc-ion-action-sheet-md-h{--color:initial;--button-color-activated:var(--button-color);--button-color-focused:var(--button-color);--button-color-hover:var(--button-color);--button-color-selected:var(--button-color);--min-width:auto;--width:100%;--max-width:500px;--min-height:auto;--height:auto;--max-height:calc(100% - (var(--ion-safe-area-top) + var(--ion-safe-area-bottom)));-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;left:0;right:0;top:0;bottom:0;display:block;position:fixed;outline:none;font-family:var(--ion-font-family, inherit);-ms-touch-action:none;touch-action:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;z-index:1001}.overlay-hidden.sc-ion-action-sheet-md-h{display:none}.action-sheet-wrapper.sc-ion-action-sheet-md{left:0;right:0;bottom:0;-webkit-transform:translate3d(0,  100%,  0);transform:translate3d(0,  100%,  0);display:block;position:absolute;width:var(--width);min-width:var(--min-width);max-width:var(--max-width);height:var(--height);min-height:var(--min-height);max-height:var(--max-height);z-index:10;pointer-events:none}.action-sheet-button.sc-ion-action-sheet-md{display:block;position:relative;width:100%;border:0;outline:none;background:var(--button-background);color:var(--button-color);font-family:inherit;overflow:hidden}.action-sheet-button.sc-ion-action-sheet-md:disabled{color:var(--button-color-disabled);opacity:0.4}.action-sheet-button-inner.sc-ion-action-sheet-md{display:-ms-flexbox;display:flex;position:relative;-ms-flex-flow:row nowrap;flex-flow:row nowrap;-ms-flex-negative:0;flex-shrink:0;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;pointer-events:none;width:100%;height:100%;z-index:1}.action-sheet-container.sc-ion-action-sheet-md{display:-ms-flexbox;display:flex;-ms-flex-flow:column;flex-flow:column;-ms-flex-pack:end;justify-content:flex-end;height:100%;max-height:calc(100vh - (var(--ion-safe-area-top, 0) + var(--ion-safe-area-bottom, 0)));max-height:calc(100dvh - (var(--ion-safe-area-top, 0) + var(--ion-safe-area-bottom, 0)))}.action-sheet-group.sc-ion-action-sheet-md{-ms-flex-negative:2;flex-shrink:2;overscroll-behavior-y:contain;overflow-y:auto;-webkit-overflow-scrolling:touch;pointer-events:all;background:var(--background)}@media (any-pointer: coarse){.action-sheet-group.sc-ion-action-sheet-md::-webkit-scrollbar{display:none}}.action-sheet-group-cancel.sc-ion-action-sheet-md{-ms-flex-negative:0;flex-shrink:0;overflow:hidden}.action-sheet-selected.sc-ion-action-sheet-md{color:var(--button-color-selected)}.action-sheet-selected.sc-ion-action-sheet-md::after{background:var(--button-background-selected);opacity:var(--button-background-selected-opacity)}.action-sheet-button.ion-activated.sc-ion-action-sheet-md{color:var(--button-color-activated)}.action-sheet-button.ion-activated.sc-ion-action-sheet-md::after{background:var(--button-background-activated);opacity:var(--button-background-activated-opacity)}.action-sheet-button.ion-focused.sc-ion-action-sheet-md{background-color:var(--button-background-focused);color:var(--button-color-focused);opacity:var(--button-background-focused-opacity)}.action-sheet-button.ion-focused.sc-ion-action-sheet-md::after{background:var(--button-background-focused);opacity:var(--button-background-focused-opacity)}@media (any-hover: hover){.action-sheet-button.sc-ion-action-sheet-md:not(:disabled):hover{color:var(--button-color-hover)}.action-sheet-button.sc-ion-action-sheet-md:not(:disabled):hover::after{background:var(--button-background-hover);opacity:var(--button-background-hover-opacity)}}.sc-ion-action-sheet-md-h{--background:var(--ion-overlay-background-color, var(--ion-background-color, #fff));--backdrop-opacity:var(--ion-backdrop-opacity, 0.32);--button-background:transparent;--button-background-selected:currentColor;--button-background-selected-opacity:0;--button-background-activated:transparent;--button-background-activated-opacity:0;--button-background-hover:currentColor;--button-background-hover-opacity:.04;--button-background-focused:currentColor;--button-background-focused-opacity:.12;--button-color:var(--ion-color-step-850, var(--ion-text-color-step-150, #262626));--button-color-disabled:var(--button-color);--color:rgba(var(--ion-text-color-rgb, 0, 0, 0), 0.54)}.action-sheet-wrapper.sc-ion-action-sheet-md{-webkit-margin-start:auto;margin-inline-start:auto;-webkit-margin-end:auto;margin-inline-end:auto;margin-top:var(--ion-safe-area-top, 0);margin-bottom:0}.action-sheet-title.sc-ion-action-sheet-md{-webkit-padding-start:16px;padding-inline-start:16px;-webkit-padding-end:16px;padding-inline-end:16px;padding-top:20px;padding-bottom:17px;min-height:60px;color:var(--color, rgba(var(--ion-text-color-rgb, 0, 0, 0), 0.54));font-size:1rem;text-align:start}.action-sheet-sub-title.sc-ion-action-sheet-md{padding-left:0;padding-right:0;padding-top:16px;padding-bottom:0;font-size:0.875rem}.action-sheet-group.sc-ion-action-sheet-md:first-child{padding-top:0}.action-sheet-group.sc-ion-action-sheet-md:last-child{padding-bottom:var(--ion-safe-area-bottom)}.action-sheet-button.sc-ion-action-sheet-md{-webkit-padding-start:16px;padding-inline-start:16px;-webkit-padding-end:16px;padding-inline-end:16px;padding-top:12px;padding-bottom:12px;position:relative;min-height:52px;font-size:1rem;text-align:start;contain:content;overflow:hidden}.action-sheet-icon.sc-ion-action-sheet-md{-webkit-margin-start:0;margin-inline-start:0;-webkit-margin-end:32px;margin-inline-end:32px;margin-top:0;margin-bottom:0;color:var(--color);font-size:1.5rem}.action-sheet-button-inner.sc-ion-action-sheet-md{-ms-flex-pack:start;justify-content:flex-start}.action-sheet-selected.sc-ion-action-sheet-md{font-weight:bold}";
 var IonActionSheetMdStyle0 = actionSheetMdCss;
 
 /**
@@ -6461,17 +6461,17 @@ class ActionSheet {
     onWillDismiss() {
         return eventMethod(this.el, 'ionActionSheetWillDismiss');
     }
-    // private async buttonClick(button: ActionSheetButton) {
-    //   const role = button.role;
-    //   if (isCancel(role)) {
-    //     return this.dismiss(button.data, role);
-    //   }
-    //   const shouldDismiss = await this.callButtonHandler(button);
-    //   if (shouldDismiss) {
-    //     return this.dismiss(button.data, button.role);
-    //   }
-    //   return Promise.resolve();
-    // }
+    async buttonClick(button) {
+        const role = button.role;
+        if (isCancel(role)) {
+            return this.dismiss(button.data, role);
+        }
+        const shouldDismiss = await this.callButtonHandler(button);
+        if (shouldDismiss) {
+            return this.dismiss(button.data, button.role);
+        }
+        return Promise.resolve();
+    }
     async callButtonHandler(button) {
         if (button) {
             // a handler has been provided, execute it
@@ -6545,16 +6545,13 @@ class ActionSheet {
     render() {
         const { header, htmlAttributes, overlayIndex } = this;
         const mode = getIonMode$1(this);
-        // const allButtons = this.getButtons();
-        // const cancelButton = allButtons.find((b) => b.role === 'cancel');
+        const allButtons = this.getButtons();
+        const cancelButton = allButtons.find((b) => b.role === 'cancel');
         // const buttons = allButtons.filter((b) => b.role !== 'cancel');
         const headerID = `action-sheet-${overlayIndex}-header`;
-        return (hAsync(Host, Object.assign({ key: 'e1b1ed6c403a2740700053df4bd0264982e5f75c', role: "dialog", "aria-modal": "true", "aria-labelledby": header !== undefined ? headerID : null, tabindex: "-1" }, htmlAttributes, { style: {
+        return (hAsync(Host, Object.assign({ key: '2dca254623153dceb8635f5c6579d100b5bb943b', role: "dialog", "aria-modal": "true", "aria-labelledby": header !== undefined ? headerID : null, tabindex: "-1" }, htmlAttributes, { style: {
                 zIndex: `${20000 + this.overlayIndex}`,
-            }, class: Object.assign(Object.assign({ [mode]: true }, getClassMap(this.cssClass)), { 'overlay-hidden': true, 'action-sheet-translucent': this.translucent }), onIonActionSheetWillDismiss: this.dispatchCancelHandler, onIonBackdropTap: this.onBackdropTap }), hAsync("ion-backdrop", { key: '9fa9befdcea7af76811b78f9f025f4565bc25f9e', tappable: this.backdropDismiss }), hAsync("div", { key: '63ed6cbdec2ea50dd7c1989677ac0cb1924e4b8c', tabindex: "0" }), hAsync("div", { key: 'e93d88a957d3deb4c886069bf7bb4c1b3c32c77e', class: "action-sheet-wrapper ion-overlay-wrapper", ref: (el) => (this.wrapperEl = el) }, hAsync("div", { key: '8681ca457aa67fc9646cc9b03af2458cfc6af654', class: "action-sheet-head" }, header !== undefined && (hAsync("h2", { key: 'df225c04e4e9f57e944084c1205870dbfebe7175', id: headerID, class: {
-                'action-sheet-title': true,
-                'action-sheet-has-sub-title': this.subHeader !== undefined,
-            } }, header)), this.subHeader !== undefined && (hAsync("h2", { key: '49dbc8bc9fe09375719c783dcd4ae1a63287befa', class: "action-sheet-sub-title" }, this.subHeader)))), hAsync("div", { key: '22fc26a805b5a0d406caf0c83e00a9f6cea339c7', tabindex: "0" })));
+            }, class: Object.assign(Object.assign({ [mode]: true }, getClassMap(this.cssClass)), { 'overlay-hidden': true, 'action-sheet-translucent': this.translucent }), onIonActionSheetWillDismiss: this.dispatchCancelHandler, onIonBackdropTap: this.onBackdropTap }), hAsync("ion-backdrop", { key: 'b2cc3ca4d78b6a38d1df4122a0e1e3890acb4de9', tappable: this.backdropDismiss }), hAsync("div", { key: '775d18c1547b0d70de0c12bfea98cec8b4100658', tabindex: "0" }), hAsync("div", { key: '2cfedd88a497f2cca1d2d111152a3b25cf8779af', class: "action-sheet-wrapper ion-overlay-wrapper", ref: (el) => (this.wrapperEl = el) }, hAsync("div", { key: 'd18f374c0826df3d58ce97fbb5d83e122d02b67c', class: "action-sheet-container" }, header && (hAsync("h2", { key: '8cbd4baf50bbec2b3c06f226acfb70f29bf9913a', id: headerID, class: "action-sheet-title" }, header)), cancelButton && (hAsync("div", { key: 'ab1dd593ee56b0f74a40ee32f79dcc197c46b5e7', class: "action-sheet-group action-sheet-group-cancel" }, hAsync("button", Object.assign({ key: '30ed64e542c9a11f965444b22ac24c71e28c9f99' }, cancelButton.htmlAttributes, { type: "button", class: buttonClass$3(cancelButton), onClick: () => this.buttonClick(cancelButton) }), hAsync("span", { key: '28e94fe349b10ee4627618946e7b1823e96e905e', class: "action-sheet-button-inner" }, cancelButton.icon && (hAsync("ion-icon", { key: '5ca9cc7485409f35e7a7223655ff11964617a5ec', icon: cancelButton.icon, "aria-hidden": "true", lazy: false, class: "action-sheet-icon" })), cancelButton.text), mode === 'md' && hAsync("ion-ripple-effect", { key: 'c5b48ac780e01203040583e7bbc0a3fe5553198a' })))))), hAsync("div", { key: 'be2238323e5b34d7b4d1940deb0bd77191aa7f01', tabindex: "0" })));
     }
     get el() { return getElement(this); }
     static get watchers() { return {
@@ -6595,6 +6592,9 @@ class ActionSheet {
         "$attrsToReflect$": []
     }; }
 }
+const buttonClass$3 = (button) => {
+    return Object.assign({ 'action-sheet-button': true, 'ion-activatable': !button.disabled, 'ion-focusable': !button.disabled, [`action-sheet-${button.role}`]: button.role !== undefined }, getClassMap(button.cssClass));
+};
 
 const ENABLE_HTML_CONTENT_DEFAULT = false;
 
@@ -7237,9 +7237,9 @@ class Alert {
          * If neither is defined, don't set aria-labelledby.
          */
         const ariaLabelledBy = header ? hdrId : subHeader ? subHdrId : null;
-        return (hAsync(Host, Object.assign({ key: 'a884e5b9a4d3ec4dc31dddf4e6c545b3cfa65447', role: role, "aria-modal": "true", "aria-labelledby": ariaLabelledBy, "aria-describedby": message !== undefined ? msgId : null, tabindex: "-1" }, htmlAttributes, { style: {
+        return (hAsync(Host, Object.assign({ key: 'a77c66a54d407338e008770de5bf91766c671ec2', role: role, "aria-modal": "true", "aria-labelledby": ariaLabelledBy, "aria-describedby": message !== undefined ? msgId : null, tabindex: "-1" }, htmlAttributes, { style: {
                 zIndex: `${20000 + overlayIndex}`,
-            }, class: Object.assign(Object.assign({}, getClassMap(this.cssClass)), { [mode]: true, 'overlay-hidden': true, 'alert-translucent': this.translucent }), onIonAlertWillDismiss: this.dispatchCancelHandler, onIonBackdropTap: this.onBackdropTap }), hAsync("ion-backdrop", { key: '4c0e3088895cd7459b3704b9ac86ee436d0ccb0f', tappable: this.backdropDismiss }), hAsync("div", { key: '9732b28f6ce6cbfd8d2b87e93380355f89862f16', tabindex: "0" }), hAsync("div", { key: 'bb4902ccdcc926e8be5272e3084b9bf7bd5c76a4', class: "alert-wrapper ion-overlay-wrapper", ref: (el) => (this.wrapperEl = el) }, hAsync("div", { key: '69acfd22b9b0e45a8411e77592494d73a79e3ccb', class: "alert-head" }, header && (hAsync("h2", { key: 'c15b0b6f44df94dda14ca1e9dea9629820a11fc5', id: hdrId, class: "alert-title" }, header)), subHeader && (hAsync("h2", { key: '1425dfabf5ee317a5ceaa1f2fe84d391b9b47cda', id: subHdrId, class: "alert-sub-title" }, subHeader))), this.renderAlertMessage(msgId), this.renderAlertInputs(), this.renderAlertButtons()), hAsync("div", { key: '6e36a7aec687e9e9b01ac16ee40b593836c293a2', tabindex: "0" })));
+            }, class: Object.assign(Object.assign({}, getClassMap(this.cssClass)), { [mode]: true, 'overlay-hidden': true, 'alert-translucent': this.translucent }), onIonAlertWillDismiss: this.dispatchCancelHandler, onIonBackdropTap: this.onBackdropTap }), hAsync("ion-backdrop", { key: '1d21c6afd07c49444bf7566cd8ded154ec802622', tappable: this.backdropDismiss }), hAsync("div", { key: '96280b7babacecc161227a293fe33e1fc0895468', tabindex: "0" }), hAsync("div", { key: 'd26ac2e8ab2ab85d241cd74a1f19e1957283f6bd', class: "alert-wrapper ion-overlay-wrapper", ref: (el) => (this.wrapperEl = el) }, hAsync("div", { key: 'a8a412f2950a31a7fc3d91f0d7d23a67b97ab649', class: "alert-head" }, header && (hAsync("h2", { key: '54ee6365d98c2dafa9513c5b67ac54f1be5dd87d', id: hdrId, class: "alert-title" }, header)), subHeader && (hAsync("h2", { key: '72db051283f31cd4874fca8c1c06b10e751353b5', id: subHdrId, class: "alert-sub-title" }, subHeader))), this.renderAlertMessage(msgId), this.renderAlertInputs(), this.renderAlertButtons()), hAsync("div", { key: '7c957ebfb5beb84d26708c30d271eda01eac3f69', tabindex: "0" })));
     }
     get el() { return getElement(this); }
     static get watchers() { return {
@@ -7317,7 +7317,7 @@ class App {
     }
     render() {
         const mode = getIonMode$1(this);
-        return (hAsync(Host, { key: '037d45fe1656a87409c1922c774e659ec32e8fd0', class: {
+        return (hAsync(Host, { key: '53472b607f7f38b30a6d1a7592da2125100011cf', class: {
                 [mode]: true,
                 'ion-page': true,
                 'force-statusbar-padding': config.getBoolean('_forceStatusbarPadding'),
@@ -7348,7 +7348,7 @@ class Avatar {
         registerInstance(this, hostRef);
     }
     render() {
-        return (hAsync(Host, { key: '95d7ca334f9b66e0983cbc1b782ded0b9a54eaa9', class: getIonMode$1(this) }, hAsync("slot", { key: '011d20189acdb03bee328aa4fa0511826a0b3a36' })));
+        return (hAsync(Host, { key: '8a3f3786bb3c117d524437bcb0e74e107abbe1d4', class: getIonMode$1(this) }, hAsync("slot", { key: 'd9a5e55965ee7341e0994bc0057bef5b019a56fe' })));
     }
     static get style() { return {
         ios: IonAvatarIosStyle0,
@@ -7436,7 +7436,7 @@ class BackButton {
         const showBackButton = defaultHref !== undefined;
         const mode = getIonMode$1(this);
         const ariaLabel = inheritedAttributes['aria-label'] || backButtonText || 'back';
-        return (hAsync(Host, { key: '175fff2d7a41d2deaaf7b781c5ba2aac9311ebf4', onClick: this.onClick, class: createColorClasses$1(color, {
+        return (hAsync(Host, { key: '07ab5d7d5a58f9604f50276c6a1850e0b9428c24', onClick: this.onClick, class: createColorClasses$1(color, {
                 [mode]: true,
                 button: true, // ion-buttons target .button
                 'back-button-disabled': disabled,
@@ -7446,7 +7446,7 @@ class BackButton {
                 'ion-activatable': true,
                 'ion-focusable': true,
                 'show-back-button': showBackButton,
-            }) }, hAsync("button", { key: '59fe30c167ea82e2431e45d46060a01bcb2aea77', type: type, disabled: disabled, class: "button-native", part: "native", "aria-label": ariaLabel }, hAsync("span", { key: '3d704fb7ef001446361e7a09d43763a771b242b9', class: "button-inner" }, backButtonIcon && (hAsync("ion-icon", { key: '5e8d4d811cacecdce053bed29badce0da30b9264', part: "icon", icon: backButtonIcon, "aria-hidden": "true", lazy: false, "flip-rtl": icon === undefined })), backButtonText && (hAsync("span", { key: '879d2fb636eb961729cd09e87d0169b91b4dc32a', part: "text", "aria-hidden": "true", class: "button-text" }, backButtonText))), mode === 'md' && hAsync("ion-ripple-effect", { key: 'd74fad653be6ce0958720ce9a9c6939790878102', type: this.rippleType }))));
+            }) }, hAsync("button", { key: '5f173fbc01a03da1d50449c5ad8fee7cf65c59d8', type: type, disabled: disabled, class: "button-native", part: "native", "aria-label": ariaLabel }, hAsync("span", { key: '6f69164c1e8466e72ed80a12456f09b176d91cd0', class: "button-inner" }, backButtonIcon && (hAsync("ion-icon", { key: 'e8fb8b00e937caab22990723acf077ff6d4e04e0', part: "icon", icon: backButtonIcon, "aria-hidden": "true", lazy: false, "flip-rtl": icon === undefined })), backButtonText && (hAsync("span", { key: '62511668303ff53d477fcf49f417de03eff1ac52', part: "text", "aria-hidden": "true", class: "button-text" }, backButtonText))), mode === 'md' && hAsync("ion-ripple-effect", { key: '562f12891bc631cb71eb90c7303cc5ad55b19c48', type: this.rippleType }))));
     }
     get el() { return getElement(this); }
     static get style() { return {
@@ -7499,7 +7499,7 @@ class Backdrop {
     }
     render() {
         const mode = getIonMode$1(this);
-        return (hAsync(Host, { key: '604b6a7b73c3d1fca9590fe81b3a29230e94526b', tabindex: "-1", "aria-hidden": "true", class: {
+        return (hAsync(Host, { key: 'b1570293e99e4a7d3a054bba3708b1d457a66abe', tabindex: "-1", "aria-hidden": "true", class: {
                 [mode]: true,
                 'backdrop-hide': !this.visible,
                 'backdrop-no-tappable': !this.tappable,
@@ -7539,9 +7539,9 @@ class Badge {
     }
     render() {
         const mode = getIonMode$1(this);
-        return (hAsync(Host, { key: '2e051a2a6beddbd8d13f70f9e42afbcafd43a19b', class: createColorClasses$1(this.color, {
+        return (hAsync(Host, { key: '05aa51688e73322aa21c8b9c68251e691acfa4e5', class: createColorClasses$1(this.color, {
                 [mode]: true,
-            }) }, hAsync("slot", { key: 'e0f4f0e39d2037d4bd85a351b5ff94cf84e233ce' })));
+            }) }, hAsync("slot", { key: '8b0a9cbb20a979f040edf044f4fd26554f167b42' })));
     }
     static get style() { return {
         ios: IonBadgeIosStyle0,
@@ -7627,7 +7627,7 @@ class Breadcrumb {
         // to show the separator as long as it isn't also the last breadcrumb
         // otherwise if not collapsed use the value in separator
         const showSeparator = last ? false : collapsed ? (showCollapsedIndicator && !last ? true : false) : separator;
-        return (hAsync(Host, { key: '236916d7f0d7862c821ea2c82e8d679722fee649', onClick: (ev) => openURL(href, ev, routerDirection, routerAnimation), "aria-disabled": disabled ? 'true' : null, class: createColorClasses$1(color, {
+        return (hAsync(Host, { key: '3fa177213574bcc93f4184f3ff031bdc05992501', onClick: (ev) => openURL(href, ev, routerDirection, routerAnimation), "aria-disabled": disabled ? 'true' : null, class: createColorClasses$1(color, {
                 [mode]: true,
                 'breadcrumb-active': active,
                 'breadcrumb-collapsed': collapsed,
@@ -7637,15 +7637,15 @@ class Breadcrumb {
                 'in-toolbar-color': hostContext('ion-toolbar[color]', this.el),
                 'ion-activatable': clickable,
                 'ion-focusable': clickable,
-            }) }, hAsync(TagType, Object.assign({ key: 'e9c72683c6c13aa9994120b486e0c828d9f06f0f' }, attrs, { class: "breadcrumb-native", part: "native", disabled: disabled, onFocus: this.onFocus, onBlur: this.onBlur }, inheritedAttributes), hAsync("slot", { key: '4826849732bbbe560678c3218959424a17264dcb', name: "start" }), hAsync("slot", { key: '4c2d78d38c0204812c8029f7273de20d2712db9b' }), hAsync("slot", { key: '8492e5e1071904183936c1afd8acc4af6e115e67', name: "end" })), showCollapsedIndicator && (hAsync("button", { key: '848225f188b0955661a8d992829eb3ac08d8894c', part: "collapsed-indicator", "aria-label": "Show more breadcrumbs", onClick: () => this.collapsedIndicatorClick(), ref: (collapsedEl) => (this.collapsedRef = collapsedEl), class: {
+            }) }, hAsync(TagType, Object.assign({ key: '0de0c76f2849affa8afe8b363ceffded4c824cbc' }, attrs, { class: "breadcrumb-native", part: "native", disabled: disabled, onFocus: this.onFocus, onBlur: this.onBlur }, inheritedAttributes), hAsync("slot", { key: 'fd346028462e92ef5aece4e0d0fedd5d22ddae4e', name: "start" }), hAsync("slot", { key: 'b4dee49713e6709bb7f655083d3df952eeda8cd6' }), hAsync("slot", { key: '54f66d33ab51e1fa914b897dfb0ff13f847952d6', name: "end" })), showCollapsedIndicator && (hAsync("button", { key: '4940dbc9466c1a8020421b155c5b54b00ff10c0a', part: "collapsed-indicator", "aria-label": "Show more breadcrumbs", onClick: () => this.collapsedIndicatorClick(), ref: (collapsedEl) => (this.collapsedRef = collapsedEl), class: {
                 'breadcrumbs-collapsed-indicator': true,
-            } }, hAsync("ion-icon", { key: 'f8392f4fc818eb876f143bd6a3293e337e3b538f', "aria-hidden": "true", icon: ellipsisHorizontal, lazy: false }))), showSeparator && (
+            } }, hAsync("ion-icon", { key: '105cd22175c66f9db97ed2564839fe757169625a', "aria-hidden": "true", icon: ellipsisHorizontal, lazy: false }))), showSeparator && (
         /**
          * Separators should not be announced by narrators.
          * We add aria-hidden on the span so that this applies
          * to any custom separators too.
          */
-        hAsync("span", { key: '6c432e80a61682211599010ac452b8c14ca66819', class: "breadcrumb-separator", part: "separator", "aria-hidden": "true" }, hAsync("slot", { key: 'eb38b2db91a9406fb123f9132025e68b561f2f33', name: "separator" }, mode === 'ios' ? (hAsync("ion-icon", { icon: chevronForwardOutline, lazy: false, "flip-rtl": true })) : (hAsync("span", null, "/")))))));
+        hAsync("span", { key: '478bbcc120a8e5f40918264e87d89bb63fd4e984', class: "breadcrumb-separator", part: "separator", "aria-hidden": "true" }, hAsync("slot", { key: 'e6395282218911304fdcf22f34689ca80cfd717c', name: "separator" }, mode === 'ios' ? (hAsync("ion-icon", { icon: chevronForwardOutline, lazy: false, "flip-rtl": true })) : (hAsync("span", null, "/")))))));
     }
     get el() { return getElement(this); }
     static get style() { return {
@@ -7785,12 +7785,12 @@ class Breadcrumbs {
     render() {
         const { color, collapsed } = this;
         const mode = getIonMode$1(this);
-        return (hAsync(Host, { key: '17d8cf4ef471b39787b0054974c8ded3bb7c63d7', class: createColorClasses$1(color, {
+        return (hAsync(Host, { key: '583a19cc4e6ceaf89cb771d7576c821d01818422', class: createColorClasses$1(color, {
                 [mode]: true,
                 'in-toolbar': hostContext('ion-toolbar', this.el),
                 'in-toolbar-color': hostContext('ion-toolbar[color]', this.el),
                 'breadcrumbs-collapsed': collapsed,
-            }) }, hAsync("slot", { key: '3b1fe0730d5c8c76e95af181c92ea99c3f924d38', onSlotchange: this.slotChanged })));
+            }) }, hAsync("slot", { key: 'ca825133dd956d15115932d6ad2277604d297a09', onSlotchange: this.slotChanged })));
     }
     get el() { return getElement(this); }
     static get watchers() { return {
@@ -8033,7 +8033,7 @@ class Button {
         {
             type !== 'button' && this.renderHiddenButton();
         }
-        return (hAsync(Host, { key: '5b7ed17b35c2573be0afc558e6b02674e9e26167', onClick: this.handleClick, "aria-disabled": disabled ? 'true' : null, class: createColorClasses$1(color, {
+        return (hAsync(Host, { key: '4bc06e6ec688d4f4c12b870b3ab3dd8db08aae59', onClick: this.handleClick, "aria-disabled": disabled ? 'true' : null, class: createColorClasses$1(color, {
                 [mode]: true,
                 [buttonType]: true,
                 [`${buttonType}-${expand}`]: expand !== undefined,
@@ -8048,7 +8048,7 @@ class Button {
                 'button-disabled': disabled,
                 'ion-activatable': true,
                 'ion-focusable': true,
-            }) }, hAsync(TagType, Object.assign({ key: '966a458dc3467224af4642ed4f3d5324a6be55fb' }, attrs, { class: "button-native", part: "native", disabled: disabled, onFocus: this.onFocus, onBlur: this.onBlur }, inheritedAttributes), hAsync("span", { key: 'c80be7023eedf773cf912bcd02567fd9f1f847b0', class: "button-inner" }, hAsync("slot", { key: '8bbe6295280630a36b4e2f10831c15a1128a8195', name: "icon-only", onSlotchange: this.slotChanged }), hAsync("slot", { key: '5d9599da2602fb9ddaf680deacacbf199a71c74f', name: "start" }), hAsync("slot", { key: 'e67f2a02eb60c84954293b4613670c48d24463be' }), hAsync("slot", { key: '01c49f68100aace088f61e10e364314ed830d8ad', name: "end" })), mode === 'md' && hAsync("ion-ripple-effect", { key: 'de1a6308dc2c1add2b5191257d532a3960d7e806', type: this.rippleType }))));
+            }) }, hAsync(TagType, Object.assign({ key: '0a9b023f728364c890fc59d2241d00ac417d8e9e' }, attrs, { class: "button-native", part: "native", disabled: disabled, onFocus: this.onFocus, onBlur: this.onBlur }, inheritedAttributes), hAsync("span", { key: '46b4b46e303ede9ea03f488d95d6eafa7db8f098', class: "button-inner" }, hAsync("slot", { key: '98e72fddd837d0f30a097f79bf5100088f7eb214', name: "icon-only", onSlotchange: this.slotChanged }), hAsync("slot", { key: 'a442858cdae935e49bbcb933d9c55770573dcd54', name: "start" }), hAsync("slot", { key: 'd974805e9f4143e5d0239546fffc604c70a48600' }), hAsync("slot", { key: '45f2ed69eed604f91fd098d691dd7fa806ab39b7', name: "end" })), mode === 'md' && hAsync("ion-ripple-effect", { key: 'b62907b56cd488742fdfcaede2fee433cde2f146', type: this.rippleType }))));
     }
     get el() { return getElement(this); }
     static get watchers() { return {
@@ -8099,10 +8099,10 @@ class Buttons {
     }
     render() {
         const mode = getIonMode$1(this);
-        return (hAsync(Host, { key: '793b8c75a70119f7a8509925651534fb8cd4cc57', class: {
+        return (hAsync(Host, { key: 'cacb76b3b67aae673a764b3cbe03aaa8425f8ce5', class: {
                 [mode]: true,
                 ['buttons-collapse']: this.collapse,
-            } }, hAsync("slot", { key: 'c6734e44e32a5591ba8ea34a0f30f4908a3e70c9' })));
+            } }, hAsync("slot", { key: '16086adaa70b2dd47aa441a4d31cc2c3dcfd5412' })));
     }
     static get style() { return {
         ios: IonButtonsIosStyle0,
@@ -8171,7 +8171,7 @@ class Card {
     }
     render() {
         const mode = getIonMode$1(this);
-        return (hAsync(Host, { key: 'a8fbab81cdc15f33c58df20df1da2b58d196fa06', class: createColorClasses$1(this.color, {
+        return (hAsync(Host, { key: '51b9a91d48671d429f5659a2961619e1a46cd5df', class: createColorClasses$1(this.color, {
                 [mode]: true,
                 'card-disabled': this.disabled,
                 'ion-activatable': this.isClickable(),
@@ -8218,7 +8218,7 @@ class CardContent {
     }
     render() {
         const mode = getIonMode$1(this);
-        return (hAsync(Host, { key: '065710efda5c54032a7612bc8469c46a39b9c246', class: {
+        return (hAsync(Host, { key: '28f37e16b611f9a80b336e97b318e8374646079e', class: {
                 [mode]: true,
                 // Used internally for styling
                 [`card-content-${mode}`]: true,
@@ -8255,11 +8255,11 @@ class CardHeader {
     }
     render() {
         const mode = getIonMode$1(this);
-        return (hAsync(Host, { key: '20cf862f9c2410fa1be97d17e43b726c4b006f6c', class: createColorClasses$1(this.color, {
+        return (hAsync(Host, { key: 'af5a7144374f1aad2788ae95618e7693277a0618', class: createColorClasses$1(this.color, {
                 'card-header-translucent': this.translucent,
                 'ion-inherit-color': true,
                 [mode]: true,
-            }) }, hAsync("slot", { key: '40a4b2a04d02969e6cdf328cbb7ee9d77e6d4fce' })));
+            }) }, hAsync("slot", { key: '7367add0a6d062683a7279f2c1af1f886c5810f6' })));
     }
     static get style() { return {
         ios: IonCardHeaderIosStyle0,
@@ -8294,10 +8294,10 @@ class CardSubtitle {
     }
     render() {
         const mode = getIonMode$1(this);
-        return (hAsync(Host, { key: 'da15ebf9caf9015fc2a8b0f5fd5cbc40a424d85a', role: "heading", "aria-level": "3", class: createColorClasses$1(this.color, {
+        return (hAsync(Host, { key: '04aa891554981ead6057c317b0ed314d668f702f', role: "heading", "aria-level": "3", class: createColorClasses$1(this.color, {
                 'ion-inherit-color': true,
                 [mode]: true,
-            }) }, hAsync("slot", { key: '24e5a0396f518ec710cc6537d851924d31370309' })));
+            }) }, hAsync("slot", { key: 'dd6c32fd6f1cf50e257ff70c46e3b765eb0884c5' })));
     }
     static get style() { return {
         ios: IonCardSubtitleIosStyle0,
@@ -8331,10 +8331,10 @@ class CardTitle {
     }
     render() {
         const mode = getIonMode$1(this);
-        return (hAsync(Host, { key: '7a3c9120461b994de29124eb5ae2f14a995e15da', role: "heading", "aria-level": "2", class: createColorClasses$1(this.color, {
+        return (hAsync(Host, { key: 'ea924d0f85eae1f4a97d59d2ae0549459c46a5ae', role: "heading", "aria-level": "2", class: createColorClasses$1(this.color, {
                 'ion-inherit-color': true,
                 [mode]: true,
-            }) }, hAsync("slot", { key: '548998a695d0b6abed8f6bf43201635744cc8540' })));
+            }) }, hAsync("slot", { key: '087ffc17c4500b7db68caf619bf8e39e34113591' })));
     }
     static get style() { return {
         ios: IonCardTitleIosStyle0,
@@ -8429,7 +8429,7 @@ class Checkbox {
         const mode = getIonMode$1(this);
         const path = getSVGPath(mode, indeterminate);
         renderHiddenInput(true, el, name, checked ? value : '', disabled);
-        return (hAsync(Host, { key: '874fedc923ef2fb15c07936762bf05745424821a', "aria-checked": indeterminate ? 'mixed' : `${checked}`, class: createColorClasses$1(color, {
+        return (hAsync(Host, { key: '90d45249f95c207f04a2c15cfd2a8485d5d1c3f9', "aria-checked": indeterminate ? 'mixed' : `${checked}`, class: createColorClasses$1(color, {
                 [mode]: true,
                 'in-item': hostContext('ion-item', el),
                 'checkbox-checked': checked,
@@ -8439,10 +8439,10 @@ class Checkbox {
                 [`checkbox-justify-${justify}`]: justify !== undefined,
                 [`checkbox-alignment-${alignment}`]: alignment !== undefined,
                 [`checkbox-label-placement-${labelPlacement}`]: true,
-            }), onClick: this.onClick }, hAsync("label", { key: '0c316771e228f62d10650e5cf7deb836710adca6', class: "checkbox-wrapper" }, hAsync("input", Object.assign({ key: '7fb76d00d9d1d7923a8bac2494f395cd9e0445de', type: "checkbox", checked: checked ? true : undefined, disabled: disabled, id: inputId, onChange: this.toggleChecked, onFocus: () => this.onFocus(), onBlur: () => this.onBlur(), ref: (focusEl) => (this.focusEl = focusEl) }, inheritedAttributes)), hAsync("div", { key: 'ac5980854ea3745ad41c6c739b3ece258b28ba4f', class: {
+            }), onClick: this.onClick }, hAsync("label", { key: '08da6781f1f72d1f37cd41a88d3b5ed6b9076ca0', class: "checkbox-wrapper" }, hAsync("input", Object.assign({ key: 'b45f448b88d39e547ecd147aaa283bc5240a08df', type: "checkbox", checked: checked ? true : undefined, disabled: disabled, id: inputId, onChange: this.toggleChecked, onFocus: () => this.onFocus(), onBlur: () => this.onBlur(), ref: (focusEl) => (this.focusEl = focusEl) }, inheritedAttributes)), hAsync("div", { key: '8e9648cfdc2101bcbca354d6cfdfede1944770fe', class: {
                 'label-text-wrapper': true,
                 'label-text-wrapper-hidden': el.textContent === '',
-            }, part: "label" }, hAsync("slot", { key: 'caadcf425702d54d99c4fb97c97a85b8733edf78' })), hAsync("div", { key: 'b3b2fb8530f308b05e37413e225e3ca0a5ff2c44', class: "native-wrapper" }, hAsync("svg", { key: '3e9d490777e4c0bea9132fafe6cca4ae97477eee', class: "checkbox-icon", viewBox: "0 0 24 24", part: "container" }, path)))));
+            }, part: "label" }, hAsync("slot", { key: 'b55cf97e82ae04e589c09a11ec6b8b71d6029a37' })), hAsync("div", { key: '3e16d10b8098a2c6cfaa8ea3b37b1943036b71e2', class: "native-wrapper" }, hAsync("svg", { key: 'cb91e27c398f3e8360678d73e789ed0e6ba6970b', class: "checkbox-icon", viewBox: "0 0 24 24", part: "container" }, path)))));
     }
     getSVGPath(mode, indeterminate) {
         let path = indeterminate ? (hAsync("path", { d: "M6 12L18 12", part: "mark" })) : (hAsync("path", { d: "M5.9,12.5l3.8,3.8l8.8-8.8", part: "mark" }));
@@ -8495,12 +8495,12 @@ class Chip {
     }
     render() {
         const mode = getIonMode$1(this);
-        return (hAsync(Host, { key: '7e3a88e481f815b79e8f2eeb00f2153234d29386', "aria-disabled": this.disabled ? 'true' : null, class: createColorClasses$1(this.color, {
+        return (hAsync(Host, { key: '886c26b6e7b3e3ca8622a4a0926bdf6dea0a71d4', "aria-disabled": this.disabled ? 'true' : null, class: createColorClasses$1(this.color, {
                 [mode]: true,
                 'chip-outline': this.outline,
                 'chip-disabled': this.disabled,
                 'ion-activatable': true,
-            }) }, hAsync("slot", { key: 'e557aabdc64c4bd8bcb88a92d89dee801795f838' }), mode === 'md' && hAsync("ion-ripple-effect", { key: '2004d108c63d179287230d28638957a838ef880e' })));
+            }) }, hAsync("slot", { key: 'd24353e79ac84013758cee1acb1b0f9b2ebb4d67' }), mode === 'md' && hAsync("ion-ripple-effect", { key: 'b69bb3ce3d464251d5e11ba6a5240e4567f72f05' })));
     }
     static get style() { return {
         ios: IonChipIosStyle0,
@@ -8651,9 +8651,9 @@ class Col {
     render() {
         const isRTL = document.dir === 'rtl';
         const mode = getIonMode$1(this);
-        return (hAsync(Host, { key: '897a97e0ac15bab594463e9a5d75f446378c5916', class: {
+        return (hAsync(Host, { key: '56ecf3b3f2be05d5f179f2d136d4ab05a4525da9', class: {
                 [mode]: true,
-            }, style: Object.assign(Object.assign(Object.assign(Object.assign({}, this.calculateOffset(isRTL)), this.calculatePull(isRTL)), this.calculatePush(isRTL)), this.calculateSize()) }, hAsync("slot", { key: '04642f36a0583b81c1eb0aa346991c72f2c75001' })));
+            }, style: Object.assign(Object.assign(Object.assign(Object.assign({}, this.calculateOffset(isRTL)), this.calculatePull(isRTL)), this.calculatePush(isRTL)), this.calculateSize()) }, hAsync("slot", { key: '8f1113d39dcb709300ebbeaf81bc092c1dd8da3e' })));
     }
     static get style() { return IonColStyle0; }
     static get cmpMeta() { return {
@@ -9027,7 +9027,7 @@ class Content {
         const forceOverscroll = this.shouldForceOverscroll();
         const transitionShadow = mode === 'ios';
         this.resize();
-        return (hAsync(Host, Object.assign({ key: '717c11415acdbd0da1c1d86c2f3757d1c7a8ea65', role: isMainContent ? 'main' : undefined, class: createColorClasses$1(this.color, {
+        return (hAsync(Host, Object.assign({ key: '929d8718c73b03115a895b6f3a73fca65f2ed692', role: isMainContent ? 'main' : undefined, class: createColorClasses$1(this.color, {
                 [mode]: true,
                 'content-sizing': hostContext('ion-popover', this.el),
                 overscroll: forceOverscroll,
@@ -9035,12 +9035,12 @@ class Content {
             }), style: {
                 '--offset-top': `${this.cTop}px`,
                 '--offset-bottom': `${this.cBottom}px`,
-            } }, inheritedAttributes), hAsync("div", { key: 'ad0ae962f571673976adc4659a027d608cc4a260', ref: (el) => (this.backgroundContentEl = el), id: "background-content", part: "background" }), fixedSlotPlacement === 'before' ? hAsync("slot", { name: "fixed" }) : null, hAsync("div", { key: 'a5681f4e0fa66cbc8ed677aec7d6163d0274b465', class: {
+            } }, inheritedAttributes), hAsync("div", { key: '58d992194e48350109d4aca62971f1d2555078c0', ref: (el) => (this.backgroundContentEl = el), id: "background-content", part: "background" }), fixedSlotPlacement === 'before' ? hAsync("slot", { name: "fixed" }) : null, hAsync("div", { key: '92bb9582c25b5196900492fa6cb7820825a6e593', class: {
                 'inner-scroll': true,
                 'scroll-x': scrollX,
                 'scroll-y': scrollY,
                 overscroll: (scrollX || scrollY) && forceOverscroll,
-            }, ref: (scrollEl) => (this.scrollEl = scrollEl), onScroll: this.scrollEvents ? (ev) => this.onScroll(ev) : undefined, part: "scroll" }, hAsync("slot", { key: '81dc159f6dc9267cc5c8f899334fec9db6696a39' })), transitionShadow ? (hAsync("div", { class: "transition-effect" }, hAsync("div", { class: "transition-cover" }), hAsync("div", { class: "transition-shadow" }))) : null, fixedSlotPlacement === 'after' ? hAsync("slot", { name: "fixed" }) : null));
+            }, ref: (scrollEl) => (this.scrollEl = scrollEl), onScroll: this.scrollEvents ? (ev) => this.onScroll(ev) : undefined, part: "scroll" }, hAsync("slot", { key: '4ff81cf206c8e526a6f75fb14d4bf08252bc782a' })), transitionShadow ? (hAsync("div", { class: "transition-effect" }, hAsync("div", { class: "transition-cover" }), hAsync("div", { class: "transition-shadow" }))) : null, fixedSlotPlacement === 'after' ? hAsync("slot", { name: "fixed" }) : null));
     }
     get el() { return getElement(this); }
     static get style() { return IonContentStyle0; }
@@ -12561,7 +12561,7 @@ class Datetime {
         const hasDatePresentation = presentation === 'date' || presentation === 'date-time' || presentation === 'time-date';
         const hasWheelVariant = hasDatePresentation && preferWheel;
         renderHiddenInput(true, el, name, formatValue(value), disabled);
-        return (hAsync(Host, { key: 'c968c01a9fe0b4b2e7168ada6579f0b504f213c1', "aria-disabled": disabled ? 'true' : null, onFocus: this.onFocus, onBlur: this.onBlur, class: Object.assign({}, createColorClasses$1(color, {
+        return (hAsync(Host, { key: 'd8d569f378e00281640cfb6e52ac1a6cce714e05', "aria-disabled": disabled ? 'true' : null, onFocus: this.onFocus, onBlur: this.onBlur, class: Object.assign({}, createColorClasses$1(color, {
                 [mode]: true,
                 ['datetime-readonly']: readonly,
                 ['datetime-disabled']: disabled,
@@ -12571,7 +12571,7 @@ class Datetime {
                 [`datetime-size-${size}`]: true,
                 [`datetime-prefer-wheel`]: hasWheelVariant,
                 [`datetime-grid`]: isGridStyle,
-            })) }, hAsync("div", { key: '34c6576dcc6693b26c00d08eda2cf194f6a3cc46', class: "intersection-tracker", ref: (el) => (this.intersectionTrackerRef = el) }), this.renderDatetime(mode)));
+            })) }, hAsync("div", { key: '0212929e86cbd1c95a99d0e1b711af528cd7a829', class: "intersection-tracker", ref: (el) => (this.intersectionTrackerRef = el) }), this.renderDatetime(mode)));
     }
     get el() { return getElement(this); }
     static get watchers() { return {
@@ -12979,11 +12979,11 @@ class DatetimeButton {
     render() {
         const { color, dateText, timeText, selectedButton, datetimeActive, disabled } = this;
         const mode = getIonMode$1(this);
-        return (hAsync(Host, { key: 'c1e3da705c6a00d9606ec966066e8126e9880b17', class: createColorClasses$1(color, {
+        return (hAsync(Host, { key: '38670adfd40e78c261eb22de777728b6f8abf2ef', class: createColorClasses$1(color, {
                 [mode]: true,
                 [`${selectedButton}-active`]: datetimeActive,
                 ['datetime-button-disabled']: disabled,
-            }) }, dateText && (hAsync("button", { key: '26752763bc400fb9c1fcad988001304ba1540152', class: "ion-activatable", id: "date-button", "aria-expanded": datetimeActive ? 'true' : 'false', onClick: this.handleDateClick, disabled: disabled, part: "native", ref: (el) => (this.dateTargetEl = el) }, hAsync("slot", { key: '8594e0acf504fb28f66cee325b94d03d64c72285', name: "date-target" }, dateText), mode === 'md' && hAsync("ion-ripple-effect", { key: 'de91cd8625f4522736d5c7366f0d4289a4340086' }))), timeText && (hAsync("button", { key: '03d5d4132c3653514a0e55ca2b06e56681a846bf', class: "ion-activatable", id: "time-button", "aria-expanded": datetimeActive ? 'true' : 'false', onClick: this.handleTimeClick, disabled: disabled, part: "native", ref: (el) => (this.timeTargetEl = el) }, hAsync("slot", { key: 'bc8b46650926f4db676832cebdd7aaf30d84a1e9', name: "time-target" }, timeText), mode === 'md' && hAsync("ion-ripple-effect", { key: 'fcaceadaddab045a816739b7a4588fdd46228af2' })))));
+            }) }, dateText && (hAsync("button", { key: '01a3cd339ba20b143e149de93eb4c34f03845111', class: "ion-activatable", id: "date-button", "aria-expanded": datetimeActive ? 'true' : 'false', onClick: this.handleDateClick, disabled: disabled, part: "native", ref: (el) => (this.dateTargetEl = el) }, hAsync("slot", { key: 'dd962ddca2be96e375b94af2a351546954cddea2', name: "date-target" }, dateText), mode === 'md' && hAsync("ion-ripple-effect", { key: 'b315f04481c0977eed41d30a686766c2ff7dabe2' }))), timeText && (hAsync("button", { key: 'cde6056894c34c9b534bd9a7999d4490e8d6a394', class: "ion-activatable", id: "time-button", "aria-expanded": datetimeActive ? 'true' : 'false', onClick: this.handleTimeClick, disabled: disabled, part: "native", ref: (el) => (this.timeTargetEl = el) }, hAsync("slot", { key: '8a478f2eafda9f4bc29558fe3249a89e038a7f9b', name: "time-target" }, timeText), mode === 'md' && hAsync("ion-ripple-effect", { key: '42d1139fc667a5386097f15150996a3a6d5eb480' })))));
     }
     get el() { return getElement(this); }
     static get style() { return {
@@ -13057,12 +13057,12 @@ class Fab {
     render() {
         const { horizontal, vertical, edge } = this;
         const mode = getIonMode$1(this);
-        return (hAsync(Host, { key: '6e92fa00d624e6bd249b5852994e8632aa2fd570', class: {
+        return (hAsync(Host, { key: '55af7e087ad50c70b9dde6cab82d5150e5eb209c', class: {
                 [mode]: true,
                 [`fab-horizontal-${horizontal}`]: horizontal !== undefined,
                 [`fab-vertical-${vertical}`]: vertical !== undefined,
                 'fab-edge': edge,
-            } }, hAsync("slot", { key: '93dc7aa5cc9857d5278cda2819a4fd4f7aff8c9c' })));
+            } }, hAsync("slot", { key: 'f86a0c6ad26c740e59b1ddee67e72a83bb0aa003' })));
     }
     get el() { return getElement(this); }
     static get watchers() { return {
@@ -13152,7 +13152,7 @@ class FabButton {
                 rel: this.rel,
                 target: this.target,
             };
-        return (hAsync(Host, { key: 'da42d7adc23bd03a4f9b1b16bac96179e0b98edc', onClick: this.onClick, "aria-disabled": disabled ? 'true' : null, class: createColorClasses$1(color, {
+        return (hAsync(Host, { key: 'c370c0772ba974c2ddbab0e34d89ee68fecefddd', onClick: this.onClick, "aria-disabled": disabled ? 'true' : null, class: createColorClasses$1(color, {
                 [mode]: true,
                 'fab-button-in-list': inList,
                 'fab-button-translucent-in-list': inList && translucent,
@@ -13163,7 +13163,7 @@ class FabButton {
                 'ion-activatable': true,
                 'ion-focusable': true,
                 [`fab-button-${size}`]: size !== undefined,
-            }) }, hAsync(TagType, Object.assign({ key: 'f0e62e3f469c05ba7e7fe0ee9315d0d131d46bca' }, attrs, { class: "button-native", part: "native", disabled: disabled, onFocus: this.onFocus, onBlur: this.onBlur, onClick: (ev) => openURL(href, ev, this.routerDirection, this.routerAnimation) }, inheritedAttributes), hAsync("ion-icon", { key: '5df29d68f977902c650579161662db7e01ebedf5', "aria-hidden": "true", icon: this.closeIcon, part: "close-icon", class: "close-icon", lazy: false }), hAsync("span", { key: '451794c3a2f4cd34c7250bc950d21d9839ce9d97', class: "button-inner" }, hAsync("slot", { key: '636042b9532a4035d7ebaf94ec5ba64cf8e5ffbb' })), mode === 'md' && hAsync("ion-ripple-effect", { key: '00f80c424536a011cbbdbb7ad079a464c160835b' }))));
+            }) }, hAsync(TagType, Object.assign({ key: 'e1afb46b186c239d647c47b821b9bf15fd1fda7e' }, attrs, { class: "button-native", part: "native", disabled: disabled, onFocus: this.onFocus, onBlur: this.onBlur, onClick: (ev) => openURL(href, ev, this.routerDirection, this.routerAnimation) }, inheritedAttributes), hAsync("ion-icon", { key: '65426c5377837cba69191dd9795fac7d79597739', "aria-hidden": "true", icon: this.closeIcon, part: "close-icon", class: "close-icon", lazy: false }), hAsync("span", { key: 'd9d724a61145b96227dd5dbe8549bc9858679312', class: "button-inner" }, hAsync("slot", { key: '9605869988f8e255773e961dfe5ff352a9b89863' })), mode === 'md' && hAsync("ion-ripple-effect", { key: '239b4c4aee14e3000dd11186dec1aaf76f4895fc' }))));
     }
     get el() { return getElement(this); }
     static get style() { return {
@@ -13214,11 +13214,11 @@ class FabList {
     }
     render() {
         const mode = getIonMode$1(this);
-        return (hAsync(Host, { key: '94001f76326d3f8d5480f4b1be10c779a282e9fd', class: {
+        return (hAsync(Host, { key: 'f42ec14910147371f2aafff56490eb07ab3b520c', class: {
                 [mode]: true,
                 'fab-list-active': this.activated,
                 [`fab-list-side-${this.side}`]: true,
-            } }, hAsync("slot", { key: '6a31a954e2c0aab3afba31f30313a9394a8af94a' })));
+            } }, hAsync("slot", { key: 'ebd3bb5ba3e5dddbb0369af449e3ef0f25b3475d' })));
     }
     get el() { return getElement(this); }
     static get watchers() { return {
@@ -13670,7 +13670,7 @@ class Footer {
         const mode = getIonMode$1(this);
         const tabs = this.el.closest('ion-tabs');
         const tabBar = tabs === null || tabs === void 0 ? void 0 : tabs.querySelector(':scope > ion-tab-bar');
-        return (hAsync(Host, { key: 'cb3a32020d48e3260c18da2e518706a4a7930f26', role: "contentinfo", class: {
+        return (hAsync(Host, { key: '67c71caafa71bd623ab720e0fe9a2e21ecbecbfe', role: "contentinfo", class: {
                 [mode]: true,
                 // Used internally for styling
                 [`footer-${mode}`]: true,
@@ -13678,7 +13678,7 @@ class Footer {
                 [`footer-translucent-${mode}`]: translucent,
                 ['footer-toolbar-padding']: !this.keyboardVisible && (!tabBar || tabBar.slot !== 'bottom'),
                 [`footer-collapse-${collapse}`]: collapse !== undefined,
-            } }, mode === 'ios' && translucent && hAsync("div", { key: '8f6f2c4594583ee34752950d4291c637accf9287', class: "footer-background" }), hAsync("slot", { key: 'd37e786a045bec0fd06010627ffd27e8e78e754e' })));
+            } }, mode === 'ios' && translucent && hAsync("div", { key: '90dab12f9ba22cf7c3815e9358dc8795d5f4c52d', class: "footer-background" }), hAsync("slot", { key: 'fef6e0299eee208cfab63403a5c9505904db103b' })));
     }
     get el() { return getElement(this); }
     static get style() { return {
@@ -13709,10 +13709,10 @@ class Grid {
     }
     render() {
         const mode = getIonMode$1(this);
-        return (hAsync(Host, { key: 'f2194ede3623545d366468a30704765e289fb00d', class: {
+        return (hAsync(Host, { key: '6bbe6bfe5925045b38480fe9f261565b437879a2', class: {
                 [mode]: true,
                 'grid-fixed': this.fixed,
-            } }, hAsync("slot", { key: '4052880901245cda5dd82a5c452e7dd3e02ab7fd' })));
+            } }, hAsync("slot", { key: 'fca18c2c75d24612c69513550e7c09ac3b66a4e5' })));
     }
     static get style() { return IonGridStyle0; }
     static get cmpMeta() { return {
@@ -14043,14 +14043,14 @@ class Header {
         const collapse = this.collapse || 'none';
         // banner role must be at top level, so remove role if inside a menu
         const roleType = hostContext('ion-menu', this.el) ? 'none' : 'banner';
-        return (hAsync(Host, Object.assign({ key: '4053b08038a245309f125bfcb697a84ef52ab5e5', role: roleType, class: {
+        return (hAsync(Host, Object.assign({ key: '2dda7ed7a2e24aaa3728f2e636fb2a0f95f4da92', role: roleType, class: {
                 [mode]: true,
                 // Used internally for styling
                 [`header-${mode}`]: true,
                 [`header-translucent`]: this.translucent,
                 [`header-collapse-${collapse}`]: true,
                 [`header-translucent-${mode}`]: this.translucent,
-            } }, inheritedAttributes), mode === 'ios' && translucent && hAsync("div", { key: '551cf9d1e76ee4331dd36ab45f9200bdb7fe95ea', class: "header-background" }), hAsync("slot", { key: '29360e44e184ac8a9f0f926166c34474c9acba55' })));
+            } }, inheritedAttributes), mode === 'ios' && translucent && hAsync("div", { key: '755331cb1d97dd1937357a4d6247314c8c1e45b1', class: "header-background" }), hAsync("slot", { key: '064eb06d6d2f84f62ada778bc774ebecdff52cc0' })));
     }
     get el() { return getElement(this); }
     static get style() { return {
@@ -14329,7 +14329,7 @@ class Img {
     render() {
         const { loadSrc, alt, onLoad, loadError, inheritedAttributes } = this;
         const { draggable } = inheritedAttributes;
-        return (hAsync(Host, { key: '0bf9dd6980a327fe9db56d20ee7d1cba3d24004e', class: getIonMode$1(this) }, hAsync("img", { key: '41219b518d152a07ac9e6887338c6fc1f5bd62e3', decoding: "async", src: loadSrc, alt: alt, onLoad: onLoad, onError: loadError, part: "image", draggable: isDraggable(draggable) })));
+        return (hAsync(Host, { key: '0565fb10c4324c10c37d9705fe948ce21bd3f074', class: getIonMode$1(this) }, hAsync("img", { key: 'c2246ee4040a1d3c8a7fb27851461767a53576a7', decoding: "async", src: loadSrc, alt: alt, onLoad: onLoad, onError: loadError, part: "image", draggable: isDraggable(draggable) })));
     }
     get el() { return getElement(this); }
     static get watchers() { return {
@@ -14536,7 +14536,7 @@ class InfiniteScroll {
     render() {
         const mode = getIonMode$1(this);
         const disabled = this.disabled;
-        return (hAsync(Host, { key: '6ebf01d8e9abd5b0e6197a0c13436b587ffc9fe8', class: {
+        return (hAsync(Host, { key: 'f58ee4f51f7ea3268f02e7126e4bc39726c979ba', class: {
                 [mode]: true,
                 'infinite-scroll-loading': this.isLoading,
                 'infinite-scroll-enabled': !disabled,
@@ -14592,11 +14592,11 @@ class InfiniteScrollContent {
     }
     render() {
         const mode = getIonMode$1(this);
-        return (hAsync(Host, { key: 'c3ba9864511b2aedd4884fa631d59559f9086924', class: {
+        return (hAsync(Host, { key: '73f3c5e3c86bc121d05941534dc19436c760e5b5', class: {
                 [mode]: true,
                 // Used internally for styling
                 [`infinite-scroll-content-${mode}`]: true,
-            } }, hAsync("div", { key: '4d9d40457fec317f32da1a4584895de867c88ba9', class: "infinite-loading" }, this.loadingSpinner && (hAsync("div", { key: '9e8f364f6c66b53f5912c6c9437caa6cc52bd4d3', class: "infinite-loading-spinner" }, hAsync("ion-spinner", { key: '457f34b169124457be68feff8e464466afc747b7', name: this.loadingSpinner }))), this.loadingText !== undefined && this.renderLoadingText())));
+            } }, hAsync("div", { key: '2d180aef9a15eff8088f3a20b0b640988a1406f0', class: "infinite-loading" }, this.loadingSpinner && (hAsync("div", { key: 'c7bc8d33bead94c61d71c884c2ae557b8a85c5e7', class: "infinite-loading-spinner" }, hAsync("ion-spinner", { key: '8b74974c2b02ea4a01946964a92ea78515ff6083', name: this.loadingSpinner }))), this.loadingText !== undefined && this.renderLoadingText())));
     }
     static get style() { return {
         ios: IonInfiniteScrollContentIosStyle0,
@@ -15328,7 +15328,7 @@ class Input {
          * TODO(FW-5592): Remove hasStartEndSlots condition
          */
         const labelShouldFloat = labelPlacement === 'stacked' || (labelPlacement === 'floating' && (hasValue || hasFocus || hasStartEndSlots));
-        return (hAsync(Host, { key: '8fe11981fe29ec7042234e5f0a6821511e1a3ce2', class: createColorClasses$1(this.color, {
+        return (hAsync(Host, { key: '9764569be5e0b43bb4320ae2cf49689bfe46af3a', class: createColorClasses$1(this.color, {
                 [mode]: true,
                 'has-value': hasValue,
                 'has-focus': hasFocus,
@@ -15339,7 +15339,7 @@ class Input {
                 'in-item': inItem,
                 'in-item-color': hostContext('ion-item.ion-color', this.el),
                 'input-disabled': disabled,
-            }) }, hAsync("label", { key: 'f6bb09e3652a8b6f76e1a81775a193bd9bd0dca5', class: "input-wrapper", htmlFor: inputId }, this.renderLabelContainer(), hAsync("div", { key: 'bfe2fb131b6d001c97d0524fecc55c299dc7b8e3', class: "native-wrapper" }, hAsync("slot", { key: 'd0787327ae575f4cbac653be197c6aeb78b7b6ba', name: "start" }), hAsync("input", Object.assign({ key: 'e06ece9d9dba1aeca434837d84461a3c5cda033b', class: "native-input", ref: (input) => (this.nativeInput = input), id: inputId, disabled: disabled, autoCapitalize: this.autocapitalize, autoComplete: this.autocomplete, autoCorrect: this.autocorrect, autoFocus: this.autofocus, enterKeyHint: this.enterkeyhint, inputMode: this.inputmode, min: this.min, max: this.max, minLength: this.minlength, maxLength: this.maxlength, multiple: this.multiple, name: this.name, pattern: this.pattern, placeholder: this.placeholder || '', readOnly: readonly, required: this.required, spellcheck: this.spellcheck, step: this.step, type: this.type, value: value, onInput: this.onInput, onChange: this.onChange, onBlur: this.onBlur, onFocus: this.onFocus, onKeyDown: this.onKeydown, onCompositionstart: this.onCompositionStart, onCompositionend: this.onCompositionEnd }, this.inheritedAttributes)), this.clearInput && !readonly && !disabled && (hAsync("button", { key: 'cdee06c490a9c9a3777d691fd0b3f6744d751b77', "aria-label": "reset", type: "button", class: "input-clear-icon", onPointerDown: (ev) => {
+            }) }, hAsync("label", { key: '7c30117bf9dd8ae7eeebf9b31301f857612d25e9', class: "input-wrapper", htmlFor: inputId }, this.renderLabelContainer(), hAsync("div", { key: '1909382c00f186f867be056b98d9294c021b0159', class: "native-wrapper" }, hAsync("slot", { key: '5a37475632ca71225a6fbab0ce1cb27cd70583fb', name: "start" }), hAsync("input", Object.assign({ key: 'a57cad2e000681ffb83725de52b8839014692672', class: "native-input", ref: (input) => (this.nativeInput = input), id: inputId, disabled: disabled, autoCapitalize: this.autocapitalize, autoComplete: this.autocomplete, autoCorrect: this.autocorrect, autoFocus: this.autofocus, enterKeyHint: this.enterkeyhint, inputMode: this.inputmode, min: this.min, max: this.max, minLength: this.minlength, maxLength: this.maxlength, multiple: this.multiple, name: this.name, pattern: this.pattern, placeholder: this.placeholder || '', readOnly: readonly, required: this.required, spellcheck: this.spellcheck, step: this.step, type: this.type, value: value, onInput: this.onInput, onChange: this.onChange, onBlur: this.onBlur, onFocus: this.onFocus, onKeyDown: this.onKeydown, onCompositionstart: this.onCompositionStart, onCompositionend: this.onCompositionEnd }, this.inheritedAttributes)), this.clearInput && !readonly && !disabled && (hAsync("button", { key: '927372123072605242335383850df15028d197d3', "aria-label": "reset", type: "button", class: "input-clear-icon", onPointerDown: (ev) => {
                 /**
                  * This prevents mobile browsers from
                  * blurring the input when the clear
@@ -15354,7 +15354,7 @@ class Input {
                  * for screen readers as it means users would be unable to swipe past the clear button.
                  */
                 ev.stopPropagation();
-            }, onClick: this.clearTextInput }, hAsync("ion-icon", { key: '8c813ac0b9dd3754b65fe928e5e55e11cb8ba06c', "aria-hidden": "true", icon: clearIconData }))), hAsync("slot", { key: '6df110f7719f89f345e7b2d14e34ebaedf2a3ae9', name: "end" })), shouldRenderHighlight && hAsync("div", { key: '6b544a470910f92825d83b4693272a5744b90c41', class: "input-highlight" })), this.renderBottomContent()));
+            }, onClick: this.clearTextInput }, hAsync("ion-icon", { key: '2c78f3cea15842d413f443ef1f2fa49bbaae6c21', "aria-hidden": "true", icon: clearIconData }))), hAsync("slot", { key: 'ab3cb5432ed126f8ba9202ce52c5cab0745bd1d3', name: "end" })), shouldRenderHighlight && hAsync("div", { key: 'eaf53efcbe60fa85a6be0b406e6f4434b0d70330', class: "input-highlight" })), this.renderBottomContent()));
     }
     get el() { return getElement(this); }
     static get watchers() { return {
@@ -15476,16 +15476,16 @@ class InputPasswordToggle {
         const showPasswordIcon = (_a = this.showIcon) !== null && _a !== void 0 ? _a : eye;
         const hidePasswordIcon = (_b = this.hideIcon) !== null && _b !== void 0 ? _b : eyeOff;
         const isPasswordVisible = type === 'text';
-        return (hAsync(Host, { key: 'e762dedf219725aac7e79cd5b9fe7632b923f021', class: createColorClasses$1(color, {
+        return (hAsync(Host, { key: '24d3c866aebab4fba60a81269641034707c114ed', class: createColorClasses$1(color, {
                 [mode]: true,
-            }) }, hAsync("ion-button", { key: '8ee1f981af2a3864bcf2116207f4db27e4e1f31a', mode: mode, color: color, fill: "clear", shape: "round", "aria-checked": isPasswordVisible ? 'true' : 'false', "aria-label": "show password", role: "switch", type: "button", onPointerDown: (ev) => {
+            }) }, hAsync("ion-button", { key: '7cc04ec92d7e93b48b9eac322c9f9efe737eca78', mode: mode, color: color, fill: "clear", shape: "round", "aria-checked": isPasswordVisible ? 'true' : 'false', "aria-label": "show password", role: "switch", type: "button", onPointerDown: (ev) => {
                 /**
                  * This prevents mobile browsers from
                  * blurring the input when the password toggle
                  * button is activated.
                  */
                 ev.preventDefault();
-            }, onClick: this.togglePasswordVisibility }, hAsync("ion-icon", { key: 'c864036a33bbc21d5324439f8f10dd0fd7b7b4ca', slot: "icon-only", "aria-hidden": "true", icon: isPasswordVisible ? hidePasswordIcon : showPasswordIcon }))));
+            }, onClick: this.togglePasswordVisibility }, hAsync("ion-icon", { key: '1396d946583adf4e8e3c8358835d00342cb4549e', slot: "icon-only", "aria-hidden": "true", icon: isPasswordVisible ? hidePasswordIcon : showPasswordIcon }))));
     }
     get el() { return getElement(this); }
     static get watchers() { return {
@@ -15781,11 +15781,11 @@ class ItemDivider {
     }
     render() {
         const mode = getIonMode$1(this);
-        return (hAsync(Host, { key: '384a4e7aa88d995d984a8cf1a9d50ee62152e557', class: createColorClasses$1(this.color, {
+        return (hAsync(Host, { key: 'bfeff938f29a0296e38867f569e55f41b3b47343', class: createColorClasses$1(this.color, {
                 [mode]: true,
                 'item-divider-sticky': this.sticky,
                 item: true,
-            }) }, hAsync("slot", { key: '734758b7f460333d35c5ea8a8e4b561a828b5581', name: "start" }), hAsync("div", { key: '9228dbce13729bc6b368a4d3b1632393cb6d77ff', class: "item-divider-inner" }, hAsync("div", { key: '682f4c6d78e8ab0aa1fb71406f6f5d3c49f93f51', class: "item-divider-wrapper" }, hAsync("slot", { key: '8fc592b612e2663337ea9451b7cb728f0be4ac5c' })), hAsync("slot", { key: '8ed1bf0df19475a403dc37b451c80601c3e295bd', name: "end" }))));
+            }) }, hAsync("slot", { key: 'd064c4afac9a53c60bd7c44e958578ad59ad77e8', name: "start" }), hAsync("div", { key: '44c3b986b680d25538ad59c052831e7ac122aa11', class: "item-divider-inner" }, hAsync("div", { key: 'a555927bb3ee4f65c409610ceb1eaacf3405a72e', class: "item-divider-wrapper" }, hAsync("slot", { key: '37bb59a552bf8e2cd8669e3b75e6de00d5035423' })), hAsync("slot", { key: '07258a058e1e54ed5fb104de78d5071923dec9ba', name: "end" }))));
     }
     get el() { return getElement(this); }
     static get style() { return {
@@ -15817,7 +15817,7 @@ class ItemGroup {
     }
     render() {
         const mode = getIonMode$1(this);
-        return (hAsync(Host, { key: '93e31b0ea21cf60aac7445f463da7959417400e5', role: "group", class: {
+        return (hAsync(Host, { key: 'dd91a864a058d8e14e3317c47cbca949ea0b685d', role: "group", class: {
                 [mode]: true,
                 // Used internally for styling
                 [`item-group-${mode}`]: true,
@@ -15885,12 +15885,12 @@ class ItemOption {
                 href: this.href,
                 target: this.target,
             };
-        return (hAsync(Host, { key: 'd55436f789ceb991db95f386df5df41fc56a78a6', onClick: this.onClick, class: createColorClasses$1(this.color, {
+        return (hAsync(Host, { key: '7ba5396aacf0c098b5420a5649493d903e18c677', onClick: this.onClick, class: createColorClasses$1(this.color, {
                 [mode]: true,
                 'item-option-disabled': disabled,
                 'item-option-expandable': expandable,
                 'ion-activatable': true,
-            }) }, hAsync(TagType, Object.assign({ key: 'e157c5b9ea5cdb68d3e162593c5ae3e72871a266' }, attrs, { class: "button-native", part: "native", disabled: disabled }), hAsync("span", { key: '414d4cda72641e5168b1a67f98ef4a92d4a6fd2b', class: "button-inner" }, hAsync("slot", { key: '6099b63f4f0954a62345a526c9a418be68971805', name: "top" }), hAsync("div", { key: '5af43d2e7e982371247f736726ff19794fcfa7c4', class: "horizontal-wrapper" }, hAsync("slot", { key: '5442bfce241d6647bb671625bf389c6d50b1eb0d', name: "start" }), hAsync("slot", { key: 'b0ba9b814406d7539329e5665705d3da7d8ec974', name: "icon-only" }), hAsync("slot", { key: '3f9fa17386051a1eac5d3e366c9b027759da9a2c' }), hAsync("slot", { key: 'a87945cdab52ef671b12fae4a4dbe8a42c03ed22', name: "end" })), hAsync("slot", { key: '9934bb2238351733dc29d05f0ad795720982980c', name: "bottom" })), mode === 'md' && hAsync("ion-ripple-effect", { key: '03c3b1122d98460d9c89a2d8d18673b32c18f9a0' }))));
+            }) }, hAsync(TagType, Object.assign({ key: '09c2cd9bc1efa67cffa2214c171cde23de75b6fd' }, attrs, { class: "button-native", part: "native", disabled: disabled }), hAsync("span", { key: 'e8f5156dff89c916bc4128d1ca821d5e01f148ae', class: "button-inner" }, hAsync("slot", { key: 'c1e9c512ef98cfcd27f0e2620f9a428c831bb345', name: "top" }), hAsync("div", { key: 'ead689e77de31afc90279637acdf88db5447c309', class: "horizontal-wrapper" }, hAsync("slot", { key: '9ac5837e5747e624b9379c4313073ea1005e4087', name: "start" }), hAsync("slot", { key: '23d4c340fed60cd7d2a6a293053da44a7d37765d', name: "icon-only" }), hAsync("slot", { key: 'aa48ab55247d1574136e710f2078655a187bb08a' }), hAsync("slot", { key: 'd6081f25db68ae497c94b70d63492c075f2ae165', name: "end" })), hAsync("slot", { key: '81a47e06001df3c03e6bd67983fd46407329835f', name: "bottom" })), mode === 'md' && hAsync("ion-ripple-effect", { key: '8a00afb47cac288845392b8e513456b01d8a1ee1' }))));
     }
     get el() { return getElement(this); }
     static get style() { return {
@@ -15937,7 +15937,7 @@ class ItemOptions {
     render() {
         const mode = getIonMode$1(this);
         const isEnd = isEndSide(this.side);
-        return (hAsync(Host, { key: '28e7977e6ef7a331b8570a3e4b88f0283ae50c9e', class: {
+        return (hAsync(Host, { key: 'c777cc1d44fa59aa7b91b7335ab0368b757303ef', class: {
                 [mode]: true,
                 // Used internally for styling
                 [`item-options-${mode}`]: true,
@@ -16399,7 +16399,7 @@ class ItemSliding {
     }
     render() {
         const mode = getIonMode$1(this);
-        return (hAsync(Host, { key: 'f8c1e978cff89a63e23c46c2ad16eac66db530f5', class: {
+        return (hAsync(Host, { key: 'e8e4033131f87ec8bd52296292d99408174cb18b', class: {
                 [mode]: true,
                 'item-sliding-active-slide': this.state !== 2 /* SlidingState.Disabled */,
                 'item-sliding-active-options-end': (this.state & 8 /* SlidingState.End */) !== 0,
@@ -16508,13 +16508,13 @@ class Label {
     render() {
         const position = this.position;
         const mode = getIonMode$1(this);
-        return (hAsync(Host, { key: '2311bd8145046edd623a6a96db315fc5719aec12', class: createColorClasses$1(this.color, {
+        return (hAsync(Host, { key: 'd3051dcde8fe1b047190c071c4bc7db2d87e2161', class: createColorClasses$1(this.color, {
                 [mode]: true,
                 'in-item-color': hostContext('ion-item.ion-color', this.el),
                 [`label-${position}`]: position !== undefined,
                 [`label-no-animate`]: this.noAnimate,
                 'label-rtl': document.dir === 'rtl',
-            }) }, hAsync("slot", { key: 'dcc3b383a78fbc385b9689a95ee57d9b1e8a263b' })));
+            }) }, hAsync("slot", { key: 'dd329baab5b11c28d7dbd4acfdf08199089d58ee' })));
     }
     get el() { return getElement(this); }
     static get watchers() { return {
@@ -16570,7 +16570,7 @@ class List {
     render() {
         const mode = getIonMode$1(this);
         const { lines, inset } = this;
-        return (hAsync(Host, { key: 'fff468cb8bfd9999bea7d7fd210f715e58bf605a', role: "list", class: {
+        return (hAsync(Host, { key: 'f7ae6e7cd8fb1f68dc0e6f5286025e25990831f5', role: "list", class: {
                 [mode]: true,
                 // Used internally for styling
                 [`list-${mode}`]: true,
@@ -16616,10 +16616,10 @@ class ListHeader {
     render() {
         const { lines } = this;
         const mode = getIonMode$1(this);
-        return (hAsync(Host, { key: 'd07e7a3c03b0164d398319c009a9b6fc8405598d', class: createColorClasses$1(this.color, {
+        return (hAsync(Host, { key: 'ff1a155b461281e32a733ed837bd2c21abe92d6d', class: createColorClasses$1(this.color, {
                 [mode]: true,
                 [`list-header-lines-${lines}`]: lines !== undefined,
-            }) }, hAsync("div", { key: 'f56daf3980e4964163c2482b3d60905c154b0724', class: "list-header-inner" }, hAsync("slot", { key: 'd56400b71a855b16498afa24148d64d885ae6504' }))));
+            }) }, hAsync("div", { key: 'b4652a753f76bca4f14a7f9f58a093e01b0c5a2b', class: "list-header-inner" }, hAsync("slot", { key: '0e0ddd1f48589bc2059cd2d47866599a161797d7' }))));
     }
     static get style() { return {
         ios: IonListHeaderIosStyle0,
@@ -16888,9 +16888,9 @@ class Loading {
          * Otherwise, don't set aria-labelledby.
          */
         const ariaLabelledBy = message !== undefined ? msgId : null;
-        return (hAsync(Host, Object.assign({ key: '3d684a57559ad330f0a7954aad02571f15629ded', role: "dialog", "aria-modal": "true", "aria-labelledby": ariaLabelledBy, tabindex: "-1" }, htmlAttributes, { style: {
+        return (hAsync(Host, Object.assign({ key: 'cf4f84897877cec74e2ac781f040acf2f13d59b7', role: "dialog", "aria-modal": "true", "aria-labelledby": ariaLabelledBy, tabindex: "-1" }, htmlAttributes, { style: {
                 zIndex: `${40000 + this.overlayIndex}`,
-            }, onIonBackdropTap: this.onBackdropTap, class: Object.assign(Object.assign({}, getClassMap(this.cssClass)), { [mode]: true, 'overlay-hidden': true, 'loading-translucent': this.translucent }) }), hAsync("ion-backdrop", { key: '0f6cd7c082fe98ce1c7b2873749b774dbdb041dc', visible: this.showBackdrop, tappable: this.backdropDismiss }), hAsync("div", { key: 'a03ba5875254bac6bca319c9e5fe798ab511c89c', tabindex: "0" }), hAsync("div", { key: 'cbe2a569a4e3072074622bc0e9f408a3f67f27e8', class: "loading-wrapper ion-overlay-wrapper" }, spinner && (hAsync("div", { key: '8fbae7f7389855003dab80d10ed3cc6f8f61c858', class: "loading-spinner" }, hAsync("ion-spinner", { key: '6ca485d41fba4ea8d4358c787fbe96abe7158f6d', name: spinner, "aria-hidden": "true" }))), message !== undefined && this.renderLoadingMessage(msgId)), hAsync("div", { key: '77b14c01d7b598bd14212e6346212ef0cf3865b2', tabindex: "0" })));
+            }, onIonBackdropTap: this.onBackdropTap, class: Object.assign(Object.assign({}, getClassMap(this.cssClass)), { [mode]: true, 'overlay-hidden': true, 'loading-translucent': this.translucent }) }), hAsync("ion-backdrop", { key: 'a2ddf3892a8c5728597aaf2ec4249d8c3473d250', visible: this.showBackdrop, tappable: this.backdropDismiss }), hAsync("div", { key: 'd6beda85122b8d4958443ea1ac025e46722f0d58', tabindex: "0" }), hAsync("div", { key: 'd158e7404e775382d44a5778c36c4f2da76d17f6', class: "loading-wrapper ion-overlay-wrapper" }, spinner && (hAsync("div", { key: 'd54598fe5d64c935ca8d86b9a82d82ec575ea248', class: "loading-spinner" }, hAsync("ion-spinner", { key: 'd27b7fbd9cc998d3ace002b5c330430c3ce7ab2f', name: spinner, "aria-hidden": "true" }))), message !== undefined && this.renderLoadingMessage(msgId)), hAsync("div", { key: '94101983fb1087ed549b839d2e3cec03c82eb895', tabindex: "0" })));
     }
     get el() { return getElement(this); }
     static get watchers() { return {
@@ -17871,14 +17871,14 @@ class Menu {
          * the ionBackButton listener in the menu controller
          * will handle closing the menu when Escape is pressed.
          */
-        return (hAsync(Host, { key: 'fc1a6fbdac29a165f06f49bb36243953f93380ba', onKeyDown: shouldUseCloseWatcher() ? null : this.onKeydown, role: "navigation", "aria-label": inheritedAttributes['aria-label'] || 'menu', class: {
+        return (hAsync(Host, { key: '512351da5643c97fcc6eef8988ea6331ccc387ac', onKeyDown: shouldUseCloseWatcher() ? null : this.onKeydown, role: "navigation", "aria-label": inheritedAttributes['aria-label'] || 'menu', class: {
                 [mode]: true,
                 [`menu-type-${type}`]: true,
                 'menu-enabled': !disabled,
                 [`menu-side-${side}`]: true,
                 'menu-pane-visible': isPaneVisible,
                 'split-pane-side': hostContext('ion-split-pane', el),
-            } }, hAsync("div", { key: '12b032eec994bbcd8262c0bca809b3b5ea6660b8', class: "menu-inner", part: "container", ref: (el) => (this.menuInnerEl = el) }, hAsync("slot", { key: '2f4091ce8b9f6014fb5a63dba91a3686c4ba0a62' })), hAsync("ion-backdrop", { key: '5eeaa2993aac40eeb06a4b234565b324bef3d74c', ref: (el) => (this.backdropEl = el), class: "menu-backdrop", tappable: false, stopPropagation: false, part: "backdrop" })));
+            } }, hAsync("div", { key: 'd4d65596d2216544b2c9d19e4ed66a4d0e7f956a', class: "menu-inner", part: "container", ref: (el) => (this.menuInnerEl = el) }, hAsync("slot", { key: '80ce72865813bacaca97089e4d97063a3ab163c6' })), hAsync("ion-backdrop", { key: 'c7d3cdd3d74b7045bd60f212a68cbf50a4672843', ref: (el) => (this.backdropEl = el), class: "menu-backdrop", tappable: false, stopPropagation: false, part: "backdrop" })));
     }
     get el() { return getElement(this); }
     static get watchers() { return {
@@ -17981,7 +17981,7 @@ class MenuButton {
             type: this.type,
         };
         const ariaLabel = inheritedAttributes['aria-label'] || 'menu';
-        return (hAsync(Host, { key: '4efecc7c5bfc93699507c7106281b96b535966a2', onClick: this.onClick, "aria-disabled": disabled ? 'true' : null, "aria-hidden": hidden ? 'true' : null, class: createColorClasses$1(color, {
+        return (hAsync(Host, { key: '969e3b49e0a4cd98f19ed093525a41fe3ff47273', onClick: this.onClick, "aria-disabled": disabled ? 'true' : null, "aria-hidden": hidden ? 'true' : null, class: createColorClasses$1(color, {
                 [mode]: true,
                 button: true, // ion-buttons target .button
                 'menu-button-hidden': hidden,
@@ -17990,7 +17990,7 @@ class MenuButton {
                 'in-toolbar-color': hostContext('ion-toolbar[color]', this.el),
                 'ion-activatable': true,
                 'ion-focusable': true,
-            }) }, hAsync("button", Object.assign({ key: '8fd26744bb89e1fe230d132a88c57c571c2d1687' }, attrs, { disabled: disabled, class: "button-native", part: "native", "aria-label": ariaLabel }), hAsync("span", { key: '499e6179a774a1fb57225895cec8983165b17835', class: "button-inner" }, hAsync("slot", { key: '12afd938f7a17566f34e66ffe0d8b5f846b24538' }, hAsync("ion-icon", { key: '76f0cb930af0e3204e7abdcd80891c64d25c95ec', part: "icon", icon: menuIcon, mode: mode, lazy: false, "aria-hidden": "true" }))), mode === 'md' && hAsync("ion-ripple-effect", { key: '2647d1b9129a3816cad434ade7201e5a49b98c83', type: "unbounded" }))));
+            }) }, hAsync("button", Object.assign({ key: '3ffc8030559f0aae78b20bd64237c763cda964e3' }, attrs, { disabled: disabled, class: "button-native", part: "native", "aria-label": ariaLabel }), hAsync("span", { key: '29d216517c268eaf0ebebe2a386924204112f17e', class: "button-inner" }, hAsync("slot", { key: 'd8d1266aecd2cb2e122f181720530c143c7f5656' }, hAsync("ion-icon", { key: '12d018ef8e7fb5e633986f4fbb9410ba9687aadd', part: "icon", icon: menuIcon, mode: mode, lazy: false, "aria-hidden": "true" }))), mode === 'md' && hAsync("ion-ripple-effect", { key: '62a0ed22adf75e0976a42126d9dd5942efae105e', type: "unbounded" }))));
     }
     get el() { return getElement(this); }
     static get style() { return {
@@ -18039,10 +18039,10 @@ class MenuToggle {
     render() {
         const mode = getIonMode$1(this);
         const hidden = this.autoHide && !this.visible;
-        return (hAsync(Host, { key: 'af93cbcd1304e813c0c4fd4c653cd4e79e55dfb4', onClick: this.onClick, "aria-hidden": hidden ? 'true' : null, class: {
+        return (hAsync(Host, { key: 'd4c975d260f34123600ac8014bf433caaa5000a7', onClick: this.onClick, "aria-hidden": hidden ? 'true' : null, class: {
                 [mode]: true,
                 'menu-toggle-hidden': hidden,
-            } }, hAsync("slot", { key: 'ba3569f7a82713d0c5cc44bf86ef04bb3e387696' })));
+            } }, hAsync("slot", { key: '70de7f84c7b3d9a1b1f36c1354ee277edb9d5a83' })));
     }
     static get style() { return IonMenuToggleStyle0; }
     static get cmpMeta() { return {
@@ -20046,18 +20046,18 @@ class Modal {
         const mode = getIonMode$1(this);
         const isCardModal = presentingElement !== undefined && mode === 'ios';
         const isHandleCycle = handleBehavior === 'cycle';
-        return (hAsync(Host, Object.assign({ key: '9b212421b482bb8f0b3a78466af641fe7e5c85f5', "no-router": true, tabindex: "-1" }, htmlAttributes, { style: {
+        return (hAsync(Host, Object.assign({ key: 'f67d40f051eef94d7424436bca1995a724bd06c8', "no-router": true, tabindex: "-1" }, htmlAttributes, { style: {
                 zIndex: `${20000 + this.overlayIndex}`,
-            }, class: Object.assign({ [mode]: true, ['modal-default']: !isCardModal && !isSheetModal, [`modal-card`]: isCardModal, [`modal-sheet`]: isSheetModal, 'overlay-hidden': true, [FOCUS_TRAP_DISABLE_CLASS]: focusTrap === false }, getClassMap(this.cssClass)), onIonBackdropTap: this.onBackdropTap, onIonModalDidPresent: this.onLifecycle, onIonModalWillPresent: this.onLifecycle, onIonModalWillDismiss: this.onLifecycle, onIonModalDidDismiss: this.onLifecycle }), hAsync("ion-backdrop", { key: '331131605e92efe4f61b52e672f990e434bae402', ref: (el) => (this.backdropEl = el), visible: this.showBackdrop, tappable: this.backdropDismiss, part: "backdrop" }), mode === 'ios' && hAsync("div", { key: '181e566b914c2c776cb958ad983179358b4fc5ac', class: "modal-shadow" }), hAsync("div", Object.assign({ key: 'e07a6b70207113a2516d64cefeda924c4c5aea84',
+            }, class: Object.assign({ [mode]: true, ['modal-default']: !isCardModal && !isSheetModal, [`modal-card`]: isCardModal, [`modal-sheet`]: isSheetModal, 'overlay-hidden': true, [FOCUS_TRAP_DISABLE_CLASS]: focusTrap === false }, getClassMap(this.cssClass)), onIonBackdropTap: this.onBackdropTap, onIonModalDidPresent: this.onLifecycle, onIonModalWillPresent: this.onLifecycle, onIonModalWillDismiss: this.onLifecycle, onIonModalDidDismiss: this.onLifecycle }), hAsync("ion-backdrop", { key: 'daecdceed03be109e6e3927f419998dfc9e6f54f', ref: (el) => (this.backdropEl = el), visible: this.showBackdrop, tappable: this.backdropDismiss, part: "backdrop" }), mode === 'ios' && hAsync("div", { key: 'cd7b12a15e4fc789a252e0eb57742c5c42faaca8', class: "modal-shadow" }), hAsync("div", Object.assign({ key: '3dd95c978e5bc8d65126126580d19c1c75676518',
             /*
               role and aria-modal must be used on the
               same element. They must also be set inside the
               shadow DOM otherwise ion-button will not be highlighted
               when using VoiceOver: https://bugs.webkit.org/show_bug.cgi?id=247134
             */
-            role: "dialog" }, inheritedAttributes, { "aria-modal": "true", class: "modal-wrapper ion-overlay-wrapper", part: "content", ref: (el) => (this.wrapperEl = el) }), showHandle && (hAsync("button", { key: 'a9a0d5aa73306d9f3a244c90c8dc3c955bc3855c', class: "modal-handle",
+            role: "dialog" }, inheritedAttributes, { "aria-modal": "true", class: "modal-wrapper ion-overlay-wrapper", part: "content", ref: (el) => (this.wrapperEl = el) }), showHandle && (hAsync("button", { key: '14522753a5a4573181c58eb83ab458139b249cfc', class: "modal-handle",
             // Prevents the handle from receiving keyboard focus when it does not cycle
-            tabIndex: !isHandleCycle ? -1 : 0, "aria-label": "Activate to adjust the size of the dialog overlaying the screen", onClick: isHandleCycle ? this.onHandleClick : undefined, part: "handle" })), hAsync("slot", { key: '9f9c994a1a6419b1129f3d2f2602999d2dc5bb4d' }))));
+            tabIndex: !isHandleCycle ? -1 : 0, "aria-label": "Activate to adjust the size of the dialog overlaying the screen", onClick: isHandleCycle ? this.onHandleClick : undefined, part: "handle" })), hAsync("slot", { key: '2bd0529816738954494a0f094424b37d831e7fa2' }))));
     }
     get el() { return getElement(this); }
     static get watchers() { return {
@@ -21006,7 +21006,7 @@ class Nav {
         }
     }
     render() {
-        return hAsync("slot", { key: 'd54f3b425f1bc87d4d86281671d4ca2806383cdd' });
+        return hAsync("slot", { key: 'dc6ca7eccf3f0db547df5519097b5e5c4fa4b5e9' });
     }
     get el() { return getElement(this); }
     static get watchers() { return {
@@ -21079,7 +21079,7 @@ class NavLink {
         this.routerAnimation = undefined;
     }
     render() {
-        return hAsync(Host, { key: '1a576784ab843c575f5ab8ea901aa59a9b0d0d29', onClick: this.onClick });
+        return hAsync(Host, { key: 'd68d09a86098155e3b5687ca06551400c18c1faa', onClick: this.onClick });
     }
     get el() { return getElement(this); }
     static get cmpMeta() { return {
@@ -21113,9 +21113,9 @@ class Note {
     }
     render() {
         const mode = getIonMode$1(this);
-        return (hAsync(Host, { key: '4a1ac8b0b23e549b3828ed74055e8c903ea6d832', class: createColorClasses$1(this.color, {
+        return (hAsync(Host, { key: 'f8e6e694d4a8b0d70c470328b5f4608e860abac7', class: createColorClasses$1(this.color, {
                 [mode]: true,
-            }) }, hAsync("slot", { key: '49055b3334e5ef422d507582622c38126f2504f7' })));
+            }) }, hAsync("slot", { key: 'e6fd0beffa392714f62de005d1982da92968120d' })));
     }
     static get style() { return {
         ios: IonNoteIosStyle0,
@@ -21612,7 +21612,7 @@ class Picker$1 {
         this.emitInputModeChange();
     }
     render() {
-        return (hAsync(Host, { key: 'da5dd5dfb6437fb6cb0222402f9b86f4188c5340', onPointerDown: (ev) => this.onPointerDown(ev), onClick: () => this.onClick() }, hAsync("input", { key: '18f1d5c23dd8e6e374a352d2f94ed3db4aa38204', "aria-hidden": "true", tabindex: -1, inputmode: "numeric", type: "number", onKeyDown: (ev) => {
+        return (hAsync(Host, { key: 'a047c3bbf43c08690c5047e2149cc0b440d72053', onPointerDown: (ev) => this.onPointerDown(ev), onClick: () => this.onClick() }, hAsync("input", { key: '78f0d43ce8db740daddc61ccee7af118befe8a21', "aria-hidden": "true", tabindex: -1, inputmode: "numeric", type: "number", onKeyDown: (ev) => {
                 var _a;
                 /**
                  * The "Enter" key represents
@@ -21627,7 +21627,7 @@ class Picker$1 {
                 if (ev.key === 'Enter') {
                     (_a = this.inputEl) === null || _a === void 0 ? void 0 : _a.blur();
                 }
-            }, ref: (el) => (this.inputEl = el), onInput: () => this.onInputChange(), onBlur: () => this.exitInputMode() }), hAsync("div", { key: 'f8a11fcbef344920e2135977c9750678bc355ff9', class: "picker-before" }), hAsync("div", { key: '7325b4ad960b75e1d31d321a85737fc0ece9f9df', class: "picker-after" }), hAsync("div", { key: 'c256888d1c4f53566ea9daa656fb30f037d8263d', class: "picker-highlight", ref: (el) => (this.highlightEl = el) }), hAsync("slot", { key: 'c016a6e89651774adc819dbfb08a3415127aa8e9' })));
+            }, ref: (el) => (this.inputEl = el), onInput: () => this.onInputChange(), onBlur: () => this.exitInputMode() }), hAsync("div", { key: 'ed00f7b349280c5ee41d15f780ce5fb69cc2453a', class: "picker-before" }), hAsync("div", { key: '02c6bbcdd3329c6fdf79cd1fb51b5768e9b22711', class: "picker-after" }), hAsync("div", { key: 'c637f147c7845fc026abb6d620adfdffd805d7e4', class: "picker-highlight", ref: (el) => (this.highlightEl = el) }), hAsync("slot", { key: '619120374f0034128b2c3232c5cfdc39fb34609e' })));
     }
     get el() { return getElement(this); }
     static get style() { return {
@@ -21880,11 +21880,11 @@ class Picker {
     render() {
         const { htmlAttributes } = this;
         const mode = getIonMode$1(this);
-        return (hAsync(Host, Object.assign({ key: '8a6fbaba4b5b1e1c25dc500c12279e8e6da7bc81', "aria-modal": "true", tabindex: "-1" }, htmlAttributes, { style: {
+        return (hAsync(Host, Object.assign({ key: '41c66813661ae02c59a8b795943b9282c24f61bd', "aria-modal": "true", tabindex: "-1" }, htmlAttributes, { style: {
                 zIndex: `${20000 + this.overlayIndex}`,
             }, class: Object.assign({ [mode]: true,
                 // Used internally for styling
-                [`picker-${mode}`]: true, 'overlay-hidden': true }, getClassMap(this.cssClass)), onIonBackdropTap: this.onBackdropTap, onIonPickerWillDismiss: this.dispatchCancelHandler }), hAsync("ion-backdrop", { key: '18c21f02bc11f7036e128556c7625745fdd5fca5', visible: this.showBackdrop, tappable: this.backdropDismiss }), hAsync("div", { key: '848a54b270802ac8562a6e10ab16ccb64032e6f5', tabindex: "0" }), hAsync("div", { key: 'ac70a708843f692920fa7152b15e60cdd43c9d3f', class: "picker-wrapper ion-overlay-wrapper", role: "dialog" }, hAsync("div", { key: '3e23b0b06e9e5cb35e92d54152af5da3675788df', class: "picker-toolbar" }, this.buttons.map((b) => (hAsync("div", { class: buttonWrapperClass(b) }, hAsync("button", { type: "button", onClick: () => this.buttonClick(b), class: buttonClass$1(b) }, b.text))))), hAsync("div", { key: '9ed2e90944e13ce3f3def7d2633c624ba80c386f', class: "picker-columns" }, hAsync("div", { key: '60469764c9ece9b807a407fc7f3bb1ec1a89feea', class: "picker-above-highlight" }), this.presented && this.columns.map((c) => hAsync("ion-picker-legacy-column", { col: c })), hAsync("div", { key: '73f76b64b8dd8479624c8ea571b724a643e7dc86', class: "picker-below-highlight" }))), hAsync("div", { key: 'dbf7f2f16f01d89bdae0446c1eaa76cb3d30907a', tabindex: "0" })));
+                [`picker-${mode}`]: true, 'overlay-hidden': true }, getClassMap(this.cssClass)), onIonBackdropTap: this.onBackdropTap, onIonPickerWillDismiss: this.dispatchCancelHandler }), hAsync("ion-backdrop", { key: '1ba78b0ef99deea852476e940964a75085fe45a4', visible: this.showBackdrop, tappable: this.backdropDismiss }), hAsync("div", { key: '3bc22eb55a9926f32c622b30f1c21275aa2ede54', tabindex: "0" }), hAsync("div", { key: '3508962e9916d66587bc8647768a32d2d2db4b5d', class: "picker-wrapper ion-overlay-wrapper", role: "dialog" }, hAsync("div", { key: 'f5a76c4a96a54005d47330555b65e78dec02e660', class: "picker-toolbar" }, this.buttons.map((b) => (hAsync("div", { class: buttonWrapperClass(b) }, hAsync("button", { type: "button", onClick: () => this.buttonClick(b), class: buttonClass$1(b) }, b.text))))), hAsync("div", { key: '4c84d83b45049178f5b0dc637fdcb6465cc6c9bd', class: "picker-columns" }, hAsync("div", { key: 'd60a97c7051f9384e145b7161d9f1d84eded461e', class: "picker-above-highlight" }), this.presented && this.columns.map((c) => hAsync("ion-picker-legacy-column", { col: c })), hAsync("div", { key: 'aec1e91002df5c9e938edebbfbacb24047b0396e', class: "picker-below-highlight" }))), hAsync("div", { key: 'b0b4c9db4e2a6943c3192d62f19caae41bdfcb8a', tabindex: "0" })));
     }
     get el() { return getElement(this); }
     static get watchers() { return {
@@ -22466,12 +22466,12 @@ class PickerColumn {
     render() {
         const { color, disabled, isActive, numericInput } = this;
         const mode = getIonMode$1(this);
-        return (hAsync(Host, { key: 'db87a8ab9a4c561b314b65c96709413c7769fda6', class: createColorClasses$1(color, {
+        return (hAsync(Host, { key: '7b928cad53f740bde8a3f9cbd81ca12e2e01d29c', class: createColorClasses$1(color, {
                 [mode]: true,
                 ['picker-column-active']: isActive,
                 ['picker-column-numeric-input']: numericInput,
                 ['picker-column-disabled']: disabled,
-            }) }, this.renderAssistiveFocusable(), hAsync("slot", { key: '3bf28fb1f9a5278c1233ea2c1dec6e6e5fa57a77', name: "prefix" }), hAsync("div", { key: '4ed4ebd77e1a9afea67860ebf72c2a9856fe8c20', "aria-hidden": "true", class: "picker-opts", ref: (el) => {
+            }) }, this.renderAssistiveFocusable(), hAsync("slot", { key: '2511cd77f5f1e8fa923bcd1a36d7aac79b31434a', name: "prefix" }), hAsync("div", { key: 'e086a1709e818b2d5b0320b220ae022f6a138c51', "aria-hidden": "true", class: "picker-opts", ref: (el) => {
                 this.scrollEl = el;
             },
             /**
@@ -22492,7 +22492,7 @@ class PickerColumn {
              * To prevent this, we set the tabIndex to -1. This
              * will match the behavior of the other browsers.
              */
-            tabIndex: -1 }, hAsync("div", { key: '00ea57e0c277237b6556459b7da0dd8ce5d78c4e', class: "picker-item-empty", "aria-hidden": "true" }, "\u00A0"), hAsync("div", { key: 'a7f35c62e9105eeab7faf935d943ba436ec41eee', class: "picker-item-empty", "aria-hidden": "true" }, "\u00A0"), hAsync("div", { key: 'f10ea7f6adf3945e6cf59ce7fdc088d14e8b5edd', class: "picker-item-empty", "aria-hidden": "true" }, "\u00A0"), hAsync("slot", { key: '26885628de402925b9c3c22d7656f7346273d8f0' }), hAsync("div", { key: '88dc46995e2dcd8bbfb950ec61c8d34f0cc4796e', class: "picker-item-empty", "aria-hidden": "true" }, "\u00A0"), hAsync("div", { key: '306b1b0406f96612693b9425cb06bf9a9f973b5e', class: "picker-item-empty", "aria-hidden": "true" }, "\u00A0"), hAsync("div", { key: '51185b096760187f4c59abd3fa7ac1a2e780ada8', class: "picker-item-empty", "aria-hidden": "true" }, "\u00A0")), hAsync("slot", { key: '50bff81067a2419d8b1dacc33a66d23bc588eff5', name: "suffix" })));
+            tabIndex: -1 }, hAsync("div", { key: 'aafe7ed5791b67c318da9364c7fb559ef4f04181', class: "picker-item-empty", "aria-hidden": "true" }, "\u00A0"), hAsync("div", { key: '5adf884a636b77b59ef754b516faa2cdf21335d2', class: "picker-item-empty", "aria-hidden": "true" }, "\u00A0"), hAsync("div", { key: '6a13acfb507a9deed50aa0f8c942b7ab0f433930', class: "picker-item-empty", "aria-hidden": "true" }, "\u00A0"), hAsync("slot", { key: '32b68bb2bd9325768883b4daf0d02c62b1586449' }), hAsync("div", { key: 'b3bca0d9e7ecd37a013a85d3335dde3de7e92498', class: "picker-item-empty", "aria-hidden": "true" }, "\u00A0"), hAsync("div", { key: '109943c07085dba58be5707ccfb0b3750f5e3f4c', class: "picker-item-empty", "aria-hidden": "true" }, "\u00A0"), hAsync("div", { key: 'e2787a59e75ca018885a9b72d4fc1dd441128b0d', class: "picker-item-empty", "aria-hidden": "true" }, "\u00A0")), hAsync("slot", { key: '45420616670bdb1ae9c1aa31de550172771266c2', name: "suffix" })));
     }
     get el() { return getElement(this); }
     static get watchers() { return {
@@ -22859,9 +22859,9 @@ class PickerColumnCmp {
     render() {
         const col = this.col;
         const mode = getIonMode$1(this);
-        return (hAsync(Host, { key: '0d919e35ebc1d66b8548b180cc0d853e43c49cf0', class: Object.assign({ [mode]: true, 'picker-col': true, 'picker-opts-left': this.col.align === 'left', 'picker-opts-right': this.col.align === 'right' }, getClassMap(col.cssClass)), style: {
+        return (hAsync(Host, { key: 'e50365e8574492d32c3b4a8a0d816d9a2d5b4080', class: Object.assign({ [mode]: true, 'picker-col': true, 'picker-opts-left': this.col.align === 'left', 'picker-opts-right': this.col.align === 'right' }, getClassMap(col.cssClass)), style: {
                 'max-width': this.col.columnWidth,
-            } }, col.prefix && (hAsync("div", { key: '3c3b1fabf798fca9605f5d2fd0b921df2605b529', class: "picker-prefix", style: { width: col.prefixWidth } }, col.prefix)), hAsync("div", { key: '8f2f88a4db95dcea39dd050f70e85ed9a63ed148', class: "picker-opts", style: { maxWidth: col.optionsWidth }, ref: (el) => (this.optsEl = el) }, col.options.map((o, index) => (hAsync("button", { "aria-label": o.ariaLabel, class: { 'picker-opt': true, 'picker-opt-disabled': !!o.disabled }, "opt-index": index }, o.text)))), col.suffix && (hAsync("div", { key: '943b3f0ebd9be83f508052cf5255a4155263c85e', class: "picker-suffix", style: { width: col.suffixWidth } }, col.suffix))));
+            } }, col.prefix && (hAsync("div", { key: 'aa48f883c088203dd9dadcfe688f49cacd40f4f7', class: "picker-prefix", style: { width: col.prefixWidth } }, col.prefix)), hAsync("div", { key: '72545ed57bd4782d81df2cb0ea9c1edc08f23e88', class: "picker-opts", style: { maxWidth: col.optionsWidth }, ref: (el) => (this.optsEl = el) }, col.options.map((o, index) => (hAsync("button", { "aria-label": o.ariaLabel, class: { 'picker-opt': true, 'picker-opt-disabled': !!o.disabled }, "opt-index": index }, o.text)))), col.suffix && (hAsync("div", { key: '0accccde44b8fa36b5f481ae98760e00ddb234a9', class: "picker-suffix", style: { width: col.suffixWidth } }, col.suffix))));
     }
     get el() { return getElement(this); }
     static get watchers() { return {
@@ -22965,10 +22965,10 @@ class PickerColumnOption {
     render() {
         const { color, disabled, ariaLabel } = this;
         const mode = getIonMode$1(this);
-        return (hAsync(Host, { key: '5c6caaee984c1a28bd1a78b197d221623ff8320e', class: createColorClasses$1(color, {
+        return (hAsync(Host, { key: 'a4b7f118187b9a76565ef4016853b97667997f89', class: createColorClasses$1(color, {
                 [mode]: true,
                 ['option-disabled']: disabled,
-            }) }, hAsync("button", { key: 'a3edef9cbb3c4ee72d15e87b23024655436d06fe', tabindex: "-1", "aria-label": ariaLabel, disabled: disabled, onClick: () => this.onClick() }, hAsync("slot", { key: 'fdf11987e733caaf0f7f546ead95de1d64313b91' }))));
+            }) }, hAsync("button", { key: '6f335ac4ccdbbd8aa8868ba794b3ce6d6c572cb6', tabindex: "-1", "aria-label": ariaLabel, disabled: disabled, onClick: () => this.onClick() }, hAsync("slot", { key: 'e87a18c6981e4ce047ba9d5bd5e6a0dbf0bb0e16' }))));
     }
     get el() { return getElement(this); }
     static get watchers() { return {
@@ -24282,9 +24282,9 @@ class Popover {
         const { onLifecycle, parentPopover, dismissOnSelect, side, arrow, htmlAttributes, focusTrap } = this;
         const desktop = isPlatform('desktop');
         const enableArrow = arrow && !parentPopover;
-        return (hAsync(Host, Object.assign({ key: '3fb56a3f534f7f7c11148adea60d2a3e425e95b6', "aria-modal": "true", "no-router": true, tabindex: "-1" }, htmlAttributes, { style: {
+        return (hAsync(Host, Object.assign({ key: '6c456ad62ea699fe70a542781802dcb8cb958a8a', "aria-modal": "true", "no-router": true, tabindex: "-1" }, htmlAttributes, { style: {
                 zIndex: `${20000 + this.overlayIndex}`,
-            }, class: Object.assign(Object.assign({}, getClassMap(this.cssClass)), { [mode]: true, 'popover-translucent': this.translucent, 'overlay-hidden': true, 'popover-desktop': desktop, [`popover-side-${side}`]: true, [FOCUS_TRAP_DISABLE_CLASS]: focusTrap === false, 'popover-nested': !!parentPopover }), onIonPopoverDidPresent: onLifecycle, onIonPopoverWillPresent: onLifecycle, onIonPopoverWillDismiss: onLifecycle, onIonPopoverDidDismiss: onLifecycle, onIonBackdropTap: this.onBackdropTap }), !parentPopover && hAsync("ion-backdrop", { key: '64a58b057035e83fbe3fe3694b704dd235fa9dc9', tappable: this.backdropDismiss, visible: this.showBackdrop, part: "backdrop" }), hAsync("div", { key: '50452b335a7e07597156dfef9e86fa0c9db59cf5', class: "popover-wrapper ion-overlay-wrapper", onClick: dismissOnSelect ? () => this.dismiss() : undefined }, enableArrow && hAsync("div", { key: '0f2b48c6f9966695839c0b79c7bddfd405ecae4d', class: "popover-arrow", part: "arrow" }), hAsync("div", { key: 'acff2e5666ec92f710266096191c8a1fed8a4eb9', class: "popover-content", part: "content" }, hAsync("slot", { key: '1c945e3ebfc268c4d45f56d6619fcee9e9d6b264' })))));
+            }, class: Object.assign(Object.assign({}, getClassMap(this.cssClass)), { [mode]: true, 'popover-translucent': this.translucent, 'overlay-hidden': true, 'popover-desktop': desktop, [`popover-side-${side}`]: true, [FOCUS_TRAP_DISABLE_CLASS]: focusTrap === false, 'popover-nested': !!parentPopover }), onIonPopoverDidPresent: onLifecycle, onIonPopoverWillPresent: onLifecycle, onIonPopoverWillDismiss: onLifecycle, onIonPopoverDidDismiss: onLifecycle, onIonBackdropTap: this.onBackdropTap }), !parentPopover && hAsync("ion-backdrop", { key: 'bf5a1fd6f8ec553e21dea63d5afa0c48fbb12c52', tappable: this.backdropDismiss, visible: this.showBackdrop, part: "backdrop" }), hAsync("div", { key: '0c50981b2ae878c0e02f0611f7e439fa936fd055', class: "popover-wrapper ion-overlay-wrapper", onClick: dismissOnSelect ? () => this.dismiss() : undefined }, enableArrow && hAsync("div", { key: '2bd0e1400d4513a263698b345e0eebcd61db6e27', class: "popover-arrow", part: "arrow" }), hAsync("div", { key: '63f04983fde14a85418765d6141577c046104a31', class: "popover-content", part: "content" }, hAsync("slot", { key: '867079efbdc26601bd5b315df21292fc3b4afd91' })))));
     }
     get el() { return getElement(this); }
     static get watchers() { return {
@@ -24376,7 +24376,7 @@ class ProgressBar {
         const mode = getIonMode$1(this);
         // If the progress is displayed as a solid bar.
         const progressSolid = buffer === 1;
-        return (hAsync(Host, { key: 'ae7c5fd83c4eebdc69e1a3b161ea1818d2e2d0c8', role: "progressbar", "aria-valuenow": type === 'determinate' ? value : null, "aria-valuemin": "0", "aria-valuemax": "1", class: createColorClasses$1(color, {
+        return (hAsync(Host, { key: 'a90c4be2c4de8c9046f090076181b804b1f069b4', role: "progressbar", "aria-valuenow": type === 'determinate' ? value : null, "aria-valuemin": "0", "aria-valuemax": "1", class: createColorClasses$1(color, {
                 [mode]: true,
                 [`progress-bar-${type}`]: true,
                 'progress-paused': paused,
@@ -24544,7 +24544,7 @@ class Radio {
         const { checked, disabled, color, el, justify, labelPlacement, hasLabel, buttonTabindex, alignment } = this;
         const mode = getIonMode$1(this);
         const inItem = hostContext('ion-item', el);
-        return (hAsync(Host, { key: '1f7619e05654988ff72423f98a809015393ce6d8', onFocus: this.onFocus, onBlur: this.onBlur, onClick: this.onClick, class: createColorClasses$1(color, {
+        return (hAsync(Host, { key: 'e9fe7969b6700228a0214dd6a532bf0633fccaa7', onFocus: this.onFocus, onBlur: this.onBlur, onClick: this.onClick, class: createColorClasses$1(color, {
                 [mode]: true,
                 'in-item': inItem,
                 'radio-checked': checked,
@@ -24555,10 +24555,10 @@ class Radio {
                 // Focus and active styling should not apply when the radio is in an item
                 'ion-activatable': !inItem,
                 'ion-focusable': !inItem,
-            }), role: "radio", "aria-checked": checked ? 'true' : 'false', "aria-disabled": disabled ? 'true' : null, tabindex: buttonTabindex }, hAsync("label", { key: '61fed6e73ad342a80e5667e83c8706826b957170', class: "radio-wrapper" }, hAsync("div", { key: '1f9313920d8c02ca995a361407aa7431ffa695bd', class: {
+            }), role: "radio", "aria-checked": checked ? 'true' : 'false', "aria-disabled": disabled ? 'true' : null, tabindex: buttonTabindex }, hAsync("label", { key: '5c6329195a622e2d478382d893904a50bf92852e', class: "radio-wrapper" }, hAsync("div", { key: '3e9584758ad0121c846ad4142273debd7685e13d', class: {
                 'label-text-wrapper': true,
                 'label-text-wrapper-hidden': !hasLabel,
-            }, part: "label" }, hAsync("slot", { key: '3bfaf80b494ef4c259d1b6c6960f0583ffa065b4' })), hAsync("div", { key: '00c4aea6ca76fb080fd684b6877c8323ff9c80bd', class: "native-wrapper" }, this.renderRadioControl()))));
+            }, part: "label" }, hAsync("slot", { key: '59768ea8d56a347be1cef5afdec0f5c447cdc673' })), hAsync("div", { key: 'd5b7e6cb933a7fd6b4ea32c2c0366cdf6cc524ab', class: "native-wrapper" }, this.renderRadioControl()))));
     }
     get el() { return getElement(this); }
     static get watchers() { return {
@@ -24743,7 +24743,7 @@ class RadioGroup {
         const { label, labelId, el, name, value } = this;
         const mode = getIonMode$1(this);
         renderHiddenInput(true, el, name, value, false);
-        return hAsync(Host, { key: '61409ef532b6d027fb134ee548a7b696acd21063', role: "radiogroup", "aria-labelledby": label ? labelId : null, onClick: this.onClick, class: mode });
+        return hAsync(Host, { key: 'c2e097642c00535aab791f7bb2672059211ca822', role: "radiogroup", "aria-labelledby": label ? labelId : null, onClick: this.onClick, class: mode });
     }
     get el() { return getElement(this); }
     static get watchers() { return {
@@ -25375,7 +25375,7 @@ class Range {
         const needsEndAdjustment = inItem && !hasEndContent;
         const mode = getIonMode$1(this);
         renderHiddenInput(true, el, this.name, JSON.stringify(this.getValue()), disabled);
-        return (hAsync(Host, { key: '2d286a82e73559f43493731b9c7581eb87b4a753', onFocusin: this.onFocus, onFocusout: this.onBlur, id: rangeId, class: createColorClasses$1(this.color, {
+        return (hAsync(Host, { key: '454a0ddaad56c5f59394ca55bcd9d8de0fd77247', onFocusin: this.onFocus, onFocusout: this.onBlur, id: rangeId, class: createColorClasses$1(this.color, {
                 [mode]: true,
                 'in-item': inItem,
                 'range-disabled': disabled,
@@ -25384,10 +25384,10 @@ class Range {
                 [`range-label-placement-${labelPlacement}`]: true,
                 'range-item-start-adjustment': needsStartAdjustment,
                 'range-item-end-adjustment': needsEndAdjustment,
-            }) }, hAsync("label", { key: '01ab29b6aee2c74f865e7e50aa735471decccb94', class: "range-wrapper", id: "range-label" }, hAsync("div", { key: '4f7b15d46f197c8d0e8a7dc9e7919feda36ffd8e', class: {
+            }) }, hAsync("label", { key: 'b8649fece7c94a9a41722a2960f070c6f4e7312a', class: "range-wrapper", id: "range-label" }, hAsync("div", { key: 'df15bccc14bb6718a7f31b825a1ec50bf535d0e5', class: {
                 'label-text-wrapper': true,
                 'label-text-wrapper-hidden': !hasLabel,
-            }, part: "label" }, label !== undefined ? hAsync("div", { class: "label-text" }, label) : hAsync("slot", { name: "label" })), hAsync("div", { key: 'd5f0e64c957b0c2d59f4305c6ba1c2bf4906b525', class: "native-wrapper" }, hAsync("slot", { key: '8ae6c8cd4b93397c619076a15a4e76eb80f8d581', name: "start" }), this.renderRangeSlider(), hAsync("slot", { key: '7234e46f2936c9865968fb33367508703849962b', name: "end" })))));
+            }, part: "label" }, label !== undefined ? hAsync("div", { class: "label-text" }, label) : hAsync("slot", { name: "label" })), hAsync("div", { key: '2e5c7ab3cfc8665222d43e13834e69599a0f68a7', class: "native-wrapper" }, hAsync("slot", { key: '472bc27d58ad3402ee71f6eccec3750f6932e72f', name: "start" }), this.renderRangeSlider(), hAsync("slot", { key: 'a8ce8714b235c510cf2aace2002c79234642dcfc', name: "end" })))));
     }
     get el() { return getElement(this); }
     static get watchers() { return {
@@ -26288,7 +26288,7 @@ class Refresher {
     }
     render() {
         const mode = getIonMode$1(this);
-        return (hAsync(Host, { key: '8c08a2d699b1613808af48e9c9e06f1a8d856f47', slot: "fixed", class: {
+        return (hAsync(Host, { key: 'c209cf4d49269d517f9ace62d91879fe0492bd59', slot: "fixed", class: {
                 [mode]: true,
                 // Used internally for styling
                 [`refresher-${mode}`]: true,
@@ -26516,7 +26516,7 @@ class RefresherContent {
         const pullingIcon = this.pullingIcon;
         const hasSpinner = pullingIcon != null && SPINNERS[pullingIcon] !== undefined;
         const mode = getIonMode$1(this);
-        return (hAsync(Host, { key: '2226ce5ae5effdaa14505bad9f1c883d2bd88db7', class: mode }, hAsync("div", { key: '0392dcb820113dba17ea07eb8e385773f1a3c9b7', class: "refresher-pulling" }, this.pullingIcon && hasSpinner && (hAsync("div", { key: '2d7a335cbc5edf20f448c554a373c9414b842cb1', class: "refresher-pulling-icon" }, hAsync("div", { key: 'e5e4d42002d6e48ae1a4f0fee1ae7fc8f1487899', class: "spinner-arrow-container" }, hAsync("ion-spinner", { key: '84a733d4d22327c533099546758e36325ec0c3d8', name: this.pullingIcon, paused: true }), mode === 'md' && this.pullingIcon === 'circular' && (hAsync("div", { key: '98f6c220fa089f134d3fbe3eec9778c5c298691f', class: "arrow-container" }, hAsync("ion-icon", { key: '792d8fc6c977b73ac17548907498eb765842d70e', icon: caretBackSharp, "aria-hidden": "true" })))))), this.pullingIcon && !hasSpinner && (hAsync("div", { key: '7979c4ed0926373c9c7d74eef53c48c5a7aa0f86', class: "refresher-pulling-icon" }, hAsync("ion-icon", { key: '2b366f65d2f6813e9b0fc3a375d30cf705af117f', icon: this.pullingIcon, lazy: false, "aria-hidden": "true" }))), this.pullingText !== undefined && this.renderPullingText()), hAsync("div", { key: 'da2426dc081ea3e5750852c46616fee50403ed96', class: "refresher-refreshing" }, this.refreshingSpinner && (hAsync("div", { key: '045144d6495002e1f33e697a74e06456cff9061f', class: "refresher-refreshing-icon" }, hAsync("ion-spinner", { key: '653001cff51cfcae7e5a152fe7c227ebe9368072', name: this.refreshingSpinner }))), this.refreshingText !== undefined && this.renderRefreshingText())));
+        return (hAsync(Host, { key: '000cbb6ccd62e15244dbf35d0e2e3d870a8c66de', class: mode }, hAsync("div", { key: '0564628fd4faea5f7b864f906da0dedafaf138b5', class: "refresher-pulling" }, this.pullingIcon && hasSpinner && (hAsync("div", { key: '14f5cacad23759d382441fbf07838b93ea0abec3', class: "refresher-pulling-icon" }, hAsync("div", { key: '597a02a7cad61fc48c540af66006c40df8188fdc', class: "spinner-arrow-container" }, hAsync("ion-spinner", { key: 'a64a0050b2577374fed29f93555aec33d9567814', name: this.pullingIcon, paused: true }), mode === 'md' && this.pullingIcon === 'circular' && (hAsync("div", { key: 'cabdb67e34fa2445e54f74344dfcb9af8efcd960', class: "arrow-container" }, hAsync("ion-icon", { key: '31288638000fe2fb96dde2ea7f84dc1861062c64', icon: caretBackSharp, "aria-hidden": "true" })))))), this.pullingIcon && !hasSpinner && (hAsync("div", { key: '126d12b4f8daac9b371e7745ec3da81c4d103e49', class: "refresher-pulling-icon" }, hAsync("ion-icon", { key: 'd595188d7d12707c34ce403a840c8065c71a2dae', icon: this.pullingIcon, lazy: false, "aria-hidden": "true" }))), this.pullingText !== undefined && this.renderPullingText()), hAsync("div", { key: 'df8feeebbf8792f0aac89ebb5f39ae285cd99235', class: "refresher-refreshing" }, this.refreshingSpinner && (hAsync("div", { key: 'ae358a91df46fdd564ab9052c7251d5d3dd52bc0', class: "refresher-refreshing-icon" }, hAsync("ion-spinner", { key: '706558bac955c07c37795d5d6fd49835023f0cb7', name: this.refreshingSpinner }))), this.refreshingText !== undefined && this.renderRefreshingText())));
     }
     get el() { return getElement(this); }
     static get cmpMeta() { return {
@@ -26559,7 +26559,7 @@ class Reorder {
     render() {
         const mode = getIonMode$1(this);
         const reorderIcon = mode === 'ios' ? reorderThreeOutline : reorderTwoSharp;
-        return (hAsync(Host, { key: 'e8018ca68cc5a9af1bbcaeb812e6a7b2ec207593', class: mode }, hAsync("slot", { key: '6a573c2b8b720c34b8e63fdf308f49cb8dcca7c7' }, hAsync("ion-icon", { key: '62ddc78fc1a698550c02a900c252806bb6e6741a', icon: reorderIcon, lazy: false, class: "reorder-icon", part: "icon", "aria-hidden": "true" }))));
+        return (hAsync(Host, { key: '9a4abd6877909177380ba3ba52d2d9150c1e3c69', class: mode }, hAsync("slot", { key: 'f7bea4ba8eeb7fa71a72297eeecda51974b635d3' }, hAsync("ion-icon", { key: '28949301a195139ade44e7f2c5221ef78b39bb03', icon: reorderIcon, lazy: false, class: "reorder-icon", part: "icon", "aria-hidden": "true" }))));
     }
     get el() { return getElement(this); }
     static get style() { return {
@@ -26813,7 +26813,7 @@ class ReorderGroup {
     }
     render() {
         const mode = getIonMode$1(this);
-        return (hAsync(Host, { key: '5b2613deecc26faa24e2a329cb76620d29517af6', class: {
+        return (hAsync(Host, { key: '79108cff45d1221e90f5e5599554aa1a23e3d381', class: {
                 [mode]: true,
                 'reorder-enabled': !this.disabled,
                 'reorder-list-active': this.state !== 0 /* ReorderGroupState.Idle */,
@@ -26921,7 +26921,7 @@ class RippleEffect {
     }
     render() {
         const mode = getIonMode$1(this);
-        return (hAsync(Host, { key: '9aede04edeb34b2fb6abf0390f70ba671dff4ab5', role: "presentation", class: {
+        return (hAsync(Host, { key: 'c4c55cb30434f211181ca790bbaf5a04575bc57e', role: "presentation", class: {
                 [mode]: true,
                 unbounded: this.unbounded,
             } }));
@@ -27863,10 +27863,10 @@ class RouterLink {
             rel: this.rel,
             target: this.target,
         };
-        return (hAsync(Host, { key: '7b104b8b4d6d36394604342225a9cd3bcc232297', onClick: this.onClick, class: createColorClasses$1(this.color, {
+        return (hAsync(Host, { key: '7792f1c67d128e9ae0d5194e0d74fa00b03c306a', onClick: this.onClick, class: createColorClasses$1(this.color, {
                 [mode]: true,
                 'ion-activatable': true,
-            }) }, hAsync("a", Object.assign({ key: '689e38a58764eca01bc42448f8ec4d0cad66b7b6' }, attrs), hAsync("slot", { key: 'c7c24a3b278f323efc18b842652104799bfe8887' }))));
+            }) }, hAsync("a", Object.assign({ key: 'a6da6253ebe2fc62b1629b48381da5b6759d1bd9' }, attrs), hAsync("slot", { key: '4509747252d25b96b863175baac5d6494e0b9074' }))));
     }
     static get style() { return IonRouterLinkStyle0; }
     static get cmpMeta() { return {
@@ -28061,7 +28061,7 @@ class RouterOutlet {
         return true;
     }
     render() {
-        return hAsync("slot", { key: 'a1247f129b8870ff4f4183c79ab374f310a76352' });
+        return hAsync("slot", { key: '67aa47a11d787944155e37f6388871b9f4fe880d' });
     }
     get el() { return getElement(this); }
     static get watchers() { return {
@@ -28095,7 +28095,7 @@ class Row {
         registerInstance(this, hostRef);
     }
     render() {
-        return (hAsync(Host, { key: 'f9f4d3c89addc79724792514644c24525cc3e736', class: getIonMode$1(this) }, hAsync("slot", { key: 'a1f5d3f68784e8624c95508daa021b90395d6a22' })));
+        return (hAsync(Host, { key: 'fcf3fb836ae45d8ab16e50936a119bb31339d24f', class: getIonMode$1(this) }, hAsync("slot", { key: 'ba0c95854c655143175f9661c09ac1d1ffc1daf1' })));
     }
     static get style() { return IonRowStyle0; }
     static get cmpMeta() { return {
@@ -28489,8 +28489,8 @@ class Searchbar {
         const clearIcon = this.clearIcon || (mode === 'ios' ? closeCircle : closeSharp);
         const searchIcon = this.searchIcon || (mode === 'ios' ? searchOutline : searchSharp);
         const shouldShowCancelButton = this.shouldShowCancelButton();
-        const cancelButton = this.showCancelButton !== 'never' && (hAsync("button", { key: 'cfa61e0089581dfa8eba471c87a81fabb4dfe3b3', "aria-label": cancelButtonText, "aria-hidden": shouldShowCancelButton ? undefined : 'true', type: "button", tabIndex: mode === 'ios' && !shouldShowCancelButton ? -1 : undefined, onMouseDown: this.onCancelSearchbar, onTouchStart: this.onCancelSearchbar, class: "searchbar-cancel-button" }, hAsync("div", { key: '930f1ad5533a182369c793ac5f9e8e534a97dfdc', "aria-hidden": "true" }, mode === 'md' ? (hAsync("ion-icon", { "aria-hidden": "true", mode: mode, icon: this.cancelButtonIcon, lazy: false })) : (cancelButtonText))));
-        return (hAsync(Host, { key: '645dcb19bb2acb42b4a0b8298416bd765dc312fa', role: "search", "aria-disabled": this.disabled ? 'true' : null, class: createColorClasses$1(this.color, {
+        const cancelButton = this.showCancelButton !== 'never' && (hAsync("button", { key: '6d3c4d6dbbc835e27024e99bdf502278b0420c21', "aria-label": cancelButtonText, "aria-hidden": shouldShowCancelButton ? undefined : 'true', type: "button", tabIndex: mode === 'ios' && !shouldShowCancelButton ? -1 : undefined, onMouseDown: this.onCancelSearchbar, onTouchStart: this.onCancelSearchbar, class: "searchbar-cancel-button" }, hAsync("div", { key: '272d81399afa83bd6f10119a2a5aa2bfdaad5a81', "aria-hidden": "true" }, mode === 'md' ? (hAsync("ion-icon", { "aria-hidden": "true", mode: mode, icon: this.cancelButtonIcon, lazy: false })) : (cancelButtonText))));
+        return (hAsync(Host, { key: 'c2e4e81b3be4a7cfe3948f3582f6d726c9ec6787', role: "search", "aria-disabled": this.disabled ? 'true' : null, class: createColorClasses$1(this.color, {
                 [mode]: true,
                 'searchbar-animated': animated,
                 'searchbar-disabled': this.disabled,
@@ -28500,14 +28500,14 @@ class Searchbar {
                 'searchbar-has-focus': this.focused,
                 'searchbar-should-show-clear': this.shouldShowClearButton(),
                 'searchbar-should-show-cancel': this.shouldShowCancelButton(),
-            }) }, hAsync("div", { key: '650d6aa2a8bd3a560762bbe3b98cc549520ac93c', class: "searchbar-input-container" }, hAsync("input", Object.assign({ key: '04eddba089d1082d9eb2da4ba4a0dc6878402a94', "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)), mode === 'md' && cancelButton, hAsync("ion-icon", { key: '61f88b7a167eaf41748adfe40352dd5597efc4c4', "aria-hidden": "true", mode: mode, icon: searchIcon, lazy: false, class: "searchbar-search-icon" }), hAsync("button", { key: 'a73f3387cd2335561fa521a091cb8ea8bc1b697e', "aria-label": "reset", type: "button", "no-blur": true, class: "searchbar-clear-button", onPointerDown: (ev) => {
+            }) }, hAsync("div", { key: '51382b56c66d1183ea36133cc4c3191ffbb5dfa7', class: "searchbar-input-container" }, hAsync("input", Object.assign({ key: 'c278676b81a1546cca7949bc667ddbd9649aa347', "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)), mode === 'md' && cancelButton, hAsync("ion-icon", { key: '37d47d4772dff9163f749fdcae568824dc92ed05', "aria-hidden": "true", mode: mode, icon: searchIcon, lazy: false, class: "searchbar-search-icon" }), hAsync("button", { key: 'd02c98824d3a03e351d6d254d9e160a82569e5ba', "aria-label": "reset", type: "button", "no-blur": true, class: "searchbar-clear-button", onPointerDown: (ev) => {
                 /**
                  * This prevents mobile browsers from
                  * blurring the input when the clear
                  * button is activated.
                  */
                 ev.preventDefault();
-            }, onClick: () => this.onClearInput(true) }, hAsync("ion-icon", { key: '43d5e1465f3cb8036d1ad3062f68419bae66cf20', "aria-hidden": "true", mode: mode, icon: clearIcon, lazy: false, class: "searchbar-clear-icon" }))), mode === 'ios' && cancelButton));
+            }, onClick: () => this.onClearInput(true) }, hAsync("ion-icon", { key: '5f171ea69e47155827f4908ed15329f71c8e5594', "aria-hidden": "true", mode: mode, icon: clearIcon, lazy: false, class: "searchbar-clear-icon" }))), mode === 'ios' && cancelButton));
     }
     get el() { return getElement(this); }
     static get watchers() { return {
@@ -28995,14 +28995,14 @@ class Segment {
     }
     render() {
         const mode = getIonMode$1(this);
-        return (hAsync(Host, { key: '227d2eb8dcabbffb66649d09d359d7ed41b3778c', role: "tablist", onClick: this.onClick, class: createColorClasses$1(this.color, {
+        return (hAsync(Host, { key: 'b89e584eb5a7ca26d81fb4d6c923e0f05aafda43', role: "tablist", onClick: this.onClick, class: createColorClasses$1(this.color, {
                 [mode]: true,
                 'in-toolbar': hostContext('ion-toolbar', this.el),
                 'in-toolbar-color': hostContext('ion-toolbar[color]', this.el),
                 'segment-activated': this.activated,
                 'segment-disabled': this.disabled,
                 'segment-scrollable': this.scrollable,
-            }) }, hAsync("slot", { key: '7c0ffd825839c4db82be984ec14406a50bfe2332', onSlotchange: this.onSlottedItemsChange })));
+            }) }, hAsync("slot", { key: '4e1faf860c3a38d343acd47aec911b202ab77578', onSlotchange: this.onSlottedItemsChange })));
     }
     get el() { return getElement(this); }
     static get watchers() { return {
@@ -29112,7 +29112,7 @@ class SegmentButton {
         const { checked, type, disabled, hasIcon, hasLabel, layout, segmentEl } = this;
         const mode = getIonMode$1(this);
         const hasSegmentColor = () => (segmentEl === null || segmentEl === void 0 ? void 0 : segmentEl.color) !== undefined;
-        return (hAsync(Host, { key: 'ddfb26e37b54b261faa70aee68691833aa56e81e', class: {
+        return (hAsync(Host, { key: 'e5bdb21e33d4fd6cb262defa6935517b91cd0fed', class: {
                 [mode]: true,
                 'in-toolbar': hostContext('ion-toolbar', this.el),
                 'in-toolbar-color': hostContext('ion-toolbar[color]', this.el),
@@ -29128,10 +29128,10 @@ class SegmentButton {
                 'ion-activatable': true,
                 'ion-activatable-instant': true,
                 'ion-focusable': true,
-            } }, hAsync("button", Object.assign({ key: 'e59ed3e27467a98191c1c8f365a9c372898392ce', "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: '893481bc8f01bbf564c9ad4c04314f041eee8b7c', class: "button-inner" }, hAsync("slot", { key: 'f234731ae1d4545b9e29c3575e67f6ead2c10532' })), mode === 'md' && hAsync("ion-ripple-effect", { key: '72b531848eb64c7f95e2530d87f7ea99448ecfe3' })), hAsync("div", { key: 'e2e13a354bf5d103c81ead27a23e238bc36c02b2', part: "indicator", class: {
+            } }, hAsync("button", Object.assign({ key: '35a17acfb8aec10608f94453426584cea22b471e', "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: '7d05e9dd6fa14a5f385a079504fdc6307f98ae5a', class: "button-inner" }, hAsync("slot", { key: '85ce4d7b84a9340bcd148e8011fa27d45e88925a' })), mode === 'md' && hAsync("ion-ripple-effect", { key: '7dc32ed66fa06086c00e6a2e62638af1668d144b' })), hAsync("div", { key: 'f7ff527107b35437446061410713b2b112bec702', part: "indicator", class: {
                 'segment-button-indicator': true,
                 'segment-button-indicator-animated': true,
-            } }, hAsync("div", { key: '51bce0f6af7cde2053351509391a2ac183b38a8e', part: "indicator-background", class: "segment-button-indicator-background" }))));
+            } }, hAsync("div", { key: '9751739f6dd62b87b348c9827f8c6ba9b01857de', part: "indicator-background", class: "segment-button-indicator-background" }))));
     }
     get el() { return getElement(this); }
     static get watchers() { return {
@@ -29743,7 +29743,7 @@ class Select {
          * TODO(FW-5592): Remove hasStartEndSlots condition
          */
         const labelShouldFloat = labelPlacement === 'stacked' || (labelPlacement === 'floating' && (hasValue || isExpanded || hasStartEndSlots));
-        return (hAsync(Host, { key: 'd95e003059e8719cd19f6f9e23d8939b0cae9bd1', onClick: this.onClick, class: createColorClasses$1(this.color, {
+        return (hAsync(Host, { key: '56f4438677932d676fe499dd4d8b818af2f5fc41', onClick: this.onClick, class: createColorClasses$1(this.color, {
                 [mode]: true,
                 'in-item': inItem,
                 'in-item-color': hostContext('ion-item.ion-color', el),
@@ -29759,7 +29759,7 @@ class Select {
                 [`select-justify-${justify}`]: justifyEnabled,
                 [`select-shape-${shape}`]: shape !== undefined,
                 [`select-label-placement-${labelPlacement}`]: true,
-            }) }, hAsync("label", { key: 'e5d15665212e6f1eb9335c408e5dc5f12cccd3ae', class: "select-wrapper", id: "select-label" }, this.renderLabelContainer(), hAsync("div", { key: '53a0d64abaaa08a015aa8fb4c9c91669a179b203', class: "select-wrapper-inner" }, hAsync("slot", { key: '686f830338a5587321433b96577d435c3809d707', name: "start" }), hAsync("div", { key: 'd3852eac0551e155ce6ccc89ce6a3802d752b61e', class: "native-wrapper", ref: (el) => (this.nativeWrapperEl = el), part: "container" }, this.renderSelectText(), this.renderListbox()), hAsync("slot", { key: '7bebc89c589be9ba15943a1aeb0f9847443b42e1', name: "end" }), !hasFloatingOrStackedLabel && this.renderSelectIcon()), hasFloatingOrStackedLabel && this.renderSelectIcon(), shouldRenderHighlight && hAsync("div", { key: 'bccaa9661ae5185dd953ce40aa18dd1b762146de', class: "select-highlight" }))));
+            }) }, hAsync("label", { key: 'e9d2d28c05a5440f4361b97fbc0f1447713b7762', class: "select-wrapper", id: "select-label" }, this.renderLabelContainer(), hAsync("div", { key: '1d89a78416517c9939073ced94e205397c8c18a7', class: "select-wrapper-inner" }, hAsync("slot", { key: '60cedd5bd2e8af42267f81a5ebdc4aadca724351', name: "start" }), hAsync("div", { key: 'fd9f4c8a45813daf4b18019a1a7870470b784a60', class: "native-wrapper", ref: (el) => (this.nativeWrapperEl = el), part: "container" }, this.renderSelectText(), this.renderListbox()), hAsync("slot", { key: '832b729746f9370302d39d5f45bf67ee185d85c9', name: "end" }), !hasFloatingOrStackedLabel && this.renderSelectIcon()), hasFloatingOrStackedLabel && this.renderSelectIcon(), shouldRenderHighlight && hAsync("div", { key: '3ad1d693486dc8b9e7020b46fd93e1a56c385125', class: "select-highlight" }))));
     }
     get el() { return getElement(this); }
     static get watchers() { return {
@@ -29850,7 +29850,7 @@ class SelectOption {
         this.value = undefined;
     }
     render() {
-        return hAsync(Host, { key: '02cad3d160435828ab5e6a4d87d4d7af25e95da5', role: "option", id: this.inputId, class: getIonMode$1(this) });
+        return hAsync(Host, { key: 'c88b3742344e692cb1b187fda6ae9ee30f548ea3', role: "option", id: this.inputId, class: getIonMode$1(this) });
     }
     get el() { return getElement(this); }
     static get style() { return IonSelectOptionStyle0; }
@@ -29970,7 +29970,7 @@ class SelectPopover {
     render() {
         const { header, message, options, subHeader } = this;
         const hasSubHeaderOrMessage = subHeader !== undefined || message !== undefined;
-        return (hAsync(Host, { key: 'db591b42f550b4620ca45daa8290fab196ab760f', class: getIonMode$1(this) }, hAsync("ion-list", { key: '795b22528ef751611e1d24138e719c77b30d87bb' }, header !== undefined && hAsync("ion-list-header", { key: '168697c286bf28328d997675bb62ac55c62466b5' }, header), hasSubHeaderOrMessage && (hAsync("ion-item", { key: '8ba867e77c502589db1475d50d661fbda868095a' }, hAsync("ion-label", { key: '615b8114e8315a287592caa69c8d0764c07a3755', class: "ion-text-wrap" }, subHeader !== undefined && hAsync("h3", { key: '5bbb3a53b7eba7b10391c00cfc348b71b928e3fa' }, subHeader), message !== undefined && hAsync("p", { key: 'a12814f22ba06fe799475c845a975c720c98bfaa' }, message)))), this.renderOptions(options))));
+        return (hAsync(Host, { key: 'e4fd72a65c491c08c57ac226d8540f96fe0273ab', class: getIonMode$1(this) }, hAsync("ion-list", { key: '7b464a5caf75eaf4e359d6ee918eacc5677b0d37' }, header !== undefined && hAsync("ion-list-header", { key: 'd2fb1677c8fefc6bb03d3ee709bfe08ea1a4e302' }, header), hasSubHeaderOrMessage && (hAsync("ion-item", { key: '4af383bb60fdd6ec8bbccabf7482fcfb1774d242' }, hAsync("ion-label", { key: 'cbea36adb016cf6a8b9ff13055b4a9f190688625', class: "ion-text-wrap" }, subHeader !== undefined && hAsync("h3", { key: '8dd90d961bca6d383d776b2e41fda75e667da668' }, subHeader), message !== undefined && hAsync("p", { key: 'a8c314c5d397a0a97ac551c66c013e8c879b60f0' }, message)))), this.renderOptions(options))));
     }
     get el() { return getElement(this); }
     static get style() { return {
@@ -30018,11 +30018,11 @@ class SkeletonText {
         const animated = this.animated && config.getBoolean('animated', true);
         const inMedia = hostContext('ion-avatar', this.el) || hostContext('ion-thumbnail', this.el);
         const mode = getIonMode$1(this);
-        return (hAsync(Host, { key: '69ac5fabf02d9d42a4eb99b3499dce0864199cb0', class: {
+        return (hAsync(Host, { key: '82de575f5e9b16e1b96b47fa08476f7b01ee4a0d', class: {
                 [mode]: true,
                 'skeleton-text-animated': animated,
                 'in-media': inMedia,
-            } }, hAsync("span", { key: '77887175c8147baecccc6258faa8181c9b2a449c' }, "\u00A0")));
+            } }, hAsync("span", { key: '86d3f191fcad303f7b4e588d9df1b4a8babd3414' }, "\u00A0")));
     }
     get el() { return getElement(this); }
     static get style() { return IonSkeletonTextStyle0; }
@@ -30075,7 +30075,7 @@ class Spinner {
                 svgs.push(buildLine(spinner, duration, i, spinner.lines));
             }
         }
-        return (hAsync(Host, { key: 'bc61b47a0bfc75efa3ef2a201fc9d573ceef5bc3', class: createColorClasses$1(self.color, {
+        return (hAsync(Host, { key: '268dbc7e72d1a4566b01dfa9d808568607c264c1', class: createColorClasses$1(self.color, {
                 [mode]: true,
                 [`spinner-${spinnerName}`]: true,
                 'spinner-paused': self.paused || config.getBoolean('_testing'),
@@ -30175,12 +30175,12 @@ class SplitPane {
     }
     render() {
         const mode = getIonMode$1(this);
-        return (hAsync(Host, { key: '03371ed21b1fdd155ec12178d5b4fe42db58326c', class: {
+        return (hAsync(Host, { key: 'bb55def50809ede14b43ea469a03c9fd8cb7961f', class: {
                 [mode]: true,
                 // Used internally for styling
                 [`split-pane-${mode}`]: true,
                 'split-pane-visible': this.visible,
-            } }, hAsync("slot", { key: '5c82033f0be9eeecf9cca79984e81c4b2e38cba0' })));
+            } }, hAsync("slot", { key: '03e121f9fa52e635678887fcfc902b7ef645ed70' })));
     }
     get el() { return getElement(this); }
     static get watchers() { return {
@@ -30249,10 +30249,10 @@ class Tab {
     }
     render() {
         const { tab, active, component } = this;
-        return (hAsync(Host, { key: '0e2727610cfb92432ecbe731282dd0fc17f7801c', role: "tabpanel", "aria-hidden": !active ? 'true' : null, "aria-labelledby": `tab-button-${tab}`, class: {
+        return (hAsync(Host, { key: '3c983c731117c65d1dd8892cd7cc9972c31700b7', role: "tabpanel", "aria-hidden": !active ? 'true' : null, "aria-labelledby": `tab-button-${tab}`, class: {
                 'ion-page': component === undefined,
                 'tab-hidden': !active,
-            } }, hAsync("slot", { key: '6d024e3eeb310211ff0424e7cdc24f3cf39165f7' })));
+            } }, hAsync("slot", { key: 'd325bc089ebd6819404daa445912e22541e5827b' })));
     }
     get el() { return getElement(this); }
     static get watchers() { return {
@@ -30330,11 +30330,11 @@ class TabBar {
         const { color, translucent, keyboardVisible } = this;
         const mode = getIonMode$1(this);
         const shouldHide = keyboardVisible && this.el.getAttribute('slot') !== 'top';
-        return (hAsync(Host, { key: '4a658d07ec24e6bf2383ff6b85dbfc63d12c8910', role: "tablist", "aria-hidden": shouldHide ? 'true' : null, class: createColorClasses$1(color, {
+        return (hAsync(Host, { key: '4ada6205120b6943f80ca00b0750210d55eed141', role: "tablist", "aria-hidden": shouldHide ? 'true' : null, class: createColorClasses$1(color, {
                 [mode]: true,
                 'tab-bar-translucent': translucent,
                 'tab-bar-hidden': shouldHide,
-            }) }, hAsync("slot", { key: '846f8ef4f9af7f3f5828b7302cba115562204f7b' })));
+            }) }, hAsync("slot", { key: '2b61fdd8ebd4bd4170ee7be48653c77afcb2a44f' })));
     }
     get el() { return getElement(this); }
     static get watchers() { return {
@@ -30432,7 +30432,7 @@ class TabButton {
             rel,
             target,
         };
-        return (hAsync(Host, { key: '9588586b1cd801140fb0e0cc42e91a2fd9b92d2e', onClick: this.onClick, onKeyup: this.onKeyUp, id: tab !== undefined ? `tab-button-${tab}` : null, class: {
+        return (hAsync(Host, { key: '54d5c03f2d0ea454342ac085702b1f33dcaa8589', onClick: this.onClick, onKeyup: this.onKeyUp, id: tab !== undefined ? `tab-button-${tab}` : null, class: {
                 [mode]: true,
                 'tab-selected': selected,
                 'tab-disabled': disabled,
@@ -30444,7 +30444,7 @@ class TabButton {
                 'ion-activatable': true,
                 'ion-selectable': true,
                 'ion-focusable': true,
-            } }, hAsync("a", Object.assign({ key: '9cdad3684c2e59873a4b1858ad6a899193084abf' }, 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: 'ed542d1d9b7f68542c829ee94d10fa6a417cc3ba', class: "button-inner" }, hAsync("slot", { key: '181dffbbd8e91e23343049f9b64cc5454297f05e' })), mode === 'md' && hAsync("ion-ripple-effect", { key: 'b3012617ce2a23d6fbadb0d1c2d05ddabb947f2c', type: "unbounded" }))));
+            } }, hAsync("a", Object.assign({ key: '222128c5af368ed52b0976d436f1d6f0356ca269' }, 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: 'fc8abca426d0d643c31034c34490e77365385f15', class: "button-inner" }, hAsync("slot", { key: 'acae0036f691bc29ed537d1818030cf0dc37b883' })), mode === 'md' && hAsync("ion-ripple-effect", { key: '8dbe060ae58a209953e748b5688b3d8504df87d8', type: "unbounded" }))));
     }
     get el() { return getElement(this); }
     static get style() { return {
@@ -30620,7 +30620,7 @@ class Tabs {
         return Array.from(this.el.querySelectorAll('ion-tab'));
     }
     render() {
-        return (hAsync(Host, { key: '549d895d74165267eb648d929e81d100b0db8ab4', onIonTabButtonClick: this.onTabClicked }, hAsync("slot", { key: 'f40633a1b2d38c56d6268a4f9554e255a9c9fd4f', name: "top" }), hAsync("div", { key: 'e688d6c6299fb2551e4f4b1038128d02c71e9c09', class: "tabs-inner" }, hAsync("slot", { key: '157805f56e4708d15f11d6093c9106abe18f2869' })), hAsync("slot", { key: 'a7add9aed231853bb61797ad14ded5b6fe9f0015', name: "bottom" })));
+        return (hAsync(Host, { key: '27f811ba897e7b7d5aff9708fd20ec1155fc3242', onIonTabButtonClick: this.onTabClicked }, hAsync("slot", { key: '0038751d3aa5cc6b36d9f9cc64e60aa820ce8d72', name: "top" }), hAsync("div", { key: 'c4860c66ac89bfdf81e14dbeab9d6d98f2fd9942', class: "tabs-inner" }, hAsync("slot", { key: 'a1c28f9f0dbf49dc89b28d31951e406c94e181b1' })), hAsync("slot", { key: '2cf9c616ad3708a37a14d347d14dd8b9942dddba', name: "bottom" })));
     }
     get el() { return getElement(this); }
     static get style() { return IonTabsStyle0; }
@@ -30662,9 +30662,9 @@ class Text {
     }
     render() {
         const mode = getIonMode$1(this);
-        return (hAsync(Host, { key: 'ab9a44c87ae1a8315ca07721f683fb439f2caff1', class: createColorClasses$1(this.color, {
+        return (hAsync(Host, { key: 'c9fd187354e4b4cdbcea29d8205ed3f0445679e6', class: createColorClasses$1(this.color, {
                 [mode]: true,
-            }) }, hAsync("slot", { key: '809b39d6b64195fdf9788ae121a4f241ba1cac6b' })));
+            }) }, hAsync("slot", { key: '7ebe2562f6ff30749146a24df9ae17f92599ed69' })));
     }
     static get style() { return IonTextStyle0; }
     static get cmpMeta() { return {
@@ -31031,7 +31031,7 @@ class Textarea {
          * TODO(FW-5592): Remove hasStartEndSlots condition
          */
         const labelShouldFloat = labelPlacement === 'stacked' || (labelPlacement === 'floating' && (hasValue || hasFocus || hasStartEndSlots));
-        return (hAsync(Host, { key: '2ac001eae0e1dcf5ec0a1cda381d8a1e8fbe0ddb', class: createColorClasses$1(this.color, {
+        return (hAsync(Host, { key: '3057a0262aa5b10dd009255246b088a292cf2105', class: createColorClasses$1(this.color, {
                 [mode]: true,
                 'has-value': hasValue,
                 'has-focus': hasFocus,
@@ -31040,7 +31040,7 @@ class Textarea {
                 [`textarea-shape-${shape}`]: shape !== undefined,
                 [`textarea-label-placement-${labelPlacement}`]: true,
                 'textarea-disabled': disabled,
-            }) }, hAsync("label", { key: '3f846e28f1e7127202b8be7148324080a424dc66', class: "textarea-wrapper", htmlFor: inputId }, this.renderLabelContainer(), hAsync("div", { key: 'e221bf2c583cdf6019e05b3b499279216edeabf5', class: "textarea-wrapper-inner" }, hAsync("div", { key: '94d7097f3f3a26aed37ed4bb77566e1ba5e40ece', class: "start-slot-wrapper" }, hAsync("slot", { key: 'ecdb0f2bd3228edf9b6db1a63afd42cf2f48d3c9', name: "start" })), hAsync("div", { key: 'dfbe9f1a7d21839d8b9f372a208c0c3e60af5f68', class: "native-wrapper", ref: (el) => (this.textareaWrapper = el) }, hAsync("textarea", Object.assign({ key: '8232f346ad68093d72feff68e69b35bc3c5e0605', class: "native-textarea", ref: (el) => (this.nativeInput = el), id: inputId, disabled: disabled, autoCapitalize: this.autocapitalize, autoFocus: this.autofocus, enterKeyHint: this.enterkeyhint, inputMode: this.inputmode, minLength: this.minlength, maxLength: this.maxlength, name: this.name, placeholder: this.placeholder || '', readOnly: this.readonly, required: this.required, spellcheck: this.spellcheck, cols: this.cols, rows: this.rows, wrap: this.wrap, onInput: this.onInput, onChange: this.onChange, onBlur: this.onBlur, onFocus: this.onFocus, onKeyDown: this.onKeyDown }, this.inheritedAttributes), value)), hAsync("div", { key: 'b06b270cdccdb6dad190ba5277c7893663539d7b', class: "end-slot-wrapper" }, hAsync("slot", { key: '063e0c67ac54f2de7006de5cc91dddabcfd23e63', name: "end" }))), shouldRenderHighlight && hAsync("div", { key: 'dc0376830bae4829bd83a0a98b2e51ab728a4a57', class: "textarea-highlight" })), this.renderBottomContent()));
+            }) }, hAsync("label", { key: '3cefc2946471e462d7e63de23453f73b86fd52a3', class: "textarea-wrapper", htmlFor: inputId }, this.renderLabelContainer(), hAsync("div", { key: 'f58e07557457ef15db0ede22bb05eef14e926856', class: "textarea-wrapper-inner" }, hAsync("div", { key: 'dd327f34c75825a130034e0599a54c76f5083f2f', class: "start-slot-wrapper" }, hAsync("slot", { key: '1e08f37a467423e0d1cbd032e21e7d82390e0d7c', name: "start" })), hAsync("div", { key: '0dc7c0317e0489e4e63573b2b3fa33dd8faa0e61', class: "native-wrapper", ref: (el) => (this.textareaWrapper = el) }, hAsync("textarea", Object.assign({ key: 'b351376fb2756af4c9e5745a3391b2952ed538a4', class: "native-textarea", ref: (el) => (this.nativeInput = el), id: inputId, disabled: disabled, autoCapitalize: this.autocapitalize, autoFocus: this.autofocus, enterKeyHint: this.enterkeyhint, inputMode: this.inputmode, minLength: this.minlength, maxLength: this.maxlength, name: this.name, placeholder: this.placeholder || '', readOnly: this.readonly, required: this.required, spellcheck: this.spellcheck, cols: this.cols, rows: this.rows, wrap: this.wrap, onInput: this.onInput, onChange: this.onChange, onBlur: this.onBlur, onFocus: this.onFocus, onKeyDown: this.onKeyDown }, this.inheritedAttributes), value)), hAsync("div", { key: 'ea91b1656ddcbe7dfb0522618d4b5e179774f372', class: "end-slot-wrapper" }, hAsync("slot", { key: 'af088c4e26d145d92631496cea1eddd2e54fdd22', name: "end" }))), shouldRenderHighlight && hAsync("div", { key: 'c63ccb5e724c936f9d01eae561651064d80a843f', class: "textarea-highlight" })), this.renderBottomContent()));
     }
     get el() { return getElement(this); }
     static get watchers() { return {
@@ -31102,7 +31102,7 @@ class Thumbnail {
         registerInstance(this, hostRef);
     }
     render() {
-        return (hAsync(Host, { key: '7d0d0ecb46ea49d34da58724d546db9ffb768b4a', class: getIonMode$1(this) }, hAsync("slot", { key: 'df6831c030f57b254ceeaf43bd0c90e06915b161' })));
+        return (hAsync(Host, { key: '5e1a3fc154a6073e251c4ea99456363164f5f4ce', class: getIonMode$1(this) }, hAsync("slot", { key: '090a67b630e20a6cb5a7c30e88b0e4bd2e819326' })));
     }
     static get style() { return IonThumbnailStyle0; }
     static get cmpMeta() { return {
@@ -31938,9 +31938,9 @@ class Toast {
         if (layout === 'stacked' && startButtons.length > 0 && endButtons.length > 0) {
             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);
         }
-        return (hAsync(Host, Object.assign({ key: 'fd7f35a7fb769a46d1860f0d16d2a97f287b49d2', tabindex: "-1" }, this.htmlAttributes, { style: {
+        return (hAsync(Host, Object.assign({ key: '2a9a43662626837370415ffd9404c59685691641', tabindex: "-1" }, this.htmlAttributes, { style: {
                 zIndex: `${60000 + this.overlayIndex}`,
-            }, class: createColorClasses$1(this.color, Object.assign(Object.assign({ [mode]: true }, getClassMap(this.cssClass)), { 'overlay-hidden': true, 'toast-translucent': this.translucent })), onIonToastWillDismiss: this.dispatchCancelHandler }), hAsync("div", { key: '0ebf71074b240fd63a7ec816855f16d327742d4e', class: wrapperClass }, hAsync("div", { key: '364ed5cf8591d3ce8e159c4bd480a921a1163ced', class: "toast-container", part: "container" }, this.renderButtons(startButtons, 'start'), this.icon !== undefined && (hAsync("ion-icon", { key: '9f57da73c79c747fd2b387900c67c7d6c871a910', class: "toast-icon", part: "icon", icon: this.icon, lazy: false, "aria-hidden": "true" })), hAsync("div", { key: '58343c16377abd5d76b7b3ae928c2437da0259fb', 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')))));
+            }, class: createColorClasses$1(this.color, Object.assign(Object.assign({ [mode]: true }, getClassMap(this.cssClass)), { 'overlay-hidden': true, 'toast-translucent': this.translucent })), onIonToastWillDismiss: this.dispatchCancelHandler }), hAsync("div", { key: 'ff5df3d039ee6b7b9f096a51f6e4ead2d58d0e52', class: wrapperClass }, hAsync("div", { key: 'c08cf224c941e82bc3d1055f3ee9f90b9b3321dc', class: "toast-container", part: "container" }, this.renderButtons(startButtons, 'start'), this.icon !== undefined && (hAsync("ion-icon", { key: 'bf88aee853cffecb21b4c90f8de6e87672e8559a', class: "toast-icon", part: "icon", icon: this.icon, lazy: false, "aria-hidden": "true" })), hAsync("div", { key: 'f99a8d2de9bda000ee03f021e84e6f12a410d231', 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')))));
     }
     get el() { return getElement(this); }
     static get watchers() { return {
@@ -32160,7 +32160,7 @@ class Toggle {
         const value = this.getValue();
         const rtl = isRTL$1(el) ? 'rtl' : 'ltr';
         renderHiddenInput(true, el, name, checked ? value : '', disabled);
-        return (hAsync(Host, { key: '059639dd357e81134e9c5345b0c4ff0b501aa372', onClick: this.onClick, class: createColorClasses$1(color, {
+        return (hAsync(Host, { key: '6c191cbb3e2a652474539dbc2135b22f86baba9e', onClick: this.onClick, class: createColorClasses$1(color, {
                 [mode]: true,
                 'in-item': hostContext('ion-item', el),
                 'toggle-activated': activated,
@@ -32170,10 +32170,10 @@ class Toggle {
                 [`toggle-alignment-${alignment}`]: alignment !== undefined,
                 [`toggle-label-placement-${labelPlacement}`]: true,
                 [`toggle-${rtl}`]: true,
-            }) }, hAsync("label", { key: '9e06a613ed8fcfdca304ba62ed74feb6c7be2e2d', class: "toggle-wrapper" }, hAsync("input", Object.assign({ key: 'e667729528eeb3b21100d7f7e8aa3bf0111adc6c', 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: '7b95e7f346e84bac82606a2dec48f4ae02ce7854', class: {
+            }) }, hAsync("label", { key: '4f9b2a802ede6286b0ffe2f55a7e93d14d93e8be', class: "toggle-wrapper" }, hAsync("input", Object.assign({ key: '3404228bdb34b662f91c04e644b0addc76006906', 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: '7a629988fbfa52ccf73563e78834e56de8e657f4', class: {
                 'label-text-wrapper': true,
                 'label-text-wrapper-hidden': !this.hasLabel,
-            }, part: "label" }, hAsync("slot", { key: 'c0a1ff31325e30eb433cf802c8193b1bb570a2f5' })), hAsync("div", { key: '41b11a32669d8f1b7405dd64b8547ba81a683fe1', class: "native-wrapper" }, this.renderToggleControl()))));
+            }, part: "label" }, hAsync("slot", { key: '4a4f76889af86430d2347ae08be813e78984b11b' })), hAsync("div", { key: 'df244aec6733371723b25fa05c151b1aaf895e16', class: "native-wrapper" }, this.renderToggleControl()))));
     }
     get el() { return getElement(this); }
     static get watchers() { return {
@@ -32277,10 +32277,10 @@ class Toolbar {
         this.childrenStyles.forEach((value) => {
             Object.assign(childStyles, value);
         });
-        return (hAsync(Host, { key: '7bcb85a3928cbce60c1731b526fa4a4dae7b3ac7', class: Object.assign(Object.assign({}, childStyles), createColorClasses$1(this.color, {
+        return (hAsync(Host, { key: '625c5fc55b43ce88399386fed097a91f1bd7445a', class: Object.assign(Object.assign({}, childStyles), createColorClasses$1(this.color, {
                 [mode]: true,
                 'in-toolbar': hostContext('ion-toolbar', this.el),
-            })) }, hAsync("div", { key: 'cbcbec3b11975dc72ce6fdf11a4a3c6a0c645073', class: "toolbar-background" }), hAsync("div", { key: '4716951b9736c933206284e1e34eebe1507f896c', class: "toolbar-container" }, hAsync("slot", { key: '890a8d114ebb2b9a0c364d48425a2c82248c08f7', name: "start" }), hAsync("slot", { key: 'dc856f55f7fb412274edeec64d1bbe6be109abd0', name: "secondary" }), hAsync("div", { key: '5b67e95c3bbda910c94da2527465c6824d61a8a6', class: "toolbar-content" }, hAsync("slot", { key: '5e19b792aa970797d08430666b14a2cd30af87e3' })), hAsync("slot", { key: 'bc8795cfee8af3cc4923e5df6351bc7e1ddbb4e4', name: "primary" }), hAsync("slot", { key: '33e6f54d4d6db6307a3b639a34e952bc00403620', name: "end" }))));
+            })) }, hAsync("div", { key: 'd23ac18932f4c8fe2ee8c3b44c457d42cb1bb4c6', class: "toolbar-background" }), hAsync("div", { key: '73275708f1a19dbbfba0c3152923355f9d334e5a', class: "toolbar-container" }, hAsync("slot", { key: '9a8977e4e003806b812addb81304101df2e2194b', name: "start" }), hAsync("slot", { key: '845997b78b414b3de270085a750b14382ebd54d6', name: "secondary" }), hAsync("div", { key: 'f4d77326c6111781f24ad311a6ee2404985fc64b', class: "toolbar-content" }, hAsync("slot", { key: '2843a6239598521589bb93d2b5f44fb5fb78e5de' })), hAsync("slot", { key: '56d1825672dc51226a89fe4b549764b093d40a6e', name: "primary" }), hAsync("slot", { key: '9985fb8cde38c887175057afceae8fe6dc81d00c', name: "end" }))));
     }
     get el() { return getElement(this); }
     static get style() { return {
@@ -32330,11 +32330,11 @@ class ToolbarTitle {
     render() {
         const mode = getIonMode$1(this);
         const size = this.getSize();
-        return (hAsync(Host, { key: '76a120f45fe6bedbe761e85e390b53c5dc8f30a2', class: createColorClasses$1(this.color, {
+        return (hAsync(Host, { key: '89da5082d819e6e3dbc0ed455af8e4da0fe73a12', class: createColorClasses$1(this.color, {
                 [mode]: true,
                 [`title-${size}`]: true,
                 'title-rtl': document.dir === 'rtl',
-            }) }, hAsync("div", { key: 'a7f3bd0a060f7ffc8aef7a150ed4d616d845fa74', class: "toolbar-title" }, hAsync("slot", { key: '3d60b9f35d6a50f6508053bc354890c4f64fa6d5' }))));
+            }) }, hAsync("div", { key: 'b6634f459c19137ac9dbff26be1027820037c09d', class: "toolbar-title" }, hAsync("slot", { key: 'edfd2ff6413b052525f4a2f797b097065256cb19' }))));
     }
     get el() { return getElement(this); }
     static get watchers() { return {