https://gwolf20-gwolfdev.hf.space/_next/static/chunks/5504.22bb57b18c6ce9a1.js

1"use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[5504],{67331:(e,t,r)=>{r.r(t),r.d(t,{default:()=>d});var i=r(95155),n=r(12115),o=r(44923),s=r(87256),a=r(39768),l=r(5020);function d({models:e,onModelsChange:t,onEditItem:r,onMoveUp:n,onMoveDown:a,onRemoveItem:x}){let m=(0,o.FR)((0,o.MS)(o.AN,{activationConstraint:{distance:5}}),(0,o.MS)(o.uN,{coordinateGetter:s.JR})),u=e.map((e,t)=>({uid:`item-${t}`,model:e}));return(0,i.jsx)(o.Mp,{sensors:m,collisionDetection:o.fp,onDragEnd:e=>{let{active:r,over:i}=e;if(i&&r.id!==i.id){let e=u.findIndex(e=>e.uid===r.id),n=u.findIndex(e=>e.uid===i.id);-1!==e&&-1!==n&&t(t=>(0,s.be)(t,e,n))}},modifiers:[l.FN,l.gj],children:(0,i.jsx)(s.gB,{items:u.map(e=>e.uid),strategy:s._G,children:(0,i.jsx)("div",{className:"flex max-h-[55vh] min-w-0 flex-col gap-1 overflow-y-auto sm:max-h-[350px]",children:u.map(({uid:e,model:t},o)=>(0,i.jsx)(c,{id:e,index:o,model:t,isFirst:0===o,isLast:o===u.length-1,onEdit:e=>r(o,e),onMoveUp:()=>n(o),onMoveDown:()=>a(o),onRemove:()=>x(o)},e))})})})}function c({id:e,index:t,model:r,isFirst:o,isLast:l,onEdit:d,onMoveUp:x,onMoveDown:m,onRemove:u}){let{attributes:h,listeners:p,setNodeRef:b,transform:v,isDragging:g}=(0,s.gl)({id:e}),y={transform:a.Ks.Transform.toString(v),opacity:g?.4:1,zIndex:g?999:void 0},[w,f]=(0,n.useState)(!1),[j,k]=(0,n.useState)(r),N=()=>{let e=j.trim();e&&e!==r?d(e):k(r),f(!1)};return(0,i.jsxs)("div",{ref:b,style:y,className:`group flex min-w-0 items-center gap-1.5 rounded-md px-2 py-1 bg-black/[0.02] hover:bg-black/[0.04] dark:bg-white/[0.02] dark:hover:bg-white/[0.04] transition-colors ${g?"shadow-md ring-1 ring-primary/30":""}`,children:[(0,i.jsx)("button",{...h,...p,type:"button",className:"cursor-grab touch-none p-0.5 rounded text-text-muted hover:text-primary active:cursor-grabbing shrink-0",title:"Drag to reorder",children:(0,i.jsxs)("svg",{width:"16",height:"16",viewBox:"0 0 24 24",fill:"currentColor",children:[(0,i.jsx)("circle",{cx:"9",cy:"4",r:"2"}),(0,i.jsx)("circle",{cx:"15",cy:"4",r:"2"}),(0,i.jsx)("circle",{cx:"9",cy:"12",r:"2"}),(0,i.jsx)("circle",{cx:"15",cy:"12",r:"2"}),(0,i.jsx)("circle",{cx:"9",cy:"20",r:"2"}),(0,i.jsx)("circle",{cx:"15",cy:"20",r:"2"})]})}),(0,i.jsx)("span",{className:"text-[10px] font-medium text-text-muted w-3 text-center shrink-0",children:t+1}),w?(0,i.jsx)("input",{autoFocus:!0,value:j,onChange:e=>k(e.target.value),onBlur:N,onKeyDown:e=>{"Enter"===e.key&&N(),"Escape"===e.key&&(k(r),f(!1))},className:"min-w-0 flex-1 rounded border border-primary/40 bg-white px-1.5 py-0.5 font-mono text-xs text-text-main outline-none dark:bg-black/20"}):(0,i.jsx)("div",{className:"min-w-0 flex-1 cursor-text truncate rounded px-1.5 py-0.5 font-mono text-xs text-text-main hover:bg-black/5 dark:hover:bg-white/5",onClick:()=>f(!0),title:"Click to edit",children:r}),(0,i.jsxs)("div",{className:"flex shrink-0 items-center gap-0.5",children:[(0,i.jsx)("button",{onClick:x,disabled:o,className:`p-0.5 rounded ${o?"text-text-muted/20 cursor-not-allowed":"text-text-muted hover:text-primary hover:bg-black/5 dark:hover:bg-white/5"}`,title:"Move up",children:(0,i.jsx)("span",{className:"material-symbols-outlined text-[12px]",children:"arrow_upward"})}),(0,i.jsx)("button",{onClick:m,disabled:l,className:`p-0.5 rounded ${l?"text-text-muted/20 cursor-not-allowed":"text-text-muted hover:text-primary hover:bg-black/5 dark:hover:bg-white/5"}`,title:"Move down",children:(0,i.jsx)("span",{className:"material-symbols-outlined text-[12px]",children:"arrow_downward"})})]}),(0,i.jsx)("button",{onClick:u,className:"p-0.5 hover:bg-red-500/10 rounded text-text-muted hover:text-red-500 transition-all",title:"Remove",children:(0,i.jsx)("span",{className:"material-symbols-outlined text-[12px]",children:"close"})})]})}},84680:(e,t,r)=>{r.d(t,{PM:()=>i.PM,Sj:()=>i.Sj,Vy:()=>i.Vy,fF:()=>i.fF,sl:()=>i.sl,vL:()=>i.vL,y$:()=>i.y$,zM:()=>i.zM});var i=r(44923)}}]);