Huge News!Announcing our $40M Series B led by Abstract Ventures.Learn More
Socket
Sign inDemoInstall
Socket

@dnd-kit/core

Package Overview
Dependencies
Maintainers
1
Versions
129
Alerts
File Explorer

Advanced tools

Socket logo

Install Socket

Detect and block malicious and high-risk dependencies

Install

@dnd-kit/core - npm Package Compare versions

Comparing version 6.0.3 to 6.0.4-next-2022514171437

2

dist/core.cjs.production.min.js

@@ -1,2 +0,2 @@

"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e,t=require("react"),n=(e=t)&&"object"==typeof e&&"default"in e?e.default:e,r=require("react-dom"),o=require("@dnd-kit/utilities"),i=require("@dnd-kit/accessibility");const a=t.createContext(null);function s(e){const n=t.useContext(a);t.useEffect(()=>{if(!n)throw new Error("useDndMonitor must be used within a children of <DndContext>");return n(e)},[e,n])}const l={draggable:"\n To pick up a draggable item, press the space bar.\n While dragging, use the arrow keys to move the item.\n Press space again to drop the item in its new position, or press escape to cancel.\n "},c={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 d(e){let{announcements:a=c,container:d,hiddenTextDescribedById:u,screenReaderInstructions:f=l}=e;const{announce:v,announcement:g}=i.useAnnouncement(),p=o.useUniqueId("DndLiveRegion"),[h,b]=t.useState(!1);if(t.useEffect(()=>{b(!0)},[]),s(t.useMemo(()=>({onDragStart(e){let{active:t}=e;v(a.onDragStart({active:t}))},onDragMove(e){let{active:t,over:n}=e;a.onDragMove&&v(a.onDragMove({active:t,over:n}))},onDragOver(e){let{active:t,over:n}=e;v(a.onDragOver({active:t,over:n}))},onDragEnd(e){let{active:t,over:n}=e;v(a.onDragEnd({active:t,over:n}))},onDragCancel(e){let{active:t,over:n}=e;v(a.onDragCancel({active:t,over:n}))}}),[v,a])),!h)return null;const m=n.createElement(n.Fragment,null,n.createElement(i.HiddenText,{id:u,value:f.draggable}),n.createElement(i.LiveRegion,{id:p,announcement:g}));return d?r.createPortal(m,d):m}var u;function f(){}!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"}(u||(u={}));const v=Object.freeze({x:0,y:0});function g(e,t){return Math.sqrt(Math.pow(e.x-t.x,2)+Math.pow(e.y-t.y,2))}function p(e,t){const n=o.getEventCoordinates(e);return n?(n.x-t.left)/t.width*100+"% "+(n.y-t.top)/t.height*100+"%":"0 0"}function h(e,t){let{data:{value:n}}=e,{data:{value:r}}=t;return n-r}function b(e,t){let{data:{value:n}}=e,{data:{value:r}}=t;return r-n}function m(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 y(e,t){if(!e||0===e.length)return null;const[n]=e;return t?n[t]:n}function w(e,t,n){return void 0===t&&(t=e.left),void 0===n&&(n=e.top),{x:t+.5*e.width,y:n+.5*e.height}}function x(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);if(r<o&&n<i){const a=(o-r)*(i-n);return Number((a/(t.width*t.height+e.width*e.height-a)).toFixed(4))}return 0}const C=e=>{let{collisionRect:t,droppableRects:n,droppableContainers:r}=e;const o=[];for(const e of r){const{id:r}=e,i=n.get(r);if(i){const n=x(i,t);n>0&&o.push({id:r,data:{droppableContainer:e,value:n}})}}return o.sort(b)};function E(e,t){const{top:n,left:r,bottom:o,right:i}=t;return n<=e.y&&e.y<=o&&r<=e.x&&e.x<=i}function D(e,t){return e&&t?{x:e.left-t.left,y:e.top-t.top}:v}function R(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((t,n)=>({...t,top:t.top+e*n.y,bottom:t.bottom+e*n.y,left:t.left+e*n.x,right:t.right+e*n.x}),{...t})}}const S=R(1);function M(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]}}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}const N={ignoreTransform:!1};function O(e,t){void 0===t&&(t=N);let n=e.getBoundingClientRect();if(t.ignoreTransform){const{getComputedStyle:t}=o.getWindow(e),{transform:r,transformOrigin:i}=t(e);r&&(n=function(e,t,n){const r=M(t);if(!r)return e;const{scaleX:o,scaleY:i,x:a,y:s}=r,l=e.left-a-(1-o)*parseFloat(n),c=e.top-s-(1-i)*parseFloat(n.slice(n.indexOf(" ")+1)),d=o?e.width/o:e.width,u=i?e.height/i:e.height;return{width:d,height:u,top:c,right:l+d,bottom:c+u,left:l}}(n,r,i))}const{top:r,left:i,width:a,height:s,bottom:l,right:c}=n;return{top:r,left:i,width:a,height:s,bottom:l,right:c}}function L(e){return O(e,{ignoreTransform:!0})}function A(e,t){const n=[];return e?function r(i){if(null!=t&&n.length>=t)return n;if(!i)return n;if(o.isDocument(i)&&null!=i.scrollingElement&&!n.includes(i.scrollingElement))return n.push(i.scrollingElement),n;if(!o.isHTMLElement(i)||o.isSVGElement(i))return n;if(n.includes(i))return n;const{getComputedStyle:a}=o.getWindow(i),s=a(i);return i!==e&&function(e,t){void 0===t&&(t=o.getWindow(e).getComputedStyle(e));const n=/(auto|scroll|overlay)/;return["overflow","overflowX","overflowY"].some(e=>{const r=t[e];return"string"==typeof r&&n.test(r)})}(i,s)&&n.push(i),function(e,t){return void 0===t&&(t=o.getWindow(e).getComputedStyle(e)),"fixed"===t.position}(i,s)?n:r(i.parentNode)}(e):n}function k(e){const[t]=A(e,1);return null!=t?t:null}function T(e){return o.canUseDOM&&e?o.isWindow(e)?e:o.isNode(e)?o.isDocument(e)||e===o.getOwnerDocument(e).scrollingElement?window:o.isHTMLElement(e)?e:null:null:null}function K(e){return o.isWindow(e)?e.scrollX:e.scrollLeft}function I(e){return o.isWindow(e)?e.scrollY:e.scrollTop}function B(e){return{x:K(e),y:I(e)}}var P;function z(e){return!(!o.canUseDOM||!e)&&e===document.scrollingElement}function F(e){const t={x:0,y:0},n=z(e)?{height:window.innerHeight,width:window.innerWidth}:{height:e.clientHeight,width:e.clientWidth},r={x:e.scrollWidth-n.width,y:e.scrollHeight-n.height};return{isTop:e.scrollTop<=t.y,isLeft:e.scrollLeft<=t.x,isBottom:e.scrollTop>=r.y,isRight:e.scrollLeft>=r.x,maxScroll:r,minScroll:t}}!function(e){e[e.Forward=1]="Forward",e[e.Backward=-1]="Backward"}(P||(P={}));const W={x:.2,y:.2};function U(e,t,n,r,o){let{top:i,left:a,right:s,bottom:l}=n;void 0===r&&(r=10),void 0===o&&(o=W);const{isTop:c,isBottom:d,isLeft:u,isRight:f}=F(e),v={x:0,y:0},g={x:0,y:0},p=t.height*o.y,h=t.width*o.x;return!c&&i<=t.top+p?(v.y=P.Backward,g.y=r*Math.abs((t.top+p-i)/p)):!d&&l>=t.bottom-p&&(v.y=P.Forward,g.y=r*Math.abs((t.bottom-p-l)/p)),!f&&s>=t.right-h?(v.x=P.Forward,g.x=r*Math.abs((t.right-h-s)/h)):!u&&a<=t.left+h&&(v.x=P.Backward,g.x=r*Math.abs((t.left+h-a)/h)),{direction:v,speed:g}}function j(e){if(e===document.scrollingElement){const{innerWidth:e,innerHeight:t}=window;return{top:0,left:0,right:e,bottom:t,width:e,height:t}}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 q(e){return e.reduce((e,t)=>o.add(e,B(t)),v)}function H(e,t){if(void 0===t&&(t=O),!e)return;const{top:n,left:r,bottom:o,right:i}=t(e);k(e)&&(o<=0||i<=0||n>=window.innerHeight||r>=window.innerWidth)&&e.scrollIntoView({block:"center",inline:"center"})}const X=[["x",["left","right"],function(e){return e.reduce((e,t)=>e+K(t),0)}],["y",["top","bottom"],function(e){return e.reduce((e,t)=>e+I(t),0)}]];class Y{constructor(e,t){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 n=A(t),r=q(n);this.rect={...e},this.width=e.width,this.height=e.height;for(const[e,t,o]of X)for(const i of t)Object.defineProperty(this,i,{get:()=>{const t=o(n);return this.rect[i]+(r[e]-t)},enumerable:!0});Object.defineProperty(this,"rect",{enumerable:!1})}}class V{constructor(e){this.target=void 0,this.listeners=[],this.removeAll=()=>{this.listeners.forEach(e=>{var t;return null==(t=this.target)?void 0:t.removeEventListener(...e)})},this.target=e}add(e,t,n){var r;null==(r=this.target)||r.addEventListener(e,t,n),this.listeners.push([e,t,n])}}function J(e,t){const n=Math.abs(e.x),r=Math.abs(e.y);return"number"==typeof t?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}var _,G;function Q(e){e.preventDefault()}function Z(e){e.stopPropagation()}!function(e){e.Click="click",e.DragStart="dragstart",e.Keydown="keydown",e.ContextMenu="contextmenu",e.Resize="resize",e.SelectionChange="selectionchange",e.VisibilityChange="visibilitychange"}(_||(_={})),(G=exports.KeyboardCode||(exports.KeyboardCode={})).Space="Space",G.Down="ArrowDown",G.Right="ArrowRight",G.Left="ArrowLeft",G.Up="ArrowUp",G.Esc="Escape",G.Enter="Enter";const $={start:[exports.KeyboardCode.Space,exports.KeyboardCode.Enter],cancel:[exports.KeyboardCode.Esc],end:[exports.KeyboardCode.Space,exports.KeyboardCode.Enter]},ee=(e,t)=>{let{currentCoordinates:n}=t;switch(e.code){case exports.KeyboardCode.Right:return{...n,x:n.x+25};case exports.KeyboardCode.Left:return{...n,x:n.x-25};case exports.KeyboardCode.Down:return{...n,y:n.y+25};case exports.KeyboardCode.Up:return{...n,y:n.y-25}}};class te{constructor(e){this.props=void 0,this.autoScrollEnabled=!1,this.referenceCoordinates=void 0,this.listeners=void 0,this.windowListeners=void 0,this.props=e;const{event:{target:t}}=e;this.props=e,this.listeners=new V(o.getOwnerDocument(t)),this.windowListeners=new V(o.getWindow(t)),this.handleKeyDown=this.handleKeyDown.bind(this),this.handleCancel=this.handleCancel.bind(this),this.attach()}attach(){this.handleStart(),this.windowListeners.add(_.Resize,this.handleCancel),this.windowListeners.add(_.VisibilityChange,this.handleCancel),setTimeout(()=>this.listeners.add(_.Keydown,this.handleKeyDown))}handleStart(){const{activeNode:e,onStart:t}=this.props,n=e.node.current;n&&H(n),t(v)}handleKeyDown(e){if(o.isKeyboardEvent(e)){const{active:t,context:n,options:r}=this.props,{keyboardCodes:i=$,coordinateGetter:a=ee,scrollBehavior:s="smooth"}=r,{code:l}=e;if(i.end.includes(l))return void this.handleEnd(e);if(i.cancel.includes(l))return void this.handleCancel(e);const{collisionRect:c}=n.current,d=c?{x:c.left,y:c.top}:v;this.referenceCoordinates||(this.referenceCoordinates=d);const u=a(e,{active:t,context:n.current,currentCoordinates:d});if(u){const t=o.subtract(u,d),r={x:0,y:0},{scrollableAncestors:i}=n.current;for(const n of i){const o=e.code,{isTop:i,isRight:a,isLeft:l,isBottom:c,maxScroll:d,minScroll:f}=F(n),v=j(n),g={x:Math.min(o===exports.KeyboardCode.Right?v.right-v.width/2:v.right,Math.max(o===exports.KeyboardCode.Right?v.left:v.left+v.width/2,u.x)),y:Math.min(o===exports.KeyboardCode.Down?v.bottom-v.height/2:v.bottom,Math.max(o===exports.KeyboardCode.Down?v.top:v.top+v.height/2,u.y))},p=o===exports.KeyboardCode.Right&&!a||o===exports.KeyboardCode.Left&&!l,h=o===exports.KeyboardCode.Down&&!c||o===exports.KeyboardCode.Up&&!i;if(p&&g.x!==u.x){const e=n.scrollLeft+t.x;if((o===exports.KeyboardCode.Right&&e<=d.x||o===exports.KeyboardCode.Left&&e>=f.x)&&!t.y)return void n.scrollTo({left:e,behavior:s});r.x=o===exports.KeyboardCode.Right?n.scrollLeft-d.x:n.scrollLeft-f.x,n.scrollBy({left:-r.x,behavior:s});break}if(h&&g.y!==u.y){const e=n.scrollTop+t.y;if((o===exports.KeyboardCode.Down&&e<=d.y||o===exports.KeyboardCode.Up&&e>=f.y)&&!t.x)return void n.scrollTo({top:e,behavior:s});r.y=o===exports.KeyboardCode.Down?n.scrollTop-d.y:n.scrollTop-f.y,n.scrollBy({top:-r.y,behavior:s});break}}this.handleMove(e,o.add(o.subtract(u,this.referenceCoordinates),r))}}}handleMove(e,t){const{onMove:n}=this.props;e.preventDefault(),n(t)}handleEnd(e){const{onEnd:t}=this.props;e.preventDefault(),this.detach(),t()}handleCancel(e){const{onCancel:t}=this.props;e.preventDefault(),this.detach(),t()}detach(){this.listeners.removeAll(),this.windowListeners.removeAll()}}function ne(e){return Boolean(e&&"distance"in e)}function re(e){return Boolean(e&&"delay"in e)}te.activators=[{eventName:"onKeyDown",handler:(e,t,n)=>{let{keyboardCodes:r=$,onActivation:o}=t,{active:i}=n;const{code:a}=e.nativeEvent;if(r.start.includes(a)){const t=i.activatorNode.current;return!(t&&e.target!==t||(e.preventDefault(),null==o||o({event:e.nativeEvent}),0))}return!1}}];class oe{constructor(e,t,n){var r;void 0===n&&(n=function(e){const{EventTarget:t}=o.getWindow(e);return e instanceof t?e:o.getOwnerDocument(e)}(e.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=e,this.events=t;const{event:i}=e,{target:a}=i;this.props=e,this.events=t,this.document=o.getOwnerDocument(a),this.documentListeners=new V(this.document),this.listeners=new V(n),this.windowListeners=new V(o.getWindow(a)),this.initialCoordinates=null!=(r=o.getEventCoordinates(i))?r: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:e,props:{options:{activationConstraint:t}}}=this;if(this.listeners.add(e.move.name,this.handleMove,{passive:!1}),this.listeners.add(e.end.name,this.handleEnd),this.windowListeners.add(_.Resize,this.handleCancel),this.windowListeners.add(_.DragStart,Q),this.windowListeners.add(_.VisibilityChange,this.handleCancel),this.windowListeners.add(_.ContextMenu,Q),this.documentListeners.add(_.Keydown,this.handleKeydown),t){if(ne(t))return;if(re(t))return void(this.timeoutId=setTimeout(this.handleStart,t.delay))}this.handleStart()}detach(){this.listeners.removeAll(),this.windowListeners.removeAll(),setTimeout(this.documentListeners.removeAll,50),null!==this.timeoutId&&(clearTimeout(this.timeoutId),this.timeoutId=null)}handleStart(){const{initialCoordinates:e}=this,{onStart:t}=this.props;e&&(this.activated=!0,this.documentListeners.add(_.Click,Z,{capture:!0}),this.removeTextSelection(),this.documentListeners.add(_.SelectionChange,this.removeTextSelection),t(e))}handleMove(e){var t;const{activated:n,initialCoordinates:r,props:i}=this,{onMove:a,options:{activationConstraint:s}}=i;if(!r)return;const l=null!=(t=o.getEventCoordinates(e))?t:v,c=o.subtract(r,l);if(!n&&s){if(re(s))return J(c,s.tolerance)?this.handleCancel():void 0;if(ne(s))return null!=s.tolerance&&J(c,s.tolerance)?this.handleCancel():J(c,s.distance)?this.handleStart():void 0}e.cancelable&&e.preventDefault(),a(l)}handleEnd(){const{onEnd:e}=this.props;this.detach(),e()}handleCancel(){const{onCancel:e}=this.props;this.detach(),e()}handleKeydown(e){e.code===exports.KeyboardCode.Esc&&this.handleCancel()}removeTextSelection(){var e;null==(e=this.document.getSelection())||e.removeAllRanges()}}const ie={move:{name:"pointermove"},end:{name:"pointerup"}};class ae extends oe{constructor(e){const{event:t}=e,n=o.getOwnerDocument(t.target);super(e,ie,n)}}ae.activators=[{eventName:"onPointerDown",handler:(e,t)=>{let{nativeEvent:n}=e,{onActivation:r}=t;return!(!n.isPrimary||0!==n.button||(null==r||r({event:n}),0))}}];const se={move:{name:"mousemove"},end:{name:"mouseup"}};var le;!function(e){e[e.RightClick=2]="RightClick"}(le||(le={}));class ce extends oe{constructor(e){super(e,se,o.getOwnerDocument(e.event.target))}}ce.activators=[{eventName:"onMouseDown",handler:(e,t)=>{let{nativeEvent:n}=e,{onActivation:r}=t;return n.button!==le.RightClick&&(null==r||r({event:n}),!0)}}];const de={move:{name:"touchmove"},end:{name:"touchend"}};class ue extends oe{constructor(e){super(e,de)}static setup(){return window.addEventListener(de.move.name,e,{capture:!1,passive:!1}),function(){window.removeEventListener(de.move.name,e)};function e(){}}}var fe,ve;ue.activators=[{eventName:"onTouchStart",handler:(e,t)=>{let{nativeEvent:n}=e,{onActivation:r}=t;const{touches:o}=n;return!(o.length>1||(null==r||r({event:n}),0))}}],(fe=exports.AutoScrollActivator||(exports.AutoScrollActivator={}))[fe.Pointer=0]="Pointer",fe[fe.DraggableRect=1]="DraggableRect",(ve=exports.TraversalOrder||(exports.TraversalOrder={}))[ve.TreeOrder=0]="TreeOrder",ve[ve.ReversedTreeOrder=1]="ReversedTreeOrder";const ge={x:{[P.Backward]:!1,[P.Forward]:!1},y:{[P.Backward]:!1,[P.Forward]:!1}};var pe;(pe=exports.MeasuringStrategy||(exports.MeasuringStrategy={}))[pe.Always=0]="Always",pe[pe.BeforeDragging=1]="BeforeDragging",pe[pe.WhileDragging=2]="WhileDragging",(exports.MeasuringFrequency||(exports.MeasuringFrequency={})).Optimized="optimized";const he=new Map;function be(e,t){return o.useLazyMemo(n=>e?n||("function"==typeof t?t(e):e):null,[t,e])}function me(e){let{callback:n,disabled:r}=e;const i=o.useEvent(n),a=t.useMemo(()=>{if(r||"undefined"==typeof window||void 0===window.ResizeObserver)return;const{ResizeObserver:e}=window;return new e(i)},[r]);return t.useEffect(()=>()=>null==a?void 0:a.disconnect(),[a]),a}function ye(e){return new Y(O(e),e)}function we(e,n,r){void 0===n&&(n=ye);const[i,a]=t.useReducer((function(t){if(!e)return null;var o;if(!1===e.isConnected)return null!=(o=null!=t?t:r)?o:null;const i=n(e);return JSON.stringify(t)===JSON.stringify(i)?t:i}),null),s=function(e){let{callback:n,disabled:r}=e;const i=o.useEvent(n),a=t.useMemo(()=>{if(r||"undefined"==typeof window||void 0===window.MutationObserver)return;const{MutationObserver:e}=window;return new e(i)},[i,r]);return t.useEffect(()=>()=>null==a?void 0:a.disconnect(),[a]),a}({callback(t){if(e)for(const n of t){const{type:t,target:r}=n;if("childList"===t&&r instanceof HTMLElement&&r.contains(e)){a();break}}}}),l=me({callback:a});return o.useIsomorphicLayoutEffect(()=>{a(),e?(null==l||l.observe(e),null==s||s.observe(document.body,{childList:!0,subtree:!0})):(null==l||l.disconnect(),null==s||s.disconnect())},[e]),i}const xe=[];function Ce(e,n){void 0===n&&(n=[]);const r=t.useRef(null);return t.useEffect(()=>{r.current=null},n),t.useEffect(()=>{const t=e!==v;t&&!r.current&&(r.current=e),!t&&r.current&&(r.current=null)},[e]),r.current?o.subtract(e,r.current):v}function Ee(e){return t.useMemo(()=>e?function(e){const t=e.innerWidth,n=e.innerHeight;return{top:0,left:0,right:t,bottom:n,width:t,height:n}}(e):null,[e])}const De=[];function Re(e){if(!e)return null;if(e.children.length>1)return e;const t=e.children[0];return o.isHTMLElement(t)?t:e}const Se=[{sensor:ae,options:{}},{sensor:te,options:{}}],Me={current:{}},Ne={draggable:{measure:L},droppable:{measure:L,strategy:exports.MeasuringStrategy.WhileDragging,frequency:exports.MeasuringFrequency.Optimized},dragOverlay:{measure:O}};class Oe extends Map{get(e){var t;return null!=e&&null!=(t=super.get(e))?t:void 0}toArray(){return Array.from(this.values())}getEnabled(){return this.toArray().filter(e=>{let{disabled:t}=e;return!t})}getNodeFor(e){var t,n;return null!=(t=null==(n=this.get(e))?void 0:n.node.current)?t:void 0}}const Le={activatorEvent:null,active:null,activeNode:null,activeNodeRect:null,collisions:null,containerNodeRect:null,draggableNodes:new Map,droppableRects:new Map,droppableContainers:new Oe,over:null,dragOverlay:{nodeRef:{current:null},rect:null,setRef:f},scrollableAncestors:[],scrollableAncestorRects:[],measuringConfiguration:Ne,measureDroppableContainers:f,windowRect:null,measuringScheduled:!1},Ae={activatorEvent:null,activators:[],active:null,activeNodeRect:null,ariaDescribedById:{draggable:""},dispatch:f,draggableNodes:new Map,over:null,measureDroppableContainers:f},ke=t.createContext(Ae),Te=t.createContext(Le);function Ke(){return{draggable:{active:null,initialCoordinates:{x:0,y:0},nodes:new Map,translate:{x:0,y:0}},droppable:{containers:new Oe}}}function Ie(e,t){switch(t.type){case u.DragStart:return{...e,draggable:{...e.draggable,initialCoordinates:t.initialCoordinates,active:t.active}};case u.DragMove:return e.draggable.active?{...e,draggable:{...e.draggable,translate:{x:t.coordinates.x-e.draggable.initialCoordinates.x,y:t.coordinates.y-e.draggable.initialCoordinates.y}}}:e;case u.DragEnd:case u.DragCancel:return{...e,draggable:{...e.draggable,active:null,initialCoordinates:{x:0,y:0},translate:{x:0,y:0}}};case u.RegisterDroppable:{const{element:n}=t,{id:r}=n,o=new Oe(e.droppable.containers);return o.set(r,n),{...e,droppable:{...e.droppable,containers:o}}}case u.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 Oe(e.droppable.containers);return a.set(n,{...i,disabled:o}),{...e,droppable:{...e.droppable,containers:a}}}case u.UnregisterDroppable:{const{id:n,key:r}=t,o=e.droppable.containers.get(n);if(!o||r!==o.key)return e;const i=new Oe(e.droppable.containers);return i.delete(n),{...e,droppable:{...e.droppable,containers:i}}}default:return e}}function Be(e){let{disabled:n}=e;const{active:r,activatorEvent:i,draggableNodes:a}=t.useContext(ke),s=o.usePrevious(i),l=o.usePrevious(null==r?void 0:r.id);return t.useEffect(()=>{if(!n&&!i&&s&&null!=l){if(!o.isKeyboardEvent(s))return;if(document.activeElement===s.target)return;const e=a.get(l);if(!e)return;const{activatorNode:t,node:n}=e;if(!t.current&&!n.current)return;requestAnimationFrame(()=>{for(const e of[t.current,n.current]){if(!e)continue;const t=o.findFirstFocusableNode(e);if(t){t.focus();break}}})}},[i,n,a,l,s]),null}function Pe(e,t){let{transform:n,...r}=t;return null!=e&&e.length?e.reduce((e,t)=>t({transform:e,...r}),n):n}const ze=t.createContext({...v,scaleX:1,scaleY:1});var Fe;!function(e){e[e.Uninitialized=0]="Uninitialized",e[e.Initializing=1]="Initializing",e[e.Initialized=2]="Initialized"}(Fe||(Fe={}));const We=t.memo((function(e){var i,s,l,c;let{id:f,accessibility:g,autoScroll:p=!0,children:h,sensors:b=Se,collisionDetection:m=C,measuring:w,modifiers:x,...E}=e;const R=t.useReducer(Ie,void 0,Ke),[M,N]=R,[L,K]=function(){const[e]=t.useState(()=>new Set),n=t.useCallback(t=>(e.add(t),()=>e.delete(t)),[e]);return[t.useCallback(t=>{let{type:n,event:r}=t;e.forEach(e=>{var t;return null==(t=e[n])?void 0:t.call(e,r)})},[e]),n]}(),[I,F]=t.useState(Fe.Uninitialized),W=I===Fe.Initialized,{draggable:{active:j,nodes:H,translate:X},droppable:{containers:V}}=M,J=j?H.get(j):null,_=t.useRef({initial:null,translated:null}),G=t.useMemo(()=>{var e;return null!=j?{id:j,data:null!=(e=null==J?void 0:J.data)?e:Me,rect:_}:null},[j,J]),Q=t.useRef(null),[Z,$]=t.useState(null),[ee,te]=t.useState(null),ne=o.useLatestValue(E,Object.values(E)),re=o.useUniqueId("DndDescribedBy",f),oe=t.useMemo(()=>V.getEnabled(),[V]),ie=t.useMemo(()=>({draggable:{...Ne.draggable,...null==ae?void 0:ae.draggable},droppable:{...Ne.droppable,...null==ae?void 0:ae.droppable},dragOverlay:{...Ne.dragOverlay,...null==ae?void 0:ae.dragOverlay}}),[null==(ae=w)?void 0:ae.draggable,null==ae?void 0:ae.droppable,null==ae?void 0:ae.dragOverlay]);var ae;const{droppableRects:se,measureDroppableContainers:le,measuringScheduled:ce}=function(e,n){let{dragging:r,dependencies:i,config:a}=n;const[s,l]=t.useState(null),c=null!=s,{frequency:d,measure:u,strategy:f}=a,v=t.useRef(e),g=function(){switch(f){case exports.MeasuringStrategy.Always:return!1;case exports.MeasuringStrategy.BeforeDragging:return r;default:return!r}}(),p=o.useLatestValue(g),h=t.useCallback((function(e){void 0===e&&(e=[]),p.current||l(t=>t?t.concat(e):e)}),[p]),b=t.useRef(null),m=o.useLazyMemo(t=>{if(g&&!r)return he;const n=s;if(!t||t===he||v.current!==e||null!=n){const t=new Map;for(let r of e){if(!r)continue;if(n&&n.length>0&&!n.includes(r.id)&&r.rect.current){t.set(r.id,r.rect.current);continue}const e=r.node.current,o=e?new Y(u(e),e):null;r.rect.current=o,o&&t.set(r.id,o)}return t}return t},[e,s,r,g,u]);return t.useEffect(()=>{v.current=e},[e]),t.useEffect(()=>{g||requestAnimationFrame(()=>h())},[r,g]),t.useEffect(()=>{c&&l(null)},[c]),t.useEffect(()=>{g||"number"!=typeof d||null!==b.current||(b.current=setTimeout(()=>{h(),b.current=null},d))},[d,g,h,...i]),{droppableRects:m,measureDroppableContainers:h,measuringScheduled:c}}(oe,{dragging:W,dependencies:[X.x,X.y],config:ie.droppable}),de=function(e,t){const n=null!==t?e.get(t):void 0,r=n?n.node.current:null;return o.useLazyMemo(e=>{var n;return null===t?null:null!=(n=null!=r?r:e)?n:null},[r,t])}(H,j),ue=t.useMemo(()=>ee?o.getEventCoordinates(ee):null,[ee]),fe=function(){const e=W&&!(!1===(null==Z?void 0:Z.autoScrollEnabled))&&!("object"==typeof p?!1===p.enabled:!1===p);return"object"==typeof p?{...p,enabled:e}:{enabled:e}}(),ve=function(e,t){return be(e,t)}(de,ie.draggable.measure);!function(e){let{activeNode:n,measure:r,initialRect:i,config:a=!0}=e;const s=t.useRef(!1),{x:l,y:c}="boolean"==typeof a?{x:a,y:a}:a;o.useIsomorphicLayoutEffect(()=>{if(!l&&!c||!n)return void(s.current=!1);if(s.current||!i)return;const e=null==n?void 0:n.node.current;if(!e||!1===e.isConnected)return;const t=D(r(e),i);if(l||(t.x=0),c||(t.y=0),s.current=!0,Math.abs(t.x)>0||Math.abs(t.y)>0){const n=k(e);n&&n.scrollBy({top:t.y,left:t.x})}},[n,l,c,i,r])}({activeNode:j?H.get(j):null,config:fe.layoutShiftCompensation,initialRect:ve,measure:ie.draggable.measure});const pe=we(de,ie.draggable.measure,ve),ye=we(de?de.parentElement:null),Oe=t.useRef({activatorEvent:null,active:null,activeNode:de,collisionRect:null,collisions:null,droppableRects:se,draggableNodes:H,draggingNode:null,draggingNodeRect:null,droppableContainers:V,over:null,scrollableAncestors:[],scrollAdjustedTranslate:null}),Le=V.getNodeFor(null==(i=Oe.current.over)?void 0:i.id),Ae=function(e){let{measure:n}=e;const[r,i]=t.useState(null),a=me({callback:t.useCallback(e=>{for(const{target:t}of e)if(o.isHTMLElement(t)){i(e=>{const r=n(t);return e?{...e,width:r.width,height:r.height}:r});break}},[n])}),s=t.useCallback(e=>{const t=Re(e);null==a||a.disconnect(),t&&(null==a||a.observe(t)),i(t?n(t):null)},[n,a]),[l,c]=o.useNodeRef(s);return t.useMemo(()=>({nodeRef:l,rect:r,setRef:c}),[r,l,c])}({measure:ie.dragOverlay.measure}),We=null!=(s=Ae.nodeRef.current)?s:de,Ue=W?null!=(l=Ae.rect)?l:pe:null,je=Boolean(Ae.nodeRef.current&&Ae.rect),qe=D(He=je?null:pe,be(He));var He;const Xe=Ee(We?o.getWindow(We):null),Ye=function(e){const n=t.useRef(e),r=o.useLazyMemo(t=>e?t&&t!==xe&&e&&n.current&&e.parentNode===n.current.parentNode?t:A(e):xe,[e]);return t.useEffect(()=>{n.current=e},[e]),r}(W?null!=Le?Le:de:null),Ve=function(e,n){void 0===n&&(n=O);const[r]=e,i=Ee(r?o.getWindow(r):null),[a,s]=t.useReducer((function(){return e.length?e.map(e=>z(e)?i:new Y(n(e),e)):De}),De),l=me({callback:s});return e.length>0&&a===De&&s(),o.useIsomorphicLayoutEffect(()=>{e.length?e.forEach(e=>null==l?void 0:l.observe(e)):(null==l||l.disconnect(),s())},[e]),a}(Ye),Je=Pe(x,{transform:{x:X.x-qe.x,y:X.y-qe.y,scaleX:1,scaleY:1},activatorEvent:ee,active:G,activeNodeRect:pe,containerNodeRect:ye,draggingNodeRect:Ue,over:Oe.current.over,overlayNodeRect:Ae.rect,scrollableAncestors:Ye,scrollableAncestorRects:Ve,windowRect:Xe}),_e=ue?o.add(ue,X):null,Ge=function(e){const[n,r]=t.useState(null),i=t.useRef(e),a=t.useCallback(e=>{const t=T(e.target);t&&r(e=>e?(e.set(t,B(t)),new Map(e)):null)},[]);return t.useEffect(()=>{const t=i.current;if(e!==t){n(t);const o=e.map(e=>{const t=T(e);return t?(t.addEventListener("scroll",a,{passive:!0}),[t,B(t)]):null}).filter(e=>null!=e);r(o.length?new Map(o):null),i.current=e}return()=>{n(e),n(t)};function n(e){e.forEach(e=>{const t=T(e);null==t||t.removeEventListener("scroll",a)})}},[a,e]),t.useMemo(()=>e.length?n?Array.from(n.values()).reduce((e,t)=>o.add(e,t),v):q(e):v,[e,n])}(Ye),Qe=Ce(Ge),Ze=Ce(Ge,[pe]),$e=o.add(Je,Qe),et=Ue?S(Ue,Je):null,tt=G&&et?m({active:G,collisionRect:et,droppableRects:se,droppableContainers:oe,pointerCoordinates:_e}):null,nt=y(tt,"id"),[rt,ot]=t.useState(null),it=function(e,t,n){return{...e,scaleX:t&&n?t.width/n.width:1,scaleY:t&&n?t.height/n.height:1}}(je?Je:o.add(Je,Ze),null!=(c=null==rt?void 0:rt.rect)?c:null,pe),at=t.useCallback((e,t)=>{let{sensor:n,options:o}=t;if(null==Q.current)return;const i=H.get(Q.current);if(!i)return;const a=e.nativeEvent,s=new n({active:Q.current,activeNode:i,event:a,options:o,context:Oe,onStart(e){const t=Q.current;if(null==t)return;const n=H.get(t);if(!n)return;const{onDragStart:o}=ne.current,i={active:{id:t,data:n.data,rect:_}};r.unstable_batchedUpdates(()=>{null==o||o(i),F(Fe.Initializing),N({type:u.DragStart,initialCoordinates:e,active:t}),L({type:"onDragStart",event:i})})},onMove(e){N({type:u.DragMove,coordinates:e})},onEnd:l(u.DragEnd),onCancel:l(u.DragCancel)});function l(e){return async function(){const{active:t,collisions:n,over:o,scrollAdjustedTranslate:i}=Oe.current;let s=null;if(t&&i){const{cancelDrop:r}=ne.current;s={activatorEvent:a,active:t,collisions:n,delta:i,over:o},e===u.DragEnd&&"function"==typeof r&&await Promise.resolve(r(s))&&(e=u.DragCancel)}Q.current=null,r.unstable_batchedUpdates(()=>{N({type:e}),F(Fe.Uninitialized),ot(null),$(null),te(null);const t=e===u.DragEnd?"onDragEnd":"onDragCancel";if(s){const e=ne.current[t];null==e||e(s),L({type:t,event:s})}})}}r.unstable_batchedUpdates(()=>{$(s),te(e.nativeEvent)})},[H]),st=function(e,n){return t.useMemo(()=>e.reduce((e,t)=>{const{sensor:r}=t;return[...e,...r.activators.map(e=>({eventName:e.eventName,handler:n(e.handler,t)}))]},[]),[e,n])}(b,t.useCallback((e,t)=>(n,r)=>{const o=n.nativeEvent,i=H.get(r);null!==Q.current||!i||o.dndKit||o.defaultPrevented||!0===e(n,t.options,{active:i})&&(o.dndKit={capturedBy:t.sensor},Q.current=r,at(n,t))},[H,at]));!function(e){t.useEffect(()=>{if(!o.canUseDOM)return;const t=e.map(e=>{let{sensor:t}=e;return null==t.setup?void 0:t.setup()});return()=>{for(const e of t)null==e||e()}},e.map(e=>{let{sensor:t}=e;return t}))}(b),o.useIsomorphicLayoutEffect(()=>{pe&&I===Fe.Initializing&&F(Fe.Initialized)},[pe,I]),t.useEffect(()=>{const{onDragMove:e}=ne.current,{active:t,activatorEvent:n,collisions:o,over:i}=Oe.current;if(!t||!n)return;const a={active:t,activatorEvent:n,collisions:o,delta:{x:$e.x,y:$e.y},over:i};r.unstable_batchedUpdates(()=>{null==e||e(a),L({type:"onDragMove",event:a})})},[$e.x,$e.y]),t.useEffect(()=>{const{active:e,activatorEvent:t,collisions:n,droppableContainers:o,scrollAdjustedTranslate:i}=Oe.current;if(!e||null==Q.current||!t||!i)return;const{onDragOver:a}=ne.current,s=o.get(nt),l=s&&s.rect.current?{id:s.id,rect:s.rect.current,data:s.data,disabled:s.disabled}:null,c={active:e,activatorEvent:t,collisions:n,delta:{x:i.x,y:i.y},over:l};r.unstable_batchedUpdates(()=>{ot(l),null==a||a(c),L({type:"onDragOver",event:c})})},[nt]),o.useIsomorphicLayoutEffect(()=>{Oe.current={activatorEvent:ee,active:G,activeNode:de,collisionRect:et,collisions:tt,droppableRects:se,draggableNodes:H,draggingNode:We,draggingNodeRect:Ue,droppableContainers:V,over:rt,scrollableAncestors:Ye,scrollAdjustedTranslate:$e},_.current={initial:Ue,translated:et}},[G,de,tt,et,H,We,Ue,se,V,rt,Ye,$e]),function(e){let{acceleration:n,activator:r=exports.AutoScrollActivator.Pointer,canScroll:i,draggingRect:a,enabled:s,interval:l=5,order:c=exports.TraversalOrder.TreeOrder,pointerCoordinates:d,scrollableAncestors:u,scrollableAncestorRects:f,delta:v,threshold:g}=e;const p=function(e){let{delta:t,disabled:n}=e;const r=o.usePrevious(t);return o.useLazyMemo(e=>{if(n||!r||!e)return ge;const o=Math.sign(t.x-r.x),i=Math.sign(t.y-r.y);return{x:{[P.Backward]:e.x[P.Backward]||-1===o,[P.Forward]:e.x[P.Forward]||1===o},y:{[P.Backward]:e.y[P.Backward]||-1===i,[P.Forward]:e.y[P.Forward]||1===i}}},[n,t,r])}({delta:v,disabled:!s}),[h,b]=o.useInterval(),m=t.useRef({x:0,y:0}),y=t.useRef({x:0,y:0}),w=t.useMemo(()=>{switch(r){case exports.AutoScrollActivator.Pointer:return d?{top:d.y,bottom:d.y,left:d.x,right:d.x}:null;case exports.AutoScrollActivator.DraggableRect:return a}},[r,a,d]),x=t.useRef(null),C=t.useCallback(()=>{const e=x.current;e&&e.scrollBy(m.current.x*y.current.x,m.current.y*y.current.y)},[]),E=t.useMemo(()=>c===exports.TraversalOrder.TreeOrder?[...u].reverse():u,[c,u]);t.useEffect(()=>{if(s&&u.length&&w){for(const e of E){if(!1===(null==i?void 0:i(e)))continue;const t=u.indexOf(e),r=f[t];if(!r)continue;const{direction:o,speed:a}=U(e,r,w,n,g);for(const e of["x","y"])p[e][o[e]]||(a[e]=0,o[e]=0);if(a.x>0||a.y>0)return b(),x.current=e,h(C,l),m.current=a,void(y.current=o)}m.current={x:0,y:0},y.current={x:0,y:0},b()}else b()},[n,C,i,b,s,l,JSON.stringify(w),JSON.stringify(p),h,u,E,f,JSON.stringify(g)])}({...fe,delta:X,draggingRect:et,pointerCoordinates:_e,scrollableAncestors:Ye,scrollableAncestorRects:Ve});const lt=t.useMemo(()=>({active:G,activeNode:de,activeNodeRect:pe,activatorEvent:ee,collisions:tt,containerNodeRect:ye,dragOverlay:Ae,draggableNodes:H,droppableContainers:V,droppableRects:se,over:rt,measureDroppableContainers:le,scrollableAncestors:Ye,scrollableAncestorRects:Ve,measuringConfiguration:ie,measuringScheduled:ce,windowRect:Xe}),[G,de,pe,ee,tt,ye,Ae,H,V,se,rt,le,Ye,Ve,ie,ce,Xe]),ct=t.useMemo(()=>({activatorEvent:ee,activators:st,active:G,activeNodeRect:pe,ariaDescribedById:{draggable:re},dispatch:N,draggableNodes:H,over:rt,measureDroppableContainers:le}),[ee,st,G,pe,N,re,H,rt,le]);return n.createElement(a.Provider,{value:K},n.createElement(ke.Provider,{value:ct},n.createElement(Te.Provider,{value:lt},n.createElement(ze.Provider,{value:it},h)),n.createElement(Be,{disabled:!1===(null==g?void 0:g.restoreFocus)})),n.createElement(d,{...g,hiddenTextDescribedById:re}))})),Ue=t.createContext(null),je="button";function qe(){return t.useContext(Te)}const He={timeout:25};function Xe(e){let{animation:r,children:i}=e;const[a,s]=t.useState(null),[l,c]=t.useState(null),d=o.usePrevious(i);return i||a||!d||s(d),o.useIsomorphicLayoutEffect(()=>{if(!l)return;const e=null==a?void 0:a.props.id;null!=(null==a?void 0:a.key)&&null!=e?Promise.resolve(r(e,l)).then(()=>{s(null)}):s(null)},[r,a,l]),n.createElement(n.Fragment,null,i,a?t.cloneElement(a,{ref:c}):null)}const Ye={x:0,y:0,scaleX:1,scaleY:1};function Ve(e){let{children:t}=e;return n.createElement(ke.Provider,{value:Ae},n.createElement(ze.Provider,{value:Ye},t))}const Je={position:"fixed",touchAction:"none"},_e=e=>o.isKeyboardEvent(e)?"transform 250ms ease":void 0,Ge=t.forwardRef((e,t)=>{let{as:r,activatorEvent:i,adjustScale:a,children:s,className:l,rect:c,style:d,transform:u,transition:f=_e}=e;if(!c)return null;const v=a?u:{...u,scaleX:1,scaleY:1},g={...Je,width:c.width,height:c.height,top:c.top,left:c.left,transform:o.CSS.Transform.toString(v),transformOrigin:a&&i?p(i,c):void 0,transition:"function"==typeof f?f(i):f,...d};return n.createElement(r,{className:l,style:g,ref:t},s)}),Qe=e=>t=>{let{active:n,dragOverlay:r}=t;const o={},{styles:i,className:a}=e;if(null!=i&&i.active)for(const[e,t]of Object.entries(i.active))void 0!==t&&(o[e]=n.node.style.getPropertyValue(e),n.node.style.setProperty(e,t));if(null!=i&&i.dragOverlay)for(const[e,t]of Object.entries(i.dragOverlay))void 0!==t&&r.node.style.setProperty(e,t);return null!=a&&a.active&&n.node.classList.add(a.active),null!=a&&a.dragOverlay&&r.node.classList.add(a.dragOverlay),function(){for(const[e,t]of Object.entries(o))n.node.style.setProperty(e,t);null!=a&&a.active&&n.node.classList.remove(a.active)}},Ze={duration:250,easing:"ease",keyframes:e=>{let{transform:{initial:t,final:n}}=e;return[{transform:o.CSS.Transform.toString(t)},{transform:o.CSS.Transform.toString(n)}]},sideEffects:Qe({styles:{active:{opacity:"0"}}})};let $e=0;function et(e){return t.useMemo(()=>{if(null!=e)return $e++,$e},[e])}const tt=n.memo(e=>{let{adjustScale:r=!1,children:i,dropAnimation:a,style:s,transition:l,modifiers:c,wrapperElement:d="div",className:u,zIndex:f=999}=e;const{activatorEvent:v,active:g,activeNodeRect:p,containerNodeRect:h,draggableNodes:b,droppableContainers:m,dragOverlay:y,over:w,measuringConfiguration:x,scrollableAncestors:C,scrollableAncestorRects:E,windowRect:D}=qe(),R=t.useContext(ze),S=et(null==g?void 0:g.id),N=Pe(c,{activatorEvent:v,active:g,activeNodeRect:p,containerNodeRect:h,draggingNodeRect:y.rect,over:w,overlayNodeRect:y.rect,scrollableAncestors:C,scrollableAncestorRects:E,transform:R,windowRect:D}),O=be(p),L=function(e){let{config:t,draggableNodes:n,droppableContainers:r,measuringConfiguration:i}=e;return o.useEvent((e,a)=>{if(null===t)return;const s=n.get(e);if(!s)return;const l=s.node.current;if(!l)return;const c=Re(a);if(!c)return;const{transform:d}=o.getWindow(a).getComputedStyle(a),u=M(d);if(!u)return;const f="function"==typeof t?t:function(e){const{duration:t,easing:n,sideEffects:r,keyframes:o}={...Ze,...e};return e=>{let{active:i,dragOverlay:a,transform:s,...l}=e;if(!t)return;const c={x:s.x-(a.rect.left-i.rect.left),y:s.y-(a.rect.top-i.rect.top),scaleX:1!==s.scaleX?i.rect.width*s.scaleX/a.rect.width:1,scaleY:1!==s.scaleY?i.rect.height*s.scaleY/a.rect.height:1},d=o({...l,active:i,dragOverlay:a,transform:{initial:s,final:c}}),[u]=d,f=d[d.length-1];if(JSON.stringify(u)===JSON.stringify(f))return;const v=null==r?void 0:r({active:i,dragOverlay:a,...l}),g=a.node.animate(d,{duration:t,easing:n,fill:"forwards"});return new Promise(e=>{g.onfinish=()=>{null==v||v(),e()}})}}(t);return H(l,i.draggable.measure),f({active:{id:e,data:s.data,node:l,rect:i.draggable.measure(l)},draggableNodes:n,dragOverlay:{node:a,rect:i.dragOverlay.measure(c)},droppableContainers:r,measuringConfiguration:i,transform:u})})}({config:a,draggableNodes:b,droppableContainers:m,measuringConfiguration:x});return n.createElement(Ve,null,n.createElement(Xe,{animation:L},g&&S?n.createElement(Ge,{key:S,id:g.id,ref:O?y.setRef:void 0,as:d,activatorEvent:v,adjustScale:r,className:u,transition:l,rect:O,style:{zIndex:f,...s},transform:N},i):null))});exports.DndContext=We,exports.DragOverlay=tt,exports.KeyboardSensor=te,exports.MouseSensor=ce,exports.PointerSensor=ae,exports.TouchSensor=ue,exports.applyModifiers=Pe,exports.closestCenter=e=>{let{collisionRect:t,droppableRects:n,droppableContainers:r}=e;const o=w(t,t.left,t.top),i=[];for(const e of r){const{id:t}=e,r=n.get(t);if(r){const n=g(w(r),o);i.push({id:t,data:{droppableContainer:e,value:n}})}}return i.sort(h)},exports.closestCorners=e=>{let{collisionRect:t,droppableRects:n,droppableContainers:r}=e;const o=m(t),i=[];for(const e of r){const{id:t}=e,r=n.get(t);if(r){const n=m(r),a=o.reduce((e,t,r)=>e+g(n[r],t),0),s=Number((a/4).toFixed(4));i.push({id:t,data:{droppableContainer:e,value:s}})}}return i.sort(h)},exports.defaultAnnouncements=c,exports.defaultCoordinates=v,exports.defaultDropAnimation=Ze,exports.defaultDropAnimationSideEffects=Qe,exports.defaultScreenReaderInstructions=l,exports.getClientRect=O,exports.getFirstCollision=y,exports.getScrollableAncestors=A,exports.pointerWithin=e=>{let{droppableContainers:t,droppableRects:n,pointerCoordinates:r}=e;if(!r)return[];const o=[];for(const e of t){const{id:t}=e,i=n.get(t);if(i&&E(r,i)){const n=m(i).reduce((e,t)=>e+g(r,t),0),a=Number((n/4).toFixed(4));o.push({id:t,data:{droppableContainer:e,value:a}})}}return o.sort(h)},exports.rectIntersection=C,exports.useDndContext=qe,exports.useDndMonitor=s,exports.useDraggable=function(e){let{id:n,data:r,disabled:i=!1,attributes:a}=e;const s=o.useUniqueId("Droppable"),{activators:l,activatorEvent:c,active:d,activeNodeRect:u,ariaDescribedById:f,draggableNodes:v,over:g}=t.useContext(ke),{role:p=je,roleDescription:h="draggable",tabIndex:b=0}=null!=a?a:{},m=(null==d?void 0:d.id)===n,y=t.useContext(m?ze:Ue),[w,x]=o.useNodeRef(),[C,E]=o.useNodeRef(),D=function(e,n){return t.useMemo(()=>e.reduce((e,t)=>{let{eventName:r,handler:o}=t;return e[r]=e=>{o(e,n)},e},{}),[e,n])}(l,n),R=o.useLatestValue(r);return o.useIsomorphicLayoutEffect(()=>(v.set(n,{id:n,key:s,node:w,activatorNode:C,data:R}),()=>{const e=v.get(n);e&&e.key===s&&v.delete(n)}),[v,n]),{active:d,activatorEvent:c,activeNodeRect:u,attributes:t.useMemo(()=>({role:p,tabIndex:b,"aria-disabled":i,"aria-pressed":!(!m||p!==je)||void 0,"aria-roledescription":h,"aria-describedby":f.draggable}),[i,p,b,m,h,f.draggable]),isDragging:m,listeners:i?void 0:D,node:w,over:g,setNodeRef:x,setActivatorNodeRef:E,transform:y}},exports.useDroppable=function(e){let{data:n,disabled:r=!1,id:i,resizeObserverConfig:a}=e;const s=o.useUniqueId("Droppable"),{active:l,dispatch:c,over:d,measureDroppableContainers:f}=t.useContext(ke),v=t.useRef({disabled:r}),g=t.useRef(!1),p=t.useRef(null),h=t.useRef(null),{disabled:b,updateMeasurementsFor:m,timeout:y}={...He,...a},w=o.useLatestValue(null!=m?m:i),x=me({callback:t.useCallback(()=>{g.current?(null!=h.current&&clearTimeout(h.current),h.current=setTimeout(()=>{f(Array.isArray(w.current)?w.current:[w.current]),h.current=null},y)):g.current=!0},[y]),disabled:b||!l}),C=t.useCallback((e,t)=>{x&&(t&&(x.unobserve(t),g.current=!1),e&&x.observe(e))},[x]),[E,D]=o.useNodeRef(C),R=o.useLatestValue(n);return t.useEffect(()=>{x&&E.current&&(x.disconnect(),g.current=!1,x.observe(E.current))},[E,x]),o.useIsomorphicLayoutEffect(()=>(c({type:u.RegisterDroppable,element:{id:i,key:s,disabled:r,node:E,rect:p,data:R}}),()=>c({type:u.UnregisterDroppable,key:s,id:i})),[i]),t.useEffect(()=>{r!==v.current.disabled&&(c({type:u.SetDroppableDisabled,id:i,key:s,disabled:r}),v.current.disabled=r)},[i,s,r,c]),{active:l,rect:p,isOver:(null==d?void 0:d.id)===i,node:E,over:d,setNodeRef:D}},exports.useSensor=function(e,n){return t.useMemo(()=>({sensor:e,options:null!=n?n:{}}),[e,n])},exports.useSensors=function(){for(var e=arguments.length,n=new Array(e),r=0;r<e;r++)n[r]=arguments[r];return t.useMemo(()=>[...n].filter(e=>null!=e),[...n])};
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e,t=require("react"),n=(e=t)&&"object"==typeof e&&"default"in e?e.default:e,r=require("react-dom"),o=require("@dnd-kit/utilities"),i=require("@dnd-kit/accessibility");const a=t.createContext(null);function s(e){const n=t.useContext(a);t.useEffect(()=>{if(!n)throw new Error("useDndMonitor must be used within a children of <DndContext>");return n(e)},[e,n])}const l={draggable:"\n To pick up a draggable item, press the space bar.\n While dragging, use the arrow keys to move the item.\n Press space again to drop the item in its new position, or press escape to cancel.\n "},c={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 d(e){let{announcements:a=c,container:d,hiddenTextDescribedById:u,screenReaderInstructions:f=l}=e;const{announce:v,announcement:g}=i.useAnnouncement(),p=o.useUniqueId("DndLiveRegion"),[h,b]=t.useState(!1);if(t.useEffect(()=>{b(!0)},[]),s(t.useMemo(()=>({onDragStart(e){let{active:t}=e;v(a.onDragStart({active:t}))},onDragMove(e){let{active:t,over:n}=e;a.onDragMove&&v(a.onDragMove({active:t,over:n}))},onDragOver(e){let{active:t,over:n}=e;v(a.onDragOver({active:t,over:n}))},onDragEnd(e){let{active:t,over:n}=e;v(a.onDragEnd({active:t,over:n}))},onDragCancel(e){let{active:t,over:n}=e;v(a.onDragCancel({active:t,over:n}))}}),[v,a])),!h)return null;const m=n.createElement(n.Fragment,null,n.createElement(i.HiddenText,{id:u,value:f.draggable}),n.createElement(i.LiveRegion,{id:p,announcement:g}));return d?r.createPortal(m,d):m}var u;function f(){}!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"}(u||(u={}));const v=Object.freeze({x:0,y:0});function g(e,t){return Math.sqrt(Math.pow(e.x-t.x,2)+Math.pow(e.y-t.y,2))}function p(e,t){const n=o.getEventCoordinates(e);return n?(n.x-t.left)/t.width*100+"% "+(n.y-t.top)/t.height*100+"%":"0 0"}function h(e,t){let{data:{value:n}}=e,{data:{value:r}}=t;return n-r}function b(e,t){let{data:{value:n}}=e,{data:{value:r}}=t;return r-n}function m(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 y(e,t){if(!e||0===e.length)return null;const[n]=e;return t?n[t]:n}function x(e,t,n){return void 0===t&&(t=e.left),void 0===n&&(n=e.top),{x:t+.5*e.width,y:n+.5*e.height}}function w(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);if(r<o&&n<i){const a=(o-r)*(i-n);return Number((a/(t.width*t.height+e.width*e.height-a)).toFixed(4))}return 0}const C=e=>{let{collisionRect:t,droppableRects:n,droppableContainers:r}=e;const o=[];for(const e of r){const{id:r}=e,i=n.get(r);if(i){const n=w(i,t);n>0&&o.push({id:r,data:{droppableContainer:e,value:n}})}}return o.sort(b)};function E(e,t){const{top:n,left:r,bottom:o,right:i}=t;return n<=e.y&&e.y<=o&&r<=e.x&&e.x<=i}function D(e,t){return e&&t?{x:e.left-t.left,y:e.top-t.top}:v}function R(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((t,n)=>({...t,top:t.top+e*n.y,bottom:t.bottom+e*n.y,left:t.left+e*n.x,right:t.right+e*n.x}),{...t})}}const S=R(1);function M(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]}}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}const N={ignoreTransform:!1};function O(e,t){void 0===t&&(t=N);let n=e.getBoundingClientRect();if(t.ignoreTransform){const{getComputedStyle:t}=o.getWindow(e),{transform:r,transformOrigin:i}=t(e);r&&(n=function(e,t,n){const r=M(t);if(!r)return e;const{scaleX:o,scaleY:i,x:a,y:s}=r,l=e.left-a-(1-o)*parseFloat(n),c=e.top-s-(1-i)*parseFloat(n.slice(n.indexOf(" ")+1)),d=o?e.width/o:e.width,u=i?e.height/i:e.height;return{width:d,height:u,top:c,right:l+d,bottom:c+u,left:l}}(n,r,i))}const{top:r,left:i,width:a,height:s,bottom:l,right:c}=n;return{top:r,left:i,width:a,height:s,bottom:l,right:c}}function L(e){return O(e,{ignoreTransform:!0})}function A(e,t){const n=[];return e?function r(i){if(null!=t&&n.length>=t)return n;if(!i)return n;if(o.isDocument(i)&&null!=i.scrollingElement&&!n.includes(i.scrollingElement))return n.push(i.scrollingElement),n;if(!o.isHTMLElement(i)||o.isSVGElement(i))return n;if(n.includes(i))return n;const{getComputedStyle:a}=o.getWindow(i),s=a(i);return i!==e&&function(e,t){void 0===t&&(t=o.getWindow(e).getComputedStyle(e));const n=/(auto|scroll|overlay)/;return["overflow","overflowX","overflowY"].some(e=>{const r=t[e];return"string"==typeof r&&n.test(r)})}(i,s)&&n.push(i),function(e,t){return void 0===t&&(t=o.getWindow(e).getComputedStyle(e)),"fixed"===t.position}(i,s)?n:r(i.parentNode)}(e):n}function k(e){const[t]=A(e,1);return null!=t?t:null}function T(e){return o.canUseDOM&&e?o.isWindow(e)?e:o.isNode(e)?o.isDocument(e)||e===o.getOwnerDocument(e).scrollingElement?window:o.isHTMLElement(e)?e:null:null:null}function K(e){return o.isWindow(e)?e.scrollX:e.scrollLeft}function I(e){return o.isWindow(e)?e.scrollY:e.scrollTop}function B(e){return{x:K(e),y:I(e)}}var P;function z(e){return!(!o.canUseDOM||!e)&&e===document.scrollingElement}function F(e){const t={x:0,y:0},n=z(e)?{height:window.innerHeight,width:window.innerWidth}:{height:e.clientHeight,width:e.clientWidth},r={x:e.scrollWidth-n.width,y:e.scrollHeight-n.height};return{isTop:e.scrollTop<=t.y,isLeft:e.scrollLeft<=t.x,isBottom:e.scrollTop>=r.y,isRight:e.scrollLeft>=r.x,maxScroll:r,minScroll:t}}!function(e){e[e.Forward=1]="Forward",e[e.Backward=-1]="Backward"}(P||(P={}));const W={x:.2,y:.2};function U(e,t,n,r,o){let{top:i,left:a,right:s,bottom:l}=n;void 0===r&&(r=10),void 0===o&&(o=W);const{isTop:c,isBottom:d,isLeft:u,isRight:f}=F(e),v={x:0,y:0},g={x:0,y:0},p=t.height*o.y,h=t.width*o.x;return!c&&i<=t.top+p?(v.y=P.Backward,g.y=r*Math.abs((t.top+p-i)/p)):!d&&l>=t.bottom-p&&(v.y=P.Forward,g.y=r*Math.abs((t.bottom-p-l)/p)),!f&&s>=t.right-h?(v.x=P.Forward,g.x=r*Math.abs((t.right-h-s)/h)):!u&&a<=t.left+h&&(v.x=P.Backward,g.x=r*Math.abs((t.left+h-a)/h)),{direction:v,speed:g}}function j(e){if(e===document.scrollingElement){const{innerWidth:e,innerHeight:t}=window;return{top:0,left:0,right:e,bottom:t,width:e,height:t}}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 q(e){return e.reduce((e,t)=>o.add(e,B(t)),v)}function H(e,t){if(void 0===t&&(t=O),!e)return;const{top:n,left:r,bottom:o,right:i}=t(e);k(e)&&(o<=0||i<=0||n>=window.innerHeight||r>=window.innerWidth)&&e.scrollIntoView({block:"center",inline:"center"})}const X=[["x",["left","right"],function(e){return e.reduce((e,t)=>e+K(t),0)}],["y",["top","bottom"],function(e){return e.reduce((e,t)=>e+I(t),0)}]];class Y{constructor(e,t){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 n=A(t),r=q(n);this.rect={...e},this.width=e.width,this.height=e.height;for(const[e,t,o]of X)for(const i of t)Object.defineProperty(this,i,{get:()=>{const t=o(n);return this.rect[i]+(r[e]-t)},enumerable:!0});Object.defineProperty(this,"rect",{enumerable:!1})}}class V{constructor(e){this.target=void 0,this.listeners=[],this.removeAll=()=>{this.listeners.forEach(e=>{var t;return null==(t=this.target)?void 0:t.removeEventListener(...e)})},this.target=e}add(e,t,n){var r;null==(r=this.target)||r.addEventListener(e,t,n),this.listeners.push([e,t,n])}}function J(e,t){const n=Math.abs(e.x),r=Math.abs(e.y);return"number"==typeof t?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}var _,G;function Q(e){e.preventDefault()}function Z(e){e.stopPropagation()}!function(e){e.Click="click",e.DragStart="dragstart",e.Keydown="keydown",e.ContextMenu="contextmenu",e.Resize="resize",e.SelectionChange="selectionchange",e.VisibilityChange="visibilitychange"}(_||(_={})),(G=exports.KeyboardCode||(exports.KeyboardCode={})).Space="Space",G.Down="ArrowDown",G.Right="ArrowRight",G.Left="ArrowLeft",G.Up="ArrowUp",G.Esc="Escape",G.Enter="Enter";const $={start:[exports.KeyboardCode.Space,exports.KeyboardCode.Enter],cancel:[exports.KeyboardCode.Esc],end:[exports.KeyboardCode.Space,exports.KeyboardCode.Enter]},ee=(e,t)=>{let{currentCoordinates:n}=t;switch(e.code){case exports.KeyboardCode.Right:return{...n,x:n.x+25};case exports.KeyboardCode.Left:return{...n,x:n.x-25};case exports.KeyboardCode.Down:return{...n,y:n.y+25};case exports.KeyboardCode.Up:return{...n,y:n.y-25}}};class te{constructor(e){this.props=void 0,this.autoScrollEnabled=!1,this.referenceCoordinates=void 0,this.listeners=void 0,this.windowListeners=void 0,this.props=e;const{event:{target:t}}=e;this.props=e,this.listeners=new V(o.getOwnerDocument(t)),this.windowListeners=new V(o.getWindow(t)),this.handleKeyDown=this.handleKeyDown.bind(this),this.handleCancel=this.handleCancel.bind(this),this.attach()}attach(){this.handleStart(),this.windowListeners.add(_.Resize,this.handleCancel),this.windowListeners.add(_.VisibilityChange,this.handleCancel),setTimeout(()=>this.listeners.add(_.Keydown,this.handleKeyDown))}handleStart(){const{activeNode:e,onStart:t}=this.props,n=e.node.current;n&&H(n),t(v)}handleKeyDown(e){if(o.isKeyboardEvent(e)){const{active:t,context:n,options:r}=this.props,{keyboardCodes:i=$,coordinateGetter:a=ee,scrollBehavior:s="smooth"}=r,{code:l}=e;if(i.end.includes(l))return void this.handleEnd(e);if(i.cancel.includes(l))return void this.handleCancel(e);const{collisionRect:c}=n.current,d=c?{x:c.left,y:c.top}:v;this.referenceCoordinates||(this.referenceCoordinates=d);const u=a(e,{active:t,context:n.current,currentCoordinates:d});if(u){const t=o.subtract(u,d),r={x:0,y:0},{scrollableAncestors:i}=n.current;for(const n of i){const o=e.code,{isTop:i,isRight:a,isLeft:l,isBottom:c,maxScroll:d,minScroll:f}=F(n),v=j(n),g={x:Math.min(o===exports.KeyboardCode.Right?v.right-v.width/2:v.right,Math.max(o===exports.KeyboardCode.Right?v.left:v.left+v.width/2,u.x)),y:Math.min(o===exports.KeyboardCode.Down?v.bottom-v.height/2:v.bottom,Math.max(o===exports.KeyboardCode.Down?v.top:v.top+v.height/2,u.y))},p=o===exports.KeyboardCode.Right&&!a||o===exports.KeyboardCode.Left&&!l,h=o===exports.KeyboardCode.Down&&!c||o===exports.KeyboardCode.Up&&!i;if(p&&g.x!==u.x){const e=n.scrollLeft+t.x,i=o===exports.KeyboardCode.Right&&e<=d.x||o===exports.KeyboardCode.Left&&e>=f.x;if(i&&!t.y)return void n.scrollTo({left:e,behavior:s});r.x=i?n.scrollLeft-e:o===exports.KeyboardCode.Right?n.scrollLeft-d.x:n.scrollLeft-f.x,r.x&&n.scrollBy({left:-r.x,behavior:s});break}if(h&&g.y!==u.y){const e=n.scrollTop+t.y,i=o===exports.KeyboardCode.Down&&e<=d.y||o===exports.KeyboardCode.Up&&e>=f.y;if(i&&!t.x)return void n.scrollTo({top:e,behavior:s});r.y=i?n.scrollTop-e:o===exports.KeyboardCode.Down?n.scrollTop-d.y:n.scrollTop-f.y,r.y&&n.scrollBy({top:-r.y,behavior:s});break}}console.log(o.add(o.subtract(u,this.referenceCoordinates),r)),this.handleMove(e,o.add(o.subtract(u,this.referenceCoordinates),r))}}}handleMove(e,t){const{onMove:n}=this.props;e.preventDefault(),n(t)}handleEnd(e){const{onEnd:t}=this.props;e.preventDefault(),this.detach(),t()}handleCancel(e){const{onCancel:t}=this.props;e.preventDefault(),this.detach(),t()}detach(){this.listeners.removeAll(),this.windowListeners.removeAll()}}function ne(e){return Boolean(e&&"distance"in e)}function re(e){return Boolean(e&&"delay"in e)}te.activators=[{eventName:"onKeyDown",handler:(e,t,n)=>{let{keyboardCodes:r=$,onActivation:o}=t,{active:i}=n;const{code:a}=e.nativeEvent;if(r.start.includes(a)){const t=i.activatorNode.current;return!(t&&e.target!==t||(e.preventDefault(),null==o||o({event:e.nativeEvent}),0))}return!1}}];class oe{constructor(e,t,n){var r;void 0===n&&(n=function(e){const{EventTarget:t}=o.getWindow(e);return e instanceof t?e:o.getOwnerDocument(e)}(e.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=e,this.events=t;const{event:i}=e,{target:a}=i;this.props=e,this.events=t,this.document=o.getOwnerDocument(a),this.documentListeners=new V(this.document),this.listeners=new V(n),this.windowListeners=new V(o.getWindow(a)),this.initialCoordinates=null!=(r=o.getEventCoordinates(i))?r: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:e,props:{options:{activationConstraint:t}}}=this;if(this.listeners.add(e.move.name,this.handleMove,{passive:!1}),this.listeners.add(e.end.name,this.handleEnd),this.windowListeners.add(_.Resize,this.handleCancel),this.windowListeners.add(_.DragStart,Q),this.windowListeners.add(_.VisibilityChange,this.handleCancel),this.windowListeners.add(_.ContextMenu,Q),this.documentListeners.add(_.Keydown,this.handleKeydown),t){if(ne(t))return;if(re(t))return void(this.timeoutId=setTimeout(this.handleStart,t.delay))}this.handleStart()}detach(){this.listeners.removeAll(),this.windowListeners.removeAll(),setTimeout(this.documentListeners.removeAll,50),null!==this.timeoutId&&(clearTimeout(this.timeoutId),this.timeoutId=null)}handleStart(){const{initialCoordinates:e}=this,{onStart:t}=this.props;e&&(this.activated=!0,this.documentListeners.add(_.Click,Z,{capture:!0}),this.removeTextSelection(),this.documentListeners.add(_.SelectionChange,this.removeTextSelection),t(e))}handleMove(e){var t;const{activated:n,initialCoordinates:r,props:i}=this,{onMove:a,options:{activationConstraint:s}}=i;if(!r)return;const l=null!=(t=o.getEventCoordinates(e))?t:v,c=o.subtract(r,l);if(!n&&s){if(re(s))return J(c,s.tolerance)?this.handleCancel():void 0;if(ne(s))return null!=s.tolerance&&J(c,s.tolerance)?this.handleCancel():J(c,s.distance)?this.handleStart():void 0}e.cancelable&&e.preventDefault(),a(l)}handleEnd(){const{onEnd:e}=this.props;this.detach(),e()}handleCancel(){const{onCancel:e}=this.props;this.detach(),e()}handleKeydown(e){e.code===exports.KeyboardCode.Esc&&this.handleCancel()}removeTextSelection(){var e;null==(e=this.document.getSelection())||e.removeAllRanges()}}const ie={move:{name:"pointermove"},end:{name:"pointerup"}};class ae extends oe{constructor(e){const{event:t}=e,n=o.getOwnerDocument(t.target);super(e,ie,n)}}ae.activators=[{eventName:"onPointerDown",handler:(e,t)=>{let{nativeEvent:n}=e,{onActivation:r}=t;return!(!n.isPrimary||0!==n.button||(null==r||r({event:n}),0))}}];const se={move:{name:"mousemove"},end:{name:"mouseup"}};var le;!function(e){e[e.RightClick=2]="RightClick"}(le||(le={}));class ce extends oe{constructor(e){super(e,se,o.getOwnerDocument(e.event.target))}}ce.activators=[{eventName:"onMouseDown",handler:(e,t)=>{let{nativeEvent:n}=e,{onActivation:r}=t;return n.button!==le.RightClick&&(null==r||r({event:n}),!0)}}];const de={move:{name:"touchmove"},end:{name:"touchend"}};class ue extends oe{constructor(e){super(e,de)}static setup(){return window.addEventListener(de.move.name,e,{capture:!1,passive:!1}),function(){window.removeEventListener(de.move.name,e)};function e(){}}}var fe,ve;ue.activators=[{eventName:"onTouchStart",handler:(e,t)=>{let{nativeEvent:n}=e,{onActivation:r}=t;const{touches:o}=n;return!(o.length>1||(null==r||r({event:n}),0))}}],(fe=exports.AutoScrollActivator||(exports.AutoScrollActivator={}))[fe.Pointer=0]="Pointer",fe[fe.DraggableRect=1]="DraggableRect",(ve=exports.TraversalOrder||(exports.TraversalOrder={}))[ve.TreeOrder=0]="TreeOrder",ve[ve.ReversedTreeOrder=1]="ReversedTreeOrder";const ge={x:{[P.Backward]:!1,[P.Forward]:!1},y:{[P.Backward]:!1,[P.Forward]:!1}};var pe;(pe=exports.MeasuringStrategy||(exports.MeasuringStrategy={}))[pe.Always=0]="Always",pe[pe.BeforeDragging=1]="BeforeDragging",pe[pe.WhileDragging=2]="WhileDragging",(exports.MeasuringFrequency||(exports.MeasuringFrequency={})).Optimized="optimized";const he=new Map;function be(e,t){return o.useLazyMemo(n=>e?n||("function"==typeof t?t(e):e):null,[t,e])}function me(e){let{callback:n,disabled:r}=e;const i=o.useEvent(n),a=t.useMemo(()=>{if(r||"undefined"==typeof window||void 0===window.ResizeObserver)return;const{ResizeObserver:e}=window;return new e(i)},[r]);return t.useEffect(()=>()=>null==a?void 0:a.disconnect(),[a]),a}function ye(e){return new Y(O(e),e)}function xe(e,n,r){void 0===n&&(n=ye);const[i,a]=t.useReducer((function(t){if(!e)return null;var o;if(!1===e.isConnected)return null!=(o=null!=t?t:r)?o:null;const i=n(e);return JSON.stringify(t)===JSON.stringify(i)?t:i}),null),s=function(e){let{callback:n,disabled:r}=e;const i=o.useEvent(n),a=t.useMemo(()=>{if(r||"undefined"==typeof window||void 0===window.MutationObserver)return;const{MutationObserver:e}=window;return new e(i)},[i,r]);return t.useEffect(()=>()=>null==a?void 0:a.disconnect(),[a]),a}({callback(t){if(e)for(const n of t){const{type:t,target:r}=n;if("childList"===t&&r instanceof HTMLElement&&r.contains(e)){a();break}}}}),l=me({callback:a});return o.useIsomorphicLayoutEffect(()=>{a(),e?(null==l||l.observe(e),null==s||s.observe(document.body,{childList:!0,subtree:!0})):(null==l||l.disconnect(),null==s||s.disconnect())},[e]),i}const we=[];function Ce(e,n){void 0===n&&(n=[]);const r=t.useRef(null);return t.useEffect(()=>{r.current=null},n),t.useEffect(()=>{const t=e!==v;t&&!r.current&&(r.current=e),!t&&r.current&&(r.current=null)},[e]),r.current?o.subtract(e,r.current):v}function Ee(e){return t.useMemo(()=>e?function(e){const t=e.innerWidth,n=e.innerHeight;return{top:0,left:0,right:t,bottom:n,width:t,height:n}}(e):null,[e])}const De=[];function Re(e){if(!e)return null;if(e.children.length>1)return e;const t=e.children[0];return o.isHTMLElement(t)?t:e}const Se=[{sensor:ae,options:{}},{sensor:te,options:{}}],Me={current:{}},Ne={draggable:{measure:L},droppable:{measure:L,strategy:exports.MeasuringStrategy.WhileDragging,frequency:exports.MeasuringFrequency.Optimized},dragOverlay:{measure:O}};class Oe extends Map{get(e){var t;return null!=e&&null!=(t=super.get(e))?t:void 0}toArray(){return Array.from(this.values())}getEnabled(){return this.toArray().filter(e=>{let{disabled:t}=e;return!t})}getNodeFor(e){var t,n;return null!=(t=null==(n=this.get(e))?void 0:n.node.current)?t:void 0}}const Le={activatorEvent:null,active:null,activeNode:null,activeNodeRect:null,collisions:null,containerNodeRect:null,draggableNodes:new Map,droppableRects:new Map,droppableContainers:new Oe,over:null,dragOverlay:{nodeRef:{current:null},rect:null,setRef:f},scrollableAncestors:[],scrollableAncestorRects:[],measuringConfiguration:Ne,measureDroppableContainers:f,windowRect:null,measuringScheduled:!1},Ae={activatorEvent:null,activators:[],active:null,activeNodeRect:null,ariaDescribedById:{draggable:""},dispatch:f,draggableNodes:new Map,over:null,measureDroppableContainers:f},ke=t.createContext(Ae),Te=t.createContext(Le);function Ke(){return{draggable:{active:null,initialCoordinates:{x:0,y:0},nodes:new Map,translate:{x:0,y:0}},droppable:{containers:new Oe}}}function Ie(e,t){switch(t.type){case u.DragStart:return{...e,draggable:{...e.draggable,initialCoordinates:t.initialCoordinates,active:t.active}};case u.DragMove:return e.draggable.active?{...e,draggable:{...e.draggable,translate:{x:t.coordinates.x-e.draggable.initialCoordinates.x,y:t.coordinates.y-e.draggable.initialCoordinates.y}}}:e;case u.DragEnd:case u.DragCancel:return{...e,draggable:{...e.draggable,active:null,initialCoordinates:{x:0,y:0},translate:{x:0,y:0}}};case u.RegisterDroppable:{const{element:n}=t,{id:r}=n,o=new Oe(e.droppable.containers);return o.set(r,n),{...e,droppable:{...e.droppable,containers:o}}}case u.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 Oe(e.droppable.containers);return a.set(n,{...i,disabled:o}),{...e,droppable:{...e.droppable,containers:a}}}case u.UnregisterDroppable:{const{id:n,key:r}=t,o=e.droppable.containers.get(n);if(!o||r!==o.key)return e;const i=new Oe(e.droppable.containers);return i.delete(n),{...e,droppable:{...e.droppable,containers:i}}}default:return e}}function Be(e){let{disabled:n}=e;const{active:r,activatorEvent:i,draggableNodes:a}=t.useContext(ke),s=o.usePrevious(i),l=o.usePrevious(null==r?void 0:r.id);return t.useEffect(()=>{if(!n&&!i&&s&&null!=l){if(!o.isKeyboardEvent(s))return;if(document.activeElement===s.target)return;const e=a.get(l);if(!e)return;const{activatorNode:t,node:n}=e;if(!t.current&&!n.current)return;requestAnimationFrame(()=>{for(const e of[t.current,n.current]){if(!e)continue;const t=o.findFirstFocusableNode(e);if(t){t.focus();break}}})}},[i,n,a,l,s]),null}function Pe(e,t){let{transform:n,...r}=t;return null!=e&&e.length?e.reduce((e,t)=>t({transform:e,...r}),n):n}const ze=t.createContext({...v,scaleX:1,scaleY:1});var Fe;!function(e){e[e.Uninitialized=0]="Uninitialized",e[e.Initializing=1]="Initializing",e[e.Initialized=2]="Initialized"}(Fe||(Fe={}));const We=t.memo((function(e){var i,s,l,c;let{id:f,accessibility:g,autoScroll:p=!0,children:h,sensors:b=Se,collisionDetection:m=C,measuring:x,modifiers:w,...E}=e;const R=t.useReducer(Ie,void 0,Ke),[M,N]=R,[L,K]=function(){const[e]=t.useState(()=>new Set),n=t.useCallback(t=>(e.add(t),()=>e.delete(t)),[e]);return[t.useCallback(t=>{let{type:n,event:r}=t;e.forEach(e=>{var t;return null==(t=e[n])?void 0:t.call(e,r)})},[e]),n]}(),[I,F]=t.useState(Fe.Uninitialized),W=I===Fe.Initialized,{draggable:{active:j,nodes:H,translate:X},droppable:{containers:V}}=M,J=j?H.get(j):null,_=t.useRef({initial:null,translated:null}),G=t.useMemo(()=>{var e;return null!=j?{id:j,data:null!=(e=null==J?void 0:J.data)?e:Me,rect:_}:null},[j,J]),Q=t.useRef(null),[Z,$]=t.useState(null),[ee,te]=t.useState(null),ne=o.useLatestValue(E,Object.values(E)),re=o.useUniqueId("DndDescribedBy",f),oe=t.useMemo(()=>V.getEnabled(),[V]),ie=t.useMemo(()=>({draggable:{...Ne.draggable,...null==ae?void 0:ae.draggable},droppable:{...Ne.droppable,...null==ae?void 0:ae.droppable},dragOverlay:{...Ne.dragOverlay,...null==ae?void 0:ae.dragOverlay}}),[null==(ae=x)?void 0:ae.draggable,null==ae?void 0:ae.droppable,null==ae?void 0:ae.dragOverlay]);var ae;const{droppableRects:se,measureDroppableContainers:le,measuringScheduled:ce}=function(e,n){let{dragging:r,dependencies:i,config:a}=n;const[s,l]=t.useState(null),c=null!=s,{frequency:d,measure:u,strategy:f}=a,v=t.useRef(e),g=function(){switch(f){case exports.MeasuringStrategy.Always:return!1;case exports.MeasuringStrategy.BeforeDragging:return r;default:return!r}}(),p=o.useLatestValue(g),h=t.useCallback((function(e){void 0===e&&(e=[]),p.current||l(t=>t?t.concat(e):e)}),[p]),b=t.useRef(null),m=o.useLazyMemo(t=>{if(g&&!r)return he;const n=s;if(!t||t===he||v.current!==e||null!=n){const t=new Map;for(let r of e){if(!r)continue;if(n&&n.length>0&&!n.includes(r.id)&&r.rect.current){t.set(r.id,r.rect.current);continue}const e=r.node.current,o=e?new Y(u(e),e):null;r.rect.current=o,o&&t.set(r.id,o)}return t}return t},[e,s,r,g,u]);return t.useEffect(()=>{v.current=e},[e]),t.useEffect(()=>{g||requestAnimationFrame(()=>h())},[r,g]),t.useEffect(()=>{c&&l(null)},[c]),t.useEffect(()=>{g||"number"!=typeof d||null!==b.current||(b.current=setTimeout(()=>{h(),b.current=null},d))},[d,g,h,...i]),{droppableRects:m,measureDroppableContainers:h,measuringScheduled:c}}(oe,{dragging:W,dependencies:[X.x,X.y],config:ie.droppable}),de=function(e,t){const n=null!==t?e.get(t):void 0,r=n?n.node.current:null;return o.useLazyMemo(e=>{var n;return null===t?null:null!=(n=null!=r?r:e)?n:null},[r,t])}(H,j),ue=t.useMemo(()=>ee?o.getEventCoordinates(ee):null,[ee]),fe=function(){const e=W&&!(!1===(null==Z?void 0:Z.autoScrollEnabled))&&!("object"==typeof p?!1===p.enabled:!1===p);return"object"==typeof p?{...p,enabled:e}:{enabled:e}}(),ve=function(e,t){return be(e,t)}(de,ie.draggable.measure);!function(e){let{activeNode:n,measure:r,initialRect:i,config:a=!0}=e;const s=t.useRef(!1),{x:l,y:c}="boolean"==typeof a?{x:a,y:a}:a;o.useIsomorphicLayoutEffect(()=>{if(!l&&!c||!n)return void(s.current=!1);if(s.current||!i)return;const e=null==n?void 0:n.node.current;if(!e||!1===e.isConnected)return;const t=D(r(e),i);if(l||(t.x=0),c||(t.y=0),s.current=!0,Math.abs(t.x)>0||Math.abs(t.y)>0){const n=k(e);n&&n.scrollBy({top:t.y,left:t.x})}},[n,l,c,i,r])}({activeNode:j?H.get(j):null,config:fe.layoutShiftCompensation,initialRect:ve,measure:ie.draggable.measure});const pe=xe(de,ie.draggable.measure,ve),ye=xe(de?de.parentElement:null),Oe=t.useRef({activatorEvent:null,active:null,activeNode:de,collisionRect:null,collisions:null,droppableRects:se,draggableNodes:H,draggingNode:null,draggingNodeRect:null,droppableContainers:V,over:null,scrollableAncestors:[],scrollAdjustedTranslate:null}),Le=V.getNodeFor(null==(i=Oe.current.over)?void 0:i.id),Ae=function(e){let{measure:n}=e;const[r,i]=t.useState(null),a=me({callback:t.useCallback(e=>{for(const{target:t}of e)if(o.isHTMLElement(t)){i(e=>{const r=n(t);return e?{...e,width:r.width,height:r.height}:r});break}},[n])}),s=t.useCallback(e=>{const t=Re(e);null==a||a.disconnect(),t&&(null==a||a.observe(t)),i(t?n(t):null)},[n,a]),[l,c]=o.useNodeRef(s);return t.useMemo(()=>({nodeRef:l,rect:r,setRef:c}),[r,l,c])}({measure:ie.dragOverlay.measure}),We=null!=(s=Ae.nodeRef.current)?s:de,Ue=W?null!=(l=Ae.rect)?l:pe:null,je=Boolean(Ae.nodeRef.current&&Ae.rect),qe=D(He=je?null:pe,be(He));var He;const Xe=Ee(We?o.getWindow(We):null),Ye=function(e){const n=t.useRef(e),r=o.useLazyMemo(t=>e?t&&t!==we&&e&&n.current&&e.parentNode===n.current.parentNode?t:A(e):we,[e]);return t.useEffect(()=>{n.current=e},[e]),r}(W?null!=Le?Le:de:null),Ve=function(e,n){void 0===n&&(n=O);const[r]=e,i=Ee(r?o.getWindow(r):null),[a,s]=t.useReducer((function(){return e.length?e.map(e=>z(e)?i:new Y(n(e),e)):De}),De),l=me({callback:s});return e.length>0&&a===De&&s(),o.useIsomorphicLayoutEffect(()=>{e.length?e.forEach(e=>null==l?void 0:l.observe(e)):(null==l||l.disconnect(),s())},[e]),a}(Ye),Je=Pe(w,{transform:{x:X.x-qe.x,y:X.y-qe.y,scaleX:1,scaleY:1},activatorEvent:ee,active:G,activeNodeRect:pe,containerNodeRect:ye,draggingNodeRect:Ue,over:Oe.current.over,overlayNodeRect:Ae.rect,scrollableAncestors:Ye,scrollableAncestorRects:Ve,windowRect:Xe}),_e=ue?o.add(ue,X):null,Ge=function(e){const[n,r]=t.useState(null),i=t.useRef(e),a=t.useCallback(e=>{const t=T(e.target);t&&r(e=>e?(e.set(t,B(t)),new Map(e)):null)},[]);return t.useEffect(()=>{const t=i.current;if(e!==t){n(t);const o=e.map(e=>{const t=T(e);return t?(t.addEventListener("scroll",a,{passive:!0}),[t,B(t)]):null}).filter(e=>null!=e);r(o.length?new Map(o):null),i.current=e}return()=>{n(e),n(t)};function n(e){e.forEach(e=>{const t=T(e);null==t||t.removeEventListener("scroll",a)})}},[a,e]),t.useMemo(()=>e.length?n?Array.from(n.values()).reduce((e,t)=>o.add(e,t),v):q(e):v,[e,n])}(Ye),Qe=Ce(Ge),Ze=Ce(Ge,[pe]),$e=o.add(Je,Qe),et=Ue?S(Ue,Je):null,tt=G&&et?m({active:G,collisionRect:et,droppableRects:se,droppableContainers:oe,pointerCoordinates:_e}):null,nt=y(tt,"id"),[rt,ot]=t.useState(null),it=function(e,t,n){return{...e,scaleX:t&&n?t.width/n.width:1,scaleY:t&&n?t.height/n.height:1}}(je?Je:o.add(Je,Ze),null!=(c=null==rt?void 0:rt.rect)?c:null,pe),at=t.useCallback((e,t)=>{let{sensor:n,options:o}=t;if(null==Q.current)return;const i=H.get(Q.current);if(!i)return;const a=e.nativeEvent,s=new n({active:Q.current,activeNode:i,event:a,options:o,context:Oe,onStart(e){const t=Q.current;if(null==t)return;const n=H.get(t);if(!n)return;const{onDragStart:o}=ne.current,i={active:{id:t,data:n.data,rect:_}};r.unstable_batchedUpdates(()=>{null==o||o(i),F(Fe.Initializing),N({type:u.DragStart,initialCoordinates:e,active:t}),L({type:"onDragStart",event:i})})},onMove(e){N({type:u.DragMove,coordinates:e})},onEnd:l(u.DragEnd),onCancel:l(u.DragCancel)});function l(e){return async function(){const{active:t,collisions:n,over:o,scrollAdjustedTranslate:i}=Oe.current;let s=null;if(t&&i){const{cancelDrop:r}=ne.current;s={activatorEvent:a,active:t,collisions:n,delta:i,over:o},e===u.DragEnd&&"function"==typeof r&&await Promise.resolve(r(s))&&(e=u.DragCancel)}Q.current=null,r.unstable_batchedUpdates(()=>{N({type:e}),F(Fe.Uninitialized),ot(null),$(null),te(null);const t=e===u.DragEnd?"onDragEnd":"onDragCancel";if(s){const e=ne.current[t];null==e||e(s),L({type:t,event:s})}})}}r.unstable_batchedUpdates(()=>{$(s),te(e.nativeEvent)})},[H]),st=function(e,n){return t.useMemo(()=>e.reduce((e,t)=>{const{sensor:r}=t;return[...e,...r.activators.map(e=>({eventName:e.eventName,handler:n(e.handler,t)}))]},[]),[e,n])}(b,t.useCallback((e,t)=>(n,r)=>{const o=n.nativeEvent,i=H.get(r);null!==Q.current||!i||o.dndKit||o.defaultPrevented||!0===e(n,t.options,{active:i})&&(o.dndKit={capturedBy:t.sensor},Q.current=r,at(n,t))},[H,at]));!function(e){t.useEffect(()=>{if(!o.canUseDOM)return;const t=e.map(e=>{let{sensor:t}=e;return null==t.setup?void 0:t.setup()});return()=>{for(const e of t)null==e||e()}},e.map(e=>{let{sensor:t}=e;return t}))}(b),o.useIsomorphicLayoutEffect(()=>{pe&&I===Fe.Initializing&&F(Fe.Initialized)},[pe,I]),t.useEffect(()=>{const{onDragMove:e}=ne.current,{active:t,activatorEvent:n,collisions:o,over:i}=Oe.current;if(!t||!n)return;const a={active:t,activatorEvent:n,collisions:o,delta:{x:$e.x,y:$e.y},over:i};r.unstable_batchedUpdates(()=>{null==e||e(a),L({type:"onDragMove",event:a})})},[$e.x,$e.y]),t.useEffect(()=>{const{active:e,activatorEvent:t,collisions:n,droppableContainers:o,scrollAdjustedTranslate:i}=Oe.current;if(!e||null==Q.current||!t||!i)return;const{onDragOver:a}=ne.current,s=o.get(nt),l=s&&s.rect.current?{id:s.id,rect:s.rect.current,data:s.data,disabled:s.disabled}:null,c={active:e,activatorEvent:t,collisions:n,delta:{x:i.x,y:i.y},over:l};r.unstable_batchedUpdates(()=>{ot(l),null==a||a(c),L({type:"onDragOver",event:c})})},[nt]),o.useIsomorphicLayoutEffect(()=>{Oe.current={activatorEvent:ee,active:G,activeNode:de,collisionRect:et,collisions:tt,droppableRects:se,draggableNodes:H,draggingNode:We,draggingNodeRect:Ue,droppableContainers:V,over:rt,scrollableAncestors:Ye,scrollAdjustedTranslate:$e},_.current={initial:Ue,translated:et}},[G,de,tt,et,H,We,Ue,se,V,rt,Ye,$e]),function(e){let{acceleration:n,activator:r=exports.AutoScrollActivator.Pointer,canScroll:i,draggingRect:a,enabled:s,interval:l=5,order:c=exports.TraversalOrder.TreeOrder,pointerCoordinates:d,scrollableAncestors:u,scrollableAncestorRects:f,delta:v,threshold:g}=e;const p=function(e){let{delta:t,disabled:n}=e;const r=o.usePrevious(t);return o.useLazyMemo(e=>{if(n||!r||!e)return ge;const o=Math.sign(t.x-r.x),i=Math.sign(t.y-r.y);return{x:{[P.Backward]:e.x[P.Backward]||-1===o,[P.Forward]:e.x[P.Forward]||1===o},y:{[P.Backward]:e.y[P.Backward]||-1===i,[P.Forward]:e.y[P.Forward]||1===i}}},[n,t,r])}({delta:v,disabled:!s}),[h,b]=o.useInterval(),m=t.useRef({x:0,y:0}),y=t.useRef({x:0,y:0}),x=t.useMemo(()=>{switch(r){case exports.AutoScrollActivator.Pointer:return d?{top:d.y,bottom:d.y,left:d.x,right:d.x}:null;case exports.AutoScrollActivator.DraggableRect:return a}},[r,a,d]),w=t.useRef(null),C=t.useCallback(()=>{const e=w.current;e&&e.scrollBy(m.current.x*y.current.x,m.current.y*y.current.y)},[]),E=t.useMemo(()=>c===exports.TraversalOrder.TreeOrder?[...u].reverse():u,[c,u]);t.useEffect(()=>{if(s&&u.length&&x){for(const e of E){if(!1===(null==i?void 0:i(e)))continue;const t=u.indexOf(e),r=f[t];if(!r)continue;const{direction:o,speed:a}=U(e,r,x,n,g);for(const e of["x","y"])p[e][o[e]]||(a[e]=0,o[e]=0);if(a.x>0||a.y>0)return b(),w.current=e,h(C,l),m.current=a,void(y.current=o)}m.current={x:0,y:0},y.current={x:0,y:0},b()}else b()},[n,C,i,b,s,l,JSON.stringify(x),JSON.stringify(p),h,u,E,f,JSON.stringify(g)])}({...fe,delta:X,draggingRect:et,pointerCoordinates:_e,scrollableAncestors:Ye,scrollableAncestorRects:Ve});const lt=t.useMemo(()=>({active:G,activeNode:de,activeNodeRect:pe,activatorEvent:ee,collisions:tt,containerNodeRect:ye,dragOverlay:Ae,draggableNodes:H,droppableContainers:V,droppableRects:se,over:rt,measureDroppableContainers:le,scrollableAncestors:Ye,scrollableAncestorRects:Ve,measuringConfiguration:ie,measuringScheduled:ce,windowRect:Xe}),[G,de,pe,ee,tt,ye,Ae,H,V,se,rt,le,Ye,Ve,ie,ce,Xe]),ct=t.useMemo(()=>({activatorEvent:ee,activators:st,active:G,activeNodeRect:pe,ariaDescribedById:{draggable:re},dispatch:N,draggableNodes:H,over:rt,measureDroppableContainers:le}),[ee,st,G,pe,N,re,H,rt,le]);return n.createElement(a.Provider,{value:K},n.createElement(ke.Provider,{value:ct},n.createElement(Te.Provider,{value:lt},n.createElement(ze.Provider,{value:it},h)),n.createElement(Be,{disabled:!1===(null==g?void 0:g.restoreFocus)})),n.createElement(d,{...g,hiddenTextDescribedById:re}))})),Ue=t.createContext(null),je="button";function qe(){return t.useContext(Te)}const He={timeout:25};function Xe(e){let{animation:r,children:i}=e;const[a,s]=t.useState(null),[l,c]=t.useState(null),d=o.usePrevious(i);return i||a||!d||s(d),o.useIsomorphicLayoutEffect(()=>{if(!l)return;const e=null==a?void 0:a.props.id;null!=(null==a?void 0:a.key)&&null!=e?Promise.resolve(r(e,l)).then(()=>{s(null)}):s(null)},[r,a,l]),n.createElement(n.Fragment,null,i,a?t.cloneElement(a,{ref:c}):null)}const Ye={x:0,y:0,scaleX:1,scaleY:1};function Ve(e){let{children:t}=e;return n.createElement(ke.Provider,{value:Ae},n.createElement(ze.Provider,{value:Ye},t))}const Je={position:"fixed",touchAction:"none"},_e=e=>o.isKeyboardEvent(e)?"transform 250ms ease":void 0,Ge=t.forwardRef((e,t)=>{let{as:r,activatorEvent:i,adjustScale:a,children:s,className:l,rect:c,style:d,transform:u,transition:f=_e}=e;if(!c)return null;const v=a?u:{...u,scaleX:1,scaleY:1},g={...Je,width:c.width,height:c.height,top:c.top,left:c.left,transform:o.CSS.Transform.toString(v),transformOrigin:a&&i?p(i,c):void 0,transition:"function"==typeof f?f(i):f,...d};return n.createElement(r,{className:l,style:g,ref:t},s)}),Qe=e=>t=>{let{active:n,dragOverlay:r}=t;const o={},{styles:i,className:a}=e;if(null!=i&&i.active)for(const[e,t]of Object.entries(i.active))void 0!==t&&(o[e]=n.node.style.getPropertyValue(e),n.node.style.setProperty(e,t));if(null!=i&&i.dragOverlay)for(const[e,t]of Object.entries(i.dragOverlay))void 0!==t&&r.node.style.setProperty(e,t);return null!=a&&a.active&&n.node.classList.add(a.active),null!=a&&a.dragOverlay&&r.node.classList.add(a.dragOverlay),function(){for(const[e,t]of Object.entries(o))n.node.style.setProperty(e,t);null!=a&&a.active&&n.node.classList.remove(a.active)}},Ze={duration:250,easing:"ease",keyframes:e=>{let{transform:{initial:t,final:n}}=e;return[{transform:o.CSS.Transform.toString(t)},{transform:o.CSS.Transform.toString(n)}]},sideEffects:Qe({styles:{active:{opacity:"0"}}})};let $e=0;function et(e){return t.useMemo(()=>{if(null!=e)return $e++,$e},[e])}const tt=n.memo(e=>{let{adjustScale:r=!1,children:i,dropAnimation:a,style:s,transition:l,modifiers:c,wrapperElement:d="div",className:u,zIndex:f=999}=e;const{activatorEvent:v,active:g,activeNodeRect:p,containerNodeRect:h,draggableNodes:b,droppableContainers:m,dragOverlay:y,over:x,measuringConfiguration:w,scrollableAncestors:C,scrollableAncestorRects:E,windowRect:D}=qe(),R=t.useContext(ze),S=et(null==g?void 0:g.id),N=Pe(c,{activatorEvent:v,active:g,activeNodeRect:p,containerNodeRect:h,draggingNodeRect:y.rect,over:x,overlayNodeRect:y.rect,scrollableAncestors:C,scrollableAncestorRects:E,transform:R,windowRect:D}),O=be(p),L=function(e){let{config:t,draggableNodes:n,droppableContainers:r,measuringConfiguration:i}=e;return o.useEvent((e,a)=>{if(null===t)return;const s=n.get(e);if(!s)return;const l=s.node.current;if(!l)return;const c=Re(a);if(!c)return;const{transform:d}=o.getWindow(a).getComputedStyle(a),u=M(d);if(!u)return;const f="function"==typeof t?t:function(e){const{duration:t,easing:n,sideEffects:r,keyframes:o}={...Ze,...e};return e=>{let{active:i,dragOverlay:a,transform:s,...l}=e;if(!t)return;const c={x:s.x-(a.rect.left-i.rect.left),y:s.y-(a.rect.top-i.rect.top),scaleX:1!==s.scaleX?i.rect.width*s.scaleX/a.rect.width:1,scaleY:1!==s.scaleY?i.rect.height*s.scaleY/a.rect.height:1},d=o({...l,active:i,dragOverlay:a,transform:{initial:s,final:c}}),[u]=d,f=d[d.length-1];if(JSON.stringify(u)===JSON.stringify(f))return;const v=null==r?void 0:r({active:i,dragOverlay:a,...l}),g=a.node.animate(d,{duration:t,easing:n,fill:"forwards"});return new Promise(e=>{g.onfinish=()=>{null==v||v(),e()}})}}(t);return H(l,i.draggable.measure),f({active:{id:e,data:s.data,node:l,rect:i.draggable.measure(l)},draggableNodes:n,dragOverlay:{node:a,rect:i.dragOverlay.measure(c)},droppableContainers:r,measuringConfiguration:i,transform:u})})}({config:a,draggableNodes:b,droppableContainers:m,measuringConfiguration:w});return n.createElement(Ve,null,n.createElement(Xe,{animation:L},g&&S?n.createElement(Ge,{key:S,id:g.id,ref:O?y.setRef:void 0,as:d,activatorEvent:v,adjustScale:r,className:u,transition:l,rect:O,style:{zIndex:f,...s},transform:N},i):null))});exports.DndContext=We,exports.DragOverlay=tt,exports.KeyboardSensor=te,exports.MouseSensor=ce,exports.PointerSensor=ae,exports.TouchSensor=ue,exports.applyModifiers=Pe,exports.closestCenter=e=>{let{collisionRect:t,droppableRects:n,droppableContainers:r}=e;const o=x(t,t.left,t.top),i=[];for(const e of r){const{id:t}=e,r=n.get(t);if(r){const n=g(x(r),o);i.push({id:t,data:{droppableContainer:e,value:n}})}}return i.sort(h)},exports.closestCorners=e=>{let{collisionRect:t,droppableRects:n,droppableContainers:r}=e;const o=m(t),i=[];for(const e of r){const{id:t}=e,r=n.get(t);if(r){const n=m(r),a=o.reduce((e,t,r)=>e+g(n[r],t),0),s=Number((a/4).toFixed(4));i.push({id:t,data:{droppableContainer:e,value:s}})}}return i.sort(h)},exports.defaultAnnouncements=c,exports.defaultCoordinates=v,exports.defaultDropAnimation=Ze,exports.defaultDropAnimationSideEffects=Qe,exports.defaultScreenReaderInstructions=l,exports.getClientRect=O,exports.getFirstCollision=y,exports.getScrollableAncestors=A,exports.pointerWithin=e=>{let{droppableContainers:t,droppableRects:n,pointerCoordinates:r}=e;if(!r)return[];const o=[];for(const e of t){const{id:t}=e,i=n.get(t);if(i&&E(r,i)){const n=m(i).reduce((e,t)=>e+g(r,t),0),a=Number((n/4).toFixed(4));o.push({id:t,data:{droppableContainer:e,value:a}})}}return o.sort(h)},exports.rectIntersection=C,exports.useDndContext=qe,exports.useDndMonitor=s,exports.useDraggable=function(e){let{id:n,data:r,disabled:i=!1,attributes:a}=e;const s=o.useUniqueId("Droppable"),{activators:l,activatorEvent:c,active:d,activeNodeRect:u,ariaDescribedById:f,draggableNodes:v,over:g}=t.useContext(ke),{role:p=je,roleDescription:h="draggable",tabIndex:b=0}=null!=a?a:{},m=(null==d?void 0:d.id)===n,y=t.useContext(m?ze:Ue),[x,w]=o.useNodeRef(),[C,E]=o.useNodeRef(),D=function(e,n){return t.useMemo(()=>e.reduce((e,t)=>{let{eventName:r,handler:o}=t;return e[r]=e=>{o(e,n)},e},{}),[e,n])}(l,n),R=o.useLatestValue(r);return o.useIsomorphicLayoutEffect(()=>(v.set(n,{id:n,key:s,node:x,activatorNode:C,data:R}),()=>{const e=v.get(n);e&&e.key===s&&v.delete(n)}),[v,n]),{active:d,activatorEvent:c,activeNodeRect:u,attributes:t.useMemo(()=>({role:p,tabIndex:b,"aria-disabled":i,"aria-pressed":!(!m||p!==je)||void 0,"aria-roledescription":h,"aria-describedby":f.draggable}),[i,p,b,m,h,f.draggable]),isDragging:m,listeners:i?void 0:D,node:x,over:g,setNodeRef:w,setActivatorNodeRef:E,transform:y}},exports.useDroppable=function(e){let{data:n,disabled:r=!1,id:i,resizeObserverConfig:a}=e;const s=o.useUniqueId("Droppable"),{active:l,dispatch:c,over:d,measureDroppableContainers:f}=t.useContext(ke),v=t.useRef({disabled:r}),g=t.useRef(!1),p=t.useRef(null),h=t.useRef(null),{disabled:b,updateMeasurementsFor:m,timeout:y}={...He,...a},x=o.useLatestValue(null!=m?m:i),w=me({callback:t.useCallback(()=>{g.current?(null!=h.current&&clearTimeout(h.current),h.current=setTimeout(()=>{f(Array.isArray(x.current)?x.current:[x.current]),h.current=null},y)):g.current=!0},[y]),disabled:b||!l}),C=t.useCallback((e,t)=>{w&&(t&&(w.unobserve(t),g.current=!1),e&&w.observe(e))},[w]),[E,D]=o.useNodeRef(C),R=o.useLatestValue(n);return t.useEffect(()=>{w&&E.current&&(w.disconnect(),g.current=!1,w.observe(E.current))},[E,w]),o.useIsomorphicLayoutEffect(()=>(c({type:u.RegisterDroppable,element:{id:i,key:s,disabled:r,node:E,rect:p,data:R}}),()=>c({type:u.UnregisterDroppable,key:s,id:i})),[i]),t.useEffect(()=>{r!==v.current.disabled&&(c({type:u.SetDroppableDisabled,id:i,key:s,disabled:r}),v.current.disabled=r)},[i,s,r,c]),{active:l,rect:p,isOver:(null==d?void 0:d.id)===i,node:E,over:d,setNodeRef:D}},exports.useSensor=function(e,n){return t.useMemo(()=>({sensor:e,options:null!=n?n:{}}),[e,n])},exports.useSensors=function(){for(var e=arguments.length,n=new Array(e),r=0;r<e;r++)n[r]=arguments[r];return t.useMemo(()=>[...n].filter(e=>null!=e),[...n])};
//# sourceMappingURL=core.cjs.production.min.js.map
{
"name": "@dnd-kit/core",
"version": "6.0.3",
"version": "6.0.4-next-2022514171437",
"description": "dnd kit – a lightweight React library for building performant and accessible drag and drop experiences",

@@ -5,0 +5,0 @@ "author": "Claudéric Demers",

Sorry, the diff of this file is too big to display

Sorry, the diff of this file is too big to display

Sorry, the diff of this file is not supported yet

Sorry, the diff of this file is not supported yet

Sorry, the diff of this file is too big to display

Sorry, the diff of this file is not supported yet

SocketSocket SOC 2 Logo

Product

  • Package Alerts
  • Integrations
  • Docs
  • Pricing
  • FAQ
  • Roadmap
  • Changelog

Packages

npm

Stay in touch

Get open source security insights delivered straight into your inbox.


  • Terms
  • Privacy
  • Security

Made with ⚡️ by Socket Inc