@vuu-ui/vuu-layout 0.5.9 → 0.5.11

package/cjs/index.js

@@ -1,4 +1,4 @@
-"use strict";var Gi=Object.create;var Rt=Object.defineProperty;var Ui=Object.getOwnPropertyDescriptor;var Xi=Object.getOwnPropertyNames;var Yi=Object.getPrototypeOf,Zi=Object.prototype.hasOwnProperty;var qi=(e,t)=>{for(var o in t)Rt(e,o,{get:t[o],enumerable:!0})},fn=(e,t,o,n)=>{if(t&&typeof t=="object"||typeof t=="function")for(let r of Xi(t))!Zi.call(e,r)&&r!==o&&Rt(e,r,{get:()=>t[r],enumerable:!(n=Ui(t,r))||n.enumerable});return e};var O=(e,t,o)=>(o=e!=null?Gi(Yi(e)):{},fn(t||!e||!e.__esModule?Rt(o,"default",{value:e,enumerable:!0}):o,e)),Ji=e=>fn(Rt({},"__esModule",{value:!0}),e);var Il={};qi(Il,{Action:()=>Ne,BORDER_STYLES:()=>Ll,Chest:()=>Sn,Component:()=>wt,ComponentRegistry:()=>oe,ConfigWrapper:()=>vl,Dialog:()=>rs,Draggable:()=>$t,DraggableLayout:()=>po,Drawer:()=>Et,DropMenu:()=>vo,DropTarget:()=>he,Flexbox:()=>Wt,FlexboxLayout:()=>qo,FluidGrid:()=>Yt,FluidGridLayout:()=>on,Header:()=>rn,HeightOnly:()=>Va,LayoutConfigurator:()=>cn,LayoutProvider:()=>$a,LayoutProviderContext:()=>Ze,LayoutProviderVersion:()=>Ha,LayoutTreeViewer:()=>un,MARGIN_STYLES:()=>Tl,PADDING_STYLES:()=>Pl,Palette:()=>Pi,PaletteItem:()=>an,PaletteListItem:()=>xl,PaletteSalt:()=>Ci,Placeholder:()=>at,Stack:()=>to,StackLayout:()=>ln,View:()=>be,ViewContext:()=>bt,WidthHeight:()=>Fa,WidthOnly:()=>Wa,XXXnormalizeStyles:()=>zl,componentFromLayout:()=>ho,computeMenuPosition:()=>wo,containerOf:()=>Hn,expandFlex:()=>Tt,extractResponsiveProps:()=>pl,findTarget:()=>me,followPath:()=>G,followPathToComponent:()=>fo,followPathToParent:()=>pe,getChild:()=>$n,getChildProp:()=>mo,getPersistentState:()=>Bo,getProp:()=>A,getProps:()=>z,hasPersistentState:()=>No,identifyDropTarget:()=>zt,isContainer:()=>_,isLayoutComponent:()=>so,isRegistered:()=>ji,isResponsiveAttribute:()=>mi,isTabstrip:()=>Rs,isTypeOf:()=>ss,isView:()=>Rn,nextLeaf:()=>ls,nextStep:()=>j,previousLeaf:()=>cs,registerComponent:()=>$,resetPath:()=>W,setPersistentState:()=>Ho,setRef:()=>ps,typeOf:()=>I,useBreakpoints:()=>jo,useLayoutProviderDispatch:()=>J,useLayoutProviderVersion:()=>ei,useOverflowObserver:()=>sl,usePersistentState:()=>$e,useResizeObserver:()=>ht,useViewActionDispatcher:()=>xt,useViewContext:()=>hl,useViewDispatch:()=>nn});module.exports=Ji(Il);var En=O(require("classnames"));var gn=require("react"),io=O(require("classnames")),et=require("@salt-ds/core");var Se=require("react/jsx-runtime"),Ee="vuuDrawer",hn=e=>typeof e=="string"?e:e+"px",Ki=(e,t,o)=>{let n=t!==void 0,r=o!==void 0;if(!(!e&&!r&&!n))return!r&&!n?e:{...e,"--drawer-size":n?hn(t):void 0,"--drawer-peek-size":r?hn(o):void 0}},yn=({children:e,className:t,clickToOpen:o,defaultOpen:n,sizeOpen:r,sizeClosed:i,style:s,open:a,position:l="left",inline:c,onClick:p,peekaboo:m=!1,toggleButton:u,...d})=>{let[h,g]=(0,et.useControlled)({controlled:a,default:n!=null?n:!1,name:"Drawer",state:"open"}),y=(0,io.default)(Ee,t,`${Ee}-${l}`,{[`${Ee}-open`]:h,[`${Ee}-inline`]:c,[`${Ee}-over`]:!c,[`${Ee}-peekaboo`]:m}),f=(0,gn.useCallback)(()=>{console.log("toggleDrawer"),g(!h)},[h,g]),b=Ki(s,r,i),R=o?f:p,E=()=>(0,Se.jsx)("div",{className:(0,io.default)("vuuToggleButton-container"),children:h?(0,Se.jsx)(et.Button,{"aria-label":"close",onClick:f,"data-icon":"close",variant:"secondary"}):(0,Se.jsx)(et.Button,{"aria-label":"open",onClick:f,"data-icon":"close",variant:"secondary"})});return(0,Se.jsxs)("div",{...d,className:y,onClick:R,style:b,children:[u=="start"?E():null,(0,Se.jsx)("div",{className:`${Ee}-liner`,children:(0,Se.jsx)("div",{className:`${Ee}-content`,children:e})}),u=="end"?E():null]})};yn.displayName="Drawer";var Et=yn;var ao=require("@vuu-ui/vuu-utils");var bn={},xn={},oe={};function _(e){return bn[e]===!0}function Rn(e){return xn[e]===!0}var so=e=>_(e)||Rn(e),ji=e=>!!oe[e];function $(e,t,o="component"){oe[e]=t,o==="container"?bn[e]=!0:o==="view"&&(xn[e]=!0)}var St=require("react/jsx-runtime"),Qi=e=>e.type===Et,es=({props:{position:e="left"}})=>e.match(/top|bottom/),lo=e=>{let{children:t,className:o,id:n,style:r}=e,i="hwChest",[s,a]=(0,ao.partition)(t,Qi),[l,c]=(0,ao.partition)(s,es),p=l.length===0?"horizontal":c.length===0?"vertical":"both",m=(0,En.default)(i,o,`${i}-${p}`);return(0,St.jsxs)("div",{className:m,id:n,style:r,children:[s,(0,St.jsx)("div",{className:`${i}-content`,children:a})]})};lo.displayName="Chest";var Sn=lo;$("Chest",lo,"container");var wn=require("react");var vn=require("react/jsx-runtime"),co=(0,wn.forwardRef)(function({resizeable:t,...o},n){return(0,vn.jsx)("div",{...o,className:"Component",ref:n})});co.displayName="Component";var wt=co;$("Component",co);var ve=require("react"),zn=O(require("classnames"));var tt=require("react"),Mn=O(require("react-dom"));var Dn=O(require("react-dom")),Tn=require("@salt-ds/core"),Ln=require("react/jsx-runtime"),ts=1,os=(e=0,t=0,o=window)=>{let n=o.document.createElement("div");return n.className="vuuPopup "+ts++,n.style.cssText=`left:${e}px; top:${t}px;`,o.document.body.appendChild(n),n},ns=(e,t)=>os(e,t),vt=(e,t,o,n,r)=>{t.style.cssText=`left:${o}px; top:${n}px;position: absolute;`,Dn.render((0,Ln.jsx)(Tn.SaltProvider,{applyClassesTo:"child",children:e}),t,r)},Pn=ns;var Cn=function({children:t,x:o=0,y:n=0,onRender:r}){let i=(0,tt.useMemo)(()=>Pn(),[]);return(0,tt.useLayoutEffect)(()=>{vt(t,i,o,n,r)},[t,r,i,o,n]),(0,tt.useLayoutEffect)(()=>()=>{var s;i&&(Mn.unmountComponentAtNode(i),i.classList.contains("vuuPopup")&&((s=i.parentElement)==null||s.removeChild(i)))},[i]),null};var An=require("@heswell/salt-lab"),In=require("@salt-ds/core"),Dt=require("@heswell/salt-lab");var we=require("react/jsx-runtime"),uo="vuuDialog",rs=({children:e,className:t,isOpen:o=!1,onClose:n,title:r,...i})=>{let s=(0,ve.useRef)(null),[a,l]=(0,ve.useState)(0),[c,p]=(0,ve.useState)(0),m=(0,ve.useCallback)(()=>{n==null||n()},[n]),u=(0,ve.useCallback)(()=>{},[]);return o?(0,we.jsx)(Cn,{onRender:u,x:a,y:c,children:(0,we.jsx)(An.Scrim,{className:`${uo}-scrim`,open:o,children:(0,we.jsxs)("div",{...i,className:(0,zn.default)(uo,t),ref:s,children:[(0,we.jsxs)(Dt.Toolbar,{className:`${uo}-header`,children:[(0,we.jsx)(In.Text,{children:r}),(0,we.jsx)(Dt.ToolbarButton,{onClick:m,"data-align-end":!0,"data-icon":"close"},"close")]}),e]})})}):null};var On=O(require("classnames")),kn=require("react");var Nn=require("react/jsx-runtime"),po=function(t){let o=(0,kn.useRef)();o.current=t;let{className:n,id:r,style:i}=t,s=(0,On.default)("DraggableLayout",n);return(0,Nn.jsx)("div",{className:s,id:r,style:i,children:t.children})},Bn="DraggableLayout";po.displayName=Bn;$(Bn,po,"container");var Tt=e=>{if(typeof e=="number")return{flexBasis:0,flexGrow:1,flexShrink:1};throw Error(`"no support yet for flex value ${e}`)};var De=O(require("react"));var is={},A=(e,t)=>{var n;let o=z(e);return(n=o[t])!=null?n:o[`data-${t}`]},z=e=>(e==null?void 0:e.props)||e||is,mo=e=>{let t=z(e);if(t.children){let{children:[o,...n]}=t;return n.length>0&&console.warn(`getChild expected a single child, found ${n.length+1}`),o}};function I(e){var t;if(e){let o=e.type;if(typeof o=="function"||typeof o=="object"){let n=o.displayName||o.name||((t=o.type)==null?void 0:t.name);if(typeof n=="string")return n}else{if(typeof e.type=="string")return e.type;if(e.constructor)return e.constructor.displayName}throw Error("typeOf unable to determine type of element")}}var ss=(e,t)=>I(e)===t;var as=e=>{let t=e.lastIndexOf(".");return t===-1?e:e.slice(0,t)};function pe(e,t){let{"data-path":o,path:n=o}=z(e);return t==="0"||t===n?null:G(e,as(t),!0)}function me(e,t){let{children:o,...n}=z(e);if(t(n))return e;if(De.default.Children.count(o)>0){let r=De.default.isValidElement(o)?[o]:o;for(let i of r){let s=me(i,t);if(s)return s}}}function Hn(e,t){if(t===e)return null;{let{path:o,children:n}=z(e),{idx:r,finalStep:i}=j(o,A(t,"path"));return i?e:n===void 0||n[r]===void 0?null:Hn(n[r],t)}}var $n=(e,t)=>{if(De.default.isValidElement(e)&&t==0)return e;if(Array.isArray(e))return e[t]};function fo(e,t){var o=t.split(".");let n=[e],r=i=>De.default.isValidElement(i.props.children)?[i.props.children]:i.props.children;for(let i=0;i<o.length;i++){let s=parseInt(o[i]),a=n[s];if(i===o.length-1)return a;n=r(a)}}function G(e,t,o=!1){let{"data-path":n,path:r=n}=z(e);if(t.indexOf(r)!==0)throw Error(`pathUtils.followPath path ${t} is not within source path ${r}`);let i=t.slice(r.length+1);if(i==="")return e;let s=e,a=i.split(".");for(var l=0;l<a.length;l++){if(De.default.Children.count(s.props.children)===0){let c=`element at 0.${a.slice(0,l).join(".")} has no children, so cannot fulfill rest of path ${a.slice(l).join(".")}`;if(o)throw Error(c);console.warn(c);return}if(s=$n(s.props.children,parseInt(a[l])),s===void 0){let c=`model at 0.${a.slice(0,l).join(".")} has no children that fulfill next step of path ${a.slice(l).join(".")}`;if(o)throw Error(c);console.warn(c)}}return s}function ls(e,t){let o=pe(e,t),n=t.split(".").map(r=>parseInt(r,10));if(o){let r=n.pop(),{children:i}=o.props;if(i.length-1>r)return Pt(i[r+1]);{let s=n.pop(),a=pe(e,A(o,"path"));if(a&&typeof s=="number"&&(n=a.props.path.split(".").map(l=>parseInt(l,10)),a.props.children.length-1>s)){let l=a.props.children[s+1];return _(I(l))?Pt(l):l}}}return Pt(e)}function cs(e,t){let o=t.split(".").map(i=>parseInt(i,10)),n=o.pop(),r=pe(e,t);if(r!=null&&typeof n=="number"){let{children:i}=r.props;if(n>0)return Lt(i[n-1]);for(;o.length>1;)if(n=o.pop(),r=pe(e,A(r,"path")),n>0){let s=r.props.children[n-1];return _(I(s))?Lt(s):s}}return Lt(e)}function Pt(e){if(_(I(e))){let{children:t}=e.props||e;return Pt(t[0])}else return e}function Lt(e){if(_(I(e))){let{children:t}=e.props||e;return Lt(t[t.length-1])}else return e}function j(e,t,o=!1){if(e===t)return{idx:-1,finalStep:!0};let n=`${e}.`;if(!t.startsWith(n))throw Error("pathUtils nextStep has strayed from the path");let r=o?0:1,i=t.replace(n,"").split(".").map(s=>parseInt(s,10));return{idx:i[0],finalStep:i.length===r}}function W(e,t,o){if(A(e,"path")===t)return e;let n=[];De.default.Children.forEach(e.props.children,(i,s)=>{A(i,"path")?n.push(W(i,`${t}.${s}`)):n.push(i)});let r=e.props["data-path"]?"data-path":"path";return De.default.cloneElement(e,{[r]:t,...o},n)}var Fn=require("react");function ho(e){let{id:t,type:o,props:n,children:r}=e,i=us(o),s=!r||r.length===0?null:r.length===1?ho(r[0]):r.map(ho);return(0,Fn.createElement)(i,{...n,key:t},s)}function us(e){let t=oe[e];if(t===void 0)throw Error("componentFromLayout: unknown component type: "+e);return t}function ps(e,t){typeof e=="function"?e(t):e&&(e.current=t)}var Oe={north:1,east:2,south:4,west:8,header:16,centre:32,absolute:64},ot={AFTER:"after",BEFORE:"before"},U=Object.freeze({North:Ie("north"),East:Ie("east"),South:Ie("south"),West:Ie("west"),Header:Ie("header"),Centre:Ie("centre"),Absolute:Ie("absolute")});function Ie(e){return Object.freeze({offset:e==="north"||e==="west"?0:e==="south"||e==="east"?1:NaN,valueOf:function(){return Oe[e]},toString:function(){return e},North:e==="north",South:e==="south",East:e==="east",West:e==="west",Header:e==="header",Centre:e==="centre",NorthOrSouth:e==="north"||e==="south",EastOrWest:e==="east"||e==="west",NorthOrWest:e==="north"||e==="west",SouthOrEast:e==="east"||e==="south",Absolute:e==="absolute"})}var Vn=U.North,Wn=U.South,go=U.East,yo=U.West,ms=U.Header,ds=U.Centre,Ue=class{static measure(t,o=[]){var n={};return gs(t,n,o),n}static allBoxesContainingPoint(t,o,n,r,i){return Xn(t,o,n,r,i).reverse()}};function bo(e,t,o,n=30){let r=o.right-o.left,i=o.bottom-o.top,s=e-o.left,a=t-o.top,l=0;return s<n&&(l+=8),s>r-n&&(l+=2),a<n&&(l+=1),a>i-n&&(l+=4),{pctX:s/r,pctY:a/i,closeToTheEdge:l}}function xo(e,t,o,n){let{BEFORE:r,AFTER:i}=ot,{pctX:s,pctY:a,closeToTheEdge:l}=bo(e,t,o),c,p;if(n==="row")c=s<.5?yo:go;else if(o.header&&Mt(o.header,e,t))if(c=ms,o.Stack){let m=o.Stack.length;if(m===0)p={index:-1,left:o.left,positionRelativeToTab:i,width:0};else{let u=o.Stack.find(({left:d,right:h})=>e>=d&&e<=h);if(u){let d=u.right-u.left;p={index:o.Stack.indexOf(u),left:u.left,positionRelativeToTab:(e-u.left)/d<.5?r:i,width:d}}else p={left:o.Stack[m-1].right,width:0,index:m,positionRelativeToTab:i}}}else if(o.header.titleWidth){let m=o.header.titleWidth;p={index:-1,left:o.left,positionRelativeToTab:(e-o.left)/m<.5?r:i,width:m}}else p={left:o.left,width:0,positionRelativeToTab:r,index:-1};else c=fs(e,t,o,s,a);return{position:c,x:e,y:t,closeToTheEdge:l,tab:p}}function fs(e,t,o,n,r){let i=hs(o,.2);if(Mt(i,e,t))return ds;switch(`${r<.5?"north":"south"}${n<.5?"west":"east"}`){case"northwest":return n>r?Vn:yo;case"northeast":return 1-n>r?Vn:go;case"southeast":return n>r?go:Wn;case"southwest":return 1-n>r?yo:Wn;default:}}function hs({right:e,left:t,top:o,bottom:n},r){let i=(1-r)/2,s=(e-t)*i,a=(n-o)*i;return{left:t+s,top:o+a,right:e-s,bottom:n-a}}function gs(e,t,o){let{id:n,"data-path":r,path:i=r}=z(e),s=I(e);if(n&&i){let[a,l]=Un(e);_n(e,a,l,t),_(s)&&Gn(e,t,o)}}function _n(e,t,o,n){let{"data-path":r,path:i=r,header:s}=z(e);n[i]=t;let a=I(e);if(s||a==="Stack"){let l=o.querySelector(".vuuHeader");if(l){let{top:c,left:p,right:m,bottom:u}=l.getBoundingClientRect();if(n[i].header={top:Math.round(c),left:Math.round(p),right:Math.round(m),bottom:Math.round(u)},a==="Stack")n[i].Stack=Array.from(l.querySelectorAll(".saltTab")).map(d=>d.getBoundingClientRect()).map(({left:d,right:h})=>({left:d,right:h}));else{let d=l.querySelector('[class^="vuuHeader-title"]'),{header:h}=n[i];d&&h&&(h.titleWidth=d.clientWidth)}}}return n[i]}function Gn(e,t,o,n=0,r=0,i=0,s=0){let{children:a,"data-path":l,path:c=l,style:p,active:m=0}=z(e),u=I(e),d=u==="Flexbox",h=u==="Stack",g=d&&p.flexDirection==="column",y=d&&p.flexDirection==="row",b=(h?a.filter((E,w)=>w===m):a.filter(ys)).map(E=>{let[w,x]=Un(E);return[{...w,top:w.top-i,right:w.right+r,bottom:w.bottom+s,left:w.left-n},x,E]}),R=b.map(([E,w,x],v,T)=>{let L,M,D,S,P,C,k=T.length-1;y?(P=v===0?0:E.left-T[v-1][0].right,C=v===k?0:T[v+1][0].left-E.right,L=v===0||P===0?0:P,M=v===k||C===0?0:C-C/2,E.left-=L,E.right+=M,D=i,S=s):g&&(P=v===0?0:E.top-T[v-1][0].bottom,C=v===k?0:T[v+1][0].top-E.bottom,D=v===0||P===0?0:P,S=v===k||C===0?0:C-C/2,E.top-=D,E.bottom+=S,L=n,M=r);let V=_n(x,E,w,t),N=I(x);return _(N)&&Gn(x,t,o,L,M,D,S),V});b.length&&(t[c].children=R)}function ys(e){let{id:t}=z(e),o=document.getElementById(t);return o?o.dataset.dragging!=="true":(console.warn(`BoxModel: no element found with id #${t}`),!1)}function Un(e){let{id:t}=z(e),o=I(e),n=document.getElementById(t);if(!n)throw Error(`No DOM for ${o} ${t}`);let{top:r,left:i,right:s,bottom:a,height:l,width:c}=n.getBoundingClientRect(),p;if(_(o)){let m=n.scrollHeight;m>l&&(p={id:t,scrollHeight:m,scrollTop:n.scrollTop})}return[{top:Math.round(r),left:Math.round(i),right:Math.round(s),bottom:Math.round(a),height:Math.round(l),width:Math.round(c),scrolling:p},n,e]}function Xn(e,t,o,n,r,i=[]){let{children:s,"data-path":a,path:l=a}=z(e),c=I(e);var p=t[l];if(!Mt(p,o,n))return i;if(r&&r.length){if(r.includes(l))i.push(e);else if(!r.some(u=>u.startsWith(l)))return i}else i.push(e);if(!_(c)||p.header&&Mt(p.header,o,n))return i;p.scrolling&&bs(p,o,n);for(var m=0;m<s.length;m++){if(c==="Stack"&&e.props.active!==m)continue;let u=Xn(s[m],t,o,n,r);if(u.length)return i.concat(u)}return i}function Mt(e,t,o){if(e)return t>=e.left&&t<e.right&&o>=e.top&&o<e.bottom}function bs({top:e,bottom:t,scrolling:o},n,r){if(o){let{id:i,scrollTop:s,scrollHeight:a}=o,l=t-e;if(s===0&&t-r<50){let c=a-l;document.getElementById(i).scrollTo({left:0,top:c,behavior:"smooth"}),o.scrollTop=c}else if(s>0&&r-e<50)document.getElementById(i).scrollTo({left:0,top:0,behavior:"smooth"}),o.scrollTop=0;else return!1}else return!1}var xs=.4,Ct=class{constructor(t,o,n,r,i){this.init(t,o,n,r,i)}init(t,o,n,r,i){var{left:s,top:a}=r,{pctX:l,pctY:c}=bo(o,n,r),p=xs,m=l*r.width,u=r.width-m,d=c*r.height,h=r.height-d,g=r.width*p,y=r.height*p,f=1-p,b=m*f,R=d*f,E=u*f,w=h*f;this.intrinsicSize=i,this.constraint={zone:{x:{lo:t.left,hi:t.right},y:{lo:t.top,hi:t.bottom}},pos:{x:{lo:t.left-b,hi:t.right-r.width+E},y:{lo:t.top-R,hi:t.bottom-r.height+w}},mouse:{x:{lo:t.left+g*l,hi:t.right-g*(1-l)},y:{lo:t.top+y*c,hi:t.bottom-y*(1-c)}}},this.x={pos:s,lo:!1,hi:!1,mousePos:o,mousePct:l},this.y={pos:a,lo:!1,hi:!1,mousePos:n,mousePct:c}}outOfBounds(){return this.x.lo||this.x.hi||this.y.lo||this.y.hi}inBounds(){return!this.outOfBounds()}dropX(){return this.dropXY("x")}dropY(){return this.dropXY("y")}hasIntrinsicSize(){var t,o;return((t=this==null?void 0:this.intrinsicSize)==null?void 0:t.height)&&((o=this==null?void 0:this.intrinsicSize)==null?void 0:o.width)}update(t,o){var n=this[t],r=this.constraint.mouse[t],i=this.constraint.pos[t],s=n.pos,a=o-n.mousePos;return a<0?n.lo||(o<r.lo?(n.lo=!0,n.pos=i.lo):n.hi?o<r.hi&&(n.hi=!1,n.pos+=a):n.pos+=a):a>0&&(n.hi||(o>r.hi?(n.hi=!0,n.pos=i.hi):n.lo?o>r.lo&&(n.lo=!1,n.pos+=a):n.pos+=a)),n.mousePos=o,s!==n.pos}dropXY(t){var o=this[t],n=this.constraint.zone[t];return o.lo?Math.max(n.lo,o.mousePos):o.hi?Math.min(o.mousePos,Math.round(n.hi)-1):o.mousePos}};var Rs=e=>e.pos.tab&&I(e.component)==="Stack"&&e.pos.position.Header,{north:Es,south:Ss,east:ws,west:vs}=Oe,Ds=ws+vs,Ts=Es+Ss,he=class{constructor({component:t,pos:o,clientRect:n,nextDropTarget:r}){this.component=t,this.pos=o,this.clientRect=n,this.nextDropTarget=r,this.active=!1,this.dropRect=void 0}targetTabPos(t){let{left:o,width:n,positionRelativeToTab:r}=t;return r===ot.BEFORE?o:o+n}getTargetDropOutline(t,o){if(this.pos.tab)return this.getDropTabOutline(t,this.pos.tab);if(o&&o.hasIntrinsicSize())return this.getIntrinsicDropRect(o);{let[n,r,i,s]=this.getDropRectOutline(t,o);return{l:n,t:r,r:i,b:s}}}getDropTabOutline(t,o){let{clientRect:{top:n,left:r,right:i,bottom:s,header:a}}=this,l=0,c=Math.round(t/2)+l,p=Math.round(n),m=Math.round(r+c),u=Math.round(i-c),d=Math.round(s-c),h=this.targetTabPos(o),g=60,y=a.bottom-a.top;return{l:m,t:p,r:u,b:d,tabLeft:h,tabWidth:g,tabHeight:y}}getIntrinsicDropRect(t){var g,y,f,b;let{pos:o,clientRect:n}=this,{x:r,y:i}=t,s=(y=(g=t.intrinsicSize)==null?void 0:g.height)!=null?y:0,a=(b=(f=t.intrinsicSize)==null?void 0:f.height)!=null?b:0;s&&s>n.height?(console.log("DropTarget: we're going to blow the gaff"),s=n.height):a&&a>n.width&&(console.log("DropTarget: we're going to blow the gaff"),a=n.width);let l=Math.min(n.right-a,Math.max(n.left,Math.round(o.x-r.mousePct*a))),c=Math.min(n.bottom-s,Math.max(n.top,Math.round(o.y-i.mousePct*s))),[p,m,u,d]=this.dropRect=[l,c,l+a,c+s],h=o.position.EastOrWest?[p,n.top,p,n.bottom,u,n.top,u,n.bottom]:[n.left,m,n.right,m,n.left,d,n.right,d];return{l:p,r:u,t:m,b:d,guideLines:h}}getDropRectOutline(t,o){var b,R,E;let{pos:n,clientRect:r}=this,{width:i,height:s,position:a}=n,{width:l,height:c}=(b=o==null?void 0:o.intrinsicSize)!=null?b:{},p=(R=c!=null?c:s)!=null?R:0,m=(E=l!=null?l:i)!=null?E:0;this.dropRect=void 0;let{top:u,left:d,right:h,bottom:g}=r,y=0,f=Math.round(t/2)+y;switch(a){case U.North:case U.Header:{let w=Math.round((g-u)/2),x=p?Math.min(w,Math.round(p)):w;return m&&d+m<h?[d+f,u+f,d+m-f,u+f+x]:[d+f,u+f,h-f,u+f+x]}case U.West:{let w=Math.round((h-d)/2),x=m?Math.min(w,Math.round(m)):w;return p&&u+p<g?[d+f,u+f,d-f+x,u+p+f]:[d+f,u+f,d-f+x,g-f]}case U.East:{let w=Math.round((h-d)/2),x=m?Math.min(w,Math.round(m)):w;return p&&u+p<g?[h-f-x,u+f,h-f,u+p+f]:[h-f-x,u+f,h-f,g-f]}case U.South:{let w=Math.round((g-u)/2),x=p?Math.min(w,Math.round(p)):w;return m&&d+m<h?[d+f,g-f-x,d+m-f,g-f]:[d+f,g-f-x,h-f,g-f]}case U.Centre:return[d+f,u+f,h-f,g-f];default:return console.warn(`DropTarget does not recognize position ${a}`),null}}activate(){return this.active=!0,this}toArray(){let t=this,o=[t];for(;t=t.nextDropTarget;)o.push(t);return o}static getActiveDropTarget(t){return t===null?null:t!=null&&t.active?t:he.getActiveDropTarget(t.nextDropTarget)}};function zt(e,t,o,n,r,i){var l;let s=null,a=Ue.allBoxesContainingPoint(o,n,e,t,i);if(a.length){let[c,...p]=a,{"data-path":m,path:u=m,"data-row-placeholder":d}=z(c),h=n[u],y=xo(e,t,h,r&&d?"row":void 0),f=n[u],b=([R,...E])=>{var w,x;if(((w=y.position)==null?void 0:w.Header)||y.closeToTheEdge){let v=Ps(R,y,f,n,e,t);if(v){let[T,L]=v;return new he({component:R,pos:T,clientRect:L,nextDropTarget:(x=b(E))!=null?x:null})}else if(E.length)return b(E)}};s=new he({component:c,pos:y,clientRect:h,nextDropTarget:(l=b(p))!=null?l:null}).activate()}return s}function Ps(e,{closeToTheEdge:t,position:o},n,r,i,s){if(!e||e.type==="DraggableLayout")return;let a=r[e.props.path],l=t&Oe.north,c=t&Oe.east,p=t&Oe.south,m=t&Oe.west,u=(l||o.Header)&&Math.round(n.top)===Math.round(a.top),d=c&&Math.round(n.right)===Math.round(a.right),h=p&&Math.round(n.bottom)===Math.round(a.bottom),g=m&&Math.round(n.left)===Math.round(a.left);if(u||d||h||g){let{"data-path":y,path:f=y}=e.props,b=r[f],R=xo(i,s,b);if((Ls(e)||Yn(e))&&t&Ds)return R.width=120,[R,b];if((Ms(e)||Yn(e))&&(o.Header||t&Ts))return R.height=120,[R,b]}}function Yn(e){return I(e)==="Stack"}function Ls(e){return I(e)==="Flexbox"&&e.props.style.flexDirection==="column"}function Ms(e){return I(e)==="Flexbox"&&e.props.style.flexDirection==="row"}var Zn=O(require("classnames")),ke=O(require("react")),At=O(require("react-dom"));window.popupReact=ke.default;var Ro=!1,ne=[];function qn(e){e.keyCode===27&&(ne.length?Kn():Ro&&At.default.unmountComponentAtNode(document.body.querySelector(".vuuDialog")))}function Jn(e){if(ne.length){let t=document.body.querySelectorAll(".vuuPopup");for(let o=0;o<t.length;o++)if(t[o].contains(e.target))return;Kn()}}function Kn(){if(ne.length){let e=document.body.querySelectorAll(".vuuPopup");for(let t=0;t<e.length;t++)At.default.unmountComponentAtNode(e[t]);jn("*")}}function Cs(e){ne.indexOf(e)===-1&&(ne.push(e),Ro===!1&&(window.addEventListener("keydown",qn,!0),window.addEventListener("click",Jn,!0)))}function jn(e){if(ne.length){if(e==="*")ne.length=0;else{let t=ne.indexOf(e);t!==-1&&ne.splice(t,1)}ne.length===0&&Ro===!1&&(window.removeEventListener("keydown",qn,!0),window.removeEventListener("click",Jn,!0))}}var zs=({children:e,position:t,style:o})=>{let n=(0,Zn.default)("hwPopup","hwPopupContainer",t);return(0,ke.createElement)("div",{className:n,style:o},e)},As=1,Te=class{static showPopup({name:t="anon",group:o="all",position:n="",left:r=0,right:i="auto",top:s=0,width:a="auto",component:l}){if(!l)throw Error("PopupService showPopup, no component supplied");Cs(t,o);let c=document.body.querySelector(".vuuPopup."+o);c===null&&(c=document.createElement("div"),c.className="vuuPopup "+o,document.body.appendChild(c));let p={width:a};vt((0,ke.createElement)(zs,{key:As++,position:n,style:p},l),c,r,s,()=>{Te.keepWithinThePage(c,i)})}static hidePopup(t="anon",o="all"){ne.indexOf(t)!==-1&&(jn(t,o),At.default.unmountComponentAtNode(document.body.querySelector(`.vuuPopup.${o}`)))}static keepWithinThePage(t,o="auto"){let n=t.querySelector(".vuuPopupContainer > *");if(n){let{top:r,left:i,width:s,height:a,right:l}=n.getBoundingClientRect(),c=window.innerWidth,m=window.innerHeight-(r+a);m<0&&(n.style.top=parseInt(r,10)+m+"px");let u=c-(i+s);if(u<0&&(n.style.left=parseInt(i,10)+u+"px"),typeof o=="number"&&o!==l){let d=o-l;n.style.left=i+d+"px"}}}};var Qn=O(require("classnames"));var So=require("react/jsx-runtime");function wo(e,t=0,o=0){let{pos:n,clientRect:r}=e,i=20;return n.position.West?[r.left-o+i,n.y-t,"left"]:n.position.South?[n.x-o,r.bottom-t-i,"bottom"]:n.position.East?[r.right-o-i,n.y-t,"right"]:[n.x-o,r.top-t+i,"top"]}var Eo="vuuDropMenu",vo=({className:e,dropTarget:t,onHover:o,orientation:n})=>{let r=t.toArray();return(0,So.jsx)("div",{className:(0,Qn.default)(Eo,e,`${Eo}-${n}`),onMouseLeave:()=>o(null),children:r.map((i,s)=>(0,So.jsx)("div",{className:`${Eo}-item`,"data-icon":s===0?"column-2A":"column-2B",onMouseEnter:()=>o(i)},s))})};var nr=require("react/jsx-runtime"),Do=!1,nt=null,re=null,Is=e=>nt=e,Os=([e,t])=>`M${e},${t}`,ks=([e,t])=>`L${e},${t}`,er=([e,...t])=>`${Os(e)} ${t.map(ks)}Z`,Bs=e=>{if(e){let[t,o,n,r,i,s,a,l]=e;return`M${t},${o} L${n},${r} M${i},${s} L${a},${l}`}else return""};function Ns(){if(document.getElementById("hw-drag-canvas")===null){let e=document.getElementById("root"),t=document.createElement("div");t.id="hw-drag-canvas",t.innerHTML=`
+"use strict";var Mi=Object.create;var gt=Object.defineProperty;var Ci=Object.getOwnPropertyDescriptor;var Ai=Object.getOwnPropertyNames;var ki=Object.getPrototypeOf,zi=Object.prototype.hasOwnProperty;var Ii=(e,t)=>{for(var o in t)gt(e,o,{get:t[o],enumerable:!0})},sn=(e,t,o,n)=>{if(t&&typeof t=="object"||typeof t=="function")for(let r of Ai(t))!zi.call(e,r)&&r!==o&&gt(e,r,{get:()=>t[r],enumerable:!(n=Ci(t,r))||n.enumerable});return e};var v=(e,t,o)=>(o=e!=null?Mi(ki(e)):{},sn(t||!e||!e.__esModule?gt(o,"default",{value:e,enumerable:!0}):o,e)),Bi=e=>sn(gt({},"__esModule",{value:!0}),e);var nl={};Ii(nl,{Action:()=>ze,BORDER_STYLES:()=>ja,Chest:()=>Sn,Component:()=>Rt,ComponentRegistry:()=>ue,ConfigWrapper:()=>Za,Dialog:()=>Ni,Draggable:()=>It,DraggableLayout:()=>Eo,Drawer:()=>bt,DropMenu:()=>yo,DropTarget:()=>me,Flexbox:()=>Ht,FlexboxLayout:()=>_o,FluidGrid:()=>Wt,FluidGridLayout:()=>Zo,Header:()=>Jo,HeightOnly:()=>wa,LayoutConfigurator:()=>en,LayoutProvider:()=>Ta,LayoutProviderContext:()=>Ye,LayoutProviderVersion:()=>Sa,LayoutTreeViewer:()=>tn,MARGIN_STYLES:()=>Ja,PADDING_STYLES:()=>Ka,Palette:()=>mi,PaletteItem:()=>jo,PaletteListItem:()=>_a,PaletteSalt:()=>hi,Placeholder:()=>it,Stack:()=>Jt,StackLayout:()=>Qo,View:()=>he,ViewContext:()=>ht,WidthHeight:()=>Da,WidthOnly:()=>Pa,XXXnormalizeStyles:()=>tl,computeMenuPosition:()=>go,containerOf:()=>wn,expandFlex:()=>Tt,extractResponsiveProps:()=>Ba,findTarget:()=>le,followPath:()=>V,followPathToComponent:()=>ao,followPathToParent:()=>ae,getChild:()=>Pn,getChildProp:()=>so,getPersistentState:()=>Co,getProp:()=>w,getProps:()=>D,hasPersistentState:()=>Ao,identifyDropTarget:()=>Pt,isContainer:()=>F,isLayoutComponent:()=>oo,isRegistered:()=>Vi,isResponsiveAttribute:()=>Kr,isTabstrip:()=>rs,isTypeOf:()=>Ui,isView:()=>Rn,nextLeaf:()=>Yi,nextStep:()=>q,previousLeaf:()=>Zi,registerComponent:()=>B,resetPath:()=>$,setPersistentState:()=>ko,setRef:()=>qi,typeOf:()=>P,useBreakpoints:()=>Yo,useLayoutProviderDispatch:()=>Y,useLayoutProviderVersion:()=>Gr,usePersistentState:()=>Be,useResizeObserver:()=>Go,useViewActionDispatcher:()=>dt,useViewContext:()=>Fa,useViewDispatch:()=>qo});module.exports=Bi(nl);var We=require("@heswell/salt-lab"),dn=require("@salt-ds/core"),fn=v(require("classnames")),xe=require("react");var je=require("react"),un=v(require("react-dom"));var an=v(require("react-dom")),ln=require("@salt-ds/core"),pn=require("react/jsx-runtime"),Oi=1,Hi=(e=0,t=0,o=window)=>{let n=o.document.createElement("div");return n.className="vuuPopup "+Oi++,n.style.cssText=`left:${e}px; top:${t}px;`,o.document.body.appendChild(n),n},$i=(e,t)=>Hi(e,t),yt=(e,t,o,n,r)=>{t.style.cssText=`left:${o}px; top:${n}px;position: absolute;`,an.render((0,pn.jsx)(ln.SaltProvider,{applyClassesTo:"child",children:e}),t,r)},cn=$i;var mn=function({children:t,x:o=0,y:n=0,onRender:r}){let i=(0,je.useMemo)(()=>cn(),[]);return(0,je.useLayoutEffect)(()=>{yt(t,i,o,n,r)},[t,r,i,o,n]),(0,je.useLayoutEffect)(()=>()=>{var s;i&&(un.unmountComponentAtNode(i),i.classList.contains("vuuPopup")&&((s=i.parentElement)==null||s.removeChild(i)))},[i]),null};var be=require("react/jsx-runtime"),eo="vuuDialog",Ni=({children:e,className:t,isOpen:o=!1,onClose:n,title:r,...i})=>{let s=(0,xe.useRef)(null),[a]=(0,xe.useState)(0),[l]=(0,xe.useState)(0),c=(0,xe.useCallback)(()=>{n==null||n()},[n]),p=(0,xe.useCallback)(()=>{},[]);return o?(0,be.jsx)(mn,{onRender:p,x:a,y:l,children:(0,be.jsx)(We.Scrim,{className:`${eo}-scrim`,open:o,children:(0,be.jsxs)("div",{...i,className:(0,fn.default)(eo,t),ref:s,children:[(0,be.jsxs)(We.Toolbar,{className:`${eo}-header`,children:[(0,be.jsx)(dn.Text,{children:r}),(0,be.jsx)(We.ToolbarButton,{onClick:c,"data-align-end":!0,"data-icon":"close"},"close")]}),e]})})}):null};var En=v(require("classnames"));var Qe=require("@salt-ds/core"),to=v(require("classnames")),gn=require("react");var Ee=require("react/jsx-runtime"),Re="vuuDrawer",hn=e=>typeof e=="string"?e:e+"px",Fi=(e,t,o)=>{let n=t!==void 0,r=o!==void 0;if(!(!e&&!r&&!n))return!r&&!n?e:{...e,"--drawer-size":n?hn(t):void 0,"--drawer-peek-size":r?hn(o):void 0}},yn=({children:e,className:t,clickToOpen:o,defaultOpen:n,sizeOpen:r,sizeClosed:i,style:s,open:a,position:l="left",inline:c,onClick:p,peekaboo:m=!1,toggleButton:u,...f})=>{let[h,g]=(0,Qe.useControlled)({controlled:a,default:n!=null?n:!1,name:"Drawer",state:"open"}),y=(0,to.default)(Re,t,`${Re}-${l}`,{[`${Re}-open`]:h,[`${Re}-inline`]:c,[`${Re}-over`]:!c,[`${Re}-peekaboo`]:m}),d=(0,gn.useCallback)(()=>{console.log("toggleDrawer"),g(!h)},[h,g]),b=Fi(s,r,i),E=o?d:p,R=()=>(0,Ee.jsx)("div",{className:(0,to.default)("vuuToggleButton-container"),children:h?(0,Ee.jsx)(Qe.Button,{"aria-label":"close",onClick:d,"data-icon":"close",variant:"secondary"}):(0,Ee.jsx)(Qe.Button,{"aria-label":"open",onClick:d,"data-icon":"close",variant:"secondary"})});return(0,Ee.jsxs)("div",{...f,className:y,onClick:E,style:b,children:[u=="start"?R():null,(0,Ee.jsx)("div",{className:`${Re}-liner`,children:(0,Ee.jsx)("div",{className:`${Re}-content`,children:e})}),u=="end"?R():null]})};yn.displayName="Drawer";var bt=yn;var no=require("@vuu-ui/vuu-utils");var bn={},xn={},ue={};function F(e){return bn[e]===!0}function Rn(e){return xn[e]===!0}var oo=e=>F(e)||Rn(e),Vi=e=>!!ue[e];function B(e,t,o="component"){ue[e]=t,o==="container"?bn[e]=!0:o==="view"&&(xn[e]=!0)}var xt=require("react/jsx-runtime"),Wi=e=>e.type===bt,_i=({props:{position:e="left"}})=>e.match(/top|bottom/),ro=e=>{let{children:t,className:o,id:n,style:r}=e,i="hwChest",[s,a]=(0,no.partition)(t,Wi),[l,c]=(0,no.partition)(s,_i),p=l.length===0?"horizontal":c.length===0?"vertical":"both",m=(0,En.default)(i,o,`${i}-${p}`);return(0,xt.jsxs)("div",{className:m,id:n,style:r,children:[s,(0,xt.jsx)("div",{className:`${i}-content`,children:a})]})};ro.displayName="Chest";var Sn=ro;B("Chest",ro,"container");var Tn=require("react");var Dn=require("react/jsx-runtime"),io=(0,Tn.forwardRef)(function({resizeable:t,...o},n){return(0,Dn.jsx)("div",{...o,className:"Component",ref:n})});io.displayName="Component";var Rt=io;B("Component",io);var Se=v(require("react"));var Gi={},w=(e,t)=>{var n;let o=D(e);return(n=o[t])!=null?n:o[`data-${t}`]},D=e=>(e==null?void 0:e.props)||e||Gi,so=e=>{let t=D(e);if(t.children){let{children:[o,...n]}=t;return n.length>0&&console.warn(`getChild expected a single child, found ${n.length+1}`),o}};function P(e){var t;if(e){let o=e.type;if(typeof o=="function"||typeof o=="object"){let n=o.displayName||o.name||((t=o.type)==null?void 0:t.name);if(typeof n=="string")return n}if(typeof e.type=="string")return e.type;if(e.constructor)return e.constructor.displayName;throw Error("typeOf unable to determine type of element")}}var Ui=(e,t)=>P(e)===t;var Xi=e=>{let t=e.lastIndexOf(".");return t===-1?e:e.slice(0,t)};function ae(e,t){let{"data-path":o,path:n=o}=D(e);return t==="0"||t===n?null:V(e,Xi(t),!0)}function le(e,t){let{children:o,...n}=D(e);if(t(n))return e;if(Se.default.Children.count(o)>0){let r=Se.default.isValidElement(o)?[o]:o;for(let i of r){let s=le(i,t);if(s)return s}}}function wn(e,t){if(t===e)return null;let{path:o,children:n}=D(e),{idx:r,finalStep:i}=q(o,w(t,"path"));return i?e:n===void 0||n[r]===void 0?null:wn(n[r],t)}var Pn=(e,t)=>{if(Se.default.isValidElement(e)&&t==0)return e;if(Array.isArray(e))return e[t]};function ao(e,t){let o=t.split("."),n=[e],r=i=>Se.default.isValidElement(i.props.children)?[i.props.children]:i.props.children;for(let i=0;i<o.length;i++){let s=parseInt(o[i]),a=n[s];if(i===o.length-1)return a;n=r(a)}}function V(e,t,o=!1){let{"data-path":n,path:r=n}=D(e);if(t.indexOf(r)!==0)throw Error(`pathUtils.followPath path ${t} is not within source path ${r}`);let i=t.slice(r.length+1);if(i==="")return e;let s=e,a=i.split(".");for(let l=0;l<a.length;l++){if(Se.default.Children.count(s.props.children)===0){let c=`element at 0.${a.slice(0,l).join(".")} has no children, so cannot fulfill rest of path ${a.slice(l).join(".")}`;if(o)throw Error(c);console.warn(c);return}if(s=Pn(s.props.children,parseInt(a[l])),s===void 0){let c=`model at 0.${a.slice(0,l).join(".")} has no children that fulfill next step of path ${a.slice(l).join(".")}`;if(o)throw Error(c);console.warn(c)}}return s}function Yi(e,t){let o=ae(e,t),n=t.split(".").map(r=>parseInt(r,10));if(o){let r=n.pop(),{children:i}=o.props;if(i.length-1>r)return Et(i[r+1]);{let s=n.pop(),a=ae(e,w(o,"path"));if(a&&typeof s=="number"&&(n=a.props.path.split(".").map(l=>parseInt(l,10)),a.props.children.length-1>s)){let l=a.props.children[s+1];return F(P(l))?Et(l):l}}}return Et(e)}function Zi(e,t){let o=t.split(".").map(i=>parseInt(i,10)),n=o.pop(),r=ae(e,t);if(r!=null&&typeof n=="number"){let{children:i}=r.props;if(n>0)return St(i[n-1]);for(;o.length>1;)if(n=o.pop(),r=ae(e,w(r,"path")),n>0){let s=r.props.children[n-1];return F(P(s))?St(s):s}}return St(e)}function Et(e){if(F(P(e))){let{children:t}=e.props||e;return Et(t[0])}return e}function St(e){if(F(P(e))){let{children:t}=e.props||e;return St(t[t.length-1])}return e}function q(e,t,o=!1){if(e===t)return{idx:-1,finalStep:!0};let n=`${e}.`;if(!t.startsWith(n))throw Error("pathUtils nextStep has strayed from the path");let r=o?0:1,i=t.replace(n,"").split(".").map(s=>parseInt(s,10));return{idx:i[0],finalStep:i.length===r}}function $(e,t,o){if(w(e,"path")===t)return e;let n=[];Se.default.Children.forEach(e.props.children,(i,s)=>{w(i,"path")?n.push($(i,`${t}.${s}`)):n.push(i)});let r=e.props["data-path"]?"data-path":"path";return Se.default.cloneElement(e,{[r]:t,...o},n)}function qi(e,t){typeof e=="function"?e(t):e&&(e.current=t)}var Tt=e=>{if(typeof e!="number")throw Error(`"no support yet for flex value ${e}`);return{flexBasis:0,flexGrow:1,flexShrink:1}};var ke={north:1,east:2,south:4,west:8,header:16,centre:32,absolute:64},et={AFTER:"after",BEFORE:"before"},W=Object.freeze({North:Ae("north"),East:Ae("east"),South:Ae("south"),West:Ae("west"),Header:Ae("header"),Centre:Ae("centre"),Absolute:Ae("absolute")});function Ae(e){return Object.freeze({offset:e==="north"||e==="west"?0:e==="south"||e==="east"?1:NaN,valueOf:function(){return ke[e]},toString:function(){return e},North:e==="north",South:e==="south",East:e==="east",West:e==="west",Header:e==="header",Centre:e==="centre",NorthOrSouth:e==="north"||e==="south",EastOrWest:e==="east"||e==="west",NorthOrWest:e==="north"||e==="west",SouthOrEast:e==="east"||e==="south",Absolute:e==="absolute"})}var vn=W.North,Ln=W.South,lo=W.East,co=W.West,Ji=W.Header,Ki=W.Centre,_e=class{static measure(t,o=[]){let n={};return es(t,n,o),n}static allBoxesContainingPoint(t,o,n,r,i){return kn(t,o,n,r,i).reverse()}};function po(e,t,o,n=30){let r=o.right-o.left,i=o.bottom-o.top,s=e-o.left,a=t-o.top,l=0;return s<n&&(l+=8),s>r-n&&(l+=2),a<n&&(l+=1),a>i-n&&(l+=4),{pctX:s/r,pctY:a/i,closeToTheEdge:l}}function uo(e,t,o,n){let{BEFORE:r,AFTER:i}=et,{pctX:s,pctY:a,closeToTheEdge:l}=po(e,t,o),c,p;if(n==="row")c=s<.5?co:lo;else if(o.header&&Dt(o.header,e,t))if(c=Ji,o.Stack){let m=o.Stack.length;if(m===0)p={index:-1,left:o.left,positionRelativeToTab:i,width:0};else{let u=o.Stack.find(({left:f,right:h})=>e>=f&&e<=h);if(u){let f=u.right-u.left;p={index:o.Stack.indexOf(u),left:u.left,positionRelativeToTab:(e-u.left)/f<.5?r:i,width:f}}else p={left:o.Stack[m-1].right,width:0,index:m,positionRelativeToTab:i}}}else if(o.header.titleWidth){let m=o.header.titleWidth;p={index:-1,left:o.left,positionRelativeToTab:(e-o.left)/m<.5?r:i,width:m}}else p={left:o.left,width:0,positionRelativeToTab:r,index:-1};else c=ji(e,t,o,s,a);return{position:c,x:e,y:t,closeToTheEdge:l,tab:p}}function ji(e,t,o,n,r){let i=Qi(o,.2);if(Dt(i,e,t))return Ki;switch(`${r<.5?"north":"south"}${n<.5?"west":"east"}`){case"northwest":return n>r?vn:co;case"northeast":return 1-n>r?vn:lo;case"southeast":return n>r?lo:Ln;case"southwest":return 1-n>r?co:Ln;default:}}function Qi({right:e,left:t,top:o,bottom:n},r){let i=(1-r)/2,s=(e-t)*i,a=(n-o)*i;return{left:t+s,top:o+a,right:e-s,bottom:n-a}}function es(e,t,o){let{id:n,"data-path":r,path:i=r}=D(e),s=P(e);if(n&&i){let[a,l]=An(e);Mn(e,a,l,t),F(s)&&Cn(e,t,o)}}function Mn(e,t,o,n){let{"data-path":r,path:i=r,header:s}=D(e);n[i]=t;let a=P(e);if(s||a==="Stack"){let l=o.querySelector(".vuuHeader");if(l){let{top:c,left:p,right:m,bottom:u}=l.getBoundingClientRect();if(n[i].header={top:Math.round(c),left:Math.round(p),right:Math.round(m),bottom:Math.round(u)},a==="Stack")n[i].Stack=Array.from(l.querySelectorAll(".saltTab")).map(f=>f.getBoundingClientRect()).map(({left:f,right:h})=>({left:f,right:h}));else{let f=l.querySelector('[class^="vuuHeader-title"]'),{header:h}=n[i];f&&h&&(h.titleWidth=f.clientWidth)}}}return n[i]}function Cn(e,t,o,n=0,r=0,i=0,s=0){let{children:a,"data-path":l,path:c=l,style:p,active:m=0}=D(e),u=P(e),f=u==="Flexbox",h=u==="Stack",g=f&&p.flexDirection==="column",y=f&&p.flexDirection==="row",b=(h?a.filter((R,S)=>S===m):a.filter(ts)).map(R=>{let[S,x]=An(R);return[{...S,top:S.top-i,right:S.right+r,bottom:S.bottom+s,left:S.left-n},x,R]}),E=b.map(([R,S,x],T,L)=>{let A,N,M,H,C,k,I=L.length-1;y?(C=T===0?0:R.left-L[T-1][0].right,k=T===I?0:L[T+1][0].left-R.right,A=T===0||C===0?0:C,N=T===I||k===0?0:k-k/2,R.left-=A,R.right+=N,M=i,H=s):g&&(C=T===0?0:R.top-L[T-1][0].bottom,k=T===I?0:L[T+1][0].top-R.bottom,M=T===0||C===0?0:C,H=T===I||k===0?0:k-k/2,R.top-=M,R.bottom+=H,A=n,N=r);let Q=Mn(x,R,S,t),X=P(x);return F(X)&&Cn(x,t,o,A,N,M,H),Q});b.length&&(t[c].children=E)}function ts(e){let{id:t}=D(e),o=document.getElementById(t);return o?o.dataset.dragging!=="true":(console.warn(`BoxModel: no element found with id #${t}`),!1)}function An(e){let{id:t}=D(e);if(t===void 0)throw Error("`BoxModel.measureComponentElement, component has no id");let o=document.getElementById(t);if(!o)throw Error("BoxModel.measureComponentElement,  no DOM element found for component");let{top:n,left:r,right:i,bottom:s,height:a,width:l}=o.getBoundingClientRect(),c,p=P(e);if(F(p)){let m=o.scrollHeight;m>a&&(c={id:t,scrollHeight:m,scrollTop:o.scrollTop})}return[{top:Math.round(n),left:Math.round(r),right:Math.round(i),bottom:Math.round(s),height:Math.round(a),width:Math.round(l),scrolling:c},o,e]}function kn(e,t,o,n,r,i=[]){let{children:s,"data-path":a,path:l=a}=D(e),c=P(e),p=t[l];if(!Dt(p,o,n))return i;if(r&&r.length){if(r.includes(l))i.push(e);else if(!r.some(m=>m.startsWith(l)))return i}else i.push(e);if(!F(c)||p.header&&Dt(p.header,o,n))return i;p.scrolling&&os(p,o,n);for(let m=0;m<s.length;m++){if(c==="Stack"&&e.props.active!==m)continue;let u=kn(s[m],t,o,n,r);if(u.length)return i.concat(u)}return i}function Dt(e,t,o){if(e)return t>=e.left&&t<e.right&&o>=e.top&&o<e.bottom}function os({top:e,bottom:t,scrolling:o},n,r){if(o){let{id:i,scrollTop:s,scrollHeight:a}=o,l=t-e;if(s===0&&t-r<50){let c=a-l;document.getElementById(i).scrollTo({left:0,top:c,behavior:"smooth"}),o.scrollTop=c}else if(s>0&&r-e<50)document.getElementById(i).scrollTo({left:0,top:0,behavior:"smooth"}),o.scrollTop=0;else return!1}else return!1}var ns=.4,wt=class{constructor(t,o,n,r,i){this.init(t,o,n,r,i)}init(t,o,n,r,i){let{left:s,top:a}=r,{pctX:l,pctY:c}=po(o,n,r),p=ns,m=l*r.width,u=r.width-m,f=c*r.height,h=r.height-f,g=r.width*p,y=r.height*p,d=1-p,b=m*d,E=f*d,R=u*d,S=h*d;this.intrinsicSize=i,this.constraint={zone:{x:{lo:t.left,hi:t.right},y:{lo:t.top,hi:t.bottom}},pos:{x:{lo:t.left-b,hi:t.right-r.width+R},y:{lo:t.top-E,hi:t.bottom-r.height+S}},mouse:{x:{lo:t.left+g*l,hi:t.right-g*(1-l)},y:{lo:t.top+y*c,hi:t.bottom-y*(1-c)}}},this.x={pos:s,lo:!1,hi:!1,mousePos:o,mousePct:l},this.y={pos:a,lo:!1,hi:!1,mousePos:n,mousePct:c}}outOfBounds(){return this.x.lo||this.x.hi||this.y.lo||this.y.hi}inBounds(){return!this.outOfBounds()}dropX(){return this.dropXY("x")}dropY(){return this.dropXY("y")}hasIntrinsicSize(){var t,o;return((t=this==null?void 0:this.intrinsicSize)==null?void 0:t.height)&&((o=this==null?void 0:this.intrinsicSize)==null?void 0:o.width)}update(t,o){let n=this[t],r=this.constraint.mouse[t],i=this.constraint.pos[t],s=n.pos,a=o-n.mousePos;return a<0?n.lo||(o<r.lo?(n.lo=!0,n.pos=i.lo):n.hi?o<r.hi&&(n.hi=!1,n.pos+=a):n.pos+=a):a>0&&(n.hi||(o>r.hi?(n.hi=!0,n.pos=i.hi):n.lo?o>r.lo&&(n.lo=!1,n.pos+=a):n.pos+=a)),n.mousePos=o,s!==n.pos}dropXY(t){let o=this[t],n=this.constraint.zone[t];return o.lo?Math.max(n.lo,o.mousePos):o.hi?Math.min(o.mousePos,Math.round(n.hi)-1):o.mousePos}};var rs=e=>e.pos.tab&&P(e.component)==="Stack"&&e.pos.position.Header,{north:is,south:ss,east:as,west:ls}=ke,cs=as+ls,ps=is+ss,me=class{constructor({component:t,pos:o,clientRect:n,nextDropTarget:r}){this.component=t,this.pos=o,this.clientRect=n,this.nextDropTarget=r,this.active=!1,this.dropRect=void 0}targetTabPos(t){let{left:o,width:n,positionRelativeToTab:r}=t;return r===et.BEFORE?o:o+n}getTargetDropOutline(t,o){if(this.pos.tab)return this.getDropTabOutline(t,this.pos.tab);if(o&&o.hasIntrinsicSize())return this.getIntrinsicDropRect(o);{let[n,r,i,s]=this.getDropRectOutline(t,o);return{l:n,t:r,r:i,b:s}}}getDropTabOutline(t,o){var d,b;let{clientRect:{top:n,left:r,right:i,bottom:s,header:a}}=this,l=0,c=Math.round(t/2)+l,p=Math.round(n),m=Math.round(r+c),u=Math.round(i-c),f=Math.round(s-c),h=this.targetTabPos(o),g=60,y=((d=a==null?void 0:a.bottom)!=null?d:0)-((b=a==null?void 0:a.top)!=null?b:0);return{l:m,t:p,r:u,b:f,tabLeft:h,tabWidth:g,tabHeight:y}}getIntrinsicDropRect(t){var g,y,d,b;let{pos:o,clientRect:n}=this,{x:r,y:i}=t,s=(y=(g=t.intrinsicSize)==null?void 0:g.height)!=null?y:0,a=(b=(d=t.intrinsicSize)==null?void 0:d.height)!=null?b:0;s&&s>n.height?(console.log("DropTarget: we're going to blow the gaff"),s=n.height):a&&a>n.width&&(console.log("DropTarget: we're going to blow the gaff"),a=n.width);let l=Math.min(n.right-a,Math.max(n.left,Math.round(o.x-r.mousePct*a))),c=Math.min(n.bottom-s,Math.max(n.top,Math.round(o.y-i.mousePct*s))),[p,m,u,f]=this.dropRect=[l,c,l+a,c+s],h=o.position.EastOrWest?[p,n.top,p,n.bottom,u,n.top,u,n.bottom]:[n.left,m,n.right,m,n.left,f,n.right,f];return{l:p,r:u,t:m,b:f,guideLines:h}}getDropRectOutline(t,o){var b,E,R;let{pos:n,clientRect:r}=this,{width:i,height:s,position:a}=n,{width:l,height:c}=(b=o==null?void 0:o.intrinsicSize)!=null?b:{},p=(E=c!=null?c:s)!=null?E:0,m=(R=l!=null?l:i)!=null?R:0;this.dropRect=void 0;let{top:u,left:f,right:h,bottom:g}=r,y=0,d=Math.round(t/2)+y;switch(a){case W.North:case W.Header:{let S=Math.round((g-u)/2),x=p?Math.min(S,Math.round(p)):S;return m&&f+m<h?[f+d,u+d,f+m-d,u+d+x]:[f+d,u+d,h-d,u+d+x]}case W.West:{let S=Math.round((h-f)/2),x=m?Math.min(S,Math.round(m)):S;return p&&u+p<g?[f+d,u+d,f-d+x,u+p+d]:[f+d,u+d,f-d+x,g-d]}case W.East:{let S=Math.round((h-f)/2),x=m?Math.min(S,Math.round(m)):S;return p&&u+p<g?[h-d-x,u+d,h-d,u+p+d]:[h-d-x,u+d,h-d,g-d]}case W.South:{let S=Math.round((g-u)/2),x=p?Math.min(S,Math.round(p)):S;return m&&f+m<h?[f+d,g-d-x,f+m-d,g-d]:[f+d,g-d-x,h-d,g-d]}case W.Centre:return[f+d,u+d,h-d,g-d];default:return console.warn(`DropTarget does not recognize position ${a}`),null}}activate(){return this.active=!0,this}toArray(){let t=this,o=[t];for(;t=t.nextDropTarget;)o.push(t);return o}static getActiveDropTarget(t){return t===null?null:t!=null&&t.active?t:me.getActiveDropTarget(t.nextDropTarget)}};function Pt(e,t,o,n,r,i){var l;let s=null,a=_e.allBoxesContainingPoint(o,n,e,t,i);if(a.length){let[c,...p]=a,{"data-path":m,path:u=m,"data-row-placeholder":f}=D(c),h=n[u],y=uo(e,t,h,r&&f?"row":void 0),d=n[u],b=([E,...R])=>{var S,x;if(((S=y.position)==null?void 0:S.Header)||y.closeToTheEdge){let T=us(E,y,d,n,e,t);if(T){let[L,A]=T;return new me({component:E,pos:L,clientRect:A,nextDropTarget:(x=b(R))!=null?x:null})}else if(R.length)return b(R)}};s=new me({component:c,pos:y,clientRect:h,nextDropTarget:(l=b(p))!=null?l:null}).activate()}return s}function us(e,{closeToTheEdge:t,position:o},n,r,i,s){if(!e||e.type==="DraggableLayout")return;let a=r[e.props.path],l=t&ke.north,c=t&ke.east,p=t&ke.south,m=t&ke.west,u=(l||o.Header)&&Math.round(n.top)===Math.round(a.top),f=c&&Math.round(n.right)===Math.round(a.right),h=p&&Math.round(n.bottom)===Math.round(a.bottom),g=m&&Math.round(n.left)===Math.round(a.left);if(u||f||h||g){let{"data-path":y,path:d=y}=e.props,b=r[d],E=uo(i,s,b);if((ms(e)||zn(e))&&t&cs)return E.width=120,[E,b];if((ds(e)||zn(e))&&(o.Header||t&ps))return E.height=120,[E,b]}}function zn(e){return P(e)==="Stack"}function ms(e){return P(e)==="Flexbox"&&e.props.style.flexDirection==="column"}function ds(e){return P(e)==="Flexbox"&&e.props.style.flexDirection==="row"}var In=v(require("classnames")),Ge=v(require("react")),vt=v(require("react-dom"));var mo=!1,ee=[];function Bn(e){if(e.key==="Esc"){if(ee.length)Hn();else if(mo){let t=document.body.querySelector(".vuuDialog");t&&vt.default.unmountComponentAtNode(t)}}}function On(e){if(ee.length){let t=document.body.querySelectorAll(".vuuPopup");for(let o=0;o<t.length;o++)if(t[o].contains(e.target))return;Hn()}}function Hn(){if(ee.length){let e=document.body.querySelectorAll(".vuuPopup");for(let t=0;t<e.length;t++)vt.default.unmountComponentAtNode(e[t]);$n("*")}}function fs(e){ee.indexOf(e)===-1&&(ee.push(e),mo===!1&&(window.addEventListener("keydown",Bn,!0),window.addEventListener("click",On,!0)))}function $n(e){if(ee.length){if(e==="*")ee.length=0;else{let t=ee.indexOf(e);t!==-1&&ee.splice(t,1)}ee.length===0&&mo===!1&&(window.removeEventListener("keydown",Bn,!0),window.removeEventListener("click",On,!0))}}var hs=({children:e,position:t,style:o})=>{let n=(0,In.default)("hwPopup","hwPopupContainer",t);return(0,Ge.createElement)("div",{className:n,style:o},e)},gs=1,Te=class{static showPopup({name:t="anon",group:o="all",position:n="",left:r=0,right:i="auto",top:s=0,width:a="auto",component:l}){if(!l)throw Error("PopupService showPopup, no component supplied");fs(t);let c=document.body.querySelector(".vuuPopup."+o);c===null&&(c=document.createElement("div"),c.className="vuuPopup "+o,document.body.appendChild(c));let p={width:a};yt((0,Ge.createElement)(hs,{key:gs++,position:n,style:p},l),c,r,s,()=>{Te.keepWithinThePage(c,i)})}static hidePopup(t="anon",o="all"){if(ee.indexOf(t)!==-1){$n(t);let n=document.body.querySelector(`.vuuPopup.${o}`);n&&vt.default.unmountComponentAtNode(n)}}static keepWithinThePage(t,o="auto"){let n=t.querySelector(".vuuPopupContainer > *");if(n){let{top:r,left:i,width:s,height:a,right:l}=n.getBoundingClientRect(),c=window.innerWidth,m=window.innerHeight-(r+a);m<0&&(n.style.top=Math.round(r)+m+"px");let u=c-(i+s);if(u<0&&(n.style.left=Math.round(i)+u+"px"),typeof o=="number"&&o!==l){let f=o-l;n.style.left=i+f+"px"}}}};var Nn=v(require("classnames"));var ho=require("react/jsx-runtime");function go(e,t=0,o=0){let{pos:n,clientRect:r}=e,i=20;return n.position.West?[r.left-o+i,n.y-t,"left"]:n.position.South?[n.x-o,r.bottom-t-i,"bottom"]:n.position.East?[r.right-o-i,n.y-t,"right"]:[n.x-o,r.top-t+i,"top"]}var fo="vuuDropMenu",yo=({className:e,dropTarget:t,onHover:o,orientation:n})=>{let r=t.toArray();return(0,ho.jsx)("div",{className:(0,Nn.default)(fo,e,`${fo}-${n}`),onMouseLeave:()=>o(null),children:r.map((i,s)=>(0,ho.jsx)("div",{className:`${fo}-item`,"data-icon":s===0?"column-2A":"column-2B",onMouseEnter:()=>o(i)},s))})};var _n=require("react/jsx-runtime"),bo=!1,tt=null,te=null,ys=e=>tt=e,bs=([e,t])=>`M${e},${t}`,xs=([e,t])=>`L${e},${t}`,Fn=([e,...t])=>`${bs(e)} ${t.map(xs)}Z`,Rs=e=>{if(e){let[t,o,n,r,i,s,a,l]=e;return`M${t},${o} L${n},${r} M${i},${s} L${a},${l}`}else return""};function Es(){if(document.getElementById("hw-drag-canvas")===null){let e=document.getElementById("root"),t=document.createElement("div");t.id="hw-drag-canvas",t.innerHTML=`
       <svg width="100%" height="100%">
         <path id="hw-drop-guides" />
         <path
@@ -14,7 +14,7 @@
           />
         </path>
       </svg>
-      `,document.body.insertBefore(t,e)}}var rt=class{constructor(){this.currentPath=null;this.tabMode=null;Ns()}prepare(t,o="full-view"){document.body.classList.add("drawing"),this.currentPath=null,this.tabMode=o;let n=this.getPoints(0,0,0,0),r=er(n),i=document.getElementById("vuu-drop-outline");i==null||i.setAttribute("d",r),this.currentPath=r}clear(){nt=null,It(),document.body.classList.remove("drawing"),Te.hidePopup()}get hoverDropTarget(){return nt}getPoints(t,o,n,r,i=0,s=0,a=0){let l=this.tabMode==="tab-only";if(s===0)return[[t,o+a],[t,o+a],[t,o],[t+s,o],[t+s,o],[t+n,o],[t+n,o+r],[t,o+r]];if(l){let c=i;return[[c,o],[c,o],[c+s,o],[c+s,o],[c+s,o+a],[c+s,o+a],[c,o+a],[c,o+a]]}else return i===0?[[t,o+a],[t,o+a],[t,o],[t+s,o],[t+s,o+a],[t+n,o+a],[t+n,o+r],[t,o+r]]:[[t,o+a],[t+i,o+a],[t+i,o],[t+i,o],[t+i,o+a],[t+n,o+a],[t+n,o+r],[t,o+r]]}draw(t,o){let r=Do;if(nt!==null)this.drawTarget(nt);else if(Do=t.nextDropTarget!=null,t.pos.tab?Hs(t):re&&It(),this.drawTarget(t,o),Do){let[i,s,a]=wo(t);{let l=(0,nr.jsx)(vo,{dropTarget:t,onHover:Is,orientation:a});Te.showPopup({left:i,top:s,component:l})}}else Te.hidePopup()}drawTarget(t,o){let r=t.getTargetDropOutline(6,o);if(r){let{l:i,t:s,r:a,b:l,tabLeft:c,tabWidth:p,tabHeight:m,guideLines:u}=r,d=a-i,h=l-s;if(this.currentPath){let R=document.getElementById("vuu-drop-outline");R==null||R.setAttribute("d",this.currentPath)}let g=this.getPoints(i,s,d,h,c,p,m),y=er(g),f=document.getElementById("hw-drop-outline-animate");f==null||f.setAttribute("to",y),f==null||f.beginElement(),this.currentPath=y;let b=document.getElementById("hw-drop-guides");b==null||b.setAttribute("d",Bs(u))}}},tr="transition:margin-left .4s ease-out;margin-left: 63px",or="transition:margin-left .4s ease-out;margin-left: 0px";function Hs(e){var a,l;let{AFTER:t,BEFORE:o}=ot,{clientRect:{Stack:n},pos:{tab:r}}=e,{id:i}=e.component.props,s=null;if(n&&r&&r.positionRelativeToTab!==t){let c=r.positionRelativeToTab===o?1:2,p=`:scope .hwTabstrip > .hwTabstrip-inner > .hwTab:nth-child(${r.index+c})`;s=(a=document.getElementById(i))==null?void 0:a.querySelector(p),s?(re===null||re!==s)&&(s.style.cssText=tr,re&&(re.style.cssText=or),re=s):It()}else if((r==null?void 0:r.positionRelativeToTab)===o){if(re===null){let c=".vuuHeader-title";s=(l=document.getElementById(i))==null?void 0:l.querySelector(c),s.style.cssText=tr,re=s}}else It()}function It(){re&&(re.style.cssText=or,re=null)}var ge,it,Pe,ir,sr,Be,Ot,Xe=null,Po,ar,st,lr,To,kt=null,$s=3,Bt=new rt,rr=.4;function Fs(e,t){return t?G(e,t):me(e,o=>o.dropTarget)}var $t={handleMousedown(e,t,o={}){ge=t,ar=o,ir=e.clientX,sr=e.clientY,To=o.dragThreshold===void 0?$s:o.dragThreshold,To===0?ge(e,0,0):(window.addEventListener("mousemove",Nt,!1),window.addEventListener("mouseup",Ht,!1),kt=window.setTimeout(()=>{console.log("mousedownTimer fires"),window.removeEventListener("mousemove",Nt,!1),window.removeEventListener("mouseup",Ht,!1),ge==null||ge(e,0,0)},500)),e.preventDefault()},initDrag(e,t,{top:o,left:n,right:r,bottom:i},s,a,l,c){return{drag:it,drop:Pe}=a,Vs(e,t,{top:o,left:n,right:r,bottom:i},s,l,c)}};function Nt(e){var t=!0,o=!0;let n=t?e.clientX-ir:0,r=o?e.clientY-sr:0;Math.max(Math.abs(n),Math.abs(r))>To&&(window.removeEventListener("mousemove",Nt,!1),window.removeEventListener("mouseup",Ht,!1),ge==null||ge(e,n,r),ge=null)}function Ht(){kt&&(window.clearTimeout(kt),kt=null),window.removeEventListener("mousemove",Nt,!1),window.removeEventListener("mouseup",Ht,!1)}function Vs(e,t,o,n,r,i){Be=Fs(e,t);let{"data-path":s,path:a=s}=z(Be);i&&(Po=i.map(u=>me(e,d=>d.id===u)).map(u=>u.props.path)),st=Ue.measure(Be,i),console.log({_measurements:st});let l=st[a];Ot=new Ct(l,n.x,n.y,o,r);let c=Math.round(Ot.x.mousePct*100),p=Math.round(Ot.y.mousePct*100);return window.addEventListener("mousemove",cr,!1),window.addEventListener("mouseup",ur,!1),lr=!1,Bt.prepare(o,"tab-only"),ar.DoNotTransform?"transform:none":`transform:scale(${rr},${rr});transform-origin:${c}% ${p}%;`}function cr(e){let t=e.clientX,o=e.clientY,n=Ot,r=Xe,i,s,a;n.update("x",t)&&(s=n.x.pos),n.update("y",o)&&(a=n.y.pos),s===void 0&&a===void 0||it==null||it(s,a),!lr&&(n.inBounds()?i=zt(t,o,Be,st,n.hasIntrinsicSize(),Po):i=zt(n.dropX(),n.dropY(),Be,st),r&&(i==null||i.box!==r.box)&&(Xe=null),i&&(Bt.draw(i,n),Xe=i))}function ur(){Ws()}function Ws(){if(Xe){let e=Bt.hoverDropTarget||he.getActiveDropTarget(Xe);Pe==null||Pe(e),Xe=null}else Pe==null||Pe({component:Be,pos:{position:U.Absolute}});it=null,Pe=null,Be=null,Bt.clear(),Po=null,window.removeEventListener("mousemove",cr,!1),window.removeEventListener("mouseup",ur,!1)}var Dr=require("@salt-ds/core"),Tr=O(require("classnames")),Pr=require("react");var F=O(require("react")),wr=require("@vuu-ui/vuu-utils");var X=O(require("react")),pr=O(require("classnames"));var Lo=require("react/jsx-runtime"),mr=X.default.memo(function({column:t,index:o,onDrag:n,onDragEnd:r,onDragStart:i,style:s}){let a=(0,X.useRef)(),l=(0,X.useRef)(null),c=(0,X.useRef)(0),[p,m]=(0,X.useState)(!1),u=(0,X.useCallback)(({key:v,shiftKey:T})=>{let L=T?10:1;t&&v==="ArrowDown"?n(o,L):t&&v==="ArrowUp"||!t&&v==="ArrowLeft"?n(o,-L):!t&&v==="ArrowRight"&&n(o,L)},[t,o,n]),d=(0,X.useCallback)(v=>{let{key:T}=v;(t&&(T==="ArrowUp"||T==="ArrowDown")||!t&&(T==="ArrowLeft"||T==="ArrowRIght"))&&(i(o),u(v),h.current=u)},[t,u,o,i]),h=(0,X.useRef)(d),g=v=>h.current(v),y=(0,X.useCallback)(v=>{a.current=!0;let T=v[t?"clientY":"clientX"],L=T-c.current;T&&T!==c.current&&n(o,L),c.current=T},[t,o,n]),f=(0,X.useCallback)(()=>{var v;window.removeEventListener("mousemove",y,!1),window.removeEventListener("mouseup",f,!1),r(),m(!1),(v=l.current)==null||v.focus()},[y,r,m]),b=(0,X.useCallback)(v=>{c.current=t?v.clientY:v.clientX,i(o),window.addEventListener("mousemove",y,!1),window.addEventListener("mouseup",f,!1),v.preventDefault(),m(!0)},[t,y,f,o,i,m]),R=()=>{},E=()=>{var v;a.current?a.current=!1:(v=l.current)==null||v.focus()},w=()=>{h.current=d},x=(0,pr.default)("Splitter","focusable",{active:p,column:t});return(0,Lo.jsx)("div",{className:x,"data-splitter":!0,ref:l,role:"separator",style:s,onBlur:w,onClick:E,onFocus:R,onKeyDown:g,onMouseDown:b,tabIndex:0,children:(0,Lo.jsx)("div",{className:"grab-zone"})})});var fr=O(require("classnames"));var hr=require("react/jsx-runtime"),dr="vuuPlaceholder",at=({className:e,closeable:t,flexFill:o,resizeable:n,shim:r,...i})=>(0,hr.jsx)("div",{className:(0,fr.default)(dr,e,{[`${dr}-shim`]:r}),...i,"data-placeholder":!0,"data-resizeable":!0});at.displayName="Placeholder";$("Placeholder",at);var Co=O(require("react")),zo=require("@vuu-ui/vuu-utils");var _s={"data-placeholder":!0,"data-resizeable":!0},Ft={},Le="auto",Mo={flexBasis:0,flexGrow:1,flexShrink:1,height:Le,width:Le},gr={height:"width",width:"height"},yr=(e="row")=>e==="row"?["width","height","column"]:["height","width","row"],Gs=e=>typeof e=="string"&&e.endsWith("%"),Q=e=>{let{style:{width:t=Le,height:o=Le}=Ft}=e.props,n=typeof o=="number",r=typeof t=="number";return n&&r?{height:o,width:t}:n?{height:o}:r?{width:t}:void 0};function Ao(e,t,o){let n=gr[t],{style:{[n]:r=Le,...i}=Ft}=e.props;return o&&o[t]?{...i,...Mo,flexBasis:o[t],flexGrow:0,flexShrink:0}:{...i,...Mo,[n]:r}}function br(e){let{style:{flex:t,flexGrow:o,flexShrink:n,flexBasis:r}=Ft}=e.props;return typeof t=="number"||r===0&&o===1&&n===1?!0:typeof r!="number"}function Io(e,t,o){let n=gr[t],{style:{[t]:r=Le,[n]:i=Le,...s}=Ft}=e.props;return r!==Le?Gs(r)?{flexBasis:0,flexGrow:1,flexShrink:1,[t]:void 0,[n]:i}:{flexBasis:r,flexGrow:0,flexShrink:0,[t]:r,[n]:i}:o&&o[t]?{...s,...Mo,flexBasis:o[t],flexGrow:0,flexShrink:0}:{...s,[n]:i}}function lt(e,t,o,n,r){let i=[],s=0,a;if(n&&r){let p,[m,u,d,h]=r;[p,a]=t==="column"?[u-n.top,n.bottom-h]:[m-n.left,n.right-d],p&&i.push(de(`${o}.${s++}`,p,{flexGrow:0,flexShrink:0}))}else a=!0;let{version:l=0,style:c}=z(e);return i.push(W(e,`${o}.${s++}`,{version:l+1,style:{...c,flexBasis:"auto",flexGrow:0,flexShrink:0}})),a&&i.push(de(`${o}.${s++}`,0,void 0,{[`data-${t}-placeholder`]:!0})),Oo(t,{resizeable:!1,style:{flexBasis:"auto"}},i,o)}var Us=(e,t)=>{if(!t)return e===0?1:0};function Oo(e,t,o,n){let r=(0,zo.uuid)(),{flexFill:i,style:s,resizeable:a=!0}=t,{flexBasis:l=i?void 0:"auto"}=s,c=Us(l,i);return Co.default.createElement(oe.Flexbox,{id:r,key:r,path:n,flexFill:i,style:{...s,flexDirection:e,flexBasis:l,flexGrow:c,flexShrink:c},resizeable:a},o)}var Xs={flexGrow:1,flexShrink:1};function de(e,t,o,n){let r=(0,zo.uuid)();return Co.default.createElement("div",{..._s,...n,"data-path":e,id:r,key:r,style:{...Xs,...o,flexBasis:t}})}var Ys={},ct=1,ut=2,Zs=e=>typeof e.intrinsicSize=="number",qs=(e,t)=>{let o={};return e.forEach(n=>{o[n]=A(t,n)}),o},Vt=(e,t,o)=>e.map((n,r)=>{var l;let i=A(n,"resizeable"),{[t]:s}=(l=Q(n))!=null?l:Ys,a=br(n);return o?{index:r,flexOpen:a,intrinsicSize:s,resizeable:i,...qs(o,n)}:{index:r,flexOpen:a,intrinsicSize:s,resizeable:i}}),xr=e=>{let t=e.length,o=e.every(Zs),n=Array(t).fill(0);if(o&&(n[0]=ut,n[t-1]=ut),t<2)return n;for(let r=0,i=0;r<t-1;r++)e[r].resizeable&&!i&&(i=ct),n[r]+=i;for(let r=t-1;r>0&&(n[r]&ct&&(n[r]-=ct),!e[r].resizeable);r--);return n},Rr=(e,t)=>{let o=Ks(e,t),n=js(e,t),r=o!==-1&&n!==-1?[o,n]:void 0,i=Js(e,r);return[r,i]};function Js(e,t){if(t){let o=[];for(let n=0;n<e.length;n++)e[n].flexOpen&&!t.includes(n)&&o.push(n);return o}}function Ks(e,t){let o=t,n=!1;for(;o>=1&&!n;)o=o-1,n=Er(e,o);return o}function js(e,t){let o=t,n=!1,r=e.length;for(;o<r&&!n;)o=o+1,n=Er(e,o);return o===r?-1:o}function Er(e,t){let{placeholder:o,splitter:n,resizeable:r,intrinsicSize:i}=e[t];return Boolean(!n&&!i&&(o||r))}var Qs=e=>!e.splitter&&!e.placeholder,vr=({children:e,onSplitterMoved:t,style:o})=>{let n=(0,F.useRef)(),r=(0,F.useRef)(),i=(0,F.useRef)(),s=(0,F.useRef)([]),[,a]=(0,F.useState)({}),l=y=>{i.current=y,a({})},c=(o==null?void 0:o.flexDirection)==="column",p=c?"height":"width",m=(0,F.useMemo)(()=>Array.isArray(e)?e:F.default.isValidElement(e)?[e]:[],[e]),u=(0,F.useCallback)(y=>{let{current:f}=r;if(f){let[b,R]=Rr(f,y);b&&(b.forEach(E=>{var x;let w=(x=n.current)==null?void 0:x.childNodes[E];if(w){let{size:v,minSize:T}=na(w,p);f[E].currentSize=v,f[E].minSize=T}}),R&&R.forEach(E=>{var x;let w=(x=n.current)==null?void 0:x.childNodes[E];if(w){let{[p]:v}=w.getBoundingClientRect();f[E].flexBasis=v}}))}},[p]),d=(0,F.useCallback)((y,f)=>{i.current&&r.current&&l(ta(i.current,r.current,f,p))},[p]),h=(0,F.useCallback)(()=>{let y=r.current;y&&(t==null||t(y.filter(Qs))),y==null||y.forEach(f=>{f.currentSize=void 0,f.flexBasis=void 0,f.flexOpen=!1})},[t]),g=(0,F.useCallback)(y=>F.default.createElement(mr,{column:c,index:y,key:`splitter-${y}`,onDrag:d,onDragEnd:h,onDragStart:u}),[d,h,u,c]);return(0,F.useMemo)(()=>{let[y,f]=ea(m,p,g,s.current);r.current=f,i.current=y},[m,g,p]),{content:i.current||[],rootRef:n}};function ea(e,t,o,n){let r=Vt(e,t),i=xr(r),s=[],a=[];for(let l=0;l<e.length;l++){let c=e[l];if(l===0&&i[l]&ut&&(s.push(Sr(l)),a.push({placeholder:!0,shim:!0})),c.key==null){let p=n[l]||(n[l]=(0,wr.getUniqueId)());s.push(F.default.cloneElement(c,{key:p}))}else s.push(c);a.push(r[l]),l>0&&i[l]&ut?(s.push(Sr(l)),a.push({placeholder:!0})):i[l]&ct&&(s.push(o(s.length)),a.push({splitter:!0}))}return[s,a]}function ta(e,t,o,n){return oa(t,o)?e.map((i,s)=>{let a=t[s],{currentSize:l,flexOpen:c,flexBasis:p}=a,m=l!==void 0;if(m||c){let{flexBasis:u}=i.props.style||{},d=m?a.currentSize:p;return d!==u?F.default.cloneElement(i,{style:{...i.props.style,flexBasis:d,[n]:"auto"}}):i}else return i}):e}function oa(e,t){let o=[];e.forEach((p,m)=>{p.currentSize!==void 0&&o.push(m)});let n=t<0?o[0]:o[1],{currentSize:r=0,minSize:i=0}=e[n];if(r===i)return!1;if(Math.abs(t)>r-i){let p=t<0?-1:1;t=Math.max(0,r-i)*p}let s=e[o[0]],{currentSize:a=0}=s;s.currentSize=a+t;let l=e[o[1]],{currentSize:c=0}=l;return l.currentSize=c-t,!0}function Sr(e){return F.default.createElement(at,{shim:e===0,key:`placeholder-${e}`})}function na(e,t){let{[t]:o}=e.getBoundingClientRect(),r=getComputedStyle(e).getPropertyValue(`min-${t}`),i=r.endsWith("px")?parseInt(r,10):0;return{size:o,minSize:i}}var Mr=require("react/jsx-runtime"),ko="hwFlexbox",Lr=(0,Pr.forwardRef)(function(t,o){let{breakPoints:n,children:r,column:i,className:s,flexFill:a,gap:l,fullPage:c,id:p,onSplitterMoved:m,resizeable:u,row:d,spacing:h,splitterSize:g,style:y,...f}=t,{content:b,rootRef:R}=vr({children:r,onSplitterMoved:m,style:y}),E=(0,Tr.default)(ko,s,{[`${ko}-column`]:i,[`${ko}-row`]:d,"flex-fill":a,"full-page":c});return(0,Mr.jsx)("div",{...f,className:E,"data-resizeable":u||void 0,id:p,ref:(0,Dr.useForkRef)(R,o),style:{...y,gap:l,"--spacing":h},children:b})});Lr.displayName="Flexbox";var Wt=Lr;var ti=require("react");var Ne={ADD:"add",BLUR:"blur",BLUR_SPLITTER:"blur-splitter",DRAG_START:"drag-start",DRAG_STARTED:"drag-started",DRAG_DROP:"drag-drop",FOCUS:"focus",FOCUS_SPLITTER:"focus-splitter",INITIALIZE:"initialize",MAXIMIZE:"maximize",MINIMIZE:"minimize",REMOVE:"remove",REPLACE:"replace",RESTORE:"restore",SAVE:"save",SET_TITLE:"set-title",SPLITTER_RESIZE:"splitter-resize",SWITCH_TAB:"switch-tab",TEAR_OUT:"tear-out"};var Z=require("react");var Yo=O(require("react"));var Ye=O(require("react")),_o=require("@vuu-ui/vuu-utils");var Fo=require("@vuu-ui/vuu-utils"),Me=O(require("react"));var He=require("react"),Y=new Map,ee=new Map,Bo=e=>Y.get(e),No=e=>Y.has(e),Ho=(e,t)=>Y.set(e,t),$e=()=>{let e=(0,He.useCallback)((s,a)=>{let l=ee.get(s);if(l)return a!==void 0&&l[a]!==void 0?l[a]:a!==void 0?void 0:l},[]),t=(0,He.useCallback)((s,a,l)=>{if(a===void 0)ee.set(s,l);else if(ee.has(s)){let c=ee.get(s);ee.set(s,{...c,[a]:l})}else ee.set(s,{[a]:l})},[]),o=(0,He.useCallback)((s,a)=>{if(ee.has(s)){if(a===void 0)ee.delete(s);else if(ee.get(s)[a]){let{[a]:c,...p}=ee.get(s);Object.keys(p).length>0?ee.set(s,p):ee.delete(s)}}},[]),n=(0,He.useCallback)((s,a)=>{let l=Y.get(s);if(l)return a!==void 0?l[a]:l},[]),r=(0,He.useCallback)((s,a,l)=>{if(a===void 0)Y.set(s,l);else if(Y.has(s)){let c=Y.get(s);Y.set(s,{...c,[a]:l})}else Y.set(s,{[a]:l})},[]),i=(0,He.useCallback)((s,a)=>{if(Y.has(s)){if(a===void 0)Y.delete(s);else if(Y.get(s)[a]){let{[a]:c,...p}=Y.get(s);Object.keys(p).length>0?Y.set(s,p):Y.delete(s)}}},[]);return{loadSessionState:e,loadState:n,saveSessionState:t,saveState:r,purgeState:i,purgeSessionState:o}};var Cr=e=>e.flexDirection==="column"?["height","width"]:["width","height"],ra={},pt=(e,t="0")=>{let[o,n]=Wo(I(e),e.props,t);return Me.default.cloneElement(e,o,n)},Vo=(e,t)=>{let o=I(e),[n,r]=Wo(o,e.props,"0",void 0,t);return(0,Me.cloneElement)(e,n,r)};function ia(e,t,o="0",n=null,r){var g,y;let{active:i=0,"data-path":s,path:a=s,id:l,style:c}=z(r),p=I(r)===e&&o===a,m=p?l:(g=t.id)!=null?g:(0,Fo.uuid)(),u=e==="Stack"?(y=t.active)!=null?y:i:void 0,d=m,h=p?c:aa(e,t,n);return so(e)?{id:m,key:d,path:o,style:h,type:e,active:u}:{id:m,key:d,style:h,"data-path":o}}function Wo(e,t,o,n=null,r){var c,p;let i=ia(e,t,o,n,r);if(t.layout&&!r)return[i,[_t(t.layout,`${o}.0`)]];let s=(p=r==null?void 0:r.children)!=null?p:(c=r==null?void 0:r.props)==null?void 0:c.children,l=t.dropTarget&&s?s:sa(e,t.children,o,s);return[i,l]}function sa(e,t,o="0",n){let r=Array.isArray(t)?t:Me.default.isValidElement(t)?[t]:[];return _(e)?r.map((i,s)=>{let a=I(i),l=I(n==null?void 0:n[s]);if(!l||a===l){let[c,p]=Wo(a,i.props,`${o}.${s}`,e,n==null?void 0:n[s]);return Me.default.cloneElement(i,c,p)}else return n==null?void 0:n[s]}):t}var aa=(e,t,o)=>{let{style:n=ra}=t;if(e==="Flexbox"&&(n={flexDirection:t.column?"column":"row",...n,display:"flex"}),n.flex){let{flex:r,...i}=n;n={...i,...Tt(r)}}else o==="Stack"?n={...n,...Tt(1)}:o==="Flexbox"&&(n.width||n.height)&&n.flexBasis===void 0&&(n={...n,flexBasis:"auto",flexGrow:0,flexShrink:0});return n};function _t({id:e=(0,Fo.uuid)(),type:t,children:o,props:n,state:r},i){let s=t.match(/^[a-z]/)?t:oe[t];if(s===void 0)throw Error(`Unable to create component from JSON, unknown type ${t}`);return r&&Ho(e,r),Me.default.createElement(s,{...n,id:e,key:e,path:i},o?o.map((a,l)=>_t(a,`${i}.${l}`)):void 0)}function zr(e){return Ar(e)}function Ar(e){let t=I(e),{id:o,children:n,type:r,...i}=z(e),s=No(o)?Bo(o):void 0;return{id:o,type:t,props:la(i),state:s,children:Me.default.Children.map(n,Ar)}}function la(e){if(e){let{path:t,...o}=e,n={};for(let[r,i]of Object.entries(o))n[r]=$o(i);return n}}function $o(e){if(typeof e=="string"||typeof e=="number"||typeof e=="boolean")return e;if(Array.isArray(e))return e.map($o);if(typeof e=="object"&&e!==null){let t={};for(let[o,n]of Object.entries(e))t[o]=$o(n);return t}}function Ir(e,t){var s;let o=e.props.children,n=o.length,{index:r=-1,positionRelativeToTab:i="after"}=t.tab||{};return r===-1||r>=n?[o[n-1],"after"]:[(s=o[r])!=null?s:null,i]}function Gt(e,t,o){let{active:n,children:r=[],path:i}=z(e),s=A(t,"path"),{idx:a,finalStep:l}=j(i,s,!0),[c,p]=l?ca(e,r,o):[n,r==null?void 0:r.map((u,d)=>d===a?Gt(u,t,o):u)],m=I(e)==="Stack"?Array.isArray(c)?c[0]:c:n;return Ye.default.cloneElement(e,{active:m},p)}function ca(e,t,o){let n=A(e,"path"),r=t==null?void 0:t.length,{id:i=(0,_o.uuid)()}=z(o);return r?[r,t.concat(W(o,`${n}.${r}`,{id:i,key:i}))]:[0,[W(o,`${n}.0`,{id:i})]]}function Ut(e,t,o,n,r,i,s){let{active:a,children:l,path:c}=z(e),p=A(t,"path"),{idx:m,finalStep:u}=j(c,p),[d,h]=u?ua(e,l,m,o,n,r,i,s):[a,l.map((y,f)=>f===m?Ut(y,t,o,n,r,i,s):y)],g=I(e)==="Stack"?d:a;return Ye.default.cloneElement(e,{active:g},h)}function ua(e,t,o,n,r,i,s,a){let l=Q(n);return(l==null?void 0:l.width)&&(l==null?void 0:l.height)?ma(e,t,o,n,r,s,a):Or(e,t,o,n,r,(i==null?void 0:i.width)||(i==null?void 0:i.height),s)}var pa=(e,t,{top:o,right:n,bottom:r,left:i},[s,a,l,c])=>{if(e==="column"&&t==="before")return a-o;if(e==="column")return r-c;if(e==="row"&&t==="before")return s-i;if(e==="row")return n-l};function ma(e,t,o,n,r,i,s){let{style:{flexDirection:a}}=z(e),[l,c,p]=yr(a),{[c]:m,[l]:u}=Q(n),d=A(t[o],"path"),h=pa(a,r,i,s),[g,y]=m<i[c]?[lt(n,p,d,i,s),u]:[n,void 0],f=h?de(d,h,{flexGrow:0,flexShrink:0}):void 0;return m>i[c]&&(t=t.map(b=>{if(A(b,"placeholder"))return b;{let{[c]:R}=Q(b);return R&&R<m?lt(b,p,A(b,"path")):b}})),Or(e,t,o,g,r,y,i,f)}function Or(e,t,o,n,r,i,s,a){let l=A(e,"path"),c=0,p=!t||t.length===0?[n]:t.reduce((m,u,d)=>{if(o===d){let[h,g]=da(e,u,n,s);r==="before"?a?m.push(a,g,h):m.push(g,h):a?m.push(h,g,a):m.push(h,g),c=m.indexOf(g)}else m.push(u);return m},[]).map((m,u)=>u<c?m:W(m,`${l}.${u}`));return[c,p]}function da(e,t,o,n){let{id:r=(0,_o.uuid)(),version:i=0}=z(o);if(i+=1,I(e)==="Flexbox"){let[s]=Cr(e.props.style),a=6,l={[s]:(n[s]-a)/2},c=Io(t,s,l),p=Io(o,s,l);return[Ye.default.cloneElement(t,{style:c}),Ye.default.cloneElement(o,{id:r,version:i,style:p})]}else{let{style:{left:s,top:a,flex:l,...c}={left:void 0,top:void 0,flex:void 0}}=z(o);return[t,Ye.default.cloneElement(o,{id:r,version:i,style:c})]}}var te={ADD:"add",DRAG_START:"drag-start",DRAG_DROP:"drag-drop",MAXIMIZE:"maximize",MINIMIZE:"minimize",REMOVE:"remove",REPLACE:"replace",RESTORE:"restore",SAVE:"save",SET_TITLE:"set-title",SPLITTER_RESIZE:"splitter-resize",SWITCH_TAB:"switch-tab",TEAROUT:"tearout"};var Ce=O(require("react"));var mt=O(require("react"));function kr(e,{target:t,replacement:o}){return Go(e,t,o)}function Go(e,t,o){let n=A(t,"path"),r=A(t,"resizeable"),{style:i}=z(t),s=pt(mt.default.cloneElement(o,{resizeable:r,style:{...i,...o.props.style}}),n);return ie(e,t,s)}function ie(e,t,o,n){if(e===t)return o;{let{idx:r,finalStep:i}=j(A(e,"path"),A(t,"path")),s=e.props.children.slice();return i?n?n===Ne.MINIMIZE?s[r]=fa(e,s[r]):n===Ne.RESTORE&&(s[r]=ha(s[r])):s[r]=o:s[r]=ie(s[r],t,o,n),mt.default.cloneElement(e,void 0,s)}}function fa(e,t){let{style:o}=z(e),{style:n}=z(t),{width:r,height:i,flexBasis:s,flexShrink:a,flexGrow:l,...c}=n,p={width:r,height:i,flexBasis:s,flexShrink:a,flexGrow:l},m={...c,flexBasis:0,flexGrow:0,flexShrink:0},u=o.flexDirection==="row"?"vertical":o.flexDirection==="column"?"horizontal":!1;return u?mt.default.cloneElement(t,{collapsed:u,restoreStyle:p,style:m}):t}function ha(e){let{style:t,restoreStyle:o}=z(e),{flexBasis:n,flexShrink:r,flexGrow:i,...s}=t,a={...s,...o};return mt.default.cloneElement(e,{collapsed:!1,style:a,restoreStyle:void 0})}function Uo(e,{path:t}){let o=G(e,t),n=pe(e,t);if(n===null)return e;let{children:r}=z(n);if(r.length>1&&Nr(r,t)){let{style:{flexBasis:i,display:s,flexDirection:a,...l}}=z(n),c=A(n,"path"),p=ie(e,n,de(c,i,l));for(;(n=pe(p,c))&&A(n,"path")!=="0";){let{children:m}=z(n);if(Nr(m)){c=A(n,"path");let{style:{flexBasis:u,display:d,flexDirection:h,...g}}=z(n);p=ie(e,n,de(c,u,g))}else if(xa(m))p=Fr(e,n);else break}return p}else return Hr(e,o)}function Hr(e,t){let{active:o,children:n,path:r,preserve:i}=z(e),{idx:s,finalStep:a}=j(r,A(t,"path")),l=I(e),c=n.slice();if(a){if(c.splice(s,1),o!==void 0&&o>=s&&(o=Math.max(0,o-1)),c.length===1&&!i&&r!=="0"&&l.match(/Flexbox|Stack/))return ga(e,c[0]);!c.some(ya)&&c.some($r)&&(c=ba(c))}else c[s]=Hr(c[s],t);return c=c.map((p,m)=>W(p,`${r}.${m}`)),Ce.default.cloneElement(e,{active:o},c)}function ga(e,t){let o=I(e),{path:n,style:{flexBasis:r,flexGrow:i,flexShrink:s,width:a,height:l}}=z(e),c=W(t,n);if(n==="0")c=Ce.default.cloneElement(c,{style:{...t.props.style,width:a,height:l}});else if(o==="Flexbox"){let p=e.props.style.flexDirection==="column"?"height":"width",{style:{[p]:m,...u}}=c.props;c=Ce.default.cloneElement(c,{flexFill:void 0,style:{...u,flexGrow:i,flexShrink:s,flexBasis:r,width:a,height:l}})}return c}function ya(e){return e.props.style.flexGrow>0}function $r(e){let{width:t,height:o,flexGrow:n}=e.props.style;return n===0&&typeof t!="number"&&typeof o!="number"}function ba(e){return e.map(t=>$r(t)?Ce.default.cloneElement(t,{style:{...t.props.style,flexGrow:1}}):t)}var xa=e=>{if(e&&e.length>0){let t=A(e[0],"placeholder"),o=!1;for(let n=1;n<e.length;n++){if(o=A(e[n],"placeholder"),t&&o)return!0;t=o}}},Fr=(e,t)=>{let{children:o,path:n}=z(e),{idx:r,finalStep:i}=j(n,A(t,"path")),s=o.slice();return i?s[r]=Ra(t):s[r]=Fr(s[r],t),s=s.map((a,l)=>W(a,`${n}.${l}`)),Ce.default.cloneElement(e,void 0,s)},Ra=e=>{let{children:t}=z(e),o=[],n=[];for(let i=0;i<t.length;i++)A(t[i],"placeholder")?n.push(t[i]):(n.length===1?o.push(n.pop()):n.length>0&&(o.push(Br(n)),n.length=0),o.push(t[i]));n.length===1?o.push(n.pop()):n.length>0&&o.push(Br(n));let r=A(e,"path");return Ce.default.cloneElement(e,void 0,o.map((i,s)=>W(i,`${r}.${s}`)))},Br=([e,...t])=>{let o=A(e,"style"),{flexBasis:n,flexGrow:r,flexShrink:i}=o;for(let{props:{style:s}}of t)n+=s.flexBasis,r=Math.max(r,s.flexGrow),i=Math.max(i,s.flexShrink);return Ce.default.cloneElement(e,{style:{...o,flexBasis:n,flexGrow:r,flexShrink:i}})},Nr=(e,t)=>e.every(o=>A(o,"placeholder")||t&&A(o,"path")===t);var Xo=O(require("react"));function Vr(e,{path:t,sizes:o}){let n=G(e,t,!0),{children:r,style:i}=z(n),s=i.flexDirection==="column"?"height":"width",a=Ea(r,o,s),l=Xo.default.cloneElement(n,void 0,a);return ie(e,n,l)}function Ea(e,t,o){return e.map((n,r)=>{let{style:{[o]:i,flexBasis:s}}=z(n),a=t[r],{currentSize:l,flexBasis:c}=a,m=l!==void 0?a.currentSize:c;return m===void 0||i===m||s===m?n:Xo.default.cloneElement(n,{style:Sa(n.props.style,o,m)})})}function Sa(e,t,o){let n=typeof e[t]=="number",{flexShrink:r=1,flexGrow:i=1}=e;return{...e,[t]:n?o:"auto",flexBasis:n?"auto":o,flexShrink:r,flexGrow:i}}var dt=O(require("react")),Wr=require("@vuu-ui/vuu-utils");var _r=e=>{let[t]=I(e);return t===t.toLowerCase()};function ft(e,t,o,n,r,i){let{children:s,path:a}=z(e),l=A(t,"path"),{idx:c,finalStep:p}=j(a,l),m=p?wa(e,s,t,o,n,r,i):s.map((u,d)=>d===c?ft(u,t,o,n,r,i):u);return dt.default.cloneElement(e,void 0,m)}function wa(e,t,o,n,r,i,s){let a=Q(n);if((a==null?void 0:a.width)&&(a==null?void 0:a.height)){if(i===void 0||s===void 0)throw Error("wrap-layout-element, updateChildren clientRect and dropRect must both be available");return Da(t,o,n,r,i,s)}else return va(e,t,o,n,r)}function va(e,t,o,n,r){var x;let{version:i=0}=z(n),s=A(o,"path"),{type:a,flexDirection:l,showTabs:c}=Ur(r),[p,m,u]=Ta(a,o,n,l,r),d=Gr(r),h=d?1:0,g={resizeable:!0,style:u,version:i+1},f={[_r(o)?"data-resizeable":"resizeable"]:!0,style:m},b=a==="Stack"?{showTabs:c}:void 0,R=a==="Flexbox"?{splitterSize:(x=I(e)==="Flexbox"&&e.props.splitterSize)!=null?x:void 0}:void 0,E=(0,Wr.uuid)();var w=dt.default.createElement(oe[a],{active:h,id:E,key:E,path:A(o,"path"),flexFill:A(o,"flexFill"),...R,...b,style:p,resizeable:A(o,"resizeable")},d?[W(o,`${s}.0`,f),pt(dt.default.cloneElement(n,g),`${s}.1`)]:[pt(dt.default.cloneElement(n,g),`${s}.0`),W(o,`${s}.1`,f)]);return t.map(v=>v===o?w:v)}function Da(e,t,o,n,r,i){let{flexDirection:s}=Ur(n),a=s==="column"?"row":"column",l=Gr(n),[c,p,m,u]=i,[d,h]=s==="column"?[p-r.top,r.bottom-u]:[c-r.left,r.right-m],g=A(t,"path"),y=0,f=_r(t)?"data-resizeable":"resizeable",b=[];d&&b.push(l?W(t,`${g}.${y++}`,{[f]:!0,style:{flexBasis:d,flexGrow:1,flexShrink:1}}):de(`${g}.${y++}`,d,{flexGrow:0,flexShrink:0})),b.push(lt(o,a,`${g}.${y++}`,r,i)),h&&b.push(l?de(`${g}.${y++}`,0):W(t,`${g}.${y++}`,{[f]:!0,style:{flexBasis:0,flexGrow:1,flexShrink:1}}));let R=Oo(s,t.props,b,g);return e.map(E=>E===t?R:E)}function Ta(e,t,o,n,r){let i={...t.props.style,flexDirection:n},s=e==="Flexbox"&&n==="column"?"height":"width",a=Ao(o,s,r),l=Ao(t,s);return[i,l,a]}var Gr=e=>{var t;return e.position.SouthOrEast?!0:((t=e==null?void 0:e.tab)==null?void 0:t.positionRelativeToTab)==="before"?!1:!!e.position.Header};function Ur(e){return e.position.Header?{type:"Stack",flexDirection:"column",showTabs:!0}:{type:"Flexbox",flexDirection:e.position.EastOrWest?"row":"column"}}var qr=(e,t)=>{switch(t.type){case te.ADD:return za(e,t);case te.DRAG_DROP:return Ca(e,t);case te.MAXIMIZE:return Ma(e,t);case te.REMOVE:return Uo(e,t);case te.REPLACE:return kr(e,t);case te.SET_TITLE:return La(e,t);case te.SPLITTER_RESIZE:return Vr(e,t);case te.SWITCH_TAB:return Pa(e,t);default:return console.warn(`layoutActionHandlers. No handler for action.type ${t.type}`),e}};function Pa(e,{path:t,nextIdx:o}){var n=G(e,t,!0);let r=Yo.default.cloneElement(n,{active:o});return ie(e,n,r)}function La(e,{path:t,title:o}){var n=G(e,t,!0);let r=Yo.default.cloneElement(n,{title:o});return ie(e,n,r)}function Ma(e,{path:t,type:o}){if(t){var n=G(e,t,!0);return ie(e,n,n,o)}else return e}function Ca(e,t){var u,d;console.log("drag drop");let{draggedReactElement:o,dragInstructions:n,dropTarget:r}=t,i=r.component,{pos:s}=r,a=((u=s==null?void 0:s.position)==null?void 0:u.Header)&&I(i)==="Stack",{id:l,version:c}=z(o),p=Q(o),m;if(a){let[h,g]=Ir(i,s);h===void 0?m=Gt(e,i,o):m=Ut(e,h,o,g)}else!p&&((d=s==null?void 0:s.position)==null?void 0:d.Centre)?m=Go(e,i,o):m=Aa(e,r,o);if(n.DoNotRemove)return m;{let h=me(m,y=>y.id===l&&y.version===c),g=A(h,"path");return Uo(m,{path:g,type:"remove"})}}function za(e,{path:t,component:o}){return Gt(e,G(e,t),o)}function Aa(e,t,o){let{component:n,pos:r,clientRect:i,dropRect:s}=t,a=A(n,"path");if(a==="0.0")return ft(e,n,o,r);var l=pe(e,a);if(Xr(r,l)){let c=r.position.SouthOrEast?"after":"before";return Ut(e,n,o,c,r,i,s)}else if(Xr(r,l)){if(_(I(l)))return ft(e,n,o,r);throw Error(`no support right now for position = ${r.position}`)}else return ft(e,n,o,r,i,s);return e}function Xr(e,t){return e.position.Centre?Zr(t)||Yr(t):e.position.NorthOrSouth?Yr(t):e.position.EastOrWest?Zr(t):!1}function Yr(e){return I(e)==="Flexbox"&&e.props.style.flexDirection==="column"}function Zr(e){return I(e)==="Flexbox"&&e.props.style.flexDirection!=="column"}var Jr=require("react"),Ia=e=>console.log(`dispatch ${e.type}, have you forgotten to provide a LayoutProvider ?`),Ze=(0,Jr.createContext)({dispatchLayoutProvider:Ia,version:-1});var ye=require("react");var Oa={},Kr=[0,0],ka=(e,t,o)=>{let n=document.createElement("div");n.className="vuuSimpleDraggableWrapper",n.classList.add("vuuSimpleDraggableWrapper","salt-theme","salt-density-medium"),n.dataset.dragging="true";let r=o!=null?o:document.createElement("div");r.id=t,n.appendChild(r),document.body.appendChild(n);let i=`top:${e.top}px;left:${e.left}px;width:${e.width}px;height:${e.height}px;`;return[n,i,e.left,e.top]},Ba=e=>{let{offsetParent:t}=e;if(t===null)return Kr;{let{left:o,top:n}=t.getBoundingClientRect();return[o,n]}},jr=(e,t)=>{let o=(0,ye.useRef)(),n=(0,ye.useRef)(),r=(0,ye.useRef)(),i=(0,ye.useCallback)((c,p)=>{if(n.current&&r.current){let{dragOffsets:[m,u],targetPosition:d}=n.current,h=typeof c=="number"?c-m:d.left,g=typeof p=="number"?p-u:d.top;(h!==d.left||g!==d.top)&&(n.current.targetPosition.left=h,n.current.targetPosition.top=g,r.current.style.top=g+"px",r.current.style.left=h+"px")}},[]),s=(0,ye.useCallback)(c=>{if(n.current){let{dragInstructions:p,payload:m,originalCSS:u}=n.current;t({type:"drag-drop",draggedReactElement:m,dragInstructions:p,dropTarget:c}),console.log("[useLayoutDragDrop]",{dragInstructions:p}),r.current&&(p.RemoveDraggableOnDragEnd?document.body.removeChild(r.current):(r.current.style.cssText=u,delete r.current.dataset.dragging)),o.current=void 0,n.current=void 0,r.current=void 0}},[]),a=(0,ye.useCallback)(c=>{if(o.current){let{payload:p,dragContainerPath:m,dragElement:u,dragRect:d,instructions:h=Oa,path:g}=o.current,{current:y}=e,f={x:c.clientX,y:c.clientY},b=p!=null?p:G(y,g,!0),{id:R}=b.props,E=Q(b),w="",x="",v="",T=h,L=-1,M=-1,D=Kr,S=document.getElementById(R);if(S===null)[S,x,L,M]=ka(d,R,u),T={...T,RemoveDraggableOnDragEnd:!0};else{D=Ba(S);let[P,C]=D,{width:k,height:V,left:N,top:q}=S.getBoundingClientRect();L=N-P,M=q-C,x=`width:${k}px;height:${V}px;left:${L}px;top:${M}px;z-index: 100;background-color:#ccc;opacity: 0.6;`,S.dataset.dragging="true",w=S.style.cssText}v=$t.initDrag(e.current,m,d,f,{drag:i,drop:s},E),S.style.cssText=x+v,r.current=S,n.current={payload:b,originalCSS:w,dragRect:d,dragOffsets:D,dragInstructions:h,targetPosition:{left:L,top:M}}}},[i,s,e]);return(0,ye.useCallback)(c=>{let{evt:p,...m}=c;console.log("prepare to drag",{options:m}),o.current={...m,dragContainerPath:""},$t.handleMousedown(p,a,m.instructions)},[a])};var Zo=require("react/jsx-runtime"),Qr=e=>e.dropTarget,Na=e=>["drag-drop","remove","set-title","splitter-resize","switch-tab"].includes(e.type),Ha=()=>{let e=ei();return(0,Zo.jsx)("div",{children:`Context: ${e} `})},$a=e=>{let{children:t,layout:o,onLayoutChange:n}=e,r=(0,Z.useRef)(void 0),i=(0,Z.useRef)(t),[,s]=(0,Z.useState)(null),a=(0,Z.useCallback)(m=>{if(n){let u=me(m,Qr)||r.current,h=I(u)==="DraggableLayout"?z(u).children[0]:u,g=zr(h);n(g,"drag-root")}},[n]),l=(0,Z.useCallback)((m,u=!1)=>{let d=qr(r.current,m);d!==r.current&&(r.current=d,s({}),!u&&Na(m)&&a(d))},[a]),c=(0,Z.useCallback)(m=>{m.type==="drag-start"?p(m):m.type==="save"?a(r.current):r.current&&l(m)},[l,a]),p=jr(r,c);return(0,Z.useEffect)(()=>{if(o){let m=me(r.current,Qr),u=mo(m),d=_t(o,`${m.props.path}.0`),h=u?{type:te.REPLACE,target:u,replacement:d}:{type:te.ADD,path:m.props.path,component:d};l(h,!0)}},[l,o]),r.current===void 0?r.current=Vo(t):t!==i.current&&(r.current=Vo(t,r.current),i.current=t),(0,Zo.jsx)(Ze.Provider,{value:{dispatchLayoutProvider:c,version:0},children:r.current})},J=()=>{let{dispatchLayoutProvider:e}=(0,Z.useContext)(Ze);return e},ei=()=>{console.log({LayoutProviderContext:Ze});let{version:e}=(0,Z.useContext)(Ze);return e};var oi=require("react/jsx-runtime"),qo=function(t){let{path:o}=t,n=J(),r=(0,ti.useCallback)(i=>{n({type:Ne.SPLITTER_RESIZE,path:o,sizes:i})},[n,o]);return(0,oi.jsx)(Wt,{...t,onSplitterMoved:r})};qo.displayName="Flexbox";$("Flexbox",qo,"container");var hi=require("@salt-ds/core"),gi=O(require("classnames")),yi=require("react");var se=require("react");var Ve=require("react"),Fa=["height","width"],Va=["height"],Wa=["width"],Fe=new WeakMap,ri=(e,t,o)=>{switch(o){case"height":return t.height;case"scrollHeight":return e.scrollHeight;case"scrollWidth":return e.scrollWidth;case"width":return t.width;default:return 0}},ni=new ResizeObserver(e=>{for(let t of e){let{target:o,contentRect:n}=t,r=Fe.get(o);if(r){let{onResize:i,measurements:s}=r,a=!1;for(let[l,c]of Object.entries(s)){let p=ri(o,n,l);p!==c&&(a=!0,s[l]=p)}a&&i&&i(s)}}});function ht(e,t,o,n=!1){let r=(0,Ve.useRef)(t),i=(0,Ve.useCallback)(s=>{let a=s.getBoundingClientRect();return r.current.reduce((l,c)=>(l[c]=ri(s,a,c),l),{})},[]);(0,Ve.useLayoutEffect)(()=>{let s=e.current,a=!1;async function l(){Fe.set(s,{measurements:{}}),a=!1;let{fonts:c}=document;if(c&&await c.ready,!a){let p=Fe.get(s);if(p){let m=i(s);p.measurements=m,ni.observe(s),n&&o(m)}}}if(s){if(Fe.has(s))throw Error("useResizeObserver attemping to observe same element twice");l()}return()=>{s&&Fe.has(s)&&(ni.unobserve(s),Fe.delete(s),a=!0)}},[e,i]),(0,Ve.useLayoutEffect)(()=>{let s=e.current,a=Fe.get(s);if(a){if(r.current!==t){r.current=t;let l=i(s);a.measurements=l}a.onResize=o}},[t,i,e,o])}function _a(e,t){let o=document.body.querySelector(`.${e}`),n={get:function(r,i){let s=r.getPropertyValue(`--${e}-breakpoint-${i}`);return s?parseInt(s):void 0}};return o?new Proxy(getComputedStyle(o),n):t!=null?t:{}}var Ga=([,e],[,t])=>t-e,Ko=e=>Object.entries(e).sort(Ga).map(([t,o],n,r)=>[t,o,n<r.length-1?r[n+1][1]:9999]),Jo=null,Ua=(e="salt")=>{let{xs:t,sm:o,md:n,lg:r,xl:i}=_a(e);return Ko({xs:t,sm:o,md:n,lg:r,xl:i})},ii=e=>(Jo===null&&(Jo=Ua(e)),Jo);var Xa=[],jo=({breakPoints:e,smallerThan:t},o)=>{let[n,r]=(0,se.useState)(t?!1:"lg"),i=(0,se.useRef)(document.body),s=(0,se.useRef)(e?Ko(e):ii()),a=(0,se.useRef)("lg"),l=(0,se.useCallback)(p=>{if(s.current){for(let[m,u]of s.current)if(p>=u)return m}},[s]),c=(0,se.useCallback)(p=>{if(t){let m=s.current.find(([u])=>u===t);if(m){let[,,u]=m;return p<u}}else return l(p);return p},[t,l]);return ht(o||i,s.current?["width"]:Xa,({width:p})=>{let m=c(p);m!==a.current&&(a.current=m,r(m))},!0),(0,se.useEffect)(()=>{let p=o||i;if(p.current){let m=a.current;if(s.current){let{clientWidth:u}=p.current,d=c(u);a.current=d,d!==m&&r(d)}}},[r,c,o]),n};var B=require("react");var Ya=["left","right"],Za=["top","bottom"];function gt(e,t="width"){let{[t]:o}=e.getBoundingClientRect(),{padRight:n=!1,padLeft:r=!1}=e.dataset,i=getComputedStyle(e),[s,a]=t==="width"?Ya:Za,l=r?0:parseInt(i.getPropertyValue(`margin-${s}`),10),c=n?0:parseInt(i.getPropertyValue(`margin-${a}`),10),p=o;if(parseInt(i.getPropertyValue("flex-shrink"),10)>0){let u=parseInt(i.getPropertyValue("flex-basis"),10);isNaN(u)||(p=u)}return l+p+c}var qa={horizontal:["width","scrollHeight"],vertical:["height","scrollWidth"],none:[]},Ja={},ci={},Ka='[data-collapsible="dynamic"]:not([data-collapsed="true"]):not([data-collapsing="true"])',Qo=(e,t)=>e+t.size,si=(e,t)=>e+(t.isOverflowIndicator?0:t.size),ja=e=>{for(let t=e.length-1;t>=0;t--){let o=e[t];if(!o.isOverflowIndicator)return o}return null},qe=1e3,Qa=e=>e>0&&e<1e3,tn=e=>e>=qe,en=e=>e.current[e.current.length-1],el=e=>e.some(t=>t.collapsed&&t.fullWidth===null),tl=e=>e.current.querySelector(Ka)!==null,ai=(e,t)=>{let o=ja(e.current);return o?(e.current=e.current.filter(n=>n!==o),t.current=t.current.concat(o),o):null},ui=(e,t)=>{let o=e.priority-t.priority;return o===0&&(o=e.index-t.index),o},li=e=>e.current.find(t=>t.isOverflowIndicator),ol={horizontal:{size:"clientWidth",depth:"clientHeight",scrollDepth:"scrollHeight"},vertical:{size:"clientHeight",depth:"clientWidth",scrollDepth:"scrollWidth"}},nl=({current:e},t="horizontal")=>{let o=ol[t],{[o.depth]:n}=e.parentNode,{[o.scrollDepth]:r,[o.size]:i}=e;return[n<r,i,n]},rl=()=>{let[,e]=(0,B.useState)(null),[t,o]=(0,B.useState)(0),n=(0,B.useRef)(0),r=(0,B.useCallback)(s=>{o(n.current=s)},[o]),i=(0,B.useCallback)((s,a)=>{Math.abs(s)===qe?s>0&&!tn(n.current)||s<0&&tn(n.current)?r(n.current+s):e({}):s!==0?r(n.current+s):a&&e({})},[e,n,r]);return[n,t,i]},il=({current:e},t)=>Array.from(e.childNodes).reduce((n,r)=>{var u;let{collapsible:i,collapsed:s,collapsing:a,index:l,priority:c="1",overflowIndicator:p,overflowed:m}=(u=r==null?void 0:r.dataset)!=null?u:ci;if(l){let d=gt(r,t);m&&delete r.dataset.overflowed,n.push({collapsible:i,collapsed:i?s==="true":void 0,collapsing:a,fullSize:null,index:parseInt(l,10),isOverflowIndicator:p,label:r.title||r.innerText,priority:parseInt(c,10),size:d})}return n},[]).sort(ui),ae=(e,t)=>e.current.querySelector(`:scope > [data-idx='${t.index}']`);function sl(e="horizontal",t=""){let o=(0,B.useRef)(null),[n,r,i]=rl(),s=(0,B.useRef)([]),a=(0,B.useRef)([]),l=(0,B.useRef)([]),c=(0,B.useRef)(!1),p=(0,B.useRef)(null),m=(0,B.useRef)(null),u=(0,B.useRef)(e==="horizontal"),d=(0,B.useRef)(36),h=(0,B.useRef)(0),g=(0,B.useCallback)(T=>{let L=u.current;if(T===void 0){let D=L?"width":"height";({[D]:T}=o.current.getBoundingClientRect())}h.current=T;let M=L?"minWidth":"minHeight";o.current.style[M]=T+"px"},[o]),y=(0,B.useCallback)((T,L)=>{let M=0;if(s.current.some(D=>D.collapsible&&!D.collapsed))for(let D=s.current.length-1;D>=0;D--){let S=s.current[D];if(S.collapsible==="instant"&&!S.collapsed){S.collapsed=!0;let P=ae(o,S);return P.dataset.collapsed=!0,l.current.push(S),1}else if(S.collapsible==="dynamic"&&!S.collapsed&&!S.collapsing){S.collapsing=!0;let P=ae(o,S);return P.dataset.collapsing=!0,l.current.push(S),o.current.dataset.collapsing=!0,1}}for(;T>L;){let D=ai(s,a);if(D===null){g(T);break}T-=D.size;let S=ae(o,D);S.dataset.overflowed=!0,M=qe}return M},[g]),f=(0,B.useCallback)(T=>{let L=0,M=s.current.reduce(si,0),D=T-M;if(Qa(n.current)){for(;l.current.length;){let S=en(l),P=S.fullSize-S.size;if(D>=P){S.collapsed=!1,S.size=S.fullSize,delete S.fullSize;let C=ae(o,S);l.current.pop(),delete C.dataset.collapsed,D=D-P,L+=1}else break}return L}else for(;a.current.length>0;){let{size:S}=en(a);if(D>=S){let{size:P=0}=li(s)||Ja;if(a.current.length===1||D>=S+P){let C=ai(a,s);M+=C.size;let k=ae(o,C);delete k.dataset.overflowed,D=D-C.size,L=qe}else break}else break}return L},[n]),b=(0,B.useCallback)(()=>{let L=s.current.reduce(Qo,0)-m.current;for(let M=s.current.length-1;M>=0;M--){let D=s.current[M];if(D.collapsible&&!D.collapsed){let S=ae(o,D);if(L>D.size-36)S.dataset.collapsed=D.collapsed=!0,L-=D.size;else{S.dataset.collapsing=D.collapsing=!0;break}}}},[m,o,s]),R=(0,B.useCallback)((T,L)=>{L.dataset.collapsing=T.collapsing=!1,L.dataset.collapsed=T.collapsed=!0;let D=s.current.filter(({collapsible:S,collapsed:P})=>S==="dynamic"&&!P).pop();if(D){let S=ae(o,D);S.dataset.collapsing=D.collapsing=!0}else g()},[g]),E=(0,B.useCallback)((T,L)=>{L.dataset.collapsing=T.collapsing=!1},[]),w=(0,B.useCallback)(T=>{let L=s.current.find(({collapsible:P,collapsing:C})=>P==="dynamic"&&C),M=s.current.find(({collapsible:P,collapsed:C})=>P==="dynamic"&&C);if(L===void 0&&M===void 0)return;if(L===void 0){let P=ae(o,M);P.dataset.collapsed=M.collapsed=!1,P.dataset.collapsing=M.collapsing=!0;return}let D=ae(o,L),S=u.current?"width":"height";if(T&&M){let P=gt(D,S);M&&P===L.size&&E(L,D)}else{let{[S]:P}=D.getBoundingClientRect(),C=getComputedStyle(D),k=parseInt(C.getPropertyValue(`min-${S}`));P===k&&R(L,D)}},[R,E]),x=(0,B.useCallback)(()=>{let[T,L,M]=nl(o,e);m.current=L,p.current=M;let D=tl(o);if(D||T){let S=u.current?"width":"height",P=il(o,S);s.current=P,a.current=[]}if(D)if(c.current=!0,o.current.dataset.collapsing=!0,T)b();else{let S=en(s),P=ae(o,S);P.dataset.collapsing=S.collapsing=!0}else if(T){let S=s.current.reduce(si,0),P=y(S,L-d.current);i(+P)}},[b,y,e,i]),v=(0,B.useCallback)(({scrollHeight:T,height:L=T,scrollWidth:M,width:D=M})=>{let[S,P]=u.current?[D,L]:[L,D],C=n.current===0,k=P>p.current,V=S>m.current;if(m.current=S,!(V&&S===h.current)){if(c.current)w(V);else if(!C&&V){let N=f(S);N!==qe||a.current.length===0?i(-N):N===qe&&i(0,!0)}else if(C&&k)x();else if(!C&&k){let N=s.current.reduce(Qo,0);if(S<N){let q=y(N,S);i(+q)}}}},[w,f,x,y,n,i]);return(0,B.useLayoutEffect)(()=>{var L;let T=u.current?"width":"height";if(el(s.current)){let[M]=s.current.filter(D=>D.collapsed);if(M.fullSize===null){let D=ae(o,M);if(D){let S=gt(D,T);M.fullSize=M.size,M.size=S;let P=s.current.reduce(Qo,0);if(P>m.current){let C=y(P,m.current-d.current);i(+C)}}}}else if(tn(r)){let M=o.current.querySelector(":scope > [data-overflow-indicator='true']");if(M){let{index:D,priority:S="1"}=(L=M==null?void 0:M.dataset)!=null?L:ci,P={index:parseInt(D,10),isOverflowIndicator:!0,priority:parseInt(S,10),label:M.innerText,size:gt(M,T)};d.current=P.size,s.current=s.current.concat(P).sort(ui)}}else li(s)&&(s.current=s.current.filter(M=>!M.isOverflowIndicator))},[y,r,o,i,s]),(0,B.useLayoutEffect)(()=>{async function T(){await document.fonts.ready,o.current!==null&&x()}e!=="none"&&T()},[t,e,x]),ht(o,qa[e],v),[o,a.current,l.current,x]}var pi="data-collapsible",al={[pi]:!0,"data-pad-start":!0,"data-pad-end":!0},mi=e=>{var t;return(t=al[e])!=null?t:!1},ll=e=>e===pi,cl={dynamic:"dynamic",instant:"instant",true:"instant"},ul=e=>{var t;return(t=cl[e])!=null?t:"none"},pl=e=>Object.keys(e).reduce((t,o)=>{let[n,r]=t;if(mi(o)){let i=ll(o)?ul(e[o]):e[o];n[o]=i,r[o]=void 0}return t},[{},{}]);var K=require("react"),di=require("@vuu-ui/vuu-utils");var ml=["xs","sm","md","lg","xl"],dl=12,fi=({children:e,cols:t,style:o})=>{let n=(0,K.useRef)(null),r=(0,K.useRef)(null),i=(0,K.useRef)(),s=t!=null?t:dl,l=(o==null?void 0:o.flexDirection)==="column"?"height":"width",c=(0,K.useMemo)(()=>Array.isArray(e)?e:(0,K.isValidElement)(e)?[e]:[],[e]),p=(0,K.useCallback)((m,u)=>{let d=Vt(m,u,ml),h=[],g=[];for(let y=0;y<m.length;y++){let f=m[y],{style:{flex:b,...R}}=f.props;h.push((0,K.cloneElement)(f,{key:(0,di.getUniqueId)(),style:{...R,"--parent-col-count":s}})),g.push(d[y])}return[h,g]},[s]);return(0,K.useMemo)(()=>{let[m,u]=p(c,l);r.current=u,i.current=m},[p,c,l]),{cols:s,content:i.current,rootRef:n}};var bi=require("react/jsx-runtime"),Xt="hwFluidGrid",Yt=(0,yi.forwardRef)(function(t,o){let{breakPoints:n,children:r,column:i,cols:s=12,className:a,flexFill:l,gap:c=3,fullPage:p,id:m,onSplitterMoved:u,resizeable:d,row:h,showGrid:g,spacing:y,splitterSize:f,style:b,...R}=t,{cols:E,content:w,rootRef:x}=fi({children:r,cols:s,style:b}),v=jo({breakPoints:n},x),T=(0,gi.default)(Xt,a,{[`${Xt}-column`]:i,[`${Xt}-row`]:h,[`${Xt}-show-grid`]:g,"flex-fill":l,"full-page":p}),L={...b,"--spacing":y,"--grid-col-count":E,"--grid-gap":c};return(0,bi.jsx)("div",{...R,className:T,"data-breakpoint":v,"data-cols":E,"data-resizeable":d||void 0,id:m,ref:(0,hi.useForkRef)(x,o),style:L,children:w})});Yt.displayName="FluidGrid";var xi=require("react/jsx-runtime"),on=function(t){return(0,xi.jsx)(Yt,{...t})};on.displayName="FluidGrid";$("FluidGrid",on,"container");var vi=O(require("classnames")),We=O(require("react"));var yt=O(require("react")),fl={dispatch:null},bt=yt.default.createContext(fl),nn=()=>{var t;let e=(0,yt.useContext)(bt);return(t=e==null?void 0:e.dispatch)!=null?t:null},hl=()=>(0,yt.useContext)(bt);var qt=require("@salt-ds/core"),Si=O(require("classnames")),ce=O(require("react"));var le=require("react");var ze=require("react");var xt=(e,t,o,n)=>{var y;let{loadSessionState:r,purgeSessionState:i,purgeState:s,saveSessionState:a}=$e(),[l,c]=(0,ze.useState)((y=r(e,"contributions"))!=null?y:[]),p=J(),m=(0,ze.useCallback)((f,b)=>{let R=l.concat([{location:f,content:b}]);a(e,"contributions",R),c(R)},[l,e,a]),u=(0,ze.useCallback)(()=>{i(e,"contributions"),c([])},[e,i]),d=(0,ze.useCallback)(()=>{let f=r(e,"data-source");f&&f.unsubscribe(),i(e),s(e),p({type:"remove",path:o})},[p,e,r,i,s,o]),h=(0,ze.useCallback)(async(f,b,R)=>{var w;f.stopPropagation();let E=(w=t.current)==null?void 0:w.getBoundingClientRect();return new Promise((x,v)=>{p({type:"drag-start",evt:f,path:b===void 0?o:`${o}.${b}`,dragRect:E,preDragActivity:R,dropTargets:n,resolveDragStart:x,rejectDragStart:v})})},[t,p,o,n]);return[(0,ze.useCallback)(async(f,b)=>{var E;let{type:R}=f;switch(R){case"maximize":case"minimize":case"restore":return p({type:R,path:(E=f.path)!=null?E:o});case"remove":return d();case"mousedown":return console.log("2) ViewActionDispatch Hook dispatch Action mousedown"),h(b,f.index,f.preDragActivity);case"add-toolbar-contribution":return m(f.location,f.content);case"remove-toolbar-contribution":return u();default:return}},[p,o,d,h,m,u]),l]};var Ri=({id:e,rootRef:t,path:o,dropTargets:n,title:r})=>{let i=J(),{loadState:s,loadSessionState:a,purgeState:l,saveState:c,saveSessionState:p}=$e(),[m,u]=xt(e,t,o,n),d=(0,le.useMemo)(()=>{var x;return(x=s("view-title"))!=null?x:r},[s,r]),h=(0,le.useCallback)(x=>{o&&i({type:"set-title",path:o,title:x})},[i,o]),g=(0,le.useMemo)(()=>s(e),[e,s]),y=(0,le.useCallback)(x=>s(e,x),[e,s]),f=(0,le.useCallback)(x=>{l(e,x),i({type:"save"})},[e,l]),b=(0,le.useCallback)((x,v)=>{c(e,v,x),i({type:"save"})},[e,i,c]),R=(0,le.useCallback)(x=>a(e,x),[e,a]),E=(0,le.useCallback)((x,v)=>p(e,v,x),[e,p]),w=(0,le.useCallback)(({type:x,...v})=>{let{[x]:T}=v;b(T,x)},[b]);return{contributions:u,dispatchViewAction:m,load:y,loadSession:R,onConfigChange:w,onEditTitle:h,purge:f,restoredState:g,save:b,saveSession:E,title:d}};var Zt=require("@heswell/salt-lab"),Je=require("react"),gl=[],Ei=({mainRef:e,resize:t="responsive",rootRef:o})=>{let n=t==="defer",r=(0,Je.useRef)({}),i=(0,Je.useRef)(),s=(0,Je.useCallback)(()=>{e.current&&(e.current.style.height=r.current.height+"px",e.current.style.width=r.current.width+"px"),i.current=void 0},[]),a=(0,Je.useCallback)(({height:l,width:c})=>{r.current.height=l,r.current.width=c,i.current!==null&&clearTimeout(i.current),i.current=window.setTimeout(s,40)},[s]);(0,Zt.useResizeObserver)(o,n?Zt.WidthHeight:gl,a,n)};var Ke=require("react/jsx-runtime"),wi=(0,ce.forwardRef)(function(t,o){let{children:n,className:r,collapsed:i,closeable:s,"data-resizeable":a,dropTargets:l,expanded:c,flexFill:p,id:m,header:u,orientation:d="horizontal",path:h,resize:g="responsive",resizeable:y=a,tearOut:f,style:b={},title:R,...E}=t,w=(0,qt.useIdMemo)(m),x=(0,ce.useRef)(null),v=(0,ce.useRef)(null),{contributions:T,dispatchViewAction:L,load:M,loadSession:D,onConfigChange:S,onEditTitle:P,purge:C,restoredState:k,save:V,saveSession:N,title:q}=Ri({id:w,rootRef:x,path:h,dropTargets:l,title:R});Ei({mainRef:v,resize:g,rootRef:x});let Qe="vuuView",Vi=()=>ce.default.isValidElement(n)&&k?ce.default.cloneElement(n,k):n,Wi=(0,ce.useMemo)(()=>({dispatch:L,id:w,path:h,title:q,load:M,loadSession:D,onConfigChange:S,purge:C,save:V,saveSession:N}),[L,w,M,D,S,h,C,V,N,q]),_i=typeof u=="object"?u:{};return(0,Ke.jsx)("div",{...E,className:(0,Si.default)(Qe,r,{[`${Qe}-collapsed`]:i,[`${Qe}-expanded`]:c,[`${Qe}-resize-defer`]:g==="defer"}),"data-resizeable":y,id:w,ref:(0,qt.useForkRef)(o,x),style:b,tabIndex:-1,children:(0,Ke.jsxs)(bt.Provider,{value:Wi,children:[u?(0,Ke.jsx)(rn,{..._i,collapsed:i,contributions:T,expanded:c,closeable:s,onEditTitle:P,orientation:d,tearOut:f,title:q}):null,(0,Ke.jsx)("div",{className:`${Qe}-main`,ref:v,children:Vi()})]})})});wi.displayName="View";var be=ce.default.memo(wi);be.displayName="View";$("View",be,"view");var ue=require("@heswell/salt-lab"),Di=require("@salt-ds/icons");var xe=require("react/jsx-runtime"),rn=({className:e,contributions:t,collapsed:o,expanded:n,closeable:r,onEditTitle:i,orientation:s="horizontal",style:a,tearOut:l,title:c="Untitled"})=>{let p=(0,We.useRef)(null),[m,u]=(0,We.useState)(c),[d,h]=(0,We.useState)(!1),g=nn(),y=(C,k)=>g==null?void 0:g({type:k},C),f=C=>g==null?void 0:g({type:"remove"},C),b="vuuHeader",R=C=>{var k;(k=p.current)==null||k.focus()},E=C=>{C.stopPropagation()},x=(0,vi.default)(b,e,`${b}-${o||s}`),v=()=>{h(!0)},T=C=>{C.key==="Enter"&&h(!0)},L=(C="",k="",V=!0,N=!1)=>{var q;h(!1),N?u(C):k!==C&&(u(k),i==null||i(k)),V===!1&&((q=p.current)==null||q.focus())},M=C=>{g==null||g({type:"mousedown"},C)},D=[],S=[],P=[];return c&&D.push((0,xe.jsx)(ue.ToolbarField,{className:"vuuHeader-title",children:(0,xe.jsx)(ue.EditableLabel,{editing:d,value:m,onChange:u,onMouseDownCapture:R,onEnterEditMode:v,onExitEditMode:L,onKeyDown:T,ref:p,tabIndex:0},"title")},"title")),t==null||t.forEach((C,k)=>{S.push(We.default.cloneElement(C.content,{key:k}))}),r&&P.push((0,xe.jsxs)(ue.ToolbarButton,{onClick:f,onMouseDown:E,children:[(0,xe.jsx)(Di.CloseIcon,{})," Close"]},"close")),S.length>0&&D.push((0,xe.jsx)(ue.Tooltray,{"data-align-end":!0,children:S},"contributions")),P.length>0&&D.push((0,xe.jsx)(ue.Tooltray,{"data-align-end":!0,children:P},"actions")),(0,xe.jsx)(ue.Toolbar,{className:x,orientation:s,style:a,onMouseDown:M,children:D})};var Kt=require("@heswell/salt-lab"),Ti=require("@vuu-ui/vuu-utils"),sn=O(require("classnames")),jt=require("react");var Jt=require("react/jsx-runtime"),yl=e=>{let t=e.cloneNode(!0);return t.id="",delete t.dataset.idx,t},an=(0,jt.memo)(({className:e,children:t,idx:o,resizeable:n,header:r,closeable:i,...s})=>(0,Jt.jsx)(Kt.ListItem,{className:(0,sn.default)("vuuPaletteItem",e),"data-icon":"grab-handle",...s}));an.displayName="PaletteItem";var Pi=({children:e,className:t,orientation:o="horizontal",...n})=>{let r=J(),i="vuuPalette";function s(a){var x;let c=a.target.closest(".vuuPaletteItem"),p=parseInt((x=c.dataset.idx)!=null?x:"-1");p!==-1&&console.log({children:e,idx:p,listItemElement:c});let{props:{caption:m,children:u,template:d,...h}}=e[p],{height:g,left:y,top:f,width:b}=c.getBoundingClientRect(),R=(0,Ti.uuid)(),w=d?u:(0,Jt.jsx)(be,{...{id:R,key:R},...h,title:h.label,children:u});r({dragRect:{left:y,top:f,right:y+b,bottom:f+150,width:b,height:g},dragElement:yl(c),evt:a.nativeEvent,instructions:{DoNotRemove:!0,DoNotTransform:!0,RemoveDraggableOnDragEnd:!0,dragThreshold:10},path:"*",payload:w,type:"drag-start"})}return(0,Jt.jsx)(Kt.List,{...n,borderless:!0,className:(0,sn.default)(i,t,`${i}-${o}`),maxHeight:800,selected:null,children:e.map((a,l)=>a.type===an?(0,jt.cloneElement)(a,{key:l,onMouseDown:s}):a)})};$("Palette",Pi,"view");var eo=require("@heswell/salt-lab"),Li=require("@vuu-ui/vuu-utils"),Mi=O(require("classnames"));var Qt=require("react/jsx-runtime"),bl="vuuPalette",xl=e=>{let{children:t,ViewProps:o,label:n,onMouseDown:r,template:i,...s}=e,a=J();return(0,Qt.jsx)(eo.ListItem,{onMouseDown:c=>{let{left:p,top:m,width:u}=c.currentTarget.getBoundingClientRect(),d=(0,Li.uuid)(),g=i?t:(0,Qt.jsx)(be,{...{id:d,key:d},...o,title:e.label,children:t});a({type:"drag-start",evt:c.nativeEvent,path:"*",payload:g,instructions:{DoNotRemove:!0,DoNotTransform:!0,RemoveDraggableOnDragEnd:!0,dragThreshold:10},dragRect:{left:p,top:m,right:p+u,bottom:m+150,width:u,height:100}})},...s,children:n})},Ci=({className:e,...t})=>(0,Qt.jsx)(eo.List,{...t,className:(0,Mi.default)(bl,e),height:"100%",selectionStrategy:"none"});$("PaletteSalt",Ci,"view");var Ai=require("@salt-ds/core"),Ii=O(require("classnames")),Ae=require("@heswell/salt-lab"),Re=O(require("react"));var _e=require("react/jsx-runtime"),zi="Tabs",Rl=(e,t)=>{},El=(e,t)=>{var o,n;return(n=(o=e.props)==null?void 0:o.title)!=null?n:`Tab ${t+1}`},Sl=e=>{let t=[];return Re.default.Children.forEach(e,o=>{Re.default.isValidElement(o)?t.push(o):console.warn("Stack has unexpected child element type")}),t},to=(0,Re.forwardRef)(function({active:t=0,children:o,className:n,enableAddTab:r,enableCloseTabs:i,getTabIcon:s=Rl,getTabLabel:a=El,id:l,keyBoardActivation:c="manual",onMouseDown:p,onTabAdd:m,onTabClose:u,onTabEdit:d,onTabSelectionChanged:h,showTabs:g,style:y,TabstripProps:f},b){var S;let R=(0,Ai.useIdMemo)(l),E=P=>{h==null||h(P)},w=P=>{u==null||u(P)},x=()=>{m==null||m(Re.default.Children.count(o))},v=P=>{var N;let k=P.target.closest('[role^="tab"]'),V=k==null?void 0:k.getAttribute("role");if(V==="tab"){let q=parseInt((N=k.dataset.idx)!=null?N:"-1");if(q!==-1)p==null||p(P,q);else throw Error("Stack: mousedown on tab with unknown index")}else V==="tablist"&&console.log("Stack mousedown on tabstrip")},T=(0,Re.useCallback)((P,C,k,V)=>{d==null||d(V,C)},[d]),L=()=>{var P;return Re.default.isValidElement(o)?o:Array.isArray(o)&&(P=o[t])!=null?P:null},M=()=>Sl(o).map((P,C)=>{let k=`${R}-${C}`,{closeable:V,id:N}=P.props;return(0,_e.jsx)(Ae.Tab,{ariaControls:`${k}-tab`,"data-icon":s(P,C),draggable:!0,id:k,label:a(P,C),closeable:V,editable:(f==null?void 0:f.enableRenameTab)!==!1},N!=null?N:C)}),D=L();return(0,_e.jsxs)("div",{className:(0,Ii.default)(zi,n,{[`${zi}-horizontal`]:(f==null?void 0:f.orientation)==="vertical"}),style:y,id:R,ref:b,children:[g?(0,_e.jsx)(Ae.Toolbar,{className:"vuuTabHeader vuuHeader",orientation:f==null?void 0:f.orientation,children:(0,_e.jsx)(Ae.ToolbarField,{disableFocusRing:!0,"data-collapsible":"dynamic","data-priority":"3",style:{alignSelf:"flex-end"},children:(0,_e.jsx)(Ae.Tabstrip,{...f,enableRenameTab:(f==null?void 0:f.enableRenameTab)!==!1,enableAddTab:r,enableCloseTab:i,keyBoardActivation:c,onActiveChange:E,onAddTab:x,onCloseTab:w,onExitEditMode:T,onMouseDown:v,activeTabIndex:(S=f==null?void 0:f.activeTabIndex)!=null?S:D===null?-1:t,children:M()})})}):null,D]})});to.displayName="Stack";var Oi=require("@salt-ds/core"),no=O(require("react"));var oo=require("react/jsx-runtime"),wl=e=>(0,oo.jsx)(be,{resizeable:!0,title:`Tab ${e}`,style:{flexGrow:1,flexShrink:0,flexBasis:0},header:!0,closeable:!0,children:(0,oo.jsx)(wt,{style:{flex:1}})}),ln=e=>{let t=(0,no.useRef)(null),o=J(),{loadState:n,saveState:r}=$e(),{createNewChild:i=wl,id:s,onTabSelectionChanged:a,path:l,...c}=e,{children:p}=e,m=(0,Oi.useIdMemo)(s),[u]=xt(m,t,l);return(0,oo.jsx)(to,{...c,id:m,getTabLabel:(R,E)=>{let{id:w,title:x}=R.props;return n(w,"view-title")||x||`Tab ${E+1}`},onMouseDown:async(R,E)=>{let w;await u({type:"mousedown",index:E,preDragActivity:async()=>new Promise(T=>{console.log("preDragActivity: Ok, gonna release the drag"),w=T})},R)&&(w==null||w(void 0))},onTabAdd:(R,E=no.default.Children.count(p))=>{if(l){console.log("[StackLayout] handleTabAdd");let w=i(E);console.log({component:w}),o({type:"add",path:l,component:w})}},onTabClose:R=>{if(Array.isArray(p)){let{props:{"data-path":E,path:w=E}}=p[R];o({type:"remove",path:w})}},onTabEdit:(R,E)=>{o({type:"set-title",path:`${l}.${R}`,title:E})},onTabSelectionChanged:R=>{console.log(`StackLayout handleTabSelection nextTab = ${R}`),l&&(o({type:"switch-tab",path:l,nextIdx:R}),a==null||a(R))},ref:t})};ln.displayName="Stack";$("Stack",ln,"container");var je=O(require("react"));var Ge=require("react/jsx-runtime"),vl=({children:e})=>{let[o,n]=(0,je.useState)(e),[r,i]=(0,je.useState)(e),s=l=>{let c=fo(o,l);i(c)},a=(l,c)=>{console.log(`change ${l} -> ${c}`);let p=je.default.cloneElement(r,{style:{...r.props.style,[l]:c}});i(p),n(je.default.cloneElement(o,null,p))};return(0,Ge.jsxs)("div",{"data-design-mode":`${!1}`,children:[o,(0,Ge.jsx)("br",{}),(0,Ge.jsxs)("div",{style:{display:"flex"},children:[(0,Ge.jsx)(cn,{height:300,managedStyle:r.props.style,width:300,onChange:a}),(0,Ge.jsx)(un,{layout:o,onSelect:s,style:{width:300,height:300,backgroundColor:"#ccc"}})]})]})};var fe=require("@heswell/salt-lab"),H=require("react/jsx-runtime"),mn={},Dl={margin:{top:"marginTop",right:"marginRight",bottom:"marginBottom",left:"marginLeft"},border:{top:"borderTopWidth",right:"borderRightWidth",bottom:"borderBottomWidth",left:"borderLeftWidth"},padding:{top:"paddingTop",right:"paddingRight",bottom:"paddingBottom",left:"paddingLeft"}},pn=({feature:e,children:t,style:o,onChange:n})=>(0,H.jsxs)("div",{className:`LayoutBox layout-${e} layout-outer`,children:[(0,H.jsxs)("div",{className:"layout-top",children:[(0,H.jsx)("span",{className:"layout-title",children:e}),(0,H.jsx)(fe.FormField,{className:"layout-input",style:{width:30},children:(0,H.jsx)(fe.Input,{value:o.top,onChange:(r,i)=>n(e,"top",i)})})]}),(0,H.jsxs)("div",{className:"layout-inner",children:[(0,H.jsx)("div",{className:"layout-left",children:(0,H.jsx)(fe.FormField,{className:"layout-input",style:{width:30},children:(0,H.jsx)(fe.Input,{value:o.left,onChange:(r,i)=>n(e,"left",i)})})}),t,(0,H.jsx)("div",{className:"layout-right",children:(0,H.jsx)(fe.FormField,{className:"layout-input",style:{width:30},children:(0,H.jsx)(fe.Input,{value:o.right,onChange:(r,i)=>n(e,"right",i)})})})]}),(0,H.jsx)("div",{className:"layout-bottom",children:(0,H.jsx)(fe.FormField,{className:"layout-input",style:{width:30},children:(0,H.jsx)(fe.Input,{value:o.bottom,onChange:(r,i)=>n(e,"bottom",i)})})})]}),Tl={margin:!0,marginTop:!0,marginRight:!0,marginBottom:!0,marginLeft:!0},Pl={padding:!0,paddingTop:!0,paddingRight:!0,paddingBottom:!0,paddingLeft:!0},Ll={border:!0,borderColor:!0,borderWidth:!0,borderTopWidth:!0,borderRightWidth:!0,borderBottomWidth:!0,borderLeftWidth:!0},ro="(\\d+)(?:px)?",Ml=`^(?:${ro}(?:\\s${ro}(?:\\s${ro}(?:\\s${ro})?)?)?)$`,ki=new RegExp(Ml),Cl=/^(?:(\d+)(?:px)\ssolid\s([a-zA-Z,0-9().]+))$/,cn=({height:e,managedStyle:t,onChange:o,style:n,width:r})=>{let i=Bi(t),s=(R,E,w)=>{let x=parseInt(w||"0",10),v=Dl[R][E];o(v,x)},{marginTop:a=0,marginRight:l=0,marginBottom:c=0,marginLeft:p=0}=i,{borderTopWidth:m=0,borderRightWidth:u=0,borderBottomWidth:d=0,borderLeftWidth:h=0}=i,{paddingTop:g=0,paddingRight:y=0,paddingBottom:f=0,paddingLeft:b=0}=i;return(0,H.jsx)("div",{className:"LayoutConfigurator",style:{width:r,height:e,...n},children:(0,H.jsx)(pn,{feature:"margin",style:{top:a,right:l,bottom:c,left:p},onChange:s,children:(0,H.jsx)(pn,{feature:"border",style:{top:m,right:u,bottom:d,left:h},onChange:s,children:(0,H.jsx)(pn,{feature:"padding",style:{top:g,right:y,bottom:f,left:b},onChange:s,children:(0,H.jsx)("div",{className:"layout-content"})})})})})};function zl(e=mn,t=mn){let{margin:o,marginTop:n,marginRight:r,marginBottom:i,marginLeft:s,padding:a,paddingTop:l,paddingRight:c,paddingBottom:p,paddingLeft:m,...u}=e;if(typeof o=="number")u.marginTop=u.marginRight=u.marginBottom=u.marginLeft=o;else if(typeof o=="string"){let d=ki.exec(o);if(d===null)console.error(`Invalid css value for margin '${o}'`);else{let[,h,g,y,f]=d,b=h&&g&&y;b&&f?(u.marginTop=parseInt(h,10),u.marginRight=parseInt(g,10),u.marginBottom=parseInt(y,10),u.marginLeft=parseInt(f,10)):b?(u.marginTop=parseInt(h,10),u.marginRight=u.marginLeft=parseInt(g,10),u.marginBottom=parseInt(y,10)):h&&g?(u.marginTop=u.marginBottom=parseInt(h,10),u.marginRight=u.marginLeft=parseInt(g,10)):u.marginTop=u.marginRight=u.marginBottom=u.marginLeft=parseInt(h,10)}}if(typeof n=="number"&&(u.marginTop=n),typeof r=="number"&&(u.marginRight=r),typeof i=="number"&&(u.marginBottom=i),typeof s=="number"&&(u.marginLeft=s),typeof a=="number")u.paddingTop=u.paddingRight=u.paddingBottom=u.paddingLeft=a;else if(typeof a=="string"){let d=ki.exec(a);if(d===null)console.error(`Invalid css value for padding '${a}'`);else{let[,h,g,y,f]=d,b=h&&g&&y;b&&f?(u.paddingTop=parseInt(h,10),u.paddingRight=parseInt(g,10),u.paddingBottom=parseInt(y,10),u.paddingLeft=parseInt(f,10)):b?(u.paddingTop=parseInt(h,10),u.paddingRight=u.paddingLeft=parseInt(g,10),u.paddingBottom=parseInt(y,10)):h&&g?(u.paddingTop=u.paddingBottom=parseInt(h,10),u.paddingRight=u.paddingLeft=parseInt(g,10)):u.paddingTop=u.paddingRight=u.paddingBottom=u.paddinggLeft=parseInt(h,10)}}return typeof l=="number"&&(u.paddingTop=l),typeof c=="number"&&(u.paddingRight=c),typeof p=="number"&&(u.paddingBottom=p),typeof m=="number"&&(u.paddingLeft=m),Bi(u,t)}function Bi(e=mn){let t={...e},o,{border:n,borderWidth:r,borderTopWidth:i,borderRightWidth:s,borderBottomWidth:a,borderLeftWidth:l,borderColor:c,margin:p,marginTop:m,marginRight:u,marginBottom:d,marginLeft:h,padding:g,paddingTop:y,paddingRight:f,paddingBottom:b,paddingLeft:R,...E}=t,w={},x={};if(typeof p=="number"&&(t.marginTop=t.marginRight=t.marginBottom=t.marginLeft=p,w={marginTop:p,marginRight:p,marginBottom:p,marginLeft:p}),typeof g=="number"&&(t.paddingTop=t.paddingRight=t.paddingBottom=t.paddingLeft=g,x={paddingTop:g,paddingRight:g,paddingBottom:g,paddingLeft:g}),n||r||i||s||a||l){typeof n=="string"&&(o=Cl.exec(n))&&([,r,c]=o,r=parseInt(r,10)),r&&(i=i===void 0?r:i,s=s===void 0?r:s,a=a===void 0?r:a,l=l===void 0?r:l),c=c||"black";let v=`
+      `,document.body.insertBefore(t,e)}}var ot=class{constructor(){this.currentPath=null;this.tabMode=null;Es()}prepare(t,o="full-view"){document.body.classList.add("drawing"),this.currentPath=null,this.tabMode=o;let n=this.getPoints(0,0,0,0),r=Fn(n),i=document.getElementById("vuu-drop-outline");i==null||i.setAttribute("d",r),this.currentPath=r}clear(){tt=null,Lt(),document.body.classList.remove("drawing"),Te.hidePopup()}get hoverDropTarget(){return tt}getPoints(t,o,n,r,i=0,s=0,a=0){let l=this.tabMode==="tab-only";if(s===0)return[[t,o+a],[t,o+a],[t,o],[t+s,o],[t+s,o],[t+n,o],[t+n,o+r],[t,o+r]];if(l){let c=i;return[[c,o],[c,o],[c+s,o],[c+s,o],[c+s,o+a],[c+s,o+a],[c,o+a],[c,o+a]]}else return i===0?[[t,o+a],[t,o+a],[t,o],[t+s,o],[t+s,o+a],[t+n,o+a],[t+n,o+r],[t,o+r]]:[[t,o+a],[t+i,o+a],[t+i,o],[t+i,o],[t+i,o+a],[t+n,o+a],[t+n,o+r],[t,o+r]]}draw(t,o){let r=bo;if(tt!==null)this.drawTarget(tt);else if(bo=t.nextDropTarget!=null,t.pos.tab?Ss(t):te&&Lt(),this.drawTarget(t,o),bo){let[i,s,a]=go(t);{let l=(0,_n.jsx)(yo,{dropTarget:t,onHover:ys,orientation:a});Te.showPopup({left:i,top:s,component:l})}}else Te.hidePopup()}drawTarget(t,o){let r=t.getTargetDropOutline(6,o);if(r){let{l:i,t:s,r:a,b:l,tabLeft:c,tabWidth:p,tabHeight:m,guideLines:u}=r,f=a-i,h=l-s;if(this.currentPath){let E=document.getElementById("vuu-drop-outline");E==null||E.setAttribute("d",this.currentPath)}let g=this.getPoints(i,s,f,h,c,p,m),y=Fn(g),d=document.getElementById("hw-drop-outline-animate");d==null||d.setAttribute("to",y),d==null||d.beginElement(),this.currentPath=y;let b=document.getElementById("hw-drop-guides");b==null||b.setAttribute("d",Rs(u))}}},Vn="transition:margin-left .4s ease-out;margin-left: 63px",Wn="transition:margin-left .4s ease-out;margin-left: 0px";function Ss(e){var a,l;let{AFTER:t,BEFORE:o}=et,{clientRect:{Stack:n},pos:{tab:r}}=e,{id:i}=e.component.props,s=null;if(n&&r&&r.positionRelativeToTab!==t){let c=r.positionRelativeToTab===o?1:2,p=`:scope .hwTabstrip > .hwTabstrip-inner > .hwTab:nth-child(${r.index+c})`;s=(a=document.getElementById(i))==null?void 0:a.querySelector(p),s?(te===null||te!==s)&&(s.style.cssText=Vn,te&&(te.style.cssText=Wn),te=s):Lt()}else if((r==null?void 0:r.positionRelativeToTab)===o){if(te===null){let c=".vuuHeader-title";s=(l=document.getElementById(i))==null?void 0:l.querySelector(c),s.style.cssText=Vn,te=s}}else Lt()}function Lt(){te&&(te.style.cssText=Wn,te=null)}var de,nt,De,Un,Xn,we,Mt,Ue=null,Ro,Yn,rt,Zn,xo,Ct=null,Ts=3,At=new ot,Gn=.4;function Ds(e,t){return t?V(e,t):le(e,o=>o.dropTarget)}var It={handleMousedown(e,t,o={}){de=t,Yn=o,Un=e.clientX,Xn=e.clientY,xo=o.dragThreshold===void 0?Ts:o.dragThreshold,xo===0?de(e,0,0):(window.addEventListener("mousemove",kt,!1),window.addEventListener("mouseup",zt,!1),Ct=window.setTimeout(()=>{console.log("mousedownTimer fires"),window.removeEventListener("mousemove",kt,!1),window.removeEventListener("mouseup",zt,!1),de==null||de(e,0,0)},500)),e.preventDefault()},initDrag(e,t,{top:o,left:n,right:r,bottom:i},s,a,l,c){return{drag:nt,drop:De}=a,ws(e,t,{top:o,left:n,right:r,bottom:i},s,l,c)}};function kt(e){let n=e.clientX-Un,r=e.clientY-Xn;Math.max(Math.abs(n),Math.abs(r))>xo&&(window.removeEventListener("mousemove",kt,!1),window.removeEventListener("mouseup",zt,!1),de==null||de(e,n,r),de=null)}function zt(){Ct&&(window.clearTimeout(Ct),Ct=null),window.removeEventListener("mousemove",kt,!1),window.removeEventListener("mouseup",zt,!1)}function ws(e,t,o,n,r,i){we=Ds(e,t);let{"data-path":s,path:a=s}=D(we);i&&(Ro=i.map(u=>le(e,f=>f.id===u)).map(u=>u.props.path)),rt=_e.measure(we,i),console.log({_measurements:rt});let l=rt[a];Mt=new wt(l,n.x,n.y,o,r);let c=Math.round(Mt.x.mousePct*100),p=Math.round(Mt.y.mousePct*100);return window.addEventListener("mousemove",qn,!1),window.addEventListener("mouseup",Jn,!1),Zn=!1,At.prepare(o,"tab-only"),Yn.DoNotTransform?"transform:none":`transform:scale(${Gn},${Gn});transform-origin:${c}% ${p}%;`}function qn(e){let t=e.clientX,o=e.clientY,n=Mt,r=Ue,i,s,a;n.update("x",t)&&(s=n.x.pos),n.update("y",o)&&(a=n.y.pos),s===void 0&&a===void 0||nt==null||nt(s,a),!(Zn||we===void 0)&&(n.inBounds()?i=Pt(t,o,we,rt,n.hasIntrinsicSize(),Ro):i=Pt(n.dropX(),n.dropY(),we,rt),r&&(i==null||i.box!==r.box)&&(Ue=null),i&&(At.draw(i,n),Ue=i))}function Jn(){Ps()}function Ps(){if(Ue){let e=At.hoverDropTarget||me.getActiveDropTarget(Ue);De==null||De(e),Ue=null}else De==null||De({component:we,pos:{position:W.Absolute}});nt=null,De=null,we=void 0,At.clear(),Ro=void 0,window.removeEventListener("mousemove",qn,!1),window.removeEventListener("mouseup",Jn,!1)}var Kn=v(require("classnames")),jn=require("react");var er=require("react/jsx-runtime"),Eo=function(t){let o=(0,jn.useRef)();o.current=t;let{className:n,id:r,style:i}=t,s=(0,Kn.default)("DraggableLayout",n);return(0,er.jsx)("div",{className:s,id:r,style:i,children:t.children})},Qn="DraggableLayout";Eo.displayName=Qn;B(Qn,Eo,"container");var hr=require("@salt-ds/core"),gr=v(require("classnames")),yr=require("react");var dr=require("@vuu-ui/vuu-utils"),O=v(require("react"));var or=v(require("classnames"));var nr=require("react/jsx-runtime"),tr="vuuPlaceholder",it=({className:e,closeable:t,flexFill:o,resizeable:n,shim:r,...i})=>(0,nr.jsx)("div",{className:(0,or.default)(tr,e,{[`${tr}-shim`]:r}),...i,"data-placeholder":!0,"data-resizeable":!0});it.displayName="Placeholder";B("Placeholder",it);var rr=v(require("classnames")),_=v(require("react"));var So=require("react/jsx-runtime"),ir=_.default.memo(function({column:t,index:o,onDrag:n,onDragEnd:r,onDragStart:i,style:s}){let a=(0,_.useRef)(),l=(0,_.useRef)(null),c=(0,_.useRef)(0),[p,m]=(0,_.useState)(!1),u=(0,_.useCallback)(({key:x,shiftKey:T})=>{let L=T?10:1;t&&x==="ArrowDown"?n(o,L):t&&x==="ArrowUp"||!t&&x==="ArrowLeft"?n(o,-L):!t&&x==="ArrowRight"&&n(o,L)},[t,o,n]),f=(0,_.useCallback)(x=>{let{key:T}=x;(t&&(T==="ArrowUp"||T==="ArrowDown")||!t&&(T==="ArrowLeft"||T==="ArrowRIght"))&&(i(o),u(x),h.current=u)},[t,u,o,i]),h=(0,_.useRef)(f),g=x=>h.current(x),y=(0,_.useCallback)(x=>{a.current=!0;let T=x[t?"clientY":"clientX"],L=T-c.current;T&&T!==c.current&&n(o,L),c.current=T},[t,o,n]),d=(0,_.useCallback)(()=>{var x;window.removeEventListener("mousemove",y,!1),window.removeEventListener("mouseup",d,!1),r(),m(!1),(x=l.current)==null||x.focus()},[y,r,m]),b=(0,_.useCallback)(x=>{c.current=t?x.clientY:x.clientX,i(o),window.addEventListener("mousemove",y,!1),window.addEventListener("mouseup",d,!1),x.preventDefault(),m(!0)},[t,y,d,o,i,m]),E=()=>{var x;a.current?a.current=!1:(x=l.current)==null||x.focus()},R=()=>{h.current=f},S=(0,rr.default)("Splitter","focusable",{active:p,column:t});return(0,So.jsx)("div",{className:S,"data-splitter":!0,ref:l,role:"separator",style:s,onBlur:R,onClick:E,onKeyDown:g,onMouseDown:b,tabIndex:0,children:(0,So.jsx)("div",{className:"grab-zone"})})});var Do=require("@vuu-ui/vuu-utils"),wo=v(require("react"));var vs={"data-placeholder":!0,"data-resizeable":!0},Bt={},Pe="auto",To={flexBasis:0,flexGrow:1,flexShrink:1,height:Pe,width:Pe},sr={height:"width",width:"height"},ar=(e="row")=>e==="row"?["width","height","column"]:["height","width","row"],Ls=e=>typeof e=="string"&&e.endsWith("%"),J=e=>{let{style:{width:t=Pe,height:o=Pe}=Bt}=e.props,n=typeof o=="number",r=typeof t=="number";return n&&r?{height:o,width:t}:n?{height:o}:r?{width:t}:void 0};function Po(e,t,o){let n=sr[t],{style:{[n]:r=Pe,...i}=Bt}=e.props;return o&&o[t]?{...i,...To,flexBasis:o[t],flexGrow:0,flexShrink:0}:{...i,...To,[n]:r}}function lr(e){let{style:{flex:t,flexGrow:o,flexShrink:n,flexBasis:r}=Bt}=e.props;return typeof t=="number"||r===0&&o===1&&n===1?!0:typeof r!="number"}function vo(e,t,o){let n=sr[t],{style:{[t]:r=Pe,[n]:i=Pe,...s}=Bt}=e.props;return r!==Pe?Ls(r)?{flexBasis:0,flexGrow:1,flexShrink:1,[t]:void 0,[n]:i}:{flexBasis:r,flexGrow:0,flexShrink:0,[t]:r,[n]:i}:o&&o[t]?{...s,...To,flexBasis:o[t],flexGrow:0,flexShrink:0}:{...s,[n]:i}}function st(e,t,o,n,r){let i=[],s=0,a;if(n&&r){let p,[m,u,f,h]=r;[p,a]=t==="column"?[u-n.top,n.bottom-h]:[m-n.left,n.right-f],p&&i.push(ce(`${o}.${s++}`,p,{flexGrow:0,flexShrink:0}))}else a=!0;let{version:l=0,style:c}=D(e);return i.push($(e,`${o}.${s++}`,{version:l+1,style:{...c,flexBasis:"auto",flexGrow:0,flexShrink:0}})),a&&i.push(ce(`${o}.${s++}`,0,void 0,{[`data-${t}-placeholder`]:!0})),Lo(t,{resizeable:!1,style:{flexBasis:"auto"}},i,o)}var Ms=(e,t)=>{if(!t)return e===0?1:0};function Lo(e,t,o,n){let r=(0,Do.uuid)(),{flexFill:i,style:s,resizeable:a=!0}=t,{flexBasis:l=i?void 0:"auto"}=s,c=Ms(l,i);return wo.default.createElement(ue.Flexbox,{id:r,key:r,path:n,flexFill:i,style:{...s,flexDirection:e,flexBasis:l,flexGrow:c,flexShrink:c},resizeable:a},o)}var Cs={flexGrow:1,flexShrink:1};function ce(e,t,o,n){let r=(0,Do.uuid)();return wo.default.createElement("div",{...vs,...n,"data-path":e,id:r,key:r,style:{...Cs,...o,flexBasis:t}})}var As={},at=1,lt=2,ks=e=>typeof e.intrinsicSize=="number",zs=(e,t)=>{let o={};return e.forEach(n=>{o[n]=w(t,n)}),o},Ot=(e,t,o)=>e.map((n,r)=>{var l;let i=w(n,"resizeable"),{[t]:s}=(l=J(n))!=null?l:As,a=lr(n);return o?{index:r,flexOpen:a,intrinsicSize:s,resizeable:i,...zs(o,n)}:{index:r,flexOpen:a,intrinsicSize:s,resizeable:i}}),cr=e=>{let t=e.length,o=e.every(ks),n=Array(t).fill(0);if(o&&(n[0]=lt,n[t-1]=lt),t<2)return n;for(let r=0,i=0;r<t-1;r++)e[r].resizeable&&!i&&(i=at),n[r]+=i;for(let r=t-1;r>0&&(n[r]&at&&(n[r]-=at),!e[r].resizeable);r--);return n},pr=(e,t)=>{let o=Bs(e,t),n=Os(e,t),r=o!==-1&&n!==-1?[o,n]:void 0,i=Is(e,r);return[r,i]};function Is(e,t){if(t){let o=[];for(let n=0;n<e.length;n++)e[n].flexOpen&&!t.includes(n)&&o.push(n);return o}}function Bs(e,t){let o=t,n=!1;for(;o>=1&&!n;)o=o-1,n=ur(e,o);return o}function Os(e,t){let o=t,n=!1,r=e.length;for(;o<r&&!n;)o=o+1,n=ur(e,o);return o===r?-1:o}function ur(e,t){let{placeholder:o,splitter:n,resizeable:r,intrinsicSize:i}=e[t];return Boolean(!n&&!i&&(o||r))}var Hs=e=>!e.splitter&&!e.placeholder,fr=({children:e,onSplitterMoved:t,style:o})=>{let n=(0,O.useRef)(null),r=(0,O.useRef)(),i=(0,O.useRef)(),s=(0,O.useRef)([]),[,a]=(0,O.useState)({}),l=y=>{i.current=y,a({})},c=(o==null?void 0:o.flexDirection)==="column",p=c?"height":"width",m=(0,O.useMemo)(()=>Array.isArray(e)?e:O.default.isValidElement(e)?[e]:[],[e]),u=(0,O.useCallback)(y=>{let{current:d}=r;if(d){let[b,E]=pr(d,y);b&&(b.forEach(R=>{var x;let S=(x=n.current)==null?void 0:x.childNodes[R];if(S){let{size:T,minSize:L}=Vs(S,p);d[R].currentSize=T,d[R].minSize=L}}),E&&E.forEach(R=>{var x;let S=(x=n.current)==null?void 0:x.childNodes[R];if(S){let{[p]:T}=S.getBoundingClientRect();d[R].flexBasis=T}}))}},[p]),f=(0,O.useCallback)((y,d)=>{i.current&&r.current&&l(Ns(i.current,r.current,d,p))},[p]),h=(0,O.useCallback)(()=>{let y=r.current;y&&(t==null||t(y.filter(Hs))),y==null||y.forEach(d=>{d.currentSize=void 0,d.flexBasis=void 0,d.flexOpen=!1})},[t]),g=(0,O.useCallback)(y=>O.default.createElement(ir,{column:c,index:y,key:`splitter-${y}`,onDrag:f,onDragEnd:h,onDragStart:u}),[f,h,u,c]);return(0,O.useMemo)(()=>{let[y,d]=$s(m,p,g,s.current);r.current=d,i.current=y},[m,g,p]),{content:i.current||[],rootRef:n}};function $s(e,t,o,n){let r=Ot(e,t),i=cr(r),s=[],a=[];for(let l=0;l<e.length;l++){let c=e[l];if(l===0&&i[l]&lt&&(s.push(mr(l)),a.push({placeholder:!0,shim:!0})),c.key==null){let p=n[l]||(n[l]=(0,dr.getUniqueId)());s.push(O.default.cloneElement(c,{key:p}))}else s.push(c);a.push(r[l]),l>0&&i[l]&lt?(s.push(mr(l)),a.push({placeholder:!0})):i[l]&at&&(s.push(o(s.length)),a.push({splitter:!0}))}return[s,a]}function Ns(e,t,o,n){return Fs(t,o)?e.map((i,s)=>{let a=t[s],{currentSize:l,flexOpen:c,flexBasis:p}=a,m=l!==void 0;if(m||c){let{flexBasis:u}=i.props.style||{},f=m?a.currentSize:p;return f!==u?O.default.cloneElement(i,{style:{...i.props.style,flexBasis:f,[n]:"auto"}}):i}else return i}):e}function Fs(e,t){let o=[];e.forEach((p,m)=>{p.currentSize!==void 0&&o.push(m)});let n=t<0?o[0]:o[1],{currentSize:r=0,minSize:i=0}=e[n];if(r===i)return!1;if(Math.abs(t)>r-i){let p=t<0?-1:1;t=Math.max(0,r-i)*p}let s=e[o[0]],{currentSize:a=0}=s;s.currentSize=a+t;let l=e[o[1]],{currentSize:c=0}=l;return l.currentSize=c-t,!0}function mr(e){return O.default.createElement(it,{shim:e===0,key:`placeholder-${e}`})}function Vs(e,t){let{[t]:o}=e.getBoundingClientRect(),r=getComputedStyle(e).getPropertyValue(`min-${t}`),i=r.endsWith("px")?parseInt(r,10):0;return{size:o,minSize:i}}var xr=require("react/jsx-runtime"),Mo="hwFlexbox",br=(0,yr.forwardRef)(function(t,o){let{breakPoints:n,children:r,column:i,className:s,flexFill:a,gap:l,fullPage:c,id:p,onSplitterMoved:m,resizeable:u,row:f,spacing:h,splitterSize:g,style:y,...d}=t,{content:b,rootRef:E}=fr({children:r,onSplitterMoved:m,style:y}),R=(0,gr.default)(Mo,s,{[`${Mo}-column`]:i,[`${Mo}-row`]:f,"flex-fill":a,"full-page":c});return(0,xr.jsx)("div",{...d,className:R,"data-resizeable":u||void 0,id:p,ref:(0,hr.useForkRef)(E,o),style:{...y,gap:l,"--spacing":h},children:b})});br.displayName="Flexbox";var Ht=br;var Ur=require("react");var ze={ADD:"add",BLUR:"blur",BLUR_SPLITTER:"blur-splitter",DRAG_START:"drag-start",DRAG_STARTED:"drag-started",DRAG_DROP:"drag-drop",FOCUS:"focus",FOCUS_SPLITTER:"focus-splitter",INITIALIZE:"initialize",MAXIMIZE:"maximize",MINIMIZE:"minimize",REMOVE:"remove",REPLACE:"replace",RESTORE:"restore",SAVE:"save",SET_TITLE:"set-title",SPLITTER_RESIZE:"splitter-resize",SWITCH_TAB:"switch-tab",TEAR_OUT:"tear-out"};var U=require("react");var Vo=v(require("react"));var Ho=require("@vuu-ui/vuu-utils"),Xe=v(require("react"));var Io=require("@vuu-ui/vuu-utils"),ve=v(require("react"));var Ie=require("react"),G=new Map,K=new Map,Co=e=>G.get(e),Ao=e=>G.has(e),ko=(e,t)=>G.set(e,t),Be=()=>{let e=(0,Ie.useCallback)((s,a)=>{let l=K.get(s);if(l)return a!==void 0&&l[a]!==void 0?l[a]:a!==void 0?void 0:l},[]),t=(0,Ie.useCallback)((s,a,l)=>{if(a===void 0)K.set(s,l);else if(K.has(s)){let c=K.get(s);K.set(s,{...c,[a]:l})}else K.set(s,{[a]:l})},[]),o=(0,Ie.useCallback)((s,a)=>{if(K.has(s)){if(a===void 0)K.delete(s);else if(K.get(s)[a]){let{[a]:c,...p}=K.get(s);Object.keys(p).length>0?K.set(s,p):K.delete(s)}}},[]),n=(0,Ie.useCallback)((s,a)=>{let l=G.get(s);if(l)return a!==void 0?l[a]:l},[]),r=(0,Ie.useCallback)((s,a,l)=>{if(a===void 0)G.set(s,l);else if(G.has(s)){let c=G.get(s);G.set(s,{...c,[a]:l})}else G.set(s,{[a]:l})},[]),i=(0,Ie.useCallback)((s,a)=>{if(G.has(s)){if(a===void 0)G.delete(s);else if(G.get(s)[a]){let{[a]:c,...p}=G.get(s);Object.keys(p).length>0?G.set(s,p):G.delete(s)}}},[]);return{loadSessionState:e,loadState:n,saveSessionState:t,saveState:r,purgeState:i,purgeSessionState:o}};var Rr=e=>e.flexDirection==="column"?["height","width"]:["width","height"],Ws={},ct=(e,t="0")=>{let[o,n]=Oo(P(e),e.props,t);return ve.default.cloneElement(e,o,n)},Bo=(e,t)=>{let o=P(e),[n,r]=Oo(o,e.props,"0",void 0,t);return(0,ve.cloneElement)(e,n,r)};function _s(e,t,o="0",n=null,r){var g,y;let{active:i=0,"data-path":s,path:a=s,id:l,style:c}=D(r),p=P(r)===e&&o===a,m=p?l:(g=t.id)!=null?g:(0,Io.uuid)(),u=e==="Stack"?(y=t.active)!=null?y:i:void 0,f=m,h=p?c:Us(e,t,n);return oo(e)?{id:m,key:f,path:o,style:h,type:e,active:u}:{id:m,key:f,style:h,"data-path":o}}function Oo(e,t,o,n=null,r){var c,p;let i=_s(e,t,o,n,r);if(t.layout&&!r)return[i,[$t(t.layout,`${o}.0`)]];let s=(p=r==null?void 0:r.children)!=null?p:(c=r==null?void 0:r.props)==null?void 0:c.children,l=t.dropTarget&&s?s:Gs(e,t.children,o,s);return[i,l]}function Gs(e,t,o="0",n){let r=Array.isArray(t)?t:ve.default.isValidElement(t)?[t]:[];return F(e)?r.map((i,s)=>{let a=P(i),l=P(n==null?void 0:n[s]);if(!l||a===l){let[c,p]=Oo(a,i.props,`${o}.${s}`,e,n==null?void 0:n[s]);return ve.default.cloneElement(i,c,p)}return n==null?void 0:n[s]}):t}var Us=(e,t,o)=>{let{style:n=Ws}=t;if(e==="Flexbox"&&(n={flexDirection:t.column?"column":"row",...n,display:"flex"}),n.flex){let{flex:r,...i}=n;n={...i,...Tt(typeof r=="number"?r:0)}}else o==="Stack"?n={...n,...Tt(1)}:o==="Flexbox"&&(n.width||n.height)&&n.flexBasis===void 0&&(n={...n,flexBasis:"auto",flexGrow:0,flexShrink:0});return n};function $t({id:e=(0,Io.uuid)(),type:t,children:o,props:n,state:r},i){let s=t.match(/^[a-z]/)?t:ue[t];if(s===void 0)throw Error(`layoutUtils unable to create component from JSON, unknown type ${t}`);return r&&ko(e,r),ve.default.createElement(s,{id:e,...n,key:e,path:i},o?o.map((a,l)=>$t(a,`${i}.${l}`)):void 0)}function Er(e){return Sr(e)}function Sr(e){let t=P(e),{id:o,children:n,type:r,...i}=D(e),s=Ao(o)?Co(o):void 0;return{id:o,type:t,props:Xs(i),state:s,children:ve.default.Children.map(n,Sr)}}function Xs(e){if(e){let{path:t,...o}=e,n={};for(let[r,i]of Object.entries(o))n[r]=zo(i);return n}}function zo(e){if(typeof e=="string"||typeof e=="number"||typeof e=="boolean")return e;if(Array.isArray(e))return e.map(zo);if(typeof e=="object"&&e!==null){let t={};for(let[o,n]of Object.entries(e))t[o]=zo(n);return t}}function Tr(e,t){var s;let o=e.props.children,n=o.length,{index:r=-1,positionRelativeToTab:i="after"}=t.tab||{};return r===-1||r>=n?[o[n-1],"after"]:[(s=o[r])!=null?s:null,i]}function Nt(e,t,o){let{active:n,children:r=[],path:i}=D(e),s=w(t,"path"),{idx:a,finalStep:l}=q(i,s,!0),[c,p]=l?Ys(e,r,o):[n,r==null?void 0:r.map((u,f)=>f===a?Nt(u,t,o):u)],m=P(e)==="Stack"?Array.isArray(c)?c[0]:c:n;return Xe.default.cloneElement(e,{active:m},p)}function Ys(e,t,o){let n=w(e,"path"),r=t==null?void 0:t.length,{id:i=(0,Ho.uuid)()}=D(o);return r?[r,t.concat($(o,`${n}.${r}`,{id:i,key:i}))]:[0,[$(o,`${n}.0`,{id:i})]]}function Ft(e,t,o,n,r,i,s){let{active:a,children:l,path:c}=D(e),p=w(t,"path"),{idx:m,finalStep:u}=q(c,p),[f,h]=u?Zs(e,l,m,o,n,r,i,s):[a,l.map((y,d)=>d===m?Ft(y,t,o,n,r,i,s):y)],g=P(e)==="Stack"?f:a;return Xe.default.cloneElement(e,{active:g},h)}function Zs(e,t,o,n,r,i,s,a){let l=J(n);return(l==null?void 0:l.width)&&(l==null?void 0:l.height)?Js(e,t,o,n,r,s,a):Dr(e,t,o,n,r,(i==null?void 0:i.width)||(i==null?void 0:i.height),s)}var qs=(e,t,{top:o,right:n,bottom:r,left:i},[s,a,l,c])=>{if(e==="column"&&t==="before")return a-o;if(e==="column")return r-c;if(e==="row"&&t==="before")return s-i;if(e==="row")return n-l};function Js(e,t,o,n,r,i,s){let{style:{flexDirection:a}}=D(e),[l,c,p]=ar(a),{[c]:m,[l]:u}=J(n),f=w(t[o],"path"),h=qs(a,r,i,s),[g,y]=m<i[c]?[st(n,p,f,i,s),u]:[n,void 0],d=h?ce(f,h,{flexGrow:0,flexShrink:0}):void 0;return m>i[c]&&(t=t.map(b=>{if(w(b,"placeholder"))return b;{let{[c]:E}=J(b);return E&&E<m?st(b,p,w(b,"path")):b}})),Dr(e,t,o,g,r,y,i,d)}function Dr(e,t,o,n,r,i,s,a){let l=w(e,"path"),c=0,p=!t||t.length===0?[n]:t.reduce((m,u,f)=>{if(o===f){let[h,g]=Ks(e,u,n,s);r==="before"?a?m.push(a,g,h):m.push(g,h):a?m.push(h,g,a):m.push(h,g),c=m.indexOf(g)}else m.push(u);return m},[]).map((m,u)=>u<c?m:$(m,`${l}.${u}`));return[c,p]}function Ks(e,t,o,n){let r=(0,Ho.uuid)(),{version:i=0}=D(o);if(i+=1,P(e)==="Flexbox"){let[s]=Rr(e.props.style),a=6,l={[s]:(n[s]-a)/2},c=vo(t,s,l),p=vo(o,s,l);return[Xe.default.cloneElement(t,{style:c}),Xe.default.cloneElement(o,{id:r,version:i,style:p})]}else{let{style:{left:s,top:a,flex:l,...c}={left:void 0,top:void 0,flex:void 0}}=D(o);return[t,Xe.default.cloneElement(o,{id:r,version:i,style:c})]}}var j={ADD:"add",DRAG_START:"drag-start",DRAG_DROP:"drag-drop",MAXIMIZE:"maximize",MINIMIZE:"minimize",REMOVE:"remove",REPLACE:"replace",RESTORE:"restore",SAVE:"save",SET_TITLE:"set-title",SPLITTER_RESIZE:"splitter-resize",SWITCH_TAB:"switch-tab",TEAROUT:"tearout"};var Le=v(require("react"));var pt=v(require("react"));function wr(e,{target:t,replacement:o}){return $o(e,t,o)}function $o(e,t,o){let n=w(t,"path"),r=w(t,"resizeable"),{style:i}=D(t),s=ct(pt.default.cloneElement(o,{resizeable:r,style:{...i,...o.props.style}}),n);return oe(e,t,s)}function oe(e,t,o,n){if(e===t)return o;let{idx:r,finalStep:i}=q(w(e,"path"),w(t,"path")),s=e.props.children.slice();return i?n?n===ze.MINIMIZE?s[r]=js(e,s[r]):n===ze.RESTORE&&(s[r]=Qs(s[r])):s[r]=o:s[r]=oe(s[r],t,o,n),pt.default.cloneElement(e,void 0,s)}function js(e,t){let{style:o}=D(e),{style:n}=D(t),{width:r,height:i,flexBasis:s,flexShrink:a,flexGrow:l,...c}=n,p={width:r,height:i,flexBasis:s,flexShrink:a,flexGrow:l},m={...c,flexBasis:0,flexGrow:0,flexShrink:0},u=o.flexDirection==="row"?"vertical":o.flexDirection==="column"?"horizontal":!1;return u?pt.default.cloneElement(t,{collapsed:u,restoreStyle:p,style:m}):t}function Qs(e){let{style:t,restoreStyle:o}=D(e),{flexBasis:n,flexShrink:r,flexGrow:i,...s}=t,a={...s,...o};return pt.default.cloneElement(e,{collapsed:!1,style:a,restoreStyle:void 0})}function No(e,{path:t}){let o=V(e,t),n=ae(e,t);if(n===null)return e;let{children:r}=D(n);if(r.length>1&&vr(r,t)){let{style:{flexBasis:i,display:s,flexDirection:a,...l}}=D(n),c=w(n,"path"),p=oe(e,n,ce(c,i,l));for(;(n=ae(p,c))&&w(n,"path")!=="0";){let{children:m}=D(n);if(vr(m)){c=w(n,"path");let{style:{flexBasis:u,display:f,flexDirection:h,...g}}=D(n);p=oe(e,n,ce(c,u,g))}else if(na(m))p=Cr(e,n);else break}return p}return Lr(e,o)}function Lr(e,t){let o=D(e),{children:n,path:r,preserve:i}=o,{active:s}=o,{idx:a,finalStep:l}=q(r,w(t,"path")),c=P(e),p=n.slice();if(l){if(p.splice(a,1),s!==void 0&&s>=a&&(s=Math.max(0,s-1)),p.length===1&&!i&&r!=="0"&&c.match(/Flexbox|Stack/))return ea(e,p[0]);!p.some(ta)&&p.some(Mr)&&(p=oa(p))}else p[a]=Lr(p[a],t);return p=p.map((m,u)=>$(m,`${r}.${u}`)),Le.default.cloneElement(e,{active:s},p)}function ea(e,t){let o=P(e),{path:n,style:{flexBasis:r,flexGrow:i,flexShrink:s,width:a,height:l}}=D(e),c=$(t,n);if(n==="0")c=Le.default.cloneElement(c,{style:{...t.props.style,width:a,height:l}});else if(o==="Flexbox"){let p=e.props.style.flexDirection==="column"?"height":"width",{style:{[p]:m,...u}}=c.props;c=Le.default.cloneElement(c,{flexFill:void 0,style:{...u,flexGrow:i,flexShrink:s,flexBasis:r,width:a,height:l}})}return c}var ta=e=>e.props.style.flexGrow>0,Mr=e=>{let{width:t,height:o,flexGrow:n}=e.props.style;return n===0&&typeof t!="number"&&typeof o!="number"},oa=e=>e.map(t=>Mr(t)?Le.default.cloneElement(t,{style:{...t.props.style,flexGrow:1}}):t),na=e=>{if(e&&e.length>0){let t=w(e[0],"placeholder"),o=!1;for(let n=1;n<e.length;n++){if(o=w(e[n],"placeholder"),t&&o)return!0;t=o}}},Cr=(e,t)=>{let{children:o,path:n}=D(e),{idx:r,finalStep:i}=q(n,w(t,"path")),s=o.slice();return i?s[r]=ra(t):s[r]=Cr(s[r],t),s=s.map((a,l)=>$(a,`${n}.${l}`)),Le.default.cloneElement(e,void 0,s)},ra=e=>{let{children:t}=D(e),o=[],n=[];for(let i=0;i<t.length;i++)w(t[i],"placeholder")?n.push(t[i]):(n.length===1?o.push(n.pop()):n.length>0&&(o.push(Pr(n)),n.length=0),o.push(t[i]));n.length===1?o.push(n.pop()):n.length>0&&o.push(Pr(n));let r=w(e,"path");return Le.default.cloneElement(e,void 0,o.map((i,s)=>$(i,`${r}.${s}`)))},Pr=([e,...t])=>{let o=w(e,"style"),{flexBasis:n,flexGrow:r,flexShrink:i}=o;for(let{props:{style:s}}of t)n+=s.flexBasis,r=Math.max(r,s.flexGrow),i=Math.max(i,s.flexShrink);return Le.default.cloneElement(e,{style:{...o,flexBasis:n,flexGrow:r,flexShrink:i}})},vr=(e,t)=>e.every(o=>w(o,"placeholder")||t&&w(o,"path")===t);var Fo=v(require("react"));function Ar(e,{path:t,sizes:o}){let n=V(e,t,!0),{children:r,style:i}=D(n),s=i.flexDirection==="column"?"height":"width",a=ia(r,o,s),l=Fo.default.cloneElement(n,void 0,a);return oe(e,n,l)}function ia(e,t,o){return e.map((n,r)=>{let{style:{[o]:i,flexBasis:s}}=D(n),a=t[r],{currentSize:l,flexBasis:c}=a,m=l!==void 0?a.currentSize:c;return m===void 0||i===m||s===m?n:Fo.default.cloneElement(n,{style:sa(n.props.style,o,m)})})}function sa(e,t,o){let n=typeof e[t]=="number",{flexShrink:r=1,flexGrow:i=1}=e;return{...e,[t]:n?o:"auto",flexBasis:n?"auto":o,flexShrink:r,flexGrow:i}}var kr=require("@vuu-ui/vuu-utils"),ut=v(require("react"));var zr=e=>{let[t]=P(e);return t===t.toLowerCase()};function mt(e,t,o,n,r,i){let{children:s,path:a}=D(e),l=w(t,"path"),{idx:c,finalStep:p}=q(a,l),m=p?aa(e,s,t,o,n,r,i):s.map((u,f)=>f===c?mt(u,t,o,n,r,i):u);return ut.default.cloneElement(e,void 0,m)}function aa(e,t,o,n,r,i,s){let a=J(n);if((a==null?void 0:a.width)&&(a==null?void 0:a.height)){if(i===void 0||s===void 0)throw Error("wrap-layout-element, updateChildren clientRect and dropRect must both be available");return ca(t,o,n,r,i,s)}return la(e,t,o,n,r)}function la(e,t,o,n,r){var x;let{version:i=0}=D(n),s=w(o,"path"),{type:a,flexDirection:l,showTabs:c}=Br(r),[p,m,u]=pa(a,o,n,l,r),f=Ir(r),h=f?1:0,g={resizeable:!0,style:u,version:i+1},d={[zr(o)?"data-resizeable":"resizeable"]:!0,style:m},b=a==="Stack"?{showTabs:c}:void 0,E=a==="Flexbox"?{splitterSize:(x=P(e)==="Flexbox"&&e.props.splitterSize)!=null?x:void 0}:void 0,R=(0,kr.uuid)(),S=ut.default.createElement(ue[a],{active:h,id:R,key:R,path:w(o,"path"),flexFill:w(o,"flexFill"),...E,...b,style:p,resizeable:w(o,"resizeable")},f?[$(o,`${s}.0`,d),ct(ut.default.cloneElement(n,g),`${s}.1`)]:[ct(ut.default.cloneElement(n,g),`${s}.0`),$(o,`${s}.1`,d)]);return t.map(T=>T===o?S:T)}function ca(e,t,o,n,r,i){let{flexDirection:s}=Br(n),a=s==="column"?"row":"column",l=Ir(n),[c,p,m,u]=i,[f,h]=s==="column"?[p-r.top,r.bottom-u]:[c-r.left,r.right-m],g=w(t,"path"),y=0,d=zr(t)?"data-resizeable":"resizeable",b=[];f&&b.push(l?$(t,`${g}.${y++}`,{[d]:!0,style:{flexBasis:f,flexGrow:1,flexShrink:1}}):ce(`${g}.${y++}`,f,{flexGrow:0,flexShrink:0})),b.push(st(o,a,`${g}.${y++}`,r,i)),h&&b.push(l?ce(`${g}.${y++}`,0):$(t,`${g}.${y++}`,{[d]:!0,style:{flexBasis:0,flexGrow:1,flexShrink:1}}));let E=Lo(s,t.props,b,g);return e.map(R=>R===t?E:R)}function pa(e,t,o,n,r){let i={...t.props.style,flexDirection:n},s=e==="Flexbox"&&n==="column"?"height":"width",a=Po(o,s,r),l=Po(t,s);return[i,l,a]}var Ir=e=>{var t;return e.position.SouthOrEast?!0:((t=e==null?void 0:e.tab)==null?void 0:t.positionRelativeToTab)==="before"?!1:!!e.position.Header};function Br(e){return e.position.Header?{type:"Stack",flexDirection:"column",showTabs:!0}:{type:"Flexbox",flexDirection:e.position.EastOrWest?"row":"column"}}var Nr=(e,t)=>{switch(t.type){case j.ADD:return ha(e,t);case j.DRAG_DROP:return fa(e,t);case j.MAXIMIZE:return da(e,t);case j.REMOVE:return No(e,t);case j.REPLACE:return wr(e,t);case j.SET_TITLE:return ma(e,t);case j.SPLITTER_RESIZE:return Ar(e,t);case j.SWITCH_TAB:return ua(e,t);default:return e}},ua=(e,{path:t,nextIdx:o})=>{let n=V(e,t,!0),r=Vo.default.cloneElement(n,{active:o});return oe(e,n,r)},ma=(e,{path:t,title:o})=>{let n=V(e,t,!0),r=Vo.default.cloneElement(n,{title:o});return oe(e,n,r)},da=(e,{path:t,type:o})=>{if(t){let n=V(e,t,!0);return oe(e,n,n,o)}else return e},fa=(e,t)=>{var h,g;console.log("drag drop");let{draggedReactElement:o,dragInstructions:n,dropTarget:r}=t,i=r.component,{pos:s}=r,a=((h=s==null?void 0:s.position)==null?void 0:h.Header)&&P(i)==="Stack",{id:l,version:c}=D(o),p=J(o),m;if(a){let[y,d]=Tr(i,s);y===void 0?m=Nt(e,i,o):m=Ft(e,y,o,d)}else!p&&((g=s==null?void 0:s.position)==null?void 0:g.Centre)?m=$o(e,i,o):m=ga(e,r,o);if(n.DoNotRemove)return m;let u=le(m,y=>y.id===l&&y.version===c),f=w(u,"path");return No(m,{path:f,type:"remove"})},ha=(e,{path:t,component:o})=>Nt(e,V(e,t),o),ga=(e,t,o)=>{let{component:n,pos:r,clientRect:i,dropRect:s}=t,a=w(n,"path");if(a==="0.0")return mt(e,n,o,r);let l=ae(e,a);if(Or(r,l)){let c=r.position.SouthOrEast?"after":"before";return Ft(e,n,o,c,r,i,s)}if(!Or(r,l))return mt(e,n,o,r,i,s);if(F(P(l)))return mt(e,n,o,r);throw Error(`no support right now for position = ${r.position}`)},Or=(e,t)=>e.position.Centre?$r(t)||Hr(t):e.position.NorthOrSouth?Hr(t):e.position.EastOrWest?$r(t):!1,Hr=e=>P(e)==="Flexbox"&&e.props.style.flexDirection==="column",$r=e=>P(e)==="Flexbox"&&e.props.style.flexDirection!=="column";var Fr=require("react"),ya=e=>console.log(`dispatch ${e.type}, have you forgotten to provide a LayoutProvider ?`),Ye=(0,Fr.createContext)({dispatchLayoutProvider:ya,version:-1});var fe=require("react");var ba={},Vr=[0,0],xa=(e,t,o)=>{let n=document.createElement("div");n.className="vuuSimpleDraggableWrapper",n.classList.add("vuuSimpleDraggableWrapper","salt-theme","salt-density-medium"),n.dataset.dragging="true";let r=o!=null?o:document.createElement("div");r.id=t,n.appendChild(r),document.body.appendChild(n);let i=`top:${e.top}px;left:${e.left}px;width:${e.width}px;height:${e.height}px;`;return[n,i,e.left,e.top]},Ra=e=>{let{offsetParent:t}=e;if(t===null)return Vr;{let{left:o,top:n}=t.getBoundingClientRect();return[o,n]}},Wr=(e,t)=>{let o=(0,fe.useRef)(),n=(0,fe.useRef)(),r=(0,fe.useRef)(),i=(0,fe.useCallback)((c,p)=>{if(n.current&&r.current){let{dragOffsets:[m,u],targetPosition:f}=n.current,h=typeof c=="number"?c-m:f.left,g=typeof p=="number"?p-u:f.top;(h!==f.left||g!==f.top)&&(n.current.targetPosition.left=h,n.current.targetPosition.top=g,r.current.style.top=g+"px",r.current.style.left=h+"px")}},[]),s=(0,fe.useCallback)(c=>{if(n.current){let{dragInstructions:p,payload:m,originalCSS:u}=n.current;t({type:"drag-drop",draggedReactElement:m,dragInstructions:p,dropTarget:c}),console.log("[useLayoutDragDrop]",{dragInstructions:p}),r.current&&(p.RemoveDraggableOnDragEnd?document.body.removeChild(r.current):(r.current.style.cssText=u,delete r.current.dataset.dragging)),o.current=void 0,n.current=void 0,r.current=void 0}},[t]),a=(0,fe.useCallback)(c=>{if(o.current){let{payload:p,dragContainerPath:m,dragElement:u,dragRect:f,instructions:h=ba,path:g}=o.current,{current:y}=e,d={x:c.clientX,y:c.clientY},b=p!=null?p:V(y,g,!0),{id:E}=b.props,R=J(b),S="",x="",T="",L=-1,A=-1,N=Vr,M=document.getElementById(E);if(M===null)[M,x,L,A]=xa(f,E,u);else{N=Ra(M);let[H,C]=N,{width:k,height:I,left:Q,top:X}=M.getBoundingClientRect();L=Q-H,A=X-C,x=`width:${k}px;height:${I}px;left:${L}px;top:${A}px;z-index: 100;background-color:#ccc;opacity: 0.6;`,M.dataset.dragging="true",S=M.style.cssText}T=It.initDrag(e.current,m,f,d,{drag:i,drop:s},R),M.style.cssText=x+T,r.current=M,n.current={payload:b,originalCSS:S,dragRect:f,dragOffsets:N,dragInstructions:h,targetPosition:{left:L,top:A}}}},[i,s,e]);return(0,fe.useCallback)(c=>{let{evt:p,...m}=c;console.log("prepare to drag",{options:m}),o.current={...m,dragContainerPath:""},It.handleMousedown(p,a,m.instructions)},[a])};var Wo=require("react/jsx-runtime"),_r=e=>e.dropTarget,Ea=e=>["drag-drop","remove","set-title","splitter-resize","switch-tab"].includes(e.type),Sa=()=>{let e=Gr();return(0,Wo.jsx)("div",{children:`Context: ${e} `})},Ta=e=>{let{children:t,layout:o,onLayoutChange:n}=e,r=(0,U.useRef)(void 0),i=(0,U.useRef)(t),[,s]=(0,U.useState)(null),a=(0,U.useCallback)(m=>{if(n){let u=le(m,_r)||r.current,h=P(u)==="DraggableLayout"?D(u).children[0]:u,g=Er(h);n(g,"drag-root")}},[n]),l=(0,U.useCallback)((m,u=!1)=>{let f=Nr(r.current,m);f!==r.current&&(r.current=f,s({}),!u&&Ea(m)&&a(f))},[a]),c=(0,U.useCallback)(m=>{switch(m.type){case"drag-start":{p(m);break}case"save":{a(r.current);break}default:{l(m);break}}},[l,a]),p=Wr(r,c);return(0,U.useEffect)(()=>{if(o){let m=le(r.current,_r),u=so(m),f=$t(o,`${m.props.path}.0`),h=u?{type:j.REPLACE,target:u,replacement:f}:{type:j.ADD,path:m.props.path,component:f};l(h,!0)}},[l,o]),r.current===void 0?r.current=Bo(t):t!==i.current&&(r.current=Bo(t,r.current),i.current=t),(0,Wo.jsx)(Ye.Provider,{value:{dispatchLayoutProvider:c,version:0},children:r.current})},Y=()=>{let{dispatchLayoutProvider:e}=(0,U.useContext)(Ye);return e},Gr=()=>{console.log({LayoutProviderContext:Ye});let{version:e}=(0,U.useContext)(Ye);return e};var Xr=require("react/jsx-runtime"),_o=function(t){let{path:o}=t,n=Y(),r=(0,Ur.useCallback)(i=>{n({type:ze.SPLITTER_RESIZE,path:o,sizes:i})},[n,o]);return(0,Xr.jsx)(Ht,{...t,onSplitterMoved:r})};_o.displayName="Flexbox";B("Flexbox",_o,"container");var ei=require("@salt-ds/core"),ti=v(require("classnames")),oi=require("react");var ne=require("react");var He=require("react"),Da=["height","width"],wa=["height"],Pa=["width"],Oe=new WeakMap,Zr=(e,t,o)=>{switch(o){case"height":return t.height;case"scrollHeight":return e.scrollHeight;case"scrollWidth":return e.scrollWidth;case"width":return t.width;default:return 0}},Yr=new ResizeObserver(e=>{for(let t of e){let{target:o,contentRect:n}=t,r=Oe.get(o);if(r){let{onResize:i,measurements:s}=r,a=!1;for(let[l,c]of Object.entries(s)){let p=Zr(o,n,l);p!==c&&(a=!0,s[l]=p)}a&&i&&i(s)}}});function Go(e,t,o,n=!1){let r=(0,He.useRef)(t),i=(0,He.useCallback)(s=>{let a=s.getBoundingClientRect();return r.current.reduce((l,c)=>(l[c]=Zr(s,a,c),l),{})},[]);(0,He.useLayoutEffect)(()=>{let s=e.current,a=!1;async function l(){Oe.set(s,{measurements:{}}),a=!1;let{fonts:c}=document;if(c&&await c.ready,!a){let p=Oe.get(s);if(p){let m=i(s);p.measurements=m,Yr.observe(s),n&&o(m)}}}if(s){if(Oe.has(s))throw Error("useResizeObserver attemping to observe same element twice");l()}return()=>{s&&Oe.has(s)&&(Yr.unobserve(s),Oe.delete(s),a=!0)}},[e,i]),(0,He.useLayoutEffect)(()=>{let s=e.current,a=Oe.get(s);if(a){if(r.current!==t){r.current=t;let l=i(s);a.measurements=l}a.onResize=o}},[t,i,e,o])}function va(e,t){let o=document.body.querySelector(`.${e}`),n={get:function(r,i){let s=r.getPropertyValue(`--${e}-breakpoint-${i}`);return s?parseInt(s):void 0}};return o?new Proxy(getComputedStyle(o),n):t!=null?t:{}}var La=([,e],[,t])=>t-e,Xo=e=>Object.entries(e).sort(La).map(([t,o],n,r)=>[t,o,n<r.length-1?r[n+1][1]:9999]),Uo=null,Ma=(e="salt")=>{let{xs:t,sm:o,md:n,lg:r,xl:i}=va(e);return Xo({xs:t,sm:o,md:n,lg:r,xl:i})},qr=e=>(Uo===null&&(Uo=Ma(e)),Uo);var Ca=[],Yo=({breakPoints:e,smallerThan:t},o)=>{let[n,r]=(0,ne.useState)(t?!1:"lg"),i=(0,ne.useRef)(document.body),s=(0,ne.useRef)(e?Xo(e):qr()),a=(0,ne.useRef)("lg"),l=(0,ne.useCallback)(p=>{if(s.current){for(let[m,u]of s.current)if(p>=u)return m}},[s]),c=(0,ne.useCallback)(p=>{if(t){let m=s.current.find(([u])=>u===t);if(m){let[,,u]=m;return p<u}}else return l(p);return p},[t,l]);return Go(o||i,s.current?["width"]:Ca,({width:p})=>{let m=c(p);m!==a.current&&(a.current=m,r(m))},!0),(0,ne.useEffect)(()=>{let p=o||i;if(p.current){let m=a.current;if(s.current){let{clientWidth:u}=p.current,f=c(u);a.current=f,f!==m&&r(f)}}},[r,c,o]),n};var Jr="data-collapsible",Aa={[Jr]:!0,"data-pad-start":!0,"data-pad-end":!0},Kr=e=>{var t;return(t=Aa[e])!=null?t:!1},ka=e=>e===Jr,za={dynamic:"dynamic",instant:"instant",true:"instant"},Ia=e=>{var t;return(t=za[e])!=null?t:"none"},Ba=e=>Object.keys(e).reduce((t,o)=>{let[n,r]=t;if(Kr(o)){let i=ka(o)?Ia(e[o]):e[o];n[o]=i,r[o]=void 0}return t},[{},{}]);var jr=require("@vuu-ui/vuu-utils"),Z=require("react");var Oa=["xs","sm","md","lg","xl"],Ha=12,Qr=({children:e,cols:t,style:o})=>{let n=(0,Z.useRef)(null),r=(0,Z.useRef)(null),i=(0,Z.useRef)(),s=t!=null?t:Ha,l=(o==null?void 0:o.flexDirection)==="column"?"height":"width",c=(0,Z.useMemo)(()=>Array.isArray(e)?e:(0,Z.isValidElement)(e)?[e]:[],[e]),p=(0,Z.useCallback)((m,u)=>{let f=Ot(m,u,Oa),h=[],g=[];for(let y=0;y<m.length;y++){let d=m[y],{style:{flex:b,...E}}=d.props;h.push((0,Z.cloneElement)(d,{key:(0,jr.getUniqueId)(),style:{...E,"--parent-col-count":s}})),g.push(f[y])}return[h,g]},[s]);return(0,Z.useMemo)(()=>{let[m,u]=p(c,l);r.current=u,i.current=m},[p,c,l]),{cols:s,content:i.current,rootRef:n}};var ni=require("react/jsx-runtime"),Vt="hwFluidGrid",Wt=(0,oi.forwardRef)(function(t,o){let{breakPoints:n,children:r,column:i,cols:s=12,className:a,flexFill:l,gap:c=3,fullPage:p,id:m,onSplitterMoved:u,resizeable:f,row:h,showGrid:g,spacing:y,splitterSize:d,style:b,...E}=t,{cols:R,content:S,rootRef:x}=Qr({children:r,cols:s,style:b}),T=Yo({breakPoints:n},x),L=(0,ti.default)(Vt,a,{[`${Vt}-column`]:i,[`${Vt}-row`]:h,[`${Vt}-show-grid`]:g,"flex-fill":l,"full-page":p}),A={...b,"--spacing":y,"--grid-col-count":R,"--grid-gap":c};return(0,ni.jsx)("div",{...E,className:L,"data-breakpoint":T,"data-cols":R,"data-resizeable":f||void 0,id:m,ref:(0,ei.useForkRef)(x,o),style:A,children:S})});Wt.displayName="FluidGrid";var ri=require("react/jsx-runtime"),Zo=function(t){return(0,ri.jsx)(Wt,{...t})};Zo.displayName="FluidGrid";B("FluidGrid",Zo,"container");var ci=v(require("classnames")),$e=v(require("react"));var Me=require("react");var dt=(e,t,o,n)=>{var y;let{loadSessionState:r,purgeSessionState:i,purgeState:s,saveSessionState:a}=Be(),[l,c]=(0,Me.useState)((y=r(e,"contributions"))!=null?y:[]),p=Y(),m=(0,Me.useCallback)((d,b)=>{let E=l.concat([{location:d,content:b}]);a(e,"contributions",E),c(E)},[l,e,a]),u=(0,Me.useCallback)(()=>{i(e,"contributions"),c([])},[e,i]),f=(0,Me.useCallback)(()=>{let d=r(e,"data-source");d&&d.unsubscribe(),i(e),s(e),p({type:"remove",path:o})},[p,e,r,i,s,o]),h=(0,Me.useCallback)(async(d,b,E)=>{var S;d.stopPropagation();let R=(S=t.current)==null?void 0:S.getBoundingClientRect();return new Promise((x,T)=>{p({type:"drag-start",evt:d,path:b===void 0?o:`${o}.${b}`,dragRect:R,preDragActivity:E,dropTargets:n,resolveDragStart:x,rejectDragStart:T})})},[t,p,o,n]);return[(0,Me.useCallback)(async(d,b)=>{var R;let{type:E}=d;switch(E){case"maximize":case"minimize":case"restore":return p({type:E,path:(R=d.path)!=null?R:o});case"remove":return f();case"mousedown":return console.log("2) ViewActionDispatch Hook dispatch Action mousedown"),h(b,d.index,d.preDragActivity);case"add-toolbar-contribution":return m(d.location,d.content);case"remove-toolbar-contribution":return u();default:return}},[p,o,f,h,m,u]),l]};var Gt=require("@salt-ds/core"),ai=v(require("classnames")),ie=v(require("react"));var re=require("react");var ii=({id:e,rootRef:t,path:o,dropTargets:n,title:r})=>{let i=Y(),{loadState:s,loadSessionState:a,purgeState:l,saveState:c,saveSessionState:p}=Be(),[m,u]=dt(e,t,o,n),f=(0,re.useMemo)(()=>{var x;return(x=s("view-title"))!=null?x:r},[s,r]),h=(0,re.useCallback)(x=>{o&&i({type:"set-title",path:o,title:x})},[i,o]),g=(0,re.useMemo)(()=>s(e),[e,s]),y=(0,re.useCallback)(x=>s(e,x),[e,s]),d=(0,re.useCallback)(x=>{l(e,x),i({type:"save"})},[e,i,l]),b=(0,re.useCallback)((x,T)=>{c(e,T,x),i({type:"save"})},[e,i,c]),E=(0,re.useCallback)(x=>a(e,x),[e,a]),R=(0,re.useCallback)((x,T)=>p(e,T,x),[e,p]),S=(0,re.useCallback)(({type:x,...T})=>{let{[x]:L}=T;b(L,x)},[b]);return{contributions:u,dispatchViewAction:m,load:y,loadSession:E,onConfigChange:S,onEditTitle:h,purge:d,restoredState:g,save:b,saveSession:R,title:f}};var _t=require("@heswell/salt-lab"),Ze=require("react"),$a=[],si=({mainRef:e,resize:t="responsive",rootRef:o})=>{let n=t==="defer",r=(0,Ze.useRef)({}),i=(0,Ze.useRef)(),s=(0,Ze.useCallback)(()=>{e.current&&(e.current.style.height=r.current.height+"px",e.current.style.width=r.current.width+"px"),i.current=void 0},[e]),a=(0,Ze.useCallback)(({height:l,width:c})=>{r.current.height=l,r.current.width=c,i.current!==null&&clearTimeout(i.current),i.current=window.setTimeout(s,40)},[s]);(0,_t.useResizeObserver)(o,n?_t.WidthHeight:$a,a,n)};var ft=v(require("react")),Na={dispatch:null},ht=ft.default.createContext(Na),qo=()=>{var t;let e=(0,ft.useContext)(ht);return(t=e==null?void 0:e.dispatch)!=null?t:null},Fa=()=>(0,ft.useContext)(ht);var qe=require("react/jsx-runtime"),li=(0,ie.forwardRef)(function(t,o){let{children:n,className:r,collapsed:i,closeable:s,"data-resizeable":a,dropTargets:l,expanded:c,flexFill:p,id:m,header:u,orientation:f="horizontal",path:h,resize:g="responsive",resizeable:y=a,tearOut:d,style:b={},title:E,...R}=t,S=(0,Gt.useIdMemo)(m),x=(0,ie.useRef)(null),T=(0,ie.useRef)(null),{contributions:L,dispatchViewAction:A,load:N,loadSession:M,onConfigChange:H,onEditTitle:C,purge:k,restoredState:I,save:Q,saveSession:X,title:Ve}=ii({id:S,rootRef:x,path:h,dropTargets:l,title:E});si({mainRef:T,resize:g,rootRef:x});let Ke="vuuView",Pi=()=>ie.default.isValidElement(n)&&I?ie.default.cloneElement(n,I):n,vi=(0,ie.useMemo)(()=>({dispatch:A,id:S,path:h,title:Ve,load:N,loadSession:M,onConfigChange:H,purge:k,save:Q,saveSession:X}),[A,S,N,M,H,h,k,Q,X,Ve]),Li=typeof u=="object"?u:{};return(0,qe.jsx)("div",{...R,className:(0,ai.default)(Ke,r,{[`${Ke}-collapsed`]:i,[`${Ke}-expanded`]:c,[`${Ke}-resize-defer`]:g==="defer"}),"data-resizeable":y,id:S,ref:(0,Gt.useForkRef)(o,x),style:b,tabIndex:-1,children:(0,qe.jsxs)(ht.Provider,{value:vi,children:[u?(0,qe.jsx)(Jo,{...Li,collapsed:i,contributions:L,expanded:c,closeable:s,onEditTitle:C,orientation:f,tearOut:d,title:Ve}):null,(0,qe.jsx)("div",{className:`${Ke}-main`,ref:T,children:Pi()})]})})});li.displayName="View";var he=ie.default.memo(li);he.displayName="View";B("View",he,"view");var se=require("@heswell/salt-lab"),pi=require("@salt-ds/icons");var ge=require("react/jsx-runtime"),Jo=({className:e,contributions:t,collapsed:o,closeable:n,onEditTitle:r,orientation:i="horizontal",style:s,title:a="Untitled"})=>{let l=(0,$e.useRef)(null),[c,p]=(0,$e.useState)(a),[m,u]=(0,$e.useState)(!1),f=qo(),h=M=>f==null?void 0:f({type:"remove"},M),g="vuuHeader",y=()=>{var M;(M=l.current)==null||M.focus()},d=M=>{M.stopPropagation()},E=(0,ci.default)(g,e,`${g}-${o||i}`),R=()=>{u(!0)},S=M=>{M.key==="Enter"&&u(!0)},x=(M="",H="",C=!0,k=!1)=>{var I;u(!1),k?p(M):H!==M&&(p(H),r==null||r(H)),C===!1&&((I=l.current)==null||I.focus())},T=M=>{f==null||f({type:"mousedown"},M)},L=[],A=[],N=[];return a&&L.push((0,ge.jsx)(se.ToolbarField,{className:"vuuHeader-title",children:(0,ge.jsx)(se.EditableLabel,{editing:m,value:c,onChange:p,onMouseDownCapture:y,onEnterEditMode:R,onExitEditMode:x,onKeyDown:S,ref:l,tabIndex:0},"title")},"title")),t==null||t.forEach((M,H)=>{A.push($e.default.cloneElement(M.content,{key:H}))}),n&&N.push((0,ge.jsxs)(se.ToolbarButton,{onClick:h,onMouseDown:d,children:[(0,ge.jsx)(pi.CloseIcon,{})," Close"]},"close")),A.length>0&&L.push((0,ge.jsx)(se.Tooltray,{"data-align-end":!0,children:A},"contributions")),N.length>0&&L.push((0,ge.jsx)(se.Tooltray,{"data-align-end":!0,children:N},"actions")),(0,ge.jsx)(se.Toolbar,{className:E,orientation:i,style:s,onMouseDown:T,children:L})};var ui=require("@vuu-ui/vuu-utils"),Xt=require("@heswell/salt-lab"),Ko=v(require("classnames")),Yt=require("react");var Ut=require("react/jsx-runtime"),Va=e=>{let t=e.cloneNode(!0);return t.id="",delete t.dataset.idx,t},jo=(0,Yt.memo)(({className:e,children:t,idx:o,resizeable:n,header:r,closeable:i,...s})=>(0,Ut.jsx)(Xt.ListItem,{className:(0,Ko.default)("vuuPaletteItem",e),"data-draggable":!0,...s}));jo.displayName="PaletteItem";var mi=({children:e,className:t,orientation:o="horizontal",...n})=>{let r=Y(),i="vuuPalette";function s(a){var x;let c=a.target.closest(".vuuPaletteItem"),p=parseInt((x=c.dataset.idx)!=null?x:"-1");p!==-1&&console.log({children:e,idx:p,listItemElement:c});let{props:{caption:m,children:u,template:f,...h}}=e[p],{height:g,left:y,top:d,width:b}=c.getBoundingClientRect(),E=(0,ui.uuid)(),S=f?u:(0,Ut.jsx)(he,{...{id:E,key:E},...h,title:h.label,children:u});r({dragRect:{left:y,top:d,right:y+b,bottom:d+150,width:b,height:g},dragElement:Va(c),evt:a.nativeEvent,instructions:{DoNotRemove:!0,DoNotTransform:!0,RemoveDraggableOnDragEnd:!0,dragThreshold:10},path:"*",payload:S,type:"drag-start"})}return(0,Ut.jsx)(Xt.List,{...n,borderless:!0,className:(0,Ko.default)(i,t,`${i}-${o}`),maxHeight:800,selected:null,children:e.map((a,l)=>a.type===jo?(0,Yt.cloneElement)(a,{key:l,onMouseDown:s}):a)})};B("Palette",mi,"view");var di=require("@vuu-ui/vuu-utils"),qt=require("@heswell/salt-lab"),fi=v(require("classnames"));var Zt=require("react/jsx-runtime"),Wa="vuuPalette",_a=e=>{let{children:t,ViewProps:o,label:n,onMouseDown:r,template:i,...s}=e,a=Y();return(0,Zt.jsx)(qt.ListItem,{onMouseDown:c=>{let{left:p,top:m,width:u}=c.currentTarget.getBoundingClientRect(),f=(0,di.uuid)(),g=i?t:(0,Zt.jsx)(he,{...{id:f,key:f},...o,title:e.label,children:t});a({type:"drag-start",evt:c.nativeEvent,path:"*",payload:g,instructions:{DoNotRemove:!0,DoNotTransform:!0,RemoveDraggableOnDragEnd:!0,dragThreshold:10},dragRect:{left:p,top:m,right:p+u,bottom:m+150,width:u,height:100}})},...s,children:n})},hi=({className:e,...t})=>(0,Zt.jsx)(qt.List,{...t,className:(0,fi.default)(Wa,e),height:"100%",selectionStrategy:"none"});B("PaletteSalt",hi,"view");var Ce=require("@heswell/salt-lab"),yi=require("@salt-ds/core"),bi=v(require("classnames")),ye=v(require("react"));var Ne=require("react/jsx-runtime"),gi="Tabs",Ga=()=>{},Ua=(e,t)=>{var o,n;return(n=(o=e.props)==null?void 0:o.title)!=null?n:`Tab ${t+1}`},Xa=e=>{let t=[];return ye.default.Children.forEach(e,o=>{ye.default.isValidElement(o)?t.push(o):console.warn("Stack has unexpected child element type")}),t},Jt=(0,ye.forwardRef)(function({active:t=0,children:o,className:n,enableAddTab:r,enableCloseTabs:i,getTabIcon:s=Ga,getTabLabel:a=Ua,id:l,keyBoardActivation:c="manual",onMouseDown:p,onTabAdd:m,onTabClose:u,onTabEdit:f,onTabSelectionChanged:h,showTabs:g,style:y,TabstripProps:d},b){var H;let E=(0,yi.useIdMemo)(l),R=C=>{h==null||h(C)},S=C=>{u==null||u(C)},x=()=>{m==null||m(ye.default.Children.count(o))},T=C=>{var X;let I=C.target.closest('[role^="tab"]');if((I==null?void 0:I.getAttribute("role"))==="tab"){let Ve=parseInt((X=I.dataset.idx)!=null?X:"-1");if(Ve===-1)throw Error("Stack: mousedown on tab with unknown index");p==null||p(C,Ve)}},L=(0,ye.useCallback)((C,k,I,Q)=>{f==null||f(Q,k)},[f]),A=()=>{var C;return ye.default.isValidElement(o)?o:Array.isArray(o)&&(C=o[t])!=null?C:null},N=()=>Xa(o).map((C,k)=>{let I=`${E}-${k}`,{closeable:Q,id:X}=C.props;return(0,Ne.jsx)(Ce.Tab,{ariaControls:`${I}-tab`,"data-icon":s(C,k),draggable:!0,id:I,label:a(C,k),closeable:Q,editable:(d==null?void 0:d.enableRenameTab)!==!1},X!=null?X:k)}),M=A();return(0,Ne.jsxs)("div",{className:(0,bi.default)(gi,n,{[`${gi}-horizontal`]:(d==null?void 0:d.orientation)==="vertical"}),style:y,id:E,ref:b,children:[g?(0,Ne.jsx)(Ce.Toolbar,{className:"vuuTabHeader vuuHeader",orientation:d==null?void 0:d.orientation,children:(0,Ne.jsx)(Ce.ToolbarField,{disableFocusRing:!0,"data-collapsible":"dynamic","data-priority":"3",style:{alignSelf:"flex-end"},children:(0,Ne.jsx)(Ce.Tabstrip,{...d,enableRenameTab:(d==null?void 0:d.enableRenameTab)!==!1,enableAddTab:r,enableCloseTab:i,keyBoardActivation:c,onActiveChange:R,onAddTab:x,onCloseTab:S,onExitEditMode:L,onMouseDown:T,activeTabIndex:(H=d==null?void 0:d.activeTabIndex)!=null?H:M===null?-1:t,children:N()})})}):null,M]})});Jt.displayName="Stack";var xi=require("@salt-ds/core"),jt=v(require("react"));var Kt=require("react/jsx-runtime"),Ya=e=>(0,Kt.jsx)(he,{resizeable:!0,title:`Tab ${e}`,style:{flexGrow:1,flexShrink:0,flexBasis:0},header:!0,closeable:!0,children:(0,Kt.jsx)(Rt,{style:{flex:1}})}),Qo=e=>{let t=(0,jt.useRef)(null),o=Y(),{loadState:n}=Be(),{createNewChild:r=Ya,id:i,onTabSelectionChanged:s,path:a,...l}=e,{children:c}=e,p=(0,xi.useIdMemo)(i),[m]=dt(p,t,a);return(0,Kt.jsx)(Jt,{...l,id:p,getTabLabel:(b,E)=>{let{id:R,title:S}=b.props;return n(R,"view-title")||S||`Tab ${E+1}`},onMouseDown:async(b,E)=>{let R;await m({type:"mousedown",index:E,preDragActivity:async()=>new Promise(T=>{console.log("preDragActivity: Ok, gonna release the drag"),R=T})},b)&&(R==null||R(void 0))},onTabAdd:(b,E=jt.default.Children.count(c))=>{if(a){console.log("[StackLayout] handleTabAdd");let R=r(E);console.log({component:R}),o({type:"add",path:a,component:R})}},onTabClose:b=>{if(Array.isArray(c)){let{props:{"data-path":E,path:R=E}}=c[b];o({type:"remove",path:R})}},onTabEdit:(b,E)=>{o({type:"set-title",path:`${a}.${b}`,title:E})},onTabSelectionChanged:b=>{console.log(`StackLayout handleTabSelection nextTab = ${b}`),a&&(o({type:"switch-tab",path:a,nextIdx:b}),s==null||s(b))},ref:t})};Qo.displayName="Stack";B("Stack",Qo,"container");var Je=v(require("react"));var Fe=require("react/jsx-runtime"),Za=({children:e})=>{let[o,n]=(0,Je.useState)(e),[r,i]=(0,Je.useState)(e),s=l=>{let c=ao(o,l);i(c)},a=(l,c)=>{console.log(`change ${l} -> ${c}`);let p=Je.default.cloneElement(r,{style:{...r.props.style,[l]:c}});i(p),n(Je.default.cloneElement(o,{},p))};return(0,Fe.jsxs)("div",{"data-design-mode":`${!1}`,children:[o,(0,Fe.jsx)("br",{}),(0,Fe.jsxs)("div",{style:{display:"flex"},children:[(0,Fe.jsx)(en,{height:300,managedStyle:r.props.style,width:300,onChange:a,style:void 0}),(0,Fe.jsx)(tn,{layout:o,onSelect:s,style:{width:300,height:300,backgroundColor:"#ccc"}})]})]})};var pe=require("@heswell/salt-lab"),z=require("react/jsx-runtime"),nn={},qa={margin:{top:"marginTop",right:"marginRight",bottom:"marginBottom",left:"marginLeft"},border:{top:"borderTopWidth",right:"borderRightWidth",bottom:"borderBottomWidth",left:"borderLeftWidth"},padding:{top:"paddingTop",right:"paddingRight",bottom:"paddingBottom",left:"paddingLeft"}},on=({feature:e,children:t,style:o,onChange:n})=>(0,z.jsxs)("div",{className:`LayoutBox layout-${e} layout-outer`,children:[(0,z.jsxs)("div",{className:"layout-top",children:[(0,z.jsx)("span",{className:"layout-title",children:e}),(0,z.jsx)(pe.FormField,{className:"layout-input",style:{width:30},children:(0,z.jsx)(pe.Input,{value:o.top,onChange:(r,i)=>n(e,"top",i)})})]}),(0,z.jsxs)("div",{className:"layout-inner",children:[(0,z.jsx)("div",{className:"layout-left",children:(0,z.jsx)(pe.FormField,{className:"layout-input",style:{width:30},children:(0,z.jsx)(pe.Input,{value:o.left,onChange:(r,i)=>n(e,"left",i)})})}),t,(0,z.jsx)("div",{className:"layout-right",children:(0,z.jsx)(pe.FormField,{className:"layout-input",style:{width:30},children:(0,z.jsx)(pe.Input,{value:o.right,onChange:(r,i)=>n(e,"right",i)})})})]}),(0,z.jsx)("div",{className:"layout-bottom",children:(0,z.jsx)(pe.FormField,{className:"layout-input",style:{width:30},children:(0,z.jsx)(pe.Input,{value:o.bottom,onChange:(r,i)=>n(e,"bottom",i)})})})]}),Ja={margin:!0,marginTop:!0,marginRight:!0,marginBottom:!0,marginLeft:!0},Ka={padding:!0,paddingTop:!0,paddingRight:!0,paddingBottom:!0,paddingLeft:!0},ja={border:!0,borderColor:!0,borderWidth:!0,borderTopWidth:!0,borderRightWidth:!0,borderBottomWidth:!0,borderLeftWidth:!0},Qt="(\\d+)(?:px)?",Qa=`^(?:${Qt}(?:\\s${Qt}(?:\\s${Qt}(?:\\s${Qt})?)?)?)$`,Ri=new RegExp(Qa),el=/^(?:(\d+)(?:px)\ssolid\s([a-zA-Z,0-9().]+))$/,en=({height:e,managedStyle:t,onChange:o,style:n,width:r})=>{let i=Ei(t),s=(E,R,S)=>{let x=parseInt(S||"0",10),T=qa[E][R];o(T,x)},{marginTop:a=0,marginRight:l=0,marginBottom:c=0,marginLeft:p=0}=i,{borderTopWidth:m=0,borderRightWidth:u=0,borderBottomWidth:f=0,borderLeftWidth:h=0}=i,{paddingTop:g=0,paddingRight:y=0,paddingBottom:d=0,paddingLeft:b=0}=i;return(0,z.jsx)("div",{className:"LayoutConfigurator",style:{width:r,height:e,...n},children:(0,z.jsx)(on,{feature:"margin",style:{top:a,right:l,bottom:c,left:p},onChange:s,children:(0,z.jsx)(on,{feature:"border",style:{top:m,right:u,bottom:f,left:h},onChange:s,children:(0,z.jsx)(on,{feature:"padding",style:{top:g,right:y,bottom:d,left:b},onChange:s,children:(0,z.jsx)("div",{className:"layout-content"})})})})})};function tl(e=nn,t=nn){let{margin:o,marginTop:n,marginRight:r,marginBottom:i,marginLeft:s,padding:a,paddingTop:l,paddingRight:c,paddingBottom:p,paddingLeft:m,...u}=e;if(typeof o=="number")u.marginTop=u.marginRight=u.marginBottom=u.marginLeft=o;else if(typeof o=="string"){let f=Ri.exec(o);if(f===null)console.error(`Invalid css value for margin '${o}'`);else{let[,h,g,y,d]=f,b=h&&g&&y;b&&d?(u.marginTop=parseInt(h,10),u.marginRight=parseInt(g,10),u.marginBottom=parseInt(y,10),u.marginLeft=parseInt(d,10)):b?(u.marginTop=parseInt(h,10),u.marginRight=u.marginLeft=parseInt(g,10),u.marginBottom=parseInt(y,10)):h&&g?(u.marginTop=u.marginBottom=parseInt(h,10),u.marginRight=u.marginLeft=parseInt(g,10)):u.marginTop=u.marginRight=u.marginBottom=u.marginLeft=parseInt(h,10)}}if(typeof n=="number"&&(u.marginTop=n),typeof r=="number"&&(u.marginRight=r),typeof i=="number"&&(u.marginBottom=i),typeof s=="number"&&(u.marginLeft=s),typeof a=="number")u.paddingTop=u.paddingRight=u.paddingBottom=u.paddingLeft=a;else if(typeof a=="string"){let f=Ri.exec(a);if(f===null)console.error(`Invalid css value for padding '${a}'`);else{let[,h,g,y,d]=f,b=h&&g&&y;b&&d?(u.paddingTop=parseInt(h,10),u.paddingRight=parseInt(g,10),u.paddingBottom=parseInt(y,10),u.paddingLeft=parseInt(d,10)):b?(u.paddingTop=parseInt(h,10),u.paddingRight=u.paddingLeft=parseInt(g,10),u.paddingBottom=parseInt(y,10)):h&&g?(u.paddingTop=u.paddingBottom=parseInt(h,10),u.paddingRight=u.paddingLeft=parseInt(g,10)):u.paddingTop=u.paddingRight=u.paddingBottom=u.paddinggLeft=parseInt(h,10)}}return typeof l=="number"&&(u.paddingTop=l),typeof c=="number"&&(u.paddingRight=c),typeof p=="number"&&(u.paddingBottom=p),typeof m=="number"&&(u.paddingLeft=m),Ei(u,t)}function Ei(e=nn){let t={...e},o,{border:n,borderWidth:r,borderTopWidth:i,borderRightWidth:s,borderBottomWidth:a,borderLeftWidth:l,borderColor:c,margin:p,marginTop:m,marginRight:u,marginBottom:f,marginLeft:h,padding:g,paddingTop:y,paddingRight:d,paddingBottom:b,paddingLeft:E,...R}=t,S={},x={};if(typeof p=="number"&&(t.marginTop=t.marginRight=t.marginBottom=t.marginLeft=p,S={marginTop:p,marginRight:p,marginBottom:p,marginLeft:p}),typeof g=="number"&&(t.paddingTop=t.paddingRight=t.paddingBottom=t.paddingLeft=g,x={paddingTop:g,paddingRight:g,paddingBottom:g,paddingLeft:g}),n||r||i||s||a||l){typeof n=="string"&&(o=el.exec(n))&&([,r,c]=o,r=parseInt(r,10)),r&&(i=i===void 0?r:i,s=s===void 0?r:s,a=a===void 0?r:a,l=l===void 0?r:l),c=c||"black";let T=`
                 ${c} ${l||0}px ${i||0}px 0 0 inset,
-                ${c} ${-s||0}px ${-a||0}px 0 0 inset`;return{...E,...w,...x,borderTopWidth:i,borderRightWidth:s,borderBottomWidth:a,borderLeftWidth:l,borderColor:c,borderStyle:"solid",boxShadow:v}}else return t}var Ni=O(require("react")),Hi=O(require("classnames"));var $i=require("@heswell/salt-lab"),dn=require("react/jsx-runtime"),Al="hwLayoutTreeViewer",Fi=(e,t="0")=>({label:I(e),path:t,childNodes:Ni.default.Children.map(e.props.children,(o,n)=>Fi(o,t?`${t}.${n}`:`${n}`))}),un=({layout:e,onSelect:t,style:o})=>{let n=[Fi(e)],r=(i,[{path:s}])=>{t(s)};return(0,dn.jsx)("div",{className:(0,Hi.default)(Al),style:o,children:(0,dn.jsx)($i.Tree,{source:n,groupSelection:"single",onSelectionChange:r})})};
+                ${c} ${-s||0}px ${-a||0}px 0 0 inset`;return{...R,...S,...x,borderTopWidth:i,borderRightWidth:s,borderBottomWidth:a,borderLeftWidth:l,borderColor:c,borderStyle:"solid",boxShadow:T}}else return t}var Si=v(require("react")),Ti=v(require("classnames"));var Di=require("@heswell/salt-lab"),rn=require("react/jsx-runtime"),ol="hwLayoutTreeViewer",wi=(e,t="0")=>({label:P(e),path:t,childNodes:Si.default.Children.map(e.props.children,(o,n)=>wi(o,t?`${t}.${n}`:`${n}`))}),tn=({layout:e,onSelect:t,style:o})=>{let n=[wi(e)],r=(i,[{path:s}])=>{t(s)};return(0,rn.jsx)("div",{className:(0,Ti.default)(ol),style:o,children:(0,rn.jsx)(Di.Tree,{source:n,groupSelection:"single",onSelectionChange:r})})};
 //# sourceMappingURL=index.js.map