@tindtechnologies/universalviewer
Version:
The Universal Viewer is a community-developed open source project on a mission to help you share your 📚📜📰📽️📻🗿 with the 🌎
2 lines (1 loc) • 8.59 kB
JavaScript
import{h as C}from"./chunk-LFCA4LRO.js";import{a as r}from"./chunk-47FI7OS3.js";import"./chunk-4DAZ7WDM.js";import"./chunk-VNJCZCB4.js";import"./chunk-L67DAW3A.js";var ce=540,v=function(o,a){return a===void 0&&(a="top"),"calc("+o+"px + var(--ion-safe-area-"+a+"))"},te=function(o){return document.querySelector(o+".ion-cloned-element")},k=function(o){return o.shadowRoot||o},_=function(o){return o.querySelector("ion-header:not(.header-collapse-condense-inactive) ion-title[size=large]")},ee=function(o,a){for(var f=o.querySelectorAll("ion-buttons"),e=0,i=f;e<i.length;e++){var t=i[e],y=t.closest("ion-header"),s=y&&!y.classList.contains("header-collapse-condense-inactive"),n=t.querySelector("ion-back-button"),l=t.classList.contains("buttons-collapse");if(n!==null&&(l&&s&&a||!l))return n}return null},ie=function(o,a,f,e,i){var t=ee(e,f),y=_(i),s=_(e),n=ee(i,f),l=t!==null&&y!==null&&!f,m=s!==null&&n!==null&&f;return l?(ae(o,a,f,y),re(o,a,f,t)):m&&(ae(o,a,f,s),re(o,a,f,n)),{forward:l,backward:m}},re=function(o,a,f,e){var i=e.getBoundingClientRect(),t=a?"calc(100% - "+(i.right+4)+"px)":i.left-4+"px",y=a?"7px":"-7px",s=a?"-4px":"4px",n=a?"-4px":"4px",l=a?"right":"left",m=a?"left":"right",S=[{offset:0,opacity:0,transform:"translate("+y+", "+v(8)+") scale(2.1)"},{offset:1,opacity:1,transform:"translate("+s+", "+v(-40)+") scale(1)"}],u=[{offset:0,opacity:1,transform:"translate("+s+", "+v(-40)+") scale(1)"},{offset:.6,opacity:0},{offset:1,opacity:0,transform:"translate("+y+", "+v(8)+") scale(2.1)"}],h=f?u:S,N=[{offset:0,opacity:0,transform:"translate3d("+n+", "+v(-35)+", 0) scale(0.6)"},{offset:1,opacity:1,transform:"translate3d("+n+", "+v(-40)+", 0) scale(1)"}],U=[{offset:0,opacity:1,transform:"translate("+n+", "+v(-40)+") scale(1)"},{offset:.2,opacity:0,transform:"translate("+n+", "+v(-35)+") scale(0.6)"},{offset:1,opacity:0,transform:"translate("+n+", "+v(-35)+") scale(0.6)"}],p=f?U:N,b=r(),W=r(),d=te("ion-back-button"),J=d.querySelector(".button-text"),Q=d.querySelector("ion-icon");d.text=e.text,d.mode=e.mode,d.icon=e.icon,d.color=e.color,d.disabled=e.disabled,d.style.setProperty("display","block"),d.style.setProperty("position","fixed"),W.addElement(Q),b.addElement(J),b.beforeStyles({"transform-origin":l+" center"}).beforeAddWrite(function(){e.style.setProperty("display","none"),d.style.setProperty(l,t)}).afterAddWrite(function(){e.style.setProperty("display",""),d.style.setProperty("display","none"),d.style.removeProperty(l)}).keyframes(h),W.beforeStyles({"transform-origin":m+" center"}).keyframes(p),o.addAnimation([b,W])},ae=function(o,a,f,e){var i,t=e.getBoundingClientRect(),y=a?"calc(100% - "+t.right+"px)":t.left+"px",s=a?"-18px":"18px",n=a?"right":"left",l=[{offset:0,opacity:0,transform:"translate("+s+", "+v(0)+") scale(0.49)"},{offset:.1,opacity:0},{offset:1,opacity:1,transform:"translate(0, "+v(49)+") scale(1)"}],m=[{offset:0,opacity:.99,transform:"translate(0, "+v(49)+") scale(1)"},{offset:.6,opacity:0},{offset:1,opacity:0,transform:"translate("+s+", "+v(0)+") scale(0.5)"}],S=f?l:m,u=te("ion-title"),h=r();u.innerText=e.innerText,u.size=e.size,u.color=e.color,h.addElement(u),h.beforeStyles((i={"transform-origin":n+" center",height:"46px",display:"",position:"relative"},i[n]=y,i)).beforeAddWrite(function(){e.style.setProperty("display","none")}).afterAddWrite(function(){e.style.setProperty("display",""),u.style.setProperty("display","none")}).keyframes(S),o.addAnimation(h)},pe=function(o,a){try{var f="cubic-bezier(0.32,0.72,0,1)",e="opacity",i="transform",t="0%",y=.8,s=o.ownerDocument.dir==="rtl",n=s?"-99.5%":"99.5%",l=s?"33%":"-33%",m=a.enteringEl,S=a.leavingEl,u=a.direction==="back",h=m.querySelector(":scope > ion-content"),N=m.querySelectorAll(":scope > ion-header > *:not(ion-toolbar), :scope > ion-footer > *"),U=m.querySelectorAll(":scope > ion-header > ion-toolbar"),p=r(),b=r();if(p.addElement(m).duration(a.duration||ce).easing(a.easing||f).fill("both").beforeRemoveClass("ion-page-invisible"),S&&o){var W=r();W.addElement(o),p.addAnimation(W)}if(!h&&U.length===0&&N.length===0?b.addElement(m.querySelector(":scope > .ion-page, :scope > ion-nav, :scope > ion-tabs")):(b.addElement(h),b.addElement(N)),p.addAnimation(b),u?b.beforeClearStyles([e]).fromTo("transform","translateX("+l+")","translateX("+t+")").fromTo(e,y,1):b.beforeClearStyles([e]).fromTo("transform","translateX("+n+")","translateX("+t+")"),h){var d=k(h).querySelector(".transition-effect");if(d){var J=d.querySelector(".transition-cover"),Q=d.querySelector(".transition-shadow"),V=r(),D=r(),F=r();V.addElement(d).beforeStyles({opacity:"1"}).afterStyles({opacity:""}),D.addElement(J).beforeClearStyles([e]).fromTo(e,0,.1),F.addElement(Q).beforeClearStyles([e]).fromTo(e,.03,.7),V.addAnimation([D,F]),b.addAnimation([V])}}var oe=m.querySelector("ion-header.header-collapse-condense"),I=ie(p,s,u,m,S),E=I.forward,se=I.backward;if(U.forEach(function(c){var x=r();x.addElement(c),p.addAnimation(x);var q=r();q.addElement(c.querySelector("ion-title"));var A=r(),H=Array.from(c.querySelectorAll("ion-buttons,[menuToggle]")),T=c.closest("ion-header"),g=T&&T.classList.contains("header-collapse-condense-inactive"),z;u?z=H.filter(function(L){var j=L.classList.contains("buttons-collapse");return j&&!g||!j}):z=H.filter(function(L){return!L.classList.contains("buttons-collapse")}),A.addElement(z);var X=r();X.addElement(c.querySelectorAll(":scope > *:not(ion-title):not(ion-buttons):not([menuToggle])"));var M=r();M.addElement(k(c).querySelector(".toolbar-background"));var K=r(),B=c.querySelector("ion-back-button");if(B&&K.addElement(B),x.addAnimation([q,A,X,M,K]),A.fromTo(e,.01,1),X.fromTo(e,.01,1),u)g||q.fromTo("transform","translateX("+l+")","translateX("+t+")").fromTo(e,.01,1),X.fromTo("transform","translateX("+l+")","translateX("+t+")"),K.fromTo(e,.01,1);else if(oe||q.fromTo("transform","translateX("+n+")","translateX("+t+")").fromTo(e,.01,1),X.fromTo("transform","translateX("+n+")","translateX("+t+")"),M.beforeClearStyles([e]).fromTo(e,.01,1),E||K.fromTo(e,.01,1),B&&!E){var R=r();R.addElement(k(B).querySelector(".button-text")).fromTo("transform",s?"translateX(-100px)":"translateX(100px)","translateX(0px)"),x.addAnimation(R)}}),S){var w=r(),Z=S.querySelector(":scope > ion-content");if(w.addElement(Z),w.addElement(S.querySelectorAll(":scope > ion-header > *:not(ion-toolbar), :scope > ion-footer > *")),p.addAnimation(w),u){w.beforeClearStyles([e]).fromTo("transform","translateX("+t+")",s?"translateX(-100%)":"translateX(100%)");var ne=C(S);p.afterAddWrite(function(){p.getDirection()==="normal"&&ne.style.setProperty("display","none")})}else w.fromTo("transform","translateX("+t+")","translateX("+l+")").fromTo(e,1,y);if(Z){var G=k(Z).querySelector(".transition-effect");if(G){var le=G.querySelector(".transition-cover"),fe=G.querySelector(".transition-shadow"),$=r(),P=r(),Y=r();$.addElement(G).beforeStyles({opacity:"1"}).afterStyles({opacity:""}),P.addElement(le).beforeClearStyles([e]).fromTo(e,.1,0),Y.addElement(fe).beforeClearStyles([e]).fromTo(e,.7,.03),$.addAnimation([P,Y]),w.addAnimation([$])}}var de=S.querySelectorAll(":scope > ion-header > ion-toolbar");de.forEach(function(c){var x=r();x.addElement(c);var q=r();q.addElement(c.querySelector("ion-title"));var A=r(),H=c.querySelectorAll("ion-buttons,[menuToggle]"),T=c.closest("ion-header"),g=T&&T.classList.contains("header-collapse-condense-inactive"),z=Array.from(H).filter(function(j){var O=j.classList.contains("buttons-collapse");return O&&!g||!O});A.addElement(z);var X=r(),M=c.querySelectorAll(":scope > *:not(ion-title):not(ion-buttons):not([menuToggle])");M.length>0&&X.addElement(M);var K=r();K.addElement(k(c).querySelector(".toolbar-background"));var B=r(),R=c.querySelector("ion-back-button");if(R&&B.addElement(R),x.addAnimation([q,A,X,B,K]),p.addAnimation(x),B.fromTo(e,.99,0),A.fromTo(e,.99,0),X.fromTo(e,.99,0),u){if(g||q.fromTo("transform","translateX("+t+")",s?"translateX(-100%)":"translateX(100%)").fromTo(e,.99,0),X.fromTo("transform","translateX("+t+")",s?"translateX(-100%)":"translateX(100%)"),K.beforeClearStyles([e]).fromTo(e,1,.01),R&&!se){var L=r();L.addElement(k(R).querySelector(".button-text")).fromTo("transform","translateX("+t+")","translateX("+((s?-124:124)+"px")+")"),x.addAnimation(L)}}else g||q.fromTo("transform","translateX("+t+")","translateX("+l+")").fromTo(e,.99,0).afterClearStyles([i,e]),X.fromTo("transform","translateX("+t+")","translateX("+l+")").afterClearStyles([i,e]),B.afterClearStyles([e]),q.afterClearStyles([e]),A.afterClearStyles([e])})}return p}catch(c){throw c}};export{pe as iosTransitionAnimation,k as shadow};