@ionic/core 8.4.1-dev.11730909308.11b6f07d → 8.4.1-dev.11731700779.1cd68811

package/dist/ionic/p-f81ebb3d.entry.js

@@ -0,0 +1,4 @@
+/*!
+ * (C) Ionic http://ionicframework.com - MIT License
+ */
+import{r as t,d as o,h as i,f as a,i as e}from"./p-d836d43e.js";import{E as s,a as n}from"./p-41d5544e.js";import{g as r,r as d}from"./p-b51e4004.js";import{c as l}from"./p-ccd02320.js";import{p}from"./p-06fee233.js";import{O as c,d as h,e as m,i as b,j as u,k as g,f,g as x,h as v,s as w,G as y}from"./p-7f816f9f.js";import{c as k,g as $}from"./p-47794def.js";import{c as j,b as T}from"./p-0574e87e.js";import{c as Y}from"./p-c7e16491.js";import{w as z}from"./p-7b30edcc.js";import{createGesture as D}from"./p-8ededb41.js";import"./p-ecceeb90.js";import"./p-3cc276f4.js";import"./p-9b97df10.js";const C=(t,o)=>Math.floor(t/2-o/2),M=(t,o)=>{const i=Y(),a=Y(),{position:e,top:s,bottom:n}=o,d=r(t).querySelector(".toast-wrapper");switch(a.addElement(d),e){case"top":a.fromTo("transform","translateY(-100%)",`translateY(${s})`);break;case"middle":const o=C(t.clientHeight,d.clientHeight);d.style.top=`${o}px`,a.fromTo("opacity",.01,1);break;default:a.fromTo("transform","translateY(100%)",`translateY(${n})`)}return i.easing("cubic-bezier(.155,1.105,.295,1.12)").duration(400).addAnimation(a)},O=(t,o)=>{const i=Y(),a=Y(),{position:e,top:s,bottom:n}=o,d=r(t).querySelector(".toast-wrapper");switch(a.addElement(d),e){case"top":a.fromTo("transform",`translateY(${s})`,"translateY(-100%)");break;case"middle":a.fromTo("opacity",.99,0);break;default:a.fromTo("transform",`translateY(${n})`,"translateY(100%)")}return i.easing("cubic-bezier(.36,.66,.04,1)").duration(300).addAnimation(a)},P=(t,o)=>{const i=Y(),a=Y(),{position:e,top:s,bottom:n}=o,d=r(t).querySelector(".toast-wrapper");switch(a.addElement(d),e){case"top":d.style.setProperty("transform",`translateY(${s})`),a.fromTo("opacity",.01,1);break;case"middle":const o=C(t.clientHeight,d.clientHeight);d.style.top=`${o}px`,a.fromTo("opacity",.01,1);break;default:d.style.setProperty("transform",`translateY(${n})`),a.fromTo("opacity",.01,1)}return i.easing("cubic-bezier(.36,.66,.04,1)").duration(400).addAnimation(a)},E=t=>{const o=Y(),i=Y(),a=r(t).querySelector(".toast-wrapper");return i.addElement(a).fromTo("opacity",.99,0),o.easing("cubic-bezier(.36,.66,.04,1)").duration(300).addAnimation(i)},H=class{constructor(i){t(this,i),this.didPresent=o(this,"ionToastDidPresent",7),this.willPresent=o(this,"ionToastWillPresent",7),this.willDismiss=o(this,"ionToastWillDismiss",7),this.didDismiss=o(this,"ionToastDidDismiss",7),this.didPresentShorthand=o(this,"didPresent",7),this.willPresentShorthand=o(this,"willPresent",7),this.willDismissShorthand=o(this,"willDismiss",7),this.didDismissShorthand=o(this,"didDismiss",7),this.delegateController=h(this),this.lockController=l(),this.triggerController=m(),this.customHTMLEnabled=j.get("innerHTMLTemplatesEnabled",s),this.presented=!1,this.dispatchCancelHandler=t=>{if(b(t.detail.role)){const t=this.getButtons().find((t=>"cancel"===t.role));this.callButtonHandler(t)}},this.createSwipeGesture=t=>{const o=this.gesture=((t,o,i)=>{const a=r(t).querySelector(".toast-wrapper"),e=t.clientHeight,s=a.getBoundingClientRect();let n=0;const d="middle"===t.position?.5:0,l="top"===t.position?-1:1,p=C(e,s.height),h=[{offset:0,transform:`translateY(-${p+s.height}px)`},{offset:.5,transform:"translateY(0px)"},{offset:1,transform:`translateY(${p+s.height}px)`}],m=Y("toast-swipe-to-dismiss-animation").addElement(a).duration(100);switch(t.position){case"middle":n=e+s.height,m.keyframes(h),m.progressStart(!0,.5);break;case"top":n=s.bottom,m.keyframes([{offset:0,transform:`translateY(${o.top})`},{offset:1,transform:"translateY(-100%)"}]),m.progressStart(!0,0);break;default:n=e-s.top,m.keyframes([{offset:0,transform:`translateY(${o.bottom})`},{offset:1,transform:"translateY(100%)"}]),m.progressStart(!0,0)}const b=t=>t*l/n,u=D({el:a,gestureName:"toast-swipe-to-dismiss",gesturePriority:c,direction:"y",onMove:t=>{const o=d+b(t.deltaY);m.progressStep(o)},onEnd:o=>{const e=o.velocityY,s=(o.deltaY+1e3*e)/n*l;u.enable(!1);let r=!0,d=1,c=0,g=0;if("middle"===t.position){r=s>=.25||s<=-.25,d=1,c=0;const t=a.getBoundingClientRect(),i=t.top-p,e=(p+t.height)*(o.deltaY<=0?-1:1);m.keyframes([{offset:0,transform:`translateY(${i}px)`},{offset:1,transform:`translateY(${r?`${e}px`:"0px"})`}]),g=e-i}else r=s>=.5,d=r?1:0,c=b(o.deltaY),g=(r?1-c:c)*n;const f=Math.min(Math.abs(g)/Math.abs(e),200);m.onFinish((()=>{r?(i(),m.destroy()):("middle"===t.position?m.keyframes(h).progressStart(!0,.5):m.progressStart(!0,0),u.enable(!0))}),{oneTimeCallback:!0}).progressEnd(d,c,f)}});return u})(this.el,t,(()=>{this.dismiss(void 0,y)}));o.enable(!0)},this.destroySwipeGesture=()=>{const{gesture:t}=this;void 0!==t&&(t.destroy(),this.gesture=void 0)},this.prefersSwipeGesture=()=>{const{swipeGesture:t}=this;return"vertical"===t},this.revealContentToScreenReader=!1,this.overlayIndex=void 0,this.delegate=void 0,this.hasController=!1,this.color=void 0,this.enterAnimation=void 0,this.leaveAnimation=void 0,this.cssClass=void 0,this.duration=j.getNumber("toastDuration",0),this.header=void 0,this.layout="baseline",this.message=void 0,this.keyboardClose=!1,this.position="bottom",this.positionAnchor=void 0,this.buttons=void 0,this.translucent=!1,this.animated=!0,this.icon=void 0,this.htmlAttributes=void 0,this.swipeGesture=void 0,this.isOpen=!1,this.trigger=void 0}swipeGestureChanged(){this.destroySwipeGesture(),this.presented&&this.prefersSwipeGesture()&&this.createSwipeGesture(this.lastPresentedPosition)}onIsOpenChange(t,o){!0===t&&!1===o?this.present():!1===t&&!0===o&&this.dismiss()}triggerChanged(){const{trigger:t,el:o,triggerController:i}=this;t&&i.addClickListener(o,t)}connectedCallback(){u(this.el),this.triggerChanged()}disconnectedCallback(){this.triggerController.removeClickListener()}componentWillLoad(){var t;(null===(t=this.htmlAttributes)||void 0===t?void 0:t.id)||g(this.el)}componentDidLoad(){!0===this.isOpen&&d((()=>this.present())),this.triggerChanged()}async present(){const t=await this.lockController.lock();await this.delegateController.attachViewToDom();const{el:o,position:i}=this,a=function(t,o,i,a){let e;if(e="md"===i?"top"===t?8:-8:"top"===t?10:-10,o&&z){!function(t,o){null===t.offsetParent&&p("The positionAnchor element for ion-toast was found in the DOM, but appears to be hidden. This may lead to unexpected positioning of the toast.",o)}(o,a);const i=o.getBoundingClientRect();return"top"===t?e+=i.bottom:"bottom"===t&&(e-=z.innerHeight-i.top),{top:`${e}px`,bottom:`${e}px`}}return{top:`calc(${e}px + var(--ion-safe-area-top, 0px))`,bottom:`calc(${e}px - var(--ion-safe-area-bottom, 0px))`}}(i,this.getAnchorElement(),T(this),o);this.lastPresentedPosition=a,await f(this,"toastEnter",M,P,{position:i,top:a.top,bottom:a.bottom}),this.revealContentToScreenReader=!0,this.duration>0&&(this.durationTimeout=setTimeout((()=>this.dismiss(void 0,"timeout")),this.duration)),this.prefersSwipeGesture()&&this.createSwipeGesture(a),t()}async dismiss(t,o){var i,a;const e=await this.lockController.lock(),{durationTimeout:s,position:n,lastPresentedPosition:r}=this;s&&clearTimeout(s);const d=await x(this,t,o,"toastLeave",O,E,{position:n,top:null!==(i=null==r?void 0:r.top)&&void 0!==i?i:"",bottom:null!==(a=null==r?void 0:r.bottom)&&void 0!==a?a:""});return d&&(this.delegateController.removeViewFromDom(),this.revealContentToScreenReader=!1),this.lastPresentedPosition=void 0,this.destroySwipeGesture(),e(),d}onDidDismiss(){return v(this.el,"ionToastDidDismiss")}onWillDismiss(){return v(this.el,"ionToastWillDismiss")}getButtons(){return this.buttons?this.buttons.map((t=>"string"==typeof t?{text:t}:t)):[]}getAnchorElement(){const{position:t,positionAnchor:o,el:i}=this;if(void 0!==o)if("middle"!==t||void 0===o){if("string"==typeof o){const t=document.getElementById(o);return null===t?void p(`An anchor element with an ID of "${o}" was not found in the DOM.`,i):t}if(o instanceof HTMLElement)return o;p("Invalid positionAnchor value:",o,i)}else p('The positionAnchor property is ignored when using position="middle".',this.el)}async buttonClick(t){const o=t.role;return b(o)||await this.callButtonHandler(t)?this.dismiss(void 0,o):Promise.resolve()}async callButtonHandler(t){if(null==t?void 0:t.handler)try{if(!1===await w(t.handler))return!1}catch(t){console.error(t)}return!0}renderButtons(t,o){if(0===t.length)return;const a=T(this);return i("div",{class:{"toast-button-group":!0,[`toast-button-group-${o}`]:!0}},t.map((t=>i("button",Object.assign({},t.htmlAttributes,{type:"button",class:I(t),tabIndex:0,onClick:()=>this.buttonClick(t),part:L(t)}),i("div",{class:"toast-button-inner"},t.icon&&i("ion-icon",{"aria-hidden":"true",icon:t.icon,slot:void 0===t.text?"icon-only":void 0,class:"toast-button-icon"}),t.text),"md"===a&&i("ion-ripple-effect",{type:void 0!==t.icon&&void 0===t.text?"unbounded":"bounded"})))))}renderToastMessage(t,o=null){const{customHTMLEnabled:a,message:e}=this;return a?i("div",{key:t,"aria-hidden":o,class:"toast-message",part:"message",innerHTML:n(e)}):i("div",{key:t,"aria-hidden":o,class:"toast-message",part:"message"},e)}renderHeader(t,o=null){return i("div",{key:t,class:"toast-header","aria-hidden":o,part:"header"},this.header)}render(){const{layout:t,el:o,revealContentToScreenReader:e,header:s,message:n}=this,r=this.getButtons(),d=r.filter((t=>"start"===t.side)),l=r.filter((t=>"start"!==t.side)),c=T(this),h={"toast-wrapper":!0,[`toast-${this.position}`]:!0,[`toast-layout-${t}`]:!0};return"stacked"===t&&d.length>0&&l.length>0&&p("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.",o),i(a,Object.assign({key:"c05655ff06af8d0e48c2a85396b07ad942fa81b4",tabindex:"-1"},this.htmlAttributes,{style:{zIndex:`${6e4+this.overlayIndex}`},class:k(this.color,Object.assign(Object.assign({[c]:!0},$(this.cssClass)),{"overlay-hidden":!0,"toast-translucent":this.translucent})),onIonToastWillDismiss:this.dispatchCancelHandler}),i("div",{key:"9393ead4de1bf28529661d6f64049d34e18d725c",class:h},i("div",{key:"3e9dd73c17c337849c3f26e8d0f395b3e5ee20a7",class:"toast-container",part:"container"},this.renderButtons(d,"start"),void 0!==this.icon&&i("ion-icon",{key:"5d15b18364301ad55e44e9f601014ac33181590b",class:"toast-icon",part:"icon",icon:this.icon,lazy:!1,"aria-hidden":"true"}),i("div",{key:"f6dd164502637a882c5caf18445d8509b85ad6f9",class:"toast-content",role:"status","aria-atomic":"true","aria-live":"polite"},!e&&void 0!==s&&this.renderHeader("oldHeader","true"),!e&&void 0!==n&&this.renderToastMessage("oldMessage","true"),e&&void 0!==s&&this.renderHeader("header"),e&&void 0!==n&&this.renderToastMessage("header")),this.renderButtons(l,"end"))))}get el(){return e(this)}static get watchers(){return{swipeGesture:["swipeGestureChanged"],isOpen:["onIsOpenChange"],trigger:["triggerChanged"]}}},I=t=>({"toast-button":!0,"toast-button-icon-only":void 0!==t.icon&&void 0===t.text,[`toast-button-${t.role}`]:void 0!==t.role,"ion-focusable":!0,"ion-activatable":!0}),L=t=>b(t.role)?"button cancel":"button";H.style={ios:":host{--border-width:0;--border-style:none;--border-color:initial;--box-shadow:none;--min-width:auto;--width:auto;--min-height:auto;--height:auto;--max-height:auto;--white-space:normal;top:0;display:block;position:absolute;width:100%;height:100%;outline:none;color:var(--color);font-family:var(--ion-font-family, inherit);contain:strict;z-index:1001;pointer-events:none}:host{inset-inline-start:0}:host(.overlay-hidden){display:none}:host(.ion-color){--button-color:inherit;color:var(--ion-color-contrast)}:host(.ion-color) .toast-button-cancel{color:inherit}:host(.ion-color) .toast-wrapper{background:var(--ion-color-base)}.toast-wrapper{border-radius:var(--border-radius);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);border-width:var(--border-width);border-style:var(--border-style);border-color:var(--border-color);background:var(--background);-webkit-box-shadow:var(--box-shadow);box-shadow:var(--box-shadow);pointer-events:auto}.toast-wrapper{inset-inline-start:var(--start);inset-inline-end:var(--end)}.toast-wrapper.toast-top{-webkit-transform:translate3d(0,  -100%,  0);transform:translate3d(0,  -100%,  0);top:0}.toast-wrapper.toast-bottom{-webkit-transform:translate3d(0,  100%,  0);transform:translate3d(0,  100%,  0);bottom:0}.toast-container{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;height:inherit;min-height:inherit;max-height:inherit;contain:content}.toast-layout-stacked .toast-container{-ms-flex-wrap:wrap;flex-wrap:wrap}.toast-layout-baseline .toast-content{display:-ms-flexbox;display:flex;-ms-flex:1;flex:1;-ms-flex-direction:column;flex-direction:column;-ms-flex-pack:center;justify-content:center}.toast-icon{-webkit-margin-start:16px;margin-inline-start:16px}.toast-content{min-width:0}.toast-message{-ms-flex:1;flex:1;white-space:var(--white-space)}.toast-button-group{display:-ms-flexbox;display:flex}.toast-layout-stacked .toast-button-group{-ms-flex-pack:end;justify-content:end;width:100%}.toast-button{border:0;outline:none;color:var(--button-color);z-index:0}.toast-icon,.toast-button-icon{font-size:1.4em}.toast-button-inner{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center}@media (any-hover: hover){.toast-button:hover{cursor:pointer}}:host{--background:var(--ion-color-step-50, var(--ion-background-color-step-50, #f2f2f2));--border-radius:14px;--button-color:var(--ion-color-primary, #0054e9);--color:var(--ion-color-step-850, var(--ion-text-color-step-150, #262626));--max-width:700px;--max-height:478px;--start:10px;--end:10px;font-size:clamp(14px, 0.875rem, 43.4px)}.toast-wrapper{-webkit-margin-start:auto;margin-inline-start:auto;-webkit-margin-end:auto;margin-inline-end:auto;margin-top:auto;margin-bottom:auto;display:block;position:absolute;z-index:10}@supports ((-webkit-backdrop-filter: blur(0)) or (backdrop-filter: blur(0))){:host(.toast-translucent) .toast-wrapper{background:rgba(var(--ion-background-color-rgb, 255, 255, 255), 0.8);-webkit-backdrop-filter:saturate(180%) blur(20px);backdrop-filter:saturate(180%) blur(20px)}:host(.ion-color.toast-translucent) .toast-wrapper{background:rgba(var(--ion-color-base-rgb), 0.8)}}.toast-wrapper.toast-middle{opacity:0.01}.toast-content{-webkit-padding-start:15px;padding-inline-start:15px;-webkit-padding-end:15px;padding-inline-end:15px;padding-top:15px;padding-bottom:15px}.toast-header{margin-bottom:2px;font-weight:500}.toast-button{-webkit-padding-start:15px;padding-inline-start:15px;-webkit-padding-end:15px;padding-inline-end:15px;padding-top:10px;padding-bottom:10px;min-height:44px;-webkit-transition:background-color, opacity 100ms linear;transition:background-color, opacity 100ms linear;border:0;background-color:transparent;font-family:var(--ion-font-family);font-size:clamp(17px, 1.0625rem, 21.998px);font-weight:500;overflow:hidden}.toast-button.ion-activated{opacity:0.4}@media (any-hover: hover){.toast-button:hover{opacity:0.6}}",md:":host{--border-width:0;--border-style:none;--border-color:initial;--box-shadow:none;--min-width:auto;--width:auto;--min-height:auto;--height:auto;--max-height:auto;--white-space:normal;top:0;display:block;position:absolute;width:100%;height:100%;outline:none;color:var(--color);font-family:var(--ion-font-family, inherit);contain:strict;z-index:1001;pointer-events:none}:host{inset-inline-start:0}:host(.overlay-hidden){display:none}:host(.ion-color){--button-color:inherit;color:var(--ion-color-contrast)}:host(.ion-color) .toast-button-cancel{color:inherit}:host(.ion-color) .toast-wrapper{background:var(--ion-color-base)}.toast-wrapper{border-radius:var(--border-radius);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);border-width:var(--border-width);border-style:var(--border-style);border-color:var(--border-color);background:var(--background);-webkit-box-shadow:var(--box-shadow);box-shadow:var(--box-shadow);pointer-events:auto}.toast-wrapper{inset-inline-start:var(--start);inset-inline-end:var(--end)}.toast-wrapper.toast-top{-webkit-transform:translate3d(0,  -100%,  0);transform:translate3d(0,  -100%,  0);top:0}.toast-wrapper.toast-bottom{-webkit-transform:translate3d(0,  100%,  0);transform:translate3d(0,  100%,  0);bottom:0}.toast-container{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;height:inherit;min-height:inherit;max-height:inherit;contain:content}.toast-layout-stacked .toast-container{-ms-flex-wrap:wrap;flex-wrap:wrap}.toast-layout-baseline .toast-content{display:-ms-flexbox;display:flex;-ms-flex:1;flex:1;-ms-flex-direction:column;flex-direction:column;-ms-flex-pack:center;justify-content:center}.toast-icon{-webkit-margin-start:16px;margin-inline-start:16px}.toast-content{min-width:0}.toast-message{-ms-flex:1;flex:1;white-space:var(--white-space)}.toast-button-group{display:-ms-flexbox;display:flex}.toast-layout-stacked .toast-button-group{-ms-flex-pack:end;justify-content:end;width:100%}.toast-button{border:0;outline:none;color:var(--button-color);z-index:0}.toast-icon,.toast-button-icon{font-size:1.4em}.toast-button-inner{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center}@media (any-hover: hover){.toast-button:hover{cursor:pointer}}:host{--background:var(--ion-color-step-800, var(--ion-background-color-step-800, #333333));--border-radius:4px;--box-shadow:0 3px 5px -1px rgba(0, 0, 0, 0.2), 0 6px 10px 0 rgba(0, 0, 0, 0.14), 0 1px 18px 0 rgba(0, 0, 0, 0.12);--button-color:var(--ion-color-primary, #0054e9);--color:var(--ion-color-step-50, var(--ion-text-color-step-950, #f2f2f2));--max-width:700px;--start:8px;--end:8px;font-size:0.875rem}.toast-wrapper{-webkit-margin-start:auto;margin-inline-start:auto;-webkit-margin-end:auto;margin-inline-end:auto;margin-top:auto;margin-bottom:auto;display:block;position:absolute;opacity:0.01;z-index:10}.toast-content{-webkit-padding-start:16px;padding-inline-start:16px;-webkit-padding-end:16px;padding-inline-end:16px;padding-top:14px;padding-bottom:14px}.toast-header{margin-bottom:2px;font-weight:500;line-height:1.25rem}.toast-message{line-height:1.25rem}.toast-layout-baseline .toast-button-group-start{-webkit-margin-start:8px;margin-inline-start:8px}.toast-layout-stacked .toast-button-group-start{-webkit-margin-end:8px;margin-inline-end:8px;margin-top:8px}.toast-layout-baseline .toast-button-group-end{-webkit-margin-end:8px;margin-inline-end:8px}.toast-layout-stacked .toast-button-group-end{-webkit-margin-end:8px;margin-inline-end:8px;margin-bottom:8px}.toast-button{-webkit-padding-start:15px;padding-inline-start:15px;-webkit-padding-end:15px;padding-inline-end:15px;padding-top:10px;padding-bottom:10px;position:relative;background-color:transparent;font-family:var(--ion-font-family);font-size:0.875rem;font-weight:500;letter-spacing:0.84px;text-transform:uppercase;overflow:hidden}.toast-button-cancel{color:var(--ion-color-step-100, var(--ion-text-color-step-900, #e6e6e6))}.toast-button-icon-only{border-radius:50%;-webkit-padding-start:9px;padding-inline-start:9px;-webkit-padding-end:9px;padding-inline-end:9px;padding-top:9px;padding-bottom:9px;width:36px;height:36px}@media (any-hover: hover){.toast-button:hover{background-color:rgba(var(--ion-color-primary-rgb, 0, 84, 233), 0.08)}.toast-button-cancel:hover{background-color:rgba(var(--ion-background-color-rgb, 255, 255, 255), 0.08)}}"};export{H as ion_toast}

package/dist/ionic/{p-58aa8a36.system.js → p-f9a53abb.system.js}

@@ -1,4 +1,4 @@
 var __awaiter=this&&this.__awaiter||function(n,r,e,t){function i(n){return n instanceof e?n:new e((function(r){r(n)}))}return new(e||(e=Promise))((function(e,a){function u(n){try{c(t.next(n))}catch(n){a(n)}}function o(n){try{c(t["throw"](n))}catch(n){a(n)}}function c(n){n.done?e(n.value):i(n.value).then(u,o)}c((t=t.apply(n,r||[])).next())}))};var __generator=this&&this.__generator||function(n,r){var e={label:0,sent:function(){if(a[0]&1)throw a[1];return a[1]},trys:[],ops:[]},t,i,a,u;return u={next:o(0),throw:o(1),return:o(2)},typeof Symbol==="function"&&(u[Symbol.iterator]=function(){return this}),u;function o(n){return function(r){return c([n,r])}}function c(o){if(t)throw new TypeError("Generator is already executing.");while(u&&(u=0,o[0]&&(e=0)),e)try{if(t=1,i&&(a=o[0]&2?i["return"]:o[0]?i["throw"]||((a=i["return"])&&a.call(i),0):i.next)&&!(a=a.call(i,o[1])).done)return a;if(i=0,a)o=[o[0]&2,a.value];switch(o[0]){case 0:case 1:a=o;break;case 4:e.label++;return{value:o[1],done:false};case 5:e.label++;i=o[1];o=[0];continue;case 7:o=e.ops.pop();e.trys.pop();continue;default:if(!(a=e.trys,a=a.length>0&&a[a.length-1])&&(o[0]===6||o[0]===2)){e=0;continue}if(o[0]===3&&(!a||o[1]>a[0]&&o[1]<a[3])){e.label=o[1];break}if(o[0]===6&&e.label<a[1]){e.label=a[1];a=o;break}if(a&&e.label<a[2]){e.label=a[2];e.ops.push(o);break}if(a[2])e.ops.pop();e.trys.pop();continue}o=r.call(n,e)}catch(n){o=[6,n];i=0}finally{t=a=0}if(o[0]&5)throw o[1];return{value:o[0]?o[1]:void 0,done:true}}};
 /*!
  * (C) Ionic http://ionicframework.com - MIT License
- */System.register(["./p-4459a66e.system.js","./p-0fa218e9.system.js","./p-556778bd.system.js","./p-c373eebd.system.js"],(function(n,r){"use strict";var e,t,i,a,u;return{setters:[function(n){e=n.c},function(n){t=n.w;i=n.B},function(n){a=n.p},function(n){u=n.r}],execute:function(){var o=this;var c=n("L","ionViewWillEnter");var f=n("a","ionViewDidEnter");var s=n("b","ionViewWillLeave");var v=n("c","ionViewDidLeave");var l=n("d","ionViewWillUnload");var d=function(n){n.tabIndex=-1;n.focus()};var h=function(n){return n.offsetParent!==null};var w=function(){var n=function(n){var r=e.get("focusManagerPriority",false);if(r){var t=document.activeElement;if(t!==null&&(n===null||n===void 0?void 0:n.contains(t))){t.setAttribute(_,"true")}}};var r=function(n){var r=e.get("focusManagerPriority",false);if(Array.isArray(r)&&!n.contains(document.activeElement)){var t=n.querySelector("[".concat(_,"]"));if(t&&h(t)){d(t);return}for(var i=0,u=r;i<u.length;i++){var o=u[i];switch(o){case"content":var c=n.querySelector('main, [role="main"]');if(c&&h(c)){d(c);return}break;case"heading":var f=n.querySelector('h1, [role="heading"][aria-level="1"]');if(f&&h(f)){d(f);return}break;case"banner":var s=n.querySelector('header, [role="banner"]');if(s&&h(s)){d(s);return}break;default:a("Unrecognized focus manager priority value ".concat(o));break}}d(n)}};return{saveViewFocus:n,setViewFocus:r}};var _="ion-last-focus";var b=function(){return r.import("./p-7a858bae.system.js")};var g=function(){return r.import("./p-112120d7.system.js")};var m=w();var p=n("t",(function(n){return new Promise((function(r,e){t((function(){y(n);k(n).then((function(e){if(e.animation){e.animation.destroy()}P(n);r(e)}),(function(r){P(n);e(r)}))}))}))}));var y=function(n){var r=n.enteringEl;var e=n.leavingEl;m.saveViewFocus(e);U(r,e,n.direction);if(n.showGoBack){r.classList.add("can-go-back")}else{r.classList.remove("can-go-back")}F(r,false);r.style.setProperty("pointer-events","none");if(e){F(e,false);e.style.setProperty("pointer-events","none")}};var k=function(n){return __awaiter(o,void 0,void 0,(function(){var r,e;return __generator(this,(function(t){switch(t.label){case 0:return[4,V(n)];case 1:r=t.sent();e=r&&i.isBrowser?j(r,n):E(n);return[2,e]}}))}))};var P=function(n){var r=n.enteringEl;var e=n.leavingEl;r.classList.remove("ion-page-invisible");r.style.removeProperty("pointer-events");if(e!==undefined){e.classList.remove("ion-page-invisible");e.style.removeProperty("pointer-events")}m.setViewFocus(r)};var V=function(n){return __awaiter(o,void 0,void 0,(function(){var r,e;return __generator(this,(function(t){switch(t.label){case 0:if(!n.leavingEl||!n.animated||n.duration===0){return[2,undefined]}if(n.animationBuilder){return[2,n.animationBuilder]}if(!(n.mode==="ios"))return[3,2];return[4,b()];case 1:e=t.sent().iosTransitionAnimation;return[3,4];case 2:return[4,g()];case 3:e=t.sent().mdTransitionAnimation;t.label=4;case 4:r=e;return[2,r]}}))}))};var j=function(n,r){return __awaiter(o,void 0,void 0,(function(){var e,t;return __generator(this,(function(i){switch(i.label){case 0:return[4,x(r,true)];case 1:i.sent();e=n(r.baseEl,r);M(r.enteringEl,r.leavingEl);return[4,L(e,r)];case 2:t=i.sent();if(r.progressCallback){r.progressCallback(undefined)}if(t){S(r.enteringEl,r.leavingEl)}return[2,{hasCompleted:t,animation:e}]}}))}))};var E=function(n){return __awaiter(o,void 0,void 0,(function(){var r,t,i;return __generator(this,(function(a){switch(a.label){case 0:r=n.enteringEl;t=n.leavingEl;i=e.get("focusManagerPriority",false);return[4,x(n,i)];case 1:a.sent();M(r,t);S(r,t);return[2,{hasCompleted:true}]}}))}))};var x=function(n,r){return __awaiter(o,void 0,void 0,(function(){var e;return __generator(this,(function(t){switch(t.label){case 0:e=n.deepWait!==undefined?n.deepWait:r;if(!e)return[3,2];return[4,Promise.all([D(n.enteringEl),D(n.leavingEl)])];case 1:t.sent();t.label=2;case 2:return[4,C(n.viewIsReady,n.enteringEl)];case 3:t.sent();return[2]}}))}))};var C=function(n,r){return __awaiter(o,void 0,void 0,(function(){return __generator(this,(function(e){switch(e.label){case 0:if(!n)return[3,2];return[4,n(r)];case 1:e.sent();e.label=2;case 2:return[2]}}))}))};var L=function(n,r){var e=r.progressCallback;var t=new Promise((function(r){n.onFinish((function(n){return r(n===1)}))}));if(e){n.progressStart(true);e(n)}else{n.play()}return t};var M=function(n,r){W(r,s);W(n,c)};var S=function(n,r){W(n,f);W(r,v)};var W=n("l",(function(n,r){if(n){var e=new CustomEvent(r,{bubbles:false,cancelable:false});n.dispatchEvent(e)}}));var A=n("w",(function(){return new Promise((function(n){return u((function(){return u((function(){return n()}))}))}))}));var D=n("e",(function(n){return __awaiter(o,void 0,void 0,(function(){var r,e,t;return __generator(this,(function(i){switch(i.label){case 0:r=n;if(!r)return[3,6];if(!(r.componentOnReady!=null))return[3,2];return[4,r.componentOnReady()];case 1:e=i.sent();if(e!=null){return[2]}return[3,4];case 2:if(!(r.__registerHost!=null))return[3,4];t=new Promise((function(n){return u(n)}));return[4,t];case 3:i.sent();return[2];case 4:return[4,Promise.all(Array.from(r.children).map(D))];case 5:i.sent();i.label=6;case 6:return[2]}}))}))}));var F=n("s",(function(n,r){if(r){n.setAttribute("aria-hidden","true");n.classList.add("ion-page-hidden")}else{n.hidden=false;n.removeAttribute("aria-hidden");n.classList.remove("ion-page-hidden")}}));var U=function(n,r,e){if(n!==undefined){n.style.zIndex=e==="back"?"99":"101"}if(r!==undefined){r.style.zIndex="100"}};var z=n("g",(function(n){if(n.classList.contains("ion-page")){return n}var r=n.querySelector(":scope > .ion-page, :scope > ion-nav, :scope > ion-tabs");if(r){return r}return n}))}}}));
+ */System.register(["./p-a69b9fc5.system.js","./p-25180df3.system.js","./p-ff4b7e40.system.js","./p-3ad285e3.system.js"],(function(n,r){"use strict";var e,t,i,a,u;return{setters:[function(n){e=n.c},function(n){t=n.w;i=n.B},function(n){a=n.p},function(n){u=n.r}],execute:function(){var o=this;var c=n("L","ionViewWillEnter");var f=n("a","ionViewDidEnter");var s=n("b","ionViewWillLeave");var v=n("c","ionViewDidLeave");var l=n("d","ionViewWillUnload");var d=function(n){n.tabIndex=-1;n.focus()};var h=function(n){return n.offsetParent!==null};var w=function(){var n=function(n){var r=e.get("focusManagerPriority",false);if(r){var t=document.activeElement;if(t!==null&&(n===null||n===void 0?void 0:n.contains(t))){t.setAttribute(_,"true")}}};var r=function(n){var r=e.get("focusManagerPriority",false);if(Array.isArray(r)&&!n.contains(document.activeElement)){var t=n.querySelector("[".concat(_,"]"));if(t&&h(t)){d(t);return}for(var i=0,u=r;i<u.length;i++){var o=u[i];switch(o){case"content":var c=n.querySelector('main, [role="main"]');if(c&&h(c)){d(c);return}break;case"heading":var f=n.querySelector('h1, [role="heading"][aria-level="1"]');if(f&&h(f)){d(f);return}break;case"banner":var s=n.querySelector('header, [role="banner"]');if(s&&h(s)){d(s);return}break;default:a("Unrecognized focus manager priority value ".concat(o));break}}d(n)}};return{saveViewFocus:n,setViewFocus:r}};var _="ion-last-focus";var b=function(){return r.import("./p-a4565eb5.system.js")};var g=function(){return r.import("./p-17474161.system.js")};var m=w();var p=n("t",(function(n){return new Promise((function(r,e){t((function(){y(n);k(n).then((function(e){if(e.animation){e.animation.destroy()}P(n);r(e)}),(function(r){P(n);e(r)}))}))}))}));var y=function(n){var r=n.enteringEl;var e=n.leavingEl;m.saveViewFocus(e);U(r,e,n.direction);if(n.showGoBack){r.classList.add("can-go-back")}else{r.classList.remove("can-go-back")}F(r,false);r.style.setProperty("pointer-events","none");if(e){F(e,false);e.style.setProperty("pointer-events","none")}};var k=function(n){return __awaiter(o,void 0,void 0,(function(){var r,e;return __generator(this,(function(t){switch(t.label){case 0:return[4,V(n)];case 1:r=t.sent();e=r&&i.isBrowser?j(r,n):E(n);return[2,e]}}))}))};var P=function(n){var r=n.enteringEl;var e=n.leavingEl;r.classList.remove("ion-page-invisible");r.style.removeProperty("pointer-events");if(e!==undefined){e.classList.remove("ion-page-invisible");e.style.removeProperty("pointer-events")}m.setViewFocus(r)};var V=function(n){return __awaiter(o,void 0,void 0,(function(){var r,e;return __generator(this,(function(t){switch(t.label){case 0:if(!n.leavingEl||!n.animated||n.duration===0){return[2,undefined]}if(n.animationBuilder){return[2,n.animationBuilder]}if(!(n.mode==="ios"))return[3,2];return[4,b()];case 1:e=t.sent().iosTransitionAnimation;return[3,4];case 2:return[4,g()];case 3:e=t.sent().mdTransitionAnimation;t.label=4;case 4:r=e;return[2,r]}}))}))};var j=function(n,r){return __awaiter(o,void 0,void 0,(function(){var e,t;return __generator(this,(function(i){switch(i.label){case 0:return[4,x(r,true)];case 1:i.sent();e=n(r.baseEl,r);M(r.enteringEl,r.leavingEl);return[4,L(e,r)];case 2:t=i.sent();if(r.progressCallback){r.progressCallback(undefined)}if(t){S(r.enteringEl,r.leavingEl)}return[2,{hasCompleted:t,animation:e}]}}))}))};var E=function(n){return __awaiter(o,void 0,void 0,(function(){var r,t,i;return __generator(this,(function(a){switch(a.label){case 0:r=n.enteringEl;t=n.leavingEl;i=e.get("focusManagerPriority",false);return[4,x(n,i)];case 1:a.sent();M(r,t);S(r,t);return[2,{hasCompleted:true}]}}))}))};var x=function(n,r){return __awaiter(o,void 0,void 0,(function(){var e;return __generator(this,(function(t){switch(t.label){case 0:e=n.deepWait!==undefined?n.deepWait:r;if(!e)return[3,2];return[4,Promise.all([D(n.enteringEl),D(n.leavingEl)])];case 1:t.sent();t.label=2;case 2:return[4,C(n.viewIsReady,n.enteringEl)];case 3:t.sent();return[2]}}))}))};var C=function(n,r){return __awaiter(o,void 0,void 0,(function(){return __generator(this,(function(e){switch(e.label){case 0:if(!n)return[3,2];return[4,n(r)];case 1:e.sent();e.label=2;case 2:return[2]}}))}))};var L=function(n,r){var e=r.progressCallback;var t=new Promise((function(r){n.onFinish((function(n){return r(n===1)}))}));if(e){n.progressStart(true);e(n)}else{n.play()}return t};var M=function(n,r){W(r,s);W(n,c)};var S=function(n,r){W(n,f);W(r,v)};var W=n("l",(function(n,r){if(n){var e=new CustomEvent(r,{bubbles:false,cancelable:false});n.dispatchEvent(e)}}));var A=n("w",(function(){return new Promise((function(n){return u((function(){return u((function(){return n()}))}))}))}));var D=n("e",(function(n){return __awaiter(o,void 0,void 0,(function(){var r,e,t;return __generator(this,(function(i){switch(i.label){case 0:r=n;if(!r)return[3,6];if(!(r.componentOnReady!=null))return[3,2];return[4,r.componentOnReady()];case 1:e=i.sent();if(e!=null){return[2]}return[3,4];case 2:if(!(r.__registerHost!=null))return[3,4];t=new Promise((function(n){return u(n)}));return[4,t];case 3:i.sent();return[2];case 4:return[4,Promise.all(Array.from(r.children).map(D))];case 5:i.sent();i.label=6;case 6:return[2]}}))}))}));var F=n("s",(function(n,r){if(r){n.setAttribute("aria-hidden","true");n.classList.add("ion-page-hidden")}else{n.hidden=false;n.removeAttribute("aria-hidden");n.classList.remove("ion-page-hidden")}}));var U=function(n,r,e){if(n!==undefined){n.style.zIndex=e==="back"?"99":"101"}if(r!==undefined){r.style.zIndex="100"}};var z=n("g",(function(n){if(n.classList.contains("ion-page")){return n}var r=n.querySelector(":scope > .ion-page, :scope > ion-nav, :scope > ion-tabs");if(r){return r}return n}))}}}));

package/dist/ionic/p-fca6ef5f.system.entry.js

@@ -0,0 +1,4 @@
+/*!
+ * (C) Ionic http://ionicframework.com - MIT License
+ */
+System.register(["./p-25180df3.system.js","./p-a69b9fc5.system.js","./p-4609d030.system.js"],(function(o){"use strict";var i,t,r,a,d;return{setters:[function(o){i=o.r;t=o.h;r=o.f},function(o){a=o.b},function(o){d=o.c}],execute:function(){var n=":host{border-radius:var(--border-radius);display:block}::slotted(ion-img),::slotted(img){border-radius:var(--border-radius);width:100%;height:100%;-o-object-fit:cover;object-fit:cover;overflow:hidden}:host{--border-radius:50%;width:48px;height:48px}";var e=n;var s=":host{border-radius:var(--border-radius);display:block}::slotted(ion-img),::slotted(img){border-radius:var(--border-radius);width:100%;height:100%;-o-object-fit:cover;object-fit:cover;overflow:hidden}:host{--border-radius:50%;width:64px;height:64px}";var c=s;var p=o("ion_avatar",function(){function o(o){i(this,o)}o.prototype.render=function(){return t(r,{key:"998217066084f966bf5d356fed85bcbd451f675a",class:a(this)},t("slot",{key:"1a6f7c9d4dc6a875f86b5b3cda6d59cb39587f22"}))};return o}());p.style={ios:e,md:c};var b=":host{--background:var(--ion-color-primary, #0054e9);--color:var(--ion-color-primary-contrast, #fff);--padding-top:3px;--padding-end:8px;--padding-bottom:3px;--padding-start:8px;-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;-webkit-padding-start:var(--padding-start);padding-inline-start:var(--padding-start);-webkit-padding-end:var(--padding-end);padding-inline-end:var(--padding-end);padding-top:var(--padding-top);padding-bottom:var(--padding-bottom);display:inline-block;min-width:10px;background:var(--background);color:var(--color);font-family:var(--ion-font-family, inherit);font-size:0.8125rem;font-weight:bold;line-height:1;text-align:center;white-space:nowrap;contain:content;vertical-align:baseline}:host(.ion-color){background:var(--ion-color-base);color:var(--ion-color-contrast)}:host(:empty){display:none}:host{border-radius:10px;font-size:max(13px, 0.8125rem)}";var l=b;var g=":host{--background:var(--ion-color-primary, #0054e9);--color:var(--ion-color-primary-contrast, #fff);--padding-top:3px;--padding-end:8px;--padding-bottom:3px;--padding-start:8px;-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;-webkit-padding-start:var(--padding-start);padding-inline-start:var(--padding-start);-webkit-padding-end:var(--padding-end);padding-inline-end:var(--padding-end);padding-top:var(--padding-top);padding-bottom:var(--padding-bottom);display:inline-block;min-width:10px;background:var(--background);color:var(--color);font-family:var(--ion-font-family, inherit);font-size:0.8125rem;font-weight:bold;line-height:1;text-align:center;white-space:nowrap;contain:content;vertical-align:baseline}:host(.ion-color){background:var(--ion-color-base);color:var(--ion-color-contrast)}:host(:empty){display:none}:host{--padding-top:3px;--padding-end:4px;--padding-bottom:4px;--padding-start:4px;border-radius:4px}";var f=g;var v=o("ion_badge",function(){function o(o){i(this,o);this.color=undefined}o.prototype.render=function(){var o;var i=a(this);return t(r,{key:"1a2d39c5deec771a2f2196447627b62a7d4c8389",class:d(this.color,(o={},o[i]=true,o))},t("slot",{key:"fc1b6587f1ed24715748eb6785e7fb7a57cdd5cd"}))};return o}());v.style={ios:l,md:f};var h=":host{--size:48px;--border-radius:0;border-radius:var(--border-radius);display:block;width:var(--size);height:var(--size)}::slotted(ion-img),::slotted(img){border-radius:var(--border-radius);width:100%;height:100%;-o-object-fit:cover;object-fit:cover;overflow:hidden}";var u=h;var m=o("ion_thumbnail",function(){function o(o){i(this,o)}o.prototype.render=function(){return t(r,{key:"cfa9aeb1d4fd624a9732c5230d29dd887e4b7771",class:a(this)},t("slot",{key:"29bc6e64063cba44e2643228df54394883933918"}))};return o}());m.style=u}}}));

package/dist/ionic/p-ff4b7e40.system.js

@@ -0,0 +1,4 @@
+var __spreadArray=this&&this.__spreadArray||function(r,n,o){if(o||arguments.length===2)for(var a=0,e=n.length,i;a<e;a++){if(i||!(a in n)){if(!i)i=Array.prototype.slice.call(n,0,a);i[a]=n[a]}}return r.concat(i||Array.prototype.slice.call(n))};
+/*!
+ * (C) Ionic http://ionicframework.com - MIT License
+ */System.register([],(function(r){"use strict";return{execute:function(){var n=r("p",(function(r){var n=[];for(var o=1;o<arguments.length;o++){n[o-1]=arguments[o]}return console.warn.apply(console,__spreadArray(["[Ionic Warning]: ".concat(r)],n,false))}));var o=r("a",(function(r){var n=[];for(var o=1;o<arguments.length;o++){n[o-1]=arguments[o]}return console.error.apply(console,__spreadArray(["[Ionic Error]: ".concat(r)],n,false))}));var a=r("b",(function(r){var n=[];for(var o=1;o<arguments.length;o++){n[o-1]=arguments[o]}return console.error("<".concat(r.tagName.toLowerCase(),"> must be used inside ").concat(n.join(" or "),"."))}))}}}));

package/dist/types/components/accordion/accordion.d.ts

@@ -6,8 +6,7 @@ declare const enum AccordionState {
     Expanding = 8
 }
 /**
- * @virtualProp {"ios" | "md"} mode - The mode determines the platform behaviors of the component.
- * @virtualProp {"ios" | "md" | "ionic"} theme - The theme determines the visual appearance of the component.
+ * @virtualProp {"ios" | "md"} mode - The mode determines which platform styles to use.
  *
  * @slot header - Content is placed at the top and is used to
  * expand or collapse the accordion item.
@@ -26,7 +25,7 @@ export declare class Accordion implements ComponentInterface {
     private contentElWrapper;
     private headerEl;
     private currentRaf;
-    el: HTMLElement;
+    el?: HTMLElement;
     state: AccordionState;
     isNext: boolean;
     isPrevious: boolean;
@@ -50,7 +49,7 @@ export declare class Accordion implements ComponentInterface {
      * rotated when the accordion is expanded
      * or collapsed.
      */
-    toggleIcon?: string;
+    toggleIcon: string;
     /**
      * The slot inside of `ion-item` to
      * place the toggle icon. Defaults to `"end"`.
@@ -62,7 +61,6 @@ export declare class Accordion implements ComponentInterface {
     private setItemDefaults;
     private getSlottedHeaderIonItem;
     private setAria;
-    get accordionToggleIcon(): any;
     private slotToggleIcon;
     private expandAccordion;
     private collapseAccordion;

package/dist/types/components/accordion-group/accordion-group.d.ts

@@ -1,8 +1,7 @@
 import type { ComponentInterface, EventEmitter } from '../../stencil-public-runtime';
 import type { AccordionGroupChangeEventDetail } from './accordion-group-interface';
 /**
- * @virtualProp {"ios" | "md"} mode - The mode determines the platform behaviors of the component.
- * @virtualProp {"ios" | "md" | "ionic"} theme - The theme determines the visual appearance of the component.
+ * @virtualProp {"ios" | "md"} mode - The mode determines which platform styles to use.
  */
 export declare class AccordionGroup implements ComponentInterface {
     el: HTMLIonAccordionGroupElement;
@@ -38,15 +37,6 @@ export declare class AccordionGroup implements ComponentInterface {
      * Defaults to `"compact"`.
      */
     expand: 'compact' | 'inset';
-    /**
-     * Set to `"soft"` for an accordion group with slightly rounded corners,
-     * `"round"` for an accordion group with fully rounded corners, or
-     * `"rectangular"` for an accordion group without rounded corners.
-     *
-     * Defaults to `"round"` for the `ionic` theme, undefined for all other themes.
-     * Only applies when `expand` is set to `"inset"`.
-     */
-    shape?: 'soft' | 'round' | 'rectangular';
     /**
      * Emitted when the value property has changed as a result of a user action such as a click.
      *
@@ -88,6 +78,5 @@ export declare class AccordionGroup implements ComponentInterface {
      * @internal
      */
     getAccordions(): Promise<HTMLIonAccordionElement[]>;
-    private getShape;
     render(): any;
 }

package/dist/types/components/action-sheet/action-sheet-interface.d.ts

@@ -1,16 +1,20 @@
-import type { OverlayOptions } from "../../utils/overlays-interface";
-import type { LiteralUnion } from '../../interface';
-export interface ActionSheetOptions extends OverlayOptions {
+import type { AnimationBuilder, LiteralUnion, Mode } from '../../interface';
+export interface ActionSheetOptions {
     header?: string;
     subHeader?: string;
     cssClass?: string | string[];
     buttons: (ActionSheetButton | string)[];
     backdropDismiss?: boolean;
     translucent?: boolean;
+    animated?: boolean;
+    mode?: Mode;
     keyboardClose?: boolean;
+    id?: string;
     htmlAttributes?: {
         [key: string]: any;
     };
+    enterAnimation?: AnimationBuilder;
+    leaveAnimation?: AnimationBuilder;
 }
 export interface ActionSheetButton<T = any> {
     text?: string;

package/dist/types/components/action-sheet/action-sheet.d.ts

@@ -3,8 +3,7 @@ import type { AnimationBuilder, FrameworkDelegate, OverlayInterface } from '../.
 import type { OverlayEventDetail } from '../../utils/overlays-interface';
 import type { ActionSheetButton } from './action-sheet-interface';
 /**
- * @virtualProp {"ios" | "md"} mode - The mode determines the platform behaviors of the component.
- * @virtualProp {"ios" | "md" | "ionic"} theme - The theme determines the visual appearance of the component.
+ * @virtualProp {"ios" | "md"} mode - The mode determines which platform styles to use.
  */
 export declare class ActionSheet implements ComponentInterface, OverlayInterface {
     private readonly delegateController;
@@ -58,7 +57,7 @@ export declare class ActionSheet implements ComponentInterface, OverlayInterface
     subHeader?: string;
     /**
      * If `true`, the action sheet will be translucent.
-     * Only applies when the theme is `"ios"` and the device supports
+     * Only applies when the mode is `"ios"` and the device supports
      * [`backdrop-filter`](https://developer.mozilla.org/en-US/docs/Web/CSS/backdrop-filter#Browser_compatibility).
      */
     translucent: boolean;

package/dist/types/components/alert/alert-interface.d.ts

@@ -1,7 +1,6 @@
-import type { OverlayOptions } from "../../utils/overlays-interface";
-import type { LiteralUnion, TextFieldTypes } from '../../interface';
+import type { AnimationBuilder, LiteralUnion, Mode, TextFieldTypes } from '../../interface';
 import type { IonicSafeString } from '../../utils/sanitization';
-export interface AlertOptions extends OverlayOptions {
+export interface AlertOptions {
     header?: string;
     subHeader?: string;
     message?: string | IonicSafeString;
@@ -10,10 +9,15 @@ export interface AlertOptions extends OverlayOptions {
     buttons?: (AlertButton | string)[];
     backdropDismiss?: boolean;
     translucent?: boolean;
+    animated?: boolean;
     htmlAttributes?: {
         [key: string]: any;
     };
+    mode?: Mode;
     keyboardClose?: boolean;
+    id?: string;
+    enterAnimation?: AnimationBuilder;
+    leaveAnimation?: AnimationBuilder;
 }
 export interface AlertInput {
     type?: TextFieldTypes | 'checkbox' | 'radio' | 'textarea';

package/dist/types/components/alert/alert.d.ts

@@ -4,8 +4,7 @@ import type { OverlayEventDetail } from '../../utils/overlays-interface';
 import type { IonicSafeString } from '../../utils/sanitization';
 import type { AlertButton, AlertInput } from './alert-interface';
 /**
- * @virtualProp {"ios" | "md"} mode - The mode determines the platform behaviors of the component.
- * @virtualProp {"ios" | "md" | "ionic"} theme - The theme determines the visual appearance of the component.
+ * @virtualProp {"ios" | "md"} mode - The mode determines which platform styles to use.
  */
 export declare class Alert implements ComponentInterface, OverlayInterface {
     private readonly delegateController;
@@ -81,7 +80,7 @@ export declare class Alert implements ComponentInterface, OverlayInterface {
     backdropDismiss: boolean;
     /**
      * If `true`, the alert will be translucent.
-     * Only applies when the theme is `"ios"` and the device supports
+     * Only applies when the mode is `"ios"` and the device supports
      * [`backdrop-filter`](https://developer.mozilla.org/en-US/docs/Web/CSS/backdrop-filter#Browser_compatibility).
      */
     translucent: boolean;

package/dist/types/components/app/app.d.ts

@@ -1,10 +1,8 @@
 import type { ComponentInterface } from '../../stencil-public-runtime';
-/**
- * @virtualProp {"ios" | "md"} mode - The mode determines the platform behaviors of the component.
- * @virtualProp {"ios" | "md" | "ionic"} theme - The theme determines the visual appearance of the component.
- */
 export declare class App implements ComponentInterface {
+    private focusVisible?;
     el: HTMLElement;
+    componentDidLoad(): void;
     /**
      * Used to set focus on an element that uses `ion-focusable`.
      * Do not use this if focusing the element as a result of a keyboard

package/dist/types/components/avatar/avatar.d.ts

@@ -1,32 +1,4 @@
 import type { ComponentInterface } from '../../stencil-public-runtime';
-/**
- * @virtualProp {"ios" | "md"} mode - The mode determines the platform behaviors of the component.
- * @virtualProp {"ios" | "md" | "ionic"} theme - The theme determines the visual appearance of the component.
- */
 export declare class Avatar implements ComponentInterface {
-    el: HTMLElement;
-    /**
-     * Set to `"xxsmall"` for the smallest size.
-     * Set to `"xsmall"` for a very small size.
-     * Set to `"small"` for a compact size.
-     * Set to `"medium"` for the default height and width.
-     * Set to `"large"` for a larger size.
-     * Set to `"xlarge"` for the largest dimensions.
-     *
-     * Defaults to `"medium"` for the `ionic` theme, undefined for all other themes.
-     */
-    size?: 'xxsmall' | 'xsmall' | 'small' | 'medium' | 'large' | 'xlarge';
-    /**
-     * Set to `"soft"` for an avatar with slightly rounded corners,
-     * `"round"` for an avatar with fully rounded corners, or `"rectangular"`
-     * for an avatar without rounded corners.
-     *
-     * Defaults to `"round"` for the `ionic` theme, undefined for all other themes.
-     */
-    shape?: 'soft' | 'round' | 'rectangular';
-    get hasImage(): boolean;
-    get hasIcon(): boolean;
-    private getSize;
-    private getShape;
     render(): any;
 }

package/dist/types/components/back-button/back-button.d.ts

@@ -2,8 +2,7 @@ import type { ComponentInterface } from '../../stencil-public-runtime';
 import type { ButtonInterface } from "../../utils/element-interface";
 import type { AnimationBuilder, Color } from '../../interface';
 /**
- * @virtualProp {"ios" | "md"} mode - The mode determines the platform behaviors of the component.
- * @virtualProp {"ios" | "md" | "ionic"} theme - The theme determines the visual appearance of the component.
+ * @virtualProp {"ios" | "md"} mode - The mode determines which platform styles to use.
  *
  * @part native - The native HTML button element that wraps all child elements.
  * @part icon - The back button icon (uses ion-icon).

package/dist/types/components/backdrop/backdrop.d.ts

@@ -1,8 +1,4 @@
 import type { ComponentInterface, EventEmitter } from '../../stencil-public-runtime';
-/**
- * @virtualProp {"ios" | "md"} mode - The mode determines the platform behaviors of the component.
- * @virtualProp {"ios" | "md" | "ionic"} theme - The theme determines the visual appearance of the component.
- */
 export declare class Backdrop implements ComponentInterface {
     /**
      * If `true`, the backdrop will be visible.

package/dist/types/components/badge/badge.d.ts

@@ -1,8 +1,7 @@
 import type { ComponentInterface } from '../../stencil-public-runtime';
 import type { Color } from '../../interface';
 /**
- * @virtualProp {"ios" | "md"} mode - The mode determines the platform behaviors of the component.
- * @virtualProp {"ios" | "md" | "ionic"} theme - The theme determines the visual appearance of the component.
+ * @virtualProp {"ios" | "md"} mode - The mode determines which platform styles to use.
  */
 export declare class Badge implements ComponentInterface {
     /**
@@ -11,26 +10,5 @@ export declare class Badge implements ComponentInterface {
      * For more information on colors, see [theming](/docs/theming/basics).
      */
     color?: Color;
-    /**
-     * Set to `"rectangular"` for non-rounded corners.
-     * Set to `"soft"` for slightly rounded corners.
-     * Set to `"round"` for fully rounded corners.
-     *
-     * Defaults to `"round"` for the `ionic` theme, undefined for all other themes.
-     */
-    shape?: 'soft' | 'round | rectangular';
-    /**
-     * Set to `"xxsmall"` for the smallest badge.
-     * Set to "xsmall" for a very small badge.
-     * Set to `"small"` for a small badge.
-     * Set to "medium" for a medium badge.
-     * Set to "large" for a large badge.
-     * Set to `"xlarge"` for the largest badge.
-     *
-     * Defaults to `"small"` for the `ionic` theme, undefined for all other themes.
-     */
-    size?: 'xxsmall' | 'xsmall' | 'small' | 'medium' | 'large' | 'xlarge';
-    private getShape;
-    private getSize;
     render(): any;
 }

package/dist/types/components/breadcrumb/breadcrumb.d.ts

@@ -3,8 +3,7 @@ import type { AnimationBuilder, Color } from '../../interface';
 import type { RouterDirection } from '../router/utils/interface';
 import type { BreadcrumbCollapsedClickEventDetail } from './breadcrumb-interface';
 /**
- * @virtualProp {"ios" | "md"} mode - The mode determines the platform behaviors of the component.
- * @virtualProp {"ios" | "md" | "ionic"} theme - The theme determines the visual appearance of the component.
+ * @virtualProp {"ios" | "md"} mode - The mode determines which platform styles to use.
  *
  * @part native - The native HTML anchor or div element that wraps all child elements.
  * @part separator - The separator element between each breadcrumb.
@@ -93,8 +92,6 @@ export declare class Breadcrumb implements ComponentInterface {
      */
     collapsedClick: EventEmitter<BreadcrumbCollapsedClickEventDetail>;
     componentWillLoad(): void;
-    get breadcrumbCollapsedIcon(): any;
-    get breadcrumbSeparatorIcon(): any;
     private isClickable;
     private onFocus;
     private onBlur;

package/dist/types/components/breadcrumbs/breadcrumbs.d.ts

@@ -2,8 +2,8 @@ import type { ComponentInterface, EventEmitter } from '../../stencil-public-runt
 import type { Color } from '../../interface';
 import type { BreadcrumbCollapsedClickEventDetail } from '../breadcrumb/breadcrumb-interface';
 /**
- * @virtualProp {"ios" | "md"} mode - The mode determines the platform behaviors of the component.
- * @virtualProp {"ios" | "md" | "ionic"} theme - The theme determines the visual appearance of the component.
+ * @virtualProp {"ios" | "md"} mode - The mode determines which platform styles to use.
+ *
  */
 export declare class Breadcrumbs implements ComponentInterface {
     collapsed: boolean;

package/dist/types/components/button/button.d.ts

@@ -3,8 +3,7 @@ import type { AnchorInterface, ButtonInterface } from "../../utils/element-inter
 import type { AnimationBuilder, Color } from '../../interface';
 import type { RouterDirection } from '../router/utils/interface';
 /**
- * @virtualProp {"ios" | "md"} mode - The mode determines the platform behaviors of the component.
- * @virtualProp {"ios" | "md" | "ionic"} theme - The theme determines the visual appearance of the component.
+ * @virtualProp {"ios" | "md"} mode - The mode determines which platform styles to use.
  *
  * @slot - Content is placed between the named slots if provided without a slot.
  * @slot icon-only - Should be used on an icon in a button that has no text.
@@ -79,11 +78,9 @@ export declare class Button implements ComponentInterface, AnchorInterface, Butt
      */
     rel: string | undefined;
     /**
-     * Set to `"soft"` for a button with slightly rounded corners, `"round"` for a button with fully
-     * rounded corners, or `"rectangular"` for a button without rounded corners.
-     * Defaults to `"soft"` for the `"ios"` theme and `"round"` for all other themes.
+     * Set to `"round"` for a button with more rounded corners.
      */
-    shape?: 'soft' | 'round' | 'rectangular';
+    shape?: 'round';
     /**
      * Set to `"small"` for a button with less height and padding, to `"default"`
      * for a button with the default height and padding, or to `"large"` for a button
@@ -91,7 +88,7 @@ export declare class Button implements ComponentInterface, AnchorInterface, Butt
      * is inside of an item, where the size is `"small"` by default. Set the size to
      * `"default"` inside of an item to make it a standard size button.
      */
-    size?: 'xsmall' | 'small' | 'default' | 'large' | 'xlarge';
+    size?: 'small' | 'default' | 'large';
     /**
      * If `true`, activates a button with a heavier font weight.
      */
@@ -131,14 +128,6 @@ export declare class Button implements ComponentInterface, AnchorInterface, Butt
     componentWillLoad(): void;
     private get hasIconOnly();
     private get rippleType();
-    /**
-     * Set the shape based on the theme
-     */
-    private getShape;
-    /**
-     * Disable the "xsmall" and "xlarge" sizes if the theme is "ios" or "md"
-     */
-    private getSize;
     /**
      * Finds the form element based on the provided `form` selector
      * or element reference provided.

package/dist/types/components/buttons/buttons.d.ts

@@ -1,8 +1,4 @@
 import type { ComponentInterface } from '../../stencil-public-runtime';
-/**
- * @virtualProp {"ios" | "md"} mode - The mode determines the platform behaviors of the component.
- * @virtualProp {"ios" | "md" | "ionic"} theme - The theme determines the visual appearance of the component.
- */
 export declare class Buttons implements ComponentInterface {
     /**
      * If true, buttons will disappear when its
@@ -11,7 +7,7 @@ export declare class Buttons implements ComponentInterface {
      * first toolbar, the buttons will be hidden and will
      * only be shown once all toolbars have fully collapsed.
      *
-     * Only applies in the `ios` theme with `collapse` set to
+     * Only applies in `ios` mode with `collapse` set to
      * `true` on `ion-header`.
      *
      * Typically used for [Collapsible Large Titles](https://ionicframework.com/docs/api/title#collapsible-large-titles)

package/dist/types/components/card/card.d.ts

@@ -3,8 +3,7 @@ import type { AnchorInterface, ButtonInterface } from "../../utils/element-inter
 import type { AnimationBuilder, Color } from '../../interface';
 import type { RouterDirection } from '../router/utils/interface';
 /**
- * @virtualProp {"ios" | "md"} mode - The mode determines the platform behaviors of the component.
- * @virtualProp {"ios" | "md" | "ionic"} theme - The theme determines the visual appearance of the component.
+ * @virtualProp {"ios" | "md"} mode - The mode determines which platform styles to use.
  *
  * @part native - The native HTML button, anchor, or div element that wraps all child elements.
  */
@@ -56,12 +55,6 @@ export declare class Card implements ComponentInterface, AnchorInterface, Button
      * another page using `href`.
      */
     routerAnimation: AnimationBuilder | undefined;
-    /**
-     * Set to `"soft"` for a card with slightly rounded corners, `"round"` for a card with more
-     * rounded corners, or `"rectangular"` for a card without rounded corners.
-     * Defaults to `"round"`.
-     */
-    shape?: 'soft' | 'round' | 'rectangular';
     /**
      * Specifies where to display the linked URL.
      * Only applies when an `href` is provided.

package/dist/types/components/card-content/card-content.d.ts

@@ -1,7 +1,6 @@
 import type { ComponentInterface } from '../../stencil-public-runtime';
 /**
- * @virtualProp {"ios" | "md"} mode - The mode determines the platform behaviors of the component.
- * @virtualProp {"ios" | "md" | "ionic"} theme - The theme determines the visual appearance of the component.
+ * @virtualProp {"ios" | "md"} mode - The mode determines which platform styles to use.
  */
 export declare class CardContent implements ComponentInterface {
     render(): any;

package/dist/types/components/card-header/card-header.d.ts

@@ -1,8 +1,7 @@
 import type { ComponentInterface } from '../../stencil-public-runtime';
 import type { Color } from '../../interface';
 /**
- * @virtualProp {"ios" | "md"} mode - The mode determines the platform behaviors of the component.
- * @virtualProp {"ios" | "md" | "ionic"} theme - The theme determines the visual appearance of the component.
+ * @virtualProp {"ios" | "md"} mode - The mode determines which platform styles to use.
  */
 export declare class CardHeader implements ComponentInterface {
     /**
@@ -13,7 +12,7 @@ export declare class CardHeader implements ComponentInterface {
     color?: Color;
     /**
      * If `true`, the card header will be translucent.
-     * Only applies when the theme is `"ios"` and the device supports
+     * Only applies when the mode is `"ios"` and the device supports
      * [`backdrop-filter`](https://developer.mozilla.org/en-US/docs/Web/CSS/backdrop-filter#Browser_compatibility).
      */
     translucent: boolean;

package/dist/types/components/card-subtitle/card-subtitle.d.ts

@@ -1,8 +1,7 @@
 import type { ComponentInterface } from '../../stencil-public-runtime';
 import type { Color } from '../../interface';
 /**
- * @virtualProp {"ios" | "md"} mode - The mode determines the platform behaviors of the component.
- * @virtualProp {"ios" | "md" | "ionic"} theme - The theme determines the visual appearance of the component.
+ * @virtualProp {"ios" | "md"} mode - The mode determines which platform styles to use.
  */
 export declare class CardSubtitle implements ComponentInterface {
     /**

package/dist/types/components/card-title/card-title.d.ts

@@ -1,8 +1,7 @@
 import type { ComponentInterface } from '../../stencil-public-runtime';
 import type { Color } from '../../interface';
 /**
- * @virtualProp {"ios" | "md"} mode - The mode determines the platform behaviors of the component.
- * @virtualProp {"ios" | "md" | "ionic"} theme - The theme determines the visual appearance of the component.
+ * @virtualProp {"ios" | "md"} mode - The mode determines which platform styles to use.
  */
 export declare class CardTitle implements ComponentInterface {
     /**

package/dist/types/components/checkbox/checkbox.d.ts

@@ -2,8 +2,7 @@ import type { ComponentInterface, EventEmitter } from '../../stencil-public-runt
 import type { Color } from '../../interface';
 import type { CheckboxChangeEventDetail } from './checkbox-interface';
 /**
- * @virtualProp {"ios" | "md"} mode - The mode determines the platform behaviors of the component.
- * @virtualProp {"ios" | "md" | "ionic"} theme - The theme determines the visual appearance of the component.
+ * @virtualProp {"ios" | "md"} mode - The mode determines which platform styles to use.
  *
  * @slot - The label text to associate with the checkbox. Use the "labelPlacement" property to control where the label is placed relative to the checkbox.
  *
@@ -73,18 +72,9 @@ export declare class Checkbox implements ComponentInterface {
      */
     alignment?: 'start' | 'center';
     /**
-     * Set to `"small"` for a checkbox with less height and padding.
-     */
-    size?: 'small';
-    /**
-     * Set to `"soft"` for a checkbox with more rounded corners. Only available when the theme is `"ionic"`.
-     */
-    shape?: 'soft' | 'rectangular';
-    /**
-     * Emitted when the checked property has changed
-     * as a result of a user action such as a click.
-     * This event will not emit when programmatically
-     * setting the `checked` property.
+     * Emitted when the checked property has changed as a result of a user action such as a click.
+     *
+     * This event will not emit when programmatically setting the `checked` property.
      */
     ionChange: EventEmitter<CheckboxChangeEventDetail>;
     /**

package/dist/types/components/chip/chip.d.ts

@@ -1,8 +1,7 @@
 import type { ComponentInterface } from '../../stencil-public-runtime';
 import type { Color } from '../../interface';
 /**
- * @virtualProp {"ios" | "md"} mode - The mode determines the platform behaviors of the component.
- * @virtualProp {"ios" | "md" | "ionic"} theme - The theme determines the visual appearance of the component.
+ * @virtualProp {"ios" | "md"} mode - The mode determines which platform styles to use.
  */
 export declare class Chip implements ComponentInterface {
     /**
@@ -19,22 +18,5 @@ export declare class Chip implements ComponentInterface {
      * If `true`, the user cannot interact with the chip.
      */
     disabled: boolean;
-    /**
-     * Set to `"soft"` for a chip with slightly rounded corners, `"round"` for a chip with fully
-     * rounded corners, or `"rectangular"` for a chip without rounded corners.
-     * Defaults to `"round"` for the `"ionic"` theme and `"soft"` for all other themes.
-     */
-    shape?: 'soft' | 'round' | 'rectangular';
-    /**
-     * Set the shape based on the theme
-     */
-    private getShape;
-    /**
-     * Set to `"small"` for a chip with less height and padding.
-     *
-     * Defaults to `"large"` for the ionic theme, and  undefined for all other themes.
-     */
-    size?: 'small' | 'large';
-    private getSize;
     render(): any;
 }