@ionic/core 7.3.2-dev.11692887667.1614d10a → 7.3.2-dev.11693262117.17edbf6d
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/components/action-sheet.js +8 -17
- package/components/alert.js +8 -17
- package/components/ion-loading.js +8 -17
- package/components/ion-menu.js +15 -2
- package/components/ion-modal.js +12 -33
- package/components/ion-picker.js +8 -17
- package/components/ion-toast.js +8 -17
- package/components/overlays.js +22 -1
- package/components/popover.js +8 -29
- package/dist/cjs/index.cjs.js +1 -1
- package/dist/cjs/ion-action-sheet.cjs.entry.js +8 -17
- package/dist/cjs/ion-alert.cjs.entry.js +8 -17
- package/dist/cjs/ion-datetime_3.cjs.entry.js +8 -17
- package/dist/cjs/ion-loading.cjs.entry.js +8 -17
- package/dist/cjs/ion-menu_3.cjs.entry.js +15 -2
- package/dist/cjs/ion-modal.cjs.entry.js +12 -33
- package/dist/cjs/ion-popover.cjs.entry.js +8 -29
- package/dist/cjs/ion-select_3.cjs.entry.js +1 -1
- package/dist/cjs/ion-toast.cjs.entry.js +8 -17
- package/dist/cjs/{overlays-0ea06fcb.js → overlays-2b9fa92e.js} +22 -0
- package/dist/collection/components/action-sheet/action-sheet.js +8 -17
- package/dist/collection/components/alert/alert.js +8 -17
- package/dist/collection/components/loading/loading.js +8 -17
- package/dist/collection/components/menu/menu.js +14 -1
- package/dist/collection/components/menu-button/test/async/menu-button.e2e.js +23 -0
- package/dist/collection/components/modal/modal.js +12 -33
- package/dist/collection/components/picker/picker.js +8 -17
- package/dist/collection/components/popover/popover.js +8 -29
- package/dist/collection/components/toast/toast.js +8 -17
- package/dist/collection/utils/overlays.js +21 -0
- package/dist/docs.json +1 -1
- package/dist/esm/index.js +1 -1
- package/dist/esm/ion-action-sheet.entry.js +8 -17
- package/dist/esm/ion-alert.entry.js +8 -17
- package/dist/esm/ion-datetime_3.entry.js +8 -17
- package/dist/esm/ion-loading.entry.js +8 -17
- package/dist/esm/ion-menu_3.entry.js +15 -2
- package/dist/esm/ion-modal.entry.js +12 -33
- package/dist/esm/ion-popover.entry.js +8 -29
- package/dist/esm/ion-select_3.entry.js +1 -1
- package/dist/esm/ion-toast.entry.js +8 -17
- package/dist/esm/{overlays-c3387ec0.js → overlays-66222f79.js} +22 -1
- package/dist/esm-es5/index.js +1 -1
- package/dist/esm-es5/ion-action-sheet.entry.js +1 -1
- package/dist/esm-es5/ion-alert.entry.js +1 -1
- package/dist/esm-es5/ion-datetime_3.entry.js +1 -1
- package/dist/esm-es5/ion-loading.entry.js +1 -1
- package/dist/esm-es5/ion-menu_3.entry.js +1 -1
- package/dist/esm-es5/ion-modal.entry.js +1 -1
- package/dist/esm-es5/ion-popover.entry.js +1 -1
- package/dist/esm-es5/ion-select_3.entry.js +1 -1
- package/dist/esm-es5/ion-toast.entry.js +1 -1
- package/dist/esm-es5/{overlays-c3387ec0.js → overlays-66222f79.js} +1 -1
- package/dist/ionic/index.esm.js +1 -1
- package/dist/ionic/ionic.esm.js +1 -1
- package/dist/ionic/{p-8fa43732.system.entry.js → p-0494a5b7.system.entry.js} +1 -1
- package/dist/ionic/p-16fd72f2.entry.js +4 -0
- package/dist/ionic/p-1c9e3bc7.entry.js +4 -0
- package/dist/ionic/p-2a51c81c.entry.js +4 -0
- package/dist/ionic/p-2a649b3e.system.entry.js +4 -0
- package/dist/ionic/p-3ef9e271.system.entry.js +4 -0
- package/dist/ionic/p-6d484719.system.entry.js +4 -0
- package/dist/ionic/p-70d137a0.js +4 -0
- package/dist/ionic/p-721933ff.system.js +1 -1
- package/dist/ionic/{p-c0d1e5a1.entry.js → p-7776d062.entry.js} +1 -1
- package/dist/ionic/p-7ac9bdfa.system.entry.js +4 -0
- package/dist/ionic/p-8d53d5a5.entry.js +4 -0
- package/dist/ionic/p-9888a5a7.entry.js +4 -0
- package/dist/ionic/{p-db46fc66.system.js → p-a0ffdd91.system.js} +1 -1
- package/dist/ionic/p-a133c215.system.entry.js +4 -0
- package/dist/ionic/p-b2098e96.system.entry.js +4 -0
- package/dist/ionic/p-c0b4ca5c.system.entry.js +4 -0
- package/dist/ionic/p-cf768a4f.entry.js +4 -0
- package/dist/ionic/p-ddffbfa9.entry.js +4 -0
- package/dist/ionic/p-e2e2c2b0.entry.js +4 -0
- package/dist/ionic/p-ebb442c4.system.entry.js +4 -0
- package/dist/ionic/{p-81b46714.system.js → p-f8e4da48.system.js} +1 -1
- package/dist/types/components/action-sheet/action-sheet.d.ts +1 -1
- package/dist/types/components/alert/alert.d.ts +1 -1
- package/dist/types/components/loading/loading.d.ts +1 -1
- package/dist/types/components/menu/menu.d.ts +2 -0
- package/dist/types/components/modal/modal.d.ts +1 -1
- package/dist/types/components/picker/picker.d.ts +1 -1
- package/dist/types/components/popover/popover.d.ts +1 -1
- package/dist/types/components/toast/toast.d.ts +1 -1
- package/dist/types/utils/overlays.d.ts +9 -0
- package/hydrate/index.js +87 -141
- package/package.json +2 -2
- package/dist/ionic/p-06f1f560.system.entry.js +0 -4
- package/dist/ionic/p-2936ec7f.system.entry.js +0 -4
- package/dist/ionic/p-29b3e70a.entry.js +0 -4
- package/dist/ionic/p-2bc49e5d.system.entry.js +0 -4
- package/dist/ionic/p-2da3e015.system.entry.js +0 -4
- package/dist/ionic/p-423d5a4d.entry.js +0 -4
- package/dist/ionic/p-564aaba3.entry.js +0 -4
- package/dist/ionic/p-5ef91692.js +0 -4
- package/dist/ionic/p-61769039.entry.js +0 -4
- package/dist/ionic/p-74723f41.entry.js +0 -4
- package/dist/ionic/p-8b55f026.entry.js +0 -4
- package/dist/ionic/p-9b3c3564.entry.js +0 -4
- package/dist/ionic/p-ac80da6c.system.entry.js +0 -4
- package/dist/ionic/p-ccea9adc.system.entry.js +0 -4
- package/dist/ionic/p-d5db0834.system.entry.js +0 -4
- package/dist/ionic/p-d8538837.entry.js +0 -4
- package/dist/ionic/p-dd0b6889.system.entry.js +0 -4
|
@@ -1,4 +1,4 @@
|
|
|
1
1
|
import{__awaiter,__generator,__spreadArray}from"tslib";
|
|
2
2
|
/*!
|
|
3
3
|
* (C) Ionic http://ionicframework.com - MIT License
|
|
4
|
-
*/import{r as registerInstance,d as createEvent,w as writeTask,h,H as Host,f as getElement}from"./index-847f2fde.js";import{f as findClosestIonContent,i as isIonContent,d as disableContentScrollY,r as resetContentScrollY,a as findIonContent,p as printIonContentErrorMsg}from"./index-746a238e.js";import{C as CoreDelegate,a as attachComponent,d as detachComponent}from"./framework-delegate-2b76c681.js";import{g as getElementRoot,l as clamp,r as raf,k as inheritAttributes,m as hasLazyBuild}from"./helpers-3379ba19.js";import{p as printIonWarning}from"./index-595d62c9.js";import{g as getCapacitor}from"./capacitor-b4979570.js";import{G as GESTURE,e as createTriggerController,B as BACKDROP,j as prepareOverlay,k as setOverlayId,f as present,n as activeAnimations,g as dismiss,h as eventMethod}from"./overlays-c3387ec0.js";import{g as getClassMap}from"./theme-17531cdf.js";import{e as deepReady,w as waitForMount}from"./index-6391de89.js";import{b as getIonMode,c as config}from"./ionic-global-1ef19007.js";import{KEYBOARD_DID_OPEN}from"./keyboard-b551279d.js";import{c as createAnimation}from"./animation-a1d9e088.js";import{g as getTimeGivenProgression}from"./cubic-bezier-66542bc5.js";import{createGesture}from"./index-ff313b19.js";import{w as win}from"./index-7a14ecec.js";import"./hardware-back-button-39299f84.js";import"./keyboard-b063f012.js";import"./gesture-controller-0fa396c4.js";var Style;(function(e){e["Dark"]="DARK";e["Light"]="LIGHT";e["Default"]="DEFAULT"})(Style||(Style={}));var StatusBar={getEngine:function(){var e=getCapacitor();if(e===null||e===void 0?void 0:e.isPluginAvailable("StatusBar")){return e.Plugins.StatusBar}return undefined},supportsDefaultStatusBarStyle:function(){var e=getCapacitor();return!!(e===null||e===void 0?void 0:e.PluginHeaders)},setStyle:function(e){var t=this.getEngine();if(!t){return}t.setStyle(e)},getStyle:function(){return __awaiter(this,void 0,void 0,(function(){var e,t;return __generator(this,(function(r){switch(r.label){case 0:e=this.getEngine();if(!e){return[2,Style.Default]}return[4,e.getInfo()];case 1:t=r.sent().style;return[2,t]}}))}))}};var getBackdropValueForSheet=function(e,t){if(t===1){return 0}var r=1/(1-t);var a=-(t*r);return e*r+a};var setCardStatusBarDark=function(){if(!win||win.innerWidth>=768||!StatusBar.supportsDefaultStatusBarStyle()){return}StatusBar.setStyle({style:Style.Dark})};var setCardStatusBarDefault=function(e){if(e===void 0){e=Style.Default}if(!win||win.innerWidth>=768||!StatusBar.supportsDefaultStatusBarStyle()){return}StatusBar.setStyle({style:e})};var handleCanDismiss=function(e,t){return __awaiter(void 0,void 0,void 0,(function(){var r;return __generator(this,(function(a){switch(a.label){case 0:if(typeof e.canDismiss!=="function"){return[2]}return[4,e.canDismiss(undefined,GESTURE)];case 1:r=a.sent();if(!r){return[2]}if(t.isRunning()){t.onFinish((function(){e.dismiss(undefined,"handler")}),{oneTimeCallback:true})}else{e.dismiss(undefined,"handler")}return[2]}}))}))};var calculateSpringStep=function(e){return.00255275*Math.pow(2.71828,-14.9619*e)-1.00255*Math.pow(2.71828,-.0380968*e)+1};var SwipeToCloseDefaults={MIN_PRESENTING_SCALE:.93};var createSwipeToCloseGesture=function(e,t,r,a){var n=.5;var i=e.offsetHeight;var o=false;var s=false;var d=null;var l=null;var c=.2;var p=true;var u=0;var f=function(){if(d&&isIonContent(d)){return d.scrollY}else{return true}};var h=function(e){var t=e.event.target;if(t===null||!t.closest){return true}d=findClosestIonContent(t);if(d){if(isIonContent(d)){var r=getElementRoot(d);l=r.querySelector(".inner-scroll")}else{l=d}var a=!!d.querySelector("ion-refresher");return!a&&l.scrollTop===0}var n=t.closest("ion-footer");if(n===null){return true}return false};var m=function(r){var a=r.deltaY;p=f();s=e.canDismiss!==undefined&&e.canDismiss!==true;if(a>0&&d){disableContentScrollY(d)}t.progressStart(true,o?1:0)};var v=function(e){var a=e.deltaY;if(a>0&&d){disableContentScrollY(d)}var o=e.deltaY/i;var l=o>=0&&s;var p=l?c:.9999;var f=l?calculateSpringStep(o/p):o;var h=clamp(1e-4,f,p);t.progressStep(h);if(h>=n&&u<n){setCardStatusBarDefault(r)}else if(h<n&&u>=n){setCardStatusBarDark()}u=h};var b=function(r){var l=r.velocityY;var u=r.deltaY/i;var f=u>=0&&s;var h=f?c:.9999;var m=f?calculateSpringStep(u/h):u;var v=clamp(1e-4,m,h);var b=(r.deltaY+l*1e3)/i;var y=!f&&b>=n;var k=y?-.001:.001;if(!y){t.easing("cubic-bezier(1, 0, 0.68, 0.28)");k+=getTimeGivenProgression([0,0],[1,0],[.68,.28],[1,1],v)[0]}else{t.easing("cubic-bezier(0.32, 0.72, 0, 1)");k+=getTimeGivenProgression([0,0],[.32,.72],[0,1],[1,1],v)[0]}var w=y?computeDuration(u*i,l):computeDuration((1-v)*i,l);o=y;g.enable(false);if(d){resetContentScrollY(d,p)}t.onFinish((function(){if(!y){g.enable(true)}})).progressEnd(y?1:0,k,w);if(f&&v>h/4){handleCanDismiss(e,t)}else if(y){a()}};var g=createGesture({el:e,gestureName:"modalSwipeToClose",gesturePriority:39,direction:"y",threshold:10,canStart:h,onStart:m,onMove:v,onEnd:b});return g};var computeDuration=function(e,t){return clamp(400,e/Math.abs(t*1.1),500)};var createSheetEnterAnimation=function(e){var t=e.currentBreakpoint,r=e.backdropBreakpoint;var a=r===undefined||r<t;var n=a?"calc(var(--backdrop-opacity) * ".concat(t,")"):"0";var i=createAnimation("backdropAnimation").fromTo("opacity",0,n);if(a){i.beforeStyles({"pointer-events":"none"}).afterClearStyles(["pointer-events"])}var o=createAnimation("wrapperAnimation").keyframes([{offset:0,opacity:1,transform:"translateY(100%)"},{offset:1,opacity:1,transform:"translateY(".concat(100-t*100,"%)")}]);return{wrapperAnimation:o,backdropAnimation:i}};var createSheetLeaveAnimation=function(e){var t=e.currentBreakpoint,r=e.backdropBreakpoint;var a="calc(var(--backdrop-opacity) * ".concat(getBackdropValueForSheet(t,r),")");var n=[{offset:0,opacity:a},{offset:1,opacity:0}];var i=[{offset:0,opacity:a},{offset:r,opacity:0},{offset:1,opacity:0}];var o=createAnimation("backdropAnimation").keyframes(r!==0?i:n);var s=createAnimation("wrapperAnimation").keyframes([{offset:0,opacity:1,transform:"translateY(".concat(100-t*100,"%)")},{offset:1,opacity:1,transform:"translateY(100%)"}]);return{wrapperAnimation:s,backdropAnimation:o}};var createEnterAnimation$1=function(){var e=createAnimation().fromTo("opacity",.01,"var(--backdrop-opacity)").beforeStyles({"pointer-events":"none"}).afterClearStyles(["pointer-events"]);var t=createAnimation().fromTo("transform","translateY(100vh)","translateY(0vh)");return{backdropAnimation:e,wrapperAnimation:t}};var iosEnterAnimation=function(e,t){var r=t.presentingEl,a=t.currentBreakpoint;var n=getElementRoot(e);var i=a!==undefined?createSheetEnterAnimation(t):createEnterAnimation$1(),o=i.wrapperAnimation,s=i.backdropAnimation;s.addElement(n.querySelector("ion-backdrop"));o.addElement(n.querySelectorAll(".modal-wrapper, .modal-shadow")).beforeStyles({opacity:1});var d=createAnimation("entering-base").addElement(e).easing("cubic-bezier(0.32,0.72,0,1)").duration(500).addAnimation(o);if(r){var l=window.innerWidth<768;var c=r.tagName==="ION-MODAL"&&r.presentingElement!==undefined;var p=getElementRoot(r);var u=createAnimation().beforeStyles({transform:"translateY(0)","transform-origin":"top center",overflow:"hidden"});var f=document.body;if(l){var h=!CSS.supports("width","max(0px, 1px)")?"30px":"max(30px, var(--ion-safe-area-top))";var m=c?"-10px":h;var v=SwipeToCloseDefaults.MIN_PRESENTING_SCALE;var b="translateY(".concat(m,") scale(").concat(v,")");u.afterStyles({transform:b}).beforeAddWrite((function(){return f.style.setProperty("background-color","black")})).addElement(r).keyframes([{offset:0,filter:"contrast(1)",transform:"translateY(0px) scale(1)",borderRadius:"0px"},{offset:1,filter:"contrast(0.85)",transform:b,borderRadius:"10px 10px 0 0"}]);d.addAnimation(u)}else{d.addAnimation(s);if(!c){o.fromTo("opacity","0","1")}else{var v=c?SwipeToCloseDefaults.MIN_PRESENTING_SCALE:1;var b="translateY(-10px) scale(".concat(v,")");u.afterStyles({transform:b}).addElement(p.querySelector(".modal-wrapper")).keyframes([{offset:0,filter:"contrast(1)",transform:"translateY(0) scale(1)"},{offset:1,filter:"contrast(0.85)",transform:b}]);var g=createAnimation().afterStyles({transform:b}).addElement(p.querySelector(".modal-shadow")).keyframes([{offset:0,opacity:"1",transform:"translateY(0) scale(1)"},{offset:1,opacity:"0",transform:b}]);d.addAnimation([u,g])}}}else{d.addAnimation(s)}return d};var createLeaveAnimation$1=function(){var e=createAnimation().fromTo("opacity","var(--backdrop-opacity)",0);var t=createAnimation().fromTo("transform","translateY(0vh)","translateY(100vh)");return{backdropAnimation:e,wrapperAnimation:t}};var iosLeaveAnimation=function(e,t,r){if(r===void 0){r=500}var a=t.presentingEl,n=t.currentBreakpoint;var i=getElementRoot(e);var o=n!==undefined?createSheetLeaveAnimation(t):createLeaveAnimation$1(),s=o.wrapperAnimation,d=o.backdropAnimation;d.addElement(i.querySelector("ion-backdrop"));s.addElement(i.querySelectorAll(".modal-wrapper, .modal-shadow")).beforeStyles({opacity:1});var l=createAnimation("leaving-base").addElement(e).easing("cubic-bezier(0.32,0.72,0,1)").duration(r).addAnimation(s);if(a){var c=window.innerWidth<768;var p=a.tagName==="ION-MODAL"&&a.presentingElement!==undefined;var u=getElementRoot(a);var f=createAnimation().beforeClearStyles(["transform"]).afterClearStyles(["transform"]).onFinish((function(e){if(e!==1){return}a.style.setProperty("overflow","");var t=Array.from(h.querySelectorAll("ion-modal:not(.overlay-hidden)")).filter((function(e){return e.presentingElement!==undefined})).length;if(t<=1){h.style.setProperty("background-color","")}}));var h=document.body;if(c){var m=!CSS.supports("width","max(0px, 1px)")?"30px":"max(30px, var(--ion-safe-area-top))";var v=p?"-10px":m;var b=SwipeToCloseDefaults.MIN_PRESENTING_SCALE;var g="translateY(".concat(v,") scale(").concat(b,")");f.addElement(a).keyframes([{offset:0,filter:"contrast(0.85)",transform:g,borderRadius:"10px 10px 0 0"},{offset:1,filter:"contrast(1)",transform:"translateY(0px) scale(1)",borderRadius:"0px"}]);l.addAnimation(f)}else{l.addAnimation(d);if(!p){s.fromTo("opacity","1","0")}else{var b=p?SwipeToCloseDefaults.MIN_PRESENTING_SCALE:1;var g="translateY(-10px) scale(".concat(b,")");f.addElement(u.querySelector(".modal-wrapper")).afterStyles({transform:"translate3d(0, 0, 0)"}).keyframes([{offset:0,filter:"contrast(0.85)",transform:g},{offset:1,filter:"contrast(1)",transform:"translateY(0) scale(1)"}]);var y=createAnimation().addElement(u.querySelector(".modal-shadow")).afterStyles({transform:"translateY(0) scale(1)"}).keyframes([{offset:0,opacity:"0",transform:g},{offset:1,opacity:"1",transform:"translateY(0) scale(1)"}]);l.addAnimation([f,y])}}}else{l.addAnimation(d)}return l};var createEnterAnimation=function(){var e=createAnimation().fromTo("opacity",.01,"var(--backdrop-opacity)").beforeStyles({"pointer-events":"none"}).afterClearStyles(["pointer-events"]);var t=createAnimation().keyframes([{offset:0,opacity:.01,transform:"translateY(40px)"},{offset:1,opacity:1,transform:"translateY(0px)"}]);return{backdropAnimation:e,wrapperAnimation:t}};var mdEnterAnimation=function(e,t){var r=t.currentBreakpoint;var a=getElementRoot(e);var n=r!==undefined?createSheetEnterAnimation(t):createEnterAnimation(),i=n.wrapperAnimation,o=n.backdropAnimation;o.addElement(a.querySelector("ion-backdrop"));i.addElement(a.querySelector(".modal-wrapper"));return createAnimation().addElement(e).easing("cubic-bezier(0.36,0.66,0.04,1)").duration(280).addAnimation([o,i])};var createLeaveAnimation=function(){var e=createAnimation().fromTo("opacity","var(--backdrop-opacity)",0);var t=createAnimation().keyframes([{offset:0,opacity:.99,transform:"translateY(0px)"},{offset:1,opacity:0,transform:"translateY(40px)"}]);return{backdropAnimation:e,wrapperAnimation:t}};var mdLeaveAnimation=function(e,t){var r=t.currentBreakpoint;var a=getElementRoot(e);var n=r!==undefined?createSheetLeaveAnimation(t):createLeaveAnimation(),i=n.wrapperAnimation,o=n.backdropAnimation;o.addElement(a.querySelector("ion-backdrop"));i.addElement(a.querySelector(".modal-wrapper"));return createAnimation().easing("cubic-bezier(0.47,0,0.745,0.715)").duration(200).addAnimation([o,i])};var createSheetGesture=function(e,t,r,a,n,i,o,s,d,l){if(o===void 0){o=[]}var c=[{offset:0,opacity:"var(--backdrop-opacity)"},{offset:1,opacity:.01}];var p=[{offset:0,opacity:"var(--backdrop-opacity)"},{offset:1-n,opacity:0},{offset:1,opacity:0}];var u={WRAPPER_KEYFRAMES:[{offset:0,transform:"translateY(0%)"},{offset:1,transform:"translateY(100%)"}],BACKDROP_KEYFRAMES:n!==0?p:c};var f=e.querySelector("ion-content");var h=r.clientHeight;var m=a;var v=0;var b=false;var g=.95;var y=i.childAnimations.find((function(e){return e.id==="wrapperAnimation"}));var k=i.childAnimations.find((function(e){return e.id==="backdropAnimation"}));var w=o[o.length-1];var x=o[0];var S=function(){e.style.setProperty("pointer-events","auto");t.style.setProperty("pointer-events","auto");e.classList.remove("ion-disable-focus-trap")};var A=function(){e.style.setProperty("pointer-events","none");t.style.setProperty("pointer-events","none");e.classList.add("ion-disable-focus-trap")};if(y&&k){y.keyframes(__spreadArray([],u.WRAPPER_KEYFRAMES,true));k.keyframes(__spreadArray([],u.BACKDROP_KEYFRAMES,true));i.progressStart(true,1-m);var E=m>n;if(E){S()}else{A()}}if(f&&m!==w){f.scrollY=false}var C=function(e){var t=e.event.target.closest("ion-content");m=s();if(m===1&&t){return false}return true};var D=function(){b=e.canDismiss!==undefined&&e.canDismiss!==true&&x===0;if(f){f.scrollY=false}raf((function(){e.focus()}));i.progressStart(true,1-m)};var B=function(e){var t=1-m;var r=o.length>1?1-o[1]:undefined;var a=t+e.deltaY/h;var n=r!==undefined&&a>=r&&b;var s=n?g:.9999;var d=n&&r!==undefined?r+calculateSpringStep((a-r)/(s-r)):a;v=clamp(1e-4,d,s);i.progressStep(v)};var _=function(e){var t=e.velocityY;var r=(e.deltaY+t*350)/h;var a=m-r;var n=o.reduce((function(e,t){return Math.abs(t-a)<Math.abs(e-a)?t:e}));T({breakpoint:n,breakpointOffset:v,canDismiss:b,animated:true})};var T=function(t){var r=t.breakpoint,a=t.canDismiss,s=t.breakpointOffset,c=t.animated;var p=a&&r===0;var h=p?m:r;var v=h!==0;m=0;if(y&&k){y.keyframes([{offset:0,transform:"translateY(".concat(s*100,"%)")},{offset:1,transform:"translateY(".concat((1-h)*100,"%)")}]);k.keyframes([{offset:0,opacity:"calc(var(--backdrop-opacity) * ".concat(getBackdropValueForSheet(1-s,n),")")},{offset:1,opacity:"calc(var(--backdrop-opacity) * ".concat(getBackdropValueForSheet(h,n),")")}]);i.progressStep(0)}M.enable(false);if(p){handleCanDismiss(e,i)}else if(!v){d()}return new Promise((function(e){i.onFinish((function(){if(v){if(y&&k){raf((function(){y.keyframes(__spreadArray([],u.WRAPPER_KEYFRAMES,true));k.keyframes(__spreadArray([],u.BACKDROP_KEYFRAMES,true));i.progressStart(true,1-h);m=h;l(m);if(f&&m===o[o.length-1]){f.scrollY=true}var t=m>n;if(t){S()}else{A()}M.enable(true);e()}))}else{M.enable(true);e()}}else{e()}}),{oneTimeCallback:true}).progressEnd(1,0,c?500:0)}))};var M=createGesture({el:r,gestureName:"modalSheet",gesturePriority:40,direction:"y",threshold:10,canStart:C,onStart:D,onMove:B,onEnd:_});return{gesture:M,moveSheetToBreakpoint:T}};var modalIosCss=':host{--width:100%;--min-width:auto;--max-width:auto;--height:100%;--min-height:auto;--max-height:auto;--overflow:hidden;--border-radius:0;--border-width:0;--border-style:none;--border-color:transparent;--background:var(--ion-background-color, #fff);--box-shadow:none;--backdrop-opacity:0;left:0;right:0;top:0;bottom:0;display:-ms-flexbox;display:flex;position:absolute;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;outline:none;color:var(--ion-text-color, #000);contain:strict}.modal-wrapper,ion-backdrop{pointer-events:auto}:host(.overlay-hidden){display:none}.modal-wrapper,.modal-shadow{border-radius:var(--border-radius);width:var(--width);min-width:var(--min-width);max-width:var(--max-width);height:var(--height);min-height:var(--min-height);max-height:var(--max-height);border-width:var(--border-width);border-style:var(--border-style);border-color:var(--border-color);background:var(--background);-webkit-box-shadow:var(--box-shadow);box-shadow:var(--box-shadow);overflow:var(--overflow);z-index:10}.modal-shadow{position:absolute;background:transparent}@media only screen and (min-width: 768px) and (min-height: 600px){:host{--width:600px;--height:500px;--ion-safe-area-top:0px;--ion-safe-area-bottom:0px;--ion-safe-area-right:0px;--ion-safe-area-left:0px}}@media only screen and (min-width: 768px) and (min-height: 768px){:host{--width:600px;--height:600px}}.modal-handle{left:0px;right:0px;top:5px;border-radius:8px;-webkit-margin-start:auto;margin-inline-start:auto;-webkit-margin-end:auto;margin-inline-end:auto;position:absolute;width:36px;height:5px;-webkit-transform:translateZ(0);transform:translateZ(0);border:0;background:var(--ion-color-step-350, #c0c0be);cursor:pointer;z-index:11}.modal-handle::before{-webkit-padding-start:4px;padding-inline-start:4px;-webkit-padding-end:4px;padding-inline-end:4px;padding-top:4px;padding-bottom:4px;position:absolute;width:36px;height:5px;-webkit-transform:translate(-50%, -50%);transform:translate(-50%, -50%);content:""}:host(.modal-sheet){--height:calc(100% - (var(--ion-safe-area-top) + 10px))}:host(.modal-sheet) .modal-wrapper,:host(.modal-sheet) .modal-shadow{position:absolute;bottom:0}:host{--backdrop-opacity:var(--ion-backdrop-opacity, 0.4)}:host(.modal-card),:host(.modal-sheet){--border-radius:10px}@media only screen and (min-width: 768px) and (min-height: 600px){:host{--border-radius:10px}}.modal-wrapper{-webkit-transform:translate3d(0, 100%, 0);transform:translate3d(0, 100%, 0)}@media screen and (max-width: 767px){@supports (width: max(0px, 1px)){:host(.modal-card){--height:calc(100% - max(30px, var(--ion-safe-area-top)) - 10px)}}@supports not (width: max(0px, 1px)){:host(.modal-card){--height:calc(100% - 40px)}}:host(.modal-card) .modal-wrapper{border-top-left-radius:var(--border-radius);border-top-right-radius:var(--border-radius);border-bottom-right-radius:0;border-bottom-left-radius:0}:host-context([dir=rtl]):host(.modal-card) .modal-wrapper,:host-context([dir=rtl]).modal-card .modal-wrapper{border-top-left-radius:var(--border-radius);border-top-right-radius:var(--border-radius);border-bottom-right-radius:0;border-bottom-left-radius:0}@supports selector(:dir(rtl)){:host(.modal-card) .modal-wrapper:dir(rtl){border-top-left-radius:var(--border-radius);border-top-right-radius:var(--border-radius);border-bottom-right-radius:0;border-bottom-left-radius:0}}:host(.modal-card){--backdrop-opacity:0;--width:100%;-ms-flex-align:end;align-items:flex-end}:host(.modal-card) .modal-shadow{display:none}:host(.modal-card) ion-backdrop{pointer-events:none}}@media screen and (min-width: 768px){:host(.modal-card){--width:calc(100% - 120px);--height:calc(100% - (120px + var(--ion-safe-area-top) + var(--ion-safe-area-bottom)));--max-width:720px;--max-height:1000px;--backdrop-opacity:0;--box-shadow:0px 0px 30px 10px rgba(0, 0, 0, 0.1);-webkit-transition:all 0.5s ease-in-out;transition:all 0.5s ease-in-out}:host(.modal-card) .modal-wrapper{-webkit-box-shadow:none;box-shadow:none}:host(.modal-card) .modal-shadow{-webkit-box-shadow:var(--box-shadow);box-shadow:var(--box-shadow)}}:host(.modal-sheet) .modal-wrapper{border-top-left-radius:var(--border-radius);border-top-right-radius:var(--border-radius);border-bottom-right-radius:0;border-bottom-left-radius:0}:host-context([dir=rtl]):host(.modal-sheet) .modal-wrapper,:host-context([dir=rtl]).modal-sheet .modal-wrapper{border-top-left-radius:var(--border-radius);border-top-right-radius:var(--border-radius);border-bottom-right-radius:0;border-bottom-left-radius:0}@supports selector(:dir(rtl)){:host(.modal-sheet) .modal-wrapper:dir(rtl){border-top-left-radius:var(--border-radius);border-top-right-radius:var(--border-radius);border-bottom-right-radius:0;border-bottom-left-radius:0}}';var modalMdCss=':host{--width:100%;--min-width:auto;--max-width:auto;--height:100%;--min-height:auto;--max-height:auto;--overflow:hidden;--border-radius:0;--border-width:0;--border-style:none;--border-color:transparent;--background:var(--ion-background-color, #fff);--box-shadow:none;--backdrop-opacity:0;left:0;right:0;top:0;bottom:0;display:-ms-flexbox;display:flex;position:absolute;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;outline:none;color:var(--ion-text-color, #000);contain:strict}.modal-wrapper,ion-backdrop{pointer-events:auto}:host(.overlay-hidden){display:none}.modal-wrapper,.modal-shadow{border-radius:var(--border-radius);width:var(--width);min-width:var(--min-width);max-width:var(--max-width);height:var(--height);min-height:var(--min-height);max-height:var(--max-height);border-width:var(--border-width);border-style:var(--border-style);border-color:var(--border-color);background:var(--background);-webkit-box-shadow:var(--box-shadow);box-shadow:var(--box-shadow);overflow:var(--overflow);z-index:10}.modal-shadow{position:absolute;background:transparent}@media only screen and (min-width: 768px) and (min-height: 600px){:host{--width:600px;--height:500px;--ion-safe-area-top:0px;--ion-safe-area-bottom:0px;--ion-safe-area-right:0px;--ion-safe-area-left:0px}}@media only screen and (min-width: 768px) and (min-height: 768px){:host{--width:600px;--height:600px}}.modal-handle{left:0px;right:0px;top:5px;border-radius:8px;-webkit-margin-start:auto;margin-inline-start:auto;-webkit-margin-end:auto;margin-inline-end:auto;position:absolute;width:36px;height:5px;-webkit-transform:translateZ(0);transform:translateZ(0);border:0;background:var(--ion-color-step-350, #c0c0be);cursor:pointer;z-index:11}.modal-handle::before{-webkit-padding-start:4px;padding-inline-start:4px;-webkit-padding-end:4px;padding-inline-end:4px;padding-top:4px;padding-bottom:4px;position:absolute;width:36px;height:5px;-webkit-transform:translate(-50%, -50%);transform:translate(-50%, -50%);content:""}:host(.modal-sheet){--height:calc(100% - (var(--ion-safe-area-top) + 10px))}:host(.modal-sheet) .modal-wrapper,:host(.modal-sheet) .modal-shadow{position:absolute;bottom:0}:host{--backdrop-opacity:var(--ion-backdrop-opacity, 0.32)}@media only screen and (min-width: 768px) and (min-height: 600px){:host{--border-radius:2px;--box-shadow:0 28px 48px rgba(0, 0, 0, 0.4)}}.modal-wrapper{-webkit-transform:translate3d(0, 40px, 0);transform:translate3d(0, 40px, 0);opacity:0.01}';var Modal=function(){function e(e){var t=this;registerInstance(this,e);this.didPresent=createEvent(this,"ionModalDidPresent",7);this.willPresent=createEvent(this,"ionModalWillPresent",7);this.willDismiss=createEvent(this,"ionModalWillDismiss",7);this.didDismiss=createEvent(this,"ionModalDidDismiss",7);this.ionBreakpointDidChange=createEvent(this,"ionBreakpointDidChange",7);this.didPresentShorthand=createEvent(this,"didPresent",7);this.willPresentShorthand=createEvent(this,"willPresent",7);this.willDismissShorthand=createEvent(this,"willDismiss",7);this.didDismissShorthand=createEvent(this,"didDismiss",7);this.ionMount=createEvent(this,"ionMount",7);this.triggerController=createTriggerController();this.coreDelegate=CoreDelegate();this.isSheetModal=false;this.inheritedAttributes={};this.inline=false;this.gestureAnimationDismissing=false;this.onHandleClick=function(){var e=t,r=e.sheetTransition,a=e.handleBehavior;if(a!=="cycle"||r!==undefined){return}t.moveToNextBreakpoint()};this.onBackdropTap=function(){var e=t.sheetTransition;if(e!==undefined){return}t.dismiss(undefined,BACKDROP)};this.onLifecycle=function(e){var r=t.usersElement;var a=LIFECYCLE_MAP[e.type];if(r&&a){var n=new CustomEvent(a,{bubbles:false,cancelable:false,detail:e.detail});r.dispatchEvent(n)}};this.presented=false;this.hasController=false;this.overlayIndex=undefined;this.delegate=undefined;this.keyboardClose=true;this.enterAnimation=undefined;this.leaveAnimation=undefined;this.breakpoints=undefined;this.initialBreakpoint=undefined;this.backdropBreakpoint=0;this.handle=undefined;this.handleBehavior="none";this.component=undefined;this.componentProps=undefined;this.cssClass=undefined;this.backdropDismiss=true;this.showBackdrop=true;this.animated=true;this.presentingElement=undefined;this.htmlAttributes=undefined;this.isOpen=false;this.trigger=undefined;this.keepContentsMounted=false;this.canDismiss=true}e.prototype.onIsOpenChange=function(e,t){if(e===true&&t===false){this.present()}else if(e===false&&t===true){this.dismiss()}};e.prototype.triggerChanged=function(){var e=this,t=e.trigger,r=e.el,a=e.triggerController;if(t){a.addClickListener(r,t)}};e.prototype.breakpointsChanged=function(e){if(e!==undefined){this.sortedBreakpoints=e.sort((function(e,t){return e-t}))}};e.prototype.connectedCallback=function(){var e=this.el;prepareOverlay(e);this.triggerChanged()};e.prototype.disconnectedCallback=function(){this.triggerController.removeClickListener()};e.prototype.componentWillLoad=function(){var e=this,t=e.breakpoints,r=e.initialBreakpoint,a=e.el;var n=this.isSheetModal=t!==undefined&&r!==undefined;this.inheritedAttributes=inheritAttributes(a,["aria-label","role"]);if(n){this.currentBreakpoint=this.initialBreakpoint}if(t!==undefined&&r!==undefined&&!t.includes(r)){printIonWarning("Your breakpoints array must include the initialBreakpoint value.")}setOverlayId(a)};e.prototype.componentDidLoad=function(){var e=this;if(this.isOpen===true){raf((function(){return e.present()}))}this.breakpointsChanged(this.breakpoints)};e.prototype.getDelegate=function(e){if(e===void 0){e=false}if(this.workingDelegate&&!e){return{delegate:this.workingDelegate,inline:this.inline}}var t=this.el.parentNode;var r=this.inline=t!==null&&!this.hasController;var a=this.workingDelegate=r?this.delegate||this.coreDelegate:this.delegate;return{inline:r,delegate:a}};e.prototype.checkCanDismiss=function(e,t){return __awaiter(this,void 0,void 0,(function(){var r;return __generator(this,(function(a){r=this.canDismiss;if(typeof r==="function"){return[2,r(e,t)]}return[2,r]}))}))};e.prototype.present=function(){return __awaiter(this,void 0,void 0,(function(){var e,t,r,a,n,i,o,s,d;var l=this;return __generator(this,(function(c){switch(c.label){case 0:if(this.presented){return[2]}e=this,t=e.presentingElement,r=e.el;if(!(this.currentTransition!==undefined))return[3,2];return[4,this.currentTransition];case 1:c.sent();c.label=2;case 2:this.currentBreakpoint=this.initialBreakpoint;a=this.getDelegate(true),n=a.inline,i=a.delegate;o=this;return[4,attachComponent(i,r,this.component,["ion-page"],this.componentProps,n)];case 3:o.usersElement=c.sent();this.ionMount.emit();if(!hasLazyBuild(r))return[3,5];return[4,deepReady(this.usersElement)];case 4:c.sent();return[3,7];case 5:if(!!this.keepContentsMounted)return[3,7];return[4,waitForMount()];case 6:c.sent();c.label=7;case 7:writeTask((function(){return l.el.classList.add("show-modal")}));this.currentTransition=present(this,"modalEnter",iosEnterAnimation,mdEnterAnimation,{presentingEl:t,currentBreakpoint:this.initialBreakpoint,backdropBreakpoint:this.backdropBreakpoint});if(typeof window!=="undefined"){this.keyboardOpenCallback=function(){if(l.gesture){l.gesture.enable(false);raf((function(){if(l.gesture){l.gesture.enable(true)}}))}};window.addEventListener(KEYBOARD_DID_OPEN,this.keyboardOpenCallback)}s=t!==undefined;if(!(s&&getIonMode(this)==="ios"))return[3,9];d=this;return[4,StatusBar.getStyle()];case 8:d.statusBarStyle=c.sent();setCardStatusBarDark();c.label=9;case 9:return[4,this.currentTransition];case 10:c.sent();if(this.isSheetModal){this.initSheetGesture()}else if(s){this.initSwipeToClose()}this.currentTransition=undefined;return[2]}}))}))};e.prototype.initSwipeToClose=function(){var e=this;var t;if(getIonMode(this)!=="ios"){return}var r=this.el;var a=this.leaveAnimation||config.get("modalLeave",iosLeaveAnimation);var n=this.animation=a(r,{presentingEl:this.presentingElement});var i=findIonContent(r);if(!i){printIonContentErrorMsg(r);return}var o=(t=this.statusBarStyle)!==null&&t!==void 0?t:Style.Default;this.gesture=createSwipeToCloseGesture(r,n,o,(function(){e.gestureAnimationDismissing=true;e.animation.onFinish((function(){return __awaiter(e,void 0,void 0,(function(){return __generator(this,(function(e){switch(e.label){case 0:return[4,this.dismiss(undefined,GESTURE)];case 1:e.sent();this.gestureAnimationDismissing=false;return[2]}}))}))}))}));this.gesture.enable(true)};e.prototype.initSheetGesture=function(){var e=this;var t=this,r=t.wrapperEl,a=t.initialBreakpoint,n=t.backdropBreakpoint;if(!r||a===undefined){return}var i=this.enterAnimation||config.get("modalEnter",iosEnterAnimation);var o=this.animation=i(this.el,{presentingEl:this.presentingElement,currentBreakpoint:a,backdropBreakpoint:n});o.progressStart(true,1);var s=createSheetGesture(this.el,this.backdropEl,r,a,n,o,this.sortedBreakpoints,(function(){var t;return(t=e.currentBreakpoint)!==null&&t!==void 0?t:0}),(function(){return e.sheetOnDismiss()}),(function(t){if(e.currentBreakpoint!==t){e.currentBreakpoint=t;e.ionBreakpointDidChange.emit({breakpoint:t})}})),d=s.gesture,l=s.moveSheetToBreakpoint;this.gesture=d;this.moveSheetToBreakpoint=l;this.gesture.enable(true)};e.prototype.sheetOnDismiss=function(){var e=this;this.gestureAnimationDismissing=true;this.animation.onFinish((function(){return __awaiter(e,void 0,void 0,(function(){return __generator(this,(function(e){switch(e.label){case 0:this.currentBreakpoint=0;this.ionBreakpointDidChange.emit({breakpoint:this.currentBreakpoint});return[4,this.dismiss(undefined,GESTURE)];case 1:e.sent();this.gestureAnimationDismissing=false;return[2]}}))}))}))};e.prototype.dismiss=function(e,t){return __awaiter(this,void 0,void 0,(function(){var r,a,n,i,o,s,d;var l=this;return __generator(this,(function(c){switch(c.label){case 0:if(this.gestureAnimationDismissing&&t!==GESTURE){return[2,false]}a=t!=="handler";if(!a)return[3,2];return[4,this.checkCanDismiss(e,t)];case 1:a=!c.sent();c.label=2;case 2:if(a){return[2,false]}n=this.presentingElement;i=n!==undefined;if(i&&getIonMode(this)==="ios"){setCardStatusBarDefault(this.statusBarStyle)}if(typeof window!=="undefined"&&this.keyboardOpenCallback){window.removeEventListener(KEYBOARD_DID_OPEN,this.keyboardOpenCallback);this.keyboardOpenCallback=undefined}if(!(this.currentTransition!==undefined))return[3,4];return[4,this.currentTransition];case 3:c.sent();c.label=4;case 4:o=activeAnimations.get(this)||[];this.currentTransition=dismiss(this,e,t,"modalLeave",iosLeaveAnimation,mdLeaveAnimation,{presentingEl:n,currentBreakpoint:(r=this.currentBreakpoint)!==null&&r!==void 0?r:this.initialBreakpoint,backdropBreakpoint:this.backdropBreakpoint});return[4,this.currentTransition];case 5:s=c.sent();if(!s)return[3,7];d=this.getDelegate().delegate;return[4,detachComponent(d,this.usersElement)];case 6:c.sent();writeTask((function(){return l.el.classList.remove("show-modal")}));if(this.animation){this.animation.destroy()}if(this.gesture){this.gesture.destroy()}o.forEach((function(e){return e.destroy()}));c.label=7;case 7:this.currentBreakpoint=undefined;this.currentTransition=undefined;this.animation=undefined;return[2,s]}}))}))};e.prototype.onDidDismiss=function(){return eventMethod(this.el,"ionModalDidDismiss")};e.prototype.onWillDismiss=function(){return eventMethod(this.el,"ionModalWillDismiss")};e.prototype.setCurrentBreakpoint=function(e){return __awaiter(this,void 0,void 0,(function(){var t,r,a,n,i,o;return __generator(this,(function(s){switch(s.label){case 0:if(!this.isSheetModal){printIonWarning("setCurrentBreakpoint is only supported on sheet modals.");return[2]}if(!this.breakpoints.includes(e)){printIonWarning("Attempted to set invalid breakpoint value ".concat(e,". Please double check that the breakpoint value is part of your defined breakpoints."));return[2]}t=this,r=t.currentBreakpoint,a=t.moveSheetToBreakpoint,n=t.canDismiss,i=t.breakpoints,o=t.animated;if(r===e){return[2]}if(!a)return[3,2];this.sheetTransition=a({breakpoint:e,breakpointOffset:1-r,canDismiss:n!==undefined&&n!==true&&i[0]===0,animated:o});return[4,this.sheetTransition];case 1:s.sent();this.sheetTransition=undefined;s.label=2;case 2:return[2]}}))}))};e.prototype.getCurrentBreakpoint=function(){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(e){return[2,this.currentBreakpoint]}))}))};e.prototype.moveToNextBreakpoint=function(){return __awaiter(this,void 0,void 0,(function(){var e,t,r,a,n,i,o;return __generator(this,(function(s){switch(s.label){case 0:e=this,t=e.breakpoints,r=e.currentBreakpoint;if(!t||r==null){return[2,false]}a=t.filter((function(e){return e!==0}));n=a.indexOf(r);i=(n+1)%a.length;o=a[i];return[4,this.setCurrentBreakpoint(o)];case 1:s.sent();return[2,true]}}))}))};e.prototype.render=function(){var e;var t=this;var r=this,a=r.handle,n=r.isSheetModal,i=r.presentingElement,o=r.htmlAttributes,s=r.handleBehavior,d=r.inheritedAttributes;var l=a!==false&&n;var c=getIonMode(this);var p=i!==undefined&&c==="ios";var u=s==="cycle";return h(Host,Object.assign({"no-router":true,tabindex:"-1"},o,{style:{zIndex:"".concat(2e4+this.overlayIndex)},class:Object.assign((e={},e[c]=true,e["modal-default"]=!p&&!n,e["modal-card"]=p,e["modal-sheet"]=n,e["overlay-hidden"]=true,e),getClassMap(this.cssClass)),onIonBackdropTap:this.onBackdropTap,onIonModalDidPresent:this.onLifecycle,onIonModalWillPresent:this.onLifecycle,onIonModalWillDismiss:this.onLifecycle,onIonModalDidDismiss:this.onLifecycle}),h("ion-backdrop",{ref:function(e){return t.backdropEl=e},visible:this.showBackdrop,tappable:this.backdropDismiss,part:"backdrop"}),c==="ios"&&h("div",{class:"modal-shadow"}),h("div",Object.assign({role:"dialog"},d,{"aria-modal":"true",class:"modal-wrapper ion-overlay-wrapper",part:"content",ref:function(e){return t.wrapperEl=e}}),l&&h("button",{class:"modal-handle",tabIndex:!u?-1:0,"aria-label":"Activate to adjust the size of the dialog overlaying the screen",onClick:u?this.onHandleClick:undefined,part:"handle"}),h("slot",null)))};Object.defineProperty(e.prototype,"el",{get:function(){return getElement(this)},enumerable:false,configurable:true});Object.defineProperty(e,"watchers",{get:function(){return{isOpen:["onIsOpenChange"],trigger:["triggerChanged"]}},enumerable:false,configurable:true});return e}();var LIFECYCLE_MAP={ionModalDidPresent:"ionViewDidEnter",ionModalWillPresent:"ionViewWillEnter",ionModalWillDismiss:"ionViewWillLeave",ionModalDidDismiss:"ionViewDidLeave"};Modal.style={ios:modalIosCss,md:modalMdCss};export{Modal as ion_modal};
|
|
4
|
+
*/import{r as registerInstance,d as createEvent,w as writeTask,h,H as Host,f as getElement}from"./index-847f2fde.js";import{f as findClosestIonContent,i as isIonContent,d as disableContentScrollY,r as resetContentScrollY,a as findIonContent,p as printIonContentErrorMsg}from"./index-746a238e.js";import{C as CoreDelegate,a as attachComponent,d as detachComponent}from"./framework-delegate-2b76c681.js";import{g as getElementRoot,l as clamp,r as raf,k as inheritAttributes,m as hasLazyBuild}from"./helpers-3379ba19.js";import{p as printIonWarning}from"./index-595d62c9.js";import{g as getCapacitor}from"./capacitor-b4979570.js";import{G as GESTURE,e as createLockController,f as createTriggerController,B as BACKDROP,k as prepareOverlay,n as setOverlayId,g as present,o as activeAnimations,h as dismiss,j as eventMethod}from"./overlays-66222f79.js";import{g as getClassMap}from"./theme-17531cdf.js";import{e as deepReady,w as waitForMount}from"./index-6391de89.js";import{b as getIonMode,c as config}from"./ionic-global-1ef19007.js";import{KEYBOARD_DID_OPEN}from"./keyboard-b551279d.js";import{c as createAnimation}from"./animation-a1d9e088.js";import{g as getTimeGivenProgression}from"./cubic-bezier-66542bc5.js";import{createGesture}from"./index-ff313b19.js";import{w as win}from"./index-7a14ecec.js";import"./hardware-back-button-39299f84.js";import"./keyboard-b063f012.js";import"./gesture-controller-0fa396c4.js";var Style;(function(e){e["Dark"]="DARK";e["Light"]="LIGHT";e["Default"]="DEFAULT"})(Style||(Style={}));var StatusBar={getEngine:function(){var e=getCapacitor();if(e===null||e===void 0?void 0:e.isPluginAvailable("StatusBar")){return e.Plugins.StatusBar}return undefined},supportsDefaultStatusBarStyle:function(){var e=getCapacitor();return!!(e===null||e===void 0?void 0:e.PluginHeaders)},setStyle:function(e){var t=this.getEngine();if(!t){return}t.setStyle(e)},getStyle:function(){return __awaiter(this,void 0,void 0,(function(){var e,t;return __generator(this,(function(r){switch(r.label){case 0:e=this.getEngine();if(!e){return[2,Style.Default]}return[4,e.getInfo()];case 1:t=r.sent().style;return[2,t]}}))}))}};var getBackdropValueForSheet=function(e,t){if(t===1){return 0}var r=1/(1-t);var a=-(t*r);return e*r+a};var setCardStatusBarDark=function(){if(!win||win.innerWidth>=768||!StatusBar.supportsDefaultStatusBarStyle()){return}StatusBar.setStyle({style:Style.Dark})};var setCardStatusBarDefault=function(e){if(e===void 0){e=Style.Default}if(!win||win.innerWidth>=768||!StatusBar.supportsDefaultStatusBarStyle()){return}StatusBar.setStyle({style:e})};var handleCanDismiss=function(e,t){return __awaiter(void 0,void 0,void 0,(function(){var r;return __generator(this,(function(a){switch(a.label){case 0:if(typeof e.canDismiss!=="function"){return[2]}return[4,e.canDismiss(undefined,GESTURE)];case 1:r=a.sent();if(!r){return[2]}if(t.isRunning()){t.onFinish((function(){e.dismiss(undefined,"handler")}),{oneTimeCallback:true})}else{e.dismiss(undefined,"handler")}return[2]}}))}))};var calculateSpringStep=function(e){return.00255275*Math.pow(2.71828,-14.9619*e)-1.00255*Math.pow(2.71828,-.0380968*e)+1};var SwipeToCloseDefaults={MIN_PRESENTING_SCALE:.93};var createSwipeToCloseGesture=function(e,t,r,a){var n=.5;var i=e.offsetHeight;var o=false;var s=false;var d=null;var l=null;var c=.2;var p=true;var u=0;var f=function(){if(d&&isIonContent(d)){return d.scrollY}else{return true}};var h=function(e){var t=e.event.target;if(t===null||!t.closest){return true}d=findClosestIonContent(t);if(d){if(isIonContent(d)){var r=getElementRoot(d);l=r.querySelector(".inner-scroll")}else{l=d}var a=!!d.querySelector("ion-refresher");return!a&&l.scrollTop===0}var n=t.closest("ion-footer");if(n===null){return true}return false};var m=function(r){var a=r.deltaY;p=f();s=e.canDismiss!==undefined&&e.canDismiss!==true;if(a>0&&d){disableContentScrollY(d)}t.progressStart(true,o?1:0)};var v=function(e){var a=e.deltaY;if(a>0&&d){disableContentScrollY(d)}var o=e.deltaY/i;var l=o>=0&&s;var p=l?c:.9999;var f=l?calculateSpringStep(o/p):o;var h=clamp(1e-4,f,p);t.progressStep(h);if(h>=n&&u<n){setCardStatusBarDefault(r)}else if(h<n&&u>=n){setCardStatusBarDark()}u=h};var b=function(r){var l=r.velocityY;var u=r.deltaY/i;var f=u>=0&&s;var h=f?c:.9999;var m=f?calculateSpringStep(u/h):u;var v=clamp(1e-4,m,h);var b=(r.deltaY+l*1e3)/i;var y=!f&&b>=n;var k=y?-.001:.001;if(!y){t.easing("cubic-bezier(1, 0, 0.68, 0.28)");k+=getTimeGivenProgression([0,0],[1,0],[.68,.28],[1,1],v)[0]}else{t.easing("cubic-bezier(0.32, 0.72, 0, 1)");k+=getTimeGivenProgression([0,0],[.32,.72],[0,1],[1,1],v)[0]}var w=y?computeDuration(u*i,l):computeDuration((1-v)*i,l);o=y;g.enable(false);if(d){resetContentScrollY(d,p)}t.onFinish((function(){if(!y){g.enable(true)}})).progressEnd(y?1:0,k,w);if(f&&v>h/4){handleCanDismiss(e,t)}else if(y){a()}};var g=createGesture({el:e,gestureName:"modalSwipeToClose",gesturePriority:39,direction:"y",threshold:10,canStart:h,onStart:m,onMove:v,onEnd:b});return g};var computeDuration=function(e,t){return clamp(400,e/Math.abs(t*1.1),500)};var createSheetEnterAnimation=function(e){var t=e.currentBreakpoint,r=e.backdropBreakpoint;var a=r===undefined||r<t;var n=a?"calc(var(--backdrop-opacity) * ".concat(t,")"):"0";var i=createAnimation("backdropAnimation").fromTo("opacity",0,n);if(a){i.beforeStyles({"pointer-events":"none"}).afterClearStyles(["pointer-events"])}var o=createAnimation("wrapperAnimation").keyframes([{offset:0,opacity:1,transform:"translateY(100%)"},{offset:1,opacity:1,transform:"translateY(".concat(100-t*100,"%)")}]);return{wrapperAnimation:o,backdropAnimation:i}};var createSheetLeaveAnimation=function(e){var t=e.currentBreakpoint,r=e.backdropBreakpoint;var a="calc(var(--backdrop-opacity) * ".concat(getBackdropValueForSheet(t,r),")");var n=[{offset:0,opacity:a},{offset:1,opacity:0}];var i=[{offset:0,opacity:a},{offset:r,opacity:0},{offset:1,opacity:0}];var o=createAnimation("backdropAnimation").keyframes(r!==0?i:n);var s=createAnimation("wrapperAnimation").keyframes([{offset:0,opacity:1,transform:"translateY(".concat(100-t*100,"%)")},{offset:1,opacity:1,transform:"translateY(100%)"}]);return{wrapperAnimation:s,backdropAnimation:o}};var createEnterAnimation$1=function(){var e=createAnimation().fromTo("opacity",.01,"var(--backdrop-opacity)").beforeStyles({"pointer-events":"none"}).afterClearStyles(["pointer-events"]);var t=createAnimation().fromTo("transform","translateY(100vh)","translateY(0vh)");return{backdropAnimation:e,wrapperAnimation:t}};var iosEnterAnimation=function(e,t){var r=t.presentingEl,a=t.currentBreakpoint;var n=getElementRoot(e);var i=a!==undefined?createSheetEnterAnimation(t):createEnterAnimation$1(),o=i.wrapperAnimation,s=i.backdropAnimation;s.addElement(n.querySelector("ion-backdrop"));o.addElement(n.querySelectorAll(".modal-wrapper, .modal-shadow")).beforeStyles({opacity:1});var d=createAnimation("entering-base").addElement(e).easing("cubic-bezier(0.32,0.72,0,1)").duration(500).addAnimation(o);if(r){var l=window.innerWidth<768;var c=r.tagName==="ION-MODAL"&&r.presentingElement!==undefined;var p=getElementRoot(r);var u=createAnimation().beforeStyles({transform:"translateY(0)","transform-origin":"top center",overflow:"hidden"});var f=document.body;if(l){var h=!CSS.supports("width","max(0px, 1px)")?"30px":"max(30px, var(--ion-safe-area-top))";var m=c?"-10px":h;var v=SwipeToCloseDefaults.MIN_PRESENTING_SCALE;var b="translateY(".concat(m,") scale(").concat(v,")");u.afterStyles({transform:b}).beforeAddWrite((function(){return f.style.setProperty("background-color","black")})).addElement(r).keyframes([{offset:0,filter:"contrast(1)",transform:"translateY(0px) scale(1)",borderRadius:"0px"},{offset:1,filter:"contrast(0.85)",transform:b,borderRadius:"10px 10px 0 0"}]);d.addAnimation(u)}else{d.addAnimation(s);if(!c){o.fromTo("opacity","0","1")}else{var v=c?SwipeToCloseDefaults.MIN_PRESENTING_SCALE:1;var b="translateY(-10px) scale(".concat(v,")");u.afterStyles({transform:b}).addElement(p.querySelector(".modal-wrapper")).keyframes([{offset:0,filter:"contrast(1)",transform:"translateY(0) scale(1)"},{offset:1,filter:"contrast(0.85)",transform:b}]);var g=createAnimation().afterStyles({transform:b}).addElement(p.querySelector(".modal-shadow")).keyframes([{offset:0,opacity:"1",transform:"translateY(0) scale(1)"},{offset:1,opacity:"0",transform:b}]);d.addAnimation([u,g])}}}else{d.addAnimation(s)}return d};var createLeaveAnimation$1=function(){var e=createAnimation().fromTo("opacity","var(--backdrop-opacity)",0);var t=createAnimation().fromTo("transform","translateY(0vh)","translateY(100vh)");return{backdropAnimation:e,wrapperAnimation:t}};var iosLeaveAnimation=function(e,t,r){if(r===void 0){r=500}var a=t.presentingEl,n=t.currentBreakpoint;var i=getElementRoot(e);var o=n!==undefined?createSheetLeaveAnimation(t):createLeaveAnimation$1(),s=o.wrapperAnimation,d=o.backdropAnimation;d.addElement(i.querySelector("ion-backdrop"));s.addElement(i.querySelectorAll(".modal-wrapper, .modal-shadow")).beforeStyles({opacity:1});var l=createAnimation("leaving-base").addElement(e).easing("cubic-bezier(0.32,0.72,0,1)").duration(r).addAnimation(s);if(a){var c=window.innerWidth<768;var p=a.tagName==="ION-MODAL"&&a.presentingElement!==undefined;var u=getElementRoot(a);var f=createAnimation().beforeClearStyles(["transform"]).afterClearStyles(["transform"]).onFinish((function(e){if(e!==1){return}a.style.setProperty("overflow","");var t=Array.from(h.querySelectorAll("ion-modal:not(.overlay-hidden)")).filter((function(e){return e.presentingElement!==undefined})).length;if(t<=1){h.style.setProperty("background-color","")}}));var h=document.body;if(c){var m=!CSS.supports("width","max(0px, 1px)")?"30px":"max(30px, var(--ion-safe-area-top))";var v=p?"-10px":m;var b=SwipeToCloseDefaults.MIN_PRESENTING_SCALE;var g="translateY(".concat(v,") scale(").concat(b,")");f.addElement(a).keyframes([{offset:0,filter:"contrast(0.85)",transform:g,borderRadius:"10px 10px 0 0"},{offset:1,filter:"contrast(1)",transform:"translateY(0px) scale(1)",borderRadius:"0px"}]);l.addAnimation(f)}else{l.addAnimation(d);if(!p){s.fromTo("opacity","1","0")}else{var b=p?SwipeToCloseDefaults.MIN_PRESENTING_SCALE:1;var g="translateY(-10px) scale(".concat(b,")");f.addElement(u.querySelector(".modal-wrapper")).afterStyles({transform:"translate3d(0, 0, 0)"}).keyframes([{offset:0,filter:"contrast(0.85)",transform:g},{offset:1,filter:"contrast(1)",transform:"translateY(0) scale(1)"}]);var y=createAnimation().addElement(u.querySelector(".modal-shadow")).afterStyles({transform:"translateY(0) scale(1)"}).keyframes([{offset:0,opacity:"0",transform:g},{offset:1,opacity:"1",transform:"translateY(0) scale(1)"}]);l.addAnimation([f,y])}}}else{l.addAnimation(d)}return l};var createEnterAnimation=function(){var e=createAnimation().fromTo("opacity",.01,"var(--backdrop-opacity)").beforeStyles({"pointer-events":"none"}).afterClearStyles(["pointer-events"]);var t=createAnimation().keyframes([{offset:0,opacity:.01,transform:"translateY(40px)"},{offset:1,opacity:1,transform:"translateY(0px)"}]);return{backdropAnimation:e,wrapperAnimation:t}};var mdEnterAnimation=function(e,t){var r=t.currentBreakpoint;var a=getElementRoot(e);var n=r!==undefined?createSheetEnterAnimation(t):createEnterAnimation(),i=n.wrapperAnimation,o=n.backdropAnimation;o.addElement(a.querySelector("ion-backdrop"));i.addElement(a.querySelector(".modal-wrapper"));return createAnimation().addElement(e).easing("cubic-bezier(0.36,0.66,0.04,1)").duration(280).addAnimation([o,i])};var createLeaveAnimation=function(){var e=createAnimation().fromTo("opacity","var(--backdrop-opacity)",0);var t=createAnimation().keyframes([{offset:0,opacity:.99,transform:"translateY(0px)"},{offset:1,opacity:0,transform:"translateY(40px)"}]);return{backdropAnimation:e,wrapperAnimation:t}};var mdLeaveAnimation=function(e,t){var r=t.currentBreakpoint;var a=getElementRoot(e);var n=r!==undefined?createSheetLeaveAnimation(t):createLeaveAnimation(),i=n.wrapperAnimation,o=n.backdropAnimation;o.addElement(a.querySelector("ion-backdrop"));i.addElement(a.querySelector(".modal-wrapper"));return createAnimation().easing("cubic-bezier(0.47,0,0.745,0.715)").duration(200).addAnimation([o,i])};var createSheetGesture=function(e,t,r,a,n,i,o,s,d,l){if(o===void 0){o=[]}var c=[{offset:0,opacity:"var(--backdrop-opacity)"},{offset:1,opacity:.01}];var p=[{offset:0,opacity:"var(--backdrop-opacity)"},{offset:1-n,opacity:0},{offset:1,opacity:0}];var u={WRAPPER_KEYFRAMES:[{offset:0,transform:"translateY(0%)"},{offset:1,transform:"translateY(100%)"}],BACKDROP_KEYFRAMES:n!==0?p:c};var f=e.querySelector("ion-content");var h=r.clientHeight;var m=a;var v=0;var b=false;var g=.95;var y=i.childAnimations.find((function(e){return e.id==="wrapperAnimation"}));var k=i.childAnimations.find((function(e){return e.id==="backdropAnimation"}));var w=o[o.length-1];var x=o[0];var S=function(){e.style.setProperty("pointer-events","auto");t.style.setProperty("pointer-events","auto");e.classList.remove("ion-disable-focus-trap")};var A=function(){e.style.setProperty("pointer-events","none");t.style.setProperty("pointer-events","none");e.classList.add("ion-disable-focus-trap")};if(y&&k){y.keyframes(__spreadArray([],u.WRAPPER_KEYFRAMES,true));k.keyframes(__spreadArray([],u.BACKDROP_KEYFRAMES,true));i.progressStart(true,1-m);var E=m>n;if(E){S()}else{A()}}if(f&&m!==w){f.scrollY=false}var C=function(e){var t=e.event.target.closest("ion-content");m=s();if(m===1&&t){return false}return true};var D=function(){b=e.canDismiss!==undefined&&e.canDismiss!==true&&x===0;if(f){f.scrollY=false}raf((function(){e.focus()}));i.progressStart(true,1-m)};var B=function(e){var t=1-m;var r=o.length>1?1-o[1]:undefined;var a=t+e.deltaY/h;var n=r!==undefined&&a>=r&&b;var s=n?g:.9999;var d=n&&r!==undefined?r+calculateSpringStep((a-r)/(s-r)):a;v=clamp(1e-4,d,s);i.progressStep(v)};var _=function(e){var t=e.velocityY;var r=(e.deltaY+t*350)/h;var a=m-r;var n=o.reduce((function(e,t){return Math.abs(t-a)<Math.abs(e-a)?t:e}));M({breakpoint:n,breakpointOffset:v,canDismiss:b,animated:true})};var M=function(t){var r=t.breakpoint,a=t.canDismiss,s=t.breakpointOffset,c=t.animated;var p=a&&r===0;var h=p?m:r;var v=h!==0;m=0;if(y&&k){y.keyframes([{offset:0,transform:"translateY(".concat(s*100,"%)")},{offset:1,transform:"translateY(".concat((1-h)*100,"%)")}]);k.keyframes([{offset:0,opacity:"calc(var(--backdrop-opacity) * ".concat(getBackdropValueForSheet(1-s,n),")")},{offset:1,opacity:"calc(var(--backdrop-opacity) * ".concat(getBackdropValueForSheet(h,n),")")}]);i.progressStep(0)}Y.enable(false);if(p){handleCanDismiss(e,i)}else if(!v){d()}return new Promise((function(e){i.onFinish((function(){if(v){if(y&&k){raf((function(){y.keyframes(__spreadArray([],u.WRAPPER_KEYFRAMES,true));k.keyframes(__spreadArray([],u.BACKDROP_KEYFRAMES,true));i.progressStart(true,1-h);m=h;l(m);if(f&&m===o[o.length-1]){f.scrollY=true}var t=m>n;if(t){S()}else{A()}Y.enable(true);e()}))}else{Y.enable(true);e()}}else{e()}}),{oneTimeCallback:true}).progressEnd(1,0,c?500:0)}))};var Y=createGesture({el:r,gestureName:"modalSheet",gesturePriority:40,direction:"y",threshold:10,canStart:C,onStart:D,onMove:B,onEnd:_});return{gesture:Y,moveSheetToBreakpoint:M}};var modalIosCss=':host{--width:100%;--min-width:auto;--max-width:auto;--height:100%;--min-height:auto;--max-height:auto;--overflow:hidden;--border-radius:0;--border-width:0;--border-style:none;--border-color:transparent;--background:var(--ion-background-color, #fff);--box-shadow:none;--backdrop-opacity:0;left:0;right:0;top:0;bottom:0;display:-ms-flexbox;display:flex;position:absolute;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;outline:none;color:var(--ion-text-color, #000);contain:strict}.modal-wrapper,ion-backdrop{pointer-events:auto}:host(.overlay-hidden){display:none}.modal-wrapper,.modal-shadow{border-radius:var(--border-radius);width:var(--width);min-width:var(--min-width);max-width:var(--max-width);height:var(--height);min-height:var(--min-height);max-height:var(--max-height);border-width:var(--border-width);border-style:var(--border-style);border-color:var(--border-color);background:var(--background);-webkit-box-shadow:var(--box-shadow);box-shadow:var(--box-shadow);overflow:var(--overflow);z-index:10}.modal-shadow{position:absolute;background:transparent}@media only screen and (min-width: 768px) and (min-height: 600px){:host{--width:600px;--height:500px;--ion-safe-area-top:0px;--ion-safe-area-bottom:0px;--ion-safe-area-right:0px;--ion-safe-area-left:0px}}@media only screen and (min-width: 768px) and (min-height: 768px){:host{--width:600px;--height:600px}}.modal-handle{left:0px;right:0px;top:5px;border-radius:8px;-webkit-margin-start:auto;margin-inline-start:auto;-webkit-margin-end:auto;margin-inline-end:auto;position:absolute;width:36px;height:5px;-webkit-transform:translateZ(0);transform:translateZ(0);border:0;background:var(--ion-color-step-350, #c0c0be);cursor:pointer;z-index:11}.modal-handle::before{-webkit-padding-start:4px;padding-inline-start:4px;-webkit-padding-end:4px;padding-inline-end:4px;padding-top:4px;padding-bottom:4px;position:absolute;width:36px;height:5px;-webkit-transform:translate(-50%, -50%);transform:translate(-50%, -50%);content:""}:host(.modal-sheet){--height:calc(100% - (var(--ion-safe-area-top) + 10px))}:host(.modal-sheet) .modal-wrapper,:host(.modal-sheet) .modal-shadow{position:absolute;bottom:0}:host{--backdrop-opacity:var(--ion-backdrop-opacity, 0.4)}:host(.modal-card),:host(.modal-sheet){--border-radius:10px}@media only screen and (min-width: 768px) and (min-height: 600px){:host{--border-radius:10px}}.modal-wrapper{-webkit-transform:translate3d(0, 100%, 0);transform:translate3d(0, 100%, 0)}@media screen and (max-width: 767px){@supports (width: max(0px, 1px)){:host(.modal-card){--height:calc(100% - max(30px, var(--ion-safe-area-top)) - 10px)}}@supports not (width: max(0px, 1px)){:host(.modal-card){--height:calc(100% - 40px)}}:host(.modal-card) .modal-wrapper{border-top-left-radius:var(--border-radius);border-top-right-radius:var(--border-radius);border-bottom-right-radius:0;border-bottom-left-radius:0}:host-context([dir=rtl]):host(.modal-card) .modal-wrapper,:host-context([dir=rtl]).modal-card .modal-wrapper{border-top-left-radius:var(--border-radius);border-top-right-radius:var(--border-radius);border-bottom-right-radius:0;border-bottom-left-radius:0}@supports selector(:dir(rtl)){:host(.modal-card) .modal-wrapper:dir(rtl){border-top-left-radius:var(--border-radius);border-top-right-radius:var(--border-radius);border-bottom-right-radius:0;border-bottom-left-radius:0}}:host(.modal-card){--backdrop-opacity:0;--width:100%;-ms-flex-align:end;align-items:flex-end}:host(.modal-card) .modal-shadow{display:none}:host(.modal-card) ion-backdrop{pointer-events:none}}@media screen and (min-width: 768px){:host(.modal-card){--width:calc(100% - 120px);--height:calc(100% - (120px + var(--ion-safe-area-top) + var(--ion-safe-area-bottom)));--max-width:720px;--max-height:1000px;--backdrop-opacity:0;--box-shadow:0px 0px 30px 10px rgba(0, 0, 0, 0.1);-webkit-transition:all 0.5s ease-in-out;transition:all 0.5s ease-in-out}:host(.modal-card) .modal-wrapper{-webkit-box-shadow:none;box-shadow:none}:host(.modal-card) .modal-shadow{-webkit-box-shadow:var(--box-shadow);box-shadow:var(--box-shadow)}}:host(.modal-sheet) .modal-wrapper{border-top-left-radius:var(--border-radius);border-top-right-radius:var(--border-radius);border-bottom-right-radius:0;border-bottom-left-radius:0}:host-context([dir=rtl]):host(.modal-sheet) .modal-wrapper,:host-context([dir=rtl]).modal-sheet .modal-wrapper{border-top-left-radius:var(--border-radius);border-top-right-radius:var(--border-radius);border-bottom-right-radius:0;border-bottom-left-radius:0}@supports selector(:dir(rtl)){:host(.modal-sheet) .modal-wrapper:dir(rtl){border-top-left-radius:var(--border-radius);border-top-right-radius:var(--border-radius);border-bottom-right-radius:0;border-bottom-left-radius:0}}';var modalMdCss=':host{--width:100%;--min-width:auto;--max-width:auto;--height:100%;--min-height:auto;--max-height:auto;--overflow:hidden;--border-radius:0;--border-width:0;--border-style:none;--border-color:transparent;--background:var(--ion-background-color, #fff);--box-shadow:none;--backdrop-opacity:0;left:0;right:0;top:0;bottom:0;display:-ms-flexbox;display:flex;position:absolute;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;outline:none;color:var(--ion-text-color, #000);contain:strict}.modal-wrapper,ion-backdrop{pointer-events:auto}:host(.overlay-hidden){display:none}.modal-wrapper,.modal-shadow{border-radius:var(--border-radius);width:var(--width);min-width:var(--min-width);max-width:var(--max-width);height:var(--height);min-height:var(--min-height);max-height:var(--max-height);border-width:var(--border-width);border-style:var(--border-style);border-color:var(--border-color);background:var(--background);-webkit-box-shadow:var(--box-shadow);box-shadow:var(--box-shadow);overflow:var(--overflow);z-index:10}.modal-shadow{position:absolute;background:transparent}@media only screen and (min-width: 768px) and (min-height: 600px){:host{--width:600px;--height:500px;--ion-safe-area-top:0px;--ion-safe-area-bottom:0px;--ion-safe-area-right:0px;--ion-safe-area-left:0px}}@media only screen and (min-width: 768px) and (min-height: 768px){:host{--width:600px;--height:600px}}.modal-handle{left:0px;right:0px;top:5px;border-radius:8px;-webkit-margin-start:auto;margin-inline-start:auto;-webkit-margin-end:auto;margin-inline-end:auto;position:absolute;width:36px;height:5px;-webkit-transform:translateZ(0);transform:translateZ(0);border:0;background:var(--ion-color-step-350, #c0c0be);cursor:pointer;z-index:11}.modal-handle::before{-webkit-padding-start:4px;padding-inline-start:4px;-webkit-padding-end:4px;padding-inline-end:4px;padding-top:4px;padding-bottom:4px;position:absolute;width:36px;height:5px;-webkit-transform:translate(-50%, -50%);transform:translate(-50%, -50%);content:""}:host(.modal-sheet){--height:calc(100% - (var(--ion-safe-area-top) + 10px))}:host(.modal-sheet) .modal-wrapper,:host(.modal-sheet) .modal-shadow{position:absolute;bottom:0}:host{--backdrop-opacity:var(--ion-backdrop-opacity, 0.32)}@media only screen and (min-width: 768px) and (min-height: 600px){:host{--border-radius:2px;--box-shadow:0 28px 48px rgba(0, 0, 0, 0.4)}}.modal-wrapper{-webkit-transform:translate3d(0, 40px, 0);transform:translate3d(0, 40px, 0);opacity:0.01}';var Modal=function(){function e(e){var t=this;registerInstance(this,e);this.didPresent=createEvent(this,"ionModalDidPresent",7);this.willPresent=createEvent(this,"ionModalWillPresent",7);this.willDismiss=createEvent(this,"ionModalWillDismiss",7);this.didDismiss=createEvent(this,"ionModalDidDismiss",7);this.ionBreakpointDidChange=createEvent(this,"ionBreakpointDidChange",7);this.didPresentShorthand=createEvent(this,"didPresent",7);this.willPresentShorthand=createEvent(this,"willPresent",7);this.willDismissShorthand=createEvent(this,"willDismiss",7);this.didDismissShorthand=createEvent(this,"didDismiss",7);this.ionMount=createEvent(this,"ionMount",7);this.lockController=createLockController();this.triggerController=createTriggerController();this.coreDelegate=CoreDelegate();this.isSheetModal=false;this.inheritedAttributes={};this.inline=false;this.gestureAnimationDismissing=false;this.onHandleClick=function(){var e=t,r=e.sheetTransition,a=e.handleBehavior;if(a!=="cycle"||r!==undefined){return}t.moveToNextBreakpoint()};this.onBackdropTap=function(){var e=t.sheetTransition;if(e!==undefined){return}t.dismiss(undefined,BACKDROP)};this.onLifecycle=function(e){var r=t.usersElement;var a=LIFECYCLE_MAP[e.type];if(r&&a){var n=new CustomEvent(a,{bubbles:false,cancelable:false,detail:e.detail});r.dispatchEvent(n)}};this.presented=false;this.hasController=false;this.overlayIndex=undefined;this.delegate=undefined;this.keyboardClose=true;this.enterAnimation=undefined;this.leaveAnimation=undefined;this.breakpoints=undefined;this.initialBreakpoint=undefined;this.backdropBreakpoint=0;this.handle=undefined;this.handleBehavior="none";this.component=undefined;this.componentProps=undefined;this.cssClass=undefined;this.backdropDismiss=true;this.showBackdrop=true;this.animated=true;this.presentingElement=undefined;this.htmlAttributes=undefined;this.isOpen=false;this.trigger=undefined;this.keepContentsMounted=false;this.canDismiss=true}e.prototype.onIsOpenChange=function(e,t){if(e===true&&t===false){this.present()}else if(e===false&&t===true){this.dismiss()}};e.prototype.triggerChanged=function(){var e=this,t=e.trigger,r=e.el,a=e.triggerController;if(t){a.addClickListener(r,t)}};e.prototype.breakpointsChanged=function(e){if(e!==undefined){this.sortedBreakpoints=e.sort((function(e,t){return e-t}))}};e.prototype.connectedCallback=function(){var e=this.el;prepareOverlay(e);this.triggerChanged()};e.prototype.disconnectedCallback=function(){this.triggerController.removeClickListener()};e.prototype.componentWillLoad=function(){var e=this,t=e.breakpoints,r=e.initialBreakpoint,a=e.el;var n=this.isSheetModal=t!==undefined&&r!==undefined;this.inheritedAttributes=inheritAttributes(a,["aria-label","role"]);if(n){this.currentBreakpoint=this.initialBreakpoint}if(t!==undefined&&r!==undefined&&!t.includes(r)){printIonWarning("Your breakpoints array must include the initialBreakpoint value.")}setOverlayId(a)};e.prototype.componentDidLoad=function(){var e=this;if(this.isOpen===true){raf((function(){return e.present()}))}this.breakpointsChanged(this.breakpoints)};e.prototype.getDelegate=function(e){if(e===void 0){e=false}if(this.workingDelegate&&!e){return{delegate:this.workingDelegate,inline:this.inline}}var t=this.el.parentNode;var r=this.inline=t!==null&&!this.hasController;var a=this.workingDelegate=r?this.delegate||this.coreDelegate:this.delegate;return{inline:r,delegate:a}};e.prototype.checkCanDismiss=function(e,t){return __awaiter(this,void 0,void 0,(function(){var r;return __generator(this,(function(a){r=this.canDismiss;if(typeof r==="function"){return[2,r(e,t)]}return[2,r]}))}))};e.prototype.present=function(){return __awaiter(this,void 0,void 0,(function(){var e,t,r,a,n,i,o,s,d,l;var c=this;return __generator(this,(function(p){switch(p.label){case 0:if(this.presented){return[2]}return[4,this.lockController.lock()];case 1:e=p.sent();t=this,r=t.presentingElement,a=t.el;this.currentBreakpoint=this.initialBreakpoint;n=this.getDelegate(true),i=n.inline,o=n.delegate;s=this;return[4,attachComponent(o,a,this.component,["ion-page"],this.componentProps,i)];case 2:s.usersElement=p.sent();this.ionMount.emit();if(!hasLazyBuild(a))return[3,4];return[4,deepReady(this.usersElement)];case 3:p.sent();return[3,6];case 4:if(!!this.keepContentsMounted)return[3,6];return[4,waitForMount()];case 5:p.sent();p.label=6;case 6:writeTask((function(){return c.el.classList.add("show-modal")}));if(typeof window!=="undefined"){this.keyboardOpenCallback=function(){if(c.gesture){c.gesture.enable(false);raf((function(){if(c.gesture){c.gesture.enable(true)}}))}};window.addEventListener(KEYBOARD_DID_OPEN,this.keyboardOpenCallback)}d=r!==undefined;if(!(d&&getIonMode(this)==="ios"))return[3,8];l=this;return[4,StatusBar.getStyle()];case 7:l.statusBarStyle=p.sent();setCardStatusBarDark();p.label=8;case 8:return[4,present(this,"modalEnter",iosEnterAnimation,mdEnterAnimation,{presentingEl:r,currentBreakpoint:this.initialBreakpoint,backdropBreakpoint:this.backdropBreakpoint})];case 9:p.sent();if(this.isSheetModal){this.initSheetGesture()}else if(d){this.initSwipeToClose()}e();return[2]}}))}))};e.prototype.initSwipeToClose=function(){var e=this;var t;if(getIonMode(this)!=="ios"){return}var r=this.el;var a=this.leaveAnimation||config.get("modalLeave",iosLeaveAnimation);var n=this.animation=a(r,{presentingEl:this.presentingElement});var i=findIonContent(r);if(!i){printIonContentErrorMsg(r);return}var o=(t=this.statusBarStyle)!==null&&t!==void 0?t:Style.Default;this.gesture=createSwipeToCloseGesture(r,n,o,(function(){e.gestureAnimationDismissing=true;e.animation.onFinish((function(){return __awaiter(e,void 0,void 0,(function(){return __generator(this,(function(e){switch(e.label){case 0:return[4,this.dismiss(undefined,GESTURE)];case 1:e.sent();this.gestureAnimationDismissing=false;return[2]}}))}))}))}));this.gesture.enable(true)};e.prototype.initSheetGesture=function(){var e=this;var t=this,r=t.wrapperEl,a=t.initialBreakpoint,n=t.backdropBreakpoint;if(!r||a===undefined){return}var i=this.enterAnimation||config.get("modalEnter",iosEnterAnimation);var o=this.animation=i(this.el,{presentingEl:this.presentingElement,currentBreakpoint:a,backdropBreakpoint:n});o.progressStart(true,1);var s=createSheetGesture(this.el,this.backdropEl,r,a,n,o,this.sortedBreakpoints,(function(){var t;return(t=e.currentBreakpoint)!==null&&t!==void 0?t:0}),(function(){return e.sheetOnDismiss()}),(function(t){if(e.currentBreakpoint!==t){e.currentBreakpoint=t;e.ionBreakpointDidChange.emit({breakpoint:t})}})),d=s.gesture,l=s.moveSheetToBreakpoint;this.gesture=d;this.moveSheetToBreakpoint=l;this.gesture.enable(true)};e.prototype.sheetOnDismiss=function(){var e=this;this.gestureAnimationDismissing=true;this.animation.onFinish((function(){return __awaiter(e,void 0,void 0,(function(){return __generator(this,(function(e){switch(e.label){case 0:this.currentBreakpoint=0;this.ionBreakpointDidChange.emit({breakpoint:this.currentBreakpoint});return[4,this.dismiss(undefined,GESTURE)];case 1:e.sent();this.gestureAnimationDismissing=false;return[2]}}))}))}))};e.prototype.dismiss=function(e,t){return __awaiter(this,void 0,void 0,(function(){var r,a,n,i,o,s,d,l;var c=this;return __generator(this,(function(p){switch(p.label){case 0:if(this.gestureAnimationDismissing&&t!==GESTURE){return[2,false]}return[4,this.lockController.lock()];case 1:a=p.sent();n=t!=="handler";if(!n)return[3,3];return[4,this.checkCanDismiss(e,t)];case 2:n=!p.sent();p.label=3;case 3:if(n){return[2,false]}i=this.presentingElement;o=i!==undefined;if(o&&getIonMode(this)==="ios"){setCardStatusBarDefault(this.statusBarStyle)}if(typeof window!=="undefined"&&this.keyboardOpenCallback){window.removeEventListener(KEYBOARD_DID_OPEN,this.keyboardOpenCallback);this.keyboardOpenCallback=undefined}s=activeAnimations.get(this)||[];return[4,dismiss(this,e,t,"modalLeave",iosLeaveAnimation,mdLeaveAnimation,{presentingEl:i,currentBreakpoint:(r=this.currentBreakpoint)!==null&&r!==void 0?r:this.initialBreakpoint,backdropBreakpoint:this.backdropBreakpoint})];case 4:d=p.sent();if(!d)return[3,6];l=this.getDelegate().delegate;return[4,detachComponent(l,this.usersElement)];case 5:p.sent();writeTask((function(){return c.el.classList.remove("show-modal")}));if(this.animation){this.animation.destroy()}if(this.gesture){this.gesture.destroy()}s.forEach((function(e){return e.destroy()}));p.label=6;case 6:this.currentBreakpoint=undefined;this.animation=undefined;a();return[2,d]}}))}))};e.prototype.onDidDismiss=function(){return eventMethod(this.el,"ionModalDidDismiss")};e.prototype.onWillDismiss=function(){return eventMethod(this.el,"ionModalWillDismiss")};e.prototype.setCurrentBreakpoint=function(e){return __awaiter(this,void 0,void 0,(function(){var t,r,a,n,i,o;return __generator(this,(function(s){switch(s.label){case 0:if(!this.isSheetModal){printIonWarning("setCurrentBreakpoint is only supported on sheet modals.");return[2]}if(!this.breakpoints.includes(e)){printIonWarning("Attempted to set invalid breakpoint value ".concat(e,". Please double check that the breakpoint value is part of your defined breakpoints."));return[2]}t=this,r=t.currentBreakpoint,a=t.moveSheetToBreakpoint,n=t.canDismiss,i=t.breakpoints,o=t.animated;if(r===e){return[2]}if(!a)return[3,2];this.sheetTransition=a({breakpoint:e,breakpointOffset:1-r,canDismiss:n!==undefined&&n!==true&&i[0]===0,animated:o});return[4,this.sheetTransition];case 1:s.sent();this.sheetTransition=undefined;s.label=2;case 2:return[2]}}))}))};e.prototype.getCurrentBreakpoint=function(){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(e){return[2,this.currentBreakpoint]}))}))};e.prototype.moveToNextBreakpoint=function(){return __awaiter(this,void 0,void 0,(function(){var e,t,r,a,n,i,o;return __generator(this,(function(s){switch(s.label){case 0:e=this,t=e.breakpoints,r=e.currentBreakpoint;if(!t||r==null){return[2,false]}a=t.filter((function(e){return e!==0}));n=a.indexOf(r);i=(n+1)%a.length;o=a[i];return[4,this.setCurrentBreakpoint(o)];case 1:s.sent();return[2,true]}}))}))};e.prototype.render=function(){var e;var t=this;var r=this,a=r.handle,n=r.isSheetModal,i=r.presentingElement,o=r.htmlAttributes,s=r.handleBehavior,d=r.inheritedAttributes;var l=a!==false&&n;var c=getIonMode(this);var p=i!==undefined&&c==="ios";var u=s==="cycle";return h(Host,Object.assign({"no-router":true,tabindex:"-1"},o,{style:{zIndex:"".concat(2e4+this.overlayIndex)},class:Object.assign((e={},e[c]=true,e["modal-default"]=!p&&!n,e["modal-card"]=p,e["modal-sheet"]=n,e["overlay-hidden"]=true,e),getClassMap(this.cssClass)),onIonBackdropTap:this.onBackdropTap,onIonModalDidPresent:this.onLifecycle,onIonModalWillPresent:this.onLifecycle,onIonModalWillDismiss:this.onLifecycle,onIonModalDidDismiss:this.onLifecycle}),h("ion-backdrop",{ref:function(e){return t.backdropEl=e},visible:this.showBackdrop,tappable:this.backdropDismiss,part:"backdrop"}),c==="ios"&&h("div",{class:"modal-shadow"}),h("div",Object.assign({role:"dialog"},d,{"aria-modal":"true",class:"modal-wrapper ion-overlay-wrapper",part:"content",ref:function(e){return t.wrapperEl=e}}),l&&h("button",{class:"modal-handle",tabIndex:!u?-1:0,"aria-label":"Activate to adjust the size of the dialog overlaying the screen",onClick:u?this.onHandleClick:undefined,part:"handle"}),h("slot",null)))};Object.defineProperty(e.prototype,"el",{get:function(){return getElement(this)},enumerable:false,configurable:true});Object.defineProperty(e,"watchers",{get:function(){return{isOpen:["onIsOpenChange"],trigger:["triggerChanged"]}},enumerable:false,configurable:true});return e}();var LIFECYCLE_MAP={ionModalDidPresent:"ionViewDidEnter",ionModalWillPresent:"ionViewWillEnter",ionModalWillDismiss:"ionViewWillLeave",ionModalDidDismiss:"ionViewDidLeave"};Modal.style={ios:modalIosCss,md:modalMdCss};export{Modal as ion_modal};
|
|
@@ -1,4 +1,4 @@
|
|
|
1
1
|
import{__awaiter,__generator}from"tslib";
|
|
2
2
|
/*!
|
|
3
3
|
* (C) Ionic http://ionicframework.com - MIT License
|
|
4
|
-
*/import{r as registerInstance,d as createEvent,h,H as Host,f as getElement}from"./index-847f2fde.js";import{C as CoreDelegate,a as attachComponent,d as detachComponent}from"./framework-delegate-2b76c681.js";import{r as raf,g as getElementRoot,a as addEventListener,m as hasLazyBuild}from"./helpers-3379ba19.js";import{p as printIonWarning}from"./index-595d62c9.js";import{B as BACKDROP,j as prepareOverlay,k as setOverlayId,f as present,o as focusFirstDescendant,g as dismiss,h as eventMethod}from"./overlays-c3387ec0.js";import{b as getIonMode,a as isPlatform}from"./ionic-global-1ef19007.js";import{g as getClassMap}from"./theme-17531cdf.js";import{e as deepReady,w as waitForMount}from"./index-6391de89.js";import{c as createAnimation}from"./animation-a1d9e088.js";import"./hardware-back-button-39299f84.js";import"./index-7a14ecec.js";var getArrowDimensions=function(e){if(!e){return{arrowWidth:0,arrowHeight:0}}var t=e.getBoundingClientRect(),r=t.width,o=t.height;return{arrowWidth:r,arrowHeight:o}};var getPopoverDimensions=function(e,t,r){var o=t.getBoundingClientRect();var n=o.height;var i=o.width;if(e==="cover"&&r){var a=r.getBoundingClientRect();i=a.width}return{contentWidth:i,contentHeight:n}};var configureDismissInteraction=function(e,t,r,o){var n=[];var i=getElementRoot(o);var a=i.querySelector(".popover-content");switch(t){case"hover":n=[{eventName:"mouseenter",callback:function(t){var o=document.elementFromPoint(t.clientX,t.clientY);if(o===e){return}r.dismiss(undefined,undefined,false)}}];break;case"context-menu":case"click":default:n=[{eventName:"click",callback:function(t){var o=t.target;var n=o.closest("[data-ion-popover-trigger]");if(n===e){t.stopPropagation();return}r.dismiss(undefined,undefined,false)}}];break}n.forEach((function(e){var t=e.eventName,r=e.callback;return a.addEventListener(t,r)}));return function(){n.forEach((function(e){var t=e.eventName,r=e.callback;return a.removeEventListener(t,r)}))}};var configureTriggerInteraction=function(e,t,r){var o=[];switch(t){case"hover":var n;o=[{eventName:"mouseenter",callback:function(e){return __awaiter(void 0,void 0,void 0,(function(){return __generator(this,(function(t){e.stopPropagation();if(n){clearTimeout(n)}n=setTimeout((function(){raf((function(){r.presentFromTrigger(e);n=undefined}))}),100);return[2]}))}))}},{eventName:"mouseleave",callback:function(e){if(n){clearTimeout(n)}var t=e.relatedTarget;if(!t){return}if(t.closest("ion-popover")!==r){r.dismiss(undefined,undefined,false)}}},{eventName:"click",callback:function(e){return e.stopPropagation()}},{eventName:"ionPopoverActivateTrigger",callback:function(e){return r.presentFromTrigger(e,true)}}];break;case"context-menu":o=[{eventName:"contextmenu",callback:function(e){e.preventDefault();r.presentFromTrigger(e)}},{eventName:"click",callback:function(e){return e.stopPropagation()}},{eventName:"ionPopoverActivateTrigger",callback:function(e){return r.presentFromTrigger(e,true)}}];break;case"click":default:o=[{eventName:"click",callback:function(e){return r.presentFromTrigger(e)}},{eventName:"ionPopoverActivateTrigger",callback:function(e){return r.presentFromTrigger(e,true)}}];break}o.forEach((function(t){var r=t.eventName,o=t.callback;return e.addEventListener(r,o)}));e.setAttribute("data-ion-popover-trigger","true");return function(){o.forEach((function(t){var r=t.eventName,o=t.callback;return e.removeEventListener(r,o)}));e.removeAttribute("data-ion-popover-trigger")}};var getIndexOfItem=function(e,t){if(!t||t.tagName!=="ION-ITEM"){return-1}return e.findIndex((function(e){return e===t}))};var getNextItem=function(e,t){var r=getIndexOfItem(e,t);return e[r+1]};var getPrevItem=function(e,t){var r=getIndexOfItem(e,t);return e[r-1]};var focusItem=function(e){var t=getElementRoot(e);var r=t.querySelector("button");if(r){raf((function(){return r.focus()}))}};var isTriggerElement=function(e){return e.hasAttribute("data-ion-popover-trigger")};var configureKeyboardInteraction=function(e){var t=function(t){return __awaiter(void 0,void 0,void 0,(function(){var r,o,n,i,a,s,p,c,d,l,v;return __generator(this,(function(f){switch(f.label){case 0:o=document.activeElement;n=[];i=(r=t.target)===null||r===void 0?void 0:r.tagName;if(i!=="ION-POPOVER"&&i!=="ION-ITEM"){return[2]}try{n=Array.from(e.querySelectorAll("ion-item:not(ion-popover ion-popover *):not([disabled])"))}catch(e){}a=t.key;switch(a){case"ArrowLeft":return[3,1];case"ArrowDown":return[3,3];case"ArrowUp":return[3,4];case"Home":return[3,5];case"End":return[3,6];case"ArrowRight":return[3,7];case" ":return[3,7];case"Enter":return[3,7]}return[3,8];case 1:return[4,e.getParentPopover()];case 2:s=f.sent();if(s){e.dismiss(undefined,undefined,false)}return[3,8];case 3:t.preventDefault();p=getNextItem(n,o);if(p!==undefined){focusItem(p)}return[3,8];case 4:t.preventDefault();c=getPrevItem(n,o);if(c!==undefined){focusItem(c)}return[3,8];case 5:t.preventDefault();d=n[0];if(d!==undefined){focusItem(d)}return[3,8];case 6:t.preventDefault();l=n[n.length-1];if(l!==undefined){focusItem(l)}return[3,8];case 7:if(o&&isTriggerElement(o)){v=new CustomEvent("ionPopoverActivateTrigger");o.dispatchEvent(v)}return[3,8];case 8:return[2]}}))}))};e.addEventListener("keydown",t);return function(){return e.removeEventListener("keydown",t)}};var getPopoverPosition=function(e,t,r,o,n,i,a,s,p,c,d){var l;var v={top:0,left:0,width:0,height:0};switch(i){case"event":if(!d){return p}var f=d;v={top:f.clientY,left:f.clientX,width:1,height:1};break;case"trigger":default:var u=d;var h=c||((l=u===null||u===void 0?void 0:u.detail)===null||l===void 0?void 0:l.ionShadowTarget)||(u===null||u===void 0?void 0:u.target);if(!h){return p}var g=h.getBoundingClientRect();v={top:g.top,left:g.left,width:g.width,height:g.height};break}var m=calculatePopoverSide(a,v,t,r,o,n,e);var w=calculatePopoverAlign(s,a,v,t,r);var b=m.top+w.top;var x=m.left+w.left;var y=calculateArrowPosition(a,o,n,b,x,t,r,e),P=y.arrowTop,k=y.arrowLeft;var A=calculatePopoverOrigin(a,s,e),D=A.originX,E=A.originY;return{top:b,left:x,referenceCoordinates:v,arrowTop:P,arrowLeft:k,originX:D,originY:E}};var calculatePopoverOrigin=function(e,t,r){switch(e){case"top":return{originX:getOriginXAlignment(t),originY:"bottom"};case"bottom":return{originX:getOriginXAlignment(t),originY:"top"};case"left":return{originX:"right",originY:getOriginYAlignment(t)};case"right":return{originX:"left",originY:getOriginYAlignment(t)};case"start":return{originX:r?"left":"right",originY:getOriginYAlignment(t)};case"end":return{originX:r?"right":"left",originY:getOriginYAlignment(t)}}};var getOriginXAlignment=function(e){switch(e){case"start":return"left";case"center":return"center";case"end":return"right"}};var getOriginYAlignment=function(e){switch(e){case"start":return"top";case"center":return"center";case"end":return"bottom"}};var calculateArrowPosition=function(e,t,r,o,n,i,a,s){var p={arrowTop:o+a/2-t/2,arrowLeft:n+i-t/2};var c={arrowTop:o+a/2-t/2,arrowLeft:n-t*1.5};switch(e){case"top":return{arrowTop:o+a,arrowLeft:n+i/2-t/2};case"bottom":return{arrowTop:o-r,arrowLeft:n+i/2-t/2};case"left":return p;case"right":return c;case"start":return s?c:p;case"end":return s?p:c;default:return{arrowTop:0,arrowLeft:0}}};var calculatePopoverSide=function(e,t,r,o,n,i,a){var s={top:t.top,left:t.left-r-n};var p={top:t.top,left:t.left+t.width+n};switch(e){case"top":return{top:t.top-o-i,left:t.left};case"right":return p;case"bottom":return{top:t.top+t.height+i,left:t.left};case"left":return s;case"start":return a?p:s;case"end":return a?s:p}};var calculatePopoverAlign=function(e,t,r,o,n){switch(e){case"center":return calculatePopoverCenterAlign(t,r,o,n);case"end":return calculatePopoverEndAlign(t,r,o,n);case"start":default:return{top:0,left:0}}};var calculatePopoverEndAlign=function(e,t,r,o){switch(e){case"start":case"end":case"left":case"right":return{top:-(o-t.height),left:0};case"top":case"bottom":default:return{top:0,left:-(r-t.width)}}};var calculatePopoverCenterAlign=function(e,t,r,o){switch(e){case"start":case"end":case"left":case"right":return{top:-(o/2-t.height/2),left:0};case"top":case"bottom":default:return{top:0,left:-(r/2-t.width/2)}}};var calculateWindowAdjustment=function(e,t,r,o,n,i,a,s,p,c,d,l,v,f,u){if(v===void 0){v=0}if(f===void 0){f=0}if(u===void 0){u=0}var h=v;var g=f;var m=r;var w=t;var b;var x=c;var y=d;var P=false;var k=false;var A=l?l.top+l.height:i/2-s/2;var D=l?l.height:0;var E=false;if(m<o+p){m=o;P=true;x="left"}else if(a+o+m+p>n){k=true;m=n-a-o;x="right"}if(A+D+s>i&&(e==="top"||e==="bottom")){if(A-s>0){w=Math.max(12,A-s-D-(u-1));h=w+s;y="bottom";E=true}else{b=o}}return{top:w,left:m,bottom:b,originX:x,originY:y,checkSafeAreaLeft:P,checkSafeAreaRight:k,arrowTop:h,arrowLeft:g,addPopoverBottomClass:E}};var shouldShowArrow=function(e,t,r,o){if(t===void 0){t=false}if(!r&&!o){return false}if(e!=="top"&&e!=="bottom"&&t){return false}return true};var POPOVER_IOS_BODY_PADDING=5;var iosEnterAnimation=function(e,t){var r;var o=t.event,n=t.size,i=t.trigger,a=t.reference,s=t.side,p=t.align;var c=e.ownerDocument;var d=c.dir==="rtl";var l=c.defaultView.innerWidth;var v=c.defaultView.innerHeight;var f=getElementRoot(e);var u=f.querySelector(".popover-content");var h=f.querySelector(".popover-arrow");var g=i||((r=o===null||o===void 0?void 0:o.detail)===null||r===void 0?void 0:r.ionShadowTarget)||(o===null||o===void 0?void 0:o.target);var m=getPopoverDimensions(n,u,g),w=m.contentWidth,b=m.contentHeight;var x=getArrowDimensions(h),y=x.arrowWidth,P=x.arrowHeight;var k={top:v/2-b/2,left:l/2-w/2,originX:d?"right":"left",originY:"top"};var A=getPopoverPosition(d,w,b,y,P,a,s,p,k,i,o);var D=n==="cover"?0:POPOVER_IOS_BODY_PADDING;var E=n==="cover"?0:25;var I=calculateWindowAdjustment(s,A.top,A.left,D,l,v,w,b,E,A.originX,A.originY,A.referenceCoordinates,A.arrowTop,A.arrowLeft,P),T=I.originX,O=I.originY,C=I.top,S=I.left,_=I.bottom,L=I.checkSafeAreaLeft,W=I.checkSafeAreaRight,Y=I.arrowTop,N=I.arrowLeft,M=I.addPopoverBottomClass;var R=createAnimation();var j=createAnimation();var B=createAnimation();j.addElement(f.querySelector("ion-backdrop")).fromTo("opacity",.01,"var(--backdrop-opacity)").beforeStyles({"pointer-events":"none"}).afterClearStyles(["pointer-events"]);B.addElement(f.querySelector(".popover-arrow")).addElement(f.querySelector(".popover-content")).fromTo("opacity",.01,1);return R.easing("ease").duration(100).beforeAddWrite((function(){if(n==="cover"){e.style.setProperty("--width","".concat(w,"px"))}if(M){e.classList.add("popover-bottom")}if(_!==undefined){u.style.setProperty("bottom","".concat(_,"px"))}var t=" + var(--ion-safe-area-left, 0)";var r=" - var(--ion-safe-area-right, 0)";var a="".concat(S,"px");if(L){a="".concat(S,"px").concat(t)}if(W){a="".concat(S,"px").concat(r)}u.style.setProperty("top","calc(".concat(C,"px + var(--offset-y, 0))"));u.style.setProperty("left","calc(".concat(a," + var(--offset-x, 0))"));u.style.setProperty("transform-origin","".concat(O," ").concat(T));if(h!==null){var p=A.top!==C||A.left!==S;var c=shouldShowArrow(s,p,o,i);if(c){h.style.setProperty("top","calc(".concat(Y,"px + var(--offset-y, 0))"));h.style.setProperty("left","calc(".concat(N,"px + var(--offset-x, 0))"))}else{h.style.setProperty("display","none")}}})).addAnimation([j,B])};var iosLeaveAnimation=function(e){var t=getElementRoot(e);var r=t.querySelector(".popover-content");var o=t.querySelector(".popover-arrow");var n=createAnimation();var i=createAnimation();var a=createAnimation();i.addElement(t.querySelector("ion-backdrop")).fromTo("opacity","var(--backdrop-opacity)",0);a.addElement(t.querySelector(".popover-arrow")).addElement(t.querySelector(".popover-content")).fromTo("opacity",.99,0);return n.easing("ease").afterAddWrite((function(){e.style.removeProperty("--width");e.classList.remove("popover-bottom");r.style.removeProperty("top");r.style.removeProperty("left");r.style.removeProperty("bottom");r.style.removeProperty("transform-origin");if(o){o.style.removeProperty("top");o.style.removeProperty("left");o.style.removeProperty("display")}})).duration(300).addAnimation([i,a])};var POPOVER_MD_BODY_PADDING=12;var mdEnterAnimation=function(e,t){var r;var o=t.event,n=t.size,i=t.trigger,a=t.reference,s=t.side,p=t.align;var c=e.ownerDocument;var d=c.dir==="rtl";var l=c.defaultView.innerWidth;var v=c.defaultView.innerHeight;var f=getElementRoot(e);var u=f.querySelector(".popover-content");var h=i||((r=o===null||o===void 0?void 0:o.detail)===null||r===void 0?void 0:r.ionShadowTarget)||(o===null||o===void 0?void 0:o.target);var g=getPopoverDimensions(n,u,h),m=g.contentWidth,w=g.contentHeight;var b={top:v/2-w/2,left:l/2-m/2,originX:d?"right":"left",originY:"top"};var x=getPopoverPosition(d,m,w,0,0,a,s,p,b,i,o);var y=n==="cover"?0:POPOVER_MD_BODY_PADDING;var P=calculateWindowAdjustment(s,x.top,x.left,y,l,v,m,w,0,x.originX,x.originY,x.referenceCoordinates),k=P.originX,A=P.originY,D=P.top,E=P.left,I=P.bottom;var T=createAnimation();var O=createAnimation();var C=createAnimation();var S=createAnimation();var _=createAnimation();O.addElement(f.querySelector("ion-backdrop")).fromTo("opacity",.01,"var(--backdrop-opacity)").beforeStyles({"pointer-events":"none"}).afterClearStyles(["pointer-events"]);C.addElement(f.querySelector(".popover-wrapper")).duration(150).fromTo("opacity",.01,1);S.addElement(u).beforeStyles({top:"calc(".concat(D,"px + var(--offset-y, 0px))"),left:"calc(".concat(E,"px + var(--offset-x, 0px))"),"transform-origin":"".concat(A," ").concat(k)}).beforeAddWrite((function(){if(I!==undefined){u.style.setProperty("bottom","".concat(I,"px"))}})).fromTo("transform","scale(0.8)","scale(1)");_.addElement(f.querySelector(".popover-viewport")).fromTo("opacity",.01,1);return T.easing("cubic-bezier(0.36,0.66,0.04,1)").duration(300).beforeAddWrite((function(){if(n==="cover"){e.style.setProperty("--width","".concat(m,"px"))}if(A==="bottom"){e.classList.add("popover-bottom")}})).addAnimation([O,C,S,_])};var mdLeaveAnimation=function(e){var t=getElementRoot(e);var r=t.querySelector(".popover-content");var o=createAnimation();var n=createAnimation();var i=createAnimation();n.addElement(t.querySelector("ion-backdrop")).fromTo("opacity","var(--backdrop-opacity)",0);i.addElement(t.querySelector(".popover-wrapper")).fromTo("opacity",.99,0);return o.easing("ease").afterAddWrite((function(){e.style.removeProperty("--width");e.classList.remove("popover-bottom");r.style.removeProperty("top");r.style.removeProperty("left");r.style.removeProperty("bottom");r.style.removeProperty("transform-origin")})).duration(150).addAnimation([n,i])};var popoverIosCss=':host{--background:var(--ion-background-color, #fff);--min-width:0;--min-height:0;--max-width:auto;--height:auto;--offset-x:0px;--offset-y:0px;left:0;right:0;top:0;bottom:0;display:-ms-flexbox;display:flex;position:fixed;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;outline:none;color:var(--ion-text-color, #000);z-index:1001}:host(.popover-nested){pointer-events:none}:host(.popover-nested) .popover-wrapper{pointer-events:auto}:host(.overlay-hidden){display:none}.popover-wrapper{z-index:10}.popover-content{display:-ms-flexbox;display:flex;position:absolute;-ms-flex-direction:column;flex-direction:column;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);-webkit-box-shadow:var(--box-shadow);box-shadow:var(--box-shadow);overflow:auto;z-index:10}.popover-viewport{--ion-safe-area-top:0px;--ion-safe-area-right:0px;--ion-safe-area-bottom:0px;--ion-safe-area-left:0px;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;overflow:hidden}:host(.popover-nested.popover-side-left){--offset-x:5px}:host(.popover-nested.popover-side-right){--offset-x:-5px}:host(.popover-nested.popover-side-start){--offset-x:5px}:host-context([dir=rtl]):host(.popover-nested.popover-side-start),:host-context([dir=rtl]).popover-nested.popover-side-start{--offset-x:-5px}@supports selector(:dir(rtl)){:host(.popover-nested.popover-side-start):dir(rtl){--offset-x:-5px}}:host(.popover-nested.popover-side-end){--offset-x:-5px}:host-context([dir=rtl]):host(.popover-nested.popover-side-end),:host-context([dir=rtl]).popover-nested.popover-side-end{--offset-x:5px}@supports selector(:dir(rtl)){:host(.popover-nested.popover-side-end):dir(rtl){--offset-x:5px}}:host{--width:200px;--max-height:90%;--box-shadow:none;--backdrop-opacity:var(--ion-backdrop-opacity, 0.08)}:host(.popover-desktop){--box-shadow:0px 4px 16px 0px rgba(0, 0, 0, 0.12)}.popover-content{border-radius:10px}:host(.popover-desktop) .popover-content{border:0.5px solid var(--ion-color-step-100, #e6e6e6)}.popover-arrow{display:block;position:absolute;width:20px;height:10px;overflow:hidden}.popover-arrow::after{top:3px;border-radius:3px;position:absolute;width:14px;height:14px;-webkit-transform:rotate(45deg);transform:rotate(45deg);background:var(--background);content:"";z-index:10}@supports (inset-inline-start: 0){.popover-arrow::after{inset-inline-start:3px}}@supports not (inset-inline-start: 0){.popover-arrow::after{left:3px}:host-context([dir=rtl]) .popover-arrow::after{left:unset;right:unset;right:3px}[dir=rtl] .popover-arrow::after{left:unset;right:unset;right:3px}@supports selector(:dir(rtl)){.popover-arrow::after:dir(rtl){left:unset;right:unset;right:3px}}}:host(.popover-bottom) .popover-arrow{top:auto;bottom:-10px}:host(.popover-bottom) .popover-arrow::after{top:-6px}:host(.popover-side-left) .popover-arrow{-webkit-transform:rotate(90deg);transform:rotate(90deg)}:host(.popover-side-right) .popover-arrow{-webkit-transform:rotate(-90deg);transform:rotate(-90deg)}:host(.popover-side-top) .popover-arrow{-webkit-transform:rotate(180deg);transform:rotate(180deg)}:host(.popover-side-start) .popover-arrow{-webkit-transform:rotate(90deg);transform:rotate(90deg)}:host-context([dir=rtl]):host(.popover-side-start) .popover-arrow,:host-context([dir=rtl]).popover-side-start .popover-arrow{-webkit-transform:rotate(-90deg);transform:rotate(-90deg)}@supports selector(:dir(rtl)){:host(.popover-side-start) .popover-arrow:dir(rtl){-webkit-transform:rotate(-90deg);transform:rotate(-90deg)}}:host(.popover-side-end) .popover-arrow{-webkit-transform:rotate(-90deg);transform:rotate(-90deg)}:host-context([dir=rtl]):host(.popover-side-end) .popover-arrow,:host-context([dir=rtl]).popover-side-end .popover-arrow{-webkit-transform:rotate(90deg);transform:rotate(90deg)}@supports selector(:dir(rtl)){:host(.popover-side-end) .popover-arrow:dir(rtl){-webkit-transform:rotate(90deg);transform:rotate(90deg)}}.popover-arrow,.popover-content{opacity:0}@supports ((-webkit-backdrop-filter: blur(0)) or (backdrop-filter: blur(0))){:host(.popover-translucent) .popover-content,:host(.popover-translucent) .popover-arrow::after{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)}}';var popoverMdCss=":host{--background:var(--ion-background-color, #fff);--min-width:0;--min-height:0;--max-width:auto;--height:auto;--offset-x:0px;--offset-y:0px;left:0;right:0;top:0;bottom:0;display:-ms-flexbox;display:flex;position:fixed;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;outline:none;color:var(--ion-text-color, #000);z-index:1001}:host(.popover-nested){pointer-events:none}:host(.popover-nested) .popover-wrapper{pointer-events:auto}:host(.overlay-hidden){display:none}.popover-wrapper{z-index:10}.popover-content{display:-ms-flexbox;display:flex;position:absolute;-ms-flex-direction:column;flex-direction:column;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);-webkit-box-shadow:var(--box-shadow);box-shadow:var(--box-shadow);overflow:auto;z-index:10}.popover-viewport{--ion-safe-area-top:0px;--ion-safe-area-right:0px;--ion-safe-area-bottom:0px;--ion-safe-area-left:0px;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;overflow:hidden}:host(.popover-nested.popover-side-left){--offset-x:5px}:host(.popover-nested.popover-side-right){--offset-x:-5px}:host(.popover-nested.popover-side-start){--offset-x:5px}:host-context([dir=rtl]):host(.popover-nested.popover-side-start),:host-context([dir=rtl]).popover-nested.popover-side-start{--offset-x:-5px}@supports selector(:dir(rtl)){:host(.popover-nested.popover-side-start):dir(rtl){--offset-x:-5px}}:host(.popover-nested.popover-side-end){--offset-x:-5px}:host-context([dir=rtl]):host(.popover-nested.popover-side-end),:host-context([dir=rtl]).popover-nested.popover-side-end{--offset-x:5px}@supports selector(:dir(rtl)){:host(.popover-nested.popover-side-end):dir(rtl){--offset-x:5px}}:host{--width:250px;--max-height:90%;--box-shadow:0 5px 5px -3px rgba(0, 0, 0, 0.2), 0 8px 10px 1px rgba(0, 0, 0, 0.14), 0 3px 14px 2px rgba(0, 0, 0, 0.12);--backdrop-opacity:var(--ion-backdrop-opacity, 0.32)}.popover-content{border-radius:4px;-webkit-transform-origin:left top;transform-origin:left top}:host-context([dir=rtl]) .popover-content{-webkit-transform-origin:right top;transform-origin:right top}[dir=rtl] .popover-content{-webkit-transform-origin:right top;transform-origin:right top}@supports selector(:dir(rtl)){.popover-content:dir(rtl){-webkit-transform-origin:right top;transform-origin:right top}}.popover-viewport{-webkit-transition-delay:100ms;transition-delay:100ms}.popover-wrapper{opacity:0}";var Popover=function(){function e(e){var t=this;registerInstance(this,e);this.didPresent=createEvent(this,"ionPopoverDidPresent",7);this.willPresent=createEvent(this,"ionPopoverWillPresent",7);this.willDismiss=createEvent(this,"ionPopoverWillDismiss",7);this.didDismiss=createEvent(this,"ionPopoverDidDismiss",7);this.didPresentShorthand=createEvent(this,"didPresent",7);this.willPresentShorthand=createEvent(this,"willPresent",7);this.willDismissShorthand=createEvent(this,"willDismiss",7);this.didDismissShorthand=createEvent(this,"didDismiss",7);this.ionMount=createEvent(this,"ionMount",7);this.parentPopover=null;this.coreDelegate=CoreDelegate();this.inline=false;this.focusDescendantOnPresent=false;this.onBackdropTap=function(){t.dismiss(undefined,BACKDROP)};this.onLifecycle=function(e){var r=t.usersElement;var o=LIFECYCLE_MAP[e.type];if(r&&o){var n=new CustomEvent(o,{bubbles:false,cancelable:false,detail:e.detail});r.dispatchEvent(n)}};this.configureTriggerInteraction=function(){var e=t,r=e.trigger,o=e.triggerAction,n=e.el,i=e.destroyTriggerInteraction;if(i){i()}if(r===undefined){return}var a=t.triggerEl=r!==undefined?document.getElementById(r):null;if(!a){printIonWarning('A trigger element with the ID "'.concat(r,'" was not found in the DOM. The trigger element must be in the DOM when the "trigger" property is set on ion-popover.'),t.el);return}t.destroyTriggerInteraction=configureTriggerInteraction(a,o,n)};this.configureKeyboardInteraction=function(){var e=t,r=e.destroyKeyboardInteraction,o=e.el;if(r){r()}t.destroyKeyboardInteraction=configureKeyboardInteraction(o)};this.configureDismissInteraction=function(){var e=t,r=e.destroyDismissInteraction,o=e.parentPopover,n=e.triggerAction,i=e.triggerEl,a=e.el;if(!o||!i){return}if(r){r()}t.destroyDismissInteraction=configureDismissInteraction(i,n,a,o)};this.presented=false;this.hasController=false;this.delegate=undefined;this.overlayIndex=undefined;this.enterAnimation=undefined;this.leaveAnimation=undefined;this.component=undefined;this.componentProps=undefined;this.keyboardClose=true;this.cssClass=undefined;this.backdropDismiss=true;this.event=undefined;this.showBackdrop=true;this.translucent=false;this.animated=true;this.htmlAttributes=undefined;this.triggerAction="click";this.trigger=undefined;this.size="auto";this.dismissOnSelect=false;this.reference="trigger";this.side="bottom";this.alignment=undefined;this.arrow=true;this.isOpen=false;this.keyboardEvents=false;this.keepContentsMounted=false}e.prototype.onTriggerChange=function(){this.configureTriggerInteraction()};e.prototype.onIsOpenChange=function(e,t){if(e===true&&t===false){this.present()}else if(e===false&&t===true){this.dismiss()}};e.prototype.connectedCallback=function(){var e=this,t=e.configureTriggerInteraction,r=e.el;prepareOverlay(r);t()};e.prototype.disconnectedCallback=function(){var e=this.destroyTriggerInteraction;if(e){e()}};e.prototype.componentWillLoad=function(){var e=this.el;var t=setOverlayId(e);this.parentPopover=e.closest("ion-popover:not(#".concat(t,")"));if(this.alignment===undefined){this.alignment=getIonMode(this)==="ios"?"center":"start"}};e.prototype.componentDidLoad=function(){var e=this;var t=this,r=t.parentPopover,o=t.isOpen;if(o===true){raf((function(){return e.present()}))}if(r){addEventListener(r,"ionPopoverWillDismiss",(function(){e.dismiss(undefined,undefined,false)}))}};e.prototype.presentFromTrigger=function(e,t){if(t===void 0){t=false}return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(r){switch(r.label){case 0:this.focusDescendantOnPresent=t;return[4,this.present(e)];case 1:r.sent();this.focusDescendantOnPresent=false;return[2]}}))}))};e.prototype.getDelegate=function(e){if(e===void 0){e=false}if(this.workingDelegate&&!e){return{delegate:this.workingDelegate,inline:this.inline}}var t=this.el.parentNode;var r=this.inline=t!==null&&!this.hasController;var o=this.workingDelegate=r?this.delegate||this.coreDelegate:this.delegate;return{inline:r,delegate:o}};e.prototype.present=function(e){return __awaiter(this,void 0,void 0,(function(){var t,r,o,n,i;return __generator(this,(function(a){switch(a.label){case 0:if(this.presented){return[2]}if(!(this.currentTransition!==undefined))return[3,2];return[4,this.currentTransition];case 1:a.sent();a.label=2;case 2:t=this.el;r=this.getDelegate(true),o=r.inline,n=r.delegate;i=this;return[4,attachComponent(n,t,this.component,["popover-viewport"],this.componentProps,o)];case 3:i.usersElement=a.sent();if(!this.keyboardEvents){this.configureKeyboardInteraction()}this.configureDismissInteraction();this.ionMount.emit();if(!hasLazyBuild(t))return[3,5];return[4,deepReady(this.usersElement)];case 4:a.sent();return[3,7];case 5:if(!!this.keepContentsMounted)return[3,7];return[4,waitForMount()];case 6:a.sent();a.label=7;case 7:this.currentTransition=present(this,"popoverEnter",iosEnterAnimation,mdEnterAnimation,{event:e||this.event,size:this.size,trigger:this.triggerEl,reference:this.reference,side:this.side,align:this.alignment});return[4,this.currentTransition];case 8:a.sent();this.currentTransition=undefined;if(this.focusDescendantOnPresent){focusFirstDescendant(this.el,this.el)}return[2]}}))}))};e.prototype.dismiss=function(e,t,r){if(r===void 0){r=true}return __awaiter(this,void 0,void 0,(function(){var o,n,i,a,s;return __generator(this,(function(p){switch(p.label){case 0:if(!(this.currentTransition!==undefined))return[3,2];return[4,this.currentTransition];case 1:p.sent();p.label=2;case 2:o=this,n=o.destroyKeyboardInteraction,i=o.destroyDismissInteraction;if(r&&this.parentPopover){this.parentPopover.dismiss(e,t,r)}this.currentTransition=dismiss(this,e,t,"popoverLeave",iosLeaveAnimation,mdLeaveAnimation,this.event);return[4,this.currentTransition];case 3:a=p.sent();if(!a)return[3,5];if(n){n();this.destroyKeyboardInteraction=undefined}if(i){i();this.destroyDismissInteraction=undefined}s=this.getDelegate().delegate;return[4,detachComponent(s,this.usersElement)];case 4:p.sent();p.label=5;case 5:this.currentTransition=undefined;return[2,a]}}))}))};e.prototype.getParentPopover=function(){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(e){return[2,this.parentPopover]}))}))};e.prototype.onDidDismiss=function(){return eventMethod(this.el,"ionPopoverDidDismiss")};e.prototype.onWillDismiss=function(){return eventMethod(this.el,"ionPopoverWillDismiss")};e.prototype.render=function(){var e;var t=this;var r=getIonMode(this);var o=this,n=o.onLifecycle,i=o.parentPopover,a=o.dismissOnSelect,s=o.side,p=o.arrow,c=o.htmlAttributes;var d=isPlatform("desktop");var l=p&&!i;return h(Host,Object.assign({"aria-modal":"true","no-router":true,tabindex:"-1"},c,{style:{zIndex:"".concat(2e4+this.overlayIndex)},class:Object.assign(Object.assign({},getClassMap(this.cssClass)),(e={},e[r]=true,e["popover-translucent"]=this.translucent,e["overlay-hidden"]=true,e["popover-desktop"]=d,e["popover-side-".concat(s)]=true,e["popover-nested"]=!!i,e)),onIonPopoverDidPresent:n,onIonPopoverWillPresent:n,onIonPopoverWillDismiss:n,onIonPopoverDidDismiss:n,onIonBackdropTap:this.onBackdropTap}),!i&&h("ion-backdrop",{tappable:this.backdropDismiss,visible:this.showBackdrop,part:"backdrop"}),h("div",{class:"popover-wrapper ion-overlay-wrapper",onClick:a?function(){return t.dismiss()}:undefined},l&&h("div",{class:"popover-arrow",part:"arrow"}),h("div",{class:"popover-content",part:"content"},h("slot",null))))};Object.defineProperty(e.prototype,"el",{get:function(){return getElement(this)},enumerable:false,configurable:true});Object.defineProperty(e,"watchers",{get:function(){return{trigger:["onTriggerChange"],triggerAction:["onTriggerChange"],isOpen:["onIsOpenChange"]}},enumerable:false,configurable:true});return e}();var LIFECYCLE_MAP={ionPopoverDidPresent:"ionViewDidEnter",ionPopoverWillPresent:"ionViewWillEnter",ionPopoverWillDismiss:"ionViewWillLeave",ionPopoverDidDismiss:"ionViewDidLeave"};Popover.style={ios:popoverIosCss,md:popoverMdCss};export{Popover as ion_popover};
|
|
4
|
+
*/import{r as registerInstance,d as createEvent,h,H as Host,f as getElement}from"./index-847f2fde.js";import{C as CoreDelegate,a as attachComponent,d as detachComponent}from"./framework-delegate-2b76c681.js";import{r as raf,g as getElementRoot,a as addEventListener,m as hasLazyBuild}from"./helpers-3379ba19.js";import{p as printIonWarning}from"./index-595d62c9.js";import{e as createLockController,B as BACKDROP,k as prepareOverlay,n as setOverlayId,g as present,q as focusFirstDescendant,h as dismiss,j as eventMethod}from"./overlays-66222f79.js";import{b as getIonMode,a as isPlatform}from"./ionic-global-1ef19007.js";import{g as getClassMap}from"./theme-17531cdf.js";import{e as deepReady,w as waitForMount}from"./index-6391de89.js";import{c as createAnimation}from"./animation-a1d9e088.js";import"./hardware-back-button-39299f84.js";import"./index-7a14ecec.js";var getArrowDimensions=function(e){if(!e){return{arrowWidth:0,arrowHeight:0}}var t=e.getBoundingClientRect(),r=t.width,o=t.height;return{arrowWidth:r,arrowHeight:o}};var getPopoverDimensions=function(e,t,r){var o=t.getBoundingClientRect();var n=o.height;var i=o.width;if(e==="cover"&&r){var a=r.getBoundingClientRect();i=a.width}return{contentWidth:i,contentHeight:n}};var configureDismissInteraction=function(e,t,r,o){var n=[];var i=getElementRoot(o);var a=i.querySelector(".popover-content");switch(t){case"hover":n=[{eventName:"mouseenter",callback:function(t){var o=document.elementFromPoint(t.clientX,t.clientY);if(o===e){return}r.dismiss(undefined,undefined,false)}}];break;case"context-menu":case"click":default:n=[{eventName:"click",callback:function(t){var o=t.target;var n=o.closest("[data-ion-popover-trigger]");if(n===e){t.stopPropagation();return}r.dismiss(undefined,undefined,false)}}];break}n.forEach((function(e){var t=e.eventName,r=e.callback;return a.addEventListener(t,r)}));return function(){n.forEach((function(e){var t=e.eventName,r=e.callback;return a.removeEventListener(t,r)}))}};var configureTriggerInteraction=function(e,t,r){var o=[];switch(t){case"hover":var n;o=[{eventName:"mouseenter",callback:function(e){return __awaiter(void 0,void 0,void 0,(function(){return __generator(this,(function(t){e.stopPropagation();if(n){clearTimeout(n)}n=setTimeout((function(){raf((function(){r.presentFromTrigger(e);n=undefined}))}),100);return[2]}))}))}},{eventName:"mouseleave",callback:function(e){if(n){clearTimeout(n)}var t=e.relatedTarget;if(!t){return}if(t.closest("ion-popover")!==r){r.dismiss(undefined,undefined,false)}}},{eventName:"click",callback:function(e){return e.stopPropagation()}},{eventName:"ionPopoverActivateTrigger",callback:function(e){return r.presentFromTrigger(e,true)}}];break;case"context-menu":o=[{eventName:"contextmenu",callback:function(e){e.preventDefault();r.presentFromTrigger(e)}},{eventName:"click",callback:function(e){return e.stopPropagation()}},{eventName:"ionPopoverActivateTrigger",callback:function(e){return r.presentFromTrigger(e,true)}}];break;case"click":default:o=[{eventName:"click",callback:function(e){return r.presentFromTrigger(e)}},{eventName:"ionPopoverActivateTrigger",callback:function(e){return r.presentFromTrigger(e,true)}}];break}o.forEach((function(t){var r=t.eventName,o=t.callback;return e.addEventListener(r,o)}));e.setAttribute("data-ion-popover-trigger","true");return function(){o.forEach((function(t){var r=t.eventName,o=t.callback;return e.removeEventListener(r,o)}));e.removeAttribute("data-ion-popover-trigger")}};var getIndexOfItem=function(e,t){if(!t||t.tagName!=="ION-ITEM"){return-1}return e.findIndex((function(e){return e===t}))};var getNextItem=function(e,t){var r=getIndexOfItem(e,t);return e[r+1]};var getPrevItem=function(e,t){var r=getIndexOfItem(e,t);return e[r-1]};var focusItem=function(e){var t=getElementRoot(e);var r=t.querySelector("button");if(r){raf((function(){return r.focus()}))}};var isTriggerElement=function(e){return e.hasAttribute("data-ion-popover-trigger")};var configureKeyboardInteraction=function(e){var t=function(t){return __awaiter(void 0,void 0,void 0,(function(){var r,o,n,i,a,s,p,c,d,l,v;return __generator(this,(function(f){switch(f.label){case 0:o=document.activeElement;n=[];i=(r=t.target)===null||r===void 0?void 0:r.tagName;if(i!=="ION-POPOVER"&&i!=="ION-ITEM"){return[2]}try{n=Array.from(e.querySelectorAll("ion-item:not(ion-popover ion-popover *):not([disabled])"))}catch(e){}a=t.key;switch(a){case"ArrowLeft":return[3,1];case"ArrowDown":return[3,3];case"ArrowUp":return[3,4];case"Home":return[3,5];case"End":return[3,6];case"ArrowRight":return[3,7];case" ":return[3,7];case"Enter":return[3,7]}return[3,8];case 1:return[4,e.getParentPopover()];case 2:s=f.sent();if(s){e.dismiss(undefined,undefined,false)}return[3,8];case 3:t.preventDefault();p=getNextItem(n,o);if(p!==undefined){focusItem(p)}return[3,8];case 4:t.preventDefault();c=getPrevItem(n,o);if(c!==undefined){focusItem(c)}return[3,8];case 5:t.preventDefault();d=n[0];if(d!==undefined){focusItem(d)}return[3,8];case 6:t.preventDefault();l=n[n.length-1];if(l!==undefined){focusItem(l)}return[3,8];case 7:if(o&&isTriggerElement(o)){v=new CustomEvent("ionPopoverActivateTrigger");o.dispatchEvent(v)}return[3,8];case 8:return[2]}}))}))};e.addEventListener("keydown",t);return function(){return e.removeEventListener("keydown",t)}};var getPopoverPosition=function(e,t,r,o,n,i,a,s,p,c,d){var l;var v={top:0,left:0,width:0,height:0};switch(i){case"event":if(!d){return p}var f=d;v={top:f.clientY,left:f.clientX,width:1,height:1};break;case"trigger":default:var u=d;var h=c||((l=u===null||u===void 0?void 0:u.detail)===null||l===void 0?void 0:l.ionShadowTarget)||(u===null||u===void 0?void 0:u.target);if(!h){return p}var g=h.getBoundingClientRect();v={top:g.top,left:g.left,width:g.width,height:g.height};break}var m=calculatePopoverSide(a,v,t,r,o,n,e);var w=calculatePopoverAlign(s,a,v,t,r);var b=m.top+w.top;var x=m.left+w.left;var y=calculateArrowPosition(a,o,n,b,x,t,r,e),P=y.arrowTop,k=y.arrowLeft;var A=calculatePopoverOrigin(a,s,e),D=A.originX,E=A.originY;return{top:b,left:x,referenceCoordinates:v,arrowTop:P,arrowLeft:k,originX:D,originY:E}};var calculatePopoverOrigin=function(e,t,r){switch(e){case"top":return{originX:getOriginXAlignment(t),originY:"bottom"};case"bottom":return{originX:getOriginXAlignment(t),originY:"top"};case"left":return{originX:"right",originY:getOriginYAlignment(t)};case"right":return{originX:"left",originY:getOriginYAlignment(t)};case"start":return{originX:r?"left":"right",originY:getOriginYAlignment(t)};case"end":return{originX:r?"right":"left",originY:getOriginYAlignment(t)}}};var getOriginXAlignment=function(e){switch(e){case"start":return"left";case"center":return"center";case"end":return"right"}};var getOriginYAlignment=function(e){switch(e){case"start":return"top";case"center":return"center";case"end":return"bottom"}};var calculateArrowPosition=function(e,t,r,o,n,i,a,s){var p={arrowTop:o+a/2-t/2,arrowLeft:n+i-t/2};var c={arrowTop:o+a/2-t/2,arrowLeft:n-t*1.5};switch(e){case"top":return{arrowTop:o+a,arrowLeft:n+i/2-t/2};case"bottom":return{arrowTop:o-r,arrowLeft:n+i/2-t/2};case"left":return p;case"right":return c;case"start":return s?c:p;case"end":return s?p:c;default:return{arrowTop:0,arrowLeft:0}}};var calculatePopoverSide=function(e,t,r,o,n,i,a){var s={top:t.top,left:t.left-r-n};var p={top:t.top,left:t.left+t.width+n};switch(e){case"top":return{top:t.top-o-i,left:t.left};case"right":return p;case"bottom":return{top:t.top+t.height+i,left:t.left};case"left":return s;case"start":return a?p:s;case"end":return a?s:p}};var calculatePopoverAlign=function(e,t,r,o,n){switch(e){case"center":return calculatePopoverCenterAlign(t,r,o,n);case"end":return calculatePopoverEndAlign(t,r,o,n);case"start":default:return{top:0,left:0}}};var calculatePopoverEndAlign=function(e,t,r,o){switch(e){case"start":case"end":case"left":case"right":return{top:-(o-t.height),left:0};case"top":case"bottom":default:return{top:0,left:-(r-t.width)}}};var calculatePopoverCenterAlign=function(e,t,r,o){switch(e){case"start":case"end":case"left":case"right":return{top:-(o/2-t.height/2),left:0};case"top":case"bottom":default:return{top:0,left:-(r/2-t.width/2)}}};var calculateWindowAdjustment=function(e,t,r,o,n,i,a,s,p,c,d,l,v,f,u){if(v===void 0){v=0}if(f===void 0){f=0}if(u===void 0){u=0}var h=v;var g=f;var m=r;var w=t;var b;var x=c;var y=d;var P=false;var k=false;var A=l?l.top+l.height:i/2-s/2;var D=l?l.height:0;var E=false;if(m<o+p){m=o;P=true;x="left"}else if(a+o+m+p>n){k=true;m=n-a-o;x="right"}if(A+D+s>i&&(e==="top"||e==="bottom")){if(A-s>0){w=Math.max(12,A-s-D-(u-1));h=w+s;y="bottom";E=true}else{b=o}}return{top:w,left:m,bottom:b,originX:x,originY:y,checkSafeAreaLeft:P,checkSafeAreaRight:k,arrowTop:h,arrowLeft:g,addPopoverBottomClass:E}};var shouldShowArrow=function(e,t,r,o){if(t===void 0){t=false}if(!r&&!o){return false}if(e!=="top"&&e!=="bottom"&&t){return false}return true};var POPOVER_IOS_BODY_PADDING=5;var iosEnterAnimation=function(e,t){var r;var o=t.event,n=t.size,i=t.trigger,a=t.reference,s=t.side,p=t.align;var c=e.ownerDocument;var d=c.dir==="rtl";var l=c.defaultView.innerWidth;var v=c.defaultView.innerHeight;var f=getElementRoot(e);var u=f.querySelector(".popover-content");var h=f.querySelector(".popover-arrow");var g=i||((r=o===null||o===void 0?void 0:o.detail)===null||r===void 0?void 0:r.ionShadowTarget)||(o===null||o===void 0?void 0:o.target);var m=getPopoverDimensions(n,u,g),w=m.contentWidth,b=m.contentHeight;var x=getArrowDimensions(h),y=x.arrowWidth,P=x.arrowHeight;var k={top:v/2-b/2,left:l/2-w/2,originX:d?"right":"left",originY:"top"};var A=getPopoverPosition(d,w,b,y,P,a,s,p,k,i,o);var D=n==="cover"?0:POPOVER_IOS_BODY_PADDING;var E=n==="cover"?0:25;var I=calculateWindowAdjustment(s,A.top,A.left,D,l,v,w,b,E,A.originX,A.originY,A.referenceCoordinates,A.arrowTop,A.arrowLeft,P),T=I.originX,O=I.originY,C=I.top,L=I.left,S=I.bottom,_=I.checkSafeAreaLeft,W=I.checkSafeAreaRight,Y=I.arrowTop,N=I.arrowLeft,M=I.addPopoverBottomClass;var R=createAnimation();var j=createAnimation();var q=createAnimation();j.addElement(f.querySelector("ion-backdrop")).fromTo("opacity",.01,"var(--backdrop-opacity)").beforeStyles({"pointer-events":"none"}).afterClearStyles(["pointer-events"]);q.addElement(f.querySelector(".popover-arrow")).addElement(f.querySelector(".popover-content")).fromTo("opacity",.01,1);return R.easing("ease").duration(100).beforeAddWrite((function(){if(n==="cover"){e.style.setProperty("--width","".concat(w,"px"))}if(M){e.classList.add("popover-bottom")}if(S!==undefined){u.style.setProperty("bottom","".concat(S,"px"))}var t=" + var(--ion-safe-area-left, 0)";var r=" - var(--ion-safe-area-right, 0)";var a="".concat(L,"px");if(_){a="".concat(L,"px").concat(t)}if(W){a="".concat(L,"px").concat(r)}u.style.setProperty("top","calc(".concat(C,"px + var(--offset-y, 0))"));u.style.setProperty("left","calc(".concat(a," + var(--offset-x, 0))"));u.style.setProperty("transform-origin","".concat(O," ").concat(T));if(h!==null){var p=A.top!==C||A.left!==L;var c=shouldShowArrow(s,p,o,i);if(c){h.style.setProperty("top","calc(".concat(Y,"px + var(--offset-y, 0))"));h.style.setProperty("left","calc(".concat(N,"px + var(--offset-x, 0))"))}else{h.style.setProperty("display","none")}}})).addAnimation([j,q])};var iosLeaveAnimation=function(e){var t=getElementRoot(e);var r=t.querySelector(".popover-content");var o=t.querySelector(".popover-arrow");var n=createAnimation();var i=createAnimation();var a=createAnimation();i.addElement(t.querySelector("ion-backdrop")).fromTo("opacity","var(--backdrop-opacity)",0);a.addElement(t.querySelector(".popover-arrow")).addElement(t.querySelector(".popover-content")).fromTo("opacity",.99,0);return n.easing("ease").afterAddWrite((function(){e.style.removeProperty("--width");e.classList.remove("popover-bottom");r.style.removeProperty("top");r.style.removeProperty("left");r.style.removeProperty("bottom");r.style.removeProperty("transform-origin");if(o){o.style.removeProperty("top");o.style.removeProperty("left");o.style.removeProperty("display")}})).duration(300).addAnimation([i,a])};var POPOVER_MD_BODY_PADDING=12;var mdEnterAnimation=function(e,t){var r;var o=t.event,n=t.size,i=t.trigger,a=t.reference,s=t.side,p=t.align;var c=e.ownerDocument;var d=c.dir==="rtl";var l=c.defaultView.innerWidth;var v=c.defaultView.innerHeight;var f=getElementRoot(e);var u=f.querySelector(".popover-content");var h=i||((r=o===null||o===void 0?void 0:o.detail)===null||r===void 0?void 0:r.ionShadowTarget)||(o===null||o===void 0?void 0:o.target);var g=getPopoverDimensions(n,u,h),m=g.contentWidth,w=g.contentHeight;var b={top:v/2-w/2,left:l/2-m/2,originX:d?"right":"left",originY:"top"};var x=getPopoverPosition(d,m,w,0,0,a,s,p,b,i,o);var y=n==="cover"?0:POPOVER_MD_BODY_PADDING;var P=calculateWindowAdjustment(s,x.top,x.left,y,l,v,m,w,0,x.originX,x.originY,x.referenceCoordinates),k=P.originX,A=P.originY,D=P.top,E=P.left,I=P.bottom;var T=createAnimation();var O=createAnimation();var C=createAnimation();var L=createAnimation();var S=createAnimation();O.addElement(f.querySelector("ion-backdrop")).fromTo("opacity",.01,"var(--backdrop-opacity)").beforeStyles({"pointer-events":"none"}).afterClearStyles(["pointer-events"]);C.addElement(f.querySelector(".popover-wrapper")).duration(150).fromTo("opacity",.01,1);L.addElement(u).beforeStyles({top:"calc(".concat(D,"px + var(--offset-y, 0px))"),left:"calc(".concat(E,"px + var(--offset-x, 0px))"),"transform-origin":"".concat(A," ").concat(k)}).beforeAddWrite((function(){if(I!==undefined){u.style.setProperty("bottom","".concat(I,"px"))}})).fromTo("transform","scale(0.8)","scale(1)");S.addElement(f.querySelector(".popover-viewport")).fromTo("opacity",.01,1);return T.easing("cubic-bezier(0.36,0.66,0.04,1)").duration(300).beforeAddWrite((function(){if(n==="cover"){e.style.setProperty("--width","".concat(m,"px"))}if(A==="bottom"){e.classList.add("popover-bottom")}})).addAnimation([O,C,L,S])};var mdLeaveAnimation=function(e){var t=getElementRoot(e);var r=t.querySelector(".popover-content");var o=createAnimation();var n=createAnimation();var i=createAnimation();n.addElement(t.querySelector("ion-backdrop")).fromTo("opacity","var(--backdrop-opacity)",0);i.addElement(t.querySelector(".popover-wrapper")).fromTo("opacity",.99,0);return o.easing("ease").afterAddWrite((function(){e.style.removeProperty("--width");e.classList.remove("popover-bottom");r.style.removeProperty("top");r.style.removeProperty("left");r.style.removeProperty("bottom");r.style.removeProperty("transform-origin")})).duration(150).addAnimation([n,i])};var popoverIosCss=':host{--background:var(--ion-background-color, #fff);--min-width:0;--min-height:0;--max-width:auto;--height:auto;--offset-x:0px;--offset-y:0px;left:0;right:0;top:0;bottom:0;display:-ms-flexbox;display:flex;position:fixed;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;outline:none;color:var(--ion-text-color, #000);z-index:1001}:host(.popover-nested){pointer-events:none}:host(.popover-nested) .popover-wrapper{pointer-events:auto}:host(.overlay-hidden){display:none}.popover-wrapper{z-index:10}.popover-content{display:-ms-flexbox;display:flex;position:absolute;-ms-flex-direction:column;flex-direction:column;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);-webkit-box-shadow:var(--box-shadow);box-shadow:var(--box-shadow);overflow:auto;z-index:10}.popover-viewport{--ion-safe-area-top:0px;--ion-safe-area-right:0px;--ion-safe-area-bottom:0px;--ion-safe-area-left:0px;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;overflow:hidden}:host(.popover-nested.popover-side-left){--offset-x:5px}:host(.popover-nested.popover-side-right){--offset-x:-5px}:host(.popover-nested.popover-side-start){--offset-x:5px}:host-context([dir=rtl]):host(.popover-nested.popover-side-start),:host-context([dir=rtl]).popover-nested.popover-side-start{--offset-x:-5px}@supports selector(:dir(rtl)){:host(.popover-nested.popover-side-start):dir(rtl){--offset-x:-5px}}:host(.popover-nested.popover-side-end){--offset-x:-5px}:host-context([dir=rtl]):host(.popover-nested.popover-side-end),:host-context([dir=rtl]).popover-nested.popover-side-end{--offset-x:5px}@supports selector(:dir(rtl)){:host(.popover-nested.popover-side-end):dir(rtl){--offset-x:5px}}:host{--width:200px;--max-height:90%;--box-shadow:none;--backdrop-opacity:var(--ion-backdrop-opacity, 0.08)}:host(.popover-desktop){--box-shadow:0px 4px 16px 0px rgba(0, 0, 0, 0.12)}.popover-content{border-radius:10px}:host(.popover-desktop) .popover-content{border:0.5px solid var(--ion-color-step-100, #e6e6e6)}.popover-arrow{display:block;position:absolute;width:20px;height:10px;overflow:hidden}.popover-arrow::after{top:3px;border-radius:3px;position:absolute;width:14px;height:14px;-webkit-transform:rotate(45deg);transform:rotate(45deg);background:var(--background);content:"";z-index:10}@supports (inset-inline-start: 0){.popover-arrow::after{inset-inline-start:3px}}@supports not (inset-inline-start: 0){.popover-arrow::after{left:3px}:host-context([dir=rtl]) .popover-arrow::after{left:unset;right:unset;right:3px}[dir=rtl] .popover-arrow::after{left:unset;right:unset;right:3px}@supports selector(:dir(rtl)){.popover-arrow::after:dir(rtl){left:unset;right:unset;right:3px}}}:host(.popover-bottom) .popover-arrow{top:auto;bottom:-10px}:host(.popover-bottom) .popover-arrow::after{top:-6px}:host(.popover-side-left) .popover-arrow{-webkit-transform:rotate(90deg);transform:rotate(90deg)}:host(.popover-side-right) .popover-arrow{-webkit-transform:rotate(-90deg);transform:rotate(-90deg)}:host(.popover-side-top) .popover-arrow{-webkit-transform:rotate(180deg);transform:rotate(180deg)}:host(.popover-side-start) .popover-arrow{-webkit-transform:rotate(90deg);transform:rotate(90deg)}:host-context([dir=rtl]):host(.popover-side-start) .popover-arrow,:host-context([dir=rtl]).popover-side-start .popover-arrow{-webkit-transform:rotate(-90deg);transform:rotate(-90deg)}@supports selector(:dir(rtl)){:host(.popover-side-start) .popover-arrow:dir(rtl){-webkit-transform:rotate(-90deg);transform:rotate(-90deg)}}:host(.popover-side-end) .popover-arrow{-webkit-transform:rotate(-90deg);transform:rotate(-90deg)}:host-context([dir=rtl]):host(.popover-side-end) .popover-arrow,:host-context([dir=rtl]).popover-side-end .popover-arrow{-webkit-transform:rotate(90deg);transform:rotate(90deg)}@supports selector(:dir(rtl)){:host(.popover-side-end) .popover-arrow:dir(rtl){-webkit-transform:rotate(90deg);transform:rotate(90deg)}}.popover-arrow,.popover-content{opacity:0}@supports ((-webkit-backdrop-filter: blur(0)) or (backdrop-filter: blur(0))){:host(.popover-translucent) .popover-content,:host(.popover-translucent) .popover-arrow::after{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)}}';var popoverMdCss=":host{--background:var(--ion-background-color, #fff);--min-width:0;--min-height:0;--max-width:auto;--height:auto;--offset-x:0px;--offset-y:0px;left:0;right:0;top:0;bottom:0;display:-ms-flexbox;display:flex;position:fixed;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;outline:none;color:var(--ion-text-color, #000);z-index:1001}:host(.popover-nested){pointer-events:none}:host(.popover-nested) .popover-wrapper{pointer-events:auto}:host(.overlay-hidden){display:none}.popover-wrapper{z-index:10}.popover-content{display:-ms-flexbox;display:flex;position:absolute;-ms-flex-direction:column;flex-direction:column;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);-webkit-box-shadow:var(--box-shadow);box-shadow:var(--box-shadow);overflow:auto;z-index:10}.popover-viewport{--ion-safe-area-top:0px;--ion-safe-area-right:0px;--ion-safe-area-bottom:0px;--ion-safe-area-left:0px;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;overflow:hidden}:host(.popover-nested.popover-side-left){--offset-x:5px}:host(.popover-nested.popover-side-right){--offset-x:-5px}:host(.popover-nested.popover-side-start){--offset-x:5px}:host-context([dir=rtl]):host(.popover-nested.popover-side-start),:host-context([dir=rtl]).popover-nested.popover-side-start{--offset-x:-5px}@supports selector(:dir(rtl)){:host(.popover-nested.popover-side-start):dir(rtl){--offset-x:-5px}}:host(.popover-nested.popover-side-end){--offset-x:-5px}:host-context([dir=rtl]):host(.popover-nested.popover-side-end),:host-context([dir=rtl]).popover-nested.popover-side-end{--offset-x:5px}@supports selector(:dir(rtl)){:host(.popover-nested.popover-side-end):dir(rtl){--offset-x:5px}}:host{--width:250px;--max-height:90%;--box-shadow:0 5px 5px -3px rgba(0, 0, 0, 0.2), 0 8px 10px 1px rgba(0, 0, 0, 0.14), 0 3px 14px 2px rgba(0, 0, 0, 0.12);--backdrop-opacity:var(--ion-backdrop-opacity, 0.32)}.popover-content{border-radius:4px;-webkit-transform-origin:left top;transform-origin:left top}:host-context([dir=rtl]) .popover-content{-webkit-transform-origin:right top;transform-origin:right top}[dir=rtl] .popover-content{-webkit-transform-origin:right top;transform-origin:right top}@supports selector(:dir(rtl)){.popover-content:dir(rtl){-webkit-transform-origin:right top;transform-origin:right top}}.popover-viewport{-webkit-transition-delay:100ms;transition-delay:100ms}.popover-wrapper{opacity:0}";var Popover=function(){function e(e){var t=this;registerInstance(this,e);this.didPresent=createEvent(this,"ionPopoverDidPresent",7);this.willPresent=createEvent(this,"ionPopoverWillPresent",7);this.willDismiss=createEvent(this,"ionPopoverWillDismiss",7);this.didDismiss=createEvent(this,"ionPopoverDidDismiss",7);this.didPresentShorthand=createEvent(this,"didPresent",7);this.willPresentShorthand=createEvent(this,"willPresent",7);this.willDismissShorthand=createEvent(this,"willDismiss",7);this.didDismissShorthand=createEvent(this,"didDismiss",7);this.ionMount=createEvent(this,"ionMount",7);this.parentPopover=null;this.coreDelegate=CoreDelegate();this.lockController=createLockController();this.inline=false;this.focusDescendantOnPresent=false;this.onBackdropTap=function(){t.dismiss(undefined,BACKDROP)};this.onLifecycle=function(e){var r=t.usersElement;var o=LIFECYCLE_MAP[e.type];if(r&&o){var n=new CustomEvent(o,{bubbles:false,cancelable:false,detail:e.detail});r.dispatchEvent(n)}};this.configureTriggerInteraction=function(){var e=t,r=e.trigger,o=e.triggerAction,n=e.el,i=e.destroyTriggerInteraction;if(i){i()}if(r===undefined){return}var a=t.triggerEl=r!==undefined?document.getElementById(r):null;if(!a){printIonWarning('A trigger element with the ID "'.concat(r,'" was not found in the DOM. The trigger element must be in the DOM when the "trigger" property is set on ion-popover.'),t.el);return}t.destroyTriggerInteraction=configureTriggerInteraction(a,o,n)};this.configureKeyboardInteraction=function(){var e=t,r=e.destroyKeyboardInteraction,o=e.el;if(r){r()}t.destroyKeyboardInteraction=configureKeyboardInteraction(o)};this.configureDismissInteraction=function(){var e=t,r=e.destroyDismissInteraction,o=e.parentPopover,n=e.triggerAction,i=e.triggerEl,a=e.el;if(!o||!i){return}if(r){r()}t.destroyDismissInteraction=configureDismissInteraction(i,n,a,o)};this.presented=false;this.hasController=false;this.delegate=undefined;this.overlayIndex=undefined;this.enterAnimation=undefined;this.leaveAnimation=undefined;this.component=undefined;this.componentProps=undefined;this.keyboardClose=true;this.cssClass=undefined;this.backdropDismiss=true;this.event=undefined;this.showBackdrop=true;this.translucent=false;this.animated=true;this.htmlAttributes=undefined;this.triggerAction="click";this.trigger=undefined;this.size="auto";this.dismissOnSelect=false;this.reference="trigger";this.side="bottom";this.alignment=undefined;this.arrow=true;this.isOpen=false;this.keyboardEvents=false;this.keepContentsMounted=false}e.prototype.onTriggerChange=function(){this.configureTriggerInteraction()};e.prototype.onIsOpenChange=function(e,t){if(e===true&&t===false){this.present()}else if(e===false&&t===true){this.dismiss()}};e.prototype.connectedCallback=function(){var e=this,t=e.configureTriggerInteraction,r=e.el;prepareOverlay(r);t()};e.prototype.disconnectedCallback=function(){var e=this.destroyTriggerInteraction;if(e){e()}};e.prototype.componentWillLoad=function(){var e=this.el;var t=setOverlayId(e);this.parentPopover=e.closest("ion-popover:not(#".concat(t,")"));if(this.alignment===undefined){this.alignment=getIonMode(this)==="ios"?"center":"start"}};e.prototype.componentDidLoad=function(){var e=this;var t=this,r=t.parentPopover,o=t.isOpen;if(o===true){raf((function(){return e.present()}))}if(r){addEventListener(r,"ionPopoverWillDismiss",(function(){e.dismiss(undefined,undefined,false)}))}};e.prototype.presentFromTrigger=function(e,t){if(t===void 0){t=false}return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(r){switch(r.label){case 0:this.focusDescendantOnPresent=t;return[4,this.present(e)];case 1:r.sent();this.focusDescendantOnPresent=false;return[2]}}))}))};e.prototype.getDelegate=function(e){if(e===void 0){e=false}if(this.workingDelegate&&!e){return{delegate:this.workingDelegate,inline:this.inline}}var t=this.el.parentNode;var r=this.inline=t!==null&&!this.hasController;var o=this.workingDelegate=r?this.delegate||this.coreDelegate:this.delegate;return{inline:r,delegate:o}};e.prototype.present=function(e){return __awaiter(this,void 0,void 0,(function(){var t,r,o,n,i,a;return __generator(this,(function(s){switch(s.label){case 0:if(this.presented){return[2]}return[4,this.lockController.lock()];case 1:t=s.sent();r=this.el;o=this.getDelegate(true),n=o.inline,i=o.delegate;a=this;return[4,attachComponent(i,r,this.component,["popover-viewport"],this.componentProps,n)];case 2:a.usersElement=s.sent();if(!this.keyboardEvents){this.configureKeyboardInteraction()}this.configureDismissInteraction();this.ionMount.emit();if(!hasLazyBuild(r))return[3,4];return[4,deepReady(this.usersElement)];case 3:s.sent();return[3,6];case 4:if(!!this.keepContentsMounted)return[3,6];return[4,waitForMount()];case 5:s.sent();s.label=6;case 6:return[4,present(this,"popoverEnter",iosEnterAnimation,mdEnterAnimation,{event:e||this.event,size:this.size,trigger:this.triggerEl,reference:this.reference,side:this.side,align:this.alignment})];case 7:s.sent();if(this.focusDescendantOnPresent){focusFirstDescendant(this.el,this.el)}t();return[2]}}))}))};e.prototype.dismiss=function(e,t,r){if(r===void 0){r=true}return __awaiter(this,void 0,void 0,(function(){var o,n,i,a,s,p;return __generator(this,(function(c){switch(c.label){case 0:return[4,this.lockController.lock()];case 1:o=c.sent();n=this,i=n.destroyKeyboardInteraction,a=n.destroyDismissInteraction;if(r&&this.parentPopover){this.parentPopover.dismiss(e,t,r)}return[4,dismiss(this,e,t,"popoverLeave",iosLeaveAnimation,mdLeaveAnimation,this.event)];case 2:s=c.sent();if(!s)return[3,4];if(i){i();this.destroyKeyboardInteraction=undefined}if(a){a();this.destroyDismissInteraction=undefined}p=this.getDelegate().delegate;return[4,detachComponent(p,this.usersElement)];case 3:c.sent();c.label=4;case 4:o();return[2,s]}}))}))};e.prototype.getParentPopover=function(){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(e){return[2,this.parentPopover]}))}))};e.prototype.onDidDismiss=function(){return eventMethod(this.el,"ionPopoverDidDismiss")};e.prototype.onWillDismiss=function(){return eventMethod(this.el,"ionPopoverWillDismiss")};e.prototype.render=function(){var e;var t=this;var r=getIonMode(this);var o=this,n=o.onLifecycle,i=o.parentPopover,a=o.dismissOnSelect,s=o.side,p=o.arrow,c=o.htmlAttributes;var d=isPlatform("desktop");var l=p&&!i;return h(Host,Object.assign({"aria-modal":"true","no-router":true,tabindex:"-1"},c,{style:{zIndex:"".concat(2e4+this.overlayIndex)},class:Object.assign(Object.assign({},getClassMap(this.cssClass)),(e={},e[r]=true,e["popover-translucent"]=this.translucent,e["overlay-hidden"]=true,e["popover-desktop"]=d,e["popover-side-".concat(s)]=true,e["popover-nested"]=!!i,e)),onIonPopoverDidPresent:n,onIonPopoverWillPresent:n,onIonPopoverWillDismiss:n,onIonPopoverDidDismiss:n,onIonBackdropTap:this.onBackdropTap}),!i&&h("ion-backdrop",{tappable:this.backdropDismiss,visible:this.showBackdrop,part:"backdrop"}),h("div",{class:"popover-wrapper ion-overlay-wrapper",onClick:a?function(){return t.dismiss()}:undefined},l&&h("div",{class:"popover-arrow",part:"arrow"}),h("div",{class:"popover-content",part:"content"},h("slot",null))))};Object.defineProperty(e.prototype,"el",{get:function(){return getElement(this)},enumerable:false,configurable:true});Object.defineProperty(e,"watchers",{get:function(){return{trigger:["onTriggerChange"],triggerAction:["onTriggerChange"],isOpen:["onIsOpenChange"]}},enumerable:false,configurable:true});return e}();var LIFECYCLE_MAP={ionPopoverDidPresent:"ionViewDidEnter",ionPopoverWillPresent:"ionViewWillEnter",ionPopoverWillDismiss:"ionViewWillLeave",ionPopoverDidDismiss:"ionViewDidLeave"};Popover.style={ios:popoverIosCss,md:popoverMdCss};export{Popover as ion_popover};
|
|
@@ -1,4 +1,4 @@
|
|
|
1
1
|
import{__awaiter,__generator}from"tslib";
|
|
2
2
|
/*!
|
|
3
3
|
* (C) Ionic http://ionicframework.com - MIT License
|
|
4
|
-
*/import{r as registerInstance,d as createEvent,h,H as Host,f as getElement,i as forceUpdate}from"./index-847f2fde.js";import{c as createLegacyFormController}from"./form-controller-ed77647a.js";import{c as createNotchController}from"./notch-controller-cb5bbe6a.js";import{k as inheritAttributes,f as focusElement,h as findItemLabel,d as renderHiddenInput,e as getAriaLabel}from"./helpers-3379ba19.js";import{p as printIonWarning}from"./index-595d62c9.js";import{c as popoverController,b as actionSheetController,a as alertController,s as safeCall}from"./overlays-c3387ec0.js";import{i as isRTL}from"./dir-912e3e13.js";import{h as hostContext,c as createColorClasses,g as getClassMap}from"./theme-17531cdf.js";import{w as watchForOptions}from"./watch-options-355a920a.js";import{w as chevronExpand,q as caretDownSharp}from"./index-ecfc2c9f.js";import{b as getIonMode}from"./ionic-global-1ef19007.js";import"./index-7a14ecec.js";import"./framework-delegate-2b76c681.js";import"./hardware-back-button-39299f84.js";var selectIosCss=":host{--padding-top:0px;--padding-end:0px;--padding-bottom:0px;--padding-start:0px;--placeholder-color:currentColor;--placeholder-opacity:0.6;--background:transparent;--border-style:solid;--highlight-color-focused:var(--ion-color-primary, #3880ff);--highlight-color-valid:var(--ion-color-success, #2dd36f);--highlight-color-invalid:var(--ion-color-danger, #eb445a);--highlight-color:var(--highlight-color-focused);display:block;position:relative;font-family:var(--ion-font-family, inherit);white-space:nowrap;cursor:pointer;z-index:2}:host(:not(.legacy-select)){width:100%}:host(.ion-color){--highlight-color-focused:var(--ion-color-base)}:host(.legacy-select){-webkit-padding-start:var(--padding-start);padding-inline-start:var(--padding-start);-webkit-padding-end:var(--padding-end);padding-inline-end:var(--padding-end);padding-top:var(--padding-top);padding-bottom:var(--padding-bottom);display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;overflow:hidden}:host(.in-item.legacy-select){position:static;max-width:45%}:host(.select-disabled){pointer-events:none}:host(.ion-focused) button{border:2px solid #5e9ed6}:host([slot=start]:not(.legacy-select)),:host([slot=end]:not(.legacy-select)){width:auto}.select-placeholder{color:var(--placeholder-color);opacity:var(--placeholder-opacity)}:host(.legacy-select) label{top:0;margin-left:0;margin-right:0;margin-top:0;margin-bottom:0;position:absolute;width:100%;height:100%;border:0;background:transparent;cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none;outline:none;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;opacity:0}@supports (inset-inline-start: 0){:host(.legacy-select) label{inset-inline-start:0}}@supports not (inset-inline-start: 0){:host(.legacy-select) label{left:0}:host-context([dir=rtl]):host(.legacy-select) label,:host-context([dir=rtl]).legacy-select label{left:unset;right:unset;right:0}@supports selector(:dir(rtl)){:host(.legacy-select) label:dir(rtl){left:unset;right:unset;right:0}}}:host(.legacy-select) label::-moz-focus-inner{border:0}button{position:absolute;top:0;left:0;right:0;bottom:0;width:100%;height:100%;margin:0;padding:0;border:0;outline:0;clip:rect(0 0 0 0);opacity:0;overflow:hidden;-webkit-appearance:none;-moz-appearance:none}.select-icon{-webkit-margin-start:4px;margin-inline-start:4px;-webkit-margin-end:0;margin-inline-end:0;margin-top:0;margin-bottom:0;position:relative}:host(.in-item-color) .select-icon{color:inherit}:host(.select-label-placement-stacked) .select-icon,:host(.select-label-placement-floating) .select-icon{position:absolute;height:100%}:host(.select-ltr.select-label-placement-stacked) .select-icon,:host(.select-ltr.select-label-placement-floating) .select-icon{right:var(--padding-end, 0)}:host(.select-rtl.select-label-placement-stacked) .select-icon,:host(.select-rtl.select-label-placement-floating) .select-icon{left:var(--padding-start, 0)}.select-text{-ms-flex:1;flex:1;min-width:16px;font-size:inherit;text-overflow:ellipsis;white-space:inherit;overflow:hidden}.select-wrapper{-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);border-radius:var(--border-radius);display:-ms-flexbox;display:flex;position:relative;-ms-flex-positive:1;flex-grow:1;-ms-flex-align:center;align-items:center;height:inherit;min-height:inherit;-webkit-transition:background-color 15ms linear;transition:background-color 15ms linear;background:var(--background);line-height:normal;cursor:inherit;-webkit-box-sizing:border-box;box-sizing:border-box}.select-wrapper .select-placeholder{-webkit-transition:opacity 150ms cubic-bezier(0.4, 0, 0.2, 1);transition:opacity 150ms cubic-bezier(0.4, 0, 0.2, 1)}:host(.ion-touched.ion-invalid){--highlight-color:var(--highlight-color-invalid)}:host(.ion-valid){--highlight-color:var(--highlight-color-valid)}.label-text-wrapper{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;max-width:200px;-webkit-transition:color 150ms cubic-bezier(0.4, 0, 0.2, 1), -webkit-transform 150ms cubic-bezier(0.4, 0, 0.2, 1);transition:color 150ms cubic-bezier(0.4, 0, 0.2, 1), -webkit-transform 150ms cubic-bezier(0.4, 0, 0.2, 1);transition:color 150ms cubic-bezier(0.4, 0, 0.2, 1), transform 150ms cubic-bezier(0.4, 0, 0.2, 1);transition:color 150ms cubic-bezier(0.4, 0, 0.2, 1), transform 150ms cubic-bezier(0.4, 0, 0.2, 1), -webkit-transform 150ms cubic-bezier(0.4, 0, 0.2, 1);pointer-events:none}.label-text,::slotted([slot=label]){text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.label-text-wrapper-hidden,.select-outline-notch-hidden{display:none}.native-wrapper{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-webkit-transition:opacity 150ms cubic-bezier(0.4, 0, 0.2, 1);transition:opacity 150ms cubic-bezier(0.4, 0, 0.2, 1);overflow:hidden}:host(.select-justify-space-between) .select-wrapper{-ms-flex-pack:justify;justify-content:space-between}:host(.select-justify-start) .select-wrapper{-ms-flex-pack:start;justify-content:start}:host(.select-justify-end) .select-wrapper{-ms-flex-pack:end;justify-content:end}:host(.select-label-placement-start) .select-wrapper{-ms-flex-direction:row;flex-direction:row}:host(.select-label-placement-start) .label-text-wrapper{-webkit-margin-start:0;margin-inline-start:0;-webkit-margin-end:16px;margin-inline-end:16px;margin-top:0;margin-bottom:0}:host(.select-label-placement-end) .select-wrapper{-ms-flex-direction:row-reverse;flex-direction:row-reverse}:host(.select-label-placement-end) .label-text-wrapper{-webkit-margin-start:16px;margin-inline-start:16px;-webkit-margin-end:0;margin-inline-end:0;margin-top:0;margin-bottom:0}:host(.select-label-placement-fixed) .label-text-wrapper{-webkit-margin-start:0;margin-inline-start:0;-webkit-margin-end:16px;margin-inline-end:16px;margin-top:0;margin-bottom:0}:host(.select-label-placement-fixed) .label-text-wrapper{-ms-flex:0 0 100px;flex:0 0 100px;width:100px;min-width:100px;max-width:200px}:host(.select-label-placement-stacked) .select-wrapper,:host(.select-label-placement-floating) .select-wrapper{-ms-flex-direction:column;flex-direction:column;-ms-flex-align:start;align-items:start}:host(.select-label-placement-stacked) .label-text-wrapper,:host(.select-label-placement-floating) .label-text-wrapper{max-width:100%}:host(.select-ltr.select-label-placement-stacked) .label-text-wrapper,:host(.select-ltr.select-label-placement-floating) .label-text-wrapper{-webkit-transform-origin:left top;transform-origin:left top}:host(.select-rtl.select-label-placement-stacked) .label-text-wrapper,:host(.select-rtl.select-label-placement-floating) .label-text-wrapper{-webkit-transform-origin:right top;transform-origin:right top}:host(.select-label-placement-stacked) .native-wrapper,:host(.select-label-placement-floating) .native-wrapper{margin-left:0;margin-right:0;margin-top:1px;margin-bottom:0;-ms-flex-positive:1;flex-grow:1;width:100%}:host(.select-label-placement-floating) .label-text-wrapper{-webkit-transform:translateY(100%) scale(1);transform:translateY(100%) scale(1)}:host(.select-label-placement-floating) .native-wrapper .select-placeholder{opacity:0}:host(.select-expanded.select-label-placement-floating) .native-wrapper .select-placeholder,:host(.ion-focused.select-label-placement-floating) .native-wrapper .select-placeholder,:host(.has-value.select-label-placement-floating) .native-wrapper .select-placeholder{opacity:1}:host(.select-label-placement-stacked) .label-text-wrapper,:host(.select-expanded.select-label-placement-floating) .label-text-wrapper,:host(.ion-focused.select-label-placement-floating) .label-text-wrapper,:host(.has-value.select-label-placement-floating) .label-text-wrapper{-webkit-transform:translateY(50%) scale(0.75);transform:translateY(50%) scale(0.75);max-width:calc(100% / 0.75)}:host(.legacy-select){--padding-top:10px;--padding-end:8px;--padding-bottom:10px;--padding-start:16px}:host(:not(.legacy-select)){min-height:44px}:host(.select-label-placement-floating),:host(.select-label-placement-stacked){min-height:56px}.select-icon{width:18px;height:18px;color:var(--ion-color-step-650, #595959)}:host(.select-label-placement-stacked) .native-wrapper,:host(.select-label-placement-floating) .native-wrapper{width:calc(100% - 18px - 4px)}:host(.select-disabled){opacity:0.3}";var selectMdCss=":host{--padding-top:0px;--padding-end:0px;--padding-bottom:0px;--padding-start:0px;--placeholder-color:currentColor;--placeholder-opacity:0.6;--background:transparent;--border-style:solid;--highlight-color-focused:var(--ion-color-primary, #3880ff);--highlight-color-valid:var(--ion-color-success, #2dd36f);--highlight-color-invalid:var(--ion-color-danger, #eb445a);--highlight-color:var(--highlight-color-focused);display:block;position:relative;font-family:var(--ion-font-family, inherit);white-space:nowrap;cursor:pointer;z-index:2}:host(:not(.legacy-select)){width:100%}:host(.ion-color){--highlight-color-focused:var(--ion-color-base)}:host(.legacy-select){-webkit-padding-start:var(--padding-start);padding-inline-start:var(--padding-start);-webkit-padding-end:var(--padding-end);padding-inline-end:var(--padding-end);padding-top:var(--padding-top);padding-bottom:var(--padding-bottom);display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;overflow:hidden}:host(.in-item.legacy-select){position:static;max-width:45%}:host(.select-disabled){pointer-events:none}:host(.ion-focused) button{border:2px solid #5e9ed6}:host([slot=start]:not(.legacy-select)),:host([slot=end]:not(.legacy-select)){width:auto}.select-placeholder{color:var(--placeholder-color);opacity:var(--placeholder-opacity)}:host(.legacy-select) label{top:0;margin-left:0;margin-right:0;margin-top:0;margin-bottom:0;position:absolute;width:100%;height:100%;border:0;background:transparent;cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none;outline:none;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;opacity:0}@supports (inset-inline-start: 0){:host(.legacy-select) label{inset-inline-start:0}}@supports not (inset-inline-start: 0){:host(.legacy-select) label{left:0}:host-context([dir=rtl]):host(.legacy-select) label,:host-context([dir=rtl]).legacy-select label{left:unset;right:unset;right:0}@supports selector(:dir(rtl)){:host(.legacy-select) label:dir(rtl){left:unset;right:unset;right:0}}}:host(.legacy-select) label::-moz-focus-inner{border:0}button{position:absolute;top:0;left:0;right:0;bottom:0;width:100%;height:100%;margin:0;padding:0;border:0;outline:0;clip:rect(0 0 0 0);opacity:0;overflow:hidden;-webkit-appearance:none;-moz-appearance:none}.select-icon{-webkit-margin-start:4px;margin-inline-start:4px;-webkit-margin-end:0;margin-inline-end:0;margin-top:0;margin-bottom:0;position:relative}:host(.in-item-color) .select-icon{color:inherit}:host(.select-label-placement-stacked) .select-icon,:host(.select-label-placement-floating) .select-icon{position:absolute;height:100%}:host(.select-ltr.select-label-placement-stacked) .select-icon,:host(.select-ltr.select-label-placement-floating) .select-icon{right:var(--padding-end, 0)}:host(.select-rtl.select-label-placement-stacked) .select-icon,:host(.select-rtl.select-label-placement-floating) .select-icon{left:var(--padding-start, 0)}.select-text{-ms-flex:1;flex:1;min-width:16px;font-size:inherit;text-overflow:ellipsis;white-space:inherit;overflow:hidden}.select-wrapper{-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);border-radius:var(--border-radius);display:-ms-flexbox;display:flex;position:relative;-ms-flex-positive:1;flex-grow:1;-ms-flex-align:center;align-items:center;height:inherit;min-height:inherit;-webkit-transition:background-color 15ms linear;transition:background-color 15ms linear;background:var(--background);line-height:normal;cursor:inherit;-webkit-box-sizing:border-box;box-sizing:border-box}.select-wrapper .select-placeholder{-webkit-transition:opacity 150ms cubic-bezier(0.4, 0, 0.2, 1);transition:opacity 150ms cubic-bezier(0.4, 0, 0.2, 1)}:host(.ion-touched.ion-invalid){--highlight-color:var(--highlight-color-invalid)}:host(.ion-valid){--highlight-color:var(--highlight-color-valid)}.label-text-wrapper{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;max-width:200px;-webkit-transition:color 150ms cubic-bezier(0.4, 0, 0.2, 1), -webkit-transform 150ms cubic-bezier(0.4, 0, 0.2, 1);transition:color 150ms cubic-bezier(0.4, 0, 0.2, 1), -webkit-transform 150ms cubic-bezier(0.4, 0, 0.2, 1);transition:color 150ms cubic-bezier(0.4, 0, 0.2, 1), transform 150ms cubic-bezier(0.4, 0, 0.2, 1);transition:color 150ms cubic-bezier(0.4, 0, 0.2, 1), transform 150ms cubic-bezier(0.4, 0, 0.2, 1), -webkit-transform 150ms cubic-bezier(0.4, 0, 0.2, 1);pointer-events:none}.label-text,::slotted([slot=label]){text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.label-text-wrapper-hidden,.select-outline-notch-hidden{display:none}.native-wrapper{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-webkit-transition:opacity 150ms cubic-bezier(0.4, 0, 0.2, 1);transition:opacity 150ms cubic-bezier(0.4, 0, 0.2, 1);overflow:hidden}:host(.select-justify-space-between) .select-wrapper{-ms-flex-pack:justify;justify-content:space-between}:host(.select-justify-start) .select-wrapper{-ms-flex-pack:start;justify-content:start}:host(.select-justify-end) .select-wrapper{-ms-flex-pack:end;justify-content:end}:host(.select-label-placement-start) .select-wrapper{-ms-flex-direction:row;flex-direction:row}:host(.select-label-placement-start) .label-text-wrapper{-webkit-margin-start:0;margin-inline-start:0;-webkit-margin-end:16px;margin-inline-end:16px;margin-top:0;margin-bottom:0}:host(.select-label-placement-end) .select-wrapper{-ms-flex-direction:row-reverse;flex-direction:row-reverse}:host(.select-label-placement-end) .label-text-wrapper{-webkit-margin-start:16px;margin-inline-start:16px;-webkit-margin-end:0;margin-inline-end:0;margin-top:0;margin-bottom:0}:host(.select-label-placement-fixed) .label-text-wrapper{-webkit-margin-start:0;margin-inline-start:0;-webkit-margin-end:16px;margin-inline-end:16px;margin-top:0;margin-bottom:0}:host(.select-label-placement-fixed) .label-text-wrapper{-ms-flex:0 0 100px;flex:0 0 100px;width:100px;min-width:100px;max-width:200px}:host(.select-label-placement-stacked) .select-wrapper,:host(.select-label-placement-floating) .select-wrapper{-ms-flex-direction:column;flex-direction:column;-ms-flex-align:start;align-items:start}:host(.select-label-placement-stacked) .label-text-wrapper,:host(.select-label-placement-floating) .label-text-wrapper{max-width:100%}:host(.select-ltr.select-label-placement-stacked) .label-text-wrapper,:host(.select-ltr.select-label-placement-floating) .label-text-wrapper{-webkit-transform-origin:left top;transform-origin:left top}:host(.select-rtl.select-label-placement-stacked) .label-text-wrapper,:host(.select-rtl.select-label-placement-floating) .label-text-wrapper{-webkit-transform-origin:right top;transform-origin:right top}:host(.select-label-placement-stacked) .native-wrapper,:host(.select-label-placement-floating) .native-wrapper{margin-left:0;margin-right:0;margin-top:1px;margin-bottom:0;-ms-flex-positive:1;flex-grow:1;width:100%}:host(.select-label-placement-floating) .label-text-wrapper{-webkit-transform:translateY(100%) scale(1);transform:translateY(100%) scale(1)}:host(.select-label-placement-floating) .native-wrapper .select-placeholder{opacity:0}:host(.select-expanded.select-label-placement-floating) .native-wrapper .select-placeholder,:host(.ion-focused.select-label-placement-floating) .native-wrapper .select-placeholder,:host(.has-value.select-label-placement-floating) .native-wrapper .select-placeholder{opacity:1}:host(.select-label-placement-stacked) .label-text-wrapper,:host(.select-expanded.select-label-placement-floating) .label-text-wrapper,:host(.ion-focused.select-label-placement-floating) .label-text-wrapper,:host(.has-value.select-label-placement-floating) .label-text-wrapper{-webkit-transform:translateY(50%) scale(0.75);transform:translateY(50%) scale(0.75);max-width:calc(100% / 0.75)}:host(.select-fill-solid){--background:var(--ion-color-step-50, #f2f2f2);--border-color:var(--ion-color-step-500, gray);--border-radius:4px;--padding-start:16px;--padding-end:16px}:host(.select-fill-solid) .select-wrapper{border-bottom:var(--border-width) var(--border-style) var(--border-color)}:host(.has-focus.select-fill-solid.ion-valid),:host(.select-fill-solid.ion-touched.ion-invalid){--border-color:var(--highlight-color)}:host(.select-fill-solid) .select-bottom{border-top:none}@media (any-hover: hover){:host(.select-fill-solid:hover){--background:var(--ion-color-step-100, #e6e6e6);--border-color:var(--ion-color-step-750, #404040)}}:host(.select-fill-solid.select-expanded),:host(.select-fill-solid.ion-focused){--background:var(--ion-color-step-150, #d9d9d9);--border-color:var(--ion-color-step-750, #404040)}:host(.select-fill-solid) .select-wrapper{border-top-left-radius:var(--border-radius);border-top-right-radius:var(--border-radius);border-bottom-right-radius:0px;border-bottom-left-radius:0px}:host-context([dir=rtl]):host(.select-fill-solid) .select-wrapper,:host-context([dir=rtl]).select-fill-solid .select-wrapper{border-top-left-radius:var(--border-radius);border-top-right-radius:var(--border-radius);border-bottom-right-radius:0px;border-bottom-left-radius:0px}@supports selector(:dir(rtl)){:host(.select-fill-solid) .select-wrapper:dir(rtl){border-top-left-radius:var(--border-radius);border-top-right-radius:var(--border-radius);border-bottom-right-radius:0px;border-bottom-left-radius:0px}}:host(.select-fill-solid.select-label-placement-stacked) .label-text-wrapper,:host(.select-expanded.select-fill-solid.select-label-placement-floating) .label-text-wrapper,:host(.ion-focused.select-fill-solid.select-label-placement-floating) .label-text-wrapper,:host(.has-value.select-fill-solid.select-label-placement-floating) .label-text-wrapper{max-width:calc(100% / 0.75)}:host(.select-fill-outline){--border-color:var(--ion-color-step-300, #b3b3b3);--border-radius:4px;--padding-start:16px;--padding-end:16px}:host(.select-fill-outline.select-shape-round){--border-radius:28px;--padding-start:32px;--padding-end:32px}:host(.has-focus.select-fill-outline.ion-valid),:host(.select-fill-outline.ion-touched.ion-invalid){--border-color:var(--highlight-color)}@media (any-hover: hover){:host(.select-fill-outline:hover){--border-color:var(--ion-color-step-750, #404040)}}:host(.select-fill-outline.select-expanded),:host(.select-fill-outline.ion-focused){--border-width:2px;--border-color:var(--highlight-color)}:host(.select-fill-outline) .select-bottom{border-top:none}:host(.select-fill-outline) .select-wrapper{border-bottom:none}:host(.select-ltr.select-fill-outline.select-label-placement-stacked) .label-text-wrapper,:host(.select-ltr.select-fill-outline.select-label-placement-floating) .label-text-wrapper{-webkit-transform-origin:left top;transform-origin:left top}:host(.select-rtl.select-fill-outline.select-label-placement-stacked) .label-text-wrapper,:host(.select-rtl.select-fill-outline.select-label-placement-floating) .label-text-wrapper{-webkit-transform-origin:right top;transform-origin:right top}:host(.select-fill-outline.select-label-placement-stacked) .label-text-wrapper,:host(.select-fill-outline.select-label-placement-floating) .label-text-wrapper{position:absolute;max-width:calc(100% - var(--padding-start) - var(--padding-end))}:host(.select-fill-outline) .label-text-wrapper{position:relative;z-index:1}:host(.select-expanded.select-fill-outline.select-label-placement-floating) .label-text-wrapper,:host(.ion-focused.select-fill-outline.select-label-placement-floating) .label-text-wrapper,:host(.has-value.select-fill-outline.select-label-placement-floating) .label-text-wrapper,:host(.select-fill-outline.select-label-placement-stacked) .label-text-wrapper{-webkit-transform:translateY(-32%) scale(0.75);transform:translateY(-32%) scale(0.75);margin-left:0;margin-right:0;margin-top:0;margin-bottom:0;max-width:calc((100% - var(--padding-start) - var(--padding-end) - 8px) / 0.75)}:host(.select-fill-outline.select-label-placement-stacked) select,:host(.select-fill-outline.select-label-placement-floating) select{margin-left:0;margin-right:0;margin-top:6px;margin-bottom:6px}:host(.select-fill-outline) .select-outline-container{left:0;right:0;top:0;bottom:0;display:-ms-flexbox;display:flex;position:absolute;width:100%;height:100%}:host(.select-fill-outline) .select-outline-start,:host(.select-fill-outline) .select-outline-end{pointer-events:none}:host(.select-fill-outline) .select-outline-start,:host(.select-fill-outline) .select-outline-notch,:host(.select-fill-outline) .select-outline-end{border-top:var(--border-width) var(--border-style) var(--border-color);border-bottom:var(--border-width) var(--border-style) var(--border-color);-webkit-box-sizing:border-box;box-sizing:border-box}:host(.select-fill-outline) .select-outline-notch{max-width:calc(100% - var(--padding-start) - var(--padding-end))}:host(.select-fill-outline) .notch-spacer{-webkit-padding-end:8px;padding-inline-end:8px;font-size:calc(1em * 0.75);opacity:0;pointer-events:none}:host(.select-fill-outline) .select-outline-start{-webkit-border-start:var(--border-width) var(--border-style) var(--border-color);border-inline-start:var(--border-width) var(--border-style) var(--border-color)}:host(.select-ltr.select-fill-outline) .select-outline-start{border-radius:var(--border-radius) 0px 0px var(--border-radius)}:host(.select-rtl.select-fill-outline) .select-outline-start{border-radius:0px var(--border-radius) var(--border-radius) 0px}:host(.select-fill-outline) .select-outline-start{width:calc(var(--padding-start) - 4px)}:host(.select-fill-outline) .select-outline-end{-webkit-border-end:var(--border-width) var(--border-style) var(--border-color);border-inline-end:var(--border-width) var(--border-style) var(--border-color)}:host(.select-ltr.select-fill-outline) .select-outline-end{border-radius:0px var(--border-radius) var(--border-radius) 0px}:host(.select-rtl.select-fill-outline) .select-outline-end{border-radius:var(--border-radius) 0px 0px var(--border-radius)}:host(.select-fill-outline) .select-outline-end{-ms-flex-positive:1;flex-grow:1}:host(.select-expanded.select-fill-outline.select-label-placement-floating) .select-outline-notch,:host(.ion-focused.select-fill-outline.select-label-placement-floating) .select-outline-notch,:host(.has-value.select-fill-outline.select-label-placement-floating) .select-outline-notch,:host(.select-fill-outline.select-label-placement-stacked) .select-outline-notch{border-top:none}:host{--border-width:1px;--border-color:var(--ion-item-border-color, var(--ion-border-color, var(--ion-color-step-150, rgba(0, 0, 0, 0.13))))}:host(.legacy-select){--padding-top:10px;--padding-end:0;--padding-bottom:10px;--padding-start:16px}:host(:not(.legacy-select)){min-height:56px}.select-icon{width:13px;-webkit-transition:-webkit-transform 0.15s cubic-bezier(0.4, 0, 0.2, 1);transition:-webkit-transform 0.15s cubic-bezier(0.4, 0, 0.2, 1);transition:transform 0.15s cubic-bezier(0.4, 0, 0.2, 1);transition:transform 0.15s cubic-bezier(0.4, 0, 0.2, 1), -webkit-transform 0.15s cubic-bezier(0.4, 0, 0.2, 1);color:var(--ion-color-step-500, gray)}:host(.select-label-placement-floating.select-expanded) .label-text-wrapper,:host(.select-label-placement-floating.ion-focused) .label-text-wrapper,:host(.select-label-placement-stacked.select-expanded) .label-text-wrapper,:host(.select-label-placement-stacked.ion-focused) .label-text-wrapper{color:var(--highlight-color)}:host(.has-focus.select-label-placement-floating.ion-valid) .label-text-wrapper,:host(.select-label-placement-floating.ion-touched.ion-invalid) .label-text-wrapper,:host(.has-focus.select-label-placement-stacked.ion-valid) .label-text-wrapper,:host(.select-label-placement-stacked.ion-touched.ion-invalid) .label-text-wrapper{color:var(--highlight-color)}.select-highlight{bottom:-1px;position:absolute;width:100%;height:2px;-webkit-transform:scale(0);transform:scale(0);-webkit-transition:-webkit-transform 200ms;transition:-webkit-transform 200ms;transition:transform 200ms;transition:transform 200ms, -webkit-transform 200ms;background:var(--highlight-color)}@supports (inset-inline-start: 0){.select-highlight{inset-inline-start:0}}@supports not (inset-inline-start: 0){.select-highlight{left:0}:host-context([dir=rtl]) .select-highlight{left:unset;right:unset;right:0}[dir=rtl] .select-highlight{left:unset;right:unset;right:0}@supports selector(:dir(rtl)){.select-highlight:dir(rtl){left:unset;right:unset;right:0}}}:host(.select-expanded) .select-highlight,:host(.ion-focused) .select-highlight{-webkit-transform:scale(1);transform:scale(1)}:host(.in-item) .select-highlight{bottom:0}@supports (inset-inline-start: 0){:host(.in-item) .select-highlight{inset-inline-start:0}}@supports not (inset-inline-start: 0){:host(.in-item) .select-highlight{left:0}:host-context([dir=rtl]):host(.in-item) .select-highlight,:host-context([dir=rtl]).in-item .select-highlight{left:unset;right:unset;right:0}@supports selector(:dir(rtl)){:host(.in-item) .select-highlight:dir(rtl){left:unset;right:unset;right:0}}}:host(.select-expanded:not(.legacy-select):not(.has-expanded-icon)) .select-icon{-webkit-transform:rotate(180deg);transform:rotate(180deg)}:host(.select-expanded) .select-wrapper .select-icon,:host(.has-focus.ion-valid) .select-wrapper .select-icon,:host(.ion-touched.ion-invalid) .select-wrapper .select-icon,:host(.ion-focused) .select-wrapper .select-icon{color:var(--highlight-color)}:host-context(.item-label-stacked) .select-icon,:host-context(.item-label-floating:not(.item-fill-outline)) .select-icon,:host-context(.item-label-floating.item-fill-outline){-webkit-transform:translate3d(0, -9px, 0);transform:translate3d(0, -9px, 0)}:host-context(.item-has-focus):host(:not(.has-expanded-icon)) .select-icon{-webkit-transform:rotate(180deg);transform:rotate(180deg)}:host-context(.item-has-focus.item-label-stacked):host(:not(.has-expanded-icon)) .select-icon,:host-context(.item-has-focus.item-label-floating:not(.item-fill-outline)):host(:not(.has-expanded-icon)) .select-icon{-webkit-transform:translate3d(0, -9px, 0) rotate(180deg);transform:translate3d(0, -9px, 0) rotate(180deg)}:host(.select-shape-round){--border-radius:16px}:host(.select-label-placement-stacked) .native-wrapper,:host(.select-label-placement-floating) .native-wrapper{width:calc(100% - 13px - 4px)}:host(.select-disabled){opacity:0.38}";var Select=function(){function e(e){var t=this;registerInstance(this,e);this.ionChange=createEvent(this,"ionChange",7);this.ionCancel=createEvent(this,"ionCancel",7);this.ionDismiss=createEvent(this,"ionDismiss",7);this.ionFocus=createEvent(this,"ionFocus",7);this.ionBlur=createEvent(this,"ionBlur",7);this.ionStyle=createEvent(this,"ionStyle",7);this.inputId="ion-sel-".concat(selectIds++);this.inheritedAttributes={};this.hasLoggedDeprecationWarning=false;this.onClick=function(e){t.setFocus();t.open(e)};this.onFocus=function(){t.ionFocus.emit()};this.onBlur=function(){t.ionBlur.emit()};this.isExpanded=false;this.cancelText="Cancel";this.color=undefined;this.compareWith=undefined;this.disabled=false;this.fill=undefined;this.interface="alert";this.interfaceOptions={};this.justify="space-between";this.label=undefined;this.labelPlacement="start";this.legacy=undefined;this.multiple=false;this.name=this.inputId;this.okText="OK";this.placeholder=undefined;this.selectedText=undefined;this.toggleIcon=undefined;this.expandedIcon=undefined;this.shape=undefined;this.value=undefined}e.prototype.styleChanged=function(){this.emitStyle()};e.prototype.setValue=function(e){this.value=e;this.ionChange.emit({value:e})};e.prototype.componentWillLoad=function(){this.inheritedAttributes=inheritAttributes(this.el,["aria-label"])};e.prototype.connectedCallback=function(){return __awaiter(this,void 0,void 0,(function(){var e;var t=this;return __generator(this,(function(i){e=this.el;this.legacyFormController=createLegacyFormController(e);this.notchController=createNotchController(e,(function(){return t.notchSpacerEl}),(function(){return t.labelSlot}));this.updateOverlayOptions();this.emitStyle();this.mutationO=watchForOptions(this.el,"ion-select-option",(function(){return __awaiter(t,void 0,void 0,(function(){return __generator(this,(function(e){this.updateOverlayOptions();forceUpdate(this);return[2]}))}))}));return[2]}))}))};e.prototype.disconnectedCallback=function(){if(this.mutationO){this.mutationO.disconnect();this.mutationO=undefined}if(this.notchController){this.notchController.destroy();this.notchController=undefined}};e.prototype.open=function(e){return __awaiter(this,void 0,void 0,(function(){var t,i,l,r,o;var n=this;return __generator(this,(function(a){switch(a.label){case 0:if(this.disabled||this.isExpanded){return[2,undefined]}this.isExpanded=true;i=this;return[4,this.createOverlay(e)];case 1:t=i.overlay=a.sent();t.onDidDismiss().then((function(){n.overlay=undefined;n.isExpanded=false;n.ionDismiss.emit();n.setFocus()}));return[4,t.present()];case 2:a.sent();if(this.interface==="popover"){l=this.childOpts.map((function(e){return e.value})).indexOf(this.value);l=l>-1?l:0;r=t.querySelector(".select-interface-option:nth-child(".concat(l+1,")"));if(r){focusElement(r);o=r.querySelector("ion-radio, ion-checkbox");if(o){o.focus()}}}return[2,t]}}))}))};e.prototype.createOverlay=function(e){var t=this.interface;if(t==="action-sheet"&&this.multiple){console.warn('Select interface cannot be "'.concat(t,'" with a multi-value select. Using the "alert" interface instead.'));t="alert"}if(t==="popover"&&!e){console.warn('Select interface cannot be a "'.concat(t,'" without passing an event. Using the "alert" interface instead.'));t="alert"}if(t==="action-sheet"){return this.openActionSheet()}if(t==="popover"){return this.openPopover(e)}return this.openAlert()};e.prototype.updateOverlayOptions=function(){var e=this.overlay;if(!e){return}var t=this.childOpts;var i=this.value;switch(this.interface){case"action-sheet":e.buttons=this.createActionSheetButtons(t,i);break;case"popover":var l=e.querySelector("ion-select-popover");if(l){l.options=this.createPopoverOptions(t,i)}break;case"alert":var r=this.multiple?"checkbox":"radio";e.inputs=this.createAlertInputs(t,r,i);break}};e.prototype.createActionSheetButtons=function(e,t){var i=this;var l=e.map((function(e){var l=getOptionValue(e);var r=Array.from(e.classList).filter((function(e){return e!=="hydrated"})).join(" ");var o="".concat(OPTION_CLASS," ").concat(r);return{role:isOptionSelected(t,l,i.compareWith)?"selected":"",text:e.textContent,cssClass:o,handler:function(){i.setValue(l)}}}));l.push({text:this.cancelText,role:"cancel",handler:function(){i.ionCancel.emit()}});return l};e.prototype.createAlertInputs=function(e,t,i){var l=this;var r=e.map((function(e){var r=getOptionValue(e);var o=Array.from(e.classList).filter((function(e){return e!=="hydrated"})).join(" ");var n="".concat(OPTION_CLASS," ").concat(o);return{type:t,cssClass:n,label:e.textContent||"",value:r,checked:isOptionSelected(i,r,l.compareWith),disabled:e.disabled}}));return r};e.prototype.createPopoverOptions=function(e,t){var i=this;var l=e.map((function(e){var l=getOptionValue(e);var r=Array.from(e.classList).filter((function(e){return e!=="hydrated"})).join(" ");var o="".concat(OPTION_CLASS," ").concat(r);return{text:e.textContent||"",cssClass:o,value:l,checked:isOptionSelected(t,l,i.compareWith),disabled:e.disabled,handler:function(e){i.setValue(e);if(!i.multiple){i.close()}}}}));return l};e.prototype.openPopover=function(e){return __awaiter(this,void 0,void 0,(function(){var t,i,l,r,o,n,a,s,c,d,p,h,u;return __generator(this,(function(b){t=this,i=t.fill,l=t.labelPlacement;r=this.interfaceOptions;o=getIonMode(this);n=o==="md"?false:true;a=this.multiple;s=this.value;c=e;d="auto";if(this.legacyFormController.hasLegacyControl()){p=this.el.closest("ion-item");if(p&&(p.classList.contains("item-label-floating")||p.classList.contains("item-label-stacked"))){c=Object.assign(Object.assign({},e),{detail:{ionShadowTarget:p}});d="cover"}}else{h=l==="floating"||l==="stacked";if(h||o==="md"&&i!==undefined){d="cover"}else{c=Object.assign(Object.assign({},e),{detail:{ionShadowTarget:this.nativeWrapperEl}})}}u=Object.assign(Object.assign({mode:o,event:c,alignment:"center",size:d,showBackdrop:n},r),{component:"ion-select-popover",cssClass:["select-popover",r.cssClass],componentProps:{header:r.header,subHeader:r.subHeader,message:r.message,multiple:a,value:s,options:this.createPopoverOptions(this.childOpts,s)}});return[2,popoverController.create(u)]}))}))};e.prototype.openActionSheet=function(){return __awaiter(this,void 0,void 0,(function(){var e,t,i;return __generator(this,(function(l){e=getIonMode(this);t=this.interfaceOptions;i=Object.assign(Object.assign({mode:e},t),{buttons:this.createActionSheetButtons(this.childOpts,this.value),cssClass:["select-action-sheet",t.cssClass]});return[2,actionSheetController.create(i)]}))}))};e.prototype.openAlert=function(){return __awaiter(this,void 0,void 0,(function(){var e,t,i,l,r,o;var n=this;return __generator(this,(function(a){if(this.legacyFormController.hasLegacyControl()){e=this.getLabel();t=e?e.textContent:null}else{t=this.labelText}i=this.interfaceOptions;l=this.multiple?"checkbox":"radio";r=getIonMode(this);o=Object.assign(Object.assign({mode:r},i),{header:i.header?i.header:t,inputs:this.createAlertInputs(this.childOpts,l,this.value),buttons:[{text:this.cancelText,role:"cancel",handler:function(){n.ionCancel.emit()}},{text:this.okText,handler:function(e){n.setValue(e)}}],cssClass:["select-alert",i.cssClass,this.multiple?"multiple-select-alert":"single-select-alert"]});return[2,alertController.create(o)]}))}))};e.prototype.close=function(){if(!this.overlay){return Promise.resolve(false)}return this.overlay.dismiss()};e.prototype.getLabel=function(){return findItemLabel(this.el)};e.prototype.hasValue=function(){return this.getText()!==""};Object.defineProperty(e.prototype,"childOpts",{get:function(){return Array.from(this.el.querySelectorAll("ion-select-option"))},enumerable:false,configurable:true});Object.defineProperty(e.prototype,"labelText",{get:function(){var e=this.label;if(e!==undefined){return e}var t=this.labelSlot;if(t!==null){return t.textContent}return},enumerable:false,configurable:true});e.prototype.getText=function(){var e=this.selectedText;if(e!=null&&e!==""){return e}return generateText(this.childOpts,this.value,this.compareWith)};e.prototype.setFocus=function(){if(this.focusEl){this.focusEl.focus()}};e.prototype.emitStyle=function(){var e=this.disabled;var t={"interactive-disabled":e};if(this.legacyFormController.hasLegacyControl()){t["interactive"]=true;t["select"]=true;t["select-disabled"]=e;t["has-placeholder"]=this.placeholder!==undefined;t["has-value"]=this.hasValue();t["has-focus"]=this.isExpanded}this.ionStyle.emit(t)};e.prototype.renderLabel=function(){var e=this.label;return h("div",{class:{"label-text-wrapper":true,"label-text-wrapper-hidden":!this.hasLabel},part:"label"},e===undefined?h("slot",{name:"label"}):h("div",{class:"label-text"},e))};e.prototype.componentDidRender=function(){var e;(e=this.notchController)===null||e===void 0?void 0:e.calculateNotchWidth()};Object.defineProperty(e.prototype,"labelSlot",{get:function(){return this.el.querySelector('[slot="label"]')},enumerable:false,configurable:true});Object.defineProperty(e.prototype,"hasLabel",{get:function(){return this.label!==undefined||this.labelSlot!==null},enumerable:false,configurable:true});e.prototype.renderLabelContainer=function(){var e=this;var t=getIonMode(this);var i=t==="md"&&this.fill==="outline";if(i){return[h("div",{class:"select-outline-container"},h("div",{class:"select-outline-start"}),h("div",{class:{"select-outline-notch":true,"select-outline-notch-hidden":!this.hasLabel}},h("div",{class:"notch-spacer","aria-hidden":"true",ref:function(t){return e.notchSpacerEl=t}},this.label)),h("div",{class:"select-outline-end"})),this.renderLabel()]}return this.renderLabel()};e.prototype.renderSelect=function(){var e;var t=this;var i=this,l=i.disabled,r=i.el,o=i.isExpanded,n=i.expandedIcon,a=i.labelPlacement,s=i.justify,c=i.placeholder,d=i.fill,p=i.shape,u=i.name,b=i.value;var f=getIonMode(this);var m=a==="floating"||a==="stacked";var g=!m;var v=isRTL(r)?"rtl":"ltr";var x=hostContext("ion-item",this.el);var w=f==="md"&&d!=="outline"&&!x;renderHiddenInput(true,r,u,parseValue(b),l);return h(Host,{onClick:this.onClick,class:createColorClasses(this.color,(e={},e[f]=true,e["in-item"]=x,e["in-item-color"]=hostContext("ion-item.ion-color",r),e["select-disabled"]=l,e["select-expanded"]=o,e["has-expanded-icon"]=n!==undefined,e["has-value"]=this.hasValue(),e["has-placeholder"]=c!==undefined,e["ion-focusable"]=true,e["select-".concat(v)]=true,e["select-fill-".concat(d)]=d!==undefined,e["select-justify-".concat(s)]=g,e["select-shape-".concat(p)]=p!==undefined,e["select-label-placement-".concat(a)]=true,e))},h("label",{class:"select-wrapper",id:"select-label"},this.renderLabelContainer(),h("div",{class:"native-wrapper",ref:function(e){return t.nativeWrapperEl=e},part:"container"},this.renderSelectText(),!m&&this.renderSelectIcon(),this.renderListbox()),m&&this.renderSelectIcon(),w&&h("div",{class:"select-highlight"})))};e.prototype.renderLegacySelect=function(){var e;if(!this.hasLoggedDeprecationWarning){printIonWarning('ion-select now requires providing a label with either the "label" property or the "aria-label" attribute. To migrate, remove any usage of "ion-label" and pass the label text to either the "label" property or the "aria-label" attribute.\n\nExample: <ion-select label="Favorite Color">...</ion-select>\nExample with aria-label: <ion-select aria-label="Favorite Color">...</ion-select>\n\nDevelopers can use the "legacy" property to continue using the legacy form markup. This property will be removed in an upcoming major release of Ionic where this form control will use the modern form markup.',this.el);if(this.legacy){printIonWarning('ion-select is being used with the "legacy" property enabled which will forcibly enable the legacy form markup. This property will be removed in an upcoming major release of Ionic where this form control will use the modern form markup.\n Developers can dismiss this warning by removing their usage of the "legacy" property and using the new select syntax.',this.el)}this.hasLoggedDeprecationWarning=true}var t=this,i=t.disabled,l=t.el,r=t.inputId,o=t.isExpanded,n=t.expandedIcon,a=t.name,s=t.placeholder,c=t.value;var d=getIonMode(this);var p=getAriaLabel(l,r),u=p.labelText,b=p.labelId;renderHiddenInput(true,l,a,parseValue(c),i);var f=this.getText();var m=f;if(m===""&&s!==undefined){m=s}var g=u!==undefined?m!==""?"".concat(m,", ").concat(u):u:m;return h(Host,{onClick:this.onClick,role:"button","aria-haspopup":"listbox","aria-disabled":i?"true":null,"aria-label":g,class:(e={},e[d]=true,e["in-item"]=hostContext("ion-item",l),e["in-item-color"]=hostContext("ion-item.ion-color",l),e["select-disabled"]=i,e["select-expanded"]=o,e["has-expanded-icon"]=n!==undefined,e["legacy-select"]=true,e)},this.renderSelectText(),this.renderSelectIcon(),h("label",{id:b},g),this.renderListbox())};e.prototype.renderSelectText=function(){var e=this.placeholder;var t=this.getText();var i=false;var l=t;if(l===""&&e!==undefined){l=e;i=true}var r={"select-text":true,"select-placeholder":i};var o=i?"placeholder":"text";return h("div",{"aria-hidden":"true",class:r,part:o},l)};e.prototype.renderSelectIcon=function(){var e=getIonMode(this);var t=this,i=t.isExpanded,l=t.toggleIcon,r=t.expandedIcon;var o;if(i&&r!==undefined){o=r}else{var n=e==="ios"?chevronExpand:caretDownSharp;o=l!==null&&l!==void 0?l:n}return h("ion-icon",{class:"select-icon",part:"icon","aria-hidden":"true",icon:o})};Object.defineProperty(e.prototype,"ariaLabel",{get:function(){var e,t;var i=this,l=i.placeholder,r=i.el,o=i.inputId,n=i.inheritedAttributes;var a=this.getText();var s=getAriaLabel(r,o).labelText;var c=(t=(e=this.labelText)!==null&&e!==void 0?e:n["aria-label"])!==null&&t!==void 0?t:s;var d=a;if(d===""&&l!==undefined){d=l}if(c!==undefined){d=d===""?c:"".concat(c,", ").concat(d)}return d},enumerable:false,configurable:true});e.prototype.renderListbox=function(){var e=this;var t=this,i=t.disabled,l=t.inputId,r=t.isExpanded;return h("button",{disabled:i,id:l,"aria-label":this.ariaLabel,"aria-haspopup":"listbox","aria-expanded":"".concat(r),onFocus:this.onFocus,onBlur:this.onBlur,ref:function(t){return e.focusEl=t}})};e.prototype.render=function(){var e=this.legacyFormController;return e.hasLegacyControl()?this.renderLegacySelect():this.renderSelect()};Object.defineProperty(e.prototype,"el",{get:function(){return getElement(this)},enumerable:false,configurable:true});Object.defineProperty(e,"watchers",{get:function(){return{disabled:["styleChanged"],isExpanded:["styleChanged"],placeholder:["styleChanged"],value:["styleChanged"]}},enumerable:false,configurable:true});return e}();var isOptionSelected=function(e,t,i){if(e===undefined){return false}if(Array.isArray(e)){return e.some((function(e){return compareOptions(e,t,i)}))}else{return compareOptions(e,t,i)}};var getOptionValue=function(e){var t=e.value;return t===undefined?e.textContent||"":t};var parseValue=function(e){if(e==null){return undefined}if(Array.isArray(e)){return e.join(",")}return e.toString()};var compareOptions=function(e,t,i){if(typeof i==="function"){return i(e,t)}else if(typeof i==="string"){return e[i]===t[i]}else{return Array.isArray(t)?t.includes(e):e===t}};var generateText=function(e,t,i){if(t===undefined){return""}if(Array.isArray(t)){return t.map((function(t){return textForValue(e,t,i)})).filter((function(e){return e!==null})).join(", ")}else{return textForValue(e,t,i)||""}};var textForValue=function(e,t,i){var l=e.find((function(e){return compareOptions(t,getOptionValue(e),i)}));return l?l.textContent:null};var selectIds=0;var OPTION_CLASS="select-interface-option";Select.style={ios:selectIosCss,md:selectMdCss};var selectOptionCss=":host{display:none}";var SelectOption=function(){function e(e){registerInstance(this,e);this.inputId="ion-selopt-".concat(selectOptionIds++);this.disabled=false;this.value=undefined}e.prototype.render=function(){return h(Host,{role:"option",id:this.inputId,class:getIonMode(this)})};Object.defineProperty(e.prototype,"el",{get:function(){return getElement(this)},enumerable:false,configurable:true});return e}();var selectOptionIds=0;SelectOption.style=selectOptionCss;var selectPopoverIosCss=".sc-ion-select-popover-ios-h ion-list.sc-ion-select-popover-ios{margin-left:0;margin-right:0;margin-top:0;margin-bottom:0}ion-list-header.sc-ion-select-popover-ios,ion-label.sc-ion-select-popover-ios{margin-left:0;margin-right:0;margin-top:0;margin-bottom:0}";var selectPopoverMdCss=".sc-ion-select-popover-md-h ion-list.sc-ion-select-popover-md{margin-left:0;margin-right:0;margin-top:0;margin-bottom:0}ion-list-header.sc-ion-select-popover-md,ion-label.sc-ion-select-popover-md{margin-left:0;margin-right:0;margin-top:0;margin-bottom:0}ion-list.sc-ion-select-popover-md ion-radio.sc-ion-select-popover-md::part(container){opacity:0}ion-item.sc-ion-select-popover-md{--inner-border-width:0}.item-radio-checked.sc-ion-select-popover-md{--background:rgba(var(--ion-color-primary-rgb, 56, 128, 255), 0.08);--background-focused:var(--ion-color-primary, #3880ff);--background-focused-opacity:0.2;--background-hover:var(--ion-color-primary, #3880ff);--background-hover-opacity:0.12}.item-checkbox-checked.sc-ion-select-popover-md{--background-activated:var(--ion-item-color, var(--ion-text-color, #000));--background-focused:var(--ion-item-color, var(--ion-text-color, #000));--background-hover:var(--ion-item-color, var(--ion-text-color, #000));--color:var(--ion-color-primary, #3880ff)}";var SelectPopover=function(){function e(e){registerInstance(this,e);this.header=undefined;this.subHeader=undefined;this.message=undefined;this.multiple=undefined;this.options=[]}e.prototype.findOptionFromEvent=function(e){var t=this.options;return t.find((function(t){return t.value===e.target.value}))};e.prototype.callOptionHandler=function(e){var t=this.findOptionFromEvent(e);var i=this.getValues(e);if(t===null||t===void 0?void 0:t.handler){safeCall(t.handler,i)}};e.prototype.dismissParentPopover=function(){var e=this.el.closest("ion-popover");if(e){e.dismiss()}};e.prototype.setChecked=function(e){var t=this.multiple;var i=this.findOptionFromEvent(e);if(t&&i){i.checked=e.detail.checked}};e.prototype.getValues=function(e){var t=this,i=t.multiple,l=t.options;if(i){return l.filter((function(e){return e.checked})).map((function(e){return e.value}))}var r=this.findOptionFromEvent(e);return r?r.value:undefined};e.prototype.renderOptions=function(e){var t=this.multiple;switch(t){case true:return this.renderCheckboxOptions(e);default:return this.renderRadioOptions(e)}};e.prototype.renderCheckboxOptions=function(e){var t=this;return e.map((function(e){return h("ion-item",{class:Object.assign({"item-checkbox-checked":e.checked},getClassMap(e.cssClass))},h("ion-checkbox",{value:e.value,disabled:e.disabled,checked:e.checked,justify:"start",labelPlacement:"end",onIonChange:function(e){t.setChecked(e);t.callOptionHandler(e);forceUpdate(t)}},e.text))}))};e.prototype.renderRadioOptions=function(e){var t=this;var i=e.filter((function(e){return e.checked})).map((function(e){return e.value}))[0];return h("ion-radio-group",{value:i,onIonChange:function(e){return t.callOptionHandler(e)}},e.map((function(e){return h("ion-item",{class:Object.assign({"item-radio-checked":e.value===i},getClassMap(e.cssClass))},h("ion-radio",{value:e.value,disabled:e.disabled,onClick:function(){return t.dismissParentPopover()},onKeyUp:function(e){if(e.key===" "){t.dismissParentPopover()}}},e.text))})))};e.prototype.render=function(){var e=this,t=e.header,i=e.message,l=e.options,r=e.subHeader;var o=r!==undefined||i!==undefined;return h(Host,{class:getIonMode(this)},h("ion-list",null,t!==undefined&&h("ion-list-header",null,t),o&&h("ion-item",null,h("ion-label",{class:"ion-text-wrap"},r!==undefined&&h("h3",null,r),i!==undefined&&h("p",null,i))),this.renderOptions(l)))};Object.defineProperty(e.prototype,"el",{get:function(){return getElement(this)},enumerable:false,configurable:true});return e}();SelectPopover.style={ios:selectPopoverIosCss,md:selectPopoverMdCss};export{Select as ion_select,SelectOption as ion_select_option,SelectPopover as ion_select_popover};
|
|
4
|
+
*/import{r as registerInstance,d as createEvent,h,H as Host,f as getElement,i as forceUpdate}from"./index-847f2fde.js";import{c as createLegacyFormController}from"./form-controller-ed77647a.js";import{c as createNotchController}from"./notch-controller-cb5bbe6a.js";import{k as inheritAttributes,f as focusElement,h as findItemLabel,d as renderHiddenInput,e as getAriaLabel}from"./helpers-3379ba19.js";import{p as printIonWarning}from"./index-595d62c9.js";import{c as popoverController,b as actionSheetController,a as alertController,s as safeCall}from"./overlays-66222f79.js";import{i as isRTL}from"./dir-912e3e13.js";import{h as hostContext,c as createColorClasses,g as getClassMap}from"./theme-17531cdf.js";import{w as watchForOptions}from"./watch-options-355a920a.js";import{w as chevronExpand,q as caretDownSharp}from"./index-ecfc2c9f.js";import{b as getIonMode}from"./ionic-global-1ef19007.js";import"./index-7a14ecec.js";import"./framework-delegate-2b76c681.js";import"./hardware-back-button-39299f84.js";var selectIosCss=":host{--padding-top:0px;--padding-end:0px;--padding-bottom:0px;--padding-start:0px;--placeholder-color:currentColor;--placeholder-opacity:0.6;--background:transparent;--border-style:solid;--highlight-color-focused:var(--ion-color-primary, #3880ff);--highlight-color-valid:var(--ion-color-success, #2dd36f);--highlight-color-invalid:var(--ion-color-danger, #eb445a);--highlight-color:var(--highlight-color-focused);display:block;position:relative;font-family:var(--ion-font-family, inherit);white-space:nowrap;cursor:pointer;z-index:2}:host(:not(.legacy-select)){width:100%}:host(.ion-color){--highlight-color-focused:var(--ion-color-base)}:host(.legacy-select){-webkit-padding-start:var(--padding-start);padding-inline-start:var(--padding-start);-webkit-padding-end:var(--padding-end);padding-inline-end:var(--padding-end);padding-top:var(--padding-top);padding-bottom:var(--padding-bottom);display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;overflow:hidden}:host(.in-item.legacy-select){position:static;max-width:45%}:host(.select-disabled){pointer-events:none}:host(.ion-focused) button{border:2px solid #5e9ed6}:host([slot=start]:not(.legacy-select)),:host([slot=end]:not(.legacy-select)){width:auto}.select-placeholder{color:var(--placeholder-color);opacity:var(--placeholder-opacity)}:host(.legacy-select) label{top:0;margin-left:0;margin-right:0;margin-top:0;margin-bottom:0;position:absolute;width:100%;height:100%;border:0;background:transparent;cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none;outline:none;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;opacity:0}@supports (inset-inline-start: 0){:host(.legacy-select) label{inset-inline-start:0}}@supports not (inset-inline-start: 0){:host(.legacy-select) label{left:0}:host-context([dir=rtl]):host(.legacy-select) label,:host-context([dir=rtl]).legacy-select label{left:unset;right:unset;right:0}@supports selector(:dir(rtl)){:host(.legacy-select) label:dir(rtl){left:unset;right:unset;right:0}}}:host(.legacy-select) label::-moz-focus-inner{border:0}button{position:absolute;top:0;left:0;right:0;bottom:0;width:100%;height:100%;margin:0;padding:0;border:0;outline:0;clip:rect(0 0 0 0);opacity:0;overflow:hidden;-webkit-appearance:none;-moz-appearance:none}.select-icon{-webkit-margin-start:4px;margin-inline-start:4px;-webkit-margin-end:0;margin-inline-end:0;margin-top:0;margin-bottom:0;position:relative}:host(.in-item-color) .select-icon{color:inherit}:host(.select-label-placement-stacked) .select-icon,:host(.select-label-placement-floating) .select-icon{position:absolute;height:100%}:host(.select-ltr.select-label-placement-stacked) .select-icon,:host(.select-ltr.select-label-placement-floating) .select-icon{right:var(--padding-end, 0)}:host(.select-rtl.select-label-placement-stacked) .select-icon,:host(.select-rtl.select-label-placement-floating) .select-icon{left:var(--padding-start, 0)}.select-text{-ms-flex:1;flex:1;min-width:16px;font-size:inherit;text-overflow:ellipsis;white-space:inherit;overflow:hidden}.select-wrapper{-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);border-radius:var(--border-radius);display:-ms-flexbox;display:flex;position:relative;-ms-flex-positive:1;flex-grow:1;-ms-flex-align:center;align-items:center;height:inherit;min-height:inherit;-webkit-transition:background-color 15ms linear;transition:background-color 15ms linear;background:var(--background);line-height:normal;cursor:inherit;-webkit-box-sizing:border-box;box-sizing:border-box}.select-wrapper .select-placeholder{-webkit-transition:opacity 150ms cubic-bezier(0.4, 0, 0.2, 1);transition:opacity 150ms cubic-bezier(0.4, 0, 0.2, 1)}:host(.ion-touched.ion-invalid){--highlight-color:var(--highlight-color-invalid)}:host(.ion-valid){--highlight-color:var(--highlight-color-valid)}.label-text-wrapper{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;max-width:200px;-webkit-transition:color 150ms cubic-bezier(0.4, 0, 0.2, 1), -webkit-transform 150ms cubic-bezier(0.4, 0, 0.2, 1);transition:color 150ms cubic-bezier(0.4, 0, 0.2, 1), -webkit-transform 150ms cubic-bezier(0.4, 0, 0.2, 1);transition:color 150ms cubic-bezier(0.4, 0, 0.2, 1), transform 150ms cubic-bezier(0.4, 0, 0.2, 1);transition:color 150ms cubic-bezier(0.4, 0, 0.2, 1), transform 150ms cubic-bezier(0.4, 0, 0.2, 1), -webkit-transform 150ms cubic-bezier(0.4, 0, 0.2, 1);pointer-events:none}.label-text,::slotted([slot=label]){text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.label-text-wrapper-hidden,.select-outline-notch-hidden{display:none}.native-wrapper{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-webkit-transition:opacity 150ms cubic-bezier(0.4, 0, 0.2, 1);transition:opacity 150ms cubic-bezier(0.4, 0, 0.2, 1);overflow:hidden}:host(.select-justify-space-between) .select-wrapper{-ms-flex-pack:justify;justify-content:space-between}:host(.select-justify-start) .select-wrapper{-ms-flex-pack:start;justify-content:start}:host(.select-justify-end) .select-wrapper{-ms-flex-pack:end;justify-content:end}:host(.select-label-placement-start) .select-wrapper{-ms-flex-direction:row;flex-direction:row}:host(.select-label-placement-start) .label-text-wrapper{-webkit-margin-start:0;margin-inline-start:0;-webkit-margin-end:16px;margin-inline-end:16px;margin-top:0;margin-bottom:0}:host(.select-label-placement-end) .select-wrapper{-ms-flex-direction:row-reverse;flex-direction:row-reverse}:host(.select-label-placement-end) .label-text-wrapper{-webkit-margin-start:16px;margin-inline-start:16px;-webkit-margin-end:0;margin-inline-end:0;margin-top:0;margin-bottom:0}:host(.select-label-placement-fixed) .label-text-wrapper{-webkit-margin-start:0;margin-inline-start:0;-webkit-margin-end:16px;margin-inline-end:16px;margin-top:0;margin-bottom:0}:host(.select-label-placement-fixed) .label-text-wrapper{-ms-flex:0 0 100px;flex:0 0 100px;width:100px;min-width:100px;max-width:200px}:host(.select-label-placement-stacked) .select-wrapper,:host(.select-label-placement-floating) .select-wrapper{-ms-flex-direction:column;flex-direction:column;-ms-flex-align:start;align-items:start}:host(.select-label-placement-stacked) .label-text-wrapper,:host(.select-label-placement-floating) .label-text-wrapper{max-width:100%}:host(.select-ltr.select-label-placement-stacked) .label-text-wrapper,:host(.select-ltr.select-label-placement-floating) .label-text-wrapper{-webkit-transform-origin:left top;transform-origin:left top}:host(.select-rtl.select-label-placement-stacked) .label-text-wrapper,:host(.select-rtl.select-label-placement-floating) .label-text-wrapper{-webkit-transform-origin:right top;transform-origin:right top}:host(.select-label-placement-stacked) .native-wrapper,:host(.select-label-placement-floating) .native-wrapper{margin-left:0;margin-right:0;margin-top:1px;margin-bottom:0;-ms-flex-positive:1;flex-grow:1;width:100%}:host(.select-label-placement-floating) .label-text-wrapper{-webkit-transform:translateY(100%) scale(1);transform:translateY(100%) scale(1)}:host(.select-label-placement-floating) .native-wrapper .select-placeholder{opacity:0}:host(.select-expanded.select-label-placement-floating) .native-wrapper .select-placeholder,:host(.ion-focused.select-label-placement-floating) .native-wrapper .select-placeholder,:host(.has-value.select-label-placement-floating) .native-wrapper .select-placeholder{opacity:1}:host(.select-label-placement-stacked) .label-text-wrapper,:host(.select-expanded.select-label-placement-floating) .label-text-wrapper,:host(.ion-focused.select-label-placement-floating) .label-text-wrapper,:host(.has-value.select-label-placement-floating) .label-text-wrapper{-webkit-transform:translateY(50%) scale(0.75);transform:translateY(50%) scale(0.75);max-width:calc(100% / 0.75)}:host(.legacy-select){--padding-top:10px;--padding-end:8px;--padding-bottom:10px;--padding-start:16px}:host(:not(.legacy-select)){min-height:44px}:host(.select-label-placement-floating),:host(.select-label-placement-stacked){min-height:56px}.select-icon{width:18px;height:18px;color:var(--ion-color-step-650, #595959)}:host(.select-label-placement-stacked) .native-wrapper,:host(.select-label-placement-floating) .native-wrapper{width:calc(100% - 18px - 4px)}:host(.select-disabled){opacity:0.3}";var selectMdCss=":host{--padding-top:0px;--padding-end:0px;--padding-bottom:0px;--padding-start:0px;--placeholder-color:currentColor;--placeholder-opacity:0.6;--background:transparent;--border-style:solid;--highlight-color-focused:var(--ion-color-primary, #3880ff);--highlight-color-valid:var(--ion-color-success, #2dd36f);--highlight-color-invalid:var(--ion-color-danger, #eb445a);--highlight-color:var(--highlight-color-focused);display:block;position:relative;font-family:var(--ion-font-family, inherit);white-space:nowrap;cursor:pointer;z-index:2}:host(:not(.legacy-select)){width:100%}:host(.ion-color){--highlight-color-focused:var(--ion-color-base)}:host(.legacy-select){-webkit-padding-start:var(--padding-start);padding-inline-start:var(--padding-start);-webkit-padding-end:var(--padding-end);padding-inline-end:var(--padding-end);padding-top:var(--padding-top);padding-bottom:var(--padding-bottom);display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;overflow:hidden}:host(.in-item.legacy-select){position:static;max-width:45%}:host(.select-disabled){pointer-events:none}:host(.ion-focused) button{border:2px solid #5e9ed6}:host([slot=start]:not(.legacy-select)),:host([slot=end]:not(.legacy-select)){width:auto}.select-placeholder{color:var(--placeholder-color);opacity:var(--placeholder-opacity)}:host(.legacy-select) label{top:0;margin-left:0;margin-right:0;margin-top:0;margin-bottom:0;position:absolute;width:100%;height:100%;border:0;background:transparent;cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none;outline:none;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;opacity:0}@supports (inset-inline-start: 0){:host(.legacy-select) label{inset-inline-start:0}}@supports not (inset-inline-start: 0){:host(.legacy-select) label{left:0}:host-context([dir=rtl]):host(.legacy-select) label,:host-context([dir=rtl]).legacy-select label{left:unset;right:unset;right:0}@supports selector(:dir(rtl)){:host(.legacy-select) label:dir(rtl){left:unset;right:unset;right:0}}}:host(.legacy-select) label::-moz-focus-inner{border:0}button{position:absolute;top:0;left:0;right:0;bottom:0;width:100%;height:100%;margin:0;padding:0;border:0;outline:0;clip:rect(0 0 0 0);opacity:0;overflow:hidden;-webkit-appearance:none;-moz-appearance:none}.select-icon{-webkit-margin-start:4px;margin-inline-start:4px;-webkit-margin-end:0;margin-inline-end:0;margin-top:0;margin-bottom:0;position:relative}:host(.in-item-color) .select-icon{color:inherit}:host(.select-label-placement-stacked) .select-icon,:host(.select-label-placement-floating) .select-icon{position:absolute;height:100%}:host(.select-ltr.select-label-placement-stacked) .select-icon,:host(.select-ltr.select-label-placement-floating) .select-icon{right:var(--padding-end, 0)}:host(.select-rtl.select-label-placement-stacked) .select-icon,:host(.select-rtl.select-label-placement-floating) .select-icon{left:var(--padding-start, 0)}.select-text{-ms-flex:1;flex:1;min-width:16px;font-size:inherit;text-overflow:ellipsis;white-space:inherit;overflow:hidden}.select-wrapper{-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);border-radius:var(--border-radius);display:-ms-flexbox;display:flex;position:relative;-ms-flex-positive:1;flex-grow:1;-ms-flex-align:center;align-items:center;height:inherit;min-height:inherit;-webkit-transition:background-color 15ms linear;transition:background-color 15ms linear;background:var(--background);line-height:normal;cursor:inherit;-webkit-box-sizing:border-box;box-sizing:border-box}.select-wrapper .select-placeholder{-webkit-transition:opacity 150ms cubic-bezier(0.4, 0, 0.2, 1);transition:opacity 150ms cubic-bezier(0.4, 0, 0.2, 1)}:host(.ion-touched.ion-invalid){--highlight-color:var(--highlight-color-invalid)}:host(.ion-valid){--highlight-color:var(--highlight-color-valid)}.label-text-wrapper{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;max-width:200px;-webkit-transition:color 150ms cubic-bezier(0.4, 0, 0.2, 1), -webkit-transform 150ms cubic-bezier(0.4, 0, 0.2, 1);transition:color 150ms cubic-bezier(0.4, 0, 0.2, 1), -webkit-transform 150ms cubic-bezier(0.4, 0, 0.2, 1);transition:color 150ms cubic-bezier(0.4, 0, 0.2, 1), transform 150ms cubic-bezier(0.4, 0, 0.2, 1);transition:color 150ms cubic-bezier(0.4, 0, 0.2, 1), transform 150ms cubic-bezier(0.4, 0, 0.2, 1), -webkit-transform 150ms cubic-bezier(0.4, 0, 0.2, 1);pointer-events:none}.label-text,::slotted([slot=label]){text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.label-text-wrapper-hidden,.select-outline-notch-hidden{display:none}.native-wrapper{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-webkit-transition:opacity 150ms cubic-bezier(0.4, 0, 0.2, 1);transition:opacity 150ms cubic-bezier(0.4, 0, 0.2, 1);overflow:hidden}:host(.select-justify-space-between) .select-wrapper{-ms-flex-pack:justify;justify-content:space-between}:host(.select-justify-start) .select-wrapper{-ms-flex-pack:start;justify-content:start}:host(.select-justify-end) .select-wrapper{-ms-flex-pack:end;justify-content:end}:host(.select-label-placement-start) .select-wrapper{-ms-flex-direction:row;flex-direction:row}:host(.select-label-placement-start) .label-text-wrapper{-webkit-margin-start:0;margin-inline-start:0;-webkit-margin-end:16px;margin-inline-end:16px;margin-top:0;margin-bottom:0}:host(.select-label-placement-end) .select-wrapper{-ms-flex-direction:row-reverse;flex-direction:row-reverse}:host(.select-label-placement-end) .label-text-wrapper{-webkit-margin-start:16px;margin-inline-start:16px;-webkit-margin-end:0;margin-inline-end:0;margin-top:0;margin-bottom:0}:host(.select-label-placement-fixed) .label-text-wrapper{-webkit-margin-start:0;margin-inline-start:0;-webkit-margin-end:16px;margin-inline-end:16px;margin-top:0;margin-bottom:0}:host(.select-label-placement-fixed) .label-text-wrapper{-ms-flex:0 0 100px;flex:0 0 100px;width:100px;min-width:100px;max-width:200px}:host(.select-label-placement-stacked) .select-wrapper,:host(.select-label-placement-floating) .select-wrapper{-ms-flex-direction:column;flex-direction:column;-ms-flex-align:start;align-items:start}:host(.select-label-placement-stacked) .label-text-wrapper,:host(.select-label-placement-floating) .label-text-wrapper{max-width:100%}:host(.select-ltr.select-label-placement-stacked) .label-text-wrapper,:host(.select-ltr.select-label-placement-floating) .label-text-wrapper{-webkit-transform-origin:left top;transform-origin:left top}:host(.select-rtl.select-label-placement-stacked) .label-text-wrapper,:host(.select-rtl.select-label-placement-floating) .label-text-wrapper{-webkit-transform-origin:right top;transform-origin:right top}:host(.select-label-placement-stacked) .native-wrapper,:host(.select-label-placement-floating) .native-wrapper{margin-left:0;margin-right:0;margin-top:1px;margin-bottom:0;-ms-flex-positive:1;flex-grow:1;width:100%}:host(.select-label-placement-floating) .label-text-wrapper{-webkit-transform:translateY(100%) scale(1);transform:translateY(100%) scale(1)}:host(.select-label-placement-floating) .native-wrapper .select-placeholder{opacity:0}:host(.select-expanded.select-label-placement-floating) .native-wrapper .select-placeholder,:host(.ion-focused.select-label-placement-floating) .native-wrapper .select-placeholder,:host(.has-value.select-label-placement-floating) .native-wrapper .select-placeholder{opacity:1}:host(.select-label-placement-stacked) .label-text-wrapper,:host(.select-expanded.select-label-placement-floating) .label-text-wrapper,:host(.ion-focused.select-label-placement-floating) .label-text-wrapper,:host(.has-value.select-label-placement-floating) .label-text-wrapper{-webkit-transform:translateY(50%) scale(0.75);transform:translateY(50%) scale(0.75);max-width:calc(100% / 0.75)}:host(.select-fill-solid){--background:var(--ion-color-step-50, #f2f2f2);--border-color:var(--ion-color-step-500, gray);--border-radius:4px;--padding-start:16px;--padding-end:16px}:host(.select-fill-solid) .select-wrapper{border-bottom:var(--border-width) var(--border-style) var(--border-color)}:host(.has-focus.select-fill-solid.ion-valid),:host(.select-fill-solid.ion-touched.ion-invalid){--border-color:var(--highlight-color)}:host(.select-fill-solid) .select-bottom{border-top:none}@media (any-hover: hover){:host(.select-fill-solid:hover){--background:var(--ion-color-step-100, #e6e6e6);--border-color:var(--ion-color-step-750, #404040)}}:host(.select-fill-solid.select-expanded),:host(.select-fill-solid.ion-focused){--background:var(--ion-color-step-150, #d9d9d9);--border-color:var(--ion-color-step-750, #404040)}:host(.select-fill-solid) .select-wrapper{border-top-left-radius:var(--border-radius);border-top-right-radius:var(--border-radius);border-bottom-right-radius:0px;border-bottom-left-radius:0px}:host-context([dir=rtl]):host(.select-fill-solid) .select-wrapper,:host-context([dir=rtl]).select-fill-solid .select-wrapper{border-top-left-radius:var(--border-radius);border-top-right-radius:var(--border-radius);border-bottom-right-radius:0px;border-bottom-left-radius:0px}@supports selector(:dir(rtl)){:host(.select-fill-solid) .select-wrapper:dir(rtl){border-top-left-radius:var(--border-radius);border-top-right-radius:var(--border-radius);border-bottom-right-radius:0px;border-bottom-left-radius:0px}}:host(.select-fill-solid.select-label-placement-stacked) .label-text-wrapper,:host(.select-expanded.select-fill-solid.select-label-placement-floating) .label-text-wrapper,:host(.ion-focused.select-fill-solid.select-label-placement-floating) .label-text-wrapper,:host(.has-value.select-fill-solid.select-label-placement-floating) .label-text-wrapper{max-width:calc(100% / 0.75)}:host(.select-fill-outline){--border-color:var(--ion-color-step-300, #b3b3b3);--border-radius:4px;--padding-start:16px;--padding-end:16px}:host(.select-fill-outline.select-shape-round){--border-radius:28px;--padding-start:32px;--padding-end:32px}:host(.has-focus.select-fill-outline.ion-valid),:host(.select-fill-outline.ion-touched.ion-invalid){--border-color:var(--highlight-color)}@media (any-hover: hover){:host(.select-fill-outline:hover){--border-color:var(--ion-color-step-750, #404040)}}:host(.select-fill-outline.select-expanded),:host(.select-fill-outline.ion-focused){--border-width:2px;--border-color:var(--highlight-color)}:host(.select-fill-outline) .select-bottom{border-top:none}:host(.select-fill-outline) .select-wrapper{border-bottom:none}:host(.select-ltr.select-fill-outline.select-label-placement-stacked) .label-text-wrapper,:host(.select-ltr.select-fill-outline.select-label-placement-floating) .label-text-wrapper{-webkit-transform-origin:left top;transform-origin:left top}:host(.select-rtl.select-fill-outline.select-label-placement-stacked) .label-text-wrapper,:host(.select-rtl.select-fill-outline.select-label-placement-floating) .label-text-wrapper{-webkit-transform-origin:right top;transform-origin:right top}:host(.select-fill-outline.select-label-placement-stacked) .label-text-wrapper,:host(.select-fill-outline.select-label-placement-floating) .label-text-wrapper{position:absolute;max-width:calc(100% - var(--padding-start) - var(--padding-end))}:host(.select-fill-outline) .label-text-wrapper{position:relative;z-index:1}:host(.select-expanded.select-fill-outline.select-label-placement-floating) .label-text-wrapper,:host(.ion-focused.select-fill-outline.select-label-placement-floating) .label-text-wrapper,:host(.has-value.select-fill-outline.select-label-placement-floating) .label-text-wrapper,:host(.select-fill-outline.select-label-placement-stacked) .label-text-wrapper{-webkit-transform:translateY(-32%) scale(0.75);transform:translateY(-32%) scale(0.75);margin-left:0;margin-right:0;margin-top:0;margin-bottom:0;max-width:calc((100% - var(--padding-start) - var(--padding-end) - 8px) / 0.75)}:host(.select-fill-outline.select-label-placement-stacked) select,:host(.select-fill-outline.select-label-placement-floating) select{margin-left:0;margin-right:0;margin-top:6px;margin-bottom:6px}:host(.select-fill-outline) .select-outline-container{left:0;right:0;top:0;bottom:0;display:-ms-flexbox;display:flex;position:absolute;width:100%;height:100%}:host(.select-fill-outline) .select-outline-start,:host(.select-fill-outline) .select-outline-end{pointer-events:none}:host(.select-fill-outline) .select-outline-start,:host(.select-fill-outline) .select-outline-notch,:host(.select-fill-outline) .select-outline-end{border-top:var(--border-width) var(--border-style) var(--border-color);border-bottom:var(--border-width) var(--border-style) var(--border-color);-webkit-box-sizing:border-box;box-sizing:border-box}:host(.select-fill-outline) .select-outline-notch{max-width:calc(100% - var(--padding-start) - var(--padding-end))}:host(.select-fill-outline) .notch-spacer{-webkit-padding-end:8px;padding-inline-end:8px;font-size:calc(1em * 0.75);opacity:0;pointer-events:none}:host(.select-fill-outline) .select-outline-start{-webkit-border-start:var(--border-width) var(--border-style) var(--border-color);border-inline-start:var(--border-width) var(--border-style) var(--border-color)}:host(.select-ltr.select-fill-outline) .select-outline-start{border-radius:var(--border-radius) 0px 0px var(--border-radius)}:host(.select-rtl.select-fill-outline) .select-outline-start{border-radius:0px var(--border-radius) var(--border-radius) 0px}:host(.select-fill-outline) .select-outline-start{width:calc(var(--padding-start) - 4px)}:host(.select-fill-outline) .select-outline-end{-webkit-border-end:var(--border-width) var(--border-style) var(--border-color);border-inline-end:var(--border-width) var(--border-style) var(--border-color)}:host(.select-ltr.select-fill-outline) .select-outline-end{border-radius:0px var(--border-radius) var(--border-radius) 0px}:host(.select-rtl.select-fill-outline) .select-outline-end{border-radius:var(--border-radius) 0px 0px var(--border-radius)}:host(.select-fill-outline) .select-outline-end{-ms-flex-positive:1;flex-grow:1}:host(.select-expanded.select-fill-outline.select-label-placement-floating) .select-outline-notch,:host(.ion-focused.select-fill-outline.select-label-placement-floating) .select-outline-notch,:host(.has-value.select-fill-outline.select-label-placement-floating) .select-outline-notch,:host(.select-fill-outline.select-label-placement-stacked) .select-outline-notch{border-top:none}:host{--border-width:1px;--border-color:var(--ion-item-border-color, var(--ion-border-color, var(--ion-color-step-150, rgba(0, 0, 0, 0.13))))}:host(.legacy-select){--padding-top:10px;--padding-end:0;--padding-bottom:10px;--padding-start:16px}:host(:not(.legacy-select)){min-height:56px}.select-icon{width:13px;-webkit-transition:-webkit-transform 0.15s cubic-bezier(0.4, 0, 0.2, 1);transition:-webkit-transform 0.15s cubic-bezier(0.4, 0, 0.2, 1);transition:transform 0.15s cubic-bezier(0.4, 0, 0.2, 1);transition:transform 0.15s cubic-bezier(0.4, 0, 0.2, 1), -webkit-transform 0.15s cubic-bezier(0.4, 0, 0.2, 1);color:var(--ion-color-step-500, gray)}:host(.select-label-placement-floating.select-expanded) .label-text-wrapper,:host(.select-label-placement-floating.ion-focused) .label-text-wrapper,:host(.select-label-placement-stacked.select-expanded) .label-text-wrapper,:host(.select-label-placement-stacked.ion-focused) .label-text-wrapper{color:var(--highlight-color)}:host(.has-focus.select-label-placement-floating.ion-valid) .label-text-wrapper,:host(.select-label-placement-floating.ion-touched.ion-invalid) .label-text-wrapper,:host(.has-focus.select-label-placement-stacked.ion-valid) .label-text-wrapper,:host(.select-label-placement-stacked.ion-touched.ion-invalid) .label-text-wrapper{color:var(--highlight-color)}.select-highlight{bottom:-1px;position:absolute;width:100%;height:2px;-webkit-transform:scale(0);transform:scale(0);-webkit-transition:-webkit-transform 200ms;transition:-webkit-transform 200ms;transition:transform 200ms;transition:transform 200ms, -webkit-transform 200ms;background:var(--highlight-color)}@supports (inset-inline-start: 0){.select-highlight{inset-inline-start:0}}@supports not (inset-inline-start: 0){.select-highlight{left:0}:host-context([dir=rtl]) .select-highlight{left:unset;right:unset;right:0}[dir=rtl] .select-highlight{left:unset;right:unset;right:0}@supports selector(:dir(rtl)){.select-highlight:dir(rtl){left:unset;right:unset;right:0}}}:host(.select-expanded) .select-highlight,:host(.ion-focused) .select-highlight{-webkit-transform:scale(1);transform:scale(1)}:host(.in-item) .select-highlight{bottom:0}@supports (inset-inline-start: 0){:host(.in-item) .select-highlight{inset-inline-start:0}}@supports not (inset-inline-start: 0){:host(.in-item) .select-highlight{left:0}:host-context([dir=rtl]):host(.in-item) .select-highlight,:host-context([dir=rtl]).in-item .select-highlight{left:unset;right:unset;right:0}@supports selector(:dir(rtl)){:host(.in-item) .select-highlight:dir(rtl){left:unset;right:unset;right:0}}}:host(.select-expanded:not(.legacy-select):not(.has-expanded-icon)) .select-icon{-webkit-transform:rotate(180deg);transform:rotate(180deg)}:host(.select-expanded) .select-wrapper .select-icon,:host(.has-focus.ion-valid) .select-wrapper .select-icon,:host(.ion-touched.ion-invalid) .select-wrapper .select-icon,:host(.ion-focused) .select-wrapper .select-icon{color:var(--highlight-color)}:host-context(.item-label-stacked) .select-icon,:host-context(.item-label-floating:not(.item-fill-outline)) .select-icon,:host-context(.item-label-floating.item-fill-outline){-webkit-transform:translate3d(0, -9px, 0);transform:translate3d(0, -9px, 0)}:host-context(.item-has-focus):host(:not(.has-expanded-icon)) .select-icon{-webkit-transform:rotate(180deg);transform:rotate(180deg)}:host-context(.item-has-focus.item-label-stacked):host(:not(.has-expanded-icon)) .select-icon,:host-context(.item-has-focus.item-label-floating:not(.item-fill-outline)):host(:not(.has-expanded-icon)) .select-icon{-webkit-transform:translate3d(0, -9px, 0) rotate(180deg);transform:translate3d(0, -9px, 0) rotate(180deg)}:host(.select-shape-round){--border-radius:16px}:host(.select-label-placement-stacked) .native-wrapper,:host(.select-label-placement-floating) .native-wrapper{width:calc(100% - 13px - 4px)}:host(.select-disabled){opacity:0.38}";var Select=function(){function e(e){var t=this;registerInstance(this,e);this.ionChange=createEvent(this,"ionChange",7);this.ionCancel=createEvent(this,"ionCancel",7);this.ionDismiss=createEvent(this,"ionDismiss",7);this.ionFocus=createEvent(this,"ionFocus",7);this.ionBlur=createEvent(this,"ionBlur",7);this.ionStyle=createEvent(this,"ionStyle",7);this.inputId="ion-sel-".concat(selectIds++);this.inheritedAttributes={};this.hasLoggedDeprecationWarning=false;this.onClick=function(e){t.setFocus();t.open(e)};this.onFocus=function(){t.ionFocus.emit()};this.onBlur=function(){t.ionBlur.emit()};this.isExpanded=false;this.cancelText="Cancel";this.color=undefined;this.compareWith=undefined;this.disabled=false;this.fill=undefined;this.interface="alert";this.interfaceOptions={};this.justify="space-between";this.label=undefined;this.labelPlacement="start";this.legacy=undefined;this.multiple=false;this.name=this.inputId;this.okText="OK";this.placeholder=undefined;this.selectedText=undefined;this.toggleIcon=undefined;this.expandedIcon=undefined;this.shape=undefined;this.value=undefined}e.prototype.styleChanged=function(){this.emitStyle()};e.prototype.setValue=function(e){this.value=e;this.ionChange.emit({value:e})};e.prototype.componentWillLoad=function(){this.inheritedAttributes=inheritAttributes(this.el,["aria-label"])};e.prototype.connectedCallback=function(){return __awaiter(this,void 0,void 0,(function(){var e;var t=this;return __generator(this,(function(i){e=this.el;this.legacyFormController=createLegacyFormController(e);this.notchController=createNotchController(e,(function(){return t.notchSpacerEl}),(function(){return t.labelSlot}));this.updateOverlayOptions();this.emitStyle();this.mutationO=watchForOptions(this.el,"ion-select-option",(function(){return __awaiter(t,void 0,void 0,(function(){return __generator(this,(function(e){this.updateOverlayOptions();forceUpdate(this);return[2]}))}))}));return[2]}))}))};e.prototype.disconnectedCallback=function(){if(this.mutationO){this.mutationO.disconnect();this.mutationO=undefined}if(this.notchController){this.notchController.destroy();this.notchController=undefined}};e.prototype.open=function(e){return __awaiter(this,void 0,void 0,(function(){var t,i,l,r,o;var n=this;return __generator(this,(function(a){switch(a.label){case 0:if(this.disabled||this.isExpanded){return[2,undefined]}this.isExpanded=true;i=this;return[4,this.createOverlay(e)];case 1:t=i.overlay=a.sent();t.onDidDismiss().then((function(){n.overlay=undefined;n.isExpanded=false;n.ionDismiss.emit();n.setFocus()}));return[4,t.present()];case 2:a.sent();if(this.interface==="popover"){l=this.childOpts.map((function(e){return e.value})).indexOf(this.value);l=l>-1?l:0;r=t.querySelector(".select-interface-option:nth-child(".concat(l+1,")"));if(r){focusElement(r);o=r.querySelector("ion-radio, ion-checkbox");if(o){o.focus()}}}return[2,t]}}))}))};e.prototype.createOverlay=function(e){var t=this.interface;if(t==="action-sheet"&&this.multiple){console.warn('Select interface cannot be "'.concat(t,'" with a multi-value select. Using the "alert" interface instead.'));t="alert"}if(t==="popover"&&!e){console.warn('Select interface cannot be a "'.concat(t,'" without passing an event. Using the "alert" interface instead.'));t="alert"}if(t==="action-sheet"){return this.openActionSheet()}if(t==="popover"){return this.openPopover(e)}return this.openAlert()};e.prototype.updateOverlayOptions=function(){var e=this.overlay;if(!e){return}var t=this.childOpts;var i=this.value;switch(this.interface){case"action-sheet":e.buttons=this.createActionSheetButtons(t,i);break;case"popover":var l=e.querySelector("ion-select-popover");if(l){l.options=this.createPopoverOptions(t,i)}break;case"alert":var r=this.multiple?"checkbox":"radio";e.inputs=this.createAlertInputs(t,r,i);break}};e.prototype.createActionSheetButtons=function(e,t){var i=this;var l=e.map((function(e){var l=getOptionValue(e);var r=Array.from(e.classList).filter((function(e){return e!=="hydrated"})).join(" ");var o="".concat(OPTION_CLASS," ").concat(r);return{role:isOptionSelected(t,l,i.compareWith)?"selected":"",text:e.textContent,cssClass:o,handler:function(){i.setValue(l)}}}));l.push({text:this.cancelText,role:"cancel",handler:function(){i.ionCancel.emit()}});return l};e.prototype.createAlertInputs=function(e,t,i){var l=this;var r=e.map((function(e){var r=getOptionValue(e);var o=Array.from(e.classList).filter((function(e){return e!=="hydrated"})).join(" ");var n="".concat(OPTION_CLASS," ").concat(o);return{type:t,cssClass:n,label:e.textContent||"",value:r,checked:isOptionSelected(i,r,l.compareWith),disabled:e.disabled}}));return r};e.prototype.createPopoverOptions=function(e,t){var i=this;var l=e.map((function(e){var l=getOptionValue(e);var r=Array.from(e.classList).filter((function(e){return e!=="hydrated"})).join(" ");var o="".concat(OPTION_CLASS," ").concat(r);return{text:e.textContent||"",cssClass:o,value:l,checked:isOptionSelected(t,l,i.compareWith),disabled:e.disabled,handler:function(e){i.setValue(e);if(!i.multiple){i.close()}}}}));return l};e.prototype.openPopover=function(e){return __awaiter(this,void 0,void 0,(function(){var t,i,l,r,o,n,a,s,c,d,p,h,u;return __generator(this,(function(b){t=this,i=t.fill,l=t.labelPlacement;r=this.interfaceOptions;o=getIonMode(this);n=o==="md"?false:true;a=this.multiple;s=this.value;c=e;d="auto";if(this.legacyFormController.hasLegacyControl()){p=this.el.closest("ion-item");if(p&&(p.classList.contains("item-label-floating")||p.classList.contains("item-label-stacked"))){c=Object.assign(Object.assign({},e),{detail:{ionShadowTarget:p}});d="cover"}}else{h=l==="floating"||l==="stacked";if(h||o==="md"&&i!==undefined){d="cover"}else{c=Object.assign(Object.assign({},e),{detail:{ionShadowTarget:this.nativeWrapperEl}})}}u=Object.assign(Object.assign({mode:o,event:c,alignment:"center",size:d,showBackdrop:n},r),{component:"ion-select-popover",cssClass:["select-popover",r.cssClass],componentProps:{header:r.header,subHeader:r.subHeader,message:r.message,multiple:a,value:s,options:this.createPopoverOptions(this.childOpts,s)}});return[2,popoverController.create(u)]}))}))};e.prototype.openActionSheet=function(){return __awaiter(this,void 0,void 0,(function(){var e,t,i;return __generator(this,(function(l){e=getIonMode(this);t=this.interfaceOptions;i=Object.assign(Object.assign({mode:e},t),{buttons:this.createActionSheetButtons(this.childOpts,this.value),cssClass:["select-action-sheet",t.cssClass]});return[2,actionSheetController.create(i)]}))}))};e.prototype.openAlert=function(){return __awaiter(this,void 0,void 0,(function(){var e,t,i,l,r,o;var n=this;return __generator(this,(function(a){if(this.legacyFormController.hasLegacyControl()){e=this.getLabel();t=e?e.textContent:null}else{t=this.labelText}i=this.interfaceOptions;l=this.multiple?"checkbox":"radio";r=getIonMode(this);o=Object.assign(Object.assign({mode:r},i),{header:i.header?i.header:t,inputs:this.createAlertInputs(this.childOpts,l,this.value),buttons:[{text:this.cancelText,role:"cancel",handler:function(){n.ionCancel.emit()}},{text:this.okText,handler:function(e){n.setValue(e)}}],cssClass:["select-alert",i.cssClass,this.multiple?"multiple-select-alert":"single-select-alert"]});return[2,alertController.create(o)]}))}))};e.prototype.close=function(){if(!this.overlay){return Promise.resolve(false)}return this.overlay.dismiss()};e.prototype.getLabel=function(){return findItemLabel(this.el)};e.prototype.hasValue=function(){return this.getText()!==""};Object.defineProperty(e.prototype,"childOpts",{get:function(){return Array.from(this.el.querySelectorAll("ion-select-option"))},enumerable:false,configurable:true});Object.defineProperty(e.prototype,"labelText",{get:function(){var e=this.label;if(e!==undefined){return e}var t=this.labelSlot;if(t!==null){return t.textContent}return},enumerable:false,configurable:true});e.prototype.getText=function(){var e=this.selectedText;if(e!=null&&e!==""){return e}return generateText(this.childOpts,this.value,this.compareWith)};e.prototype.setFocus=function(){if(this.focusEl){this.focusEl.focus()}};e.prototype.emitStyle=function(){var e=this.disabled;var t={"interactive-disabled":e};if(this.legacyFormController.hasLegacyControl()){t["interactive"]=true;t["select"]=true;t["select-disabled"]=e;t["has-placeholder"]=this.placeholder!==undefined;t["has-value"]=this.hasValue();t["has-focus"]=this.isExpanded}this.ionStyle.emit(t)};e.prototype.renderLabel=function(){var e=this.label;return h("div",{class:{"label-text-wrapper":true,"label-text-wrapper-hidden":!this.hasLabel},part:"label"},e===undefined?h("slot",{name:"label"}):h("div",{class:"label-text"},e))};e.prototype.componentDidRender=function(){var e;(e=this.notchController)===null||e===void 0?void 0:e.calculateNotchWidth()};Object.defineProperty(e.prototype,"labelSlot",{get:function(){return this.el.querySelector('[slot="label"]')},enumerable:false,configurable:true});Object.defineProperty(e.prototype,"hasLabel",{get:function(){return this.label!==undefined||this.labelSlot!==null},enumerable:false,configurable:true});e.prototype.renderLabelContainer=function(){var e=this;var t=getIonMode(this);var i=t==="md"&&this.fill==="outline";if(i){return[h("div",{class:"select-outline-container"},h("div",{class:"select-outline-start"}),h("div",{class:{"select-outline-notch":true,"select-outline-notch-hidden":!this.hasLabel}},h("div",{class:"notch-spacer","aria-hidden":"true",ref:function(t){return e.notchSpacerEl=t}},this.label)),h("div",{class:"select-outline-end"})),this.renderLabel()]}return this.renderLabel()};e.prototype.renderSelect=function(){var e;var t=this;var i=this,l=i.disabled,r=i.el,o=i.isExpanded,n=i.expandedIcon,a=i.labelPlacement,s=i.justify,c=i.placeholder,d=i.fill,p=i.shape,u=i.name,b=i.value;var f=getIonMode(this);var m=a==="floating"||a==="stacked";var g=!m;var v=isRTL(r)?"rtl":"ltr";var x=hostContext("ion-item",this.el);var w=f==="md"&&d!=="outline"&&!x;renderHiddenInput(true,r,u,parseValue(b),l);return h(Host,{onClick:this.onClick,class:createColorClasses(this.color,(e={},e[f]=true,e["in-item"]=x,e["in-item-color"]=hostContext("ion-item.ion-color",r),e["select-disabled"]=l,e["select-expanded"]=o,e["has-expanded-icon"]=n!==undefined,e["has-value"]=this.hasValue(),e["has-placeholder"]=c!==undefined,e["ion-focusable"]=true,e["select-".concat(v)]=true,e["select-fill-".concat(d)]=d!==undefined,e["select-justify-".concat(s)]=g,e["select-shape-".concat(p)]=p!==undefined,e["select-label-placement-".concat(a)]=true,e))},h("label",{class:"select-wrapper",id:"select-label"},this.renderLabelContainer(),h("div",{class:"native-wrapper",ref:function(e){return t.nativeWrapperEl=e},part:"container"},this.renderSelectText(),!m&&this.renderSelectIcon(),this.renderListbox()),m&&this.renderSelectIcon(),w&&h("div",{class:"select-highlight"})))};e.prototype.renderLegacySelect=function(){var e;if(!this.hasLoggedDeprecationWarning){printIonWarning('ion-select now requires providing a label with either the "label" property or the "aria-label" attribute. To migrate, remove any usage of "ion-label" and pass the label text to either the "label" property or the "aria-label" attribute.\n\nExample: <ion-select label="Favorite Color">...</ion-select>\nExample with aria-label: <ion-select aria-label="Favorite Color">...</ion-select>\n\nDevelopers can use the "legacy" property to continue using the legacy form markup. This property will be removed in an upcoming major release of Ionic where this form control will use the modern form markup.',this.el);if(this.legacy){printIonWarning('ion-select is being used with the "legacy" property enabled which will forcibly enable the legacy form markup. This property will be removed in an upcoming major release of Ionic where this form control will use the modern form markup.\n Developers can dismiss this warning by removing their usage of the "legacy" property and using the new select syntax.',this.el)}this.hasLoggedDeprecationWarning=true}var t=this,i=t.disabled,l=t.el,r=t.inputId,o=t.isExpanded,n=t.expandedIcon,a=t.name,s=t.placeholder,c=t.value;var d=getIonMode(this);var p=getAriaLabel(l,r),u=p.labelText,b=p.labelId;renderHiddenInput(true,l,a,parseValue(c),i);var f=this.getText();var m=f;if(m===""&&s!==undefined){m=s}var g=u!==undefined?m!==""?"".concat(m,", ").concat(u):u:m;return h(Host,{onClick:this.onClick,role:"button","aria-haspopup":"listbox","aria-disabled":i?"true":null,"aria-label":g,class:(e={},e[d]=true,e["in-item"]=hostContext("ion-item",l),e["in-item-color"]=hostContext("ion-item.ion-color",l),e["select-disabled"]=i,e["select-expanded"]=o,e["has-expanded-icon"]=n!==undefined,e["legacy-select"]=true,e)},this.renderSelectText(),this.renderSelectIcon(),h("label",{id:b},g),this.renderListbox())};e.prototype.renderSelectText=function(){var e=this.placeholder;var t=this.getText();var i=false;var l=t;if(l===""&&e!==undefined){l=e;i=true}var r={"select-text":true,"select-placeholder":i};var o=i?"placeholder":"text";return h("div",{"aria-hidden":"true",class:r,part:o},l)};e.prototype.renderSelectIcon=function(){var e=getIonMode(this);var t=this,i=t.isExpanded,l=t.toggleIcon,r=t.expandedIcon;var o;if(i&&r!==undefined){o=r}else{var n=e==="ios"?chevronExpand:caretDownSharp;o=l!==null&&l!==void 0?l:n}return h("ion-icon",{class:"select-icon",part:"icon","aria-hidden":"true",icon:o})};Object.defineProperty(e.prototype,"ariaLabel",{get:function(){var e,t;var i=this,l=i.placeholder,r=i.el,o=i.inputId,n=i.inheritedAttributes;var a=this.getText();var s=getAriaLabel(r,o).labelText;var c=(t=(e=this.labelText)!==null&&e!==void 0?e:n["aria-label"])!==null&&t!==void 0?t:s;var d=a;if(d===""&&l!==undefined){d=l}if(c!==undefined){d=d===""?c:"".concat(c,", ").concat(d)}return d},enumerable:false,configurable:true});e.prototype.renderListbox=function(){var e=this;var t=this,i=t.disabled,l=t.inputId,r=t.isExpanded;return h("button",{disabled:i,id:l,"aria-label":this.ariaLabel,"aria-haspopup":"listbox","aria-expanded":"".concat(r),onFocus:this.onFocus,onBlur:this.onBlur,ref:function(t){return e.focusEl=t}})};e.prototype.render=function(){var e=this.legacyFormController;return e.hasLegacyControl()?this.renderLegacySelect():this.renderSelect()};Object.defineProperty(e.prototype,"el",{get:function(){return getElement(this)},enumerable:false,configurable:true});Object.defineProperty(e,"watchers",{get:function(){return{disabled:["styleChanged"],isExpanded:["styleChanged"],placeholder:["styleChanged"],value:["styleChanged"]}},enumerable:false,configurable:true});return e}();var isOptionSelected=function(e,t,i){if(e===undefined){return false}if(Array.isArray(e)){return e.some((function(e){return compareOptions(e,t,i)}))}else{return compareOptions(e,t,i)}};var getOptionValue=function(e){var t=e.value;return t===undefined?e.textContent||"":t};var parseValue=function(e){if(e==null){return undefined}if(Array.isArray(e)){return e.join(",")}return e.toString()};var compareOptions=function(e,t,i){if(typeof i==="function"){return i(e,t)}else if(typeof i==="string"){return e[i]===t[i]}else{return Array.isArray(t)?t.includes(e):e===t}};var generateText=function(e,t,i){if(t===undefined){return""}if(Array.isArray(t)){return t.map((function(t){return textForValue(e,t,i)})).filter((function(e){return e!==null})).join(", ")}else{return textForValue(e,t,i)||""}};var textForValue=function(e,t,i){var l=e.find((function(e){return compareOptions(t,getOptionValue(e),i)}));return l?l.textContent:null};var selectIds=0;var OPTION_CLASS="select-interface-option";Select.style={ios:selectIosCss,md:selectMdCss};var selectOptionCss=":host{display:none}";var SelectOption=function(){function e(e){registerInstance(this,e);this.inputId="ion-selopt-".concat(selectOptionIds++);this.disabled=false;this.value=undefined}e.prototype.render=function(){return h(Host,{role:"option",id:this.inputId,class:getIonMode(this)})};Object.defineProperty(e.prototype,"el",{get:function(){return getElement(this)},enumerable:false,configurable:true});return e}();var selectOptionIds=0;SelectOption.style=selectOptionCss;var selectPopoverIosCss=".sc-ion-select-popover-ios-h ion-list.sc-ion-select-popover-ios{margin-left:0;margin-right:0;margin-top:0;margin-bottom:0}ion-list-header.sc-ion-select-popover-ios,ion-label.sc-ion-select-popover-ios{margin-left:0;margin-right:0;margin-top:0;margin-bottom:0}";var selectPopoverMdCss=".sc-ion-select-popover-md-h ion-list.sc-ion-select-popover-md{margin-left:0;margin-right:0;margin-top:0;margin-bottom:0}ion-list-header.sc-ion-select-popover-md,ion-label.sc-ion-select-popover-md{margin-left:0;margin-right:0;margin-top:0;margin-bottom:0}ion-list.sc-ion-select-popover-md ion-radio.sc-ion-select-popover-md::part(container){opacity:0}ion-item.sc-ion-select-popover-md{--inner-border-width:0}.item-radio-checked.sc-ion-select-popover-md{--background:rgba(var(--ion-color-primary-rgb, 56, 128, 255), 0.08);--background-focused:var(--ion-color-primary, #3880ff);--background-focused-opacity:0.2;--background-hover:var(--ion-color-primary, #3880ff);--background-hover-opacity:0.12}.item-checkbox-checked.sc-ion-select-popover-md{--background-activated:var(--ion-item-color, var(--ion-text-color, #000));--background-focused:var(--ion-item-color, var(--ion-text-color, #000));--background-hover:var(--ion-item-color, var(--ion-text-color, #000));--color:var(--ion-color-primary, #3880ff)}";var SelectPopover=function(){function e(e){registerInstance(this,e);this.header=undefined;this.subHeader=undefined;this.message=undefined;this.multiple=undefined;this.options=[]}e.prototype.findOptionFromEvent=function(e){var t=this.options;return t.find((function(t){return t.value===e.target.value}))};e.prototype.callOptionHandler=function(e){var t=this.findOptionFromEvent(e);var i=this.getValues(e);if(t===null||t===void 0?void 0:t.handler){safeCall(t.handler,i)}};e.prototype.dismissParentPopover=function(){var e=this.el.closest("ion-popover");if(e){e.dismiss()}};e.prototype.setChecked=function(e){var t=this.multiple;var i=this.findOptionFromEvent(e);if(t&&i){i.checked=e.detail.checked}};e.prototype.getValues=function(e){var t=this,i=t.multiple,l=t.options;if(i){return l.filter((function(e){return e.checked})).map((function(e){return e.value}))}var r=this.findOptionFromEvent(e);return r?r.value:undefined};e.prototype.renderOptions=function(e){var t=this.multiple;switch(t){case true:return this.renderCheckboxOptions(e);default:return this.renderRadioOptions(e)}};e.prototype.renderCheckboxOptions=function(e){var t=this;return e.map((function(e){return h("ion-item",{class:Object.assign({"item-checkbox-checked":e.checked},getClassMap(e.cssClass))},h("ion-checkbox",{value:e.value,disabled:e.disabled,checked:e.checked,justify:"start",labelPlacement:"end",onIonChange:function(e){t.setChecked(e);t.callOptionHandler(e);forceUpdate(t)}},e.text))}))};e.prototype.renderRadioOptions=function(e){var t=this;var i=e.filter((function(e){return e.checked})).map((function(e){return e.value}))[0];return h("ion-radio-group",{value:i,onIonChange:function(e){return t.callOptionHandler(e)}},e.map((function(e){return h("ion-item",{class:Object.assign({"item-radio-checked":e.value===i},getClassMap(e.cssClass))},h("ion-radio",{value:e.value,disabled:e.disabled,onClick:function(){return t.dismissParentPopover()},onKeyUp:function(e){if(e.key===" "){t.dismissParentPopover()}}},e.text))})))};e.prototype.render=function(){var e=this,t=e.header,i=e.message,l=e.options,r=e.subHeader;var o=r!==undefined||i!==undefined;return h(Host,{class:getIonMode(this)},h("ion-list",null,t!==undefined&&h("ion-list-header",null,t),o&&h("ion-item",null,h("ion-label",{class:"ion-text-wrap"},r!==undefined&&h("h3",null,r),i!==undefined&&h("p",null,i))),this.renderOptions(l)))};Object.defineProperty(e.prototype,"el",{get:function(){return getElement(this)},enumerable:false,configurable:true});return e}();SelectPopover.style={ios:selectPopoverIosCss,md:selectPopoverMdCss};export{Select as ion_select,SelectOption as ion_select_option,SelectPopover as ion_select_popover};
|