@ahpd/web 0.3.1 → 0.4.0

package/dist/app/assets/Start-DX8T0ii8.js

@@ -0,0 +1 @@
+import{t as e}from"./jsx-runtime-BguD1OXD.js";import{t}from"./useI18n-T3BwAm0z.js";import{n}from"./ScenaProvider-6A3TJumQ.js";import{t as r}from"./Button-_R1oktDz.js";import{C as i}from"./index-xynK_AEL.js";var a=e();function o(){let e=n(),{t:o}=t();return(0,a.jsxs)(`div`,{className:`web-start`,children:[(0,a.jsx)(i,{size:72}),(0,a.jsx)(`p`,{className:`web-note`,children:o(`sessions/start/note`)}),(0,a.jsx)(r,{label:o(`sessions/commands/newSession`),variant:`primary`,onClick:()=>void e.commands.execute(`ahp.newSession`)})]})}export{o as default};

package/dist/app/assets/TabLayout-Czi2A6i3.js

@@ -0,0 +1 @@
+import{t as e}from"./jsx-runtime-BguD1OXD.js";import{t}from"./react-CybPckBe.js";import{t as n}from"./useI18n-T3BwAm0z.js";import{n as r}from"./ScenaProvider-6A3TJumQ.js";import{t as i}from"./ContextMenu-DYnWIBAF.js";import{r as a}from"./Icon-CIQ7doud.js";import{TabTitle as o}from"./TabPanelLayout-B_7L0Dyp.js";var s=e(),c=t(),l=`application/x-scena-tab-index`;function u({surface:e,mounts:t,state:u,renderMount:d,renderEmpty:f,onActivate:p,onClose:m,onReorder:h}){let{t:g}=n(),_=r(),v=u.split?.order??[],y=new Set(v),b=v.map(e=>t.find(t=>t.key===e)).filter(e=>!!e),x=t.filter(e=>!y.has(e.key)),S=[...b,...x],C=S.find(e=>e.key===u.activeContainerKey)??S[S.length-1],w=new Set(u.split?.pinned??[]),T=C?_.commands.list({slot:`view/title`,enabled:!0}):[],E=C?.component.component,D={"$/surface/name":e,"$/tab/key":C?.key,"$/tab/component":typeof E==`string`?E:void 0},O=_.commands.list({slot:`surface/title`}).filter(e=>e.when===void 0||_.when.evaluate(e.when,D)),k=t=>{_.store.set(`$/surface/name`,e),_.store.set(`$/tab/key`,C?.key),_.commands.execute(t)},[A,j]=(0,c.useState)(null),[M,N]=(0,c.useState)(null),[P,F]=(0,c.useState)(null),[I,L]=(0,c.useState)(null),R=(0,c.useRef)(null);(0,c.useEffect)(()=>{let e=R.current;if(!e)return;function t(t){t.deltaY!==0&&(t.preventDefault(),e.scrollLeft+=t.deltaY)}return e.addEventListener(`wheel`,t,{passive:!1}),()=>e.removeEventListener(`wheel`,t)},[]);function z(e,t,n){e.preventDefault(),e.stopPropagation(),N({x:e.clientX,y:e.clientY,tabKey:t,tabIdx:n})}function B(e){let t=e.currentTarget.getBoundingClientRect();F({x:t.right,y:t.bottom+2})}function V(e){e.target===e.currentTarget&&(e.preventDefault(),L({x:e.clientX,y:e.clientY}))}function H(e,t){e.dataTransfer.setData(l,String(t)),e.dataTransfer.effectAllowed=`move`}function U(e,t){e.dataTransfer.types.includes(l)&&(e.preventDefault(),e.dataTransfer.dropEffect=`move`,j(t))}function W(){j(null)}function G(e,t){if(!e.dataTransfer.types.includes(l))return;e.preventDefault();let n=Number(e.dataTransfer.getData(l));j(null),Number.isFinite(n)&&n!==t&&h(n,t)}let K={"$/tab/canSplit":!1,"$/tab/canMove":!1,"$/group/canClose":!1,"$/group/canMaximize":!1,"$/surface/name":e,"$/surface/layoutId":`tab`,"$/surface/mountCount":t.length,"$/surface/closedHistory":0},q=M?S.find(e=>e.key===M.tabKey):void 0,J=q?_.mountMenus.collect(`tab:context`,q):void 0;return(0,s.jsxs)(`div`,{className:`oo-layout oo-layout--tab`,style:{display:`flex`,flexDirection:`column`,height:`100%`},children:[(0,s.jsxs)(`div`,{className:`tab-bar`,children:[(0,s.jsx)(`div`,{className:`tab-bar__strip`,ref:R,children:S.map((t,n)=>{let r=w.has(t.key);return(0,s.jsx)(o,{resourceKey:t.key,m:t,idx:n,isPinned:r,isActive:t===C,dragOverTab:A,onDragStart:e=>H(e,n),onDragOver:e=>U(e,n),onDragLeave:W,onDrop:e=>G(e,n),onClick:()=>p(t.key),onContextMenu:e=>z(e,t.key,n),onClose:e=>{e.stopPropagation(),m(t.key)},onUnpin:n=>{n.stopPropagation(),_.store.set(`$/tab/key`,t.key),_.store.set(`$/surface/name`,e),_.commands.execute(`tab.unpin`)}},t.key)})}),(0,s.jsxs)(`div`,{className:`tab-bar__extras`,children:[T.map((e,t)=>{let n=typeof e.title==`function`?e.title():e.title;return(0,s.jsxs)(`button`,{onClick:()=>_.commands.execute(e.id),title:String(n),children:[e.icon?`${e.icon} `:``,String(n)]},t)}),O.map(e=>{let t=String(typeof e.title==`function`?e.title():e.title);return(0,s.jsx)(`button`,{onClick:()=>k(e.id),title:t,"aria-label":t,children:e.icon??t},e.id)}),(0,s.jsx)(`button`,{className:`tab-bar__more`,title:g(`layout/groupActions`,`Group actions`),"aria-label":g(`layout/groupActions`,`Group actions`),onClick:B,children:a.moreHoriz})]})]}),(0,s.jsx)(`div`,{style:{flex:1,minHeight:0,position:`relative`},onContextMenu:V,children:S.length===0?f?.()??null:S.map(e=>(0,s.jsx)(`div`,{className:`oo-layout__mount`,"data-active":e===C||void 0,style:{height:`100%`,overflow:`auto`,display:e===C?`block`:`none`},children:d(e)},e.key))}),M?(0,s.jsx)(i,{x:M.x,y:M.y,onClose:()=>N(null),spec:{query:{slot:`tab:context`},extraItems:J,footerHints:!0},context:{...K,"$/tab/key":M.tabKey,"$/tab/index":M.tabIdx,"$/tab/isActive":M.tabKey===C?.key,"$/tab/isPinned":w.has(M.tabKey),"$/group/tabCount":S.length}}):null,P?(0,s.jsx)(i,{x:P.x,y:P.y,onClose:()=>F(null),spec:{query:{slot:`tab-group:context`},footerHints:!0},context:{...K,"$/group/tabCount":S.length}}):null,I?(0,s.jsx)(i,{x:I.x,y:I.y,onClose:()=>L(null),spec:{query:{slot:`surface:context`},footerHints:!0},context:K}):null]})}export{u as TabLayout};

package/dist/app/assets/TabPanelLayout-B_7L0Dyp.js

@@ -0,0 +1 @@
+import{t as e}from"./jsx-runtime-BguD1OXD.js";import{t}from"./react-CybPckBe.js";import{n}from"./colors-BieSUSt7.js";import{t as r}from"./useI18n-T3BwAm0z.js";import{n as i}from"./ScenaProvider-6A3TJumQ.js";import{t as a}from"./ContextMenu-DYnWIBAF.js";import{r as o}from"./Icon-CIQ7doud.js";import{t as s}from"./Divisor-hrrJK3bw.js";import{t as c}from"./useStoreLabel-BtAsVCsr.js";var l=e(),u=t(),d=`application/x-scena-tab-panel`,f=.2,p=.05;function m(){return`g_${Math.random().toString(36).slice(2,10)}`}function h(e,t){return{kind:`leaf`,id:m(),tabs:e,activeKey:t}}function g(e,t){if(e.kind===`leaf`){for(let n of e.tabs)t.add(n);return}g(e.first,t),g(e.second,t)}function _(e,t){if(e.kind===`leaf`){t.push(e);return}_(e.first,t),_(e.second,t)}function v(e,t){if(e.kind===`leaf`){let n=e.tabs.filter(e=>t.has(e)),r=e.activeKey&&t.has(e.activeKey)?e.activeKey:n[0];return{...e,tabs:n,activeKey:r}}return{...e,first:v(e.first,t),second:v(e.second,t)}}function y(e,t){if(e.kind===`leaf`)return t(e);let n=y(e.first,t),r=y(e.second,t);return n&&r?{...e,first:n,second:r}:n??r}function b(e,t,n){return e.kind===`leaf`?e.id===t?n:e:{...e,first:b(e.first,t,n),second:b(e.second,t,n)}}function x(e,t,n){return e.kind===`leaf`?e:t(e)?{...e,...n}:{...e,first:x(e.first,t,n),second:x(e.second,t,n)}}function S(e,t){if(e.kind===`leaf`){if(t.has(e.id)){let n=m();return t.add(n),{...e,id:n}}return t.add(e.id),e}return{...e,first:S(e.first,t),second:S(e.second,t)}}function C(e,t,n){let r=new Set(t),i=e?S(v(e,r),new Set):h([...t],n),a=new Set;g(i,a);let o=t.filter(e=>!a.has(e));if(o.length>0){let e=[];_(i,e);let t=n&&e.find(e=>e.tabs.includes(n))||e.find(e=>e.tabs.length>0)||e[0];if(t){let e=n&&o.includes(n)?n:o[o.length-1];i=b(i,t.id,{...t,tabs:[...t.tabs,...o],activeKey:e})}}if(n){let e=y(i,e=>e.tabs.includes(n)&&e.activeKey!==n?{...e,activeKey:n}:e);e&&(i=e)}return{tree:i}}function w(e,t){return e===t?!0:!e||!t||e.kind!==t.kind?!1:e.kind===`leaf`&&t.kind===`leaf`?e.id===t.id&&e.activeKey===t.activeKey&&e.tabs.length===t.tabs.length&&e.tabs.every((e,n)=>e===t.tabs[n]):e.kind===`split`&&t.kind===`split`&&e.direction===t.direction&&(e.ratio??.5)===(t.ratio??.5)&&w(e.first,t.first)&&w(e.second,t.second)}function T({leaf:e,ctx:t}){let{t:n}=r(),s=i(),c=e.activeKey??e.tabs[0],[p,m]=(0,u.useState)(null),[h,g]=(0,u.useState)(null),_=(0,u.useRef)(null),v=(0,u.useRef)(null);(0,u.useEffect)(()=>{let e=v.current;if(!e)return;function t(t){t.deltaY!==0&&(t.preventDefault(),e.scrollLeft+=t.deltaY)}return e.addEventListener(`wheel`,t,{passive:!1}),()=>e.removeEventListener(`wheel`,t)},[]),(0,u.useEffect)(()=>{let e=()=>{g(null),m(null)};return window.addEventListener(`dragend`,e),window.addEventListener(`drop`,e),()=>{window.removeEventListener(`dragend`,e),window.removeEventListener(`drop`,e)}},[]);function b(n){let r=y(t.tree,t=>t.id===e.id?{...t,activeKey:n}:t);r&&t.commit(r),t.onActivate(n)}function x(t,n){let r={sourceLeafId:e.id,tabKey:n};t.dataTransfer.setData(d,JSON.stringify(r)),t.dataTransfer.effectAllowed=`move`}function S(e,t){e.dataTransfer.types.includes(d)&&(e.preventDefault(),e.dataTransfer.dropEffect=`move`,m(t))}function C(){m(null)}function w(n,r){if(!n.dataTransfer.types.includes(d))return;n.preventDefault(),m(null);let i=D(n);i&&k(t,i,e.id,r)}function T(e){let t=_.current;if(!t)return null;let n=t.getBoundingClientRect();if(n.width<=0||n.height<=0)return null;let r=(e.clientX-n.left)/n.width,i=(e.clientY-n.top)/n.height;return i<f?`top`:i>.8?`bottom`:r<f?`left`:r>.8?`right`:`center`}function O(e){e.dataTransfer.types.includes(d)&&(e.preventDefault(),e.dataTransfer.dropEffect=`move`,g(T(e)))}function j(e){let t=e.relatedTarget;(!t||!e.currentTarget.contains(t))&&g(null)}function M(n){if(!n.dataTransfer.types.includes(d))return;n.preventDefault();let r=T(n);g(null);let i=D(n);i&&r&&(r===`center`?k(t,i,e.id,e.tabs.length):A(t,i,e.id,r))}let[N,P]=(0,u.useState)(null);function I(e){e.stopPropagation();let t=e.currentTarget.getBoundingClientRect();P({x:t.right-4,y:t.bottom+2})}function L(){P(null)}let[R,z]=(0,u.useState)(null);function B(e,t,n){e.preventDefault(),z({x:e.clientX,y:e.clientY,tabKey:t,tabIdx:n})}function V(){z(null)}let H=R?t.mounts.find(e=>e.key===R.tabKey):void 0,U=H?s.mountMenus.collect(`tab:context`,H):void 0;return(0,l.jsxs)(`div`,{className:`oo-tab-panel-group`,"data-leaf-id":e.id,style:{flex:1,minWidth:0,minHeight:0,display:`flex`,flexDirection:`column`,overflow:`hidden`},children:[(0,l.jsxs)(`div`,{className:`tab-bar`,children:[(0,l.jsx)(`div`,{className:`tab-bar__strip`,ref:v,children:e.tabs.map((e,n)=>{let r=t.mounts.find(t=>t.key===e);return(0,l.jsx)(F,{resourceKey:e,idx:n,m:r,isActive:e===c,isPinned:t.pinned.has(e),dragOverTab:p,onDragStart:t=>x(t,e),onDragOver:e=>S(e,n),onDragLeave:C,onDrop:e=>w(e,n),onClick:()=>b(e),onContextMenu:t=>B(t,e,n),onClose:()=>t.onClose(e),onUnpin:n=>{n.stopPropagation(),s.store.set(`$/tab/key`,e),s.store.set(`$/surface/name`,t.surface),s.commands.execute(`tab.unpin`)}},e)})}),(0,l.jsx)(`div`,{className:`tab-bar__extras`,children:(0,l.jsx)(`button`,{className:`tab-bar__more`,title:n(`layout/groupActions`,`Group actions`),"aria-label":n(`layout/groupActions`,`Group actions`),onClick:I,children:o.moreHoriz})})]}),(0,l.jsxs)(`div`,{ref:_,onDragOver:O,onDragLeave:j,onDrop:M,style:{flex:1,minHeight:0,position:`relative`,overflow:`auto`},children:[e.tabs.length===0?t.mounts.length===0?t.renderEmpty?.()??null:(0,l.jsx)(`div`,{style:{padding:24,color:`var(--oo-color-muted)`},children:`Empty group. Drag a tab here.`}):e.tabs.map(e=>{let n=t.mounts.find(t=>t.key===e);return n?(0,l.jsx)(`div`,{className:`oo-layout__mount`,"data-active":e===c||void 0,style:{position:`absolute`,inset:0,overflow:`auto`,display:e===c?`block`:`none`},children:t.renderMount(n)},e):null}),h?(0,l.jsx)(E,{zone:h}):null]}),N?(0,l.jsx)(a,{x:N.x,y:N.y,onClose:L,spec:{query:{slot:`tab-group:context`},footerHints:!0},context:{"$/surface/name":t.surface,"$/surface/layoutId":`tab-panel`,"$/surface/mountCount":t.mounts.length,"$/surface/closedHistory":0,"$/group/key":e.id,"$/group/tabCount":e.tabs.length,"$/group/canClose":!0,"$/group/canMaximize":!1,"$/tab/canSplit":!0,"$/tab/canMove":t.leafCount>1}}):null,R?(0,l.jsx)(a,{x:R.x,y:R.y,onClose:V,spec:{query:{slot:`tab:context`},extraItems:U,footerHints:!0},context:{"$/surface/name":t.surface,"$/surface/layoutId":`tab-panel`,"$/surface/mountCount":t.mounts.length,"$/surface/closedHistory":0,"$/group/key":e.id,"$/group/tabCount":e.tabs.length,"$/group/canClose":!0,"$/tab/key":R.tabKey,"$/tab/index":R.tabIdx,"$/tab/leafId":e.id,"$/tab/isActive":R.tabKey===c,"$/tab/isPinned":t.pinned.has(R.tabKey),"$/tab/canSplit":!0,"$/tab/canMove":t.leafCount>1}}):null]})}function E({zone:e}){let t={position:`absolute`,pointerEvents:`none`,background:`rgba(59,130,246,0.12)`,border:`2px solid rgba(59,130,246,0.6)`,boxSizing:`border-box`,zIndex:5,transition:`all 80ms ease-out`},n=(()=>{switch(e){case`center`:return{...t,inset:0};case`top`:return{...t,top:0,left:0,right:0,height:`50%`};case`bottom`:return{...t,bottom:0,left:0,right:0,height:`50%`};case`left`:return{...t,top:0,bottom:0,left:0,width:`50%`};case`right`:return{...t,top:0,bottom:0,right:0,width:`50%`}}})();return(0,l.jsx)(`div`,{className:`oo-tab-panel-drop-preview`,style:n})}function D(e){let t=e.dataTransfer.getData(d);if(!t)return null;try{let e=JSON.parse(t);return typeof e.sourceLeafId!=`string`||typeof e.tabKey!=`string`?null:e}catch{return null}}function O(e,t){return y(e,e=>{if(!e.tabs.includes(t))return e;let n=e.tabs.filter(e=>e!==t);return n.length===0?null:{...e,tabs:n,activeKey:e.activeKey===t?n[0]:e.activeKey}})}function k(e,t,n,r){if(t.sourceLeafId===n){let i=y(e.tree,e=>{if(e.id!==n)return e;let i=e.tabs.indexOf(t.tabKey);if(i===-1)return e;let a=[...e.tabs];a.splice(i,1);let o=i<r?r-1:r;return a.splice(o,0,t.tabKey),{...e,tabs:a,activeKey:t.tabKey}});i&&e.commit(i),e.onActivate(t.tabKey);return}let i=O(e.tree,t.tabKey);if(!i)return;let a=y(i,e=>{if(e.id!==n)return e;let i=[...e.tabs],a=Math.max(0,Math.min(r,i.length));return i.splice(a,0,t.tabKey),{...e,tabs:i,activeKey:t.tabKey}});a&&e.commit(a),e.onActivate(t.tabKey)}function A(e,t,n,r){let i=e.tree,a=j(i,t.sourceLeafId);if(a&&a.id===n&&a.tabs.length===1||(i=O(i,t.tabKey),!i))return;let o=j(i,n);if(!o)return;let s=h([t.tabKey],t.tabKey),c=b(i,n,{kind:`split`,direction:r===`left`||r===`right`?`row`:`column`,ratio:.5,first:r===`left`||r===`top`?s:o,second:r===`left`||r===`top`?o:s});e.commit(c),e.onActivate(t.tabKey)}function j(e,t){return e.kind===`leaf`?e.id===t?e:null:j(e.first,t)||j(e.second,t)}function M({node:e,ctx:t}){return e.kind===`leaf`?(0,l.jsx)(T,{leaf:e,ctx:t}):(0,l.jsx)(N,{node:e,ctx:t})}function N({node:e,ctx:t}){let n=(0,u.useRef)(null),r=e.ratio??.5;function i(n){let r=x(t.tree,t=>t===e,{ratio:n});t.commit(r)}let a=e.direction===`row`;return(0,l.jsxs)(`div`,{ref:n,className:`oo-tab-panel-split`,"data-direction":e.direction,style:{display:`flex`,flexDirection:a?`row`:`column`,flex:1,minWidth:0,minHeight:0},children:[(0,l.jsx)(`div`,{style:{flex:r,minWidth:0,minHeight:0,display:`flex`},children:(0,l.jsx)(M,{node:e.first,ctx:t})}),(0,l.jsx)(s,{direction:e.direction===`row`?`row`:`col`,containerRef:n,min:p,max:.95,onCommit:i}),(0,l.jsx)(`div`,{style:{flex:1-r,minWidth:0,minHeight:0,display:`flex`},children:(0,l.jsx)(M,{node:e.second,ctx:t})})]})}function P({surface:e,mounts:t,state:n,setState:r,renderMount:i,renderEmpty:a,onActivate:o,onClose:s}){let c=t.map(e=>e.key),{tree:d}=C(n.tabPanel?.tree,c,n.activeContainerKey);(0,u.useEffect)(()=>{w(n.tabPanel?.tree,d)||r({tabPanel:{tree:d}})});let f=[];_(d,f);let p={surface:e,mounts:t,renderMount:i,renderEmpty:a,onActivate:o,onClose:s,tree:d,commit:e=>r({tabPanel:{tree:e}}),leafCount:f.length,pinned:new Set(n.split?.pinned??[])};return(0,l.jsx)(`div`,{className:`oo-layout oo-layout--tab-panel`,style:{display:`flex`,height:`100%`,minHeight:0},children:(0,l.jsx)(M,{node:d,ctx:p})})}function F({m:e,resourceKey:t,isActive:a,dragOverTab:s,idx:u,onDragStart:d,onDragOver:f,onDragLeave:p,onDrop:m,onClick:h,onContextMenu:g,onClose:_,onUnpin:v,isPinned:y}){let{t:b}=r(),x=i(),S=e?x.components.get(e.component.component)?.props:void 0,C=c(e?.props?.title??S?.title,``,e?.dataContext)||t,w=e?.props?.icon??S?.icon,T=e?.props?.color??S?.color;return(0,l.jsxs)(`div`,{className:`tab-bar__tab`,"data-active":a,"data-drag-over":s===u?`true`:void 0,"data-color":T,"data-pinned":y||void 0,draggable:!0,onDragStart:d,onDragOver:f,onDragLeave:p,onDrop:m,onClick:h,onContextMenu:g,title:C,style:{...T?{"--tab-color":n(T)}:{}},children:[w?(0,l.jsx)(`span`,{className:`tab__icon`,"aria-hidden":!0,children:w}):null,(0,l.jsx)(`span`,{className:`tab__label`,children:C}),y?(0,l.jsx)(`span`,{className:`pin`,onClick:e=>{e.stopPropagation(),v(e)},title:b(`tabs/unpin`,`Unpin tab`),children:o.pin}):(0,l.jsx)(`span`,{className:`close`,onClick:e=>{e.stopPropagation(),_(e)},title:b(`common/close`,`Close`),children:o.closePanel})]})}export{P as TabPanelLayout,F as TabTitle};