voyager-ionic-core 8.8.17 → 9.0.3

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

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

package/dist/ionic/p-zWf7R2xV.js

@@ -0,0 +1,4 @@
+/*!
+ * (C) Ionic http://ionicframework.com - MIT License
+ */
+import{e as n,f as e,w as i,B as a}from"./p-C23AVPx9.js";import{r as o}from"./p-CFuOr1Tu.js";const r="ionViewWillEnter",t="ionViewDidEnter",s="ionViewWillLeave",c="ionViewDidLeave",u="ionViewWillUnload",l=n=>{n.tabIndex=-1,n.focus()},d=n=>null!==n.offsetParent,f="ion-last-focus",p=e=>{if(n.get("focusManagerPriority",!1)){const n=document.activeElement;null!==n&&e?.contains(n)&&n.setAttribute(f,"true")}},w=i=>{const a=n.get("focusManagerPriority",!1);if(Array.isArray(a)&&!i.contains(document.activeElement)){const n=i.querySelector(`[${f}]`);if(n&&d(n))return void l(n);for(const n of a)switch(n){case"content":const a=i.querySelector('main, [role="main"]');if(a&&d(a))return void l(a);break;case"heading":const o=i.querySelector('h1, [role="heading"][aria-level="1"]');if(o&&d(o))return void l(o);break;case"banner":const r=i.querySelector('header, [role="banner"]');if(r&&d(r))return void l(r);break;default:e(`Unrecognized focus manager priority value ${n}`)}l(i)}},m=n=>new Promise(((e,a)=>{i((()=>{const i=D(n);v(n,i),b(n).then((i=>{i.animation&&i.animation.destroy(),g(n),e(i)}),(e=>{g(n),a(e)})).finally((()=>{W(i,!1)}))}))})),v=(n,e)=>{const i=n.enteringEl,a=n.leavingEl;p(a),M(i,a,n.direction),W(e,!0),n.showGoBack?i.classList.add("can-go-back"):i.classList.remove("can-go-back"),L(i,!1),i.style.setProperty("pointer-events","none"),a&&(L(a,!1),a.style.setProperty("pointer-events","none"))},b=async n=>{const e=await h(n);return e&&a.isBrowser?y(e,n):P(n)},g=n=>{const e=n.enteringEl,i=n.leavingEl;e.classList.remove("ion-page-invisible"),e.style.removeProperty("pointer-events"),void 0!==i&&(i.classList.remove("ion-page-invisible"),i.style.removeProperty("pointer-events")),w(e)},h=async n=>{if(n.leavingEl&&n.animated&&0!==n.duration)return n.animationBuilder?n.animationBuilder:"ios"===n.mode?(await import("./p-CmXuiRT6.js")).iosTransitionAnimation:(await import("./p-BY6BzzPF.js")).mdTransitionAnimation},y=async(n,e)=>{await k(e,!0);const i=n(e.baseEl,e);j(e.enteringEl,e.leavingEl);const a=await V(i,e);return e.progressCallback&&e.progressCallback(void 0),a&&z(e.enteringEl,e.leavingEl),{hasCompleted:a,animation:i}},P=async e=>{const i=e.enteringEl,a=e.leavingEl,o=n.get("focusManagerPriority",!1);return await k(e,o),j(i,a),z(i,a),{hasCompleted:!0}},k=async(n,e)=>{(void 0!==n.deepWait?n.deepWait:e)&&await Promise.all([E(n.enteringEl),E(n.leavingEl)]),await C(n.viewIsReady,n.enteringEl)},C=async(n,e)=>{n&&await n(e)},V=(n,e)=>{const i=e.progressCallback,a=new Promise((e=>{n.onFinish((n=>e(1===n)))}));return i?(n.progressStart(!0),i(n)):n.play(),a},j=(n,e)=>{A(e,s),A(n,r)},z=(n,e)=>{A(n,t),A(e,c)},A=(n,e)=>{if(n){const i=new CustomEvent(e,{bubbles:!1,cancelable:!1});n.dispatchEvent(i)}},B=()=>new Promise((n=>o((()=>o((()=>n())))))),E=async n=>{const e=n;if(e){if(null!=e.componentOnReady){if(null!=await e.componentOnReady())return}else if(null!=e.__registerHost){const n=new Promise((n=>o(n)));return void await n}await Promise.all(Array.from(e.children).map(E))}},L=(n,e)=>{e?(n.setAttribute("aria-hidden","true"),n.classList.add("ion-page-hidden")):(n.hidden=!1,n.removeAttribute("aria-hidden"),n.classList.remove("ion-page-hidden"))},M=(n,e,i)=>{void 0!==n&&(n.style.zIndex="back"===i?"99":"101"),void 0!==e&&(e.style.zIndex="100")},W=(n,e)=>{if(!n)return;const i="header-transitioning";e?n.classList.add(i):n.classList.remove(i)},x=n=>{if(n.classList.contains("ion-page"))return n;return n.querySelector(":scope > .ion-page, :scope > ion-nav, :scope > ion-tabs")||n},D=n=>{if("ios"!==n.mode)return null;const e="back"===n.direction?n.leavingEl:n.enteringEl;return e?e.querySelector("ion-header"):null};export{r as L,t as a,s as b,c,u as d,E as e,x as g,A as l,L as s,m as t,B as w}

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

@@ -192,6 +192,16 @@ export declare class ActionSheet implements ComponentInterface, OverlayInterface
     connectedCallback(): void;
     disconnectedCallback(): void;
     componentWillLoad(): void;
+    /**
+     * Only create gesture if:
+     * 1. A gesture does not already exist
+     * 2. App is running in iOS mode
+     * 3. A wrapper ref exists
+     * 4. A group ref exists
+     * 5. The host is still connected, since a reconnect can schedule this and
+     *    disconnect again before the task runs
+     */
+    private setupButtonActiveGesture;
     componentDidLoad(): void;
     private renderActionSheetButtons;
     render(): any;

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

@@ -154,6 +154,13 @@ export declare class Alert implements ComponentInterface, OverlayInterface {
     connectedCallback(): void;
     componentWillLoad(): void;
     disconnectedCallback(): void;
+    /**
+     * Only create gesture if:
+     * 1. A gesture does not already exist
+     * 2. App is running in iOS mode
+     * 3. A wrapper ref exists
+     */
+    private setupButtonActiveGesture;
     componentDidLoad(): void;
     /**
      * Present the alert overlay after it has been created.

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

@@ -19,6 +19,7 @@ export declare class Content implements ComponentInterface {
     private backgroundContentEl?;
     private isMainContent;
     private resizeTimeout;
+    private fullscreenResizeObserver?;
     private inheritedAttributes;
     private tabsElement;
     private tabsLoadCallback?;
@@ -36,6 +37,7 @@ export declare class Content implements ComponentInterface {
      * to transparent.
      */
     fullscreen: boolean;
+    fullscreenChanged(): void;
     /**
      * Controls where the fixed content is placed relative to the main content
      * in the DOM. This can be used to control the order in which fixed elements
@@ -80,7 +82,17 @@ export declare class Content implements ComponentInterface {
     ionScrollEnd: EventEmitter<ScrollBaseDetail>;
     componentWillLoad(): void;
     connectedCallback(): void;
+    componentDidLoad(): void;
     disconnectedCallback(): void;
+    /**
+     * Header and footer sizes can change after load without a window resize
+     * firing, so the `resize` listener alone misses those changes.
+     *
+     * Popover content is excluded because `contain: none` lets its offsets drive
+     * the host's own height, which would feed back into the observer.
+     */
+    private setupFullscreenResizeObserver;
+    private destroyFullscreenResizeObserver;
     /**
      * Rotating certain devices can update
      * the safe area insets. As a result,

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

@@ -57,6 +57,10 @@ export declare class Datetime implements ComponentInterface {
      * Set true only by `visibleCallback`. Lets `hiddenCallback` ignore the
      * synthetic "not intersecting" entry IntersectionObserver fires on
      * `observe()` when the host mounts offscreen.
+     *
+     * Don't reset this in `disconnectedCallback`. Overlays disconnect and
+     * reconnect the host without re-creating the observers, so a reset there
+     * makes `hiddenCallback` miss the dismissal.
      */
     private hasBeenIntersecting;
     private prevPresentation;
@@ -79,7 +83,7 @@ export declare class Datetime implements ComponentInterface {
     /**
      * 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).
+     * For more information on colors, refer to [theming](/docs/theming/basics).
      */
     color?: Color;
     /**

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

@@ -1,5 +1,7 @@
 import type { ComponentInterface, EventEmitter } from '../../stencil-public-runtime';
 /**
+ * @deprecated
+ *
  * @part image - The inner `img` element.
  */
 export declare class Img implements ComponentInterface {

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

@@ -19,6 +19,8 @@ export declare class Input implements ComponentInterface {
     private slotMutationController?;
     private notchController?;
     private notchSpacerEl;
+    private startContainerController?;
+    private startContainerEl;
     private originalIonInput?;
     /**
      * `true` if the input was cleared as a result of the user typing
@@ -64,7 +66,7 @@ export declare class Input implements ComponentInterface {
     /**
      * Whether auto correction should be enabled when the user is entering/editing the text value.
      */
-    autocorrect: 'on' | 'off';
+    autocorrect: boolean;
     /**
      * Sets the [`autofocus` attribute](https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/autofocus) on the native input element.
      *
@@ -347,14 +349,18 @@ export declare class Input implements ComponentInterface {
      */
     private get hasLabel();
     /**
-     * Stops propagation when the label is clicked,
-     * otherwise, two clicks will be triggered.
+     * Stops propagation for clicks on the input's own content (label text,
+     * input field) to prevent double-click events. Allows clicks on slotted
+     * content to propagate so event delegation works for parent handlers.
+     *
+     * Only slots belonging directly to this input should be considered.
+     * The input itself may have a slot attribute when placed in an item
+     * or toolbar, which does not make its content slotted content.
      */
     private onLabelClick;
     /**
-     * Renders the border container
-     * when fill="outline".
+     * Renders the outline border with a notch for the label.
      */
-    private renderLabelContainer;
+    private renderOutlineContainer;
     render(): any;
 }

package/dist/types/components/modal/gestures/sheet.d.ts

@@ -32,4 +32,5 @@ export interface MoveSheetToBreakpointOptions {
 export declare const createSheetGesture: (baseEl: HTMLIonModalElement, backdropEl: HTMLIonBackdropElement, wrapperEl: HTMLElement, initialBreakpoint: number, backdropBreakpoint: number, animation: Animation, breakpoints: number[] | undefined, expandToScroll: boolean, getCurrentBreakpoint: () => number, onDismiss: () => void, onBreakpointChange: (breakpoint: number) => void, onDragStart: () => void, onDragMove: (detail: ModalDragEventDetail) => void, onDragEnd: (detail: ModalDragEventDetail) => void) => {
     gesture: import("@utils/gesture").Gesture;
     moveSheetToBreakpoint: (options: MoveSheetToBreakpointOptions) => Promise<void>;
+    resetContentScroll: () => void;
 };

package/dist/types/components/modal/gestures/utils.d.ts

@@ -1,4 +1,15 @@
 import type { Animation } from '../../../interface';
+/**
+ * Swiping is only possible when the content is scrolled to the top, so that we
+ * do not interfere with scrolling, and never on content with a refresher.
+ *
+ * Note: We cannot solve the refresher case with gesture priority as the iOS
+ * native refresh gesture uses a scroll listener in addition to a gesture.
+ *
+ * Note: Do not use `getScrollElement` here because we need this to be a
+ * synchronous operation, and `getScrollElement` is asynchronous.
+ */
+export declare const canSwipeOnContent: (contentEl: HTMLElement) => boolean;
 export declare const handleCanDismiss: (el: HTMLIonModalElement, animation: Animation) => Promise<void>;
 /**
  * This function lets us simulate a realistic spring-like animation

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

@@ -65,4 +65,13 @@ export interface ModalDragEventDetail {
      * the gesture.
      */
     snapBreakpoint?: number;
+    /**
+     * Whether the modal is attempting to dismiss when the drag gesture
+     * ends. A `canDismiss` callback can still cancel the dismiss after
+     * this event is emitted, so use `ionModalDidDismiss` to confirm that
+     * the modal actually closed.
+     *
+     * This is only set on `ionDragEnd`.
+     */
+    isDismissing?: boolean;
 }

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

@@ -30,6 +30,7 @@ export declare class Modal implements ComponentInterface, OverlayInterface {
     private sortedBreakpoints?;
     private keyboardOpenCallback?;
     private moveSheetToBreakpoint?;
+    private resetSheetContentScroll?;
     private inheritedAttributes;
     private statusBarStyle?;
     private inline;
@@ -39,6 +40,8 @@ export declare class Modal implements ComponentInterface, OverlayInterface {
     private currentViewIsPortrait?;
     private viewTransitionAnimation?;
     private resizeTimeout?;
+    private unsubscribeRootSafeAreaTop?;
+    private isPresenting;
     private parentRemovalObserver?;
     private cachedOriginalParent?;
     private cachedPageParent?;
@@ -112,11 +115,18 @@ export declare class Modal implements ComponentInterface, OverlayInterface {
     /**
      * The interaction behavior for the sheet modal when the handle is pressed.
      *
-     * Defaults to `"none"`, which  means the modal will not change size or position when the handle is pressed.
-     * Set to `"cycle"` to let the modal cycle between available breakpoints when pressed.
+     * Handle behavior is unavailable when the `handle` property is set to
+     * `false` or when the `breakpoints` property is not set (using a
+     * fullscreen or card modal).
      *
-     * Handle behavior is unavailable when the `handle` property is set to `false` or
-     * when the `breakpoints` property is not set (using a fullscreen or card modal).
+     * Set to `"cycle"` to make the handle focusable and let the sheet modal
+     * cycle between available breakpoints when pressed. This keeps the sheet
+     * operable with assistive technology.
+     *
+     * Set to `"none"` to make the handle purely decorative when pressed and
+     * removed from the tab order.
+     *
+     * Defaults to `"cycle"`.
      */
     handleBehavior?: ModalHandleBehavior;
     /**
@@ -401,9 +411,10 @@ export declare class Modal implements ComponentInterface, OverlayInterface {
      */
     private setInitialSafeAreaOverrides;
     /**
-     * Resolves the current root --ion-safe-area-top value and sets the
-     * internal --ion-modal-offset-top property on the host element.
-     * Called on present and on resize (e.g., device rotation changes safe-area).
+     * Sets the internal --ion-modal-offset-top property on the host element,
+     * resolving the current root --ion-safe-area-top when no value is given.
+     * Called on present, on resize (e.g., device rotation changes safe-area),
+     * and whenever the root safe-area value itself changes.
      */
     private updateSheetOffsetTop;
     /**
@@ -453,5 +464,12 @@ export declare class Modal implements ComponentInterface, OverlayInterface {
      * Clears all safe-area overrides and padding.
      */
     private cleanupSafeAreaOverrides;
+    /**
+     * Re-applies what `cleanupSafeAreaOverrides()` removed for a modal moved
+     * while presented. Anything needing no measurement goes on synchronously so
+     * the modal is never painted without safe-area. The position-based
+     * correction waits a frame for the layout pass it reads.
+     */
+    private restoreSafeAreaOverrides;
     render(): any;
 }

package/dist/types/components/modal/safe-area-utils.d.ts

@@ -33,6 +33,12 @@ export interface ModalSafeAreaContext {
  * Results are cached for the current frame to avoid repeated reflows.
  */
 export declare const getRootSafeAreaTop: () => number;
+/**
+ * Calls back when the resolved root `--ion-safe-area-top` changes, which no
+ * event and no window resize covers. The probe's height tracks the variable, so
+ * a change to it becomes a size change the observer can see.
+ */
+export declare const onRootSafeAreaTopChange: (callback: (safeAreaTop: number) => void) => (() => void);
 /**
  * True when the modal host declares BOTH a non-fullscreen `--width` AND a
  * non-fullscreen `--height` (i.e. a centered-dialog-like modal that doesn't

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

@@ -33,7 +33,6 @@ export interface RouterOutletOptions {
 }
 export interface NavOptions extends RouterOutletOptions {
     progressAnimation?: boolean;
-    updateURL?: boolean;
     delegate?: FrameworkDelegate;
     viewIsReady?: (enteringEl: HTMLElement) => Promise<any>;
 }

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

@@ -1,13 +1,11 @@
-import type { EventEmitter } from '../../stencil-public-runtime';
+import type { ComponentInterface, EventEmitter } from '../../stencil-public-runtime';
 import type { AnimationBuilder, ComponentProps, FrameworkDelegate } from '../../interface';
-import type { NavOutlet, RouteID, RouteWrite, RouterDirection } from '../router/utils/interface';
 import type { NavComponent, NavComponentWithProps, NavOptions, TransitionDoneFn } from './nav-interface';
 import type { ViewController } from './view-controller';
-export declare class Nav implements NavOutlet {
+export declare class Nav implements ComponentInterface {
     private transInstr;
     private sbAni?;
     private gestureOrAnimationInProgress;
-    private useRouter;
     private isTransitioning;
     private destroyed;
     private views;
@@ -141,24 +139,6 @@ export declare class Nav implements NavOutlet {
      * @param done The transition complete function.
      */
     setPages(views: NavComponent[] | NavComponentWithProps[], opts?: NavOptions | null, done?: TransitionDoneFn): Promise<boolean>;
-    /**
-     * Called by the router to update the view.
-     *
-     * @param id The component tag.
-     * @param params The component params.
-     * @param direction A direction hint.
-     * @param animation an AnimationBuilder.
-     *
-     * @return the status.
-     * @internal
-     */
-    setRouteId(id: string, params: ComponentProps | undefined, direction: RouterDirection, animation?: AnimationBuilder): Promise<RouteWrite>;
-    /**
-     * Called by <ion-router> to retrieve the current component.
-     *
-     * @internal
-     */
-    getRouteId(): Promise<RouteID | undefined>;
     /**
      * Get the active view.
      */

package/dist/types/components/picker-column/picker-column.d.ts

@@ -17,6 +17,19 @@ export declare class PickerColumn implements ComponentInterface {
     private canExitInputMode;
     private assistiveFocusable?;
     private updateValueTextOnScroll;
+    private scrollEndTimeout?;
+    private centeredOption?;
+    private isUserScroll;
+    /**
+     * Where the column halted itself, so the halt's own scroll events are not
+     * read as movement.
+     */
+    private haltedAtScrollTop?;
+    /**
+     * The haptics for the wheel picker are an iOS-only feature. As a result,
+     * they should be disabled on Android.
+     */
+    private enableHaptics;
     ariaLabel: string | null;
     ariaLabelChanged(newValue: string): void;
     isActive: boolean;
@@ -76,6 +89,7 @@ export declare class PickerColumn implements ComponentInterface {
      */
     setFocus(): Promise<void>;
     connectedCallback(): void;
+    disconnectedCallback(): void;
     private centerPickerItemInView;
     private setPickerItemActiveState;
     /**
@@ -93,6 +107,34 @@ export declare class PickerColumn implements ComponentInterface {
      * start of the scroll interaction.
      */
     private setInputModeActive;
+    private clearScrollEndTimeout;
+    /**
+     * Resets the idle timer that commits the centered option.
+     */
+    private resetScrollEndTimeout;
+    /**
+     * Capture so the column still commits if an application's own pointerdown
+     * handler stops the event before it reaches the document.
+     */
+    private watchForOutsidePress;
+    private stopWatchingForOutsidePress;
+    /**
+     * Resets everything the current scroll interaction is holding, so nothing
+     * pending on it can commit later.
+     */
+    private discardScroll;
+    /**
+     * Commits the option that is currently centered under the highlight and ends
+     * the scroll interaction.
+     */
+    private settle;
+    /**
+     * Commits the option the user can see when they press anything outside of the
+     * column during a scroll they started. This runs on pointerdown rather than
+     * click so the value is up to date by the time an application's own click
+     * handler (a Save button, for example) reads it.
+     */
+    private onPointerDownOutside;
     /**
      * When the column scrolls, the component
      * needs to determine which item is centered

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

@@ -88,9 +88,12 @@ export declare class Range implements ComponentInterface {
      */
     label?: string;
     /**
-     * Show two knobs.
+     * If `true`, the range shows two knobs and `value` is an object with `lower`
+     * and `upper` properties. If `false`, the range shows one knob and `value` is
+     * a number.
      */
     dualKnobs: boolean;
+    protected dualKnobsChanged(): void;
     /**
      * Minimum integer value of the range.
      */

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

@@ -113,6 +113,13 @@ export declare class Refresher implements ComponentInterface {
     private setupMDNativeRefresher;
     private setupNativeRefresher;
     componentDidUpdate(): void;
+    /**
+     * Validate the slot attribute before rendering, while the host still reflects the
+     * developer's original markup. `connectedCallback` is too early: in the custom
+     * elements build it runs during insertion, before frameworks such as React assign
+     * the slot.
+     */
+    componentWillLoad(): void;
     connectedCallback(): Promise<void>;
     disconnectedCallback(): void;
     /**

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

@@ -9,7 +9,7 @@ export declare class Route implements ComponentInterface {
      */
     url: string;
     /**
-     * Name of the component to load/select in the navigation outlet (`ion-tabs`, `ion-nav`)
+     * Name of the component to load/select in the navigation outlet (`ion-tabs`, `ion-router-outlet`)
      * when the route matches.
      *
      * The value of this property is not always the tagname of the component to load,

package/dist/types/components/router-outlet/router-outlet.d.ts

@@ -23,6 +23,12 @@ export declare class RouterOutlet implements ComponentInterface, NavOutlet {
     animated: boolean;
     /** This property allows to create custom transition using AnimationBuilder functions. */
     animation?: AnimationBuilder;
+    /**
+     * If `true`, the router-outlet should allow navigation via swipe-to-go-back gesture.
+     * Defaults to `true` for `"ios"` mode and `false` for `"md"` mode.
+     */
+    swipeGesture?: boolean;
+    swipeGestureChanged(): void;
     /** @internal */
     swipeHandler?: SwipeGestureHandler;
     swipeHandlerChanged(): void;
@@ -34,6 +40,7 @@ export declare class RouterOutlet implements ComponentInterface, NavOutlet {
     ionNavDidChange: EventEmitter<void>;
     connectedCallback(): Promise<void>;
     componentWillLoad(): void;
+    private updateGestureEnabled;
     disconnectedCallback(): void;
     /** @internal */
     commit(enteringEl: HTMLElement, leavingEl: HTMLElement | undefined, opts?: RouterOutletOptions): Promise<boolean>;

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

@@ -52,7 +52,7 @@ export declare class Searchbar implements ComponentInterface {
     /**
      * Set the input's autocorrect property.
      */
-    autocorrect: 'on' | 'off';
+    autocorrect: boolean;
     /**
      * Set the cancel button icon. Only applies to `md` mode.
      * Defaults to `arrow-back-sharp`.

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

@@ -1,3 +1,6 @@
+import type { ActionSheetButton } from '../action-sheet/action-sheet-interface';
+import type { AlertInput } from '../alert/alert-interface';
+import type { SelectPopoverOption } from '../select-popover/select-popover-interface';
 export type SelectInterface = 'action-sheet' | 'popover' | 'alert' | 'modal';
 export type SelectCompareFn = (currentValue: any, compareValue: any) => boolean;
 export interface SelectChangeEventDetail<T = any> {
@@ -7,3 +10,31 @@ export interface SelectCustomEvent<T = any> extends CustomEvent {
     detail: SelectChangeEventDetail<T>;
     target: HTMLIonSelectElement;
 }
+export interface SelectActionSheetButton extends Omit<ActionSheetButton, 'text'>, RichContentOption {
+    /** The main text for the option as a string or an HTMLElement. */
+    text?: string | HTMLElement;
+}
+export interface SelectAlertInput extends Omit<AlertInput, 'label'>, RichContentOption {
+    /** The main label for the option as a string or an HTMLElement. */
+    label?: string | HTMLElement;
+    /** Where the label sits relative to the option's selection control. */
+    labelPlacement?: 'start' | 'end';
+    /** How to pack the label and the option's selection control within a line. */
+    justify?: 'start' | 'end' | 'space-between';
+}
+export interface SelectOverlayOption extends Omit<SelectPopoverOption, 'text'>, RichContentOption {
+    /** The main text for the option as a string or an HTMLElement. */
+    text?: string | HTMLElement;
+    /** Where the label sits relative to the option's selection control. */
+    labelPlacement?: 'start' | 'end';
+    /** How to pack the label and the option's selection control within a line. */
+    justify?: 'start' | 'end' | 'space-between';
+}
+export interface RichContentOption {
+    /** Content to display at the start of the option. */
+    startContent?: HTMLElement;
+    /** Content to display at the end of the option. */
+    endContent?: HTMLElement;
+    /** A description for the option. */
+    description?: string;
+}

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

@@ -18,7 +18,9 @@ import type { SelectChangeEventDetail, SelectInterface, SelectCompareFn } from '
  * @part error-text - Supporting text displayed beneath the select when the select is invalid and touched.
  * @part bottom - The container element for helper text, error text, and counter.
  * @part wrapper - The clickable label element that wraps the entire form field (label text, slots, selected values or placeholder, and toggle icons).
- * @part inner - The inner element of the wrapper that manages the slots, selected values or placeholder, and toggle icons.
+ * @part start - The wrapper element for the content in the start slot.
+ * @part control - The wrapper element containing the label and native select control. When the label is not floating or stacked, this part also contains the dropdown icon.
+ * @part end - The wrapper element for the content in the end slot. When the label is floating or stacked, this part also contains the dropdown icon.
  */
 export declare class Select implements ComponentInterface {
     private inputId;
@@ -28,10 +30,14 @@ export declare class Select implements ComponentInterface {
     private focusEl?;
     private mutationO?;
     private inheritedAttributes;
+    private slotMutationController?;
     private nativeWrapperEl;
     private notchSpacerEl;
     private validationObserver?;
     private notchController?;
+    private startContainerController?;
+    private startContainerEl;
+    private customHTMLEnabled;
     el: HTMLIonSelectElement;
     isExpanded: boolean;
     /**
@@ -203,6 +209,7 @@ export declare class Select implements ComponentInterface {
     ionStyle: EventEmitter<StyleEventDetail>;
     protected styleChanged(): void;
     private setValue;
+    private isValueEqual;
     connectedCallback(): Promise<void>;
     componentWillLoad(): void;
     componentDidLoad(): void;
@@ -238,6 +245,12 @@ export declare class Select implements ComponentInterface {
      * was passed.
      */
     private get labelText();
+    /**
+     * Returns the text to display in the select based on the selected value.
+     *
+     * @param useHTML If `true`, the returned text will include any custom HTML content from the selected option. If `false`, the returned text will be plain text without any HTML. Defaults to `false`.
+     * @returns The text to display in the select, either with or without HTML based on the `useHTML` parameter.
+     */
     private getText;
     private setFocus;
     private emitStyle;
@@ -259,15 +272,26 @@ export declare class Select implements ComponentInterface {
      */
     private get hasLabel();
     /**
-     * Stops propagation when the label is clicked,
-     * otherwise, two clicks will be triggered.
+     * Stops propagation for re-dispatched clicks (when already expanded) to
+     * prevent double-click events. Allows initial button clicks (from keyboard
+     * or mouse) and slotted content clicks to propagate so event delegation
+     * works for parent handlers.
      */
     private onLabelClick;
     /**
-     * Renders the border container
-     * when fill="outline".
+     * Renders the outline border with a notch for the label.
+     */
+    private renderOutlineContainer;
+    /**
+     * Wraps text nodes in the select text with span elements
+     * so spacing can be added between elements without
+     * changing the display to prevent losing the ellipses
+     * behavior.
+     *
+     * Only wraps when the string contains HTML elements
+     * alongside text.
      */
-    private renderLabelContainer;
+    private wrapSelectTextNodes;
     /**
      * Renders either the placeholder
      * or the selected values based on