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