Gecko [ thecigaretteboxes.com ]

/ var / www / justhub / assets / js / own-carousel-1.0.0 / [ HOME SHELL ]

Name	Size	Permission	Action
own-carousel.css	349 B	-rw-r--r--
own-carousel.js	10.92 KB	-rw-r--r--
own-carousel.min.css	264 B	-rw-r--r--
own-carousel.min.js	5.19 KB	-rw-r--r--

Code Editor : own-carousel.min.js

var $jscomp=$jscomp||{};$jscomp.scope={};$jscomp.createTemplateTagFirstArg=function(d){return d.raw=d};$jscomp.createTemplateTagFirstArgWithRaw=function(d,a){d.raw=a;return d};
Object.prototype.ownCarousel=function(d){var a=this,e=void 0===d.itemPerRow?4:d.itemPerRow,b=void 0===d.itemWidth?24:d.itemWidth,g=void 0===d.loop?!0:d.loop,u=void 0===d.responsive?{}:d.responsive,m=void 0===d.draggable?!0:d.draggable,v=void 0===d.mouseWheel?!1:d.mouseWheel,k=void 0===d.autoplay?0:d.autoplay,w=void 0===d.stopAutoplayWhenHover?!0:d.stopAutoplayWhenHover;d=void 0===d.nav?!1:d.nav;this.carousel=this.querySelector(".own-carousel");this.carouselOuter=this.querySelector(".own-carousel__outer");
this.itemWidthBig=this.itemWidth=b;this.itemPerRowBig=this.itemPerRow=e;this.responsive=u;this.gapWidth=(100-e*b)/(e-1)||0;this.style.setProperty("--width",b+"%");this.style.setProperty("--margin",this.gapWidth+"%");this.index=0;this.carouselItem=this.carousel.children;this.imgWidth=this.carouselItem[0].getBoundingClientRect().width;this.numberOfItem=this.carouselItem.length;this.step=this.imgWidth+this.gapWidth/this.itemWidth*this.imgWidth;if(g){this.index=e;this.carousel.style.transform="translate3d("+
-this.index*this.step+"px,0,0)";for(e=0;e<this.itemPerRow;e++)b=this.carouselItem[e].cloneNode(!0),this.carousel.insertAdjacentElement("beforeend",b);for(e=0;e!=this.itemPerRow;)b=this.carouselItem[this.numberOfItem-1].cloneNode(!0),this.carousel.insertAdjacentElement("afterbegin",b),e++}this.translateSlide=function(){a.carousel.style.transform="translate3d("+-a.index*a.step+"px,0,0)"};this.resetSlide=function(c){1>a.index+c&&(a.index=a.numberOfItem+1);a.index+c>=a.numberOfItem+a.itemPerRow&&(a.index=
a.itemPerRow-1);a.carousel.style.transition="none";a.translateSlide();setTimeout(function(){a.carousel.style.transition="all 0.25s";a.index+=c;a.translateSlide()},20)};this.moveSlide=function(c){a.carousel.style.transition="all 0.25s";g?1>a.index+c||a.index+c>=a.numberOfItem+a.itemPerRow?a.resetSlide(c):(a.index+=c,a.translateSlide()):0>a.index+c||a.index+c>a.numberOfItem-a.itemPerRow||(a.index+=c,a.translateSlide())};d&&(this.querySelector(".control__prev").addEventListener("click",function(){a.moveSlide(-1)}),
this.querySelector(".control__next").addEventListener("click",function(){a.moveSlide(1)}));if(m){var r=currentPos=0;m=function(c){a.carousel.style.transition="none";"touchstart"===c.type?(currentPos=c.touches[0].clientX,document.addEventListener("touchmove",n),document.addEventListener("touchend",p)):(a.carouselOuter.style.cursor="grab",currentPos=c.clientX,document.addEventListener("mousemove",n),document.addEventListener("mouseup",p));r=currentPos;k&&(clearInterval(h),clearTimeout(l))};var n=function(c){var f=
parseFloat(a.carousel.style.transform.slice(12)),q=-f/a.step;c="touchmove"===c.type?c.touches[0].clientX:c.clientX;var t=c-currentPos;g?0>=q?(a.index=a.numberOfItem,a.translateSlide()):q>=a.numberOfItem+a.itemPerRow?(a.index=a.itemPerRow,a.translateSlide()):a.carousel.style.transform="translate3d("+(f+t)+"px,0,0)":a.carousel.style.transform=0>q||q>a.numberOfItem-a.itemPerRow?"translate3d("+(f+t/5)+"px,0,0)":"translate3d("+(f+t)+"px,0,0)";currentPos=c};this.checkIndex=function(c){for(var f=c;f>=a.step;)f-=
a.step;return 50<f&&0<=r-currentPos||50>a.step-f&&0>=r-currentPos?Math.ceil(c/a.step):Math.floor(c/a.step)};var p=function(c){"touchend"===c.type?(document.removeEventListener("touchmove",n),document.removeEventListener("touchend",p)):(document.removeEventListener("mousemove",n),document.removeEventListener("mouseup",p),a.carouselOuter.style.cursor="auto");c=parseFloat(a.carousel.style.transform.slice(12));a.index=a.checkIndex(-c);g||(a.index>a.numberOfItem-a.itemPerRow&&(a.index=a.numberOfItem-a.itemPerRow),
0>a.index&&(a.index=0));a.carousel.style.transition="all 0.25s";a.translateSlide();k&&(clearInterval(h),clearTimeout(l),l=setTimeout(function(){h=setInterval(a.moveSlide,k,1)},2E3))};this.carouselOuter.addEventListener("mousedown",m);this.carouselOuter.addEventListener("touchstart",m)}v&&this.carouselOuter.addEventListener("wheel",function(c){c.preventDefault();0<c.deltaY?a.moveSlide(-1):a.moveSlide(1)});var h;if(k){var l=setTimeout(function(){h=setInterval(a.moveSlide,k,1)},3E3);w&&(this.carouselOuter.addEventListener("mouseenter",
function(){clearTimeout(l);clearInterval(h)}),this.carouselOuter.addEventListener("mouseleave",function(){clearInterval(h);clearTimeout(l);l=setTimeout(function(){h=setInterval(a.moveSlide,k,1)},2E3)}))}};function debounce(d,a){var e=null;return function(b){clearTimeout(e);e=null;e=setTimeout(function(){d.call(this,b)},a)}}
function responsive(){var d=window.innerWidth,a=!1,e=document.querySelectorAll(".own-carousel__container");e=Array.from(e);e.forEach(function(b){for(var g in b.responsive)if(g>=d){b.itemPerRow=b.responsive[g][0];b.itemWidth=b.responsive[g][1];a=!0;break}a||(b.itemPerRow=b.itemPerRowBig,b.itemWidth=b.itemWidthBig);b.gapWidth=(100-b.itemPerRow*b.itemWidth)/(b.itemPerRow-1)||0;b.style.setProperty("--width",b.itemWidth+"%");b.style.setProperty("--margin",b.gapWidth+"%")});e.forEach(function(b){b.imgWidth=
b.carouselItem[0].getBoundingClientRect().width;b.step=b.imgWidth+b.gapWidth/b.itemWidth*b.imgWidth;b.moveSlide(0)})}window.addEventListener("resize",debounce(responsive,500));