| Prop | \nType | \nDefault | \nDescription |
|---|---|---|---|
arrows | \nboolean | \ntrue | \nEnable Next/Prev arrows |
infinite | \nboolean | \ntrue | \nInfinite looping |
initialPageIndex | \nnumber | \n0 | \nPage to start on |
duration | \nnumber | \n500 | \nTransition duration (ms) |
autoplay | \nboolean | \nfalse | \nEnables auto play of pages |
autoplayDuration | \nnumber | \n3000 | \nAuto play change interval (ms) |
autoplayDirection | \nstring | \n'next' | \nAuto play change direction (next or prev) |
dots | \nboolean | \ntrue | \nCurrent page indicator dots |
prev and next",Pn=w(),Cn=y("p"),Cn.textContent="They are used for customizing prev and next buttons.",An=w(),In=y("p"),In.textContent="Slot props:",En=w(),On=y("div"),On.innerHTML='| Prop | \nType | \nDescription |
|---|---|---|
showPrevPage | \nfunction | \nCall it to switch to the previos page |
showNextPage | \nfunction | \nCall it to switch to the next page |
dots",zn=w(),Dn=y("p"),Dn.textContent="This slot is used for customizing dots appearance.",Rn=w(),Nn=y("p"),Nn.textContent="Slot props:",Wn=w(),Un=y("div"),Un.innerHTML='| Prop | \nType | \nDescription |
|---|---|---|
currentPageIndex | \nnumber | \nRepresents current page index (start from 0) |
pagesCount | \nnumber | \nTotal pages amount |
showPage | \nfunction | \nTakes index as page to be shown |
| Prop | \nType | \nDescription |
|---|---|---|
loaded | \nnumber[] | \nContains indexes of pages to be loaded. Can be used for lazy loading |
<Carousel>\n {#each colors as { color, text } (color)}\n <Color {color} {text} />\n {/each}\n</Carousel>',_(n,c,m),an(i,n,m),_(n,l,m),_(n,p,m),_(n,f,m),an(d,n,m),_(n,h,m),_(n,g,m),g.innerHTML='<Carousel>\n {#each _.chunk(colors, 3) as colorsChunk, chunkIndex (chunkIndex)}\n <div style="display: flex;">\n {#each colorsChunk as { color, text } (color)}\n <Color {color} {text} />\n {/each}\n </div>\n {/each}\n</Carousel>',_(n,v,m),an(k,n,m),_(n,x,m),_(n,b,m),_(n,$,m),an(q,n,m),_(n,P,m),_(n,C,m),C.innerHTML='<Carousel\n autoplay={true}\n autoplayDuration={2000}\n>\n {#each colors as { color, text } (color)}\n <Color {color} {text} />\n {/each}\n</Carousel>',_(n,A,m),an(I,n,m),_(n,E,m),_(n,O,m),_(n,M,m),an(L,n,m),_(n,T,m),_(n,S,m),S.innerHTML='<Carousel\n let:loaded\n>\n {#each images as src, imageIndex (src)}\n <div class="img-container">\n {#if loaded.includes(imageIndex)}\n <img {src} alt="nature" />\n {/if}\n </div>\n {/each}\n</Carousel>',_(n,z,m),an(D,n,m),_(n,R,m),_(n,N,m),_(n,W,m),an(U,n,m),_(n,B,m),_(n,F,m),F.innerHTML='<Carousel\n let:showPrevPage\n let:showNextPage\n>\n <div slot="prev" on:click={showPrevPage} class="custom-arrow custom-arrow-prev">\n <i />\n </div>\n {#each colors as { color, text } (color)}\n <Color {color} {text} />\n {/each}\n <div slot="next" on:click={showNextPage} class="custom-arrow custom-arrow-next">\n <i />\n </div>\n</Carousel>',_(n,H,m),an(Z,n,m),_(n,K,m),_(n,V,m),_(n,G,m),an(Y,n,m),_(n,Q,m),_(n,nn,m),nn.innerHTML='<Carousel\n let:currentPageIndex\n let:pagesCount\n let:showPage\n>\n <div slot="dots" class="custom-dots">\n {#each Array(pagesCount) as _, pageIndex (pageIndex)}\n <CustomDot\n symbol={pageIndex + 1}\n active={currentPageIndex === pageIndex}\n on:click={() => showPage(pageIndex)}\n ></CustomDot>\n {/each}\n </div>\n {#each colors as { color, text } (color)}\n <Color {color} {text} />\n {/each}\n</Carousel>',_(n,tn,m),an(sn,n,m),_(n,on,m),_(n,un,m),_(n,cn,m),an(ln,n,m),_(n,pn,m),_(n,fn,m),_(n,dn,m),_(n,hn,m),hn.innerHTML='yarn add svelte-carousel\nnpm install svelte-carousel',_(n,gn,m),_(n,vn,m),_(n,kn,m),_(n,_n,m),_n.innerHTML='<script>\n import Carousel from \'svelte-carousel\'\n import \'svelte-carousel/dist/index.css\'\n // ...\n</script>',_(n,mn,m),_(n,yn,m),_(n,xn,m),_(n,wn,m),_(n,bn,m),_(n,$n,m),_(n,jn,m),_(n,qn,m),_(n,Pn,m),_(n,Cn,m),_(n,An,m),_(n,In,m),_(n,En,m),_(n,On,m),_(n,Mn,m),_(n,Ln,m),Ln.innerHTML='<Carousel\n let:showPrevPage\n let:showNextPage\n>\n <div slot="prev">\n <!-- --\x3e\n </div>\n <div slot="next">\n <!-- --\x3e\n </div>\n <!-- --\x3e\n</Carousel>',_(n,Tn,m),_(n,Sn,m),_(n,zn,m),_(n,Dn,m),_(n,Rn,m),_(n,Nn,m),_(n,Wn,m),_(n,Un,m),_(n,Bn,m),_(n,Fn,m),Fn.innerHTML='<Carousel\n let:currentPageIndex\n let:pagesCount\n let:showPage\n>\n <div slot="dots">\n <!-- --\x3e\n </div>\n <!-- --\x3e\n</Carousel>',_(n,Hn,m),_(n,Zn,m),_(n,Kn,m),_(n,Vn,m),_(n,Gn,m),_(n,Yn,m),_(n,Xn,m),_(n,Jn,m),_(n,Qn,m),_(n,nt,m),nt.innerHTML='<Carousel\n let:loaded\n>\n <div>\n <!-- --\x3e\n </div>\n <!-- --\x3e\n</Carousel>',_(n,tt,m),an(et,n,m),at=!0},p(n,t){const e={};268435456&t&&(e.$$scope={dirty:t,ctx:n}),s.$set(e);const a={};268435456&t&&(a.$$scope={dirty:t,ctx:n}),d.$set(a);const r={};268435456&t&&(r.$$scope={dirty:t,ctx:n}),q.$set(r);const o={};268468224&t&&(o.$$scope={dirty:t,ctx:n}),L.$set(o);const u={};268441600&t&&(u.$$scope={dirty:t,ctx:n}),U.$set(u);const c={};268435462&t&&(c.$$scope={dirty:t,ctx:n}),Y.$set(c)},i(n){at||(X(s.$$.fragment,n),X(i.$$.fragment,n),X(d.$$.fragment,n),X(k.$$.fragment,n),X(q.$$.fragment,n),X(I.$$.fragment,n),X(L.$$.fragment,n),X(D.$$.fragment,n),X(U.$$.fragment,n),X(Z.$$.fragment,n),X(Y.$$.fragment,n),X(sn.$$.fragment,n),X(ln.$$.fragment,n),X(et.$$.fragment,n),at=!0)},o(n){J(s.$$.fragment,n),J(i.$$.fragment,n),J(d.$$.fragment,n),J(k.$$.fragment,n),J(q.$$.fragment,n),J(I.$$.fragment,n),J(L.$$.fragment,n),J(D.$$.fragment,n),J(U.$$.fragment,n),J(Z.$$.fragment,n),J(Y.$$.fragment,n),J(sn.$$.fragment,n),J(ln.$$.fragment,n),J(et.$$.fragment,n),at=!1},d(n){n&&m(t),n&&m(e),n&&m(a),n&&m(r),rn(s,n),n&&m(o),n&&m(u),n&&m(c),rn(i,n),n&&m(l),n&&m(p),n&&m(f),rn(d,n),n&&m(h),n&&m(g),n&&m(v),rn(k,n),n&&m(x),n&&m(b),n&&m($),rn(q,n),n&&m(P),n&&m(C),n&&m(A),rn(I,n),n&&m(E),n&&m(O),n&&m(M),rn(L,n),n&&m(T),n&&m(S),n&&m(z),rn(D,n),n&&m(R),n&&m(N),n&&m(W),rn(U,n),n&&m(B),n&&m(F),n&&m(H),rn(Z,n),n&&m(K),n&&m(V),n&&m(G),rn(Y,n),n&&m(Q),n&&m(nn),n&&m(tn),rn(sn,n),n&&m(on),n&&m(un),n&&m(cn),rn(ln,n),n&&m(pn),n&&m(fn),n&&m(dn),n&&m(hn),n&&m(gn),n&&m(vn),n&&m(kn),n&&m(_n),n&&m(mn),n&&m(yn),n&&m(xn),n&&m(wn),n&&m(bn),n&&m($n),n&&m(jn),n&&m(qn),n&&m(Pn),n&&m(Cn),n&&m(An),n&&m(In),n&&m(En),n&&m(On),n&&m(Mn),n&&m(Ln),n&&m(Tn),n&&m(Sn),n&&m(zn),n&&m(Dn),n&&m(Rn),n&&m(Nn),n&&m(Wn),n&&m(Un),n&&m(Bn),n&&m(Fn),n&&m(Hn),n&&m(Zn),n&&m(Kn),n&&m(Vn),n&&m(Gn),n&&m(Yn),n&&m(Xn),n&&m(Jn),n&&m(Qn),n&&m(nt),n&&m(tt),rn(et,n)}}}function le(n){let t,e;return t=new fn({props:{$$slots:{default:[ie]},$$scope:{ctx:n}}}),{c(){en(t.$$.fragment)},m(n,a){an(t,n,a),e=!0},p(n,[e]){const a={};268435456&e&&(a.$$scope={dirty:e,ctx:n}),t.$set(a)},i(n){e||(X(t.$$.fragment,n),e=!0)},o(n){J(t.$$.fragment,n),e=!1},d(n){rn(t,n)}}}function pe(n){return[(n,t)=>n(t)]}class fe extends on{constructor(n){super(),sn(this,n,pe,le,u,{})}}function de(t){let e,a,r;return a=new fe({}),{c(){e=y("main"),en(a.$$.fragment)},m(n,t){_(n,e,t),an(a,e,null),r=!0},p:n,i(n){r||(X(a.$$.fragment,n),r=!0)},o(n){J(a.$$.fragment,n),r=!1},d(n){n&&m(e),rn(a)}}}return new class extends on{constructor(n){super(),sn(this,n,null,de,u,{})}}({target:document.body})}();
+var hn,gn=(function(n,t){(function(){var e,a="Expected a function",r="__lodash_hash_undefined__",s="__lodash_placeholder__",o=16,u=32,c=64,l=128,i=256,p=1/0,f=9007199254740991,d=NaN,h=4294967295,g=[["ary",l],["bind",1],["bindKey",2],["curry",8],["curryRight",o],["flip",512],["partial",u],["partialRight",c],["rearg",i]],v="[object Arguments]",k="[object Array]",_="[object Boolean]",m="[object Date]",y="[object Error]",x="[object Function]",w="[object GeneratorFunction]",b="[object Map]",$="[object Number]",j="[object Object]",q="[object Promise]",C="[object RegExp]",P="[object Set]",A="[object String]",I="[object Symbol]",E="[object WeakMap]",O="[object ArrayBuffer]",M="[object DataView]",L="[object Float32Array]",T="[object Float64Array]",S="[object Int8Array]",z="[object Int16Array]",D="[object Int32Array]",R="[object Uint8Array]",N="[object Uint8ClampedArray]",W="[object Uint16Array]",U="[object Uint32Array]",B=/\b__p \+= '';/g,H=/\b(__p \+=) '' \+/g,F=/(__e\(.*?\)|\b__t\)) \+\n'';/g,Z=/&(?:amp|lt|gt|quot|#39);/g,K=/[&<>"']/g,V=RegExp(Z.source),G=RegExp(K.source),Y=/<%-([\s\S]+?)%>/g,X=/<%([\s\S]+?)%>/g,J=/<%=([\s\S]+?)%>/g,Q=/\.|\[(?:[^[\]]*|(["'])(?:(?!\1)[^\\]|\\.)*?\1)\]/,nn=/^\w*$/,tn=/[^.[\]]+|\[(?:(-?\d+(?:\.\d+)?)|(["'])((?:(?!\2)[^\\]|\\.)*?)\2)\]|(?=(?:\.|\[\])(?:\.|\[\]|$))/g,en=/[\\^$.*+?()[\]{}|]/g,an=RegExp(en.source),rn=/^\s+|\s+$/g,sn=/^\s+/,on=/\s+$/,un=/\{(?:\n\/\* \[wrapped with .+\] \*\/)?\n?/,cn=/\{\n\/\* \[wrapped with (.+)\] \*/,ln=/,? & /,pn=/[^\x00-\x2f\x3a-\x40\x5b-\x60\x7b-\x7f]+/g,fn=/\\(\\)?/g,hn=/\$\{([^\\}]*(?:\\.[^\\}]*)*)\}/g,gn=/\w*$/,vn=/^[-+]0x[0-9a-f]+$/i,kn=/^0b[01]+$/i,_n=/^\[object .+?Constructor\]$/,mn=/^0o[0-7]+$/i,yn=/^(?:0|[1-9]\d*)$/,xn=/[\xc0-\xd6\xd8-\xf6\xf8-\xff\u0100-\u017f]/g,wn=/($^)/,bn=/['\n\r\u2028\u2029\\]/g,$n="\\u0300-\\u036f\\ufe20-\\ufe2f\\u20d0-\\u20ff",jn="\\u2700-\\u27bf",qn="a-z\\xdf-\\xf6\\xf8-\\xff",Cn="A-Z\\xc0-\\xd6\\xd8-\\xde",Pn="\\ufe0e\\ufe0f",An="\\xac\\xb1\\xd7\\xf7\\x00-\\x2f\\x3a-\\x40\\x5b-\\x60\\x7b-\\xbf\\u2000-\\u206f \\t\\x0b\\f\\xa0\\ufeff\\n\\r\\u2028\\u2029\\u1680\\u180e\\u2000\\u2001\\u2002\\u2003\\u2004\\u2005\\u2006\\u2007\\u2008\\u2009\\u200a\\u202f\\u205f\\u3000",In="['’]",En="[\\ud800-\\udfff]",On="["+An+"]",Mn="["+$n+"]",Ln="\\d+",Tn="[\\u2700-\\u27bf]",Sn="["+qn+"]",zn="[^\\ud800-\\udfff"+An+Ln+jn+qn+Cn+"]",Dn="\\ud83c[\\udffb-\\udfff]",Rn="[^\\ud800-\\udfff]",Nn="(?:\\ud83c[\\udde6-\\uddff]){2}",Wn="[\\ud800-\\udbff][\\udc00-\\udfff]",Un="["+Cn+"]",Bn="(?:"+Sn+"|"+zn+")",Hn="(?:"+Un+"|"+zn+")",Fn="(?:['’](?:d|ll|m|re|s|t|ve))?",Zn="(?:['’](?:D|LL|M|RE|S|T|VE))?",Kn="(?:"+Mn+"|"+Dn+")?",Vn="[\\ufe0e\\ufe0f]?",Gn=Vn+Kn+"(?:\\u200d(?:"+[Rn,Nn,Wn].join("|")+")"+Vn+Kn+")*",Yn="(?:"+[Tn,Nn,Wn].join("|")+")"+Gn,Xn="(?:"+[Rn+Mn+"?",Mn,Nn,Wn,En].join("|")+")",Jn=RegExp(In,"g"),Qn=RegExp(Mn,"g"),nt=RegExp(Dn+"(?="+Dn+")|"+Xn+Gn,"g"),tt=RegExp([Un+"?"+Sn+"+"+Fn+"(?="+[On,Un,"$"].join("|")+")",Hn+"+"+Zn+"(?="+[On,Un+Bn,"$"].join("|")+")",Un+"?"+Bn+"+"+Fn,Un+"+"+Zn,"\\d*(?:1ST|2ND|3RD|(?![123])\\dTH)(?=\\b|[a-z_])","\\d*(?:1st|2nd|3rd|(?![123])\\dth)(?=\\b|[A-Z_])",Ln,Yn].join("|"),"g"),et=RegExp("[\\u200d\\ud800-\\udfff"+$n+Pn+"]"),at=/[a-z][A-Z]|[A-Z]{2}[a-z]|[0-9][a-zA-Z]|[a-zA-Z][0-9]|[^a-zA-Z0-9 ]/,rt=["Array","Buffer","DataView","Date","Error","Float32Array","Float64Array","Function","Int8Array","Int16Array","Int32Array","Map","Math","Object","Promise","RegExp","Set","String","Symbol","TypeError","Uint8Array","Uint8ClampedArray","Uint16Array","Uint32Array","WeakMap","_","clearTimeout","isFinite","parseInt","setTimeout"],st=-1,ot={};ot[L]=ot[T]=ot[S]=ot[z]=ot[D]=ot[R]=ot[N]=ot[W]=ot[U]=!0,ot[v]=ot[k]=ot[O]=ot[_]=ot[M]=ot[m]=ot[y]=ot[x]=ot[b]=ot[$]=ot[j]=ot[C]=ot[P]=ot[A]=ot[E]=!1;var ut={};ut[v]=ut[k]=ut[O]=ut[M]=ut[_]=ut[m]=ut[L]=ut[T]=ut[S]=ut[z]=ut[D]=ut[b]=ut[$]=ut[j]=ut[C]=ut[P]=ut[A]=ut[I]=ut[R]=ut[N]=ut[W]=ut[U]=!0,ut[y]=ut[x]=ut[E]=!1;var ct={"\\":"\\","'":"'","\n":"n","\r":"r","\u2028":"u2028","\u2029":"u2029"},lt=parseFloat,it=parseInt,pt="object"==typeof dn&&dn&&dn.Object===Object&&dn,ft="object"==typeof self&&self&&self.Object===Object&&self,dt=pt||ft||Function("return this")(),ht=t&&!t.nodeType&&t,gt=ht&&n&&!n.nodeType&&n,vt=gt&>.exports===ht,kt=vt&&pt.process,_t=function(){try{var n=gt&>.require&>.require("util").types;return n||kt&&kt.binding&&kt.binding("util")}catch(n){}}(),mt=_t&&_t.isArrayBuffer,yt=_t&&_t.isDate,xt=_t&&_t.isMap,wt=_t&&_t.isRegExp,bt=_t&&_t.isSet,$t=_t&&_t.isTypedArray;function jt(n,t,e){switch(e.length){case 0:return n.call(t);case 1:return n.call(t,e[0]);case 2:return n.call(t,e[0],e[1]);case 3:return n.call(t,e[0],e[1],e[2])}return n.apply(t,e)}function qt(n,t,e,a){for(var r=-1,s=null==n?0:n.length;++r| Prop | \nType | \nDefault | \nDescription |
|---|---|---|---|
arrows | \nboolean | \ntrue | \nEnable Next/Prev arrows |
infinite | \nboolean | \ntrue | \nInfinite looping |
initialPageIndex | \nnumber | \n0 | \nPage to start on |
duration | \nnumber | \n500 | \nTransition duration (ms) |
autoplay | \nboolean | \nfalse | \nEnables auto play of pages |
autoplayDuration | \nnumber | \n3000 | \nAuto play change interval (ms) |
autoplayDirection | \nstring | \n'next' | \nAuto play change direction (next or prev) |
dots | \nboolean | \ntrue | \nCurrent page indicator dots |
pageChange",Cn=w(),Pn=y("p"),Pn.textContent="Is dispatched on page change",An=w(),In=y("div"),In.innerHTML='| Payload field | \nType | \nDescription |
|---|---|---|
event.detail | \nnumber | \nCurrent page index |
prev and next",zn=w(),Dn=y("p"),Dn.textContent="They are used for customizing prev and next buttons.",Rn=w(),Nn=y("p"),Nn.textContent="Slot props:",Wn=w(),Un=y("div"),Un.innerHTML='| Prop | \nType | \nDescription |
|---|---|---|
showPrevPage | \nfunction | \nCall it to switch to the previos page |
showNextPage | \nfunction | \nCall it to switch to the next page |
dots",Kn=w(),Vn=y("p"),Vn.textContent="This slot is used for customizing dots appearance.",Gn=w(),Yn=y("p"),Yn.textContent="Slot props:",Xn=w(),Jn=y("div"),Jn.innerHTML='| Prop | \nType | \nDescription |
|---|---|---|
currentPageIndex | \nnumber | \nRepresents current page index (start from 0) |
pagesCount | \nnumber | \nTotal pages amount |
showPage | \nfunction | \nTakes index as page to be shown |
| Prop | \nType | \nDescription |
|---|---|---|
loaded | \nnumber[] | \nContains indexes of pages to be loaded. Can be used for lazy loading |
<Carousel>\n {#each colors as { color, text } (color)}\n <Color {color} {text} />\n {/each}\n</Carousel>',_(n,c,m),an(l,n,m),_(n,i,m),_(n,p,m),_(n,f,m),an(d,n,m),_(n,h,m),_(n,g,m),g.innerHTML='<Carousel>\n {#each _.chunk(colors, 3) as colorsChunk, chunkIndex (chunkIndex)}\n <div style="display: flex;">\n {#each colorsChunk as { color, text } (color)}\n <Color {color} {text} />\n {/each}\n </div>\n {/each}\n</Carousel>',_(n,v,m),an(k,n,m),_(n,x,m),_(n,b,m),_(n,$,m),an(q,n,m),_(n,C,m),_(n,P,m),P.innerHTML='<Carousel\n autoplay={true}\n autoplayDuration={2000}\n>\n {#each colors as { color, text } (color)}\n <Color {color} {text} />\n {/each}\n</Carousel>',_(n,A,m),an(I,n,m),_(n,E,m),_(n,O,m),_(n,M,m),an(L,n,m),_(n,T,m),_(n,S,m),S.innerHTML='<Carousel\n let:loaded\n>\n {#each images as src, imageIndex (src)}\n <div class="img-container">\n {#if loaded.includes(imageIndex)}\n <img {src} alt="nature" />\n {/if}\n </div>\n {/each}\n</Carousel>',_(n,z,m),an(D,n,m),_(n,R,m),_(n,N,m),_(n,W,m),an(U,n,m),_(n,B,m),_(n,H,m),H.innerHTML='<Carousel\n let:showPrevPage\n let:showNextPage\n>\n <div slot="prev" on:click={showPrevPage} class="custom-arrow custom-arrow-prev">\n <i />\n </div>\n {#each colors as { color, text } (color)}\n <Color {color} {text} />\n {/each}\n <div slot="next" on:click={showNextPage} class="custom-arrow custom-arrow-next">\n <i />\n </div>\n</Carousel>',_(n,F,m),an(Z,n,m),_(n,K,m),_(n,V,m),_(n,G,m),an(Y,n,m),_(n,Q,m),_(n,nn,m),nn.innerHTML='<Carousel\n let:currentPageIndex\n let:pagesCount\n let:showPage\n>\n <div slot="dots" class="custom-dots">\n {#each Array(pagesCount) as _, pageIndex (pageIndex)}\n <CustomDot\n symbol={pageIndex + 1}\n active={currentPageIndex === pageIndex}\n on:click={() => showPage(pageIndex)}\n ></CustomDot>\n {/each}\n </div>\n {#each colors as { color, text } (color)}\n <Color {color} {text} />\n {/each}\n</Carousel>',_(n,tn,m),an(sn,n,m),_(n,on,m),_(n,un,m),_(n,cn,m),an(ln,n,m),_(n,pn,m),_(n,fn,m),_(n,dn,m),_(n,hn,m),hn.innerHTML='yarn add svelte-carousel\nnpm install svelte-carousel',_(n,gn,m),_(n,vn,m),_(n,kn,m),_(n,_n,m),_n.innerHTML='<script>\n import Carousel from \'svelte-carousel\'\n import \'svelte-carousel/dist/index.css\'\n // ...\n</script>',_(n,mn,m),_(n,yn,m),_(n,xn,m),_(n,wn,m),_(n,bn,m),_(n,$n,m),_(n,jn,m),_(n,qn,m),_(n,Cn,m),_(n,Pn,m),_(n,An,m),_(n,In,m),_(n,En,m),_(n,On,m),On.innerHTML='<Carousel\n on:pageChange={\n event => console.log(`Current page index: ${event.detail}`)\n }\n>\n <!-- --\x3e\n</Carousel>',_(n,Mn,m),_(n,Ln,m),_(n,Tn,m),_(n,Sn,m),_(n,zn,m),_(n,Dn,m),_(n,Rn,m),_(n,Nn,m),_(n,Wn,m),_(n,Un,m),_(n,Bn,m),_(n,Hn,m),Hn.innerHTML='<Carousel\n let:showPrevPage\n let:showNextPage\n>\n <div slot="prev">\n <!-- --\x3e\n </div>\n <div slot="next">\n <!-- --\x3e\n </div>\n <!-- --\x3e\n</Carousel>',_(n,Fn,m),_(n,Zn,m),_(n,Kn,m),_(n,Vn,m),_(n,Gn,m),_(n,Yn,m),_(n,Xn,m),_(n,Jn,m),_(n,Qn,m),_(n,nt,m),nt.innerHTML='<Carousel\n let:currentPageIndex\n let:pagesCount\n let:showPage\n>\n <div slot="dots">\n <!-- --\x3e\n </div>\n <!-- --\x3e\n</Carousel>',_(n,tt,m),_(n,et,m),_(n,at,m),_(n,rt,m),_(n,st,m),_(n,ot,m),_(n,ut,m),_(n,ct,m),_(n,lt,m),_(n,pt,m),pt.innerHTML='<Carousel\n let:loaded\n>\n <div>\n <!-- --\x3e\n </div>\n <!-- --\x3e\n</Carousel>',_(n,ft,m),an(dt,n,m),ht=!0},p(n,t){const e={};268435456&t&&(e.$$scope={dirty:t,ctx:n}),s.$set(e);const a={};268435456&t&&(a.$$scope={dirty:t,ctx:n}),d.$set(a);const r={};268435456&t&&(r.$$scope={dirty:t,ctx:n}),q.$set(r);const o={};268468224&t&&(o.$$scope={dirty:t,ctx:n}),L.$set(o);const u={};268441600&t&&(u.$$scope={dirty:t,ctx:n}),U.$set(u);const c={};268435462&t&&(c.$$scope={dirty:t,ctx:n}),Y.$set(c)},i(n){ht||(X(s.$$.fragment,n),X(l.$$.fragment,n),X(d.$$.fragment,n),X(k.$$.fragment,n),X(q.$$.fragment,n),X(I.$$.fragment,n),X(L.$$.fragment,n),X(D.$$.fragment,n),X(U.$$.fragment,n),X(Z.$$.fragment,n),X(Y.$$.fragment,n),X(sn.$$.fragment,n),X(ln.$$.fragment,n),X(dt.$$.fragment,n),ht=!0)},o(n){J(s.$$.fragment,n),J(l.$$.fragment,n),J(d.$$.fragment,n),J(k.$$.fragment,n),J(q.$$.fragment,n),J(I.$$.fragment,n),J(L.$$.fragment,n),J(D.$$.fragment,n),J(U.$$.fragment,n),J(Z.$$.fragment,n),J(Y.$$.fragment,n),J(sn.$$.fragment,n),J(ln.$$.fragment,n),J(dt.$$.fragment,n),ht=!1},d(n){n&&m(t),n&&m(e),n&&m(a),n&&m(r),rn(s,n),n&&m(o),n&&m(u),n&&m(c),rn(l,n),n&&m(i),n&&m(p),n&&m(f),rn(d,n),n&&m(h),n&&m(g),n&&m(v),rn(k,n),n&&m(x),n&&m(b),n&&m($),rn(q,n),n&&m(C),n&&m(P),n&&m(A),rn(I,n),n&&m(E),n&&m(O),n&&m(M),rn(L,n),n&&m(T),n&&m(S),n&&m(z),rn(D,n),n&&m(R),n&&m(N),n&&m(W),rn(U,n),n&&m(B),n&&m(H),n&&m(F),rn(Z,n),n&&m(K),n&&m(V),n&&m(G),rn(Y,n),n&&m(Q),n&&m(nn),n&&m(tn),rn(sn,n),n&&m(on),n&&m(un),n&&m(cn),rn(ln,n),n&&m(pn),n&&m(fn),n&&m(dn),n&&m(hn),n&&m(gn),n&&m(vn),n&&m(kn),n&&m(_n),n&&m(mn),n&&m(yn),n&&m(xn),n&&m(wn),n&&m(bn),n&&m($n),n&&m(jn),n&&m(qn),n&&m(Cn),n&&m(Pn),n&&m(An),n&&m(In),n&&m(En),n&&m(On),n&&m(Mn),n&&m(Ln),n&&m(Tn),n&&m(Sn),n&&m(zn),n&&m(Dn),n&&m(Rn),n&&m(Nn),n&&m(Wn),n&&m(Un),n&&m(Bn),n&&m(Hn),n&&m(Fn),n&&m(Zn),n&&m(Kn),n&&m(Vn),n&&m(Gn),n&&m(Yn),n&&m(Xn),n&&m(Jn),n&&m(Qn),n&&m(nt),n&&m(tt),n&&m(et),n&&m(at),n&&m(rt),n&&m(st),n&&m(ot),n&&m(ut),n&&m(ct),n&&m(lt),n&&m(pt),n&&m(ft),rn(dt,n)}}}function ie(n){let t,e;return t=new fn({props:{$$slots:{default:[le]},$$scope:{ctx:n}}}),{c(){en(t.$$.fragment)},m(n,a){an(t,n,a),e=!0},p(n,[e]){const a={};268435456&e&&(a.$$scope={dirty:e,ctx:n}),t.$set(a)},i(n){e||(X(t.$$.fragment,n),e=!0)},o(n){J(t.$$.fragment,n),e=!1},d(n){rn(t,n)}}}function pe(n){return[(n,t)=>n(t)]}class fe extends on{constructor(n){super(),sn(this,n,pe,ie,u,{})}}function de(t){let e,a,r;return a=new fe({}),{c(){e=y("main"),en(a.$$.fragment)},m(n,t){_(n,e,t),an(a,e,null),r=!0},p:n,i(n){r||(X(a.$$.fragment,n),r=!0)},o(n){J(a.$$.fragment,n),r=!1},d(n){n&&m(e),rn(a)}}}return new class extends on{constructor(n){super(),sn(this,n,null,de,u,{})}}({target:document.body})}();
diff --git a/package.json b/package.json
index dc2771a..ecfe2f9 100644
--- a/package.json
+++ b/package.json
@@ -1,6 +1,6 @@
{
"name": "svelte-carousel",
- "version": "1.0.1",
+ "version": "1.0.2",
"description": "Svelte carousel",
"main": "dist/index.js",
"author": "vadimkorr",
diff --git a/src/components/Carousel/Carousel.svelte b/src/components/Carousel/Carousel.svelte
index 20f9c7d..421a105 100644
--- a/src/components/Carousel/Carousel.svelte
+++ b/src/components/Carousel/Carousel.svelte
@@ -1,5 +1,5 @@