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