@principal-ade/panels 1.0.70 → 1.0.71

package/dist/components/ConfigurablePanelLayout.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ConfigurablePanelLayout.d.ts","sourceRoot":"","sources":["../../src/components/ConfigurablePanelLayout.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"ConfigurablePanelLayout.d.ts","sourceRoot":"","sources":["../../src/components/ConfigurablePanelLayout.tsx"],"names":[],"mappings":"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"}

package/dist/index.esm.js

@@ -18,7 +18,7 @@ return e("div",{className:"tab-group-empty",children:"No panels available"});con
 /* @__PURE__ */e("span",{className:"tab-icon",children:r.icon}),
 /* @__PURE__ */e("span",{className:"tab-label",children:r.label})]}):r.label},r.id))}),D=S?/* @__PURE__ */e("div",{className:"tab-content",role:"tabpanel",id:`tabpanel-${S.id}`,"aria-labelledby":`tab-${S.id}`,children:S.content}):null;/* @__PURE__ */
 return t("div",{className:`tab-group tab-position-${u} ${s}`,style:w,children:[!h&&("top"===u||"left"===u)&&E,D,!h&&("bottom"===u||"right"===u)&&E]})},k={x:0,y:0,width:0,height:0},L=s(null),P=({slot:t,children:n})=>{const r=l(null),[s,c]=o(k),d=i(()=>{if(r.current){const e=r.current.getBoundingClientRect();c({x:e.left,y:e.top,width:e.width,height:e.height})}},[]);a(()=>{const e=r.current;if(!e)return;d();const t=new ResizeObserver(()=>{d()});return t.observe(e),window.addEventListener("resize",d),window.addEventListener("scroll",d,!0),()=>{t.disconnect(),window.removeEventListener("resize",d),window.removeEventListener("scroll",d,!0)}},[d]);const u={slot:t,bounds:s};/* @__PURE__ */
-return e(L.Provider,{value:u,children:/* @__PURE__ */e("div",{ref:r,className:"panel-bounds-container",style:{width:"100%",height:"100%",minWidth:0},children:n})})};function M(){const e=c(L);return e?{slot:e.slot,bounds:e.bounds,isInPanel:!0}:{slot:null,bounds:k,isInPanel:!1}}function A(){const{bounds:e}=M();return{offsetX:e.x,offsetY:e.y}}const T=d(({panels:n,layout:r,slotDataAttributes:s={},collapsiblePanels:c={left:!0,middle:!1,right:!0},defaultSizes:d={left:20,middle:60,right:20},className:p="",collapsed:h={left:!1,middle:!1,right:!1},style:g,showCollapseButtons:v=!1,animationDuration:y=300,animationEasing:w="cubic-bezier(0.4, 0, 0.2, 1)",theme:x,onLeftCollapseStart:N,onLeftCollapseComplete:S,onLeftExpandStart:E,onLeftExpandComplete:D,onMiddleCollapseStart:R,onMiddleCollapseComplete:k,onMiddleExpandStart:L,onMiddleExpandComplete:M,onRightCollapseStart:A,onRightCollapseComplete:T,onRightExpandStart:$,onRightExpandComplete:B,onPanelResize:O},F)=>{const I=null!==r.left&&void 0!==r.left,H=null!==r.middle&&void 0!==r.middle,W=null!==r.right&&void 0!==r.right,j=[I,H,W].filter(Boolean).length,q={left:I?d?.left??(2===j?50:3===j?20:100):0,middle:H?d?.middle??(2===j?50:3===j?60:100):0,right:W?d?.right??(2===j?50:3===j?20:100):0},[K,U]=o(h.left||!I),[X,Y]=o(h.middle||!H),[V,J]=o(h.right||!W),[G,_]=o(!1),[Q,Z]=o(!1);a(()=>{const e=requestAnimationFrame(()=>{Z(!0)});return()=>cancelAnimationFrame(e)},[]);const ee=i(e=>{if(!e)return null;const t=n.find(t=>t.id===e);return t?.content||null},[n]),te=i(t=>{if(null===t)return null;if("object"==typeof t&&"type"in t){const r=t;return"tabs"===r.type?/* @__PURE__ */e(z,{panelIds:r.panels,panels:n,config:r.config,theme:x}):null}return ee(t)},[n,ee,x]),ne=te(r.left??null),re=te(r.middle??null),oe=te(r.right??null),[le,ie]=o(h.left||!I?0:q.left),[ae,se]=o(h.middle||!H?0:q.middle),[ce,de]=o(h.right||!W?0:q.right),[ue,pe]=o(q.left),[he,ge]=o(q.middle),[ve,me]=o(q.right),fe=l(null),be=l(null),ye=l(null),we=l(null),xe=i(()=>{!G&&c.left&&(N?.(),be.current?.collapse(),U(!0),S?.())},[G,c.left,N,S]),Ce=i(()=>{!G&&c.left&&(E?.(),be.current?.expand(),U(!1),D?.())},[G,c.left,E,D]),Ne=i(()=>{!G&&c.right&&(A?.(),we.current?.collapse(),J(!0),T?.())},[G,c.right,A,T]),Se=i(()=>{!G&&c.right&&($?.(),we.current?.expand(),J(!1),B?.())},[G,c.right,$,B]),Ee=i(()=>{K?Ce():xe()},[K,xe,Ce]),De=i(()=>{V?Se():Ne()},[V,Ne,Se]);u(F,()=>({setLayout:e=>{fe.current?(console.log("[ConfigurablePanelLayout] setLayout called with:",e),console.log("[ConfigurablePanelLayout] Current internal state:",{leftCollapsed:K,rightCollapsed:V,leftSize:le,middleSize:ae,rightSize:ce}),fe.current.setLayout(e)):console.warn("[ConfigurablePanelLayout] setLayout called but panelGroupRef is null")},collapsePanel:e=>{"left"===e?(be.current?.collapse(),U(!0)):(we.current?.collapse(),J(!0))},expandPanel:e=>{"left"===e?(be.current?.expand(),U(!1)):(we.current?.expand(),J(!1))},getLayout:()=>({left:le,middle:ae,right:ce})}),[le,ae,ce]);const Re=i(e=>{const t=e.asPercentage;ie(t),t>0?(pe(t),U(!1)):U(!0)},[]),ze=i(e=>{const t=e.asPercentage;se(t),t>0?(ge(t),Y(!1)):Y(!0)},[]),ke=i(e=>{const t=e.asPercentage;de(t),t>0?(me(t),J(!1)):J(!0)},[]),Le=i(()=>{if(O){O({left:K?ue:le,middle:X?he:ae,right:V?ve:ce})}},[le,ae,ce,K,X,V,ue,he,ve,O]),Pe=i(()=>{_(!0)},[]),Me=i(()=>{_(!1),Le()},[Le]),Ae=e=>{let t="three-panel-item";return"left"===e?!c.left&&I||(t+=" collapsible-panel",K&&(t+=" collapsed")):"middle"===e?(t+=" middle-panel",!c.middle&&H||(t+=" collapsible-panel",X&&(t+=" collapsed"))):"right"===e&&(!c.right&&W||(t+=" collapsible-panel",V&&(t+=" collapsed"))),t},Te=C(x);/* @__PURE__ */
+return e(L.Provider,{value:u,children:/* @__PURE__ */e("div",{ref:r,className:"panel-bounds-container",style:{width:"100%",height:"100%",minWidth:0},children:n})})};function M(){const e=c(L);return e?{slot:e.slot,bounds:e.bounds,isInPanel:!0}:{slot:null,bounds:k,isInPanel:!1}}function A(){const{bounds:e}=M();return{offsetX:e.x,offsetY:e.y}}const T=d(({panels:n,layout:r,slotDataAttributes:s={},collapsiblePanels:c={left:!0,middle:!1,right:!0},defaultSizes:d={left:20,middle:60,right:20},className:p="",collapsed:h={left:!1,middle:!1,right:!1},style:g,showCollapseButtons:v=!1,animationDuration:y=300,animationEasing:w="cubic-bezier(0.4, 0, 0.2, 1)",theme:x,onLeftCollapseStart:N,onLeftCollapseComplete:S,onLeftExpandStart:E,onLeftExpandComplete:D,onMiddleCollapseStart:R,onMiddleCollapseComplete:k,onMiddleExpandStart:L,onMiddleExpandComplete:M,onRightCollapseStart:A,onRightCollapseComplete:T,onRightExpandStart:$,onRightExpandComplete:B,onPanelResize:O},F)=>{const I=null!==r.left&&void 0!==r.left,H=null!==r.middle&&void 0!==r.middle,W=null!==r.right&&void 0!==r.right,j=[I,H,W].filter(Boolean).length,q={left:I?d?.left??(2===j?50:3===j?20:100):0,middle:H?d?.middle??(2===j?50:3===j?60:100):0,right:W?d?.right??(2===j?50:3===j?20:100):0},[K,U]=o(h.left||!I),[X,Y]=o(h.middle||!H),[V,J]=o(h.right||!W),[G,_]=o(!1),[Q,Z]=o(!1);a(()=>{const e=requestAnimationFrame(()=>{Z(!0)});return()=>cancelAnimationFrame(e)},[]);const ee=i(e=>{if(!e)return null;const t=n.find(t=>t.id===e);return t?.content||null},[n]),te=i(t=>{if(null===t)return null;if("object"==typeof t&&"type"in t){const r=t;return"tabs"===r.type?/* @__PURE__ */e(z,{panelIds:r.panels,panels:n,config:r.config,theme:x}):null}return ee(t)},[n,ee,x]),ne=te(r.left??null),re=te(r.middle??null),oe=te(r.right??null),[le,ie]=o(h.left||!I?0:q.left),[ae,se]=o(h.middle||!H?0:q.middle),[ce,de]=o(h.right||!W?0:q.right),[ue,pe]=o(q.left),[he,ge]=o(q.middle),[ve,me]=o(q.right),fe=l(null),be=l(null),ye=l(null),we=l(null),xe=i(()=>{!G&&c.left&&(N?.(),be.current?.collapse(),U(!0),S?.())},[G,c.left,N,S]),Ce=i(()=>{!G&&c.left&&(E?.(),be.current?.expand(),U(!1),D?.())},[G,c.left,E,D]),Ne=i(()=>{!G&&c.right&&(A?.(),we.current?.collapse(),J(!0),T?.())},[G,c.right,A,T]),Se=i(()=>{!G&&c.right&&($?.(),we.current?.expand(),J(!1),B?.())},[G,c.right,$,B]),Ee=i(()=>{K?Ce():xe()},[K,xe,Ce]),De=i(()=>{V?Se():Ne()},[V,Ne,Se]);u(F,()=>({setLayout:e=>{if(!fe.current)return void console.warn("[ConfigurablePanelLayout] setLayout called but panelGroupRef is null");const t=fe.current.getLayout(),n=t.left??0,r=t.right??0,o=0===e.left||e.left<1,l=0===e.right||e.right<1,i=n<1,a=r<1;o&&!i?(be.current?.collapse(),U(!0)):!o&&i&&(be.current?.expand(),U(!1)),l&&!a?(we.current?.collapse(),J(!0)):!l&&a&&(we.current?.expand(),J(!1)),o||l||i||a||fe.current.setLayout(e)},collapsePanel:e=>{"left"===e?(be.current?.collapse(),U(!0)):(we.current?.collapse(),J(!0))},expandPanel:e=>{"left"===e?(be.current?.expand(),U(!1)):(we.current?.expand(),J(!1))},getLayout:()=>({left:le,middle:ae,right:ce})}),[le,ae,ce]);const Re=i(e=>{const t=e.asPercentage;ie(t),t>0?(pe(t),U(!1)):U(!0)},[]),ze=i(e=>{const t=e.asPercentage;se(t),t>0?(ge(t),Y(!1)):Y(!0)},[]),ke=i(e=>{const t=e.asPercentage;de(t),t>0?(me(t),J(!1)):J(!0)},[]),Le=i(()=>{if(O){O({left:K?ue:le,middle:X?he:ae,right:V?ve:ce})}},[le,ae,ce,K,X,V,ue,he,ve,O]),Pe=i(()=>{_(!0)},[]),Me=i(()=>{_(!1),Le()},[Le]),Ae=e=>{let t="three-panel-item";return"left"===e?!c.left&&I||(t+=" collapsible-panel",K&&(t+=" collapsed")):"middle"===e?(t+=" middle-panel",!c.middle&&H||(t+=" collapsible-panel",X&&(t+=" collapsed"))):"right"===e&&(!c.right&&W||(t+=" collapsible-panel",V&&(t+=" collapsed"))),t},Te=C(x);/* @__PURE__ */
 return e("div",{className:`three-panel-layout ${p} ${G?"is-dragging":""} ${Q?"":"is-mounting"}`,style:{...Te,...g,"--panel-transition-duration":`${y}ms`,"--panel-transition-easing":w},children:/* @__PURE__ */t(m,{groupRef:fe,orientation:"horizontal",onLayoutChange:Pe,onLayoutChanged:Me,children:[
 /* @__PURE__ */e(f,{id:"left",panelRef:be,collapsible:c.left||!I,defaultSize:h.left||!I?"0%":`${q.left}%`,minSize:"0%",collapsedSize:"0%",onResize:Re,className:Ae("left"),...s.left||{},children:/* @__PURE__ */e("div",{className:"panel-content-wrapper",style:{opacity:K?0:1},children:/* @__PURE__ */e(P,{slot:"left",children:ne})})}),
 /* @__PURE__ */e(b,{className:"resize-handle left-handle "+(!K&&I&&H?"":"collapsed"),disabled:K||!I||!H,children:v&&c.left&&/* @__PURE__ */e("div",{className:"handle-bar",children:/* @__PURE__ */e("button",{onClick:Ee,className:"collapse-toggle","aria-label":K?"Expand left panel":"Collapse left panel",children:K?"▸":"◂"})})}),