@inkeep/open-knowledge 0.86.22 → 0.86.23-beta.1

package/dist/public/assets/{dist-BrKroYq_.js → dist-DjMGDcCv.js}

@@ -156,6 +156,6 @@ import{MESSAGE_OPS as e,PARTICIPANT_TYPES as t}from"./dist-BUMFJcXg.js";function
   .mw-zoom-btn { width: 38px; height: 38px; border-radius: 9px; }
   .mw-zoom-btn svg { width: 17px; height: 17px; }
 }
-`,E=!1,D=0;function O(e){return(e.innerHTML??``).replace(/<br\s*\/?>/gi,`<br/>`).replace(/&nbsp;/gi,` `).trim()}function k(e){return(e.innerHTML??``).replace(/<br\s*\/?>/gi,`<br/>`)}function A(e){let t=window.getSelection();if(!t?.anchorNode||!e.contains(t.anchorNode))return-1;let n=document.createRange();return n.selectNodeContents(e),n.setEnd(t.anchorNode,t.anchorOffset),n.toString().length}function j(e,t){let n=window.getSelection();if(!n)return;let r=document.createRange(),i=Math.max(0,t),a=document.createTreeWalker(e,NodeFilter.SHOW_TEXT),o=a.nextNode();for(;o;){let e=o.textContent?.length??0;if(i<=e){r.setStart(o,i),r.collapse(!0),n.removeAllRanges(),n.addRange(r);return}i-=e,o=a.nextNode()}r.selectNodeContents(e),r.collapse(!1),n.removeAllRanges(),n.addRange(r)}var M=class{editor;container;mermaid;mermaidConfig;svgHost;overlayHost;errorBadge;correlation=null;seqCorrelation=null;popover;plusButtons=[];plusMenu=null;hoveredLifeline=null;svg=null;svgTransformObserver=null;visibilityRetryObserver=null;popoverFollowRaf=0;applyingOwnTransform=!1;popoverAnchorPick=null;tool=`select`;readOnly;debounceMs;defaultEdge;hooks;renderTimer=null;lastRenderedCode=``;disposers=[];listeners=new Map;connectSource=null;suppressNextClick=!1;lastPointerWasTouch=!1;tapTracker=null;suppressDblClickUntil=0;ghostPath=null;dragEvent=null;dragStartY=0;dragging=!1;dropIndicator=null;dropSlots=[];inlineInput=null;inlineHidden=null;pendingEditEntity=null;inPlaceSession=null;lastError=null;renderHeldByEdit=!1;panZoomEnabled;zoomScale=1;zoomTx=0;zoomTy=0;hasUserView=!1;svgSize=null;panSession=null;zoomControls=null;renderSeq=0;awaitingFonts=!1;destroyed=!1;constructor(e){if(this.editor=e.editor,this.container=e.container,this.mermaid=e.mermaid,this.readOnly=e.readOnly??!1,this.panZoomEnabled=e.panZoom??!1,this.debounceMs=e.debounceMs??200,this.defaultEdge=e.defaultEdge??{},this.hooks=e.hooks??{},this.mermaidConfig={startOnLoad:!1,...e.mermaidConfig},!E){let e=document.createElement(`style`);e.setAttribute(`data-mw`,``),e.textContent=T+h,document.head.appendChild(e),E=!0}this.container.classList.add(`mw-canvas`),this.container.tabIndex=0,e.accentColor&&this.container.style.setProperty(`--mw-accent`,e.accentColor),this.readOnly&&this.container.classList.add(`mw-readonly`),this.svgHost=document.createElement(`div`),this.svgHost.className=`mw-svg-host`,this.overlayHost=document.createElement(`div`),this.errorBadge=document.createElement(`div`),this.errorBadge.className=`mw-error-badge`,this.errorBadge.style.display=`none`,this.container.append(this.svgHost,this.overlayHost,this.errorBadge),this.popover=new m(this.overlayHost),this.mermaid.initialize(this.mermaidConfig),this.disposers.push(this.editor.on(`change`,()=>this.scheduleRender()),this.editor.on(`selectionChange`,()=>this.applySelectionStyles()));let t=e=>this.onKeyDown(e);this.container.addEventListener(`keydown`,t),this.disposers.push(()=>this.container.removeEventListener(`keydown`,t));let n=e=>{let t=e.target;!t||this.container.contains(t)||(this.inPlaceSession?.finish?.(!0),this.clearLifelineUi(),this.popover.hide(),this.editor.selection.length&&this.editor.clearSelection(`canvas`))};document.addEventListener(`pointerdown`,n,!0),this.disposers.push(()=>document.removeEventListener(`pointerdown`,n,!0)),this.panZoomEnabled&&this.setupPanZoom(),this.render()}on(e,t){return this.listeners.has(e)||this.listeners.set(e,new Set),this.listeners.get(e).add(t),()=>this.listeners.get(e).delete(t)}emit(e,t){this.listeners.get(e)?.forEach(e=>e(t))}get currentTool(){return this.tool}get renderError(){return this.lastError}setTool(e){this.tool=e,this.container.classList.toggle(`mw-tool-connect`,e===`connect`),this.cancelConnect(),this.emit(`toolChange`,e)}setReadOnly(e){this.readOnly=e,this.container.classList.toggle(`mw-readonly`,e),this.closeInlineEditor(!1),this.cancelConnect(),this.clearLifelineUi(),this.updatePopover()}setHooks(e){this.hooks=e}setAccentColor(e){this.container.style.setProperty(`--mw-accent`,e)}setMermaidConfig(e){this.mermaidConfig={...this.mermaidConfig,...e},this.mermaid.initialize(this.mermaidConfig),this.lastRenderedCode=``,this.render()}addNode(e=`rect`,t=`New node`){if(this.readOnly)return;let n=this.editor.dispatch({type:`addNode`,shape:e,label:t})?.created?.[0];n&&(this.pendingEditEntity=n)}scheduleRender(){this.renderTimer&&clearTimeout(this.renderTimer),this.renderTimer=setTimeout(()=>void this.render(),this.debounceMs)}setupPanZoom(){this.container.classList.add(`mw-panzoom`);let e=e=>{if(!e.ctrlKey&&!e.metaKey)return;e.preventDefault();let t=Math.max(-40,Math.min(40,e.deltaY));this.zoomAt(e.clientX,e.clientY,Math.exp(-t*.01))};this.container.addEventListener(`wheel`,e,{passive:!1}),this.disposers.push(()=>this.container.removeEventListener(`wheel`,e));let t=new Map,n=0,r=e=>{if(e.pointerType===`touch`&&(t.set(e.pointerId,{x:e.clientX,y:e.clientY}),t.size===2)){let[e,r]=[...t.values()];n=Math.hypot(e.x-r.x,e.y-r.y),this.panSession=null,this.container.classList.remove(`mw-panning`),this.suppressNextClick=!0,this.popover.hide();return}if(e.button!==0||this.tool===`connect`||e.altKey||this.inlineInput||this.inPlaceSession)return;let r=e.target;if(!r||!this.svgHost.contains(r))return;let i=r;for(;i&&i!==this.container;){if(i.getAttribute?.(`data-mw-entity`))return;i=i.parentElement}this.panSession={pointerId:e.pointerId,x:e.clientX,y:e.clientY,tx:this.zoomTx,ty:this.zoomTy,moved:!1}},i=e=>{if(e.pointerType===`touch`&&t.has(e.pointerId)&&(t.set(e.pointerId,{x:e.clientX,y:e.clientY}),t.size>=2&&n>0)){let[e,r]=[...t.values()],i=Math.hypot(e.x-r.x,e.y-r.y);i>0&&(this.zoomAt((e.x+r.x)/2,(e.y+r.y)/2,i/n),n=i,this.suppressNextClick=!0);return}let r=this.panSession;if(!r||e.pointerId!==r.pointerId)return;let i=e.clientX-r.x,a=e.clientY-r.y;if(!r.moved&&Math.hypot(i,a)>4){r.moved=!0,this.container.classList.add(`mw-panning`);try{this.container.setPointerCapture(e.pointerId)}catch{}this.popover.hide()}r.moved&&(this.zoomTx=r.tx+i,this.zoomTy=r.ty+a,this.hasUserView=!0,this.applyViewTransform())},a=e=>{e.pointerType===`touch`&&(t.delete(e.pointerId),t.size<2&&(n=0));let r=this.panSession;!r||e.pointerId!==r.pointerId||(this.panSession=null,this.container.classList.remove(`mw-panning`),r.moved?(this.suppressNextClick=!0,this.updatePopover()):this.editor.selection.length&&this.editor.clearSelection(`canvas`))};this.container.addEventListener(`pointerdown`,r),this.container.addEventListener(`pointermove`,i),this.container.addEventListener(`pointerup`,a),this.container.addEventListener(`pointercancel`,a),this.disposers.push(()=>{this.container.removeEventListener(`pointerdown`,r),this.container.removeEventListener(`pointermove`,i),this.container.removeEventListener(`pointerup`,a),this.container.removeEventListener(`pointercancel`,a)});let o=document.createElement(`div`);o.className=`mw-zoom-controls`;let s=(e,t,n)=>{let r=document.createElement(`button`);r.type=`button`,r.className=`mw-zoom-btn`,r.title=e,r.innerHTML=t,r.addEventListener(`pointerdown`,e=>e.stopPropagation()),r.addEventListener(`click`,e=>{e.stopPropagation(),n()}),o.appendChild(r)};if(s(`Zoom out`,p.minus,()=>this.zoomBy(1/1.25)),s(`Zoom in`,p.plus,()=>this.zoomBy(1.25)),s(`Fit diagram`,p.maximize,()=>this.fitView()),this.container.appendChild(o),this.zoomControls=o,typeof ResizeObserver<`u`){let e=new ResizeObserver(()=>{this.hasUserView||this.fitView()});e.observe(this.container),this.disposers.push(()=>e.disconnect())}}zoomBy(e){let t=this.container.getBoundingClientRect();this.zoomAt(t.left+t.width/2,t.top+t.height/2,e)}zoomAt(e,t,n){if(!this.panZoomEnabled)return;let r=this.container.getBoundingClientRect(),i=e-r.left,a=t-r.top,o=Math.min(Math.max(this.zoomScale*n,.1),4),s=o/this.zoomScale;s!==1&&(this.zoomTx=i-(i-this.zoomTx)*s,this.zoomTy=a-(a-this.zoomTy)*s,this.zoomScale=o,this.hasUserView=!0,this.applyViewTransform(),this.updatePopover())}fitView(){if(!this.panZoomEnabled||!this.svg||!this.svgSize)return;let e=this.container.clientWidth,t=this.container.clientHeight;if(!e||!t)return;let{width:n,height:r}=this.svgSize,i=Math.min((e-56)/n,(t-56)/r);this.zoomScale=Math.min(Math.max(i,.1),2),this.zoomTx=(e-n*this.zoomScale)/2,this.zoomTy=(t-r*this.zoomScale)/2,this.hasUserView=!1,this.applyViewTransform(),this.updatePopover()}applyViewTransform(){this.svg&&(this.applyingOwnTransform=!0,this.svg.style.transform=`translate(${this.zoomTx}px, ${this.zoomTy}px) scale(${this.zoomScale})`,queueMicrotask(()=>{this.applyingOwnTransform=!1}))}prepareSvgForPanZoom(){let e=this.svg;if(!e)return;let t=0,n=0,r=e.viewBox?.baseVal;if(r&&r.width&&r.height)t=r.width,n=r.height;else{let r=e.getBBox?.();t=r?.width||800,n=r?.height||600}this.svgSize={width:t,height:n},e.removeAttribute(`width`),e.removeAttribute(`height`),e.style.width=`${t}px`,e.style.height=`${n}px`,e.style.maxWidth=`none`,this.hasUserView?this.applyViewTransform():this.fitView()}async render(){if(this.inPlaceSession){this.renderHeldByEdit=!0;return}let e=this.editor.code;if(e===this.lastRenderedCode){this.lastError&&(this.lastError=null,this.errorBadge.style.display=`none`,this.editor.setDiagnostics([]),this.emit(`render`,{ok:!0}));return}let t=++this.renderSeq,n=`mw-render-${++D}`;try{this.mermaid.initialize(this.mermaidConfig);let{svg:r}=await this.mermaid.render(n,e);if(t!==this.renderSeq)return;let i=null,a=this.activeInPlaceSession(),o=a?.label;if(a&&o?.isConnected&&(i={value:k(o),caret:A(o)},a.liveTimer&&=(clearTimeout(a.liveTimer),null)),this.lastRenderedCode=e,this.lastError=null,this.errorBadge.style.display=`none`,this.svgHost.innerHTML=r,this.svg=this.svgHost.querySelector(`svg`),this.svg&&(this.panZoomEnabled?this.prepareSvgForPanZoom():this.svg.style.maxWidth=`100%`,w(this.svg),this.bindSvg()),this.editor.setDiagnostics([]),this.emit(`render`,{ok:!0}),this.remeasureWhenFontsSettle(),this.activeInPlaceSession())this.resumeInPlaceSession(i);else if(this.pendingEditEntity){let e=this.pendingEditEntity;this.pendingEditEntity=null,this.editor.entityExists(e)&&this.editEntityLabel(e)}}catch(e){if(t!==this.renderSeq)return;document.getElementById(`d${n}`)?.remove(),document.getElementById(n)?.remove();let r=e instanceof Error?e.message.split(`
-`)[0]:String(e);this.lastError=r,this.errorBadge.textContent=`render error: ${r}`,this.errorBadge.style.display=`block`;let i={message:r,span:null,severity:`error`,source:`mermaid`};this.editor.setDiagnostics([i]),this.emit(`render`,{ok:!1,error:r})}}remeasureWhenFontsSettle(){let e=typeof document>`u`?void 0:document.fonts;if(!e||this.awaitingFonts||e.status===`loaded`)return;this.awaitingFonts=!0;let t=()=>{this.awaitingFonts=!1,!this.destroyed&&(this.lastRenderedCode=``,this.render())};Promise.resolve(e.ready).then(t,t)}bindSvg(){let e=this.svg;if(!e)return;let{flowchart:t,sequence:n,state:r,classGraph:f,er:p}=this.editor.result;this.correlation=t?i(e,t):r?a(e,r):f?o(e,f):p?s(e,p):this.editor.result.pie?c(e,this.editor.result.pie):this.editor.result.gantt?l(e,this.editor.result.gantt):this.editor.result.lineItems?u(e,this.editor.result.lineItems):null,this.seqCorrelation=n?d(e,n):null,this.clearLifelineUi(),this.armVisibilityRetry(e,n),e.addEventListener(`click`,e=>this.onSvgClick(e)),e.addEventListener(`dblclick`,e=>this.onSvgDblClick(e)),e.addEventListener(`pointerdown`,e=>this.onSvgPointerDown(e)),e.addEventListener(`pointermove`,e=>this.onSvgPointerMove(e)),e.addEventListener(`pointerup`,e=>this.onSvgPointerUp(e)),this.seqCorrelation&&(e.addEventListener(`pointermove`,e=>this.onLifelineHover(e)),e.addEventListener(`pointerleave`,()=>this.scheduleLifelineClear())),this.svgTransformObserver?.disconnect(),typeof MutationObserver<`u`&&(this.svgTransformObserver=new MutationObserver(()=>{this.applyingOwnTransform||this.popoverFollowRaf||!this.popover.isOpen||(this.popoverFollowRaf=(typeof requestAnimationFrame==`function`?requestAnimationFrame:e=>setTimeout(e,16))(()=>{this.popoverFollowRaf=0,this.updatePopover()}))}),this.svgTransformObserver.observe(e,{attributes:!0,attributeFilter:[`style`,`transform`],subtree:!0})),this.applySelectionStyles()}armVisibilityRetry(e,t){this.visibilityRetryObserver?.disconnect(),this.visibilityRetryObserver=null,t&&(this.seqCorrelation&&this.seqCorrelation.lifelines.size>0||typeof IntersectionObserver>`u`||(this.visibilityRetryObserver=new IntersectionObserver(n=>{n.some(e=>e.intersectionRatio>0)&&e.getBoundingClientRect().width!==0&&(this.visibilityRetryObserver?.disconnect(),this.visibilityRetryObserver=null,this.svg===e&&(this.seqCorrelation=d(e,t)))}),this.visibilityRetryObserver.observe(e)))}entityFromEvent(e){return this.entityHitFromEvent(e)?.id??null}entityHitFromEvent(e){let t=e.target;for(;t&&t!==this.svg;){let e=t.getAttribute?.(`data-mw-entity`);if(e)return{id:e,el:t};t=t.parentElement}return null}topmostEntityElement(e){let t=null,n=1/0;return this.svg?.querySelectorAll(`[data-mw-entity="${CSS.escape(e)}"]`).forEach(e=>{let r=e.getBoundingClientRect().top;r<n&&(n=r,t=e)}),t}onSvgClick(e){if(this.suppressNextClick){this.suppressNextClick=!1;return}if(this.inlineInput||this.inPlaceSession)return;let t=this.entityHitFromEvent(e);if(t){if(this.lastPointerWasTouch&&!this.readOnly){let n=Date.now(),r=this.tapTracker;if(this.tapTracker={entity:t.id,time:n},r&&r.entity===t.id&&n-r.time<400){this.tapTracker=null,this.onSvgDblClick(e),this.suppressDblClickUntil=n+500;return}}let n=t.id;if(this.hooks.onEntityClick?.(n,e),this.popoverAnchorPick={entityId:n,index:this.entityElementIndex(n,t.el)},e.shiftKey||e.metaKey||e.ctrlKey){let e=this.editor.selection.includes(n)?this.editor.selection.filter(e=>e!==n):[...this.editor.selection,n];this.editor.setSelection(e,`canvas`)}else this.editor.setSelection([n],`canvas`),this.updatePopover();this.container.focus({preventScroll:!0})}else this.editor.clearSelection(`canvas`)}entityElementIndex(e,t){if(!this.svg)return 0;let n=[...this.svg.querySelectorAll(`[data-mw-entity="${CSS.escape(e)}"]`)].indexOf(t);return n>=0?n:0}onSvgDblClick(e){if(this.readOnly||Date.now()<this.suppressDblClickUntil)return;let t=e.target.closest?.(`[data-mw-member-line]`);if(t&&this.editor.result.classGraph){let n=t.getAttribute(`data-mw-member-class`),r=Number(t.getAttribute(`data-mw-member-line`)),i=this.editor.result.classGraph.classById.get(n)?.members.find(e=>e.lineIndex===r);if(i){e.preventDefault(),this.popover.hide(),this.editInPlace(`member:${n}:${r}`,t,`.nodeLabel`,i.text,e=>this.editor.dispatch({type:`cl.setMemberText`,id:n,memberLine:r,text:e},`canvas`),{live:!1});return}}let n=e.target.closest?.(`[data-mw-attr-line]`);if(n&&this.editor.result.er){let t=n.getAttribute(`data-mw-attr-entity`),r=Number(n.getAttribute(`data-mw-attr-line`)),i=this.editor.result.er.entityById.get(t)?.attributes.find(e=>e.lineIndex===r);if(i){e.preventDefault(),this.popover.hide(),this.openOverlayEditor(n,i.text,e=>this.editor.dispatch({type:`er.setAttributeText`,id:t,attrLine:r,text:e},`canvas`));return}}let r=this.entityHitFromEvent(e);r&&(e.preventDefault(),!this.hooks.onEntityDoubleClick?.(r.id)&&this.editEntityLabel(r.id,r.el))}onSvgPointerDown(e){if(this.readOnly)return;let t=this.entityFromEvent(e),n=t?.startsWith(`node:`)||t?.startsWith(`state:`)||t?.startsWith(`class:`)||t?.startsWith(`entity:`),r=this.tool===`connect`||e.altKey;if(n&&r&&t){e.preventDefault(),this.connectSource=t,this.svg?.setPointerCapture?.(e.pointerId),this.entityElement(t)?.classList.add(`mw-connect-source`),this.emit(`connectPreview`,{source:t});return}t?.startsWith(`event:`)&&this.editor.result.sequence&&e.detail<=1&&(this.dragEvent=t,this.dragStartY=e.clientY,this.dragging=!1)}entityElement(e){return this.svg?.querySelector(`[data-mw-entity="${CSS.escape(e)}"]`)??null}onSvgPointerMove(e){if(this.dragEvent&&this.svg){if(!this.dragging&&Math.abs(e.clientY-this.dragStartY)>8&&(this.dragging=!0,this.svg.setPointerCapture?.(e.pointerId),this.computeDropSlots(),this.popover.hide()),this.dragging){let t=this.container.getBoundingClientRect(),n=e.clientY-t.top+this.container.scrollTop,r=this.nearestSlot(n);r&&this.showDropIndicator(r.y)}return}if(!this.connectSource||!this.svg)return;let t=this.entityCenter(this.connectSource),n=this.clientToSvg(e.clientX,e.clientY);!t||!n||(this.ghostPath||(this.ghostPath=document.createElementNS(`http://www.w3.org/2000/svg`,`line`),this.ghostPath.classList.add(`mw-ghost-edge`),this.svg.appendChild(this.ghostPath)),this.ghostPath.setAttribute(`x1`,String(t.x)),this.ghostPath.setAttribute(`y1`,String(t.y)),this.ghostPath.setAttribute(`x2`,String(n.x)),this.ghostPath.setAttribute(`y2`,String(n.y)))}onSvgPointerUp(e){if(this.lastPointerWasTouch=e.pointerType===`touch`,this.dragEvent){let t=this.dragEvent,n=this.dragging;if(this.dragEvent=null,this.dragging=!1,this.dropIndicator?.remove(),this.dropIndicator=null,n){this.suppressNextClick=!0;let n=this.container.getBoundingClientRect(),r=this.nearestSlot(e.clientY-n.top+this.container.scrollTop);r&&this.editor.dispatch({type:`seq.moveEvent`,eventId:t,afterEvent:r.afterEvent})}return}if(!this.connectSource)return;let t=this.connectSource,n=t.startsWith(`node:`)?`node:`:t.startsWith(`state:`)?`state:`:t.startsWith(`class:`)?`class:`:`entity:`,r=document.elementFromPoint(e.clientX,e.clientY),i=null,a=r;for(;a&&a!==this.container;){let e=a.getAttribute?.(`data-mw-entity`);if(e?.startsWith(n)){i=e;break}a=a.parentElement}this.cancelConnect(),this.suppressNextClick=!0,i&&i!==t&&n===`node:`?this.editor.dispatch({type:`connect`,source:t.slice(5),target:i.slice(5),line:this.defaultEdge.line,arrowEnd:this.defaultEdge.arrowEnd}):i&&i!==t&&n===`state:`?this.editor.dispatch({type:`st.connect`,source:t.slice(6),target:i.slice(6)}):i&&i!==t&&n===`class:`?this.editor.dispatch({type:`cl.connect`,source:t.slice(6),target:i.slice(6)}):i&&i!==t&&n===`entity:`?this.editor.dispatch({type:`er.connect`,source:t.slice(7),target:i.slice(7)}):(this.editor.setSelection([t],`canvas`),this.container.focus({preventScroll:!0}))}cancelConnect(){this.connectSource&&this.entityElement(this.connectSource)?.classList.remove(`mw-connect-source`),this.connectSource=null,this.ghostPath?.remove(),this.ghostPath=null,this.emit(`connectPreview`,{source:null})}editEntityLabel(e,t){if(this.readOnly)return;let{flowchart:n,sequence:r}=this.editor.result;this.closeInlineEditor(!1),this.inPlaceSession&&this.inPlaceSession.entityId!==e&&this.inPlaceSession.finish?.(!0),this.popover.hide();let i=t&&t.getAttribute(`data-mw-entity`)===e?t:null,a=null,o=``,s=()=>{};if(n&&e.startsWith(`node:`)){let t=n.nodeById.get(e.slice(5));if(!t||(o=t.label,a=this.correlation?.nodes.get(e)??null,s=e=>this.editor.dispatch({type:`renameNode`,id:t.id,label:e},`canvas`),a&&this.editInPlace(e,a,`.nodeLabel`,o,s)))return}else if(n&&e.startsWith(`edge:`)){let t=n.edges.find(t=>t.entityId===e);if(!t||(o=t.label??``,s=t=>this.editor.dispatch({type:`setEdgeLabel`,edgeId:e,label:t},`canvas`),a=this.edgeAnchor(e,!!t.label),t.label&&a&&this.editInPlace(e,a,`.edgeLabel`,o,s)))return}else if(n&&e.startsWith(`subgraph:`)){let t=n.subgraphs.find(t=>t.entityId===e);if(!t)return;o=t.title??t.id,a=this.correlation?.nodes.get(e)?.querySelector(`.cluster-label`)??i??this.correlation?.nodes.get(e)??this.svg?.querySelector(`#${CSS.escape(t.id)}`)??null,s=e=>this.editor.dispatch({type:`renameSubgraph`,id:t.id,title:e},`canvas`)}else if(this.editor.result.state&&e.startsWith(`state:`)){let t=this.editor.result.state.stateById.get(e.slice(6));if(!t||(o=t.label,a=this.correlation?.nodes.get(e)??null,s=e=>this.editor.dispatch({type:`st.setStateLabel`,id:t.id,label:e},`canvas`),a&&this.editInPlace(e,a,`.nodeLabel`,o,s)))return}else if(this.editor.result.state&&e.startsWith(`trans:`)){let t=this.editor.result.state.transitions.find(t=>t.entityId===e);if(!t||(o=t.label??``,a=this.edgeAnchor(e,!!t.label),s=t=>this.editor.dispatch({type:`st.setTransitionLabel`,transId:e,label:t},`canvas`),t.label&&a&&this.editInPlace(e,a,`.edgeLabel`,o,s)))return}else if(this.editor.result.classGraph&&e.startsWith(`class:`)){let t=this.editor.result.classGraph.classById.get(e.slice(6));if(!t)return;o=t.id,a=i??this.correlation?.nodes.get(e)??null,s=e=>this.editor.dispatch({type:`cl.renameClass`,id:t.id,name:e},`canvas`)}else if(this.editor.result.classGraph&&e.startsWith(`rel:`)){let t=this.editor.result.classGraph.relations.find(t=>t.entityId===e);if(!t)return;o=t.label??``,a=this.edgeAnchor(e,!!t.label),s=t=>this.editor.dispatch({type:`cl.setRelationLabel`,relId:e,label:t},`canvas`)}else if(this.editor.result.er&&e.startsWith(`entity:`)){let t=this.editor.result.er.entityById.get(e.slice(7));if(!t)return;o=t.id,a=i??this.correlation?.nodes.get(e)??null,s=e=>this.editor.dispatch({type:`er.renameEntity`,id:t.id,name:e},`canvas`)}else if(this.editor.result.er&&e.startsWith(`erel:`)){let t=this.editor.result.er.relations.find(t=>t.entityId===e);if(!t)return;o=t.label,a=this.edgeAnchor(e,!!t.label),s=t=>this.editor.dispatch({type:`er.setRelationLabel`,relId:e,label:t},`canvas`)}else if(this.editor.result.pie&&e.startsWith(`slice:`)){let t=this.editor.result.pie.slices.find(t=>t.entityId===e);if(!t)return;o=String(t.value),a=i??this.entityElement(e),s=t=>{let n=Number(t);Number.isFinite(n)&&this.editor.dispatch({type:`pie.setValue`,sliceId:e,value:n},`canvas`)}}else if(this.editor.result.gantt&&e.startsWith(`task:`)){let t=this.editor.result.gantt.tasks.find(t=>t.entityId===e);if(!t)return;o=t.name,a=i??this.entityElement(e),s=t=>this.editor.dispatch({type:`gantt.setTaskName`,taskId:e,name:t},`canvas`)}else if(this.editor.result.lineItems&&e.startsWith(`item:`)){let t=this.editor.result.lineItems.items.find(t=>t.entityId===e);if(!t)return;o=t.text,a=i??this.entityElement(e),s=t=>this.editor.dispatch({type:`li.setLine`,itemId:e,text:t},`canvas`)}else if(r&&e.startsWith(`participant:`)){let t=r.participantById.get(e.slice(12));if(!t)return;o=t.label,a=i??this.topmostEntityElement(e),s=e=>this.editor.dispatch({type:`seq.renameParticipant`,id:t.id,name:e},`canvas`)}else if(r&&e.startsWith(`event:`)){let t=r.events.find(t=>t.entityId===e);if(!t)return;o=t.stmt.text,a=this.seqCorrelation?.eventTexts.get(e)??i??this.entityElement(e),s=t=>this.editor.dispatch({type:`seq.setEventText`,eventId:e,text:t},`canvas`)}a&&this.openOverlayEditor(a,o,s)}editInPlace(e,t,n,r,i,a={}){let o=t.matches?.(n)?t.querySelector(`p`)??t:t.querySelector(`${n} p`)??t.querySelector(n);if(!o||!(o instanceof HTMLElement))return!1;let s=this.inPlaceSession?.entityId===e;if(s&&this.inPlaceSession.label===o&&o.isConnected)return o.focus(),!0;s||(this.inPlaceSession={entityId:e,labelSelector:n,original:r,lastCommitted:r,caretOffset:-1,commitValue:i,liveTimer:null,label:null,finish:null});let c=this.inPlaceSession;c.label=o,o.setAttribute(`contenteditable`,`true`);let l=o.closest(`foreignObject`),u=o.style.whiteSpace,d=l?.style.overflow??``;if(o.style.whiteSpace=`nowrap`,l&&(l.style.overflow=`visible`),o.focus(),s&&c.caretOffset>=0)j(o,c.caretOffset);else{let e=window.getSelection(),t=document.createRange();t.selectNodeContents(o),e?.removeAllRanges(),e?.addRange(t)}let f=()=>{let e=A(o);e>=0&&(c.caretOffset=e)},p=()=>{if(this.inPlaceSession!==c)return;let e=O(o);!e||e===c.lastCommitted||(f(),c.lastCommitted=e,c.commitValue(e))},m=e=>{if(this.inPlaceSession!==c)return;this.inPlaceSession=null,c.liveTimer&&clearTimeout(c.liveTimer),o.removeAttribute(`contenteditable`),o.style.whiteSpace=u,l&&(l.style.overflow=d),o.removeEventListener(`keydown`,g),o.removeEventListener(`blur`,_),o.removeEventListener(`input`,h);let t=O(o);e?t&&t!==c.lastCommitted?c.commitValue(t):t||(o.textContent=c.lastCommitted):(o.innerHTML=c.original,c.lastCommitted!==c.original&&c.commitValue(c.original)),this.renderHeldByEdit&&(this.renderHeldByEdit=!1,this.scheduleRender()),this.updatePopover()},h=()=>{a.live!==!1&&(c.liveTimer&&clearTimeout(c.liveTimer),c.liveTimer=setTimeout(p,450))},g=e=>{e.stopPropagation(),e.key===`Enter`?(e.preventDefault(),m(!0)):e.key===`Escape`&&m(!1)},_=()=>{setTimeout(()=>{this.inPlaceSession===c&&o.isConnected&&document.activeElement!==o&&m(!0)},60)};return c.finish=m,o.addEventListener(`keydown`,g),o.addEventListener(`blur`,_),o.addEventListener(`input`,h),!0}activeInPlaceSession(){return this.inPlaceSession}resumeInPlaceSession(e){let t=this.inPlaceSession;if(!t)return;if(!this.editor.entityExists(t.entityId)){this.inPlaceSession=null;return}let n=(t.entityId.startsWith(`edge:`)?this.correlation?.edgeLabels.get(t.entityId):null)??this.entityElement(t.entityId);if(!n){this.inPlaceSession=null;return}this.editInPlace(t.entityId,n,t.labelSelector,t.lastCommitted,t.commitValue);let r=this.inPlaceSession===t?t.label:null;!r||!e||(e.value&&e.value!==t.lastCommitted&&e.value!==k(r)&&(r.innerHTML=e.value,r.dispatchEvent(new Event(`input`))),e.caret>=0&&j(r,e.caret))}findTextTarget(e,t){let n=e=>(e.tagName===`text`||e.tagName===`SPAN`||e.tagName===`P`||e.tagName===`DIV`||e.tagName===`tspan`)&&(e.children.length===0||e.tagName===`text`)&&(e.textContent?.trim().length??0)>0;if(n(e))return e;let r=[...e.querySelectorAll(`text, tspan, span, p, div`)].filter(n);return!r.length&&e.parentElement&&(r=[...e.parentElement.querySelectorAll(`text, tspan, span, p, div`)].filter(n)),r.find(e=>e.textContent?.trim()===t.trim())??r.find(e=>t.trim().startsWith(e.textContent?.trim()??`\0`))??r[0]??e}openOverlayEditor(e,t,n){let r,i;typeof SVGPathElement<`u`&&e instanceof SVGPathElement?(r=this.pathMidpointRect(e),i=null):(e=this.findTextTarget(e,t),r=this.hostRect(e),i=e);let a=e.querySelector(`tspan`)??e,o=window.getComputedStyle(a),s=document.createElement(`div`);s.className=`mw-inplace-editor`,s.contentEditable=`true`,s.spellcheck=!1,s.textContent=t,s.style.left=`${r.left+r.width/2}px`,s.style.top=`${r.top}px`,s.style.transform=`translateX(-50%)`,s.style.textAlign=`center`,s.style.minWidth=`${Math.max(24,r.width)}px`,s.style.lineHeight=`${Math.max(r.height,12)}px`,s.style.fontStyle=o.fontStyle,s.style.fontWeight=o.fontWeight;let c=this.panZoomEnabled?this.zoomScale:1,l=Number.parseFloat(o.fontSize);s.style.fontSize=Number.isFinite(l)?`${l*c}px`:o.fontSize,s.style.fontFamily=o.fontFamily;let u=o.fill&&o.fill!==`none`&&a instanceof SVGElement?o.fill:o.color;if(s.style.color=u||`inherit`,this.overlayHost.appendChild(s),this.inlineInput=s,i){let e=i,t=e.style?.visibility??``;e.style&&(e.style.visibility=`hidden`),this.inlineHidden={el:e,prevVisibility:t}}s.focus();let d=document.createRange();d.selectNodeContents(s);let f=window.getSelection();f?.removeAllRanges(),f?.addRange(d);let p=()=>{let e=(s.textContent??``).trim(),r=this.inlineHidden?.el??null;this.closeInlineEditor(!1),e!==t&&(r&&(r.textContent=e),n(e))};s.addEventListener(`keydown`,e=>{e.stopPropagation(),e.key===`Enter`&&(e.preventDefault(),p()),e.key===`Escape`&&this.closeInlineEditor(!1)}),s.addEventListener(`blur`,p)}closeInlineEditor(e){if(this.inlineHidden&&=(this.inlineHidden.el.style&&(this.inlineHidden.el.style.visibility=this.inlineHidden.prevVisibility),null),this.inlineInput){let t=this.inlineInput;this.inlineInput=null,t.remove(),e&&this.container.focus({preventScroll:!0})}}onKeyDown(e){if(!this.inlineInput){if((e.metaKey||e.ctrlKey)&&e.key.toLowerCase()===`z`){e.preventDefault(),e.shiftKey?this.editor.redo():this.editor.undo();return}if(!this.readOnly){if((e.key===`Delete`||e.key===`Backspace`)&&this.editor.selection.length){e.preventDefault(),this.editor.deleteEntities(this.editor.selection,`canvas`);return}if(e.key===`Escape`){this.cancelConnect(),this.editor.clearSelection(`canvas`);return}e.key===`Enter`&&this.editor.selection.length===1&&(e.preventDefault(),this.editEntityLabel(this.editor.selection[0]))}}}applySelectionStyles(){if(this.svg){this.svg.querySelectorAll(`.mw-selected`).forEach(e=>e.classList.remove(`mw-selected`));for(let e of this.editor.selection)this.svg.querySelectorAll(`[data-mw-entity="${CSS.escape(e)}"]`).forEach(e=>{e.classList.add(`mw-selected`)});this.updatePopover()}}edgeAnchor(e,t){let n=this.correlation?.edgeLabels,r=this.correlation?.edges;return t?n?.get(e)??r?.get(e)??null:r?.get(e)??n?.get(e)??null}hostRect(e){let t=e.getBoundingClientRect(),n=this.container.getBoundingClientRect();return{left:t.left-n.left+this.container.scrollLeft,top:t.top-n.top+this.container.scrollTop,width:t.width,height:t.height}}pathMidpointRect(e){let t=this.container.getBoundingClientRect(),n=typeof e.getScreenCTM==`function`&&typeof e.getTotalLength==`function`?e.getScreenCTM():null;if(!n)return this.hostRect(e);let r=e.getTotalLength(),i=e.getPointAtLength(r/2),a=new DOMPoint(i.x,i.y).matrixTransform(n),o=20*(this.panZoomEnabled?this.zoomScale:1);return{left:a.x-t.left+this.container.scrollLeft,top:a.y-t.top+this.container.scrollTop-o/2,width:0,height:o}}updatePopover(){if(this.popover.hide(),this.readOnly||this.inlineInput||this.inPlaceSession)return;let e=this.editor.selection;if(e.length!==1||!this.svg)return;let t=e[0],n=[...this.svg.querySelectorAll(`[data-mw-entity="${CSS.escape(t)}"]`)],r=null,i=this.popoverAnchorPick;if(i&&i.entityId===t&&n[i.index])r=n[i.index];else{let e=1/0;for(let t of n){let n=t.getBoundingClientRect().top;n<e&&(e=n,r=t)}}if(!r)return;let a=this.actionsFor(t);a.length&&this.popover.show(this.hostRect(r),a)}colorSection(e,t){return{title:e,columns:5,items:[...g.map(n=>({swatch:n,title:`${e}: ${n}`,onClick:()=>t(n)})),{swatch:`none`,title:`${e}: default`,onClick:()=>t(null)}]}}actionsFor(n){let{flowchart:r,sequence:i}=this.editor.result,a={icon:p.trash,title:`Delete`,danger:!0,onClick:()=>this.editor.deleteEntities([n])},o={icon:p.pencil,title:`Edit text`,onClick:()=>this.editEntityLabel(n)};if(r&&n.startsWith(`node:`)){let e=r.nodeById.get(n.slice(5));return e?[{icon:p.shapes,title:`Node shape`,panel:{title:`Node shape`,items:[{s:`rect`,g:`▭`,t:`Rectangle`},{s:`round`,g:`▢`,t:`Rounded`},{s:`stadium`,g:`⬭`,t:`Stadium`},{s:`diamond`,g:`◇`,t:`Diamond`},{s:`hexagon`,g:`⬡`,t:`Hexagon`},{s:`circle`,g:`◯`,t:`Circle`},{s:`cylinder`,g:`⛁`,t:`Cylinder`},{s:`subroutine`,g:`⧉`,t:`Subroutine`}].map(t=>({glyph:t.g,title:t.t,selected:e.shape===t.s,onClick:()=>this.editor.dispatch({type:`setNodeShape`,id:e.id,shape:t.s})}))}},{icon:p.palette,title:`Colors`,panel:{title:`Colors`,sections:[`fill`,`stroke`,`color`].map(t=>this.colorSection(t===`fill`?`Fill`:t===`stroke`?`Border`:`Text`,n=>this.editor.dispatch({type:`setNodeColor`,id:e.id,prop:t,value:n})))}},{icon:p.copy,title:`Duplicate`,onClick:()=>this.editor.dispatch({type:`duplicateNode`,id:e.id})},o,a]:[]}if(r&&n.startsWith(`subgraph:`))return[{icon:p.pencil,title:`Rename subgraph`,onClick:()=>this.editEntityLabel(n)}];if(r&&n.startsWith(`edge:`)){let e=r.edges.find(e=>e.entityId===n);if(!e)return[];let t=[{start:`open`,end:`open`,t:`No arrow`},{start:`open`,end:`arrow`,t:`Arrow`},{start:`arrow`,end:`arrow`,t:`Double point`},{start:`open`,end:`cross`,t:`Cross`},{start:`cross`,end:`cross`,t:`Double cross`},{start:`open`,end:`circle`,t:`Dot`},{start:`circle`,end:`circle`,t:`Double dot`}],i=[{line:`solid`,t:`Solid`},{line:`dotted`,t:`Dotted`},{line:`thick`,t:`Thick`},{line:`invisible`,t:`Invisible`}],s=[{v:`basis`,t:`Default (curved)`,label:`Default`,svg:b(`basis`)},{v:`natural`,t:`Natural spline`,label:`Natural`,svg:b(`natural`)},{v:`linear`,t:`Straight segments`,label:`Linear`,svg:b(`linear`)}],c=[{v:`none`,t:`No animation`,label:`None`,svg:x(`none`)},{v:`slow`,t:`Slow flow`,label:`Slow`,svg:x(`slow`)},{v:`fast`,t:`Fast flow`,label:`Fast`,svg:x(`fast`)}],l=S(this.editor.code),u=C(this.editor.code,e.order);return[{icon:p.arrowRight,title:`Arrow`,panel:{title:`Arrow`,sections:[{columns:4,items:t.map(t=>({svg:_(e.seg.line,t.start,t.end),title:t.t,selected:e.seg.arrowStart===t.start&&e.seg.arrowEnd===t.end,onClick:()=>this.editor.dispatch({type:`setEdgeStyle`,edgeId:n,arrowStart:t.start,arrowEnd:t.end})}))}]}},{icon:p.equal,title:`Stroke`,panel:{title:`Stroke`,sections:[{columns:4,items:i.map(t=>({svg:y(t.line),title:t.t,label:t.t,selected:e.seg.line===t.line,onClick:()=>this.editor.dispatch({type:`setEdgeStyle`,edgeId:n,line:t.line})}))}]}},{icon:p.palette,title:`Edge color`,panel:{title:`Edge color`,sections:[this.colorSection(`Stroke`,e=>this.editor.dispatch({type:`setEdgeColor`,edgeId:n,value:e}))]}},{icon:p.circlePlay,title:`Animate edge`,panel:{title:`Animate edge`,sections:[{columns:3,items:c.map(e=>({svg:e.svg,title:e.t,label:e.label,selected:u===e.v,onClick:()=>this.editor.dispatch({type:`setEdgeAnimation`,edgeId:n,value:e.v})}))}]}},{icon:p.spline,title:`Edge curve (diagram-wide)`,panel:{title:`Edge curve`,sections:[{columns:3,items:s.map(e=>({svg:e.svg,title:e.t,label:e.label,selected:l===e.v,onClick:()=>this.editor.dispatch({type:`setFlowCurve`,value:e.v})}))}]}},{icon:p.arrowLeftRight,title:`Reverse direction`,onClick:()=>this.editor.dispatch({type:`reverseEdge`,edgeId:n})},o,a]}if(this.editor.result.state&&n.startsWith(`state:`)){let e=this.editor.result.state.stateById.get(n.slice(6));return e?e.isComposite?[o]:[{icon:p.square,title:`State type`,panel:{title:`State type`,items:[{t:`state`,g:`▢`},{t:`choice`,g:`◇`},{t:`fork`,g:`⑃`},{t:`join`,g:`⑂`}].map(t=>({glyph:t.g,title:t.t,selected:(e.stereotype??`state`)===t.t,onClick:()=>this.editor.dispatch({type:`st.setStateType`,id:e.id,stype:t.t})}))}},{icon:p.stickyNote,title:`Add note`,panel:{title:`Note`,items:[`left`,`right`].map(t=>({glyph:t===`left`?`◧`:`◨`,title:`Note ${t}`,onClick:()=>this.editor.dispatch({type:`st.addStateNote`,id:e.id,side:t})}))}},{icon:p.frame,title:`Move to composite`,onClick:()=>this.editor.dispatch({type:`st.moveToComposite`,id:e.id})},o,a]:[]}if(this.editor.result.state&&n.startsWith(`trans:`))return[{icon:p.arrowLeftRight,title:`Reverse direction`,onClick:()=>this.editor.dispatch({type:`st.reverseTransition`,transId:n})},o,a];if(this.editor.result.classGraph&&n.startsWith(`class:`)){let e=this.editor.result.classGraph.classById.get(n.slice(6));return e?[{icon:p.listPlus,title:`Add member`,onClick:()=>{this.editor.dispatch({type:`cl.addMember`,id:e.id,text:`+attribute`})}},{icon:p.braces,title:`Annotation`,panel:{title:`Annotation`,items:[...[`interface`,`abstract`,`service`,`enumeration`].map(t=>({glyph:t,title:`<<${t}>>`,onClick:()=>this.editor.dispatch({type:`cl.setAnnotation`,id:e.id,annotation:t})})),{glyph:`none`,title:`Remove annotation`,onClick:()=>this.editor.dispatch({type:`cl.setAnnotation`,id:e.id,annotation:null})}]}},{icon:p.stickyNote,title:`Add note`,onClick:()=>this.editor.dispatch({type:`cl.addNoteFor`,id:e.id})},{icon:p.pencil,title:`Rename class`,onClick:()=>this.editEntityLabel(n)},a]:[]}if(this.editor.result.classGraph&&n.startsWith(`rel:`)){let e=this.editor.result.classGraph.relations.find(e=>e.entityId===n);return e?[{icon:p.arrowRight,title:`Relation type`,panel:{title:`Relation type`,items:[{op:`<|--`,g:`◁—`,t:`inheritance`},{op:`*--`,g:`◆—`,t:`composition`},{op:`o--`,g:`◇—`,t:`aggregation`},{op:`-->`,g:`—▶`,t:`association`},{op:`--`,g:`——`,t:`link (solid)`},{op:`..>`,g:`⋯▶`,t:`dependency`},{op:`..|>`,g:`⋯▷`,t:`realization`},{op:`..`,g:`⋯⋯`,t:`link (dashed)`}].map(t=>({glyph:t.g,title:t.t,selected:e.stmt.op===t.op,onClick:()=>this.editor.dispatch({type:`cl.setRelationType`,relId:n,op:t.op})}))}},{icon:p.arrowLeftRight,title:`Reverse direction`,onClick:()=>this.editor.dispatch({type:`cl.reverseRelation`,relId:n})},{glyph:`1:1`,title:`Cardinality (e.g. 1, 0..1, 1..*, *)`,onClick:()=>{let t=this.entityElement(n);if(!t)return;this.popover.hide();let r=`${e.stmt.sourceCard??``}:${e.stmt.targetCard??``}`;this.openOverlayEditor(t,r,t=>{let[r=``,i=``]=t.split(`:`);this.editor.dispatch({type:`cl.setCardinality`,relId:n,side:`source`,value:r.trim()||null},`canvas`);let a=this.editor.result.classGraph?.relations.find(t=>t.lineIndex===e.lineIndex&&t.source===e.source&&t.target===e.target);a&&this.editor.dispatch({type:`cl.setCardinality`,relId:a.entityId,side:`target`,value:i.trim()||null},`canvas`)})}},o,a]:[]}if(this.editor.result.er&&n.startsWith(`entity:`)){let e=this.editor.result.er.entityById.get(n.slice(7));return e?[{icon:p.listPlus,title:`Add attribute`,onClick:()=>this.editor.dispatch({type:`er.addAttribute`,id:e.id})},{icon:p.pencil,title:`Rename entity`,onClick:()=>this.editEntityLabel(n)},a]:[]}if(this.editor.result.er&&n.startsWith(`erel:`)){let e=this.editor.result.er.relations.find(e=>e.entityId===n);if(!e)return[];let t=[{c:`zero-or-one`,g:`0..1`},{c:`exactly-one`,g:`1`},{c:`zero-or-more`,g:`0..*`},{c:`one-or-more`,g:`1..*`}],r=r=>({icon:r===`left`?p.arrowLeftToLine:p.arrowRightToLine,title:`${r===`left`?`Source`:`Target`} cardinality`,panel:{title:`${r===`left`?e.source:e.target} cardinality`,items:t.map(e=>({glyph:e.g,title:e.c,onClick:()=>this.editor.dispatch({type:`er.setCardinality`,relId:n,side:r,card:e.c})}))}});return[r(`left`),r(`right`),{icon:e.stmt.line===`--`?p.minus:p.ellipsis,title:e.stmt.line===`--`?`Make non-identifying (dashed)`:`Make identifying (solid)`,onClick:()=>this.editor.dispatch({type:`er.setIdentifying`,relId:n,identifying:e.stmt.line!==`--`})},o,a]}if(this.editor.result.pie&&n.startsWith(`slice:`)){let e=this.editor.result.pie.slices.find(e=>e.entityId===n);return e?[{icon:p.hash,title:`Edit value`,onClick:()=>this.editEntityLabel(n)},{icon:p.pencil,title:`Edit label`,onClick:()=>{let t=this.entityElement(n);t&&(this.popover.hide(),this.openOverlayEditor(t,e.label,e=>this.editor.dispatch({type:`pie.setLabel`,sliceId:n,label:e},`canvas`)))}},a]:[]}if(this.editor.result.gantt&&n.startsWith(`task:`)){let e=this.editor.result.gantt.tasks.find(e=>e.entityId===n);return e?[{icon:p.pencil,title:`Rename task`,onClick:()=>this.editEntityLabel(n)},{icon:p.calendar,title:`Edit schedule (id, start, duration)`,onClick:()=>{let t=this.entityElement(n);t&&(this.popover.hide(),this.openOverlayEditor(t,e.meta,e=>this.editor.dispatch({type:`gantt.setTaskMeta`,taskId:n,meta:e},`canvas`)))}},a]:[]}if(this.editor.result.lineItems&&n.startsWith(`item:`))return[{icon:p.pencil,title:`Edit line`,onClick:()=>this.editEntityLabel(n)},a];if(i&&n.startsWith(`participant:`)){let e=i.participantById.get(n.slice(12));if(!e)return[];let r={participant:`▭`,actor:`웃`,boundary:`⊢○`,control:`◉`,entity:`◯`,database:`⛁`,collections:`⧉`,queue:`▤`};return[{icon:p.user,title:`Participant type`,panel:{title:`Participant type`,items:t.map(t=>({glyph:r[t],title:t,selected:e.ptype===t,onClick:()=>this.editor.dispatch({type:`seq.setParticipantType`,id:e.id,ptype:t})}))}},{icon:p.pencil,title:`Rename`,onClick:()=>this.editEntityLabel(n)},a]}if(i&&n.startsWith(`event:`)){let t=i.events.find(e=>e.entityId===n);if(!t)return[];if(t.kind===`message`){let r={"->":`——`,"->>":`—▶`,"-->":`⋯⋯`,"-->>":`⋯▶`,"-x":`—✕`,"--x":`⋯✕`,"-)":`—⟩`,"--)":`⋯⟩`};return[{icon:p.arrowRight,title:`Message type`,panel:{title:`Message type`,items:e.map(e=>({glyph:r[e.op],title:e.label,selected:t.stmt.op===e.op,onClick:()=>this.editor.dispatch({type:`seq.setMessageOp`,eventId:n,op:e.op})}))}},{icon:p.arrowLeftRight,title:`Reverse direction`,onClick:()=>this.editor.dispatch({type:`seq.reverseMessage`,eventId:n})},{icon:p.group,title:`Wrap in fragment`,panel:{title:`Fragment`,items:[`loop`,`alt`,`opt`,`par`,`critical`,`break`,`rect`].map(e=>({glyph:e,title:`Wrap in ${e}`,onClick:()=>this.editor.dispatch({type:`seq.wrapInFragment`,eventId:n,kind:e})}))}},o,a]}return[o,a]}return[]}computeDropSlots(){let e=this.editor.result.sequence;if(this.dropSlots=[],!e||!this.seqCorrelation)return;let t=e.events.map(e=>{let t=this.seqCorrelation.events.get(e.entityId);if(!t)return null;let n=this.hostRect(t);return{ev:e,y:n.top+n.height/2}}).filter(e=>e!==null);if(t.length){this.dropSlots.push({y:t[0].y-24,afterEvent:null});for(let e=1;e<t.length;e++)this.dropSlots.push({y:(t[e-1].y+t[e].y)/2,afterEvent:t[e-1].ev.entityId});this.dropSlots.push({y:t[t.length-1].y+24,afterEvent:t[t.length-1].ev.entityId})}}nearestSlot(e){let t=null,n=1/0;for(let r of this.dropSlots){let i=Math.abs(r.y-e);i<n&&(n=i,t=r)}return t}showDropIndicator(e){this.dropIndicator||(this.dropIndicator=document.createElement(`div`),this.dropIndicator.className=`mw-drop-indicator`,this.overlayHost.appendChild(this.dropIndicator)),this.dropIndicator.style.top=`${e}px`}plusHovered=!1;lifelineClearTimer=null;onLifelineHover(e){if(this.readOnly||!this.seqCorrelation||this.connectSource||!this.editor.result.sequence)return;let t=null;for(let[n,r]of this.seqCorrelation.lifelines){let i=r.getBoundingClientRect(),a=i.left+i.width/2;if(Math.abs(e.clientX-a)<=16&&e.clientY>=i.top-8&&e.clientY<=i.bottom+8){t=n;break}}t!==this.hoveredLifeline&&(t?this.showLifelinePlus(t):this.scheduleLifelineClear())}showLifelinePlus(e){this.clearLifelineUi();let t=this.editor.result.sequence,n=this.seqCorrelation?.lifelines.get(e);if(!t||!n)return;this.hoveredLifeline=e;let r=e.slice(12),i=this.hostRect(n),a=i.left+i.width/2,o=[],s=t.events.map(e=>{let t=this.seqCorrelation?.events.get(e.entityId);if(!t)return null;let n=this.hostRect(t);return{ev:e,y:n.top+n.height/2}}).filter(e=>e!==null);if(s.length===0)o.push({y:i.top+i.height/2,afterEvent:null});else{o.push({y:(i.top+s[0].y)/2,afterEvent:null});for(let e=1;e<s.length;e++)o.push({y:(s[e-1].y+s[e].y)/2,afterEvent:s[e-1].ev.entityId});o.push({y:(s[s.length-1].y+i.top+i.height)/2,afterEvent:s[s.length-1].ev.entityId})}for(let e of o){let t=document.createElement(`button`);t.type=`button`,t.className=`mw-lifeline-plus`,t.textContent=`+`,t.title=`Click to insert here · drag to another participant to connect`,t.style.left=`${a}px`,t.style.top=`${e.y}px`,t.addEventListener(`pointerenter`,()=>{this.plusHovered=!0}),t.addEventListener(`pointerleave`,()=>{this.plusHovered=!1,this.scheduleLifelineClear()}),t.addEventListener(`pointerdown`,t=>{t.stopPropagation(),this.beginPlusDrag(t,r,e.afterEvent)}),t.addEventListener(`click`,n=>{if(n.stopPropagation(),this.plusDragConsumedClick){this.plusDragConsumedClick=!1;return}this.openPlusMenu(t,r,e.afterEvent)}),this.overlayHost.appendChild(t),this.plusButtons.push(t)}}plusDragConsumedClick=!1;plusDragCleanup=null;beginPlusDrag(e,t,n){if(this.readOnly)return;let r=e.clientX,i=e.clientY,a=!1,o=(e,t)=>{let n=document.elementFromPoint(e,t);for(;n&&n!==this.container;){let e=n.getAttribute?.(`data-mw-entity`);if(e?.startsWith(`participant:`))return e.slice(12);n=n.parentElement}if(this.seqCorrelation)for(let[n,r]of this.seqCorrelation.lifelines){let i=r.getBoundingClientRect(),a=i.left+i.width/2;if(Math.abs(e-a)<=24&&t>=i.top-8&&t<=i.bottom+8)return n.slice(12)}return null},s=e=>{if(!a&&Math.hypot(e.clientX-r,e.clientY-i)<=4||(a||(a=!0,this.plusMenu?.remove(),this.plusMenu=null),!this.svg))return;let t=this.clientToSvg(r,i),n=this.clientToSvg(e.clientX,e.clientY);!t||!n||(this.ghostPath||(this.ghostPath=document.createElementNS(`http://www.w3.org/2000/svg`,`line`),this.ghostPath.classList.add(`mw-ghost-edge`),this.svg.appendChild(this.ghostPath)),this.ghostPath.setAttribute(`x1`,String(t.x)),this.ghostPath.setAttribute(`y1`,String(t.y)),this.ghostPath.setAttribute(`x2`,String(n.x)),this.ghostPath.setAttribute(`y2`,String(n.y)))},c=()=>{this.plusDragCleanup=null,document.removeEventListener(`pointermove`,s),document.removeEventListener(`pointerup`,l),document.removeEventListener(`pointercancel`,l),this.ghostPath?.remove(),this.ghostPath=null},l=e=>{if(c(),!a)return;this.plusDragConsumedClick=!0,setTimeout(()=>{this.plusDragConsumedClick=!1},0),this.clearLifelineUi();let r=o(e.clientX,e.clientY);if(!r||r===t)return;let i=this.editor.dispatch({type:`seq.addMessage`,source:t,target:r,text:`message`,afterEvent:n},`canvas`);i?.created?.[0]&&(this.pendingEditEntity=i.created[0])};this.plusDragCleanup=c,document.addEventListener(`pointermove`,s),document.addEventListener(`pointerup`,l),document.addEventListener(`pointercancel`,l)}openPlusMenu(e,t,n){this.plusMenu?.remove();let r=document.createElement(`div`);r.className=`mw-plus-menu`,r.style.left=e.style.left,r.style.top=`${parseFloat(e.style.top)+12}px`,r.addEventListener(`pointerdown`,e=>e.stopPropagation());let i=(e,t)=>{let n=document.createElement(`button`);n.type=`button`,n.textContent=e,n.addEventListener(`click`,e=>{e.stopPropagation(),this.clearLifelineUi(),t()}),r.appendChild(n)};i(`↩ Self message`,()=>{let e=this.editor.dispatch({type:`seq.addMessage`,source:t,target:t,text:`message`,afterEvent:n},`canvas`);e?.created?.[0]&&(this.pendingEditEntity=e.created[0])});let a=(e,r)=>i(e,()=>{let e=this.editor.dispatch({type:`seq.addNote`,participant:t,placement:r,text:`note`,afterEvent:n},`canvas`);e?.created?.[0]&&(this.pendingEditEntity=e.created[0])});a(`▭ Note over`,`over`),a(`▭ Note left`,`left of`),a(`▭ Note right`,`right of`),this.overlayHost.appendChild(r),this.plusMenu=r}scheduleLifelineClear(){this.lifelineClearTimer&&clearTimeout(this.lifelineClearTimer),this.lifelineClearTimer=setTimeout(()=>{!this.plusHovered&&!this.plusMenu&&this.clearLifelineUi()},400)}clearLifelineUi(){this.plusButtons.forEach(e=>e.remove()),this.plusButtons=[],this.plusMenu?.remove(),this.plusMenu=null,this.hoveredLifeline=null,this.plusHovered=!1}clientToSvg(e,t){if(!this.svg)return null;let n=this.svg.getScreenCTM();if(!n)return null;let r=new DOMPoint(e,t).matrixTransform(n.inverse());return{x:r.x,y:r.y}}entityCenter(e){let t=this.entityElement(e);if(!t)return null;let n=t.getBoundingClientRect();return this.clientToSvg(n.left+n.width/2,n.top+n.height/2)}async validate(){try{return await this.mermaid.parse(this.editor.code),!0}catch(e){let t=e instanceof Error?e.message.split(`
+`,E=!1,D=0;function O(e){return(e.innerHTML??``).replace(/<br\s*\/?>/gi,`<br/>`).replace(/&nbsp;/gi,` `).trim()}function k(e){return(e.innerHTML??``).replace(/<br\s*\/?>/gi,`<br/>`)}function A(e){let t=window.getSelection();if(!t?.anchorNode||!e.contains(t.anchorNode))return-1;let n=document.createRange();return n.selectNodeContents(e),n.setEnd(t.anchorNode,t.anchorOffset),n.toString().length}function j(e,t){let n=window.getSelection();if(!n)return;let r=document.createRange(),i=Math.max(0,t),a=document.createTreeWalker(e,NodeFilter.SHOW_TEXT),o=a.nextNode();for(;o;){let e=o.textContent?.length??0;if(i<=e){r.setStart(o,i),r.collapse(!0),n.removeAllRanges(),n.addRange(r);return}i-=e,o=a.nextNode()}r.selectNodeContents(e),r.collapse(!1),n.removeAllRanges(),n.addRange(r)}var M=class{editor;container;mermaid;mermaidConfig;svgHost;overlayHost;errorBadge;correlation=null;seqCorrelation=null;popover;plusButtons=[];plusMenu=null;hoveredLifeline=null;svg=null;svgTransformObserver=null;visibilityRetryObserver=null;popoverFollowRaf=0;applyingOwnTransform=!1;popoverAnchorPick=null;tool=`select`;readOnly;debounceMs;defaultEdge;hooks;renderTimer=null;lastRenderedCode=``;disposers=[];listeners=new Map;connectSource=null;suppressNextClick=!1;lastPointerWasTouch=!1;tapTracker=null;suppressDblClickUntil=0;ghostPath=null;dragEvent=null;dragStartY=0;dragging=!1;dropIndicator=null;dropSlots=[];inlineInput=null;inlineHidden=null;pendingEditEntity=null;inPlaceSession=null;lastError=null;renderHeldByEdit=!1;panZoomEnabled;zoomScale=1;zoomTx=0;zoomTy=0;hasUserView=!1;svgSize=null;panSession=null;zoomControls=null;renderSeq=0;awaitingFonts=!1;destroyed=!1;constructor(e){if(this.editor=e.editor,this.container=e.container,this.mermaid=e.mermaid,this.readOnly=e.readOnly??!1,this.panZoomEnabled=e.panZoom??!1,this.debounceMs=e.debounceMs??200,this.defaultEdge=e.defaultEdge??{},this.hooks=e.hooks??{},this.mermaidConfig={startOnLoad:!1,...e.mermaidConfig},!E){let e=document.createElement(`style`);e.setAttribute(`data-mw`,``),e.textContent=T+h,document.head.appendChild(e),E=!0}this.container.classList.add(`mw-canvas`),this.container.tabIndex=0,e.accentColor&&this.container.style.setProperty(`--mw-accent`,e.accentColor),this.readOnly&&this.container.classList.add(`mw-readonly`),this.svgHost=document.createElement(`div`),this.svgHost.className=`mw-svg-host`,this.overlayHost=document.createElement(`div`),this.errorBadge=document.createElement(`div`),this.errorBadge.className=`mw-error-badge`,this.errorBadge.style.display=`none`,this.container.append(this.svgHost,this.overlayHost,this.errorBadge),this.popover=new m(this.overlayHost),this.mermaid.initialize(this.mermaidConfig),this.disposers.push(this.editor.on(`change`,()=>this.scheduleRender()),this.editor.on(`selectionChange`,()=>this.applySelectionStyles()));let t=e=>this.onKeyDown(e);this.container.addEventListener(`keydown`,t),this.disposers.push(()=>this.container.removeEventListener(`keydown`,t));let n=e=>{let t=e.target;!t||this.container.contains(t)||(this.inPlaceSession?.finish?.(!0),this.clearLifelineUi(),this.popover.hide(),this.editor.selection.length&&this.editor.clearSelection(`canvas`))};document.addEventListener(`pointerdown`,n,!0),this.disposers.push(()=>document.removeEventListener(`pointerdown`,n,!0)),this.panZoomEnabled&&this.setupPanZoom(),this.render()}on(e,t){return this.listeners.has(e)||this.listeners.set(e,new Set),this.listeners.get(e).add(t),()=>this.listeners.get(e).delete(t)}emit(e,t){this.listeners.get(e)?.forEach(e=>e(t))}get currentTool(){return this.tool}get renderError(){return this.lastError}setTool(e){this.tool=e,this.container.classList.toggle(`mw-tool-connect`,e===`connect`),this.cancelConnect(),this.emit(`toolChange`,e)}setReadOnly(e){this.readOnly=e,this.container.classList.toggle(`mw-readonly`,e),this.closeInlineEditor(!1),this.cancelConnect(),this.clearLifelineUi(),this.updatePopover()}setHooks(e){this.hooks=e}setAccentColor(e){this.container.style.setProperty(`--mw-accent`,e)}setMermaidConfig(e){this.mermaidConfig={...this.mermaidConfig,...e},this.mermaid.initialize(this.mermaidConfig),this.lastRenderedCode=``,this.render()}addNode(e=`rect`,t=`New node`){if(this.readOnly)return;let n=this.editor.dispatch({type:`addNode`,shape:e,label:t})?.created?.[0];n&&(this.pendingEditEntity=n)}scheduleRender(){this.renderTimer&&clearTimeout(this.renderTimer),this.renderTimer=setTimeout(()=>void this.render(),this.debounceMs)}setupPanZoom(){this.container.classList.add(`mw-panzoom`);let e=e=>{if(!e.ctrlKey&&!e.metaKey)return;e.preventDefault();let t=Math.max(-40,Math.min(40,e.deltaY));this.zoomAt(e.clientX,e.clientY,Math.exp(-t*.01))};this.container.addEventListener(`wheel`,e,{passive:!1}),this.disposers.push(()=>this.container.removeEventListener(`wheel`,e));let t=new Map,n=0,r=e=>{if(e.pointerType===`touch`&&(t.set(e.pointerId,{x:e.clientX,y:e.clientY}),t.size===2)){let[e,r]=[...t.values()];n=Math.hypot(e.x-r.x,e.y-r.y),this.panSession=null,this.container.classList.remove(`mw-panning`),this.suppressNextClick=!0,this.popover.hide();return}if(e.button!==0||this.tool===`connect`||e.altKey||this.inlineInput||this.inPlaceSession)return;let r=e.target;if(!r||!this.svgHost.contains(r))return;let i=r;for(;i&&i!==this.container;){if(i.getAttribute?.(`data-mw-entity`))return;i=i.parentElement}this.panSession={pointerId:e.pointerId,x:e.clientX,y:e.clientY,tx:this.zoomTx,ty:this.zoomTy,moved:!1}},i=e=>{if(e.pointerType===`touch`&&t.has(e.pointerId)&&(t.set(e.pointerId,{x:e.clientX,y:e.clientY}),t.size>=2&&n>0)){let[e,r]=[...t.values()],i=Math.hypot(e.x-r.x,e.y-r.y);i>0&&(this.zoomAt((e.x+r.x)/2,(e.y+r.y)/2,i/n),n=i,this.suppressNextClick=!0);return}let r=this.panSession;if(!r||e.pointerId!==r.pointerId)return;let i=e.clientX-r.x,a=e.clientY-r.y;if(!r.moved&&Math.hypot(i,a)>4){r.moved=!0,this.container.classList.add(`mw-panning`);try{this.container.setPointerCapture(e.pointerId)}catch{}this.popover.hide()}r.moved&&(this.zoomTx=r.tx+i,this.zoomTy=r.ty+a,this.hasUserView=!0,this.applyViewTransform())},a=e=>{e.pointerType===`touch`&&(t.delete(e.pointerId),t.size<2&&(n=0));let r=this.panSession;!r||e.pointerId!==r.pointerId||(this.panSession=null,this.container.classList.remove(`mw-panning`),r.moved?(this.suppressNextClick=!0,this.updatePopover()):this.editor.selection.length&&this.editor.clearSelection(`canvas`))};this.container.addEventListener(`pointerdown`,r),this.container.addEventListener(`pointermove`,i),this.container.addEventListener(`pointerup`,a),this.container.addEventListener(`pointercancel`,a),this.disposers.push(()=>{this.container.removeEventListener(`pointerdown`,r),this.container.removeEventListener(`pointermove`,i),this.container.removeEventListener(`pointerup`,a),this.container.removeEventListener(`pointercancel`,a)});let o=document.createElement(`div`);o.className=`mw-zoom-controls`;let s=(e,t,n)=>{let r=document.createElement(`button`);r.type=`button`,r.className=`mw-zoom-btn`,r.title=e,r.innerHTML=t,r.addEventListener(`pointerdown`,e=>e.stopPropagation()),r.addEventListener(`click`,e=>{e.stopPropagation(),n()}),o.appendChild(r)};if(s(`Zoom out`,p.minus,()=>this.zoomBy(1/1.25)),s(`Zoom in`,p.plus,()=>this.zoomBy(1.25)),s(`Fit diagram`,p.maximize,()=>this.fitView()),this.container.appendChild(o),this.zoomControls=o,typeof ResizeObserver<`u`){let e=new ResizeObserver(()=>{this.hasUserView||this.fitView()});e.observe(this.container),this.disposers.push(()=>e.disconnect())}}zoomBy(e){let t=this.container.getBoundingClientRect();this.zoomAt(t.left+t.width/2,t.top+t.height/2,e)}zoomAt(e,t,n){if(!this.panZoomEnabled)return;let r=this.container.getBoundingClientRect(),i=e-r.left,a=t-r.top,o=Math.min(Math.max(this.zoomScale*n,.1),4),s=o/this.zoomScale;s!==1&&(this.zoomTx=i-(i-this.zoomTx)*s,this.zoomTy=a-(a-this.zoomTy)*s,this.zoomScale=o,this.hasUserView=!0,this.applyViewTransform(),this.updatePopover())}fitView(){if(!this.panZoomEnabled||!this.svg||!this.svgSize)return;let e=this.container.clientWidth,t=this.container.clientHeight;if(!e||!t)return;let{width:n,height:r}=this.svgSize,i=Math.min((e-56)/n,(t-56)/r);this.zoomScale=Math.min(Math.max(i,.1),2),this.zoomTx=(e-n*this.zoomScale)/2,this.zoomTy=(t-r*this.zoomScale)/2,this.hasUserView=!1,this.applyViewTransform(),this.updatePopover()}applyViewTransform(){this.svg&&(this.applyingOwnTransform=!0,this.svg.style.transform=`translate(${this.zoomTx}px, ${this.zoomTy}px) scale(${this.zoomScale})`,queueMicrotask(()=>{this.applyingOwnTransform=!1}))}prepareSvgForPanZoom(){let e=this.svg;if(!e)return;let t=0,n=0,r=e.viewBox?.baseVal;if(r&&r.width&&r.height)t=r.width,n=r.height;else{let r=e.getBBox?.();t=r?.width||800,n=r?.height||600}this.svgSize={width:t,height:n},e.removeAttribute(`width`),e.removeAttribute(`height`),e.style.width=`${t}px`,e.style.height=`${n}px`,e.style.maxWidth=`none`,this.hasUserView?this.applyViewTransform():this.fitView()}async render(){if(this.inPlaceSession){this.renderHeldByEdit=!0;return}let e=this.editor.code;if(e===this.lastRenderedCode){this.lastError&&(this.lastError=null,this.errorBadge.style.display=`none`,this.editor.setDiagnostics([]),this.emit(`render`,{ok:!0}));return}let t=++this.renderSeq,n=`mw-render-${++D}`;try{this.mermaid.initialize(this.mermaidConfig);let{svg:r}=await this.mermaid.render(n,e);if(t!==this.renderSeq)return;let i=null,a=this.activeInPlaceSession(),o=a?.label;if(a&&o?.isConnected&&(i={value:k(o),nodes:[...o.childNodes],caret:A(o)},a.liveTimer&&=(clearTimeout(a.liveTimer),null)),this.lastRenderedCode=e,this.lastError=null,this.errorBadge.style.display=`none`,this.svgHost.innerHTML=r,this.svg=this.svgHost.querySelector(`svg`),this.svg&&(this.panZoomEnabled?this.prepareSvgForPanZoom():this.svg.style.maxWidth=`100%`,w(this.svg),this.bindSvg()),this.editor.setDiagnostics([]),this.emit(`render`,{ok:!0}),this.remeasureWhenFontsSettle(),this.activeInPlaceSession())this.resumeInPlaceSession(i);else if(this.pendingEditEntity){let e=this.pendingEditEntity;this.pendingEditEntity=null,this.editor.entityExists(e)&&this.editEntityLabel(e)}}catch(e){if(t!==this.renderSeq)return;document.getElementById(`d${n}`)?.remove(),document.getElementById(n)?.remove();let r=e instanceof Error?e.message.split(`
+`)[0]:String(e);this.lastError=r,this.errorBadge.textContent=`render error: ${r}`,this.errorBadge.style.display=`block`;let i={message:r,span:null,severity:`error`,source:`mermaid`};this.editor.setDiagnostics([i]),this.emit(`render`,{ok:!1,error:r})}}remeasureWhenFontsSettle(){let e=typeof document>`u`?void 0:document.fonts;if(!e||this.awaitingFonts||e.status===`loaded`)return;this.awaitingFonts=!0;let t=()=>{this.awaitingFonts=!1,!this.destroyed&&(this.lastRenderedCode=``,this.render())};Promise.resolve(e.ready).then(t,t)}bindSvg(){let e=this.svg;if(!e)return;let{flowchart:t,sequence:n,state:r,classGraph:f,er:p}=this.editor.result;this.correlation=t?i(e,t):r?a(e,r):f?o(e,f):p?s(e,p):this.editor.result.pie?c(e,this.editor.result.pie):this.editor.result.gantt?l(e,this.editor.result.gantt):this.editor.result.lineItems?u(e,this.editor.result.lineItems):null,this.seqCorrelation=n?d(e,n):null,this.clearLifelineUi(),this.armVisibilityRetry(e,n),e.addEventListener(`click`,e=>this.onSvgClick(e)),e.addEventListener(`dblclick`,e=>this.onSvgDblClick(e)),e.addEventListener(`pointerdown`,e=>this.onSvgPointerDown(e)),e.addEventListener(`pointermove`,e=>this.onSvgPointerMove(e)),e.addEventListener(`pointerup`,e=>this.onSvgPointerUp(e)),this.seqCorrelation&&(e.addEventListener(`pointermove`,e=>this.onLifelineHover(e)),e.addEventListener(`pointerleave`,()=>this.scheduleLifelineClear())),this.svgTransformObserver?.disconnect(),typeof MutationObserver<`u`&&(this.svgTransformObserver=new MutationObserver(()=>{this.applyingOwnTransform||this.popoverFollowRaf||!this.popover.isOpen||(this.popoverFollowRaf=(typeof requestAnimationFrame==`function`?requestAnimationFrame:e=>setTimeout(e,16))(()=>{this.popoverFollowRaf=0,this.updatePopover()}))}),this.svgTransformObserver.observe(e,{attributes:!0,attributeFilter:[`style`,`transform`],subtree:!0})),this.applySelectionStyles()}armVisibilityRetry(e,t){this.visibilityRetryObserver?.disconnect(),this.visibilityRetryObserver=null,t&&(this.seqCorrelation&&this.seqCorrelation.lifelines.size>0||typeof IntersectionObserver>`u`||(this.visibilityRetryObserver=new IntersectionObserver(n=>{n.some(e=>e.intersectionRatio>0)&&e.getBoundingClientRect().width!==0&&(this.visibilityRetryObserver?.disconnect(),this.visibilityRetryObserver=null,this.svg===e&&(this.seqCorrelation=d(e,t)))}),this.visibilityRetryObserver.observe(e)))}entityFromEvent(e){return this.entityHitFromEvent(e)?.id??null}entityHitFromEvent(e){let t=e.target;for(;t&&t!==this.svg;){let e=t.getAttribute?.(`data-mw-entity`);if(e)return{id:e,el:t};t=t.parentElement}return null}topmostEntityElement(e){let t=null,n=1/0;return this.svg?.querySelectorAll(`[data-mw-entity="${CSS.escape(e)}"]`).forEach(e=>{let r=e.getBoundingClientRect().top;r<n&&(n=r,t=e)}),t}onSvgClick(e){if(this.suppressNextClick){this.suppressNextClick=!1;return}if(this.inlineInput||this.inPlaceSession)return;let t=this.entityHitFromEvent(e);if(t){if(this.lastPointerWasTouch&&!this.readOnly){let n=Date.now(),r=this.tapTracker;if(this.tapTracker={entity:t.id,time:n},r&&r.entity===t.id&&n-r.time<400){this.tapTracker=null,this.onSvgDblClick(e),this.suppressDblClickUntil=n+500;return}}let n=t.id;if(this.hooks.onEntityClick?.(n,e),this.popoverAnchorPick={entityId:n,index:this.entityElementIndex(n,t.el)},e.shiftKey||e.metaKey||e.ctrlKey){let e=this.editor.selection.includes(n)?this.editor.selection.filter(e=>e!==n):[...this.editor.selection,n];this.editor.setSelection(e,`canvas`)}else this.editor.setSelection([n],`canvas`),this.updatePopover();this.container.focus({preventScroll:!0})}else this.editor.clearSelection(`canvas`)}entityElementIndex(e,t){if(!this.svg)return 0;let n=[...this.svg.querySelectorAll(`[data-mw-entity="${CSS.escape(e)}"]`)].indexOf(t);return n>=0?n:0}onSvgDblClick(e){if(this.readOnly||Date.now()<this.suppressDblClickUntil)return;let t=e.target.closest?.(`[data-mw-member-line]`);if(t&&this.editor.result.classGraph){let n=t.getAttribute(`data-mw-member-class`),r=Number(t.getAttribute(`data-mw-member-line`)),i=this.editor.result.classGraph.classById.get(n)?.members.find(e=>e.lineIndex===r);if(i){e.preventDefault(),this.popover.hide(),this.editInPlace(`member:${n}:${r}`,t,`.nodeLabel`,i.text,e=>this.editor.dispatch({type:`cl.setMemberText`,id:n,memberLine:r,text:e},`canvas`),{live:!1});return}}let n=e.target.closest?.(`[data-mw-attr-line]`);if(n&&this.editor.result.er){let t=n.getAttribute(`data-mw-attr-entity`),r=Number(n.getAttribute(`data-mw-attr-line`)),i=this.editor.result.er.entityById.get(t)?.attributes.find(e=>e.lineIndex===r);if(i){e.preventDefault(),this.popover.hide(),this.openOverlayEditor(n,i.text,e=>this.editor.dispatch({type:`er.setAttributeText`,id:t,attrLine:r,text:e},`canvas`));return}}let r=this.entityHitFromEvent(e);r&&(e.preventDefault(),!this.hooks.onEntityDoubleClick?.(r.id)&&this.editEntityLabel(r.id,r.el))}onSvgPointerDown(e){if(this.readOnly)return;let t=this.entityFromEvent(e),n=t?.startsWith(`node:`)||t?.startsWith(`state:`)||t?.startsWith(`class:`)||t?.startsWith(`entity:`),r=this.tool===`connect`||e.altKey;if(n&&r&&t){e.preventDefault(),this.connectSource=t,this.svg?.setPointerCapture?.(e.pointerId),this.entityElement(t)?.classList.add(`mw-connect-source`),this.emit(`connectPreview`,{source:t});return}t?.startsWith(`event:`)&&this.editor.result.sequence&&e.detail<=1&&(this.dragEvent=t,this.dragStartY=e.clientY,this.dragging=!1)}entityElement(e){return this.svg?.querySelector(`[data-mw-entity="${CSS.escape(e)}"]`)??null}onSvgPointerMove(e){if(this.dragEvent&&this.svg){if(!this.dragging&&Math.abs(e.clientY-this.dragStartY)>8&&(this.dragging=!0,this.svg.setPointerCapture?.(e.pointerId),this.computeDropSlots(),this.popover.hide()),this.dragging){let t=this.container.getBoundingClientRect(),n=e.clientY-t.top+this.container.scrollTop,r=this.nearestSlot(n);r&&this.showDropIndicator(r.y)}return}if(!this.connectSource||!this.svg)return;let t=this.entityCenter(this.connectSource),n=this.clientToSvg(e.clientX,e.clientY);!t||!n||(this.ghostPath||(this.ghostPath=document.createElementNS(`http://www.w3.org/2000/svg`,`line`),this.ghostPath.classList.add(`mw-ghost-edge`),this.svg.appendChild(this.ghostPath)),this.ghostPath.setAttribute(`x1`,String(t.x)),this.ghostPath.setAttribute(`y1`,String(t.y)),this.ghostPath.setAttribute(`x2`,String(n.x)),this.ghostPath.setAttribute(`y2`,String(n.y)))}onSvgPointerUp(e){if(this.lastPointerWasTouch=e.pointerType===`touch`,this.dragEvent){let t=this.dragEvent,n=this.dragging;if(this.dragEvent=null,this.dragging=!1,this.dropIndicator?.remove(),this.dropIndicator=null,n){this.suppressNextClick=!0;let n=this.container.getBoundingClientRect(),r=this.nearestSlot(e.clientY-n.top+this.container.scrollTop);r&&this.editor.dispatch({type:`seq.moveEvent`,eventId:t,afterEvent:r.afterEvent})}return}if(!this.connectSource)return;let t=this.connectSource,n=t.startsWith(`node:`)?`node:`:t.startsWith(`state:`)?`state:`:t.startsWith(`class:`)?`class:`:`entity:`,r=document.elementFromPoint(e.clientX,e.clientY),i=null,a=r;for(;a&&a!==this.container;){let e=a.getAttribute?.(`data-mw-entity`);if(e?.startsWith(n)){i=e;break}a=a.parentElement}this.cancelConnect(),this.suppressNextClick=!0,i&&i!==t&&n===`node:`?this.editor.dispatch({type:`connect`,source:t.slice(5),target:i.slice(5),line:this.defaultEdge.line,arrowEnd:this.defaultEdge.arrowEnd}):i&&i!==t&&n===`state:`?this.editor.dispatch({type:`st.connect`,source:t.slice(6),target:i.slice(6)}):i&&i!==t&&n===`class:`?this.editor.dispatch({type:`cl.connect`,source:t.slice(6),target:i.slice(6)}):i&&i!==t&&n===`entity:`?this.editor.dispatch({type:`er.connect`,source:t.slice(7),target:i.slice(7)}):(this.editor.setSelection([t],`canvas`),this.container.focus({preventScroll:!0}))}cancelConnect(){this.connectSource&&this.entityElement(this.connectSource)?.classList.remove(`mw-connect-source`),this.connectSource=null,this.ghostPath?.remove(),this.ghostPath=null,this.emit(`connectPreview`,{source:null})}editEntityLabel(e,t){if(this.readOnly)return;let{flowchart:n,sequence:r}=this.editor.result;this.closeInlineEditor(!1),this.inPlaceSession&&this.inPlaceSession.entityId!==e&&this.inPlaceSession.finish?.(!0),this.popover.hide();let i=t&&t.getAttribute(`data-mw-entity`)===e?t:null,a=null,o=``,s=()=>{};if(n&&e.startsWith(`node:`)){let t=n.nodeById.get(e.slice(5));if(!t||(o=t.label,a=this.correlation?.nodes.get(e)??null,s=e=>this.editor.dispatch({type:`renameNode`,id:t.id,label:e},`canvas`),a&&this.editInPlace(e,a,`.nodeLabel`,o,s)))return}else if(n&&e.startsWith(`edge:`)){let t=n.edges.find(t=>t.entityId===e);if(!t||(o=t.label??``,s=t=>this.editor.dispatch({type:`setEdgeLabel`,edgeId:e,label:t},`canvas`),a=this.edgeAnchor(e,!!t.label),t.label&&a&&this.editInPlace(e,a,`.edgeLabel`,o,s)))return}else if(n&&e.startsWith(`subgraph:`)){let t=n.subgraphs.find(t=>t.entityId===e);if(!t)return;o=t.title??t.id,a=this.correlation?.nodes.get(e)?.querySelector(`.cluster-label`)??i??this.correlation?.nodes.get(e)??this.svg?.querySelector(`#${CSS.escape(t.id)}`)??null,s=e=>this.editor.dispatch({type:`renameSubgraph`,id:t.id,title:e},`canvas`)}else if(this.editor.result.state&&e.startsWith(`state:`)){let t=this.editor.result.state.stateById.get(e.slice(6));if(!t||(o=t.label,a=this.correlation?.nodes.get(e)??null,s=e=>this.editor.dispatch({type:`st.setStateLabel`,id:t.id,label:e},`canvas`),a&&this.editInPlace(e,a,`.nodeLabel`,o,s)))return}else if(this.editor.result.state&&e.startsWith(`trans:`)){let t=this.editor.result.state.transitions.find(t=>t.entityId===e);if(!t||(o=t.label??``,a=this.edgeAnchor(e,!!t.label),s=t=>this.editor.dispatch({type:`st.setTransitionLabel`,transId:e,label:t},`canvas`),t.label&&a&&this.editInPlace(e,a,`.edgeLabel`,o,s)))return}else if(this.editor.result.classGraph&&e.startsWith(`class:`)){let t=this.editor.result.classGraph.classById.get(e.slice(6));if(!t)return;o=t.id,a=i??this.correlation?.nodes.get(e)??null,s=e=>this.editor.dispatch({type:`cl.renameClass`,id:t.id,name:e},`canvas`)}else if(this.editor.result.classGraph&&e.startsWith(`rel:`)){let t=this.editor.result.classGraph.relations.find(t=>t.entityId===e);if(!t)return;o=t.label??``,a=this.edgeAnchor(e,!!t.label),s=t=>this.editor.dispatch({type:`cl.setRelationLabel`,relId:e,label:t},`canvas`)}else if(this.editor.result.er&&e.startsWith(`entity:`)){let t=this.editor.result.er.entityById.get(e.slice(7));if(!t)return;o=t.id,a=i??this.correlation?.nodes.get(e)??null,s=e=>this.editor.dispatch({type:`er.renameEntity`,id:t.id,name:e},`canvas`)}else if(this.editor.result.er&&e.startsWith(`erel:`)){let t=this.editor.result.er.relations.find(t=>t.entityId===e);if(!t)return;o=t.label,a=this.edgeAnchor(e,!!t.label),s=t=>this.editor.dispatch({type:`er.setRelationLabel`,relId:e,label:t},`canvas`)}else if(this.editor.result.pie&&e.startsWith(`slice:`)){let t=this.editor.result.pie.slices.find(t=>t.entityId===e);if(!t)return;o=String(t.value),a=i??this.entityElement(e),s=t=>{let n=Number(t);Number.isFinite(n)&&this.editor.dispatch({type:`pie.setValue`,sliceId:e,value:n},`canvas`)}}else if(this.editor.result.gantt&&e.startsWith(`task:`)){let t=this.editor.result.gantt.tasks.find(t=>t.entityId===e);if(!t)return;o=t.name,a=i??this.entityElement(e),s=t=>this.editor.dispatch({type:`gantt.setTaskName`,taskId:e,name:t},`canvas`)}else if(this.editor.result.lineItems&&e.startsWith(`item:`)){let t=this.editor.result.lineItems.items.find(t=>t.entityId===e);if(!t)return;o=t.text,a=i??this.entityElement(e),s=t=>this.editor.dispatch({type:`li.setLine`,itemId:e,text:t},`canvas`)}else if(r&&e.startsWith(`participant:`)){let t=r.participantById.get(e.slice(12));if(!t)return;o=t.label,a=i??this.topmostEntityElement(e),s=e=>this.editor.dispatch({type:`seq.renameParticipant`,id:t.id,name:e},`canvas`)}else if(r&&e.startsWith(`event:`)){let t=r.events.find(t=>t.entityId===e);if(!t)return;o=t.stmt.text,a=this.seqCorrelation?.eventTexts.get(e)??i??this.entityElement(e),s=t=>this.editor.dispatch({type:`seq.setEventText`,eventId:e,text:t},`canvas`)}a&&this.openOverlayEditor(a,o,s)}editInPlace(e,t,n,r,i,a={}){let o=t.matches?.(n)?t.querySelector(`p`)??t:t.querySelector(`${n} p`)??t.querySelector(n);if(!o||!(o instanceof HTMLElement))return!1;let s=this.inPlaceSession?.entityId===e;if(s&&this.inPlaceSession.label===o&&o.isConnected)return o.focus(),!0;s||(this.inPlaceSession={entityId:e,labelSelector:n,original:r,originalNodes:[...o.childNodes].map(e=>e.cloneNode(!0)),openedOn:o,lastCommitted:r,caretOffset:-1,commitValue:i,liveTimer:null,label:null,finish:null});let c=this.inPlaceSession;c.label=o,o.setAttribute(`contenteditable`,`true`);let l=o.closest(`foreignObject`),u=o.style.whiteSpace,d=l?.style.overflow??``;if(o.style.whiteSpace=`nowrap`,l&&(l.style.overflow=`visible`),o.focus(),s&&c.caretOffset>=0)j(o,c.caretOffset);else{let e=window.getSelection(),t=document.createRange();t.selectNodeContents(o),e?.removeAllRanges(),e?.addRange(t)}let f=()=>{let e=A(o);e>=0&&(c.caretOffset=e)},p=()=>{if(this.inPlaceSession!==c)return;let e=O(o);!e||e===c.lastCommitted||(f(),c.lastCommitted=e,c.commitValue(e))},m=e=>{if(this.inPlaceSession!==c)return;this.inPlaceSession=null,c.liveTimer&&clearTimeout(c.liveTimer),o.removeAttribute(`contenteditable`),o.style.whiteSpace=u,l&&(l.style.overflow=d),o.removeEventListener(`keydown`,g),o.removeEventListener(`blur`,_),o.removeEventListener(`input`,h);let t=O(o);e?t&&t!==c.lastCommitted?c.commitValue(t):t||(o.textContent=c.lastCommitted):(o.replaceChildren(...c.originalNodes),c.lastCommitted!==c.original&&c.commitValue(c.original),o!==c.openedOn&&(this.lastRenderedCode=``,this.scheduleRender())),this.renderHeldByEdit&&(this.renderHeldByEdit=!1,this.scheduleRender()),this.updatePopover()},h=()=>{a.live!==!1&&(c.liveTimer&&clearTimeout(c.liveTimer),c.liveTimer=setTimeout(p,450))},g=e=>{e.stopPropagation(),e.key===`Enter`?(e.preventDefault(),m(!0)):e.key===`Escape`&&m(!1)},_=()=>{setTimeout(()=>{this.inPlaceSession===c&&o.isConnected&&document.activeElement!==o&&m(!0)},60)};return c.finish=m,o.addEventListener(`keydown`,g),o.addEventListener(`blur`,_),o.addEventListener(`input`,h),!0}activeInPlaceSession(){return this.inPlaceSession}resumeInPlaceSession(e){let t=this.inPlaceSession;if(!t)return;if(!this.editor.entityExists(t.entityId)){this.inPlaceSession=null;return}let n=(t.entityId.startsWith(`edge:`)?this.correlation?.edgeLabels.get(t.entityId):null)??this.entityElement(t.entityId);if(!n){this.inPlaceSession=null;return}this.editInPlace(t.entityId,n,t.labelSelector,t.lastCommitted,t.commitValue);let r=this.inPlaceSession===t?t.label:null;!r||!e||(e.value&&e.value!==t.lastCommitted&&e.value!==k(r)&&(r.replaceChildren(...e.nodes),r.dispatchEvent(new Event(`input`))),e.caret>=0&&j(r,e.caret))}findTextTarget(e,t){let n=e=>(e.tagName===`text`||e.tagName===`SPAN`||e.tagName===`P`||e.tagName===`DIV`||e.tagName===`tspan`)&&(e.children.length===0||e.tagName===`text`)&&(e.textContent?.trim().length??0)>0;if(n(e))return e;let r=[...e.querySelectorAll(`text, tspan, span, p, div`)].filter(n);return!r.length&&e.parentElement&&(r=[...e.parentElement.querySelectorAll(`text, tspan, span, p, div`)].filter(n)),r.find(e=>e.textContent?.trim()===t.trim())??r.find(e=>t.trim().startsWith(e.textContent?.trim()??`\0`))??r[0]??e}openOverlayEditor(e,t,n){let r,i;typeof SVGPathElement<`u`&&e instanceof SVGPathElement?(r=this.pathMidpointRect(e),i=null):(e=this.findTextTarget(e,t),r=this.hostRect(e),i=e);let a=e.querySelector(`tspan`)??e,o=window.getComputedStyle(a),s=document.createElement(`div`);s.className=`mw-inplace-editor`,s.contentEditable=`true`,s.spellcheck=!1,s.textContent=t,s.style.left=`${r.left+r.width/2}px`,s.style.top=`${r.top}px`,s.style.transform=`translateX(-50%)`,s.style.textAlign=`center`,s.style.minWidth=`${Math.max(24,r.width)}px`,s.style.lineHeight=`${Math.max(r.height,12)}px`,s.style.fontStyle=o.fontStyle,s.style.fontWeight=o.fontWeight;let c=this.panZoomEnabled?this.zoomScale:1,l=Number.parseFloat(o.fontSize);s.style.fontSize=Number.isFinite(l)?`${l*c}px`:o.fontSize,s.style.fontFamily=o.fontFamily;let u=o.fill&&o.fill!==`none`&&a instanceof SVGElement?o.fill:o.color;if(s.style.color=u||`inherit`,this.overlayHost.appendChild(s),this.inlineInput=s,i){let e=i,t=e.style?.visibility??``;e.style&&(e.style.visibility=`hidden`),this.inlineHidden={el:e,prevVisibility:t}}s.focus();let d=document.createRange();d.selectNodeContents(s);let f=window.getSelection();f?.removeAllRanges(),f?.addRange(d);let p=()=>{let e=(s.textContent??``).trim(),r=this.inlineHidden?.el??null;this.closeInlineEditor(!1),e!==t&&(r&&(r.textContent=e),n(e))};s.addEventListener(`keydown`,e=>{e.stopPropagation(),e.key===`Enter`&&(e.preventDefault(),p()),e.key===`Escape`&&this.closeInlineEditor(!1)}),s.addEventListener(`blur`,p)}closeInlineEditor(e){if(this.inlineHidden&&=(this.inlineHidden.el.style&&(this.inlineHidden.el.style.visibility=this.inlineHidden.prevVisibility),null),this.inlineInput){let t=this.inlineInput;this.inlineInput=null,t.remove(),e&&this.container.focus({preventScroll:!0})}}onKeyDown(e){if(!this.inlineInput){if((e.metaKey||e.ctrlKey)&&e.key.toLowerCase()===`z`){e.preventDefault(),e.shiftKey?this.editor.redo():this.editor.undo();return}if(!this.readOnly){if((e.key===`Delete`||e.key===`Backspace`)&&this.editor.selection.length){e.preventDefault(),this.editor.deleteEntities(this.editor.selection,`canvas`);return}if(e.key===`Escape`){this.cancelConnect(),this.editor.clearSelection(`canvas`);return}e.key===`Enter`&&this.editor.selection.length===1&&(e.preventDefault(),this.editEntityLabel(this.editor.selection[0]))}}}applySelectionStyles(){if(this.svg){this.svg.querySelectorAll(`.mw-selected`).forEach(e=>e.classList.remove(`mw-selected`));for(let e of this.editor.selection)this.svg.querySelectorAll(`[data-mw-entity="${CSS.escape(e)}"]`).forEach(e=>{e.classList.add(`mw-selected`)});this.updatePopover()}}edgeAnchor(e,t){let n=this.correlation?.edgeLabels,r=this.correlation?.edges;return t?n?.get(e)??r?.get(e)??null:r?.get(e)??n?.get(e)??null}hostRect(e){let t=e.getBoundingClientRect(),n=this.container.getBoundingClientRect();return{left:t.left-n.left+this.container.scrollLeft,top:t.top-n.top+this.container.scrollTop,width:t.width,height:t.height}}pathMidpointRect(e){let t=this.container.getBoundingClientRect(),n=typeof e.getScreenCTM==`function`&&typeof e.getTotalLength==`function`?e.getScreenCTM():null;if(!n)return this.hostRect(e);let r=e.getTotalLength(),i=e.getPointAtLength(r/2),a=new DOMPoint(i.x,i.y).matrixTransform(n),o=20*(this.panZoomEnabled?this.zoomScale:1);return{left:a.x-t.left+this.container.scrollLeft,top:a.y-t.top+this.container.scrollTop-o/2,width:0,height:o}}updatePopover(){if(this.popover.hide(),this.readOnly||this.inlineInput||this.inPlaceSession)return;let e=this.editor.selection;if(e.length!==1||!this.svg)return;let t=e[0],n=[...this.svg.querySelectorAll(`[data-mw-entity="${CSS.escape(t)}"]`)],r=null,i=this.popoverAnchorPick;if(i&&i.entityId===t&&n[i.index])r=n[i.index];else{let e=1/0;for(let t of n){let n=t.getBoundingClientRect().top;n<e&&(e=n,r=t)}}if(!r)return;let a=this.actionsFor(t);a.length&&this.popover.show(this.hostRect(r),a)}colorSection(e,t){return{title:e,columns:5,items:[...g.map(n=>({swatch:n,title:`${e}: ${n}`,onClick:()=>t(n)})),{swatch:`none`,title:`${e}: default`,onClick:()=>t(null)}]}}actionsFor(n){let{flowchart:r,sequence:i}=this.editor.result,a={icon:p.trash,title:`Delete`,danger:!0,onClick:()=>this.editor.deleteEntities([n])},o={icon:p.pencil,title:`Edit text`,onClick:()=>this.editEntityLabel(n)};if(r&&n.startsWith(`node:`)){let e=r.nodeById.get(n.slice(5));return e?[{icon:p.shapes,title:`Node shape`,panel:{title:`Node shape`,items:[{s:`rect`,g:`▭`,t:`Rectangle`},{s:`round`,g:`▢`,t:`Rounded`},{s:`stadium`,g:`⬭`,t:`Stadium`},{s:`diamond`,g:`◇`,t:`Diamond`},{s:`hexagon`,g:`⬡`,t:`Hexagon`},{s:`circle`,g:`◯`,t:`Circle`},{s:`cylinder`,g:`⛁`,t:`Cylinder`},{s:`subroutine`,g:`⧉`,t:`Subroutine`}].map(t=>({glyph:t.g,title:t.t,selected:e.shape===t.s,onClick:()=>this.editor.dispatch({type:`setNodeShape`,id:e.id,shape:t.s})}))}},{icon:p.palette,title:`Colors`,panel:{title:`Colors`,sections:[`fill`,`stroke`,`color`].map(t=>this.colorSection(t===`fill`?`Fill`:t===`stroke`?`Border`:`Text`,n=>this.editor.dispatch({type:`setNodeColor`,id:e.id,prop:t,value:n})))}},{icon:p.copy,title:`Duplicate`,onClick:()=>this.editor.dispatch({type:`duplicateNode`,id:e.id})},o,a]:[]}if(r&&n.startsWith(`subgraph:`))return[{icon:p.pencil,title:`Rename subgraph`,onClick:()=>this.editEntityLabel(n)}];if(r&&n.startsWith(`edge:`)){let e=r.edges.find(e=>e.entityId===n);if(!e)return[];let t=[{start:`open`,end:`open`,t:`No arrow`},{start:`open`,end:`arrow`,t:`Arrow`},{start:`arrow`,end:`arrow`,t:`Double point`},{start:`open`,end:`cross`,t:`Cross`},{start:`cross`,end:`cross`,t:`Double cross`},{start:`open`,end:`circle`,t:`Dot`},{start:`circle`,end:`circle`,t:`Double dot`}],i=[{line:`solid`,t:`Solid`},{line:`dotted`,t:`Dotted`},{line:`thick`,t:`Thick`},{line:`invisible`,t:`Invisible`}],s=[{v:`basis`,t:`Default (curved)`,label:`Default`,svg:b(`basis`)},{v:`natural`,t:`Natural spline`,label:`Natural`,svg:b(`natural`)},{v:`linear`,t:`Straight segments`,label:`Linear`,svg:b(`linear`)}],c=[{v:`none`,t:`No animation`,label:`None`,svg:x(`none`)},{v:`slow`,t:`Slow flow`,label:`Slow`,svg:x(`slow`)},{v:`fast`,t:`Fast flow`,label:`Fast`,svg:x(`fast`)}],l=S(this.editor.code),u=C(this.editor.code,e.order);return[{icon:p.arrowRight,title:`Arrow`,panel:{title:`Arrow`,sections:[{columns:4,items:t.map(t=>({svg:_(e.seg.line,t.start,t.end),title:t.t,selected:e.seg.arrowStart===t.start&&e.seg.arrowEnd===t.end,onClick:()=>this.editor.dispatch({type:`setEdgeStyle`,edgeId:n,arrowStart:t.start,arrowEnd:t.end})}))}]}},{icon:p.equal,title:`Stroke`,panel:{title:`Stroke`,sections:[{columns:4,items:i.map(t=>({svg:y(t.line),title:t.t,label:t.t,selected:e.seg.line===t.line,onClick:()=>this.editor.dispatch({type:`setEdgeStyle`,edgeId:n,line:t.line})}))}]}},{icon:p.palette,title:`Edge color`,panel:{title:`Edge color`,sections:[this.colorSection(`Stroke`,e=>this.editor.dispatch({type:`setEdgeColor`,edgeId:n,value:e}))]}},{icon:p.circlePlay,title:`Animate edge`,panel:{title:`Animate edge`,sections:[{columns:3,items:c.map(e=>({svg:e.svg,title:e.t,label:e.label,selected:u===e.v,onClick:()=>this.editor.dispatch({type:`setEdgeAnimation`,edgeId:n,value:e.v})}))}]}},{icon:p.spline,title:`Edge curve (diagram-wide)`,panel:{title:`Edge curve`,sections:[{columns:3,items:s.map(e=>({svg:e.svg,title:e.t,label:e.label,selected:l===e.v,onClick:()=>this.editor.dispatch({type:`setFlowCurve`,value:e.v})}))}]}},{icon:p.arrowLeftRight,title:`Reverse direction`,onClick:()=>this.editor.dispatch({type:`reverseEdge`,edgeId:n})},o,a]}if(this.editor.result.state&&n.startsWith(`state:`)){let e=this.editor.result.state.stateById.get(n.slice(6));return e?e.isComposite?[o]:[{icon:p.square,title:`State type`,panel:{title:`State type`,items:[{t:`state`,g:`▢`},{t:`choice`,g:`◇`},{t:`fork`,g:`⑃`},{t:`join`,g:`⑂`}].map(t=>({glyph:t.g,title:t.t,selected:(e.stereotype??`state`)===t.t,onClick:()=>this.editor.dispatch({type:`st.setStateType`,id:e.id,stype:t.t})}))}},{icon:p.stickyNote,title:`Add note`,panel:{title:`Note`,items:[`left`,`right`].map(t=>({glyph:t===`left`?`◧`:`◨`,title:`Note ${t}`,onClick:()=>this.editor.dispatch({type:`st.addStateNote`,id:e.id,side:t})}))}},{icon:p.frame,title:`Move to composite`,onClick:()=>this.editor.dispatch({type:`st.moveToComposite`,id:e.id})},o,a]:[]}if(this.editor.result.state&&n.startsWith(`trans:`))return[{icon:p.arrowLeftRight,title:`Reverse direction`,onClick:()=>this.editor.dispatch({type:`st.reverseTransition`,transId:n})},o,a];if(this.editor.result.classGraph&&n.startsWith(`class:`)){let e=this.editor.result.classGraph.classById.get(n.slice(6));return e?[{icon:p.listPlus,title:`Add member`,onClick:()=>{this.editor.dispatch({type:`cl.addMember`,id:e.id,text:`+attribute`})}},{icon:p.braces,title:`Annotation`,panel:{title:`Annotation`,items:[...[`interface`,`abstract`,`service`,`enumeration`].map(t=>({glyph:t,title:`<<${t}>>`,onClick:()=>this.editor.dispatch({type:`cl.setAnnotation`,id:e.id,annotation:t})})),{glyph:`none`,title:`Remove annotation`,onClick:()=>this.editor.dispatch({type:`cl.setAnnotation`,id:e.id,annotation:null})}]}},{icon:p.stickyNote,title:`Add note`,onClick:()=>this.editor.dispatch({type:`cl.addNoteFor`,id:e.id})},{icon:p.pencil,title:`Rename class`,onClick:()=>this.editEntityLabel(n)},a]:[]}if(this.editor.result.classGraph&&n.startsWith(`rel:`)){let e=this.editor.result.classGraph.relations.find(e=>e.entityId===n);return e?[{icon:p.arrowRight,title:`Relation type`,panel:{title:`Relation type`,items:[{op:`<|--`,g:`◁—`,t:`inheritance`},{op:`*--`,g:`◆—`,t:`composition`},{op:`o--`,g:`◇—`,t:`aggregation`},{op:`-->`,g:`—▶`,t:`association`},{op:`--`,g:`——`,t:`link (solid)`},{op:`..>`,g:`⋯▶`,t:`dependency`},{op:`..|>`,g:`⋯▷`,t:`realization`},{op:`..`,g:`⋯⋯`,t:`link (dashed)`}].map(t=>({glyph:t.g,title:t.t,selected:e.stmt.op===t.op,onClick:()=>this.editor.dispatch({type:`cl.setRelationType`,relId:n,op:t.op})}))}},{icon:p.arrowLeftRight,title:`Reverse direction`,onClick:()=>this.editor.dispatch({type:`cl.reverseRelation`,relId:n})},{glyph:`1:1`,title:`Cardinality (e.g. 1, 0..1, 1..*, *)`,onClick:()=>{let t=this.entityElement(n);if(!t)return;this.popover.hide();let r=`${e.stmt.sourceCard??``}:${e.stmt.targetCard??``}`;this.openOverlayEditor(t,r,t=>{let[r=``,i=``]=t.split(`:`);this.editor.dispatch({type:`cl.setCardinality`,relId:n,side:`source`,value:r.trim()||null},`canvas`);let a=this.editor.result.classGraph?.relations.find(t=>t.lineIndex===e.lineIndex&&t.source===e.source&&t.target===e.target);a&&this.editor.dispatch({type:`cl.setCardinality`,relId:a.entityId,side:`target`,value:i.trim()||null},`canvas`)})}},o,a]:[]}if(this.editor.result.er&&n.startsWith(`entity:`)){let e=this.editor.result.er.entityById.get(n.slice(7));return e?[{icon:p.listPlus,title:`Add attribute`,onClick:()=>this.editor.dispatch({type:`er.addAttribute`,id:e.id})},{icon:p.pencil,title:`Rename entity`,onClick:()=>this.editEntityLabel(n)},a]:[]}if(this.editor.result.er&&n.startsWith(`erel:`)){let e=this.editor.result.er.relations.find(e=>e.entityId===n);if(!e)return[];let t=[{c:`zero-or-one`,g:`0..1`},{c:`exactly-one`,g:`1`},{c:`zero-or-more`,g:`0..*`},{c:`one-or-more`,g:`1..*`}],r=r=>({icon:r===`left`?p.arrowLeftToLine:p.arrowRightToLine,title:`${r===`left`?`Source`:`Target`} cardinality`,panel:{title:`${r===`left`?e.source:e.target} cardinality`,items:t.map(e=>({glyph:e.g,title:e.c,onClick:()=>this.editor.dispatch({type:`er.setCardinality`,relId:n,side:r,card:e.c})}))}});return[r(`left`),r(`right`),{icon:e.stmt.line===`--`?p.minus:p.ellipsis,title:e.stmt.line===`--`?`Make non-identifying (dashed)`:`Make identifying (solid)`,onClick:()=>this.editor.dispatch({type:`er.setIdentifying`,relId:n,identifying:e.stmt.line!==`--`})},o,a]}if(this.editor.result.pie&&n.startsWith(`slice:`)){let e=this.editor.result.pie.slices.find(e=>e.entityId===n);return e?[{icon:p.hash,title:`Edit value`,onClick:()=>this.editEntityLabel(n)},{icon:p.pencil,title:`Edit label`,onClick:()=>{let t=this.entityElement(n);t&&(this.popover.hide(),this.openOverlayEditor(t,e.label,e=>this.editor.dispatch({type:`pie.setLabel`,sliceId:n,label:e},`canvas`)))}},a]:[]}if(this.editor.result.gantt&&n.startsWith(`task:`)){let e=this.editor.result.gantt.tasks.find(e=>e.entityId===n);return e?[{icon:p.pencil,title:`Rename task`,onClick:()=>this.editEntityLabel(n)},{icon:p.calendar,title:`Edit schedule (id, start, duration)`,onClick:()=>{let t=this.entityElement(n);t&&(this.popover.hide(),this.openOverlayEditor(t,e.meta,e=>this.editor.dispatch({type:`gantt.setTaskMeta`,taskId:n,meta:e},`canvas`)))}},a]:[]}if(this.editor.result.lineItems&&n.startsWith(`item:`))return[{icon:p.pencil,title:`Edit line`,onClick:()=>this.editEntityLabel(n)},a];if(i&&n.startsWith(`participant:`)){let e=i.participantById.get(n.slice(12));if(!e)return[];let r={participant:`▭`,actor:`웃`,boundary:`⊢○`,control:`◉`,entity:`◯`,database:`⛁`,collections:`⧉`,queue:`▤`};return[{icon:p.user,title:`Participant type`,panel:{title:`Participant type`,items:t.map(t=>({glyph:r[t],title:t,selected:e.ptype===t,onClick:()=>this.editor.dispatch({type:`seq.setParticipantType`,id:e.id,ptype:t})}))}},{icon:p.pencil,title:`Rename`,onClick:()=>this.editEntityLabel(n)},a]}if(i&&n.startsWith(`event:`)){let t=i.events.find(e=>e.entityId===n);if(!t)return[];if(t.kind===`message`){let r={"->":`——`,"->>":`—▶`,"-->":`⋯⋯`,"-->>":`⋯▶`,"-x":`—✕`,"--x":`⋯✕`,"-)":`—⟩`,"--)":`⋯⟩`};return[{icon:p.arrowRight,title:`Message type`,panel:{title:`Message type`,items:e.map(e=>({glyph:r[e.op],title:e.label,selected:t.stmt.op===e.op,onClick:()=>this.editor.dispatch({type:`seq.setMessageOp`,eventId:n,op:e.op})}))}},{icon:p.arrowLeftRight,title:`Reverse direction`,onClick:()=>this.editor.dispatch({type:`seq.reverseMessage`,eventId:n})},{icon:p.group,title:`Wrap in fragment`,panel:{title:`Fragment`,items:[`loop`,`alt`,`opt`,`par`,`critical`,`break`,`rect`].map(e=>({glyph:e,title:`Wrap in ${e}`,onClick:()=>this.editor.dispatch({type:`seq.wrapInFragment`,eventId:n,kind:e})}))}},o,a]}return[o,a]}return[]}computeDropSlots(){let e=this.editor.result.sequence;if(this.dropSlots=[],!e||!this.seqCorrelation)return;let t=e.events.map(e=>{let t=this.seqCorrelation.events.get(e.entityId);if(!t)return null;let n=this.hostRect(t);return{ev:e,y:n.top+n.height/2}}).filter(e=>e!==null);if(t.length){this.dropSlots.push({y:t[0].y-24,afterEvent:null});for(let e=1;e<t.length;e++)this.dropSlots.push({y:(t[e-1].y+t[e].y)/2,afterEvent:t[e-1].ev.entityId});this.dropSlots.push({y:t[t.length-1].y+24,afterEvent:t[t.length-1].ev.entityId})}}nearestSlot(e){let t=null,n=1/0;for(let r of this.dropSlots){let i=Math.abs(r.y-e);i<n&&(n=i,t=r)}return t}showDropIndicator(e){this.dropIndicator||(this.dropIndicator=document.createElement(`div`),this.dropIndicator.className=`mw-drop-indicator`,this.overlayHost.appendChild(this.dropIndicator)),this.dropIndicator.style.top=`${e}px`}plusHovered=!1;lifelineClearTimer=null;onLifelineHover(e){if(this.readOnly||!this.seqCorrelation||this.connectSource||!this.editor.result.sequence)return;let t=null;for(let[n,r]of this.seqCorrelation.lifelines){let i=r.getBoundingClientRect(),a=i.left+i.width/2;if(Math.abs(e.clientX-a)<=16&&e.clientY>=i.top-8&&e.clientY<=i.bottom+8){t=n;break}}t!==this.hoveredLifeline&&(t?this.showLifelinePlus(t):this.scheduleLifelineClear())}showLifelinePlus(e){this.clearLifelineUi();let t=this.editor.result.sequence,n=this.seqCorrelation?.lifelines.get(e);if(!t||!n)return;this.hoveredLifeline=e;let r=e.slice(12),i=this.hostRect(n),a=i.left+i.width/2,o=[],s=t.events.map(e=>{let t=this.seqCorrelation?.events.get(e.entityId);if(!t)return null;let n=this.hostRect(t);return{ev:e,y:n.top+n.height/2}}).filter(e=>e!==null);if(s.length===0)o.push({y:i.top+i.height/2,afterEvent:null});else{o.push({y:(i.top+s[0].y)/2,afterEvent:null});for(let e=1;e<s.length;e++)o.push({y:(s[e-1].y+s[e].y)/2,afterEvent:s[e-1].ev.entityId});o.push({y:(s[s.length-1].y+i.top+i.height)/2,afterEvent:s[s.length-1].ev.entityId})}for(let e of o){let t=document.createElement(`button`);t.type=`button`,t.className=`mw-lifeline-plus`,t.textContent=`+`,t.title=`Click to insert here · drag to another participant to connect`,t.style.left=`${a}px`,t.style.top=`${e.y}px`,t.addEventListener(`pointerenter`,()=>{this.plusHovered=!0}),t.addEventListener(`pointerleave`,()=>{this.plusHovered=!1,this.scheduleLifelineClear()}),t.addEventListener(`pointerdown`,t=>{t.stopPropagation(),this.beginPlusDrag(t,r,e.afterEvent)}),t.addEventListener(`click`,n=>{if(n.stopPropagation(),this.plusDragConsumedClick){this.plusDragConsumedClick=!1;return}this.openPlusMenu(t,r,e.afterEvent)}),this.overlayHost.appendChild(t),this.plusButtons.push(t)}}plusDragConsumedClick=!1;plusDragCleanup=null;beginPlusDrag(e,t,n){if(this.readOnly)return;let r=e.clientX,i=e.clientY,a=!1,o=(e,t)=>{let n=document.elementFromPoint(e,t);for(;n&&n!==this.container;){let e=n.getAttribute?.(`data-mw-entity`);if(e?.startsWith(`participant:`))return e.slice(12);n=n.parentElement}if(this.seqCorrelation)for(let[n,r]of this.seqCorrelation.lifelines){let i=r.getBoundingClientRect(),a=i.left+i.width/2;if(Math.abs(e-a)<=24&&t>=i.top-8&&t<=i.bottom+8)return n.slice(12)}return null},s=e=>{if(!a&&Math.hypot(e.clientX-r,e.clientY-i)<=4||(a||(a=!0,this.plusMenu?.remove(),this.plusMenu=null),!this.svg))return;let t=this.clientToSvg(r,i),n=this.clientToSvg(e.clientX,e.clientY);!t||!n||(this.ghostPath||(this.ghostPath=document.createElementNS(`http://www.w3.org/2000/svg`,`line`),this.ghostPath.classList.add(`mw-ghost-edge`),this.svg.appendChild(this.ghostPath)),this.ghostPath.setAttribute(`x1`,String(t.x)),this.ghostPath.setAttribute(`y1`,String(t.y)),this.ghostPath.setAttribute(`x2`,String(n.x)),this.ghostPath.setAttribute(`y2`,String(n.y)))},c=()=>{this.plusDragCleanup=null,document.removeEventListener(`pointermove`,s),document.removeEventListener(`pointerup`,l),document.removeEventListener(`pointercancel`,l),this.ghostPath?.remove(),this.ghostPath=null},l=e=>{if(c(),!a)return;this.plusDragConsumedClick=!0,setTimeout(()=>{this.plusDragConsumedClick=!1},0),this.clearLifelineUi();let r=o(e.clientX,e.clientY);if(!r||r===t)return;let i=this.editor.dispatch({type:`seq.addMessage`,source:t,target:r,text:`message`,afterEvent:n},`canvas`);i?.created?.[0]&&(this.pendingEditEntity=i.created[0])};this.plusDragCleanup=c,document.addEventListener(`pointermove`,s),document.addEventListener(`pointerup`,l),document.addEventListener(`pointercancel`,l)}openPlusMenu(e,t,n){this.plusMenu?.remove();let r=document.createElement(`div`);r.className=`mw-plus-menu`,r.style.left=e.style.left,r.style.top=`${parseFloat(e.style.top)+12}px`,r.addEventListener(`pointerdown`,e=>e.stopPropagation());let i=(e,t)=>{let n=document.createElement(`button`);n.type=`button`,n.textContent=e,n.addEventListener(`click`,e=>{e.stopPropagation(),this.clearLifelineUi(),t()}),r.appendChild(n)};i(`↩ Self message`,()=>{let e=this.editor.dispatch({type:`seq.addMessage`,source:t,target:t,text:`message`,afterEvent:n},`canvas`);e?.created?.[0]&&(this.pendingEditEntity=e.created[0])});let a=(e,r)=>i(e,()=>{let e=this.editor.dispatch({type:`seq.addNote`,participant:t,placement:r,text:`note`,afterEvent:n},`canvas`);e?.created?.[0]&&(this.pendingEditEntity=e.created[0])});a(`▭ Note over`,`over`),a(`▭ Note left`,`left of`),a(`▭ Note right`,`right of`),this.overlayHost.appendChild(r),this.plusMenu=r}scheduleLifelineClear(){this.lifelineClearTimer&&clearTimeout(this.lifelineClearTimer),this.lifelineClearTimer=setTimeout(()=>{!this.plusHovered&&!this.plusMenu&&this.clearLifelineUi()},400)}clearLifelineUi(){this.plusButtons.forEach(e=>e.remove()),this.plusButtons=[],this.plusMenu?.remove(),this.plusMenu=null,this.hoveredLifeline=null,this.plusHovered=!1}clientToSvg(e,t){if(!this.svg)return null;let n=this.svg.getScreenCTM();if(!n)return null;let r=new DOMPoint(e,t).matrixTransform(n.inverse());return{x:r.x,y:r.y}}entityCenter(e){let t=this.entityElement(e);if(!t)return null;let n=t.getBoundingClientRect();return this.clientToSvg(n.left+n.width/2,n.top+n.height/2)}async validate(){try{return await this.mermaid.parse(this.editor.code),!0}catch(e){let t=e instanceof Error?e.message.split(`
 `)[0]:String(e);return this.editor.setDiagnostics([{message:t,span:null,severity:`error`,source:`mermaid`}]),!1}}destroy(){this.destroyed=!0,this.renderTimer&&clearTimeout(this.renderTimer),this.lifelineClearTimer&&clearTimeout(this.lifelineClearTimer),this.inPlaceSession?.liveTimer&&clearTimeout(this.inPlaceSession.liveTimer),this.inPlaceSession=null,this.svgTransformObserver?.disconnect(),this.svgTransformObserver=null,this.visibilityRetryObserver?.disconnect(),this.visibilityRetryObserver=null,this.disposers.forEach(e=>e()),this.plusDragCleanup?.(),this.closeInlineEditor(!1),this.cancelConnect(),this.clearLifelineUi(),this.popover.hide(),this.container.classList.remove(`mw-canvas`,`mw-tool-connect`,`mw-readonly`,`mw-panzoom`,`mw-panning`),this.svgHost.remove(),this.overlayHost.remove(),this.errorBadge.remove(),this.zoomControls?.remove()}};export{M as MermaidCanvasView,m as Popover,i as correlateFlowchart,d as correlateSequence};

package/dist/public/assets/{doc-undo-manager-BKDHRnV-.js → doc-undo-manager-Dm2bBXP2.js}

@@ -1 +1 @@
-import{m as e}from"./config-provider-4lMZjvv1.js";var t=new WeakMap;function n(n,r){let i=t.get(r);if(i)return i;let a=new e(r);t.set(r,a);let o=r.doc,s=!1,c=()=>{s||(s=!0,n.off(`destroy`,c),o?.off(`destroy`,c),t.get(r)===a&&t.delete(r),a.clear(),a.destroy())};return n.on(`destroy`,c),o?.on(`destroy`,c),a}export{n as t};
+import{m as e}from"./config-provider-DY_fun1v.js";var t=new WeakMap;function n(n,r){let i=t.get(r);if(i)return i;let a=new e(r);t.set(r,a);let o=r.doc,s=!1,c=()=>{s||(s=!0,n.off(`destroy`,c),o?.off(`destroy`,c),t.get(r)===a&&t.delete(r),a.clear(),a.destroy())};return n.on(`destroy`,c),o?.on(`destroy`,c),a}export{n as t};

package/dist/public/assets/field-controls-B49FSs4r.js

@@ -0,0 +1 @@
+import{n as e}from"./field-controls-DBnF9Har.js";export{e as SectionSkeleton};

package/dist/public/assets/field-controls-DBnF9Har.js

@@ -0,0 +1,6 @@
+import{o as e}from"./chunk-CYidjpOJ.js";import{t}from"./jsx-runtime-BUgB2tll.js";import{t as n}from"./react-f2sANaYj.js";import{n as r,r as i}from"./dist-Nvb76hAm.js";import{n as a}from"./dist-PQ5KMVDh.js";import{t as o}from"./compiler-runtime-BfE3aGVn.js";import{t as s}from"./utils-CPqDy6Hr.js";import{i as c,n as l,t as u}from"./tooltip-Bz6z4_se.js";import{i as d,n as f,o as p,s as m,t as h}from"./select-pACXgFe2.js";import{t as g}from"./switch-BKZTXkzu.js";import{n as _,r as v,t as y}from"./toggle-group-B7p69Qfd.js";import{t as b}from"./button-DzgjsZzC.js";import{n as x}from"./dist-BGzUo_18.js";import{n as S,r as C}from"./config-errors-DDAH9fqy.js";import{Ct as w}from"./schemas-api-CL5ZXlEj.js";import{a as T,t as E}from"./use-apply-config-theme-CYFG76sS.js";import{t as D}from"./check-B2OLRY33.js";import{t as O}from"./circle-alert-eBm4JPxY.js";import{n as ee,r as te,t as k}from"./ThemePicker-pc5gwEur.js";import{n as A,t as j}from"./plus-zPnYzcqL.js";import{t as M}from"./rotate-ccw-Zi1IjIg9.js";import{t as ne}from"./trash-2-CchZ0T47.js";import{t as re}from"./triangle-alert-BXrUEeRU.js";import{a as ie,c as ae,i as oe,n as se,o as ce,s as le,t as ue}from"./dialog-BJEjKJjL.js";import{i as de,o as fe,r as pe,t as me}from"./field-DFJgKWGh.js";import{a as he,b as ge,c as _e,g as ve,n as ye,o as be,p as xe,s as Se,u as Ce,v as we,x as N,y as P}from"./use-apply-config-color-theme-Bpi7AD0s.js";import{T as Te,n as Ee,o as F,s as I}from"./saved-themes-client-DFijgxrT.js";import{l as L,n as R,u as z}from"./use-apply-config-language-DhdpbJI9.js";import{t as De}from"./trace-api-BSvaJNnr.js";import{a as Oe,f as ke,i as Ae,n as je,o as Me,p as B,r as V,s as H}from"./form-U6OjlA0v.js";import{t as Ne}from"./input-BsFOyzfK.js";import{t as U}from"./textarea-DYYN2PV4.js";import{t as W}from"./skeleton-CrbF9ppq.js";import"./config-schema-zP71feeS.js";var G=e(n(),1),K=o(),q=`open-knowledge-app`;function J({from:e,to:t}){try{De.getTracer(q).startSpan(`ok.language.preferenceChanged`,{attributes:{"ok.language.from":e,"ok.language.to":t}}).end()}catch(e){console.warn(`[language-telemetry] span emit failed:`,e instanceof Error?e:String(e))}}var Y=`open-knowledge-app`;function X(e){let t=e.light.startsWith(`saved-`),n=e.dark.startsWith(`saved-`);return!t||!n?`incomplete`:e.light===e.dark?`same`:`different`}function Z(e){try{De.getTracer(Y).startSpan(`ok.saved_themes.assignment`,{attributes:{"saved_theme.pair":X(e)}}).end()}catch(e){console.warn(`[saved-theme-telemetry] assignment span emit failed:`,e instanceof Error?e:String(e))}}var Q=t(),$=`system`;function Pe(e){return typeof e==`string`&&z.includes(e)}function Fe(e){return Pe(e)?e:$}function Ie(e){return new Intl.DisplayNames([e],{type:`language`}).of(e)??e}function Le(e){let t=(0,K.c)(6),{choice:n}=e;if(n===$){let e;return t[0]===Symbol.for(`react.memo_cache_sentinel`)?(e=(0,Q.jsx)(r,{id:`D-NlUC`}),t[0]=e):e=t[0],e}let i;t[1]===n?i=t[2]:(i=Ie(n),t[1]=n,t[2]=i);let a;return t[3]!==n||t[4]!==i?(a=(0,Q.jsx)(`span`,{lang:n,className:`capitalize`,children:i}),t[3]=n,t[4]=i,t[5]=a):a=t[5],a}function Re(e){let t=(0,K.c)(22),n,r,i,a,o;t[0]===e?(n=t[1],r=t[2],i=t[3],a=t[4],o=t[5]):({value:o,onValueChange:r,onBlur:n,ref:i,...a}=e,t[0]=e,t[1]=n,t[2]=r,t[3]=i,t[4]=a,t[5]=o);let s;t[6]===o?s=t[7]:(s=Fe(o),t[6]=o,t[7]=s);let c=s,l;t[8]===r?l=t[9]:(l=e=>r(Fe(e)),t[8]=r,t[9]=l);let u;t[10]===c?u=t[11]:(u=(0,Q.jsx)(m,{children:(0,Q.jsx)(Le,{choice:c})}),t[10]=c,t[11]=u);let g;t[12]!==n||t[13]!==i||t[14]!==a||t[15]!==u?(g=(0,Q.jsx)(p,{...a,ref:i,onBlur:n,size:`sm`,className:`w-48`,children:u}),t[12]=n,t[13]=i,t[14]=a,t[15]=u,t[16]=g):g=t[16];let _;t[17]===Symbol.for(`react.memo_cache_sentinel`)?(_=(0,Q.jsxs)(f,{children:[(0,Q.jsx)(d,{value:$,children:(0,Q.jsx)(Le,{choice:$})}),L.map(ze)]}),t[17]=_):_=t[17];let v;return t[18]!==c||t[19]!==l||t[20]!==g?(v=(0,Q.jsxs)(h,{value:c,onValueChange:l,children:[g,_]}),t[18]=c,t[19]=l,t[20]=g,t[21]=v):v=t[21],v}function ze(e){return(0,Q.jsx)(d,{value:e,children:(0,Q.jsx)(Le,{choice:e})},e)}function Be(e){return{chrome:e.sidebar,surface:e.background,bar:e.primary,line:e.border,dots:[e[`syntax-string`],e[`syntax-keyword`],e[`syntax-atom`]]}}function Ve(e,t,n){return e.id===`custom`?Be(w(xe(t))):e.scheme?Be(w(e.scheme)):Be(Ce(n))}function He(e){let t=(0,K.c)(38),{theme:n,customSeed:r,slotMode:i}=e,a,o,s,c,l,u,d,f,p,m;t[0]!==r||t[1]!==i||t[2]!==n?(a=Ve(n,r,i),u=!0,d=``,f=`aspect-[4/3] w-full overflow-hidden rounded-md border`,p={backgroundColor:a.surface,borderColor:a.line},m=(0,Q.jsxs)(`div`,{className:`flex h-1/3 items-center gap-1 px-1.5`,style:{backgroundColor:a.chrome,borderBottom:`1px solid ${a.line}`},children:[(0,Q.jsx)(`span`,{className:`h-1.5 w-5 rounded-full`,style:{backgroundColor:a.bar}}),(0,Q.jsx)(`span`,{className:`h-1.5 flex-1 rounded-full opacity-50`,style:{backgroundColor:a.line}})]}),l=`flex h-2/3`,o=`flex w-1/4 flex-col items-center justify-center gap-1`,s={backgroundColor:a.chrome,borderRight:`1px solid ${a.line}`},c=a.dots.map(Ue),t[0]=r,t[1]=i,t[2]=n,t[3]=a,t[4]=o,t[5]=s,t[6]=c,t[7]=l,t[8]=u,t[9]=d,t[10]=f,t[11]=p,t[12]=m):(a=t[3],o=t[4],s=t[5],c=t[6],l=t[7],u=t[8],d=t[9],f=t[10],p=t[11],m=t[12]);let h;t[13]!==o||t[14]!==s||t[15]!==c?(h=(0,Q.jsx)(`div`,{className:o,style:s,children:c}),t[13]=o,t[14]=s,t[15]=c,t[16]=h):h=t[16];let g;t[17]===a.dots[1]?g=t[18]:(g=(0,Q.jsx)(`span`,{className:`h-1.5 w-3/4 rounded-full`,style:{backgroundColor:a.dots[1]}}),t[17]=a.dots[1],t[18]=g);let _;t[19]===a.line?_=t[20]:(_=(0,Q.jsx)(`span`,{className:`h-1.5 w-1/2 rounded-full opacity-60`,style:{backgroundColor:a.line}}),t[19]=a.line,t[20]=_);let v;t[21]===a.dots[0]?v=t[22]:(v=(0,Q.jsx)(`span`,{className:`h-1.5 w-2/3 rounded-full`,style:{backgroundColor:a.dots[0]}}),t[21]=a.dots[0],t[22]=v);let y;t[23]!==g||t[24]!==_||t[25]!==v?(y=(0,Q.jsxs)(`div`,{className:`flex flex-1 flex-col justify-center gap-1 px-1.5`,children:[g,_,v]}),t[23]=g,t[24]=_,t[25]=v,t[26]=y):y=t[26];let b;t[27]!==h||t[28]!==y||t[29]!==l?(b=(0,Q.jsxs)(`div`,{className:l,children:[h,y]}),t[27]=h,t[28]=y,t[29]=l,t[30]=b):b=t[30];let x;return t[31]!==b||t[32]!==u||t[33]!==d||t[34]!==f||t[35]!==p||t[36]!==m?(x=(0,Q.jsxs)(`div`,{"aria-hidden":u,"data-theme-swatch":d,className:f,style:p,children:[m,b]}),t[31]=b,t[32]=u,t[33]=d,t[34]=f,t[35]=p,t[36]=m,t[37]=x):x=t[37],x}function Ue(e,t){return(0,Q.jsx)(`span`,{className:`size-1.5 rounded-full`,style:{backgroundColor:e}},t)}function We(e){return s(`size-6 min-w-6 rounded-md border p-0 transition-colors`,e?`border-primary bg-primary/15 text-primary hover:bg-primary/20 data-[state=on]:bg-primary/15`:`border-border/70 text-muted-foreground/70 hover:text-foreground`)}function Ge(e){return s(`size-3.5`,e&&`fill-current`)}function Ke(e){let t=(0,K.c)(34),{selection:n,themes:r,unavailableThemes:a,onAssign:o,editControl:c,deleteControl:l,createControl:u,createTileRef:d,slotMode:f,customSeed:p,firstItemId:m,"aria-label":h,"aria-describedby":g,"aria-invalid":_}=e,y=r===void 0?ve:r,x;t[0]===a?x=t[1]:(x=a===void 0?[]:a,t[0]=a,t[1]=x);let S=x,C=f===void 0?`light`:f,{_:w}=i(),T;if(t[2]!==w||t[3]!==p||t[4]!==l||t[5]!==c||t[6]!==m||t[7]!==o||t[8]!==n||t[9]!==C||t[10]!==y){let e;t[12]!==w||t[13]!==p||t[14]!==l||t[15]!==c||t[16]!==m||t[17]!==o||t[18]!==n||t[19]!==C?(e=(e,t)=>{let r=n.light===e.id,i=n.dark===e.id,a=c?.themeIds.includes(e.id)??!1,u=l?.themeIds.includes(e.id)??!1,d=c?.selectedId===e.id,f=w(C===`light`?{id:`hgF0al`,values:{0:e.label}}:{id:`6Nea1q`,values:{0:e.label}});return(0,Q.jsxs)(`fieldset`,{"aria-label":e.label,className:s(`relative flex min-w-0 flex-col gap-1.5 rounded-lg border-2 p-1 text-left`,n[C]===e.id?`border-primary`:`border-transparent`),children:[(0,Q.jsx)(b,{type:`button`,variant:`ghost`,"aria-label":f,"data-theme-focus-target":``,onClick:()=>o(C,e.id),className:`h-auto w-full cursor-pointer p-0 transition-opacity hover:bg-transparent hover:opacity-90`,children:(0,Q.jsx)(He,{theme:e,customSeed:p,slotMode:C})}),u?(0,Q.jsx)(b,{type:`button`,variant:`outline`,size:`icon-sm`,title:w({id:`Y2tU6I`,values:{0:e.label}}),"aria-label":w({id:`Y2tU6I`,values:{0:e.label}}),className:`absolute top-2 end-2 z-10 border-border/80 bg-background/85 text-muted-foreground shadow-sm backdrop-blur-sm hover:border-destructive/50 hover:bg-destructive/15 hover:text-destructive focus-visible:border-destructive/50 focus-visible:text-destructive focus-visible:ring-destructive/20 dark:bg-background/80 dark:hover:bg-destructive/20`,onClick:async t=>{let n=t.currentTarget.closest(`fieldset`),r=n?.previousElementSibling?.querySelector(`[data-theme-focus-target]`)??n?.nextElementSibling?.querySelector(`[data-theme-focus-target]`);await l?.onDelete(e.id)!==!1&&r?.focus()},children:(0,Q.jsx)(ne,{"aria-hidden":!0})}):null,(0,Q.jsxs)(`div`,{className:`flex items-center justify-between gap-1 px-0.5`,children:[(0,Q.jsx)(`span`,{className:`truncate text-1sm font-medium text-foreground`,children:e.label}),(0,Q.jsxs)(`div`,{className:`flex shrink-0 items-center gap-1`,children:[a?(0,Q.jsx)(v,{className:We(d),pressed:d,onPressedChange:t=>{c?.onSelect(t?e.id:null)},"aria-label":w(d?{id:`8x6zk9`,values:{0:e.label}}:{id:`N6j2JH`,values:{0:e.label}}),children:(0,Q.jsx)(A,{className:`size-3.5`})}):null,(0,Q.jsx)(v,{id:t===0?m:void 0,className:We(r),pressed:r,onPressedChange:t=>{t&&o(`light`,e.id)},"aria-label":w({id:`sq4WQH`,values:{0:e.label}}),children:(0,Q.jsx)(ee,{className:Ge(r)})}),(0,Q.jsx)(v,{className:We(i),pressed:i,onPressedChange:t=>{t&&o(`dark`,e.id)},"aria-label":w({id:`lZvQrY`,values:{0:e.label}}),children:(0,Q.jsx)(te,{className:Ge(i)})})]})]})]},e.id)},t[12]=w,t[13]=p,t[14]=l,t[15]=c,t[16]=m,t[17]=o,t[18]=n,t[19]=C,t[20]=e):e=t[20],T=y.map(e),t[2]=w,t[3]=p,t[4]=l,t[5]=c,t[6]=m,t[7]=o,t[8]=n,t[9]=C,t[10]=y,t[11]=T}else T=t[11];let E;t[21]!==w||t[22]!==u||t[23]!==d?(E=u?(0,Q.jsxs)(b,{ref:d,type:`button`,variant:`ghost`,onClick:u.onCreate,className:`group h-auto min-w-0 flex-col items-stretch gap-1.5 rounded-lg border-2 border-transparent p-1 text-left text-muted-foreground hover:bg-transparent hover:text-foreground`,children:[(0,Q.jsx)(`span`,{className:`flex aspect-[4/3] w-full items-center justify-center rounded-md border border-dashed border-border bg-muted/10 transition-colors group-hover:border-foreground/40`,children:(0,Q.jsx)(j,{"aria-hidden":!0,className:`size-6`})}),(0,Q.jsx)(`span`,{className:`truncate px-0.5 text-1sm font-medium`,children:w({id:`AJ7_B2`})})]}):null,t[21]=w,t[22]=u,t[23]=d,t[24]=E):E=t[24];let D;t[25]===S?D=t[26]:(D=S.map(qe),t[25]=S,t[26]=D);let O;return t[27]!==g||t[28]!==_||t[29]!==h||t[30]!==T||t[31]!==E||t[32]!==D?(O=(0,Q.jsxs)(`fieldset`,{"aria-label":h,"aria-describedby":g,"aria-invalid":_,className:`color-theme-picker grid w-full min-w-0 grid-cols-2 gap-2 sm:grid-cols-3`,children:[T,E,D]}),t[27]=g,t[28]=_,t[29]=h,t[30]=T,t[31]=E,t[32]=D,t[33]=O):O=t[33],O}function qe(e){return(0,Q.jsxs)(`fieldset`,{"aria-label":e.label,className:`flex min-w-0 flex-col gap-1.5 rounded-lg border-2 border-destructive/40 bg-destructive/5 p-1 text-left`,children:[(0,Q.jsx)(`div`,{"aria-hidden":!0,className:`flex aspect-[4/3] w-full items-center justify-center rounded-md border border-destructive/30 bg-muted/40 text-destructive`,children:(0,Q.jsx)(O,{className:`size-6`})}),(0,Q.jsx)(`span`,{className:`truncate px-0.5 text-1sm font-medium text-foreground`,children:e.label}),(0,Q.jsx)(`span`,{className:`px-0.5 text-xs font-medium text-destructive`,children:e.problem}),(0,Q.jsx)(`span`,{className:`px-0.5 pb-0.5 text-xs text-muted-foreground`,children:e.detail})]},e.key)}var Je=12e3;function Ye(e){let t=(0,K.c)(213),n,r,a;t[0]===e?(n=t[1],r=t[2],a=t[3]):({appearance:n,onAssign:r,...a}=e,t[0]=e,t[1]=n,t[2]=r,t[3]=a);let{_:o}=i(),{themes:s,warnings:c,truncated:l,loadError:u,refresh:d,deleteTheme:f,restoreTheme:p,editingThemeId:m,themeEditorOpen:h,selectThemeToEdit:g}=Ee(),[_,v]=(0,G.useState)(!1),[y,S]=(0,G.useState)(``),[C,T]=(0,G.useState)(null),[E,D]=(0,G.useState)(!1),O=(0,G.useRef)(null),ee=(0,G.useRef)(null),te=(0,G.useRef)(null),k,A;t[4]===d?(k=t[5],A=t[6]):(k=()=>{d()},A=[d],t[4]=d,t[5]=k,t[6]=A),(0,G.useEffect)(k,A);let j;t[7]!==n||t[8]!==s?(j=ge(n,s),t[7]=n,t[8]=s,t[9]=j):j=t[9];let M=j,ne,he,_e,ve,ye,be,Se,Ce,N,P,Te,F,I,L,R,z,De,Oe,ke,Ae,je,Me;if(t[10]!==o||t[11]!==C||t[12]!==y||t[13]!==_||t[14]!==f||t[15]!==m||t[16]!==E||t[17]!==u||t[18]!==r||t[19]!==a||t[20]!==d||t[21]!==p||t[22]!==g||t[23]!==M||t[24]!==h||t[25]!==s||t[26]!==l||t[27]!==c){let e=we(y),n;t[50]===s?n=t[51]:(n=s.filter(et),t[50]=s,t[51]=n);let i=n,k,A,j,ce,de,ge,Ee,B,V;if(t[52]!==o||t[53]!==y||t[54]!==f||t[55]!==m||t[56]!==i||t[57]!==E||t[58]!==u||t[59]!==r||t[60]!==a||t[61]!==d||t[62]!==p||t[63]!==g||t[64]!==M||t[65]!==h||t[66]!==s||t[67]!==l||t[68]!==c){let e=s.flatMap($e),n;t[81]!==o||t[82]!==d||t[83]!==p?(n=async function(e){let t=await p({id:e.id,name:e.scheme.name,stem:e.stem,scheme:{...e.scheme,palette:{...e.scheme.palette}},extension:e.filename.endsWith(`.yml`)?`.yml`:`.yaml`});if(t.ok){await d(),x.success(o({id:`Kx881F`,values:{0:e.label}}));return}if(t.reason===`name-taken`){x.error(o({id:`oZUYMv`,values:{0:e.label}}));return}x.error(o({id:`7O7REc`,values:{0:e.label}}))},t[81]=o,t[82]=d,t[83]=p,t[84]=n):n=t[84];let _=n;j=async function(t){let n=e.find(e=>e.id===t);if(!n)return x.error(o({id:`ANFxWn`})),!1;let r=await f(n.id);if(!r.ok)return x.error(o({id:`kkux8f`,values:{0:n.label}})),!1;if(m===n.id&&g(null),await d(),!r.existed)return x(o({id:`ekSPiP`,values:{0:n.label}})),!0;let i={...n,filename:r.filename,label:r.scheme.name,scheme:r.scheme};return x(o({id:`YCmS3k`,values:{0:i.label}}),{duration:Je,action:{label:o({id:`9uI_rE`}),onClick:()=>_(i)}}),!0};let C;t[85]!==o||t[86]!==y||t[87]!==E||t[88]!==r||t[89]!==a||t[90]!==d||t[91]!==p||t[92]!==M||t[93]!==s?(C=async function(e){if(e.preventDefault(),E)return;let t=we(y);if(!t.ok){T(o({id:`RG3yW6`})),O.current?.focus();return}let n=a.slotMode??`light`,i=s.find(e=>e.id===M[n])?.scheme??xe(a.customSeed),c={name:t.name,variant:i.variant,palette:{...i.palette}};T(null),D(!0);let l=await p({id:t.id,name:t.name,scheme:c});if(!l.ok){T(l.reason===`name-taken`?o({id:`_IfSZn`}):l.reason===`name-invalid`?o({id:`qtnmEX`}):o({id:`DmkTrb`})),D(!1),O.current?.focus();return}let u={id:l.id,label:c.name,kind:c.variant,scheme:c,toTokens:()=>w(c)};r(n,l.id,M,[...s,u]),await d(),S(``),ee.current=l.id,v(!1),D(!1)},t[85]=o,t[86]=y,t[87]=E,t[88]=r,t[89]=a,t[90]=d,t[91]=p,t[92]=M,t[93]=s,t[94]=C):C=t[94],A=C;let te;if(t[95]!==o||t[96]!==c){let e;t[98]===o?e=t[99]:(e=e=>{let t;bb90:switch(e.code){case`unparseable`:t=o({id:`g12y1g`});break bb90;case`not-a-scheme`:t=o({id:`p7Utw8`});break bb90;case`missing-slots`:t=o({id:`GUZHkL`});break bb90;case`bad-hex`:t=o({id:`IMLUBh`});break bb90;case`empty`:t=o({id:`k_tFzX`});break bb90;case`too-long`:t=o({id:`FyyIjH`});break bb90;case`invalid-chars`:t=o({id:`JaU1ld`});break bb90;case`unsupported-extension-case`:t=o({id:`R30SFt`});break bb90;case`duplicate-identity`:t=o({id:`DUb7Ax`});break bb90;case`symlink`:t=o({id:`hFmYGU`});break bb90;case`not-regular-file`:t=o({id:`UH0Zqw`});break bb90;case`file-too-large`:t=o({id:`-othoN`});break bb90;case`read-failed`:t=o({id:`cLn264`});break bb90;default:t=o({id:`WBNpt9`,values:{0:e.code}})}return{key:e.filename,label:e.filename,problem:t,detail:e.conflictingFilenames?o({id:`QwG_zJ`,values:{0:e.conflictingFilenames.join(`, `)}}):o({id:`kwNS82`})}},t[98]=o,t[99]=e),te=c.map(e),t[95]=o,t[96]=c,t[97]=te}else te=t[97];let ne=te;I=`flex w-full min-w-0 flex-col gap-2`,t[100]!==o||t[101]!==u||t[102]!==d?(L=u?(0,Q.jsxs)(`div`,{role:`alert`,className:`flex items-center justify-between gap-2 rounded-md border border-destructive/30 px-3 py-2 text-sm text-foreground`,children:[(0,Q.jsx)(`span`,{children:o({id:`hVzt9x`})}),(0,Q.jsx)(b,{type:`button`,variant:`outline`,size:`xs`,onClick:()=>void d(),children:o({id:`KDw4GX`})})]}):null,t[100]=o,t[101]=u,t[102]=d,t[103]=L):L=t[103];let ie;t[104]!==o||t[105]!==l?(ie=l?(0,Q.jsxs)(`div`,{className:`flex items-start gap-2 rounded-md border border-warning/30 px-3 py-2 text-sm text-foreground`,children:[(0,Q.jsx)(re,{"aria-hidden":`true`,className:`mt-0.5 size-4 shrink-0 text-warning`}),(0,Q.jsx)(`span`,{children:o({id:`DLIljL`})})]}):null,t[104]=o,t[105]=l,t[106]=ie):ie=t[106],t[107]===ie?R=t[108]:(R=(0,Q.jsx)(`div`,{role:`status`,children:ie}),t[107]=ie,t[108]=R),k=Ke,de=a,ge=M,Ee=i,B=ne;let ae;t[109]===s?ae=t[110]:(ae=s.filter(Qe).map(Ze),t[109]=s,t[110]=ae);let oe=h?m:null;t[111]!==g||t[112]!==ae||t[113]!==oe?(V={themeIds:ae,selectedId:oe,onSelect:g},t[111]=g,t[112]=ae,t[113]=oe,t[114]=V):V=t[114],ce=e.map(Xe),t[52]=o,t[53]=y,t[54]=f,t[55]=m,t[56]=i,t[57]=E,t[58]=u,t[59]=r,t[60]=a,t[61]=d,t[62]=p,t[63]=g,t[64]=M,t[65]=h,t[66]=s,t[67]=l,t[68]=c,t[69]=k,t[70]=A,t[71]=j,t[72]=I,t[73]=L,t[74]=R,t[75]=ce,t[76]=de,t[77]=ge,t[78]=Ee,t[79]=B,t[80]=V}else k=t[69],A=t[70],j=t[71],I=t[72],L=t[73],R=t[74],ce=t[75],de=t[76],ge=t[77],Ee=t[78],B=t[79],V=t[80];let H;t[115]!==j||t[116]!==ce?(H={themeIds:ce,onDelete:j},t[115]=j,t[116]=ce,t[117]=H):H=t[117];let U;t[118]===Symbol.for(`react.memo_cache_sentinel`)?(U={onCreate:()=>v(!0)},t[118]=U):U=t[118];let W;t[119]!==r||t[120]!==M||t[121]!==s?(W=(e,t)=>r(e,t,M,s),t[119]=r,t[120]=M,t[121]=s,t[122]=W):W=t[122],t[123]!==k||t[124]!==de||t[125]!==ge||t[126]!==Ee||t[127]!==B||t[128]!==V||t[129]!==H||t[130]!==W?(z=(0,Q.jsx)(k,{...de,selection:ge,themes:Ee,unavailableThemes:B,editControl:V,deleteControl:H,createControl:U,createTileRef:te,onAssign:W}),t[123]=k,t[124]=de,t[125]=ge,t[126]=Ee,t[127]=B,t[128]=V,t[129]=H,t[130]=W,t[131]=z):z=t[131],ye=ue,Te=_,t[132]===E?F=t[133]:(F=e=>{E||v(e)},t[132]=E,t[133]=F),ve=oe,t[134]===g?N=t[135]:(N=e=>{e.preventDefault();let t=ee.current;if(t===null){te.current?.focus();return}ee.current=null,g(t)},t[134]=g,t[135]=N);let G;t[136]===o?G=t[137]:(G=o({id:`Z_nNa2`}),t[136]=o,t[137]=G);let K;t[138]===G?K=t[139]:(K=(0,Q.jsx)(ae,{children:G}),t[138]=G,t[139]=K);let q;t[140]===o?q=t[141]:(q=o({id:`nTM8ab`}),t[140]=o,t[141]=q);let J;t[142]===q?J=t[143]:(J=(0,Q.jsx)(ie,{children:q}),t[142]=q,t[143]=J),t[144]!==K||t[145]!==J?(P=(0,Q.jsxs)(le,{className:`gap-2`,children:[K,J]}),t[144]=K,t[145]=J,t[146]=P):P=t[146],_e=se,be=`create-saved-theme-form`,Se=!0,Ce=A,he=me,Ae=C!==null;let Y;t[147]===o?Y=t[148]:(Y=o({id:`HZ7fEu`}),t[147]=o,t[148]=Y),t[149]===Y?je=t[150]:(je=(0,Q.jsx)(fe,{htmlFor:`create-saved-theme-name`,children:Y}),t[149]=Y,t[150]=je);let X=C!==null,Z=C?`create-saved-theme-help create-saved-theme-error`:`create-saved-theme-help`,$;t[151]===C?$=t[152]:($=e=>{S(e.target.value),C&&T(null)},t[151]=C,t[152]=$),t[153]!==y||t[154]!==E||t[155]!==X||t[156]!==Z||t[157]!==$?(Me=(0,Q.jsx)(Ne,{ref:O,id:`create-saved-theme-name`,value:y,autoFocus:!0,autoComplete:`off`,required:!0,readOnly:E,"aria-invalid":X,"aria-describedby":Z,onChange:$}),t[153]=y,t[154]=E,t[155]=X,t[156]=Z,t[157]=$,t[158]=Me):Me=t[158],ne=pe,De=`create-saved-theme-help`,Oe=`font-mono`,ke=e.ok?o({id:`Yb82LN`,values:{0:e.stem}}):o({id:`4d0VYJ`}),t[10]=o,t[11]=C,t[12]=y,t[13]=_,t[14]=f,t[15]=m,t[16]=E,t[17]=u,t[18]=r,t[19]=a,t[20]=d,t[21]=p,t[22]=g,t[23]=M,t[24]=h,t[25]=s,t[26]=l,t[27]=c,t[28]=ne,t[29]=he,t[30]=_e,t[31]=ve,t[32]=ye,t[33]=be,t[34]=Se,t[35]=Ce,t[36]=N,t[37]=P,t[38]=Te,t[39]=F,t[40]=I,t[41]=L,t[42]=R,t[43]=z,t[44]=De,t[45]=Oe,t[46]=ke,t[47]=Ae,t[48]=je,t[49]=Me}else ne=t[28],he=t[29],_e=t[30],ve=t[31],ye=t[32],be=t[33],Se=t[34],Ce=t[35],N=t[36],P=t[37],Te=t[38],F=t[39],I=t[40],L=t[41],R=t[42],z=t[43],De=t[44],Oe=t[45],ke=t[46],Ae=t[47],je=t[48],Me=t[49];let B;t[159]!==ne||t[160]!==De||t[161]!==Oe||t[162]!==ke?(B=(0,Q.jsx)(ne,{id:De,className:Oe,children:ke}),t[159]=ne,t[160]=De,t[161]=Oe,t[162]=ke,t[163]=B):B=t[163];let V;t[164]===C?V=t[165]:(V=C?(0,Q.jsx)(de,{id:`create-saved-theme-error`,children:C}):null,t[164]=C,t[165]=V);let H;t[166]!==he||t[167]!==B||t[168]!==V||t[169]!==Ae||t[170]!==je||t[171]!==Me?(H=(0,Q.jsxs)(he,{"data-invalid":Ae,children:[je,Me,B,V]}),t[166]=he,t[167]=B,t[168]=V,t[169]=Ae,t[170]=je,t[171]=Me,t[172]=H):H=t[172];let U;t[173]!==be||t[174]!==Se||t[175]!==Ce||t[176]!==H?(U=(0,Q.jsx)(`form`,{id:be,noValidate:Se,onSubmit:Ce,children:H}),t[173]=be,t[174]=Se,t[175]=Ce,t[176]=H,t[177]=U):U=t[177];let W;t[178]!==_e||t[179]!==U?(W=(0,Q.jsx)(_e,{children:U}),t[178]=_e,t[179]=U,t[180]=W):W=t[180];let q;t[181]===Symbol.for(`react.memo_cache_sentinel`)?(q=()=>v(!1),t[181]=q):q=t[181];let J;t[182]===o?J=t[183]:(J=o({id:`dEgA5A`}),t[182]=o,t[183]=J);let Y;t[184]!==E||t[185]!==J?(Y=(0,Q.jsx)(b,{type:`button`,variant:`outline`,disabled:E,onClick:q,children:J}),t[184]=E,t[185]=J,t[186]=Y):Y=t[186];let X;t[187]!==o||t[188]!==E?(X=o(E?{id:`_DwR-n`}:{id:`cuHhjo`}),t[187]=o,t[188]=E,t[189]=X):X=t[189];let Z;t[190]!==E||t[191]!==X?(Z=(0,Q.jsx)(b,{type:`submit`,form:`create-saved-theme-form`,disabled:E,children:X}),t[190]=E,t[191]=X,t[192]=Z):Z=t[192];let $;t[193]!==Y||t[194]!==Z?($=(0,Q.jsxs)(ce,{children:[Y,Z]}),t[193]=Y,t[194]=Z,t[195]=$):$=t[195];let Pe;t[196]!==ve||t[197]!==N||t[198]!==P||t[199]!==W||t[200]!==$?(Pe=(0,Q.jsxs)(ve,{onCloseAutoFocus:N,children:[P,W,$]}),t[196]=ve,t[197]=N,t[198]=P,t[199]=W,t[200]=$,t[201]=Pe):Pe=t[201];let Fe;t[202]!==ye||t[203]!==Te||t[204]!==F||t[205]!==Pe?(Fe=(0,Q.jsx)(ye,{open:Te,onOpenChange:F,children:Pe}),t[202]=ye,t[203]=Te,t[204]=F,t[205]=Pe,t[206]=Fe):Fe=t[206];let Ie;return t[207]!==I||t[208]!==L||t[209]!==R||t[210]!==z||t[211]!==Fe?(Ie=(0,Q.jsxs)(`div`,{className:I,children:[L,R,z,Fe]}),t[207]=I,t[208]=L,t[209]=R,t[210]=z,t[211]=Fe,t[212]=Ie):Ie=t[212],Ie}function Xe(e){return e.id}function Ze(e){return e.id}function Qe(e){return e.id.startsWith(`saved-`)}function $e(e){let t=P(e.id);return!t.ok||!e.scheme?[]:[{id:e.id,stem:t.stem,label:e.label,scheme:e.scheme}]}function et(e){return e.id!==`custom`}function tt(e,t){if(e.length===0)throw Error(`buildPatch: path must be non-empty`);let[n,...r]=e;return r.length===0?{[String(n)]:t}:{[String(n)]:tt(r,t)}}function nt(e){let t=e;for(let e=0;e<16;e++){if(t==null)return;let e=t?._zod?.def;if(e?.type===`default`){let t=e.defaultValue;return typeof t==`function`?t():t}let n=t?._zod?.def?.innerType;if(n===void 0)return;t=n}}function rt(e){let t=e;for(let e=0;e<16;e++){if(t==null)return;let e=t?._zod?.def;if(!e)return;if(e.type===`default`||e.type===`optional`||e.type===`nullable`){t=e.innerType;continue}return e.type}}function it(e){let t=e;for(let e=0;e<16;e++){if(t==null)return;let e=t?._zod?.def;if(!e)return;if(e.type===`enum`)return e.entries?Object.values(e.entries):void 0;if(e.innerType!==void 0){t=e.innerType;continue}return}}function at(e){let t=(0,K.c)(14),n;t[0]===e?n=t[1]:(n=e.current(),t[0]=e,t[1]=n);let r=n,i;t[2]===r?i=t[3]:(i={defaultValues:r,mode:`onBlur`},t[2]=r,t[3]=i);let a=ke(i),o,s;t[4]!==e||t[5]!==a?(o=()=>e.subscribe(e=>{ot(a,e)}),s=[e,a],t[4]=e,t[5]=a,t[6]=o,t[7]=s):(o=t[6],s=t[7]),(0,G.useEffect)(o,s);let c;t[8]!==e||t[9]!==a?(c=t=>st(a,e,t),t[8]=e,t[9]=a,t[10]=c):c=t[10];let l=c,u;return t[11]!==l||t[12]!==a?(u={form:a,commitField:l},t[11]=l,t[12]=a,t[13]=u):u=t[13],u}function ot(e,t){e.reset(t,{keepDirtyValues:!0,keepDirty:!0,keepTouched:!0})}function st(e,t,n){let r=e.getValues(n),i=tt(ut(n),r),a=t.patch(i);if(a.ok)return e.clearErrors(n),e.resetField(n,{defaultValue:r,keepError:!1}),!0;if(C(a.error)&&a.error.code===`SCHEMA_INVALID`&&a.error.issues.length>0){e.clearErrors(n);for(let t of a.error.issues){let r=t.path.length>0?t.path.map(String).join(`.`):n;e.setError(r,{type:`config-binding`,message:t.message})}}else e.setError(n,{type:`config-binding`,message:ct(a.error,n)});return!1}function ct(e,t){if(C(e)&&e.code===`SCHEMA_INVALID`){let n=e.issues.find(e=>lt(e,t));if(n)return n.message}return S(e)}function lt(e,t){return e.path.map(String).join(`.`)===t}function ut(e){return e.split(`.`)}function dt(e){if(!C(e)||e.code!==`SCHEMA_INVALID`)return null;let t=e.issues[0];return!t||t.path.length===0?null:t.path.map(String).join(`.`)}function ft(){let e=(0,K.c)(3),t,n;e[0]===Symbol.for(`react.memo_cache_sentinel`)?(t=(0,Q.jsx)(W,{className:`h-5 w-32`}),n=(0,Q.jsx)(W,{className:`h-4 w-64`}),e[0]=t,e[1]=n):(t=e[0],n=e[1]);let r;return e[2]===Symbol.for(`react.memo_cache_sentinel`)?(r=(0,Q.jsxs)(`div`,{className:`space-y-3`,children:[t,n,(0,Q.jsxs)(`div`,{className:`space-y-2`,children:[(0,Q.jsx)(W,{className:`h-9 w-full`}),(0,Q.jsx)(W,{className:`h-9 w-full`})]})]}),e[2]=r):r=e[2],r}function pt({field:e,scope:t,commitField:n,isFlashed:o}){"use no memo";let{_:d}=i(),f=B(),{setTheme:p}=a(),m=T(),h=F(I,e.path),g=h?rt(h):void 0,_=h?nt(h):void 0,v=h?it(h):void 0,y=h?Te(h):void 0,x=y?.scope===`project`&&t!==`project`||y?.scope===`user`&&t!==`user`,S=e.path.join(`.`),C=d(e.label),[w,D]=(0,G.useState)(!1),O=(0,G.useRef)(null);(0,G.useEffect)(()=>()=>{O.current&&clearTimeout(O.current)},[]);let ee=()=>{D(!0),O.current&&clearTimeout(O.current),O.current=setTimeout(()=>D(!1),1200)},te=()=>{let e=n(S);return e&&ee(),e},k=()=>f.getFieldState(S).isDirty?te():!0,A=()=>{if(e.control===`theme-tiles`){let e=m?.userBinding;if(!e)return;let t=e.patch({appearance:be()});t.ok?ee():f.setError(S,{type:`manual`,message:ct(t.error,S)});return}let t=_===void 0?null:_;f.setValue(S,t,{shouldDirty:!1}),e.control===`theme-cards`&&p(E(t)),te()},j=s(`relative`,o&&`animate-settings-flash`);return(0,Q.jsx)(Ae,{control:f.control,name:S,render:({field:n})=>{let i=!x&&(_!==void 0||n.value!==void 0);return(0,Q.jsxs)(Oe,{className:j,"data-field":e.path.join(`.`),"data-scope":t,children:[(0,Q.jsxs)(`div`,{className:`flex items-center justify-between gap-2`,children:[(0,Q.jsx)(Me,{className:`text-sm font-medium`,children:C}),i?(0,Q.jsxs)(u,{children:[(0,Q.jsx)(c,{asChild:!0,children:(0,Q.jsx)(b,{variant:`ghost`,size:`icon`,className:`h-5 w-5 text-muted-foreground opacity-60 hover:opacity-100`,onClick:A,"aria-label":d({id:`lhjq3G`,values:{labelText:C}}),children:(0,Q.jsx)(M,{className:`size-3.5`})})}),(0,Q.jsx)(l,{children:(0,Q.jsx)(r,{id:`L-rMC9`})})]}):null]}),e.description?(0,Q.jsx)(V,{className:`text-muted-foreground text-1sm`,children:d(e.description)}):null,(0,Q.jsxs)(`div`,{className:`flex items-center gap-2`,children:[(0,Q.jsx)(je,{children:(0,Q.jsx)(ht,{field:e,ctl:n,typeTag:g,enumOptions:v,onCommit:k,onRevertToBaseline:()=>f.resetField(S,{keepError:!0}),onSavedOutsideForm:ee,onWriteRejected:e=>{f.setError(S,{type:`manual`,message:ct(e,S)})}})}),(0,Q.jsx)(yt,{visible:w,srOnly:mt(e.control)})]}),(0,Q.jsx)(H,{"data-field-error":e.path.join(`.`)})]})}})}function mt(e){return e===`theme-tiles`||e===`theme-cards`}function ht({field:e,ctl:t,typeTag:n,enumOptions:r,onCommit:o,onRevertToBaseline:s,onSavedOutsideForm:c,onWriteRejected:l,...u}){"use no memo";let{_:d}=i(),{setTheme:f,systemTheme:p}=a(),m=T(),h=m?.merged??null;if(e.control===`language-select`)return(0,Q.jsx)(Re,{...u,value:t.value,ref:t.ref,onBlur:t.onBlur,onValueChange:e=>{let n=R(t.value)??`system`;n!==e&&J({from:n,to:e}),t.onChange(e),o()}});if(e.control===`theme-cards`){let{id:n,...r}=u;return(0,Q.jsx)(k,{...r,firstItemId:n,value:E(t.value),"aria-label":d(e.label),onValueChange:e=>{let n=E(t.value);f(e),t.onChange(e),!o()&&(f(n),s())}})}if(e.control===`theme-tiles`){let{id:t,...n}=u,r=h?.appearance?.customTheme,i=h?.appearance?.theme,a=N(i,p===`dark`);return(0,Q.jsx)(Ye,{...n,firstItemId:t,appearance:h?.appearance,customSeed:r,slotMode:a,"aria-label":d(e.label),onAssign:(e,t,n,o)=>{let s=m?.userBinding;if(!s)return;let u={...n,[e]:t},d=e=>{let t=e[a];return t===`custom`?_e(xe(r)):he(t,o)};ye({selection:u,modePreference:i,slotMode:a,customSeed:r,themes:o}),f(d(u)??i??`system`);let p=s.patch({appearance:Se(u)});if(p.ok){Z(u),c();return}ye({selection:n,modePreference:i,slotMode:a,customSeed:r,themes:o}),f(d(n)??i??`system`),l(p.error)}})}if(n===`boolean`)return(0,Q.jsx)(g,{...u,checked:!!t.value,ref:t.ref,onCheckedChange:e=>{t.onChange(e),o()},onBlur:t.onBlur});if(n===`enum`&&r&&r.length>0&&(e.control===`enum-toggle`||r.length<=4)){let{id:n,...i}=u;return(0,Q.jsx)(y,{...i,type:`single`,value:typeof t.value==`string`?t.value:``,ref:t.ref,onValueChange:e=>{e&&(t.onChange(e),o())},onBlur:t.onBlur,variant:`segmented`,size:`sm`,spacing:1,className:`bg-muted dark:bg-background p-0.5 rounded-lg`,"aria-label":d(e.label),children:r.map((e,t)=>(0,Q.jsx)(_,{value:e,id:t===0?n:void 0,className:`text-1sm capitalize`,children:e},e))})}return n===`number`||n===`int`?(0,Q.jsx)(_t,{ctl:t,onCommit:o,...u}):n===`array`?(0,Q.jsx)(vt,{ctl:t,onCommit:o,...u}):(0,Q.jsx)(gt,{ctl:t,onCommit:o,...u})}function gt({ctl:e,onCommit:t,...n}){"use no memo";return(0,Q.jsx)(Ne,{...n,value:typeof e.value==`string`?e.value:``,ref:e.ref,onChange:t=>e.onChange(t.target.value),onBlur:()=>{e.onBlur(),t()},onKeyDown:e=>{e.key===`Enter`&&(e.preventDefault(),t())},className:`h-8 text-sm`})}function _t({ctl:e,onCommit:t,...n}){"use no memo";let[r,i]=(0,G.useState)(e.value===void 0?``:String(e.value)),a=(0,G.useRef)(e.value);(0,G.useEffect)(()=>{a.current!==e.value&&(i(e.value===void 0?``:String(e.value)),a.current=e.value)},[e.value]);let o=()=>{let n=Number(r);if(!Number.isFinite(n)){e.onChange(r),t();return}e.onChange(n),t(),a.current=n};return(0,Q.jsx)(Ne,{...n,type:`number`,value:r,ref:e.ref,onChange:e=>i(e.target.value),onBlur:()=>{e.onBlur(),o()},onKeyDown:e=>{e.key===`Enter`&&(e.preventDefault(),o())},className:`h-8 w-28 text-sm tabular-nums`})}function vt({ctl:e,onCommit:t,...n}){"use no memo";let r=Array.isArray(e.value)?e.value.join(`
+`):``,[i,a]=(0,G.useState)(r),o=(0,G.useRef)(r);(0,G.useEffect)(()=>{let t=Array.isArray(e.value)?e.value.join(`
+`):``;t!==o.current&&(a(t),o.current=t)},[e.value]);let s=()=>{let n=i.split(`
+`).map(e=>e.trim()).filter(e=>e.length>0);e.onChange(n),t(),o.current=n.join(`
+`)};return(0,Q.jsx)(U,{...n,value:i,ref:e.ref,onChange:e=>a(e.target.value),onBlur:()=>{e.onBlur(),s()},rows:Math.max(2,Math.min(6,i.split(`
+`).length)),className:`field-sizing-fixed min-h-16 rounded-md bg-background px-3 py-1.5 font-mono text-xs md:text-xs dark:bg-background`})}function yt(e){let t=(0,K.c)(8),{visible:n,srOnly:i}=e,a=i===void 0?!1:i,o=a&&`sr-only`,c;t[0]===o?c=t[1]:(c=s(`text-success`,o),t[0]=o,t[1]=c);let l;t[2]!==a||t[3]!==n?(l=n?(0,Q.jsxs)(Q.Fragment,{children:[a?null:(0,Q.jsx)(D,{"aria-hidden":`true`,className:`size-3.5`}),(0,Q.jsx)(`span`,{className:`sr-only`,children:(0,Q.jsx)(r,{id:`idD8Ev`})})]}):null,t[2]=a,t[3]=n,t[4]=l):l=t[4];let u;return t[5]!==c||t[6]!==l?(u=(0,Q.jsx)(`span`,{role:`status`,"aria-live":`polite`,className:c,children:l}),t[5]=c,t[6]=l,t[7]=u):u=t[7],u}export{ct as a,dt as i,ft as n,at as o,pt as r,yt as t};