"use strict";function _classcallcheck(t,i){if(!(t instanceof i))throw new typeerror("cannot call a class as a function")}function _defineproperties(t,i){for(var e=0;e<i.length;e++){var n=i[e];n.enumerable=n.enumerable||!1,n.configurable=!0,"value"in n&&(n.writable=!0),object.defineproperty(t,n.key,n)}}function _createclass(t,i,e){return i&&_defineproperties(t.prototype,i),e&&_defineproperties(t,e),t}var carousel=function(){function i(){var t=0<arguments.length&&void 0!==arguments[0]?arguments[0]:{};_classcallcheck(this,i),this.el=t.el,this.space=t.space||20,this.direction=t.direction||"left",this.duration=t.duration||1e4,this.dirbtn=t.dirbtn||{},this.container=null,this.items=null,this.wrap=null,this.translatelimit=0,this.speed=0,this.realdistance=0,this.timer=null,this.shouldcarousel=!0,this.init()}return _createclass(i,[{key:"init",value:function(){this.initcontainer(),this.inititems(),this.initclonenode(),this.initwrap(),this.initconfig(),this.initcarousel(),this.initdirbtn()}},{key:"initcontainer",value:function(){var t=document.queryselector(this.el);if(!t)throw new error("找不到 container");t.style.margin="0",t.style.padding="0",t.style.overflow="hidden",this.container=t}},{key:"inititems",value:function(){var e=this,n=0;this.items=document.queryselectorall("".concat(this.el," .carousel-item")),this.items.foreach(function(t,i){n+=e.getelementwidth(t),t.style.float="left",0<i&&(t.style.marginleft="".concat(e.space,"px"),n+=e.space)}),this.shouldcarousel=n>this.getelementwidth(this.container),this.shouldcarousel&&(this.translatelimit=n+this.space)}},{key:"initclonenode",value:function(){if(this.shouldcarousel){for(var t=this.getelementwidth(this.container),i=-1,e=i;e<t&&i<this.items.length-1;)i+=1,e+=this.getelementwidth(this.items[i]);for(var n=-1;n<i;){n+=1;var s=this.items[n].clonenode(!0);0===n&&(s.style.marginleft="".concat(this.space,"px")),this.container.append(s)}}}},{key:"initwrap",value:function(){var t=this,i=document.createelement("div");for(i.style.width="".concat(this.computewidth(this.container,this.space),"px"),i.style.position="relative",i.style.overflow="auto",i.style.margin="0",i.style.padding="0";this.container.firstchild;)i.append(this.container.firstchild);this.container.append(i),this.wrap=i,this.shouldcarousel&&(this.wrap.onmouseover=function(){window.clearinterval(t.timer)},this.wrap.onmouseleave=function(){t.initcarousel()})}},{key:"initconfig",value:function(){this.shouldcarousel&&(this.speed=this.translatelimit/this.duration,"left"===this.direction?this.realdistance=0:(this.realdistance=-1*this.translatelimit,this.wrap.style.transform="translatex(".concat(this.realdistance,"px)")))}},{key:"initcarousel",value:function(){this.shouldcarousel&&(this.timer&&window.cleartimeout(this.timer),this.timer=window.settimeout(this.startcarousel()))}},{key:"initdirbtn",value:function(){var t=this;this.shouldcarousel&&(this.dirbtn.left&&document.queryselector(this.dirbtn.left)&&(document.queryselector(this.dirbtn.left).onclick=function(){"left"!==t.direction&&(t.direction="left",t.initcarousel())}),this.dirbtn.right&&document.queryselector(this.dirbtn.right)&&(document.queryselector(this.dirbtn.right).onclick=function(){"right"!==t.direction&&(t.direction="right",t.initcarousel())}))}},{key:"startcarousel",value:function(){var t=this;this.timer&&window.cleartimeout(this.timer),"left"===this.direction?math.abs(this.realdistance)>=this.translatelimit?this.realdistance=0:this.realdistance-=this.speed:0<=this.realdistance?this.realdistance=-1*this.translatelimit:this.realdistance+=this.speed,this.wrap.style.transform="translatex(".concat(this.realdistance,"px)"),this.timer=window.settimeout(function(){return t.startcarousel()},1)}},{key:"computewidth",value:function(t,i){for(var e=0,n=0;n<t.children.length;n++)e+=this.getelementwidth(t.children[n]),0!==n&&(e+=i);return e}},{key:"getelementwidth",value:function(t){return number(window.getcomputedstyle(t).width.split("px")[0])}}]),i}();