@next-bricks/diagram 0.4.0 → 0.4.1
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/bricks.json +1 -1
- package/dist/chunks/2108.9bb5ebe7.js +2 -0
- package/dist/chunks/2108.9bb5ebe7.js.map +1 -0
- package/dist/chunks/4922.d504ca2a.js +2 -0
- package/dist/chunks/{4922.4558c07b.js.map → 4922.d504ca2a.js.map} +1 -1
- package/dist/chunks/7312.73a6c3bb.js +3 -0
- package/dist/chunks/{7312.94667cd0.js.map → 7312.73a6c3bb.js.map} +1 -1
- package/dist/chunks/editable-label.cb1a4691.js +3 -0
- package/dist/chunks/{editable-label.e741e544.js.map → editable-label.cb1a4691.js.map} +1 -1
- package/dist/chunks/eo-diagram.fa73c8ae.js +2 -0
- package/dist/chunks/{eo-diagram.ae269315.js.map → eo-diagram.fa73c8ae.js.map} +1 -1
- package/dist/chunks/{main.20df2b07.js → main.cc81c286.js} +2 -2
- package/dist/chunks/{main.20df2b07.js.map → main.cc81c286.js.map} +1 -1
- package/dist/{index.23374df2.js → index.cf4aa49d.js} +2 -2
- package/dist/{index.23374df2.js.map → index.cf4aa49d.js.map} +1 -1
- package/package.json +2 -2
- package/dist/chunks/2108.5684dc40.js +0 -2
- package/dist/chunks/2108.5684dc40.js.map +0 -1
- package/dist/chunks/4922.4558c07b.js +0 -2
- package/dist/chunks/7312.94667cd0.js +0 -3
- package/dist/chunks/editable-label.e741e544.js +0 -3
- package/dist/chunks/eo-diagram.ae269315.js +0 -2
- /package/dist/chunks/{7312.94667cd0.js.LICENSE.txt → 7312.73a6c3bb.js.LICENSE.txt} +0 -0
- /package/dist/chunks/{editable-label.e741e544.js.LICENSE.txt → editable-label.cb1a4691.js.LICENSE.txt} +0 -0
|
@@ -1,3 +0,0 @@
|
|
|
1
|
-
/*! For license information please see editable-label.e741e544.js.LICENSE.txt */
|
|
2
|
-
(self.webpackChunk_next_bricks_diagram=self.webpackChunk_next_bricks_diagram||[]).push([[3189,5628],{9067:(e,t,r)=>{"use strict";r.r(t),r.d(t,{EditableLabel:()=>v,EditableLabelComponent:()=>M,LegacyEditableLabelComponent:()=>K});var n,a,i,l,o,s,c,u,f,h,p,d,b,v,g=r(3395),y=r(1815),m=r(381),w=r(687),Z=r(5066),x=r(8657),E=r.n(x),S=r(5727),k=r(305),j=(r(2006),r(2779)),C=r.n(j),z=r(8074),{defineElement:T,property:A,event:O,method:P}=(0,S.createDecorators)(),M=(0,x.forwardRef)(K);a=T("diagram.editable-label",{styleTexts:[z.Z]}),i=A(),o=A({render:!1}),c=O({type:"label.change"}),p=P();var L=new WeakMap,W=new WeakMap,_=new WeakMap,D=new WeakMap,N=new WeakMap,R=new WeakMap;class I extends k.ReactNextElement{constructor(){super(...arguments),(0,g.Z)(this,D,{get:H,set:B}),(0,g.Z)(this,L,{writable:!0,value:(d(this),l(this))}),(0,g.Z)(this,W,{writable:!0,value:s(this)}),(0,g.Z)(this,_,{writable:!0,value:u(this)}),(0,g.Z)(this,N,{writable:!0,value:e=>{(0,w.Z)(this,D).emit(e)}}),(0,g.Z)(this,R,{writable:!0,value:(0,x.createRef)()})}get label(){return(0,w.Z)(this,L)}set label(e){(0,m.Z)(this,L,e)}get type(){return(0,w.Z)(this,W)}set type(e){(0,m.Z)(this,W,e)}enableEditing(){var e;null===(e=(0,w.Z)(this,R).current)||void 0===e||e.enableEditing()}render(){return E().createElement(M,{ref:(0,w.Z)(this,R),label:this.label,onLabelChange:(0,w.Z)(this,N)})}}function B(e){h(this,e)}function H(){return f(this)}function K(e,t){var{label:r,onLabelChange:n}=e,a=null!=r?r:"",[i,l]=(0,x.useState)(a),[o,s]=(0,x.useState)(!1),[c,u]=(0,x.useState)(!1),f=(0,x.useRef)(null);(0,x.useImperativeHandle)(t,(()=>({enableEditing(){s(!0)}}))),(0,x.useEffect)((()=>{l(a)}),[a]);var h=(0,x.useCallback)((e=>{e.preventDefault(),e.stopPropagation(),s(!0)}),[]);(0,x.useEffect)((()=>{var e,t;o&&(null===(e=f.current)||void 0===e||e.focus({preventScroll:!0}),null===(t=f.current)||void 0===t||t.select())}),[o]);var p=(0,x.useCallback)((e=>{l(e.target.value)}),[]),d=(0,x.useCallback)((e=>{var t,r=e.key||e.keyCode||e.which;"Enter"!==r&&13!==r||null===(t=f.current)||void 0===t||t.blur()}),[]),b=(0,x.useCallback)((()=>{s(!1),u(!0)}),[]);return(0,x.useEffect)((()=>{c&&(null==n||n(i),u(!1))}),[i,n,c]),E().createElement("div",{className:C()("label",{editing:o,empty:!i})},E().createElement("input",{className:"label-input",value:i,ref:f,onChange:p,onKeyDown:d,onBlur:b}),E().createElement("div",{className:"label-text",onDoubleClick:h},i))}b=I,({e:[l,s,u,f,h,d],c:[v,n]}=(0,Z.Z)(b,[[i,1,"label"],[o,1,"type"],[c,1,"labelChange",e=>(0,w.Z)(e,_),(e,t)=>(0,m.Z)(e,_,t)],[p,2,"enableEditing"]],[a],0,(e=>R.has((0,y.Z)(e))),k.ReactNextElement)),n()},2779:(e,t)=>{var r;!function(){"use strict";var n={}.hasOwnProperty;function a(){for(var e=[],t=0;t<arguments.length;t++){var r=arguments[t];if(r){var i=typeof r;if("string"===i||"number"===i)e.push(r);else if(Array.isArray(r)){if(r.length){var l=a.apply(null,r);l&&e.push(l)}}else if("object"===i){if(r.toString!==Object.prototype.toString&&!r.toString.toString().includes("[native code]")){e.push(r.toString());continue}for(var o in r)n.call(r,o)&&r[o]&&e.push(o)}}}return e.join(" ")}e.exports?(a.default=a,e.exports=a):void 0===(r=function(){return a}.apply(t,[]))||(e.exports=r)}()},8074:(e,t,r)=>{"use strict";r.d(t,{Z:()=>o});var n=r(9601),a=r.n(n),i=r(2609),l=r.n(i)()(a());l.push([e.id,':host{display:block;--local-label-line-height:inherit;--local-label-font-size:inherit;--local-label-color:inherit;--local-label-font-weight:inherit}:host([hidden]){display:none}:host([type="line"]){--local-label-line-height:18px;--local-label-font-size:11px;--local-label-color:var(--color-secondary-text);--local-label-font-weight:400}*{box-sizing:border-box}.label{max-width:168px;margin:-3px}.label-text,\n.label-input{width:100%;height:24px;padding:3px;border:none;line-height:var(--local-label-line-height);font-size:var(--local-label-font-size);color:var(--local-label-color);font-weight:var(--local-label-font-weight);text-align:center;font-family:inherit;cursor:text;-webkit-user-select:text;-moz-user-select:text;user-select:text}.label-text{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.label.editing .label-text,\n.label.empty:not(.editing) .label-text,\n.label:not(.editing) .label-input{display:none}',""]);const o=l.toString()},2609:e=>{"use strict";e.exports=function(e){var t=[];return t.toString=function(){return this.map((function(t){var r="",n=void 0!==t[5];return t[4]&&(r+="@supports (".concat(t[4],") {")),t[2]&&(r+="@media ".concat(t[2]," {")),n&&(r+="@layer".concat(t[5].length>0?" ".concat(t[5]):""," {")),r+=e(t),n&&(r+="}"),t[2]&&(r+="}"),t[4]&&(r+="}"),r})).join("")},t.i=function(e,r,n,a,i){"string"==typeof e&&(e=[[null,e,void 0]]);var l={};if(n)for(var o=0;o<this.length;o++){var s=this[o][0];null!=s&&(l[s]=!0)}for(var c=0;c<e.length;c++){var u=[].concat(e[c]);n&&l[u[0]]||(void 0!==i&&(void 0===u[5]||(u[1]="@layer".concat(u[5].length>0?" ".concat(u[5]):""," {").concat(u[1],"}")),u[5]=i),r&&(u[2]?(u[1]="@media ".concat(u[2]," {").concat(u[1],"}"),u[2]=r):u[2]=r),a&&(u[4]?(u[1]="@supports (".concat(u[4],") {").concat(u[1],"}"),u[4]=a):u[4]="".concat(a)),t.push(u))}},t}},9601:e=>{"use strict";e.exports=function(e){return e[1]}},5066:(e,t,r)=>{"use strict";r.d(t,{Z:()=>o});var n=r(6522),a=r(1815);function i(e,t,r){"symbol"==(0,n.Z)(t)&&(t=(t=t.description)?"["+t+"]":"");try{Object.defineProperty(e,"name",{configurable:!0,value:r?r+" "+t:t})}catch(e){}return e}var l=r(5850);function o(e,t,r,o,s,c){function u(e,t,r){return function(n,a){return r&&r(n),e[t].call(n,a)}}function f(e,t){for(var r=0;r<e.length;r++)e[r].call(t);return t}function h(e,t,r,n){if("function"!=typeof e&&(n||void 0!==e))throw new TypeError(t+" must "+(r||"be")+" a function"+(n?"":" or undefined"));return e}function p(e,t,r,a,l,o,s,c,f,p,d,b,v){function g(e){if(!v(e))throw new TypeError("Attempted to access private element on non-instance")}var y,m,w=t[0],Z=t[3],x=!c;if(!x){r||Array.isArray(w)||(w=[w]);var E={},S=[],k=3===l?"get":4===l||b?"set":"value";p?(d||b?E={get:i((function(){return Z(this)}),a,"get"),set:function(e){t[4](this,e)}}:E[k]=Z,d||i(E[k],a,2===l?"":k)):d||(E=Object.getOwnPropertyDescriptor(e,a))}for(var j=w.length-1;j>=0;j-=r?2:1){var C=w[j],z=r?w[j-1]:void 0,T={},A={kind:["field","accessor","method","getter","setter","class"][l],name:a,metadata:o,addInitializer:function(e,t){if(e.v)throw new Error("attempted to call addInitializer after decoration was finished");h(t,"An initializer","be",!0),s.push(t)}.bind(null,T)};try{if(x)m=C.call(z,e,A);else{var O,P;A.static=f,A.private=p,p||!d&&2!==l?2===l?O=function(e){return g(e),E.value}:((l<2||3===l)&&(O=u(E,"get",p&&g)),(l<2||4===l)&&(P=u(E,"set",p&&g))):(O=function(e){return e[a]},d&&(P=function(e,t){e[a]=t}));var M=A.access={has:p?v.bind():function(e){return a in e}};if(O&&(M.get=O),P&&(M.set=P),m=C.call(z,b?{get:E.get,set:E.set}:E[k],A),b){if("object"==(0,n.Z)(m)&&m)(y=h(m.get,"accessor.get"))&&(E.get=y),(y=h(m.set,"accessor.set"))&&(E.set=y),(y=h(m.init,"accessor.init"))&&S.push(y);else if(void 0!==m)throw new TypeError("accessor decorators must return an object with get, set, or init properties or void 0")}else h(m,(d?"field":"method")+" decorators","return")&&(d?S.push(m):E[k]=m)}}finally{T.v=!0}}return(d||b)&&c.push((function(e,t){for(var r=S.length-1;r>=0;r--)t=S[r].call(e,t);return t})),d||x||(p?b?c.push(u(E,"get"),u(E,"set")):c.push(2===l?E[k]:u.call.bind(E[k])):Object.defineProperty(e,a,E)),m}function d(e,t){return Object.defineProperty(e,Symbol.metadata||Symbol.for("Symbol.metadata"),{configurable:!0,enumerable:!0,value:t})}if(arguments.length>=6)var b=c[Symbol.metadata||Symbol.for("Symbol.metadata")];var v=Object.create(null==b?null:b),g=function(e,t,r,n){var i,o,s=[],c=function(t){return(0,a.Z)(t)===e},u=new Map;function h(e){e&&s.push(f.bind(null,e))}for(var d=0;d<t.length;d++){var b=t[d];if(Array.isArray(b)){var v=b[1],g=b[2],y=b.length>3,m=16&v,w=!!(8&v),Z=0==(v&=7),x=g+"/"+w;if(!Z&&!y){var E=u.get(x);if(!0===E||3===E&&4!==v||4===E&&3!==v)throw new Error("Attempted to decorate a public method/accessor that has the same name as a previously decorated public method/accessor. This is not currently supported by the decorators plugin. Property name was: "+g);u.set(x,!(v>2)||v)}p(w?e:e.prototype,b,m,y?"#"+g:(0,l.Z)(g),v,n,w?o=o||[]:i=i||[],s,w,y,Z,1===v,w&&y?c:r)}}return h(i),h(o),s}(e,t,s,v);return r.length||d(e,v),{e:g,get c(){var t=[];return r.length&&[d(h(p(e,[r],o,e.name,5,v,t),"class decorators","return")||e,v),f.bind(null,t,e)]}}}},1815:(e,t,r)=>{"use strict";r.d(t,{Z:()=>a});var n=r(6522);function a(e){if(Object(e)!==e)throw TypeError("right-hand side of 'in' should be an object, got "+(null!==e?(0,n.Z)(e):"null"));return e}},5863:(e,t,r)=>{"use strict";function n(e,t){if(t.has(e))throw new TypeError("Cannot initialize the same private elements twice on an object")}r.d(t,{Z:()=>n})},175:(e,t,r)=>{"use strict";function n(e,t,r){if(!t.has(e))throw new TypeError("attempted to "+r+" private field on non-instance");return t.get(e)}r.d(t,{Z:()=>n})},687:(e,t,r)=>{"use strict";r.d(t,{Z:()=>a});var n=r(175);function a(e,t){return function(e,t){return t.get?t.get.call(e):t.value}(e,(0,n.Z)(e,t,"get"))}},3395:(e,t,r)=>{"use strict";r.d(t,{Z:()=>a});var n=r(5863);function a(e,t,r){(0,n.Z)(e,t),t.set(e,r)}},381:(e,t,r)=>{"use strict";r.d(t,{Z:()=>a});var n=r(175);function a(e,t,r){return function(e,t,r){if(t.set)t.set.call(e,r);else{if(!t.writable)throw new TypeError("attempted to set read only private field");t.value=r}}(e,(0,n.Z)(e,t,"set"),r),r}},5850:(e,t,r)=>{"use strict";r.d(t,{Z:()=>a});var n=r(6522);function a(e){var t=function(e,t){if("object"!=(0,n.Z)(e)||!e)return e;var r=e[Symbol.toPrimitive];if(void 0!==r){var a=r.call(e,"string");if("object"!=(0,n.Z)(a))return a;throw new TypeError("@@toPrimitive must return a primitive value.")}return String(e)}(e);return"symbol"==(0,n.Z)(t)?t:String(t)}},6522:(e,t,r)=>{"use strict";function n(e){return n="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},n(e)}r.d(t,{Z:()=>n})}}]);
|
|
3
|
-
//# sourceMappingURL=editable-label.e741e544.js.map
|
|
@@ -1,2 +0,0 @@
|
|
|
1
|
-
"use strict";(self.webpackChunk_next_bricks_diagram=self.webpackChunk_next_bricks_diagram||[]).push([[9016],{7853:(e,t,n)=>{n.d(t,{L8:()=>s});var a=n(3028),r=n(8657),i=n.n(r),o=n(9494),l=n(9464);function s(e){var{labels:t,onRendered:n}=e,[a,o]=(0,r.useState)(!1),[l,s]=(0,r.useState)([]),u=(0,r.useMemo)((()=>new Map),[]),v=(0,r.useCallback)(((e,t)=>{t&&u.set(e,t),s((t=>t.includes(e)?t:t.concat(e)))}),[u]),h=(0,r.useCallback)((e=>{s((t=>{var n=t.indexOf(e);return-1===n?t:t.slice(0,n).concat(t.slice(n+1))})),u.delete(e)}),[u]);return(0,r.useEffect)((()=>{o(!(null!=t&&t.some((e=>!l.includes(e.id)))))}),[t,l]),(0,r.useEffect)((()=>{null==n||n(a?u:null)}),[u,a]),i().createElement(i().Fragment,null,null==t?void 0:t.map((e=>{var{text:t,label:n,position:a,id:r,edge:o}=e;return n?i().createElement("div",{key:r,className:"line-label",style:{left:a[0],top:a[1]}},i().createElement(c,{id:r,edge:o,label:n,onRendered:v,onUnmount:h})):i().createElement(d,{key:r,id:r,text:t,position:a,onRendered:v})})))}function d(e){var{id:t,text:n,position:o,onRendered:l}=e,s=(0,r.useCallback)((e=>{null==l||l(t,e)}),[t,l]);return i().createElement("div",{className:"line-label",ref:s,style:(0,a.Z)({left:o[0],top:o[1]},n.style)},n.content)}function c(e){var{id:t,edge:n,label:a,onRendered:s,onUnmount:d}=e,c=(0,r.useMemo)((()=>(0,l.checkIfByTransform)(a,{edge:n})?a.useBrick:null),[n,a]),u=(0,r.useMemo)((()=>({edge:n})),[n]);(0,r.useEffect)((()=>{c||setTimeout((()=>{null==s||s(t,null)}))}),[t,s,c]),(0,r.useEffect)((()=>()=>{null==d||d(t)}),[]);var v=(0,r.useCallback)((e=>{e&&setTimeout((()=>{null==s||s(t,e.parentElement)}))}),[t,s]),h=(0,r.useCallback)((()=>{setTimeout((()=>{null==s||s(t,null)}))}),[t,s]);return c?i().createElement(o.ReactUseBrick,{refCallback:v,ignoredCallback:h,useBrick:c,data:u}):null}},4370:(e,t,n)=>{n.d(t,{n:()=>l});var a=n(8657),r=n.n(a),i=n(9494),o=n(3442);function l(e){var{nodes:t,nodeBricks:n,onRendered:i}=e,[o,l]=(0,a.useState)(!1),[d,c]=(0,a.useState)([]),u=(0,a.useMemo)((()=>new Map),[]),v=(0,a.useCallback)(((e,t)=>{t&&u.set(e,t),c((t=>t.includes(e)?t:t.concat(e)))}),[u]),h=(0,a.useCallback)((e=>{c((t=>{var n=t.indexOf(e);return-1===n?t:t.slice(0,n).concat(t.slice(n+1))})),u.delete(e)}),[u]);return(0,a.useEffect)((()=>{l(!(null!=t&&t.some((e=>!d.includes(e.id)))))}),[t,d]),(0,a.useEffect)((()=>{null==i||i(o?u:null)}),[u,o]),r().createElement(r().Fragment,null,null==t?void 0:t.map((e=>r().createElement("div",{key:e.id,className:"node"},r().createElement(s,{nodeBricks:n,node:e,onRendered:v,onUnmount:h})))))}function s(e){var{node:t,nodeBricks:n,onRendered:l,onUnmount:s}=e,d=(0,a.useMemo)((()=>{var e;return null===(e=(0,o.U)(t,n))||void 0===e?void 0:e.useBrick}),[t,n]),c=(0,a.useMemo)((()=>({node:t})),[t]);(0,a.useEffect)((()=>{d||setTimeout((()=>{null==l||l(t.id,null)}))}),[t.id,l,d]),(0,a.useEffect)((()=>()=>{null==s||s(t.id)}),[]);var u=(0,a.useCallback)((e=>{e&&setTimeout((()=>{null==l||l(t.id,e)}))}),[t.id,l]),v=(0,a.useCallback)((()=>{setTimeout((()=>{null==l||l(t.id,null)}))}),[t.id,l]);return d?r().createElement(i.ReactUseBrick,{refCallback:u,ignoredCallback:v,useBrick:d,data:c}):null}},5318:(e,t,n)=>{n.d(t,{IC:()=>a,_w:()=>r,no:()=>i,wl:()=>o});var a="var(--palette-gray-5)",r=1,i="curveBasis",o=20},2715:(e,t,n)=>{n.r(t),n.d(t,{EoDiagram:()=>T,EoDiagramComponent:()=>ce,LegacyEoDiagramComponent:()=>Oe});var a,r,i,o,l,s,d,c,u,v,h,f,p,g,m,b,k,y,w,Z,E,x,M,C,B,N,W,S,L,R,D,I,A,T,O=n(3028),_=n(3395),P=n(1815),U=n(381),$=n(687),K=n(5066),z=n(8657),H=n.n(z),X=n(5727),Y=n(305),q=(n(2006),n(908)),j=n.n(q),F=n(1105),G=n(7397),J=n(2779),Q=n.n(J),V=n(1211),ee=n(4370),te=n(5702),ne=n(6365),ae=n(693),re=n(6436),ie=n(7853),{defineElement:oe,property:le,event:se,method:de}=(0,X.createDecorators)(),ce=(0,z.forwardRef)(Oe);r=oe("eo-diagram",{styleTexts:[re.Z]}),i=le({type:String}),l=le({attribute:!1}),d=le({attribute:!1}),u=le({attribute:!1}),h=le({attribute:!1}),p=le({attribute:!1}),m=le({type:String}),k=le({type:Boolean}),w=se({type:"activeNode.change"}),M=se({type:"node.delete"}),W=se({type:"line.dblclick"}),D=de();var ue=new WeakMap,ve=new WeakMap,he=new WeakMap,fe=new WeakMap,pe=new WeakMap,ge=new WeakMap,me=new WeakMap,be=new WeakMap,ke=new WeakMap,ye=new WeakMap,we=new WeakMap,Ze=new WeakMap,Ee=new WeakMap,xe=new WeakMap,Me=new WeakMap,Ce=new WeakMap,Be=new WeakMap,Ne=new WeakMap,We=new WeakMap;class Se extends Y.ReactNextElement{constructor(){super(...arguments),(0,_.Z)(this,Ce,{get:Te,set:Ae}),(0,_.Z)(this,Ee,{get:Ie,set:De}),(0,_.Z)(this,ye,{get:Re,set:Le}),(0,_.Z)(this,ue,{writable:!0,value:(I(this),o(this))}),(0,_.Z)(this,ve,{writable:!0,value:s(this)}),(0,_.Z)(this,he,{writable:!0,value:c(this)}),(0,_.Z)(this,fe,{writable:!0,value:v(this)}),(0,_.Z)(this,pe,{writable:!0,value:f(this)}),(0,_.Z)(this,ge,{writable:!0,value:g(this)}),(0,_.Z)(this,me,{writable:!0,value:b(this)}),(0,_.Z)(this,be,{writable:!0,value:y(this)}),(0,_.Z)(this,ke,{writable:!0,value:Z(this)}),(0,_.Z)(this,we,{writable:!0,value:e=>{(0,$.Z)(this,ye).emit(e)}}),(0,_.Z)(this,Ze,{writable:!0,value:C(this)}),(0,_.Z)(this,xe,{writable:!0,value:e=>{(0,$.Z)(this,Ee).emit(e)}}),(0,_.Z)(this,Me,{writable:!0,value:S(this)}),(0,_.Z)(this,Be,{writable:!0,value:e=>{(0,$.Z)(this,Ce).emit(e)}}),(0,_.Z)(this,Ne,{writable:!0,value:e=>{this.activeNodeId=e}}),(0,_.Z)(this,We,{writable:!0,value:(0,z.createRef)()})}get layout(){return(0,$.Z)(this,ue)}set layout(e){(0,U.Z)(this,ue,e)}get nodes(){return(0,$.Z)(this,ve)}set nodes(e){(0,U.Z)(this,ve,e)}get edges(){return(0,$.Z)(this,he)}set edges(e){(0,U.Z)(this,he,e)}get nodeBricks(){return(0,$.Z)(this,fe)}set nodeBricks(e){(0,U.Z)(this,fe,e)}get lines(){return(0,$.Z)(this,pe)}set lines(e){(0,U.Z)(this,pe,e)}get layoutOptions(){return(0,$.Z)(this,ge)}set layoutOptions(e){(0,U.Z)(this,ge,e)}get activeNodeId(){return(0,$.Z)(this,me)}set activeNodeId(e){(0,U.Z)(this,me,e)}get disableKeyboardAction(){return(0,$.Z)(this,be)}set disableKeyboardAction(e){(0,U.Z)(this,be,e)}callOnLineLabel(e,t){for(var n,a=arguments.length,r=new Array(a>2?a-2:0),i=2;i<a;i++)r[i-2]=arguments[i];null===(n=(0,$.Z)(this,We).current)||void 0===n||n.callOnLineLabel(e,t,...r)}render(){return H().createElement(ce,{ref:(0,$.Z)(this,We),layout:this.layout,nodes:this.nodes,edges:this.edges,nodeBricks:this.nodeBricks,lines:this.lines,layoutOptions:this.layoutOptions,activeNodeId:this.activeNodeId,disableKeyboardAction:this.disableKeyboardAction,onActiveNodeChange:(0,$.Z)(this,we),onSwitchActiveNode:(0,$.Z)(this,Ne),onNodeDelete:(0,$.Z)(this,xe),onLineDoubleClick:(0,$.Z)(this,Be)})}}function Le(e){x(this,e)}function Re(){return E(this)}function De(e){N(this,e)}function Ie(){return B(this)}function Ae(e){R(this,e)}function Te(){return L(this)}function Oe(e,t){var{layout:n,nodes:a,edges:r,nodeBricks:i,lines:o,layoutOptions:l,activeNodeId:s,disableKeyboardAction:d,onActiveNodeChange:c,onSwitchActiveNode:u,onNodeDelete:v,onLineDoubleClick:h}=e,[f,p]=(0,z.useState)(null),[g,m]=(0,z.useState)(!1),[b,k]=(0,z.useState)(0),[y,w]=(0,z.useState)(null),[Z,E]=(0,z.useState)(0),[x,M]=(0,z.useState)(null),[C,B]=(0,z.useState)([]),[N,W]=(0,z.useState)([]),[S,L]=(0,z.useState)([]),R=(0,z.useRef)(null),[D,I]=(0,z.useState)(!1),[A,T]=(0,z.useState)({k:1,x:0,y:0}),_=(0,z.useRef)(new Map),P=(0,z.useRef)(null),U=(0,z.useRef)(null),[$,K]=(0,z.useState)([0,0]),[X,Y]=(0,z.useState)(!1);(0,z.useImperativeHandle)(t,(()=>({callOnLineLabel(e,t){for(var n,a=arguments.length,r=new Array(a>2?a-2:0),i=2;i<a;i++)r[i-2]=arguments[i];null==x||null===(n=x.get(e))||void 0===n||null===(n=n.firstElementChild)||void 0===n||n[t](...r)}})));var q=(0,z.useMemo)((()=>(0,O.Z)({rankdir:"TB",ranksep:50,edgesep:10,nodesep:50,nodePadding:0},l)),[l]),{nodePadding:J}=q,re=(0,z.useMemo)((()=>(0,V.pick)(q,["rankdir","ranksep","edgesep","nodesep","align"])),[q]);(0,z.useEffect)((()=>{var e=s?null==a?void 0:a.find((e=>e.id===s)):void 0;null==c||c(e)}),[a,s,c]),(0,z.useEffect)((()=>{p((e=>{var t=new(j().graphlib.Graph);for(var n of(t.setGraph(re),t.setDefaultEdgeLabel((function(){return{}})),null!=a?a:[])){var i=null==e?void 0:e.node(n.id);t.setNode(n.id,(null==i?void 0:i.data)===n?i:{id:n.id,data:n})}for(var o of null!=r?r:[])t.setEdge(o.source,o.target,{data:o});return t}))}),[r,a,re]),(0,z.useEffect)((()=>{if(f&&y&&0!==f.nodeCount()){for(var e of f.nodes()){var t,n,a=f.node(e);if(a){var r=y.get(e);a.width=(null!==(t=null==r?void 0:r.offsetWidth)&&void 0!==t?t:10)+2*J,a.height=(null!==(n=null==r?void 0:r.offsetHeight)&&void 0!==n?n:10)+2*J}else console.error("Diagram node not found: %s",e)}j().layout(f);var i=[];for(var o of f.nodes()){var l,s=f.node(o);if(s){i.push(s);var d=s.x-s.width/2+J,c=s.y-s.height/2+J,u=null===(l=y.get(o))||void 0===l?void 0:l.parentElement;u&&(u.style.left="".concat(d,"px"),u.style.top="".concat(c,"px"),u.style.visibility="visible")}}B(i),W(f.edges().map((e=>f.edge(e))))}}),[f,y,b,J]);var{renderedLines:oe,markers:le}=(0,z.useMemo)((()=>(0,ae.b)(N,o)),[o,N]);(0,z.useEffect)((()=>{var e=P.current;if(e&&!d){var t=e=>{var t=(0,te.p)(e,{renderedNodes:C,renderedEdges:N,activeNodeId:s});"delete-node"===(null==t?void 0:t.action)?null==v||v(t.node):"switch-active-node"===(null==t?void 0:t.action)&&t.node&&(null==u||u(t.node.id))};return e.addEventListener("keydown",t),()=>{e.removeEventListener("keydown",t)}}}),[s,C,N,d,u,v]);var se=(0,z.useCallback)((e=>{e&&(k((e=>e+1)),w(e)),m((t=>t||!!e))}),[]),de=(0,z.useCallback)((e=>{e&&(E((e=>e+1)),M(e))}),[]);(0,z.useEffect)((()=>{var e=P.current,t=R.current;if(e&&t){var n=!1,a=(0,G.sP)().scaleExtent([1,1]).on("start",(()=>{n=!1,I(!0)})).on("zoom",(e=>{n=!0,T(e.transform)})).on("end",(()=>{I(!1),n||null==u||u(void 0)}));(0,F.Z)(t).call(a),(0,F.Z)(e).on("wheel.zoom",(e=>{e.stopPropagation(),e.preventDefault(),a.translateBy((0,F.Z)(t),e.wheelDeltaX/5,e.wheelDeltaY/5)}))}}),[u]),(0,z.useEffect)((()=>{var e=P.current;0!==C.length&&e&&!X&&(K((0,ne.i)(C,[e.clientWidth,e.clientHeight])),Y(!0))}),[X,C]);var ce=(0,z.useMemo)((()=>"".concat((0,V.uniqueId)("diagram-"),"-")),[]),ue="".concat(ce,"line-arrow-"),ve="".concat(ce,"clip-path-");(0,z.useEffect)((()=>{L((e=>0===e.length&&0===oe.length?e:oe.map((e=>{var{line:{text:t,label:n,$id:a},edge:r}=e,i=_.current.get(a);if((t||n)&&i&&i.getAttribute("d")){var{x:o,y:l,width:s,height:d}=i.getBBox(),c=1e3,u=o-c,v=l-c,h=o+s+c,f=l+d+c,p=i.getPointAtLength(i.getTotalLength()/2);return{text:t,label:n,edge:r,position:[p.x,p.y],lineRect:{left:u,top:v,right:h,bottom:f},id:a}}})).filter(Boolean)))}),[oe]);var[he,fe]=H().useState([]);return(0,z.useEffect)((()=>{x&&fe(S.map((e=>{var{id:t}=e,n=null==x?void 0:x.get(t);if(n){var{offsetWidth:a,offsetHeight:r}=n;if(0!==a&&0!==r)return{x0:n.offsetLeft-a/2-3,y0:n.offsetTop-r/2-3,w:a+6,h:r+6,id:t}}})).filter(Boolean))}),[Z,x,S]),"dagre"!==n?H().createElement("div",null,'Diagram layout not supported: "'.concat(n,'"')):H().createElement("div",{className:Q()("diagram",{ready:g&&X}),tabIndex:-1,ref:P},H().createElement("div",{className:Q()("dragger",{grabbing:D}),ref:R}),H().createElement("svg",{width:"100%",height:"100%",className:"lines"},H().createElement("defs",null,le.map(((e,t)=>{var{strokeColor:n}=e;return H().createElement("marker",{key:t,id:"".concat(ue).concat(t),viewBox:"0 0 6 6",refX:3,refY:3,markerWidth:6,markerHeight:6,orient:"auto"},H().createElement("path",{d:"M 0.5 0.5 L 5.5 3 L 0.5 5.5 z",stroke:n,strokeWidth:1,fill:n}))})),he.map((e=>{var{x0:t,y0:n,w:a,h:r,id:i}=e,o=S.find((e=>e.id===i));if(o){var{left:l,top:s,right:d,bottom:c}=o.lineRect;return H().createElement("clipPath",{key:i,id:"".concat(ve).concat(i)},H().createElement("polygon",{points:["".concat(t,",").concat(n+r),"".concat(t+a,",").concat(n+r),"".concat(t+a,",").concat(n),"".concat(t,",").concat(n),"".concat(t,",").concat(s),"".concat(d,",").concat(s),"".concat(d,",").concat(c),"".concat(l,",").concat(c),"".concat(l,",").concat(s),"".concat(t,",").concat(s)].join(" ")}))}}))),H().createElement("g",{transform:"translate(".concat($[0]+A.x," ").concat($[1]+A.y,") scale(").concat(A.k,")")},oe.map((e=>{var t,{line:n,d:a,markerIndex:r,edge:i}=e;return H().createElement("g",{className:Q()("line",{interactable:n.interactable}),key:n.$id,onDoubleClick:n.interactable?e=>(e.preventDefault(),e.stopPropagation(),null==h?void 0:h({id:n.$id,edge:i})):void 0},H().createElement("path",{ref:e=>_.current.set(n.$id,e),stroke:n.strokeColor,strokeWidth:n.strokeWidth,d:a,fill:"none",markerEnd:void 0===r?void 0:"url(#".concat(ue).concat(r,")"),clipPath:he.some((e=>e.id===n.$id))?"url(#".concat(ve).concat(n.$id,")"):void 0}),n.interactable&&H().createElement("path",{d:a,fill:"none",stroke:"transparent",strokeWidth:null!==(t=n.interactStrokeWidth)&&void 0!==t?t:5}))})))),H().createElement("div",{className:"line-labels",style:{left:$[0]+A.x,top:$[1]+A.y}},H().createElement(ie.L8,{labels:S,onRendered:de})),H().createElement("div",{className:"nodes",ref:U,style:{left:$[0]+A.x,top:$[1]+A.y}},H().createElement(ee.n,{nodes:a,nodeBricks:i,onRendered:se})))}A=Se,({e:[o,s,c,v,f,g,b,y,Z,E,x,C,B,N,S,L,R,I],c:[T,a]}=(0,K.Z)(A,[[i,1,"layout"],[l,1,"nodes"],[d,1,"edges"],[u,1,"nodeBricks"],[h,1,"lines"],[p,1,"layoutOptions"],[m,1,"activeNodeId"],[k,1,"disableKeyboardAction"],[w,1,"activeNodeChangeEvent",e=>(0,$.Z)(e,ke),(e,t)=>(0,U.Z)(e,ke,t)],[M,1,"nodeDelete",e=>(0,$.Z)(e,Ze),(e,t)=>(0,U.Z)(e,Ze,t)],[W,1,"lineDoubleClick",e=>(0,$.Z)(e,Me),(e,t)=>(0,U.Z)(e,Me,t)],[D,2,"callOnLineLabel"]],[r],0,(e=>We.has((0,P.Z)(e))),Y.ReactNextElement)),a()},5807:(e,t,n)=>{n.d(t,{M:()=>d});var a=n(3698),r=n(1479),i=n(6481),o=n(9389),l=n(8282),s=n(5004);function d(e,t,n){if(!Array.isArray(e))return"";var d;switch(n){case"curveBasis":d=a.ZP;break;case"curveBumpX":d=r.sj;break;case"curveBumpY":d=r.BW;break;case"curveMonotoneX":d=i.Z;break;case"curveMonotoneY":d=i.s;break;case"curveNatural":d=o.Z;break;default:d=l.Z}var c=0,u=0;if(t){var{x:v,y:h}=e[e.length-2],{x:f,y:p}=e[e.length-1],g=t/Math.sqrt(Math.pow(f-v,2)+Math.pow(p-h,2));c=(v-f)*g,u=(h-p)*g}var m=e;return(0,s.Z)().x(((t,n)=>t.x-(n===e.length-1?c:0))).y(((t,n)=>t.y-(n===e.length-1?u:0))).curve(d)(m)}},3442:(e,t,n)=>{n.d(t,{U:()=>r});var a=n(9464);function r(e,t){return null==t?void 0:t.find((t=>t.nodeType?[].concat(t.nodeType).includes(e.type):(0,a.checkIfByTransform)(t,{node:e})))}},6365:(e,t,n)=>{function a(e,t){var[n,a]=t,r=1/0,i=1/0,o=-1/0,l=-1/0;for(var s of e){var d=s.width/2,c=s.height/2,u=s.x-d,v=s.x+d,h=s.y-c,f=s.y+c;u<r&&(r=u),v>o&&(o=v),h<i&&(i=h),f>l&&(l=f)}return[(n-(o-r))/2-i,(a-(l-i))/2-r]}n.d(t,{i:()=>a})},693:(e,t,n)=>{n.d(t,{b:()=>u});var a=n(3028),r=n(2159),i=n(1211),o=n(9464),l=n(5093),s=n(5318),d=n(5807),c=["label"];function u(e,t){var n=[],u=[],v=function(e){var v,h=null!==(v=null==t?void 0:t.find((t=>(0,l.o)(e,t))))&&void 0!==v?v:{},{label:p}=h,g=(0,r.Z)(h,c),m=o.__secret_internals.legacyDoTransform({edge:e},g);if(!1===(null==m?void 0:m.draw))return 1;var b,k=(0,a.Z)((0,a.Z)({strokeColor:s.IC,strokeWidth:s._w,curveType:s.no,interactStrokeWidth:s.wl},m),{},{label:p,$id:(0,i.uniqueId)("line-")});if(k.arrow){var y={strokeColor:k.strokeColor};-1===(b=(0,i.findIndex)(u,y))&&(b=u.push(y)-1)}var w=(0,d.M)(f,k.arrow?-5:0,k.curveType);n.push({line:k,d:w,markerIndex:b,edge:e})};for(var{data:h,points:f}of e)v(h);return{renderedLines:n,markers:u}}},5702:(e,t,n)=>{n.d(t,{p:()=>r});var a=n(1211);function r(e,t){var{renderedNodes:n,renderedEdges:a,activeNodeId:r}=t,l=r?n.find((e=>e.id===r)):void 0;if(l){var s,d,c;switch(e.key||e.keyCode||e.which){case"ArrowLeft":case 37:d=i(n,l,-1),s="switch-active-node";break;case"ArrowUp":case 38:d=o(n,a,l,-1),s="switch-active-node";break;case"ArrowRight":case 39:d=i(n,l,1),s="switch-active-node";break;case"ArrowDown":case 40:d=o(n,a,l,1),s="switch-active-node";break;case"Backspace":case 8:case"Delete":case 46:s="delete-node",d=l}if(s)return e.preventDefault(),e.stopPropagation(),{action:s,node:null===(c=d)||void 0===c?void 0:c.data}}}function i(e,t,n){var r,i=e.filter((e=>e!==t&&(r=(e.x-t.x)*n)>0&&r>Math.abs(t.y-e.y)));return(0,a.minBy)(i,(e=>(t.y-e.y)**2+(t.x-e.x)**2))}function o(e,t,n,r){var i=1===r?"source":"target",o=1===r?"target":"source",l=t.filter((e=>{var{data:t}=e;return t[i]===n.id&&t[o]!==n.id})).map((t=>{var{data:n}=t;return e.find((e=>e.id===n[o]))})).filter((e=>e&&(e.y-n.y)*r>0));return(0,a.minBy)(l,(e=>(n.y-e.y)**2+(n.x-e.x)**2))}},5093:(e,t,n)=>{n.d(t,{o:()=>r});var a=n(9464);function r(e,t){return!!t&&(t.edgeType?[].concat(t.edgeType).includes(e.type):(0,a.checkIfByTransform)(t,{edge:e}))}},6436:(e,t,n)=>{n.d(t,{Z:()=>l});var a=n(9601),r=n.n(a),i=n(2609),o=n.n(i)()(r());o.push([e.id,":host{display:block;width:100%;height:100%;overflow:hidden}:host([hidden]){display:none}*{box-sizing:border-box}.diagram{width:100%;height:100%;position:relative;opacity:0}.diagram:focus{outline:none}.ready{opacity:1}.dragger,\n.lines,\n.line-labels,\n.nodes{position:absolute;top:0;left:0}.node{position:absolute;visibility:hidden}.dragger{width:100%;height:100%;cursor:-webkit-grab;cursor:grab}.grabbing{cursor:-webkit-grabbing;cursor:grabbing}.line-label{position:absolute;transform:translate(-50%,-50%);white-space:pre-line;width:-webkit-max-content;width:-moz-max-content;width:max-content;text-align:center}.lines{pointer-events:none}.line.interactable{pointer-events:auto}",""]);const l=o.toString()}}]);
|
|
2
|
-
//# sourceMappingURL=eo-diagram.ae269315.js.map
|
|
File without changes
|
|
File without changes
|