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