@ionic/core 7.6.7 → 7.6.8-dev.11706715287.1950fa40
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/ion-modal.js +4 -6
- package/components/overlays.js +5 -1
- package/dist/cjs/index.cjs.js +1 -1
- package/dist/cjs/ion-action-sheet.cjs.entry.js +1 -1
- package/dist/cjs/ion-alert.cjs.entry.js +1 -1
- package/dist/cjs/ion-datetime_3.cjs.entry.js +1 -1
- package/dist/cjs/ion-loading.cjs.entry.js +1 -1
- package/dist/cjs/ion-menu_3.cjs.entry.js +1 -1
- package/dist/cjs/ion-modal.cjs.entry.js +4 -6
- package/dist/cjs/ion-popover.cjs.entry.js +1 -1
- package/dist/cjs/ion-select_3.cjs.entry.js +1 -1
- package/dist/cjs/ion-toast.cjs.entry.js +1 -1
- package/dist/cjs/{overlays-3190df15.js → overlays-62679ec5.js} +4 -1
- package/dist/collection/components/modal/modal.js +4 -6
- package/dist/collection/components/modal/test/animations/modal.e2e.js +36 -0
- package/dist/collection/utils/overlays.js +4 -0
- package/dist/docs.json +1 -1
- package/dist/esm/index.js +1 -1
- package/dist/esm/ion-action-sheet.entry.js +1 -1
- package/dist/esm/ion-alert.entry.js +1 -1
- package/dist/esm/ion-datetime_3.entry.js +1 -1
- package/dist/esm/ion-loading.entry.js +1 -1
- package/dist/esm/ion-menu_3.entry.js +1 -1
- package/dist/esm/ion-modal.entry.js +4 -6
- package/dist/esm/ion-popover.entry.js +1 -1
- package/dist/esm/ion-select_3.entry.js +1 -1
- package/dist/esm/ion-toast.entry.js +1 -1
- package/dist/esm/{overlays-bb426694.js → overlays-4bb86b9c.js} +5 -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-bb426694.js → overlays-4bb86b9c.js} +1 -1
- package/dist/ionic/index.esm.js +1 -1
- package/dist/ionic/ionic.esm.js +1 -1
- package/dist/ionic/p-0b955124.system.js +1 -1
- package/dist/ionic/{p-c565a5c4.system.js → p-195c7203.system.js} +1 -1
- package/dist/ionic/{p-2c96d8da.system.entry.js → p-2afd906c.system.entry.js} +1 -1
- package/dist/ionic/{p-711b2030.system.entry.js → p-2b0a2dac.system.entry.js} +1 -1
- package/dist/ionic/{p-50467572.entry.js → p-3b2ecb7e.entry.js} +1 -1
- package/dist/ionic/{p-486feb96.system.entry.js → p-6aacda17.system.entry.js} +1 -1
- package/dist/ionic/{p-b005ad6f.js → p-70e988e8.js} +1 -1
- package/dist/ionic/{p-ad4c5e7e.entry.js → p-74d32574.entry.js} +1 -1
- package/dist/ionic/p-765b4f12.system.entry.js +4 -0
- package/dist/ionic/{p-50613c13.entry.js → p-805a910b.entry.js} +1 -1
- package/dist/ionic/{p-ed1dcb4f.system.entry.js → p-8642d042.system.entry.js} +1 -1
- package/dist/ionic/{p-71115a9f.system.entry.js → p-a3928153.system.entry.js} +1 -1
- package/dist/ionic/{p-a30887c6.entry.js → p-a5954d3d.entry.js} +1 -1
- package/dist/ionic/{p-ea43a9ad.entry.js → p-a9cff22f.entry.js} +1 -1
- package/dist/ionic/{p-642b8354.system.entry.js → p-ac19cc2f.system.entry.js} +1 -1
- package/dist/ionic/{p-79d9d3be.entry.js → p-c44eadec.entry.js} +1 -1
- package/dist/ionic/{p-a86b7914.entry.js → p-ca975c93.entry.js} +1 -1
- package/dist/ionic/p-d2827762.system.js +4 -0
- package/dist/ionic/{p-65e20a0d.system.entry.js → p-d5824344.system.entry.js} +1 -1
- package/dist/ionic/{p-1ad6e0f8.entry.js → p-dbb9820e.entry.js} +1 -1
- package/dist/ionic/{p-5adb67f5.system.entry.js → p-ee20243d.system.entry.js} +1 -1
- package/dist/ionic/p-fac5d418.entry.js +4 -0
- package/hydrate/index.js +7 -5
- package/package.json +2 -2
- package/dist/ionic/p-810b4d84.entry.js +0 -4
- package/dist/ionic/p-8e5297bb.system.entry.js +0 -4
- package/dist/ionic/p-e77505f0.system.js +0 -4
|
@@ -1,4 +1,4 @@
|
|
|
1
1
|
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}}};
|
|
2
2
|
/*!
|
|
3
3
|
* (C) Ionic http://ionicframework.com - MIT License
|
|
4
|
-
*/System.register(["./p-76893257.system.js","./p-888db766.system.js","./p-32ad210f.system.js","./p-4f255d5a.system.js","./p-ff4b7e40.system.js","./p-e77505f0.system.js","./p-3f028207.system.js","./p-4609d030.system.js","./p-6ecc011b.system.js","./p-38f2c6bb.system.js","./p-792919fd.system.js","./p-790220fd.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;return{setters:[function(t){e=t.r;r=t.d;o=t.h;i=t.H;n=t.f},function(t){a=t.C;s=t.a;p=t.d},function(t){f=t.r;c=t.g;v=t.a;u=t.m},function(t){d=t.c},function(t){h=t.p},function(t){l=t.B;g=t.j;x=t.k;b=t.f;m=t.o;w=t.g;k=t.h},function(t){y=t.b;P=t.a},function(t){_=t.g},function(t){D=t.e;T=t.w},function(t){j=t.c},function(){},function(){}],execute:function(){var N=this;var O=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 A=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 I=function(t,e,r,o){var i=[];var n=c(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 W=function(t,e,r){var o=[];switch(e){case"hover":var i;o=[{eventName:"mouseenter",callback:function(t){return __awaiter(N,void 0,void 0,(function(){return __generator(this,(function(e){t.stopPropagation();if(i){clearTimeout(i)}i=setTimeout((function(){f((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 L=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=L(t,e);return t[r+1]};var z=function(t,e){var r=L(t,e);return t[r-1]};var X=function(t){var e=c(t);var r=e.querySelector("button");if(r){f((function(){return r.focus()}))}};var Y=function(t){return t.hasAttribute("data-ion-popover-trigger")};var C=function(t){var e=function(e){return __awaiter(N,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){X(p)}return[3,8];case 4:e.preventDefault();f=z(i,o);if(f!==undefined){X(f)}return[3,8];case 5:e.preventDefault();c=i[0];if(c!==undefined){X(c)}return[3,8];case 6:e.preventDefault();v=i[i.length-1];if(v!==undefined){X(v)}return[3,8];case 7:if(o&&Y(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 M=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=B(a,u,e,r,o,i,t);var b=G(s,a,u,e,r);var m=x.top+b.top;var w=x.left+b.left;var k=R(a,o,i,m,w,e,r,t),y=k.arrowTop,P=k.arrowLeft;var _=S(a,s,t),D=_.originX,T=_.originY;return{top:m,left:w,referenceCoordinates:u,arrowTop:y,arrowLeft:P,originX:D,originY:T}};var S=function(t,e,r){switch(t){case"top":return{originX:V(e),originY:"bottom"};case"bottom":return{originX:V(e),originY:"top"};case"left":return{originX:"right",originY:H(e)};case"right":return{originX:"left",originY:H(e)};case"start":return{originX:r?"left":"right",originY:H(e)};case"end":return{originX:r?"right":"left",originY:H(e)}}};var V=function(t){switch(t){case"start":return"left";case"center":return"center";case"end":return"right"}};var H=function(t){switch(t){case"start":return"top";case"center":return"center";case"end":return"bottom"}};var R=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 B=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 G=function(t,e,r,o,i){switch(t){case"center":return q(e,r,o,i);case"end":return U(e,r,o,i);case"start":default:return{top:0,left:0}}};var U=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 q=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 F=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 J=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 K=5;var Q=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 v=f.dir==="rtl";var u=f.defaultView.innerWidth;var d=f.defaultView.innerHeight;var h=c(t);var l=h.querySelector(".popover-content");var g=h.querySelector(".popover-arrow");var x=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 b=A(i,l,x),m=b.contentWidth,w=b.contentHeight;var k=O(g),y=k.arrowWidth,P=k.arrowHeight;var _={top:d/2-w/2,left:u/2-m/2,originX:v?"right":"left",originY:"top"};var D=M(v,m,w,y,P,a,s,p,_,n,o);var T=i==="cover"?0:K;var N=i==="cover"?0:25;var I=F(s,D.top,D.left,T,u,d,m,w,N,D.originX,D.originY,D.referenceCoordinates,D.arrowTop,D.arrowLeft,P),W=I.originX,L=I.originY,E=I.top,z=I.left,X=I.bottom,Y=I.checkSafeAreaLeft,C=I.checkSafeAreaRight,S=I.arrowTop,V=I.arrowLeft,H=I.addPopoverBottomClass;var R=j();var B=j();var G=j();B.addElement(h.querySelector("ion-backdrop")).fromTo("opacity",.01,"var(--backdrop-opacity)").beforeStyles({"pointer-events":"none"}).afterClearStyles(["pointer-events"]);G.addElement(h.querySelector(".popover-arrow")).addElement(h.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){l.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(z,"px");if(Y){a="".concat(z,"px").concat(e)}if(C){a="".concat(z,"px").concat(r)}l.style.setProperty("top","calc(".concat(E,"px + var(--offset-y, 0))"));l.style.setProperty("left","calc(".concat(a," + var(--offset-x, 0))"));l.style.setProperty("transform-origin","".concat(L," ").concat(W));if(g!==null){var p=D.top!==E||D.left!==z;var f=J(s,p,o,n);if(f){g.style.setProperty("top","calc(".concat(S,"px + var(--offset-y, 0))"));g.style.setProperty("left","calc(".concat(V,"px + var(--offset-x, 0))"))}else{g.style.setProperty("display","none")}}})).addAnimation([B,G])};var Z=function(t){var e=c(t);var r=e.querySelector(".popover-content");var o=e.querySelector(".popover-arrow");var i=j();var n=j();var a=j();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 $=12;var tt=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 v=f.dir==="rtl";var u=f.defaultView.innerWidth;var d=f.defaultView.innerHeight;var h=c(t);var l=h.querySelector(".popover-content");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=A(i,l,g),b=x.contentWidth,m=x.contentHeight;var w={top:d/2-m/2,left:u/2-b/2,originX:v?"right":"left",originY:"top"};var k=M(v,b,m,0,0,a,s,p,w,n,o);var y=i==="cover"?0:$;var P=F(s,k.top,k.left,y,u,d,b,m,0,k.originX,k.originY,k.referenceCoordinates),_=P.originX,D=P.originY,T=P.top,N=P.left,O=P.bottom;var I=j();var W=j();var L=j();var E=j();var z=j();W.addElement(h.querySelector("ion-backdrop")).fromTo("opacity",.01,"var(--backdrop-opacity)").beforeStyles({"pointer-events":"none"}).afterClearStyles(["pointer-events"]);L.addElement(h.querySelector(".popover-wrapper")).duration(150).fromTo("opacity",.01,1);E.addElement(l).beforeStyles({top:"calc(".concat(T,"px + var(--offset-y, 0px))"),left:"calc(".concat(N,"px + var(--offset-x, 0px))"),"transform-origin":"".concat(D," ").concat(_)}).beforeAddWrite((function(){if(O!==undefined){l.style.setProperty("bottom","".concat(O,"px"))}})).fromTo("transform","scale(0.8)","scale(1)");z.addElement(h.querySelector(".popover-viewport")).fromTo("opacity",.01,1);return I.easing("cubic-bezier(0.36,0.66,0.04,1)").duration(300).beforeAddWrite((function(){if(i==="cover"){t.style.setProperty("--width","".concat(b,"px"))}if(D==="bottom"){t.classList.add("popover-bottom")}})).addAnimation([W,L,E,z])};var et=function(t){var e=c(t);var r=e.querySelector(".popover-content");var o=j();var i=j();var n=j();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 rt=':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;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: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 ot=rt;var it=":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;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 nt=it;var at=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=a();this.lockController=d();this.inline=false;this.focusDescendantOnPresent=false;this.onBackdropTap=function(){o.dismiss(undefined,l)};this.onLifecycle=function(t){var e=o.usersElement;var r=st[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){h('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=W(a,r,i)};this.configureKeyboardInteraction=function(){var t=o,e=t.destroyKeyboardInteraction,r=t.el;if(e){e()}o.destroyKeyboardInteraction=C(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=I(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.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;g(r);e()};t.prototype.disconnectedCallback=function(){var t=this.destroyTriggerInteraction;if(t){t()}};t.prototype.componentWillLoad=function(){var t=this.el;var e=x(t);this.parentPopover=t.closest("ion-popover:not(#".concat(e,")"));if(this.alignment===undefined){this.alignment=y(this)==="ios"?"center":"start"}};t.prototype.componentDidLoad=function(){var t=this;var e=this,r=e.parentPopover,o=e.isOpen;if(o===true){f((function(){return t.present()}))}if(r){v(r,"ionPopoverWillDismiss",(function(){t.dismiss(undefined,undefined,false)}))}this.configureTriggerInteraction()};t.prototype.presentFromTrigger=function(t,e){if(e===void 0){e=false}return __awaiter(this,void 0,void 0,(function(){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(p){switch(p.label){case 0:return[4,this.lockController.lock()];case 1:e=p.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,s(n,r,this.component,["popover-viewport"],this.componentProps,i)];case 2:a.usersElement=p.sent();if(!this.keyboardEvents){this.configureKeyboardInteraction()}this.configureDismissInteraction();if(!u(r))return[3,4];return[4,D(this.usersElement)];case 3:p.sent();return[3,6];case 4:if(!!this.keepContentsMounted)return[3,6];return[4,T()];case 5:p.sent();p.label=6;case 6:return[4,b(this,"popoverEnter",Q,tt,{event:t||this.event,size:this.size,trigger:this.triggerEl,reference:this.reference,side:this.side,align:this.alignment})];case 7:p.sent();if(this.focusDescendantOnPresent){m(this.el,this.el)}e();return[2]}}))}))};t.prototype.dismiss=function(t,e,r){if(r===void 0){r=true}return __awaiter(this,void 0,void 0,(function(){var o,i,n,a,s,f;return __generator(this,(function(c){switch(c.label){case 0:return[4,this.lockController.lock()];case 1:o=c.sent();i=this,n=i.destroyKeyboardInteraction,a=i.destroyDismissInteraction;if(r&&this.parentPopover){this.parentPopover.dismiss(t,e,r)}return[4,w(this,t,e,"popoverLeave",Z,et,this.event)];case 2:s=c.sent();if(!s)return[3,4];if(n){n();this.destroyKeyboardInteraction=undefined}if(a){a();this.destroyDismissInteraction=undefined}f=this.getDelegate().delegate;return[4,p(f,this.usersElement)];case 3:c.sent();c.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 k(this.el,"ionPopoverDidDismiss")};t.prototype.onWillDismiss=function(){return k(this.el,"ionPopoverWillDismiss")};t.prototype.render=function(){var t;var e=this;var r=y(this);var n=this,a=n.onLifecycle,s=n.parentPopover,p=n.dismissOnSelect,f=n.side,c=n.arrow,v=n.htmlAttributes;var u=P("desktop");var d=c&&!s;return o(i,Object.assign({key:"f335ae001173483e6a973b2084f8a7b6b895ae5d","aria-modal":"true","no-router":true,tabindex:"-1"},v,{style:{zIndex:"".concat(2e4+this.overlayIndex)},class:Object.assign(Object.assign({},_(this.cssClass)),(t={},t[r]=true,t["popover-translucent"]=this.translucent,t["overlay-hidden"]=true,t["popover-desktop"]=u,t["popover-side-".concat(f)]=true,t["popover-nested"]=!!s,t)),onIonPopoverDidPresent:a,onIonPopoverWillPresent:a,onIonPopoverWillDismiss:a,onIonPopoverDidDismiss:a,onIonBackdropTap:this.onBackdropTap}),!s&&o("ion-backdrop",{tappable:this.backdropDismiss,visible:this.showBackdrop,part:"backdrop"}),o("div",{key:"8468f39b0a0f30b42ae9cac51950e5f0b9be1069",class:"popover-wrapper ion-overlay-wrapper",onClick:p?function(){return e.dismiss()}:undefined},d&&o("div",{class:"popover-arrow",part:"arrow"}),o("div",{key:"cb4eeaef385187f3c8e566931844e30edd5451c4",class:"popover-content",part:"content"},o("slot",{key:"80a5739a4beb6eba150503e426104701954c90b9"}))))};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 st={ionPopoverDidPresent:"ionViewDidEnter",ionPopoverWillPresent:"ionViewWillEnter",ionPopoverWillDismiss:"ionViewWillLeave",ionPopoverDidDismiss:"ionViewDidLeave"};at.style={ios:ot,md:nt}}}}));
|
|
4
|
+
*/System.register(["./p-76893257.system.js","./p-888db766.system.js","./p-32ad210f.system.js","./p-4f255d5a.system.js","./p-ff4b7e40.system.js","./p-d2827762.system.js","./p-3f028207.system.js","./p-4609d030.system.js","./p-6ecc011b.system.js","./p-38f2c6bb.system.js","./p-792919fd.system.js","./p-790220fd.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;return{setters:[function(t){e=t.r;r=t.d;o=t.h;i=t.H;n=t.f},function(t){a=t.C;s=t.a;p=t.d},function(t){f=t.r;c=t.g;v=t.a;u=t.m},function(t){d=t.c},function(t){h=t.p},function(t){l=t.B;g=t.j;x=t.k;b=t.f;m=t.n;w=t.g;k=t.h},function(t){y=t.b;P=t.a},function(t){_=t.g},function(t){D=t.e;T=t.w},function(t){j=t.c},function(){},function(){}],execute:function(){var N=this;var O=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 A=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 I=function(t,e,r,o){var i=[];var n=c(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 W=function(t,e,r){var o=[];switch(e){case"hover":var i;o=[{eventName:"mouseenter",callback:function(t){return __awaiter(N,void 0,void 0,(function(){return __generator(this,(function(e){t.stopPropagation();if(i){clearTimeout(i)}i=setTimeout((function(){f((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 L=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=L(t,e);return t[r+1]};var z=function(t,e){var r=L(t,e);return t[r-1]};var X=function(t){var e=c(t);var r=e.querySelector("button");if(r){f((function(){return r.focus()}))}};var Y=function(t){return t.hasAttribute("data-ion-popover-trigger")};var C=function(t){var e=function(e){return __awaiter(N,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){X(p)}return[3,8];case 4:e.preventDefault();f=z(i,o);if(f!==undefined){X(f)}return[3,8];case 5:e.preventDefault();c=i[0];if(c!==undefined){X(c)}return[3,8];case 6:e.preventDefault();v=i[i.length-1];if(v!==undefined){X(v)}return[3,8];case 7:if(o&&Y(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 M=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=B(a,u,e,r,o,i,t);var b=G(s,a,u,e,r);var m=x.top+b.top;var w=x.left+b.left;var k=R(a,o,i,m,w,e,r,t),y=k.arrowTop,P=k.arrowLeft;var _=S(a,s,t),D=_.originX,T=_.originY;return{top:m,left:w,referenceCoordinates:u,arrowTop:y,arrowLeft:P,originX:D,originY:T}};var S=function(t,e,r){switch(t){case"top":return{originX:V(e),originY:"bottom"};case"bottom":return{originX:V(e),originY:"top"};case"left":return{originX:"right",originY:H(e)};case"right":return{originX:"left",originY:H(e)};case"start":return{originX:r?"left":"right",originY:H(e)};case"end":return{originX:r?"right":"left",originY:H(e)}}};var V=function(t){switch(t){case"start":return"left";case"center":return"center";case"end":return"right"}};var H=function(t){switch(t){case"start":return"top";case"center":return"center";case"end":return"bottom"}};var R=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 B=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 G=function(t,e,r,o,i){switch(t){case"center":return q(e,r,o,i);case"end":return U(e,r,o,i);case"start":default:return{top:0,left:0}}};var U=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 q=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 F=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 J=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 K=5;var Q=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 v=f.dir==="rtl";var u=f.defaultView.innerWidth;var d=f.defaultView.innerHeight;var h=c(t);var l=h.querySelector(".popover-content");var g=h.querySelector(".popover-arrow");var x=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 b=A(i,l,x),m=b.contentWidth,w=b.contentHeight;var k=O(g),y=k.arrowWidth,P=k.arrowHeight;var _={top:d/2-w/2,left:u/2-m/2,originX:v?"right":"left",originY:"top"};var D=M(v,m,w,y,P,a,s,p,_,n,o);var T=i==="cover"?0:K;var N=i==="cover"?0:25;var I=F(s,D.top,D.left,T,u,d,m,w,N,D.originX,D.originY,D.referenceCoordinates,D.arrowTop,D.arrowLeft,P),W=I.originX,L=I.originY,E=I.top,z=I.left,X=I.bottom,Y=I.checkSafeAreaLeft,C=I.checkSafeAreaRight,S=I.arrowTop,V=I.arrowLeft,H=I.addPopoverBottomClass;var R=j();var B=j();var G=j();B.addElement(h.querySelector("ion-backdrop")).fromTo("opacity",.01,"var(--backdrop-opacity)").beforeStyles({"pointer-events":"none"}).afterClearStyles(["pointer-events"]);G.addElement(h.querySelector(".popover-arrow")).addElement(h.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){l.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(z,"px");if(Y){a="".concat(z,"px").concat(e)}if(C){a="".concat(z,"px").concat(r)}l.style.setProperty("top","calc(".concat(E,"px + var(--offset-y, 0))"));l.style.setProperty("left","calc(".concat(a," + var(--offset-x, 0))"));l.style.setProperty("transform-origin","".concat(L," ").concat(W));if(g!==null){var p=D.top!==E||D.left!==z;var f=J(s,p,o,n);if(f){g.style.setProperty("top","calc(".concat(S,"px + var(--offset-y, 0))"));g.style.setProperty("left","calc(".concat(V,"px + var(--offset-x, 0))"))}else{g.style.setProperty("display","none")}}})).addAnimation([B,G])};var Z=function(t){var e=c(t);var r=e.querySelector(".popover-content");var o=e.querySelector(".popover-arrow");var i=j();var n=j();var a=j();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 $=12;var tt=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 v=f.dir==="rtl";var u=f.defaultView.innerWidth;var d=f.defaultView.innerHeight;var h=c(t);var l=h.querySelector(".popover-content");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=A(i,l,g),b=x.contentWidth,m=x.contentHeight;var w={top:d/2-m/2,left:u/2-b/2,originX:v?"right":"left",originY:"top"};var k=M(v,b,m,0,0,a,s,p,w,n,o);var y=i==="cover"?0:$;var P=F(s,k.top,k.left,y,u,d,b,m,0,k.originX,k.originY,k.referenceCoordinates),_=P.originX,D=P.originY,T=P.top,N=P.left,O=P.bottom;var I=j();var W=j();var L=j();var E=j();var z=j();W.addElement(h.querySelector("ion-backdrop")).fromTo("opacity",.01,"var(--backdrop-opacity)").beforeStyles({"pointer-events":"none"}).afterClearStyles(["pointer-events"]);L.addElement(h.querySelector(".popover-wrapper")).duration(150).fromTo("opacity",.01,1);E.addElement(l).beforeStyles({top:"calc(".concat(T,"px + var(--offset-y, 0px))"),left:"calc(".concat(N,"px + var(--offset-x, 0px))"),"transform-origin":"".concat(D," ").concat(_)}).beforeAddWrite((function(){if(O!==undefined){l.style.setProperty("bottom","".concat(O,"px"))}})).fromTo("transform","scale(0.8)","scale(1)");z.addElement(h.querySelector(".popover-viewport")).fromTo("opacity",.01,1);return I.easing("cubic-bezier(0.36,0.66,0.04,1)").duration(300).beforeAddWrite((function(){if(i==="cover"){t.style.setProperty("--width","".concat(b,"px"))}if(D==="bottom"){t.classList.add("popover-bottom")}})).addAnimation([W,L,E,z])};var et=function(t){var e=c(t);var r=e.querySelector(".popover-content");var o=j();var i=j();var n=j();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 rt=':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;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: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 ot=rt;var it=":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;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 nt=it;var at=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=a();this.lockController=d();this.inline=false;this.focusDescendantOnPresent=false;this.onBackdropTap=function(){o.dismiss(undefined,l)};this.onLifecycle=function(t){var e=o.usersElement;var r=st[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){h('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=W(a,r,i)};this.configureKeyboardInteraction=function(){var t=o,e=t.destroyKeyboardInteraction,r=t.el;if(e){e()}o.destroyKeyboardInteraction=C(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=I(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.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;g(r);e()};t.prototype.disconnectedCallback=function(){var t=this.destroyTriggerInteraction;if(t){t()}};t.prototype.componentWillLoad=function(){var t=this.el;var e=x(t);this.parentPopover=t.closest("ion-popover:not(#".concat(e,")"));if(this.alignment===undefined){this.alignment=y(this)==="ios"?"center":"start"}};t.prototype.componentDidLoad=function(){var t=this;var e=this,r=e.parentPopover,o=e.isOpen;if(o===true){f((function(){return t.present()}))}if(r){v(r,"ionPopoverWillDismiss",(function(){t.dismiss(undefined,undefined,false)}))}this.configureTriggerInteraction()};t.prototype.presentFromTrigger=function(t,e){if(e===void 0){e=false}return __awaiter(this,void 0,void 0,(function(){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(p){switch(p.label){case 0:return[4,this.lockController.lock()];case 1:e=p.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,s(n,r,this.component,["popover-viewport"],this.componentProps,i)];case 2:a.usersElement=p.sent();if(!this.keyboardEvents){this.configureKeyboardInteraction()}this.configureDismissInteraction();if(!u(r))return[3,4];return[4,D(this.usersElement)];case 3:p.sent();return[3,6];case 4:if(!!this.keepContentsMounted)return[3,6];return[4,T()];case 5:p.sent();p.label=6;case 6:return[4,b(this,"popoverEnter",Q,tt,{event:t||this.event,size:this.size,trigger:this.triggerEl,reference:this.reference,side:this.side,align:this.alignment})];case 7:p.sent();if(this.focusDescendantOnPresent){m(this.el,this.el)}e();return[2]}}))}))};t.prototype.dismiss=function(t,e,r){if(r===void 0){r=true}return __awaiter(this,void 0,void 0,(function(){var o,i,n,a,s,f;return __generator(this,(function(c){switch(c.label){case 0:return[4,this.lockController.lock()];case 1:o=c.sent();i=this,n=i.destroyKeyboardInteraction,a=i.destroyDismissInteraction;if(r&&this.parentPopover){this.parentPopover.dismiss(t,e,r)}return[4,w(this,t,e,"popoverLeave",Z,et,this.event)];case 2:s=c.sent();if(!s)return[3,4];if(n){n();this.destroyKeyboardInteraction=undefined}if(a){a();this.destroyDismissInteraction=undefined}f=this.getDelegate().delegate;return[4,p(f,this.usersElement)];case 3:c.sent();c.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 k(this.el,"ionPopoverDidDismiss")};t.prototype.onWillDismiss=function(){return k(this.el,"ionPopoverWillDismiss")};t.prototype.render=function(){var t;var e=this;var r=y(this);var n=this,a=n.onLifecycle,s=n.parentPopover,p=n.dismissOnSelect,f=n.side,c=n.arrow,v=n.htmlAttributes;var u=P("desktop");var d=c&&!s;return o(i,Object.assign({key:"f335ae001173483e6a973b2084f8a7b6b895ae5d","aria-modal":"true","no-router":true,tabindex:"-1"},v,{style:{zIndex:"".concat(2e4+this.overlayIndex)},class:Object.assign(Object.assign({},_(this.cssClass)),(t={},t[r]=true,t["popover-translucent"]=this.translucent,t["overlay-hidden"]=true,t["popover-desktop"]=u,t["popover-side-".concat(f)]=true,t["popover-nested"]=!!s,t)),onIonPopoverDidPresent:a,onIonPopoverWillPresent:a,onIonPopoverWillDismiss:a,onIonPopoverDidDismiss:a,onIonBackdropTap:this.onBackdropTap}),!s&&o("ion-backdrop",{tappable:this.backdropDismiss,visible:this.showBackdrop,part:"backdrop"}),o("div",{key:"8468f39b0a0f30b42ae9cac51950e5f0b9be1069",class:"popover-wrapper ion-overlay-wrapper",onClick:p?function(){return e.dismiss()}:undefined},d&&o("div",{class:"popover-arrow",part:"arrow"}),o("div",{key:"cb4eeaef385187f3c8e566931844e30edd5451c4",class:"popover-content",part:"content"},o("slot",{key:"80a5739a4beb6eba150503e426104701954c90b9"}))))};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 st={ionPopoverDidPresent:"ionViewDidEnter",ionPopoverWillPresent:"ionViewWillEnter",ionPopoverWillDismiss:"ionViewWillLeave",ionPopoverDidDismiss:"ionViewDidLeave"};at.style={ios:ot,md:nt}}}}));
|
|
@@ -1,4 +1,4 @@
|
|
|
1
1
|
/*!
|
|
2
2
|
* (C) Ionic http://ionicframework.com - MIT License
|
|
3
3
|
*/
|
|
4
|
-
import{r as t,d as o,h as e,H as r,f as i}from"./p-e1271366.js";import{C as s,a as n,d as a}from"./p-4180a747.js";import{r as p,g as d,a as c,m as h}from"./p-23a9d086.js";import{c as l}from"./p-ccd02320.js";import{p as v}from"./p-06fee233.js";import{B as f,j as g,k as m,f as x,o as b,g as w,h as u}from"./p-b005ad6f.js";import{b as k,a as y}from"./p-1aa7c019.js";import{g as P}from"./p-47794def.js";import{e as D,w as T}from"./p-562bc465.js";import{c as I}from"./p-29d03b3a.js";import"./p-7b30edcc.js";import"./p-4b3623da.js";const $=(t,o,e)=>{const r=o.getBoundingClientRect(),i=r.height;let s=r.width;return"cover"===t&&e&&(s=e.getBoundingClientRect().width),{contentWidth:s,contentHeight:i}},j=(t,o)=>o&&"ION-ITEM"===o.tagName?t.findIndex((t=>t===o)):-1,A=t=>{const o=d(t).querySelector("button");o&&p((()=>o.focus()))},L=(t,o,e,r,i,s,n,a,p,d,c)=>{var h;let l={top:0,left:0,width:0,height:0};if("event"===s){if(!c)return p;l={top:c.clientY,left:c.clientX,width:1,height:1}}else{const t=d||(null===(h=null==c?void 0:c.detail)||void 0===h?void 0:h.ionShadowTarget)||(null==c?void 0:c.target);if(!t)return p;const o=t.getBoundingClientRect();l={top:o.top,left:o.left,width:o.width,height:o.height}}const v=X(n,l,o,e,r,i,t),f=Y(a,n,l,o,e),g=v.top+f.top,m=v.left+f.left,{arrowTop:x,arrowLeft:b}=C(n,r,i,g,m,o,e,t),{originX:w,originY:u}=N(n,a,t);return{top:g,left:m,referenceCoordinates:l,arrowTop:x,arrowLeft:b,originX:w,originY:u}},N=(t,o,e)=>{switch(t){case"top":return{originX:W(o),originY:"bottom"};case"bottom":return{originX:W(o),originY:"top"};case"left":return{originX:"right",originY:O(o)};case"right":return{originX:"left",originY:O(o)};case"start":return{originX:e?"left":"right",originY:O(o)};case"end":return{originX:e?"right":"left",originY:O(o)}}},W=t=>{switch(t){case"start":return"left";case"center":return"center";case"end":return"right"}},O=t=>{switch(t){case"start":return"top";case"center":return"center";case"end":return"bottom"}},C=(t,o,e,r,i,s,n,a)=>{const p={arrowTop:r+n/2-o/2,arrowLeft:i+s-o/2},d={arrowTop:r+n/2-o/2,arrowLeft:i-1.5*o};switch(t){case"top":return{arrowTop:r+n,arrowLeft:i+s/2-o/2};case"bottom":return{arrowTop:r-e,arrowLeft:i+s/2-o/2};case"left":return p;case"right":return d;case"start":return a?d:p;case"end":return a?p:d;default:return{arrowTop:0,arrowLeft:0}}},X=(t,o,e,r,i,s,n)=>{const a={top:o.top,left:o.left-e-i},p={top:o.top,left:o.left+o.width+i};switch(t){case"top":return{top:o.top-r-s,left:o.left};case"right":return p;case"bottom":return{top:o.top+o.height+s,left:o.left};case"left":return a;case"start":return n?p:a;case"end":return n?a:p}},Y=(t,o,e,r,i)=>{switch(t){case"center":return E(o,e,r,i);case"end":return z(o,e,r,i);default:return{top:0,left:0}}},z=(t,o,e,r)=>{switch(t){case"start":case"end":case"left":case"right":return{top:-(r-o.height),left:0};default:return{top:0,left:-(e-o.width)}}},E=(t,o,e,r)=>{switch(t){case"start":case"end":case"left":case"right":return{top:-(r/2-o.height/2),left:0};default:return{top:0,left:-(e/2-o.width/2)}}},H=(t,o,e,r,i,s,n,a,p,d,c,h,l=0,v=0,f=0)=>{let g=l;const m=v;let x,b=e,w=o,u=d,k=c,y=!1,P=!1;const D=h?h.top+h.height:s/2-a/2,T=h?h.height:0;let I=!1;return b<r+p?(b=r,y=!0,u="left"):n+r+b+p>i&&(P=!0,b=i-n-r,u="right"),D+T+a>s&&("top"===t||"bottom"===t)&&(D-a>0?(w=Math.max(12,D-a-T-(f-1)),g=w+a,k="bottom",I=!0):x=r),{top:w,left:b,bottom:x,originX:u,originY:k,checkSafeAreaLeft:y,checkSafeAreaRight:P,arrowTop:g,arrowLeft:m,addPopoverBottomClass:I}},M=(t,o)=>{var e;const{event:r,size:i,trigger:s,reference:n,side:a,align:p}=o,c=t.ownerDocument,h="rtl"===c.dir,l=c.defaultView.innerWidth,v=c.defaultView.innerHeight,f=d(t),g=f.querySelector(".popover-content"),m=f.querySelector(".popover-arrow"),x=s||(null===(e=null==r?void 0:r.detail)||void 0===e?void 0:e.ionShadowTarget)||(null==r?void 0:r.target),{contentWidth:b,contentHeight:w}=$(i,g,x),{arrowWidth:u,arrowHeight:k}=(t=>{if(!t)return{arrowWidth:0,arrowHeight:0};const{width:o,height:e}=t.getBoundingClientRect();return{arrowWidth:o,arrowHeight:e}})(m),y=L(h,b,w,u,k,n,a,p,{top:v/2-w/2,left:l/2-b/2,originX:h?"right":"left",originY:"top"},s,r),P="cover"===i?0:5,D="cover"===i?0:25,{originX:T,originY:j,top:A,left:N,bottom:W,checkSafeAreaLeft:O,checkSafeAreaRight:C,arrowTop:X,arrowLeft:Y,addPopoverBottomClass:z}=H(a,y.top,y.left,P,l,v,b,w,D,y.originX,y.originY,y.referenceCoordinates,y.arrowTop,y.arrowLeft,k),E=I(),M=I(),S=I();return M.addElement(f.querySelector("ion-backdrop")).fromTo("opacity",.01,"var(--backdrop-opacity)").beforeStyles({"pointer-events":"none"}).afterClearStyles(["pointer-events"]),S.addElement(f.querySelector(".popover-arrow")).addElement(f.querySelector(".popover-content")).fromTo("opacity",.01,1),E.easing("ease").duration(100).beforeAddWrite((()=>{"cover"===i&&t.style.setProperty("--width",`${b}px`),z&&t.classList.add("popover-bottom"),void 0!==W&&g.style.setProperty("bottom",`${W}px`);let o=`${N}px`;if(O&&(o=`${N}px + var(--ion-safe-area-left, 0)`),C&&(o=`${N}px - var(--ion-safe-area-right, 0)`),g.style.setProperty("top",`calc(${A}px + var(--offset-y, 0))`),g.style.setProperty("left",`calc(${o} + var(--offset-x, 0))`),g.style.setProperty("transform-origin",`${j} ${T}`),null!==m){const t=((t,o=!1,e,r)=>!(!e&&!r||"top"!==t&&"bottom"!==t&&o))(a,y.top!==A||y.left!==N,r,s);t?(m.style.setProperty("top",`calc(${X}px + var(--offset-y, 0))`),m.style.setProperty("left",`calc(${Y}px + var(--offset-x, 0))`)):m.style.setProperty("display","none")}})).addAnimation([M,S])},S=t=>{const o=d(t),e=o.querySelector(".popover-content"),r=o.querySelector(".popover-arrow"),i=I(),s=I(),n=I();return s.addElement(o.querySelector("ion-backdrop")).fromTo("opacity","var(--backdrop-opacity)",0),n.addElement(o.querySelector(".popover-arrow")).addElement(o.querySelector(".popover-content")).fromTo("opacity",.99,0),i.easing("ease").afterAddWrite((()=>{t.style.removeProperty("--width"),t.classList.remove("popover-bottom"),e.style.removeProperty("top"),e.style.removeProperty("left"),e.style.removeProperty("bottom"),e.style.removeProperty("transform-origin"),r&&(r.style.removeProperty("top"),r.style.removeProperty("left"),r.style.removeProperty("display"))})).duration(300).addAnimation([s,n])},V=(t,o)=>{var e;const{event:r,size:i,trigger:s,reference:n,side:a,align:p}=o,c=t.ownerDocument,h="rtl"===c.dir,l=c.defaultView.innerWidth,v=c.defaultView.innerHeight,f=d(t),g=f.querySelector(".popover-content"),m=s||(null===(e=null==r?void 0:r.detail)||void 0===e?void 0:e.ionShadowTarget)||(null==r?void 0:r.target),{contentWidth:x,contentHeight:b}=$(i,g,m),w=L(h,x,b,0,0,n,a,p,{top:v/2-b/2,left:l/2-x/2,originX:h?"right":"left",originY:"top"},s,r),u="cover"===i?0:12,{originX:k,originY:y,top:P,left:D,bottom:T}=H(a,w.top,w.left,u,l,v,x,b,0,w.originX,w.originY,w.referenceCoordinates),j=I(),A=I(),N=I(),W=I(),O=I();return A.addElement(f.querySelector("ion-backdrop")).fromTo("opacity",.01,"var(--backdrop-opacity)").beforeStyles({"pointer-events":"none"}).afterClearStyles(["pointer-events"]),N.addElement(f.querySelector(".popover-wrapper")).duration(150).fromTo("opacity",.01,1),W.addElement(g).beforeStyles({top:`calc(${P}px + var(--offset-y, 0px))`,left:`calc(${D}px + var(--offset-x, 0px))`,"transform-origin":`${y} ${k}`}).beforeAddWrite((()=>{void 0!==T&&g.style.setProperty("bottom",`${T}px`)})).fromTo("transform","scale(0.8)","scale(1)"),O.addElement(f.querySelector(".popover-viewport")).fromTo("opacity",.01,1),j.easing("cubic-bezier(0.36,0.66,0.04,1)").duration(300).beforeAddWrite((()=>{"cover"===i&&t.style.setProperty("--width",`${x}px`),"bottom"===y&&t.classList.add("popover-bottom")})).addAnimation([A,N,W,O])},B=t=>{const o=d(t),e=o.querySelector(".popover-content"),r=I(),i=I(),s=I();return i.addElement(o.querySelector("ion-backdrop")).fromTo("opacity","var(--backdrop-opacity)",0),s.addElement(o.querySelector(".popover-wrapper")).fromTo("opacity",.99,0),r.easing("ease").afterAddWrite((()=>{t.style.removeProperty("--width"),t.classList.remove("popover-bottom"),e.style.removeProperty("top"),e.style.removeProperty("left"),e.style.removeProperty("bottom"),e.style.removeProperty("transform-origin")})).duration(150).addAnimation([i,s])},R=class{constructor(e){t(this,e),this.didPresent=o(this,"ionPopoverDidPresent",7),this.willPresent=o(this,"ionPopoverWillPresent",7),this.willDismiss=o(this,"ionPopoverWillDismiss",7),this.didDismiss=o(this,"ionPopoverDidDismiss",7),this.didPresentShorthand=o(this,"didPresent",7),this.willPresentShorthand=o(this,"willPresent",7),this.willDismissShorthand=o(this,"willDismiss",7),this.didDismissShorthand=o(this,"didDismiss",7),this.ionMount=o(this,"ionMount",7),this.parentPopover=null,this.coreDelegate=s(),this.lockController=l(),this.inline=!1,this.focusDescendantOnPresent=!1,this.onBackdropTap=()=>{this.dismiss(void 0,f)},this.onLifecycle=t=>{const o=this.usersElement,e=K[t.type];if(o&&e){const r=new CustomEvent(e,{bubbles:!1,cancelable:!1,detail:t.detail});o.dispatchEvent(r)}},this.configureTriggerInteraction=()=>{const{trigger:t,triggerAction:o,el:e,destroyTriggerInteraction:r}=this;if(r&&r(),void 0===t)return;const i=this.triggerEl=void 0!==t?document.getElementById(t):null;i?this.destroyTriggerInteraction=((t,o,e)=>{let r=[];switch(o){case"hover":let t;r=[{eventName:"mouseenter",callback:async o=>{o.stopPropagation(),t&&clearTimeout(t),t=setTimeout((()=>{p((()=>{e.presentFromTrigger(o),t=void 0}))}),100)}},{eventName:"mouseleave",callback:o=>{t&&clearTimeout(t);const r=o.relatedTarget;r&&r.closest("ion-popover")!==e&&e.dismiss(void 0,void 0,!1)}},{eventName:"click",callback:t=>t.stopPropagation()},{eventName:"ionPopoverActivateTrigger",callback:t=>e.presentFromTrigger(t,!0)}];break;case"context-menu":r=[{eventName:"contextmenu",callback:t=>{t.preventDefault(),e.presentFromTrigger(t)}},{eventName:"click",callback:t=>t.stopPropagation()},{eventName:"ionPopoverActivateTrigger",callback:t=>e.presentFromTrigger(t,!0)}];break;default:r=[{eventName:"click",callback:t=>e.presentFromTrigger(t)},{eventName:"ionPopoverActivateTrigger",callback:t=>e.presentFromTrigger(t,!0)}]}return r.forEach((({eventName:o,callback:e})=>t.addEventListener(o,e))),t.setAttribute("data-ion-popover-trigger","true"),()=>{r.forEach((({eventName:o,callback:e})=>t.removeEventListener(o,e))),t.removeAttribute("data-ion-popover-trigger")}})(i,o,e):v(`A trigger element with the ID "${t}" was not found in the DOM. The trigger element must be in the DOM when the "trigger" property is set on ion-popover.`,this.el)},this.configureKeyboardInteraction=()=>{const{destroyKeyboardInteraction:t,el:o}=this;t&&t(),this.destroyKeyboardInteraction=(t=>{const o=async o=>{var e;const r=document.activeElement;let i=[];const s=null===(e=o.target)||void 0===e?void 0:e.tagName;if("ION-POPOVER"===s||"ION-ITEM"===s){try{i=Array.from(t.querySelectorAll("ion-item:not(ion-popover ion-popover *):not([disabled])"))}catch(t){}switch(o.key){case"ArrowLeft":await t.getParentPopover()&&t.dismiss(void 0,void 0,!1);break;case"ArrowDown":o.preventDefault();const e=((t,o)=>t[j(t,o)+1])(i,r);void 0!==e&&A(e);break;case"ArrowUp":o.preventDefault();const s=((t,o)=>t[j(t,o)-1])(i,r);void 0!==s&&A(s);break;case"Home":o.preventDefault();const n=i[0];void 0!==n&&A(n);break;case"End":o.preventDefault();const a=i[i.length-1];void 0!==a&&A(a);break;case"ArrowRight":case" ":case"Enter":if(r&&r.hasAttribute("data-ion-popover-trigger")){const t=new CustomEvent("ionPopoverActivateTrigger");r.dispatchEvent(t)}}}};return t.addEventListener("keydown",o),()=>t.removeEventListener("keydown",o)})(o)},this.configureDismissInteraction=()=>{const{destroyDismissInteraction:t,parentPopover:o,triggerAction:e,triggerEl:r,el:i}=this;o&&r&&(t&&t(),this.destroyDismissInteraction=((t,o,e,r)=>{let i=[];const s=d(r).querySelector(".popover-content");return i="hover"===o?[{eventName:"mouseenter",callback:o=>{document.elementFromPoint(o.clientX,o.clientY)!==t&&e.dismiss(void 0,void 0,!1)}}]:[{eventName:"click",callback:o=>{o.target.closest("[data-ion-popover-trigger]")!==t?e.dismiss(void 0,void 0,!1):o.stopPropagation()}}],i.forEach((({eventName:t,callback:o})=>s.addEventListener(t,o))),()=>{i.forEach((({eventName:t,callback:o})=>s.removeEventListener(t,o)))}})(r,e,i,o))},this.presented=!1,this.hasController=!1,this.delegate=void 0,this.overlayIndex=void 0,this.enterAnimation=void 0,this.leaveAnimation=void 0,this.component=void 0,this.componentProps=void 0,this.keyboardClose=!0,this.cssClass=void 0,this.backdropDismiss=!0,this.event=void 0,this.showBackdrop=!0,this.translucent=!1,this.animated=!0,this.htmlAttributes=void 0,this.triggerAction="click",this.trigger=void 0,this.size="auto",this.dismissOnSelect=!1,this.reference="trigger",this.side="bottom",this.alignment=void 0,this.arrow=!0,this.isOpen=!1,this.keyboardEvents=!1,this.keepContentsMounted=!1}onTriggerChange(){this.configureTriggerInteraction()}onIsOpenChange(t,o){!0===t&&!1===o?this.present():!1===t&&!0===o&&this.dismiss()}connectedCallback(){const{configureTriggerInteraction:t,el:o}=this;g(o),t()}disconnectedCallback(){const{destroyTriggerInteraction:t}=this;t&&t()}componentWillLoad(){const{el:t}=this,o=m(t);this.parentPopover=t.closest(`ion-popover:not(#${o})`),void 0===this.alignment&&(this.alignment="ios"===k(this)?"center":"start")}componentDidLoad(){const{parentPopover:t,isOpen:o}=this;!0===o&&p((()=>this.present())),t&&c(t,"ionPopoverWillDismiss",(()=>{this.dismiss(void 0,void 0,!1)})),this.configureTriggerInteraction()}async presentFromTrigger(t,o=!1){this.focusDescendantOnPresent=o,await this.present(t),this.focusDescendantOnPresent=!1}getDelegate(t=!1){if(this.workingDelegate&&!t)return{delegate:this.workingDelegate,inline:this.inline};const o=this.inline=null!==this.el.parentNode&&!this.hasController;return{inline:o,delegate:this.workingDelegate=o?this.delegate||this.coreDelegate:this.delegate}}async present(t){const o=await this.lockController.lock();if(this.presented)return void o();const{el:e}=this,{inline:r,delegate:i}=this.getDelegate(!0);this.ionMount.emit(),this.usersElement=await n(i,e,this.component,["popover-viewport"],this.componentProps,r),this.keyboardEvents||this.configureKeyboardInteraction(),this.configureDismissInteraction(),h(e)?await D(this.usersElement):this.keepContentsMounted||await T(),await x(this,"popoverEnter",M,V,{event:t||this.event,size:this.size,trigger:this.triggerEl,reference:this.reference,side:this.side,align:this.alignment}),this.focusDescendantOnPresent&&b(this.el,this.el),o()}async dismiss(t,o,e=!0){const r=await this.lockController.lock(),{destroyKeyboardInteraction:i,destroyDismissInteraction:s}=this;e&&this.parentPopover&&this.parentPopover.dismiss(t,o,e);const n=await w(this,t,o,"popoverLeave",S,B,this.event);if(n){i&&(i(),this.destroyKeyboardInteraction=void 0),s&&(s(),this.destroyDismissInteraction=void 0);const{delegate:t}=this.getDelegate();await a(t,this.usersElement)}return r(),n}async getParentPopover(){return this.parentPopover}onDidDismiss(){return u(this.el,"ionPopoverDidDismiss")}onWillDismiss(){return u(this.el,"ionPopoverWillDismiss")}render(){const t=k(this),{onLifecycle:o,parentPopover:i,dismissOnSelect:s,side:n,arrow:a,htmlAttributes:p}=this,d=y("desktop"),c=a&&!i;return e(r,Object.assign({key:"f335ae001173483e6a973b2084f8a7b6b895ae5d","aria-modal":"true","no-router":!0,tabindex:"-1"},p,{style:{zIndex:`${2e4+this.overlayIndex}`},class:Object.assign(Object.assign({},P(this.cssClass)),{[t]:!0,"popover-translucent":this.translucent,"overlay-hidden":!0,"popover-desktop":d,[`popover-side-${n}`]:!0,"popover-nested":!!i}),onIonPopoverDidPresent:o,onIonPopoverWillPresent:o,onIonPopoverWillDismiss:o,onIonPopoverDidDismiss:o,onIonBackdropTap:this.onBackdropTap}),!i&&e("ion-backdrop",{tappable:this.backdropDismiss,visible:this.showBackdrop,part:"backdrop"}),e("div",{key:"8468f39b0a0f30b42ae9cac51950e5f0b9be1069",class:"popover-wrapper ion-overlay-wrapper",onClick:s?()=>this.dismiss():void 0},c&&e("div",{class:"popover-arrow",part:"arrow"}),e("div",{key:"cb4eeaef385187f3c8e566931844e30edd5451c4",class:"popover-content",part:"content"},e("slot",{key:"80a5739a4beb6eba150503e426104701954c90b9"}))))}get el(){return i(this)}static get watchers(){return{trigger:["onTriggerChange"],triggerAction:["onTriggerChange"],isOpen:["onIsOpenChange"]}}},K={ionPopoverDidPresent:"ionViewDidEnter",ionPopoverWillPresent:"ionViewWillEnter",ionPopoverWillDismiss:"ionViewWillLeave",ionPopoverDidDismiss:"ionViewDidLeave"};R.style={ios:':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;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: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)}}',md:":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;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}"};export{R as ion_popover}
|
|
4
|
+
import{r as t,d as o,h as e,H as r,f as i}from"./p-e1271366.js";import{C as s,a as n,d as a}from"./p-4180a747.js";import{r as p,g as d,a as c,m as h}from"./p-23a9d086.js";import{c as l}from"./p-ccd02320.js";import{p as v}from"./p-06fee233.js";import{B as f,j as g,k as m,f as x,n as b,g as w,h as u}from"./p-70e988e8.js";import{b as k,a as y}from"./p-1aa7c019.js";import{g as P}from"./p-47794def.js";import{e as D,w as T}from"./p-562bc465.js";import{c as I}from"./p-29d03b3a.js";import"./p-7b30edcc.js";import"./p-4b3623da.js";const $=(t,o,e)=>{const r=o.getBoundingClientRect(),i=r.height;let s=r.width;return"cover"===t&&e&&(s=e.getBoundingClientRect().width),{contentWidth:s,contentHeight:i}},j=(t,o)=>o&&"ION-ITEM"===o.tagName?t.findIndex((t=>t===o)):-1,A=t=>{const o=d(t).querySelector("button");o&&p((()=>o.focus()))},L=(t,o,e,r,i,s,n,a,p,d,c)=>{var h;let l={top:0,left:0,width:0,height:0};if("event"===s){if(!c)return p;l={top:c.clientY,left:c.clientX,width:1,height:1}}else{const t=d||(null===(h=null==c?void 0:c.detail)||void 0===h?void 0:h.ionShadowTarget)||(null==c?void 0:c.target);if(!t)return p;const o=t.getBoundingClientRect();l={top:o.top,left:o.left,width:o.width,height:o.height}}const v=X(n,l,o,e,r,i,t),f=Y(a,n,l,o,e),g=v.top+f.top,m=v.left+f.left,{arrowTop:x,arrowLeft:b}=C(n,r,i,g,m,o,e,t),{originX:w,originY:u}=N(n,a,t);return{top:g,left:m,referenceCoordinates:l,arrowTop:x,arrowLeft:b,originX:w,originY:u}},N=(t,o,e)=>{switch(t){case"top":return{originX:W(o),originY:"bottom"};case"bottom":return{originX:W(o),originY:"top"};case"left":return{originX:"right",originY:O(o)};case"right":return{originX:"left",originY:O(o)};case"start":return{originX:e?"left":"right",originY:O(o)};case"end":return{originX:e?"right":"left",originY:O(o)}}},W=t=>{switch(t){case"start":return"left";case"center":return"center";case"end":return"right"}},O=t=>{switch(t){case"start":return"top";case"center":return"center";case"end":return"bottom"}},C=(t,o,e,r,i,s,n,a)=>{const p={arrowTop:r+n/2-o/2,arrowLeft:i+s-o/2},d={arrowTop:r+n/2-o/2,arrowLeft:i-1.5*o};switch(t){case"top":return{arrowTop:r+n,arrowLeft:i+s/2-o/2};case"bottom":return{arrowTop:r-e,arrowLeft:i+s/2-o/2};case"left":return p;case"right":return d;case"start":return a?d:p;case"end":return a?p:d;default:return{arrowTop:0,arrowLeft:0}}},X=(t,o,e,r,i,s,n)=>{const a={top:o.top,left:o.left-e-i},p={top:o.top,left:o.left+o.width+i};switch(t){case"top":return{top:o.top-r-s,left:o.left};case"right":return p;case"bottom":return{top:o.top+o.height+s,left:o.left};case"left":return a;case"start":return n?p:a;case"end":return n?a:p}},Y=(t,o,e,r,i)=>{switch(t){case"center":return E(o,e,r,i);case"end":return z(o,e,r,i);default:return{top:0,left:0}}},z=(t,o,e,r)=>{switch(t){case"start":case"end":case"left":case"right":return{top:-(r-o.height),left:0};default:return{top:0,left:-(e-o.width)}}},E=(t,o,e,r)=>{switch(t){case"start":case"end":case"left":case"right":return{top:-(r/2-o.height/2),left:0};default:return{top:0,left:-(e/2-o.width/2)}}},H=(t,o,e,r,i,s,n,a,p,d,c,h,l=0,v=0,f=0)=>{let g=l;const m=v;let x,b=e,w=o,u=d,k=c,y=!1,P=!1;const D=h?h.top+h.height:s/2-a/2,T=h?h.height:0;let I=!1;return b<r+p?(b=r,y=!0,u="left"):n+r+b+p>i&&(P=!0,b=i-n-r,u="right"),D+T+a>s&&("top"===t||"bottom"===t)&&(D-a>0?(w=Math.max(12,D-a-T-(f-1)),g=w+a,k="bottom",I=!0):x=r),{top:w,left:b,bottom:x,originX:u,originY:k,checkSafeAreaLeft:y,checkSafeAreaRight:P,arrowTop:g,arrowLeft:m,addPopoverBottomClass:I}},M=(t,o)=>{var e;const{event:r,size:i,trigger:s,reference:n,side:a,align:p}=o,c=t.ownerDocument,h="rtl"===c.dir,l=c.defaultView.innerWidth,v=c.defaultView.innerHeight,f=d(t),g=f.querySelector(".popover-content"),m=f.querySelector(".popover-arrow"),x=s||(null===(e=null==r?void 0:r.detail)||void 0===e?void 0:e.ionShadowTarget)||(null==r?void 0:r.target),{contentWidth:b,contentHeight:w}=$(i,g,x),{arrowWidth:u,arrowHeight:k}=(t=>{if(!t)return{arrowWidth:0,arrowHeight:0};const{width:o,height:e}=t.getBoundingClientRect();return{arrowWidth:o,arrowHeight:e}})(m),y=L(h,b,w,u,k,n,a,p,{top:v/2-w/2,left:l/2-b/2,originX:h?"right":"left",originY:"top"},s,r),P="cover"===i?0:5,D="cover"===i?0:25,{originX:T,originY:j,top:A,left:N,bottom:W,checkSafeAreaLeft:O,checkSafeAreaRight:C,arrowTop:X,arrowLeft:Y,addPopoverBottomClass:z}=H(a,y.top,y.left,P,l,v,b,w,D,y.originX,y.originY,y.referenceCoordinates,y.arrowTop,y.arrowLeft,k),E=I(),M=I(),S=I();return M.addElement(f.querySelector("ion-backdrop")).fromTo("opacity",.01,"var(--backdrop-opacity)").beforeStyles({"pointer-events":"none"}).afterClearStyles(["pointer-events"]),S.addElement(f.querySelector(".popover-arrow")).addElement(f.querySelector(".popover-content")).fromTo("opacity",.01,1),E.easing("ease").duration(100).beforeAddWrite((()=>{"cover"===i&&t.style.setProperty("--width",`${b}px`),z&&t.classList.add("popover-bottom"),void 0!==W&&g.style.setProperty("bottom",`${W}px`);let o=`${N}px`;if(O&&(o=`${N}px + var(--ion-safe-area-left, 0)`),C&&(o=`${N}px - var(--ion-safe-area-right, 0)`),g.style.setProperty("top",`calc(${A}px + var(--offset-y, 0))`),g.style.setProperty("left",`calc(${o} + var(--offset-x, 0))`),g.style.setProperty("transform-origin",`${j} ${T}`),null!==m){const t=((t,o=!1,e,r)=>!(!e&&!r||"top"!==t&&"bottom"!==t&&o))(a,y.top!==A||y.left!==N,r,s);t?(m.style.setProperty("top",`calc(${X}px + var(--offset-y, 0))`),m.style.setProperty("left",`calc(${Y}px + var(--offset-x, 0))`)):m.style.setProperty("display","none")}})).addAnimation([M,S])},S=t=>{const o=d(t),e=o.querySelector(".popover-content"),r=o.querySelector(".popover-arrow"),i=I(),s=I(),n=I();return s.addElement(o.querySelector("ion-backdrop")).fromTo("opacity","var(--backdrop-opacity)",0),n.addElement(o.querySelector(".popover-arrow")).addElement(o.querySelector(".popover-content")).fromTo("opacity",.99,0),i.easing("ease").afterAddWrite((()=>{t.style.removeProperty("--width"),t.classList.remove("popover-bottom"),e.style.removeProperty("top"),e.style.removeProperty("left"),e.style.removeProperty("bottom"),e.style.removeProperty("transform-origin"),r&&(r.style.removeProperty("top"),r.style.removeProperty("left"),r.style.removeProperty("display"))})).duration(300).addAnimation([s,n])},V=(t,o)=>{var e;const{event:r,size:i,trigger:s,reference:n,side:a,align:p}=o,c=t.ownerDocument,h="rtl"===c.dir,l=c.defaultView.innerWidth,v=c.defaultView.innerHeight,f=d(t),g=f.querySelector(".popover-content"),m=s||(null===(e=null==r?void 0:r.detail)||void 0===e?void 0:e.ionShadowTarget)||(null==r?void 0:r.target),{contentWidth:x,contentHeight:b}=$(i,g,m),w=L(h,x,b,0,0,n,a,p,{top:v/2-b/2,left:l/2-x/2,originX:h?"right":"left",originY:"top"},s,r),u="cover"===i?0:12,{originX:k,originY:y,top:P,left:D,bottom:T}=H(a,w.top,w.left,u,l,v,x,b,0,w.originX,w.originY,w.referenceCoordinates),j=I(),A=I(),N=I(),W=I(),O=I();return A.addElement(f.querySelector("ion-backdrop")).fromTo("opacity",.01,"var(--backdrop-opacity)").beforeStyles({"pointer-events":"none"}).afterClearStyles(["pointer-events"]),N.addElement(f.querySelector(".popover-wrapper")).duration(150).fromTo("opacity",.01,1),W.addElement(g).beforeStyles({top:`calc(${P}px + var(--offset-y, 0px))`,left:`calc(${D}px + var(--offset-x, 0px))`,"transform-origin":`${y} ${k}`}).beforeAddWrite((()=>{void 0!==T&&g.style.setProperty("bottom",`${T}px`)})).fromTo("transform","scale(0.8)","scale(1)"),O.addElement(f.querySelector(".popover-viewport")).fromTo("opacity",.01,1),j.easing("cubic-bezier(0.36,0.66,0.04,1)").duration(300).beforeAddWrite((()=>{"cover"===i&&t.style.setProperty("--width",`${x}px`),"bottom"===y&&t.classList.add("popover-bottom")})).addAnimation([A,N,W,O])},B=t=>{const o=d(t),e=o.querySelector(".popover-content"),r=I(),i=I(),s=I();return i.addElement(o.querySelector("ion-backdrop")).fromTo("opacity","var(--backdrop-opacity)",0),s.addElement(o.querySelector(".popover-wrapper")).fromTo("opacity",.99,0),r.easing("ease").afterAddWrite((()=>{t.style.removeProperty("--width"),t.classList.remove("popover-bottom"),e.style.removeProperty("top"),e.style.removeProperty("left"),e.style.removeProperty("bottom"),e.style.removeProperty("transform-origin")})).duration(150).addAnimation([i,s])},R=class{constructor(e){t(this,e),this.didPresent=o(this,"ionPopoverDidPresent",7),this.willPresent=o(this,"ionPopoverWillPresent",7),this.willDismiss=o(this,"ionPopoverWillDismiss",7),this.didDismiss=o(this,"ionPopoverDidDismiss",7),this.didPresentShorthand=o(this,"didPresent",7),this.willPresentShorthand=o(this,"willPresent",7),this.willDismissShorthand=o(this,"willDismiss",7),this.didDismissShorthand=o(this,"didDismiss",7),this.ionMount=o(this,"ionMount",7),this.parentPopover=null,this.coreDelegate=s(),this.lockController=l(),this.inline=!1,this.focusDescendantOnPresent=!1,this.onBackdropTap=()=>{this.dismiss(void 0,f)},this.onLifecycle=t=>{const o=this.usersElement,e=K[t.type];if(o&&e){const r=new CustomEvent(e,{bubbles:!1,cancelable:!1,detail:t.detail});o.dispatchEvent(r)}},this.configureTriggerInteraction=()=>{const{trigger:t,triggerAction:o,el:e,destroyTriggerInteraction:r}=this;if(r&&r(),void 0===t)return;const i=this.triggerEl=void 0!==t?document.getElementById(t):null;i?this.destroyTriggerInteraction=((t,o,e)=>{let r=[];switch(o){case"hover":let t;r=[{eventName:"mouseenter",callback:async o=>{o.stopPropagation(),t&&clearTimeout(t),t=setTimeout((()=>{p((()=>{e.presentFromTrigger(o),t=void 0}))}),100)}},{eventName:"mouseleave",callback:o=>{t&&clearTimeout(t);const r=o.relatedTarget;r&&r.closest("ion-popover")!==e&&e.dismiss(void 0,void 0,!1)}},{eventName:"click",callback:t=>t.stopPropagation()},{eventName:"ionPopoverActivateTrigger",callback:t=>e.presentFromTrigger(t,!0)}];break;case"context-menu":r=[{eventName:"contextmenu",callback:t=>{t.preventDefault(),e.presentFromTrigger(t)}},{eventName:"click",callback:t=>t.stopPropagation()},{eventName:"ionPopoverActivateTrigger",callback:t=>e.presentFromTrigger(t,!0)}];break;default:r=[{eventName:"click",callback:t=>e.presentFromTrigger(t)},{eventName:"ionPopoverActivateTrigger",callback:t=>e.presentFromTrigger(t,!0)}]}return r.forEach((({eventName:o,callback:e})=>t.addEventListener(o,e))),t.setAttribute("data-ion-popover-trigger","true"),()=>{r.forEach((({eventName:o,callback:e})=>t.removeEventListener(o,e))),t.removeAttribute("data-ion-popover-trigger")}})(i,o,e):v(`A trigger element with the ID "${t}" was not found in the DOM. The trigger element must be in the DOM when the "trigger" property is set on ion-popover.`,this.el)},this.configureKeyboardInteraction=()=>{const{destroyKeyboardInteraction:t,el:o}=this;t&&t(),this.destroyKeyboardInteraction=(t=>{const o=async o=>{var e;const r=document.activeElement;let i=[];const s=null===(e=o.target)||void 0===e?void 0:e.tagName;if("ION-POPOVER"===s||"ION-ITEM"===s){try{i=Array.from(t.querySelectorAll("ion-item:not(ion-popover ion-popover *):not([disabled])"))}catch(t){}switch(o.key){case"ArrowLeft":await t.getParentPopover()&&t.dismiss(void 0,void 0,!1);break;case"ArrowDown":o.preventDefault();const e=((t,o)=>t[j(t,o)+1])(i,r);void 0!==e&&A(e);break;case"ArrowUp":o.preventDefault();const s=((t,o)=>t[j(t,o)-1])(i,r);void 0!==s&&A(s);break;case"Home":o.preventDefault();const n=i[0];void 0!==n&&A(n);break;case"End":o.preventDefault();const a=i[i.length-1];void 0!==a&&A(a);break;case"ArrowRight":case" ":case"Enter":if(r&&r.hasAttribute("data-ion-popover-trigger")){const t=new CustomEvent("ionPopoverActivateTrigger");r.dispatchEvent(t)}}}};return t.addEventListener("keydown",o),()=>t.removeEventListener("keydown",o)})(o)},this.configureDismissInteraction=()=>{const{destroyDismissInteraction:t,parentPopover:o,triggerAction:e,triggerEl:r,el:i}=this;o&&r&&(t&&t(),this.destroyDismissInteraction=((t,o,e,r)=>{let i=[];const s=d(r).querySelector(".popover-content");return i="hover"===o?[{eventName:"mouseenter",callback:o=>{document.elementFromPoint(o.clientX,o.clientY)!==t&&e.dismiss(void 0,void 0,!1)}}]:[{eventName:"click",callback:o=>{o.target.closest("[data-ion-popover-trigger]")!==t?e.dismiss(void 0,void 0,!1):o.stopPropagation()}}],i.forEach((({eventName:t,callback:o})=>s.addEventListener(t,o))),()=>{i.forEach((({eventName:t,callback:o})=>s.removeEventListener(t,o)))}})(r,e,i,o))},this.presented=!1,this.hasController=!1,this.delegate=void 0,this.overlayIndex=void 0,this.enterAnimation=void 0,this.leaveAnimation=void 0,this.component=void 0,this.componentProps=void 0,this.keyboardClose=!0,this.cssClass=void 0,this.backdropDismiss=!0,this.event=void 0,this.showBackdrop=!0,this.translucent=!1,this.animated=!0,this.htmlAttributes=void 0,this.triggerAction="click",this.trigger=void 0,this.size="auto",this.dismissOnSelect=!1,this.reference="trigger",this.side="bottom",this.alignment=void 0,this.arrow=!0,this.isOpen=!1,this.keyboardEvents=!1,this.keepContentsMounted=!1}onTriggerChange(){this.configureTriggerInteraction()}onIsOpenChange(t,o){!0===t&&!1===o?this.present():!1===t&&!0===o&&this.dismiss()}connectedCallback(){const{configureTriggerInteraction:t,el:o}=this;g(o),t()}disconnectedCallback(){const{destroyTriggerInteraction:t}=this;t&&t()}componentWillLoad(){const{el:t}=this,o=m(t);this.parentPopover=t.closest(`ion-popover:not(#${o})`),void 0===this.alignment&&(this.alignment="ios"===k(this)?"center":"start")}componentDidLoad(){const{parentPopover:t,isOpen:o}=this;!0===o&&p((()=>this.present())),t&&c(t,"ionPopoverWillDismiss",(()=>{this.dismiss(void 0,void 0,!1)})),this.configureTriggerInteraction()}async presentFromTrigger(t,o=!1){this.focusDescendantOnPresent=o,await this.present(t),this.focusDescendantOnPresent=!1}getDelegate(t=!1){if(this.workingDelegate&&!t)return{delegate:this.workingDelegate,inline:this.inline};const o=this.inline=null!==this.el.parentNode&&!this.hasController;return{inline:o,delegate:this.workingDelegate=o?this.delegate||this.coreDelegate:this.delegate}}async present(t){const o=await this.lockController.lock();if(this.presented)return void o();const{el:e}=this,{inline:r,delegate:i}=this.getDelegate(!0);this.ionMount.emit(),this.usersElement=await n(i,e,this.component,["popover-viewport"],this.componentProps,r),this.keyboardEvents||this.configureKeyboardInteraction(),this.configureDismissInteraction(),h(e)?await D(this.usersElement):this.keepContentsMounted||await T(),await x(this,"popoverEnter",M,V,{event:t||this.event,size:this.size,trigger:this.triggerEl,reference:this.reference,side:this.side,align:this.alignment}),this.focusDescendantOnPresent&&b(this.el,this.el),o()}async dismiss(t,o,e=!0){const r=await this.lockController.lock(),{destroyKeyboardInteraction:i,destroyDismissInteraction:s}=this;e&&this.parentPopover&&this.parentPopover.dismiss(t,o,e);const n=await w(this,t,o,"popoverLeave",S,B,this.event);if(n){i&&(i(),this.destroyKeyboardInteraction=void 0),s&&(s(),this.destroyDismissInteraction=void 0);const{delegate:t}=this.getDelegate();await a(t,this.usersElement)}return r(),n}async getParentPopover(){return this.parentPopover}onDidDismiss(){return u(this.el,"ionPopoverDidDismiss")}onWillDismiss(){return u(this.el,"ionPopoverWillDismiss")}render(){const t=k(this),{onLifecycle:o,parentPopover:i,dismissOnSelect:s,side:n,arrow:a,htmlAttributes:p}=this,d=y("desktop"),c=a&&!i;return e(r,Object.assign({key:"f335ae001173483e6a973b2084f8a7b6b895ae5d","aria-modal":"true","no-router":!0,tabindex:"-1"},p,{style:{zIndex:`${2e4+this.overlayIndex}`},class:Object.assign(Object.assign({},P(this.cssClass)),{[t]:!0,"popover-translucent":this.translucent,"overlay-hidden":!0,"popover-desktop":d,[`popover-side-${n}`]:!0,"popover-nested":!!i}),onIonPopoverDidPresent:o,onIonPopoverWillPresent:o,onIonPopoverWillDismiss:o,onIonPopoverDidDismiss:o,onIonBackdropTap:this.onBackdropTap}),!i&&e("ion-backdrop",{tappable:this.backdropDismiss,visible:this.showBackdrop,part:"backdrop"}),e("div",{key:"8468f39b0a0f30b42ae9cac51950e5f0b9be1069",class:"popover-wrapper ion-overlay-wrapper",onClick:s?()=>this.dismiss():void 0},c&&e("div",{class:"popover-arrow",part:"arrow"}),e("div",{key:"cb4eeaef385187f3c8e566931844e30edd5451c4",class:"popover-content",part:"content"},e("slot",{key:"80a5739a4beb6eba150503e426104701954c90b9"}))))}get el(){return i(this)}static get watchers(){return{trigger:["onTriggerChange"],triggerAction:["onTriggerChange"],isOpen:["onIsOpenChange"]}}},K={ionPopoverDidPresent:"ionViewDidEnter",ionPopoverWillPresent:"ionViewWillEnter",ionPopoverWillDismiss:"ionViewWillLeave",ionPopoverDidDismiss:"ionViewDidLeave"};R.style={ios:':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;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: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)}}',md:":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;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}"};export{R as ion_popover}
|