@ionic/core 7.7.2-nightly.20240208 → 7.7.2-nightly.20240209
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/components/action-sheet.js +7 -3
- package/components/alert.js +6 -2
- package/components/ion-loading.js +6 -2
- package/components/ion-modal.js +7 -3
- package/components/ion-picker.js +6 -2
- package/components/ion-toast.js +6 -2
- package/components/popover.js +6 -2
- package/dist/cjs/ion-action-sheet.cjs.entry.js +7 -3
- package/dist/cjs/ion-alert.cjs.entry.js +6 -2
- package/dist/cjs/ion-datetime_3.cjs.entry.js +6 -2
- package/dist/cjs/ion-loading.cjs.entry.js +6 -2
- package/dist/cjs/ion-modal.cjs.entry.js +7 -3
- package/dist/cjs/ion-popover.cjs.entry.js +6 -2
- package/dist/cjs/ion-toast.cjs.entry.js +6 -2
- package/dist/collection/components/action-sheet/action-sheet.js +9 -5
- package/dist/collection/components/alert/alert.js +8 -4
- package/dist/collection/components/loading/loading.js +8 -4
- package/dist/collection/components/modal/modal.js +9 -5
- package/dist/collection/components/picker/picker.js +8 -4
- package/dist/collection/components/popover/popover.js +8 -4
- package/dist/collection/components/toast/test/toast.spec.js +12 -0
- package/dist/collection/components/toast/toast.js +8 -4
- package/dist/docs.json +22 -22
- package/dist/esm/ion-action-sheet.entry.js +7 -3
- package/dist/esm/ion-alert.entry.js +6 -2
- package/dist/esm/ion-datetime_3.entry.js +6 -2
- package/dist/esm/ion-loading.entry.js +6 -2
- package/dist/esm/ion-modal.entry.js +7 -3
- package/dist/esm/ion-popover.entry.js +6 -2
- package/dist/esm/ion-toast.entry.js +6 -2
- 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-modal.entry.js +1 -1
- package/dist/esm-es5/ion-popover.entry.js +1 -1
- package/dist/esm-es5/ion-toast.entry.js +1 -1
- package/dist/ionic/ionic.esm.js +1 -1
- package/dist/ionic/{p-84074821.entry.js → p-00feeece.entry.js} +1 -1
- package/dist/ionic/{p-8942c4f0.entry.js → p-08f50365.entry.js} +1 -1
- package/dist/ionic/{p-09104e40.system.entry.js → p-2f30744e.system.entry.js} +1 -1
- package/dist/ionic/p-33c1d796.system.js +1 -1
- package/dist/ionic/{p-6869d193.system.entry.js → p-3b2e1fad.system.entry.js} +1 -1
- package/dist/ionic/{p-bbfd2cd0.system.entry.js → p-3eb54fff.system.entry.js} +1 -1
- package/dist/ionic/{p-7d9f8991.entry.js → p-4edfddd3.entry.js} +1 -1
- package/dist/ionic/{p-c5ae804f.entry.js → p-72e6fbe3.entry.js} +1 -1
- package/dist/ionic/{p-1e516e45.entry.js → p-8964db8b.entry.js} +1 -1
- package/dist/ionic/{p-f3d6ac85.system.entry.js → p-b2189b67.system.entry.js} +2 -2
- package/dist/ionic/{p-1c425012.system.entry.js → p-c65399ff.system.entry.js} +2 -2
- package/dist/ionic/{p-79ff281e.entry.js → p-caedbb0e.entry.js} +1 -1
- package/dist/ionic/{p-223b1692.system.entry.js → p-e02b2365.system.entry.js} +1 -1
- package/dist/ionic/{p-10f54620.entry.js → p-e7b4f81d.entry.js} +1 -1
- package/dist/ionic/{p-a29e7420.system.entry.js → p-f7981b54.system.entry.js} +1 -1
- package/dist/types/components/action-sheet/action-sheet.d.ts +4 -0
- package/dist/types/components/alert/alert.d.ts +4 -0
- package/dist/types/components/loading/loading.d.ts +4 -0
- package/dist/types/components/modal/modal.d.ts +4 -0
- package/dist/types/components/picker/picker.d.ts +4 -0
- package/dist/types/components/popover/popover.d.ts +4 -0
- package/dist/types/components/toast/toast.d.ts +4 -0
- package/dist/types/components.d.ts +7 -7
- package/hydrate/index.js +44 -16
- package/package.json +2 -2
|
@@ -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-72fa96bf.system.js","./p-61ba2137.system.js","./p-fd8ced99.system.js","./p-4f255d5a.system.js","./p-ff4b7e40.system.js","./p-62ea79fb.system.js","./p-6525a8cd.system.js","./p-4609d030.system.js","./p-2e14c533.system.js","./p-e2bb92ed.system.js","./p-792919fd.system.js","./p-df504a37.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 z=function(t,e){var r=L(t,e);return t[r+1]};var E=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=z(i,o);if(p!==undefined){X(p)}return[3,8];case 4:e.preventDefault();f=E(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,z=I.top,E=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(E,"px");if(Y){a="".concat(E,"px").concat(e)}if(C){a="".concat(E,"px").concat(r)}l.style.setProperty("top","calc(".concat(z,"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!==z||D.left!==E;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 z=j();var E=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);z.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)");E.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,z,E])};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;z-index:11}.popover-arrow::after{top:3px;border-radius:3px;position:absolute;width:14px;height:14px;-webkit-transform:rotate(45deg);transform:rotate(45deg);background:var(--background);content:"";z-index:10}@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-72fa96bf.system.js","./p-61ba2137.system.js","./p-fd8ced99.system.js","./p-4f255d5a.system.js","./p-ff4b7e40.system.js","./p-62ea79fb.system.js","./p-6525a8cd.system.js","./p-4609d030.system.js","./p-2e14c533.system.js","./p-e2bb92ed.system.js","./p-792919fd.system.js","./p-df504a37.system.js"],(function(t){"use strict";var e,r,o,i,n,a,s,p,f,c,v,u,d,h,l,g,x,m,w,b,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;m=t.f;w=t.n;b=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 z=function(t,e){var r=L(t,e);return t[r+1]};var E=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=z(i,o);if(p!==undefined){X(p)}return[3,8];case 4:e.preventDefault();f=E(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 m=G(s,a,u,e,r);var w=x.top+m.top;var b=x.left+m.left;var k=R(a,o,i,w,b,e,r,t),y=k.arrowTop,P=k.arrowLeft;var _=S(a,s,t),D=_.originX,T=_.originY;return{top:w,left:b,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 m=e;var w;var b=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;b="left"}else if(a+o+x+p>i){P=true;x=i-a-o;b="right"}if(_+D+s>n&&(t==="top"||t==="bottom")){if(_-s>0){m=Math.max(12,_-s-D-(h-1));l=m+s;k="bottom";T=true}else{w=o}}return{top:m,left:x,bottom:w,originX:b,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 m=A(i,l,x),w=m.contentWidth,b=m.contentHeight;var k=O(g),y=k.arrowWidth,P=k.arrowHeight;var _={top:d/2-b/2,left:u/2-w/2,originX:v?"right":"left",originY:"top"};var D=M(v,w,b,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,w,b,N,D.originX,D.originY,D.referenceCoordinates,D.arrowTop,D.arrowLeft,P),W=I.originX,L=I.originY,z=I.top,E=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(w,"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(E,"px");if(Y){a="".concat(E,"px").concat(e)}if(C){a="".concat(E,"px").concat(r)}l.style.setProperty("top","calc(".concat(z,"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!==z||D.left!==E;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),m=x.contentWidth,w=x.contentHeight;var b={top:d/2-w/2,left:u/2-m/2,originX:v?"right":"left",originY:"top"};var k=M(v,m,w,0,0,a,s,p,b,n,o);var y=i==="cover"?0:$;var P=F(s,k.top,k.left,y,u,d,m,w,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 z=j();var E=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);z.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)");E.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(m,"px"))}if(D==="bottom"){t.classList.add("popover-bottom")}})).addAnimation([W,L,z,E])};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;z-index:11}.popover-arrow::after{top:3px;border-radius:3px;position:absolute;width:14px;height:14px;-webkit-transform:rotate(45deg);transform:rotate(45deg);background:var(--background);content:"";z-index:10}@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,m(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){w(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,b(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:"104a5bf92a9bbd2efc71d499a8500e5d55f81711","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:"ef0baa04c22444d4bc705220235a892308d67586",class:"popover-wrapper ion-overlay-wrapper",onClick:p?function(){return e.dismiss()}:undefined},d&&o("div",{class:"popover-arrow",part:"arrow"}),o("div",{key:"5cc5f5c353de614e484e9cfeacecfca9fbfde0e0",class:"popover-content",part:"content"},o("slot",{key:"2d85c591cdc85efa98afbf40f676525f1402efcf"}))))};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}}}}));
|
|
@@ -134,6 +134,10 @@ export declare class ActionSheet implements ComponentInterface, OverlayInterface
|
|
|
134
134
|
* This can be useful in a button handler for determining which button was
|
|
135
135
|
* clicked to dismiss the action sheet.
|
|
136
136
|
* Some examples include: ``"cancel"`, `"destructive"`, "selected"`, and `"backdrop"`.
|
|
137
|
+
*
|
|
138
|
+
* This is a no-op if the overlay has not been presented yet. If you want
|
|
139
|
+
* to remove an overlay from the DOM that was never presented, use the
|
|
140
|
+
* [remove](https://developer.mozilla.org/en-US/docs/Web/API/Element/remove) method.
|
|
137
141
|
*/
|
|
138
142
|
dismiss(data?: any, role?: string): Promise<boolean>;
|
|
139
143
|
/**
|
|
@@ -164,6 +164,10 @@ export declare class Alert implements ComponentInterface, OverlayInterface {
|
|
|
164
164
|
* This can be useful in a button handler for determining which button was
|
|
165
165
|
* clicked to dismiss the alert.
|
|
166
166
|
* Some examples include: ``"cancel"`, `"destructive"`, "selected"`, and `"backdrop"`.
|
|
167
|
+
*
|
|
168
|
+
* This is a no-op if the overlay has not been presented yet. If you want
|
|
169
|
+
* to remove an overlay from the DOM that was never presented, use the
|
|
170
|
+
* [remove](https://developer.mozilla.org/en-US/docs/Web/API/Element/remove) method.
|
|
167
171
|
*/
|
|
168
172
|
dismiss(data?: any, role?: string): Promise<boolean>;
|
|
169
173
|
/**
|
|
@@ -146,6 +146,10 @@ export declare class Loading implements ComponentInterface, OverlayInterface {
|
|
|
146
146
|
* This can be useful in a button handler for determining which button was
|
|
147
147
|
* clicked to dismiss the loading.
|
|
148
148
|
* Some examples include: ``"cancel"`, `"destructive"`, "selected"`, and `"backdrop"`.
|
|
149
|
+
*
|
|
150
|
+
* This is a no-op if the overlay has not been presented yet. If you want
|
|
151
|
+
* to remove an overlay from the DOM that was never presented, use the
|
|
152
|
+
* [remove](https://developer.mozilla.org/en-US/docs/Web/API/Element/remove) method.
|
|
149
153
|
*/
|
|
150
154
|
dismiss(data?: any, role?: string): Promise<boolean>;
|
|
151
155
|
/**
|
|
@@ -256,6 +256,10 @@ export declare class Modal implements ComponentInterface, OverlayInterface {
|
|
|
256
256
|
*
|
|
257
257
|
* @param data Any data to emit in the dismiss events.
|
|
258
258
|
* @param role The role of the element that is dismissing the modal. For example, 'cancel' or 'backdrop'.
|
|
259
|
+
*
|
|
260
|
+
* This is a no-op if the overlay has not been presented yet. If you want
|
|
261
|
+
* to remove an overlay from the DOM that was never presented, use the
|
|
262
|
+
* [remove](https://developer.mozilla.org/en-US/docs/Web/API/Element/remove) method.
|
|
259
263
|
*/
|
|
260
264
|
dismiss(data?: any, role?: string): Promise<boolean>;
|
|
261
265
|
/**
|
|
@@ -133,6 +133,10 @@ export declare class Picker implements ComponentInterface, OverlayInterface {
|
|
|
133
133
|
* This can be useful in a button handler for determining which button was
|
|
134
134
|
* clicked to dismiss the picker.
|
|
135
135
|
* Some examples include: ``"cancel"`, `"destructive"`, "selected"`, and `"backdrop"`.
|
|
136
|
+
*
|
|
137
|
+
* This is a no-op if the overlay has not been presented yet. If you want
|
|
138
|
+
* to remove an overlay from the DOM that was never presented, use the
|
|
139
|
+
* [remove](https://developer.mozilla.org/en-US/docs/Web/API/Element/remove) method.
|
|
136
140
|
*/
|
|
137
141
|
dismiss(data?: any, role?: string): Promise<boolean>;
|
|
138
142
|
/**
|
|
@@ -271,6 +271,10 @@ export declare class Popover implements ComponentInterface, PopoverInterface {
|
|
|
271
271
|
* @param role The role of the element that is dismissing the popover. For example, 'cancel' or 'backdrop'.
|
|
272
272
|
* @param dismissParentPopover If `true`, dismissing this popover will also dismiss
|
|
273
273
|
* a parent popover if this popover is nested. Defaults to `true`.
|
|
274
|
+
*
|
|
275
|
+
* This is a no-op if the overlay has not been presented yet. If you want
|
|
276
|
+
* to remove an overlay from the DOM that was never presented, use the
|
|
277
|
+
* [remove](https://developer.mozilla.org/en-US/docs/Web/API/Element/remove) method.
|
|
274
278
|
*/
|
|
275
279
|
dismiss(data?: any, role?: string, dismissParentPopover?: boolean): Promise<boolean>;
|
|
276
280
|
/**
|
|
@@ -204,6 +204,10 @@ export declare class Toast implements ComponentInterface, OverlayInterface {
|
|
|
204
204
|
* This can be useful in a button handler for determining which button was
|
|
205
205
|
* clicked to dismiss the toast.
|
|
206
206
|
* Some examples include: ``"cancel"`, `"destructive"`, "selected"`, and `"backdrop"`.
|
|
207
|
+
*
|
|
208
|
+
* This is a no-op if the overlay has not been presented yet. If you want
|
|
209
|
+
* to remove an overlay from the DOM that was never presented, use the
|
|
210
|
+
* [remove](https://developer.mozilla.org/en-US/docs/Web/API/Element/remove) method.
|
|
207
211
|
*/
|
|
208
212
|
dismiss(data?: any, role?: string): Promise<boolean>;
|
|
209
213
|
/**
|
|
@@ -160,7 +160,7 @@ export namespace Components {
|
|
|
160
160
|
/**
|
|
161
161
|
* Dismiss the action sheet overlay after it has been presented.
|
|
162
162
|
* @param data Any data to emit in the dismiss events.
|
|
163
|
-
* @param role The role of the element that is dismissing the action sheet. This can be useful in a button handler for determining which button was clicked to dismiss the action sheet. Some examples include: ``"cancel"`, `"destructive"`, "selected"`, and `"backdrop"`.
|
|
163
|
+
* @param role The role of the element that is dismissing the action sheet. This can be useful in a button handler for determining which button was clicked to dismiss the action sheet. Some examples include: ``"cancel"`, `"destructive"`, "selected"`, and `"backdrop"`. This is a no-op if the overlay has not been presented yet. If you want to remove an overlay from the DOM that was never presented, use the [remove](https://developer.mozilla.org/en-US/docs/Web/API/Element/remove) method.
|
|
164
164
|
*/
|
|
165
165
|
"dismiss": (data?: any, role?: string) => Promise<boolean>;
|
|
166
166
|
/**
|
|
@@ -239,7 +239,7 @@ export namespace Components {
|
|
|
239
239
|
/**
|
|
240
240
|
* Dismiss the alert overlay after it has been presented.
|
|
241
241
|
* @param data Any data to emit in the dismiss events.
|
|
242
|
-
* @param role The role of the element that is dismissing the alert. This can be useful in a button handler for determining which button was clicked to dismiss the alert. Some examples include: ``"cancel"`, `"destructive"`, "selected"`, and `"backdrop"`.
|
|
242
|
+
* @param role The role of the element that is dismissing the alert. This can be useful in a button handler for determining which button was clicked to dismiss the alert. Some examples include: ``"cancel"`, `"destructive"`, "selected"`, and `"backdrop"`. This is a no-op if the overlay has not been presented yet. If you want to remove an overlay from the DOM that was never presented, use the [remove](https://developer.mozilla.org/en-US/docs/Web/API/Element/remove) method.
|
|
243
243
|
*/
|
|
244
244
|
"dismiss": (data?: any, role?: string) => Promise<boolean>;
|
|
245
245
|
/**
|
|
@@ -1527,7 +1527,7 @@ export namespace Components {
|
|
|
1527
1527
|
/**
|
|
1528
1528
|
* Dismiss the loading overlay after it has been presented.
|
|
1529
1529
|
* @param data Any data to emit in the dismiss events.
|
|
1530
|
-
* @param role The role of the element that is dismissing the loading. This can be useful in a button handler for determining which button was clicked to dismiss the loading. Some examples include: ``"cancel"`, `"destructive"`, "selected"`, and `"backdrop"`.
|
|
1530
|
+
* @param role The role of the element that is dismissing the loading. This can be useful in a button handler for determining which button was clicked to dismiss the loading. Some examples include: ``"cancel"`, `"destructive"`, "selected"`, and `"backdrop"`. This is a no-op if the overlay has not been presented yet. If you want to remove an overlay from the DOM that was never presented, use the [remove](https://developer.mozilla.org/en-US/docs/Web/API/Element/remove) method.
|
|
1531
1531
|
*/
|
|
1532
1532
|
"dismiss": (data?: any, role?: string) => Promise<boolean>;
|
|
1533
1533
|
/**
|
|
@@ -1720,7 +1720,7 @@ export namespace Components {
|
|
|
1720
1720
|
/**
|
|
1721
1721
|
* Dismiss the modal overlay after it has been presented.
|
|
1722
1722
|
* @param data Any data to emit in the dismiss events.
|
|
1723
|
-
* @param role The role of the element that is dismissing the modal. For example, 'cancel' or 'backdrop'.
|
|
1723
|
+
* @param role The role of the element that is dismissing the modal. For example, 'cancel' or 'backdrop'. This is a no-op if the overlay has not been presented yet. If you want to remove an overlay from the DOM that was never presented, use the [remove](https://developer.mozilla.org/en-US/docs/Web/API/Element/remove) method.
|
|
1724
1724
|
*/
|
|
1725
1725
|
"dismiss": (data?: any, role?: string) => Promise<boolean>;
|
|
1726
1726
|
/**
|
|
@@ -1973,7 +1973,7 @@ export namespace Components {
|
|
|
1973
1973
|
/**
|
|
1974
1974
|
* Dismiss the picker overlay after it has been presented.
|
|
1975
1975
|
* @param data Any data to emit in the dismiss events.
|
|
1976
|
-
* @param role The role of the element that is dismissing the picker. This can be useful in a button handler for determining which button was clicked to dismiss the picker. Some examples include: ``"cancel"`, `"destructive"`, "selected"`, and `"backdrop"`.
|
|
1976
|
+
* @param role The role of the element that is dismissing the picker. This can be useful in a button handler for determining which button was clicked to dismiss the picker. Some examples include: ``"cancel"`, `"destructive"`, "selected"`, and `"backdrop"`. This is a no-op if the overlay has not been presented yet. If you want to remove an overlay from the DOM that was never presented, use the [remove](https://developer.mozilla.org/en-US/docs/Web/API/Element/remove) method.
|
|
1977
1977
|
*/
|
|
1978
1978
|
"dismiss": (data?: any, role?: string) => Promise<boolean>;
|
|
1979
1979
|
/**
|
|
@@ -2110,7 +2110,7 @@ export namespace Components {
|
|
|
2110
2110
|
* Dismiss the popover overlay after it has been presented.
|
|
2111
2111
|
* @param data Any data to emit in the dismiss events.
|
|
2112
2112
|
* @param role The role of the element that is dismissing the popover. For example, 'cancel' or 'backdrop'.
|
|
2113
|
-
* @param dismissParentPopover If `true`, dismissing this popover will also dismiss a parent popover if this popover is nested. Defaults to `true`.
|
|
2113
|
+
* @param dismissParentPopover If `true`, dismissing this popover will also dismiss a parent popover if this popover is nested. Defaults to `true`. This is a no-op if the overlay has not been presented yet. If you want to remove an overlay from the DOM that was never presented, use the [remove](https://developer.mozilla.org/en-US/docs/Web/API/Element/remove) method.
|
|
2114
2114
|
*/
|
|
2115
2115
|
"dismiss": (data?: any, role?: string, dismissParentPopover?: boolean) => Promise<boolean>;
|
|
2116
2116
|
/**
|
|
@@ -3111,7 +3111,7 @@ export namespace Components {
|
|
|
3111
3111
|
/**
|
|
3112
3112
|
* Dismiss the toast overlay after it has been presented.
|
|
3113
3113
|
* @param data Any data to emit in the dismiss events.
|
|
3114
|
-
* @param role The role of the element that is dismissing the toast. This can be useful in a button handler for determining which button was clicked to dismiss the toast. Some examples include: ``"cancel"`, `"destructive"`, "selected"`, and `"backdrop"`.
|
|
3114
|
+
* @param role The role of the element that is dismissing the toast. This can be useful in a button handler for determining which button was clicked to dismiss the toast. Some examples include: ``"cancel"`, `"destructive"`, "selected"`, and `"backdrop"`. This is a no-op if the overlay has not been presented yet. If you want to remove an overlay from the DOM that was never presented, use the [remove](https://developer.mozilla.org/en-US/docs/Web/API/Element/remove) method.
|
|
3115
3115
|
*/
|
|
3116
3116
|
"dismiss": (data?: any, role?: string) => Promise<boolean>;
|
|
3117
3117
|
/**
|
package/hydrate/index.js
CHANGED
|
@@ -11946,6 +11946,10 @@ class ActionSheet {
|
|
|
11946
11946
|
* This can be useful in a button handler for determining which button was
|
|
11947
11947
|
* clicked to dismiss the action sheet.
|
|
11948
11948
|
* Some examples include: ``"cancel"`, `"destructive"`, "selected"`, and `"backdrop"`.
|
|
11949
|
+
*
|
|
11950
|
+
* This is a no-op if the overlay has not been presented yet. If you want
|
|
11951
|
+
* to remove an overlay from the DOM that was never presented, use the
|
|
11952
|
+
* [remove](https://developer.mozilla.org/en-US/docs/Web/API/Element/remove) method.
|
|
11949
11953
|
*/
|
|
11950
11954
|
async dismiss(data, role) {
|
|
11951
11955
|
const unlock = await this.lockController.lock();
|
|
@@ -12054,12 +12058,12 @@ class ActionSheet {
|
|
|
12054
12058
|
const cancelButton = allButtons.find((b) => b.role === 'cancel');
|
|
12055
12059
|
const buttons = allButtons.filter((b) => b.role !== 'cancel');
|
|
12056
12060
|
const headerID = `action-sheet-${overlayIndex}-header`;
|
|
12057
|
-
return (hAsync(Host, Object.assign({ key: '
|
|
12061
|
+
return (hAsync(Host, Object.assign({ key: 'cd141d12d7d86d3402fd220c4afb61cdbf064c04', role: "dialog", "aria-modal": "true", "aria-labelledby": header !== undefined ? headerID : null, tabindex: "-1" }, htmlAttributes, { style: {
|
|
12058
12062
|
zIndex: `${20000 + this.overlayIndex}`,
|
|
12059
|
-
}, class: Object.assign(Object.assign({ [mode]: true }, getClassMap(this.cssClass)), { 'overlay-hidden': true, 'action-sheet-translucent': this.translucent }), onIonActionSheetWillDismiss: this.dispatchCancelHandler, onIonBackdropTap: this.onBackdropTap }), hAsync("ion-backdrop", { key: '
|
|
12063
|
+
}, class: Object.assign(Object.assign({ [mode]: true }, getClassMap(this.cssClass)), { 'overlay-hidden': true, 'action-sheet-translucent': this.translucent }), onIonActionSheetWillDismiss: this.dispatchCancelHandler, onIonBackdropTap: this.onBackdropTap }), hAsync("ion-backdrop", { key: 'b6a051e2cf5e101edbf59c8a40a04d8f7107fb3c', tappable: this.backdropDismiss }), hAsync("div", { key: '5bfa2b37a417aaff3776f06d92a8544dfcbf714f', tabindex: "0" }), hAsync("div", { key: '77d5a217803fd7be8f8dbedcd0ef5e59f0fd9800', class: "action-sheet-wrapper ion-overlay-wrapper", ref: (el) => (this.wrapperEl = el) }, hAsync("div", { key: '3901d56215f05cdab074e2ec321391281a165097', class: "action-sheet-container" }, hAsync("div", { key: '275f5c7981b2ee44fb632b3d137c7209cbfcf45c', class: "action-sheet-group", ref: (el) => (this.groupEl = el) }, header !== undefined && (hAsync("div", { id: headerID, class: {
|
|
12060
12064
|
'action-sheet-title': true,
|
|
12061
12065
|
'action-sheet-has-sub-title': this.subHeader !== undefined,
|
|
12062
|
-
} }, header, this.subHeader && hAsync("div", { class: "action-sheet-sub-title" }, this.subHeader))), buttons.map((b) => (hAsync("button", Object.assign({}, b.htmlAttributes, { type: "button", id: b.id, class: buttonClass$3(b), onClick: () => this.buttonClick(b) }), hAsync("span", { class: "action-sheet-button-inner" }, b.icon && hAsync("ion-icon", { icon: b.icon, "aria-hidden": "true", lazy: false, class: "action-sheet-icon" }), b.text), mode === 'md' && hAsync("ion-ripple-effect", null))))), cancelButton && (hAsync("div", { class: "action-sheet-group action-sheet-group-cancel" }, hAsync("button", Object.assign({}, cancelButton.htmlAttributes, { type: "button", class: buttonClass$3(cancelButton), onClick: () => this.buttonClick(cancelButton) }), hAsync("span", { class: "action-sheet-button-inner" }, cancelButton.icon && (hAsync("ion-icon", { icon: cancelButton.icon, "aria-hidden": "true", lazy: false, class: "action-sheet-icon" })), cancelButton.text), mode === 'md' && hAsync("ion-ripple-effect", null)))))), hAsync("div", { key: '
|
|
12066
|
+
} }, header, this.subHeader && hAsync("div", { class: "action-sheet-sub-title" }, this.subHeader))), buttons.map((b) => (hAsync("button", Object.assign({}, b.htmlAttributes, { type: "button", id: b.id, class: buttonClass$3(b), onClick: () => this.buttonClick(b) }), hAsync("span", { class: "action-sheet-button-inner" }, b.icon && hAsync("ion-icon", { icon: b.icon, "aria-hidden": "true", lazy: false, class: "action-sheet-icon" }), b.text), mode === 'md' && hAsync("ion-ripple-effect", null))))), cancelButton && (hAsync("div", { class: "action-sheet-group action-sheet-group-cancel" }, hAsync("button", Object.assign({}, cancelButton.htmlAttributes, { type: "button", class: buttonClass$3(cancelButton), onClick: () => this.buttonClick(cancelButton) }), hAsync("span", { class: "action-sheet-button-inner" }, cancelButton.icon && (hAsync("ion-icon", { icon: cancelButton.icon, "aria-hidden": "true", lazy: false, class: "action-sheet-icon" })), cancelButton.text), mode === 'md' && hAsync("ion-ripple-effect", null)))))), hAsync("div", { key: '4285893438675be9b40838a93c2ff382a1074cd3', tabindex: "0" })));
|
|
12063
12067
|
}
|
|
12064
12068
|
get el() { return getElement(this); }
|
|
12065
12069
|
static get watchers() { return {
|
|
@@ -12573,6 +12577,10 @@ class Alert {
|
|
|
12573
12577
|
* This can be useful in a button handler for determining which button was
|
|
12574
12578
|
* clicked to dismiss the alert.
|
|
12575
12579
|
* Some examples include: ``"cancel"`, `"destructive"`, "selected"`, and `"backdrop"`.
|
|
12580
|
+
*
|
|
12581
|
+
* This is a no-op if the overlay has not been presented yet. If you want
|
|
12582
|
+
* to remove an overlay from the DOM that was never presented, use the
|
|
12583
|
+
* [remove](https://developer.mozilla.org/en-US/docs/Web/API/Element/remove) method.
|
|
12576
12584
|
*/
|
|
12577
12585
|
async dismiss(data, role) {
|
|
12578
12586
|
const unlock = await this.lockController.lock();
|
|
@@ -12738,9 +12746,9 @@ class Alert {
|
|
|
12738
12746
|
* If neither is defined, don't set aria-labelledby.
|
|
12739
12747
|
*/
|
|
12740
12748
|
const ariaLabelledBy = header ? hdrId : subHeader ? subHdrId : null;
|
|
12741
|
-
return (hAsync(Host, Object.assign({ key: '
|
|
12749
|
+
return (hAsync(Host, Object.assign({ key: '4b7f7880dc5f39aa9b61981af0a821ac0350af7f', role: role, "aria-modal": "true", "aria-labelledby": ariaLabelledBy, "aria-describedby": message !== undefined ? msgId : null, tabindex: "-1" }, htmlAttributes, { style: {
|
|
12742
12750
|
zIndex: `${20000 + overlayIndex}`,
|
|
12743
|
-
}, class: Object.assign(Object.assign({}, getClassMap(this.cssClass)), { [mode]: true, 'overlay-hidden': true, 'alert-translucent': this.translucent }), onIonAlertWillDismiss: this.dispatchCancelHandler, onIonBackdropTap: this.onBackdropTap }), hAsync("ion-backdrop", { key: '
|
|
12751
|
+
}, class: Object.assign(Object.assign({}, getClassMap(this.cssClass)), { [mode]: true, 'overlay-hidden': true, 'alert-translucent': this.translucent }), onIonAlertWillDismiss: this.dispatchCancelHandler, onIonBackdropTap: this.onBackdropTap }), hAsync("ion-backdrop", { key: '961a2684013ac61d59882914fd8d759ddb542fe7', tappable: this.backdropDismiss }), hAsync("div", { key: '2ec08c3719b3cd8a4cae09d2c6ac778ffad5f940', tabindex: "0" }), hAsync("div", { key: 'ee543683d20693c9a9497aca4d41f032aa580c9c', class: "alert-wrapper ion-overlay-wrapper", ref: (el) => (this.wrapperEl = el) }, hAsync("div", { key: '55015102b67d080249a8859fc8788f3a82d5ead9', class: "alert-head" }, header && (hAsync("h2", { id: hdrId, class: "alert-title" }, header)), subHeader && (hAsync("h2", { id: subHdrId, class: "alert-sub-title" }, subHeader))), this.renderAlertMessage(msgId), this.renderAlertInputs(), this.renderAlertButtons()), hAsync("div", { key: 'df7bcfb0cb41965f169de05edd631a050d5ce648', tabindex: "0" })));
|
|
12744
12752
|
}
|
|
12745
12753
|
get el() { return getElement(this); }
|
|
12746
12754
|
static get watchers() { return {
|
|
@@ -22467,6 +22475,10 @@ class Loading {
|
|
|
22467
22475
|
* This can be useful in a button handler for determining which button was
|
|
22468
22476
|
* clicked to dismiss the loading.
|
|
22469
22477
|
* Some examples include: ``"cancel"`, `"destructive"`, "selected"`, and `"backdrop"`.
|
|
22478
|
+
*
|
|
22479
|
+
* This is a no-op if the overlay has not been presented yet. If you want
|
|
22480
|
+
* to remove an overlay from the DOM that was never presented, use the
|
|
22481
|
+
* [remove](https://developer.mozilla.org/en-US/docs/Web/API/Element/remove) method.
|
|
22470
22482
|
*/
|
|
22471
22483
|
async dismiss(data, role) {
|
|
22472
22484
|
const unlock = await this.lockController.lock();
|
|
@@ -22508,9 +22520,9 @@ class Loading {
|
|
|
22508
22520
|
* Otherwise, don't set aria-labelledby.
|
|
22509
22521
|
*/
|
|
22510
22522
|
const ariaLabelledBy = message !== undefined ? msgId : null;
|
|
22511
|
-
return (hAsync(Host, Object.assign({ key: '
|
|
22523
|
+
return (hAsync(Host, Object.assign({ key: '95123f54ba1db5e59563d79db075315b43ed20f7', role: "dialog", "aria-modal": "true", "aria-labelledby": ariaLabelledBy, tabindex: "-1" }, htmlAttributes, { style: {
|
|
22512
22524
|
zIndex: `${40000 + this.overlayIndex}`,
|
|
22513
|
-
}, onIonBackdropTap: this.onBackdropTap, class: Object.assign(Object.assign({}, getClassMap(this.cssClass)), { [mode]: true, 'overlay-hidden': true, 'loading-translucent': this.translucent }) }), hAsync("ion-backdrop", { key: '
|
|
22525
|
+
}, onIonBackdropTap: this.onBackdropTap, class: Object.assign(Object.assign({}, getClassMap(this.cssClass)), { [mode]: true, 'overlay-hidden': true, 'loading-translucent': this.translucent }) }), hAsync("ion-backdrop", { key: 'e113bf123eaad38f2dafce8ea5d2ebef409d0c0f', visible: this.showBackdrop, tappable: this.backdropDismiss }), hAsync("div", { key: '1268c9480854383c7883a79d597350540ade93c2', tabindex: "0" }), hAsync("div", { key: 'e86fc71504ebd578117dea2232d9740a087d1249', class: "loading-wrapper ion-overlay-wrapper" }, spinner && (hAsync("div", { class: "loading-spinner" }, hAsync("ion-spinner", { name: spinner, "aria-hidden": "true" }))), message !== undefined && this.renderLoadingMessage(msgId)), hAsync("div", { key: '3b91e2492e06aa65ebe77ed2b6ffb9d2f84bdd9c', tabindex: "0" })));
|
|
22514
22526
|
}
|
|
22515
22527
|
get el() { return getElement(this); }
|
|
22516
22528
|
static get watchers() { return {
|
|
@@ -25389,6 +25401,10 @@ class Modal {
|
|
|
25389
25401
|
*
|
|
25390
25402
|
* @param data Any data to emit in the dismiss events.
|
|
25391
25403
|
* @param role The role of the element that is dismissing the modal. For example, 'cancel' or 'backdrop'.
|
|
25404
|
+
*
|
|
25405
|
+
* This is a no-op if the overlay has not been presented yet. If you want
|
|
25406
|
+
* to remove an overlay from the DOM that was never presented, use the
|
|
25407
|
+
* [remove](https://developer.mozilla.org/en-US/docs/Web/API/Element/remove) method.
|
|
25392
25408
|
*/
|
|
25393
25409
|
async dismiss(data, role) {
|
|
25394
25410
|
var _a;
|
|
@@ -25519,9 +25535,9 @@ class Modal {
|
|
|
25519
25535
|
const mode = getIonMode$1(this);
|
|
25520
25536
|
const isCardModal = presentingElement !== undefined && mode === 'ios';
|
|
25521
25537
|
const isHandleCycle = handleBehavior === 'cycle';
|
|
25522
|
-
return (hAsync(Host, Object.assign({ key: '
|
|
25538
|
+
return (hAsync(Host, Object.assign({ key: '0c2c4369ab2df4ef4660addea5e927c6a0232864', "no-router": true, tabindex: "-1" }, htmlAttributes, { style: {
|
|
25523
25539
|
zIndex: `${20000 + this.overlayIndex}`,
|
|
25524
|
-
}, class: Object.assign({ [mode]: true, ['modal-default']: !isCardModal && !isSheetModal, [`modal-card`]: isCardModal, [`modal-sheet`]: isSheetModal, 'overlay-hidden': true }, getClassMap(this.cssClass)), onIonBackdropTap: this.onBackdropTap, onIonModalDidPresent: this.onLifecycle, onIonModalWillPresent: this.onLifecycle, onIonModalWillDismiss: this.onLifecycle, onIonModalDidDismiss: this.onLifecycle }), hAsync("ion-backdrop", { key: '
|
|
25540
|
+
}, class: Object.assign({ [mode]: true, ['modal-default']: !isCardModal && !isSheetModal, [`modal-card`]: isCardModal, [`modal-sheet`]: isSheetModal, 'overlay-hidden': true }, getClassMap(this.cssClass)), onIonBackdropTap: this.onBackdropTap, onIonModalDidPresent: this.onLifecycle, onIonModalWillPresent: this.onLifecycle, onIonModalWillDismiss: this.onLifecycle, onIonModalDidDismiss: this.onLifecycle }), hAsync("ion-backdrop", { key: 'd044383a776c2ee1703f996caedaedca47f2948f', ref: (el) => (this.backdropEl = el), visible: this.showBackdrop, tappable: this.backdropDismiss, part: "backdrop" }), mode === 'ios' && hAsync("div", { class: "modal-shadow" }), hAsync("div", Object.assign({ key: '8d23b6a3cc9069e4d46fa0645cde9db3e6f89507',
|
|
25525
25541
|
/*
|
|
25526
25542
|
role and aria-modal must be used on the
|
|
25527
25543
|
same element. They must also be set inside the
|
|
@@ -25530,7 +25546,7 @@ class Modal {
|
|
|
25530
25546
|
*/
|
|
25531
25547
|
role: "dialog" }, inheritedAttributes, { "aria-modal": "true", class: "modal-wrapper ion-overlay-wrapper", part: "content", ref: (el) => (this.wrapperEl = el) }), showHandle && (hAsync("button", { class: "modal-handle",
|
|
25532
25548
|
// Prevents the handle from receiving keyboard focus when it does not cycle
|
|
25533
|
-
tabIndex: !isHandleCycle ? -1 : 0, "aria-label": "Activate to adjust the size of the dialog overlaying the screen", onClick: isHandleCycle ? this.onHandleClick : undefined, part: "handle" })), hAsync("slot", { key: '
|
|
25549
|
+
tabIndex: !isHandleCycle ? -1 : 0, "aria-label": "Activate to adjust the size of the dialog overlaying the screen", onClick: isHandleCycle ? this.onHandleClick : undefined, part: "handle" })), hAsync("slot", { key: '3fbb689e4bf5575fbb26ad1000f6ac5993f3bf8f' }))));
|
|
25534
25550
|
}
|
|
25535
25551
|
get el() { return getElement(this); }
|
|
25536
25552
|
static get watchers() { return {
|
|
@@ -26760,6 +26776,10 @@ class Picker {
|
|
|
26760
26776
|
* This can be useful in a button handler for determining which button was
|
|
26761
26777
|
* clicked to dismiss the picker.
|
|
26762
26778
|
* Some examples include: ``"cancel"`, `"destructive"`, "selected"`, and `"backdrop"`.
|
|
26779
|
+
*
|
|
26780
|
+
* This is a no-op if the overlay has not been presented yet. If you want
|
|
26781
|
+
* to remove an overlay from the DOM that was never presented, use the
|
|
26782
|
+
* [remove](https://developer.mozilla.org/en-US/docs/Web/API/Element/remove) method.
|
|
26763
26783
|
*/
|
|
26764
26784
|
async dismiss(data, role) {
|
|
26765
26785
|
const unlock = await this.lockController.lock();
|
|
@@ -26831,11 +26851,11 @@ class Picker {
|
|
|
26831
26851
|
render() {
|
|
26832
26852
|
const { htmlAttributes } = this;
|
|
26833
26853
|
const mode = getIonMode$1(this);
|
|
26834
|
-
return (hAsync(Host, Object.assign({ key: '
|
|
26854
|
+
return (hAsync(Host, Object.assign({ key: 'c266cc072afaba2da22f70d8b62dc4bc6756d188', "aria-modal": "true", tabindex: "-1" }, htmlAttributes, { style: {
|
|
26835
26855
|
zIndex: `${20000 + this.overlayIndex}`,
|
|
26836
26856
|
}, class: Object.assign({ [mode]: true,
|
|
26837
26857
|
// Used internally for styling
|
|
26838
|
-
[`picker-${mode}`]: true, 'overlay-hidden': true }, getClassMap(this.cssClass)), onIonBackdropTap: this.onBackdropTap, onIonPickerWillDismiss: this.dispatchCancelHandler }), hAsync("ion-backdrop", { key: '
|
|
26858
|
+
[`picker-${mode}`]: true, 'overlay-hidden': true }, getClassMap(this.cssClass)), onIonBackdropTap: this.onBackdropTap, onIonPickerWillDismiss: this.dispatchCancelHandler }), hAsync("ion-backdrop", { key: '35ee3e5028028835580e28ac2c8db65a924d5d6a', visible: this.showBackdrop, tappable: this.backdropDismiss }), hAsync("div", { key: '8b454e6edbcfc45c57d3d8baf7c14b7905921a6e', tabindex: "0" }), hAsync("div", { key: 'e0fee78ec6d097bf0963190f748e5daad602e0f7', class: "picker-wrapper ion-overlay-wrapper", role: "dialog" }, hAsync("div", { key: 'ce66bca18fc3e982ad7d6660f27cb1a03fb8247b', class: "picker-toolbar" }, this.buttons.map((b) => (hAsync("div", { class: buttonWrapperClass(b) }, hAsync("button", { type: "button", onClick: () => this.buttonClick(b), class: buttonClass$1(b) }, b.text))))), hAsync("div", { key: 'a58b9523fe16f109dd6de0610717c5077fed964b', class: "picker-columns" }, hAsync("div", { key: 'acd54c0314cff51e8513a08dd9755c4b847c0617', class: "picker-above-highlight" }), this.presented && this.columns.map((c) => hAsync("ion-picker-column", { col: c })), hAsync("div", { key: '604730bd87582d048d850c6e0a0f29ba33258918', class: "picker-below-highlight" }))), hAsync("div", { key: '93baf5e6e57aec5f084d7d5b24af14e7d8126b5a', tabindex: "0" })));
|
|
26839
26859
|
}
|
|
26840
26860
|
get el() { return getElement(this); }
|
|
26841
26861
|
static get watchers() { return {
|
|
@@ -29370,6 +29390,10 @@ class Popover {
|
|
|
29370
29390
|
* @param role The role of the element that is dismissing the popover. For example, 'cancel' or 'backdrop'.
|
|
29371
29391
|
* @param dismissParentPopover If `true`, dismissing this popover will also dismiss
|
|
29372
29392
|
* a parent popover if this popover is nested. Defaults to `true`.
|
|
29393
|
+
*
|
|
29394
|
+
* This is a no-op if the overlay has not been presented yet. If you want
|
|
29395
|
+
* to remove an overlay from the DOM that was never presented, use the
|
|
29396
|
+
* [remove](https://developer.mozilla.org/en-US/docs/Web/API/Element/remove) method.
|
|
29373
29397
|
*/
|
|
29374
29398
|
async dismiss(data, role, dismissParentPopover = true) {
|
|
29375
29399
|
const unlock = await this.lockController.lock();
|
|
@@ -29421,9 +29445,9 @@ class Popover {
|
|
|
29421
29445
|
const { onLifecycle, parentPopover, dismissOnSelect, side, arrow, htmlAttributes } = this;
|
|
29422
29446
|
const desktop = isPlatform('desktop');
|
|
29423
29447
|
const enableArrow = arrow && !parentPopover;
|
|
29424
|
-
return (hAsync(Host, Object.assign({ key: '
|
|
29448
|
+
return (hAsync(Host, Object.assign({ key: '104a5bf92a9bbd2efc71d499a8500e5d55f81711', "aria-modal": "true", "no-router": true, tabindex: "-1" }, htmlAttributes, { style: {
|
|
29425
29449
|
zIndex: `${20000 + this.overlayIndex}`,
|
|
29426
|
-
}, class: Object.assign(Object.assign({}, getClassMap(this.cssClass)), { [mode]: true, 'popover-translucent': this.translucent, 'overlay-hidden': true, 'popover-desktop': desktop, [`popover-side-${side}`]: true, 'popover-nested': !!parentPopover }), onIonPopoverDidPresent: onLifecycle, onIonPopoverWillPresent: onLifecycle, onIonPopoverWillDismiss: onLifecycle, onIonPopoverDidDismiss: onLifecycle, onIonBackdropTap: this.onBackdropTap }), !parentPopover && hAsync("ion-backdrop", { tappable: this.backdropDismiss, visible: this.showBackdrop, part: "backdrop" }), hAsync("div", { key: '
|
|
29450
|
+
}, class: Object.assign(Object.assign({}, getClassMap(this.cssClass)), { [mode]: true, 'popover-translucent': this.translucent, 'overlay-hidden': true, 'popover-desktop': desktop, [`popover-side-${side}`]: true, 'popover-nested': !!parentPopover }), onIonPopoverDidPresent: onLifecycle, onIonPopoverWillPresent: onLifecycle, onIonPopoverWillDismiss: onLifecycle, onIonPopoverDidDismiss: onLifecycle, onIonBackdropTap: this.onBackdropTap }), !parentPopover && hAsync("ion-backdrop", { tappable: this.backdropDismiss, visible: this.showBackdrop, part: "backdrop" }), hAsync("div", { key: 'ef0baa04c22444d4bc705220235a892308d67586', class: "popover-wrapper ion-overlay-wrapper", onClick: dismissOnSelect ? () => this.dismiss() : undefined }, enableArrow && hAsync("div", { class: "popover-arrow", part: "arrow" }), hAsync("div", { key: '5cc5f5c353de614e484e9cfeacecfca9fbfde0e0', class: "popover-content", part: "content" }, hAsync("slot", { key: '2d85c591cdc85efa98afbf40f676525f1402efcf' })))));
|
|
29427
29451
|
}
|
|
29428
29452
|
get el() { return getElement(this); }
|
|
29429
29453
|
static get watchers() { return {
|
|
@@ -36970,6 +36994,10 @@ class Toast {
|
|
|
36970
36994
|
* This can be useful in a button handler for determining which button was
|
|
36971
36995
|
* clicked to dismiss the toast.
|
|
36972
36996
|
* Some examples include: ``"cancel"`, `"destructive"`, "selected"`, and `"backdrop"`.
|
|
36997
|
+
*
|
|
36998
|
+
* This is a no-op if the overlay has not been presented yet. If you want
|
|
36999
|
+
* to remove an overlay from the DOM that was never presented, use the
|
|
37000
|
+
* [remove](https://developer.mozilla.org/en-US/docs/Web/API/Element/remove) method.
|
|
36973
37001
|
*/
|
|
36974
37002
|
async dismiss(data, role) {
|
|
36975
37003
|
var _a, _b;
|
|
@@ -37137,9 +37165,9 @@ class Toast {
|
|
|
37137
37165
|
if (layout === 'stacked' && startButtons.length > 0 && endButtons.length > 0) {
|
|
37138
37166
|
printIonWarning('This toast is using start and end buttons with the stacked toast layout. We recommend following the best practice of using either start or end buttons with the stacked toast layout.', el);
|
|
37139
37167
|
}
|
|
37140
|
-
return (hAsync(Host, Object.assign({ key: '
|
|
37168
|
+
return (hAsync(Host, Object.assign({ key: 'c8d7e7d2baa01d3ed5d65a845bc61acf087c0b18', tabindex: "-1" }, this.htmlAttributes, { style: {
|
|
37141
37169
|
zIndex: `${60000 + this.overlayIndex}`,
|
|
37142
|
-
}, class: createColorClasses$1(this.color, Object.assign(Object.assign({ [mode]: true }, getClassMap(this.cssClass)), { 'overlay-hidden': true, 'toast-translucent': this.translucent })), onIonToastWillDismiss: this.dispatchCancelHandler }), hAsync("div", { key: '
|
|
37170
|
+
}, class: createColorClasses$1(this.color, Object.assign(Object.assign({ [mode]: true }, getClassMap(this.cssClass)), { 'overlay-hidden': true, 'toast-translucent': this.translucent })), onIonToastWillDismiss: this.dispatchCancelHandler }), hAsync("div", { key: '27c0feeb89c4efb47c42623a4b036ed84338ed10', class: wrapperClass }, hAsync("div", { key: '41d5a3069f92e4a6acef2793fa4e236cdbdaae88', class: "toast-container", part: "container" }, this.renderButtons(startButtons, 'start'), this.icon !== undefined && (hAsync("ion-icon", { class: "toast-icon", part: "icon", icon: this.icon, lazy: false, "aria-hidden": "true" })), hAsync("div", { key: '176f497bc990ef2ecc14c7fa90dd3a54a912030a', class: "toast-content", role: "status", "aria-atomic": "true", "aria-live": "polite" }, !revealContentToScreenReader && header !== undefined && this.renderHeader('oldHeader', 'true'), !revealContentToScreenReader && message !== undefined && this.renderToastMessage('oldMessage', 'true'), revealContentToScreenReader && header !== undefined && this.renderHeader('header'), revealContentToScreenReader && message !== undefined && this.renderToastMessage('header')), this.renderButtons(endButtons, 'end')))));
|
|
37143
37171
|
}
|
|
37144
37172
|
get el() { return getElement(this); }
|
|
37145
37173
|
static get watchers() { return {
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@ionic/core",
|
|
3
|
-
"version": "7.7.2-nightly.
|
|
3
|
+
"version": "7.7.2-nightly.20240209",
|
|
4
4
|
"description": "Base components for Ionic",
|
|
5
5
|
"keywords": [
|
|
6
6
|
"ionic",
|
|
@@ -37,7 +37,7 @@
|
|
|
37
37
|
},
|
|
38
38
|
"devDependencies": {
|
|
39
39
|
"@axe-core/playwright": "^4.8.4",
|
|
40
|
-
"@capacitor/core": "^5.
|
|
40
|
+
"@capacitor/core": "^5.7.0",
|
|
41
41
|
"@capacitor/haptics": "^5.0.7",
|
|
42
42
|
"@capacitor/keyboard": "^5.0.8",
|
|
43
43
|
"@capacitor/status-bar": "^5.0.7",
|