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

package/dist/cjs/ion-action-sheet.cjs.entry.js

@@ -106,10 +106,10 @@ const mdLeaveAnimation = (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)}}";
 const 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}";
 const IonActionSheetMdStyle0 = actionSheetMdCss;
 
 const ActionSheet = class {
@@ -212,17 +212,17 @@ const ActionSheet = class {
     onWillDismiss() {
         return overlays.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 (overlays.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
@@ -296,16 +296,13 @@ const ActionSheet = class {
     render() {
         const { header, htmlAttributes, overlayIndex } = this;
         const mode = ionicGlobal.getIonMode(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 (index.h(index.Host, Object.assign({ key: 'e1b1ed6c403a2740700053df4bd0264982e5f75c', role: "dialog", "aria-modal": "true", "aria-labelledby": header !== undefined ? headerID : null, tabindex: "-1" }, htmlAttributes, { style: {
+        return (index.h(index.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 }, theme.getClassMap(this.cssClass)), { 'overlay-hidden': true, 'action-sheet-translucent': this.translucent }), onIonActionSheetWillDismiss: this.dispatchCancelHandler, onIonBackdropTap: this.onBackdropTap }), index.h("ion-backdrop", { key: '9fa9befdcea7af76811b78f9f025f4565bc25f9e', tappable: this.backdropDismiss }), index.h("div", { key: '63ed6cbdec2ea50dd7c1989677ac0cb1924e4b8c', tabindex: "0" }), index.h("div", { key: 'e93d88a957d3deb4c886069bf7bb4c1b3c32c77e', class: "action-sheet-wrapper ion-overlay-wrapper", ref: (el) => (this.wrapperEl = el) }, index.h("div", { key: '8681ca457aa67fc9646cc9b03af2458cfc6af654', class: "action-sheet-head" }, header !== undefined && (index.h("h2", { key: 'df225c04e4e9f57e944084c1205870dbfebe7175', id: headerID, class: {
-                'action-sheet-title': true,
-                'action-sheet-has-sub-title': this.subHeader !== undefined,
-            } }, header)), this.subHeader !== undefined && (index.h("h2", { key: '49dbc8bc9fe09375719c783dcd4ae1a63287befa', class: "action-sheet-sub-title" }, this.subHeader)))), index.h("div", { key: '22fc26a805b5a0d406caf0c83e00a9f6cea339c7', tabindex: "0" })));
+            }, class: Object.assign(Object.assign({ [mode]: true }, theme.getClassMap(this.cssClass)), { 'overlay-hidden': true, 'action-sheet-translucent': this.translucent }), onIonActionSheetWillDismiss: this.dispatchCancelHandler, onIonBackdropTap: this.onBackdropTap }), index.h("ion-backdrop", { key: 'b2cc3ca4d78b6a38d1df4122a0e1e3890acb4de9', tappable: this.backdropDismiss }), index.h("div", { key: '775d18c1547b0d70de0c12bfea98cec8b4100658', tabindex: "0" }), index.h("div", { key: '2cfedd88a497f2cca1d2d111152a3b25cf8779af', class: "action-sheet-wrapper ion-overlay-wrapper", ref: (el) => (this.wrapperEl = el) }, index.h("div", { key: 'd18f374c0826df3d58ce97fbb5d83e122d02b67c', class: "action-sheet-container" }, header && (index.h("h2", { key: '8cbd4baf50bbec2b3c06f226acfb70f29bf9913a', id: headerID, class: "action-sheet-title" }, header)), cancelButton && (index.h("div", { key: 'ab1dd593ee56b0f74a40ee32f79dcc197c46b5e7', class: "action-sheet-group action-sheet-group-cancel" }, index.h("button", Object.assign({ key: '30ed64e542c9a11f965444b22ac24c71e28c9f99' }, cancelButton.htmlAttributes, { type: "button", class: buttonClass(cancelButton), onClick: () => this.buttonClick(cancelButton) }), index.h("span", { key: '28e94fe349b10ee4627618946e7b1823e96e905e', class: "action-sheet-button-inner" }, cancelButton.icon && (index.h("ion-icon", { key: '5ca9cc7485409f35e7a7223655ff11964617a5ec', icon: cancelButton.icon, "aria-hidden": "true", lazy: false, class: "action-sheet-icon" })), cancelButton.text), mode === 'md' && index.h("ion-ripple-effect", { key: 'c5b48ac780e01203040583e7bbc0a3fe5553198a' })))))), index.h("div", { key: 'be2238323e5b34d7b4d1940deb0bd77191aa7f01', tabindex: "0" })));
     }
     get el() { return index.getElement(this); }
     static get watchers() { return {
@@ -313,6 +310,9 @@ const ActionSheet = class {
         "trigger": ["triggerChanged"]
     }; }
 };
+const buttonClass = (button) => {
+    return Object.assign({ 'action-sheet-button': true, 'ion-activatable': !button.disabled, 'ion-focusable': !button.disabled, [`action-sheet-${button.role}`]: button.role !== undefined }, theme.getClassMap(button.cssClass));
+};
 ActionSheet.style = {
     ios: IonActionSheetIosStyle0,
     md: IonActionSheetMdStyle0

package/dist/cjs/ion-alert.cjs.entry.js

@@ -498,9 +498,9 @@ const Alert = class {
          * If neither is defined, don't set aria-labelledby.
          */
         const ariaLabelledBy = header ? hdrId : subHeader ? subHdrId : null;
-        return (index.h(index.Host, Object.assign({ key: 'a884e5b9a4d3ec4dc31dddf4e6c545b3cfa65447', role: role, "aria-modal": "true", "aria-labelledby": ariaLabelledBy, "aria-describedby": message !== undefined ? msgId : null, tabindex: "-1" }, htmlAttributes, { style: {
+        return (index.h(index.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({}, theme.getClassMap(this.cssClass)), { [mode]: true, 'overlay-hidden': true, 'alert-translucent': this.translucent }), onIonAlertWillDismiss: this.dispatchCancelHandler, onIonBackdropTap: this.onBackdropTap }), index.h("ion-backdrop", { key: '4c0e3088895cd7459b3704b9ac86ee436d0ccb0f', tappable: this.backdropDismiss }), index.h("div", { key: '9732b28f6ce6cbfd8d2b87e93380355f89862f16', tabindex: "0" }), index.h("div", { key: 'bb4902ccdcc926e8be5272e3084b9bf7bd5c76a4', class: "alert-wrapper ion-overlay-wrapper", ref: (el) => (this.wrapperEl = el) }, index.h("div", { key: '69acfd22b9b0e45a8411e77592494d73a79e3ccb', class: "alert-head" }, header && (index.h("h2", { key: 'c15b0b6f44df94dda14ca1e9dea9629820a11fc5', id: hdrId, class: "alert-title" }, header)), subHeader && (index.h("h2", { key: '1425dfabf5ee317a5ceaa1f2fe84d391b9b47cda', id: subHdrId, class: "alert-sub-title" }, subHeader))), this.renderAlertMessage(msgId), this.renderAlertInputs(), this.renderAlertButtons()), index.h("div", { key: '6e36a7aec687e9e9b01ac16ee40b593836c293a2', tabindex: "0" })));
+            }, class: Object.assign(Object.assign({}, theme.getClassMap(this.cssClass)), { [mode]: true, 'overlay-hidden': true, 'alert-translucent': this.translucent }), onIonAlertWillDismiss: this.dispatchCancelHandler, onIonBackdropTap: this.onBackdropTap }), index.h("ion-backdrop", { key: '1d21c6afd07c49444bf7566cd8ded154ec802622', tappable: this.backdropDismiss }), index.h("div", { key: '96280b7babacecc161227a293fe33e1fc0895468', tabindex: "0" }), index.h("div", { key: 'd26ac2e8ab2ab85d241cd74a1f19e1957283f6bd', class: "alert-wrapper ion-overlay-wrapper", ref: (el) => (this.wrapperEl = el) }, index.h("div", { key: 'a8a412f2950a31a7fc3d91f0d7d23a67b97ab649', class: "alert-head" }, header && (index.h("h2", { key: '54ee6365d98c2dafa9513c5b67ac54f1be5dd87d', id: hdrId, class: "alert-title" }, header)), subHeader && (index.h("h2", { key: '72db051283f31cd4874fca8c1c06b10e751353b5', id: subHdrId, class: "alert-sub-title" }, subHeader))), this.renderAlertMessage(msgId), this.renderAlertInputs(), this.renderAlertButtons()), index.h("div", { key: '7c957ebfb5beb84d26708c30d271eda01eac3f69', tabindex: "0" })));
     }
     get el() { return index.getElement(this); }
     static get watchers() { return {

package/dist/cjs/ion-app_8.cjs.entry.js

@@ -85,7 +85,7 @@ const App = class {
     }
     render() {
         const mode = ionicGlobal.getIonMode(this);
-        return (index.h(index.Host, { key: '037d45fe1656a87409c1922c774e659ec32e8fd0', class: {
+        return (index.h(index.Host, { key: '53472b607f7f38b30a6d1a7592da2125100011cf', class: {
                 [mode]: true,
                 'ion-page': true,
                 'force-statusbar-padding': ionicGlobal.config.getBoolean('_forceStatusbarPadding'),
@@ -135,10 +135,10 @@ const Buttons = class {
     }
     render() {
         const mode = ionicGlobal.getIonMode(this);
-        return (index.h(index.Host, { key: '793b8c75a70119f7a8509925651534fb8cd4cc57', class: {
+        return (index.h(index.Host, { key: 'cacb76b3b67aae673a764b3cbe03aaa8425f8ce5', class: {
                 [mode]: true,
                 ['buttons-collapse']: this.collapse,
-            } }, index.h("slot", { key: 'c6734e44e32a5591ba8ea34a0f30f4908a3e70c9' })));
+            } }, index.h("slot", { key: '16086adaa70b2dd47aa441a4d31cc2c3dcfd5412' })));
     }
 };
 Buttons.style = {
@@ -479,7 +479,7 @@ const Content = class {
         const forceOverscroll = this.shouldForceOverscroll();
         const transitionShadow = mode === 'ios';
         this.resize();
-        return (index.h(index.Host, Object.assign({ key: '717c11415acdbd0da1c1d86c2f3757d1c7a8ea65', role: isMainContent ? 'main' : undefined, class: theme.createColorClasses(this.color, {
+        return (index.h(index.Host, Object.assign({ key: '929d8718c73b03115a895b6f3a73fca65f2ed692', role: isMainContent ? 'main' : undefined, class: theme.createColorClasses(this.color, {
                 [mode]: true,
                 'content-sizing': theme.hostContext('ion-popover', this.el),
                 overscroll: forceOverscroll,
@@ -487,12 +487,12 @@ const Content = class {
             }), style: {
                 '--offset-top': `${this.cTop}px`,
                 '--offset-bottom': `${this.cBottom}px`,
-            } }, inheritedAttributes), index.h("div", { key: 'ad0ae962f571673976adc4659a027d608cc4a260', ref: (el) => (this.backgroundContentEl = el), id: "background-content", part: "background" }), fixedSlotPlacement === 'before' ? index.h("slot", { name: "fixed" }) : null, index.h("div", { key: 'a5681f4e0fa66cbc8ed677aec7d6163d0274b465', class: {
+            } }, inheritedAttributes), index.h("div", { key: '58d992194e48350109d4aca62971f1d2555078c0', ref: (el) => (this.backgroundContentEl = el), id: "background-content", part: "background" }), fixedSlotPlacement === 'before' ? index.h("slot", { name: "fixed" }) : null, index.h("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" }, index.h("slot", { key: '81dc159f6dc9267cc5c8f899334fec9db6696a39' })), transitionShadow ? (index.h("div", { class: "transition-effect" }, index.h("div", { class: "transition-cover" }), index.h("div", { class: "transition-shadow" }))) : null, fixedSlotPlacement === 'after' ? index.h("slot", { name: "fixed" }) : null));
+            }, ref: (scrollEl) => (this.scrollEl = scrollEl), onScroll: this.scrollEvents ? (ev) => this.onScroll(ev) : undefined, part: "scroll" }, index.h("slot", { key: '4ff81cf206c8e526a6f75fb14d4bf08252bc782a' })), transitionShadow ? (index.h("div", { class: "transition-effect" }, index.h("div", { class: "transition-cover" }), index.h("div", { class: "transition-shadow" }))) : null, fixedSlotPlacement === 'after' ? index.h("slot", { name: "fixed" }) : null));
     }
     get el() { return index.getElement(this); }
 };
@@ -660,7 +660,7 @@ const Footer = class {
         const mode = ionicGlobal.getIonMode(this);
         const tabs = this.el.closest('ion-tabs');
         const tabBar = tabs === null || tabs === void 0 ? void 0 : tabs.querySelector(':scope > ion-tab-bar');
-        return (index.h(index.Host, { key: 'cb3a32020d48e3260c18da2e518706a4a7930f26', role: "contentinfo", class: {
+        return (index.h(index.Host, { key: '67c71caafa71bd623ab720e0fe9a2e21ecbecbfe', role: "contentinfo", class: {
                 [mode]: true,
                 // Used internally for styling
                 [`footer-${mode}`]: true,
@@ -668,7 +668,7 @@ const Footer = class {
                 [`footer-translucent-${mode}`]: translucent,
                 ['footer-toolbar-padding']: !this.keyboardVisible && (!tabBar || tabBar.slot !== 'bottom'),
                 [`footer-collapse-${collapse}`]: collapse !== undefined,
-            } }, mode === 'ios' && translucent && index.h("div", { key: '8f6f2c4594583ee34752950d4291c637accf9287', class: "footer-background" }), index.h("slot", { key: 'd37e786a045bec0fd06010627ffd27e8e78e754e' })));
+            } }, mode === 'ios' && translucent && index.h("div", { key: '90dab12f9ba22cf7c3815e9358dc8795d5f4c52d', class: "footer-background" }), index.h("slot", { key: 'fef6e0299eee208cfab63403a5c9505904db103b' })));
     }
     get el() { return index.getElement(this); }
 };
@@ -990,14 +990,14 @@ const Header = class {
         const collapse = this.collapse || 'none';
         // banner role must be at top level, so remove role if inside a menu
         const roleType = theme.hostContext('ion-menu', this.el) ? 'none' : 'banner';
-        return (index.h(index.Host, Object.assign({ key: '4053b08038a245309f125bfcb697a84ef52ab5e5', role: roleType, class: {
+        return (index.h(index.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 && index.h("div", { key: '551cf9d1e76ee4331dd36ab45f9200bdb7fe95ea', class: "header-background" }), index.h("slot", { key: '29360e44e184ac8a9f0f926166c34474c9acba55' })));
+            } }, inheritedAttributes), mode === 'ios' && translucent && index.h("div", { key: '755331cb1d97dd1937357a4d6247314c8c1e45b1', class: "header-background" }), index.h("slot", { key: '064eb06d6d2f84f62ada778bc774ebecdff52cc0' })));
     }
     get el() { return index.getElement(this); }
 };
@@ -1181,7 +1181,7 @@ const RouterOutlet = class {
         return true;
     }
     render() {
-        return index.h("slot", { key: 'a1247f129b8870ff4f4183c79ab374f310a76352' });
+        return index.h("slot", { key: '67aa47a11d787944155e37f6388871b9f4fe880d' });
     }
     get el() { return index.getElement(this); }
     static get watchers() { return {
@@ -1221,11 +1221,11 @@ const ToolbarTitle = class {
     render() {
         const mode = ionicGlobal.getIonMode(this);
         const size = this.getSize();
-        return (index.h(index.Host, { key: '76a120f45fe6bedbe761e85e390b53c5dc8f30a2', class: theme.createColorClasses(this.color, {
+        return (index.h(index.Host, { key: '89da5082d819e6e3dbc0ed455af8e4da0fe73a12', class: theme.createColorClasses(this.color, {
                 [mode]: true,
                 [`title-${size}`]: true,
                 'title-rtl': document.dir === 'rtl',
-            }) }, index.h("div", { key: 'a7f3bd0a060f7ffc8aef7a150ed4d616d845fa74', class: "toolbar-title" }, index.h("slot", { key: '3d60b9f35d6a50f6508053bc354890c4f64fa6d5' }))));
+            }) }, index.h("div", { key: 'b6634f459c19137ac9dbff26be1027820037c09d', class: "toolbar-title" }, index.h("slot", { key: 'edfd2ff6413b052525f4a2f797b097065256cb19' }))));
     }
     get el() { return index.getElement(this); }
     static get watchers() { return {
@@ -1293,10 +1293,10 @@ const Toolbar = class {
         this.childrenStyles.forEach((value) => {
             Object.assign(childStyles, value);
         });
-        return (index.h(index.Host, { key: '7bcb85a3928cbce60c1731b526fa4a4dae7b3ac7', class: Object.assign(Object.assign({}, childStyles), theme.createColorClasses(this.color, {
+        return (index.h(index.Host, { key: '625c5fc55b43ce88399386fed097a91f1bd7445a', class: Object.assign(Object.assign({}, childStyles), theme.createColorClasses(this.color, {
                 [mode]: true,
                 'in-toolbar': theme.hostContext('ion-toolbar', this.el),
-            })) }, index.h("div", { key: 'cbcbec3b11975dc72ce6fdf11a4a3c6a0c645073', class: "toolbar-background" }), index.h("div", { key: '4716951b9736c933206284e1e34eebe1507f896c', class: "toolbar-container" }, index.h("slot", { key: '890a8d114ebb2b9a0c364d48425a2c82248c08f7', name: "start" }), index.h("slot", { key: 'dc856f55f7fb412274edeec64d1bbe6be109abd0', name: "secondary" }), index.h("div", { key: '5b67e95c3bbda910c94da2527465c6824d61a8a6', class: "toolbar-content" }, index.h("slot", { key: '5e19b792aa970797d08430666b14a2cd30af87e3' })), index.h("slot", { key: 'bc8795cfee8af3cc4923e5df6351bc7e1ddbb4e4', name: "primary" }), index.h("slot", { key: '33e6f54d4d6db6307a3b639a34e952bc00403620', name: "end" }))));
+            })) }, index.h("div", { key: 'd23ac18932f4c8fe2ee8c3b44c457d42cb1bb4c6', class: "toolbar-background" }), index.h("div", { key: '73275708f1a19dbbfba0c3152923355f9d334e5a', class: "toolbar-container" }, index.h("slot", { key: '9a8977e4e003806b812addb81304101df2e2194b', name: "start" }), index.h("slot", { key: '845997b78b414b3de270085a750b14382ebd54d6', name: "secondary" }), index.h("div", { key: 'f4d77326c6111781f24ad311a6ee2404985fc64b', class: "toolbar-content" }, index.h("slot", { key: '2843a6239598521589bb93d2b5f44fb5fb78e5de' })), index.h("slot", { key: '56d1825672dc51226a89fe4b549764b093d40a6e', name: "primary" }), index.h("slot", { key: '9985fb8cde38c887175057afceae8fe6dc81d00c', name: "end" }))));
     }
     get el() { return index.getElement(this); }
 };

package/dist/cjs/ion-avatar_3.cjs.entry.js

@@ -20,7 +20,7 @@ const Avatar = class {
         index.registerInstance(this, hostRef);
     }
     render() {
-        return (index.h(index.Host, { key: '95d7ca334f9b66e0983cbc1b782ded0b9a54eaa9', class: ionicGlobal.getIonMode(this) }, index.h("slot", { key: '011d20189acdb03bee328aa4fa0511826a0b3a36' })));
+        return (index.h(index.Host, { key: '8a3f3786bb3c117d524437bcb0e74e107abbe1d4', class: ionicGlobal.getIonMode(this) }, index.h("slot", { key: 'd9a5e55965ee7341e0994bc0057bef5b019a56fe' })));
     }
 };
 Avatar.style = {
@@ -41,9 +41,9 @@ const Badge = class {
     }
     render() {
         const mode = ionicGlobal.getIonMode(this);
-        return (index.h(index.Host, { key: '2e051a2a6beddbd8d13f70f9e42afbcafd43a19b', class: theme.createColorClasses(this.color, {
+        return (index.h(index.Host, { key: '05aa51688e73322aa21c8b9c68251e691acfa4e5', class: theme.createColorClasses(this.color, {
                 [mode]: true,
-            }) }, index.h("slot", { key: 'e0f4f0e39d2037d4bd85a351b5ff94cf84e233ce' })));
+            }) }, index.h("slot", { key: '8b0a9cbb20a979f040edf044f4fd26554f167b42' })));
     }
 };
 Badge.style = {
@@ -59,7 +59,7 @@ const Thumbnail = class {
         index.registerInstance(this, hostRef);
     }
     render() {
-        return (index.h(index.Host, { key: '7d0d0ecb46ea49d34da58724d546db9ffb768b4a', class: ionicGlobal.getIonMode(this) }, index.h("slot", { key: 'df6831c030f57b254ceeaf43bd0c90e06915b161' })));
+        return (index.h(index.Host, { key: '5e1a3fc154a6073e251c4ea99456363164f5f4ce', class: ionicGlobal.getIonMode(this) }, index.h("slot", { key: '090a67b630e20a6cb5a7c30e88b0e4bd2e819326' })));
     }
 };
 Thumbnail.style = IonThumbnailStyle0;

package/dist/cjs/ion-back-button.cjs.entry.js

@@ -76,7 +76,7 @@ const BackButton = class {
         const showBackButton = defaultHref !== undefined;
         const mode = ionicGlobal.getIonMode(this);
         const ariaLabel = inheritedAttributes['aria-label'] || backButtonText || 'back';
-        return (index.h(index.Host, { key: '175fff2d7a41d2deaaf7b781c5ba2aac9311ebf4', onClick: this.onClick, class: theme.createColorClasses(color, {
+        return (index.h(index.Host, { key: '07ab5d7d5a58f9604f50276c6a1850e0b9428c24', onClick: this.onClick, class: theme.createColorClasses(color, {
                 [mode]: true,
                 button: true, // ion-buttons target .button
                 'back-button-disabled': disabled,
@@ -86,7 +86,7 @@ const BackButton = class {
                 'ion-activatable': true,
                 'ion-focusable': true,
                 'show-back-button': showBackButton,
-            }) }, index.h("button", { key: '59fe30c167ea82e2431e45d46060a01bcb2aea77', type: type, disabled: disabled, class: "button-native", part: "native", "aria-label": ariaLabel }, index.h("span", { key: '3d704fb7ef001446361e7a09d43763a771b242b9', class: "button-inner" }, backButtonIcon && (index.h("ion-icon", { key: '5e8d4d811cacecdce053bed29badce0da30b9264', part: "icon", icon: backButtonIcon, "aria-hidden": "true", lazy: false, "flip-rtl": icon === undefined })), backButtonText && (index.h("span", { key: '879d2fb636eb961729cd09e87d0169b91b4dc32a', part: "text", "aria-hidden": "true", class: "button-text" }, backButtonText))), mode === 'md' && index.h("ion-ripple-effect", { key: 'd74fad653be6ce0958720ce9a9c6939790878102', type: this.rippleType }))));
+            }) }, index.h("button", { key: '5f173fbc01a03da1d50449c5ad8fee7cf65c59d8', type: type, disabled: disabled, class: "button-native", part: "native", "aria-label": ariaLabel }, index.h("span", { key: '6f69164c1e8466e72ed80a12456f09b176d91cd0', class: "button-inner" }, backButtonIcon && (index.h("ion-icon", { key: 'e8fb8b00e937caab22990723acf077ff6d4e04e0', part: "icon", icon: backButtonIcon, "aria-hidden": "true", lazy: false, "flip-rtl": icon === undefined })), backButtonText && (index.h("span", { key: '62511668303ff53d477fcf49f417de03eff1ac52', part: "text", "aria-hidden": "true", class: "button-text" }, backButtonText))), mode === 'md' && index.h("ion-ripple-effect", { key: '562f12891bc631cb71eb90c7303cc5ad55b19c48', type: this.rippleType }))));
     }
     get el() { return index.getElement(this); }
 };

package/dist/cjs/ion-backdrop.cjs.entry.js

@@ -36,7 +36,7 @@ const Backdrop = class {
     }
     render() {
         const mode = ionicGlobal.getIonMode(this);
-        return (index.h(index.Host, { key: '604b6a7b73c3d1fca9590fe81b3a29230e94526b', tabindex: "-1", "aria-hidden": "true", class: {
+        return (index.h(index.Host, { key: 'b1570293e99e4a7d3a054bba3708b1d457a66abe', tabindex: "-1", "aria-hidden": "true", class: {
                 [mode]: true,
                 'backdrop-hide': !this.visible,
                 'backdrop-no-tappable': !this.tappable,

package/dist/cjs/ion-breadcrumb_2.cjs.entry.js

@@ -72,7 +72,7 @@ const Breadcrumb = class {
         // 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 (index.h(index.Host, { key: '236916d7f0d7862c821ea2c82e8d679722fee649', onClick: (ev) => theme.openURL(href, ev, routerDirection, routerAnimation), "aria-disabled": disabled ? 'true' : null, class: theme.createColorClasses(color, {
+        return (index.h(index.Host, { key: '3fa177213574bcc93f4184f3ff031bdc05992501', onClick: (ev) => theme.openURL(href, ev, routerDirection, routerAnimation), "aria-disabled": disabled ? 'true' : null, class: theme.createColorClasses(color, {
                 [mode]: true,
                 'breadcrumb-active': active,
                 'breadcrumb-collapsed': collapsed,
@@ -82,15 +82,15 @@ const Breadcrumb = class {
                 'in-toolbar-color': theme.hostContext('ion-toolbar[color]', this.el),
                 'ion-activatable': clickable,
                 'ion-focusable': clickable,
-            }) }, index.h(TagType, Object.assign({ key: 'e9c72683c6c13aa9994120b486e0c828d9f06f0f' }, attrs, { class: "breadcrumb-native", part: "native", disabled: disabled, onFocus: this.onFocus, onBlur: this.onBlur }, inheritedAttributes), index.h("slot", { key: '4826849732bbbe560678c3218959424a17264dcb', name: "start" }), index.h("slot", { key: '4c2d78d38c0204812c8029f7273de20d2712db9b' }), index.h("slot", { key: '8492e5e1071904183936c1afd8acc4af6e115e67', name: "end" })), showCollapsedIndicator && (index.h("button", { key: '848225f188b0955661a8d992829eb3ac08d8894c', part: "collapsed-indicator", "aria-label": "Show more breadcrumbs", onClick: () => this.collapsedIndicatorClick(), ref: (collapsedEl) => (this.collapsedRef = collapsedEl), class: {
+            }) }, index.h(TagType, Object.assign({ key: '0de0c76f2849affa8afe8b363ceffded4c824cbc' }, attrs, { class: "breadcrumb-native", part: "native", disabled: disabled, onFocus: this.onFocus, onBlur: this.onBlur }, inheritedAttributes), index.h("slot", { key: 'fd346028462e92ef5aece4e0d0fedd5d22ddae4e', name: "start" }), index.h("slot", { key: 'b4dee49713e6709bb7f655083d3df952eeda8cd6' }), index.h("slot", { key: '54f66d33ab51e1fa914b897dfb0ff13f847952d6', name: "end" })), showCollapsedIndicator && (index.h("button", { key: '4940dbc9466c1a8020421b155c5b54b00ff10c0a', part: "collapsed-indicator", "aria-label": "Show more breadcrumbs", onClick: () => this.collapsedIndicatorClick(), ref: (collapsedEl) => (this.collapsedRef = collapsedEl), class: {
                 'breadcrumbs-collapsed-indicator': true,
-            } }, index.h("ion-icon", { key: 'f8392f4fc818eb876f143bd6a3293e337e3b538f', "aria-hidden": "true", icon: index$1.ellipsisHorizontal, lazy: false }))), showSeparator && (
+            } }, index.h("ion-icon", { key: '105cd22175c66f9db97ed2564839fe757169625a', "aria-hidden": "true", icon: index$1.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.
          */
-        index.h("span", { key: '6c432e80a61682211599010ac452b8c14ca66819', class: "breadcrumb-separator", part: "separator", "aria-hidden": "true" }, index.h("slot", { key: 'eb38b2db91a9406fb123f9132025e68b561f2f33', name: "separator" }, mode === 'ios' ? (index.h("ion-icon", { icon: index$1.chevronForwardOutline, lazy: false, "flip-rtl": true })) : (index.h("span", null, "/")))))));
+        index.h("span", { key: '478bbcc120a8e5f40918264e87d89bb63fd4e984', class: "breadcrumb-separator", part: "separator", "aria-hidden": "true" }, index.h("slot", { key: 'e6395282218911304fdcf22f34689ca80cfd717c', name: "separator" }, mode === 'ios' ? (index.h("ion-icon", { icon: index$1.chevronForwardOutline, lazy: false, "flip-rtl": true })) : (index.h("span", null, "/")))))));
     }
     get el() { return index.getElement(this); }
 };
@@ -204,12 +204,12 @@ const Breadcrumbs = class {
     render() {
         const { color, collapsed } = this;
         const mode = ionicGlobal.getIonMode(this);
-        return (index.h(index.Host, { key: '17d8cf4ef471b39787b0054974c8ded3bb7c63d7', class: theme.createColorClasses(color, {
+        return (index.h(index.Host, { key: '583a19cc4e6ceaf89cb771d7576c821d01818422', class: theme.createColorClasses(color, {
                 [mode]: true,
                 'in-toolbar': theme.hostContext('ion-toolbar', this.el),
                 'in-toolbar-color': theme.hostContext('ion-toolbar[color]', this.el),
                 'breadcrumbs-collapsed': collapsed,
-            }) }, index.h("slot", { key: '3b1fe0730d5c8c76e95af181c92ea99c3f924d38', onSlotchange: this.slotChanged })));
+            }) }, index.h("slot", { key: 'ca825133dd956d15115932d6ad2277604d297a09', onSlotchange: this.slotChanged })));
     }
     get el() { return index.getElement(this); }
     static get watchers() { return {

package/dist/cjs/ion-button_2.cjs.entry.js

@@ -347,7 +347,7 @@ const Button = class {
         {
             type !== 'button' && this.renderHiddenButton();
         }
-        return (index.h(index.Host, { key: '5b7ed17b35c2573be0afc558e6b02674e9e26167', onClick: this.handleClick, "aria-disabled": disabled ? 'true' : null, class: theme.createColorClasses(color, {
+        return (index.h(index.Host, { key: '4bc06e6ec688d4f4c12b870b3ab3dd8db08aae59', onClick: this.handleClick, "aria-disabled": disabled ? 'true' : null, class: theme.createColorClasses(color, {
                 [mode]: true,
                 [buttonType]: true,
                 [`${buttonType}-${expand}`]: expand !== undefined,
@@ -362,7 +362,7 @@ const Button = class {
                 'button-disabled': disabled,
                 'ion-activatable': true,
                 'ion-focusable': true,
-            }) }, index.h(TagType, Object.assign({ key: '966a458dc3467224af4642ed4f3d5324a6be55fb' }, attrs, { class: "button-native", part: "native", disabled: disabled, onFocus: this.onFocus, onBlur: this.onBlur }, inheritedAttributes), index.h("span", { key: 'c80be7023eedf773cf912bcd02567fd9f1f847b0', class: "button-inner" }, index.h("slot", { key: '8bbe6295280630a36b4e2f10831c15a1128a8195', name: "icon-only", onSlotchange: this.slotChanged }), index.h("slot", { key: '5d9599da2602fb9ddaf680deacacbf199a71c74f', name: "start" }), index.h("slot", { key: 'e67f2a02eb60c84954293b4613670c48d24463be' }), index.h("slot", { key: '01c49f68100aace088f61e10e364314ed830d8ad', name: "end" })), mode === 'md' && index.h("ion-ripple-effect", { key: 'de1a6308dc2c1add2b5191257d532a3960d7e806', type: this.rippleType }))));
+            }) }, index.h(TagType, Object.assign({ key: '0a9b023f728364c890fc59d2241d00ac417d8e9e' }, attrs, { class: "button-native", part: "native", disabled: disabled, onFocus: this.onFocus, onBlur: this.onBlur }, inheritedAttributes), index.h("span", { key: '46b4b46e303ede9ea03f488d95d6eafa7db8f098', class: "button-inner" }, index.h("slot", { key: '98e72fddd837d0f30a097f79bf5100088f7eb214', name: "icon-only", onSlotchange: this.slotChanged }), index.h("slot", { key: 'a442858cdae935e49bbcb933d9c55770573dcd54', name: "start" }), index.h("slot", { key: 'd974805e9f4143e5d0239546fffc604c70a48600' }), index.h("slot", { key: '45f2ed69eed604f91fd098d691dd7fa806ab39b7', name: "end" })), mode === 'md' && index.h("ion-ripple-effect", { key: 'b62907b56cd488742fdfcaede2fee433cde2f146', type: this.rippleType }))));
     }
     get el() { return index.getElement(this); }
     static get watchers() { return {

package/dist/cjs/ion-card_5.cjs.entry.js

@@ -56,7 +56,7 @@ const Card = class {
     }
     render() {
         const mode = ionicGlobal.getIonMode(this);
-        return (index.h(index.Host, { key: 'a8fbab81cdc15f33c58df20df1da2b58d196fa06', class: theme.createColorClasses(this.color, {
+        return (index.h(index.Host, { key: '51b9a91d48671d429f5659a2961619e1a46cd5df', class: theme.createColorClasses(this.color, {
                 [mode]: true,
                 'card-disabled': this.disabled,
                 'ion-activatable': this.isClickable(),
@@ -81,7 +81,7 @@ const CardContent = class {
     }
     render() {
         const mode = ionicGlobal.getIonMode(this);
-        return (index.h(index.Host, { key: '065710efda5c54032a7612bc8469c46a39b9c246', class: {
+        return (index.h(index.Host, { key: '28f37e16b611f9a80b336e97b318e8374646079e', class: {
                 [mode]: true,
                 // Used internally for styling
                 [`card-content-${mode}`]: true,
@@ -107,11 +107,11 @@ const CardHeader = class {
     }
     render() {
         const mode = ionicGlobal.getIonMode(this);
-        return (index.h(index.Host, { key: '20cf862f9c2410fa1be97d17e43b726c4b006f6c', class: theme.createColorClasses(this.color, {
+        return (index.h(index.Host, { key: 'af5a7144374f1aad2788ae95618e7693277a0618', class: theme.createColorClasses(this.color, {
                 'card-header-translucent': this.translucent,
                 'ion-inherit-color': true,
                 [mode]: true,
-            }) }, index.h("slot", { key: '40a4b2a04d02969e6cdf328cbb7ee9d77e6d4fce' })));
+            }) }, index.h("slot", { key: '7367add0a6d062683a7279f2c1af1f886c5810f6' })));
     }
 };
 CardHeader.style = {
@@ -132,10 +132,10 @@ const CardSubtitle = class {
     }
     render() {
         const mode = ionicGlobal.getIonMode(this);
-        return (index.h(index.Host, { key: 'da15ebf9caf9015fc2a8b0f5fd5cbc40a424d85a', role: "heading", "aria-level": "3", class: theme.createColorClasses(this.color, {
+        return (index.h(index.Host, { key: '04aa891554981ead6057c317b0ed314d668f702f', role: "heading", "aria-level": "3", class: theme.createColorClasses(this.color, {
                 'ion-inherit-color': true,
                 [mode]: true,
-            }) }, index.h("slot", { key: '24e5a0396f518ec710cc6537d851924d31370309' })));
+            }) }, index.h("slot", { key: 'dd6c32fd6f1cf50e257ff70c46e3b765eb0884c5' })));
     }
 };
 CardSubtitle.style = {
@@ -156,10 +156,10 @@ const CardTitle = class {
     }
     render() {
         const mode = ionicGlobal.getIonMode(this);
-        return (index.h(index.Host, { key: '7a3c9120461b994de29124eb5ae2f14a995e15da', role: "heading", "aria-level": "2", class: theme.createColorClasses(this.color, {
+        return (index.h(index.Host, { key: 'ea924d0f85eae1f4a97d59d2ae0549459c46a5ae', role: "heading", "aria-level": "2", class: theme.createColorClasses(this.color, {
                 'ion-inherit-color': true,
                 [mode]: true,
-            }) }, index.h("slot", { key: '548998a695d0b6abed8f6bf43201635744cc8540' })));
+            }) }, index.h("slot", { key: '087ffc17c4500b7db68caf619bf8e39e34113591' })));
     }
 };
 CardTitle.style = {

package/dist/cjs/ion-checkbox.cjs.entry.js

@@ -78,7 +78,7 @@ const Checkbox = class {
         const mode = ionicGlobal.getIonMode(this);
         const path = getSVGPath(mode, indeterminate);
         helpers.renderHiddenInput(true, el, name, checked ? value : '', disabled);
-        return (index.h(index.Host, { key: '874fedc923ef2fb15c07936762bf05745424821a', "aria-checked": indeterminate ? 'mixed' : `${checked}`, class: theme.createColorClasses(color, {
+        return (index.h(index.Host, { key: '90d45249f95c207f04a2c15cfd2a8485d5d1c3f9', "aria-checked": indeterminate ? 'mixed' : `${checked}`, class: theme.createColorClasses(color, {
                 [mode]: true,
                 'in-item': theme.hostContext('ion-item', el),
                 'checkbox-checked': checked,
@@ -88,10 +88,10 @@ const Checkbox = class {
                 [`checkbox-justify-${justify}`]: justify !== undefined,
                 [`checkbox-alignment-${alignment}`]: alignment !== undefined,
                 [`checkbox-label-placement-${labelPlacement}`]: true,
-            }), onClick: this.onClick }, index.h("label", { key: '0c316771e228f62d10650e5cf7deb836710adca6', class: "checkbox-wrapper" }, index.h("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)), index.h("div", { key: 'ac5980854ea3745ad41c6c739b3ece258b28ba4f', class: {
+            }), onClick: this.onClick }, index.h("label", { key: '08da6781f1f72d1f37cd41a88d3b5ed6b9076ca0', class: "checkbox-wrapper" }, index.h("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)), index.h("div", { key: '8e9648cfdc2101bcbca354d6cfdfede1944770fe', class: {
                 'label-text-wrapper': true,
                 'label-text-wrapper-hidden': el.textContent === '',
-            }, part: "label" }, index.h("slot", { key: 'caadcf425702d54d99c4fb97c97a85b8733edf78' })), index.h("div", { key: 'b3b2fb8530f308b05e37413e225e3ca0a5ff2c44', class: "native-wrapper" }, index.h("svg", { key: '3e9d490777e4c0bea9132fafe6cca4ae97477eee', class: "checkbox-icon", viewBox: "0 0 24 24", part: "container" }, path)))));
+            }, part: "label" }, index.h("slot", { key: 'b55cf97e82ae04e589c09a11ec6b8b71d6029a37' })), index.h("div", { key: '3e16d10b8098a2c6cfaa8ea3b37b1943036b71e2', class: "native-wrapper" }, index.h("svg", { key: 'cb91e27c398f3e8360678d73e789ed0e6ba6970b', class: "checkbox-icon", viewBox: "0 0 24 24", part: "container" }, path)))));
     }
     getSVGPath(mode, indeterminate) {
         let path = indeterminate ? (index.h("path", { d: "M6 12L18 12", part: "mark" })) : (index.h("path", { d: "M5.9,12.5l3.8,3.8l8.8-8.8", part: "mark" }));

package/dist/cjs/ion-chip.cjs.entry.js

@@ -24,12 +24,12 @@ const Chip = class {
     }
     render() {
         const mode = ionicGlobal.getIonMode(this);
-        return (index.h(index.Host, { key: '7e3a88e481f815b79e8f2eeb00f2153234d29386', "aria-disabled": this.disabled ? 'true' : null, class: theme.createColorClasses(this.color, {
+        return (index.h(index.Host, { key: '886c26b6e7b3e3ca8622a4a0926bdf6dea0a71d4', "aria-disabled": this.disabled ? 'true' : null, class: theme.createColorClasses(this.color, {
                 [mode]: true,
                 'chip-outline': this.outline,
                 'chip-disabled': this.disabled,
                 'ion-activatable': true,
-            }) }, index.h("slot", { key: 'e557aabdc64c4bd8bcb88a92d89dee801795f838' }), mode === 'md' && index.h("ion-ripple-effect", { key: '2004d108c63d179287230d28638957a838ef880e' })));
+            }) }, index.h("slot", { key: 'd24353e79ac84013758cee1acb1b0f9b2ebb4d67' }), mode === 'md' && index.h("ion-ripple-effect", { key: 'b69bb3ce3d464251d5e11ba6a5240e4567f72f05' })));
     }
 };
 Chip.style = {

package/dist/cjs/ion-col_3.cjs.entry.js

@@ -140,9 +140,9 @@ const Col = class {
     render() {
         const isRTL = document.dir === 'rtl';
         const mode = ionicGlobal.getIonMode(this);
-        return (index.h(index.Host, { key: '897a97e0ac15bab594463e9a5d75f446378c5916', class: {
+        return (index.h(index.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()) }, index.h("slot", { key: '04642f36a0583b81c1eb0aa346991c72f2c75001' })));
+            }, style: Object.assign(Object.assign(Object.assign(Object.assign({}, this.calculateOffset(isRTL)), this.calculatePull(isRTL)), this.calculatePush(isRTL)), this.calculateSize()) }, index.h("slot", { key: '8f1113d39dcb709300ebbeaf81bc092c1dd8da3e' })));
     }
 };
 Col.style = IonColStyle0;
@@ -157,10 +157,10 @@ const Grid = class {
     }
     render() {
         const mode = ionicGlobal.getIonMode(this);
-        return (index.h(index.Host, { key: 'f2194ede3623545d366468a30704765e289fb00d', class: {
+        return (index.h(index.Host, { key: '6bbe6bfe5925045b38480fe9f261565b437879a2', class: {
                 [mode]: true,
                 'grid-fixed': this.fixed,
-            } }, index.h("slot", { key: '4052880901245cda5dd82a5c452e7dd3e02ab7fd' })));
+            } }, index.h("slot", { key: 'fca18c2c75d24612c69513550e7c09ac3b66a4e5' })));
     }
 };
 Grid.style = IonGridStyle0;
@@ -173,7 +173,7 @@ const Row = class {
         index.registerInstance(this, hostRef);
     }
     render() {
-        return (index.h(index.Host, { key: 'f9f4d3c89addc79724792514644c24525cc3e736', class: ionicGlobal.getIonMode(this) }, index.h("slot", { key: 'a1f5d3f68784e8624c95508daa021b90395d6a22' })));
+        return (index.h(index.Host, { key: 'fcf3fb836ae45d8ab16e50936a119bb31339d24f', class: ionicGlobal.getIonMode(this) }, index.h("slot", { key: 'ba0c95854c655143175f9661c09ac1d1ffc1daf1' })));
     }
 };
 Row.style = IonRowStyle0;

package/dist/cjs/ion-datetime-button.cjs.entry.js

@@ -338,11 +338,11 @@ const DatetimeButton = class {
     render() {
         const { color, dateText, timeText, selectedButton, datetimeActive, disabled } = this;
         const mode = ionicGlobal.getIonMode(this);
-        return (index.h(index.Host, { key: 'c1e3da705c6a00d9606ec966066e8126e9880b17', class: theme.createColorClasses(color, {
+        return (index.h(index.Host, { key: '38670adfd40e78c261eb22de777728b6f8abf2ef', class: theme.createColorClasses(color, {
                 [mode]: true,
                 [`${selectedButton}-active`]: datetimeActive,
                 ['datetime-button-disabled']: disabled,
-            }) }, dateText && (index.h("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) }, index.h("slot", { key: '8594e0acf504fb28f66cee325b94d03d64c72285', name: "date-target" }, dateText), mode === 'md' && index.h("ion-ripple-effect", { key: 'de91cd8625f4522736d5c7366f0d4289a4340086' }))), timeText && (index.h("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) }, index.h("slot", { key: 'bc8b46650926f4db676832cebdd7aaf30d84a1e9', name: "time-target" }, timeText), mode === 'md' && index.h("ion-ripple-effect", { key: 'fcaceadaddab045a816739b7a4588fdd46228af2' })))));
+            }) }, dateText && (index.h("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) }, index.h("slot", { key: 'dd962ddca2be96e375b94af2a351546954cddea2', name: "date-target" }, dateText), mode === 'md' && index.h("ion-ripple-effect", { key: 'b315f04481c0977eed41d30a686766c2ff7dabe2' }))), timeText && (index.h("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) }, index.h("slot", { key: '8a478f2eafda9f4bc29558fe3249a89e038a7f9b', name: "time-target" }, timeText), mode === 'md' && index.h("ion-ripple-effect", { key: '42d1139fc667a5386097f15150996a3a6d5eb480' })))));
     }
     get el() { return index.getElement(this); }
 };