@slidy/solid
Version:
Simple, configurable & reusable carousel component built with SolidJS
2 lines (1 loc) • 21 kB
JavaScript
;var SlidySolid=(()=>{var Ee=Object.defineProperty;var Tt=Object.getOwnPropertyDescriptor;var Dt=Object.getOwnPropertyNames;var Ot=Object.prototype.hasOwnProperty;var m=(r=>typeof require<"u"?require:typeof Proxy<"u"?new Proxy(r,{get:(e,t)=>(typeof require<"u"?require:e)[t]}):r)(function(r){if(typeof require<"u")return require.apply(this,arguments);throw Error('Dynamic require of "'+r+'" is not supported')});var Rt=(r,e)=>{for(var t in e)Ee(r,t,{get:e[t],enumerable:!0})},Ut=(r,e,t,n)=>{if(e&&typeof e=="object"||typeof e=="function")for(let a of Dt(e))!Ot.call(r,a)&&a!==t&&Ee(r,a,{get:()=>e[a],enumerable:!(n=Tt(e,a))||n.enumerable});return r};var Ht=r=>Ut(Ee({},"__esModule",{value:!0}),r);var vr={};Rt(vr,{Core:()=>G,Slidy:()=>It,classNames:()=>ie,i18nDefaults:()=>X});var oe=m("solid-js/web"),zt=m("solid-js/web"),_t=m("solid-js/web"),je=m("solid-js/web"),B=m("solid-js/web"),z=m("solid-js/web"),Fe=m("solid-js/web"),ne=m("solid-js/web"),$=m("solid-js/web"),me=m("solid-js/web"),P=m("solid-js");var Ye=m("solid-js/web"),Je=m("solid-js/web"),le=m("solid-js/web"),Qe=m("solid-js/web"),et=m("solid-js/web"),tt=m("solid-js");var jt=(0,Ye.template)("<button>"),Ft={direction:1,step:1,index:0,vertical:!1},Bt=r=>{let e=(0,tt.mergeProps)(Ft,r),{classNames:t,i18n:n}=T(),a=()=>e.direction<0?e.index===0&&!e.loop:e.index===e.items-1&&!e.loop,f=()=>e.direction>0?n.next:n.prev;return(()=>{var y=jt();return(0,et.insert)(y,()=>e.children),(0,Qe.effect)(o=>{var i=f(),s=e.vertical?"vertical":"horizontal",h={[t.arrow]:!0,prev:e.direction<1},d=e.direction*e.step,p=a(),k=f();return i!==o.e&&(0,le.setAttribute)(y,"aria-label",o.e=i),s!==o.t&&(0,le.setAttribute)(y,"aria-orientation",o.t=s),o.a=(0,Je.classList)(y,h,o.a),d!==o.o&&(0,le.setAttribute)(y,"data-step",o.o=d),p!==o.i&&(y.disabled=o.i=p),k!==o.n&&(0,le.setAttribute)(y,"title",o.n=k),o},{e:void 0,t:void 0,a:void 0,o:void 0,i:void 0,n:void 0}),y})()},Ne=Bt;var lt=m("solid-js/web"),R=m("solid-js"),dt=m("solid-js/web");var{assign:Pe,entries:rt}=Object,{abs:K,exp:it,floor:nt,min:Wt,max:ze,round:fe,sign:Q}=Math;function H(r,e,t){return Wt(t,ze(r,e))}function _e(r,e=50,t=!0){let n=0;return t?a=>{let f=performance.now();f-n>=e&&(r(a),n=f)}:a=>r(a)}function j(r,e){for(let t=0;t<r.length;t++)e(r[t],t,r);return r}var Ie=(r,e)=>K(r.deltaX)>=K(r.deltaY)&&e.axis!=="y";function ot(r,e=0){return new Promise((t,n)=>{let a=setInterval(()=>{e++,e>=69?(clearInterval(a),n("few slides")):r.childElementCount&&(clearInterval(a),t(qt(r)))},16)})}function qt(r){return j(r.children,(e,t)=>e.index=t)}function ve(r,e,t){let n=r.children.length;return e.loop?(t+n)%n:H(0,t,n-1)}function de(r,e){if(r.type==="wheel")return Ie(r,e)?r.deltaX:r.shiftKey||e.axis==="y"?r.deltaY:0;{let t=r.touches&&r.touches[0]||r;return e.axis==="y"?t.pageY:t.pageX}}function F(r,e,t){r.dispatchEvent(new CustomEvent(e,{detail:t}))}function Z(r,e,t=!0){let n=t?"addEventListener":"removeEventListener";j(e,a=>r[n](...a))}function st(r,e){let t=[...r.children],n=t.length,a=n-1,f=nt(n/2),y=n>1?t[1].offsetTop-t[0].offsetTop>=t[0].offsetHeight:!1,o=y?"offsetTop":"offsetLeft",i=y?"offsetHeight":"offsetWidth",s=Q(t[a][o]),h=n>1?t[a][o]*s-t[a-1][o]*s-t[a-ze(s,0)][i]:0,p=t.reduce((c,g)=>c+=g[i]+h,0)>r.offsetWidth,k=e.snap==="deck";Pe(e,{reverse:s,scrollable:p,vertical:y,edged:l()});function l(c){let g=N(s<0?a:0,"start"),b=N(s<0?0:a,"end"),w=N(c),E=e.direction,A=fe(e.position),L=I=>E<=0&&I<=g||E>=0&&I>=b;return e.loop?!1:L(c>=0?w:A)}function N(c,g=e.snap){let b=_=>t.find(C=>C.index===_)||t[0],w=_=>r[i]-b(_)[i],E=I(s<0?a:0,"start"),A=I(s<0?0:a,"end"),L=I(c,g);return e.loop||g==="deck"?L:H(E,L,A);function I(_,C){C=k?"deck":C;let U=b(_)[i]+h*2<r[i]?e.indent??1:w(_)/2/h,V=C==="start"?0:C==="end"?1:.5,O=C==="start"?-U:C==="end"?U:0;return b(_)[o]-w(_)*V+h*O}}return{edges:l,distance:N,index(c){let g=({index:b})=>K(N(b)-c);return t.reduce((b,w)=>g(w)<g(b)?w:b).index},position(c){let g=e.index;if(c){let b=t.slice(g-f).concat(t.slice(0,g-f));r.replaceChildren(...b)}return N(g)},swap(c){let g=n%c?Q(-c):c,b=g>0?0:a;return p&&(b?r.prepend(t[b]):r.append(t[b])),(t[b][i]+h)*(g*s)},sense(c,g,b){return c.shiftKey||e.axis==="y"&&c.type!=="touchmove"||K(g)>=b},animate(){j(t,(c,g)=>{c.i=g,c.active=e.loop?f:e.index,c.size=c[i]+h,c.dist=N(c.index),c.track=e.position-c.dist,c.turn=H(-1,c.track/c.size,1),c.exp=H(0,(c.size-K(c.track))/c.size,1);let b=k?c.dist:e.position,w=y?`translateY(${-b}px)`:`translateX(${-b}px)`,E={node:r,child:c,options:e,translate:w},A=e.animation?.(E)||{transform:w};Pe(c.style,p?A:{transform:""})})}}}function Me(r,e){let t={...e},n,a=0,f=0,y=0,o=0,i=0,s,h,d=a=t.index??=0,p=t.position??=0,k=t.direction??=0,l=(t.duration??=450)/2,N=t.sensity??=2.5,c=t.gravity??=1.2,g=t.clamp??=0,b=[["touchmove",We,{passive:!1}],["mousemove",We],["touchend",qe],["mouseup",qe],["scroll",()=>{O(d),c=2}]],w=[["wheel",Mt,{passive:!1,capture:!0}]],E=[["touchstart",Be,{passive:!1}],["mousedown",Be],["keydown",At],["contextmenu",()=>O(d)],["dragstart",u=>u.preventDefault()]],A=new ResizeObserver(u=>{p=t.position=n().position(),O(d),F(r,"resize",{ROE:u,options:t})}),L=new MutationObserver(u=>{j(u,v=>{[...v.addedNodes,...v.removedNodes].every(M=>"index"in M)||Ke().then(q)}),F(r,"mutate",{ML:u,options:t})}),I=requestAnimationFrame,_="outline:0;overflow:hidden;user-select:none;-webkit-user-select:none;",C={init:q,update:Ct,destroy:Ke,to:O};q(),j(t.plugins||[],(u,v,x)=>{x[v]=u({node:r,options:t,instance:C})});function q(){ot(r).then(()=>{n=()=>st(r,t),r.style.cssText+=_,r.onwheel=_e(Ve,l,g),p=t.position=n().position(t.loop),A.observe(r),L.observe(r,{childList:!0}),Z(r,E),Z(window,w),F(r,"mount",{options:t})})}function U(u,v){k=t.direction=Q(u),p=t.position+=x(u),d=t.index=n().index(p),c=n().edges()?1.8:t.gravity,N=0,n().animate(),F(r,"move",{index:d,position:p});function x(M){return d-a&&(M-=t.loop?n().swap(d-a):0,a=d,F(r,"index",{index:v})),M}}function V(u,v){let M=t.snap||n().edges(u)?n().distance(u):p+v,J=l*H(1,u-a,2),pe=M-p;y=I(Ze);let ge=0,se=0,ae=0;function Ze(Ge){ge||=Ge,se=ae;let St=ge-Ge,Xe=it(St/J),Lt=t.easing?.(Xe)||Xe;ae=pe*Lt;let $t=se%ae?(se-ae)%pe:0;U($t,u),fe(ae)?y=I(Ze):(N=t.sensity,Y())}}function O(u=0,v=0){u=ve(r,t,u),Y(),V(u,v||n().distance(u)-p)}function Be(u){Y(),N=t.sensity,f=de(u,t),o=u.timeStamp,i=0,Z(window,b),!n().edges()&&u.stopPropagation()}function We(u){let v=(f-de(u,t))*(2-c),x=u.timeStamp-o,M=1e3*v/(c+x);o=u.timeStamp,f=de(u,t),i=(2-c)*M+(c-1)*i,n().sense(u,v,N)&&(U(v,d),u.preventDefault())}function qe(){Y();let u=i*(2-c),v=n().index(p+u);V(x(v,t),u);function x(M,J){return M=g&&M-a?d+g*k:M,ve(r,J,M)}}function Ve(u){Y();let v=de(u,t)*(2-c),x=d+Q(v)*(g||1),M=t.snap||s||n().edges(),J=n().sense(u,v,N),pe=n().edges()?v/5:v,ge=s?x:d,se=s?0:l/2;!s&&J&&U(pe,d),h=M&&J?setTimeout(O,se,ge):void 0,!n().edges()&&u.stopPropagation()}function Mt(u){if(u.composedPath().includes(r)){let v=t.axis==="y"&&!n().edges();(Ie(u,t)||v||u.shiftKey)&&u.preventDefault();let x=g||t.axis==="y"&&!t.vertical||u.shiftKey;s!==x&&(r.onwheel=_e(Ve,l,x),s=x)}}function At(u){let v=["ArrowLeft","ArrowRight","ArrowUp","ArrowDown"],x=(v.indexOf(u.key)%2-1||1)*(g||1);v.indexOf(u.key)>=0&&(O(d+x),u.preventDefault()),F(r,"keys",u.key)}function Y(){clearTimeout(h),cancelAnimationFrame(y),Z(window,b,!1)}function Ct(u){j(rt(u),([v,x])=>{if(x!==t[v]){switch(v){case"index":O(d=t[v]=ve(r,t,x));break;case"position":O(d,x);break;case"gravity":c=t[v]=H(0,x,2);break;case"duration":t[v]=x,l=x/2;break;case"sensity":N=t[v]=x;break;case"clamp":g=t[v]=x;break;default:t[v]=x;break}F(r,"update",u)}})}async function Ke(){Y(),A.disconnect(),L.disconnect(),Z(r,E,!1),Z(window,w,!1),F(r,"destroy",r)}return C}var ee=r=>typeof r=="function",te=(r,...e)=>{for(let t of e)r=r.replace("%s",t.toString());return r},D=(...r)=>e=>r.forEach(t=>t?.(e)),at=()=>{};var Vt={axis:"x",clamp:0,duration:450,easing:r=>r,gravity:1.2,indent:2,index:0,loop:!1,position:0,sensity:5,tag:"ol"},Kt=["animation","axis","clamp","duration","easing","gravity","indent","loop","sensity","snap","index","plugins"],Zt=r=>{let e=(0,R.mergeProps)(Vt,r),t=(0,R.splitProps)(e,Kt)[0];return(0,lt.createComponent)(dt.Dynamic,{get component(){return e.tag},get class(){return e.className},"aria-live":"polite",tabindex:"0",ref:a=>{(0,R.onMount)(()=>{let{update:y,destroy:o}=Me(a,{...t});(0,R.createEffect)(()=>{y(t)}),(0,R.onCleanup)(o)})},get"on:destroy"(){return D(e.onDestroy)},get"on:index"(){return D(e.onIndex)},get"on:keys"(){return D(e.onKeys)},get"on:mount"(){return D(e.onMount)},get"on:move"(){return D(e.onMove)},get"on:resize"(){return D(e.onResize)},get"on:update"(){return D(e.onUpdate)},get"on:mutate"(){return D(e.onMutate)},get children(){return e.children}})},G=Zt;var ct=m("solid-js/web"),ut=m("solid-js/web"),mt=m("solid-js/web"),Hr=m("solid-js/web");var ye=m("solid-js");var Gt=(0,ct.template)("<img>"),Xt={decoding:"auto",lazy:!1},Yt=r=>{let e=(0,ye.mergeProps)(Xt,r),[t,n]=(0,ye.splitProps)(e,["lazy","id"]),{classNames:a}=T();return(()=>{var f=Gt();return(0,ut.spread)(f,(0,mt.mergeProps)(n,{get class(){return a.img},get id(){return t.id},get loading(){return t.lazy?"lazy":void 0}}),!1,!1),f})()},ce=Yt;var Se=m("solid-js/web"),gt=m("solid-js/web"),ft=m("solid-js/web"),S=m("solid-js/web"),be=m("solid-js/web"),Ae=m("solid-js/web"),Ce=m("solid-js/web"),vt=m("solid-js/web"),xe=m("solid-js");var he=(r,e)=>{let t=e-r+1;return[...Array(t).keys()].map(n=>n+r)},pt=({current:r,start:e=0,end:t,limit:n,siblings:a})=>{if(Math.max(5+a*2,t-e+1)<=n)return he(e,t);let y=Math.max(r-a,e),o=Math.min(r+a,t),i=y>2,s=o<t-1;if(!i&&s)return[...he(e,3+2*a),-1,t];if(i&&!s){let h=3+2*a,d=he(t-h+1,t);return[e,-1,...d]}if(i&&s){let h=he(y,o);return[e,-1,...h,-1,t]}return[]};var W={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 Jt=(0,Se.template)("<nav aria-label=pagination><button data-step=-1><svg><path></path></svg></button><button data-step=1><svg><path>"),Qt=(0,Se.template)("<button>"),er={ordinal:!1,vertical:!1,limit:7,siblings:1},tr=r=>{let e=(0,xe.mergeProps)(er,r),{i18n:t,classNames:n}=T(),a=o=>o===e.start?t.first:o===e.end?t.last:te(t.slideN,o),f=()=>e.end-e.start+1>e.limit&&!0,y=()=>pt({current:e.current,start:e.start,end:e.end,limit:e.limit,siblings:e.siblings});return(()=>{var o=Jt(),i=o.firstChild,s=i.firstChild,h=s.firstChild,d=i.nextSibling,p=d.firstChild,k=p.firstChild;return(0,Ce.insert)(o,(0,vt.createComponent)(xe.For,{get each(){return y()},children:l=>{let N=()=>e.current===l,c=()=>l<0?"\u2026":l,g=()=>l<0,b=a(l);return(()=>{var w=Qt();return(0,S.setAttribute)(w,"aria-label",b),(0,S.setAttribute)(w,"title",b),(0,Ce.insert)(w,(()=>{var E=(0,ft.memo)(()=>!!f());return()=>E()?c():""})()),(0,Ae.effect)(E=>{var A=N()?"true":void 0,L={[n["nav-item"]]:!0,active:N(),ellipsis:g(),ordinal:f()},I=g()?void 0:l-1,_=g();return A!==E.e&&(0,S.setAttribute)(w,"aria-current",E.e=A),E.t=(0,gt.classList)(w,L,E.t),I!==E.a&&(0,S.setAttribute)(w,"data-index",E.a=I),_!==E.o&&(w.disabled=E.o=_),E},{e:void 0,t:void 0,a:void 0,o:void 0}),w})()}}),d),(0,Ae.effect)(l=>{var N=n?.nav,c=e.vertical?"vertical":"horizontal",g=t.first,b=n["nav-item"]+" arrow",w=e.current<=1,E=t.prev,A=W.viewBox,L=W.path,I=t.first,_=n["nav-item"]+" arrow",C=e.current>=e.end,q=t.next,U=W.viewBox,V=W.path;return N!==l.e&&(0,be.className)(o,l.e=N),c!==l.t&&(0,S.setAttribute)(o,"aria-orientation",l.t=c),g!==l.a&&(0,S.setAttribute)(i,"aria-label",l.a=g),b!==l.o&&(0,be.className)(i,l.o=b),w!==l.i&&(i.disabled=l.i=w),E!==l.n&&(0,S.setAttribute)(i,"title",l.n=E),A!==l.s&&(0,S.setAttribute)(s,"viewBox",l.s=A),L!==l.h&&(0,S.setAttribute)(h,"d",l.h=L),I!==l.r&&(0,S.setAttribute)(d,"aria-label",l.r=I),_!==l.d&&(0,be.className)(d,l.d=_),C!==l.l&&(d.disabled=l.l=C),q!==l.u&&(0,S.setAttribute)(d,"title",l.u=q),U!==l.c&&(0,S.setAttribute)(p,"viewBox",l.c=U),V!==l.w&&(0,S.setAttribute)(k,"d",l.w=V),l},{e:void 0,t:void 0,a:void 0,o:void 0,i:void 0,n:void 0,s:void 0,h:void 0,r:void 0,d:void 0,l:void 0,u:void 0,c:void 0,w:void 0}),o})()},Le=tr;var yt=m("solid-js/web"),ht=m("solid-js/web"),$e=m("solid-js/web"),Te=m("solid-js/web"),bt=m("solid-js/web"),De=m("solid-js/web");var xt=m("solid-js");var rr=(0,yt.template)("<div><input class=slidy-progress-input type=range min=1 name=slidy-progress><span>"),ir={value:0,max:1,vertical:!1,onInput:at},nr=r=>{let e=(0,xt.mergeProps)(ir,r),{classNames:t}=T(),n=()=>Math.ceil(e.value*100/e.max),a=()=>Math.ceil(100/e.max);return(()=>{var f=rr(),y=f.firstChild,o=y.nextSibling;return(0,bt.addEventListener)(y,"input",e.onInput,!0),(0,De.effect)(i=>{var s=t.progress,h=e.vertical?"vertical":"horizontal",d=a()+"%",p=n()+"%",k=e.max,l=t["progress-handle"];return s!==i.e&&(0,Te.className)(f,i.e=s),h!==i.t&&(0,$e.setAttribute)(f,"aria-orientation",i.t=h),d!==i.a&&((i.a=d)!=null?f.style.setProperty("--_slidy-progress-size",d):f.style.removeProperty("--_slidy-progress-size")),p!==i.o&&((i.o=p)!=null?f.style.setProperty("--_slidy-progress",p):f.style.removeProperty("--_slidy-progress")),k!==i.i&&(0,$e.setAttribute)(y,"max",i.i=k),l!==i.n&&(0,Te.className)(o,i.n=l),i},{e:void 0,t:void 0,a:void 0,o:void 0,i:void 0,n:void 0}),(0,De.effect)(()=>y.value=e.value),f})()},Oe=nr;(0,ht.delegateEvents)(["input"]);var wt=m("solid-js/web"),kt=m("solid-js/web"),Et=m("solid-js/web"),we=m("solid-js/web"),Nt=m("solid-js/web"),Pt=m("solid-js/web"),Re=m("solid-js/web"),ue=m("solid-js/web"),re=m("solid-js");var or=(0,wt.template)("<button type=button aria-roledescription=slide>"),sr={active:0,animation:void 0,axis:"x",background:!1,clamp:0,duration:250,easing:r=>r,getImgSrc:r=>r.src??"",gravity:.75,indent:0,index:0,loop:!1,sensity:5,slides:[],snap:void 0},ar=r=>{let e=(0,re.mergeProps)(sr,r),{classNames:t,i18n:n}=T();return(0,ue.createComponent)(G,(0,Re.mergeProps)(e,{tag:"nav",get className(){return t?.thumbnails},get children(){return(0,ue.createComponent)(re.For,{get each(){return e.slides},children:(a,f)=>{let y=()=>e.active===f(),o=()=>te(n.slideN,f()+1);return(()=>{var i=or();return i.$$click=()=>e.onSelect?.(f()),(0,Pt.insert)(i,(0,ue.createComponent)(re.Show,{get when(){return!e.background},get children(){return(0,ue.createComponent)(ce,(0,Re.mergeProps)(a,{get src(){return e.getImgSrc?.(a)}}))}})),(0,Nt.effect)(s=>{var h=y()?"true":void 0,d=o(),p=o(),k={[t.thumbnail]:!0,active:y(),bg:e.background},l=e.background?`url(${e.getImgSrc?.(a)})`:"";return h!==s.e&&(0,we.setAttribute)(i,"aria-current",s.e=h),d!==s.t&&(0,we.setAttribute)(i,"aria-label",s.t=d),p!==s.a&&(0,we.setAttribute)(i,"title",s.a=p),s.o=(0,Et.classList)(i,k,s.o),l!==s.i&&((s.i=l)!=null?i.style.setProperty("--_slidy-slide-bg",l):i.style.removeProperty("--_slidy-slide-bg")),s},{e:void 0,t:void 0,a:void 0,o:void 0,i:void 0}),i})()}})}}))},Ue=ar;(0,kt.delegateEvents)(["click"]);var ke=m("solid-js");var X={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 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 lr={i18n:X,classNames:ie},He=(0,ke.createContext)(lr),T=()=>(0,ke.useContext)(He);var dr=(0,oe.template)("<output> / "),cr=(0,oe.template)("<div>"),ur=(0,oe.template)("<section>"),mr=(0,oe.template)("<li role=group>"),pr=(0,oe.template)("<svg class=slidy-arrow-icon><path>"),gr={arrows:!0,vertical:!1,background:!1,counter:!0,getImgSrc:r=>r.src??"",getThumbSrc:r=>r.src??"",navigation:!1,loop:!1,groups:0,progress:!1,slides:[],thumbnail:!1,index:()=>0,classNames:ie,i18n:X},fr=r=>{let e=(0,P.mergeProps)(gr,r),[t,n]=ee(e.setIndex)?[e.index,e.setIndex]:(0,P.createSignal)((0,P.untrack)(e.index)),a=()=>e.slides.length,f=o=>{let i=o.target;if(i.nodeName==="BUTTON"){if(i.dataset.index){n(parseInt(i.dataset.index));return}if(i.dataset.step){n(parseInt(i.dataset.step)+(0,P.untrack)(t));return}}},y=o=>{Promise.resolve(o.detail.index).then(n)};return(0,z.createComponent)(He.Provider,{get value(){return{classNames:e.classNames,i18n:e.i18n}},get children(){var o=ur();return o.$$click=f,(0,$.insert)(o,(0,z.createComponent)(P.Show,{get when(){return e.counter||e.overlay},get children(){var i=cr();return(0,$.insert)(i,(0,z.createComponent)(P.Show,{get when(){return e.counter},get children(){var s=dr(),h=s.firstChild;return(0,$.insert)(s,()=>t()+1,h),(0,$.insert)(s,a,null),(0,ne.effect)(()=>(0,Fe.className)(s,e.classNames?.counter)),s}}),null),(0,$.insert)(i,(()=>{var s=(0,me.memo)(()=>!!ee(e.overlay));return()=>s()&&e.overlay()})(),null),(0,ne.effect)(()=>(0,Fe.className)(i,e.classNames?.overlay)),i}}),null),(0,$.insert)(o,(0,z.createComponent)(G,{get animation(){return e.animation},get axis(){return e.axis},get clamp(){return e.clamp},get className(){return e.classNames?.slides},get duration(){return e.duration},get easing(){return e.easing},get gravity(){return e.gravity},get indent(){return e.indent},get index(){return t()},get loop(){return e.loop},get sensity(){return e.sensity},get snap(){return e.snap},plugins:e.plugins,get onResize(){return e.onResize},get onMount(){return e.onMount},get onMove(){return e.onMove},get onIndex(){return D(y,e.onIndex)},get onKeys(){return e.onKeys},get onUpdate(){return e.onUpdate},get onDestroy(){return e.onDestroy},get onMutate(){return e.onMutate},get children(){return(0,z.createComponent)(P.For,{get each(){return e.slides},children:(i,s)=>{let h=()=>t()===s();return e.children?e.children(i):(()=>{var d=mr();return(0,$.insert)(d,(0,z.createComponent)(P.Show,{get when(){return!e.background},get children(){return(0,z.createComponent)(ce,(0,_t.mergeProps)(i,{get src(){return e.getImgSrc(i)}}))}})),(0,ne.effect)(p=>{var k=h()?"true":void 0,l=te(e.i18n.counter,s()+1,a()),N=e.i18n.slide,c={[e.classNames&&e.classNames.slide]:!0,active:h(),bg:e.background},g=e.background?`url("${e.getImgSrc(i)}")`:void 0;return k!==p.e&&(0,B.setAttribute)(d,"aria-current",p.e=k),l!==p.t&&(0,B.setAttribute)(d,"aria-label",p.t=l),N!==p.a&&(0,B.setAttribute)(d,"aria-roledescription",p.a=N),p.o=(0,je.classList)(d,c,p.o),g!==p.i&&((p.i=g)!=null?d.style.setProperty("--_slidy-slide-bg",g):d.style.removeProperty("--_slidy-slide-bg")),p},{e:void 0,t:void 0,a:void 0,o:void 0,i:void 0}),d})()}})}}),null),(0,$.insert)(o,(0,z.createComponent)(P.Show,{get when(){return e.arrows===!0},get fallback(){return(0,me.memo)(()=>!!ee(e.arrows))()&&e.arrows()},get children(){return(0,z.createComponent)(P.For,{each:[-1,1],children:i=>(0,z.createComponent)(Ne,{direction:i,get index(){return t()},get items(){return a()},get loop(){return e.loop},get step(){return e.clamp>0?e.clamp:1},get vertical(){return e.vertical},get children(){return(0,z.createComponent)(P.Show,{get when(){return!e.arrow},get fallback(){return(0,me.memo)(()=>!!ee(e.arrow))()&&e.arrow()},get children(){var s=pr(),h=s.firstChild;return(0,ne.effect)(d=>{var p=W.viewBox,k=W.path;return p!==d.e&&(0,B.setAttribute)(s,"viewBox",d.e=p),k!==d.t&&(0,B.setAttribute)(h,"d",d.t=k),d},{e:void 0,t:void 0}),s}})}})})}}),null),(0,$.insert)(o,(0,z.createComponent)(P.Show,{get when(){return e.progress},get children(){return(0,z.createComponent)(Oe,{get value(){return t()+1},get max(){return a()},get vertical(){return e.vertical},onInput:i=>{n(i.currentTarget.valueAsNumber-1)}})}}),null),(0,$.insert)(o,(0,z.createComponent)(P.Show,{get when(){return e.thumbnail===!0},get fallback(){return(0,me.memo)(()=>!!ee(e.thumbnail))()&&e.thumbnail()},get children(){return(0,z.createComponent)(Ue,{get active(){return t()},get background(){return e.background},get duration(){return e.duration},get easing(){return e.easing},get getImgSrc(){return e.getThumbSrc},get indent(){return e.indent},get index(){return t()},get loop(){return e.loop},get sensity(){return e.sensity},get slides(){return e.slides},onSelect:n})}}),null),(0,$.insert)(o,(0,z.createComponent)(P.Show,{get when(){return e.navigation},get children(){return(0,z.createComponent)(Le,{get current(){return t()+1},start:1,get end(){return a()},get vertical(){return e.vertical}})}}),null),(0,ne.effect)(i=>{var s=e.i18n.carousel,h=e.vertical?"vertical":"horizontal",d={[e.classNames&&e.classNames.root]:!0,groups:e.groups>1},p=e.groups,k=e.id;return s!==i.e&&(0,B.setAttribute)(o,"aria-roledescription",i.e=s),h!==i.t&&(0,B.setAttribute)(o,"aria-orientation",i.t=h),i.a=(0,je.classList)(o,d,i.a),p!==i.o&&((i.o=p)!=null?o.style.setProperty("--slidy-group-items",p):o.style.removeProperty("--slidy-group-items")),k!==i.i&&(0,B.setAttribute)(o,"id",i.i=k),i},{e:void 0,t:void 0,a:void 0,o:void 0,i:void 0}),o}})};var It=fr;(0,zt.delegateEvents)(["click"]);return Ht(vr);})();