UNPKG

react-kanban-kit

Version:

A flexible and customizable Kanban board component for React applications, built with TypeScript and modern drag-and-drop functionality powered by Atlassian's pragmatic-drag-and-drop.

9 lines 72.6 kB
!function(){"use strict";try{if("undefined"!=typeof document){var e=document.createElement("style");e.appendChild(document.createTextNode('.rkk-board{display:flex;overflow:auto;height:100%;gap:8px}.rkk-column-outer{min-width:264px;max-width:264px;height:100%;display:flex;flex-direction:column;transition:all .1s ease;-webkit-transition:all .1s ease;-moz-transition:all .1s ease;-ms-transition:all .1s ease;-o-transition:all .1s ease}.rkk-column-outer .rkk-column{display:flex;flex-direction:column;gap:10px;padding:10px;border-radius:10px;background-color:#f0f0f0;position:relative;overflow:hidden}.rkk-column-outer .rkk-column-wrapper{display:flex;flex-direction:column;flex:1;gap:16px;max-height:100%}.rkk-column-header{display:flex;justify-content:space-between;align-items:center;border-radius:10px;height:24px;margin-bottom:10px;background-color:#f0f0f0}.rkk-column-header-left{font-size:18px;font-weight:600;color:#000}.rkk-column-header-right{font-size:15px;background-color:#37352f14;color:#37352f;padding:5px 10px;border-radius:5px;font-weight:500}.rkk-column-content{flex:1;position:relative;height:0;min-height:0}.rkk-column-content-list{height:100%;overflow-y:auto;overflow-x:hidden;contain:none!important;scrollbar-width:thin;scrollbar-color:rgba(0,0,0,.3) transparent;transition:scrollbar-color .3s ease}.rkk-column-content-list:hover{scrollbar-color:rgba(0,0,0,.3) transparent}@keyframes skeleton-shimmer{0%{background-position:-200px 0}to{background-position:calc(200px + 100%) 0}}@keyframes skeleton-wave{0%{transform:translate(-100%)}50%{transform:translate(100%)}to{transform:translate(100%)}}@keyframes skeleton-pulse{0%,to{opacity:1}50%{opacity:.4}}.rkk-skeleton{border-radius:8px;border:1px solid #e8ecf5;background:#fff;padding:16px;margin-bottom:8px;box-shadow:0 1px 3px #0000001a;transition:box-shadow .2s ease;position:relative;overflow:hidden}.rkk-skeleton:hover{box-shadow:0 2px 8px #00000026}.rkk-skeleton-content{display:flex;flex-direction:column;gap:12px}.rkk-skeleton .rkk-skeleton-date,.rkk-skeleton .rkk-skeleton-assignee,.rkk-skeleton .rkk-skeleton-avatar,.rkk-skeleton .rkk-skeleton-tag,.rkk-skeleton .rkk-skeleton-priority,.rkk-skeleton .rkk-skeleton-line,.rkk-skeleton .rkk-skeleton-title{background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0 50%,#f0f0f0 75%);background-size:200px 100%;animation:skeleton-shimmer 1.5s infinite ease-in-out;border-radius:4px;position:relative}.rkk-skeleton .rkk-skeleton-wave .rkk-skeleton-title,.rkk-skeleton-wave .rkk-skeleton .rkk-skeleton-title,.rkk-skeleton .rkk-skeleton-wave .rkk-skeleton-line,.rkk-skeleton-wave .rkk-skeleton .rkk-skeleton-line,.rkk-skeleton .rkk-skeleton-wave .rkk-skeleton-tag,.rkk-skeleton-wave .rkk-skeleton .rkk-skeleton-tag,.rkk-skeleton .rkk-skeleton-wave .rkk-skeleton-avatar,.rkk-skeleton-wave .rkk-skeleton .rkk-skeleton-avatar,.rkk-skeleton .rkk-skeleton-wave .rkk-skeleton-assignee,.rkk-skeleton-wave .rkk-skeleton .rkk-skeleton-assignee,.rkk-skeleton .rkk-skeleton-wave .rkk-skeleton-date,.rkk-skeleton-wave .rkk-skeleton .rkk-skeleton-date,.rkk-skeleton .rkk-skeleton-wave .rkk-skeleton-priority,.rkk-skeleton-wave .rkk-skeleton .rkk-skeleton-priority{background:#f0f0f0;position:relative;overflow:hidden;border-radius:4px}.rkk-skeleton .rkk-skeleton-wave .rkk-skeleton-title:after,.rkk-skeleton-wave .rkk-skeleton .rkk-skeleton-title:after,.rkk-skeleton .rkk-skeleton-wave .rkk-skeleton-line:after,.rkk-skeleton-wave .rkk-skeleton .rkk-skeleton-line:after,.rkk-skeleton .rkk-skeleton-wave .rkk-skeleton-tag:after,.rkk-skeleton-wave .rkk-skeleton .rkk-skeleton-tag:after,.rkk-skeleton .rkk-skeleton-wave .rkk-skeleton-avatar:after,.rkk-skeleton-wave .rkk-skeleton .rkk-skeleton-avatar:after,.rkk-skeleton .rkk-skeleton-wave .rkk-skeleton-assignee:after,.rkk-skeleton-wave .rkk-skeleton .rkk-skeleton-assignee:after,.rkk-skeleton .rkk-skeleton-wave .rkk-skeleton-date:after,.rkk-skeleton-wave .rkk-skeleton .rkk-skeleton-date:after,.rkk-skeleton .rkk-skeleton-wave .rkk-skeleton-priority:after,.rkk-skeleton-wave .rkk-skeleton .rkk-skeleton-priority:after{position:absolute;top:0;right:0;bottom:0;left:0;transform:translate(-100%);background:linear-gradient(90deg,rgba(255,255,255,0) 0,rgba(255,255,255,.2) 20%,rgba(255,255,255,.5) 60%,rgba(255,255,255,0));animation:skeleton-wave 2s infinite;content:""}.rkk-skeleton-title{height:20px;width:80%;border-radius:6px}.rkk-skeleton-description{display:flex;flex-direction:column;gap:8px}.rkk-skeleton-line{height:14px;width:100%}.rkk-skeleton-line-short{width:65%}.rkk-skeleton-priority{height:4px;width:40px;border-radius:2px;margin-bottom:4px}.rkk-skeleton-tags{display:flex;gap:8px;flex-wrap:wrap}.rkk-skeleton-tag{height:20px;width:60px;border-radius:12px}.rkk-skeleton-tag:nth-child(2){width:45px}.rkk-skeleton-tag:nth-child(3){width:55px}.rkk-skeleton-footer{display:flex;justify-content:space-between;align-items:center;margin-top:4px}.rkk-skeleton-footer-left{display:flex;align-items:center;gap:8px}.rkk-skeleton-avatar{width:24px;height:24px;border-radius:50%;flex-shrink:0}.rkk-skeleton-assignee{height:12px;width:60px;border-radius:3px}.rkk-skeleton-date{height:12px;width:80px;border-radius:3px}.rkk-skeleton-wave .rkk-skeleton-title,.rkk-skeleton-wave .rkk-skeleton-line,.rkk-skeleton-wave .rkk-skeleton-tag,.rkk-skeleton-wave .rkk-skeleton-avatar,.rkk-skeleton-wave .rkk-skeleton-assignee,.rkk-skeleton-wave .rkk-skeleton-date,.rkk-skeleton-wave .rkk-skeleton-priority{animation:none}.rkk-skeleton-pulse .rkk-skeleton-title,.rkk-skeleton-pulse .rkk-skeleton-line,.rkk-skeleton-pulse .rkk-skeleton-tag,.rkk-skeleton-pulse .rkk-skeleton-avatar,.rkk-skeleton-pulse .rkk-skeleton-assignee,.rkk-skeleton-pulse .rkk-skeleton-date,.rkk-skeleton-pulse .rkk-skeleton-priority{background:#f0f0f0;animation:skeleton-pulse 1.5s ease-in-out infinite}@media (max-width: 768px){.rkk-skeleton{padding:12px}.rkk-skeleton-content{gap:10px}.rkk-skeleton-title{height:18px}.rkk-skeleton-line{height:12px}.rkk-skeleton-tag{height:18px;width:50px}.rkk-skeleton-tag:nth-child(2){width:40px}.rkk-skeleton-avatar{width:20px;height:20px}}.rkk-card-shadow-container{position:relative}.rkk-card-shadow{border-radius:8px;background-color:#ffffffb7;border:1px solid var(--Schemes-Outline-Variant, #e8ecf5)}.rkk-default-card{background-color:#fff;padding:10px;border-radius:8px;border:1px solid #ccc;box-shadow:0 0 10px #0000001a;cursor:pointer;-webkit-border-radius:8px;-moz-border-radius:8px;-ms-border-radius:8px;-o-border-radius:8px}')),document.head.appendChild(e)}}catch(k){console.error("vite-plugin-css-injected-by-js",k)}}();
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react"),t=require("react/jsx-runtime"),n=require("react-dom");function r(e){return(r="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e})(e)}function o(e){var t=function(e,t){if("object"!=r(e)||!e)return e;var n=e[Symbol.toPrimitive];if(void 0!==n){var o=n.call(e,t||"default");if("object"!=r(o))return o;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===t?String:Number)(e)}(e,"string");return"symbol"==r(t)?t:t+""}function a(e,t,n){return(t=o(t))in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}function i(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,r)}return n}function l(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?i(Object(n),!0).forEach((function(t){a(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):i(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}var c={top:function(e,t){return Math.abs(t.y-e.top)},right:function(e,t){return Math.abs(e.right-t.x)},bottom:function(e,t){return Math.abs(e.bottom-t.y)},left:function(e,t){return Math.abs(t.x-e.left)}},u=Symbol("closestEdge");function s(e){var t;return null!==(t=e[u])&&void 0!==t?t:null}function d(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,r=Array(t);n<t;n++)r[n]=e[n];return r}function f(e,t){if(e){if("string"==typeof e)return d(e,t);var n={}.toString.call(e).slice(8,-1);return"Object"===n&&e.constructor&&(n=e.constructor.name),"Map"===n||"Set"===n?Array.from(e):"Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)?d(e,t):void 0}}function g(e,t){return function(e){if(Array.isArray(e))return e}(e)||function(e,t){var n=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=n){var r,o,a,i,l=[],c=!0,u=!1;try{if(a=(n=n.call(e)).next,0===t){if(Object(n)!==n)return;c=!1}else for(;!(c=(r=a.call(n)).done)&&(l.push(r.value),l.length!==t);c=!0);}catch(s){u=!0,o=s}finally{try{if(!c&&null!=n.return&&(i=n.return(),Object(i)!==i))return}finally{if(u)throw o}}return l}}(e,t)||f(e,t)||function(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function p(e){var t=e.startIndex,n=e.closestEdgeOfTarget,r=e.indexOfTarget,o=e.axis;if(-1===t||-1===r)return t;if(t===r)return t;if(null==n)return r;var a="vertical"===o&&"bottom"===n||"horizontal"===o&&"right"===n;return t<r?a?r:r-1:a?r+1:r}function m(e){var t=e.list,n=e.startIndex;return function(e){var t=e.list,n=e.startIndex,r=e.finishIndex;if(-1===n||-1===r)return Array.from(t);var o=Array.from(t),a=g(o.splice(n,1),1)[0];return o.splice(r,0,a),o}({list:t,startIndex:n,finishIndex:p({closestEdgeOfTarget:e.closestEdgeOfTarget,startIndex:n,indexOfTarget:e.indexOfTarget,axis:e.axis})})}const v=e=>"column"===(null==e?void 0:e.type),h=(e,t)=>{const n=[],r=t[e];if(!r)return n;const o=r.children;return null==o||o.forEach((e=>{const r=t[e];r&&n.push(r)})),n},y=(e,t)=>{var n;return e&&(null==(n=e.children)?void 0:n.map((e=>t[e])))||[]},b=(e,t=" ")=>Array.isArray(e)?e.map((e=>`rkk-${e}`)).join(t):`rkk-${e}`;var x="undefined"!=typeof globalThis?globalThis:"undefined"!=typeof window?window:"undefined"!=typeof global?global:"undefined"!=typeof self?self:{};function w(e){return e&&e.__esModule&&Object.prototype.hasOwnProperty.call(e,"default")?e.default:e}var S,O={exports:{}};
/*!
	Copyright (c) 2018 Jed Watson.
	Licensed under the MIT License (MIT), see
	http://jedwatson.github.io/classnames
*/S=O,function(){var e={}.hasOwnProperty;function t(){for(var e="",t=0;t<arguments.length;t++){var o=arguments[t];o&&(e=r(e,n(o)))}return e}function n(n){if("string"==typeof n||"number"==typeof n)return n;if("object"!=typeof n)return"";if(Array.isArray(n))return t.apply(null,n);if(n.toString!==Object.prototype.toString&&!n.toString.toString().includes("[native code]"))return n.toString();var o="";for(var a in n)e.call(n,a)&&n[a]&&(o=r(o,a));return o}function r(e,t){return t?e?e+" "+t:e+t:e}S.exports?(t.default=t,S.exports=t):window.classNames=t}();const D=w(O.exports),C=e.forwardRef(((e,n)=>{const{renderColumnHeader:r,columnHeaderStyle:o,columnHeaderClassName:a="",data:i}=e,l=D(b("column-header"),a);return r?t.jsx("div",{ref:n,children:r(i)}):t.jsxs("header",{ref:n,className:l,style:null==o?void 0:o(i),children:[t.jsx("div",{className:b("column-header-left"),children:null==i?void 0:i.title}),t.jsx("div",{className:b("column-header-right"),children:(null==i?void 0:i.totalItemsCount)||(null==i?void 0:i.totalChildrenCount)||0})]})})),E=null,{min:j,max:T,abs:I,floor:A}=Math,P=(e,t,n)=>j(n,T(t,e)),k=e=>[...e].sort(((e,t)=>e-t)),R="function"==typeof queueMicrotask?queueMicrotask:e=>{Promise.resolve().then(e)},M=e=>{let t,n;return()=>(t||(t=!0,n=e()),n)},F=-1,N=(e,t,n)=>{const r=n?"unshift":"push";for(let o=0;o<t;o++)e[r](F);return e},L=(e,t)=>{const n=e.t[t];return n===F?e.o:n},H=(e,t,n)=>{const r=e.t[t]===F;return e.t[t]=n,e.i=j(t,e.i),r},W=(e,t)=>{if(!e.l)return 0;if(e.i>=t)return e.u[t];e.i<0&&(e.u[0]=0,e.i=0);let n=e.i,r=e.u[n];for(;n<t;)r+=L(e,n),e.u[++n]=r;return e.i=t,r},z=(e,t,n=0,r=e.l-1)=>{for(;n<=r;){const o=A((n+r)/2),a=W(e,o);if(a<=t){if(a+L(e,o)>t)return o;n=o+1}else r=o-1}return P(n,0,e.l-1)},U=(e,t,n)=>{const r=t-e.l;return e.i=n?-1:j(t-1,e.i),e.l=t,r>0?(N(e.u,r),N(e.t,r,n),e.o*r):(e.u.splice(r),(n?e.t.splice(0,-r):e.t.splice(r)).reduce(((t,n)=>t-(n===F?e.o:n)),0))},Y="undefined"!=typeof window,X=()=>document.documentElement,B=M((()=>!!Y&&"rtl"===getComputedStyle(X()).direction)),G=M((()=>/iP(hone|od|ad)/.test(navigator.userAgent))),K=M((()=>"scrollBehavior"in X().style)),_=setTimeout,$=(e,t)=>t&&B()?-e:e,q=(e,t)=>{let n,r,o;const a=t?"scrollLeft":"scrollTop",i=t?"overflowX":"overflowY",l=async(r,i)=>{if(!n)return void R((()=>l(r,i)));o&&o();const c=()=>{let t;return[new Promise(((n,r)=>{t=n,o=r,(e=>!!e.v())(e)&&_(r,150)})),e.B(2,(()=>{t&&t()}))]};if(i&&K()){for(;e.J(8,r()),e.k();){const[e,t]=c();try{await e}catch(u){return}finally{t()}}n.scrollTo({[t?"left":"top"]:$(r(),t),behavior:"smooth"})}else for(;;){const[o,i]=c();try{n[a]=$(r(),t),e.J(7),await o}catch(s){return}finally{i()}}};return{V(l){n=l,r=((e,t,n,r,o,a)=>{const i=Date.now;let l=0,c=!1,u=!1,s=!1,d=!1;const f=(()=>{let t;const n=()=>{t!=E&&clearTimeout(t)},r=()=>{n(),t=_((()=>{t=E,(()=>{if(c||u)return c=!1,void f();s=!1,e.J(2)})()}),150)};return r.L=n,r})(),g=()=>{l=i(),s&&(d=!0),a&&e.J(6,a()),e.J(1,r()),f()},p=t=>{if(c||!e.H()||t.ctrlKey)return;const r=i()-l;150>r&&50<r&&(n?t.deltaX:t.deltaY)&&(c=!0)},m=()=>{u=!0,s=d=!1},v=()=>{u=!1,G()&&(s=!0)};return t.addEventListener("scroll",g),t.addEventListener("wheel",p,{passive:!0}),t.addEventListener("touchstart",m,{passive:!0}),t.addEventListener("touchend",v,{passive:!0}),{P:()=>{t.removeEventListener("scroll",g),t.removeEventListener("wheel",p),t.removeEventListener("touchstart",m),t.removeEventListener("touchend",v),f.L()},A:()=>{const[t,a]=e.O();t&&(o($(t,n),a,d),d=!1,a&&e.v()>e.h()&&e.J(1,r()))}}})(e,l,t,(()=>$(l[a],t)),((t,n,r)=>{if(r){const e=l.style,t=e[i];e[i]="hidden",_((()=>{e[i]=t}))}n?(l[a]=e.C()+t,o&&o()):l[a]+=t}))},X(){r&&r.P()},Y(e){l((()=>e))},j(t){t+=e.C(),l((()=>t))},q(t,{align:n,smooth:r,offset:o=0}={}){if(t=P(t,0,e.M()-1),"nearest"===n){const r=e.T(t),o=e.C();if(r<o)n="start";else{if(!(r+e.R(t)>o+e.v()))return;n="end"}}l((()=>o+e.W()+e.T(t)+("end"===n?e.R(t)-e.v():"center"===n?(e.R(t)-e.v())/2:0)),r)},D:()=>{r&&r.A()}}},V=(e,t)=>{let n;const r=t?"width":"height",o=new WeakMap,a=(e=>{let t;return{U(n){(t||(t=new((e=>e.defaultView)((e=>e.ownerDocument)(n)).ResizeObserver)(e))).observe(n)},F(e){t.unobserve(e)},P(){t&&t.disconnect()}}})((t=>{const a=[];for(const{target:i,contentRect:l}of t)if(i.offsetParent)if(i===n)e.J(4,l[r]);else{const e=o.get(i);e!=E&&a.push([e,l[r]])}a.length&&e.J(3,a)}));return{G(e){a.U(n=e)},K:(e,t)=>(o.set(e,t),a.U(e),()=>{o.delete(e),a.F(e)}),X:a.P}},J=Y?e.useLayoutEffect:e.useEffect,Z="current",Q=(e,t)=>{if(Array.isArray(e))for(const n of e)Q(n,t);else null==e||"boolean"==typeof e||t.push(e)},ee=t=>{const n=e.useRef(t);return J((()=>{n[Z]=t}),[t]),n},te=e.memo((({N:n,Z:r,ee:o,te:a,ne:i,oe:l,re:c,ie:u})=>{const s=e.useRef(null);J((()=>r(s[Z],o)),[o]);const d=e.useMemo((()=>{const e={position:i&&u?void 0:"absolute",[c?"height":"width"]:"100%",[c?"top":"left"]:0,[c?B()?"right":"left":"top"]:a,visibility:!i||u?"visible":"hidden"};return c&&(e.display="flex"),e}),[a,i,u,c]);return t.jsx(l,"string"==typeof l?{ref:s,style:d,children:n}:{ref:s,style:d,index:o,children:n})})),ne=e.forwardRef((({children:r,count:o,overscan:a,itemSize:i,shift:l,horizontal:c,keepMounted:u,cache:s,startMargin:d=0,ssrCount:f,as:g="div",item:p="div",scrollRef:m,onScroll:v,onScrollEnd:h},y)=>{const[b,x]=((t,n)=>e.useMemo((()=>{if("function"==typeof t)return[t,n||0];const e=(e=>{const t=[];return Q(e,t),t})(t);return[t=>e[t],e.length]}),[t,n]))(r,o),w=e.useRef(null),S=e.useRef(!!f),O=ee(v),D=ee(h),[C,A,P,M]=(t=>{const n=e.useRef();return n[Z]||(n[Z]=t())})((()=>{const e=!!c,t=((e,t=40,n=4,r=0,o,a=!1)=>{let i=!!r,l=1,c=0,u=0,s=0,d=0,f=0,g=0,p=0,m=0,v=i?[0,T(r-1,0)]:E,h=[0,0],y=0;const b=(R=e,M=t,{o:(Y=o)?Y[1]:M,t:Y&&Y[0]?N(Y[0].slice(0,j(R,Y[0].length)),T(0,R-Y[0].length)):N([],R),l:R,i:-1,u:N([],R)}),x=new Set,w=()=>s-u,S=()=>w()+f+d,O=e=>((e,t,n,r)=>{if(r=j(r,e.l-1),W(e,r)<=t){const o=z(e,t+n,r);return[z(e,t,r,o),o]}{const o=z(e,t,void 0,r);return[o,z(e,t+n,o)]}})(b,e,c,h[0]),D=()=>(e=>e.l?W(e,e.l-1)+L(e,e.l-1):0)(b),C=e=>W(b,e)-f,A=e=>L(b,e),P=e=>{e&&(G()&&0!==p?f+=e:d+=e)};var R,M,Y;return{p:()=>l,m:()=>(e=>[e.t.slice(),e.o])(b),_:()=>{let e,t;return g?[e,t]=h:([e,t]=h=O(T(0,S())),v&&(e=j(e,v[0]),t=T(t,v[1]))),1!==p&&(e-=T(0,n)),2!==p&&(t+=T(0,n)),[T(e,0),j(t,b.l-1)]},S:()=>z(b,S()),$:()=>z(b,S()+c),I:e=>b.t[e]===F,k:()=>!!v&&b.t.slice(T(0,v[0]-1),j(b.l-1,v[1]+1)+1).includes(F),T:C,R:A,M:()=>b.l,C:()=>s,H:()=>0!==p,v:()=>c,W:()=>u,h:D,O:()=>(g=d,d=0,[g,2===m||w()+c>=D()]),B:(e,t)=>{const n=[e,t];return x.add(n),()=>{x.delete(n)}},J:(e,t)=>{let n,r,o=0;switch(e){case 1:{const e=g;g=0;const n=t-s,a=I(n);e&&a<I(e)+1||0!==m||(p=n<0?2:1),i&&(v=E,i=!1),s=t,o=4;const l=w();l>=-c&&l<=D()&&(o+=1,r=a>c);break}case 2:o=8,0!==p&&(n=!0,o+=1),p=0,m=0,v=E;break;case 3:{const e=t.filter((([e,t])=>b.t[e]!==t));if(!e.length)break;P(e.reduce(((e,[t,n])=>((2===m||(v?!i&&t<v[0]:C(t)+(0===p&&0===m?A(t):0)<w()))&&(e+=n-A(t)),e)),0));for(const[t,n]of e){const e=A(t),r=H(b,t,n);a&&(y+=r?n:n-e)}a&&c&&y>c&&(P(((e,t)=>{let n=0;const r=[];e.t.forEach(((e,o)=>{e!==F&&(r.push(e),o<t&&n++)})),e.i=-1;const o=k(r),a=o.length,i=a/2|0,l=a%2==0?(o[i-1]+o[i])/2:o[i],c=e.o;return((e.o=l)-c)*T(t-n,0)})(b,z(b,S()))),a=!1),o=3,r=!0;break}case 4:c!==t&&(c=t,o=3);break;case 5:t[1]?(P(U(b,t[0],!0)),m=2,o=1):(U(b,t[0]),o=1);break;case 6:u=t;break;case 7:m=1;break;case 8:v=O(t),o=1}o&&(l=1+(2147483647&l),n&&f&&(d+=f,f=0),x.forEach((([e,t])=>{o&e&&t(r)})))}}})(x,i,a,f,s,!i);return[t,V(t,e),q(t,e),e]}));x!==C.M()&&C.J(5,[x,l]),d!==C.W()&&C.J(6,d);const[Y,X]=e.useReducer(C.p,void 0,C.p),[B,K]=C._(),_=C.H(),$=C.h(),ne=[],re=e=>{const n=b(e);return t.jsx(te,{Z:A.K,ee:e,te:C.T(e),ne:C.I(e),oe:p,N:n,re:M,ie:S[Z]},((e,t)=>{const n=e.key;return null!=n?n:"_"+t})(n,e))};J((()=>{S[Z]=!1;const e=C.B(1,(e=>{e?n.flushSync(X):X()})),t=C.B(4,(()=>{O[Z]&&O[Z](C.C())})),r=C.B(8,(()=>{D[Z]&&D[Z]()})),o=e=>{A.G(e),P.V(e)};return m?R((()=>o(m[Z]))):o(w[Z].parentElement),()=>{e(),t(),r(),A.X(),P.X()}}),[]),J((()=>{P.D()}),[Y]),e.useImperativeHandle(y,(()=>({get cache(){return C.m()},get scrollOffset(){return C.C()},get scrollSize(){return T((e=C).h(),e.v());var e},get viewportSize(){return C.v()},findStartIndex:C.S,findEndIndex:C.$,getItemOffset:C.T,getItemSize:C.R,scrollToIndex:P.q,scrollTo:P.Y,scrollBy:P.j})),[]);for(let e=B,t=K;e<=t;e++)ne.push(re(e));if(u){const e=[],t=[];k(u).forEach((n=>{n<B&&e.push(re(n)),n>K&&t.push(re(n))})),ne.unshift(...e),ne.push(...t)}return t.jsx(g,{ref:w,style:{overflowAnchor:"none",flex:"none",position:"relative",visibility:"hidden",width:M?$:"100%",height:M?"100%":$,pointerEvents:_?"none":void 0},children:ne})})),re=e.forwardRef((({children:n,count:r,overscan:o,itemSize:a,shift:i,horizontal:l,keepMounted:c,reverse:u,cache:s,ssrCount:d,item:f,onScroll:g,onScrollEnd:p,style:m,...v},h)=>{const y=e.useRef(null),b=u&&!l;let x=t.jsx(ne,{ref:h,scrollRef:b?y:void 0,count:r,overscan:o,itemSize:a,shift:i,horizontal:l,keepMounted:c,cache:s,ssrCount:d,item:f,onScroll:g,onScrollEnd:p,children:n});return b&&(x=t.jsx("div",{style:{visibility:"hidden",display:"flex",flexDirection:"column",justifyContent:"flex-end",minHeight:"100%"},children:x})),t.jsx("div",{ref:y,...v,style:{display:l?"inline-block":"block",[l?"overflowX":"overflowY"]:"auto",contain:"strict",width:"100%",height:"100%",...m},children:x})})),oe=({className:e,style:n,animationType:r="shimmer"})=>{const o=`${b("skeleton")} ${"pulse"===r?b("skeleton-pulse"):""} ${"wave"===r?b("skeleton-wave"):""} ${e||""}`.trim();return t.jsx("div",{className:o,style:n,children:t.jsxs("div",{className:b("skeleton-content"),children:[t.jsx("div",{className:b("skeleton-title")}),t.jsxs("div",{className:b("skeleton-description"),children:[t.jsx("div",{className:b("skeleton-line")}),t.jsx("div",{className:`${b("skeleton-line")} ${b("skeleton-line-short")}`})]})]})})};var ae={},ie={};Object.defineProperty(ie,"__esModule",{value:!0}),ie.bind=void 0,ie.bind=function(e,t){var n=t.type,r=t.listener,o=t.options;return e.addEventListener(n,r,o),function(){e.removeEventListener(n,r,o)}};var le={},ce=x&&x.__assign||function(){return ce=Object.assign||function(e){for(var t,n=1,r=arguments.length;n<r;n++)for(var o in t=arguments[n])Object.prototype.hasOwnProperty.call(t,o)&&(e[o]=t[o]);return e},ce.apply(this,arguments)};Object.defineProperty(le,"__esModule",{value:!0}),le.bindAll=void 0;var ue=ie;function se(e){if(void 0!==e)return"boolean"==typeof e?{capture:e}:e}le.bindAll=function(e,t,n){var r=t.map((function(t){var r=function(e,t){return null==t?e:ce(ce({},e),{options:ce(ce({},se(t)),se(e.options))})}(t,n);return(0,ue.bind)(e,r)}));return function(){r.forEach((function(e){return e()}))}},function(e){Object.defineProperty(e,"__esModule",{value:!0}),e.bindAll=e.bind=void 0;var t=ie;Object.defineProperty(e,"bind",{enumerable:!0,get:function(){return t.bind}});var n=le;Object.defineProperty(e,"bindAll",{enumerable:!0,get:function(){return n.bindAll}})}(ae);var de="data-pdnd-honey-pot";function fe(e){return e instanceof Element&&e.hasAttribute(de)}function ge(e){var t=g(document.elementsFromPoint(e.x,e.y),2),n=t[0],r=t[1];return n?fe(n)?null!=r?r:null:n:null}var pe=2147483647;function me(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,r)}return n}function ve(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?me(Object(n),!0).forEach((function(t){a(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):me(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}function he(e){var t=function(e){return{x:Math.min(e.x,window.innerWidth-2),y:Math.min(e.y,window.innerHeight-2)}}(function(e){return{x:Math.max(e.x,0),y:Math.max(e.y,0)}}(function(e){return{x:e.x-1,y:e.y-1}}(function(e){return{x:Math.floor(e.x),y:Math.floor(e.y)}}(e.client))));return DOMRect.fromRect({x:t.x,y:t.y,width:2,height:2})}function ye(e){var t=e.clientRect;return{left:"".concat(t.left,"px"),top:"".concat(t.top,"px"),width:"".concat(t.width,"px"),height:"".concat(t.height,"px")}}function be(e){return function(e){if(Array.isArray(e))return d(e)}(e)||function(e){if("undefined"!=typeof Symbol&&null!=e[Symbol.iterator]||null!=e["@@iterator"])return Array.from(e)}(e)||f(e)||function(){throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function xe(e){var t=null;return function(){if(!t){for(var n=arguments.length,r=new Array(n),o=0;o<n;o++)r[o]=arguments[o];var a=e.apply(this,r);t={result:a}}return t.result}}var we=xe((function(){return"test"!==process.env.NODE_ENV&&navigator.userAgent.includes("Firefox")})),Se=xe((function(){if("test"===process.env.NODE_ENV)return!1;var e=navigator.userAgent;return e.includes("AppleWebKit")&&!e.includes("Chrome")})),Oe={isLeavingWindow:Symbol("leaving"),isEnteringWindow:Symbol("entering")};function De(e){var t,n=e.dragLeave,r=n.type,o=n.relatedTarget;return"dragleave"===r&&(Se()?function(e){var t=e.dragLeave;return!!Se()&&t.hasOwnProperty(Oe.isLeavingWindow)}({dragLeave:n}):null==o||(we()?"nodeName"in(t=o)&&t.ownerDocument!==document:o instanceof HTMLIFrameElement))}function Ce(e){return{altKey:e.altKey,button:e.button,buttons:e.buttons,ctrlKey:e.ctrlKey,metaKey:e.metaKey,shiftKey:e.shiftKey,clientX:e.clientX,clientY:e.clientY,pageX:e.pageX,pageY:e.pageY}}!function(){if("undefined"!=typeof window&&"test"!==process.env.NODE_ENV&&Se()){var e={enterCount:0,isOverWindow:!1};ae.bindAll(window,[{type:"dragstart",listener:function(){e.enterCount=0,e.isOverWindow=!0}},{type:"drop",listener:t},{type:"dragend",listener:t},{type:"dragenter",listener:function(t){e.isOverWindow||0!==e.enterCount||(t[Oe.isEnteringWindow]=!0),e.isOverWindow=!0,e.enterCount++}},{type:"dragleave",listener:function(t){e.enterCount--,e.isOverWindow&&0===e.enterCount&&(t[Oe.isLeavingWindow]=!0,e.isOverWindow=!1)}}],{capture:!0})}function t(){e={enterCount:0,isOverWindow:!1}}}();var Ee,je=function(e){var t=[],n=null,r=function(){for(var r=arguments.length,o=new Array(r),a=0;a<r;a++)o[a]=arguments[a];t=o,n||(n=requestAnimationFrame((function(){n=null,e.apply(void 0,t)})))};return r.cancel=function(){n&&(cancelAnimationFrame(n),n=null)},r}((function(e){return e()})),Te=(Ee=null,{schedule:function(e){var t=requestAnimationFrame((function(){Ee=null,e()}));Ee={frameId:t,fn:e}},flush:function(){Ee&&(cancelAnimationFrame(Ee.frameId),Ee.fn(),Ee=null)}});var Ie={isActive:!1};function Ae(){return!Ie.isActive}function Pe(e){return e.dataTransfer?e.dataTransfer.setDragImage.bind(e.dataTransfer):null}function ke(e){var t,n=e.event,r=null===(t=e.current[0])||void 0===t?void 0:t.dropEffect;null!=r&&n.dataTransfer&&(n.dataTransfer.dropEffect=r)}var Re={canStart:Ae,start:function(e){var t=e.event,n=e.dragType,r=e.getDropTargetsOver,o=e.dispatchEvent;if(Ae()){var a=function(e){var t=e.event,n=e.dragType,r=e.getDropTargetsOver,o=Ce(t);if("external"===n.startedFrom)return{input:o,dropTargets:[]};var a=r({input:o,source:n.payload,target:t.target,current:[]});return{input:o,dropTargets:a}}({event:t,dragType:n,getDropTargetsOver:r});Ie.isActive=!0;var i={current:a};ke({event:t,current:a.dropTargets});var l,c,u=function(e){var t=e.source,n=e.initial,r=e.dispatchEvent,o={dropTargets:[]};function a(e){r(e),o={dropTargets:e.payload.location.current.dropTargets}}return{start:function(e){var r=e.nativeSetDragImage,i={current:n,previous:o,initial:n};a({eventName:"onGenerateDragPreview",payload:{source:t,location:i,nativeSetDragImage:r}}),Te.schedule((function(){a({eventName:"onDragStart",payload:{source:t,location:i}})}))},dragUpdate:function(e){var r=e.current;Te.flush(),je.cancel(),a({eventName:"onDropTargetChange",payload:{source:t,location:{initial:n,previous:o,current:r}}})},drag:function(e){var r=e.current;je((function(){Te.flush(),a({eventName:"onDrag",payload:{source:t,location:{initial:n,previous:o,current:r}}})}))},drop:function(e){var r=e.current,i=e.updatedSourcePayload;Te.flush(),je.cancel(),a({eventName:"onDrop",payload:{source:null!=i?i:t,location:{current:r,previous:o,initial:n}}})}}}({source:n.payload,dispatchEvent:o,initial:a}),s=ae.bindAll(window,[{type:"dragover",listener:function(e){f(e),u.drag({current:i.current})}},{type:"dragenter",listener:f},{type:"dragleave",listener:function(e){De({dragLeave:e})&&(d({input:i.current.input,dropTargets:[]}),"external"===n.startedFrom&&g())}},{type:"drop",listener:function(e){i.current={dropTargets:i.current.dropTargets,input:Ce(e)},i.current.dropTargets.length?(e.preventDefault(),ke({event:e,current:i.current.dropTargets}),u.drop({current:i.current,updatedSourcePayload:"external"===n.type?n.getDropPayload(e):null}),p()):g()}},{type:"dragend",listener:function(e){i.current={dropTargets:i.current.dropTargets,input:Ce(e)},g()}}].concat(be((c={onDragEnd:g}.onDragEnd,[{type:"pointermove",listener:(l=0,function(){l<20?l++:c()})},{type:"pointerdown",listener:c}]))),{capture:!0});u.start({nativeSetDragImage:Pe(t)})}function d(e){var t=function(e){var t=e.current,n=e.next;if(t.length!==n.length)return!0;for(var r=0;r<t.length;r++)if(t[r].element!==n[r].element)return!0;return!1}({current:i.current.dropTargets,next:e.dropTargets});i.current=e,t&&u.dragUpdate({current:i.current})}function f(e){var t=Ce(e),o=fe(e.target)?ge({x:t.clientX,y:t.clientY}):e.target,a=r({target:o,input:t,source:n.payload,current:i.current.dropTargets});a.length&&(e.preventDefault(),ke({event:e,current:a})),d({dropTargets:a,input:t})}function g(){i.current.dropTargets.length&&d({dropTargets:[],input:i.current.input}),u.drop({current:i.current,updatedSourcePayload:null}),p()}function p(){Ie.isActive=!1,s()}}},Me=new Map;function Fe(e){var t=function(e){var t=e.typeKey,n=e.mount,r=Me.get(t);if(r)return r.usageCount++,r;var o={typeKey:t,unmount:n(),usageCount:1};return Me.set(t,o),o}(e);return function(){t.usageCount--,t.usageCount>0||(t.unmount(),Me.delete(e.typeKey))}}function Ne(){for(var e=arguments.length,t=new Array(e),n=0;n<e;n++)t[n]=arguments[n];return function(){t.forEach((function(e){return e()}))}}function Le(e,t){var n=t.attribute,r=t.value;return e.setAttribute(n,r),function(){return e.removeAttribute(n)}}function He(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,r)}return n}function We(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?He(Object(n),!0).forEach((function(t){a(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):He(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}function ze(e,t){var n="undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(!n){if(Array.isArray(e)||(n=function(e,t){if(e){if("string"==typeof e)return Ue(e,t);var n={}.toString.call(e).slice(8,-1);return"Object"===n&&e.constructor&&(n=e.constructor.name),"Map"===n||"Set"===n?Array.from(e):"Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)?Ue(e,t):void 0}}(e))||t&&e&&"number"==typeof e.length){n&&(e=n);var r=0,o=function(){};return{s:o,n:function(){return r>=e.length?{done:!0}:{done:!1,value:e[r++]}},e:function(e){throw e},f:o}}throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}var a,i=!0,l=!1;return{s:function(){n=n.call(e)},n:function(){var e=n.next();return i=e.done,e},e:function(e){l=!0,a=e},f:function(){try{i||null==n.return||n.return()}finally{if(l)throw a}}}}function Ue(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,r=Array(t);n<t;n++)r[n]=e[n];return r}function Ye(e){return e.slice(0).reverse()}function Xe(e){var t=e.typeKey,n=e.defaultDropEffect,r=new WeakMap,o="data-drop-target-for-".concat(t),a="[".concat(o,"]");function i(e){var t,o,l,c,u=e.source,s=e.target,d=e.input,f=e.result,g=void 0===f?[]:f;if(null==s)return g;if(!(s instanceof Element))return s instanceof Node?i({source:u,target:s.parentElement,input:d,result:g}):g;var p=s.closest(a);if(null==p)return g;var m=r.get(p);if(null==m)return g;var v={input:d,source:u,element:m.element};if(m.canDrop&&!m.canDrop(v))return i({source:u,target:m.element.parentElement,input:d,result:g});var h=null!==(t=null===(o=m.getData)||void 0===o?void 0:o.call(m,v))&&void 0!==t?t:{},y=null!==(l=null===(c=m.getDropEffect)||void 0===c?void 0:c.call(m,v))&&void 0!==l?l:n,b={data:h,element:m.element,dropEffect:y,isActiveDueToStickiness:!1};return i({source:u,target:m.element.parentElement,input:d,result:[].concat(be(g),[b])})}function l(e){var t,n=e.eventName,o=e.payload,a=ze(o.location.current.dropTargets);try{for(a.s();!(t=a.n()).done;){var i,l=t.value,c=r.get(l.element),u=We(We({},o),{},{self:l});null==c||null===(i=c[n])||void 0===i||i.call(c,u)}}catch(s){a.e(s)}finally{a.f()}}var c={onGenerateDragPreview:l,onDrag:l,onDragStart:l,onDrop:l,onDropTargetChange:function(e){var t,n=e.payload,o=new Set(n.location.current.dropTargets.map((function(e){return e.element}))),a=new Set,i=ze(n.location.previous.dropTargets);try{for(i.s();!(t=i.n()).done;){var l,c=t.value;a.add(c.element);var u,s=r.get(c.element),d=o.has(c.element),f=We(We({},n),{},{self:c});if(null==s||null===(l=s.onDropTargetChange)||void 0===l||l.call(s,f),!d)null==s||null===(u=s.onDragLeave)||void 0===u||u.call(s,f)}}catch(x){i.e(x)}finally{i.f()}var g,p=ze(n.location.current.dropTargets);try{for(p.s();!(g=p.n()).done;){var m,v,h=g.value;if(!a.has(h.element)){var y=We(We({},n),{},{self:h}),b=r.get(h.element);null==b||null===(m=b.onDropTargetChange)||void 0===m||m.call(b,y),null==b||null===(v=b.onDragEnter)||void 0===v||v.call(b,y)}}}catch(x){p.e(x)}finally{p.f()}}};return{dropTargetForConsumers:function(e){if("production"!==process.env.NODE_ENV){var n=r.get(e.element);n&&console.warn("You have already registered a [".concat(t,"] dropTarget on the same element"),{existing:n,proposed:e}),e.element instanceof HTMLIFrameElement&&console.warn("\n            We recommend not registering <iframe> elements as drop targets\n            as it can result in some strange browser event ordering.\n          ".replace(/\s{2,}/g," ").trim())}return Ne(Le(e.element,{attribute:o,value:"true"}),function(e){return r.set(e.element,e),function(){return r.delete(e.element)}}(e))},getIsOver:function(e){var t=e.source,n=e.target,o=e.input,a=e.current,l=i({source:t,target:n,input:o});if(l.length>=a.length)return l;for(var c=Ye(a),u=Ye(l),s=[],d=0;d<c.length;d++){var f,g=c[d],p=u[d];if(null==p){var m=s[d-1],v=c[d-1];if((null==m?void 0:m.element)!==(null==v?void 0:v.element))break;var h=r.get(g.element);if(!h)break;var y={input:o,source:t,element:h.element};if(h.canDrop&&!h.canDrop(y))break;if(null===(f=h.getIsSticky)||void 0===f||!f.call(h,y))break;s.push(We(We({},g),{},{isActiveDueToStickiness:!0}))}else s.push(p)}return Ye(s)},dispatchEvent:function(e){c[e.eventName](e)}}}function Be(e,t){var n="undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(!n){if(Array.isArray(e)||(n=function(e,t){if(e){if("string"==typeof e)return Ge(e,t);var n={}.toString.call(e).slice(8,-1);return"Object"===n&&e.constructor&&(n=e.constructor.name),"Map"===n||"Set"===n?Array.from(e):"Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)?Ge(e,t):void 0}}(e))||t&&e&&"number"==typeof e.length){n&&(e=n);var r=0,o=function(){};return{s:o,n:function(){return r>=e.length?{done:!0}:{done:!1,value:e[r++]}},e:function(e){throw e},f:o}}throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}var a,i=!0,l=!1;return{s:function(){n=n.call(e)},n:function(){var e=n.next();return i=e.done,e},e:function(e){l=!0,a=e},f:function(){try{i||null==n.return||n.return()}finally{if(l)throw a}}}}function Ge(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,r=Array(t);n<t;n++)r[n]=e[n];return r}function Ke(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,r)}return n}function _e(){var e=new Set,t=null;function n(e){t&&(e.canMonitor&&!e.canMonitor(t.canMonitorArgs)||t.active.add(e))}return{dispatchEvent:function(r){var o=r.eventName,a=r.payload;if("onGenerateDragPreview"===o){t={canMonitorArgs:{initial:a.location.initial,source:a.source},active:new Set};var i,l=Be(e);try{for(l.s();!(i=l.n()).done;){n(i.value)}}catch(f){l.e(f)}finally{l.f()}}if(t){for(var c=0,u=Array.from(t.active);c<u.length;c++){var s,d=u[c];if(t.active.has(d))null===(s=d[o])||void 0===s||s.call(d,a)}"onDrop"===o&&(t.active.clear(),t=null)}},monitorForConsumers:function(r){var o=function(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?Ke(Object(n),!0).forEach((function(t){a(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):Ke(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}({},r);return e.add(o),n(o),function(){e.delete(o),t&&t.active.delete(o)}}}}var $e=xe((function(){return navigator.userAgent.toLocaleLowerCase().includes("android")})),qe="text/plain",Ve=new WeakMap;var Je,Ze=(Je=null,{bindEvents:function(){return Je=null,ae.bind(window,{type:"pointermove",listener:function(e){Je={x:e.clientX,y:e.clientY}},options:{capture:!0}})},getOnPostDispatch:function(){var e=null;return function(t){var n=t.eventName,r=t.payload;if("onDragStart"===n){var o=r.location.initial.input,a=null!=Je?Je:{x:o.clientX,y:o.clientY};e=function(e){var t=e.initial,n=document.createElement("div");n.setAttribute(de,"true");var r=he({client:t});Object.assign(n.style,ve(ve({backgroundColor:"transparent",position:"fixed",padding:0,margin:0,boxSizing:"border-box"},ye({clientRect:r})),{},{pointerEvents:"auto",zIndex:pe})),document.body.appendChild(n);var o=ae.bind(window,{type:"pointermove",listener:function(e){var t={x:e.clientX,y:e.clientY};r=he({client:t}),Object.assign(n.style,ye({clientRect:r}))},options:{capture:!0}});return function(e){var t=e.current;if(o(),function(e){var t=e.client,n=e.clientRect;return t.x>=n.x&&t.x<=n.x+n.width&&t.y>=n.y&&t.y<=n.y+n.height}({client:t,clientRect:r}))n.remove();else var a=ae.bindAll(window,[{type:"pointerdown",listener:i},{type:"pointermove",listener:i},{type:"focusin",listener:i},{type:"focusout",listener:i},{type:"dragstart",listener:i},{type:"dragenter",listener:i},{type:"dragover",listener:i}],{capture:!0});function i(){a(),n.remove()}}}({initial:a})}if("onDrop"===n){var i,l=r.location.current.input;null===(i=e)||void 0===i||i({current:{x:l.clientX,y:l.clientY}}),e=null,Je=null}}}}),Qe=function(e){var t=e.typeKey,n=e.mount,r=e.dispatchEventToSource,o=e.onPostDispatch,a=e.defaultDropEffect,i=_e(),l=Xe({typeKey:t,defaultDropEffect:a});function c(e){null==r||r(e),l.dispatchEvent(e),i.dispatchEvent(e),null==o||o(e)}function u(e){var t=e.event,n=e.dragType;Re.start({event:t,dragType:n,getDropTargetsOver:l.getIsOver,dispatchEvent:c})}return{registerUsage:function(){return Fe({typeKey:t,mount:function(){var e={canStart:Re.canStart,start:u};return n(e)}})},dropTarget:l.dropTargetForConsumers,monitor:i.monitorForConsumers}}({typeKey:"element",defaultDropEffect:"move",mount:function(e){return Ne(Ze.bindEvents(),ae.bind(document,{type:"dragstart",listener:function(t){var n,r,o,a,i,l;if(e.canStart(t)&&!t.defaultPrevented)if(t.dataTransfer){var c=t.target;if(!(c instanceof HTMLElement))return null;var u=Ve.get(c);if(!u)return null;var s=Ce(t),d={element:u.element,dragHandle:null!==(n=u.dragHandle)&&void 0!==n?n:null,input:s};if(u.canDrag&&!u.canDrag(d))return t.preventDefault(),null;if(u.dragHandle){var f=ge({x:s.clientX,y:s.clientY});if(!u.dragHandle.contains(f))return t.preventDefault(),null}var p=null!==(r=null===(o=u.getInitialDataForExternal)||void 0===o?void 0:o.call(u,d))&&void 0!==r?r:null;if(p)for(var m=0,v=Object.entries(p);m<v.length;m++){var h=g(v[m],2),y=h[0],b=h[1];t.dataTransfer.setData(y,null!=b?b:"")}!$e()||t.dataTransfer.types.includes(qe)||t.dataTransfer.types.includes("text/uri-list")||t.dataTransfer.setData(qe,"pdnd:android-fallback"),t.dataTransfer.setData("application/vnd.pdnd","");var x={type:"element",payload:{element:u.element,dragHandle:null!==(a=u.dragHandle)&&void 0!==a?a:null,data:null!==(i=null===(l=u.getInitialData)||void 0===l?void 0:l.call(u,d))&&void 0!==i?i:{}},startedFrom:"internal"};e.start({event:t,dragType:x})}else"production"!==process.env.NODE_ENV&&console.warn("\n              It appears as though you have are not testing DragEvents correctly.\n\n              - If you are unit testing, ensure you have polyfilled DragEvent.\n              - If you are browser testing, ensure you are dispatching drag events correctly.\n\n              Please see our testing guides for more information:\n              https://atlassian.design/components/pragmatic-drag-and-drop/core-package/testing\n            ".replace(/ {2}/g,""))}}))},dispatchEventToSource:function(e){var t,n,r=e.eventName,o=e.payload;null===(t=Ve.get(o.source.element))||void 0===t||null===(n=t[r])||void 0===n||n.call(t,o)},onPostDispatch:Ze.getOnPostDispatch()}),et=Qe.dropTarget,tt=Qe.monitor;function nt(e){if("production"!==process.env.NODE_ENV&&e.dragHandle&&!e.element.contains(e.dragHandle)&&console.warn("Drag handle element must be contained in draggable element",{element:e.element,dragHandle:e.dragHandle}),"production"!==process.env.NODE_ENV){var t=Ve.get(e.element);t&&console.warn("You have already registered a `draggable` on the same element",{existing:t,proposed:e})}return Ne(Qe.registerUsage(),function(e){return Ve.set(e.element,e),function(){Ve.delete(e.element)}}(e),Le(e.element,{attribute:"draggable",value:"true"}))}function rt(){return{x:0,y:0}}function ot(e){var t=e.render,n=e.nativeSetDragImage,r=e.getOffset,o=void 0===r?rt:r,a=document.createElement("div");Object.assign(a.style,{position:"fixed",top:0,left:0,zIndex:pe,pointerEvents:"none"}),document.body.append(a);var i=t({container:a});function l(){c(),null==i||i(),document.body.removeChild(a)}queueMicrotask((function(){var e=o({container:a});if(Se()){var t=a.getBoundingClientRect();if(0===t.width)return;a.style.left="-".concat(t.width-1e-4,"px")}null==n||n(a,e.x,e.y)}));var c=tt({onDragStart:l,onDrop:l})}function at(e){var t=e.element,n=e.input;return function(e){var r=e.container,o=t.getBoundingClientRect(),a=r.getBoundingClientRect();return{x:Math.min(n.clientX-o.x,a.width),y:Math.min(n.clientY-o.y,a.height)}}}const it=e.createContext(void 0),lt=()=>{const t=e.useContext(it);if(!t)throw new Error("KanbanContext must be used within a provider");return t},ct=({children:e,...n})=>t.jsx(it.Provider,{value:n,children:e}),ut={type:"idle"},st=(t,n,r,o,i)=>{const{viewOnly:d}=lt(),f=e.useRef(null),g=e.useRef(null),[p,m]=e.useState(ut),v=e.useCallback((()=>{var e;return{type:"card",itemId:t.id,columnId:n.id,index:r,isDraggable:o,parentId:t.parentId,rect:(null==(e=g.current)?void 0:e.getBoundingClientRect())||null}}),[t.id,n.id,r,o,t.parentId]),h=e.useCallback((({input:e,element:i})=>function(e,t){var n,r,o=t.element,i=t.input,s=t.allowedEdges,d={x:i.clientX,y:i.clientY},f=o.getBoundingClientRect(),g=null!==(n=null===(r=s.map((function(e){return{edge:e,value:c[e](f,d)}})).sort((function(e,t){return e.value-t.value}))[0])||void 0===r?void 0:r.edge)&&void 0!==n?n:null;return l(l({},e),{},a({},u,g))}({type:"card","card-drop-target":!0,itemId:t.id,columnId:n.id,index:r,isDraggable:o,parentId:t.parentId},{input:e,element:i,allowedEdges:["top","bottom"]})),[t.id,n.id,r,o,t.parentId]),y=e.useCallback((e=>{const n=e.source.data;return n.itemId!==t.parentId&&n.isDraggable}),[t.id,t.parentId]),b=e.useCallback((({nativeSetDragImage:e,location:t})=>{ot({nativeSetDragImage:e,getOffset:at({element:g.current,input:t.current.input}),render({container:e}){const t=g.current.getBoundingClientRect();m({type:"preview",container:e,dragging:t})}})}),[]),x=e.useCallback((()=>{m({type:"is-dragging"})}),[]),w=e.useCallback((()=>{m(ut)}),[]),S=e.useCallback((({source:e,self:n})=>{if("card"!==e.data.type)return;if(e.data.itemId===t.id)return;const r=s(n.data);r&&m({type:"is-over",dragging:e.data.rect,closestEdge:r})}),[t.id]),O=e.useCallback((({source:e,self:n})=>{if("card"!==e.data.type)return;if(e.data.itemId===t.id)return;const r=s(n.data);r&&m({type:"is-over",dragging:e.data.rect,closestEdge:r})}),[t.id]),D=e.useCallback((({source:e})=>{"card"===e.data.type&&(e.data.itemId!==t.id?m(ut):m({type:"is-dragging-and-left-self"}))}),[t.id]);return e.useEffect((()=>{const e=f.current,t=g.current;if(e&&t)return Ne(nt({element:t,getInitialData:v,onGenerateDragPreview:b,onDragStart:x,onDrop:w,canDrag:()=>o&&!d}),et({element:e,canDrop:y,getIsSticky:()=>!0,getData:h,onDragEnter:S,onDrag:O,onDragLeave:D,onDrop:w}))}),[v,b,x,w,o,y,h,S,O,D]),e.useEffect((()=>{null==i||i({state:p,card:t,column:n})}),[p,i]),{outerRef:f,innerRef:g,state:p}},dt=e.memo((({height:e,customIndicator:n})=>t.jsx("div",{className:b("card-shadow-container"),children:n||t.jsx("div",{className:b("card-shadow"),style:{height:e-2+"px"}})}))),ft=n=>{const{outerRef:r,innerRef:o,state:a,data:i,column:l,index:c,isDraggable:u,cardsGap:s,render:d,onClick:f,renderCardDragIndicator:g,renderGap:p}=n,m=e.useMemo((()=>{const e={};return"is-dragging-and-left-self"===a.type&&(e.display="none"),e}),[a.type]),v=e.useMemo((()=>"is-dragging"===a.type?{opacity:.6}:"preview"===a.type?{width:a.dragging.width,height:a.dragging.height,transform:"rotate(4deg)"}:{}),[a]),h="is-over"===a.type&&"top"===a.closestEdge,y="is-over"===a.type&&"bottom"===a.closestEdge,x="is-over"===a.type?a.dragging.height:0,w=d({data:i,column:l,index:c,isDraggable:u}),S=null==g?void 0:g("is-dragging"===a.type?i:null,{height:x});return t.jsx(e.Fragment,{children:t.jsxs("div",{ref:r,className:b("card-outer"),onClick:e=>null==f?void 0:f(e,i),style:{...m,...void 0!==s?{marginBottom:s}:{}},"data-test-id":i.id,"data-rkk-column":l.id,"data-rkk-index":c,children:[h&&t.jsx(dt,{height:x,customIndicator:S}),t.jsx("div",{ref:o,className:b("card-inner"),style:{...v,marginBottom:y?s:0,marginTop:h?s:0},children:w}),y&&t.jsx(dt,{height:x,customIndicator:S})]})})},gt=e=>{const{render:r,data:o,column:a,index:i,isDraggable:l,cardsGap:c,onClick:u,onCardDndStateChange:s,renderCardDragIndicator:d,renderCardDragPreview:f,renderGap:g}=e,{outerRef:p,innerRef:m,state:v}=st(o,a,i,l,s);return t.jsxs(t.Fragment,{children:[t.jsx(ft,{outerRef:p,innerRef:m,state:v,data:o,column:a,index:i,isDraggable:l,render:r,onClick:u,cardsGap:c,renderCardDragIndicator:d,renderGap:g}),"preview"===v.type?n.createPortal((null==f?void 0:f(o,{state:v,data:o,column:a,index:i,isDraggable:l}))||t.jsx(ft,{state:v,data:o,column:a,index:i,isDraggable:l,render:r}),v.container):null]})},pt=e=>{var n;return t.jsx("div",{className:b("default-card"),children:null==(n=null==e?void 0:e.data)?void 0:n.title})},mt=(e,t)=>void 0!==(null==e?void 0:e.isDraggable)?null==e?void 0:e.isDraggable:t,vt=e=>{const{index:n,options:r}=e,{data:o,column:a,configMap:i,isSkeleton:l,cardWrapperStyle:c,cardWrapperClassName:u,cardsGap:s=8,isShadow:d,isListFooter:f,cardOverHeight:g=90,renderSkeletonCard:p,onCardClick:m,onCardDndStateChange:v,renderCardDragIndicator:h,renderListFooter:y,renderGap:x}=r,{render:w=pt,isDraggable:S=!0}=(null==i?void 0:i[null==o?void 0:o.type])||{},O=D(b("generic-item-wrapper"),u);return t.jsx("div",{className:O,style:{...(null==c?void 0:c(o,a))||{}},children:f?t.jsx("div",{className:b("generic-item-list-footer"),children:(null==y?void 0:y(a))||"Default Footer"}):d?t.jsx(dt,{height:g,customIndicator:null==h?void 0:h(o,{height:g})}):l?t.jsx("div",{className:b("generic-item-skeleton"),"data-index":n,"data-rkk-column":null==a?void 0:a.id,children:(null==p?void 0:p({index:n,column:a}))||t.jsx(oe,{animationType:"wave"})}):t.jsx(gt,{render:w,isDraggable:mt(o,S),data:o,column:a,index:n,onClick:m,cardsGap:s,renderGap:x,onCardDndStateChange:v,renderCardDragIndicator:h})})},ht=(e,n,r,o,a,i,l,c)=>t.jsx(vt,{index:n,options:{data:e[n],column:r,configMap:o,isSkeleton:n>=e.length,renderListFooter:i,isShadow:a&&n===c-(i?2:1),isListFooter:i&&n===c-(i?1:0),...l}},n),yt=({column:e,items:n,configMap:r,onScroll:o,cardOverShadowCount:a,renderListFooter:i,...l})=>{const c=(null==e?void 0:e.totalChildrenCount)+a+(i?1:0);return t.jsx(re,{count:c,onScroll:o,className:b("column-content-list"),children:t=>ht(n,t,e,r,a,i,l,c)})},bt=({column:e,items:n,configMap:r,onScroll:o,cardOverShadowCount:a,renderListFooter:i,...l})=>{const c=(null==e?void 0:e.totalChildrenCount)+a+(i?1:0);return t.jsx("div",{className:b("column-content-list"),onScroll:o,children:Array.from({length:c},((t,o)=>ht(n,o,e,r,a,i,l,c)))})},xt=e.forwardRef(((e,n)=>{const{items:r,column:o,configMap:a,columnListContentStyle:i,columnListContentClassName:l,cardWrapperStyle:c,renderSkeletonCard:u,cardWrapperClassName:s,onCardClick:d,loadMore:f,cardOverShadowCount:g,cardOverHeight:p,onCardDndStateChange:m,renderCardDragIndicator:v,renderCardDragPreview:h,renderListFooter:y,renderGap:x}=e,{virtualization:w=!0,cardsGap:S,allowListFooter:O}=lt(),C=D(b("column-content"),l),E=(t,n)=>{var r;(({columnId:e,limit:t=20})=>{const n=document.querySelectorAll(`.${b("generic-item-skeleton")}[data-rkk-column="${e}"]`);return!!n.length&&Array.from(n).slice(0,t).some((e=>{const{top:t,bottom:n}=e.getBoundingClientRect();return t<=window.innerHeight&&n>=0}))})({columnId:null==n?void 0:n.id})&&(null==f||f(null==n?void 0:n.id)),null==(r=null==e?void 0:e.onScroll)||r.call(e,t,n)},j=w?yt:bt;return t.jsx("div",{ref:n,className:C,style:null==i?void 0:i(o),children:t.jsx(j,{column:o,items:r,configMap:a,cardWrapperStyle:c,cardWrapperClassName:s,cardsGap:S,renderSkeletonCard:u,onScroll:e=>((e,t,n,r)=>{const o=document.querySelector(`.${b("column-content-list")}`);if(!o)return;const{scrollHeight:a,clientHeight:i}=o;let l;l=t?"number"==typeof e?e:0:e.target.scrollTop;null==n||n({target:{scrollTop:l,scrollHeight:a,clientHeight:i}},r)})(e,w,E,o),onCardClick:d,cardOverShadowCount:g,onCardDndStateChange:m,renderCardDragIndicator:v,renderCardDragPreview:h,cardOverHeight:p,renderGap:x,renderListFooter:void 0!==O&&(null==O?void 0:O(o))||void 0===O?y:null})})}));var wt=new Map,St=new Set;function Ot(e){!function(e){St.add(e)}(e);var t=wt.get(e);if(t)return t;var n={timeOfEngagementStart:Date.now()};return wt.set(e,n),n}var Dt=new Map;function Ct(e){var t=Dt.get(e);if(t)return t;var n=function(e){var t={type:"idle"},n=[];function r(e){if("running"===t.type){var o,a=e-t.timeLastFrameFinished,i=t.latestArgs,l=ge({x:i.location.current.input.clientX,y:i.location.current.input.clientY});o=function(){n.forEach((function(e){return e({underUsersPointer:l,latestArgs:i,timeSinceLastFrame:a})}))},St.clear(),o(),wt.forEach((function(e,t){St.has(t)||wt.delete(t)})),St.clear(),t.timeLastFrameFinished=e,t.frameId=requestAnimationFrame(r)}}function o(){"idle"!==t.type&&(cancelAnimationFrame(t.frameId),wt.clear(),t={type:"idle"})}function a(e){"idle"===t.type&&(t={type:"initializing",latestArgs:e,frameId:requestAnimationFrame((function(e){"initializing"===t.type&&(t={type:"running",timeLastFrameFinished:e,latestArgs:t.latestArgs,frameId:requestAnimationFrame(r)})}))})}function i(e){"idle"!==t.type?t.latestArgs=e:a(e)}return e({onDragStart:a,onDropTargetChange:i,onDrag:i,onDrop:o}),{onFrame:function(e){n.push(e)}}}(e);return Dt.set(e,n),n}var Et="data-auto-scrollable",jt="[".concat(Et,'="true"]');function Tt(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,r)}return n}function It(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?Tt(Object(n),!0).forEach((function(t){a(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):Tt(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}var At={startHitboxAtPercentageRemainingOfElement:{top:.25,right:.25,bottom:.25,left:.25},maxScrollAtPercentageRemainingOfHitbox:{top:.5,right:.5,bottom:.5,left:.5},timeDampeningDurationMs:400,maxMainAxisHitboxSize:180},Pt={standard:900,fast:1500};function kt(e){var t;return It(It({},At),{},{maxPixelScrollPerSecond:Pt[null!==(t=null==e?void 0:e.maxScrollSpeed)&&void 0!==t?t:"standard"]})}var Rt={top:function(e){return e.scrollTop>0},right:function(e){return Math.ceil(e.scrollLeft)+e.clientWidth<e.scrollWidth},bottom:function(e){return Math.ceil(e.scrollTop)+e.clientHeight<e.scrollHeight},left:function(e){return e.scrollLeft>0}},Mt=["top","right","bottom","left"],Ft={top:"vertical",right:"horizontal",bottom:"vertical",left:"horizontal"},Nt={start:"top",end:"bottom",point:"y",size:"height"},Lt={start:"left",end:"right",point:"x",size:"width"},Ht={vertical:{mainAxis:Nt,crossAxis:Lt},horizontal:{mainAxis:Lt,crossAxis:Nt}},Wt={top:"start",right:"end",bottom:"end",left:"start"};function zt(e){var t=e.edge,n=e.axis;return function(e){var r,o=e.clientRect,i=e.config,l=Ht[n],c=l.mainAxis,u=l.crossAxis,s=Wt[t],d=Math.min(i.startHitboxAtPercentageRemainingOfElement[t]*o[c.size],i.maxMainAxisHitboxSize);return DOMRect.fromRect((a(r={},c.point,"start"===s?o[c.point]:o[c.point]+o[c.size]-d),a(r,u.point,o[u.point]),a(r,c.size,d),a(r,u.size,o[u.size]),r))}}var Ut={top:zt({axis:"vertical",edge:"top"}),right:zt({axis:"horizontal",edge:"right"}),bottom:zt({axis:"vertical",edge:"bottom"}),left:zt({axis:"horizontal",edge:"left"})};function Yt(e){var t=e.startOfRange,n=e.endOfRange,r=e.value;return t<n?r<t?0:r>n?1:(r-t)/(n-t):0}function Xt(e){var t=e.client,n=e.timeSinceLastFrame,r=e.engagement,o=e.axis,a=e.hitbox,i=e.edge,l=e.isDistanceDampeningEnabled,c=e.config,u=function(e){var t=e.timeSinceLastFrame,n=e.config,r=n.maxPixelScrollPerSecond/1e3,o=Math.ceil(r*t),a=n.maxPixelScrollPerSecond/60;return Math.min(o,a)}({timeSinceLastFrame:n,config:c}),s=l?function(e){var t=e.client,n=e.axis,r=e.edge,o=e.hitbox,a=e.config,i=Ht[n].mainAxis,l=Wt[r],c=o[i.size]*a.maxScrollAtPercentageRemainingOfHitbox[r];return"end"===l?Yt({startOfRange:o[i.start],endOfRange:o[i.end]-c,value:t[i.point]}):1-Yt({startOfRange:o[i.start]+c,endOfRange:o[i.end],value:t[i.point]})}({client:t,edge:i,hitbox:a,axis:o,config:c}):1,d=s*Yt({startOfRange:r.timeOfEngagementStart,endOfRange:r.timeOfEngagementStart+c.timeDampeningDurationMs,value:Date.now()}),f=Math.max(u*d,1);return"end"===Wt[i]?f:-1*f}function Bt(e){return e.getBoundingClientRect()}function Gt(e){var t=e.element,n=e.input,r=e.timeSinceLastFrame,o=e.engagement,a=e.config,i=e.allowedAxis,l=e.getRect,c=void 0===l?Bt:l,u={x:n.clientX,y:n.clientY},s=c(t),d=Mt.reduce((function(e,n){var r=Ut[n]({clientRect:s,config:a});return function(e,t){return"all"===t||e===t}(Ft[n],i)&&function(e){var t=e.client,n=e.clientRect;return t.x>=n.x&&t.x<=n.x+n.width&&t.y>=n.y&&t.y<=n.y+n.height}({client:u,clientRect:r})&&Rt[n](t)?(e.set(n,{edge:n,hitbox:r}),e):e}),new Map);return{left:function(){var e="horizontal",t=d.get("left");if(t)return Xt({client:u,edge:t.edge,hitbox:t.hitbox,axis:e,timeSinceLastFrame:r,engagement:o,isDistanceDampeningEnabled:!0,config:a});var n=d.get("right");return n?Xt({client:u,edge:n.edge,hitbox:n.hitbox,axis:e,timeSinceLastFrame:r,engagement:o,isDistanceDampeningEnabled:!0,config:a}):0}(),top:function(){var e="vertical",t=d.get("bottom");if(t)return Xt({client:u,edge:t.edge,hitbox:t.hitbox,axis:e,timeSinceLastFrame:r,engagement:o,isDistanceDampeningEnabled:!0,config:a});var n=d.get("top");return n?Xt({client:u,edge:n.edge,hitbox:n.hitbox,axis:e,timeSinceLastFrame:r,engagement:o,isDistanceDampeningEnabled:!0,config:a}):0}()}}function Kt(e,t){var n="undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(!n){if(Array.isArray(e)||(n=function(e,t){if(e){if("string"==typeof e)return _t(e,t);var n={}.toString.call(e).slice(8,-1);return"Object"===n&&e.constructor&&(n=e.constructor.name),"Map"===n||"Set"===n?Array.from(e):"Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)?_t(e,t):void 0}}(e))||t&&e&&"number"==typeof e.length){n&&(e=n);var r=0,o=function(){};return{s:o,n:function(){return r>=e.length?{done:!0}:{done:!1,value:e[r++]}},e:function(e){throw e},f:o}}throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}var a,i=!0,l=!1;return{s:function(){n=n.call(e)},n:function(){var e=n.next();return i=e.done,e},e:function(e){l=!0,a=e},f:function(){try{i||null==n.return||n.return()}finally{if(l)throw a}}}}function _t(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,r=Array(t);n<t;n++)r[n]=e[n];return r}function $t(e){return Boolean(e.top||e.left)}function qt(e){var t,n,r,o=e.target,a=e.input,i=e.source,l=e.findEntry,c=e.timeSinceLastFrame,u=e.available,s=void 0===u?{top:!0,left:!0}:u;if(!$t(s))return s;if(!o)return s;var d=o.closest(jt);if(!d)return s;var f=l(d);if(!f)return s;function g(){var e;return qt({target:null!==(e=null==d?void 0:d.parentElement)&&void 0!==e?e:null,findEntry:l,source:i,timeSinceLastFrame:c,input:a,available:s})}var p={input:a,source:i,element:d};if(f.canScroll&&!f.canScroll(p))return g();var m=Ot(d),v=kt(null===(t=f.getConfiguration)||void 0===t?void 0:t.call(f,p)),h=null!==(n=null===(r=f.getAllowedAxis)||void 0===r?void 0:r.call(f,p))&&void 0!==n?n:"all",y=Gt({element:d,engagement:m,input:a,timeSinceLastFrame:c,allowedAxis:h,config:v}),b={top:0,left:0};return s.top&&0!==y.top&&(b.top=y.top,s.top=!1),s.left&&0!==y.left&&(b.left=y.left,s.left=!1),0===b.top&&0===b.left||d.scrollBy(b),g()}function Vt(e){var t=e.input,n=e.findEntry,r=e.timeSinceLastFrame,o=e.source,a=e.getWindowScrollEntries,i=qt({target:e.underUsersPointer,timeSinceLastFrame:r,input:t,source:o,findEntry:n});$t(i)&&function(e){var t,n=e.input,r=e.timeSinceLastFrame,o=e.available,a=e.source,i=e.entries,l=document.documentElement,c={input:n,source:a,element:l},u=Kt(i);try{for(u.s();!(t=u.n()).done;){var s,d,f,g=t.value;if(!g.canScroll||g.canScroll(c)){var p=Gt({element:l,engagement:Ot(l),input:n,config:kt(null===(s=g.getConfiguration)||void 0===s?void 0:s.call(g,c)),allowedAxis:null!==(d=null===(f=g.getAllowedAxis)||void 0===f?void 0:f.call(g,c))&&void 0!==d?d:"all",getRect:function(e){return DOMRect.fromRect({y:0,x:0,width:e.clientWidth,height:e.clientHeight})},timeSinceLastFrame:r}),m={top:o.top?p.top:0,left:o.left?p.left:0};0===m.top&&0===m.left||l.scrollBy(m);break}}}catch(v){u.e(v)}finally{u.f()}}({input:t,source:o,entries:a(),timeSinceLastFrame:r,available:i})}function Jt(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,r)}return n}var Zt=function(e){var t=e.monitor,n=new Map,r=new Set;function o(e){var t;return null!==(t=n.get(e))&&void 0!==t?t:null}function i(){return Array.from(r)}return Ct(t).onFrame((function(e){var t=e.latestArgs,n=e.underUsersPointer,r=e.timeSinceLastFrame;Vt({input:t.location.current.input,source:t.source,findEntry:o,underUsersPointer:n,timeSinceLastFrame:r,getWindowScrollEntries:i})})),{autoScroll:function(e){if("production"!==process.env.NODE_ENV){var t=window.getComputedStyle(e.element),r=t.overflowX,o=t.overflowY;"auto"===r||"scroll"===r||"auto"===o||"scroll"===o||console.warn("Auto scrolling has been attached to an element that appears not to be scrollable",{element:e.element,overflowX:r,overflowY:o})}if("production"!==process.env.NODE_ENV){var a=n.get(e.element);a&&console.warn("You have already registered autoScrolling on the same element",{existing:a,proposed:e})}return n.set(e.element,e),Ne(((i=e.element).setAttribute(Et,"true"),function(){return i.removeAttribute(Et)}),(function(){return n.delete(e.element)}));var i},autoScrollWindow:function(){var e=function(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?Jt(Object(n),!0).forEach((function(t){a(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):Jt(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}({},arguments.length>0&&void 0!==arguments[0]?arguments[0]:{});return r.add(e),function(){return r.delete(e)}}}}({monitor:tt}).autoScroll;const Qt=e=>"card"===e.type,en=e=>"column"===e.type,tn={type:"idle"},nn=n=>{const{index:r,data:o,items:a,onColumnClick:i,renderColumnHeader:l,renderColumnWrapper:c,renderColumnFooter:u,columnWrapperStyle:s,columnHeaderStyle:d,onColumnDndStateChange:f,columnWrapperClassName:g,columnHeaderClassName:p,columnListContentClassName:m,columnClassName:v,columnStyle:h,renderColumnAdder:y,...x}=n,{headerRef:w,outerFullHeightRef:S,innerRef:O,state:E,cardOverShadowCount:j}=((t,n,r,o)=>{lt();const a=e.useRef(null),i=e.useRef(null),l=e.useRef(null),[c,u]=e.useState(tn),s="is-card-over"!==c.type||c.isOverChildCard?0:1,d=t.totalChildrenCount+s,f=e.useCallback((({data:e,location:t})=>{const n=t.current.dropTargets[0],r=Boolean(null==n?void 0:n.data["card-drop-target"]),o={type:"is-card-over",dragging:e.rect,isOverChildCard:r};u(o)}),[]),g=e.useCallback((({location:e,nativeSetDragImage:t})=>{ot({nativeSetDragImage:t,getOffset:at({element:a.current,input:e.current.input}),render({container:e}){const t=l.current.getBoundingClientRect(),n=l.current.cloneNode(!0);n&&(n.style.width=`${t.width}px`,n.style.height=`${t.height}px`,n.style.transform="rotate(4deg)",e.appendChild(n))}})}),[]),p=e.useCallback((()=>{u({type:"is-dragging"})}),[]),m=e.useCallback((()=>{u(tn)}),[]),v=e.useCallback((({source:e,location:n})=>{Qt(e.data)?f({data:e.data,location:n}):en(e.data)&&e.data.columnId!==t.id&&u({type:"is-column-over"})}),[t.id,f]),h=e.useCallback((({source:e,location:t})=>{Qt(e.data)&&f({data:e.data,location:t})}),[f]),y=e.useCallback((({source:e})=>{en(e.data)&&e.data.columnId===t.id||u(tn)}),[t.id]),x=e.useCallback((({source:e})=>"card"===e.data.type||"column"===e.data.type),[]),w=e.useCallback((({source:e})=>"card"===e.data.type),[]),S=e.useCallback((()=>({maxScrollSpeed:"standard"})),[]);return e.useEffect((()=>{if(!i.current||!l.current||!a.current)return void console.warn("not ready");const e=i.current.querySelector(`.${b("column-content-list")}`),r={type:"column",columnId:t.id,column:t,index:n};return Ne(nt({element:a.current,getInitialData:()=>r,onGenerateDragPreview:g,onDragStart:p,onDrop:m,canDrag:()=>!1}),et({element:i.current,getData:()=>r,canDrop:x,getIsSticky:()=>!0,onDragStart:({source:e,location:t})=>{Qt(e.data)&&f({data:e.data,location:t})},onDragEnter:v,onDropTargetChange:h,onDragLeave:y,onDrop:m}),Zt({canScroll:w,getConfiguration:S,element:e}))}),[t,n,null==r?void 0:r.length,g,p,m,x,f,v,h,y,w,S]),e.useEffect((()=>{null==o||o({state:c,column:t})}),[c,o]),{headerRef:a,outerFullHeightRef:i,innerRef:l,state:c,cardOverShadowCount:s,totalTasksCount:d}})(o,r,a,f),T=D(b("column-outer"),null==g?void 0:g(o));return t.jsx("div",{onClick:e=>null==i?void 0:i(e,o),children:(I=t.jsx("div",{className:D(b("column"),null==v?void 0:v(o)),ref:O,style:null==h?void 0:h(o),children:t.jsxs("div",{className:b("column-wrapper"),children:[t.jsx(C,{renderColumnHeader:l,columnHeaderStyle:d,columnHeaderClassName:null==p?void 0:p(o),data:o,ref:w}),t.jsx(xt,{items:a,column:o,columnListContentClassName:null==m?void 0:m(o),cardOverHeight:j?E.dragging.height:null,cardOverShadowCount:j,...x}),null==u?void 0:u(o)]})}),c?c(o,{children:I,className:T,style:null==s?void 0:s(o),ref:S}):t.jsx("div",{className:T,ref:S,style:null==s?void 0:s(o),children:I}))});var I};var rn,on=function(e){return function(t){return e===t}},an=on("scroll"),ln=on("auto"),cn=function(e,t){return t(e.overflowX)||t(e.overflowY)},un=function(e){return e?e===document.body||e===document.documentElement?null:function(e){var t=window.getComputedStyle(e),n={overflowX:t.overflowX,overflowY:t.overflowY};return cn(n,an)||cn(n,ln)}(e)?e:un(e.parentElement):null},sn=function(e){var t=e.top,n=e.right,r=e.bottom,o=e.left;return{top:t,right:n,bottom:r,left:o,width:n-o,height:r-t,x:o,y:t,center:{x:(n+o)/2,y:(r+t)/2}}},dn={x:0,y:0},fn=function(e){return function(t){return{x:e(t.x),y:e(t.y)}}},gn=function(e,t){return e.x===t.x&&e.y===t.y},pn=fn((function(e){return 0===e?0:e>0?1:-1})),mn=(rn=function(e,t){return e<0?e:e>t?e-t:0},function(e){var t,n,r=e.current,o=e.max,a=e.change,i=(n=a,{x:(t=r).x+n.x,y:t.y+n.y}),l={x:rn(i.x,o.x),y:rn(i.y,o.y)};return gn(l,dn)?null:l}),vn=function(e){var t=e.max,n=e.current,r=e.change,o={x:Math.max(n.x,t.x),y:Math.max(n.y,t.y)},a=pn(r),i=mn({max:o,current:n,change:a});return!i||(0!==a.x&&0===i.x||0!==a.y&&0===i.y)},hn={direction:"vertical",start:"top",end:"bottom",size:"height",scrollAxis:"scrollTop"},yn={direction:"horizontal",start:"left",end:"right",size:"width",scrollAxis:"scrollLeft"};const bn={startFromPercentage:.25,maxScrollAtPercentage:.05,maxPixelScroll:28,ease:function(e){return Math.pow(e,2)},durationDampening:{stopDampeningAt:1200,accelerateAt:360}};const xn=function(e,t){return{startScrollingFrom:e[t.size]*bn.startFromPercentage,maxScrollValueAt:e[t.size]*bn.maxScrollAtPercentage}};var wn=function(e){var t=e.startOfRange,n=e.endOfRange,r=e.current,o=n-t;return 0===o?0:(r-t)/o},Sn=bn.durationDampening.accelerateAt,On=bn.durationDampening.stopDampeningAt;const Dn=function(e){var t=e.distanceToEdge,n=e.thresholds,r=e.dragStartTime,o=e.shouldUseTimeDampening,a=function(e,t){if(e>t.startScrollingFrom)return 0;if(e<=t.maxScrollValueAt)return bn.maxPixelScroll;if(e===t.startScrollingFrom)return 1;var n=1-wn({startOfRange:t.maxScrollValueAt,endOfRange:t.startScrollingFrom,current:e}),r=bn.maxPixelScroll*bn.ease(n);return Math.ceil(r)}(t,n);return 0===a?0:o?Math.max(function(e,t){var n=t,r=On,o=Date.now()-n;if(o>=On)return e;if(o<Sn)return 1;var a=wn({startOfRange:Sn,endOfRange:r,current:o}),i=e*bn.ease(a);return Math.ceil(i)}(a,r),1):a},Cn=function(e){var t=e.container,n=e.distanceToEdges,r=e.dragStartTime,o=e.axis,a=e.shouldUseTimeDampening,i=xn(t,o);return n[o.end]<n[o.start]?Dn({distanceToEdge:n[o.end],thresholds:i,dragStartTime:r,shouldUseTimeDampening:a}):-1*Dn({distanceToEdge:n[o.start],thresholds:i,dragStartTime:r,shouldUseTimeDampening:a})};var En=fn((function(e){return 0===e?0:e}));const jn=function(e){var t=e.dragStartTime,n=e.container,r=e.center,o=e.shouldUseTimeDampening,a={top:r.y-n.top,right:n.right-r.x,bottom:n.bottom-r.y,left:r.x-n.left},i=Cn({container:n,distanceToEdges:a,dragStartTime:t,axis:hn,shouldUseTimeDampening:o}),l=Cn({container:n,distanceToEdges:a,dragStartTime:t,axis:yn,shouldUseTimeDampening:o}),c=En({x:l,y:i});return gn(c,dn)?null:c},Tn=function(e){var t=e.scrollable,n=e.center,r=e.dragStartTime,o=e.shouldUseTimeDampening,a=jn({dragStartTime:r,container:t.container,center:n,shouldUseTimeDampening:o});return a&&function(e,t){return vn({current:e.scroll.current,max:e.scroll.max,change:t})}(t,a)?a:null},In=function(e){var t=e.viewport,n=e.center,r=e.dragStartTime,o=e.shouldUseTimeDampening,a=jn({dragStartTime:r,container:t.container,center:n,shouldUseTimeDampening:o});return a&&function(e,t){return vn({current:e.scroll.current,max:e.scroll.max,change:t})}(t,a)?a:null},An=function(){var e=document.documentElement;return function(e){var t,n,r=e.scrollHeight,o=e.scrollWidth,a=e.height,i=e.width,l={x:(t={x:o,y:r}).x-(n={x:i,y:a}).x,y:t.y-n.y};return{x:Math.max(0,l.x),y:Math.max(0,l.y)}}({scrollHeight:e.scrollHeight,scrollWidth:e.scrollWidth,width:e.clientWidth,height:e.clientHeight})},Pn=function(){var e={x:window.pageXOffset,y:window.pageYOffset},t=An(),n=e.y,r=e.x,o=document.documentElement,a=o.clientWidth,i=o.clientHeight;return{container:sn({top:n,left:r,right:r+a,bottom:n+i}),scroll:{current:e,max:t}}};var kn=function(e){var t=e.input,n=e.dragStartTime,r=e.shouldUseTimeDampening,o=e.scrollElement,a=e.scrollWindow,i=e.behavior,l=function(){var e=Pn(),o=In({dragStartTime:n,viewport:e,center:{x:t.clientX+e.scroll.current.x,y:t.clientY+e.scroll.current.y},shouldUseTimeDampening:r});return!!o&&(a(o),!0)},c=function(){var e=ge({x:t.clientX,y:t.clientY}),a=un(e);if(!a)return!1;var i=function(e){var t=e.closestScrollable,n=t.getBoundingClientRect(),r={x:t.scrollLeft,y:t.scrollTop};return{container:sn(n),scroll:{current:r,max:{x:t.scrollWidth-t.clientWidth,y:t.scrollHeight-t.clientHeight}}}}({closestScrollable:a}),l=Tn({dragStartTime:n,scrollable:i,center:{x:t.clientX,y:t.clientY},shouldUseTimeDampening:r});return!!l&&(o(a,l),!0)};"container-only"===i&&c(),"window-only"===i&&l(),"container-then-window"===i&&(c()||l()),"window-then-container"===i&&(l()||c())},Rn=function(e,t){e.scrollBy(t.x,t.y)},Mn=function(e){window.scrollBy(e.x,e.y)},Fn=function(){var e=null;function t(t){null!=e&&kn({input:e.latestInput,dragStartTime:e.dragStartTime,shouldUseTimeDampening:e.shouldUseTimeDampening,behavior:e.behavior,scrollElement:null!=t?t:Rn,scrollWindow:null!=t?t:Mn})}function n(){e&&(e.loopFrameId=requestAnimationFrame((function(){t(),n()})))}return{start:function(r){var o=r.input,a=r.behavior,i=void 0===a?"window-then-container":a,l=Date.now();e={dragStartTime:l,latestInput:o,loopFrameId:null,shouldUseTimeDampening:!1,behavior:i};t((function(){e&&(e.shouldUseTimeDampening=!0)})),n()},updateInput:function(t){var n=t.input;e&&(e.latestInput=n)},stop:function(){e&&(e.loopFrameId&&cancelAnimationFrame(e.loopFrameId),e=null)}}}();const Nn=e=>e&&"function"!=typeof e?t=>{e.current=t}:e;function Ln(e,t){const n=Nn(e),r=Nn(t);return e=>{"function"==typeof n&&n(e),"function"==typeof r&&r(e)}}const Hn=e=>{const{viewOnly:t=!1,virtualization:n=!0,cardsGap:r=8,allowColumnAdder:o=!0,allowListFooter:a}=e;return{viewOnly:t,virtualization:n,cardsGap:r,allowColumnAdder:o,allowListFooter:a}},Wn=({renderColumnAdder:e})=>{const{allowColumnAdder:n=!0}=lt();return n?t.jsx("div",{className:b("column-adder"),children:null==e?void 0:e()}):null},zn=e.forwardRef(((n,r)=>{const{dataSource:o,rootStyle:a={},rootClassName:i,onColumnMove:l,onCardMove:c,renderColumnWrapper:u,renderColumnAdder:d,...f}=n,g=(e=>{var t;return(null==e?void 0:e.root)&&(null==(t=e.root.children)?void 0:t.map((t=>e[t])))||[]})(o),p=e.useRef(null);e.useEffect((()=>{if(p.current)return Ne(tt({onDragStart({location:e}){Fn.start({input:e.current.input})},onDrag({location:e}){Fn.updateInput({input:e.current.input})},onDrop(e){Fn.stop(),(({source:e,location:t,columns:n,dataSource:r,onCardMove:o,onColumnMove:a})=>{if(v(e.data)){if(!a)return;const r=e.data.columnId,o=t.current.dropTargets[0];if(!o)return;const i=o.data;if(v(i)){const e=i.columnId,t=n.findIndex((t=>t.id===e));if(-1===t)return;if(r===e)return;null==a||a({columnId:r,fromIndex:n.findIndex((e=>e.id===r)),toIndex:t})}return}if("card"!==(null==(i=e.data)?void 0:i.type))return;var i;const l=e.data.itemId,c=e.data.columnId,u=t.current.dropTargets[0];if(!u)return;const d=u.data;if(d["card-drop-target"]){const e=d.columnId,t=d.itemId,n=s(d),a=r[c],i=r[e];if(!a||!i)return;if(c===e){const a=h(e,r),i=a.findIndex((e=>e.id===l)),u=a.findIndex((e=>e.id===t));if(-1===i||-1===u)return;if(i===u)return;const s=m({axis:"vertical",list:a,startIndex:i,indexOfTarget:u,closestEdgeOfTarget:n}),d=s.findIndex((e=>e.id===l)),f=d>0?s[d-1]:null,g=d<s.length-1?s[d+1]:null;o&&o({cardId:l,fromColumnId:c,toColumnId:e,taskAbove:null==f?void 0:f.id,taskBelow:null==g?void 0:g.id,position:d})}else{const a=h(e,r),i=a.findIndex((e=>e.id===t));if(-1===i)return;const u="bottom"===n?i+1:i,s=h(c,r).find((e=>e.id===l));if(!s)return;const d=[...a];d.splice(u,0,s);const f=m({axis:"vertical",list:d,startIndex:u,indexOfTarget:u,closestEdgeOfTarget:n}),g=f.findIndex((e=>e.id===l)),p=g>0?f[g-1]:null,v=g<f.length-1?f[g+1]:null;o&&o({cardId:l,fromColumnId:c,toColumnId:e,taskAbove:null==p?void 0:p.id,taskBelow:null==v?void 0:v.id,position:g})}}else if(v(d)){const e=d.columnId,t=h(e,r),n=t.length>0?t[t.length-1]:null;o&&o({cardId:l,fromColumnId:c,toColumnId:e,taskAbove:null==n?void 0:n.id,taskBelow:null,position:t.length})}})({source:{id:e.source.id||"",data:e.source.data},location:{current:{dropTargets:e.location.current.dropTargets}},columns:g,dataSource:o,onCardMove:c,onColumnMove:l})}}),Zt({element:p.current,canScroll:()=>!0,getConfiguration:()=>({maxScrollSpeed:"standard"})}))}),[g,o,c,l]);const x=D(b("board"),i);return t.jsx(ct,{...Hn(n),children:t.jsxs("div",{ref:Ln(r,p),className:x,style:a,children:[null==g?void 0:g.map(((e,n)=>t.jsx(nn,{index:n,data:e,items:y(e,o),renderColumnWrapper:u,...f},e.id))),t.jsx(Wn,{renderColumnAdder:d})]})})}));exports.Kanban=zn,exports.dropColumnHandler=(e,t)=>{var n;const{columnId:r,position:o}=e,a={...t},i=[...(null==(n=a.root)?void 0:n.children)||[]],l=i.indexOf(r);return-1===l||(i.splice(l,1),i.splice(o,0,r),a.root&&(a.root.children=i)),a},exports.dropHandler=(e,t,n,r,o)=>{var a,i,l,c,u,s,d;const{cardId:f,fromColumnId:g,toColumnId:p,taskAbove:m,taskBelow:v}=e,h={...t};(null==(a=h[g])?void 0:a.children)&&(h[g].children=h[g].children.filter((e=>e!==f)),void 0!==(null==(i=h[g])?void 0:i.totalItems)&&h[g].totalItems>0&&h[g].totalItems--),o&&h[g]&&(h[g]=o(h[g]));const y=(null==(l=h[p])?void 0:l.children)||[];let b=0;m?b=y.indexOf(m)+1:v&&(b=y.indexOf(v));const x=y.includes(f);if(void 0===(null==(c=h[p])?void 0:c.totalItems)||x||h[p].totalItems++,n&&h[f]){const e=null==n?void 0:n(h[p],h[f]);h[f]=e||h[f]}return(null==(u=h[p])?void 0:u.children)&&(h[p].children=null==(d=null==(s=h[p])?void 0:s.children)?void 0:d.filter((e=>e!==f)),h[p].children.splice(b,0,f)),r&&h[p]&&(h[p]=r(h[p])),h};
//# sourceMappingURL=index.cjs.js.map