@televet/kibble-ui 4.0.0-beta.3 → 4.0.0-beta.31

package/dist/chunks/sortableList.component-Dft-FiMn.js

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