UNPKG

54.3 kBJavaScriptView Raw
1!function(e,t){"object"==typeof exports&&"undefined"!=typeof module?t(exports,require("react"),require("classnames"),require("prop-types"),require("react-dom")):"function"==typeof define&&define.amd?define(["exports","react","classnames","prop-types","react-dom"],t):t((e="undefined"!=typeof globalThis?globalThis:e||self).Webrix={},e.React,e.classNames,e.PropTypes,e.ReactDOM)}(this,(function(e,t,r,n,o){"use strict";function c(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var a=c(t),i=c(r),l=c(o);function u(){return u=Object.assign||function(e){for(var t=1;t<arguments.length;t++){var r=arguments[t];for(var n in r)Object.prototype.hasOwnProperty.call(r,n)&&(e[n]=r[n])}return e},u.apply(this,arguments)}function s(e,t,r){return t in e?Object.defineProperty(e,t,{value:r,enumerable:!0,configurable:!0,writable:!0}):e[t]=r,e}function f(e,t){(null==t||t>e.length)&&(t=e.length);for(var r=0,n=new Array(t);r<t;r++)n[r]=e[r];return n}function p(e,t){if(e){if("string"==typeof e)return f(e,t);var r=Object.prototype.toString.call(e).slice(8,-1);return"Object"===r&&e.constructor&&(r=e.constructor.name),"Map"===r||"Set"===r?Array.from(e):"Arguments"===r||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(r)?f(e,t):void 0}}function d(e,t){return function(e){if(Array.isArray(e))return e}(e)||function(e,t){var r=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=r){var n,o,c=[],a=!0,i=!1;try{for(r=r.call(e);!(a=(n=r.next()).done)&&(c.push(n.value),!t||c.length!==t);a=!0);}catch(e){i=!0,o=e}finally{try{a||null==r.return||r.return()}finally{if(i)throw o}}return c}}(e,t)||p(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 h(e,t){if(null==e)return{};var r,n,o=function(e,t){if(null==e)return{};var r,n,o={},c=Object.keys(e);for(n=0;n<c.length;n++)r=c[n],t.indexOf(r)>=0||(o[r]=e[r]);return o}(e,t);if(Object.getOwnPropertySymbols){var c=Object.getOwnPropertySymbols(e);for(n=0;n<c.length;n++)r=c[n],t.indexOf(r)>=0||Object.prototype.propertyIsEnumerable.call(e,r)&&(o[r]=e[r])}return o}var b=function(){return null},v={expanded:n.bool,onTransitionEnd:n.func,children:n.node.isRequired},m={expanded:!1,onTransitionEnd:b};function g(e,t){void 0===t&&(t={});var r=t.insertAt;if(e&&"undefined"!=typeof document){var n=document.head||document.getElementsByTagName("head")[0],o=document.createElement("style");o.type="text/css","top"===r&&n.firstChild?n.insertBefore(o,n.firstChild):n.appendChild(o),o.styleSheet?o.styleSheet.cssText=e:o.appendChild(document.createTextNode(e))}}g(".collapsible{--duration:300ms;--delay:calc(var(--duration)*0.5);--expanded:initial;display:flex;flex-direction:column;justify-content:center;overflow:hidden}.collapsible>.content-wrapper{opacity:var(--expanded,0);overflow:hidden;transform:var(--expanded,translateX(-40px));transition:height calc(var(--duration)*.75) cubic-bezier(.7,0,.3,1) calc(var(--delay)*(var(--expanded, 2) - 1)),opacity calc(var(--duration)*.5) ease-out calc(var(--delay)*var(--expanded, 0)),transform calc(var(--duration)*1) ease-out}.collapsible.expanded,.collapsible.expanding{--expanded:1}");var y=["expanded","children","onTransitionEnd"];function O(e,t){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);t&&(n=n.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),r.push.apply(r,n)}return r}function w(e){for(var t=1;t<arguments.length;t++){var r=null!=arguments[t]?arguments[t]:{};t%2?O(Object(r),!0).forEach((function(t){s(e,t,r[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(r)):O(Object(r)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(r,t))}))}return e}var x=function(e){var r=e.expanded,n=e.children,o=e.onTransitionEnd,c=h(e,y),l=d(t.useState({motion:"",height:r?"auto":0}),2),s=l[0],f=s.motion,p=s.height,b=l[1],v=!!a.default.Children.count(n),m=t.useRef(),g=t.useRef(),O=t.useCallback((function(e){"transform"===e.propertyName&&(b((function(e){return w(w({},e),{},{motion:"",height:e.height?"auto":0})})),o(e))}),[o]);return t.useEffect((function(){g.current&&b({height:m.current.clientHeight,motion:r?"expanding":"collapsing"}),g.current=!0}),[r]),t.useEffect((function(){document.body.scrollTop,"collapsing"===f&&b((function(e){return w(w({},e),{},{height:0})}))}),[f]),a.default.createElement("div",u({},c,{className:i.default("collapsible",f,{expanded:r&&!f},c.className)}),v&&a.default.createElement("div",{className:"content-wrapper",onTransitionEnd:O,style:{height:p}},a.default.createElement("div",{className:"content",ref:m},n)))};function j(e,t){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);t&&(n=n.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),r.push.apply(r,n)}return r}function P(e){for(var t=1;t<arguments.length;t++){var r=null!=arguments[t]?arguments[t]:{};t%2?j(Object(r),!0).forEach((function(t){s(e,t,r[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(r)):j(Object(r)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(r,t))}))}return e}x.propTypes=v,x.defaultProps=m;var z={onBeginMove:n.func,onMove:n.func,onEndMove:n.func},E={onBeginMove:b,onMove:b,onEndMove:b};g(".movable{touch-action:none;user-select:none}");var R=["onBeginMove","onMove","onEndMove"],M=t.forwardRef((function(e,t){var r=e.onBeginMove,n=e.onMove,o=e.onEndMove,c=h(e,R),l=function(e,t,r){var n={},o={},c=function(e){return P(P({},e),{},{cx:e.x-o.x,cy:e.y-o.y,dx:e.x-n.x,dy:e.y-n.y})};return{start:function(t){n={x:t.x,y:t.y},o=P({},n),e(c(t))},move:function(e){t(c(e)),o={x:e.x,y:e.y}},end:function(e){r(c(e))}}}(r,n,o),s=function(e){var t=function(e){return{x:e.clientX,y:e.clientY,target:e.target,stopPropagation:function(){return e.stopPropagation()},preventDefault:function(){return e.preventDefault()}}},r=function(r){e.move(t(r))},n=function n(o){document.removeEventListener("mousemove",r),document.removeEventListener("mouseup",n),e.end(t(o))};return function(o){document.addEventListener("mousemove",r),document.addEventListener("mouseup",n),e.start(t(o))}}(l),f=function(e){var t=function(e){return{x:e.changedTouches[0].clientX,y:e.changedTouches[0].clientY,target:e.changedTouches[0].target,stopPropagation:function(){return e.stopPropagation()},preventDefault:function(){return e.preventDefault()}}},r=function(r){e.move(t(r))},n=function n(o){document.removeEventListener("touchmove",r),document.removeEventListener("touchend",n),e.end(t(o))};return function(o){o.preventDefault(),document.addEventListener("touchmove",r),document.addEventListener("touchend",n),e.start(t(o))}}(l);return a.default.createElement("div",u({},c,{ref:t,onMouseDown:s,onTouchStart:f,className:i.default("movable",c.className)}))}));M.displayName="Movable",M.propTypes=z,M.defaultProps=E;var k=t.memo(M),T=function(e,t,r){var n=arguments.length>3&&void 0!==arguments[3]&&arguments[3];if(n){if(e>r)return t;if(e<t)return r}return Math.min(Math.max(e,t),r)},S=function(e,t,r,n,o){return(e-t)/(r-t)*(o-n)+n},C=function(e,t){return Math.round(e/t)*t},D=function(e,t){return Math.round(e*Math.pow(10,t))/Math.pow(10,t)},B=Object.freeze({__proto__:null,clamp:T,map:S,interval:C,decimals:D}),N="object",_="array",L="undefined",A="string",H=function(e){return Object.prototype.toString.call(e).slice(8,-1).toLowerCase()},W=function(e){for(var t=arguments.length,r=new Array(t>1?t-1:0),n=1;n<t;n++)r[n-1]=arguments[n];return r.includes(H(e))},I=function(e){return W(e,N)},V=function(e){return W(e,_)},U=function(e){return W(e,L)},F=function(e){return W(e,A)},q=function(e,t){var r=arguments.length>2&&void 0!==arguments[2]?arguments[2]:void 0,n=arguments.length>3&&void 0!==arguments[3]&&arguments[3],o=t.replace(/]/g,"").split(/[.[]/).filter((function(e){return""!==e})),c=t.replace(/]/g,"").split(/[^.[]+/).filter((function(e){return""!==e}));t.startsWith("[")&&c.shift();var a=e;return o.forEach((function(e,t){t<o.length-1?(Object.prototype.hasOwnProperty.call(a,e)||(a[e]="."===c[t]?{}:[]),a=a[e]):U(r)&&n?delete a[e]:a[e]=r})),e},X={SHALLOW:function(e,t){return e===t},DEEP:function(e,t){var r=arguments.length>2&&void 0!==arguments[2]?arguments[2]:[];return!!r.includes(e)||(e instanceof Object&&r.push(e),Y(e,t,(function(e,t){return X.DEEP(e,t,r)})))}},Y=function(e,t){var r=arguments.length>2&&void 0!==arguments[2]?arguments[2]:X.DEEP;return e===t||H(e)===H(t)&&(I(e)&&Object.keys(e).length===Object.keys(t).length?Object.keys(e).every((function(n){return r(e[n],t[n])})):!(!V(e)||e.length!==t.length)&&e.every((function(n,o){return r(e[o],t[o])})))},$=function e(t){return Object.keys(t).reduce((function(r,n){return r[n]=I(t[n])||V(t[n])?e(t[n]):t[n],r}),V(t)?[]:{})},G=function(e){for(var t=arguments.length,r=new Array(t>1?t-1:0),n=1;n<t;n++)r[n-1]=arguments[n];return r.length?r.filter((function(e){return F(e)})).reduce((function(e,t){return q(e,t,void 0,!0)}),$(e)):e};function J(e,t){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);t&&(n=n.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),r.push.apply(r,n)}return r}var K=function(e){return function(e){for(var t=1;t<arguments.length;t++){var r=null!=arguments[t]?arguments[t]:{};t%2?J(Object(r),!0).forEach((function(t){s(e,t,r[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(r)):J(Object(r)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(r,t))}))}return e}({onBeginMove:b,onMove:b,onEndMove:b},e)},Q=function(e){return function(t,r){Y(r.prev,r.next)||(e(r.next),r.prev=r.next)}},Z=Object.freeze({__proto__:null,createOperation:K,move:function(e){return K({onBeginMove:function(t,r){var n=e.current.getBoundingClientRect(),o=n.top,c=n.left;r.next={top:o,left:c},r.initial={top:o,left:c}},onMove:function(e,t){var r=e.dx,n=e.dy,o=t.initial,c=o.left,a=o.top;t.next={left:c+r,top:a+n}}})},trackpad:function(e){return K({onBeginMove:function(t,r){var n=t.x,o=t.y;r.initial=e.current.getBoundingClientRect(),r.next={left:n-r.initial.left,top:o-r.initial.top},r.bounds={top:0,left:0,right:r.initial.width,bottom:r.initial.height}},onMove:function(e,t){var r=e.x,n=e.y,o=t.bounds,c=t.initial;t.next={left:T(r-c.left,o.left,o.right),top:T(n-c.top,o.top,o.bottom)}}})},contain:function(e,t){return K({onBeginMove:function(r,n){var o=e.current.getBoundingClientRect(),c=o.width,a=o.height;n.bounds=t.current.getBoundingClientRect(),n.size={width:c,height:a}},onMove:function(e,t){var r=t.bounds,n=t.next,o=t.size;t.next={left:T(n.left,r.left,r.right-o.width),top:T(n.top,r.top,r.bottom-o.height)}}})},snap:function(e,t){var r=arguments.length>2&&void 0!==arguments[2]?arguments[2]:1;return K({onMove:function(n,o){var c=o.next,a=c.top,i=c.left,l=Math.round(i/e)*e,u=Math.round(a/t)*t,s=Math.abs(i-l),f=Math.abs(a-u);o.next={left:s<=r*e/2?l:i,top:f<=r*t/2?u:a}}})},transform:function(){for(var e=arguments.length,t=new Array(e),r=0;r<e;r++)t[r]=arguments[r];return K({onBeginMove:function(e,r){return r.next=t.reduce((function(e,t){return t(e)}),r.next)},onMove:function(e,r){return r.next=t.reduce((function(e,t){return t(e)}),r.next)}})},update:function(e){return K({onBeginMove:Q(e),onMove:Q(e),onEndMove:Q(e)})},relative:function(e){return K({onBeginMove:function(t,r){var n=e.current.getBoundingClientRect();r.reference=n,r.next={left:Math.round(r.next.left-n.left),top:Math.round(r.next.top-n.top)}},onMove:function(e,t){var r=t.reference,n=t.next;t.next={left:Math.round(n.left-r.left),top:Math.round(n.top-r.top)}}})}}),ee=function(){for(var e=arguments.length,t=new Array(e),r=0;r<e;r++)t[r]=arguments[r];return function(e){return S.apply(B,[e].concat(t))}},te=Object.freeze({__proto__:null,map:ee,clamp:function(){for(var e=arguments.length,t=new Array(e),r=0;r<e;r++)t[r]=arguments[r];return function(e){return T.apply(B,[e].concat(t))}},interval:function(){for(var e=arguments.length,t=new Array(e),r=0;r<e;r++)t[r]=arguments[r];return function(e){return C.apply(B,[e].concat(t))}},decimals:function(){for(var e=arguments.length,t=new Array(e),r=0;r<e;r++)t[r]=arguments[r];return function(e){return D.apply(B,[e].concat(t))}},angle:function(e){var t=e.center,r=t.x,n=t.y,o=e.angle,c=o.from,a=o.range,i=e.output,l=i.min,u=i.max;return function(e){var t=e.left,o=e.top,i=t-r,s=o-n,f=(Math.atan(s/i)+(i<0?Math.PI:0)+Math.PI/2)*(180/Math.PI);return(f=f-c+(f>=0&&f<c?360:0))>180+a/2&&(f=0),ee(0,a,l,u)(T(f,0,a))}}});k.useMove=function(e){var r=t.useRef({});return{onBeginMove:t.useCallback((function(t){e.forEach((function(e){return(0,e.onBeginMove)(t,r.current)}))}),[e]),onMove:t.useCallback((function(t){e.forEach((function(e){return(0,e.onMove)(t,r.current)}))}),[e]),onEndMove:t.useCallback((function(t){e.forEach((function(e){return(0,e.onEndMove)(t,r.current)}))}),[e])}},k.Operations=Z,k.Transformers=te;var re={onBeginResize:n.func,onResize:n.func,onEndResize:n.func,children:n.node},ne={onBeginResize:b,onResize:b,onEndResize:b,children:null};g(".resizable{height:20px;position:absolute;user-select:none;width:20px}.resizable.right-resizer{cursor:ew-resize;height:100%;right:-10px;top:0}.resizable.left-resizer{cursor:ew-resize;height:100%;left:-10px;top:0}.resizable.bottom-resizer{bottom:-10px;cursor:ns-resize;width:100%}.resizable.top-resizer{cursor:ns-resize;top:-10px;width:100%}.resizable.bottom-right-resizer{bottom:-10px;cursor:nwse-resize;right:-10px;z-index:1}.resizable.bottom-left-resizer{bottom:-10px;cursor:nesw-resize;left:-10px;z-index:1}.resizable.top-left-resizer{cursor:nwse-resize;left:-10px;top:-10px;z-index:1}.resizable.top-right-resizer{cursor:nesw-resize;right:-10px;top:-10px;z-index:1}");var oe=function(e){var t=e.onBeginResize,r=e.onResize,n=e.onEndResize,o=e.children;return a.default.Children.toArray(o).map((function(e){return a.default.cloneElement(e,{onBeginResize:t,onResize:r,onEndResize:n})}))};oe.displayName="Resizable",oe.propTypes=re,oe.defaultProps=ne;var ce=t.memo(oe);function ae(e,t){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);t&&(n=n.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),r.push.apply(r,n)}return r}function ie(e){for(var t=1;t<arguments.length;t++){var r=null!=arguments[t]?arguments[t]:{};t%2?ae(Object(r),!0).forEach((function(t){s(e,t,r[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(r)):ae(Object(r)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(r,t))}))}return e}var le={top:0,left:0,width:0,height:0},ue=function(e){var t=e.direction,r=e.onBeginResize,n=e.onResize,o=e.onEndResize;return a.default.createElement(k,{className:"resizable ".concat(t,"-resizer"),onBeginMove:r,onMove:n,onEndMove:o})};ue.propTypes=re;var se=t.memo((function(e){var r=e.onResize,n=t.useCallback((function(e){var t=e.dy,n=e.cy;return r({delta:ie(ie({},le),{},{top:t,height:-t}),change:ie(ie({},le),{},{top:n,height:-n})})}),[r]);return a.default.createElement(ue,u({},e,{onResize:n,direction:"top"}))}));se.propTypes=re,se.displayName="Resizable.Resizer.Top";var fe=t.memo((function(e){var r=e.onResize,n=t.useCallback((function(e){var t=e.dx,n=e.cx;return r({delta:ie(ie({},le),{},{left:t,width:-t}),change:ie(ie({},le),{},{left:n,width:-n})})}),[r]);return a.default.createElement(ue,u({},e,{onResize:n,direction:"left"}))}));fe.propTypes=re,fe.displayName="Resizable.Resizer.Left";var pe=t.memo((function(e){var r=e.onResize,n=t.useCallback((function(e){var t=e.dy,n=e.cy;return r({delta:ie(ie({},le),{},{height:t}),change:ie(ie({},le),{},{height:n})})}),[r]);return a.default.createElement(ue,u({},e,{onResize:n,direction:"bottom"}))}));pe.propTypes=re,pe.displayName="Resizable.Resizer.Bottom";var de=t.memo((function(e){var r=e.onResize,n=t.useCallback((function(e){var t=e.dx,n=e.cx;return r({delta:ie(ie({},le),{},{width:t}),change:ie(ie({},le),{},{width:n})})}),[r]);return a.default.createElement(ue,u({},e,{onResize:n,direction:"right"}))}));de.propTypes=re,de.displayName="Resizable.Resizer.Right";var he=t.memo((function(e){var r=e.onResize,n=t.useCallback((function(e){var t=e.dx,n=e.dy,o=e.cx,c=e.cy;return r({delta:{left:t,width:-t,top:n,height:-n},change:{left:o,width:-o,top:c,height:-c}})}),[r]);return a.default.createElement(ue,u({},e,{onResize:n,direction:"top-left"}))}));he.propTypes=re,he.displayName="Resizable.Resizer.TopLeft";var be=t.memo((function(e){var r=e.onResize,n=t.useCallback((function(e){var t=e.dx,n=e.dy,o=e.cx,c=e.cy;return r({delta:ie(ie({},le),{},{width:t,top:n,height:-n}),change:ie(ie({},le),{},{width:o,top:c,height:-c})})}),[r]);return a.default.createElement(ue,u({},e,{onResize:n,direction:"top-right"}))}));be.propTypes=re,be.displayName="Resizable.Resizer.TopRight";var ve=t.memo((function(e){var r=e.onResize,n=t.useCallback((function(e){var t=e.dx,n=e.dy,o=e.cx,c=e.cy;return r({delta:ie(ie({},le),{},{left:t,width:-t,height:n}),change:ie(ie({},le),{},{left:o,width:-o,height:c})})}),[r]);return a.default.createElement(ue,u({},e,{onResize:n,direction:"bottom-left"}))}));ve.propTypes=re,ve.displayName="Resizable.Resizer.BottomLeft";var me=t.memo((function(e){var r=e.onResize,n=t.useCallback((function(e){var t=e.dx,n=e.dy,o=e.cx,c=e.cy;return r({delta:ie(ie({},le),{},{width:t,height:n}),change:ie(ie({},le),{},{width:o,height:c})})}),[r]);return a.default.createElement(ue,u({},e,{onResize:n,direction:"bottom-right"}))}));me.propTypes=re,me.displayName="Resizable.Resizer.BottomRight";var ge=t.memo((function(e){return[se,fe,pe,de,he,be,ve,me].map((function(t,r){return a.default.createElement(t,u({key:r},e))}))}));ge.propTypes=re,ge.displayName="Resizable.Resizer.All";var ye={Top:se,Left:fe,Bottom:pe,Right:de,TopLeft:he,TopRight:be,BottomLeft:ve,BottomRight:me,All:ge};function Oe(e,t){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);t&&(n=n.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),r.push.apply(r,n)}return r}function we(e){for(var t=1;t<arguments.length;t++){var r=null!=arguments[t]?arguments[t]:{};t%2?Oe(Object(r),!0).forEach((function(t){s(e,t,r[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(r)):Oe(Object(r)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(r,t))}))}return e}var xe=function(e){return we({onBeginResize:b,onResize:b,onEndResize:b},e)},je=function(e){return function(t,r){Y(r.prev,r.next)||(e(r.next),r.prev=r.next)}},Pe=Object.freeze({__proto__:null,createOperation:xe,resize:function(e){return xe({onBeginResize:function(t,r){var n=e.current.getBoundingClientRect(),o=n.left,c=n.top,a=n.width,i=n.height;r.next={left:o,top:c,width:a,height:i},r.initial={left:o,top:c,width:a,height:i}},onResize:function(e,t){var r=e.delta,n=t.initial,o=n.left,c=n.top,a=n.width,i=n.height;t.next={width:Math.max(a+r.width,0),height:Math.max(i+r.height,0),left:o+r.left,top:c+r.top}}})},lock:function(){return xe({onResize:function(e,t){var r=e.delta,n=t.next,o=t.initial;0!==r.left?n.left=o.left+o.width-n.width:n.left=o.left,0!==r.top?n.top=o.top+o.height-n.height:n.top=o.top}})},contain:function(e){return xe({onBeginResize:function(t,r){r.max=e.current.getBoundingClientRect()},onResize:function(e,t){var r=e.delta,n=t.initial,o=t.next,c=t.max,a=T(o.width,0,0===r.left?c.left+c.width-n.left:n.left+n.width-c.left),i=T(o.height,0,0===r.top?c.top+c.height-n.top:n.top+n.height-c.top);t.next={left:c.left+a,top:c.top+i,width:a,height:i}}})},min:function(e,t){return xe({onResize:function(r,n){var o=n.next,c=o.width,a=o.height;n.next=we(we({},n.next),{},{width:Math.max(c,e),height:Math.max(a,t)})}})},max:function(e,t){return xe({onResize:function(r,n){var o=n.next,c=o.width,a=o.height;n.next=we(we({},n.next),{},{width:Math.min(c,e),height:Math.min(a,t)})}})},snap:function(e,t){var r=arguments.length>2&&void 0!==arguments[2]?arguments[2]:1;return xe({onResize:function(n,o){var c=o.next,a=c.width,i=c.height,l=Math.round(a/e)*e,u=Math.round(i/t)*t,s=Math.abs(a-l),f=Math.abs(i-u);o.next=we(we({},o.next),{},{width:s<=r*e/2?l:a,height:f<=r*t/2?u:i})}})},ratio:function(e){return xe({onResize:function(t,r){var n=r.next;n.width/n.height>e?n.height=n.width/e:n.width=n.height*e}})},update:function(e){return xe({onBeginResize:je(e),onResize:je(e),onEndResize:je(e)})},relative:function(e){return xe({onBeginResize:function(t,r){var n=e.current.getBoundingClientRect();r.reference=n,r.next=we(we({},r.next),{},{left:Math.round(r.next.left-n.left),top:Math.round(r.next.top-n.top)})},onResize:function(e,t){var r=t.reference,n=t.next;t.next=we(we({},t.next),{},{left:Math.round(n.left-r.left),top:Math.round(n.top-r.top)})}})}});function ze(e,t){for(var r=0;r<t.length;r++){var n=t[r];n.enumerable=n.enumerable||!1,n.configurable=!0,"value"in n&&(n.writable=!0),Object.defineProperty(e,n.key,n)}}function Ee(e){if(void 0===e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return e}function Re(e,t){return Re=Object.setPrototypeOf||function(e,t){return e.__proto__=t,e},Re(e,t)}function Me(e){return Me="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},Me(e)}function ke(e,t){if(t&&("object"===Me(t)||"function"==typeof t))return t;if(void 0!==t)throw new TypeError("Derived constructors may only return object or undefined");return Ee(e)}function Te(e){return Te=Object.setPrototypeOf?Object.getPrototypeOf:function(e){return e.__proto__||Object.getPrototypeOf(e)},Te(e)}function Se(e){return function(e){if(Array.isArray(e))return f(e)}(e)||function(e){if("undefined"!=typeof Symbol&&null!=e[Symbol.iterator]||null!=e["@@iterator"])return Array.from(e)}(e)||p(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.")}()}ce.Resizer=ye,ce.useResize=function(e){var r=t.useRef({});return{onBeginResize:t.useCallback((function(t){e.forEach((function(e){return(0,e.onBeginResize)(t,r.current)}))}),[e]),onResize:t.useCallback((function(t){e.forEach((function(e){return(0,e.onResize)(t,r.current)}))}),[e]),onEndResize:t.useCallback((function(t){e.forEach((function(e){return(0,e.onEndResize)(t,r.current)}))}),[e])}},ce.Operations=Pe;var Ce=function(e,t){return function(r){"function"==typeof e&&e(r),e&&Object.prototype.hasOwnProperty.call(e,"current")&&(e.current=r),t.current=r}},De=function(e,t){var r=arguments.length>2&&void 0!==arguments[2]&&arguments[2],n=a.default.Children.toArray(e).find((function(e){return e.type===t}));if(r&&!n)throw new Error("Could not find a child of type ".concat(t.displayName||t.name));return n},Be="undefined"==typeof window,Ne=Be?function(){}:window,_e=Be?function(){}:document,Le=Be?function(){}:window.ResizeObserver,Ae=Be?function(){}:window.DOMRect,He=Be?function(){}:window.Element,We=Be?function(){}:window.requestAnimationFrame.bind(window),Ie=Be?function(){}:window.cancelAnimationFrame.bind(window),Ve=function(e,t,r){var n=Math.max(1,e-t),o=Math.min(1,r/n);return D(o,Math.floor(Math.log10(n))+1)},Ue=function(e){return[e.left+e.width/2,e.top+e.height/2]},Fe=function(e,t){return["top","left","width","height"].every((function(r){return e[r]===t[r]}))},qe=function(e,t){return t.right>=e.left&&t.left<=e.right&&t.top<=e.bottom&&t.bottom>=e.top},Xe=function(e,t){if(qe(e,t)){var r=Math.max(e.left,t.left),n=Math.max(e.top,t.top),o=Math.min(e.right,t.right),c=Math.min(e.bottom,t.bottom);return new DOMRect(r,n,o-r,c-n)}},Ye=function(e){return e.width*e.height},$e=function(e){if(e.borderBoxSize){var t=Array.isArray(e.borderBoxSize)?e.borderBoxSize[0]:e.borderBoxSize;return{width:t.inlineSize,height:t.blockSize}}var r=e.target.getBoundingClientRect();return{width:r.width,height:r.height}},Ge=function(e){var r=e.children,n=e.onResize,o=a.default.Children.only(r),c=t.useRef(),i=t.useRef(new Le((function(e){n($e(e[0]))})));return t.useEffect((function(){var e=i.current;return e.observe(c.current),function(){return e.disconnect()}}),[]),a.default.cloneElement(o,{ref:Ce(o.ref,c)})};Ge.propTypes={children:n.node,onResize:n.func},Ge.defaultProps={children:null,onResize:b};var Je=t.createContext({container:{}}),Ke="--scrollable-vertical-ratio",Qe="--scrollable-horizontal-ratio",Ze="--scrollable-scroll-top",et="--scrollable-scroll-left",tt=function(e,t,r){return k.Operations.createOperation({onBeginMove:function(t,r){t.stopPropagation(),t.preventDefault(),r.initial=e.current.scrollTop},onMove:function(n,o){var c=n.dy,a=e.current,i=a.clientHeight,l=a.scrollHeight,u=t.current.clientHeight,s=r.current.clientHeight;e.current.scrollTop=o.initial+c*(l-i)/(s-u)}})};g(".scrollbar.vertically-scrollable .vertical-scrollbar-track{pointer-events:auto;visibility:visible}.scrollbar .vertical-scrollbar-track{height:100%;position:absolute;right:0;top:0;width:var(--scrollable-track-thickness,12px)}.scrollbar .vertical-scrollbar-track .scrollbar-thumb{--ratio:var(--scrollable-vertical-ratio,1);--thumb-size:max((var(--ratio)*100%),var(--scrollable-min-thumb-length,30px));box-sizing:border-box;height:var(--thumb-size);padding:var(--scrollable-thumb-offset);right:0;top:calc(var(--scrollable-scroll-top, 0)*(100% - var(--thumb-size)));width:100%}.scrollbar .vertical-scrollbar-track .scrollbar-thumb .scrollbar-thumb-inner{height:100%;width:var(--scrollable-thumb-thickness)}");var rt=function(){var e=t.useRef(),r=t.useRef(),n=t.useContext(Je),o=n.container,c=n.scrollTop,i=n.cssVarsOnTracks,l=k.useMove(t.useMemo((function(){return[tt(o,r,e)]}),[o]));return a.default.createElement("div",{className:"scrollbar-track vertical-scrollbar-track",style:i?s({},Ze,c):void 0,ref:e,onClick:function(t){if(t.stopPropagation(),!r.current.contains(t.target)){var n=e.current.getBoundingClientRect(),c=n.top,a=n.height,i=o.current.scrollHeight,l=(t.clientY-c)/a;o.current.style.scrollBehavior="smooth",o.current.scrollTop=l*i,o.current.style.scrollBehavior=""}}},a.default.createElement(k,u({className:"scrollbar-thumb",ref:r},l),a.default.createElement("div",{className:"scrollbar-thumb-inner"})))},nt=function(){return null};nt.displayName="Scrollbar.VerticalScrollbar";var ot=function(e,t,r){return k.Operations.createOperation({onBeginMove:function(t,r){t.stopPropagation(),t.preventDefault(),r.initial=e.current.scrollLeft},onMove:function(n,o){var c=n.dx,a=e.current,i=a.clientWidth,l=a.scrollWidth,u=t.current.clientWidth,s=r.current.clientWidth;e.current.scrollLeft=o.initial+c*(l-i)/(s-u)}})};g(".scrollbar.horizontally-scrollable .horizontal-scrollbar-track{pointer-events:auto;visibility:visible}.scrollbar .horizontal-scrollbar-track{bottom:0;height:var(--scrollable-track-thickness,12px);left:0;position:absolute;width:100%}.scrollbar .horizontal-scrollbar-track .scrollbar-thumb{--ratio:var(--scrollable-horizontal-ratio,1);--thumb-size:max((var(--ratio)*100%),var(--scrollable-min-thumb-length,30px));bottom:0;box-sizing:border-box;height:100%;left:calc(var(--scrollable-scroll-left, 0)*(100% - var(--thumb-size)));padding:var(--scrollable-thumb-offset);width:var(--thumb-size)}.scrollbar .horizontal-scrollbar-track .scrollbar-thumb .scrollbar-thumb-inner{height:var(--scrollable-thumb-thickness);width:100%}");var ct=function(){var e=t.useRef(),r=t.useRef(),n=t.useContext(Je),o=n.container,c=n.scrollLeft,i=n.cssVarsOnTracks,l=k.useMove(t.useMemo((function(){return[ot(o,r,e)]}),[o]));return a.default.createElement("div",{className:"scrollbar-track horizontal-scrollbar-track",style:i?s({},et,c):void 0,ref:e,onClick:function(t){if(t.stopPropagation(),!r.current.contains(t.target)){var n=e.current.getBoundingClientRect(),c=n.left,a=n.width,i=o.current.scrollWidth,l=(t.clientX-c)/a;o.current.style.scrollBehavior="smooth",o.current.scrollLeft=l*i,o.current.style.scrollBehavior=""}}},a.default.createElement(k,u({className:"scrollbar-thumb",ref:r},l),a.default.createElement("div",{className:"scrollbar-thumb-inner"})))},at=function(){return null};at.displayName="Scrollbar.HorizontalScrollbar";var it=function(e){return Math.min(e,70)/70};g(".scroll-shadow{pointer-events:none}");var lt=t.forwardRef((function(e,r){var n=e.children,o=a.default.Children.only(n),c=o.props.onUpdate,i=t.useRef(),l=t.useCallback((function(e){i.current.style.boxShadow=function(e){var t=e.scrollTop,r=e.scrollLeft,n=e.scrollHeight,o=e.scrollWidth,c=e.clientHeight,a=e.clientWidth,i=15*it(t),l=15*it(r),u=15*it(n-t-c),s=15*it(o-r-a),f="var(--shadow-color, ".concat("rgba(28, 34, 43, 0.08)",")");return"inset 0 ".concat(i/2,"px ").concat(i/4,"px ").concat(-i/4,"px ").concat(f,", inset 0 ").concat(2*i,"px ").concat(i,"px ").concat(-i,"px ").concat(f,",")+"inset ".concat(l/2,"px 0 ").concat(l/4,"px ").concat(-l/4,"px ").concat(f,", inset ").concat(2*l,"px 0 ").concat(l,"px ").concat(-l,"px ").concat(f,",")+"inset 0 -".concat(u/2,"px ").concat(u/4,"px ").concat(-u/4,"px ").concat(f,", inset 0 -").concat(2*u,"px ").concat(u,"px ").concat(-u,"px ").concat(f,",")+"inset -".concat(s/2,"px 0 ").concat(s/4,"px ").concat(-s/4,"px ").concat(f,", inset -").concat(2*s,"px 0 ").concat(s,"px ").concat(-s,"px ").concat(f)}(e),c(e)}),[c]);return a.default.createElement(a.default.Fragment,null,a.default.createElement("div",{className:"scroll-shadow",ref:Ce(r,i)}),a.default.cloneElement(o,{onUpdate:l}))}));lt.propTypes={children:n.node},lt.defaultProps={children:null},lt.displayName="Scrollbar.Shadow";var ut=t.memo(lt),st={style:n.shape({}),onScroll:n.func,onUpdate:n.func,scrollOnDOMChange:n.bool,children:n.node,element:n.node,cssVarsOnTracks:n.bool},ft={style:null,onScroll:b,onUpdate:b,scrollOnDOMChange:!0,children:null,element:a.default.createElement("div",null),cssVarsOnTracks:!1};function pt(e,t){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);t&&(n=n.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),r.push.apply(r,n)}return r}function dt(e){for(var t=1;t<arguments.length;t++){var r=null!=arguments[t]?arguments[t]:{};t%2?pt(Object(r),!0).forEach((function(t){s(e,t,r[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(r)):pt(Object(r)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(r,t))}))}return e}function ht(e){var t=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(e){return!1}}();return function(){var r,n=Te(e);if(t){var o=Te(this).constructor;r=Reflect.construct(n,arguments,o)}else r=n.apply(this,arguments);return ke(this,r)}}g(".scrollbar{--scrollable-track-thickness:12px;--scrollable-thumb-thickness:Calc(var(--scrollable-track-thickness)/2);--scrollable-thumb-offset:3px;display:flex;max-height:100%;max-width:100%;position:relative}.scrollbar:hover>.scrollbar-track .scrollbar-thumb .scrollbar-thumb-inner{opacity:1;transition-delay:0s}.scrollbar .scrollbar-inner{-ms-overflow-style:none;flex:1;overflow:auto;position:relative;scrollbar-width:none}.scrollbar .scrollbar-inner::-webkit-scrollbar{background:transparent;height:0;width:0}.scrollbar .scrollbar-track{pointer-events:none;visibility:hidden}.scrollbar .scrollbar-track .scrollbar-thumb{cursor:pointer;position:absolute}.scrollbar .scrollbar-track .scrollbar-thumb .scrollbar-thumb-inner{background-color:rgba(28,34,43,.6);border-radius:4px;opacity:0;transition:opacity .2s ease-out .5s}");var bt=function(e){!function(e,t){if("function"!=typeof t&&null!==t)throw new TypeError("Super expression must either be null or a function");e.prototype=Object.create(t&&t.prototype,{constructor:{value:e,writable:!0,configurable:!0}}),Object.defineProperty(e,"prototype",{writable:!1}),t&&Re(e,t)}(c,e);var t,r,n,o=ht(c);function c(e){var t;return function(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}(this,c),s(Ee(t=o.call(this,e)),"handleOnScroll",(function(e){var r=t.container.current;t.updateScrollbars(),t.props.onScroll(t.event.next),e.target===r&&(r.parentElement.classList.add("scrolling"),clearTimeout(t.timeout),t.timeout=setTimeout((function(){r.parentElement.classList.remove("scrolling")}),500))})),s(Ee(t),"getEvent",(function(){var e=t.container.current;if(!e)return{};var r=e.clientHeight,n=e.clientWidth,o=e.scrollTop,c=e.scrollLeft,a=e.scrollHeight,i=e.scrollWidth,l=Math.ceil(o),u=Math.ceil(c);return{top:Ve(a,r,l),left:Ve(i,n,u),scrollTop:l,scrollLeft:u,scrollHeight:a,scrollWidth:i,clientHeight:r,clientWidth:n}})),s(Ee(t),"updateScrollbars",(function(){var e=t.event.next=t.getEvent();if(t.shouldUpdateScrollbars(t.event)&&t.container.current){t.props.onUpdate(e);var r=t.container.current.parentElement,n=e.clientHeight/e.scrollHeight,o=e.clientWidth/e.scrollWidth;We((function(){r.classList.toggle("vertically-scrollable",n<1),r.classList.toggle("horizontally-scrollable",o<1),r.style.setProperty(Ke,n),r.style.setProperty(Qe,o),t.setState((function(t){return dt(dt({},t),{},{scrollTop:e.top,scrollLeft:e.left})})),t.props.cssVarsOnTracks||(r.style.setProperty(Ze,e.top),r.style.setProperty(et,e.left))}))}t.event.prev=e})),s(Ee(t),"getElementProps",(function(){var e=t.props.element;return{className:i.default("scrollbar-inner",e.props.className),ref:Ce(e.ref,t.container),onScroll:t.handleOnScroll}})),s(Ee(t),"handleOnTransitionEnd",(function(e){["height","width"].includes(e.propertyName)&&t.updateScrollbars()})),t.container=a.default.createRef(),t.event={prev:{},next:{}},t.state={cssVarsOnTracks:e.cssVarsOnTracks,scrollTop:0,scrollLeft:0,container:t.container},t}return t=c,(r=[{key:"getSnapshotBeforeUpdate",value:function(){var e=this.container.current;return{scrollTop:e.scrollTop,scrollLeft:e.scrollLeft}}},{key:"componentDidMount",value:function(){this.updateScrollbars()}},{key:"componentDidUpdate",value:function(e,t,r){var n=r.scrollTop,o=r.scrollLeft;this.props.scrollOnDOMChange||(this.container.current.scrollTop=n,this.container.current.scrollLeft=o),this.updateScrollbars()}},{key:"shouldUpdateScrollbars",value:function(e){var t=e.next,r=e.prev;return t.clientHeight!==r.clientHeight||t.scrollHeight!==r.scrollHeight||t.clientWidth!==r.clientWidth||t.scrollWidth!==r.scrollWidth||t.top!==r.top||t.left!==r.left}},{key:"render",value:function(){var e=this.props,t=e.children,r=e.style,n=e.element,o=De(t,nt),c=De(t,at),i=a.default.Children.toArray(t).filter((function(e){return![nt,at].includes(e.type)}));return a.default.createElement(Ge,{onResize:this.updateScrollbars},a.default.createElement("div",{className:"scrollbar",style:r,onTransitionEnd:this.handleOnTransitionEnd},a.default.cloneElement(n,this.getElementProps(),i),a.default.createElement(Je.Provider,{value:this.state},o?o.props.children:a.default.createElement(rt,null),c?c.props.children:a.default.createElement(ct,null))))}}])&&ze(t.prototype,r),n&&ze(t,n),Object.defineProperty(t,"prototype",{writable:!1}),c}(a.default.PureComponent);s(bt,"propTypes",st),s(bt,"defaultProps",ft),bt.VerticalScrollbar=nt,bt.VerticalScrollbar.Default=rt,bt.HorizontalScrollbar=at,bt.HorizontalScrollbar.Default=ct,bt.Context=Je,bt.Shadow=ut;var vt=a.default.createContext({depth:0,ancestors:""}),mt={zIndex:n.number,target:n.instanceOf(He),parent:n.shape({current:n.instanceOf(He)}),children:n.node},gt={zIndex:null,target:_e.body,parent:{},children:null};g(".stackable{position:absolute}");var yt=["zIndex","target","parent","children","style","className"];function Ot(e,t){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);t&&(n=n.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),r.push.apply(r,n)}return r}function wt(e){for(var t=1;t<arguments.length;t++){var r=null!=arguments[t]?arguments[t]:{};t%2?Ot(Object(r),!0).forEach((function(t){s(e,t,r[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(r)):Ot(Object(r)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(r,t))}))}return e}var xt=t.forwardRef((function(e,r){var n,o=e.zIndex,c=e.target,s=e.parent,f=e.children,p=e.style,b=e.className,v=h(e,yt),m=t.useContext(vt),g=m.depth,y=m.ancestors,O=m.zIndex,w=null!==(n=null!=o?o:O)&&void 0!==n?n:10,x=d(t.useState(""),2),j=x[0],P=x[1],z=i.default("stackable depth-".concat(g),b);return t.useEffect((function(){var e="";if(s.current)for(var t=s.current.parentNode;t&&t.className&&"BODY"!==t.tagName;)e=".".concat(t.className.split(" ").join(".")).concat(e?" "+e:""),t=t.parentNode;P(y+e)}),[P,y,s]),l.default.createPortal(a.default.createElement(vt.Provider,{value:{zIndex:w+1,depth:g+1,ancestors:"".concat(j," .").concat(z.split(" ").join("."))}},a.default.createElement("div",u({},v,{"data-ancestors":j,className:i.default("stackable depth-".concat(g),b),style:wt(wt({},p),{},{zIndex:w}),ref:r}),f)),c)}));xt.displayName="Stackable",xt.propTypes=mt,xt.defaultProps=gt;xt.getAncestors=function(e){var t=e.closest(".stackable");return t?t.getAttribute("data-ancestors"):""};var jt={children:n.node,scalex:n.number,scaley:n.number};g(".scalable .scalable-inner{position:absolute;transform-origin:top left}");var Pt=["scalex","scaley","className","children"],zt=t.forwardRef((function(e,r){var n=e.scalex,o=e.scaley,c=e.className,l=e.children,s=h(e,Pt),f=t.useRef(),p=t.useRef(),d=t.useCallback((function(){var e=f.current,t=e.clientWidth,r=e.clientHeight;p.current.style.width="".concat(t*n,"px"),p.current.style.height="".concat(r*o,"px")}),[n,o]);return t.useEffect((function(){d()}),[d]),a.default.createElement("div",u({},s,{ref:Ce(r,p),className:i.default("scalable",c)}),a.default.createElement(Ge,{onResize:d},a.default.createElement("div",{className:"scalable-inner",style:{transform:"scale(".concat(n,", ").concat(o,")")},ref:f},l)))}));zt.displayName="Scalable",zt.propTypes=jt,zt.defaultProps={children:null,scalex:1,scaley:1};var Et=t.memo(zt),Rt={children:n.node};g(".pannable{cursor:grab;cursor:-moz-grab;cursor:-webkit-grab;height:100%}.pannable.dragging{cursor:grabbing;cursor:-moz-grabbing;cursor:-webkit-grabbing}.pannable .movable{height:fit-content;width:fit-content}");var Mt=["children","className"],kt=t.forwardRef((function(e,r){var n=e.children,o=e.className,c=h(e,Mt),l=t.useRef(),s=t.useRef(),f=t.useMemo((function(){return{top:0,left:0}}),[]),p=t.useCallback((function(){var e=l.current.container.current;e.style.scrollBehavior="auto",f.top=e.scrollTop,f.left=e.scrollLeft,s.current.classList.add("dragging")}),[f]),d=t.useCallback((function(e){var t=e.dx,r=e.dy,n=l.current.container.current,o=f.top,c=f.left;n.scrollTop=o-r,n.scrollLeft=c-t}),[f]),b=t.useCallback((function(){s.current.classList.remove("dragging"),l.current.container.current.style.scrollBehavior=""}),[s]);return a.default.createElement("div",u({},c,{className:i.default("pannable",o),ref:Ce(r,s)}),a.default.createElement(bt,{ref:l},a.default.createElement(k,{onMove:d,onBeginMove:p,onEndMove:b},n)))}));kt.displayName="Pannable",kt.propTypes=Rt,kt.defaultProps={children:null};var Tt=t.createContext({tbr:{},rbr:{},cbr:{}}),St=a.default.createContext({global:{}});function Ct(e,t){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);t&&(n=n.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),r.push.apply(r,n)}return r}function Dt(e){for(var t=1;t<arguments.length;t++){var r=null!=arguments[t]?arguments[t]:{};t%2?Ct(Object(r),!0).forEach((function(t){s(e,t,r[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(r)):Ct(Object(r)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(r,t))}))}return e}var Bt=function(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:"global";return function(r){var n=t.forwardRef((function(n,o){var c=t.useContext(St),i=Dt(Dt({},c[e]||{}),c.global);return a.default.createElement(r,u({ref:o},n,Object.entries(i).reduce((function(e,t){var o=d(t,2),c=o[0],a=o[1];return Dt(Dt({},e),{},s({},c,a(n,r)))}),{})))}));return n.displayName="puppet(".concat(r.name||r.displayName||"",")"),n.WrappedComponent=r,n}},Nt=function(e){var r=arguments.length>1&&void 0!==arguments[1]&&arguments[1],n=t.useRef(e),o=t.useRef(-1);n.current=e;var c=t.useCallback((function(){for(var e=arguments.length,t=new Array(e),a=0;a<e;a++)t[a]=arguments[a];Ie(o.current),o.current=We((function(){n.current.apply(n,t),r&&c.apply(void 0,t)}))}),[r]),a=t.useCallback((function(){Ie(o.current)}),[]);return t.useEffect((function(){return function(){return Ie(o.current)}}),[]),{start:c,stop:a}},_t=function(){var e=arguments.length>0&&void 0!==arguments[0]&&arguments[0],r=t.useState(e),n=d(r,2),o=n[0],c=n[1],a=t.useCallback((function(){return c(!0)}),[c]),i=t.useCallback((function(){return c(!1)}),[c]),l=t.useCallback((function(){return c(!o)}),[c,o]);return{value:o,setTrue:a,setFalse:i,toggle:l,setValue:c}},Lt=function(e){return e.map((function(e){return e.current?e.current.getBoundingClientRect():e instanceof He?e.getBoundingClientRect():e instanceof Ae?e:"window"===H(e)?new Ae(0,0,window.innerWidth,window.innerHeight):void 0}))},At=function(e){for(var r=arguments.length,n=new Array(r>1?r-1:0),o=1;o<r;o++)n[o-1]=arguments[o];var c=t.useRef([]);return Nt((function(){var t=Lt(n);t.every((function(e){return void 0!==e}))&&t.some((function(e,t){return!Fe(e,c.current[t]||{})}))&&(e.apply(void 0,Se(t)),c.current=t)}),!0)};function Ht(e,t){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);t&&(n=n.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),r.push.apply(r,n)}return r}function Wt(e){for(var t=1;t<arguments.length;t++){var r=null!=arguments[t]?arguments[t]:{};t%2?Ht(Object(r),!0).forEach((function(t){s(e,t,r[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(r)):Ht(Object(r)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(r,t))}))}return e}var It=function(e,r,n){var o=arguments.length>3&&void 0!==arguments[3]?arguments[3]:{},c=t.useRef({});t.useEffect((function(){c.current={handler:r,options:o}}),[r,o]),t.useEffect((function(){var t,r=function(e){return c.current.handler(e)},o=Wt({},c.current.options),a=n.current;return null==a||null===(t=a.addEventListener)||void 0===t||t.call(a,e,r,o),function(){var t;return null==a||null===(t=a.removeEventListener)||void 0===t?void 0:t.call(a,e,r,o)}}),[e,n])},Vt=a.default.createContext((function(e){return!e})),Ut=function(e){var r=t.useRef(!1),n=t.useContext(Vt);return It("mousedown",(function(e){r.current=!n(r.current,e)}),{current:_e}),It("mouseup",(function(t){n(r.current,t)?e(t):r.current=!1}),{current:_e}),t.useCallback((function(){r.current=!0}),[r])},Ft=function(e){var t=e.condition,r=e.children;return a.default.createElement(Vt.Provider,{value:t},r)};Ft.propTypes={condition:n.func,children:n.node};var qt=function(e){var r=t.useRef(e);return Y(r.current,e)||(r.current=e),r.current},Xt=function e(t,r,n,o,c){clearTimeout(r.current),r.current=setTimeout((function(){n.apply(void 0,Se(t)),c&&e(t,r,n,o,c)}),o)},Yt=function(e){clearTimeout(e.current)},$t=Object.freeze({__proto__:null,useAnimationFrame:Nt,useBooleanState:_t,useVisibilityState:function(){var e=arguments.length>0&&void 0!==arguments[0]&&arguments[0],t=_t(e),r=t.value,n=t.setTrue,o=t.setFalse,c=t.toggle,a=t.setValue;return{visible:r,show:n,hide:o,toggle:c,setVisible:a}},useFocusabilityState:function(){var e=arguments.length>0&&void 0!==arguments[0]&&arguments[0],t=_t(e),r=t.value,n=t.setTrue,o=t.setFalse,c=t.toggle,a=t.setValue;return{focused:r,focus:n,blur:o,toggle:c,setFocused:a}},useBoundingRectObserver:At,useClickOutside:Ut,ClickOutside:function(e){var t=e.children,r=e.onClickOutside,n=Ut(r);return a.default.cloneElement(a.default.Children.only(t),{onMouseDownCapture:n})},ClickOutsideOverride:Ft,useMounted:function(){var e=t.useRef(!1);return t.useEffect((function(){return e.current=!0,function(){return e.current=!1}}),[]),e.current},useUnmounted:function(){var e=t.useRef(!1);return t.useEffect((function(){return function(){e.current=!0}}),[]),e.current},useDebounce:function(e,r){var n=t.useRef(-1),o=t.useRef(e);return t.useEffect((function(){o.current=e}),[e]),t.useEffect((function(){return function(){return clearTimeout(n.current)}}),[]),t.useCallback((function(){for(var e=arguments.length,t=new Array(e),c=0;c<e;c++)t[c]=arguments[c];clearTimeout(n.current),n.current=setTimeout((function(){o.current.apply(o,t)}),r)}),[r])},useDimensions:function(e){var r=d(t.useState({width:0,height:0}),2),n=r[0],o=r[1],c=t.useRef(new Le((function(e){o($e(e[0]))})));return t.useEffect((function(){var t=c.current;return t.observe(e.current),function(){return t.disconnect()}}),[e]),n},useEventListener:It,useThrottle:function(e,r){var n=t.useRef(!1),o=t.useRef(-1);return t.useEffect((function(){return function(){return clearTimeout(o.current)}}),[]),t.useCallback((function(){n.current||(e.apply(void 0,arguments),n.current=!0,clearTimeout(o.current),o.current=setTimeout((function(){n.current=!1}),r))}),[e,r])},useObject:qt,usePrevious:function(e){var r=t.useRef(e);return t.useEffect((function(){r.current=e}),[e]),r.current},useTimeout:function(e){var r=arguments.length>1&&void 0!==arguments[1]?arguments[1]:0,n=arguments.length>2&&void 0!==arguments[2]&&arguments[2],o=t.useRef();return{start:t.useCallback((function(){for(var t=arguments.length,c=new Array(t),a=0;a<t;a++)c[a]=arguments[a];return Xt(c,o,e,r,n)}),[o,e,r,n]),stop:t.useCallback((function(){return Yt(o)}),[o])}}}),Gt={puppeteer:{children:n.node,props:n.shape({}),namespace:n.string},break:{children:n.node,props:n.arrayOf(n.string),namespace:n.string}},Jt={children:null,props:{},namespace:"global"},Kt={children:null,props:null,namespace:"global"};function Qt(e,t){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);t&&(n=n.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),r.push.apply(r,n)}return r}function Zt(e){for(var t=1;t<arguments.length;t++){var r=null!=arguments[t]?arguments[t]:{};t%2?Qt(Object(r),!0).forEach((function(t){s(e,t,r[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(r)):Qt(Object(r)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(r,t))}))}return e}var er=function(e){var r=e.children,n=e.props,o=e.namespace,c=t.useContext(St),i=c[o]||{},l=Zt(Zt({},i),n);return Object.keys(i).forEach((function(e){Object.prototype.hasOwnProperty.call(n,e)&&(l[e]=function(t,r){return n[e](Zt(Zt({},t),{},s({},e,i[e](t,r))),r)})})),a.default.createElement(St.Provider,{value:qt(Zt(Zt({},c),{},s({},o,l)))},r)};er.propTypes=Gt.puppeteer,er.defaultProps=Jt,(er.Break=function(e){var r=e.children,n=e.props,o=e.namespace,c=t.useContext(St),i=c[o]||{};return a.default.createElement(St.Provider,{value:Zt(Zt({},c),{},s({},o,n?G.apply(void 0,[i].concat(Se(n))):{}))},r)}).propTypes=Gt.break,er.Break.defaultProps=Kt,er.Break.displayName="Puppeteer.Break";var tr=function(e,t){return(r=e,n=t,o=Ue(r),c=Ue(n),a=o[0]-c[0],i=o[1]-c[1],[a?a/Math.abs(a):a,i?i/Math.abs(i):i]).reduce((function(e,t,r){return e+(e.length?" ":"")+[["west","","east"],["north","","south"]][r][t+1]}),"");var r,n,o,c,a,i},rr={top:0,left:0,name:"hidden"},nr=function(e){var t=e.tbr,r=e.cbr,n=e.rbr;return qe(n,r)?t:rr},or=function(e,t){return Math.abs(e.left-t.left)+Math.abs(e.top-t.top)},cr=function(e,t){var r=e.tbr,n=e.cbr,o=e.rbr,c=t.placements,a=t.default,i=c(o,r),l=i[a],u=function(e,t,r,n){return e.sort((function(e,o){return Ye(Xe(new DOMRect(o.left,o.top,r.width,r.height),n))-Ye(Xe(new DOMRect(e.left,e.top,r.width,r.height),n))||or(e,t)-or(o,t)}))}(function(e,t,r){return e.filter((function(e){return qe(new DOMRect(e.left,e.top,t.width,t.height),r)}))}(i,r,n),l,r,n)[0]||l,s=u.top,f=u.left;return new DOMRect(f,s,r.width,r.height)};function ar(e,t){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);t&&(n=n.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),r.push.apply(r,n)}return r}function ir(e){for(var t=1;t<arguments.length;t++){var r=null!=arguments[t]?arguments[t]:{};t%2?ar(Object(r),!0).forEach((function(t){s(e,t,r[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(r)):ar(Object(r)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(r,t))}))}return e}var lr={container:n.oneOfType([n.func,n.shape({current:n.oneOfType([n.instanceOf(He),n.instanceOf(Ne.constructor)])})]),reference:n.oneOfType([n.func,n.instanceOf(Ae),n.shape({current:n.instanceOf(He)})]),placements:n.func,placement:n.shape({top:n.number,left:n.number}),overflow:n.func,onPlacement:n.func,default:n.number,children:n.node},ur={container:Ne,reference:_e.body,placements:function(){return[{top:0,left:0}]},placement:rr,overflow:function(e,t){return rr!==nr(e)&&rr!==nr(ir(ir({},e),{},{cbr:e.wbr}))?(r=ir(ir({},e),{},{cbr:e.wbr,tbr:cr(e,t)}),n=r.tbr,o=r.cbr,new DOMRect(Math.round(T(n.left,o.left,o.right-n.width)),Math.round(T(n.top,o.top,o.bottom-n.height)),n.width,n.height)):rr;var r,n,o},onPlacement:b,default:0,children:null};g(".poppable.placement-hidden{opacity:0;pointer-events:none}");var sr=["children","container","reference","placements","default","onPlacement","placement","overflow","className","style"];function fr(e,t){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);t&&(n=n.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),r.push.apply(r,n)}return r}function pr(e){for(var t=1;t<arguments.length;t++){var r=null!=arguments[t]?arguments[t]:{};t%2?fr(Object(r),!0).forEach((function(t){s(e,t,r[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(r)):fr(Object(r)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(r,t))}))}return e}var dr=t.forwardRef((function(e,r){var n,o,c=e.children,l=e.container,f=e.reference,p=e.placements,b=e.default,v=e.onPlacement,m=e.placement,g=e.overflow,y=e.className,O=e.style,w=h(e,sr),x=t.useRef(),j=t.useCallback((function(e){return e.stopPropagation()}),[]),P=function(e,t,r,n){var o=d(Lt([t,e,r]),3),c=o[0],a=o[1],i=o[2];return{rbr:c||new Ae,cbr:i||new Ae,tbr:new Ae(n.left,n.top,null==a?void 0:a.width,null==a?void 0:a.height)}}(x,f,l,m);return function(e){var t=e.target,r=e.container,n=e.reference,o=e.placements,c=e.default,a=e.onPlacement,i=e.strategy;(0,At((function(e,t,r,n){var l=i({tbr:t,cbr:r,rbr:e,wbr:n},{default:c,placements:o}),u=l.top,s=l.left,f=l.name;t&&u===t.top&&s===t.left||a({top:u,left:s,name:f})}),n,t,r,Ne).start)()}({target:x,container:l,reference:f,placements:p,default:b,onPlacement:v,strategy:g}),a.default.createElement(er.Break,{namespace:"poppable"},a.default.createElement(xt,u({},w,{className:i.default("poppable",s({},"placement-".concat(m.name),m.name),y,(n=P.tbr,o=P.rbr,i.default(tr(n,o),{vbefore:n.bottom<o.top,vafter:o.bottom<n.top,hbefore:n.right<o.left,hafter:o.right<n.left}))),style:pr(pr({},O),m),ref:Ce(r,x),parent:f,onContextMenu:j}),a.default.createElement(Tt.Provider,{value:P},c)))}));dr.propTypes=lr,dr.defaultProps=ur,dr.displayName="Poppable.Manual";var hr=t.memo(Bt("poppable")(dr)),br=t.forwardRef((function(e,r){var n=d(t.useState(),2),o=n[0],c=n[1];return a.default.createElement(hr,u({},e,{placement:o,onPlacement:c,ref:r}))}));br.displayName="Poppable",br.propTypes=lr,br.defaultProps=ur;var vr=t.memo(br),mr={start:"top",size:"height",end:"bottom"},gr={start:"left",size:"width",end:"right"},yr=function(e,t,r){var n=r.start,o=r.size,c=arguments.length>3&&void 0!==arguments[3]?arguments[3]:0;return s({},n,e[n]-t[o]+c)},Or=function(e,t,r){var n=r.start,o=r.size,c=arguments.length>3&&void 0!==arguments[3]?arguments[3]:0;return s({},n,e[n]+(e[o]-t[o])/2+c)},wr=function(e,t,r){var n=r.start,o=r.end,c=arguments.length>3&&void 0!==arguments[3]?arguments[3]:0;return s({},n,e[o]+c)},xr=Object.freeze({__proto__:null,vbefore:function(e,t,r){return yr(e,t,mr,r)},vcenter:function(e,t,r){return Or(e,t,mr,r)},vafter:function(e,t,r){return wr(e,t,mr,r)},hbefore:function(e,t,r){return yr(e,t,gr,r)},hcenter:function(e,t,r){return Or(e,t,gr,r)},hafter:function(e,t,r){return wr(e,t,gr,r)}}),jr=function(e,t){return e[0]>t[1]||e[1]<t[0]?[]:[Math.max(e[0],t[0]),Math.min(e[1],t[1])]},Pr=function(e){var t=d(e,2);return(t[0]+t[1])/2},zr=function(e,t,r){var n=jr([e.top,e.bottom],[t.top,t.bottom]);return 0===n.length?e.top>t.bottom?e.top-2*r:e.bottom:Pr(n)-r},Er=function(e,t,r){var n=jr([e.left,e.right],[t.left,t.right]);return 0===n.length?e.left>t.right?e.left-2*r:e.right:Pr(n)-r};g(".poppable.vafter .poppable-triangle{border-bottom-color:var(--triangle-color,#000)}.poppable.vbefore .poppable-triangle{border-top-color:var(--triangle-color,#000)}.poppable.hbefore .poppable-triangle{border-left-color:var(--triangle-color,#000)}.poppable.hafter .poppable-triangle{border-right-color:var(--triangle-color,#000)}.poppable .poppable-triangle{border-color:transparent;border-style:solid;pointer-events:none;position:fixed}");var Rr=function(e){var r=e.size,n=t.useContext(Tt),o=n.tbr,c=n.rbr;return function(e,t){return void 0!==e.top&&void 0!==t.top}(o,c)?a.default.createElement("div",{className:"poppable-triangle",style:{top:zr(o,c,r),left:Er(o,c,r),borderWidth:r}}):null};Rr.propTypes={size:n.number},Rr.defaultProps={size:0},vr.Context=Tt,vr.Manual=hr,vr.Placements=xr,vr.Triangle=Rr;var Mr=Object.freeze({__proto__:null,Collapsible:x,Movable:k,Resizable:ce,Scrollable:bt,Stackable:xt,Scalable:Et,Pannable:kt,Poppable:vr}),kr=Object.freeze({__proto__:null,ResizeObserver:Ge,Puppeteer:er,puppet:Bt});e.components=Mr,e.hooks=$t,e.tools=kr,Object.defineProperty(e,"__esModule",{value:!0})}));