@ionic/core 8.8.3 → 8.8.4-dev.11775576543.172b7b99

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

@@ -0,0 +1,4 @@
+/*!
+ * (C) Ionic http://ionicframework.com - MIT License
+ */
+import{r as t,c as o,f as a,w as i,e,h as r,d as s,g as n}from"./p-Omi_TcwW.js";import{f as d,i as h,d as l,r as p,a as c,p as m}from"./p-DKWXAwlR.js";import{C as f,a as b,d as u}from"./p-FvDKM4Ax.js";import{e as v,g as x,r as w,b as g,h as k}from"./p-CHE1xWbg.js";import{c as y}from"./p-B-hirT0v.js";import{g as A}from"./p-CXqdKf1K.js";import{G as Y,O,F as S,e as D,B as E,j as M,k as T,f as B,g as C,h as P}from"./p-BYtS2rae.js";import{g as j}from"./p-DaJxRxSQ.js";import{e as N,w as R}from"./p-BsfuYVMP.js";import{w as I,b as $,c as L}from"./p-CBV-BGvD.js";import{KEYBOARD_DID_OPEN as z}from"./p-Bx0bt2Ar.js";import{c as W}from"./p-Cb-0O4h8.js";import{g as F}from"./p-hHmYLOfE.js";import{createGesture as H}from"./p-Cl0B-RWe.js";import"./p-vXpMhGrs.js";import"./p-BTEOs1at.js";import"./p-SJmaFQ0H.js";var K;!function(t){t.Dark="DARK",t.Light="LIGHT",t.Default="DEFAULT"}(K||(K={}));const V={getEngine(){const t=A();if(null==t?void 0:t.isPluginAvailable("StatusBar"))return t.Plugins.StatusBar},setStyle(t){const o=this.getEngine();o&&o.setStyle(t)},getStyle:async function(){const t=this.getEngine();if(!t)return K.Default;const{style:o}=await t.getInfo();return o}},Z=(t,o)=>{if(1===o)return 0;const a=1/(1-o);return t*a+-o*a},G=()=>{!I||I.innerWidth>=768||V.setStyle({style:K.Dark})},_=(t=K.Default)=>{!I||I.innerWidth>=768||V.setStyle({style:t})},U=async(t,o)=>{"function"==typeof t.canDismiss&&await t.canDismiss(void 0,Y)&&(o.isRunning()?o.onFinish((()=>{t.dismiss(void 0,"handler")}),{oneTimeCallback:!0}):t.dismiss(void 0,"handler"))},X=t=>.00255275*2.71828**(-14.9619*t)-1.00255*2.71828**(-.0380968*t)+1,J=.915,Q=(t,o)=>v(400,t/Math.abs(1.1*o),500),q=(t,o)=>{const a=window.innerHeight,i=t.getBoundingClientRect().top,e=Math.round(1e3*(1-o/(a-i)))/1e3;return Math.max(0,Math.min(1,e))},tt=t=>{const{currentBreakpoint:o,backdropBreakpoint:a,expandToScroll:i,staticBackdropOpacity:e}=t,r=void 0===a||a<o;let s="0";e?s="calc(var(--backdrop-opacity)":r&&(s=`calc(var(--backdrop-opacity) * ${o})`);const n=W("backdropAnimation").fromTo("opacity",0,s);return r&&n.beforeStyles({"pointer-events":"none"}).afterClearStyles(["pointer-events"]),{wrapperAnimation:W("wrapperAnimation").keyframes([{offset:0,opacity:1,transform:"translateY(100%)"},{offset:1,opacity:1,transform:`translateY(${100-100*o}%)`}]),backdropAnimation:n,contentAnimation:i?void 0:W("contentAnimation").keyframes([{offset:0,opacity:1,maxHeight:100*(1-o)+"%"},{offset:1,opacity:1,maxHeight:100*o+"%"}])}},ot=t=>{const{currentBreakpoint:o,backdropBreakpoint:a}=t,i=`calc(var(--backdrop-opacity) * ${Z(o,a)})`,e=[{offset:0,opacity:i},{offset:1,opacity:0}],r=[{offset:0,opacity:i},{offset:a,opacity:0},{offset:1,opacity:0}],s=W("backdropAnimation").keyframes(0!==a?r:e);return{wrapperAnimation:W("wrapperAnimation").keyframes([{offset:0,opacity:1,transform:`translateY(${100-100*o}%)`},{offset:1,opacity:1,transform:"translateY(100%)"}]),backdropAnimation:s}},at=(t,o)=>{const{presentingEl:a,currentBreakpoint:i,expandToScroll:e}=o,r=x(t),{wrapperAnimation:s,backdropAnimation:n,contentAnimation:d}=void 0!==i?tt(o):{backdropAnimation:W().fromTo("opacity",.01,"var(--backdrop-opacity)").beforeStyles({"pointer-events":"none"}).afterClearStyles(["pointer-events"]),wrapperAnimation:W().fromTo("transform","translateY(100vh)","translateY(0vh)"),contentAnimation:void 0};n.addElement(r.querySelector("ion-backdrop")),s.addElement(r.querySelectorAll(".modal-wrapper, .modal-shadow")).beforeStyles({opacity:1}),!e&&(null==d||d.addElement(t.querySelector(".ion-page")));const h=W("entering-base").addElement(t).easing("cubic-bezier(0.32,0.72,0,1)").duration(500).addAnimation([s]);if(d&&h.addAnimation(d),a){const t=window.innerWidth<768,o="ION-MODAL"===a.tagName&&void 0!==a.presentingElement,i=x(a),e=W().beforeStyles({transform:"translateY(0)","transform-origin":"top center",overflow:"hidden"}),r=document.body;if(t){const t=CSS.supports("width","max(0px, 1px)")?"max(30px, var(--ion-safe-area-top))":"30px",i=`translateY(${o?"-10px":t}) scale(0.915)`;e.afterStyles({transform:i}).beforeAddWrite((()=>r.style.setProperty("background-color","black"))).addElement(a).keyframes([{offset:0,filter:"contrast(1)",transform:"translateY(0px) scale(1)",borderRadius:"0px"},{offset:1,filter:"contrast(0.85)",transform:i,borderRadius:"10px 10px 0 0"}]),h.addAnimation(e)}else if(h.addAnimation(n),o){const t=`translateY(-10px) scale(${o?J:1})`;e.afterStyles({transform:t}).addElement(i.querySelector(".modal-wrapper")).keyframes([{offset:0,filter:"contrast(1)",transform:"translateY(0) scale(1)"},{offset:1,filter:"contrast(0.85)",transform:t}]);const a=W().afterStyles({transform:t}).addElement(i.querySelector(".modal-shadow")).keyframes([{offset:0,opacity:"1",transform:"translateY(0) scale(1)"},{offset:1,opacity:"0",transform:t}]);h.addAnimation([e,a])}else s.fromTo("opacity","0","1")}else h.addAnimation(n);return h},it=(t,o,a=500)=>{const{presentingEl:i,currentBreakpoint:e}=o,r=x(t),{wrapperAnimation:s,backdropAnimation:n}=void 0!==e?ot(o):{backdropAnimation:W().fromTo("opacity","var(--backdrop-opacity)",0),wrapperAnimation:W().fromTo("transform","translateY(0vh)","translateY(100vh)")};n.addElement(r.querySelector("ion-backdrop")),s.addElement(r.querySelectorAll(".modal-wrapper, .modal-shadow")).beforeStyles({opacity:1});const d=W("leaving-base").addElement(t).easing("cubic-bezier(0.32,0.72,0,1)").duration(a).addAnimation(s);if(i){const t=window.innerWidth<768,o="ION-MODAL"===i.tagName&&void 0!==i.presentingElement,a=x(i),e=W().beforeClearStyles(["transform"]).afterClearStyles(["transform"]).onFinish((t=>{1===t&&(i.style.setProperty("overflow",""),Array.from(r.querySelectorAll("ion-modal:not(.overlay-hidden)")).filter((t=>void 0!==t.presentingElement)).length<=1&&r.style.setProperty("background-color",""))})),r=document.body;if(t){const t=CSS.supports("width","max(0px, 1px)")?"max(30px, var(--ion-safe-area-top))":"30px",a=`translateY(${o?"-10px":t}) scale(0.915)`;e.addElement(i).keyframes([{offset:0,filter:"contrast(0.85)",transform:a,borderRadius:"10px 10px 0 0"},{offset:1,filter:"contrast(1)",transform:"translateY(0px) scale(1)",borderRadius:"0px"}]),d.addAnimation(e)}else if(d.addAnimation(n),o){const t=`translateY(-10px) scale(${o?J:1})`;e.addElement(a.querySelector(".modal-wrapper")).afterStyles({transform:"translate3d(0, 0, 0)"}).keyframes([{offset:0,filter:"contrast(0.85)",transform:t},{offset:1,filter:"contrast(1)",transform:"translateY(0) scale(1)"}]);const i=W().addElement(a.querySelector(".modal-shadow")).afterStyles({transform:"translateY(0) scale(1)"}).keyframes([{offset:0,opacity:"0",transform:t},{offset:1,opacity:"1",transform:"translateY(0) scale(1)"}]);d.addAnimation([e,i])}else s.fromTo("opacity","1","0")}else d.addAnimation(n);return d},et=(t,o)=>{const{currentBreakpoint:a,expandToScroll:i}=o,e=x(t),{wrapperAnimation:r,backdropAnimation:s,contentAnimation:n}=void 0!==a?tt(o):{backdropAnimation:W().fromTo("opacity",.01,"var(--backdrop-opacity)").beforeStyles({"pointer-events":"none"}).afterClearStyles(["pointer-events"]),wrapperAnimation:W().keyframes([{offset:0,opacity:.01,transform:"translateY(40px)"},{offset:1,opacity:1,transform:"translateY(0px)"}]),contentAnimation:void 0};s.addElement(e.querySelector("ion-backdrop")),r.addElement(e.querySelector(".modal-wrapper")),!i&&(null==n||n.addElement(t.querySelector(".ion-page")));const d=W().addElement(t).easing("cubic-bezier(0.36,0.66,0.04,1)").duration(280).addAnimation([s,r]);return n&&d.addAnimation(n),d},rt=(t,o)=>{const{currentBreakpoint:a}=o,i=x(t),{wrapperAnimation:e,backdropAnimation:r}=void 0!==a?ot(o):{backdropAnimation:W().fromTo("opacity","var(--backdrop-opacity)",0),wrapperAnimation:W().keyframes([{offset:0,opacity:.99,transform:"translateY(0px)"},{offset:1,opacity:0,transform:"translateY(40px)"}])};return r.addElement(i.querySelector("ion-backdrop")),e.addElement(i.querySelector(".modal-wrapper")),W().easing("cubic-bezier(0.47,0,0.745,0.715)").duration(200).addAnimation([r,e])};let st=null,nt=!1;const dt=(t,o)=>{t.style.setProperty("--ion-safe-area-top",o.top),t.style.setProperty("--ion-safe-area-bottom",o.bottom),t.style.setProperty("--ion-safe-area-left",o.left),t.style.setProperty("--ion-safe-area-right",o.right)},ht=class{constructor(a){t(this,a),this.didPresent=o(this,"ionModalDidPresent",7),this.willPresent=o(this,"ionModalWillPresent",7),this.willDismiss=o(this,"ionModalWillDismiss",7),this.didDismiss=o(this,"ionModalDidDismiss",7),this.ionBreakpointDidChange=o(this,"ionBreakpointDidChange",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.ionMount=o(this,"ionMount",7),this.ionDragStart=o(this,"ionDragStart",7),this.ionDragMove=o(this,"ionDragMove",7),this.ionDragEnd=o(this,"ionDragEnd",7),this.lockController=y(),this.triggerController=D(),this.coreDelegate=f(),this.isSheetModal=!1,this.inheritedAttributes={},this.inline=!1,this.gestureAnimationDismissing=!1,this.presented=!1,this.hasController=!1,this.keyboardClose=!0,this.expandToScroll=!0,this.backdropBreakpoint=0,this.handleBehavior="none",this.backdropDismiss=!0,this.showBackdrop=!0,this.animated=!0,this.isOpen=!1,this.keepContentsMounted=!1,this.focusTrap=!0,this.canDismiss=!0,this.onHandleClick=()=>{const{sheetTransition:t,handleBehavior:o}=this;"cycle"===o&&void 0===t&&this.moveToNextBreakpoint()},this.onBackdropTap=()=>{const{sheetTransition:t}=this;void 0===t&&this.dismiss(void 0,E)},this.onLifecycle=t=>{const o=this.usersElement,a=lt[t.type];if(o&&a){const i=new CustomEvent(a,{bubbles:!1,cancelable:!1,detail:t.detail});o.dispatchEvent(i)}},this.onModalFocus=t=>{const{dragHandleEl:o,el:a}=this;t.target===a&&o&&-1!==o.tabIndex&&o.focus()},this.onSlotChange=({target:t})=>{t.assignedElements().forEach((t=>{t.querySelectorAll("ion-modal").forEach((t=>{null===t.getAttribute("data-parent-ion-modal")&&t.setAttribute("data-parent-ion-modal",this.el.id)}))}))}}onIsOpenChange(t,o){!0===t&&!1===o?this.present():!1===t&&!0===o&&this.dismiss()}triggerChanged(){const{trigger:t,el:o,triggerController:a}=this;t&&a.addClickListener(o,t)}onWindowResize(){this.presented&&(clearTimeout(this.resizeTimeout),this.resizeTimeout=setTimeout((()=>{const t=this.getSafeAreaContext();!t.isCardModal||this.enterAnimation||this.leaveAnimation||this.handleViewTransition(),t.isSheetModal&&this.updateSheetOffsetTop(),t.isSheetModal||t.isCardModal||(this.updateSafeAreaOverrides(),this.wrapperEl&&(this.wrapperEl.style.removeProperty("height"),this.wrapperEl.style.removeProperty("padding-bottom")),this.applyFullscreenSafeArea())}),50))}breakpointsChanged(t){void 0!==t&&(this.sortedBreakpoints=t.sort(((t,o)=>t-o)))}connectedCallback(){const{el:t}=this;M(t),this.triggerChanged()}disconnectedCallback(){this.triggerController.removeClickListener(),this.cleanupViewTransitionListener(),this.cleanupParentRemovalObserver(),this.cleanupSafeAreaOverrides()}componentWillLoad(){var t;const{breakpoints:o,initialBreakpoint:i,el:e,htmlAttributes:r}=this,s=this.isSheetModal=void 0!==o&&void 0!==i,n=["aria-label","role"];this.inheritedAttributes=g(e,n),e.parentNode&&(this.cachedOriginalParent=e.parentNode),void 0!==r&&n.forEach((t=>{r[t]&&(this.inheritedAttributes=Object.assign(Object.assign({},this.inheritedAttributes),{[t]:r[t]}),delete r[t])})),s&&(this.currentBreakpoint=this.initialBreakpoint),void 0===o||void 0===i||o.includes(i)||a("[ion-modal] - Your breakpoints array must include the initialBreakpoint value."),(null===(t=this.htmlAttributes)||void 0===t?void 0:t.id)||T(this.el)}componentDidLoad(){!0===this.isOpen&&w((()=>this.present())),this.breakpointsChanged(this.breakpoints),this.triggerChanged()}getDelegate(t=!1){if(this.workingDelegate&&!t)return{delegate:this.workingDelegate,inline:this.inline};const o=this.inline=null!==this.el.parentNode&&!this.hasController;return{inline:o,delegate:this.workingDelegate=o?this.delegate||this.coreDelegate:this.delegate}}async checkCanDismiss(t,o){const{canDismiss:a}=this;return"function"==typeof a?a(t,o):a}async present(){const t=await this.lockController.lock();if(this.presented)return void t();const{presentingElement:o,el:a}=this;this.currentBreakpoint=this.initialBreakpoint;const{inline:e,delegate:r}=this.getDelegate(!0);this.ionMount.emit(),this.usersElement=await b(r,a,this.component,["ion-page"],this.componentProps,e),k(a)?await N(this.usersElement):this.keepContentsMounted||await R(),i((()=>this.el.classList.add("show-modal"))),this.isSheetModal=void 0!==this.breakpoints&&void 0!==this.initialBreakpoint,this.setInitialSafeAreaOverrides();const s=void 0!==o;s&&"ios"===$(this)&&(this.statusBarStyle=await V.getStyle(),G()),await B(this,"modalEnter",at,et,{presentingEl:o,currentBreakpoint:this.initialBreakpoint,backdropBreakpoint:this.backdropBreakpoint,expandToScroll:this.expandToScroll,staticBackdropOpacity:"ionic"===L(this)}),this.updateSafeAreaOverrides(),this.applyFullscreenSafeArea(),"undefined"!=typeof window&&(this.keyboardOpenCallback=()=>{this.gesture&&(this.gesture.enable(!1),w((()=>{this.gesture&&this.gesture.enable(!0)})))},window.addEventListener(z,this.keyboardOpenCallback)),this.isSheetModal?this.initSheetGesture():s&&this.initSwipeToClose(),this.initViewTransitionListener(),this.initParentRemovalObserver(),t()}initSwipeToClose(){var t;if("ios"!==$(this))return;const{el:o}=this,a=this.leaveAnimation||e.get("modalLeave",it),i=this.animation=a(o,{presentingEl:this.presentingElement,expandToScroll:this.expandToScroll});if(!c(o))return void m(o);const r=null!==(t=this.statusBarStyle)&&void 0!==t?t:K.Default;this.gesture=((t,o,a,i,e,r,s)=>{const n=.5,c=t.offsetHeight;let m=!1,f=!1,b=null,u=null,w=!0,g=0;const k=H({el:t,gestureName:"modalSwipeToClose",gesturePriority:O,direction:"y",threshold:10,canStart:t=>{const o=t.event.target;if(null===o||!o.closest)return!0;if(b=d(o),b){if(h(b)){const t=x(b);u=t.querySelector(".inner-scroll")}else u=b;return!b.querySelector("ion-refresher")&&0===u.scrollTop}return null===o.closest("ion-footer")},onStart:a=>{const{deltaY:i}=a;w=!b||!h(b)||b.scrollY,f=void 0!==t.canDismiss&&!0!==t.canDismiss,i>0&&b&&l(b),o.progressStart(!0,m?1:0),e()},onMove:i=>{const{deltaY:e}=i;e>0&&b&&l(b);const s=i.deltaY/c,d=s>=0&&f,h=d?.2:.9999,p=d?X(s/h):s,m=v(1e-4,p,h);o.progressStep(m),m>=n&&g<n?_(a):m<n&&g>=n&&G(),g=m;const u={currentY:i.currentY,deltaY:i.deltaY,velocityY:i.velocityY,progress:q(t,i.deltaY)};r(u)},onEnd:a=>{const e=a.velocityY,r=a.deltaY/c,d=r>=0&&f,h=d?.2:.9999,l=d?X(r/h):r,u=v(1e-4,l,h),x=!d&&(a.deltaY+1e3*e)/c>=n;let g=x?-.001:.001;x?(o.easing("cubic-bezier(0.32, 0.72, 0, 1)"),g+=F([0,0],[.32,.72],[0,1],[1,1],u)[0]):(o.easing("cubic-bezier(1, 0, 0.68, 0.28)"),g+=F([0,0],[1,0],[.68,.28],[1,1],u)[0]);const y=Q(x?r*c:(1-u)*c,e);m=x,k.enable(!1),b&&p(b,w),o.onFinish((()=>{x||k.enable(!0)})).progressEnd(x?1:0,g,y),d&&u>h/4?U(t,o):x&&i();const A={currentY:a.currentY,deltaY:a.deltaY,velocityY:a.velocityY,progress:q(t,a.deltaY)};s(A)}});return k})(o,i,r,(()=>this.cardOnDismiss()),(()=>this.onDragStart()),(t=>this.onDragMove(t)),(t=>this.onDragEnd(t))),this.gesture.enable(!0)}initSheetGesture(){const{wrapperEl:t,initialBreakpoint:o,backdropBreakpoint:a}=this;if(!t||void 0===o)return;const i=this.enterAnimation||e.get("modalEnter",at),r=this.animation=i(this.el,{presentingEl:this.presentingElement,currentBreakpoint:o,backdropBreakpoint:a,expandToScroll:this.expandToScroll,staticBackdropOpacity:"ionic"===L(this)});r.progressStart(!0,1);const{gesture:s,moveSheetToBreakpoint:n}=((t,o,a,i,e,r,s=[],n,l,p,c,m,f,b,u)=>{const g={WRAPPER_KEYFRAMES:[{offset:0,transform:"translateY(0%)"},{offset:1,transform:"translateY(100%)"}],BACKDROP_KEYFRAMES:0!==e?[{offset:0,opacity:"var(--backdrop-opacity)"},{offset:1-e,opacity:m?"var(--backdrop-opacity)":0},{offset:1,opacity:m?"var(--backdrop-opacity)":0}]:[{offset:0,opacity:"var(--backdrop-opacity)"},{offset:1,opacity:m?"var(--backdrop-opacity)":.01}],CONTENT_KEYFRAMES:[{offset:0,maxHeight:"100%"},{offset:1,maxHeight:"0%"}]},k=t.querySelector("ion-content"),y=a.clientHeight;let A=i,Y=0,O=!1,D=null,E=null,M=null,T=null;const B=s[s.length-1],C=s[0],P=r.childAnimations.find((t=>"wrapperAnimation"===t.id)),j=r.childAnimations.find((t=>"backdropAnimation"===t.id)),N=r.childAnimations.find((t=>"contentAnimation"===t.id)),R=()=>{!1!==t.focusTrap&&!1!==t.showBackdrop&&(t.style.setProperty("pointer-events","auto"),o.style.setProperty("pointer-events","auto"),t.classList.remove(S))},I=()=>{t.style.setProperty("pointer-events","none"),o.style.setProperty("pointer-events","none"),t.classList.add(S)},$=o=>{if(!E&&(E=Array.from(t.querySelectorAll("ion-footer")),!E.length))return;const a=t.querySelector(".ion-page");if(T=o,"stationary"===o)E.forEach((t=>{t.classList.remove("modal-footer-moving"),t.style.removeProperty("position"),t.style.removeProperty("width"),t.style.removeProperty("height"),t.style.removeProperty("top"),t.style.removeProperty("left"),null==a||a.style.removeProperty("padding-bottom"),null==a||a.appendChild(t)}));else{let o=0;E.forEach(((a,i)=>{const e=a.getBoundingClientRect(),r=document.body.getBoundingClientRect();o+=a.clientHeight;const s=e.top-r.top,n=e.left-r.left;if(a.style.setProperty("--pinned-width",`${a.clientWidth}px`),a.style.setProperty("--pinned-height",`${a.clientHeight}px`),a.style.setProperty("--pinned-top",`${s}px`),a.style.setProperty("--pinned-left",`${n}px`),0===i){M=s;const o=t.querySelector("ion-header");o&&(M-=o.clientHeight)}})),E.forEach((t=>{null==a||a.style.setProperty("padding-bottom",`${o}px`),t.classList.add("modal-footer-moving"),t.style.setProperty("position","absolute"),t.style.setProperty("width","var(--pinned-width)"),t.style.setProperty("height","var(--pinned-height)"),t.style.setProperty("top","var(--pinned-top)"),t.style.setProperty("left","var(--pinned-left)"),document.body.appendChild(t)}))}};P&&j&&(P.keyframes([...g.WRAPPER_KEYFRAMES]),j.keyframes([...g.BACKDROP_KEYFRAMES]),null==N||N.keyframes([...g.CONTENT_KEYFRAMES]),r.progressStart(!0,1-A),A>e&&!1!==t.focusTrap&&!1!==t.showBackdrop?R():I()),k&&A!==B&&n&&(k.scrollY=!1);const L=o=>{const{breakpoint:a,canDismiss:i,breakpointOffset:d,animated:h}=o,l=i&&0===a,f=l?A:a,b=0!==f;return A=0,P&&j&&(P.keyframes([{offset:0,transform:`translateY(${100*d}%)`},{offset:1,transform:`translateY(${100*(1-f)}%)`}]),j.keyframes([{offset:0,opacity:m?"var(--backdrop-opacity)":`calc(var(--backdrop-opacity) * ${Z(1-d,e)})`},{offset:1,opacity:m?"var(--backdrop-opacity)":`calc(var(--backdrop-opacity) * ${Z(f,e)})`}]),N&&N.keyframes([{offset:0,maxHeight:100*(1-d)+"%"},{offset:1,maxHeight:100*f+"%"}]),r.progressStep(0)),K.enable(!1),l?U(t,r):b||p(),!k||f!==s[s.length-1]&&n||(k.scrollY=!0),n||0!==f||$("stationary"),new Promise((o=>{r.onFinish((()=>{b?(n||$("stationary"),P&&j?w((()=>{P.keyframes([...g.WRAPPER_KEYFRAMES]),j.keyframes([...g.BACKDROP_KEYFRAMES]),null==N||N.keyframes([...g.CONTENT_KEYFRAMES]),r.progressStart(!0,1-f),A=f,c(A),A>e&&!1!==t.focusTrap&&!1!==t.showBackdrop?R():I(),K.enable(!0),o()})):(K.enable(!0),o())):o()}),{oneTimeCallback:!0}).progressEnd(1,0,h?500:0)}))},z=t=>{const o=a.getBoundingClientRect().top+t,i=W(o);return s.reduce(((t,o)=>Math.abs(o-i)<Math.abs(t-i)?o:t))},W=t=>{const o=s[s.length-1],a=F(s[0]),i=F(o),e=Math.round((a-t)/(a-i)*1e3)/1e3;return Math.max(0,Math.min(1,e))},F=o=>{const a=t.getBoundingClientRect();return window.innerHeight-a.height*o},K=H({el:a,gestureName:"modalSheet",gesturePriority:40,direction:"y",threshold:10,canStart:t=>{const o=d(t.event.target);if(A=l(),!n&&o)return 0===(h(o)?x(o).querySelector(".inner-scroll"):o).scrollTop;if(1===A&&o){const t=h(o)?x(o).querySelector(".inner-scroll"):o;return!o.querySelector("ion-refresher")&&0===t.scrollTop}return!0},onStart:o=>{if(O=void 0!==t.canDismiss&&!0!==t.canDismiss&&0===C,!n){const t=d(o.event.target);D=t&&h(t)?x(t).querySelector(".inner-scroll"):t}n||$("moving"),o.deltaY>0&&k&&(k.scrollY=!1),w((()=>{t.focus()})),r.progressStart(!0,1-A),f()},onMove:t=>{if(n||null===M||null===T||(t.currentY>=M&&"moving"===T?$("stationary"):t.currentY<M&&"stationary"===T&&$("moving")),!n&&t.deltaY<=0&&D)return;t.deltaY>0&&k&&(k.scrollY=!1);const o=s.length>1?1-s[1]:void 0,a=1-A+t.deltaY/y,i=void 0!==o&&a>=o&&O,e=i?.95:.9999,d=i&&void 0!==o?o+X((a-o)/(e-o)):a;Y=v(1e-4,d,e),r.progressStep(Y);const h=z(t.deltaY),l={currentY:t.currentY,deltaY:t.deltaY,velocityY:t.velocityY,progress:W(t.currentY),snapBreakpoint:h};b(l)},onEnd:t=>{const o=z(t.deltaY),a={currentY:t.currentY,deltaY:t.deltaY,velocityY:t.velocityY,progress:W(t.currentY),snapBreakpoint:o};if(!n&&t.deltaY<=0&&D&&D.scrollTop>0)return $("stationary"),void u(a);L({breakpoint:o,breakpointOffset:Y,canDismiss:O,animated:!0}),u(a)}});return{gesture:K,moveSheetToBreakpoint:L}})(this.el,this.backdropEl,t,o,a,r,this.sortedBreakpoints,this.expandToScroll,(()=>{var t;return null!==(t=this.currentBreakpoint)&&void 0!==t?t:0}),(()=>this.sheetOnDismiss()),(t=>{this.currentBreakpoint!==t&&(this.currentBreakpoint=t,this.ionBreakpointDidChange.emit({breakpoint:t}))}),"ionic"===L(this),(()=>this.onDragStart()),(t=>this.onDragMove(t)),(t=>this.onDragEnd(t)));this.gesture=s,this.moveSheetToBreakpoint=n,this.gesture.enable(!0),(!1===this.showBackdrop||!1===this.focusTrap||a>0)&&this.setupChildRoutePassthrough()}setupChildRoutePassthrough(){var t;this.cachedPageParent=this.getOriginalPageParent();const o=this.cachedPageParent;if(!o||"ION-APP"===o.tagName)return;const a=Array.from(o.children).some((t=>{var o;return!(t===this.el||t instanceof HTMLElement&&"none"===window.getComputedStyle(t).display||"TEMPLATE"===t.tagName||"SLOT"===t.tagName||t.nodeType===Node.TEXT_NODE&&!(null===(o=t.textContent)||void 0===o?void 0:o.trim()))}));if(a)return;o.classList.add("ion-page-overlay-passthrough");const i=o.parentElement;"ION-ROUTER-OUTLET"===(null==i?void 0:i.tagName)&&"ION-APP"!==(null===(t=i.parentElement)||void 0===t?void 0:t.tagName)&&(i.style.setProperty("pointer-events","none"),i.setAttribute("data-overlay-passthrough","true"))}getOriginalPageParent(){if(!this.cachedOriginalParent)return null;let t=this.cachedOriginalParent;for(;t&&!t.classList.contains("ion-page");)t=t.parentElement;return t}cleanupChildRoutePassthrough(){const t=this.cachedPageParent;if(!t)return;t.classList.remove("ion-page-overlay-passthrough");const o=t.parentElement;(null==o?void 0:o.hasAttribute("data-overlay-passthrough"))&&(o.style.removeProperty("pointer-events"),o.removeAttribute("data-overlay-passthrough")),this.cachedPageParent=void 0}sheetOnDismiss(){this.gestureAnimationDismissing=!0,this.animation.onFinish((async()=>{this.currentBreakpoint=0,this.ionBreakpointDidChange.emit({breakpoint:this.currentBreakpoint}),await this.dismiss(void 0,Y),this.gestureAnimationDismissing=!1}))}cardOnDismiss(){this.gestureAnimationDismissing=!0,_(this.statusBarStyle),this.animation.onFinish((async()=>{await this.dismiss(void 0,Y),this.gestureAnimationDismissing=!1}))}async dismiss(t,o){var a;if(this.gestureAnimationDismissing&&o!==Y)return!1;clearTimeout(this.resizeTimeout),this.resizeTimeout=void 0;const e=await this.lockController.lock();if(await this.dismissNestedModals(),"handler"!==o&&!await this.checkCanDismiss(t,o))return e(),!1;const{presentingElement:r}=this;void 0!==r&&"ios"===$(this)&&_(this.statusBarStyle),"undefined"!=typeof window&&this.keyboardOpenCallback&&(window.removeEventListener(z,this.keyboardOpenCallback),this.keyboardOpenCallback=void 0);const s=await C(this,t,o,"modalLeave",it,rt,{presentingEl:r,currentBreakpoint:null!==(a=this.currentBreakpoint)&&void 0!==a?a:this.initialBreakpoint,backdropBreakpoint:this.backdropBreakpoint,expandToScroll:this.expandToScroll});if(s){const{delegate:t}=this.getDelegate();await u(t,this.usersElement),i((()=>this.el.classList.remove("show-modal"))),this.animation&&this.animation.destroy(),this.gesture&&this.gesture.destroy(),this.cleanupViewTransitionListener(),this.cleanupParentRemovalObserver(),this.cleanupSafeAreaOverrides(),this.cleanupChildRoutePassthrough()}return this.currentBreakpoint=void 0,this.animation=void 0,e(),s}onDidDismiss(){return P(this.el,"ionModalDidDismiss")}onWillDismiss(){return P(this.el,"ionModalWillDismiss")}async setCurrentBreakpoint(t){if(!this.isSheetModal)return void a("[ion-modal] - setCurrentBreakpoint is only supported on sheet modals.");if(!this.breakpoints.includes(t))return void a(`[ion-modal] - Attempted to set invalid breakpoint value ${t}. Please double check that the breakpoint value is part of your defined breakpoints.`);const{currentBreakpoint:o,moveSheetToBreakpoint:i,canDismiss:e,breakpoints:r,animated:s}=this;o!==t&&i&&(this.sheetTransition=i({breakpoint:t,breakpointOffset:1-o,canDismiss:void 0!==e&&!0!==e&&0===r[0],animated:s}),await this.sheetTransition,this.sheetTransition=void 0)}async getCurrentBreakpoint(){return this.currentBreakpoint}async moveToNextBreakpoint(){const{breakpoints:t,currentBreakpoint:o}=this;if(!t||null==o)return!1;const a=t.filter((t=>0!==t)),i=a.indexOf(o),e=a[(i+1)%a.length];return await this.setCurrentBreakpoint(e),!0}getShape(){const t=L(this),{shape:o}=this;if("ionic"===t)return void 0===o?"round":o}initViewTransitionListener(){"ios"!==$(this)||!this.presentingElement||this.enterAnimation||this.leaveAnimation||(this.currentViewIsPortrait=window.innerWidth<768)}handleViewTransition(){if(!this.presented)return;const t=window.innerWidth<768;if(this.currentViewIsPortrait===t)return;this.viewTransitionAnimation&&(this.viewTransitionAnimation.destroy(),this.viewTransitionAnimation=void 0);const{presentingElement:o}=this;if(!o)return;let a;a=this.currentViewIsPortrait&&!t?((t,o,a=300)=>{const{presentingEl:i}=o;if(!i)return W("portrait-to-landscape-transition");const e="ION-MODAL"===i.tagName&&void 0!==i.presentingElement,r=x(i),s=document.body,n=W("portrait-to-landscape-transition").addElement(t).easing("cubic-bezier(0.32,0.72,0,1)").duration(a),d=W().beforeStyles({transform:"translateY(0)","transform-origin":"top center",overflow:"hidden"});if(e){const t="translateY(-10px) scale(0.915)",o="translateY(0px) scale(1)";d.addElement(i).afterStyles({transform:o}).fromTo("transform",t,o).fromTo("filter","contrast(0.85)","contrast(1)");const a=W().addElement(r.querySelector(".modal-shadow")).afterStyles({transform:o,opacity:"0"}).fromTo("transform",t,o);n.addAnimation([d,a])}else{const o=x(t),a=W().addElement(o.querySelectorAll(".modal-wrapper, .modal-shadow")).fromTo("opacity","1","1"),e=W().addElement(o.querySelector("ion-backdrop")).fromTo("opacity","var(--backdrop-opacity)","var(--backdrop-opacity)"),r=`translateY(${CSS.supports("width","max(0px, 1px)")?"max(30px, var(--ion-safe-area-top))":"30px"}) scale(0.915)`;d.addElement(i).afterStyles({transform:"translateY(0px) scale(1)","border-radius":"0px"}).beforeAddWrite((()=>s.style.setProperty("background-color",""))).fromTo("transform",r,"translateY(0px) scale(1)").fromTo("filter","contrast(0.85)","contrast(1)").fromTo("border-radius","10px 10px 0 0","0px"),n.addAnimation([d,a,e])}return n})(this.el,{presentingEl:o}):((t,o,a=300)=>{const{presentingEl:i}=o;if(!i)return W("landscape-to-portrait-transition");const e="ION-MODAL"===i.tagName&&void 0!==i.presentingElement,r=x(i),s=document.body,n=W("landscape-to-portrait-transition").addElement(t).easing("cubic-bezier(0.32,0.72,0,1)").duration(a),d=W().beforeStyles({transform:"translateY(0)","transform-origin":"top center",overflow:"hidden"});if(e){const t="translateY(-10px) scale(0.915)",o="translateY(0) scale(1)";d.addElement(i).afterStyles({transform:o}).fromTo("transform",t,o);const a=W().addElement(r.querySelector(".modal-shadow")).afterStyles({transform:o,opacity:"0"}).fromTo("transform",t,o);n.addAnimation([d,a])}else{const o=x(t),a=W().addElement(o.querySelectorAll(".modal-wrapper, .modal-shadow")).fromTo("opacity","1","1"),e=W().addElement(o.querySelector("ion-backdrop")).fromTo("opacity","var(--backdrop-opacity)","var(--backdrop-opacity)"),r=`translateY(${CSS.supports("width","max(0px, 1px)")?"max(30px, var(--ion-safe-area-top))":"30px"}) scale(0.915)`;d.addElement(i).afterStyles({transform:r}).beforeAddWrite((()=>s.style.setProperty("background-color","black"))).keyframes([{offset:0,transform:"translateY(0px) scale(1)",filter:"contrast(1)",borderRadius:"0px"},{offset:.2,transform:"translateY(0px) scale(1)",filter:"contrast(1)",borderRadius:"10px 10px 0 0"},{offset:1,transform:r,filter:"contrast(0.85)",borderRadius:"10px 10px 0 0"}]),n.addAnimation([d,a,e])}return n})(this.el,{presentingEl:o}),this.currentViewIsPortrait=t,this.viewTransitionAnimation=a,a.play().then((()=>{this.viewTransitionAnimation=void 0,w((()=>this.updateSafeAreaOverrides())),this.reinitSwipeToClose()}))}cleanupViewTransitionListener(){this.resizeTimeout&&(clearTimeout(this.resizeTimeout),this.resizeTimeout=void 0),this.viewTransitionAnimation&&(this.viewTransitionAnimation.destroy(),this.viewTransitionAnimation=void 0)}reinitSwipeToClose(){"ios"===$(this)&&this.presentingElement&&(this.gesture&&(this.gesture.destroy(),this.gesture=void 0),this.animation&&(this.animation.progressEnd(0,0,0),this.animation.destroy(),this.animation=void 0),w((()=>{this.ensureCorrectModalPosition(),this.initSwipeToClose()})))}ensureCorrectModalPosition(){const{el:t,presentingElement:o}=this,a=x(t).querySelector(".modal-wrapper");if(a&&(a.style.transform="translateY(0vh)",a.style.opacity="1"),"ION-MODAL"===(null==o?void 0:o.tagName))if(window.innerWidth<768){const t=CSS.supports("width","max(0px, 1px)")?"max(30px, var(--ion-safe-area-top))":"30px";o.style.transform=`translateY(${t}) scale(0.915)`}else o.style.transform="translateY(0px) scale(1)"}async dismissNestedModals(){const t=document.querySelectorAll(`ion-modal[data-parent-ion-modal="${this.el.id}"]`);null==t||t.forEach((async t=>{await t.dismiss(void 0,"parent-dismissed")}))}initParentRemovalObserver(){"undefined"!=typeof MutationObserver&&"undefined"!=typeof window&&this.cachedOriginalParent&&this.cachedOriginalParent.nodeType!==Node.DOCUMENT_NODE&&this.cachedOriginalParent.nodeType!==Node.DOCUMENT_FRAGMENT_NODE&&(this.hasController||this.cachedOriginalParent===document.body||"ION-APP"===this.cachedOriginalParent.tagName||(this.parentRemovalObserver=new MutationObserver((t=>{t.forEach((t=>{"childList"===t.type&&t.removedNodes.length>0&&(Array.from(t.removedNodes).some((t=>{var o,a;const i=t===this.cachedOriginalParent,e=!!this.cachedOriginalParent&&(null===(a=(o=t).contains)||void 0===a?void 0:a.call(o,this.cachedOriginalParent));return i||e}))||this.cachedOriginalParent&&!this.cachedOriginalParent.isConnected)&&(this.dismiss(void 0,"parent-removed"),this.cachedOriginalParent=void 0)}))})),this.parentRemovalObserver.observe(document.body,{childList:!0,subtree:!0})))}cleanupParentRemovalObserver(){var t;null===(t=this.parentRemovalObserver)||void 0===t||t.disconnect(),this.parentRemovalObserver=void 0}onDragStart(){this.ionDragStart.emit()}onDragMove(t){this.ionDragMove.emit(t)}onDragEnd(t){this.ionDragEnd.emit(t)}getSafeAreaContext(){return{isSheetModal:this.isSheetModal,isCardModal:void 0!==this.presentingElement&&"ios"===$(this),presentingElement:this.presentingElement,breakpoints:this.breakpoints,currentBreakpoint:this.currentBreakpoint}}setInitialSafeAreaOverrides(){const t=this.getSafeAreaContext(),o=(t=>{const{isSheetModal:o,isCardModal:a}=t;return o?{top:"0px",bottom:"inherit",left:"0px",right:"0px"}:a?{top:"inherit",bottom:"inherit",left:"0px",right:"0px"}:I&&I.matchMedia("(min-width: 768px) and (min-height: 600px)").matches?{top:"0px",bottom:"0px",left:"0px",right:"0px"}:{top:"inherit",bottom:"inherit",left:"inherit",right:"inherit"}})(t);dt(this.el,o),t.isSheetModal&&this.updateSheetOffsetTop()}updateSheetOffsetTop(){const t=(()=>{if(null!==st)return st;const t=null==I?void 0:I.document;if(!(null==t?void 0:t.body))return 0;const o=t.createElement("div");o.style.cssText="position:fixed;visibility:hidden;pointer-events:none;top:0;left:0;padding-top:var(--ion-safe-area-top,0px);",t.body.appendChild(o);const a=parseFloat(getComputedStyle(o).paddingTop)||0;return o.remove(),st=a,nt||(nt=!0,w((()=>{st=null,nt=!1}))),a})();this.el.style.setProperty("--ion-modal-offset-top",`${t}px`)}updateSafeAreaOverrides(){const{wrapperEl:t,el:o}=this,a=this.getSafeAreaContext();if(a.isSheetModal)return;if(a.isCardModal)return;if(!t)return;const i=(t=>{var o,a;const i=t.getBoundingClientRect(),e=null!==(o=null==I?void 0:I.innerHeight)&&void 0!==o?o:0,r=null!==(a=null==I?void 0:I.innerWidth)&&void 0!==a?a:0;return{top:i.top<=5?"inherit":"0px",bottom:i.bottom>=e-5?"inherit":"0px",left:i.left<=5?"inherit":"0px",right:i.right>=r-5?"inherit":"0px"}})(t);dt(o,i)}applyFullscreenSafeArea(){const{wrapperEl:t,el:o}=this;if(!t)return;const a=this.getSafeAreaContext();if(a.isSheetModal||a.isCardModal)return;let i=!1,e=!1;for(const t of Array.from(o.children)){"ION-CONTENT"===t.tagName&&(i=!0),"ION-FOOTER"===t.tagName&&(e=!0);for(const o of Array.from(t.children))"ION-CONTENT"===o.tagName&&(i=!0),"ION-FOOTER"===o.tagName&&(e=!0)}i&&!e&&(t.style.setProperty("height","calc(var(--height) - var(--ion-safe-area-bottom, 0px))"),t.style.setProperty("padding-bottom","var(--ion-safe-area-bottom, 0px)"))}cleanupSafeAreaOverrides(){var t;(t=this.el).style.removeProperty("--ion-safe-area-top"),t.style.removeProperty("--ion-safe-area-bottom"),t.style.removeProperty("--ion-safe-area-left"),t.style.removeProperty("--ion-safe-area-right"),this.el.style.removeProperty("--ion-modal-offset-top"),this.wrapperEl&&(this.wrapperEl.style.removeProperty("height"),this.wrapperEl.style.removeProperty("padding-bottom"))}render(){const{handle:t,isSheetModal:o,presentingElement:a,htmlAttributes:i,handleBehavior:e,inheritedAttributes:n,focusTrap:d,expandToScroll:h}=this,l=!1!==t&&o,p=L(this),c=void 0!==a&&"ios"===p,m="cycle"===e,f=this.getShape();return r(s,Object.assign({key:"4b323edb66d28260c34b31fd2af8f4ae53a7ef90","no-router":!0,tabIndex:m&&o&&l?0:-1},i,{style:{zIndex:`${2e4+this.overlayIndex}`},class:Object.assign({[p]:!0,"modal-default":!c&&!o,"modal-card":c,"modal-sheet":o,[`modal-${f}`]:void 0!==f,"modal-no-expand-scroll":o&&!h,"overlay-hidden":!0,[S]:!1===d},j(this.cssClass)),onIonBackdropTap:this.onBackdropTap,onIonModalDidPresent:this.onLifecycle,onIonModalWillPresent:this.onLifecycle,onIonModalWillDismiss:this.onLifecycle,onIonModalDidDismiss:this.onLifecycle,onFocus:this.onModalFocus}),r("ion-backdrop",{key:"6059e348dc3d020f995577dde1b7949bdb2c0f2f",ref:t=>this.backdropEl=t,visible:this.showBackdrop,tappable:this.backdropDismiss,part:"backdrop"}),"ios"===p&&r("div",{key:"5a08a99dfc3de51ac7516fc76fdba3672f84db71",class:"modal-shadow"}),r("div",Object.assign({key:"a7a841a5b2f740fbf576b82b82782aa235b701ee",role:"dialog"},n,{"aria-modal":"true",class:"modal-wrapper ion-overlay-wrapper",part:"content",ref:t=>this.wrapperEl=t}),l&&r("button",{key:"ca5567e9ab3e9e80b41314d396106faf2da09ffe",class:"modal-handle",tabIndex:m?0:-1,"aria-label":"Activate to adjust the size of the dialog overlaying the screen",onClick:m?this.onHandleClick:void 0,part:"handle",ref:t=>this.dragHandleEl=t}),r("slot",{key:"da5471ea4292166798d3f949e79e7b3e55a0e83f",onSlotchange:this.onSlotChange})))}get el(){return n(this)}static get watchers(){return{isOpen:[{onIsOpenChange:0}],trigger:[{triggerChanged:0}]}}},lt={ionModalDidPresent:"ionViewDidEnter",ionModalWillPresent:"ionViewWillEnter",ionModalWillDismiss:"ionViewWillLeave",ionModalDidDismiss:"ionViewDidLeave"};ht.style={ionic:':host{--width:100%;--min-width:auto;--max-width:auto;--height:100%;--min-height:auto;--max-height:auto;--overflow:hidden;--border-width:0;--border-style:none;--border-color:transparent;--box-shadow:none;right:0;left:0;top:0;bottom:0;display:-ms-flexbox;display:flex;position:absolute;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;outline:none;contain:strict}.modal-wrapper,ion-backdrop{pointer-events:auto}:host(.overlay-hidden){display:none}.modal-wrapper,.modal-shadow{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);overflow:var(--overflow);z-index:10}.modal-shadow{position:absolute;background:transparent}.modal-handle{-webkit-margin-start:auto;margin-inline-start:auto;-webkit-margin-end:auto;margin-inline-end:auto;position:absolute;-webkit-transform:translateZ(0);transform:translateZ(0);border:0;cursor:pointer;z-index:11}.modal-handle::before{position:absolute;-webkit-transform:translate(-50%, -50%);transform:translate(-50%, -50%);content:""}:host(.modal-sheet) .modal-wrapper,:host(.modal-sheet) .modal-shadow{position:absolute;bottom:0}:host(.modal-sheet.modal-no-expand-scroll) ion-footer{position:absolute;bottom:0;width:var(--width)}:host{--background:var(--token-bg-surface-default, var(--token-primitives-base-white, #ffffff));--box-shadow:var(--token-elevation-3, 0px 2px 7px 0px rgba(0, 0, 0, 0.05), 0px 6px 32px 0px rgba(0, 0, 0, 0.16));--backdrop-opacity:1;color:var(--token-text-default, var(--token-primitives-neutral-1200, #242424))}:host(.modal-round){--border-radius:var(--token-border-radius-1000, var(--token-scale-1000, 40px))}:host(.modal-soft){--border-radius:var(--token-border-radius-400, var(--token-scale-400, 16px))}:host(.modal-rectangular){--border-radius:var(--token-border-radius-0, var(--token-scale-0, 0px))}:host(.select-modal.modal-default){--max-height:45%;--max-width:calc(100% - (var(--token-space-400, var(--token-scale-400, 16px)) * 2));--min-height:340px}.modal-handle{right:0px;left:0px;top:var(--token-space-300, var(--token-scale-300, 12px));border-radius:var(--token-border-radius-100, var(--token-scale-100, 4px));width:var(--token-scale-1100, 44px);height:var(--token-scale-100, 4px);background-color:var(--token-primitives-neutral-300, #e0e0e0)}.modal-handle::before{-webkit-padding-start:var(--token-space-100, var(--token-scale-100, 4px));padding-inline-start:var(--token-space-100, var(--token-scale-100, 4px));-webkit-padding-end:var(--token-space-100, var(--token-scale-100, 4px));padding-inline-end:var(--token-space-100, var(--token-scale-100, 4px));padding-top:var(--token-space-100, var(--token-scale-100, 4px));padding-bottom:var(--token-space-100, var(--token-scale-100, 4px))}:host(.modal-sheet) .modal-wrapper{border-start-start-radius:var(--border-radius);border-start-end-radius:var(--border-radius);border-end-end-radius:0;border-end-start-radius:0}:host(.modal-sheet){--height:calc(100% - (var(--ion-safe-area-top) + var(--token-scale-250, 10px)))}',ios:':host{--width:100%;--min-width:auto;--max-width:auto;--height:100%;--min-height:auto;--max-height:auto;--overflow:hidden;--border-width:0;--border-style:none;--border-color:transparent;--box-shadow:none;right:0;left:0;top:0;bottom:0;display:-ms-flexbox;display:flex;position:absolute;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;outline:none;contain:strict}.modal-wrapper,ion-backdrop{pointer-events:auto}:host(.overlay-hidden){display:none}.modal-wrapper,.modal-shadow{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);overflow:var(--overflow);z-index:10}.modal-shadow{position:absolute;background:transparent}.modal-handle{-webkit-margin-start:auto;margin-inline-start:auto;-webkit-margin-end:auto;margin-inline-end:auto;position:absolute;-webkit-transform:translateZ(0);transform:translateZ(0);border:0;cursor:pointer;z-index:11}.modal-handle::before{position:absolute;-webkit-transform:translate(-50%, -50%);transform:translate(-50%, -50%);content:""}:host(.modal-sheet) .modal-wrapper,:host(.modal-sheet) .modal-shadow{position:absolute;bottom:0}:host(.modal-sheet.modal-no-expand-scroll) ion-footer{position:absolute;bottom:0;width:var(--width)}:host{--background:var(--ion-background-color, #fff);--border-radius:0;--backdrop-opacity:0;color:var(--ion-text-color, #000)}@media only screen and (min-width: 768px) and (min-height: 600px){:host{--width:600px;--height:500px;--ion-safe-area-top:0px;--ion-safe-area-bottom:0px;--ion-safe-area-right:0px;--ion-safe-area-left:0px}}@media only screen and (min-width: 768px) and (min-height: 768px){:host{--width:600px;--height:600px}}.modal-handle{right:0px;left:0px;top:5px;border-radius:8px;width:36px;height:5px;background:var(--ion-color-step-350, var(--ion-background-color-step-350, #c0c0be))}.modal-handle::before{-webkit-padding-start:4px;padding-inline-start:4px;-webkit-padding-end:4px;padding-inline-end:4px;padding-top:4px;padding-bottom:4px;width:36px;height:5px}:host(.modal-sheet){--height:calc(100% - (var(--ion-modal-offset-top, 0px) + 10px))}:host{--backdrop-opacity:var(--ion-backdrop-opacity, 0.4)}:host(.modal-card),:host(.modal-sheet){--border-radius:10px}@media only screen and (min-width: 768px) and (min-height: 600px){:host{--border-radius:10px}}.modal-wrapper{-webkit-transform:translate3d(0,  100%,  0);transform:translate3d(0,  100%,  0)}@media screen and (max-width: 767px){@supports (width: max(0px, 1px)){:host(.modal-card){--height:calc(100% - max(30px, var(--ion-safe-area-top)) - 10px)}}@supports not (width: max(0px, 1px)){:host(.modal-card){--height:calc(100% - 40px)}}:host(.modal-card) .modal-wrapper{border-start-start-radius:var(--border-radius);border-start-end-radius:var(--border-radius);border-end-end-radius:0;border-end-start-radius:0}:host(.modal-card){--backdrop-opacity:0;--width:100%;-ms-flex-align:end;align-items:flex-end}:host(.modal-card) .modal-shadow{display:none}:host(.modal-card) ion-backdrop{pointer-events:none}}@media screen and (min-width: 768px){:host(.modal-card){--width:calc(100% - 120px);--height:calc(100% - (120px + var(--ion-safe-area-top) + var(--ion-safe-area-bottom)));--max-width:720px;--max-height:1000px;--backdrop-opacity:0;--box-shadow:0px 0px 30px 10px rgba(0, 0, 0, 0.1);-webkit-transition:all 0.5s ease-in-out;transition:all 0.5s ease-in-out}:host(.modal-card) .modal-wrapper{-webkit-box-shadow:none;box-shadow:none}:host(.modal-card) .modal-shadow{-webkit-box-shadow:var(--box-shadow);box-shadow:var(--box-shadow)}}:host(.modal-sheet) .modal-wrapper{border-start-start-radius:var(--border-radius);border-start-end-radius:var(--border-radius);border-end-end-radius:0;border-end-start-radius:0}',md:':host{--width:100%;--min-width:auto;--max-width:auto;--height:100%;--min-height:auto;--max-height:auto;--overflow:hidden;--border-width:0;--border-style:none;--border-color:transparent;--box-shadow:none;right:0;left:0;top:0;bottom:0;display:-ms-flexbox;display:flex;position:absolute;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;outline:none;contain:strict}.modal-wrapper,ion-backdrop{pointer-events:auto}:host(.overlay-hidden){display:none}.modal-wrapper,.modal-shadow{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);overflow:var(--overflow);z-index:10}.modal-shadow{position:absolute;background:transparent}.modal-handle{-webkit-margin-start:auto;margin-inline-start:auto;-webkit-margin-end:auto;margin-inline-end:auto;position:absolute;-webkit-transform:translateZ(0);transform:translateZ(0);border:0;cursor:pointer;z-index:11}.modal-handle::before{position:absolute;-webkit-transform:translate(-50%, -50%);transform:translate(-50%, -50%);content:""}:host(.modal-sheet) .modal-wrapper,:host(.modal-sheet) .modal-shadow{position:absolute;bottom:0}:host(.modal-sheet.modal-no-expand-scroll) ion-footer{position:absolute;bottom:0;width:var(--width)}:host{--background:var(--ion-background-color, #fff);--border-radius:0;--backdrop-opacity:0;color:var(--ion-text-color, #000)}@media only screen and (min-width: 768px) and (min-height: 600px){:host{--width:600px;--height:500px;--ion-safe-area-top:0px;--ion-safe-area-bottom:0px;--ion-safe-area-right:0px;--ion-safe-area-left:0px}}@media only screen and (min-width: 768px) and (min-height: 768px){:host{--width:600px;--height:600px}}.modal-handle{right:0px;left:0px;top:5px;border-radius:8px;width:36px;height:5px;background:var(--ion-color-step-350, var(--ion-background-color-step-350, #c0c0be))}.modal-handle::before{-webkit-padding-start:4px;padding-inline-start:4px;-webkit-padding-end:4px;padding-inline-end:4px;padding-top:4px;padding-bottom:4px;width:36px;height:5px}:host(.modal-sheet){--height:calc(100% - (var(--ion-modal-offset-top, 0px) + 10px))}:host{--backdrop-opacity:var(--ion-backdrop-opacity, 0.32)}@media only screen and (min-width: 768px) and (min-height: 600px){:host{--border-radius:2px;--box-shadow:0 28px 48px rgba(0, 0, 0, 0.4)}}.modal-wrapper{-webkit-transform:translate3d(0,  40px,  0);transform:translate3d(0,  40px,  0);opacity:0.01}'};export{ht as ion_modal}

package/dist/ionic/p-fIOYmaqA.js

@@ -0,0 +1,4 @@
+/*!
+ * (C) Ionic http://ionicframework.com - MIT License
+ */
+const M="data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyNTYgMjU2IiBmaWxsPSJjdXJyZW50Q29sb3IiPjxwYXRoIGQ9Ik0xNjUuNjYsMjAyLjM0YTgsOCwwLDAsMS0xMS4zMiwxMS4zMmwtODAtODBhOCw4LDAsMCwxLDAtMTEuMzJsODAtODBhOCw4LDAsMCwxLDExLjMyLDExLjMyTDkxLjMxLDEyOFoiLz48L3N2Zz4=";export{M as c}

package/dist/ionic/p-qETiT38a.js

@@ -0,0 +1,4 @@
+/*!
+ * (C) Ionic http://ionicframework.com - MIT License
+ */
+import{d as t}from"./p-CBV-BGvD.js";import{q as i}from"./p-CHE1xWbg.js";import"./p-Omi_TcwW.js";import"./p-vXpMhGrs.js";const o=o=>{if(void 0===t)return;let f,p,u,l=0;const d=o.getBoolean("animated",!0)&&o.getBoolean("rippleEffect",!0),v=new WeakMap,m=()=>{u&&clearTimeout(u),u=void 0,f&&(j(!1),f=void 0)},w=(t,o)=>{if(t&&t===f)return;u&&clearTimeout(u),u=void 0;const{x:e,y:n}=i(o);if(f){if(v.has(f))throw new Error("internal error");f.classList.contains(a)||T(f,e,n),j(!0)}if(t){const i=v.get(t);i&&(clearTimeout(i),v.delete(t)),t.classList.remove(a);const o=()=>{T(t,e,n),u=void 0};r(t)?o():u=setTimeout(o,c)}f=t},T=(t,i,o)=>{if(l=Date.now(),t.classList.add(a),!d)return;const e=n(t);null!==e&&(b(),p=e.addRipple(i,o))},b=()=>{void 0!==p&&(p.then((t=>t())),p=void 0)},j=t=>{b();const i=f;if(!i)return;const o=s-Date.now()+l;if(t&&o>0&&!r(i)){const t=setTimeout((()=>{i.classList.remove(a),v.delete(i)}),s);v.set(i,t)}else i.classList.remove(a)};t.addEventListener("ionGestureCaptured",m),t.addEventListener("pointerdown",(t=>{f||2===t.button||w(e(t),t)}),!0),t.addEventListener("pointerup",(t=>{w(void 0,t)}),!0),t.addEventListener("pointercancel",m,!0)},e=t=>{if(void 0===t.composedPath)return t.target.closest(".ion-activatable");{const i=t.composedPath();for(let t=0;t<i.length-2;t++){const o=i[t];if(!(o instanceof ShadowRoot)&&o.classList.contains("ion-activatable"))return o}}},r=t=>t.classList.contains("ion-activatable-instant"),n=t=>{if(t.shadowRoot){const i=t.shadowRoot.querySelector("ion-ripple-effect");if(i)return i}return t.querySelector("ion-ripple-effect")},a="ion-activated",c=100,s=150;export{o as startTapClick}

package/dist/ionic/{p-gbVXD275.js → p-qYp06FUk.js}

@@ -1,4 +1,4 @@
 /*!
  * (C) Ionic http://ionicframework.com - MIT License
  */
-import{j as t}from"./p-IGIE5vDm.js";const n=n=>{try{if(n instanceof c)return n.value;if(!r()||"string"!=typeof n||""===n)return n;if(n.includes("onload="))return"";const t=document.createDocumentFragment(),s=document.createElement("div");t.appendChild(s),s.innerHTML=n,i.forEach((n=>{const r=t.querySelectorAll(n);for(let n=r.length-1;n>=0;n--){const s=r[n];s.parentNode?s.parentNode.removeChild(s):t.removeChild(s);const i=e(s);for(let t=0;t<i.length;t++)o(i[t])}}));const a=e(t);for(let t=0;t<a.length;t++)o(a[t]);const d=document.createElement("div");d.appendChild(t);const l=d.querySelector("div");return null!==l?l.innerHTML:d.innerHTML}catch(n){return t("sanitizeDOMString",n),""}},o=t=>{if(t.nodeType&&1!==t.nodeType)return;if("undefined"!=typeof NamedNodeMap&&!(t.attributes instanceof NamedNodeMap))return void t.remove();for(let n=t.attributes.length-1;n>=0;n--){const o=t.attributes.item(n),e=o.name;if(!s.includes(e.toLowerCase())){t.removeAttribute(e);continue}const r=o.value,i=t[e];(null!=r&&r.toLowerCase().includes("javascript:")||null!=i&&i.toLowerCase().includes("javascript:"))&&t.removeAttribute(e)}const n=e(t);for(let t=0;t<n.length;t++)o(n[t])},e=t=>null!=t.children?t.children:t.childNodes,r=()=>{var t;const n=window,o=null===(t=null==n?void 0:n.Ionic)||void 0===t?void 0:t.config;return!o||(o.get?o.get("sanitizerEnabled",!0):!0===o.sanitizerEnabled||void 0===o.sanitizerEnabled)},s=["class","id","href","src","name","slot"],i=["script","style","iframe","meta","link","object","embed"];class c{constructor(t){this.value=t}}const a=t=>{const n=window,o=n.Ionic;if(!o||!o.config||"Object"===o.config.constructor.name)return n.Ionic=n.Ionic||{},n.Ionic.config=Object.assign(Object.assign({},n.Ionic.config),t),n.Ionic.config},d=()=>{var t;const n=window,o=null===(t=null==n?void 0:n.Ionic)||void 0===t?void 0:t.config;return o?o.mode?o.mode:o.get("mode"):"md"},l=!1;export{l as E,c as I,n as a,d as g,a as s}
+import{j as t}from"./p-Omi_TcwW.js";const n=n=>{try{if(n instanceof c)return n.value;if(!r()||"string"!=typeof n||""===n)return n;if(n.includes("onload="))return"";const t=document.createDocumentFragment(),i=document.createElement("div");t.appendChild(i),i.innerHTML=n,s.forEach((n=>{const r=t.querySelectorAll(n);for(let n=r.length-1;n>=0;n--){const i=r[n];i.parentNode?i.parentNode.removeChild(i):t.removeChild(i);const s=e(i);for(let t=0;t<s.length;t++)o(s[t])}}));const a=e(t);for(let t=0;t<a.length;t++)o(a[t]);const d=document.createElement("div");d.appendChild(t);const l=d.querySelector("div");return null!==l?l.innerHTML:d.innerHTML}catch(n){return t("sanitizeDOMString",n),""}},o=t=>{if(t.nodeType&&1!==t.nodeType)return;if("undefined"!=typeof NamedNodeMap&&!(t.attributes instanceof NamedNodeMap))return void t.remove();for(let n=t.attributes.length-1;n>=0;n--){const o=t.attributes.item(n),e=o.name;if(!i.includes(e.toLowerCase())){t.removeAttribute(e);continue}const r=o.value,s=t[e];(null!=r&&r.toLowerCase().includes("javascript:")||null!=s&&s.toLowerCase().includes("javascript:"))&&t.removeAttribute(e)}const n=e(t);for(let t=0;t<n.length;t++)o(n[t])},e=t=>null!=t.children?t.children:t.childNodes,r=()=>{var t;const n=window,o=null===(t=null==n?void 0:n.Ionic)||void 0===t?void 0:t.config;return!o||(o.get?o.get("sanitizerEnabled",!0):!0===o.sanitizerEnabled||void 0===o.sanitizerEnabled)},i=["class","id","href","src","name","slot"],s=["script","style","iframe","meta","link","object","embed"];class c{constructor(t){this.value=t}}const a=t=>{const n=window,o=n.Ionic;if(!o||!o.config||"Object"===o.config.constructor.name)return n.Ionic=n.Ionic||{},n.Ionic.config=Object.assign(Object.assign({},n.Ionic.config),t),n.Ionic.config},d=()=>{var t;const n=window,o=null===(t=null==n?void 0:n.Ionic)||void 0===t?void 0:t.config;return o?o.mode?o.mode:o.get("mode"):"md"},l=!1;export{l as E,c as I,n as a,d as g,a as s}

package/dist/ionic/p-vXpMhGrs.js

@@ -0,0 +1,4 @@
+/*!
+ * (C) Ionic http://ionicframework.com - MIT License
+ */
+const o="ion-focused",t=["Tab","ArrowDown","Space","Escape"," ","Shift","Enter","ArrowLeft","ArrowRight","ArrowUp","Home","End"];let e=null;const s=()=>(e||(e=c()),e),n=o=>{s().setFocus(o)},c=e=>{let s=[],n=!0;const c=e?e.shadowRoot:document,u=e||document.body,r=t=>{s.forEach((t=>t.classList.remove(o))),t.forEach((t=>t.classList.add(o))),s=t},d=()=>{n=!1,r([])},f=o=>{n=t.includes(o.key),n||r([])},i=o=>{if(n&&void 0!==o.composedPath){const t=o.composedPath().filter((o=>!!o.classList&&o.classList.contains("ion-focusable")));r(t)}},w=()=>{c.activeElement===u&&r([])};return c.addEventListener("keydown",f),c.addEventListener("focusin",i),c.addEventListener("focusout",w),c.addEventListener("touchstart",d,{passive:!0}),c.addEventListener("mousedown",d),{destroy:()=>{c.removeEventListener("keydown",f),c.removeEventListener("focusin",i),c.removeEventListener("focusout",w),c.removeEventListener("touchstart",d),c.removeEventListener("mousedown",d)},setFocus:r}};export{n as focusElements,s as getOrInitFocusVisibleUtility,c as startFocusVisible}

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,10 +26,11 @@ export declare class Accordion implements ComponentInterface {
     private contentElWrapper;
     private headerEl;
     private currentRaf;
-    el?: HTMLElement;
+    el: HTMLElement;
     state: AccordionState;
     isNext: boolean;
     isPrevious: boolean;
+    isLast: boolean;
     /**
      * Tracks whether a user-initiated interaction has occurred.
      * Animations are disabled until the first interaction happens.
@@ -66,7 +68,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"`.
@@ -78,6 +80,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;
@@ -64,7 +65,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,10 +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?;
-    private loadTimeout?;
     el: HTMLElement;
-    componentDidLoad(): void;
-    disconnectedCallback(): 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
@@ -17,6 +17,5 @@ export declare class App implements ComponentInterface {
      * @param elements An array of HTML elements to set focus on.
      */
     setFocus(elements: HTMLElement[]): Promise<void>;
-    private rIC;
     render(): any;
 }

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

@@ -1,4 +1,36 @@
 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';
+    /**
+     * If `true`, the user cannot interact with the avatar.
+     */
+    disabled: boolean;
+    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,14 +1,47 @@
 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 {
+    el: HTMLElement;
     /**
      * The color to use from your application's color palette.
      * Default options are: `"primary"`, `"secondary"`, `"tertiary"`, `"success"`, `"warning"`, `"danger"`, `"light"`, `"medium"`, and `"dark"`.
      * For more information on colors, see [theming](/docs/theming/basics).
      */
     color?: Color;
+    /**
+     * Set to `"bold"` for a badge with vibrant, bold colors or to `"subtle"` for
+     * a badge with muted, subtle colors.
+     *
+     * Only applies to the `ionic` theme.
+     */
+    hue?: 'bold' | 'subtle';
+    /**
+     * 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 `"small"` for a small badge.
+     * Set to `"medium"` for a medium badge.
+     * Set to `"large"` for a large badge, when it is empty (no text or icon).
+     *
+     * Defaults to `"small"` for the `ionic` theme, undefined for all other themes.
+     */
+    size?: 'small' | 'medium' | 'large';
+    /**
+     * Set to `"top"` to position the badge on top right absolute position of the parent element.
+     * Set to `"bottom"` to position the badge on bottom right absolute position of the parent element.
+     */
+    vertical?: 'top' | 'bottom';
+    private getShape;
+    private getSize;
+    private getHue;
     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.
@@ -13,9 +14,10 @@ import type { RouterDirection } from '../router/utils/interface';
  * @part native - The native HTML button or anchor element that wraps all child elements.
  */
 export declare class Button implements ComponentInterface, AnchorInterface, ButtonInterface {
+    private inDatetime;
     private inItem;
     private inListHeader;
-    private inToolbar;
+    private inButtons;
     private formButtonEl;
     private formEl;
     private inheritedAttributes;
@@ -47,7 +49,8 @@ export declare class Button implements ComponentInterface, AnchorInterface, Butt
     /**
      * Set to `"clear"` for a transparent button that resembles a flat button, to `"outline"`
      * for a transparent button with a border, or to `"solid"` for a button with a filled background.
-     * The default fill is `"solid"` except inside of a toolbar, where the default is `"clear"`.
+     * The default fill is `"solid"` except when inside of a buttons or datetime component, where
+     * the default fill is `"clear"`.
      */
     fill?: 'clear' | 'outline' | 'solid' | 'default';
     /**
@@ -78,17 +81,19 @@ 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
+     * Set to `"small"` for a button with less height and padding, to `"medium"`
+     * for a button with the medium height and padding, or to `"large"` for a button
      * with more height and padding. By default the size is unset, unless the button
      * 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?: 'small' | 'default' | 'medium' | 'large';
     /**
      * If `true`, activates a button with a heavier font weight.
      */
@@ -138,7 +143,17 @@ export declare class Button implements ComponentInterface, AnchorInterface, Butt
     private renderHiddenButton;
     componentWillLoad(): void;
     private get hasIconOnly();
+    private get hasBadge();
     private get rippleType();
+    /**
+     * Set the shape based on the theme
+     */
+    private getShape;
+    /**
+     * Get the default size. If size is unset and the button is inside an item,
+     * the default size is "small". Otherwise, it uses the value of size.
+     */
+    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;