22

22

Home / home / balubaid / autozone.com.sa / wp-content / plugins / jet-elements / assets / js / lib / juxtapose /

✏️ Editing: juxtapose.min.js

!function(t,e){var i={sliders:[],OPTIMIZATION_ACCEPTED:1,OPTIMIZATION_WAS_CONSTRAINED:2},r=["Large","Medium"];function s(t,e){var i=this;this.image=new Image,this.loaded=!1,this.image.onload=function(){i.loaded=!0,e._onLoaded()},this.image.src=t.src,this.image.alt=t.alt||"",this.label=t.label||!1,this.credit=t.credit||!1}function n(t,e){var i=this;this.image=new Image,this.loaded=!1,this.image.onload=function(){i.loaded=!0,e._onLoaded()},this.flickrID=this.getFlickrID(t.src),this.callFlickrAPI(this.flickrID,i),this.label=t.label||!1,this.credit=t.credit||!1}function a(t){if(t.naturalWidth&&t.naturalHeight)return{width:t.naturalWidth,height:t.naturalHeight};var e=new Image;return e.src=t.src,{width:e.width,height:e.height}}function o(t){return{width:a(t).width,height:a(t).height,aspect:function(){return this.width/this.height}}}function l(t,e){t.classList?t.classList.add(e):t.className+=" "+e}function d(t,e){t.className=t.className.replace(/(\S+)\s*/g,function(t,i){return i===e?"":t}).replace(/^\s+/,"")}function c(e,i){t.body.textContent?e.textContent=i:e.innerText=i}function p(t){return e.getComputedStyle?{width:parseInt(getComputedStyle(t).width,10),height:parseInt(getComputedStyle(t).height,10)}:(w=t.getBoundingClientRect().right-t.getBoundingClientRect().left,h=t.getBoundingClientRect().bottom-t.getBoundingClientRect().top,{width:parseInt(w,10)||0,height:parseInt(h,10)||0})}function g(){var i=e,r="inner";return"innerWidth"in e||(r="client",i=t.documentElement||t.body),{width:i[r+"Width"],height:i[r+"Height"]}}function u(t){return -1!=t.indexOf("flickr.com/photos/")}n.prototype={getFlickrID:function(t){var e=t.indexOf("flickr.com/photos/")+18,i=t.substr(e);return -1==i.indexOf("/")?null:(0===i.indexOf("/")&&(i=i.substr(1)),id=i.split("/")[1])},callFlickrAPI:function(t,e){var i=new XMLHttpRequest;i.open("GET","https://api.flickr.com/services/rest/?method=flickr.photos.getSizes&api_key=d90fc2d1f4acc584e08b8eaea5bf4d6c&photo_id="+t+"&format=json&nojsoncallback=1",!0),i.onload=function(){if(i.status>=200&&i.status<400){data=JSON.parse(i.responseText);var t=e.bestFlickrUrl(data.sizes.size);e.setFlickrImage(t)}else console.error("There was an error getting the picture from Flickr")},i.onerror=function(){console.error("There was an error getting the picture from Flickr")},i.send()},setFlickrImage:function(t){this.image.src=t},bestFlickrUrl:function(t){for(var e={},i=0;i<t.length;i++)e[t[i].label]=t[i].source;for(var s=0;s<r.length;s++)if(r[s]in e)return e[r[s]];return t[0].source}};var m={animate:!0,showLabels:!0,showCredits:!0,makeResponsive:!0};function f(t){return"string"!=typeof t?Boolean(t):!("false"===t||""===t)}function b(t,e,i){var r;for(r in this.selector=t,this.options={animate:!0,showLabels:!0,showCredits:!0,makeResponsive:!0,startingPosition:"50%",mode:"horizontal",prevIcon:"",nextIcon:"",callback:null},this.options)r in i&&(r in m?this.options[r]=f(i[r]):this.options[r]=i[r]);2==e.length?(u(e[0].src)?this.imgBefore=new n(e[0],this):this.imgBefore=new s(e[0],this),u(e[1].src)?this.imgAfter=new n(e[1],this):this.imgAfter=new s(e[1],this)):console.warn("The images parameter takes two Image objects."),this.imgBefore.credit||this.imgAfter.credit?this.options.showCredits=!0:this.options.showCredits=!1}b.prototype={updateSlider:function(e,i){var r,s;s=100-(leftPercentNum=parseFloat(r=(r="vertical"===this.options.mode?function e(i,r){if("string"==typeof r||"number"==typeof r)topPercent=parseInt(r,10);else{var s,n,a=i.getBoundingClientRect(),o={top:a.top+t.body.scrollTop,left:a.left+t.body.scrollLeft},l=i.offsetHeight;topPercent=((n=(s=r).pageY?s.pageY:s.touches?s.touches[0].pageY:s.clientY+t.body.scrollTop+t.documentElement.scrollTop)-o.top)/l*100}return topPercent}(this.slider,e):function e(i,r){if("string"==typeof r||"number"==typeof r)leftPercent=parseInt(r,10);else{var s,n,a=i.getBoundingClientRect(),o={top:a.top+t.body.scrollTop,left:a.left+t.body.scrollLeft},l=i.offsetWidth;leftPercent=((n=(s=r).pageX?s.pageX:s.touches?s.touches[0].pageX:s.clientX+t.body.scrollLeft+t.documentElement.scrollLeft)-o.left)/l*100}return leftPercent}(this.slider,e)).toFixed(2)+"%"))+"%",leftPercentNum>0&&leftPercentNum<100&&(d(this.handle,"transition"),d(this.rightImage,"transition"),d(this.leftImage,"transition"),this.options.animate&&i&&(l(this.handle,"transition"),l(this.leftImage,"transition"),l(this.rightImage,"transition")),"vertical"===this.options.mode?(this.handle.style.top=r,this.leftImage.style.height=r,this.rightImage.style.height=s):(this.handle.style.left=r,this.leftImage.style.width=r,this.rightImage.style.width=s),this.sliderPosition=r)},getPosition:function(){return this.sliderPosition},displayLabel:function(e,i){(label=t.createElement("div")).className="jx-label",c(label,i),e.appendChild(label)},displayCredits:function(){(credit=t.createElement("div")).className="jx-credit",text="<em>Photo Credits:</em>",this.imgBefore.credit&&(text+=" <em>Before</em> "+this.imgBefore.credit),this.imgAfter.credit&&(text+=" <em>After</em> "+this.imgAfter.credit),credit.innerHTML=text,this.wrapper.appendChild(credit)},setStartingPosition:function(t){this.options.startingPosition=t},checkImages:function(){return o(this.imgBefore.image).aspect()==o(this.imgAfter.image).aspect()},calculateDims:function(t,e){var i=o(this.imgBefore.image).aspect();return t?e=t/i:e&&(t=e*i),{width:t,height:e,ratio:i}},responsivizeIframe:function(t){return t.height<e.innerHeight?t.ratio>=1&&(this.wrapper.style.paddingTop=parseInt((e.innerHeight-t.height)/2)+"px"):t.height>e.innerHeight&&(t=this.calculateDims(0,e.innerHeight),this.wrapper.style.paddingLeft=parseInt((e.innerWidth-t.width)/2)+"px"),this.options.showCredits&&(t.height-=13),t},setWrapperDimensions:function(){var t=p(this.wrapper).width,i=p(this.wrapper).height,r=this.calculateDims(t,i);e.location===e.parent.location||this.options.makeResponsive||(r=this.responsivizeIframe(r)),this.slider.style.height=parseInt(r.height)+"px",this.slider.style.width=parseInt(r.width)+"px"},optimizeWrapper:function(t){var e=i.OPTIMIZATION_ACCEPTED;return this.imgBefore.image.naturalWidth>=t&&this.imgAfter.image.naturalWidth>=t?(this.wrapper.style.width=t+"px",e=i.OPTIMIZATION_WAS_CONSTRAINED):this.imgAfter.image.naturalWidth<t?this.wrapper.style.width=this.imgAfter.image.naturalWidth+"px":this.wrapper.style.width=this.imgBefore.image.naturalWidth+"px",this.setWrapperDimensions(),e},_onLoaded:function(){this.imgBefore&&!0===this.imgBefore.loaded&&this.imgAfter&&!0===this.imgAfter.loaded&&(this.wrapper=t.querySelector(this.selector),l(this.wrapper,"juxtapose"),this.slider=t.createElement("div"),this.slider.className="jx-slider",this.wrapper.appendChild(this.slider),this.wrapper.style.width=a(this.imgBefore.image).width,this.setWrapperDimensions(),"horizontal"!=this.options.mode&&l(this.slider,this.options.mode),this.handle=t.createElement("div"),this.handle.className="jx-handle",this.rightImage=t.createElement("div"),this.rightImage.className="jx-image jx-right",this.rightImage.appendChild(this.imgAfter.image),this.leftImage=t.createElement("div"),this.leftImage.className="jx-image jx-left",this.leftImage.appendChild(this.imgBefore.image),this.labCredit=t.createElement("a"),this.labCredit.setAttribute("href","http://juxtapose.knightlab.com"),this.labCredit.setAttribute("target","_blank"),this.labCredit.className="jx-knightlab",this.labLogo=t.createElement("div"),this.labLogo.className="knightlab-logo",this.labCredit.appendChild(this.labLogo),this.projectName=t.createElement("span"),this.projectName.className="juxtapose-name",c(this.projectName,"JuxtaposeJS"),this.labCredit.appendChild(this.projectName),this.slider.appendChild(this.handle),this.slider.appendChild(this.leftImage),this.slider.appendChild(this.rightImage),this.leftArrow=t.createElement("div"),this.rightArrow=t.createElement("div"),this.control=t.createElement("div"),this.controller=t.createElement("div"),this.controllerPrev=t.createElement("i"),this.controllerNext=t.createElement("i"),this.leftArrow.className="jx-arrow jx-left",this.rightArrow.className="jx-arrow jx-right",this.control.className="jx-control",this.controller.className="jx-controller",this.controllerPrev.innerHTML=this.options.prevIcon,this.controllerNext.innerHTML=this.options.nextIcon,this.controller.setAttribute("role","slider"),this.controller.setAttribute("aria-valuenow",50),this.controller.setAttribute("aria-valuemin",0),this.controller.setAttribute("aria-valuemax",100),this.controller.setAttribute("aria-label",50),this.handle.appendChild(this.leftArrow),this.handle.appendChild(this.control),this.handle.appendChild(this.rightArrow),this.control.appendChild(this.controller),this.controller.appendChild(this.controllerPrev),this.controller.appendChild(this.controllerNext),this._init())},_init:function(){!1===this.checkImages()&&console.warn(this,"Check that the two images have the same aspect ratio for the slider to work correctly."),this.updateSlider(this.options.startingPosition,!1),!0===this.options.showLabels&&(this.imgBefore.label&&this.displayLabel(this.leftImage,this.imgBefore.label),this.imgAfter.label&&this.displayLabel(this.rightImage,this.imgAfter.label)),!0===this.options.showCredits&&this.displayCredits();var t=this;this.slider.addEventListener("mousedown",function(i){(i=i||e.event).preventDefault(),t.updateSlider(i,!0),animate=!0,this.addEventListener("mousemove",function(i){(i=i||e.event).preventDefault(),animate&&t.updateSlider(i,!1)}),this.addEventListener("mouseup",function(t){(t=t||e.event).preventDefault(),t.stopPropagation(),this.removeEventListener("mouseup",arguments.callee),animate=!1})}),this.slider.addEventListener("touchstart",function(i){(i=i||e.event).stopPropagation(),t.updateSlider(i,!0),this.addEventListener("touchmove",function(i){(i=i||e.event).stopPropagation(),t.updateSlider(event,!1)})}),e.addEventListener("orientationchange",function(){t.setWrapperDimensions()}),e.addEventListener("resize",function(){t.setWrapperDimensions()}),this.handle.addEventListener("keydown",function(i){var r=(i=i||e.event).which||i.keyCode,s=parseFloat(this.style.left);if(37==r){s-=1;var n=parseFloat(this.style.left)-1;t.updateSlider(n,!1),t.controller.setAttribute("aria-valuenow",s),t.controller.setAttribute("aria-label",s)}if(39==r){s+=1;var a=parseFloat(this.style.left)+1;t.updateSlider(a,!1),t.controller.setAttribute("aria-valuenow",s),t.controller.setAttribute("aria-label",s)}}),this.leftImage.addEventListener("keydown",function(e){var i=e.which||e.keyCode;(13==i||32==i)&&(t.updateSlider("90%",!0),t.controller.setAttribute("aria-valuenow",90),t.controller.setAttribute("aria-label",90))}),this.rightImage.addEventListener("keydown",function(e){var i=e.which||e.keyCode;(13==i||32==i)&&(t.updateSlider("10%",!0),t.controller.setAttribute("aria-valuenow",10),t.controller.setAttribute("aria-label",10))}),i.sliders.push(this),this.options.callback&&"function"==typeof this.options.callback&&this.options.callback(this)}},i.makeSlider=function(t,e){void 0===e&&(e=i.sliders.length);var r=t,s=r.querySelectorAll("img"),n={};r.getAttribute("data-animate")&&(n.animate=r.getAttribute("data-animate")),r.getAttribute("data-showlabels")&&(n.showLabels=r.getAttribute("data-showlabels")),r.getAttribute("data-showcredits")&&(n.showCredits=r.getAttribute("data-showcredits")),r.getAttribute("data-startingposition")&&(n.startingPosition=r.getAttribute("data-startingposition")),r.getAttribute("data-mode")&&(n.mode=r.getAttribute("data-mode")),r.getAttribute("data-makeresponsive")&&(n.mode=r.getAttribute("data-makeresponsive")),r.getAttribute("data-prev-icon")&&(n.prevIcon=r.getAttribute("data-prev-icon")),r.getAttribute("data-next-icon")&&(n.nextIcon=r.getAttribute("data-next-icon")),l(t,specificClass="juxtapose-"+e),selector="."+specificClass,r.innerHTML?r.innerHTML="":r.innerText="",slider=new i.JXSlider(selector,[{src:s[0].src,label:s[0].getAttribute("data-label"),credit:s[0].getAttribute("data-credit"),alt:s[0].alt},{src:s[1].src,label:s[1].getAttribute("data-label"),credit:s[1].getAttribute("data-credit"),alt:s[1].alt}],n)},i.scanPage=function(e){for(var r=t.querySelectorAll(e),s=0;s<r.length;s++)"true"!==r[s].getAttribute("data-init")&&(r[s].setAttribute("data-init","true"),i.makeSlider(r[s],s))},i.JXSlider=b,e.juxtapose=i}(document,window),function(t,e){function i(t){var i=e[t];e[t]=function(t){return s(i(t))}}function r(e,i,r){return(r=this).attachEvent("on"+e,function(e){var e=e||t.event;e.preventDefault=e.preventDefault||function(){e.returnValue=!1},e.stopPropagation=e.stopPropagation||function(){e.cancelBubble=!0},i.call(r,e)})}function s(t,e){if(e=t.length)for(;e--;)t[e].addEventListener=r;else t.addEventListener=r;return t}t.addEventListener||(s([e,t]),"Element"in t?t.Element.prototype.addEventListener=r:(e.attachEvent("onreadystatechange",function(){s(e.all)}),i("getElementsByTagName"),i("getElementById"),i("createElement"),s(e.all)))}(window,document);