@next-bricks/diagram 0.64.1 → 0.64.2

package/dist/chunks/editable-label.5a0ece68.js

@@ -0,0 +1,3 @@
+/*! For license information please see editable-label.5a0ece68.js.LICENSE.txt */
+(globalThis.webpackChunk_next_bricks_diagram=globalThis.webpackChunk_next_bricks_diagram||[]).push([[2052,6006],{829:(e,t,n)=>{"use strict";n.d(t,{A:()=>i});var r=n(2559);function i(e,t){return e.get((0,r.A)(e,t))}},918:(e,t,n)=>{"use strict";n.d(t,{A:()=>i});var r=n(2016);function i(e,t,n){(0,r.A)(e,t),t.set(e,n)}},935:e=>{"use strict";e.exports=function(e){var t=[];return t.toString=function(){return this.map((function(t){var n="",r=void 0!==t[5];return t[4]&&(n+="@supports (".concat(t[4],") {")),t[2]&&(n+="@media ".concat(t[2]," {")),r&&(n+="@layer".concat(t[5].length>0?" ".concat(t[5]):""," {")),n+=e(t),r&&(n+="}"),t[2]&&(n+="}"),t[4]&&(n+="}"),n})).join("")},t.i=function(e,n,r,i,o){"string"==typeof e&&(e=[[null,e,void 0]]);var a={};if(r)for(var l=0;l<this.length;l++){var s=this[l][0];null!=s&&(a[s]=!0)}for(var c=0;c<e.length;c++){var u=[].concat(e[c]);r&&a[u[0]]||(void 0!==o&&(void 0===u[5]||(u[1]="@layer".concat(u[5].length>0?" ".concat(u[5]):""," {").concat(u[1],"}")),u[5]=o),n&&(u[2]?(u[1]="@media ".concat(u[2]," {").concat(u[1],"}"),u[2]=n):u[2]=n),i&&(u[4]?(u[1]="@supports (".concat(u[4],") {").concat(u[1],"}"),u[4]=i):u[4]="".concat(i)),t.push(u))}},t}},947:(e,t,n)=>{"use strict";n.r(t),n.d(t,{EditableLabel:()=>I,EditableLabelComponent:()=>N,LegacyEditableLabelComponent:()=>X});var r,i=n(4635),o=n(918),a=n(6902),l=n(5536),s=n(6121),c=n(829),u=n(2740),f=n(8769),h=n.n(f),d=n(7921),p=n(1280),b=(n(6477),n(3373)),g=n.n(b),v=n(3971);let y,m,A,w,x,E,k,S,C,j,O,M,P,T,z,W;const{defineElement:D,property:L,event:R,method:_}=(0,d.createDecorators)(),N=(0,f.forwardRef)(X);let I;var B=new WeakMap,H=new WeakMap,K=new WeakMap,q=new WeakMap,F=new WeakSet,G=new WeakMap,J=new WeakMap,Q=new WeakMap,U=new WeakMap;class V extends p.ReactNextElement{constructor(){super(...arguments),(0,i.A)(this,F),(0,o.A)(this,B,(y(this),A(this))),(0,o.A)(this,H,(w(this),x(this))),(0,o.A)(this,K,(E(this),k(this))),(0,o.A)(this,q,(S(this),C(this))),(0,o.A)(this,G,(M(this),e=>{(0,l.A)(F,this,j).emit(e)})),(0,o.A)(this,J,P(this)),(0,o.A)(this,Q,(W(this),e=>{(0,l.A)(F,this,T).emit(e)})),(0,o.A)(this,U,(0,f.createRef)())}get label(){return(0,c.A)(B,this)}set label(e){(0,s.A)(B,this,e)}get type(){return(0,c.A)(H,this)}set type(e){(0,s.A)(H,this,e)}get readOnly(){return(0,c.A)(K,this)}set readOnly(e){(0,s.A)(K,this,e)}enableEditing(){var e;null===(e=(0,c.A)(U,this).current)||void 0===e||e.enableEditing()}render(){return h().createElement(N,{ref:(0,c.A)(U,this),label:this.label,readOnly:this.readOnly,onLabelEditingChange:(0,c.A)(G,this),onLabelChange:(0,c.A)(Q,this)})}}function X(e,t){let{label:n,readOnly:r,onLabelChange:i,onLabelEditingChange:o}=e;const a=null!=n?n:"",[l,s]=(0,f.useState)(a),[c,u]=(0,f.useState)(!1),d=(0,f.useRef)(!1),[p,b]=(0,f.useState)(!1),v=(0,f.useRef)(null);(0,f.useImperativeHandle)(t,(()=>({enableEditing(){r||u(!0)}}))),(0,f.useEffect)((()=>{s(a)}),[a]);const y=(0,f.useCallback)((e=>{r||(e.preventDefault(),e.stopPropagation(),u(!0))}),[r]);(0,f.useEffect)((()=>{var e,t;c&&(null===(e=v.current)||void 0===e||e.focus({preventScroll:!0}),null===(t=v.current)||void 0===t||t.select())}),[c]),(0,f.useEffect)((()=>{d.current?null==o||o(c):d.current=!0}),[c,o]);const m=(0,f.useCallback)((e=>{s(e.target.value)}),[]),A=(0,f.useCallback)((e=>{e.stopPropagation();const t=e.key||e.keyCode||e.which;var n;"Enter"!==t&&13!==t||null===(n=v.current)||void 0===n||n.blur()}),[]),w=(0,f.useCallback)((()=>{u(!1),b(!0)}),[]);(0,f.useEffect)((()=>{p&&(null==i||i(l),b(!1))}),[l,i,p]);const x=(0,f.useCallback)((e=>{e.stopPropagation()}),[]);return h().createElement("div",{className:g()("label",{editing:c,empty:!l}),onDoubleClick:x,onMouseDown:x},h().createElement("input",{className:"label-input",value:l,ref:v,onChange:m,onKeyDown:A,onBlur:w,onContextMenu:x}),h().createElement("div",{className:"label-text",onDoubleClick:y},l))}r=V,({e:[A,w,x,E,k,S,C,j,O,M,P,T,z,W,y],c:[I,m]}=(0,u.A)(r,[D("diagram.editable-label",{styleTexts:[v.A]})],[[L(),1,"label"],[L({render:!1}),1,"type"],[L({type:Boolean}),1,"readOnly"],[R({type:"label.editing.change"}),1,"labelEditingChange",e=>(0,c.A)(q,e),(e,t)=>(0,s.A)(q,e,t)],[R({type:"label.change"}),1,"labelChange",e=>(0,c.A)(J,e),(e,t)=>(0,s.A)(J,e,t)],[_(),2,"enableEditing"]],0,(e=>U.has((0,a.A)(e))),p.ReactNextElement)),m()},1369:(e,t,n)=>{"use strict";n.d(t,{A:()=>i});var r=n(7545);function i(e){var t=function(e){if("object"!=(0,r.A)(e)||!e)return e;var t=e[Symbol.toPrimitive];if(void 0!==t){var n=t.call(e,"string");if("object"!=(0,r.A)(n))return n;throw new TypeError("@@toPrimitive must return a primitive value.")}return String(e)}(e);return"symbol"==(0,r.A)(t)?t:t+""}},2016:(e,t,n)=>{"use strict";function r(e,t){if(t.has(e))throw new TypeError("Cannot initialize the same private elements twice on an object")}n.d(t,{A:()=>r})},2559:(e,t,n)=>{"use strict";function r(e,t,n){if("function"==typeof e?e===t:e.has(t))return arguments.length<3?t:n;throw new TypeError("Private element is not present on this object")}n.d(t,{A:()=>r})},2740:(e,t,n)=>{"use strict";n.d(t,{A:()=>l});var r=n(7545),i=n(6902);function o(e,t,n){"symbol"==(0,r.A)(t)&&(t=(t=t.description)?"["+t+"]":"");try{Object.defineProperty(e,"name",{configurable:!0,value:n?n+" "+t:t})}catch(e){}return e}var a=n(1369);function l(e,t,n,l,s,c){var u,f,h,d,p,b,g,v=Symbol.metadata||Symbol.for("Symbol.metadata"),y=Object.defineProperty,m=Object.create,A=[m(null),m(null)],w=t.length;function x(t,n,r){return function(i,o){n&&(o=i,i=e);for(var a=0;a<t.length;a++)o=t[a].apply(i,r?[o]:[]);return r?o:i}}function E(e,t,n,r){if("function"!=typeof e&&(r||void 0!==e))throw new TypeError(t+" must "+(n||"be")+" a function"+(r?"":" or undefined"));return e}function k(e,t,n,i,a,l,s,c,h,d,p){function b(e){if(!p(e))throw new TypeError("Attempted to access private element on non-instance")}var g=[].concat(t[0]),v=t[3],m=!s,w=1===a,k=3===a,S=4===a,C=2===a;function j(t,n,r){return function(i,o){return n&&(o=i,i=e),r&&r(i),O[t].call(i,o)}}if(!m){var O={},M=[],P=k?"get":S||w?"set":"value";if(h?(d||w?O={get:o((function(){return v(this)}),i,"get"),set:function(e){t[4](this,e)}}:O[P]=v,d||o(O[P],i,C?"":P)):d||(O=Object.getOwnPropertyDescriptor(e,i)),!d&&!h){if((f=A[+c][i])&&7!=(f^a))throw Error("Decorating two elements with the same name ("+O[P].name+") is not supported yet");A[+c][i]=a<3?1:a}}for(var T=e,z=g.length-1;z>=0;z-=n?2:1){var W=E(g[z],"A decorator","be",!0),D=n?g[z-1]:void 0,L={},R={kind:["field","accessor","method","getter","setter","class"][a],name:i,metadata:u,addInitializer:function(e,t){if(e.v)throw Error("attempted to call addInitializer after decoration was finished");E(t,"An initializer","be",!0),l.push(t)}.bind(null,L)};if(m)f=W.call(D,T,R),L.v=1,E(f,"class decorators","return")&&(T=f);else if(R.static=c,R.private=h,f=R.access={has:h?p.bind():function(e){return i in e}},S||(f.get=h?C?function(e){return b(e),O.value}:j("get",0,b):function(e){return e[i]}),C||k||(f.set=h?j("set",0,b):function(e,t){e[i]=t}),T=W.call(D,w?{get:O.get,set:O.set}:O[P],R),L.v=1,w){if("object"==(0,r.A)(T)&&T)(f=E(T.get,"accessor.get"))&&(O.get=f),(f=E(T.set,"accessor.set"))&&(O.set=f),(f=E(T.init,"accessor.init"))&&M.unshift(f);else if(void 0!==T)throw new TypeError("accessor decorators must return an object with get, set, or init properties or undefined")}else E(T,(d?"field":"method")+" decorators","return")&&(d?M.unshift(T):O[P]=T)}return a<2&&s.push(x(M,c,1),x(l,c,0)),d||m||(h?w?s.splice(-1,0,j("get",c),j("set",c)):s.push(C?O[P]:E.call.bind(O[P])):y(e,i,O)),T}function S(e){return y(e,v,{configurable:!0,enumerable:!0,value:u})}return void 0!==c&&(u=c[v]),u=m(null==u?null:u),p=[],b=function(e){e&&p.push(x(e))},g=function(t,r){for(var o=0;o<n.length;o++){var l=n[o],c=l[1],u=7&c;if((8&c)==t&&!u==r){var f=l[2],b=!!l[3],g=16&c;k(t?e:e.prototype,l,g,b?"#"+f:(0,a.A)(f),u,u<2?[]:t?d=d||[]:h=h||[],p,!!t,b,r,t&&b?function(t){return(0,i.A)(t)===e}:s)}}},g(8,0),g(0,0),g(8,1),g(0,1),b(h),b(d),f=p,w||S(e),{e:f,get c(){var n=[];return w&&[S(e=k(e,[t],l,e.name,5,n)),x(n,1)]}}}},3373:(e,t)=>{var n;!function(){"use strict";var r={}.hasOwnProperty;function i(){for(var e="",t=0;t<arguments.length;t++){var n=arguments[t];n&&(e=a(e,o(n)))}return e}function o(e){if("string"==typeof e||"number"==typeof e)return e;if("object"!=typeof e)return"";if(Array.isArray(e))return i.apply(null,e);if(e.toString!==Object.prototype.toString&&!e.toString.toString().includes("[native code]"))return e.toString();var t="";for(var n in e)r.call(e,n)&&e[n]&&(t=a(t,n));return t}function a(e,t){return t?e?e+" "+t:e+t:e}e.exports?(i.default=i,e.exports=i):void 0===(n=function(){return i}.apply(t,[]))||(e.exports=n)}()},3971:(e,t,n)=>{"use strict";n.d(t,{A:()=>l});var r=n(6758),i=n.n(r),o=n(935),a=n.n(o)()(i());a.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;user-select:text}.label-text{overflow:hidden;white-space:nowrap;text-overflow:ellipsis;-webkit-user-select:none;user-select:none}.label.editing .label-text,\n.label.empty:not(.editing) .label-text,\n.label:not(.editing) .label-input{display:none}',""]);const l=a.toString()},4635:(e,t,n)=>{"use strict";n.d(t,{A:()=>i});var r=n(2016);function i(e,t){(0,r.A)(e,t),t.add(e)}},5536:(e,t,n)=>{"use strict";n.d(t,{A:()=>i});var r=n(2559);function i(e,t,n){return n((0,r.A)(e,t))}},6121:(e,t,n)=>{"use strict";n.d(t,{A:()=>i});var r=n(2559);function i(e,t,n){return e.set((0,r.A)(e,t),n),n}},6758:e=>{"use strict";e.exports=function(e){return e[1]}},6902:(e,t,n)=>{"use strict";n.d(t,{A:()=>i});var r=n(7545);function i(e){if(Object(e)!==e)throw TypeError("right-hand side of 'in' should be an object, got "+(null!==e?(0,r.A)(e):"null"));return e}},7545:(e,t,n)=>{"use strict";function r(e){return r="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},r(e)}n.d(t,{A:()=>r})}}]);
+//# sourceMappingURL=editable-label.5a0ece68.js.map

package/dist/chunks/editable-label.5a0ece68.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"chunks/editable-label.5a0ece68.js","mappings":"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","sources":["webpack:///../../node_modules/@babel/runtime/helpers/esm/classPrivateFieldGet2.js","webpack:///../../node_modules/@babel/runtime/helpers/esm/classPrivateFieldInitSpec.js","webpack:///../../node_modules/css-loader/dist/runtime/api.js","webpack:///./src/editable-label/index.tsx","webpack:///../../node_modules/@babel/runtime/helpers/esm/toPropertyKey.js","webpack:///../../node_modules/@babel/runtime/helpers/esm/toPrimitive.js","webpack:///../../node_modules/@babel/runtime/helpers/esm/checkPrivateRedeclaration.js","webpack:///../../node_modules/@babel/runtime/helpers/esm/assertClassBrand.js","webpack:///../../node_modules/@babel/runtime/helpers/esm/setFunctionName.js","webpack:///../../node_modules/@babel/runtime/helpers/esm/applyDecs2311.js","webpack:///../../node_modules/classnames/index.js","webpack:///./src/editable-label/styles.shadow.css","webpack:///../../node_modules/@babel/runtime/helpers/esm/classPrivateMethodInitSpec.js","webpack:///../../node_modules/@babel/runtime/helpers/esm/classPrivateGetter.js","webpack:///../../node_modules/@babel/runtime/helpers/esm/classPrivateFieldSet2.js","webpack:///../../node_modules/css-loader/dist/runtime/noSourceMaps.js","webpack:///../../node_modules/@babel/runtime/helpers/esm/checkInRHS.js","webpack:///../../node_modules/@babel/runtime/helpers/esm/typeof.js"],"sourcesContent":["import assertClassBrand from \"./assertClassBrand.js\";\nexport default function _classPrivateFieldGet2(s, a) {\n  return s.get(assertClassBrand(s, a));\n}","import checkPrivateRedeclaration from \"./checkPrivateRedeclaration.js\";\nexport default function _classPrivateFieldInitSpec(obj, privateMap, value) {\n  checkPrivateRedeclaration(obj, privateMap);\n  privateMap.set(obj, value);\n}","\"use strict\";\n\n/*\n  MIT License http://www.opensource.org/licenses/mit-license.php\n  Author Tobias Koppers @sokra\n*/\nmodule.exports = function (cssWithMappingToString) {\n  var list = [];\n\n  // return the list of modules as css string\n  list.toString = function toString() {\n    return this.map(function (item) {\n      var content = \"\";\n      var needLayer = typeof item[5] !== \"undefined\";\n      if (item[4]) {\n        content += \"@supports (\".concat(item[4], \") {\");\n      }\n      if (item[2]) {\n        content += \"@media \".concat(item[2], \" {\");\n      }\n      if (needLayer) {\n        content += \"@layer\".concat(item[5].length > 0 ? \" \".concat(item[5]) : \"\", \" {\");\n      }\n      content += cssWithMappingToString(item);\n      if (needLayer) {\n        content += \"}\";\n      }\n      if (item[2]) {\n        content += \"}\";\n      }\n      if (item[4]) {\n        content += \"}\";\n      }\n      return content;\n    }).join(\"\");\n  };\n\n  // import a list of modules into the list\n  list.i = function i(modules, media, dedupe, supports, layer) {\n    if (typeof modules === \"string\") {\n      modules = [[null, modules, undefined]];\n    }\n    var alreadyImportedModules = {};\n    if (dedupe) {\n      for (var k = 0; k < this.length; k++) {\n        var id = this[k][0];\n        if (id != null) {\n          alreadyImportedModules[id] = true;\n        }\n      }\n    }\n    for (var _k = 0; _k < modules.length; _k++) {\n      var item = [].concat(modules[_k]);\n      if (dedupe && alreadyImportedModules[item[0]]) {\n        continue;\n      }\n      if (typeof layer !== \"undefined\") {\n        if (typeof item[5] === \"undefined\") {\n          item[5] = layer;\n        } else {\n          item[1] = \"@layer\".concat(item[5].length > 0 ? \" \".concat(item[5]) : \"\", \" {\").concat(item[1], \"}\");\n          item[5] = layer;\n        }\n      }\n      if (media) {\n        if (!item[2]) {\n          item[2] = media;\n        } else {\n          item[1] = \"@media \".concat(item[2], \" {\").concat(item[1], \"}\");\n          item[2] = media;\n        }\n      }\n      if (supports) {\n        if (!item[4]) {\n          item[4] = \"\".concat(supports);\n        } else {\n          item[1] = \"@supports (\".concat(item[4], \") {\").concat(item[1], \"}\");\n          item[4] = supports;\n        }\n      }\n      list.push(item);\n    }\n  };\n  return list;\n};","import React, {\n  createRef,\n  forwardRef,\n  useCallback,\n  useEffect,\n  useImperativeHandle,\n  useRef,\n  useState,\n} from \"react\";\nimport { EventEmitter, createDecorators } from \"@next-core/element\";\nimport { ReactNextElement } from \"@next-core/react-element\";\nimport \"@next-core/theme\";\nimport classNames from \"classnames\";\nimport styleText from \"./styles.shadow.css\";\n\nconst { defineElement, property, event, method } = createDecorators();\n\nexport interface EditableLabelProps {\n  label?: string;\n  type?: LabelType;\n  readOnly?: boolean;\n}\n\nexport type LabelType = \"line\" | \"default\";\n\nexport interface EditableLabelRef {\n  enableEditing(): void;\n}\n\nexport const EditableLabelComponent = forwardRef(LegacyEditableLabelComponent);\n\n/**\n * 构件 `diagram.editable-label`\n */\nexport\n@defineElement(\"diagram.editable-label\", {\n  styleTexts: [styleText],\n})\nclass EditableLabel extends ReactNextElement implements EditableLabelProps {\n  @property()\n  accessor label: string | undefined;\n\n  @property({ render: false })\n  accessor type: LabelType | undefined;\n\n  @property({ type: Boolean })\n  accessor readOnly: boolean | undefined;\n\n  @event({ type: \"label.editing.change\" })\n  accessor #labelEditingChange!: EventEmitter<boolean>;\n\n  #handleLabelEditingChange = (value: boolean) => {\n    this.#labelEditingChange.emit(value);\n  };\n\n  @event({ type: \"label.change\" })\n  accessor #labelChange!: EventEmitter<string>;\n\n  #handleLabelChange = (value: string) => {\n    this.#labelChange.emit(value);\n  };\n\n  @method()\n  enableEditing() {\n    this.#editableLabelRef.current?.enableEditing();\n  }\n\n  #editableLabelRef = createRef<EditableLabelRef>();\n\n  render() {\n    return (\n      <EditableLabelComponent\n        ref={this.#editableLabelRef}\n        label={this.label}\n        readOnly={this.readOnly}\n        onLabelEditingChange={this.#handleLabelEditingChange}\n        onLabelChange={this.#handleLabelChange}\n      />\n    );\n  }\n}\n\nexport interface EditableLabelComponentProps extends EditableLabelProps {\n  onLabelEditingChange?(value: boolean): void;\n  onLabelChange?(value: string): void;\n}\n\nexport function LegacyEditableLabelComponent(\n  {\n    label: _label,\n    readOnly,\n    onLabelChange,\n    onLabelEditingChange,\n  }: EditableLabelComponentProps,\n  ref: React.Ref<EditableLabelRef>\n) {\n  const label = _label ?? \"\";\n  const [currentLabel, setCurrentLabel] = useState<string>(label);\n  const [editingLabel, setEditingLabel] = useState(false);\n  const editingLabelInitialized = useRef(false);\n  const [shouldEmitLabelChange, setShouldEmitLabelChange] = useState(false);\n  const labelInputRef = useRef<HTMLInputElement>(null);\n\n  useImperativeHandle(ref, () => ({\n    enableEditing() {\n      readOnly || setEditingLabel(true);\n    },\n  }));\n\n  useEffect(() => {\n    setCurrentLabel(label);\n  }, [label]);\n\n  const handleEditLabel = useCallback(\n    (e: React.MouseEvent) => {\n      if (readOnly) {\n        return;\n      }\n      e.preventDefault();\n      e.stopPropagation();\n      setEditingLabel(true);\n    },\n    [readOnly]\n  );\n\n  useEffect(() => {\n    if (editingLabel) {\n      // Prevent scroll when focusing.\n      // Otherwise the diagram svg may be clipped in Chrome.\n      labelInputRef.current?.focus({ preventScroll: true });\n      labelInputRef.current?.select();\n    }\n  }, [editingLabel]);\n\n  useEffect(() => {\n    if (editingLabelInitialized.current) {\n      onLabelEditingChange?.(editingLabel);\n    } else {\n      editingLabelInitialized.current = true;\n    }\n  }, [editingLabel, onLabelEditingChange]);\n\n  const handleInputChange = useCallback(\n    (event: React.ChangeEvent<HTMLInputElement>) => {\n      setCurrentLabel(event.target.value);\n    },\n    []\n  );\n\n  const handleInputKeydown = useCallback((event: React.KeyboardEvent) => {\n    event.stopPropagation();\n    const key =\n      event.key ||\n      /* istanbul ignore next: compatibility */ event.keyCode ||\n      /* istanbul ignore next: compatibility */ event.which;\n    if (key === \"Enter\" || key === 13) {\n      labelInputRef.current?.blur();\n    }\n  }, []);\n\n  const handleInputBlur = useCallback(() => {\n    setEditingLabel(false);\n    setShouldEmitLabelChange(true);\n  }, []);\n\n  useEffect(() => {\n    if (shouldEmitLabelChange) {\n      onLabelChange?.(currentLabel);\n      setShouldEmitLabelChange(false);\n    }\n  }, [currentLabel, onLabelChange, shouldEmitLabelChange]);\n\n  const stopPropagation = useCallback((e: React.MouseEvent) => {\n    e.stopPropagation();\n  }, []);\n\n  return (\n    <div\n      className={classNames(\"label\", {\n        editing: editingLabel,\n        empty: !currentLabel,\n      })}\n      onDoubleClick={stopPropagation}\n      onMouseDown={stopPropagation}\n    >\n      <input\n        className=\"label-input\"\n        value={currentLabel}\n        ref={labelInputRef}\n        onChange={handleInputChange}\n        onKeyDown={handleInputKeydown}\n        onBlur={handleInputBlur}\n        onContextMenu={stopPropagation}\n      />\n      <div className=\"label-text\" onDoubleClick={handleEditLabel}>\n        {currentLabel}\n      </div>\n    </div>\n  );\n}\n","import _typeof from \"./typeof.js\";\nimport toPrimitive from \"./toPrimitive.js\";\nexport default function toPropertyKey(t) {\n  var i = toPrimitive(t, \"string\");\n  return \"symbol\" == _typeof(i) ? i : i + \"\";\n}","import _typeof from \"./typeof.js\";\nexport default function toPrimitive(t, r) {\n  if (\"object\" != _typeof(t) || !t) return t;\n  var e = t[Symbol.toPrimitive];\n  if (void 0 !== e) {\n    var i = e.call(t, r || \"default\");\n    if (\"object\" != _typeof(i)) return i;\n    throw new TypeError(\"@@toPrimitive must return a primitive value.\");\n  }\n  return (\"string\" === r ? String : Number)(t);\n}","export default function _checkPrivateRedeclaration(obj, privateCollection) {\n  if (privateCollection.has(obj)) {\n    throw new TypeError(\"Cannot initialize the same private elements twice on an object\");\n  }\n}","export default function _assertClassBrand(e, t, n) {\n  if (\"function\" == typeof e ? e === t : e.has(t)) return arguments.length < 3 ? t : n;\n  throw new TypeError(\"Private element is not present on this object\");\n}","import _typeof from \"./typeof.js\";\nexport default function setFunctionName(e, t, n) {\n  \"symbol\" == _typeof(t) && (t = (t = t.description) ? \"[\" + t + \"]\" : \"\");\n  try {\n    Object.defineProperty(e, \"name\", {\n      configurable: !0,\n      value: n ? n + \" \" + t : t\n    });\n  } catch (e) {}\n  return e;\n}","import _typeof from \"./typeof.js\";\nimport checkInRHS from \"./checkInRHS.js\";\nimport setFunctionName from \"./setFunctionName.js\";\nimport toPropertyKey from \"./toPropertyKey.js\";\nexport default function applyDecs2311(e, t, n, r, o, i) {\n  var a,\n    c,\n    u,\n    s,\n    f,\n    l,\n    p,\n    d = Symbol.metadata || Symbol[\"for\"](\"Symbol.metadata\"),\n    m = Object.defineProperty,\n    h = Object.create,\n    y = [h(null), h(null)],\n    v = t.length;\n  function g(t, n, r) {\n    return function (o, i) {\n      n && (i = o, o = e);\n      for (var a = 0; a < t.length; a++) i = t[a].apply(o, r ? [i] : []);\n      return r ? i : o;\n    };\n  }\n  function b(e, t, n, r) {\n    if (\"function\" != typeof e && (r || void 0 !== e)) throw new TypeError(t + \" must \" + (n || \"be\") + \" a function\" + (r ? \"\" : \" or undefined\"));\n    return e;\n  }\n  function applyDec(e, t, n, r, o, i, u, s, f, l, p) {\n    function d(e) {\n      if (!p(e)) throw new TypeError(\"Attempted to access private element on non-instance\");\n    }\n    var h = [].concat(t[0]),\n      v = t[3],\n      w = !u,\n      D = 1 === o,\n      S = 3 === o,\n      j = 4 === o,\n      E = 2 === o;\n    function I(t, n, r) {\n      return function (o, i) {\n        return n && (i = o, o = e), r && r(o), P[t].call(o, i);\n      };\n    }\n    if (!w) {\n      var P = {},\n        k = [],\n        F = S ? \"get\" : j || D ? \"set\" : \"value\";\n      if (f ? (l || D ? P = {\n        get: setFunctionName(function () {\n          return v(this);\n        }, r, \"get\"),\n        set: function set(e) {\n          t[4](this, e);\n        }\n      } : P[F] = v, l || setFunctionName(P[F], r, E ? \"\" : F)) : l || (P = Object.getOwnPropertyDescriptor(e, r)), !l && !f) {\n        if ((c = y[+s][r]) && 7 != (c ^ o)) throw Error(\"Decorating two elements with the same name (\" + P[F].name + \") is not supported yet\");\n        y[+s][r] = o < 3 ? 1 : o;\n      }\n    }\n    for (var N = e, O = h.length - 1; O >= 0; O -= n ? 2 : 1) {\n      var z = b(h[O], \"A decorator\", \"be\", !0),\n        A = n ? h[O - 1] : void 0,\n        H = {},\n        K = {\n          kind: [\"field\", \"accessor\", \"method\", \"getter\", \"setter\", \"class\"][o],\n          name: r,\n          metadata: a,\n          addInitializer: function (e, t) {\n            if (e.v) throw Error(\"attempted to call addInitializer after decoration was finished\");\n            b(t, \"An initializer\", \"be\", !0), i.push(t);\n          }.bind(null, H)\n        };\n      if (w) c = z.call(A, N, K), H.v = 1, b(c, \"class decorators\", \"return\") && (N = c);else if (K[\"static\"] = s, K[\"private\"] = f, c = K.access = {\n        has: f ? p.bind() : function (e) {\n          return r in e;\n        }\n      }, j || (c.get = f ? E ? function (e) {\n        return d(e), P.value;\n      } : I(\"get\", 0, d) : function (e) {\n        return e[r];\n      }), E || S || (c.set = f ? I(\"set\", 0, d) : function (e, t) {\n        e[r] = t;\n      }), N = z.call(A, D ? {\n        get: P.get,\n        set: P.set\n      } : P[F], K), H.v = 1, D) {\n        if (\"object\" == _typeof(N) && N) (c = b(N.get, \"accessor.get\")) && (P.get = c), (c = b(N.set, \"accessor.set\")) && (P.set = c), (c = b(N.init, \"accessor.init\")) && k.unshift(c);else if (void 0 !== N) throw new TypeError(\"accessor decorators must return an object with get, set, or init properties or undefined\");\n      } else b(N, (l ? \"field\" : \"method\") + \" decorators\", \"return\") && (l ? k.unshift(N) : P[F] = N);\n    }\n    return o < 2 && u.push(g(k, s, 1), g(i, s, 0)), l || w || (f ? D ? u.splice(-1, 0, I(\"get\", s), I(\"set\", s)) : u.push(E ? P[F] : b.call.bind(P[F])) : m(e, r, P)), N;\n  }\n  function w(e) {\n    return m(e, d, {\n      configurable: !0,\n      enumerable: !0,\n      value: a\n    });\n  }\n  return void 0 !== i && (a = i[d]), a = h(null == a ? null : a), f = [], l = function l(e) {\n    e && f.push(g(e));\n  }, p = function p(t, r) {\n    for (var i = 0; i < n.length; i++) {\n      var a = n[i],\n        c = a[1],\n        l = 7 & c;\n      if ((8 & c) == t && !l == r) {\n        var p = a[2],\n          d = !!a[3],\n          m = 16 & c;\n        applyDec(t ? e : e.prototype, a, m, d ? \"#\" + p : toPropertyKey(p), l, l < 2 ? [] : t ? s = s || [] : u = u || [], f, !!t, d, r, t && d ? function (t) {\n          return checkInRHS(t) === e;\n        } : o);\n      }\n    }\n  }, p(8, 0), p(0, 0), p(8, 1), p(0, 1), l(u), l(s), c = f, v || w(e), {\n    e: c,\n    get c() {\n      var n = [];\n      return v && [w(e = applyDec(e, [t], r, e.name, 5, n)), g(n, 1)];\n    }\n  };\n}","/*!\n\tCopyright (c) 2018 Jed Watson.\n\tLicensed under the MIT License (MIT), see\n\thttp://jedwatson.github.io/classnames\n*/\n/* global define */\n\n(function () {\n\t'use strict';\n\n\tvar hasOwn = {}.hasOwnProperty;\n\n\tfunction classNames () {\n\t\tvar classes = '';\n\n\t\tfor (var i = 0; i < arguments.length; i++) {\n\t\t\tvar arg = arguments[i];\n\t\t\tif (arg) {\n\t\t\t\tclasses = appendClass(classes, parseValue(arg));\n\t\t\t}\n\t\t}\n\n\t\treturn classes;\n\t}\n\n\tfunction parseValue (arg) {\n\t\tif (typeof arg === 'string' || typeof arg === 'number') {\n\t\t\treturn arg;\n\t\t}\n\n\t\tif (typeof arg !== 'object') {\n\t\t\treturn '';\n\t\t}\n\n\t\tif (Array.isArray(arg)) {\n\t\t\treturn classNames.apply(null, arg);\n\t\t}\n\n\t\tif (arg.toString !== Object.prototype.toString && !arg.toString.toString().includes('[native code]')) {\n\t\t\treturn arg.toString();\n\t\t}\n\n\t\tvar classes = '';\n\n\t\tfor (var key in arg) {\n\t\t\tif (hasOwn.call(arg, key) && arg[key]) {\n\t\t\t\tclasses = appendClass(classes, key);\n\t\t\t}\n\t\t}\n\n\t\treturn classes;\n\t}\n\n\tfunction appendClass (value, newClass) {\n\t\tif (!newClass) {\n\t\t\treturn value;\n\t\t}\n\t\n\t\tif (value) {\n\t\t\treturn value + ' ' + newClass;\n\t\t}\n\t\n\t\treturn value + newClass;\n\t}\n\n\tif (typeof module !== 'undefined' && module.exports) {\n\t\tclassNames.default = classNames;\n\t\tmodule.exports = classNames;\n\t} else if (typeof define === 'function' && typeof define.amd === 'object' && define.amd) {\n\t\t// register as 'classnames', consistent with npm package name\n\t\tdefine('classnames', [], function () {\n\t\t\treturn classNames;\n\t\t});\n\t} else {\n\t\twindow.classNames = classNames;\n\t}\n}());\n","// Imports\nimport ___CSS_LOADER_API_NO_SOURCEMAP_IMPORT___ from \"../../../../node_modules/css-loader/dist/runtime/noSourceMaps.js\";\nimport ___CSS_LOADER_API_IMPORT___ from \"../../../../node_modules/css-loader/dist/runtime/api.js\";\nvar ___CSS_LOADER_EXPORT___ = ___CSS_LOADER_API_IMPORT___(___CSS_LOADER_API_NO_SOURCEMAP_IMPORT___);\n// Module\n___CSS_LOADER_EXPORT___.push([module.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;user-select:text}.label-text{overflow:hidden;white-space:nowrap;text-overflow:ellipsis;-webkit-user-select:none;user-select:none}.label.editing .label-text,\n.label.empty:not(.editing) .label-text,\n.label:not(.editing) .label-input{display:none}`, \"\"]);\n// Exports\nexport default ___CSS_LOADER_EXPORT___.toString();\n","import checkPrivateRedeclaration from \"./checkPrivateRedeclaration.js\";\nexport default function _classPrivateMethodInitSpec(obj, privateSet) {\n  checkPrivateRedeclaration(obj, privateSet);\n  privateSet.add(obj);\n}","import assertClassBrand from \"./assertClassBrand.js\";\nexport default function _classPrivateGetter(s, r, a) {\n  return a(assertClassBrand(s, r));\n}","import assertClassBrand from \"./assertClassBrand.js\";\nexport default function _classPrivateFieldSet2(s, a, r) {\n  return s.set(assertClassBrand(s, a), r), r;\n}","\"use strict\";\n\nmodule.exports = function (i) {\n  return i[1];\n};","import _typeof from \"./typeof.js\";\nexport default function _checkInRHS(e) {\n  if (Object(e) !== e) throw TypeError(\"right-hand side of 'in' should be an object, got \" + (null !== e ? _typeof(e) : \"null\"));\n  return e;\n}","export default function _typeof(o) {\n  \"@babel/helpers - typeof\";\n\n  return _typeof = \"function\" == typeof Symbol && \"symbol\" == typeof Symbol.iterator ? function (o) {\n    return typeof o;\n  } : function (o) {\n    return o && \"function\" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? \"symbol\" : typeof o;\n  }, _typeof(o);\n}"],"names":["_classPrivateFieldGet2","s","a","get","_classPrivateFieldInitSpec","obj","privateMap","value","set","module","exports","cssWithMappingToString","list","toString","this","map","item","content","needLayer","concat","length","join","i","modules","media","dedupe","supports","layer","undefined","alreadyImportedModules","k","id","_k","push","defineElement","property","event","method","createDecorators","EditableLabelComponent","forwardRef","LegacyEditableLabelComponent","_EditableLabel","_A","WeakMap","_B","_C","_D","_EditableLabel_brand","WeakSet","_handleLabelEditingChange","_E","_handleLabelChange","_editableLabelRef","EditableLabel","ReactNextElement","constructor","arguments","_classPrivateMethodInitSpec","_initProto","_init_label","_init_extra_label","_init_type","_init_extra_type","_init_readOnly","_init_extra_readOnly","_init_labelEditingChange","_init_extra_labelEditingChange","_classPrivateGetter","_get_labelEditingChange","emit","_init_labelChange","_init_extra_labelChange","_get_labelChange","createRef","label","_classPrivateFieldGet","v","_classPrivateFieldSet","type","readOnly","enableEditing","current","render","React","ref","onLabelEditingChange","onLabelChange","_ref","_label","currentLabel","setCurrentLabel","useState","editingLabel","setEditingLabel","editingLabelInitialized","useRef","shouldEmitLabelChange","setShouldEmitLabelChange","labelInputRef","useImperativeHandle","useEffect","handleEditLabel","useCallback","e","preventDefault","stopPropagation","_labelInputRef$curren","_labelInputRef$curren2","focus","preventScroll","select","handleInputChange","target","handleInputKeydown","key","keyCode","which","_labelInputRef$curren3","blur","handleInputBlur","className","classNames","editing","empty","onDoubleClick","onMouseDown","onChange","onKeyDown","onBlur","onContextMenu","_EditableLabel2","_set_labelEditingChange","_set_labelChange","c","_initClass","_applyDecs","styleTexts","styleText","Boolean","o","_","has","_checkInRHS","toPropertyKey","t","Symbol","toPrimitive","call","r","TypeError","String","_checkPrivateRedeclaration","privateCollection","_assertClassBrand","n","setFunctionName","description","Object","defineProperty","configurable","applyDecs2311","u","f","l","p","d","metadata","m","h","create","y","g","apply","b","applyDec","w","D","S","j","E","I","P","F","getOwnPropertyDescriptor","Error","name","N","O","z","A","H","K","kind","addInitializer","bind","access","init","unshift","splice","enumerable","prototype","checkInRHS","hasOwn","hasOwnProperty","classes","arg","appendClass","parseValue","Array","isArray","includes","newClass","default","___CSS_LOADER_EXPORT___","privateSet","add","_classPrivateFieldSet2","_typeof","iterator"],"sourceRoot":""}

package/dist/chunks/eo-display-canvas.75d31821.js

@@ -0,0 +1,2 @@
+"use strict";(globalThis.webpackChunk_next_bricks_diagram=globalThis.webpackChunk_next_bricks_diagram||[]).push([[9823],{6094:(e,t,a)=>{a.r(t),a.d(t,{EoDisplayCanvas:()=>Ke});var s,l=a(4635),i=a(918),o=a(6902),r=a(5536),n=a(6121),h=a(829),d=a(2740),c=a(8769),u=a.n(c),g=a(7921),A=a(1280),p=(a(6477),a(1030)),C=a(3373),k=a.n(C),y=a(7566),b=a(3739),v=a(8185),f=a(1609),m=a(3783),T=a(3033),N=a(8091),W=a(1819),w=a(5748),R=a(227),M=a(531),S=a(7099),z=a(1484),x=a(8197),E=a(7531),B=a(3371),L=a(3012),O=a(6237),$=a(4117);let F,Z,H,U,_,K,I,P,D,Y,q,J,j,G,Q,V,X,ee,te,ae,se,le,ie,oe,re,ne,he,de,ce,ue,ge,Ae,pe,Ce,ke,ye,be,ve,fe,me,Te,Ne,We,we,Re,Me,Se,ze,xe,Ee,Be,Le,Oe,$e;const{defineElement:Fe,property:Ze,event:He,method:Ue}=(0,g.createDecorators)(),_e=(0,c.forwardRef)(bt);let Ke;var Ie=new WeakMap,Pe=new WeakMap,De=new WeakMap,Ye=new WeakMap,qe=new WeakMap,Je=new WeakMap,je=new WeakMap,Ge=new WeakMap,Qe=new WeakMap,Ve=new WeakMap,Xe=new WeakMap,et=new WeakMap,tt=new WeakMap,at=new WeakMap,st=new WeakMap,lt=new WeakMap,it=new WeakMap,ot=new WeakMap,rt=new WeakMap,nt=new WeakMap,ht=new WeakMap,dt=new WeakSet,ct=new WeakMap,ut=new WeakMap,gt=new WeakMap,At=new WeakMap,pt=new WeakMap,Ct=new WeakMap,kt=new WeakMap;class yt extends A.ReactNextElement{constructor(){super(...arguments),(0,l.A)(this,dt),(0,i.A)(this,Ie,(F(this),H(this))),(0,i.A)(this,Pe,(U(this),_(this))),(0,i.A)(this,De,(K(this),I(this))),(0,i.A)(this,Ye,(P(this),D(this))),(0,i.A)(this,qe,(Y(this),q(this,[T.HP,T.HP]))),(0,i.A)(this,Je,(J(this),j(this))),(0,i.A)(this,je,(G(this),Q(this))),(0,i.A)(this,Ge,(V(this),X(this))),(0,i.A)(this,Qe,(ee(this),te(this))),(0,i.A)(this,Ve,(ae(this),se(this))),(0,i.A)(this,Xe,(le(this),ie(this))),(0,i.A)(this,et,(oe(this),re(this,!0))),(0,i.A)(this,tt,(ne(this),he(this,!0))),(0,i.A)(this,at,(de(this),ce(this,!0))),(0,i.A)(this,st,(ue(this),ge(this))),(0,i.A)(this,lt,(Ae(this),pe(this))),(0,i.A)(this,it,(Ce(this),ke(this))),(0,i.A)(this,ot,(ye(this),be(this))),(0,i.A)(this,rt,(ve(this),fe(this))),(0,i.A)(this,nt,(me(this),Te(this))),(0,i.A)(this,ht,(Ne(this),We(this))),(0,i.A)(this,ct,(Me(this),e=>{(0,r.A)(dt,this,we).emit(e)})),(0,i.A)(this,ut,(e=>{(0,v.c)(e,this.activeTarget)||(this.activeTarget=e)})),(0,i.A)(this,gt,Se(this)),(0,i.A)(this,At,(Ee(this),e=>{(0,r.A)(dt,this,ze).emit(e)})),(0,i.A)(this,pt,Be(this)),(0,i.A)(this,Ct,($e(this),e=>{(0,r.A)(dt,this,Le).emit(e)})),(0,i.A)(this,kt,(0,c.createRef)())}get cells(){return(0,h.A)(Ie,this)}set cells(e){(0,n.A)(Ie,this,e)}get layout(){return(0,h.A)(Pe,this)}set layout(e){(0,n.A)(Pe,this,e)}get layoutOptions(){return(0,h.A)(De,this)}set layoutOptions(e){(0,n.A)(De,this,e)}get autoSize(){return(0,h.A)(Ye,this)}set autoSize(e){(0,n.A)(Ye,this,e)}get defaultNodeSize(){return(0,h.A)(qe,this)}set defaultNodeSize(e){(0,n.A)(qe,this,e)}get defaultNodeBricks(){return(0,h.A)(Je,this)}set defaultNodeBricks(e){(0,n.A)(Je,this,e)}get degradedThreshold(){return(0,h.A)(je,this)}set degradedThreshold(e){(0,n.A)(je,this,e)}get degradedNodeLabel(){return(0,h.A)(Ge,this)}set degradedNodeLabel(e){(0,n.A)(Ge,this,e)}get defaultEdgeLines(){return(0,h.A)(Qe,this)}set defaultEdgeLines(e){(0,n.A)(Qe,this,e)}get activeTarget(){return(0,h.A)(Ve,this)}set activeTarget(e){(0,n.A)(Ve,this,e)}get fadeUnrelatedCells(){return(0,h.A)(Xe,this)}set fadeUnrelatedCells(e){(0,n.A)(Xe,this,e)}get zoomable(){return(0,h.A)(et,this)}set zoomable(e){(0,n.A)(et,this,e)}get scrollable(){return(0,h.A)(tt,this)}set scrollable(e){(0,n.A)(tt,this,e)}get pannable(){return(0,h.A)(at,this)}set pannable(e){(0,n.A)(at,this,e)}get scaleRange(){return(0,h.A)(st,this)}set scaleRange(e){(0,n.A)(st,this,e)}get hideZoomBar(){return(0,h.A)(lt,this)}set hideZoomBar(e){(0,n.A)(lt,this,e)}get autoCenterWhenCellsChange(){return(0,h.A)(it,this)}set autoCenterWhenCellsChange(e){(0,n.A)(it,this,e)}get doNotResetActiveTargetForSelector(){return(0,h.A)(ot,this)}set doNotResetActiveTargetForSelector(e){(0,n.A)(ot,this,e)}get doNotResetActiveTargetOutsideCanvas(){return(0,h.A)(rt,this)}set doNotResetActiveTargetOutsideCanvas(e){(0,n.A)(rt,this,e)}get extraStyleTexts(){return(0,h.A)(nt,this)}set extraStyleTexts(e){(0,n.A)(nt,this,e)}center(){var e;null===(e=(0,h.A)(kt,this).current)||void 0===e||e.center()}render(){return u().createElement(_e,{shadowRoot:this.shadowRoot,cells:this.cells,layout:this.layout,layoutOptions:this.layoutOptions,autoSize:this.autoSize,defaultNodeSize:this.defaultNodeSize,defaultNodeBricks:this.defaultNodeBricks,defaultEdgeLines:this.defaultEdgeLines,degradedThreshold:this.degradedThreshold,degradedNodeLabel:this.degradedNodeLabel,activeTarget:this.activeTarget,fadeUnrelatedCells:this.fadeUnrelatedCells,zoomable:this.zoomable,scrollable:this.scrollable,pannable:this.pannable,scaleRange:this.scaleRange,hideZoomBar:this.hideZoomBar,doNotResetActiveTargetForSelector:this.doNotResetActiveTargetForSelector,doNotResetActiveTargetOutsideCanvas:this.doNotResetActiveTargetOutsideCanvas,autoCenterWhenCellsChange:this.autoCenterWhenCellsChange,extraStyleTexts:this.extraStyleTexts,onActiveTargetChange:(0,h.A)(ct,this),onSwitchActiveTarget:(0,h.A)(ut,this),onCellContextMenu:(0,h.A)(At,this),onCellClick:(0,h.A)(Ct,this),ref:(0,h.A)(kt,this)})}}function bt(e,t){let{shadowRoot:a,cells:s,layout:l,layoutOptions:i,autoSize:o,defaultNodeSize:r,defaultNodeBricks:n,defaultEdgeLines:h,degradedThreshold:d,degradedNodeLabel:g,activeTarget:A,fadeUnrelatedCells:C,zoomable:v,scrollable:L,pannable:O,scaleRange:F,hideZoomBar:Z,autoCenterWhenCellsChange:H,doNotResetActiveTargetForSelector:U,doNotResetActiveTargetOutsideCanvas:_,extraStyleTexts:K,onActiveTargetChange:I,onSwitchActiveTarget:P,onCellContextMenu:D,onCellClick:Y}=e;const[{cells:q,layoutKey:J},j]=(0,c.useReducer)(w.d,s,(e=>({cells:(0,m.C)(e,{defaultNodeSize:r}),layoutKey:1}))),G=(0,c.useMemo)((()=>q.filter(M.N).length>=(null!=d?d:T.pC)),[q,d]),Q=(0,c.useRef)(null),{grabbing:V,transform:X,zoomer:ee,scaleRange:te}=(0,N.f)({rootRef:Q,zoomable:v,scrollable:L,pannable:O,draggable:!0,scaleRange:F,onSwitchActiveTarget:P}),{centered:ae,setCentered:se,getNextLayoutKey:le}=(0,z.g)({layout:l,layoutOptions:i,autoSize:o,rootRef:Q,cells:q,zoomable:v,zoomer:ee,scaleRange:te,layoutKey:J,autoCenterWhenCellsChange:H,dispatch:j}),ie=(0,c.useCallback)((()=>{se(!1)}),[se]);(0,c.useImperativeHandle)(t,(()=>({center:ie})),[ie]);const oe=(0,c.useRef)(s);(0,c.useEffect)((()=>{if(s!==oe.current){oe.current=s;const e=(0,B.L)({canvasWidth:a.host.clientWidth,canvasHeight:a.host.clientHeight,defaultNodeSize:r,layout:l,previousCells:q,cells:s,scaleRange:te,transform:X});j({type:"update-cells",payload:e.cells})}}),[q,r,s,l,te,a,X]);const re=(0,W.J)({rootRef:Q,activeTarget:A,doNotResetActiveTargetForSelector:U,doNotResetActiveTargetOutsideCanvas:_,onActiveTargetChange:I}),ne=`${(0,c.useMemo)((()=>`${(0,p.uniqueId)("diagram-")}-`),[])}line-arrow-`,he=(0,c.useCallback)(((e,t)=>{j({type:"update-node-size",payload:{id:e,size:t},layoutKey:le()})}),[le]),[de,ce]=(0,c.useState)(null),ue=(0,c.useCallback)((e=>{ce(e)}),[]),ge=(0,c.useCallback)((e=>{ce((t=>t===e?null:t))}),[]),[Ae,pe]=(0,c.useState)([]);(0,c.useEffect)((()=>{const e=C?(0,R.Y)(q,null,de||re):[];pe((t=>0===t.length&&0===e.length?t:e))}),[q,C,de,re]);const Ce=(0,c.useCallback)((e=>{ee.scaleTo((0,y.A)(Q.current),e/100)}),[ee]),{lineConfMap:ke,markers:ye}=(0,E.d)({cells:q,defaultEdgeLines:h,markerPrefix:ne}),be=(0,$.A)({cells:q,lineConfMap:ke}),ve=(0,x.H)({cells:q,layout:l,centered:ae});return u().createElement(u().Fragment,null,null==K?void 0:K.map(((e,t)=>u().createElement("style",{key:t},e))),u().createElement("svg",{width:"100%",height:"100%",ref:Q,className:k()("root",{grabbing:V,pannable:O,ready:ve}),tabIndex:-1},u().createElement("defs",null,ye.map(((e,t)=>u().createElement(b.c,{key:t,id:`${ne}${t}`,type:e.markerType,strokeColor:e.strokeColor})))),u().createElement("g",{transform:`translate(${X.x} ${X.y}) scale(${X.k})`},u().createElement("g",{className:"cells"},q.map((e=>u().createElement(f.m,{key:`${e.type}:${(0,M.WW)(e)?`${e.source}~${e.target}`:e.id}`,layout:l,cell:e,cells:q,degraded:G,degradedNodeLabel:g,defaultNodeBricks:n,lineConfMap:ke,editableLineMap:be,transform:X,activeTarget:re,readOnly:!0,hoverCell:de,unrelatedCells:Ae,onSwitchActiveTarget:P,onCellContextMenu:D,onCellClick:Y,onNodeBrickResize:he,onCellMouseEnter:C&&((0,M.N)(e)||(0,M.WW)(e))?ue:void 0,onCellMouseLeave:C&&((0,M.N)(e)||(0,M.WW)(e))?ge:void 0})))))),!Z&&u().createElement(S.Y,{shadowRoot:a,scale:X.k,scaleRange:te,onZoomChange:Ce,onReCenter:ie}))}s=yt,({e:[H,U,_,K,I,P,D,Y,q,J,j,G,Q,V,X,ee,te,ae,se,le,ie,oe,re,ne,he,de,ce,ue,ge,Ae,pe,Ce,ke,ye,be,ve,fe,me,Te,Ne,We,we,Re,Me,Se,ze,xe,Ee,Be,Le,Oe,$e,F],c:[Ke,Z]}=(0,d.A)(s,[Fe("eo-display-canvas",{styleTexts:[L.A,O.A]})],[[Ze({attribute:!1}),1,"cells"],[Ze({type:String}),1,"layout"],[Ze({attribute:!1}),1,"layoutOptions"],[Ze({attribute:!1}),1,"autoSize"],[Ze({attribute:!1}),1,"defaultNodeSize"],[Ze({attribute:!1}),1,"defaultNodeBricks"],[Ze({type:Number}),1,"degradedThreshold"],[Ze({attribute:!1}),1,"degradedNodeLabel"],[Ze({attribute:!1}),1,"defaultEdgeLines"],[Ze({attribute:!1}),1,"activeTarget"],[Ze({type:Boolean}),1,"fadeUnrelatedCells"],[Ze({type:Boolean}),1,"zoomable"],[Ze({type:Boolean}),1,"scrollable"],[Ze({type:Boolean}),1,"pannable"],[Ze({attribute:!1}),1,"scaleRange"],[Ze({type:Boolean}),1,"hideZoomBar"],[Ze({type:Boolean}),1,"autoCenterWhenCellsChange"],[Ze(),1,"doNotResetActiveTargetForSelector"],[Ze({type:Boolean}),1,"doNotResetActiveTargetOutsideCanvas"],[Ze({attribute:!1}),1,"extraStyleTexts"],[He({type:"activeTarget.change"}),1,"activeTargetChangeEvent",e=>(0,h.A)(ht,e),(e,t)=>(0,n.A)(ht,e,t)],[He({type:"cell.contextmenu"}),1,"cellContextMenu",e=>(0,h.A)(gt,e),(e,t)=>(0,n.A)(gt,e,t)],[He({type:"cell.click"}),1,"cellClick",e=>(0,h.A)(pt,e),(e,t)=>(0,n.A)(pt,e,t)],[Ue(),2,"center"]],0,(e=>kt.has((0,o.A)(e))),A.ReactNextElement)),Z()}}]);
+//# sourceMappingURL=eo-display-canvas.75d31821.js.map

package/dist/chunks/{eo-display-canvas.24f8f219.js.map → eo-display-canvas.75d31821.js.map}

@@ -1 +1 @@
-{"version":3,"file":"chunks/eo-display-canvas.24f8f219.js","mappings":"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","sources":["webpack:///./src/display-canvas/index.tsx"],"sourcesContent":["import React, {\n  createRef,\n  forwardRef,\n  useCallback,\n  useEffect,\n  useImperativeHandle,\n  useMemo,\n  useReducer,\n  useRef,\n  useState,\n} from \"react\";\nimport { createDecorators, type EventEmitter } from \"@next-core/element\";\nimport { ReactNextElement } from \"@next-core/react-element\";\nimport \"@next-core/theme\";\nimport { uniqueId } from \"lodash\";\nimport classNames from \"classnames\";\nimport { select } from \"d3-selection\";\nimport type { RangeTuple, SizeTuple } from \"../diagram/interfaces\";\nimport type {\n  ActiveTarget,\n  InitialCell,\n  NodeBrickConf,\n  CellContextMenuDetail,\n  EdgeLineConf,\n  Cell,\n  LayoutType,\n  LayoutOptions,\n  AutoSize,\n} from \"../draw-canvas/interfaces\";\nimport { MarkerComponent } from \"../diagram/MarkerComponent\";\nimport { sameTarget } from \"../draw-canvas/processors/sameTarget\";\nimport { CellComponent } from \"../draw-canvas/CellComponent\";\nimport { initializeCells } from \"../draw-canvas/processors/initializeCells\";\nimport {\n  DEFAULT_DEGRADED_THRESHOLD,\n  DEFAULT_NODE_SIZE,\n} from \"../draw-canvas/constants\";\nimport { useZoom } from \"../shared/canvas/useZoom\";\nimport { useActiveTarget } from \"../shared/canvas/useActiveTarget\";\nimport { rootReducer } from \"../draw-canvas/reducers\";\nimport { getUnrelatedCells } from \"../draw-canvas/processors/getUnrelatedCells\";\nimport { isEdgeCell, isNodeCell } from \"../draw-canvas/processors/asserts\";\nimport { ZoomBarComponent } from \"../shared/canvas/ZoomBarComponent\";\nimport { useLayout } from \"../shared/canvas/useLayout\";\nimport { useReady } from \"../shared/canvas/useReady\";\nimport { useLineMarkers } from \"../shared/canvas/useLineMarkers\";\nimport { updateCells } from \"../draw-canvas/processors/updateCells\";\nimport styleText from \"../shared/canvas/styles.shadow.css\";\nimport zoomBarStyleText from \"../shared/canvas/ZoomBarComponent.shadow.css\";\nimport { useEditableLineMap } from \"../shared/canvas/useEditableLineMap\";\n\nconst { defineElement, property, event, method } = createDecorators();\n\nexport interface EoDisplayCanvasProps {\n  cells: InitialCell[] | undefined;\n  layout: LayoutType;\n  layoutOptions?: LayoutOptions;\n  autoSize?: AutoSize;\n  defaultNodeSize: SizeTuple;\n  defaultNodeBricks?: NodeBrickConf[];\n  defaultEdgeLines?: EdgeLineConf[];\n  degradedThreshold?: number;\n  degradedNodeLabel?: string;\n  activeTarget?: ActiveTarget | null;\n  fadeUnrelatedCells?: boolean;\n  zoomable?: boolean;\n  scrollable?: boolean;\n  pannable?: boolean;\n  scaleRange?: RangeTuple;\n  hideZoomBar?: boolean;\n  autoCenterWhenCellsChange?: boolean;\n  doNotResetActiveTargetForSelector?: string;\n  doNotResetActiveTargetOutsideCanvas?: boolean;\n  extraStyleTexts?: string[];\n}\n\nconst EoDisplayCanvasComponent = forwardRef(LegacyEoDisplayCanvasComponent);\n\n/**\n * 用于展示查看的画布。\n */\nexport\n@defineElement(\"eo-display-canvas\", {\n  styleTexts: [styleText, zoomBarStyleText],\n})\nclass EoDisplayCanvas extends ReactNextElement implements EoDisplayCanvasProps {\n  /**\n   * 用于查看的画布可以更新 `cells` 属性。\n   */\n  @property({ attribute: false })\n  accessor cells: InitialCell[] | undefined;\n\n  @property({ type: String })\n  accessor layout: LayoutType;\n\n  @property({ attribute: false })\n  accessor layoutOptions: LayoutOptions | undefined;\n\n  @property({ attribute: false })\n  accessor autoSize: AutoSize | undefined;\n\n  @property({ attribute: false })\n  accessor defaultNodeSize: SizeTuple = [DEFAULT_NODE_SIZE, DEFAULT_NODE_SIZE];\n\n  @property({ attribute: false })\n  accessor defaultNodeBricks: NodeBrickConf[] | undefined;\n\n  /**\n   * 当节点数量达到或超过 `degradedThreshold` 时，节点将被降级展示。\n   *\n   * @default 500\n   */\n  @property({ type: Number })\n  accessor degradedThreshold: number | undefined;\n\n  // Set `attribute` to `false` event if it accepts string value.\n  // Because when passing like \"<% DATA.node.data.name %>\", it will be\n  // evaluated as object temporarily.\n  /**\n   * 设置节点将降级展示时显示的名称。\n   *\n   * @default \"<% DATA.node.id %>\"\n   */\n  @property({ attribute: false })\n  accessor degradedNodeLabel: string | undefined;\n\n  /**\n   * 使用条件判断设置默认的边对应的连线。在 `if` 表达式中 `DATA` 为 `{ edge }`，例如：\n   *\n   * ```yaml\n   * defaultEdgeLines:\n   *   - if: <% DATA.edge.data?.virtual %>\n   *     dashed: true\n   * ```\n   */\n  @property({ attribute: false })\n  accessor defaultEdgeLines: EdgeLineConf[] | undefined;\n\n  @property({ attribute: false })\n  accessor activeTarget: ActiveTarget | null | undefined;\n\n  /**\n   * 当鼠标悬浮到某节点上时，隐藏其他跟该节点无关的元素。\n   */\n  @property({ type: Boolean })\n  accessor fadeUnrelatedCells: boolean | undefined;\n\n  @property({ type: Boolean })\n  accessor zoomable: boolean | undefined = true;\n\n  @property({ type: Boolean })\n  accessor scrollable: boolean | undefined = true;\n\n  @property({ type: Boolean })\n  accessor pannable: boolean | undefined = true;\n\n  @property({ attribute: false })\n  accessor scaleRange: RangeTuple | undefined;\n\n  /**\n   * 隐藏右下角放大缩小的控制栏\n   */\n  @property({ type: Boolean })\n  accessor hideZoomBar: boolean | undefined;\n\n  /**\n   * 每当 cells 改变时，重新自动居中\n   */\n  @property({ type: Boolean })\n  accessor autoCenterWhenCellsChange: boolean | undefined;\n\n  /**\n   * 选择器，点击该选择器对应的元素时不重置 `activeTarget`。\n   */\n  @property()\n  accessor doNotResetActiveTargetForSelector: string | undefined;\n\n  /**\n   * 在画布外点击时不重置 `activeTarget`。\n   */\n  @property({ type: Boolean })\n  accessor doNotResetActiveTargetOutsideCanvas: boolean | undefined;\n\n  @property({ attribute: false })\n  accessor extraStyleTexts: string[] | undefined;\n\n  @event({ type: \"activeTarget.change\" })\n  accessor #activeTargetChangeEvent!: EventEmitter<ActiveTarget | null>;\n\n  #handleActiveTargetChange = (target: ActiveTarget | null) => {\n    this.#activeTargetChangeEvent.emit(target);\n  };\n\n  #handleSwitchActiveTarget = (target: ActiveTarget | null) => {\n    if (!sameTarget(target, this.activeTarget)) {\n      this.activeTarget = target;\n    }\n  };\n\n  @event({ type: \"cell.contextmenu\" })\n  accessor #cellContextMenu!: EventEmitter<CellContextMenuDetail>;\n\n  #handleCellContextMenu = (detail: CellContextMenuDetail) => {\n    this.#cellContextMenu.emit(detail);\n  };\n\n  @event({ type: \"cell.click\" })\n  accessor #cellClick!: EventEmitter<CellContextMenuDetail>;\n\n  #handleCellClick = (detail: CellContextMenuDetail) => {\n    this.#cellClick.emit(detail);\n  };\n\n  #ref = createRef<DisplayCanvasRef>();\n\n  @method()\n  center() {\n    this.#ref.current?.center();\n  }\n\n  render() {\n    return (\n      <EoDisplayCanvasComponent\n        shadowRoot={this.shadowRoot!}\n        cells={this.cells}\n        layout={this.layout}\n        layoutOptions={this.layoutOptions}\n        autoSize={this.autoSize}\n        defaultNodeSize={this.defaultNodeSize}\n        defaultNodeBricks={this.defaultNodeBricks}\n        defaultEdgeLines={this.defaultEdgeLines}\n        degradedThreshold={this.degradedThreshold}\n        degradedNodeLabel={this.degradedNodeLabel}\n        activeTarget={this.activeTarget}\n        fadeUnrelatedCells={this.fadeUnrelatedCells}\n        zoomable={this.zoomable}\n        scrollable={this.scrollable}\n        pannable={this.pannable}\n        scaleRange={this.scaleRange}\n        hideZoomBar={this.hideZoomBar}\n        doNotResetActiveTargetForSelector={\n          this.doNotResetActiveTargetForSelector\n        }\n        doNotResetActiveTargetOutsideCanvas={\n          this.doNotResetActiveTargetOutsideCanvas\n        }\n        autoCenterWhenCellsChange={this.autoCenterWhenCellsChange}\n        extraStyleTexts={this.extraStyleTexts}\n        onActiveTargetChange={this.#handleActiveTargetChange}\n        onSwitchActiveTarget={this.#handleSwitchActiveTarget}\n        onCellContextMenu={this.#handleCellContextMenu}\n        onCellClick={this.#handleCellClick}\n        ref={this.#ref}\n      />\n    );\n  }\n}\n\ninterface EoDisplayCanvasComponentProps extends EoDisplayCanvasProps {\n  shadowRoot: ShadowRoot;\n  onActiveTargetChange(target: ActiveTarget | null): void;\n  onSwitchActiveTarget(target: ActiveTarget | null): void;\n  onCellContextMenu(detail: CellContextMenuDetail): void;\n  onCellClick(detail: CellContextMenuDetail): void;\n}\n\ninterface DisplayCanvasRef {\n  center: () => void;\n}\n\nfunction LegacyEoDisplayCanvasComponent(\n  {\n    shadowRoot,\n    cells: initialCells,\n    layout,\n    layoutOptions,\n    autoSize,\n    defaultNodeSize,\n    defaultNodeBricks,\n    defaultEdgeLines,\n    degradedThreshold,\n    degradedNodeLabel,\n    activeTarget: _activeTarget,\n    fadeUnrelatedCells,\n    zoomable,\n    scrollable,\n    pannable,\n    scaleRange: _scaleRange,\n    hideZoomBar,\n    autoCenterWhenCellsChange,\n    doNotResetActiveTargetForSelector,\n    doNotResetActiveTargetOutsideCanvas,\n    extraStyleTexts,\n    onActiveTargetChange,\n    onSwitchActiveTarget,\n    onCellContextMenu,\n    onCellClick,\n  }: EoDisplayCanvasComponentProps,\n  ref: React.Ref<DisplayCanvasRef>\n) {\n  const [{ cells, layoutKey }, dispatch] = useReducer(\n    rootReducer,\n    initialCells,\n    (initialCells) => ({\n      cells: initializeCells(initialCells, { defaultNodeSize }),\n      layoutKey: 1,\n    })\n  );\n\n  // When nodes are greater or equal to threshold, the diagram will be degraded.\n  // Thus all nodes will be displayed as simple svg elements instead of bricks.\n  const degraded = useMemo(\n    () =>\n      cells.filter(isNodeCell).length >=\n      (degradedThreshold ?? DEFAULT_DEGRADED_THRESHOLD),\n    [cells, degradedThreshold]\n  );\n\n  const rootRef = useRef<SVGSVGElement>(null);\n\n  const { grabbing, transform, zoomer, scaleRange } = useZoom({\n    rootRef,\n    zoomable,\n    scrollable,\n    pannable,\n    draggable: true,\n    scaleRange: _scaleRange,\n    onSwitchActiveTarget,\n  });\n\n  const { centered, setCentered, getNextLayoutKey } = useLayout({\n    layout,\n    layoutOptions,\n    autoSize,\n    rootRef,\n    cells,\n    zoomable,\n    zoomer,\n    scaleRange,\n    layoutKey,\n    autoCenterWhenCellsChange,\n    dispatch,\n  });\n\n  const reCenter = useCallback(() => {\n    setCentered(false);\n  }, [setCentered]);\n\n  useImperativeHandle(\n    ref,\n    () => ({\n      center: reCenter,\n    }),\n    [reCenter]\n  );\n\n  const previousCellsRef = useRef(initialCells);\n\n  useEffect(() => {\n    if (initialCells !== previousCellsRef.current) {\n      previousCellsRef.current = initialCells;\n      const result = updateCells({\n        canvasWidth: shadowRoot.host.clientWidth,\n        canvasHeight: shadowRoot.host.clientHeight,\n        defaultNodeSize,\n        layout,\n        previousCells: cells,\n        cells: initialCells,\n        scaleRange,\n        transform,\n      });\n      dispatch({ type: \"update-cells\", payload: result.cells });\n    }\n  }, [\n    cells,\n    defaultNodeSize,\n    initialCells,\n    layout,\n    scaleRange,\n    shadowRoot,\n    transform,\n  ]);\n\n  const activeTarget = useActiveTarget({\n    rootRef,\n    activeTarget: _activeTarget,\n    doNotResetActiveTargetForSelector,\n    doNotResetActiveTargetOutsideCanvas,\n    onActiveTargetChange,\n  });\n\n  const defPrefix = useMemo(() => `${uniqueId(\"diagram-\")}-`, []);\n  const markerPrefix = `${defPrefix}line-arrow-`;\n\n  const handleNodeBrickResize = useCallback(\n    (id: string, size: SizeTuple | null) => {\n      dispatch({\n        type: \"update-node-size\",\n        payload: { id, size },\n        layoutKey: getNextLayoutKey(),\n      });\n    },\n    [getNextLayoutKey]\n  );\n\n  const [hoverCell, setHoverCell] = useState<Cell | null>(null);\n  const handleCellMouseEnter = useCallback((cell: Cell) => {\n    setHoverCell(cell);\n  }, []);\n  const handleCellMouseLeave = useCallback((cell: Cell) => {\n    setHoverCell((prev) => (prev === cell ? null : prev));\n  }, []);\n\n  const [unrelatedCells, setUnrelatedCells] = useState<Cell[]>([]);\n  useEffect(() => {\n    const nextUnrelated = fadeUnrelatedCells\n      ? getUnrelatedCells(cells, null, hoverCell || activeTarget)\n      : [];\n    // Do not update the state when prev and next are both empty.\n    setUnrelatedCells((prev) =>\n      prev.length === 0 && nextUnrelated.length === 0 ? prev : nextUnrelated\n    );\n  }, [cells, fadeUnrelatedCells, hoverCell, activeTarget]);\n\n  const handleZoomSlide = useCallback(\n    (value: number) => {\n      // istanbul ignore next\n      if (process.env.NODE_ENV !== \"test\") {\n        zoomer.scaleTo(select(rootRef.current!), value / 100);\n      }\n    },\n    [zoomer]\n  );\n\n  const { lineConfMap, markers } = useLineMarkers({\n    cells,\n    defaultEdgeLines,\n    markerPrefix,\n  });\n  const editableLineMap = useEditableLineMap({ cells, lineConfMap });\n\n  const ready = useReady({ cells, layout, centered });\n\n  return (\n    <>\n      {extraStyleTexts?.map((text, index) => <style key={index}>{text}</style>)}\n      <svg\n        width=\"100%\"\n        height=\"100%\"\n        ref={rootRef}\n        className={classNames(\"root\", { grabbing, pannable, ready })}\n        tabIndex={-1}\n      >\n        <defs>\n          {markers.map((marker, index) => (\n            <MarkerComponent\n              key={index}\n              id={`${markerPrefix}${index}`}\n              type={marker.markerType}\n              strokeColor={marker.strokeColor}\n            />\n          ))}\n        </defs>\n        <g\n          transform={`translate(${transform.x} ${transform.y}) scale(${transform.k})`}\n        >\n          <g className=\"cells\">\n            {cells.map((cell) => (\n              <CellComponent\n                key={`${cell.type}:${isEdgeCell(cell) ? `${cell.source}~${cell.target}` : cell.id}`}\n                layout={layout}\n                cell={cell}\n                cells={cells}\n                degraded={degraded}\n                degradedNodeLabel={degradedNodeLabel}\n                defaultNodeBricks={defaultNodeBricks}\n                lineConfMap={lineConfMap}\n                editableLineMap={editableLineMap}\n                transform={transform}\n                activeTarget={activeTarget}\n                readOnly\n                hoverCell={hoverCell}\n                unrelatedCells={unrelatedCells}\n                onSwitchActiveTarget={onSwitchActiveTarget}\n                onCellContextMenu={onCellContextMenu}\n                onCellClick={onCellClick}\n                onNodeBrickResize={handleNodeBrickResize}\n                onCellMouseEnter={\n                  fadeUnrelatedCells && (isNodeCell(cell) || isEdgeCell(cell))\n                    ? handleCellMouseEnter\n                    : undefined\n                }\n                onCellMouseLeave={\n                  fadeUnrelatedCells && (isNodeCell(cell) || isEdgeCell(cell))\n                    ? handleCellMouseLeave\n                    : undefined\n                }\n              />\n            ))}\n          </g>\n        </g>\n      </svg>\n      {!hideZoomBar && (\n        <ZoomBarComponent\n          shadowRoot={shadowRoot}\n          scale={transform.k}\n          scaleRange={scaleRange}\n          onZoomChange={handleZoomSlide}\n          onReCenter={reCenter}\n        />\n      )}\n    </>\n  );\n}\n"],"names":["defineElement","property","event","method","createDecorators","EoDisplayCanvasComponent","forwardRef","LegacyEoDisplayCanvasComponent","_EoDisplayCanvas","_A","WeakMap","_B","_C","_D","_E","_F","_G","_H","_I","_J","_K","_L","_M","_N","_O","_P","_Q","_R","_S","_T","_U","_EoDisplayCanvas_brand","WeakSet","_handleActiveTargetChange","_handleSwitchActiveTarget","_V","_handleCellContextMenu","_W","_handleCellClick","_ref","EoDisplayCanvas","ReactNextElement","constructor","arguments","_classPrivateMethodInitSpec","_classPrivateFieldInitSpec","_initProto","_init_cells","_init_extra_cells","_init_layout","_init_extra_layout","_init_layoutOptions","_init_extra_layoutOptions","_init_autoSize","_init_extra_autoSize","_init_defaultNodeSize","DEFAULT_NODE_SIZE","_init_extra_defaultNodeSize","_init_defaultNodeBricks","_init_extra_defaultNodeBricks","_init_degradedThreshold","_init_extra_degradedThreshold","_init_degradedNodeLabel","_init_extra_degradedNodeLabel","_init_defaultEdgeLines","_init_extra_defaultEdgeLines","_init_activeTarget","_init_extra_activeTarget","_init_fadeUnrelatedCells","_init_extra_fadeUnrelatedCells","_init_zoomable","_init_extra_zoomable","_init_scrollable","_init_extra_scrollable","_init_pannable","_init_extra_pannable","_init_scaleRange","_init_extra_scaleRange","_init_hideZoomBar","_init_extra_hideZoomBar","_init_autoCenterWhenCellsChange","_init_extra_autoCenterWhenCellsChange","_init_doNotResetActiveTargetForSelector","_init_extra_doNotResetActiveTargetForSelector","_init_doNotResetActiveTargetOutsideCanvas","_init_extra_doNotResetActiveTargetOutsideCanvas","_init_extraStyleTexts","_init_extra_extraStyleTexts","_init_activeTargetChangeEvent","_init_extra_activeTargetChangeEvent","target","_classPrivateGetter","this","_get_activeTargetChangeEvent","emit","sameTarget","activeTarget","_init_cellContextMenu","_init_extra_cellContextMenu","detail","_get_cellContextMenu","_init_cellClick","_init_extra_cellClick","_get_cellClick","createRef","cells","_classPrivateFieldGet","v","_classPrivateFieldSet","layout","layoutOptions","autoSize","defaultNodeSize","defaultNodeBricks","degradedThreshold","degradedNodeLabel","defaultEdgeLines","fadeUnrelatedCells","zoomable","scrollable","pannable","scaleRange","hideZoomBar","autoCenterWhenCellsChange","doNotResetActiveTargetForSelector","doNotResetActiveTargetOutsideCanvas","extraStyleTexts","center","_classPrivateFieldGet2","current","render","React","shadowRoot","onActiveTargetChange","onSwitchActiveTarget","onCellContextMenu","onCellClick","ref","_ref2","initialCells","_activeTarget","_scaleRange","layoutKey","dispatch","useReducer","rootReducer","initializeCells","degraded","useMemo","filter","isNodeCell","length","DEFAULT_DEGRADED_THRESHOLD","rootRef","useRef","grabbing","transform","zoomer","useZoom","draggable","centered","setCentered","getNextLayoutKey","useLayout","reCenter","useCallback","useImperativeHandle","previousCellsRef","useEffect","result","updateCells","canvasWidth","host","clientWidth","canvasHeight","clientHeight","previousCells","type","payload","useActiveTarget","markerPrefix","uniqueId","handleNodeBrickResize","id","size","hoverCell","setHoverCell","useState","handleCellMouseEnter","cell","handleCellMouseLeave","prev","unrelatedCells","setUnrelatedCells","nextUnrelated","getUnrelatedCells","handleZoomSlide","value","scaleTo","select","lineConfMap","markers","useLineMarkers","editableLineMap","useEditableLineMap","ready","useReady","map","text","index","key","width","height","className","classNames","tabIndex","marker","MarkerComponent","markerType","strokeColor","x","y","k","CellComponent","isEdgeCell","source","readOnly","onNodeBrickResize","onCellMouseEnter","undefined","onCellMouseLeave","ZoomBarComponent","scale","onZoomChange","onReCenter","_EoDisplayCanvas2","e","_set_activeTargetChangeEvent","_set_cellContextMenu","_set_cellClick","c","_initClass","_applyDecs","styleTexts","styleText","zoomBarStyleText","attribute","String","Number","Boolean","o","_","has","_checkInRHS"],"sourceRoot":""}
+{"version":3,"file":"chunks/eo-display-canvas.75d31821.js","mappings":"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","sources":["webpack:///./src/display-canvas/index.tsx"],"sourcesContent":["import React, {\n  createRef,\n  forwardRef,\n  useCallback,\n  useEffect,\n  useImperativeHandle,\n  useMemo,\n  useReducer,\n  useRef,\n  useState,\n} from \"react\";\nimport { createDecorators, type EventEmitter } from \"@next-core/element\";\nimport { ReactNextElement } from \"@next-core/react-element\";\nimport \"@next-core/theme\";\nimport { uniqueId } from \"lodash\";\nimport classNames from \"classnames\";\nimport { select } from \"d3-selection\";\nimport type { RangeTuple, SizeTuple } from \"../diagram/interfaces\";\nimport type {\n  ActiveTarget,\n  InitialCell,\n  NodeBrickConf,\n  CellContextMenuDetail,\n  EdgeLineConf,\n  Cell,\n  LayoutType,\n  LayoutOptions,\n  AutoSize,\n} from \"../draw-canvas/interfaces\";\nimport { MarkerComponent } from \"../diagram/MarkerComponent\";\nimport { sameTarget } from \"../draw-canvas/processors/sameTarget\";\nimport { CellComponent } from \"../draw-canvas/CellComponent\";\nimport { initializeCells } from \"../draw-canvas/processors/initializeCells\";\nimport {\n  DEFAULT_DEGRADED_THRESHOLD,\n  DEFAULT_NODE_SIZE,\n} from \"../draw-canvas/constants\";\nimport { useZoom } from \"../shared/canvas/useZoom\";\nimport { useActiveTarget } from \"../shared/canvas/useActiveTarget\";\nimport { rootReducer } from \"../draw-canvas/reducers\";\nimport { getUnrelatedCells } from \"../draw-canvas/processors/getUnrelatedCells\";\nimport { isEdgeCell, isNodeCell } from \"../draw-canvas/processors/asserts\";\nimport { ZoomBarComponent } from \"../shared/canvas/ZoomBarComponent\";\nimport { useLayout } from \"../shared/canvas/useLayout\";\nimport { useReady } from \"../shared/canvas/useReady\";\nimport { useLineMarkers } from \"../shared/canvas/useLineMarkers\";\nimport { updateCells } from \"../draw-canvas/processors/updateCells\";\nimport styleText from \"../shared/canvas/styles.shadow.css\";\nimport zoomBarStyleText from \"../shared/canvas/ZoomBarComponent.shadow.css\";\nimport { useEditableLineMap } from \"../shared/canvas/useEditableLineMap\";\n\nconst { defineElement, property, event, method } = createDecorators();\n\nexport interface EoDisplayCanvasProps {\n  cells: InitialCell[] | undefined;\n  layout: LayoutType;\n  layoutOptions?: LayoutOptions;\n  autoSize?: AutoSize;\n  defaultNodeSize: SizeTuple;\n  defaultNodeBricks?: NodeBrickConf[];\n  defaultEdgeLines?: EdgeLineConf[];\n  degradedThreshold?: number;\n  degradedNodeLabel?: string;\n  activeTarget?: ActiveTarget | null;\n  fadeUnrelatedCells?: boolean;\n  zoomable?: boolean;\n  scrollable?: boolean;\n  pannable?: boolean;\n  scaleRange?: RangeTuple;\n  hideZoomBar?: boolean;\n  autoCenterWhenCellsChange?: boolean;\n  doNotResetActiveTargetForSelector?: string;\n  doNotResetActiveTargetOutsideCanvas?: boolean;\n  extraStyleTexts?: string[];\n}\n\nconst EoDisplayCanvasComponent = forwardRef(LegacyEoDisplayCanvasComponent);\n\n/**\n * 用于展示查看的画布。\n */\nexport\n@defineElement(\"eo-display-canvas\", {\n  styleTexts: [styleText, zoomBarStyleText],\n})\nclass EoDisplayCanvas extends ReactNextElement implements EoDisplayCanvasProps {\n  /**\n   * 用于查看的画布可以更新 `cells` 属性。\n   */\n  @property({ attribute: false })\n  accessor cells: InitialCell[] | undefined;\n\n  @property({ type: String })\n  accessor layout: LayoutType;\n\n  @property({ attribute: false })\n  accessor layoutOptions: LayoutOptions | undefined;\n\n  @property({ attribute: false })\n  accessor autoSize: AutoSize | undefined;\n\n  @property({ attribute: false })\n  accessor defaultNodeSize: SizeTuple = [DEFAULT_NODE_SIZE, DEFAULT_NODE_SIZE];\n\n  @property({ attribute: false })\n  accessor defaultNodeBricks: NodeBrickConf[] | undefined;\n\n  /**\n   * 当节点数量达到或超过 `degradedThreshold` 时，节点将被降级展示。\n   *\n   * @default 500\n   */\n  @property({ type: Number })\n  accessor degradedThreshold: number | undefined;\n\n  // Set `attribute` to `false` event if it accepts string value.\n  // Because when passing like \"<% DATA.node.data.name %>\", it will be\n  // evaluated as object temporarily.\n  /**\n   * 设置节点将降级展示时显示的名称。\n   *\n   * @default \"<% DATA.node.id %>\"\n   */\n  @property({ attribute: false })\n  accessor degradedNodeLabel: string | undefined;\n\n  /**\n   * 使用条件判断设置默认的边对应的连线。在 `if` 表达式中 `DATA` 为 `{ edge }`，例如：\n   *\n   * ```yaml\n   * defaultEdgeLines:\n   *   - if: <% DATA.edge.data?.virtual %>\n   *     dashed: true\n   * ```\n   */\n  @property({ attribute: false })\n  accessor defaultEdgeLines: EdgeLineConf[] | undefined;\n\n  @property({ attribute: false })\n  accessor activeTarget: ActiveTarget | null | undefined;\n\n  /**\n   * 当鼠标悬浮到某节点上时，隐藏其他跟该节点无关的元素。\n   */\n  @property({ type: Boolean })\n  accessor fadeUnrelatedCells: boolean | undefined;\n\n  @property({ type: Boolean })\n  accessor zoomable: boolean | undefined = true;\n\n  @property({ type: Boolean })\n  accessor scrollable: boolean | undefined = true;\n\n  @property({ type: Boolean })\n  accessor pannable: boolean | undefined = true;\n\n  @property({ attribute: false })\n  accessor scaleRange: RangeTuple | undefined;\n\n  /**\n   * 隐藏右下角放大缩小的控制栏\n   */\n  @property({ type: Boolean })\n  accessor hideZoomBar: boolean | undefined;\n\n  /**\n   * 每当 cells 改变时，重新自动居中\n   */\n  @property({ type: Boolean })\n  accessor autoCenterWhenCellsChange: boolean | undefined;\n\n  /**\n   * 选择器，点击该选择器对应的元素时不重置 `activeTarget`。\n   */\n  @property()\n  accessor doNotResetActiveTargetForSelector: string | undefined;\n\n  /**\n   * 在画布外点击时不重置 `activeTarget`。\n   */\n  @property({ type: Boolean })\n  accessor doNotResetActiveTargetOutsideCanvas: boolean | undefined;\n\n  @property({ attribute: false })\n  accessor extraStyleTexts: string[] | undefined;\n\n  @event({ type: \"activeTarget.change\" })\n  accessor #activeTargetChangeEvent!: EventEmitter<ActiveTarget | null>;\n\n  #handleActiveTargetChange = (target: ActiveTarget | null) => {\n    this.#activeTargetChangeEvent.emit(target);\n  };\n\n  #handleSwitchActiveTarget = (target: ActiveTarget | null) => {\n    if (!sameTarget(target, this.activeTarget)) {\n      this.activeTarget = target;\n    }\n  };\n\n  @event({ type: \"cell.contextmenu\" })\n  accessor #cellContextMenu!: EventEmitter<CellContextMenuDetail>;\n\n  #handleCellContextMenu = (detail: CellContextMenuDetail) => {\n    this.#cellContextMenu.emit(detail);\n  };\n\n  @event({ type: \"cell.click\" })\n  accessor #cellClick!: EventEmitter<CellContextMenuDetail>;\n\n  #handleCellClick = (detail: CellContextMenuDetail) => {\n    this.#cellClick.emit(detail);\n  };\n\n  #ref = createRef<DisplayCanvasRef>();\n\n  @method()\n  center() {\n    this.#ref.current?.center();\n  }\n\n  render() {\n    return (\n      <EoDisplayCanvasComponent\n        shadowRoot={this.shadowRoot!}\n        cells={this.cells}\n        layout={this.layout}\n        layoutOptions={this.layoutOptions}\n        autoSize={this.autoSize}\n        defaultNodeSize={this.defaultNodeSize}\n        defaultNodeBricks={this.defaultNodeBricks}\n        defaultEdgeLines={this.defaultEdgeLines}\n        degradedThreshold={this.degradedThreshold}\n        degradedNodeLabel={this.degradedNodeLabel}\n        activeTarget={this.activeTarget}\n        fadeUnrelatedCells={this.fadeUnrelatedCells}\n        zoomable={this.zoomable}\n        scrollable={this.scrollable}\n        pannable={this.pannable}\n        scaleRange={this.scaleRange}\n        hideZoomBar={this.hideZoomBar}\n        doNotResetActiveTargetForSelector={\n          this.doNotResetActiveTargetForSelector\n        }\n        doNotResetActiveTargetOutsideCanvas={\n          this.doNotResetActiveTargetOutsideCanvas\n        }\n        autoCenterWhenCellsChange={this.autoCenterWhenCellsChange}\n        extraStyleTexts={this.extraStyleTexts}\n        onActiveTargetChange={this.#handleActiveTargetChange}\n        onSwitchActiveTarget={this.#handleSwitchActiveTarget}\n        onCellContextMenu={this.#handleCellContextMenu}\n        onCellClick={this.#handleCellClick}\n        ref={this.#ref}\n      />\n    );\n  }\n}\n\ninterface EoDisplayCanvasComponentProps extends EoDisplayCanvasProps {\n  shadowRoot: ShadowRoot;\n  onActiveTargetChange(target: ActiveTarget | null): void;\n  onSwitchActiveTarget(target: ActiveTarget | null): void;\n  onCellContextMenu(detail: CellContextMenuDetail): void;\n  onCellClick(detail: CellContextMenuDetail): void;\n}\n\ninterface DisplayCanvasRef {\n  center: () => void;\n}\n\nfunction LegacyEoDisplayCanvasComponent(\n  {\n    shadowRoot,\n    cells: initialCells,\n    layout,\n    layoutOptions,\n    autoSize,\n    defaultNodeSize,\n    defaultNodeBricks,\n    defaultEdgeLines,\n    degradedThreshold,\n    degradedNodeLabel,\n    activeTarget: _activeTarget,\n    fadeUnrelatedCells,\n    zoomable,\n    scrollable,\n    pannable,\n    scaleRange: _scaleRange,\n    hideZoomBar,\n    autoCenterWhenCellsChange,\n    doNotResetActiveTargetForSelector,\n    doNotResetActiveTargetOutsideCanvas,\n    extraStyleTexts,\n    onActiveTargetChange,\n    onSwitchActiveTarget,\n    onCellContextMenu,\n    onCellClick,\n  }: EoDisplayCanvasComponentProps,\n  ref: React.Ref<DisplayCanvasRef>\n) {\n  const [{ cells, layoutKey }, dispatch] = useReducer(\n    rootReducer,\n    initialCells,\n    (initialCells) => ({\n      cells: initializeCells(initialCells, { defaultNodeSize }),\n      layoutKey: 1,\n    })\n  );\n\n  // When nodes are greater or equal to threshold, the diagram will be degraded.\n  // Thus all nodes will be displayed as simple svg elements instead of bricks.\n  const degraded = useMemo(\n    () =>\n      cells.filter(isNodeCell).length >=\n      (degradedThreshold ?? DEFAULT_DEGRADED_THRESHOLD),\n    [cells, degradedThreshold]\n  );\n\n  const rootRef = useRef<SVGSVGElement>(null);\n\n  const { grabbing, transform, zoomer, scaleRange } = useZoom({\n    rootRef,\n    zoomable,\n    scrollable,\n    pannable,\n    draggable: true,\n    scaleRange: _scaleRange,\n    onSwitchActiveTarget,\n  });\n\n  const { centered, setCentered, getNextLayoutKey } = useLayout({\n    layout,\n    layoutOptions,\n    autoSize,\n    rootRef,\n    cells,\n    zoomable,\n    zoomer,\n    scaleRange,\n    layoutKey,\n    autoCenterWhenCellsChange,\n    dispatch,\n  });\n\n  const reCenter = useCallback(() => {\n    setCentered(false);\n  }, [setCentered]);\n\n  useImperativeHandle(\n    ref,\n    () => ({\n      center: reCenter,\n    }),\n    [reCenter]\n  );\n\n  const previousCellsRef = useRef(initialCells);\n\n  useEffect(() => {\n    if (initialCells !== previousCellsRef.current) {\n      previousCellsRef.current = initialCells;\n      const result = updateCells({\n        canvasWidth: shadowRoot.host.clientWidth,\n        canvasHeight: shadowRoot.host.clientHeight,\n        defaultNodeSize,\n        layout,\n        previousCells: cells,\n        cells: initialCells,\n        scaleRange,\n        transform,\n      });\n      dispatch({ type: \"update-cells\", payload: result.cells });\n    }\n  }, [\n    cells,\n    defaultNodeSize,\n    initialCells,\n    layout,\n    scaleRange,\n    shadowRoot,\n    transform,\n  ]);\n\n  const activeTarget = useActiveTarget({\n    rootRef,\n    activeTarget: _activeTarget,\n    doNotResetActiveTargetForSelector,\n    doNotResetActiveTargetOutsideCanvas,\n    onActiveTargetChange,\n  });\n\n  const defPrefix = useMemo(() => `${uniqueId(\"diagram-\")}-`, []);\n  const markerPrefix = `${defPrefix}line-arrow-`;\n\n  const handleNodeBrickResize = useCallback(\n    (id: string, size: SizeTuple | null) => {\n      dispatch({\n        type: \"update-node-size\",\n        payload: { id, size },\n        layoutKey: getNextLayoutKey(),\n      });\n    },\n    [getNextLayoutKey]\n  );\n\n  const [hoverCell, setHoverCell] = useState<Cell | null>(null);\n  const handleCellMouseEnter = useCallback((cell: Cell) => {\n    setHoverCell(cell);\n  }, []);\n  const handleCellMouseLeave = useCallback((cell: Cell) => {\n    setHoverCell((prev) => (prev === cell ? null : prev));\n  }, []);\n\n  const [unrelatedCells, setUnrelatedCells] = useState<Cell[]>([]);\n  useEffect(() => {\n    const nextUnrelated = fadeUnrelatedCells\n      ? getUnrelatedCells(cells, null, hoverCell || activeTarget)\n      : [];\n    // Do not update the state when prev and next are both empty.\n    setUnrelatedCells((prev) =>\n      prev.length === 0 && nextUnrelated.length === 0 ? prev : nextUnrelated\n    );\n  }, [cells, fadeUnrelatedCells, hoverCell, activeTarget]);\n\n  const handleZoomSlide = useCallback(\n    (value: number) => {\n      // istanbul ignore next\n      if (process.env.NODE_ENV !== \"test\") {\n        zoomer.scaleTo(select(rootRef.current!), value / 100);\n      }\n    },\n    [zoomer]\n  );\n\n  const { lineConfMap, markers } = useLineMarkers({\n    cells,\n    defaultEdgeLines,\n    markerPrefix,\n  });\n  const editableLineMap = useEditableLineMap({ cells, lineConfMap });\n\n  const ready = useReady({ cells, layout, centered });\n\n  return (\n    <>\n      {extraStyleTexts?.map((text, index) => <style key={index}>{text}</style>)}\n      <svg\n        width=\"100%\"\n        height=\"100%\"\n        ref={rootRef}\n        className={classNames(\"root\", { grabbing, pannable, ready })}\n        tabIndex={-1}\n      >\n        <defs>\n          {markers.map((marker, index) => (\n            <MarkerComponent\n              key={index}\n              id={`${markerPrefix}${index}`}\n              type={marker.markerType}\n              strokeColor={marker.strokeColor}\n            />\n          ))}\n        </defs>\n        <g\n          transform={`translate(${transform.x} ${transform.y}) scale(${transform.k})`}\n        >\n          <g className=\"cells\">\n            {cells.map((cell) => (\n              <CellComponent\n                key={`${cell.type}:${isEdgeCell(cell) ? `${cell.source}~${cell.target}` : cell.id}`}\n                layout={layout}\n                cell={cell}\n                cells={cells}\n                degraded={degraded}\n                degradedNodeLabel={degradedNodeLabel}\n                defaultNodeBricks={defaultNodeBricks}\n                lineConfMap={lineConfMap}\n                editableLineMap={editableLineMap}\n                transform={transform}\n                activeTarget={activeTarget}\n                readOnly\n                hoverCell={hoverCell}\n                unrelatedCells={unrelatedCells}\n                onSwitchActiveTarget={onSwitchActiveTarget}\n                onCellContextMenu={onCellContextMenu}\n                onCellClick={onCellClick}\n                onNodeBrickResize={handleNodeBrickResize}\n                onCellMouseEnter={\n                  fadeUnrelatedCells && (isNodeCell(cell) || isEdgeCell(cell))\n                    ? handleCellMouseEnter\n                    : undefined\n                }\n                onCellMouseLeave={\n                  fadeUnrelatedCells && (isNodeCell(cell) || isEdgeCell(cell))\n                    ? handleCellMouseLeave\n                    : undefined\n                }\n              />\n            ))}\n          </g>\n        </g>\n      </svg>\n      {!hideZoomBar && (\n        <ZoomBarComponent\n          shadowRoot={shadowRoot}\n          scale={transform.k}\n          scaleRange={scaleRange}\n          onZoomChange={handleZoomSlide}\n          onReCenter={reCenter}\n        />\n      )}\n    </>\n  );\n}\n"],"names":["defineElement","property","event","method","createDecorators","EoDisplayCanvasComponent","forwardRef","LegacyEoDisplayCanvasComponent","_EoDisplayCanvas","_A","WeakMap","_B","_C","_D","_E","_F","_G","_H","_I","_J","_K","_L","_M","_N","_O","_P","_Q","_R","_S","_T","_U","_EoDisplayCanvas_brand","WeakSet","_handleActiveTargetChange","_handleSwitchActiveTarget","_V","_handleCellContextMenu","_W","_handleCellClick","_ref","EoDisplayCanvas","ReactNextElement","constructor","arguments","_classPrivateMethodInitSpec","_classPrivateFieldInitSpec","_initProto","_init_cells","_init_extra_cells","_init_layout","_init_extra_layout","_init_layoutOptions","_init_extra_layoutOptions","_init_autoSize","_init_extra_autoSize","_init_defaultNodeSize","DEFAULT_NODE_SIZE","_init_extra_defaultNodeSize","_init_defaultNodeBricks","_init_extra_defaultNodeBricks","_init_degradedThreshold","_init_extra_degradedThreshold","_init_degradedNodeLabel","_init_extra_degradedNodeLabel","_init_defaultEdgeLines","_init_extra_defaultEdgeLines","_init_activeTarget","_init_extra_activeTarget","_init_fadeUnrelatedCells","_init_extra_fadeUnrelatedCells","_init_zoomable","_init_extra_zoomable","_init_scrollable","_init_extra_scrollable","_init_pannable","_init_extra_pannable","_init_scaleRange","_init_extra_scaleRange","_init_hideZoomBar","_init_extra_hideZoomBar","_init_autoCenterWhenCellsChange","_init_extra_autoCenterWhenCellsChange","_init_doNotResetActiveTargetForSelector","_init_extra_doNotResetActiveTargetForSelector","_init_doNotResetActiveTargetOutsideCanvas","_init_extra_doNotResetActiveTargetOutsideCanvas","_init_extraStyleTexts","_init_extra_extraStyleTexts","_init_activeTargetChangeEvent","_init_extra_activeTargetChangeEvent","target","_classPrivateGetter","this","_get_activeTargetChangeEvent","emit","sameTarget","activeTarget","_init_cellContextMenu","_init_extra_cellContextMenu","detail","_get_cellContextMenu","_init_cellClick","_init_extra_cellClick","_get_cellClick","createRef","cells","_classPrivateFieldGet","v","_classPrivateFieldSet","layout","layoutOptions","autoSize","defaultNodeSize","defaultNodeBricks","degradedThreshold","degradedNodeLabel","defaultEdgeLines","fadeUnrelatedCells","zoomable","scrollable","pannable","scaleRange","hideZoomBar","autoCenterWhenCellsChange","doNotResetActiveTargetForSelector","doNotResetActiveTargetOutsideCanvas","extraStyleTexts","center","_classPrivateFieldGet2","current","render","React","shadowRoot","onActiveTargetChange","onSwitchActiveTarget","onCellContextMenu","onCellClick","ref","_ref2","initialCells","_activeTarget","_scaleRange","layoutKey","dispatch","useReducer","rootReducer","initializeCells","degraded","useMemo","filter","isNodeCell","length","DEFAULT_DEGRADED_THRESHOLD","rootRef","useRef","grabbing","transform","zoomer","useZoom","draggable","centered","setCentered","getNextLayoutKey","useLayout","reCenter","useCallback","useImperativeHandle","previousCellsRef","useEffect","result","updateCells","canvasWidth","host","clientWidth","canvasHeight","clientHeight","previousCells","type","payload","useActiveTarget","markerPrefix","uniqueId","handleNodeBrickResize","id","size","hoverCell","setHoverCell","useState","handleCellMouseEnter","cell","handleCellMouseLeave","prev","unrelatedCells","setUnrelatedCells","nextUnrelated","getUnrelatedCells","handleZoomSlide","value","scaleTo","select","lineConfMap","markers","useLineMarkers","editableLineMap","useEditableLineMap","ready","useReady","map","text","index","key","width","height","className","classNames","tabIndex","marker","MarkerComponent","markerType","strokeColor","x","y","k","CellComponent","isEdgeCell","source","readOnly","onNodeBrickResize","onCellMouseEnter","undefined","onCellMouseLeave","ZoomBarComponent","scale","onZoomChange","onReCenter","_EoDisplayCanvas2","e","_set_activeTargetChangeEvent","_set_cellContextMenu","_set_cellClick","c","_initClass","_applyDecs","styleTexts","styleText","zoomBarStyleText","attribute","String","Number","Boolean","o","_","has","_checkInRHS"],"sourceRoot":""}

package/dist/chunks/eo-draw-canvas.6ed25b01.js

@@ -0,0 +1,2 @@
+"use strict";(globalThis.webpackChunk_next_bricks_diagram=globalThis.webpackChunk_next_bricks_diagram||[]).push([[8939],{9068:(e,t,a)=>{a.r(t),a.d(t,{EoDrawCanvas:()=>ga,EoDrawCanvasComponent:()=>ua,uuidV4:()=>fi});var i,n=a(4635),l=a(918),s=a(6902),o=a(2559),r=a(5536),d=a(6121),c=a(829),h=a(2740),u=a(8769),g=a.n(u),A=a(7921),p=a(1280),v=a(6548),y=(a(6477),a(1030)),C=a(3373),w=a.n(C),k=a(7566),m=a(5748),f=a(3739),M=a(531),b=a(8185),x=a(2733),E=a(1609),W=a(3639),T=a(3783),N=a(3371),S=a(227),R=a(3033),L=a(8091),z=a(1819),B=a(7099),D=a(1484),P=a(8197),O=a(7531),$=a(8875),H=a(2722),F=a(9978),I=a(2219),_=a(3012),K=a(6237),V=a(1103),U=a(9386),j=a(1991),X=a(2202),Y=a(1825),q=a(4117),G=a(4197),J=a(8944),Q=a(2969);let Z,ee,te,ae,ie,ne,le,se,oe,re,de,ce,he,ue,ge,Ae,pe,ve,ye,Ce,we,ke,me,fe,Me,be,xe,Ee,We,Te,Ne,Se,Re,Le,ze,Be,De,Pe,Oe,$e,He,Fe,Ie,_e,Ke,Ve,Ue,je,Xe,Ye,qe,Ge,Je,Qe,Ze,et,tt,at,it,nt,lt,st,ot,rt,dt,ct,ht,ut,gt,At,pt,vt,yt,Ct,wt,kt,mt,ft,Mt,bt,xt,Et,Wt,Tt,Nt,St,Rt,Lt,zt,Bt,Dt,Pt,Ot,$t,Ht,Ft,It,_t,Kt,Vt,Ut,jt,Xt,Yt,qt,Gt,Jt,Qt,Zt,ea,ta,aa,ia,na,la,sa;const oa=(0,v.unwrapProvider)("basic.lock-body-scroll"),{defineElement:ra,property:da,method:ca,event:ha}=(0,A.createDecorators)(),ua=g().forwardRef(mi);let ga;var Aa=new WeakMap,pa=new WeakMap,va=new WeakMap,ya=new WeakMap,Ca=new WeakMap,wa=new WeakMap,ka=new WeakMap,ma=new WeakMap,fa=new WeakMap,Ma=new WeakMap,ba=new WeakMap,xa=new WeakMap,Ea=new WeakMap,Wa=new WeakMap,Ta=new WeakMap,Na=new WeakMap,Sa=new WeakMap,Ra=new WeakMap,La=new WeakMap,za=new WeakMap,Ba=new WeakMap,Da=new WeakMap,Pa=new WeakSet,Oa=new WeakMap,$a=new WeakMap,Ha=new WeakMap,Fa=new WeakMap,Ia=new WeakMap,_a=new WeakMap,Ka=new WeakMap,Va=new WeakMap,Ua=new WeakMap,ja=new WeakMap,Xa=new WeakMap,Ya=new WeakMap,qa=new WeakMap,Ga=new WeakMap,Ja=new WeakMap,Qa=new WeakMap,Za=new WeakMap,ei=new WeakMap,ti=new WeakMap,ai=new WeakMap,ii=new WeakMap,ni=new WeakMap,li=new WeakMap,si=new WeakMap,oi=new WeakMap,ri=new WeakMap,di=new WeakMap,ci=new WeakMap,hi=new WeakMap,ui=new WeakMap,gi=new WeakMap,Ai=new WeakMap,pi=new WeakMap,vi=new WeakMap,yi=new WeakMap;class Ci extends p.ReactNextElement{constructor(){super(...arguments),(0,n.A)(this,Pa),(0,l.A)(this,Aa,(Z(this),te(this))),(0,l.A)(this,pa,(ae(this),ie(this))),(0,l.A)(this,va,(ne(this),le(this))),(0,l.A)(this,ya,(se(this),oe(this,[R.HP,R.HP]))),(0,l.A)(this,Ca,(re(this),de(this))),(0,l.A)(this,wa,(ce(this),he(this))),(0,l.A)(this,ka,(ue(this),ge(this))),(0,l.A)(this,ma,(Ae(this),pe(this))),(0,l.A)(this,fa,(ve(this),ye(this))),(0,l.A)(this,Ma,(Ce(this),we(this))),(0,l.A)(this,ba,(ke(this),me(this,!0))),(0,l.A)(this,xa,(fe(this),Me(this,!0))),(0,l.A)(this,Ea,(be(this),xe(this,!0))),(0,l.A)(this,Wa,(Ee(this),We(this,!1))),(0,l.A)(this,Ta,(Te(this),Ne(this))),(0,l.A)(this,Na,(Se(this),Re(this))),(0,l.A)(this,Sa,(Le(this),ze(this))),(0,l.A)(this,Ra,(Be(this),De(this))),(0,l.A)(this,La,(Pe(this),Oe(this))),(0,l.A)(this,za,($e(this),He(this))),(0,l.A)(this,Ba,(Fe(this),Ie(this))),(0,l.A)(this,Da,(_e(this),Ke(this))),(0,l.A)(this,Oa,(je(this),e=>{(0,r.A)(Pa,this,Ve).emit(e)})),(0,l.A)(this,$a,(e=>{(0,b.c)(e,this.activeTarget)||(this.activeTarget=e)})),(0,l.A)(this,Ha,Xe(this)),(0,l.A)(this,Fa,(Ge(this),Je(this))),(0,l.A)(this,Ia,(et(this),e=>{(0,r.A)(Pa,this,Qe).emit(e),"node"===e.type&&(0,r.A)(Pa,this,Ye).emit(e)})),(0,l.A)(this,_a,tt(this)),(0,l.A)(this,Ka,(nt(this),e=>{(0,r.A)(Pa,this,at).emit(e)})),(0,l.A)(this,Va,lt(this)),(0,l.A)(this,Ua,(rt(this),e=>{(0,r.A)(Pa,this,st).emit(e)})),(0,l.A)(this,ja,dt(this)),(0,l.A)(this,Xa,(ut(this),gt(this))),(0,l.A)(this,Ya,(vt(this),e=>{(0,r.A)(Pa,this,At).emit(e),"node"===e.type&&(0,r.A)(Pa,this,ct).emit(e)})),(0,l.A)(this,qa,yt(this)),(0,l.A)(this,Ga,(kt(this),e=>{(0,r.A)(Pa,this,Ct).emit(e)})),(0,l.A)(this,Ja,mt(this)),(0,l.A)(this,Qa,(bt(this),e=>{(0,r.A)(Pa,this,ft).emit(e)})),(0,l.A)(this,Za,xt(this)),(0,l.A)(this,ei,(Tt(this),e=>{(0,r.A)(Pa,this,Et).emit(e)})),(0,l.A)(this,ti,Nt(this)),(0,l.A)(this,ai,(Lt(this),e=>{(0,r.A)(Pa,this,St).emit(e)})),(0,l.A)(this,ii,zt(this)),(0,l.A)(this,ni,(Pt(this),e=>{(0,r.A)(Pa,this,Bt).emit(e)})),(0,l.A)(this,li,Ot(this)),(0,l.A)(this,si,(Ft(this),e=>{(0,r.A)(Pa,this,$t).emit(e)})),(0,l.A)(this,oi,It(this)),(0,l.A)(this,ri,(Vt(this),e=>{(0,r.A)(Pa,this,_t).emit(e)})),(0,l.A)(this,di,Ut(this)),(0,l.A)(this,ci,(Yt(this),e=>{(0,r.A)(Pa,this,jt).emit(e)})),(0,l.A)(this,hi,qt(this)),(0,l.A)(this,ui,(Qt(this),e=>{(0,r.A)(Pa,this,Gt).emit({clientX:e[0],clientY:e[1],view:(0,o.A)(Pa,this,wi).call(this,e)})})),(0,l.A)(this,gi,Zt(this)),(0,l.A)(this,Ai,(aa(this),()=>{(0,r.A)(Pa,this,ea).emit()})),(0,l.A)(this,pi,ia(this)),(0,l.A)(this,vi,(sa(this),()=>{(0,r.A)(Pa,this,na).emit()})),(0,l.A)(this,yi,(0,u.createRef)())}get cells(){return(0,c.A)(Aa,this)}set cells(e){(0,d.A)(Aa,this,e)}get layout(){return(0,c.A)(pa,this)}set layout(e){(0,d.A)(pa,this,e)}get layoutOptions(){return(0,c.A)(va,this)}set layoutOptions(e){(0,d.A)(va,this,e)}get defaultNodeSize(){return(0,c.A)(ya,this)}set defaultNodeSize(e){(0,d.A)(ya,this,e)}get defaultNodeBricks(){return(0,c.A)(Ca,this)}set defaultNodeBricks(e){(0,d.A)(Ca,this,e)}get degradedThreshold(){return(0,c.A)(wa,this)}set degradedThreshold(e){(0,d.A)(wa,this,e)}get degradedNodeLabel(){return(0,c.A)(ka,this)}set degradedNodeLabel(e){(0,d.A)(ka,this,e)}get defaultEdgeLines(){return(0,c.A)(ma,this)}set defaultEdgeLines(e){(0,d.A)(ma,this,e)}get activeTarget(){return(0,c.A)(fa,this)}set activeTarget(e){(0,d.A)(fa,this,e)}get fadeUnrelatedCells(){return(0,c.A)(Ma,this)}set fadeUnrelatedCells(e){(0,d.A)(Ma,this,e)}get zoomable(){return(0,c.A)(ba,this)}set zoomable(e){(0,d.A)(ba,this,e)}get scrollable(){return(0,c.A)(xa,this)}set scrollable(e){(0,d.A)(xa,this,e)}get pannable(){return(0,c.A)(Ea,this)}set pannable(e){(0,d.A)(Ea,this,e)}get allowEdgeToArea(){return(0,c.A)(Wa,this)}set allowEdgeToArea(e){(0,d.A)(Wa,this,e)}get dragBehavior(){return(0,c.A)(Ta,this)}set dragBehavior(e){(0,d.A)(Ta,this,e)}get ctrlDragBehavior(){return(0,c.A)(Na,this)}set ctrlDragBehavior(e){(0,d.A)(Na,this,e)}get scaleRange(){return(0,c.A)(Sa,this)}set scaleRange(e){(0,d.A)(Sa,this,e)}get lineSettings(){return(0,c.A)(Ra,this)}set lineSettings(e){(0,d.A)(Ra,this,e)}get lineConnector(){return(0,c.A)(La,this)}set lineConnector(e){(0,d.A)(La,this,e)}get doNotResetActiveTargetForSelector(){return(0,c.A)(za,this)}set doNotResetActiveTargetForSelector(e){(0,d.A)(za,this,e)}get doNotResetActiveTargetOutsideCanvas(){return(0,c.A)(Ba,this)}set doNotResetActiveTargetOutsideCanvas(e){(0,d.A)(Ba,this,e)}async dropNode(e){var t,a;let{id:i,position:n,size:l,data:s,useBrick:r}=e;if(null===(t=(a=document).elementsFromPoint)||void 0===t||null===(t=t.call(a,n[0],n[1]))||void 0===t?void 0:t.includes(this)){var d,h,u;const e={type:"node",id:i,view:{..."force"===this.layout||"dagre"===this.layout?null:(0,o.A)(Pa,this,wi).call(this,n),width:null!==(d=null==l?void 0:l[0])&&void 0!==d?d:this.defaultNodeSize[0],height:null!==(h=null==l?void 0:l[1])&&void 0!==h?h:this.defaultNodeSize[0]},data:s,useBrick:r};return null===(u=(0,c.A)(yi,this).current)||void 0===u||u.dropNode(e),e}return null}async dropDecorator(e){var t,a;let{position:i,decorator:n,text:l,direction:s,source:o,target:r,view:d}=e;if(null===(t=(a=document).elementsFromPoint)||void 0===t||null===(t=t.call(a,i[0],i[1]))||void 0===t?void 0:t.includes(this)){var h,u,g,A,p;const e=this.getBoundingClientRect(),t=(0,c.A)(yi,this).current.getTransform(),a=(i[0]-e.left-t.x)/t.k,v=(i[1]-e.top-t.y)/t.k,y={type:"decorator",decorator:n,id:fi(),view:"line"===n?{source:{x:a+(null!==(h=null==o?void 0:o.x)&&void 0!==h?h:-30),y:v+(null!==(u=null==o?void 0:o.y)&&void 0!==u?u:30)},target:{x:a+(null!==(g=null==r?void 0:r.x)&&void 0!==g?g:30),y:v+(null!==(A=null==r?void 0:r.y)&&void 0!==A?A:-30)},...d}:{width:R.N8,height:R.w1,x:a,y:v,text:l,direction:s,...d}};return null===(p=(0,c.A)(yi,this).current)||void 0===p||p.dropDecorator(y),y}return null}async addNodes(e){if(0===e.length)return[];const t=e.map((e=>{var t,a;let{size:i,useBrick:n,id:l,data:s,containerId:o}=e;return{type:"node",id:l,data:s,containerId:o,view:{width:null!==(t=null==i?void 0:i[0])&&void 0!==t?t:this.defaultNodeSize[0],height:null!==(a=null==i?void 0:i[1])&&void 0!==a?a:this.defaultNodeSize[0]},useBrick:n}}));return(0,c.A)(yi,this).current.addNodes(t,{defaultNodeSize:this.defaultNodeSize,canvasWidth:this.clientWidth,canvasHeight:this.clientHeight})}async addEdge(e){var t;let{source:a,target:i,data:n}=e;const l={type:"edge",source:a,target:i,data:n,view:this.lineSettings};return null===(t=(0,c.A)(yi,this).current)||void 0===t||t.addEdge(l),l}manuallyConnectNodes(e){return(0,c.A)(yi,this).current.manuallyConnectNodes(e)}async updateCells(e,t){await(0,o.A)(Pa,this,ki).call(this);const{updated:a}=(0,c.A)(yi,this).current.updateCells(e,{...t,defaultNodeSize:this.defaultNodeSize,canvasWidth:this.clientWidth,canvasHeight:this.clientHeight});return{updated:a}}async reCenter(){var e;null===(e=(0,c.A)(yi,this).current)||void 0===e||e.reCenter()}async toggleLock(e){return(0,c.A)(yi,this).current.toggleLock(e,"toggle")}async lock(e){return(0,c.A)(yi,this).current.toggleLock(e,"lock")}async unlock(e){return(0,c.A)(yi,this).current.toggleLock(e,"unlock")}disconnectedCallback(){super.disconnectedCallback(),oa(this,!1)}render(){return g().createElement(ua,{host:this,ref:(0,c.A)(yi,this),layout:this.layout,layoutOptions:this.layoutOptions,cells:this.cells,defaultNodeSize:this.defaultNodeSize,defaultNodeBricks:this.defaultNodeBricks,defaultEdgeLines:this.defaultEdgeLines,degradedThreshold:this.degradedThreshold,degradedNodeLabel:this.degradedNodeLabel,activeTarget:this.activeTarget,fadeUnrelatedCells:this.fadeUnrelatedCells,zoomable:this.zoomable,scrollable:this.scrollable,pannable:this.pannable,dragBehavior:this.dragBehavior,ctrlDragBehavior:this.ctrlDragBehavior,scaleRange:this.scaleRange,lineSettings:this.lineSettings,lineConnector:this.lineConnector,allowEdgeToArea:this.allowEdgeToArea,doNotResetActiveTargetForSelector:this.doNotResetActiveTargetForSelector,doNotResetActiveTargetOutsideCanvas:this.doNotResetActiveTargetOutsideCanvas,onActiveTargetChange:(0,c.A)(Oa,this),onSwitchActiveTarget:(0,c.A)($a,this),onCellMove:(0,c.A)(Ia,this),onCellsMove:(0,c.A)(Ka,this),onCellResize:(0,c.A)(Ua,this),onCellDelete:(0,c.A)(Ya,this),onCellsDelete:(0,c.A)(Ga,this),onEdgeAdd:(0,c.A)(ei,this),onCellContextMenu:(0,c.A)(Qa,this),onCanvasContextMenu:(0,c.A)(ui,this),onDecoratorTextChange:(0,c.A)(si,this),onContainerContainerChange:(0,c.A)(ri,this),onScaleChange:(0,c.A)(ci,this),onEdgeViewChange:(0,c.A)(ai,this),onDecoratorViewChange:(0,c.A)(ni,this),onCanvasCopy:(0,c.A)(Ai,this),onCanvasPaste:(0,c.A)(vi,this)})}}function wi(e){const t=this.getBoundingClientRect(),a=(0,c.A)(yi,this).current.getTransform();return{x:(e[0]-t.left-a.x)/a.k,y:(e[1]-t.top-a.y)/a.k}}function ki(){return new Promise((e=>{const t=()=>{(0,c.A)(yi,this).current?e():setTimeout(t,10)};t()}))}function mi(e,t){let{host:a,layout:i,layoutOptions:n,cells:l,defaultNodeSize:s,defaultNodeBricks:o,defaultEdgeLines:r,degradedThreshold:d,degradedNodeLabel:c,activeTarget:h,fadeUnrelatedCells:A,zoomable:p,scrollable:v,pannable:C,dragBehavior:b,ctrlDragBehavior:_,scaleRange:K,lineSettings:Z,lineConnector:ee,allowEdgeToArea:te,doNotResetActiveTargetForSelector:ae,doNotResetActiveTargetOutsideCanvas:ie,onActiveTargetChange:ne,onSwitchActiveTarget:le,onCellMove:se,onCellResize:oe,onCellDelete:re,onCellsMove:de,onCellsDelete:ce,onCellContextMenu:he,onEdgeAdd:ue,onDecoratorTextChange:ge,onScaleChange:Ae,onContainerContainerChange:pe,onEdgeViewChange:ve,onDecoratorViewChange:ye,onCanvasContextMenu:Ce,onCanvasCopy:we,onCanvasPaste:ke}=e;const[{cells:me,layoutKey:fe},Me]=(0,u.useReducer)(m.d,l,(e=>({cells:(0,T.C)(e,{defaultNodeSize:s,layoutOptions:n,isInitialize:!0}),layoutKey:0}))),be=(0,u.useMemo)((()=>me.filter(M.N).length>=(null!=d?d:R.pC)),[me,d]),xe=(0,u.useRef)(null),Ee=(0,u.useRef)(null),[We,Te]=(0,u.useState)([]),[Ne,Se]=(0,u.useState)([]),[Re,Le]=(0,u.useState)(null),{grabbing:ze,transform:Be,zoomer:De,scaleRange:Pe}=(0,L.f)({rootRef:xe,zoomable:p,scrollable:v,pannable:C,draggable:"grab"===b,ctrlDraggable:"grab"===_,scaleRange:K,onSwitchActiveTarget:le});(0,u.useEffect)((()=>{Ae(Be.k)}),[Ae,Be.k]);const[Oe,$e]=(0,u.useState)(null),[He,Fe]=(0,u.useState)(null),{centered:Ie,setCentered:_e,getNextLayoutKey:Ke}=(0,D.g)({layout:i,layoutOptions:n,rootRef:xe,cells:me,zoomable:p,zoomer:De,scaleRange:Pe,layoutKey:fe,allowEdgeToArea:te,dispatch:Me}),Ve=(0,u.useCallback)((()=>{_e(!1)}),[_e]),Ue=(0,u.useMemo)((()=>(0,J.E)(me)),[me]);(0,u.useImperativeHandle)(t,(()=>({dropNode(e){"dagre"!==i&&"force"!==i&&_e(!0),Me({type:"drop-node",payload:e})},dropDecorator(e){"dagre"!==i&&"force"!==i&&_e(!0),Me({type:"drop-decorator",payload:e})},addNodes(e,t){let{defaultNodeSize:a,canvasWidth:l,canvasHeight:s}=t;const o=me.findLastIndex((e=>!("decorator"===e.type&&"text"===e.decorator)))+1,r=[...me.slice(0,o),...e,...me.slice(o)],{cells:d,updated:c,shouldReCenter:h}=(0,N.L)({cells:r,layout:i,previousCells:me,defaultNodeSize:a,canvasWidth:l,canvasHeight:s,scaleRange:Pe,transform:Be,allowEdgeToArea:te,layoutOptions:n});return h&&_e(!1),Me({type:"update-cells",payload:d}),c.filter((t=>e.includes(t)))},addEdge(e){Me({type:"add-edge",payload:e})},updateCells(e,t){const{shouldReCenter:a,...l}=(0,N.L)({...t,layout:i,previousCells:me,cells:e,scaleRange:Pe,transform:Be,allowEdgeToArea:te,layoutOptions:n});return a&&_e(!1),Me({type:"update-cells",payload:l.cells}),l},getTransform:()=>Be,manuallyConnectNodes(e){const t=me.find((t=>(0,M.bo)(t,te)&&t.id===e));if(t){const e=xe.current.getBoundingClientRect();return Fe({source:t,from:[t.view.x+t.view.width/2,t.view.y+t.view.height/2],offset:[e.left,e.top]}),new Promise(((e,t)=>{Ee.current={resolve:e,reject:t}}))}return Promise.reject(null)},reCenter:Ve,toggleLock(e,t){const{newCells:a,updates:i}=(0,Q.A)(e,t,me,Ue);return a?(Me({type:"update-cells",payload:a}),i):null}})),[me,i,Pe,_e,Be,te,Ve,Ue]);const je=(0,u.useCallback)(((e,t)=>{var a;for(let a=me.length-1;a>=0;a--){const n=me[a];if((0,M.bo)(n,te)&&n.id!==e.source.id&&n.view.x<t[0]&&n.view.x+n.view.width>t[0]&&n.view.y<t[1]&&n.view.y+n.view.height>t[1]){var i;null===(i=Ee.current)||void 0===i||i.resolve({source:e.source,target:n});break}}null===(a=Ee.current)||void 0===a||a.reject(null),Fe(null)}),[te,me]),[Xe,Ye]=(0,u.useState)(null);(0,u.useEffect)((()=>{oa(a,!!(He||Xe||Oe))}),[He,a,Xe,Oe]);const qe=(0,z.J)({rootRef:xe,activeTarget:h,doNotResetActiveTargetForSelector:ae,doNotResetActiveTargetOutsideCanvas:ie,onActiveTargetChange:ne}),[Ge,Je]=(0,u.useState)([]);(0,u.useEffect)((()=>{const e=A?(0,S.Y)(me,He,qe,te):[];Je((t=>0===t.length&&0===e.length?t:e))}),[qe,me,He,A,te]),(0,u.useEffect)((()=>{const e=xe.current;if(!e||We.length>0)return;const t=e=>{const t=(0,x.a)(e,{cells:me,activeTarget:qe,lockedContainerIds:Ue});"delete-cells"===(null==t?void 0:t.action)&&(ce(t.cells),1===t.cells.length&&re(t.cells[0]))};return e.addEventListener("keydown",t),()=>{e.removeEventListener("keydown",t)}}),[qe,me,We.length,Ue,re,ce]);const Qe=`${(0,u.useMemo)((()=>`${(0,y.uniqueId)("diagram-")}-`),[])}line-arrow-`,[Ze,et]=(0,u.useState)([]),[tt,at]=(0,u.useState)(!1),[it,nt]=(0,u.useState)(!1),[lt,st]=(0,u.useState)(!1),ot=(0,u.useCallback)((e=>{Me({type:"move-cells",payload:e});const t=[];(0,j._)(e,me).forEach((e=>{var a,i;null!==(a=e.containerCell)&&void 0!==a&&a.id&&t.push(null===(i=e.containerCell)||void 0===i?void 0:i.id)})),Se(t),et(e.flatMap((e=>{var t;return null!==(t=e.guideLines)&&void 0!==t?t:[]}))),at(!0),e.some((e=>(0,M._m)(e)))||st(!0)}),[me]),rt=(0,u.useCallback)((e=>{Me({type:"move-cells",payload:e}),de(e),1===e.length&&se(e[0]),(0,j._)(e,me,pe),Se([]),et([]),at(!1),st(!1)}),[se,de,me,pe]),dt=(0,u.useCallback)((e=>{Me({type:"resize-cell",payload:e}),nt(!0)}),[]),ct=(0,u.useCallback)((e=>{Me({type:"resize-cell",payload:e}),oe(e),nt(!1)}),[oe]),ht=(0,u.useCallback)((e=>{let{id:t,editing:a}=e;Te(a?e=>e.includes(t)?e:[...e,t]:e=>e.filter((e=>e!==t)))}),[]),ut=(0,u.useCallback)(((e,t)=>{const a=Ke();Me({type:"update-node-size",payload:{id:e,size:t},layoutKey:a})}),[Ke]),gt=(0,u.useCallback)((e=>{De.scaleTo((0,k.A)(xe.current),e/100)}),[De]),{lineConfMap:At,lineConnectorConf:pt,markers:vt}=(0,O.d)({cells:me,defaultEdgeLines:r,lineConnector:ee,markerPrefix:Qe,useMemoizedResult:lt||it}),yt=(0,q.A)({cells:me,lineConfMap:At}),Ct=(0,u.useMemo)((()=>{let e=[];return e=me.filter((e=>!(0,J.l)(e,Ue)&&(0,G.Q)(e,qe)&&((0,M.WW)(e)||(0,M._m)(e))&&yt.has(e))),e}),[qe,me,yt,Ue]),wt=(0,P.H)({cells:me,layout:i,centered:Ie}),[kt,mt]=(0,u.useState)(null),ft=(0,u.useRef)(null),[Mt,bt]=(0,u.useState)(null),xt=(0,u.useCallback)((e=>{if(pt&&!(0,J.l)(e,Ue)&&(0,M.bo)(e,te)&&(!Mt||"control"!==Mt.type)){null!==ft.current&&(clearTimeout(ft.current),ft.current=null);const t=(0,$.G)();mt({cell:e,relativePoints:t,points:Mi(t,e.view)})}}),[te,pt,Mt,Ue]),Et=(0,u.useCallback)((e=>{pt&&(0,M.N)(e)&&(ft.current=setTimeout((()=>{mt(null)})))}),[pt]),Wt=(0,u.useCallback)(((e,t,a,i)=>{const n={source:e.id,target:t.id,view:{...Z,exitPosition:a,entryPosition:i,vertices:null}};if(me.find((a=>"edge"===a.type&&a.source===e.id&&a.target===t.id)))Me({type:"change-edge-view",payload:n}),null==ve||ve(n);else{const a={type:"edge",...n};Me({type:"add-edge",payload:a}),ue({source:e,target:t,view:a.view})}}),[me,Z,ue,ve]),Tt=(0,u.useCallback)(((e,t,a)=>{const i={source:e.id,target:t.id,view:a};Me({type:"change-edge-view",payload:i}),null==ve||ve(i)}),[ve]),Nt=(0,u.useCallback)(((e,t)=>{const a={id:e.id,view:t};Me({type:"change-decorator-view",payload:a}),null==ye||ye(a)}),[ye]),St=(0,u.useMemo)((()=>({rootRef:xe,smartConnectLineState:Xe,unsetHoverStateTimeoutRef:ft,hoverState:kt,activeEditableLines:Ct,lineEditorState:Mt,movingCells:tt,setLineEditorState:bt,setHoverState:mt,setSmartConnectLineState:Ye,onConnect:Wt,onChangeEdgeView:Tt,onChangeDecoratorView:Nt})),[Ct,Tt,Nt,Wt,kt,Mt,Xe,tt]),Rt=(0,u.useCallback)((e=>{e.preventDefault(),Ce([e.clientX,e.clientY]),null==le||le(null)}),[Ce,le]),Lt=(0,u.useCallback)((e=>{e[/Mac|iPod|iPhone|iPad/.test(navigator.platform)?"metaKey":"ctrlKey"]&&("c"===e.key?(we(),e.preventDefault()):"v"===e.key&&(ke(),e.preventDefault()))}),[we,ke]);return(0,u.useEffect)((()=>{const e=xe.current;if(!e||"lasso"!==b)return;const t=e.getBoundingClientRect(),a=e=>{(0,I.F)(e,{transform:Be,offset:[t.left,t.top],onLassoing(e){$e(e)},onLassoed(e){$e(null);const t=[];for(const a of me)if((0,M.WW)(a)||(0,M.N)(a)||(0,M.mH)(a)){const i=(0,y.get)(a,"view.x",0),n=(0,y.get)(a,"view.y",0),l=(0,y.get)(a,"view.width",0),s=(0,y.get)(a,"view.height",0);i>=e.x&&i+l<=e.x+e.width&&n>=e.y&&n+s<=e.y+e.height&&t.push(a)}null==le||le(t.length>1?{type:"multi",targets:t.map(U.P)}:1===t.length?(0,U.P)(t[0]):null)}})};return e.addEventListener("mousedown",a),()=>{e.removeEventListener("mousedown",a)}}),[Be,me,b,le]),g().createElement(F.H.Provider,{value:St},g().createElement("svg",{onKeyDown:Lt,onContextMenu:Rt,width:"100%",height:"100%",ref:xe,className:w()("root",{grabbing:ze,pannable:C,ready:wt}),tabIndex:-1},g().createElement("defs",null,vt.map(((e,t)=>g().createElement(f.c,{key:t,id:`${Qe}${t}`,type:e.markerType,strokeColor:e.strokeColor})))),g().createElement("g",{transform:`translate(${Be.x} ${Be.y}) scale(${Be.k})`},g().createElement("g",{className:w()("cells",{allowEdgeToArea:te})},me.map((e=>g().createElement(E.m,{key:`${e.type}:${(0,M.WW)(e)?`${e.source}~${e.target}`:e.id}`,dragoverContainer:!(0,M.WW)(e)&&Ne.includes(e.id),layout:i,layoutOptions:n,cell:e,cells:me,degraded:be,degradedNodeLabel:c,defaultNodeBricks:o,transform:Be,lineConfMap:At,editableLineMap:yt,activeTarget:qe,unrelatedCells:Ge,allowEdgeToArea:te,curActiveEditableLine:Re,locked:(0,J.l)(e,Ue),containerLocked:(0,M.N)(e)&&!!e.containerId&&Ue.includes(e.containerId),updateCurActiveEditableLine:Le,onCellsMoving:ot,onCellsMoved:rt,onCellResizing:dt,onCellResized:ct,onSwitchActiveTarget:le,onCellContextMenu:he,onDecoratorTextChange:ge,onDecoratorTextEditing:ht,onNodeBrickResize:ut,onCellMouseEnter:xt,onCellMouseLeave:Et})))),g().createElement("g",null,g().createElement(W.w,{connectLineState:He,transform:Be,markerEnd:`${Qe}0`,onConnect:je})),Oe&&g().createElement("rect",{x:Oe.x,y:Oe.y,width:Oe.width,height:Oe.height,fill:"var(--palette-gray-5)",fillOpacity:.3,stroke:"var(--palette-gray-5)",strokeDasharray:2}),pt&&g().createElement("g",null,g().createElement(V.X,{transform:Be,lineSettings:Z,options:pt}),g().createElement(Y.W,{cells:me,editableLineMap:yt,transform:Be,options:pt,activeEditableLine:Re})),g().createElement("g",null,Ze.map(((e,t)=>g().createElement("path",{key:t,d:`M${e[0].join(" ")} L${e[1].join(" ")}`,stroke:"var(--palette-orange-5)",fill:"none",strokeWidth:1/Be.k})))),g().createElement("g",null,pt&&(null==Ct?void 0:Ct.map((e=>g().createElement(X.F,{editableLineMap:yt,scale:Be.k,activeEditableLine:e,updateCurActiveEditableLine:Le,key:(0,M.WW)(e)?`${e.source}-${e.target}`:e.id}))))),pt&&g().createElement(H.T,{activeTarget:qe,editableLineMap:yt,scale:Be.k,activeEditableLine:Re,disabled:!!He}))),g().createElement(B.Y,{shadowRoot:a.shadowRoot,scale:Be.k,scaleRange:Pe,onZoomChange:gt,onReCenter:Ve}))}function fi(){return"xxxxxxxx-xxxx-4xxx-yxxx-xxxxxxxxxxxx".replace(/[xy]/g,(function(e){const t=16*Math.random()|0;return("x"==e?t:3&t|8).toString(16)}))}function Mi(e,t){let a=arguments.length>2&&void 0!==arguments[2]?arguments[2]:1;const i=R.XK,n=i/2,l=t.x+a/2-n,s=t.y+a/2-n,o=t.width-a+i,r=t.height-a+i;return e.map((e=>({x:l+e.x*o,y:s+e.y*r})))}i=Ci,({e:[te,ae,ie,ne,le,se,oe,re,de,ce,he,ue,ge,Ae,pe,ve,ye,Ce,we,ke,me,fe,Me,be,xe,Ee,We,Te,Ne,Se,Re,Le,ze,Be,De,Pe,Oe,$e,He,Fe,Ie,_e,Ke,Ve,Ue,je,Xe,Ye,qe,Ge,Je,Qe,Ze,et,tt,at,it,nt,lt,st,ot,rt,dt,ct,ht,ut,gt,At,pt,vt,yt,Ct,wt,kt,mt,ft,Mt,bt,xt,Et,Wt,Tt,Nt,St,Rt,Lt,zt,Bt,Dt,Pt,Ot,$t,Ht,Ft,It,_t,Kt,Vt,Ut,jt,Xt,Yt,qt,Gt,Jt,Qt,Zt,ea,ta,aa,ia,na,la,sa,Z],c:[ga,ee]}=(0,h.A)(i,[ra("eo-draw-canvas",{styleTexts:[_.A,K.A]})],[[da({attribute:!1}),1,"cells"],[da({type:String}),1,"layout"],[da({attribute:!1}),1,"layoutOptions"],[da({attribute:!1}),1,"defaultNodeSize"],[da({attribute:!1}),1,"defaultNodeBricks"],[da({type:Number}),1,"degradedThreshold"],[da({attribute:!1}),1,"degradedNodeLabel"],[da({attribute:!1}),1,"defaultEdgeLines"],[da({attribute:!1}),1,"activeTarget"],[da({type:Boolean}),1,"fadeUnrelatedCells"],[da({type:Boolean}),1,"zoomable"],[da({type:Boolean}),1,"scrollable"],[da({type:Boolean}),1,"pannable"],[da({type:Boolean}),1,"allowEdgeToArea"],[da(),1,"dragBehavior"],[da(),1,"ctrlDragBehavior"],[da({attribute:!1}),1,"scaleRange"],[da({attribute:!1}),1,"lineSettings"],[da({attribute:!1}),1,"lineConnector"],[da(),1,"doNotResetActiveTargetForSelector"],[da({type:Boolean}),1,"doNotResetActiveTargetOutsideCanvas"],[ha({type:"activeTarget.change"}),1,"activeTargetChangeEvent",e=>(0,c.A)(Da,e),(e,t)=>(0,d.A)(Da,e,t)],[ha({type:"node.move"}),1,"nodeMoveEvent",e=>(0,c.A)(Ha,e),(e,t)=>(0,d.A)(Ha,e,t)],[ha({type:"cell.move"}),1,"cellMoveEvent",e=>(0,c.A)(Fa,e),(e,t)=>(0,d.A)(Fa,e,t)],[ha({type:"cells.move"}),1,"cellsMoveEvent",e=>(0,c.A)(_a,e),(e,t)=>(0,d.A)(_a,e,t)],[ha({type:"cell.resize"}),1,"cellResizeEvent",e=>(0,c.A)(Va,e),(e,t)=>(0,d.A)(Va,e,t)],[ha({type:"node.delete"}),1,"nodeDelete",e=>(0,c.A)(ja,e),(e,t)=>(0,d.A)(ja,e,t)],[ha({type:"cell.delete"}),1,"cellDelete",e=>(0,c.A)(Xa,e),(e,t)=>(0,d.A)(Xa,e,t)],[ha({type:"cells.delete"}),1,"cellsDelete",e=>(0,c.A)(qa,e),(e,t)=>(0,d.A)(qa,e,t)],[ha({type:"cell.contextmenu"}),1,"cellContextMenu",e=>(0,c.A)(Ja,e),(e,t)=>(0,d.A)(Ja,e,t)],[ha({type:"edge.add"}),1,"edgeAdd",e=>(0,c.A)(Za,e),(e,t)=>(0,d.A)(Za,e,t)],[ha({type:"edge.view.change"}),1,"edgeViewChange",e=>(0,c.A)(ti,e),(e,t)=>(0,d.A)(ti,e,t)],[ha({type:"decorator.view.change"}),1,"decoratorViewChange",e=>(0,c.A)(ii,e),(e,t)=>(0,d.A)(ii,e,t)],[ha({type:"decorator.text.change"}),1,"decoratorTextChange",e=>(0,c.A)(li,e),(e,t)=>(0,d.A)(li,e,t)],[ha({type:"node.container.change"}),1,"containerContainerChange",e=>(0,c.A)(oi,e),(e,t)=>(0,d.A)(oi,e,t)],[ha({type:"scale.change"}),1,"scaleChange",e=>(0,c.A)(di,e),(e,t)=>(0,d.A)(di,e,t)],[ha({type:"canvas.contextmenu"}),1,"canvasContextMenu",e=>(0,c.A)(hi,e),(e,t)=>(0,d.A)(hi,e,t)],[ha({type:"canvas.copy"}),1,"canvasCopy",e=>(0,c.A)(gi,e),(e,t)=>(0,d.A)(gi,e,t)],[ha({type:"canvas.paste"}),1,"canvasPaste",e=>(0,c.A)(pi,e),(e,t)=>(0,d.A)(pi,e,t)],[ca(),2,"dropNode"],[ca(),2,"dropDecorator"],[ca(),2,"addNodes"],[ca(),2,"addEdge"],[ca(),2,"manuallyConnectNodes"],[ca(),2,"updateCells"],[ca(),2,"reCenter"],[ca(),2,"toggleLock"],[ca(),2,"lock"],[ca(),2,"unlock"]],0,(e=>yi.has((0,s.A)(e))),p.ReactNextElement)),ee()}}]);
+//# sourceMappingURL=eo-draw-canvas.6ed25b01.js.map