@ionic/core
Version:
Base components for Ionic
4 lines • 12.3 kB
JavaScript
/*!
* (C) Ionic http://ionicframework.com - MIT License
*/
System.register(["./p-9146695e.system.js","./p-978bdf4c.system.js","./p-792919fd.system.js","./p-f201b53a.system.js","./p-f11a9436.system.js","./p-0ec5b7cf.system.js","./p-455cd7cc.system.js"],(function(a){"use strict";var t,r;return{setters:[function(a){t=a.c},function(a){r=a.g},function(){},function(){},function(){},function(){},function(){}],execute:function(){var n=540;var o=function(a){return document.querySelector("".concat(a,".ion-cloned-element"))};var e=a("shadow",(function(a){return a.shadowRoot||a}));var i=function(a){var t=a.tagName==="ION-TABS"?a:a.querySelector("ion-tabs");var r="ion-content ion-header:not(.header-collapse-condense-inactive) ion-title.title-large";if(t!=null){var n=t.querySelector("ion-tab:not(.tab-hidden), .ion-page:not(.ion-page-hidden)");return n!=null?n.querySelector(r):null}return a.querySelector(r)};var s=function(a,t){var r=a.tagName==="ION-TABS"?a:a.querySelector("ion-tabs");var n=[];if(r!=null){var o=r.querySelector("ion-tab:not(.tab-hidden), .ion-page:not(.ion-page-hidden)");if(o!=null){n=o.querySelectorAll("ion-buttons")}}else{n=a.querySelectorAll("ion-buttons")}for(var e=0,i=n;e<i.length;e++){var s=i[e];var v=s.closest("ion-header");var l=v&&!v.classList.contains("header-collapse-condense-inactive");var f=s.querySelector("ion-back-button");var c=s.classList.contains("buttons-collapse");var p=s.slot==="start"||s.slot==="";if(f!==null&&p&&(c&&l&&t||!c)){return f}}return null};var v=function(a,t,r,n,o){var v=s(n,r);var c=i(o);var p=i(n);var u=s(o,r);var d=v!==null&&c!==null&&!r;var m=p!==null&&u!==null&&r;if(d){var b=c.getBoundingClientRect();var y=v.getBoundingClientRect();var X=e(v).querySelector(".button-text");var x=X===null||X===void 0?void 0:X.getBoundingClientRect();var h=e(c).querySelector(".toolbar-title");var g=h.getBoundingClientRect();f(a,t,r,c,b,g,y,X,x);l(a,t,r,v,y,X,x,c,g)}else if(m){var w=p.getBoundingClientRect();var k=u.getBoundingClientRect();var j=e(u).querySelector(".button-text");var T=j===null||j===void 0?void 0:j.getBoundingClientRect();var A=e(p).querySelector(".toolbar-title");var S=A.getBoundingClientRect();f(a,t,r,p,w,S,k,j,T);l(a,t,r,u,k,j,T,p,S)}return{forward:d,backward:m}};var l=function(a,r,n,i,s,v,l,f,c){var u;var d,m;var b=r?"calc(100% - ".concat(s.right+4,"px)"):"".concat(s.left-4,"px");var y=r?"right":"left";var X=r?"left":"right";var x=r?"right":"left";var h=1;var g=1;var w="scale(".concat(g,")");var k="scale(1)";if(v&&l){var j=((d=v.textContent)===null||d===void 0?void 0:d.trim())===((m=f.textContent)===null||m===void 0?void 0:m.trim());h=c.width/l.width;g=(c.height-p)/l.height;w=j?"scale(".concat(h,", ").concat(g,")"):"scale(".concat(g,")")}var T=e(i).querySelector("ion-icon");var A=T.getBoundingClientRect();var S=r?"".concat(A.width/2-(A.right-s.right),"px"):"".concat(s.left-A.width/2,"px");var B=r?"-".concat(window.innerWidth-s.right,"px"):"".concat(s.left,"px");var I="".concat(c.top,"px");var N="".concat(s.top,"px");var O=[{offset:0,transform:"translate3d(".concat(S,", ").concat(I,", 0)")},{offset:1,transform:"translate3d(".concat(B,", ").concat(N,", 0)")}];var z=[{offset:0,transform:"translate3d(".concat(B,", ").concat(N,", 0)")},{offset:1,transform:"translate3d(".concat(S,", ").concat(I,", 0)")}];var q=n?z:O;var C=[{offset:0,opacity:0,transform:w},{offset:1,opacity:1,transform:k}];var D=[{offset:0,opacity:1,transform:k},{offset:1,opacity:0,transform:w}];var E=n?D:C;var F=[{offset:0,opacity:0,transform:"scale(0.6)"},{offset:.6,opacity:0,transform:"scale(0.6)"},{offset:1,opacity:1,transform:"scale(1)"}];var G=[{offset:0,opacity:1,transform:"scale(1)"},{offset:.2,opacity:0,transform:"scale(0.6)"},{offset:1,opacity:0,transform:"scale(0.6)"}];var H=n?G:F;var J=t();var K=t();var L=t();var M=o("ion-back-button");var P=e(M).querySelector(".button-text");var Q=e(M).querySelector("ion-icon");M.text=i.text;M.mode=i.mode;M.icon=i.icon;M.color=i.color;M.disabled=i.disabled;M.style.setProperty("display","block");M.style.setProperty("position","fixed");K.addElement(Q);J.addElement(P);L.addElement(M);L.beforeStyles((u={position:"absolute",top:"0px"},u[x]="0px",u)).beforeAddWrite((function(){i.style.setProperty("display","none");M.style.setProperty(y,b)})).afterAddWrite((function(){i.style.setProperty("display","");M.style.setProperty("display","none");M.style.removeProperty(y)})).keyframes(q);J.beforeStyles({"transform-origin":"".concat(y," top")}).keyframes(E);K.beforeStyles({"transform-origin":"".concat(X," center")}).keyframes(H);a.addAnimation([J,K,L])};var f=function(a,r,n,e,i,s,v,l,f){var c;var u,d;var m=r?"right":"left";var b=r?"calc(100% - ".concat(i.right,"px)"):"".concat(i.left,"px");var y="0px";var X="".concat(i.top,"px");var x=8;var h=r?"-".concat(window.innerWidth-v.right-x,"px"):"".concat(v.x+x,"px");var g=.5;var w="scale(1)";var k="scale(".concat(g,")");if(l&&f){h=r?"-".concat(window.innerWidth-f.right-x,"px"):"".concat(f.x-x,"px");var j=((u=l.textContent)===null||u===void 0?void 0:u.trim())===((d=e.textContent)===null||d===void 0?void 0:d.trim());var T=f.width/s.width;g=f.height/(s.height-p);k=j?"scale(".concat(T,", ").concat(g,")"):"scale(".concat(g,")")}var A=v.top+v.height/2;var S=i.height*g/2;var B="".concat(A-S,"px");var I=[{offset:0,opacity:0,transform:"translate3d(".concat(h,", ").concat(B,", 0) ").concat(k)},{offset:.1,opacity:0},{offset:1,opacity:1,transform:"translate3d(".concat(y,", ").concat(X,", 0) ").concat(w)}];var N=[{offset:0,opacity:.99,transform:"translate3d(".concat(y,", ").concat(X,", 0) ").concat(w)},{offset:.6,opacity:0},{offset:1,opacity:0,transform:"translate3d(".concat(h,", ").concat(B,", 0) ").concat(k)}];var O=n?I:N;var z=o("ion-title");var q=t();z.innerText=e.innerText;z.size=e.size;z.color=e.color;q.addElement(z);q.beforeStyles((c={"transform-origin":"".concat(m," top"),height:"".concat(i.height,"px"),display:"",position:"relative"},c[m]=b,c)).beforeAddWrite((function(){e.style.setProperty("opacity","0")})).afterAddWrite((function(){e.style.setProperty("opacity","");z.style.setProperty("display","none")})).keyframes(O);a.addAnimation(q)};var c=a("iosTransitionAnimation",(function(a,o){var i;try{var s="cubic-bezier(0.32,0.72,0,1)";var l="opacity";var f="transform";var c="0%";var p=.8;var u=a.ownerDocument.dir==="rtl";var d=u?"-99.5%":"99.5%";var m=u?"33%":"-33%";var b=o.enteringEl;var y=o.leavingEl;var X=o.direction==="back";var x=b.querySelector(":scope > ion-content");var h=b.querySelectorAll(":scope > ion-header > *:not(ion-toolbar), :scope > ion-footer > *");var g=b.querySelectorAll(":scope > ion-header > ion-toolbar");var w=t();var k=t();w.addElement(b).duration(((i=o.duration)!==null&&i!==void 0?i:0)||n).easing(o.easing||s).fill("both").beforeRemoveClass("ion-page-invisible");if(y&&a!==null&&a!==undefined){var j=t();j.addElement(a);w.addAnimation(j)}if(!x&&g.length===0&&h.length===0){k.addElement(b.querySelector(":scope > .ion-page, :scope > ion-nav, :scope > ion-tabs"))}else{k.addElement(x);k.addElement(h)}w.addAnimation(k);if(X){k.beforeClearStyles([l]).fromTo("transform","translateX(".concat(m,")"),"translateX(".concat(c,")")).fromTo(l,p,1)}else{k.beforeClearStyles([l]).fromTo("transform","translateX(".concat(d,")"),"translateX(".concat(c,")"))}if(x){var T=e(x).querySelector(".transition-effect");if(T){var A=T.querySelector(".transition-cover");var S=T.querySelector(".transition-shadow");var B=t();var I=t();var N=t();B.addElement(T).beforeStyles({opacity:"1",display:"block"}).afterStyles({opacity:"",display:""});I.addElement(A).beforeClearStyles([l]).fromTo(l,0,.1);N.addElement(S).beforeClearStyles([l]).fromTo(l,.03,.7);B.addAnimation([I,N]);k.addAnimation([B])}}var O=b.querySelector("ion-header.header-collapse-condense");var z=v(w,u,X,b,y),q=z.forward,C=z.backward;g.forEach((function(a){var r=t();r.addElement(a);w.addAnimation(r);var n=t();n.addElement(a.querySelector("ion-title"));var o=t();var i=Array.from(a.querySelectorAll("ion-buttons,[menuToggle]"));var s=a.closest("ion-header");var v=s===null||s===void 0?void 0:s.classList.contains("header-collapse-condense-inactive");var f;if(X){f=i.filter((function(a){var t=a.classList.contains("buttons-collapse");return t&&!v||!t}))}else{f=i.filter((function(a){return!a.classList.contains("buttons-collapse")}))}o.addElement(f);var p=t();p.addElement(a.querySelectorAll(":scope > *:not(ion-title):not(ion-buttons):not([menuToggle])"));var b=t();b.addElement(e(a).querySelector(".toolbar-background"));var y=t();var x=a.querySelector("ion-back-button");if(x){y.addElement(x)}r.addAnimation([n,o,p,b,y]);o.fromTo(l,.01,1);p.fromTo(l,.01,1);if(X){if(!v){n.fromTo("transform","translateX(".concat(m,")"),"translateX(".concat(c,")")).fromTo(l,.01,1)}p.fromTo("transform","translateX(".concat(m,")"),"translateX(".concat(c,")"));y.fromTo(l,.01,1)}else{if(!O){n.fromTo("transform","translateX(".concat(d,")"),"translateX(".concat(c,")")).fromTo(l,.01,1)}p.fromTo("transform","translateX(".concat(d,")"),"translateX(".concat(c,")"));b.beforeClearStyles([l,"transform"]);var h=s===null||s===void 0?void 0:s.translucent;if(!h){b.fromTo(l,.01,"var(--opacity)")}else{b.fromTo("transform",u?"translateX(-100%)":"translateX(100%)","translateX(0px)")}if(!q){y.fromTo(l,.01,1)}if(x&&!q){var g=t();g.addElement(e(x).querySelector(".button-text")).fromTo("transform",u?"translateX(-100px)":"translateX(100px)","translateX(0px)");r.addAnimation(g)}}}));if(y){var D=t();var E=y.querySelector(":scope > ion-content");var F=y.querySelectorAll(":scope > ion-header > ion-toolbar");var G=y.querySelectorAll(":scope > ion-header > *:not(ion-toolbar), :scope > ion-footer > *");if(!E&&F.length===0&&G.length===0){D.addElement(y.querySelector(":scope > .ion-page, :scope > ion-nav, :scope > ion-tabs"))}else{D.addElement(E);D.addElement(G)}w.addAnimation(D);if(X){D.beforeClearStyles([l]).fromTo("transform","translateX(".concat(c,")"),u?"translateX(-100%)":"translateX(100%)");var H=r(y);w.afterAddWrite((function(){if(w.getDirection()==="normal"){H.style.setProperty("display","none")}}))}else{D.fromTo("transform","translateX(".concat(c,")"),"translateX(".concat(m,")")).fromTo(l,1,p)}if(E){var J=e(E).querySelector(".transition-effect");if(J){var K=J.querySelector(".transition-cover");var L=J.querySelector(".transition-shadow");var M=t();var P=t();var Q=t();M.addElement(J).beforeStyles({opacity:"1",display:"block"}).afterStyles({opacity:"",display:""});P.addElement(K).beforeClearStyles([l]).fromTo(l,.1,0);Q.addElement(L).beforeClearStyles([l]).fromTo(l,.7,.03);M.addAnimation([P,Q]);D.addAnimation([M])}}F.forEach((function(a){var r=t();r.addElement(a);var n=t();n.addElement(a.querySelector("ion-title"));var o=t();var i=a.querySelectorAll("ion-buttons,[menuToggle]");var s=a.closest("ion-header");var v=s===null||s===void 0?void 0:s.classList.contains("header-collapse-condense-inactive");var p=Array.from(i).filter((function(a){var t=a.classList.contains("buttons-collapse");return t&&!v||!t}));o.addElement(p);var d=t();var b=a.querySelectorAll(":scope > *:not(ion-title):not(ion-buttons):not([menuToggle])");if(b.length>0){d.addElement(b)}var y=t();y.addElement(e(a).querySelector(".toolbar-background"));var x=t();var h=a.querySelector("ion-back-button");if(h){x.addElement(h)}r.addAnimation([n,o,d,x,y]);w.addAnimation(r);x.fromTo(l,.99,0);o.fromTo(l,.99,0);d.fromTo(l,.99,0);if(X){if(!v){n.fromTo("transform","translateX(".concat(c,")"),u?"translateX(-100%)":"translateX(100%)").fromTo(l,.99,0)}d.fromTo("transform","translateX(".concat(c,")"),u?"translateX(-100%)":"translateX(100%)");y.beforeClearStyles([l,"transform"]);var g=s===null||s===void 0?void 0:s.translucent;if(!g){y.fromTo(l,"var(--opacity)",0)}else{y.fromTo("transform","translateX(0px)",u?"translateX(-100%)":"translateX(100%)")}if(h&&!C){var k=t();k.addElement(e(h).querySelector(".button-text")).fromTo("transform","translateX(".concat(c,")"),"translateX(".concat((u?-124:124)+"px",")"));r.addAnimation(k)}}else{if(!v){n.fromTo("transform","translateX(".concat(c,")"),"translateX(".concat(m,")")).fromTo(l,.99,0).afterClearStyles([f,l])}d.fromTo("transform","translateX(".concat(c,")"),"translateX(".concat(m,")")).afterClearStyles([f,l]);x.afterClearStyles([l]);n.afterClearStyles([l]);o.afterClearStyles([l])}}))}return w}catch(a){throw a}}));var p=10}}}));