@linkurious/ogma-annotations 2.0.0 → 2.0.2

package/dist/index.js

@@ -1,14 +1,24 @@
-(function(w,O){typeof exports=="object"&&typeof module<"u"?O(exports,require("@linkurious/ogma")):typeof define=="function"&&define.amd?define(["exports","@linkurious/ogma"],O):(w=typeof globalThis<"u"?globalThis:w||self,O(w["@linkurious/ogma-annotations"]={},w.Ogma))})(this,(function(w,O){"use strict";var Yr=Object.defineProperty;var Xr=(w,O,pt)=>O in w?Yr(w,O,{enumerable:!0,configurable:!0,writable:!0,value:pt}):w[O]=pt;var y=(w,O,pt)=>Xr(w,typeof O!="symbol"?O+"":O,pt);function pt(i){return i&&i.__esModule&&Object.prototype.hasOwnProperty.call(i,"default")?i.default:i}var Jt={exports:{}},Oe;function Vn(){return Oe||(Oe=1,(function(i){var e=Object.prototype.hasOwnProperty,t="~";function n(){}Object.create&&(n.prototype=Object.create(null),new n().__proto__||(t=!1));function s(l,h,c){this.fn=l,this.context=h,this.once=c||!1}function r(l,h,c,d,u){if(typeof c!="function")throw new TypeError("The listener must be a function");var g=new s(c,d||l,u),f=t?t+h:h;return l._events[f]?l._events[f].fn?l._events[f]=[l._events[f],g]:l._events[f].push(g):(l._events[f]=g,l._eventsCount++),l}function o(l,h){--l._eventsCount===0?l._events=new n:delete l._events[h]}function a(){this._events=new n,this._eventsCount=0}a.prototype.eventNames=function(){var h=[],c,d;if(this._eventsCount===0)return h;for(d in c=this._events)e.call(c,d)&&h.push(t?d.slice(1):d);return Object.getOwnPropertySymbols?h.concat(Object.getOwnPropertySymbols(c)):h},a.prototype.listeners=function(h){var c=t?t+h:h,d=this._events[c];if(!d)return[];if(d.fn)return[d.fn];for(var u=0,g=d.length,f=new Array(g);u<g;u++)f[u]=d[u].fn;return f},a.prototype.listenerCount=function(h){var c=t?t+h:h,d=this._events[c];return d?d.fn?1:d.length:0},a.prototype.emit=function(h,c,d,u,g,f){var m=t?t+h:h;if(!this._events[m])return!1;var p=this._events[m],b=arguments.length,S,v;if(p.fn){switch(p.once&&this.removeListener(h,p.fn,void 0,!0),b){case 1:return p.fn.call(p.context),!0;case 2:return p.fn.call(p.context,c),!0;case 3:return p.fn.call(p.context,c,d),!0;case 4:return p.fn.call(p.context,c,d,u),!0;case 5:return p.fn.call(p.context,c,d,u,g),!0;case 6:return p.fn.call(p.context,c,d,u,g,f),!0}for(v=1,S=new Array(b-1);v<b;v++)S[v-1]=arguments[v];p.fn.apply(p.context,S)}else{var A=p.length,x;for(v=0;v<A;v++)switch(p[v].once&&this.removeListener(h,p[v].fn,void 0,!0),b){case 1:p[v].fn.call(p[v].context);break;case 2:p[v].fn.call(p[v].context,c);break;case 3:p[v].fn.call(p[v].context,c,d);break;case 4:p[v].fn.call(p[v].context,c,d,u);break;default:if(!S)for(x=1,S=new Array(b-1);x<b;x++)S[x-1]=arguments[x];p[v].fn.apply(p[v].context,S)}}return!0},a.prototype.on=function(h,c,d){return r(this,h,c,d,!1)},a.prototype.once=function(h,c,d){return r(this,h,c,d,!0)},a.prototype.removeListener=function(h,c,d,u){var g=t?t+h:h;if(!this._events[g])return this;if(!c)return o(this,g),this;var f=this._events[g];if(f.fn)f.fn===c&&(!u||f.once)&&(!d||f.context===d)&&o(this,g);else{for(var m=0,p=[],b=f.length;m<b;m++)(f[m].fn!==c||u&&!f[m].once||d&&f[m].context!==d)&&p.push(f[m]);p.length?this._events[g]=p.length===1?p[0]:p:o(this,g)}return this},a.prototype.removeAllListeners=function(h){var c;return h?(c=t?t+h:h,this._events[c]&&o(this,c)):(this._events=new n,this._eventsCount=0),this},a.prototype.off=a.prototype.removeListener,a.prototype.addListener=a.prototype.on,a.prefixed=t,a.EventEmitter=a,i.exports=a})(Jt)),Jt.exports}var Zn=Vn();const Kn=pt(Zn),Jn=-1,Et="dragging",yt="dragstart",Rt="dragend",zt="click",$e="select",Ye="unselect",Qn="hover",ts="unhover",Xe="remove",Nt="add",Ue="cancelDrawing",Qt="completeDrawing",qe="update",We="link",Ge="history",es="data-annotation",te=5,je=3,Ot={SHAPES:1,EDITOR:2,HANDLES:3},q="start",it="end",F={default:"default",move:"move",pointer:"pointer",crosshair:"crosshair",grab:"grab",grabbing:"grabbing",ewResize:"ew-resize",nsResize:"ns-resize",neswResize:"nesw-resize",nwseResize:"nwse-resize",nwResize:"nw-resize",neResize:"ne-resize",swResize:"sw-resize",seResize:"se-resize",nResize:"n-resize",eResize:"e-resize",sResize:"s-resize",wResize:"w-resize"},et="collapsed",$t="expanded",Yt=1.2,ee=.2,P={TEXT:"text",NODE:"node",BOX:"box",COMMENT:"comment",POLYGON:"polygon",ANNOTATION:"annotation",EDGE:"edge"},ne=`<svg viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+(function(w,q){typeof exports=="object"&&typeof module<"u"?q(exports,require("@linkurious/ogma")):typeof define=="function"&&define.amd?define(["exports","@linkurious/ogma"],q):(w=typeof globalThis<"u"?globalThis:w||self,q(w["@linkurious/ogma-annotations"]={},w.Ogma))})(this,(function(w,q){"use strict";var jr=Object.defineProperty;var Gr=(w,q,wt)=>q in w?jr(w,q,{enumerable:!0,configurable:!0,writable:!0,value:wt}):w[q]=wt;var y=(w,q,wt)=>Gr(w,typeof q!="symbol"?q+"":q,wt);function wt(i){return i&&i.__esModule&&Object.prototype.hasOwnProperty.call(i,"default")?i.default:i}var te={exports:{}},Ye;function Qn(){return Ye||(Ye=1,(function(i){var e=Object.prototype.hasOwnProperty,t="~";function n(){}Object.create&&(n.prototype=Object.create(null),new n().__proto__||(t=!1));function s(c,h,l){this.fn=c,this.context=h,this.once=l||!1}function r(c,h,l,d,u){if(typeof l!="function")throw new TypeError("The listener must be a function");var g=new s(l,d||c,u),f=t?t+h:h;return c._events[f]?c._events[f].fn?c._events[f]=[c._events[f],g]:c._events[f].push(g):(c._events[f]=g,c._eventsCount++),c}function o(c,h){--c._eventsCount===0?c._events=new n:delete c._events[h]}function a(){this._events=new n,this._eventsCount=0}a.prototype.eventNames=function(){var h=[],l,d;if(this._eventsCount===0)return h;for(d in l=this._events)e.call(l,d)&&h.push(t?d.slice(1):d);return Object.getOwnPropertySymbols?h.concat(Object.getOwnPropertySymbols(l)):h},a.prototype.listeners=function(h){var l=t?t+h:h,d=this._events[l];if(!d)return[];if(d.fn)return[d.fn];for(var u=0,g=d.length,f=new Array(g);u<g;u++)f[u]=d[u].fn;return f},a.prototype.listenerCount=function(h){var l=t?t+h:h,d=this._events[l];return d?d.fn?1:d.length:0},a.prototype.emit=function(h,l,d,u,g,f){var p=t?t+h:h;if(!this._events[p])return!1;var m=this._events[p],x=arguments.length,v,S;if(m.fn){switch(m.once&&this.removeListener(h,m.fn,void 0,!0),x){case 1:return m.fn.call(m.context),!0;case 2:return m.fn.call(m.context,l),!0;case 3:return m.fn.call(m.context,l,d),!0;case 4:return m.fn.call(m.context,l,d,u),!0;case 5:return m.fn.call(m.context,l,d,u,g),!0;case 6:return m.fn.call(m.context,l,d,u,g,f),!0}for(S=1,v=new Array(x-1);S<x;S++)v[S-1]=arguments[S];m.fn.apply(m.context,v)}else{var E=m.length,b;for(S=0;S<E;S++)switch(m[S].once&&this.removeListener(h,m[S].fn,void 0,!0),x){case 1:m[S].fn.call(m[S].context);break;case 2:m[S].fn.call(m[S].context,l);break;case 3:m[S].fn.call(m[S].context,l,d);break;case 4:m[S].fn.call(m[S].context,l,d,u);break;default:if(!v)for(b=1,v=new Array(x-1);b<x;b++)v[b-1]=arguments[b];m[S].fn.apply(m[S].context,v)}}return!0},a.prototype.on=function(h,l,d){return r(this,h,l,d,!1)},a.prototype.once=function(h,l,d){return r(this,h,l,d,!0)},a.prototype.removeListener=function(h,l,d,u){var g=t?t+h:h;if(!this._events[g])return this;if(!l)return o(this,g),this;var f=this._events[g];if(f.fn)f.fn===l&&(!u||f.once)&&(!d||f.context===d)&&o(this,g);else{for(var p=0,m=[],x=f.length;p<x;p++)(f[p].fn!==l||u&&!f[p].once||d&&f[p].context!==d)&&m.push(f[p]);m.length?this._events[g]=m.length===1?m[0]:m:o(this,g)}return this},a.prototype.removeAllListeners=function(h){var l;return h?(l=t?t+h:h,this._events[l]&&o(this,l)):(this._events=new n,this._eventsCount=0),this},a.prototype.off=a.prototype.removeListener,a.prototype.addListener=a.prototype.on,a.prefixed=t,a.EventEmitter=a,i.exports=a})(te)),te.exports}var ts=Qn();const es=wt(ts),ns=-1,Tt="dragging",xt="dragstart",kt="dragend",Ot="click",Xe="select",Ue="unselect",ss="hover",is="unhover",qe="remove",Yt="add",We="cancelDrawing",ee="completeDrawing",je="update",Ge="link",Ve="history",rs="data-annotation",ne=5,Ze=3,Xt={SHAPES:1,EDITOR:2,HANDLES:3},O="start",rt="end",H={default:"default",move:"move",pointer:"pointer",crosshair:"crosshair",grab:"grab",grabbing:"grabbing",ewResize:"ew-resize",nsResize:"ns-resize",neswResize:"nesw-resize",nwseResize:"nwse-resize",nwResize:"nw-resize",neResize:"ne-resize",swResize:"sw-resize",seResize:"se-resize",nResize:"n-resize",eResize:"e-resize",sResize:"s-resize",wResize:"w-resize"},ot="collapsed",Mt="expanded",Pt=1.2,se=.2,P={TEXT:"text",NODE:"node",BOX:"box",COMMENT:"comment",POLYGON:"polygon",ANNOTATION:"annotation",EDGE:"edge"},ie=`<svg viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
   <path d="M22 2L11 13M22 2L15 22L11 13M22 2L2 9L11 13" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
-</svg>`;let at=(i=21)=>crypto.getRandomValues(new Uint8Array(i)).reduce((e,t)=>(t&=63,t<36?e+=t.toString(36):t<62?e+=(t-26).toString(36).toUpperCase():t>62?e+="-":e+="_",e),"");function ns(i,e){const t=i[0]-e[0],n=i[1]-e[1];return t*t+n*n}function ss(i,e,t){let n=e[0],s=e[1],r=t[0]-n,o=t[1]-s;if(r!==0||o!==0){const a=((i[0]-n)*r+(i[1]-s)*o)/(r*r+o*o);a>1?(n=t[0],s=t[1]):a>0&&(n+=r*a,s+=o*a)}return r=i[0]-n,o=i[1]-s,r*r+o*o}function is(i,e){let t=i[0];const n=[t];let s;for(let r=1,o=i.length;r<o;r++)s=i[r],ns(s,t)>e&&(n.push(s),t=s);return t!==s&&n.push(s),n}function se(i,e,t,n,s){let r=n,o=0;for(let a=e+1;a<t;a++){const l=ss(i[a],i[e],i[t]);l>r&&(o=a,r=l)}r>n&&(o-e>1&&se(i,e,o,n,s),s.push(i[o]),t-o>1&&se(i,o,t,n,s))}function rs(i,e){const t=i.length-1,n=[i[0]];return se(i,0,t,e,n),n.push(i[t]),n}function ie(i,e,t){if(i.length<=2)return i;const n=e!==void 0?e*e:1;return i=t?i:is(i,n),i=rs(i,n),i}function re(i){if(i.geometry.bbox)return i.geometry.bbox;const e=i.geometry.coordinates[0];let t=1/0,n=1/0,s=-1/0,r=-1/0;for(const[o,a]of e)o<t&&(t=o),o>s&&(s=o),a<n&&(n=a),a>r&&(r=a);return[t,n,s,r]}function oe(i){const e=i.geometry.coordinates[0];let t=0,n=0;const s=e.length-1;for(let r=0;r<s;r++)t+=e[r][0],n+=e[r][1];return{x:t/s,y:n/s}}function Ve(i,e,t){const n=i.geometry.coordinates.map(o=>o.map(([a,l])=>[a+e,l+t])),s=i.geometry.bbox,r=s?[s[0]+e,s[1]+t,s[2]+e,s[3]+t]:void 0;return{...i,geometry:{...i.geometry,coordinates:n,bbox:r}}}function ae(i){const e=i.geometry.coordinates[0];let t=1/0,n=1/0,s=-1/0,r=-1/0;for(const[o,a]of e)o<t&&(t=o),o>s&&(s=o),a<n&&(n=a),a>r&&(r=a);i.geometry.bbox=[t,n,s,r]}function os(i,e,t,n){const s=i.geometry.coordinates.map(o=>o.map(([a,l])=>{const h=a-t,c=l-n;return[t+h*e,n+c*e]})),r={...i,geometry:{...i.geometry,coordinates:s}};return ae(r),r}const as="http://www.w3.org/2000/svg";function k(i){return document.createElementNS(as,i)}function tt(i){return i.geometry.bbox||ct(i),i.geometry.bbox}function z(i){if("width"in i.properties&&"height"in i.properties)return{width:i.properties.width,height:i.properties.height};const e=tt(i);return{width:e[2]-e[0],height:e[3]-e[1]}}function lt(i,e=!1,t=1){if(i.geometry.type==="Point"&&"width"in i.properties&&"height"in i.properties){const[s,r]=i.geometry.coordinates;let o=i.properties.width,a=i.properties.height;return e&&(o/=t,a/=t),{x:s-o/2,y:r-a/2}}const n=tt(i);return{x:n[0],y:n[1]}}function W(i){if(i.geometry.type==="Point")return{x:i.geometry.coordinates[0],y:i.geometry.coordinates[1]};const e=tt(i);return{x:(e[0]+e[2])/2,y:(e[1]+e[3])/2}}function ct(i){if(J(i)){const[e,t]=i.geometry.coordinates[0],[n,s]=i.geometry.coordinates[1];i.geometry.bbox=[Math.min(e,n),Math.min(t,s),Math.max(e,n),Math.max(t,s)]}else if(i.geometry.type==="Point"&&"width"in i.properties&&"height"in i.properties){const[e,t]=i.geometry.coordinates,n=i.properties.width/2,s=i.properties.height/2;i.geometry.bbox=[e-n,t-s,e+n,t+s]}else if(i.geometry.type==="Polygon"){const e=i.geometry.coordinates[0];let t=Number.POSITIVE_INFINITY,n=Number.POSITIVE_INFINITY,s=Number.NEGATIVE_INFINITY,r=Number.NEGATIVE_INFINITY;for(const o of e){const a=o[0],l=o[1];a<t&&(t=a),l<n&&(n=l),a>s&&(s=a),l>r&&(r=l)}i.geometry.bbox=[t,n,s,r]}}function Ze(i,e,t,n,s){i.geometry.coordinates=[e+n/2,t+s/2],i.geometry.bbox=[e,t,e+n,t+s],i.properties.width=n,i.properties.height=s}function le(i){const[e,t]=i.geometry.coordinates[0];return{x:e,y:t}}function Ct(i,e){const[t,n]=i.geometry.coordinates[e===q?0:1];return{x:t,y:n}}function ce(i){const[e,t]=i.geometry.coordinates[1];return{x:e,y:t}}function Ke(i,e,t){i.geometry.coordinates[0]=[e,t]}function Je(i,e,t){i.geometry.coordinates[1]=[e,t]}function Xt(i){return{start:le(i),end:ce(i)}}function Qe(i,e,t,n){e===q?Ke(i,t,n):Je(i,t,n)}const ls=i=>parseInt(i.getAttribute("data-handle-id")||"-1");function cs(i){return Tt(i).reduce((e,t)=>(e[0]=Math.min(t[0],e[0]),e[1]=Math.min(t[1],e[1]),e[2]=Math.max(t[0],e[2]),e[3]=Math.max(t[1],e[3]),e),[Number.POSITIVE_INFINITY,Number.POSITIVE_INFINITY,Number.NEGATIVE_INFINITY,Number.NEGATIVE_INFINITY])}function hs(i){return Array.isArray(i)&&i.length===2&&i.every(isFinite)}function ds(i,e,t,n){for(let s=0;s<i.coordinates.length;s++){const r=i.coordinates[s];if(hs(r))r[0]=t+(r[0]-t)*e,r[1]=n+(r[1]-n)*e;else for(let o=0;o<r.length;o++){const a=r[o];a[0]=t+(a[0]-t)*e,a[1]=n+(a[1]-n)*e}}return i}function Tt(i){let e=[];if(i.type=="Point")i.bbox?e=[[i.bbox[0],i.bbox[1]],[i.bbox[2],i.bbox[3]]]:e=[i.coordinates];else if(i.type=="LineString"||i.type=="MultiPoint")e=i.coordinates;else if(i.type=="Polygon"||i.type=="MultiLineString")e=i.coordinates.reduce(function(t,n){return t.concat(n)},[]);else if(i.type=="MultiPolygon")e=i.coordinates.reduce((t,n)=>t.concat(n.reduce((s,r)=>s.concat(r),[])),[]);else if(i.type=="Feature")if(L(i)||G(i)){const t=tt(i);e=[[t[0],t[1]],[t[2],t[3]]]}else e=Tt(i.geometry);else i.type=="GeometryCollection"?e=i.geometries.reduce((t,n)=>t.concat(Tt(n)),[]):i.type=="FeatureCollection"&&(e=i.features.reduce((t,n)=>t.concat(Tt(n)),[]));return e}function us(i,e,t){const n=Math.atan2(i.y-e.y,i.x-e.x);return{x:e.x+t*Math.cos(n),y:e.y+t*Math.sin(n)}}function kt(i,e){if(!e)return{x:i.clientX,y:i.clientY};const t=e.getBoundingClientRect();return{x:i.clientX-t.left-e.clientLeft,y:i.clientY-t.top-e.clientTop}}function gs(i,e){return i.startsWith("#")?tn(i,e):i.startsWith("rgb")?en(i,e):i}function fs(i){if(i.startsWith("#")){const e=Ut(i),t=parseInt(e.slice(1,3),16),n=parseInt(e.slice(3,5),16),s=parseInt(e.slice(5,7),16);return{r:t,g:n,b:s,a:1}}else{const e=i.match(/rgba?\((\d+),\s*(\d+),\s*(\d+)(?:,\s*([0-9.]+))?\)/);if(!e)throw new Error(`Invalid RGB color: ${i}`);return{r:parseInt(e[1]),g:parseInt(e[2]),b:parseInt(e[3]),a:e[4]!==void 0?parseFloat(e[4]):1}}}function Ut(i){return i.length===4?i.split("").map(e=>e+e).join(""):i}function tn(i,e){const[t,n,s]=Ut(i).match(/\w\w/g).map(r=>parseInt(r,16));return`rgba(${t}, ${n}, ${s}, ${e})`}function en(i,e){const[t,n,s]=i.match(/\d+/g).map(r=>parseInt(r,10));return`rgba(${t}, ${n}, ${s}, ${e})`}function he(){return typeof window<"u"?window:void 0}const de=(i,e=16)=>{let t=!1;const n=Math.max(1,Math.round(e*60/1e3)),s=r=>{requestAnimationFrame(()=>{r>1?s(r-1):t=!1})};return(...r)=>{t||(i(...r),t=!0,s(n))}},ms=(i,e)=>{let t;return(...s)=>{clearTimeout(t),t=setTimeout(()=>i(...s),e)}};function ps(i,e){let t;return function(...n){clearTimeout(t),t=setTimeout(()=>{i.apply(this,n)},e)}}function nn(i){if((G(i)||L(i))&&i.geometry.type==="Polygon"){const e=i.geometry.coordinates[0],t=e[0][0],n=e[0][1],s=e[2][0],r=e[2][1],o=s-t,a=r-n,l=t+o/2,h=n+a/2;return{...i,geometry:{type:"Point",coordinates:[l,h],bbox:[t,n,s,r]},properties:{...i.properties,width:o,height:a}}}return i}function ue(i,e){let t,n,s,r=1;const o=i.trim();if(o.startsWith("#")){const d=(o.length===4?Ut(o):o).match(/#?(\w{2})(\w{2})(\w{2})/);if(!d)return i;t=parseInt(d[1],16),n=parseInt(d[2],16),s=parseInt(d[3],16)}else{const c=o.match(/rgba?\((\d+),\s*(\d+),\s*(\d+)(?:,\s*([0-9.]+))?\)/);if(!c)return i;t=parseInt(c[1]),n=parseInt(c[2]),s=parseInt(c[3]),r=c[4]!==void 0?parseFloat(c[4]):1}const a=e*100,h=.299*t+.587*n+.114*s>186?-a/2:a;return t=Math.max(0,Math.min(255,t+Math.round(2.55*h))),n=Math.max(0,Math.min(255,n+Math.round(2.55*h))),s=Math.max(0,Math.min(255,s+Math.round(2.55*h))),`rgba(${t},${n},${s},${r})`}const wt=i=>ue(i,ee),ys=i=>ue(i,-ee),I=(i,e)=>({x:i.x-e.x,y:i.y-e.y}),V=i=>Math.sqrt(i.x*i.x+i.y*i.y),ws=i=>({x:-i.x,y:-i.y}),qt=i=>{const e=V(i);return e===0?{x:0,y:0}:{x:i.x/e,y:i.y/e}},ht=(i,e)=>({x:i.x+e.x,y:i.y+e.y}),nt=(i,e)=>({x:i.x*e,y:i.y*e}),sn=(i,e)=>{const t=Math.sin(e),n=Math.cos(e);return{x:i.x*n-i.y*t,y:i.x*t+i.y*n}},xt=(i,e)=>i.x*e.x+i.y*e.y,xs=(i,e)=>i.x*e.y-i.y*e.x,J=i=>i.properties.type==="arrow";function ge(i,e,t){const{start:n,end:s}=Xt(i),r=I(e,n),o=i.properties.style.strokeWidth,a=I(s,n),l=V(a),h=xt(r,qt(a));return h>0&&h<l&&Math.abs(xs(r,qt(a)))<o/2+t}const dt={strokeType:"plain",strokeColor:"#202020",strokeWidth:1,head:"none",tail:"none"},bs={id:void 0,type:"Feature",properties:{type:"arrow",style:{...dt}},geometry:{type:"LineString",coordinates:[[0,0],[100,100]]}},Mt=(i=0,e=0,t=0,n=0,s={...dt})=>({id:at(),type:"Feature",properties:{type:"arrow",style:{...dt,...s}},geometry:{type:"LineString",coordinates:[[i,e],[t,n]]}}),G=i=>i.properties.type==="box";function rn(i,e,t=0,n=1,s=0){const r=lt(i),{width:o,height:a}=z(i),l=e.x-r.x,h=e.y-r.y,c=l*n-h*t,d=l*t+h*n;return c>-s&&c<o+s&&d>-s&&d<a+s}const bt={background:"#f5f5f5",strokeWidth:0,borderRadius:8,padding:16,strokeType:"plain"},Ss={id:void 0,type:"Feature",properties:{type:"box",width:100,height:50,style:{...bt}},geometry:{type:"Point",coordinates:[50,25],bbox:[0,0,100,50]}},fe=(i=0,e=0,t=100,n=50,s={...bt})=>({id:at(),type:"Feature",properties:{type:"box",width:t,height:n,style:{...bt,...s}},geometry:{type:"Point",coordinates:[i+t/2,e+n/2]}}),L=i=>i.properties.type==="text",$={font:"sans-serif",fontSize:18,color:"#505050",background:"#f5f5f5",strokeWidth:0,borderRadius:8,padding:16,strokeType:"plain",fixedSize:!1},vs={id:at(),type:"Feature",properties:{type:"text",content:"",width:100,height:50,style:{...$}},geometry:{type:"Point",coordinates:[50,25],bbox:[0,0,100,50]}},me=(i=0,e=0,t=100,n=50,s="",r={...$})=>({id:at(),type:"Feature",properties:{type:"text",content:s,width:t,height:n,style:{...$,...r}},geometry:{type:"Point",coordinates:[i+t/2,e+n/2],bbox:[i,e,i+t,e+n]}});function pe(i,e,t=0,n=0,s=1,r=1){var p;const[o,a]=i.geometry.coordinates;let{width:l,height:h}=z(i);(p=i.properties.style)!=null&&p.fixedSize&&(l/=r,h/=r);const c=l/2,d=h/2,u=e.x-o,g=e.y-a,f=u*s-g*n,m=u*n+g*s;return f>-c-t&&f<c+t&&m>-d-t&&m<d+t}const H=i=>i.properties.type==="comment",Q={background:"#FFFACD",padding:8,borderRadius:4,strokeColor:"#DDD",strokeWidth:1,strokeType:"plain",iconColor:"#FFCB2F",iconSymbol:"💬",iconBorderColor:"#aaa",iconBorderWidth:2,minHeight:60,maxHeight:480,iconSize:32,color:"#333",font:"Arial, sans-serif",fontSize:12,showSendButton:!0,autoGrow:!0,fixedSize:!0},Wt={mode:"expanded",width:200,height:60,style:Q};function ye(i,e,t,n){const s={type:"comment",content:t,mode:(n==null?void 0:n.mode)??Wt.mode,width:(n==null?void 0:n.width)??Wt.width,height:(n==null?void 0:n.height)??Wt.height,author:n==null?void 0:n.author,timestamp:n==null?void 0:n.timestamp,style:{...Q,...n==null?void 0:n.style}};return{id:at(),type:"Feature",properties:s,geometry:{type:"Point",coordinates:[i,e]}}}function As(i){return{...i,properties:{...i.properties,mode:i.properties.mode===et?$t:et}}}function on(i,e,t=0,n,s,r=1){if(i.properties.mode!==et)return pe(i,e,t,n,s,r);const o=i.properties,a={...Q,...o.style};let l=a.iconSize,h=a.iconSize;a.fixedSize&&(l/=r,h/=r);const c=l/2,d=h/2,u=e.x-i.geometry.coordinates[0],g=e.y-i.geometry.coordinates[1];return u>=-c-t&&u<=c+t&&g>=-d-t&&g<=d+t}function Es(i){const[e,t]=i.geometry.coordinates;return{x:e,y:t}}function Cs(i){const e=i.properties,t={...Q,...e.style};return e.mode===et?{width:t.iconSize,height:t.iconSize}:{width:e.width,height:e.height}}function an(i,e=80){const t=e/i.properties.width;return Math.max(.1,Math.min(1,t))}function Ts(i){const e={...Q,...i.properties.style};return e.collapseZoomThreshold!==void 0?e.collapseZoomThreshold:an(i)}function ks(i,e,t,n,s="",r){const o=ye(t,n,s,r==null?void 0:r.commentStyle),a={...dt,head:"arrow",...r==null?void 0:r.arrowStyle},l=Mt(t,n,i,e,a);return l.properties.link={[q]:{id:o.id,side:q,type:"comment",magnet:{x:0,y:0}}},{comment:o,arrow:l}}function Ms(i,e,t,n,s,r,o,a,l){const h=i-o,c=e-a,d=o+h*r-c*s,u=a+h*s+c*r,g=o+(h+t)*r-c*s,f=a+(h+t)*s+c*r,m=o+(h+t)*r-(c+n)*s,p=a+(h+t)*s+(c+n)*r,b=o+h*r-(c+n)*s,S=a+h*s+(c+n)*r;return l[0]=Math.min(d,g,m,b),l[1]=Math.min(u,f,p,S),l[2]=Math.max(d,g,m,b),l[3]=Math.max(u,f,p,S),l}function Ps(i,e,t){const n=t.x-e.x,s=t.y-e.y,r=n*n+s*s;if(r===0){const d=i.x-e.x,u=i.y-e.y;return Math.sqrt(d*d+u*u)}let o=((i.x-e.x)*n+(i.y-e.y)*s)/r;o=Math.max(0,Math.min(1,o));const a=e.x+o*n,l=e.y+o*s,h=i.x-a,c=i.y-l;return Math.sqrt(h*h+c*c)}const st=i=>i.properties.type==="polygon";function we(i,e,t=0){const n=i.geometry.coordinates[0],s=i.geometry.bbox;if(s){const[o,a,l,h]=s;if(e.x<o-t||e.x>l+t||e.y<a-t||e.y>h+t)return!1}let r=!1;for(let o=0,a=n.length-1;o<n.length;a=o++){const l=n[o][0],h=n[o][1],c=n[a][0],d=n[a][1];h>e.y!=d>e.y&&e.x<(c-l)*(e.y-h)/(d-h)+l&&(r=!r)}if(r)return!0;if(t>0)for(let o=0;o<n.length-1;o++){const[a,l]=n[o],[h,c]=n[o+1];if(Ps(e,{x:a,y:l},{x:h,y:c})<=t)return!0}return!1}function ln(i,e){const t=i[0];t.length>0&&(t[0][0]!==t[t.length-1][0]||t[0][1]!==t[t.length-1][1])&&t.push([t[0][0],t[0][1]]);let n=1/0,s=1/0,r=-1/0,o=-1/0;for(const[d,u]of t)d<n&&(n=d),d>r&&(r=d),u<s&&(s=u),u>o&&(o=u);const a=[n,s,r,o],{id:l,style:h,...c}=e||{};return{type:"Feature",id:l||at(),geometry:{type:"Polygon",coordinates:i,bbox:a},properties:{type:"polygon",style:{...rt,...h},...c}}}const rt={...bt,strokeColor:"#000000",strokeWidth:2,background:"transparent"},Ds={type:"polygon",style:{...rt}},xe=i=>i.type==="FeatureCollection";function be(i){return/^#([0-9A-Fa-f]{3}|[0-9A-Fa-f]{6})$/.test(i.trim())}function Se(i){return/^rgb\(\s*\d+\s*,\s*\d+\s*,\s*\d+\s*\)$/.test(i.trim())}function ve(i){return/^rgba\(\s*\d+\s*,\s*\d+\s*,\s*\d+\s*,\s*[0-9.]+\s*\)$/.test(i.trim())}function cn(i){return be(i)||Se(i)||ve(i)}function Fs(i){if(cn(i))return i;throw new Error(`Invalid color format: ${i}`)}function _s(i){if(be(i))return i;throw new Error(`Invalid hex color format: ${i}`)}function Ls(i){if(Se(i))return i;throw new Error(`Invalid RGB color format: ${i}`)}function Hs(i){if(ve(i))return i;throw new Error(`Invalid RGBA color format: ${i}`)}class Is{constructor(e){y(this,"previousZoom",-1);this.store=e}toggleComment(e){const t=this.store.getState().getFeature(e);if(!t||!H(t))return;const n=t;this.store.getState().applyLiveUpdate(e,{properties:{...n.properties,mode:n.properties.mode==="collapsed"?"expanded":"collapsed"}})}updateCommentModesForZoom(e){if(Math.abs(this.previousZoom-e)<5e-4)return;this.previousZoom=e;const t=this.store.getState(),n=t.features,s={};Object.values(n).forEach(r=>{if(H(r)){const o=r,a=this.getCommentZoomThreshold(o),l=e<a?et:$t;if(o.properties.mode===l)return;s[o.id]={properties:{...o.properties,mode:l}}}}),t.applyLiveUpdates(s)}getCommentZoomThreshold(e){const t={...e.properties.style};if(t.collapseZoomThreshold!==void 0)return t.collapseZoomThreshold;const s=80/e.properties.width;return Math.max(.1,Math.min(1,s))}}class Gt extends EventTarget{constructor(t,n){super();y(this,"annotation",null);y(this,"ogma");y(this,"dragging",!1);y(this,"dragStartPoint");y(this,"hoveredHandle");y(this,"ogmaPanningOption",!1);y(this,"store");y(this,"draggingWasEnabled",!0);y(this,"handleMouseMove",t=>{if(t.target instanceof HTMLTextAreaElement||!this.isActive())return;const n=this.store.getState();if(!this.dragging&&n.mousePressed&&n.mousePressPoint&&(this.detectHandle(t,this.ogma.view.getZoom()),this.hoveredHandle)){this.dragStartPoint=n.mousePressPoint,this.onDragStart(t),this.dispatchEvent(new Event(yt)),this.disablePanning();return}this.dragging?this.dragStartPoint&&this.onDrag(t):this.detectHandle(t,this.ogma.view.getZoom())});y(this,"handleMouseDown",t=>{t.target instanceof HTMLTextAreaElement||!this.isActive()||this.dragging||(this.hoveredHandle||this.detectHandle(t,this.ogma.view.getZoom()),this.hoveredHandle&&(t.preventDefault(),t.stopPropagation(),this.dragStartPoint=this.clientToCanvas(t),this.onDragStart(t),this.dispatchEvent(new Event(yt)),this.disablePanning()))});y(this,"disablePanning",()=>{var t,n;this.ogmaPanningOption=!!((n=(t=this.ogma.getOptions().interactions)==null?void 0:t.pan)!=null&&n.enabled),this.ogma.setOptions({interactions:{pan:{enabled:!1},drag:{enabled:!1}}})});y(this,"restorePanning",()=>{this.ogma.setOptions({interactions:{pan:{enabled:!0},drag:{enabled:!0}}})});y(this,"handleMouseUp",t=>{!this.isActive()||!this.dragging||(this.restorePanning(),this.onDragEnd(t),this.dispatchEvent(new Event(Rt)))});this.store=n,this.ogma=t,this.store.subscribe(s=>s.features,s=>{this.isActive()&&!s[this.annotation]&&this.stopEditing()})}cancelEdit(){!this.isActive()||this.annotation===null||this.clearDragState()}clearDragState(){this.dragging=!1,this.dragStartPoint=void 0,this.hoveredHandle=void 0,this.restorePanning(),this.setCursor(F.default)}commitChange(){this.getAnnotation()&&this.store.getState().commitLiveUpdates()}onDrag(t){this.dispatchEvent(new Event(Et))}onDragStart(t){return this.isActive()?(this.dragging=!0,this.dragStartPoint=this.clientToCanvas(t),this.disablePanning(),!0):!1}onDragEnd(t){return this.isActive()?(this.restorePanning(),this.dragging=!1,!0):!1}clientToCanvas(t){const n=this.ogma,s=kt(t,n.getContainer());return n.view.screenToGraphCoordinates(s)}setAnnotation(t){if(this.annotation=t?t.id:null,this.annotation!==null){const n=this.ogma.getContainer();if(n){const s=he()||n;s.addEventListener("mousemove",this.handleMouseMove),s.addEventListener("mouseup",this.handleMouseUp,!1),n.addEventListener("mousedown",this.handleMouseDown,!0)}}else{const n=this.ogma.getContainer();if(n){const s=he()||n;s.removeEventListener("mousemove",this.handleMouseMove),s.removeEventListener("mouseup",this.handleMouseUp),n.removeEventListener("mousedown",this.handleMouseDown)}this.clearDragState(),this.setCursor(F.default)}}getAnnotation(){return this.store.getState().getFeature(this.annotation)}setCursor(t){var s;const n=(s=this.ogma.getContainer())==null?void 0:s.firstChild;n&&(n.style.cursor=t)}stopEditing(){this.isActive()&&this.setAnnotation(null)}cancelDrawing(){if(!this.isActive())return;const t=this.store.getState();t.drawingFeature===this.annotation&&t.removeFeature(this.annotation),this.stopEditing()}isActive(){return this.annotation!==null}}class Bs extends Gt{constructor(t,n,s,r,o,a,l){super(t,n);y(this,"links");y(this,"snapping");y(this,"arrowHandler");y(this,"arrowStyle");y(this,"offsetX");y(this,"offsetY");y(this,"comment");y(this,"startX",0);y(this,"startY",0);y(this,"onArrowComplete",()=>{var b;this.arrowHandler.removeEventListener("dragend",this.onArrowComplete);const t=this.store.getState(),n=Array.from(t.selectedFeatures);if(n.length===0)return;const s=t.getFeature(n[0]);if(!s||!J(s))return;const r=s.geometry.coordinates[0],o=s.geometry.coordinates[1],a=o[0]-this.startX,l=o[1]-this.startY,h=Math.sqrt(a*a+l*l);let c,d;h<5?(c=this.startX+this.offsetX,d=this.startY+this.offsetY):(c=o[0],d=o[1]);const u=this.comment;u.geometry.coordinates=[c,d],t.addFeature(u),this.store.setState({drawingFeature:u.id});const g=u.properties.height,f=c,m=d+g*.5;this.snapArrowStart(s,r[0],r[1]);const p=(b=s.properties.link)==null?void 0:b.start;t.updateFeature(s.id,{...s,geometry:{...s.geometry,coordinates:[[f,m],r]},properties:{...s.properties,link:{start:{side:q,id:u.id,type:P.COMMENT,magnet:{x:0,y:.5}},end:p?{side:it,id:p.id,type:p.type,magnet:p.magnet}:void 0}}}),this.links.add(s,q,u.id,P.COMMENT,{x:0,y:.5}),p&&p.magnet&&this.links.add(s,it,p.id,p.type,p.magnet),t.setSelectedFeatures([u.id]),this.store.setState({drawingFeature:null})});this.links=s,this.arrowHandler=o,this.snapping=r,this.offsetX=(l==null?void 0:l.offsetX)??100,this.offsetY=(l==null?void 0:l.offsetY)??-50,this.arrowStyle=l==null?void 0:l.arrowStyle,this.comment=a}detectHandle(t,n){}startDrawing(t,n,s){var o;this.startX=n,this.startY=s;const r=Mt(n,s,n,s,{...dt,head:"arrow",...(o=this.arrowStyle)==null?void 0:o.style});this.store.getState().addFeature(r),this.store.setState({drawingFeature:r.id}),this.arrowHandler.addEventListener("dragend",this.onArrowComplete),this.store.getState().setSelectedFeatures([r.id]),this.arrowHandler.startDrawing(r.id,n,s)}snapArrowStart(t,n,s){const r=this.snapping.snap({x:n,y:s});r&&(t.geometry.coordinates[0]=[r.point.x,r.point.y],t.properties.link={start:{side:q,id:r.id,type:r.type,magnet:r.magnet}},this.links.add(t,q,r.id,r.type,r.magnet))}}function Rs(i,e,t,n,s){const{width:r,height:o}=n.view.getSize(),a=8,l=16,h=a*l,c={width:150,height:50},d=c.width,u=c.height,g=Math.max(r,o),f=200,m={minX:0,minY:0,maxX:0,maxY:0},p=n.view.graphToScreenCoordinates({x:i,y:e});for(let b=0;b<h;b++){const S=b%a,v=Math.floor(b/a),A=2*Math.PI*(S/a),x=f+v/l*(g-f),C=Math.cos(A)*x,E=Math.sin(A)*x,T=p.x+C,M=p.y+E;if(m.minX=T,m.minY=M-u/2,m.maxX=T+d,m.maxY=M+u/2,C<0&&(m.minX-=d,m.maxX-=d),m.minX<0||m.maxX>r||m.minY<0||m.maxY>o)continue;const D=n.view.screenToGraphCoordinates({x:m.minX,y:m.minY}),j=n.view.screenToGraphCoordinates({x:m.maxX,y:m.maxY});if(m.minX=D.x,m.minY=D.y,m.maxX=j.x,m.maxY=j.y,!t.query(m).filter(X=>X.properties.type!=="arrow").length)return n.view.screenToGraphCoordinates({x:T,y:M})}return n.view.screenToGraphCoordinates({x:r/2,y:o/2})}class zs{constructor(e,t,n,s,r,o,a){y(this,"ogma");y(this,"store");y(this,"editor");y(this,"interactions");y(this,"links");y(this,"control");y(this,"index");y(this,"pendingDrawingListener",null);this.ogma=e,this.store=t,this.editor=n,this.interactions=s,this.links=r,this.control=o,this.index=a}cancelPendingDrawing(){this.pendingDrawingListener&&(this.ogma.events.off(this.pendingDrawingListener),this.pendingDrawingListener=null)}isDrawing(){return this.store.getState().drawingFeature!==null}enableDrawingMode(e){this.control.unselect().cancelDrawing();const t=n=>{this.ogma.events.off(t),this.pendingDrawingListener=null;const{x:s,y:r}=this.ogma.view.screenToGraphCoordinates(n);e(s,r)};return this.pendingDrawingListener=t,this.ogma.events.once("mousedown",t),this.control}enableArrowDrawing(e){return this.enableDrawingMode((t,n)=>{const s=Mt(t,n,t,n,e);this.startArrow(t,n,s)})}enableTextDrawing(e){return this.enableDrawingMode((t,n)=>{const s=me(t,n,0,0,void 0,e);this.startText(t,n,s)})}enableBoxDrawing(e){return this.enableDrawingMode((t,n)=>{const s=fe(t,n,0,0,e);this.startBox(t,n,s)})}enablePolygonDrawing(e){return this.enableDrawingMode((t,n)=>{const s=ln([[[t,n]]],{style:e});this.startPolygon(t,n,s)})}enableCommentDrawing(e={}){return this.enableDrawingMode((t,n)=>{let s=e.offsetX,r=e.offsetY;if(s===void 0&&r===void 0){const a=Rs(t,n,this.index,this.ogma);s=a.x,r=a.y}const o=ye(t,n,"",e==null?void 0:e.commentStyle);this.startComment(t,n,o,{...e,offsetX:s,offsetY:r})})}startComment(e,t,n,s){this.editor.getActiveHandler()&&this.editor.getActiveHandler().stopEditing(),this.control.cancelDrawing(),this.store.setState({drawingFeature:n.id}),this.interactions.suppressClicksTemporarily(200);const r=new Bs(this.ogma,this.store,this.links,this.editor.getSnapping(),this.editor.getArrowHandler(),n,s),o=a=>{var l;a.id===n.id&&(this.control.select(a.id),this.control.off(Nt,o),(l=this.editor.getActiveHandler())==null||l.startEditingText())};return this.control.on(Nt,o),r.startDrawing(n.id,e,t),this.control}startBox(e,t,n){return n||(n=fe(e,t)),this.store.setState({drawingFeature:n.id}),this.control.add(n),this.interactions.suppressClicksTemporarily(200),this.control.select(n.id),this.editor.getActiveHandler().startDrawing(n.id,e,t),this.control}startArrow(e,t,n){return n||(n=Mt(e,t)),this.editor.getActiveHandler()&&this.editor.getActiveHandler().stopEditing(),this.control.cancelDrawing(),this.store.setState({drawingFeature:n.id}),this.control.add(n),this.interactions.suppressClicksTemporarily(200),this.control.select(n.id),this.editor.getActiveHandler().startDrawing(n.id,e,t),this.control}startText(e,t,n){return n||(n=me(e,t)),this.store.setState({drawingFeature:n.id}),this.control.add(n),this.interactions.suppressClicksTemporarily(200),this.control.select(n.id),this.editor.getActiveHandler().startDrawing(n.id,e,t),this.control}startPolygon(e,t,n){return this.store.setState({drawingFeature:n.id}),this.control.add(n),this.interactions.suppressClicksTemporarily(200),this.control.select(n.id),this.editor.getActiveHandler().startDrawing(n.id,e,t),this.control}}class Ns{constructor(e,t){this.store=e,this.links=t}undo(){return this.canUndo()?(this.store.temporal.getState().undo(),this.links.refresh(),!0):!1}redo(){return this.canRedo()?(this.store.temporal.getState().redo(),this.links.refresh(),!0):!1}canUndo(){return this.store.temporal.getState().pastStates.length>0}canRedo(){return this.store.temporal.getState().futureStates.length>0}clearHistory(){this.store.temporal.getState().clear()}}class Os{constructor(e){this.store=e}select(e){const t=Array.isArray(e)?e:[e];this.store.getState().setSelectedFeatures(t)}unselect(e){const t=Array.isArray(e)?e:[e];if(e===void 0)this.store.getState().setSelectedFeatures([]);else{const n=new Set(t),s=Array.from(this.store.getState().selectedFeatures).filter(r=>!n.has(r));this.store.getState().setSelectedFeatures(s)}}getSelectedAnnotations(){const e=this.store.getState();return{type:"FeatureCollection",features:Array.from(e.selectedFeatures).map(t=>e.features[t])}}getSelected(){const e=this.store.getState(),t=Array.from(e.selectedFeatures)[0];return t?e.features[t]:null}}class $s{constructor(e){this.store=e}add(e){if(xe(e))for(const t of e.features)this.add(t);else{const t=nn(e);this.store.getState().addFeature(t)}}remove(e){if(xe(e))for(const t of e.features)this.remove(t);else this.store.getState().removeFeature(e.id)}getAnnotations(){const e=this.store.getState().features;return{type:"FeatureCollection",features:Object.values(e)}}getAnnotation(e){return this.store.getState().getFeature(e)}updateStyle(e,t){const n=this.store.getState().getFeature(e);n&&this.store.getState().updateFeature(e,{id:e,properties:{...n.properties,style:{...n.properties.style,...t}}})}update(e){var s;const t=this.store.getState(),n=t.getFeature(e.id);n&&t.updateFeature(e.id,{...n,...e,properties:{...n.properties,...e.properties,style:{...n.properties.style,...(s=e.properties)==null?void 0:s.style}},geometry:{...n.geometry,...e.geometry}})}setScale(e,t,n,s){const r=this.store.getState().getFeature(e);if(!r)return;const o=this.store.getState();if(J(r)){const a=r.geometry.coordinates.map(([l,h])=>{const c=l-n,d=h-s;return[n+c*t,s+d*t]});o.updateFeature(e,{geometry:{...r.geometry,coordinates:a}})}else if(L(r)||G(r)){const[a,l]=r.geometry.coordinates,h=a-n,c=l-s,d=n+h*t,u=s+c*t,g=r.properties.width*t,f=r.properties.height*t;o.updateFeature(e,{properties:{...r.properties,width:g,height:f},geometry:{...r.geometry,coordinates:[d,u]}})}}}function Ae(i){var t,n;const e=i.properties.link;return e?((t=e.start)==null?void 0:t.type)===P.COMMENT||((n=e.end)==null?void 0:n.type)===P.COMMENT:!1}function hn(i){var e,t;return((t=(e=i.properties.link)==null?void 0:e.start)==null?void 0:t.type)!==P.COMMENT}function Ys(i){return!0}class Xs extends Gt{constructor(t,n,s,r){super(t,n);y(this,"snapping");y(this,"links");y(this,"snap",null);this.snapping=s,this.links=r}detectHandle(t){const n=this.getAnnotation(),s=this.clientToCanvas(t),r=te,o=n.geometry.coordinates[0],a=n.geometry.coordinates[1],l=Math.sqrt(Math.pow(s.x-o[0],2)+Math.pow(s.y-o[1],2)),h=Math.sqrt(Math.pow(s.x-a[0],2)+Math.pow(s.y-a[1],2));l<r?this.grabHandle("start",o[0],o[1]):h<r?this.grabHandle("end",a[0],a[1]):ge(n,s,r)?(this.setCursor(F.grab),this.hoveredHandle={type:"body",point:s},this.store.setState({hoveredHandle:2})):(this.store.setState({hoveredHandle:-1}),this.hoveredHandle=void 0)}grabHandle(t,n,s){this.hoveredHandle={type:t,point:{x:n,y:s}},this.store.setState({hoveredHandle:t==="start"?0:1}),this.setCursor(F.move)}onDrag(t){var h;if(!(this.dragStartPoint||!this.hoveredHandle)||!this.isActive())return;t.stopPropagation(),t.stopImmediatePropagation();const n=this.clientToCanvas(t),s=this.hoveredHandle,r=this.getAnnotation();this.snap=this.snapping.snap(n);const o=((h=this.snap)==null?void 0:h.point)||n,a=r.properties.link||{},l=[...r.geometry.coordinates];if(s.type==="start")l[0]=[o.x,o.y],this.snap&&(a.start={side:s.type,id:this.snap.id,type:this.snap.type,magnet:this.snap.magnet});else if(s.type==="end")l[1]=[o.x,o.y],this.snap&&(a.end={side:s.type,id:this.snap.id,type:this.snap.type,magnet:this.snap.magnet});else if(s.type==="body"){const c=o.x-s.point.x,d=o.y-s.point.y,u=r.geometry.coordinates[0],g=r.geometry.coordinates[1];l[0]=[u[0]+c,u[1]+d],l[1]=[g[0]+c,g[1]+d]}this.store.getState().applyLiveUpdate(r.id,{id:r.id,properties:{...r.properties,link:a},geometry:{type:r.geometry.type,coordinates:l}}),this.dispatchEvent(new CustomEvent(Et,{detail:{point:o,annotation:this.annotation,handle:s}}))}onDragStart(t){if(!super.onDragStart(t))return!1;const n=this.getAnnotation(),s=this.hoveredHandle;return s.type==="body"&&Ae(n)||s.type==="end"&&!1||s.type==="start"&&!hn(n)?(this.clearDragState(),!1):(this.store.getState().startLiveUpdate([this.annotation]),!0)}onDragEnd(t){if(!super.onDragEnd(t))return!1;if(this.snap&&this.hoveredHandle){const s=this.hoveredHandle;s.type!=="body"&&this.links.add(this.getAnnotation(),s.type,this.snap.id,this.snap.type,this.snap.magnet)}else if(this.snap===null&&this.hoveredHandle){const s=this.getAnnotation(),r=this.hoveredHandle.type;if(s.properties.link&&s.properties.link[r]){this.links.remove(s,r);const o={...s.properties.link};delete o[r],this.store.getState().applyLiveUpdate(s.id,{properties:{...s.properties,link:o}})}}return this.store.getState().drawingFeature===this.annotation&&this.store.setState({drawingFeature:null}),this.commitChange(),this.clearDragState(),this.snap=null,!0}snapDrawingStart(t,n,s){const r=this.snapping.snap({x:n,y:s});if(r){const o={geometry:{...t.geometry,coordinates:[[r.point.x,r.point.y],t.geometry.coordinates[1]]},properties:{...t.properties,link:{start:{side:q,id:r.id,type:r.type,magnet:r.magnet}}}},a=this.store.getState();a.applyLiveUpdate(t.id,o),a.updateFeature(t.id,o),this.links.add(t,"start",r.id,r.type,r.magnet)}}startDrawing(t,n,s){this.annotation=t;const r=this.getAnnotation();this.snapDrawingStart(r,n,s),this.grabHandle("end",n,s),this.dragging=!0,this.dragStartPoint={x:n,y:s};const o=this.ogma.view.graphToScreenCoordinates({x:n,y:s});this.onDragStart({clientX:o.x,clientY:o.y})}link(t,n,s){let r=Ct(t,s);const o=t.properties.link||{};let a=null;if(n instanceof O.Node)r=n.getPosition(),a=this.snapping.snapToNodes(r,n.toList());else{const l=this.store.getState().getFeature(n);if(!l)throw new Error(`Annotation with id ${n} not found`);if(L(l)||G(l))r=W(l),a=this.snapping.snapToText(r,[l]);else if(st(l))r=oe(l),a=this.snapping.snapToPolygon(r,[l]);else throw new Error(`Cannot link arrow to annotation of type ${l.properties.type}`)}a&&(o[s]={side:s,id:a.id,type:a.type,magnet:a.magnet},this.links.add(t,s,a.id,a.type,a.magnet),Qe(t,s,r.x,r.y),this.store.getState().updateFeature(t.id,{properties:{...t.properties,link:o},geometry:{type:t.geometry.type,coordinates:t.geometry.coordinates}}))}}class Us extends Gt{constructor(t,n,s){super(t,n);y(this,"links");y(this,"isDrawingMode",!1);y(this,"simplificationTolerance",5);y(this,"handleMouseDown",t=>{!this.isActive()||this.dragging||!this.hoveredHandle||(t.preventDefault(),t.stopPropagation(),this.dragStartPoint=this.clientToCanvas(t),this.onDragStart(t),this.dispatchEvent(new Event(yt)),this.disablePanning())});this.links=s}startDrawing(t,n,s){this.annotation=t,this.isDrawingMode=!0;const r=this.store.getState();r.startLiveUpdate([t]),r.setDrawingPoints([]);const o=this.ogma.view.graphToScreenCoordinates({x:n,y:s});return this.dragStartPoint=o,this.disablePanning(),this.onDragStart({clientX:o.x,clientY:o.y}),this}cancelDrawing(){this.isDrawingMode&&(this.isDrawingMode=!1,this.annotation&&(this.store.getState().removeFeature(this.annotation),this.annotation=null)),this.restorePanning()}detectHandle(t,n=1){const s=this.getAnnotation();if(!s)return;const r=this.clientToCanvas(t),o=te/n,a=s.geometry.coordinates[0];for(let l=0;l<a.length-1;l++){const[h,c]=a[l];if(Math.sqrt(Math.pow(r.x-h,2)+Math.pow(r.y-c,2))<o*2){this.grabHandle("vertex",h,c,l);return}}we(s,r,o)?(this.setCursor(F.grab),this.hoveredHandle={type:"body",point:r},this.store.setState({hoveredHandle:-1})):(this.store.setState({hoveredHandle:-1}),this.hoveredHandle=void 0)}grabHandle(t,n,s,r){this.setCursor(t==="vertex"?F.pointer:F.grab),this.hoveredHandle={type:t,point:{x:n,y:s},vertexIndex:r},this.store.setState({hoveredHandle:r??0})}onDragStart(t){if(this.isDrawingMode){const n=this.clientToCanvas(t);this.dragging=!0;const s=this.getAnnotation();if(s){const r=[[n.x,n.y],[n.x,n.y]],o=this.store.getState();o.setDrawingPoints(r),o.applyLiveUpdate(s.id,{...s,geometry:{type:"Polygon",coordinates:[r],bbox:[n.x,n.y,n.x,n.y]}})}return this.dragStartPoint=n,!0}return this.hoveredHandle?(this.dragging=!0,this.setCursor(F.grabbing),this.store.getState().startLiveUpdate([this.annotation]),!0):!1}onDrag(t){if(this.isDrawingMode&&this.dragging){const a=this.clientToCanvas(t),l=this.store.getState(),h=this.getAnnotation();if(!h)return;const c=l.liveUpdates[this.annotation],d=c?{...h,...c}:h,g=l.drawingPoints.slice(0,-1),f=[...g,[a.x,a.y],g[0]];l.setDrawingPoints(f);const m=ie(f,this.simplificationTolerance,!1),p=[...m,m[0]];l.applyLiveUpdate(this.annotation,{...d,geometry:{type:"Polygon",coordinates:[p]}});return}if(!this.dragging||!this.dragStartPoint||!this.hoveredHandle)return;const n=this.clientToCanvas(t),s=n.x-this.dragStartPoint.x,r=n.y-this.dragStartPoint.y,o=this.getAnnotation();if(o){if(this.hoveredHandle.type==="body"){const a=Ve(o,s,r);this.store.getState().applyLiveUpdate(o.id,a),this.links.updateLinkedArrowsDuringDrag(o.id,{x:s,y:r})}else if(this.hoveredHandle.type==="vertex"&&this.hoveredHandle.vertexIndex!==void 0){const a=o.geometry.coordinates[0].map((h,c)=>c===this.hoveredHandle.vertexIndex?[this.hoveredHandle.point.x+s,this.hoveredHandle.point.y+r]:c===o.geometry.coordinates[0].length-1&&this.hoveredHandle.vertexIndex===0?[this.hoveredHandle.point.x+s,this.hoveredHandle.point.y+r]:h),l={...o,geometry:{...o.geometry,coordinates:[a]}};ae(l),this.store.getState().applyLiveUpdate(o.id,l)}this.dispatchEvent(new Event(Et))}}onDragEnd(){if(this.isDrawingMode&&this.dragging){const n=this.store.getState(),s=this.getAnnotation();if(s){const r=n.drawingPoints;if(r.length<3)this.cancelDrawing();else{const o=ie(r.slice(1,-1),this.simplificationTolerance,!0),a={...s,geometry:{type:"Polygon",coordinates:[o]}};ct(a),this.store.getState().applyLiveUpdate(s.id,a),this.store.setState({drawingFeature:null}),this.commitChange(),this.isDrawingMode=!1,this.dragging=!1,this.restorePanning(),this.dispatchEvent(new CustomEvent(Qt,{detail:a}))}}return!0}return!this.dragging||(this.dragging=!1,this.dragStartPoint=void 0,!this.getAnnotation())?!1:(this.commitChange(),this.setCursor(F.grab),!0)}getAnnotation(){if(this.annotation)return this.store.getState().getFeature(this.annotation)}}function qs(i,e,t,n,s=20){let r=0,o=1/0,a=null;for(let l=0;l<=s;l++){const h=l/s,c=O.geometry.getPointOnQuadraticCurve(h,e.x,e.y,t.x,t.y,n.x,n.y),d=V(I(c,i));d<o&&(o=d,a=c,r=h)}return a?{t:r,point:a,distance:o}:null}function Ws(i,e,t){const n=t.x-e.x,s=t.y-e.y,r=n*n+s*s;if(r===0)return{t:0,point:{x:e.x,y:e.y},distance:V(I(e,i))};const o=Math.max(0,Math.min(1,((i.x-e.x)*n+(i.y-e.y)*s)/r)),a={x:e.x+o*n,y:e.y+o*s};return{t:o,point:a,distance:V(I(a,i))}}function Gs(i,e,t){let n=null,s=t;const r=e.getAttribute("curvature"),a=e.getExtremities().getPosition();for(let l=0;l<e.size;l++){const h=e.get(l),c=r[l],d=a[2*l],u=a[2*l+1];let g;if(c===0||c===void 0)g=Ws(i,d,u);else{const f=O.geometry.getQuadraticCurveControlPoint(d.x,d.y,u.x,u.y,c);g=qs(i,d,u,f)}g&&g.distance<s&&(s=g.distance,n={point:g.point,id:h.getId(),magnet:{x:g.t,y:0},type:P.EDGE})}return n}function js(i,e,t){const n=e.getAttributes(["x","y","radius"]);for(let s=0;s<n.length;s++){const r=n[s],o=I({x:r.x,y:r.y},i),a=V(o);if(a>=Number(r.radius)+Number(t))continue;const l=nt(o,1/a),h=a<Number(r.radius)/2,c=h?{x:r.x,y:r.y}:ht({x:r.x,y:r.y},nt(l,-Number(r.radius))),d=h?{x:0,y:0}:l;return{point:c,id:e.get(s).getId(),magnet:d,type:P.NODE}}return null}function Vs(i,e){let t=!1;for(let n=0,s=e.length-1;n<e.length;s=n++){const r=e[n][0],o=e[n][1],a=e[s][0],l=e[s][1];o>i.y!=l>i.y&&i.x<(a-r)*(i.y-o)/(l-o)+r&&(t=!t)}return t}function Zs(i,e,t,n,s){const r=i*i,o=r*i,a=1-i,l=a*a,h=l*a;return{x:h*e.x+3*l*i*t.x+3*a*r*n.x+o*s.x,y:h*e.y+3*l*i*t.y+3*a*r*n.y+o*s.y}}function Ks(i,e,t,n,s){let r=1/0,o=null;const a=20;for(let l=0;l<=a;l++){const h=l/a,c=Zs(h,e,t,n,s),d=V(I(c,i));d<r&&(r=d,o=c)}return o?{point:o,distance:r}:null}function Js(i,e,t){const n=e.geometry.coordinates[0];for(let s=0;s<n.length-1;s++){const[r,o]=n[s];if(V(I({x:r,y:o},i))<t)return{point:{x:r,y:o},magnet:{x:r,y:o},type:P.POLYGON,id:e.id}}for(let s=0;s<n.length-1;s++){const[r,o]=n[s],[a,l]=n[s+1],h={x:r,y:o},d=I({x:a,y:l},h),u=V(d),g={x:d.x/u,y:d.y/u},f={x:-g.y,y:g.x},m=I(i,h),p=Math.abs(xt(f,m)),b=xt(g,m);if(b>=0&&b<=u&&p<t){const S={x:h.x+g.x*b,y:h.y+g.y*b};return{point:S,magnet:S,type:P.POLYGON,id:e.id}}}return null}function Qs(i,e,t){for(const s of e){const o=s.geometry.coordinates[0].slice(0,-1);if(o.length<3)return Js(i,s,t);for(let c=0;c<o.length;c++){const[d,u]=o[c];if(V(I({x:d,y:u},i))<t)return{point:{x:d,y:u},magnet:{x:d,y:u},type:P.POLYGON,id:s.id}}const a=Vs(i,o);let l=null,h=a?1/0:t;for(let c=0;c<o.length;c++){const d=o[(c-1+o.length)%o.length],u=o[c],g=o[(c+1)%o.length],f=o[(c+2)%o.length],m=u[0]+(g[0]-d[0])/6*.5,p=u[1]+(g[1]-d[1])/6*.5,b=g[0]-(f[0]-u[0])/6*.5,S=g[1]-(f[1]-u[1])/6*.5,v=Ks(i,{x:u[0],y:u[1]},{x:m,y:p},{x:b,y:S},{x:g[0],y:g[1]});if(v){const A=v.distance;if(a)A<h&&(h=A,l=v.point);else if(A<t)return{point:v.point,magnet:v.point,type:P.POLYGON,id:s.id}}}if(a&&l)return{point:l,magnet:l,type:P.POLYGON,id:s.id}}return null}const dn=[{x:-.5,y:-.5},{x:0,y:-.5},{x:.5,y:-.5},{x:-.5,y:0},{x:.5,y:0},{x:-.5,y:.5},{x:0,y:.5},{x:.5,y:.5},{x:0,y:0}],ti=[[-.5,-.5,.5,-.5],[.5,-.5,.5,.5],[.5,.5,-.5,.5],[-.5,.5,-.5,-.5]];function un(i,e,t,n,s,r,o,a,l){const h=i*s,c=e*r;return l?{x:t+(h*o-c*a),y:n+(h*a+c*o)}:{x:t+h,y:n+c}}function ei(i,e,t,n,s){var c;const r=W(e);let{width:o,height:a}=z(e);const{sin:l,cos:h}=s.getState();(c=e.properties.style)!=null&&c.fixedSize&&(o/=t,a/=t);for(const d of dn){let u=d.x*o,g=d.y*a;if(!G(e)){const p=u*h-g*l,b=u*l+g*h;u=p,g=b}const f={x:r.x+u,y:r.y+g};if(!(V(I(f,i))>=n))return{point:{x:f.x,y:f.y},type:P.TEXT,magnet:d,id:e.id}}return null}function ni(i,e,t,n,s){var f;const{x:r,y:o}=W(e);let{width:a,height:l}=z(e);(f=e.properties.style)!=null&&f.fixedSize&&(a/=t,l/=t);const{sin:h,cos:c}=s.getState(),d=!G(e);let u=null,g=1/0;for(let m=0;m<4;m++){const[p,b,S,v]=ti[m],A=un(p,b,r,o,a,l,c,h,d),x=un(S,v,r,o,a,l,c,h,d),C=I(x,A),E=V(C),T={x:C.x/E,y:C.y/E},M={x:-T.y,y:T.x},D=I(i,A),j=xt(M,D),Y=xt(T,D);if(Y>=0&&Y<=E){const X=Math.abs(j);if(X<n||X<g){const gt=Y/E,ft={point:{x:A.x+T.x*Y,y:A.y+T.y*Y},magnet:{x:p+(S-p)*gt,y:b+(v-b)*gt},type:P.TEXT,id:e.id};if(X<n)return ft;X<g&&(g=X,u=ft)}}}return u&&g<Math.max(a,l)?u:null}function si(i,e,t,n,s){for(const r of e){const o=ei(i,r,t,n,s)||ni(i,r,t,n,s);if(o)return o}return null}class ii extends EventTarget{constructor(t,n,s,r){super();y(this,"ogma");y(this,"options");y(this,"spatialIndex");y(this,"hoveredNode",null);y(this,"store");this.ogma=t,this.options=n,this.spatialIndex=s,this.store=r}snap(t){const n=this.findMagnet(t);return n||null}findMagnet(t){const n=this.options.detectMargin,s={minX:t.x-n,minY:t.y-n,maxX:t.x+n,maxY:t.y+n},r=this.spatialIndex.search(s),o=r.filter(f=>L(f)||G(f)),a=r.filter(f=>st(f)),{nodes:l,edges:h}=this.ogma.view.getElementsInside(s.minX,s.minY,s.maxX,s.maxY),c=this.snapToNodes(t,l);if(c)return c;const d=this.snapToEdges(t,h);if(d)return d;const u=this.snapToText(t,o);if(u)return u;const g=this.snapToPolygon(t,a);return g||null}snapToText(t,n){const{zoom:s}=this.store.getState();return si(t,n,s,this.options.magnetRadius,this.store)}snapToPolygon(t,n){return Qs(t,n,this.options.magnetRadius)}snapToNodes(t,n){return js(t,n,this.options.detectMargin)}snapToEdges(t,n){return Gs(t,n,this.options.magnetRadius)}getHoveredNode(){return this.hoveredNode}clearHoveredNode(){var t;(t=this.hoveredNode)==null||t.setSelected(!1),this.hoveredNode=null}getMagnets(){return dn}}class ri{constructor(e,t,n,s=()=>{}){y(this,"layer");y(this,"textarea");y(this,"sendButton",null);y(this,"isFocused");y(this,"unsubscribe");y(this,"onFocus",()=>{this.isFocused=!0});y(this,"onBlur",()=>{this.getAnnotation()&&this.updateContent(),this.isFocused=!1});y(this,"onKeyup",e=>{e.key==="Escape"&&this.textarea.blur(),e.stopPropagation()});y(this,"onKeydown",e=>{e.stopPropagation()});y(this,"onWheel",e=>{e.stopPropagation()});y(this,"onInput",()=>{this.updateContent(),this.updateStyle(),this.updatePosition(),this.layer.setSize(this.getSize()),this.updateSendButtonState()});y(this,"onSendClick",e=>{e.preventDefault(),e.stopPropagation(),!(!this.sendButton||this.sendButton.disabled)&&(this.updateContent(),this.textarea.blur(),this.onSendHandler())});y(this,"update",()=>{this.getAnnotation()&&(this.updateStyle(),this.updatePosition(),this.layer.setSize(this.getSize()))});var u,g,f;this.ogma=e,this.store=t,this.annotation=n,this.onSendHandler=s;const r=this.getPosition(),o=this.getSize(),a=this.getAnnotation(),l=this.store.getState(),h=((u=l.options)==null?void 0:u.showSendButton)??!0,c=((g=l.options)==null?void 0:g.sendButtonIcon)||"",d=((f=l.options)==null?void 0:f.textPlaceholder)||"Enter text";this.layer=this.ogma.layers.addOverlay({element:`<div class="ogma-annotation-text-editor">
+</svg>`,re=`<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M12 6.00015H7.33333C6.97971 6.00015 6.64057 6.14063 6.39052 6.39068C6.14048 6.64072 6 6.97986 6 7.33348V16.6668C6 17.0204 6.14048 17.3596 6.39052 17.6096C6.64057 17.8597 6.97971 18.0002 7.33333 18.0002H16.6667C17.0203 18.0002 17.3594 17.8597 17.6095 17.6096C17.8595 17.3596 18 17.0204 18 16.6668V12.0002M16.25 5.75015C16.5152 5.48493 16.8749 5.33594 17.25 5.33594C17.6251 5.33594 17.9848 5.48493 18.25 5.75015C18.5152 6.01537 18.6642 6.37508 18.6642 6.75015C18.6642 7.12522 18.5152 7.48493 18.25 7.75015L12.2413 13.7595C12.083 13.9176 11.8875 14.0334 11.6727 14.0962L9.75733 14.6562C9.69997 14.6729 9.63916 14.6739 9.58127 14.6591C9.52339 14.6442 9.47055 14.6141 9.4283 14.5719C9.38604 14.5296 9.35593 14.4768 9.3411 14.4189C9.32627 14.361 9.32727 14.3002 9.344 14.2428L9.904 12.3275C9.96702 12.1129 10.083 11.9175 10.2413 11.7595L16.25 5.75015Z" stroke="#1A70E5" stroke-width="1.33333" stroke-linecap="round" stroke-linejoin="round"/>
+</svg>
+`;let ut=(i=21)=>crypto.getRandomValues(new Uint8Array(i)).reduce((e,t)=>(t&=63,t<36?e+=t.toString(36):t<62?e+=(t-26).toString(36).toUpperCase():t>62?e+="-":e+="_",e),"");function os(i,e){const t=i[0]-e[0],n=i[1]-e[1];return t*t+n*n}function as(i,e,t){let n=e[0],s=e[1],r=t[0]-n,o=t[1]-s;if(r!==0||o!==0){const a=((i[0]-n)*r+(i[1]-s)*o)/(r*r+o*o);a>1?(n=t[0],s=t[1]):a>0&&(n+=r*a,s+=o*a)}return r=i[0]-n,o=i[1]-s,r*r+o*o}function ls(i,e){let t=i[0];const n=[t];let s;for(let r=1,o=i.length;r<o;r++)s=i[r],os(s,t)>e&&(n.push(s),t=s);return t!==s&&n.push(s),n}function oe(i,e,t,n,s){let r=n,o=0;for(let a=e+1;a<t;a++){const c=as(i[a],i[e],i[t]);c>r&&(o=a,r=c)}r>n&&(o-e>1&&oe(i,e,o,n,s),s.push(i[o]),t-o>1&&oe(i,o,t,n,s))}function cs(i,e){const t=i.length-1,n=[i[0]];return oe(i,0,t,e,n),n.push(i[t]),n}function ae(i,e,t){if(i.length<=2)return i;const n=e!==void 0?e*e:1;return i=t?i:ls(i,n),i=cs(i,n),i}function le(i){if(i.geometry.bbox)return i.geometry.bbox;const e=i.geometry.coordinates[0];let t=1/0,n=1/0,s=-1/0,r=-1/0;for(const[o,a]of e)o<t&&(t=o),o>s&&(s=o),a<n&&(n=a),a>r&&(r=a);return[t,n,s,r]}function ce(i){const e=i.geometry.coordinates[0];let t=0,n=0;const s=e.length-1;for(let r=0;r<s;r++)t+=e[r][0],n+=e[r][1];return{x:t/s,y:n/s}}function hs(i,e,t){const n=i.geometry.coordinates.map(o=>o.map(([a,c])=>[a+e,c+t])),s=i.geometry.bbox,r=s?[s[0]+e,s[1]+t,s[2]+e,s[3]+t]:void 0;return{...i,geometry:{...i.geometry,coordinates:n,bbox:r}}}function he(i){const e=i.geometry.coordinates[0];let t=1/0,n=1/0,s=-1/0,r=-1/0;for(const[o,a]of e)o<t&&(t=o),o>s&&(s=o),a<n&&(n=a),a>r&&(r=a);i.geometry.bbox=[t,n,s,r]}function ds(i,e,t,n){const s=i.geometry.coordinates.map(o=>o.map(([a,c])=>{const h=a-t,l=c-n;return[t+h*e,n+l*e]})),r={...i,geometry:{...i.geometry,coordinates:s}};return he(r),r}const us="http://www.w3.org/2000/svg";function k(i){return document.createElementNS(us,i)}function st(i){return i.geometry.bbox||ft(i),i.geometry.bbox}function Y(i){if("width"in i.properties&&"height"in i.properties)return{width:i.properties.width,height:i.properties.height};const e=st(i);return{width:e[2]-e[0],height:e[3]-e[1]}}function gt(i,e=!1,t=1){if(i.geometry.type==="Point"&&"width"in i.properties&&"height"in i.properties){const[s,r]=i.geometry.coordinates;let o=i.properties.width,a=i.properties.height;return e&&(o/=t,a/=t),{x:s-o/2,y:r-a/2}}const n=st(i);return{x:n[0],y:n[1]}}function J(i){if(i.geometry.type==="Point")return{x:i.geometry.coordinates[0],y:i.geometry.coordinates[1]};const e=st(i);return{x:(e[0]+e[2])/2,y:(e[1]+e[3])/2}}function ft(i){if(tt(i)){const[e,t]=i.geometry.coordinates[0],[n,s]=i.geometry.coordinates[1];i.geometry.bbox=[Math.min(e,n),Math.min(t,s),Math.max(e,n),Math.max(t,s)]}else if(i.geometry.type==="Point"&&"width"in i.properties&&"height"in i.properties){const[e,t]=i.geometry.coordinates,n=i.properties.width/2,s=i.properties.height/2;i.geometry.bbox=[e-n,t-s,e+n,t+s]}else if(i.geometry.type==="Polygon"){const e=i.geometry.coordinates[0];let t=Number.POSITIVE_INFINITY,n=Number.POSITIVE_INFINITY,s=Number.NEGATIVE_INFINITY,r=Number.NEGATIVE_INFINITY;for(const o of e){const a=o[0],c=o[1];a<t&&(t=a),c<n&&(n=c),a>s&&(s=a),c>r&&(r=c)}i.geometry.bbox=[t,n,s,r]}}function Ke(i,e,t,n,s){i.geometry.coordinates=[e+n/2,t+s/2],i.geometry.bbox=[e,t,e+n,t+s],i.properties.width=n,i.properties.height=s}function de(i){const[e,t]=i.geometry.coordinates[0];return{x:e,y:t}}function Dt(i,e){const[t,n]=i.geometry.coordinates[e===O?0:1];return{x:t,y:n}}function ue(i){const[e,t]=i.geometry.coordinates[1];return{x:e,y:t}}function Je(i,e,t){i.geometry.coordinates[0]=[e,t]}function Qe(i,e,t){i.geometry.coordinates[1]=[e,t]}function Ut(i){return{start:de(i),end:ue(i)}}function tn(i,e,t,n){e===O?Je(i,t,n):Qe(i,t,n)}const gs=i=>parseInt(i.getAttribute("data-handle-id")||"-1");function fs(i){return Ft(i).reduce((e,t)=>(e[0]=Math.min(t[0],e[0]),e[1]=Math.min(t[1],e[1]),e[2]=Math.max(t[0],e[2]),e[3]=Math.max(t[1],e[3]),e),[Number.POSITIVE_INFINITY,Number.POSITIVE_INFINITY,Number.NEGATIVE_INFINITY,Number.NEGATIVE_INFINITY])}function ps(i){return Array.isArray(i)&&i.length===2&&i.every(isFinite)}function ms(i,e,t,n){for(let s=0;s<i.coordinates.length;s++){const r=i.coordinates[s];if(ps(r))r[0]=t+(r[0]-t)*e,r[1]=n+(r[1]-n)*e;else for(let o=0;o<r.length;o++){const a=r[o];a[0]=t+(a[0]-t)*e,a[1]=n+(a[1]-n)*e}}return i}function Ft(i){let e=[];if(i.type=="Point")i.bbox?e=[[i.bbox[0],i.bbox[1]],[i.bbox[2],i.bbox[3]]]:e=[i.coordinates];else if(i.type=="LineString"||i.type=="MultiPoint")e=i.coordinates;else if(i.type=="Polygon"||i.type=="MultiLineString")e=i.coordinates.reduce(function(t,n){return t.concat(n)},[]);else if(i.type=="MultiPolygon")e=i.coordinates.reduce((t,n)=>t.concat(n.reduce((s,r)=>s.concat(r),[])),[]);else if(i.type=="Feature")if(L(i)||W(i)){const t=st(i);e=[[t[0],t[1]],[t[2],t[3]]]}else e=Ft(i.geometry);else i.type=="GeometryCollection"?e=i.geometries.reduce((t,n)=>t.concat(Ft(n)),[]):i.type=="FeatureCollection"&&(e=i.features.reduce((t,n)=>t.concat(Ft(n)),[]));return e}function ys(i,e,t){const n=Math.atan2(i.y-e.y,i.x-e.x);return{x:e.x+t*Math.cos(n),y:e.y+t*Math.sin(n)}}function Lt(i,e){if(!e)return{x:i.clientX,y:i.clientY};const t=e.getBoundingClientRect();return{x:i.clientX-t.left-e.clientLeft,y:i.clientY-t.top-e.clientTop}}function ws(i,e){return i.startsWith("#")?en(i,e):i.startsWith("rgb")?nn(i,e):i}function xs(i){if(i.startsWith("#")){const e=qt(i),t=parseInt(e.slice(1,3),16),n=parseInt(e.slice(3,5),16),s=parseInt(e.slice(5,7),16);return{r:t,g:n,b:s,a:1}}else{const e=i.match(/rgba?\((\d+),\s*(\d+),\s*(\d+)(?:,\s*([0-9.]+))?\)/);if(!e)throw new Error(`Invalid RGB color: ${i}`);return{r:parseInt(e[1]),g:parseInt(e[2]),b:parseInt(e[3]),a:e[4]!==void 0?parseFloat(e[4]):1}}}function qt(i){return i.length===4?i.split("").map(e=>e+e).join(""):i}function en(i,e){const[t,n,s]=qt(i).match(/\w\w/g).map(r=>parseInt(r,16));return`rgba(${t}, ${n}, ${s}, ${e})`}function nn(i,e){const[t,n,s]=i.match(/\d+/g).map(r=>parseInt(r,10));return`rgba(${t}, ${n}, ${s}, ${e})`}function ge(){return typeof window<"u"?window:void 0}const fe=(i,e=16,t=!1)=>{let n=!1,s=null;const r=Math.max(1,Math.round(e*60/1e3)),o=a=>{requestAnimationFrame(()=>{if(a>1)o(a-1);else if(n=!1,t&&s!==null){const c=s;s=null,i(...c),n=!0,o(r)}})};return(...a)=>{if(n){t&&(s=a);return}i(...a),n=!0,o(r)}},bs=(i,e)=>{let t;return(...s)=>{clearTimeout(t),t=setTimeout(()=>i(...s),e)}};function vs(i,e){let t;return function(...n){clearTimeout(t),t=setTimeout(()=>{i.apply(this,n)},e)}}function sn(i){if((W(i)||L(i))&&i.geometry.type==="Polygon"){const e=i.geometry.coordinates[0],t=e[0][0],n=e[0][1],s=e[2][0],r=e[2][1],o=s-t,a=r-n,c=t+o/2,h=n+a/2;return{...i,geometry:{type:"Point",coordinates:[c,h],bbox:[t,n,s,r]},properties:{...i.properties,width:o,height:a}}}return i}function pe(i,e){let t,n,s,r=1;const o=i.trim();if(o.startsWith("#")){const d=(o.length===4?qt(o):o).match(/#?(\w{2})(\w{2})(\w{2})/);if(!d)return i;t=parseInt(d[1],16),n=parseInt(d[2],16),s=parseInt(d[3],16)}else{const l=o.match(/rgba?\((\d+),\s*(\d+),\s*(\d+)(?:,\s*([0-9.]+))?\)/);if(!l)return i;t=parseInt(l[1]),n=parseInt(l[2]),s=parseInt(l[3]),r=l[4]!==void 0?parseFloat(l[4]):1}const a=e*100,h=.299*t+.587*n+.114*s>186?-a/2:a;return t=Math.max(0,Math.min(255,t+Math.round(2.55*h))),n=Math.max(0,Math.min(255,n+Math.round(2.55*h))),s=Math.max(0,Math.min(255,s+Math.round(2.55*h))),`rgba(${t},${n},${s},${r})`}const bt=i=>pe(i,se),Ss=i=>pe(i,-se),X=(i,e)=>({x:i.x-e.x,y:i.y-e.y}),Q=i=>Math.sqrt(i.x*i.x+i.y*i.y),Es=i=>({x:-i.x,y:-i.y}),Wt=i=>{const e=Q(i);return e===0?{x:0,y:0}:{x:i.x/e,y:i.y/e}},pt=(i,e)=>({x:i.x+e.x,y:i.y+e.y}),ct=(i,e)=>({x:i.x*e,y:i.y*e}),rn=(i,e)=>{const t=Math.sin(e),n=Math.cos(e);return{x:i.x*n-i.y*t,y:i.x*t+i.y*n}},vt=(i,e)=>i.x*e.x+i.y*e.y,As=(i,e)=>i.x*e.y-i.y*e.x,tt=i=>i.properties.type==="arrow";function me(i,e,t){const{start:n,end:s}=Ut(i),r=X(e,n),o=i.properties.style.strokeWidth,a=X(s,n),c=Q(a),h=vt(r,Wt(a));return h>0&&h<c&&Math.abs(As(r,Wt(a)))<o/2+t}const mt={strokeType:"plain",strokeColor:"#202020",strokeWidth:1,head:"none",tail:"none"},Cs={id:void 0,type:"Feature",properties:{type:"arrow",style:{...mt}},geometry:{type:"LineString",coordinates:[[0,0],[100,100]]}},_t=(i=0,e=0,t=0,n=0,s={...mt})=>({id:ut(),type:"Feature",properties:{type:"arrow",style:{...mt,...s}},geometry:{type:"LineString",coordinates:[[i,e],[t,n]]}}),W=i=>i.properties.type==="box";function on(i,e,t=0,n=1,s=0){const r=gt(i),{width:o,height:a}=Y(i),c=e.x-r.x,h=e.y-r.y,l=c*n-h*t,d=c*t+h*n;return l>-s&&l<o+s&&d>-s&&d<a+s}const St={background:"#f5f5f5",strokeWidth:0,borderRadius:8,boxShadow:"",padding:16,strokeType:"plain"},Ts={id:void 0,type:"Feature",properties:{type:"box",width:100,height:50,style:{...St}},geometry:{type:"Point",coordinates:[50,25],bbox:[0,0,100,50]}},ye=(i=0,e=0,t=100,n=50,s={...St})=>({id:ut(),type:"Feature",properties:{type:"box",width:t,height:n,style:{...St,...s}},geometry:{type:"Point",coordinates:[i+t/2,e+n/2]}}),L=i=>i.properties.type==="text",V={font:"sans-serif",fontSize:18,color:"#505050",background:"#f5f5f5",strokeWidth:0,borderRadius:8,padding:16,strokeType:"plain",fixedSize:!1},ks={id:ut(),type:"Feature",properties:{type:"text",content:"",width:100,height:50,style:{...V}},geometry:{type:"Point",coordinates:[50,25],bbox:[0,0,100,50]}},we=(i=0,e=0,t=100,n=50,s="",r={...V})=>({id:ut(),type:"Feature",properties:{type:"text",content:s,width:t,height:n,style:{...V,...r}},geometry:{type:"Point",coordinates:[i+t/2,e+n/2],bbox:[i,e,i+t,e+n]}});function xe(i,e,t=0,n=0,s=1,r=1){var m;const[o,a]=i.geometry.coordinates;let{width:c,height:h}=Y(i);(m=i.properties.style)!=null&&m.fixedSize&&(c/=r,h/=r);const l=c/2,d=h/2,u=e.x-o,g=e.y-a,f=u*s-g*n,p=u*n+g*s;return f>-l-t&&f<l+t&&p>-d-t&&p<d+t}const D=i=>i.properties.type==="comment",K={background:"#FFFACD",padding:8,borderRadius:4,strokeColor:"#DDD",strokeWidth:1,strokeType:"plain",iconColor:"#FFFACD",iconSymbol:"💬",iconBorderColor:"#aaa",iconBorderWidth:1,minHeight:60,maxHeight:480,iconSize:32,color:"#333",font:"Arial, sans-serif",fontSize:12,showSendButton:!0,autoGrow:!0,shadow:!0,expandOnSelect:!1,fixedSize:!0},jt={mode:"expanded",width:200,height:60,style:K};function be(i,e,t,n){const s={type:"comment",content:t,mode:(n==null?void 0:n.mode)??jt.mode,width:(n==null?void 0:n.width)??jt.width,height:(n==null?void 0:n.height)??jt.height,author:n==null?void 0:n.author,timestamp:n==null?void 0:n.timestamp,style:{...K,...n==null?void 0:n.style}};return{id:ut(),type:"Feature",properties:s,geometry:{type:"Point",coordinates:[i,e]}}}function Ms(i){return{...i,properties:{...i.properties,mode:i.properties.mode===ot?Mt:ot}}}function an(i,e,t=0,n,s,r=1){if(i.properties.mode!==ot)return xe(i,e,t,n,s,r);const o=i.properties,a={...K,...o.style};let c=a.iconSize,h=a.iconSize;a.fixedSize&&(c/=r,h/=r);const l=c/2,d=h/2,u=e.x-i.geometry.coordinates[0],g=e.y-i.geometry.coordinates[1];return u>=-l-t&&u<=l+t&&g>=-d-t&&g<=d+t}function Ps(i){const[e,t]=i.geometry.coordinates;return{x:e,y:t}}function Ds(i){const e=i.properties,t={...K,...e.style};return e.mode===ot?{width:t.iconSize,height:t.iconSize}:{width:e.width,height:e.height}}function ln(i,e=80){const t=e/i.properties.width;return Math.max(.1,Math.min(1,t))}function Fs(i){const e={...K,...i.properties.style};return e.collapseZoomThreshold!==void 0?e.collapseZoomThreshold:ln(i)}function Ls(i,e,t,n,s="",r){const o=be(t,n,s,r==null?void 0:r.commentStyle),a={...mt,head:"arrow",...r==null?void 0:r.arrowStyle},c=_t(t,n,i,e,a);return c.properties.link={[O]:{id:o.id,side:O,type:"comment",magnet:{x:0,y:0}}},{comment:o,arrow:c}}function _s(i,e,t,n,s,r,o,a,c){const h=i-o,l=e-a,d=o+h*r-l*s,u=a+h*s+l*r,g=o+(h+t)*r-l*s,f=a+(h+t)*s+l*r,p=o+(h+t)*r-(l+n)*s,m=a+(h+t)*s+(l+n)*r,x=o+h*r-(l+n)*s,v=a+h*s+(l+n)*r;return c[0]=Math.min(d,g,p,x),c[1]=Math.min(u,f,m,v),c[2]=Math.max(d,g,p,x),c[3]=Math.max(u,f,m,v),c}function Hs(i,e,t){const n=t.x-e.x,s=t.y-e.y,r=n*n+s*s;if(r===0){const d=i.x-e.x,u=i.y-e.y;return Math.sqrt(d*d+u*u)}let o=((i.x-e.x)*n+(i.y-e.y)*s)/r;o=Math.max(0,Math.min(1,o));const a=e.x+o*n,c=e.y+o*s,h=i.x-a,l=i.y-c;return Math.sqrt(h*h+l*l)}const it=i=>i.properties.type==="polygon";function ve(i,e,t=0){const n=i.geometry.coordinates[0],s=i.geometry.bbox;if(s){const[o,a,c,h]=s;if(e.x<o-t||e.x>c+t||e.y<a-t||e.y>h+t)return!1}let r=!1;for(let o=0,a=n.length-1;o<n.length;a=o++){const c=n[o][0],h=n[o][1],l=n[a][0],d=n[a][1];h>e.y!=d>e.y&&e.x<(l-c)*(e.y-h)/(d-h)+c&&(r=!r)}if(r)return!0;if(t>0)for(let o=0;o<n.length-1;o++){const[a,c]=n[o],[h,l]=n[o+1];if(Hs(e,{x:a,y:c},{x:h,y:l})<=t)return!0}return!1}function cn(i,e){const t=i[0];t.length>0&&(t[0][0]!==t[t.length-1][0]||t[0][1]!==t[t.length-1][1])&&t.push([t[0][0],t[0][1]]);let n=1/0,s=1/0,r=-1/0,o=-1/0;for(const[d,u]of t)d<n&&(n=d),d>r&&(r=d),u<s&&(s=u),u>o&&(o=u);const a=[n,s,r,o],{id:c,style:h,...l}=e||{};return{type:"Feature",id:c||ut(),geometry:{type:"Polygon",coordinates:i,bbox:a},properties:{type:"polygon",style:{...ht,...h},...l}}}const ht={...St,strokeColor:"#000000",strokeWidth:2,background:"transparent"},Is={type:"polygon",style:{...ht}},Se=i=>i.type==="FeatureCollection";function Ee(i){return/^#([0-9A-Fa-f]{3}|[0-9A-Fa-f]{6})$/.test(i.trim())}function Ae(i){return/^rgb\(\s*\d+\s*,\s*\d+\s*,\s*\d+\s*\)$/.test(i.trim())}function Ce(i){return/^rgba\(\s*\d+\s*,\s*\d+\s*,\s*\d+\s*,\s*[0-9.]+\s*\)$/.test(i.trim())}function hn(i){return Ee(i)||Ae(i)||Ce(i)}function Bs(i){if(hn(i))return i;throw new Error(`Invalid color format: ${i}`)}function zs(i){if(Ee(i))return i;throw new Error(`Invalid hex color format: ${i}`)}function Rs(i){if(Ae(i))return i;throw new Error(`Invalid RGB color format: ${i}`)}function $s(i){if(Ce(i))return i;throw new Error(`Invalid RGBA color format: ${i}`)}class Ns{constructor(e){y(this,"previousZoom",-1);this.store=e}toggleComment(e){const t=this.store.getState().getFeature(e);if(!t||!D(t))return;const n=t;this.store.getState().applyLiveUpdate(e,{properties:{...n.properties,mode:n.properties.mode==="collapsed"?"expanded":"collapsed"}})}updateCommentModesForZoom(e){if(Math.abs(this.previousZoom-e)<5e-4)return;this.previousZoom=e;const t=this.store.getState(),n=t.features,s={};Object.values(n).forEach(r=>{if(D(r)){const o=r,a=this.getCommentZoomThreshold(o),c=e<a?ot:Mt;if(o.properties.mode===c)return;s[o.id]={properties:{...o.properties,mode:c}}}}),t.applyLiveUpdates(s)}getCommentZoomThreshold(e){const t={...e.properties.style};if(t.collapseZoomThreshold!==void 0)return t.collapseZoomThreshold;const s=80/e.properties.width;return Math.max(.1,Math.min(1,s))}}class Gt extends EventTarget{constructor(t,n){super();y(this,"annotation",null);y(this,"ogma");y(this,"dragging",!1);y(this,"dragStartPoint");y(this,"hoveredHandle");y(this,"ogmaPanningOption",!1);y(this,"store");y(this,"draggingWasEnabled",!0);y(this,"handleMouseMove",t=>{if(t.target instanceof HTMLTextAreaElement||!this.isActive())return;const n=this.store.getState();if(!this.dragging&&n.mousePressed&&n.mousePressPoint&&(this.detectHandle(t,this.ogma.view.getZoom()),this.hoveredHandle)){this.dragStartPoint=n.mousePressPoint,this.onDragStart(t),this.dispatchEvent(new CustomEvent(xt,{detail:{id:this.annotation,position:{x:t.clientX,y:t.clientY}}})),this.disablePanning();return}this.dragging?this.dragStartPoint&&this.onDrag(t):this.detectHandle(t,this.ogma.view.getZoom())});y(this,"handleMouseDown",t=>{t.target instanceof HTMLTextAreaElement||!this.isActive()||this.dragging||this.hoveredHandle||this.detectHandle(t,this.ogma.view.getZoom())});y(this,"disablePanning",()=>{var t,n;this.ogmaPanningOption=!!((n=(t=this.ogma.getOptions().interactions)==null?void 0:t.pan)!=null&&n.enabled),this.ogma.setOptions({interactions:{pan:{enabled:!1},drag:{enabled:!1}}})});y(this,"restorePanning",()=>{this.ogma.setOptions({interactions:{pan:{enabled:!0},drag:{enabled:!0}}})});y(this,"handleMouseUp",t=>{this.isActive()&&this.dragging&&(this.restorePanning(),this.onDragEnd(t),this.dispatchEvent(new CustomEvent(kt,{detail:{id:this.annotation,position:{x:t.clientX,y:t.clientY}}})))});y(this,"onClick",t=>{});this.store=n,this.ogma=t,this.store.subscribe(s=>s.features,s=>{this.isActive()&&!s[this.annotation]&&this.stopEditing()})}cancelEdit(){!this.isActive()||this.annotation===null||this.clearDragState()}clearDragState(){this.dragging=!1,this.dragStartPoint=void 0,this.hoveredHandle=void 0,this.restorePanning(),this.setCursor(H.default)}commitChange(){this.getAnnotation()&&this.store.getState().commitLiveUpdates()}onDrag(t){this.dispatchEvent(new Event(Tt))}onDragStart(t){return this.isActive()?(this.dragging=!0,this.dragStartPoint=this.clientToCanvas(t),this.disablePanning(),!0):!1}onDragEnd(t){return this.isActive()?(this.restorePanning(),this.dragging=!1,!0):!1}clientToCanvas(t){const n=this.ogma,s=Lt(t,n.getContainer());return n.view.screenToGraphCoordinates(s)}setAnnotation(t){if(this.annotation=t?t.id:null,this.annotation!==null){const n=this.ogma.getContainer();if(n){const s=ge()||n;s.addEventListener("mousemove",this.handleMouseMove),s.addEventListener("mouseup",this.handleMouseUp,!1),n.addEventListener("mousedown",this.handleMouseDown,!0),s.addEventListener("click",this.onClick,!0)}}else{const n=this.ogma.getContainer();if(n){const s=ge()||n;s.removeEventListener("mousemove",this.handleMouseMove),s.removeEventListener("mouseup",this.handleMouseUp),n.removeEventListener("mousedown",this.handleMouseDown),s.removeEventListener("click",this.onClick)}this.clearDragState(),this.setCursor(H.default)}}getAnnotation(t){const n=this.store.getState(),s=n.getFeature(this.annotation);if(!t)return s;const r=n.liveUpdates[this.annotation];return s&&r?{...s,...r}:s}setCursor(t){var s;const n=(s=this.ogma.getContainer())==null?void 0:s.firstChild;n&&(n.style.cursor=t)}stopEditing(){this.isActive()&&this.setAnnotation(null)}cancelDrawing(){if(!this.isActive())return;const t=this.store.getState();t.drawingFeature===this.annotation&&t.removeFeature(this.annotation),this.stopEditing()}isActive(){return this.annotation!==null}}class Os extends Gt{constructor(t,n,s,r,o,a,c){super(t,n);y(this,"links");y(this,"snapping");y(this,"arrowHandler");y(this,"arrowStyle");y(this,"offsetX");y(this,"offsetY");y(this,"comment");y(this,"startX",0);y(this,"startY",0);y(this,"onArrowComplete",()=>{var x;this.arrowHandler.removeEventListener("dragend",this.onArrowComplete);const t=this.store.getState(),n=Array.from(t.selectedFeatures);if(n.length===0)return;const s=t.getFeature(n[0]);if(!s||!tt(s))return;const r=s.geometry.coordinates[0],o=s.geometry.coordinates[1],a=o[0]-this.startX,c=o[1]-this.startY,h=Math.sqrt(a*a+c*c);let l,d;h<5?(l=this.startX+this.offsetX,d=this.startY+this.offsetY):(l=o[0],d=o[1]);const u=this.comment;u.geometry.coordinates=[l,d],t.addFeature(u),this.store.setState({drawingFeature:u.id});const g=u.properties.height,f=l,p=d+g*.5;this.snapArrowStart(s,r[0],r[1]);const m=(x=s.properties.link)==null?void 0:x.start;t.updateFeature(s.id,{...s,geometry:{...s.geometry,coordinates:[[f,p],r]},properties:{...s.properties,link:{start:{side:O,id:u.id,type:P.COMMENT,magnet:{x:0,y:.5}},end:m?{side:rt,id:m.id,type:m.type,magnet:m.magnet}:void 0}}}),this.links.add(s,O,u.id,P.COMMENT,{x:0,y:.5}),m&&m.magnet&&this.links.add(s,rt,m.id,m.type,m.magnet),t.setSelectedFeatures([u.id]),this.store.setState({drawingFeature:null})});this.links=s,this.arrowHandler=o,this.snapping=r,this.offsetX=(c==null?void 0:c.offsetX)??100,this.offsetY=(c==null?void 0:c.offsetY)??-50,this.arrowStyle=c==null?void 0:c.arrowStyle,this.comment=a}detectHandle(t,n){}startDrawing(t,n,s){var o;this.startX=n,this.startY=s;const r=_t(n,s,n,s,{...mt,head:"arrow",...(o=this.arrowStyle)==null?void 0:o.style});this.store.getState().addFeature(r),this.store.setState({drawingFeature:r.id}),this.arrowHandler.addEventListener("dragend",this.onArrowComplete),this.store.getState().setSelectedFeatures([r.id]),this.arrowHandler.startDrawing(r.id,n,s)}snapArrowStart(t,n,s){const r=this.snapping.snap({x:n,y:s});r&&(t.geometry.coordinates[0]=[r.point.x,r.point.y],t.properties.link={start:{side:O,id:r.id,type:r.type,magnet:r.magnet}},this.links.add(t,O,r.id,r.type,r.magnet))}}function Ys(i,e,t,n,s){const{width:r,height:o}=n.view.getSize(),a=8,c=16,h=a*c,l={width:150,height:50},d=l.width,u=l.height,g=Math.max(r,o),f=200,p={minX:0,minY:0,maxX:0,maxY:0},m=n.view.graphToScreenCoordinates({x:i,y:e});for(let x=0;x<h;x++){const v=x%a,S=Math.floor(x/a),E=2*Math.PI*(v/a),b=f+S/c*(g-f),A=Math.cos(E)*b,T=Math.sin(E)*b,C=m.x+A,M=m.y+T;if(p.minX=C,p.minY=M-u/2,p.maxX=C+d,p.maxY=M+u/2,A<0&&(p.minX-=d,p.maxX-=d),p.minX<0||p.maxX>r||p.minY<0||p.maxY>o)continue;const F=n.view.screenToGraphCoordinates({x:p.minX,y:p.minY}),j=n.view.screenToGraphCoordinates({x:p.maxX,y:p.maxY});if(p.minX=F.x,p.minY=F.y,p.maxX=j.x,p.maxY=j.y,!t.query(p).filter(R=>R.properties.type!=="arrow").length)return n.view.screenToGraphCoordinates({x:C,y:M})}return n.view.screenToGraphCoordinates({x:r/2,y:o/2})}class Xs{constructor(e,t,n,s,r,o,a){y(this,"ogma");y(this,"store");y(this,"editor");y(this,"interactions");y(this,"links");y(this,"control");y(this,"index");y(this,"pendingDrawingListener",null);y(this,"placementCleanup",null);this.ogma=e,this.store=t,this.editor=n,this.interactions=s,this.links=r,this.control=o,this.index=a}cancelPendingDrawing(){this.pendingDrawingListener&&(this.ogma.events.off(this.pendingDrawingListener),this.pendingDrawingListener=null),this.placementCleanup&&(this.placementCleanup(),this.placementCleanup=null)}isDrawing(){return this.store.getState().drawingFeature!==null}enableDrawingMode(e){this.control.unselect().cancelDrawing();const t=n=>{this.ogma.events.off(t),this.pendingDrawingListener=null;const{x:s,y:r}=this.ogma.view.screenToGraphCoordinates(n);e(s,r)};return this.pendingDrawingListener=t,this.ogma.events.once("mousedown",t),this.control}enableArrowDrawing(e){return this.enableDrawingMode((t,n)=>{const s=_t(t,n,t,n,e);this.startArrow(t,n,s)})}enableTextDrawing(e){return this.enableDrawingMode((t,n)=>{const s=we(t,n,0,0,void 0,e);this.startText(t,n,s)})}enableBoxDrawing(e){return this.enableDrawingMode((t,n)=>{const s=ye(t,n,0,0,e);this.startBox(t,n,s)})}enablePolygonDrawing(e){return this.enableDrawingMode((t,n)=>{const s=cn([[[t,n]]],{style:e});this.startPolygon(t,n,s)})}enableCommentDrawing(e={}){return this.enableDrawingMode((t,n)=>{let s=e.offsetX,r=e.offsetY;if(s===void 0&&r===void 0){const a=Ys(t,n,this.index,this.ogma);s=a.x,r=a.y}const o=be(t,n,"",e==null?void 0:e.commentStyle);this.startComment(t,n,o,{...e,offsetX:s,offsetY:r})})}enablePlacement(e){this.control.unselect().cancelDrawing(),this.store.setState({drawingFeature:e.id}),this.control.add(e);const t=this.ogma.getContainer();if(!t)return this.control;const n=a=>{const{x:c,y:h}=this.ogma.view.screenToGraphCoordinates(a),l=e.properties.width,d=e.properties.height;this.store.getState().applyLiveUpdate(e.id,{geometry:{...e.geometry,coordinates:[c,h],bbox:[c-l/2,h-d/2,c+l/2,h+d/2]}})},s=a=>{o();const{x:c,y:h}=this.ogma.view.screenToGraphCoordinates(a),l=e.properties.width,d=e.properties.height;this.store.getState().updateFeature(e.id,{geometry:{...e.geometry,coordinates:[c,h],bbox:[c-l/2,h-d/2,c+l/2,h+d/2]}}),this.store.setState({drawingFeature:null}),this.interactions.suppressClicksTemporarily(200),this.control.select(e.id)},r=a=>{a.key==="Escape"&&(o(),this.control.remove(e),this.store.setState({drawingFeature:null}))},o=()=>{t.removeEventListener("mousemove",n),this.ogma.events.off(s),document.removeEventListener("keydown",r),this.placementCleanup=null};return t.addEventListener("mousemove",n,{passive:!0}),this.ogma.events.once("mousedown",s),document.addEventListener("keydown",r),this.placementCleanup=o,this.control}startComment(e,t,n,s){this.editor.getActiveHandler()&&this.editor.getActiveHandler().stopEditing(),this.control.cancelDrawing(),this.store.setState({drawingFeature:n.id}),this.interactions.suppressClicksTemporarily(200);const r=new Os(this.ogma,this.store,this.links,this.editor.getSnapping(),this.editor.getArrowHandler(),n,s),o=a=>{var c;a.id===n.id&&(this.control.select(a.id),this.control.off(Yt,o),(c=this.editor.getActiveHandler())==null||c.startEditingText())};return this.control.on(Yt,o),r.startDrawing(n.id,e,t),this.control}startBox(e,t,n){return n||(n=ye(e,t)),this.store.setState({drawingFeature:n.id}),this.control.add(n),this.interactions.suppressClicksTemporarily(200),this.control.select(n.id),this.editor.getActiveHandler().startDrawing(n.id,e,t),this.control}startArrow(e,t,n){return n||(n=_t(e,t)),this.editor.getActiveHandler()&&this.editor.getActiveHandler().stopEditing(),this.control.cancelDrawing(),this.store.setState({drawingFeature:n.id}),this.control.add(n),this.interactions.suppressClicksTemporarily(200),this.control.select(n.id),this.editor.getActiveHandler().startDrawing(n.id,e,t),this.control}startText(e,t,n){return n||(n=we(e,t)),this.store.setState({drawingFeature:n.id}),this.control.add(n),this.interactions.suppressClicksTemporarily(200),this.control.select(n.id),this.editor.getActiveHandler().startDrawing(n.id,e,t),this.control}startPolygon(e,t,n){return this.store.setState({drawingFeature:n.id}),this.control.add(n),this.interactions.suppressClicksTemporarily(200),this.control.select(n.id),this.editor.getActiveHandler().startDrawing(n.id,e,t),this.control}}class Us{constructor(e,t){this.store=e,this.links=t}undo(){return this.canUndo()?(this.store.temporal.getState().undo(),this.links.refresh(),!0):!1}redo(){return this.canRedo()?(this.store.temporal.getState().redo(),this.links.refresh(),!0):!1}canUndo(){return this.store.temporal.getState().pastStates.length>0}canRedo(){return this.store.temporal.getState().futureStates.length>0}clearHistory(){this.store.temporal.getState().clear()}}class qs{constructor(e){this.store=e}select(e){const t=Array.isArray(e)?e:[e];this.store.getState().setSelectedFeatures(t)}unselect(e){const t=Array.isArray(e)?e:[e];if(e===void 0)this.store.getState().setSelectedFeatures([]);else{const n=new Set(t),s=Array.from(this.store.getState().selectedFeatures).filter(r=>!n.has(r));this.store.getState().setSelectedFeatures(s)}}getSelectedAnnotations(){const e=this.store.getState();return{type:"FeatureCollection",features:Array.from(e.selectedFeatures).map(t=>e.features[t])}}getSelected(){const e=this.store.getState(),t=Array.from(e.selectedFeatures)[0];return t?e.features[t]:null}}class Ws{constructor(e){this.store=e}add(e){if(Se(e))for(const t of e.features)this.add(t);else{const t=sn(e);this.store.getState().addFeature(t)}}remove(e){if(Se(e))for(const t of e.features)this.remove(t);else this.store.getState().removeFeature(e.id)}getAnnotations(){const e=this.store.getState().features;return{type:"FeatureCollection",features:Object.values(e)}}getAnnotation(e){return this.store.getState().getFeature(e)}updateStyle(e,t){const n=this.store.getState().getFeature(e);n&&this.store.getState().updateFeature(e,{id:e,properties:{...n.properties,style:{...n.properties.style,...t}}})}update(e){var s;const t=this.store.getState(),n=t.getFeature(e.id);n&&t.updateFeature(e.id,{...n,...e,properties:{...n.properties,...e.properties,style:{...n.properties.style,...(s=e.properties)==null?void 0:s.style}},geometry:{...n.geometry,...e.geometry}})}setScale(e,t,n,s){const r=this.store.getState().getFeature(e);if(!r)return;const o=this.store.getState();if(tt(r)){const a=r.geometry.coordinates.map(([c,h])=>{const l=c-n,d=h-s;return[n+l*t,s+d*t]});o.updateFeature(e,{geometry:{...r.geometry,coordinates:a}})}else if(L(r)||W(r)){const[a,c]=r.geometry.coordinates,h=a-n,l=c-s,d=n+h*t,u=s+l*t,g=r.properties.width*t,f=r.properties.height*t;o.updateFeature(e,{properties:{...r.properties,width:g,height:f},geometry:{...r.geometry,coordinates:[d,u]}})}}}function dn(i){var t,n;const e=i.properties.link;return e?((t=e.start)==null?void 0:t.type)===P.COMMENT||((n=e.end)==null?void 0:n.type)===P.COMMENT:!1}function un(i){var e,t;return((t=(e=i.properties.link)==null?void 0:e.start)==null?void 0:t.type)!==P.COMMENT}function js(i){return!0}function Te(i,e,t,n,s=!1){const r=i.getState(),o=r.getFeature(t);if(!o)return;const a=new Set,c=new Set;let h="";if(tt(o)){const d=o;if(s){const u=d.properties.link||{};u.start&&Vt(u.start.type)&&a.add(u.start.id),u.end&&Vt(u.end.type)&&a.add(u.end.id)}h=d.id,c.add(d.id)}else a.add(o.id);const l={};for(const d of a){const u=r.getFeature(d);if(!u)continue;const g=Gs(u,n);g&&(l[d]=g,e.updateLinkedArrowsDuringDrag(d,n,l))}for(const d of c){const u=r.getFeature(d);if(!u)continue;const g=u.properties.link||{},f=u.geometry.coordinates,p=[...f];(g.start&&Vt(g.start.type)||h===d)&&(p[0]=[f[0][0]+n.x,f[0][1]+n.y]),(g.end&&Vt(g.end.type)||h===d)&&(p[1]=[f[1][0]+n.x,f[1][1]+n.y]),l[d]={geometry:{...u.geometry,coordinates:p}}}r.applyLiveUpdates(l)}function Vt(i){return i!==P.NODE&&i!==P.EDGE}function Gs(i,e){if(L(i)||W(i)||D(i)){const t=J(i);return{geometry:{type:i.geometry.type,coordinates:[t.x+e.x,t.y+e.y]}}}if(it(i)){const t=i,n=t.geometry.coordinates.map(s=>s.map(r=>[r[0]+e.x,r[1]+e.y]));return{geometry:{type:t.geometry.type,coordinates:n}}}return null}class Vs extends Gt{constructor(t,n,s,r){super(t,n);y(this,"snapping");y(this,"links");y(this,"snap",null);this.snapping=s,this.links=r}detectHandle(t){const n=this.getAnnotation(),s=this.clientToCanvas(t),r=ne,o=n.geometry.coordinates[0],a=n.geometry.coordinates[1],c=Math.sqrt(Math.pow(s.x-o[0],2)+Math.pow(s.y-o[1],2)),h=Math.sqrt(Math.pow(s.x-a[0],2)+Math.pow(s.y-a[1],2));c<r?this.grabHandle("start",o[0],o[1]):h<r?this.grabHandle("end",a[0],a[1]):me(n,s,r)?(this.setCursor(H.grab),this.hoveredHandle={type:"body",point:s},this.store.setState({hoveredHandle:2,hoveredFeature:this.annotation})):(this.store.setState({hoveredHandle:-1,hoveredFeature:null}),this.hoveredHandle=void 0)}grabHandle(t,n,s){this.hoveredHandle={type:t,point:{x:n,y:s}},this.store.setState({hoveredHandle:t==="start"?0:1,hoveredFeature:this.annotation}),this.setCursor(H.move)}onDrag(t){var l;if(!(this.dragStartPoint||!this.hoveredHandle)||!this.isActive())return;t.stopPropagation(),t.stopImmediatePropagation();const n=this.hoveredHandle,s=this.getAnnotation(),r=s.properties.link||{},o=this.clientToCanvas(t);this.snap=this.snapping.snap(o);const a=((l=this.snap)==null?void 0:l.point)||o,c=new CustomEvent(Tt,{detail:{point:a,annotation:this.annotation,handle:n}}),h=[...s.geometry.coordinates];if(n.type==="body"){const d=a.x-n.point.x,u=a.y-n.point.y;Te(this.store,this.links,s.id,{x:d,y:u},!0),this.dispatchEvent(c);return}else n.type==="start"?(h[0]=[a.x,a.y],this.snap&&(r.start={side:n.type,id:this.snap.id,type:this.snap.type,magnet:this.snap.magnet})):n.type==="end"&&(h[1]=[a.x,a.y],this.snap&&(r.end={side:n.type,id:this.snap.id,type:this.snap.type,magnet:this.snap.magnet}));this.store.getState().applyLiveUpdate(s.id,{id:s.id,properties:{...s.properties,link:r},geometry:{type:s.geometry.type,coordinates:h}}),this.dispatchEvent(c)}onDragStart(t){if(!super.onDragStart(t))return!1;const n=this.getAnnotation(),s=this.hoveredHandle;return s.type==="end"&&!1||s.type==="start"&&!un(n)?(this.clearDragState(),!1):(this.store.getState().startLiveUpdate([this.annotation]),!0)}onDragEnd(t){var r,o,a,c;if(!super.onDragEnd(t))return!1;const n=this.getAnnotation(!0);if(this.hoveredHandle){const h=n.geometry.coordinates;if(this.hoveredHandle.type==="body"){const l=this.snapping.snap({x:h[0][0],y:h[0][1]}),d=this.snapping.snap({x:h[1][0],y:h[1][1]});l?this.links.add(n,"start",l.id,l.type,l.magnet):((o=(r=n.properties.link)==null?void 0:r.start)==null?void 0:o.type)!=="comment"&&this.links.remove(n,O),d?this.links.add(n,"end",d.id,d.type,d.magnet):((c=(a=n.properties.link)==null?void 0:a.end)==null?void 0:c.type)!=="comment"&&this.links.remove(n,rt)}else if(this.snap){const l=this.hoveredHandle;l.type!=="body"&&this.links.add(n,l.type,this.snap.id,this.snap.type,this.snap.magnet)}else if(this.snap===null){const l=this.hoveredHandle.type;if(n.properties.link&&n.properties.link[l]){this.links.remove(n,l);const d={...n.properties.link};delete d[l],this.store.getState().applyLiveUpdate(n.id,{properties:{...n.properties,link:d}})}}}return this.store.getState().drawingFeature===this.annotation&&this.store.setState({drawingFeature:null}),this.commitChange(),this.clearDragState(),this.snap=null,!0}snapDrawingStart(t,n,s){const r=this.snapping.snap({x:n,y:s});if(r){const o={geometry:{...t.geometry,coordinates:[[r.point.x,r.point.y],t.geometry.coordinates[1]]},properties:{...t.properties,link:{start:{side:O,id:r.id,type:r.type,magnet:r.magnet}}}},a=this.store.getState();a.applyLiveUpdate(t.id,o),a.updateFeature(t.id,o),this.links.add(t,"start",r.id,r.type,r.magnet)}}startDrawing(t,n,s){this.annotation=t;const r=this.getAnnotation();this.snapDrawingStart(r,n,s),this.grabHandle("end",n,s),this.dragging=!0,this.dragStartPoint={x:n,y:s};const o=this.ogma.view.graphToScreenCoordinates({x:n,y:s});this.onDragStart({clientX:o.x,clientY:o.y})}link(t,n,s){let r=Dt(t,s);const o=t.properties.link||{};let a=null;if(n instanceof q.Node)r=n.getPosition(),a=this.snapping.snapToNodes(r,n.toList());else{const c=this.store.getState().getFeature(n);if(!c)throw new Error(`Annotation with id ${n} not found`);if(L(c)||W(c))r=J(c),a=this.snapping.snapToText(r,[c]);else if(it(c))r=ce(c),a=this.snapping.snapToPolygon(r,[c]);else throw new Error(`Cannot link arrow to annotation of type ${c.properties.type}`)}a&&(o[s]={side:s,id:a.id,type:a.type,magnet:a.magnet},this.links.add(t,s,a.id,a.type,a.magnet),tn(t,s,r.x,r.y),this.store.getState().updateFeature(t.id,{properties:{...t.properties,link:o},geometry:{type:t.geometry.type,coordinates:t.geometry.coordinates}}))}}class Zs extends Gt{constructor(t,n,s){super(t,n);y(this,"links");y(this,"isDrawingMode",!1);y(this,"simplificationTolerance",5);y(this,"handleMouseDown",t=>{!this.isActive()||this.dragging||!this.hoveredHandle||(t.preventDefault(),t.stopPropagation(),this.dragStartPoint=this.clientToCanvas(t),this.onDragStart(t),this.dispatchEvent(new CustomEvent(xt,{detail:{id:this.annotation,position:{x:t.clientX,y:t.clientY}}})),this.disablePanning())});this.links=s}startDrawing(t,n,s){this.annotation=t,this.isDrawingMode=!0;const r=this.store.getState();r.startLiveUpdate([t]),r.setDrawingPoints([]);const o=this.ogma.view.graphToScreenCoordinates({x:n,y:s});return this.dragStartPoint=o,this.disablePanning(),this.onDragStart({clientX:o.x,clientY:o.y}),this}cancelDrawing(){this.isDrawingMode&&(this.isDrawingMode=!1,this.annotation&&(this.store.getState().removeFeature(this.annotation),this.annotation=null)),this.restorePanning()}detectHandle(t,n=1){const s=this.getAnnotation();if(!s)return;const r=this.clientToCanvas(t),o=ne/n,a=s.geometry.coordinates[0];for(let c=0;c<a.length-1;c++){const[h,l]=a[c];if(Math.sqrt(Math.pow(r.x-h,2)+Math.pow(r.y-l,2))<o*2){this.grabHandle("vertex",h,l,c);return}}ve(s,r,o)?(this.setCursor(H.grab),this.hoveredHandle={type:"body",point:r},this.store.setState({hoveredHandle:-1,hoveredFeature:this.annotation})):(this.store.setState({hoveredHandle:-1,hoveredFeature:null}),this.hoveredHandle=void 0)}grabHandle(t,n,s,r){this.setCursor(t==="vertex"?H.pointer:H.grab),this.hoveredHandle={type:t,point:{x:n,y:s},vertexIndex:r},this.store.setState({hoveredHandle:r??0,hoveredFeature:this.annotation})}onDragStart(t){if(this.isDrawingMode){const n=this.clientToCanvas(t);this.dragging=!0;const s=this.getAnnotation();if(s){const r=[[n.x,n.y],[n.x,n.y]],o=this.store.getState();o.setDrawingPoints(r),o.applyLiveUpdate(s.id,{...s,geometry:{type:"Polygon",coordinates:[r],bbox:[n.x,n.y,n.x,n.y]}})}return this.dragStartPoint=n,!0}return this.hoveredHandle?(this.dragging=!0,this.setCursor(H.grabbing),this.store.getState().startLiveUpdate([this.annotation]),!0):!1}onDrag(t){if(this.isDrawingMode&&this.dragging){const a=this.clientToCanvas(t),c=this.store.getState(),h=this.getAnnotation();if(!h)return;const l=c.liveUpdates[this.annotation],d=l?{...h,...l}:h,g=c.drawingPoints.slice(0,-1),f=[...g,[a.x,a.y],g[0]];c.setDrawingPoints(f);const p=ae(f,this.simplificationTolerance,!1),m=[...p,p[0]];c.applyLiveUpdate(this.annotation,{...d,geometry:{type:"Polygon",coordinates:[m]}});return}if(!this.dragging||!this.dragStartPoint||!this.hoveredHandle)return;const n=this.clientToCanvas(t),s=n.x-this.dragStartPoint.x,r=n.y-this.dragStartPoint.y,o=this.getAnnotation();if(o){if(this.hoveredHandle.type==="body")Te(this.store,this.links,o.id,{x:s,y:r});else if(this.hoveredHandle.type==="vertex"&&this.hoveredHandle.vertexIndex!==void 0){const a=o.geometry.coordinates[0].map((h,l)=>l===this.hoveredHandle.vertexIndex?[this.hoveredHandle.point.x+s,this.hoveredHandle.point.y+r]:l===o.geometry.coordinates[0].length-1&&this.hoveredHandle.vertexIndex===0?[this.hoveredHandle.point.x+s,this.hoveredHandle.point.y+r]:h),c={...o,geometry:{...o.geometry,coordinates:[a]}};he(c),this.store.getState().applyLiveUpdate(o.id,c),this.links.snapLinkedArrowsDuringDrag(o.id)}this.dispatchEvent(new Event(Tt))}}onDragEnd(){if(this.isDrawingMode&&this.dragging){const n=this.store.getState(),s=this.getAnnotation();if(s){const r=n.drawingPoints;if(r.length<3)this.cancelDrawing();else{const o=ae(r.slice(1,-1),this.simplificationTolerance,!0),a={...s,geometry:{type:"Polygon",coordinates:[o]}};ft(a),this.store.getState().applyLiveUpdate(s.id,a),this.store.setState({drawingFeature:null}),this.commitChange(),this.isDrawingMode=!1,this.dragging=!1,this.restorePanning(),this.dispatchEvent(new CustomEvent(ee,{detail:a}))}}return!0}return!this.dragging||(this.dragging=!1,this.dragStartPoint=void 0,!this.getAnnotation())?!1:(this.commitChange(),this.setCursor(H.grab),!0)}getAnnotation(){if(this.annotation)return this.store.getState().getFeature(this.annotation)}}class Ks{constructor(e,t,n,s=()=>{}){y(this,"layer");y(this,"textarea");y(this,"sendButton",null);y(this,"isFocused");y(this,"unsubscribe");y(this,"onFocus",()=>{this.isFocused=!0});y(this,"onBlur",()=>{this.getAnnotation()&&this.updateContent(),this.isFocused=!1});y(this,"onKeyup",e=>{e.key==="Escape"&&this.textarea.blur(),e.stopPropagation()});y(this,"onKeydown",e=>{e.stopPropagation()});y(this,"onMouseEvent",e=>{e.stopPropagation()});y(this,"onInput",()=>{this.updateContent(),this.updateStyle(),this.updatePosition(),this.layer.setSize(this.getSize()),this.updateSendButtonState()});y(this,"onSendClick",e=>{e.preventDefault(),e.stopPropagation(),!(!this.sendButton||this.sendButton.disabled)&&(this.updateContent(),this.textarea.blur(),this.onSendHandler())});y(this,"update",()=>{this.getAnnotation()&&(this.updateStyle(),this.updatePosition(),this.layer.setSize(this.getSize()))});var u,g,f;this.ogma=e,this.store=t,this.annotation=n,this.onSendHandler=s;const r=this.getPosition(),o=this.getSize(),a=this.getAnnotation(),c=this.store.getState(),h=D(a)&&(((u=c.options)==null?void 0:u.showSendButton)??!0),l=((g=c.options)==null?void 0:g.sendButtonIcon)||"",d=((f=c.options)==null?void 0:f.textPlaceholder)||"Enter text";this.layer=this.ogma.layers.addOverlay({element:`<div class="ogma-annotation-text-editor">
           <textarea wrap="on" name="annotation-text--input" spellcheck="false" placeholder="${d}"></textarea>
           ${h?`<button class="ogma-send-button" type="button" title="Send">
-            <span class="ogma-send-button-icon">${c}</span>
+            <span class="ogma-send-button-icon">${l}</span>
           </button>`:""}
-        </div>`,position:r,size:o},Ot.EDITOR),this.textarea=this.layer.element.querySelector("textarea"),this.textarea.setAttribute("wrap","on"),this.textarea.setAttribute("spellcheck","false"),this.textarea.value=a.properties.content||"",h&&(this.sendButton=this.layer.element.querySelector(".ogma-send-button"),this.sendButton.addEventListener("click",this.onSendClick),this.updateSendButtonState()),this.isFocused=!1,this.textarea.addEventListener("focus",this.onFocus),this.textarea.addEventListener("blur",this.onBlur),this.textarea.addEventListener("input",this.onInput),this.textarea.addEventListener("keyup",this.onKeyup),this.textarea.addEventListener("keydown",this.onKeydown),this.textarea.addEventListener("wheel",this.onWheel),this.updateStyle(),this.updatePosition(),this.textarea.focus(),this.unsubscribe=this.store.subscribe(m=>({rotation:m.rotation,zoom:m.zoom,annotation:m.features[this.annotation]}),this.update,{equalityFn:(m,p)=>m.rotation===p.rotation&&m.zoom===p.zoom&&m.annotation===p.annotation})}getAnnotation(){const e=this.store.getState();return e.liveUpdates[this.annotation]?e.liveUpdates[this.annotation]:(e.startLiveUpdate([this.annotation]),this.store.getState().getFeature(this.annotation))}getPosition(){const e=this.getAnnotation();if(!e)return{x:0,y:0};const t=e.properties.style,n=(t==null?void 0:t.fixedSize)||!1,s=t==null?void 0:t.maxHeight,r=this.store.getState().zoom,o=Ee(e),[a,l]=e.geometry.coordinates,h=e.properties.width;let c=e.properties.height;s&&(c=Math.min(c,s));const d=n?1/r:1;return{x:a-h*d/2+o*d,y:l-c*d/2+o*d}}getSize(){const e=this.getAnnotation(),t=z(e),n=Ee(e),s=e.properties.style,r=(s==null?void 0:s.fixedSize)||!1,o=s==null?void 0:s.maxHeight,a=this.store.getState().zoom,l=r?1/a:1;let h=(t.height-n*2)*l;if(o){const c=(o-n*2)*l;h=Math.min(h,c)}return{width:(t.width-n*2)*l,height:h}}updateStyle(){var m;const e=this.getAnnotation();if(!e)return;const{font:t,fontSize:n=$.fontSize,borderRadius:s,color:r,background:o,padding:a=0,fixedSize:l=$.fixedSize}=e.properties.style||$,h=this.textarea,c=this.store.getState().zoom,d=l?1/c:1,u=parseFloat(n.toString())*d,g=a*d,f=h.style;if(f.font=`${u} ${t}`,f.fontFamily=t||"sans-serif",f.fontSize=`${u}px`,f.padding=`${g}px`,f.lineHeight=`${u*Yt}px`,f.boxSizing="border-box",f.color=r||"black",f.background=o||"transparent",f.borderRadius=`${s}px`,l){const p=(m=e.properties.style)==null?void 0:m.maxHeight;f.overflowY=p?"auto":"hidden",f.overflowX="hidden",f.resize="none"}if(f.transformOrigin="center",f.transform=`rotate(${this.store.getState().rotation}rad)`,this.sendButton){const p=l?1/c:1;this.sendButton.style.transform=`scale(${p})`,this.sendButton.style.transformOrigin="bottom right"}}updatePosition(){this.layer.setPosition(this.getPosition())}updateContent(){var o,a,l;const e=this.getAnnotation();let t=e.properties.height,n=e.geometry.coordinates;const s=(o=e.properties.style)==null?void 0:o.fixedSize;if(s){const h=this.textarea.scrollHeight,c=Ee(e),d=this.store.getState().zoom,u=(h+c*2/d)*d,g=((a=e.properties.style)==null?void 0:a.minHeight)||50;t=Math.max(g,u);const f=(l=e.properties.style)==null?void 0:l.maxHeight,m=e.properties.height,p=t-m;if(Math.abs(p)>1){const[b,S]=e.geometry.coordinates;if(f&&m>=f)n=[b,S];else if(f&&t>f){const v=f-m;n=[b,S+v/2]}else n=[b,S+p/2]}}const r={...e,properties:{...e.properties,content:this.textarea.value,height:t},geometry:{...e.geometry,coordinates:n}};s&&Math.abs(e.properties.height-t)>1&&(this.layer.setSize(this.getSize()),this.layer.setPosition(this.getPosition())),this.store.getState().applyLiveUpdate(this.annotation,r)}updateSendButtonState(){if(!this.sendButton)return;const e=this.textarea.value.trim().length===0;this.sendButton.disabled=e}destroy(){this.store.getState().commitLiveUpdates(new Set([this.annotation])),this.unsubscribe(),this.sendButton&&this.sendButton.removeEventListener("click",this.onSendClick),this.layer.destroy()}}function Ee(i){var e;return((e=i.properties.style)==null?void 0:e.strokeWidth)||0}const gn={x:1,y:0},fn={x:0,y:1},oi=[["top",fn,-.5,-.5,.5,-.5],["right",gn,.5,-.5,.5,.5],["bottom",fn,-.5,.5,.5,.5],["left",gn,-.5,-.5,-.5,.5]],ai={top:[0,1],right:[1,2],bottom:[2,3],left:[3,0]},mn=[[-.5,-.5],[.5,-.5],[.5,.5],[-.5,.5]],li=[F.nwResize,F.neResize,F.seResize,F.swResize];class Ce extends Gt{constructor(t,n,s){super(t,n);y(this,"links");y(this,"textEditor",null);y(this,"stopEditingText",()=>{this.textEditor&&(this.store.getState().drawingFeature===this.annotation&&this.store.setState({drawingFeature:null}),this.textEditor.destroy()),this.textEditor=null});this.links=s}detectHandle(t,n){var A;const s=this.getAnnotation(),{x:r,y:o}=this.clientToCanvas(t);let{width:a,height:l}=z(s);const h=5/n,c=W(s),d=this.store.getState();let{revSin:u,revCos:g}=d;(G(s)||H(s))&&(u=0,g=1),this.hoveredHandle=void 0;const f=je*(1/n),m=r-c.x,p=o-c.y,b=m*g-p*u,S=m*u+p*g,v=((A=s.properties.style)==null?void 0:A.fixedSize)===!0||H(s);if(v&&(a/=n,l/=n),!v){for(let x=0;x<mn.length;x++){const[C,E]=mn[x],T=a*C,M=l*E;if(b>=T-f-h&&b<=T+f+h&&S>=M-f-h&&S<=M+f+h){this.hoveredHandle={type:"corner",corner:x},this.store.setState({hoveredHandle:x}),this.setCursor(this.getCornerCursor(x));return}}for(const[x,C,E,T,M,D]of oi){const j=a*E,Y=l*T,X=a*M,gt=l*D,ft=xt(C,{x:b-j,y:S-Y});if(Math.abs(ft)<h&&b>=j-h&&b<=X+h&&S>=Y-h&&S<=gt+h){this.hoveredHandle={type:"edge",edge:x,corner:-1},this.store.setState({hoveredHandle:ai[x][0]+4}),this.setCursor(this.getEdgeCursor(x));return}}}if(b>=-a/2-h&&b<=a/2+h&&S>=-l/2-h&&S<=l/2+h){this.store.setState({hoveredHandle:8}),this.hoveredHandle={type:"body",corner:-1},this.setCursor(F.grab);return}this.store.setState({hoveredHandle:-1}),this.setCursor(F.default)}onDrag(t){if(!this.dragStartPoint||!this.hoveredHandle||!this.isActive())return;t.stopPropagation(),t.stopImmediatePropagation();const n=this.getAnnotation(),s=this.clientToCanvas(t),r={x:s.x-this.dragStartPoint.x,y:s.y-this.dragStartPoint.y},o=this.hoveredHandle,a=this.getAnnotation();let l=null;if(o.type==="corner"?l=this.dragCorner(a,r,o.corner):o.type==="edge"&&o.edge?l=this.dragEdge(a,r,o):o.type==="body"&&(l=this.dragBody(a,r)),l){const h=l;this.store.getState().applyLiveUpdate(n.id,h);const c=I(W(h),W(a));this.links.updateLinkedArrowsDuringDrag(n.id,c),this.textEditor&&this.textEditor.update()}this.dispatchEvent(new CustomEvent(Et,{detail:{point:s,annotation:this.annotation,handle:o}}))}dragBody(t,n){const s=W(t);return{...t,geometry:{type:t.geometry.type,coordinates:[s.x+n.x,s.y+n.y]}}}dragCorner(t,n,s){const r=s===0||s===1,o=s===0||s===3,a=s===1||s===2,l=s===2||s===3,{width:h,height:c}=z(t),d=this.store.getState();let{revSin:u,revCos:g}=d;(G(t)||H(t))&&(u=0,g=1);const f=n.x*g-n.y*u,m=n.x*u+n.y*g;let p=0,b=0;o?p=-f:a&&(p=f),r?b=-m:l&&(b=m);const S=Math.max(0,h+p),v=Math.max(0,c+b),A=W(t),x=A.x+n.x/2,C=A.y+n.y/2;return{...t,properties:{...t.properties,width:S,height:v},geometry:{type:t.geometry.type,coordinates:[x,C]}}}dragEdge(t,n,s){const{width:r,height:o}=z(t),a=W(t),l=this.store.getState();let{revSin:h,revCos:c}=l;(G(t)||H(t))&&(h=0,c=1);const d=n.x*c-n.y*h,u=n.x*h+n.y*c;let g=r,f=o,m=0,p=0;switch(s.edge){case"top":f=Math.max(0,o-u),p=u/2;break;case"bottom":f=Math.max(0,o+u),p=u/2;break;case"left":g=Math.max(0,r-d),m=d/2;break;case"right":g=Math.max(0,r+d),m=d/2;break}const b=m*c+p*h,S=-m*h+p*c;return{...t,properties:{...t.properties,width:g,height:f},geometry:{type:t.geometry.type,coordinates:[a.x+b,a.y+S]}}}onDragStart(t){return super.onDragStart(t)?(this.stopEditingText(),this.store.getState().startLiveUpdate([this.annotation]),!0):!1}onClick(t){const n=this.getAnnotation();n&&(L(n)||H(n))&&this.startEditingText()}startEditingText(){this.textEditor===null&&(this.textEditor=new ri(this.ogma,this.store,this.annotation,this.stopEditingText))}onDragEnd(t){var a,l;if(!super.onDragEnd(t))return!1;this.store.getState().drawingFeature===this.annotation&&this.store.setState({drawingFeature:null});const s=this.clientToCanvas(t),r=s.x-(((a=this.dragStartPoint)==null?void 0:a.x)||0),o=s.y-(((l=this.dragStartPoint)==null?void 0:l.y)||0);return Math.abs(r)<1&&Math.abs(o)<1?(this.clearDragState(),this.onClick({clientX:t.clientX,clientY:t.clientY})):this.commitChange(),this.hoveredHandle=void 0,this.dragStartPoint=void 0,this.dragging=!1,!0}getCornerCursor(t){return li[t]}getEdgeCursor(t){switch(t){case"top":case"bottom":return F.nsResize;case"left":case"right":return F.ewResize;default:return F.default}}stopEditing(){super.stopEditing(),this.commitChange(),this.stopEditingText()}startDrawing(t,n,s){this.annotation=t,this.hoveredHandle={type:"corner",corner:2},this.store.setState({hoveredHandle:2}),this.dragging=!0;const r=this.ogma.view.graphToScreenCoordinates({x:n,y:s});this.dragStartPoint=r,this.disablePanning(),this.onDragStart({clientX:r.x,clientY:r.y})}setAnnotation(t){super.setAnnotation(t),t&&H(t)&&t.properties.mode===et&&this.store.getState().updateFeature(t.id,{properties:{...t.properties,mode:$t}})}}class ci extends EventTarget{constructor(t,n,s,r,o){super();y(this,"handlers",new Map);y(this,"activeHandler");y(this,"interaction");y(this,"ogma");y(this,"snapping");y(this,"store");this.ogma=t,this.store=n,this.interaction=o,this.snapping=new ii(t,{detectMargin:10,magnetRadius:10},s,n),this.handlers.set("box",new Ce(this.ogma,this.store,r)),this.handlers.set("text",new Ce(this.ogma,this.store,r)),this.handlers.set("comment",new Ce(this.ogma,this.store,r)),this.handlers.set("arrow",new Xs(this.ogma,this.store,this.snapping,r)),this.handlers.set("polygon",new Us(this.ogma,this.store,r)),this.handlers.forEach(a=>{a.addEventListener("dragstart",()=>{this.dispatchEvent(new Event("dragstart")),this.store.setState({isDragging:!0}),this.interaction.setMode("edit")}),a.addEventListener("dragend",()=>{this.dispatchEvent(new Event("dragend")),this.store.setState({isDragging:!1}),this.interaction.suppressClicksTemporarily()})}),this.store.subscribe(a=>a.selectedFeatures,(a,l)=>{const h=Array.from(a.keys()).filter(d=>!l.has(d)),c=Array.from(l.keys()).filter(d=>!a.has(d));!h.length&&!c.length||(c.forEach(d=>this.stopEditingFeature(d)),h.forEach(d=>this.editFeature(d)))})}stopEditingFeature(t){const n=this.store.getState().features[t];if(!n)return;const s=n.properties.type,r=this.handlers.get(s);r&&r.stopEditing()}editFeature(t){var s;const n=this.store.getState().features[t];n&&(this.setActiveHandler(n.properties.type),(s=this.activeHandler)==null||s.setAnnotation(n))}getSnapping(){return this.snapping}getArrowHandler(){return this.handlers.get("arrow")}getActiveHandler(){return this.activeHandler}setActiveHandler(t){const n=this.handlers.get(t);if(!n)throw new Error(`Handler for type ${t} not found`);return this.activeHandler=n,this}destroy(){}}const hi=["x","y","radius"],di=1;class ui{constructor(e,t,n){y(this,"links",new Map);y(this,"nodeToLink",new Map);y(this,"edgeToLink",new Map);y(this,"annotationToLink",new Map);y(this,"linksByArrowId",new Map);y(this,"store");y(this,"ogma");y(this,"updatedItems",new Set);y(this,"onLinkCreated");y(this,"commitTimeout");y(this,"onSetMultipleAttributes",({elements:e,updatedAttributes:t})=>{const n=new Set(t);!e.isNode||!n.has("x")&&!n.has("y")&&!n.has("radius")||this.requestUpdateFromNodePositions(e.toList())});y(this,"refresh",()=>{const e=this.store.getState(),t=new Map;this.annotationToLink.forEach((n,s)=>{var a;const r=e.getFeature(s);if(!r)return;(L(r)&&((a=r.properties.style)==null?void 0:a.fixedSize)||H(r))&&n.forEach(l=>{const h=this.links.get(l);if(!h)return;const c=h.arrow;t.set(c,this.linksByArrowId.get(c))})}),t.size>0&&this.update(t)});y(this,"throttledRefresh",de(()=>this.refresh(),20));y(this,"onAddRemoveEdges",e=>{const t=e.edges;if(!t.size||!this.edgeToLink.size)return;const n=new Map,s=new Map;t.getParallelEdges().getId().forEach(r=>{const o=this.edgeToLink.get(r);o&&o.forEach(a=>{const l=this.links.get(a);if(!l)return;const h=l.arrow;n.set(h,this.linksByArrowId.get(h)),s.set(h,this.linksByArrowId.get(h))})}),s.size!==0&&this.update(s)});y(this,"commit",()=>{this.store.getState().batchUpdate(this.commitLiveUpdates),this.updatedItems.clear()});y(this,"commitLiveUpdates",()=>{this.store.getState().commitLiveUpdates(this.updatedItems)});y(this,"onAddArrow",(e,t)=>{const n=this.store.getState(),s=new Set(Object.keys(t)),r=Object.keys(e).filter(a=>!s.has(a)),o=Object.keys(t).filter(a=>!e[a]);r.forEach(a=>{var c,d;const l=n.getFeature(a);if(!l||!J(l))return;const h=l;if((c=h.properties.link)!=null&&c.start){const u=h.properties.link.start;this.add(h,q,u.id,u.type,u.magnet)}if((d=h.properties.link)!=null&&d.end){const u=h.properties.link.end;this.add(h,it,u.id,u.type,u.magnet)}}),o.forEach(a=>{const l=t[a];if(J(l)){const h=l;this.remove(h,q),this.remove(h,it)}else{const h=this.annotationToLink.get(a);if(h)for(const c of h){const d=this.links.get(c);if(!d)continue;const u=n.getFeature(d.arrow);u&&this.remove(u,d.side),this.linksByArrowId.delete(d.arrow),this.links.delete(c)}}})});this.ogma=e,this.store=t,this.onLinkCreated=n,this.store.subscribe(s=>s.features,this.onAddArrow),this.store.subscribe(s=>({zoom:s.zoom,rotation:s.rotation}),this.throttledRefresh,{equalityFn:(s,r)=>s.zoom===r.zoom&&s.rotation===r.rotation}),this.ogma.events.on("setMultipleAttributes",this.onSetMultipleAttributes).on(["addEdges","removeEdges"],this.onAddRemoveEdges).on("viewChanged",this.refresh)}updateLinkedArrowsDuringDrag(e,t){const n=this.store.getState();if(!n.getFeature(e))return;const r=this.annotationToLink.get(e);if(r)for(const o of r){const a=this.links.get(o);if(!a)continue;const l=n.getFeature(a.arrow),h=Ct(l,a.side),c=ht(h,t),d={...l.geometry,coordinates:l.geometry.coordinates.map((u,g)=>a.side===q&&g===0||a.side===it&&g===1?[c.x,c.y]:[...u])};n.applyLiveUpdate(l.id,{geometry:d}),this.updatedItems.add(l.id)}}add(e,t,n,s,r){const o=at(),a=e.id;let l=r;if(s===P.POLYGON){const u=this.store.getState().getFeature(n);if(u&&st(u)){const g=re(u),f=g[2]-g[0],m=g[3]-g[1],p=r.x-g[0],b=r.y-g[1],S=f>0?p/f:.5,v=m>0?b/m:.5;l={x:S,y:v}}}const h={id:o,arrow:a,target:n,targetType:s,magnet:l,side:t};if(s===P.NODE&&!this.ogma.getNode(n)||s===P.EDGE&&!this.ogma.getEdge(n))return;this.remove(e,t),this.links.set(o,h);const c=s===P.NODE?this.nodeToLink:s===P.EDGE?this.edgeToLink:this.annotationToLink;return c.has(n)||c.set(n,new Set),c.get(n).add(o),this.linksByArrowId.has(a)||this.linksByArrowId.set(a,{}),this.linksByArrowId.get(a)[t]=o,e.properties.link=e.properties.link||{},e.properties.link[t]={id:n,side:t,type:s,magnet:l},this.onLinkCreated&&this.onLinkCreated(e,h),this}remove(e,t){var o,a,l,h,c;const n=e.id,s=(o=this.linksByArrowId.get(n))==null?void 0:o[t];if((a=e.properties.link)==null||delete a[t],!s)return this;const r=this.links.get(s);return r?(this.links.delete(s),(l=this.nodeToLink.get(r.target))==null||l.delete(s),(h=this.edgeToLink.get(r.target))==null||h.delete(s),(c=this.annotationToLink.get(r.target))==null||c.delete(s),this.linksByArrowId.has(n)&&(this.linksByArrowId.get(n)[t]=void 0),this):this}requestUpdateFromNodePositions(e){setTimeout(()=>this.updateFromNodePositions(e),1)}updateFromNodePositions(e){const t=e.getId(),n=new Map;t.forEach(h=>{const c=this.nodeToLink.get(h);c&&c.forEach(d=>{const u=this.links.get(d);if(!u)return;const g=u.arrow;n.set(g,this.linksByArrowId.get(g))})});const s=new Map;e.getAdjacentEdges().getId().forEach(h=>{const c=this.edgeToLink.get(h);c&&c.forEach(d=>{const u=this.links.get(d);if(!u)return;const g=u.arrow;n.set(g,this.linksByArrowId.get(g)),s.set(g,this.linksByArrowId.get(g))})});const o=e.getAttributes(hi),a=this.store.getState(),l={};for(let h=0;h<t.length;h++){const c=t[h],d=this.nodeToLink.get(c);if(d)for(const u of d){const g=this.links.get(u);if(!g)continue;const f=g.arrow,m=this.store.getState().getFeature(f),p=m.geometry.coordinates.slice(),b=Ct(m,it),S=Ct(m,q),v=o[h],A=this._getNodeSnapPoint(v,nt(I(b,S),-1),this._isLinkedToCenter(g));p[g.side===q?0:1]=A,l[f]={...m,geometry:{coordinates:p}},this.updatedItems.add(f),g.magnet={x:A[0]-v.x,y:A[1]-v.y},ct(l[f])}}if(a.applyLiveUpdates(l),s.size>0){this.update(s);return}this.requestCommit()}update(e=this.linksByArrowId){const t=this.store.getState(),n=Array.from(this.nodeToLink.keys()),s=new Map;n.forEach((l,h)=>s.set(l,h));const o=this.ogma.getNodes(n).getAttributes(["x","y","radius"]),a={};e.forEach((l,h)=>{const c=this.links.get(l.start),d=this.links.get(l.end),u=t.getFeature(h);let g=u.geometry.coordinates[0],f=u.geometry.coordinates[1];const m=c?c.targetType===P.NODE?o[s.get(c.target)]:c.targetType===P.EDGE?this._getEdgeSnapPoint(c.target,c.magnet.x,!0):this._getAnnotationCenter(t.getFeature(c.target)):{x:g[0],y:g[1]},p=d?d.targetType===P.NODE?o[s.get(d.target)]:d.targetType===P.EDGE?this._getEdgeSnapPoint(d.target,d.magnet.x,!0):this._getAnnotationCenter(t.getFeature(d.target)):{x:f[0],y:f[1]},b=I(p,m);if(c)if(c.targetType===P.NODE)g=this._getNodeSnapPoint(m,b,this._isLinkedToCenter(c));else if(c.targetType===P.EDGE)g=this._getEdgeSnapPoint(c.target,c.magnet.x);else{const S=t.getFeature(c.target);g=this._getAnnotationSnapPoint(S,p,c,t.zoom)}if(d)if(d.targetType===P.NODE)f=this._getNodeSnapPoint(p,nt(b,-1),this._isLinkedToCenter(d));else if(d.targetType===P.EDGE)f=this._getEdgeSnapPoint(d.target,d.magnet.x);else{const S=t.getFeature(d.target);f=this._getAnnotationSnapPoint(S,m,d,t.zoom)}a[u.id]={properties:u.properties,geometry:{coordinates:[g,f]}},ct(a[u.id]),this.updatedItems.add(u.id)}),t.applyLiveUpdates(a),this.requestCommit()}requestCommit(){clearTimeout(this.commitTimeout),this.commitTimeout=setTimeout(this.commit,di)}_isLinkedToCenter(e){return e.magnet.x===0&&e.magnet.y===0}_getAnnotationCenter(e){return st(e)?oe(e):W(e)}_getAnnotationSnapPoint(e,t,n,s){if(st(e)){const r=re(e),o=r[0]+n.magnet.x*(r[2]-r[0]),a=r[1]+n.magnet.y*(r[3]-r[1]);return[o,a]}return this._getBoxSnapPoint(e,t,n,s)}_getBoxSnapPoint(e,t,n,s){var d;const r=W(e);let{width:o,height:a}=z(e);(L(e)&&((d=e.properties.style)==null?void 0:d.fixedSize)||H(e))&&(o/=s,a/=s);let h=n.magnet.x*o,c=n.magnet.y*a;if(L(e)&&!G(e)){const{sin:u,cos:g}=this.store.getState(),f=h*g-c*u,m=h*u+c*g;h=f,c=m}else if(H(e)){const g={...e.properties.style}.iconSize||32,f=g/16*.5;h=n.magnet.x*g*f,c=n.magnet.y*g*f}return[r.x+h,r.y+c]}_getNodeSnapPoint(e,t,n){if(n)return[e.x,e.y];const s=Math.sqrt(t.x*t.x+t.y*t.y),r=nt(t,1/s),o=s<Number(e.radius)/2?{x:e.x,y:e.y}:ht({x:e.x,y:e.y},nt(r,-Number(e.radius)));return[o.x,o.y]}_getEdgeSnapPoint(e,t,n=!1){const s=this.ogma.getEdge(e);if(!s)return[0,0];const r=s.getAttribute("curvature"),a=s.getExtremities().getPosition(),l=a[0],h=a[1];if(r===0||r===void 0){const u=[l.x+t*(h.x-l.x),l.y+t*(h.y-l.y)];return n?{x:u[0],y:u[1]}:u}const c=O.geometry.getQuadraticCurveControlPoint(l.x,l.y,h.x,h.y,r),d=O.geometry.getPointOnQuadraticCurve(t,l.x,l.y,h.x,h.y,c.x,c.y);return n?{x:d.x,y:d.y}:[d.x,d.y]}destroy(){this.ogma.events.off(this.onSetMultipleAttributes)}}function Te(i){return i instanceof HTMLCanvasElement}class gi extends EventTarget{constructor(t,n,s){super();y(this,"query",{minX:1/0,minY:1/0,maxX:1/0,maxY:1/0});y(this,"suppressClickUntil",0);y(this,"mouseDownState",null);y(this,"DRAG_THRESHOLD",3);y(this,"onMouseMove",t=>{if(!Te(t.target))return;const n=kt(t,this.ogma.getContainer()),s=this.store.getState();if(this.mouseDownState&&!s.isDragging){const c=t.clientX-this.mouseDownState.screenX,d=t.clientY-this.mouseDownState.screenY;Math.sqrt(c*c+d*d)>this.DRAG_THRESHOLD&&(this.mouseDownState.hasMoved=!0)}if(s.isDragging)return;const{x:r,y:o}=this.ogma.view.screenToGraphCoordinates(n),a=this.detect(r,o),l=(a==null?void 0:a.id)??null,h=s.hoveredFeature;l!==h&&s.setHoveredFeature(l),this.setCursor(l===null?F.default:F.pointer)});y(this,"onMouseClick",()=>{Date.now()<this.suppressClickUntil});y(this,"onMouseDown",t=>{if(!Te(t.target)||Date.now()<this.suppressClickUntil)return;const n=kt(t,this.ogma.getContainer()),{x:s,y:r}=this.ogma.view.screenToGraphCoordinates(n),o=this.detect(s,r);this.mouseDownState={annotation:o,screenX:t.clientX,screenY:t.clientY,hasMoved:!1};const a=this.store.getState();this.store.setState({mousePressed:!0,mousePressPoint:{x:s,y:r}}),o&&!a.selectedFeatures.has(o.id)&&(t.ctrlKey||t.metaKey?a.toggleSelection(o.id):a.setSelectedFeatures([o.id]))});y(this,"onMouseUp",t=>{if(!Te(t.target))return;const n=this.store.getState();if(this.store.setState({mousePressed:!1,mousePressPoint:null}),this.mouseDownState&&!this.mouseDownState.hasMoved&&!n.isDragging){const s=this.mouseDownState.annotation;s?t.ctrlKey||t.metaKey?n.toggleSelection(s.id):n.selectedFeatures.has(s.id)||n.setSelectedFeatures([s.id]):!t.ctrlKey&&!t.metaKey&&n.clearSelection(),this.dispatchEvent(new Event(zt))}this.mouseDownState=null});y(this,"onWheel",t=>{var d;if(t.target instanceof HTMLTextAreaElement)return;const n=kt(t,this.ogma.getContainer()),{x:s,y:r}=this.ogma.view.screenToGraphCoordinates(n),o=this.detect(s,r);if(!o||!H(o))return;const a=(d=o.properties.style)==null?void 0:d.maxHeight,l=o.properties.height;if(!a||l<=a)return;const h=this.ogma.getContainer(),c=h==null?void 0:h.querySelector(`[data-annotation="${o.id}"] .comment-box foreignObject div`);c&&(t.stopPropagation(),t.preventDefault(),c.scrollTop+=t.deltaY)});this.ogma=t,this.store=n,this.index=s;const r=this.ogma.getContainer();r&&(r.addEventListener("mousemove",this.onMouseMove,{passive:!0,capture:!0}),r.addEventListener("click",this.onMouseClick,{passive:!0,capture:!0}),r.addEventListener("mousedown",this.onMouseDown,{passive:!0,capture:!1}),r.addEventListener("mouseup",this.onMouseUp,{passive:!0,capture:!0}),r.addEventListener("wheel",this.onWheel,{passive:!1,capture:!0}))}detect(t,n,s){let r=null;const o=this.store.getState(),a=s??o.options.detectMargin;this.query.minX=t-a,this.query.minY=n-a,this.query.maxX=t+a,this.query.maxY=n+a;const l=this.index.query(this.query);if(l.length===0)return null;for(const h of l){const c=o.getFeature(h.id);if(J(c)){if(ge(c,{x:t,y:n},a)){r=c;break}}else if(G(c)){if(rn(c,{x:t,y:n},0,1,a)){r=c;break}}else if(st(c)){if(we(c,{x:t,y:n},a)){r=c;break}}else if(H(c)){if(on(c,{x:t,y:n},a,o.sin,o.cos,o.zoom)){r=c;break}}else if(L(c)&&pe(c,{x:t,y:n},a,o.revSin,o.revCos,o.zoom)){r=c;break}}return r}setCursor(t){var s;const n=(s=this.ogma.getContainer())==null?void 0:s.firstChild;n&&(n.style.cursor=t)}setMode(t){var n;t==="default"?this.setCursor(((n=this.ogma.getOptions().cursor)==null?void 0:n.default)||"default"):t==="add"||t==="link"?this.setCursor(F.crosshair):t==="rotate"&&this.setCursor(F.alias)}suppressClicksTemporarily(t=100){this.suppressClickUntil=Date.now()+t}destroy(){const t=this.ogma.getContainer();t&&(t.removeEventListener("mousemove",this.onMouseMove),t.removeEventListener("click",this.onMouseClick))}}function pn(i,e,t=0,n=i.length-1,s=fi){for(;n>t;){if(n-t>600){const l=n-t+1,h=e-t+1,c=Math.log(l),d=.5*Math.exp(2*c/3),u=.5*Math.sqrt(c*d*(l-d)/l)*(h-l/2<0?-1:1),g=Math.max(t,Math.floor(e-h*d/l+u)),f=Math.min(n,Math.floor(e+(l-h)*d/l+u));pn(i,e,g,f,s)}const r=i[e];let o=t,a=n;for(Pt(i,t,e),s(i[n],r)>0&&Pt(i,t,n);o<a;){for(Pt(i,o,a),o++,a--;s(i[o],r)<0;)o++;for(;s(i[a],r)>0;)a--}s(i[t],r)===0?Pt(i,t,a):(a++,Pt(i,a,n)),a<=e&&(t=a+1),e<=a&&(n=a-1)}}function Pt(i,e,t){const n=i[e];i[e]=i[t],i[t]=n}function fi(i,e){return i<e?-1:i>e?1:0}class mi{constructor(e=9){this._maxEntries=Math.max(4,e),this._minEntries=Math.max(2,Math.ceil(this._maxEntries*.4)),this.clear()}all(){return this._all(this.data,[])}search(e){let t=this.data;const n=[];if(!Vt(e,t))return n;const s=this.toBBox,r=[];for(;t;){for(let o=0;o<t.children.length;o++){const a=t.children[o],l=t.leaf?s(a):a;Vt(e,l)&&(t.leaf?n.push(a):Me(e,l)?this._all(a,n):r.push(a))}t=r.pop()}return n}collides(e){let t=this.data;if(!Vt(e,t))return!1;const n=[];for(;t;){for(let s=0;s<t.children.length;s++){const r=t.children[s],o=t.leaf?this.toBBox(r):r;if(Vt(e,o)){if(t.leaf||Me(e,o))return!0;n.push(r)}}t=n.pop()}return!1}load(e){if(!(e&&e.length))return this;if(e.length<this._minEntries){for(let n=0;n<e.length;n++)this.insert(e[n]);return this}let t=this._build(e.slice(),0,e.length-1,0);if(!this.data.children.length)this.data=t;else if(this.data.height===t.height)this._splitRoot(this.data,t);else{if(this.data.height<t.height){const n=this.data;this.data=t,t=n}this._insert(t,this.data.height-t.height-1,!0)}return this}insert(e){return e&&this._insert(e,this.data.height-1),this}clear(){return this.data=vt([]),this}remove(e,t){if(!e)return this;let n=this.data;const s=this.toBBox(e),r=[],o=[];let a,l,h;for(;n||r.length;){if(n||(n=r.pop(),l=r[r.length-1],a=o.pop(),h=!0),n.leaf){const c=pi(e,n.children,t);if(c!==-1)return n.children.splice(c,1),r.push(n),this._condense(r),this}!h&&!n.leaf&&Me(n,s)?(r.push(n),o.push(a),a=0,l=n,n=n.children[0]):l?(a++,n=l.children[a],h=!1):n=null}return this}toBBox(e){return e}compareMinX(e,t){return e.minX-t.minX}compareMinY(e,t){return e.minY-t.minY}toJSON(){return this.data}fromJSON(e){return this.data=e,this}_all(e,t){const n=[];for(;e;)e.leaf?t.push(...e.children):n.push(...e.children),e=n.pop();return t}_build(e,t,n,s){const r=n-t+1;let o=this._maxEntries,a;if(r<=o)return a=vt(e.slice(t,n+1)),St(a,this.toBBox),a;s||(s=Math.ceil(Math.log(r)/Math.log(o)),o=Math.ceil(r/Math.pow(o,s-1))),a=vt([]),a.leaf=!1,a.height=s;const l=Math.ceil(r/o),h=l*Math.ceil(Math.sqrt(o));yn(e,t,n,h,this.compareMinX);for(let c=t;c<=n;c+=h){const d=Math.min(c+h-1,n);yn(e,c,d,l,this.compareMinY);for(let u=c;u<=d;u+=l){const g=Math.min(u+l-1,d);a.children.push(this._build(e,u,g,s-1))}}return St(a,this.toBBox),a}_chooseSubtree(e,t,n,s){for(;s.push(t),!(t.leaf||s.length-1===n);){let r=1/0,o=1/0,a;for(let l=0;l<t.children.length;l++){const h=t.children[l],c=ke(h),d=xi(e,h)-c;d<o?(o=d,r=c<r?c:r,a=h):d===o&&c<r&&(r=c,a=h)}t=a||t.children[0]}return t}_insert(e,t,n){const s=n?e:this.toBBox(e),r=[],o=this._chooseSubtree(s,this.data,t,r);for(o.children.push(e),Ft(o,s);t>=0&&r[t].children.length>this._maxEntries;)this._split(r,t),t--;this._adjustParentBBoxes(s,r,t)}_split(e,t){const n=e[t],s=n.children.length,r=this._minEntries;this._chooseSplitAxis(n,r,s);const o=this._chooseSplitIndex(n,r,s),a=vt(n.children.splice(o,n.children.length-o));a.height=n.height,a.leaf=n.leaf,St(n,this.toBBox),St(a,this.toBBox),t?e[t-1].children.push(a):this._splitRoot(n,a)}_splitRoot(e,t){this.data=vt([e,t]),this.data.height=e.height+1,this.data.leaf=!1,St(this.data,this.toBBox)}_chooseSplitIndex(e,t,n){let s,r=1/0,o=1/0;for(let a=t;a<=n-t;a++){const l=Dt(e,0,a,this.toBBox),h=Dt(e,a,n,this.toBBox),c=bi(l,h),d=ke(l)+ke(h);c<r?(r=c,s=a,o=d<o?d:o):c===r&&d<o&&(o=d,s=a)}return s||n-t}_chooseSplitAxis(e,t,n){const s=e.leaf?this.compareMinX:yi,r=e.leaf?this.compareMinY:wi,o=this._allDistMargin(e,t,n,s),a=this._allDistMargin(e,t,n,r);o<a&&e.children.sort(s)}_allDistMargin(e,t,n,s){e.children.sort(s);const r=this.toBBox,o=Dt(e,0,t,r),a=Dt(e,n-t,n,r);let l=jt(o)+jt(a);for(let h=t;h<n-t;h++){const c=e.children[h];Ft(o,e.leaf?r(c):c),l+=jt(o)}for(let h=n-t-1;h>=t;h--){const c=e.children[h];Ft(a,e.leaf?r(c):c),l+=jt(a)}return l}_adjustParentBBoxes(e,t,n){for(let s=n;s>=0;s--)Ft(t[s],e)}_condense(e){for(let t=e.length-1,n;t>=0;t--)e[t].children.length===0?t>0?(n=e[t-1].children,n.splice(n.indexOf(e[t]),1)):this.clear():St(e[t],this.toBBox)}}function pi(i,e,t){if(!t)return e.indexOf(i);for(let n=0;n<e.length;n++)if(t(i,e[n]))return n;return-1}function St(i,e){Dt(i,0,i.children.length,e,i)}function Dt(i,e,t,n,s){s||(s=vt(null)),s.minX=1/0,s.minY=1/0,s.maxX=-1/0,s.maxY=-1/0;for(let r=e;r<t;r++){const o=i.children[r];Ft(s,i.leaf?n(o):o)}return s}function Ft(i,e){return i.minX=Math.min(i.minX,e.minX),i.minY=Math.min(i.minY,e.minY),i.maxX=Math.max(i.maxX,e.maxX),i.maxY=Math.max(i.maxY,e.maxY),i}function yi(i,e){return i.minX-e.minX}function wi(i,e){return i.minY-e.minY}function ke(i){return(i.maxX-i.minX)*(i.maxY-i.minY)}function jt(i){return i.maxX-i.minX+(i.maxY-i.minY)}function xi(i,e){return(Math.max(e.maxX,i.maxX)-Math.min(e.minX,i.minX))*(Math.max(e.maxY,i.maxY)-Math.min(e.minY,i.minY))}function bi(i,e){const t=Math.max(i.minX,e.minX),n=Math.max(i.minY,e.minY),s=Math.min(i.maxX,e.maxX),r=Math.min(i.maxY,e.maxY);return Math.max(0,s-t)*Math.max(0,r-n)}function Me(i,e){return i.minX<=e.minX&&i.minY<=e.minY&&e.maxX<=i.maxX&&e.maxY<=i.maxY}function Vt(i,e){return e.minX<=i.maxX&&e.minY<=i.maxY&&e.maxX>=i.minX&&e.maxY>=i.minY}function vt(i){return{children:i,height:1,leaf:!0,minX:1/0,minY:1/0,maxX:-1/0,maxY:-1/0}}function yn(i,e,t,n,s){const r=[e,t];for(;r.length;){if(t=r.pop(),e=r.pop(),t-e<=n)continue;const o=e+Math.ceil((t-e)/n/2)*n;pn(i,o,e,t,s),r.push(e,o,o,t)}}const _t={minX:0,minY:0,maxX:0,maxY:0},wn=(i,e)=>i.id===e.id;class Si extends mi{constructor(t){super();y(this,"store");y(this,"onRotationChange",()=>{const t=this.store.getState().getAllFeatures().filter(n=>L(n)||H(n));for(const n of t)this.updateRotatedText(n)});y(this,"onZoomChange",()=>{const t=this.store.getState().getAllFeatures().filter(n=>{var s;return(L(n)||H(n))&&((s=n.properties.style)==null?void 0:s.fixedSize)});for(const n of t)this.updateRotatedText(n)});this.store=t,this.store.subscribe(n=>n.features,n=>{this.clear(),Object.values(n).forEach(s=>{L(s)||H(s)?this.updateRotatedText(s):this.insert(s)})}),this.store.subscribe(n=>({features:n.features,isDragging:n.isDragging,lastChangedFeatures:n.lastChangedFeatures,rotation:n.rotation}),(n,s)=>{s&&s.isDragging&&!n.isDragging&&n.lastChangedFeatures.length>0&&n.lastChangedFeatures.forEach(r=>{const o=n.features[r];o&&(ct(o),L(o)||H(o)?this.updateRotatedText(o):(this.remove(o,wn),this.insert(o)))})},{equalityFn:(n,s)=>n.isDragging===s.isDragging}),this.store.subscribe(n=>n.rotation,this.onRotationChange),this.store.subscribe(n=>n.zoom,this.onZoomChange)}updateRotatedText(t){var d;const n=this.store.getState();this.remove(t,wn);const s=W(t);let{width:r,height:o}=z(t);if(((d=t.properties.style)==null?void 0:d.fixedSize)===!0){const u=n.invZoom;r*=u,o*=u}const l=r/2,h=o/2,c=n.getRotatedBBox(s.x-l,s.y-h,s.x+l,s.y+h);this.insert({...t,geometry:{...t.geometry,bbox:c.slice()}})}compareMinX(t,n){return tt(t)[0]-tt(n)[0]}compareMinY(t,n){return tt(t)[1]-tt(n)[1]}toBBox(t){const n=tt(t);return _t.minX=n[0],_t.minY=n[1],_t.maxX=n[2],_t.maxY=n[3],_t}query(t){return super.search(t)}}class xn{constructor(e,t){y(this,"layer");this.ogma=e,this.store=t}destroy(){}}function vi(i,e,t,n,s,r){const o=Math.min(n/2,s/2),a=Math.min(r,o);i.beginPath(),i.moveTo(e+a,t),i.lineTo(e+n-a,t),i.quadraticCurveTo(e+n,t,e+n,t+a),i.lineTo(e+n,t+s-a),i.quadraticCurveTo(e+n,t+s,e+n-a,t+s),i.lineTo(e+a,t+s),i.quadraticCurveTo(e,t+s,e,t+s-a),i.lineTo(e,t+a),i.quadraticCurveTo(e,t,e+a,t),i.closePath()}const bn=[[-.5,-.5],[.5,-.5],[.5,.5],[-.5,.5]];class Ai extends xn{constructor(t,n){super(t,n);y(this,"handleFill","#fff");y(this,"handleStroke","#1A70E5");y(this,"handleStrokeWidth",1.5);y(this,"handleRadius",3);y(this,"handleMagnifier",1.5);y(this,"refresh",()=>{this.layer.refresh()});y(this,"render",t=>{const n=this.store.getState(),s=1/n.zoom,{hoveredHandle:r,rotation:o,liveUpdates:a,features:l}=n,h=this.handleRadius*s;t.fillStyle=this.handleFill,t.lineWidth=this.handleStrokeWidth*s,t.strokeStyle=this.handleStroke,Object.values(l).forEach(c=>{if(!n.isSelected(c.id))return;const d=a[c.id]?{...c,...a[c.id]}:c;if(J(d))this.renderArrowHandles(d,t,h,r);else if(G(d)||L(d)){const u=L(d)?o:0;this.renderOutline(d,t,u,r,n.zoom),this.renderBoxHandles(d,t,h,r,u)}else st(d)&&this.renderPolygonHandles(d,t,h,r,n.drawingFeature===d.id)})});this.layer=t.layers.addCanvasLayer(this.render,void 0,Ot.HANDLES),this.store.subscribe(s=>({selectedFeatures:s.selectedFeatures,liveUpdates:s.liveUpdates}),this.refresh),t.events.on("zoom",this.refresh)}renderOutline(t,n,s,r,o){var p,b;const a=L(t)&&((p=t.properties.style)==null?void 0:p.fixedSize);let{width:l,height:h}=z(t);a&&(l/=o,h/=o);const c=lt(t,a,o),d=l/2,u=h/2,g=c.x+d,f=c.y+u;n.save(),n.translate(g,f),n.rotate(s);const m=(b=t.properties.style)==null?void 0:b.borderRadius;if(m&&m>0?(vi(n,-d,-u,l,h,m),n.stroke()):n.strokeRect(-d,-u,l,h),r>=4&&r<8){let S,v,A,x;const C=m&&m>0?m:this.handleRadius/o;switch(r){case 4:S=-d+C,v=-u,A=d-C,x=-u;break;case 5:S=d,v=-u+C,A=d,x=u-C;break;case 6:S=d-C,v=u,A=-d+C,x=u;break;case 7:S=-d,v=u-C,A=-d,x=-u+C;break}n.lineWidth=this.handleStrokeWidth*this.handleMagnifier/o,n.beginPath(),n.moveTo(S,v),n.lineTo(A,x),n.stroke(),n.lineWidth=this.handleStrokeWidth}n.restore()}renderArrowHandles(t,n,s,r){const o=le(t),a=ce(t),l=+(r===0),h=+(r===1),c=s*(1+(this.handleMagnifier-1)*l),d=s*(1+(this.handleMagnifier-1)*h);n.beginPath(),n.moveTo(o.x,o.y),n.lineTo(a.x,a.y),n.closePath(),n.stroke(),n.beginPath(),n.moveTo(o.x-c,o.y-c),n.rect(o.x-c,o.y-c,c*2,c*2),n.moveTo(a.x-d,a.y-d),n.rect(a.x-d,a.y-d,d*2,d*2),n.closePath(),n.fill(),n.stroke()}renderBoxHandles(t,n,s,r,o){var f;if(L(t)&&((f=t.properties.style)!=null&&f.fixedSize))return;const{width:a,height:l}=z(t),h=lt(t),c=a/2,d=l/2,u=h.x+c,g=h.y+d;n.save(),n.translate(u,g),n.rotate(o),n.beginPath();for(let m=0;m<bn.length;m++){const[p,b]=bn[m],S=a*p,v=l*b,A=r===m?s*this.handleMagnifier:s;n.rect(S-A,v-A,A*2,A*2)}n.closePath(),n.fill(),n.stroke(),n.restore()}renderPolygonHandles(t,n,s,r,o){const a=t.geometry.coordinates[0];if(!o){a.length>2&&(n.save(),n.strokeStyle=this.handleStroke,n.lineWidth=this.handleStrokeWidth/this.store.getState().zoom,this.drawSmoothPolygon(n,a,.5),n.stroke(),n.restore()),n.beginPath();for(let l=0;l<a.length-1;l++){const[h,c]=a[l],d=r===l?s*this.handleMagnifier:s;n.moveTo(h+d,c),n.arc(h,c,d,0,2*Math.PI)}n.closePath(),n.fill(),n.stroke()}}drawSmoothPolygon(t,n,s){const r=n.slice(0,-1);if(r.length<3)return;t.beginPath();const o=r.length;for(let a=0;a<o;a++){const l=r[(a-1+o)%o],h=r[a],c=r[(a+1)%o],d=r[(a+2)%o],u=h[0]+(c[0]-l[0])/6*s,g=h[1]+(c[1]-l[1])/6*s,f=c[0]-(d[0]-h[0])/6*s,m=c[1]-(d[1]-h[1])/6*s;a===0&&t.moveTo(h[0],h[1]),t.bezierCurveTo(u,g,f,m,c[0],c[1])}t.closePath()}renderCenterPoint(t,n){var r;const s=this.store.getState();if(L(t)){const o=lt(t,(r=t.properties.style)==null?void 0:r.fixedSize,s.zoom),a=z(t);n.moveTo(o.x+a.width/2+5,o.y+a.height/2),n.arc(o.x+a.width/2,o.y+a.height/2,5,0,Math.PI*2,!0)}}destroy(){this.layer.destroy(),super.destroy()}}const Ei=.5;function Ci(i,e,t,n){const{start:s,end:r}=Xt(i),o=I(r,s);return Math.min(n,Math.max(2*e,V(o)*.01,t))}function Sn(i,e){return!i||i==="none"?0:i==="dot"?e*2:i==="halo-dot"?e*4:i==="arrow"||i==="arrow-plain"?e:0}function Ti(i,e){if(!i){i=k("g");const t=k("path");i.classList.add("annotation-arrow"),i.setAttribute("data-annotation",`${e}`),i.setAttribute("data-annotation-type","arrow"),i.appendChild(t);const n=k("g");n.classList.add("annotation-arrow-endpoints"),i.appendChild(n)}return i}function ki(i,e,t,n,s,r){const{start:o,end:a}=Xt(e),l=e.properties.style||dt,{tail:h,strokeWidth:c=0,head:d,strokeColor:u,strokeType:g}=l,f=I(a,o),m=Ae(e)?1/r.zoom:1,p=Ci(e,c,t,n)*m,b=Ti(s,e.id),S=b.firstChild,v=u||"none";S.setAttribute("stroke",v),S.setAttribute("stroke-width",`${m*c}`),S.setAttribute("fill","none"),S.setAttribute("stroke-linecap","round"),S.setAttribute("stroke-linejoin","round");const A=Sn(h,c*m),x=Sn(d,c*m),C=qt(f),E=ht(o,nt(C,A)),T=ht(a,nt(C,-x)),M=`M ${E.x} ${E.y} L ${T.x} ${T.y}`;S.setAttribute("d",M);const D=b.children[1];return D.innerHTML="",g==="dashed"?S.setAttribute("stroke-dasharray","5,10"):S.removeAttribute("stroke-dasharray"),vn(D,o,f,v,h,c,m,p),vn(D,a,ws(f),v,d,c,m,p),b.setAttribute("transform",`rotate(${-r.rotation*(180/Math.PI)})`),i.appendChild(b),b}function vn(i,e,t,n,s,r,o,a){s==="halo-dot"&&An(i,e,Mi(n),Ei,r*o*4),(s==="dot"||s==="halo-dot")&&An(i,e,n,1,r*o*2),(s==="arrow"||s==="arrow-plain")&&Pi(i,e,t,n,s==="arrow-plain",r*o,a)}function Mi(i){return i==="none"?"none":i}function An(i,e,t,n,s){const r=k("circle");r.setAttribute("cx",`${e.x}`),r.setAttribute("cy",`${e.y}`),r.setAttribute("r",`${s}`),r.setAttribute("fill-opacity",`${n}`),r.setAttribute("fill",t),i.appendChild(r)}function Pi(i,e,t,n,s,r,o){const a=nt(qt(t),o),l=ht(e,sn(a,Math.PI/6)),h=ht(e,sn(a,-Math.PI/6)),c=k("path"),d=`${e.x} ${e.y}`,u=`M ${l.x} ${l.y} L ${d} L ${h.x} ${h.y}${s?" Z":""}`;c.setAttribute("d",u),c.setAttribute("stroke",n),c.setAttribute("stroke-width",`${r}`),c.setAttribute("fill",s?n:"none"),c.setAttribute("stroke-linecap","round"),c.setAttribute("stroke-linejoin","round"),i.appendChild(c)}function Di(i,e,t="box"){if(!i){i=k("g"),i.setAttribute("data-annotation",`${e}`),i.setAttribute("data-annotation-type",t),i.classList.add(`annotation-${t}`);const n=k("rect");i.appendChild(n)}return i}function En(i,e,t,n){const s=e.id,r=`class${s}`,o=z(e),a=Di(t,s,e.properties.type),{strokeColor:l,strokeWidth:h,strokeType:c,background:d,borderRadius:u}=e.properties.style||bt;a.classList.add("annotation-box"),a.setAttribute("fill",`${d||"transparent"}`);const g=a.firstChild;u&&(g.setAttribute("rx",`${u}`),g.setAttribute("ry",`${u}`)),c&&c!=="none"&&(g.setAttribute("stroke",l||"black"),g.setAttribute("stroke-width",`${h}`),c==="dashed"&&g.setAttribute("stroke-dasharray","5,5")),d&&d.length&&(n.hoveredFeature===e.id?g.setAttribute("fill",wt(d)):g.setAttribute("fill",d));const f=lt(e);return g.setAttribute("width",`${o.width}`),g.setAttribute("height",`${o.height}`),g.setAttribute("x",`${f.x}`),g.setAttribute("y",`${f.y}`),a.appendChild(g),a.setAttribute("transform",n.getRotationTransform(0,0)),a.classList.add(r),a.setAttribute("data-annotation",`${e.id}`),a.setAttribute("data-annotation-type",e.properties.type),i.appendChild(a),a}let Pe=null;function Fi(){return Pe||(Pe=document.createElement("canvas").getContext("2d")),Pe}function _i(i,e,t,n,s){if(!i||i.length===0)return 60;const r=Fi();r.font=`${t}px ${e}`;const o=i.split(`
-`);let a=0;for(const h of o){if(h.length===0)continue;const c=h.split(/\s+/);let d=0;const u=r.measureText(" ").width,g=n-s*2;for(let f=0;f<c.length;f++){const m=c[f],p=r.measureText(m).width;d===0?d=p:d+u+p<=g?d+=u+p:(a=Math.max(a,d),d=p)}a=Math.max(a,d)}const l=a+s*2+4;return Math.min(l,n)}function Li(){const i=k("style");return i.textContent=`
+        </div>`,position:r,size:o},Xt.EDITOR),this.textarea=this.layer.element.querySelector("textarea"),this.textarea.setAttribute("wrap","on"),this.textarea.setAttribute("spellcheck","false"),this.textarea.value=a.properties.content||"",h&&(this.sendButton=this.layer.element.querySelector(".ogma-send-button"),this.sendButton.addEventListener("click",this.onSendClick),this.updateSendButtonState()),this.isFocused=!1,this.textarea.addEventListener("focus",this.onFocus),this.textarea.addEventListener("blur",this.onBlur),this.textarea.addEventListener("input",this.onInput),this.textarea.addEventListener("keyup",this.onKeyup),this.textarea.addEventListener("keydown",this.onKeydown),this.textarea.addEventListener("wheel",this.onMouseEvent),this.textarea.addEventListener("mouseup",this.onMouseEvent),this.textarea.addEventListener("mousedown",this.onMouseEvent),this.textarea.addEventListener("click",this.onMouseEvent),this.textarea.addEventListener("drag",this.onMouseEvent),this.updateStyle(),this.updatePosition(),this.textarea.focus(),this.unsubscribe=this.store.subscribe(p=>({rotation:p.rotation,zoom:p.zoom,annotation:p.features[this.annotation]}),this.update,{equalityFn:(p,m)=>p.rotation===m.rotation&&p.zoom===m.zoom&&p.annotation===m.annotation})}getAnnotation(){const e=this.store.getState();e.liveUpdates[this.annotation]||e.startLiveUpdate([this.annotation]);const t=e.getFeature(this.annotation),n=e.liveUpdates[this.annotation];return t&&n?{...t,...n}:t}getPosition(){const e=this.getAnnotation();if(!e)return{x:0,y:0};const t=e.properties.style,n=(t==null?void 0:t.fixedSize)||!1,s=t==null?void 0:t.maxHeight,r=this.store.getState().zoom,o=ke(e),[a,c]=e.geometry.coordinates,h=e.properties.width;let l=e.properties.height;s&&(l=Math.min(l,s));const d=n?1/r:1;return{x:a-h*d/2+o*d,y:c-l*d/2+o*d}}getSize(){var g;const e=this.getAnnotation();if(!e)return{width:0,height:0};const t=Y(e),n=ke(e),s=e.properties.style,r=(s==null?void 0:s.fixedSize)||!1,o=s==null?void 0:s.maxHeight,a=this.store.getState().zoom,c=this.store.getState(),h=D(e)&&(((g=c.options)==null?void 0:g.showSendButton)??!0),l=r?1/a:1;let d=(t.height-n*2)*l;if(o){const f=(o-n*2)*l;d=Math.min(d,f)}const u=h?28*l:0;return{width:(t.width-n*2)*l,height:d+u}}updateStyle(){var v;const e=this.getAnnotation();if(!e)return;const t=D(e)?K:V,{font:n,fontSize:s=t.fontSize,borderRadius:r,color:o,background:a=t.background,padding:c=0,fixedSize:h=t.fixedSize}=e.properties.style||t,l=this.textarea,d=this.layer.element,u=this.store.getState().zoom,g=h?1/u:1,f=parseFloat(s.toString())*g,p=c*g,m=d.style;if(m.display="grid",m.gridTemplateRows="1fr auto",m.boxSizing="border-box",m.background=a||"transparent",m.borderRadius=`${(r||0)*g}px`,m.padding=`${p}px`,m.transformOrigin="center",m.transform=`rotate(${this.store.getState().rotation}rad)`,e.properties.type==="comment"){const S=e.properties.style,E=(S==null?void 0:S.shadow)!==!1;m.boxShadow=E?"0 2px 8px rgba(0, 0, 0, 0.15)":"none"}const x=l.style;if(x.font=`${f} ${n}`,x.fontFamily=n||"sans-serif",x.fontSize=`${f}px`,x.lineHeight=`${f*Pt}px`,x.padding="0",x.border="none",x.outline="none",x.boxSizing="border-box",x.color=o||"black",x.background="transparent",x.flex="1",x.minHeight="0",x.resize="none",this.sendButton){const S=24*g,E=4*g;this.sendButton.style.width=`${S}px`,this.sendButton.style.height=`${S}px`,this.sendButton.style.padding=`${E}px`,this.sendButton.style.transform="";const b=this.sendButton.querySelector(".ogma-send-button-icon");if(b){const A=16*g;b.style.width=`${A}px`,b.style.height=`${A}px`}}if(h){const S=(v=e.properties.style)==null?void 0:v.maxHeight,E=S&&e.properties.height>=S;x.overflowY=E?"auto":"hidden",x.overflowX="hidden"}}updatePosition(){this.layer.setPosition(this.getPosition())}updateContent(){var o,a,c,h;const e=this.getAnnotation();if(!e)return;let t=e.properties.height,n=e.geometry.coordinates;const s=(o=e.properties.style)==null?void 0:o.fixedSize;if(s){const l=this.textarea.style.height;this.textarea.style.height="0px";const d=this.textarea.scrollHeight;this.textarea.style.height=l;const u=ke(e),g=this.store.getState().zoom,f=((a=e.properties.style)==null?void 0:a.padding)||0,p=(d+u*2/g)*g+f*2,m=((c=e.properties.style)==null?void 0:c.minHeight)||50;t=Math.max(m,p);const x=(h=e.properties.style)==null?void 0:h.maxHeight,v=e.properties.height,S=t-v;if(Math.abs(S)>1){const[E,b]=e.geometry.coordinates;if(x&&t>x){const A=x-v;t=x,Math.abs(A)>1&&(n=[E,b+A/2])}else n=[E,b+S/2]}}const r={...e,properties:{...e.properties,content:this.textarea.value,height:t},geometry:{...e.geometry,coordinates:n}};s&&Math.abs(e.properties.height-t)>1&&(this.layer.setSize(this.getSize()),this.layer.setPosition(this.getPosition())),this.store.getState().applyLiveUpdate(this.annotation,r)}updateSendButtonState(){if(!this.sendButton)return;const e=this.textarea.value.trim().length===0;this.sendButton.disabled=e}destroy(){this.store.getState().commitLiveUpdates(new Set([this.annotation])),this.unsubscribe(),this.sendButton&&this.sendButton.removeEventListener("click",this.onSendClick),this.layer.destroy()}}function ke(i){var e;return((e=i.properties.style)==null?void 0:e.strokeWidth)||0}const gn={x:1,y:0},fn={x:0,y:1},Js=[["top",fn,-.5,-.5,.5,-.5],["right",gn,.5,-.5,.5,.5],["bottom",fn,-.5,.5,.5,.5],["left",gn,-.5,-.5,-.5,.5]],Qs={top:[0,1],right:[1,2],bottom:[2,3],left:[3,0]},pn=[[-.5,-.5],[.5,-.5],[.5,.5],[-.5,.5]],ti=[H.nwResize,H.neResize,H.seResize,H.swResize];class Me extends Gt{constructor(t,n,s){super(t,n);y(this,"links");y(this,"textEditor",null);y(this,"justActivated",!1);y(this,"onClick",t=>{const n=this.getAnnotation();if(n){if(D(n)&&n.properties.mode===ot){this.store.getState().updateFeature(n.id,{properties:{...n.properties,mode:Mt}}),this.ogma.view.afterNextFrame(),this.justActivated=!1;return}if(this.store.getState().selectedFeatures.has(n.id)){if(D(n)&&this.justActivated){this.justActivated=!1;return}n&&(L(n)||D(n))&&this.startEditingText()}}});y(this,"stopEditingText",()=>{this.textEditor&&(this.store.getState().drawingFeature===this.annotation&&this.store.setState({drawingFeature:null}),this.textEditor.destroy()),this.textEditor=null,this.store.setState({editingFeature:null})});this.links=s}detectHandle(t,n){var E;const s=this.getAnnotation(),{x:r,y:o}=this.clientToCanvas(t);let{width:a,height:c}=Y(s);const h=5/n,l=J(s),d=this.store.getState();let{revSin:u,revCos:g}=d;(W(s)||D(s))&&(u=0,g=1),this.hoveredHandle=void 0;const f=Ze*(1/n),p=r-l.x,m=o-l.y,x=p*g-m*u,v=p*u+m*g,S=((E=s.properties.style)==null?void 0:E.fixedSize)===!0||D(s);if(S&&(a/=n,c/=n),!S){for(let b=0;b<pn.length;b++){const[A,T]=pn[b],C=a*A,M=c*T;if(x>=C-f-h&&x<=C+f+h&&v>=M-f-h&&v<=M+f+h){this.hoveredHandle={type:"corner",corner:b},this.store.setState({hoveredHandle:b,hoveredFeature:this.annotation}),this.setCursor(this.getCornerCursor(b));return}}for(const[b,A,T,C,M,F]of Js){const j=a*T,U=c*C,R=a*M,at=c*F,lt=vt(A,{x:x-j,y:v-U});if(Math.abs(lt)<h&&x>=j-h&&x<=R+h&&v>=U-h&&v<=at+h){this.hoveredHandle={type:"edge",edge:b,corner:-1},this.store.setState({hoveredHandle:Qs[b][0]+4,hoveredFeature:this.annotation}),this.setCursor(this.getEdgeCursor(b));return}}}if(x>=-a/2-h&&x<=a/2+h&&v>=-c/2-h&&v<=c/2+h){this.store.setState({hoveredHandle:8,hoveredFeature:this.annotation}),this.hoveredHandle={type:"body",corner:-1},this.setCursor(H.grab);return}this.store.setState({hoveredHandle:-1,hoveredFeature:null}),this.setCursor(H.default)}onDrag(t){if(!this.dragStartPoint||!this.hoveredHandle||!this.isActive())return;t.stopPropagation(),t.stopImmediatePropagation();const n=this.getAnnotation(),s=this.clientToCanvas(t),r={x:s.x-this.dragStartPoint.x,y:s.y-this.dragStartPoint.y},o=this.hoveredHandle,a=this.getAnnotation();let c=null;o.type==="corner"?c=this.dragCorner(a,r,o.corner):o.type==="edge"&&o.edge?c=this.dragEdge(a,r,o):o.type==="body"&&(Te(this.store,this.links,n.id,r),this.textEditor&&this.textEditor.update()),c&&(this.store.getState().applyLiveUpdate(n.id,c),this.links.updateLinkedArrowsDuringDrag(n.id,r),this.textEditor&&this.textEditor.update()),this.dispatchEvent(new CustomEvent(Tt,{detail:{point:s,annotation:this.annotation,handle:o}}))}dragCorner(t,n,s){const r=s===0||s===1,o=s===0||s===3,a=s===1||s===2,c=s===2||s===3,{width:h,height:l}=Y(t),d=this.store.getState();let{revSin:u,revCos:g}=d;(W(t)||D(t))&&(u=0,g=1);const f=n.x*g-n.y*u,p=n.x*u+n.y*g;let m=0,x=0;o?m=-f:a&&(m=f),r?x=-p:c&&(x=p);const v=Math.max(0,h+m),S=Math.max(0,l+x),E=J(t),b=E.x+n.x/2,A=E.y+n.y/2;return{...t,properties:{...t.properties,width:v,height:S},geometry:{type:t.geometry.type,coordinates:[b,A]}}}dragEdge(t,n,s){const{width:r,height:o}=Y(t),a=J(t),c=this.store.getState();let{revSin:h,revCos:l}=c;(W(t)||D(t))&&(h=0,l=1);const d=n.x*l-n.y*h,u=n.x*h+n.y*l;let g=r,f=o,p=0,m=0;switch(s.edge){case"top":f=Math.max(0,o-u),m=u/2;break;case"bottom":f=Math.max(0,o+u),m=u/2;break;case"left":g=Math.max(0,r-d),p=d/2;break;case"right":g=Math.max(0,r+d),p=d/2;break}const x=p*l+m*h,v=-p*h+m*l;return{...t,properties:{...t.properties,width:g,height:f},geometry:{type:t.geometry.type,coordinates:[a.x+x,a.y+v]}}}onDragStart(t){return super.onDragStart(t)?(this.stopEditingText(),this.store.getState().startLiveUpdate([this.annotation]),!0):!1}startEditingText(){this.textEditor===null&&(this.store.setState({editingFeature:this.annotation}),this.textEditor=new Ks(this.ogma,this.store,this.annotation,this.stopEditingText))}onDragEnd(t){var a,c;if(!super.onDragEnd(t))return!1;this.store.getState().drawingFeature===this.annotation&&this.store.setState({drawingFeature:null});const s=this.clientToCanvas(t),r=s.x-(((a=this.dragStartPoint)==null?void 0:a.x)||0),o=s.y-(((c=this.dragStartPoint)==null?void 0:c.y)||0);return Math.abs(r)<1&&Math.abs(o)<1?(this.clearDragState(),this.onClick({clientX:t.clientX,clientY:t.clientY})):this.commitChange(),this.hoveredHandle=void 0,this.dragStartPoint=void 0,this.dragging=!1,!0}getCornerCursor(t){return ti[t]}getEdgeCursor(t){switch(t){case"top":case"bottom":return H.nsResize;case"left":case"right":return H.ewResize;default:return H.default}}stopEditing(){super.stopEditing(),this.commitChange(),this.stopEditingText()}startDrawing(t,n,s){this.annotation=t,this.hoveredHandle={type:"corner",corner:2},this.store.setState({hoveredHandle:2,hoveredFeature:this.annotation}),this.dragging=!0;const r=this.ogma.view.graphToScreenCoordinates({x:n,y:s});this.dragStartPoint=r,this.disablePanning(),this.onDragStart({clientX:r.x,clientY:r.y})}setAnnotation(t){t&&D(t)&&(this.justActivated=!0),super.setAnnotation(t),t&&D(t)&&t.properties.mode===ot&&this.store.getState().updateFeature(t.id,{properties:{...t.properties,mode:Mt}})}}class ei extends EventTarget{constructor(t,n,s,r,o){super();y(this,"handlers",new Map);y(this,"activeHandler");y(this,"interaction");y(this,"ogma");y(this,"snapping");y(this,"store");this.ogma=t,this.store=n,this.snapping=s,this.interaction=o,this.handlers.set("box",new Me(this.ogma,this.store,r)),this.handlers.set("text",new Me(this.ogma,this.store,r)),this.handlers.set("comment",new Me(this.ogma,this.store,r)),this.handlers.set("arrow",new Vs(this.ogma,this.store,this.snapping,r)),this.handlers.set("polygon",new Zs(this.ogma,this.store,r)),this.handlers.forEach(a=>{a.addEventListener("dragstart",(c=>{this.dispatchEvent(new CustomEvent(xt,{detail:{...c.detail}})),this.store.setState({isDragging:!0}),this.interaction.setMode("edit")})),a.addEventListener("dragend",(c=>{this.dispatchEvent(new CustomEvent(kt,{detail:{...c.detail}})),this.store.setState({isDragging:!1}),this.interaction.suppressClicksTemporarily()}))}),this.store.subscribe(a=>a.selectedFeatures,(a,c)=>{const h=Array.from(a.keys()).filter(d=>!c.has(d)),l=Array.from(c.keys()).filter(d=>!a.has(d));!h.length&&!l.length||(l.forEach(d=>this.stopEditingFeature(d)),h.forEach(d=>this.editFeature(d)))})}stopEditingFeature(t){const n=this.store.getState().features[t];if(!n)return;const s=n.properties.type,r=this.handlers.get(s);r&&r.stopEditing()}editFeature(t){var s;const n=this.store.getState().features[t];n&&(this.setActiveHandler(n.properties.type),(s=this.activeHandler)==null||s.setAnnotation(n))}getSnapping(){return this.snapping}getArrowHandler(){return this.handlers.get("arrow")}getActiveHandler(){return this.activeHandler}setActiveHandler(t){const n=this.handlers.get(t);if(!n)throw new Error(`Handler for type ${t} not found`);return this.activeHandler=n,this}destroy(){}}const ni=["x","y","radius"],si=1;class ii{constructor(e,t,n,s){y(this,"links",new Map);y(this,"nodeToLink",new Map);y(this,"edgeToLink",new Map);y(this,"annotationToLink",new Map);y(this,"linksByArrowId",new Map);y(this,"store");y(this,"ogma");y(this,"snapping");y(this,"updatedItems",new Set);y(this,"onLinkCreated");y(this,"commitTimeout");y(this,"onSetMultipleAttributes",({elements:e,updatedAttributes:t})=>{const n=new Set(t);!e.isNode||!n.has("x")&&!n.has("y")&&!n.has("radius")||this.requestUpdateFromNodePositions(e.toList())});y(this,"refresh",()=>{const e=this.store.getState(),t=new Map;this.annotationToLink.forEach((n,s)=>{var a;const r=e.getFeature(s);if(!r)return;(L(r)&&((a=r.properties.style)==null?void 0:a.fixedSize)||D(r))&&n.forEach(c=>{const h=this.links.get(c);if(!h)return;const l=h.arrow;t.set(l,this.linksByArrowId.get(l))})}),t.size>0&&this.update(t)});y(this,"throttledRefresh",fe(()=>this.refresh(),20));y(this,"onAddRemoveEdges",e=>{const t=e.edges;if(!t.size||!this.edgeToLink.size)return;const n=new Map,s=new Map;t.getParallelEdges().getId().forEach(r=>{const o=this.edgeToLink.get(r);o&&o.forEach(a=>{const c=this.links.get(a);if(!c)return;const h=c.arrow;n.set(h,this.linksByArrowId.get(h)),s.set(h,this.linksByArrowId.get(h))})}),s.size!==0&&this.update(s)});y(this,"commit",()=>{this.store.getState().batchUpdate(this.commitLiveUpdates),this.updatedItems.clear()});y(this,"commitLiveUpdates",()=>{this.store.getState().commitLiveUpdates(this.updatedItems)});y(this,"onAddArrow",(e,t)=>{const n=this.store.getState(),s=new Set(Object.keys(t)),r=Object.keys(e).filter(a=>!s.has(a)),o=Object.keys(t).filter(a=>!e[a]);r.forEach(a=>{var l,d;const c=n.getFeature(a);if(!c||!tt(c))return;const h=c;if((l=h.properties.link)!=null&&l.start){const u=h.properties.link.start;this.add(h,O,u.id,u.type,u.magnet)}if((d=h.properties.link)!=null&&d.end){const u=h.properties.link.end;this.add(h,rt,u.id,u.type,u.magnet)}}),o.forEach(a=>{const c=t[a];if(tt(c)){const h=c;this.remove(h,O),this.remove(h,rt)}else{const h=this.annotationToLink.get(a);if(!h)return;for(const l of h){const d=this.links.get(l);if(!d)continue;const u=n.getFeature(d.arrow);u?this.remove(u,d.side):this.remove(d.arrow,d.side)}}})});this.ogma=e,this.store=n,this.snapping=t,this.onLinkCreated=s,this.store.subscribe(r=>r.features,this.onAddArrow),this.store.subscribe(r=>({zoom:r.zoom,rotation:r.rotation}),this.throttledRefresh,{equalityFn:(r,o)=>r.zoom===o.zoom&&r.rotation===o.rotation}),this.ogma.events.on("setMultipleAttributes",this.onSetMultipleAttributes).on(["addEdges","removeEdges"],this.onAddRemoveEdges).on("viewChanged",this.refresh)}updateLinkedArrowsDuringDrag(e,t,n){const s=this.store.getState();if(!s.getFeature(e))return;const o=this.annotationToLink.get(e);if(o)for(const a of o){const c=this.links.get(a);if(!c)continue;const h=s.getFeature(c.arrow),l=Dt(h,c.side),d=pt(l,t),u={...h.geometry,coordinates:h.geometry.coordinates.map((g,f)=>c.side===O&&f===0||c.side===rt&&f===1?[d.x,d.y]:[...g])};n?n[h.id]={geometry:u}:s.applyLiveUpdate(h.id,{geometry:u}),this.updatedItems.add(h.id)}}snapLinkedArrowsDuringDrag(e,t){const n=this.store.getState();let s=n.getFeature(e);if(!s)return;const r=n.liveUpdates[e];s=r?{...s,...r}:s;const o=this.annotationToLink.get(e);if(o)for(const a of o){const c=this.links.get(a);if(!c)continue;let h=n.getFeature(c.arrow);const l=n.liveUpdates[h.id];h=l?{...h,...l}:h;const d=h.geometry.coordinates[c.side===O?0:1],u={x:d[0],y:d[1]};let g;if(L(s)||D(s)||W(s)?g=this.snapping.snapToText(u,[s]):it(s)&&(g=this.snapping.snapToPolygon(u,[s])),!g)continue;const f=g.point,p={...h.geometry,coordinates:h.geometry.coordinates.map((m,x)=>c.side===O&&x===0||c.side===rt&&x===1?[f.x,f.y]:[...m])};t?t[h.id]={geometry:p}:n.applyLiveUpdate(h.id,{geometry:p})}}add(e,t,n,s,r){const o=ut(),a=e.id;let c=r;if(s===P.POLYGON){const u=this.store.getState().getFeature(n);if(u&&it(u)){const g=le(u),f=g[2]-g[0],p=g[3]-g[1],m=r.x-g[0],x=r.y-g[1],v=f>0?m/f:.5,S=p>0?x/p:.5;c={x:v,y:S}}}const h={id:o,arrow:a,target:n,targetType:s,magnet:c,side:t};if(s===P.NODE&&!this.ogma.getNode(n)||s===P.EDGE&&!this.ogma.getEdge(n))return;this.remove(e,t),this.links.set(o,h);const l=s===P.NODE?this.nodeToLink:s===P.EDGE?this.edgeToLink:this.annotationToLink;return l.has(n)||l.set(n,new Set),l.get(n).add(o),this.linksByArrowId.has(a)||this.linksByArrowId.set(a,{}),this.linksByArrowId.get(a)[t]=o,e.properties.link=e.properties.link||{},e.properties.link[t]={id:n,side:t,type:s,magnet:c},this.onLinkCreated&&this.onLinkCreated(e,h),this}remove(e,t){var o,a,c,h,l;const n=typeof e=="object"?e.id:e,s=(o=this.linksByArrowId.get(n))==null?void 0:o[t];if(typeof e=="object"&&((a=e.properties.link)==null||delete a[t]),!s)return this;const r=this.links.get(s);return r?(this.links.delete(s),(c=this.nodeToLink.get(r.target))==null||c.delete(s),(h=this.edgeToLink.get(r.target))==null||h.delete(s),(l=this.annotationToLink.get(r.target))==null||l.delete(s),this.linksByArrowId.has(n)&&(this.linksByArrowId.get(n)[t]=void 0),this):this}requestUpdateFromNodePositions(e){setTimeout(()=>this.updateFromNodePositions(e),1)}updateFromNodePositions(e){const t=e.getId(),n=new Map;t.forEach(h=>{const l=this.nodeToLink.get(h);l&&l.forEach(d=>{const u=this.links.get(d);if(!u)return;const g=u.arrow;n.set(g,this.linksByArrowId.get(g))})});const s=new Map;e.getAdjacentEdges().getId().forEach(h=>{const l=this.edgeToLink.get(h);l&&l.forEach(d=>{const u=this.links.get(d);if(!u)return;const g=u.arrow;n.set(g,this.linksByArrowId.get(g)),s.set(g,this.linksByArrowId.get(g))})});const o=e.getAttributes(ni),a=this.store.getState(),c={};for(let h=0;h<t.length;h++){const l=t[h],d=this.nodeToLink.get(l);if(d)for(const u of d){const g=this.links.get(u);if(!g)continue;const f=g.arrow,p=this.store.getState().getFeature(f),m=p.geometry.coordinates.slice(),x=Dt(p,rt),v=Dt(p,O),S=o[h],E=this._getNodeSnapPoint(S,ct(X(x,v),-1),this._isLinkedToCenter(g));m[g.side===O?0:1]=E,c[f]={...p,geometry:{coordinates:m}},this.updatedItems.add(f),g.magnet={x:E[0]-S.x,y:E[1]-S.y},ft(c[f])}}if(a.applyLiveUpdates(c),s.size>0){this.update(s);return}this.requestCommit()}update(e=this.linksByArrowId){const t=this.store.getState(),n=Array.from(this.nodeToLink.keys()),s=new Map;n.forEach((c,h)=>s.set(c,h));const o=this.ogma.getNodes(n).getAttributes(["x","y","radius"]),a={};e.forEach((c,h)=>{const l=this.links.get(c.start),d=this.links.get(c.end),u=t.getFeature(h);let g=u.geometry.coordinates[0],f=u.geometry.coordinates[1];const p=l?l.targetType===P.NODE?o[s.get(l.target)]:l.targetType===P.EDGE?this._getEdgeSnapPoint(l.target,l.magnet.x,!0):this._getAnnotationCenter(t.getFeature(l.target)):{x:g[0],y:g[1]},m=d?d.targetType===P.NODE?o[s.get(d.target)]:d.targetType===P.EDGE?this._getEdgeSnapPoint(d.target,d.magnet.x,!0):this._getAnnotationCenter(t.getFeature(d.target)):{x:f[0],y:f[1]},x=X(m,p);if(l)if(l.targetType===P.NODE)g=this._getNodeSnapPoint(p,x,this._isLinkedToCenter(l));else if(l.targetType===P.EDGE)g=this._getEdgeSnapPoint(l.target,l.magnet.x);else{const v=t.getFeature(l.target);g=this._getAnnotationSnapPoint(v,m,l,t.zoom)}if(d)if(d.targetType===P.NODE)f=this._getNodeSnapPoint(m,ct(x,-1),this._isLinkedToCenter(d));else if(d.targetType===P.EDGE)f=this._getEdgeSnapPoint(d.target,d.magnet.x);else{const v=t.getFeature(d.target);f=this._getAnnotationSnapPoint(v,p,d,t.zoom)}a[u.id]={properties:u.properties,geometry:{coordinates:[g,f]}},ft(a[u.id]),this.updatedItems.add(u.id)}),t.applyLiveUpdates(a),this.requestCommit()}requestCommit(){clearTimeout(this.commitTimeout),this.commitTimeout=setTimeout(this.commit,si)}_isLinkedToCenter(e){return e.magnet.x===0&&e.magnet.y===0}_getAnnotationCenter(e){return it(e)?ce(e):J(e)}_getAnnotationSnapPoint(e,t,n,s){if(it(e)){const r=le(e),o=r[0]+n.magnet.x*(r[2]-r[0]),a=r[1]+n.magnet.y*(r[3]-r[1]);return[o,a]}return this._getBoxSnapPoint(e,t,n,s)}_getBoxSnapPoint(e,t,n,s){var d;const r=J(e);let{width:o,height:a}=Y(e);(L(e)&&((d=e.properties.style)==null?void 0:d.fixedSize)||D(e))&&(o/=s,a/=s);let h=n.magnet.x*o,l=n.magnet.y*a;if(L(e)&&!W(e)){const{sin:u,cos:g}=this.store.getState(),f=h*g-l*u,p=h*u+l*g;h=f,l=p}else if(D(e)){const g={...e.properties.style}.iconSize||32,f=g/16*.5;h=n.magnet.x*g*f,l=n.magnet.y*g*f}return[r.x+h,r.y+l]}_getNodeSnapPoint(e,t,n){if(n)return[e.x,e.y];const s=Math.sqrt(t.x*t.x+t.y*t.y),r=ct(t,1/s),o=s<Number(e.radius)/2?{x:e.x,y:e.y}:pt({x:e.x,y:e.y},ct(r,-Number(e.radius)));return[o.x,o.y]}_getEdgeSnapPoint(e,t,n=!1){const s=this.ogma.getEdge(e);if(!s)return[0,0];const r=s.getAttribute("curvature"),a=s.getExtremities().getPosition(),c=a[0],h=a[1];if(r===0||r===void 0){const u=[c.x+t*(h.x-c.x),c.y+t*(h.y-c.y)];return n?{x:u[0],y:u[1]}:u}const l=q.geometry.getQuadraticCurveControlPoint(c.x,c.y,h.x,h.y,r),d=q.geometry.getPointOnQuadraticCurve(t,c.x,c.y,h.x,h.y,l.x,l.y);return n?{x:d.x,y:d.y}:[d.x,d.y]}destroy(){this.ogma.events.off(this.onSetMultipleAttributes)}}function ri(i,e,t,n,s=20){let r=0,o=1/0,a=null;for(let c=0;c<=s;c++){const h=c/s,l=q.geometry.getPointOnQuadraticCurve(h,e.x,e.y,t.x,t.y,n.x,n.y),d=Q(X(l,i));d<o&&(o=d,a=l,r=h)}return a?{t:r,point:a,distance:o}:null}function oi(i,e,t){const n=t.x-e.x,s=t.y-e.y,r=n*n+s*s;if(r===0)return{t:0,point:{x:e.x,y:e.y},distance:Q(X(e,i))};const o=Math.max(0,Math.min(1,((i.x-e.x)*n+(i.y-e.y)*s)/r)),a={x:e.x+o*n,y:e.y+o*s};return{t:o,point:a,distance:Q(X(a,i))}}function ai(i,e,t){let n=null,s=t;const r=e.getAttribute("curvature"),a=e.getExtremities().getPosition();for(let c=0;c<e.size;c++){const h=e.get(c),l=r[c],d=a[2*c],u=a[2*c+1];let g;if(l===0||l===void 0)g=oi(i,d,u);else{const f=q.geometry.getQuadraticCurveControlPoint(d.x,d.y,u.x,u.y,l);g=ri(i,d,u,f)}g&&g.distance<s&&(s=g.distance,n={point:g.point,id:h.getId(),magnet:{x:g.t,y:0},type:P.EDGE})}return n}function li(i,e,t){const n=e.getAttributes(["x","y","radius"]);for(let s=0;s<n.length;s++){const r=n[s],o=X({x:r.x,y:r.y},i),a=Q(o);if(a>=Number(r.radius)+Number(t))continue;const c=ct(o,1/a),h=a<Number(r.radius)/2,l=h?{x:r.x,y:r.y}:pt({x:r.x,y:r.y},ct(c,-Number(r.radius))),d=h?{x:0,y:0}:c;return{point:l,id:e.get(s).getId(),magnet:d,type:P.NODE}}return null}function ci(i,e){let t=!1;for(let n=0,s=e.length-1;n<e.length;s=n++){const r=e[n][0],o=e[n][1],a=e[s][0],c=e[s][1];o>i.y!=c>i.y&&i.x<(a-r)*(i.y-o)/(c-o)+r&&(t=!t)}return t}function hi(i,e,t,n,s){const r=i*i,o=r*i,a=1-i,c=a*a,h=c*a;return{x:h*e.x+3*c*i*t.x+3*a*r*n.x+o*s.x,y:h*e.y+3*c*i*t.y+3*a*r*n.y+o*s.y}}function di(i,e,t,n,s){let r=1/0,o=null;const a=20;for(let c=0;c<=a;c++){const h=c/a,l=hi(h,e,t,n,s),d=Q(X(l,i));d<r&&(r=d,o=l)}return o?{point:o,distance:r}:null}function ui(i,e,t){const n=e.geometry.coordinates[0];for(let s=0;s<n.length-1;s++){const[r,o]=n[s];if(Q(X({x:r,y:o},i))<t)return{point:{x:r,y:o},magnet:{x:r,y:o},type:P.POLYGON,id:e.id}}for(let s=0;s<n.length-1;s++){const[r,o]=n[s],[a,c]=n[s+1],h={x:r,y:o},d=X({x:a,y:c},h),u=Q(d),g={x:d.x/u,y:d.y/u},f={x:-g.y,y:g.x},p=X(i,h),m=Math.abs(vt(f,p)),x=vt(g,p);if(x>=0&&x<=u&&m<t){const v={x:h.x+g.x*x,y:h.y+g.y*x};return{point:v,magnet:v,type:P.POLYGON,id:e.id}}}return null}function gi(i,e,t){for(const s of e){const o=s.geometry.coordinates[0].slice(0,-1);if(o.length<3)return ui(i,s,t);for(let l=0;l<o.length;l++){const[d,u]=o[l];if(Q(X({x:d,y:u},i))<t)return{point:{x:d,y:u},magnet:{x:d,y:u},type:P.POLYGON,id:s.id}}const a=ci(i,o);let c=null,h=a?1/0:t;for(let l=0;l<o.length;l++){const d=o[(l-1+o.length)%o.length],u=o[l],g=o[(l+1)%o.length],f=o[(l+2)%o.length],p=u[0]+(g[0]-d[0])/6*.5,m=u[1]+(g[1]-d[1])/6*.5,x=g[0]-(f[0]-u[0])/6*.5,v=g[1]-(f[1]-u[1])/6*.5,S=di(i,{x:u[0],y:u[1]},{x:p,y:m},{x,y:v},{x:g[0],y:g[1]});if(S){const E=S.distance;if(a)E<h&&(h=E,c=S.point);else if(E<t)return{point:S.point,magnet:S.point,type:P.POLYGON,id:s.id}}}if(a&&c)return{point:c,magnet:c,type:P.POLYGON,id:s.id}}return null}const mn=[{x:-.5,y:-.5},{x:0,y:-.5},{x:.5,y:-.5},{x:-.5,y:0},{x:.5,y:0},{x:-.5,y:.5},{x:0,y:.5},{x:.5,y:.5},{x:0,y:0}],fi=[[-.5,-.5,.5,-.5],[.5,-.5,.5,.5],[.5,.5,-.5,.5],[-.5,.5,-.5,-.5]];function yn(i,e,t,n,s,r,o,a,c){const h=i*s,l=e*r;return c?{x:t+(h*o-l*a),y:n+(h*a+l*o)}:{x:t+h,y:n+l}}function pi(i,e,t,n,s){var l;const r=J(e);let{width:o,height:a}=Y(e);const{sin:c,cos:h}=s.getState();(l=e.properties.style)!=null&&l.fixedSize&&(o/=t,a/=t);for(const d of mn){let u=d.x*o,g=d.y*a;if(!W(e)){const m=u*h-g*c,x=u*c+g*h;u=m,g=x}const f={x:r.x+u,y:r.y+g};if(!(Q(X(f,i))>=n))return{point:{x:f.x,y:f.y},type:P.TEXT,magnet:d,id:e.id}}return null}function mi(i,e,t,n,s){var f;const{x:r,y:o}=J(e);let{width:a,height:c}=Y(e);(f=e.properties.style)!=null&&f.fixedSize&&(a/=t,c/=t);const{sin:h,cos:l}=s.getState(),d=!W(e);let u=null,g=1/0;for(let p=0;p<4;p++){const[m,x,v,S]=fi[p],E=yn(m,x,r,o,a,c,l,h,d),b=yn(v,S,r,o,a,c,l,h,d),A=X(b,E),T=Q(A),C={x:A.x/T,y:A.y/T},M={x:-C.y,y:C.x},F=X(i,E),j=vt(M,F),U=vt(C,F);if(U>=0&&U<=T){const R=Math.abs(j);if(R<n||R<g){const at=U/T,lt={point:{x:E.x+C.x*U,y:E.y+C.y*U},magnet:{x:m+(v-m)*at,y:x+(S-x)*at},type:P.TEXT,id:e.id};if(R<n)return lt;R<g&&(g=R,u=lt)}}}return u&&g<Math.max(a,c)?u:null}function yi(i,e,t,n,s){for(const r of e){const o=pi(i,r,t,n,s)||mi(i,r,t,n,s);if(o)return o}return null}class wi extends EventTarget{constructor(t,n,s,r){super();y(this,"ogma");y(this,"options");y(this,"spatialIndex");y(this,"hoveredNode",null);y(this,"store");this.ogma=t,this.options=n,this.spatialIndex=s,this.store=r}snap(t){const n=this.findMagnet(t);return n||null}findMagnet(t){const n=this.options.detectMargin,s={minX:t.x-n,minY:t.y-n,maxX:t.x+n,maxY:t.y+n},r=this.spatialIndex.search(s),o=r.filter(f=>L(f)||W(f)),a=r.filter(f=>it(f)),{nodes:c,edges:h}=this.ogma.view.getElementsInside(s.minX,s.minY,s.maxX,s.maxY),l=this.snapToNodes(t,c);if(l)return l;const d=this.snapToEdges(t,h);if(d)return d;const u=this.snapToText(t,o);if(u)return u;const g=this.snapToPolygon(t,a);return g||null}snapToText(t,n){const{zoom:s}=this.store.getState();return yi(t,n,s,this.options.magnetRadius,this.store)}snapToPolygon(t,n){return gi(t,n,this.options.magnetRadius)}snapToNodes(t,n){return li(t,n,this.options.detectMargin)}snapToEdges(t,n){return ai(t,n,this.options.magnetRadius)}getHoveredNode(){return this.hoveredNode}clearHoveredNode(){var t;(t=this.hoveredNode)==null||t.setSelected(!1),this.hoveredNode=null}getMagnets(){return mn}}class xi extends EventTarget{constructor(t,n,s){super();y(this,"query",{minX:1/0,minY:1/0,maxX:1/0,maxY:1/0});y(this,"suppressClickUntil",0);y(this,"mouseDownState",null);y(this,"DRAG_THRESHOLD",3);y(this,"onMouseMove",t=>{const n=Lt(t,this.ogma.getContainer()),s=this.store.getState();if(this.mouseDownState&&!s.isDragging){const l=t.clientX-this.mouseDownState.screenX,d=t.clientY-this.mouseDownState.screenY;Math.sqrt(l*l+d*d)>this.DRAG_THRESHOLD&&(this.mouseDownState.hasMoved=!0)}if(s.isDragging)return;const{x:r,y:o}=this.ogma.view.screenToGraphCoordinates(n),a=this.detect(r,o),c=(a==null?void 0:a.id)??null,h=s.hoveredFeature;c!==h&&s.setHoveredFeature(c),this.setCursor(c===null?H.default:H.pointer)});y(this,"onMouseClick",()=>{Date.now()<this.suppressClickUntil});y(this,"onMouseDown",t=>{if(Date.now()<this.suppressClickUntil)return;const n=Lt(t,this.ogma.getContainer()),{x:s,y:r}=this.ogma.view.screenToGraphCoordinates(n),o=this.detect(s,r);this.mouseDownState={annotation:o,screenX:t.clientX,screenY:t.clientY,hasMoved:!1};const a=this.store.getState();this.store.setState({mousePressed:!0,mousePressPoint:{x:s,y:r}}),o&&!a.selectedFeatures.has(o.id)&&(t.ctrlKey||t.metaKey?a.toggleSelection(o.id):a.setSelectedFeatures([o.id]))});y(this,"onMouseUp",t=>{const n=this.store.getState();if(this.store.setState({mousePressed:!1,mousePressPoint:null}),this.mouseDownState&&!this.mouseDownState.hasMoved&&!n.isDragging){const s=this.mouseDownState.annotation;s?t.ctrlKey||t.metaKey?n.toggleSelection(s.id):n.selectedFeatures.has(s.id)||n.setSelectedFeatures([s.id]):!t.ctrlKey&&!t.metaKey&&n.clearSelection(),this.dispatchEvent(new CustomEvent(Ot,{detail:{id:(s==null?void 0:s.id)??null,position:{x:t.clientX,y:t.clientY}}}))}this.mouseDownState=null});y(this,"onWheel",t=>{var d;if(t.target instanceof HTMLTextAreaElement)return;const n=Lt(t,this.ogma.getContainer()),{x:s,y:r}=this.ogma.view.screenToGraphCoordinates(n),o=this.detect(s,r);if(!o||!D(o))return;const a=(d=o.properties.style)==null?void 0:d.maxHeight,c=o.properties.height;if(!a||c<=a)return;const h=this.ogma.getContainer(),l=h==null?void 0:h.querySelector(`[data-annotation="${o.id}"] .comment-box foreignObject div`);l&&(t.stopPropagation(),t.preventDefault(),l.scrollTop+=t.deltaY)});this.ogma=t,this.store=n,this.index=s;const r=this.ogma.getContainer();r&&(r.addEventListener("mousemove",this.onMouseMove,{passive:!0,capture:!0}),r.addEventListener("click",this.onMouseClick,{passive:!0,capture:!0}),r.addEventListener("mousedown",this.onMouseDown,{passive:!0,capture:!1}),r.addEventListener("mouseup",this.onMouseUp,{passive:!0,capture:!0}),r.addEventListener("wheel",this.onWheel,{passive:!1,capture:!0}))}detect(t,n,s){let r=null;const o=this.store.getState(),a=s??o.options.detectMargin;this.query.minX=t-a,this.query.minY=n-a,this.query.maxX=t+a,this.query.maxY=n+a;const c=this.index.query(this.query);if(c.length===0)return null;for(const h of c){const l=o.getFeature(h.id);if(tt(l)){if(me(l,{x:t,y:n},a)){r=l;break}}else if(W(l)){if(on(l,{x:t,y:n},0,1,a)){r=l;break}}else if(it(l)){if(ve(l,{x:t,y:n},a)){r=l;break}}else if(D(l)){if(an(l,{x:t,y:n},a,o.sin,o.cos,o.zoom)){r=l;break}}else if(L(l)&&xe(l,{x:t,y:n},a,o.revSin,o.revCos,o.zoom)){r=l;break}}return r}setCursor(t){var s;const n=(s=this.ogma.getContainer())==null?void 0:s.firstChild;n&&(n.style.cursor=t)}setMode(t){var n;t==="default"?this.setCursor(((n=this.ogma.getOptions().cursor)==null?void 0:n.default)||"default"):t==="add"||t==="link"?this.setCursor(H.crosshair):t==="rotate"&&this.setCursor(H.alias)}suppressClicksTemporarily(t=100){this.suppressClickUntil=Date.now()+t}destroy(){const t=this.ogma.getContainer();t&&(t.removeEventListener("mousemove",this.onMouseMove),t.removeEventListener("click",this.onMouseClick))}}function wn(i,e,t=0,n=i.length-1,s=bi){for(;n>t;){if(n-t>600){const c=n-t+1,h=e-t+1,l=Math.log(c),d=.5*Math.exp(2*l/3),u=.5*Math.sqrt(l*d*(c-d)/c)*(h-c/2<0?-1:1),g=Math.max(t,Math.floor(e-h*d/c+u)),f=Math.min(n,Math.floor(e+(c-h)*d/c+u));wn(i,e,g,f,s)}const r=i[e];let o=t,a=n;for(Ht(i,t,e),s(i[n],r)>0&&Ht(i,t,n);o<a;){for(Ht(i,o,a),o++,a--;s(i[o],r)<0;)o++;for(;s(i[a],r)>0;)a--}s(i[t],r)===0?Ht(i,t,a):(a++,Ht(i,a,n)),a<=e&&(t=a+1),e<=a&&(n=a-1)}}function Ht(i,e,t){const n=i[e];i[e]=i[t],i[t]=n}function bi(i,e){return i<e?-1:i>e?1:0}class vi{constructor(e=9){this._maxEntries=Math.max(4,e),this._minEntries=Math.max(2,Math.ceil(this._maxEntries*.4)),this.clear()}all(){return this._all(this.data,[])}search(e){let t=this.data;const n=[];if(!Kt(e,t))return n;const s=this.toBBox,r=[];for(;t;){for(let o=0;o<t.children.length;o++){const a=t.children[o],c=t.leaf?s(a):a;Kt(e,c)&&(t.leaf?n.push(a):De(e,c)?this._all(a,n):r.push(a))}t=r.pop()}return n}collides(e){let t=this.data;if(!Kt(e,t))return!1;const n=[];for(;t;){for(let s=0;s<t.children.length;s++){const r=t.children[s],o=t.leaf?this.toBBox(r):r;if(Kt(e,o)){if(t.leaf||De(e,o))return!0;n.push(r)}}t=n.pop()}return!1}load(e){if(!(e&&e.length))return this;if(e.length<this._minEntries){for(let n=0;n<e.length;n++)this.insert(e[n]);return this}let t=this._build(e.slice(),0,e.length-1,0);if(!this.data.children.length)this.data=t;else if(this.data.height===t.height)this._splitRoot(this.data,t);else{if(this.data.height<t.height){const n=this.data;this.data=t,t=n}this._insert(t,this.data.height-t.height-1,!0)}return this}insert(e){return e&&this._insert(e,this.data.height-1),this}clear(){return this.data=At([]),this}remove(e,t){if(!e)return this;let n=this.data;const s=this.toBBox(e),r=[],o=[];let a,c,h;for(;n||r.length;){if(n||(n=r.pop(),c=r[r.length-1],a=o.pop(),h=!0),n.leaf){const l=Si(e,n.children,t);if(l!==-1)return n.children.splice(l,1),r.push(n),this._condense(r),this}!h&&!n.leaf&&De(n,s)?(r.push(n),o.push(a),a=0,c=n,n=n.children[0]):c?(a++,n=c.children[a],h=!1):n=null}return this}toBBox(e){return e}compareMinX(e,t){return e.minX-t.minX}compareMinY(e,t){return e.minY-t.minY}toJSON(){return this.data}fromJSON(e){return this.data=e,this}_all(e,t){const n=[];for(;e;)e.leaf?t.push(...e.children):n.push(...e.children),e=n.pop();return t}_build(e,t,n,s){const r=n-t+1;let o=this._maxEntries,a;if(r<=o)return a=At(e.slice(t,n+1)),Et(a,this.toBBox),a;s||(s=Math.ceil(Math.log(r)/Math.log(o)),o=Math.ceil(r/Math.pow(o,s-1))),a=At([]),a.leaf=!1,a.height=s;const c=Math.ceil(r/o),h=c*Math.ceil(Math.sqrt(o));xn(e,t,n,h,this.compareMinX);for(let l=t;l<=n;l+=h){const d=Math.min(l+h-1,n);xn(e,l,d,c,this.compareMinY);for(let u=l;u<=d;u+=c){const g=Math.min(u+c-1,d);a.children.push(this._build(e,u,g,s-1))}}return Et(a,this.toBBox),a}_chooseSubtree(e,t,n,s){for(;s.push(t),!(t.leaf||s.length-1===n);){let r=1/0,o=1/0,a;for(let c=0;c<t.children.length;c++){const h=t.children[c],l=Pe(h),d=Ci(e,h)-l;d<o?(o=d,r=l<r?l:r,a=h):d===o&&l<r&&(r=l,a=h)}t=a||t.children[0]}return t}_insert(e,t,n){const s=n?e:this.toBBox(e),r=[],o=this._chooseSubtree(s,this.data,t,r);for(o.children.push(e),Bt(o,s);t>=0&&r[t].children.length>this._maxEntries;)this._split(r,t),t--;this._adjustParentBBoxes(s,r,t)}_split(e,t){const n=e[t],s=n.children.length,r=this._minEntries;this._chooseSplitAxis(n,r,s);const o=this._chooseSplitIndex(n,r,s),a=At(n.children.splice(o,n.children.length-o));a.height=n.height,a.leaf=n.leaf,Et(n,this.toBBox),Et(a,this.toBBox),t?e[t-1].children.push(a):this._splitRoot(n,a)}_splitRoot(e,t){this.data=At([e,t]),this.data.height=e.height+1,this.data.leaf=!1,Et(this.data,this.toBBox)}_chooseSplitIndex(e,t,n){let s,r=1/0,o=1/0;for(let a=t;a<=n-t;a++){const c=It(e,0,a,this.toBBox),h=It(e,a,n,this.toBBox),l=Ti(c,h),d=Pe(c)+Pe(h);l<r?(r=l,s=a,o=d<o?d:o):l===r&&d<o&&(o=d,s=a)}return s||n-t}_chooseSplitAxis(e,t,n){const s=e.leaf?this.compareMinX:Ei,r=e.leaf?this.compareMinY:Ai,o=this._allDistMargin(e,t,n,s),a=this._allDistMargin(e,t,n,r);o<a&&e.children.sort(s)}_allDistMargin(e,t,n,s){e.children.sort(s);const r=this.toBBox,o=It(e,0,t,r),a=It(e,n-t,n,r);let c=Zt(o)+Zt(a);for(let h=t;h<n-t;h++){const l=e.children[h];Bt(o,e.leaf?r(l):l),c+=Zt(o)}for(let h=n-t-1;h>=t;h--){const l=e.children[h];Bt(a,e.leaf?r(l):l),c+=Zt(a)}return c}_adjustParentBBoxes(e,t,n){for(let s=n;s>=0;s--)Bt(t[s],e)}_condense(e){for(let t=e.length-1,n;t>=0;t--)e[t].children.length===0?t>0?(n=e[t-1].children,n.splice(n.indexOf(e[t]),1)):this.clear():Et(e[t],this.toBBox)}}function Si(i,e,t){if(!t)return e.indexOf(i);for(let n=0;n<e.length;n++)if(t(i,e[n]))return n;return-1}function Et(i,e){It(i,0,i.children.length,e,i)}function It(i,e,t,n,s){s||(s=At(null)),s.minX=1/0,s.minY=1/0,s.maxX=-1/0,s.maxY=-1/0;for(let r=e;r<t;r++){const o=i.children[r];Bt(s,i.leaf?n(o):o)}return s}function Bt(i,e){return i.minX=Math.min(i.minX,e.minX),i.minY=Math.min(i.minY,e.minY),i.maxX=Math.max(i.maxX,e.maxX),i.maxY=Math.max(i.maxY,e.maxY),i}function Ei(i,e){return i.minX-e.minX}function Ai(i,e){return i.minY-e.minY}function Pe(i){return(i.maxX-i.minX)*(i.maxY-i.minY)}function Zt(i){return i.maxX-i.minX+(i.maxY-i.minY)}function Ci(i,e){return(Math.max(e.maxX,i.maxX)-Math.min(e.minX,i.minX))*(Math.max(e.maxY,i.maxY)-Math.min(e.minY,i.minY))}function Ti(i,e){const t=Math.max(i.minX,e.minX),n=Math.max(i.minY,e.minY),s=Math.min(i.maxX,e.maxX),r=Math.min(i.maxY,e.maxY);return Math.max(0,s-t)*Math.max(0,r-n)}function De(i,e){return i.minX<=e.minX&&i.minY<=e.minY&&e.maxX<=i.maxX&&e.maxY<=i.maxY}function Kt(i,e){return e.minX<=i.maxX&&e.minY<=i.maxY&&e.maxX>=i.minX&&e.maxY>=i.minY}function At(i){return{children:i,height:1,leaf:!0,minX:1/0,minY:1/0,maxX:-1/0,maxY:-1/0}}function xn(i,e,t,n,s){const r=[e,t];for(;r.length;){if(t=r.pop(),e=r.pop(),t-e<=n)continue;const o=e+Math.ceil((t-e)/n/2)*n;wn(i,o,e,t,s),r.push(e,o,o,t)}}const zt={minX:0,minY:0,maxX:0,maxY:0},bn=(i,e)=>i.id===e.id;class ki extends vi{constructor(t){super();y(this,"store");y(this,"onRotationChange",()=>{const t=this.store.getState().getAllFeatures().filter(n=>L(n)||D(n));for(const n of t)this.updateRotatedText(n)});y(this,"onZoomChange",()=>{const t=this.store.getState().getAllFeatures().filter(n=>{var s;return(L(n)||D(n))&&((s=n.properties.style)==null?void 0:s.fixedSize)});for(const n of t)this.updateRotatedText(n)});this.store=t,this.store.subscribe(n=>n.features,n=>{this.clear(),Object.values(n).forEach(s=>{L(s)||D(s)?this.updateRotatedText(s):this.insert(s)})}),this.store.subscribe(n=>({features:n.features,isDragging:n.isDragging,lastChangedFeatures:n.lastChangedFeatures,rotation:n.rotation}),(n,s)=>{s&&s.isDragging&&!n.isDragging&&n.lastChangedFeatures.length>0&&n.lastChangedFeatures.forEach(r=>{const o=n.features[r];o&&(ft(o),L(o)||D(o)?this.updateRotatedText(o):(this.remove(o,bn),this.insert(o)))})},{equalityFn:(n,s)=>n.isDragging===s.isDragging}),this.store.subscribe(n=>n.rotation,this.onRotationChange),this.store.subscribe(n=>n.zoom,this.onZoomChange)}updateRotatedText(t){var d;const n=this.store.getState();this.remove(t,bn);const s=J(t);let{width:r,height:o}=Y(t);if(((d=t.properties.style)==null?void 0:d.fixedSize)===!0){const u=n.invZoom;r*=u,o*=u}const c=r/2,h=o/2,l=n.getRotatedBBox(s.x-c,s.y-h,s.x+c,s.y+h);this.insert({...t,geometry:{...t.geometry,bbox:l.slice()}})}compareMinX(t,n){return st(t)[0]-st(n)[0]}compareMinY(t,n){return st(t)[1]-st(n)[1]}toBBox(t){const n=st(t);return zt.minX=n[0],zt.minY=n[1],zt.maxX=n[2],zt.maxY=n[3],zt}query(t){return super.search(t)}}class vn{constructor(e,t){y(this,"layer");this.ogma=e,this.store=t}destroy(){}}function Mi(i,e,t,n,s,r){const o=Math.min(n/2,s/2),a=Math.min(r,o);i.beginPath(),i.moveTo(e+a,t),i.lineTo(e+n-a,t),i.quadraticCurveTo(e+n,t,e+n,t+a),i.lineTo(e+n,t+s-a),i.quadraticCurveTo(e+n,t+s,e+n-a,t+s),i.lineTo(e+a,t+s),i.quadraticCurveTo(e,t+s,e,t+s-a),i.lineTo(e,t+a),i.quadraticCurveTo(e,t,e+a,t),i.closePath()}const Sn=[[-.5,-.5],[.5,-.5],[.5,.5],[-.5,.5]];class Pi extends vn{constructor(t,n){super(t,n);y(this,"handleFill","#fff");y(this,"handleStroke","#1A70E5");y(this,"handleStrokeWidth",1.5);y(this,"handleRadius",3);y(this,"handleMagnifier",1.5);y(this,"refresh",()=>{this.layer.refresh()});y(this,"render",t=>{const n=this.store.getState(),s=1/n.zoom,{hoveredHandle:r,rotation:o,liveUpdates:a,features:c}=n,h=this.handleRadius*s;t.fillStyle=this.handleFill,t.lineWidth=this.handleStrokeWidth*s,t.strokeStyle=this.handleStroke,Object.values(c).forEach(l=>{if(!n.isSelected(l.id))return;const d=a[l.id]?{...l,...a[l.id]}:l;if(tt(d))this.renderArrowHandles(d,t,h,r);else if(W(d)||L(d)){const u=L(d)?o:0;this.renderOutline(d,t,u,r,n.zoom),this.renderBoxHandles(d,t,h,r,u)}else it(d)&&this.renderPolygonHandles(d,t,h,r,n.drawingFeature===d.id)})});this.layer=t.layers.addCanvasLayer(this.render,void 0,Xt.HANDLES),this.store.subscribe(s=>({selectedFeatures:s.selectedFeatures,liveUpdates:s.liveUpdates}),this.refresh),t.events.on("zoom",this.refresh)}renderOutline(t,n,s,r,o){var m,x;const a=L(t)&&((m=t.properties.style)==null?void 0:m.fixedSize);let{width:c,height:h}=Y(t);a&&(c/=o,h/=o);const l=gt(t,a,o),d=c/2,u=h/2,g=l.x+d,f=l.y+u;n.save(),n.translate(g,f),n.rotate(s);const p=(x=t.properties.style)==null?void 0:x.borderRadius;if(p&&p>0?(Mi(n,-d,-u,c,h,p),n.stroke()):n.strokeRect(-d,-u,c,h),r>=4&&r<8){let v,S,E,b;const A=p&&p>0?p:this.handleRadius/o;switch(r){case 4:v=-d+A,S=-u,E=d-A,b=-u;break;case 5:v=d,S=-u+A,E=d,b=u-A;break;case 6:v=d-A,S=u,E=-d+A,b=u;break;case 7:v=-d,S=u-A,E=-d,b=-u+A;break}n.lineWidth=this.handleStrokeWidth*this.handleMagnifier/o,n.beginPath(),n.moveTo(v,S),n.lineTo(E,b),n.stroke(),n.lineWidth=this.handleStrokeWidth}n.restore()}renderArrowHandles(t,n,s,r){var u,g,f,p;const o=de(t),a=ue(t),c=+(r===0),h=+(r===1),l=s*(1+(this.handleMagnifier-1)*c),d=s*(1+(this.handleMagnifier-1)*h);n.beginPath(),n.moveTo(o.x,o.y),n.lineTo(a.x,a.y),n.closePath(),n.stroke(),n.beginPath(),((g=(u=t.properties.link)==null?void 0:u.start)==null?void 0:g.type)!=="comment"&&(n.moveTo(o.x-l,o.y-l),n.rect(o.x-l,o.y-l,l*2,l*2)),((p=(f=t.properties.link)==null?void 0:f.end)==null?void 0:p.type)!=="comment"&&(n.moveTo(a.x-d,a.y-d),n.rect(a.x-d,a.y-d,d*2,d*2)),n.closePath(),n.fill(),n.stroke()}renderBoxHandles(t,n,s,r,o){var f;if(L(t)&&((f=t.properties.style)!=null&&f.fixedSize))return;const{width:a,height:c}=Y(t),h=gt(t),l=a/2,d=c/2,u=h.x+l,g=h.y+d;n.save(),n.translate(u,g),n.rotate(o),n.beginPath();for(let p=0;p<Sn.length;p++){const[m,x]=Sn[p],v=a*m,S=c*x,E=r===p?s*this.handleMagnifier:s;n.rect(v-E,S-E,E*2,E*2)}n.closePath(),n.fill(),n.stroke(),n.restore()}renderPolygonHandles(t,n,s,r,o){const a=t.geometry.coordinates[0];if(!o){a.length>2&&(n.save(),n.strokeStyle=this.handleStroke,n.lineWidth=this.handleStrokeWidth/this.store.getState().zoom,this.drawSmoothPolygon(n,a,.5),n.stroke(),n.restore()),n.beginPath();for(let c=0;c<a.length-1;c++){const[h,l]=a[c],d=r===c?s*this.handleMagnifier:s;n.moveTo(h+d,l),n.arc(h,l,d,0,2*Math.PI)}n.closePath(),n.fill(),n.stroke()}}drawSmoothPolygon(t,n,s){const r=n.slice(0,-1);if(r.length<3)return;t.beginPath();const o=r.length;for(let a=0;a<o;a++){const c=r[(a-1+o)%o],h=r[a],l=r[(a+1)%o],d=r[(a+2)%o],u=h[0]+(l[0]-c[0])/6*s,g=h[1]+(l[1]-c[1])/6*s,f=l[0]-(d[0]-h[0])/6*s,p=l[1]-(d[1]-h[1])/6*s;a===0&&t.moveTo(h[0],h[1]),t.bezierCurveTo(u,g,f,p,l[0],l[1])}t.closePath()}renderCenterPoint(t,n){var r;const s=this.store.getState();if(L(t)){const o=gt(t,(r=t.properties.style)==null?void 0:r.fixedSize,s.zoom),a=Y(t);n.moveTo(o.x+a.width/2+5,o.y+a.height/2),n.arc(o.x+a.width/2,o.y+a.height/2,5,0,Math.PI*2,!0)}}destroy(){this.layer.destroy(),super.destroy()}}const Di=.5;function Fi(i,e,t,n){const{start:s,end:r}=Ut(i),o=X(r,s);return Math.min(n,Math.max(2*e,Q(o)*.01,t))}function En(i,e){return!i||i==="none"?0:i==="dot"?e*2:i==="halo-dot"?e*4:i==="arrow"||i==="arrow-plain"?e:0}function Li(i,e){if(!i){i=k("g");const t=k("path");i.classList.add("annotation-arrow"),i.setAttribute("data-annotation",`${e}`),i.setAttribute("data-annotation-type","arrow"),i.appendChild(t);const n=k("g");n.classList.add("annotation-arrow-endpoints"),i.appendChild(n)}return i}function _i(i,e,t,n,s,r){const{start:o,end:a}=Ut(e),c=e.properties.style||mt,{tail:h,strokeWidth:l=0,head:d,strokeColor:u,strokeType:g}=c,f=X(a,o),p=dn(e)?1/r.zoom:1,m=Fi(e,l,t,n)*p,x=Li(s,e.id),v=x.firstChild,S=u||"none";v.setAttribute("stroke",S),v.setAttribute("stroke-width",`${p*l}`),v.setAttribute("fill","none"),v.setAttribute("stroke-linecap","round"),v.setAttribute("stroke-linejoin","round");const E=En(h,l*p),b=En(d,l*p),A=Wt(f),T=pt(o,ct(A,E)),C=pt(a,ct(A,-b)),M=`M ${T.x} ${T.y} L ${C.x} ${C.y}`;v.setAttribute("d",M);const F=x.children[1];return F.innerHTML="",g==="dashed"?v.setAttribute("stroke-dasharray","5,10"):v.removeAttribute("stroke-dasharray"),An(F,o,f,S,h,l,p,m),An(F,a,Es(f),S,d,l,p,m),x.setAttribute("transform",`rotate(${-r.rotation*(180/Math.PI)})`),i.appendChild(x),x}function An(i,e,t,n,s,r,o,a){s==="halo-dot"&&Cn(i,e,Hi(n),Di,r*o*4),(s==="dot"||s==="halo-dot")&&Cn(i,e,n,1,r*o*2),(s==="arrow"||s==="arrow-plain")&&Ii(i,e,t,n,s==="arrow-plain",r*o,a)}function Hi(i){return i==="none"?"none":i}function Cn(i,e,t,n,s){const r=k("circle");r.setAttribute("cx",`${e.x}`),r.setAttribute("cy",`${e.y}`),r.setAttribute("r",`${s}`),r.setAttribute("fill-opacity",`${n}`),r.setAttribute("fill",t),i.appendChild(r)}function Ii(i,e,t,n,s,r,o){const a=ct(Wt(t),o),c=pt(e,rn(a,Math.PI/6)),h=pt(e,rn(a,-Math.PI/6)),l=k("path"),d=`${e.x} ${e.y}`,u=`M ${c.x} ${c.y} L ${d} L ${h.x} ${h.y}${s?" Z":""}`;l.setAttribute("d",u),l.setAttribute("stroke",n),l.setAttribute("stroke-width",`${r}`),l.setAttribute("fill",s?n:"none"),l.setAttribute("stroke-linecap","round"),l.setAttribute("stroke-linejoin","round"),i.appendChild(l)}function Bi(i,e,t="box"){if(!i){i=k("g"),i.setAttribute("data-annotation",`${e}`),i.setAttribute("data-annotation-type",t),i.classList.add(`annotation-${t}`);const n=k("rect");i.appendChild(n)}return i}function Tn(i,e,t,n){const s=e.id,r=`class${s}`,o=Y(e),a=Bi(t,s,e.properties.type),{strokeColor:c,strokeWidth:h,strokeType:l,background:d,borderRadius:u,boxShadow:g}=e.properties.style||St;a.classList.add("annotation-box"),a.setAttribute("fill",`${d||"transparent"}`);const f=a.firstChild;u&&(f.setAttribute("rx",`${u}`),f.setAttribute("ry",`${u}`)),l&&l!=="none"&&(f.setAttribute("stroke",c||"black"),f.setAttribute("stroke-width",`${h}`),l==="dashed"&&f.setAttribute("stroke-dasharray","5,5")),d&&d.length&&(n.hoveredFeature===e.id?f.setAttribute("fill",bt(d)):f.setAttribute("fill",d));const p=gt(e);return f.setAttribute("width",`${o.width}`),f.setAttribute("height",`${o.height}`),f.setAttribute("x",`${p.x}`),f.setAttribute("y",`${p.y}`),a.appendChild(f),g?a.style.filter=`drop-shadow(${g})`:a.style.filter="",a.setAttribute("transform",n.getRotationTransform(0,0)),a.classList.add(r),a.setAttribute("data-annotation",`${e.id}`),a.setAttribute("data-annotation-type",e.properties.type),i.appendChild(a),a}let Fe=null;function kn(){return Fe||(Fe=document.createElement("canvas").getContext("2d")),Fe}function Mn(i,e,t,n,s){if(!i||i.length===0)return!0;if(i.includes(`
+`))return!1;const r=kn();r.font=`${t}px ${e}`;const o=r.measureText(i).width,a=n-s*2;return o<=a}function zi(i,e,t,n,s){if(!i||i.length===0)return 60;const r=kn();r.font=`${t}px ${e}`;const o=i.split(`
+`);let a=0;for(const h of o){if(h.length===0)continue;const l=h.split(/\s+/);let d=0;const u=r.measureText(" ").width,g=n-s*2;for(let f=0;f<l.length;f++){const p=l[f],m=r.measureText(p).width;d===0?d=m:d+u+m<=g?d+=u+m:(a=Math.max(a,d),d=m)}a=Math.max(a,d)}const c=a+s*2+4;return Math.min(c,n)}function Ri(){const i=k("style");return i.textContent=`
     /* Comment Animation Styles */
-    .comment-icon,
+    .comment-icon {
+      transition:
+        opacity 0.25s ease-in-out,
+        scale 0.25s cubic-bezier(0.4, 0, 0.2, 1);
+      will-change: scale, opacity;
+    }
+
     .comment-box {
       transition:
         opacity 0.25s ease-in-out,
@@ -16,6 +26,11 @@
       will-change: scale, opacity;
     }
 
+    .comment-box rect,
+    .comment-box foreignObject {
+      transition: all 0.25s cubic-bezier(0.4, 0, 0.2, 1);
+    }
+
     /* Disable transitions when comment was not visible */
     .comment-no-transition .comment-icon,
     .comment-no-transition .comment-box {
@@ -61,5 +76,16 @@
     .comment-box foreignObject div::-webkit-scrollbar-thumb:hover {
       background: rgba(0, 0, 0, 0.3);
     }
-  `,i}function Hi(i,e,t){const n={...Q,...e.properties.style},s=n.iconSize,{iconColor:r=Q.iconColor,iconSymbol:o=Q.iconSymbol,iconBorderColor:a=Q.iconBorderColor,iconBorderWidth:l=Q.iconBorderWidth}=n;let h=i.querySelector("circle");h||(h=k("circle"),h.setAttribute("cx","0"),h.setAttribute("cy","0"),i.appendChild(h)),h.setAttribute("r",`${s/2}`),t.hoveredFeature===e.id?h.setAttribute("fill",wt(r)):h.setAttribute("fill",r),l&&l>0?(h.setAttribute("stroke",a||"#CCC"),h.setAttribute("stroke-width",`${l}`)):(h.removeAttribute("stroke"),h.removeAttribute("stroke-width"));let c=i.querySelector("text");c||(c=k("text"),c.setAttribute("x","0"),c.setAttribute("y","0"),c.setAttribute("text-anchor","middle"),c.setAttribute("dominant-baseline","central"),c.setAttribute("pointer-events","none"),i.appendChild(c)),c.setAttribute("font-size",`${s*.5}`),c.textContent=o}function Ii(i,e,t){const n={...Q,...e.properties.style},{font:s="Arial, sans-serif",fontSize:r=12,padding:o=8,background:a="#FFFACD",color:l="#333",borderRadius:h=4,strokeColor:c="#DDD",strokeWidth:d=1,maxHeight:u}=n,g=e.properties.width,f=e.properties.content||"",m=_i(f,s,typeof r=="number"?r:parseFloat(r),g,o),p=e.properties.height,b=u?Math.min(p,u):p,S=u?p>u:!1;i.innerHTML="";const v=-m/2,A=-b/2,x=k("rect");x.setAttribute("x",`${v}`),x.setAttribute("y",`${A}`),x.setAttribute("width",`${m}`),x.setAttribute("height",`${b}`),x.setAttribute("rx",`${h}`),x.setAttribute("ry",`${h}`),x.setAttribute("fill",t.hoveredFeature===e.id?wt(a):a),d&&d>0&&(x.setAttribute("stroke",c||"#DDD"),x.setAttribute("stroke-width",`${d}`)),i.appendChild(x);const C=k("foreignObject");C.setAttribute("x",`${v}`),C.setAttribute("y",`${A}`),C.setAttribute("width",`${m}`),C.setAttribute("height",`${b}`),C.style.pointerEvents="none";const E=document.createElement("div");E.style.width="100%",E.style.height="100%",E.style.padding=`${o}px`,E.style.boxSizing="border-box",E.style.fontFamily=s,E.style.fontSize=`${r}px`,E.style.lineHeight=`${(typeof r=="number"?r:parseFloat(r))*Yt}px`,E.style.color=l,E.style.overflowY=S?"auto":"hidden",E.style.overflowX="hidden",E.style.overflowWrap="break-word",E.style.whiteSpace="pre-wrap",E.style.pointerEvents="none",E.innerHTML=Bi(f),C.appendChild(E),i.appendChild(C),i.setAttribute("filter","url(#softShadow)")}function Bi(i){if(!i)return"";let e=i.replace(/&/g,"&amp;").replace(/</g,"&lt;").replace(/>/g,"&gt;");return e=e.replace(/(https?:\/\/[^\s<]+)/g,'<a href="$1" target="_blank" style="color: #38e; text-decoration: none;">$1</a>'),e}function Ri(i,e,t,n,s){const r=e.properties.mode;let o=t;o||(o=k("g"),o.setAttribute("data-annotation",`${e.id}`),o.setAttribute("data-annotation-type","comment"));let a=o.querySelector(".comment-icon");a||(a=k("g"),a.classList.add("comment-icon"),o.appendChild(a));let l=o.querySelector(".comment-box");l||(l=k("g"),l.classList.add("comment-box"),o.appendChild(l)),Hi(a,e,n),Ii(l,e,n),s?o.classList.remove("comment-no-transition"):o.classList.add("comment-no-transition"),r===et&&!o.classList.contains("comment-collapsed")?(o.classList.add("comment-collapsed"),o.classList.remove("comment-expanded")):r!==et&&o.classList.contains("comment-collapsed")&&(o.classList.add("comment-expanded"),o.classList.remove("comment-collapsed"));const h=W(e);return o.setAttribute("transform",n.getScreenAlignedTransform(h.x,h.y,!1)),(!o.parentNode||o.parentNode!==i)&&i.appendChild(o),o}function zi(i,e=.5,t=!1){if(i.length<2)return"";if(i.length<3)return i.map((o,a)=>`${a===0?"M":"L"}${o[0]},${o[1]}`).join(" ")+" Z";const n=i,s=n.length-1,r=[];for(let o=0;o<s;o++){const a=n[(o-1+s)%s],l=n[o],h=n[(o+1)%s],c=n[(o+2)%s],d=l[0]+(h[0]-a[0])/6*e,u=l[1]+(h[1]-a[1])/6*e,g=h[0]-(c[0]-l[0])/6*e,f=h[1]-(c[1]-l[1])/6*e;o===0&&r.push(`M${l[0]},${l[1]}`),t&&o===s-1?r.push(`L${h[0]},${h[1]}`):r.push(`C${d},${u} ${g},${f} ${h[0]},${h[1]}`)}return r.push("Z"),r.join(" ")}const Ni=(i,e,t="box")=>(i||(i=k("g"),i.setAttribute("data-annotation",`${e}`),i.classList.add(`annotation-${t}`)),i);function Oi(i,e,t,n){const s=Ni(t,e.id.toString(),e.properties.type);s.setAttribute("data-annotation",String(e.id));let r=s.querySelector("path");r||(r=k("path"),s.appendChild(r));const{strokeColor:o=rt.strokeColor,strokeWidth:a=rt.strokeWidth,background:l=rt.background,strokeType:h=rt.strokeType}=e.properties.style||rt;o&&r.setAttribute("stroke",o),a!==void 0&&r.setAttribute("stroke-width",String(a)),l&&(n.hoveredFeature===e.id?r.setAttribute("fill",wt(l)):r.setAttribute("fill",l)),h==="dashed"?r.setAttribute("stroke-dasharray","5,5"):r.removeAttribute("stroke-dasharray");const c=e.geometry.coordinates[0],d=zi(c,.5,n.drawingFeature===e.id);return r.setAttribute("d",d),s.setAttribute("transform",n.getRotationTransform(0,0)),i.appendChild(s),s}const $i=/^((?:[a-z\d-]+\s+)*)([\d.]+(%|em|px)|(?:x+-)?large|(?:x+-)?small|medium)(?:\s*\/\s*(normal|[\d.]+(%|px|em)?))?(\s.+)?$/,Yi=/\bsmall-caps\b/,Xi=/\b(?:italic|oblique)\b/,Ui=/\bbold(?:er)?\b/,Cn=16,Tn=13.3333333,qi=.01*Cn,Wi={"xx-small":9,"x-small":10,smaller:13.3333,small:13,medium:16,large:18,larger:19.2,"x-large":24,"xx-large":32},De=new Map;function Gi(i){if(De.has(i))return De.get(i);const e=$i.exec(i);if(!e)return;const t={};t.family=(e[6]||"").trim();let n=Wi[e[2]]||parseFloat(e[2]);if(e[3]==="%"?n*=qi:e[3]==="em"?n*=Cn:e[3]==="pt"&&(n*=Tn),t.size=n,e[4]==="normal"||e[4]==="inherit"||!e[4]?t.height=Math.round(n*(7/6)):!e[5]||e[5]==="em"?t.height=parseFloat(e[4]||"")*n:e[5]==="pt"?t.height=parseFloat(e[4]||"")*Tn:e[5]==="%"?t.height=n*.01:t.height=parseFloat(e[4]||""),t.variant=Yi.test(e[1])?"small-caps":"normal",t.style=Xi.test(e[1])?"italic":"normal",Ui.test(e[1]))t.weight=700;else{const s=/\b(\d+)\b/.exec(e[1]),r=s?parseInt(s[1],10):400;r>=100&&r!==400?t.weight=r:t.weight=400}return De.set(i,t),t}const ji="12px/14px sans-serif";class Z{constructor(e=ji){let t,n=14,s=12,r=400,o="normal",a="normal",l=0,h;if(typeof e=="string"){const c=Gi(e);c&&(t=c.family,s=c.size,n=c.height||14,a=c.variant,o=c.style,r=c.weight)}else e instanceof Z&&(t=e.family,s=e.size,n=e.height,a=e.variant,r=e.weight,o=e.style,l=e.baseline,h=e.color);this.family=t||"sans-serif",this.size=s||s===0?s:12,this.height=n||n===0?n:this.size*(7/6),this.variant=a||"",this.style=o||"",this.weight=r||400,this.baseline=l||0,this.color=h||""}assign(e={}){const t=new Z(this);return e.bold&&(t.weight=700),e.weight&&(t.weight=e.weight),e.italic&&(t.style="italic"),e.family&&(t.family=e.family),e.style&&(t.style=e.style),e.color&&(t.color=e.color),typeof e.baseline=="number"&&(t.baseline=e.baseline),typeof e.size=="number"&&(t.size=e.size),t}toString(e){let t="";return this.style&&this.style!=="normal"&&(t+=this.style),this.variant&&this.variant!=="normal"&&(t+=(t?" ":"")+this.variant),this.weight&&this.weight!==400&&(t+=t?" ":"",this.weight===700?t+="bold":t+=this.weight),this.size&&(t+=(t?" ":"")+this.size+"px",this.height!==this.size&&(t+="/"+this.height+"px")),this.family&&(t+=(t?" ":"")+this.family),e&&(t+="::"+this.baseline),e&&(t+="::"+this.color),t}valueOf(){return this.toString(!0)}}const kn={"\n":.28,"\r":.28," ":.28," ":.28," ":.28,"᠎":0," ":.5," ":1," ":.5," ":1," ":.33," ":.25," ":.16," ":.56," ":.28," ":.2," ":.15,"​":0," ":.16," ":.22,"　":1,"\uFEFF":0},Vi=new Z,Mn={trim:!0,collapse:!0},Fe={};function _e(){return(i,e)=>{const t=new Z(e);let n=t.size;return/\bmonospace\b/.test(t.family)?n*=.6:(n*=.45,t.weight>400&&(n*=1.18)),i.length*n}}function Le(i){if(i&&i.getContext){const e=i.getContext("2d");if(e&&typeof e.measureText=="function")return(t,n)=>(e.font=String(n),e.measureText(t).width)}}function Pn(){const i=typeof document<"u"?document:null;return typeof OffscreenCanvas<"u"&&new OffscreenCanvas(100,100)||i&&i.createElement&&i.createElement("canvas")||null}let Lt=Le(Pn())||_e();function Zi(i){if(i==null)Lt=Le(Pn())||_e();else if(i)Lt=Le(i)||_e();else throw new Error("setMeasureCanvas argument is not a canvas or null")}function ot(i,e,t=Mn){typeof e=="string"?e=new Z(e):e instanceof Z?e=Vi.assign(e):e=new Z().assign(e);const n=Object.assign({},Mn,t);let s=String(i);if(!s)return 0;if(s in kn){const o=e.valueOf()+"/"+s;return o in Fe||(Fe[o]=Lt(`_${s}_`,e)-Lt("__",e)),Fe[o]}!n.trim||!n.collapse?s=s.replace(/\n/g," "):n.trim?s=s.replace(/\n/g," ").trim():n.collapse&&(s=s.replace(/\s+/g," "));const r=typeof i=="string"?0:i.tracking||0;return Lt(s,e)+e.size*r}class _{constructor(e=""){this.value=e,this.font=null,this.href="",this.sub=!1,this.sup=!1,this.width,this.line,this.tracking,this.whitespace}clone(){const e=new _(this.value);return Object.assign(e,this)}valueOf(){return this.value}toString(){return this.value}}class Ht extends _{}class K extends _{}class ut extends _{}const Ki=/[\r\n\xA0]+/g,Dn=.7;function Ji(i,e){i.sup&&(i.baseline=.45,i.size=Dn),i.sub&&(i.baseline=-.3,i.size=Dn);let t=e;return(i.style||i.weight||i.baseline||i.color||i.size||i.family)&&(t=e.assign(i)),t}function Fn(i,e,t){let n=i.width,s,r;for(;n+t.width>e&&i.length;)s=i[i.length-1],r=s.width,s.width>t.width?(s.value=s.value.slice(0,-1),s.width=ot(s,s.font),n+=s.width):i.pop(),n-=r;i[i.length-1]instanceof ut&&i.pop(),s=i[i.length-1]||s||{},t.font=t.font.assign(s),t.href=i.length?s.href:null,t.rel=i.length?s.rel:null,t.target=i.length?s.target:null,i.push(t)}function _n(i){return Object.assign([],{height:0,font:i,width:0,hasOverflow:!1,hasLineOverflow:!1})}function Qi(i,e,t){if(!i.length)return _n(t);const n=e.height(),s=e.width(),r=e.overflowLine(),o=e.overflowWrap(),a=t.assign({bold:!0}),l=isFinite(n())?Math.floor(n()/t.height):1/0;if(!n()&&!s(0)||!l)return _n(t);let h=0,c=0,d=0;const u=[];let g=[],f=!1;for(;h<i.length&&c<l;){const x=i[h],C=Ji(x,t);if(x.width=ot(x,C),x.font=C,x.line=c,x.whitespace=x.value in kn,x.value&&(x.value=x.value.replace(Ki," ")),!(!d&&x.whitespace||f&&x.whitespace))if(x instanceof K)d=0,g=[],u.push(h+1),c++;else if(x instanceof Ht||x instanceof ut)g.push({index:h,width:d});else if(x.whitespace||d+x.width<s(c))d+=x.width;else if(g.length){let E,T;do{T=!0,E=g.pop();const M=i[E.index];let D;M instanceof ut&&(D=ot("-",M.font||t),E.width+D>s(c)&&(T=!g.length))}while(!T);u.push(E.index+1),d=0,c++,h=E.index,g=[]}else if(o==="break-word"){const E=s(c);if(d+x.width>E){const T=x.clone();do x.value=x.value.slice(0,-1),x.width=ot(x,x.font||t),d+=x.width;while(x.value&&x.width>E);T.value=T.value.slice(x.value.length),i.splice(h+1,0,new Ht,T)}u.push(h+1),d=0,c++}else d+=x.width;h++,f=x.whitespace}h!==u[u.length-1]&&u.push(h);let m=0,p=0;const b=u.map(x=>{let C=m,E;for(;(E=i[C])&&(E.whitespace||!E.value);)C++;let T=x,M=null;for(;T>C&&(E=i[T-1])&&(E.whitespace||!(E.value||E instanceof ut));)E instanceof K&&(M=E),T--;E instanceof ut&&(E.value="-",E.width=ot("-",E.font||t)),m=x;const D=Object.assign(i.slice(C,T).filter(j=>j.value),{width:0});return M&&D.push(M),D.width=D.reduce((j,Y)=>j+Y.width,0),D.width>p&&(p=D.width),D});let S=!1;if(r){const x=r==="ellipsis"?"…":r;b.forEach((C,E)=>{const T=s(E);if(C.width>T){const M=new _(x);M.font=t,M.width=ot(x,a),Fn(C,T,M),S=!0}})}let v=!1;const A=e.overflow()==="ellipsis"?"…":e.overflow();if(A&&h!==i.length){const x=s(b.length-1),C=b[b.length-1],E=new _(A);E.font=t,E.width=ot(A,a),Fn(C,x,E),v=!0}else v=!1;return Object.assign(b,{height:b.length*t.height,font:t,width:p,hasOverflow:v,hasLineOverflow:S})}function At(i){return Math.round(i*1e6)/1e6}const tr={center:"middle",right:"end"},er={middle:.5,center:.5,bottom:1,end:1},He=(i,e)=>!i&&!e||i===e;function nr(i,e){const t=[],n=e.font(),s=n.size,r=n.family,o=e.align(),a=e.createElement();if(i.length){const l=n.height,h=e.valign(),c=e.height()(),d=e.width()(0),u=!isFinite(d)&&i.length===1,g=u?null:e.x(),f=At(l/s);let m=u?null:At(l/(s*1.15+(l-s)/2));if(er[h]&&isFinite(c)){const T=h==="bottom"?1:.5;m=(m||0)+(c*T-l*i.length*T)/s}const b=o==="justify";let S=0;o==="right"?S=d:o==="center"&&(S=d/2);let v=[],A="tspan",x=null,C="";const E=()=>{if(C){const T=a(A,x,C);v.push(T)}A="tspan",x=null,C=""};for(let T=0,M=i.length;T<M;T++){let D="",j="",Y=0;const X=i[T];if(!X.length){t.push(a("tspan",{x:g(T),dy:At(T?f:m)+"em"}," "));continue}v=[];let gt=0,ft=0,Bt;for(let mt=0,Ne=X.length;mt<Ne;mt++){const N=X[mt],U=N.font;N.whitespace&&gt++,ft+=N.width,mt&&!N.tracking&&!Y&&He(U.id,D)&&He(N.class,j)&&He(Bt,N.href)?C+=N.value:(E(),C=N.value,x={fontFamily:U.family!==r?U.family:null,fontSize:U.size!==s?U.size:null,fontWeight:U.weight!==400&&U.weight||null,fontStyle:U.style!=="normal"&&U.style||null,fontVariant:U.variant!=="normal"&&U.variant||null,fill:U.color||null,baselineShift:U.baseline?U.baseline*100+"%":null,className:N.class||null,dx:0,href:null,rel:null,target:null},Y&&(x.dx=At(Y),Y=0),N.tracking&&(Y=U.size*N.tracking),N.href&&!Bt?(Bt=N.href,A="a",x.href=Bt,x.rel=N.rel,x.target=N.target):Bt=null,D=U.id,j=N.class)}if(E(),u)t.push(...v);else{let mt=null;const Ne=T===M-1||X[X.length-1]instanceof K;if(b&&X.length>1&&!Ne){const N=d-ft;mt=At(N/gt)}t.push(a("tspan",{wordSpacing:mt,x:g(T)+S,dy:At(T?f:m)+"em"},...v))}}}return a("text",{fontFamily:r,fontSize:s,textAnchor:tr[o]||"start"},...t)}const sr={middle:.5,center:.5,bottom:1,end:1};function ir(i,e){return i.color?i.color:e.href?"#00C":"#000"}function rr(i,e,t){if(!i.length)return;t.textBaseline="middle";const n=e.font(),s=n.height,r=n.size,o=e.valign(),a=e.height()(),l=e.width()(0),h=e.align(),c=h==="justify";let d=s*.5;const u=sr[o];if(u&&isFinite(a)){const g=i.length*s;d+=a*u-g*u}i.forEach((g,f)=>{let m=e.x()(f);const p=f*s+d;let b=0,S=0;g.forEach(x=>{x.whitespace&&b++,S+=x.width});let v=0;const A=f===i.length-1||g[g.length-1]instanceof K;c&&g.length>1&&!A&&(v=(l-S)/b),g.forEach(x=>{t.font=x.font;const C=x.font,E=C.baseline?r*-C.baseline+r*.15:0;t.fillStyle=ir(C,x);let T=0;if(h==="right"?T+=l-S:h==="center"?T+=l/2-S/2:h==="justify"&&(x.whitespace||x instanceof K)&&(m+=v),t.fillText(x.value,m+T,p+E),x.href){t.beginPath(),t.strokeStyle=t.fillStyle;const M=Math.floor(p+r*.45)+.5;t.moveTo(m+T,M),t.lineTo(m+T+x.width,M),t.stroke()}m+=x.width})})}function Ln(i){const e={};for(let t=0;t<i.length;t++){const n=i[t];typeof n=="number"||n==null||(typeof n=="string"?e.text=n:typeof n=="function"?e.fn=n:typeof n=="object"&&n._groups?e.d3=n:n&&n.nodeType&&n.getContext?e.ctx=n.getContext("2d"):n&&n.fillText&&n.beginPath?e.ctx=n:n&&(e.text=n))}return e}const or=Object.prototype.hasOwnProperty,Ie={};function ar(i){return Ie[i]||(Ie[i]=i.replace(/([a-z])([A-Z])/g,(e,t,n)=>t+"-"+n.toLowerCase())),Ie[i]}function Hn(i,e){if(Array.isArray(e))return e.forEach(t=>Hn(i,t));typeof e=="string"&&(e=document.createTextNode(e)),i.appendChild(e)}function In(i,e,...t){if(typeof document>"u")throw new Error("No document found, cannot create elements");const n=typeof i=="string"?document.createElementNS("http://www.w3.org/2000/svg",i):i;if(e&&n.setAttribute)for(const s in e)or.call(e,s)&&e[s]!=null&&n.setAttribute(s==="className"?"class":ar(s),String(e[s]));return t!=null&&t.length&&t.forEach(s=>{Hn(n,s)}),n}const Bn=i=>typeof i=="function"?i:()=>i,lr={top:{vAnchor:-0},middle:{vAnchor:-.5},bottom:{vAnchor:-1},left:{hAnchor:-0},center:{hAnchor:-.5},right:{hAnchor:-1}},Kt=class Kt{constructor(e){if(this.props={width:()=>1/0,height:()=>1/0,rotation:0,vAnchor:0,hAnchor:0},e)for(const t in e)typeof this[t]=="function"&&this[t](e[t]);this.render=this.render.bind(this)}anchor(e){const{hAnchor:t,vAnchor:n,width:s,height:r}=this.props;if(!arguments.length)return[t*s(),n*r()];if(typeof e=="string"){const o=this.props;e.toLowerCase().trim().split(/\s+/).forEach(a=>Object.assign(o,lr[a]))}return this}width(e){return arguments.length?(this.props.width=Bn(e),this):this.props.width}height(e){return arguments.length?(this.props.height=Bn(e),this):this.props.height}rotate(e){return arguments.length?(this.props.rotation=e,this):this.props.rotation}createElement(e){return arguments.length?(this.props.createElement=e,this):this.props.createElement||Kt.createElement}canvas(e,t){const n=e.getContext?e.getContext("2d"):e;return n.save(),n.rotate(this.rotate()*Math.PI/180),n.translate(...this.anchor()),t(n),n.restore(),n}render(...e){const t=Ln(e);if(t.d3)return t.d3.attr("transform",`rotate(${this.rotate()}) translate(${this.anchor()})`);if(t.ctx)return this.canvas(t.ctx,t.fn);if(t.text){const n=typeof t.text.render=="function"?t.text.render():t.text;return this.createElement()("g",{transform:`rotate(${this.rotate()}) translate(${this.anchor()})`},n)}}};y(Kt,"createElement",In);let Be=Kt;const Re=/^[\n\r\t\x20\xA0\u2000-\u200B\u205F\u3000]/,cr=/^[^\n\r\t\u0020\u2000-\u200B\u205F\u3000]{2,}/,Rn=/^[\xA0\u2011\u202F\u2060\uFEFF]/,hr=/^(?:[;\xAD%?…]|,(?!\d))/,dr=/^[´±°¢£¤$¥\u2212]/,ur="'“‘[「【﹝〔<‹«{『（(<《".split(""),gr="',，,！!?？”]」】》>’»﹞〕〗〉})）』。".split(""),zn=i=>{const e=i.charCodeAt(0);return e>=19968&&e<=40959};function Zt(i,e){e!==!1&&(i=i.trim());const t=[];let n=i.charAt(0),s,r,o=0;for(let a=1,l=i.length;a<l;a++){s=i.charAt(a),r=i.charAt(a+1);const h=Re.test(n),c=Re.test(s);let d=c||h||zn(n)||zn(s),u;if((dr.test(s)&&!Rn.test(n)||hr.test(n+r)&&!Rn.test(s))&&(d=!0),d&&(gr.includes(s)||ur.includes(n))&&(d=!1),(n==="-"||n==="‐"||n==="–"||n==="—")&&(u=Re.test(i.charAt(a-2)),u&&!c&&(d=!1),!u&&cr.test(s+r)&&(d=!0)),d){const g=i.slice(o,a);/\u00AD$/.test(g)?(t.push(new _(g.slice(0,-1))),t.push(new ut)):(t.push(new _(g)),t.push(new Ht)),o=a}n=s}return t.push(new _(i.slice(o))),t}const Nn={nbsp:" ",iexcl:"¡",cent:"¢",pound:"£",curren:"¤",yen:"¥",brvbar:"¦",sect:"§",uml:"¨",copy:"©",ordf:"ª",laquo:"«",not:"¬",shy:"­",reg:"®",macr:"¯",deg:"°",plusmn:"±",sup2:"²",sup3:"³",acute:"´",micro:"µ",para:"¶",middot:"·",cedil:"¸",sup1:"¹",ordm:"º",raquo:"»",frac14:"¼",frac12:"½",frac34:"¾",iquest:"¿",Agrave:"À",Aacute:"Á",Acirc:"Â",Atilde:"Ã",Auml:"Ä",Aring:"Å",AElig:"Æ",Ccedil:"Ç",Egrave:"È",Eacute:"É",Ecirc:"Ê",Euml:"Ë",Igrave:"Ì",Iacute:"Í",Icirc:"Î",Iuml:"Ï",ETH:"Ð",Ntilde:"Ñ",Ograve:"Ò",Oacute:"Ó",Ocirc:"Ô",Otilde:"Õ",Ouml:"Ö",times:"×",Oslash:"Ø",Ugrave:"Ù",Uacute:"Ú",Ucirc:"Û",Uuml:"Ü",Yacute:"Ý",THORN:"Þ",szlig:"ß",agrave:"à",aacute:"á",acirc:"â",atilde:"ã",auml:"ä",aring:"å",aelig:"æ",ccedil:"ç",egrave:"è",eacute:"é",ecirc:"ê",euml:"ë",igrave:"ì",iacute:"í",icirc:"î",iuml:"ï",eth:"ð",ntilde:"ñ",ograve:"ò",oacute:"ó",ocirc:"ô",otilde:"õ",ouml:"ö",divide:"÷",oslash:"ø",ugrave:"ù",uacute:"ú",ucirc:"û",uuml:"ü",yacute:"ý",thorn:"þ",yuml:"ÿ",fnof:"ƒ",Alpha:"Α",Beta:"Β",Gamma:"Γ",Delta:"Δ",Epsilon:"Ε",Zeta:"Ζ",Eta:"Η",Theta:"Θ",Iota:"Ι",Kappa:"Κ",Lambda:"Λ",Mu:"Μ",Nu:"Ν",Xi:"Ξ",Omicron:"Ο",Pi:"Π",Rho:"Ρ",Sigma:"Σ",Tau:"Τ",Upsilon:"Υ",Phi:"Φ",Chi:"Χ",Psi:"Ψ",Omega:"Ω",alpha:"α",beta:"β",gamma:"γ",delta:"δ",epsilon:"ε",zeta:"ζ",eta:"η",theta:"θ",iota:"ι",kappa:"κ",lambda:"λ",mu:"μ",nu:"ν",xi:"ξ",omicron:"ο",pi:"π",rho:"ρ",sigmaf:"ς",sigma:"σ",tau:"τ",upsilon:"υ",phi:"φ",chi:"χ",psi:"ψ",omega:"ω",thetasym:"ϑ",upsih:"ϒ",piv:"ϖ",bull:"•",hellip:"…",prime:"′",Prime:"″",oline:"‾",frasl:"⁄",weierp:"℘",image:"ℑ",real:"ℜ",trade:"™",alefsym:"ℵ",larr:"←",uarr:"↑",rarr:"→",darr:"↓",harr:"↔",crarr:"↵",lArr:"⇐",uArr:"⇑",rArr:"⇒",dArr:"⇓",hArr:"⇔",forall:"∀",part:"∂",exist:"∃",empty:"∅",nabla:"∇",isin:"∈",notin:"∉",ni:"∋",prod:"∏",sum:"∑",minus:"−",lowast:"∗",radic:"√",prop:"∝",infin:"∞",ang:"∠",and:"⊥",or:"⊦",cap:"∩",cup:"∪",int:"∫",there4:"∴",sim:"∼",cong:"≅",asymp:"≈",ne:"≠",equiv:"≡",le:"≤",ge:"≥",sub:"⊂",sup:"⊃",nsub:"⊄",sube:"⊆",supe:"⊇",oplus:"⊕",otimes:"⊗",perp:"⊥",sdot:"⋅",lceil:"⌈",rceil:"⌉",lfloor:"⌊",rfloor:"⌋",lang:"〈",rang:"〉",loz:"◊",spades:"♠",clubs:"♣",hearts:"♥",diams:"♦",quot:'"',amp:"&",lt:"<",gt:">",OElig:"Œ",oelig:"œ",Scaron:"Š",scaron:"š",Yuml:"Ÿ",circ:"ˆ",tilde:"˜",ensp:" ",emsp:" ",thinsp:" ",zwnj:"‌",zwj:"‍",lrm:"‎",rlm:"‏",ndash:"–",mdash:"—",lsquo:"‘",rsquo:"’",sbquo:"‚",ldquo:"“",rdquo:"”",bdquo:"„",dagger:"†",Dagger:"‡",permil:"‰",lsaquo:"‹",rsaquo:"›"},fr=/^[\n\r\x20\u2000-\u200B\u205F\u3000]/,mr=/^<\/([a-zA-Z0-9]+)([^>]*)>/,pr=/^<([a-zA-Z0-9]+)((?:\s[^=\s/]+(?:\s*=\s*(?:"[^"]+"|'[^']+'|[^>\\s]+))?)+)?\s*(\/?)>(\n*)/,yr=/^<!--(.+?)-->/,wr=/&(?:#(\d\d{2,})|#x([\da-fA-F]{2,})|([a-zA-Z][a-zA-Z1-4]{1,8}));/g,On={b:i=>i.weight=700,strong:i=>i.weight=700,i:i=>i.style="italic",em:i=>i.style="italic",dfn:i=>i.style="italic",cite:i=>i.style="italic",code:i=>i.family="monospace",kbd:i=>i.family="monospace",samp:i=>i.family="monospace",var:i=>i.family="monospace",tt:i=>i.family="monospace",sub:i=>i.sub=!0,sup:i=>i.sup=!0},xr={div:1,li:1,blockquote:2,h1:2,h2:2,h3:2,h4:2,h5:2,h6:2,ul:2,ol:2,hr:2,p:2};function $n(i){return i.replace(wr,function(e,t,n,s){if(t||n){const r=t?10:16;return String.fromCharCode(parseInt(t||n,r))}else if(s in Nn)return Nn[s];return e})}function br(i){return i&&i.length>1&&(i[0]==='"'&&i[i.length-1]==='"'||i[0]==="'"&&i[i.length-1]==="'")?i.slice(1,-1):i}const Sr=/^\s*([^=\s&]+)(?:\s*=\s*("[^"]+"|'[^']+'|[^>\s]+))?/;function vr(i){let e;const t={};if(i){do if(e=Sr.exec(i),e){const n=$n(br(e[2]||"")).replace(/[ \r\n\t]+/g," ").trim();if(t[e[1]]=n,i=i.slice(e[0].length),i.length&&/^\S/.test(i[0]))throw new Error("Attribute error")}while(e&&i.length);if(/\S/.test(i))throw new Error("Attribute error")}return t}function Ar(i){i=String(i||"").trim();let e={weight:null,style:null,sub:!1,sup:!1,href:null,color:null,rel:null,target:null};const t=[],n=[];let s,r;const o=function(d){for(const u in e)e[u]&&(d[u]=e[u]);t.push(d)},a=()=>{n.push(e),e=Object.create(e)},l=()=>{n.length&&(e=n.pop())},h=d=>{const u=t.length;let g=xr[d];if(u&&g){let f=u-1;for(;t[f]&&(t[f]instanceof Ht||fr.test(t[f].value));)f--;for(;g&&t[f]&&t[f]instanceof K;)f--,g--;for(;g-- >0;)t.push(new K)}};for(;i.length;){if(s=/^[^<]+/.exec(i)){const d=$n(s[0]);Zt(d,!1).forEach(o)}else if(!(s=yr.exec(i)))if(s=mr.exec(i))l(),h(s[1]);else if(s=pr.exec(i)){const d=s[1];h(d),a(),On[d]&&On[d](e);const u=vr(s[2]);d==="a"&&(u.href&&(e.href=u.href),u.rel&&(e.rel=u.rel),u.target&&(e.target=u.target)),u.class&&(e.class=e.class?e.class+" "+u.class:u.class),u.style&&(r=/(?:^|\s|;)color\s*:\s*([^;\s"']+)/.exec(u.style),r&&r[1]&&(e.color=r[1])),d==="br"&&t.push(new K)}else s=[i.slice(0,1)],o(new _(s[0]));i=i.slice(s[0].length)}let c=t[t.length-1];for(;c instanceof K;)t.pop(),c=t[t.length-1];return t}const Yn={copyright:"©",textcopyright:"©",dag:"†",textdagger:"†",ddag:"‡",textdaggerdbl:"‡",guillemotleft:"«",guillemotright:"»",guilsinglleft:"‹",guilsinglright:"›",ldots:"…",dots:"…",textellipsis:"…",lq:"‘",P:"¶",textparagraph:"¶",pounds:"£",textsterling:"£",quotedblbase:"„",quotesinglbase:"‚",rq:"’",S:"§",sim:"~",textasciicircum:"^",textasciitilde:"˜",texttildelow:"~",textasteriskcentered:"*",textbackslash:"'",textbar:"|",textbardbl:"╎",textbigcircle:"◯",textbraceleft:"{",textbraceright:"}",textbullet:"•",textdollar:"$",textemdash:"—",textendash:"—",texteuro:"€",eurosym:"€",euro:"€",textexclamdown:"¡",textgreater:">",textless:"<",textordfeminine:"ª",textordmasculine:"º",textperiodcentered:"·",cdot:"·",textquestiondown:"¿",textquotedblleft:"“",textquotedblright:"”",textquoteleft:"‘",textquoteright:"’",textquotestraightbase:"‚",textquotestraightdblbase:"„",textregistered:"®",textthreequartersemdash:"-",texttrademark:"™",texttwelveudash:"-",textunderscore:"_",textvisiblespace:"␣",gets:"←",textleftarrow:"←",to:"→",textrightarrow:"→",textdegree:"°",infty:"∞",triangle:"△",triangledown:"▽",blacktriangle:"▲",blacktriangledown:"▼",angle:"∠",sphericalangle:"∢",aleph:"ℵ",hbar:"ħ",imath:"𝚤",jmath:"𝚥",ell:"ℓ",wp:"℘",Re:"ℜ",Im:"ℑ",mho:"℧",prime:"′",emptyset:"∅",nabla:"∇",surd:"√",partial:"∂",top:"⟙",bot:"⟂",vdash:"⟝",dashv:"⟞",forall:"∀",exists:"∃",nexists:"∄",neg:"¬",lnot:"¬",flat:"♭",natural:"♮",sharp:"♯",backslash:"\\",Box:"□",Diamond:"♢",clubsuit:"♣",diamondsuit:"♦",heartsuit:"♥",spadesuit:"♠",Join:"⨝",blacksquare:"■",bigstar:"★",diagdown:"╲",diagup:"╱",blacklozenge:"⧫",rfloor:"⌋",lfloor:"⌊",rceil:"⌉",lceil:"⌈",rangle:"⟩",langle:"⟨",sum:"∑",int:"∫",oint:"∮",prod:"∏",coprod:"∏",bigcap:"∩",bigcup:"∪",bigsqcup:"⊔",bigvee:"∨",bigwedge:"∧",bigodot:"⊙",bigotimes:"⊗",bigoplus:"⊕",biguplus:"⊎",alpha:"α",beta:"β",chi:"χ",delta:"δ",epsilon:"ε",eta:"η",gamma:"γ",iota:"ι",kappa:"κ",lambda:"λ",mu:"μ",nu:"ν",omega:"ω",phi:"φ",pi:"π",psi:"ψ",rho:"ρ",sigma:"σ",tau:"τ",theta:"θ",upsilon:"υ",xi:"ξ",zeta:"ζ",Alpha:"Α",Beta:"Β",Chi:"Χ",Delta:"Δ",Epsilon:"Ε",Eta:"Η",Gamma:"Γ",Iota:"Ι",Kappa:"Κ",Lambda:"Λ",Mu:"Μ",Nu:"Ν",Omega:"Ω",Phi:"Φ",Pi:"Π",Psi:"Ψ",Rho:"Ρ",Sigma:"Σ",Tau:"Τ",Theta:"Θ",Upsilon:"Υ",Xi:"Ξ",Zeta:"Ζ",aa:"å",AA:"Å",ae:"æ",AE:"Æ",dh:"ð",DH:"Ð",dj:"đ",DJ:"Đ",ij:"ij",IJ:"IJ",l:"ł",L:"Ł",ng:"ŋ",NG:"Ŋ",o:"ø",O:"Ø",oe:"œ",OE:"Œ",ss:"ß",SS:"SS",th:"þ",TH:"Þ"},Er=/^(\^|_|\\[^#$%&~_^\\{}()\s]+)(\{)?/,Cr=/^%[^\n]+(?:\n|$)/,Tr=/^[^#$%&~_^\\{}]+/,kr=/^\\([&{}$%#_])/,Mr=/(?:\\[\\@,!:;-]|-{2,3}|[!?]`|``?|,,|''?|~|<<|>>)/g,Pr={"---":"—","--":"–","!`":"¡","?`":"¿","``":"“",",,":"„","''":"”","`":"‘","'":"’","<<":"«",">>":"»","~":" ","\\-":"­","\\,":" ","\\;":" ","\\:":" ","\\!":" ","\\@":"\uFEFF","\\\\":"\\newline{}"},B={bf:i=>i.weight="bold",it:i=>i.style="italic",sl:i=>i.style="italic",color:(i,e)=>i.color=e,href:(i,e)=>i.href=e,"^":i=>i.sup=!0,_:i=>i.sub=!0,par:function(i){this.tokens.push(new K,new K)},newline:function(i){this.tokens.push(new K)},url:function(i,e){i=this.open_context(),i.href=e,this.add_token(new _(e)),this.close_context()}};B.textsuperscript=B["^"],B.textsubscript=B._,B.textsl=B.sl,B.mathbf=B.bf,B.mathit=B.it,B.textbf=B.bf,B.textit=B.it,B.textcolor=B.color;function Dr(i){i=String(i||"").trim();const e=[0];i=i.replace(/\\verb,(.*?),/,(c,d)=>(e.push(d),"\\verb,"+(e.length-1)+",")).replace(/\\\\\n/g,()=>"\\\\").replace(Mr,(c,d,u)=>u.charAt(d-1)==="\\"?c:Pr[c]).replace(/\n\s+/g,c=>/\n/.test(c.slice(1))?"\\par ":c).replace(/\\symbol\{(\d+)\}/,(c,d,u,g)=>g.charAt(u-1)==="\\"?c:String.fromCharCode(1*d)).replace(/(^|[^\\])(\^|_)(\d|[^{]\S*)/g,(c,d,u,g)=>d+u+"{"+g+"}").replace(/\\verb,(.*?),/,(c,d)=>`\\verb,${e[+d]},`);let t={weight:null,italic:null,variant:null,sub:!1,sup:!1,href:null};const n=[],s=[];let r;const o=function(c){for(const d in t)t[d]&&(c[d]=t[d]);return n.push(c),c},a=function(){s.push(t),t=Object.create(t)},l=function(){if(!s.length)throw new Error("Unexpected }");t=s.pop()},h={tokens:n,open_context:a,close_context:l,add_token:o};for(;i.length;){if(r=Tr.exec(i))Zt(r[0],!1).forEach(o);else if(r=kr.exec(i))o(new _(r[1]));else if(!(r=Cr.exec(i))){if(r=/^\{/.exec(i))a();else if(r=/^\}/.exec(i))l();else if(!(r=/^\$/.exec(i)))if(r=/^\\verb,([^,]+),/.exec(i))o(new _(r[1]));else if(r=Er.exec(i)){const c=r[1].slice(1)||r[1];let d=!!r[2];if(/^(La)?TeX$/i.test(c)){a(),t.family="serif";let u;c==="LaTeX"&&(u=o(new _("L")),u.tracking=-.25,u=o(new _("A")),u.size=.7,u.baseline=.3,u.tracking=-.1),u=o(new _("T")),u.tracking=-.17,u=o(new _("E")),u.baseline=-.22,u.tracking=-.13,u=o(new _("X")),l()}else if(c in Yn)o(new _(Yn[c])),d&&a();else if(c in B){const u=[];let g=B[c].length-1,f;if(g){for(d=!1,i=i.slice(r[0].length-1);g--;)if(f=/^\{([^}]+)\}/.exec(i))u.push(f[1]),i=i.slice(f[0].length);else throw new Error(c+" is missing an argument");r[0]=/^\{/.exec(i)?"{":"",d=!!r[0]}d&&a(),B[c].apply(h,[t,...u])}else o(new _(r[1])),d&&a()}else r=[i.slice(0,1)],o(new _(r[0]))}i=i.slice(r[0].length)}return n}const Fr=new Z,ze=i=>typeof i=="function"?i:()=>i,Xn={left:"left",start:"left",center:"center",middle:"center",right:"right",end:"right",justify:"justify"},R=class R{constructor(e){this.props={overflow:"ellipsis",overflowWrap:null,overflowLine:"",align:"left",wordBreak:null,valign:"top",width:()=>1/0,height:()=>1/0,x:()=>0,font:Fr,parser:R.defaultparser},e&&(e.font&&this.font(e.font),e.overflow&&this.overflow(e.overflow),e.overflowLine&&this.overflowLine(e.overflowLine),e.overflowWrap&&this.overflowWrap(e.overflowWrap),e.valign&&this.valign(e.valign),e.align&&this.align(e.align),e.width&&this.width(e.width),e.height&&this.height(e.height),e.x&&this.x(e.x),e.parser&&this.parser(e.parser),e.createElement&&this.createElement(e.createElement))}linebreak(e){const t=this.props.parser(String(e)),n=Qi(t,this,this.font()),s=r=>this.render(n,r);return Object.assign(n,{render:s,svg:s,draw:s})}font(e){return arguments.length?(this.props.font=new Z(e),this):this.props.font||new Z}overflow(e){return arguments.length?(this.props.overflow=String(e),this):this.props.overflow}overflowLine(e){return arguments.length?(this.props.overflowLine=String(e),this):this.props.overflowLine}valign(e){return arguments.length?(this.props.valign=e,this):this.props.valign}align(e){if(!arguments.length)return this.props.align;const t=String(e).toLowerCase();return t in Xn&&(this.props.align=Xn[t]),this}overflowWrap(e){if(!arguments.length)return this.props.overflowWrap||"normal";const t=String(e).toLowerCase();return t==="break-word"?this.props.overflowWrap="break-word":(t==="normal"||e==null)&&(this.props.overflowWrap=null),this}width(e){return arguments.length?(this.props.width=ze(e),this):this.props.width}height(e){return arguments.length?(this.props.height=ze(e),this):this.props.height}x(e){return arguments.length?(this.props.x=ze(e),this):this.props.x}parser(e){if(!arguments.length)return this.props.parser;if(typeof e=="string"){const t=R[e]||R[e+"parser"];typeof t=="function"&&(e=t)}if(typeof e!="function")throw new Error("Unknown parser: "+e);return this.props.parser=e,this}createElement(e){return arguments.length?(this.props.createElement=e,this):this.props.createElement||R.createElement}render(e,t){const n=Ln([e,t]);if(typeof n.text=="string"&&(n.text=this.linebreak(n.text)),n.ctx)rr(n.text,this,n.ctx);else return nr(n.text,this)}};y(R,"createElement",In),y(R,"textparser",Zt),y(R,"defaultparser",Zt),y(R,"htmlparser",Ar),y(R,"latexparser",Dr),y(R,"Token",_),y(R,"Break",Ht),y(R,"LineBreak",K),y(R,"SoftHyphen",ut),y(R,"Rotator",Be),y(R,"Font",Z),y(R,"setMeasureCanvas",Zi),y(R,"measureText",function(e,t,n){return ot(e,new Z(t),n)});let It=R;function _r(i,e,t,n){const{width:s,height:r}=z(e),{color:o=$.color,strokeColor:a=$.strokeColor,strokeWidth:l=$.strokeWidth,strokeType:h=$.strokeType,background:c=$.background,borderRadius:d=$.borderRadius,fixedSize:u=$.fixedSize}=e.properties.style||$,g=En(i,e,t,n);g.setAttribute("data-annotation-type",e.properties.type),g.classList.add("annotation-text"),g.setAttribute("fill",`${o}`);let f=g.firstChild;for(;f;){const v=f.nextSibling;f.nodeType===1&&f.tagName!=="rect"&&g.removeChild(f),f=v}let m=g.firstChild;m||(m=k("rect"),g.appendChild(m));const p=-s/2,b=-r/2;d&&(m.setAttribute("rx",`${d}`),m.setAttribute("ry",`${d}`)),h&&h!=="none"&&(m.setAttribute("stroke",a||"black"),m.setAttribute("stroke-width",`${l}`),h==="dashed"&&m.setAttribute("stroke-dasharray","5,5")),c&&c.length&&(n.hoveredFeature===e.id?m.setAttribute("fill",wt(c)):m.setAttribute("fill",c)),m.setAttribute("width",`${s}`),m.setAttribute("height",`${r}`);const S=W(e);return m.setAttribute("x",`${p}`),m.setAttribute("y",`${b}`),Lr(e,g,p,b),g.setAttribute("transform",n.getScreenAlignedTransform(S.x,S.y,!u)),i.appendChild(g),g}const Un=i=>i.replace(/…$/,""),qn=i=>i.children[0].innerHTML;function Lr(i,e,t=0,n=0){const{width:s,height:r}=z(i),{fontSize:o=$.fontSize,font:a=$.font,padding:l=0}=i.properties.style||{};if(s===r&&s===0)return;const h=parseFloat(o.toString())*Yt,c=new It({font:`${o}px/${h}px ${a}`.replace(/(px)+/g,"px"),width:s-l*2,height:r-l,align:"left",valign:"top",x:0,overflow:"ellipsis",parser:It.htmlparser,createElement:It.createElement});c.overflowWrap("break-word");const d=i.properties.content||"";if(d.length===0)return;const g=c.linebreak(d.replaceAll(`
-`,"<br>")).svg(),f=[...g.children],m=d.match(/(https?:\/\/.*)/gm);(m?m.map(b=>b.split(" ")[0]):[]).forEach(b=>{let S=b;const v=[];for(;S.length>0;){const A=f.find(C=>!!C.children[0]&&C.children[0].tagName==="tspan"&&S.startsWith(Un(qn(C))));if(!A)break;v.push(A);const x=Un(A.children[0].innerHTML).length;if(!x)break;S=S.slice(x)}v.forEach(A=>{const x=document.createElementNS("http://www.w3.org/2000/svg","a");x.setAttribute("href",b),x.setAttribute("target","_blank"),x.innerHTML=qn(A),A.children[0].innerHTML="",A.children[0].appendChild(x)})}),g.setAttribute("transform",`translate(${t+l}, ${n+l})`),e.appendChild(g)}class Hr extends xn{constructor(t,n){super(t,n);y(this,"features",new Map);y(this,"arrowsRoot",null);y(this,"shapesRoot",null);y(this,"commentsRoot",null);y(this,"annotationsRoot",null);y(this,"visibleFeatures",new Set);y(this,"isExporting",!1);y(this,"render",t=>{const{features:n,hoveredFeature:s,selectedFeatures:r,liveUpdates:o}=this.store.getState();(!this.annotationsRoot||!t.contains(this.annotationsRoot))&&(t.innerHTML="",t.appendChild(this.getDefs()),this.arrowsRoot=k("g"),this.commentsRoot=k("g"),this.annotationsRoot=k("g"),this.shapesRoot=k("g"),this.annotationsRoot.appendChild(this.arrowsRoot),this.annotationsRoot.appendChild(this.shapesRoot),this.annotationsRoot.appendChild(this.commentsRoot),t.appendChild(this.annotationsRoot)),t.removeChild(this.annotationsRoot);const a=this.arrowsRoot,l=this.annotationsRoot,h=this.commentsRoot,c=this.shapesRoot,d=this.store.getState(),u=this.getViewportBounds(),g=new Set(Object.keys(n));this.removeFeatures(g);const f=new Set;for(let m of Object.values(n)){if(o[m.id]&&(m={...m,...o[m.id]}),!this.isExporting&&!this.isFeatureVisible(m,u))continue;f.add(m.id);let p=this.features.get(m.id);G(m)?p=En(c,m,p,d):L(m)?p=_r(c,m,p,d):H(m)?p=Ri(h,m,p,d,this.visibleFeatures.has(m.id)):st(m)?p=Oi(c,m,p,d):J(m)&&(p=ki(a,m,d.options.minArrowHeight,d.options.maxArrowHeight,p,d)),p&&this.features.set(m.id,p)}this.applyStateClasses(l,s,r),t.appendChild(l),this.visibleFeatures.clear(),this.visibleFeatures=f});y(this,"throttleRender",de(()=>this.render(this.layer.element),16));y(this,"refresh",()=>{this.layer.refresh()});y(this,"onExportStart",()=>{this.isExporting=!0});y(this,"onExportEnd",()=>{this.isExporting=!1});t.events.on("viewExportStart",this.onExportStart),t.events.on("afterImageExport",this.onExportEnd),this.layer=this.ogma.layers.addSVGLayer({draw:this.render},Ot.SHAPES),this.store.subscribe(s=>({features:s.features,liveUpdates:s.liveUpdates,hoveredFeature:s.hoveredFeature,selectedFeatures:s.selectedFeatures,rotation:s.rotation,zoom:s.zoom}),this.throttleRender,{equalityFn:(s,r)=>s.features===r.features&&s.liveUpdates===r.liveUpdates&&s.hoveredFeature===r.hoveredFeature&&s.selectedFeatures===r.selectedFeatures&&s.rotation===r.rotation&&s.zoom===r.zoom})}getViewportBounds(){const t=this.ogma,{width:n,height:s}=t.view.getSize(),r=1.5,o=t.view.screenToGraphCoordinates({x:0,y:0}),a=t.view.screenToGraphCoordinates({x:n*r,y:0}),l=t.view.screenToGraphCoordinates({x:0,y:s*r}),h=t.view.screenToGraphCoordinates({x:n*r,y:s*r});return[Math.min(o.x,a.x,l.x,h.x),Math.min(o.y,a.y,l.y,h.y),Math.max(o.x,a.x,l.x,h.x),Math.max(o.y,a.y,l.y,h.y)]}isFeatureVisible(t,n){const s=t.geometry.bbox;if(!s)return!0;const[r,o,a,l]=s;return!(a<n[0]||r>n[2]||l<n[1]||o>n[3])}getDefs(){const t=k("defs");t.appendChild(Li());const n=k("filter");n.setAttribute("id","softShadow"),n.setAttribute("x","-50%"),n.setAttribute("y","-50%"),n.setAttribute("width","200%"),n.setAttribute("height","200%");const s=k("feGaussianBlur");s.setAttribute("in","SourceAlpha"),s.setAttribute("stdDeviation","2"),s.setAttribute("result","blur");const r=k("feOffset");r.setAttribute("in","blur"),r.setAttribute("dx","0"),r.setAttribute("dy","1"),r.setAttribute("result","offsetBlur");const o=k("feComponentTransfer");o.setAttribute("in","offsetBlur"),o.setAttribute("result","shadow");const a=k("feFuncA");a.setAttribute("type","linear"),a.setAttribute("slope","0.25"),o.appendChild(a);const l=k("feMerge"),h=k("feMergeNode");h.setAttribute("in","shadow");const c=k("feMergeNode");return c.setAttribute("in","SourceGraphic"),l.appendChild(h),l.appendChild(c),n.appendChild(s),n.appendChild(r),n.appendChild(o),n.appendChild(l),t.appendChild(n),t}removeFeatures(t){for(const n of this.features.keys())if(!t.has(n)){const s=this.features.get(n);s&&s.parentNode&&s.parentNode.removeChild(s),this.features.delete(n)}}applyStateClasses(t,n,s){if(n!==null){const r=t.querySelector(`[data-annotation="${n}"]`);r&&r.classList.add("annotation-hovered")}s.forEach(r=>{const o=t.querySelector(`[data-annotation="${r}"]`);o&&o.classList.add("annotation-selected")})}destroy(){this.features.clear(),this.layer.destroy(),this.ogma.events.off(this.onExportStart),this.ogma.events.off(this.onExportEnd),super.destroy()}}const Wn=i=>{let e;const t=new Set,n=(h,c)=>{const d=typeof h=="function"?h(e):h;if(!Object.is(d,e)){const u=e;e=c??(typeof d!="object"||d===null)?d:Object.assign({},e,d),t.forEach(g=>g(e,u))}},s=()=>e,a={setState:n,getState:s,getInitialState:()=>l,subscribe:h=>(t.add(h),()=>t.delete(h))},l=e=i(n,s,a);return a},Gn=i=>i?Wn(i):Wn;var jn=(i,e,t)=>(s,r)=>({pastStates:(t==null?void 0:t.pastStates)||[],futureStates:(t==null?void 0:t.futureStates)||[],undo:(o=1)=>{var a,l;if(r().pastStates.length){const h=((a=t==null?void 0:t.partialize)==null?void 0:a.call(t,e()))||e(),c=r().pastStates.splice(-o,o),d=c.shift();i(d),s({pastStates:r().pastStates,futureStates:r().futureStates.concat(((l=t==null?void 0:t.diff)==null?void 0:l.call(t,h,d))||h,c.reverse())})}},redo:(o=1)=>{var a,l;if(r().futureStates.length){const h=((a=t==null?void 0:t.partialize)==null?void 0:a.call(t,e()))||e(),c=r().futureStates.splice(-o,o),d=c.shift();i(d),s({pastStates:r().pastStates.concat(((l=t==null?void 0:t.diff)==null?void 0:l.call(t,h,d))||h,c.reverse()),futureStates:r().futureStates})}},clear:()=>s({pastStates:[],futureStates:[]}),isTracking:!0,pause:()=>s({isTracking:!1}),resume:()=>s({isTracking:!0}),setOnSave:o=>s({_onSave:o}),_onSave:t==null?void 0:t.onSave,_handleSet:(o,a,l,h)=>{var c,d;t!=null&&t.limit&&r().pastStates.length>=(t==null?void 0:t.limit)&&r().pastStates.shift(),(d=(c=r())._onSave)==null||d.call(c,o,l),s({pastStates:r().pastStates.concat(h||o),futureStates:[]})}}),Ir=(i,e)=>(n,s,r)=>{var h,c;r.temporal=Gn(((h=e==null?void 0:e.wrapTemporal)==null?void 0:h.call(e,jn(n,s,e)))||jn(n,s,e));const o=((c=e==null?void 0:e.handleSet)==null?void 0:c.call(e,r.temporal.getState()._handleSet))||r.temporal.getState()._handleSet,a=d=>{var f,m,p;if(!r.temporal.getState().isTracking)return;const u=((f=e==null?void 0:e.partialize)==null?void 0:f.call(e,s()))||s(),g=(m=e==null?void 0:e.diff)==null?void 0:m.call(e,d,u);g===null||(p=e==null?void 0:e.equality)!=null&&p.call(e,d,u)||o(d,void 0,u,g)},l=r.setState;return r.setState=(...d)=>{var g;const u=((g=e==null?void 0:e.partialize)==null?void 0:g.call(e,s()))||s();l(...d),a(u)},i((...d)=>{var g;const u=((g=e==null?void 0:e.partialize)==null?void 0:g.call(e,s()))||s();n(...d),a(u)},s,r)};const Br=i=>(e,t,n)=>{const s=n.subscribe;return n.subscribe=(o,a,l)=>{let h=o;if(a){const c=(l==null?void 0:l.equalityFn)||Object.is;let d=o(n.getState());h=u=>{const g=o(u);if(!c(d,g)){const f=d;a(d=g,f)}},l!=null&&l.fireImmediately&&a(d,d)}return s(h)},i(e,t,n)},Rr=[0,0,0,0];function zr(i,e){const t=Object.keys(i.features),n=Object.keys(e.features);if(t.length!==n.length)return!1;for(const s of t)if(!(s in e.features))return!1;for(const s of t){const r=i.features[s],o=e.features[s],a=r.geometry,l=o.geometry;if(a.coordinates!==l.coordinates||r.properties!==o.properties||r.properties.style!==o.properties.style||a!==l)return!1}return i.drawingFeature===e.drawingFeature}const Nr=i=>{const e=Gn()(Br(Ir((t,n)=>({features:{},liveUpdates:{},isDragging:!1,hoveringHandle:!1,hoveredHandle:-1,hoveredFeature:null,selectedFeatures:new Set,lastChangedFeatures:[],drawingFeature:null,drawingPoints:null,mousePressed:!1,mousePressPoint:null,rotation:0,sin:0,cos:1,revRotation:0,revSin:0,revCos:1,zoom:1,invZoom:1,options:{showSendButton:(i==null?void 0:i.showSendButton)??!0,sendButtonIcon:(i==null?void 0:i.sendButtonIcon)??ne,minArrowHeight:(i==null?void 0:i.minArrowHeight)??20,maxArrowHeight:(i==null?void 0:i.maxArrowHeight)??30,detectMargin:(i==null?void 0:i.detectMargin)??2,magnetRadius:(i==null?void 0:i.magnetRadius)??10,magnetHandleRadius:(i==null?void 0:i.magnetHandleRadius)??5,textPlaceholder:(i==null?void 0:i.textPlaceholder)??"Type here"},setOptions:s=>t(r=>({options:{...r.options,...s}})),removeFeature:s=>t(r=>{var u,g,f,m;const o=r.features[s];if(!o)return r;const{features:a,liveUpdates:l}=r,h=new Set([s]);if((H(o)||L(o))&&Object.values(a).forEach(p=>{var b,S,v,A;J(p)&&(((S=(b=p.properties.link)==null?void 0:b.end)==null?void 0:S.id)===s||((A=(v=p.properties.link)==null?void 0:v.start)==null?void 0:A.id)===s)&&h.add(p.id)}),J(o)){const p=((g=(u=o.properties.link)==null?void 0:u.end)==null?void 0:g.type)==="comment"?o.properties.link.end.id:((m=(f=o.properties.link)==null?void 0:f.start)==null?void 0:m.type)==="comment"?o.properties.link.start.id:null;if(p){let b=0;if(Object.values(r.features).forEach(S=>{var v,A,x,C;J(S)&&S.id!==s&&(((A=(v=S.properties.link)==null?void 0:v.end)==null?void 0:A.id)===p||((C=(x=S.properties.link)==null?void 0:x.start)==null?void 0:C.id)===p)&&b++}),b===0)return console.error("Cannot delete last arrow attached to comment. Delete the comment instead."),r}}const c={...a},d={...l};return h.forEach(p=>{delete c[p],delete d[p]}),{features:c,liveUpdates:d}}),addFeature:s=>t(r=>({features:{...r.features,[s.id]:s}})),startLiveUpdate:s=>{t(r=>({liveUpdates:s.reduce((o,a)=>({...o,[a]:{...r.features[a]}}),{})}))},applyLiveUpdate:(s,r)=>{t(o=>({liveUpdates:{...o.liveUpdates,[s]:{...o.liveUpdates[s],...r}}}))},applyLiveUpdates:s=>{t(r=>{const o=r.liveUpdates;for(const a in s)o[a]=s[a];return{liveUpdates:o}})},commitLiveUpdates:s=>{const{features:r,liveUpdates:o}=n(),a={...r},l=[],h=Object.keys(o);s||(s=new Set(h)),h.forEach(c=>{const d=o[c];a[c]&&Object.keys(d).length>0&&(a[c]={...a[c],...d},l.push(c))}),t({features:a,liveUpdates:{},isDragging:!1,lastChangedFeatures:l})},cancelLiveUpdates:()=>t({liveUpdates:{},isDragging:!1}),updateFeature:(s,r)=>t(o=>{const a={...o.features[s],...r},l={...o.liveUpdates};return delete l[s],{features:{...o.features,[s]:a},liveUpdates:l}}),updateFeatures:s=>t(r=>{const o={...r.features};return Object.entries(s).forEach(([a,l])=>{o[a]&&(o[a]={...o[a],...l})}),{features:o}}),batchUpdate:s=>{const r=e.temporal.getState();r.pause(),s(),r.resume()},getFeature:s=>n().features[s],getMergedFeature:s=>{const r=n().features[s],o=n().liveUpdates[s];if(r)return o?{...r,...o}:r},getAllFeatures:()=>{const{features:s,liveUpdates:r}=n();return Object.entries(s).map(([o,a])=>{const l=r[o];return l?{...a,...l}:a})},setHoveredFeature:s=>t({hoveredFeature:s}),setSelectedFeatures:s=>t({selectedFeatures:new Set(s)}),addToSelection:s=>{const{selectedFeatures:r}=n(),o=new Set(r);o.add(s),t({selectedFeatures:o})},removeFromSelection:s=>{const{selectedFeatures:r}=n(),o=new Set(r);o.delete(s),t({selectedFeatures:o})},toggleSelection:s=>{const{selectedFeatures:r}=n(),o=new Set(r);o.has(s)?o.delete(s):o.add(s),t({selectedFeatures:o})},clearSelection:()=>t({selectedFeatures:new Set}),isHovered:s=>n().hoveredFeature===s,isSelected:s=>n().selectedFeatures.has(s),setRotation:s=>{t({rotation:s,sin:Math.sin(s),cos:Math.cos(s),revRotation:-s,revSin:Math.sin(-s),revCos:Math.cos(-s)})},setZoom:s=>{t({zoom:s,invZoom:1/s})},getScreenAlignedTransform(s,r,o=!0){const a=this.revSin,l=this.revCos,h=s*l-r*a,c=s*a+r*l,d=o?1:this.invZoom;return`matrix(${d}, 0, 0, ${d}, ${h}, ${c})`},getRotationTransform(s,r){const o=this.revSin,a=this.revCos,l=s*a-r*o,h=s*o+r*a;return`matrix(${a}, ${o}, ${-o}, ${a}, ${-l}, ${-h})`},getRotatedBBox(s,r,o,a){return Ms(s,r,o-s,a-r,this.sin,this.cos,s+(o-s)/2,r+(a-r)/2,Rr)},setDrawingPoints:s=>t({drawingPoints:s})}),{limit:250,partialize:t=>({drawingFeature:t.drawingFeature,isDragging:t.isDragging,features:t.features,lastChangedFeatures:t.lastChangedFeatures}),equality:zr,handleSet:t=>n=>{n.drawingFeature===null&&t(n)}})));return e},Or={detectMargin:2,magnetHandleRadius:5,magnetRadius:10,textPlaceholder:"Type here",showSendButton:!0,sendButtonIcon:ne,minArrowHeight:20,maxArrowHeight:30};class $r extends Kn{constructor(t,n={}){super();y(this,"ogma");y(this,"store");y(this,"renderers",{});y(this,"interactions");y(this,"editor");y(this,"links");y(this,"index");y(this,"drawing");y(this,"selectionManager");y(this,"historyManager");y(this,"updateManager");y(this,"commentManager");y(this,"onRotate",()=>this.store.getState().setRotation(this.ogma.view.getAngle()));y(this,"onZoom",()=>{const t=this.ogma.view.getZoom();this.store.getState().setZoom(t),this.commentManager.updateCommentModesForZoom(t)});y(this,"onLayout",()=>{this.links.update()});this.ogma=t;const s={...Or,...n};this.store=Nr(s),this.index=new Si(this.store),this.links=new ui(this.ogma,this.store,(r,o)=>{this.emit(We,{arrow:r,link:o})}),this.interactions=new gi(this.ogma,this.store,this.index),this.editor=new ci(this.ogma,this.store,this.index,this.links,this.interactions),this.drawing=new zs(this.ogma,this.store,this.editor,this.interactions,this.links,this,this.index),this.selectionManager=new Os(this.store),this.historyManager=new Ns(this.store,this.links),this.updateManager=new $s(this.store),this.commentManager=new Is(this.store),this.initializeRenderers(),this.setupEvents()}initializeRenderers(){this.renderers.shapes=new Hr(this.ogma,this.store),this.renderers.handles=new Ai(this.ogma,this.store)}setupEvents(){this.ogma.events.on("rotate",this.onRotate).on("zoom",this.onZoom).on("layoutEnd",this.onLayout),this.editor.addEventListener(yt,()=>this.emit(yt)),this.editor.addEventListener(Rt,()=>this.emit(Rt)),this.interactions.addEventListener(zt,()=>this.emit(zt)),this.store.temporal.subscribe(t=>{this.emit(Ge,{canUndo:t.pastStates.length>0,canRedo:t.futureStates.length>0})}),this.store.subscribe(t=>t.selectedFeatures,(t,n)=>{const s=Array.from(t).filter(r=>!(n!=null&&n.has(r)));if(s.length>0&&this.emit($e,{ids:s}),n){const r=Array.from(n).filter(o=>!t.has(o));r.length>0&&this.emit(Ye,{ids:r})}}),this.store.subscribe(t=>t.drawingFeature,(t,n)=>{t===null&&n!==null&&this.emit(Qt,{id:n})}),this.store.subscribe(t=>t.features,(t,n)=>{if(n){for(const s of Object.keys(t))n[s]?n[s]!==t[s]&&this.emit(qe,t[s]):this.emit(Nt,{id:s});for(const s of Object.keys(n))t[s]||this.emit(Xe,{id:s})}})}setOptions(t={}){return this.store.getState().setOptions(t),this.store.getState().options}add(t){return this.updateManager.add(t),this}remove(t){return this.updateManager.remove(t),this}undo(){return this.historyManager.undo()}redo(){return this.historyManager.redo()}canUndo(){return this.historyManager.canUndo()}canRedo(){return this.historyManager.canRedo()}clearHistory(){this.historyManager.clearHistory()}getAnnotations(){return this.updateManager.getAnnotations()}select(t){return this.selectionManager.select(t),this}unselect(t){return this.selectionManager.unselect(t),this}cancelDrawing(){var t;return this.drawing.cancelPendingDrawing(),(t=this.editor.getActiveHandler())==null||t.cancelDrawing(),this.emit(Ue),this}enableArrowDrawing(t){return this.drawing.enableArrowDrawing(t),this}enableTextDrawing(t){return this.drawing.enableTextDrawing(t),this}enableBoxDrawing(t){return this.drawing.enableBoxDrawing(t),this}enablePolygonDrawing(t){return this.drawing.enablePolygonDrawing(t),this}enableCommentDrawing(t={}){return this.drawing.enableCommentDrawing(t),this}startComment(t,n,s,r){return this.drawing.startComment(t,n,s,r),this}startBox(t,n,s){return this.drawing.startBox(t,n,s),this}startArrow(t,n,s){return this.drawing.startArrow(t,n,s),this}startText(t,n,s){return this.drawing.startText(t,n,s),this}startPolygon(t,n,s){return this.drawing.startPolygon(t,n,s),this}getSelectedAnnotations(){return this.selectionManager.getSelectedAnnotations()}getSelected(){return this.selectionManager.getSelected()}getAnnotation(t){return this.updateManager.getAnnotation(t)}setScale(t,n,s,r){return this.updateManager.setScale(t,n,s,r),this}toggleComment(t){return this.commentManager.toggleComment(t),this}destroy(){this.ogma.events.off(this.onRotate).off(this.onZoom),this.links.destroy(),Object.values(this.renderers).forEach(t=>t.destroy()),this.interactions.destroy(),this.editor.destroy()}updateStyle(t,n){return this.updateManager.updateStyle(t,n),this}update(t){return this.updateManager.update(t),this}link(t,n,s=it){const r=this.getAnnotation(t);if(!r)throw new Error(`Arrow with id ${t} not found`);return this.editor.getArrowHandler().link(r,n,s),this}isDrawing(){return this.drawing.isDrawing()}}w.COMMENT_MODE_COLLAPSED=et,w.COMMENT_MODE_EXPANDED=$t,w.Control=$r,w.DATA_ATTR=es,w.DEFAULT_SEND_ICON=ne,w.EVT_ADD=Nt,w.EVT_CANCEL_DRAWING=Ue,w.EVT_CLICK=zt,w.EVT_COMPLETE_DRAWING=Qt,w.EVT_DRAG=Et,w.EVT_DRAG_END=Rt,w.EVT_DRAG_START=yt,w.EVT_HISTORY=Ge,w.EVT_HOVER=Qn,w.EVT_LINK=We,w.EVT_REMOVE=Xe,w.EVT_SELECT=$e,w.EVT_UNHOVER=ts,w.EVT_UNSELECT=Ye,w.EVT_UPDATE=qe,w.HL_BRIGHTEN=ee,w.LAYERS=Ot,w.NONE=Jn,w.SIDE_END=it,w.SIDE_START=q,w.TARGET_TYPES=P,w.TEXT_LINE_HEIGHT=Yt,w.adjustColorBrightness=ue,w.asColor=Fs,w.asHexColor=_s,w.asRgbColor=Ls,w.asRgbaColor=Hs,w.brighten=wt,w.calculateCommentZoomThreshold=an,w.canDetachArrowEnd=Ys,w.canDetachArrowStart=hn,w.clientToContainerPosition=kt,w.colorToRgba=gs,w.createArrow=Mt,w.createBox=fe,w.createComment=ye,w.createCommentWithArrow=ks,w.createPolygon=ln,w.createSVGElement=k,w.createText=me,w.cursors=F,w.darken=ys,w.debounce=ms,w.debounceTail=ps,w.defaultArrowOptions=bs,w.defaultArrowStyle=dt,w.defaultBoxOptions=Ss,w.defaultBoxStyle=bt,w.defaultCommentOptions=Wt,w.defaultCommentStyle=Q,w.defaultPolygonProperties=Ds,w.defaultPolygonStyle=rt,w.defaultTextOptions=vs,w.defaultTextStyle=$,w.detectArrow=ge,w.detectBox=rn,w.detectComment=on,w.detectPolygon=we,w.detectText=pe,w.getAnnotationsBounds=cs,w.getArrowEnd=ce,w.getArrowEndPoints=Xt,w.getArrowSide=Ct,w.getArrowStart=le,w.getAttachmentPointOnNode=us,w.getBbox=tt,w.getBoxCenter=W,w.getBoxPosition=lt,w.getBoxSize=z,w.getBrowserWindow=he,w.getCommentPosition=Es,w.getCommentSize=Cs,w.getCommentZoomThreshold=Ts,w.getCoordinates=Tt,w.getHandleId=ls,w.getPolygonBounds=re,w.getPolygonCenter=oe,w.getTextBbox=tt,w.getTextPosition=lt,w.getTextSize=z,w.handleDetectionThreshold=te,w.handleRadius=je,w.hexShortToLong=Ut,w.hexToRgba=tn,w.isAnnotationCollection=xe,w.isArrow=J,w.isBox=G,w.isColor=cn,w.isComment=H,w.isCommentArrow=Ae,w.isHexColor=be,w.isPolygon=st,w.isRgbColor=Se,w.isRgbaColor=ve,w.isText=L,w.migrateBoxOrTextIfNeeded=nn,w.parseColor=fs,w.rgbToRgba=en,w.scaleGeometry=ds,w.scalePolygon=os,w.setArrowEnd=Je,w.setArrowEndPoint=Qe,w.setArrowStart=Ke,w.setBbox=Ze,w.setTextBbox=Ze,w.simplifyPolygon=ie,w.throttle=de,w.toggleCommentMode=As,w.translatePolygon=Ve,w.updateBbox=ct,w.updatePolygonBbox=ae,w.updateTextBbox=ct,Object.defineProperty(w,Symbol.toStringTag,{value:"Module"})}));
+
+    /* Edit button on selected comment */
+    .comment-edit-button {
+      cursor: pointer;
+      opacity: 0.8;
+      transition: opacity 0.15s ease-in-out;
+    }
+
+    .comment-edit-button:hover {
+      opacity: 1;
+    }
+  `,i}function $i(i,e,t){const n={...K,...e.properties.style},s=n.iconSize,{iconColor:r=K.iconColor,iconSymbol:o=K.iconSymbol,iconBorderColor:a=K.iconBorderColor,iconBorderWidth:c=K.iconBorderWidth}=n;let h=i.querySelector("rect");h||(h=k("rect"),h.setAttribute("x",`${-s/2}`),h.setAttribute("y",`${-s/2}`),h.setAttribute("rx",`${n.borderRadius}`),h.setAttribute("ry",`${n.borderRadius}`),i.appendChild(h)),h.setAttribute("width",`${s}`),h.setAttribute("height",`${s}`),t.hoveredFeature===e.id?h.setAttribute("fill",bt(r)):h.setAttribute("fill",r),c&&c>0?(h.setAttribute("stroke",a||"#CCC"),h.setAttribute("stroke-width",`${c}`)):(h.removeAttribute("stroke"),h.removeAttribute("stroke-width"));let l=i.querySelector("text");l||(l=k("text"),l.setAttribute("x","0"),l.setAttribute("y","0"),l.setAttribute("text-anchor","middle"),l.setAttribute("dominant-baseline","central"),l.setAttribute("pointer-events","none"),i.appendChild(l)),l.setAttribute("font-size",`${s*.5}`),l.textContent=o}function Ni(i,e,t,n=0,s=!1){const r={...K,...e.properties.style},{font:o="Arial, sans-serif",fontSize:a=12,padding:c=8,background:h="#FFFACD",color:l="#333",borderRadius:d=4,strokeColor:u="#DDD",strokeWidth:g=1,maxHeight:f}=r,p=e.properties.width,m=e.properties.content||"",x=typeof a=="number"?a:parseFloat(a),v=zi(m,o,x,p,c),b=t.selectedFeatures.has(e.id)&&r.expandOnSelect===!0?p:v+n,A=e.properties.height,T=Mn(m,o,x,p,c),C=x*Pt+c*2,M=T?Math.min(A,C):A,F=f?Math.min(M,f):M,j=!T&&f?A>f:!1,R=F+(s?28:0);i.innerHTML="";const at=-b/2,lt=-R/2,G=k("rect");G.setAttribute("x",`${at}`),G.setAttribute("y",`${lt}`),G.setAttribute("width",`${b}`),G.setAttribute("height",`${R}`),G.setAttribute("rx",`${d}`),G.setAttribute("ry",`${d}`),G.setAttribute("fill",t.hoveredFeature===e.id?bt(h):h),g&&g>0&&(G.setAttribute("stroke",u||"#DDD"),G.setAttribute("stroke-width",`${g}`)),i.appendChild(G);const Z=k("foreignObject");Z.setAttribute("x",`${at}`),Z.setAttribute("y",`${lt}`),Z.setAttribute("width",`${b}`),Z.setAttribute("height",`${R}`),Z.style.pointerEvents="none";const B=document.createElement("div");B.style.width="100%",B.style.height="100%",B.style.padding=`${c}px`,B.style.boxSizing="border-box",B.style.fontFamily=o,B.style.fontSize=`${a}px`,B.style.lineHeight=`${(typeof a=="number"?a:parseFloat(a))*Pt}px`,B.style.color=l,B.style.overflowY=j?"auto":"hidden",B.style.overflowX="hidden",B.style.overflowWrap="break-word",B.style.whiteSpace="pre-wrap",B.style.pointerEvents="none",B.style.display="flex",B.style.flexDirection="column",B.style.position="relative";const _=document.createElement("div");if(_.style.flex="1",_.style.minHeight="0",_.style.overflowY=j?"auto":"hidden",_.innerHTML=Oi(m),B.appendChild(_),s){const z=document.createElement("div");z.classList.add("ogma-send-button"),z.style.pointerEvents="auto";const Oe=document.createElement("span");Oe.classList.add("ogma-send-button-icon"),Oe.innerHTML=t.options.editButtonIcon,z.appendChild(Oe),B.appendChild(z)}Z.appendChild(B),i.appendChild(Z),r.shadow!==!1?i.setAttribute("filter","url(#softShadow)"):i.removeAttribute("filter")}function Oi(i){if(!i)return"";let e=i.replace(/&/g,"&amp;").replace(/</g,"&lt;").replace(/>/g,"&gt;");return e=e.replace(/(https?:\/\/[^\s<]+)/g,'<a href="$1" target="_blank" style="color: #38e; text-decoration: none;">$1</a>'),e}function Yi(i,e,t,n,s){const r=e.properties.mode;let o=t;o||(o=k("g"),o.setAttribute("data-annotation",`${e.id}`),o.setAttribute("data-annotation-type","comment"));let a=o.querySelector(".comment-icon");a||(a=k("g"),a.classList.add("comment-icon"),o.appendChild(a));let c=o.querySelector(".comment-box");c||(c=k("g"),c.classList.add("comment-box"),o.appendChild(c));const h=r!==ot&&n.selectedFeatures.has(e.id)&&n.editingFeature!==e.id&&n.options.showEditButton;let l=0;if(h){const u={...K,...e.properties.style},g=e.properties.content||"",f=typeof u.fontSize=="number"?u.fontSize:parseFloat((u.fontSize||"12").toString());Mn(g,u.font||"Arial, sans-serif",f,e.properties.width,u.padding||8)&&(l=32)}$i(a,e,n),Ni(c,e,n,l,h),s?o.classList.remove("comment-no-transition"):o.classList.add("comment-no-transition"),r===ot?(o.classList.add("comment-collapsed"),o.classList.remove("comment-expanded")):(o.classList.add("comment-expanded"),o.classList.remove("comment-collapsed"));const d=J(e);return o.setAttribute("transform",n.getScreenAlignedTransform(d.x,d.y,!1)),o.style.visibility=n.editingFeature===e.id?"hidden":"",(!o.parentNode||o.parentNode!==i)&&i.appendChild(o),o}function Xi(i,e=.5,t=!1){if(i.length<2)return"";if(i.length<3)return i.map((o,a)=>`${a===0?"M":"L"}${o[0]},${o[1]}`).join(" ")+" Z";const n=i,s=n.length-1,r=[];for(let o=0;o<s;o++){const a=n[(o-1+s)%s],c=n[o],h=n[(o+1)%s],l=n[(o+2)%s],d=c[0]+(h[0]-a[0])/6*e,u=c[1]+(h[1]-a[1])/6*e,g=h[0]-(l[0]-c[0])/6*e,f=h[1]-(l[1]-c[1])/6*e;o===0&&r.push(`M${c[0]},${c[1]}`),t&&o===s-1?r.push(`L${h[0]},${h[1]}`):r.push(`C${d},${u} ${g},${f} ${h[0]},${h[1]}`)}return r.push("Z"),r.join(" ")}const Ui=(i,e,t="box")=>(i||(i=k("g"),i.setAttribute("data-annotation",`${e}`),i.classList.add(`annotation-${t}`)),i);function qi(i,e,t,n){const s=Ui(t,e.id.toString(),e.properties.type);s.setAttribute("data-annotation",String(e.id));let r=s.querySelector("path");r||(r=k("path"),s.appendChild(r));const{strokeColor:o=ht.strokeColor,strokeWidth:a=ht.strokeWidth,background:c=ht.background,strokeType:h=ht.strokeType}=e.properties.style||ht;o&&r.setAttribute("stroke",o),a!==void 0&&r.setAttribute("stroke-width",String(a)),c&&(n.hoveredFeature===e.id?r.setAttribute("fill",bt(c)):r.setAttribute("fill",c)),h==="dashed"?r.setAttribute("stroke-dasharray","5,5"):r.removeAttribute("stroke-dasharray");const l=e.geometry.coordinates[0],d=Xi(l,.5,n.drawingFeature===e.id);return r.setAttribute("d",d),s.setAttribute("transform",n.getRotationTransform(0,0)),i.appendChild(s),s}const Wi=/^((?:[a-z\d-]+\s+)*)([\d.]+(%|em|px)|(?:x+-)?large|(?:x+-)?small|medium)(?:\s*\/\s*(normal|[\d.]+(%|px|em)?))?(\s.+)?$/,ji=/\bsmall-caps\b/,Gi=/\b(?:italic|oblique)\b/,Vi=/\bbold(?:er)?\b/,Pn=16,Dn=13.3333333,Zi=.01*Pn,Ki={"xx-small":9,"x-small":10,smaller:13.3333,small:13,medium:16,large:18,larger:19.2,"x-large":24,"xx-large":32},Le=new Map;function Ji(i){if(Le.has(i))return Le.get(i);const e=Wi.exec(i);if(!e)return;const t={};t.family=(e[6]||"").trim();let n=Ki[e[2]]||parseFloat(e[2]);if(e[3]==="%"?n*=Zi:e[3]==="em"?n*=Pn:e[3]==="pt"&&(n*=Dn),t.size=n,e[4]==="normal"||e[4]==="inherit"||!e[4]?t.height=Math.round(n*(7/6)):!e[5]||e[5]==="em"?t.height=parseFloat(e[4]||"")*n:e[5]==="pt"?t.height=parseFloat(e[4]||"")*Dn:e[5]==="%"?t.height=n*.01:t.height=parseFloat(e[4]||""),t.variant=ji.test(e[1])?"small-caps":"normal",t.style=Gi.test(e[1])?"italic":"normal",Vi.test(e[1]))t.weight=700;else{const s=/\b(\d+)\b/.exec(e[1]),r=s?parseInt(s[1],10):400;r>=100&&r!==400?t.weight=r:t.weight=400}return Le.set(i,t),t}const Qi="12px/14px sans-serif";class et{constructor(e=Qi){let t,n=14,s=12,r=400,o="normal",a="normal",c=0,h;if(typeof e=="string"){const l=Ji(e);l&&(t=l.family,s=l.size,n=l.height||14,a=l.variant,o=l.style,r=l.weight)}else e instanceof et&&(t=e.family,s=e.size,n=e.height,a=e.variant,r=e.weight,o=e.style,c=e.baseline,h=e.color);this.family=t||"sans-serif",this.size=s||s===0?s:12,this.height=n||n===0?n:this.size*(7/6),this.variant=a||"",this.style=o||"",this.weight=r||400,this.baseline=c||0,this.color=h||""}assign(e={}){const t=new et(this);return e.bold&&(t.weight=700),e.weight&&(t.weight=e.weight),e.italic&&(t.style="italic"),e.family&&(t.family=e.family),e.style&&(t.style=e.style),e.color&&(t.color=e.color),typeof e.baseline=="number"&&(t.baseline=e.baseline),typeof e.size=="number"&&(t.size=e.size),t}toString(e){let t="";return this.style&&this.style!=="normal"&&(t+=this.style),this.variant&&this.variant!=="normal"&&(t+=(t?" ":"")+this.variant),this.weight&&this.weight!==400&&(t+=t?" ":"",this.weight===700?t+="bold":t+=this.weight),this.size&&(t+=(t?" ":"")+this.size+"px",this.height!==this.size&&(t+="/"+this.height+"px")),this.family&&(t+=(t?" ":"")+this.family),e&&(t+="::"+this.baseline),e&&(t+="::"+this.color),t}valueOf(){return this.toString(!0)}}const Fn={"\n":.28,"\r":.28," ":.28," ":.28," ":.28,"᠎":0," ":.5," ":1," ":.5," ":1," ":.33," ":.25," ":.16," ":.56," ":.28," ":.2," ":.15,"​":0," ":.16," ":.22,"　":1,"\uFEFF":0},tr=new et,Ln={trim:!0,collapse:!0},_e={};function He(){return(i,e)=>{const t=new et(e);let n=t.size;return/\bmonospace\b/.test(t.family)?n*=.6:(n*=.45,t.weight>400&&(n*=1.18)),i.length*n}}function Ie(i){if(i&&i.getContext){const e=i.getContext("2d");if(e&&typeof e.measureText=="function")return(t,n)=>(e.font=String(n),e.measureText(t).width)}}function _n(){const i=typeof document<"u"?document:null;return typeof OffscreenCanvas<"u"&&new OffscreenCanvas(100,100)||i&&i.createElement&&i.createElement("canvas")||null}let Rt=Ie(_n())||He();function er(i){if(i==null)Rt=Ie(_n())||He();else if(i)Rt=Ie(i)||He();else throw new Error("setMeasureCanvas argument is not a canvas or null")}function dt(i,e,t=Ln){typeof e=="string"?e=new et(e):e instanceof et?e=tr.assign(e):e=new et().assign(e);const n=Object.assign({},Ln,t);let s=String(i);if(!s)return 0;if(s in Fn){const o=e.valueOf()+"/"+s;return o in _e||(_e[o]=Rt(`_${s}_`,e)-Rt("__",e)),_e[o]}!n.trim||!n.collapse?s=s.replace(/\n/g," "):n.trim?s=s.replace(/\n/g," ").trim():n.collapse&&(s=s.replace(/\s+/g," "));const r=typeof i=="string"?0:i.tracking||0;return Rt(s,e)+e.size*r}class I{constructor(e=""){this.value=e,this.font=null,this.href="",this.sub=!1,this.sup=!1,this.width,this.line,this.tracking,this.whitespace}clone(){const e=new I(this.value);return Object.assign(e,this)}valueOf(){return this.value}toString(){return this.value}}class $t extends I{}class nt extends I{}class yt extends I{}const nr=/[\r\n\xA0]+/g,Hn=.7;function sr(i,e){i.sup&&(i.baseline=.45,i.size=Hn),i.sub&&(i.baseline=-.3,i.size=Hn);let t=e;return(i.style||i.weight||i.baseline||i.color||i.size||i.family)&&(t=e.assign(i)),t}function In(i,e,t){let n=i.width,s,r;for(;n+t.width>e&&i.length;)s=i[i.length-1],r=s.width,s.width>t.width?(s.value=s.value.slice(0,-1),s.width=dt(s,s.font),n+=s.width):i.pop(),n-=r;i[i.length-1]instanceof yt&&i.pop(),s=i[i.length-1]||s||{},t.font=t.font.assign(s),t.href=i.length?s.href:null,t.rel=i.length?s.rel:null,t.target=i.length?s.target:null,i.push(t)}function Bn(i){return Object.assign([],{height:0,font:i,width:0,hasOverflow:!1,hasLineOverflow:!1})}function ir(i,e,t){if(!i.length)return Bn(t);const n=e.height(),s=e.width(),r=e.overflowLine(),o=e.overflowWrap(),a=t.assign({bold:!0}),c=isFinite(n())?Math.floor(n()/t.height):1/0;if(!n()&&!s(0)||!c)return Bn(t);let h=0,l=0,d=0;const u=[];let g=[],f=!1;for(;h<i.length&&l<c;){const b=i[h],A=sr(b,t);if(b.width=dt(b,A),b.font=A,b.line=l,b.whitespace=b.value in Fn,b.value&&(b.value=b.value.replace(nr," ")),!(!d&&b.whitespace||f&&b.whitespace))if(b instanceof nt)d=0,g=[],u.push(h+1),l++;else if(b instanceof $t||b instanceof yt)g.push({index:h,width:d});else if(b.whitespace||d+b.width<s(l))d+=b.width;else if(g.length){let T,C;do{C=!0,T=g.pop();const M=i[T.index];let F;M instanceof yt&&(F=dt("-",M.font||t),T.width+F>s(l)&&(C=!g.length))}while(!C);u.push(T.index+1),d=0,l++,h=T.index,g=[]}else if(o==="break-word"){const T=s(l);if(d+b.width>T){const C=b.clone();do b.value=b.value.slice(0,-1),b.width=dt(b,b.font||t),d+=b.width;while(b.value&&b.width>T);C.value=C.value.slice(b.value.length),i.splice(h+1,0,new $t,C)}u.push(h+1),d=0,l++}else d+=b.width;h++,f=b.whitespace}h!==u[u.length-1]&&u.push(h);let p=0,m=0;const x=u.map(b=>{let A=p,T;for(;(T=i[A])&&(T.whitespace||!T.value);)A++;let C=b,M=null;for(;C>A&&(T=i[C-1])&&(T.whitespace||!(T.value||T instanceof yt));)T instanceof nt&&(M=T),C--;T instanceof yt&&(T.value="-",T.width=dt("-",T.font||t)),p=b;const F=Object.assign(i.slice(A,C).filter(j=>j.value),{width:0});return M&&F.push(M),F.width=F.reduce((j,U)=>j+U.width,0),F.width>m&&(m=F.width),F});let v=!1;if(r){const b=r==="ellipsis"?"…":r;x.forEach((A,T)=>{const C=s(T);if(A.width>C){const M=new I(b);M.font=t,M.width=dt(b,a),In(A,C,M),v=!0}})}let S=!1;const E=e.overflow()==="ellipsis"?"…":e.overflow();if(E&&h!==i.length){const b=s(x.length-1),A=x[x.length-1],T=new I(E);T.font=t,T.width=dt(E,a),In(A,b,T),S=!0}else S=!1;return Object.assign(x,{height:x.length*t.height,font:t,width:m,hasOverflow:S,hasLineOverflow:v})}function Ct(i){return Math.round(i*1e6)/1e6}const rr={center:"middle",right:"end"},or={middle:.5,center:.5,bottom:1,end:1},Be=(i,e)=>!i&&!e||i===e;function ar(i,e){const t=[],n=e.font(),s=n.size,r=n.family,o=e.align(),a=e.createElement();if(i.length){const c=n.height,h=e.valign(),l=e.height()(),d=e.width()(0),u=!isFinite(d)&&i.length===1,g=u?null:e.x(),f=Ct(c/s);let p=u?null:Ct(c/(s*1.15+(c-s)/2));if(or[h]&&isFinite(l)){const C=h==="bottom"?1:.5;p=(p||0)+(l*C-c*i.length*C)/s}const x=o==="justify";let v=0;o==="right"?v=d:o==="center"&&(v=d/2);let S=[],E="tspan",b=null,A="";const T=()=>{if(A){const C=a(E,b,A);S.push(C)}E="tspan",b=null,A=""};for(let C=0,M=i.length;C<M;C++){let F="",j="",U=0;const R=i[C];if(!R.length){t.push(a("tspan",{x:g(C),dy:Ct(C?f:p)+"em"}," "));continue}S=[];let at=0,lt=0,G;for(let Z=0,B=R.length;Z<B;Z++){const _=R[Z],z=_.font;_.whitespace&&at++,lt+=_.width,Z&&!_.tracking&&!U&&Be(z.id,F)&&Be(_.class,j)&&Be(G,_.href)?A+=_.value:(T(),A=_.value,b={fontFamily:z.family!==r?z.family:null,fontSize:z.size!==s?z.size:null,fontWeight:z.weight!==400&&z.weight||null,fontStyle:z.style!=="normal"&&z.style||null,fontVariant:z.variant!=="normal"&&z.variant||null,fill:z.color||null,baselineShift:z.baseline?z.baseline*100+"%":null,className:_.class||null,dx:0,href:null,rel:null,target:null},U&&(b.dx=Ct(U),U=0),_.tracking&&(U=z.size*_.tracking),_.href&&!G?(G=_.href,E="a",b.href=G,b.rel=_.rel,b.target=_.target):G=null,F=z.id,j=_.class)}if(T(),u)t.push(...S);else{let Z=null;const B=C===M-1||R[R.length-1]instanceof nt;if(x&&R.length>1&&!B){const _=d-lt;Z=Ct(_/at)}t.push(a("tspan",{wordSpacing:Z,x:g(C)+v,dy:Ct(C?f:p)+"em"},...S))}}}return a("text",{fontFamily:r,fontSize:s,textAnchor:rr[o]||"start"},...t)}const lr={middle:.5,center:.5,bottom:1,end:1};function cr(i,e){return i.color?i.color:e.href?"#00C":"#000"}function hr(i,e,t){if(!i.length)return;t.textBaseline="middle";const n=e.font(),s=n.height,r=n.size,o=e.valign(),a=e.height()(),c=e.width()(0),h=e.align(),l=h==="justify";let d=s*.5;const u=lr[o];if(u&&isFinite(a)){const g=i.length*s;d+=a*u-g*u}i.forEach((g,f)=>{let p=e.x()(f);const m=f*s+d;let x=0,v=0;g.forEach(b=>{b.whitespace&&x++,v+=b.width});let S=0;const E=f===i.length-1||g[g.length-1]instanceof nt;l&&g.length>1&&!E&&(S=(c-v)/x),g.forEach(b=>{t.font=b.font;const A=b.font,T=A.baseline?r*-A.baseline+r*.15:0;t.fillStyle=cr(A,b);let C=0;if(h==="right"?C+=c-v:h==="center"?C+=c/2-v/2:h==="justify"&&(b.whitespace||b instanceof nt)&&(p+=S),t.fillText(b.value,p+C,m+T),b.href){t.beginPath(),t.strokeStyle=t.fillStyle;const M=Math.floor(m+r*.45)+.5;t.moveTo(p+C,M),t.lineTo(p+C+b.width,M),t.stroke()}p+=b.width})})}function zn(i){const e={};for(let t=0;t<i.length;t++){const n=i[t];typeof n=="number"||n==null||(typeof n=="string"?e.text=n:typeof n=="function"?e.fn=n:typeof n=="object"&&n._groups?e.d3=n:n&&n.nodeType&&n.getContext?e.ctx=n.getContext("2d"):n&&n.fillText&&n.beginPath?e.ctx=n:n&&(e.text=n))}return e}const dr=Object.prototype.hasOwnProperty,ze={};function ur(i){return ze[i]||(ze[i]=i.replace(/([a-z])([A-Z])/g,(e,t,n)=>t+"-"+n.toLowerCase())),ze[i]}function Rn(i,e){if(Array.isArray(e))return e.forEach(t=>Rn(i,t));typeof e=="string"&&(e=document.createTextNode(e)),i.appendChild(e)}function $n(i,e,...t){if(typeof document>"u")throw new Error("No document found, cannot create elements");const n=typeof i=="string"?document.createElementNS("http://www.w3.org/2000/svg",i):i;if(e&&n.setAttribute)for(const s in e)dr.call(e,s)&&e[s]!=null&&n.setAttribute(s==="className"?"class":ur(s),String(e[s]));return t!=null&&t.length&&t.forEach(s=>{Rn(n,s)}),n}const Nn=i=>typeof i=="function"?i:()=>i,gr={top:{vAnchor:-0},middle:{vAnchor:-.5},bottom:{vAnchor:-1},left:{hAnchor:-0},center:{hAnchor:-.5},right:{hAnchor:-1}},Qt=class Qt{constructor(e){if(this.props={width:()=>1/0,height:()=>1/0,rotation:0,vAnchor:0,hAnchor:0},e)for(const t in e)typeof this[t]=="function"&&this[t](e[t]);this.render=this.render.bind(this)}anchor(e){const{hAnchor:t,vAnchor:n,width:s,height:r}=this.props;if(!arguments.length)return[t*s(),n*r()];if(typeof e=="string"){const o=this.props;e.toLowerCase().trim().split(/\s+/).forEach(a=>Object.assign(o,gr[a]))}return this}width(e){return arguments.length?(this.props.width=Nn(e),this):this.props.width}height(e){return arguments.length?(this.props.height=Nn(e),this):this.props.height}rotate(e){return arguments.length?(this.props.rotation=e,this):this.props.rotation}createElement(e){return arguments.length?(this.props.createElement=e,this):this.props.createElement||Qt.createElement}canvas(e,t){const n=e.getContext?e.getContext("2d"):e;return n.save(),n.rotate(this.rotate()*Math.PI/180),n.translate(...this.anchor()),t(n),n.restore(),n}render(...e){const t=zn(e);if(t.d3)return t.d3.attr("transform",`rotate(${this.rotate()}) translate(${this.anchor()})`);if(t.ctx)return this.canvas(t.ctx,t.fn);if(t.text){const n=typeof t.text.render=="function"?t.text.render():t.text;return this.createElement()("g",{transform:`rotate(${this.rotate()}) translate(${this.anchor()})`},n)}}};y(Qt,"createElement",$n);let Re=Qt;const $e=/^[\n\r\t\x20\xA0\u2000-\u200B\u205F\u3000]/,fr=/^[^\n\r\t\u0020\u2000-\u200B\u205F\u3000]{2,}/,On=/^[\xA0\u2011\u202F\u2060\uFEFF]/,pr=/^(?:[;\xAD%?…]|,(?!\d))/,mr=/^[´±°¢£¤$¥\u2212]/,yr="'“‘[「【﹝〔<‹«{『（(<《".split(""),wr="',，,！!?？”]」】》>’»﹞〕〗〉})）』。".split(""),Yn=i=>{const e=i.charCodeAt(0);return e>=19968&&e<=40959};function Jt(i,e){e!==!1&&(i=i.trim());const t=[];let n=i.charAt(0),s,r,o=0;for(let a=1,c=i.length;a<c;a++){s=i.charAt(a),r=i.charAt(a+1);const h=$e.test(n),l=$e.test(s);let d=l||h||Yn(n)||Yn(s),u;if((mr.test(s)&&!On.test(n)||pr.test(n+r)&&!On.test(s))&&(d=!0),d&&(wr.includes(s)||yr.includes(n))&&(d=!1),(n==="-"||n==="‐"||n==="–"||n==="—")&&(u=$e.test(i.charAt(a-2)),u&&!l&&(d=!1),!u&&fr.test(s+r)&&(d=!0)),d){const g=i.slice(o,a);/\u00AD$/.test(g)?(t.push(new I(g.slice(0,-1))),t.push(new yt)):(t.push(new I(g)),t.push(new $t)),o=a}n=s}return t.push(new I(i.slice(o))),t}const Xn={nbsp:" ",iexcl:"¡",cent:"¢",pound:"£",curren:"¤",yen:"¥",brvbar:"¦",sect:"§",uml:"¨",copy:"©",ordf:"ª",laquo:"«",not:"¬",shy:"­",reg:"®",macr:"¯",deg:"°",plusmn:"±",sup2:"²",sup3:"³",acute:"´",micro:"µ",para:"¶",middot:"·",cedil:"¸",sup1:"¹",ordm:"º",raquo:"»",frac14:"¼",frac12:"½",frac34:"¾",iquest:"¿",Agrave:"À",Aacute:"Á",Acirc:"Â",Atilde:"Ã",Auml:"Ä",Aring:"Å",AElig:"Æ",Ccedil:"Ç",Egrave:"È",Eacute:"É",Ecirc:"Ê",Euml:"Ë",Igrave:"Ì",Iacute:"Í",Icirc:"Î",Iuml:"Ï",ETH:"Ð",Ntilde:"Ñ",Ograve:"Ò",Oacute:"Ó",Ocirc:"Ô",Otilde:"Õ",Ouml:"Ö",times:"×",Oslash:"Ø",Ugrave:"Ù",Uacute:"Ú",Ucirc:"Û",Uuml:"Ü",Yacute:"Ý",THORN:"Þ",szlig:"ß",agrave:"à",aacute:"á",acirc:"â",atilde:"ã",auml:"ä",aring:"å",aelig:"æ",ccedil:"ç",egrave:"è",eacute:"é",ecirc:"ê",euml:"ë",igrave:"ì",iacute:"í",icirc:"î",iuml:"ï",eth:"ð",ntilde:"ñ",ograve:"ò",oacute:"ó",ocirc:"ô",otilde:"õ",ouml:"ö",divide:"÷",oslash:"ø",ugrave:"ù",uacute:"ú",ucirc:"û",uuml:"ü",yacute:"ý",thorn:"þ",yuml:"ÿ",fnof:"ƒ",Alpha:"Α",Beta:"Β",Gamma:"Γ",Delta:"Δ",Epsilon:"Ε",Zeta:"Ζ",Eta:"Η",Theta:"Θ",Iota:"Ι",Kappa:"Κ",Lambda:"Λ",Mu:"Μ",Nu:"Ν",Xi:"Ξ",Omicron:"Ο",Pi:"Π",Rho:"Ρ",Sigma:"Σ",Tau:"Τ",Upsilon:"Υ",Phi:"Φ",Chi:"Χ",Psi:"Ψ",Omega:"Ω",alpha:"α",beta:"β",gamma:"γ",delta:"δ",epsilon:"ε",zeta:"ζ",eta:"η",theta:"θ",iota:"ι",kappa:"κ",lambda:"λ",mu:"μ",nu:"ν",xi:"ξ",omicron:"ο",pi:"π",rho:"ρ",sigmaf:"ς",sigma:"σ",tau:"τ",upsilon:"υ",phi:"φ",chi:"χ",psi:"ψ",omega:"ω",thetasym:"ϑ",upsih:"ϒ",piv:"ϖ",bull:"•",hellip:"…",prime:"′",Prime:"″",oline:"‾",frasl:"⁄",weierp:"℘",image:"ℑ",real:"ℜ",trade:"™",alefsym:"ℵ",larr:"←",uarr:"↑",rarr:"→",darr:"↓",harr:"↔",crarr:"↵",lArr:"⇐",uArr:"⇑",rArr:"⇒",dArr:"⇓",hArr:"⇔",forall:"∀",part:"∂",exist:"∃",empty:"∅",nabla:"∇",isin:"∈",notin:"∉",ni:"∋",prod:"∏",sum:"∑",minus:"−",lowast:"∗",radic:"√",prop:"∝",infin:"∞",ang:"∠",and:"⊥",or:"⊦",cap:"∩",cup:"∪",int:"∫",there4:"∴",sim:"∼",cong:"≅",asymp:"≈",ne:"≠",equiv:"≡",le:"≤",ge:"≥",sub:"⊂",sup:"⊃",nsub:"⊄",sube:"⊆",supe:"⊇",oplus:"⊕",otimes:"⊗",perp:"⊥",sdot:"⋅",lceil:"⌈",rceil:"⌉",lfloor:"⌊",rfloor:"⌋",lang:"〈",rang:"〉",loz:"◊",spades:"♠",clubs:"♣",hearts:"♥",diams:"♦",quot:'"',amp:"&",lt:"<",gt:">",OElig:"Œ",oelig:"œ",Scaron:"Š",scaron:"š",Yuml:"Ÿ",circ:"ˆ",tilde:"˜",ensp:" ",emsp:" ",thinsp:" ",zwnj:"‌",zwj:"‍",lrm:"‎",rlm:"‏",ndash:"–",mdash:"—",lsquo:"‘",rsquo:"’",sbquo:"‚",ldquo:"“",rdquo:"”",bdquo:"„",dagger:"†",Dagger:"‡",permil:"‰",lsaquo:"‹",rsaquo:"›"},xr=/^[\n\r\x20\u2000-\u200B\u205F\u3000]/,br=/^<\/([a-zA-Z0-9]+)([^>]*)>/,vr=/^<([a-zA-Z0-9]+)((?:\s[^=\s/]+(?:\s*=\s*(?:"[^"]+"|'[^']+'|[^>\\s]+))?)+)?\s*(\/?)>(\n*)/,Sr=/^<!--(.+?)-->/,Er=/&(?:#(\d\d{2,})|#x([\da-fA-F]{2,})|([a-zA-Z][a-zA-Z1-4]{1,8}));/g,Un={b:i=>i.weight=700,strong:i=>i.weight=700,i:i=>i.style="italic",em:i=>i.style="italic",dfn:i=>i.style="italic",cite:i=>i.style="italic",code:i=>i.family="monospace",kbd:i=>i.family="monospace",samp:i=>i.family="monospace",var:i=>i.family="monospace",tt:i=>i.family="monospace",sub:i=>i.sub=!0,sup:i=>i.sup=!0},Ar={div:1,li:1,blockquote:2,h1:2,h2:2,h3:2,h4:2,h5:2,h6:2,ul:2,ol:2,hr:2,p:2};function qn(i){return i.replace(Er,function(e,t,n,s){if(t||n){const r=t?10:16;return String.fromCharCode(parseInt(t||n,r))}else if(s in Xn)return Xn[s];return e})}function Cr(i){return i&&i.length>1&&(i[0]==='"'&&i[i.length-1]==='"'||i[0]==="'"&&i[i.length-1]==="'")?i.slice(1,-1):i}const Tr=/^\s*([^=\s&]+)(?:\s*=\s*("[^"]+"|'[^']+'|[^>\s]+))?/;function kr(i){let e;const t={};if(i){do if(e=Tr.exec(i),e){const n=qn(Cr(e[2]||"")).replace(/[ \r\n\t]+/g," ").trim();if(t[e[1]]=n,i=i.slice(e[0].length),i.length&&/^\S/.test(i[0]))throw new Error("Attribute error")}while(e&&i.length);if(/\S/.test(i))throw new Error("Attribute error")}return t}function Mr(i){i=String(i||"").trim();let e={weight:null,style:null,sub:!1,sup:!1,href:null,color:null,rel:null,target:null};const t=[],n=[];let s,r;const o=function(d){for(const u in e)e[u]&&(d[u]=e[u]);t.push(d)},a=()=>{n.push(e),e=Object.create(e)},c=()=>{n.length&&(e=n.pop())},h=d=>{const u=t.length;let g=Ar[d];if(u&&g){let f=u-1;for(;t[f]&&(t[f]instanceof $t||xr.test(t[f].value));)f--;for(;g&&t[f]&&t[f]instanceof nt;)f--,g--;for(;g-- >0;)t.push(new nt)}};for(;i.length;){if(s=/^[^<]+/.exec(i)){const d=qn(s[0]);Jt(d,!1).forEach(o)}else if(!(s=Sr.exec(i)))if(s=br.exec(i))c(),h(s[1]);else if(s=vr.exec(i)){const d=s[1];h(d),a(),Un[d]&&Un[d](e);const u=kr(s[2]);d==="a"&&(u.href&&(e.href=u.href),u.rel&&(e.rel=u.rel),u.target&&(e.target=u.target)),u.class&&(e.class=e.class?e.class+" "+u.class:u.class),u.style&&(r=/(?:^|\s|;)color\s*:\s*([^;\s"']+)/.exec(u.style),r&&r[1]&&(e.color=r[1])),d==="br"&&t.push(new nt)}else s=[i.slice(0,1)],o(new I(s[0]));i=i.slice(s[0].length)}let l=t[t.length-1];for(;l instanceof nt;)t.pop(),l=t[t.length-1];return t}const Wn={copyright:"©",textcopyright:"©",dag:"†",textdagger:"†",ddag:"‡",textdaggerdbl:"‡",guillemotleft:"«",guillemotright:"»",guilsinglleft:"‹",guilsinglright:"›",ldots:"…",dots:"…",textellipsis:"…",lq:"‘",P:"¶",textparagraph:"¶",pounds:"£",textsterling:"£",quotedblbase:"„",quotesinglbase:"‚",rq:"’",S:"§",sim:"~",textasciicircum:"^",textasciitilde:"˜",texttildelow:"~",textasteriskcentered:"*",textbackslash:"'",textbar:"|",textbardbl:"╎",textbigcircle:"◯",textbraceleft:"{",textbraceright:"}",textbullet:"•",textdollar:"$",textemdash:"—",textendash:"—",texteuro:"€",eurosym:"€",euro:"€",textexclamdown:"¡",textgreater:">",textless:"<",textordfeminine:"ª",textordmasculine:"º",textperiodcentered:"·",cdot:"·",textquestiondown:"¿",textquotedblleft:"“",textquotedblright:"”",textquoteleft:"‘",textquoteright:"’",textquotestraightbase:"‚",textquotestraightdblbase:"„",textregistered:"®",textthreequartersemdash:"-",texttrademark:"™",texttwelveudash:"-",textunderscore:"_",textvisiblespace:"␣",gets:"←",textleftarrow:"←",to:"→",textrightarrow:"→",textdegree:"°",infty:"∞",triangle:"△",triangledown:"▽",blacktriangle:"▲",blacktriangledown:"▼",angle:"∠",sphericalangle:"∢",aleph:"ℵ",hbar:"ħ",imath:"𝚤",jmath:"𝚥",ell:"ℓ",wp:"℘",Re:"ℜ",Im:"ℑ",mho:"℧",prime:"′",emptyset:"∅",nabla:"∇",surd:"√",partial:"∂",top:"⟙",bot:"⟂",vdash:"⟝",dashv:"⟞",forall:"∀",exists:"∃",nexists:"∄",neg:"¬",lnot:"¬",flat:"♭",natural:"♮",sharp:"♯",backslash:"\\",Box:"□",Diamond:"♢",clubsuit:"♣",diamondsuit:"♦",heartsuit:"♥",spadesuit:"♠",Join:"⨝",blacksquare:"■",bigstar:"★",diagdown:"╲",diagup:"╱",blacklozenge:"⧫",rfloor:"⌋",lfloor:"⌊",rceil:"⌉",lceil:"⌈",rangle:"⟩",langle:"⟨",sum:"∑",int:"∫",oint:"∮",prod:"∏",coprod:"∏",bigcap:"∩",bigcup:"∪",bigsqcup:"⊔",bigvee:"∨",bigwedge:"∧",bigodot:"⊙",bigotimes:"⊗",bigoplus:"⊕",biguplus:"⊎",alpha:"α",beta:"β",chi:"χ",delta:"δ",epsilon:"ε",eta:"η",gamma:"γ",iota:"ι",kappa:"κ",lambda:"λ",mu:"μ",nu:"ν",omega:"ω",phi:"φ",pi:"π",psi:"ψ",rho:"ρ",sigma:"σ",tau:"τ",theta:"θ",upsilon:"υ",xi:"ξ",zeta:"ζ",Alpha:"Α",Beta:"Β",Chi:"Χ",Delta:"Δ",Epsilon:"Ε",Eta:"Η",Gamma:"Γ",Iota:"Ι",Kappa:"Κ",Lambda:"Λ",Mu:"Μ",Nu:"Ν",Omega:"Ω",Phi:"Φ",Pi:"Π",Psi:"Ψ",Rho:"Ρ",Sigma:"Σ",Tau:"Τ",Theta:"Θ",Upsilon:"Υ",Xi:"Ξ",Zeta:"Ζ",aa:"å",AA:"Å",ae:"æ",AE:"Æ",dh:"ð",DH:"Ð",dj:"đ",DJ:"Đ",ij:"ij",IJ:"IJ",l:"ł",L:"Ł",ng:"ŋ",NG:"Ŋ",o:"ø",O:"Ø",oe:"œ",OE:"Œ",ss:"ß",SS:"SS",th:"þ",TH:"Þ"},Pr=/^(\^|_|\\[^#$%&~_^\\{}()\s]+)(\{)?/,Dr=/^%[^\n]+(?:\n|$)/,Fr=/^[^#$%&~_^\\{}]+/,Lr=/^\\([&{}$%#_])/,_r=/(?:\\[\\@,!:;-]|-{2,3}|[!?]`|``?|,,|''?|~|<<|>>)/g,Hr={"---":"—","--":"–","!`":"¡","?`":"¿","``":"“",",,":"„","''":"”","`":"‘","'":"’","<<":"«",">>":"»","~":" ","\\-":"­","\\,":" ","\\;":" ","\\:":" ","\\!":" ","\\@":"\uFEFF","\\\\":"\\newline{}"},$={bf:i=>i.weight="bold",it:i=>i.style="italic",sl:i=>i.style="italic",color:(i,e)=>i.color=e,href:(i,e)=>i.href=e,"^":i=>i.sup=!0,_:i=>i.sub=!0,par:function(i){this.tokens.push(new nt,new nt)},newline:function(i){this.tokens.push(new nt)},url:function(i,e){i=this.open_context(),i.href=e,this.add_token(new I(e)),this.close_context()}};$.textsuperscript=$["^"],$.textsubscript=$._,$.textsl=$.sl,$.mathbf=$.bf,$.mathit=$.it,$.textbf=$.bf,$.textit=$.it,$.textcolor=$.color;function Ir(i){i=String(i||"").trim();const e=[0];i=i.replace(/\\verb,(.*?),/,(l,d)=>(e.push(d),"\\verb,"+(e.length-1)+",")).replace(/\\\\\n/g,()=>"\\\\").replace(_r,(l,d,u)=>u.charAt(d-1)==="\\"?l:Hr[l]).replace(/\n\s+/g,l=>/\n/.test(l.slice(1))?"\\par ":l).replace(/\\symbol\{(\d+)\}/,(l,d,u,g)=>g.charAt(u-1)==="\\"?l:String.fromCharCode(1*d)).replace(/(^|[^\\])(\^|_)(\d|[^{]\S*)/g,(l,d,u,g)=>d+u+"{"+g+"}").replace(/\\verb,(.*?),/,(l,d)=>`\\verb,${e[+d]},`);let t={weight:null,italic:null,variant:null,sub:!1,sup:!1,href:null};const n=[],s=[];let r;const o=function(l){for(const d in t)t[d]&&(l[d]=t[d]);return n.push(l),l},a=function(){s.push(t),t=Object.create(t)},c=function(){if(!s.length)throw new Error("Unexpected }");t=s.pop()},h={tokens:n,open_context:a,close_context:c,add_token:o};for(;i.length;){if(r=Fr.exec(i))Jt(r[0],!1).forEach(o);else if(r=Lr.exec(i))o(new I(r[1]));else if(!(r=Dr.exec(i))){if(r=/^\{/.exec(i))a();else if(r=/^\}/.exec(i))c();else if(!(r=/^\$/.exec(i)))if(r=/^\\verb,([^,]+),/.exec(i))o(new I(r[1]));else if(r=Pr.exec(i)){const l=r[1].slice(1)||r[1];let d=!!r[2];if(/^(La)?TeX$/i.test(l)){a(),t.family="serif";let u;l==="LaTeX"&&(u=o(new I("L")),u.tracking=-.25,u=o(new I("A")),u.size=.7,u.baseline=.3,u.tracking=-.1),u=o(new I("T")),u.tracking=-.17,u=o(new I("E")),u.baseline=-.22,u.tracking=-.13,u=o(new I("X")),c()}else if(l in Wn)o(new I(Wn[l])),d&&a();else if(l in $){const u=[];let g=$[l].length-1,f;if(g){for(d=!1,i=i.slice(r[0].length-1);g--;)if(f=/^\{([^}]+)\}/.exec(i))u.push(f[1]),i=i.slice(f[0].length);else throw new Error(l+" is missing an argument");r[0]=/^\{/.exec(i)?"{":"",d=!!r[0]}d&&a(),$[l].apply(h,[t,...u])}else o(new I(r[1])),d&&a()}else r=[i.slice(0,1)],o(new I(r[0]))}i=i.slice(r[0].length)}return n}const Br=new et,Ne=i=>typeof i=="function"?i:()=>i,jn={left:"left",start:"left",center:"center",middle:"center",right:"right",end:"right",justify:"justify"},N=class N{constructor(e){this.props={overflow:"ellipsis",overflowWrap:null,overflowLine:"",align:"left",wordBreak:null,valign:"top",width:()=>1/0,height:()=>1/0,x:()=>0,font:Br,parser:N.defaultparser},e&&(e.font&&this.font(e.font),e.overflow&&this.overflow(e.overflow),e.overflowLine&&this.overflowLine(e.overflowLine),e.overflowWrap&&this.overflowWrap(e.overflowWrap),e.valign&&this.valign(e.valign),e.align&&this.align(e.align),e.width&&this.width(e.width),e.height&&this.height(e.height),e.x&&this.x(e.x),e.parser&&this.parser(e.parser),e.createElement&&this.createElement(e.createElement))}linebreak(e){const t=this.props.parser(String(e)),n=ir(t,this,this.font()),s=r=>this.render(n,r);return Object.assign(n,{render:s,svg:s,draw:s})}font(e){return arguments.length?(this.props.font=new et(e),this):this.props.font||new et}overflow(e){return arguments.length?(this.props.overflow=String(e),this):this.props.overflow}overflowLine(e){return arguments.length?(this.props.overflowLine=String(e),this):this.props.overflowLine}valign(e){return arguments.length?(this.props.valign=e,this):this.props.valign}align(e){if(!arguments.length)return this.props.align;const t=String(e).toLowerCase();return t in jn&&(this.props.align=jn[t]),this}overflowWrap(e){if(!arguments.length)return this.props.overflowWrap||"normal";const t=String(e).toLowerCase();return t==="break-word"?this.props.overflowWrap="break-word":(t==="normal"||e==null)&&(this.props.overflowWrap=null),this}width(e){return arguments.length?(this.props.width=Ne(e),this):this.props.width}height(e){return arguments.length?(this.props.height=Ne(e),this):this.props.height}x(e){return arguments.length?(this.props.x=Ne(e),this):this.props.x}parser(e){if(!arguments.length)return this.props.parser;if(typeof e=="string"){const t=N[e]||N[e+"parser"];typeof t=="function"&&(e=t)}if(typeof e!="function")throw new Error("Unknown parser: "+e);return this.props.parser=e,this}createElement(e){return arguments.length?(this.props.createElement=e,this):this.props.createElement||N.createElement}render(e,t){const n=zn([e,t]);if(typeof n.text=="string"&&(n.text=this.linebreak(n.text)),n.ctx)hr(n.text,this,n.ctx);else return ar(n.text,this)}};y(N,"createElement",$n),y(N,"textparser",Jt),y(N,"defaultparser",Jt),y(N,"htmlparser",Mr),y(N,"latexparser",Ir),y(N,"Token",I),y(N,"Break",$t),y(N,"LineBreak",nt),y(N,"SoftHyphen",yt),y(N,"Rotator",Re),y(N,"Font",et),y(N,"setMeasureCanvas",er),y(N,"measureText",function(e,t,n){return dt(e,new et(t),n)});let Nt=N;function zr(i,e,t,n){const{width:s,height:r}=Y(e),{color:o=V.color,strokeColor:a=V.strokeColor,strokeWidth:c=V.strokeWidth,strokeType:h=V.strokeType,background:l=V.background,borderRadius:d=V.borderRadius,fixedSize:u=V.fixedSize}=e.properties.style||V,g=Tn(i,e,t,n);g.setAttribute("data-annotation-type",e.properties.type),g.classList.add("annotation-text"),g.setAttribute("fill",`${o}`);let f=g.firstChild;for(;f;){const S=f.nextSibling;f.nodeType===1&&f.tagName!=="rect"&&g.removeChild(f),f=S}let p=g.firstChild;p||(p=k("rect"),g.appendChild(p));const m=-s/2,x=-r/2;d&&(p.setAttribute("rx",`${d}`),p.setAttribute("ry",`${d}`)),h&&h!=="none"&&(p.setAttribute("stroke",a||"black"),p.setAttribute("stroke-width",`${c}`),h==="dashed"&&p.setAttribute("stroke-dasharray","5,5")),l&&l.length&&(n.hoveredFeature===e.id?p.setAttribute("fill",bt(l)):p.setAttribute("fill",l)),p.setAttribute("width",`${s}`),p.setAttribute("height",`${r}`);const v=J(e);return p.setAttribute("x",`${m}`),p.setAttribute("y",`${x}`),Rr(e,g,m,x),g.setAttribute("transform",n.getScreenAlignedTransform(v.x,v.y,!u)),i.appendChild(g),g}const Gn=i=>i.replace(/…$/,""),Vn=i=>i.children[0].innerHTML;function Rr(i,e,t=0,n=0){const{width:s,height:r}=Y(i),{fontSize:o=V.fontSize,font:a=V.font,padding:c=0}=i.properties.style||{};if(s===r&&s===0)return;const h=parseFloat(o.toString())*Pt,l=new Nt({font:`${o}px/${h}px ${a}`.replace(/(px)+/g,"px"),width:s-c*2,height:r-c,align:"left",valign:"top",x:0,overflow:"ellipsis",parser:Nt.htmlparser,createElement:Nt.createElement});l.overflowWrap("break-word");const d=i.properties.content||"";if(d.length===0)return;const g=l.linebreak(d.replaceAll(`
+`,"<br>")).svg(),f=[...g.children],p=d.match(/(https?:\/\/.*)/gm);(p?p.map(x=>x.split(" ")[0]):[]).forEach(x=>{let v=x;const S=[];for(;v.length>0;){const E=f.find(A=>!!A.children[0]&&A.children[0].tagName==="tspan"&&v.startsWith(Gn(Vn(A))));if(!E)break;S.push(E);const b=Gn(E.children[0].innerHTML).length;if(!b)break;v=v.slice(b)}S.forEach(E=>{const b=document.createElementNS("http://www.w3.org/2000/svg","a");b.setAttribute("href",x),b.setAttribute("target","_blank"),b.innerHTML=Vn(E),E.children[0].innerHTML="",E.children[0].appendChild(b)})}),g.setAttribute("transform",`translate(${t+c}, ${n+c})`),e.appendChild(g)}class $r extends vn{constructor(t,n){super(t,n);y(this,"features",new Map);y(this,"arrowsRoot",null);y(this,"shapesRoot",null);y(this,"commentsRoot",null);y(this,"annotationsRoot",null);y(this,"visibleFeatures",new Set);y(this,"isExporting",!1);y(this,"render",t=>{if(!t)return;const{features:n,hoveredFeature:s,selectedFeatures:r,liveUpdates:o}=this.store.getState();(!this.annotationsRoot||!t.contains(this.annotationsRoot))&&(t.innerHTML="",t.appendChild(this.getDefs()),this.arrowsRoot=k("g"),this.commentsRoot=k("g"),this.annotationsRoot=k("g"),this.shapesRoot=k("g"),this.annotationsRoot.appendChild(this.arrowsRoot),this.annotationsRoot.appendChild(this.shapesRoot),this.annotationsRoot.appendChild(this.commentsRoot),t.appendChild(this.annotationsRoot)),t.removeChild(this.annotationsRoot);const a=this.arrowsRoot,c=this.annotationsRoot,h=this.commentsRoot,l=this.shapesRoot,d=this.store.getState(),u=this.getViewportBounds(),g=new Set(Object.keys(n));this.removeFeatures(g);const f=new Set;for(let p of Object.values(n)){if(o[p.id]&&(p={...p,...o[p.id]}),!this.isExporting&&!this.isFeatureVisible(p,u))continue;f.add(p.id);let m=this.features.get(p.id);W(p)?m=Tn(l,p,m,d):L(p)?m=zr(l,p,m,d):D(p)?m=Yi(h,p,m,d,this.visibleFeatures.has(p.id)):it(p)?m=qi(l,p,m,d):tt(p)&&(m=_i(a,p,d.options.minArrowHeight,d.options.maxArrowHeight,m,d)),m&&this.features.set(p.id,m)}this.applyStateClasses(c,s,r),t.appendChild(c),this.visibleFeatures.clear(),this.visibleFeatures=f});y(this,"throttleRender",fe(()=>this.render(this.layer.element),16,!0));y(this,"refresh",()=>{this.layer.refresh()});y(this,"onExportStart",()=>{this.isExporting=!0});y(this,"onExportEnd",()=>{this.isExporting=!1});t.events.on("viewExportStart",this.onExportStart),t.events.on("afterImageExport",this.onExportEnd),this.layer=this.ogma.layers.addSVGLayer({draw:this.render},Xt.SHAPES),this.store.subscribe(s=>({features:s.features,liveUpdates:s.liveUpdates,hoveredFeature:s.hoveredFeature,selectedFeatures:s.selectedFeatures,editingFeature:s.editingFeature,rotation:s.rotation,zoom:s.zoom}),this.throttleRender,{equalityFn:(s,r)=>s.features===r.features&&s.liveUpdates===r.liveUpdates&&s.hoveredFeature===r.hoveredFeature&&s.selectedFeatures===r.selectedFeatures&&s.editingFeature===r.editingFeature&&s.rotation===r.rotation&&s.zoom===r.zoom})}getViewportBounds(){const t=this.ogma;let n=null;try{n=t.view.getSize()}catch{return[0,0,0,0]}if(!n)return[0,0,0,0];const{width:s,height:r}=n,o=1.5,a=t.view.screenToGraphCoordinates({x:0,y:0}),c=t.view.screenToGraphCoordinates({x:s*o,y:0}),h=t.view.screenToGraphCoordinates({x:0,y:r*o}),l=t.view.screenToGraphCoordinates({x:s*o,y:r*o});return[Math.min(a.x,c.x,h.x,l.x),Math.min(a.y,c.y,h.y,l.y),Math.max(a.x,c.x,h.x,l.x),Math.max(a.y,c.y,h.y,l.y)]}isFeatureVisible(t,n){const s=t.geometry.bbox;if(!s)return!0;const[r,o,a,c]=s;return!(a<n[0]||r>n[2]||c<n[1]||o>n[3])}getDefs(){const t=k("defs");t.appendChild(Ri());const n=k("filter");n.setAttribute("id","softShadow"),n.setAttribute("x","-50%"),n.setAttribute("y","-50%"),n.setAttribute("width","200%"),n.setAttribute("height","200%");const s=k("feGaussianBlur");s.setAttribute("in","SourceAlpha"),s.setAttribute("stdDeviation","2"),s.setAttribute("result","blur");const r=k("feOffset");r.setAttribute("in","blur"),r.setAttribute("dx","0"),r.setAttribute("dy","1"),r.setAttribute("result","offsetBlur");const o=k("feComponentTransfer");o.setAttribute("in","offsetBlur"),o.setAttribute("result","shadow");const a=k("feFuncA");a.setAttribute("type","linear"),a.setAttribute("slope","0.25"),o.appendChild(a);const c=k("feMerge"),h=k("feMergeNode");h.setAttribute("in","shadow");const l=k("feMergeNode");return l.setAttribute("in","SourceGraphic"),c.appendChild(h),c.appendChild(l),n.appendChild(s),n.appendChild(r),n.appendChild(o),n.appendChild(c),t.appendChild(n),t}removeFeatures(t){for(const n of this.features.keys())if(!t.has(n)){const s=this.features.get(n);s&&s.parentNode&&s.parentNode.removeChild(s),this.features.delete(n)}}applyStateClasses(t,n,s){if(n!==null){const r=t.querySelector(`[data-annotation="${n}"]`);r&&r.classList.add("annotation-hovered")}s.forEach(r=>{const o=t.querySelector(`[data-annotation="${r}"]`);o&&o.classList.add("annotation-selected")})}destroy(){this.features.clear(),this.layer.destroy(),this.ogma.events.off(this.onExportStart),this.ogma.events.off(this.onExportEnd),super.destroy()}}const Zn=i=>{let e;const t=new Set,n=(h,l)=>{const d=typeof h=="function"?h(e):h;if(!Object.is(d,e)){const u=e;e=l??(typeof d!="object"||d===null)?d:Object.assign({},e,d),t.forEach(g=>g(e,u))}},s=()=>e,a={setState:n,getState:s,getInitialState:()=>c,subscribe:h=>(t.add(h),()=>t.delete(h))},c=e=i(n,s,a);return a},Kn=i=>i?Zn(i):Zn;var Jn=(i,e,t)=>(s,r)=>({pastStates:(t==null?void 0:t.pastStates)||[],futureStates:(t==null?void 0:t.futureStates)||[],undo:(o=1)=>{var a,c;if(r().pastStates.length){const h=((a=t==null?void 0:t.partialize)==null?void 0:a.call(t,e()))||e(),l=r().pastStates.splice(-o,o),d=l.shift();i(d),s({pastStates:r().pastStates,futureStates:r().futureStates.concat(((c=t==null?void 0:t.diff)==null?void 0:c.call(t,h,d))||h,l.reverse())})}},redo:(o=1)=>{var a,c;if(r().futureStates.length){const h=((a=t==null?void 0:t.partialize)==null?void 0:a.call(t,e()))||e(),l=r().futureStates.splice(-o,o),d=l.shift();i(d),s({pastStates:r().pastStates.concat(((c=t==null?void 0:t.diff)==null?void 0:c.call(t,h,d))||h,l.reverse()),futureStates:r().futureStates})}},clear:()=>s({pastStates:[],futureStates:[]}),isTracking:!0,pause:()=>s({isTracking:!1}),resume:()=>s({isTracking:!0}),setOnSave:o=>s({_onSave:o}),_onSave:t==null?void 0:t.onSave,_handleSet:(o,a,c,h)=>{var l,d;t!=null&&t.limit&&r().pastStates.length>=(t==null?void 0:t.limit)&&r().pastStates.shift(),(d=(l=r())._onSave)==null||d.call(l,o,c),s({pastStates:r().pastStates.concat(h||o),futureStates:[]})}}),Nr=(i,e)=>(n,s,r)=>{var h,l;r.temporal=Kn(((h=e==null?void 0:e.wrapTemporal)==null?void 0:h.call(e,Jn(n,s,e)))||Jn(n,s,e));const o=((l=e==null?void 0:e.handleSet)==null?void 0:l.call(e,r.temporal.getState()._handleSet))||r.temporal.getState()._handleSet,a=d=>{var f,p,m;if(!r.temporal.getState().isTracking)return;const u=((f=e==null?void 0:e.partialize)==null?void 0:f.call(e,s()))||s(),g=(p=e==null?void 0:e.diff)==null?void 0:p.call(e,d,u);g===null||(m=e==null?void 0:e.equality)!=null&&m.call(e,d,u)||o(d,void 0,u,g)},c=r.setState;return r.setState=(...d)=>{var g;const u=((g=e==null?void 0:e.partialize)==null?void 0:g.call(e,s()))||s();c(...d),a(u)},i((...d)=>{var g;const u=((g=e==null?void 0:e.partialize)==null?void 0:g.call(e,s()))||s();n(...d),a(u)},s,r)};const Or=i=>(e,t,n)=>{const s=n.subscribe;return n.subscribe=(o,a,c)=>{let h=o;if(a){const l=(c==null?void 0:c.equalityFn)||Object.is;let d=o(n.getState());h=u=>{const g=o(u);if(!l(d,g)){const f=d;a(d=g,f)}},c!=null&&c.fireImmediately&&a(d,d)}return s(h)},i(e,t,n)},Yr=[0,0,0,0];function Xr(i,e){const t=Object.keys(i.features),n=Object.keys(e.features);if(t.length!==n.length)return!1;for(const s of t)if(!(s in e.features))return!1;for(const s of t){const r=i.features[s],o=e.features[s],a=r.geometry,c=o.geometry;if(a.coordinates!==c.coordinates||r.properties!==o.properties||r.properties.style!==o.properties.style||a!==c)return!1}return i.drawingFeature===e.drawingFeature}const Ur=i=>{const e=Kn()(Or(Nr((t,n)=>({features:{},liveUpdates:{},isDragging:!1,hoveringHandle:!1,hoveredHandle:-1,hoveredFeature:null,selectedFeatures:new Set,lastChangedFeatures:[],drawingFeature:null,drawingPoints:null,editingFeature:null,mousePressed:!1,mousePressPoint:null,rotation:0,sin:0,cos:1,revRotation:0,revSin:0,revCos:1,zoom:1,invZoom:1,options:{showSendButton:(i==null?void 0:i.showSendButton)??!0,sendButtonIcon:(i==null?void 0:i.sendButtonIcon)??ie,showEditButton:(i==null?void 0:i.showEditButton)??!0,editButtonIcon:(i==null?void 0:i.editButtonIcon)??re,minArrowHeight:(i==null?void 0:i.minArrowHeight)??20,maxArrowHeight:(i==null?void 0:i.maxArrowHeight)??30,detectMargin:(i==null?void 0:i.detectMargin)??2,magnetRadius:(i==null?void 0:i.magnetRadius)??10,magnetHandleRadius:(i==null?void 0:i.magnetHandleRadius)??5,textPlaceholder:(i==null?void 0:i.textPlaceholder)??"Type here"},setOptions:s=>t(r=>({options:{...r.options,...s}})),removeFeature:s=>t(r=>{var u,g,f,p;const o=r.features[s];if(!o)return r;const{features:a,liveUpdates:c}=r,h=new Set([s]);if((D(o)||L(o))&&Object.values(a).forEach(m=>{var x,v,S,E;tt(m)&&(((v=(x=m.properties.link)==null?void 0:x.end)==null?void 0:v.id)===s||((E=(S=m.properties.link)==null?void 0:S.start)==null?void 0:E.id)===s)&&h.add(m.id)}),tt(o)){const m=((g=(u=o.properties.link)==null?void 0:u.end)==null?void 0:g.type)==="comment"?o.properties.link.end.id:((p=(f=o.properties.link)==null?void 0:f.start)==null?void 0:p.type)==="comment"?o.properties.link.start.id:null;if(m){let x=0;if(Object.values(r.features).forEach(v=>{var S,E,b,A;tt(v)&&v.id!==s&&(((E=(S=v.properties.link)==null?void 0:S.end)==null?void 0:E.id)===m||((A=(b=v.properties.link)==null?void 0:b.start)==null?void 0:A.id)===m)&&x++}),x===0)return console.error("Cannot delete last arrow attached to comment. Delete the comment instead."),r}}const l={...a},d={...c};return h.forEach(m=>{delete l[m],delete d[m]}),{features:l,liveUpdates:d}}),addFeature:s=>t(r=>({features:{...r.features,[s.id]:s}})),startLiveUpdate:s=>{t(r=>({liveUpdates:s.reduce((o,a)=>({...o,[a]:{...r.features[a]}}),{})}))},applyLiveUpdate:(s,r)=>{t(o=>({liveUpdates:{...o.liveUpdates,[s]:{...o.liveUpdates[s],...r}}}))},applyLiveUpdates:s=>{t(r=>{const o={...r.liveUpdates};for(const a in s)o[a]=s[a];return{liveUpdates:o}})},commitLiveUpdates:s=>{const{features:r,liveUpdates:o}=n(),a={...r},c=[],h=Object.keys(o);s||(s=new Set(h)),h.forEach(l=>{const d=o[l];a[l]&&Object.keys(d).length>0&&(a[l]={...a[l],...d},c.push(l))}),t({features:a,liveUpdates:{},isDragging:!1,lastChangedFeatures:c})},cancelLiveUpdates:()=>t({liveUpdates:{},isDragging:!1}),updateFeature:(s,r)=>t(o=>{const a={...o.features[s],...r},c={...o.liveUpdates};return delete c[s],{features:{...o.features,[s]:a},liveUpdates:c}}),updateFeatures:s=>t(r=>{const o={...r.features};return Object.entries(s).forEach(([a,c])=>{o[a]&&(o[a]={...o[a],...c})}),{features:o}}),batchUpdate:s=>{const r=e.temporal.getState();r.pause(),s(),r.resume()},getFeature:s=>n().features[s],getMergedFeature:s=>{const r=n().features[s],o=n().liveUpdates[s];if(r)return o?{...r,...o}:r},getAllFeatures:()=>{const{features:s,liveUpdates:r}=n();return Object.entries(s).map(([o,a])=>{const c=r[o];return c?{...a,...c}:a})},setHoveredFeature:s=>t({hoveredFeature:s}),setSelectedFeatures:s=>t({selectedFeatures:new Set(s)}),addToSelection:s=>{const{selectedFeatures:r}=n(),o=new Set(r);o.add(s),t({selectedFeatures:o})},removeFromSelection:s=>{const{selectedFeatures:r}=n(),o=new Set(r);o.delete(s),t({selectedFeatures:o})},toggleSelection:s=>{const{selectedFeatures:r}=n(),o=new Set(r);o.has(s)?o.delete(s):o.add(s),t({selectedFeatures:o})},clearSelection:()=>t({selectedFeatures:new Set}),isHovered:s=>n().hoveredFeature===s,isSelected:s=>n().selectedFeatures.has(s),setRotation:s=>{t({rotation:s,sin:Math.sin(s),cos:Math.cos(s),revRotation:-s,revSin:Math.sin(-s),revCos:Math.cos(-s)})},setZoom:s=>{t({zoom:s,invZoom:1/s})},getScreenAlignedTransform(s,r,o=!0){const a=this.revSin,c=this.revCos,h=s*c-r*a,l=s*a+r*c,d=o?1:this.invZoom;return`matrix(${d}, 0, 0, ${d}, ${h}, ${l})`},getRotationTransform(s,r){const o=this.revSin,a=this.revCos,c=s*a-r*o,h=s*o+r*a;return`matrix(${a}, ${o}, ${-o}, ${a}, ${-c}, ${-h})`},getRotatedBBox(s,r,o,a){return _s(s,r,o-s,a-r,this.sin,this.cos,s+(o-s)/2,r+(a-r)/2,Yr)},setDrawingPoints:s=>t({drawingPoints:s})}),{limit:250,partialize:t=>({drawingFeature:t.drawingFeature,isDragging:t.isDragging,features:t.features,lastChangedFeatures:t.lastChangedFeatures}),equality:Xr,handleSet:t=>n=>{n.drawingFeature===null&&t(n)}})));return e},qr={detectMargin:2,magnetHandleRadius:5,magnetRadius:10,textPlaceholder:"Type here",showSendButton:!0,sendButtonIcon:ie,showEditButton:!0,editButtonIcon:re,minArrowHeight:20,maxArrowHeight:30};class Wr extends es{constructor(t,n={}){super();y(this,"ogma");y(this,"store");y(this,"renderers",{});y(this,"interactions");y(this,"editor");y(this,"links");y(this,"index");y(this,"drawing");y(this,"snapping");y(this,"selectionManager");y(this,"historyManager");y(this,"updateManager");y(this,"commentManager");y(this,"onRotate",()=>this.store.getState().setRotation(this.ogma.view.getAngle()));y(this,"onZoom",()=>{const t=this.ogma.view.getZoom();this.store.getState().setZoom(t),this.commentManager.updateCommentModesForZoom(t)});y(this,"onLayout",()=>{this.links.update()});this.ogma=t;const s={...qr,...n};this.store=Ur(s),this.index=new ki(this.store),this.snapping=new wi(this.ogma,{detectMargin:n.detectMargin===void 0?10:n.detectMargin,magnetRadius:n.magnetRadius===void 0?10:n.magnetRadius},this.index,this.store),this.links=new ii(this.ogma,this.snapping,this.store,(r,o)=>{this.emit(Ge,{arrow:r,link:o})}),this.interactions=new xi(this.ogma,this.store,this.index),this.editor=new ei(this.ogma,this.store,this.snapping,this.links,this.interactions),this.drawing=new Xs(this.ogma,this.store,this.editor,this.interactions,this.links,this,this.index),this.selectionManager=new qs(this.store),this.historyManager=new Us(this.store,this.links),this.updateManager=new Ws(this.store),this.commentManager=new Ns(this.store),this.initializeRenderers(),this.setupEvents()}initializeRenderers(){this.renderers.shapes=new $r(this.ogma,this.store),this.renderers.handles=new Pi(this.ogma,this.store)}setupEvents(){this.ogma.events.on("rotate",this.onRotate).on("zoom",this.onZoom).on("layoutEnd",this.onLayout),this.editor.addEventListener(xt,t=>this.emit(xt,{id:t.detail.id,position:t.detail.position})),this.editor.addEventListener(kt,t=>this.emit(kt,{id:t.detail.id,position:t.detail.position})),this.interactions.addEventListener(Ot,(t=>this.emit(Ot,{id:t.detail.id,position:t.detail.position}))),this.store.temporal.subscribe(t=>{this.emit(Ve,{canUndo:t.pastStates.length>0,canRedo:t.futureStates.length>0})}),this.store.subscribe(t=>t.selectedFeatures,(t,n)=>{const s=Array.from(t).filter(r=>!(n!=null&&n.has(r)));if(s.length>0&&this.emit(Xe,{ids:s}),n){const r=Array.from(n).filter(o=>!t.has(o));r.length>0&&this.emit(Ue,{ids:r})}}),this.store.subscribe(t=>t.drawingFeature,(t,n)=>{t===null&&n!==null&&this.emit(ee,{id:n})}),this.store.subscribe(t=>t.features,(t,n)=>{for(const s of Object.keys(t))n[s]?n[s]!==t[s]&&this.emit(je,t[s]):this.emit(Yt,{id:s});for(const s of Object.keys(n))t[s]||this.emit(qe,{id:s})})}setOptions(t={}){return this.store.getState().setOptions(t),this.store.getState().options}add(t){return this.updateManager.add(t),this}remove(t){return this.updateManager.remove(t),this}undo(){return this.historyManager.undo()}redo(){return this.historyManager.redo()}canUndo(){return this.historyManager.canUndo()}canRedo(){return this.historyManager.canRedo()}clearHistory(){this.historyManager.clearHistory()}getAnnotations(){return this.updateManager.getAnnotations()}select(t){return this.selectionManager.select(t),this}unselect(t){return this.selectionManager.unselect(t),this}cancelDrawing(){var t;return this.drawing.cancelPendingDrawing(),(t=this.editor.getActiveHandler())==null||t.cancelDrawing(),this.emit(We),this}enableArrowDrawing(t){return this.drawing.enableArrowDrawing(t),this}enableTextDrawing(t){return this.drawing.enableTextDrawing(t),this}enableBoxDrawing(t){return this.drawing.enableBoxDrawing(t),this}enablePolygonDrawing(t){return this.drawing.enablePolygonDrawing(t),this}enableCommentDrawing(t={}){return this.drawing.enableCommentDrawing(t),this}enablePlacement(t){return this.drawing.enablePlacement(t),this}startComment(t,n,s,r){return this.drawing.startComment(t,n,s,r),this}startBox(t,n,s){return this.drawing.startBox(t,n,s),this}startArrow(t,n,s){return this.drawing.startArrow(t,n,s),this}startText(t,n,s){return this.drawing.startText(t,n,s),this}startPolygon(t,n,s){return this.drawing.startPolygon(t,n,s),this}getSelectedAnnotations(){return this.selectionManager.getSelectedAnnotations()}getSelected(){return this.selectionManager.getSelected()}getAnnotation(t){return this.updateManager.getAnnotation(t)}setScale(t,n,s,r){return this.updateManager.setScale(t,n,s,r),this}toggleComment(t){return this.commentManager.toggleComment(t),this}destroy(){this.ogma.events.off(this.onRotate).off(this.onZoom),this.links.destroy(),Object.values(this.renderers).forEach(t=>t.destroy()),this.interactions.destroy(),this.editor.destroy()}updateStyle(t,n){return this.updateManager.updateStyle(t,n),this}update(t){return this.updateManager.update(t),this}link(t,n,s=rt){const r=this.getAnnotation(t);if(!r)throw new Error(`Arrow with id ${t} not found`);return this.editor.getArrowHandler().link(r,n,s),this}isDrawing(){return this.drawing.isDrawing()}}w.COMMENT_MODE_COLLAPSED=ot,w.COMMENT_MODE_EXPANDED=Mt,w.Control=Wr,w.DATA_ATTR=rs,w.DEFAULT_EDIT_ICON=re,w.DEFAULT_SEND_ICON=ie,w.EVT_ADD=Yt,w.EVT_CANCEL_DRAWING=We,w.EVT_CLICK=Ot,w.EVT_COMPLETE_DRAWING=ee,w.EVT_DRAG=Tt,w.EVT_DRAG_END=kt,w.EVT_DRAG_START=xt,w.EVT_HISTORY=Ve,w.EVT_HOVER=ss,w.EVT_LINK=Ge,w.EVT_REMOVE=qe,w.EVT_SELECT=Xe,w.EVT_UNHOVER=is,w.EVT_UNSELECT=Ue,w.EVT_UPDATE=je,w.HL_BRIGHTEN=se,w.LAYERS=Xt,w.NONE=ns,w.SIDE_END=rt,w.SIDE_START=O,w.TARGET_TYPES=P,w.TEXT_LINE_HEIGHT=Pt,w.adjustColorBrightness=pe,w.asColor=Bs,w.asHexColor=zs,w.asRgbColor=Rs,w.asRgbaColor=$s,w.brighten=bt,w.calculateCommentZoomThreshold=ln,w.canDetachArrowEnd=js,w.canDetachArrowStart=un,w.clientToContainerPosition=Lt,w.colorToRgba=ws,w.createArrow=_t,w.createBox=ye,w.createComment=be,w.createCommentWithArrow=Ls,w.createPolygon=cn,w.createSVGElement=k,w.createText=we,w.cursors=H,w.darken=Ss,w.debounce=bs,w.debounceTail=vs,w.defaultArrowOptions=Cs,w.defaultArrowStyle=mt,w.defaultBoxOptions=Ts,w.defaultBoxStyle=St,w.defaultCommentOptions=jt,w.defaultCommentStyle=K,w.defaultPolygonProperties=Is,w.defaultPolygonStyle=ht,w.defaultTextOptions=ks,w.defaultTextStyle=V,w.detectArrow=me,w.detectBox=on,w.detectComment=an,w.detectPolygon=ve,w.detectText=xe,w.getAnnotationsBounds=fs,w.getArrowEnd=ue,w.getArrowEndPoints=Ut,w.getArrowSide=Dt,w.getArrowStart=de,w.getAttachmentPointOnNode=ys,w.getBbox=st,w.getBoxCenter=J,w.getBoxPosition=gt,w.getBoxSize=Y,w.getBrowserWindow=ge,w.getCommentPosition=Ps,w.getCommentSize=Ds,w.getCommentZoomThreshold=Fs,w.getCoordinates=Ft,w.getHandleId=gs,w.getPolygonBounds=le,w.getPolygonCenter=ce,w.getTextBbox=st,w.getTextPosition=gt,w.getTextSize=Y,w.handleDetectionThreshold=ne,w.handleRadius=Ze,w.hexShortToLong=qt,w.hexToRgba=en,w.isAnnotationCollection=Se,w.isArrow=tt,w.isBox=W,w.isColor=hn,w.isComment=D,w.isCommentArrow=dn,w.isHexColor=Ee,w.isPolygon=it,w.isRgbColor=Ae,w.isRgbaColor=Ce,w.isText=L,w.migrateBoxOrTextIfNeeded=sn,w.parseColor=xs,w.rgbToRgba=nn,w.scaleGeometry=ms,w.scalePolygon=ds,w.setArrowEnd=Qe,w.setArrowEndPoint=tn,w.setArrowStart=Je,w.setBbox=Ke,w.setTextBbox=Ke,w.simplifyPolygon=ae,w.throttle=fe,w.toggleCommentMode=Ms,w.translatePolygon=hs,w.updateBbox=ft,w.updatePolygonBbox=he,w.updateTextBbox=ft,Object.defineProperty(w,Symbol.toStringTag,{value:"Module"})}));