@linkurious/ogma-annotations-react 1.1.15 → 1.1.18
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/index.js +23 -20
- package/dist/index.mjs +1194 -1184
- package/dist/types/index.d.ts +69 -0
- package/package.json +10 -8
- package/dist/AnnotationsContext.d.ts +0 -31
- package/dist/constants.d.ts +0 -9
- package/dist/index.d.ts +0 -3
- package/dist/utils.d.ts +0 -3
package/dist/index.js
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
(function(
|
|
1
|
+
(function(H,X){typeof exports=="object"&&typeof module<"u"?X(exports,require("react"),require("@linkurious/ogma-react")):typeof define=="function"&&define.amd?define(["exports","react","@linkurious/ogma-react"],X):(H=typeof globalThis<"u"?globalThis:H||self,X((H["/home/jenkins/agent/workspace/_ogma-annotations-control_master/packages/ogma-annotations-react/src/index"]=H["/home/jenkins/agent/workspace/_ogma-annotations-control_master/packages/ogma-annotations-react/src/index"]||{},H["/home/jenkins/agent/workspace/_ogma-annotations-control_master/packages/ogma-annotations-react/src/index"].ts={}),H.React,H.OgmaReact))})(this,function(H,X,Gr){"use strict";var Ue={exports:{}},Gt={};/**
|
|
2
2
|
* @license React
|
|
3
3
|
* react-jsx-runtime.production.min.js
|
|
4
4
|
*
|
|
@@ -6,7 +6,7 @@
|
|
|
6
6
|
*
|
|
7
7
|
* This source code is licensed under the MIT license found in the
|
|
8
8
|
* LICENSE file in the root directory of this source tree.
|
|
9
|
-
*/var yr;function qr(){if(yr)return Gt;yr=1;var
|
|
9
|
+
*/var yr;function qr(){if(yr)return Gt;yr=1;var h=X,e=Symbol.for("react.element"),s=Symbol.for("react.fragment"),i=Object.prototype.hasOwnProperty,l=h.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED.ReactCurrentOwner,c={key:!0,ref:!0,__self:!0,__source:!0};function g(y,f,m){var v,k={},C=null,_=null;m!==void 0&&(C=""+m),f.key!==void 0&&(C=""+f.key),f.ref!==void 0&&(_=f.ref);for(v in f)i.call(f,v)&&!c.hasOwnProperty(v)&&(k[v]=f[v]);if(y&&y.defaultProps)for(v in f=y.defaultProps,f)k[v]===void 0&&(k[v]=f[v]);return{$$typeof:e,type:y,key:C,ref:_,props:k,_owner:l.current}}return Gt.Fragment=s,Gt.jsx=g,Gt.jsxs=g,Gt}var qt={};/**
|
|
10
10
|
* @license React
|
|
11
11
|
* react-jsx-runtime.development.js
|
|
12
12
|
*
|
|
@@ -14,28 +14,31 @@
|
|
|
14
14
|
*
|
|
15
15
|
* This source code is licensed under the MIT license found in the
|
|
16
16
|
* LICENSE file in the root directory of this source tree.
|
|
17
|
-
*/var vr;function Xr(){return vr||(vr=1,process.env.NODE_ENV!=="production"&&function(){var
|
|
18
|
-
`+
|
|
19
|
-
`),
|
|
20
|
-
`),
|
|
21
|
-
`+
|
|
17
|
+
*/var vr;function Xr(){return vr||(vr=1,process.env.NODE_ENV!=="production"&&function(){var h=X,e=Symbol.for("react.element"),s=Symbol.for("react.portal"),i=Symbol.for("react.fragment"),l=Symbol.for("react.strict_mode"),c=Symbol.for("react.profiler"),g=Symbol.for("react.provider"),y=Symbol.for("react.context"),f=Symbol.for("react.forward_ref"),m=Symbol.for("react.suspense"),v=Symbol.for("react.suspense_list"),k=Symbol.for("react.memo"),C=Symbol.for("react.lazy"),_=Symbol.for("react.offscreen"),R=Symbol.iterator,T="@@iterator";function M(t){if(t===null||typeof t!="object")return null;var u=R&&t[R]||t[T];return typeof u=="function"?u:null}var L=h.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED;function S(t){{for(var u=arguments.length,d=new Array(u>1?u-1:0),p=1;p<u;p++)d[p-1]=arguments[p];W("error",t,d)}}function W(t,u,d){{var p=L.ReactDebugCurrentFrame,b=p.getStackAddendum();b!==""&&(u+="%s",d=d.concat([b]));var w=d.map(function(A){return String(A)});w.unshift("Warning: "+u),Function.prototype.apply.call(console[t],console,w)}}var U=!1,lt=!1,kt=!1,Zt=!1,Qt=!1,_e;_e=Symbol.for("react.module.reference");function Dt(t){return!!(typeof t=="string"||typeof t=="function"||t===i||t===c||Qt||t===l||t===m||t===v||Zt||t===_||U||lt||kt||typeof t=="object"&&t!==null&&(t.$$typeof===C||t.$$typeof===k||t.$$typeof===g||t.$$typeof===y||t.$$typeof===f||t.$$typeof===_e||t.getModuleId!==void 0))}function Mt(t,u,d){var p=t.displayName;if(p)return p;var b=u.displayName||u.name||"";return b!==""?d+"("+b+")":d}function ke(t){return t.displayName||"Context"}function rt(t){if(t==null)return null;if(typeof t.tag=="number"&&S("Received an unexpected object in getComponentNameFromType(). This is likely a bug in React. Please file an issue."),typeof t=="function")return t.displayName||t.name||null;if(typeof t=="string")return t;switch(t){case i:return"Fragment";case s:return"Portal";case c:return"Profiler";case l:return"StrictMode";case m:return"Suspense";case v:return"SuspenseList"}if(typeof t=="object")switch(t.$$typeof){case y:var u=t;return ke(u)+".Consumer";case g:var d=t;return ke(d._context)+".Provider";case f:return Mt(t,t.render,"ForwardRef");case k:var p=t.displayName||null;return p!==null?p:rt(t.type)||"Memo";case C:{var b=t,w=b._payload,A=b._init;try{return rt(A(w))}catch{return null}}}return null}var z=Object.assign,ht=0,K,ct,$t,Se,te,Te,Ce;function St(){}St.__reactDisabledLog=!0;function Oe(){{if(ht===0){K=console.log,ct=console.info,$t=console.warn,Se=console.error,te=console.group,Te=console.groupCollapsed,Ce=console.groupEnd;var t={configurable:!0,enumerable:!0,value:St,writable:!0};Object.defineProperties(console,{info:t,log:t,warn:t,error:t,group:t,groupCollapsed:t,groupEnd:t})}ht++}}function rr(){{if(ht--,ht===0){var t={configurable:!0,enumerable:!0,writable:!0};Object.defineProperties(console,{log:z({},t,{value:K}),info:z({},t,{value:ct}),warn:z({},t,{value:$t}),error:z({},t,{value:Se}),group:z({},t,{value:te}),groupCollapsed:z({},t,{value:Te}),groupEnd:z({},t,{value:Ce})})}ht<0&&S("disabledDepth fell below zero. This is a bug in React. Please file an issue.")}}var ee=L.ReactCurrentDispatcher,re;function zt(t,u,d){{if(re===void 0)try{throw Error()}catch(b){var p=b.stack.trim().match(/\n( *(at )?)/);re=p&&p[1]||""}return`
|
|
18
|
+
`+re+t}}var ne=!1,Tt;{var nr=typeof WeakMap=="function"?WeakMap:Map;Tt=new nr}function ie(t,u){if(!t||ne)return"";{var d=Tt.get(t);if(d!==void 0)return d}var p;ne=!0;var b=Error.prepareStackTrace;Error.prepareStackTrace=void 0;var w;w=ee.current,ee.current=null,Oe();try{if(u){var A=function(){throw Error()};if(Object.defineProperty(A.prototype,"props",{set:function(){throw Error()}}),typeof Reflect=="object"&&Reflect.construct){try{Reflect.construct(A,[])}catch(D){p=D}Reflect.construct(t,[],A)}else{try{A.call()}catch(D){p=D}t.call(A.prototype)}}else{try{throw Error()}catch(D){p=D}t()}}catch(D){if(D&&p&&typeof D.stack=="string"){for(var E=D.stack.split(`
|
|
19
|
+
`),O=p.stack.split(`
|
|
20
|
+
`),P=E.length-1,I=O.length-1;P>=1&&I>=0&&E[P]!==O[I];)I--;for(;P>=1&&I>=0;P--,I--)if(E[P]!==O[I]){if(P!==1||I!==1)do if(P--,I--,I<0||E[P]!==O[I]){var B=`
|
|
21
|
+
`+E[P].replace(" at new "," at ");return t.displayName&&B.includes("<anonymous>")&&(B=B.replace("<anonymous>",t.displayName)),typeof t=="function"&&Tt.set(t,B),B}while(P>=1&&I>=0);break}}}finally{ne=!1,ee.current=w,rr(),Error.prepareStackTrace=b}var $=t?t.displayName||t.name:"",j=$?zt($):"";return typeof t=="function"&&Tt.set(t,j),j}function ir(t,u,d){return ie(t,!1)}function or(t){var u=t.prototype;return!!(u&&u.isReactComponent)}function Nt(t,u,d){if(t==null)return"";if(typeof t=="function")return ie(t,or(t));if(typeof t=="string")return zt(t);switch(t){case m:return zt("Suspense");case v:return zt("SuspenseList")}if(typeof t=="object")switch(t.$$typeof){case f:return ir(t.render);case k:return Nt(t.type,u,d);case C:{var p=t,b=p._payload,w=p._init;try{return Nt(w(b),u,d)}catch{}}}return""}var xt=Object.prototype.hasOwnProperty,Pe={},Re=L.ReactDebugCurrentFrame;function Bt(t){if(t){var u=t._owner,d=Nt(t.type,t._source,u?u.type:null);Re.setExtraStackFrame(d)}else Re.setExtraStackFrame(null)}function sr(t,u,d,p,b){{var w=Function.call.bind(xt);for(var A in t)if(w(t,A)){var E=void 0;try{if(typeof t[A]!="function"){var O=Error((p||"React class")+": "+d+" type `"+A+"` is invalid; it must be a function, usually from the `prop-types` package, but received `"+typeof t[A]+"`.This often happens because of typos such as `PropTypes.function` instead of `PropTypes.func`.");throw O.name="Invariant Violation",O}E=t[A](u,A,p,d,null,"SECRET_DO_NOT_PASS_THIS_OR_YOU_WILL_BE_FIRED")}catch(P){E=P}E&&!(E instanceof Error)&&(Bt(b),S("%s: type specification of %s `%s` is invalid; the type checker function must return `null` or an `Error` but returned a %s. You may have forgotten to pass an argument to the type checker creator (arrayOf, instanceOf, objectOf, oneOf, oneOfType, and shape all require an argument).",p||"React class",d,A,typeof E),Bt(null)),E instanceof Error&&!(E.message in Pe)&&(Pe[E.message]=!0,Bt(b),S("Failed %s type: %s",d,E.message),Bt(null))}}}var ar=Array.isArray;function oe(t){return ar(t)}function V(t){{var u=typeof Symbol=="function"&&Symbol.toStringTag,d=u&&t[Symbol.toStringTag]||t.constructor.name||"Object";return d}}function lr(t){try{return Ie(t),!1}catch{return!0}}function Ie(t){return""+t}function se(t){if(lr(t))return S("The provided key is an unsupported type %s. This value must be coerced to a string before before using it here.",V(t)),Ie(t)}var ut=L.ReactCurrentOwner,Le={key:!0,ref:!0,__self:!0,__source:!0},Ht,je,ae;ae={};function le(t){if(xt.call(t,"ref")){var u=Object.getOwnPropertyDescriptor(t,"ref").get;if(u&&u.isReactWarning)return!1}return t.ref!==void 0}function ur(t){if(xt.call(t,"key")){var u=Object.getOwnPropertyDescriptor(t,"key").get;if(u&&u.isReactWarning)return!1}return t.key!==void 0}function hr(t,u){if(typeof t.ref=="string"&&ut.current&&u&&ut.current.stateNode!==u){var d=rt(ut.current.type);ae[d]||(S('Component "%s" contains the string ref "%s". Support for string refs will be removed in a future major release. This case cannot be automatically converted to an arrow function. We ask you to manually fix this case by using useRef() or createRef() instead. Learn more about using refs safely here: https://reactjs.org/link/strict-mode-string-ref',rt(ut.current.type),t.ref),ae[d]=!0)}}function cr(t,u){{var d=function(){Ht||(Ht=!0,S("%s: `key` is not a prop. Trying to access it will result in `undefined` being returned. If you need to access the same value within the child component, you should pass it as a different prop. (https://reactjs.org/link/special-props)",u))};d.isReactWarning=!0,Object.defineProperty(t,"key",{get:d,configurable:!0})}}function ue(t,u){{var d=function(){je||(je=!0,S("%s: `ref` is not a prop. Trying to access it will result in `undefined` being returned. If you need to access the same value within the child component, you should pass it as a different prop. (https://reactjs.org/link/special-props)",u))};d.isReactWarning=!0,Object.defineProperty(t,"ref",{get:d,configurable:!0})}}var Fe=function(t,u,d,p,b,w,A){var E={$$typeof:e,type:t,key:u,ref:d,props:A,_owner:w};return E._store={},Object.defineProperty(E._store,"validated",{configurable:!1,enumerable:!1,writable:!0,value:!1}),Object.defineProperty(E,"_self",{configurable:!1,enumerable:!1,writable:!1,value:p}),Object.defineProperty(E,"_source",{configurable:!1,enumerable:!1,writable:!1,value:b}),Object.freeze&&(Object.freeze(E.props),Object.freeze(E)),E};function Ct(t,u,d,p,b){{var w,A={},E=null,O=null;d!==void 0&&(se(d),E=""+d),ur(u)&&(se(u.key),E=""+u.key),le(u)&&(O=u.ref,hr(u,b));for(w in u)xt.call(u,w)&&!Le.hasOwnProperty(w)&&(A[w]=u[w]);if(t&&t.defaultProps){var P=t.defaultProps;for(w in P)A[w]===void 0&&(A[w]=P[w])}if(E||O){var I=typeof t=="function"?t.displayName||t.name||"Unknown":t;E&&cr(A,I),O&&ue(A,I)}return Fe(t,E,O,b,p,ut.current,A)}}var he=L.ReactCurrentOwner,De=L.ReactDebugCurrentFrame;function dt(t){if(t){var u=t._owner,d=Nt(t.type,t._source,u?u.type:null);De.setExtraStackFrame(d)}else De.setExtraStackFrame(null)}var Z;Z=!1;function vt(t){return typeof t=="object"&&t!==null&&t.$$typeof===e}function Ut(){{if(he.current){var t=rt(he.current.type);if(t)return`
|
|
22
22
|
|
|
23
|
-
Check the render method of \``+t+"`."}return""}}function
|
|
23
|
+
Check the render method of \``+t+"`."}return""}}function dr(t){return""}var ce={};function Me(t){{var u=Ut();if(!u){var d=typeof t=="string"?t:t.displayName||t.name;d&&(u=`
|
|
24
24
|
|
|
25
|
-
Check
|
|
26
|
-
|
|
27
|
-
Check the top-level render call using <`+h+">.")}return s}}function Me(t,s){{if(!t._store||t._store.validated||t.key!=null)return;t._store.validated=!0;var h=De(s);if(de[h])return;de[h]=!0;var p="";t&&t._owner&&t._owner!==ce.current&&(p=" It was passed a child from "+rt(t._owner.type)+"."),dt(t),S('Each child in a list should have a unique "key" prop.%s%s See https://reactjs.org/link/warning-keys for more information.',h,p),dt(null)}}function Wt(t,s){{if(typeof t!="object")return;if(se(t))for(var h=0;h<t.length;h++){var p=t[h];vt(p)&&Me(p,s)}else if(vt(t))t._store&&(t._store.validated=!0);else if(t){var m=j(t);if(typeof m=="function"&&m!==t.entries)for(var w=m.call(t),b;!(b=w.next()).done;)vt(b.value)&&Me(b.value,s)}}}function dr(t){{var s=t.type;if(s==null||typeof s=="string")return;var h;if(typeof s=="function")h=s.propTypes;else if(typeof s=="object"&&(s.$$typeof===d||s.$$typeof===_))h=s.propTypes;else return;if(h){var p=rt(s);or(h,t.props,"prop",p,t)}else if(s.PropTypes!==void 0&&!Z){Z=!0;var m=rt(s);S("Component %s declared `PropTypes` instead of `propTypes`. Did you misspell the property assignment?",m||"Unknown")}typeof s.getDefaultProps=="function"&&!s.getDefaultProps.isReactClassApproved&&S("getDefaultProps is only used on classic React.createClass definitions. Use a static property named `defaultProps` instead.")}}function $e(t){{for(var s=Object.keys(t.props),h=0;h<s.length;h++){var p=s[h];if(p!=="children"&&p!=="key"){dt(t),S("Invalid prop `%s` supplied to `React.Fragment`. React.Fragment can only have `key` and `children` props.",p),dt(null);break}}t.ref!==null&&(dt(t),S("Invalid attribute `ref` supplied to `React.Fragment`."),dt(null))}}function fe(t,s,h,p,m,w){{var b=Dt(t);if(!b){var A="";(t===void 0||typeof t=="object"&&t!==null&&Object.keys(t).length===0)&&(A+=" You likely forgot to export your component from the file it's defined in, or you might have mixed up default and named imports.");var R=cr(m);R?A+=R:A+=Ut();var k;t===null?k="null":se(t)?k="array":t!==void 0&&t.$$typeof===e?(k="<"+(rt(t.type)||"Unknown")+" />",A=" Did you accidentally export a JSX literal instead of a component?"):k=typeof t,S("React.jsx: type is invalid -- expected a string (for built-in components) or a class/function (for composite components) but got: %s.%s",k,A)}var O=Ct(t,s,h,m,w);if(O==null)return O;if(b){var D=s.children;if(D!==void 0)if(p)if(se(D)){for(var W=0;W<D.length;W++)Wt(D[W],t);Object.freeze&&Object.freeze(D)}else S("React.jsx: Static children should always be an array. You are likely explicitly calling React.jsxs or React.jsxDEV. Use the Babel transform instead.");else Wt(D,t)}return t===i?$e(O):dr(O),O}}function fr(t,s,h){return fe(t,s,h,!0)}function r(t,s,h){return fe(t,s,h,!1)}var n=r,a=fr;qt.Fragment=i,qt.jsx=n,qt.jsxs=a}()),qt}process.env.NODE_ENV==="production"?Be.exports=qr():Be.exports=Xr();var Jr=Be.exports,Zr=Object.defineProperty,Kr=(u,e,o)=>e in u?Zr(u,e,{enumerable:!0,configurable:!0,writable:!0,value:o}):u[e]=o,x=(u,e,o)=>(Kr(u,typeof e!="symbol"?e+"":e,o),o);let ye=(u=21)=>crypto.getRandomValues(new Uint8Array(u)).reduce((e,o)=>(o&=63,o<36?e+=o.toString(36):o<62?e+=(o-26).toString(36).toUpperCase():o>62?e+="-":e+="_",e),"");const Xt={strokeType:"plain",strokeColor:"black",strokeWidth:1,head:"none",tail:"none"},mr={id:0,type:"Feature",properties:{type:"arrow",style:{...Xt}},geometry:{type:"LineString",coordinates:[[0,0],[100,100]]}},Qr=(u=0,e=0,o=0,i=0,l={...Xt})=>({id:ye(),type:"Feature",properties:{type:"arrow",style:{...Xt,...l}},geometry:{type:"LineString",coordinates:[[u,e],[o,i]]}}),tn="http://www.w3.org/2000/svg";function Jt(u){return document.createElementNS(tn,u)}function br(u){return u.geometry.bbox||en(u),u.geometry.bbox}function gt(u){const e=br(u);return{width:e[2]-e[0],height:e[3]-e[1]}}function pt(u){const e=br(u);return{x:e[0],y:e[1]}}function en(u){const[e,o]=u.geometry.coordinates[0][0],[i,l]=u.geometry.coordinates[0][2];u.geometry.bbox=[e,o,i,l]}function rn(u,e,o,i,l){u.geometry.bbox=[e,o,e+i,o+l],u.geometry.coordinates=[[[e,o],[e+i,o],[e+i,o+l],[e,o+l],[e,o]]]}function Zt(u){const[e,o]=u.geometry.coordinates[0];return{x:e,y:o}}function ve(u,e){const[o,i]=u.geometry.coordinates[e==="start"?0:1];return{x:o,y:i}}function me(u){const[e,o]=u.geometry.coordinates[1];return{x:e,y:o}}function wr(u,e,o){u.geometry.coordinates[0]=[e,o]}function xr(u,e,o){u.geometry.coordinates[1]=[e,o]}function be(u){return{start:Zt(u),end:me(u)}}function Rt(u,e,o,i){e==="start"?wr(u,o,i):xr(u,o,i)}const Ar=u=>parseInt(u.getAttribute("data-handle-id")||"-1");function nn(u){return Array.isArray(u)&&u.length===2&&u.every(isFinite)}function on(u,e,o,i){for(let l=0;l<u.coordinates.length;l++){const c=u.coordinates[l];if(nn(c))c[0]=o+(c[0]-o)*e,c[1]=i+(c[1]-i)*e;else for(let f=0;f<c.length;f++){const g=c[f];g[0]=o+(g[0]-o)*e,g[1]=i+(g[1]-i)*e}}return u}function we(u,e,o){const i=Math.atan2(u.y-e.y,u.x-e.x);return{x:e.x+o*Math.cos(i),y:e.y+o*Math.sin(i)}}function He(u,e){if(!e)return{x:u.clientX,y:u.clientY};const o=e.getBoundingClientRect();return{x:u.clientX-o.left-e.clientLeft,y:u.clientY-o.top-e.clientTop}}const Et=(u,e)=>({x:u.x-e.x,y:u.y-e.y}),It=u=>Math.sqrt(u.x*u.x+u.y*u.y),Er=u=>({x:-u.x,y:-u.y}),_r=u=>{const e=It(u);return e===0?{x:0,y:0}:{x:u.x/e,y:u.y/e}},Lt=(u,e)=>({x:u.x+e.x,y:u.y+e.y}),kr=(u,e)=>({x:u.x*e,y:u.y*e}),xe=(u,e)=>({x:u.x*e.x,y:u.y*e.y}),st=(u,e)=>{const o=Math.sin(e),i=Math.cos(e);return{x:u.x*i-u.y*o,y:u.x*o+u.y*i}},sn=(u,e)=>({x:u.x/e,y:u.y/e}),Sr=(u,e)=>u.x*e.x+u.y*e.y;function Tr(u,e=5,o=30){var i;const{start:l,end:c}=be(u),f=Et(c,l),g=u.properties.style&&u.properties.style.strokeWidth?(i=u.properties.style)==null?void 0:i.strokeWidth:0;return Math.min(o,Math.max(3*g,It(f)*.1,e))}function Cr(u,e,o,i){const l=kr(Er(_r(e)),i);if(!o||o==="none")return"";const c=Lt(u,st(l,Math.PI/8)),f=Lt(u,st(l,-Math.PI/8)),g=`${u.x} ${u.y}`;return`M ${c.x} ${c.y} L ${g} ${f.x} ${f.y} ${o==="arrow"?"":`${c.x} ${c.y}`}`}function an(u,e,o,i,l){const{start:c,end:f}=be(u),{tail:g,head:d,strokeColor:v,strokeWidth:y}=u.properties.style||o,_=Et(f,c),C=Tr(u,i,l),E=Jt("path");E.setAttribute("data-annotation",`${u.id}`),E.setAttribute("data-annotation-type","arrow");const P=d==="arrow-plain"||g==="arrow";E.setAttribute("stroke",v||"none"),E.setAttribute("stroke-width",`${y}`),E.setAttribute("fill",P?v||"":"none"),E.setAttribute("stroke-linecap","round"),E.setAttribute("stroke-linejoin","round");const T=Cr(c,Er(_),g,C),j=Cr(f,_,d,C),L=T+`M ${c.x} ${c.y} ${f.x} ${f.y}`+j;E.setAttribute("d",L),e.appendChild(E)}const G=-1,Ae="dragging",Ee="dragstart",Ft="dragend",Ue="select",We="unselect",ln="hover",un="unhover",Ve="remove",Ye="add",hn="cancelDrawing",Ge="update",cn="link";var dn=typeof globalThis<"u"?globalThis:typeof window<"u"?window:typeof global<"u"?global:typeof self<"u"?self:{};function Or(u){return u&&u.__esModule&&Object.prototype.hasOwnProperty.call(u,"default")?u.default:u}var Pr={exports:{}};(function(u){var e=Object.prototype.hasOwnProperty,o="~";function i(){}Object.create&&(i.prototype=Object.create(null),new i().__proto__||(o=!1));function l(d,v,y){this.fn=d,this.context=v,this.once=y||!1}function c(d,v,y,_,C){if(typeof y!="function")throw new TypeError("The listener must be a function");var E=new l(y,_||d,C),P=o?o+v:v;return d._events[P]?d._events[P].fn?d._events[P]=[d._events[P],E]:d._events[P].push(E):(d._events[P]=E,d._eventsCount++),d}function f(d,v){--d._eventsCount===0?d._events=new i:delete d._events[v]}function g(){this._events=new i,this._eventsCount=0}g.prototype.eventNames=function(){var d=[],v,y;if(this._eventsCount===0)return d;for(y in v=this._events)e.call(v,y)&&d.push(o?y.slice(1):y);return Object.getOwnPropertySymbols?d.concat(Object.getOwnPropertySymbols(v)):d},g.prototype.listeners=function(d){var v=o?o+d:d,y=this._events[v];if(!y)return[];if(y.fn)return[y.fn];for(var _=0,C=y.length,E=new Array(C);_<C;_++)E[_]=y[_].fn;return E},g.prototype.listenerCount=function(d){var v=o?o+d:d,y=this._events[v];return y?y.fn?1:y.length:0},g.prototype.emit=function(d,v,y,_,C,E){var P=o?o+d:d;if(!this._events[P])return!1;var T=this._events[P],j=arguments.length,L,S;if(T.fn){switch(T.once&&this.removeListener(d,T.fn,void 0,!0),j){case 1:return T.fn.call(T.context),!0;case 2:return T.fn.call(T.context,v),!0;case 3:return T.fn.call(T.context,v,y),!0;case 4:return T.fn.call(T.context,v,y,_),!0;case 5:return T.fn.call(T.context,v,y,_,C),!0;case 6:return T.fn.call(T.context,v,y,_,C,E),!0}for(S=1,L=new Array(j-1);S<j;S++)L[S-1]=arguments[S];T.fn.apply(T.context,L)}else{var H=T.length,N;for(S=0;S<H;S++)switch(T[S].once&&this.removeListener(d,T[S].fn,void 0,!0),j){case 1:T[S].fn.call(T[S].context);break;case 2:T[S].fn.call(T[S].context,v);break;case 3:T[S].fn.call(T[S].context,v,y);break;case 4:T[S].fn.call(T[S].context,v,y,_);break;default:if(!L)for(N=1,L=new Array(j-1);N<j;N++)L[N-1]=arguments[N];T[S].fn.apply(T[S].context,L)}}return!0},g.prototype.on=function(d,v,y){return c(this,d,v,y,!1)},g.prototype.once=function(d,v,y){return c(this,d,v,y,!0)},g.prototype.removeListener=function(d,v,y,_){var C=o?o+d:d;if(!this._events[C])return this;if(!v)return f(this,C),this;var E=this._events[C];if(E.fn)E.fn===v&&(!_||E.once)&&(!y||E.context===y)&&f(this,C);else{for(var P=0,T=[],j=E.length;P<j;P++)(E[P].fn!==v||_&&!E[P].once||y&&E[P].context!==y)&&T.push(E[P]);T.length?this._events[C]=T.length===1?T[0]:T:f(this,C)}return this},g.prototype.removeAllListeners=function(d){var v;return d?(v=o?o+d:d,this._events[v]&&f(this,v)):(this._events=new i,this._eventsCount=0),this},g.prototype.off=g.prototype.removeListener,g.prototype.addListener=g.prototype.on,g.prefixed=o,g.EventEmitter=g,u.exports=g})(Pr);var fn=Pr.exports;const Rr=Or(fn);class Ir extends Rr{constructor(e,o){super(),x(this,"ogma"),x(this,"elements"),x(this,"layer"),x(this,"editor"),x(this,"selectedId",G),x(this,"hoveredId",G),x(this,"ogmaOptions"),x(this,"shouldDetect"),x(this,"isDragging"),x(this,"showeditorOnHover"),x(this,"_onKeyUp",i=>{i.code===27&&this.selectedId!==G?this.unselect():(i.code===46||i.code===8)&&this.selectedId!==G&&this._canRemove()&&this.remove(this.selectedId)}),x(this,"_onClickMouseMove",i=>{if(!i.domEvent||this.isDragging||!this.shouldDetect||i.domEvent.type!=="mousemove"&&i.domEvent.target&&i.domEvent.target.tagName==="a")return;const l=this.ogma.view.screenToGraphCoordinates(i),c=this.shouldDetect||!this.shouldDetect&&+this.selectedId>-1?this.detect(l,0):void 0;i.domEvent.type==="mousemove"?c?this.hover(c.id):this.hoveredId!==G&&this.unhover():c?this.select(c.id):this.selectedId!==G&&this.unselect()}),this.ogma=e,this.elements=[],this.shouldDetect=!0,this.isDragging=!1,this.showeditorOnHover=!0,this.ogmaOptions=e.getOptions(),e.events.on(["click","mousemove"],this._onClickMouseMove).on("keyup",this._onKeyUp).on("frame",()=>{this.refreshEditor(),this.refreshDrawing()}),this.layer=e.layers.addSVGLayer({draw:i=>this.draw(i)}),this.layer.moveToTop(),this.editor=e.layers.addLayer(o),this.editor.hide()}_canRemove(){return!0}add(e){const o=this.getDefaultOptions(),i=Object.assign(e,{id:e.id===void 0?ye():e.id,type:e.type,properties:{...o.properties,...e.properties||{},style:{...o.properties.style,...e.properties.style||{}}},geometry:{...o.geometry,...e.geometry}});return this.elements.push(i),this.layer.refresh(),this.emit(Ye,i),i}updateStyle(e,o){this.updateAnnotation(e,{properties:{style:o}})}updateGeometry(e,o){this.updateAnnotation(e,{geometry:o})}scale(e,o,i,l){this.updateGeometry(e,on(e.geometry,o,i,l))}update(e,o){const i=this.getById(e);this.updateAnnotation(i,o)}updateAnnotation(e,o){if(!e)return;const i=e.id;Object.keys(o).forEach(l=>{if(l!=="id")if(l==="properties"){const c=o.properties||{style:{}};e.properties={...e.properties||{},...c||{},style:{...e.properties.style||{},...c.style||{}}}}else l==="geometry"?e.geometry={...e.geometry,...o.geometry}:e[l]=o[l]}),i===this.selectedId&&this.refreshEditor(),this.layer.refresh()}getById(e){const o=Number(e);for(let i=0;i<this.elements.length;i++){const l=this.elements[i];if(!(l.id!==e&&l.id!==o))return l}}select(e){const o=this.getById(e);o&&(this.editor.show(),this.selectedId=e,this.refreshEditor(),this.layer.refresh(),this.emit(Ue,o))}hover(e){const o=this.getById(e);o&&(this.showeditorOnHover&&this.editor.show(),this.hoveredId=e,this.refreshEditor(),this.layer.refresh(),this.emit(ln,o))}getSelectedFeature(){return this.selectedId===G?null:this.getById(this.selectedId)}unselect(){const e=this.getById(this.selectedId);return e&&this.emit(We,e),this.selectedId=G,this.hoveredId===G&&this.editor.hide(),this.layer.refresh(),this}unhover(){const e=this.getById(this.hoveredId);return this.emit(un,e),this.hoveredId=G,this.selectedId===G&&this.editor.hide(),this.layer.refresh(),this}remove(e){const o=this.getById(e);e===this.hoveredId&&this.unhover(),e===this.selectedId&&this.unselect(),this.elements=this.elements.filter(i=>i.id!==e),o&&this.emit(Ve,o),this.layer.refresh()}disableDragging(){this.ogma.setOptions({interactions:{drag:{enabled:!1},pan:{enabled:!1}},detect:{nodes:!1,edges:!1,nodeTexts:!1,edgeTexts:!1}})}restoreDragging(){this.ogma.setOptions(this.ogmaOptions)}enableDetection(){this.shouldDetect=!0}disableDetection(){this.shouldDetect=!1}refreshLayer(){this.layer.refresh()}refreshDrawing(){}getElements(){return[...this.elements]}destroy(){this.ogma.events.off(this._onClickMouseMove).off(this._onKeyUp),this.layer.destroy()}}const Lr="handle-line",Fr="handle-start",jr="handle-end";class gn extends Ir{constructor(e,o={}){super(e,`
|
|
25
|
+
Check the top-level render call using <`+d+">.")}return u}}function $e(t,u){{if(!t._store||t._store.validated||t.key!=null)return;t._store.validated=!0;var d=Me(u);if(ce[d])return;ce[d]=!0;var p="";t&&t._owner&&t._owner!==he.current&&(p=" It was passed a child from "+rt(t._owner.type)+"."),dt(t),S('Each child in a list should have a unique "key" prop.%s%s See https://reactjs.org/link/warning-keys for more information.',d,p),dt(null)}}function Wt(t,u){{if(typeof t!="object")return;if(oe(t))for(var d=0;d<t.length;d++){var p=t[d];vt(p)&&$e(p,u)}else if(vt(t))t._store&&(t._store.validated=!0);else if(t){var b=M(t);if(typeof b=="function"&&b!==t.entries)for(var w=b.call(t),A;!(A=w.next()).done;)vt(A.value)&&$e(A.value,u)}}}function fr(t){{var u=t.type;if(u==null||typeof u=="string")return;var d;if(typeof u=="function")d=u.propTypes;else if(typeof u=="object"&&(u.$$typeof===f||u.$$typeof===k))d=u.propTypes;else return;if(d){var p=rt(u);sr(d,t.props,"prop",p,t)}else if(u.PropTypes!==void 0&&!Z){Z=!0;var b=rt(u);S("Component %s declared `PropTypes` instead of `propTypes`. Did you misspell the property assignment?",b||"Unknown")}typeof u.getDefaultProps=="function"&&!u.getDefaultProps.isReactClassApproved&&S("getDefaultProps is only used on classic React.createClass definitions. Use a static property named `defaultProps` instead.")}}function ze(t){{for(var u=Object.keys(t.props),d=0;d<u.length;d++){var p=u[d];if(p!=="children"&&p!=="key"){dt(t),S("Invalid prop `%s` supplied to `React.Fragment`. React.Fragment can only have `key` and `children` props.",p),dt(null);break}}t.ref!==null&&(dt(t),S("Invalid attribute `ref` supplied to `React.Fragment`."),dt(null))}}var de={};function Ne(t,u,d,p,b,w){{var A=Dt(t);if(!A){var E="";(t===void 0||typeof t=="object"&&t!==null&&Object.keys(t).length===0)&&(E+=" You likely forgot to export your component from the file it's defined in, or you might have mixed up default and named imports.");var O=dr();O?E+=O:E+=Ut();var P;t===null?P="null":oe(t)?P="array":t!==void 0&&t.$$typeof===e?(P="<"+(rt(t.type)||"Unknown")+" />",E=" Did you accidentally export a JSX literal instead of a component?"):P=typeof t,S("React.jsx: type is invalid -- expected a string (for built-in components) or a class/function (for composite components) but got: %s.%s",P,E)}var I=Ct(t,u,d,b,w);if(I==null)return I;if(A){var B=u.children;if(B!==void 0)if(p)if(oe(B)){for(var $=0;$<B.length;$++)Wt(B[$],t);Object.freeze&&Object.freeze(B)}else S("React.jsx: Static children should always be an array. You are likely explicitly calling React.jsxs or React.jsxDEV. Use the Babel transform instead.");else Wt(B,t)}if(xt.call(u,"key")){var j=rt(t),D=Object.keys(u).filter(function(J){return J!=="key"}),N=D.length>0?"{key: someKey, "+D.join(": ..., ")+": ...}":"{key: someKey}";if(!de[j+N]){var Q=D.length>0?"{"+D.join(": ..., ")+": ...}":"{}";S(`A props object containing a "key" prop is being spread into JSX:
|
|
26
|
+
let props = %s;
|
|
27
|
+
<%s {...props} />
|
|
28
|
+
React keys must be passed directly to JSX without using spread:
|
|
29
|
+
let props = %s;
|
|
30
|
+
<%s key={someKey} {...props} />`,N,j,Q,j),de[j+N]=!0}}return t===i?ze(I):fr(I),I}}function r(t,u,d){return Ne(t,u,d,!0)}function n(t,u,d){return Ne(t,u,d,!1)}var a=n,o=r;qt.Fragment=i,qt.jsx=a,qt.jsxs=o}()),qt}process.env.NODE_ENV==="production"?Ue.exports=qr():Ue.exports=Xr();var Jr=Ue.exports,Kr=Object.defineProperty,Zr=(h,e,s)=>e in h?Kr(h,e,{enumerable:!0,configurable:!0,writable:!0,value:s}):h[e]=s,x=(h,e,s)=>(Zr(h,typeof e!="symbol"?e+"":e,s),s);let pe=(h=21)=>crypto.getRandomValues(new Uint8Array(h)).reduce((e,s)=>(s&=63,s<36?e+=s.toString(36):s<62?e+=(s-26).toString(36).toUpperCase():s>62?e+="-":e+="_",e),"");const Xt={strokeType:"plain",strokeColor:"black",strokeWidth:1,head:"none",tail:"none"},mr={id:0,type:"Feature",properties:{type:"arrow",style:{...Xt}},geometry:{type:"LineString",coordinates:[[0,0],[100,100]]}},Qr=(h=0,e=0,s=0,i=0,l={...Xt})=>({id:pe(),type:"Feature",properties:{type:"arrow",style:{...Xt,...l}},geometry:{type:"LineString",coordinates:[[h,e],[s,i]]}}),tn="http://www.w3.org/2000/svg";function Jt(h){return document.createElementNS(tn,h)}function br(h){return h.geometry.bbox||en(h),h.geometry.bbox}function gt(h){const e=br(h);return{width:e[2]-e[0],height:e[3]-e[1]}}function pt(h){const e=br(h);return{x:e[0],y:e[1]}}function en(h){const[e,s]=h.geometry.coordinates[0][0],[i,l]=h.geometry.coordinates[0][2];h.geometry.bbox=[e,s,i,l]}function rn(h,e,s,i,l){h.geometry.bbox=[e,s,e+i,s+l],h.geometry.coordinates=[[[e,s],[e+i,s],[e+i,s+l],[e,s+l],[e,s]]]}function Kt(h){const[e,s]=h.geometry.coordinates[0];return{x:e,y:s}}function ye(h,e){const[s,i]=h.geometry.coordinates[e==="start"?0:1];return{x:s,y:i}}function ve(h){const[e,s]=h.geometry.coordinates[1];return{x:e,y:s}}function wr(h,e,s){h.geometry.coordinates[0]=[e,s]}function xr(h,e,s){h.geometry.coordinates[1]=[e,s]}function me(h){return{start:Kt(h),end:ve(h)}}function Rt(h,e,s,i){e==="start"?wr(h,s,i):xr(h,s,i)}const Ar=h=>parseInt(h.getAttribute("data-handle-id")||"-1");function nn(h){return Array.isArray(h)&&h.length===2&&h.every(isFinite)}function on(h,e,s,i){for(let l=0;l<h.coordinates.length;l++){const c=h.coordinates[l];if(nn(c))c[0]=s+(c[0]-s)*e,c[1]=i+(c[1]-i)*e;else for(let g=0;g<c.length;g++){const y=c[g];y[0]=s+(y[0]-s)*e,y[1]=i+(y[1]-i)*e}}return h}function be(h,e,s){const i=Math.atan2(h.y-e.y,h.x-e.x);return{x:e.x+s*Math.cos(i),y:e.y+s*Math.sin(i)}}function we(h,e){if(!e)return{x:h.clientX,y:h.clientY};const s=e.getBoundingClientRect();return{x:h.clientX-s.left-e.clientLeft,y:h.clientY-s.top-e.clientTop}}const _t=(h,e)=>({x:h.x-e.x,y:h.y-e.y}),It=h=>Math.sqrt(h.x*h.x+h.y*h.y),Er=h=>({x:-h.x,y:-h.y}),_r=h=>{const e=It(h);return e===0?{x:0,y:0}:{x:h.x/e,y:h.y/e}},Lt=(h,e)=>({x:h.x+e.x,y:h.y+e.y}),kr=(h,e)=>({x:h.x*e,y:h.y*e}),xe=(h,e)=>({x:h.x*e.x,y:h.y*e.y}),st=(h,e)=>{const s=Math.sin(e),i=Math.cos(e);return{x:h.x*i-h.y*s,y:h.x*s+h.y*i}},sn=(h,e)=>({x:h.x/e,y:h.y/e}),Sr=(h,e)=>h.x*e.x+h.y*e.y;function Tr(h,e=5,s=30){var i;const{start:l,end:c}=me(h),g=_t(c,l),y=h.properties.style&&h.properties.style.strokeWidth?(i=h.properties.style)==null?void 0:i.strokeWidth:0;return Math.min(s,Math.max(3*y,It(g)*.1,e))}function Cr(h,e,s,i){const l=kr(Er(_r(e)),i);if(!s||s==="none")return"";const c=Lt(h,st(l,Math.PI/8)),g=Lt(h,st(l,-Math.PI/8)),y=`${h.x} ${h.y}`;return`M ${c.x} ${c.y} L ${y} ${g.x} ${g.y} ${s==="arrow"?"":`${c.x} ${c.y}`}`}function an(h,e,s,i,l){const{start:c,end:g}=me(h),{tail:y,head:f,strokeColor:m,strokeWidth:v}=h.properties.style||s,k=_t(g,c),C=Tr(h,i,l),_=Jt("path");_.setAttribute("data-annotation",`${h.id}`),_.setAttribute("data-annotation-type","arrow");const R=f==="arrow-plain"||y==="arrow";_.setAttribute("stroke",m||"none"),_.setAttribute("stroke-width",`${v}`),_.setAttribute("fill",R?m||"":"none"),_.setAttribute("stroke-linecap","round"),_.setAttribute("stroke-linejoin","round");const T=Cr(c,Er(k),y,C),M=Cr(g,k,f,C),L=T+`M ${c.x} ${c.y} ${g.x} ${g.y}`+M;_.setAttribute("d",L),e.appendChild(_)}const G=-1,Ae="dragging",Ee="dragstart",jt="dragend",We="select",Ve="unselect",ln="hover",un="unhover",Ye="remove",Ge="add",hn="cancelDrawing",qe="update",cn="link";var dn=typeof globalThis<"u"?globalThis:typeof window<"u"?window:typeof global<"u"?global:typeof self<"u"?self:{};function Or(h){return h&&h.__esModule&&Object.prototype.hasOwnProperty.call(h,"default")?h.default:h}var Pr={exports:{}};(function(h){var e=Object.prototype.hasOwnProperty,s="~";function i(){}Object.create&&(i.prototype=Object.create(null),new i().__proto__||(s=!1));function l(f,m,v){this.fn=f,this.context=m,this.once=v||!1}function c(f,m,v,k,C){if(typeof v!="function")throw new TypeError("The listener must be a function");var _=new l(v,k||f,C),R=s?s+m:m;return f._events[R]?f._events[R].fn?f._events[R]=[f._events[R],_]:f._events[R].push(_):(f._events[R]=_,f._eventsCount++),f}function g(f,m){--f._eventsCount===0?f._events=new i:delete f._events[m]}function y(){this._events=new i,this._eventsCount=0}y.prototype.eventNames=function(){var f=[],m,v;if(this._eventsCount===0)return f;for(v in m=this._events)e.call(m,v)&&f.push(s?v.slice(1):v);return Object.getOwnPropertySymbols?f.concat(Object.getOwnPropertySymbols(m)):f},y.prototype.listeners=function(f){var m=s?s+f:f,v=this._events[m];if(!v)return[];if(v.fn)return[v.fn];for(var k=0,C=v.length,_=new Array(C);k<C;k++)_[k]=v[k].fn;return _},y.prototype.listenerCount=function(f){var m=s?s+f:f,v=this._events[m];return v?v.fn?1:v.length:0},y.prototype.emit=function(f,m,v,k,C,_){var R=s?s+f:f;if(!this._events[R])return!1;var T=this._events[R],M=arguments.length,L,S;if(T.fn){switch(T.once&&this.removeListener(f,T.fn,void 0,!0),M){case 1:return T.fn.call(T.context),!0;case 2:return T.fn.call(T.context,m),!0;case 3:return T.fn.call(T.context,m,v),!0;case 4:return T.fn.call(T.context,m,v,k),!0;case 5:return T.fn.call(T.context,m,v,k,C),!0;case 6:return T.fn.call(T.context,m,v,k,C,_),!0}for(S=1,L=new Array(M-1);S<M;S++)L[S-1]=arguments[S];T.fn.apply(T.context,L)}else{var W=T.length,U;for(S=0;S<W;S++)switch(T[S].once&&this.removeListener(f,T[S].fn,void 0,!0),M){case 1:T[S].fn.call(T[S].context);break;case 2:T[S].fn.call(T[S].context,m);break;case 3:T[S].fn.call(T[S].context,m,v);break;case 4:T[S].fn.call(T[S].context,m,v,k);break;default:if(!L)for(U=1,L=new Array(M-1);U<M;U++)L[U-1]=arguments[U];T[S].fn.apply(T[S].context,L)}}return!0},y.prototype.on=function(f,m,v){return c(this,f,m,v,!1)},y.prototype.once=function(f,m,v){return c(this,f,m,v,!0)},y.prototype.removeListener=function(f,m,v,k){var C=s?s+f:f;if(!this._events[C])return this;if(!m)return g(this,C),this;var _=this._events[C];if(_.fn)_.fn===m&&(!k||_.once)&&(!v||_.context===v)&&g(this,C);else{for(var R=0,T=[],M=_.length;R<M;R++)(_[R].fn!==m||k&&!_[R].once||v&&_[R].context!==v)&&T.push(_[R]);T.length?this._events[C]=T.length===1?T[0]:T:g(this,C)}return this},y.prototype.removeAllListeners=function(f){var m;return f?(m=s?s+f:f,this._events[m]&&g(this,m)):(this._events=new i,this._eventsCount=0),this},y.prototype.off=y.prototype.removeListener,y.prototype.addListener=y.prototype.on,y.prefixed=s,y.EventEmitter=y,h.exports=y})(Pr);var fn=Pr.exports;const Rr=Or(fn);class Ir extends Rr{constructor(e,s){super(),x(this,"ogma"),x(this,"elements"),x(this,"layer"),x(this,"editor"),x(this,"selectedId",G),x(this,"hoveredId",G),x(this,"ogmaOptions"),x(this,"shouldDetect"),x(this,"isDragging"),x(this,"showeditorOnHover"),x(this,"_onKeyUp",i=>{i.code===27&&this.selectedId!==G?this.unselect():(i.code===46||i.code===8)&&this.selectedId!==G&&this._canRemove()&&this.remove(this.selectedId)}),x(this,"_onClickMouseMove",i=>{if(!i.domEvent||this.isDragging||!this.shouldDetect||i.domEvent.type!=="mousemove"&&i.domEvent.target&&i.domEvent.target.tagName==="a")return;const l=this.ogma.view.screenToGraphCoordinates(i),c=this.shouldDetect||!this.shouldDetect&&+this.selectedId>-1?this.detect(l,0):void 0;i.domEvent.type==="mousemove"?c?this.hover(c.id):this.hoveredId!==G&&this.unhover():c?this.select(c.id):this.selectedId!==G&&this.unselect()}),this.ogma=e,this.elements=[],this.shouldDetect=!0,this.isDragging=!1,this.showeditorOnHover=!0,this.ogmaOptions=e.getOptions(),e.events.on(["click","mousemove"],this._onClickMouseMove).on("keyup",this._onKeyUp).on("frame",()=>{this.refreshEditor(),this.refreshDrawing()}),this.layer=e.layers.addSVGLayer({draw:i=>this.draw(i)}),this.layer.moveToTop(),this.editor=e.layers.addLayer(s),this.editor.hide()}_canRemove(){return!0}add(e){const s=this.getDefaultOptions(),i=Object.assign(e,{id:e.id===void 0?pe():e.id,type:e.type,properties:{...s.properties,...e.properties||{},style:{...s.properties.style,...e.properties.style||{}}},geometry:{...s.geometry,...e.geometry}});return this.elements.push(i),this.layer.refresh(),this.emit(Ge,i),i}updateStyle(e,s){this.updateAnnotation(e,{properties:{style:s}})}updateGeometry(e,s){this.updateAnnotation(e,{geometry:s})}scale(e,s,i,l){this.updateGeometry(e,on(e.geometry,s,i,l))}update(e,s){const i=this.getById(e);this.updateAnnotation(i,s)}updateAnnotation(e,s){if(!e)return;const i=e.id;Object.keys(s).forEach(l=>{if(l!=="id")if(l==="properties"){const c=s.properties||{style:{}};e.properties={...e.properties||{},...c||{},style:{...e.properties.style||{},...c.style||{}}}}else l==="geometry"?e.geometry={...e.geometry,...s.geometry}:e[l]=s[l]}),i===this.selectedId&&this.refreshEditor(),this.layer.refresh()}getById(e){const s=Number(e);for(let i=0;i<this.elements.length;i++){const l=this.elements[i];if(!(l.id!==e&&l.id!==s))return l}}select(e){const s=this.getById(e);s&&(this.editor.show(),this.selectedId=e,this.refreshEditor(),this.layer.refresh(),this.emit(We,s))}hover(e){const s=this.getById(e);s&&(this.showeditorOnHover&&this.editor.show(),this.hoveredId=e,this.refreshEditor(),this.layer.refresh(),this.emit(ln,s))}getSelectedFeature(){return this.selectedId===G?null:this.getById(this.selectedId)}unselect(){const e=this.getById(this.selectedId);return e&&this.emit(Ve,e),this.selectedId=G,this.hoveredId===G&&this.editor.hide(),this.layer.refresh(),this}unhover(){const e=this.getById(this.hoveredId);return this.emit(un,e),this.hoveredId=G,this.selectedId===G&&this.editor.hide(),this.layer.refresh(),this}remove(e){const s=this.getById(e);e===this.hoveredId&&this.unhover(),e===this.selectedId&&this.unselect(),this.elements=this.elements.filter(i=>i.id!==e),s&&this.emit(Ye,s),this.layer.refresh()}disableDragging(){this.ogma.setOptions({interactions:{drag:{enabled:!1},pan:{enabled:!1}},detect:{nodes:!1,edges:!1,nodeTexts:!1,edgeTexts:!1}})}restoreDragging(){this.ogma.setOptions(this.ogmaOptions)}enableDetection(){this.shouldDetect=!0}disableDetection(){this.shouldDetect=!1}refreshLayer(){this.layer.refresh()}refreshDrawing(){}getElements(){return[...this.elements]}destroy(){this.ogma.events.off(this._onClickMouseMove).off(this._onKeyUp),this.layer.destroy()}}const Lr="handle-line",jr="handle-start",Fr="handle-end";class gn extends Ir{constructor(e,s={}){super(e,`
|
|
28
31
|
<div class="arrow-handle">
|
|
29
32
|
<div id="${Lr}" data-handle-id="0" class="handle line"></div>
|
|
30
|
-
<div id="${
|
|
31
|
-
<div id="${
|
|
33
|
+
<div id="${jr}" data-handle-id="1" class="handle point"></div>
|
|
34
|
+
<div id="${Fr}" data-handle-id="2" class="handle point"></div>
|
|
32
35
|
</div>
|
|
33
|
-
`),x(this,"draggedHandle",G),x(this,"start",{x:0,y:0}),x(this,"end",{x:0,y:0}),x(this,"arrow",{...mr}),x(this,"startX",0),x(this,"startY",0),x(this,"minArrowHeight",0),x(this,"maxArrowHeight",0),x(this,"handles",[]),x(this,"onHandleMouseDown",i=>{const l=this.getById(this.selectedId)||this.getById(this.hoveredId);if(!l)return;const{x:c,y:f}=He(i,this.ogma.getContainer());this.startDragging(l,c,f),this.draggedHandle=Ar(i.target)}),x(this,"onMouseUp",()=>{this.draggedHandle!==-1&&(this.restoreDragging(),this.isDragging=!1,this.draggedHandle=G,this.emit(Ft,this.arrow))}),x(this,"onMouseMove",i=>{if(!this.isDragging||this.draggedHandle===G)return;const l=this.handles[this.draggedHandle],c=this.ogma.view.getAngle(),{x:f,y:g}=st(sn({x:i.clientX-this.startX,y:i.clientY-this.startY},this.ogma.view.getZoom()),c),d=l.id===Lr,v=l.id===Fr,y=l.id===jr;(d||v)&&wr(this.arrow,this.start.x+f,this.start.y+g),(d||y)&&xr(this.arrow,this.end.x+f,this.end.y+g),this.emit(Ae,this.arrow,d?"line":v?"start":"end"),this.refreshEditor(),this.layer.refresh()}),this.minArrowHeight=o.minArrowHeight||0,this.maxArrowHeight=o.maxArrowHeight||1e6,this.handles=Array.prototype.slice.call(this.editor.element.querySelectorAll(".arrow-handle>.handle")),this.handles.forEach(i=>i.addEventListener("mousedown",this.onHandleMouseDown)),document.addEventListener("mousemove",this.onMouseMove,!0),document.addEventListener("mouseup",this.onMouseUp)}startDrawing(e,o,i=Qr(e,o,e,o,Xt)){var l;this.disableDragging(),this.add(i),this.hoveredId=i.id;const c=this.ogma.view.graphToScreenCoordinates({x:e,y:o}),f=((l=this.ogma.getContainer())==null?void 0:l.getBoundingClientRect())||{left:0,top:0};this.startDragging(this.getById(i.id),c.x+(f==null?void 0:f.left),c.y+f.top),this.draggedHandle=2}cancelDrawing(){this.isDragging&&(this.remove(this.arrow.id),this.emit(Ft,this.arrow),this.restoreDragging(),this.isDragging=!1,this.draggedHandle=G)}startDragging(e,o,i){this.selectedId!==e.id&&this.select(this.hoveredId),this.arrow=e,this.startX=o,this.startY=i,this.start=Zt(this.arrow),this.end=me(this.arrow),this.disableDragging(),this.emit(Ee,this.arrow),this.isDragging=!0}detect(e,o=0){return this.elements.find(i=>{const{start:l,end:c}=be(i),f=Et(e,{x:(l.x+c.x)/2,y:(l.y+c.y)/2}),g=Et(c,l),d=It(g),v=_r(g),y=Tr(i);return Math.abs(Sr(v,f))<d/2+o&&Math.abs(Sr(st(v,Math.PI/2),f))<y/2+o})}refreshEditor(){if(+this.selectedId<0&&+this.hoveredId<0)return;const e=this.selectedId!==G?this.getById(this.selectedId):this.getById(this.hoveredId),o=be(e),i=this.ogma.view.graphToScreenCoordinates(o.start),l=this.ogma.view.graphToScreenCoordinates(o.end),[c,f,g]=Array.prototype.slice.call(this.editor.element.querySelectorAll(".handle"));f.style.transform=`translate(${i.x}px, ${i.y}px) translate(-50%, -50%)`,g.style.transform=`translate(${l.x}px, ${l.y}px) translate(-50%, -50%)`;const d={x:(l.x+i.x)/2,y:(l.y+i.y)/2},v=Et(l,i),y=kr(v,1/It(v)),_=Math.atan2(y.y,y.x);c.style.width=`${It(v)}px`,c.style.left=`${d.x}px`,c.style.top=`${d.y}px`,c.style.transform=`translate(-50%, -50%) rotate(${_}rad)`}getDefaultOptions(){return mr}draw(e){e.innerHTML="";const o=Jt("g"),i=this.ogma.view.getAngle();o.setAttribute("transform",`rotate(${-i*(180/Math.PI)})`),this.elements.forEach(l=>an(l,o,Xt,this.minArrowHeight,this.maxArrowHeight)),e.appendChild(o)}refreshDrawing(){const e=this.ogma.view.getAngle();this.layer.element!==null&&this.layer.element.children[0].setAttribute("transform",`rotate(${-e*(180/Math.PI)})`)}destroy(){super.destroy(),document.removeEventListener("mousemove",this.onMouseMove,!0),document.removeEventListener("mouseup",this.onMouseUp)}}const jt={font:"sans-serif",fontSize:12,color:"black",background:"",strokeWidth:1,strokeColor:"#000",strokeType:"plain"},qe={id:0,type:"Feature",properties:{type:"text",content:"",style:{...jt}},geometry:{type:"Polygon",coordinates:[[[0,0],[100,0],[100,50],[0,50],[0,0]]]}},Dr={handleSize:3.5,placeholder:"Your text..."},pn=(u=0,e=0,o=100,i=50,l="",c={...jt})=>({id:ye(),type:"Feature",properties:{type:"text",content:l,style:{...jt,...c}},geometry:{type:"Polygon",coordinates:[[[u,e],[u+o,e],[u+o,e+i],[u,e+i],[u,e]]]}});var Mr={exports:{}};(function(u,e){(function(o,i){u.exports=i()})(dn,()=>(()=>{var o={d:(r,n)=>{for(var a in n)o.o(n,a)&&!o.o(r,a)&&Object.defineProperty(r,a,{enumerable:!0,get:n[a]})},o:(r,n)=>Object.prototype.hasOwnProperty.call(r,n)},i={};function l(r){return l=typeof Symbol=="function"&&typeof Symbol.iterator=="symbol"?function(n){return typeof n}:function(n){return n&&typeof Symbol=="function"&&n.constructor===Symbol&&n!==Symbol.prototype?"symbol":typeof n},l(r)}o.d(i,{default:()=>fr});var c=/^((?:[a-z\d-]+\s+)*)([\d.]+(%|em|px)|(?:x+-)?large|(?:x+-)?small|medium)(?:\s*\/\s*(normal|[\d.]+(%|px|em)?))?(\s.+)?$/,f=/\bsmall-caps\b/,g=/\b(?:italic|oblique)\b/,d=/\bbold(?:er)?\b/,v=13.3333333,y={"xx-small":9,"x-small":10,smaller:13.3333,small:13,medium:16,large:18,larger:19.2,"x-large":24,"xx-large":32};function _(r){var n="",a=this;return a.style&&a.style!=="normal"&&(n+=a.style),a.variant&&a.variant!=="normal"&&(n+=(n?" ":"")+a.variant),a.weight&&a.weight!=="normal"&&(n+=(n?" ":"")+a.weight),a.size&&(n+=(n?" ":"")+a.size+"px",a.height!==a.size&&(n+="/"+a.height+"px")),a.family&&(n+=(n?" ":"")+a.family),r&&(n+="::"+a.baseline),r&&(n+="::"+a.color),n}var C={id:"",family:"sans-serif",height:14,size:12,variant:"",style:"",weight:"",baseline:"",color:null,toString:_,valueOf:_};function E(r){var n=arguments.length>1&&arguments[1]!==void 0?arguments[1]:{},a=c.exec(r);n.family=(a[6]||"").trim();var t=y[a[2]]||parseFloat(a[2]);a[3]==="%"?t*=.16:a[3]==="em"?t*=16:a[3]==="pt"&&(t*=v),n.size=t;var s=parseFloat(a[4]);if(s!=="normal"&&s!=="inherit"&&s?a[5]&&a[5]!=="em"?a[5]==="pt"?n.height=s*v:a[5]==="%"?n.height=.01*t:n.height=s:n.height=s*t:n.height=Math.round(t*(7/6)),f.test(a[1])&&(n.variant="small-caps"),g.test(a[1])&&(n.style="italic"),d.test(a[1]))n.weight="bold";else{var h=parseInt(/\b(\d+)\b/.exec(a[1]),10);h>=100&&h!==400&&(n.weight=h)}return n}function P(){var r,n,a,t=arguments.length>0&&arguments[0]!==void 0?arguments[0]:"12px/14px sans-serif",s=arguments.length>1&&arguments[1]!==void 0?arguments[1]:{},h=14,p=12,m=null,w=null,b="";if(t&&t.nodeType){var A=t&&(t.ownerDocument&&t.ownerDocument.defaultView||t.document&&t||t.defaultView),R=A.getComputedStyle(t,null);r=R.getPropertyValue("font-family")||"",p=parseFloat(R.getPropertyValue("font-size")),h=R.getPropertyValue("line-height"),m=R.getPropertyValue("font-weight"),w=R.getPropertyValue("font-style"),b=R.getPropertyValue("font-variant")||""}else if(typeof t=="string"){var k=E(t);r=k.family,p=k.size,h=k.height,b=k.variant,w=k.style,m=k.weight}else l(t)==="object"&&(r=t.family,p=t.size,h=t.height,b=t.variant,m=t.weight,w=t.style,n=t.baseline,a=t.color);s.size&&s.size<3&&(p*=s.size),h=h!=="normal"&&h?parseFloat(h):p*(7/6),s.height&&s.height<3&&(h*=s.height);var O=Object.create(C);return O.family=s.family||r||"sans-serif",O.height=h??14,O.size=p??12,O.variant=s.variant||b||"",O.style=s.style||w||"",O.weight=s.weight||m||"",O.baseline=n||0,s.baseline!=null&&(O.baseline=s.baseline),O.color=s.color||a||"",O.id=_.call(O,!0),O}const T={"\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};var j,L=function(r){var n=typeof OffscreenCanvas<"u"&&new OffscreenCanvas(100,100)||r&&r.createElement("canvas");if(n&&n.getContext){var a=n.getContext("2d");if(a&&typeof a.measureText=="function")return function(t,s){return a.font=String(s),a.measureText(t).width}}}(typeof document<"u"?document:null)||(j={},function(r,n){if(!j[n]){var a=P(n);j[n]=a,/\bmonospace\b/.test(a.family)?a.size*=.6:(a.size*=.45,a.weight&&(a.size*=1.18))}return r.length*j[n].size}),S={},H={trim:!0,collapse:!0};function N(r,n,a){var t=Object.assign({},H,a),s=String(r);if(!s)return 0;if(s in T){var h=n.id+"/"+s;return h in S||(S[h]=L("_".concat(s,"_"),n)-L("__",n)),S[h]}return t.trim&&t.collapse?t.trim?s=s.trim():t.collapse&&(s=s.replace(/\s+/g," ")):s=s.replace(/\n/g," "),L(s,n)+n.size*(r.tracking||0)}function lt(r){return lt=typeof Symbol=="function"&&typeof Symbol.iterator=="symbol"?function(n){return typeof n}:function(n){return n&&typeof Symbol=="function"&&n.constructor===Symbol&&n!==Symbol.prototype?"symbol":typeof n},lt(r)}function _t(r,n){if(typeof n!="function"&&n!==null)throw new TypeError("Super expression must either be null or a function");r.prototype=Object.create(n&&n.prototype,{constructor:{value:r,writable:!0,configurable:!0}}),Object.defineProperty(r,"prototype",{writable:!1}),n&&Kt(r,n)}function Kt(r,n){return Kt=Object.setPrototypeOf?Object.setPrototypeOf.bind():function(a,t){return a.__proto__=t,a},Kt(r,n)}function Qt(r){var n=function(){if(typeof Reflect>"u"||!Reflect.construct||Reflect.construct.sham)return!1;if(typeof Proxy=="function")return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],function(){})),!0}catch{return!1}}();return function(){var a,t=Dt(r);if(n){var s=Dt(this).constructor;a=Reflect.construct(t,arguments,s)}else a=t.apply(this,arguments);return _e(this,a)}}function _e(r,n){if(n&&(lt(n)==="object"||typeof n=="function"))return n;if(n!==void 0)throw new TypeError("Derived constructors may only return object or undefined");return function(a){if(a===void 0)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return a}(r)}function Dt(r){return Dt=Object.setPrototypeOf?Object.getPrototypeOf.bind():function(n){return n.__proto__||Object.getPrototypeOf(n)},Dt(r)}function Mt(r,n){if(!(r instanceof n))throw new TypeError("Cannot call a class as a function")}function te(r,n){for(var a=0;a<n.length;a++){var t=n[a];t.enumerable=t.enumerable||!1,t.configurable=!0,"value"in t&&(t.writable=!0),Object.defineProperty(r,(s=function(h,p){if(lt(h)!=="object"||h===null)return h;var m=h[Symbol.toPrimitive];if(m!==void 0){var w=m.call(h,p);if(lt(w)!=="object")return w;throw new TypeError("@@toPrimitive must return a primitive value.")}return String(h)}(t.key,"string"),lt(s)==="symbol"?s:String(s)),t)}var s}function rt(r,n,a){return n&&te(r.prototype,n),a&&te(r,a),Object.defineProperty(r,"prototype",{writable:!1}),r}var M=function(){function r(){var n=arguments.length>0&&arguments[0]!==void 0?arguments[0]:"";Mt(this,r),this.value=n,this.weight=null,this.style=null,this.font=null,this.href=null,this.sub=!1,this.sup=!1}return rt(r,[{key:"clone",value:function(){var n=new r(this.value);return n.value=this.value,n.weight=this.weight,n.style=this.style,n.font=this.font,n.href=this.href,n.sub=this.sub,n.sup=this.sup,n}},{key:"valueOf",value:function(){return this.value}},{key:"toString",value:function(){return this.value}}]),r}(),ht=function(r){_t(a,r);var n=Qt(a);function a(){return Mt(this,a),n.apply(this,arguments)}return rt(a)}(M),J=function(r){_t(a,r);var n=Qt(a);function a(){return Mt(this,a),n.apply(this,arguments)}return rt(a)}(M),ct=function(r){_t(a,r);var n=Qt(a);function a(){return Mt(this,a),n.apply(this,arguments)}return rt(a)}(M),$t=/^[\n\r\t\x20\xA0\u2000-\u200B\u205F\u3000]/,ke=/^[^\n\r\t\u0020\u2000-\u200B\u205F\u3000]{2,}/,ee=/^[\xA0\u2011\u202F\u2060\uFEFF]/,Se=/^(?:[;\xAD%?…]|,(?!\d))/,Te=/^[´±°¢£¤$¥\u2212]/;function kt(r,n){n!==!1&&(r=r.trim());for(var a,t,s=[],h=r.charAt(0),p=0,m=1,w=r.length;m<w;m++){a=r.charAt(m),t=r.charAt(m+1);var b=$t.test(h),A=$t.test(a),R=A||b,k=void 0;if((Te.test(a)&&!ee.test(h)||Se.test(h+t)&&!ee.test(a))&&(R=!0),h!=="-"&&h!=="‐"&&h!=="–"&&h!=="—"||((k=$t.test(r.charAt(m-2)))&&!A&&(R=!1),!k&&ke.test(a+t)&&(R=!0)),R){var O=r.slice(p,m);/\u00AD$/.test(O)?(s.push(new M(O.slice(0,-1))),s.push(new ct)):(s.push(new M(O)),s.push(new ht)),p=m}h=a}return s.push(new M(r.slice(p))),s}const Ce={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:"›"};var er=/^[\n\r\x20\u2000-\u200B\u205F\u3000]/,re=/^<\/([a-zA-Z0-9]+)([^>]*)>/,ne=/^<([a-zA-Z0-9]+)((?:\s[^=\s/]+(?:\s*=\s*(?:"[^"]+"|'[^']+'|[^>\\s]+))?)+)?\s*(\/?)>(\n*)/,zt=/^<!--(.+?)-->/,ie=/&(?:#(\d\d{2,})|#x([\da-fA-F]{2,})|([a-zA-Z][a-zA-Z1-4]{1,8}));/g,St={b:function(r){r.weight="bold"},strong:function(r){r.weight="bold"},i:function(r){r.style="italic"},em:function(r){r.style="italic"},dfn:function(r){r.style="italic"},cite:function(r){r.style="italic"},code:function(r){r.family="monospace"},kbd:function(r){r.family="monospace"},samp:function(r){r.family="monospace"},var:function(r){r.family="monospace"},tt:function(r){r.family="monospace"},sub:function(r){r.sub=!0},sup:function(r){r.sup=!0}},rr={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 oe(r){return r.replace(ie,function(n,a,t,s){if(a||t){var h=a?10:16;return String.fromCharCode(parseInt(a||t,h))}return s in Ce?Ce[s]:n})}function nr(r){return r&&r.length>1&&(r[0]==='"'&&r[r.length-1]==='"'||r[0]==="'"&&r[r.length-1]==="'")?r.slice(1,-1):r}var ir=/^\s*([^=\s&]+)(?:\s*=\s*("[^"]+"|'[^']+'|[^>\s]+))?/;function Nt(r){var n,a={};if(r){do if(n=ir.exec(r)){var t=oe(nr(n[2]||"")).replace(/[ \r\n\t]+/g," ").trim();if(a[n[1]]=t,(r=r.slice(n[0].length)).length&&/^\S/.test(r[0]))throw new Error("Attribute error")}while(n&&r.length);if(/\S/.test(r))throw new Error("Attribute error")}return a}const Tt={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:"Þ"};var Oe=/^(\^|_|\\[^#$%&~_^\\{}()\s]+)(\{)?/,Pe=/^%[^\n]+(?:\n|$)/,Bt=/^[^#$%&~_^\\{}]+/,or=/^\\([&{}$%#_])/,sr=/(?:\\[\\@,!:;-]|-{2,3}|[!?]`|``?|,,|''?|~|<<|>>)/g,se={"---":"—","--":"–","!`":"¡","?`":"¿","``":"“",",,":"„","''":"”","`":"‘","'":"’","<<":"«",">>":"»","~":" ","\\-":"","\\,":" ","\\;":" ","\\:":" ","\\!":" ","\\@":"\uFEFF","\\\\":"\\newline{}"},U={bf:function(r){r.weight="bold"},it:function(r){r.style="italic"},sl:function(r){r.style="italic"},color:function(r,n){r.color=n},href:function(r,n){r.href=n},"^":function(r){r.sup=!0},_:function(r){r.sub=!0},par:function(r){this.tokens.push(new J,new J)},newline:function(r){this.tokens.push(new J)},url:function(r,n){this.open_context().href=n,this.add_token(new M(n)),this.close_context()}};U.textsuperscript=U["^"],U.textsubscript=U._,U.textsl=U.sl,U.mathbf=U.bf,U.mathit=U.it,U.textbf=U.bf,U.textit=U.it,U.textcolor=U.color;var ar=/[\r\n\xA0]+/g;function Re(r,n){r.sup&&(r.baseline=.45,r.size=.7),r.sub&&(r.baseline=-.3,r.size=.7);var a=n;return(r.style||r.weight||r.baseline||r.color||r.size||r.family)&&(a=P(n,r)),a}function ae(r,n,a){for(var t,s,h=r.width;h+a.width>n&&r.length;)s=(t=r[r.length-1]).width,t.width>a.width?(t.value=t.value.slice(0,-1),t.width=N(t,t.font),h+=t.width):r.pop(),h-=s;r[r.length-1]instanceof ct&&r.pop(),t=r[r.length-1]||t||{},a.font=P(a.font,t.bold,t.italic,""),a.href=r.length?t.href:null,a.rel=r.length?t.rel:null,a.target=r.length?t.target:null,r.push(a)}function ut(r){return Math.round(1e6*r)/1e6}function Ie(r){return function(n){if(Array.isArray(n))return Ht(n)}(r)||function(n){if(typeof Symbol<"u"&&n[Symbol.iterator]!=null||n["@@iterator"]!=null)return Array.from(n)}(r)||function(n,a){if(n){if(typeof n=="string")return Ht(n,a);var t=Object.prototype.toString.call(n).slice(8,-1);return t==="Object"&&n.constructor&&(t=n.constructor.name),t==="Map"||t==="Set"?Array.from(n):t==="Arguments"||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t)?Ht(n,a):void 0}}(r)||function(){throw new TypeError(`Invalid attempt to spread non-iterable instance.
|
|
34
|
-
In order to be iterable, non-array objects must have a [Symbol.iterator]() method.`)}()}function Ht(r,n){(n==null||n>r.length)&&(n=r.length);for(var a=0,t=new Array(n);a<n;a++)t[a]=r[a];return t}var Le={center:"middle",right:"end"},le={middle:.5,center:.5,bottom:1,end:1},ue=function(r,n){return!r&&!n||r===n};function lr(r,n){var a=[],t=n.font(),s=t.size,h=t.family,p=n.align(),m=n.createElement();if(r.length){var w=t.height,b=n.valign(),A=n.height()(),R=n.width()(0),k=!isFinite(R)&&r.length===1,O=k?null:n.x(),D=ut(w/s),W=k?null:ut(w/(1.15*s+(w-s)/2));if(le[b]&&isFinite(A)){var $=b==="bottom"?1:.5;W+=(A*$-w*r.length*$)/s}var I=p==="justify",V=0;p==="right"?V=R:p==="center"&&(V=R/2);for(var z=[],nt="tspan",K=null,Y="",F=function(){if(Y){var Ot=m(nt,K,Y);z.push(Ot)}nt="tspan",K=null,Y=""},ot=0,it=r.length;ot<it;ot++){var mt="",xt="",ft=0,bt=r[ot];if(bt.length){z=[];for(var Vt=0,ge=0,wt=void 0,Q=0,ze=bt.length;Q<ze;Q++){var q=bt[Q],tt=q.font;q.whitespace&&Vt++,ge+=q.width,Q&&!q.tracking&&!ft&&ue(tt.id,mt)&&ue(q.class,xt)&&ue(wt,q.href)?Y+=q.value:(F(),Y=q.value,K={fontFamily:tt.family!==h?tt.family:null,fontSize:tt.size!==s?tt.size:null,fontWeight:tt.weight||null,fontStyle:tt.style||null,fontVariant:tt.variant!=="normal"&&tt.variant||null,fill:tt.color||null,baselineShift:tt.baseline?100*tt.baseline+"%":null,className:q.class||null},ft&&(K.dx=ut(ft),ft=0),q.tracking&&(ft=tt.size*q.tracking),q.href&&!wt?(wt=q.href,nt="a",K.href=wt,K.rel=q.rel,K.target=q.target):wt=null,mt=tt.id,xt=q.class)}if(F(),k)a.push.apply(a,Ie(z));else{var Ne=null,pe=ot===it-1||bt[bt.length-1]instanceof J;I&&bt.length>1&&!pe&&(Ne=ut((R-ge)/Vt)),a.push(m.apply(void 0,["tspan",{wordSpacing:Ne,x:O(ot)+V,dy:ut(ot?D:W)+"em"}].concat(Ie(z))))}}else a.push(m("tspan",{x:O(ot),dy:ut(ot?D:W)+"em"}," "))}}return m.apply(void 0,["text",{fontFamily:h,fontSize:s,textAnchor:Le[p]||"start"}].concat(a))}var ur={middle:.5,center:.5,bottom:1,end:1};function hr(r,n,a){if(r.length){a.textBaseline="middle";var t=n.font(),s=t.height,h=t.size,p=n.valign(),m=n.height()(),w=n.width()(0),b=n.align(),A=b==="justify",R=.5*s,k=ur[p];if(k&&isFinite(m)){var O=r.length*s;R+=m*k-O*k}r.forEach(function(D,W){var $=n.x()(W),I=W*s+R,V=0,z=0;D.forEach(function(Y){Y.whitespace&&V++,z+=Y.width});var nt=0,K=W===r.length-1||D[D.length-1]instanceof J;A&&D.length>1&&!K&&(nt=(w-z)/V),D.forEach(function(Y){a.font=Y.font;var F=Y.font,ot=F.baseline?h*-F.baseline+.15*h:0;a.fillStyle=function(xt,ft){return xt.color?xt.color:ft.href?"#00C":"#000"}(F,Y);var it=0;if(b==="right"?it+=w-z:b==="center"?it+=w/2-z/2:b==="justify"&&(Y.whitespace||Y instanceof J)&&($+=nt),a.fillText(Y.value,$+it,I+ot),Y.href){a.beginPath(),a.strokeStyle=a.fillStyle;var mt=Math.floor(I+.45*h)+.5;a.moveTo($+it,mt),a.lineTo($+it+Y.width,mt),a.stroke()}$+=Y.width})})}}function he(r){return he=typeof Symbol=="function"&&typeof Symbol.iterator=="symbol"?function(n){return typeof n}:function(n){return n&&typeof Symbol=="function"&&n.constructor===Symbol&&n!==Symbol.prototype?"symbol":typeof n},he(r)}function Fe(r){for(var n={},a=0;a<r.length;a++){var t=r[a];typeof t!="number"&&t!=null&&(typeof t=="string"?n.text=t:typeof t=="function"?n.fn=t:he(t)==="object"&&t._groups?n.d3=t:t&&t.nodeType&&t.getContext?n.ctx=t.getContext("2d"):t&&t.fillText&&t.beginPath?n.ctx=t:t&&(n.text=t))}return n}function Ct(r){return Ct=typeof Symbol=="function"&&typeof Symbol.iterator=="symbol"?function(n){return typeof n}:function(n){return n&&typeof Symbol=="function"&&n.constructor===Symbol&&n!==Symbol.prototype?"symbol":typeof n},Ct(r)}function ce(r,n){for(var a=0;a<n.length;a++){var t=n[a];t.enumerable=t.enumerable||!1,t.configurable=!0,"value"in t&&(t.writable=!0),Object.defineProperty(r,(s=function(h,p){if(Ct(h)!=="object"||h===null)return h;var m=h[Symbol.toPrimitive];if(m!==void 0){var w=m.call(h,p);if(Ct(w)!=="object")return w;throw new TypeError("@@toPrimitive must return a primitive value.")}return String(h)}(t.key,"string"),Ct(s)==="symbol"?s:String(s)),t)}var s}var je=P(),dt=function(r){return typeof r=="function"?r:function(){return r}},Z=function(){function r(t){if(function(h,p){if(!(h instanceof p))throw new TypeError("Cannot call a class as a function")}(this,r),this.props={overflow:"ellipsis",lineclamp:null,align:"left",wordBreak:null,valign:"top",width:function(){return 1/0},height:function(){return 1/0},x:function(){return 0},font:null,tAnchor:0,parser:r.defaultparser},t)for(var s in t)typeof this[s]=="function"&&this[s](t[s])}var n,a;return n=r,a=[{key:"linebreak",value:function(t){var s=this,h=this.props.parser(String(t)),p=this.font(),m=function(w,b,A){if(!w.length)return[];var R=b.height(),k=b.width(),O=b.overflowLine(),D=b.overflowWrap(),W=P(A,!0,!1),$=isFinite(R())?Math.floor(R()/A.height):1/0;if(!R()&&!k(0)||!$)return[];for(var I=0,V=0,z=0,nt=[],K=[],Y=!1;I<w.length&&V<$;){var F=w[I],ot=Re(F,A);if(F.width=N(F,ot),F.font=ot,F.line=V,F.whitespace=F.value in T,F.value&&(F.value=F.value.replace(ar," ")),!(!z&&F.whitespace||Y&&F.whitespace))if(F instanceof J)z=0,K=[],nt.push(I+1),V++;else if(F instanceof ht||F instanceof ct)K.push({index:I,width:z});else if(F.whitespace||z+F.width<k(V))z+=F.width;else if(K.length){var it=void 0,mt=void 0;do{mt=!0,it=K.pop();var xt=w[it.index],ft=void 0;xt instanceof ct&&(ft=N("-",xt.font),it.width+ft>k(V)&&(mt=!K.length))}while(!mt);nt.push(it.index+1),z=0,V++,I=it.index,K=[]}else if(D==="break-word"){var bt=k(V);if(z+F.width>bt){var Vt=F.clone();do F.value=F.value.slice(0,-1),F.width=N(F,F.font),z+=F.width;while(F.value&&F.width>bt);Vt.value=Vt.value.slice(F.value.length),w.splice(I+1,0,new ht,Vt)}nt.push(I+1),z=0,V++}else z+=F.width;I++,Y=F.whitespace}I!==nt[nt.length-1]&&nt.push(I);var ge=0,wt=0,Q=nt.map(function(Ot){for(var et,Pt=ge;(et=w[Pt])&&(et.whitespace||!et.value);)Pt++;for(var At=Ot,gr=null;At>Pt&&(et=w[At-1])&&(et.whitespace||!(et.value||et instanceof ct));)et instanceof J&&(gr=et),At--;et instanceof ct&&(et.value="-",et.width=N("-",et.font)),ge=Ot;var Yt=w.slice(Pt,At).filter(function(pr){return pr.value});return gr&&Yt.push(gr),Yt.width=Yt.reduce(function(pr,Pn){return pr+Pn.width},0),Yt.width>wt&&(wt=Yt.width),Yt});if(Q.hasLineOverflow=!1,O){var ze=O==="ellipsis"?"…":O;Q.forEach(function(Ot,et){var Pt=k(et);if(Ot.width>Pt){var At=new M(ze);At.font=A,At.width=N(ze,W),ae(Ot,Pt,At),Q.hasLineOverflow=!0}})}var q=b.overflow()==="ellipsis"?"…":b.overflow();if(q&&I!==w.length){var tt=k(Q.length-1),Ne=Q[Q.length-1],pe=new M(q);pe.font=A,pe.width=N(q,W),ae(Ne,tt,pe),Q.hasOverflow=!0}else Q.hasOverflow=!1;return Q.font=A,Q.width=wt,Q}(h,this,p);return m.height=m.length*p.height,m.render=function(w){return s.render(m,w)},m.svg=m.render,m.draw=m.render,m}},{key:"font",value:function(t){return arguments.length?(this.props.font=P(t),this):this.props.font||P(je)}},{key:"overflow",value:function(t){return arguments.length?(this.props.overflow=String(t),this):this.props.overflow}},{key:"overflowLine",value:function(t){return arguments.length?(this.props.lineclamp=String(t),this):this.props.lineclamp}},{key:"valign",value:function(t){return arguments.length?(this.props.valign=t,this):this.props.valign}},{key:"align",value:function(t){if(!arguments.length)return this.props.align;var s=String(t).toLowerCase();return s==="left"||s==="start"?(this.props.align="left",this.props.tAnchor=0):s==="center"||s==="middle"?(this.props.align="center",this.props.tAnchor=-.5):s==="end"||s==="right"?(this.props.align="right",this.props.tAnchor=-1):s==="justify"&&(this.props.align=t,this.props.tAnchor=0),this}},{key:"overflowWrap",value:function(t){if(!arguments.length)return this.props.overflowWrap||"normal";var s=String(t).toLowerCase();return s==="break-word"?this.props.overflowWrap="break-word":s!=="normal"&&t!=null||(this.props.overflowWrap=null),this}},{key:"width",value:function(t){return arguments.length?(this.props.width=dt(t),this):this.props.width}},{key:"height",value:function(t){return arguments.length?(this.props.height=dt(t),this):this.props.height}},{key:"x",value:function(t){return arguments.length?(this.props.x=dt(t),this):this.props.x}},{key:"parser",value:function(t){if(!arguments.length)return this.props.parser;if(typeof t=="string"){var s=r[t]||r[t+"parser"];typeof s=="function"&&(t=s)}if(typeof t!="function")throw new Error("Unknown parser: "+t);return this.props.parser=t,this}},{key:"createElement",value:function(t){return arguments.length?(this.props.createElement=t,this):this.props.createElement||r.createElement}},{key:"render",value:function(){var t=Fe(arguments);return typeof t.text=="string"&&(t.text=this.linebreak(t.text)),t.ctx?hr(t.text,this,t.ctx):lr(t.text,this)}}],a&&ce(n.prototype,a),Object.defineProperty(n,"prototype",{writable:!1}),r}();function vt(r){return vt=typeof Symbol=="function"&&typeof Symbol.iterator=="symbol"?function(n){return typeof n}:function(n){return n&&typeof Symbol=="function"&&n.constructor===Symbol&&n!==Symbol.prototype?"symbol":typeof n},vt(r)}function Ut(r,n){(n==null||n>r.length)&&(n=r.length);for(var a=0,t=new Array(n);a<n;a++)t[a]=r[a];return t}function cr(r,n){for(var a=0;a<n.length;a++){var t=n[a];t.enumerable=t.enumerable||!1,t.configurable=!0,"value"in t&&(t.writable=!0),Object.defineProperty(r,(s=function(h,p){if(vt(h)!=="object"||h===null)return h;var m=h[Symbol.toPrimitive];if(m!==void 0){var w=m.call(h,p);if(vt(w)!=="object")return w;throw new TypeError("@@toPrimitive must return a primitive value.")}return String(h)}(t.key,"string"),vt(s)==="symbol"?s:String(s)),t)}var s}var de=function(r){return typeof r=="function"?r:function(){return r}},De=function(){function r(t){if(function(h,p){if(!(h instanceof p))throw new TypeError("Cannot call a class as a function")}(this,r),this.props={width:function(){return 1/0},height:function(){return 1/0},rotation:0,vAnchor:0,hAnchor:0},t)for(var s in t)typeof this[s]=="function"&&this[s](t[s]);this.render=this.render.bind(this)}var n,a;return n=r,a=[{key:"anchor",value:function(t){var s=this.props,h=s.hAnchor,p=s.vAnchor,m=s.width,w=s.height;if(!arguments.length)return[h*m(0),p*w(0)];if(typeof t=="string"){var b=this.props;t.toLowerCase().trim().split(/\s+/).forEach(function(A){A==="top"&&(b.vAnchor=-0),A==="middle"&&(b.vAnchor=-.5),A==="bottom"&&(b.vAnchor=-1),A==="left"&&(b.hAnchor=-0),A==="center"&&(b.hAnchor=-.5),A==="right"&&(b.hAnchor=-1)})}return this}},{key:"width",value:function(t){return arguments.length?(this.props.width=de(t),this):this.props.width}},{key:"height",value:function(t){return arguments.length?(this.props.height=de(t),this):this.props.height}},{key:"rotate",value:function(t){return arguments.length?(this.props.rotation=t,this):this.props.rotation}},{key:"createElement",value:function(t){return arguments.length?(this.props.createElement=t,this):this.props.createElement||r.createElement}},{key:"canvas",value:function(t,s){var h,p=t.getContext?t.getContext("2d"):t;return p.save(),p.rotate(this.rotate()*Math.PI/180),p.translate.apply(p,function(m){if(Array.isArray(m))return Ut(m)}(h=this.anchor())||function(m){if(typeof Symbol<"u"&&m[Symbol.iterator]!=null||m["@@iterator"]!=null)return Array.from(m)}(h)||function(m,w){if(m){if(typeof m=="string")return Ut(m,w);var b=Object.prototype.toString.call(m).slice(8,-1);return b==="Object"&&m.constructor&&(b=m.constructor.name),b==="Map"||b==="Set"?Array.from(m):b==="Arguments"||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(b)?Ut(m,w):void 0}}(h)||function(){throw new TypeError(`Invalid attempt to spread non-iterable instance.
|
|
35
|
-
In order to be iterable, non-array objects must have a [Symbol.iterator]() method.`)}()),
|
|
36
|
-
`,"<br>")).render(),
|
|
37
|
-
`).forEach(
|
|
38
|
-
`)||
|
|
36
|
+
`),x(this,"draggedHandle",G),x(this,"start",{x:0,y:0}),x(this,"end",{x:0,y:0}),x(this,"arrow",{...mr}),x(this,"startX",0),x(this,"startY",0),x(this,"minArrowHeight",0),x(this,"maxArrowHeight",0),x(this,"handles",[]),x(this,"onHandleMouseDown",i=>{const l=this.getById(this.selectedId)||this.getById(this.hoveredId);if(!l)return;const{x:c,y:g}=we(i,this.ogma.getContainer());this.startDragging(l,c,g),this.draggedHandle=Ar(i.target)}),x(this,"onMouseUp",()=>{this.draggedHandle!==-1&&(this.restoreDragging(),this.isDragging=!1,this.draggedHandle=G,this.emit(jt,this.arrow))}),x(this,"onMouseMove",i=>{if(!this.isDragging||this.draggedHandle===G)return;const l=this.handles[this.draggedHandle],c=this.ogma.view.getAngle(),g=we(i,this.ogma.getContainer()),{x:y,y:f}=st(sn({x:g.x-this.startX,y:g.y-this.startY},this.ogma.view.getZoom()),c),m=l.id===Lr,v=l.id===jr,k=l.id===Fr;(m||v)&&wr(this.arrow,this.start.x+y,this.start.y+f),(m||k)&&xr(this.arrow,this.end.x+y,this.end.y+f),this.emit(Ae,this.arrow,m?"line":v?"start":"end"),this.refreshEditor(),this.layer.refresh()}),this.minArrowHeight=s.minArrowHeight||0,this.maxArrowHeight=s.maxArrowHeight||1e6,this.handles=Array.prototype.slice.call(this.editor.element.querySelectorAll(".arrow-handle>.handle")),this.handles.forEach(i=>i.addEventListener("mousedown",this.onHandleMouseDown)),document.addEventListener("mousemove",this.onMouseMove,!0),document.addEventListener("mouseup",this.onMouseUp)}startDrawing(e,s,i=Qr(e,s,e,s,Xt)){var l;this.disableDragging(),this.add(i),this.hoveredId=i.id;const c=this.ogma.view.graphToScreenCoordinates({x:e,y:s}),g=((l=this.ogma.getContainer())==null?void 0:l.getBoundingClientRect())||{left:0,top:0};this.startDragging(this.getById(i.id),c.x+(g==null?void 0:g.left),c.y+g.top),this.draggedHandle=2}cancelDrawing(){this.isDragging&&(this.remove(this.arrow.id),this.emit(jt,this.arrow),this.restoreDragging(),this.isDragging=!1,this.draggedHandle=G)}startDragging(e,s,i){this.selectedId!==e.id&&this.select(this.hoveredId),this.arrow=e,this.startX=s,this.startY=i,this.start=Kt(this.arrow),this.end=ve(this.arrow),this.disableDragging(),this.emit(Ee,this.arrow),this.isDragging=!0}detect(e,s=0){return this.elements.find(i=>{const{start:l,end:c}=me(i),g=_t(e,{x:(l.x+c.x)/2,y:(l.y+c.y)/2}),y=_t(c,l),f=It(y),m=_r(y),v=Tr(i);return Math.abs(Sr(m,g))<f/2+s&&Math.abs(Sr(st(m,Math.PI/2),g))<v/2+s})}refreshEditor(){if(+this.selectedId<0&&+this.hoveredId<0)return;const e=this.selectedId!==G?this.getById(this.selectedId):this.getById(this.hoveredId),s=me(e),i=this.ogma.view.graphToScreenCoordinates(s.start),l=this.ogma.view.graphToScreenCoordinates(s.end),[c,g,y]=Array.prototype.slice.call(this.editor.element.querySelectorAll(".handle"));g.style.transform=`translate(${i.x}px, ${i.y}px) translate(-50%, -50%)`,y.style.transform=`translate(${l.x}px, ${l.y}px) translate(-50%, -50%)`;const f={x:(l.x+i.x)/2,y:(l.y+i.y)/2},m=_t(l,i),v=kr(m,1/It(m)),k=Math.atan2(v.y,v.x);c.style.width=`${It(m)}px`,c.style.left=`${f.x}px`,c.style.top=`${f.y}px`,c.style.transform=`translate(-50%, -50%) rotate(${k}rad)`}getDefaultOptions(){return mr}draw(e){e.innerHTML="";const s=Jt("g"),i=this.ogma.view.getAngle();s.setAttribute("transform",`rotate(${-i*(180/Math.PI)})`),this.elements.forEach(l=>an(l,s,Xt,this.minArrowHeight,this.maxArrowHeight)),e.appendChild(s)}refreshDrawing(){const e=this.ogma.view.getAngle();this.layer.element!==null&&this.layer.element.children[0].setAttribute("transform",`rotate(${-e*(180/Math.PI)})`)}destroy(){super.destroy(),document.removeEventListener("mousemove",this.onMouseMove,!0),document.removeEventListener("mouseup",this.onMouseUp)}}const Ft={font:"sans-serif",fontSize:12,color:"black",background:"",strokeWidth:1,strokeColor:"#000",strokeType:"plain"},Xe={id:0,type:"Feature",properties:{type:"text",content:"",style:{...Ft}},geometry:{type:"Polygon",coordinates:[[[0,0],[100,0],[100,50],[0,50],[0,0]]]}},Dr={handleSize:3.5,placeholder:"Your text..."},pn=(h=0,e=0,s=100,i=50,l="",c={...Ft})=>({id:pe(),type:"Feature",properties:{type:"text",content:l,style:{...Ft,...c}},geometry:{type:"Polygon",coordinates:[[[h,e],[h+s,e],[h+s,e+i],[h,e+i],[h,e]]]}});var Mr={exports:{}};(function(h,e){(function(s,i){h.exports=i()})(dn,()=>(()=>{var s={d:(r,n)=>{for(var a in n)s.o(n,a)&&!s.o(r,a)&&Object.defineProperty(r,a,{enumerable:!0,get:n[a]})},o:(r,n)=>Object.prototype.hasOwnProperty.call(r,n)},i={};function l(r){return l=typeof Symbol=="function"&&typeof Symbol.iterator=="symbol"?function(n){return typeof n}:function(n){return n&&typeof Symbol=="function"&&n.constructor===Symbol&&n!==Symbol.prototype?"symbol":typeof n},l(r)}s.d(i,{default:()=>Ne});var c=/^((?:[a-z\d-]+\s+)*)([\d.]+(%|em|px)|(?:x+-)?large|(?:x+-)?small|medium)(?:\s*\/\s*(normal|[\d.]+(%|px|em)?))?(\s.+)?$/,g=/\bsmall-caps\b/,y=/\b(?:italic|oblique)\b/,f=/\bbold(?:er)?\b/,m=13.3333333,v={"xx-small":9,"x-small":10,smaller:13.3333,small:13,medium:16,large:18,larger:19.2,"x-large":24,"xx-large":32};function k(r){var n="",a=this;return a.style&&a.style!=="normal"&&(n+=a.style),a.variant&&a.variant!=="normal"&&(n+=(n?" ":"")+a.variant),a.weight&&a.weight!=="normal"&&(n+=(n?" ":"")+a.weight),a.size&&(n+=(n?" ":"")+a.size+"px",a.height!==a.size&&(n+="/"+a.height+"px")),a.family&&(n+=(n?" ":"")+a.family),r&&(n+="::"+a.baseline),r&&(n+="::"+a.color),n}var C={id:"",family:"sans-serif",height:14,size:12,variant:"",style:"",weight:"",baseline:"",color:null,toString:k,valueOf:k};function _(r){var n=arguments.length>1&&arguments[1]!==void 0?arguments[1]:{},a=c.exec(r);n.family=(a[6]||"").trim();var o=v[a[2]]||parseFloat(a[2]);a[3]==="%"?o*=.16:a[3]==="em"?o*=16:a[3]==="pt"&&(o*=m),n.size=o;var t=parseFloat(a[4]);if(t!=="normal"&&t!=="inherit"&&t?a[5]&&a[5]!=="em"?a[5]==="pt"?n.height=t*m:a[5]==="%"?n.height=.01*o:n.height=t:n.height=t*o:n.height=Math.round(o*(7/6)),g.test(a[1])&&(n.variant="small-caps"),y.test(a[1])&&(n.style="italic"),f.test(a[1]))n.weight="bold";else{var u=parseInt(/\b(\d+)\b/.exec(a[1]),10);u>=100&&u!==400&&(n.weight=u)}return n}function R(){var r,n,a,o=arguments.length>0&&arguments[0]!==void 0?arguments[0]:"12px/14px sans-serif",t=arguments.length>1&&arguments[1]!==void 0?arguments[1]:{},u=14,d=12,p=null,b=null,w="";if(o&&o.nodeType){var A=o&&(o.ownerDocument&&o.ownerDocument.defaultView||o.document&&o||o.defaultView),E=A.getComputedStyle(o,null);r=E.getPropertyValue("font-family")||"",d=parseFloat(E.getPropertyValue("font-size")),u=E.getPropertyValue("line-height"),p=E.getPropertyValue("font-weight"),b=E.getPropertyValue("font-style"),w=E.getPropertyValue("font-variant")||""}else if(typeof o=="string"){var O=_(o);r=O.family,d=O.size,u=O.height,w=O.variant,b=O.style,p=O.weight}else l(o)==="object"&&(r=o.family,d=o.size,u=o.height,w=o.variant,p=o.weight,b=o.style,n=o.baseline,a=o.color);t.size&&t.size<3&&(d*=t.size),u=u!=="normal"&&u?parseFloat(u):d*(7/6),t.height&&t.height<3&&(u*=t.height);var P=Object.create(C);return P.family=t.family||r||"sans-serif",P.height=u??14,P.size=d??12,P.variant=t.variant||w||"",P.style=t.style||b||"",P.weight=t.weight||p||"",P.baseline=n||0,t.baseline!=null&&(P.baseline=t.baseline),P.color=t.color||a||"",P.id=k.call(P,!0),P}const T={"\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};var M,L=function(r){var n=typeof OffscreenCanvas<"u"&&new OffscreenCanvas(100,100)||r&&r.createElement("canvas");if(n&&n.getContext){var a=n.getContext("2d");if(a&&typeof a.measureText=="function")return function(o,t){return a.font=String(t),a.measureText(o).width}}}(typeof document<"u"?document:null)||(M={},function(r,n){if(!M[n]){var a=R(n);M[n]=a,/\bmonospace\b/.test(a.family)?a.size*=.6:(a.size*=.45,a.weight&&(a.size*=1.18))}return r.length*M[n].size}),S={},W={trim:!0,collapse:!0};function U(r,n,a){var o=Object.assign({},W,a),t=String(r);if(!t)return 0;if(t in T){var u=n.id+"/"+t;return u in S||(S[u]=L("_".concat(t,"_"),n)-L("__",n)),S[u]}return o.trim&&o.collapse?o.trim?t=t.trim():o.collapse&&(t=t.replace(/\s+/g," ")):t=t.replace(/\n/g," "),L(t,n)+n.size*(r.tracking||0)}function lt(r){return lt=typeof Symbol=="function"&&typeof Symbol.iterator=="symbol"?function(n){return typeof n}:function(n){return n&&typeof Symbol=="function"&&n.constructor===Symbol&&n!==Symbol.prototype?"symbol":typeof n},lt(r)}function kt(r,n){if(typeof n!="function"&&n!==null)throw new TypeError("Super expression must either be null or a function");r.prototype=Object.create(n&&n.prototype,{constructor:{value:r,writable:!0,configurable:!0}}),Object.defineProperty(r,"prototype",{writable:!1}),n&&Zt(r,n)}function Zt(r,n){return Zt=Object.setPrototypeOf?Object.setPrototypeOf.bind():function(a,o){return a.__proto__=o,a},Zt(r,n)}function Qt(r){var n=function(){if(typeof Reflect>"u"||!Reflect.construct||Reflect.construct.sham)return!1;if(typeof Proxy=="function")return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],function(){})),!0}catch{return!1}}();return function(){var a,o=Dt(r);if(n){var t=Dt(this).constructor;a=Reflect.construct(o,arguments,t)}else a=o.apply(this,arguments);return _e(this,a)}}function _e(r,n){if(n&&(lt(n)==="object"||typeof n=="function"))return n;if(n!==void 0)throw new TypeError("Derived constructors may only return object or undefined");return function(a){if(a===void 0)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return a}(r)}function Dt(r){return Dt=Object.setPrototypeOf?Object.getPrototypeOf.bind():function(n){return n.__proto__||Object.getPrototypeOf(n)},Dt(r)}function Mt(r,n){if(!(r instanceof n))throw new TypeError("Cannot call a class as a function")}function ke(r,n){for(var a=0;a<n.length;a++){var o=n[a];o.enumerable=o.enumerable||!1,o.configurable=!0,"value"in o&&(o.writable=!0),Object.defineProperty(r,(t=function(u,d){if(lt(u)!=="object"||u===null)return u;var p=u[Symbol.toPrimitive];if(p!==void 0){var b=p.call(u,d);if(lt(b)!=="object")return b;throw new TypeError("@@toPrimitive must return a primitive value.")}return String(u)}(o.key,"string"),lt(t)==="symbol"?t:String(t)),o)}var t}function rt(r,n,a){return n&&ke(r.prototype,n),Object.defineProperty(r,"prototype",{writable:!1}),r}var z=function(){function r(){var n=arguments.length>0&&arguments[0]!==void 0?arguments[0]:"";Mt(this,r),this.value=n,this.weight=null,this.style=null,this.font=null,this.href=null,this.sub=!1,this.sup=!1}return rt(r,[{key:"clone",value:function(){var n=new r(this.value);return n.value=this.value,n.weight=this.weight,n.style=this.style,n.font=this.font,n.href=this.href,n.sub=this.sub,n.sup=this.sup,n}},{key:"valueOf",value:function(){return this.value}},{key:"toString",value:function(){return this.value}}]),r}(),ht=function(r){kt(a,r);var n=Qt(a);function a(){return Mt(this,a),n.apply(this,arguments)}return rt(a)}(z),K=function(r){kt(a,r);var n=Qt(a);function a(){return Mt(this,a),n.apply(this,arguments)}return rt(a)}(z),ct=function(r){kt(a,r);var n=Qt(a);function a(){return Mt(this,a),n.apply(this,arguments)}return rt(a)}(z),$t=/^[\n\r\t\x20\xA0\u2000-\u200B\u205F\u3000]/,Se=/^[^\n\r\t\u0020\u2000-\u200B\u205F\u3000]{2,}/,te=/^[\xA0\u2011\u202F\u2060\uFEFF]/,Te=/^(?:[;\xAD%?…]|,(?!\d))/,Ce=/^[´±°¢£¤$¥\u2212]/;function St(r,n){n!==!1&&(r=r.trim());for(var a,o,t=[],u=r.charAt(0),d=0,p=1,b=r.length;p<b;p++){a=r.charAt(p),o=r.charAt(p+1);var w=$t.test(u),A=$t.test(a),E=A||w,O=void 0;if((Ce.test(a)&&!te.test(u)||Te.test(u+o)&&!te.test(a))&&(E=!0),u!=="-"&&u!=="‐"&&u!=="–"&&u!=="—"||((O=$t.test(r.charAt(p-2)))&&!A&&(E=!1),!O&&Se.test(a+o)&&(E=!0)),E){var P=r.slice(d,p);/\u00AD$/.test(P)?(t.push(new z(P.slice(0,-1))),t.push(new ct)):(t.push(new z(P)),t.push(new ht)),d=p}u=a}return t.push(new z(r.slice(d))),t}const Oe={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:"›"};var rr=/^[\n\r\x20\u2000-\u200B\u205F\u3000]/,ee=/^<\/([a-zA-Z0-9]+)([^>]*)>/,re=/^<([a-zA-Z0-9]+)((?:\s[^=\s/]+(?:\s*=\s*(?:"[^"]+"|'[^']+'|[^>\\s]+))?)+)?\s*(\/?)>(\n*)/,zt=/^<!--(.+?)-->/,ne=/&(?:#(\d\d{2,})|#x([\da-fA-F]{2,})|([a-zA-Z][a-zA-Z1-4]{1,8}));/g,Tt={b:function(r){r.weight="bold"},strong:function(r){r.weight="bold"},i:function(r){r.style="italic"},em:function(r){r.style="italic"},dfn:function(r){r.style="italic"},cite:function(r){r.style="italic"},code:function(r){r.family="monospace"},kbd:function(r){r.family="monospace"},samp:function(r){r.family="monospace"},var:function(r){r.family="monospace"},tt:function(r){r.family="monospace"},sub:function(r){r.sub=!0},sup:function(r){r.sup=!0}},nr={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 ie(r){return r.replace(ne,function(n,a,o,t){if(a||o){var u=a?10:16;return String.fromCharCode(parseInt(a||o,u))}return t in Oe?Oe[t]:n})}function ir(r){return r&&r.length>1&&(r[0]==='"'&&r[r.length-1]==='"'||r[0]==="'"&&r[r.length-1]==="'")?r.slice(1,-1):r}var or=/^\s*([^=\s&]+)(?:\s*=\s*("[^"]+"|'[^']+'|[^>\s]+))?/;function Nt(r){var n,a={};if(r){do if(n=or.exec(r)){var o=ie(ir(n[2]||"")).replace(/[ \r\n\t]+/g," ").trim();if(a[n[1]]=o,(r=r.slice(n[0].length)).length&&/^\S/.test(r[0]))throw new Error("Attribute error")}while(n&&r.length);if(/\S/.test(r))throw new Error("Attribute error")}return a}const xt={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:"Þ"};var Pe=/^(\^|_|\\[^#$%&~_^\\{}()\s]+)(\{)?/,Re=/^%[^\n]+(?:\n|$)/,Bt=/^[^#$%&~_^\\{}]+/,sr=/^\\([&{}$%#_])/,ar=/(?:\\[\\@,!:;-]|-{2,3}|[!?]`|``?|,,|''?|~|<<|>>)/g,oe={"---":"—","--":"–","!`":"¡","?`":"¿","``":"“",",,":"„","''":"”","`":"‘","'":"’","<<":"«",">>":"»","~":" ","\\-":"","\\,":" ","\\;":" ","\\:":" ","\\!":" ","\\@":"\uFEFF","\\\\":"\\newline{}"},V={bf:function(r){r.weight="bold"},it:function(r){r.style="italic"},sl:function(r){r.style="italic"},color:function(r,n){r.color=n},href:function(r,n){r.href=n},"^":function(r){r.sup=!0},_:function(r){r.sub=!0},par:function(r){this.tokens.push(new K,new K)},newline:function(r){this.tokens.push(new K)},url:function(r,n){this.open_context().href=n,this.add_token(new z(n)),this.close_context()}};V.textsuperscript=V["^"],V.textsubscript=V._,V.textsl=V.sl,V.mathbf=V.bf,V.mathit=V.it,V.textbf=V.bf,V.textit=V.it,V.textcolor=V.color;var lr=/[\r\n\xA0]+/g;function Ie(r,n){r.sup&&(r.baseline=.45,r.size=.7),r.sub&&(r.baseline=-.3,r.size=.7);var a=n;return(r.style||r.weight||r.baseline||r.color||r.size||r.family)&&(a=R(n,r)),a}function se(r,n,a){for(var o,t,u=r.width;u+a.width>n&&r.length;)t=(o=r[r.length-1]).width,o.width>a.width?(o.value=o.value.slice(0,-1),o.width=U(o,o.font),u+=o.width):r.pop(),u-=t;r[r.length-1]instanceof ct&&r.pop(),o=r[r.length-1]||o||{},a.font=R(a.font,o.bold,o.italic,""),a.href=r.length?o.href:null,a.rel=r.length?o.rel:null,a.target=r.length?o.target:null,r.push(a)}function ut(r){return Math.round(1e6*r)/1e6}function Le(r){return function(n){if(Array.isArray(n))return Ht(n)}(r)||function(n){if(typeof Symbol<"u"&&n[Symbol.iterator]!=null||n["@@iterator"]!=null)return Array.from(n)}(r)||function(n,a){if(n){if(typeof n=="string")return Ht(n,a);var o=Object.prototype.toString.call(n).slice(8,-1);return o==="Object"&&n.constructor&&(o=n.constructor.name),o==="Map"||o==="Set"?Array.from(n):o==="Arguments"||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(o)?Ht(n,a):void 0}}(r)||function(){throw new TypeError(`Invalid attempt to spread non-iterable instance.
|
|
37
|
+
In order to be iterable, non-array objects must have a [Symbol.iterator]() method.`)}()}function Ht(r,n){(n==null||n>r.length)&&(n=r.length);for(var a=0,o=new Array(n);a<n;a++)o[a]=r[a];return o}var je={center:"middle",right:"end"},ae={middle:.5,center:.5,bottom:1,end:1},le=function(r,n){return!r&&!n||r===n};function ur(r,n){var a=[],o=n.font(),t=o.size,u=o.family,d=n.align(),p=n.createElement();if(r.length){var b=o.height,w=n.valign(),A=n.height()(),E=n.width()(0),O=!isFinite(E)&&r.length===1,P=O?null:n.x(),I=ut(b/t),B=O?null:ut(b/(1.15*t+(b-t)/2));if(ae[w]&&isFinite(A)){var $=w==="bottom"?1:.5;B+=(A*$-b*r.length*$)/t}var j=d==="justify",D=0;d==="right"?D=E:d==="center"&&(D=E/2);for(var N=[],Q="tspan",J=null,Y="",F=function(){if(Y){var Ot=p(Q,J,Y);N.push(Ot)}Q="tspan",J=null,Y=""},ot=0,it=r.length;ot<it;ot++){var mt="",At="",ft=0,bt=r[ot];if(bt.length){N=[];for(var Vt=0,fe=0,wt=void 0,tt=0,Be=bt.length;tt<Be;tt++){var q=bt[tt],et=q.font;q.whitespace&&Vt++,fe+=q.width,tt&&!q.tracking&&!ft&&le(et.id,mt)&&le(q.class,At)&&le(wt,q.href)?Y+=q.value:(F(),Y=q.value,J={fontFamily:et.family!==u?et.family:null,fontSize:et.size!==t?et.size:null,fontWeight:et.weight||null,fontStyle:et.style||null,fontVariant:et.variant!=="normal"&&et.variant||null,fill:et.color||null,baselineShift:et.baseline?100*et.baseline+"%":null,className:q.class||null},ft&&(J.dx=ut(ft),ft=0),q.tracking&&(ft=et.size*q.tracking),q.href&&!wt?(wt=q.href,Q="a",J.href=wt,J.rel=q.rel,J.target=q.target):wt=null,mt=et.id,At=q.class)}if(F(),O)a.push.apply(a,Le(N));else{var He=null,ge=ot===it-1||bt[bt.length-1]instanceof K;j&&bt.length>1&&!ge&&(He=ut((E-fe)/Vt)),a.push(p.apply(void 0,["tspan",{wordSpacing:He,x:P(ot)+D,dy:ut(ot?I:B)+"em"}].concat(Le(N))))}}else a.push(p("tspan",{x:P(ot),dy:ut(ot?I:B)+"em"}," "))}}return p.apply(void 0,["text",{fontFamily:u,fontSize:t,textAnchor:je[d]||"start"}].concat(a))}var hr={middle:.5,center:.5,bottom:1,end:1};function cr(r,n,a){if(r.length){a.textBaseline="middle";var o=n.font(),t=o.height,u=o.size,d=n.valign(),p=n.height()(),b=n.width()(0),w=n.align(),A=w==="justify",E=.5*t,O=hr[d];if(O&&isFinite(p)){var P=r.length*t;E+=p*O-P*O}r.forEach(function(I,B){var $=n.x()(B),j=B*t+E,D=0,N=0;I.forEach(function(Y){Y.whitespace&&D++,N+=Y.width});var Q=0,J=B===r.length-1||I[I.length-1]instanceof K;A&&I.length>1&&!J&&(Q=(b-N)/D),I.forEach(function(Y){a.font=Y.font;var F=Y.font,ot=F.baseline?u*-F.baseline+.15*u:0;a.fillStyle=function(At,ft){return At.color?At.color:ft.href?"#00C":"#000"}(F,Y);var it=0;if(w==="right"?it+=b-N:w==="center"?it+=b/2-N/2:w==="justify"&&(Y.whitespace||Y instanceof K)&&($+=Q),a.fillText(Y.value,$+it,j+ot),Y.href){a.beginPath(),a.strokeStyle=a.fillStyle;var mt=Math.floor(j+.45*u)+.5;a.moveTo($+it,mt),a.lineTo($+it+Y.width,mt),a.stroke()}$+=Y.width})})}}function ue(r){return ue=typeof Symbol=="function"&&typeof Symbol.iterator=="symbol"?function(n){return typeof n}:function(n){return n&&typeof Symbol=="function"&&n.constructor===Symbol&&n!==Symbol.prototype?"symbol":typeof n},ue(r)}function Fe(r){for(var n={},a=0;a<r.length;a++){var o=r[a];typeof o!="number"&&o!=null&&(typeof o=="string"?n.text=o:typeof o=="function"?n.fn=o:ue(o)==="object"&&o._groups?n.d3=o:o&&o.nodeType&&o.getContext?n.ctx=o.getContext("2d"):o&&o.fillText&&o.beginPath?n.ctx=o:o&&(n.text=o))}return n}function Ct(r){return Ct=typeof Symbol=="function"&&typeof Symbol.iterator=="symbol"?function(n){return typeof n}:function(n){return n&&typeof Symbol=="function"&&n.constructor===Symbol&&n!==Symbol.prototype?"symbol":typeof n},Ct(r)}function he(r,n){for(var a=0;a<n.length;a++){var o=n[a];o.enumerable=o.enumerable||!1,o.configurable=!0,"value"in o&&(o.writable=!0),Object.defineProperty(r,(t=function(u,d){if(Ct(u)!=="object"||u===null)return u;var p=u[Symbol.toPrimitive];if(p!==void 0){var b=p.call(u,d);if(Ct(b)!=="object")return b;throw new TypeError("@@toPrimitive must return a primitive value.")}return String(u)}(o.key,"string"),Ct(t)==="symbol"?t:String(t)),o)}var t}var De=R(),dt=function(r){return typeof r=="function"?r:function(){return r}},Z=function(){function r(o){if(function(u,d){if(!(u instanceof d))throw new TypeError("Cannot call a class as a function")}(this,r),this.props={overflow:"ellipsis",lineclamp:null,align:"left",wordBreak:null,valign:"top",width:function(){return 1/0},height:function(){return 1/0},x:function(){return 0},font:null,tAnchor:0,parser:r.defaultparser},o)for(var t in o)typeof this[t]=="function"&&this[t](o[t])}var n,a;return n=r,a=[{key:"linebreak",value:function(o){var t=this,u=this.props.parser(String(o)),d=this.font(),p=function(b,w,A){if(!b.length)return[];var E=w.height(),O=w.width(),P=w.overflowLine(),I=w.overflowWrap(),B=R(A,!0,!1),$=isFinite(E())?Math.floor(E()/A.height):1/0;if(!E()&&!O(0)||!$)return[];for(var j=0,D=0,N=0,Q=[],J=[],Y=!1;j<b.length&&D<$;){var F=b[j],ot=Ie(F,A);if(F.width=U(F,ot),F.font=ot,F.line=D,F.whitespace=F.value in T,F.value&&(F.value=F.value.replace(lr," ")),!(!N&&F.whitespace||Y&&F.whitespace))if(F instanceof K)N=0,J=[],Q.push(j+1),D++;else if(F instanceof ht||F instanceof ct)J.push({index:j,width:N});else if(F.whitespace||N+F.width<O(D))N+=F.width;else if(J.length){var it=void 0,mt=void 0;do{mt=!0,it=J.pop();var At=b[it.index],ft=void 0;At instanceof ct&&(ft=U("-",At.font),it.width+ft>O(D)&&(mt=!J.length))}while(!mt);Q.push(it.index+1),N=0,D++,j=it.index,J=[]}else if(I==="break-word"){var bt=O(D);if(N+F.width>bt){var Vt=F.clone();do F.value=F.value.slice(0,-1),F.width=U(F,F.font),N+=F.width;while(F.value&&F.width>bt);Vt.value=Vt.value.slice(F.value.length),b.splice(j+1,0,new ht,Vt)}Q.push(j+1),N=0,D++}else N+=F.width;j++,Y=F.whitespace}j!==Q[Q.length-1]&&Q.push(j);var fe=0,wt=0,tt=Q.map(function(Ot){for(var nt,Pt=fe;(nt=b[Pt])&&(nt.whitespace||!nt.value);)Pt++;for(var Et=Ot,gr=null;Et>Pt&&(nt=b[Et-1])&&(nt.whitespace||!(nt.value||nt instanceof ct));)nt instanceof K&&(gr=nt),Et--;nt instanceof ct&&(nt.value="-",nt.width=U("-",nt.font)),fe=Ot;var Yt=b.slice(Pt,Et).filter(function(pr){return pr.value});return gr&&Yt.push(gr),Yt.width=Yt.reduce(function(pr,Pn){return pr+Pn.width},0),Yt.width>wt&&(wt=Yt.width),Yt});if(tt.hasLineOverflow=!1,P){var Be=P==="ellipsis"?"…":P;tt.forEach(function(Ot,nt){var Pt=O(nt);if(Ot.width>Pt){var Et=new z(Be);Et.font=A,Et.width=U(Be,B),se(Ot,Pt,Et),tt.hasLineOverflow=!0}})}var q=w.overflow()==="ellipsis"?"…":w.overflow();if(q&&j!==b.length){var et=O(tt.length-1),He=tt[tt.length-1],ge=new z(q);ge.font=A,ge.width=U(q,B),se(He,et,ge),tt.hasOverflow=!0}else tt.hasOverflow=!1;return tt.font=A,tt.width=wt,tt}(u,this,d);return p.height=p.length*d.height,p.render=function(b){return t.render(p,b)},p.svg=p.render,p.draw=p.render,p}},{key:"font",value:function(o){return arguments.length?(this.props.font=R(o),this):this.props.font||R(De)}},{key:"overflow",value:function(o){return arguments.length?(this.props.overflow=String(o),this):this.props.overflow}},{key:"overflowLine",value:function(o){return arguments.length?(this.props.lineclamp=String(o),this):this.props.lineclamp}},{key:"valign",value:function(o){return arguments.length?(this.props.valign=o,this):this.props.valign}},{key:"align",value:function(o){if(!arguments.length)return this.props.align;var t=String(o).toLowerCase();return t==="left"||t==="start"?(this.props.align="left",this.props.tAnchor=0):t==="center"||t==="middle"?(this.props.align="center",this.props.tAnchor=-.5):t==="end"||t==="right"?(this.props.align="right",this.props.tAnchor=-1):t==="justify"&&(this.props.align=o,this.props.tAnchor=0),this}},{key:"overflowWrap",value:function(o){if(!arguments.length)return this.props.overflowWrap||"normal";var t=String(o).toLowerCase();return t==="break-word"?this.props.overflowWrap="break-word":t!=="normal"&&o!=null||(this.props.overflowWrap=null),this}},{key:"width",value:function(o){return arguments.length?(this.props.width=dt(o),this):this.props.width}},{key:"height",value:function(o){return arguments.length?(this.props.height=dt(o),this):this.props.height}},{key:"x",value:function(o){return arguments.length?(this.props.x=dt(o),this):this.props.x}},{key:"parser",value:function(o){if(!arguments.length)return this.props.parser;if(typeof o=="string"){var t=r[o]||r[o+"parser"];typeof t=="function"&&(o=t)}if(typeof o!="function")throw new Error("Unknown parser: "+o);return this.props.parser=o,this}},{key:"createElement",value:function(o){return arguments.length?(this.props.createElement=o,this):this.props.createElement||r.createElement}},{key:"render",value:function(){var o=Fe(arguments);return typeof o.text=="string"&&(o.text=this.linebreak(o.text)),o.ctx?cr(o.text,this,o.ctx):ur(o.text,this)}}],a&&he(n.prototype,a),Object.defineProperty(n,"prototype",{writable:!1}),r}();function vt(r){return vt=typeof Symbol=="function"&&typeof Symbol.iterator=="symbol"?function(n){return typeof n}:function(n){return n&&typeof Symbol=="function"&&n.constructor===Symbol&&n!==Symbol.prototype?"symbol":typeof n},vt(r)}function Ut(r,n){(n==null||n>r.length)&&(n=r.length);for(var a=0,o=new Array(n);a<n;a++)o[a]=r[a];return o}function dr(r,n){for(var a=0;a<n.length;a++){var o=n[a];o.enumerable=o.enumerable||!1,o.configurable=!0,"value"in o&&(o.writable=!0),Object.defineProperty(r,(t=function(u,d){if(vt(u)!=="object"||u===null)return u;var p=u[Symbol.toPrimitive];if(p!==void 0){var b=p.call(u,d);if(vt(b)!=="object")return b;throw new TypeError("@@toPrimitive must return a primitive value.")}return String(u)}(o.key,"string"),vt(t)==="symbol"?t:String(t)),o)}var t}var ce=function(r){return typeof r=="function"?r:function(){return r}},Me=function(){function r(o){if(function(u,d){if(!(u instanceof d))throw new TypeError("Cannot call a class as a function")}(this,r),this.props={width:function(){return 1/0},height:function(){return 1/0},rotation:0,vAnchor:0,hAnchor:0},o)for(var t in o)typeof this[t]=="function"&&this[t](o[t]);this.render=this.render.bind(this)}var n,a;return n=r,a=[{key:"anchor",value:function(o){var t=this.props,u=t.hAnchor,d=t.vAnchor,p=t.width,b=t.height;if(!arguments.length)return[u*p(0),d*b(0)];if(typeof o=="string"){var w=this.props;o.toLowerCase().trim().split(/\s+/).forEach(function(A){A==="top"&&(w.vAnchor=-0),A==="middle"&&(w.vAnchor=-.5),A==="bottom"&&(w.vAnchor=-1),A==="left"&&(w.hAnchor=-0),A==="center"&&(w.hAnchor=-.5),A==="right"&&(w.hAnchor=-1)})}return this}},{key:"width",value:function(o){return arguments.length?(this.props.width=ce(o),this):this.props.width}},{key:"height",value:function(o){return arguments.length?(this.props.height=ce(o),this):this.props.height}},{key:"rotate",value:function(o){return arguments.length?(this.props.rotation=o,this):this.props.rotation}},{key:"createElement",value:function(o){return arguments.length?(this.props.createElement=o,this):this.props.createElement||r.createElement}},{key:"canvas",value:function(o,t){var u,d=o.getContext?o.getContext("2d"):o;return d.save(),d.rotate(this.rotate()*Math.PI/180),d.translate.apply(d,function(p){if(Array.isArray(p))return Ut(p)}(u=this.anchor())||function(p){if(typeof Symbol<"u"&&p[Symbol.iterator]!=null||p["@@iterator"]!=null)return Array.from(p)}(u)||function(p,b){if(p){if(typeof p=="string")return Ut(p,b);var w=Object.prototype.toString.call(p).slice(8,-1);return w==="Object"&&p.constructor&&(w=p.constructor.name),w==="Map"||w==="Set"?Array.from(p):w==="Arguments"||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(w)?Ut(p,b):void 0}}(u)||function(){throw new TypeError(`Invalid attempt to spread non-iterable instance.
|
|
38
|
+
In order to be iterable, non-array objects must have a [Symbol.iterator]() method.`)}()),t(d),d.restore(),d}},{key:"render",value:function(){var o=Fe(arguments);if(o.d3)return o.d3.attr("transform","rotate(".concat(this.rotate(),") translate(").concat(this.anchor(),")"));if(o.ctx)return this.canvas(o.ctx,o.fn);if(o.text){var t=typeof o.text.render=="function"?o.text.render():o.text;return this.createElement()("g",{transform:"rotate(".concat(this.rotate(),") translate(").concat(this.anchor(),")")},t)}}}],a&&dr(n.prototype,a),Object.defineProperty(n,"prototype",{writable:!1}),r}(),$e=Object.prototype.hasOwnProperty,Wt={};function fr(r){return Wt[r]||(Wt[r]=r.replace(/([a-z])([A-Z])/g,function(n,a,o){return a+"-"+o.toLowerCase()})),Wt[r]}function ze(r,n){if(Array.isArray(n))return n.forEach(function(a){return ze(r,a)});typeof n=="string"&&(n=document.createTextNode(n)),r.appendChild(n)}function de(r,n){if(typeof document<"u"){var a=typeof r=="string"?document.createElementNS("http://www.w3.org/2000/svg",r):r;if(n&&a.setAttribute)for(var o in n)$e.call(n,o)&&n[o]!=null&&a.setAttribute(o==="className"?"class":fr(o),n[o]);for(var t=arguments.length,u=new Array(t>2?t-2:0),d=2;d<t;d++)u[d-2]=arguments[d];return u!=null&&u.length&&u.forEach(function(p){ze(a,p)}),a}}Z.createElement=de,Z.textparser=St,Z.defaultparser=St,Z.htmlparser=function(r){r=String(r||"").trim();for(var n,a,o={weight:null,style:null,sub:!1,sup:!1,href:null,color:null,rel:null,target:null},t=[],u=[],d=function(E){for(var O in o)o[O]&&(E[O]=o[O]);t.push(E)},p=function(E){var O=t.length,P=nr[E];if(O&&P){for(var I=O-1;t[I]&&(t[I]instanceof ht||rr.test(t[I].value));)I--;for(;P&&t[I]&&t[I]instanceof K;)I--,P--;for(;P-- >0;)t.push(new K)}};r.length;){if(n=/^[^<]+/.exec(r))St(ie(n[0]),!1).forEach(d);else if(!(n=zt.exec(r)))if(n=ee.exec(r))u.length&&(o=u.pop()),p(n[1]);else if(n=re.exec(r)){var b=n[1];p(b),u.push(o),o=Object.create(o),Tt[b]&&Tt[b](o,"");var w=Nt(n[2]);b==="a"&&(w.href&&(o.href=w.href),w.rel&&(o.rel=w.rel),w.target&&(o.target=w.target)),w.class&&(o.class=o.class?o.class+" "+w.class:w.class),w.style&&(a=/(?:^|\s|;)color\s*:\s*([^;\s"']+)/.exec(w.style))&&a[1]&&(o.color=a[1]),b==="br"&&t.push(new K)}else n=[r.slice(0,1)],d(new z(n[0]));r=r.slice(n[0].length)}for(var A=t[t.length-1];A instanceof K;)t.pop(),A=t[t.length-1];return t},Z.latexparser=function(r){r=String(r||"").trim();var n=[0];r=r.replace(/\\verb,(.*?),/,function($,j){return n.push(j),"\\verb,"+(n.length-1)+","}).replace(/\\\\\n/g,function(){return"\\\\"}).replace(ar,function($,j,D){return D.charAt(j-1)==="\\"?$:oe[$]}).replace(/\n\s+/g,function($){return/\n/.test($.slice(1))?"\\par ":$}).replace(/\\symbol\{(\d+)\}/,function($,j,D,N){return N.charAt(D-1)==="\\"?$:String.fromCharCode(1*j)}).replace(/(^|[^\\])(\^|_)(\d|[^{]\S*)/g,function($,j,D,N){return j+D+"{"+N+"}"}).replace(/\\verb,(.*?),/,function($,j){return"\\verb,".concat(n[+j],",")});for(var a,o={weight:null,italic:null,variant:null,sub:!1,sup:!1,href:null},t=[],u=[],d=function($){for(var j in o)o[j]&&($[j]=o[j]);return t.push($),$},p=function(){u.push(o),o=Object.create(o)},b=function(){if(!u.length)throw new Error("Unexpected }");o=u.pop()},w={tokens:t,open_context:p,close_context:b,add_token:d};r.length;){if(a=Bt.exec(r))St(a[0],!1).forEach(d);else if(a=sr.exec(r))d(new z(a[1]));else if(!(a=Re.exec(r))){if(a=/^\{/.exec(r))p();else if(a=/^\}/.exec(r))b();else if(!(a=/^\$/.exec(r)))if(a=/^\\verb,([^,]+),/.exec(r))d(new z(a[1]));else if(a=Pe.exec(r)){var A=a[1].slice(1)||a[1],E=!!a[2];if(/^(La)?TeX$/i.test(A)){p(),o.family="serif";var O=void 0;A==="LaTeX"&&((O=d(new z("L"))).tracking=-.25,(O=d(new z("A"))).size=.7,O.baseline=.3,O.tracking=-.1),(O=d(new z("T"))).tracking=-.17,(O=d(new z("E"))).baseline=-.22,O.tracking=-.13,O=d(new z("X")),b()}else if(A in xt)d(new z(xt[A])),E&&p();else if(A in V){var P=[],I=V[A].length-1,B=void 0;if(I){for(E=!1,r=r.slice(a[0].length-1);I--;){if(!(B=/^\{([^}]+)\}/.exec(r)))throw new Error(A+" is missing an argument");P.push(B[1]),r=r.slice(B[0].length)}a[0]=/^\{/.exec(r)?"{":"",E=!!a[0]}E&&p(),V[A].apply(w,[o].concat(P))}else console.warn("unknown latex command",A),d(new z(a[1])),E&&p()}else a=[r.slice(0,1)],d(new z(a[0]))}r=r.slice(a[0].length)}return t},Z.measureText=function(r,n,a){return U(r,R(n),a)},Z.Token=z,Z.Break=ht,Z.LineBreak=K,Z.SoftHyphen=ct,Z.Rotator=Me,Me.createElement=de;const Ne=Z;return i.default})())})(Mr);var yn=Mr.exports;const $r=Or(yn);function Je(h){return h.replace(/…$/,"")}function Ke(h){return h.children[0].innerHTML}function vn(h,e){const s=gt(h),{fontSize:i,font:l,padding:c=0}=h.properties.style||{};if(s.width===s.height&&s.width===0)return;const g=new $r({font:`${i}px/${i}px ${l}`.replace(/(px)+/g,"px"),width:s.width-c*2,height:s.height-c*2,align:"left",valign:"top",x:0,overflow:"ellipsis",parser:"html",createElement:$r.createElement});g.overflowWrap("break-word");const y=g.linebreak(h.properties.content.replaceAll(`
|
|
39
|
+
`,"<br>")).render(),f=[...y.children];let m=0;const v=[];h.properties.content.split(`
|
|
40
|
+
`).forEach(_=>{let R=_;for(;R.length&&m<f.length;){if(f[m].innerHTML===" "){R.startsWith(`
|
|
41
|
+
`)||v.push(m),m++;break}const T=Je(Ke(f[m]));R.startsWith(T)&&(R=R.slice(T.length).trim()),m++}}),v.forEach(_=>y.removeChild(f[_]));const k=h.properties.content.match(/(https?:\/\/.*)/gm),C=k?k.map(_=>_.split(" ")[0]):[];y.setAttribute("transform",`translate(${c}, ${c})`),C.forEach(_=>{let R=_;const T=[];for(;R.length>0;){const M=f.find(S=>!!S.children[0]&&S.children[0].tagName==="tspan"&&R.startsWith(Je(Ke(S))));if(!M)break;T.push(M);const L=Je(M.children[0].innerHTML).length;if(!L)break;R=R.slice(L)}T.forEach(M=>{const L=document.createElementNS("http://www.w3.org/2000/svg","a");L.setAttribute("href",_),L.setAttribute("target","_blank"),L.innerHTML=Ke(M),M.children[0].innerHTML="",M.children[0].appendChild(L)})}),e.appendChild(y)}const zr=20;class mn extends Ir{constructor(e,s={}){super(e,`
|
|
39
42
|
<div class="annotation-text-handle">
|
|
40
43
|
<span class="handle line-handle top" data-handle-id="0"></span>
|
|
41
44
|
<span class="handle line-handle bottom" data-handle-id="1"></span>
|
|
@@ -47,4 +50,4 @@ In order to be iterable, non-array objects must have a [Symbol.iterator]() metho
|
|
|
47
50
|
<span class="handle left bottom left-handle point-handle bottom-left" data-handle-id="7"></span>
|
|
48
51
|
<textarea wrap="on"></textarea>
|
|
49
52
|
</div>
|
|
50
|
-
`),x(this,"textArea"),x(this,"handleSize"),x(this,"rect",{x:0,y:0,width:0,height:0}),x(this,"annotation",{...qe}),x(this,"startX",0),x(this,"startY",0),x(this,"handles",[]),x(this,"draggedHandle",G),x(this,"isFocused",!1),x(this,"placeholder","Type your text here..."),x(this,"_onFocus",()=>{this.textArea.value===this.placeholder&&(this.textArea.value=""),this.isFocused=!0}),x(this,"_onBlur",()=>{this.isFocused=!1}),x(this,"startDrawing",(l,c,f=pn(l,c,0,0,"",jt))=>{this.add(f);const g=this.ogma.view.graphToScreenCoordinates({x:l,y:c});this.select(f.id),this.startDragging(this.getById(f.id),g.x,g.y),this.draggedHandle=6}),x(this,"cancelDrawing",()=>{this.isDragging&&(this.remove(this.annotation.id),this.annotation={...qe},this.draggedHandle=G,this.isDragging=!1,this.emit(Ft,this.annotation))}),x(this,"startDragging",(l,c,f)=>{this.annotation=l;const g=pt(this.annotation),d=gt(this.annotation);this.rect.x=g.x,this.rect.y=g.y,this.rect.width=d.width,this.rect.height=d.height,this.startX=c,this.startY=f,this.disableDragging(),this.textArea.classList.add("noevents"),this.textArea.setAttribute("disabled","disabled"),this.emit(Ee,this.annotation),this.isDragging=!0}),x(this,"onHandleMouseDown",l=>{const c=this.getById(this.selectedId)||this.getById(this.hoveredId);if(!c)return;this.selectedId!==c.id&&this.select(this.hoveredId);const{x:f,y:g}=He(l,this.ogma.getContainer());this.startDragging(c,f,g),this.draggedHandle=Ar(l.target)}),x(this,"onMouseMove",l=>{requestAnimationFrame(()=>this._onMouseMove(l))}),x(this,"_onMouseMove",l=>{if(!this.isDragging)return;l.stopPropagation(),l.preventDefault();const c=this.handles[this.draggedHandle],f=c.classList.contains("top"),g=c.classList.contains("left"),d=c.classList.contains("right"),v=c.classList.contains("bottom"),y=c.classList.contains("line-handle"),{x:_,y:C}=He(l,this.ogma.getContainer()),E=this.ogma.view.getZoom(),P=(_-this.startX)/E,T=(C-this.startY)/E,j=this.ogma.view.getAngle(),L=st({x:P,y:T},j);(v&&g||f&&d)&&(L.y=0,L.x=0);const S=g||y?this.rect.x+L.x:this.rect.x,H=f||y?this.rect.y+L.y:this.rect.y,N=Math.max(this.rect.width+P*(y||g?0:1),zr),lt=Math.max(this.rect.height+T*(y||f?0:1),zr);rn(this.annotation,S,H,N,lt),this.emit(Ae,this.annotation,"text"),this.refreshEditor(),this.layer.refresh()}),x(this,"onMouseUp",()=>{!this.isDragging||this.draggedHandle===G||(this.restoreDragging(),this.textArea.classList.remove("noevents"),this.textArea.removeAttribute("disabled"),this.emit(Ft,this.annotation),this.isDragging=!1,this.draggedHandle=G)}),x(this,"_onMousedown",l=>{l.stopPropagation()}),x(this,"onViewChanged",()=>{const l=Math.max(2,this.handleSize/this.ogma.view.getZoom());document.documentElement.style.setProperty("--handle-scale",`${1/l}`)}),x(this,"_onInput",()=>{const l=this.getById(this.selectedId);l&&(this.textArea.value=this.textArea.value.replace(/ +(?= )/g,""),this.textArea.focus(),l.properties.content=this.textArea.value,this.emit(Ge,l),this.layer.refresh())}),this.showeditorOnHover=!1,this.handleSize=Dr.handleSize,this.placeholder=Dr.placeholder;const i=this.textArea=this.editor.element.querySelector("textarea");i.addEventListener("input",this._onInput),i.addEventListener("focus",this._onFocus),i.addEventListener("blur",this._onBlur),i.addEventListener("mousedown",this._onMousedown),i.spellcheck=!1,this.handles=Array.prototype.slice.call(this.editor.element.querySelectorAll(".annotation-text-handle > .handle")),this.handles.forEach(l=>l.addEventListener("mousedown",this.onHandleMouseDown)),document.addEventListener("mouseup",this.onMouseUp),document.addEventListener("mousemove",this.onMouseMove,!0),e.events.on(["viewChanged","zoom"],this.onViewChanged)}_canRemove(){return!this.isFocused}detect({x:e,y:o},i=0){const l={x:e,y:o},c=this.ogma.view.getAngle();return this.elements.find(f=>{const{x:g,y:d}=pt(f),{width:v,height:y}=gt(f),_={x:g,y:d},{x:C,y:E}=st(Et(l,_),-c);return C>-i&&C<v+i&&E>-i&&E<y+i})}draw(e){e.innerHTML="";const o="",i=this.ogma.view.getAngle();this.elements.forEach((c,f)=>{const g=`class${f}`,d=gt(c),v=pt(c),y=c.id,{color:_,fontSize:C,font:E,strokeColor:P,strokeWidth:T,strokeType:j,background:L}=c.properties.style||jt;if(y===this.selectedId)return;const S=Jt("g");S.classList.add("annotation-text"),S.setAttribute("fill",`${_}`),S.setAttribute("font-size",`${C}px`),S.setAttribute("font-family",`${E}`);const H=Jt("rect");let N=!1;j&&j!=="none"&&(N=!0,H.setAttribute("stroke",P||"black"),H.setAttribute("stroke-width",`${T}`),j==="dashed"&&H.setAttribute("stroke-dasharray","5,5")),(L&&L.length||N)&&(N=!0,H.setAttribute("fill",L||"transparent")),N&&(H.setAttribute("width",`${d.width}`),H.setAttribute("height",`${d.height}`)),S.appendChild(H),vn(c,S);const{x:lt,y:_t}=st(v,-i);S.setAttribute("transform",`translate(${lt},${_t})`),S.classList.add(g),S.setAttribute("data-annotation",`${c.id}`),S.setAttribute("data-annotation-type","text"),e.appendChild(S)});const l=Jt("style");l.innerHTML=o,e.firstChild&&e.insertBefore(l,e.firstChild)}refreshDrawing(){const e=this.ogma.view.getAngle();[...this.layer.element.children].forEach(o=>{const i=o.getAttribute("data-annotation");if(!i)return;const l=pt(this.getById(i)),{x:c,y:f}=st(l,-e);o.setAttribute("transform",`translate(${c},${f})`)})}getDefaultOptions(){return qe}refreshEditor(){if(+this.selectedId<0&&+this.hoveredId<0)return;const e=this.getById(this.selectedId)||this.getById(this.hoveredId),o=gt(e),i=this.ogma.view.graphToScreenCoordinates(pt(e)),l=this.ogma.view.getZoom(),{font:c,fontSize:f,color:g,background:d,padding:v=0}=e.properties.style||jt,y=(f||1)*l;this.textArea.value=e.properties.content,this.editor.element.style.transform=`translate(${i.x}px, ${i.y}px)translate(-50%, -50%)translate(${o.width/2*l}px, ${o.height/2*l}px)`,this.editor.element.style.width=`${o.width*l}px`,this.editor.element.style.height=`${o.height*l}px`,this.textArea.style.font=`${y} ${c}`,this.textArea.style.fontFamily=c||"sans-serif",this.textArea.style.fontSize=`${y}px`,this.textArea.style.padding=`${l*v}px`,this.textArea.style.lineHeight=`${y}px`,this.textArea.style.boxSizing="border-box",this.textArea.style.color=g||"black",this.textArea.style.background=d||"transparent",this.textArea.placeholder=this.placeholder,this.layer.refresh()}select(e){super.select(e),this.textArea.focus()}destroy(){super.destroy(),document.removeEventListener("mouseup",this.onMouseUp),document.removeEventListener("mousemove",this.onMouseMove,!0),this.ogma.events.off(this.onViewChanged)}}class bn{constructor(){x(this,"links",{}),x(this,"linksByTargetId",{}),x(this,"linksByArrowId",{})}add(e,o,i,l,c){const f=ye(),g=e.id,d={id:f,arrow:g,target:i,targetType:l,connectionPoint:c,side:o};return this.links[f]=d,this.linksByTargetId[i]||(this.linksByTargetId[i]=[]),this.linksByTargetId[i].push(f),this.linksByArrowId[g]||(this.linksByArrowId[g]={}),this.linksByArrowId[g][o]=f,e.properties.link=e.properties.link||{},e.properties.link[o]={id:i,side:o,type:l,magnet:c},this}arrowIsLinked(e,o){var i;return!!((i=this.linksByArrowId[e])!=null&&i[o])}remove(e,o){var i,l;const c=e.id,f=(i=this.linksByArrowId[c])==null?void 0:i[o];if((l=e.properties.link)==null||delete l[o],!f)return this;const g=this.links[f];delete this.links[f];const d=this.linksByTargetId[g.target];for(let v=0;v<d.length;v++)if(d[v]===f){d.splice(v,1);break}return delete this.linksByArrowId[c][o],this}getArrowLink(e,o){var i;const l=(i=this.linksByArrowId[e])==null?void 0:i[o];return l?this.links[l]:null}getTargetLinks(e,o){var i;return((i=this.linksByTargetId[e])==null?void 0:i.map(l=>this.links[l]).filter(l=>l.targetType===o))??[]}forEach(e){Object.values(this.links).forEach(e)}}const at=u=>u.properties.type==="arrow",yt=u=>u.properties.type==="text",Nr=u=>u.type==="FeatureCollection",wn={magnetColor:"#3e8",detectMargin:20,magnetHandleRadius:5,magnetRadius:10,textPlaceholder:"Type here",arrowHandleSize:3.5,textHandleSize:3.5,minArrowHeight:20,maxArrowHeight:30},Br=["start","end"],Hr=[{x:0,y:0},{x:.5,y:0},{x:1,y:0},{x:0,y:.5},{x:1,y:.5},{x:0,y:1},{x:.5,y:1},{x:1,y:1}];class xn extends Rr{constructor(e,o={}){super(),x(this,"arrows"),x(this,"texts"),x(this,"links",new bn),x(this,"layer"),x(this,"annotations"),x(this,"ogma"),x(this,"options"),x(this,"selected",null),x(this,"updateTimeout",0),x(this,"hoveredNode",null),x(this,"dragged",null),x(this,"textToMagnet"),x(this,"activeLinks",[]),x(this,"_render",i=>{if(!this.dragged||this.textToMagnet===void 0)return;i.beginPath(),i.fillStyle="green";const l=this.ogma.view.getZoom();Hr.forEach(c=>{if(!this.textToMagnet)return;const f=gt(this.textToMagnet),g=pt(this.textToMagnet),d=xe(c,{x:f.width,y:f.height}),v=st(d,this.ogma.view.getAngle()),{x:y,y:_}=Lt(v,g);i.moveTo(y,_),i.arc(y,_,this.options.magnetHandleRadius/l,0,Math.PI*2)}),i.fill(),i.closePath()}),x(this,"_onFeatureDrag",(i,l)=>{const c=l;if(at(i)&&c==="line")["start","end"].find(f=>{const g=f==="start"?Zt(i):me(i);return this._snapToText(i,c,g)||this._findAndSnapToNode(i,f,g)});else if(at(i)&&c!=="line"){const f=c==="start"?Zt(i):me(i);this._snapToText(i,c,f)||this._findAndSnapToNode(i,c,f)}else yt(i)&&(this.activeLinks.forEach(({arrow:f,side:g,connectionPoint:d})=>{const v=this.getAnnotation(f),y=gt(i),_=pt(i),C=xe(d,{x:y.width,y:y.height}),E=st(C,this.ogma.view.getAngle()),P=Lt(E,_);v.geometry.coordinates[g==="start"?0:1]=[P.x,P.y]}),this.activeLinks.length&&this.arrows.refreshLayer());this.layer.refresh(),this.emit(Ae,i,l)}),x(this,"_onFeatureDragEnd",i=>{this.dragged!==null&&at(i)&&Zt(this.dragged)&&Br.forEach(l=>{this.links.getArrowLink(i.id,l)&&this.emit(cn,{arrow:i,link:this.links.getArrowLink(i.id,l)})}),(yt(i)||at(i))&&this.onUpdate(i),this.dragged=null,this.activeLinks=[],this.textToMagnet=void 0,this.annotations.forEach(l=>l.enableDetection()),this.layer.refresh(),this.emit(Ft,i)}),x(this,"_onFeatureDragStart",i=>{this.textToMagnet=void 0,at(i)?this.dragged=i:yt(i)&&this.activeLinks.push(...this.links.getTargetLinks(i.id,"text")),this.annotations.forEach(l=>{const c=l.getSelectedFeature();c&&c!==i&&l.unhover().unselect(),l.disableDetection()}),this.emit(Ee,i)}),x(this,"_onNodesDragStart",()=>{this.arrows.unhover().unselect(),this.texts.unhover().unselect()}),x(this,"_onNodesDrag",i=>{const{dx:l,dy:c}=i;this._moveNodes(i.nodes,l,c)}),x(this,"_onLayoutEnd",i=>{i.ids.forEach((l,c)=>{this.links.getTargetLinks(l,"node").forEach(f=>{const g=this.getAnnotation(f.arrow),d=f.side,v=ve(g,d==="start"?"end":"start"),y=i.positions.current[c],_=this.ogma.getNode(l).getAttribute("radius"),C=we(v,y,+_);Rt(g,d,C.x,C.y)})}),this.arrows.refreshLayer(),this.texts.refreshLayer()}),x(this,"_onAdded",i=>{this.emit(Ye,i)}),x(this,"_onRemoved",i=>{this.emit(Ve,i)}),x(this,"_onUnselect",i=>{this.selected=null,this.emit(We,i)}),x(this,"_onSelect",i=>{this.selected!==i&&(this.selected=i,this.emit(Ue,this.selected))}),x(this,"onUpdate",i=>{cancelAnimationFrame(this.updateTimeout),this.updateTimeout=requestAnimationFrame(()=>this._onUpdate(i))}),x(this,"_onUpdate",i=>{this.emit(Ge,i)}),this.options=this.setOptions({...wn,...o}),this.ogma=e,this.arrows=new gn(e,this.options),this.texts=new mn(e,this.options),this.annotations=[this.arrows,this.texts],this.annotations.forEach(i=>{i.on(Ee,this._onFeatureDragStart).on(Ae,this._onFeatureDrag).on(Ft,this._onFeatureDragEnd).on(Ge,this.onUpdate).on(We,this._onUnselect).on(Ue,this._onSelect).on(Ye,this._onAdded).on(Ve,this._onRemoved)}),this.ogma.events.on("nodesDragStart",this._onNodesDragStart).on("nodesDragProgress",this._onNodesDrag).on("layoutEnd",this._onLayoutEnd).on(["viewChanged","rotate"],()=>{this.refreshTextLinks()}),this.layer=e.layers.addCanvasLayer(this._render),this.layer.moveToBottom()}_moveNodes(e,o,i){e.forEach(l=>{const c=this.links.getTargetLinks(l.getId(),"node"),f=l.getPosition();c.forEach(g=>{const d=this.getAnnotation(g.arrow),v=g.side,y=ve(d,v==="start"?"end":"start");let _=f;const C=+l.getAttribute("radius"),E=1e-6;(g.connectionPoint.x-(f.x-o)>E||g.connectionPoint.y-(f.y-i)>E)&&(_=we(y,f,C)),Rt(d,v,_.x,_.y)})}),this.arrows.refreshLayer()}_snapToText(e,o,i){const l=this.texts.detect(i,this.options.detectMargin);if(this.links.remove(e,o),!l)return!1;this.textToMagnet=l;const c=this.findMagnetPoint(Hr,l,i);return c?(Rt(e,o,c.point.x,c.point.y),this.links.add(e,o,l.id,"text",c.magnet),!0):!1}_findAndSnapToNode(e,o,i){var l,c;const f=this.ogma.view.graphToScreenCoordinates(i),g=this.ogma.view.getElementAt(f);this.links.remove(e,o),g&&g.isNode?((l=this.hoveredNode)==null||l.setSelected(!1),this.hoveredNode=g,g.setSelected(!0),this._snapToNode(e,o,g,f)):((c=this.hoveredNode)==null||c.setSelected(!1),this.hoveredNode=null)}_snapToNode(e,o,i,l){const c=i.getPositionOnScreen(),f=+i.getAttribute("radius"),g=f*this.ogma.view.getZoom(),d=l.x-c.x,v=l.y-c.y,y=Math.sqrt(d*d+v*v),_=i.getPosition();if(y<g+this.options.detectMargin){let C=_;if(y>g/2){const E=ve(e,o==="end"?"start":"end");C=we(E,C,f)}Rt(e,o,C.x,C.y),this.links.add(e,o,i.getId(),"node",C)}}refreshTextLinks(){let e=!1;this.links.forEach(({connectionPoint:o,targetType:i,target:l,arrow:c,side:f})=>{if(i!=="text")return;e=!0;const g=this.getAnnotation(l),d=this.getAnnotation(c),v=gt(g),y=pt(g),_=xe(o,{x:v.width,y:v.height}),C=st(_,this.ogma.view.getAngle()),E=Lt(C,y);Rt(d,f,E.x,E.y)}),e&&this.arrows.refreshLayer()}getSelected(){return this.selected}findMagnetPoint(e,o,i){let l;for(const c of e){const f=gt(o),g=pt(o),d=xe(c,{x:f.width,y:f.height}),v=st(d,this.ogma.view.getAngle()),y=Lt(v,g),_=It(Et(y,i)),C=Math.min(this.options.magnetRadius*this.ogma.view.getZoom(),f.width/2,f.height/2);if(_<Math.max(C,this.options.magnetHandleRadius)){l={point:y,magnet:c};break}}return l}setOptions(e={}){return this.options={...this.options||{},...e},this.options}select(e){const o=this.getAnnotations().features.find(i=>i.id===e);return o?(at(o)?this.arrows.select(o.id):yt(o)&&this.texts.select(o.id),this):this}unselect(){return this.selected?(at(this.selected)?this.arrows.unselect():yt(this.selected)&&this.texts.unselect(),this):this}add(e){if(Nr(e)){const[o,i]=e.features.reduce((l,c)=>(at(c)?l[1].push(c):yt(c)&&l[0].push(c),l),[[],[]]);return o.forEach(l=>this.add(l)),i.forEach(l=>this.add(l)),this.arrows.refreshLayer(),this}switch(e.properties.type){case"text":this.texts.add(e);break;default:this.arrows.add(e),this.loadLink(e);break}return this}remove(e){return Nr(e)?(e.features.forEach(o=>this.remove(o)),this):(at(e)?(this.links.remove(e,"start"),this.links.remove(e,"end"),this.arrows.remove(e.id)):this.texts.remove(e.id),this)}loadLink(e){if(e.properties.link)for(const o of Br){const i=e.properties.link[o];if(!i)continue;const l=this.getAnnotation(i.id);if(i.type==="text"&&l)this.links.add(e,o,i.id,i.type,i.magnet);else if(i.type==="node"){const c=this.ogma.getNode(i.id);if(!c)continue;this.links.add(e,o,i.id,i.type,i.magnet);const f=c.getPosition(),g=c.getAttribute("radius")||0,d=ve(e,o==="start"?"end":"start"),v=we(d,f,+g);Rt(e,o,v.x,v.y)}}}startArrow(e,o,i){this.cancelDrawing(),this.arrows.startDrawing(e,o,i)}startText(e,o,i){this.cancelDrawing(),this.texts.startDrawing(e,o,i)}cancelDrawing(){this.annotations.forEach(e=>e.cancelDrawing()),this.emit(hn)}updateStyle(e,o){const i=this.getAnnotations().features.find(l=>l.id===e);return i?(at(i)?this.arrows.updateStyle(i,o):yt(i)&&this.texts.updateStyle(i,o),this.onUpdate(i),this):this}setScale(e,o,i,l){const c=this.getAnnotations().features.find(f=>f.id===e);return c?(at(c)?this.arrows.scale(c,o,i,l):yt(c)&&this.texts.scale(c,o,i,l),this.onUpdate(c),this):this}getAnnotations(){const e={type:"FeatureCollection",features:[]};return this.annotations.forEach(o=>{e.features=[...e.features,...o.getElements()]}),e}getAnnotation(e){return this.getAnnotations().features.find(o=>o.id===e)}destroy(){this.annotations.forEach(e=>e.destroy()),this.layer.destroy()}}const Ze=[8,10,12,14,16,24,32,48,64,72],Ke="none",Qe="#333333",An=["#FFFFFF","#F44E3B","#FE9200","#FCDC00","#A4DD00","#68CCCA","#73D8FF","#AEA1FF","#1E88E5","#333333","#808080","#cccccc"],En=["Roboto","Helvetica Neue","Helvetica","Arial","sans-serif","Georgia, serif","Menlo","Monaco","Consolas","Courier New","monospace"].sort((u,e)=>u.toLocaleLowerCase().localeCompare(e.toLocaleLowerCase())),Ur={head:"arrow",strokeColor:Qe,strokeWidth:5},Wr=.25,Vr={font:"Roboto",fontSize:Ze[2],padding:Ze[2]*Wr,color:Qe,strokeType:Ke,background:Ke};function Yr(u){return u.reduce((e,o)=>e+o,0)/u.length}function _n(u,e=0,o=1){return e+(o-e)*u}function kn(u,e=0,o=1){return(u-e)/(o-e)}function Sn(){return X.createContext(null)}const tr=X.createContext(void 0),Tn=()=>X.useContext(tr),Cn=(u,e)=>{switch(e.type){case"add":return{...u,features:[...u.features,e.payload]};case"remove":return{...u,features:u.features.filter(o=>o.id!==e.payload.id)};case"update":return{...u,features:u.features.map(o=>o.id===e.payload.id?e.payload:o)};default:return u}},On=({children:u})=>{const e=Gr.useOgma(),[o,i]=X.useReducer(Cn,{type:"FeatureCollection",features:[]}),[l,c]=X.useState(null),[f,g]=X.useState(Ur),[d,v]=X.useState(Vr),[y,_]=X.useState(),[C,E]=X.useState(1),[P,T]=X.useState(1);return X.useEffect(()=>{if(!e)return;const j=new xn(e,{minArrowHeight:1}),L=Yr(e.getNodes().getAttribute("radius"))/5,S=C;return g({...f,strokeWidth:(f.strokeWidth||1)*S}),E(S),T(L),j.on("select",H=>{at(H)?g({...H.properties.style||{}}):yt(H)&&v({...H.properties.style||{}}),c(H)}).on("unselect",()=>{c(null)}),_(j),()=>{y==null||y.destroy()}},[e]),X.useEffect(()=>{y&&l&&(l==null?void 0:l.properties.type)==="arrow"&&y.updateStyle(l.id,f)},[y,f,l]),X.useEffect(()=>{y&&l&&(l==null?void 0:l.properties.type)==="text"&&y.updateStyle(l.id,d)},[y,d,l]),Jr.jsx(tr.Provider,{value:{annotations:o,updateAnnotations:i,currentAnnotation:l,setCurrentAnnotation:c,textStyle:d,setTextStyle:v,arrowStyle:f,setArrowStyle:g,arrowWidthFactor:C,setArrowWidthFactor:E,textSizeFactor:P,setTextSizeFactor:T,editor:y,setEditor:_},children:u})};B.AnnotationsContext=tr,B.AnnotationsContextProvider=On,B.BLACK=Qe,B.RELATIVE_PADDING=Wr,B.TRANSPARENT=Ke,B.createAnnotationsContext=Sn,B.defaultArrowStyle=Ur,B.defaultColors=An,B.defaultTextStyle=Vr,B.fontSizes=Ze,B.fonts=En,B.interpolate=_n,B.mean=Yr,B.normalize=kn,B.useAnnotationsContext=Tn,Object.defineProperty(B,Symbol.toStringTag,{value:"Module"})});
|
|
53
|
+
`),x(this,"textArea"),x(this,"handleSize"),x(this,"rect",{x:0,y:0,width:0,height:0}),x(this,"annotation",{...Xe}),x(this,"startX",0),x(this,"startY",0),x(this,"handles",[]),x(this,"draggedHandle",G),x(this,"isFocused",!1),x(this,"placeholder","Type your text here..."),x(this,"_onFocus",()=>{this.textArea.value===this.placeholder&&(this.textArea.value=""),this.isFocused=!0}),x(this,"_onBlur",()=>{this.isFocused=!1}),x(this,"startDrawing",(l,c,g=pn(l,c,0,0,"",Ft))=>{this.add(g);const y=this.ogma.view.graphToScreenCoordinates({x:l,y:c});this.select(g.id),this.startDragging(this.getById(g.id),y.x,y.y),this.draggedHandle=6}),x(this,"cancelDrawing",()=>{this.isDragging&&(this.remove(this.annotation.id),this.annotation={...Xe},this.draggedHandle=G,this.isDragging=!1,this.emit(jt,this.annotation))}),x(this,"startDragging",(l,c,g)=>{this.annotation=l;const y=pt(this.annotation),f=gt(this.annotation);this.rect.x=y.x,this.rect.y=y.y,this.rect.width=f.width,this.rect.height=f.height,this.startX=c,this.startY=g,this.disableDragging(),this.textArea.classList.add("noevents"),this.textArea.setAttribute("disabled","disabled"),this.emit(Ee,this.annotation),this.isDragging=!0}),x(this,"onHandleMouseDown",l=>{const c=this.getById(this.selectedId)||this.getById(this.hoveredId);if(!c)return;this.selectedId!==c.id&&this.select(this.hoveredId);const{x:g,y}=we(l,this.ogma.getContainer());this.startDragging(c,g,y),this.draggedHandle=Ar(l.target)}),x(this,"onMouseMove",l=>{requestAnimationFrame(()=>this._onMouseMove(l))}),x(this,"_onMouseMove",l=>{if(!this.isDragging)return;l.stopPropagation(),l.preventDefault();const c=this.handles[this.draggedHandle],g=c.classList.contains("top"),y=c.classList.contains("left"),f=c.classList.contains("right"),m=c.classList.contains("bottom"),v=c.classList.contains("line-handle"),{x:k,y:C}=we(l,this.ogma.getContainer()),_=this.ogma.view.getZoom(),R=(k-this.startX)/_,T=(C-this.startY)/_,M=this.ogma.view.getAngle(),L=st({x:R,y:T},M);(m&&y||g&&f)&&(L.y=0,L.x=0);const S=y||v?this.rect.x+L.x:this.rect.x,W=g||v?this.rect.y+L.y:this.rect.y,U=Math.max(this.rect.width+R*(v||y?0:1),zr),lt=Math.max(this.rect.height+T*(v||g?0:1),zr);rn(this.annotation,S,W,U,lt),this.emit(Ae,this.annotation,"text"),this.refreshEditor(),this.layer.refresh()}),x(this,"onMouseUp",()=>{!this.isDragging||this.draggedHandle===G||(this.restoreDragging(),this.textArea.classList.remove("noevents"),this.textArea.removeAttribute("disabled"),this.emit(jt,this.annotation),this.isDragging=!1,this.draggedHandle=G)}),x(this,"_onMousedown",l=>{l.stopPropagation()}),x(this,"onViewChanged",()=>{const l=Math.max(2,this.handleSize/this.ogma.view.getZoom());document.documentElement.style.setProperty("--handle-scale",`${1/l}`)}),x(this,"_onInput",()=>{const l=this.getById(this.selectedId);l&&(this.textArea.value=this.textArea.value.replace(/ +(?= )/g,""),this.textArea.focus(),l.properties.content=this.textArea.value,this.emit(qe,l),this.layer.refresh())}),this.showeditorOnHover=!1,this.handleSize=Dr.handleSize,this.placeholder=Dr.placeholder;const i=this.textArea=this.editor.element.querySelector("textarea");i.addEventListener("input",this._onInput),i.addEventListener("focus",this._onFocus),i.addEventListener("blur",this._onBlur),i.addEventListener("mousedown",this._onMousedown),i.spellcheck=!1,this.handles=Array.prototype.slice.call(this.editor.element.querySelectorAll(".annotation-text-handle > .handle")),this.handles.forEach(l=>l.addEventListener("mousedown",this.onHandleMouseDown)),document.addEventListener("mouseup",this.onMouseUp),document.addEventListener("mousemove",this.onMouseMove,!0),e.events.on(["viewChanged","zoom"],this.onViewChanged)}_canRemove(){return!this.isFocused}detect({x:e,y:s},i=0){const l={x:e,y:s},c=this.ogma.view.getAngle();return this.elements.find(g=>{const{x:y,y:f}=pt(g),{width:m,height:v}=gt(g),k={x:y,y:f},{x:C,y:_}=st(_t(l,k),-c);return C>-i&&C<m+i&&_>-i&&_<v+i})}draw(e){e.innerHTML="";const s="",i=this.ogma.view.getAngle();this.elements.forEach((c,g)=>{const y=`class${g}`,f=gt(c),m=pt(c),v=c.id,{color:k,fontSize:C,font:_,strokeColor:R,strokeWidth:T,strokeType:M,background:L}=c.properties.style||Ft;if(v===this.selectedId)return;const S=Jt("g");S.classList.add("annotation-text"),S.setAttribute("fill",`${k}`),S.setAttribute("font-size",`${C}px`),S.setAttribute("font-family",`${_}`);const W=Jt("rect");let U=!1;M&&M!=="none"&&(U=!0,W.setAttribute("stroke",R||"black"),W.setAttribute("stroke-width",`${T}`),M==="dashed"&&W.setAttribute("stroke-dasharray","5,5")),(L&&L.length||U)&&(U=!0,W.setAttribute("fill",L||"transparent")),U&&(W.setAttribute("width",`${f.width}`),W.setAttribute("height",`${f.height}`)),S.appendChild(W),vn(c,S);const{x:lt,y:kt}=st(m,-i);S.setAttribute("transform",`translate(${lt},${kt})`),S.classList.add(y),S.setAttribute("data-annotation",`${c.id}`),S.setAttribute("data-annotation-type","text"),e.appendChild(S)});const l=Jt("style");l.innerHTML=s,e.firstChild&&e.insertBefore(l,e.firstChild)}refreshDrawing(){const e=this.ogma.view.getAngle();[...this.layer.element.children].forEach(s=>{const i=s.getAttribute("data-annotation");if(!i)return;const l=pt(this.getById(i)),{x:c,y:g}=st(l,-e);s.setAttribute("transform",`translate(${c},${g})`)})}getDefaultOptions(){return Xe}refreshEditor(){if(+this.selectedId<0&&+this.hoveredId<0)return;const e=this.getById(this.selectedId)||this.getById(this.hoveredId),s=gt(e),i=this.ogma.view.graphToScreenCoordinates(pt(e)),l=this.ogma.view.getZoom(),{font:c,fontSize:g,color:y,background:f,padding:m=0}=e.properties.style||Ft,v=(g||1)*l;this.textArea.value=e.properties.content,this.editor.element.style.transform=`translate(${i.x}px, ${i.y}px)translate(-50%, -50%)translate(${s.width/2*l}px, ${s.height/2*l}px)`,this.editor.element.style.width=`${s.width*l}px`,this.editor.element.style.height=`${s.height*l}px`,this.textArea.style.font=`${v} ${c}`,this.textArea.style.fontFamily=c||"sans-serif",this.textArea.style.fontSize=`${v}px`,this.textArea.style.padding=`${l*m}px`,this.textArea.style.lineHeight=`${v}px`,this.textArea.style.boxSizing="border-box",this.textArea.style.color=y||"black",this.textArea.style.background=f||"transparent",this.textArea.placeholder=this.placeholder,this.layer.refresh()}select(e){super.select(e),this.textArea.focus()}destroy(){super.destroy(),document.removeEventListener("mouseup",this.onMouseUp),document.removeEventListener("mousemove",this.onMouseMove,!0),this.ogma.events.off(this.onViewChanged)}}class bn{constructor(){x(this,"links",{}),x(this,"linksByTargetId",{}),x(this,"linksByArrowId",{})}add(e,s,i,l,c){const g=pe(),y=e.id,f={id:g,arrow:y,target:i,targetType:l,connectionPoint:c,side:s};return this.links[g]=f,this.linksByTargetId[i]||(this.linksByTargetId[i]=[]),this.linksByTargetId[i].push(g),this.linksByArrowId[y]||(this.linksByArrowId[y]={}),this.linksByArrowId[y][s]=g,e.properties.link=e.properties.link||{},e.properties.link[s]={id:i,side:s,type:l,magnet:c},this}arrowIsLinked(e,s){var i;return!!((i=this.linksByArrowId[e])!=null&&i[s])}remove(e,s){var i,l;const c=e.id,g=(i=this.linksByArrowId[c])==null?void 0:i[s];if((l=e.properties.link)==null||delete l[s],!g)return this;const y=this.links[g];delete this.links[g];const f=this.linksByTargetId[y.target];for(let m=0;m<f.length;m++)if(f[m]===g){f.splice(m,1);break}return delete this.linksByArrowId[c][s],this}getArrowLink(e,s){var i;const l=(i=this.linksByArrowId[e])==null?void 0:i[s];return l?this.links[l]:null}getTargetLinks(e,s){var i;return((i=this.linksByTargetId[e])==null?void 0:i.map(l=>this.links[l]).filter(l=>l.targetType===s))??[]}forEach(e){Object.values(this.links).forEach(e)}}const at=h=>h.properties.type==="arrow",yt=h=>h.properties.type==="text",Nr=h=>h.type==="FeatureCollection",wn={magnetColor:"#3e8",detectMargin:20,magnetHandleRadius:5,magnetRadius:10,textPlaceholder:"Type here",arrowHandleSize:3.5,textHandleSize:3.5,minArrowHeight:20,maxArrowHeight:30},Br=["start","end"],Hr=[{x:0,y:0},{x:.5,y:0},{x:1,y:0},{x:0,y:.5},{x:1,y:.5},{x:0,y:1},{x:.5,y:1},{x:1,y:1}];class xn extends Rr{constructor(e,s={}){super(),x(this,"arrows"),x(this,"texts"),x(this,"links",new bn),x(this,"layer"),x(this,"annotations"),x(this,"ogma"),x(this,"options"),x(this,"selected",null),x(this,"updateTimeout",0),x(this,"hoveredNode",null),x(this,"dragged",null),x(this,"textToMagnet"),x(this,"activeLinks",[]),x(this,"_render",i=>{if(!this.dragged||this.textToMagnet===void 0)return;i.beginPath(),i.fillStyle="green";const l=this.ogma.view.getZoom();Hr.forEach(c=>{if(!this.textToMagnet)return;const g=gt(this.textToMagnet),y=pt(this.textToMagnet),f=xe(c,{x:g.width,y:g.height}),m=st(f,this.ogma.view.getAngle()),{x:v,y:k}=Lt(m,y);i.moveTo(v,k),i.arc(v,k,this.options.magnetHandleRadius/l,0,Math.PI*2)}),i.fill(),i.closePath()}),x(this,"_onFeatureDrag",(i,l)=>{const c=l;if(at(i)&&c==="line")["start","end"].find(g=>{const y=g==="start"?Kt(i):ve(i);return this._snapToText(i,c,y)||this._findAndSnapToNode(i,g,y)});else if(at(i)&&c!=="line"){const g=c==="start"?Kt(i):ve(i);this._snapToText(i,c,g)||this._findAndSnapToNode(i,c,g)}else yt(i)&&(this.activeLinks.forEach(({arrow:g,side:y,connectionPoint:f})=>{const m=this.getAnnotation(g),v=gt(i),k=pt(i),C=xe(f,{x:v.width,y:v.height}),_=st(C,this.ogma.view.getAngle()),R=Lt(_,k);m.geometry.coordinates[y==="start"?0:1]=[R.x,R.y]}),this.activeLinks.length&&this.arrows.refreshLayer());this.layer.refresh(),this.emit(Ae,i,l)}),x(this,"_onFeatureDragEnd",i=>{this.dragged!==null&&at(i)&&Kt(this.dragged)&&Br.forEach(l=>{this.links.getArrowLink(i.id,l)&&this.emit(cn,{arrow:i,link:this.links.getArrowLink(i.id,l)})}),(yt(i)||at(i))&&this.onUpdate(i),this.dragged=null,this.activeLinks=[],this.textToMagnet=void 0,this.annotations.forEach(l=>l.enableDetection()),this.layer.refresh(),this.emit(jt,i)}),x(this,"_onFeatureDragStart",i=>{this.textToMagnet=void 0,at(i)?this.dragged=i:yt(i)&&this.activeLinks.push(...this.links.getTargetLinks(i.id,"text")),this.annotations.forEach(l=>{const c=l.getSelectedFeature();c&&c!==i&&l.unhover().unselect(),l.disableDetection()}),this.emit(Ee,i)}),x(this,"_onNodesDragStart",()=>{this.arrows.unhover().unselect(),this.texts.unhover().unselect()}),x(this,"_onNodesDrag",i=>{const{dx:l,dy:c}=i;this._moveNodes(i.nodes,l,c)}),x(this,"_onLayoutEnd",i=>{i.ids.forEach((l,c)=>{this.links.getTargetLinks(l,"node").forEach(g=>{const y=this.getAnnotation(g.arrow),f=g.side,m=ye(y,f==="start"?"end":"start"),v=i.positions.current[c],k=this.ogma.getNode(l).getAttribute("radius"),C=be(m,v,+k);Rt(y,f,C.x,C.y)})}),this.arrows.refreshLayer(),this.texts.refreshLayer()}),x(this,"_onAdded",i=>{this.emit(Ge,i)}),x(this,"_onRemoved",i=>{this.emit(Ye,i)}),x(this,"_onUnselect",i=>{this.selected=null,this.emit(Ve,i)}),x(this,"_onSelect",i=>{this.selected!==i&&(this.selected=i,this.emit(We,this.selected))}),x(this,"onUpdate",i=>{cancelAnimationFrame(this.updateTimeout),this.updateTimeout=requestAnimationFrame(()=>this._onUpdate(i))}),x(this,"_onUpdate",i=>{this.emit(qe,i)}),this.options=this.setOptions({...wn,...s}),this.ogma=e,this.arrows=new gn(e,this.options),this.texts=new mn(e,this.options),this.annotations=[this.arrows,this.texts],this.annotations.forEach(i=>{i.on(Ee,this._onFeatureDragStart).on(Ae,this._onFeatureDrag).on(jt,this._onFeatureDragEnd).on(qe,this.onUpdate).on(Ve,this._onUnselect).on(We,this._onSelect).on(Ge,this._onAdded).on(Ye,this._onRemoved)}),this.ogma.events.on("nodesDragStart",this._onNodesDragStart).on("nodesDragProgress",this._onNodesDrag).on("layoutEnd",this._onLayoutEnd).on(["viewChanged","rotate"],()=>{this.refreshTextLinks()}),this.layer=e.layers.addCanvasLayer(this._render),this.layer.moveToBottom()}_moveNodes(e,s,i){e.forEach(l=>{const c=this.links.getTargetLinks(l.getId(),"node"),g=l.getPosition();c.forEach(y=>{const f=this.getAnnotation(y.arrow),m=y.side,v=ye(f,m==="start"?"end":"start");let k=g;const C=+l.getAttribute("radius"),_=1e-6;(y.connectionPoint.x-(g.x-s)>_||y.connectionPoint.y-(g.y-i)>_)&&(k=be(v,g,C)),Rt(f,m,k.x,k.y)})}),this.arrows.refreshLayer()}_snapToText(e,s,i){const l=this.texts.detect(i,this.options.detectMargin);if(this.links.remove(e,s),!l)return!1;this.textToMagnet=l;const c=this.findMagnetPoint(Hr,l,i);return c?(Rt(e,s,c.point.x,c.point.y),this.links.add(e,s,l.id,"text",c.magnet),!0):!1}_findAndSnapToNode(e,s,i){var l,c;const g=this.ogma.view.graphToScreenCoordinates(i),y=this.ogma.view.getElementAt(g);this.links.remove(e,s),y&&y.isNode?((l=this.hoveredNode)==null||l.setSelected(!1),this.hoveredNode=y,y.setSelected(!0),this._snapToNode(e,s,y,g)):((c=this.hoveredNode)==null||c.setSelected(!1),this.hoveredNode=null)}_snapToNode(e,s,i,l){const c=i.getPositionOnScreen(),g=+i.getAttribute("radius"),y=g*this.ogma.view.getZoom(),f=l.x-c.x,m=l.y-c.y,v=Math.sqrt(f*f+m*m),k=i.getPosition();if(v<y+this.options.detectMargin){let C=k;if(v>y/2){const _=ye(e,s==="end"?"start":"end");C=be(_,C,g)}Rt(e,s,C.x,C.y),this.links.add(e,s,i.getId(),"node",C)}}refreshTextLinks(){let e=!1;this.links.forEach(({connectionPoint:s,targetType:i,target:l,arrow:c,side:g})=>{if(i!=="text")return;e=!0;const y=this.getAnnotation(l),f=this.getAnnotation(c),m=gt(y),v=pt(y),k=xe(s,{x:m.width,y:m.height}),C=st(k,this.ogma.view.getAngle()),_=Lt(C,v);Rt(f,g,_.x,_.y)}),e&&this.arrows.refreshLayer()}getSelected(){return this.selected}findMagnetPoint(e,s,i){let l;for(const c of e){const g=gt(s),y=pt(s),f=xe(c,{x:g.width,y:g.height}),m=st(f,this.ogma.view.getAngle()),v=Lt(m,y),k=It(_t(v,i)),C=Math.min(this.options.magnetRadius*this.ogma.view.getZoom(),g.width/2,g.height/2);if(k<Math.max(C,this.options.magnetHandleRadius)){l={point:v,magnet:c};break}}return l}setOptions(e={}){return this.options={...this.options||{},...e},this.options}select(e){const s=this.getAnnotations().features.find(i=>i.id===e);return s?(at(s)?this.arrows.select(s.id):yt(s)&&this.texts.select(s.id),this):this}unselect(){return this.selected?(at(this.selected)?this.arrows.unselect():yt(this.selected)&&this.texts.unselect(),this):this}add(e){if(Nr(e)){const[s,i]=e.features.reduce((l,c)=>(at(c)?l[1].push(c):yt(c)&&l[0].push(c),l),[[],[]]);return s.forEach(l=>this.add(l)),i.forEach(l=>this.add(l)),this.arrows.refreshLayer(),this}switch(e.properties.type){case"text":this.texts.add(e);break;default:this.arrows.add(e),this.loadLink(e);break}return this}remove(e){return Nr(e)?(e.features.forEach(s=>this.remove(s)),this):(at(e)?(this.links.remove(e,"start"),this.links.remove(e,"end"),this.arrows.remove(e.id)):this.texts.remove(e.id),this)}loadLink(e){if(e.properties.link)for(const s of Br){const i=e.properties.link[s];if(!i)continue;const l=this.getAnnotation(i.id);if(i.type==="text"&&l)this.links.add(e,s,i.id,i.type,i.magnet);else if(i.type==="node"){const c=this.ogma.getNode(i.id);if(!c)continue;this.links.add(e,s,i.id,i.type,i.magnet);const g=c.getPosition(),y=c.getAttribute("radius")||0,f=ye(e,s==="start"?"end":"start"),m=be(f,g,+y);Rt(e,s,m.x,m.y)}}}startArrow(e,s,i){this.cancelDrawing(),this.arrows.startDrawing(e,s,i)}startText(e,s,i){this.cancelDrawing(),this.texts.startDrawing(e,s,i)}cancelDrawing(){this.annotations.forEach(e=>e.cancelDrawing()),this.emit(hn)}updateStyle(e,s){const i=this.getAnnotations().features.find(l=>l.id===e);return i?(at(i)?this.arrows.updateStyle(i,s):yt(i)&&this.texts.updateStyle(i,s),this.onUpdate(i),this):this}setScale(e,s,i,l){const c=this.getAnnotations().features.find(g=>g.id===e);return c?(at(c)?this.arrows.scale(c,s,i,l):yt(c)&&this.texts.scale(c,s,i,l),this.onUpdate(c),this):this}getAnnotations(){const e={type:"FeatureCollection",features:[]};return this.annotations.forEach(s=>{e.features=[...e.features,...s.getElements()]}),e}getAnnotation(e){return this.getAnnotations().features.find(s=>s.id===e)}destroy(){this.annotations.forEach(e=>e.destroy()),this.layer.destroy()}}const Ze=[8,10,12,14,16,24,32,48,64,72],Qe="none",tr="#333333",An=["#FFFFFF","#F44E3B","#FE9200","#FCDC00","#A4DD00","#68CCCA","#73D8FF","#AEA1FF","#1E88E5","#333333","#808080","#cccccc"],En=["Roboto","Helvetica Neue","Helvetica","Arial","sans-serif","Georgia, serif","Menlo","Monaco","Consolas","Courier New","monospace"].sort((h,e)=>h.toLocaleLowerCase().localeCompare(e.toLocaleLowerCase())),Ur={head:"arrow",strokeColor:tr,strokeWidth:5},Wr=.25,Vr={font:"Roboto",fontSize:Ze[2],padding:Ze[2]*Wr,color:tr,strokeType:Qe,background:Qe};function Yr(h){return h.reduce((e,s)=>e+s,0)/h.length}function _n(h,e=0,s=1){return e+(s-e)*h}function kn(h,e=0,s=1){return(h-e)/(s-e)}function Sn(){return X.createContext(null)}const er=X.createContext(void 0),Tn=()=>X.useContext(er),Cn=(h,e)=>{switch(e.type){case"add":return{...h,features:[...h.features,e.payload]};case"remove":return{...h,features:h.features.filter(s=>s.id!==e.payload.id)};case"update":return{...h,features:h.features.map(s=>s.id===e.payload.id?e.payload:s)};default:return h}},On=({children:h})=>{const e=Gr.useOgma(),[s,i]=X.useReducer(Cn,{type:"FeatureCollection",features:[]}),[l,c]=X.useState(null),[g,y]=X.useState(Ur),[f,m]=X.useState(Vr),[v,k]=X.useState(),[C,_]=X.useState(1),[R,T]=X.useState(1);return X.useEffect(()=>{if(!e)return;const M=new xn(e,{minArrowHeight:1}),L=Yr(e.getNodes().getAttribute("radius"))/5,S=C;return y({...g,strokeWidth:(g.strokeWidth||1)*S}),_(S),T(L),M.on("select",W=>{at(W)?y({...W.properties.style||{}}):yt(W)&&m({...W.properties.style||{}}),c(W)}).on("unselect",()=>{c(null)}),k(M),()=>{v==null||v.destroy()}},[e]),X.useEffect(()=>{v&&l&&(l==null?void 0:l.properties.type)==="arrow"&&v.updateStyle(l.id,g)},[v,g,l]),X.useEffect(()=>{v&&l&&(l==null?void 0:l.properties.type)==="text"&&v.updateStyle(l.id,f)},[v,f,l]),Jr.jsx(er.Provider,{value:{annotations:s,updateAnnotations:i,currentAnnotation:l,setCurrentAnnotation:c,textStyle:f,setTextStyle:m,arrowStyle:g,setArrowStyle:y,arrowWidthFactor:C,setArrowWidthFactor:_,textSizeFactor:R,setTextSizeFactor:T,editor:v,setEditor:k},children:h})};H.AnnotationsContext=er,H.AnnotationsContextProvider=On,H.BLACK=tr,H.RELATIVE_PADDING=Wr,H.TRANSPARENT=Qe,H.createAnnotationsContext=Sn,H.defaultArrowStyle=Ur,H.defaultColors=An,H.defaultTextStyle=Vr,H.fontSizes=Ze,H.fonts=En,H.interpolate=_n,H.mean=Yr,H.normalize=kn,H.useAnnotationsContext=Tn,Object.defineProperty(H,Symbol.toStringTag,{value:"Module"})});
|