@ionic/core 9.0.7-dev.11791381676.118a7a15 → 9.0.7-dev.11791478996.1b854592
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/index.js +1 -1
- package/components/ion-datetime.js +1 -1
- package/components/ion-modal.js +1 -1
- package/components/ion-nav.js +1 -1
- package/components/ion-popover.js +1 -1
- package/components/ion-router-outlet.js +1 -1
- package/components/ion-select.js +1 -1
- package/components/p-Bd8hg9FK.js +4 -0
- package/components/{p-BG2lMobd.js → p-CJdQ1u7W.js} +1 -1
- package/components/{p-D64Tyi-z.js → p-CQKWzUsE.js} +1 -1
- package/components/{p-Dvyv9SMk.js → p-D0nwlsl_.js} +1 -1
- package/components/p-DfDIY2oP.js +4 -0
- package/dist/cjs/{index-DUiuw_fH.js → index-DCfr5hz-.js} +14 -2
- package/dist/cjs/index.cjs.js +3 -3
- package/dist/cjs/ion-app_8.cjs.entry.js +31 -3
- package/dist/cjs/ion-modal.cjs.entry.js +1 -1
- package/dist/cjs/ion-nav_2.cjs.entry.js +24 -2
- package/dist/cjs/ion-popover.cjs.entry.js +1 -1
- package/dist/cjs/{ios.transition-D85_rHf5.js → ios.transition-Ca6XODo9.js} +1 -1
- package/dist/cjs/{md.transition-Ce9X1WXr.js → md.transition-D8SfNYEp.js} +1 -1
- package/dist/collection/components/nav/nav.js +24 -2
- package/dist/collection/components/router-outlet/router-outlet.js +31 -3
- package/dist/collection/utils/transition/index.js +11 -0
- package/dist/docs.json +1 -1
- package/dist/esm/{index-BBASprVu.js → index-z9vdZN7I.js} +14 -3
- package/dist/esm/index.js +3 -3
- package/dist/esm/ion-app_8.entry.js +31 -3
- package/dist/esm/ion-modal.entry.js +1 -1
- package/dist/esm/ion-nav_2.entry.js +24 -2
- package/dist/esm/ion-popover.entry.js +1 -1
- package/dist/esm/{ios.transition-B8netzsb.js → ios.transition-BkUGiDUz.js} +1 -1
- package/dist/esm/{md.transition-DNCSSiXk.js → md.transition-B6hlrWjR.js} +1 -1
- package/dist/ionic/index.esm.js +1 -1
- package/dist/ionic/ionic.esm.js +1 -1
- package/dist/ionic/p-52a16f94.entry.js +4 -0
- package/dist/ionic/{p-Bppj2PE0.js → p-BZTgGzGK.js} +1 -1
- package/dist/ionic/{p-Bnc1L7Rk.js → p-CgcGX08t.js} +1 -1
- package/dist/ionic/p-Dk4Mdaru.js +4 -0
- package/dist/ionic/{p-f6fcd4f8.entry.js → p-c97e4c00.entry.js} +1 -1
- package/dist/ionic/{p-2124fd4f.entry.js → p-d2406889.entry.js} +1 -1
- package/dist/ionic/{p-af56702e.entry.js → p-f2116a54.entry.js} +1 -1
- package/dist/types/components/nav/nav.d.ts +1 -0
- package/dist/types/components/router-outlet/router-outlet.d.ts +1 -0
- package/dist/types/utils/transition/index.d.ts +6 -0
- package/hydrate/index.js +64 -3
- package/hydrate/index.mjs +64 -3
- package/package.json +1 -1
- package/components/p-C7r5Gja6.js +0 -4
- package/components/p-Uk13YgEc.js +0 -4
- package/dist/ionic/p-DQXtveHv.js +0 -4
- package/dist/ionic/p-fcb04fb5.entry.js +0 -4
|
@@ -1,4 +1,4 @@
|
|
|
1
1
|
/*!
|
|
2
2
|
* (C) Ionic http://ionicframework.com - MIT License
|
|
3
3
|
*/
|
|
4
|
-
import{d as t,H as e,i as o,p as r,h as i,f as s,t as a}from"./p-Ct2aBEue.js";import{B as n,h as p,r as c,j as d,k as h,e as l,o as v,f,g,F as m}from"./p-B02CcbPD.js";import{C as x,a as b,d as u}from"./p-Ba9_OzSY.js";import{g as w,r as k,a as y,l as P}from"./p-B4IBdPVJ.js";import{c as D}from"./p-B-hirT0v.js";import{b as T,a as A}from"./p-HthJZjZ6.js";import{g as $}from"./p-byZM6qHV.js";import{e as C,w as I}from"./p-C7r5Gja6.js";import{c as W}from"./p-ChsJlFCQ.js";import{d as L}from"./p-DMPsc_0r.js";let O=null,N=!1;const E=t=>{if(null!==O)return O;if(null===t.body)return{top:0,bottom:0,left:0,right:0};const e=t.createElement("div");e.style.cssText="position:fixed;visibility:hidden;pointer-events:none;top:0;left:0;padding-top:var(--ion-safe-area-top,0px);padding-bottom:var(--ion-safe-area-bottom,0px);padding-left:var(--ion-safe-area-left,0px);padding-right:var(--ion-safe-area-right,0px);",t.body.appendChild(e);const o=getComputedStyle(e),r={top:parseFloat(o.paddingTop)||0,bottom:parseFloat(o.paddingBottom)||0,left:parseFloat(o.paddingLeft)||0,right:parseFloat(o.paddingRight)||0};return e.remove(),O=r,N||(N=!0,k((()=>{O=null,N=!1}))),r},z=t=>{if(!t)return 1;const e=t.currentCSSZoom;if("number"==typeof e&&e>0)return e;const{width:o}=t.getBoundingClientRect(),{offsetWidth:r}=t;if(r>0&&o>0){const t=o/r;return Math.abs(t-1)<.01?1:t}return 1},S=(t,e,o,r=1)=>{const i=e.getBoundingClientRect(),s=i.height/r;let a=i.width/r;return"cover"===t&&o&&(a=o.getBoundingClientRect().width/r),{contentWidth:a,contentHeight:s}},j=(t,e)=>e&&"ION-ITEM"===e.tagName?t.findIndex((t=>t===e)):-1,B=t=>{const e=w(t).querySelector("button");e&&k((()=>e.focus()))},Y=(t,e,o,r,i,s,a,n,p,c,d,h=1)=>{let l={top:0,left:0,width:0,height:0};if("event"===s){if(!d)return p;l={top:d.clientY/h,left:d.clientX/h,width:1,height:1}}else{const t=d,e=c||t?.detail?.ionShadowTarget||t?.target;if(!e)return p;const o=e.getBoundingClientRect();l={top:o.top/h,left:o.left/h,width:o.width/h,height:o.height/h}}const v=R(a,l,e,o,r,i,t),f=V(n,a,l,e,o),g=v.top+f.top,m=v.left+f.left,{arrowTop:x,arrowLeft:b}=F(a,r,i,g,m,e,o,t),{originX:u,originY:w}=M(a,n,t);return{top:g,left:m,referenceCoordinates:l,arrowTop:x,arrowLeft:b,originX:u,originY:w}},M=(t,e,o)=>{switch(t){case"top":return{originX:X(e),originY:"bottom"};case"bottom":return{originX:X(e),originY:"top"};case"left":return{originX:"right",originY:H(e)};case"right":return{originX:"left",originY:H(e)};case"start":return{originX:o?"left":"right",originY:H(e)};case"end":return{originX:o?"right":"left",originY:H(e)}}},X=t=>{switch(t){case"start":return"left";case"center":return"center";case"end":return"right"}},H=t=>{switch(t){case"start":return"top";case"center":return"center";case"end":return"bottom"}},F=(t,e,o,r,i,s,a,n)=>{const p={arrowTop:r+a/2-e/2,arrowLeft:i+s-e/2},c={arrowTop:r+a/2-e/2,arrowLeft:i-1.5*e};switch(t){case"top":return{arrowTop:r+a,arrowLeft:i+s/2-e/2};case"bottom":return{arrowTop:r-o,arrowLeft:i+s/2-e/2};case"left":return p;case"right":return c;case"start":return n?c:p;case"end":return n?p:c;default:return{arrowTop:0,arrowLeft:0}}},R=(t,e,o,r,i,s,a)=>{const n={top:e.top,left:e.left-o-i},p={top:e.top,left:e.left+e.width+i};switch(t){case"top":return{top:e.top-r-s,left:e.left};case"right":return p;case"bottom":return{top:e.top+e.height+s,left:e.left};case"left":return n;case"start":return a?p:n;case"end":return a?n:p}},V=(t,e,o,r,i)=>{switch(t){case"center":return Z(e,o,r,i);case"end":return J(e,o,r,i);default:return{top:0,left:0}}},J=(t,e,o,r)=>{switch(t){case"start":case"end":case"left":case"right":return{top:-(r-e.height),left:0};default:return{top:0,left:-(o-e.width)}}},Z=(t,e,o,r)=>{switch(t){case"start":case"end":case"left":case"right":return{top:-(r/2-e.height/2),left:0};default:return{top:0,left:-(o/2-e.width/2)}}},K=(t,e,o,r,i,s,a,n,p,c,d,h,l=0,v=0,f=0)=>{let g,m=l,x=o,b=e,u=c,w=d,k=!1,y=!1,P=!1,D=!1;const T=h?h.top+h.height:s/2-n/2,A=h?h.height:0;let $=!1;if(x<r+p.left?(x=r,k=!0,u="left"):a+r+x+p.right>i&&(y=!0,x=i-a-r,u="right"),T+A+n>s-p.bottom&&("top"===t||"bottom"===t)){const t=T-n-A-(f-1);t>=p.top+r?(b=t,m=b+n,w="bottom",$=!0):(g=r,D=!0,b>=s-p.bottom-r&&(b=p.top+r,P=!0))}return{top:b,left:x,bottom:g,originX:u,originY:w,checkSafeAreaLeft:k,checkSafeAreaRight:y,checkSafeAreaTop:P,checkSafeAreaBottom:D,arrowTop:m,arrowLeft:v,addPopoverBottomClass:$,hideArrow:!1}},_=(t,e)=>{const{event:o,size:r,trigger:i,reference:s,side:a,align:n}=e,p=t.ownerDocument,c="rtl"===p.dir,d=w(t),h=d.querySelector(".popover-content"),l=d.querySelector(".popover-arrow"),v=z(h),f=p.defaultView.innerWidth/v,g=p.defaultView.innerHeight/v,m=i||o?.detail?.ionShadowTarget||o?.target,{contentWidth:x,contentHeight:b}=S(r,h,m,v),{arrowWidth:u,arrowHeight:k}=((t,e=1)=>{if(!t)return{arrowWidth:0,arrowHeight:0};const{width:o,height:r}=t.getBoundingClientRect();return{arrowWidth:o/e,arrowHeight:r/e}})(l,v),y=Y(c,x,b,u,k,s,a,n,{top:g/2-b/2,left:f/2-x/2,originX:c?"right":"left",originY:"top"},i,o,v),P="cover"===r?0:5,D=E(p),T="cover"===r?{top:0,bottom:0,left:0,right:0}:{top:Math.max(D.top,25),bottom:Math.max(D.bottom,25),left:Math.max(D.left,25),right:Math.max(D.right,25)},{originX:A,originY:$,top:C,left:I,bottom:L,checkSafeAreaLeft:O,checkSafeAreaRight:N,checkSafeAreaTop:j,checkSafeAreaBottom:B,arrowTop:M,arrowLeft:X,addPopoverBottomClass:H}=K(a,y.top,y.left,P,f,g,x,b,T,y.originX,y.originY,y.referenceCoordinates,y.arrowTop,y.arrowLeft,k),F=W(),R=W(),V=W();return R.addElement(d.querySelector("ion-backdrop")).fromTo("opacity",.01,"var(--backdrop-opacity)").beforeStyles({"pointer-events":"none"}).afterClearStyles(["pointer-events"]),V.addElement(d.querySelector(".popover-arrow")).addElement(d.querySelector(".popover-content")).fromTo("opacity",.01,1),F.easing("ease").duration(100).beforeAddWrite((()=>{if("cover"===r&&t.style.setProperty("--width",`${x}px`),H&&t.classList.add("popover-bottom"),void 0!==L){let t=`${L}px`;B&&(t=`${L}px + var(--ion-safe-area-bottom, 0px)`),h.style.setProperty("bottom",`calc(${t})`)}let e=`${I}px`;O&&(e=`${I}px + var(--ion-safe-area-left, 0px)`),N&&(e=`${I}px - var(--ion-safe-area-right, 0px)`);let s=`${C}px`;if(j&&(s=`${C}px + var(--ion-safe-area-top, 0px)`),h.style.setProperty("top",`calc(${s} + var(--offset-y, 0))`),h.style.setProperty("left",`calc(${e} + var(--offset-x, 0))`),h.style.setProperty("transform-origin",`${$} ${A}`),null!==l){const t=((t,e=!1,o,r)=>!(!o&&!r||"top"!==t&&"bottom"!==t&&e))(a,y.top!==C||y.left!==I,o,i);t?(l.style.setProperty("top",`calc(${M}px + var(--offset-y, 0))`),l.style.setProperty("left",`calc(${X}px + var(--offset-x, 0))`)):l.style.setProperty("display","none")}})).addAnimation([R,V])},q=t=>{const e=w(t),o=e.querySelector(".popover-content"),r=e.querySelector(".popover-arrow"),i=W(),s=W(),a=W();return s.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),i.easing("ease").afterAddWrite((()=>{t.style.removeProperty("--width"),t.classList.remove("popover-bottom"),o.style.removeProperty("top"),o.style.removeProperty("left"),o.style.removeProperty("bottom"),o.style.removeProperty("transform-origin"),r&&(r.style.removeProperty("top"),r.style.removeProperty("left"),r.style.removeProperty("display"))})).duration(300).addAnimation([s,a])},G=(t,e)=>{const{event:o,size:r,trigger:i,reference:s,side:a,align:n}=e,p=t.ownerDocument,c="rtl"===p.dir,d=w(t),h=d.querySelector(".popover-content"),l=z(h),v=p.defaultView.innerWidth/l,f=p.defaultView.innerHeight/l,g=i||o?.detail?.ionShadowTarget||o?.target,{contentWidth:m,contentHeight:x}=S(r,h,g,l),b=Y(c,m,x,0,0,s,a,n,{top:f/2-x/2,left:v/2-m/2,originX:c?"right":"left",originY:"top"},i,o,l),u="cover"===r?0:12,k="cover"===r?{top:0,bottom:0,left:0,right:0}:E(p),{originX:y,originY:P,top:D,left:T,bottom:A,checkSafeAreaLeft:$,checkSafeAreaRight:C,checkSafeAreaTop:I,checkSafeAreaBottom:L,addPopoverBottomClass:O}=K(a,b.top,b.left,u,v,f,m,x,k,b.originX,b.originY,b.referenceCoordinates);let N=`${T}px`;$&&(N=`${T}px + var(--ion-safe-area-left, 0px)`),C&&(N=`${T}px - var(--ion-safe-area-right, 0px)`);let j=`${D}px`;I&&(j=`${D}px + var(--ion-safe-area-top, 0px)`);const B=W(),M=W(),X=W(),H=W(),F=W();return M.addElement(d.querySelector("ion-backdrop")).fromTo("opacity",.01,"var(--backdrop-opacity)").beforeStyles({"pointer-events":"none"}).afterClearStyles(["pointer-events"]),X.addElement(d.querySelector(".popover-wrapper")).duration(150).fromTo("opacity",.01,1),H.addElement(h).beforeStyles({top:`calc(${j} + var(--offset-y, 0px))`,left:`calc(${N} + var(--offset-x, 0px))`,"transform-origin":`${P} ${y}`}).beforeAddWrite((()=>{if(void 0!==A){let t=`${A}px`;L&&(t=`${A}px + var(--ion-safe-area-bottom, 0px)`),h.style.setProperty("bottom",`calc(${t})`)}})).fromTo("transform","scale(0.8)","scale(1)"),F.addElement(d.querySelector(".popover-viewport")).fromTo("opacity",.01,1),B.easing("cubic-bezier(0.36,0.66,0.04,1)").duration(300).beforeAddWrite((()=>{"cover"===r&&t.style.setProperty("--width",`${m}px`),O&&t.classList.add("popover-bottom")})).addAnimation([M,X,H,F])},Q=t=>{const e=w(t),o=e.querySelector(".popover-content"),r=W(),i=W(),s=W();return i.addElement(e.querySelector("ion-backdrop")).fromTo("opacity","var(--backdrop-opacity)",0),s.addElement(e.querySelector(".popover-wrapper")).fromTo("opacity",.99,0),r.easing("ease").afterAddWrite((()=>{t.style.removeProperty("--width"),t.classList.remove("popover-bottom"),o.style.removeProperty("top"),o.style.removeProperty("left"),o.style.removeProperty("bottom"),o.style.removeProperty("transform-origin")})).duration(150).addAnimation([i,s])},U=t(class extends e{constructor(t){super(),!1!==t&&this.__registerHost(),this.__attachShadow(),this.didPresent=o(this,"ionPopoverDidPresent",7),this.willPresent=o(this,"ionPopoverWillPresent",7),this.willDismiss=o(this,"ionPopoverWillDismiss",7),this.didDismiss=o(this,"ionPopoverDidDismiss",7),this.didPresentShorthand=o(this,"didPresent",7),this.willPresentShorthand=o(this,"willPresent",7),this.willDismissShorthand=o(this,"willDismiss",7),this.didDismissShorthand=o(this,"didDismiss",7),this.ionMount=o(this,"ionMount",7),this.parentPopover=null,this.coreDelegate=x(),this.lockController=D(),this.inline=!1,this.focusDescendantOnPresent=!1,this.presented=!1,this.hasController=!1,this.keyboardClose=!0,this.backdropDismiss=!0,this.showBackdrop=!0,this.translucent=!1,this.animated=!0,this.triggerAction="click",this.size="auto",this.dismissOnSelect=!1,this.reference="trigger",this.side="bottom",this.arrow=!0,this.isOpen=!1,this.keyboardEvents=!1,this.focusTrap=!0,this.keepContentsMounted=!1,this.onBackdropTap=()=>{this.dismiss(void 0,n)},this.onLifecycle=t=>{const e=this.usersElement,o=tt[t.type];if(e&&o){const r=new CustomEvent(o,{bubbles:!1,cancelable:!1,detail:t.detail});e.dispatchEvent(r)}},this.configureTriggerInteraction=()=>{const{trigger:t,triggerAction:e,el:o,destroyTriggerInteraction:i}=this;if(i&&i(),void 0===t)return;const s=this.triggerEl=void 0!==t?document.getElementById(t):null;s?this.destroyTriggerInteraction=((t,e,o)=>{let r=[];switch(e){case"hover":let t;r=[{eventName:"mouseenter",callback:async e=>{e.stopPropagation(),t&&clearTimeout(t),t=setTimeout((()=>{k((()=>{o.presentFromTrigger(e),t=void 0}))}),100)}},{eventName:"mouseleave",callback:e=>{t&&clearTimeout(t);const r=e.relatedTarget;r&&r.closest("ion-popover")!==o&&o.dismiss(void 0,void 0,!1)}},{eventName:"click",callback:t=>t.stopPropagation()},{eventName:"ionPopoverActivateTrigger",callback:t=>o.presentFromTrigger(t,!0)}];break;case"context-menu":r=[{eventName:"contextmenu",callback:t=>{t.preventDefault(),o.presentFromTrigger(t)}},{eventName:"click",callback:t=>t.stopPropagation()},{eventName:"ionPopoverActivateTrigger",callback:t=>o.presentFromTrigger(t,!0)}];break;default:r=[{eventName:"click",callback:t=>o.presentFromTrigger(t)},{eventName:"ionPopoverActivateTrigger",callback:t=>o.presentFromTrigger(t,!0)}]}return r.forEach((({eventName:e,callback:o})=>t.addEventListener(e,o))),t.setAttribute("data-ion-popover-trigger","true"),()=>{r.forEach((({eventName:e,callback:o})=>t.removeEventListener(e,o))),t.removeAttribute("data-ion-popover-trigger")}})(s,e,o):r(`[ion-popover] - A trigger element with the ID "${t}" was not found in the DOM. The trigger element must be in the DOM when the "trigger" property is set on ion-popover.`,this.el)},this.configureKeyboardInteraction=()=>{const{destroyKeyboardInteraction:t,el:e}=this;t&&t(),this.destroyKeyboardInteraction=(t=>{const e=async e=>{const o=document.activeElement;let r=[];const i=e.target?.tagName;if("ION-POPOVER"===i||"ION-ITEM"===i){try{r=Array.from(t.querySelectorAll("ion-item:not(ion-popover ion-popover *):not([disabled])"))}catch{}switch(e.key){case"ArrowLeft":await t.getParentPopover()&&t.dismiss(void 0,void 0,!1);break;case"ArrowDown":e.preventDefault();const i=((t,e)=>t[j(t,e)+1])(r,o);void 0!==i&&B(i);break;case"ArrowUp":e.preventDefault();const s=((t,e)=>t[j(t,e)-1])(r,o);void 0!==s&&B(s);break;case"Home":e.preventDefault();const a=r[0];void 0!==a&&B(a);break;case"End":e.preventDefault();const n=r[r.length-1];void 0!==n&&B(n);break;case"ArrowRight":case" ":case"Enter":if(o&&o.hasAttribute("data-ion-popover-trigger")){const t=new CustomEvent("ionPopoverActivateTrigger");o.dispatchEvent(t)}}}};return t.addEventListener("keydown",e),()=>t.removeEventListener("keydown",e)})(e)},this.configureDismissInteraction=()=>{const{destroyDismissInteraction:t,parentPopover:e,triggerAction:o,triggerEl:r,el:i}=this;e&&r&&(t&&t(),this.destroyDismissInteraction=((t,e,o,r)=>{let i=[];const s=w(r).querySelector(".popover-content");return i="hover"===e?[{eventName:"mouseenter",callback:e=>{document.elementFromPoint(e.clientX,e.clientY)!==t&&o.dismiss(void 0,void 0,!1)}}]:[{eventName:"click",callback:e=>{e.target.closest("[data-ion-popover-trigger]")!==t?o.dismiss(void 0,void 0,!1):e.stopPropagation()}}],i.forEach((({eventName:t,callback:e})=>s.addEventListener(t,e))),()=>{i.forEach((({eventName:t,callback:e})=>s.removeEventListener(t,e)))}})(r,o,i,e))}}onTriggerChange(){this.configureTriggerInteraction()}onIsOpenChange(t,e){!0===t&&!1===e?this.present():!1===t&&!0===e&&this.dismiss()}connectedCallback(){const{configureTriggerInteraction:t,el:e}=this;p(e),t(),this.presented&&(c(e),this.recalculateContentOnHeaderReady())}disconnectedCallback(){const{destroyTriggerInteraction:t}=this;t&&t(),this.headerResizeObserver&&(this.headerResizeObserver.disconnect(),this.headerResizeObserver=void 0),this.presented&&d()}componentWillLoad(){const{el:t}=this,e=this.htmlAttributes?.id??h(t);this.parentPopover=t.closest(`ion-popover:not(#${e})`),void 0===this.alignment&&(this.alignment="ios"===T(this)?"center":"start")}componentDidLoad(){const{parentPopover:t,isOpen:e}=this;!0===e&&k((()=>this.present())),t&&y(t,"ionPopoverWillDismiss",(()=>{this.dismiss(void 0,void 0,!1)})),this.configureTriggerInteraction()}async presentFromTrigger(t,e=!1){this.focusDescendantOnPresent=e,await this.present(t),this.focusDescendantOnPresent=!1}getDelegate(t=!1){if(this.workingDelegate&&!t)return{delegate:this.workingDelegate,inline:this.inline};const e=this.inline=null!==this.el.parentNode&&!this.hasController;return{inline:e,delegate:this.workingDelegate=e?this.delegate||this.coreDelegate:this.delegate}}async present(t){const e=await this.lockController.lock();if(this.presented)return void e();const{el:o}=this,{inline:r,delegate:i}=this.getDelegate(!0);this.ionMount.emit(),this.usersElement=await b(i,o,this.component,["popover-viewport"],this.componentProps,r),this.recalculateContentOnHeaderReady(),this.keyboardEvents||this.configureKeyboardInteraction(),this.configureDismissInteraction(),P(o)?await C(this.usersElement):this.keepContentsMounted||await I(),await l(this,"popoverEnter",_,G,{event:t||this.event,size:this.size,trigger:this.triggerEl,reference:this.reference,side:this.side,align:this.alignment}),this.focusDescendantOnPresent&&v(o),e()}recalculateContentOnHeaderReady(){const t=this.el.shadowRoot?.querySelector(".popover-content");if(!t)return;const e=this.usersElement||t,o=e.querySelector("ion-header"),r=e.querySelectorAll("ion-content");o&&0!==r.length&&(this.headerResizeObserver&&(this.headerResizeObserver.disconnect(),this.headerResizeObserver=void 0),this.headerResizeObserver=new ResizeObserver((async()=>{if(o.offsetHeight>0){this.headerResizeObserver?.disconnect(),this.headerResizeObserver=void 0;for(const t of r)await t.recalculateDimensions()}})),this.headerResizeObserver.observe(o))}async dismiss(t,e,o=!0){const r=await this.lockController.lock(),{destroyKeyboardInteraction:i,destroyDismissInteraction:s}=this;o&&this.parentPopover&&this.parentPopover.dismiss(t,e,o);const a=await f(this,t,e,"popoverLeave",q,Q,this.event);if(a){i&&(i(),this.destroyKeyboardInteraction=void 0),s&&(s(),this.destroyDismissInteraction=void 0);const{delegate:t}=this.getDelegate();await u(t,this.usersElement)}return r(),a}async getParentPopover(){return this.parentPopover}onDidDismiss(){return g(this.el,"ionPopoverDidDismiss")}onWillDismiss(){return g(this.el,"ionPopoverWillDismiss")}render(){const t=T(this),{onLifecycle:e,parentPopover:o,dismissOnSelect:r,side:a,arrow:n,htmlAttributes:p,focusTrap:c}=this,d=A("desktop"),h=n&&!o;return i(s,{key:"b5e9c788f58397203976d5f8302dfb89e916efe1","aria-modal":"true","no-router":!0,tabindex:"-1",...p,style:{zIndex:`${2e4+this.overlayIndex}`},class:{...$(this.cssClass),[t]:!0,"popover-translucent":this.translucent,"overlay-hidden":!0,"popover-desktop":d,[`popover-side-${a}`]:!0,[m]:!1===c,"popover-nested":!!o},onIonPopoverDidPresent:e,onIonPopoverWillPresent:e,onIonPopoverWillDismiss:e,onIonPopoverDidDismiss:e,onIonBackdropTap:this.onBackdropTap},!o&&i("ion-backdrop",{key:"f3977833c5b2c0087c286ee54363b478d69eb115",tappable:this.backdropDismiss,visible:this.showBackdrop,part:"backdrop"}),i("div",{key:"1059893d6fd2932ca8adcdf8d45a5d66f4794727",class:"popover-wrapper ion-overlay-wrapper",onClick:r?()=>this.dismiss():void 0},h&&i("div",{key:"24d7988bdd95882ad77fcaa7112aeda55878bee4",class:"popover-arrow",part:"arrow"}),i("div",{key:"4d6992e0a9d629f11763045f9199f9a77fa521ab",class:"popover-content",part:"content"},i("slot",{key:"b29747419620a01a6c34e9e846cd529b0b210145"}))))}get el(){return this}static get watchers(){return{trigger:[{onTriggerChange:0}],triggerAction:[{onTriggerChange:0}],isOpen:[{onIsOpenChange:0}]}}static get style(){return{ios:':host{--background:var(--ion-background-color, #fff);--min-width:0;--min-height:0;--max-width:auto;--height:auto;--offset-x:0px;--offset-y:0px;left:0;right:0;top:0;bottom:0;display:-ms-flexbox;display:flex;position:fixed;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;outline:none;color:var(--ion-text-color, #000);z-index:1001}:host(.popover-nested){pointer-events:none}:host(.popover-nested) .popover-wrapper{pointer-events:auto}:host(.overlay-hidden){display:none}.popover-wrapper{z-index:10}.popover-content{display:-ms-flexbox;display:flex;position:absolute;-ms-flex-direction:column;flex-direction:column;width:var(--width);min-width:var(--min-width);max-width:var(--max-width);height:var(--height);min-height:var(--min-height);max-height:var(--max-height);background:var(--background);-webkit-box-shadow:var(--box-shadow);box-shadow:var(--box-shadow);overflow:auto;z-index:10}::slotted(.popover-viewport){--ion-safe-area-top:0px;--ion-safe-area-right:0px;--ion-safe-area-bottom:0px;--ion-safe-area-left:0px;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column}: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(.select-popover-rich-content){--width:clamp(250px, calc(100vw - 40px), 400px)}:host{--width:200px;--max-height:90%;--box-shadow:none;--backdrop-opacity:var(--ion-backdrop-opacity, 0.08)}:host(.popover-desktop){--box-shadow:0px 4px 16px 0px rgba(0, 0, 0, 0.12)}.popover-content{border-radius:10px}:host(.popover-desktop) .popover-content{border:0.5px solid var(--ion-color-step-100, var(--ion-background-color-step-100, #e6e6e6))}.popover-arrow{display:block;position:absolute;width:20px;height:10px;overflow:hidden;z-index:11}.popover-arrow::after{top:3px;border-radius:3px;position:absolute;width:14px;height:14px;-webkit-transform:rotate(45deg);transform:rotate(45deg);background:var(--background);content:"";z-index:10}.popover-arrow::after{inset-inline-start:3px}:host(.popover-bottom) .popover-arrow{top:auto;bottom:-10px}:host(.popover-bottom) .popover-arrow::after{top:-6px}:host(.popover-side-left) .popover-arrow{-webkit-transform:rotate(90deg);transform:rotate(90deg)}:host(.popover-side-right) .popover-arrow{-webkit-transform:rotate(-90deg);transform:rotate(-90deg)}:host(.popover-side-top) .popover-arrow{-webkit-transform:rotate(180deg);transform:rotate(180deg)}:host(.popover-side-start) .popover-arrow{-webkit-transform:rotate(90deg);transform:rotate(90deg)}:host-context([dir=rtl]):host(.popover-side-start) .popover-arrow,:host-context([dir=rtl]).popover-side-start .popover-arrow{-webkit-transform:rotate(-90deg);transform:rotate(-90deg)}@supports selector(:dir(rtl)){:host(.popover-side-start:dir(rtl)) .popover-arrow{-webkit-transform:rotate(-90deg);transform:rotate(-90deg)}}:host(.popover-side-end) .popover-arrow{-webkit-transform:rotate(-90deg);transform:rotate(-90deg)}:host-context([dir=rtl]):host(.popover-side-end) .popover-arrow,:host-context([dir=rtl]).popover-side-end .popover-arrow{-webkit-transform:rotate(90deg);transform:rotate(90deg)}@supports selector(:dir(rtl)){:host(.popover-side-end:dir(rtl)) .popover-arrow{-webkit-transform:rotate(90deg);transform:rotate(90deg)}}.popover-arrow,.popover-content{opacity:0}@supports ((-webkit-backdrop-filter: blur(0)) or (backdrop-filter: blur(0))){:host(.popover-translucent) .popover-content,:host(.popover-translucent) .popover-arrow::after{background:rgba(var(--ion-background-color-rgb, 255, 255, 255), 0.8);-webkit-backdrop-filter:saturate(180%) blur(20px);backdrop-filter:saturate(180%) blur(20px)}}',md:":host{--background:var(--ion-background-color, #fff);--min-width:0;--min-height:0;--max-width:auto;--height:auto;--offset-x:0px;--offset-y:0px;left:0;right:0;top:0;bottom:0;display:-ms-flexbox;display:flex;position:fixed;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;outline:none;color:var(--ion-text-color, #000);z-index:1001}:host(.popover-nested){pointer-events:none}:host(.popover-nested) .popover-wrapper{pointer-events:auto}:host(.overlay-hidden){display:none}.popover-wrapper{z-index:10}.popover-content{display:-ms-flexbox;display:flex;position:absolute;-ms-flex-direction:column;flex-direction:column;width:var(--width);min-width:var(--min-width);max-width:var(--max-width);height:var(--height);min-height:var(--min-height);max-height:var(--max-height);background:var(--background);-webkit-box-shadow:var(--box-shadow);box-shadow:var(--box-shadow);overflow:auto;z-index:10}::slotted(.popover-viewport){--ion-safe-area-top:0px;--ion-safe-area-right:0px;--ion-safe-area-bottom:0px;--ion-safe-area-left:0px;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column}: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(.select-popover-rich-content){--width:clamp(250px, calc(100vw - 40px), 400px)}: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}"}}},[289,"ion-popover",{hasController:[4,"has-controller"],delegate:[16],overlayIndex:[2,"overlay-index"],enterAnimation:[16],leaveAnimation:[16],component:[1],componentProps:[16],keyboardClose:[4,"keyboard-close"],cssClass:[1,"css-class"],backdropDismiss:[4,"backdrop-dismiss"],event:[8],showBackdrop:[4,"show-backdrop"],translucent:[4],animated:[4],htmlAttributes:[16],triggerAction:[1,"trigger-action"],trigger:[1],size:[1],dismissOnSelect:[4,"dismiss-on-select"],reference:[1],side:[1],alignment:[1025],arrow:[4],isOpen:[4,"is-open"],keyboardEvents:[4,"keyboard-events"],focusTrap:[4,"focus-trap"],keepContentsMounted:[4,"keep-contents-mounted"],presented:[32],presentFromTrigger:[64],present:[64],dismiss:[64],getParentPopover:[64],onDidDismiss:[64],onWillDismiss:[64]},void 0,{trigger:[{onTriggerChange:0}],triggerAction:[{onTriggerChange:0}],isOpen:[{onIsOpenChange:0}]}]),tt={ionPopoverDidPresent:"ionViewDidEnter",ionPopoverWillPresent:"ionViewWillEnter",ionPopoverWillDismiss:"ionViewWillLeave",ionPopoverDidDismiss:"ionViewDidLeave"};function et(){"undefined"!=typeof customElements&&["ion-popover","ion-backdrop"].forEach((t=>{switch(t){case"ion-popover":customElements.get(a(t))||customElements.define(a(t),U);break;case"ion-backdrop":customElements.get(a(t))||L()}}))}export{U as P,et as d}
|
|
4
|
+
import{d as t,H as e,i as o,p as r,h as i,f as s,t as a}from"./p-Ct2aBEue.js";import{B as n,h as p,r as c,j as d,k as h,e as l,o as v,f,g,F as m}from"./p-B02CcbPD.js";import{C as x,a as b,d as u}from"./p-Ba9_OzSY.js";import{g as w,r as k,a as y,l as P}from"./p-B4IBdPVJ.js";import{c as D}from"./p-B-hirT0v.js";import{b as T,a as A}from"./p-HthJZjZ6.js";import{g as $}from"./p-byZM6qHV.js";import{e as C,w as I}from"./p-DfDIY2oP.js";import{c as W}from"./p-ChsJlFCQ.js";import{d as L}from"./p-DMPsc_0r.js";let O=null,N=!1;const E=t=>{if(null!==O)return O;if(null===t.body)return{top:0,bottom:0,left:0,right:0};const e=t.createElement("div");e.style.cssText="position:fixed;visibility:hidden;pointer-events:none;top:0;left:0;padding-top:var(--ion-safe-area-top,0px);padding-bottom:var(--ion-safe-area-bottom,0px);padding-left:var(--ion-safe-area-left,0px);padding-right:var(--ion-safe-area-right,0px);",t.body.appendChild(e);const o=getComputedStyle(e),r={top:parseFloat(o.paddingTop)||0,bottom:parseFloat(o.paddingBottom)||0,left:parseFloat(o.paddingLeft)||0,right:parseFloat(o.paddingRight)||0};return e.remove(),O=r,N||(N=!0,k((()=>{O=null,N=!1}))),r},z=t=>{if(!t)return 1;const e=t.currentCSSZoom;if("number"==typeof e&&e>0)return e;const{width:o}=t.getBoundingClientRect(),{offsetWidth:r}=t;if(r>0&&o>0){const t=o/r;return Math.abs(t-1)<.01?1:t}return 1},S=(t,e,o,r=1)=>{const i=e.getBoundingClientRect(),s=i.height/r;let a=i.width/r;return"cover"===t&&o&&(a=o.getBoundingClientRect().width/r),{contentWidth:a,contentHeight:s}},B=(t,e)=>e&&"ION-ITEM"===e.tagName?t.findIndex((t=>t===e)):-1,Y=t=>{const e=w(t).querySelector("button");e&&k((()=>e.focus()))},j=(t,e,o,r,i,s,a,n,p,c,d,h=1)=>{let l={top:0,left:0,width:0,height:0};if("event"===s){if(!d)return p;l={top:d.clientY/h,left:d.clientX/h,width:1,height:1}}else{const t=d,e=c||t?.detail?.ionShadowTarget||t?.target;if(!e)return p;const o=e.getBoundingClientRect();l={top:o.top/h,left:o.left/h,width:o.width/h,height:o.height/h}}const v=R(a,l,e,o,r,i,t),f=V(n,a,l,e,o),g=v.top+f.top,m=v.left+f.left,{arrowTop:x,arrowLeft:b}=F(a,r,i,g,m,e,o,t),{originX:u,originY:w}=M(a,n,t);return{top:g,left:m,referenceCoordinates:l,arrowTop:x,arrowLeft:b,originX:u,originY:w}},M=(t,e,o)=>{switch(t){case"top":return{originX:X(e),originY:"bottom"};case"bottom":return{originX:X(e),originY:"top"};case"left":return{originX:"right",originY:H(e)};case"right":return{originX:"left",originY:H(e)};case"start":return{originX:o?"left":"right",originY:H(e)};case"end":return{originX:o?"right":"left",originY:H(e)}}},X=t=>{switch(t){case"start":return"left";case"center":return"center";case"end":return"right"}},H=t=>{switch(t){case"start":return"top";case"center":return"center";case"end":return"bottom"}},F=(t,e,o,r,i,s,a,n)=>{const p={arrowTop:r+a/2-e/2,arrowLeft:i+s-e/2},c={arrowTop:r+a/2-e/2,arrowLeft:i-1.5*e};switch(t){case"top":return{arrowTop:r+a,arrowLeft:i+s/2-e/2};case"bottom":return{arrowTop:r-o,arrowLeft:i+s/2-e/2};case"left":return p;case"right":return c;case"start":return n?c:p;case"end":return n?p:c;default:return{arrowTop:0,arrowLeft:0}}},R=(t,e,o,r,i,s,a)=>{const n={top:e.top,left:e.left-o-i},p={top:e.top,left:e.left+e.width+i};switch(t){case"top":return{top:e.top-r-s,left:e.left};case"right":return p;case"bottom":return{top:e.top+e.height+s,left:e.left};case"left":return n;case"start":return a?p:n;case"end":return a?n:p}},V=(t,e,o,r,i)=>{switch(t){case"center":return Z(e,o,r,i);case"end":return J(e,o,r,i);default:return{top:0,left:0}}},J=(t,e,o,r)=>{switch(t){case"start":case"end":case"left":case"right":return{top:-(r-e.height),left:0};default:return{top:0,left:-(o-e.width)}}},Z=(t,e,o,r)=>{switch(t){case"start":case"end":case"left":case"right":return{top:-(r/2-e.height/2),left:0};default:return{top:0,left:-(o/2-e.width/2)}}},K=(t,e,o,r,i,s,a,n,p,c,d,h,l=0,v=0,f=0)=>{let g,m=l,x=o,b=e,u=c,w=d,k=!1,y=!1,P=!1,D=!1;const T=h?h.top+h.height:s/2-n/2,A=h?h.height:0;let $=!1;if(x<r+p.left?(x=r,k=!0,u="left"):a+r+x+p.right>i&&(y=!0,x=i-a-r,u="right"),T+A+n>s-p.bottom&&("top"===t||"bottom"===t)){const t=T-n-A-(f-1);t>=p.top+r?(b=t,m=b+n,w="bottom",$=!0):(g=r,D=!0,b>=s-p.bottom-r&&(b=p.top+r,P=!0))}return{top:b,left:x,bottom:g,originX:u,originY:w,checkSafeAreaLeft:k,checkSafeAreaRight:y,checkSafeAreaTop:P,checkSafeAreaBottom:D,arrowTop:m,arrowLeft:v,addPopoverBottomClass:$,hideArrow:!1}},_=(t,e)=>{const{event:o,size:r,trigger:i,reference:s,side:a,align:n}=e,p=t.ownerDocument,c="rtl"===p.dir,d=w(t),h=d.querySelector(".popover-content"),l=d.querySelector(".popover-arrow"),v=z(h),f=p.defaultView.innerWidth/v,g=p.defaultView.innerHeight/v,m=i||o?.detail?.ionShadowTarget||o?.target,{contentWidth:x,contentHeight:b}=S(r,h,m,v),{arrowWidth:u,arrowHeight:k}=((t,e=1)=>{if(!t)return{arrowWidth:0,arrowHeight:0};const{width:o,height:r}=t.getBoundingClientRect();return{arrowWidth:o/e,arrowHeight:r/e}})(l,v),y=j(c,x,b,u,k,s,a,n,{top:g/2-b/2,left:f/2-x/2,originX:c?"right":"left",originY:"top"},i,o,v),P="cover"===r?0:5,D=E(p),T="cover"===r?{top:0,bottom:0,left:0,right:0}:{top:Math.max(D.top,25),bottom:Math.max(D.bottom,25),left:Math.max(D.left,25),right:Math.max(D.right,25)},{originX:A,originY:$,top:C,left:I,bottom:L,checkSafeAreaLeft:O,checkSafeAreaRight:N,checkSafeAreaTop:B,checkSafeAreaBottom:Y,arrowTop:M,arrowLeft:X,addPopoverBottomClass:H}=K(a,y.top,y.left,P,f,g,x,b,T,y.originX,y.originY,y.referenceCoordinates,y.arrowTop,y.arrowLeft,k),F=W(),R=W(),V=W();return R.addElement(d.querySelector("ion-backdrop")).fromTo("opacity",.01,"var(--backdrop-opacity)").beforeStyles({"pointer-events":"none"}).afterClearStyles(["pointer-events"]),V.addElement(d.querySelector(".popover-arrow")).addElement(d.querySelector(".popover-content")).fromTo("opacity",.01,1),F.easing("ease").duration(100).beforeAddWrite((()=>{if("cover"===r&&t.style.setProperty("--width",`${x}px`),H&&t.classList.add("popover-bottom"),void 0!==L){let t=`${L}px`;Y&&(t=`${L}px + var(--ion-safe-area-bottom, 0px)`),h.style.setProperty("bottom",`calc(${t})`)}let e=`${I}px`;O&&(e=`${I}px + var(--ion-safe-area-left, 0px)`),N&&(e=`${I}px - var(--ion-safe-area-right, 0px)`);let s=`${C}px`;if(B&&(s=`${C}px + var(--ion-safe-area-top, 0px)`),h.style.setProperty("top",`calc(${s} + var(--offset-y, 0))`),h.style.setProperty("left",`calc(${e} + var(--offset-x, 0))`),h.style.setProperty("transform-origin",`${$} ${A}`),null!==l){const t=((t,e=!1,o,r)=>!(!o&&!r||"top"!==t&&"bottom"!==t&&e))(a,y.top!==C||y.left!==I,o,i);t?(l.style.setProperty("top",`calc(${M}px + var(--offset-y, 0))`),l.style.setProperty("left",`calc(${X}px + var(--offset-x, 0))`)):l.style.setProperty("display","none")}})).addAnimation([R,V])},q=t=>{const e=w(t),o=e.querySelector(".popover-content"),r=e.querySelector(".popover-arrow"),i=W(),s=W(),a=W();return s.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),i.easing("ease").afterAddWrite((()=>{t.style.removeProperty("--width"),t.classList.remove("popover-bottom"),o.style.removeProperty("top"),o.style.removeProperty("left"),o.style.removeProperty("bottom"),o.style.removeProperty("transform-origin"),r&&(r.style.removeProperty("top"),r.style.removeProperty("left"),r.style.removeProperty("display"))})).duration(300).addAnimation([s,a])},Q=(t,e)=>{const{event:o,size:r,trigger:i,reference:s,side:a,align:n}=e,p=t.ownerDocument,c="rtl"===p.dir,d=w(t),h=d.querySelector(".popover-content"),l=z(h),v=p.defaultView.innerWidth/l,f=p.defaultView.innerHeight/l,g=i||o?.detail?.ionShadowTarget||o?.target,{contentWidth:m,contentHeight:x}=S(r,h,g,l),b=j(c,m,x,0,0,s,a,n,{top:f/2-x/2,left:v/2-m/2,originX:c?"right":"left",originY:"top"},i,o,l),u="cover"===r?0:12,k="cover"===r?{top:0,bottom:0,left:0,right:0}:E(p),{originX:y,originY:P,top:D,left:T,bottom:A,checkSafeAreaLeft:$,checkSafeAreaRight:C,checkSafeAreaTop:I,checkSafeAreaBottom:L,addPopoverBottomClass:O}=K(a,b.top,b.left,u,v,f,m,x,k,b.originX,b.originY,b.referenceCoordinates);let N=`${T}px`;$&&(N=`${T}px + var(--ion-safe-area-left, 0px)`),C&&(N=`${T}px - var(--ion-safe-area-right, 0px)`);let B=`${D}px`;I&&(B=`${D}px + var(--ion-safe-area-top, 0px)`);const Y=W(),M=W(),X=W(),H=W(),F=W();return M.addElement(d.querySelector("ion-backdrop")).fromTo("opacity",.01,"var(--backdrop-opacity)").beforeStyles({"pointer-events":"none"}).afterClearStyles(["pointer-events"]),X.addElement(d.querySelector(".popover-wrapper")).duration(150).fromTo("opacity",.01,1),H.addElement(h).beforeStyles({top:`calc(${B} + var(--offset-y, 0px))`,left:`calc(${N} + var(--offset-x, 0px))`,"transform-origin":`${P} ${y}`}).beforeAddWrite((()=>{if(void 0!==A){let t=`${A}px`;L&&(t=`${A}px + var(--ion-safe-area-bottom, 0px)`),h.style.setProperty("bottom",`calc(${t})`)}})).fromTo("transform","scale(0.8)","scale(1)"),F.addElement(d.querySelector(".popover-viewport")).fromTo("opacity",.01,1),Y.easing("cubic-bezier(0.36,0.66,0.04,1)").duration(300).beforeAddWrite((()=>{"cover"===r&&t.style.setProperty("--width",`${m}px`),O&&t.classList.add("popover-bottom")})).addAnimation([M,X,H,F])},U=t=>{const e=w(t),o=e.querySelector(".popover-content"),r=W(),i=W(),s=W();return i.addElement(e.querySelector("ion-backdrop")).fromTo("opacity","var(--backdrop-opacity)",0),s.addElement(e.querySelector(".popover-wrapper")).fromTo("opacity",.99,0),r.easing("ease").afterAddWrite((()=>{t.style.removeProperty("--width"),t.classList.remove("popover-bottom"),o.style.removeProperty("top"),o.style.removeProperty("left"),o.style.removeProperty("bottom"),o.style.removeProperty("transform-origin")})).duration(150).addAnimation([i,s])},G=t(class extends e{constructor(t){super(),!1!==t&&this.__registerHost(),this.__attachShadow(),this.didPresent=o(this,"ionPopoverDidPresent",7),this.willPresent=o(this,"ionPopoverWillPresent",7),this.willDismiss=o(this,"ionPopoverWillDismiss",7),this.didDismiss=o(this,"ionPopoverDidDismiss",7),this.didPresentShorthand=o(this,"didPresent",7),this.willPresentShorthand=o(this,"willPresent",7),this.willDismissShorthand=o(this,"willDismiss",7),this.didDismissShorthand=o(this,"didDismiss",7),this.ionMount=o(this,"ionMount",7),this.parentPopover=null,this.coreDelegate=x(),this.lockController=D(),this.inline=!1,this.focusDescendantOnPresent=!1,this.presented=!1,this.hasController=!1,this.keyboardClose=!0,this.backdropDismiss=!0,this.showBackdrop=!0,this.translucent=!1,this.animated=!0,this.triggerAction="click",this.size="auto",this.dismissOnSelect=!1,this.reference="trigger",this.side="bottom",this.arrow=!0,this.isOpen=!1,this.keyboardEvents=!1,this.focusTrap=!0,this.keepContentsMounted=!1,this.onBackdropTap=()=>{this.dismiss(void 0,n)},this.onLifecycle=t=>{const e=this.usersElement,o=tt[t.type];if(e&&o){const r=new CustomEvent(o,{bubbles:!1,cancelable:!1,detail:t.detail});e.dispatchEvent(r)}},this.configureTriggerInteraction=()=>{const{trigger:t,triggerAction:e,el:o,destroyTriggerInteraction:i}=this;if(i&&i(),void 0===t)return;const s=this.triggerEl=void 0!==t?document.getElementById(t):null;s?this.destroyTriggerInteraction=((t,e,o)=>{let r=[];switch(e){case"hover":let t;r=[{eventName:"mouseenter",callback:async e=>{e.stopPropagation(),t&&clearTimeout(t),t=setTimeout((()=>{k((()=>{o.presentFromTrigger(e),t=void 0}))}),100)}},{eventName:"mouseleave",callback:e=>{t&&clearTimeout(t);const r=e.relatedTarget;r&&r.closest("ion-popover")!==o&&o.dismiss(void 0,void 0,!1)}},{eventName:"click",callback:t=>t.stopPropagation()},{eventName:"ionPopoverActivateTrigger",callback:t=>o.presentFromTrigger(t,!0)}];break;case"context-menu":r=[{eventName:"contextmenu",callback:t=>{t.preventDefault(),o.presentFromTrigger(t)}},{eventName:"click",callback:t=>t.stopPropagation()},{eventName:"ionPopoverActivateTrigger",callback:t=>o.presentFromTrigger(t,!0)}];break;default:r=[{eventName:"click",callback:t=>o.presentFromTrigger(t)},{eventName:"ionPopoverActivateTrigger",callback:t=>o.presentFromTrigger(t,!0)}]}return r.forEach((({eventName:e,callback:o})=>t.addEventListener(e,o))),t.setAttribute("data-ion-popover-trigger","true"),()=>{r.forEach((({eventName:e,callback:o})=>t.removeEventListener(e,o))),t.removeAttribute("data-ion-popover-trigger")}})(s,e,o):r(`[ion-popover] - A trigger element with the ID "${t}" was not found in the DOM. The trigger element must be in the DOM when the "trigger" property is set on ion-popover.`,this.el)},this.configureKeyboardInteraction=()=>{const{destroyKeyboardInteraction:t,el:e}=this;t&&t(),this.destroyKeyboardInteraction=(t=>{const e=async e=>{const o=document.activeElement;let r=[];const i=e.target?.tagName;if("ION-POPOVER"===i||"ION-ITEM"===i){try{r=Array.from(t.querySelectorAll("ion-item:not(ion-popover ion-popover *):not([disabled])"))}catch{}switch(e.key){case"ArrowLeft":await t.getParentPopover()&&t.dismiss(void 0,void 0,!1);break;case"ArrowDown":e.preventDefault();const i=((t,e)=>t[B(t,e)+1])(r,o);void 0!==i&&Y(i);break;case"ArrowUp":e.preventDefault();const s=((t,e)=>t[B(t,e)-1])(r,o);void 0!==s&&Y(s);break;case"Home":e.preventDefault();const a=r[0];void 0!==a&&Y(a);break;case"End":e.preventDefault();const n=r[r.length-1];void 0!==n&&Y(n);break;case"ArrowRight":case" ":case"Enter":if(o&&o.hasAttribute("data-ion-popover-trigger")){const t=new CustomEvent("ionPopoverActivateTrigger");o.dispatchEvent(t)}}}};return t.addEventListener("keydown",e),()=>t.removeEventListener("keydown",e)})(e)},this.configureDismissInteraction=()=>{const{destroyDismissInteraction:t,parentPopover:e,triggerAction:o,triggerEl:r,el:i}=this;e&&r&&(t&&t(),this.destroyDismissInteraction=((t,e,o,r)=>{let i=[];const s=w(r).querySelector(".popover-content");return i="hover"===e?[{eventName:"mouseenter",callback:e=>{document.elementFromPoint(e.clientX,e.clientY)!==t&&o.dismiss(void 0,void 0,!1)}}]:[{eventName:"click",callback:e=>{e.target.closest("[data-ion-popover-trigger]")!==t?o.dismiss(void 0,void 0,!1):e.stopPropagation()}}],i.forEach((({eventName:t,callback:e})=>s.addEventListener(t,e))),()=>{i.forEach((({eventName:t,callback:e})=>s.removeEventListener(t,e)))}})(r,o,i,e))}}onTriggerChange(){this.configureTriggerInteraction()}onIsOpenChange(t,e){!0===t&&!1===e?this.present():!1===t&&!0===e&&this.dismiss()}connectedCallback(){const{configureTriggerInteraction:t,el:e}=this;p(e),t(),this.presented&&(c(e),this.recalculateContentOnHeaderReady())}disconnectedCallback(){const{destroyTriggerInteraction:t}=this;t&&t(),this.headerResizeObserver&&(this.headerResizeObserver.disconnect(),this.headerResizeObserver=void 0),this.presented&&d()}componentWillLoad(){const{el:t}=this,e=this.htmlAttributes?.id??h(t);this.parentPopover=t.closest(`ion-popover:not(#${e})`),void 0===this.alignment&&(this.alignment="ios"===T(this)?"center":"start")}componentDidLoad(){const{parentPopover:t,isOpen:e}=this;!0===e&&k((()=>this.present())),t&&y(t,"ionPopoverWillDismiss",(()=>{this.dismiss(void 0,void 0,!1)})),this.configureTriggerInteraction()}async presentFromTrigger(t,e=!1){this.focusDescendantOnPresent=e,await this.present(t),this.focusDescendantOnPresent=!1}getDelegate(t=!1){if(this.workingDelegate&&!t)return{delegate:this.workingDelegate,inline:this.inline};const e=this.inline=null!==this.el.parentNode&&!this.hasController;return{inline:e,delegate:this.workingDelegate=e?this.delegate||this.coreDelegate:this.delegate}}async present(t){const e=await this.lockController.lock();if(this.presented)return void e();const{el:o}=this,{inline:r,delegate:i}=this.getDelegate(!0);this.ionMount.emit(),this.usersElement=await b(i,o,this.component,["popover-viewport"],this.componentProps,r),this.recalculateContentOnHeaderReady(),this.keyboardEvents||this.configureKeyboardInteraction(),this.configureDismissInteraction(),P(o)?await C(this.usersElement):this.keepContentsMounted||await I(),await l(this,"popoverEnter",_,Q,{event:t||this.event,size:this.size,trigger:this.triggerEl,reference:this.reference,side:this.side,align:this.alignment}),this.focusDescendantOnPresent&&v(o),e()}recalculateContentOnHeaderReady(){const t=this.el.shadowRoot?.querySelector(".popover-content");if(!t)return;const e=this.usersElement||t,o=e.querySelector("ion-header"),r=e.querySelectorAll("ion-content");o&&0!==r.length&&(this.headerResizeObserver&&(this.headerResizeObserver.disconnect(),this.headerResizeObserver=void 0),this.headerResizeObserver=new ResizeObserver((async()=>{if(o.offsetHeight>0){this.headerResizeObserver?.disconnect(),this.headerResizeObserver=void 0;for(const t of r)await t.recalculateDimensions()}})),this.headerResizeObserver.observe(o))}async dismiss(t,e,o=!0){const r=await this.lockController.lock(),{destroyKeyboardInteraction:i,destroyDismissInteraction:s}=this;o&&this.parentPopover&&this.parentPopover.dismiss(t,e,o);const a=await f(this,t,e,"popoverLeave",q,U,this.event);if(a){i&&(i(),this.destroyKeyboardInteraction=void 0),s&&(s(),this.destroyDismissInteraction=void 0);const{delegate:t}=this.getDelegate();await u(t,this.usersElement)}return r(),a}async getParentPopover(){return this.parentPopover}onDidDismiss(){return g(this.el,"ionPopoverDidDismiss")}onWillDismiss(){return g(this.el,"ionPopoverWillDismiss")}render(){const t=T(this),{onLifecycle:e,parentPopover:o,dismissOnSelect:r,side:a,arrow:n,htmlAttributes:p,focusTrap:c}=this,d=A("desktop"),h=n&&!o;return i(s,{key:"b5e9c788f58397203976d5f8302dfb89e916efe1","aria-modal":"true","no-router":!0,tabindex:"-1",...p,style:{zIndex:`${2e4+this.overlayIndex}`},class:{...$(this.cssClass),[t]:!0,"popover-translucent":this.translucent,"overlay-hidden":!0,"popover-desktop":d,[`popover-side-${a}`]:!0,[m]:!1===c,"popover-nested":!!o},onIonPopoverDidPresent:e,onIonPopoverWillPresent:e,onIonPopoverWillDismiss:e,onIonPopoverDidDismiss:e,onIonBackdropTap:this.onBackdropTap},!o&&i("ion-backdrop",{key:"f3977833c5b2c0087c286ee54363b478d69eb115",tappable:this.backdropDismiss,visible:this.showBackdrop,part:"backdrop"}),i("div",{key:"1059893d6fd2932ca8adcdf8d45a5d66f4794727",class:"popover-wrapper ion-overlay-wrapper",onClick:r?()=>this.dismiss():void 0},h&&i("div",{key:"24d7988bdd95882ad77fcaa7112aeda55878bee4",class:"popover-arrow",part:"arrow"}),i("div",{key:"4d6992e0a9d629f11763045f9199f9a77fa521ab",class:"popover-content",part:"content"},i("slot",{key:"b29747419620a01a6c34e9e846cd529b0b210145"}))))}get el(){return this}static get watchers(){return{trigger:[{onTriggerChange:0}],triggerAction:[{onTriggerChange:0}],isOpen:[{onIsOpenChange:0}]}}static get style(){return{ios:':host{--background:var(--ion-background-color, #fff);--min-width:0;--min-height:0;--max-width:auto;--height:auto;--offset-x:0px;--offset-y:0px;left:0;right:0;top:0;bottom:0;display:-ms-flexbox;display:flex;position:fixed;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;outline:none;color:var(--ion-text-color, #000);z-index:1001}:host(.popover-nested){pointer-events:none}:host(.popover-nested) .popover-wrapper{pointer-events:auto}:host(.overlay-hidden){display:none}.popover-wrapper{z-index:10}.popover-content{display:-ms-flexbox;display:flex;position:absolute;-ms-flex-direction:column;flex-direction:column;width:var(--width);min-width:var(--min-width);max-width:var(--max-width);height:var(--height);min-height:var(--min-height);max-height:var(--max-height);background:var(--background);-webkit-box-shadow:var(--box-shadow);box-shadow:var(--box-shadow);overflow:auto;z-index:10}::slotted(.popover-viewport){--ion-safe-area-top:0px;--ion-safe-area-right:0px;--ion-safe-area-bottom:0px;--ion-safe-area-left:0px;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column}: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(.select-popover-rich-content){--width:clamp(250px, calc(100vw - 40px), 400px)}:host{--width:200px;--max-height:90%;--box-shadow:none;--backdrop-opacity:var(--ion-backdrop-opacity, 0.08)}:host(.popover-desktop){--box-shadow:0px 4px 16px 0px rgba(0, 0, 0, 0.12)}.popover-content{border-radius:10px}:host(.popover-desktop) .popover-content{border:0.5px solid var(--ion-color-step-100, var(--ion-background-color-step-100, #e6e6e6))}.popover-arrow{display:block;position:absolute;width:20px;height:10px;overflow:hidden;z-index:11}.popover-arrow::after{top:3px;border-radius:3px;position:absolute;width:14px;height:14px;-webkit-transform:rotate(45deg);transform:rotate(45deg);background:var(--background);content:"";z-index:10}.popover-arrow::after{inset-inline-start:3px}:host(.popover-bottom) .popover-arrow{top:auto;bottom:-10px}:host(.popover-bottom) .popover-arrow::after{top:-6px}:host(.popover-side-left) .popover-arrow{-webkit-transform:rotate(90deg);transform:rotate(90deg)}:host(.popover-side-right) .popover-arrow{-webkit-transform:rotate(-90deg);transform:rotate(-90deg)}:host(.popover-side-top) .popover-arrow{-webkit-transform:rotate(180deg);transform:rotate(180deg)}:host(.popover-side-start) .popover-arrow{-webkit-transform:rotate(90deg);transform:rotate(90deg)}:host-context([dir=rtl]):host(.popover-side-start) .popover-arrow,:host-context([dir=rtl]).popover-side-start .popover-arrow{-webkit-transform:rotate(-90deg);transform:rotate(-90deg)}@supports selector(:dir(rtl)){:host(.popover-side-start:dir(rtl)) .popover-arrow{-webkit-transform:rotate(-90deg);transform:rotate(-90deg)}}:host(.popover-side-end) .popover-arrow{-webkit-transform:rotate(-90deg);transform:rotate(-90deg)}:host-context([dir=rtl]):host(.popover-side-end) .popover-arrow,:host-context([dir=rtl]).popover-side-end .popover-arrow{-webkit-transform:rotate(90deg);transform:rotate(90deg)}@supports selector(:dir(rtl)){:host(.popover-side-end:dir(rtl)) .popover-arrow{-webkit-transform:rotate(90deg);transform:rotate(90deg)}}.popover-arrow,.popover-content{opacity:0}@supports ((-webkit-backdrop-filter: blur(0)) or (backdrop-filter: blur(0))){:host(.popover-translucent) .popover-content,:host(.popover-translucent) .popover-arrow::after{background:rgba(var(--ion-background-color-rgb, 255, 255, 255), 0.8);-webkit-backdrop-filter:saturate(180%) blur(20px);backdrop-filter:saturate(180%) blur(20px)}}',md:":host{--background:var(--ion-background-color, #fff);--min-width:0;--min-height:0;--max-width:auto;--height:auto;--offset-x:0px;--offset-y:0px;left:0;right:0;top:0;bottom:0;display:-ms-flexbox;display:flex;position:fixed;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;outline:none;color:var(--ion-text-color, #000);z-index:1001}:host(.popover-nested){pointer-events:none}:host(.popover-nested) .popover-wrapper{pointer-events:auto}:host(.overlay-hidden){display:none}.popover-wrapper{z-index:10}.popover-content{display:-ms-flexbox;display:flex;position:absolute;-ms-flex-direction:column;flex-direction:column;width:var(--width);min-width:var(--min-width);max-width:var(--max-width);height:var(--height);min-height:var(--min-height);max-height:var(--max-height);background:var(--background);-webkit-box-shadow:var(--box-shadow);box-shadow:var(--box-shadow);overflow:auto;z-index:10}::slotted(.popover-viewport){--ion-safe-area-top:0px;--ion-safe-area-right:0px;--ion-safe-area-bottom:0px;--ion-safe-area-left:0px;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column}: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(.select-popover-rich-content){--width:clamp(250px, calc(100vw - 40px), 400px)}: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}"}}},[289,"ion-popover",{hasController:[4,"has-controller"],delegate:[16],overlayIndex:[2,"overlay-index"],enterAnimation:[16],leaveAnimation:[16],component:[1],componentProps:[16],keyboardClose:[4,"keyboard-close"],cssClass:[1,"css-class"],backdropDismiss:[4,"backdrop-dismiss"],event:[8],showBackdrop:[4,"show-backdrop"],translucent:[4],animated:[4],htmlAttributes:[16],triggerAction:[1,"trigger-action"],trigger:[1],size:[1],dismissOnSelect:[4,"dismiss-on-select"],reference:[1],side:[1],alignment:[1025],arrow:[4],isOpen:[4,"is-open"],keyboardEvents:[4,"keyboard-events"],focusTrap:[4,"focus-trap"],keepContentsMounted:[4,"keep-contents-mounted"],presented:[32],presentFromTrigger:[64],present:[64],dismiss:[64],getParentPopover:[64],onDidDismiss:[64],onWillDismiss:[64]},void 0,{trigger:[{onTriggerChange:0}],triggerAction:[{onTriggerChange:0}],isOpen:[{onIsOpenChange:0}]}]),tt={ionPopoverDidPresent:"ionViewDidEnter",ionPopoverWillPresent:"ionViewWillEnter",ionPopoverWillDismiss:"ionViewWillLeave",ionPopoverDidDismiss:"ionViewDidLeave"};function et(){"undefined"!=typeof customElements&&["ion-popover","ion-backdrop"].forEach((t=>{switch(t){case"ion-popover":customElements.get(a(t))||customElements.define(a(t),G);break;case"ion-backdrop":customElements.get(a(t))||L()}}))}export{G as P,et as d}
|
|
@@ -1,4 +1,4 @@
|
|
|
1
1
|
/*!
|
|
2
2
|
* (C) Ionic http://ionicframework.com - MIT License
|
|
3
3
|
*/
|
|
4
|
-
import{c as t}from"./p-ChsJlFCQ.js";import{g as o}from"./p-C7r5Gja6.js";const n=t=>document.querySelector(`${t}.ion-cloned-element`),a=t=>t.shadowRoot||t,s=t=>{const o="ION-TABS"===t.tagName?t:t.querySelector("ion-tabs"),n="ion-content ion-header:not(.header-collapse-condense-inactive) ion-title.title-large";if(null!=o){const t=o.querySelector("ion-tab:not(.tab-hidden), .ion-page:not(.ion-page-hidden)");return null!=t?t.querySelector(n):null}return t.querySelector(n)},e=(t,o)=>{const n="ION-TABS"===t.tagName?t:t.querySelector("ion-tabs");let a=[];if(null!=n){const t=n.querySelector("ion-tab:not(.tab-hidden), .ion-page:not(.ion-page-hidden)");null!=t&&(a=t.querySelectorAll("ion-buttons"))}else a=t.querySelectorAll("ion-buttons");for(const t of a){const n=t.closest("ion-header"),a=n&&!n.classList.contains("header-collapse-condense-inactive"),s=t.querySelector("ion-back-button"),e=t.classList.contains("buttons-collapse");if(null!==s&&("start"===t.slot||""===t.slot)&&(e&&a&&o||!e))return s}return null},r=(o,s,e,r,i,l,f,p,$)=>{const d=s?`calc(100% - ${i.right+4}px)`:i.left-4+"px",b=s?"right":"left",m=s?"left":"right",u=s?"right":"left";let y=1,X=1,x=`scale(${X})`;const h="scale(1)";if(l&&f){const t=l.textContent?.trim()===p.textContent?.trim();y=$.width/f.width,X=($.height-c)/f.height,x=t?`scale(${y}, ${X})`:`scale(${X})`}const g=a(r).querySelector("ion-icon").getBoundingClientRect(),w=s?g.width/2-(g.right-i.right)+"px":i.left-g.width/2+"px",k=s?`-${window.innerWidth-i.right}px`:`${i.left}px`,v=`${$.top}px`,T=`${i.top}px`,A=e?[{offset:0,transform:`translate3d(${k}, ${T}, 0)`},{offset:1,transform:`translate3d(${w}, ${v}, 0)`}]:[{offset:0,transform:`translate3d(${w}, ${v}, 0)`},{offset:1,transform:`translate3d(${k}, ${T}, 0)`}],j=e?[{offset:0,opacity:1,transform:h},{offset:1,opacity:0,transform:x}]:[{offset:0,opacity:0,transform:x},{offset:1,opacity:1,transform:h}],C=e?[{offset:0,opacity:1,transform:"scale(1)"},{offset:.2,opacity:0,transform:"scale(0.6)"},{offset:1,opacity:0,transform:"scale(0.6)"}]:[{offset:0,opacity:0,transform:"scale(0.6)"},{offset:.6,opacity:0,transform:"scale(0.6)"},{offset:1,opacity:1,transform:"scale(1)"}],B=t(),I=t(),N=t(),O=n("ion-back-button"),S=a(O).querySelector(".button-text"),z=a(O).querySelector("ion-icon");O.text=r.text,O.mode=r.mode,O.icon=r.icon,O.color=r.color,O.disabled=r.disabled,O.style.setProperty("display","block"),O.style.setProperty("position","fixed"),I.addElement(z),B.addElement(S),N.addElement(O),N.beforeStyles({position:"absolute",top:"0px",[u]:"0px"}).beforeAddWrite((()=>{r.style.setProperty("display","none"),O.style.setProperty(b,d)})).afterAddWrite((()=>{r.style.setProperty("display",""),O.style.setProperty("display","none"),O.style.removeProperty(b)})).keyframes(A),B.beforeStyles({"transform-origin":`${b} top`}).keyframes(j),I.beforeStyles({"transform-origin":`${m} center`}).keyframes(C),o.addAnimation([B,I,N])},i=(o,a,s,e,r,i,l,f,p)=>{const $=a?"right":"left",d=a?`calc(100% - ${r.right}px)`:`${r.left}px`,b=`${r.top}px`;let m=a?`-${window.innerWidth-l.right-8}px`:`${l.x+8}px`,u=.5;const y="scale(1)";let X=`scale(${u})`;if(f&&p){m=a?`-${window.innerWidth-p.right-8}px`:p.x-8+"px";const t=f.textContent?.trim()===e.textContent?.trim();u=p.height/(i.height-c),X=t?`scale(${p.width/i.width}, ${u})`:`scale(${u})`}const x=l.top+l.height/2-r.height*u/2+"px",h=s?[{offset:0,opacity:0,transform:`translate3d(${m}, ${x}, 0) ${X}`},{offset:.1,opacity:0},{offset:1,opacity:1,transform:`translate3d(0px, ${b}, 0) ${y}`}]:[{offset:0,opacity:.99,transform:`translate3d(0px, ${b}, 0) ${y}`},{offset:.6,opacity:0},{offset:1,opacity:0,transform:`translate3d(${m}, ${x}, 0) ${X}`}],g=n("ion-title"),w=t();g.innerText=e.innerText,g.size=e.size,g.color=e.color,w.addElement(g),w.beforeStyles({"transform-origin":`${$} top`,height:`${r.height}px`,display:"",position:"relative",[$]:d}).beforeAddWrite((()=>{e.style.setProperty("opacity","0")})).afterAddWrite((()=>{e.style.setProperty("opacity",""),g.style.setProperty("display","none")})).keyframes(h),o.addAnimation(w)},l=(n,l)=>{try{const c="cubic-bezier(0.32,0.72,0,1)",f="opacity",p="transform",$="0%",d=.8,b="rtl"===n.ownerDocument.dir,m=b?"-99.5%":"99.5%",u=b?"33%":"-33%",y=l.enteringEl,X=l.leavingEl,x="back"===l.direction,h=y.querySelector(":scope > ion-content"),g=y.querySelectorAll(":scope > ion-header > *:not(ion-toolbar), :scope > ion-footer > *"),w=y.querySelectorAll(":scope > ion-header > ion-toolbar"),k=t(),v=t();if(k.addElement(y).duration((l.duration??0)||540).easing(l.easing||c).fill("both").beforeRemoveClass("ion-page-invisible"),X&&null!=n){const o=t();o.addElement(n),k.addAnimation(o)}if(h||0!==w.length||0!==g.length?(v.addElement(h),v.addElement(g)):v.addElement(y.querySelector(":scope > .ion-page, :scope > ion-nav, :scope > ion-tabs")),k.addAnimation(v),x?v.beforeClearStyles([f]).fromTo("transform",`translateX(${u})`,`translateX(${$})`).fromTo(f,d,1):v.beforeClearStyles([f]).fromTo("transform",`translateX(${m})`,`translateX(${$})`),h){const o=a(h).querySelector(".transition-effect");if(o){const n=o.querySelector(".transition-cover"),a=o.querySelector(".transition-shadow"),s=t(),e=t(),r=t();s.addElement(o).beforeStyles({opacity:"1",display:"block"}).afterStyles({opacity:"",display:""}),e.addElement(n).beforeClearStyles([f]).fromTo(f,0,.1),r.addElement(a).beforeClearStyles([f]).fromTo(f,.03,.7),s.addAnimation([e,r]),v.addAnimation([s])}}const T=y.querySelector("ion-header.header-collapse-condense"),{forward:A,backward:j}=((t,o,n,l,c)=>{const f=e(l,n),p=s(c),$=s(l),d=e(c,n),b=null!==f&&null!==p&&!n,m=null!==$&&null!==d&&n;if(b){const s=p.getBoundingClientRect(),e=f.getBoundingClientRect(),l=a(f).querySelector(".button-text"),c=l?.getBoundingClientRect(),$=a(p).querySelector(".toolbar-title").getBoundingClientRect();i(t,o,n,p,s,$,e,l,c),r(t,o,n,f,e,l,c,p,$)}else if(m){const s=$.getBoundingClientRect(),e=d.getBoundingClientRect(),l=a(d).querySelector(".button-text"),c=l?.getBoundingClientRect(),f=a($).querySelector(".toolbar-title").getBoundingClientRect();i(t,o,n,$,s,f,e,l,c),r(t,o,n,d,e,l,c,$,f)}return{forward:b,backward:m}})(k,b,x,y,X);if(w.forEach((o=>{const n=t();n.addElement(o),k.addAnimation(n);const s=t();s.addElement(o.querySelector("ion-title"));const e=t(),r=Array.from(o.querySelectorAll("ion-buttons,[menuToggle]")),i=o.closest("ion-header"),l=i?.classList.contains("header-collapse-condense-inactive");let c;c=r.filter(x?t=>{const o=t.classList.contains("buttons-collapse");return o&&!l||!o}:t=>!t.classList.contains("buttons-collapse")),e.addElement(c);const p=t();p.addElement(o.querySelectorAll(":scope > *:not(ion-title):not(ion-buttons):not([menuToggle])"));const d=t();d.addElement(a(o).querySelector(".toolbar-background"));const y=t(),X=o.querySelector("ion-back-button");if(X&&y.addElement(X),n.addAnimation([s,e,p,d,y]),e.fromTo(f,.01,1),p.fromTo(f,.01,1),x)l||s.fromTo("transform",`translateX(${u})`,`translateX(${$})`).fromTo(f,.01,1),p.fromTo("transform",`translateX(${u})`,`translateX(${$})`),y.fromTo(f,.01,1);else{T||s.fromTo("transform",`translateX(${m})`,`translateX(${$})`).fromTo(f,.01,1),p.fromTo("transform",`translateX(${m})`,`translateX(${$})`),d.beforeClearStyles([f,"transform"]);const o=i?.translucent;if(o?d.fromTo("transform",b?"translateX(-100%)":"translateX(100%)","translateX(0px)"):d.fromTo(f,.01,"var(--opacity)"),A||y.fromTo(f,.01,1),X&&!A){const o=t();o.addElement(a(X).querySelector(".button-text")).fromTo("transform",b?"translateX(-100px)":"translateX(100px)","translateX(0px)"),n.addAnimation(o)}}})),X){const n=t(),s=X.querySelector(":scope > ion-content"),e=X.querySelectorAll(":scope > ion-header > ion-toolbar"),r=X.querySelectorAll(":scope > ion-header > *:not(ion-toolbar), :scope > ion-footer > *");if(s||0!==e.length||0!==r.length?(n.addElement(s),n.addElement(r)):n.addElement(X.querySelector(":scope > .ion-page, :scope > ion-nav, :scope > ion-tabs")),k.addAnimation(n),x){n.beforeClearStyles([f]).fromTo("transform",`translateX(${$})`,b?"translateX(-100%)":"translateX(100%)");const t=o(X);k.afterAddWrite((()=>{"normal"===k.getDirection()&&t.style.setProperty("display","none")}))}else n.fromTo("transform",`translateX(${$})`,`translateX(${u})`).fromTo(f,1,d);if(s){const o=a(s).querySelector(".transition-effect");if(o){const a=o.querySelector(".transition-cover"),s=o.querySelector(".transition-shadow"),e=t(),r=t(),i=t();e.addElement(o).beforeStyles({opacity:"1",display:"block"}).afterStyles({opacity:"",display:""}),r.addElement(a).beforeClearStyles([f]).fromTo(f,.1,0),i.addElement(s).beforeClearStyles([f]).fromTo(f,.7,.03),e.addAnimation([r,i]),n.addAnimation([e])}}e.forEach((o=>{const n=t();n.addElement(o);const s=t();s.addElement(o.querySelector("ion-title"));const e=t(),r=o.querySelectorAll("ion-buttons,[menuToggle]"),i=o.closest("ion-header"),l=i?.classList.contains("header-collapse-condense-inactive"),c=Array.from(r).filter((t=>{const o=t.classList.contains("buttons-collapse");return o&&!l||!o}));e.addElement(c);const d=t(),m=o.querySelectorAll(":scope > *:not(ion-title):not(ion-buttons):not([menuToggle])");m.length>0&&d.addElement(m);const y=t();y.addElement(a(o).querySelector(".toolbar-background"));const X=t(),h=o.querySelector("ion-back-button");if(h&&X.addElement(h),n.addAnimation([s,e,d,X,y]),k.addAnimation(n),X.fromTo(f,.99,0),e.fromTo(f,.99,0),d.fromTo(f,.99,0),x){l||s.fromTo("transform",`translateX(${$})`,b?"translateX(-100%)":"translateX(100%)").fromTo(f,.99,0),d.fromTo("transform",`translateX(${$})`,b?"translateX(-100%)":"translateX(100%)"),y.beforeClearStyles([f,"transform"]);const o=i?.translucent;if(o?y.fromTo("transform","translateX(0px)",b?"translateX(-100%)":"translateX(100%)"):y.fromTo(f,"var(--opacity)",0),h&&!j){const o=t();o.addElement(a(h).querySelector(".button-text")).fromTo("transform",`translateX(${$})`,`translateX(${(b?-124:124)+"px"})`),n.addAnimation(o)}}else l||s.fromTo("transform",`translateX(${$})`,`translateX(${u})`).fromTo(f,.99,0).afterClearStyles([p,f]),d.fromTo("transform",`translateX(${$})`,`translateX(${u})`).afterClearStyles([p,f]),X.afterClearStyles([f]),s.afterClearStyles([f]),e.afterClearStyles([f])}))}return k}catch(t){throw t}},c=10;export{l as iosTransitionAnimation,a as shadow}
|
|
4
|
+
import{c as t}from"./p-ChsJlFCQ.js";import{g as o}from"./p-DfDIY2oP.js";const n=t=>document.querySelector(`${t}.ion-cloned-element`),a=t=>t.shadowRoot||t,s=t=>{const o="ION-TABS"===t.tagName?t:t.querySelector("ion-tabs"),n="ion-content ion-header:not(.header-collapse-condense-inactive) ion-title.title-large";if(null!=o){const t=o.querySelector("ion-tab:not(.tab-hidden), .ion-page:not(.ion-page-hidden)");return null!=t?t.querySelector(n):null}return t.querySelector(n)},e=(t,o)=>{const n="ION-TABS"===t.tagName?t:t.querySelector("ion-tabs");let a=[];if(null!=n){const t=n.querySelector("ion-tab:not(.tab-hidden), .ion-page:not(.ion-page-hidden)");null!=t&&(a=t.querySelectorAll("ion-buttons"))}else a=t.querySelectorAll("ion-buttons");for(const t of a){const n=t.closest("ion-header"),a=n&&!n.classList.contains("header-collapse-condense-inactive"),s=t.querySelector("ion-back-button"),e=t.classList.contains("buttons-collapse");if(null!==s&&("start"===t.slot||""===t.slot)&&(e&&a&&o||!e))return s}return null},r=(o,s,e,r,i,l,f,p,$)=>{const d=s?`calc(100% - ${i.right+4}px)`:i.left-4+"px",b=s?"right":"left",m=s?"left":"right",u=s?"right":"left";let y=1,X=1,x=`scale(${X})`;const h="scale(1)";if(l&&f){const t=l.textContent?.trim()===p.textContent?.trim();y=$.width/f.width,X=($.height-c)/f.height,x=t?`scale(${y}, ${X})`:`scale(${X})`}const g=a(r).querySelector("ion-icon").getBoundingClientRect(),w=s?g.width/2-(g.right-i.right)+"px":i.left-g.width/2+"px",k=s?`-${window.innerWidth-i.right}px`:`${i.left}px`,v=`${$.top}px`,T=`${i.top}px`,A=e?[{offset:0,transform:`translate3d(${k}, ${T}, 0)`},{offset:1,transform:`translate3d(${w}, ${v}, 0)`}]:[{offset:0,transform:`translate3d(${w}, ${v}, 0)`},{offset:1,transform:`translate3d(${k}, ${T}, 0)`}],I=e?[{offset:0,opacity:1,transform:h},{offset:1,opacity:0,transform:x}]:[{offset:0,opacity:0,transform:x},{offset:1,opacity:1,transform:h}],j=e?[{offset:0,opacity:1,transform:"scale(1)"},{offset:.2,opacity:0,transform:"scale(0.6)"},{offset:1,opacity:0,transform:"scale(0.6)"}]:[{offset:0,opacity:0,transform:"scale(0.6)"},{offset:.6,opacity:0,transform:"scale(0.6)"},{offset:1,opacity:1,transform:"scale(1)"}],B=t(),C=t(),D=t(),N=n("ion-back-button"),O=a(N).querySelector(".button-text"),S=a(N).querySelector("ion-icon");N.text=r.text,N.mode=r.mode,N.icon=r.icon,N.color=r.color,N.disabled=r.disabled,N.style.setProperty("display","block"),N.style.setProperty("position","fixed"),C.addElement(S),B.addElement(O),D.addElement(N),D.beforeStyles({position:"absolute",top:"0px",[u]:"0px"}).beforeAddWrite((()=>{r.style.setProperty("display","none"),N.style.setProperty(b,d)})).afterAddWrite((()=>{r.style.setProperty("display",""),N.style.setProperty("display","none"),N.style.removeProperty(b)})).keyframes(A),B.beforeStyles({"transform-origin":`${b} top`}).keyframes(I),C.beforeStyles({"transform-origin":`${m} center`}).keyframes(j),o.addAnimation([B,C,D])},i=(o,a,s,e,r,i,l,f,p)=>{const $=a?"right":"left",d=a?`calc(100% - ${r.right}px)`:`${r.left}px`,b=`${r.top}px`;let m=a?`-${window.innerWidth-l.right-8}px`:`${l.x+8}px`,u=.5;const y="scale(1)";let X=`scale(${u})`;if(f&&p){m=a?`-${window.innerWidth-p.right-8}px`:p.x-8+"px";const t=f.textContent?.trim()===e.textContent?.trim();u=p.height/(i.height-c),X=t?`scale(${p.width/i.width}, ${u})`:`scale(${u})`}const x=l.top+l.height/2-r.height*u/2+"px",h=s?[{offset:0,opacity:0,transform:`translate3d(${m}, ${x}, 0) ${X}`},{offset:.1,opacity:0},{offset:1,opacity:1,transform:`translate3d(0px, ${b}, 0) ${y}`}]:[{offset:0,opacity:.99,transform:`translate3d(0px, ${b}, 0) ${y}`},{offset:.6,opacity:0},{offset:1,opacity:0,transform:`translate3d(${m}, ${x}, 0) ${X}`}],g=n("ion-title"),w=t();g.innerText=e.innerText,g.size=e.size,g.color=e.color,w.addElement(g),w.beforeStyles({"transform-origin":`${$} top`,height:`${r.height}px`,display:"",position:"relative",[$]:d}).beforeAddWrite((()=>{e.style.setProperty("opacity","0")})).afterAddWrite((()=>{e.style.setProperty("opacity",""),g.style.setProperty("display","none")})).keyframes(h),o.addAnimation(w)},l=(n,l)=>{try{const c="cubic-bezier(0.32,0.72,0,1)",f="opacity",p="transform",$="0%",d=.8,b="rtl"===n.ownerDocument.dir,m=b?"-99.5%":"99.5%",u=b?"33%":"-33%",y=l.enteringEl,X=l.leavingEl,x="back"===l.direction,h=y.querySelector(":scope > ion-content"),g=y.querySelectorAll(":scope > ion-header > *:not(ion-toolbar), :scope > ion-footer > *"),w=y.querySelectorAll(":scope > ion-header > ion-toolbar"),k=t(),v=t();if(k.addElement(y).duration((l.duration??0)||540).easing(l.easing||c).fill("both").beforeRemoveClass("ion-page-invisible"),X&&null!=n){const o=t();o.addElement(n),k.addAnimation(o)}if(h||0!==w.length||0!==g.length?(v.addElement(h),v.addElement(g)):v.addElement(y.querySelector(":scope > .ion-page, :scope > ion-nav, :scope > ion-tabs")),k.addAnimation(v),x?v.beforeClearStyles([f]).fromTo("transform",`translateX(${u})`,`translateX(${$})`).fromTo(f,d,1):v.beforeClearStyles([f]).fromTo("transform",`translateX(${m})`,`translateX(${$})`),h){const o=a(h).querySelector(".transition-effect");if(o){const n=o.querySelector(".transition-cover"),a=o.querySelector(".transition-shadow"),s=t(),e=t(),r=t();s.addElement(o).beforeStyles({opacity:"1",display:"block"}).afterStyles({opacity:"",display:""}),e.addElement(n).beforeClearStyles([f]).fromTo(f,0,.1),r.addElement(a).beforeClearStyles([f]).fromTo(f,.03,.7),s.addAnimation([e,r]),v.addAnimation([s])}}const T=y.querySelector("ion-header.header-collapse-condense"),{forward:A,backward:I}=((t,o,n,l,c)=>{const f=e(l,n),p=s(c),$=s(l),d=e(c,n),b=null!==f&&null!==p&&!n,m=null!==$&&null!==d&&n;if(b){const s=p.getBoundingClientRect(),e=f.getBoundingClientRect(),l=a(f).querySelector(".button-text"),c=l?.getBoundingClientRect(),$=a(p).querySelector(".toolbar-title").getBoundingClientRect();i(t,o,n,p,s,$,e,l,c),r(t,o,n,f,e,l,c,p,$)}else if(m){const s=$.getBoundingClientRect(),e=d.getBoundingClientRect(),l=a(d).querySelector(".button-text"),c=l?.getBoundingClientRect(),f=a($).querySelector(".toolbar-title").getBoundingClientRect();i(t,o,n,$,s,f,e,l,c),r(t,o,n,d,e,l,c,$,f)}return{forward:b,backward:m}})(k,b,x,y,X);if(w.forEach((o=>{const n=t();n.addElement(o),k.addAnimation(n);const s=t();s.addElement(o.querySelector("ion-title"));const e=t(),r=Array.from(o.querySelectorAll("ion-buttons,[menuToggle]")),i=o.closest("ion-header"),l=i?.classList.contains("header-collapse-condense-inactive");let c;c=r.filter(x?t=>{const o=t.classList.contains("buttons-collapse");return o&&!l||!o}:t=>!t.classList.contains("buttons-collapse")),e.addElement(c);const p=t();p.addElement(o.querySelectorAll(":scope > *:not(ion-title):not(ion-buttons):not([menuToggle])"));const d=t();d.addElement(a(o).querySelector(".toolbar-background"));const y=t(),X=o.querySelector("ion-back-button");if(X&&y.addElement(X),n.addAnimation([s,e,p,d,y]),e.fromTo(f,.01,1),p.fromTo(f,.01,1),x)l||s.fromTo("transform",`translateX(${u})`,`translateX(${$})`).fromTo(f,.01,1),p.fromTo("transform",`translateX(${u})`,`translateX(${$})`),y.fromTo(f,.01,1);else{T||s.fromTo("transform",`translateX(${m})`,`translateX(${$})`).fromTo(f,.01,1),p.fromTo("transform",`translateX(${m})`,`translateX(${$})`),d.beforeClearStyles([f,"transform"]);const o=i?.translucent;if(o?d.fromTo("transform",b?"translateX(-100%)":"translateX(100%)","translateX(0px)"):d.fromTo(f,.01,"var(--opacity)"),A||y.fromTo(f,.01,1),X&&!A){const o=t();o.addElement(a(X).querySelector(".button-text")).fromTo("transform",b?"translateX(-100px)":"translateX(100px)","translateX(0px)"),n.addAnimation(o)}}})),X){const n=t(),s=X.querySelector(":scope > ion-content"),e=X.querySelectorAll(":scope > ion-header > ion-toolbar"),r=X.querySelectorAll(":scope > ion-header > *:not(ion-toolbar), :scope > ion-footer > *");if(s||0!==e.length||0!==r.length?(n.addElement(s),n.addElement(r)):n.addElement(X.querySelector(":scope > .ion-page, :scope > ion-nav, :scope > ion-tabs")),k.addAnimation(n),x){n.beforeClearStyles([f]).fromTo("transform",`translateX(${$})`,b?"translateX(-100%)":"translateX(100%)");const t=o(X);k.afterAddWrite((()=>{"normal"===k.getDirection()&&t.style.setProperty("display","none")}))}else n.fromTo("transform",`translateX(${$})`,`translateX(${u})`).fromTo(f,1,d);if(s){const o=a(s).querySelector(".transition-effect");if(o){const a=o.querySelector(".transition-cover"),s=o.querySelector(".transition-shadow"),e=t(),r=t(),i=t();e.addElement(o).beforeStyles({opacity:"1",display:"block"}).afterStyles({opacity:"",display:""}),r.addElement(a).beforeClearStyles([f]).fromTo(f,.1,0),i.addElement(s).beforeClearStyles([f]).fromTo(f,.7,.03),e.addAnimation([r,i]),n.addAnimation([e])}}e.forEach((o=>{const n=t();n.addElement(o);const s=t();s.addElement(o.querySelector("ion-title"));const e=t(),r=o.querySelectorAll("ion-buttons,[menuToggle]"),i=o.closest("ion-header"),l=i?.classList.contains("header-collapse-condense-inactive"),c=Array.from(r).filter((t=>{const o=t.classList.contains("buttons-collapse");return o&&!l||!o}));e.addElement(c);const d=t(),m=o.querySelectorAll(":scope > *:not(ion-title):not(ion-buttons):not([menuToggle])");m.length>0&&d.addElement(m);const y=t();y.addElement(a(o).querySelector(".toolbar-background"));const X=t(),h=o.querySelector("ion-back-button");if(h&&X.addElement(h),n.addAnimation([s,e,d,X,y]),k.addAnimation(n),X.fromTo(f,.99,0),e.fromTo(f,.99,0),d.fromTo(f,.99,0),x){l||s.fromTo("transform",`translateX(${$})`,b?"translateX(-100%)":"translateX(100%)").fromTo(f,.99,0),d.fromTo("transform",`translateX(${$})`,b?"translateX(-100%)":"translateX(100%)"),y.beforeClearStyles([f,"transform"]);const o=i?.translucent;if(o?y.fromTo("transform","translateX(0px)",b?"translateX(-100%)":"translateX(100%)"):y.fromTo(f,"var(--opacity)",0),h&&!I){const o=t();o.addElement(a(h).querySelector(".button-text")).fromTo("transform",`translateX(${$})`,`translateX(${(b?-124:124)+"px"})`),n.addAnimation(o)}}else l||s.fromTo("transform",`translateX(${$})`,`translateX(${u})`).fromTo(f,.99,0).afterClearStyles([p,f]),d.fromTo("transform",`translateX(${$})`,`translateX(${u})`).afterClearStyles([p,f]),X.afterClearStyles([f]),s.afterClearStyles([f]),e.afterClearStyles([f])}))}return k}catch(t){throw t}},c=10;export{l as iosTransitionAnimation,a as shadow}
|
|
@@ -0,0 +1,4 @@
|
|
|
1
|
+
/*!
|
|
2
|
+
* (C) Ionic http://ionicframework.com - MIT License
|
|
3
|
+
*/
|
|
4
|
+
import{e as n,p as e,w as i,B as a}from"./p-Ct2aBEue.js";import{r as o}from"./p-B4IBdPVJ.js";const t="ionViewWillEnter",r="ionViewDidEnter",s="ionViewWillLeave",c="ionViewDidLeave",l="ionViewWillUnload",u=n=>{n.tabIndex=-1,n.focus()},d=n=>null!==n.offsetParent,p="ion-last-focus",f=e=>{if(n.get("focusManagerPriority",!1)){const n=document.activeElement;null!==n&&e?.contains(n)&&n.setAttribute(p,"true")}},w=i=>{const a=n.get("focusManagerPriority",!1);if(Array.isArray(a)&&!i.contains(document.activeElement)){const n=i.querySelector(`[${p}]`);if(n&&d(n))return void u(n);for(const n of a)switch(n){case"content":const a=i.querySelector('main, [role="main"]');if(a&&d(a))return void u(a);break;case"heading":const o=i.querySelector('h1, [role="heading"][aria-level="1"]');if(o&&d(o))return void u(o);break;case"banner":const t=i.querySelector('header, [role="banner"]');if(t&&d(t))return void u(t);break;default:e(`Unrecognized focus manager priority value ${n}`)}u(i)}},v=n=>new Promise(((e,a)=>{i((()=>{const i=x(n);m(n,i),g(n).then((i=>{i.animation&&i.animation.destroy(),b(n),e(i)}),(e=>{b(n),a(e)})).finally((()=>{U(i,!1)}))}))})),m=(n,e)=>{const i=n.enteringEl,a=n.leavingEl;f(a),A(i,a,n.direction),U(e,!0),n.showGoBack?i.classList.add("can-go-back"):i.classList.remove("can-go-back"),M(i,!1),i.style.setProperty("pointer-events","none"),a&&(M(a,!1),a.style.setProperty("pointer-events","none"))},g=async n=>{const e=await h(n);return e&&a.isBrowser?y(e,n):P(n)},b=n=>{const e=n.enteringEl,i=n.leavingEl;e.classList.remove("ion-page-invisible"),e.style.removeProperty("pointer-events"),void 0!==i&&(i.classList.remove("ion-page-invisible"),i.style.removeProperty("pointer-events")),w(e)},h=async n=>{if(n.leavingEl&&n.animated&&0!==n.duration)return n.animationBuilder?n.animationBuilder:"ios"===n.mode?(await import("./p-D0nwlsl_.js")).iosTransitionAnimation:(await import("./p-Bd8hg9FK.js")).mdTransitionAnimation},y=async(n,e)=>{await k(e,!0);const i=n(e.baseEl,e);j(e.enteringEl,e.leavingEl);const a=await B(i,e);return e.progressCallback&&e.progressCallback(void 0),a&&C(e.enteringEl,e.leavingEl),{hasCompleted:a,animation:i}},P=async e=>{const i=e.enteringEl,a=e.leavingEl,o=n.get("focusManagerPriority",!1);return await k(e,o),j(i,a),C(i,a),{hasCompleted:!0}},k=async(n,e)=>{(void 0!==n.deepWait?n.deepWait:e)&&await Promise.all([L(n.enteringEl),L(n.leavingEl)]),await V(n.viewIsReady,n.enteringEl)},V=async(n,e)=>{n&&await n(e)},B=(n,e)=>{const i=e.progressCallback,a=new Promise((e=>{n.onFinish((n=>e(1===n)))}));return i?(n.progressStart(!0),i(n)):n.play(),a},j=(n,e)=>{E(e,s),E(n,t)},C=(n,e)=>{E(n,r),E(e,c)},E=(n,e)=>{if(n){const i=new CustomEvent(e,{bubbles:!1,cancelable:!1});n.dispatchEvent(i)}},D=()=>new Promise((n=>o((()=>o((()=>n())))))),L=async n=>{const e=n;if(e){if(null!=e.componentOnReady){if(null!=await e.componentOnReady())return}else if(null!=e.__registerHost){const n=new Promise((n=>o(n)));return void await n}await Promise.all(Array.from(e.children).map(L))}},M=(n,e)=>{e?(n.setAttribute("aria-hidden","true"),n.classList.add("ion-page-hidden")):(n.hidden=!1,n.removeAttribute("aria-hidden"),n.classList.remove("ion-page-hidden"))},W=n=>(n.style.setProperty("pointer-events","none"),()=>{setTimeout((()=>n.style.removeProperty("pointer-events")))}),A=(n,e,i)=>{void 0!==n&&(n.style.zIndex="back"===i?"99":"101"),void 0!==e&&(e.style.zIndex="100")},U=(n,e)=>{if(!n)return;const i="header-transitioning";e?n.classList.add(i):n.classList.remove(i)},$=n=>{if(n.classList.contains("ion-page"))return n;return n.querySelector(":scope > .ion-page, :scope > ion-nav, :scope > ion-tabs")||n},x=n=>{if("ios"!==n.mode)return null;const e="back"===n.direction?n.leavingEl:n.enteringEl;return e?e.querySelector("ion-header"):null};export{t as L,r as a,s as b,c,l as d,L as e,W as f,$ as g,E as l,M as s,v as t,D as w}
|
|
@@ -120,8 +120,8 @@ const createFocusController = () => {
|
|
|
120
120
|
};
|
|
121
121
|
const LAST_FOCUS = 'ion-last-focus';
|
|
122
122
|
|
|
123
|
-
const iosTransitionAnimation = () => Promise.resolve().then(function () { return require('./ios.transition-
|
|
124
|
-
const mdTransitionAnimation = () => Promise.resolve().then(function () { return require('./md.transition-
|
|
123
|
+
const iosTransitionAnimation = () => Promise.resolve().then(function () { return require('./ios.transition-Ca6XODo9.js'); });
|
|
124
|
+
const mdTransitionAnimation = () => Promise.resolve().then(function () { return require('./md.transition-D8SfNYEp.js'); });
|
|
125
125
|
const focusController = createFocusController();
|
|
126
126
|
// TODO(FW-2832): types
|
|
127
127
|
/**
|
|
@@ -343,6 +343,17 @@ const setPageHidden = (el, hidden) => {
|
|
|
343
343
|
el.classList.remove('ion-page-hidden');
|
|
344
344
|
}
|
|
345
345
|
};
|
|
346
|
+
/**
|
|
347
|
+
* Blocks clicks on `el` during a swipe to go back without animations,
|
|
348
|
+
* so releasing the pointer doesn't click whatever is under it. Returns
|
|
349
|
+
* a function that unblocks it after the release click.
|
|
350
|
+
*/
|
|
351
|
+
const blockSwipeClicks = (el) => {
|
|
352
|
+
el.style.setProperty('pointer-events', 'none');
|
|
353
|
+
return () => {
|
|
354
|
+
setTimeout(() => el.style.removeProperty('pointer-events'));
|
|
355
|
+
};
|
|
356
|
+
};
|
|
346
357
|
const setZIndex = (enteringEl, leavingEl, direction) => {
|
|
347
358
|
if (enteringEl !== undefined) {
|
|
348
359
|
enteringEl.style.zIndex = direction === 'back' ? '99' : '101';
|
|
@@ -422,6 +433,7 @@ exports.LIFECYCLE_DID_LEAVE = LIFECYCLE_DID_LEAVE;
|
|
|
422
433
|
exports.LIFECYCLE_WILL_ENTER = LIFECYCLE_WILL_ENTER;
|
|
423
434
|
exports.LIFECYCLE_WILL_LEAVE = LIFECYCLE_WILL_LEAVE;
|
|
424
435
|
exports.LIFECYCLE_WILL_UNLOAD = LIFECYCLE_WILL_UNLOAD;
|
|
436
|
+
exports.blockSwipeClicks = blockSwipeClicks;
|
|
425
437
|
exports.deepReady = deepReady;
|
|
426
438
|
exports.getIonPageElement = getIonPageElement;
|
|
427
439
|
exports.lifecycle = lifecycle;
|
package/dist/cjs/index.cjs.js
CHANGED
|
@@ -4,9 +4,9 @@
|
|
|
4
4
|
'use strict';
|
|
5
5
|
|
|
6
6
|
var animation = require('./animation-DcgLg_PI.js');
|
|
7
|
-
var index = require('./index-
|
|
8
|
-
var ios_transition = require('./ios.transition-
|
|
9
|
-
var md_transition = require('./md.transition-
|
|
7
|
+
var index = require('./index-DCfr5hz-.js');
|
|
8
|
+
var ios_transition = require('./ios.transition-Ca6XODo9.js');
|
|
9
|
+
var md_transition = require('./md.transition-D8SfNYEp.js');
|
|
10
10
|
var cubicBezier = require('./cubic-bezier-DAjy1V-e.js');
|
|
11
11
|
var index$1 = require('./index-DRPqwSvU.js');
|
|
12
12
|
var ionicGlobal = require('./ionic-global-48ceLiJ6.js');
|
|
@@ -14,7 +14,7 @@ var keyboardController = require('./keyboard-controller-DHS0BgXp.js');
|
|
|
14
14
|
var cubicBezier = require('./cubic-bezier-DAjy1V-e.js');
|
|
15
15
|
var frameworkDelegate = require('./framework-delegate-JbKIVMzR.js');
|
|
16
16
|
var lockController = require('./lock-controller-aDB9wrEf.js');
|
|
17
|
-
var index$2 = require('./index-
|
|
17
|
+
var index$2 = require('./index-DCfr5hz-.js');
|
|
18
18
|
require('./gesture-controller-CeJslptU.js');
|
|
19
19
|
require('./keyboard-BlHp4a_c.js');
|
|
20
20
|
require('./capacitor-C6Pp4Z7A.js');
|
|
@@ -1264,6 +1264,14 @@ const RouterOutlet = class {
|
|
|
1264
1264
|
async connectedCallback() {
|
|
1265
1265
|
const onStart = () => {
|
|
1266
1266
|
this.gestureOrAnimationInProgress = true;
|
|
1267
|
+
/**
|
|
1268
|
+
* Without animations there's nothing for the swipe to drive, so
|
|
1269
|
+
* wait until the gesture ends to decide whether to go back.
|
|
1270
|
+
*/
|
|
1271
|
+
if (!(this.animated && index.config.getBoolean('animated', true))) {
|
|
1272
|
+
this.unblockSwipeClicks = index$2.blockSwipeClicks(this.el);
|
|
1273
|
+
return;
|
|
1274
|
+
}
|
|
1267
1275
|
if (this.swipeHandler) {
|
|
1268
1276
|
this.swipeHandler.onStart();
|
|
1269
1277
|
}
|
|
@@ -1296,7 +1304,21 @@ const RouterOutlet = class {
|
|
|
1296
1304
|
this.ani.progressEnd(shouldComplete ? 1 : 0, newStepValue, dur);
|
|
1297
1305
|
}
|
|
1298
1306
|
else {
|
|
1299
|
-
|
|
1307
|
+
const { swipeHandler, unblockSwipeClicks: unblock } = this;
|
|
1308
|
+
this.unblockSwipeClicks = undefined;
|
|
1309
|
+
// The stack can change during the swipe, so check that going back is still possible.
|
|
1310
|
+
if (unblock && shouldComplete && swipeHandler?.canStart()) {
|
|
1311
|
+
new Promise((resolve) => resolve(swipeHandler.onStart()))
|
|
1312
|
+
.then(() => swipeHandler.onEnd(true))
|
|
1313
|
+
.finally(() => {
|
|
1314
|
+
this.gestureOrAnimationInProgress = false;
|
|
1315
|
+
unblock();
|
|
1316
|
+
});
|
|
1317
|
+
}
|
|
1318
|
+
else {
|
|
1319
|
+
this.gestureOrAnimationInProgress = false;
|
|
1320
|
+
unblock?.();
|
|
1321
|
+
}
|
|
1300
1322
|
}
|
|
1301
1323
|
});
|
|
1302
1324
|
if (this.swipeGesture === undefined) {
|
|
@@ -1319,6 +1341,12 @@ const RouterOutlet = class {
|
|
|
1319
1341
|
this.gesture.destroy();
|
|
1320
1342
|
this.gesture = undefined;
|
|
1321
1343
|
}
|
|
1344
|
+
// Destroying the gesture skips onEnd, so end a deferred swipe here.
|
|
1345
|
+
if (this.unblockSwipeClicks) {
|
|
1346
|
+
this.unblockSwipeClicks();
|
|
1347
|
+
this.unblockSwipeClicks = undefined;
|
|
1348
|
+
this.gestureOrAnimationInProgress = false;
|
|
1349
|
+
}
|
|
1322
1350
|
}
|
|
1323
1351
|
/** @internal */
|
|
1324
1352
|
async commit(enteringEl, leavingEl, opts) {
|
|
@@ -1430,7 +1458,7 @@ const RouterOutlet = class {
|
|
|
1430
1458
|
return true;
|
|
1431
1459
|
}
|
|
1432
1460
|
render() {
|
|
1433
|
-
return index.h("slot", { key: '
|
|
1461
|
+
return index.h("slot", { key: '078cdc7a63b98570746409fc08c4af80f8d7da4d' });
|
|
1434
1462
|
}
|
|
1435
1463
|
get el() { return index.getElement(this); }
|
|
1436
1464
|
static get watchers() { return {
|
|
@@ -11,7 +11,7 @@ var lockController = require('./lock-controller-aDB9wrEf.js');
|
|
|
11
11
|
var capacitor = require('./capacitor-C6Pp4Z7A.js');
|
|
12
12
|
var hardwareBackButton = require('./overlays-CLld3axA.js');
|
|
13
13
|
var theme = require('./theme-Bw0rpaNN.js');
|
|
14
|
-
var index$3 = require('./index-
|
|
14
|
+
var index$3 = require('./index-DCfr5hz-.js');
|
|
15
15
|
var ionicGlobal = require('./ionic-global-48ceLiJ6.js');
|
|
16
16
|
var keyboard = require('./keyboard-c2_I35b-.js');
|
|
17
17
|
var animation = require('./animation-DcgLg_PI.js');
|
|
@@ -6,7 +6,7 @@
|
|
|
6
6
|
var index = require('./index-BiQyIvoc.js');
|
|
7
7
|
var cubicBezier = require('./cubic-bezier-DAjy1V-e.js');
|
|
8
8
|
var helpers = require('./helpers-Cqr69qxA.js');
|
|
9
|
-
var index$1 = require('./index-
|
|
9
|
+
var index$1 = require('./index-DCfr5hz-.js');
|
|
10
10
|
var ionicGlobal = require('./ionic-global-48ceLiJ6.js');
|
|
11
11
|
var frameworkDelegate = require('./framework-delegate-JbKIVMzR.js');
|
|
12
12
|
require('./dir-zwDPRE5K.js');
|
|
@@ -133,6 +133,12 @@ const Nav = class {
|
|
|
133
133
|
this.gesture.destroy();
|
|
134
134
|
this.gesture = undefined;
|
|
135
135
|
}
|
|
136
|
+
// Destroying the gesture skips onEnd, so end a deferred swipe here.
|
|
137
|
+
if (this.unblockSwipeClicks) {
|
|
138
|
+
this.unblockSwipeClicks();
|
|
139
|
+
this.unblockSwipeClicks = undefined;
|
|
140
|
+
this.gestureOrAnimationInProgress = false;
|
|
141
|
+
}
|
|
136
142
|
this.transInstr.length = 0;
|
|
137
143
|
this.views.length = 0;
|
|
138
144
|
this.destroyed = true;
|
|
@@ -753,6 +759,14 @@ const Nav = class {
|
|
|
753
759
|
}
|
|
754
760
|
onStart() {
|
|
755
761
|
this.gestureOrAnimationInProgress = true;
|
|
762
|
+
/**
|
|
763
|
+
* Without animations there's nothing for the swipe to drive, so
|
|
764
|
+
* wait until the gesture ends to decide whether to go back.
|
|
765
|
+
*/
|
|
766
|
+
if (!(this.animated && index.config.getBoolean('animated', true))) {
|
|
767
|
+
this.unblockSwipeClicks = index$1.blockSwipeClicks(this.el);
|
|
768
|
+
return;
|
|
769
|
+
}
|
|
756
770
|
this.pop({ direction: 'back', progressAnimation: true });
|
|
757
771
|
}
|
|
758
772
|
onMove(stepValue) {
|
|
@@ -786,10 +800,18 @@ const Nav = class {
|
|
|
786
800
|
}
|
|
787
801
|
else {
|
|
788
802
|
this.gestureOrAnimationInProgress = false;
|
|
803
|
+
const { unblockSwipeClicks } = this;
|
|
804
|
+
if (unblockSwipeClicks) {
|
|
805
|
+
this.unblockSwipeClicks = undefined;
|
|
806
|
+
if (shouldComplete) {
|
|
807
|
+
this.pop({ direction: 'back' });
|
|
808
|
+
}
|
|
809
|
+
unblockSwipeClicks();
|
|
810
|
+
}
|
|
789
811
|
}
|
|
790
812
|
}
|
|
791
813
|
render() {
|
|
792
|
-
return index.h("slot", { key: '
|
|
814
|
+
return index.h("slot", { key: '0aea554c0cf00dd3829757ec74c3855eccf1e068' });
|
|
793
815
|
}
|
|
794
816
|
get el() { return index.getElement(this); }
|
|
795
817
|
static get watchers() { return {
|
|
@@ -10,7 +10,7 @@ var helpers = require('./helpers-Cqr69qxA.js');
|
|
|
10
10
|
var lockController = require('./lock-controller-aDB9wrEf.js');
|
|
11
11
|
var ionicGlobal = require('./ionic-global-48ceLiJ6.js');
|
|
12
12
|
var theme = require('./theme-Bw0rpaNN.js');
|
|
13
|
-
var index$1 = require('./index-
|
|
13
|
+
var index$1 = require('./index-DCfr5hz-.js');
|
|
14
14
|
var animation = require('./animation-DcgLg_PI.js');
|
|
15
15
|
require('./gesture-controller-CeJslptU.js');
|
|
16
16
|
require('./dir-zwDPRE5K.js');
|
|
@@ -5,7 +5,7 @@ import { h } from "@stencil/core";
|
|
|
5
5
|
import { getTimeGivenProgression } from "../../utils/animation/cubic-bezier";
|
|
6
6
|
import { assert } from "../../utils/helpers";
|
|
7
7
|
import { printIonWarning } from "../../utils/logging/index";
|
|
8
|
-
import { lifecycle, setPageHidden, transition } from "../../utils/transition/index";
|
|
8
|
+
import { blockSwipeClicks, lifecycle, setPageHidden, transition } from "../../utils/transition/index";
|
|
9
9
|
import { config } from "../../global/config";
|
|
10
10
|
import { getIonMode } from "../../global/ionic-global";
|
|
11
11
|
import { LIFECYCLE_DID_LEAVE, LIFECYCLE_WILL_LEAVE, LIFECYCLE_WILL_UNLOAD } from "./constants";
|
|
@@ -68,6 +68,12 @@ export class Nav {
|
|
|
68
68
|
this.gesture.destroy();
|
|
69
69
|
this.gesture = undefined;
|
|
70
70
|
}
|
|
71
|
+
// Destroying the gesture skips onEnd, so end a deferred swipe here.
|
|
72
|
+
if (this.unblockSwipeClicks) {
|
|
73
|
+
this.unblockSwipeClicks();
|
|
74
|
+
this.unblockSwipeClicks = undefined;
|
|
75
|
+
this.gestureOrAnimationInProgress = false;
|
|
76
|
+
}
|
|
71
77
|
this.transInstr.length = 0;
|
|
72
78
|
this.views.length = 0;
|
|
73
79
|
this.destroyed = true;
|
|
@@ -688,6 +694,14 @@ export class Nav {
|
|
|
688
694
|
}
|
|
689
695
|
onStart() {
|
|
690
696
|
this.gestureOrAnimationInProgress = true;
|
|
697
|
+
/**
|
|
698
|
+
* Without animations there's nothing for the swipe to drive, so
|
|
699
|
+
* wait until the gesture ends to decide whether to go back.
|
|
700
|
+
*/
|
|
701
|
+
if (!(this.animated && config.getBoolean('animated', true))) {
|
|
702
|
+
this.unblockSwipeClicks = blockSwipeClicks(this.el);
|
|
703
|
+
return;
|
|
704
|
+
}
|
|
691
705
|
this.pop({ direction: 'back', progressAnimation: true });
|
|
692
706
|
}
|
|
693
707
|
onMove(stepValue) {
|
|
@@ -721,10 +735,18 @@ export class Nav {
|
|
|
721
735
|
}
|
|
722
736
|
else {
|
|
723
737
|
this.gestureOrAnimationInProgress = false;
|
|
738
|
+
const { unblockSwipeClicks } = this;
|
|
739
|
+
if (unblockSwipeClicks) {
|
|
740
|
+
this.unblockSwipeClicks = undefined;
|
|
741
|
+
if (shouldComplete) {
|
|
742
|
+
this.pop({ direction: 'back' });
|
|
743
|
+
}
|
|
744
|
+
unblockSwipeClicks();
|
|
745
|
+
}
|
|
724
746
|
}
|
|
725
747
|
}
|
|
726
748
|
render() {
|
|
727
|
-
return h("slot", { key: '
|
|
749
|
+
return h("slot", { key: '0aea554c0cf00dd3829757ec74c3855eccf1e068' });
|
|
728
750
|
}
|
|
729
751
|
static get is() { return "ion-nav"; }
|
|
730
752
|
static get encapsulation() { return "shadow"; }
|
|
@@ -7,7 +7,7 @@ import { attachComponent, detachComponent } from "../../utils/framework-delegate
|
|
|
7
7
|
import { shallowEqualStringMap, hasLazyBuild } from "../../utils/helpers";
|
|
8
8
|
import { createLockController } from "../../utils/lock-controller";
|
|
9
9
|
import { printIonError } from "../../utils/logging/index";
|
|
10
|
-
import { transition } from "../../utils/transition/index";
|
|
10
|
+
import { blockSwipeClicks, transition } from "../../utils/transition/index";
|
|
11
11
|
import { config } from "../../global/config";
|
|
12
12
|
import { getIonMode } from "../../global/ionic-global";
|
|
13
13
|
export class RouterOutlet {
|
|
@@ -32,6 +32,14 @@ export class RouterOutlet {
|
|
|
32
32
|
async connectedCallback() {
|
|
33
33
|
const onStart = () => {
|
|
34
34
|
this.gestureOrAnimationInProgress = true;
|
|
35
|
+
/**
|
|
36
|
+
* Without animations there's nothing for the swipe to drive, so
|
|
37
|
+
* wait until the gesture ends to decide whether to go back.
|
|
38
|
+
*/
|
|
39
|
+
if (!(this.animated && config.getBoolean('animated', true))) {
|
|
40
|
+
this.unblockSwipeClicks = blockSwipeClicks(this.el);
|
|
41
|
+
return;
|
|
42
|
+
}
|
|
35
43
|
if (this.swipeHandler) {
|
|
36
44
|
this.swipeHandler.onStart();
|
|
37
45
|
}
|
|
@@ -64,7 +72,21 @@ export class RouterOutlet {
|
|
|
64
72
|
this.ani.progressEnd(shouldComplete ? 1 : 0, newStepValue, dur);
|
|
65
73
|
}
|
|
66
74
|
else {
|
|
67
|
-
|
|
75
|
+
const { swipeHandler, unblockSwipeClicks: unblock } = this;
|
|
76
|
+
this.unblockSwipeClicks = undefined;
|
|
77
|
+
// The stack can change during the swipe, so check that going back is still possible.
|
|
78
|
+
if (unblock && shouldComplete && swipeHandler?.canStart()) {
|
|
79
|
+
new Promise((resolve) => resolve(swipeHandler.onStart()))
|
|
80
|
+
.then(() => swipeHandler.onEnd(true))
|
|
81
|
+
.finally(() => {
|
|
82
|
+
this.gestureOrAnimationInProgress = false;
|
|
83
|
+
unblock();
|
|
84
|
+
});
|
|
85
|
+
}
|
|
86
|
+
else {
|
|
87
|
+
this.gestureOrAnimationInProgress = false;
|
|
88
|
+
unblock?.();
|
|
89
|
+
}
|
|
68
90
|
}
|
|
69
91
|
});
|
|
70
92
|
if (this.swipeGesture === undefined) {
|
|
@@ -87,6 +109,12 @@ export class RouterOutlet {
|
|
|
87
109
|
this.gesture.destroy();
|
|
88
110
|
this.gesture = undefined;
|
|
89
111
|
}
|
|
112
|
+
// Destroying the gesture skips onEnd, so end a deferred swipe here.
|
|
113
|
+
if (this.unblockSwipeClicks) {
|
|
114
|
+
this.unblockSwipeClicks();
|
|
115
|
+
this.unblockSwipeClicks = undefined;
|
|
116
|
+
this.gestureOrAnimationInProgress = false;
|
|
117
|
+
}
|
|
90
118
|
}
|
|
91
119
|
/** @internal */
|
|
92
120
|
async commit(enteringEl, leavingEl, opts) {
|
|
@@ -198,7 +226,7 @@ export class RouterOutlet {
|
|
|
198
226
|
return true;
|
|
199
227
|
}
|
|
200
228
|
render() {
|
|
201
|
-
return h("slot", { key: '
|
|
229
|
+
return h("slot", { key: '078cdc7a63b98570746409fc08c4af80f8d7da4d' });
|
|
202
230
|
}
|
|
203
231
|
static get is() { return "ion-router-outlet"; }
|
|
204
232
|
static get encapsulation() { return "shadow"; }
|
|
@@ -229,6 +229,17 @@ export const setPageHidden = (el, hidden) => {
|
|
|
229
229
|
el.classList.remove('ion-page-hidden');
|
|
230
230
|
}
|
|
231
231
|
};
|
|
232
|
+
/**
|
|
233
|
+
* Blocks clicks on `el` during a swipe to go back without animations,
|
|
234
|
+
* so releasing the pointer doesn't click whatever is under it. Returns
|
|
235
|
+
* a function that unblocks it after the release click.
|
|
236
|
+
*/
|
|
237
|
+
export const blockSwipeClicks = (el) => {
|
|
238
|
+
el.style.setProperty('pointer-events', 'none');
|
|
239
|
+
return () => {
|
|
240
|
+
setTimeout(() => el.style.removeProperty('pointer-events'));
|
|
241
|
+
};
|
|
242
|
+
};
|
|
232
243
|
const setZIndex = (enteringEl, leavingEl, direction) => {
|
|
233
244
|
if (enteringEl !== undefined) {
|
|
234
245
|
enteringEl.style.zIndex = direction === 'back' ? '99' : '101';
|
package/dist/docs.json
CHANGED
|
@@ -118,8 +118,8 @@ const createFocusController = () => {
|
|
|
118
118
|
};
|
|
119
119
|
const LAST_FOCUS = 'ion-last-focus';
|
|
120
120
|
|
|
121
|
-
const iosTransitionAnimation = () => import('./ios.transition-
|
|
122
|
-
const mdTransitionAnimation = () => import('./md.transition-
|
|
121
|
+
const iosTransitionAnimation = () => import('./ios.transition-BkUGiDUz.js');
|
|
122
|
+
const mdTransitionAnimation = () => import('./md.transition-B6hlrWjR.js');
|
|
123
123
|
const focusController = createFocusController();
|
|
124
124
|
// TODO(FW-2832): types
|
|
125
125
|
/**
|
|
@@ -341,6 +341,17 @@ const setPageHidden = (el, hidden) => {
|
|
|
341
341
|
el.classList.remove('ion-page-hidden');
|
|
342
342
|
}
|
|
343
343
|
};
|
|
344
|
+
/**
|
|
345
|
+
* Blocks clicks on `el` during a swipe to go back without animations,
|
|
346
|
+
* so releasing the pointer doesn't click whatever is under it. Returns
|
|
347
|
+
* a function that unblocks it after the release click.
|
|
348
|
+
*/
|
|
349
|
+
const blockSwipeClicks = (el) => {
|
|
350
|
+
el.style.setProperty('pointer-events', 'none');
|
|
351
|
+
return () => {
|
|
352
|
+
setTimeout(() => el.style.removeProperty('pointer-events'));
|
|
353
|
+
};
|
|
354
|
+
};
|
|
344
355
|
const setZIndex = (enteringEl, leavingEl, direction) => {
|
|
345
356
|
if (enteringEl !== undefined) {
|
|
346
357
|
enteringEl.style.zIndex = direction === 'back' ? '99' : '101';
|
|
@@ -415,4 +426,4 @@ const getIosIonHeader = (opts) => {
|
|
|
415
426
|
return element.querySelector('ion-header');
|
|
416
427
|
};
|
|
417
428
|
|
|
418
|
-
export { LIFECYCLE_WILL_ENTER as L, LIFECYCLE_DID_ENTER as a, LIFECYCLE_WILL_LEAVE as b, LIFECYCLE_DID_LEAVE as c, LIFECYCLE_WILL_UNLOAD as d, deepReady as e, getIonPageElement as g, lifecycle as l, setPageHidden as s, transition as t, waitForMount as w };
|
|
429
|
+
export { LIFECYCLE_WILL_ENTER as L, LIFECYCLE_DID_ENTER as a, LIFECYCLE_WILL_LEAVE as b, LIFECYCLE_DID_LEAVE as c, LIFECYCLE_WILL_UNLOAD as d, deepReady as e, blockSwipeClicks as f, getIonPageElement as g, lifecycle as l, setPageHidden as s, transition as t, waitForMount as w };
|