@ionic/core 7.6.7-dev.11706625796.1b3c1ab2 → 7.6.7-dev.11706824245.18d35376

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

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

package/dist/ionic/{p-1aa7c019.js → p-fd41bd8a.js}

@@ -1,4 +1,4 @@
 /*!
  * (C) Ionic http://ionicframework.com - MIT License
  */
-import{a as t,g as o,c as e}from"./p-e1271366.js";class n{constructor(){this.m=new Map}reset(t){this.m=new Map(Object.entries(t))}get(t,o){const e=this.m.get(t);return void 0!==e?e:o}getBoolean(t,o=!1){const e=this.m.get(t);return void 0===e?o:"string"==typeof e?"true"===e:!!e}getNumber(t,o){const e=parseFloat(this.m.get(t));return isNaN(e)?void 0!==o?o:NaN:e}set(t,o){this.m.set(t,o)}}const i=new n,r="ionic:",s="ionic-persist-config",a=t=>d(t),c=(t,o)=>("string"==typeof t&&(o=t,t=void 0),a(t).includes(o)),d=(t=window)=>{if(void 0===t)return[];t.Ionic=t.Ionic||{};let o=t.Ionic.platforms;return null==o&&(o=t.Ionic.platforms=u(t),o.forEach((o=>t.document.documentElement.classList.add(`plt-${o}`)))),o},u=t=>{const o=i.get("platform");return Object.keys(g).filter((e=>{const n=null==o?void 0:o[e];return"function"==typeof n?n(t):g[e](t)}))},l=t=>!!f(t,/iPad/i)||!(!f(t,/Macintosh/i)||!m(t)),p=t=>f(t,/android|sink/i),m=t=>w(t,"(any-pointer:coarse)"),v=t=>h(t)||b(t),h=t=>!!(t.cordova||t.phonegap||t.PhoneGap),b=t=>{const o=t.Capacitor;return!!(null==o?void 0:o.isNative)},f=(t,o)=>o.test(t.navigator.userAgent),w=(t,o)=>{var e;return null===(e=t.matchMedia)||void 0===e?void 0:e.call(t,o).matches},g={ipad:l,iphone:t=>f(t,/iPhone/i),ios:t=>f(t,/iPhone|iPod/i)||l(t),android:p,phablet:t=>{const o=t.innerWidth,e=t.innerHeight,n=Math.min(o,e),i=Math.max(o,e);return n>390&&n<520&&i>620&&i<800},tablet:t=>{const o=t.innerWidth,e=t.innerHeight,n=Math.min(o,e),i=Math.max(o,e);return l(t)||(t=>p(t)&&!f(t,/mobile/i))(t)||n>460&&n<820&&i>780&&i<1400},cordova:h,capacitor:b,electron:t=>f(t,/electron/i),pwa:t=>{var o;return!(!(null===(o=t.matchMedia)||void 0===o?void 0:o.call(t,"(display-mode: standalone)").matches)&&!t.navigator.standalone)},mobile:m,mobileweb:t=>m(t)&&!v(t),desktop:t=>!m(t),hybrid:v};let O;const y=t=>t&&o(t)||O,j=(o={})=>{if("undefined"==typeof window)return;const n=window.document,a=window,u=a.Ionic=a.Ionic||{},l={};o._ael&&(l.ael=o._ael),o._rel&&(l.rel=o._rel),o._ce&&(l.ce=o._ce),t(l);const p=Object.assign(Object.assign(Object.assign(Object.assign(Object.assign({},(t=>{try{const o=t.sessionStorage.getItem(s);return null!==o?JSON.parse(o):{}}catch(t){return{}}})(a)),{persistConfig:!1}),u.config),(t=>{const o={};return t.location.search.slice(1).split("&").map((t=>t.split("="))).map((([t,o])=>[decodeURIComponent(t),decodeURIComponent(o)])).filter((([t])=>{return t.substr(0,(o=r).length)===o;var o})).map((([t,o])=>[t.slice(6),o])).forEach((([t,e])=>{o[t]=e})),o})(a)),o);i.reset(p),i.getBoolean("persistConfig")&&((t,o)=>{try{t.sessionStorage.setItem(s,JSON.stringify(o))}catch(t){return}})(a,p),d(a),u.config=i,u.mode=O=i.get("mode",n.documentElement.getAttribute("mode")||(c(a,"ios")?"ios":"md")),i.set("mode",O),n.documentElement.setAttribute("mode",O),n.documentElement.classList.add(O),i.getBoolean("_testing")&&i.set("animated",!1);const m=t=>{var o;return null===(o=t.tagName)||void 0===o?void 0:o.startsWith("ION-")},v=t=>["ios","md"].includes(t);e((t=>{for(;t;){const o=t.mode||t.getAttribute("mode");if(o){if(v(o))return o;m(t)&&console.warn('Invalid ionic mode: "'+o+'", expected: "ios" or "md"')}t=t.parentElement}return O}))};export{c as a,y as b,i as c,a as g,j as i}
+import{a as t,g as o,c as e}from"./p-d6129c6e.js";class n{constructor(){this.m=new Map}reset(t){this.m=new Map(Object.entries(t))}get(t,o){const e=this.m.get(t);return void 0!==e?e:o}getBoolean(t,o=!1){const e=this.m.get(t);return void 0===e?o:"string"==typeof e?"true"===e:!!e}getNumber(t,o){const e=parseFloat(this.m.get(t));return isNaN(e)?void 0!==o?o:NaN:e}set(t,o){this.m.set(t,o)}}const i=new n,r="ionic:",s="ionic-persist-config",c=t=>a(t),d=(t,o)=>("string"==typeof t&&(o=t,t=void 0),c(t).includes(o)),a=(t=window)=>{if(void 0===t)return[];t.Ionic=t.Ionic||{};let o=t.Ionic.platforms;return null==o&&(o=t.Ionic.platforms=u(t),o.forEach((o=>t.document.documentElement.classList.add(`plt-${o}`)))),o},u=t=>{const o=i.get("platform");return Object.keys(g).filter((e=>{const n=null==o?void 0:o[e];return"function"==typeof n?n(t):g[e](t)}))},l=t=>!!f(t,/iPad/i)||!(!f(t,/Macintosh/i)||!m(t)),p=t=>f(t,/android|sink/i),m=t=>w(t,"(any-pointer:coarse)"),v=t=>h(t)||b(t),h=t=>!!(t.cordova||t.phonegap||t.PhoneGap),b=t=>{const o=t.Capacitor;return!!(null==o?void 0:o.isNative)},f=(t,o)=>o.test(t.navigator.userAgent),w=(t,o)=>{var e;return null===(e=t.matchMedia)||void 0===e?void 0:e.call(t,o).matches},g={ipad:l,iphone:t=>f(t,/iPhone/i),ios:t=>f(t,/iPhone|iPod/i)||l(t),android:p,phablet:t=>{const o=t.innerWidth,e=t.innerHeight,n=Math.min(o,e),i=Math.max(o,e);return n>390&&n<520&&i>620&&i<800},tablet:t=>{const o=t.innerWidth,e=t.innerHeight,n=Math.min(o,e),i=Math.max(o,e);return l(t)||(t=>p(t)&&!f(t,/mobile/i))(t)||n>460&&n<820&&i>780&&i<1400},cordova:h,capacitor:b,electron:t=>f(t,/electron/i),pwa:t=>{var o;return!(!(null===(o=t.matchMedia)||void 0===o?void 0:o.call(t,"(display-mode: standalone)").matches)&&!t.navigator.standalone)},mobile:m,mobileweb:t=>m(t)&&!v(t),desktop:t=>!m(t),hybrid:v};let O;const y=t=>t&&o(t)||O,j=(o={})=>{if("undefined"==typeof window)return;const n=window.document,c=window,u=c.Ionic=c.Ionic||{},l={};o._ael&&(l.ael=o._ael),o._rel&&(l.rel=o._rel),o._ce&&(l.ce=o._ce),t(l);const p=Object.assign(Object.assign(Object.assign(Object.assign(Object.assign({},(t=>{try{const o=t.sessionStorage.getItem(s);return null!==o?JSON.parse(o):{}}catch(t){return{}}})(c)),{persistConfig:!1}),u.config),(t=>{const o={};return t.location.search.slice(1).split("&").map((t=>t.split("="))).map((([t,o])=>[decodeURIComponent(t),decodeURIComponent(o)])).filter((([t])=>{return t.substr(0,(o=r).length)===o;var o})).map((([t,o])=>[t.slice(6),o])).forEach((([t,e])=>{o[t]=e})),o})(c)),o);i.reset(p),i.getBoolean("persistConfig")&&((t,o)=>{try{t.sessionStorage.setItem(s,JSON.stringify(o))}catch(t){return}})(c,p),a(c),u.config=i,u.mode=O=i.get("mode",n.documentElement.getAttribute("mode")||(d(c,"ios")?"ios":"md")),i.set("mode",O),n.documentElement.setAttribute("mode",O),n.documentElement.classList.add(O),i.getBoolean("_testing")&&i.set("animated",!1);const m=t=>{var o;return null===(o=t.tagName)||void 0===o?void 0:o.startsWith("ION-")},v=t=>["ios","md"].includes(t);e((t=>{for(;t;){const o=t.mode||t.getAttribute("mode");if(o){if(v(o))return o;m(t)&&console.warn('Invalid ionic mode: "'+o+'", expected: "ios" or "md"')}t=t.parentElement}return O}))};export{d as a,y as b,i as c,c as g,j as i}

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

@@ -0,0 +1,4 @@
+/*!
+ * (C) Ionic http://ionicframework.com - MIT License
+ */
+import{r as t,d as e,h as i,H as n,f as o}from"./p-d6129c6e.js";import{g as s}from"./p-2408c236.js";import{G as r}from"./p-9b97df10.js";import{p as a,i as d,o as h,l}from"./p-23a9d086.js";import{m as u}from"./p-25221a73.js";import{q as m}from"./p-e22bf111.js";import{h as p,c}from"./p-47794def.js";import{c as b,b as f}from"./p-fd41bd8a.js";import{u as g,v}from"./p-831269de.js";import"./p-7b30edcc.js";import"./p-4b3623da.js";import"./p-06fee233.js";import"./p-29d03b3a.js";import"./p-4180a747.js";const x='[tabindex]:not([tabindex^="-"]), input:not([type=hidden]):not([tabindex^="-"]), textarea:not([tabindex^="-"]), button:not([tabindex^="-"]), select:not([tabindex^="-"]), .ion-focusable:not([tabindex^="-"])',w=class{constructor(i){t(this,i),this.ionWillOpen=e(this,"ionWillOpen",7),this.ionWillClose=e(this,"ionWillClose",7),this.ionDidOpen=e(this,"ionDidOpen",7),this.ionDidClose=e(this,"ionDidClose",7),this.ionMenuChange=e(this,"ionMenuChange",7),this.lastOnEnd=0,this.blocker=r.createBlocker({disableScroll:!0}),this.didLoad=!1,this.operationCancelled=!1,this.isAnimating=!1,this._isOpen=!1,this.inheritedAttributes={},this.handleFocus=t=>{const e=m(document);e&&!e.contains(this.el)||this.trapKeyboardFocus(t,document)},this.isPaneVisible=!1,this.isEndSide=!1,this.contentId=void 0,this.menuId=void 0,this.type=void 0,this.disabled=!1,this.side="start",this.swipeGesture=!0,this.maxEdgeStart=50}typeChanged(t,e){const i=this.contentEl;i&&(void 0!==e&&i.classList.remove(`menu-content-${e}`),i.classList.add(`menu-content-${t}`),i.removeAttribute("style")),this.menuInnerEl&&this.menuInnerEl.removeAttribute("style"),this.animation=void 0}disabledChanged(){this.updateState(),this.ionMenuChange.emit({disabled:this.disabled,open:this._isOpen})}sideChanged(){this.isEndSide=a(this.side),this.animation=void 0}swipeGestureChanged(){this.updateState()}async connectedCallback(){"undefined"!=typeof customElements&&null!=customElements&&await customElements.whenDefined("ion-menu"),void 0===this.type&&(this.type=b.get("menuType","overlay"));const t=void 0!==this.contentId?document.getElementById(this.contentId):null;null!==t?(this.el.contains(t)&&console.error('Menu: "contentId" should refer to the main view\'s ion-content, not the ion-content inside of the ion-menu.'),this.contentEl=t,t.classList.add("menu-content"),this.typeChanged(this.type,void 0),this.sideChanged(),u._register(this),this.menuChanged(),this.gesture=(await import("./p-8ededb41.js")).createGesture({el:document,gestureName:"menu-swipe",gesturePriority:30,threshold:10,blurOnStart:!0,canStart:t=>this.canStart(t),onWillStart:()=>this.onWillStart(),onStart:()=>this.onStart(),onMove:t=>this.onMove(t),onEnd:t=>this.onEnd(t)}),this.updateState()):console.error('Menu: must have a "content" element to listen for drag events on.')}componentWillLoad(){this.inheritedAttributes=d(this.el)}async componentDidLoad(){this.didLoad=!0;const t=this.el.closest("ion-split-pane");null!==t&&(this.isPaneVisible=await t.isVisible()),this.menuChanged(),this.updateState()}menuChanged(){this.didLoad&&this.ionMenuChange.emit({disabled:this.disabled,open:this._isOpen})}async disconnectedCallback(){await this.close(!1),this.blocker.destroy(),u._unregister(this),this.animation&&this.animation.destroy(),this.gesture&&(this.gesture.destroy(),this.gesture=void 0),this.animation=void 0,this.contentEl=void 0}onSplitPaneChanged(t){const e=this.el.closest("ion-split-pane");null!==e&&e===t.target&&(this.isPaneVisible=t.detail.visible,this.updateState())}onBackdropClick(t){this._isOpen&&this.lastOnEnd<t.timeStamp-100&&t.composedPath&&!t.composedPath().includes(this.menuInnerEl)&&(t.preventDefault(),t.stopPropagation(),this.close())}onKeydown(t){"Escape"===t.key&&this.close()}isOpen(){return Promise.resolve(this._isOpen)}isActive(){return Promise.resolve(this._isActive())}open(t=!0){return this.setOpen(!0,t)}close(t=!0){return this.setOpen(!1,t)}toggle(t=!0){return this.setOpen(!this._isOpen,t)}setOpen(t,e=!0){return u._setOpen(this,t,e)}focusFirstDescendant(){const{el:t}=this,e=t.querySelector(x);e?e.focus():t.focus()}focusLastDescendant(){const{el:t}=this,e=Array.from(t.querySelectorAll(x)),i=e.length>0?e[e.length-1]:null;i?i.focus():t.focus()}trapKeyboardFocus(t,e){const i=t.target;i&&(this.el.contains(i)?this.lastFocus=i:(this.focusFirstDescendant(),this.lastFocus===e.activeElement&&this.focusLastDescendant()))}async _setOpen(t,e=!0){return!(!this._isActive()||this.isAnimating||t===this._isOpen||(this.beforeAnimation(t),await this.loadAnimation(),await this.startAnimation(t,e),this.operationCancelled?(this.operationCancelled=!1,1):(this.afterAnimation(t),0)))}async loadAnimation(){const t=this.menuInnerEl.offsetWidth,e=a(this.side);if(t===this.width&&void 0!==this.animation&&e===this.isEndSide)return;this.width=t,this.isEndSide=e,this.animation&&(this.animation.destroy(),this.animation=void 0);const i=this.animation=await u._createAnimation(this.type,this);b.getBoolean("animated",!0)||i.duration(0),i.fill("both")}async startAnimation(t,e){const i=!t,n=f(this),o="ios"===n?"cubic-bezier(0.32,0.72,0,1)":"cubic-bezier(0.0,0.0,0.2,1)",s="ios"===n?"cubic-bezier(1, 0, 0.68, 0.28)":"cubic-bezier(0.4, 0, 0.6, 1)",r=this.animation.direction(i?"reverse":"normal").easing(i?s:o);e?await r.play():r.play({sync:!0}),"reverse"===r.getDirection()&&r.direction("normal")}_isActive(){return!this.disabled&&!this.isPaneVisible}canSwipe(){return this.swipeGesture&&!this.isAnimating&&this._isActive()}canStart(t){return!(document.querySelector("ion-modal.show-modal")||!this.canSwipe())&&(!!this._isOpen||!u._getOpenSync()&&k(window,t.currentX,this.isEndSide,this.maxEdgeStart))}onWillStart(){return this.beforeAnimation(!this._isOpen),this.loadAnimation()}onStart(){this.isAnimating&&this.animation?this.animation.progressStart(!0,this._isOpen?1:0):h(!1,"isAnimating has to be true")}onMove(t){if(!this.isAnimating||!this.animation)return void h(!1,"isAnimating has to be true");const e=y(t.deltaX,this._isOpen,this.isEndSide)/this.width;this.animation.progressStep(this._isOpen?1-e:e)}onEnd(t){if(!this.isAnimating||!this.animation)return void h(!1,"isAnimating has to be true");const e=this._isOpen,i=this.isEndSide,n=y(t.deltaX,e,i),o=this.width,r=n/o,a=t.velocityX,d=o/2,u=a>=0&&(a>.2||t.deltaX>d),m=a<=0&&(a<-.2||t.deltaX<-d),p=e?i?u:m:i?m:u;let c=!e&&p;e&&!p&&(c=!0),this.lastOnEnd=t.currentTime;let b=p?.001:-.001;b+=s([0,0],[.4,0],[.6,1],[1,1],l(0,r<0?.01:r,.9999))[0]||0;const f=this._isOpen?!p:p;this.animation.easing("cubic-bezier(0.4, 0.0, 0.6, 1)").onFinish((()=>this.afterAnimation(c)),{oneTimeCallback:!0}).progressEnd(f?1:0,this._isOpen?1-b:b,300)}beforeAnimation(t){h(!this.isAnimating,"_before() should not be called while animating"),this.el.classList.add(z),this.el.setAttribute("tabindex","0"),this.backdropEl&&this.backdropEl.classList.add(C),this.contentEl&&(this.contentEl.classList.add(j),this.contentEl.setAttribute("aria-hidden","true")),this.blocker.block(),this.isAnimating=!0,t?this.ionWillOpen.emit():this.ionWillClose.emit()}afterAnimation(t){var e;this._isOpen=t,this.isAnimating=!1,this._isOpen||this.blocker.unblock(),t?(this.ionDidOpen.emit(),(null===(e=document.activeElement)||void 0===e?void 0:e.closest("ion-menu"))!==this.el&&this.el.focus(),document.addEventListener("focus",this.handleFocus,!0)):(this.el.classList.remove(z),this.el.removeAttribute("tabindex"),this.contentEl&&(this.contentEl.classList.remove(j),this.contentEl.removeAttribute("aria-hidden")),this.backdropEl&&this.backdropEl.classList.remove(C),this.animation&&this.animation.stop(),this.ionDidClose.emit(),document.removeEventListener("focus",this.handleFocus,!0))}updateState(){const t=this._isActive();this.gesture&&this.gesture.enable(t&&this.swipeGesture),t||(this.isAnimating&&(this.operationCancelled=!0),this.afterAnimation(!1))}render(){const{type:t,disabled:e,el:o,isPaneVisible:s,inheritedAttributes:r,side:a}=this,d=f(this);return i(n,{role:"navigation","aria-label":r["aria-label"]||"menu",class:{[d]:!0,[`menu-type-${t}`]:!0,"menu-enabled":!e,[`menu-side-${a}`]:!0,"menu-pane-visible":s,"split-pane-side":p("ion-split-pane",o)}},i("div",{class:"menu-inner",part:"container",ref:t=>this.menuInnerEl=t},i("slot",null)),i("ion-backdrop",{ref:t=>this.backdropEl=t,class:"menu-backdrop",tappable:!1,stopPropagation:!1,part:"backdrop"}))}get el(){return o(this)}static get watchers(){return{type:["typeChanged"],disabled:["disabledChanged"],side:["sideChanged"],swipeGesture:["swipeGestureChanged"]}}},y=(t,e,i)=>Math.max(0,e!==i?-t:t),k=(t,e,i,n)=>i?e>=t.innerWidth-n:e<=n,z="show-menu",C="show-backdrop",j="menu-content-open";w.style={ios:":host{--width:304px;--min-width:auto;--max-width:auto;--height:100%;--min-height:auto;--max-height:auto;--background:var(--ion-background-color, #fff);left:0;right:0;top:0;bottom:0;display:none;position:absolute;contain:strict}:host(.show-menu){display:block}.menu-inner{-webkit-transform:translateX(-9999px);transform:translateX(-9999px);display:-ms-flexbox;display:flex;position:absolute;-ms-flex-direction:column;flex-direction:column;-ms-flex-pack:justify;justify-content:space-between;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);background:var(--background);contain:strict}:host(.menu-side-start) .menu-inner{--ion-safe-area-right:0px;top:0;bottom:0}@supports (inset-inline-start: 0){:host(.menu-side-start) .menu-inner{inset-inline-start:0;inset-inline-end:auto}}@supports not (inset-inline-start: 0){:host(.menu-side-start) .menu-inner{left:0;right:auto}:host-context([dir=rtl]):host(.menu-side-start) .menu-inner,:host-context([dir=rtl]).menu-side-start .menu-inner{left:unset;right:unset;left:auto;right:0}@supports selector(:dir(rtl)){:host(.menu-side-start:dir(rtl)) .menu-inner{left:unset;right:unset;left:auto;right:0}}}:host-context([dir=rtl]):host(.menu-side-start) .menu-inner,:host-context([dir=rtl]).menu-side-start .menu-inner{--ion-safe-area-right:unset;--ion-safe-area-left:0px}@supports selector(:dir(rtl)){:host(.menu-side-start:dir(rtl)) .menu-inner{--ion-safe-area-right:unset;--ion-safe-area-left:0px}}:host(.menu-side-end) .menu-inner{--ion-safe-area-left:0px;top:0;bottom:0}@supports (inset-inline-start: 0){:host(.menu-side-end) .menu-inner{inset-inline-start:auto;inset-inline-end:0}}@supports not (inset-inline-start: 0){:host(.menu-side-end) .menu-inner{left:auto;right:0}:host-context([dir=rtl]):host(.menu-side-end) .menu-inner,:host-context([dir=rtl]).menu-side-end .menu-inner{left:unset;right:unset;left:0;right:auto}@supports selector(:dir(rtl)){:host(.menu-side-end:dir(rtl)) .menu-inner{left:unset;right:unset;left:0;right:auto}}}:host-context([dir=rtl]):host(.menu-side-end) .menu-inner,:host-context([dir=rtl]).menu-side-end .menu-inner{--ion-safe-area-left:unset;--ion-safe-area-right:0px}@supports selector(:dir(rtl)){:host(.menu-side-end:dir(rtl)) .menu-inner{--ion-safe-area-left:unset;--ion-safe-area-right:0px}}ion-backdrop{display:none;opacity:0.01;z-index:-1}@media (max-width: 340px){.menu-inner{--width:264px}}:host(.menu-type-reveal){z-index:0}:host(.menu-type-reveal.show-menu) .menu-inner{-webkit-transform:translate3d(0,  0,  0);transform:translate3d(0,  0,  0)}:host(.menu-type-overlay){z-index:1000}:host(.menu-type-overlay) .show-backdrop{display:block;cursor:pointer}:host(.menu-pane-visible){-ms-flex:0 1 auto;flex:0 1 auto;width:var(--side-width, var(--width));min-width:var(--side-min-width, var(--min-width));max-width:var(--side-max-width, var(--max-width))}:host(.menu-pane-visible.split-pane-side){left:0;right:0;top:0;bottom:0;position:relative;-webkit-box-shadow:none;box-shadow:none;z-index:0}:host(.menu-pane-visible.split-pane-side.menu-enabled){display:-ms-flexbox;display:flex;-ms-flex-negative:0;flex-shrink:0}:host(.menu-pane-visible.split-pane-side){-ms-flex-order:-1;order:-1}:host(.menu-pane-visible.split-pane-side[side=end]){-ms-flex-order:1;order:1}:host(.menu-pane-visible) .menu-inner{left:0;right:0;width:auto;-webkit-transform:none;transform:none;-webkit-box-shadow:none;box-shadow:none}:host(.menu-pane-visible) ion-backdrop{display:hidden !important}:host(.menu-pane-visible.split-pane-side){-webkit-border-start:0;border-inline-start:0;-webkit-border-end:var(--border);border-inline-end:var(--border);border-top:0;border-bottom:0;min-width:var(--side-min-width);max-width:var(--side-max-width)}:host(.menu-pane-visible.split-pane-side[side=end]){-webkit-border-start:var(--border);border-inline-start:var(--border);-webkit-border-end:0;border-inline-end:0;border-top:0;border-bottom:0;min-width:var(--side-min-width);max-width:var(--side-max-width)}:host(.menu-type-push){z-index:1000}:host(.menu-type-push) .show-backdrop{display:block}",md:":host{--width:304px;--min-width:auto;--max-width:auto;--height:100%;--min-height:auto;--max-height:auto;--background:var(--ion-background-color, #fff);left:0;right:0;top:0;bottom:0;display:none;position:absolute;contain:strict}:host(.show-menu){display:block}.menu-inner{-webkit-transform:translateX(-9999px);transform:translateX(-9999px);display:-ms-flexbox;display:flex;position:absolute;-ms-flex-direction:column;flex-direction:column;-ms-flex-pack:justify;justify-content:space-between;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);background:var(--background);contain:strict}:host(.menu-side-start) .menu-inner{--ion-safe-area-right:0px;top:0;bottom:0}@supports (inset-inline-start: 0){:host(.menu-side-start) .menu-inner{inset-inline-start:0;inset-inline-end:auto}}@supports not (inset-inline-start: 0){:host(.menu-side-start) .menu-inner{left:0;right:auto}:host-context([dir=rtl]):host(.menu-side-start) .menu-inner,:host-context([dir=rtl]).menu-side-start .menu-inner{left:unset;right:unset;left:auto;right:0}@supports selector(:dir(rtl)){:host(.menu-side-start:dir(rtl)) .menu-inner{left:unset;right:unset;left:auto;right:0}}}:host-context([dir=rtl]):host(.menu-side-start) .menu-inner,:host-context([dir=rtl]).menu-side-start .menu-inner{--ion-safe-area-right:unset;--ion-safe-area-left:0px}@supports selector(:dir(rtl)){:host(.menu-side-start:dir(rtl)) .menu-inner{--ion-safe-area-right:unset;--ion-safe-area-left:0px}}:host(.menu-side-end) .menu-inner{--ion-safe-area-left:0px;top:0;bottom:0}@supports (inset-inline-start: 0){:host(.menu-side-end) .menu-inner{inset-inline-start:auto;inset-inline-end:0}}@supports not (inset-inline-start: 0){:host(.menu-side-end) .menu-inner{left:auto;right:0}:host-context([dir=rtl]):host(.menu-side-end) .menu-inner,:host-context([dir=rtl]).menu-side-end .menu-inner{left:unset;right:unset;left:0;right:auto}@supports selector(:dir(rtl)){:host(.menu-side-end:dir(rtl)) .menu-inner{left:unset;right:unset;left:0;right:auto}}}:host-context([dir=rtl]):host(.menu-side-end) .menu-inner,:host-context([dir=rtl]).menu-side-end .menu-inner{--ion-safe-area-left:unset;--ion-safe-area-right:0px}@supports selector(:dir(rtl)){:host(.menu-side-end:dir(rtl)) .menu-inner{--ion-safe-area-left:unset;--ion-safe-area-right:0px}}ion-backdrop{display:none;opacity:0.01;z-index:-1}@media (max-width: 340px){.menu-inner{--width:264px}}:host(.menu-type-reveal){z-index:0}:host(.menu-type-reveal.show-menu) .menu-inner{-webkit-transform:translate3d(0,  0,  0);transform:translate3d(0,  0,  0)}:host(.menu-type-overlay){z-index:1000}:host(.menu-type-overlay) .show-backdrop{display:block;cursor:pointer}:host(.menu-pane-visible){-ms-flex:0 1 auto;flex:0 1 auto;width:var(--side-width, var(--width));min-width:var(--side-min-width, var(--min-width));max-width:var(--side-max-width, var(--max-width))}:host(.menu-pane-visible.split-pane-side){left:0;right:0;top:0;bottom:0;position:relative;-webkit-box-shadow:none;box-shadow:none;z-index:0}:host(.menu-pane-visible.split-pane-side.menu-enabled){display:-ms-flexbox;display:flex;-ms-flex-negative:0;flex-shrink:0}:host(.menu-pane-visible.split-pane-side){-ms-flex-order:-1;order:-1}:host(.menu-pane-visible.split-pane-side[side=end]){-ms-flex-order:1;order:1}:host(.menu-pane-visible) .menu-inner{left:0;right:0;width:auto;-webkit-transform:none;transform:none;-webkit-box-shadow:none;box-shadow:none}:host(.menu-pane-visible) ion-backdrop{display:hidden !important}:host(.menu-pane-visible.split-pane-side){-webkit-border-start:0;border-inline-start:0;-webkit-border-end:var(--border);border-inline-end:var(--border);border-top:0;border-bottom:0;min-width:var(--side-min-width);max-width:var(--side-max-width)}:host(.menu-pane-visible.split-pane-side[side=end]){-webkit-border-start:var(--border);border-inline-start:var(--border);-webkit-border-end:0;border-inline-end:0;border-top:0;border-bottom:0;min-width:var(--side-min-width);max-width:var(--side-max-width)}:host(.menu-type-overlay) .menu-inner{-webkit-box-shadow:4px 0px 16px rgba(0, 0, 0, 0.18);box-shadow:4px 0px 16px rgba(0, 0, 0, 0.18)}"};const A=async t=>{const e=await u.get(t);return!(!e||!await e.isActive())},S=class{constructor(e){t(this,e),this.inheritedAttributes={},this.onClick=async()=>u.toggle(this.menu),this.visible=!1,this.color=void 0,this.disabled=!1,this.menu=void 0,this.autoHide=!0,this.type="button"}componentWillLoad(){this.inheritedAttributes=d(this.el)}componentDidLoad(){this.visibilityChanged()}async visibilityChanged(){this.visible=await A(this.menu)}render(){const{color:t,disabled:e,inheritedAttributes:o}=this,s=f(this),r=b.get("menuIcon","ios"===s?g:v),a=this.autoHide&&!this.visible,d={type:this.type},h=o["aria-label"]||"menu";return i(n,{onClick:this.onClick,"aria-disabled":e?"true":null,"aria-hidden":a?"true":null,class:c(t,{[s]:!0,button:!0,"menu-button-hidden":a,"menu-button-disabled":e,"in-toolbar":p("ion-toolbar",this.el),"in-toolbar-color":p("ion-toolbar[color]",this.el),"ion-activatable":!0,"ion-focusable":!0})},i("button",Object.assign({},d,{disabled:e,class:"button-native",part:"native","aria-label":h}),i("span",{class:"button-inner"},i("slot",null,i("ion-icon",{part:"icon",icon:r,mode:s,lazy:!1,"aria-hidden":"true"}))),"md"===s&&i("ion-ripple-effect",{type:"unbounded"})))}get el(){return o(this)}};S.style={ios:':host{--background:transparent;--color-focused:currentColor;--border-radius:initial;--padding-top:0;--padding-bottom:0;color:var(--color);text-align:center;text-decoration:none;text-overflow:ellipsis;text-transform:none;white-space:nowrap;-webkit-font-kerning:none;font-kerning:none}.button-native{border-radius:var(--border-radius);font-family:inherit;font-size:inherit;font-style:inherit;font-weight:inherit;letter-spacing:inherit;text-decoration:inherit;text-indent:inherit;text-overflow:inherit;text-transform:inherit;text-align:inherit;white-space:inherit;color:inherit;margin-left:0;margin-right:0;margin-top:0;margin-bottom:0;-webkit-padding-start:var(--padding-start);padding-inline-start:var(--padding-start);-webkit-padding-end:var(--padding-end);padding-inline-end:var(--padding-end);padding-top:var(--padding-top);padding-bottom:var(--padding-bottom);-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;display:-ms-flexbox;display:flex;position:relative;-ms-flex-flow:row nowrap;flex-flow:row nowrap;-ms-flex-negative:0;flex-shrink:0;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;width:100%;height:100%;min-height:inherit;border:0;outline:none;background:var(--background);line-height:1;cursor:pointer;overflow:hidden;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;z-index:0;-webkit-appearance:none;-moz-appearance:none;appearance:none}.button-inner{display:-ms-flexbox;display:flex;position:relative;-ms-flex-flow:row nowrap;flex-flow:row nowrap;-ms-flex-negative:0;flex-shrink:0;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;width:100%;height:100%;min-height:inherit;z-index:1}ion-icon{margin-left:0;margin-right:0;margin-top:0;margin-bottom:0;padding-left:0;padding-right:0;padding-top:0;padding-bottom:0;pointer-events:none}:host(.menu-button-hidden){display:none}:host(.menu-button-disabled){cursor:default;opacity:0.5;pointer-events:none}:host(.ion-focused) .button-native{color:var(--color-focused)}:host(.ion-focused) .button-native::after{background:var(--background-focused);opacity:var(--background-focused-opacity)}.button-native::after{left:0;right:0;top:0;bottom:0;position:absolute;content:"";opacity:0}@media (any-hover: hover){:host(:hover) .button-native{color:var(--color-hover)}:host(:hover) .button-native::after{background:var(--background-hover);opacity:var(--background-hover-opacity, 0)}}:host(.ion-color) .button-native{color:var(--ion-color-base)}:host(.in-toolbar:not(.in-toolbar-color)){color:var(--ion-toolbar-color, var(--color))}:host{--background-focused:currentColor;--background-focused-opacity:.1;--border-radius:4px;--color:var(--ion-color-primary, #0054e9);--padding-start:5px;--padding-end:5px;min-height:32px;font-size:clamp(31px, 1.9375rem, 38.13px)}:host(.ion-activated){opacity:0.4}@media (any-hover: hover){:host(:hover){opacity:0.6}}',md:':host{--background:transparent;--color-focused:currentColor;--border-radius:initial;--padding-top:0;--padding-bottom:0;color:var(--color);text-align:center;text-decoration:none;text-overflow:ellipsis;text-transform:none;white-space:nowrap;-webkit-font-kerning:none;font-kerning:none}.button-native{border-radius:var(--border-radius);font-family:inherit;font-size:inherit;font-style:inherit;font-weight:inherit;letter-spacing:inherit;text-decoration:inherit;text-indent:inherit;text-overflow:inherit;text-transform:inherit;text-align:inherit;white-space:inherit;color:inherit;margin-left:0;margin-right:0;margin-top:0;margin-bottom:0;-webkit-padding-start:var(--padding-start);padding-inline-start:var(--padding-start);-webkit-padding-end:var(--padding-end);padding-inline-end:var(--padding-end);padding-top:var(--padding-top);padding-bottom:var(--padding-bottom);-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;display:-ms-flexbox;display:flex;position:relative;-ms-flex-flow:row nowrap;flex-flow:row nowrap;-ms-flex-negative:0;flex-shrink:0;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;width:100%;height:100%;min-height:inherit;border:0;outline:none;background:var(--background);line-height:1;cursor:pointer;overflow:hidden;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;z-index:0;-webkit-appearance:none;-moz-appearance:none;appearance:none}.button-inner{display:-ms-flexbox;display:flex;position:relative;-ms-flex-flow:row nowrap;flex-flow:row nowrap;-ms-flex-negative:0;flex-shrink:0;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;width:100%;height:100%;min-height:inherit;z-index:1}ion-icon{margin-left:0;margin-right:0;margin-top:0;margin-bottom:0;padding-left:0;padding-right:0;padding-top:0;padding-bottom:0;pointer-events:none}:host(.menu-button-hidden){display:none}:host(.menu-button-disabled){cursor:default;opacity:0.5;pointer-events:none}:host(.ion-focused) .button-native{color:var(--color-focused)}:host(.ion-focused) .button-native::after{background:var(--background-focused);opacity:var(--background-focused-opacity)}.button-native::after{left:0;right:0;top:0;bottom:0;position:absolute;content:"";opacity:0}@media (any-hover: hover){:host(:hover) .button-native{color:var(--color-hover)}:host(:hover) .button-native::after{background:var(--background-hover);opacity:var(--background-hover-opacity, 0)}}:host(.ion-color) .button-native{color:var(--ion-color-base)}:host(.in-toolbar:not(.in-toolbar-color)){color:var(--ion-toolbar-color, var(--color))}:host{--background-focused:currentColor;--background-focused-opacity:.12;--background-hover:currentColor;--background-hover-opacity:.04;--border-radius:50%;--color:initial;--padding-start:8px;--padding-end:8px;width:3rem;height:3rem;font-size:1.5rem}:host(.ion-color.ion-focused)::after{background:var(--ion-color-base)}@media (any-hover: hover){:host(.ion-color:hover) .button-native::after{background:var(--ion-color-base)}}'};const _=class{constructor(e){t(this,e),this.onClick=()=>u.toggle(this.menu),this.visible=!1,this.menu=void 0,this.autoHide=!0}connectedCallback(){this.visibilityChanged()}async visibilityChanged(){this.visible=await A(this.menu)}render(){const t=f(this),e=this.autoHide&&!this.visible;return i(n,{onClick:this.onClick,"aria-hidden":e?"true":null,class:{[t]:!0,"menu-toggle-hidden":e}},i("slot",null))}};_.style=":host(.menu-toggle-hidden){display:none}";export{w as ion_menu,S as ion_menu_button,_ as ion_menu_toggle}

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

@@ -1,4 +1,4 @@
-import type { AnimationBuilder, LiteralUnion, Mode } from '../../interface';
+import type { AnimationBuilder, Mode } from '../../interface';
 export interface ActionSheetOptions {
     header?: string;
     subHeader?: string;
@@ -18,7 +18,7 @@ export interface ActionSheetOptions {
 }
 export interface ActionSheetButton<T = any> {
     text?: string;
-    role?: LiteralUnion<'cancel' | 'destructive' | 'selected', string>;
+    role?: 'cancel' | 'destructive' | 'selected' | string;
     icon?: string;
     cssClass?: string | string[];
     id?: string;

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

@@ -1,4 +1,4 @@
-import type { AnimationBuilder, LiteralUnion, Mode, TextFieldTypes } from '../../interface';
+import type { AnimationBuilder, Mode, TextFieldTypes } from '../../interface';
 import type { IonicSafeString } from '../../utils/sanitization';
 export interface AlertOptions {
     header?: string;
@@ -45,7 +45,7 @@ type AlertButtonOverlayHandler = boolean | void | {
 };
 export interface AlertButton {
     text: string;
-    role?: LiteralUnion<'cancel' | 'destructive', string>;
+    role?: 'cancel' | 'destructive' | string;
     cssClass?: string | string[];
     id?: string;
     htmlAttributes?: {

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

@@ -1,6 +1,5 @@
 import type { ComponentInterface, EventEmitter } from '../../stencil-public-runtime';
 export declare class Backdrop implements ComponentInterface {
-    private blocker;
     /**
      * If `true`, the backdrop will be visible.
      */
@@ -17,8 +16,6 @@ export declare class Backdrop implements ComponentInterface {
      * Emitted when the backdrop is tapped.
      */
     ionBackdropTap: EventEmitter<void>;
-    connectedCallback(): void;
-    disconnectedCallback(): void;
     protected onMouseDown(ev: TouchEvent): void;
     private emitTap;
     render(): any;

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

@@ -28,7 +28,6 @@ import type { DatetimePresentation, DatetimeChangeEventDetail, DatetimeParts, Ti
 export declare class Datetime implements ComponentInterface {
     private inputId;
     private calendarBodyRef?;
-    private monthYearToggleItemRef?;
     private popoverRef?;
     private clearFocusVisible?;
     private parsedMinuteValues?;

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

@@ -1,6 +1,10 @@
 import type { Mode } from '../../../interface';
-import type { PickerColumnItem } from '../../picker-column-internal/picker-column-internal-interfaces';
 import type { DatetimeParts, DatetimeHourCycle } from '../datetime-interface';
+export interface WheelColumnOption {
+    text: string;
+    value: string | number;
+    disabled?: boolean;
+}
 /**
  * Returns the current date as
  * an ISO string in the user's
@@ -46,7 +50,7 @@ export declare const generateTime: (locale: string, refParts: DatetimeParts, hou
  * current, and and next months.
  */
 export declare const generateMonths: (refParts: DatetimeParts, forcedDate?: DatetimeParts) => DatetimeParts[];
-export declare const getMonthColumnData: (locale: string, refParts: DatetimeParts, minParts?: DatetimeParts, maxParts?: DatetimeParts, monthValues?: number[], formatOptions?: Intl.DateTimeFormatOptions) => PickerColumnItem[];
+export declare const getMonthColumnData: (locale: string, refParts: DatetimeParts, minParts?: DatetimeParts, maxParts?: DatetimeParts, monthValues?: number[], formatOptions?: Intl.DateTimeFormatOptions) => WheelColumnOption[];
 /**
  * Returns information regarding
  * selectable dates (i.e 1st, 2nd, 3rd, etc)
@@ -56,13 +60,13 @@ export declare const getMonthColumnData: (locale: string, refParts: DatetimePart
  * @param minParts The minimum bound on the date that can be returned
  * @param maxParts The maximum bound on the date that can be returned
  * @param dayValues The allowed date values
- * @returns Date data to be used in ion-picker-column-internal
+ * @returns Date data to be used in ion-picker-column
  */
-export declare const getDayColumnData: (locale: string, refParts: DatetimeParts, minParts?: DatetimeParts, maxParts?: DatetimeParts, dayValues?: number[], formatOptions?: Intl.DateTimeFormatOptions) => PickerColumnItem[];
-export declare const getYearColumnData: (locale: string, refParts: DatetimeParts, minParts?: DatetimeParts, maxParts?: DatetimeParts, yearValues?: number[]) => PickerColumnItem[];
+export declare const getDayColumnData: (locale: string, refParts: DatetimeParts, minParts?: DatetimeParts, maxParts?: DatetimeParts, dayValues?: number[], formatOptions?: Intl.DateTimeFormatOptions) => WheelColumnOption[];
+export declare const getYearColumnData: (locale: string, refParts: DatetimeParts, minParts?: DatetimeParts, maxParts?: DatetimeParts, yearValues?: number[]) => WheelColumnOption[];
 interface CombinedDateColumnData {
     parts: DatetimeParts[];
-    items: PickerColumnItem[];
+    items: WheelColumnOption[];
 }
 /**
  * Creates and returns picker items
@@ -71,6 +75,6 @@ interface CombinedDateColumnData {
  */
 export declare const getCombinedDateColumnData: (locale: string, todayParts: DatetimeParts, minParts: DatetimeParts, maxParts: DatetimeParts, dayValues?: number[], monthValues?: number[]) => CombinedDateColumnData;
 export declare const getTimeColumnsData: (locale: string, refParts: DatetimeParts, hourCycle?: DatetimeHourCycle, minParts?: DatetimeParts, maxParts?: DatetimeParts, allowedHourValues?: number[], allowedMinuteValues?: number[]) => {
-    [key: string]: PickerColumnItem[];
+    [key: string]: WheelColumnOption[];
 };
 export {};

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

@@ -110,7 +110,6 @@ export declare class Item implements ComponentInterface, AnchorInterface, Button
      */
     counterFormatter?: CounterFormatter;
     counterString: string | null | undefined;
-    buttonChanged(): void;
     counterFormatterChanged(): void;
     handleIonInput(ev: CustomEvent<InputInputEventDetail>): void;
     labelColorChanged(ev: CustomEvent<string>): void;

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

@@ -21,13 +21,21 @@ export declare class Menu implements ComponentInterface, MenuI {
     isAnimating: boolean;
     width: number;
     _isOpen: boolean;
-    backdropEl?: HTMLElement;
+    backdropEl?: HTMLIonBackdropElement;
     menuInnerEl?: HTMLElement;
     contentEl?: HTMLElement;
     lastFocus?: HTMLElement;
     private inheritedAttributes;
     private handleFocus;
     el: HTMLIonMenuElement;
+    /**
+     * If true, then the menu should be
+     * visible within a split pane.
+     * If false, then the menu is hidden.
+     * However, the menu-button/menu-toggle
+     * components can be used to open the
+     * menu.
+     */
     isPaneVisible: boolean;
     isEndSide: boolean;
     /**
@@ -94,7 +102,9 @@ export declare class Menu implements ComponentInterface, MenuI {
     componentDidLoad(): Promise<void>;
     private menuChanged;
     disconnectedCallback(): Promise<void>;
-    onSplitPaneChanged(ev: CustomEvent): void;
+    onSplitPaneChanged(ev: CustomEvent<{
+        visible: boolean;
+    }>): void;
     onBackdropClick(ev: any): void;
     onKeydown(ev: KeyboardEvent): void;
     /**

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

@@ -181,7 +181,10 @@ export declare class Nav implements NavOutlet {
      * @param view The view to get.
      */
     getPrevious(view?: ViewController): Promise<ViewController | undefined>;
-    getLength(): number;
+    /**
+     * Returns the number of views in the stack.
+     */
+    getLength(): Promise<number>;
     private getActiveSync;
     private canGoBackSync;
     private getPreviousSync;

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

@@ -0,0 +1,8 @@
+export interface PickerChangeEventDetail {
+    useInputMode: boolean;
+    inputModeColumn?: HTMLIonPickerColumnElement;
+}
+export interface PickerCustomEvent extends CustomEvent {
+    target: HTMLIonPickerElement;
+    detail: PickerChangeEventDetail;
+}

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

@@ -1,158 +1,104 @@
 import type { ComponentInterface, EventEmitter } from '../../stencil-public-runtime';
-import type { AnimationBuilder, OverlayInterface, FrameworkDelegate } from '../../interface';
-import type { OverlayEventDetail } from '../../utils/overlays-interface';
-import type { PickerButton, PickerColumn } from './picker-interface';
+import type { PickerChangeEventDetail } from './picker-interfaces';
 /**
  * @virtualProp {"ios" | "md"} mode - The mode determines which platform styles to use.
  */
-export declare class Picker implements ComponentInterface, OverlayInterface {
-    private readonly delegateController;
-    private readonly lockController;
-    private readonly triggerController;
-    private durationTimeout?;
-    lastFocus?: HTMLElement;
+export declare class Picker implements ComponentInterface {
+    private inputEl?;
+    private useInputMode;
+    private inputModeColumn?;
+    private highlightEl?;
+    private actionOnClick?;
+    private destroyKeypressListener?;
+    private singleColumnSearchTimeout?;
     el: HTMLIonPickerElement;
-    presented: boolean;
-    /** @internal */
-    overlayIndex: number;
-    /** @internal */
-    delegate?: FrameworkDelegate;
-    /** @internal */
-    hasController: boolean;
     /**
-     * If `true`, the keyboard will be automatically dismissed when the overlay is presented.
+     * @internal
      */
-    keyboardClose: boolean;
+    ionInputModeChange: EventEmitter<PickerChangeEventDetail>;
     /**
-     * Animation to use when the picker is presented.
+     * When the picker is interacted with
+     * we need to prevent touchstart so other
+     * gestures do not fire. For example,
+     * scrolling on the wheel picker
+     * in ion-datetime should not cause
+     * a card modal to swipe to close.
      */
-    enterAnimation?: AnimationBuilder;
-    /**
-     * Animation to use when the picker is dismissed.
-     */
-    leaveAnimation?: AnimationBuilder;
-    /**
-     * Array of buttons to be displayed at the top of the picker.
-     */
-    buttons: PickerButton[];
-    /**
-     * Array of columns to be displayed in the picker.
-     */
-    columns: PickerColumn[];
-    /**
-     * Additional classes to apply for custom CSS. If multiple classes are
-     * provided they should be separated by spaces.
-     */
-    cssClass?: string | string[];
-    /**
-     * Number of milliseconds to wait before dismissing the picker.
-     */
-    duration: number;
-    /**
-     * If `true`, a backdrop will be displayed behind the picker.
-     */
-    showBackdrop: boolean;
-    /**
-     * If `true`, the picker will be dismissed when the backdrop is clicked.
-     */
-    backdropDismiss: boolean;
-    /**
-     * If `true`, the picker will animate.
-     */
-    animated: boolean;
-    /**
-     * Additional attributes to pass to the picker.
-     */
-    htmlAttributes?: {
-        [key: string]: any;
-    };
-    /**
-     * If `true`, the picker will open. If `false`, the picker will close.
-     * Use this if you need finer grained control over presentation, otherwise
-     * just use the pickerController or the `trigger` property.
-     * Note: `isOpen` will not automatically be set back to `false` when
-     * the picker dismisses. You will need to do that in your code.
-     */
-    isOpen: boolean;
-    onIsOpenChange(newValue: boolean, oldValue: boolean): void;
-    /**
-     * An ID corresponding to the trigger element that
-     * causes the picker to open when clicked.
-     */
-    trigger: string | undefined;
-    triggerChanged(): void;
-    /**
-     * Emitted after the picker has presented.
-     */
-    didPresent: EventEmitter<void>;
-    /**
-     * Emitted before the picker has presented.
-     */
-    willPresent: EventEmitter<void>;
-    /**
-     * Emitted before the picker has dismissed.
-     */
-    willDismiss: EventEmitter<OverlayEventDetail>;
-    /**
-     * Emitted after the picker has dismissed.
-     */
-    didDismiss: EventEmitter<OverlayEventDetail>;
+    preventTouchStartPropagation(ev: TouchEvent): void;
+    componentWillLoad(): void;
+    private isInHighlightBounds;
     /**
-     * Emitted after the picker has presented.
-     * Shorthand for ionPickerWillDismiss.
+     * If we are no longer focused
+     * on a picker column, then we should
+     * exit input mode. An exception is made
+     * for the input in the picker since having
+     * that focused means we are still in input mode.
      */
-    didPresentShorthand: EventEmitter<void>;
+    private onFocusOut;
     /**
-     * Emitted before the picker has presented.
-     * Shorthand for ionPickerWillPresent.
+     * When picker columns receive focus
+     * the parent picker needs to determine
+     * whether to enter/exit input mode.
      */
-    willPresentShorthand: EventEmitter<void>;
+    private onFocusIn;
     /**
-     * Emitted before the picker has dismissed.
-     * Shorthand for ionPickerWillDismiss.
+     * On click we need to run an actionOnClick
+     * function that has been set in onPointerDown
+     * so that we enter/exit input mode correctly.
      */
-    willDismissShorthand: EventEmitter<OverlayEventDetail>;
+    private onClick;
     /**
-     * Emitted after the picker has dismissed.
-     * Shorthand for ionPickerDidDismiss.
+     * Clicking a column also focuses the column on
+     * certain browsers, so we use onPointerDown
+     * to tell the onFocusIn function that users
+     * are trying to click the column rather than
+     * focus the column using the keyboard. When the
+     * user completes the click, the onClick function
+     * runs and runs the actionOnClick callback.
      */
-    didDismissShorthand: EventEmitter<OverlayEventDetail>;
-    connectedCallback(): void;
-    disconnectedCallback(): void;
-    componentWillLoad(): void;
-    componentDidLoad(): void;
+    private onPointerDown;
     /**
-     * Present the picker overlay after it has been created.
+     * Enters input mode to allow
+     * for text entry of numeric values.
+     * If on mobile, we focus a hidden input
+     * field so that the on screen keyboard
+     * is brought up. When tabbing using a
+     * keyboard, picker columns receive an outline
+     * to indicate they are focused. As a result,
+     * we should not focus the hidden input as it
+     * would cause the outline to go away, preventing
+     * users from having any visual indication of which
+     * column is focused.
      */
-    present(): Promise<void>;
+    private enterInputMode;
     /**
-     * Dismiss the picker overlay after it has been presented.
-     *
-     * @param data Any data to emit in the dismiss events.
-     * @param role The role of the element that is dismissing the picker.
-     * This can be useful in a button handler for determining which button was
-     * clicked to dismiss the picker.
-     * Some examples include: ``"cancel"`, `"destructive"`, "selected"`, and `"backdrop"`.
+     * @internal
+     * Exits text entry mode for the picker
+     * This method blurs the hidden input
+     * and cause the keyboard to dismiss.
      */
-    dismiss(data?: any, role?: string): Promise<boolean>;
+    exitInputMode(): Promise<void>;
+    private onKeyPress;
+    private selectSingleColumn;
     /**
-     * Returns a promise that resolves when the picker did dismiss.
+     * Searches a list of column items for a particular
+     * value. This is currently used for numeric values.
+     * The zeroBehavior can be set to account for leading
+     * or trailing zeros when looking at the item text.
      */
-    onDidDismiss<T = any>(): Promise<OverlayEventDetail<T>>;
+    private searchColumn;
+    private selectMultiColumn;
     /**
-     * Returns a promise that resolves when the picker will dismiss.
+     * Searches the value of the active column
+     * to determine which value users are trying
+     * to select
      */
-    onWillDismiss<T = any>(): Promise<OverlayEventDetail<T>>;
+    private onInputChange;
     /**
-     * Get the column that matches the specified name.
-     *
-     * @param name The name of the column.
+     * Emit ionInputModeChange. Picker columns
+     * listen for this event to determine whether
+     * or not their column is "active" for text input.
      */
-    getColumn(name: string): Promise<PickerColumn | undefined>;
-    private buttonClick;
-    private callButtonHandler;
-    private getSelected;
-    private onBackdropTap;
-    private dispatchCancelHandler;
+    private emitInputModeChange;
     render(): any;
 }

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

@@ -0,0 +1,4 @@
+export interface PickerColumnChangeEventDetail {
+    value: PickerColumnValue;
+}
+export type PickerColumnValue = string | number | undefined;