-
Notifications
You must be signed in to change notification settings - Fork 0
/
39-es2015.18ad3b1ebb11e9c7db6d.js
1 lines (1 loc) · 13.7 KB
/
39-es2015.18ad3b1ebb11e9c7db6d.js
1
(window.webpackJsonp=window.webpackJsonp||[]).push([[39],{TvZU:function(e,o,t){"use strict";t.r(o),t.d(o,"ion_modal",(function(){return w}));var a=t("OVxw"),i=t("vO0Z"),s=t("gHap"),r=t("XnfD"),n=t("cXoa"),d=t("PLvT"),l=(t("rxGk"),t("ItpF")),c=(t("x/Nk"),t("8ZMW")),m=t("hcCc"),h=t("NqGI");const p=(e,o)=>{const t=Object(r.a)().addElement(e.querySelector("ion-backdrop")).fromTo("opacity",.01,"var(--backdrop-opacity)").beforeStyles({"pointer-events":"none"}).afterClearStyles(["pointer-events"]),a=Object(r.a)().addElement(e.querySelectorAll(".modal-wrapper, .modal-shadow")).beforeStyles({opacity:1}).fromTo("transform","translateY(100vh)","translateY(0vh)"),i=Object(r.a)().addElement(e).easing("cubic-bezier(0.32,0.72,0,1)").duration(500).addAnimation(a);if(o){const e=window.innerWidth<768,s="ION-MODAL"===o.tagName&&void 0!==o.presentingElement,n=Object(r.a)().beforeStyles({transform:"translateY(0)","transform-origin":"top center",overflow:"hidden"}),d=document.body;if(e){const e=CSS.supports("width","max(0px, 1px)")?"max(30px, var(--ion-safe-area-top))":"30px",t=`translateY(${s?"-10px":e}) scale(0.93)`;n.afterStyles({transform:t}).beforeAddWrite(()=>d.style.setProperty("background-color","black")).addElement(o).keyframes([{offset:0,filter:"contrast(1)",transform:"translateY(0px) scale(1)",borderRadius:"0px"},{offset:1,filter:"contrast(0.85)",transform:t,borderRadius:"10px 10px 0 0"}]),i.addAnimation(n)}else if(i.addAnimation(t),s){const e=`translateY(-10px) scale(${s?.93:1})`;n.afterStyles({transform:e}).addElement(o.querySelector(".modal-wrapper")).keyframes([{offset:0,filter:"contrast(1)",transform:"translateY(0) scale(1)"},{offset:1,filter:"contrast(0.85)",transform:e}]);const t=Object(r.a)().afterStyles({transform:e}).addElement(o.querySelector(".modal-shadow")).keyframes([{offset:0,opacity:"1",transform:"translateY(0) scale(1)"},{offset:1,opacity:"0",transform:e}]);i.addAnimation([n,t])}else a.fromTo("opacity","0","1")}else i.addAnimation(t);return i},b=(e,o,t=500)=>{const a=Object(r.a)().addElement(e.querySelector("ion-backdrop")).fromTo("opacity","var(--backdrop-opacity)",0),i=Object(r.a)().addElement(e.querySelectorAll(".modal-wrapper, .modal-shadow")).beforeStyles({opacity:1}).fromTo("transform","translateY(0vh)","translateY(100vh)"),s=Object(r.a)().addElement(e).easing("cubic-bezier(0.32,0.72,0,1)").duration(t).addAnimation(i);if(o){const e=window.innerWidth<768,t="ION-MODAL"===o.tagName&&void 0!==o.presentingElement,n=Object(r.a)().beforeClearStyles(["transform"]).afterClearStyles(["transform"]).onFinish(e=>{1===e&&(o.style.setProperty("overflow",""),Array.from(d.querySelectorAll("ion-modal")).filter(e=>void 0!==e.presentingElement).length<=1&&d.style.setProperty("background-color",""))}),d=document.body;if(e){const e=CSS.supports("width","max(0px, 1px)")?"max(30px, var(--ion-safe-area-top))":"30px",a=`translateY(${t?"-10px":e}) scale(0.93)`;n.addElement(o).keyframes([{offset:0,filter:"contrast(0.85)",transform:a,borderRadius:"10px 10px 0 0"},{offset:1,filter:"contrast(1)",transform:"translateY(0px) scale(1)",borderRadius:"0px"}]),s.addAnimation(n)}else if(s.addAnimation(a),t){const e=`translateY(-10px) scale(${t?.93:1})`;n.addElement(o.querySelector(".modal-wrapper")).afterStyles({transform:"translate3d(0, 0, 0)"}).keyframes([{offset:0,filter:"contrast(0.85)",transform:e},{offset:1,filter:"contrast(1)",transform:"translateY(0) scale(1)"}]);const a=Object(r.a)().addElement(o.querySelector(".modal-shadow")).afterStyles({transform:"translateY(0) scale(1)"}).keyframes([{offset:0,opacity:"0",transform:e},{offset:1,opacity:"1",transform:"translateY(0) scale(1)"}]);s.addAnimation([n,a])}else i.fromTo("opacity","1","0")}else s.addAnimation(a);return s},f=e=>{const o=Object(r.a)(),t=Object(r.a)(),a=Object(r.a)();return t.addElement(e.querySelector("ion-backdrop")).fromTo("opacity",.01,"var(--backdrop-opacity)").beforeStyles({"pointer-events":"none"}).afterClearStyles(["pointer-events"]),a.addElement(e.querySelector(".modal-wrapper")).keyframes([{offset:0,opacity:.01,transform:"translateY(40px)"},{offset:1,opacity:1,transform:"translateY(0px)"}]),o.addElement(e).easing("cubic-bezier(0.36,0.66,0.04,1)").duration(280).addAnimation([t,a])},x=e=>{const o=Object(r.a)(),t=Object(r.a)(),a=Object(r.a)(),i=e.querySelector(".modal-wrapper");return t.addElement(e.querySelector("ion-backdrop")).fromTo("opacity","var(--backdrop-opacity)",0),a.addElement(i).keyframes([{offset:0,opacity:.99,transform:"translateY(0px)"},{offset:1,opacity:0,transform:"translateY(40px)"}]),o.addElement(e).easing("cubic-bezier(0.47,0,0.745,0.715)").duration(200).addAnimation([t,a])},w=class{constructor(e){Object(a.q)(this,e),this.didPresent=Object(a.i)(this,"ionModalDidPresent",7),this.willPresent=Object(a.i)(this,"ionModalWillPresent",7),this.willDismiss=Object(a.i)(this,"ionModalWillDismiss",7),this.didDismiss=Object(a.i)(this,"ionModalDidDismiss",7),this.gestureAnimationDismissing=!1,this.presented=!1,this.keyboardClose=!0,this.backdropDismiss=!0,this.showBackdrop=!0,this.animated=!0,this.swipeToClose=!1,this.onBackdropTap=()=>{this.dismiss(void 0,c.a)},this.onDismiss=e=>{e.stopPropagation(),e.preventDefault(),this.dismiss()},this.onLifecycle=e=>{const o=this.usersElement,t=u[e.type];if(o&&t){const a=new CustomEvent(t,{bubbles:!1,cancelable:!1,detail:e.detail});o.dispatchEvent(a)}}}swipeToCloseChanged(e){this.gesture?this.gesture.enable(e):e&&this.initSwipeToClose()}connectedCallback(){Object(c.f)(this.el)}async present(){if(this.presented)return;const e=this.el.querySelector(".modal-wrapper");if(!e)throw new Error("container is undefined");const o=Object.assign(Object.assign({},this.componentProps),{modal:this.el});this.usersElement=await Object(h.a)(this.delegate,e,this.component,["ion-page"],o),await Object(n.f)(this.usersElement),Object(a.g)(()=>this.el.classList.add("show-modal")),await Object(c.e)(this,"modalEnter",p,f,this.presentingElement),this.swipeToClose&&this.initSwipeToClose()}initSwipeToClose(){if("ios"!==Object(i.b)(this))return;const e=this.leaveAnimation||i.c.get("modalLeave",b),o=this.animation=e(this.el,this.presentingElement);this.gesture=((e,o,t)=>{const a=e.offsetHeight;let i=!1;const r=Object(l.createGesture)({el:e,gestureName:"modalSwipeToClose",gesturePriority:40,direction:"y",threshold:10,canStart:e=>{const o=e.event.target;return null===o||!o.closest||null===o.closest("ion-content")},onStart:()=>{o.progressStart(!0,i?1:0)},onMove:e=>{const t=Object(s.c)(1e-4,e.deltaY/a,.9999);o.progressStep(t)},onEnd:e=>{const n=e.velocityY,l=Object(s.c)(1e-4,e.deltaY/a,.9999),c=(e.deltaY+1e3*n)/a>=.5;let m=c?-.001:.001;c?(o.easing("cubic-bezier(0.32, 0.72, 0, 1)"),m+=Object(d.a)([0,0],[.32,.72],[0,1],[1,1],l)[0]):(o.easing("cubic-bezier(1, 0, 0.68, 0.28)"),m+=Object(d.a)([0,0],[1,0],[.68,.28],[1,1],l)[0]);const h=((e,o)=>Object(s.c)(400,e/Math.abs(1.1*o),500))(c?l*a:(1-l)*a,n);i=c,r.enable(!1),o.onFinish(()=>{c||r.enable(!0)}).progressEnd(c?1:0,m,h),c&&t()}});return r})(this.el,o,()=>{this.gestureAnimationDismissing=!0,this.animation.onFinish(async()=>{await this.dismiss(void 0,"gesture"),this.gestureAnimationDismissing=!1})}),this.gesture.enable(!0)}async dismiss(e,o){if(this.gestureAnimationDismissing&&"gesture"!==o)return!1;const t=c.i.get(this)||[],a=await Object(c.g)(this,e,o,"modalLeave",b,x,this.presentingElement);return a&&(await Object(h.b)(this.delegate,this.usersElement),this.animation&&this.animation.destroy(),t.forEach(e=>e.destroy())),this.animation=void 0,a}onDidDismiss(){return Object(c.h)(this.el,"ionModalDidDismiss")}onWillDismiss(){return Object(c.h)(this.el,"ionModalWillDismiss")}render(){const e=Object(i.b)(this);return Object(a.l)(a.c,{"no-router":!0,"aria-modal":"true",tabindex:"-1",class:Object.assign({[e]:!0,"modal-card":void 0!==this.presentingElement&&"ios"===e},Object(m.b)(this.cssClass)),style:{zIndex:""+(2e4+this.overlayIndex)},onIonBackdropTap:this.onBackdropTap,onIonDismiss:this.onDismiss,onIonModalDidPresent:this.onLifecycle,onIonModalWillPresent:this.onLifecycle,onIonModalWillDismiss:this.onLifecycle,onIonModalDidDismiss:this.onLifecycle},Object(a.l)("ion-backdrop",{visible:this.showBackdrop,tappable:this.backdropDismiss}),"ios"===e&&Object(a.l)("div",{class:"modal-shadow"}),Object(a.l)("div",{tabindex:"0"}),Object(a.l)("div",{role:"dialog",class:"modal-wrapper ion-overlay-wrapper"}),Object(a.l)("div",{tabindex:"0"}))}get el(){return Object(a.m)(this)}static get watchers(){return{swipeToClose:["swipeToCloseChanged"]}}},u={ionModalDidPresent:"ionViewDidEnter",ionModalWillPresent:"ionViewWillEnter",ionModalWillDismiss:"ionViewWillLeave",ionModalDidDismiss:"ionViewDidLeave"};w.style={ios:".sc-ion-modal-ios-h{--width:100%;--min-width:auto;--max-width:auto;--height:100%;--min-height:auto;--max-height:auto;--overflow:hidden;--border-radius:0;--border-width:0;--border-style:none;--border-color:transparent;--background:var(--ion-background-color, #fff);--box-shadow:none;--backdrop-opacity:0;left:0;right:0;top:0;bottom:0;display:-ms-flexbox;display:flex;position:absolute;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;outline:none;contain:strict}.overlay-hidden.sc-ion-modal-ios-h{display:none}.modal-wrapper.sc-ion-modal-ios,.modal-shadow.sc-ion-modal-ios{border-radius:var(--border-radius);width:var(--width);min-width:var(--min-width);max-width:var(--max-width);height:var(--height);min-height:var(--min-height);max-height:var(--max-height);border-width:var(--border-width);border-style:var(--border-style);border-color:var(--border-color);background:var(--background);-webkit-box-shadow:var(--box-shadow);box-shadow:var(--box-shadow);overflow:var(--overflow);z-index:10}.modal-shadow.sc-ion-modal-ios{position:absolute;background:transparent}@media only screen and (min-width: 768px) and (min-height: 600px){.sc-ion-modal-ios-h{--width:600px;--height:500px;--ion-safe-area-top:0px;--ion-safe-area-bottom:0px;--ion-safe-area-right:0px;--ion-safe-area-left:0px}}@media only screen and (min-width: 768px) and (min-height: 768px){.sc-ion-modal-ios-h{--width:600px;--height:600px}}.sc-ion-modal-ios-h:first-of-type{--backdrop-opacity:var(--ion-backdrop-opacity, 0.4)}@media only screen and (min-width: 768px) and (min-height: 600px){.sc-ion-modal-ios-h{--border-radius:10px}}.modal-wrapper.sc-ion-modal-ios{-webkit-transform:translate3d(0, 100%, 0);transform:translate3d(0, 100%, 0)}@media screen and (max-width: 767px){@supports (width: max(0px, 1px)){.modal-card.sc-ion-modal-ios-h{--height:calc(100% - max(30px, var(--ion-safe-area-top)) - 10px)}}@supports not (width: max(0px, 1px)){.modal-card.sc-ion-modal-ios-h{--height:calc(100% - 40px)}}.modal-card.sc-ion-modal-ios-h .modal-wrapper.sc-ion-modal-ios{border-top-left-radius:10px;border-top-right-radius:10px;border-bottom-right-radius:0;border-bottom-left-radius:0}[dir=rtl].sc-ion-modal-ios-h -no-combinator.modal-card.sc-ion-modal-ios-h .modal-wrapper.sc-ion-modal-ios,[dir=rtl] .sc-ion-modal-ios-h -no-combinator.modal-card.sc-ion-modal-ios-h .modal-wrapper.sc-ion-modal-ios,[dir=rtl].modal-card.sc-ion-modal-ios-h .modal-wrapper.sc-ion-modal-ios,[dir=rtl] .modal-card.sc-ion-modal-ios-h .modal-wrapper.sc-ion-modal-ios{border-top-left-radius:10px;border-top-right-radius:10px;border-bottom-right-radius:0;border-bottom-left-radius:0}.modal-card.sc-ion-modal-ios-h{--backdrop-opacity:0;--width:100%;-ms-flex-align:end;align-items:flex-end}.modal-card.sc-ion-modal-ios-h .modal-shadow.sc-ion-modal-ios{display:none}.modal-card.sc-ion-modal-ios-h ion-backdrop.sc-ion-modal-ios{pointer-events:none}}@media screen and (min-width: 768px){.modal-card.sc-ion-modal-ios-h{--width:calc(100% - 120px);--height:calc(100% - (120px + var(--ion-safe-area-top) + var(--ion-safe-area-bottom)));--max-width:720px;--max-height:1000px}.modal-card.sc-ion-modal-ios-h{--backdrop-opacity:0;-webkit-transition:all 0.5s ease-in-out;transition:all 0.5s ease-in-out}.modal-card.sc-ion-modal-ios-h:first-of-type{--backdrop-opacity:0.18}.modal-card.sc-ion-modal-ios-h .modal-shadow.sc-ion-modal-ios{-webkit-box-shadow:0px 0px 30px 10px rgba(0, 0, 0, 0.1);box-shadow:0px 0px 30px 10px rgba(0, 0, 0, 0.1)}}",md:".sc-ion-modal-md-h{--width:100%;--min-width:auto;--max-width:auto;--height:100%;--min-height:auto;--max-height:auto;--overflow:hidden;--border-radius:0;--border-width:0;--border-style:none;--border-color:transparent;--background:var(--ion-background-color, #fff);--box-shadow:none;--backdrop-opacity:0;left:0;right:0;top:0;bottom:0;display:-ms-flexbox;display:flex;position:absolute;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;outline:none;contain:strict}.overlay-hidden.sc-ion-modal-md-h{display:none}.modal-wrapper.sc-ion-modal-md,.modal-shadow.sc-ion-modal-md{border-radius:var(--border-radius);width:var(--width);min-width:var(--min-width);max-width:var(--max-width);height:var(--height);min-height:var(--min-height);max-height:var(--max-height);border-width:var(--border-width);border-style:var(--border-style);border-color:var(--border-color);background:var(--background);-webkit-box-shadow:var(--box-shadow);box-shadow:var(--box-shadow);overflow:var(--overflow);z-index:10}.modal-shadow.sc-ion-modal-md{position:absolute;background:transparent}@media only screen and (min-width: 768px) and (min-height: 600px){.sc-ion-modal-md-h{--width:600px;--height:500px;--ion-safe-area-top:0px;--ion-safe-area-bottom:0px;--ion-safe-area-right:0px;--ion-safe-area-left:0px}}@media only screen and (min-width: 768px) and (min-height: 768px){.sc-ion-modal-md-h{--width:600px;--height:600px}}.sc-ion-modal-md-h:first-of-type{--backdrop-opacity:var(--ion-backdrop-opacity, 0.32)}@media only screen and (min-width: 768px) and (min-height: 600px){.sc-ion-modal-md-h{--border-radius:2px}.sc-ion-modal-md-h:first-of-type{--box-shadow:0 28px 48px rgba(0, 0, 0, 0.4)}}.modal-wrapper.sc-ion-modal-md{-webkit-transform:translate3d(0, 40px, 0);transform:translate3d(0, 40px, 0);opacity:0.01}"}}}]);