UNPKG

@ionic/core

Version:

Base components for Ionic

ionicframework.com

ionic-team/ionic-framework

4 lines • 29.1 kB
1
2
3
4
var __awaiter=this&&this.__awaiter||function(t,e,r,o){function i(t){return t instanceof r?t:new r((function(e){e(t)}))}return new(r||(r=Promise))((function(r,n){function a(t){try{p(o.next(t))}catch(t){n(t)}}function s(t){try{p(o["throw"](t))}catch(t){n(t)}}function p(t){t.done?r(t.value):i(t.value).then(a,s)}p((o=o.apply(t,e||[])).next())}))};var __generator=this&&this.__generator||function(t,e){var r={label:0,sent:function(){if(n[0]&1)throw n[1];return n[1]},trys:[],ops:[]},o,i,n,a;return a={next:s(0),throw:s(1),return:s(2)},typeof Symbol==="function"&&(a[Symbol.iterator]=function(){return this}),a;function s(t){return function(e){return p([t,e])}}function p(s){if(o)throw new TypeError("Generator is already executing.");while(a&&(a=0,s[0]&&(r=0)),r)try{if(o=1,i&&(n=s[0]&2?i["return"]:s[0]?i["throw"]||((n=i["return"])&&n.call(i),0):i.next)&&!(n=n.call(i,s[1])).done)return n;if(i=0,n)s=[s[0]&2,n.value];switch(s[0]){case 0:case 1:n=s;break;case 4:r.label++;return{value:s[1],done:false};case 5:r.label++;i=s[1];s=[0];continue;case 7:s=r.ops.pop();r.trys.pop();continue;default:if(!(n=r.trys,n=n.length>0&&n[n.length-1])&&(s[0]===6||s[0]===2)){r=0;continue}if(s[0]===3&&(!n||s[1]>n[0]&&s[1]<n[3])){r.label=s[1];break}if(s[0]===6&&r.label<n[1]){r.label=n[1];n=s;break}if(n&&r.label<n[2]){r.label=n[2];r.ops.push(s);break}if(n[2])r.ops.pop();r.trys.pop();continue}s=e.call(t,r)}catch(t){s=[6,t];i=0}finally{o=n=0}if(s[0]&5)throw s[1];return{value:s[0]?s[1]:void 0,done:true}}}; /*! * (C) Ionic http://ionicframework.com - MIT License */System.register(["./p-f11a9436.system.js","./p-09d185ff.system.js","./p-3855fef7.system.js","./p-455cd7cc.system.js","./p-4f255d5a.system.js","./p-0ec5b7cf.system.js","./p-f201b53a.system.js","./p-4609d030.system.js","./p-978bdf4c.system.js","./p-9146695e.system.js","./p-792919fd.system.js","./p-7cc33a9a.system.js","./p-20d469d0.system.js"],(function(t){"use strict";var e,r,o,i,n,a,s,p,f,c,v,u,d,h,l,g,x,b,m,w,k,y,P,_,D,T,j,N;return{setters:[function(t){e=t.r;r=t.c;o=t.h;i=t.e;n=t.f},function(t){a=t.B;s=t.j;p=t.k;f=t.f;c=t.n;v=t.g;u=t.h;d=t.F},function(t){h=t.C;l=t.a;g=t.d},function(t){x=t.r;b=t.g;m=t.a;w=t.k},function(t){k=t.c},function(t){y=t.p},function(t){P=t.b;_=t.a},function(t){D=t.g},function(t){T=t.e;j=t.w},function(t){N=t.c},function(){},function(){},function(){}],execute:function(){var O=this;var A=function(t){if(!t){return{arrowWidth:0,arrowHeight:0}}var e=t.getBoundingClientRect(),r=e.width,o=e.height;return{arrowWidth:r,arrowHeight:o}};var I=function(t,e,r){var o=e.getBoundingClientRect();var i=o.height;var n=o.width;if(t==="cover"&&r){var a=r.getBoundingClientRect();n=a.width}return{contentWidth:n,contentHeight:i}};var W=function(t,e,r,o){var i=[];var n=b(o);var a=n.querySelector(".popover-content");switch(e){case"hover":i=[{eventName:"mouseenter",callback:function(e){var o=document.elementFromPoint(e.clientX,e.clientY);if(o===t){return}r.dismiss(undefined,undefined,false)}}];break;case"context-menu":case"click":default:i=[{eventName:"click",callback:function(e){var o=e.target;var i=o.closest("[data-ion-popover-trigger]");if(i===t){e.stopPropagation();return}r.dismiss(undefined,undefined,false)}}];break}i.forEach((function(t){var e=t.eventName,r=t.callback;return a.addEventListener(e,r)}));return function(){i.forEach((function(t){var e=t.eventName,r=t.callback;return a.removeEventListener(e,r)}))}};var L=function(t,e,r){var o=[];switch(e){case"hover":var i;o=[{eventName:"mouseenter",callback:function(t){return __awaiter(O,void 0,void 0,(function(){return __generator(this,(function(e){t.stopPropagation();if(i){clearTimeout(i)}i=setTimeout((function(){x((function(){r.presentFromTrigger(t);i=undefined}))}),100);return[2]}))}))}},{eventName:"mouseleave",callback:function(t){if(i){clearTimeout(i)}var e=t.relatedTarget;if(!e){return}if(e.closest("ion-popover")!==r){r.dismiss(undefined,undefined,false)}}},{eventName:"click",callback:function(t){return t.stopPropagation()}},{eventName:"ionPopoverActivateTrigger",callback:function(t){return r.presentFromTrigger(t,true)}}];break;case"context-menu":o=[{eventName:"contextmenu",callback:function(t){t.preventDefault();r.presentFromTrigger(t)}},{eventName:"click",callback:function(t){return t.stopPropagation()}},{eventName:"ionPopoverActivateTrigger",callback:function(t){return r.presentFromTrigger(t,true)}}];break;case"click":default:o=[{eventName:"click",callback:function(t){return r.presentFromTrigger(t)}},{eventName:"ionPopoverActivateTrigger",callback:function(t){return r.presentFromTrigger(t,true)}}];break}o.forEach((function(e){var r=e.eventName,o=e.callback;return t.addEventListener(r,o)}));t.setAttribute("data-ion-popover-trigger","true");return function(){o.forEach((function(e){var r=e.eventName,o=e.callback;return t.removeEventListener(r,o)}));t.removeAttribute("data-ion-popover-trigger")}};var z=function(t,e){if(!e||e.tagName!=="ION-ITEM"){return-1}return t.findIndex((function(t){return t===e}))};var E=function(t,e){var r=z(t,e);return t[r+1]};var X=function(t,e){var r=z(t,e);return t[r-1]};var Y=function(t){var e=b(t);var r=e.querySelector("button");if(r){x((function(){return r.focus()}))}};var C=function(t){return t.hasAttribute("data-ion-popover-trigger")};var M=function(t){var e=function(e){return __awaiter(O,void 0,void 0,(function(){var r,o,i,n,a,s,p,f,c,v,u;return __generator(this,(function(d){switch(d.label){case 0:o=document.activeElement;i=[];n=(r=e.target)===null||r===void 0?void 0:r.tagName;if(n!=="ION-POPOVER"&&n!=="ION-ITEM"){return[2]}try{i=Array.from(t.querySelectorAll("ion-item:not(ion-popover ion-popover *):not([disabled])"))}catch(t){}a=e.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,t.getParentPopover()];case 2:s=d.sent();if(s){t.dismiss(undefined,undefined,false)}return[3,8];case 3:e.preventDefault();p=E(i,o);if(p!==undefined){Y(p)}return[3,8];case 4:e.preventDefault();f=X(i,o);if(f!==undefined){Y(f)}return[3,8];case 5:e.preventDefault();c=i[0];if(c!==undefined){Y(c)}return[3,8];case 6:e.preventDefault();v=i[i.length-1];if(v!==undefined){Y(v)}return[3,8];case 7:if(o&&C(o)){u=new CustomEvent("ionPopoverActivateTrigger");o.dispatchEvent(u)}return[3,8];case 8:return[2]}}))}))};t.addEventListener("keydown",e);return function(){return t.removeEventListener("keydown",e)}};var S=function(t,e,r,o,i,n,a,s,p,f,c){var v;var u={top:0,left:0,width:0,height:0};switch(n){case"event":if(!c){return p}var d=c;u={top:d.clientY,left:d.clientX,width:1,height:1};break;case"trigger":default:var h=c;var l=f||((v=h===null||h===void 0?void 0:h.detail)===null||v===void 0?void 0:v.ionShadowTarget)||(h===null||h===void 0?void 0:h.target);if(!l){return p}var g=l.getBoundingClientRect();u={top:g.top,left:g.left,width:g.width,height:g.height};break}var x=G(a,u,e,r,o,i,t);var b=U(s,a,u,e,r);var m=x.top+b.top;var w=x.left+b.left;var k=B(a,o,i,m,w,e,r,t),y=k.arrowTop,P=k.arrowLeft;var _=V(a,s,t),D=_.originX,T=_.originY;return{top:m,left:w,referenceCoordinates:u,arrowTop:y,arrowLeft:P,originX:D,originY:T}};var V=function(t,e,r){switch(t){case"top":return{originX:H(e),originY:"bottom"};case"bottom":return{originX:H(e),originY:"top"};case"left":return{originX:"right",originY:R(e)};case"right":return{originX:"left",originY:R(e)};case"start":return{originX:r?"left":"right",originY:R(e)};case"end":return{originX:r?"right":"left",originY:R(e)}}};var H=function(t){switch(t){case"start":return"left";case"center":return"center";case"end":return"right"}};var R=function(t){switch(t){case"start":return"top";case"center":return"center";case"end":return"bottom"}};var B=function(t,e,r,o,i,n,a,s){var p={arrowTop:o+a/2-e/2,arrowLeft:i+n-e/2};var f={arrowTop:o+a/2-e/2,arrowLeft:i-e*1.5};switch(t){case"top":return{arrowTop:o+a,arrowLeft:i+n/2-e/2};case"bottom":return{arrowTop:o-r,arrowLeft:i+n/2-e/2};case"left":return p;case"right":return f;case"start":return s?f:p;case"end":return s?p:f;default:return{arrowTop:0,arrowLeft:0}}};var G=function(t,e,r,o,i,n,a){var s={top:e.top,left:e.left-r-i};var p={top:e.top,left:e.left+e.width+i};switch(t){case"top":return{top:e.top-o-n,left:e.left};case"right":return p;case"bottom":return{top:e.top+e.height+n,left:e.left};case"left":return s;case"start":return a?p:s;case"end":return a?s:p}};var U=function(t,e,r,o,i){switch(t){case"center":return F(e,r,o,i);case"end":return q(e,r,o,i);case"start":default:return{top:0,left:0}}};var q=function(t,e,r,o){switch(t){case"start":case"end":case"left":case"right":return{top:-(o-e.height),left:0};case"top":case"bottom":default:return{top:0,left:-(r-e.width)}}};var F=function(t,e,r,o){switch(t){case"start":case"end":case"left":case"right":return{top:-(o/2-e.height/2),left:0};case"top":case"bottom":default:return{top:0,left:-(r/2-e.width/2)}}};var J=function(t,e,r,o,i,n,a,s,p,f,c,v,u,d,h){if(u===void 0){u=0}if(d===void 0){d=0}if(h===void 0){h=0}var l=u;var g=d;var x=r;var b=e;var m;var w=f;var k=c;var y=false;var P=false;var _=v?v.top+v.height:n/2-s/2;var D=v?v.height:0;var T=false;if(x<o+p){x=o;y=true;w="left"}else if(a+o+x+p>i){P=true;x=i-a-o;w="right"}if(_+D+s>n&&(t==="top"||t==="bottom")){if(_-s>0){b=Math.max(12,_-s-D-(h-1));l=b+s;k="bottom";T=true}else{m=o}}return{top:b,left:x,bottom:m,originX:w,originY:k,checkSafeAreaLeft:y,checkSafeAreaRight:P,arrowTop:l,arrowLeft:g,addPopoverBottomClass:T}};var K=function(t,e,r,o){if(e===void 0){e=false}if(!r&&!o){return false}if(t!=="top"&&t!=="bottom"&&e){return false}return true};var Q=5;var Z=function(t,e){var r;var o=e.event,i=e.size,n=e.trigger,a=e.reference,s=e.side,p=e.align;var f=t.ownerDocument;var c=f.dir==="rtl";var v=f.defaultView.innerWidth;var u=f.defaultView.innerHeight;var d=b(t);var h=d.querySelector(".popover-content");var l=d.querySelector(".popover-arrow");var g=n||((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 x=I(i,h,g),m=x.contentWidth,w=x.contentHeight;var k=A(l),y=k.arrowWidth,P=k.arrowHeight;var _={top:u/2-w/2,left:v/2-m/2,originX:c?"right":"left",originY:"top"};var D=S(c,m,w,y,P,a,s,p,_,n,o);var T=i==="cover"?0:Q;var j=i==="cover"?0:25;var O=J(s,D.top,D.left,T,v,u,m,w,j,D.originX,D.originY,D.referenceCoordinates,D.arrowTop,D.arrowLeft,P),W=O.originX,L=O.originY,z=O.top,E=O.left,X=O.bottom,Y=O.checkSafeAreaLeft,C=O.checkSafeAreaRight,M=O.arrowTop,V=O.arrowLeft,H=O.addPopoverBottomClass;var R=N();var B=N();var G=N();B.addElement(d.querySelector("ion-backdrop")).fromTo("opacity",.01,"var(--backdrop-opacity)").beforeStyles({"pointer-events":"none"}).afterClearStyles(["pointer-events"]);G.addElement(d.querySelector(".popover-arrow")).addElement(d.querySelector(".popover-content")).fromTo("opacity",.01,1);return R.easing("ease").duration(100).beforeAddWrite((function(){if(i==="cover"){t.style.setProperty("--width","".concat(m,"px"))}if(H){t.classList.add("popover-bottom")}if(X!==undefined){h.style.setProperty("bottom","".concat(X,"px"))}var e=" + var(--ion-safe-area-left, 0)";var r=" - var(--ion-safe-area-right, 0)";var a="".concat(E,"px");if(Y){a="".concat(E,"px").concat(e)}if(C){a="".concat(E,"px").concat(r)}h.style.setProperty("top","calc(".concat(z,"px + var(--offset-y, 0))"));h.style.setProperty("left","calc(".concat(a," + var(--offset-x, 0))"));h.style.setProperty("transform-origin","".concat(L," ").concat(W));if(l!==null){var p=D.top!==z||D.left!==E;var f=K(s,p,o,n);if(f){l.style.setProperty("top","calc(".concat(M,"px + var(--offset-y, 0))"));l.style.setProperty("left","calc(".concat(V,"px + var(--offset-x, 0))"))}else{l.style.setProperty("display","none")}}})).addAnimation([B,G])};var $=function(t){var e=b(t);var r=e.querySelector(".popover-content");var o=e.querySelector(".popover-arrow");var i=N();var n=N();var a=N();n.addElement(e.querySelector("ion-backdrop")).fromTo("opacity","var(--backdrop-opacity)",0);a.addElement(e.querySelector(".popover-arrow")).addElement(e.querySelector(".popover-content")).fromTo("opacity",.99,0);return i.easing("ease").afterAddWrite((function(){t.style.removeProperty("--width");t.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([n,a])};var tt=12;var et=function(t,e){var r;var o=e.event,i=e.size,n=e.trigger,a=e.reference,s=e.side,p=e.align;var f=t.ownerDocument;var c=f.dir==="rtl";var v=f.defaultView.innerWidth;var u=f.defaultView.innerHeight;var d=b(t);var h=d.querySelector(".popover-content");var l=n||((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=I(i,h,l),x=g.contentWidth,m=g.contentHeight;var w={top:u/2-m/2,left:v/2-x/2,originX:c?"right":"left",originY:"top"};var k=S(c,x,m,0,0,a,s,p,w,n,o);var y=i==="cover"?0:tt;var P=J(s,k.top,k.left,y,v,u,x,m,0,k.originX,k.originY,k.referenceCoordinates),_=P.originX,D=P.originY,T=P.top,j=P.left,O=P.bottom;var A=N();var W=N();var L=N();var z=N();var E=N();W.addElement(d.querySelector("ion-backdrop")).fromTo("opacity",.01,"var(--backdrop-opacity)").beforeStyles({"pointer-events":"none"}).afterClearStyles(["pointer-events"]);L.addElement(d.querySelector(".popover-wrapper")).duration(150).fromTo("opacity",.01,1);z.addElement(h).beforeStyles({top:"calc(".concat(T,"px + var(--offset-y, 0px))"),left:"calc(".concat(j,"px + var(--offset-x, 0px))"),"transform-origin":"".concat(D," ").concat(_)}).beforeAddWrite((function(){if(O!==undefined){h.style.setProperty("bottom","".concat(O,"px"))}})).fromTo("transform","scale(0.8)","scale(1)");E.addElement(d.querySelector(".popover-viewport")).fromTo("opacity",.01,1);return A.easing("cubic-bezier(0.36,0.66,0.04,1)").duration(300).beforeAddWrite((function(){if(i==="cover"){t.style.setProperty("--width","".concat(x,"px"))}if(D==="bottom"){t.classList.add("popover-bottom")}})).addAnimation([W,L,z,E])};var rt=function(t){var e=b(t);var r=e.querySelector(".popover-content");var o=N();var i=N();var n=N();i.addElement(e.querySelector("ion-backdrop")).fromTo("opacity","var(--backdrop-opacity)",0);n.addElement(e.querySelector(".popover-wrapper")).fromTo("opacity",.99,0);return o.easing("ease").afterAddWrite((function(){t.style.removeProperty("--width");t.classList.remove("popover-bottom");r.style.removeProperty("top");r.style.removeProperty("left");r.style.removeProperty("bottom");r.style.removeProperty("transform-origin")})).duration(150).addAnimation([i,n])};var ot=':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}::slotted(.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}: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, var(--ion-background-color-step-100, #e6e6e6))}.popover-arrow{display:block;position:absolute;width:20px;height:10px;overflow:hidden;z-index:11}.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}.popover-arrow::after{inset-inline-start: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:dir(rtl)) .popover-arrow{-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:dir(rtl)) .popover-arrow{-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 it=ot;var nt=":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}::slotted(.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}: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 at=nt;var st=t("ion_popover",function(){function t(t){var o=this;e(this,t);this.didPresent=r(this,"ionPopoverDidPresent",7);this.willPresent=r(this,"ionPopoverWillPresent",7);this.willDismiss=r(this,"ionPopoverWillDismiss",7);this.didDismiss=r(this,"ionPopoverDidDismiss",7);this.didPresentShorthand=r(this,"didPresent",7);this.willPresentShorthand=r(this,"willPresent",7);this.willDismissShorthand=r(this,"willDismiss",7);this.didDismissShorthand=r(this,"didDismiss",7);this.ionMount=r(this,"ionMount",7);this.parentPopover=null;this.coreDelegate=h();this.lockController=k();this.inline=false;this.focusDescendantOnPresent=false;this.onBackdropTap=function(){o.dismiss(undefined,a)};this.onLifecycle=function(t){var e=o.usersElement;var r=pt[t.type];if(e&&r){var i=new CustomEvent(r,{bubbles:false,cancelable:false,detail:t.detail});e.dispatchEvent(i)}};this.configureTriggerInteraction=function(){var t=o,e=t.trigger,r=t.triggerAction,i=t.el,n=t.destroyTriggerInteraction;if(n){n()}if(e===undefined){return}var a=o.triggerEl=e!==undefined?document.getElementById(e):null;if(!a){y('A trigger element with the ID "'.concat(e,'" was not found in the DOM. The trigger element must be in the DOM when the "trigger" property is set on ion-popover.'),o.el);return}o.destroyTriggerInteraction=L(a,r,i)};this.configureKeyboardInteraction=function(){var t=o,e=t.destroyKeyboardInteraction,r=t.el;if(e){e()}o.destroyKeyboardInteraction=M(r)};this.configureDismissInteraction=function(){var t=o,e=t.destroyDismissInteraction,r=t.parentPopover,i=t.triggerAction,n=t.triggerEl,a=t.el;if(!r||!n){return}if(e){e()}o.destroyDismissInteraction=W(n,i,a,r)};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.focusTrap=true;this.keepContentsMounted=false}t.prototype.onTriggerChange=function(){this.configureTriggerInteraction()};t.prototype.onIsOpenChange=function(t,e){if(t===true&&e===false){this.present()}else if(t===false&&e===true){this.dismiss()}};t.prototype.connectedCallback=function(){var t=this,e=t.configureTriggerInteraction,r=t.el;s(r);e()};t.prototype.disconnectedCallback=function(){var t=this.destroyTriggerInteraction;if(t){t()}};t.prototype.componentWillLoad=function(){var t,e;var r=this.el;var o=(e=(t=this.htmlAttributes)===null||t===void 0?void 0:t.id)!==null&&e!==void 0?e:p(r);this.parentPopover=r.closest("ion-popover:not(#".concat(o,")"));if(this.alignment===undefined){this.alignment=P(this)==="ios"?"center":"start"}};t.prototype.componentDidLoad=function(){var t=this;var e=this,r=e.parentPopover,o=e.isOpen;if(o===true){x((function(){return t.present()}))}if(r){m(r,"ionPopoverWillDismiss",(function(){t.dismiss(undefined,undefined,false)}))}this.configureTriggerInteraction()};t.prototype.presentFromTrigger=function(t){return __awaiter(this,arguments,void 0,(function(t,e){if(e===void 0){e=false}return __generator(this,(function(r){switch(r.label){case 0:this.focusDescendantOnPresent=e;return[4,this.present(t)];case 1:r.sent();this.focusDescendantOnPresent=false;return[2]}}))}))};t.prototype.getDelegate=function(t){if(t===void 0){t=false}if(this.workingDelegate&&!t){return{delegate:this.workingDelegate,inline:this.inline}}var e=this.el.parentNode;var r=this.inline=e!==null&&!this.hasController;var o=this.workingDelegate=r?this.delegate||this.coreDelegate:this.delegate;return{inline:r,delegate:o}};t.prototype.present=function(t){return __awaiter(this,void 0,void 0,(function(){var e,r,o,i,n,a;return __generator(this,(function(s){switch(s.label){case 0:return[4,this.lockController.lock()];case 1:e=s.sent();if(this.presented){e();return[2]}r=this.el;o=this.getDelegate(true),i=o.inline,n=o.delegate;this.ionMount.emit();a=this;return[4,l(n,r,this.component,["popover-viewport"],this.componentProps,i)];case 2:a.usersElement=s.sent();if(!this.keyboardEvents){this.configureKeyboardInteraction()}this.configureDismissInteraction();if(!w(r))return[3,4];return[4,T(this.usersElement)];case 3:s.sent();return[3,6];case 4:if(!!this.keepContentsMounted)return[3,6];return[4,j()];case 5:s.sent();s.label=6;case 6:return[4,f(this,"popoverEnter",Z,et,{event:t||this.event,size:this.size,trigger:this.triggerEl,reference:this.reference,side:this.side,align:this.alignment})];case 7:s.sent();if(this.focusDescendantOnPresent){c(r)}e();return[2]}}))}))};t.prototype.dismiss=function(t,e){return __awaiter(this,arguments,void 0,(function(t,e,r){var o,i,n,a,s,p;if(r===void 0){r=true}return __generator(this,(function(f){switch(f.label){case 0:return[4,this.lockController.lock()];case 1:o=f.sent();i=this,n=i.destroyKeyboardInteraction,a=i.destroyDismissInteraction;if(r&&this.parentPopover){this.parentPopover.dismiss(t,e,r)}return[4,v(this,t,e,"popoverLeave",$,rt,this.event)];case 2:s=f.sent();if(!s)return[3,4];if(n){n();this.destroyKeyboardInteraction=undefined}if(a){a();this.destroyDismissInteraction=undefined}p=this.getDelegate().delegate;return[4,g(p,this.usersElement)];case 3:f.sent();f.label=4;case 4:o();return[2,s]}}))}))};t.prototype.getParentPopover=function(){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(t){return[2,this.parentPopover]}))}))};t.prototype.onDidDismiss=function(){return u(this.el,"ionPopoverDidDismiss")};t.prototype.onWillDismiss=function(){return u(this.el,"ionPopoverWillDismiss")};t.prototype.render=function(){var t;var e=this;var r=P(this);var n=this,a=n.onLifecycle,s=n.parentPopover,p=n.dismissOnSelect,f=n.side,c=n.arrow,v=n.htmlAttributes,u=n.focusTrap;var h=_("desktop");var l=c&&!s;return o(i,Object.assign({key:"48f108a9b74f121559626889dd5a1fcccf38fc3d","aria-modal":"true","no-router":true,tabindex:"-1"},v,{style:{zIndex:"".concat(2e4+this.overlayIndex)},class:Object.assign(Object.assign({},D(this.cssClass)),(t={},t[r]=true,t["popover-translucent"]=this.translucent,t["overlay-hidden"]=true,t["popover-desktop"]=h,t["popover-side-".concat(f)]=true,t[d]=u===false,t["popover-nested"]=!!s,t)),onIonPopoverDidPresent:a,onIonPopoverWillPresent:a,onIonPopoverWillDismiss:a,onIonPopoverDidDismiss:a,onIonBackdropTap:this.onBackdropTap}),!s&&o("ion-backdrop",{key:"580c14ab48472534f59eedc5ba7fa486df25ed4e",tappable:this.backdropDismiss,visible:this.showBackdrop,part:"backdrop"}),o("div",{key:"9bcf47893e8d3053e2baa40511785d84feb4038c",class:"popover-wrapper ion-overlay-wrapper",onClick:p?function(){return e.dismiss()}:undefined},l&&o("div",{key:"4d47f2bdc01a546a88190c07f8f4700f21de6715",class:"popover-arrow",part:"arrow"}),o("div",{key:"70018c088654c1996e305b7b6b114419e97824ef",class:"popover-content",part:"content"},o("slot",{key:"3de8e1959b8facba2fbe694947704832200d8276"}))))};Object.defineProperty(t.prototype,"el",{get:function(){return n(this)},enumerable:false,configurable:true});Object.defineProperty(t,"watchers",{get:function(){return{trigger:["onTriggerChange"],triggerAction:["onTriggerChange"],isOpen:["onIsOpenChange"]}},enumerable:false,configurable:true});return t}());var pt={ionPopoverDidPresent:"ionViewDidEnter",ionPopoverWillPresent:"ionViewWillEnter",ionPopoverWillDismiss:"ionViewWillLeave",ionPopoverDidDismiss:"ionViewDidLeave"};st.style={ios:it,md:at}}}}));