react-zeugma 5.5.0 → 5.7.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/README.md +14 -14
- package/dist/index.cjs +2 -2
- package/dist/index.cjs.map +1 -1
- package/dist/index.d.cts +29 -7
- package/dist/index.d.ts +29 -7
- package/dist/index.js +2 -2
- package/dist/index.js.map +1 -1
- package/dist/{types-C0Yf1Bdw.d.cts → types-ByBIeqg_.d.cts} +15 -6
- package/dist/{types-C0Yf1Bdw.d.ts → types-ByBIeqg_.d.ts} +15 -6
- package/dist/utils.d.cts +1 -1
- package/dist/utils.d.ts +1 -1
- package/package.json +1 -1
package/README.md
CHANGED
|
@@ -170,17 +170,17 @@ Wraps the individual pane components inside the renderer. Utilizes a render prop
|
|
|
170
170
|
|
|
171
171
|
A helper component that renders a list of tab items for a pane, wrapping the internal drag-and-drop tab logic.
|
|
172
172
|
|
|
173
|
-
| Prop | Type | Required | Description
|
|
174
|
-
| :------------- | :----------------------------------------------------------------------------------------------------------------------------------- | :------- |
|
|
175
|
-
| `tabs` | `string[]` | Yes | The list of tab IDs in this pane.
|
|
176
|
-
| `activeTabId` | `string` | Yes | The currently active tab ID.
|
|
177
|
-
| `locked` | `boolean` | No | Whether dragging/reordering tabs is disabled (defaults to `false`).
|
|
178
|
-
| `tabsMetadata` | `Record<string, Record<string, any>>` | No | Metadata associated with each tab.
|
|
179
|
-
| `selectTab` | `(id: string) => void` | Yes | Callback when a tab is selected.
|
|
180
|
-
| `removeTab` | `(id: string) => void` | Yes | Callback when a tab is closed/removed.
|
|
181
|
-
| `
|
|
182
|
-
| `
|
|
183
|
-
| `renderTab` | `(props: { tabId: string; activeTabId: string; isDragging: boolean; isOver: boolean; metadata?: Record<string, any> }) => ReactNode` | Yes | Render prop function called for each tab item.
|
|
173
|
+
| Prop | Type | Required | Description |
|
|
174
|
+
| :------------- | :----------------------------------------------------------------------------------------------------------------------------------- | :------- | :------------------------------------------------------------------- |
|
|
175
|
+
| `tabs` | `string[]` | Yes | The list of tab IDs in this pane. |
|
|
176
|
+
| `activeTabId` | `string` | Yes | The currently active tab ID. |
|
|
177
|
+
| `locked` | `boolean` | No | Whether dragging/reordering tabs is disabled (defaults to `false`). |
|
|
178
|
+
| `tabsMetadata` | `Record<string, Record<string, any>>` | No | Metadata associated with each tab. |
|
|
179
|
+
| `selectTab` | `(id: string) => void` | Yes | Callback when a tab is selected. |
|
|
180
|
+
| `removeTab` | `(id: string) => void` | Yes | Callback when a tab is closed/removed. |
|
|
181
|
+
| `classNames` | `{ container?: string; tab?: string \| ((tabId: string) => string) }` | No | Custom class names for the container and individual tab items. |
|
|
182
|
+
| `styles` | `{ container?: CSSProperties; tab?: CSSProperties \| ((tabId: string) => CSSProperties) }` | No | Custom inline CSS styles for the container and individual tab items. |
|
|
183
|
+
| `renderTab` | `(props: { tabId: string; activeTabId: string; isDragging: boolean; isOver: boolean; metadata?: Record<string, any> }) => ReactNode` | Yes | Render prop function called for each tab item. |
|
|
184
184
|
|
|
185
185
|
### `<DragHandle>`
|
|
186
186
|
|
|
@@ -455,9 +455,9 @@ Renders a list of tabs inside a pane, wrapping the internal drag-and-drop mechan
|
|
|
455
455
|
- `tabsMetadata?: Record<string, Record<string, unknown>>` — Metadata for the tabs.
|
|
456
456
|
- `selectTab: (id: string) => void` — Callback when a tab is selected.
|
|
457
457
|
- `removeTab: (id: string) => void` — Callback when a tab is closed.
|
|
458
|
-
- `
|
|
459
|
-
- `
|
|
460
|
-
- `renderTab: (props: { tabId: string; activeTabId: string; isDragging: boolean; isOver: boolean; metadata?: Record<string, unknown>; selectTab: (id: string) => void; removeTab: (id: string) => void; }) => React.ReactNode` — Render prop function.
|
|
458
|
+
- `classNames?: { container?: string; tab?: string | ((tabId: string) => string) }` — Custom class names.
|
|
459
|
+
- `styles?: { container?: React.CSSProperties; tab?: React.CSSProperties | ((tabId: string) => React.CSSProperties) }` — Custom styles.
|
|
460
|
+
- `renderTab: (props: { tabId: string; activeTabId: string; isDragging: boolean; isOver: boolean; metadata?: Record<string, unknown>; selectTab: (id: string) => void; removeTab: (id: string) => void; }) => React.ReactNode` — Render prop function.
|
|
461
461
|
|
|
462
462
|
### `<DragHandle>`
|
|
463
463
|
|
package/dist/index.cjs
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
|
-
'use strict';var
|
|
1
|
+
'use strict';var Yt=require('react'),core=require('@dnd-kit/core'),jsxRuntime=require('react/jsx-runtime'),reactDom=require('react-dom');function _interopDefault(e){return e&&e.__esModule?e:{default:e}}var Yt__default=/*#__PURE__*/_interopDefault(Yt);function je(e){let t=Yt.useRef(null);return Yt.useEffect(()=>{if(!e){t.current=null;return}let n=r=>{t.current={x:r.clientX,y:r.clientY};},s=r=>{let o=r.touches[0]||r.changedTouches[0];o&&(t.current={x:o.clientX,y:o.clientY});};return window.addEventListener("pointermove",n,{passive:true}),window.addEventListener("touchmove",s,{passive:true}),()=>{window.removeEventListener("pointermove",n),window.removeEventListener("touchmove",s);}},[e]),t}function et(e){Yt.useEffect(()=>(e?document.body.style.setProperty("cursor","not-allowed","important"):document.body.style.removeProperty("cursor"),()=>{document.body.style.removeProperty("cursor");}),[e]);}function tt(){let[e,t]=Yt.useState({}),n=Yt.useRef(true);Yt.useEffect(()=>(n.current=true,()=>{n.current=false;}),[]);let s=Yt.useCallback((r,o)=>{n.current&&t(a=>a[r]===o?a:{...a,[r]:o});},[]);return {portalTargets:e,registerPortalTarget:s}}var Mt=8,Lt=8,Vn=4;function pe(){return "pane-"+Math.random().toString(36).substring(2,11)}function ge(e,t){if(e===null)return null;if(e.type==="pane")return e.id===t?null:e;let n=ge(e.first,t),s=ge(e.second,t);return n===null?s:s===null?n:{...e,first:n,second:s}}function fe(e,t){if(e===null)return null;if(e.type==="pane"){if(e.tabs.includes(t)){let r=e.tabs.filter(i=>i!==t);if(r.length===0)return null;let o=e.activeTabId;e.activeTabId===t&&(o=r[0]);let a={...e.tabsMetadata};return delete a[t],{...e,tabs:r,activeTabId:o,tabsMetadata:Object.keys(a).length>0?a:void 0}}return e}let n=fe(e.first,t),s=fe(e.second,t);return n===null?s:s===null?n:{...e,first:n,second:s}}function Te(e,t,n,s,r){if(e===null)return typeof r=="string"?{type:"pane",id:pe(),tabs:[r],activeTabId:r}:r;if(e.type==="pane"){if(e.id===t){let o=typeof r=="string"?{type:"pane",id:pe(),tabs:[r],activeTabId:r}:r,a=s==="left"||s==="top";return {type:"split",direction:n,first:a?o:e,second:a?e:o,splitPercentage:50}}return e}return {...e,first:Te(e.first,t,n,s,r)||e.first,second:Te(e.second,t,n,s,r)||e.second}}function nt(e,t,n){if(e===null)return {type:"pane",id:pe(),tabs:[t],activeTabId:t,tabsMetadata:n?{[t]:n}:void 0};function s(r,o){return r.type==="pane"?{type:"split",direction:o==="row"?"column":"row",splitPercentage:50,first:r,second:{type:"pane",id:pe(),tabs:[t],activeTabId:t,tabsMetadata:n?{[t]:n}:void 0}}:{...r,second:s(r.second,r.direction)}}return s(e,null)}function be(e,t,n){return e===null?null:e===t?{...e,splitPercentage:n}:e.type==="split"?{...e,first:be(e.first,t,n)||e.first,second:be(e.second,t,n)||e.second}:e}function te(e,t){return e===null?null:e.type==="pane"?e.id===t?e:null:te(e.first,t)??te(e.second,t)}function J(e,t){return e===null?null:e.type==="pane"?e.tabs.includes(t)?e:null:J(e.first,t)??J(e.second,t)}function rt(e,t){let n=J(e,t);if(!n)return null;let s=n.tabs.indexOf(t);return {id:t,paneId:n.id,isActive:n.activeTabId===t,index:s,metadata:n.tabsMetadata?.[t]}}function Re(e,t,n){if(e===null)return null;if(e.type==="pane"){if(e.tabs.includes(t)){let s=e.tabsMetadata||{},r=s[t],o=n(r),a={...s};return o===void 0?delete a[t]:a[t]=o,{...e,tabsMetadata:Object.keys(a).length>0?a:void 0}}return e}return {...e,first:Re(e.first,t,n)??e.first,second:Re(e.second,t,n)??e.second}}function Ce(e,t,n,s){if(e===null)return null;if(e.type==="pane"){if(e.id===t){let r=[...e.tabs];r.includes(n)||r.push(n);let o=e.tabsMetadata;return s&&(o={...e.tabsMetadata,[n]:s}),{...e,tabs:r,activeTabId:n,tabsMetadata:o}}return e}return {...e,first:Ce(e.first,t,n,s)||e.first,second:Ce(e.second,t,n,s)||e.second}}function De(e,t,n){if(e===null)return null;if(e.type==="pane"){if(e.id===t){if(n===false){let{locked:s,...r}=e;return r}return {...e,locked:n}}return e}return {...e,first:De(e.first,t,n)??e.first,second:De(e.second,t,n)??e.second}}function we(e,t,n){return e===null?null:e.type==="pane"?e.id===t?{...e,activeTabId:n}:e:{...e,first:we(e.first,t,n)??e.first,second:we(e.second,t,n)??e.second}}function ot(e,t,n){if(e===null)return null;let r=J(e,t)?.tabsMetadata?.[t],o=fe(e,t);if(o===null)return {type:"pane",id:pe(),tabs:[t],activeTabId:t,tabsMetadata:r?{[t]:r}:void 0};function a(i){if(i.type==="pane"){if(i.id===n){let u=[...i.tabs];u.includes(t)||u.push(t);let p={...i.tabsMetadata};return r&&(p[t]=r),{...i,tabs:u,activeTabId:t,tabsMetadata:Object.keys(p).length>0?p:void 0}}return i}return {...i,first:a(i.first),second:a(i.second)}}return a(o)}function st(e,t,n,s="before"){if(e===null)return null;let o=J(e,t)?.tabsMetadata?.[t],a=fe(e,t);if(a===null)return {type:"pane",id:pe(),tabs:[t],activeTabId:t,tabsMetadata:o?{[t]:o}:void 0};function i(u){if(u.type==="pane"){if(u.tabs.includes(n)){let f=[...u.tabs].filter(S=>S!==t),b=f.indexOf(n);b<0&&(b=0),s==="after"&&(b+=1),f.splice(b,0,t);let h={...u.tabsMetadata};return o&&(h[t]=o),{...u,tabs:f,activeTabId:t,tabsMetadata:Object.keys(h).length>0?h:void 0}}return u}return {...u,first:i(u.first),second:i(u.second)}}return i(a)}function de(e,t=0,n=0,s=100,r=100,o="root"){if(e===null)return {panes:[],splitters:[]};if(e.type==="pane")return {panes:[{paneId:e.id,left:t,top:n,width:s,height:r,node:e}],splitters:[]};let{direction:a,splitPercentage:i,first:u,second:p}=e,b={id:`splitter-${o}-${a}`,currentNode:e,direction:a,left:a==="row"?t+s*(i/100):t,top:a==="column"?n+r*(i/100):n,width:a==="row"?0:s,height:a==="column"?0:r,parentLeft:t,parentTop:n,parentWidth:s,parentHeight:r},h={panes:[],splitters:[]},S={panes:[],splitters:[]};if(a==="row"){let T=s*(i/100);h=de(u,t,n,T,r,`${o}-L`),S=de(p,t+T,n,s-T,r,`${o}-R`);}else {let T=r*(i/100);h=de(u,t,n,s,T,`${o}-T`),S=de(p,t,n+T,s,r-T,`${o}-B`);}return {panes:[...h.panes,...S.panes],splitters:[b,...h.splitters,...S.splitters]}}function Se(e){try{return JSON.stringify(e)}catch{return ""}}function Zt(e){let{initialLayout:t,layout:n,onChange:s,fullscreenPaneId:r,onFullscreenChange:o,locked:a=false,dragActivationDistance:i=8,snapThreshold:u=8,minSplitPercentage:p=5,maxSplitPercentage:f=95,enableDragToDismiss:b=false,dismissThreshold:h=60,onRemove:S,onDragStart:T,onDragEnd:M,onResizeStart:m,onResize:w,onResizeEnd:g,onDismissIntentChange:R}=e,[x,E]=Yt.useState(()=>n!==void 0?n:t??null),[z,O]=Yt.useState(()=>Se(n!==void 0?n:null)),[K,Z]=Yt.useState(r||null),[Y,F]=Yt.useState(a),[U,Q]=Yt.useState(null),[j,d]=Yt.useState(null),[C,H]=Yt.useState(null),N=Yt.useRef(null),D=Yt.useCallback(c=>{N.current=c;},[]),l=Yt.useRef(x);l.current=x;let L=Yt.useRef(s);L.current=s;let X=Yt.useRef(o);X.current=o;let y=Yt.useCallback(c=>{Z(c),X.current?.(c);},[]);if(Yt.useEffect(()=>{F(a);},[a]),Yt.useEffect(()=>{r!==void 0&&Z(r);},[r]),n!==void 0){let c=Se(n);c!==z&&(O(c),E(n));}let P=Yt.useCallback(c=>(...I)=>{let V=l.current,_=c(V,...I);Se(V)!==Se(_)&&(l.current=_,E(_),L.current?.(_));},[]),B=Yt.useCallback(P((c,I)=>typeof I=="function"?I(c):I),[P]),ee=Yt.useCallback(P((c,I)=>ge(c,I)),[P]),oe=Yt.useCallback(P((c,I,V)=>nt(c,I,V)),[P]),v=Yt.useCallback(P((c,I,V,_)=>{let ue=te(c,I)??J(c,I);if(!ue)return c;let ye=J(c,V),Ve=ye&&ye.id===ue.id?c:fe(c,V)??c;return Ce(Ve,ue.id,V,_)}),[P]),k=Yt.useCallback(P((c,I,V,_,ue)=>{let ye=te(c,I)??J(c,I);if(!ye)return c;let Ke=te(c,ue)??J(c,ue)??{type:"pane",id:ue,tabs:[ue],activeTabId:ue},Ve=ge(c,ue);return Te(Ve,ye.id,V,_,Ke)}),[P]),$=Yt.useCallback(P((c,I,V)=>be(c,I,V)),[P]),se=Yt.useCallback(P((c,I,V)=>Re(c,I,V)),[P]),W=Yt.useCallback(P((c,I,V)=>{let _=te(c,I)??J(c,I);return _?De(c,_.id,V):c}),[P]),ae=Yt.useCallback(P((c,I,V)=>{let _=te(c,I)??J(c,I);return _?we(c,_.id,V):c}),[P]),ie=Yt.useCallback(P((c,I,V)=>{let _=te(c,V)??J(c,V);return _?ot(c,I,_.id):c}),[P]),le=Yt.useCallback(P((c,I,V,_)=>st(c,I,V,_)),[P]),A=Yt.useCallback(P((c,I)=>fe(c,I)),[P]),ne=Yt.useCallback(c=>te(l.current,c),[]),re=Yt.useCallback(c=>J(l.current,c),[]),Et=Yt.useCallback(c=>rt(l.current,c),[]);return {layout:x,setLayout:B,fullscreenPaneId:K,setFullscreenPaneId:y,locked:Y,setLocked:F,activeId:U,setActiveId:Q,activeType:j,setActiveType:d,dismissIntentId:C,setDismissIntentId:H,containerRef:N,setContainerRef:D,dragActivationDistance:i,snapThreshold:u,minSplitPercentage:p,maxSplitPercentage:f,enableDragToDismiss:b,dismissThreshold:h,onRemove:S,onDragStart:T,onDragEnd:M,onResizeStart:m,onResize:w,onResizeEnd:g,onDismissIntentChange:R,removePane:ee,addPane:oe,addTab:v,splitPane:k,updateSplitPercentage:$,updateTabMetadata:se,updatePaneLock:W,selectTab:ae,mergeTab:ie,moveTab:le,removeTab:A,findPaneById:ne,findPaneContainingTab:re,findTabById:Et}}function Ne({cursor:e,resizerEl:t,onMove:n,onEnd:s}){document.body.classList.add("zeugma-resizing");let r=document.createElement("style");r.id="zeugma-global-cursor-style",r.textContent=`
|
|
2
2
|
* {
|
|
3
3
|
cursor: ${e} !important;
|
|
4
4
|
user-select: none !important;
|
|
5
5
|
}
|
|
6
|
-
`,document.head.appendChild(r),t.setAttribute("data-resizing","true");let o=i=>{n(i);},a=()=>{document.body.classList.remove("zeugma-resizing"),t.removeAttribute("data-resizing");let i=document.getElementById("zeugma-global-cursor-style");i&&i.remove(),document.removeEventListener("pointermove",o),document.removeEventListener("pointerup",a),s();};document.addEventListener("pointermove",o),document.addEventListener("pointerup",a);}var Be=Tt.createContext(void 0),We=Tt.createContext(void 0),Me=Tt.createContext(void 0),Ue=Tt.createContext(void 0),ce=()=>{let e=Tt.useContext(Be);if(!e)throw new Error("useZeugmaState must be used within a Zeugma provider");return e},Le=()=>{let e=Tt.useContext(We);if(!e)throw new Error("useZeugmaActions must be used within a Zeugma provider");return e},ot=()=>{let e=Tt.useContext(Ue);if(!e)throw new Error("useZeugmaDrag must be used within a Zeugma provider");return e};var Nt=()=>{let e=ce(),t=Le();return {...e,...t}};var Ze=class extends core.PointerSensor{static activators=[{eventName:"onPointerDown",handler:({nativeEvent:t})=>!t.target?.closest(".drag-cancel")}]},ze=class extends core.TouchSensor{static activators=[{eventName:"onTouchStart",handler:({nativeEvent:t})=>!t.target?.closest(".drag-cancel")}]};function $e(e){if(e instanceof MouseEvent||e instanceof PointerEvent)return {x:e.clientX,y:e.clientY};if(typeof TouchEvent<"u"&&e instanceof TouchEvent){let t=e.touches[0]||e.changedTouches[0];if(t)return {x:t.clientX,y:t.clientY}}return null}function at(e){let{layout:t,setLayout:n,activeId:s,setActiveId:r,setActiveType:o,dismissIntentId:a,setDismissIntentId:i,setOverTabId:u,setOverTabPosition:p,containerRef:x,dragActivationDistance:m,enableDragToDismiss:v,dismissThreshold:D,onRemove:C,onDragStart:$,onDragEnd:f,onDismissIntentChange:w,removeTab:g,moveTab:y,selectTab:P}=e,E=Tt.useRef(null),k=Ge(s),[N,J]=Tt.useState(false);Ke(N);let H=core.useSensors(core.useSensor(Ze,{activationConstraint:{distance:m}}),core.useSensor(ze,{activationConstraint:{delay:250,tolerance:5}})),K=Tt.useCallback(d=>{let R=core.pointerWithin(d);if(R.length>0)return R;if(d.active.id.toString().startsWith("tab-header-")){let I=d.droppableContainers.filter(S=>S.id.toString().startsWith("tab-drop-"));return core.closestCenter({...d,droppableContainers:I})}return []},[]);return {sensors:H,collisionDetection:K,onDragStart:d=>{let R=d.active.id.toString(),F=R.startsWith("tab-header-"),I=F?R.substring(11):R;r(I),o(F?"tab":"pane"),u(null),p(null);let S=d.activatorEvent;if(k.current=$e(S),v&&x.current?E.current=x.current.getBoundingClientRect():E.current=null,F){let l=X(t,I);l&&P(l.id,I);}$&&$(I);},onDragMove:d=>{let{over:R}=d,F=R?.id.toString()||"",I=F.startsWith("drop-locked-");J(b=>b===I?b:I);let S=F.match(/^tab-drop-(.+)$/);if(S&&R){let[,b]=S,Z=d.active.id.toString();if((Z.startsWith("tab-header-")?Z.substring(11):Z)!==b){let B="before",ae=R.rect,ie=d.activatorEvent,le=null;if(k.current)le=k.current.x;else {let A=$e(ie);A&&(le=A.x+d.delta.x);}if(le!==null){let A=ae.left+ae.width/2;le>A&&(B="after");}u(A=>A===b?A:b),p(A=>A===B?A:B);}else u(B=>B===null?B:null),p(B=>B===null?B:null);}else u(b=>b===null?b:null),p(b=>b===null?b:null);if(!v)return;let l=d.active.id.toString(),_=l.startsWith("tab-header-")?l.substring(11):l,T=E.current;if(!T){a!==null&&(i(null),w?.(null));return}let h=d.activatorEvent,Y=null,V=null;if(k.current)Y=k.current.x,V=k.current.y;else {let b=$e(h);b&&(Y=b.x+d.delta.x,V=b.y+d.delta.y);}let j=0;if(Y!==null&&V!==null){let b=0,Z=0;Y<T.left?b=T.left-Y:Y>T.right&&(b=Y-T.right),V<T.top?Z=T.top-V:V>T.bottom&&(Z=V-T.bottom),j=Math.sqrt(b*b+Z*Z);}else {let b=d.active.rect.current.translated;if(b){let Z=b.left+b.width/2,z=b.top+b.height/2,se=0,B=0;Z<T.left?se=T.left-Z:Z>T.right&&(se=Z-T.right),z<T.top?B=T.top-z:z>T.bottom&&(B=z-T.bottom),j=Math.sqrt(se*se+B*B);}}j>D?a!==_&&(i(_),w?.(_)):a!==null&&(i(null),w?.(null));},onDragEnd:d=>{r(null),o(null),J(false),u(null),p(null);let{active:R,over:F}=d,I=R.id.toString(),S=I.startsWith("tab-header-"),l=S?I.substring(11):I,L=v&&a===l;if(i(null),w?.(null),E.current=null,L){C?C(l):g(l),f&&f(l,null,null);return}if(!F){f&&f(l,null,null);return}let _=F.id.toString();if(_.startsWith("drop-locked-")){f&&f(l,null,null);return}let T=_.match(/^tab-drop-(.+)$/);if(T){let[,ae]=T;if(l!==ae){let ie="before",le=F.rect,A=d.activatorEvent,ne=null;if(k.current)ne=k.current.x;else {let re=$e(A);re&&(ne=re.x+d.delta.x);}if(ne!==null){let re=le.left+le.width/2;ne>re&&(ie="after");}y(l,ae,ie),f&&f(l,ae,{type:"move",position:"center"});}else f&&f(l,null,null);return}let h=_.match(/^drop-(left|right|top|bottom)-(.+)$/);if(!h){f&&f(l,null,null);return}let[,Y,V]=h,j=S?X(t,l):Q(t,l),oe=j&&j.id===V,b=j&&j.tabs.length===1;if(l===V||oe&&b){f&&f(l,null,null);return}let Z=Y==="left"||Y==="right"?"row":"column",z;if(S){let ie=X(t,l)?.tabsMetadata?.[l];z={type:"pane",id:pe(),tabs:[l],activeTabId:l,tabsMetadata:ie?{[l]:ie}:void 0};}else z=Q(t,l)??{type:"pane",id:pe(),tabs:[l],activeTabId:l};let se=S?fe(t,l):ge(t,l),B=Te(se,V,Z,Y,z);n(B),f&&f(l,V,{type:"split",direction:Z,position:Y});},onDragCancel:()=>{r(null),o(null),J(false),u(null),p(null),i(null),w?.(null),E.current=null;}}}var it=({activeId:e,render:t,className:n})=>{let s=Tt.useRef(null);return Tt.useEffect(()=>{let r=o=>{s.current&&(s.current.style.transform=`translate(${o.clientX+12}px, ${o.clientY+12}px)`);};return document.addEventListener("pointermove",r),()=>document.removeEventListener("pointermove",r)},[]),jsxRuntime.jsx("div",{ref:s,className:n,style:{position:"fixed",top:0,left:0,zIndex:9999,pointerEvents:"none"},children:t(e)})};var lt=Tt__default.default.memo(({tabId:e,target:t,renderWidget:n})=>{let[s,r]=Tt.useState(false),o=Tt.useRef(null);if(Tt.useEffect(()=>{r(true);},[]),Tt.useEffect(()=>{if(!s||!o.current)return;let i=o.current;if(t)t.appendChild(i);else {let u=document.getElementById("zeugma-hidden-portal-container");u||(u=document.createElement("div"),u.id="zeugma-hidden-portal-container",u.style.display="none",document.body.appendChild(u)),u.appendChild(i);}},[t,s]),Tt.useEffect(()=>()=>{o.current&&o.current.remove();},[]),!s)return null;o.current||(o.current=document.createElement("div"),o.current.className=`zeugma-portal-wrapper-${e}`,o.current.style.width="100%",o.current.style.height="100%");let a=o.current;return !a||!n?null:reactDom.createPortal(n(e),a)});var Yt=e=>{let t=e,{renderPane:n,renderWidget:s,renderDragOverlay:r,classNames:o={},children:a,layout:i,setLayout:u,fullscreenPaneId:p,setFullscreenPaneId:x,locked:m,setLocked:v,findPaneById:D,findPaneContainingTab:C,findTabById:$,activeId:f,activeType:w,dismissIntentId:g,setContainerRef:y,snapThreshold:P,minSplitPercentage:E,maxSplitPercentage:k,onRemove:N,onResizeStart:J,onResize:H,onResizeEnd:K,removePane:W,addPane:G,addTab:ee,updateTabMetadata:te,updatePaneLock:d,selectTab:R,mergeTab:F,removeTab:I,splitPane:S,updateSplitPercentage:l,moveTab:L}=t,{portalTargets:_,registerPortalTarget:T}=je(),[h,Y]=Tt.useState(null),[V,j]=Tt.useState(null),oe=at({...t,setOverTabId:Y,setOverTabPosition:j}),b=Tt.useCallback(A=>n(A),[n]),Z=Tt.useMemo(()=>o,[o.dashboard,o.dashboardDismissActive,o.pane,o.paneLocked,o.dropPreview,o.dragOverlay,o.resizer,o.dismissPreview,o.dashboardLocked,o.lockedPreview,o.tabDropPreview]),z=Tt.useCallback((A,ne)=>{K&&K(A,ne);},[K]),se=Tt.useMemo(()=>({layout:i,setLayout:u,renderPane:b,activeId:f,dismissIntentId:g,setContainerRef:y,fullscreenPaneId:p,classNames:Z,onRemove:N,onFullscreenChange:x,snapThreshold:P,onResizeStart:J,onResize:H,onResizeEnd:z,minSplitPercentage:E,maxSplitPercentage:k,locked:m,setLocked:v,findPaneById:D,findPaneContainingTab:C,findTabById:$}),[i,f,g,y,p,Z,N,x,P,J,H,E,k,u,b,z,m,v,D,C,$]),B=Tt.useMemo(()=>({overTabId:h,overTabPosition:V}),[h,V]),ae=Tt.useMemo(()=>({removePane:W,addPane:G,addTab:ee,updateTabMetadata:te,updatePaneLock:d,selectTab:R,mergeTab:F,removeTab:I,setFullscreenPaneId:x,setLocked:v,splitPane:S,updateSplitPercentage:l,moveTab:L}),[W,G,ee,te,d,R,F,I,x,v,S,l,L]),ie=Tt.useMemo(()=>{let A=[];function ne(re){re&&(re.type==="pane"?A.push(...re.tabs):(ne(re.first),ne(re.second)));}return ne(i),A},[i]),le=Tt.useMemo(()=>({registerPortalTarget:T}),[T]);return jsxRuntime.jsx(We.Provider,{value:ae,children:jsxRuntime.jsx(Be.Provider,{value:se,children:jsxRuntime.jsx(Ue.Provider,{value:B,children:jsxRuntime.jsxs(Me.Provider,{value:le,children:[jsxRuntime.jsx(core.DndContext,{id:"zeugma-dnd-context",...oe,children:a}),f&&w&&r&&jsxRuntime.jsx(it,{activeId:f,render:A=>r(A,w),className:`${o.dragOverlay||""} ${f===g&&o.dismissPreview||""}`.trim()}),jsxRuntime.jsx("div",{id:"zeugma-portal-host",style:{display:"none"},children:ie.map(A=>jsxRuntime.jsx(lt,{tabId:A,target:_[A]||null,renderWidget:s},A))})]})})})})};function Ye({containerRef:e,isRow:t,direction:n,splitPercentage:s,resizerSize:r,snapThreshold:o,layout:a,currentNode:i,onLayoutChange:u,onResizeStart:p,onResizeEnd:x,parentLeft:m,parentTop:v,parentWidth:D,parentHeight:C}){let{onResizeStart:$,onResize:f,onResizeEnd:w,minSplitPercentage:g=5,maxSplitPercentage:y=95,locked:P=false}=ce();return Tt.useCallback(E=>{if(P)return;E.preventDefault();let k=e.current;if(!k)return;p&&p(),$&&$(i);let N=k.getBoundingClientRect(),J=E.clientX,H=E.clientY,K=s,W=E.currentTarget,G=N.left+N.width*(m/100),ee=N.top+N.height*(v/100),te=N.width*(D/100),d=N.height*(C/100),F=Array.from(document.querySelectorAll('div[role="separator"][data-direction]')).filter(S=>S!==W&&S.getAttribute("data-direction")===n).map(S=>{let l=S.getBoundingClientRect();return t?l.left+l.width/2:l.top+l.height/2}),I=K;Ne({cursor:t?"col-resize":"row-resize",resizerEl:W,onMove:S=>{let l=t?(S.clientX-J)/te*100:(S.clientY-H)/d*100,L=K+l,_=t?G+(te-r)*(L/100)+r/2:ee+(d-r)*(L/100)+r/2,T=1/0,h=null;for(let oe of F){let b=Math.abs(_-oe);b<o&&b<T&&(T=b,h=oe);}let Y=L;h!==null&&(Y=t?(h-r/2-G)/(te-r)*100:(h-r/2-ee)/(d-r)*100);let V=Math.max(g,Math.min(y,Y));I=V;let j=be(a,i,V);if(j){let{panes:oe,splitters:b}=de(j),Z=e.current;if(Z){for(let z of oe)Z.style.setProperty(`--pane-left-${z.paneId}`,`${z.left}%`),Z.style.setProperty(`--pane-top-${z.paneId}`,`${z.top}%`),Z.style.setProperty(`--pane-width-${z.paneId}`,`${z.width}%`),Z.style.setProperty(`--pane-height-${z.paneId}`,`${z.height}%`);for(let z of b)Z.style.setProperty(`--splitter-pos-${z.id}`,`${z.direction==="row"?z.left:z.top}%`);}}f&&f(i,V);},onEnd:()=>{let S=be(a,i,I),l=e.current;if(l){let{panes:L,splitters:_}=de(S);for(let T of L)l.style.removeProperty(`--pane-left-${T.paneId}`),l.style.removeProperty(`--pane-top-${T.paneId}`),l.style.removeProperty(`--pane-width-${T.paneId}`),l.style.removeProperty(`--pane-height-${T.paneId}`);for(let T of _)l.style.removeProperty(`--splitter-pos-${T.id}`);}u(S),x&&x(),w&&w(i,I);}});},[e,t,n,s,r,o,a,i,u,p,x,$,f,w,g,y,m,v,D,C])}var Qt=({splitter:e,resizerSize:t,snapThreshold:n,containerRef:s})=>{let{layout:r,setLayout:o,classNames:a,locked:i}=ce(),[u,p]=Tt.useState(false),{currentNode:x,direction:m,left:v,top:D,width:C,height:$,parentLeft:f,parentTop:w,parentWidth:g,parentHeight:y}=e,P=m==="row",E=Ye({containerRef:s,isRow:P,direction:m,splitPercentage:x.splitPercentage,resizerSize:t,snapThreshold:n,layout:r,currentNode:x,onLayoutChange:o,onResizeStart:()=>p(true),onResizeEnd:()=>p(false),parentLeft:f,parentTop:w,parentWidth:g,parentHeight:y}),k=P?{position:"absolute",left:`calc(var(--splitter-pos-${e.id}, ${v}%) - ${t/2}px)`,top:`calc(${D}% + ${t/2}px)`,width:`${t}px`,height:`calc(${$}% - ${t}px)`,cursor:i?"default":"col-resize",pointerEvents:i?"none":"auto",zIndex:10,userSelect:"none",touchAction:"none",boxSizing:"border-box"}:{position:"absolute",left:`calc(${v}% + ${t/2}px)`,top:`calc(var(--splitter-pos-${e.id}, ${D}%) - ${t/2}px)`,width:`calc(${C}% - ${t}px)`,height:`${t}px`,cursor:i?"default":"row-resize",pointerEvents:i?"none":"auto",zIndex:10,userSelect:"none",touchAction:"none",boxSizing:"border-box"};return jsxRuntime.jsx("div",{className:a.resizer||"","data-direction":m,"data-resizing":u||void 0,style:k,onPointerDown:E,role:"separator","aria-valuenow":x.splitPercentage,"aria-valuemin":5,"aria-valuemax":95})},en=Tt__default.default.memo(({paneId:e,renderPane:t})=>jsxRuntime.jsx(jsxRuntime.Fragment,{children:t(e)}),(e,t)=>e.paneId===t.paneId&&e.renderPane===t.renderPane),tn=({tree:e,resizerSize:t=4,snapThreshold:n})=>{let{layout:s,renderPane:r,activeId:o,dismissIntentId:a,setContainerRef:i,fullscreenPaneId:u,snapThreshold:p,locked:x,classNames:m}=ce(),v=n!==void 0?n:p??8,D=e!==void 0?e:s,C=Tt.useRef(null),{panes:$,splitters:f}=Tt.useMemo(()=>D?de(D):{panes:[],splitters:[]},[D]);if(!D)return null;let w=()=>jsxRuntime.jsxs(jsxRuntime.Fragment,{children:[$.map(g=>{let y=u===g.paneId;return jsxRuntime.jsx("div",{style:{position:"absolute",left:y?"0%":`var(--pane-left-${g.paneId}, ${g.left}%)`,top:y?"0%":`var(--pane-top-${g.paneId}, ${g.top}%)`,width:y?"100%":`var(--pane-width-${g.paneId}, ${g.width}%)`,height:y?"100%":`var(--pane-height-${g.paneId}, ${g.height}%)`,overflow:"hidden",zIndex:y?20:1,display:u&&!y?"none":"block",padding:y?"0px":`${t/2}px`,boxSizing:"border-box"},children:jsxRuntime.jsx(en,{paneId:g.paneId,renderPane:r})},g.paneId)}),!u&&f.map(g=>jsxRuntime.jsx(Qt,{splitter:g,resizerSize:t,snapThreshold:v,containerRef:C},g.id))]});if(e===void 0){let g=o!==null&&o===a,y=E=>{i(E),C.current=E;},P=`${m.dashboard||""} ${g&&m.dashboardDismissActive||""} ${x&&m.dashboardLocked||""}`.trim();return jsxRuntime.jsx("div",{ref:y,className:P,style:{position:"relative",width:"100%",height:"100%",overflow:"hidden"},children:w()})}return jsxRuntime.jsx("div",{ref:C,style:{position:"relative",width:"100%",height:"100%",overflow:"hidden"},children:w()})};var gt="zeugma-height:",sn="default-pane";function an(e){try{let t=localStorage.getItem(gt+e);if(t!==null){let n=Number(t);if(Number.isFinite(n)&&n>0)return n}}catch{}return null}function mt(e,t){try{localStorage.setItem(gt+e,String(Math.round(t)));}catch{}}var bt=({children:e,active:t=true,height:n,onHeightChange:s,minHeight:r=100,maxHeight:o=1/0,persist:a,localStorageKey:i,resizerHeight:u=6,className:p,resizerClassName:x})=>{let m=a?i||sn:null,v=()=>{let P=(m?an(m):null)??n??400;return ke(P,r,o)},[D,C]=Tt.useState(v),$=Tt.useRef(null),f=m?D:n??D,w=Tt.useRef(n);Tt.useEffect(()=>{if(n!==void 0&&n!==w.current){let P=ke(n,r,o);C(P),m&&mt(m,P);}w.current=n;},[n,r,o,m]);let g=Tt.useCallback(()=>o,[o]),y=Tt.useCallback(P=>{P.preventDefault();let E=P.clientY,k=f,N=g(),J=P.currentTarget,H=vt($.current),K=H?H.scrollTop:0,W=E,G=null,ee=(d,R)=>{let F=R-K,S=d-E+F,l=ke(k+S,r,N);return $.current&&($.current.style.height=`${l}px`),l},te=()=>{if(!H)return;let d=H===document.documentElement||H===document.body?{top:0,bottom:window.innerHeight}:H.getBoundingClientRect(),R=40,F=10,I=0;W>d.bottom-R?I=Math.min(1,(W-(d.bottom-R))/R)*F:W<d.top+R&&(I=-Math.min(1,(d.top+R-W)/R)*F),I!==0&&(H.scrollTop+=I,ee(W,H.scrollTop)),G=requestAnimationFrame(te);};G=requestAnimationFrame(te),Ne({cursor:"row-resize",resizerEl:J,onMove:d=>{W=d.clientY,H&&ee(W,H.scrollTop);},onEnd:()=>{G!==null&&cancelAnimationFrame(G);let d=k;$.current&&(d=$.current.getBoundingClientRect().height),d=ke(d,r,N),C(d),s&&s(d),m&&mt(m,d);}});},[f,r,g,s,m]);return t?jsxRuntime.jsxs("div",{ref:$,className:`zeugma-resizable-container ${p||""}`.trim(),style:{height:`${f}px`,position:"relative",overflow:"hidden",boxSizing:"border-box"},children:[jsxRuntime.jsx("div",{style:{height:`calc(100% - ${u}px)`,overflow:"hidden"},children:e}),jsxRuntime.jsx("div",{className:`zeugma-resizable-handle ${x||""}`.trim(),style:{height:`${u}px`,cursor:"row-resize",position:"relative",zIndex:10,userSelect:"none",touchAction:"none",boxSizing:"border-box",flexShrink:0},onPointerDown:y,role:"separator","aria-orientation":"horizontal","aria-valuenow":Math.round(f),"aria-valuemin":r,"aria-valuemax":o===1/0?void 0:o})]}):jsxRuntime.jsx("div",{className:`zeugma-resizable-container disabled ${p||""}`.trim(),style:{height:"100%",position:"relative",overflow:"hidden",boxSizing:"border-box"},children:jsxRuntime.jsx("div",{style:{height:"100%",overflow:"hidden"},children:e})})};function ke(e,t,n){return Math.max(t,Math.min(n,e))}function vt(e){if(typeof window>"u"||!e)return null;let t=e.parentElement;if(!t)return document.documentElement;let s=window.getComputedStyle(t).overflowY;return s==="auto"||s==="scroll"?t:vt(t)}var He=Tt.createContext(null);var bn={top:{position:"absolute",top:0,left:"25%",width:"50%",height:"25%",zIndex:20,pointerEvents:"auto"},bottom:{position:"absolute",bottom:0,left:"25%",width:"50%",height:"25%",zIndex:20,pointerEvents:"auto"},left:{position:"absolute",top:"25%",left:0,width:"25%",height:"50%",zIndex:20,pointerEvents:"auto"},right:{position:"absolute",top:"25%",right:0,width:"25%",height:"50%",zIndex:20,pointerEvents:"auto"},full:{position:"absolute",top:0,left:0,right:0,bottom:0,zIndex:20,pointerEvents:"auto",cursor:"not-allowed"}},vn={top:{position:"absolute",top:0,left:0,right:0,height:"50%",zIndex:21,pointerEvents:"none",boxSizing:"border-box"},bottom:{position:"absolute",bottom:0,left:0,right:0,height:"50%",zIndex:21,pointerEvents:"none",boxSizing:"border-box"},left:{position:"absolute",top:0,bottom:0,left:0,width:"50%",zIndex:21,pointerEvents:"none",boxSizing:"border-box"},right:{position:"absolute",top:0,bottom:0,right:0,width:"50%",zIndex:21,pointerEvents:"none",boxSizing:"border-box"},full:{position:"absolute",top:0,left:0,right:0,bottom:0,zIndex:21,pointerEvents:"none",boxSizing:"border-box"}},ht=({id:e,position:t,activeClassName:n})=>{let{setNodeRef:s,isOver:r}=core.useDroppable({id:e});return jsxRuntime.jsxs(jsxRuntime.Fragment,{children:[jsxRuntime.jsx("div",{ref:s,style:bn[t]}),r&&jsxRuntime.jsx("div",{className:n,style:vn[t]})]})},hn=({id:e,children:t,style:n,locked:s=false})=>{let r=Tt.useRef(null),{layout:o,activeId:a,classNames:i,fullscreenPaneId:u,onFullscreenChange:p,locked:x}=ce(),{removePane:m,updateTabMetadata:v,selectTab:D,removeTab:C}=Le(),$=Tt.useContext(Me);if(!$)throw new Error("Pane must be used within a Zeugma provider");let{registerPortalTarget:f}=$,w=Tt.useMemo(()=>Q(o,e),[o,e]),g=w?.id??e,y=w?.tabs??[e],P=w?.activeTabId??e,E=w?.tabsMetadata,k=E?.[e],N=w?.locked??false,J=s||N,H=x||J,K=x||J,W=a!==null&&a!==e&&(!y.includes(a)||y.length>1)&&!K,{attributes:G,listeners:ee,setNodeRef:te}=core.useDraggable({id:e,disabled:H}),d=a!==null&&y.includes(a),R=u===e,F=Tt.useCallback(()=>jsxRuntime.jsx("div",{ref:r,id:`zeugma-tab-target-${P}`,className:"zeugma-tab-content-wrapper",style:{height:"100%",width:"100%"}}),[P]);Tt.useEffect(()=>{let L=r.current;return f(P,L),()=>{f(P,null);}},[P,f]);let I=Tt.useMemo(()=>({isDragging:d,isFullscreen:R,toggleFullscreen:()=>p?.(R?null:e),remove:()=>{R&&p?.(null),m(g);},metadata:k,updateMetadata:L=>{v(e,L);},locked:H,tabs:y,activeTabId:P,selectTab:L=>D(g,L),removeTab:L=>{R&&L===P&&p?.(null),C(L);},tabsMetadata:E,updateTabMetadata:(L,_)=>{v(L,_);},renderActiveTab:F}),[d,R,p,e,C,k,v,H,y,P,D,g,E,F]),S=Tt.useMemo(()=>H?{disabled:true}:{...ee,...G},[ee,G,H]),l=`${i.pane||""} ${J&&i.paneLocked||""}`.trim();return jsxRuntime.jsx(He.Provider,{value:S,children:jsxRuntime.jsxs("div",{ref:te,className:l,style:{position:"relative",width:"100%",height:"100%",...n},children:[t(I),W&&jsxRuntime.jsx("div",{style:{position:"absolute",top:0,left:0,right:0,bottom:0,zIndex:15,pointerEvents:"none"},children:["top","bottom","left","right"].map(L=>jsxRuntime.jsx(ht,{id:`drop-${L}-${e}`,position:L,activeClassName:i.dropPreview},L))}),a!==null&&a!==e&&K&&jsxRuntime.jsx("div",{style:{position:"absolute",top:0,left:0,right:0,bottom:0,zIndex:15,pointerEvents:"none"},children:jsxRuntime.jsx(ht,{id:`drop-locked-${e}`,position:"full",activeClassName:i.lockedPreview||""})})]})})};var yn=({children:e,className:t,style:n})=>{let s=Tt.useContext(He);if(!s)throw new Error("<DragHandle> must be used inside a <Pane>");let{disabled:r,...o}=s;return jsxRuntime.jsx("div",{className:t,style:{cursor:r?"default":"grab",userSelect:r?"auto":"none",touchAction:r?"auto":"none",...n},...r?{}:o,children:e})};var yt=({id:e,locked:t=false,children:n,className:s,style:r})=>{let{locked:o,classNames:a={}}=ce(),{overTabId:i,overTabPosition:u}=ot(),p=t||o,{attributes:x,listeners:m,setNodeRef:v,isDragging:D}=core.useDraggable({id:`tab-header-${e}`,disabled:p}),{setNodeRef:C,isOver:$}=core.useDroppable({id:`tab-drop-${e}`,disabled:p}),f=N=>{v(N),C(N);},w=$&&i===e,g=w?u:null,y=n({isDragging:D,isOver:w}),P=s,E=r,k=y;if(Tt__default.default.isValidElement(y)){let N=y.props;N&&typeof N=="object"&&("className"in N&&typeof N.className=="string"&&(P=`${s||""} ${N.className}`.trim()),"style"in N&&N.style&&typeof N.style=="object"&&(E={...r,...N.style})),k=Tt__default.default.cloneElement(y,{className:void 0,style:void 0});}return jsxRuntime.jsxs("div",{ref:f,className:P,style:{display:"inline-flex",position:"relative",cursor:p?"default":"grab",...E},...p?{}:m,...p?{}:x,children:[k,w&&g&&jsxRuntime.jsx("div",{className:a.tabDropPreview||"",style:{position:"absolute",top:0,bottom:0,width:"2px",backgroundColor:"#6366f1",left:g==="before"?0:void 0,right:g==="after"?0:void 0,pointerEvents:"none",zIndex:10}})]})};var wn=({tabs:e,activeTabId:t,locked:n=false,tabsMetadata:s,selectTab:r,removeTab:o,renderTab:a,className:i,style:u})=>jsxRuntime.jsx("div",{className:i,style:{display:"flex",alignItems:"center",height:"100%",...u},children:e.map(p=>{let x=s?.[p];return jsxRuntime.jsx(yt,{id:p,locked:n,children:({isDragging:m,isOver:v})=>a({tabId:p,activeTabId:t,isDragging:m,isOver:v,metadata:x,selectTab:r,removeTab:o})},p)})});exports.DEFAULT_DRAG_ACTIVATION_DISTANCE=wt;exports.DEFAULT_RESIZER_SIZE=In;exports.DEFAULT_SNAP_THRESHOLD=Ct;exports.DragHandle=yn;exports.Pane=hn;exports.PaneTree=tn;exports.PortalRegistryContext=Me;exports.ResizableContainer=bt;exports.Tabs=wn;exports.Zeugma=Yt;exports.ZeugmaActionsContext=We;exports.ZeugmaDragContext=Ue;exports.ZeugmaStateContext=Be;exports.createDragSession=Ne;exports.safeJsonStringify=Re;exports.useResizer=Ye;exports.useZeugma=Et;exports.useZeugmaActions=Le;exports.useZeugmaContext=Nt;exports.useZeugmaDrag=ot;exports.useZeugmaState=ce;//# sourceMappingURL=index.cjs.map
|
|
6
|
+
`,document.head.appendChild(r),t.setAttribute("data-resizing","true");let o=i=>{n(i);},a=()=>{document.body.classList.remove("zeugma-resizing"),t.removeAttribute("data-resizing");let i=document.getElementById("zeugma-global-cursor-style");i&&i.remove(),document.removeEventListener("pointermove",o),document.removeEventListener("pointerup",a),s();};document.addEventListener("pointermove",o),document.addEventListener("pointerup",a);}var Be=Yt.createContext(void 0),We=Yt.createContext(void 0),Me=Yt.createContext(void 0),Ue=Yt.createContext(void 0),ce=()=>{let e=Yt.useContext(Be);if(!e)throw new Error("useZeugmaState must be used within a Zeugma provider");return e},Le=()=>{let e=Yt.useContext(We);if(!e)throw new Error("useZeugmaActions must be used within a Zeugma provider");return e},it=()=>{let e=Yt.useContext(Ue);if(!e)throw new Error("useZeugmaDrag must be used within a Zeugma provider");return e};var kt=()=>{let e=ce(),t=Le();return {...e,...t}};var Ze=class extends core.PointerSensor{static activators=[{eventName:"onPointerDown",handler:({nativeEvent:t})=>!t.target?.closest(".drag-cancel")}]},ke=class extends core.TouchSensor{static activators=[{eventName:"onTouchStart",handler:({nativeEvent:t})=>!t.target?.closest(".drag-cancel")}]};function $e(e){if(e instanceof MouseEvent||e instanceof PointerEvent)return {x:e.clientX,y:e.clientY};if(typeof TouchEvent<"u"&&e instanceof TouchEvent){let t=e.touches[0]||e.changedTouches[0];if(t)return {x:t.clientX,y:t.clientY}}return null}function ct(e){let{layout:t,setLayout:n,activeId:s,setActiveId:r,setActiveType:o,dismissIntentId:a,setDismissIntentId:i,setOverTabId:u,setOverTabPosition:p,containerRef:f,dragActivationDistance:b,enableDragToDismiss:h,dismissThreshold:S,onRemove:T,onDragStart:M,onDragEnd:m,onDismissIntentChange:w,removeTab:g,moveTab:R,selectTab:x}=e,E=Yt.useRef(null),z=je(s),[O,K]=Yt.useState(false);et(O);let Z=core.useSensors(core.useSensor(Ze,{activationConstraint:{distance:b}}),core.useSensor(ke,{activationConstraint:{delay:250,tolerance:5}})),Y=Yt.useCallback(d=>{let C=core.pointerWithin(d);if(C.length>0)return C;if(d.active.id.toString().startsWith("tab-header-")){let N=d.droppableContainers.filter(D=>D.id.toString().startsWith("tab-drop-"));return core.closestCenter({...d,droppableContainers:N})}return []},[]);return {sensors:Z,collisionDetection:Y,onDragStart:d=>{let C=d.active.id.toString(),H=C.startsWith("tab-header-"),N=H?C.substring(11):C;r(N),o(H?"tab":"pane"),u(null),p(null);let D=d.activatorEvent;if(z.current=$e(D),h&&f.current?E.current=f.current.getBoundingClientRect():E.current=null,H){let l=J(t,N);l&&x(l.id,N);}M&&M(N);},onDragMove:d=>{let{over:C}=d,H=C?.id.toString()||"",N=H.startsWith("drop-locked-");K(v=>v===N?v:N);let D=H.match(/^tab-drop-(.+)$/);if(D&&C){let[,v]=D,k=d.active.id.toString();if((k.startsWith("tab-header-")?k.substring(11):k)!==v){let W="before",ae=C.rect,ie=d.activatorEvent,le=null;if(z.current)le=z.current.x;else {let A=$e(ie);A&&(le=A.x+d.delta.x);}if(le!==null){let A=ae.left+ae.width/2;le>A&&(W="after");}u(A=>A===v?A:v),p(A=>A===W?A:W);}else u(W=>W===null?W:null),p(W=>W===null?W:null);}else u(v=>v===null?v:null),p(v=>v===null?v:null);if(!h)return;let l=d.active.id.toString(),X=l.startsWith("tab-header-")?l.substring(11):l,y=E.current;if(!y){a!==null&&(i(null),w?.(null));return}let P=d.activatorEvent,q=null,B=null;if(z.current)q=z.current.x,B=z.current.y;else {let v=$e(P);v&&(q=v.x+d.delta.x,B=v.y+d.delta.y);}let ee=0;if(q!==null&&B!==null){let v=0,k=0;q<y.left?v=y.left-q:q>y.right&&(v=q-y.right),B<y.top?k=y.top-B:B>y.bottom&&(k=B-y.bottom),ee=Math.sqrt(v*v+k*k);}else {let v=d.active.rect.current.translated;if(v){let k=v.left+v.width/2,$=v.top+v.height/2,se=0,W=0;k<y.left?se=y.left-k:k>y.right&&(se=k-y.right),$<y.top?W=y.top-$:$>y.bottom&&(W=$-y.bottom),ee=Math.sqrt(se*se+W*W);}}ee>S?a!==X&&(i(X),w?.(X)):a!==null&&(i(null),w?.(null));},onDragEnd:d=>{r(null),o(null),K(false),u(null),p(null);let{active:C,over:H}=d,N=C.id.toString(),D=N.startsWith("tab-header-"),l=D?N.substring(11):N,L=h&&a===l;if(i(null),w?.(null),E.current=null,L){T?T(l):g(l),m&&m(l,null,null);return}if(!H){m&&m(l,null,null);return}let X=H.id.toString();if(X.startsWith("drop-locked-")){m&&m(l,null,null);return}let y=X.match(/^tab-drop-(.+)$/);if(y){let[,ae]=y;if(l!==ae){let ie="before",le=H.rect,A=d.activatorEvent,ne=null;if(z.current)ne=z.current.x;else {let re=$e(A);re&&(ne=re.x+d.delta.x);}if(ne!==null){let re=le.left+le.width/2;ne>re&&(ie="after");}R(l,ae,ie),m&&m(l,ae,{type:"move",position:"center"});}else m&&m(l,null,null);return}let P=X.match(/^drop-(left|right|top|bottom)-(.+)$/);if(!P){m&&m(l,null,null);return}let[,q,B]=P,ee=D?J(t,l):te(t,l),oe=ee&&ee.id===B,v=ee&&ee.tabs.length===1;if(l===B||oe&&v){m&&m(l,null,null);return}let k=q==="left"||q==="right"?"row":"column",$;if(D){let ie=J(t,l)?.tabsMetadata?.[l];$={type:"pane",id:pe(),tabs:[l],activeTabId:l,tabsMetadata:ie?{[l]:ie}:void 0};}else $=te(t,l)??{type:"pane",id:pe(),tabs:[l],activeTabId:l};let se=D?fe(t,l):ge(t,l),W=Te(se,B,k,q,$);n(W),m&&m(l,B,{type:"split",direction:k,position:q});},onDragCancel:()=>{r(null),o(null),K(false),u(null),p(null),i(null),w?.(null),E.current=null;}}}var ut=({activeId:e,render:t,className:n})=>{let s=Yt.useRef(null);return Yt.useEffect(()=>{let r=o=>{s.current&&(s.current.style.transform=`translate(${o.clientX+12}px, ${o.clientY+12}px)`);};return document.addEventListener("pointermove",r),()=>document.removeEventListener("pointermove",r)},[]),jsxRuntime.jsx("div",{ref:s,className:n,style:{position:"fixed",top:0,left:0,zIndex:9999,pointerEvents:"none"},children:t(e)})};var dt=Yt__default.default.memo(({tabId:e,target:t,renderWidget:n})=>{let[s,r]=Yt.useState(false),o=Yt.useRef(null);if(Yt.useEffect(()=>{r(true);},[]),Yt.useEffect(()=>{if(!s||!o.current)return;let i=o.current;if(t)t.appendChild(i);else {let u=document.getElementById("zeugma-hidden-portal-container");u||(u=document.createElement("div"),u.id="zeugma-hidden-portal-container",u.style.display="none",document.body.appendChild(u)),u.appendChild(i);}},[t,s]),Yt.useEffect(()=>()=>{o.current&&o.current.remove();},[]),!s)return null;o.current||(o.current=document.createElement("div"),o.current.className=`zeugma-portal-wrapper-${e}`,o.current.style.width="100%",o.current.style.height="100%");let a=o.current;return !a||!n?null:reactDom.createPortal(n(e),a)});var Kt=e=>{let t=e,{renderPane:n,renderWidget:s,renderDragOverlay:r,classNames:o={},children:a,layout:i,setLayout:u,fullscreenPaneId:p,setFullscreenPaneId:f,locked:b,setLocked:h,findPaneById:S,findPaneContainingTab:T,findTabById:M,activeId:m,activeType:w,dismissIntentId:g,setContainerRef:R,snapThreshold:x,minSplitPercentage:E,maxSplitPercentage:z,onRemove:O,onResizeStart:K,onResize:Z,onResizeEnd:Y,removePane:F,addPane:U,addTab:Q,updateTabMetadata:j,updatePaneLock:d,selectTab:C,mergeTab:H,removeTab:N,splitPane:D,updateSplitPercentage:l,moveTab:L}=t,{portalTargets:X,registerPortalTarget:y}=tt(),[P,q]=Yt.useState(null),[B,ee]=Yt.useState(null),oe=ct({...t,setOverTabId:q,setOverTabPosition:ee}),v=Yt.useCallback(A=>n(A),[n]),k=Yt.useMemo(()=>o,[o.dashboard,o.dashboardDismissActive,o.pane,o.paneLocked,o.dropPreview,o.dragOverlay,o.resizer,o.dismissPreview,o.dashboardLocked,o.lockedPreview,o.tabDropPreview,o.tabSeparator]),$=Yt.useCallback((A,ne)=>{Y&&Y(A,ne);},[Y]),se=Yt.useMemo(()=>({layout:i,setLayout:u,renderPane:v,activeId:m,activeType:w,dismissIntentId:g,setContainerRef:R,fullscreenPaneId:p,classNames:k,onRemove:O,onFullscreenChange:f,snapThreshold:x,onResizeStart:K,onResize:Z,onResizeEnd:$,minSplitPercentage:E,maxSplitPercentage:z,locked:b,setLocked:h,findPaneById:S,findPaneContainingTab:T,findTabById:M}),[i,m,w,g,R,p,k,O,f,x,K,Z,E,z,u,v,$,b,h,S,T,M]),W=Yt.useMemo(()=>({overTabId:P,overTabPosition:B}),[P,B]),ae=Yt.useMemo(()=>({removePane:F,addPane:U,addTab:Q,updateTabMetadata:j,updatePaneLock:d,selectTab:C,mergeTab:H,removeTab:N,setFullscreenPaneId:f,setLocked:h,splitPane:D,updateSplitPercentage:l,moveTab:L}),[F,U,Q,j,d,C,H,N,f,h,D,l,L]),ie=Yt.useMemo(()=>{let A=[];function ne(re){re&&(re.type==="pane"?A.push(...re.tabs):(ne(re.first),ne(re.second)));}return ne(i),A},[i]),le=Yt.useMemo(()=>({registerPortalTarget:y}),[y]);return jsxRuntime.jsx(We.Provider,{value:ae,children:jsxRuntime.jsx(Be.Provider,{value:se,children:jsxRuntime.jsx(Ue.Provider,{value:W,children:jsxRuntime.jsxs(Me.Provider,{value:le,children:[jsxRuntime.jsx(core.DndContext,{id:"zeugma-dnd-context",...oe,children:a}),m&&w&&r&&jsxRuntime.jsx(ut,{activeId:m,render:A=>r(A,w),className:`${o.dragOverlay||""} ${m===g&&o.dismissPreview||""}`.trim()}),jsxRuntime.jsx("div",{id:"zeugma-portal-host",style:{display:"none"},children:ie.map(A=>jsxRuntime.jsx(dt,{tabId:A,target:X[A]||null,renderWidget:s},A))})]})})})})};function Ye({containerRef:e,isRow:t,direction:n,splitPercentage:s,resizerSize:r,snapThreshold:o,layout:a,currentNode:i,onLayoutChange:u,onResizeStart:p,onResizeEnd:f,parentLeft:b,parentTop:h,parentWidth:S,parentHeight:T}){let{onResizeStart:M,onResize:m,onResizeEnd:w,minSplitPercentage:g=5,maxSplitPercentage:R=95,locked:x=false}=ce();return Yt.useCallback(E=>{if(x)return;E.preventDefault();let z=e.current;if(!z)return;p&&p(),M&&M(i);let O=z.getBoundingClientRect(),K=E.clientX,Z=E.clientY,Y=s,F=E.currentTarget,U=O.left+O.width*(b/100),Q=O.top+O.height*(h/100),j=O.width*(S/100),d=O.height*(T/100),H=Array.from(document.querySelectorAll('div[role="separator"][data-direction]')).filter(D=>D!==F&&D.getAttribute("data-direction")===n).map(D=>{let l=D.getBoundingClientRect();return t?l.left+l.width/2:l.top+l.height/2}),N=Y;Ne({cursor:t?"col-resize":"row-resize",resizerEl:F,onMove:D=>{let l=t?(D.clientX-K)/j*100:(D.clientY-Z)/d*100,L=Y+l,X=t?U+(j-r)*(L/100)+r/2:Q+(d-r)*(L/100)+r/2,y=1/0,P=null;for(let oe of H){let v=Math.abs(X-oe);v<o&&v<y&&(y=v,P=oe);}let q=L;P!==null&&(q=t?(P-r/2-U)/(j-r)*100:(P-r/2-Q)/(d-r)*100);let B=Math.max(g,Math.min(R,q));N=B;let ee=be(a,i,B);if(ee){let{panes:oe,splitters:v}=de(ee),k=e.current;if(k){for(let $ of oe)k.style.setProperty(`--pane-left-${$.paneId}`,`${$.left}%`),k.style.setProperty(`--pane-top-${$.paneId}`,`${$.top}%`),k.style.setProperty(`--pane-width-${$.paneId}`,`${$.width}%`),k.style.setProperty(`--pane-height-${$.paneId}`,`${$.height}%`);for(let $ of v)k.style.setProperty(`--splitter-pos-${$.id}`,`${$.direction==="row"?$.left:$.top}%`);}}m&&m(i,B);},onEnd:()=>{let D=be(a,i,N),l=e.current;if(l){let{panes:L,splitters:X}=de(D);for(let y of L)l.style.removeProperty(`--pane-left-${y.paneId}`),l.style.removeProperty(`--pane-top-${y.paneId}`),l.style.removeProperty(`--pane-width-${y.paneId}`),l.style.removeProperty(`--pane-height-${y.paneId}`);for(let y of X)l.style.removeProperty(`--splitter-pos-${y.id}`);}u(D),f&&f(),w&&w(i,N);}});},[e,t,n,s,r,o,a,i,u,p,f,M,m,w,g,R,b,h,S,T])}var on=({splitter:e,resizerSize:t,snapThreshold:n,containerRef:s})=>{let{layout:r,setLayout:o,classNames:a,locked:i}=ce(),[u,p]=Yt.useState(false),{currentNode:f,direction:b,left:h,top:S,width:T,height:M,parentLeft:m,parentTop:w,parentWidth:g,parentHeight:R}=e,x=b==="row",E=Ye({containerRef:s,isRow:x,direction:b,splitPercentage:f.splitPercentage,resizerSize:t,snapThreshold:n,layout:r,currentNode:f,onLayoutChange:o,onResizeStart:()=>p(true),onResizeEnd:()=>p(false),parentLeft:m,parentTop:w,parentWidth:g,parentHeight:R}),z=x?{position:"absolute",left:`calc(var(--splitter-pos-${e.id}, ${h}%) - ${t/2}px)`,top:`calc(${S}% + ${t/2}px)`,width:`${t}px`,height:`calc(${M}% - ${t}px)`,cursor:i?"default":"col-resize",pointerEvents:i?"none":"auto",zIndex:10,userSelect:"none",touchAction:"none",boxSizing:"border-box"}:{position:"absolute",left:`calc(${h}% + ${t/2}px)`,top:`calc(var(--splitter-pos-${e.id}, ${S}%) - ${t/2}px)`,width:`calc(${T}% - ${t}px)`,height:`${t}px`,cursor:i?"default":"row-resize",pointerEvents:i?"none":"auto",zIndex:10,userSelect:"none",touchAction:"none",boxSizing:"border-box"};return jsxRuntime.jsx("div",{className:a.resizer||"","data-direction":b,"data-resizing":u||void 0,style:z,onPointerDown:E,role:"separator","aria-valuenow":f.splitPercentage,"aria-valuemin":5,"aria-valuemax":95})},sn=Yt__default.default.memo(({paneId:e,renderPane:t})=>jsxRuntime.jsx(jsxRuntime.Fragment,{children:t(e)}),(e,t)=>e.paneId===t.paneId&&e.renderPane===t.renderPane),an=({tree:e,resizerSize:t=4,snapThreshold:n})=>{let{layout:s,renderPane:r,activeId:o,dismissIntentId:a,setContainerRef:i,fullscreenPaneId:u,snapThreshold:p,locked:f,classNames:b}=ce(),h=n!==void 0?n:p??8,S=e!==void 0?e:s,T=Yt.useRef(null),{panes:M,splitters:m}=Yt.useMemo(()=>S?de(S):{panes:[],splitters:[]},[S]);if(!S)return null;let w=()=>jsxRuntime.jsxs(jsxRuntime.Fragment,{children:[M.map(g=>{let R=u===g.paneId;return jsxRuntime.jsx("div",{style:{position:"absolute",left:R?"0%":`var(--pane-left-${g.paneId}, ${g.left}%)`,top:R?"0%":`var(--pane-top-${g.paneId}, ${g.top}%)`,width:R?"100%":`var(--pane-width-${g.paneId}, ${g.width}%)`,height:R?"100%":`var(--pane-height-${g.paneId}, ${g.height}%)`,overflow:"hidden",zIndex:R?20:1,display:u&&!R?"none":"block",padding:R?"0px":`${t/2}px`,boxSizing:"border-box"},children:jsxRuntime.jsx(sn,{paneId:g.paneId,renderPane:r})},g.paneId)}),!u&&m.map(g=>jsxRuntime.jsx(on,{splitter:g,resizerSize:t,snapThreshold:h,containerRef:T},g.id))]});if(e===void 0){let g=o!==null&&o===a,R=E=>{i(E),T.current=E;},x=`${b.dashboard||""} ${g&&b.dashboardDismissActive||""} ${f&&b.dashboardLocked||""}`.trim();return jsxRuntime.jsx("div",{ref:R,className:x,style:{position:"relative",width:"100%",height:"100%",overflow:"hidden"},children:w()})}return jsxRuntime.jsx("div",{ref:T,style:{position:"relative",width:"100%",height:"100%",overflow:"hidden"},children:w()})};var ht="zeugma-height:",dn="default-pane";function pn(e){try{let t=localStorage.getItem(ht+e);if(t!==null){let n=Number(t);if(Number.isFinite(n)&&n>0)return n}}catch{}return null}function vt(e,t){try{localStorage.setItem(ht+e,String(Math.round(t)));}catch{}}var Pt=({children:e,active:t=true,height:n,onHeightChange:s,minHeight:r=100,maxHeight:o=1/0,persist:a,localStorageKey:i,resizerHeight:u=6,className:p,resizerClassName:f})=>{let b=a?i||dn:null,h=()=>{let x=(b?pn(b):null)??n??400;return ze(x,r,o)},[S,T]=Yt.useState(h),M=Yt.useRef(null),m=b?S:n??S,w=Yt.useRef(n);Yt.useEffect(()=>{if(n!==void 0&&n!==w.current){let x=ze(n,r,o);T(x),b&&vt(b,x);}w.current=n;},[n,r,o,b]);let g=Yt.useCallback(()=>o,[o]),R=Yt.useCallback(x=>{x.preventDefault();let E=x.clientY,z=m,O=g(),K=x.currentTarget,Z=Tt(M.current),Y=Z?Z.scrollTop:0,F=E,U=null,Q=(d,C)=>{let H=C-Y,D=d-E+H,l=ze(z+D,r,O);return M.current&&(M.current.style.height=`${l}px`),l},j=()=>{if(!Z)return;let d=Z===document.documentElement||Z===document.body?{top:0,bottom:window.innerHeight}:Z.getBoundingClientRect(),C=40,H=10,N=0;F>d.bottom-C?N=Math.min(1,(F-(d.bottom-C))/C)*H:F<d.top+C&&(N=-Math.min(1,(d.top+C-F)/C)*H),N!==0&&(Z.scrollTop+=N,Q(F,Z.scrollTop)),U=requestAnimationFrame(j);};U=requestAnimationFrame(j),Ne({cursor:"row-resize",resizerEl:K,onMove:d=>{F=d.clientY,Z&&Q(F,Z.scrollTop);},onEnd:()=>{U!==null&&cancelAnimationFrame(U);let d=z;M.current&&(d=M.current.getBoundingClientRect().height),d=ze(d,r,O),T(d),s&&s(d),b&&vt(b,d);}});},[m,r,g,s,b]);return t?jsxRuntime.jsxs("div",{ref:M,className:p,style:{height:`${m}px`,position:"relative",overflow:"hidden",boxSizing:"border-box"},children:[jsxRuntime.jsx("div",{style:{height:`calc(100% - ${u}px)`,overflow:"hidden"},children:e}),jsxRuntime.jsx("div",{className:f,style:{height:`${u}px`,cursor:"row-resize",position:"relative",zIndex:10,userSelect:"none",touchAction:"none",boxSizing:"border-box",flexShrink:0},onPointerDown:R,role:"separator","aria-orientation":"horizontal","aria-valuenow":Math.round(m),"aria-valuemin":r,"aria-valuemax":o===1/0?void 0:o})]}):jsxRuntime.jsx("div",{className:p,style:{height:"100%",position:"relative",overflow:"hidden",boxSizing:"border-box"},children:jsxRuntime.jsx("div",{style:{height:"100%",overflow:"hidden"},children:e})})};function ze(e,t,n){return Math.max(t,Math.min(n,e))}function Tt(e){if(typeof window>"u"||!e)return null;let t=e.parentElement;if(!t)return document.documentElement;let s=window.getComputedStyle(t).overflowY;return s==="auto"||s==="scroll"?t:Tt(t)}var He=Yt.createContext(null);var xn={top:{position:"absolute",top:0,left:"25%",width:"50%",height:"25%",zIndex:20,pointerEvents:"auto"},bottom:{position:"absolute",bottom:0,left:"25%",width:"50%",height:"25%",zIndex:20,pointerEvents:"auto"},left:{position:"absolute",top:"25%",left:0,width:"25%",height:"50%",zIndex:20,pointerEvents:"auto"},right:{position:"absolute",top:"25%",right:0,width:"25%",height:"50%",zIndex:20,pointerEvents:"auto"},full:{position:"absolute",top:0,left:0,right:0,bottom:0,zIndex:20,pointerEvents:"auto",cursor:"not-allowed"}},yn={top:{position:"absolute",top:0,left:0,right:0,height:"50%",zIndex:21,pointerEvents:"none",boxSizing:"border-box"},bottom:{position:"absolute",bottom:0,left:0,right:0,height:"50%",zIndex:21,pointerEvents:"none",boxSizing:"border-box"},left:{position:"absolute",top:0,bottom:0,left:0,width:"50%",zIndex:21,pointerEvents:"none",boxSizing:"border-box"},right:{position:"absolute",top:0,bottom:0,right:0,width:"50%",zIndex:21,pointerEvents:"none",boxSizing:"border-box"},full:{position:"absolute",top:0,left:0,right:0,bottom:0,zIndex:21,pointerEvents:"none",boxSizing:"border-box"}},xt=({id:e,position:t,activeClassName:n})=>{let{setNodeRef:s,isOver:r}=core.useDroppable({id:e});return jsxRuntime.jsxs(jsxRuntime.Fragment,{children:[jsxRuntime.jsx("div",{ref:s,style:xn[t]}),r&&jsxRuntime.jsx("div",{className:n,style:yn[t]})]})},Sn=({id:e,children:t,style:n,locked:s=false})=>{let r=Yt.useRef(null),{layout:o,activeId:a,classNames:i,fullscreenPaneId:u,onFullscreenChange:p,locked:f}=ce(),{removePane:b,updateTabMetadata:h,selectTab:S,removeTab:T}=Le(),M=Yt.useContext(Me);if(!M)throw new Error("Pane must be used within a Zeugma provider");let{registerPortalTarget:m}=M,w=Yt.useMemo(()=>te(o,e),[o,e]),g=w?.id??e,R=w?.tabs??[e],x=w?.activeTabId??e,E=w?.tabsMetadata,z=E?.[e],O=w?.locked??false,K=s||O,Z=f||K,Y=f||K,F=a!==null&&a!==e&&(!R.includes(a)||R.length>1)&&!Y,{attributes:U,listeners:Q,setNodeRef:j}=core.useDraggable({id:e,disabled:Z}),d=a!==null&&R.includes(a),C=u===e,H=Yt.useCallback(()=>jsxRuntime.jsx("div",{ref:r,id:`zeugma-tab-target-${x}`,className:"zeugma-tab-content-wrapper",style:{height:"100%",width:"100%"}}),[x]);Yt.useEffect(()=>{let L=r.current;return m(x,L),()=>{m(x,null);}},[x,m]);let N=Yt.useMemo(()=>({isDragging:d,isFullscreen:C,toggleFullscreen:()=>p?.(C?null:e),remove:()=>{C&&p?.(null),b(g);},metadata:z,updateMetadata:L=>{h(e,L);},locked:Z,tabs:R,activeTabId:x,selectTab:L=>S(g,L),removeTab:L=>{C&&L===x&&p?.(null),T(L);},tabsMetadata:E,updateTabMetadata:(L,X)=>{h(L,X);},renderActiveTab:H}),[d,C,p,e,T,z,h,Z,R,x,S,g,E,H]),D=Yt.useMemo(()=>Z?{disabled:true}:{...Q,...U},[Q,U,Z]),l=`${i.pane||""} ${K&&i.paneLocked||""}`.trim();return jsxRuntime.jsx(He.Provider,{value:D,children:jsxRuntime.jsxs("div",{ref:j,className:l,style:{position:"relative",width:"100%",height:"100%",...n},children:[t(N),F&&jsxRuntime.jsx("div",{style:{position:"absolute",top:0,left:0,right:0,bottom:0,zIndex:15,pointerEvents:"none"},children:["top","bottom","left","right"].map(L=>jsxRuntime.jsx(xt,{id:`drop-${L}-${e}`,position:L,activeClassName:i.dropPreview},L))}),a!==null&&a!==e&&Y&&jsxRuntime.jsx("div",{style:{position:"absolute",top:0,left:0,right:0,bottom:0,zIndex:15,pointerEvents:"none"},children:jsxRuntime.jsx(xt,{id:`drop-locked-${e}`,position:"full",activeClassName:i.lockedPreview||""})})]})})};var Dn=({children:e,className:t,style:n})=>{let s=Yt.useContext(He);if(!s)throw new Error("<DragHandle> must be used inside a <Pane>");let{disabled:r,...o}=s;return jsxRuntime.jsx("div",{className:t,style:{cursor:r?"default":"grab",userSelect:r?"auto":"none",touchAction:r?"auto":"none",...n},...r?{}:o,children:e})};var Ct=Yt.createContext(void 0),Ln=()=>{let e=Yt.useContext(Ct);if(!e)throw new Error("useTabContext must be used within a Tab component");return e},Dt=({id:e,locked:t=false,children:n,className:s,style:r})=>{let{locked:o,classNames:a={}}=ce(),{overTabId:i,overTabPosition:u}=it(),p=Yt.useContext(Je),f=t||o||(p?.locked??false),{attributes:b,listeners:h,setNodeRef:S,isDragging:T}=core.useDraggable({id:`tab-header-${e}`,disabled:f}),{setNodeRef:M,isOver:m}=core.useDroppable({id:`tab-drop-${e}`,disabled:f}),w=d=>{S(d),M(d);},g=m&&i===e,R=g?u:null,x=g&&R?jsxRuntime.jsx("div",{className:a.tabDropPreview,style:{left:R==="before"?0:void 0,right:R==="after"?0:void 0}}):null,E=p?.tabs||[],z=E.indexOf(e),O=p?.activeTabId,Z=z>0&&e!==O&&E[z-1]!==O?jsxRuntime.jsx("div",{className:a.tabSeparator}):null,Y=p?p.activeTabId===e:false,F=p?.tabsMetadata?.[e],U=Yt.useCallback(()=>{p?.selectTab(e);},[p,e]),Q=Yt.useCallback(()=>{p?.removeTab(e);},[p,e]),j=Yt.useMemo(()=>({tabId:e,isActive:Y,isDragging:T,isOver:g,metadata:F,locked:f,selectTab:U,removeTab:Q}),[e,Y,T,g,F,f,U,Q]);return jsxRuntime.jsx(Ct.Provider,{value:j,children:jsxRuntime.jsxs("div",{ref:w,className:s,style:{display:"inline-flex",position:"relative",cursor:f?"default":"grab",...r},...f?{}:h,...f?{}:b,children:[Z,n({isDragging:T,isOver:g}),x]})})};var Je=Yt.createContext(void 0);var wt=(e,t)=>typeof e=="function"?e(t):e,zn=({tabs:e,activeTabId:t,locked:n=false,tabsMetadata:s,selectTab:r,removeTab:o,renderTab:a,classNames:i,styles:u})=>{let p=Yt.useMemo(()=>({tabs:e,activeTabId:t,locked:n,tabsMetadata:s,selectTab:r,removeTab:o}),[e,t,n,s,r,o]);return jsxRuntime.jsx(Je.Provider,{value:p,children:jsxRuntime.jsx("div",{className:i?.container,style:{display:"flex",alignItems:"center",height:"100%",...u?.container},children:e.map(f=>{let b=s?.[f],h=wt(i?.tab,f),S=wt(u?.tab,f);return jsxRuntime.jsx(Dt,{id:f,locked:n,className:h,style:S,children:({isDragging:T,isOver:M})=>a({tabId:f,activeTabId:t,isDragging:T,isOver:M,metadata:b,selectTab:r,removeTab:o})},f)})})})};exports.DEFAULT_DRAG_ACTIVATION_DISTANCE=Lt;exports.DEFAULT_RESIZER_SIZE=Vn;exports.DEFAULT_SNAP_THRESHOLD=Mt;exports.DragHandle=Dn;exports.Pane=Sn;exports.PaneTree=an;exports.PortalRegistryContext=Me;exports.ResizableContainer=Pt;exports.Tabs=zn;exports.Zeugma=Kt;exports.ZeugmaActionsContext=We;exports.ZeugmaDragContext=Ue;exports.ZeugmaStateContext=Be;exports.createDragSession=Ne;exports.safeJsonStringify=Se;exports.useResizer=Ye;exports.useTabContext=Ln;exports.useZeugma=Zt;exports.useZeugmaActions=Le;exports.useZeugmaContext=kt;exports.useZeugmaDrag=it;exports.useZeugmaState=ce;//# sourceMappingURL=index.cjs.map
|
|
7
7
|
//# sourceMappingURL=index.cjs.map
|