@televet/kibble-ui 4.0.0-beta.78 → 4.0.0-beta.8

package/dist/chunks/sortableList.component-Di02P6Xa.js

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