@ionic/core 8.4.0 → 8.4.1-dev.11730761110.1b046f37

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

@@ -0,0 +1,4 @@
+/*!
+ * (C) Ionic http://ionicframework.com - MIT License
+ */
+import{r as o,h as t,i,g as n,e,f as r,j as a,w as s}from"./p-83948e48.js";import{getOrInitFocusVisibleUtility as l}from"./p-5ce35a03.js";import{c as d}from"./p-7071d7ca.js";import{c,a as b,b as p}from"./p-986855d6.js";import{i as h,k as g,c as f,j as m,s as u}from"./p-156d17cd.js";import{i as x}from"./p-fb813dab.js";import{c as v,h as k}from"./p-47794def.js";import{a as w,p as y,g as z}from"./p-09c6b5e4.js";import{c as j}from"./p-ac1c2b6a.js";import{g as C}from"./p-2408c236.js";import{a as Z,d as S}from"./p-74d76684.js";import{c as $}from"./p-ccd02320.js";import{t as T}from"./p-6caa76ec.js";import"./p-93e47936.js";import"./p-78ed8923.js";const O=class{constructor(t){o(this,t)}async setFocus(o){l().setFocus(o)}render(){const o=c(this);return t(i,{key:"109f9e80230b5f7dfab0714ed18be1162c589c04",class:{[o]:!0,"ion-page":!0,"force-statusbar-padding":d.getBoolean("_forceStatusbarPadding")}})}get el(){return n(this)}};O.style="html.plt-mobile ion-app{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}html.plt-mobile ion-app [contenteditable]{-webkit-user-select:text;-moz-user-select:text;-ms-user-select:text;user-select:text}ion-app.force-statusbar-padding{--ion-safe-area-top:20px}";const E=class{constructor(t){o(this,t),this.collapse=!1}render(){const o=c(this);return t(i,{key:"95c107ba7871c801a5ef14c636dc8e2fe69debf3",class:{[o]:!0,"buttons-collapse":this.collapse}},t("slot",{key:"58669abfce458e1344b84286d4200e305017b958"}))}};E.style={ionic:".sc-ion-buttons-ionic-h{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-webkit-transform:translateZ(0);transform:translateZ(0)}.sc-ion-buttons-ionic-s ion-button{--padding-top:0;--padding-bottom:0;margin-left:0;margin-right:0;margin-top:0;margin-bottom:0}.sc-ion-buttons-ionic-s .button-has-icon-only{--padding-top:0;--padding-bottom:0}.sc-ion-buttons-ionic-s .button-clear{--color:globals.$ion-primitives-neutral-1200;--background:transparent;--background-activated:transparent;--background-focused:transparent;--background-hover:transparent}.sc-ion-buttons-ionic-s .button-has-icon-only{width:var(--ion-scale-1000, 40px);height:var(--ion-scale-1000, 40px)}.sc-ion-buttons-ionic-s ion-icon[slot=icon-only]{font-size:var(--ion-font-size-600, 1.5rem)}",ios:".sc-ion-buttons-ios-h{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-webkit-transform:translateZ(0);transform:translateZ(0)}.sc-ion-buttons-ios-s ion-button{--padding-top:0;--padding-bottom:0;margin-left:0;margin-right:0;margin-top:0;margin-bottom:0}.sc-ion-buttons-ios-h{z-index:99}.sc-ion-buttons-ios-s ion-button{--padding-top:0;--padding-bottom:0;margin-left:0;margin-right:0;margin-top:0;margin-bottom:0}.sc-ion-buttons-ios-s ion-button{--padding-top:3px;--padding-bottom:3px;--padding-start:5px;--padding-end:5px;-webkit-margin-start:2px;margin-inline-start:2px;-webkit-margin-end:2px;margin-inline-end:2px;min-height:32px}.sc-ion-buttons-ios-s .button-has-icon-only{--padding-top:0;--padding-bottom:0}.sc-ion-buttons-ios-s ion-button:not(.button-round){--border-radius:4px}.sc-ion-buttons-ios-h.ion-color.sc-ion-buttons-ios-s .button,.ion-color .sc-ion-buttons-ios-h.sc-ion-buttons-ios-s .button{--color:initial;--border-color:initial;--background-focused:var(--ion-color-contrast)}.sc-ion-buttons-ios-h.ion-color.sc-ion-buttons-ios-s .button-solid,.ion-color .sc-ion-buttons-ios-h.sc-ion-buttons-ios-s .button-solid{--background:var(--ion-color-contrast);--background-focused:#000;--background-focused-opacity:0.12;--background-activated:#000;--background-activated-opacity:0.12;--background-hover:var(--ion-color-base);--background-hover-opacity:0.45;--color:var(--ion-color-base);--color-focused:var(--ion-color-base)}.sc-ion-buttons-ios-h.ion-color.sc-ion-buttons-ios-s .button-clear,.ion-color .sc-ion-buttons-ios-h.sc-ion-buttons-ios-s .button-clear{--color-activated:var(--ion-color-contrast);--color-focused:var(--ion-color-contrast)}.sc-ion-buttons-ios-h.ion-color.sc-ion-buttons-ios-s .button-outline,.ion-color .sc-ion-buttons-ios-h.sc-ion-buttons-ios-s .button-outline{--color-activated:var(--ion-color-base);--color-focused:var(--ion-color-contrast);--background-activated:var(--ion-color-contrast)}.sc-ion-buttons-ios-s .button-clear,.sc-ion-buttons-ios-s .button-outline{--background-activated:transparent;--background-focused:currentColor;--background-hover:transparent}.sc-ion-buttons-ios-s .button-solid:not(.ion-color){--background-focused:#000;--background-focused-opacity:0.12;--background-activated:#000;--background-activated-opacity:0.12}.sc-ion-buttons-ios-s ion-icon[slot=start]{margin-left:0;margin-right:0;margin-top:0;margin-bottom:0;-webkit-margin-end:0.3em;margin-inline-end:0.3em;font-size:1.41em;line-height:0.67}.sc-ion-buttons-ios-s ion-icon[slot=end]{margin-left:0;margin-right:0;margin-top:0;margin-bottom:0;-webkit-margin-start:0.4em;margin-inline-start:0.4em;font-size:1.41em;line-height:0.67}.sc-ion-buttons-ios-s ion-icon[slot=icon-only]{padding-left:0;padding-right:0;padding-top:0;padding-bottom:0;margin-left:0;margin-right:0;margin-top:0;margin-bottom:0;font-size:1.65em;line-height:0.67}",md:".sc-ion-buttons-md-h{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-webkit-transform:translateZ(0);transform:translateZ(0)}.sc-ion-buttons-md-s ion-button{--padding-top:0;--padding-bottom:0;margin-left:0;margin-right:0;margin-top:0;margin-bottom:0}.sc-ion-buttons-md-h{z-index:99}.sc-ion-buttons-md-s ion-button{--padding-top:0;--padding-bottom:0;margin-left:0;margin-right:0;margin-top:0;margin-bottom:0}.sc-ion-buttons-md-s ion-button{--padding-top:3px;--padding-bottom:3px;--padding-start:8px;--padding-end:8px;--box-shadow:none;-webkit-margin-start:2px;margin-inline-start:2px;-webkit-margin-end:2px;margin-inline-end:2px;min-height:32px}.sc-ion-buttons-md-s .button-has-icon-only{--padding-top:0;--padding-bottom:0}.sc-ion-buttons-md-s ion-button:not(.button-round){--border-radius:2px}.sc-ion-buttons-md-h.ion-color.sc-ion-buttons-md-s .button,.ion-color .sc-ion-buttons-md-h.sc-ion-buttons-md-s .button{--color:initial;--color-focused:var(--ion-color-contrast);--color-hover:var(--ion-color-contrast);--background-activated:transparent;--background-focused:var(--ion-color-contrast);--background-hover:var(--ion-color-contrast)}.sc-ion-buttons-md-h.ion-color.sc-ion-buttons-md-s .button-solid,.ion-color .sc-ion-buttons-md-h.sc-ion-buttons-md-s .button-solid{--background:var(--ion-color-contrast);--background-activated:transparent;--background-focused:var(--ion-color-shade);--background-hover:var(--ion-color-base);--color:var(--ion-color-base);--color-focused:var(--ion-color-base);--color-hover:var(--ion-color-base)}.sc-ion-buttons-md-h.ion-color.sc-ion-buttons-md-s .button-outline,.ion-color .sc-ion-buttons-md-h.sc-ion-buttons-md-s .button-outline{--border-color:var(--ion-color-contrast)}.sc-ion-buttons-md-s .button-has-icon-only.button-clear{--padding-top:12px;--padding-end:12px;--padding-bottom:12px;--padding-start:12px;--border-radius:50%;margin-left:0;margin-right:0;margin-top:0;margin-bottom:0;width:3rem;height:3rem}.sc-ion-buttons-md-s .button{--background-hover:currentColor}.sc-ion-buttons-md-s .button-solid{--color:var(--ion-toolbar-background, var(--ion-background-color, #fff));--background:var(--ion-toolbar-color, var(--ion-text-color, #424242));--background-activated:transparent;--background-focused:currentColor}.sc-ion-buttons-md-s .button-outline{--color:initial;--background:transparent;--background-activated:transparent;--background-focused:currentColor;--background-hover:currentColor;--border-color:currentColor}.sc-ion-buttons-md-s .button-clear{--color:initial;--background:transparent;--background-activated:transparent;--background-focused:currentColor;--background-hover:currentColor}.sc-ion-buttons-md-s ion-icon[slot=start]{margin-left:0;margin-right:0;margin-top:0;margin-bottom:0;-webkit-margin-end:0.3em;margin-inline-end:0.3em;font-size:1.4em}.sc-ion-buttons-md-s ion-icon[slot=end]{margin-left:0;margin-right:0;margin-top:0;margin-bottom:0;-webkit-margin-start:0.4em;margin-inline-start:0.4em;font-size:1.4em}.sc-ion-buttons-md-s ion-icon[slot=icon-only]{padding-left:0;padding-right:0;padding-top:0;padding-bottom:0;margin-left:0;margin-right:0;margin-top:0;margin-bottom:0;font-size:1.8em}"};const L=class{constructor(t){o(this,t),this.ionScrollStart=e(this,"ionScrollStart",7),this.ionScroll=e(this,"ionScroll",7),this.ionScrollEnd=e(this,"ionScrollEnd",7),this.watchDog=null,this.isScrolling=!1,this.lastScroll=0,this.queued=!1,this.cTop=-1,this.cBottom=-1,this.isMainContent=!0,this.resizeTimeout=null,this.inheritedAttributes={},this.tabsElement=null,this.detail={scrollTop:0,scrollLeft:0,type:"scroll",event:void 0,startX:0,startY:0,startTime:0,currentX:0,currentY:0,velocityX:0,velocityY:0,deltaX:0,deltaY:0,currentTime:0,data:void 0,isScrolling:!0},this.color=void 0,this.fullscreen=!1,this.fixedSlotPlacement="after",this.forceOverscroll=void 0,this.scrollX=!1,this.scrollY=!0,this.scrollEvents=!1}componentWillLoad(){this.inheritedAttributes=h(this.el)}connectedCallback(){if(this.isMainContent=null===this.el.closest("ion-menu, ion-popover, ion-modal"),g(this.el)){const o=this.tabsElement=this.el.closest("ion-tabs");null!==o&&(this.tabsLoadCallback=()=>this.resize(),o.addEventListener("ionTabBarLoaded",this.tabsLoadCallback))}}disconnectedCallback(){if(this.onScrollEnd(),g(this.el)){const{tabsElement:o,tabsLoadCallback:t}=this;null!==o&&void 0!==t&&o.removeEventListener("ionTabBarLoaded",t),this.tabsElement=null,this.tabsLoadCallback=void 0}}onResize(){this.resizeTimeout&&(clearTimeout(this.resizeTimeout),this.resizeTimeout=null),this.resizeTimeout=setTimeout((()=>{null!==this.el.offsetParent&&this.resize()}),100)}shouldForceOverscroll(o){const{forceOverscroll:t}=this;return void 0===t?"ios"===o&&b("ios"):t}resize(){this.fullscreen?r((()=>this.readDimensions())):0===this.cTop&&0===this.cBottom||(this.cTop=this.cBottom=0,a(this))}readDimensions(){const o=M(this.el),t=Math.max(this.el.offsetTop,0),i=Math.max(o.offsetHeight-t-this.el.offsetHeight,0);(t!==this.cTop||i!==this.cBottom)&&(this.cTop=t,this.cBottom=i,a(this))}onScroll(o){const t=Date.now(),i=!this.isScrolling;this.lastScroll=t,i&&this.onScrollStart(),!this.queued&&this.scrollEvents&&(this.queued=!0,r((t=>{this.queued=!1,this.detail.event=o,_(this.detail,this.scrollEl,t,i),this.ionScroll.emit(this.detail)})))}async getScrollElement(){return this.scrollEl||await new Promise((o=>f(this.el,o))),Promise.resolve(this.scrollEl)}async getBackgroundElement(){return this.backgroundContentEl||await new Promise((o=>f(this.el,o))),Promise.resolve(this.backgroundContentEl)}scrollToTop(o=0){return this.scrollToPoint(void 0,0,o)}async scrollToBottom(o=0){const t=await this.getScrollElement();return this.scrollToPoint(void 0,t.scrollHeight-t.clientHeight,o)}async scrollByPoint(o,t,i){const n=await this.getScrollElement();return this.scrollToPoint(o+n.scrollLeft,t+n.scrollTop,i)}async scrollToPoint(o,t,i=0){const n=await this.getScrollElement();if(i<32)return null!=t&&(n.scrollTop=t),void(null!=o&&(n.scrollLeft=o));let e,r=0;const a=new Promise((o=>e=o)),s=n.scrollTop,l=n.scrollLeft,d=null!=t?t-s:0,c=null!=o?o-l:0,b=o=>{const t=Math.min(1,(o-r)/i)-1,a=Math.pow(t,3)+1;0!==d&&(n.scrollTop=Math.floor(a*d+s)),0!==c&&(n.scrollLeft=Math.floor(a*c+l)),a<1?requestAnimationFrame(b):e()};return requestAnimationFrame((o=>{r=o,b(o)})),a}onScrollStart(){this.isScrolling=!0,this.ionScrollStart.emit({isScrolling:!0}),this.watchDog&&clearInterval(this.watchDog),this.watchDog=setInterval((()=>{this.lastScroll<Date.now()-120&&this.onScrollEnd()}),100)}onScrollEnd(){this.watchDog&&clearInterval(this.watchDog),this.watchDog=null,this.isScrolling&&(this.isScrolling=!1,this.ionScrollEnd.emit({isScrolling:!1}))}render(){const{fixedSlotPlacement:o,inheritedAttributes:n,isMainContent:e,scrollX:r,scrollY:a,el:s}=this,l=x(s)?"rtl":"ltr",d=c(this),b=p(this,d),h=this.shouldForceOverscroll(b),g="ios"===d;return this.resize(),t(i,Object.assign({key:"ee94e34dd128cb2a21ef2b370d35e099a1125447",role:e?"main":void 0,class:v(this.color,{[d]:!0,"content-sizing":k("ion-popover",this.el),overscroll:h,[`content-${l}`]:!0}),style:{"--offset-top":`${this.cTop}px`,"--offset-bottom":`${this.cBottom}px`}},n),t("div",{key:"75954692de33cae260441064d0c4034d818b7de6",ref:o=>this.backgroundContentEl=o,id:"background-content",part:"background"}),"before"===o?t("slot",{name:"fixed"}):null,t("div",{key:"374f5d2da6f15b42df0ad268c2f9a188ac6aedcb",class:{"inner-scroll":!0,"scroll-x":r,"scroll-y":a,overscroll:(r||a)&&h},ref:o=>this.scrollEl=o,onScroll:this.scrollEvents?o=>this.onScroll(o):void 0,part:"scroll"},t("slot",{key:"625c1dc26f6b6c43ade2de6f61a92ae7a8bcbaa7"})),g?t("div",{class:"transition-effect"},t("div",{class:"transition-cover"}),t("div",{class:"transition-shadow"})):null,"after"===o?t("slot",{name:"fixed"}):null)}get el(){return n(this)}},M=o=>{const t=o.closest("ion-tabs");if(t)return t;const i=d.get("appRootSelector","ion-app");return o.closest(`${i}, ion-page, .ion-page, page-inner, .popover-content`)||(o=>{var t;return o.parentElement?o.parentElement:(null===(t=o.parentNode)||void 0===t?void 0:t.host)?o.parentNode.host:null})(o)},_=(o,t,i,n)=>{const e=o.currentX,r=o.currentY,a=t.scrollLeft,s=t.scrollTop,l=i-o.currentTime;if(n&&(o.startTime=i,o.startX=a,o.startY=s,o.velocityX=o.velocityY=0),o.currentTime=i,o.currentX=o.scrollLeft=a,o.currentY=o.scrollTop=s,o.deltaX=a-o.startX,o.deltaY=s-o.startY,l>0&&l<100){const t=(s-r)/l;o.velocityX=(a-e)/l*.7+.3*o.velocityX,o.velocityY=.7*t+.3*o.velocityY}};L.style=':host{--background:var(--ion-background-color, #fff);--color:var(--ion-text-color, #000);--padding-top:0px;--padding-bottom:0px;--padding-start:0px;--padding-end:0px;--keyboard-offset:0px;--offset-top:0px;--offset-bottom:0px;--overflow:auto;display:block;position:relative;-ms-flex:1;flex:1;width:100%;height:100%;margin:0 !important;padding:0 !important;font-family:var(--ion-font-family, inherit);contain:size style}:host(.ion-color) .inner-scroll{background:var(--ion-color-base);color:var(--ion-color-contrast)}#background-content{right:0px;left:0px;top:calc(var(--offset-top) * -1);bottom:calc(var(--offset-bottom) * -1);position:absolute;background:var(--background)}.inner-scroll{right:0px;left:0px;top:calc(var(--offset-top) * -1);bottom:calc(var(--offset-bottom) * -1);-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:calc(var(--padding-top) + var(--offset-top));padding-bottom:calc(var(--padding-bottom) + var(--keyboard-offset) + var(--offset-bottom));position:absolute;color:var(--color);-webkit-box-sizing:border-box;box-sizing:border-box;overflow:hidden;-ms-touch-action:pan-x pan-y pinch-zoom;touch-action:pan-x pan-y pinch-zoom}.scroll-y,.scroll-x{-webkit-overflow-scrolling:touch;z-index:0;will-change:scroll-position}.scroll-y{overflow-y:var(--overflow);overscroll-behavior-y:contain}.scroll-x{overflow-x:var(--overflow);overscroll-behavior-x:contain}.overscroll::before,.overscroll::after{position:absolute;width:1px;height:1px;content:""}.overscroll::before{bottom:-1px}.overscroll::after{top:-1px}:host(.content-sizing){display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;min-height:0;contain:none}:host(.content-sizing) .inner-scroll{position:relative;top:0;bottom:0;margin-top:calc(var(--offset-top) * -1);margin-bottom:calc(var(--offset-bottom) * -1)}.transition-effect{display:none;position:absolute;width:100%;height:100vh;opacity:0;pointer-events:none}:host(.content-ltr) .transition-effect{left:-100%;}:host(.content-rtl) .transition-effect{right:-100%;}.transition-cover{position:absolute;right:0;width:100%;height:100%;background:black;opacity:0.1}.transition-shadow{display:block;position:absolute;width:100%;height:100%;-webkit-box-shadow:inset -9px 0 9px 0 rgba(0, 0, 100, 0.03);box-shadow:inset -9px 0 9px 0 rgba(0, 0, 100, 0.03)}:host(.content-ltr) .transition-shadow{right:0;}:host(.content-rtl) .transition-shadow{left:0;-webkit-transform:scaleX(-1);transform:scaleX(-1)}::slotted([slot=fixed]){position:absolute;-webkit-transform:translateZ(0);transform:translateZ(0)}';const A=(o,t)=>{r((()=>{const i=m(0,1-(o.scrollTop-(o.scrollHeight-o.clientHeight-10))/10,1);s((()=>{t.style.setProperty("--opacity-scale",i.toString())}))}))},P=class{constructor(t){o(this,t),this.keyboardCtrl=null,this.checkCollapsibleFooter=()=>{if("ios"!==c(this))return;const{collapse:o}=this,t="fade"===o;if(this.destroyCollapsibleFooter(),t){const o=d.get("appRootSelector","ion-app"),t=this.el.closest(`${o},ion-page,.ion-page,page-inner`),i=t?w(t):null;if(!i)return void y(this.el);this.setupFadeFooter(i)}},this.setupFadeFooter=async o=>{const t=this.scrollEl=await z(o);this.contentScrollCallback=()=>{A(t,this.el)},t.addEventListener("scroll",this.contentScrollCallback),A(t,this.el)},this.keyboardVisible=!1,this.collapse=void 0,this.translucent=!1}componentDidLoad(){this.checkCollapsibleFooter()}componentDidUpdate(){this.checkCollapsibleFooter()}async connectedCallback(){this.keyboardCtrl=await j((async(o,t)=>{!1===o&&void 0!==t&&await t,this.keyboardVisible=o}))}disconnectedCallback(){this.keyboardCtrl&&this.keyboardCtrl.destroy()}destroyCollapsibleFooter(){this.scrollEl&&this.contentScrollCallback&&(this.scrollEl.removeEventListener("scroll",this.contentScrollCallback),this.contentScrollCallback=void 0)}render(){const{translucent:o,collapse:n}=this,e=c(this),r=this.el.closest("ion-tabs"),a=null==r?void 0:r.querySelector(":scope > ion-tab-bar");return t(i,{key:"1ba20eaefb8c6ce4fe7b4340a79be14f7201c610",role:"contentinfo",class:{[e]:!0,[`footer-${e}`]:!0,"footer-translucent":o,[`footer-translucent-${e}`]:o,"footer-toolbar-padding":!(this.keyboardVisible||a&&"bottom"===a.slot),[`footer-collapse-${n}`]:void 0!==n}},"ios"===e&&o&&t("div",{key:"523789d60cfed2a90ddbca1947c61bb051114721",class:"footer-background"}),t("slot",{key:"63057ed857a7bcef11bb88b25b32b79a0d8651b8"}))}get el(){return n(this)}};P.style={ionic:"ion-footer{display:block;position:relative;-ms-flex-order:1;order:1;width:100%;z-index:10}ion-footer.footer-toolbar-padding ion-toolbar:last-of-type{padding-bottom:var(--ion-safe-area-bottom, 0)}.footer-md{-webkit-box-shadow:0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12);box-shadow:0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12)}.footer-md.ion-no-border{-webkit-box-shadow:none;box-shadow:none}",ios:"ion-footer{display:block;position:relative;-ms-flex-order:1;order:1;width:100%;z-index:10}ion-footer.footer-toolbar-padding ion-toolbar:last-of-type{padding-bottom:var(--ion-safe-area-bottom, 0)}.footer-ios ion-toolbar:first-of-type{--border-width:0.55px 0 0}@supports ((-webkit-backdrop-filter: blur(0)) or (backdrop-filter: blur(0))){.footer-background{right:0;left:0;top:0;bottom:0;position:absolute;-webkit-backdrop-filter:saturate(180%) blur(20px);backdrop-filter:saturate(180%) blur(20px)}.footer-translucent-ios ion-toolbar{--opacity:0.8}}.footer-ios.ion-no-border ion-toolbar:first-of-type{--border-width:0}.footer-collapse-fade ion-toolbar{--opacity-scale:inherit}",md:"ion-footer{display:block;position:relative;-ms-flex-order:1;order:1;width:100%;z-index:10}ion-footer.footer-toolbar-padding ion-toolbar:last-of-type{padding-bottom:var(--ion-safe-area-bottom, 0)}.footer-md{-webkit-box-shadow:0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12);box-shadow:0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12)}.footer-md.ion-no-border{-webkit-box-shadow:none;box-shadow:none}"};const B=o=>{const t=document.querySelector(`${o}.ion-cloned-element`);if(null!==t)return t;const i=document.createElement(o);return i.classList.add("ion-cloned-element"),i.style.setProperty("display","none"),document.body.appendChild(i),i},D=o=>{if(!o)return;const t=o.querySelectorAll("ion-toolbar");return{el:o,toolbars:Array.from(t).map((o=>{const t=o.querySelector("ion-title");return{el:o,background:o.shadowRoot.querySelector(".toolbar-background"),ionTitleEl:t,innerTitleEl:t?t.shadowRoot.querySelector(".toolbar-title"):null,ionButtonsEl:Array.from(o.querySelectorAll("ion-buttons"))}}))}},I=(o,t)=>{"fade"!==o.collapse&&(void 0===t?o.style.removeProperty("--opacity-scale"):o.style.setProperty("--opacity-scale",t.toString()))},R=(o,t=!0)=>{const i=o.el;t?(i.classList.remove("header-collapse-condense-inactive"),i.removeAttribute("aria-hidden")):(i.classList.add("header-collapse-condense-inactive"),i.setAttribute("aria-hidden","true"))},W=(o,t,i)=>{r((()=>{const n=o.scrollTop,e=t.clientHeight,r=i?i.clientHeight:0;if(null!==i&&n<r)return t.style.setProperty("--opacity-scale","0"),void o.style.setProperty("clip-path",`inset(${e}px 0px 0px 0px)`);const a=m(0,(n-r)/10,1);s((()=>{o.style.removeProperty("clip-path"),t.style.setProperty("--opacity-scale",a.toString())}))}))},X=class{constructor(t){o(this,t),this.inheritedAttributes={},this.setupFadeHeader=async(o,t)=>{const i=this.scrollEl=await z(o);this.contentScrollCallback=()=>{W(this.scrollEl,this.el,t)},i.addEventListener("scroll",this.contentScrollCallback),W(this.scrollEl,this.el,t)},this.collapse=void 0,this.divider=!1,this.translucent=!1}componentWillLoad(){this.inheritedAttributes=h(this.el)}componentDidLoad(){this.checkCollapsibleHeader()}componentDidUpdate(){this.checkCollapsibleHeader()}disconnectedCallback(){this.destroyCollapsibleHeader()}async checkCollapsibleHeader(){if("ios"!==c(this))return;const{collapse:o}=this,t="condense"===o,i="fade"===o;this.destroyCollapsibleHeader();const n=d.get("appRootSelector","ion-app");if(t){const o=this.el.closest(`${n},ion-page,.ion-page,page-inner`),t=o?w(o):null;s((()=>{B("ion-title").size="large",B("ion-back-button")})),await this.setupCondenseHeader(t,o)}else if(i){const o=this.el.closest(`${n},ion-page,.ion-page,page-inner`),t=o?w(o):null;if(!t)return void y(this.el);const i=t.querySelector('ion-header[collapse="condense"]');await this.setupFadeHeader(t,i)}}destroyCollapsibleHeader(){this.intersectionObserver&&(this.intersectionObserver.disconnect(),this.intersectionObserver=void 0),this.scrollEl&&this.contentScrollCallback&&(this.scrollEl.removeEventListener("scroll",this.contentScrollCallback),this.contentScrollCallback=void 0),this.collapsibleMainHeader&&(this.collapsibleMainHeader.classList.remove("header-collapse-main"),this.collapsibleMainHeader=void 0)}async setupCondenseHeader(o,t){if(!o||!t)return void y(this.el);if("undefined"==typeof IntersectionObserver)return;this.scrollEl=await z(o);const i=t.querySelectorAll("ion-header");if(this.collapsibleMainHeader=Array.from(i).find((o=>"condense"!==o.collapse)),!this.collapsibleMainHeader)return;const n=D(this.collapsibleMainHeader),e=D(this.el);n&&e&&(R(n,!1),I(n.el,0),this.intersectionObserver=new IntersectionObserver((o=>{((o,t,i,n)=>{s((()=>{const e=n.scrollTop;((o,t,i)=>{if(!o[0].isIntersecting)return;const n=o[0].intersectionRatio>.9||i<=0?0:100*(1-o[0].intersectionRatio)/75;I(t.el,1===n?void 0:n)})(o,t,e);const r=o[0],a=r.intersectionRect,s=a.width*a.height,l=0===s&&0==r.rootBounds.width*r.rootBounds.height,d=Math.abs(a.left-r.boundingClientRect.left),c=Math.abs(a.right-r.boundingClientRect.right);l||s>0&&(d>=5||c>=5)||(r.isIntersecting?(R(t,!1),R(i)):(0===a.x&&0===a.y||0!==a.width&&0!==a.height)&&e>0&&(R(t),R(i,!1),I(t.el)))}))})(o,n,e,this.scrollEl)}),{root:o,threshold:[.25,.3,.4,.5,.6,.7,.8,.9,1]}),this.intersectionObserver.observe(e.toolbars[e.toolbars.length-1].el),this.contentScrollCallback=()=>{((o,t,i)=>{r((()=>{const n=m(1,1+-o.scrollTop/500,1.1);null===i.querySelector("ion-refresher.refresher-native")&&s((()=>{((o=[],t=1,i=!1)=>{o.forEach((o=>{const n=o.ionTitleEl,e=o.innerTitleEl;n&&"large"===n.size&&(e.style.transition=i?"all 0.2s ease-in-out":"",e.style.transform=`scale3d(${t}, ${t}, 1)`)}))})(t.toolbars,n)}))}))})(this.scrollEl,e,o)},this.scrollEl.addEventListener("scroll",this.contentScrollCallback),s((()=>{void 0!==this.collapsibleMainHeader&&this.collapsibleMainHeader.classList.add("header-collapse-main")})))}render(){const{translucent:o,inheritedAttributes:n,divider:e}=this,r=c(this),a=this.collapse||"none",s=k("ion-menu",this.el)?"none":"banner";return t(i,Object.assign({key:"2b8adbae18480acf564d2b16b2f741066fc18ae5",role:s,class:{[r]:!0,[`header-${r}`]:!0,"header-translucent":this.translucent,[`header-collapse-${a}`]:!0,[`header-translucent-${r}`]:this.translucent,"header-divider":e}},n),"ios"===r&&o&&t("div",{key:"c42ffce2d92eababd3f8d521c110359a05e0e83f",class:"header-background"}),t("slot",{key:"721bdded45ab3a8478f139f369a08af7cf8cbbf1"}))}get el(){return n(this)}};X.style={ionic:"ion-header{display:block;position:relative;-ms-flex-order:-1;order:-1;width:100%}ion-header ion-toolbar:first-of-type{padding-top:var(--ion-safe-area-top, 0)}ion-header{-webkit-box-shadow:var(--ion-elevation-2, 0px 1px 5px 0px rgba(0, 0, 0, 0.05), 0px 8px 25px 0px rgba(0, 0, 0, 0.08));box-shadow:var(--ion-elevation-2, 0px 1px 5px 0px rgba(0, 0, 0, 0.05), 0px 8px 25px 0px rgba(0, 0, 0, 0.08));z-index:10}ion-header.header-divider{border-bottom:var(--ion-border-size-025, 1px) var(--ion-border-style-solid, solid) var(--ion-primitives-neutral-300, #cfcfcf)}ion-toolbar+ion-toolbar{--padding-start:var(--ion-space-400, 16px);--padding-end:var(--ion-space-400, 16px)}",ios:"ion-header{display:block;position:relative;-ms-flex-order:-1;order:-1;width:100%}ion-header ion-toolbar:first-of-type{padding-top:var(--ion-safe-area-top, 0)}ion-header{z-index:10}.header-ios ion-toolbar:last-of-type{--border-width:0 0 0.55px}@supports ((-webkit-backdrop-filter: blur(0)) or (backdrop-filter: blur(0))){.header-background{right:0;left:0;top:0;bottom:0;position:absolute;-webkit-backdrop-filter:saturate(180%) blur(20px);backdrop-filter:saturate(180%) blur(20px)}.header-translucent-ios ion-toolbar{--opacity:0.8}.header-collapse-condense-inactive .header-background{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px)}}.header-ios.ion-no-border ion-toolbar:last-of-type{--border-width:0}.header-collapse-fade ion-toolbar{--opacity-scale:inherit}.header-collapse-condense{z-index:9}.header-collapse-condense ion-toolbar{position:-webkit-sticky;position:sticky;top:0}.header-collapse-condense ion-toolbar:first-of-type{padding-top:0px;z-index:1}.header-collapse-condense ion-toolbar{--background:var(--ion-background-color, #fff);z-index:0}.header-collapse-condense ion-toolbar:last-of-type{--border-width:0px}.header-collapse-condense ion-toolbar ion-searchbar{padding-top:0px;padding-bottom:13px}.header-collapse-main{--opacity-scale:1}.header-collapse-main ion-toolbar{--opacity-scale:inherit}.header-collapse-main ion-toolbar.in-toolbar ion-title,.header-collapse-main ion-toolbar.in-toolbar ion-buttons{-webkit-transition:all 0.2s ease-in-out;transition:all 0.2s ease-in-out}.header-collapse-condense-inactive:not(.header-collapse-condense) ion-toolbar.in-toolbar ion-title,.header-collapse-condense-inactive:not(.header-collapse-condense) ion-toolbar.in-toolbar ion-buttons.buttons-collapse{opacity:0;pointer-events:none}.header-collapse-condense-inactive.header-collapse-condense ion-toolbar.in-toolbar ion-title,.header-collapse-condense-inactive.header-collapse-condense ion-toolbar.in-toolbar ion-buttons.buttons-collapse{visibility:hidden}ion-header.header-ios:not(.header-collapse-main):has(~ion-content ion-header.header-ios[collapse=condense],~ion-content ion-header.header-ios.header-collapse-condense){opacity:0}",md:"ion-header{display:block;position:relative;-ms-flex-order:-1;order:-1;width:100%}ion-header ion-toolbar:first-of-type{padding-top:var(--ion-safe-area-top, 0)}ion-header{z-index:10}.header-md{-webkit-box-shadow:0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12);box-shadow:0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12)}.header-collapse-condense{display:none}.header-md.ion-no-border{-webkit-box-shadow:none;box-shadow:none}"};const H=class{constructor(t){o(this,t),this.ionNavWillLoad=e(this,"ionNavWillLoad",7),this.ionNavWillChange=e(this,"ionNavWillChange",3),this.ionNavDidChange=e(this,"ionNavDidChange",3),this.lockController=$(),this.gestureOrAnimationInProgress=!1,this.mode=p(this),this.delegate=void 0,this.animated=!0,this.animation=void 0,this.swipeHandler=void 0}swipeHandlerChanged(){this.gesture&&this.gesture.enable(void 0!==this.swipeHandler)}async connectedCallback(){const o=()=>{this.gestureOrAnimationInProgress=!0,this.swipeHandler&&this.swipeHandler.onStart()};this.gesture=(await import("./p-903c544a.js")).createSwipeBackGesture(this.el,(()=>!this.gestureOrAnimationInProgress&&!!this.swipeHandler&&this.swipeHandler.canStart()),(()=>o()),(o=>{var t;return null===(t=this.ani)||void 0===t?void 0:t.progressStep(o)}),((o,t,i)=>{if(this.ani){this.ani.onFinish((()=>{this.gestureOrAnimationInProgress=!1,this.swipeHandler&&this.swipeHandler.onEnd(o)}),{oneTimeCallback:!0});let n=o?-.001:.001;o?n+=C([0,0],[.32,.72],[0,1],[1,1],t)[0]:(this.ani.easing("cubic-bezier(1, 0, 0.68, 0.28)"),n+=C([0,0],[1,0],[.68,.28],[1,1],t)[0]),this.ani.progressEnd(o?1:0,n,i)}else this.gestureOrAnimationInProgress=!1})),this.swipeHandlerChanged()}componentWillLoad(){this.ionNavWillLoad.emit()}disconnectedCallback(){this.gesture&&(this.gesture.destroy(),this.gesture=void 0)}async commit(o,t,i){const n=await this.lockController.lock();let e=!1;try{e=await this.transition(o,t,i)}catch(o){console.error(o)}return n(),e}async setRouteId(o,t,i,n){return{changed:await this.setRoot(o,t,{duration:"root"===i?0:void 0,direction:"back"===i?"back":"forward",animationBuilder:n}),element:this.activeEl}}async getRouteId(){const o=this.activeEl;return o?{id:o.tagName,element:o,params:this.activeParams}:void 0}async setRoot(o,t,i){if(this.activeComponent===o&&u(t,this.activeParams))return!1;const n=this.activeEl,e=await Z(this.delegate,this.el,o,["ion-page","ion-page-invisible"],t);return this.activeComponent=o,this.activeEl=e,this.activeParams=t,await this.commit(e,n,i),await S(this.delegate,n),!0}async transition(o,t,i={}){if(t===o)return!1;this.ionNavWillChange.emit();const{el:n,mode:e}=this,r=this.animated&&d.getBoolean("animated",!0),a=i.animationBuilder||this.animation||d.get("navAnimation");return await T(Object.assign(Object.assign({mode:e,animated:r,enteringEl:o,leavingEl:t,baseEl:n,deepWait:g(n),progressCallback:i.progressAnimation?o=>{void 0===o||this.gestureOrAnimationInProgress?this.ani=o:(this.gestureOrAnimationInProgress=!0,o.onFinish((()=>{this.gestureOrAnimationInProgress=!1,this.swipeHandler&&this.swipeHandler.onEnd(!1)}),{oneTimeCallback:!0}),o.progressEnd(0,0,0))}:void 0},i),{animationBuilder:a})),this.ionNavDidChange.emit(),!0}render(){return t("slot",{key:"ecc0afb72e03453f0f196901ed4f48ffcb13fae1"})}get el(){return n(this)}static get watchers(){return{swipeHandler:["swipeHandlerChanged"]}}};H.style=":host{right:0;left:0;top:0;bottom:0;position:absolute;contain:layout size style;z-index:0}";const F=class{constructor(t){o(this,t),this.ionStyle=e(this,"ionStyle",7),this.color=void 0,this.size=void 0}sizeChanged(){this.emitStyle()}connectedCallback(){this.emitStyle()}emitStyle(){const o=this.getSize();this.ionStyle.emit({[`title-${o}`]:!0})}getSize(){return void 0!==this.size?this.size:"default"}render(){const o=c(this),n=this.getSize();return t(i,{key:"4ea0b5b986ff55f4512840d8582c5d015032dccf",class:v(this.color,{[o]:!0,[`title-${n}`]:!0,"title-rtl":"rtl"===document.dir})},t("div",{key:"1c1afffd677120d63753f9500e117d77d7f65a8a",class:"toolbar-title"},t("slot",{key:"4c6329b996db30c09c93ac08506fc23377d0d77f"})))}get el(){return n(this)}static get watchers(){return{size:["sizeChanged"]}}};F.style={ionic:":host{--color:initial;display:-ms-flexbox;display:flex;-ms-flex:1;flex:1;-ms-flex-align:center;align-items:center;-webkit-transform:translateZ(0);transform:translateZ(0);color:var(--color)}.toolbar-title{display:block;width:100%;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;pointer-events:auto}:host(.title-small) .toolbar-title{white-space:normal}:host{font-size:var(--ion-font-size-450, 1.125rem);font-weight:var(--ion-font-weight-medium, 500);letter-spacing:var(--ion-font-letter-spacing-0, 0%);line-height:var(--ion-font-line-height-700, 28px);text-decoration:none;text-transform:none;padding-left:0;padding-right:0;padding-top:var(--padding-top);padding-bottom:var(--padding-bottom);-webkit-box-sizing:border-box;box-sizing:border-box;pointer-events:none}:host-context(ion-toolbar){top:0;position:absolute;width:100%;height:100%;-webkit-transform:translateZ(0);transform:translateZ(0);z-index:-1}:host-context(ion-toolbar){inset-inline-start:0}:host(.title-large){font-size:var(--ion-font-size-700, 1.75rem);font-weight:var(--ion-font-weight-medium, 500);letter-spacing:var(--ion-font-letter-spacing-0, 0%);line-height:var(--ion-font-line-height-900, 36px);text-decoration:none;text-transform:none}",ios:":host{--color:initial;display:-ms-flexbox;display:flex;-ms-flex:1;flex:1;-ms-flex-align:center;align-items:center;-webkit-transform:translateZ(0);transform:translateZ(0);color:var(--color)}.toolbar-title{display:block;width:100%;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;pointer-events:auto}:host(.title-small) .toolbar-title{white-space:normal}:host(.ion-color){color:var(--ion-color-base)}:host{top:0;-webkit-padding-start:90px;padding-inline-start:90px;-webkit-padding-end:90px;padding-inline-end:90px;padding-top:var(--padding-top);padding-bottom:var(--padding-bottom);position:absolute;width:100%;height:100%;-webkit-transform:translateZ(0);transform:translateZ(0);font-size:min(1.0625rem, 20.4px);font-weight:600;text-align:center;-webkit-box-sizing:border-box;box-sizing:border-box;pointer-events:none}:host{inset-inline-start:0}:host(.title-small){-webkit-padding-start:9px;padding-inline-start:9px;-webkit-padding-end:9px;padding-inline-end:9px;padding-top:6px;padding-bottom:16px;position:relative;font-size:min(0.8125rem, 23.4px);font-weight:normal}:host(.title-large){-webkit-padding-start:12px;padding-inline-start:12px;-webkit-padding-end:12px;padding-inline-end:12px;padding-top:2px;padding-bottom:4px;-webkit-transform-origin:left center;transform-origin:left center;position:static;-ms-flex-align:end;align-items:flex-end;min-width:100%;font-size:min(2.125rem, 61.2px);font-weight:700;text-align:start}:host(.title-large.title-rtl){-webkit-transform-origin:right center;transform-origin:right center}:host(.title-large.ion-cloned-element){--color:var(--ion-text-color, #000);font-family:var(--ion-font-family)}:host(.title-large) .toolbar-title{-webkit-transform-origin:inherit;transform-origin:inherit;width:auto}:host-context([dir=rtl]):host(.title-large) .toolbar-title,:host-context([dir=rtl]).title-large .toolbar-title{-webkit-transform-origin:calc(100% - inherit);transform-origin:calc(100% - inherit)}@supports selector(:dir(rtl)){:host(.title-large:dir(rtl)) .toolbar-title{-webkit-transform-origin:calc(100% - inherit);transform-origin:calc(100% - inherit)}}",md:":host{--color:initial;display:-ms-flexbox;display:flex;-ms-flex:1;flex:1;-ms-flex-align:center;align-items:center;-webkit-transform:translateZ(0);transform:translateZ(0);color:var(--color)}.toolbar-title{display:block;width:100%;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;pointer-events:auto}:host(.title-small) .toolbar-title{white-space:normal}:host(.ion-color){color:var(--ion-color-base)}:host{-webkit-padding-start:20px;padding-inline-start:20px;-webkit-padding-end:20px;padding-inline-end:20px;padding-top:0;padding-bottom:0;font-size:1.25rem;font-weight:500;letter-spacing:0.0125em}:host(.title-small){width:100%;height:100%;font-size:0.9375rem;font-weight:normal}"};const Y=class{constructor(t){o(this,t),this.childrenStyles=new Map,this.color=void 0}componentWillLoad(){const o=Array.from(this.el.querySelectorAll("ion-buttons")),t=o.find((o=>"start"===o.slot));t&&t.classList.add("buttons-first-slot");const i=o.reverse(),n=i.find((o=>"end"===o.slot))||i.find((o=>"primary"===o.slot))||i.find((o=>"secondary"===o.slot));n&&n.classList.add("buttons-last-slot")}childrenStyle(o){o.stopPropagation();const t=o.target.tagName,i=o.detail,n={},e=this.childrenStyles.get(t)||{};let r=!1;Object.keys(i).forEach((o=>{const t=`toolbar-${o}`,a=i[o];a!==e[t]&&(r=!0),a&&(n[t]=!0)})),r&&(this.childrenStyles.set(t,n),a(this))}render(){const o=c(this),n={};return this.childrenStyles.forEach((o=>{Object.assign(n,o)})),t(i,{key:"31d2cea6423110a58ed8ba749e422889c6f6d310",class:Object.assign(Object.assign({},n),v(this.color,{[o]:!0,"in-toolbar":k("ion-toolbar",this.el)}))},t("div",{key:"a3ecd195af52489725b7396c0aab32a9b4d4a49c",class:"toolbar-background"}),t("div",{key:"cfdc07edc4b002370df08ce4c913c3a52955252a",class:"toolbar-container"},t("slot",{key:"b77feb227ab03d0fe095fdf620973e8502b486e6",name:"start"}),t("slot",{key:"4284acf3c65df07e74908ee6620d5595255ac547",name:"secondary"}),t("div",{key:"879fdaedc732cbf414d24f3ed3b0abcf4baaae71",class:"toolbar-content"},t("slot",{key:"975a411effa1492d6c4eb9302b3d8580bbce192d"})),t("slot",{key:"5cfef86927c398b40710769bbdba9cf4c45100c5",name:"primary"}),t("slot",{key:"416036fa2a84a8ef0cb6329d68da040c47bd2aea",name:"end"})))}get el(){return n(this)}};Y.style={ionic:":host{--border-width:0;--border-style:solid;--opacity:1;--opacity-scale:1;-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;display:block;position:relative;width:100%;padding-right:var(--ion-safe-area-right);padding-left:var(--ion-safe-area-left);color:var(--color);contain:content;-webkit-box-sizing:border-box;box-sizing:border-box}.toolbar-container{-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:-ms-flexbox;display:flex;position:relative;-ms-flex-direction:row;flex-direction:row;-ms-flex-align:center;align-items:center;-ms-flex-pack:justify;justify-content:space-between;width:100%;min-height:var(--min-height);contain:content;overflow:hidden;-webkit-box-sizing:border-box;box-sizing:border-box}.toolbar-background{right:0;left:0;top:0;bottom:0;position:absolute;-webkit-transform:translateZ(0);transform:translateZ(0);border-width:var(--border-width);border-style:var(--border-style);border-color:var(--border-color);background:var(--background);contain:strict;opacity:calc(var(--opacity) * var(--opacity-scale));pointer-events:none}::slotted(ion-progress-bar){right:0;left:0;bottom:0;position:absolute}:host{--background:var(--ion-primitives-base-white, #ffffff);--color:var(--ion-primitives-neutral-1200, #242424);--border-color:currentColor;--padding-top:var(--ion-space-200, 8px);--padding-bottom:var(--ion-space-200, 8px);--padding-start:var(--ion-space-200, 8px);--padding-end:var(--ion-space-200, 8px);--min-height:var(--ion-scale-1400, 56px)}.toolbar-container{gap:var(--ion-space-400, 16px)}.toolbar-content{-ms-flex:2;flex:2;-ms-flex-order:3;order:3;min-width:0}:host(.toolbar-searchbar) ::slotted(ion-searchbar){padding-left:0;padding-right:0;padding-top:0;padding-bottom:0}::slotted(ion-title){-webkit-padding-start:var(--padding-top);padding-inline-start:var(--padding-top);-webkit-padding-end:var(--padding-end);padding-inline-end:var(--padding-end)}:host(.toolbar-title-default) ::slotted(ion-title){text-align:center}:host(.toolbar-title-large) ::slotted(ion-title){-webkit-padding-start:var(--ion-space-400, 16px);padding-inline-start:var(--ion-space-400, 16px);-webkit-padding-end:var(--ion-space-400, 16px);padding-inline-end:var(--ion-space-400, 16px)}::slotted([slot=secondary]){-ms-flex-order:2;order:2}::slotted([slot=primary]){-ms-flex-order:4;order:4;text-align:end}::slotted([slot=start]){-ms-flex-order:1;order:1}::slotted([slot=start]),::slotted([slot=end]){display:-ms-flexbox;display:flex;-ms-flex:1;flex:1;gap:var(--ion-space-200, 8px)}::slotted([slot=end]){-ms-flex-pack:end;justify-content:end;-ms-flex-order:5;order:5;font-size:var(--ionic-font-size-600, 1.5rem)}",ios:":host{--border-width:0;--border-style:solid;--opacity:1;--opacity-scale:1;-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;display:block;position:relative;width:100%;padding-right:var(--ion-safe-area-right);padding-left:var(--ion-safe-area-left);color:var(--color);contain:content;-webkit-box-sizing:border-box;box-sizing:border-box}.toolbar-container{-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:-ms-flexbox;display:flex;position:relative;-ms-flex-direction:row;flex-direction:row;-ms-flex-align:center;align-items:center;-ms-flex-pack:justify;justify-content:space-between;width:100%;min-height:var(--min-height);contain:content;overflow:hidden;-webkit-box-sizing:border-box;box-sizing:border-box}.toolbar-background{right:0;left:0;top:0;bottom:0;position:absolute;-webkit-transform:translateZ(0);transform:translateZ(0);border-width:var(--border-width);border-style:var(--border-style);border-color:var(--border-color);background:var(--background);contain:strict;opacity:calc(var(--opacity) * var(--opacity-scale));pointer-events:none}::slotted(ion-progress-bar){right:0;left:0;bottom:0;position:absolute}:host{font-family:var(--ion-font-family, inherit);z-index:10}:host(.ion-color){color:var(--ion-color-contrast)}:host(.ion-color) .toolbar-background{background:var(--ion-color-base)}.toolbar-container{z-index:10}.toolbar-background{z-index:-1}:host{--background:var(--ion-toolbar-background, var(--ion-color-step-50, var(--ion-background-color-step-50, #f7f7f7)));--color:var(--ion-toolbar-color, var(--ion-text-color, #000));--border-color:var(--ion-toolbar-border-color, var(--ion-border-color, var(--ion-color-step-150, var(--ion-background-color-step-150, rgba(0, 0, 0, 0.2)))));--padding-top:3px;--padding-bottom:3px;--padding-start:4px;--padding-end:4px;--min-height:44px}.toolbar-content{-ms-flex:1;flex:1;-ms-flex-order:4;order:4;min-width:0}:host(.toolbar-segment) .toolbar-content{display:-ms-inline-flexbox;display:inline-flex}:host(.toolbar-searchbar) .toolbar-container{padding-top:0;padding-bottom:0}:host(.toolbar-searchbar) ::slotted(*){-ms-flex-item-align:start;align-self:start}:host(.toolbar-searchbar) ::slotted(ion-chip){margin-top:3px}::slotted(ion-buttons){min-height:38px}::slotted([slot=start]){-ms-flex-order:2;order:2}::slotted([slot=secondary]){-ms-flex-order:3;order:3}::slotted([slot=primary]){-ms-flex-order:5;order:5;text-align:end}::slotted([slot=end]){-ms-flex-order:6;order:6;text-align:end}:host(.toolbar-title-large) .toolbar-container{-ms-flex-wrap:wrap;flex-wrap:wrap;-ms-flex-align:start;align-items:flex-start}:host(.toolbar-title-large) .toolbar-content ion-title{-ms-flex:1;flex:1;-ms-flex-order:8;order:8;min-width:100%}",md:":host{--border-width:0;--border-style:solid;--opacity:1;--opacity-scale:1;-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;display:block;position:relative;width:100%;padding-right:var(--ion-safe-area-right);padding-left:var(--ion-safe-area-left);color:var(--color);contain:content;-webkit-box-sizing:border-box;box-sizing:border-box}.toolbar-container{-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:-ms-flexbox;display:flex;position:relative;-ms-flex-direction:row;flex-direction:row;-ms-flex-align:center;align-items:center;-ms-flex-pack:justify;justify-content:space-between;width:100%;min-height:var(--min-height);contain:content;overflow:hidden;-webkit-box-sizing:border-box;box-sizing:border-box}.toolbar-background{right:0;left:0;top:0;bottom:0;position:absolute;-webkit-transform:translateZ(0);transform:translateZ(0);border-width:var(--border-width);border-style:var(--border-style);border-color:var(--border-color);background:var(--background);contain:strict;opacity:calc(var(--opacity) * var(--opacity-scale));pointer-events:none}::slotted(ion-progress-bar){right:0;left:0;bottom:0;position:absolute}:host{font-family:var(--ion-font-family, inherit);z-index:10}:host(.ion-color){color:var(--ion-color-contrast)}:host(.ion-color) .toolbar-background{background:var(--ion-color-base)}.toolbar-container{z-index:10}.toolbar-background{z-index:-1}:host{--background:var(--ion-toolbar-background, var(--ion-background-color, #fff));--color:var(--ion-toolbar-color, var(--ion-text-color, #424242));--border-color:var(--ion-toolbar-border-color, var(--ion-border-color, var(--ion-color-step-150, var(--ion-background-color-step-150, #c1c4cd))));--padding-top:0;--padding-bottom:0;--padding-start:0;--padding-end:0;--min-height:56px}.toolbar-content{-ms-flex:1;flex:1;-ms-flex-order:3;order:3;min-width:0;max-width:100%}::slotted(.buttons-first-slot){-webkit-margin-start:4px;margin-inline-start:4px}::slotted(.buttons-last-slot){-webkit-margin-end:4px;margin-inline-end:4px}::slotted([slot=start]){-ms-flex-order:2;order:2}::slotted([slot=secondary]){-ms-flex-order:4;order:4}::slotted([slot=primary]){-ms-flex-order:5;order:5;text-align:end}::slotted([slot=end]){-ms-flex-order:6;order:6;text-align:end}"};export{O as ion_app,E as ion_buttons,L as ion_content,P as ion_footer,X as ion_header,H as ion_router_outlet,F as ion_title,Y as ion_toolbar}

package/dist/ionic/{p-5da94421.system.js → p-f8c63ac0.system.js}

@@ -1,4 +1,4 @@
-var __awaiter=this&&this.__awaiter||function(n,t,e,r){function i(n){return n instanceof e?n:new e((function(t){t(n)}))}return new(e||(e=Promise))((function(e,u){function o(n){try{f(r.next(n))}catch(n){u(n)}}function c(n){try{f(r["throw"](n))}catch(n){u(n)}}function f(n){n.done?e(n.value):i(n.value).then(o,c)}f((r=r.apply(n,t||[])).next())}))};var __generator=this&&this.__generator||function(n,t){var e={label:0,sent:function(){if(u[0]&1)throw u[1];return u[1]},trys:[],ops:[]},r,i,u,o;return o={next:c(0),throw:c(1),return:c(2)},typeof Symbol==="function"&&(o[Symbol.iterator]=function(){return this}),o;function c(n){return function(t){return f([n,t])}}function f(c){if(r)throw new TypeError("Generator is already executing.");while(o&&(o=0,c[0]&&(e=0)),e)try{if(r=1,i&&(u=c[0]&2?i["return"]:c[0]?i["throw"]||((u=i["return"])&&u.call(i),0):i.next)&&!(u=u.call(i,c[1])).done)return u;if(i=0,u)c=[c[0]&2,u.value];switch(c[0]){case 0:case 1:u=c;break;case 4:e.label++;return{value:c[1],done:false};case 5:e.label++;i=c[1];c=[0];continue;case 7:c=e.ops.pop();e.trys.pop();continue;default:if(!(u=e.trys,u=u.length>0&&u[u.length-1])&&(c[0]===6||c[0]===2)){e=0;continue}if(c[0]===3&&(!u||c[1]>u[0]&&c[1]<u[3])){e.label=c[1];break}if(c[0]===6&&e.label<u[1]){e.label=u[1];u=c;break}if(u&&e.label<u[2]){e.label=u[2];e.ops.push(c);break}if(u[2])e.ops.pop();e.trys.pop();continue}c=t.call(n,e)}catch(n){c=[6,n];i=0}finally{r=u=0}if(c[0]&5)throw c[1];return{value:c[0]?c[1]:void 0,done:true}}};
+var __awaiter=this&&this.__awaiter||function(n,t,e,r){function i(n){return n instanceof e?n:new e((function(t){t(n)}))}return new(e||(e=Promise))((function(e,u){function o(n){try{a(r.next(n))}catch(n){u(n)}}function c(n){try{a(r["throw"](n))}catch(n){u(n)}}function a(n){n.done?e(n.value):i(n.value).then(o,c)}a((r=r.apply(n,t||[])).next())}))};var __generator=this&&this.__generator||function(n,t){var e={label:0,sent:function(){if(u[0]&1)throw u[1];return u[1]},trys:[],ops:[]},r,i,u,o;return o={next:c(0),throw:c(1),return:c(2)},typeof Symbol==="function"&&(o[Symbol.iterator]=function(){return this}),o;function c(n){return function(t){return a([n,t])}}function a(c){if(r)throw new TypeError("Generator is already executing.");while(o&&(o=0,c[0]&&(e=0)),e)try{if(r=1,i&&(u=c[0]&2?i["return"]:c[0]?i["throw"]||((u=i["return"])&&u.call(i),0):i.next)&&!(u=u.call(i,c[1])).done)return u;if(i=0,u)c=[c[0]&2,u.value];switch(c[0]){case 0:case 1:u=c;break;case 4:e.label++;return{value:c[1],done:false};case 5:e.label++;i=c[1];c=[0];continue;case 7:c=e.ops.pop();e.trys.pop();continue;default:if(!(u=e.trys,u=u.length>0&&u[u.length-1])&&(c[0]===6||c[0]===2)){e=0;continue}if(c[0]===3&&(!u||c[1]>u[0]&&c[1]<u[3])){e.label=c[1];break}if(c[0]===6&&e.label<u[1]){e.label=u[1];u=c;break}if(u&&e.label<u[2]){e.label=u[2];e.ops.push(c);break}if(u[2])e.ops.pop();e.trys.pop();continue}c=t.call(n,e)}catch(n){c=[6,n];i=0}finally{r=u=0}if(c[0]&5)throw c[1];return{value:c[0]?c[1]:void 0,done:true}}};
 /*!
  * (C) Ionic http://ionicframework.com - MIT License
- */System.register(["./p-25180df3.system.js","./p-9ea607bd.system.js","./p-3ad285e3.system.js","./p-ff4b7e40.system.js"],(function(n){"use strict";var t,e,r,i,u;return{setters:[function(n){t=n.e;e=n.w},function(n){r=n.f;i=n.s},function(n){u=n.c},function(){}],execute:function(){var o=this;var c=n("startStatusTap",(function(){var n=window;n.addEventListener("statusTap",(function(){t((function(){var t=n.innerWidth;var c=n.innerHeight;var f=document.elementFromPoint(t/2,c/2);if(!f){return}var a=r(f);if(a){new Promise((function(n){return u(a,n)})).then((function(){e((function(){return __awaiter(o,void 0,void 0,(function(){return __generator(this,(function(n){switch(n.label){case 0:a.style.setProperty("--overflow","hidden");return[4,i(a,300)];case 1:n.sent();a.style.removeProperty("--overflow");return[2]}}))}))}))}))}}))}))}))}}}));
+ */System.register(["./p-0fa218e9.system.js","./p-3e91ea3a.system.js","./p-c373eebd.system.js","./p-556778bd.system.js","./p-4459a66e.system.js"],(function(n){"use strict";var t,e,r,i,u;return{setters:[function(n){t=n.f;e=n.w},function(n){r=n.f;i=n.s},function(n){u=n.c},function(){},function(){}],execute:function(){var o=this;var c=n("startStatusTap",(function(){var n=window;n.addEventListener("statusTap",(function(){t((function(){var t=n.innerWidth;var c=n.innerHeight;var a=document.elementFromPoint(t/2,c/2);if(!a){return}var f=r(a);if(f){new Promise((function(n){return u(f,n)})).then((function(){e((function(){return __awaiter(o,void 0,void 0,(function(){return __generator(this,(function(n){switch(n.label){case 0:f.style.setProperty("--overflow","hidden");return[4,i(f,300)];case 1:n.sent();f.style.removeProperty("--overflow");return[2]}}))}))}))}))}}))}))}))}}}));

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

@@ -0,0 +1,4 @@
+var __awaiter=this&&this.__awaiter||function(t,e,n,i){function r(t){return t instanceof n?t:new n((function(e){e(t)}))}return new(n||(n=Promise))((function(n,s){function u(t){try{o(i.next(t))}catch(t){s(t)}}function a(t){try{o(i["throw"](t))}catch(t){s(t)}}function o(t){t.done?n(t.value):r(t.value).then(u,a)}o((i=i.apply(t,e||[])).next())}))};var __generator=this&&this.__generator||function(t,e){var n={label:0,sent:function(){if(s[0]&1)throw s[1];return s[1]},trys:[],ops:[]},i,r,s,u;return u={next:a(0),throw:a(1),return:a(2)},typeof Symbol==="function"&&(u[Symbol.iterator]=function(){return this}),u;function a(t){return function(e){return o([t,e])}}function o(a){if(i)throw new TypeError("Generator is already executing.");while(u&&(u=0,a[0]&&(n=0)),n)try{if(i=1,r&&(s=a[0]&2?r["return"]:a[0]?r["throw"]||((s=r["return"])&&s.call(r),0):r.next)&&!(s=s.call(r,a[1])).done)return s;if(r=0,s)a=[a[0]&2,s.value];switch(a[0]){case 0:case 1:s=a;break;case 4:n.label++;return{value:a[1],done:false};case 5:n.label++;r=a[1];a=[0];continue;case 7:a=n.ops.pop();n.trys.pop();continue;default:if(!(s=n.trys,s=s.length>0&&s[s.length-1])&&(a[0]===6||a[0]===2)){n=0;continue}if(a[0]===3&&(!s||a[1]>s[0]&&a[1]<s[3])){n.label=a[1];break}if(a[0]===6&&n.label<s[1]){n.label=s[1];s=a;break}if(s&&n.label<s[2]){n.label=s[2];n.ops.push(a);break}if(s[2])n.ops.pop();n.trys.pop();continue}a=e.call(t,n)}catch(t){a=[6,t];r=0}finally{i=s=0}if(a[0]&5)throw a[1];return{value:a[0]?a[1]:void 0,done:true}}};
+/*!
+ * (C) Ionic http://ionicframework.com - MIT License
+ */System.register(["./p-0fa218e9.system.js","./p-47fd935c.system.js","./p-4459a66e.system.js","./p-c373eebd.system.js"],(function(t){"use strict";var e,n,i,r,s,u;return{setters:[function(t){e=t.r;n=t.h;i=t.i;r=t.g;s=t.e},function(t){u=t.a},function(){},function(){}],execute:function(){var a=":host(.tab-hidden){display:none !important}";var o=a;var f=t("ion_tab",function(){function t(t){e(this,t);this.loaded=false;this.active=false;this.delegate=undefined;this.tab=undefined;this.component=undefined}t.prototype.componentWillLoad=function(){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(t){switch(t.label){case 0:if(!this.active)return[3,2];return[4,this.setActive()];case 1:t.sent();t.label=2;case 2:return[2]}}))}))};t.prototype.setActive=function(){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(t){switch(t.label){case 0:return[4,this.prepareLazyLoaded()];case 1:t.sent();this.active=true;return[2]}}))}))};t.prototype.changeActive=function(t){if(t){this.prepareLazyLoaded()}};t.prototype.prepareLazyLoaded=function(){if(!this.loaded&&this.component!=null){this.loaded=true;try{return u(this.delegate,this.el,this.component,["ion-page"])}catch(t){console.error(t)}}return Promise.resolve(undefined)};t.prototype.render=function(){var t=this,e=t.tab,r=t.active,s=t.component;return n(i,{key:"94e7961359b6ee01e5be26be130505cc41fa62f3",role:"tabpanel","aria-hidden":!r?"true":null,"aria-labelledby":"tab-button-".concat(e),class:{"ion-page":s===undefined,"tab-hidden":!r}},n("slot",{key:"0b24cddb59292470bf6a631c8ee295267c8d68b2"}))};Object.defineProperty(t.prototype,"el",{get:function(){return r(this)},enumerable:false,configurable:true});Object.defineProperty(t,"watchers",{get:function(){return{active:["changeActive"]}},enumerable:false,configurable:true});return t}());f.style=o;var c=":host{right:0;left:0;top:0;bottom:0;display:-ms-flexbox;display:flex;position:absolute;-ms-flex-direction:column;flex-direction:column;width:100%;height:100%;contain:layout size style;z-index:0}.tabs-inner{position:relative;-ms-flex:1;flex:1;contain:layout size style}";var h=c;var d=t("ion_tabs",function(){function t(t){var n=this;e(this,t);this.ionNavWillLoad=s(this,"ionNavWillLoad",7);this.ionTabsWillChange=s(this,"ionTabsWillChange",3);this.ionTabsDidChange=s(this,"ionTabsDidChange",3);this.transitioning=false;this.onTabClicked=function(t){var e=t.detail,i=e.href,r=e.tab;if(n.useRouter&&i!==undefined){var s=document.querySelector("ion-router");if(s){s.push(i)}}else{n.select(r)}};this.selectedTab=undefined;this.useRouter=false}t.prototype.componentWillLoad=function(){return __awaiter(this,void 0,void 0,(function(){var t;return __generator(this,(function(e){switch(e.label){case 0:if(!this.useRouter){this.useRouter=(!!this.el.querySelector("ion-router-outlet")||!!document.querySelector("ion-router"))&&!this.el.closest("[no-router]")}if(!!this.useRouter)return[3,2];t=this.tabs;if(!(t.length>0))return[3,2];return[4,this.select(t[0])];case 1:e.sent();e.label=2;case 2:this.ionNavWillLoad.emit();return[2]}}))}))};t.prototype.componentWillRender=function(){var t=this.el.querySelector("ion-tab-bar");if(t){var e=this.selectedTab?this.selectedTab.tab:undefined;t.selectedTab=e}};t.prototype.select=function(t){return __awaiter(this,void 0,void 0,(function(){var e;return __generator(this,(function(n){switch(n.label){case 0:e=l(this.tabs,t);if(!this.shouldSwitch(e)){return[2,false]}return[4,this.setActive(e)];case 1:n.sent();return[4,this.notifyRouter()];case 2:n.sent();this.tabSwitch();return[2,true]}}))}))};t.prototype.getTab=function(t){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(e){return[2,l(this.tabs,t)]}))}))};t.prototype.getSelected=function(){return Promise.resolve(this.selectedTab?this.selectedTab.tab:undefined)};t.prototype.setRouteId=function(t){return __awaiter(this,void 0,void 0,(function(){var e;var n=this;return __generator(this,(function(i){switch(i.label){case 0:e=l(this.tabs,t);if(!this.shouldSwitch(e)){return[2,{changed:false,element:this.selectedTab}]}return[4,this.setActive(e)];case 1:i.sent();return[2,{changed:true,element:this.selectedTab,markVisible:function(){return n.tabSwitch()}}]}}))}))};t.prototype.getRouteId=function(){return __awaiter(this,void 0,void 0,(function(){var t,e;return __generator(this,(function(n){e=(t=this.selectedTab)===null||t===void 0?void 0:t.tab;return[2,e!==undefined?{id:e,element:this.selectedTab}:undefined]}))}))};t.prototype.setActive=function(t){if(this.transitioning){return Promise.reject("transitioning already happening")}this.transitioning=true;this.leavingTab=this.selectedTab;this.selectedTab=t;this.ionTabsWillChange.emit({tab:t.tab});t.active=true;return Promise.resolve()};t.prototype.tabSwitch=function(){var t=this.selectedTab;var e=this.leavingTab;this.leavingTab=undefined;this.transitioning=false;if(!t){return}if(e!==t){if(e){e.active=false}this.ionTabsDidChange.emit({tab:t.tab})}};t.prototype.notifyRouter=function(){if(this.useRouter){var t=document.querySelector("ion-router");if(t){return t.navChanged("forward")}}return Promise.resolve(false)};t.prototype.shouldSwitch=function(t){var e=this.selectedTab;return t!==undefined&&t!==e&&!this.transitioning};Object.defineProperty(t.prototype,"tabs",{get:function(){return Array.from(this.el.querySelectorAll("ion-tab"))},enumerable:false,configurable:true});t.prototype.render=function(){return n(i,{key:"204d4689b8d91a46b53710974596f719ae040223",onIonTabButtonClick:this.onTabClicked},n("slot",{key:"31b73cfcffa41720f7746383b692f5b287aa2007",name:"top"}),n("div",{key:"fba78170055143a821676a463a623c0b174b4d5f",class:"tabs-inner"},n("slot",{key:"220ee76e56b5508eba63166412204a94fbbe6e7c"})),n("slot",{key:"b78f32dbf1a10d184fe0a186ebb8312e60cfc095",name:"bottom"}))};Object.defineProperty(t.prototype,"el",{get:function(){return r(this)},enumerable:false,configurable:true});return t}());var l=function(t,e){var n=typeof e==="string"?t.find((function(t){return t.tab===e})):e;if(!n){console.error('tab with id: "'.concat(n,'" does not exist'))}return n};d.style=h}}}));

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

@@ -6,7 +6,8 @@ declare const enum AccordionState {
     Expanding = 8
 }
 /**
- * @virtualProp {"ios" | "md"} mode - The mode determines which platform styles to use.
+ * @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.
  *
  * @slot header - Content is placed at the top and is used to
  * expand or collapse the accordion item.
@@ -25,7 +26,7 @@ export declare class Accordion implements ComponentInterface {
     private contentElWrapper;
     private headerEl;
     private currentRaf;
-    el?: HTMLElement;
+    el: HTMLElement;
     state: AccordionState;
     isNext: boolean;
     isPrevious: boolean;
@@ -49,7 +50,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"`.
@@ -61,6 +62,7 @@ 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,7 +1,8 @@
 import type { ComponentInterface, EventEmitter } from '../../stencil-public-runtime';
 import type { AccordionGroupChangeEventDetail } from './accordion-group-interface';
 /**
- * @virtualProp {"ios" | "md"} mode - The mode determines which platform styles to use.
+ * @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 AccordionGroup implements ComponentInterface {
     el: HTMLIonAccordionGroupElement;
@@ -37,6 +38,15 @@ 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.
      *
@@ -78,5 +88,6 @@ 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,20 +1,16 @@
-import type { AnimationBuilder, LiteralUnion, Mode } from '../../interface';
-export interface ActionSheetOptions {
+import type { OverlayOptions } from "../../utils/overlays-interface";
+import type { LiteralUnion } from '../../interface';
+export interface ActionSheetOptions extends OverlayOptions {
     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,7 +3,8 @@ 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 which platform styles to use.
+ * @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 ActionSheet implements ComponentInterface, OverlayInterface {
     private readonly delegateController;
@@ -57,7 +58,7 @@ export declare class ActionSheet implements ComponentInterface, OverlayInterface
     subHeader?: string;
     /**
      * If `true`, the action sheet will be translucent.
-     * Only applies when the mode is `"ios"` and the device supports
+     * Only applies when the theme 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,6 +1,7 @@
-import type { AnimationBuilder, LiteralUnion, Mode, TextFieldTypes } from '../../interface';
+import type { OverlayOptions } from "../../utils/overlays-interface";
+import type { LiteralUnion, TextFieldTypes } from '../../interface';
 import type { IonicSafeString } from '../../utils/sanitization';
-export interface AlertOptions {
+export interface AlertOptions extends OverlayOptions {
     header?: string;
     subHeader?: string;
     message?: string | IonicSafeString;
@@ -9,15 +10,10 @@ export interface AlertOptions {
     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,7 +4,8 @@ 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 which platform styles to use.
+ * @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 Alert implements ComponentInterface, OverlayInterface {
     private readonly delegateController;
@@ -80,7 +81,7 @@ export declare class Alert implements ComponentInterface, OverlayInterface {
     backdropDismiss: boolean;
     /**
      * If `true`, the alert will be translucent.
-     * Only applies when the mode is `"ios"` and the device supports
+     * Only applies when the theme 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,8 +1,10 @@
 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,4 +1,32 @@
 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,7 +2,8 @@ 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 which platform styles to use.
+ * @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.
  *
  * @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,4 +1,8 @@
 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,7 +1,8 @@
 import type { ComponentInterface } from '../../stencil-public-runtime';
 import type { Color } from '../../interface';
 /**
- * @virtualProp {"ios" | "md"} mode - The mode determines which platform styles to use.
+ * @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 Badge implements ComponentInterface {
     /**
@@ -10,5 +11,26 @@ 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,7 +3,8 @@ 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 which platform styles to use.
+ * @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.
  *
  * @part native - The native HTML anchor or div element that wraps all child elements.
  * @part separator - The separator element between each breadcrumb.
@@ -92,6 +93,8 @@ 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 which platform styles to use.
- *
+ * @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 Breadcrumbs implements ComponentInterface {
     collapsed: boolean;

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

@@ -3,7 +3,8 @@ 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 which platform styles to use.
+ * @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.
  *
  * @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.
@@ -78,9 +79,11 @@ export declare class Button implements ComponentInterface, AnchorInterface, Butt
      */
     rel: string | undefined;
     /**
-     * Set to `"round"` for a button with more rounded corners.
+     * 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.
      */
-    shape?: 'round';
+    shape?: 'soft' | 'round' | 'rectangular';
     /**
      * 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
@@ -88,7 +91,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?: 'small' | 'default' | 'large';
+    size?: 'xsmall' | 'small' | 'default' | 'large' | 'xlarge';
     /**
      * If `true`, activates a button with a heavier font weight.
      */
@@ -128,6 +131,14 @@ 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,4 +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 Buttons implements ComponentInterface {
     /**
      * If true, buttons will disappear when its
@@ -7,7 +11,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 `ios` mode with `collapse` set to
+     * Only applies in the `ios` theme 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,7 +3,8 @@ 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 which platform styles to use.
+ * @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.
  *
  * @part native - The native HTML button, anchor, or div element that wraps all child elements.
  */
@@ -55,6 +56,12 @@ 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,6 +1,7 @@
 import type { ComponentInterface } from '../../stencil-public-runtime';
 /**
- * @virtualProp {"ios" | "md"} mode - The mode determines which platform styles to use.
+ * @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 CardContent implements ComponentInterface {
     render(): any;

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

@@ -1,7 +1,8 @@
 import type { ComponentInterface } from '../../stencil-public-runtime';
 import type { Color } from '../../interface';
 /**
- * @virtualProp {"ios" | "md"} mode - The mode determines which platform styles to use.
+ * @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 CardHeader implements ComponentInterface {
     /**
@@ -12,7 +13,7 @@ export declare class CardHeader implements ComponentInterface {
     color?: Color;
     /**
      * If `true`, the card header will be translucent.
-     * Only applies when the mode is `"ios"` and the device supports
+     * Only applies when the theme 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,7 +1,8 @@
 import type { ComponentInterface } from '../../stencil-public-runtime';
 import type { Color } from '../../interface';
 /**
- * @virtualProp {"ios" | "md"} mode - The mode determines which platform styles to use.
+ * @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 CardSubtitle implements ComponentInterface {
     /**

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

@@ -1,7 +1,8 @@
 import type { ComponentInterface } from '../../stencil-public-runtime';
 import type { Color } from '../../interface';
 /**
- * @virtualProp {"ios" | "md"} mode - The mode determines which platform styles to use.
+ * @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 CardTitle implements ComponentInterface {
     /**