import { e as escape_html, f as fallback } from './async-Mo2Ia14K.js';
import { b as spread_props, l as await_block, e as ensure_array_like, d as attr_style, f as attr_class, g as stringify, j as clsx, c as bind_props } from './index-D1Ptw7Az.js';
import { g, c as G } from './2-B89dC7Mi.js';
import v from './Example3-W13oz660.js';
import './index5-BoOEKc6P.js';
import './dev-fallback-Bc5Ork7Y.js';
import 'path';
import 'url';
import 'fs';
import './spring-DE8vsW2o.js';

function Q(k,e){k.component(l=>{let z,H,n=e.components,a=e.component_props,x=e.load_component,u=e.headers,p=fallback(e.samples,null),B=null,f=fallback(e.sample_labels,null),G=fallback(e.value,null),w=e.root,J=e.proxy_url,_=fallback(e.samples_per_page,10),A=e.onclick,C=e.onselect,E=fallback(e.layout,null),P=J?`/proxy=${J}file=`:`${w}/file=`,v$1=0,M=p?p.length>_:false,g,N,c=[],O=-1,d=[];async function D(m){const t=JSON.parse(m);d=await Promise.all(t&&t.map(async i=>await Promise.all(i.map(async(o,h)=>({value:o,component:x(n[h],"example")})))));}z=(n.length<2||f!==null)&&E!=="table",f?p=f.map(m=>[m]):p||(p=[]),JSON.stringify(p)!==JSON.stringify(B)&&(v$1=0,B=p),M=p.length>_,M?(c=[],g=p.slice(v$1*_,(v$1+1)*_),N=Math.ceil(p.length/_),[0,v$1,N-1].forEach(m=>{for(let t=m-2;t<=m+2;t++)t>=0&&t<N&&!c.includes(t)&&(c.length>0&&t-c[c.length-1]>1&&c.push(-1),c.push(t));})):g=p.slice(),H=JSON.stringify(g||[]),await_block(l,D(H),()=>{},m=>{if(z){l.push("<!--[-->"),l.push('<div class="gallery svelte-16f20a1"><!--[-->');const t=ensure_array_like(g);for(let i=0,o=t.length;i<o;i++){let h=t[i];h[0]!=null?(l.push("<!--[-->"),l.push('<button class="gallery-item svelte-16f20a1">'),f?(l.push("<!--[-->"),v(l,{value:h[0],selected:O===i,type:"gallery"})):(l.push("<!--[!-->"),d.length?(l.push("<!--[-->"),await_block(l,d[0][0].component,()=>{},y=>{l.push("<!---->"),l.push("<!---->"),y.default?.(l,spread_props([a[0],{value:h[0],samples_dir:P,type:"gallery",selected:O===i,index:i,root:w}])),l.push("<!---->"),l.push("<!---->");}),l.push("<!--]-->")):l.push("<!--[!-->"),l.push("<!--]-->")),l.push("<!--]--></button>")):l.push("<!--[!-->"),l.push("<!--]-->");}l.push("<!--]--></div>");}else {if(l.push("<!--[!-->"),g.length>0){l.push("<!--[-->"),l.push('<div class="table-wrap svelte-16f20a1"><table tabindex="0" role="grid" class="svelte-16f20a1"><thead><tr class="tr-head svelte-16f20a1"><!--[-->');const t=ensure_array_like(u);for(let o=0,h=t.length;o<h;o++){let y=t[o];l.push(`<th class="svelte-16f20a1">${escape_html(y)}</th>`);}l.push("<!--]--></tr></thead><tbody><!--[-->");const i=ensure_array_like(d);for(let o=0,h=i.length;o<h;o++){let y=i[o];l.push('<tr class="tr-body svelte-16f20a1"><!--[-->');const j=ensure_array_like(y);for(let b=0,I=j.length;b<I;b++){let{value:R,component:Y}=j[b];const S=n[b];S!==void 0?(l.push("<!--[-->"),l.push(`<td${attr_style(`max-width: ${stringify(S==="textbox"?"35ch":"auto")}`)}${attr_class(clsx(S),"svelte-16f20a1")}>`),await_block(l,Y,()=>{},q=>{l.push("<!---->"),q.default?.(l,spread_props([a[b],{value:R,samples_dir:P,type:"table",selected:O===o,index:o,root:w}])),l.push("<!---->");}),l.push("<!--]--></td>")):l.push("<!--[!-->"),l.push("<!--]-->");}l.push("<!--]--></tr>");}l.push("<!--]--></tbody></table></div>");}else l.push("<!--[!-->");l.push("<!--]-->");}if(l.push("<!--]--> "),M){l.push("<!--[-->"),l.push('<div class="paginate svelte-16f20a1">Pages: <!--[-->');const t=ensure_array_like(c);for(let i=0,o=t.length;i<o;i++){let h=t[i];h===-1?(l.push("<!--[-->"),l.push("<div>...</div>")):(l.push("<!--[!-->"),l.push(`<button${attr_class("svelte-16f20a1",void 0,{"current-page":v$1===h})}>${escape_html(h+1)}</button>`)),l.push("<!--]-->");}l.push("<!--]--></div>");}else l.push("<!--[!-->");l.push("<!--]-->");}),l.push("<!--]-->"),bind_props(e,{components:n,component_props:a,load_component:x,headers:u,samples:p,sample_labels:f,value:G,root:w,proxy_url:J,samples_per_page:_,onclick:A,onselect:C,layout:E});});}function el(k,e){k.component(l=>{let{$$slots:z,$$events:H,...n}=e;const a=new g(n);let x=a.props.samples??[];G(l,{visible:a.shared.visible,padding:false,elem_id:a.shared.elem_id,elem_classes:a.shared.elem_classes,scale:a.shared.scale,min_width:a.shared.min_width,allow_overflow:false,container:false,children:u=>{a.shared.show_label?(u.push("<!--[-->"),u.push(`<div class="label svelte-bnxc4d"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" aria-hidden="true" role="img" width="1em" height="1em" preserveAspectRatio="xMidYMid meet" viewBox="0 0 32 32" class="svelte-bnxc4d"><path fill="currentColor" d="M10 6h18v2H10zm0 18h18v2H10zm0-9h18v2H10zm-6 0h2v2H4zm0-9h2v2H4zm0 18h2v2H4z"></path></svg> ${escape_html(a.shared.label||"Examples")}</div>`)):u.push("<!--[!-->"),u.push("<!--]--> "),Q(u,spread_props([{onclick:p=>(a.props.value=p.index,a.dispatch("click",a.props.value)),onselect:p=>a.dispatch("select",p),load_component:a.shared.load_component,samples:x},a.props])),u.push("<!---->");},$$slots:{default:true}});});}

export { el as default };
//# sourceMappingURL=Index53-BhJYcLYR.js.map
