@slidy/svelte
Version:
Simple, configurable & reusable carousel component built with SvelteJS
2 lines (1 loc) • 20.8 kB
JavaScript
;var slidy=(()=>{var Xe=Object.create;var he=Object.defineProperty;var Ke=Object.getOwnPropertyDescriptor;var Ye=Object.getOwnPropertyNames;var Je=Object.getPrototypeOf,Qe=Object.prototype.hasOwnProperty;var D=(r=>typeof require<"u"?require:typeof Proxy<"u"?new Proxy(r,{get:(e,i)=>(typeof require<"u"?require:e)[i]}):r)(function(r){if(typeof require<"u")return require.apply(this,arguments);throw Error('Dynamic require of "'+r+'" is not supported')});var et=(r,e)=>{for(var i in e)he(r,i,{get:e[i],enumerable:!0})},Ue=(r,e,i,o)=>{if(e&&typeof e=="object"||typeof e=="function")for(let c of Ye(e))!Qe.call(r,c)&&c!==i&&he(r,c,{get:()=>e[c],enumerable:!(o=Ke(e,c))||o.enumerable});return r};var ae=(r,e,i)=>(i=r!=null?Xe(Je(r)):{},Ue(e||!r||!r.__esModule?he(i,"default",{value:r,enumerable:!0}):i,r)),tt=r=>Ue(he({},"__esModule",{value:!0}),r);var ft={};et(ft,{Core:()=>re,Slidy:()=>Re,classNames:()=>Ne});var Ri=D("svelte/internal/disclose-version"),t=ae(D("svelte/internal/client")),De=D("svelte");var _t=D("svelte/internal/disclose-version"),g=ae(D("svelte/internal/client")),Ae=D("svelte");var it=g.template("<button><!></button>");function be(r,e){g.push(e,!0);let i=g.prop(e,"direction",3,1),o=g.prop(e,"loop",3,!1),c=g.prop(e,"index",3,0),k=g.prop(e,"items",3,0),N=g.prop(e,"step",3,1),z=g.prop(e,"vertical",3,!1),y=(0,Ae.getContext)("classNames"),u=(0,Ae.getContext)("i18n"),h=g.derived(()=>i()<0?c()===0&&!o():c()===k()-1&&!o()),x=g.derived(()=>i()>0?u.next:u.prev);var $=it();$.__click=function(...P){e.onclick?.apply(this,P)};var R=g.child($);g.snippet(R,()=>e.children??g.noop),g.reset($),g.template_effect(()=>{g.set_attribute($,"aria-label",g.get(x)),g.set_attribute($,"aria-orientation",z()?"vertical":"horizontal"),g.set_class($,y.arrow),g.set_attribute($,"data-step",i()*N()),$.disabled=g.get(h),g.set_attribute($,"title",g.get(x)),g.toggle_class($,"prev",i()<1)}),g.append(r,$),g.pop()}g.delegate(["click"]);var Pt=D("svelte/internal/disclose-version"),m=ae(D("svelte/internal/client"));var{assign:Ie,entries:je}=Object,{abs:oe,exp:He,floor:Ve,min:rt,max:Me,round:xe,sign:ce}=Math;function ee(r,e,i){return rt(i,Me(r,e))}function Se(r,e=50,i=!0){let o=0;return i?c=>{let k=performance.now();k-o>=e&&(r(c),o=k)}:c=>r(c)}function te(r,e){for(let i=0;i<r.length;i++)e(r[i],i,r);return r}var Ce=(r,e)=>oe(r.deltaX)>=oe(r.deltaY)&&e.axis!=="y";function We(r,e=0){return new Promise((i,o)=>{let c=setInterval(()=>{e++,e>=69?(clearInterval(c),o("few slides")):r.childElementCount&&(clearInterval(c),i(nt(r)))},16)})}function nt(r){return te(r.children,(e,i)=>e.index=i)}function $e(r,e,i){let o=r.children.length;return e.loop?(i+o)%o:ee(0,i,o-1)}function ge(r,e){if(r.type==="wheel")return Ce(r,e)?r.deltaX:r.shiftKey||e.axis==="y"?r.deltaY:0;{let i=r.touches&&r.touches[0]||r;return e.axis==="y"?i.pageY:i.pageX}}function ie(r,e,i){r.dispatchEvent(new CustomEvent(e,{detail:i}))}function le(r,e,i=!0){let o=i?"addEventListener":"removeEventListener";te(e,c=>r[o](...c))}function qe(r,e){let i=[...r.children],o=i.length,c=o-1,k=Ve(o/2),N=o>1?i[1].offsetTop-i[0].offsetTop>=i[0].offsetHeight:!1,z=N?"offsetTop":"offsetLeft",y=N?"offsetHeight":"offsetWidth",u=ce(i[c][z]),h=o>1?i[c][z]*u-i[c-1][z]*u-i[c-Me(u,0)][y]:0,$=i.reduce((l,d)=>l+=d[y]+h,0)>r.offsetWidth,R=e.snap==="deck";Ie(e,{reverse:u,scrollable:$,vertical:N,edged:P()});function P(l){let d=A(u<0?c:0,"start"),b=A(u<0?0:c,"end"),_=A(l),S=e.direction,H=xe(e.position),I=U=>S<=0&&U<=d||S>=0&&U>=b;return e.loop?!1:I(l>=0?_:H)}function A(l,d=e.snap){let b=C=>i.find(T=>T.index===C)||i[0],_=C=>r[y]-b(C)[y],S=U(u<0?c:0,"start"),H=U(u<0?0:c,"end"),I=U(l,d);return e.loop||d==="deck"?I:ee(S,I,H);function U(C,T){T=R?"deck":T;let M=b(C)[y]+h*2<r[y]?e.indent??1:_(C)/2/h,V=T==="start"?0:T==="end"?1:.5,W=T==="start"?-M:T==="end"?M:0;return b(C)[z]-_(C)*V+h*W}}return{edges:P,distance:A,index(l){let d=({index:b})=>oe(A(b)-l);return i.reduce((b,_)=>d(_)<d(b)?_:b).index},position(l){let d=e.index;if(l){let b=i.slice(d-k).concat(i.slice(0,d-k));r.replaceChildren(...b)}return A(d)},swap(l){let d=o%l?ce(-l):l,b=d>0?0:c;return $&&(b?r.prepend(i[b]):r.append(i[b])),(i[b][y]+h)*(d*u)},sense(l,d,b){return l.shiftKey||e.axis==="y"&&l.type!=="touchmove"||oe(d)>=b},animate(){te(i,(l,d)=>{l.i=d,l.active=e.loop?k:e.index,l.size=l[y]+h,l.dist=A(l.index),l.track=e.position-l.dist,l.turn=ee(-1,l.track/l.size,1),l.exp=ee(0,(l.size-oe(l.track))/l.size,1);let b=R?l.dist:e.position,_=N?`translateY(${-b}px)`:`translateX(${-b}px)`,S={node:r,child:l,options:e,translate:_},H=e.animation?.(S)||{transform:_};Ie(l.style,$?H:{transform:""})})}}}function Te(r,e){let i={...e},o,c=0,k=0,N=0,z=0,y=0,u,h,x=c=i.index??=0,$=i.position??=0,R=i.direction??=0,P=(i.duration??=450)/2,A=i.sensity??=2.5,l=i.gravity??=1.2,d=i.clamp??=0,b=[["touchmove",ne,{passive:!1}],["mousemove",ne],["touchend",se],["mouseup",se],["scroll",()=>{W(x),l=2}]],_=[["wheel",fe,{passive:!1,capture:!0}]],S=[["touchstart",F,{passive:!1}],["mousedown",F],["keydown",ye],["contextmenu",()=>W(x)],["dragstart",s=>s.preventDefault()]],H=new ResizeObserver(s=>{$=i.position=o().position(),W(x),ie(r,"resize",{ROE:s,options:i})}),I=new MutationObserver(s=>{te(s,p=>{[...p.addedNodes,...p.removedNodes].every(w=>"index"in w)||O().then(q)}),ie(r,"mutate",{ML:s,options:i})}),U=requestAnimationFrame,C="outline:0;overflow:hidden;user-select:none;-webkit-user-select:none;",T={init:q,update:ze,destroy:O,to:W};q(),te(i.plugins||[],(s,p,f)=>{f[p]=s({node:r,options:i,instance:T})});function q(){We(r).then(()=>{o=()=>qe(r,i),r.style.cssText+=C,r.onwheel=Se(ve,P,d),$=i.position=o().position(i.loop),H.observe(r),I.observe(r,{childList:!0}),le(r,S),le(window,_),ie(r,"mount",{options:i})})}function M(s,p){R=i.direction=ce(s),$=i.position+=f(s),x=i.index=o().index($),l=o().edges()?1.8:i.gravity,A=0,o().animate(),ie(r,"move",{index:x,position:$});function f(w){return x-c&&(w-=i.loop?o().swap(x-c):0,c=x,ie(r,"index",{index:p})),w}}function V(s,p){let w=i.snap||o().edges(s)?o().distance(s):$+p,L=P*ee(1,s-c,2),Z=w-$;N=U(pe);let j=0,G=0,K=0;function pe(Y){j||=Y,G=K;let J=j-Y,B=He(J/L),Q=i.easing?.(B)||B;K=Z*Q;let me=G%K?(G-K)%Z:0;M(me,s),xe(K)?N=U(pe):(A=i.sensity,X())}}function W(s=0,p=0){s=$e(r,i,s),X(),V(s,p||o().distance(s)-$)}function F(s){X(),A=i.sensity,k=ge(s,i),z=s.timeStamp,y=0,le(window,b),!o().edges()&&s.stopPropagation()}function ne(s){let p=(k-ge(s,i))*(2-l),f=s.timeStamp-z,w=1e3*p/(l+f);z=s.timeStamp,k=ge(s,i),y=(2-l)*w+(l-1)*y,o().sense(s,p,A)&&(M(p,x),s.preventDefault())}function se(){X();let s=y*(2-l),p=o().index($+s);V(f(p,i),s);function f(w,L){return w=d&&w-c?x+d*R:w,$e(r,L,w)}}function ve(s){X();let p=ge(s,i)*(2-l),f=x+ce(p)*(d||1),w=i.snap||u||o().edges(),L=o().sense(s,p,A),Z=o().edges()?p/5:p,j=u?f:x,G=u?0:P/2;!u&&L&&M(Z,x),h=w&&L?setTimeout(W,G,j):void 0,!o().edges()&&s.stopPropagation()}function fe(s){if(s.composedPath().includes(r)){let p=i.axis==="y"&&!o().edges();(Ce(s,i)||p||s.shiftKey)&&s.preventDefault();let f=d||i.axis==="y"&&!i.vertical||s.shiftKey;u!==f&&(r.onwheel=Se(ve,P,f),u=f)}}function ye(s){let p=["ArrowLeft","ArrowRight","ArrowUp","ArrowDown"],f=(p.indexOf(s.key)%2-1||1)*(d||1);p.indexOf(s.key)>=0&&(W(x+f),s.preventDefault()),ie(r,"keys",s.key)}function X(){clearTimeout(h),cancelAnimationFrame(N),le(window,b,!1)}function ze(s){te(je(s),([p,f])=>{if(f!==i[p]){switch(p){case"index":W(x=i[p]=$e(r,i,f));break;case"position":W(x,f);break;case"gravity":l=i[p]=ee(0,f,2);break;case"duration":i[p]=f,P=f/2;break;case"sensity":A=i[p]=f;break;case"clamp":d=i[p]=f;break;default:i[p]=f;break}ie(r,"update",s)}})}async function O(){X(),H.disconnect(),I.disconnect(),le(r,S,!1),le(window,_,!1),ie(r,"destroy",r)}return T}function re(r,e){m.push(e,!0);let i=m.prop(e,"animation",3,void 0),o=m.prop(e,"axis",3,"x"),c=m.prop(e,"clamp",3,0),k=m.prop(e,"className",3,""),N=m.prop(e,"duration",3,450),z=m.prop(e,"easing",3,I=>I),y=m.prop(e,"gravity",3,1.2),u=m.prop(e,"indent",3,2),h=m.prop(e,"index",7,0),x=m.prop(e,"loop",3,!1),$=m.prop(e,"plugins",19,()=>[]),R=m.prop(e,"position",7,0),P=m.prop(e,"sensity",3,5),A=m.prop(e,"snap",3,void 0),l=m.prop(e,"tag",3,"ol"),d=m.prop(e,"onindex",3,I=>h(I.detail.index)),b=m.prop(e,"onmove",3,I=>R(I.detail.position)),_=Te;var S=m.comment(),H=m.first_child(S);m.element(H,l,!1,(I,U)=>{m.action(I,(M,V)=>_(M,V),()=>({animation:i(),axis:o(),clamp:c(),duration:N(),easing:z(),gravity:y(),indent:u(),index:h(),loop:x(),plugins:$(),sensity:P(),snap:A()}));let C;m.template_effect(()=>C=m.set_attributes(I,C,{class:k(),"aria-live":"polite",role:"listbox",tabindex:"0",onmount:e.onmount,onkeys:e.onkeys,onupdate:e.onupdate,onresize:e.onresize,ondestroy:e.ondestroy,onindex:d(),onmove:b()},void 0,I.namespaceURI===m.NAMESPACE_SVG,I.nodeName.includes("-")));var T=m.comment(),q=m.first_child(T);m.snippet(q,()=>e.children??m.noop),m.append(U,T)}),m.append(r,S),m.pop()}var Wt=D("svelte/internal/disclose-version"),E=ae(D("svelte/internal/client")),Fe=D("svelte");var st=E.template("<img>");function ue(r,e){E.push(e,!0);let i=E.prop(e,"alt",3,""),o=E.prop(e,"decoding",3,"auto"),c=E.prop(e,"height",3,void 0),k=E.prop(e,"lazy",3,!1),N=E.prop(e,"src",3,""),z=E.prop(e,"width",3,void 0),y=(0,Fe.getContext)("classNames");var u=st();E.template_effect(()=>{E.set_attribute(u,"alt",i()),E.set_attribute(u,"src",N()),E.set_attribute(u,"width",z()),E.set_attribute(u,"height",c()),E.set_attribute(u,"decoding",o()),E.set_class(u,y.img),E.set_attribute(u,"loading",k()?"lazy":void 0)}),E.handle_lazy_img(u),E.append(r,u),E.pop()}var Qt=D("svelte/internal/disclose-version"),n=ae(D("svelte/internal/client")),Oe=D("svelte");var Ze={viewBox:"0 0 32 32",path:"M19.56,24a.89.89,0,0,1-.63-.26L11.8,16.65a.92.92,0,0,1,0-1.27h0l7.13-7.16A.9.9,0,0,1,20.2,9.48L13.69,16l6.51,6.5a.91.91,0,0,1,0,1.26h0A.9.9,0,0,1,19.56,24Z"};var de=(r,...e)=>{for(let i of e)r=r.replace("%s",i.toString());return r};var _e=(r,e)=>{let i=e-r+1;return[...Array(i).keys()].map(o=>o+r)},Ge=({current:r,start:e=0,end:i,limit:o,siblings:c})=>{if(Math.max(5+c*2,i-e+1)<=o)return _e(e,i);let N=Math.max(r-c,e),z=Math.min(r+c,i),y=N>2,u=z<i-1;if(!y&&u)return[..._e(e,3+2*c),-1,i];if(y&&!u){let h=3+2*c,x=_e(i-h+1,i);return[e,-1,...x]}if(y&&u){let h=_e(N,z);return[e,-1,...h,-1,i]}return[]};var at=n.template("<button> </button>"),ot=n.template(`<nav aria-label="pagination"><button${n.attr("data-step",-1)}><svg><path></path></svg></button> <!> <button data-step="1"><svg><path></path></svg></button></nav>`);function we(r,e){n.push(e,!0);let i=n.prop(e,"current",3,0),o=n.prop(e,"start",3,0),c=n.prop(e,"end",3,0),k=n.prop(e,"ordinal",3,!1),N=n.prop(e,"vertical",3,!1),z=n.prop(e,"limit",3,7),y=n.prop(e,"siblings",3,1),u=(0,Oe.getContext)("classNames"),h=(0,Oe.getContext)("i18n"),x=d=>d===o()?h.first:d===c()?h.last:de(h.slideN,d),$=Ge({current:i(),start:o(),end:c(),limit:z(),siblings:y()});var R=ot(),P=n.child(R);P.__click=function(...d){e.onclick?.apply(this,d)};var A=n.sibling(P,2);n.each(A,17,()=>$,n.index,(d,b)=>{var _=at();let S=n.derived(()=>n.get(b)===i()),H=n.derived(()=>n.get(b)<0?"\u2026":n.get(b)),I=n.derived(()=>n.get(b)<0),U=n.derived(()=>x(n.get(b)));_.__click=function(...T){e.onclick?.apply(this,T)};var C=n.child(_,!0);n.reset(_),n.template_effect(()=>{n.set_attribute(_,"aria-current",n.get(S)?"true":void 0),n.set_attribute(_,"aria-label",n.get(U)),n.set_class(_,u["nav-item"]),n.set_attribute(_,"data-index",n.get(I)?void 0:n.get(b)-1),_.disabled=n.get(I),n.set_attribute(_,"title",n.get(U)),n.toggle_class(_,"active",n.get(S)),n.toggle_class(_,"ellipsis",n.get(I)),n.toggle_class(_,"ordinal",k()),n.set_text(C,k()?n.get(H):"")}),n.append(d,_)});var l=n.sibling(A,2);l.__click=function(...d){e.onclick?.apply(this,d)},n.reset(R),n.template_effect(()=>{n.set_attribute(R,"aria-orientation",N()?"vertical":"horizontal"),n.set_class(R,u?.nav),n.set_attribute(P,"aria-label",h.first),n.set_class(P,`${u["nav-item"]??""} arrow`),P.disabled=i()<=1,n.set_attribute(P,"title",h.prev),n.set_attribute(l,"aria-label",h.first),n.set_class(l,`${u["nav-item"]??""} arrow`),l.disabled=i()>=c(),n.set_attribute(l,"title",h.next)}),n.append(r,R),n.pop()}n.delegate(["click"]);var ci=D("svelte/internal/disclose-version"),v=ae(D("svelte/internal/client")),Be=D("svelte");var lt=(r,e)=>e()(r.currentTarget.valueAsNumber),dt=v.template('<div><input class="slidy-progress-input" name="slidy-progress" type="range" min="1"> <span></span></div>');function ke(r,e){v.push(e,!0);let i=v.prop(e,"value",3,0),o=v.prop(e,"max",3,1),c=v.prop(e,"vertical",3,!1),k=v.prop(e,"change",3,$=>$),N=(0,Be.getContext)("classNames"),z=v.derived(()=>()=>Math.ceil(i()*100/o())),y=v.derived(()=>()=>Math.ceil(100/o()));var u=dt(),h=v.child(u);v.remove_input_defaults(h),h.__input=[lt,k];var x=v.sibling(h,2);v.reset(u),v.template_effect(()=>{v.set_attribute(u,"aria-orientation",c()?"vertical":"horizontal"),v.set_class(u,N.progress),v.set_style(u,"--_slidy-progress-size",`${v.get(y)??""}%`),v.set_style(u,"--_slidy-progress",`${v.get(z)??""}%`),v.set_value(h,i()),v.set_attribute(h,"max",o()),v.set_class(x,N["progress-handle"])}),v.append(r,u),v.pop()}v.delegate(["input"]);var yi=D("svelte/internal/disclose-version"),a=ae(D("svelte/internal/client")),Le=D("svelte");var ct=a.template('<button aria-roledescription="slide"><!></button>');function Ee(r,e){a.push(e,!0);let i=a.prop(e,"active",3,0),o=a.prop(e,"animation",3,void 0),c=a.prop(e,"background",3,!1),k=a.prop(e,"clamp",3,0),N=a.prop(e,"duration",3,250),z=a.prop(e,"easing",3,S=>S),y=a.prop(e,"getImgSrc",3,S=>S.src??""),u=a.prop(e,"gravity",3,.75),h=a.prop(e,"indent",3,0),x=a.prop(e,"index",3,0),$=a.prop(e,"loop",3,!1),R=a.prop(e,"sensity",3,5),P=a.prop(e,"slides",19,()=>[]),A=a.prop(e,"snap",3,void 0),l=a.prop(e,"select",3,()=>{}),d=(0,Le.getContext)("classNames"),b=(0,Le.getContext)("i18n");var _=a.derived(()=>d?.thumbnails);re(r,{get animation(){return o()},get clamp(){return k()},get duration(){return N()},get easing(){return z()},get gravity(){return u()},get indent(){return h()},get index(){return x()},get loop(){return $()},get sensity(){return R()},get snap(){return A()},tag:"nav",axis:"x",get className(){return a.get(_)},children:(S,H)=>{var I=a.comment(),U=a.first_child(I);a.each(U,19,P,(C,T)=>C.id??y()(C)??T,(C,T,q)=>{var M=ct();let V=a.derived(()=>de(b.slideN,a.get(q)+1));M.__click=()=>l()(a.get(q));let W=a.derived(()=>c()?`url(${y()(a.get(T))})`:"");var F=a.child(M);a.if(F,()=>!c(),ne=>{var se=a.derived(()=>y()(a.get(T)));ue(ne,a.spread_props({get src(){return a.get(se)}},()=>a.get(T)))}),a.reset(M),a.template_effect(()=>{a.set_attribute(M,"aria-current",a.get(q)===i()?"true":void 0),a.set_attribute(M,"aria-label",a.get(V)),a.set_class(M,d.thumbnail),a.set_attribute(M,"title",a.get(V)),a.toggle_class(M,"active",a.get(q)===i()),a.toggle_class(M,"bg",c()),a.set_style(M,"--_slidy-slide-bg",a.get(W))}),a.append(C,M)}),a.append(S,I)},$$slots:{default:!0}}),a.pop()}a.delegate(["click"]);var Ne={arrow:"slidy-arrow",autoplay:"slidy-autoplay",counter:"slidy-counter",img:"slidy-img",nav:"slidy-nav","nav-item":"slidy-nav-item",overlay:"slidy-overlay",progress:"slidy-progress","progress-handle":"slidy-progress-handle",root:"slidy",slide:"slidy-slide",slides:"slidy-slides",thumbnail:"slidy-thumbnail",thumbnails:"slidy-thumbnails"};var Pe={carousel:"carousel",counter:"%s of %s",first:"Go to the first slide",last:"Go to the last slide",next:"Go to the next slide",play:"Start autoplay",prev:"Return back to previous slide",slide:"slide",slideN:"Go to the slide %s",stop:"Stop autoplay"};var ut=t.template("<output> </output>"),pt=t.template("<div><!> <!></div>"),mt=t.template('<li role="group"><!></li>'),gt=t.ns_template('<svg class="slidy-arrow-icon" xmlns="http://www.w3.org/2000/svg"><path></path></svg>'),vt=t.template("<section><!> <!> <!> <!> <!> <!></section>");function Re(r,e){t.push(e,!0);let i=t.prop(e,"animation",3,void 0),o=t.prop(e,"arrows",3,!0),c=t.prop(e,"axis",3,"x"),k=t.prop(e,"background",3,!1),N=t.prop(e,"counter",3,!0),z=t.prop(e,"clamp",3,0),y=t.prop(e,"classNames",3,Ne),u=t.prop(e,"duration",3,450),h=t.prop(e,"easing",3,O=>O),x=t.prop(e,"getImgSrc",3,O=>O.src||""),$=t.prop(e,"getThumbSrc",3,O=>x()(O)),R=t.prop(e,"navigation",3,!1),P=t.prop(e,"gravity",3,1.2),A=t.prop(e,"i18n",3,Pe),l=t.prop(e,"indent",3,2),d=t.prop(e,"index",15,0),b=t.prop(e,"position",11,0),_=t.prop(e,"loop",3,!1),S=t.prop(e,"groups",3,0),H=t.prop(e,"plugins",19,()=>[]),I=t.prop(e,"progress",3,!1),U=t.prop(e,"sensity",3,5),C=t.prop(e,"slides",19,()=>[]),T=t.prop(e,"snap",3,void 0),q=t.prop(e,"thumbnail",3,!1),M=t.prop(e,"vertical",3,!1);(0,De.setContext)("classNames",y()),(0,De.setContext)("i18n",A());let V=t.derived(()=>C().length),W=O=>{let s=O.target;if(s.nodeName==="BUTTON"){if(s.dataset.index){d(parseInt(s.dataset.index));return}if(s.dataset.step){d(parseInt(s.dataset.step)+d());return}}};var F=vt(),ne=t.child(F);t.if(ne,N,O=>{var s=pt(),p=t.child(s);t.if(p,N,w=>{var L=ut(),Z=t.child(L,!0);t.template_effect(()=>t.set_text(Z,de(A().counter,d()+1,t.get(V)))),t.reset(L),t.template_effect(()=>t.set_class(L,y()?.counter)),t.append(w,L)});var f=t.sibling(p,2);t.snippet(f,()=>e.overlay??t.noop),t.reset(s),t.template_effect(()=>t.set_class(s,y()?.overlay)),t.append(O,s)});var se=t.sibling(ne,2),ve=t.derived(()=>y()?.slides);re(se,{get animation(){return i()},get axis(){return c()},get clamp(){return z()},get duration(){return u()},get easing(){return h()},get gravity(){return P()},get indent(){return l()},get index(){return d()},get position(){return b()},get loop(){return _()},get plugins(){return H()},get sensity(){return U()},get snap(){return T()},get onmove(){return e.onmove},get onkeys(){return e.onkeys},get onmount(){return e.onmount},get onresize(){return e.onresize},get onupdate(){return e.onupdate},get ondestroy(){return e.ondestroy},get className(){return t.get(ve)},onindex:O=>d(O.detail.index),children:(O,s)=>{var p=t.comment(),f=t.first_child(p);t.each(f,19,C,(w,L)=>w.id??x()(w)??L,(w,L,Z)=>{var j=mt();let G=t.derived(()=>t.get(Z)===d());t.template_effect(()=>t.set_attribute(j,"aria-label",de(A().counter,t.get(Z),t.get(V))));let K=t.derived(()=>k()?`url(${x()(t.get(L))}`:void 0);var pe=t.child(j);t.if(pe,()=>e.slide,Y=>{var J=t.comment(),B=t.first_child(J);t.snippet(B,()=>e.slide,()=>t.get(L)),t.append(Y,J)},Y=>{var J=t.comment(),B=t.first_child(J);t.if(B,()=>!k(),Q=>{var me=t.derived(()=>x()(t.get(L)));ue(Q,t.spread_props({get src(){return t.get(me)}},()=>t.get(L)))}),t.append(Y,J)}),t.reset(j),t.template_effect(()=>{t.set_attribute(j,"aria-current",t.get(G)?"true":void 0),t.set_attribute(j,"aria-roledescription",A().slide),t.set_class(j,y()?.slide),t.toggle_class(j,"active",t.get(G)),t.toggle_class(j,"bg",k()),t.set_style(j,"--_slidy-slide-bg",t.get(K))}),t.append(w,j)}),t.append(O,p)},$$slots:{default:!0}});var fe=t.sibling(se,2);t.if(fe,o,O=>{var s=t.comment(),p=t.first_child(s);t.if(p,()=>e.arrrows,f=>{var w=t.comment(),L=t.first_child(w);t.snippet(L,()=>e.arrrows??t.noop),t.append(f,w)},f=>{var w=t.comment(),L=t.first_child(w);t.each(L,16,()=>[-1,1],t.index,(Z,j)=>{var G=t.derived(()=>z()>0?z():1);be(Z,{get direction(){return j},get index(){return d()},get loop(){return _()},get vertical(){return M()},get items(){return t.get(V)},get step(){return t.get(G)},onclick:W,children:(K,pe)=>{var Y=t.comment(),J=t.first_child(Y);t.if(J,()=>e.arrrow,B=>{var Q=t.comment(),me=t.first_child(Q);t.snippet(me,()=>e.arrrow??t.noop),t.append(B,Q)},B=>{var Q=gt();t.template_effect(()=>t.set_attribute(Q,"viewBox",Ze.viewBox)),t.append(B,Q)}),t.append(K,Y)},$$slots:{default:!0}})}),t.append(f,w)}),t.append(O,s)});var ye=t.sibling(fe,2);t.if(ye,I,O=>{var s=t.derived(()=>d()+1);ke(O,{get value(){return t.get(s)},get max(){return t.get(V)},change:p=>d(p-1),get vertical(){return M()}})});var X=t.sibling(ye,2);t.if(X,q,O=>{var s=t.comment(),p=t.first_child(s);t.if(p,()=>e.thumbnails,f=>{var w=t.comment(),L=t.first_child(w);t.snippet(L,()=>e.thumbnails),t.append(f,w)},f=>{Ee(f,{get background(){return k()},get duration(){return u()},get easing(){return h()},get indent(){return l()},get loop(){return _()},get sensity(){return U()},get slides(){return C()},get active(){return d()},get index(){return d()},get getImgSrc(){return $()},select:w=>d(w)})}),t.append(O,s)});var ze=t.sibling(X,2);t.if(ze,R,O=>{var s=t.derived(()=>d()+1);we(O,{get current(){return t.get(s)},start:1,get end(){return t.get(V)},get vertical(){return M()},onclick:W})}),t.reset(F),t.template_effect(()=>{t.set_attribute(F,"aria-roledescription",A().carousel),t.set_attribute(F,"aria-orientation",M()?"vertical":"horizontal"),t.set_class(F,y()?.root),t.toggle_class(F,"groups",S()>1),t.set_style(F,"--slidy-group-items",S())}),t.append(r,F),t.pop()}return tt(ft);})();