@senitix/ui 0.4.0

package/dist/sortable.esm-DcQYlXi3.cjs

@@ -0,0 +1,6 @@
+"use strict";const c=require("react"),Oe=require("react-dom");function Pn(){for(var e=arguments.length,t=new Array(e),n=0;n<e;n++)t[n]=arguments[n];return c.useMemo(()=>r=>{t.forEach(o=>o(r))},t)}const rt=typeof window<"u"&&typeof window.document<"u"&&typeof window.document.createElement<"u";function ye(e){const t=Object.prototype.toString.call(e);return t==="[object Window]"||t==="[object global]"}function wt(e){return"nodeType"in e}function P(e){var t,n;return e?ye(e)?e:wt(e)&&(t=(n=e.ownerDocument)==null?void 0:n.defaultView)!=null?t:window:window}function xt(e){const{Document:t}=P(e);return e instanceof t}function Fe(e){return ye(e)?!1:e instanceof P(e).HTMLElement}function _t(e){return e instanceof P(e).SVGElement}function we(e){return e?ye(e)?e.document:wt(e)?xt(e)?e:Fe(e)||_t(e)?e.ownerDocument:document:document:document}const H=rt?c.useLayoutEffect:c.useEffect;function ot(e){const t=c.useRef(e);return H(()=>{t.current=e}),c.useCallback(function(){for(var n=arguments.length,r=new Array(n),o=0;o<n;o++)r[o]=arguments[o];return t.current==null?void 0:t.current(...r)},[])}function zn(){const e=c.useRef(null),t=c.useCallback((r,o)=>{e.current=setInterval(r,o)},[]),n=c.useCallback(()=>{e.current!==null&&(clearInterval(e.current),e.current=null)},[]);return[t,n]}function ke(e,t){t===void 0&&(t=[e]);const n=c.useRef(e);return H(()=>{n.current!==e&&(n.current=e)},t),n}function $e(e,t){const n=c.useRef();return c.useMemo(()=>{const r=e(n.current);return n.current=r,r},[...t])}function Qe(e){const t=ot(e),n=c.useRef(null),r=c.useCallback(o=>{o!==n.current&&t?.(o,n.current),n.current=o},[]);return[n,r]}function Ze(e){const t=c.useRef();return c.useEffect(()=>{t.current=e},[e]),t.current}let ft={};function Xe(e,t){return c.useMemo(()=>{if(t)return t;const n=ft[e]==null?0:ft[e]+1;return ft[e]=n,e+"-"+n},[e,t])}function Qt(e){return function(t){for(var n=arguments.length,r=new Array(n>1?n-1:0),o=1;o<n;o++)r[o-1]=arguments[o];return r.reduce((i,s)=>{const a=Object.entries(s);for(const[l,u]of a){const f=i[l];f!=null&&(i[l]=f+e*u)}return i},{...t})}}const me=Qt(1),Pe=Qt(-1);function Bn(e){return"clientX"in e&&"clientY"in e}function it(e){if(!e)return!1;const{KeyboardEvent:t}=P(e.target);return t&&e instanceof t}function Fn(e){if(!e)return!1;const{TouchEvent:t}=P(e.target);return t&&e instanceof t}function ze(e){if(Fn(e)){if(e.touches&&e.touches.length){const{clientX:t,clientY:n}=e.touches[0];return{x:t,y:n}}else if(e.changedTouches&&e.changedTouches.length){const{clientX:t,clientY:n}=e.changedTouches[0];return{x:t,y:n}}}return Bn(e)?{x:e.clientX,y:e.clientY}:null}const ue=Object.freeze({Translate:{toString(e){if(!e)return;const{x:t,y:n}=e;return"translate3d("+(t?Math.round(t):0)+"px, "+(n?Math.round(n):0)+"px, 0)"}},Scale:{toString(e){if(!e)return;const{scaleX:t,scaleY:n}=e;return"scaleX("+t+") scaleY("+n+")"}},Transform:{toString(e){if(e)return[ue.Translate.toString(e),ue.Scale.toString(e)].join(" ")}},Transition:{toString(e){let{property:t,duration:n,easing:r}=e;return t+" "+n+"ms "+r}}}),Ft="a,frame,iframe,input:not([type=hidden]):not(:disabled),select:not(:disabled),textarea:not(:disabled),button:not(:disabled),*[tabindex]";function $n(e){return e.matches(Ft)?e:e.querySelector(Ft)}const Xn={display:"none"};function jn(e){let{id:t,value:n}=e;return c.createElement("div",{id:t,style:Xn},n)}function Yn(e){let{id:t,announcement:n,ariaLiveType:r="assertive"}=e;const o={position:"fixed",top:0,left:0,width:1,height:1,margin:-1,border:0,padding:0,overflow:"hidden",clip:"rect(0 0 0 0)",clipPath:"inset(100%)",whiteSpace:"nowrap"};return c.createElement("div",{id:t,style:o,role:"status","aria-live":r,"aria-atomic":!0},n)}function Kn(){const[e,t]=c.useState("");return{announce:c.useCallback(r=>{r!=null&&t(r)},[]),announcement:e}}const Zt=c.createContext(null);function Wn(e){const t=c.useContext(Zt);c.useEffect(()=>{if(!t)throw new Error("useDndMonitor must be used within a children of <DndContext>");return t(e)},[e,t])}function Un(){const[e]=c.useState(()=>new Set),t=c.useCallback(r=>(e.add(r),()=>e.delete(r)),[e]);return[c.useCallback(r=>{let{type:o,event:i}=r;e.forEach(s=>{var a;return(a=s[o])==null?void 0:a.call(s,i)})},[e]),t]}const Hn={draggable:`
+    To pick up a draggable item, press the space bar.
+    While dragging, use the arrow keys to move the item.
+    Press space again to drop the item in its new position, or press escape to cancel.
+  `},Vn={onDragStart(e){let{active:t}=e;return"Picked up draggable item "+t.id+"."},onDragOver(e){let{active:t,over:n}=e;return n?"Draggable item "+t.id+" was moved over droppable area "+n.id+".":"Draggable item "+t.id+" is no longer over a droppable area."},onDragEnd(e){let{active:t,over:n}=e;return n?"Draggable item "+t.id+" was dropped over droppable area "+n.id:"Draggable item "+t.id+" was dropped."},onDragCancel(e){let{active:t}=e;return"Dragging was cancelled. Draggable item "+t.id+" was dropped."}};function qn(e){let{announcements:t=Vn,container:n,hiddenTextDescribedById:r,screenReaderInstructions:o=Hn}=e;const{announce:i,announcement:s}=Kn(),a=Xe("DndLiveRegion"),[l,u]=c.useState(!1);if(c.useEffect(()=>{u(!0)},[]),Wn(c.useMemo(()=>({onDragStart(d){let{active:h}=d;i(t.onDragStart({active:h}))},onDragMove(d){let{active:h,over:g}=d;t.onDragMove&&i(t.onDragMove({active:h,over:g}))},onDragOver(d){let{active:h,over:g}=d;i(t.onDragOver({active:h,over:g}))},onDragEnd(d){let{active:h,over:g}=d;i(t.onDragEnd({active:h,over:g}))},onDragCancel(d){let{active:h,over:g}=d;i(t.onDragCancel({active:h,over:g}))}}),[i,t])),!l)return null;const f=c.createElement(c.Fragment,null,c.createElement(jn,{id:r,value:o.draggable}),c.createElement(Yn,{id:a,announcement:s}));return n?Oe.createPortal(f,n):f}var N;(function(e){e.DragStart="dragStart",e.DragMove="dragMove",e.DragEnd="dragEnd",e.DragCancel="dragCancel",e.DragOver="dragOver",e.RegisterDroppable="registerDroppable",e.SetDroppableDisabled="setDroppableDisabled",e.UnregisterDroppable="unregisterDroppable"})(N||(N={}));function et(){}function Gn(e,t){return c.useMemo(()=>({sensor:e,options:t??{}}),[e,t])}function Jn(){for(var e=arguments.length,t=new Array(e),n=0;n<e;n++)t[n]=arguments[n];return c.useMemo(()=>[...t].filter(r=>r!=null),[...t])}const V=Object.freeze({x:0,y:0});function Ct(e,t){return Math.sqrt(Math.pow(e.x-t.x,2)+Math.pow(e.y-t.y,2))}function _n(e,t){const n=ze(e);if(!n)return"0 0";const r={x:(n.x-t.left)/t.width*100,y:(n.y-t.top)/t.height*100};return r.x+"% "+r.y+"%"}function Dt(e,t){let{data:{value:n}}=e,{data:{value:r}}=t;return n-r}function Qn(e,t){let{data:{value:n}}=e,{data:{value:r}}=t;return r-n}function pt(e){let{left:t,top:n,height:r,width:o}=e;return[{x:t,y:n},{x:t+o,y:n},{x:t,y:n+r},{x:t+o,y:n+r}]}function en(e,t){if(!e||e.length===0)return null;const[n]=e;return n[t]}function $t(e,t,n){return t===void 0&&(t=e.left),n===void 0&&(n=e.top),{x:t+e.width*.5,y:n+e.height*.5}}const Zn=e=>{let{collisionRect:t,droppableRects:n,droppableContainers:r}=e;const o=$t(t,t.left,t.top),i=[];for(const s of r){const{id:a}=s,l=n.get(a);if(l){const u=Ct($t(l),o);i.push({id:a,data:{droppableContainer:s,value:u}})}}return i.sort(Dt)},tn=e=>{let{collisionRect:t,droppableRects:n,droppableContainers:r}=e;const o=pt(t),i=[];for(const s of r){const{id:a}=s,l=n.get(a);if(l){const u=pt(l),f=o.reduce((h,g,x)=>h+Ct(u[x],g),0),d=Number((f/4).toFixed(4));i.push({id:a,data:{droppableContainer:s,value:d}})}}return i.sort(Dt)};function er(e,t){const n=Math.max(t.top,e.top),r=Math.max(t.left,e.left),o=Math.min(t.left+t.width,e.left+e.width),i=Math.min(t.top+t.height,e.top+e.height),s=o-r,a=i-n;if(r<o&&n<i){const l=t.width*t.height,u=e.width*e.height,f=s*a,d=f/(l+u-f);return Number(d.toFixed(4))}return 0}const nn=e=>{let{collisionRect:t,droppableRects:n,droppableContainers:r}=e;const o=[];for(const i of r){const{id:s}=i,a=n.get(s);if(a){const l=er(a,t);l>0&&o.push({id:s,data:{droppableContainer:i,value:l}})}}return o.sort(Qn)};function tr(e,t){const{top:n,left:r,bottom:o,right:i}=t;return n<=e.y&&e.y<=o&&r<=e.x&&e.x<=i}const nr=e=>{let{droppableContainers:t,droppableRects:n,pointerCoordinates:r}=e;if(!r)return[];const o=[];for(const i of t){const{id:s}=i,a=n.get(s);if(a&&tr(r,a)){const u=pt(a).reduce((d,h)=>d+Ct(r,h),0),f=Number((u/4).toFixed(4));o.push({id:s,data:{droppableContainer:i,value:f}})}}return o.sort(Dt)};function rr(e,t,n){return{...e,scaleX:t&&n?t.width/n.width:1,scaleY:t&&n?t.height/n.height:1}}function rn(e,t){return e&&t?{x:e.left-t.left,y:e.top-t.top}:V}function or(e){return function(n){for(var r=arguments.length,o=new Array(r>1?r-1:0),i=1;i<r;i++)o[i-1]=arguments[i];return o.reduce((s,a)=>({...s,top:s.top+e*a.y,bottom:s.bottom+e*a.y,left:s.left+e*a.x,right:s.right+e*a.x}),{...n})}}const ir=or(1);function on(e){if(e.startsWith("matrix3d(")){const t=e.slice(9,-1).split(/, /);return{x:+t[12],y:+t[13],scaleX:+t[0],scaleY:+t[5]}}else if(e.startsWith("matrix(")){const t=e.slice(7,-1).split(/, /);return{x:+t[4],y:+t[5],scaleX:+t[0],scaleY:+t[3]}}return null}function sr(e,t,n){const r=on(t);if(!r)return e;const{scaleX:o,scaleY:i,x:s,y:a}=r,l=e.left-s-(1-o)*parseFloat(n),u=e.top-a-(1-i)*parseFloat(n.slice(n.indexOf(" ")+1)),f=o?e.width/o:e.width,d=i?e.height/i:e.height;return{width:f,height:d,top:u,right:l+f,bottom:u+d,left:l}}const ar={ignoreTransform:!1};function xe(e,t){t===void 0&&(t=ar);let n=e.getBoundingClientRect();if(t.ignoreTransform){const{transform:u,transformOrigin:f}=P(e).getComputedStyle(e);u&&(n=sr(n,u,f))}const{top:r,left:o,width:i,height:s,bottom:a,right:l}=n;return{top:r,left:o,width:i,height:s,bottom:a,right:l}}function Xt(e){return xe(e,{ignoreTransform:!0})}function cr(e){const t=e.innerWidth,n=e.innerHeight;return{top:0,left:0,right:t,bottom:n,width:t,height:n}}function lr(e,t){return t===void 0&&(t=P(e).getComputedStyle(e)),t.position==="fixed"}function ur(e,t){t===void 0&&(t=P(e).getComputedStyle(e));const n=/(auto|scroll|overlay)/;return["overflow","overflowX","overflowY"].some(o=>{const i=t[o];return typeof i=="string"?n.test(i):!1})}function st(e,t){const n=[];function r(o){if(t!=null&&n.length>=t||!o)return n;if(xt(o)&&o.scrollingElement!=null&&!n.includes(o.scrollingElement))return n.push(o.scrollingElement),n;if(!Fe(o)||_t(o)||n.includes(o))return n;const i=P(e).getComputedStyle(o);return o!==e&&ur(o,i)&&n.push(o),lr(o,i)?n:r(o.parentNode)}return e?r(e):n}function sn(e){const[t]=st(e,1);return t??null}function ht(e){return!rt||!e?null:ye(e)?e:wt(e)?xt(e)||e===we(e).scrollingElement?window:Fe(e)?e:null:null}function an(e){return ye(e)?e.scrollX:e.scrollLeft}function cn(e){return ye(e)?e.scrollY:e.scrollTop}function bt(e){return{x:an(e),y:cn(e)}}var T;(function(e){e[e.Forward=1]="Forward",e[e.Backward=-1]="Backward"})(T||(T={}));function ln(e){return!rt||!e?!1:e===document.scrollingElement}function un(e){const t={x:0,y:0},n=ln(e)?{height:window.innerHeight,width:window.innerWidth}:{height:e.clientHeight,width:e.clientWidth},r={x:e.scrollWidth-n.width,y:e.scrollHeight-n.height},o=e.scrollTop<=t.y,i=e.scrollLeft<=t.x,s=e.scrollTop>=r.y,a=e.scrollLeft>=r.x;return{isTop:o,isLeft:i,isBottom:s,isRight:a,maxScroll:r,minScroll:t}}const dr={x:.2,y:.2};function fr(e,t,n,r,o){let{top:i,left:s,right:a,bottom:l}=n;r===void 0&&(r=10),o===void 0&&(o=dr);const{isTop:u,isBottom:f,isLeft:d,isRight:h}=un(e),g={x:0,y:0},x={x:0,y:0},v={height:t.height*o.y,width:t.width*o.x};return!u&&i<=t.top+v.height?(g.y=T.Backward,x.y=r*Math.abs((t.top+v.height-i)/v.height)):!f&&l>=t.bottom-v.height&&(g.y=T.Forward,x.y=r*Math.abs((t.bottom-v.height-l)/v.height)),!h&&a>=t.right-v.width?(g.x=T.Forward,x.x=r*Math.abs((t.right-v.width-a)/v.width)):!d&&s<=t.left+v.width&&(g.x=T.Backward,x.x=r*Math.abs((t.left+v.width-s)/v.width)),{direction:g,speed:x}}function hr(e){if(e===document.scrollingElement){const{innerWidth:i,innerHeight:s}=window;return{top:0,left:0,right:i,bottom:s,width:i,height:s}}const{top:t,left:n,right:r,bottom:o}=e.getBoundingClientRect();return{top:t,left:n,right:r,bottom:o,width:e.clientWidth,height:e.clientHeight}}function dn(e){return e.reduce((t,n)=>me(t,bt(n)),V)}function gr(e){return e.reduce((t,n)=>t+an(n),0)}function vr(e){return e.reduce((t,n)=>t+cn(n),0)}function fn(e,t){if(t===void 0&&(t=xe),!e)return;const{top:n,left:r,bottom:o,right:i}=t(e);sn(e)&&(o<=0||i<=0||n>=window.innerHeight||r>=window.innerWidth)&&e.scrollIntoView({block:"center",inline:"center"})}const pr=[["x",["left","right"],gr],["y",["top","bottom"],vr]];class St{constructor(t,n){this.rect=void 0,this.width=void 0,this.height=void 0,this.top=void 0,this.bottom=void 0,this.right=void 0,this.left=void 0;const r=st(n),o=dn(r);this.rect={...t},this.width=t.width,this.height=t.height;for(const[i,s,a]of pr)for(const l of s)Object.defineProperty(this,l,{get:()=>{const u=a(r),f=o[i]-u;return this.rect[l]+f},enumerable:!0});Object.defineProperty(this,"rect",{enumerable:!1})}}class Ne{constructor(t){this.target=void 0,this.listeners=[],this.removeAll=()=>{this.listeners.forEach(n=>{var r;return(r=this.target)==null?void 0:r.removeEventListener(...n)})},this.target=t}add(t,n,r){var o;(o=this.target)==null||o.addEventListener(t,n,r),this.listeners.push([t,n,r])}}function br(e){const{EventTarget:t}=P(e);return e instanceof t?e:we(e)}function gt(e,t){const n=Math.abs(e.x),r=Math.abs(e.y);return typeof t=="number"?Math.sqrt(n**2+r**2)>t:"x"in t&&"y"in t?n>t.x&&r>t.y:"x"in t?n>t.x:"y"in t?r>t.y:!1}var K;(function(e){e.Click="click",e.DragStart="dragstart",e.Keydown="keydown",e.ContextMenu="contextmenu",e.Resize="resize",e.SelectionChange="selectionchange",e.VisibilityChange="visibilitychange"})(K||(K={}));function jt(e){e.preventDefault()}function mr(e){e.stopPropagation()}var D;(function(e){e.Space="Space",e.Down="ArrowDown",e.Right="ArrowRight",e.Left="ArrowLeft",e.Up="ArrowUp",e.Esc="Escape",e.Enter="Enter",e.Tab="Tab"})(D||(D={}));const hn={start:[D.Space,D.Enter],cancel:[D.Esc],end:[D.Space,D.Enter,D.Tab]},yr=(e,t)=>{let{currentCoordinates:n}=t;switch(e.code){case D.Right:return{...n,x:n.x+25};case D.Left:return{...n,x:n.x-25};case D.Down:return{...n,y:n.y+25};case D.Up:return{...n,y:n.y-25}}};class Rt{constructor(t){this.props=void 0,this.autoScrollEnabled=!1,this.referenceCoordinates=void 0,this.listeners=void 0,this.windowListeners=void 0,this.props=t;const{event:{target:n}}=t;this.props=t,this.listeners=new Ne(we(n)),this.windowListeners=new Ne(P(n)),this.handleKeyDown=this.handleKeyDown.bind(this),this.handleCancel=this.handleCancel.bind(this),this.attach()}attach(){this.handleStart(),this.windowListeners.add(K.Resize,this.handleCancel),this.windowListeners.add(K.VisibilityChange,this.handleCancel),setTimeout(()=>this.listeners.add(K.Keydown,this.handleKeyDown))}handleStart(){const{activeNode:t,onStart:n}=this.props,r=t.node.current;r&&fn(r),n(V)}handleKeyDown(t){if(it(t)){const{active:n,context:r,options:o}=this.props,{keyboardCodes:i=hn,coordinateGetter:s=yr,scrollBehavior:a="smooth"}=o,{code:l}=t;if(i.end.includes(l)){this.handleEnd(t);return}if(i.cancel.includes(l)){this.handleCancel(t);return}const{collisionRect:u}=r.current,f=u?{x:u.left,y:u.top}:V;this.referenceCoordinates||(this.referenceCoordinates=f);const d=s(t,{active:n,context:r.current,currentCoordinates:f});if(d){const h=Pe(d,f),g={x:0,y:0},{scrollableAncestors:x}=r.current;for(const v of x){const p=t.code,{isTop:m,isRight:y,isLeft:b,isBottom:S,maxScroll:R,minScroll:E}=un(v),w=hr(v),C={x:Math.min(p===D.Right?w.right-w.width/2:w.right,Math.max(p===D.Right?w.left:w.left+w.width/2,d.x)),y:Math.min(p===D.Down?w.bottom-w.height/2:w.bottom,Math.max(p===D.Down?w.top:w.top+w.height/2,d.y))},M=p===D.Right&&!y||p===D.Left&&!b,O=p===D.Down&&!S||p===D.Up&&!m;if(M&&C.x!==d.x){const I=v.scrollLeft+h.x,W=p===D.Right&&I<=R.x||p===D.Left&&I>=E.x;if(W&&!h.y){v.scrollTo({left:I,behavior:a});return}W?g.x=v.scrollLeft-I:g.x=p===D.Right?v.scrollLeft-R.x:v.scrollLeft-E.x,g.x&&v.scrollBy({left:-g.x,behavior:a});break}else if(O&&C.y!==d.y){const I=v.scrollTop+h.y,W=p===D.Down&&I<=R.y||p===D.Up&&I>=E.y;if(W&&!h.x){v.scrollTo({top:I,behavior:a});return}W?g.y=v.scrollTop-I:g.y=p===D.Down?v.scrollTop-R.y:v.scrollTop-E.y,g.y&&v.scrollBy({top:-g.y,behavior:a});break}}this.handleMove(t,me(Pe(d,this.referenceCoordinates),g))}}}handleMove(t,n){const{onMove:r}=this.props;t.preventDefault(),r(n)}handleEnd(t){const{onEnd:n}=this.props;t.preventDefault(),this.detach(),n()}handleCancel(t){const{onCancel:n}=this.props;t.preventDefault(),this.detach(),n()}detach(){this.listeners.removeAll(),this.windowListeners.removeAll()}}Rt.activators=[{eventName:"onKeyDown",handler:(e,t,n)=>{let{keyboardCodes:r=hn,onActivation:o}=t,{active:i}=n;const{code:s}=e.nativeEvent;if(r.start.includes(s)){const a=i.activatorNode.current;return a&&e.target!==a?!1:(e.preventDefault(),o?.({event:e.nativeEvent}),!0)}return!1}}];function Yt(e){return!!(e&&"distance"in e)}function Kt(e){return!!(e&&"delay"in e)}class Et{constructor(t,n,r){var o;r===void 0&&(r=br(t.event.target)),this.props=void 0,this.events=void 0,this.autoScrollEnabled=!0,this.document=void 0,this.activated=!1,this.initialCoordinates=void 0,this.timeoutId=null,this.listeners=void 0,this.documentListeners=void 0,this.windowListeners=void 0,this.props=t,this.events=n;const{event:i}=t,{target:s}=i;this.props=t,this.events=n,this.document=we(s),this.documentListeners=new Ne(this.document),this.listeners=new Ne(r),this.windowListeners=new Ne(P(s)),this.initialCoordinates=(o=ze(i))!=null?o:V,this.handleStart=this.handleStart.bind(this),this.handleMove=this.handleMove.bind(this),this.handleEnd=this.handleEnd.bind(this),this.handleCancel=this.handleCancel.bind(this),this.handleKeydown=this.handleKeydown.bind(this),this.removeTextSelection=this.removeTextSelection.bind(this),this.attach()}attach(){const{events:t,props:{options:{activationConstraint:n,bypassActivationConstraint:r}}}=this;if(this.listeners.add(t.move.name,this.handleMove,{passive:!1}),this.listeners.add(t.end.name,this.handleEnd),t.cancel&&this.listeners.add(t.cancel.name,this.handleCancel),this.windowListeners.add(K.Resize,this.handleCancel),this.windowListeners.add(K.DragStart,jt),this.windowListeners.add(K.VisibilityChange,this.handleCancel),this.windowListeners.add(K.ContextMenu,jt),this.documentListeners.add(K.Keydown,this.handleKeydown),n){if(r!=null&&r({event:this.props.event,activeNode:this.props.activeNode,options:this.props.options}))return this.handleStart();if(Kt(n)){this.timeoutId=setTimeout(this.handleStart,n.delay),this.handlePending(n);return}if(Yt(n)){this.handlePending(n);return}}this.handleStart()}detach(){this.listeners.removeAll(),this.windowListeners.removeAll(),setTimeout(this.documentListeners.removeAll,50),this.timeoutId!==null&&(clearTimeout(this.timeoutId),this.timeoutId=null)}handlePending(t,n){const{active:r,onPending:o}=this.props;o(r,t,this.initialCoordinates,n)}handleStart(){const{initialCoordinates:t}=this,{onStart:n}=this.props;t&&(this.activated=!0,this.documentListeners.add(K.Click,mr,{capture:!0}),this.removeTextSelection(),this.documentListeners.add(K.SelectionChange,this.removeTextSelection),n(t))}handleMove(t){var n;const{activated:r,initialCoordinates:o,props:i}=this,{onMove:s,options:{activationConstraint:a}}=i;if(!o)return;const l=(n=ze(t))!=null?n:V,u=Pe(o,l);if(!r&&a){if(Yt(a)){if(a.tolerance!=null&&gt(u,a.tolerance))return this.handleCancel();if(gt(u,a.distance))return this.handleStart()}if(Kt(a)&&gt(u,a.tolerance))return this.handleCancel();this.handlePending(a,u);return}t.cancelable&&t.preventDefault(),s(l)}handleEnd(){const{onAbort:t,onEnd:n}=this.props;this.detach(),this.activated||t(this.props.active),n()}handleCancel(){const{onAbort:t,onCancel:n}=this.props;this.detach(),this.activated||t(this.props.active),n()}handleKeydown(t){t.code===D.Esc&&this.handleCancel()}removeTextSelection(){var t;(t=this.document.getSelection())==null||t.removeAllRanges()}}const wr={cancel:{name:"pointercancel"},move:{name:"pointermove"},end:{name:"pointerup"}};class At extends Et{constructor(t){const{event:n}=t,r=we(n.target);super(t,wr,r)}}At.activators=[{eventName:"onPointerDown",handler:(e,t)=>{let{nativeEvent:n}=e,{onActivation:r}=t;return!n.isPrimary||n.button!==0?!1:(r?.({event:n}),!0)}}];const xr={move:{name:"mousemove"},end:{name:"mouseup"}};var mt;(function(e){e[e.RightClick=2]="RightClick"})(mt||(mt={}));class Cr extends Et{constructor(t){super(t,xr,we(t.event.target))}}Cr.activators=[{eventName:"onMouseDown",handler:(e,t)=>{let{nativeEvent:n}=e,{onActivation:r}=t;return n.button===mt.RightClick?!1:(r?.({event:n}),!0)}}];const vt={cancel:{name:"touchcancel"},move:{name:"touchmove"},end:{name:"touchend"}};class Dr extends Et{constructor(t){super(t,vt)}static setup(){return window.addEventListener(vt.move.name,t,{capture:!1,passive:!1}),function(){window.removeEventListener(vt.move.name,t)};function t(){}}}Dr.activators=[{eventName:"onTouchStart",handler:(e,t)=>{let{nativeEvent:n}=e,{onActivation:r}=t;const{touches:o}=n;return o.length>1?!1:(r?.({event:n}),!0)}}];var Te;(function(e){e[e.Pointer=0]="Pointer",e[e.DraggableRect=1]="DraggableRect"})(Te||(Te={}));var tt;(function(e){e[e.TreeOrder=0]="TreeOrder",e[e.ReversedTreeOrder=1]="ReversedTreeOrder"})(tt||(tt={}));function Sr(e){let{acceleration:t,activator:n=Te.Pointer,canScroll:r,draggingRect:o,enabled:i,interval:s=5,order:a=tt.TreeOrder,pointerCoordinates:l,scrollableAncestors:u,scrollableAncestorRects:f,delta:d,threshold:h}=e;const g=Er({delta:d,disabled:!i}),[x,v]=zn(),p=c.useRef({x:0,y:0}),m=c.useRef({x:0,y:0}),y=c.useMemo(()=>{switch(n){case Te.Pointer:return l?{top:l.y,bottom:l.y,left:l.x,right:l.x}:null;case Te.DraggableRect:return o}},[n,o,l]),b=c.useRef(null),S=c.useCallback(()=>{const E=b.current;if(!E)return;const w=p.current.x*m.current.x,C=p.current.y*m.current.y;E.scrollBy(w,C)},[]),R=c.useMemo(()=>a===tt.TreeOrder?[...u].reverse():u,[a,u]);c.useEffect(()=>{if(!i||!u.length||!y){v();return}for(const E of R){if(r?.(E)===!1)continue;const w=u.indexOf(E),C=f[w];if(!C)continue;const{direction:M,speed:O}=fr(E,C,y,t,h);for(const I of["x","y"])g[I][M[I]]||(O[I]=0,M[I]=0);if(O.x>0||O.y>0){v(),b.current=E,x(S,s),p.current=O,m.current=M;return}}p.current={x:0,y:0},m.current={x:0,y:0},v()},[t,S,r,v,i,s,JSON.stringify(y),JSON.stringify(g),x,u,R,f,JSON.stringify(h)])}const Rr={x:{[T.Backward]:!1,[T.Forward]:!1},y:{[T.Backward]:!1,[T.Forward]:!1}};function Er(e){let{delta:t,disabled:n}=e;const r=Ze(t);return $e(o=>{if(n||!r||!o)return Rr;const i={x:Math.sign(t.x-r.x),y:Math.sign(t.y-r.y)};return{x:{[T.Backward]:o.x[T.Backward]||i.x===-1,[T.Forward]:o.x[T.Forward]||i.x===1},y:{[T.Backward]:o.y[T.Backward]||i.y===-1,[T.Forward]:o.y[T.Forward]||i.y===1}}},[n,t,r])}function Ar(e,t){const n=t!=null?e.get(t):void 0,r=n?n.node.current:null;return $e(o=>{var i;return t==null?null:(i=r??o)!=null?i:null},[r,t])}function Ir(e,t){return c.useMemo(()=>e.reduce((n,r)=>{const{sensor:o}=r,i=o.activators.map(s=>({eventName:s.eventName,handler:t(s.handler,r)}));return[...n,...i]},[]),[e,t])}var Be;(function(e){e[e.Always=0]="Always",e[e.BeforeDragging=1]="BeforeDragging",e[e.WhileDragging=2]="WhileDragging"})(Be||(Be={}));var yt;(function(e){e.Optimized="optimized"})(yt||(yt={}));const Wt=new Map;function Mr(e,t){let{dragging:n,dependencies:r,config:o}=t;const[i,s]=c.useState(null),{frequency:a,measure:l,strategy:u}=o,f=c.useRef(e),d=p(),h=ke(d),g=c.useCallback(function(m){m===void 0&&(m=[]),!h.current&&s(y=>y===null?m:y.concat(m.filter(b=>!y.includes(b))))},[h]),x=c.useRef(null),v=$e(m=>{if(d&&!n)return Wt;if(!m||m===Wt||f.current!==e||i!=null){const y=new Map;for(let b of e){if(!b)continue;if(i&&i.length>0&&!i.includes(b.id)&&b.rect.current){y.set(b.id,b.rect.current);continue}const S=b.node.current,R=S?new St(l(S),S):null;b.rect.current=R,R&&y.set(b.id,R)}return y}return m},[e,i,n,d,l]);return c.useEffect(()=>{f.current=e},[e]),c.useEffect(()=>{d||g()},[n,d]),c.useEffect(()=>{i&&i.length>0&&s(null)},[JSON.stringify(i)]),c.useEffect(()=>{d||typeof a!="number"||x.current!==null||(x.current=setTimeout(()=>{g(),x.current=null},a))},[a,d,g,...r]),{droppableRects:v,measureDroppableContainers:g,measuringScheduled:i!=null};function p(){switch(u){case Be.Always:return!1;case Be.BeforeDragging:return n;default:return!n}}}function It(e,t){return $e(n=>e?n||(typeof t=="function"?t(e):e):null,[t,e])}function Or(e,t){return It(e,t)}function Nr(e){let{callback:t,disabled:n}=e;const r=ot(t),o=c.useMemo(()=>{if(n||typeof window>"u"||typeof window.MutationObserver>"u")return;const{MutationObserver:i}=window;return new i(r)},[r,n]);return c.useEffect(()=>()=>o?.disconnect(),[o]),o}function at(e){let{callback:t,disabled:n}=e;const r=ot(t),o=c.useMemo(()=>{if(n||typeof window>"u"||typeof window.ResizeObserver>"u")return;const{ResizeObserver:i}=window;return new i(r)},[n]);return c.useEffect(()=>()=>o?.disconnect(),[o]),o}function Tr(e){return new St(xe(e),e)}function Ut(e,t,n){t===void 0&&(t=Tr);const[r,o]=c.useState(null);function i(){o(l=>{if(!e)return null;if(e.isConnected===!1){var u;return(u=l??n)!=null?u:null}const f=t(e);return JSON.stringify(l)===JSON.stringify(f)?l:f})}const s=Nr({callback(l){if(e)for(const u of l){const{type:f,target:d}=u;if(f==="childList"&&d instanceof HTMLElement&&d.contains(e)){i();break}}}}),a=at({callback:i});return H(()=>{i(),e?(a?.observe(e),s?.observe(document.body,{childList:!0,subtree:!0})):(a?.disconnect(),s?.disconnect())},[e]),r}function Lr(e){const t=It(e);return rn(e,t)}const Ht=[];function kr(e){const t=c.useRef(e),n=$e(r=>e?r&&r!==Ht&&e&&t.current&&e.parentNode===t.current.parentNode?r:st(e):Ht,[e]);return c.useEffect(()=>{t.current=e},[e]),n}function Pr(e){const[t,n]=c.useState(null),r=c.useRef(e),o=c.useCallback(i=>{const s=ht(i.target);s&&n(a=>a?(a.set(s,bt(s)),new Map(a)):null)},[]);return c.useEffect(()=>{const i=r.current;if(e!==i){s(i);const a=e.map(l=>{const u=ht(l);return u?(u.addEventListener("scroll",o,{passive:!0}),[u,bt(u)]):null}).filter(l=>l!=null);n(a.length?new Map(a):null),r.current=e}return()=>{s(e),s(i)};function s(a){a.forEach(l=>{const u=ht(l);u?.removeEventListener("scroll",o)})}},[o,e]),c.useMemo(()=>e.length?t?Array.from(t.values()).reduce((i,s)=>me(i,s),V):dn(e):V,[e,t])}function Vt(e,t){t===void 0&&(t=[]);const n=c.useRef(null);return c.useEffect(()=>{n.current=null},t),c.useEffect(()=>{const r=e!==V;r&&!n.current&&(n.current=e),!r&&n.current&&(n.current=null)},[e]),n.current?Pe(e,n.current):V}function zr(e){c.useEffect(()=>{if(!rt)return;const t=e.map(n=>{let{sensor:r}=n;return r.setup==null?void 0:r.setup()});return()=>{for(const n of t)n?.()}},e.map(t=>{let{sensor:n}=t;return n}))}function Br(e,t){return c.useMemo(()=>e.reduce((n,r)=>{let{eventName:o,handler:i}=r;return n[o]=s=>{i(s,t)},n},{}),[e,t])}function gn(e){return c.useMemo(()=>e?cr(e):null,[e])}const qt=[];function Fr(e,t){t===void 0&&(t=xe);const[n]=e,r=gn(n?P(n):null),[o,i]=c.useState(qt);function s(){i(()=>e.length?e.map(l=>ln(l)?r:new St(t(l),l)):qt)}const a=at({callback:s});return H(()=>{a?.disconnect(),s(),e.forEach(l=>a?.observe(l))},[e]),o}function vn(e){if(!e)return null;if(e.children.length>1)return e;const t=e.children[0];return Fe(t)?t:e}function $r(e){let{measure:t}=e;const[n,r]=c.useState(null),o=c.useCallback(u=>{for(const{target:f}of u)if(Fe(f)){r(d=>{const h=t(f);return d?{...d,width:h.width,height:h.height}:h});break}},[t]),i=at({callback:o}),s=c.useCallback(u=>{const f=vn(u);i?.disconnect(),f&&i?.observe(f),r(f?t(f):null)},[t,i]),[a,l]=Qe(s);return c.useMemo(()=>({nodeRef:a,rect:n,setRef:l}),[n,a,l])}const Xr=[{sensor:At,options:{}},{sensor:Rt,options:{}}],jr={current:{}},_e={draggable:{measure:Xt},droppable:{measure:Xt,strategy:Be.WhileDragging,frequency:yt.Optimized},dragOverlay:{measure:xe}};class Le extends Map{get(t){var n;return t!=null&&(n=super.get(t))!=null?n:void 0}toArray(){return Array.from(this.values())}getEnabled(){return this.toArray().filter(t=>{let{disabled:n}=t;return!n})}getNodeFor(t){var n,r;return(n=(r=this.get(t))==null?void 0:r.node.current)!=null?n:void 0}}const Yr={activatorEvent:null,active:null,activeNode:null,activeNodeRect:null,collisions:null,containerNodeRect:null,draggableNodes:new Map,droppableRects:new Map,droppableContainers:new Le,over:null,dragOverlay:{nodeRef:{current:null},rect:null,setRef:et},scrollableAncestors:[],scrollableAncestorRects:[],measuringConfiguration:_e,measureDroppableContainers:et,windowRect:null,measuringScheduled:!1},pn={activatorEvent:null,activators:[],active:null,activeNodeRect:null,ariaDescribedById:{draggable:""},dispatch:et,draggableNodes:new Map,over:null,measureDroppableContainers:et},je=c.createContext(pn),bn=c.createContext(Yr);function Kr(){return{draggable:{active:null,initialCoordinates:{x:0,y:0},nodes:new Map,translate:{x:0,y:0}},droppable:{containers:new Le}}}function Wr(e,t){switch(t.type){case N.DragStart:return{...e,draggable:{...e.draggable,initialCoordinates:t.initialCoordinates,active:t.active}};case N.DragMove:return e.draggable.active==null?e:{...e,draggable:{...e.draggable,translate:{x:t.coordinates.x-e.draggable.initialCoordinates.x,y:t.coordinates.y-e.draggable.initialCoordinates.y}}};case N.DragEnd:case N.DragCancel:return{...e,draggable:{...e.draggable,active:null,initialCoordinates:{x:0,y:0},translate:{x:0,y:0}}};case N.RegisterDroppable:{const{element:n}=t,{id:r}=n,o=new Le(e.droppable.containers);return o.set(r,n),{...e,droppable:{...e.droppable,containers:o}}}case N.SetDroppableDisabled:{const{id:n,key:r,disabled:o}=t,i=e.droppable.containers.get(n);if(!i||r!==i.key)return e;const s=new Le(e.droppable.containers);return s.set(n,{...i,disabled:o}),{...e,droppable:{...e.droppable,containers:s}}}case N.UnregisterDroppable:{const{id:n,key:r}=t,o=e.droppable.containers.get(n);if(!o||r!==o.key)return e;const i=new Le(e.droppable.containers);return i.delete(n),{...e,droppable:{...e.droppable,containers:i}}}default:return e}}function Ur(e){let{disabled:t}=e;const{active:n,activatorEvent:r,draggableNodes:o}=c.useContext(je),i=Ze(r),s=Ze(n?.id);return c.useEffect(()=>{if(!t&&!r&&i&&s!=null){if(!it(i)||document.activeElement===i.target)return;const a=o.get(s);if(!a)return;const{activatorNode:l,node:u}=a;if(!l.current&&!u.current)return;requestAnimationFrame(()=>{for(const f of[l.current,u.current]){if(!f)continue;const d=$n(f);if(d){d.focus();break}}})}},[r,t,o,s,i]),null}function mn(e,t){let{transform:n,...r}=t;return e!=null&&e.length?e.reduce((o,i)=>i({transform:o,...r}),n):n}function Hr(e){return c.useMemo(()=>({draggable:{..._e.draggable,...e?.draggable},droppable:{..._e.droppable,...e?.droppable},dragOverlay:{..._e.dragOverlay,...e?.dragOverlay}}),[e?.draggable,e?.droppable,e?.dragOverlay])}function Vr(e){let{activeNode:t,measure:n,initialRect:r,config:o=!0}=e;const i=c.useRef(!1),{x:s,y:a}=typeof o=="boolean"?{x:o,y:o}:o;H(()=>{if(!s&&!a||!t){i.current=!1;return}if(i.current||!r)return;const u=t?.node.current;if(!u||u.isConnected===!1)return;const f=n(u),d=rn(f,r);if(s||(d.x=0),a||(d.y=0),i.current=!0,Math.abs(d.x)>0||Math.abs(d.y)>0){const h=sn(u);h&&h.scrollBy({top:d.y,left:d.x})}},[t,s,a,r,n])}const ct=c.createContext({...V,scaleX:1,scaleY:1});var le;(function(e){e[e.Uninitialized=0]="Uninitialized",e[e.Initializing=1]="Initializing",e[e.Initialized=2]="Initialized"})(le||(le={}));const qr=c.memo(function(t){var n,r,o,i;let{id:s,accessibility:a,autoScroll:l=!0,children:u,sensors:f=Xr,collisionDetection:d=nn,measuring:h,modifiers:g,...x}=t;const v=c.useReducer(Wr,void 0,Kr),[p,m]=v,[y,b]=Un(),[S,R]=c.useState(le.Uninitialized),E=S===le.Initialized,{draggable:{active:w,nodes:C,translate:M},droppable:{containers:O}}=p,I=w!=null?C.get(w):null,W=c.useRef({initial:null,translated:null}),U=c.useMemo(()=>{var k;return w!=null?{id:w,data:(k=I?.data)!=null?k:jr,rect:W}:null},[w,I]),q=c.useRef(null),[Ce,Ye]=c.useState(null),[B,Ke]=c.useState(null),Q=ke(x,Object.values(x)),De=Xe("DndDescribedBy",s),We=c.useMemo(()=>O.getEnabled(),[O]),z=Hr(h),{droppableRects:Z,measureDroppableContainers:de,measuringScheduled:Se}=Mr(We,{dragging:E,dependencies:[M.x,M.y],config:z.droppable}),j=Ar(C,w),Ue=c.useMemo(()=>B?ze(B):null,[B]),re=kn(),ee=Or(j,z.draggable.measure);Vr({activeNode:w!=null?C.get(w):null,config:re.layoutShiftCompensation,initialRect:ee,measure:z.draggable.measure});const A=Ut(j,z.draggable.measure,ee),Re=Ut(j?j.parentElement:null),G=c.useRef({activatorEvent:null,active:null,activeNode:j,collisionRect:null,collisions:null,droppableRects:Z,draggableNodes:C,draggingNode:null,draggingNodeRect:null,droppableContainers:O,over:null,scrollableAncestors:[],scrollAdjustedTranslate:null}),fe=O.getNodeFor((n=G.current.over)==null?void 0:n.id),te=$r({measure:z.dragOverlay.measure}),he=(r=te.nodeRef.current)!=null?r:j,ge=E?(o=te.rect)!=null?o:A:null,Ot=!!(te.nodeRef.current&&te.rect),Nt=Lr(Ot?null:A),lt=gn(he?P(he):null),oe=kr(E?fe??j:null),He=Fr(oe),Ve=mn(g,{transform:{x:M.x-Nt.x,y:M.y-Nt.y,scaleX:1,scaleY:1},activatorEvent:B,active:U,activeNodeRect:A,containerNodeRect:Re,draggingNodeRect:ge,over:G.current.over,overlayNodeRect:te.rect,scrollableAncestors:oe,scrollableAncestorRects:He,windowRect:lt}),Tt=Ue?me(Ue,M):null,Lt=Pr(oe),An=Vt(Lt),In=Vt(Lt,[A]),ve=me(Ve,An),pe=ge?ir(ge,Ve):null,Ee=U&&pe?d({active:U,collisionRect:pe,droppableRects:Z,droppableContainers:We,pointerCoordinates:Tt}):null,kt=en(Ee,"id"),[ie,Pt]=c.useState(null),Mn=Ot?Ve:me(Ve,In),On=rr(Mn,(i=ie?.rect)!=null?i:null,A),ut=c.useRef(null),zt=c.useCallback((k,F)=>{let{sensor:$,options:se}=F;if(q.current==null)return;const Y=C.get(q.current);if(!Y)return;const X=k.nativeEvent,J=new $({active:q.current,activeNode:Y,event:X,options:se,context:G,onAbort(L){if(!C.get(L))return;const{onDragAbort:_}=Q.current,ne={id:L};_?.(ne),y({type:"onDragAbort",event:ne})},onPending(L,ae,_,ne){if(!C.get(L))return;const{onDragPending:Ie}=Q.current,ce={id:L,constraint:ae,initialCoordinates:_,offset:ne};Ie?.(ce),y({type:"onDragPending",event:ce})},onStart(L){const ae=q.current;if(ae==null)return;const _=C.get(ae);if(!_)return;const{onDragStart:ne}=Q.current,Ae={activatorEvent:X,active:{id:ae,data:_.data,rect:W}};Oe.unstable_batchedUpdates(()=>{ne?.(Ae),R(le.Initializing),m({type:N.DragStart,initialCoordinates:L,active:ae}),y({type:"onDragStart",event:Ae}),Ye(ut.current),Ke(X)})},onMove(L){m({type:N.DragMove,coordinates:L})},onEnd:be(N.DragEnd),onCancel:be(N.DragCancel)});ut.current=J;function be(L){return async function(){const{active:_,collisions:ne,over:Ae,scrollAdjustedTranslate:Ie}=G.current;let ce=null;if(_&&Ie){const{cancelDrop:Me}=Q.current;ce={activatorEvent:X,active:_,collisions:ne,delta:Ie,over:Ae},L===N.DragEnd&&typeof Me=="function"&&await Promise.resolve(Me(ce))&&(L=N.DragCancel)}q.current=null,Oe.unstable_batchedUpdates(()=>{m({type:L}),R(le.Uninitialized),Pt(null),Ye(null),Ke(null),ut.current=null;const Me=L===N.DragEnd?"onDragEnd":"onDragCancel";if(ce){const dt=Q.current[Me];dt?.(ce),y({type:Me,event:ce})}})}}},[C]),Nn=c.useCallback((k,F)=>($,se)=>{const Y=$.nativeEvent,X=C.get(se);if(q.current!==null||!X||Y.dndKit||Y.defaultPrevented)return;const J={active:X};k($,F.options,J)===!0&&(Y.dndKit={capturedBy:F.sensor},q.current=se,zt($,F))},[C,zt]),Bt=Ir(f,Nn);zr(f),H(()=>{A&&S===le.Initializing&&R(le.Initialized)},[A,S]),c.useEffect(()=>{const{onDragMove:k}=Q.current,{active:F,activatorEvent:$,collisions:se,over:Y}=G.current;if(!F||!$)return;const X={active:F,activatorEvent:$,collisions:se,delta:{x:ve.x,y:ve.y},over:Y};Oe.unstable_batchedUpdates(()=>{k?.(X),y({type:"onDragMove",event:X})})},[ve.x,ve.y]),c.useEffect(()=>{const{active:k,activatorEvent:F,collisions:$,droppableContainers:se,scrollAdjustedTranslate:Y}=G.current;if(!k||q.current==null||!F||!Y)return;const{onDragOver:X}=Q.current,J=se.get(kt),be=J&&J.rect.current?{id:J.id,rect:J.rect.current,data:J.data,disabled:J.disabled}:null,L={active:k,activatorEvent:F,collisions:$,delta:{x:Y.x,y:Y.y},over:be};Oe.unstable_batchedUpdates(()=>{Pt(be),X?.(L),y({type:"onDragOver",event:L})})},[kt]),H(()=>{G.current={activatorEvent:B,active:U,activeNode:j,collisionRect:pe,collisions:Ee,droppableRects:Z,draggableNodes:C,draggingNode:he,draggingNodeRect:ge,droppableContainers:O,over:ie,scrollableAncestors:oe,scrollAdjustedTranslate:ve},W.current={initial:ge,translated:pe}},[U,j,Ee,pe,C,he,ge,Z,O,ie,oe,ve]),Sr({...re,delta:M,draggingRect:pe,pointerCoordinates:Tt,scrollableAncestors:oe,scrollableAncestorRects:He});const Tn=c.useMemo(()=>({active:U,activeNode:j,activeNodeRect:A,activatorEvent:B,collisions:Ee,containerNodeRect:Re,dragOverlay:te,draggableNodes:C,droppableContainers:O,droppableRects:Z,over:ie,measureDroppableContainers:de,scrollableAncestors:oe,scrollableAncestorRects:He,measuringConfiguration:z,measuringScheduled:Se,windowRect:lt}),[U,j,A,B,Ee,Re,te,C,O,Z,ie,de,oe,He,z,Se,lt]),Ln=c.useMemo(()=>({activatorEvent:B,activators:Bt,active:U,activeNodeRect:A,ariaDescribedById:{draggable:De},dispatch:m,draggableNodes:C,over:ie,measureDroppableContainers:de}),[B,Bt,U,A,m,De,C,ie,de]);return c.createElement(Zt.Provider,{value:b},c.createElement(je.Provider,{value:Ln},c.createElement(bn.Provider,{value:Tn},c.createElement(ct.Provider,{value:On},u)),c.createElement(Ur,{disabled:a?.restoreFocus===!1})),c.createElement(qn,{...a,hiddenTextDescribedById:De}));function kn(){const k=Ce?.autoScrollEnabled===!1,F=typeof l=="object"?l.enabled===!1:l===!1,$=E&&!k&&!F;return typeof l=="object"?{...l,enabled:$}:{enabled:$}}}),Gr=c.createContext(null),Gt="button",Jr="Draggable";function _r(e){let{id:t,data:n,disabled:r=!1,attributes:o}=e;const i=Xe(Jr),{activators:s,activatorEvent:a,active:l,activeNodeRect:u,ariaDescribedById:f,draggableNodes:d,over:h}=c.useContext(je),{role:g=Gt,roleDescription:x="draggable",tabIndex:v=0}=o??{},p=l?.id===t,m=c.useContext(p?ct:Gr),[y,b]=Qe(),[S,R]=Qe(),E=Br(s,t),w=ke(n);H(()=>(d.set(t,{id:t,key:i,node:y,activatorNode:S,data:w}),()=>{const M=d.get(t);M&&M.key===i&&d.delete(t)}),[d,t]);const C=c.useMemo(()=>({role:g,tabIndex:v,"aria-disabled":r,"aria-pressed":p&&g===Gt?!0:void 0,"aria-roledescription":x,"aria-describedby":f.draggable}),[r,g,v,p,x,f.draggable]);return{active:l,activatorEvent:a,activeNodeRect:u,attributes:C,isDragging:p,listeners:r?void 0:E,node:y,over:h,setNodeRef:b,setActivatorNodeRef:R,transform:m}}function yn(){return c.useContext(bn)}const Qr="Droppable",Zr={timeout:25};function wn(e){let{data:t,disabled:n=!1,id:r,resizeObserverConfig:o}=e;const i=Xe(Qr),{active:s,dispatch:a,over:l,measureDroppableContainers:u}=c.useContext(je),f=c.useRef({disabled:n}),d=c.useRef(!1),h=c.useRef(null),g=c.useRef(null),{disabled:x,updateMeasurementsFor:v,timeout:p}={...Zr,...o},m=ke(v??r),y=c.useCallback(()=>{if(!d.current){d.current=!0;return}g.current!=null&&clearTimeout(g.current),g.current=setTimeout(()=>{u(Array.isArray(m.current)?m.current:[m.current]),g.current=null},p)},[p]),b=at({callback:y,disabled:x||!s}),S=c.useCallback((C,M)=>{b&&(M&&(b.unobserve(M),d.current=!1),C&&b.observe(C))},[b]),[R,E]=Qe(S),w=ke(t);return c.useEffect(()=>{!b||!R.current||(b.disconnect(),d.current=!1,b.observe(R.current))},[R,b]),c.useEffect(()=>(a({type:N.RegisterDroppable,element:{id:r,key:i,disabled:n,node:R,rect:h,data:w}}),()=>a({type:N.UnregisterDroppable,key:i,id:r})),[r]),c.useEffect(()=>{n!==f.current.disabled&&(a({type:N.SetDroppableDisabled,id:r,key:i,disabled:n}),f.current.disabled=n)},[r,i,n,a]),{active:s,rect:h,isOver:l?.id===r,node:R,over:l,setNodeRef:E}}function eo(e){let{animation:t,children:n}=e;const[r,o]=c.useState(null),[i,s]=c.useState(null),a=Ze(n);return!n&&!r&&a&&o(a),H(()=>{if(!i)return;const l=r?.key,u=r?.props.id;if(l==null||u==null){o(null);return}Promise.resolve(t(u,i)).then(()=>{o(null)})},[t,r,i]),c.createElement(c.Fragment,null,n,r?c.cloneElement(r,{ref:s}):null)}const to={x:0,y:0,scaleX:1,scaleY:1};function no(e){let{children:t}=e;return c.createElement(je.Provider,{value:pn},c.createElement(ct.Provider,{value:to},t))}const ro={position:"fixed",touchAction:"none"},oo=e=>it(e)?"transform 250ms ease":void 0,io=c.forwardRef((e,t)=>{let{as:n,activatorEvent:r,adjustScale:o,children:i,className:s,rect:a,style:l,transform:u,transition:f=oo}=e;if(!a)return null;const d=o?u:{...u,scaleX:1,scaleY:1},h={...ro,width:a.width,height:a.height,top:a.top,left:a.left,transform:ue.Transform.toString(d),transformOrigin:o&&r?_n(r,a):void 0,transition:typeof f=="function"?f(r):f,...l};return c.createElement(n,{className:s,style:h,ref:t},i)}),xn=e=>t=>{let{active:n,dragOverlay:r}=t;const o={},{styles:i,className:s}=e;if(i!=null&&i.active)for(const[a,l]of Object.entries(i.active))l!==void 0&&(o[a]=n.node.style.getPropertyValue(a),n.node.style.setProperty(a,l));if(i!=null&&i.dragOverlay)for(const[a,l]of Object.entries(i.dragOverlay))l!==void 0&&r.node.style.setProperty(a,l);return s!=null&&s.active&&n.node.classList.add(s.active),s!=null&&s.dragOverlay&&r.node.classList.add(s.dragOverlay),function(){for(const[l,u]of Object.entries(o))n.node.style.setProperty(l,u);s!=null&&s.active&&n.node.classList.remove(s.active)}},so=e=>{let{transform:{initial:t,final:n}}=e;return[{transform:ue.Transform.toString(t)},{transform:ue.Transform.toString(n)}]},ao={duration:250,easing:"ease",keyframes:so,sideEffects:xn({styles:{active:{opacity:"0"}}})};function co(e){let{config:t,draggableNodes:n,droppableContainers:r,measuringConfiguration:o}=e;return ot((i,s)=>{if(t===null)return;const a=n.get(i);if(!a)return;const l=a.node.current;if(!l)return;const u=vn(s);if(!u)return;const{transform:f}=P(s).getComputedStyle(s),d=on(f);if(!d)return;const h=typeof t=="function"?t:lo(t);return fn(l,o.draggable.measure),h({active:{id:i,data:a.data,node:l,rect:o.draggable.measure(l)},draggableNodes:n,dragOverlay:{node:s,rect:o.dragOverlay.measure(u)},droppableContainers:r,measuringConfiguration:o,transform:d})})}function lo(e){const{duration:t,easing:n,sideEffects:r,keyframes:o}={...ao,...e};return i=>{let{active:s,dragOverlay:a,transform:l,...u}=i;if(!t)return;const f={x:a.rect.left-s.rect.left,y:a.rect.top-s.rect.top},d={scaleX:l.scaleX!==1?s.rect.width*l.scaleX/a.rect.width:1,scaleY:l.scaleY!==1?s.rect.height*l.scaleY/a.rect.height:1},h={x:l.x-f.x,y:l.y-f.y,...d},g=o({...u,active:s,dragOverlay:a,transform:{initial:l,final:h}}),[x]=g,v=g[g.length-1];if(JSON.stringify(x)===JSON.stringify(v))return;const p=r?.({active:s,dragOverlay:a,...u}),m=a.node.animate(g,{duration:t,easing:n,fill:"forwards"});return new Promise(y=>{m.onfinish=()=>{p?.(),y()}})}}let Jt=0;function uo(e){return c.useMemo(()=>{if(e!=null)return Jt++,Jt},[e])}const fo=c.memo(e=>{let{adjustScale:t=!1,children:n,dropAnimation:r,style:o,transition:i,modifiers:s,wrapperElement:a="div",className:l,zIndex:u=999}=e;const{activatorEvent:f,active:d,activeNodeRect:h,containerNodeRect:g,draggableNodes:x,droppableContainers:v,dragOverlay:p,over:m,measuringConfiguration:y,scrollableAncestors:b,scrollableAncestorRects:S,windowRect:R}=yn(),E=c.useContext(ct),w=uo(d?.id),C=mn(s,{activatorEvent:f,active:d,activeNodeRect:h,containerNodeRect:g,draggingNodeRect:p.rect,over:m,overlayNodeRect:p.rect,scrollableAncestors:b,scrollableAncestorRects:S,transform:E,windowRect:R}),M=It(h),O=co({config:r,draggableNodes:x,droppableContainers:v,measuringConfiguration:y}),I=M?p.setRef:void 0;return c.createElement(no,null,c.createElement(eo,{animation:O},d&&w?c.createElement(io,{key:w,id:d.id,ref:I,as:a,activatorEvent:f,adjustScale:t,className:l,transition:i,rect:M,style:{zIndex:u,...o},transform:C},n):null))});function Mt(e,t,n){const r=e.slice();return r.splice(n<0?r.length+n:n,0,r.splice(t,1)[0]),r}function ho(e,t){return e.reduce((n,r,o)=>{const i=t.get(r);return i&&(n[o]=i),n},Array(e.length))}function qe(e){return e!==null&&e>=0}function go(e,t){if(e===t)return!0;if(e.length!==t.length)return!1;for(let n=0;n<e.length;n++)if(e[n]!==t[n])return!1;return!0}function vo(e){return typeof e=="boolean"?{draggable:e,droppable:e}:e}const Ge={scaleX:1,scaleY:1},po=e=>{var t;let{rects:n,activeNodeRect:r,activeIndex:o,overIndex:i,index:s}=e;const a=(t=n[o])!=null?t:r;if(!a)return null;const l=bo(n,s,o);if(s===o){const u=n[i];return u?{x:o<i?u.left+u.width-(a.left+a.width):u.left-a.left,y:0,...Ge}:null}return s>o&&s<=i?{x:-a.width-l,y:0,...Ge}:s<o&&s>=i?{x:a.width+l,y:0,...Ge}:{x:0,y:0,...Ge}};function bo(e,t,n){const r=e[t],o=e[t-1],i=e[t+1];return!r||!o&&!i?0:n<t?o?r.left-(o.left+o.width):i.left-(r.left+r.width):i?i.left-(r.left+r.width):r.left-(o.left+o.width)}const Cn=e=>{let{rects:t,activeIndex:n,overIndex:r,index:o}=e;const i=Mt(t,r,n),s=t[o],a=i[o];return!a||!s?null:{x:a.left-s.left,y:a.top-s.top,scaleX:a.width/s.width,scaleY:a.height/s.height}},Je={scaleX:1,scaleY:1},mo=e=>{var t;let{activeIndex:n,activeNodeRect:r,index:o,rects:i,overIndex:s}=e;const a=(t=i[n])!=null?t:r;if(!a)return null;if(o===n){const u=i[s];return u?{x:0,y:n<s?u.top+u.height-(a.top+a.height):u.top-a.top,...Je}:null}const l=yo(i,o,n);return o>n&&o<=s?{x:0,y:-a.height-l,...Je}:o<n&&o>=s?{x:0,y:a.height+l,...Je}:{x:0,y:0,...Je}};function yo(e,t,n){const r=e[t],o=e[t-1],i=e[t+1];return r?n<t?o?r.top-(o.top+o.height):i?i.top-(r.top+r.height):0:i?i.top-(r.top+r.height):o?r.top-(o.top+o.height):0:0}const Dn="Sortable",Sn=c.createContext({activeIndex:-1,containerId:Dn,disableTransforms:!1,items:[],overIndex:-1,useDragOverlay:!1,sortedRects:[],strategy:Cn,disabled:{draggable:!1,droppable:!1}});function wo(e){let{children:t,id:n,items:r,strategy:o=Cn,disabled:i=!1}=e;const{active:s,dragOverlay:a,droppableRects:l,over:u,measureDroppableContainers:f}=yn(),d=Xe(Dn,n),h=a.rect!==null,g=c.useMemo(()=>r.map(E=>typeof E=="object"&&"id"in E?E.id:E),[r]),x=s!=null,v=s?g.indexOf(s.id):-1,p=u?g.indexOf(u.id):-1,m=c.useRef(g),y=!go(g,m.current),b=p!==-1&&v===-1||y,S=vo(i);H(()=>{y&&x&&f(g)},[y,g,x,f]),c.useEffect(()=>{m.current=g},[g]);const R=c.useMemo(()=>({activeIndex:v,containerId:d,disabled:S,disableTransforms:b,items:g,overIndex:p,useDragOverlay:h,sortedRects:ho(g,l),strategy:o}),[v,d,S.draggable,S.droppable,b,g,p,l,h,o]);return c.createElement(Sn.Provider,{value:R},t)}const xo=e=>{let{id:t,items:n,activeIndex:r,overIndex:o}=e;return Mt(n,r,o).indexOf(t)},Co=e=>{let{containerId:t,isSorting:n,wasDragging:r,index:o,items:i,newIndex:s,previousItems:a,previousContainerId:l,transition:u}=e;return!u||!r||a!==i&&o===s?!1:n?!0:s!==o&&t===l},Do={duration:200,easing:"ease"},Rn="transform",So=ue.Transition.toString({property:Rn,duration:0,easing:"linear"}),Ro={roleDescription:"sortable"};function Eo(e){let{disabled:t,index:n,node:r,rect:o}=e;const[i,s]=c.useState(null),a=c.useRef(n);return H(()=>{if(!t&&n!==a.current&&r.current){const l=o.current;if(l){const u=xe(r.current,{ignoreTransform:!0}),f={x:l.left-u.left,y:l.top-u.top,scaleX:l.width/u.width,scaleY:l.height/u.height};(f.x||f.y)&&s(f)}}n!==a.current&&(a.current=n)},[t,n,r,o]),c.useEffect(()=>{i&&s(null)},[i]),i}function Ao(e){let{animateLayoutChanges:t=Co,attributes:n,disabled:r,data:o,getNewIndex:i=xo,id:s,strategy:a,resizeObserverConfig:l,transition:u=Do}=e;const{items:f,containerId:d,activeIndex:h,disabled:g,disableTransforms:x,sortedRects:v,overIndex:p,useDragOverlay:m,strategy:y}=c.useContext(Sn),b=Io(r,g),S=f.indexOf(s),R=c.useMemo(()=>({sortable:{containerId:d,index:S,items:f},...o}),[d,o,S,f]),E=c.useMemo(()=>f.slice(f.indexOf(s)),[f,s]),{rect:w,node:C,isOver:M,setNodeRef:O}=wn({id:s,data:R,disabled:b.droppable,resizeObserverConfig:{updateMeasurementsFor:E,...l}}),{active:I,activatorEvent:W,activeNodeRect:U,attributes:q,setNodeRef:Ce,listeners:Ye,isDragging:B,over:Ke,setActivatorNodeRef:Q,transform:De}=_r({id:s,data:R,attributes:{...Ro,...n},disabled:b.draggable}),We=Pn(O,Ce),z=!!I,Z=z&&!x&&qe(h)&&qe(p),de=!m&&B,Se=de&&Z?De:null,Ue=Z?Se??(a??y)({rects:v,activeNodeRect:U,activeIndex:h,overIndex:p,index:S}):null,re=qe(h)&&qe(p)?i({id:s,items:f,activeIndex:h,overIndex:p}):S,ee=I?.id,A=c.useRef({activeId:ee,items:f,newIndex:re,containerId:d}),Re=f!==A.current.items,G=t({active:I,containerId:d,isDragging:B,isSorting:z,id:s,index:S,items:f,newIndex:A.current.newIndex,previousItems:A.current.items,previousContainerId:A.current.containerId,transition:u,wasDragging:A.current.activeId!=null}),fe=Eo({disabled:!G,index:S,node:C,rect:w});return c.useEffect(()=>{z&&A.current.newIndex!==re&&(A.current.newIndex=re),d!==A.current.containerId&&(A.current.containerId=d),f!==A.current.items&&(A.current.items=f)},[z,re,d,f]),c.useEffect(()=>{if(ee===A.current.activeId)return;if(ee!=null&&A.current.activeId==null){A.current.activeId=ee;return}const he=setTimeout(()=>{A.current.activeId=ee},50);return()=>clearTimeout(he)},[ee]),{active:I,activeIndex:h,attributes:q,data:R,rect:w,index:S,newIndex:re,items:f,isOver:M,isSorting:z,isDragging:B,listeners:Ye,node:C,overIndex:p,over:Ke,setNodeRef:We,setActivatorNodeRef:Q,setDroppableNodeRef:O,setDraggableNodeRef:Ce,transform:fe??Ue,transition:te()};function te(){if(fe||Re&&A.current.newIndex===S)return So;if(!(de&&!it(W)||!u)&&(z||G))return ue.Transition.toString({...u,property:Rn})}}function Io(e,t){var n,r;return typeof e=="boolean"?{draggable:e,droppable:!1}:{draggable:(n=e?.draggable)!=null?n:t.draggable,droppable:(r=e?.droppable)!=null?r:t.droppable}}function nt(e){if(!e)return!1;const t=e.data.current;return!!(t&&"sortable"in t&&typeof t.sortable=="object"&&"containerId"in t.sortable&&"items"in t.sortable&&"index"in t.sortable)}const Mo=[D.Down,D.Right,D.Up,D.Left],Oo=(e,t)=>{let{context:{active:n,collisionRect:r,droppableRects:o,droppableContainers:i,over:s,scrollableAncestors:a}}=t;if(Mo.includes(e.code)){if(e.preventDefault(),!n||!r)return;const l=[];i.getEnabled().forEach(d=>{if(!d||d!=null&&d.disabled)return;const h=o.get(d.id);if(h)switch(e.code){case D.Down:r.top<h.top&&l.push(d);break;case D.Up:r.top>h.top&&l.push(d);break;case D.Left:r.left>h.left&&l.push(d);break;case D.Right:r.left<h.left&&l.push(d);break}});const u=tn({collisionRect:r,droppableRects:o,droppableContainers:l});let f=en(u,"id");if(f===s?.id&&u.length>1&&(f=u[1].id),f!=null){const d=i.get(n.id),h=i.get(f),g=h?o.get(h.id):null,x=h?.node.current;if(x&&g&&d&&h){const p=st(x).some((E,w)=>a[w]!==E),m=En(d,h),y=No(d,h),b=p||!m?{x:0,y:0}:{x:y?r.width-g.width:0,y:y?r.height-g.height:0},S={x:g.left,y:g.top};return b.x&&b.y?S:Pe(S,b)}}}};function En(e,t){return!nt(e)||!nt(t)?!1:e.data.current.sortable.containerId===t.data.current.sortable.containerId}function No(e,t){return!nt(e)||!nt(t)||!En(e,t)?!1:e.data.current.sortable.index<t.data.current.sortable.index}exports.CSS=ue;exports.DndContext=qr;exports.DragOverlay=fo;exports.KeyboardSensor=Rt;exports.PointerSensor=At;exports.SortableContext=wo;exports.arrayMove=Mt;exports.closestCenter=Zn;exports.closestCorners=tn;exports.defaultDropAnimationSideEffects=xn;exports.getEventCoordinates=ze;exports.horizontalListSortingStrategy=po;exports.pointerWithin=nr;exports.rectIntersection=nn;exports.sortableKeyboardCoordinates=Oo;exports.useDroppable=wn;exports.useSensor=Gn;exports.useSensors=Jn;exports.useSortable=Ao;exports.verticalListSortingStrategy=mo;
+//# sourceMappingURL=sortable.esm-DcQYlXi3.cjs.map