@makaio/framework 1.0.0-dev-1779046984397

package/dist/ui-views/index.mjs

@@ -0,0 +1,30 @@
+import{n as e,r as t,t as n}from"../chunk-cpUYaJdV.mjs";import r,{Component as i,Suspense as a,forwardRef as o,isValidElement as s,useCallback as c,useEffect as l,useId as u,useMemo as d,useRef as f,useState as p}from"react";import{Fragment as m,jsx as h,jsxs as g}from"react/jsx-runtime";import _ from"react-dom";import{DEFAULT_WIDGET_UI_CONTEXT as v,SHELL_BG_COLOR as y,SHELL_FONT_FAMILY as b,SHELL_TEXT_COLOR as x,TRAY_CELL_MARGIN as S,TRAY_GRID_COLS as C,TRAY_GRID_WIDTH_PX as w,TRAY_ROW_HEIGHT_PX as T,WidgetSubjects as E,createRuntimeReadyWaiter as D,defaultNavigationGroups as O,getRegisteredExtensionBrowserFactory as k,isOverlayMode as A,registerExtensionUI as j,registerWidget as M,resolveExtensionBrowserFactory as N,runCleanupsInReverse as P,unregisterExtensionBrowserFactory as F,unregisterWidget as I,widgetMatchesScope as L,widgetRegistry as R}from"@makaio/framework/ui-kernel";import{ExtensionSubjects as z,KernelSubjects as ee}from"@makaio/framework/kernel";import{HostSubjects as te}from"@makaio/framework/contracts";import{BusProvider as ne,groupPagesByNavigationGroup as re,loadExtensionBrowserContributions as ie,useBus as B,useNavigationLevel as ae,useOptionalBus as oe,usePageComponent as se,usePageOverlayStore as ce,useSidebarStore as V,useTrayLayout as le,useWidgetLayout as ue,useWidgetLayoutActions as H,useWidgets as U,useWindowContext as de,useWindowIdPages as fe}from"@makaio/framework/ui-hooks";import{CloseIcon as pe,MultiActionToast as me,NavSidebar as he,useBodyScrollLock as ge,useEscapeKey as _e,useFocusOnOpen as ve,useFocusTrap as ye}from"@makaio/framework/ui-components";import{ToastSubjects as be}from"@makaio/framework/contracts/toast";var W={container:`_6KR2uq_container`,content:`_6KR2uq_content`,error:`_6KR2uq_error`,errorMessage:`_6KR2uq_errorMessage`,flexible:`_6KR2uq_flexible`,header:`_6KR2uq_header`,large:`_6KR2uq_large`,medium:`_6KR2uq_medium`,removeButton:`_6KR2uq_removeButton`,retryButton:`_6KR2uq_retryButton`,small:`_6KR2uq_small`,title:`_6KR2uq_title`},xe=class extends i{constructor(e){super(e),this.state={hasError:!1}}static getDerivedStateFromError(){return{hasError:!0}}componentDidCatch(){this.props.onError()}render(){return this.state.hasError?null:this.props.children}};function Se({instanceId:e,title:t,size:n,children:r,onRemove:i}){let[a,o]=p(!1);return a?g(`div`,{className:`${W.container} ${W[n]} ${W.error}`,children:[h(`div`,{className:W.header,children:h(`span`,{className:W.title,children:t})}),g(`div`,{className:W.content,children:[h(`p`,{className:W.errorMessage,children:`Widget failed to render`}),h(`button`,{type:`button`,className:W.retryButton,onClick:()=>o(!1),children:`Retry`})]})]}):g(`div`,{className:`${W.container} ${W[n]}`,"data-widget-instance":e,children:[g(`div`,{className:W.header,children:[h(`span`,{className:W.title,children:t}),i&&h(`button`,{type:`button`,className:W.removeButton,onClick:i,"aria-label":`Remove widget`,title:`Remove widget`,children:`×`})]}),h(`div`,{className:W.content,children:h(xe,{onError:()=>o(!0),children:r})})]})}var G={compactLabel:`p98C0a_compactLabel`,compactMachineId:`p98C0a_compactMachineId`,compactRow:`p98C0a_compactRow`,emptyExtensions:`p98C0a_emptyExtensions`,extensionCard:`p98C0a_extensionCard`,extensionError:`p98C0a_extensionError`,extensionHeader:`p98C0a_extensionHeader`,extensionsList:`p98C0a_extensionsList`,extensionsSection:`p98C0a_extensionsSection`,extensionStatus:`p98C0a_extensionStatus`,feedbackError:`p98C0a_feedbackError`,feedbackSuccess:`p98C0a_feedbackSuccess`,machineIdButton:`p98C0a_machineIdButton`,restartButton:`p98C0a_restartButton`,section:`p98C0a_section`,sectionLabel:`p98C0a_sectionLabel`,statusDot:`p98C0a_statusDot`,summaryRow:`p98C0a_summaryRow`,summaryText:`p98C0a_summaryText`,widget:`p98C0a_widget`};const Ce={active:`var(--color-success)`,discovered:`var(--color-text-muted)`,failed:`var(--color-danger)`,initializing:`var(--color-text-secondary)`,skipped:`var(--color-text-muted)`,stopped:`var(--color-text-muted)`};function K(e){return e.length<=18?e:`${e.slice(0,8)}...${e.slice(-8)}`}function we(){let e=B(),t=f(0),[n,r]=p(null);return l(()=>{let n=++t.current,i=()=>t.current===n;return(async()=>{try{let{machineId:t}=await e.request(ee.isReady,{});i()&&r(t)}catch(e){i()&&console.error(`[StatusWidget] Failed to load runtime status`,e)}})(),()=>{++t.current}},[e]),n}function Te(e){let t=B(),n=f(0),r=f(!1),[i,a]=p([]);return l(()=>{if(!e){r.current=!1,a([]);return}let i=++n.current,o=()=>n.current===i,s=async()=>{try{let{extensions:e}=await t.request(z.list,{});if(!o())return;r.current=!0,a(e)}catch(e){o()&&console.error(`[StatusWidget] Failed to load extension status`,e)}},c=()=>{s()},l=t.on(z.stateChanged,e=>{a(t=>{if(!r.current)return c(),t;let n=t.find(t=>t.name===e.payload.name);if(!n)return c(),t;let i=t.filter(t=>t.name!==e.payload.name);return i.push({browser:n.browser,displayName:e.payload.displayName,enabled:n.enabled,error:e.payload.error,name:e.payload.name,state:e.payload.to,surface:n.surface}),i.sort((e,t)=>e.displayName.localeCompare(t.displayName))})});return s(),()=>{++n.current,r.current=!1,l()}},[t,e]),i}function Ee(e){let t=f(null),n=we(),r=Te(e),[i,a]=p(`idle`),o=()=>{t.current!==null&&clearTimeout(t.current),t.current=setTimeout(()=>{t.current=null,a(`idle`)},2e3)};return l(()=>()=>{t.current!==null&&(clearTimeout(t.current),t.current=null)},[]),{copyFeedback:i,copyMachineId:async()=>{if(!n||typeof navigator>`u`||!navigator.clipboard){a(`error`),o();return}try{await navigator.clipboard.writeText(n),a(`success`),o()}catch(e){a(`error`),o(),console.error(`[StatusWidget] Failed to copy machine ID`,e)}},extensions:r,machineId:n}}function De(e){let{copyFeedback:t,copyMachineId:n,machineId:r}=e;return g(`div`,{className:G.section,children:[h(`span`,{className:G.sectionLabel,children:`Runtime`}),h(`button`,{className:G.machineIdButton,disabled:!r,onClick:r?()=>void n():void 0,title:r?`Copy machine ID`:`Machine ID unavailable`,type:`button`,children:r?K(r):`Machine ID unavailable`}),t===`success`?h(`span`,{"aria-live":`polite`,className:G.feedbackSuccess,children:`Copied machine ID.`}):null,t===`error`?h(`span`,{"aria-live":`polite`,className:G.feedbackError,children:`Failed to copy machine ID.`}):null]})}function Oe(e){let{extension:t}=e;return g(`div`,{className:G.extensionCard,children:[g(`div`,{className:G.extensionHeader,children:[h(`span`,{children:t.displayName}),g(`span`,{className:G.extensionStatus,children:[h(`span`,{className:G.statusDot,style:{backgroundColor:Ce[t.state]}}),t.state]})]}),t.error?h(`span`,{className:G.extensionError,children:t.error}):null]})}function ke(e){let{extensions:t}=e;return g(`div`,{className:G.extensionsSection,children:[h(`span`,{className:G.sectionLabel,children:`Extensions`}),h(`div`,{className:G.extensionsList,children:t.length===0?h(`div`,{className:G.emptyExtensions,children:`No extensions registered.`}):t.map(e=>h(Oe,{extension:e},e.name))})]})}function Ae(){return h(`button`,{className:G.restartButton,disabled:!0,title:`Not yet available`,type:`button`,children:`Restart Runtime`})}function je(e){let{extensions:t}=e,n=new Map;for(let e of t)n.set(e.state,(n.get(e.state)??0)+1);if(t.length===0)return h(`span`,{className:G.summaryText,children:`No extensions registered.`});let r=[],i=n.get(`active`)??0;i>0&&r.push(`${i} active`);let a=n.get(`failed`)??0;a>0&&r.push(`${a} failed`);let o=t.length-i-a;return o>0&&r.push(`${o} other`),g(`div`,{className:G.summaryRow,children:[h(`span`,{className:G.sectionLabel,children:`Extensions`}),h(`span`,{className:G.summaryText,children:r.join(`, `)}),a>0?h(`span`,{className:G.statusDot,style:{backgroundColor:`var(--color-danger)`}}):null]})}function Me(e){let{machineId:t}=e,n=t?t.slice(0,7):`…`;return g(`div`,{className:G.compactRow,"data-testid":`status-compact-row`,children:[h(`span`,{className:G.statusDot,style:{backgroundColor:`var(--color-success)`}}),h(`span`,{className:G.compactLabel,children:`Running`}),h(`span`,{className:G.compactMachineId,children:n})]})}function Ne(e){let{size:t}=e,n=t===`medium`,{copyFeedback:r,copyMachineId:i,extensions:a,machineId:o}=Ee(t!==`small`);return t===`small`?h(`div`,{className:G.widget,"data-component":`StatusWidget`,"data-size":t,children:h(Me,{machineId:o})}):g(`div`,{className:G.widget,"data-component":`StatusWidget`,"data-size":t,children:[h(De,{copyFeedback:r,copyMachineId:i,machineId:o}),h(n?je:ke,{extensions:a}),h(Ae,{})]})}const Pe={allowMultiple:!1,component:Ne,defaultSize:`large`,description:`Runtime and extension health for the framework shell.`,id:`framework-status`,name:`Status`,scope:[`global`,`tray`],supportedSizes:[`small`,`medium`,`large`,`full-width`],trayDefaultSize:`small`},Fe=`application/vnd.makaio.widget+json`,Ie=e=>!e||typeof e!=`object`?!1:typeof e.widgetId==`string`,Le=(e,t)=>{e.setData(Fe,JSON.stringify(t))},Re=e=>{if(!e)return null;let t=e.getData(Fe);if(!t)return null;try{let e=JSON.parse(t);return Ie(e)?e:null}catch{return null}};var ze=n((e=>{Object.defineProperty(e,`__esModule`,{value:!0});function t(e){return function(t,n,r,i,a,o,s){return e(t,n,s)}}function n(e){return function(t,n,r,i){if(!t||!n||typeof t!=`object`||typeof n!=`object`)return e(t,n,r,i);var a=i.get(t),o=i.get(n);if(a&&o)return a===n&&o===t;i.set(t,n),i.set(n,t);var s=e(t,n,r,i);return i.delete(t),i.delete(n),s}}function r(e,t){var n={};for(var r in e)n[r]=e[r];for(var r in t)n[r]=t[r];return n}function i(e){return e.constructor===Object||e.constructor==null}function a(e){return typeof e.then==`function`}function o(e,t){return e===t||e!==e&&t!==t}var s=`[object Arguments]`,c=`[object Boolean]`,l=`[object Date]`,u=`[object RegExp]`,d=`[object Map]`,f=`[object Number]`,p=`[object Object]`,m=`[object Set]`,h=`[object String]`,g=Object.prototype.toString;function _(e){var t=e.areArraysEqual,n=e.areDatesEqual,r=e.areMapsEqual,_=e.areObjectsEqual,v=e.areRegExpsEqual,y=e.areSetsEqual,b=e.createIsNestedEqual,x=b(S);function S(e,b,S){if(e===b)return!0;if(!e||!b||typeof e!=`object`||typeof b!=`object`)return e!==e&&b!==b;if(i(e)&&i(b))return _(e,b,x,S);var C=Array.isArray(e),w=Array.isArray(b);if(C||w)return C===w&&t(e,b,x,S);var T=g.call(e);return T===g.call(b)?T===l?n(e,b,x,S):T===u?v(e,b,x,S):T===d?r(e,b,x,S):T===m?y(e,b,x,S):T===p||T===s?a(e)||a(b)?!1:_(e,b,x,S):T===c||T===f||T===h?o(e.valueOf(),b.valueOf()):!1:!1}return S}function v(e,t,n,r){var i=e.length;if(t.length!==i)return!1;for(;i-- >0;)if(!n(e[i],t[i],i,i,e,t,r))return!1;return!0}var y=n(v);function b(e,t){return o(e.valueOf(),t.valueOf())}function x(e,t,n,r){var i=e.size===t.size;if(!i)return!1;if(!e.size)return!0;var a={},o=0;return e.forEach(function(s,c){if(i){var l=!1,u=0;t.forEach(function(i,d){!l&&!a[u]&&(l=n(c,d,o,u,e,t,r)&&n(s,i,c,d,e,t,r))&&(a[u]=!0),u++}),o++,i=l}}),i}var S=n(x),C=`_owner`,w=Object.prototype.hasOwnProperty;function T(e,t,n,r){var i=Object.keys(e),a=i.length;if(Object.keys(t).length!==a)return!1;for(var o;a-- >0;){if(o=i[a],o===C){var s=!!e.$$typeof,c=!!t.$$typeof;if((s||c)&&s!==c)return!1}if(!w.call(t,o)||!n(e[o],t[o],o,o,e,t,r))return!1}return!0}var E=n(T);function D(e,t){return e.source===t.source&&e.flags===t.flags}function O(e,t,n,r){var i=e.size===t.size;if(!i)return!1;if(!e.size)return!0;var a={};return e.forEach(function(o,s){if(i){var c=!1,l=0;t.forEach(function(i,u){!c&&!a[l]&&(c=n(o,i,s,u,e,t,r))&&(a[l]=!0),l++}),i=c}}),i}var k=n(O),A=Object.freeze({areArraysEqual:v,areDatesEqual:b,areMapsEqual:x,areObjectsEqual:T,areRegExpsEqual:D,areSetsEqual:O,createIsNestedEqual:t}),j=Object.freeze({areArraysEqual:y,areDatesEqual:b,areMapsEqual:S,areObjectsEqual:E,areRegExpsEqual:D,areSetsEqual:k,createIsNestedEqual:t}),M=_(A);function N(e,t){return M(e,t,void 0)}var P=_(r(A,{createIsNestedEqual:function(){return o}}));function F(e,t){return P(e,t,void 0)}var I=_(j);function L(e,t){return I(e,t,new WeakMap)}var R=_(r(j,{createIsNestedEqual:function(){return o}}));function z(e,t){return R(e,t,new WeakMap)}function ee(e){return _(r(A,e(A)))}function te(e){var t=_(r(j,e(j)));return(function(e,n,r){return r===void 0&&(r=new WeakMap),t(e,n,r)})}e.circularDeepEqual=L,e.circularShallowEqual=z,e.createCustomCircularEqual=te,e.createCustomEqual=ee,e.deepEqual=N,e.sameValueZeroEqual=o,e.shallowEqual=F})),Be=n(((e,t)=>{function n(e){var t,r,i=``;if(typeof e==`string`||typeof e==`number`)i+=e;else if(typeof e==`object`)if(Array.isArray(e)){var a=e.length;for(t=0;t<a;t++)e[t]&&(r=n(e[t]))&&(i&&(i+=` `),i+=r)}else for(r in e)e[r]&&(i&&(i+=` `),i+=r);return i}function r(){for(var e,t,r=0,i=``,a=arguments.length;r<a;r++)(e=arguments[r])&&(t=n(e))&&(i&&(i+=` `),i+=t);return i}t.exports=r,t.exports.clsx=r})),Ve=n(((e,t)=>{t.exports=function(e,t,n){return e===t?!0:e.className===t.className&&n(e.style,t.style)&&e.width===t.width&&e.autoSize===t.autoSize&&e.cols===t.cols&&e.draggableCancel===t.draggableCancel&&e.draggableHandle===t.draggableHandle&&n(e.verticalCompact,t.verticalCompact)&&n(e.compactType,t.compactType)&&n(e.layout,t.layout)&&n(e.margin,t.margin)&&n(e.containerPadding,t.containerPadding)&&e.rowHeight===t.rowHeight&&e.maxRows===t.maxRows&&e.isBounded===t.isBounded&&e.isDraggable===t.isDraggable&&e.isResizable===t.isResizable&&e.allowOverlap===t.allowOverlap&&e.preventCollision===t.preventCollision&&e.useCSSTransforms===t.useCSSTransforms&&e.transformScale===t.transformScale&&e.isDroppable===t.isDroppable&&n(e.resizeHandles,t.resizeHandles)&&n(e.resizeHandle,t.resizeHandle)&&e.onLayoutChange===t.onLayoutChange&&e.onDragStart===t.onDragStart&&e.onDrag===t.onDrag&&e.onDragStop===t.onDragStop&&e.onResizeStart===t.onResizeStart&&e.onResize===t.onResize&&e.onResizeStop===t.onResizeStop&&e.onDrop===t.onDrop&&n(e.droppingItem,t.droppingItem)&&n(e.innerRef,t.innerRef)}})),He=n((t=>{Object.defineProperty(t,`__esModule`,{value:!0}),t.bottom=d,t.childrenEqual=g,t.cloneLayout=f,t.cloneLayoutItem=h,t.collides=v,t.compact=y,t.compactItem=S,t.compactType=se,t.correctBounds=C,t.fastPositionEqual=_,t.fastRGLPropsEqual=void 0,t.getAllCollisions=E,t.getFirstCollision=T,t.getLayoutItem=w,t.getStatics=D,t.modifyLayout=p,t.moveElement=O,t.moveElementAwayFromCollision=k,t.noop=void 0,t.perc=A,t.resizeItemInDirection=ee,t.setTopLeft=ne,t.setTransform=te,t.sortLayoutItems=re,t.sortLayoutItemsByColRow=B,t.sortLayoutItemsByRowCol=ie,t.synchronizeLayoutWithChildren=ae,t.validateLayout=oe,t.withLayoutItem=m;var n=ze(),r=i(e(`react`));function i(e){return e&&e.__esModule?e:{default:e}}function a(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 o(e){for(var t=1;t<arguments.length;t++){var n=arguments[t]==null?{}:arguments[t];t%2?a(Object(n),!0).forEach(function(t){s(e,t,n[t])}):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):a(Object(n)).forEach(function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))})}return e}function s(e,t,n){return(t=c(t))in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}function c(e){var t=l(e,`string`);return typeof t==`symbol`?t:t+``}function l(e,t){if(typeof e!=`object`||!e)return e;var n=e[Symbol.toPrimitive];if(n!==void 0){var r=n.call(e,t||`default`);if(typeof r!=`object`)return r;throw TypeError(`@@toPrimitive must return a primitive value.`)}return(t===`string`?String:Number)(e)}let u=process.env.NODE_ENV===`production`;function d(e){let t=0,n;for(let r=0,i=e.length;r<i;r++)n=e[r].y+e[r].h,n>t&&(t=n);return t}function f(e){let t=Array(e.length);for(let n=0,r=e.length;n<r;n++)t[n]=h(e[n]);return t}function p(e,t){let n=Array(e.length);for(let r=0,i=e.length;r<i;r++)t.i===e[r].i?n[r]=t:n[r]=e[r];return n}function m(e,t,n){let r=w(e,t);return r?(r=n(h(r)),e=p(e,r),[e,r]):[e,null]}function h(e){return{w:e.w,h:e.h,x:e.x,y:e.y,i:e.i,minW:e.minW,maxW:e.maxW,minH:e.minH,maxH:e.maxH,moved:!!e.moved,static:!!e.static,isDraggable:e.isDraggable,isResizable:e.isResizable,resizeHandles:e.resizeHandles,isBounded:e.isBounded}}function g(e,t){return(0,n.deepEqual)(r.default.Children.map(e,e=>e?.key),r.default.Children.map(t,e=>e?.key))&&(0,n.deepEqual)(r.default.Children.map(e,e=>e?.props[`data-grid`]),r.default.Children.map(t,e=>e?.props[`data-grid`]))}t.fastRGLPropsEqual=Ve();function _(e,t){return e.left===t.left&&e.top===t.top&&e.width===t.width&&e.height===t.height}function v(e,t){return!(e.i===t.i||e.x+e.w<=t.x||e.x>=t.x+t.w||e.y+e.h<=t.y||e.y>=t.y+t.h)}function y(e,t,n,r){let i=D(e),a=d(i),o=re(e,t),s=Array(e.length);for(let c=0,l=o.length;c<l;c++){let l=h(o[c]);l.static||(l=S(i,l,t,n,o,r,a),a=Math.max(a,l.y+l.h),i.push(l)),s[e.indexOf(o[c])]=l,l.moved=!1}return s}let b={x:`w`,y:`h`};function x(e,t,n,r){let i=b[r];t[r]+=1;let a=e.map(e=>e.i).indexOf(t.i);for(let o=a+1;o<e.length;o++){let a=e[o];if(!a.static){if(a.y>t.y+t.h)break;v(t,a)&&x(e,a,n+t[i],r)}}t[r]=n}function S(e,t,n,r,i,a,o){let s=n===`vertical`,c=n===`horizontal`;if(s)for(typeof o==`number`?t.y=Math.min(o,t.y):t.y=Math.min(d(e),t.y);t.y>0&&!T(e,t);)t.y--;else if(c)for(;t.x>0&&!T(e,t);)t.x--;let l;for(;(l=T(e,t))&&!(n===null&&a);)if(c?x(i,t,l.x+l.w,`x`):x(i,t,l.y+l.h,`y`),c&&t.x+t.w>r)for(t.x=r-t.w,t.y++;t.x>0&&!T(e,t);)t.x--;return t.y=Math.max(t.y,0),t.x=Math.max(t.x,0),t}function C(e,t){let n=D(e);for(let r=0,i=e.length;r<i;r++){let i=e[r];if(i.x+i.w>t.cols&&(i.x=t.cols-i.w),i.x<0&&(i.x=0,i.w=t.cols),!i.static)n.push(i);else for(;T(n,i);)i.y++}return e}function w(e,t){for(let n=0,r=e.length;n<r;n++)if(e[n].i===t)return e[n]}function T(e,t){for(let n=0,r=e.length;n<r;n++)if(v(e[n],t))return e[n]}function E(e,t){return e.filter(e=>v(e,t))}function D(e){return e.filter(e=>e.static)}function O(e,t,n,r,i,a,o,s,c){if(t.static&&t.isDraggable!==!0||t.y===r&&t.x===n)return e;`${t.i}${String(n)}${String(r)}${t.x}${t.y}`;let l=t.x,u=t.y;typeof n==`number`&&(t.x=n),typeof r==`number`&&(t.y=r),t.moved=!0;let d=re(e,o);(o===`vertical`&&typeof r==`number`?u>=r:o===`horizontal`&&typeof n==`number`&&l>=n)&&(d=d.reverse());let p=E(d,t),m=p.length>0;if(m&&c)return f(e);if(m&&a)return`${t.i}`,t.x=l,t.y=u,t.moved=!1,e;for(let n=0,r=p.length;n<r;n++){let r=p[n];`${t.i}${t.x}${t.y}${r.i}${r.x}${r.y}`,!r.moved&&(e=r.static?k(e,r,t,i,o,s):k(e,t,r,i,o,s))}return e}function k(e,t,n,r,i,a){let o=i===`horizontal`,s=i===`vertical`,c=t.static;if(r){r=!1;let l={x:o?Math.max(t.x-n.w,0):n.x,y:s?Math.max(t.y-n.h,0):n.y,w:n.w,h:n.h,i:`-1`},u=T(e,l),d=u&&u.y+u.h>t.y,f=u&&t.x+t.w>u.x;if(!u)return`${n.i}${l.x}${l.y}`,O(e,n,o?l.x:void 0,s?l.y:void 0,r,c,i,a);if(d&&s)return O(e,n,void 0,n.y+1,r,c,i,a);if(d&&i==null)return t.y=n.y,n.y+=n.h,e;if(f&&o)return O(e,t,n.x,void 0,r,c,i,a)}let l=o?n.x+1:void 0,u=s?n.y+1:void 0;return l==null&&u==null?e:O(e,n,o?n.x+1:void 0,s?n.y+1:void 0,r,c,i,a)}function A(e){return e*100+`%`}let j=(e,t,n,r)=>e+n>r?t:n,M=(e,t,n)=>e<0?t:n,N=e=>Math.max(0,e),P=e=>Math.max(0,e),F=(e,t,n)=>{let{left:r,height:i,width:a}=t,o=e.top-(i-e.height);return{left:r,width:a,height:M(o,e.height,i),top:P(o)}},I=(e,t,n)=>{let{top:r,left:i,height:a,width:o}=t;return{top:r,height:a,width:j(e.left,e.width,o,n),left:N(i)}},L=(e,t,n)=>{let{top:r,height:i,width:a}=t,o=e.left-(a-e.width);return{height:i,width:o<0?e.width:j(e.left,e.width,a,n),top:P(r),left:N(o)}},R=(e,t,n)=>{let{top:r,left:i,height:a,width:o}=t;return{width:o,left:i,height:M(r,e.height,a),top:P(r)}},z={n:F,ne:function(){return F(arguments.length<=0?void 0:arguments[0],I(...arguments),arguments.length<=2?void 0:arguments[2])},e:I,se:function(){return R(arguments.length<=0?void 0:arguments[0],I(...arguments),arguments.length<=2?void 0:arguments[2])},s:R,sw:function(){return R(arguments.length<=0?void 0:arguments[0],L(...arguments),arguments.length<=2?void 0:arguments[2])},w:L,nw:function(){return F(arguments.length<=0?void 0:arguments[0],L(...arguments),arguments.length<=2?void 0:arguments[2])}};function ee(e,t,n,r){let i=z[e];return i?i(t,o(o({},t),n),r):n}function te(e){let{top:t,left:n,width:r,height:i}=e,a=`translate(${n}px,${t}px)`;return{transform:a,WebkitTransform:a,MozTransform:a,msTransform:a,OTransform:a,width:`${r}px`,height:`${i}px`,position:`absolute`}}function ne(e){let{top:t,left:n,width:r,height:i}=e;return{top:`${t}px`,left:`${n}px`,width:`${r}px`,height:`${i}px`,position:`absolute`}}function re(e,t){return t===`horizontal`?B(e):t===`vertical`?ie(e):e}function ie(e){return e.slice(0).sort(function(e,t){return e.y>t.y||e.y===t.y&&e.x>t.x?1:e.y===t.y&&e.x===t.x?0:-1})}function B(e){return e.slice(0).sort(function(e,t){return e.x>t.x||e.x===t.x&&e.y>t.y?1:-1})}function ae(e,t,n,i,a){e||=[];let s=[];r.default.Children.forEach(t,t=>{if(t?.key==null)return;let n=w(e,String(t.key)),r=t.props[`data-grid`];n&&r==null?s.push(h(n)):r?(u||oe([r],`ReactGridLayout.children`),s.push(h(o(o({},r),{},{i:t.key})))):s.push(h({w:1,h:1,x:0,y:d(s),i:String(t.key)}))});let c=C(s,{cols:n});return a?c:y(c,i,n)}function oe(e){let t=arguments.length>1&&arguments[1]!==void 0?arguments[1]:`Layout`,n=[`x`,`y`,`w`,`h`];if(!Array.isArray(e))throw Error(t+` must be an array!`);for(let r=0,i=e.length;r<i;r++){let i=e[r];for(let e=0;e<n.length;e++){let a=n[e],o=i[a];if(typeof o!=`number`||Number.isNaN(o))throw Error(`ReactGridLayout: ${t}[${r}].${a} must be a number! Received: ${o} (${typeof o})`)}if(i.i!==void 0&&typeof i.i!=`string`)throw Error(`ReactGridLayout: ${t}[${r}].i must be a string! Received: ${i.i} (${typeof i.i})`)}}function se(e){let{verticalCompact:t,compactType:n}=e||{};return t===!1?null:n}t.noop=()=>{}})),Ue=n((e=>{Object.defineProperty(e,`__esModule`,{value:!0}),e.calcGridColWidth=t,e.calcGridItemPosition=r,e.calcGridItemWHPx=n,e.calcWH=a,e.calcXY=i,e.clamp=o;function t(e){let{margin:t,containerPadding:n,containerWidth:r,cols:i}=e;return(r-t[0]*(i-1)-n[0]*2)/i}function n(e,t,n){return Number.isFinite(e)?Math.round(t*e+Math.max(0,e-1)*n):e}function r(e,r,i,a,o,s){let{margin:c,containerPadding:l,rowHeight:u}=e,d=t(e),f={};return s&&s.resizing?(f.width=Math.round(s.resizing.width),f.height=Math.round(s.resizing.height)):(f.width=n(a,d,c[0]),f.height=n(o,u,c[1])),s&&s.dragging?(f.top=Math.round(s.dragging.top),f.left=Math.round(s.dragging.left)):s&&s.resizing&&typeof s.resizing.top==`number`&&typeof s.resizing.left==`number`?(f.top=Math.round(s.resizing.top),f.left=Math.round(s.resizing.left)):(f.top=Math.round((u+c[1])*i+l[1]),f.left=Math.round((d+c[0])*r+l[0])),f}function i(e,n,r,i,a){let{margin:s,containerPadding:c,cols:l,rowHeight:u,maxRows:d}=e,f=t(e),p=Math.round((r-c[0])/(f+s[0])),m=Math.round((n-c[1])/(u+s[1]));return p=o(p,0,l-i),m=o(m,0,d-a),{x:p,y:m}}function a(e,n,r,i,a,s){let{margin:c,maxRows:l,cols:u,rowHeight:d}=e,f=t(e),p=Math.round((n+c[0])/(f+c[0])),m=Math.round((r+c[1])/(d+c[1])),h=o(p,0,u-i),g=o(m,0,l-a);return[`sw`,`w`,`nw`].indexOf(s)!==-1&&(h=o(p,0,u)),[`nw`,`n`,`ne`].indexOf(s)!==-1&&(g=o(m,0,l)),{w:h,h:g}}function o(e,t,n){return Math.max(Math.min(e,n),t)}})),We=n((e=>{
+/** @license React v16.13.1
+* react-is.production.min.js
+*
+* Copyright (c) Facebook, Inc. and its affiliates.
+*
+* This source code is licensed under the MIT license found in the
+* LICENSE file in the root directory of this source tree.
+*/
+var t=typeof Symbol==`function`&&Symbol.for,n=t?Symbol.for(`react.element`):60103,r=t?Symbol.for(`react.portal`):60106,i=t?Symbol.for(`react.fragment`):60107,a=t?Symbol.for(`react.strict_mode`):60108,o=t?Symbol.for(`react.profiler`):60114,s=t?Symbol.for(`react.provider`):60109,c=t?Symbol.for(`react.context`):60110,l=t?Symbol.for(`react.async_mode`):60111,u=t?Symbol.for(`react.concurrent_mode`):60111,d=t?Symbol.for(`react.forward_ref`):60112,f=t?Symbol.for(`react.suspense`):60113,p=t?Symbol.for(`react.suspense_list`):60120,m=t?Symbol.for(`react.memo`):60115,h=t?Symbol.for(`react.lazy`):60116,g=t?Symbol.for(`react.block`):60121,_=t?Symbol.for(`react.fundamental`):60117,v=t?Symbol.for(`react.responder`):60118,y=t?Symbol.for(`react.scope`):60119;function b(e){if(typeof e==`object`&&e){var t=e.$$typeof;switch(t){case n:switch(e=e.type,e){case l:case u:case i:case o:case a:case f:return e;default:switch(e&&=e.$$typeof,e){case c:case d:case h:case m:case s:return e;default:return t}}case r:return t}}}function x(e){return b(e)===u}e.AsyncMode=l,e.ConcurrentMode=u,e.ContextConsumer=c,e.ContextProvider=s,e.Element=n,e.ForwardRef=d,e.Fragment=i,e.Lazy=h,e.Memo=m,e.Portal=r,e.Profiler=o,e.StrictMode=a,e.Suspense=f,e.isAsyncMode=function(e){return x(e)||b(e)===l},e.isConcurrentMode=x,e.isContextConsumer=function(e){return b(e)===c},e.isContextProvider=function(e){return b(e)===s},e.isElement=function(e){return typeof e==`object`&&!!e&&e.$$typeof===n},e.isForwardRef=function(e){return b(e)===d},e.isFragment=function(e){return b(e)===i},e.isLazy=function(e){return b(e)===h},e.isMemo=function(e){return b(e)===m},e.isPortal=function(e){return b(e)===r},e.isProfiler=function(e){return b(e)===o},e.isStrictMode=function(e){return b(e)===a},e.isSuspense=function(e){return b(e)===f},e.isValidElementType=function(e){return typeof e==`string`||typeof e==`function`||e===i||e===u||e===o||e===a||e===f||e===p||typeof e==`object`&&!!e&&(e.$$typeof===h||e.$$typeof===m||e.$$typeof===s||e.$$typeof===c||e.$$typeof===d||e.$$typeof===_||e.$$typeof===v||e.$$typeof===y||e.$$typeof===g)},e.typeOf=b})),Ge=n((e=>{
+/** @license React v16.13.1
+* react-is.development.js
+*
+* Copyright (c) Facebook, Inc. and its affiliates.
+*
+* This source code is licensed under the MIT license found in the
+* LICENSE file in the root directory of this source tree.
+*/
+process.env.NODE_ENV!==`production`&&(function(){var t=typeof Symbol==`function`&&Symbol.for,n=t?Symbol.for(`react.element`):60103,r=t?Symbol.for(`react.portal`):60106,i=t?Symbol.for(`react.fragment`):60107,a=t?Symbol.for(`react.strict_mode`):60108,o=t?Symbol.for(`react.profiler`):60114,s=t?Symbol.for(`react.provider`):60109,c=t?Symbol.for(`react.context`):60110,l=t?Symbol.for(`react.async_mode`):60111,u=t?Symbol.for(`react.concurrent_mode`):60111,d=t?Symbol.for(`react.forward_ref`):60112,f=t?Symbol.for(`react.suspense`):60113,p=t?Symbol.for(`react.suspense_list`):60120,m=t?Symbol.for(`react.memo`):60115,h=t?Symbol.for(`react.lazy`):60116,g=t?Symbol.for(`react.block`):60121,_=t?Symbol.for(`react.fundamental`):60117,v=t?Symbol.for(`react.responder`):60118,y=t?Symbol.for(`react.scope`):60119;function b(e){return typeof e==`string`||typeof e==`function`||e===i||e===u||e===o||e===a||e===f||e===p||typeof e==`object`&&!!e&&(e.$$typeof===h||e.$$typeof===m||e.$$typeof===s||e.$$typeof===c||e.$$typeof===d||e.$$typeof===_||e.$$typeof===v||e.$$typeof===y||e.$$typeof===g)}function x(e){if(typeof e==`object`&&e){var t=e.$$typeof;switch(t){case n:var p=e.type;switch(p){case l:case u:case i:case o:case a:case f:return p;default:var g=p&&p.$$typeof;switch(g){case c:case d:case h:case m:case s:return g;default:return t}}case r:return t}}}var S=l,C=u,w=c,T=s,E=n,D=d,O=i,k=h,A=m,j=r,M=o,N=a,P=f,F=!1;function I(e){return F||(F=!0,console.warn(`The ReactIs.isAsyncMode() alias has been deprecated, and will be removed in React 17+. Update your code to use ReactIs.isConcurrentMode() instead. It has the exact same API.`)),L(e)||x(e)===l}function L(e){return x(e)===u}function R(e){return x(e)===c}function z(e){return x(e)===s}function ee(e){return typeof e==`object`&&!!e&&e.$$typeof===n}function te(e){return x(e)===d}function ne(e){return x(e)===i}function re(e){return x(e)===h}function ie(e){return x(e)===m}function B(e){return x(e)===r}function ae(e){return x(e)===o}function oe(e){return x(e)===a}function se(e){return x(e)===f}e.AsyncMode=S,e.ConcurrentMode=C,e.ContextConsumer=w,e.ContextProvider=T,e.Element=E,e.ForwardRef=D,e.Fragment=O,e.Lazy=k,e.Memo=A,e.Portal=j,e.Profiler=M,e.StrictMode=N,e.Suspense=P,e.isAsyncMode=I,e.isConcurrentMode=L,e.isContextConsumer=R,e.isContextProvider=z,e.isElement=ee,e.isForwardRef=te,e.isFragment=ne,e.isLazy=re,e.isMemo=ie,e.isPortal=B,e.isProfiler=ae,e.isStrictMode=oe,e.isSuspense=se,e.isValidElementType=b,e.typeOf=x})()})),Ke=n(((e,t)=>{process.env.NODE_ENV===`production`?t.exports=We():t.exports=Ge()})),qe=n(((e,t)=>{
+/*
+object-assign
+(c) Sindre Sorhus
+@license MIT
+*/
+var n=Object.getOwnPropertySymbols,r=Object.prototype.hasOwnProperty,i=Object.prototype.propertyIsEnumerable;function a(e){if(e==null)throw TypeError(`Object.assign cannot be called with null or undefined`);return Object(e)}function o(){try{if(!Object.assign)return!1;var e=new String(`abc`);if(e[5]=`de`,Object.getOwnPropertyNames(e)[0]===`5`)return!1;for(var t={},n=0;n<10;n++)t[`_`+String.fromCharCode(n)]=n;if(Object.getOwnPropertyNames(t).map(function(e){return t[e]}).join(``)!==`0123456789`)return!1;var r={};return`abcdefghijklmnopqrst`.split(``).forEach(function(e){r[e]=e}),Object.keys(Object.assign({},r)).join(``)===`abcdefghijklmnopqrst`}catch{return!1}}t.exports=o()?Object.assign:function(e,t){for(var o,s=a(e),c,l=1;l<arguments.length;l++){for(var u in o=Object(arguments[l]),o)r.call(o,u)&&(s[u]=o[u]);if(n){c=n(o);for(var d=0;d<c.length;d++)i.call(o,c[d])&&(s[c[d]]=o[c[d]])}}return s}})),Je=n(((e,t)=>{t.exports=`SECRET_DO_NOT_PASS_THIS_OR_YOU_WILL_BE_FIRED`})),Ye=n(((e,t)=>{t.exports=Function.call.bind(Object.prototype.hasOwnProperty)})),Xe=n(((e,t)=>{var n=function(){};if(process.env.NODE_ENV!==`production`){var r=Je(),i={},a=Ye();n=function(e){var t=`Warning: `+e;typeof console<`u`&&console.error(t);try{throw Error(t)}catch{}}}function o(e,t,o,s,c){if(process.env.NODE_ENV!==`production`){for(var l in e)if(a(e,l)){var u;try{if(typeof e[l]!=`function`){var d=Error((s||`React class`)+`: `+o+" type `"+l+"` is invalid; it must be a function, usually from the `prop-types` package, but received `"+typeof e[l]+"`.This often happens because of typos such as `PropTypes.function` instead of `PropTypes.func`.");throw d.name=`Invariant Violation`,d}u=e[l](t,l,s,o,null,r)}catch(e){u=e}if(u&&!(u instanceof Error)&&n((s||`React class`)+`: type specification of `+o+" `"+l+"` is invalid; the type checker function must return `null` or an `Error` but returned a "+typeof u+`. You may have forgotten to pass an argument to the type checker creator (arrayOf, instanceOf, objectOf, oneOf, oneOfType, and shape all require an argument).`),u instanceof Error&&!(u.message in i)){i[u.message]=!0;var f=c?c():``;n(`Failed `+o+` type: `+u.message+(f??``))}}}}o.resetWarningCache=function(){process.env.NODE_ENV!==`production`&&(i={})},t.exports=o})),Ze=n(((e,t)=>{var n=Ke(),r=qe(),i=Je(),a=Ye(),o=Xe(),s=function(){};process.env.NODE_ENV!==`production`&&(s=function(e){var t=`Warning: `+e;typeof console<`u`&&console.error(t);try{throw Error(t)}catch{}});function c(){return null}t.exports=function(e,t){var l=typeof Symbol==`function`&&Symbol.iterator,u=`@@iterator`;function d(e){var t=e&&(l&&e[l]||e[u]);if(typeof t==`function`)return t}var f=`<<anonymous>>`,p={array:_(`array`),bigint:_(`bigint`),bool:_(`boolean`),func:_(`function`),number:_(`number`),object:_(`object`),string:_(`string`),symbol:_(`symbol`),any:v(),arrayOf:y,element:b(),elementType:x(),instanceOf:S,node:E(),objectOf:w,oneOf:C,oneOfType:T,shape:O,exact:k};function m(e,t){return e===t?e!==0||1/e==1/t:e!==e&&t!==t}function h(e,t){this.message=e,this.data=t&&typeof t==`object`?t:{},this.stack=``}h.prototype=Error.prototype;function g(e){if(process.env.NODE_ENV!==`production`)var n={},r=0;function a(a,o,c,l,u,d,p){if(l||=f,d||=c,p!==i){if(t){var m=Error("Calling PropTypes validators directly is not supported by the `prop-types` package. Use `PropTypes.checkPropTypes()` to call them. Read more at http://fb.me/use-check-prop-types");throw m.name=`Invariant Violation`,m}else if(process.env.NODE_ENV!==`production`&&typeof console<`u`){var g=l+`:`+c;!n[g]&&r<3&&(s("You are manually calling a React.PropTypes validation function for the `"+d+"` prop on `"+l+"`. This is deprecated and will throw in the standalone `prop-types` package. You may be seeing this warning due to a third-party PropTypes library. See https://fb.me/react-warning-dont-call-proptypes for details."),n[g]=!0,r++)}}return o[c]==null?a?o[c]===null?new h(`The `+u+" `"+d+"` is marked as required "+("in `"+l+"`, but its value is `null`.")):new h(`The `+u+" `"+d+"` is marked as required in "+("`"+l+"`, but its value is `undefined`.")):null:e(o,c,l,u,d)}var o=a.bind(null,!1);return o.isRequired=a.bind(null,!0),o}function _(e){function t(t,n,r,i,a,o){var s=t[n];if(M(s)!==e){var c=N(s);return new h(`Invalid `+i+" `"+a+"` of type "+("`"+c+"` supplied to `"+r+"`, expected ")+("`"+e+"`."),{expectedType:e})}return null}return g(t)}function v(){return g(c)}function y(e){function t(t,n,r,a,o){if(typeof e!=`function`)return new h("Property `"+o+"` of component `"+r+"` has invalid PropType notation inside arrayOf.");var s=t[n];if(!Array.isArray(s)){var c=M(s);return new h(`Invalid `+a+" `"+o+"` of type "+("`"+c+"` supplied to `"+r+"`, expected an array."))}for(var l=0;l<s.length;l++){var u=e(s,l,r,a,o+`[`+l+`]`,i);if(u instanceof Error)return u}return null}return g(t)}function b(){function t(t,n,r,i,a){var o=t[n];if(!e(o)){var s=M(o);return new h(`Invalid `+i+" `"+a+"` of type "+("`"+s+"` supplied to `"+r+"`, expected a single ReactElement."))}return null}return g(t)}function x(){function e(e,t,r,i,a){var o=e[t];if(!n.isValidElementType(o)){var s=M(o);return new h(`Invalid `+i+" `"+a+"` of type "+("`"+s+"` supplied to `"+r+"`, expected a single ReactElement type."))}return null}return g(e)}function S(e){function t(t,n,r,i,a){if(!(t[n]instanceof e)){var o=e.name||f,s=F(t[n]);return new h(`Invalid `+i+" `"+a+"` of type "+("`"+s+"` supplied to `"+r+"`, expected ")+("instance of `"+o+"`."))}return null}return g(t)}function C(e){if(!Array.isArray(e))return process.env.NODE_ENV!==`production`&&(arguments.length>1?s(`Invalid arguments supplied to oneOf, expected an array, got `+arguments.length+` arguments. A common mistake is to write oneOf(x, y, z) instead of oneOf([x, y, z]).`):s(`Invalid argument supplied to oneOf, expected an array.`)),c;function t(t,n,r,i,a){for(var o=t[n],s=0;s<e.length;s++)if(m(o,e[s]))return null;var c=JSON.stringify(e,function(e,t){return N(t)===`symbol`?String(t):t});return new h(`Invalid `+i+" `"+a+"` of value `"+String(o)+"` "+("supplied to `"+r+"`, expected one of "+c+`.`))}return g(t)}function w(e){function t(t,n,r,o,s){if(typeof e!=`function`)return new h("Property `"+s+"` of component `"+r+"` has invalid PropType notation inside objectOf.");var c=t[n],l=M(c);if(l!==`object`)return new h(`Invalid `+o+" `"+s+"` of type "+("`"+l+"` supplied to `"+r+"`, expected an object."));for(var u in c)if(a(c,u)){var d=e(c,u,r,o,s+`.`+u,i);if(d instanceof Error)return d}return null}return g(t)}function T(e){if(!Array.isArray(e))return process.env.NODE_ENV!==`production`&&s(`Invalid argument supplied to oneOfType, expected an instance of array.`),c;for(var t=0;t<e.length;t++){var n=e[t];if(typeof n!=`function`)return s(`Invalid argument supplied to oneOfType. Expected an array of check functions, but received `+P(n)+` at index `+t+`.`),c}function r(t,n,r,o,s){for(var c=[],l=0;l<e.length;l++){var u=e[l],d=u(t,n,r,o,s,i);if(d==null)return null;d.data&&a(d.data,`expectedType`)&&c.push(d.data.expectedType)}var f=c.length>0?`, expected one of type [`+c.join(`, `)+`]`:``;return new h(`Invalid `+o+" `"+s+"` supplied to "+("`"+r+"`"+f+`.`))}return g(r)}function E(){function e(e,t,n,r,i){return A(e[t])?null:new h(`Invalid `+r+" `"+i+"` supplied to "+("`"+n+"`, expected a ReactNode."))}return g(e)}function D(e,t,n,r,i){return new h((e||`React class`)+`: `+t+" type `"+n+`.`+r+"` is invalid; it must be a function, usually from the `prop-types` package, but received `"+i+"`.")}function O(e){function t(t,n,r,a,o){var s=t[n],c=M(s);if(c!==`object`)return new h(`Invalid `+a+" `"+o+"` of type `"+c+"` "+("supplied to `"+r+"`, expected `object`."));for(var l in e){var u=e[l];if(typeof u!=`function`)return D(r,a,o,l,N(u));var d=u(s,l,r,a,o+`.`+l,i);if(d)return d}return null}return g(t)}function k(e){function t(t,n,o,s,c){var l=t[n],u=M(l);if(u!==`object`)return new h(`Invalid `+s+" `"+c+"` of type `"+u+"` "+("supplied to `"+o+"`, expected `object`."));for(var d in r({},t[n],e)){var f=e[d];if(a(e,d)&&typeof f!=`function`)return D(o,s,c,d,N(f));if(!f)return new h(`Invalid `+s+" `"+c+"` key `"+d+"` supplied to `"+o+`\`.
+Bad object: `+JSON.stringify(t[n],null,`  `)+`
+Valid keys: `+JSON.stringify(Object.keys(e),null,`  `));var p=f(l,d,o,s,c+`.`+d,i);if(p)return p}return null}return g(t)}function A(t){switch(typeof t){case`number`:case`string`:case`undefined`:return!0;case`boolean`:return!t;case`object`:if(Array.isArray(t))return t.every(A);if(t===null||e(t))return!0;var n=d(t);if(n){var r=n.call(t),i;if(n!==t.entries){for(;!(i=r.next()).done;)if(!A(i.value))return!1}else for(;!(i=r.next()).done;){var a=i.value;if(a&&!A(a[1]))return!1}}else return!1;return!0;default:return!1}}function j(e,t){return e===`symbol`?!0:t?t[`@@toStringTag`]===`Symbol`||typeof Symbol==`function`&&t instanceof Symbol:!1}function M(e){var t=typeof e;return Array.isArray(e)?`array`:e instanceof RegExp?`object`:j(t,e)?`symbol`:t}function N(e){if(e==null)return``+e;var t=M(e);if(t===`object`){if(e instanceof Date)return`date`;if(e instanceof RegExp)return`regexp`}return t}function P(e){var t=N(e);switch(t){case`array`:case`object`:return`an `+t;case`boolean`:case`date`:case`regexp`:return`a `+t;default:return t}}function F(e){return!e.constructor||!e.constructor.name?f:e.constructor.name}return p.checkPropTypes=o,p.resetWarningCache=o.resetWarningCache,p.PropTypes=p,p}})),Qe=n(((e,t)=>{var n=Je();function r(){}function i(){}i.resetWarningCache=r,t.exports=function(){function e(e,t,r,i,a,o){if(o!==n){var s=Error("Calling PropTypes validators directly is not supported by the `prop-types` package. Use PropTypes.checkPropTypes() to call them. Read more at http://fb.me/use-check-prop-types");throw s.name=`Invariant Violation`,s}}e.isRequired=e;function t(){return e}var a={array:e,bigint:e,bool:e,func:e,number:e,object:e,string:e,symbol:e,any:e,arrayOf:t,element:e,elementType:e,instanceOf:t,node:e,objectOf:t,oneOf:t,oneOfType:t,shape:t,exact:t,checkPropTypes:i,resetWarningCache:r};return a.PropTypes=a,a}})),$e=n(((e,t)=>{if(process.env.NODE_ENV!==`production`){var n=Ke();t.exports=Ze()(n.isElement,!0)}else t.exports=Qe()()})),et=n((e=>{Object.defineProperty(e,`__esModule`,{value:!0}),e.dontSetMe=a,e.findInArray=t,e.int=i,e.isFunction=n,e.isNum=r;function t(e,t){for(let n=0,r=e.length;n<r;n++)if(t.apply(t,[e[n],n,e]))return e[n]}function n(e){return typeof e==`function`||Object.prototype.toString.call(e)===`[object Function]`}function r(e){return typeof e==`number`&&!isNaN(e)}function i(e){return parseInt(e,10)}function a(e,t,n){if(e[t])return Error(`Invalid prop ${t} passed to ${n} - do not set this, set it on the child.`)}})),tt=n((e=>{Object.defineProperty(e,`__esModule`,{value:!0}),e.browserPrefixToKey=r,e.browserPrefixToStyle=i,e.default=void 0,e.getPrefix=n;let t=[`Moz`,`Webkit`,`O`,`ms`];function n(){let e=arguments.length>0&&arguments[0]!==void 0?arguments[0]:`transform`;if(typeof window>`u`)return``;let n=window.document?.documentElement?.style;if(!n||e in n)return``;for(let i=0;i<t.length;i++)if(r(e,t[i])in n)return t[i];return``}function r(e,t){return t?`${t}${a(e)}`:e}function i(e,t){return t?`-${t.toLowerCase()}-${e}`:e}function a(e){let t=``,n=!0;for(let r=0;r<e.length;r++)n?(t+=e[r].toUpperCase(),n=!1):e[r]===`-`?n=!0:t+=e[r];return t}e.default=n()})),nt=n((e=>{Object.defineProperty(e,`__esModule`,{value:!0}),e.addClassName=S,e.addEvent=s,e.addUserSelectStyles=y,e.createCSSTransform=m,e.createSVGTransform=h,e.getTouch=_,e.getTouchIdentifier=v,e.getTranslation=g,e.innerHeight=d,e.innerWidth=f,e.matchesSelector=a,e.matchesSelectorAndParentsTo=o,e.offsetXYFromParent=p,e.outerHeight=l,e.outerWidth=u,e.removeClassName=C,e.removeEvent=c,e.scheduleRemoveUserSelectStyles=b;var t=et(),n=r(tt());function r(e,t){if(typeof WeakMap==`function`)var n=new WeakMap,i=new WeakMap;return(r=function(e,t){if(!t&&e&&e.__esModule)return e;var r,a,o={__proto__:null,default:e};if(e===null||typeof e!=`object`&&typeof e!=`function`)return o;if(r=t?i:n){if(r.has(e))return r.get(e);r.set(e,o)}for(let t in e)t!==`default`&&{}.hasOwnProperty.call(e,t)&&((a=(r=Object.defineProperty)&&Object.getOwnPropertyDescriptor(e,t))&&(a.get||a.set)?r(o,t,a):o[t]=e[t]);return o})(e,t)}let i=``;function a(e,n){return i||=(0,t.findInArray)([`matches`,`webkitMatchesSelector`,`mozMatchesSelector`,`msMatchesSelector`,`oMatchesSelector`],function(n){return(0,t.isFunction)(e[n])}),(0,t.isFunction)(e[i])?e[i](n):!1}function o(e,t,n){let r=e;do{if(a(r,t))return!0;if(r===n)return!1;r=r.parentNode}while(r);return!1}function s(e,t,n,r){if(!e)return;let i={capture:!0,...r};e.addEventListener?e.addEventListener(t,n,i):e.attachEvent?e.attachEvent(`on`+t,n):e[`on`+t]=n}function c(e,t,n,r){if(!e)return;let i={capture:!0,...r};e.removeEventListener?e.removeEventListener(t,n,i):e.detachEvent?e.detachEvent(`on`+t,n):e[`on`+t]=null}function l(e){let n=e.clientHeight,r=e.ownerDocument.defaultView.getComputedStyle(e);return n+=(0,t.int)(r.borderTopWidth),n+=(0,t.int)(r.borderBottomWidth),n}function u(e){let n=e.clientWidth,r=e.ownerDocument.defaultView.getComputedStyle(e);return n+=(0,t.int)(r.borderLeftWidth),n+=(0,t.int)(r.borderRightWidth),n}function d(e){let n=e.clientHeight,r=e.ownerDocument.defaultView.getComputedStyle(e);return n-=(0,t.int)(r.paddingTop),n-=(0,t.int)(r.paddingBottom),n}function f(e){let n=e.clientWidth,r=e.ownerDocument.defaultView.getComputedStyle(e);return n-=(0,t.int)(r.paddingLeft),n-=(0,t.int)(r.paddingRight),n}function p(e,t,n){let r=t===t.ownerDocument.body?{left:0,top:0}:t.getBoundingClientRect();return{x:(e.clientX+t.scrollLeft-r.left)/n,y:(e.clientY+t.scrollTop-r.top)/n}}function m(e,t){let r=g(e,t,`px`);return{[(0,n.browserPrefixToKey)(`transform`,n.default)]:r}}function h(e,t){return g(e,t,``)}function g(e,t,n){let{x:r,y:i}=e,a=`translate(${r}${n},${i}${n})`;return t&&(a=`translate(${`${typeof t.x==`string`?t.x:t.x+n}`}, ${`${typeof t.y==`string`?t.y:t.y+n}`})`+a),a}function _(e,n){return e.targetTouches&&(0,t.findInArray)(e.targetTouches,e=>n===e.identifier)||e.changedTouches&&(0,t.findInArray)(e.changedTouches,e=>n===e.identifier)}function v(e){if(e.targetTouches&&e.targetTouches[0])return e.targetTouches[0].identifier;if(e.changedTouches&&e.changedTouches[0])return e.changedTouches[0].identifier}function y(e){if(!e)return;let t=e.getElementById(`react-draggable-style-el`);t||(t=e.createElement(`style`),t.type=`text/css`,t.id=`react-draggable-style-el`,t.innerHTML=`.react-draggable-transparent-selection *::-moz-selection {all: inherit;}
+`,t.innerHTML+=`.react-draggable-transparent-selection *::selection {all: inherit;}
+`,e.getElementsByTagName(`head`)[0].appendChild(t)),e.body&&S(e.body,`react-draggable-transparent-selection`)}function b(e){window.requestAnimationFrame?window.requestAnimationFrame(()=>{x(e)}):x(e)}function x(e){if(e)try{if(e.body&&C(e.body,`react-draggable-transparent-selection`),e.selection)e.selection.empty();else{let t=(e.defaultView||window).getSelection();t&&t.type!==`Caret`&&t.removeAllRanges()}}catch{}}function S(e,t){e.classList?e.classList.add(t):e.className.match(RegExp(`(?:^|\\s)${t}(?!\\S)`))||(e.className+=` ${t}`)}function C(e,t){e.classList?e.classList.remove(t):e.className=e.className.replace(RegExp(`(?:^|\\s)${t}(?!\\S)`,`g`),``)}})),rt=n((e=>{Object.defineProperty(e,`__esModule`,{value:!0}),e.canDragX=a,e.canDragY=o,e.createCoreData=c,e.createDraggableData=l,e.getBoundPosition=r,e.getControlPosition=s,e.snapToGrid=i;var t=et(),n=nt();function r(e,r,i){if(!e.props.bounds)return[r,i];let{bounds:a}=e.props;a=typeof a==`string`?a:u(a);let o=d(e);if(typeof a==`string`){let{ownerDocument:e}=o,r=e.defaultView,i;if(i=a===`parent`?o.parentNode:o.getRootNode().querySelector(a),!(i instanceof r.HTMLElement))throw Error(`Bounds selector "`+a+`" could not find an element.`);let s=i,c=r.getComputedStyle(o),l=r.getComputedStyle(s);a={left:-o.offsetLeft+(0,t.int)(l.paddingLeft)+(0,t.int)(c.marginLeft),top:-o.offsetTop+(0,t.int)(l.paddingTop)+(0,t.int)(c.marginTop),right:(0,n.innerWidth)(s)-(0,n.outerWidth)(o)-o.offsetLeft+(0,t.int)(l.paddingRight)-(0,t.int)(c.marginRight),bottom:(0,n.innerHeight)(s)-(0,n.outerHeight)(o)-o.offsetTop+(0,t.int)(l.paddingBottom)-(0,t.int)(c.marginBottom)}}return(0,t.isNum)(a.right)&&(r=Math.min(r,a.right)),(0,t.isNum)(a.bottom)&&(i=Math.min(i,a.bottom)),(0,t.isNum)(a.left)&&(r=Math.max(r,a.left)),(0,t.isNum)(a.top)&&(i=Math.max(i,a.top)),[r,i]}function i(e,t,n){return[Math.round(t/e[0])*e[0],Math.round(n/e[1])*e[1]]}function a(e){return e.props.axis===`both`||e.props.axis===`x`}function o(e){return e.props.axis===`both`||e.props.axis===`y`}function s(e,t,r){let i=typeof t==`number`?(0,n.getTouch)(e,t):null;if(typeof t==`number`&&!i)return null;let a=d(r),o=r.props.offsetParent||a.offsetParent||a.ownerDocument.body;return(0,n.offsetXYFromParent)(i||e,o,r.props.scale)}function c(e,n,r){let i=!(0,t.isNum)(e.lastX),a=d(e);return i?{node:a,deltaX:0,deltaY:0,lastX:n,lastY:r,x:n,y:r}:{node:a,deltaX:n-e.lastX,deltaY:r-e.lastY,lastX:e.lastX,lastY:e.lastY,x:n,y:r}}function l(e,t){let n=e.props.scale;return{node:t.node,x:e.state.x+t.deltaX/n,y:e.state.y+t.deltaY/n,deltaX:t.deltaX/n,deltaY:t.deltaY/n,lastX:e.state.x,lastY:e.state.y}}function u(e){return{left:e.left,top:e.top,right:e.right,bottom:e.bottom}}function d(e){let t=e.findDOMNode();if(!t)throw Error(`<DraggableCore>: Unmounted during event!`);return t}})),it=n((e=>{Object.defineProperty(e,`__esModule`,{value:!0}),e.default=t;function t(){}})),at=n((t=>{Object.defineProperty(t,`__esModule`,{value:!0}),t.default=void 0;var n=u(e(`react`)),r=l($e()),i=l(e(`react-dom`)),a=nt(),o=rt(),s=et(),c=l(it());function l(e){return e&&e.__esModule?e:{default:e}}function u(e,t){if(typeof WeakMap==`function`)var n=new WeakMap,r=new WeakMap;return(u=function(e,t){if(!t&&e&&e.__esModule)return e;var i,a,o={__proto__:null,default:e};if(e===null||typeof e!=`object`&&typeof e!=`function`)return o;if(i=t?r:n){if(i.has(e))return i.get(e);i.set(e,o)}for(let t in e)t!==`default`&&{}.hasOwnProperty.call(e,t)&&((a=(i=Object.defineProperty)&&Object.getOwnPropertyDescriptor(e,t))&&(a.get||a.set)?i(o,t,a):o[t]=e[t]);return o})(e,t)}function d(e,t,n){return(t=f(t))in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}function f(e){var t=p(e,`string`);return typeof t==`symbol`?t:t+``}function p(e,t){if(typeof e!=`object`||!e)return e;var n=e[Symbol.toPrimitive];if(n!==void 0){var r=n.call(e,t||`default`);if(typeof r!=`object`)return r;throw TypeError(`@@toPrimitive must return a primitive value.`)}return(t===`string`?String:Number)(e)}let m={touch:{start:`touchstart`,move:`touchmove`,stop:`touchend`},mouse:{start:`mousedown`,move:`mousemove`,stop:`mouseup`}},h=m.mouse;var g=class extends n.Component{constructor(){super(...arguments),d(this,`dragging`,!1),d(this,`lastX`,NaN),d(this,`lastY`,NaN),d(this,`touchIdentifier`,null),d(this,`mounted`,!1),d(this,`handleDragStart`,e=>{if(this.props.onMouseDown(e),!this.props.allowAnyClick&&typeof e.button==`number`&&e.button!==0)return!1;let t=this.findDOMNode();if(!t||!t.ownerDocument||!t.ownerDocument.body)throw Error(`<DraggableCore> not mounted on DragStart!`);let{ownerDocument:n}=t;if(this.props.disabled||!(e.target instanceof n.defaultView.Node)||this.props.handle&&!(0,a.matchesSelectorAndParentsTo)(e.target,this.props.handle,t)||this.props.cancel&&(0,a.matchesSelectorAndParentsTo)(e.target,this.props.cancel,t))return;e.type===`touchstart`&&!this.props.allowMobileScroll&&e.preventDefault();let r=(0,a.getTouchIdentifier)(e);this.touchIdentifier=r;let i=(0,o.getControlPosition)(e,r,this);if(i==null)return;let{x:s,y:l}=i,u=(0,o.createCoreData)(this,s,l);(0,c.default)(`DraggableCore: handleDragStart: %j`,u),(0,c.default)(`calling`,this.props.onStart),!(this.props.onStart(e,u)===!1||this.mounted===!1)&&(this.props.enableUserSelectHack&&(0,a.addUserSelectStyles)(n),this.dragging=!0,this.lastX=s,this.lastY=l,(0,a.addEvent)(n,h.move,this.handleDrag),(0,a.addEvent)(n,h.stop,this.handleDragStop))}),d(this,`handleDrag`,e=>{let t=(0,o.getControlPosition)(e,this.touchIdentifier,this);if(t==null)return;let{x:n,y:r}=t;if(Array.isArray(this.props.grid)){let e=n-this.lastX,t=r-this.lastY;if([e,t]=(0,o.snapToGrid)(this.props.grid,e,t),!e&&!t)return;n=this.lastX+e,r=this.lastY+t}let i=(0,o.createCoreData)(this,n,r);if((0,c.default)(`DraggableCore: handleDrag: %j`,i),this.props.onDrag(e,i)===!1||this.mounted===!1){try{this.handleDragStop(new MouseEvent(`mouseup`))}catch{let e=document.createEvent(`MouseEvents`);e.initMouseEvent(`mouseup`,!0,!0,window,0,0,0,0,0,!1,!1,!1,!1,0,null),this.handleDragStop(e)}return}this.lastX=n,this.lastY=r}),d(this,`handleDragStop`,e=>{if(!this.dragging)return;let t=(0,o.getControlPosition)(e,this.touchIdentifier,this);if(t==null)return;let{x:n,y:r}=t;if(Array.isArray(this.props.grid)){let e=n-this.lastX||0,t=r-this.lastY||0;[e,t]=(0,o.snapToGrid)(this.props.grid,e,t),n=this.lastX+e,r=this.lastY+t}let i=(0,o.createCoreData)(this,n,r);if(this.props.onStop(e,i)===!1||this.mounted===!1)return!1;let s=this.findDOMNode();s&&this.props.enableUserSelectHack&&(0,a.scheduleRemoveUserSelectStyles)(s.ownerDocument),(0,c.default)(`DraggableCore: handleDragStop: %j`,i),this.dragging=!1,this.lastX=NaN,this.lastY=NaN,s&&((0,c.default)(`DraggableCore: Removing handlers`),(0,a.removeEvent)(s.ownerDocument,h.move,this.handleDrag),(0,a.removeEvent)(s.ownerDocument,h.stop,this.handleDragStop))}),d(this,`onMouseDown`,e=>(h=m.mouse,this.handleDragStart(e))),d(this,`onMouseUp`,e=>(h=m.mouse,this.handleDragStop(e))),d(this,`onTouchStart`,e=>(h=m.touch,this.handleDragStart(e))),d(this,`onTouchEnd`,e=>(h=m.touch,this.handleDragStop(e)))}componentDidMount(){this.mounted=!0;let e=this.findDOMNode();e&&(0,a.addEvent)(e,m.touch.start,this.onTouchStart,{passive:!1})}componentWillUnmount(){this.mounted=!1;let e=this.findDOMNode();if(e){let{ownerDocument:t}=e;(0,a.removeEvent)(t,m.mouse.move,this.handleDrag),(0,a.removeEvent)(t,m.touch.move,this.handleDrag),(0,a.removeEvent)(t,m.mouse.stop,this.handleDragStop),(0,a.removeEvent)(t,m.touch.stop,this.handleDragStop),(0,a.removeEvent)(e,m.touch.start,this.onTouchStart,{passive:!1}),this.props.enableUserSelectHack&&(0,a.scheduleRemoveUserSelectStyles)(t)}}findDOMNode(){return this.props?.nodeRef?this.props?.nodeRef?.current:i.default.findDOMNode(this)}render(){return n.cloneElement(n.Children.only(this.props.children),{onMouseDown:this.onMouseDown,onMouseUp:this.onMouseUp,onTouchEnd:this.onTouchEnd})}};t.default=g,d(g,`displayName`,`DraggableCore`),d(g,`propTypes`,{allowAnyClick:r.default.bool,allowMobileScroll:r.default.bool,children:r.default.node.isRequired,disabled:r.default.bool,enableUserSelectHack:r.default.bool,offsetParent:function(e,t){if(e[t]&&e[t].nodeType!==1)throw Error(`Draggable's offsetParent must be a DOM Node.`)},grid:r.default.arrayOf(r.default.number),handle:r.default.string,cancel:r.default.string,nodeRef:r.default.object,onStart:r.default.func,onDrag:r.default.func,onStop:r.default.func,onMouseDown:r.default.func,scale:r.default.number,className:s.dontSetMe,style:s.dontSetMe,transform:s.dontSetMe}),d(g,`defaultProps`,{allowAnyClick:!1,allowMobileScroll:!1,disabled:!1,enableUserSelectHack:!0,onStart:function(){},onDrag:function(){},onStop:function(){},onMouseDown:function(){},scale:1})})),ot=n((t=>{Object.defineProperty(t,`__esModule`,{value:!0}),Object.defineProperty(t,`DraggableCore`,{enumerable:!0,get:function(){return l.default}}),t.default=void 0;var n=f(e(`react`)),r=d($e()),i=d(e(`react-dom`)),a=Be(),o=nt(),s=rt(),c=et(),l=d(at()),u=d(it());function d(e){return e&&e.__esModule?e:{default:e}}function f(e,t){if(typeof WeakMap==`function`)var n=new WeakMap,r=new WeakMap;return(f=function(e,t){if(!t&&e&&e.__esModule)return e;var i,a,o={__proto__:null,default:e};if(e===null||typeof e!=`object`&&typeof e!=`function`)return o;if(i=t?r:n){if(i.has(e))return i.get(e);i.set(e,o)}for(let t in e)t!==`default`&&{}.hasOwnProperty.call(e,t)&&((a=(i=Object.defineProperty)&&Object.getOwnPropertyDescriptor(e,t))&&(a.get||a.set)?i(o,t,a):o[t]=e[t]);return o})(e,t)}function p(){return p=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var r in n)({}).hasOwnProperty.call(n,r)&&(e[r]=n[r])}return e},p.apply(null,arguments)}function m(e,t,n){return(t=h(t))in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}function h(e){var t=g(e,`string`);return typeof t==`symbol`?t:t+``}function g(e,t){if(typeof e!=`object`||!e)return e;var n=e[Symbol.toPrimitive];if(n!==void 0){var r=n.call(e,t||`default`);if(typeof r!=`object`)return r;throw TypeError(`@@toPrimitive must return a primitive value.`)}return(t===`string`?String:Number)(e)}var _=class extends n.Component{static getDerivedStateFromProps(e,t){let{position:n}=e,{prevPropsPosition:r}=t;return n&&(!r||n.x!==r.x||n.y!==r.y)?((0,u.default)(`Draggable: getDerivedStateFromProps %j`,{position:n,prevPropsPosition:r}),{x:n.x,y:n.y,prevPropsPosition:{...n}}):null}constructor(e){super(e),m(this,`onDragStart`,(e,t)=>{if((0,u.default)(`Draggable: onDragStart: %j`,t),this.props.onStart(e,(0,s.createDraggableData)(this,t))===!1)return!1;this.setState({dragging:!0,dragged:!0})}),m(this,`onDrag`,(e,t)=>{if(!this.state.dragging)return!1;(0,u.default)(`Draggable: onDrag: %j`,t);let n=(0,s.createDraggableData)(this,t),r={x:n.x,y:n.y,slackX:0,slackY:0};if(this.props.bounds){let{x:e,y:t}=r;r.x+=this.state.slackX,r.y+=this.state.slackY;let[i,a]=(0,s.getBoundPosition)(this,r.x,r.y);r.x=i,r.y=a,r.slackX=this.state.slackX+(e-r.x),r.slackY=this.state.slackY+(t-r.y),n.x=r.x,n.y=r.y,n.deltaX=r.x-this.state.x,n.deltaY=r.y-this.state.y}if(this.props.onDrag(e,n)===!1)return!1;this.setState(r)}),m(this,`onDragStop`,(e,t)=>{if(!this.state.dragging||this.props.onStop(e,(0,s.createDraggableData)(this,t))===!1)return!1;(0,u.default)(`Draggable: onDragStop: %j`,t);let n={dragging:!1,slackX:0,slackY:0};if(this.props.position){let{x:e,y:t}=this.props.position;n.x=e,n.y=t}this.setState(n)}),this.state={dragging:!1,dragged:!1,x:e.position?e.position.x:e.defaultPosition.x,y:e.position?e.position.y:e.defaultPosition.y,prevPropsPosition:{...e.position},slackX:0,slackY:0,isElementSVG:!1},e.position&&!(e.onDrag||e.onStop)&&console.warn("A `position` was applied to this <Draggable>, without drag handlers. This will make this component effectively undraggable. Please attach `onDrag` or `onStop` handlers so you can adjust the `position` of this element.")}componentDidMount(){window.SVGElement!==void 0&&this.findDOMNode()instanceof window.SVGElement&&this.setState({isElementSVG:!0})}componentWillUnmount(){this.state.dragging&&this.setState({dragging:!1})}findDOMNode(){return this.props?.nodeRef?.current??i.default.findDOMNode(this)}render(){let{axis:e,bounds:t,children:r,defaultPosition:i,defaultClassName:c,defaultClassNameDragging:u,defaultClassNameDragged:d,position:f,positionOffset:m,scale:h,...g}=this.props,_={},v=null,y=!f||this.state.dragging,b=f||i,x={x:(0,s.canDragX)(this)&&y?this.state.x:b.x,y:(0,s.canDragY)(this)&&y?this.state.y:b.y};this.state.isElementSVG?v=(0,o.createSVGTransform)(x,m):_=(0,o.createCSSTransform)(x,m);let S=(0,a.clsx)(r.props.className||``,c,{[u]:this.state.dragging,[d]:this.state.dragged});return n.createElement(l.default,p({},g,{onStart:this.onDragStart,onDrag:this.onDrag,onStop:this.onDragStop}),n.cloneElement(n.Children.only(r),{className:S,style:{...r.props.style,..._},transform:v}))}};t.default=_,m(_,`displayName`,`Draggable`),m(_,`propTypes`,{...l.default.propTypes,axis:r.default.oneOf([`both`,`x`,`y`,`none`]),bounds:r.default.oneOfType([r.default.shape({left:r.default.number,right:r.default.number,top:r.default.number,bottom:r.default.number}),r.default.string,r.default.oneOf([!1])]),defaultClassName:r.default.string,defaultClassNameDragging:r.default.string,defaultClassNameDragged:r.default.string,defaultPosition:r.default.shape({x:r.default.number,y:r.default.number}),positionOffset:r.default.shape({x:r.default.oneOfType([r.default.number,r.default.string]),y:r.default.oneOfType([r.default.number,r.default.string])}),position:r.default.shape({x:r.default.number,y:r.default.number}),className:c.dontSetMe,style:c.dontSetMe,transform:c.dontSetMe}),m(_,`defaultProps`,{...l.default.defaultProps,axis:`both`,bounds:!1,defaultClassName:`react-draggable`,defaultClassNameDragging:`react-draggable-dragging`,defaultClassNameDragged:`react-draggable-dragged`,defaultPosition:{x:0,y:0},scale:1})})),st=n(((e,t)=>{let{default:n,DraggableCore:r}=ot();t.exports=n,t.exports.default=n,t.exports.DraggableCore=r})),ct=n((t=>{t.__esModule=!0,t.cloneElement=l;var n=r(e(`react`));function r(e){return e&&e.__esModule?e:{default: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 a(e){for(var t=1;t<arguments.length;t++){var n=arguments[t]==null?{}:arguments[t];t%2?i(Object(n),!0).forEach(function(t){o(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}function o(e,t,n){return(t=s(t))in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}function s(e){var t=c(e,`string`);return typeof t==`symbol`?t:t+``}function c(e,t){if(typeof e!=`object`||!e)return e;var n=e[Symbol.toPrimitive];if(n!==void 0){var r=n.call(e,t||`default`);if(typeof r!=`object`)return r;throw TypeError(`@@toPrimitive must return a primitive value.`)}return(t===`string`?String:Number)(e)}function l(e,t){return t.style&&e.props.style&&(t.style=a(a({},e.props.style),t.style)),t.className&&e.props.className&&(t.className=`${e.props.className} ${t.className}`),n.default.cloneElement(e,t)}})),lt=n((e=>{e.__esModule=!0,e.resizableProps=void 0;var t=n($e());st();function n(e){return e&&e.__esModule?e:{default:e}}e.resizableProps={axis:t.default.oneOf([`both`,`x`,`y`,`none`]),className:t.default.string,children:t.default.element.isRequired,draggableOpts:t.default.shape({allowAnyClick:t.default.bool,cancel:t.default.string,children:t.default.node,disabled:t.default.bool,enableUserSelectHack:t.default.bool,offsetParent:typeof Element<`u`?t.default.instanceOf(Element):t.default.any,grid:t.default.arrayOf(t.default.number),handle:t.default.string,nodeRef:t.default.object,onStart:t.default.func,onDrag:t.default.func,onStop:t.default.func,onMouseDown:t.default.func,scale:t.default.number}),height:function(){var e=[...arguments];let[n]=e;return n.axis===`both`||n.axis===`y`?t.default.number.isRequired(...e):t.default.number(...e)},handle:t.default.oneOfType([t.default.node,t.default.func]),handleSize:t.default.arrayOf(t.default.number),lockAspectRatio:t.default.bool,maxConstraints:t.default.arrayOf(t.default.number),minConstraints:t.default.arrayOf(t.default.number),onResizeStop:t.default.func,onResizeStart:t.default.func,onResize:t.default.func,resizeHandles:t.default.arrayOf(t.default.oneOf([`s`,`w`,`e`,`n`,`sw`,`nw`,`se`,`ne`])),transformScale:t.default.number,width:function(){var e=[...arguments];let[n]=e;return n.axis===`both`||n.axis===`x`?t.default.number.isRequired(...e):t.default.number(...e)}}})),ut=n((t=>{t.__esModule=!0,t.default=void 0;var n=s(e(`react`)),r=st(),i=ct(),a=lt();let o=[`children`,`className`,`draggableOpts`,`width`,`height`,`handle`,`handleSize`,`lockAspectRatio`,`axis`,`minConstraints`,`maxConstraints`,`onResize`,`onResizeStop`,`onResizeStart`,`resizeHandles`,`transformScale`];function s(e,t){if(typeof WeakMap==`function`)var n=new WeakMap,r=new WeakMap;return(s=function(e,t){if(!t&&e&&e.__esModule)return e;var i,a,o={__proto__:null,default:e};if(e===null||typeof e!=`object`&&typeof e!=`function`)return o;if(i=t?r:n){if(i.has(e))return i.get(e);i.set(e,o)}for(let t in e)t!==`default`&&{}.hasOwnProperty.call(e,t)&&((a=(i=Object.defineProperty)&&Object.getOwnPropertyDescriptor(e,t))&&(a.get||a.set)?i(o,t,a):o[t]=e[t]);return o})(e,t)}function c(){return c=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var r in n)({}).hasOwnProperty.call(n,r)&&(e[r]=n[r])}return e},c.apply(null,arguments)}function l(e,t){if(e==null)return{};var n,r,i=u(e,t);if(Object.getOwnPropertySymbols){var a=Object.getOwnPropertySymbols(e);for(r=0;r<a.length;r++)n=a[r],t.indexOf(n)===-1&&{}.propertyIsEnumerable.call(e,n)&&(i[n]=e[n])}return i}function u(e,t){if(e==null)return{};var n={};for(var r in e)if({}.hasOwnProperty.call(e,r)){if(t.indexOf(r)!==-1)continue;n[r]=e[r]}return n}function d(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 f(e){for(var t=1;t<arguments.length;t++){var n=arguments[t]==null?{}:arguments[t];t%2?d(Object(n),!0).forEach(function(t){p(e,t,n[t])}):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):d(Object(n)).forEach(function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))})}return e}function p(e,t,n){return(t=m(t))in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}function m(e){var t=h(e,`string`);return typeof t==`symbol`?t:t+``}function h(e,t){if(typeof e!=`object`||!e)return e;var n=e[Symbol.toPrimitive];if(n!==void 0){var r=n.call(e,t||`default`);if(typeof r!=`object`)return r;throw TypeError(`@@toPrimitive must return a primitive value.`)}return(t===`string`?String:Number)(e)}var g=class extends n.Component{constructor(){super(...arguments),this.handleRefs={},this.lastHandleRect=null,this.slack=null,this.lastSize=null}componentWillUnmount(){this.resetData()}resetData(){this.lastHandleRect=this.slack=this.lastSize=null}runConstraints(e,t){let{minConstraints:n,maxConstraints:r,lockAspectRatio:i}=this.props;if(!n&&!r&&!i)return[e,t];if(i){let n=this.props.width/this.props.height,r=e-this.props.width,i=t-this.props.height;Math.abs(r)>Math.abs(i*n)?t=e/n:e=t*n}let[a,o]=[e,t],[s,c]=this.slack||[0,0];return e+=s,t+=c,n&&(e=Math.max(n[0],e),t=Math.max(n[1],t)),r&&(e=Math.min(r[0],e),t=Math.min(r[1],t)),this.slack=[s+(a-e),c+(o-t)],[e,t]}resizeHandler(e,t){return(n,r)=>{let{node:i,deltaX:a,deltaY:o}=r;e===`onResizeStart`&&this.resetData();let s=(this.props.axis===`both`||this.props.axis===`x`)&&t!==`n`&&t!==`s`,c=(this.props.axis===`both`||this.props.axis===`y`)&&t!==`e`&&t!==`w`;if(!s&&!c)return;let l=t[0],u=t[t.length-1],d=i.getBoundingClientRect();if(this.lastHandleRect!=null){if(u===`w`){let e=d.left-this.lastHandleRect.left;a+=e}if(l===`n`){let e=d.top-this.lastHandleRect.top;o+=e}}this.lastHandleRect=d,u===`w`&&(a=-a),l===`n`&&(o=-o);let f=this.props.width+(s?a/this.props.transformScale:0),p=this.props.height+(c?o/this.props.transformScale:0);[f,p]=this.runConstraints(f,p),e===`onResizeStop`&&this.lastSize&&({width:f,height:p}=this.lastSize);let m=f!==this.props.width||p!==this.props.height;e!==`onResizeStop`&&(this.lastSize={width:f,height:p});let h=typeof this.props[e]==`function`?this.props[e]:null;h&&!(e===`onResize`&&!m)&&(n.persist?.(),h(n,{node:i,size:{width:f,height:p},handle:t})),e===`onResizeStop`&&this.resetData()}}renderResizeHandle(e,t){let{handle:r}=this.props;if(!r)return n.createElement(`span`,{className:`react-resizable-handle react-resizable-handle-${e}`,ref:t});if(typeof r==`function`)return r(e,t);let i=typeof r.type==`string`,a=f({ref:t},i?{}:{handleAxis:e});return n.cloneElement(r,a)}render(){let e=this.props,{children:t,className:a,draggableOpts:s,width:u,height:d,handle:p,handleSize:m,lockAspectRatio:h,axis:g,minConstraints:_,maxConstraints:v,onResize:y,onResizeStop:b,onResizeStart:x,resizeHandles:S,transformScale:C}=e,w=l(e,o);return(0,i.cloneElement)(t,f(f({},w),{},{className:`${a?`${a} `:``}react-resizable`,children:[...n.Children.toArray(t.props.children),...S.map(e=>{let t=this.handleRefs[e]??(this.handleRefs[e]=n.createRef());return n.createElement(r.DraggableCore,c({},s,{nodeRef:t,key:`resizableHandle-${e}`,onStop:this.resizeHandler(`onResizeStop`,e),onStart:this.resizeHandler(`onResizeStart`,e),onDrag:this.resizeHandler(`onResize`,e)}),this.renderResizeHandle(e,t))})]}))}};t.default=g,g.propTypes=a.resizableProps,g.defaultProps={axis:`both`,handleSize:[20,20],lockAspectRatio:!1,minConstraints:[20,20],maxConstraints:[1/0,1/0],resizeHandles:[`se`],transformScale:1}})),dt=n((t=>{t.__esModule=!0,t.default=void 0;var n=c(e(`react`)),r=s($e()),i=s(ut()),a=lt();let o=[`handle`,`handleSize`,`onResize`,`onResizeStart`,`onResizeStop`,`draggableOpts`,`minConstraints`,`maxConstraints`,`lockAspectRatio`,`axis`,`width`,`height`,`resizeHandles`,`style`,`transformScale`];function s(e){return e&&e.__esModule?e:{default:e}}function c(e,t){if(typeof WeakMap==`function`)var n=new WeakMap,r=new WeakMap;return(c=function(e,t){if(!t&&e&&e.__esModule)return e;var i,a,o={__proto__:null,default:e};if(e===null||typeof e!=`object`&&typeof e!=`function`)return o;if(i=t?r:n){if(i.has(e))return i.get(e);i.set(e,o)}for(let t in e)t!==`default`&&{}.hasOwnProperty.call(e,t)&&((a=(i=Object.defineProperty)&&Object.getOwnPropertyDescriptor(e,t))&&(a.get||a.set)?i(o,t,a):o[t]=e[t]);return o})(e,t)}function l(){return l=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var r in n)({}).hasOwnProperty.call(n,r)&&(e[r]=n[r])}return e},l.apply(null,arguments)}function u(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 d(e){for(var t=1;t<arguments.length;t++){var n=arguments[t]==null?{}:arguments[t];t%2?u(Object(n),!0).forEach(function(t){f(e,t,n[t])}):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):u(Object(n)).forEach(function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))})}return e}function f(e,t,n){return(t=p(t))in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}function p(e){var t=m(e,`string`);return typeof t==`symbol`?t:t+``}function m(e,t){if(typeof e!=`object`||!e)return e;var n=e[Symbol.toPrimitive];if(n!==void 0){var r=n.call(e,t||`default`);if(typeof r!=`object`)return r;throw TypeError(`@@toPrimitive must return a primitive value.`)}return(t===`string`?String:Number)(e)}function h(e,t){if(e==null)return{};var n,r,i=g(e,t);if(Object.getOwnPropertySymbols){var a=Object.getOwnPropertySymbols(e);for(r=0;r<a.length;r++)n=a[r],t.indexOf(n)===-1&&{}.propertyIsEnumerable.call(e,n)&&(i[n]=e[n])}return i}function g(e,t){if(e==null)return{};var n={};for(var r in e)if({}.hasOwnProperty.call(e,r)){if(t.indexOf(r)!==-1)continue;n[r]=e[r]}return n}var _=class extends n.Component{constructor(){super(...arguments),this.state={width:this.props.width,height:this.props.height,propsWidth:this.props.width,propsHeight:this.props.height},this.onResize=(e,t)=>{let{size:n}=t;this.props.onResize?(e.persist?.(),this.setState(n,()=>this.props.onResize&&this.props.onResize(e,t))):this.setState(n)}}static getDerivedStateFromProps(e,t){return t.propsWidth!==e.width||t.propsHeight!==e.height?{width:e.width,height:e.height,propsWidth:e.width,propsHeight:e.height}:null}render(){let e=this.props,{handle:t,handleSize:r,onResize:a,onResizeStart:s,onResizeStop:c,draggableOpts:u,minConstraints:f,maxConstraints:p,lockAspectRatio:m,axis:g,width:_,height:v,resizeHandles:y,style:b,transformScale:x}=e,S=h(e,o);return n.createElement(i.default,{axis:g,draggableOpts:u,handle:t,handleSize:r,height:this.state.height,lockAspectRatio:m,maxConstraints:p,minConstraints:f,onResizeStart:s,onResize:this.onResize,onResizeStop:c,resizeHandles:y,transformScale:x,width:this.state.width},n.createElement(`div`,l({},S,{style:d(d({},b),{},{width:this.state.width+`px`,height:this.state.height+`px`})})))}};t.default=_,_.propTypes=d(d({},a.resizableProps),{},{children:r.default.element})})),ft=n(((e,t)=>{t.exports=function(){throw Error(`Don't instantiate Resizable directly! Use require('react-resizable').Resizable`)},t.exports.Resizable=ut().default,t.exports.ResizableBox=dt().default})),pt=n((t=>{Object.defineProperty(t,`__esModule`,{value:!0}),t.resizeHandleType=t.resizeHandleAxesType=t.default=void 0;var n=i($e()),r=i(e(`react`));function i(e){return e&&e.__esModule?e:{default:e}}let a=t.resizeHandleAxesType=n.default.arrayOf(n.default.oneOf([`s`,`w`,`e`,`n`,`sw`,`nw`,`se`,`ne`])),o=t.resizeHandleType=n.default.oneOfType([n.default.node,n.default.func]);t.default={className:n.default.string,style:n.default.object,width:n.default.number,autoSize:n.default.bool,cols:n.default.number,draggableCancel:n.default.string,draggableHandle:n.default.string,verticalCompact:function(e){e.verticalCompact===!1&&process.env.NODE_ENV!==`production`&&console.warn('`verticalCompact` on <ReactGridLayout> is deprecated and will be removed soon. Use `compactType`: "horizontal" | "vertical" | null.')},compactType:n.default.oneOf([`vertical`,`horizontal`]),layout:function(e){var t=e.layout;t!==void 0&&He().validateLayout(t,`layout`)},margin:n.default.arrayOf(n.default.number),containerPadding:n.default.arrayOf(n.default.number),rowHeight:n.default.number,maxRows:n.default.number,isBounded:n.default.bool,isDraggable:n.default.bool,isResizable:n.default.bool,allowOverlap:n.default.bool,preventCollision:n.default.bool,useCSSTransforms:n.default.bool,transformScale:n.default.number,isDroppable:n.default.bool,resizeHandles:a,resizeHandle:o,onLayoutChange:n.default.func,onDragStart:n.default.func,onDrag:n.default.func,onDragStop:n.default.func,onResizeStart:n.default.func,onResize:n.default.func,onResizeStop:n.default.func,onDrop:n.default.func,droppingItem:n.default.shape({i:n.default.string.isRequired,w:n.default.number.isRequired,h:n.default.number.isRequired}),children:function(e,t){let n=e[t],i={};r.default.Children.forEach(n,function(e){if(e?.key!=null){if(i[e.key])throw Error(`Duplicate child key "`+e.key+`" found! This will cause problems in ReactGridLayout.`);i[e.key]=!0}})},innerRef:n.default.any}})),mt=n((t=>{Object.defineProperty(t,`__esModule`,{value:!0}),t.default=void 0;var n=d(e(`react`)),r=e(`react-dom`),i=d($e()),a=st(),o=ft(),s=He(),c=Ue(),l=pt(),u=d(Be());function d(e){return e&&e.__esModule?e:{default:e}}function f(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 p(e){for(var t=1;t<arguments.length;t++){var n=arguments[t]==null?{}:arguments[t];t%2?f(Object(n),!0).forEach(function(t){m(e,t,n[t])}):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):f(Object(n)).forEach(function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))})}return e}function m(e,t,n){return(t=h(t))in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}function h(e){var t=g(e,`string`);return typeof t==`symbol`?t:t+``}function g(e,t){if(typeof e!=`object`||!e)return e;var n=e[Symbol.toPrimitive];if(n!==void 0){var r=n.call(e,t||`default`);if(typeof r!=`object`)return r;throw TypeError(`@@toPrimitive must return a primitive value.`)}return(t===`string`?String:Number)(e)}var _=class extends n.default.Component{constructor(){super(...arguments),m(this,`state`,{resizing:null,dragging:null,className:``}),m(this,`elementRef`,n.default.createRef()),m(this,`onDragStart`,(e,t)=>{let{node:n}=t,{onDragStart:r,transformScale:i}=this.props;if(!r)return;let a={top:0,left:0},{offsetParent:o}=n;if(!o)return;let s=o.getBoundingClientRect(),l=n.getBoundingClientRect(),u=l.left/i,d=s.left/i,f=l.top/i,p=s.top/i;a.left=u-d+o.scrollLeft,a.top=f-p+o.scrollTop,this.setState({dragging:a});let{x:m,y:h}=(0,c.calcXY)(this.getPositionParams(),a.top,a.left,this.props.w,this.props.h);return r.call(this,this.props.i,m,h,{e,node:n,newPosition:a})}),m(this,`onDrag`,(e,t,n)=>{let{node:i,deltaX:a,deltaY:o}=t,{onDrag:s}=this.props;if(!s)return;if(!this.state.dragging)throw Error(`onDrag called before onDragStart.`);let l=this.state.dragging.top+o,u=this.state.dragging.left+a,{isBounded:d,i:f,w:p,h:m,containerWidth:h}=this.props,g=this.getPositionParams();if(d){let{offsetParent:e}=i;if(e){let{margin:t,rowHeight:n}=this.props,r=e.clientHeight-(0,c.calcGridItemWHPx)(m,n,t[1]);l=(0,c.clamp)(l,0,r);let i=(0,c.calcGridColWidth)(g),a=h-(0,c.calcGridItemWHPx)(p,i,t[0]);u=(0,c.clamp)(u,0,a)}}let _={top:l,left:u};n?this.setState({dragging:_}):(0,r.flushSync)(()=>{this.setState({dragging:_})});let{x:v,y}=(0,c.calcXY)(g,l,u,p,m);return s.call(this,f,v,y,{e,node:i,newPosition:_})}),m(this,`onDragStop`,(e,t)=>{let{node:n}=t,{onDragStop:r}=this.props;if(!r)return;if(!this.state.dragging)throw Error(`onDragEnd called before onDragStart.`);let{w:i,h:a,i:o}=this.props,{left:s,top:l}=this.state.dragging,u={top:l,left:s};this.setState({dragging:null});let{x:d,y:f}=(0,c.calcXY)(this.getPositionParams(),l,s,i,a);return r.call(this,o,d,f,{e,node:n,newPosition:u})}),m(this,`onResizeStop`,(e,t,n)=>this.onResizeHandler(e,t,n,`onResizeStop`)),m(this,`onResizeStart`,(e,t,n)=>this.onResizeHandler(e,t,n,`onResizeStart`)),m(this,`onResize`,(e,t,n)=>this.onResizeHandler(e,t,n,`onResize`))}shouldComponentUpdate(e,t){if(this.props.children!==e.children||this.props.droppingPosition!==e.droppingPosition)return!0;let n=(0,c.calcGridItemPosition)(this.getPositionParams(this.props),this.props.x,this.props.y,this.props.w,this.props.h,this.state),r=(0,c.calcGridItemPosition)(this.getPositionParams(e),e.x,e.y,e.w,e.h,t);return!(0,s.fastPositionEqual)(n,r)||this.props.useCSSTransforms!==e.useCSSTransforms}componentDidMount(){this.moveDroppingItem({})}componentDidUpdate(e){this.moveDroppingItem(e)}moveDroppingItem(e){let{droppingPosition:t}=this.props;if(!t)return;let n=this.elementRef.current;if(!n)return;let r=e.droppingPosition||{left:0,top:0},{dragging:i}=this.state,a=i&&t.left!==r.left||t.top!==r.top;if(!i)this.onDragStart(t.e,{node:n,deltaX:t.left,deltaY:t.top});else if(a){let e=t.left-i.left,r=t.top-i.top;this.onDrag(t.e,{node:n,deltaX:e,deltaY:r},!0)}}getPositionParams(){let e=arguments.length>0&&arguments[0]!==void 0?arguments[0]:this.props;return{cols:e.cols,containerPadding:e.containerPadding,containerWidth:e.containerWidth,margin:e.margin,maxRows:e.maxRows,rowHeight:e.rowHeight}}createStyle(e){let{usePercentages:t,containerWidth:n,useCSSTransforms:r}=this.props,i;return r?i=(0,s.setTransform)(e):(i=(0,s.setTopLeft)(e),t&&(i.left=(0,s.perc)(e.left/n),i.width=(0,s.perc)(e.width/n))),i}mixinDraggable(e,t){return n.default.createElement(a.DraggableCore,{disabled:!t,onStart:this.onDragStart,onDrag:this.onDrag,onStop:this.onDragStop,handle:this.props.handle,cancel:`.react-resizable-handle`+(this.props.cancel?`,`+this.props.cancel:``),scale:this.props.transformScale,nodeRef:this.elementRef},e)}curryResizeHandler(e,t){return(n,r)=>t(n,r,e)}mixinResizable(e,t,r){let{cols:i,minW:a,minH:s,maxW:l,maxH:u,transformScale:d,resizeHandles:f,resizeHandle:p}=this.props,m=this.getPositionParams(),h=(0,c.calcGridItemPosition)(m,0,0,i,0).width,g=(0,c.calcGridItemPosition)(m,0,0,a,s),_=(0,c.calcGridItemPosition)(m,0,0,l,u),v=[g.width,g.height],y=[Math.min(_.width,h),Math.min(_.height,1/0)];return n.default.createElement(o.Resizable,{draggableOpts:{disabled:!r},className:r?void 0:`react-resizable-hide`,width:t.width,height:t.height,minConstraints:v,maxConstraints:y,onResizeStop:this.curryResizeHandler(t,this.onResizeStop),onResizeStart:this.curryResizeHandler(t,this.onResizeStart),onResize:this.curryResizeHandler(t,this.onResize),transformScale:d,resizeHandles:f,handle:p},e)}onResizeHandler(e,t,n,i){let{node:a,size:o,handle:l}=t,u=this.props[i];if(!u)return;let{x:d,y:f,i:p,maxH:m,minH:h,containerWidth:g}=this.props,{minW:_,maxW:v}=this.props,y=o;a&&(y=(0,s.resizeItemInDirection)(l,n,o,g),(0,r.flushSync)(()=>{this.setState({resizing:i===`onResizeStop`?null:y})}));let{w:b,h:x}=(0,c.calcWH)(this.getPositionParams(),y.width,y.height,d,f,l);b=(0,c.clamp)(b,Math.max(_,1),v),x=(0,c.clamp)(x,h,m),u.call(this,p,b,x,{e,node:a,size:y,handle:l})}render(){let{x:e,y:t,w:r,h:i,isDraggable:a,isResizable:o,droppingPosition:s,useCSSTransforms:l}=this.props,d=(0,c.calcGridItemPosition)(this.getPositionParams(),e,t,r,i,this.state),f=n.default.Children.only(this.props.children),m=n.default.cloneElement(f,{ref:this.elementRef,className:(0,u.default)(`react-grid-item`,f.props.className,this.props.className,{static:this.props.static,resizing:!!this.state.resizing,"react-draggable":a,"react-draggable-dragging":!!this.state.dragging,dropping:!!s,cssTransforms:l}),style:p(p(p({},this.props.style),f.props.style),this.createStyle(d))});return m=this.mixinResizable(m,d,o),m=this.mixinDraggable(m,a),m}};t.default=_,m(_,`propTypes`,{children:i.default.element,cols:i.default.number.isRequired,containerWidth:i.default.number.isRequired,rowHeight:i.default.number.isRequired,margin:i.default.array.isRequired,maxRows:i.default.number.isRequired,containerPadding:i.default.array.isRequired,x:i.default.number.isRequired,y:i.default.number.isRequired,w:i.default.number.isRequired,h:i.default.number.isRequired,minW:function(e,t){let n=e[t];if(typeof n!=`number`)return Error(`minWidth not Number`);if(n>e.w||n>e.maxW)return Error(`minWidth larger than item width/maxWidth`)},maxW:function(e,t){let n=e[t];if(typeof n!=`number`)return Error(`maxWidth not Number`);if(n<e.w||n<e.minW)return Error(`maxWidth smaller than item width/minWidth`)},minH:function(e,t){let n=e[t];if(typeof n!=`number`)return Error(`minHeight not Number`);if(n>e.h||n>e.maxH)return Error(`minHeight larger than item height/maxHeight`)},maxH:function(e,t){let n=e[t];if(typeof n!=`number`)return Error(`maxHeight not Number`);if(n<e.h||n<e.minH)return Error(`maxHeight smaller than item height/minHeight`)},i:i.default.string.isRequired,resizeHandles:l.resizeHandleAxesType,resizeHandle:l.resizeHandleType,onDragStop:i.default.func,onDragStart:i.default.func,onDrag:i.default.func,onResizeStop:i.default.func,onResizeStart:i.default.func,onResize:i.default.func,isDraggable:i.default.bool.isRequired,isResizable:i.default.bool.isRequired,isBounded:i.default.bool.isRequired,static:i.default.bool,useCSSTransforms:i.default.bool.isRequired,transformScale:i.default.number,className:i.default.string,handle:i.default.string,cancel:i.default.string,droppingPosition:i.default.shape({e:i.default.object.isRequired,left:i.default.number.isRequired,top:i.default.number.isRequired})}),m(_,`defaultProps`,{className:``,cancel:``,handle:``,minH:1,minW:1,maxH:1/0,maxW:1/0,transformScale:1})})),ht=n((t=>{Object.defineProperty(t,`__esModule`,{value:!0}),t.default=void 0;var n=u(e(`react`)),r=ze(),i=l(Be()),a=He(),o=Ue(),s=l(mt()),c=l(pt());function l(e){return e&&e.__esModule?e:{default:e}}function u(e,t){if(typeof WeakMap==`function`)var n=new WeakMap,r=new WeakMap;return(u=function(e,t){if(!t&&e&&e.__esModule)return e;var i,a,o={__proto__:null,default:e};if(e===null||typeof e!=`object`&&typeof e!=`function`)return o;if(i=t?r:n){if(i.has(e))return i.get(e);i.set(e,o)}for(let t in e)t!==`default`&&{}.hasOwnProperty.call(e,t)&&((a=(i=Object.defineProperty)&&Object.getOwnPropertyDescriptor(e,t))&&(a.get||a.set)?i(o,t,a):o[t]=e[t]);return o})(e,t)}function d(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 f(e){for(var t=1;t<arguments.length;t++){var n=arguments[t]==null?{}:arguments[t];t%2?d(Object(n),!0).forEach(function(t){p(e,t,n[t])}):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):d(Object(n)).forEach(function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))})}return e}function p(e,t,n){return(t=m(t))in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}function m(e){var t=h(e,`string`);return typeof t==`symbol`?t:t+``}function h(e,t){if(typeof e!=`object`||!e)return e;var n=e[Symbol.toPrimitive];if(n!==void 0){var r=n.call(e,t||`default`);if(typeof r!=`object`)return r;throw TypeError(`@@toPrimitive must return a primitive value.`)}return(t===`string`?String:Number)(e)}let g=`react-grid-layout`,_=!1;try{_=/firefox/i.test(navigator.userAgent)}catch{}var v=class extends n.Component{constructor(){super(...arguments),p(this,`state`,{activeDrag:null,layout:(0,a.synchronizeLayoutWithChildren)(this.props.layout,this.props.children,this.props.cols,(0,a.compactType)(this.props),this.props.allowOverlap),mounted:!1,oldDragItem:null,oldLayout:null,oldResizeItem:null,resizing:!1,droppingDOMNode:null,children:[]}),p(this,`dragEnterCounter`,0),p(this,`onDragStart`,(e,t,n,r)=>{let{e:i,node:o}=r,{layout:s}=this.state,c=(0,a.getLayoutItem)(s,e);if(!c)return;let l={w:c.w,h:c.h,x:c.x,y:c.y,placeholder:!0,i:e};return this.setState({oldDragItem:(0,a.cloneLayoutItem)(c),oldLayout:s,activeDrag:l}),this.props.onDragStart(s,c,c,null,i,o)}),p(this,`onDrag`,(e,t,n,r)=>{let{e:i,node:o}=r,{oldDragItem:s}=this.state,{layout:c}=this.state,{cols:l,allowOverlap:u,preventCollision:d}=this.props,f=(0,a.getLayoutItem)(c,e);if(!f)return;let p={w:f.w,h:f.h,x:f.x,y:f.y,placeholder:!0,i:e};c=(0,a.moveElement)(c,f,t,n,!0,d,(0,a.compactType)(this.props),l,u),this.props.onDrag(c,s,f,p,i,o),this.setState({layout:u?c:(0,a.compact)(c,(0,a.compactType)(this.props),l),activeDrag:p})}),p(this,`onDragStop`,(e,t,n,r)=>{let{e:i,node:o}=r;if(!this.state.activeDrag)return;let{oldDragItem:s}=this.state,{layout:c}=this.state,{cols:l,preventCollision:u,allowOverlap:d}=this.props,f=(0,a.getLayoutItem)(c,e);if(!f)return;c=(0,a.moveElement)(c,f,t,n,!0,u,(0,a.compactType)(this.props),l,d);let p=d?c:(0,a.compact)(c,(0,a.compactType)(this.props),l);this.props.onDragStop(p,s,f,null,i,o);let{oldLayout:m}=this.state;this.setState({activeDrag:null,layout:p,oldDragItem:null,oldLayout:null}),this.onLayoutMaybeChanged(p,m)}),p(this,`onResizeStart`,(e,t,n,r)=>{let{e:i,node:o}=r,{layout:s}=this.state,c=(0,a.getLayoutItem)(s,e);c&&(this.setState({oldResizeItem:(0,a.cloneLayoutItem)(c),oldLayout:this.state.layout,resizing:!0}),this.props.onResizeStart(s,c,c,null,i,o))}),p(this,`onResize`,(e,t,n,r)=>{let{e:i,node:o,size:s,handle:c}=r,{oldResizeItem:l}=this.state,{layout:u}=this.state,{cols:d,preventCollision:p,allowOverlap:m}=this.props,h=!1,g,_,v,[y,b]=(0,a.withLayoutItem)(u,e,e=>{let r;return _=e.x,v=e.y,[`sw`,`w`,`nw`,`n`,`ne`].indexOf(c)!==-1&&([`sw`,`nw`,`w`].indexOf(c)!==-1&&(_=e.x+(e.w-t),t=e.x!==_&&_<0?e.w:t,_=_<0?0:_),[`ne`,`n`,`nw`].indexOf(c)!==-1&&(v=e.y+(e.h-n),n=e.y!==v&&v<0?e.h:n,v=v<0?0:v),h=!0),p&&!m&&(r=(0,a.getAllCollisions)(u,f(f({},e),{},{w:t,h:n,x:_,y:v})).filter(t=>t.i!==e.i).length>0,r&&(v=e.y,n=e.h,_=e.x,t=e.w,h=!1)),e.w=t,e.h=n,e});if(!b)return;g=y,h&&(g=(0,a.moveElement)(y,b,_,v,!0,this.props.preventCollision,(0,a.compactType)(this.props),d,m));let x={w:b.w,h:b.h,x:b.x,y:b.y,static:!0,i:e};this.props.onResize(g,l,b,x,i,o),this.setState({layout:m?g:(0,a.compact)(g,(0,a.compactType)(this.props),d),activeDrag:x})}),p(this,`onResizeStop`,(e,t,n,r)=>{let{e:i,node:o}=r,{layout:s,oldResizeItem:c}=this.state,{cols:l,allowOverlap:u}=this.props,d=(0,a.getLayoutItem)(s,e),f=u?s:(0,a.compact)(s,(0,a.compactType)(this.props),l);this.props.onResizeStop(f,c,d,null,i,o);let{oldLayout:p}=this.state;this.setState({activeDrag:null,layout:f,oldResizeItem:null,oldLayout:null,resizing:!1}),this.onLayoutMaybeChanged(f,p)}),p(this,`onDragOver`,e=>{var t;if(e.preventDefault(),e.stopPropagation(),_&&!((t=e.nativeEvent.target)!=null&&t.classList.contains(g)))return!1;let{droppingItem:r,onDropDragOver:i,margin:a,cols:s,rowHeight:c,maxRows:l,width:u,containerPadding:d,transformScale:p}=this.props,m=i?.(e);if(m===!1)return this.state.droppingDOMNode&&this.removeDroppingPlaceholder(),!1;let h=f(f({},r),m),{layout:v}=this.state,y=e.currentTarget.getBoundingClientRect(),b=e.clientX-y.left,x=e.clientY-y.top,S={left:b/p,top:x/p,e};if(!this.state.droppingDOMNode){let e={cols:s,margin:a,maxRows:l,rowHeight:c,containerWidth:u,containerPadding:d||a},t=(0,o.calcXY)(e,x,b,h.w,h.h);this.setState({droppingDOMNode:n.createElement(`div`,{key:h.i}),droppingPosition:S,layout:[...v,f(f({},h),{},{x:t.x,y:t.y,static:!1,isDraggable:!0})]})}else if(this.state.droppingPosition){let{left:e,top:t}=this.state.droppingPosition;(e!=b||t!=x)&&this.setState({droppingPosition:S})}}),p(this,`removeDroppingPlaceholder`,()=>{let{droppingItem:e,cols:t}=this.props,{layout:n}=this.state,r=(0,a.compact)(n.filter(t=>t.i!==e.i),(0,a.compactType)(this.props),t,this.props.allowOverlap);this.setState({layout:r,droppingDOMNode:null,activeDrag:null,droppingPosition:void 0})}),p(this,`onDragLeave`,e=>{e.preventDefault(),e.stopPropagation(),this.dragEnterCounter--,this.dragEnterCounter===0&&this.removeDroppingPlaceholder()}),p(this,`onDragEnter`,e=>{e.preventDefault(),e.stopPropagation(),this.dragEnterCounter++}),p(this,`onDrop`,e=>{e.preventDefault(),e.stopPropagation();let{droppingItem:t}=this.props,{layout:n}=this.state,r=n.find(e=>e.i===t.i);this.dragEnterCounter=0,this.removeDroppingPlaceholder(),this.props.onDrop(n,r,e)})}componentDidMount(){this.setState({mounted:!0}),this.onLayoutMaybeChanged(this.state.layout,this.props.layout)}static getDerivedStateFromProps(e,t){let n;return t.activeDrag?null:(!(0,r.deepEqual)(e.layout,t.propsLayout)||e.compactType!==t.compactType?n=e.layout:(0,a.childrenEqual)(e.children,t.children)||(n=t.layout),n?{layout:(0,a.synchronizeLayoutWithChildren)(n,e.children,e.cols,(0,a.compactType)(e),e.allowOverlap),compactType:e.compactType,children:e.children,propsLayout:e.layout}:null)}shouldComponentUpdate(e,t){return this.props.children!==e.children||!(0,a.fastRGLPropsEqual)(this.props,e,r.deepEqual)||this.state.activeDrag!==t.activeDrag||this.state.mounted!==t.mounted||this.state.droppingPosition!==t.droppingPosition}componentDidUpdate(e,t){if(!this.state.activeDrag){let e=this.state.layout,n=t.layout;this.onLayoutMaybeChanged(e,n)}}containerHeight(){if(!this.props.autoSize)return;let e=(0,a.bottom)(this.state.layout),t=this.props.containerPadding?this.props.containerPadding[1]:this.props.margin[1];return e*this.props.rowHeight+(e-1)*this.props.margin[1]+t*2+`px`}onLayoutMaybeChanged(e,t){t||=this.state.layout,(0,r.deepEqual)(t,e)||this.props.onLayoutChange(e)}placeholder(){let{activeDrag:e}=this.state;if(!e)return null;let{width:t,cols:r,margin:i,containerPadding:a,rowHeight:o,maxRows:c,useCSSTransforms:l,transformScale:u}=this.props;return n.createElement(s.default,{w:e.w,h:e.h,x:e.x,y:e.y,i:e.i,className:`react-grid-placeholder ${this.state.resizing?`placeholder-resizing`:``}`,containerWidth:t,cols:r,margin:i,containerPadding:a||i,maxRows:c,rowHeight:o,isDraggable:!1,isResizable:!1,isBounded:!1,useCSSTransforms:l,transformScale:u},n.createElement(`div`,null))}processGridItem(e,t){if(!e||!e.key)return;let r=(0,a.getLayoutItem)(this.state.layout,String(e.key));if(!r)return null;let{width:i,cols:o,margin:c,containerPadding:l,rowHeight:u,maxRows:d,isDraggable:f,isResizable:p,isBounded:m,useCSSTransforms:h,transformScale:g,draggableCancel:_,draggableHandle:v,resizeHandles:y,resizeHandle:b}=this.props,{mounted:x,droppingPosition:S}=this.state,C=typeof r.isDraggable==`boolean`?r.isDraggable:!r.static&&f,w=typeof r.isResizable==`boolean`?r.isResizable:!r.static&&p,T=r.resizeHandles||y,E=C&&m&&r.isBounded!==!1;return n.createElement(s.default,{containerWidth:i,cols:o,margin:c,containerPadding:l||c,maxRows:d,rowHeight:u,cancel:_,handle:v,onDragStop:this.onDragStop,onDragStart:this.onDragStart,onDrag:this.onDrag,onResizeStart:this.onResizeStart,onResize:this.onResize,onResizeStop:this.onResizeStop,isDraggable:C,isResizable:w,isBounded:E,useCSSTransforms:h&&x,usePercentages:!x,transformScale:g,w:r.w,h:r.h,x:r.x,y:r.y,i:r.i,minH:r.minH,minW:r.minW,maxH:r.maxH,maxW:r.maxW,static:r.static,droppingPosition:t?S:void 0,resizeHandles:T,resizeHandle:b},e)}render(){let{className:e,style:t,isDroppable:r,innerRef:o}=this.props,s=(0,i.default)(g,e),c=f({height:this.containerHeight()},t);return n.createElement(`div`,{ref:o,className:s,style:c,onDrop:r?this.onDrop:a.noop,onDragLeave:r?this.onDragLeave:a.noop,onDragEnter:r?this.onDragEnter:a.noop,onDragOver:r?this.onDragOver:a.noop},n.Children.map(this.props.children,e=>this.processGridItem(e)),r&&this.state.droppingDOMNode&&this.processGridItem(this.state.droppingDOMNode,!0),this.placeholder())}};t.default=v,p(v,`displayName`,`ReactGridLayout`),p(v,`propTypes`,c.default),p(v,`defaultProps`,{autoSize:!0,cols:12,className:``,style:{},draggableHandle:``,draggableCancel:``,containerPadding:null,rowHeight:150,maxRows:1/0,layout:[],margin:[10,10],isBounded:!1,isDraggable:!0,isResizable:!0,allowOverlap:!1,isDroppable:!1,useCSSTransforms:!0,transformScale:1,verticalCompact:!0,compactType:`vertical`,preventCollision:!1,droppingItem:{i:`__dropping-elem__`,h:1,w:1},resizeHandles:[`se`],onLayoutChange:a.noop,onDragStart:a.noop,onDrag:a.noop,onDragStop:a.noop,onResizeStart:a.noop,onResize:a.noop,onResizeStop:a.noop,onDrop:a.noop,onDropDragOver:a.noop})})),gt=n((e=>{Object.defineProperty(e,`__esModule`,{value:!0}),e.findOrGenerateResponsiveLayout=i,e.getBreakpointFromWidth=n,e.getColsFromBreakpoint=r,e.sortBreakpoints=a;var t=He();function n(e,t){let n=a(e),r=n[0];for(let i=1,a=n.length;i<a;i++){let a=n[i];t>e[a]&&(r=a)}return r}function r(e,t){if(!t[e])throw Error("ResponsiveReactGridLayout: `cols` entry for breakpoint "+e+` is missing!`);return t[e]}function i(e,n,r,i,o,s){if(e[r])return(0,t.cloneLayout)(e[r]);let c=e[i],l=a(n),u=l.slice(l.indexOf(r));for(let t=0,n=u.length;t<n;t++){let n=u[t];if(e[n]){c=e[n];break}}return c=(0,t.cloneLayout)(c||[]),(0,t.compact)((0,t.correctBounds)(c,{cols:o}),s,o)}function a(e){return Object.keys(e).sort(function(t,n){return e[t]-e[n]})}})),_t=n((t=>{Object.defineProperty(t,`__esModule`,{value:!0}),t.default=void 0;var n=u(e(`react`)),r=l($e()),i=ze(),a=He(),o=gt(),s=l(ht());let c=[`breakpoint`,`breakpoints`,`cols`,`layouts`,`margin`,`containerPadding`,`onBreakpointChange`,`onLayoutChange`,`onWidthChange`];function l(e){return e&&e.__esModule?e:{default:e}}function u(e,t){if(typeof WeakMap==`function`)var n=new WeakMap,r=new WeakMap;return(u=function(e,t){if(!t&&e&&e.__esModule)return e;var i,a,o={__proto__:null,default:e};if(e===null||typeof e!=`object`&&typeof e!=`function`)return o;if(i=t?r:n){if(i.has(e))return i.get(e);i.set(e,o)}for(let t in e)t!==`default`&&{}.hasOwnProperty.call(e,t)&&((a=(i=Object.defineProperty)&&Object.getOwnPropertyDescriptor(e,t))&&(a.get||a.set)?i(o,t,a):o[t]=e[t]);return o})(e,t)}function d(){return d=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var r in n)({}).hasOwnProperty.call(n,r)&&(e[r]=n[r])}return e},d.apply(null,arguments)}function f(e,t){if(e==null)return{};var n,r,i=p(e,t);if(Object.getOwnPropertySymbols){var a=Object.getOwnPropertySymbols(e);for(r=0;r<a.length;r++)n=a[r],t.indexOf(n)===-1&&{}.propertyIsEnumerable.call(e,n)&&(i[n]=e[n])}return i}function p(e,t){if(e==null)return{};var n={};for(var r in e)if({}.hasOwnProperty.call(e,r)){if(t.indexOf(r)!==-1)continue;n[r]=e[r]}return n}function m(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 h(e){for(var t=1;t<arguments.length;t++){var n=arguments[t]==null?{}:arguments[t];t%2?m(Object(n),!0).forEach(function(t){g(e,t,n[t])}):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):m(Object(n)).forEach(function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))})}return e}function g(e,t,n){return(t=_(t))in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}function _(e){var t=v(e,`string`);return typeof t==`symbol`?t:t+``}function v(e,t){if(typeof e!=`object`||!e)return e;var n=e[Symbol.toPrimitive];if(n!==void 0){var r=n.call(e,t||`default`);if(typeof r!=`object`)return r;throw TypeError(`@@toPrimitive must return a primitive value.`)}return(t===`string`?String:Number)(e)}let y=e=>Object.prototype.toString.call(e);function b(e,t){return e==null?null:Array.isArray(e)?e:e[t]}var x=class extends n.Component{constructor(){super(...arguments),g(this,`state`,this.generateInitialState()),g(this,`onLayoutChange`,e=>{this.props.onLayoutChange(e,h(h({},this.props.layouts),{},{[this.state.breakpoint]:e}))})}generateInitialState(){let{width:e,breakpoints:t,layouts:n,cols:r}=this.props,i=(0,o.getBreakpointFromWidth)(t,e),a=(0,o.getColsFromBreakpoint)(i,r),s=this.props.verticalCompact===!1?null:this.props.compactType;return{layout:(0,o.findOrGenerateResponsiveLayout)(n,t,i,i,a,s),breakpoint:i,cols:a}}static getDerivedStateFromProps(e,t){if(!(0,i.deepEqual)(e.layouts,t.layouts)){let{breakpoint:n,cols:r}=t;return{layout:(0,o.findOrGenerateResponsiveLayout)(e.layouts,e.breakpoints,n,n,r,e.compactType),layouts:e.layouts}}return null}componentDidUpdate(e){(this.props.width!=e.width||this.props.breakpoint!==e.breakpoint||!(0,i.deepEqual)(this.props.breakpoints,e.breakpoints)||!(0,i.deepEqual)(this.props.cols,e.cols))&&this.onWidthChange(e)}onWidthChange(e){let{breakpoints:t,cols:n,layouts:r,compactType:i}=this.props,s=this.props.breakpoint||(0,o.getBreakpointFromWidth)(this.props.breakpoints,this.props.width),c=this.state.breakpoint,l=(0,o.getColsFromBreakpoint)(s,n),u=h({},r);if(c!==s||e.breakpoints!==t||e.cols!==n){c in u||(u[c]=(0,a.cloneLayout)(this.state.layout));let e=(0,o.findOrGenerateResponsiveLayout)(u,t,s,c,l,i);e=(0,a.synchronizeLayoutWithChildren)(e,this.props.children,l,i,this.props.allowOverlap),u[s]=e,this.props.onBreakpointChange(s,l),this.props.onLayoutChange(e,u),this.setState({breakpoint:s,layout:e,cols:l})}let d=b(this.props.margin,s),f=b(this.props.containerPadding,s);this.props.onWidthChange(this.props.width,d,l,f)}render(){let e=this.props,{breakpoint:t,breakpoints:r,cols:i,layouts:a,margin:o,containerPadding:l,onBreakpointChange:u,onLayoutChange:p,onWidthChange:m}=e,h=f(e,c);return n.createElement(s.default,d({},h,{margin:b(o,this.state.breakpoint),containerPadding:b(l,this.state.breakpoint),onLayoutChange:this.onLayoutChange,layout:this.state.layout,cols:this.state.cols}))}};t.default=x,g(x,`propTypes`,{breakpoint:r.default.string,breakpoints:r.default.object,allowOverlap:r.default.bool,cols:r.default.object,margin:r.default.oneOfType([r.default.array,r.default.object]),containerPadding:r.default.oneOfType([r.default.array,r.default.object]),layouts(e,t){if(y(e[t])!==`[object Object]`)throw Error(`Layout property must be an object. Received: `+y(e[t]));Object.keys(e[t]).forEach(t=>{if(!(t in e.breakpoints))throw Error(`Each key in layouts must align with a key in breakpoints.`);(0,a.validateLayout)(e.layouts[t],`layouts.`+t)})},width:r.default.number.isRequired,onBreakpointChange:r.default.func,onLayoutChange:r.default.func,onWidthChange:r.default.func}),g(x,`defaultProps`,{breakpoints:{lg:1200,md:996,sm:768,xs:480,xxs:0},cols:{lg:12,md:10,sm:6,xs:4,xxs:2},containerPadding:{lg:null,md:null,sm:null,xs:null,xxs:null},layouts:{},margin:[10,10],allowOverlap:!1,onBreakpointChange:a.noop,onLayoutChange:a.noop,onWidthChange:a.noop})})),vt=n(((e,t)=>{(function(n,r){typeof e==`object`&&t!==void 0?t.exports=r():typeof define==`function`&&define.amd?define(r):n.ResizeObserver=r()})(e,(function(){var e=(function(){if(typeof Map<`u`)return Map;function e(e,t){var n=-1;return e.some(function(e,r){return e[0]===t?(n=r,!0):!1}),n}return function(){function t(){this.__entries__=[]}return Object.defineProperty(t.prototype,`size`,{get:function(){return this.__entries__.length},enumerable:!0,configurable:!0}),t.prototype.get=function(t){var n=e(this.__entries__,t),r=this.__entries__[n];return r&&r[1]},t.prototype.set=function(t,n){var r=e(this.__entries__,t);~r?this.__entries__[r][1]=n:this.__entries__.push([t,n])},t.prototype.delete=function(t){var n=this.__entries__,r=e(n,t);~r&&n.splice(r,1)},t.prototype.has=function(t){return!!~e(this.__entries__,t)},t.prototype.clear=function(){this.__entries__.splice(0)},t.prototype.forEach=function(e,t){t===void 0&&(t=null);for(var n=0,r=this.__entries__;n<r.length;n++){var i=r[n];e.call(t,i[1],i[0])}},t}()})(),t=typeof window<`u`&&typeof document<`u`&&window.document===document,n=(function(){return typeof global<`u`&&global.Math===Math?global:typeof self<`u`&&self.Math===Math?self:typeof window<`u`&&window.Math===Math?window:Function(`return this`)()})(),r=(function(){return typeof requestAnimationFrame==`function`?requestAnimationFrame.bind(n):function(e){return setTimeout(function(){return e(Date.now())},1e3/60)}})(),i=2;function a(e,t){var n=!1,a=!1,o=0;function s(){n&&(n=!1,e()),a&&l()}function c(){r(s)}function l(){var e=Date.now();if(n){if(e-o<i)return;a=!0}else n=!0,a=!1,setTimeout(c,t);o=e}return l}var o=20,s=[`top`,`right`,`bottom`,`left`,`width`,`height`,`size`,`weight`],c=typeof MutationObserver<`u`,l=function(){function e(){this.connected_=!1,this.mutationEventsAdded_=!1,this.mutationsObserver_=null,this.observers_=[],this.onTransitionEnd_=this.onTransitionEnd_.bind(this),this.refresh=a(this.refresh.bind(this),o)}return e.prototype.addObserver=function(e){~this.observers_.indexOf(e)||this.observers_.push(e),this.connected_||this.connect_()},e.prototype.removeObserver=function(e){var t=this.observers_,n=t.indexOf(e);~n&&t.splice(n,1),!t.length&&this.connected_&&this.disconnect_()},e.prototype.refresh=function(){this.updateObservers_()&&this.refresh()},e.prototype.updateObservers_=function(){var e=this.observers_.filter(function(e){return e.gatherActive(),e.hasActive()});return e.forEach(function(e){return e.broadcastActive()}),e.length>0},e.prototype.connect_=function(){!t||this.connected_||(document.addEventListener(`transitionend`,this.onTransitionEnd_),window.addEventListener(`resize`,this.refresh),c?(this.mutationsObserver_=new MutationObserver(this.refresh),this.mutationsObserver_.observe(document,{attributes:!0,childList:!0,characterData:!0,subtree:!0})):(document.addEventListener(`DOMSubtreeModified`,this.refresh),this.mutationEventsAdded_=!0),this.connected_=!0)},e.prototype.disconnect_=function(){!t||!this.connected_||(document.removeEventListener(`transitionend`,this.onTransitionEnd_),window.removeEventListener(`resize`,this.refresh),this.mutationsObserver_&&this.mutationsObserver_.disconnect(),this.mutationEventsAdded_&&document.removeEventListener(`DOMSubtreeModified`,this.refresh),this.mutationsObserver_=null,this.mutationEventsAdded_=!1,this.connected_=!1)},e.prototype.onTransitionEnd_=function(e){var t=e.propertyName,n=t===void 0?``:t;s.some(function(e){return!!~n.indexOf(e)})&&this.refresh()},e.getInstance=function(){return this.instance_||=new e,this.instance_},e.instance_=null,e}(),u=(function(e,t){for(var n=0,r=Object.keys(t);n<r.length;n++){var i=r[n];Object.defineProperty(e,i,{value:t[i],enumerable:!1,writable:!1,configurable:!0})}return e}),d=(function(e){return e&&e.ownerDocument&&e.ownerDocument.defaultView||n}),f=S(0,0,0,0);function p(e){return parseFloat(e)||0}function m(e){return[...arguments].slice(1).reduce(function(t,n){var r=e[`border-`+n+`-width`];return t+p(r)},0)}function h(e){for(var t=[`top`,`right`,`bottom`,`left`],n={},r=0,i=t;r<i.length;r++){var a=i[r],o=e[`padding-`+a];n[a]=p(o)}return n}function g(e){var t=e.getBBox();return S(0,0,t.width,t.height)}function _(e){var t=e.clientWidth,n=e.clientHeight;if(!t&&!n)return f;var r=d(e).getComputedStyle(e),i=h(r),a=i.left+i.right,o=i.top+i.bottom,s=p(r.width),c=p(r.height);if(r.boxSizing===`border-box`&&(Math.round(s+a)!==t&&(s-=m(r,`left`,`right`)+a),Math.round(c+o)!==n&&(c-=m(r,`top`,`bottom`)+o)),!y(e)){var l=Math.round(s+a)-t,u=Math.round(c+o)-n;Math.abs(l)!==1&&(s-=l),Math.abs(u)!==1&&(c-=u)}return S(i.left,i.top,s,c)}var v=(function(){return typeof SVGGraphicsElement<`u`?function(e){return e instanceof d(e).SVGGraphicsElement}:function(e){return e instanceof d(e).SVGElement&&typeof e.getBBox==`function`}})();function y(e){return e===d(e).document.documentElement}function b(e){return t?v(e)?g(e):_(e):f}function x(e){var t=e.x,n=e.y,r=e.width,i=e.height,a=Object.create((typeof DOMRectReadOnly<`u`?DOMRectReadOnly:Object).prototype);return u(a,{x:t,y:n,width:r,height:i,top:n,right:t+r,bottom:i+n,left:t}),a}function S(e,t,n,r){return{x:e,y:t,width:n,height:r}}var C=function(){function e(e){this.broadcastWidth=0,this.broadcastHeight=0,this.contentRect_=S(0,0,0,0),this.target=e}return e.prototype.isActive=function(){var e=b(this.target);return this.contentRect_=e,e.width!==this.broadcastWidth||e.height!==this.broadcastHeight},e.prototype.broadcastRect=function(){var e=this.contentRect_;return this.broadcastWidth=e.width,this.broadcastHeight=e.height,e},e}(),w=function(){function e(e,t){var n=x(t);u(this,{target:e,contentRect:n})}return e}(),T=function(){function t(t,n,r){if(this.activeObservations_=[],this.observations_=new e,typeof t!=`function`)throw TypeError(`The callback provided as parameter 1 is not a function.`);this.callback_=t,this.controller_=n,this.callbackCtx_=r}return t.prototype.observe=function(e){if(!arguments.length)throw TypeError(`1 argument required, but only 0 present.`);if(!(typeof Element>`u`||!(Element instanceof Object))){if(!(e instanceof d(e).Element))throw TypeError(`parameter 1 is not of type "Element".`);var t=this.observations_;t.has(e)||(t.set(e,new C(e)),this.controller_.addObserver(this),this.controller_.refresh())}},t.prototype.unobserve=function(e){if(!arguments.length)throw TypeError(`1 argument required, but only 0 present.`);if(!(typeof Element>`u`||!(Element instanceof Object))){if(!(e instanceof d(e).Element))throw TypeError(`parameter 1 is not of type "Element".`);var t=this.observations_;t.has(e)&&(t.delete(e),t.size||this.controller_.removeObserver(this))}},t.prototype.disconnect=function(){this.clearActive(),this.observations_.clear(),this.controller_.removeObserver(this)},t.prototype.gatherActive=function(){var e=this;this.clearActive(),this.observations_.forEach(function(t){t.isActive()&&e.activeObservations_.push(t)})},t.prototype.broadcastActive=function(){if(this.hasActive()){var e=this.callbackCtx_,t=this.activeObservations_.map(function(e){return new w(e.target,e.broadcastRect())});this.callback_.call(e,t,e),this.clearActive()}},t.prototype.clearActive=function(){this.activeObservations_.splice(0)},t.prototype.hasActive=function(){return this.activeObservations_.length>0},t}(),E=typeof WeakMap<`u`?new WeakMap:new e,D=function(){function e(t){if(!(this instanceof e))throw TypeError(`Cannot call a class as a function.`);if(!arguments.length)throw TypeError(`1 argument required, but only 0 present.`);var n=new T(t,l.getInstance(),this);E.set(this,n)}return e}();return[`observe`,`unobserve`,`disconnect`].forEach(function(e){D.prototype[e]=function(){var t;return(t=E.get(this))[e].apply(t,arguments)}}),(function(){return n.ResizeObserver===void 0?D:n.ResizeObserver})()}))})),yt=n((t=>{Object.defineProperty(t,`__esModule`,{value:!0}),t.default=h;var n=c(e(`react`)),r=s($e()),i=s(vt()),a=s(Be());let o=[`measureBeforeMount`];function s(e){return e&&e.__esModule?e:{default:e}}function c(e,t){if(typeof WeakMap==`function`)var n=new WeakMap,r=new WeakMap;return(c=function(e,t){if(!t&&e&&e.__esModule)return e;var i,a,o={__proto__:null,default:e};if(e===null||typeof e!=`object`&&typeof e!=`function`)return o;if(i=t?r:n){if(i.has(e))return i.get(e);i.set(e,o)}for(let t in e)t!==`default`&&{}.hasOwnProperty.call(e,t)&&((a=(i=Object.defineProperty)&&Object.getOwnPropertyDescriptor(e,t))&&(a.get||a.set)?i(o,t,a):o[t]=e[t]);return o})(e,t)}function l(){return l=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var r in n)({}).hasOwnProperty.call(n,r)&&(e[r]=n[r])}return e},l.apply(null,arguments)}function u(e,t){if(e==null)return{};var n,r,i=d(e,t);if(Object.getOwnPropertySymbols){var a=Object.getOwnPropertySymbols(e);for(r=0;r<a.length;r++)n=a[r],t.indexOf(n)===-1&&{}.propertyIsEnumerable.call(e,n)&&(i[n]=e[n])}return i}function d(e,t){if(e==null)return{};var n={};for(var r in e)if({}.hasOwnProperty.call(e,r)){if(t.indexOf(r)!==-1)continue;n[r]=e[r]}return n}function f(e,t,n){return(t=p(t))in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}function p(e){var t=m(e,`string`);return typeof t==`symbol`?t:t+``}function m(e,t){if(typeof e!=`object`||!e)return e;var n=e[Symbol.toPrimitive];if(n!==void 0){var r=n.call(e,t||`default`);if(typeof r!=`object`)return r;throw TypeError(`@@toPrimitive must return a primitive value.`)}return(t===`string`?String:Number)(e)}function h(e){var t;return t=class extends n.Component{constructor(){super(...arguments),f(this,`state`,{width:1280}),f(this,`elementRef`,n.createRef()),f(this,`mounted`,!1),f(this,`resizeObserver`,void 0)}componentDidMount(){this.mounted=!0,this.resizeObserver=new i.default(e=>{if(this.elementRef.current instanceof HTMLElement){let t=e[0].contentRect.width;this.setState({width:t})}});let e=this.elementRef.current;e instanceof HTMLElement&&this.resizeObserver.observe(e)}componentWillUnmount(){this.mounted=!1;let e=this.elementRef.current;e instanceof HTMLElement&&this.resizeObserver.unobserve(e),this.resizeObserver.disconnect()}render(){let t=this.props,{measureBeforeMount:r}=t,i=u(t,o);return r&&!this.mounted?n.createElement(`div`,{className:(0,a.default)(this.props.className,`react-grid-layout`),style:this.props.style,ref:this.elementRef}):n.createElement(e,l({innerRef:this.elementRef},i,this.state))}},f(t,`defaultProps`,{measureBeforeMount:!1}),f(t,`propTypes`,{measureBeforeMount:r.default.bool}),t}})),bt=t(n(((e,t)=>{t.exports=ht().default,t.exports.utils=He(),t.exports.calculateUtils=Ue(),t.exports.Responsive=_t().default,t.exports.Responsive.utils=gt(),t.exports.WidthProvider=yt().default}))()),q={activatable:`IJqnJa_activatable`,dragHandle:`IJqnJa_dragHandle`,grid:`IJqnJa_grid`,gridEditing:`IJqnJa_gridEditing`,missingWidget:`IJqnJa_missingWidget`,removeButton:`IJqnJa_removeButton`,widgetContent:`IJqnJa_widgetContent`,widgetContentEditing:`IJqnJa_widgetContentEditing`,widgetWrapper:`IJqnJa_widgetWrapper`};const xt={alignItems:`center`,background:`rgba(220, 38, 38, 0.08)`,border:`1px solid rgba(220, 38, 38, 0.3)`,borderRadius:`6px`,boxSizing:`border-box`,color:`#dc2626`,display:`flex`,flexDirection:`column`,fontSize:`13px`,gap:`8px`,height:`100%`,justifyContent:`center`,padding:`12px`,width:`100%`},St={background:`rgba(220, 38, 38, 0.12)`,border:`1px solid rgba(220, 38, 38, 0.4)`,borderRadius:`4px`,color:`#dc2626`,cursor:`pointer`,fontSize:`12px`,padding:`4px 10px`};var Ct=class extends i{state={hasError:!1};static getDerivedStateFromError(e){return{hasError:!0}}componentDidCatch(e,t){console.error(`[WidgetErrorBoundary] Widget "${this.props.widgetId}" failed to render:`,e,t.componentStack)}handleRetry=()=>{this.setState({hasError:!1})};render(){return this.state.hasError?g(`div`,{"data-component":`WidgetErrorBoundary`,style:xt,children:[h(`p`,{style:{margin:0},children:`Widget failed to render`}),h(`button`,{onClick:this.handleRetry,style:St,type:`button`,children:`Retry`})]}):this.props.children}};const wt=(0,bt.WidthProvider)(bt.Responsive),Tt={"full-width":{h:4,w:12},large:{h:3,w:6},medium:{h:2,w:4},small:{h:2,w:3}},Et={lg:12,md:10,sm:6,xs:4,xxs:2};function Dt(e){return e>=4?`full-width`:e>=3?`large`:e>=2?`medium`:`small`}function Ot(e){if(!e||e.supportedSizes.length===0)return{minH:2,minW:2};let t=e.supportedSizes.map(e=>Tt[e]);return{minH:Math.max(2,Math.min(...t.map(e=>e.h))),minW:Math.max(2,Math.min(...t.map(e=>e.w)))}}function kt(e,t,n,r=!0){return e.placements.map(e=>{let i=Tt[e.size]??Tt.medium,{minH:a,minW:o}=Ot(n.find(t=>t.id===e.widgetId)),s=r?a:Math.min(a,e.h??i.h);return{h:e.h??i.h,i:e.instanceId,minH:s,minW:o,static:e.locked===!0||!t,w:e.w??i.w,x:e.col-1,y:e.row-1}})}function At(e,t){return e.map(e=>{let n=e.minW===void 0?void 0:Math.min(e.minW,t),r=Math.max(Math.min(e.w,t),n??0),i=Math.min(e.x,t-r);return{...e,minW:n,w:r,x:i}})}function jt(e){let t={};for(let[n,r]of Object.entries(Et))t[n]=At(e,r);return t}function Mt(e,t,n,r){return At(kt(e,t,n,!1),r)}function Nt(e,t){let n=new Map(e.placements.map(e=>[e.instanceId,e]));return t.reduce((e,t)=>{let r=n.get(t.i);return t.i===`__dropping_elem__`||!r||e.push({...r,col:t.x+1,h:t.h,row:t.y+1,size:Dt(t.h),w:t.w}),e},[])}function Pt(e){let{definition:t,isEditing:n,layout:r,onLayoutChange:i,onRemoveWidget:a,placement:o,uiContext:s,widgetContext:c}=e,l=t.component;return g(m,{children:[n&&!o.locked?g(m,{children:[h(`div`,{className:q.dragHandle}),h(`button`,{"aria-label":`Remove widget ${t.name}`,className:q.removeButton,onClick:e=>{e.stopPropagation(),a(o.instanceId)},title:`Remove widget`,type:`button`,children:`×`})]}):null,h(`div`,{className:`${q.widgetContent} ${n?q.widgetContentEditing:``}`,children:h(Ct,{widgetId:o.widgetId,children:h(l,{config:{...t.defaultConfig??{},...o.config??{},...c[o.widgetId]??{}},size:Dt(o.h??Tt[o.size]?.h??2),uiContext:s,updateConfig:e=>{let t=r.placements.map(t=>t.instanceId===o.instanceId?{...t,config:{...t.config,...e}}:t);i({...r,placements:t})}})})})]})}const Ft=({layout:e,widgets:t,isEditing:n,onLayoutChange:r,onRemoveWidget:i,rowHeight:a=80,uiContext:o=v,widgetContext:s={},droppingItem:c,onDrop:l,gridConfig:u})=>{let p=u?.responsive===!1,m=oe(),_=f(null),y=d(()=>p?null:jt(kt(e,n,t)),[p,n,e,t]),b=d(()=>p?Mt(e,n,t,u.cols):null,[u,p,n,e,t]),x=t=>{r({...e,placements:Nt(e,t)})},S=(e,t)=>{let{activate:n}=e;n&&(m&&m.emit(E.activated,{instanceId:t.instanceId,widgetId:t.widgetId}).catch(e=>{console.error(`[WidgetGrid] Failed to emit widget.activated:`,e)}),n.pageId&&ce.getState().openPage(n.pageId),(async()=>{if(n.windowId&&m)try{await m.request(te.window.create,{registrationId:n.windowId})}catch(e){console.error(`[WidgetGrid] Failed to create window:`,e)}if(n.onActivate&&m)try{await n.onActivate({bus:m,instanceId:t.instanceId,widgetId:t.widgetId})}catch(e){console.error(`[WidgetGrid] Widget onActivate handler failed:`,e)}})())},C=(e,t)=>{if(!(n||!e.activate))return n=>{if(!n.target.closest(`button, a, input, select, textarea`)){if(_.current!==null){let e=n.clientX-_.current.x,t=n.clientY-_.current.y;if(e*e+t*t>25)return}S(e,t)}}},w=e.placements.map(a=>{let c=t.find(e=>e.id===a.widgetId);if(!c)return g(`div`,{className:q.missingWidget,children:[`Widget definition not found: `,a.widgetId]},a.instanceId);let l=!n&&!!c.activate,u=C(c,a);return h(`div`,{className:`${q.widgetWrapper}${l?` ${q.activatable}`:``}`,onClick:u,onKeyDown:l?e=>{(e.key===`Enter`||e.key===` `)&&(e.preventDefault(),S(c,a))}:void 0,onPointerDown:l?e=>{_.current={x:e.clientX,y:e.clientY}}:void 0,role:l?`button`:void 0,tabIndex:l?0:void 0,children:h(Pt,{definition:c,isEditing:n,layout:e,onLayoutChange:r,onRemoveWidget:i,placement:a,uiContext:o,widgetContext:s})},a.instanceId)}),T=`${q.grid} ${n?q.gridEditing:``}`;if(u?.responsive===!1){let e=u.rowHeight??a,t=u.margin??[8,8];return h(`div`,{className:T,"data-component":`WidgetGrid`,children:h(bt.default,{className:`layout`,cols:u.cols,compactType:null,droppingItem:c,isDraggable:n,isDroppable:n,isResizable:n,layout:b??[],margin:t,onDragStop:e=>x(e),onDrop:l,onResizeStop:e=>x(e),rowHeight:e,width:u.width,children:w})})}return h(`div`,{className:T,"data-component":`WidgetGrid`,children:h(wt,{breakpoints:{lg:1200,md:996,sm:768,xs:480,xxs:0},className:`layout`,cols:{lg:12,md:10,sm:6,xs:4,xxs:2},compactType:null,droppingItem:c,isDraggable:n,isDroppable:n,isResizable:n,layouts:y??{},margin:[16,16],onDragStop:e=>x(e),onDrop:l,onResizeStop:e=>x(e),rowHeight:a,children:w})})};var J={content:`K2C1lW_content`,controlButton:`K2C1lW_controlButton`,controls:`K2C1lW_controls`,disabled:`K2C1lW_disabled`,dragging:`K2C1lW_dragging`,dragHandle:`K2C1lW_dragHandle`,dragIcon:`K2C1lW_dragIcon`,header:`K2C1lW_header`,itemDesc:`K2C1lW_itemDesc`,itemDot:`K2C1lW_itemDot`,itemHeader:`K2C1lW_itemHeader`,itemName:`K2C1lW_itemName`,list:`K2C1lW_list`,minimized:`K2C1lW_minimized`,palette:`K2C1lW_palette`,searchInput:`K2C1lW_searchInput`,title:`K2C1lW_title`,widgetItem:`K2C1lW_widgetItem`};const It=e=>({x:e.width-280-16,y:16}),Lt=(e,t,n)=>({x:Math.max(0,Math.min(e.x,t.width-n.width)),y:Math.max(0,Math.min(e.y,t.height-n.height))});function Rt(e){let[t,n]=p(null),[r,i]=p(!1),a=f(null),o=f(null),s=f(null),c=f(null);return l(()=>{let t=e?.current?.getBoundingClientRect();t&&n(It(t))},[e]),l(()=>()=>{s.current&&document.removeEventListener(`mousemove`,s.current),c.current&&document.removeEventListener(`mouseup`,c.current)},[]),{dragHandleRef:o,handleMouseDown:r=>{if(!o.current?.contains(r.target)||!t)return;i(!0);let l=r.clientX-t.x,u=r.clientY-t.y,d=t=>{let r=e?.current?.getBoundingClientRect();!r||!a.current||n(Lt({x:t.clientX-l,y:t.clientY-u},r,a.current.getBoundingClientRect()))},f=()=>{i(!1),s.current&&document.removeEventListener(`mousemove`,s.current),c.current&&document.removeEventListener(`mouseup`,c.current),s.current=null,c.current=null};s.current=d,c.current=f,document.addEventListener(`mousemove`,d),document.addEventListener(`mouseup`,f)},isDragging:r,paletteRef:a,position:t}}function zt(e){let{dragHandleRef:t,handleMouseDown:n,isExpanded:r,onClose:i,onToggleExpanded:a,titleId:o}=e;return g(`div`,{className:J.header,onMouseDown:n,children:[g(`div`,{className:J.dragHandle,ref:t,children:[h(`span`,{"aria-hidden":`true`,className:J.dragIcon,children:`⋮⋮`}),h(`span`,{className:J.title,id:o,children:r?`Widget Palette`:`Widgets`})]}),g(`div`,{className:J.controls,children:[h(`button`,{"aria-expanded":r,"aria-label":r?`Minimize palette`:`Expand palette`,className:J.controlButton,onClick:a,type:`button`,children:r?`−`:`+`}),h(`button`,{"aria-label":`Save and exit edit mode`,className:J.controlButton,onClick:i,type:`button`,children:`×`})]})]})}function Bt(e){let{currentLayout:t,onDragEnd:n,onDragStart:r,widgets:i}=e,[a,o]=p(``),s=i.filter(e=>e.name.toLowerCase().includes(a.toLowerCase())),c=e=>t.placements.some(t=>t.widgetId===e),l=e=>e.allowMultiple||!c(e.id);return g(`div`,{className:J.content,children:[h(`input`,{"aria-label":`Search widgets`,className:J.searchInput,onChange:e=>o(e.target.value),placeholder:`Search widgets...`,type:`text`,value:a}),h(`div`,{className:J.list,children:s.map(e=>{let t=l(e);return g(`div`,{className:`${J.widgetItem} ${t?``:J.disabled}`,draggable:t,onDragEnd:n,onDragStart:n=>{if(!t){n.preventDefault();return}r(e.id),Le(n.dataTransfer,{widgetId:e.id})},children:[g(`div`,{className:J.itemHeader,children:[h(`div`,{className:J.itemDot}),h(`span`,{className:J.itemName,children:e.name})]}),e.description?h(`div`,{className:J.itemDesc,children:e.description}):null]},e.id)})})]})}const Vt=({widgets:e,currentLayout:t,onDragStart:n,onDragEnd:r,onClose:i,containerRef:a})=>{let[o,s]=p(!0),c=u(),{dragHandleRef:l,handleMouseDown:d,isDragging:f,paletteRef:m,position:_}=Rt(a);return _?g(`div`,{"aria-labelledby":c,className:`${J.palette} ${f?J.dragging:``} ${o?``:J.minimized}`,"data-component":`WidgetPalette`,ref:m,role:`dialog`,style:{transform:`translate(${_.x}px, ${_.y}px)`},children:[h(zt,{dragHandleRef:l,handleMouseDown:d,isExpanded:o,onClose:i,onToggleExpanded:()=>s(e=>!e),titleId:c}),o?h(Bt,{currentLayout:t,onDragEnd:r,onDragStart:n,widgets:e}):null]}):null};var Ht={canvas:`cBANQG_canvas`,emptyState:`cBANQG_emptyState`,errorState:`cBANQG_errorState`,fixed:`cBANQG_fixed`,gridArea:`cBANQG_gridArea`,messageState:`cBANQG_messageState`};const Ut=()=>({version:1,placements:[]});function Wt(e){l(()=>{if(!e)return;let t=e=>(e.preventDefault(),e.returnValue=``,``);return window.addEventListener(`beforeunload`,t),()=>window.removeEventListener(`beforeunload`,t)},[e])}function Gt(e,t,n,r,i,a,o,s){l(()=>{let c=a.current;if(a.current=e,c&&!e&&t){let e=r.current;i.current(n).then(()=>{r.current===e&&s(!1),o(null)}).catch(e=>{console.error(`Failed to save layout:`,e)})}},[e,r,t,n,i,a,o,s])}function Kt(e){let{savedLayout:t,onSaveLayout:n,widgets:r,onLayoutChange:i,isEditing:a,onToggleEdit:o}=e,[s,c]=p(Ut()),[u,d]=p(!1),[m,h]=p(!1),[g,_]=p(null),v=f(null),y=f(Ut()),b=f(0),x=f(n),S=f(!1),C=a??u;l(()=>{let e=t??Ut();y.current=e,c(e)},[t]),l(()=>{x.current=n},[n]),Wt(m),Gt(C,m,s,b,x,S,_,h);let w=o??(()=>d(e=>!e)),T=e=>{y.current=e,b.current++,c(e),h(!0),i?.(e)};return{activeIsEditing:C,containerRef:v,draggingWidgetId:g,handleDrop:(e,t,n)=>{let i=Re(n.dataTransfer)?.widgetId??g;if(!i)return;let a=r.find(e=>e.id===i);if(!a)return;let o={col:t.x+1,config:a.defaultConfig,instanceId:self.crypto.randomUUID(),row:t.y+1,size:a.defaultSize,widgetId:i};T({...y.current,placements:[...y.current.placements,o]}),_(null)},handleLayoutChange:e=>{T(e)},handleRemoveWidget:e=>{T({...y.current,placements:y.current.placements.filter(t=>t.instanceId!==e)})},handleToggleEdit:w,layout:s,setDraggingWidgetId:_}}function qt(){return g(`div`,{className:Ht.emptyState,"data-component":`WidgetCanvasEmptyState`,children:[h(`p`,{children:`Empty Dashboard`}),h(`p`,{children:`Click the edit button in the header to add widgets.`})]})}function Jt(e){let{activeIsEditing:t,containerRef:n,droppingItem:r,handleDrop:i,handleLayoutChange:a,handleRemoveWidget:o}=e,{gridConfig:s,handleToggleEdit:c,layout:l,rowHeight:u=80,setDraggingWidgetId:d,uiContext:f,widgetContext:p={},widgets:m}=e,_=s?.responsive===!1;return g(`div`,{className:`${Ht.canvas} ${_?Ht.fixed:``}`,"data-component":`WidgetCanvas`,ref:n,children:[g(`div`,{className:Ht.gridArea,children:[h(Ft,{droppingItem:r,gridConfig:s,isEditing:t,layout:l,onDrop:i,onLayoutChange:a,onRemoveWidget:o,rowHeight:u,uiContext:f,widgetContext:p,widgets:m}),l.placements.length===0&&!t?h(qt,{}):null]}),t?h(Vt,{containerRef:n,currentLayout:l,onClose:c,onDragEnd:()=>d(null),onDragStart:e=>d(e),widgets:m}):null]})}const Yt=({savedLayout:e,isLoading:t=!1,error:n=null,onSaveLayout:r,widgets:i,rowHeight:a=80,onLayoutChange:o,widgetContext:s={},uiContext:c,isEditing:l,onToggleEdit:u,gridConfig:f})=>{let p=de(e=>e.uiContext),m=c??p,_=Kt({isEditing:l,onLayoutChange:o,onSaveLayout:r,onToggleEdit:u,savedLayout:e,widgets:i}),v=d(()=>{if(!_.draggingWidgetId)return;let e=i.find(e=>e.id===_.draggingWidgetId);if(!e)return;let t=Tt[e.defaultSize]??{h:2,w:3};return{h:t.h,i:`__dropping_elem__`,w:t.w}},[_.draggingWidgetId,i]);return t?h(`div`,{className:Ht.messageState,"data-component":`WidgetCanvasLoadingState`,role:`status`,children:`Loading dashboard...`}):n?g(`div`,{className:Ht.errorState,"data-component":`WidgetCanvasErrorState`,role:`alert`,children:[`Error loading dashboard: `,n.message]}):h(Jt,{..._,droppingItem:v,gridConfig:f,rowHeight:a,uiContext:m,widgetContext:s,widgets:i})};var Y={closeButton:`jgcBBG_closeButton`,content:`jgcBBG_content`,errorState:`jgcBBG_errorState`,header:`jgcBBG_header`,loadingState:`jgcBBG_loadingState`,open:`jgcBBG_open`,overlay:`jgcBBG_overlay`,panel:`jgcBBG_panel`,title:`jgcBBG_title`},Xt=class extends i{constructor(e){super(e),this.state={hasError:!1,error:null}}static getDerivedStateFromError(e){return{hasError:!0,error:e}}handleRetry=()=>{this.setState({hasError:!1,error:null}),this.props.onRetry()};render(){return this.state.hasError?g(`div`,{className:Y.errorState,children:[h(`span`,{children:`Failed to load page.`}),h(`button`,{className:Y.errorRetry,onClick:this.handleRetry,type:`button`,children:`Retry`})]}):this.props.children}};function Zt({pageId:e,internalRoute:t,onNavigate:n,onClose:r,titleId:i,panelRef:o}){let[s,u]=p(0),d=se(e,s),f=c(()=>{u(e=>e+1)},[]);if(l(()=>{d&&!A(d.definition.mode)&&r()},[d,r]),!d)return null;let{Component:m,definition:_}=d;return A(_.mode)?g(`div`,{ref:o,"aria-labelledby":i,"aria-modal":!0,className:Y.panel,role:`dialog`,tabIndex:-1,children:[g(`header`,{className:Y.header,children:[h(`h2`,{className:Y.title,id:i,children:_.name}),h(`button`,{"aria-label":`Close`,className:Y.closeButton,onClick:r,type:`button`,children:h(pe,{size:16})})]}),h(`div`,{className:Y.content,children:h(Xt,{onRetry:f,children:h(a,{fallback:h(`div`,{className:Y.loadingState,children:`Loading…`}),children:h(m,{internalRoute:t,onNavigate:n})})},`${e}:${s}`)})]}):null}function Qt(){let e=ce(e=>e.activePageId),t=ce(e=>e.internalRoute),n=ce(e=>e.close),r=ce(e=>e.navigate),i=u(),a=f(null),o=e!==null;return _e(n,o),ge(o),ve(a,o),ye(a,o),h(`div`,{className:`${Y.overlay}${o?` ${Y.open}`:``}`,"data-component":`SheetOverlay`,children:e===null?null:h(Zt,{internalRoute:t,onClose:n,onNavigate:r,pageId:e,panelRef:a,titleId:i})})}var $t={dot:`jkYnlW_dot`,dotConnected:`jkYnlW_dotConnected`,dotDisconnected:`jkYnlW_dotDisconnected`,indicator:`jkYnlW_indicator`};const en={connected:$t.dotConnected,disconnected:$t.dotDisconnected};function tn(){let e=B(),t=f(0),[n,r]=p(`disconnected`);return l(()=>{let n=++t.current,i=()=>t.current===n,a=async()=>{try{await e.request(ee.isReady,{}),i()&&r(`connected`)}catch{i()&&r(`disconnected`)}};a();let o=globalThis.setInterval(()=>{a()},5e3);return()=>{++t.current,globalThis.clearInterval(o)}},[e]),g(`span`,{className:$t.indicator,"data-component":`BusStatusIndicator`,children:[h(`span`,{"aria-hidden":`true`,className:`${$t.dot} ${en[n]}`}),n===`connected`?`Connected`:`Disconnected`]})}var X={branding:`W-E13a_branding`,brandName:`W-E13a_brandName`,brandSubtitle:`W-E13a_brandSubtitle`,editButton:`W-E13a_editButton`,editButtonActive:`W-E13a_editButtonActive`,header:`W-E13a_header`,headerActions:`W-E13a_headerActions`,main:`W-E13a_main`,shell:`W-E13a_shell`};const nn=Object.freeze([Pe]),rn={context:`framework-dashboard`,scope:`global`,surface:`app`};function an(e){let t=[],n=1;for(let r of e){let e=r.defaultSize,i=Tt[e]??Tt.medium;t.push({col:1,instanceId:`default-${r.id}`,row:n,size:e,widgetId:r.id}),n+=i.h}return{version:1,placements:t}}function on(e){return g(ne,{bus:e.bus,children:[h(sn,{}),h(Qt,{})]})}function sn(){let[e,t]=p(!1),{widgets:n,loading:r}=U({builtIns:[Pe],scope:`global`}),{layout:i,isLoading:a,error:o}=ue(rn),{saveLayout:s}=H(),l=c(()=>{t(e=>!e)},[]),u=n??nn,f=d(()=>an(u),[u]);return g(`div`,{className:X.shell,"data-component":`FrameworkShell`,children:[g(`header`,{className:X.header,children:[g(`div`,{className:X.branding,children:[h(`strong`,{className:X.brandName,children:`Makaio`}),h(`span`,{className:X.brandSubtitle,children:`Framework shell`})]}),g(`div`,{className:X.headerActions,children:[g(`button`,{"aria-pressed":e,className:`${X.editButton} ${e?X.editButtonActive:``}`,onClick:l,title:e?`Done editing`:`Edit layout`,type:`button`,children:[h(cn,{}),e?`Done`:`Edit`]}),h(tn,{})]})]}),h(`main`,{className:X.main,children:h(Yt,{error:o,isEditing:e,isLoading:a||r,onSaveLayout:e=>s(rn,e),onToggleEdit:l,savedLayout:i??f,widgets:u})})]})}function cn(){return g(`svg`,{"aria-hidden":`true`,fill:`none`,height:14,stroke:`currentColor`,strokeLinecap:`round`,strokeLinejoin:`round`,strokeWidth:2,viewBox:`0 0 24 24`,width:14,children:[h(`path`,{d:`M17 3a2.85 2.85 0 1 1 4 4L7.5 20.5 2 22l1.5-5.5Z`}),h(`path`,{d:`m15 5 4 4`})]})}var ln={button:`_4kaZLa_button`,widget:`_4kaZLa_widget`};function un(e){let t=oe(),[n,r]=p(!1),i=f(!1),a=f(!0);l(()=>(a.current=!0,()=>{a.current=!1}),[]);let o=async()=>{if(!(!t||i.current)){i.current=!0,r(!0);try{let{windowId:e}=await t.request(te.window.openDashboard,{});if(e===null)throw Error(`Dashboard window could not be opened or focused.`);if(!a.current)return}catch(e){if(!a.current)return;console.error(`[OpenDashboardWidget] Failed to open dashboard:`,e)}finally{i.current=!1,a.current&&r(!1)}}},s=!t||n;return h(`div`,{className:ln.widget,"data-component":`OpenDashboardWidget`,children:h(`button`,{className:ln.button,disabled:s,onClick:()=>void o(),type:`button`,children:`Open Dashboard ↗`})})}const dn=[Pe,{allowMultiple:!1,component:un,defaultSize:`small`,description:`Opens the main Makaio dashboard window.`,id:`framework-open-dashboard`,name:`Open Dashboard`,scope:[`tray`],supportedSizes:[`small`]}],fn=[...dn.map(e=>e.id)];function pn(e){return dn.forEach(t=>{e.register(t)}),()=>{dn.forEach(t=>{e.unregister(t.id)})}}var mn={canvas:`jOJO6G_canvas`,loadingState:`jOJO6G_loadingState`,root:`jOJO6G_root`};function hn(e,t,n){let r=[];try{for(let i of n.widgets??[])L(i.scope,`tray`,!1)&&(M(e,i)?r.push(()=>I(e,i.id)):console.warn(`[registerTrayExtensionUI] Widget "${i.id}" from extension "${t}" was already registered.`));return()=>P(r,`[registerTrayExtensionUI] ${t}`)}catch(e){throw P(r,`[registerTrayExtensionUI] ${t}`),e}}const gn={responsive:!1,cols:C,rowHeight:T,margin:S,width:w},_n=()=>Promise.resolve();function vn(){let e=B(),t=f(0),[n,r]=p(!1);l(()=>pn(R),[]),l(()=>{let n=++t.current,i=()=>t.current===n,a=[];return r(!0),(async()=>{try{let t=await ie({bus:e,getRegisteredFactory:k,isCurrentRun:i,registerExtensionUI:hn,resolveFactory:N,unregisterFactory:F,waitForRuntimeReady:D});if(!i()){P(t.cleanups,`[TrayView] stale extension load`);return}a.push(...t.cleanups),t.errorMessage&&console.warn(`[TrayView] ${t.errorMessage}`)}catch(e){i()&&console.error(`[TrayView] Failed to load browser contributions for the tray surface`,e)}finally{i()&&r(!1)}})(),()=>{++t.current,P(a,`[TrayView]`)}},[e]);let{widgets:i,loading:a}=U({scope:`tray`,includeAny:!1}),o=le(fn),s=d(()=>i??[],[i]);return g(`div`,{className:mn.root,"data-component":`TrayView`,children:[h(`div`,{className:mn.canvas,children:h(Yt,{gridConfig:gn,isEditing:!1,isLoading:a,onSaveLayout:_n,rowHeight:T,savedLayout:o,widgets:s})}),n?h(`div`,{className:mn.loadingState,children:`Loading extension widgets…`}):null]})}function yn({title:e=`Makaio`,message:t=`No extension provided workspace chrome.`,detail:n=`Waiting for extensions to load...`}={}){return g(`div`,{"aria-live":`polite`,"data-component":`EmptyStateUI`,role:`status`,style:{alignItems:`center`,backgroundColor:y,color:x,display:`flex`,flexDirection:`column`,fontFamily:b,height:`100vh`,justifyContent:`center`},children:[h(`h1`,{style:{fontSize:`1.5rem`,marginBottom:`0.5rem`},children:e}),h(`p`,{style:{opacity:.6},children:t}),h(`p`,{style:{fontSize:`0.85rem`,opacity:.4},children:n})]})}function bn(){return h(`div`,{"data-component":`BootSplash`,style:{alignItems:`center`,backgroundColor:y,color:x,display:`flex`,fontFamily:b,height:`100vh`,justifyContent:`center`},children:h(`p`,{style:{opacity:.5},children:`Loading...`})})}function xn(){let e=B(),t=f(0),[n,r]=p(`loading`),[i,a]=p(null),[o,s]=p(null);return l(()=>{r(`loading`),a(null),s(null);let n=++t.current,i=()=>t.current===n,o=[];async function c(){try{let t=await ie({bus:e,getRegisteredFactory:k,isCurrentRun:i,registerExtensionUI:j,resolveFactory:N,unregisterFactory:F,waitForRuntimeReady:D});if(!i())return;o.push(...t.cleanups),a(()=>t.shell),s(t.errorMessage),r(t.state)}catch(e){if(!i())return;let t=e instanceof Error?e.message:`Check the console for the failing extension.`;console.error(`[ExtensionBrowserLoader] Unexpected browser loader failure`,e),s(t),r(`error`)}}return c(),()=>{++t.current,P(o,`[ExtensionBrowserLoader]`)}},[e]),n===`loading`?h(bn,{}):n===`error`?h(yn,{detail:o??`Check the console for the failing extension.`,message:`Workspace chrome could not be assembled from the available extensions.`,title:`Extension Load Error`}):h(n===`empty`||!i?on:i,{bus:e})}var Sn={errorContainer:`tonHKa_errorContainer`,errorMessage:`tonHKa_errorMessage`,retryButton:`tonHKa_retryButton`,subtitle:`tonHKa_subtitle`,title:`tonHKa_title`},Cn=class extends i{constructor(e){super(e),this.state={error:null,hasError:!1}}static getDerivedStateFromError(e){return{error:e,hasError:!0}}componentDidCatch(e,t){console.error(`[PageErrorBoundary] Error rendering page "${this.props.pageId}":`,e,t)}handleRetry=()=>{this.setState({error:null,hasError:!1})};render(){return this.state.hasError?this.props.fallback?this.props.fallback:g(`div`,{className:Sn.errorContainer,"data-component":`PageErrorBoundary`,children:[h(`h2`,{className:Sn.title,children:`Something went wrong`}),g(`p`,{className:Sn.subtitle,children:[`Failed to render page "`,this.props.pageId,`"`]}),h(`pre`,{className:Sn.errorMessage,children:this.state.error?.message}),h(`button`,{className:Sn.retryButton,onClick:this.handleRetry,type:`button`,children:`Try again`})]}):this.props.children}};function wn(e){let t=e.icon;return{icon:t?h(t,{size:16}):void 0,id:e.id,isActive:e.isActive,label:e.name,onClick:e.execute,shortcut:e.shortcut,title:e.description??e.name}}function Tn(){let e=ae(),t=fe({level:e,surface:window.__MAKAIO_MOBILE__?`mobile`:`web`}),n=V(t=>t.isCollapsed(e)),r=V(e=>e.toggle),i=d(()=>re(t,O).filter(({pages:e})=>e.length>0).map(({config:e,pages:t})=>({id:e.id,items:t.map(wn),label:e.label})),[t]);return i.length===0?null:h(he,{collapsed:n,onToggleCollapse:()=>r(e),sections:i})}var En=e=>{switch(e){case`success`:return kn;case`info`:return jn;case`warning`:return An;case`error`:return Mn;default:return null}},Dn=Array(12).fill(0),On=({visible:e,className:t})=>r.createElement(`div`,{className:[`sonner-loading-wrapper`,t].filter(Boolean).join(` `),"data-visible":e},r.createElement(`div`,{className:`sonner-spinner`},Dn.map((e,t)=>r.createElement(`div`,{className:`sonner-loading-bar`,key:`spinner-bar-${t}`})))),kn=r.createElement(`svg`,{xmlns:`http://www.w3.org/2000/svg`,viewBox:`0 0 20 20`,fill:`currentColor`,height:`20`,width:`20`},r.createElement(`path`,{fillRule:`evenodd`,d:`M10 18a8 8 0 100-16 8 8 0 000 16zm3.857-9.809a.75.75 0 00-1.214-.882l-3.483 4.79-1.88-1.88a.75.75 0 10-1.06 1.061l2.5 2.5a.75.75 0 001.137-.089l4-5.5z`,clipRule:`evenodd`})),An=r.createElement(`svg`,{xmlns:`http://www.w3.org/2000/svg`,viewBox:`0 0 24 24`,fill:`currentColor`,height:`20`,width:`20`},r.createElement(`path`,{fillRule:`evenodd`,d:`M9.401 3.003c1.155-2 4.043-2 5.197 0l7.355 12.748c1.154 2-.29 4.5-2.599 4.5H4.645c-2.309 0-3.752-2.5-2.598-4.5L9.4 3.003zM12 8.25a.75.75 0 01.75.75v3.75a.75.75 0 01-1.5 0V9a.75.75 0 01.75-.75zm0 8.25a.75.75 0 100-1.5.75.75 0 000 1.5z`,clipRule:`evenodd`})),jn=r.createElement(`svg`,{xmlns:`http://www.w3.org/2000/svg`,viewBox:`0 0 20 20`,fill:`currentColor`,height:`20`,width:`20`},r.createElement(`path`,{fillRule:`evenodd`,d:`M18 10a8 8 0 11-16 0 8 8 0 0116 0zm-7-4a1 1 0 11-2 0 1 1 0 012 0zM9 9a.75.75 0 000 1.5h.253a.25.25 0 01.244.304l-.459 2.066A1.75 1.75 0 0010.747 15H11a.75.75 0 000-1.5h-.253a.25.25 0 01-.244-.304l.459-2.066A1.75 1.75 0 009.253 9H9z`,clipRule:`evenodd`})),Mn=r.createElement(`svg`,{xmlns:`http://www.w3.org/2000/svg`,viewBox:`0 0 20 20`,fill:`currentColor`,height:`20`,width:`20`},r.createElement(`path`,{fillRule:`evenodd`,d:`M18 10a8 8 0 11-16 0 8 8 0 0116 0zm-8-5a.75.75 0 01.75.75v4.5a.75.75 0 01-1.5 0v-4.5A.75.75 0 0110 5zm0 10a1 1 0 100-2 1 1 0 000 2z`,clipRule:`evenodd`})),Nn=r.createElement(`svg`,{xmlns:`http://www.w3.org/2000/svg`,width:`12`,height:`12`,viewBox:`0 0 24 24`,fill:`none`,stroke:`currentColor`,strokeWidth:`1.5`,strokeLinecap:`round`,strokeLinejoin:`round`},r.createElement(`line`,{x1:`18`,y1:`6`,x2:`6`,y2:`18`}),r.createElement(`line`,{x1:`6`,y1:`6`,x2:`18`,y2:`18`})),Pn=()=>{let[e,t]=r.useState(document.hidden);return r.useEffect(()=>{let e=()=>{t(document.hidden)};return document.addEventListener(`visibilitychange`,e),()=>window.removeEventListener(`visibilitychange`,e)},[]),e},Fn=1,Z=new class{constructor(){this.subscribe=e=>(this.subscribers.push(e),()=>{let t=this.subscribers.indexOf(e);this.subscribers.splice(t,1)}),this.publish=e=>{this.subscribers.forEach(t=>t(e))},this.addToast=e=>{this.publish(e),this.toasts=[...this.toasts,e]},this.create=e=>{let{message:t,...n}=e,r=typeof e?.id==`number`||e.id?.length>0?e.id:Fn++,i=this.toasts.find(e=>e.id===r),a=e.dismissible===void 0?!0:e.dismissible;return this.dismissedToasts.has(r)&&this.dismissedToasts.delete(r),i?this.toasts=this.toasts.map(n=>n.id===r?(this.publish({...n,...e,id:r,title:t}),{...n,...e,id:r,dismissible:a,title:t}):n):this.addToast({title:t,...n,dismissible:a,id:r}),r},this.dismiss=e=>(this.dismissedToasts.add(e),e||this.toasts.forEach(e=>{this.subscribers.forEach(t=>t({id:e.id,dismiss:!0}))}),this.subscribers.forEach(t=>t({id:e,dismiss:!0})),e),this.message=(e,t)=>this.create({...t,message:e}),this.error=(e,t)=>this.create({...t,message:e,type:`error`}),this.success=(e,t)=>this.create({...t,type:`success`,message:e}),this.info=(e,t)=>this.create({...t,type:`info`,message:e}),this.warning=(e,t)=>this.create({...t,type:`warning`,message:e}),this.loading=(e,t)=>this.create({...t,type:`loading`,message:e}),this.promise=(e,t)=>{if(!t)return;let n;t.loading!==void 0&&(n=this.create({...t,promise:e,type:`loading`,message:t.loading,description:typeof t.description==`function`?void 0:t.description}));let i=e instanceof Promise?e:e(),a=n!==void 0,o,s=i.then(async e=>{if(o=[`resolve`,e],r.isValidElement(e))a=!1,this.create({id:n,type:`default`,message:e});else if(Ln(e)&&!e.ok){a=!1;let r=typeof t.error==`function`?await t.error(`HTTP error! status: ${e.status}`):t.error,i=typeof t.description==`function`?await t.description(`HTTP error! status: ${e.status}`):t.description;this.create({id:n,type:`error`,message:r,description:i})}else if(t.success!==void 0){a=!1;let r=typeof t.success==`function`?await t.success(e):t.success,i=typeof t.description==`function`?await t.description(e):t.description;this.create({id:n,type:`success`,message:r,description:i})}}).catch(async e=>{if(o=[`reject`,e],t.error!==void 0){a=!1;let r=typeof t.error==`function`?await t.error(e):t.error,i=typeof t.description==`function`?await t.description(e):t.description;this.create({id:n,type:`error`,message:r,description:i})}}).finally(()=>{var e;a&&(this.dismiss(n),n=void 0),(e=t.finally)==null||e.call(t)}),c=()=>new Promise((e,t)=>s.then(()=>o[0]===`reject`?t(o[1]):e(o[1])).catch(t));return typeof n!=`string`&&typeof n!=`number`?{unwrap:c}:Object.assign(n,{unwrap:c})},this.custom=(e,t)=>{let n=t?.id||Fn++;return this.create({jsx:e(n),id:n,...t}),n},this.getActiveToasts=()=>this.toasts.filter(e=>!this.dismissedToasts.has(e.id)),this.subscribers=[],this.toasts=[],this.dismissedToasts=new Set}},In=(e,t)=>{let n=t?.id||Fn++;return Z.addToast({title:e,...t,id:n}),n},Ln=e=>e&&typeof e==`object`&&`ok`in e&&typeof e.ok==`boolean`&&`status`in e&&typeof e.status==`number`,Q=Object.assign(In,{success:Z.success,info:Z.info,warning:Z.warning,error:Z.error,custom:Z.custom,message:Z.message,promise:Z.promise,dismiss:Z.dismiss,loading:Z.loading},{getHistory:()=>Z.toasts,getToasts:()=>Z.getActiveToasts()});function Rn(e,{insertAt:t}={}){if(!e||typeof document>`u`)return;let n=document.head||document.getElementsByTagName(`head`)[0],r=document.createElement(`style`);r.type=`text/css`,t===`top`&&n.firstChild?n.insertBefore(r,n.firstChild):n.appendChild(r),r.styleSheet?r.styleSheet.cssText=e:r.appendChild(document.createTextNode(e))}Rn(`:where(html[dir="ltr"]),:where([data-sonner-toaster][dir="ltr"]){--toast-icon-margin-start: -3px;--toast-icon-margin-end: 4px;--toast-svg-margin-start: -1px;--toast-svg-margin-end: 0px;--toast-button-margin-start: auto;--toast-button-margin-end: 0;--toast-close-button-start: 0;--toast-close-button-end: unset;--toast-close-button-transform: translate(-35%, -35%)}:where(html[dir="rtl"]),:where([data-sonner-toaster][dir="rtl"]){--toast-icon-margin-start: 4px;--toast-icon-margin-end: -3px;--toast-svg-margin-start: 0px;--toast-svg-margin-end: -1px;--toast-button-margin-start: 0;--toast-button-margin-end: auto;--toast-close-button-start: unset;--toast-close-button-end: 0;--toast-close-button-transform: translate(35%, -35%)}:where([data-sonner-toaster]){position:fixed;width:var(--width);font-family:ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,Noto Sans,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji;--gray1: hsl(0, 0%, 99%);--gray2: hsl(0, 0%, 97.3%);--gray3: hsl(0, 0%, 95.1%);--gray4: hsl(0, 0%, 93%);--gray5: hsl(0, 0%, 90.9%);--gray6: hsl(0, 0%, 88.7%);--gray7: hsl(0, 0%, 85.8%);--gray8: hsl(0, 0%, 78%);--gray9: hsl(0, 0%, 56.1%);--gray10: hsl(0, 0%, 52.3%);--gray11: hsl(0, 0%, 43.5%);--gray12: hsl(0, 0%, 9%);--border-radius: 8px;box-sizing:border-box;padding:0;margin:0;list-style:none;outline:none;z-index:999999999;transition:transform .4s ease}:where([data-sonner-toaster][data-lifted="true"]){transform:translateY(-10px)}@media (hover: none) and (pointer: coarse){:where([data-sonner-toaster][data-lifted="true"]){transform:none}}:where([data-sonner-toaster][data-x-position="right"]){right:var(--offset-right)}:where([data-sonner-toaster][data-x-position="left"]){left:var(--offset-left)}:where([data-sonner-toaster][data-x-position="center"]){left:50%;transform:translate(-50%)}:where([data-sonner-toaster][data-y-position="top"]){top:var(--offset-top)}:where([data-sonner-toaster][data-y-position="bottom"]){bottom:var(--offset-bottom)}:where([data-sonner-toast]){--y: translateY(100%);--lift-amount: calc(var(--lift) * var(--gap));z-index:var(--z-index);position:absolute;opacity:0;transform:var(--y);filter:blur(0);touch-action:none;transition:transform .4s,opacity .4s,height .4s,box-shadow .2s;box-sizing:border-box;outline:none;overflow-wrap:anywhere}:where([data-sonner-toast][data-styled="true"]){padding:16px;background:var(--normal-bg);border:1px solid var(--normal-border);color:var(--normal-text);border-radius:var(--border-radius);box-shadow:0 4px 12px #0000001a;width:var(--width);font-size:13px;display:flex;align-items:center;gap:6px}:where([data-sonner-toast]:focus-visible){box-shadow:0 4px 12px #0000001a,0 0 0 2px #0003}:where([data-sonner-toast][data-y-position="top"]){top:0;--y: translateY(-100%);--lift: 1;--lift-amount: calc(1 * var(--gap))}:where([data-sonner-toast][data-y-position="bottom"]){bottom:0;--y: translateY(100%);--lift: -1;--lift-amount: calc(var(--lift) * var(--gap))}:where([data-sonner-toast]) :where([data-description]){font-weight:400;line-height:1.4;color:inherit}:where([data-sonner-toast]) :where([data-title]){font-weight:500;line-height:1.5;color:inherit}:where([data-sonner-toast]) :where([data-icon]){display:flex;height:16px;width:16px;position:relative;justify-content:flex-start;align-items:center;flex-shrink:0;margin-left:var(--toast-icon-margin-start);margin-right:var(--toast-icon-margin-end)}:where([data-sonner-toast][data-promise="true"]) :where([data-icon])>svg{opacity:0;transform:scale(.8);transform-origin:center;animation:sonner-fade-in .3s ease forwards}:where([data-sonner-toast]) :where([data-icon])>*{flex-shrink:0}:where([data-sonner-toast]) :where([data-icon]) svg{margin-left:var(--toast-svg-margin-start);margin-right:var(--toast-svg-margin-end)}:where([data-sonner-toast]) :where([data-content]){display:flex;flex-direction:column;gap:2px}[data-sonner-toast][data-styled=true] [data-button]{border-radius:4px;padding-left:8px;padding-right:8px;height:24px;font-size:12px;color:var(--normal-bg);background:var(--normal-text);margin-left:var(--toast-button-margin-start);margin-right:var(--toast-button-margin-end);border:none;cursor:pointer;outline:none;display:flex;align-items:center;flex-shrink:0;transition:opacity .4s,box-shadow .2s}:where([data-sonner-toast]) :where([data-button]):focus-visible{box-shadow:0 0 0 2px #0006}:where([data-sonner-toast]) :where([data-button]):first-of-type{margin-left:var(--toast-button-margin-start);margin-right:var(--toast-button-margin-end)}:where([data-sonner-toast]) :where([data-cancel]){color:var(--normal-text);background:rgba(0,0,0,.08)}:where([data-sonner-toast][data-theme="dark"]) :where([data-cancel]){background:rgba(255,255,255,.3)}:where([data-sonner-toast]) :where([data-close-button]){position:absolute;left:var(--toast-close-button-start);right:var(--toast-close-button-end);top:0;height:20px;width:20px;display:flex;justify-content:center;align-items:center;padding:0;color:var(--gray12);border:1px solid var(--gray4);transform:var(--toast-close-button-transform);border-radius:50%;cursor:pointer;z-index:1;transition:opacity .1s,background .2s,border-color .2s}[data-sonner-toast] [data-close-button]{background:var(--gray1)}:where([data-sonner-toast]) :where([data-close-button]):focus-visible{box-shadow:0 4px 12px #0000001a,0 0 0 2px #0003}:where([data-sonner-toast]) :where([data-disabled="true"]){cursor:not-allowed}:where([data-sonner-toast]):hover :where([data-close-button]):hover{background:var(--gray2);border-color:var(--gray5)}:where([data-sonner-toast][data-swiping="true"]):before{content:"";position:absolute;left:-50%;right:-50%;height:100%;z-index:-1}:where([data-sonner-toast][data-y-position="top"][data-swiping="true"]):before{bottom:50%;transform:scaleY(3) translateY(50%)}:where([data-sonner-toast][data-y-position="bottom"][data-swiping="true"]):before{top:50%;transform:scaleY(3) translateY(-50%)}:where([data-sonner-toast][data-swiping="false"][data-removed="true"]):before{content:"";position:absolute;inset:0;transform:scaleY(2)}:where([data-sonner-toast]):after{content:"";position:absolute;left:0;height:calc(var(--gap) + 1px);bottom:100%;width:100%}:where([data-sonner-toast][data-mounted="true"]){--y: translateY(0);opacity:1}:where([data-sonner-toast][data-expanded="false"][data-front="false"]){--scale: var(--toasts-before) * .05 + 1;--y: translateY(calc(var(--lift-amount) * var(--toasts-before))) scale(calc(-1 * var(--scale)));height:var(--front-toast-height)}:where([data-sonner-toast])>*{transition:opacity .4s}:where([data-sonner-toast][data-expanded="false"][data-front="false"][data-styled="true"])>*{opacity:0}:where([data-sonner-toast][data-visible="false"]){opacity:0;pointer-events:none}:where([data-sonner-toast][data-mounted="true"][data-expanded="true"]){--y: translateY(calc(var(--lift) * var(--offset)));height:var(--initial-height)}:where([data-sonner-toast][data-removed="true"][data-front="true"][data-swipe-out="false"]){--y: translateY(calc(var(--lift) * -100%));opacity:0}:where([data-sonner-toast][data-removed="true"][data-front="false"][data-swipe-out="false"][data-expanded="true"]){--y: translateY(calc(var(--lift) * var(--offset) + var(--lift) * -100%));opacity:0}:where([data-sonner-toast][data-removed="true"][data-front="false"][data-swipe-out="false"][data-expanded="false"]){--y: translateY(40%);opacity:0;transition:transform .5s,opacity .2s}:where([data-sonner-toast][data-removed="true"][data-front="false"]):before{height:calc(var(--initial-height) + 20%)}[data-sonner-toast][data-swiping=true]{transform:var(--y) translateY(var(--swipe-amount-y, 0px)) translate(var(--swipe-amount-x, 0px));transition:none}[data-sonner-toast][data-swiped=true]{user-select:none}[data-sonner-toast][data-swipe-out=true][data-y-position=bottom],[data-sonner-toast][data-swipe-out=true][data-y-position=top]{animation-duration:.2s;animation-timing-function:ease-out;animation-fill-mode:forwards}[data-sonner-toast][data-swipe-out=true][data-swipe-direction=left]{animation-name:swipe-out-left}[data-sonner-toast][data-swipe-out=true][data-swipe-direction=right]{animation-name:swipe-out-right}[data-sonner-toast][data-swipe-out=true][data-swipe-direction=up]{animation-name:swipe-out-up}[data-sonner-toast][data-swipe-out=true][data-swipe-direction=down]{animation-name:swipe-out-down}@keyframes swipe-out-left{0%{transform:var(--y) translate(var(--swipe-amount-x));opacity:1}to{transform:var(--y) translate(calc(var(--swipe-amount-x) - 100%));opacity:0}}@keyframes swipe-out-right{0%{transform:var(--y) translate(var(--swipe-amount-x));opacity:1}to{transform:var(--y) translate(calc(var(--swipe-amount-x) + 100%));opacity:0}}@keyframes swipe-out-up{0%{transform:var(--y) translateY(var(--swipe-amount-y));opacity:1}to{transform:var(--y) translateY(calc(var(--swipe-amount-y) - 100%));opacity:0}}@keyframes swipe-out-down{0%{transform:var(--y) translateY(var(--swipe-amount-y));opacity:1}to{transform:var(--y) translateY(calc(var(--swipe-amount-y) + 100%));opacity:0}}@media (max-width: 600px){[data-sonner-toaster]{position:fixed;right:var(--mobile-offset-right);left:var(--mobile-offset-left);width:100%}[data-sonner-toaster][dir=rtl]{left:calc(var(--mobile-offset-left) * -1)}[data-sonner-toaster] [data-sonner-toast]{left:0;right:0;width:calc(100% - var(--mobile-offset-left) * 2)}[data-sonner-toaster][data-x-position=left]{left:var(--mobile-offset-left)}[data-sonner-toaster][data-y-position=bottom]{bottom:var(--mobile-offset-bottom)}[data-sonner-toaster][data-y-position=top]{top:var(--mobile-offset-top)}[data-sonner-toaster][data-x-position=center]{left:var(--mobile-offset-left);right:var(--mobile-offset-right);transform:none}}[data-sonner-toaster][data-theme=light]{--normal-bg: #fff;--normal-border: var(--gray4);--normal-text: var(--gray12);--success-bg: hsl(143, 85%, 96%);--success-border: hsl(145, 92%, 91%);--success-text: hsl(140, 100%, 27%);--info-bg: hsl(208, 100%, 97%);--info-border: hsl(221, 91%, 91%);--info-text: hsl(210, 92%, 45%);--warning-bg: hsl(49, 100%, 97%);--warning-border: hsl(49, 91%, 91%);--warning-text: hsl(31, 92%, 45%);--error-bg: hsl(359, 100%, 97%);--error-border: hsl(359, 100%, 94%);--error-text: hsl(360, 100%, 45%)}[data-sonner-toaster][data-theme=light] [data-sonner-toast][data-invert=true]{--normal-bg: #000;--normal-border: hsl(0, 0%, 20%);--normal-text: var(--gray1)}[data-sonner-toaster][data-theme=dark] [data-sonner-toast][data-invert=true]{--normal-bg: #fff;--normal-border: var(--gray3);--normal-text: var(--gray12)}[data-sonner-toaster][data-theme=dark]{--normal-bg: #000;--normal-bg-hover: hsl(0, 0%, 12%);--normal-border: hsl(0, 0%, 20%);--normal-border-hover: hsl(0, 0%, 25%);--normal-text: var(--gray1);--success-bg: hsl(150, 100%, 6%);--success-border: hsl(147, 100%, 12%);--success-text: hsl(150, 86%, 65%);--info-bg: hsl(215, 100%, 6%);--info-border: hsl(223, 100%, 12%);--info-text: hsl(216, 87%, 65%);--warning-bg: hsl(64, 100%, 6%);--warning-border: hsl(60, 100%, 12%);--warning-text: hsl(46, 87%, 65%);--error-bg: hsl(358, 76%, 10%);--error-border: hsl(357, 89%, 16%);--error-text: hsl(358, 100%, 81%)}[data-sonner-toaster][data-theme=dark] [data-sonner-toast] [data-close-button]{background:var(--normal-bg);border-color:var(--normal-border);color:var(--normal-text)}[data-sonner-toaster][data-theme=dark] [data-sonner-toast] [data-close-button]:hover{background:var(--normal-bg-hover);border-color:var(--normal-border-hover)}[data-rich-colors=true][data-sonner-toast][data-type=success],[data-rich-colors=true][data-sonner-toast][data-type=success] [data-close-button]{background:var(--success-bg);border-color:var(--success-border);color:var(--success-text)}[data-rich-colors=true][data-sonner-toast][data-type=info],[data-rich-colors=true][data-sonner-toast][data-type=info] [data-close-button]{background:var(--info-bg);border-color:var(--info-border);color:var(--info-text)}[data-rich-colors=true][data-sonner-toast][data-type=warning],[data-rich-colors=true][data-sonner-toast][data-type=warning] [data-close-button]{background:var(--warning-bg);border-color:var(--warning-border);color:var(--warning-text)}[data-rich-colors=true][data-sonner-toast][data-type=error],[data-rich-colors=true][data-sonner-toast][data-type=error] [data-close-button]{background:var(--error-bg);border-color:var(--error-border);color:var(--error-text)}.sonner-loading-wrapper{--size: 16px;height:var(--size);width:var(--size);position:absolute;inset:0;z-index:10}.sonner-loading-wrapper[data-visible=false]{transform-origin:center;animation:sonner-fade-out .2s ease forwards}.sonner-spinner{position:relative;top:50%;left:50%;height:var(--size);width:var(--size)}.sonner-loading-bar{animation:sonner-spin 1.2s linear infinite;background:var(--gray11);border-radius:6px;height:8%;left:-10%;position:absolute;top:-3.9%;width:24%}.sonner-loading-bar:nth-child(1){animation-delay:-1.2s;transform:rotate(.0001deg) translate(146%)}.sonner-loading-bar:nth-child(2){animation-delay:-1.1s;transform:rotate(30deg) translate(146%)}.sonner-loading-bar:nth-child(3){animation-delay:-1s;transform:rotate(60deg) translate(146%)}.sonner-loading-bar:nth-child(4){animation-delay:-.9s;transform:rotate(90deg) translate(146%)}.sonner-loading-bar:nth-child(5){animation-delay:-.8s;transform:rotate(120deg) translate(146%)}.sonner-loading-bar:nth-child(6){animation-delay:-.7s;transform:rotate(150deg) translate(146%)}.sonner-loading-bar:nth-child(7){animation-delay:-.6s;transform:rotate(180deg) translate(146%)}.sonner-loading-bar:nth-child(8){animation-delay:-.5s;transform:rotate(210deg) translate(146%)}.sonner-loading-bar:nth-child(9){animation-delay:-.4s;transform:rotate(240deg) translate(146%)}.sonner-loading-bar:nth-child(10){animation-delay:-.3s;transform:rotate(270deg) translate(146%)}.sonner-loading-bar:nth-child(11){animation-delay:-.2s;transform:rotate(300deg) translate(146%)}.sonner-loading-bar:nth-child(12){animation-delay:-.1s;transform:rotate(330deg) translate(146%)}@keyframes sonner-fade-in{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}@keyframes sonner-fade-out{0%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(.8)}}@keyframes sonner-spin{0%{opacity:1}to{opacity:.15}}@media (prefers-reduced-motion){[data-sonner-toast],[data-sonner-toast]>*,.sonner-loading-bar{transition:none!important;animation:none!important}}.sonner-loader{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);transform-origin:center;transition:opacity .2s,transform .2s}.sonner-loader[data-visible=false]{opacity:0;transform:scale(.8) translate(-50%,-50%)}
+`);function zn(e){return e.label!==void 0}var Bn=3,Vn=`32px`,Hn=`16px`,Un=4e3,Wn=356,Gn=14,Kn=20,qn=200;function $(...e){return e.filter(Boolean).join(` `)}function Jn(e){let[t,n]=e.split(`-`),r=[];return t&&r.push(t),n&&r.push(n),r}var Yn=e=>{let{invert:t,toast:n,unstyled:i,interacting:a,setHeights:o,visibleToasts:c,heights:l,index:u,toasts:d,expanded:f,removeToast:p,defaultRichColors:m,closeButton:h,style:g,cancelButtonStyle:_,actionButtonStyle:v,className:y=``,descriptionClassName:b=``,duration:x,position:S,gap:C,loadingIcon:w,expandByDefault:T,classNames:E,icons:D,closeButtonAriaLabel:O=`Close toast`,pauseWhenPageIsHidden:k}=e,[A,j]=r.useState(null),[M,N]=r.useState(null),[P,F]=r.useState(!1),[I,L]=r.useState(!1),[R,z]=r.useState(!1),[ee,te]=r.useState(!1),[ne,re]=r.useState(!1),[ie,B]=r.useState(0),[ae,oe]=r.useState(0),se=r.useRef(n.duration||x||Un),ce=r.useRef(null),V=r.useRef(null),le=u===0,ue=u+1<=c,H=n.type,U=n.dismissible!==!1,de=n.className||``,fe=n.descriptionClassName||``,pe=r.useMemo(()=>l.findIndex(e=>e.toastId===n.id)||0,[l,n.id]),me=r.useMemo(()=>n.closeButton??h,[n.closeButton,h]),he=r.useMemo(()=>n.duration||x||Un,[n.duration,x]),ge=r.useRef(0),_e=r.useRef(0),ve=r.useRef(0),ye=r.useRef(null),[be,W]=S.split(`-`),xe=r.useMemo(()=>l.reduce((e,t,n)=>n>=pe?e:e+t.height,0),[l,pe]),Se=Pn(),G=n.invert||t,Ce=H===`loading`;_e.current=r.useMemo(()=>pe*C+xe,[pe,xe]),r.useEffect(()=>{se.current=he},[he]),r.useEffect(()=>{F(!0)},[]),r.useEffect(()=>{let e=V.current;if(e){let t=e.getBoundingClientRect().height;return oe(t),o(e=>[{toastId:n.id,height:t,position:n.position},...e]),()=>o(e=>e.filter(e=>e.toastId!==n.id))}},[o,n.id]),r.useLayoutEffect(()=>{if(!P)return;let e=V.current,t=e.style.height;e.style.height=`auto`;let r=e.getBoundingClientRect().height;e.style.height=t,oe(r),o(e=>e.find(e=>e.toastId===n.id)?e.map(e=>e.toastId===n.id?{...e,height:r}:e):[{toastId:n.id,height:r,position:n.position},...e])},[P,n.title,n.description,o,n.id]);let K=r.useCallback(()=>{L(!0),B(_e.current),o(e=>e.filter(e=>e.toastId!==n.id)),setTimeout(()=>{p(n)},qn)},[n,p,o,_e]);r.useEffect(()=>{if(n.promise&&H===`loading`||n.duration===1/0||n.type===`loading`)return;let e;return f||a||k&&Se?(()=>{if(ve.current<ge.current){let e=new Date().getTime()-ge.current;se.current-=e}ve.current=new Date().getTime()})():se.current!==1/0&&(ge.current=new Date().getTime(),e=setTimeout(()=>{var e;(e=n.onAutoClose)==null||e.call(n,n),K()},se.current)),()=>clearTimeout(e)},[f,a,n,H,k,Se,K]),r.useEffect(()=>{n.delete&&K()},[K,n.delete]);function we(){return D!=null&&D.loading?r.createElement(`div`,{className:$(E?.loader,n?.classNames?.loader,`sonner-loader`),"data-visible":H===`loading`},D.loading):w?r.createElement(`div`,{className:$(E?.loader,n?.classNames?.loader,`sonner-loader`),"data-visible":H===`loading`},w):r.createElement(On,{className:$(E?.loader,n?.classNames?.loader),visible:H===`loading`})}return r.createElement(`li`,{tabIndex:0,ref:V,className:$(y,de,E?.toast,n?.classNames?.toast,E?.default,E?.[H],n?.classNames?.[H]),"data-sonner-toast":``,"data-rich-colors":n.richColors??m,"data-styled":!(n.jsx||n.unstyled||i),"data-mounted":P,"data-promise":!!n.promise,"data-swiped":ne,"data-removed":I,"data-visible":ue,"data-y-position":be,"data-x-position":W,"data-index":u,"data-front":le,"data-swiping":R,"data-dismissible":U,"data-type":H,"data-invert":G,"data-swipe-out":ee,"data-swipe-direction":M,"data-expanded":!!(f||T&&P),style:{"--index":u,"--toasts-before":u,"--z-index":d.length-u,"--offset":`${I?ie:_e.current}px`,"--initial-height":T?`auto`:`${ae}px`,...g,...n.style},onDragEnd:()=>{z(!1),j(null),ye.current=null},onPointerDown:e=>{Ce||!U||(ce.current=new Date,B(_e.current),e.target.setPointerCapture(e.pointerId),e.target.tagName!==`BUTTON`&&(z(!0),ye.current={x:e.clientX,y:e.clientY}))},onPointerUp:()=>{var e;if(ee||!U)return;ye.current=null;let t=Number(V.current?.style.getPropertyValue(`--swipe-amount-x`).replace(`px`,``)||0),r=Number(V.current?.style.getPropertyValue(`--swipe-amount-y`).replace(`px`,``)||0),i=new Date().getTime()-ce.current?.getTime(),a=A===`x`?t:r,o=Math.abs(a)/i;if(Math.abs(a)>=Kn||o>.11){B(_e.current),(e=n.onDismiss)==null||e.call(n,n),N(A===`x`?t>0?`right`:`left`:r>0?`down`:`up`),K(),te(!0),re(!1);return}z(!1),j(null)},onPointerMove:t=>{var n,r;if(!ye.current||!U||window.getSelection()?.toString().length>0)return;let i=t.clientY-ye.current.y,a=t.clientX-ye.current.x,o=e.swipeDirections??Jn(S);!A&&(Math.abs(a)>1||Math.abs(i)>1)&&j(Math.abs(a)>Math.abs(i)?`x`:`y`);let s={x:0,y:0};A===`y`?(o.includes(`top`)||o.includes(`bottom`))&&(o.includes(`top`)&&i<0||o.includes(`bottom`)&&i>0)&&(s.y=i):A===`x`&&(o.includes(`left`)||o.includes(`right`))&&(o.includes(`left`)&&a<0||o.includes(`right`)&&a>0)&&(s.x=a),(Math.abs(s.x)>0||Math.abs(s.y)>0)&&re(!0),(n=V.current)==null||n.style.setProperty(`--swipe-amount-x`,`${s.x}px`),(r=V.current)==null||r.style.setProperty(`--swipe-amount-y`,`${s.y}px`)}},me&&!n.jsx?r.createElement(`button`,{"aria-label":O,"data-disabled":Ce,"data-close-button":!0,onClick:Ce||!U?()=>{}:()=>{var e;K(),(e=n.onDismiss)==null||e.call(n,n)},className:$(E?.closeButton,n?.classNames?.closeButton)},D?.close??Nn):null,n.jsx||s(n.title)?n.jsx?n.jsx:typeof n.title==`function`?n.title():n.title:r.createElement(r.Fragment,null,H||n.icon||n.promise?r.createElement(`div`,{"data-icon":``,className:$(E?.icon,n?.classNames?.icon)},n.promise||n.type===`loading`&&!n.icon?n.icon||we():null,n.type===`loading`?null:n.icon||D?.[H]||En(H)):null,r.createElement(`div`,{"data-content":``,className:$(E?.content,n?.classNames?.content)},r.createElement(`div`,{"data-title":``,className:$(E?.title,n?.classNames?.title)},typeof n.title==`function`?n.title():n.title),n.description?r.createElement(`div`,{"data-description":``,className:$(b,fe,E?.description,n?.classNames?.description)},typeof n.description==`function`?n.description():n.description):null),s(n.cancel)?n.cancel:n.cancel&&zn(n.cancel)?r.createElement(`button`,{"data-button":!0,"data-cancel":!0,style:n.cancelButtonStyle||_,onClick:e=>{var t,r;zn(n.cancel)&&U&&((r=(t=n.cancel).onClick)==null||r.call(t,e),K())},className:$(E?.cancelButton,n?.classNames?.cancelButton)},n.cancel.label):null,s(n.action)?n.action:n.action&&zn(n.action)?r.createElement(`button`,{"data-button":!0,"data-action":!0,style:n.actionButtonStyle||v,onClick:e=>{var t,r;zn(n.action)&&((r=(t=n.action).onClick)==null||r.call(t,e),!e.defaultPrevented&&K())},className:$(E?.actionButton,n?.classNames?.actionButton)},n.action.label):null))};function Xn(){if(typeof window>`u`||typeof document>`u`)return`ltr`;let e=document.documentElement.getAttribute(`dir`);return e===`auto`||!e?window.getComputedStyle(document.documentElement).direction:e}function Zn(e,t){let n={};return[e,t].forEach((e,t)=>{let r=t===1,i=r?`--mobile-offset`:`--offset`,a=r?Hn:Vn;function o(e){[`top`,`right`,`bottom`,`left`].forEach(t=>{n[`${i}-${t}`]=typeof e==`number`?`${e}px`:e})}typeof e==`number`||typeof e==`string`?o(e):typeof e==`object`?[`top`,`right`,`bottom`,`left`].forEach(t=>{e[t]===void 0?n[`${i}-${t}`]=a:n[`${i}-${t}`]=typeof e[t]==`number`?`${e[t]}px`:e[t]}):o(a)}),n}var Qn=o(function(e,t){let{invert:n,position:i=`bottom-right`,hotkey:a=[`altKey`,`KeyT`],expand:o,closeButton:s,className:c,offset:l,mobileOffset:u,theme:d=`light`,richColors:f,duration:p,style:m,visibleToasts:h=Bn,toastOptions:g,dir:v=Xn(),gap:y=Gn,loadingIcon:b,icons:x,containerAriaLabel:S=`Notifications`,pauseWhenPageIsHidden:C}=e,[w,T]=r.useState([]),E=r.useMemo(()=>Array.from(new Set([i].concat(w.filter(e=>e.position).map(e=>e.position)))),[w,i]),[D,O]=r.useState([]),[k,A]=r.useState(!1),[j,M]=r.useState(!1),[N,P]=r.useState(d===`system`?typeof window<`u`&&window.matchMedia&&window.matchMedia(`(prefers-color-scheme: dark)`).matches?`dark`:`light`:d),F=r.useRef(null),I=a.join(`+`).replace(/Key/g,``).replace(/Digit/g,``),L=r.useRef(null),R=r.useRef(!1),z=r.useCallback(e=>{T(t=>{var n;return(n=t.find(t=>t.id===e.id))!=null&&n.delete||Z.dismiss(e.id),t.filter(({id:t})=>t!==e.id)})},[]);return r.useEffect(()=>Z.subscribe(e=>{if(e.dismiss){T(t=>t.map(t=>t.id===e.id?{...t,delete:!0}:t));return}setTimeout(()=>{_.flushSync(()=>{T(t=>{let n=t.findIndex(t=>t.id===e.id);return n===-1?[e,...t]:[...t.slice(0,n),{...t[n],...e},...t.slice(n+1)]})})})}),[]),r.useEffect(()=>{if(d!==`system`){P(d);return}if(d===`system`&&(window.matchMedia&&window.matchMedia(`(prefers-color-scheme: dark)`).matches?P(`dark`):P(`light`)),typeof window>`u`)return;let e=window.matchMedia(`(prefers-color-scheme: dark)`);try{e.addEventListener(`change`,({matches:e})=>{P(e?`dark`:`light`)})}catch{e.addListener(({matches:e})=>{try{P(e?`dark`:`light`)}catch(e){console.error(e)}})}},[d]),r.useEffect(()=>{w.length<=1&&A(!1)},[w]),r.useEffect(()=>{let e=e=>{var t,n;a.every(t=>e[t]||e.code===t)&&(A(!0),(t=F.current)==null||t.focus()),e.code===`Escape`&&(document.activeElement===F.current||(n=F.current)!=null&&n.contains(document.activeElement))&&A(!1)};return document.addEventListener(`keydown`,e),()=>document.removeEventListener(`keydown`,e)},[a]),r.useEffect(()=>{if(F.current)return()=>{L.current&&(L.current.focus({preventScroll:!0}),L.current=null,R.current=!1)}},[F.current]),r.createElement(`section`,{ref:t,"aria-label":`${S} ${I}`,tabIndex:-1,"aria-live":`polite`,"aria-relevant":`additions text`,"aria-atomic":`false`,suppressHydrationWarning:!0},E.map((t,i)=>{let[a,d]=t.split(`-`);return w.length?r.createElement(`ol`,{key:t,dir:v===`auto`?Xn():v,tabIndex:-1,ref:F,className:c,"data-sonner-toaster":!0,"data-theme":N,"data-y-position":a,"data-lifted":k&&w.length>1&&!o,"data-x-position":d,style:{"--front-toast-height":`${D[0]?.height||0}px`,"--width":`${Wn}px`,"--gap":`${y}px`,...m,...Zn(l,u)},onBlur:e=>{R.current&&!e.currentTarget.contains(e.relatedTarget)&&(R.current=!1,L.current&&=(L.current.focus({preventScroll:!0}),null))},onFocus:e=>{e.target instanceof HTMLElement&&e.target.dataset.dismissible===`false`||R.current||(R.current=!0,L.current=e.relatedTarget)},onMouseEnter:()=>A(!0),onMouseMove:()=>A(!0),onMouseLeave:()=>{j||A(!1)},onDragEnd:()=>A(!1),onPointerDown:e=>{e.target instanceof HTMLElement&&e.target.dataset.dismissible===`false`||M(!0)},onPointerUp:()=>M(!1)},w.filter(e=>!e.position&&i===0||e.position===t).map((i,a)=>r.createElement(Yn,{key:i.id,icons:x,index:a,toast:i,defaultRichColors:f,duration:g?.duration??p,className:g?.className,descriptionClassName:g?.descriptionClassName,invert:n,visibleToasts:h,closeButton:g?.closeButton??s,interacting:j,position:t,style:g?.style,unstyled:g?.unstyled,classNames:g?.classNames,cancelButtonStyle:g?.cancelButtonStyle,actionButtonStyle:g?.actionButtonStyle,removeToast:z,toasts:w.filter(e=>e.position==i.position),heights:D.filter(e=>e.position==i.position),setHeights:O,expandByDefault:o,gap:y,loadingIcon:b,expanded:k,pauseWhenPageIsHidden:C,swipeDirections:e.swipeDirections}))):null}))});function $n({bus:e,children:t}){let n=c((t,n)=>r=>{r.preventDefault(),e.emit(be.interacted,{toastId:t,actionId:n.id,timestamp:Date.now()}),Q.dismiss(t)},[e]);return l(()=>{let t=e.on(be.show,t=>{let{actions:r,level:i,message:a,title:o,durationMs:s}=t.payload,c=t.payload.toastId??crypto.randomUUID(),l=s===null?1/0:s??4e3,u=()=>{e.emit(be.dismissed,{toastId:c,timestamp:Date.now()})},d={duration:l,onDismiss:u,onAutoClose:u,id:c},f=(()=>{switch(i){case`success`:return Q.success;case`info`:return Q.info;case`warning`:return Q.warning;case`error`:return Q.error;default:return Q}})();if(!r||r.length===0){f(o??a,{...d,description:o?a:void 0});return}if(r.length===1){let e=r[0];f(o??a,{...d,description:o?a:void 0,action:{label:e.label,onClick:t=>n(c,e)(t)}});return}let p={level:i,message:a,title:o,durationMs:s,actions:r,toastId:c};Q.custom(t=>h(me,{payload:p,onAction:n=>{e.emit(be.interacted,{toastId:c,actionId:n,timestamp:Date.now()}),Q.dismiss(t)},onDismiss:()=>Q.dismiss(t)}),d)}),r=e.on(be.dismiss,e=>{Q.dismiss(e.payload.toastId)});return()=>{t(),r()}},[e,n]),g(m,{children:[h(Qn,{position:`bottom-right`}),t]})}export{tn as BusStatusIndicator,yn as EmptyStateUI,xn as ExtensionBrowserLoader,on as FrameworkShell,Cn as PageErrorBoundary,Tt as SIZE_MAPPING,Qt as SheetOverlay,Tn as Sidebar,$n as ToastProvider,vn as TrayView,Fe as WIDGET_DRAG_DATA_TYPE,Yt as WidgetCanvas,Se as WidgetContainer,Ct as WidgetErrorBoundary,Ft as WidgetGrid,Vt as WidgetPalette,Dt as deriveWidgetSize,Pe as frameworkStatusWidgetDefinition,Re as getWidgetDragData,Le as setWidgetDragData};

package/dist/utils/health-probe.d.mts

@@ -0,0 +1,26 @@
+//#region packages/utils/src/health-probe.d.ts
+/**
+ * Health status returned by a running Makaio instance.
+ *
+ * Parsed from the `/health` response body. `auth` indicates whether
+ * the bus WebSocket endpoint requires HMAC authentication.
+ */
+interface HealthResult {
+  /** Whether the bus requires HMAC authentication. */
+  auth: boolean;
+}
+/**
+ * Probe a running Makaio instance at the given URL.
+ * @param url - Full URL of the `/health` endpoint (e.g. `http://127.0.0.1:6252/health`).
+ * @param timeoutMs - Abort timeout in milliseconds (default 2000).
+ * @returns Health result if the instance is alive and responding, `null` otherwise.
+ */
+declare function probeHealth(url: string, timeoutMs?: number): Promise<HealthResult | null>;
+/**
+ * Parse the raw `/health` response body.
+ * @param body - Raw response text from the health endpoint.
+ * @returns Parsed health result, or `null` if the body is not a valid health response.
+ */
+declare function parseHealthBody(body: string): HealthResult | null;
+//#endregion
+export { HealthResult, parseHealthBody, probeHealth };

package/dist/utils/health-probe.mjs

@@ -0,0 +1 @@
+async function e(e,n=2e3){try{let r=await fetch(e,{signal:AbortSignal.timeout(n)});return r.ok?t(await r.text()):null}catch{return null}}function t(e){let t=e.trim();if(t.toLowerCase()===`ok`)return{auth:!1};try{let e=JSON.parse(t);if(typeof e==`string`)return e.trim().toLowerCase()===`ok`?{auth:!1}:null;if(typeof e!=`object`||!e||!(`ok`in e))return null;let n=e;return n.ok===!0?{auth:n.auth===!0}:null}catch{return null}}export{t as parseHealthBody,e as probeHealth};