@elyra/canvas 12.10.0 → 12.10.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (96) hide show
  1. package/dist/canvas-constants-af93267a.js +2 -0
  2. package/dist/canvas-constants-af93267a.js.map +1 -0
  3. package/dist/canvas-constants-ffce3b78.js +2 -0
  4. package/dist/canvas-constants-ffce3b78.js.map +1 -0
  5. package/dist/canvas-controller-27101eb5.js +2 -0
  6. package/dist/canvas-controller-27101eb5.js.map +1 -0
  7. package/dist/canvas-controller-a57e3b7a.js +2 -0
  8. package/dist/canvas-controller-a57e3b7a.js.map +1 -0
  9. package/dist/common-canvas-f409dcd4.js +2 -0
  10. package/dist/common-canvas-f409dcd4.js.map +1 -0
  11. package/dist/common-canvas-f6fc2fff.js +2 -0
  12. package/dist/common-canvas-f6fc2fff.js.map +1 -0
  13. package/dist/common-canvas.es.js +1 -1
  14. package/dist/common-canvas.es.js.map +1 -1
  15. package/dist/common-canvas.js +1 -1
  16. package/dist/common-canvas.js.map +1 -1
  17. package/dist/common-properties-653e50e3.js +2 -0
  18. package/dist/{common-properties-6334cca1.js.map → common-properties-653e50e3.js.map} +1 -1
  19. package/dist/common-properties-e2c6def7.js +2 -0
  20. package/dist/{common-properties-3758e3b2.js.map → common-properties-e2c6def7.js.map} +1 -1
  21. package/dist/datarecord-metadata-v3-schema-10ddafaf.js +2 -0
  22. package/dist/datarecord-metadata-v3-schema-10ddafaf.js.map +1 -0
  23. package/dist/datarecord-metadata-v3-schema-1504c843.js +2 -0
  24. package/dist/datarecord-metadata-v3-schema-1504c843.js.map +1 -0
  25. package/dist/{en-9e368daa.js → en-517f38fc.js} +2 -2
  26. package/dist/{en-9e368daa.js.map → en-517f38fc.js.map} +1 -1
  27. package/dist/{en-a3710fcf.js → en-dc6f2e9f.js} +2 -2
  28. package/dist/{en-a3710fcf.js.map → en-dc6f2e9f.js.map} +1 -1
  29. package/dist/extends-5a45f92e.js +7 -0
  30. package/dist/extends-5a45f92e.js.map +1 -0
  31. package/dist/extends-a52336ca.js +8 -0
  32. package/dist/extends-a52336ca.js.map +1 -0
  33. package/dist/flexible-table-e6ccbe58.js +2 -0
  34. package/dist/flexible-table-e6ccbe58.js.map +1 -0
  35. package/dist/flexible-table-f60c1680.js +2 -0
  36. package/dist/flexible-table-f60c1680.js.map +1 -0
  37. package/dist/index-567978da.js +2 -0
  38. package/dist/{index-1eff5860.js.map → index-567978da.js.map} +1 -1
  39. package/dist/index-59486e9a.js +2 -0
  40. package/dist/{index-7fba99b9.js.map → index-59486e9a.js.map} +1 -1
  41. package/dist/isEmpty-def8f509.js +2 -0
  42. package/dist/{isEmpty-3550e76f.js.map → isEmpty-def8f509.js.map} +1 -1
  43. package/dist/isEmpty-e171b734.js +2 -0
  44. package/dist/{isEmpty-c6f783dd.js.map → isEmpty-e171b734.js.map} +1 -1
  45. package/dist/lib/canvas-controller.es.js +2 -0
  46. package/dist/lib/canvas-controller.es.js.map +1 -0
  47. package/dist/lib/canvas-controller.js +2 -0
  48. package/dist/lib/canvas-controller.js.map +1 -0
  49. package/dist/lib/canvas.es.js +1 -1
  50. package/dist/lib/canvas.js +1 -1
  51. package/dist/lib/context-menu.es.js +1 -1
  52. package/dist/lib/context-menu.es.js.map +1 -1
  53. package/dist/lib/context-menu.js +1 -1
  54. package/dist/lib/context-menu.js.map +1 -1
  55. package/dist/lib/properties/field-picker.es.js +1 -1
  56. package/dist/lib/properties/field-picker.js +1 -1
  57. package/dist/lib/properties/flexible-table.es.js +1 -1
  58. package/dist/lib/properties/flexible-table.js +1 -1
  59. package/dist/lib/properties.es.js +1 -1
  60. package/dist/lib/properties.js +1 -1
  61. package/dist/lib/tooltip.es.js +1 -1
  62. package/dist/lib/tooltip.es.js.map +1 -1
  63. package/dist/lib/tooltip.js +1 -1
  64. package/dist/lib/tooltip.js.map +1 -1
  65. package/dist/toolbar-404bf690.js +2 -0
  66. package/dist/toolbar-404bf690.js.map +1 -0
  67. package/dist/toolbar-611d8ab9.js +2 -0
  68. package/dist/toolbar-611d8ab9.js.map +1 -0
  69. package/package.json +6 -3
  70. package/rollup.config.js +10 -7
  71. package/src/common-canvas/cc-contents.jsx +4 -4
  72. package/src/common-properties/components/virtualized-table/virtualized-table.jsx +1 -2
  73. package/src/toolbar/toolbar-action-item.jsx +2 -3
  74. package/stats.html +1 -1
  75. package/dist/canvas-controller-5c90a709.js +0 -2
  76. package/dist/canvas-controller-5c90a709.js.map +0 -1
  77. package/dist/canvas-controller-a851a663.js +0 -2
  78. package/dist/canvas-controller-a851a663.js.map +0 -1
  79. package/dist/common-properties-3758e3b2.js +0 -2
  80. package/dist/common-properties-6334cca1.js +0 -2
  81. package/dist/datarecord-metadata-v3-schema-3a2957c3.js +0 -2
  82. package/dist/datarecord-metadata-v3-schema-3a2957c3.js.map +0 -1
  83. package/dist/datarecord-metadata-v3-schema-82f2b977.js +0 -2
  84. package/dist/datarecord-metadata-v3-schema-82f2b977.js.map +0 -1
  85. package/dist/extends-41535aa9.js +0 -7
  86. package/dist/extends-41535aa9.js.map +0 -1
  87. package/dist/extends-76e6b8d2.js +0 -8
  88. package/dist/extends-76e6b8d2.js.map +0 -1
  89. package/dist/flexible-table-2bbb9e48.js +0 -2
  90. package/dist/flexible-table-2bbb9e48.js.map +0 -1
  91. package/dist/flexible-table-756ff86a.js +0 -2
  92. package/dist/flexible-table-756ff86a.js.map +0 -1
  93. package/dist/index-1eff5860.js +0 -2
  94. package/dist/index-7fba99b9.js +0 -2
  95. package/dist/isEmpty-3550e76f.js +0 -2
  96. package/dist/isEmpty-c6f783dd.js +0 -2
package/dist/common-canvas-f409dcd4.js ADDED
@@ -0,0 +1,2 @@
1
+ import{_ as t,a as e}from"./createClass-32a0cf0f.js";import{_ as n,a as i,b as o,c as a}from"./getPrototypeOf-97272efe.js";import r from"react";import{connect as s,Provider as l}from"react-redux";import{injectIntl as c}from"react-intl";import{h as u,y as d,p as h,d as p,E as g}from"./isEmpty-def8f509.js";import{I as f}from"./extends-5a45f92e.js";import v from"react-inlinesvg";import{D as y,b as m,U as k,c as b,a as C,d as P,P as w,e as L,f as x,g as S,h as N,i as D,j as T,E,W as I,k as O,l as _,m as A,n as z,N as M,o as H,p as R,L as j,q as F,A as B,r as G,s as U,t as X,u as Y,v as W,w as V,x as Z,y as q,z as K,B as J,F as Q,G as $,H as tt,J as et,K as nt,M as it,O as ot,Q as at,R as rt,V as st,X as lt,Y as ct,Z as ut,_ as dt,$ as ht,a0 as pt,T as gt,a1 as ft,a2 as vt,a3 as yt,S as mt,I as kt,a4 as bt}from"./canvas-constants-af93267a.js";import{t as Ct,T as Pt,d as wt}from"./toolbar-404bf690.js";import{d as Lt,s as xt}from"./datarecord-metadata-v3-schema-1504c843.js";import{i as St,h as Nt}from"./en-dc6f2e9f.js";import{InlineLoading as Dt,Search as Tt,Button as Et}from"carbon-components-react";import{L as It,d as Ot,a as _t,b as At,c as zt}from"./canvas-controller-27101eb5.js";import Mt from"./lib/tooltip.es.js";import Ht from"react-resize-detector";import Rt from"./lib/context-menu.es.js";import{Locked16 as jt,EditOff16 as Ft,FlowData16 as Bt,Close16 as Gt}from"@carbon/icons-react";var Ut="Find palette nodes",Xt="No results found.",Yt="Try adjusting your search to find what you're looking for.",Wt="Results restricted to 10 nodes. Try refining your search.",Vt="Show more",Zt="Show less",qt="Flyout Palette",Kt="Dialog Palette";function Jt(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,a=i(t);if(e){var r=i(this).constructor;n=Reflect.construct(a,arguments,r)}else n=a.apply(this,arguments);return o(this,n)}}var Qt=function(i){n(s,i);var o=Jt(s);function s(e){var n;return t(this,s),(n=o.call(this,e)).state={hover:!1},n.iconClicked=n.iconClicked.bind(a(n)),n.mouseEnter=n.mouseEnter.bind(a(n)),n.mouseLeave=n.mouseLeave.bind(a(n)),n.mouseDown=n.mouseDown.bind(a(n)),n}return e(s,[{key:"iconClicked",value:function(){this.props.iconClickedMethod()}},{key:"mouseEnter",value:function(){this.setState({hover:!0})}},{key:"mouseLeave",value:function(){this.setState({hover:!1})}},{key:"mouseDown",value:function(t){t.stopPropagation()}},{key:"render",value:function(){var t=this.props.selectedIconName;return this.props.isSelected||(t=this.state.hover?this.props.hoverIconName:this.props.deselectedIconName),r.createElement("div",{draggable:"false",className:"palette-three-way-icon-div"},r.createElement("img",{src:t,draggable:"false",onClick:this.iconClicked,onMouseEnter:this.mouseEnter,onMouseLeave:this.mouseLeave,onMouseDown:this.mouseDown}))}}]),s}(r.Component);function $t(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,a=i(t);if(e){var r=i(this).constructor;n=Reflect.construct(a,arguments,r)}else n=a.apply(this,arguments);return o(this,n)}}var te=function(i){n(s,i);var o=$t(s);function s(e){var n;return t(this,s),(n=o.call(this,e)).state={},n.mouseDown=n.mouseDown.bind(a(n)),n.doubleClick=n.doubleClick.bind(a(n)),n.close=n.close.bind(a(n)),n.gridViewSelected=n.gridViewSelected.bind(a(n)),n.listViewSelected=n.listViewSelected.bind(a(n)),n}return e(s,[{key:"mouseDown",value:function(t){this.props.mouseDownMethod(t)}},{key:"doubleClick",value:function(t){this.props.windowMaximizeMethod(t)}},{key:"close",value:function(t){this.props.canvasController.closePalette(t)}},{key:"gridViewSelected",value:function(){this.props.showGridMethod(!0)}},{key:"listViewSelected",value:function(){this.props.showGridMethod(!1)}},{key:"render",value:function(){return r.createElement("div",{className:"palette-dialog-topbar",onMouseDown:this.mouseDown,onDoubleClick:this.doubleClick},r.createElement("span",{className:"left-navbar"},r.createElement(Qt,{iconClickedMethod:this.gridViewSelected,isSelected:this.props.showGrid,selectedIconName:"data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2016%2016%22%20enable-background%3D%22new%200%200%2016%2016%22%3E%3Cg%20fill%3D%22%233D70B2%22%3E%3Cpath%20d%3D%22m9.8%200h6.2v6.2h-6.2z%22%2F%3E%3Cpath%20d%3D%22M8.6%2C0H7.4H0v7.4v1.2V16h7.4h1.2H16V8.6V7.4H8.6V0z%20M7.4%2C14.8H1.2V8.6h6.2V14.8z%20M14.8%2C8.6v6.2H8.6V8.6%20%20H14.8z%20M1.2%2C7.4V1.2h6.2v6.2H1.2z%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E",hoverIconName:"data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2016%2016%22%20enable-background%3D%22new%200%200%2016%2016%22%3E%3Cg%20fill%3D%22%235596e6%22%3E%3Cpath%20d%3D%22m9.8%200h6.2v6.2h-6.2z%22%2F%3E%3Cpath%20d%3D%22M8.6%2C0H7.4H0v7.4v1.2V16h7.4h1.2H16V8.6V7.4H8.6V0z%20M7.4%2C14.8H1.2V8.6h6.2V14.8z%20M14.8%2C8.6v6.2H8.6V8.6%20%20H14.8z%20M1.2%2C7.4V1.2h6.2v6.2H1.2z%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E",deselectedIconName:"data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2016%2016%22%20enable-background%3D%22new%200%200%2016%2016%22%3E%3Cg%20fill%3D%22%23C7C7C7%22%3E%3Cpath%20d%3D%22m9.8%200h6.2v6.2h-6.2z%22%2F%3E%3Cpath%20d%3D%22M8.6%2C0H7.4H0v7.4v1.2V16h7.4h1.2H16V8.6V7.4H8.6V0z%20M7.4%2C14.8H1.2V8.6h6.2V14.8z%20M14.8%2C8.6v6.2H8.6V8.6%20%20H14.8z%20M1.2%2C7.4V1.2h6.2v6.2H1.2z%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E"}),r.createElement(Qt,{iconClickedMethod:this.listViewSelected,isSelected:!this.props.showGrid,selectedIconName:"data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2016%2016%22%20enable-background%3D%22new%200%200%2016%2016%22%3E%3Cg%20fill%3D%22%233D70B2%22%3E%3Cpath%20d%3D%22m0%2014.5h1.5v1.5h-1.5z%22%2F%3E%3Cpath%20d%3D%22m3.3%2014.5h12.7v1.5h-12.7z%22%2F%3E%3Cpath%20d%3D%22m0%209.7h1.5v1.5h-1.5z%22%2F%3E%3Cpath%20d%3D%22m3.3%209.7h12.7v1.5h-12.7z%22%2F%3E%3Cpath%20d%3D%22m0%204.8h1.5v1.5h-1.5z%22%2F%3E%3Cpath%20d%3D%22m3.3%204.8h12.7v1.5h-12.7z%22%2F%3E%3Cpath%20d%3D%22m0%200h1.5v1.5h-1.5z%22%2F%3E%3Cpath%20d%3D%22m3.3%200h12.7v1.5h-12.7z%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E",hoverIconName:"data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2016%2016%22%20enable-background%3D%22new%200%200%2016%2016%22%3E%3Cg%20fill%3D%22%235596e6%22%3E%3Cpath%20d%3D%22m0%2014.5h1.5v1.5h-1.5z%22%2F%3E%3Cpath%20d%3D%22m3.3%2014.5h12.7v1.5h-12.7z%22%2F%3E%3Cpath%20d%3D%22m0%209.7h1.5v1.5h-1.5z%22%2F%3E%3Cpath%20d%3D%22m3.3%209.7h12.7v1.5h-12.7z%22%2F%3E%3Cpath%20d%3D%22m0%204.8h1.5v1.5h-1.5z%22%2F%3E%3Cpath%20d%3D%22m3.3%204.8h12.7v1.5h-12.7z%22%2F%3E%3Cpath%20d%3D%22m0%200h1.5v1.5h-1.5z%22%2F%3E%3Cpath%20d%3D%22m3.3%200h12.7v1.5h-12.7z%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E",deselectedIconName:"data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2016%2016%22%20enable-background%3D%22new%200%200%2016%2016%22%3E%3Cg%20fill%3D%22%23C7C7C7%22%3E%3Cpath%20d%3D%22m0%2014.5h1.5v1.5h-1.5z%22%2F%3E%3Cpath%20d%3D%22m3.3%2014.5h12.7v1.5h-12.7z%22%2F%3E%3Cpath%20d%3D%22m0%209.7h1.5v1.5h-1.5z%22%2F%3E%3Cpath%20d%3D%22m3.3%209.7h12.7v1.5h-12.7z%22%2F%3E%3Cpath%20d%3D%22m0%204.8h1.5v1.5h-1.5z%22%2F%3E%3Cpath%20d%3D%22m3.3%204.8h12.7v1.5h-12.7z%22%2F%3E%3Cpath%20d%3D%22m0%200h1.5v1.5h-1.5z%22%2F%3E%3Cpath%20d%3D%22m3.3%200h12.7v1.5h-12.7z%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E"})),r.createElement("span",{className:"right-navbar"},r.createElement("a",{className:"secondary-action",onClick:this.close},r.createElement("img",{src:"data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2032%2032%22%3E%3Cpath%20style%3D%22fill%3A%233D70B2%22%20d%3D%22M20.293%2010.293L16%2014.586l-4.293-4.293-1.414%201.414L14.586%2016l-4.293%204.293%201.414%201.414L16%2017.414l4.293%204.293%201.414-1.414L17.414%2016l4.293-4.293z%22%2F%3E%3Cpath%20style%3D%22fill%3A%233D70B2%22%20d%3D%22M16%202C8.269%202%202%208.269%202%2016s6.269%2014%2014%2014%2014-6.269%2014-14S23.731%202%2016%202zm0%2026C9.383%2028%204%2022.617%204%2016S9.383%204%2016%204s12%205.383%2012%2012-5.383%2012-12%2012z%22%2F%3E%3C%2Fsvg%3E",draggable:"false",className:"close-icon"}))))}}]),s}(r.Component);function ee(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,a=i(t);if(e){var r=i(this).constructor;n=Reflect.construct(a,arguments,r)}else n=a.apply(this,arguments);return o(this,n)}}var ne=function(i){n(s,i);var o=ee(s);function s(e){var n;return t(this,s),(n=o.call(this,e)).state={},n.categorySelected=n.categorySelected.bind(a(n)),n}return e(s,[{key:"categorySelected",value:function(t){this.props.categorySelectedMethod(t)}},{key:"render",value:function(){var t="palette-dialog-category";return this.props.selectedCategory===this.props.category.label&&(t="palette-dialog-category-selected"),r.createElement("div",{"data-id":this.props.category.id,className:t,onClick:this.categorySelected},this.props.category.label)}}]),s}(r.Component);function ie(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,a=i(t);if(e){var r=i(this).constructor;n=Reflect.construct(a,arguments,r)}else n=a.apply(this,arguments);return o(this,n)}}var oe=function(i){n(a,i);var o=ie(a);function a(e){var n;return t(this,a),(n=o.call(this,e)).state={},n}return e(a,[{key:"render",value:function(){for(var t=[],e=0;e<this.props.categories.length;e++)t.push(r.createElement(ne,{key:this.props.categories[e].label,category:this.props.categories[e],selectedCategory:this.props.selectedCategory,categorySelectedMethod:this.props.categorySelectedMethod}));return r.createElement("div",{className:"palette-dialog-categories palette-scroll"},t)}}]),a}(r.Component),ae="data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2064%2060%22%3E%20%3Cpath%20d%3D%22M32%2C42a1.61%2C1.61%2C0%2C0%2C1-.8-.2L9.28%2C30.15l1.6-2.94L32%2C38.47%2C53.12%2C27.21l1.6%2C2.94L32.8%2C41.84A1.71%2C1.71%2C0%2C0%2C1%2C32%2C42Z%22%2F%3E%20%3Cpath%20d%3D%22M32%2C52.05a1.72%2C1.72%2C0%2C0%2C1-.8-.2L9.28%2C40.17l1.6-2.94L32%2C48.48%2C53.12%2C37.23l1.6%2C2.94L32.8%2C51.85A1.72%2C1.72%2C0%2C0%2C1%2C32%2C52.05Z%22%2F%3E%20%3Cpath%20d%3D%22M32%2C32a1.72%2C1.72%2C0%2C0%2C1-.8-.2L9.28%2C20.14a1.66%2C1.66%2C0%2C0%2C1%2C0-2.94L31.2%2C5.52a1.68%2C1.68%2C0%2C0%2C1%2C1.6%2C0L54.72%2C17.2a1.66%2C1.66%2C0%2C0%2C1%2C.69%2C2.26%2C1.74%2C1.74%2C0%2C0%2C1-.69.68L32.8%2C31.82A1.72%2C1.72%2C0%2C0%2C1%2C32%2C32ZM13.64%2C18.67%2C32%2C28.46l18.36-9.79L32%2C8.88Z%22%2F%3E%20%3Crect%20x%3D%225.02%22%20y%3D%221.98%22%20width%3D%2253.96%22%20height%3D%2253.41%22%20fill%3D%22none%22%2F%3E%3C%2Fsvg%3E",re="data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2064%2060%22%3E%20%3Cdefs%3E%20%20%3CclipPath%20id%3D%22a%22%3E%20%20%20%3Cpolygon%20points%3D%2217.28%204.63%2026.88%2014.07%2024.74%2015.87%2018.94%2010.35%2018.94%2026.29%2015.78%2026.29%2015.78%2010.35%209.97%2016.12%207.91%2014.04%2017.28%204.63%22%2F%3E%20%20%3C%2FclipPath%3E%20%20%3CclipPath%20id%3D%22b%22%3E%20%20%20%3Cpath%20d%3D%22M32.39%2C6.36l.2.1%2C20.35%2C11a2.7%2C2.7%2C0%2C0%2C1%2C1.11%2C1.11%2C2.74%2C2.74%2C0%2C0%2C1-.89%2C3.59l-.22.13L33%2C33a2.66%2C2.66%2C0%2C0%2C1-2.51%2C0l-6-3.13a1.83%2C1.83%2C0%2C1%2C1%2C1.69-3.25l5.57%2C2.89%2C18-9.69L30.85%2C9.68A1.83%2C1.83%2C0%2C0%2C1%2C30%2C7.39l.09-.19A1.83%2C1.83%2C0%2C0%2C1%2C32.39%2C6.36Z%22%20%20%20clip-path%3D%22url%28%23a%29%22%2F%3E%20%20%3C%2FclipPath%3E%20%3C%2Fdefs%3E%20%3Cpolygon%20points%3D%2217.28%204.63%2026.88%2014.07%2024.74%2015.87%2018.94%2010.35%2018.94%2026.29%2015.78%2026.29%2015.78%2010.35%209.97%2016.12%207.91%2014.04%2017.28%204.63%22%2F%3E%20%3Cpath%20d%3D%22M32.39%2C6.36l.2.1%2C20.35%2C11a2.7%2C2.7%2C0%2C0%2C1%2C1.11%2C1.11%2C2.74%2C2.74%2C0%2C0%2C1-.89%2C3.59l-.22.13L33%2C33a2.66%2C2.66%2C0%2C0%2C1-2.51%2C0l-6-3.13a1.83%2C1.83%2C0%2C1%2C1%2C1.69-3.25l5.57%2C2.89%2C18-9.69L30.85%2C9.68A1.83%2C1.83%2C0%2C0%2C1%2C30%2C7.39l.09-.19A1.83%2C1.83%2C0%2C0%2C1%2C32.39%2C6.36Z%22%2F%3E%20%3Cpath%20d%3D%22M53%2C28.53l1.62%2C3L32.52%2C43.43a1.59%2C1.59%2C0%2C0%2C1-.8.21%2C1.66%2C1.66%2C0%2C0%2C1-.81-.21L8.8%2C31.53l1.61-3L31.72%2C40Z%22%2F%3E%20%3Cpath%20d%3D%22M53%2C38.74l1.62%2C3L32.52%2C53.64a1.69%2C1.69%2C0%2C0%2C1-.8.2%2C1.76%2C1.76%2C0%2C0%2C1-.81-.2L8.8%2C41.73l1.61-3L31.72%2C50.21Z%22%2F%3E%3C%2Fsvg%3E";function se(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,a=i(t);if(e){var r=i(this).constructor;n=Reflect.construct(a,arguments,r)}else n=a.apply(this,arguments);return o(this,n)}}var le=function(i){n(s,i);var o=se(s);function s(e){var n;return t(this,s),(n=o.call(this,e)).state={},n.ghostData=null,n.onDragStart=n.onDragStart.bind(a(n)),n.onDoubleClick=n.onDoubleClick.bind(a(n)),n.onMouseOver=n.onMouseOver.bind(a(n)),n.onMouseLeave=n.onMouseLeave.bind(a(n)),n.onMouseDown=n.onMouseDown.bind(a(n)),n}return e(s,[{key:"onMouseDown",value:function(){this.props.canvasController.closeTip(),this.ghostData=this.props.canvasController.getGhostNode(this.props.nodeTemplate)}},{key:"onDragStart",value:function(t){this.props.canvasController.setDragNodeTemplate(this.props.nodeTemplate),t.dataTransfer.setData(y,""),this.ghostData&&t.dataTransfer.setDragImage(this.ghostData.element,this.ghostData.centerX,this.ghostData.centerY)}},{key:"onDoubleClick",value:function(){this.props.canvasController.createAutoNode&&this.props.canvasController.createAutoNode(this.props.nodeTemplate)}},{key:"onMouseOver",value:function(t){if(0===t.buttons){var e=this.props.category.empty_text?{app_data:{ui_data:{label:this.props.category.empty_text}}}:this.props.nodeTemplate;this.props.canvasController.openTip({id:"paletteTip_"+this.props.nodeTemplate.op,type:m,targetObj:t.currentTarget,nodeTemplate:e,category:this.props.category})}}},{key:"onMouseLeave",value:function(){this.props.canvasController.closeTip()}},{key:"render",value:function(){var t="";u(this.props.nodeTemplate,"app_data.ui_data.label")&&(t=this.props.nodeTemplate.app_data.ui_data.label);var e=r.createElement("div",{className:"node-icon"});if(u(this.props.nodeTemplate,"app_data.ui_data.image")){var n=this.props.nodeTemplate.app_data.ui_data.image;n===k?n=ae:n===b&&(n=re),e=n.endsWith(".svg")?r.createElement(v,{src:n,className:"node-icon",alt:t}):r.createElement("img",{src:n,className:"node-icon",alt:t})}var i=this.props.isEditingEnabled?"true":"false",o="palette-dialog-grid-node-text";return this.props.category&&0===this.props.category.node_types.length&&this.props.category.empty_text&&(t=this.props.category.empty_text,i="false",o="palette-dialog-grid-node-text-warning",e=r.createElement(f,{type:C.WARNING_UNFILLED,className:"palette-dialog-grid-node-icon-warning",draggable:"false"})),r.createElement("div",{id:this.props.nodeTemplate.id,"data-id":this.props.nodeTemplate.op,draggable:i,onMouseOver:this.onMouseOver,onMouseLeave:this.onMouseLeave,onMouseDown:this.props.isEditingEnabled?this.onMouseDown:null,onDragStart:this.props.isEditingEnabled?this.onDragStart:null,onDoubleClick:this.props.isEditingEnabled?this.onDoubleClick:null,className:"palette-dialog-grid-node-outer"},r.createElement("div",{className:"palette-dialog-grid-node-inner"},r.createElement("div",{className:"palette-dialog-grid-node-icon"},e),r.createElement("div",{className:o},t)))}}]),s}(r.Component),ce=le;function ue(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,a=i(t);if(e){var r=i(this).constructor;n=Reflect.construct(a,arguments,r)}else n=a.apply(this,arguments);return o(this,n)}}var de=function(i){n(a,i);var o=ue(a);function a(e){var n;return t(this,a),(n=o.call(this,e)).state={},n}return e(a,[{key:"render",value:function(){var t=[];if(this.props.category&&this.props.category.node_types&&0===this.props.category.node_types.length&&this.props.category.empty_text)t.push(r.createElement(ce,{key:"pal_grid_node_empty",category:this.props.category,nodeTemplate:{},canvasController:this.props.canvasController,isEditingEnabled:this.props.isEditingEnabled}));else for(var e=0;e<this.props.nodeTypes.length;e++)t.push(r.createElement(ce,{key:"pal_grid_node_"+e,category:this.props.category,nodeTemplate:this.props.nodeTypes[e],canvasController:this.props.canvasController,isEditingEnabled:this.props.isEditingEnabled}));var n=this.props.show?"block":"none";return r.createElement("div",{width:"100%",className:"palette-scroll",style:{display:n}},t)}}]),a}(r.Component);function he(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,a=i(t);if(e){var r=i(this).constructor;n=Reflect.construct(a,arguments,r)}else n=a.apply(this,arguments);return o(this,n)}}var pe=function(i){n(s,i);var o=he(s);function s(e){var n;return t(this,s),(n=o.call(this,e)).state={showFullDescription:!1},n.ghostData=null,n.showFullDescription=n.showFullDescription.bind(a(n)),n.showShortDescription=n.showShortDescription.bind(a(n)),n.onDragStart=n.onDragStart.bind(a(n)),n.onDoubleClick=n.onDoubleClick.bind(a(n)),n.onMouseOver=n.onMouseOver.bind(a(n)),n.onMouseLeave=n.onMouseLeave.bind(a(n)),n.onMouseDown=n.onMouseDown.bind(a(n)),n}return e(s,[{key:"onMouseDown",value:function(){this.props.canvasController.closeTip(),this.ghostData=this.props.canvasController.getGhostNode(this.props.nodeTypeInfo.nodeType)}},{key:"onDragStart",value:function(t){this.props.canvasController.setDragNodeTemplate(this.props.nodeTypeInfo.nodeType),t.dataTransfer.setData(y,""),this.ghostData&&t.dataTransfer.setDragImage(this.ghostData.element,this.ghostData.centerX,this.ghostData.centerY)}},{key:"onDoubleClick",value:function(){this.props.canvasController.createAutoNode&&this.props.canvasController.createAutoNode(this.props.nodeTypeInfo.nodeType)}},{key:"onMouseOver",value:function(t){if(!this.props.isDisplaySearchResult&&0===t.buttons){var e=this.props.nodeTypeInfo.category.empty_text?{app_data:{ui_data:{label:this.props.nodeTypeInfo.category.empty_text}}}:this.props.nodeTypeInfo.nodeType;this.props.canvasController.openTip({id:"paletteTip_"+this.props.nodeTypeInfo.nodeType.op,type:m,targetObj:t.currentTarget,nodeTemplate:e,category:this.props.nodeTypeInfo.category})}}},{key:"onMouseLeave",value:function(){this.props.canvasController.closeTip()}},{key:"getHighlightedCategoryLabel",value:function(){return this.getHighlightedText(this.props.nodeTypeInfo.category.label,this.props.nodeTypeInfo.occurrenceInfo.catLabelOccurrences)}},{key:"getHighlightedLabel",value:function(){return this.getHighlightedText(this.props.nodeTypeInfo.nodeType.app_data.ui_data.label,this.props.nodeTypeInfo.occurrenceInfo.nodeLabelOccurrences)}},{key:"getHighlightedDesc",value:function(){var t=this.props.nodeTypeInfo.nodeType.app_data.ui_data.description,e=this.props.nodeTypeInfo.occurrenceInfo.nodeDescOccurrences,n=!1;if(t.length>150&&(n=!0,!this.state.showFullDescription)){var i=this.getAbbreviatedDescription(t,e,150);t=i.abbrDesc,e=i.occurrences}var o=this.getHighlightedText(t,e);if(n)if(this.state.showFullDescription){var a=this.props.intl.formatMessage({id:"palette.flyout.search.less",defaultMessage:Zt});o.push(r.createElement("div",{key:"l_btn",className:"palette-list-item-desc-button",onClick:this.showShortDescription},a))}else{var s=this.props.intl.formatMessage({id:"palette.flyout.search.more",defaultMessage:Vt});o.push(r.createElement("div",{key:"m_btn",className:"palette-list-item-desc-button",onClick:this.showFullDescription},s))}return o}},{key:"getAbbreviatedDescription",value:function(t,e,n){if(0===e.length)return{abbrDesc:t.substring(0,n)+" ...",occurrences:e};var i=e[0].start,o=t.length-i,a="",r=0;return i<n?(r=0,a=t.substring(r,n)+" ..."):o>n?(r=i,a="... "+t.substring(r,i+n)+" ...",r-=4):(r=t.length-n,a="... "+t.substring(r,t.length),r-=4),{abbrDesc:a,occurrences:e.map((function(t){return{start:t.start-r,end:t.end-r}}))}}},{key:"getHighlightedText",value:function(t,e){if(!e||0===e.length)return[r.createElement("span",{key:"o"},t)];var n=[],i=0,o="";return e.forEach((function(a,s){o=t.substring(i,a.start),n.push(r.createElement("span",{key:"s"+s},o)),o=t.substring(a.start,a.end),n.push(r.createElement("mark",{key:"m"+s},o)),i=a.end,s===e.length-1&&a.end<t.length&&(o=t.substring(a.end),n.push(r.createElement("span",{key:"f"+s},o)))})),n}},{key:"showFullDescription",value:function(){this.setState({showFullDescription:!0})}},{key:"showShortDescription",value:function(){this.setState({showFullDescription:!1})}},{key:"imageDrag",value:function(){return!1}},{key:"render",value:function(){var t=null,e=this.props.isEditingEnabled?"true":"false",n=null;if(u(this.props.nodeTypeInfo.nodeType,"app_data.ui_data.image")){var i=this.props.nodeTypeInfo.nodeType.app_data.ui_data.image;i===k?i=ae:i===b&&(i=re),n=i.endsWith(".svg")?r.createElement(v,{src:i,className:"palette-list-item-icon",draggable:"false"}):r.createElement("img",{src:i,className:"palette-list-item-icon",draggable:"false"})}!u(this.props.nodeTypeInfo.nodeType,"app_data.ui_data.label")||!this.props.isPaletteOpen&&n||(t=this.props.isDisplaySearchResult?this.getHighlightedLabel():r.createElement("span",null,this.props.nodeTypeInfo.nodeType.app_data.ui_data.label));var o=this.props.isShowRanking&&this.props.isDisplaySearchResult&&u(this.props.nodeTypeInfo,"occurrenceInfo.ranking")?r.createElement("span",null,this.props.nodeTypeInfo.occurrenceInfo.ranking):null;0===this.props.nodeTypeInfo.category.node_types.length&&this.props.nodeTypeInfo.category.empty_text&&(this.props.isPaletteOpen&&(t=this.props.nodeTypeInfo.category.empty_text),e="false",n=r.createElement(f,{type:C.WARNING_UNFILLED,className:"palette-list-item-icon-warning",draggable:"false"}));var a=this.props.isDisplaySearchResult?"palette-list-item search-result":"palette-list-item",s=this.props.isDisplaySearchResult?r.createElement("div",{className:"palette-list-item-category-label"},this.getHighlightedCategoryLabel()):null,l=this.props.isDisplaySearchResult&&u(this.props.nodeTypeInfo.nodeType,"app_data.ui_data.description")&&this.props.nodeTypeInfo.nodeType.app_data.ui_data.description?r.createElement("div",{className:"palette-list-item-description"},this.getHighlightedDesc()):null,c=t?r.createElement("div",{className:"palette-list-item-text-div"},t):null;return r.createElement("div",{id:this.props.nodeTypeInfo.nodeType.id,"data-id":this.props.nodeTypeInfo.nodeType.op,draggable:e,className:a,onMouseOver:this.onMouseOver,onMouseLeave:this.onMouseLeave,onMouseDown:this.props.isEditingEnabled?this.onMouseDown:null,onDragStart:this.props.isEditingEnabled?this.onDragStart:null,onDoubleClick:this.props.isEditingEnabled?this.onDoubleClick:null},s,r.createElement("div",{className:"palette-list-item-icon-and-text"},n,c,o),l)}}]),s}(r.Component),ge=c(pe);function fe(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,a=i(t);if(e){var r=i(this).constructor;n=Reflect.construct(a,arguments,r)}else n=a.apply(this,arguments);return o(this,n)}}var ve=function(i){n(a,i);var o=fe(a);function a(e){var n;return t(this,a),(n=o.call(this,e)).state={},n}return e(a,[{key:"render",value:function(){var t=[];if(this.props.category&&this.props.category.node_types&&0===this.props.category.node_types.length&&this.props.category.empty_text)t.push(r.createElement("div",{key:"item_empty"},r.createElement(ge,{nodeTypeInfo:{nodeType:{},category:this.props.category},isDisplaySearchResult:!1,canvasController:this.props.canvasController,isPaletteOpen:this.props.isPaletteOpen})));else for(var e=0;e<this.props.nodeTypeInfos.length;e++){var n="item_"+e;t.push(r.createElement("div",{key:n},r.createElement(ge,{nodeTypeInfo:this.props.nodeTypeInfos[e],isDisplaySearchResult:!1,canvasController:this.props.canvasController,isPaletteOpen:this.props.isPaletteOpen,isEditingEnabled:this.props.isEditingEnabled})))}var i={};return i.borderBottom=this.props.isLastCategory?"none":null,i.display=this.props.show?"block":"none",r.createElement("div",{width:"100%",draggable:"false",className:"palette-content-list palette-scroll",style:i},t)}}]),a}(r.Component);function ye(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,a=i(t);if(e){var r=i(this).constructor;n=Reflect.construct(a,arguments,r)}else n=a.apply(this,arguments);return o(this,n)}}var me=function(i){n(s,i);var o=ye(s);function s(e){var n;return t(this,s),(n=o.call(this,e)).state={selectedCategory:""},n.categorySelected=n.categorySelected.bind(a(n)),n.getUniqueCategories=n.getUniqueCategories.bind(a(n)),n.getSelectedCategory=n.getSelectedCategory.bind(a(n)),n}return e(s,[{key:"getUniqueCategories",value:function(t){var e=[];if(t)for(var n=0;n<t.length;n++)-1===e.indexOf(t[n].label)&&e.push(t[n]);return e}},{key:"getSelectedCategory",value:function(t){var e={};if(t)for(var n=0;n<t.length;n++)t[n].label===this.state.selectedCategory&&(e=t[n]);return e}},{key:"categorySelected",value:function(t){this.setState({selectedCategory:t.target.firstChild.data})}},{key:"render",value:function(){var t=this.getUniqueCategories(this.props.paletteJSON.categories),e=this.getSelectedCategory(this.props.paletteJSON.categories),n=e&&e.node_types?e.node_types:[],i=n.map((function(t){return{nodeType:t,category:e}}));return r.createElement("div",{className:"palette-dialog-content",ref:"palettecontent"},r.createElement(oe,{categories:t,selectedCategory:this.state.selectedCategory,categorySelectedMethod:this.categorySelected}),r.createElement(de,{show:this.props.showGrid,category:e,nodeTypes:n,canvasController:this.props.canvasController,isEditingEnabled:this.props.isEditingEnabled}),r.createElement(ve,{show:!this.props.showGrid,category:e,nodeTypeInfos:i,canvasController:this.props.canvasController,isPaletteOpen:!0,isLastCategory:!1,isEditingEnabled:this.props.isEditingEnabled}))}}],[{key:"getDerivedStateFromProps",value:function(t,e){return t.paletteJSON&&t.paletteJSON.categories&&t.paletteJSON.categories.length>0&&""===e.selectedCategory?{selectedCategory:t.paletteJSON.categories[0].label}:{}}}]),s}(r.Component);function ke(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,a=i(t);if(e){var r=i(this).constructor;n=Reflect.construct(a,arguments,r)}else n=a.apply(this,arguments);return o(this,n)}}var be=c(function(i){n(s,i);var o=ke(s);function s(e){var n;return t(this,s),(n=o.call(this,e)).state={xPos:100,yPos:100,showGrid:!0},n.showGrid=n.showGrid.bind(a(n)),n.mouseDownOnTopBar=n.mouseDownOnTopBar.bind(a(n)),n.mouseDownOnPalette=n.mouseDownOnPalette.bind(a(n)),n.mouseMove=n.mouseMove.bind(a(n)),n.mouseUp=n.mouseUp.bind(a(n)),n.windowResize=n.windowResize.bind(a(n)),n.windowMaximize=n.windowMaximize.bind(a(n)),n.getPaletteDiv=n.getPaletteDiv.bind(a(n)),n.resizePalette=n.resizePalette.bind(a(n)),n.movePalette=n.movePalette.bind(a(n)),n.setResizingCursors=n.setResizingCursors.bind(a(n)),n.setSizingHoverEdge=n.setSizingHoverEdge.bind(a(n)),n.snapToWidth=n.snapToWidth.bind(a(n)),n.snapToHeight=n.snapToHeight.bind(a(n)),n.removePx=n.removePx.bind(a(n)),n.dragging=!1,n.dragOffsetY=0,n.dragOffsetX=0,n.verticalSizingAction="",n.verticalSizingHover="",n.horizontalSizingAction="",n.hoizontalSizingHover="",n.savedWidth=0,n.savedLeft=0,n.savedHeight=0,n.savedTop=0,n.hoverZoneSize=3,n.totalHoverZoneSize=2*n.hoverZoneSize,n.adjustedWidth=137,n.adjustedHeight=51,n.adjustedScrollBarWidth=15,n.isMaximized=!1,n.paletteNodes=[],n.hackPaletteOffset=46,n.hackPaletteTopOffset=n.hackPaletteOffset+4,window.addEventListener("mousemove",n.mouseMove,!1),window.addEventListener("mouseup",n.mouseUp,!1),window.addEventListener("resize",n.windowResize,!1),n}return e(s,[{key:"componentDidUpdate",value:function(){this.windowResize()}},{key:"componentWillUnmount",value:function(){window.removeEventListener("mousemove",this.mouseMove),window.removeEventListener("mouseup",this.mouseUp),window.removeEventListener("resize",this.windowResize)}},{key:"getAdjustedMousePositionBottom",value:function(t,e){var n=t.clientY;return n>e.offsetTop+e.offsetHeight-this.hoverZoneSize&&(n=e.offsetTop+e.offsetHeight-this.hoverZoneSize),n}},{key:"getAdjustedMousePositionLeft",value:function(t,e){var n=t.clientX;return n<e.offsetLeft+this.hoverZoneSize&&(n=e.offsetLeft+this.hoverZoneSize),n}},{key:"getAdjustedMousePositionRight",value:function(t,e){var n=t.clientX;return n>e.offsetLeft+e.offsetWidth-this.hoverZoneSize&&(n=e.offsetLeft+e.offsetWidth-this.hoverZoneSize),n}},{key:"getAdjustedMousePositionTop",value:function(t,e){var n=t.clientY;return n<e.offsetTop+this.hoverZoneSize&&(n=e.offsetTop+this.hoverZoneSize),n}},{key:"getPaletteDiv",value:function(){return this.refs.palette}},{key:"getStyleProperty",value:function(t,e){var n=t.charAt(0),i=t.substring(1),o="#"===n?document.getElementById(i):document.getElementsByClassName(i)[0];return window.getComputedStyle(o,null).getPropertyValue(e)}},{key:"setResizingCursors",value:function(t){var e=this.getPaletteDiv();this.setSizingHoverEdge(t,e),"top"===this.verticalSizingHover?"left"===this.horizontalSizingHover?e.style.cursor="nwse-resize":"right"===this.horizontalSizingHover?e.style.cursor="nesw-resize":e.style.cursor="ns-resize":"bottom"===this.verticalSizingHover?"left"===this.horizontalSizingHover?e.style.cursor="nesw-resize":"right"===this.horizontalSizingHover?e.style.cursor="nwse-resize":e.style.cursor="ns-resize":"left"===this.horizontalSizingHover||"right"===this.horizontalSizingHover?e.style.cursor="ew-resize":e.style.cursor="default"}},{key:"setContentDivHeight",value:function(t,e){var n=e-this.removePx(this.getStyleProperty(".palette-dialog-topbar","height"))-this.totalHoverZoneSize+"px",i=t.childNodes[1];i.style.height=n,i.childNodes[0].style.height=n,i.childNodes[1].style.height=n,i.childNodes[2].style.height=n}},{key:"setSizingHoverEdge",value:function(t,e){t.clientX>e.offsetLeft&&t.clientX<e.offsetLeft+this.totalHoverZoneSize?this.horizontalSizingHover="left":t.clientX<e.offsetLeft+e.offsetWidth&&t.clientX>e.offsetLeft+e.offsetWidth-this.totalHoverZoneSize?this.horizontalSizingHover="right":(this.horizontalSizingHover="",this.horizontalSizingAction=""),t.clientY>e.offsetTop+this.hackPaletteTopOffset&&t.clientY<e.offsetTop+this.hackPaletteTopOffset+this.totalHoverZoneSize?this.verticalSizingHover="top":t.clientY<e.offsetTop+e.offsetHeight+this.hackPaletteOffset&&t.clientY>e.offsetTop+e.offsetHeight+this.hackPaletteOffset-this.totalHoverZoneSize?this.verticalSizingHover="bottom":(this.verticalSizingHover="",this.verticalSizingAction="")}},{key:"mouseDownOnTopBar",value:function(t){this.dragging=!0;var e=this.getPaletteDiv();this.dragOffsetX=t.clientX-e.offsetLeft,this.dragOffsetY=t.clientY-e.offsetTop}},{key:"mouseDownOnPalette",value:function(t){var e=this.getPaletteDiv();""===this.verticalSizingHover&&""===this.horizontalSizingHover||(this.verticalSizingAction=this.verticalSizingHover,this.horizontalSizingAction=this.horizontalSizingHover,this.savedWidth=e.offsetWidth,this.savedLeft=e.offsetLeft,this.savedHeight=e.offsetHeight,this.savedTop=e.offsetTop)}},{key:"mouseMove",value:function(t){""!==this.verticalSizingAction||""!==this.horizontalSizingAction?this.resizePalette(t):!0===this.dragging?this.movePalette(t):this.setResizingCursors(t)}},{key:"mouseUp",value:function(){var t=this.getPaletteDiv();if(this.state.showGrid&&""!==this.horizontalSizingAction){var e=this.removePx(t.style.width);""!==e&&(e=this.snapToWidth(e)),t.style.width=e+"px";var n=t.childNodes[1].childNodes[1];n.clientHeight<n.scrollHeight&&(t.style.width=e+this.adjustedScrollBarWidth+"px")}if(""!==this.verticalSizingAction){var i=this.removePx(t.style.height);if(""!==i){var o=this.snapToHeight(i);t.style.height=o+"px",this.setContentDivHeight(t,o)}}this.dragging=!1,this.verticalSizingAction="",this.horizontalSizingAction="",this.verticalSizingHover="",this.horizontalSizingHover=""}},{key:"movePalette",value:function(t){var e=this.getPaletteDiv(),n=document.getElementById(this.props.parentDivId),i=t.clientX-this.dragOffsetX,o=t.clientY-this.dragOffsetY;i<n.offsetLeft+this.hoverZoneSize&&(i=n.offsetLeft+this.hoverZoneSize),o<n.offsetTop+this.hoverZoneSize&&(o=n.offsetTop+this.hoverZoneSize),i+e.offsetWidth>n.offsetLeft+n.offsetWidth&&(i=n.offsetLeft+n.offsetWidth-e.offsetWidth-this.hoverZoneSize),o+e.offsetHeight>n.offsetTop+n.offsetHeight&&(o=n.offsetTop+n.offsetHeight-e.offsetHeight-this.hoverZoneSize),e.style.left=i+"px",e.style.top=o+"px"}},{key:"removePx",value:function(t){return parseInt(t.substring(0,t.indexOf("px")),10)}},{key:"resizePalette",value:function(t){var e=this.getPaletteDiv(),n=document.getElementById(this.props.parentDivId);this.isMaximized=!1;var i=this.removePx(this.getStyleProperty(".palette-dialog-grid-node-outer","width"))+this.removePx(this.getStyleProperty(".palette-dialog-categories","min-width"))+2*this.hoverZoneSize,o=this.removePx(this.getStyleProperty(".palette-dialog-grid-node-outer","height"))+this.removePx(this.getStyleProperty(".palette-dialog-topbar","height"))+2*this.hoverZoneSize;if("left"===this.horizontalSizingAction){var a=this.getAdjustedMousePositionLeft(t,n),r=this.savedWidth-(a-this.savedLeft);r<=i?e.style.width=i+"px":(e.style.width=r+"px",e.style.left=a+"px")}if("right"===this.horizontalSizingAction){var s=this.getAdjustedMousePositionRight(t,n)-this.savedLeft;s<=i&&(s=i),e.style.width=s+"px"}if("top"===this.verticalSizingAction){var l=this.getAdjustedMousePositionTop(t,n),c=this.savedHeight-(l-this.savedTop);c<=o?(e.style.height=o+"px",this.setContentDivHeight(e,this.minHeight)):(e.style.height=c+"px",e.style.top=l-this.dragOffsetY+"px",this.setContentDivHeight(e,c))}if("bottom"===this.verticalSizingAction){var u=this.getAdjustedMousePositionBottom(t,n)-this.savedTop-this.hackPaletteOffset;u<=o&&(u=o),e.style.height=u+"px",this.setContentDivHeight(e,u)}}},{key:"snapToWidth",value:function(t){var e=this.removePx(this.getStyleProperty(".palette-dialog-grid-node-outer","width"));return Math.round((t-this.adjustedWidth)/e)*e+this.adjustedWidth}},{key:"snapToHeight",value:function(t){var e=this.state.showGrid?this.removePx(this.getStyleProperty(".palette-dialog-grid-node-outer","height")):this.removePx(this.getStyleProperty(".palette-list-item","height"));return Math.round((t-this.adjustedHeight)/e)*e+this.adjustedHeight}},{key:"windowResize",value:function(){var t=this.getPaletteDiv(),e=document.getElementById(this.props.parentDivId);if(e)if(this.isMaximized){var n=e.offsetLeft+this.hoverZoneSize;t.style.left=n+"px";var i=e.offsetWidth-this.totalHoverZoneSize;t.style.width=i+"px";var o=e.offsetTop+this.hoverZoneSize;t.style.top=o+"px";var a=e.offsetHeight-this.totalHoverZoneSize;t.style.height=a+"px",this.setContentDivHeight(t,a)}else{if(t.offsetLeft+t.offsetWidth+this.hoverZoneSize>e.offsetLeft+e.offsetWidth){var r=e.offsetLeft+e.offsetWidth-t.offsetWidth-this.hoverZoneSize;t.style.left=r+"px"}var s=e.offsetWidth-this.totalHoverZoneSize;if(s<t.offsetWidth&&(t.style.width=s+"px",t.style.left=e.offsetLeft+e.offsetWidth-t.offsetWidth-this.hoverZoneSize+"px"),t.offsetTop+t.offsetHeight+this.hoverZoneSize>e.offsetTop+e.offsetHeight){var l=e.offsetTop+e.offsetHeight-t.offsetHeight-this.hoverZoneSize;t.style.top=l+"px"}var c=e.offsetHeight-this.totalHoverZoneSize;c<t.offsetHeight&&(t.style.height=c+"px",t.style.top=e.offsetTop+e.offsetHeight-t.offsetHeight-this.hoverZoneSize+"px",this.setContentDivHeight(t,c))}}},{key:"windowMaximize",value:function(){var t=this.getPaletteDiv(),e=document.getElementById(this.props.parentDivId);if(e)if(this.isMaximized)t.style.width=this.savedWidth+"px",t.style.left=this.savedLeft+"px",t.style.height=this.savedHeight+"px",t.style.top=this.savedTop+"px",this.setContentDivHeight(t,this.savedHeight),this.isMaximized=!1,this.windowResize();else{this.savedWidth=t.offsetWidth,this.savedLeft=t.offsetLeft,this.savedHeight=t.offsetHeight,this.savedTop=t.offsetTop;var n=e.offsetWidth-this.totalHoverZoneSize+1;t.style.width=n+"px",t.style.left=e.offsetLeft+this.hoverZoneSize+"px";var i=e.offsetHeight-this.totalHoverZoneSize+1;t.style.height=i+"px",t.style.top=e.offsetTop+this.hoverZoneSize+"px",this.setContentDivHeight(t,i),this.isMaximized=!0}}},{key:"showGrid",value:function(t){this.setState({showGrid:t})}},{key:"render",value:function(){var t=this.props.showPalette?"block":"none";return r.createElement("nav",{"aria-label":this.props.intl.formatMessage({id:"palette.dialog.label",defaultMessage:Kt}),role:"navigation"},r.createElement("div",{className:"palette-dialog-div",ref:"palette",onMouseDown:this.mouseDownOnPalette,style:{display:t}},r.createElement(te,{mouseDownMethod:this.mouseDownOnTopBar,showGridMethod:this.showGrid,windowMaximizeMethod:this.windowMaximize,showGrid:this.state.showGrid,canvasController:this.props.canvasController}),r.createElement(me,{paletteJSON:this.props.paletteJSON,showGrid:this.state.showGrid,canvasController:this.props.canvasController,isEditingEnabled:this.props.isEditingEnabled})))}}]),s}(r.Component)),Ce=d,Pe=h,we=function(){return Ce.Date.now()},Le=Ct,xe=Math.max,Se=Math.min;var Ne=function(t,e,n){var i,o,a,r,s,l,c=0,u=!1,d=!1,h=!0;if("function"!=typeof t)throw new TypeError("Expected a function");function p(e){var n=i,a=o;return i=o=void 0,c=e,r=t.apply(a,n)}function g(t){return c=t,s=setTimeout(v,e),u?p(t):r}function f(t){var n=t-l;return void 0===l||n>=e||n<0||d&&t-c>=a}function v(){var t=we();if(f(t))return y(t);s=setTimeout(v,function(t){var n=e-(t-l);return d?Se(n,a-(t-c)):n}(t))}function y(t){return s=void 0,h&&i?p(t):(i=o=void 0,r)}function m(){var t=we(),n=f(t);if(i=arguments,o=this,l=t,n){if(void 0===s)return g(l);if(d)return clearTimeout(s),s=setTimeout(v,e),p(l)}return void 0===s&&(s=setTimeout(v,e)),r}return e=Le(e)||0,Pe(n)&&(u=!!n.leading,a=(d="maxWait"in n)?xe(Le(n.maxWait)||0,e):a,h="trailing"in n?!!n.trailing:h),m.cancel=function(){void 0!==s&&clearTimeout(s),c=0,i=l=o=s=void 0},m.flush=function(){return void 0===s?r:y(we())},m};function De(t,e){var n="undefined"!=typeof Symbol&&t[Symbol.iterator]||t["@@iterator"];if(!n){if(Array.isArray(t)||(n=function(t,e){if(!t)return;if("string"==typeof t)return Te(t,e);var n=Object.prototype.toString.call(t).slice(8,-1);"Object"===n&&t.constructor&&(n=t.constructor.name);if("Map"===n||"Set"===n)return Array.from(t);if("Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n))return Te(t,e)}(t))||e&&t&&"number"==typeof t.length){n&&(t=n);var i=0,o=function(){};return{s:o,n:function(){return i>=t.length?{done:!0}:{done:!1,value:t[i++]}},e:function(t){throw t},f:o}}throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}var a,r=!0,s=!1;return{s:function(){n=n.call(t)},n:function(){var t=n.next();return r=t.done,t},e:function(t){s=!0,a=t},f:function(){try{r||null==n.return||n.return()}finally{if(s)throw a}}}}function Te(t,e){(null==e||e>t.length)&&(e=t.length);for(var n=0,i=new Array(e);n<e;n++)i[n]=t[n];return i}function Ee(t,e){var n=[];if(t.node_types){var i,o=De(t.node_types);try{for(o.s();!(i=o.n()).done;){var a=i.value,r=Ie(a,t,e);r&&n.push({nodeType:a,category:t,occurrenceInfo:r})}}catch(t){o.e(t)}finally{o.f()}}return n}function Ie(t,e,n){if(n.length>0){var i=function(t,e){var n=Oe(u(t,"label")?t.label.toLowerCase():"",e),i=n.occurrences,o=n.hitCounts;return{catLabelOccurrences:i,catLabelHitCounts:o}}(e,n),o=i.catLabelOccurrences,a=i.catLabelHitCounts,r=function(t,e){var n=Oe(u(t,"app_data.ui_data.label")?t.app_data.ui_data.label.toLowerCase():"",e),i=n.occurrences,o=n.hitCounts;return{nodeLabelOccurrences:i,nodeLabelHitCounts:o}}(t,n),s=r.nodeLabelOccurrences,l=r.nodeLabelHitCounts,c=function(t,e){var n=Oe(u(t,"app_data.ui_data.description")?t.app_data.ui_data.description.toLowerCase():"",e),i=n.occurrences,o=n.hitCounts;return{nodeDescOccurrences:i,nodeDescHitCounts:o}}(t,n),d=c.nodeDescOccurrences,h=c.nodeDescHitCounts;if(o.length>0||s.length>0||d.length>0){var p=function(t,e,n,i){for(var o=0,a=0,r=0;r<i;r++)o+=t[r]+10*e[r]+n[r],t[r]+e[r]+n[r]>0&&a++;return o+50*a}(a,l,h,n.length);return{catLabelOccurrences:o,nodeLabelOccurrences:s,nodeDescOccurrences:d,ranking:p}}}return null}function Oe(t,e){var n=[],i=[];return e.forEach((function(e){if(e){var o=function(t,e){var n=[],i=0,o=0,a=0;for(;o>-1&&a<20;)(o=t.indexOf(e,i))>-1&&(n.push({start:o,end:o+e.length}),i=o+e.length,a++);return n}(t,e);n=function(t,e){if(0===t.length)return e;if(0===e.length)return t;var n=[];e.forEach((function(e){var i=!1;t.forEach((function(t){e.start<=t.start&&e.end>=t.end?(t.start=e.start,t.end=e.end,i=!0):e.start>=t.start&&e.start<t.end?(e.end>=t.end&&(t.end=e.end),i=!0):e.end>t.start&&e.end<=t.end&&(e.start<t.start&&(t.start=e.start),i=!0)})),i||n.push(e)}));var i=t.concat(n);return i=i.sort((function(t,e){return t.start<e.start?-1:1}))}(n,o),i.push(o.length>0?1:0)}})),{occurrences:n,hitCounts:i}}function _e(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,a=i(t);if(e){var r=i(this).constructor;n=Reflect.construct(a,arguments,r)}else n=a.apply(this,arguments);return o(this,n)}}var Ae=function(i){n(s,i);var o=_e(s);function s(e){var n;return t(this,s),(n=o.call(this,e)).onMouseOver=n.onMouseOver.bind(a(n)),n.onMouseLeave=n.onMouseLeave.bind(a(n)),n.categorySelected=n.categorySelected.bind(a(n)),n}return e(s,[{key:"onMouseOver",value:function(t){this.props.canvasController.openTip({id:"paletteTip_"+this.props.category.id,type:P,targetObj:t.currentTarget,category:this.props.category})}},{key:"onMouseLeave",value:function(){this.props.canvasController.closeTip()}},{key:"getDisplayLabel",value:function(){return!0===this.props.isPaletteOpen?this.props.category.label:!this.props.category.image&&this.props.category.label&&this.props.category.label.length>0?this.props.category.label.substr(0,3):null}},{key:"getInlineLoadingRenderCategory",value:function(){var t="";return this.props.isPaletteOpen&&(t=this.props.category.loading_text),r.createElement("div",{className:"palette-flyout-category"},r.createElement("div",{className:"palette-flyout-category-item-loading"},r.createElement(Dt,{description:t,iconDescription:t,onSuccess:function(){return null},status:"active",successDelay:1500})))}},{key:"getRenderCategory",value:function(){var t="palette-flyout-category-caret";this.props.isPaletteOpen||(t+=" palette-flyout-category-caret-closed");var e=null;(this.props.itemCount>0||this.props.category.empty_text)&&(e=this.props.isCategorySelected?r.createElement(f,{type:C.CHEVRONARROWS.UP,className:t}):r.createElement(f,{type:C.CHEVRONARROWS.DOWN,className:t}));var n=null;this.props.category.image&&""!==this.props.category.image&&(n=this.props.category.image.endsWith(".svg")?r.createElement("div",null,r.createElement(v,{src:this.props.category.image,className:"palette-flyout-category-item-icon",draggable:"false"})):r.createElement("div",null,r.createElement("img",{src:this.props.category.image,className:"palette-flyout-category-item-icon",draggable:"false"})));var i=null,o=this.getDisplayLabel();if(!0===this.props.isPaletteOpen){var a=this.props.category.image?"palette-flyout-category-text":"palette-flyout-category-text-no-image";i=r.createElement("span",{className:a},o)}else!this.props.category.image&&this.props.category.label&&this.props.category.label.length>0&&(i=r.createElement("span",{className:"palette-flyout-category-text-abbr"},o));return r.createElement("div",{className:"palette-flyout-category","data-id":St(this.props.category,"id",""),onClick:this.categorySelected,value:this.props.category.label,onMouseOver:this.onMouseOver,onMouseLeave:this.onMouseLeave},r.createElement("div",{className:"palette-flyout-category-item"},n,i),e)}},{key:"categorySelected",value:function(){this.props.categorySelectedMethod(this.props.category.id)}},{key:"render",value:function(){return this.props.category.loading_text?this.getInlineLoadingRenderCategory():this.getRenderCategory()}}]),s}(r.Component);function ze(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,a=i(t);if(e){var r=i(this).constructor;n=Reflect.construct(a,arguments,r)}else n=a.apply(this,arguments);return o(this,n)}}var Me=c(function(i){n(s,i);var o=ze(s);function s(){var e;return t(this,s),(e=o.call(this)).state={searchString:""},e.searchOnClick=e.searchOnClick.bind(a(e)),e.handleSearchStringChange=e.handleSearchStringChange.bind(a(e)),e}return e(s,[{key:"handleSearchStringChange",value:function(t){var e=this,n=t.target.value||"";this.setState({searchString:n},(function(){return e.props.handleSearchStringChange(n)}))}},{key:"searchOnClick",value:function(){this.props.isPaletteOpen||this.props.canvasController.openPalette()}},{key:"render",value:function(){var t=this.props.intl.formatMessage({id:"palette.flyout.search.placeholder",defaultMessage:Ut});return r.createElement("div",{className:"palette-flyout-search-container",id:"palette-flyout-search"},r.createElement(Tt,{key:"palette-flyout-search",className:"palette-flyout-search",placeholder:t,onChange:this.handleSearchStringChange,size:"sm",value:this.state.searchString,labelText:t,onClick:this.searchOnClick}))}}]),s}(r.Component));function He(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,a=i(t);if(e){var r=i(this).constructor;n=Reflect.construct(a,arguments,r)}else n=a.apply(this,arguments);return o(this,n)}}var Re=c(function(i){n(a,i);var o=He(a);function a(e){var n;return t(this,a),(n=o.call(this,e)).state={},n}return e(a,[{key:"getNoResultsDiv",value:function(){var t=this.props.intl.formatMessage({id:"palette.flyout.search.noresults",defaultMessage:Xt}),e=this.props.intl.formatMessage({id:"palette.flyout.search.adjustsearch",defaultMessage:Yt});return r.createElement("div",null,r.createElement("div",{className:"palette-no-results-title"},t),r.createElement("br",null),r.createElement("div",{className:"palette-no-results-desc"},e))}},{key:"getContentListDiv",value:function(){for(var t=[],e=0;e<this.props.nodeTypeInfos.length;e++){var n="item_"+e;t.push(r.createElement("div",{key:n},r.createElement(ge,{nodeTypeInfo:this.props.nodeTypeInfos[e],isDisplaySearchResult:!0,isShowRanking:this.props.isShowRanking,canvasController:this.props.canvasController,isPaletteOpen:this.props.isPaletteOpen,isEditingEnabled:this.props.isEditingEnabled})))}if(this.props.isNodeTypeInfosArrayTruncated){var i=this.props.intl.formatMessage({id:"palette.flyout.search.resultsrestricted",defaultMessage:Wt});t.push(r.createElement("div",{key:"restrict-item",className:"palette-flyout-restrict-item"},i))}return r.createElement("div",{width:"100%",draggable:"false",className:"palette-scroll"},t)}},{key:"render",value:function(){return 0===this.props.nodeTypeInfos.length?this.getNoResultsDiv():this.getContentListDiv()}}]),a}(r.Component));function je(t,e){var n="undefined"!=typeof Symbol&&t[Symbol.iterator]||t["@@iterator"];if(!n){if(Array.isArray(t)||(n=function(t,e){if(!t)return;if("string"==typeof t)return Fe(t,e);var n=Object.prototype.toString.call(t).slice(8,-1);"Object"===n&&t.constructor&&(n=t.constructor.name);if("Map"===n||"Set"===n)return Array.from(t);if("Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n))return Fe(t,e)}(t))||e&&t&&"number"==typeof t.length){n&&(t=n);var i=0,o=function(){};return{s:o,n:function(){return i>=t.length?{done:!0}:{done:!1,value:t[i++]}},e:function(t){throw t},f:o}}throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}var a,r=!0,s=!1;return{s:function(){n=n.call(t)},n:function(){var t=n.next();return r=t.done,t},e:function(t){s=!0,a=t},f:function(){try{r||null==n.return||n.return()}finally{if(s)throw a}}}}function Fe(t,e){(null==e||e>t.length)&&(e=t.length);for(var n=0,i=new Array(e);n<e;n++)i[n]=t[n];return i}function Be(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,a=i(t);if(e){var r=i(this).constructor;n=Reflect.construct(a,arguments,r)}else n=a.apply(this,arguments);return o(this,n)}}var Ge=new It("PaletteFlyoutContent"),Ue=function(i){n(s,i);var o=Be(s);function s(e){var n;return t(this,s),(n=o.call(this,e)).state={selectedCategoryIds:[],searchString:""},n.categories=[],n.categorySelected=n.categorySelected.bind(a(n)),n.getUniqueCategories=n.getUniqueCategories.bind(a(n)),n.setSearchString=n.setSearchString.bind(a(n)),n.handleSearchStringChange=n.handleSearchStringChange.bind(a(n)),n.setSearchStringThrottled=Ne(n.setSearchString,200),n}return e(s,[{key:"getUniqueCategories",value:function(t){var e=[];if(t){var n,i=je(t);try{for(i.s();!(n=i.n()).done;){var o=n.value;-1===e.indexOf(o.label)&&e.push(o)}}catch(t){i.e(t)}finally{i.f()}}return e}},{key:"getContentDivs",value:function(t){for(var e=this,n=[],i=function(i){var o=t[i],a=i===t.length-1,s=o.node_types.map((function(t){return{nodeType:t,category:o}})),l=e.isCategorySelected(o.id),c=null;l&&(c=r.createElement(ve,{key:o.label+"-nodes",show:!0,category:o,nodeTypeInfos:s,canvasController:e.props.canvasController,isPaletteOpen:e.props.isPaletteOpen,isLastCategory:a,isEditingEnabled:e.props.isEditingEnabled})),n.push(r.createElement("div",{key:o.label+"-container"},r.createElement(Ae,{key:o.id,category:o,isCategorySelected:l,categorySelectedMethod:e.categorySelected,itemCount:s.length,canvasController:e.props.canvasController,isPaletteOpen:e.props.isPaletteOpen}),c))},o=0;o<t.length;o++)i(o);return n}},{key:"getFilteredContentDivs",value:function(t){Ge.logStartTimer("getFilteredNodeTypeInfos");var e=function(t,e){for(var n=[],i=e.toLowerCase().split(" ").filter((function(t){return""!==t})),o=0;o<t.length;o++)n.push.apply(n,Lt(Ee(t[o],i)));return n.sort((function(t,e){return t.occurrenceInfo.ranking<=e.occurrenceInfo.ranking?1:-1}))}(this.categories,this.state.searchString);Ge.logEndTimer("getFilteredNodeTypeInfos");var n=!1;return e.length>10&&(e=e.slice(0,10),n=!0),[r.createElement(Re,{key:"filtered-nodes",nodeTypeInfos:e,canvasController:this.props.canvasController,isPaletteOpen:this.props.isPaletteOpen,isEditingEnabled:this.props.isEditingEnabled,isNodeTypeInfosArrayTruncated:n})]}},{key:"setSearchString",value:function(){this.setState({searchString:this.ss})}},{key:"handleSearchStringChange",value:function(t){this.ss=t,this.setSearchStringThrottled()}},{key:"categorySelected",value:function(t){var e=this.isCategorySelected(t)?this.state.selectedCategoryIds.filter((function(e){return e!==t})):this.state.selectedCategoryIds.concat(t);this.setState({selectedCategoryIds:e})}},{key:"isCategorySelected",value:function(t){return this.state.selectedCategoryIds.some((function(e){return e===t}))}},{key:"render",value:function(){this.categories=this.getUniqueCategories(this.props.paletteJSON.categories);var t=this.props.isPaletteOpen&&this.state.searchString?this.getFilteredContentDivs(this.categories):this.getContentDivs(this.categories),e=r.createElement("div",{className:"palette-flyout-categories"},t),n=r.createElement(Me,{handleSearchStringChange:this.handleSearchStringChange,isPaletteOpen:this.props.isPaletteOpen,canvasController:this.props.canvasController});return r.createElement("div",{className:"palette-flyout-content"},n,e)}}]),s}(r.Component);function Xe(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,a=i(t);if(e){var r=i(this).constructor;n=Reflect.construct(a,arguments,r)}else n=a.apply(this,arguments);return o(this,n)}}var Ye=c(function(i){n(a,i);var o=Xe(a);function a(e){var n;return t(this,a),(n=o.call(this,e)).paletteNodes=[],n}return e(a,[{key:"render",value:function(){var t="palette-flyout-div";return this.props.showPalette?t+=" palette-flyout-div-open":(t+=" palette-flyout-div-closed",this.props.enableNarrowPalette&&(t+=" palette-flyout-div-narrow")),r.createElement("nav",{"aria-label":this.props.intl.formatMessage({id:"palette.flyout.label",defaultMessage:qt}),role:"navigation"},r.createElement("div",{className:t},r.createElement(Ue,{paletteJSON:this.props.paletteJSON,canvasController:this.props.canvasController,isPaletteOpen:this.props.showPalette,isEditingEnabled:this.props.isEditingEnabled})))}}]),a}(r.Component));function We(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,a=i(t);if(e){var r=i(this).constructor;n=Reflect.construct(a,arguments,r)}else n=a.apply(this,arguments);return o(this,n)}}var Ve=function(i){n(a,i);var o=We(a);function a(e){var n;return t(this,a),(n=o.call(this,e)).logger=new It("Palette"),n}return e(a,[{key:"render",value:function(){this.logger.log("render");var t=null;return this.props.enablePaletteLayout===w?t=r.createElement(Ye,{enableNarrowPalette:this.props.enableNarrowPalette,paletteJSON:this.props.paletteJSON,showPalette:this.props.showPalette,canvasController:this.props.canvasController,isEditingEnabled:this.props.isEditingEnabled}):this.props.enablePaletteLayout===L&&(t=r.createElement(be,{paletteJSON:this.props.paletteJSON,showPalette:this.props.showPalette,parentDivId:this.props.containingDivId,canvasController:this.props.canvasController,isEditingEnabled:this.props.isEditingEnabled})),t}}]),a}(r.Component),Ze=s((function(t,e){return{enablePaletteLayout:t.canvasconfig.enablePaletteLayout,enableNarrowPalette:t.canvasconfig.enableNarrowPalette,isEditingEnabled:t.canvasconfig.enableEditingActions,paletteJSON:t.palette.content,showPalette:void 0!==t.palette.isOpen&&t.palette.isOpen}}))(Ve);function qe(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,a=i(t);if(e){var r=i(this).constructor;n=Reflect.construct(a,arguments,r)}else n=a.apply(this,arguments);return o(this,n)}}var Ke=function(i){n(s,i);var o=qe(s);function s(e){var n;return t(this,s),(n=o.call(this,e)).state={},n.handleClick=n.handleClick.bind(a(n)),n}return e(s,[{key:"componentDidMount",value:function(){document.addEventListener("mousedown",this.handleClick,!0)}},{key:"componentWillUnmount",value:function(){document.removeEventListener("mousedown",this.handleClick,!0)}},{key:"handleClick",value:function(t){this.props.canvasController.closeTip()}},{key:"render",value:function(){var t=null,e=null;switch(this.props.type){case m:case P:e="right";break;default:e="bottom"}if(this.props.customContent)t=this.props.customContent;else switch(this.props.type){case m:t=r.createElement("div",{className:"tip-palette-item"},r.createElement("div",{className:"tip-palette-category"},this.props.category.label),r.createElement("div",{className:"tip-palette-label"},this.props.nodeTemplate.app_data.ui_data.label),this.props.nodeTemplate.app_data.ui_data.description?r.createElement("div",{className:"tip-palette-desc"},this.props.nodeTemplate.app_data.ui_data.description):"");break;case P:t=r.createElement("div",{className:"tip-palette-item"},r.createElement("div",{className:"tip-palette-label"},this.props.category.label),this.props.category.description?r.createElement("div",{className:"tip-palette-desc"},this.props.category.description):"");break;case T:var n=null;this.props.canvasController.getObjectModel().hasErrorMessage(this.props.node)?n=r.createElement(f,{type:E,className:"tip-node-status error"}):this.props.canvasController.getObjectModel().hasWarningMessage(this.props.node)&&(n=r.createElement(f,{type:I,className:"tip-node-status warning"}));var i=this.props.canvasController.getObjectModel().getPaletteNode(this.props.node.op),o=this.props.node.label,a=i&&i.app_data&&i.app_data.ui_data?i.app_data.ui_data.label:o;if(o!==a&&(o+=" (".concat(a,")")),!(n||o||a||this.props.node.description))return null;t=r.createElement("div",{className:"tip-node"},n,r.createElement("div",{className:"tip-node-label"},o),this.props.node.description?r.createElement("div",{className:"tip-node-desc"},this.props.node.description):"");break;case D:t=p(this.props.port.label)?null:r.createElement("div",{className:"tip-port"},this.props.port.label);break;case N:t=p(this.props.decoration.tooltip)?null:r.createElement("div",{className:"tip-decoration"},this.props.decoration.tooltip);break;case S:break;case x:t=p(this.props.stateTagText)?null:r.createElement("div",{className:"tip-state-tag"},this.props.stateTagText);break;default:t=null}return null!==t?r.createElement(Mt,{tip:t,direction:e,id:this.props.id,targetObj:this.props.targetObj,mousePos:this.props.mousePos,className:[T,D,N,S].includes(this.props.type)?"definition-tooltip":null}):null}}]),s}(r.Component),Je=s((function(t,e){return{id:t.tooltip.id,type:t.tooltip.type,targetObj:t.tooltip.targetObj,mousePos:t.tooltip.mousePos,customContent:t.tooltip.customContent,node:t.tooltip.node,port:t.tooltip.port,decoration:t.tooltip.decoration,nodeTemplate:t.tooltip.nodeTemplate,category:t.tooltip.category,stateTagText:t.tooltip.stateTagText}}))(Ke);function Qe(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,a=i(t);if(e){var r=i(this).constructor;n=Reflect.construct(a,arguments,r)}else n=a.apply(this,arguments);return o(this,n)}}var $e=function(i){n(a,i);var o=Qe(a);function a(e){var n;return t(this,a),(n=o.call(this,e)).logger=new It("CC-ContextMenu"),n}return e(a,[{key:"render",value:function(){this.logger.log("render");var t=null;return p(this.props.contextMenuDef)||(t=r.createElement(Rt,{containingDivId:this.props.containingDivId,contextMenuDef:this.props.contextMenuDef,contextMenuActionHandler:this.props.canvasController.contextMenuActionHandler,contextMenuPos:this.props.canvasController.getContextMenuPos(),closeContextMenu:this.props.canvasController.closeContextMenu,stopPropagation:!0})),t}}]),a}(r.Component),tn=s((function(t,e){return{contextMenuDef:t.contextmenu.menuDef}}))($e);function en(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,a=i(t);if(e){var r=i(this).constructor;n=Reflect.construct(a,arguments,r)}else n=a.apply(this,arguments);return o(this,n)}}var nn=c(function(i){n(s,i);var o=en(s);function s(e){var n;return t(this,s),(n=o.call(this,e)).logger=new It("CC-StateTag"),n.onMouseOver=n.onMouseOver.bind(a(n)),n.onMouseLeave=n.onMouseLeave.bind(a(n)),n}return e(s,[{key:"onMouseOver",value:function(t){var e;this.props.stateTagType===O?e=this.getLabel("canvas.stateTagTipLocked"):this.props.stateTagType===_&&(e=this.getLabel("canvas.stateTagTipReadOnly")),this.props.canvasController.openTip({id:"stateTagTip",type:x,stateTagType:this.props.stateTagType,stateTagText:e,targetObj:t.currentTarget})}},{key:"onMouseLeave",value:function(){this.props.canvasController.closeTip()}},{key:"getLabel",value:function(t){return this.props.intl.formatMessage({id:t,defaultMessage:Ot[t]})}},{key:"getStateTag",value:function(t,e){return r.createElement("div",{className:"state-tag",onMouseOver:this.onMouseOver,onMouseLeave:this.onMouseLeave},e,r.createElement("span",null,t))}},{key:"render",value:function(){this.logger.log("render");var t=null;if(this.props.stateTagType===O){var e=this.getLabel("canvas.stateTagLocked");t=this.getStateTag(e,r.createElement(jt,null))}else if(this.props.stateTagType===_){var n=this.getLabel("canvas.stateTagReadOnly");t=this.getStateTag(n,r.createElement(Ft,null))}return t}}]),s}(r.Component)),on="http://www.w3.org/1999/xhtml",an={svg:"http://www.w3.org/2000/svg",xhtml:on,xlink:"http://www.w3.org/1999/xlink",xml:"http://www.w3.org/XML/1998/namespace",xmlns:"http://www.w3.org/2000/xmlns/"};function rn(t){var e=t+="",n=e.indexOf(":");return n>=0&&"xmlns"!==(e=t.slice(0,n))&&(t=t.slice(n+1)),an.hasOwnProperty(e)?{space:an[e],local:t}:t}function sn(t){return function(){var e=this.ownerDocument,n=this.namespaceURI;return n===on&&e.documentElement.namespaceURI===on?e.createElement(t):e.createElementNS(n,t)}}function ln(t){return function(){return this.ownerDocument.createElementNS(t.space,t.local)}}function cn(t){var e=rn(t);return(e.local?ln:sn)(e)}function un(){}function dn(t){return null==t?un:function(){return this.querySelector(t)}}function hn(t){return null==t?[]:Array.isArray(t)?t:Array.from(t)}function pn(){return[]}function gn(t){return null==t?pn:function(){return this.querySelectorAll(t)}}function fn(t){return function(){return this.matches(t)}}function vn(t){return function(e){return e.matches(t)}}var yn=Array.prototype.find;function mn(){return this.firstElementChild}var kn=Array.prototype.filter;function bn(){return Array.from(this.children)}function Cn(t){return new Array(t.length)}function Pn(t,e){this.ownerDocument=t.ownerDocument,this.namespaceURI=t.namespaceURI,this._next=null,this._parent=t,this.__data__=e}function wn(t){return function(){return t}}function Ln(t,e,n,i,o,a){for(var r,s=0,l=e.length,c=a.length;s<c;++s)(r=e[s])?(r.__data__=a[s],i[s]=r):n[s]=new Pn(t,a[s]);for(;s<l;++s)(r=e[s])&&(o[s]=r)}function xn(t,e,n,i,o,a,r){var s,l,c,u=new Map,d=e.length,h=a.length,p=new Array(d);for(s=0;s<d;++s)(l=e[s])&&(p[s]=c=r.call(l,l.__data__,s,e)+"",u.has(c)?o[s]=l:u.set(c,l));for(s=0;s<h;++s)c=r.call(t,a[s],s,a)+"",(l=u.get(c))?(i[s]=l,l.__data__=a[s],u.delete(c)):n[s]=new Pn(t,a[s]);for(s=0;s<d;++s)(l=e[s])&&u.get(p[s])===l&&(o[s]=l)}function Sn(t){return t.__data__}function Nn(t){return"object"==typeof t&&"length"in t?t:Array.from(t)}function Dn(t,e){return t<e?-1:t>e?1:t>=e?0:NaN}function Tn(t){return function(){this.removeAttribute(t)}}function En(t){return function(){this.removeAttributeNS(t.space,t.local)}}function In(t,e){return function(){this.setAttribute(t,e)}}function On(t,e){return function(){this.setAttributeNS(t.space,t.local,e)}}function _n(t,e){return function(){var n=e.apply(this,arguments);null==n?this.removeAttribute(t):this.setAttribute(t,n)}}function An(t,e){return function(){var n=e.apply(this,arguments);null==n?this.removeAttributeNS(t.space,t.local):this.setAttributeNS(t.space,t.local,n)}}function zn(t){return t.ownerDocument&&t.ownerDocument.defaultView||t.document&&t||t.defaultView}function Mn(t){return function(){this.style.removeProperty(t)}}function Hn(t,e,n){return function(){this.style.setProperty(t,e,n)}}function Rn(t,e,n){return function(){var i=e.apply(this,arguments);null==i?this.style.removeProperty(t):this.style.setProperty(t,i,n)}}function jn(t,e){return t.style.getPropertyValue(e)||zn(t).getComputedStyle(t,null).getPropertyValue(e)}function Fn(t){return function(){delete this[t]}}function Bn(t,e){return function(){this[t]=e}}function Gn(t,e){return function(){var n=e.apply(this,arguments);null==n?delete this[t]:this[t]=n}}function Un(t){return t.trim().split(/^|\s+/)}function Xn(t){return t.classList||new Yn(t)}function Yn(t){this._node=t,this._names=Un(t.getAttribute("class")||"")}function Wn(t,e){for(var n=Xn(t),i=-1,o=e.length;++i<o;)n.add(e[i])}function Vn(t,e){for(var n=Xn(t),i=-1,o=e.length;++i<o;)n.remove(e[i])}function Zn(t){return function(){Wn(this,t)}}function qn(t){return function(){Vn(this,t)}}function Kn(t,e){return function(){(e.apply(this,arguments)?Wn:Vn)(this,t)}}function Jn(){this.textContent=""}function Qn(t){return function(){this.textContent=t}}function $n(t){return function(){var e=t.apply(this,arguments);this.textContent=null==e?"":e}}function ti(){this.innerHTML=""}function ei(t){return function(){this.innerHTML=t}}function ni(t){return function(){var e=t.apply(this,arguments);this.innerHTML=null==e?"":e}}function ii(){this.nextSibling&&this.parentNode.appendChild(this)}function oi(){this.previousSibling&&this.parentNode.insertBefore(this,this.parentNode.firstChild)}function ai(){return null}function ri(){var t=this.parentNode;t&&t.removeChild(this)}function si(){var t=this.cloneNode(!1),e=this.parentNode;return e?e.insertBefore(t,this.nextSibling):t}function li(){var t=this.cloneNode(!0),e=this.parentNode;return e?e.insertBefore(t,this.nextSibling):t}function ci(t){return t.trim().split(/^|\s+/).map((function(t){var e="",n=t.indexOf(".");return n>=0&&(e=t.slice(n+1),t=t.slice(0,n)),{type:t,name:e}}))}function ui(t){return function(){var e=this.__on;if(e){for(var n,i=0,o=-1,a=e.length;i<a;++i)n=e[i],t.type&&n.type!==t.type||n.name!==t.name?e[++o]=n:this.removeEventListener(n.type,n.listener,n.options);++o?e.length=o:delete this.__on}}}function di(t,e,n){return function(){var i,o=this.__on,a=function(t){return function(e){t.call(this,e,this.__data__)}}(e);if(o)for(var r=0,s=o.length;r<s;++r)if((i=o[r]).type===t.type&&i.name===t.name)return this.removeEventListener(i.type,i.listener,i.options),this.addEventListener(i.type,i.listener=a,i.options=n),void(i.value=e);this.addEventListener(t.type,a,n),i={type:t.type,name:t.name,value:e,listener:a,options:n},o?o.push(i):this.__on=[i]}}function hi(t,e,n){var i=zn(t),o=i.CustomEvent;"function"==typeof o?o=new o(e,n):(o=i.document.createEvent("Event"),n?(o.initEvent(e,n.bubbles,n.cancelable),o.detail=n.detail):o.initEvent(e,!1,!1)),t.dispatchEvent(o)}function pi(t,e){return function(){return hi(this,t,e)}}function gi(t,e){return function(){return hi(this,t,e.apply(this,arguments))}}Pn.prototype={constructor:Pn,appendChild:function(t){return this._parent.insertBefore(t,this._next)},insertBefore:function(t,e){return this._parent.insertBefore(t,e)},querySelector:function(t){return this._parent.querySelector(t)},querySelectorAll:function(t){return this._parent.querySelectorAll(t)}},Yn.prototype={add:function(t){this._names.indexOf(t)<0&&(this._names.push(t),this._node.setAttribute("class",this._names.join(" ")))},remove:function(t){var e=this._names.indexOf(t);e>=0&&(this._names.splice(e,1),this._node.setAttribute("class",this._names.join(" ")))},contains:function(t){return this._names.indexOf(t)>=0}};var fi=[null];function vi(t,e){this._groups=t,this._parents=e}function yi(){return new vi([[document.documentElement]],fi)}function mi(t){return"string"==typeof t?new vi([[document.querySelector(t)]],[document.documentElement]):new vi([[t]],fi)}vi.prototype=yi.prototype={constructor:vi,select:function(t){"function"!=typeof t&&(t=dn(t));for(var e=this._groups,n=e.length,i=new Array(n),o=0;o<n;++o)for(var a,r,s=e[o],l=s.length,c=i[o]=new Array(l),u=0;u<l;++u)(a=s[u])&&(r=t.call(a,a.__data__,u,s))&&("__data__"in a&&(r.__data__=a.__data__),c[u]=r);return new vi(i,this._parents)},selectAll:function(t){t="function"==typeof t?function(t){return function(){return hn(t.apply(this,arguments))}}(t):gn(t);for(var e=this._groups,n=e.length,i=[],o=[],a=0;a<n;++a)for(var r,s=e[a],l=s.length,c=0;c<l;++c)(r=s[c])&&(i.push(t.call(r,r.__data__,c,s)),o.push(r));return new vi(i,o)},selectChild:function(t){return this.select(null==t?mn:function(t){return function(){return yn.call(this.children,t)}}("function"==typeof t?t:vn(t)))},selectChildren:function(t){return this.selectAll(null==t?bn:function(t){return function(){return kn.call(this.children,t)}}("function"==typeof t?t:vn(t)))},filter:function(t){"function"!=typeof t&&(t=fn(t));for(var e=this._groups,n=e.length,i=new Array(n),o=0;o<n;++o)for(var a,r=e[o],s=r.length,l=i[o]=[],c=0;c<s;++c)(a=r[c])&&t.call(a,a.__data__,c,r)&&l.push(a);return new vi(i,this._parents)},data:function(t,e){if(!arguments.length)return Array.from(this,Sn);var n=e?xn:Ln,i=this._parents,o=this._groups;"function"!=typeof t&&(t=wn(t));for(var a=o.length,r=new Array(a),s=new Array(a),l=new Array(a),c=0;c<a;++c){var u=i[c],d=o[c],h=d.length,p=Nn(t.call(u,u&&u.__data__,c,i)),g=p.length,f=s[c]=new Array(g),v=r[c]=new Array(g),y=l[c]=new Array(h);n(u,d,f,v,y,p,e);for(var m,k,b=0,C=0;b<g;++b)if(m=f[b]){for(b>=C&&(C=b+1);!(k=v[C])&&++C<g;);m._next=k||null}}return(r=new vi(r,i))._enter=s,r._exit=l,r},enter:function(){return new vi(this._enter||this._groups.map(Cn),this._parents)},exit:function(){return new vi(this._exit||this._groups.map(Cn),this._parents)},join:function(t,e,n){var i=this.enter(),o=this,a=this.exit();return"function"==typeof t?(i=t(i))&&(i=i.selection()):i=i.append(t+""),null!=e&&(o=e(o))&&(o=o.selection()),null==n?a.remove():n(a),i&&o?i.merge(o).order():o},merge:function(t){for(var e=t.selection?t.selection():t,n=this._groups,i=e._groups,o=n.length,a=i.length,r=Math.min(o,a),s=new Array(o),l=0;l<r;++l)for(var c,u=n[l],d=i[l],h=u.length,p=s[l]=new Array(h),g=0;g<h;++g)(c=u[g]||d[g])&&(p[g]=c);for(;l<o;++l)s[l]=n[l];return new vi(s,this._parents)},selection:function(){return this},order:function(){for(var t=this._groups,e=-1,n=t.length;++e<n;)for(var i,o=t[e],a=o.length-1,r=o[a];--a>=0;)(i=o[a])&&(r&&4^i.compareDocumentPosition(r)&&r.parentNode.insertBefore(i,r),r=i);return this},sort:function(t){function e(e,n){return e&&n?t(e.__data__,n.__data__):!e-!n}t||(t=Dn);for(var n=this._groups,i=n.length,o=new Array(i),a=0;a<i;++a){for(var r,s=n[a],l=s.length,c=o[a]=new Array(l),u=0;u<l;++u)(r=s[u])&&(c[u]=r);c.sort(e)}return new vi(o,this._parents).order()},call:function(){var t=arguments[0];return arguments[0]=this,t.apply(null,arguments),this},nodes:function(){return Array.from(this)},node:function(){for(var t=this._groups,e=0,n=t.length;e<n;++e)for(var i=t[e],o=0,a=i.length;o<a;++o){var r=i[o];if(r)return r}return null},size:function(){let t=0;for(const e of this)++t;return t},empty:function(){return!this.node()},each:function(t){for(var e=this._groups,n=0,i=e.length;n<i;++n)for(var o,a=e[n],r=0,s=a.length;r<s;++r)(o=a[r])&&t.call(o,o.__data__,r,a);return this},attr:function(t,e){var n=rn(t);if(arguments.length<2){var i=this.node();return n.local?i.getAttributeNS(n.space,n.local):i.getAttribute(n)}return this.each((null==e?n.local?En:Tn:"function"==typeof e?n.local?An:_n:n.local?On:In)(n,e))},style:function(t,e,n){return arguments.length>1?this.each((null==e?Mn:"function"==typeof e?Rn:Hn)(t,e,null==n?"":n)):jn(this.node(),t)},property:function(t,e){return arguments.length>1?this.each((null==e?Fn:"function"==typeof e?Gn:Bn)(t,e)):this.node()[t]},classed:function(t,e){var n=Un(t+"");if(arguments.length<2){for(var i=Xn(this.node()),o=-1,a=n.length;++o<a;)if(!i.contains(n[o]))return!1;return!0}return this.each(("function"==typeof e?Kn:e?Zn:qn)(n,e))},text:function(t){return arguments.length?this.each(null==t?Jn:("function"==typeof t?$n:Qn)(t)):this.node().textContent},html:function(t){return arguments.length?this.each(null==t?ti:("function"==typeof t?ni:ei)(t)):this.node().innerHTML},raise:function(){return this.each(ii)},lower:function(){return this.each(oi)},append:function(t){var e="function"==typeof t?t:cn(t);return this.select((function(){return this.appendChild(e.apply(this,arguments))}))},insert:function(t,e){var n="function"==typeof t?t:cn(t),i=null==e?ai:"function"==typeof e?e:dn(e);return this.select((function(){return this.insertBefore(n.apply(this,arguments),i.apply(this,arguments)||null)}))},remove:function(){return this.each(ri)},clone:function(t){return this.select(t?li:si)},datum:function(t){return arguments.length?this.property("__data__",t):this.node().__data__},on:function(t,e,n){var i,o,a=ci(t+""),r=a.length;if(!(arguments.length<2)){for(s=e?di:ui,i=0;i<r;++i)this.each(s(a[i],e,n));return this}var s=this.node().__on;if(s)for(var l,c=0,u=s.length;c<u;++c)for(i=0,l=s[c];i<r;++i)if((o=a[i]).type===l.type&&o.name===l.name)return l.value},dispatch:function(t,e){return this.each(("function"==typeof e?gi:pi)(t,e))},[Symbol.iterator]:function*(){for(var t=this._groups,e=0,n=t.length;e<n;++e)for(var i,o=t[e],a=0,r=o.length;a<r;++a)(i=o[a])&&(yield i)}};var ki=0;function bi(){return new Ci}function Ci(){this._="@"+(++ki).toString(36)}function Pi(t){let e;for(;e=t.sourceEvent;)t=e;return t}function wi(t,e){if(t=Pi(t),void 0===e&&(e=t.currentTarget),e){var n=e.ownerSVGElement||e;if(n.createSVGPoint){var i=n.createSVGPoint();return i.x=t.clientX,i.y=t.clientY,[(i=i.matrixTransform(e.getScreenCTM().inverse())).x,i.y]}if(e.getBoundingClientRect){var o=e.getBoundingClientRect();return[t.clientX-o.left-e.clientLeft,t.clientY-o.top-e.clientTop]}}return[t.pageX,t.pageY]}Ci.prototype=bi.prototype={constructor:Ci,get:function(t){for(var e=this._;!(e in t);)if(!(t=t.parentNode))return;return t[e]},set:function(t,e){return t[this._]=e},remove:function(t){return this._ in t&&delete t[this._]},toString:function(){return this._}};var Li=Object.freeze({__proto__:null,create:function(t){return mi(cn(t).call(document.documentElement))},creator:cn,local:bi,matcher:fn,namespace:rn,namespaces:an,pointer:wi,pointers:function(t,e){return t.target&&(t=Pi(t),void 0===e&&(e=t.currentTarget),t=t.touches||[t]),Array.from(t,(t=>wi(t,e)))},select:mi,selectAll:function(t){return"string"==typeof t?new vi([document.querySelectorAll(t)],[document.documentElement]):new vi([hn(t)],fi)},selection:yi,selector:dn,selectorAll:gn,style:jn,window:zn});var xi=function(t){return function(e){return null==t?void 0:t[e]}},Si=xi({"&amp;":"&","&lt;":"<","&gt;":">","&quot;":'"',"&#39;":"'"}),Ni=g,Di=Si,Ti=/&(?:amp|lt|gt|quot|#39);/g,Ei=RegExp(Ti.source);var Ii=function(t){return(t=Ni(t))&&Ei.test(t)?t.replace(Ti,Di):t},Oi=xi({"&":"&amp;","<":"&lt;",">":"&gt;",'"':"&quot;","'":"&#39;"}),_i=g,Ai=/[&<>"']/g,zi=RegExp(Ai.source);var Mi=function(t){return(t=_i(t))&&zi.test(t)?t.replace(Ai,Oi):t},Hi={value:()=>{}};function Ri(){for(var t,e=0,n=arguments.length,i={};e<n;++e){if(!(t=arguments[e]+"")||t in i||/[\s.]/.test(t))throw new Error("illegal type: "+t);i[t]=[]}return new ji(i)}function ji(t){this._=t}function Fi(t,e){return t.trim().split(/^|\s+/).map((function(t){var n="",i=t.indexOf(".");if(i>=0&&(n=t.slice(i+1),t=t.slice(0,i)),t&&!e.hasOwnProperty(t))throw new Error("unknown type: "+t);return{type:t,name:n}}))}function Bi(t,e){for(var n,i=0,o=t.length;i<o;++i)if((n=t[i]).name===e)return n.value}function Gi(t,e,n){for(var i=0,o=t.length;i<o;++i)if(t[i].name===e){t[i]=Hi,t=t.slice(0,i).concat(t.slice(i+1));break}return null!=n&&t.push({name:e,value:n}),t}ji.prototype=Ri.prototype={constructor:ji,on:function(t,e){var n,i=this._,o=Fi(t+"",i),a=-1,r=o.length;if(!(arguments.length<2)){if(null!=e&&"function"!=typeof e)throw new Error("invalid callback: "+e);for(;++a<r;)if(n=(t=o[a]).type)i[n]=Gi(i[n],t.name,e);else if(null==e)for(n in i)i[n]=Gi(i[n],t.name,null);return this}for(;++a<r;)if((n=(t=o[a]).type)&&(n=Bi(i[n],t.name)))return n},copy:function(){var t={},e=this._;for(var n in e)t[n]=e[n].slice();return new ji(t)},call:function(t,e){if((n=arguments.length-2)>0)for(var n,i,o=new Array(n),a=0;a<n;++a)o[a]=arguments[a+2];if(!this._.hasOwnProperty(t))throw new Error("unknown type: "+t);for(a=0,n=(i=this._[t]).length;a<n;++a)i[a].value.apply(e,o)},apply:function(t,e,n){if(!this._.hasOwnProperty(t))throw new Error("unknown type: "+t);for(var i=this._[t],o=0,a=i.length;o<a;++o)i[o].value.apply(e,n)}};const Ui={passive:!1},Xi={capture:!0,passive:!1};function Yi(t){t.stopImmediatePropagation()}function Wi(t){t.preventDefault(),t.stopImmediatePropagation()}function Vi(t){var e=t.document.documentElement,n=mi(t).on("dragstart.drag",Wi,Xi);"onselectstart"in e?n.on("selectstart.drag",Wi,Xi):(e.__noselect=e.style.MozUserSelect,e.style.MozUserSelect="none")}function Zi(t,e){var n=t.document.documentElement,i=mi(t).on("dragstart.drag",null);e&&(i.on("click.drag",Wi,Xi),setTimeout((function(){i.on("click.drag",null)}),0)),"onselectstart"in n?i.on("selectstart.drag",null):(n.style.MozUserSelect=n.__noselect,delete n.__noselect)}var qi=t=>()=>t;function Ki(t,{sourceEvent:e,subject:n,target:i,identifier:o,active:a,x:r,y:s,dx:l,dy:c,dispatch:u}){Object.defineProperties(this,{type:{value:t,enumerable:!0,configurable:!0},sourceEvent:{value:e,enumerable:!0,configurable:!0},subject:{value:n,enumerable:!0,configurable:!0},target:{value:i,enumerable:!0,configurable:!0},identifier:{value:o,enumerable:!0,configurable:!0},active:{value:a,enumerable:!0,configurable:!0},x:{value:r,enumerable:!0,configurable:!0},y:{value:s,enumerable:!0,configurable:!0},dx:{value:l,enumerable:!0,configurable:!0},dy:{value:c,enumerable:!0,configurable:!0},_:{value:u}})}function Ji(t){return!t.ctrlKey&&!t.button}function Qi(){return this.parentNode}function $i(t,e){return null==e?{x:t.x,y:t.y}:e}function to(){return navigator.maxTouchPoints||"ontouchstart"in this}Ki.prototype.on=function(){var t=this._.on.apply(this._,arguments);return t===this._?this:t};var eo=Object.freeze({__proto__:null,drag:function(){var t,e,n,i,o=Ji,a=Qi,r=$i,s=to,l={},c=Ri("start","drag","end"),u=0,d=0;function h(t){t.on("mousedown.drag",p).filter(s).on("touchstart.drag",v).on("touchmove.drag",y,Ui).on("touchend.drag touchcancel.drag",m).style("touch-action","none").style("-webkit-tap-highlight-color","rgba(0,0,0,0)")}function p(r,s){if(!i&&o.call(this,r,s)){var l=k(this,a.call(this,r,s),r,s,"mouse");l&&(mi(r.view).on("mousemove.drag",g,Xi).on("mouseup.drag",f,Xi),Vi(r.view),Yi(r),n=!1,t=r.clientX,e=r.clientY,l("start",r))}}function g(i){if(Wi(i),!n){var o=i.clientX-t,a=i.clientY-e;n=o*o+a*a>d}l.mouse("drag",i)}function f(t){mi(t.view).on("mousemove.drag mouseup.drag",null),Zi(t.view,n),Wi(t),l.mouse("end",t)}function v(t,e){if(o.call(this,t,e)){var n,i,r=t.changedTouches,s=a.call(this,t,e),l=r.length;for(n=0;n<l;++n)(i=k(this,s,t,e,r[n].identifier,r[n]))&&(Yi(t),i("start",t,r[n]))}}function y(t){var e,n,i=t.changedTouches,o=i.length;for(e=0;e<o;++e)(n=l[i[e].identifier])&&(Wi(t),n("drag",t,i[e]))}function m(t){var e,n,o=t.changedTouches,a=o.length;for(i&&clearTimeout(i),i=setTimeout((function(){i=null}),500),e=0;e<a;++e)(n=l[o[e].identifier])&&(Yi(t),n("end",t,o[e]))}function k(t,e,n,i,o,a){var s,d,p,g=c.copy(),f=wi(a||n,e);if(null!=(p=r.call(t,new Ki("beforestart",{sourceEvent:n,target:h,identifier:o,active:u,x:f[0],y:f[1],dx:0,dy:0,dispatch:g}),i)))return s=p.x-f[0]||0,d=p.y-f[1]||0,function n(a,r,c){var v,y=f;switch(a){case"start":l[o]=n,v=u++;break;case"end":delete l[o],--u;case"drag":f=wi(c||r,e),v=u}g.call(a,t,new Ki(a,{sourceEvent:r,subject:p,target:h,identifier:o,active:v,x:f[0]+s,y:f[1]+d,dx:f[0]-y[0],dy:f[1]-y[1],dispatch:g}),i)}}return h.filter=function(t){return arguments.length?(o="function"==typeof t?t:qi(!!t),h):o},h.container=function(t){return arguments.length?(a="function"==typeof t?t:qi(t),h):a},h.subject=function(t){return arguments.length?(r="function"==typeof t?t:qi(t),h):r},h.touchable=function(t){return arguments.length?(s="function"==typeof t?t:qi(!!t),h):s},h.on=function(){var t=c.on.apply(c,arguments);return t===c?h:t},h.clickDistance=function(t){return arguments.length?(d=(t=+t)*t,h):Math.sqrt(d)},h},dragDisable:Vi,dragEnable:Zi});function no(t){return((t*=2)<=1?t*t:--t*(2-t)+1)/2}function io(t){return((t*=2)<=1?t*t*t:(t-=2)*t*t+2)/2}var oo=function t(e){function n(t){return Math.pow(t,e)}return e=+e,n.exponent=t,n}(3),ao=function t(e){function n(t){return 1-Math.pow(1-t,e)}return e=+e,n.exponent=t,n}(3),ro=function t(e){function n(t){return((t*=2)<=1?Math.pow(t,e):2-Math.pow(2-t,e))/2}return e=+e,n.exponent=t,n}(3),so=Math.PI,lo=so/2;function co(t){return(1-Math.cos(so*t))/2}function uo(t){return 1.0009775171065494*(Math.pow(2,-10*t)-.0009765625)}function ho(t){return((t*=2)<=1?uo(1-t):2-uo(t-1))/2}function po(t){return((t*=2)<=1?1-Math.sqrt(1-t*t):Math.sqrt(1-(t-=2)*t)+1)/2}var go=4/11,fo=7.5625;function vo(t){return(t=+t)<go?fo*t*t:t<.7272727272727273?fo*(t-=.5454545454545454)*t+.75:t<.9090909090909091?fo*(t-=.8181818181818182)*t+.9375:fo*(t-=.9545454545454546)*t+.984375}var yo=function t(e){function n(t){return(t=+t)*t*(e*(t-1)+t)}return e=+e,n.overshoot=t,n}(1.70158),mo=function t(e){function n(t){return--t*t*((t+1)*e+t)+1}return e=+e,n.overshoot=t,n}(1.70158),ko=function t(e){function n(t){return((t*=2)<1?t*t*((e+1)*t-e):(t-=2)*t*((e+1)*t+e)+2)/2}return e=+e,n.overshoot=t,n}(1.70158),bo=2*Math.PI,Co=function t(e,n){var i=Math.asin(1/(e=Math.max(1,e)))*(n/=bo);function o(t){return e*uo(- --t)*Math.sin((i-t)/n)}return o.amplitude=function(e){return t(e,n*bo)},o.period=function(n){return t(e,n)},o}(1,.3),Po=function t(e,n){var i=Math.asin(1/(e=Math.max(1,e)))*(n/=bo);function o(t){return 1-e*uo(t=+t)*Math.sin((t+i)/n)}return o.amplitude=function(e){return t(e,n*bo)},o.period=function(n){return t(e,n)},o}(1,.3),wo=function t(e,n){var i=Math.asin(1/(e=Math.max(1,e)))*(n/=bo);function o(t){return((t=2*t-1)<0?e*uo(-t)*Math.sin((i-t)/n):2-e*uo(t)*Math.sin((i+t)/n))/2}return o.amplitude=function(e){return t(e,n*bo)},o.period=function(n){return t(e,n)},o}(1,.3),Lo=Object.freeze({__proto__:null,easeLinear:t=>+t,easeQuad:no,easeQuadIn:function(t){return t*t},easeQuadOut:function(t){return t*(2-t)},easeQuadInOut:no,easeCubic:io,easeCubicIn:function(t){return t*t*t},easeCubicOut:function(t){return--t*t*t+1},easeCubicInOut:io,easePoly:ro,easePolyIn:oo,easePolyOut:ao,easePolyInOut:ro,easeSin:co,easeSinIn:function(t){return 1==+t?1:1-Math.cos(t*lo)},easeSinOut:function(t){return Math.sin(t*lo)},easeSinInOut:co,easeExp:ho,easeExpIn:function(t){return uo(1-+t)},easeExpOut:function(t){return 1-uo(t)},easeExpInOut:ho,easeCircle:po,easeCircleIn:function(t){return 1-Math.sqrt(1-t*t)},easeCircleOut:function(t){return Math.sqrt(1- --t*t)},easeCircleInOut:po,easeBounce:vo,easeBounceIn:function(t){return 1-vo(1-t)},easeBounceOut:vo,easeBounceInOut:function(t){return((t*=2)<=1?1-vo(1-t):vo(t-1)+1)/2},easeBack:ko,easeBackIn:yo,easeBackOut:mo,easeBackInOut:ko,easeElastic:Po,easeElasticIn:Co,easeElasticOut:Po,easeElasticInOut:wo});function xo(t){if(!t.ok)throw new Error(t.status+" "+t.statusText);return t.blob()}function So(t){if(!t.ok)throw new Error(t.status+" "+t.statusText);return t.arrayBuffer()}var No={},Do={};function To(t){return new Function("d","return {"+t.map((function(t,e){return JSON.stringify(t)+": d["+e+'] || ""'})).join(",")+"}")}function Eo(t){var e=Object.create(null),n=[];return t.forEach((function(t){for(var i in t)i in e||n.push(e[i]=i)})),n}function Io(t,e){var n=t+"",i=n.length;return i<e?new Array(e-i+1).join(0)+n:n}function Oo(t){var e,n=t.getUTCHours(),i=t.getUTCMinutes(),o=t.getUTCSeconds(),a=t.getUTCMilliseconds();return isNaN(t)?"Invalid Date":((e=t.getUTCFullYear())<0?"-"+Io(-e,6):e>9999?"+"+Io(e,6):Io(e,4))+"-"+Io(t.getUTCMonth()+1,2)+"-"+Io(t.getUTCDate(),2)+(a?"T"+Io(n,2)+":"+Io(i,2)+":"+Io(o,2)+"."+Io(a,3)+"Z":o?"T"+Io(n,2)+":"+Io(i,2)+":"+Io(o,2)+"Z":i||n?"T"+Io(n,2)+":"+Io(i,2)+"Z":"")}function _o(t){var e=new RegExp('["'+t+"\n\r]"),n=t.charCodeAt(0);function i(t,e){var i,o=[],a=t.length,r=0,s=0,l=a<=0,c=!1;function u(){if(l)return Do;if(c)return c=!1,No;var e,i,o=r;if(34===t.charCodeAt(o)){for(;r++<a&&34!==t.charCodeAt(r)||34===t.charCodeAt(++r););return(e=r)>=a?l=!0:10===(i=t.charCodeAt(r++))?c=!0:13===i&&(c=!0,10===t.charCodeAt(r)&&++r),t.slice(o+1,e-1).replace(/""/g,'"')}for(;r<a;){if(10===(i=t.charCodeAt(e=r++)))c=!0;else if(13===i)c=!0,10===t.charCodeAt(r)&&++r;else if(i!==n)continue;return t.slice(o,e)}return l=!0,t.slice(o,a)}for(10===t.charCodeAt(a-1)&&--a,13===t.charCodeAt(a-1)&&--a;(i=u())!==Do;){for(var d=[];i!==No&&i!==Do;)d.push(i),i=u();e&&null==(d=e(d,s++))||o.push(d)}return o}function o(e,n){return e.map((function(e){return n.map((function(t){return r(e[t])})).join(t)}))}function a(e){return e.map(r).join(t)}function r(t){return null==t?"":t instanceof Date?Oo(t):e.test(t+="")?'"'+t.replace(/"/g,'""')+'"':t}return{parse:function(t,e){var n,o,a=i(t,(function(t,i){if(n)return n(t,i-1);o=t,n=e?function(t,e){var n=To(t);return function(i,o){return e(n(i),o,t)}}(t,e):To(t)}));return a.columns=o||[],a},parseRows:i,format:function(e,n){return null==n&&(n=Eo(e)),[n.map(r).join(t)].concat(o(e,n)).join("\n")},formatBody:function(t,e){return null==e&&(e=Eo(t)),o(t,e).join("\n")},formatRows:function(t){return t.map(a).join("\n")},formatRow:a,formatValue:r}}var Ao=_o(",").parse,zo=_o("\t").parse;function Mo(t){if(!t.ok)throw new Error(t.status+" "+t.statusText);return t.text()}function Ho(t,e){return fetch(t,e).then(Mo)}function Ro(t){return function(e,n,i){return 2===arguments.length&&"function"==typeof n&&(i=n,n=void 0),Ho(e,n).then((function(e){return t(e,i)}))}}var jo=Ro(Ao),Fo=Ro(zo);function Bo(t){if(!t.ok)throw new Error(t.status+" "+t.statusText);if(204!==t.status&&205!==t.status)return t.json()}function Go(t){return(e,n)=>Ho(e,n).then((e=>(new DOMParser).parseFromString(e,t)))}var Uo=Go("application/xml"),Xo=Go("text/html"),Yo=Go("image/svg+xml"),Wo=Object.freeze({__proto__:null,blob:function(t,e){return fetch(t,e).then(xo)},buffer:function(t,e){return fetch(t,e).then(So)},dsv:function(t,e,n,i){3===arguments.length&&"function"==typeof n&&(i=n,n=void 0);var o=_o(t);return Ho(e,n).then((function(t){return o.parse(t,i)}))},csv:jo,tsv:Fo,image:function(t,e){return new Promise((function(n,i){var o=new Image;for(var a in e)o[a]=e[a];o.onerror=i,o.onload=function(){n(o)},o.src=t}))},json:function(t,e){return fetch(t,e).then(Bo)},text:Ho,xml:Uo,html:Xo,svg:Yo});function Vo(t,e,n){t.prototype=e.prototype=n,n.constructor=t}function Zo(t,e){var n=Object.create(t.prototype);for(var i in e)n[i]=e[i];return n}function qo(){}var Ko=1/.7,Jo="\\s*([+-]?\\d+)\\s*",Qo="\\s*([+-]?\\d*\\.?\\d+(?:[eE][+-]?\\d+)?)\\s*",$o="\\s*([+-]?\\d*\\.?\\d+(?:[eE][+-]?\\d+)?)%\\s*",ta=/^#([0-9a-f]{3,8})$/,ea=new RegExp("^rgb\\("+[Jo,Jo,Jo]+"\\)$"),na=new RegExp("^rgb\\("+[$o,$o,$o]+"\\)$"),ia=new RegExp("^rgba\\("+[Jo,Jo,Jo,Qo]+"\\)$"),oa=new RegExp("^rgba\\("+[$o,$o,$o,Qo]+"\\)$"),aa=new RegExp("^hsl\\("+[Qo,$o,$o]+"\\)$"),ra=new RegExp("^hsla\\("+[Qo,$o,$o,Qo]+"\\)$"),sa={aliceblue:15792383,antiquewhite:16444375,aqua:65535,aquamarine:8388564,azure:15794175,beige:16119260,bisque:16770244,black:0,blanchedalmond:16772045,blue:255,blueviolet:9055202,brown:10824234,burlywood:14596231,cadetblue:6266528,chartreuse:8388352,chocolate:13789470,coral:16744272,cornflowerblue:6591981,cornsilk:16775388,crimson:14423100,cyan:65535,darkblue:139,darkcyan:35723,darkgoldenrod:12092939,darkgray:11119017,darkgreen:25600,darkgrey:11119017,darkkhaki:12433259,darkmagenta:9109643,darkolivegreen:5597999,darkorange:16747520,darkorchid:10040012,darkred:9109504,darksalmon:15308410,darkseagreen:9419919,darkslateblue:4734347,darkslategray:3100495,darkslategrey:3100495,darkturquoise:52945,darkviolet:9699539,deeppink:16716947,deepskyblue:49151,dimgray:6908265,dimgrey:6908265,dodgerblue:2003199,firebrick:11674146,floralwhite:16775920,forestgreen:2263842,fuchsia:16711935,gainsboro:14474460,ghostwhite:16316671,gold:16766720,goldenrod:14329120,gray:8421504,green:32768,greenyellow:11403055,grey:8421504,honeydew:15794160,hotpink:16738740,indianred:13458524,indigo:4915330,ivory:16777200,khaki:15787660,lavender:15132410,lavenderblush:16773365,lawngreen:8190976,lemonchiffon:16775885,lightblue:11393254,lightcoral:15761536,lightcyan:14745599,lightgoldenrodyellow:16448210,lightgray:13882323,lightgreen:9498256,lightgrey:13882323,lightpink:16758465,lightsalmon:16752762,lightseagreen:2142890,lightskyblue:8900346,lightslategray:7833753,lightslategrey:7833753,lightsteelblue:11584734,lightyellow:16777184,lime:65280,limegreen:3329330,linen:16445670,magenta:16711935,maroon:8388608,mediumaquamarine:6737322,mediumblue:205,mediumorchid:12211667,mediumpurple:9662683,mediumseagreen:3978097,mediumslateblue:8087790,mediumspringgreen:64154,mediumturquoise:4772300,mediumvioletred:13047173,midnightblue:1644912,mintcream:16121850,mistyrose:16770273,moccasin:16770229,navajowhite:16768685,navy:128,oldlace:16643558,olive:8421376,olivedrab:7048739,orange:16753920,orangered:16729344,orchid:14315734,palegoldenrod:15657130,palegreen:10025880,paleturquoise:11529966,palevioletred:14381203,papayawhip:16773077,peachpuff:16767673,peru:13468991,pink:16761035,plum:14524637,powderblue:11591910,purple:8388736,rebeccapurple:6697881,red:16711680,rosybrown:12357519,royalblue:4286945,saddlebrown:9127187,salmon:16416882,sandybrown:16032864,seagreen:3050327,seashell:16774638,sienna:10506797,silver:12632256,skyblue:8900331,slateblue:6970061,slategray:7372944,slategrey:7372944,snow:16775930,springgreen:65407,steelblue:4620980,tan:13808780,teal:32896,thistle:14204888,tomato:16737095,turquoise:4251856,violet:15631086,wheat:16113331,white:16777215,whitesmoke:16119285,yellow:16776960,yellowgreen:10145074};function la(){return this.rgb().formatHex()}function ca(){return this.rgb().formatRgb()}function ua(t){var e,n;return t=(t+"").trim().toLowerCase(),(e=ta.exec(t))?(n=e[1].length,e=parseInt(e[1],16),6===n?da(e):3===n?new fa(e>>8&15|e>>4&240,e>>4&15|240&e,(15&e)<<4|15&e,1):8===n?ha(e>>24&255,e>>16&255,e>>8&255,(255&e)/255):4===n?ha(e>>12&15|e>>8&240,e>>8&15|e>>4&240,e>>4&15|240&e,((15&e)<<4|15&e)/255):null):(e=ea.exec(t))?new fa(e[1],e[2],e[3],1):(e=na.exec(t))?new fa(255*e[1]/100,255*e[2]/100,255*e[3]/100,1):(e=ia.exec(t))?ha(e[1],e[2],e[3],e[4]):(e=oa.exec(t))?ha(255*e[1]/100,255*e[2]/100,255*e[3]/100,e[4]):(e=aa.exec(t))?ka(e[1],e[2]/100,e[3]/100,1):(e=ra.exec(t))?ka(e[1],e[2]/100,e[3]/100,e[4]):sa.hasOwnProperty(t)?da(sa[t]):"transparent"===t?new fa(NaN,NaN,NaN,0):null}function da(t){return new fa(t>>16&255,t>>8&255,255&t,1)}function ha(t,e,n,i){return i<=0&&(t=e=n=NaN),new fa(t,e,n,i)}function pa(t){return t instanceof qo||(t=ua(t)),t?new fa((t=t.rgb()).r,t.g,t.b,t.opacity):new fa}function ga(t,e,n,i){return 1===arguments.length?pa(t):new fa(t,e,n,null==i?1:i)}function fa(t,e,n,i){this.r=+t,this.g=+e,this.b=+n,this.opacity=+i}function va(){return"#"+ma(this.r)+ma(this.g)+ma(this.b)}function ya(){var t=this.opacity;return(1===(t=isNaN(t)?1:Math.max(0,Math.min(1,t)))?"rgb(":"rgba(")+Math.max(0,Math.min(255,Math.round(this.r)||0))+", "+Math.max(0,Math.min(255,Math.round(this.g)||0))+", "+Math.max(0,Math.min(255,Math.round(this.b)||0))+(1===t?")":", "+t+")")}function ma(t){return((t=Math.max(0,Math.min(255,Math.round(t)||0)))<16?"0":"")+t.toString(16)}function ka(t,e,n,i){return i<=0?t=e=n=NaN:n<=0||n>=1?t=e=NaN:e<=0&&(t=NaN),new Ca(t,e,n,i)}function ba(t){if(t instanceof Ca)return new Ca(t.h,t.s,t.l,t.opacity);if(t instanceof qo||(t=ua(t)),!t)return new Ca;if(t instanceof Ca)return t;var e=(t=t.rgb()).r/255,n=t.g/255,i=t.b/255,o=Math.min(e,n,i),a=Math.max(e,n,i),r=NaN,s=a-o,l=(a+o)/2;return s?(r=e===a?(n-i)/s+6*(n<i):n===a?(i-e)/s+2:(e-n)/s+4,s/=l<.5?a+o:2-a-o,r*=60):s=l>0&&l<1?0:r,new Ca(r,s,l,t.opacity)}function Ca(t,e,n,i){this.h=+t,this.s=+e,this.l=+n,this.opacity=+i}function Pa(t,e,n){return 255*(t<60?e+(n-e)*t/60:t<180?n:t<240?e+(n-e)*(240-t)/60:e)}Vo(qo,ua,{copy:function(t){return Object.assign(new this.constructor,this,t)},displayable:function(){return this.rgb().displayable()},hex:la,formatHex:la,formatHsl:function(){return ba(this).formatHsl()},formatRgb:ca,toString:ca}),Vo(fa,ga,Zo(qo,{brighter:function(t){return t=null==t?Ko:Math.pow(Ko,t),new fa(this.r*t,this.g*t,this.b*t,this.opacity)},darker:function(t){return t=null==t?.7:Math.pow(.7,t),new fa(this.r*t,this.g*t,this.b*t,this.opacity)},rgb:function(){return this},displayable:function(){return-.5<=this.r&&this.r<255.5&&-.5<=this.g&&this.g<255.5&&-.5<=this.b&&this.b<255.5&&0<=this.opacity&&this.opacity<=1},hex:va,formatHex:va,formatRgb:ya,toString:ya})),Vo(Ca,(function(t,e,n,i){return 1===arguments.length?ba(t):new Ca(t,e,n,null==i?1:i)}),Zo(qo,{brighter:function(t){return t=null==t?Ko:Math.pow(Ko,t),new Ca(this.h,this.s,this.l*t,this.opacity)},darker:function(t){return t=null==t?.7:Math.pow(.7,t),new Ca(this.h,this.s,this.l*t,this.opacity)},rgb:function(){var t=this.h%360+360*(this.h<0),e=isNaN(t)||isNaN(this.s)?0:this.s,n=this.l,i=n+(n<.5?n:1-n)*e,o=2*n-i;return new fa(Pa(t>=240?t-240:t+120,o,i),Pa(t,o,i),Pa(t<120?t+240:t-120,o,i),this.opacity)},displayable:function(){return(0<=this.s&&this.s<=1||isNaN(this.s))&&0<=this.l&&this.l<=1&&0<=this.opacity&&this.opacity<=1},formatHsl:function(){var t=this.opacity;return(1===(t=isNaN(t)?1:Math.max(0,Math.min(1,t)))?"hsl(":"hsla(")+(this.h||0)+", "+100*(this.s||0)+"%, "+100*(this.l||0)+"%"+(1===t?")":", "+t+")")}}));var wa=t=>()=>t;function La(t){return 1==(t=+t)?xa:function(e,n){return n-e?function(t,e,n){return t=Math.pow(t,n),e=Math.pow(e,n)-t,n=1/n,function(i){return Math.pow(t+i*e,n)}}(e,n,t):wa(isNaN(e)?n:e)}}function xa(t,e){var n=e-t;return n?function(t,e){return function(n){return t+n*e}}(t,n):wa(isNaN(t)?e:t)}var Sa=function t(e){var n=La(e);function i(t,e){var i=n((t=ga(t)).r,(e=ga(e)).r),o=n(t.g,e.g),a=n(t.b,e.b),r=xa(t.opacity,e.opacity);return function(e){return t.r=i(e),t.g=o(e),t.b=a(e),t.opacity=r(e),t+""}}return i.gamma=t,i}(1);function Na(t,e){return t=+t,e=+e,function(n){return t*(1-n)+e*n}}var Da=/[-+]?(?:\d+\.?\d*|\.?\d+)(?:[eE][-+]?\d+)?/g,Ta=new RegExp(Da.source,"g");function Ea(t,e){var n,i,o,a=Da.lastIndex=Ta.lastIndex=0,r=-1,s=[],l=[];for(t+="",e+="";(n=Da.exec(t))&&(i=Ta.exec(e));)(o=i.index)>a&&(o=e.slice(a,o),s[r]?s[r]+=o:s[++r]=o),(n=n[0])===(i=i[0])?s[r]?s[r]+=i:s[++r]=i:(s[++r]=null,l.push({i:r,x:Na(n,i)})),a=Ta.lastIndex;return a<e.length&&(o=e.slice(a),s[r]?s[r]+=o:s[++r]=o),s.length<2?l[0]?function(t){return function(e){return t(e)+""}}(l[0].x):function(t){return function(){return t}}(e):(e=l.length,function(t){for(var n,i=0;i<e;++i)s[(n=l[i]).i]=n.x(t);return s.join("")})}var Ia,Oa=180/Math.PI,_a={translateX:0,translateY:0,rotate:0,skewX:0,scaleX:1,scaleY:1};function Aa(t,e,n,i,o,a){var r,s,l;return(r=Math.sqrt(t*t+e*e))&&(t/=r,e/=r),(l=t*n+e*i)&&(n-=t*l,i-=e*l),(s=Math.sqrt(n*n+i*i))&&(n/=s,i/=s,l/=s),t*i<e*n&&(t=-t,e=-e,l=-l,r=-r),{translateX:o,translateY:a,rotate:Math.atan2(e,t)*Oa,skewX:Math.atan(l)*Oa,scaleX:r,scaleY:s}}function za(t,e,n,i){function o(t){return t.length?t.pop()+" ":""}return function(a,r){var s=[],l=[];return a=t(a),r=t(r),function(t,i,o,a,r,s){if(t!==o||i!==a){var l=r.push("translate(",null,e,null,n);s.push({i:l-4,x:Na(t,o)},{i:l-2,x:Na(i,a)})}else(o||a)&&r.push("translate("+o+e+a+n)}(a.translateX,a.translateY,r.translateX,r.translateY,s,l),function(t,e,n,a){t!==e?(t-e>180?e+=360:e-t>180&&(t+=360),a.push({i:n.push(o(n)+"rotate(",null,i)-2,x:Na(t,e)})):e&&n.push(o(n)+"rotate("+e+i)}(a.rotate,r.rotate,s,l),function(t,e,n,a){t!==e?a.push({i:n.push(o(n)+"skewX(",null,i)-2,x:Na(t,e)}):e&&n.push(o(n)+"skewX("+e+i)}(a.skewX,r.skewX,s,l),function(t,e,n,i,a,r){if(t!==n||e!==i){var s=a.push(o(a)+"scale(",null,",",null,")");r.push({i:s-4,x:Na(t,n)},{i:s-2,x:Na(e,i)})}else 1===n&&1===i||a.push(o(a)+"scale("+n+","+i+")")}(a.scaleX,a.scaleY,r.scaleX,r.scaleY,s,l),a=r=null,function(t){for(var e,n=-1,i=l.length;++n<i;)s[(e=l[n]).i]=e.x(t);return s.join("")}}}var Ma=za((function(t){const e=new("function"==typeof DOMMatrix?DOMMatrix:WebKitCSSMatrix)(t+"");return e.isIdentity?_a:Aa(e.a,e.b,e.c,e.d,e.e,e.f)}),"px, ","px)","deg)"),Ha=za((function(t){return null==t?_a:(Ia||(Ia=document.createElementNS("http://www.w3.org/2000/svg","g")),Ia.setAttribute("transform",t),(t=Ia.transform.baseVal.consolidate())?Aa((t=t.matrix).a,t.b,t.c,t.d,t.e,t.f):_a)}),", ",")",")");function Ra(t){return((t=Math.exp(t))+1/t)/2}var ja,Fa,Ba=function t(e,n,i){function o(t,o){var a,r,s=t[0],l=t[1],c=t[2],u=o[0],d=o[1],h=o[2],p=u-s,g=d-l,f=p*p+g*g;if(f<1e-12)r=Math.log(h/c)/e,a=function(t){return[s+t*p,l+t*g,c*Math.exp(e*t*r)]};else{var v=Math.sqrt(f),y=(h*h-c*c+i*f)/(2*c*n*v),m=(h*h-c*c-i*f)/(2*h*n*v),k=Math.log(Math.sqrt(y*y+1)-y),b=Math.log(Math.sqrt(m*m+1)-m);r=(b-k)/e,a=function(t){var i,o=t*r,a=Ra(k),u=c/(n*v)*(a*(i=e*o+k,((i=Math.exp(2*i))-1)/(i+1))-function(t){return((t=Math.exp(t))-1/t)/2}(k));return[s+u*p,l+u*g,c*a/Ra(e*o+k)]}}return a.duration=1e3*r*e/Math.SQRT2,a}return o.rho=function(e){var n=Math.max(.001,+e),i=n*n;return t(n,i,i*i)},o}(Math.SQRT2,2,4),Ga=0,Ua=0,Xa=0,Ya=0,Wa=0,Va=0,Za="object"==typeof performance&&performance.now?performance:Date,qa="object"==typeof window&&window.requestAnimationFrame?window.requestAnimationFrame.bind(window):function(t){setTimeout(t,17)};function Ka(){return Wa||(qa(Ja),Wa=Za.now()+Va)}function Ja(){Wa=0}function Qa(){this._call=this._time=this._next=null}function $a(t,e,n){var i=new Qa;return i.restart(t,e,n),i}function tr(){Wa=(Ya=Za.now())+Va,Ga=Ua=0;try{!function(){Ka(),++Ga;for(var t,e=ja;e;)(t=Wa-e._time)>=0&&e._call.call(void 0,t),e=e._next;--Ga}()}finally{Ga=0,function(){var t,e,n=ja,i=1/0;for(;n;)n._call?(i>n._time&&(i=n._time),t=n,n=n._next):(e=n._next,n._next=null,n=t?t._next=e:ja=e);Fa=t,nr(i)}(),Wa=0}}function er(){var t=Za.now(),e=t-Ya;e>1e3&&(Va-=e,Ya=t)}function nr(t){Ga||(Ua&&(Ua=clearTimeout(Ua)),t-Wa>24?(t<1/0&&(Ua=setTimeout(tr,t-Za.now()-Va)),Xa&&(Xa=clearInterval(Xa))):(Xa||(Ya=Za.now(),Xa=setInterval(er,1e3)),Ga=1,qa(tr)))}function ir(t,e,n){var i=new Qa;return e=null==e?0:+e,i.restart((n=>{i.stop(),t(n+e)}),e,n),i}Qa.prototype=$a.prototype={constructor:Qa,restart:function(t,e,n){if("function"!=typeof t)throw new TypeError("callback is not a function");n=(null==n?Ka():+n)+(null==e?0:+e),this._next||Fa===this||(Fa?Fa._next=this:ja=this,Fa=this),this._call=t,this._time=n,nr()},stop:function(){this._call&&(this._call=null,this._time=1/0,nr())}};var or=Ri("start","end","cancel","interrupt"),ar=[];function rr(t,e,n,i,o,a){var r=t.__transition;if(r){if(n in r)return}else t.__transition={};!function(t,e,n){var i,o=t.__transition;function a(t){n.state=1,n.timer.restart(r,n.delay,n.time),n.delay<=t&&r(t-n.delay)}function r(a){var c,u,d,h;if(1!==n.state)return l();for(c in o)if((h=o[c]).name===n.name){if(3===h.state)return ir(r);4===h.state?(h.state=6,h.timer.stop(),h.on.call("interrupt",t,t.__data__,h.index,h.group),delete o[c]):+c<e&&(h.state=6,h.timer.stop(),h.on.call("cancel",t,t.__data__,h.index,h.group),delete o[c])}if(ir((function(){3===n.state&&(n.state=4,n.timer.restart(s,n.delay,n.time),s(a))})),n.state=2,n.on.call("start",t,t.__data__,n.index,n.group),2===n.state){for(n.state=3,i=new Array(d=n.tween.length),c=0,u=-1;c<d;++c)(h=n.tween[c].value.call(t,t.__data__,n.index,n.group))&&(i[++u]=h);i.length=u+1}}function s(e){for(var o=e<n.duration?n.ease.call(null,e/n.duration):(n.timer.restart(l),n.state=5,1),a=-1,r=i.length;++a<r;)i[a].call(t,o);5===n.state&&(n.on.call("end",t,t.__data__,n.index,n.group),l())}function l(){for(var i in n.state=6,n.timer.stop(),delete o[e],o)return;delete t.__transition}o[e]=n,n.timer=$a(a,0,n.time)}(t,n,{name:e,index:i,group:o,on:or,tween:ar,time:a.time,delay:a.delay,duration:a.duration,ease:a.ease,timer:null,state:0})}function sr(t,e){var n=cr(t,e);if(n.state>0)throw new Error("too late; already scheduled");return n}function lr(t,e){var n=cr(t,e);if(n.state>3)throw new Error("too late; already running");return n}function cr(t,e){var n=t.__transition;if(!n||!(n=n[e]))throw new Error("transition not found");return n}function ur(t,e){var n,i,o,a=t.__transition,r=!0;if(a){for(o in e=null==e?null:e+"",a)(n=a[o]).name===e?(i=n.state>2&&n.state<5,n.state=6,n.timer.stop(),n.on.call(i?"interrupt":"cancel",t,t.__data__,n.index,n.group),delete a[o]):r=!1;r&&delete t.__transition}}function dr(t,e){var n,i;return function(){var o=lr(this,t),a=o.tween;if(a!==n)for(var r=0,s=(i=n=a).length;r<s;++r)if(i[r].name===e){(i=i.slice()).splice(r,1);break}o.tween=i}}function hr(t,e,n){var i,o;if("function"!=typeof n)throw new Error;return function(){var a=lr(this,t),r=a.tween;if(r!==i){o=(i=r).slice();for(var s={name:e,value:n},l=0,c=o.length;l<c;++l)if(o[l].name===e){o[l]=s;break}l===c&&o.push(s)}a.tween=o}}function pr(t,e,n){var i=t._id;return t.each((function(){var t=lr(this,i);(t.value||(t.value={}))[e]=n.apply(this,arguments)})),function(t){return cr(t,i).value[e]}}function gr(t,e){var n;return("number"==typeof e?Na:e instanceof ua?Sa:(n=ua(e))?(e=n,Sa):Ea)(t,e)}function fr(t){return function(){this.removeAttribute(t)}}function vr(t){return function(){this.removeAttributeNS(t.space,t.local)}}function yr(t,e,n){var i,o,a=n+"";return function(){var r=this.getAttribute(t);return r===a?null:r===i?o:o=e(i=r,n)}}function mr(t,e,n){var i,o,a=n+"";return function(){var r=this.getAttributeNS(t.space,t.local);return r===a?null:r===i?o:o=e(i=r,n)}}function kr(t,e,n){var i,o,a;return function(){var r,s,l=n(this);if(null!=l)return(r=this.getAttribute(t))===(s=l+"")?null:r===i&&s===o?a:(o=s,a=e(i=r,l));this.removeAttribute(t)}}function br(t,e,n){var i,o,a;return function(){var r,s,l=n(this);if(null!=l)return(r=this.getAttributeNS(t.space,t.local))===(s=l+"")?null:r===i&&s===o?a:(o=s,a=e(i=r,l));this.removeAttributeNS(t.space,t.local)}}function Cr(t,e){return function(n){this.setAttribute(t,e.call(this,n))}}function Pr(t,e){return function(n){this.setAttributeNS(t.space,t.local,e.call(this,n))}}function wr(t,e){var n,i;function o(){var o=e.apply(this,arguments);return o!==i&&(n=(i=o)&&Pr(t,o)),n}return o._value=e,o}function Lr(t,e){var n,i;function o(){var o=e.apply(this,arguments);return o!==i&&(n=(i=o)&&Cr(t,o)),n}return o._value=e,o}function xr(t,e){return function(){sr(this,t).delay=+e.apply(this,arguments)}}function Sr(t,e){return e=+e,function(){sr(this,t).delay=e}}function Nr(t,e){return function(){lr(this,t).duration=+e.apply(this,arguments)}}function Dr(t,e){return e=+e,function(){lr(this,t).duration=e}}function Tr(t,e){if("function"!=typeof e)throw new Error;return function(){lr(this,t).ease=e}}function Er(t,e,n){var i,o,a=function(t){return(t+"").trim().split(/^|\s+/).every((function(t){var e=t.indexOf(".");return e>=0&&(t=t.slice(0,e)),!t||"start"===t}))}(e)?sr:lr;return function(){var r=a(this,t),s=r.on;s!==i&&(o=(i=s).copy()).on(e,n),r.on=o}}var Ir=yi.prototype.constructor;function Or(t){return function(){this.style.removeProperty(t)}}function _r(t,e,n){return function(i){this.style.setProperty(t,e.call(this,i),n)}}function Ar(t,e,n){var i,o;function a(){var a=e.apply(this,arguments);return a!==o&&(i=(o=a)&&_r(t,a,n)),i}return a._value=e,a}function zr(t){return function(e){this.textContent=t.call(this,e)}}function Mr(t){var e,n;function i(){var i=t.apply(this,arguments);return i!==n&&(e=(n=i)&&zr(i)),e}return i._value=t,i}var Hr=0;function Rr(t,e,n,i){this._groups=t,this._parents=e,this._name=n,this._id=i}function jr(){return++Hr}var Fr=yi.prototype;Rr.prototype={constructor:Rr,select:function(t){var e=this._name,n=this._id;"function"!=typeof t&&(t=dn(t));for(var i=this._groups,o=i.length,a=new Array(o),r=0;r<o;++r)for(var s,l,c=i[r],u=c.length,d=a[r]=new Array(u),h=0;h<u;++h)(s=c[h])&&(l=t.call(s,s.__data__,h,c))&&("__data__"in s&&(l.__data__=s.__data__),d[h]=l,rr(d[h],e,n,h,d,cr(s,n)));return new Rr(a,this._parents,e,n)},selectAll:function(t){var e=this._name,n=this._id;"function"!=typeof t&&(t=gn(t));for(var i=this._groups,o=i.length,a=[],r=[],s=0;s<o;++s)for(var l,c=i[s],u=c.length,d=0;d<u;++d)if(l=c[d]){for(var h,p=t.call(l,l.__data__,d,c),g=cr(l,n),f=0,v=p.length;f<v;++f)(h=p[f])&&rr(h,e,n,f,p,g);a.push(p),r.push(l)}return new Rr(a,r,e,n)},selectChild:Fr.selectChild,selectChildren:Fr.selectChildren,filter:function(t){"function"!=typeof t&&(t=fn(t));for(var e=this._groups,n=e.length,i=new Array(n),o=0;o<n;++o)for(var a,r=e[o],s=r.length,l=i[o]=[],c=0;c<s;++c)(a=r[c])&&t.call(a,a.__data__,c,r)&&l.push(a);return new Rr(i,this._parents,this._name,this._id)},merge:function(t){if(t._id!==this._id)throw new Error;for(var e=this._groups,n=t._groups,i=e.length,o=n.length,a=Math.min(i,o),r=new Array(i),s=0;s<a;++s)for(var l,c=e[s],u=n[s],d=c.length,h=r[s]=new Array(d),p=0;p<d;++p)(l=c[p]||u[p])&&(h[p]=l);for(;s<i;++s)r[s]=e[s];return new Rr(r,this._parents,this._name,this._id)},selection:function(){return new Ir(this._groups,this._parents)},transition:function(){for(var t=this._name,e=this._id,n=jr(),i=this._groups,o=i.length,a=0;a<o;++a)for(var r,s=i[a],l=s.length,c=0;c<l;++c)if(r=s[c]){var u=cr(r,e);rr(r,t,n,c,s,{time:u.time+u.delay+u.duration,delay:0,duration:u.duration,ease:u.ease})}return new Rr(i,this._parents,t,n)},call:Fr.call,nodes:Fr.nodes,node:Fr.node,size:Fr.size,empty:Fr.empty,each:Fr.each,on:function(t,e){var n=this._id;return arguments.length<2?cr(this.node(),n).on.on(t):this.each(Er(n,t,e))},attr:function(t,e){var n=rn(t),i="transform"===n?Ha:gr;return this.attrTween(t,"function"==typeof e?(n.local?br:kr)(n,i,pr(this,"attr."+t,e)):null==e?(n.local?vr:fr)(n):(n.local?mr:yr)(n,i,e))},attrTween:function(t,e){var n="attr."+t;if(arguments.length<2)return(n=this.tween(n))&&n._value;if(null==e)return this.tween(n,null);if("function"!=typeof e)throw new Error;var i=rn(t);return this.tween(n,(i.local?wr:Lr)(i,e))},style:function(t,e,n){var i="transform"==(t+="")?Ma:gr;return null==e?this.styleTween(t,function(t,e){var n,i,o;return function(){var a=jn(this,t),r=(this.style.removeProperty(t),jn(this,t));return a===r?null:a===n&&r===i?o:o=e(n=a,i=r)}}(t,i)).on("end.style."+t,Or(t)):"function"==typeof e?this.styleTween(t,function(t,e,n){var i,o,a;return function(){var r=jn(this,t),s=n(this),l=s+"";return null==s&&(this.style.removeProperty(t),l=s=jn(this,t)),r===l?null:r===i&&l===o?a:(o=l,a=e(i=r,s))}}(t,i,pr(this,"style."+t,e))).each(function(t,e){var n,i,o,a,r="style."+e,s="end."+r;return function(){var l=lr(this,t),c=l.on,u=null==l.value[r]?a||(a=Or(e)):void 0;c===n&&o===u||(i=(n=c).copy()).on(s,o=u),l.on=i}}(this._id,t)):this.styleTween(t,function(t,e,n){var i,o,a=n+"";return function(){var r=jn(this,t);return r===a?null:r===i?o:o=e(i=r,n)}}(t,i,e),n).on("end.style."+t,null)},styleTween:function(t,e,n){var i="style."+(t+="");if(arguments.length<2)return(i=this.tween(i))&&i._value;if(null==e)return this.tween(i,null);if("function"!=typeof e)throw new Error;return this.tween(i,Ar(t,e,null==n?"":n))},text:function(t){return this.tween("text","function"==typeof t?function(t){return function(){var e=t(this);this.textContent=null==e?"":e}}(pr(this,"text",t)):function(t){return function(){this.textContent=t}}(null==t?"":t+""))},textTween:function(t){var e="text";if(arguments.length<1)return(e=this.tween(e))&&e._value;if(null==t)return this.tween(e,null);if("function"!=typeof t)throw new Error;return this.tween(e,Mr(t))},remove:function(){return this.on("end.remove",function(t){return function(){var e=this.parentNode;for(var n in this.__transition)if(+n!==t)return;e&&e.removeChild(this)}}(this._id))},tween:function(t,e){var n=this._id;if(t+="",arguments.length<2){for(var i,o=cr(this.node(),n).tween,a=0,r=o.length;a<r;++a)if((i=o[a]).name===t)return i.value;return null}return this.each((null==e?dr:hr)(n,t,e))},delay:function(t){var e=this._id;return arguments.length?this.each(("function"==typeof t?xr:Sr)(e,t)):cr(this.node(),e).delay},duration:function(t){var e=this._id;return arguments.length?this.each(("function"==typeof t?Nr:Dr)(e,t)):cr(this.node(),e).duration},ease:function(t){var e=this._id;return arguments.length?this.each(Tr(e,t)):cr(this.node(),e).ease},easeVarying:function(t){if("function"!=typeof t)throw new Error;return this.each(function(t,e){return function(){var n=e.apply(this,arguments);if("function"!=typeof n)throw new Error;lr(this,t).ease=n}}(this._id,t))},end:function(){var t,e,n=this,i=n._id,o=n.size();return new Promise((function(a,r){var s={value:r},l={value:function(){0==--o&&a()}};n.each((function(){var n=lr(this,i),o=n.on;o!==t&&((e=(t=o).copy())._.cancel.push(s),e._.interrupt.push(s),e._.end.push(l)),n.on=e})),0===o&&a()}))},[Symbol.iterator]:Fr[Symbol.iterator]};var Br={time:null,delay:0,duration:250,ease:io};function Gr(t,e){for(var n;!(n=t.__transition)||!(n=n[e]);)if(!(t=t.parentNode))throw new Error(`transition ${e} not found`);return n}yi.prototype.interrupt=function(t){return this.each((function(){ur(this,t)}))},yi.prototype.transition=function(t){var e,n;t instanceof Rr?(e=t._id,t=t._name):(e=jr(),(n=Br).time=Ka(),t=null==t?null:t+"");for(var i=this._groups,o=i.length,a=0;a<o;++a)for(var r,s=i[a],l=s.length,c=0;c<l;++c)(r=s[c])&&rr(r,t,e,c,s,n||Gr(r,e));return new Rr(i,this._parents,t,e)};var Ur=function(t){return function(){return t}};function Xr(t,e){var n=e.sourceEvent,i=e.target,o=e.transform,a=e.dispatch;Object.defineProperties(this,{type:{value:t,enumerable:!0,configurable:!0},sourceEvent:{value:n,enumerable:!0,configurable:!0},target:{value:i,enumerable:!0,configurable:!0},transform:{value:o,enumerable:!0,configurable:!0},_:{value:a}})}function Yr(t,e,n){this.k=t,this.x=e,this.y=n}Yr.prototype={constructor:Yr,scale:function(t){return 1===t?this:new Yr(this.k*t,this.x,this.y)},translate:function(t,e){return 0===t&0===e?this:new Yr(this.k,this.x+this.k*t,this.y+this.k*e)},apply:function(t){return[t[0]*this.k+this.x,t[1]*this.k+this.y]},applyX:function(t){return t*this.k+this.x},applyY:function(t){return t*this.k+this.y},invert:function(t){return[(t[0]-this.x)/this.k,(t[1]-this.y)/this.k]},invertX:function(t){return(t-this.x)/this.k},invertY:function(t){return(t-this.y)/this.k},rescaleX:function(t){return t.copy().domain(t.range().map(this.invertX,this).map(t.invert,t))},rescaleY:function(t){return t.copy().domain(t.range().map(this.invertY,this).map(t.invert,t))},toString:function(){return"translate("+this.x+","+this.y+") scale("+this.k+")"}};var Wr=new Yr(1,0,0);function Vr(t){for(;!t.__zoom;)if(!(t=t.parentNode))return Wr;return t.__zoom}function Zr(t){t.stopImmediatePropagation()}function qr(t){t.preventDefault(),t.stopImmediatePropagation()}function Kr(t){return!(t.ctrlKey&&"wheel"!==t.type||t.button)}function Jr(){var t=this;return t instanceof SVGElement?(t=t.ownerSVGElement||t).hasAttribute("viewBox")?[[(t=t.viewBox.baseVal).x,t.y],[t.x+t.width,t.y+t.height]]:[[0,0],[t.width.baseVal.value,t.height.baseVal.value]]:[[0,0],[t.clientWidth,t.clientHeight]]}function Qr(){return this.__zoom||Wr}function $r(t){return-t.deltaY*(1===t.deltaMode?.05:t.deltaMode?1:.002)*(t.ctrlKey?10:1)}function ts(){return navigator.maxTouchPoints||"ontouchstart"in this}function es(t,e,n){var i=t.invertX(e[0][0])-n[0][0],o=t.invertX(e[1][0])-n[1][0],a=t.invertY(e[0][1])-n[0][1],r=t.invertY(e[1][1])-n[1][1];return t.translate(o>i?(i+o)/2:Math.min(0,i)||Math.max(0,o),r>a?(a+r)/2:Math.min(0,a)||Math.max(0,r))}Vr.prototype=Yr.prototype;var ns=Object.freeze({__proto__:null,zoom:function(){var t,e,n,i=Kr,o=Jr,a=es,r=$r,s=ts,l=[0,1/0],c=[[-1/0,-1/0],[1/0,1/0]],u=250,d=Ba,h=Ri("start","zoom","end"),p=500,g=0,f=10,v=!1,y=!1;function m(t){t.property("__zoom",Qr).on("wheel.zoom",x).on("mousedown.zoom",T).on("dblclick.zoom",E).on("gesturestart",S).on("gesturechange",N).on("gestureend",D).filter(s).on("touchstart.zoom",I).on("touchmove.zoom",O).on("touchend.zoom touchcancel.zoom",_).style("-webkit-tap-highlight-color","rgba(0,0,0,0)")}function k(t,e){return(e=Math.max(l[0],Math.min(l[1],e)))===t.k?t:new Yr(e,t.x,t.y)}function b(t,e,n){var i=e[0]-n[0]*t.k,o=e[1]-n[1]*t.k;return i===t.x&&o===t.y?t:new Yr(t.k,i,o)}function C(t){return[(+t[0][0]+ +t[1][0])/2,(+t[0][1]+ +t[1][1])/2]}function P(t,e,n,i){t.on("start.zoom",(function(){w(this,arguments).event(i).start()})).on("interrupt.zoom end.zoom",(function(){w(this,arguments).event(i).end()})).tween("zoom",(function(){var t=this,a=arguments,r=w(t,a).event(i),s=o.apply(t,a),l=null==n?C(s):"function"==typeof n?n.apply(t,a):n,c=Math.max(s[1][0]-s[0][0],s[1][1]-s[0][1]),u=t.__zoom,h="function"==typeof e?e.apply(t,a):e,p=d(u.invert(l).concat(c/u.k),h.invert(l).concat(c/h.k));return function(t){if(1===t)t=h;else{var e=p(t),n=c/e[2];t=new Yr(n,l[0]-e[0]*n,l[1]-e[1]*n)}r.zoom(null,t)}}))}function w(t,e,n){return!n&&t.__zooming||new L(t,e)}function L(t,e){this.that=t,this.args=e,this.active=0,this.sourceEvent=null,this.extent=o.apply(t,e),this.taps=0}function x(t){for(var e=arguments.length,n=new Array(e>1?e-1:0),o=1;o<e;o++)n[o-1]=arguments[o];if(y&&qr(t),i.apply(this,arguments)){var s=w(this,n).event(t),u=this.__zoom,d=Math.max(l[0],Math.min(l[1],u.k*Math.pow(2,r.apply(this,arguments)))),h=wi(t);if(s.wheel)s.mouse[0][0]===h[0]&&s.mouse[0][1]===h[1]||(s.mouse[1]=u.invert(s.mouse[0]=h)),clearTimeout(s.wheel);else{if(u.k===d)return;!v||t.ctrlKey||t.safariPinchZoom||(s.wheelTransX=-u.x,s.wheelTransY=-u.y),s.mouse=[h,u.invert(h)],ur(this),s.start()}if(qr(t),s.wheel=setTimeout(f,150),!v||t.ctrlKey||t.safariPinchZoom)s.zoom("mouse",a(b(k(u,d),s.mouse[0],s.mouse[1]),s.extent,c));else{s.wheelTransX+=t.deltaX,s.wheelTransY+=t.deltaY;var p=[u.x,u.y],g=[u.x+s.wheelTransX,u.y+s.wheelTransY];s.zoom("mouse",a(b(u,p,g),s.extent,c))}}function f(){s.wheel=null,s.end()}}function S(t){qr(t),this.scale=t.scale}function N(t){qr(t),this.__zoom&&(t.deltaY=100*(this.scale-t.scale),this.scale=t.scale),t.safariPinchZoom=!0,x.apply(this,[t].concat(Array.prototype.slice.call(arguments)))}function D(t){qr(t)}function T(t){for(var e=arguments.length,o=new Array(e>1?e-1:0),r=1;r<e;r++)o[r-1]=arguments[r];if(!n&&i.apply(this,arguments)){var s=w(this,o,!0).event(t),l=mi(t.view).on("mousemove.zoom",f,!0).on("mouseup.zoom",v,!0),u=wi(t,d),d=t.currentTarget,h=t.clientX,p=t.clientY;Vi(t.view),Zr(t),s.mouse=[u,this.__zoom.invert(u)],ur(this),s.start()}function f(t){if(qr(t),!s.moved){var e=t.clientX-h,n=t.clientY-p;s.moved=e*e+n*n>g}s.event(t).zoom("mouse",a(b(s.that.__zoom,s.mouse[0]=wi(t,d),s.mouse[1]),s.extent,c))}function v(t){l.on("mousemove.zoom mouseup.zoom",null),Zi(t.view,s.moved),qr(t),s.event(t).end()}}function E(t){for(var e=arguments.length,n=new Array(e>1?e-1:0),r=1;r<e;r++)n[r-1]=arguments[r];if(i.apply(this,arguments)){var s=this.__zoom,l=wi(t.changedTouches?t.changedTouches[0]:t,this),d=s.invert(l),h=s.k*(t.shiftKey?.5:2),p=a(b(k(s,h),l,d),o.apply(this,n),c);qr(t),u>0?mi(this).transition().duration(u).call(P,p,l,t):mi(this).call(m.transform,p,l,t)}}function I(n){for(var o=arguments.length,a=new Array(o>1?o-1:0),r=1;r<o;r++)a[r-1]=arguments[r];if(i.apply(this,arguments)){var s,l,c,u,d=n.touches,h=d.length,g=w(this,a,n.changedTouches.length===h).event(n);for(Zr(n),l=0;l<h;++l)u=[u=wi(c=d[l],this),this.__zoom.invert(u),c.identifier],g.touch0?g.touch1||g.touch0[2]===u[2]||(g.touch1=u,g.taps=0):(g.touch0=u,s=!0,g.taps=1+!!t);t&&(t=clearTimeout(t)),s&&(g.taps<2&&(e=u[0],t=setTimeout((function(){t=null}),p)),ur(this),g.start())}}function O(t){if(this.__zooming){for(var e=arguments.length,n=new Array(e>1?e-1:0),i=1;i<e;i++)n[i-1]=arguments[i];var o,r,s,l,u=w(this,n).event(t),d=t.changedTouches,h=d.length;for(qr(t),o=0;o<h;++o)s=wi(r=d[o],this),u.touch0&&u.touch0[2]===r.identifier?u.touch0[0]=s:u.touch1&&u.touch1[2]===r.identifier&&(u.touch1[0]=s);if(r=u.that.__zoom,u.touch1){var p=u.touch0[0],g=u.touch0[1],f=u.touch1[0],v=u.touch1[1],y=(y=f[0]-p[0])*y+(y=f[1]-p[1])*y,m=(m=v[0]-g[0])*m+(m=v[1]-g[1])*m;r=k(r,Math.sqrt(y/m)),s=[(p[0]+f[0])/2,(p[1]+f[1])/2],l=[(g[0]+v[0])/2,(g[1]+v[1])/2]}else{if(!u.touch0)return;s=u.touch0[0],l=u.touch0[1]}u.zoom("touch",a(b(r,s,l),u.extent,c))}}function _(t){for(var i=arguments.length,o=new Array(i>1?i-1:0),a=1;a<i;a++)o[a-1]=arguments[a];if(this.__zooming){var r,s,l=w(this,o).event(t),c=t.changedTouches,u=c.length;for(Zr(t),n&&clearTimeout(n),n=setTimeout((function(){n=null}),p),r=0;r<u;++r)s=c[r],l.touch0&&l.touch0[2]===s.identifier?delete l.touch0:l.touch1&&l.touch1[2]===s.identifier&&delete l.touch1;if(l.touch1&&!l.touch0&&(l.touch0=l.touch1,delete l.touch1),l.touch0)l.touch0[1]=this.__zoom.invert(l.touch0[0]);else if(l.end(),2===l.taps&&(s=wi(s,this),Math.hypot(e[0]-s[0],e[1]-s[1])<f)){var d=mi(this).on("dblclick.zoom");d&&d.apply(this,arguments)}}}return m.transform=function(t,e,n,i){var o=t.selection?t.selection():t;o.property("__zoom",Qr),t!==o?P(t,e,n,i):o.interrupt().each((function(){w(this,arguments).event(i).start().zoom(null,"function"==typeof e?e.apply(this,arguments):e).end()}))},m.scaleBy=function(t,e,n,i){m.scaleTo(t,(function(){var t=this.__zoom.k,n="function"==typeof e?e.apply(this,arguments):e;return t*n}),n,i)},m.scaleTo=function(t,e,n,i){m.transform(t,(function(){var t=o.apply(this,arguments),i=this.__zoom,r=null==n?C(t):"function"==typeof n?n.apply(this,arguments):n,s=i.invert(r),l="function"==typeof e?e.apply(this,arguments):e;return a(b(k(i,l),r,s),t,c)}),n,i)},m.translateBy=function(t,e,n,i){m.transform(t,(function(){return a(this.__zoom.translate("function"==typeof e?e.apply(this,arguments):e,"function"==typeof n?n.apply(this,arguments):n),o.apply(this,arguments),c)}),null,i)},m.translateTo=function(t,e,n,i,r){m.transform(t,(function(){var t=o.apply(this,arguments),r=this.__zoom,s=null==i?C(t):"function"==typeof i?i.apply(this,arguments):i;return a(Wr.translate(s[0],s[1]).scale(r.k).translate("function"==typeof e?-e.apply(this,arguments):-e,"function"==typeof n?-n.apply(this,arguments):-n),t,c)}),i,r)},L.prototype={event:function(t){return t&&(this.sourceEvent=t),this},start:function(){return 1==++this.active&&(this.that.__zooming=this,this.emit("start")),this},zoom:function(t,e){return this.mouse&&"mouse"!==t&&(this.mouse[1]=e.invert(this.mouse[0])),this.touch0&&"touch"!==t&&(this.touch0[1]=e.invert(this.touch0[0])),this.touch1&&"touch"!==t&&(this.touch1[1]=e.invert(this.touch1[0])),this.that.__zoom=e,this.emit("zoom"),this},end:function(){return 0==--this.active&&(delete this.that.__zooming,this.emit("end")),this},emit:function(t){var e=mi(this.that).datum();h.call(t,this.that,new Xr(t,{sourceEvent:this.sourceEvent,target:m,type:t,transform:this.that.__zoom,dispatch:h}),e)}},m.wheelDelta=function(t){return arguments.length?(r="function"==typeof t?t:Ur(+t),m):r},m.filter=function(t){return arguments.length?(i="function"==typeof t?t:Ur(!!t),m):i},m.touchable=function(t){return arguments.length?(s="function"==typeof t?t:Ur(!!t),m):s},m.extent=function(t){return arguments.length?(o="function"==typeof t?t:Ur([[+t[0][0],+t[0][1]],[+t[1][0],+t[1][1]]]),m):o},m.scaleExtent=function(t){return arguments.length?(l[0]=+t[0],l[1]=+t[1],m):[l[0],l[1]]},m.translateExtent=function(t){return arguments.length?(c[0][0]=+t[0][0],c[1][0]=+t[1][0],c[0][1]=+t[0][1],c[1][1]=+t[1][1],m):[[c[0][0],c[0][1]],[c[1][0],c[1][1]]]},m.constrain=function(t){return arguments.length?(a=t,m):a},m.trackpad=function(t){return arguments.length?(v=t,m):v},m.preventBackGesture=function(t){return arguments.length?(y=t,m):y},m.duration=function(t){return arguments.length?(u=+t,m):u},m.interpolate=function(t){return arguments.length?(d=t,m):d},m.on=function(){var t=h.on.apply(h,arguments);return t===h?m:t},m.clickDistance=function(t){return arguments.length?(g=(t=+t)*t,m):Math.sqrt(g)},m.tapDistance=function(t){return arguments.length?(f=+t,m):f},m},zoomTransform:Vr,zoomIdentity:Wr}),is=function(){function n(e,i,o){t(this,n),this.canvasController=e,this.isSubflow=i,this.pipelineId=o}return e(n,[{key:"isDisplayingCurrentPipeline",value:function(){return this.canvasController.getCurrentBreadcrumb().pipelineId===this.pipelineId}},{key:"setDisplayState",value:function(){this.canvasController.getBreadcrumbs().length>1&&this.isDisplayingCurrentPipeline()?this.displayState="sub-flow-full-page":this.isSubflow?this.displayState="sub-flow-in-place":this.displayState="primary-flow-full-page"}},{key:"getDisplayStateMsg",value:function(){return"Display state set to "+this.displayState}},{key:"isDisplayingPrimaryFlowFullPage",value:function(){return"primary-flow-full-page"===this.displayState}},{key:"isDisplayingSubFlow",value:function(){return"sub-flow-in-place"===this.displayState||"sub-flow-full-page"===this.displayState}},{key:"isDisplayingSubFlowInPlace",value:function(){return"sub-flow-in-place"===this.displayState}},{key:"isDisplayingSubFlowFullPage",value:function(){return"sub-flow-full-page"===this.displayState}},{key:"isDisplayingFullPage",value:function(){return"primary-flow-full-page"===this.displayState||"sub-flow-full-page"===this.displayState}}]),n}();function os(t,e){var n="undefined"!=typeof Symbol&&t[Symbol.iterator]||t["@@iterator"];if(!n){if(Array.isArray(t)||(n=function(t,e){if(!t)return;if("string"==typeof t)return as(t,e);var n=Object.prototype.toString.call(t).slice(8,-1);"Object"===n&&t.constructor&&(n=t.constructor.name);if("Map"===n||"Set"===n)return Array.from(t);if("Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n))return as(t,e)}(t))||e&&t&&"number"==typeof t.length){n&&(t=n);var i=0,o=function(){};return{s:o,n:function(){return i>=t.length?{done:!0}:{done:!1,value:t[i++]}},e:function(t){throw t},f:o}}throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}var a,r=!0,s=!1;return{s:function(){n=n.call(t)},n:function(){var t=n.next();return r=t.done,t},e:function(t){s=!0,a=t},f:function(){try{r||null==n.return||n.return()}finally{if(s)throw a}}}}function as(t,e){(null==e||e>t.length)&&(e=t.length);for(var n=0,i=new Array(e);n<e;n++)i[n]=t[n];return i}var rs=function(){function n(e){t(this,n),this.canvasLayout=e}return e(n,[{key:"getNodeImageClass",value:function(t){return"d3-node-image"}},{key:"getNodeLabelForeignClass",value:function(t){return"d3-foreign-object"+(t.layout.labelOutline?" d3-node-label-outline":"")}},{key:"getNodeLabelClass",value:function(t){if(this.isExpandedSupernode(t))return"d3-node-label d3-label-single-line "+this.getMessageLabelClass(t.messages);var e=t.layout.labelSingleLine?" d3-label-single-line":" d3-label-multi-line",n="center"===t.layout.labelAlign?" d3-label-center":"";return"d3-node-label "+this.getMessageLabelClass(t.messages)+e+n}},{key:"getNodeLabelTextAreaClass",value:function(t){return this.isExpandedSupernode(t)?"d3-node-label-entry d3-label-single-line":"d3-node-label-entry"+(t.layout.labelSingleLine?" d3-label-single-line":" d3-label-multi-line")+("center"===t.layout.labelAlign?" d3-label-center":"")}},{key:"getErrorMarkerIcon",value:function(t){var e="";switch(this.getMessageLevel(t.messages)){case E:e=H;break;case I:e=M}return e}},{key:"getMessageLevel",value:function(t){var e="";if(t&&t.length>0){var n,i=os(t);try{for(i.s();!(n=i.n()).done;){var o=n.value;if(o.type===E)return o.type;o.type===I&&(e=o.type)}}catch(t){i.e(t)}finally{i.f()}}return e}},{key:"getMessageLabelClass",value:function(t){var e="";switch(this.getMessageLevel(t)){case E:e="d3-node-error-label";break;case I:e="d3-node-warning-label"}return e}},{key:"getErrorMarkerClass",value:function(t){var e="d3-error-circle-off";switch(this.getMessageLevel(t)){case E:e="d3-error-circle";break;case I:e="d3-warning-circle"}return e}},{key:"getNodeCenterPosX",value:function(t){return t.x_pos+t.width/2}},{key:"getNodeCenterPosY",value:function(t){return t.y_pos+t.height/2}},{key:"getNodeImageCenterPosX",value:function(t){return this.isExpandedSupernode(t)?t.x_pos+this.canvasLayout.supernodeImagePosX+this.canvasLayout.supernodeImageWidth/2:t.x_pos+this.getElementPosX(t.width,t.layout.imagePosX,t.layout.imagePosition)+t.layout.imageWidth/2}},{key:"getNodeImageCenterPosY",value:function(t){return this.isExpandedSupernode(t)?t.y_pos+this.canvasLayout.supernodeImagePosY+this.canvasLayout.supernodeImageHeight/2:t.y_pos+this.getElementPosY(t.height,t.layout.imagePosY,t.layout.imagePosition)+t.layout.imageHeight/2}},{key:"getNodeImagePosX",value:function(t){return this.isExpandedSupernode(t)?this.canvasLayout.supernodeImagePosX:this.getElementPosX(t.width,t.layout.imagePosX,t.layout.imagePosition)}},{key:"getNodeImagePosY",value:function(t){return this.isExpandedSupernode(t)?this.canvasLayout.supernodeImagePosY:this.getElementPosY(t.height,t.layout.imagePosY,t.layout.imagePosition)}},{key:"getNodeImageWidth",value:function(t){return this.isExpandedSupernode(t)?this.canvasLayout.supernodeImageWidth:t.layout.imageWidth}},{key:"getNodeImageHeight",value:function(t){return this.isExpandedSupernode(t)?this.canvasLayout.supernodeImageHeight:t.layout.imageHeight}},{key:"getNodeLabelPosX",value:function(t){if(this.isExpandedSupernode(t))return this.canvasLayout.supernodeLabelPosX;var e=this.getElementPosX(t.width,t.layout.labelPosX,t.layout.labelPosition);return"center"===t.layout.labelAlign?e-t.layout.labelWidth/2:e}},{key:"getNodeLabelPosY",value:function(t){return this.isExpandedSupernode(t)?this.canvasLayout.supernodeLabelPosY:this.getElementPosY(t.height,t.layout.labelPosY,t.layout.labelPosition)}},{key:"getNodeLabelWidth",value:function(t){return this.isExpandedSupernode(t)?t.width-this.canvasLayout.supernodeLabelPosX+this.canvasLayout.supernodeErrorPosX:t.layout.labelWidth}},{key:"getNodeLabelHeight",value:function(t){return this.isExpandedSupernode(t)?this.canvasLayout.supernodeLabelHeight:t.layout.labelHeight}},{key:"getNodeLabelEditIconTranslate",value:function(t,e,n,i){return"translate(".concat(this.getNodeLabelEditIconPosX(t,e,n,i),", ").concat(this.getNodeLabelEditIconPosY(t),")")}},{key:"getNodeLabelEditIconPosX",value:function(t,e,n,i){var o=i?this.getNodeLabelHoverWidth(t):this.getNodeLabelWidth(t),a=i?this.getNodeLabelHoverPosX(t):this.getNodeLabelPosX(t),r=e.getBoundingClientRect().width;if("center"===t.layout.labelAlign&&!this.isExpandedSupernode(t)){var s=o/2;return a+s+Math.min(s,r/n/2)}var l=Math.min(o,r/n);return this.getNodeLabelPosX(t)+l}},{key:"getNodeLabelEditIconPosY",value:function(t){return this.getNodeLabelPosY(t)}},{key:"getNodeLabelHoverPosX",value:function(t){return t.layout.labelSingleLine&&"center"===t.layout.labelAlign?this.getNodeLabelPosX(t)-250:this.getNodeLabelPosX(t)}},{key:"getNodeLabelHoverWidth",value:function(t){return t.layout.labelSingleLine?"center"===t.layout.labelAlign?t.layout.labelWidth+500:t.layout.labelWidth+40:t.layout.labelWidth}},{key:"getNodeLabelHoverHeight",value:function(t,e,n){if(t.layout.labelSingleLine)return t.layout.labelHeight;var i=e.getBoundingClientRect().height/n;return Math.max(i,t.layout.labelHeight)}},{key:"getNodeLabelTextAreaWidth",value:function(t){return this.getNodeLabelWidth(t)+2*A}},{key:"getNodeLabelTextAreaHeight",value:function(t){return this.getNodeLabelHeight(t)+2*A}},{key:"getNodeLabelTextAreaPosX",value:function(t){return this.getNodeLabelPosX(t)-A}},{key:"getNodeLabelTextAreaPosY",value:function(t){return this.getNodeLabelPosY(t)-A}},{key:"getNodeEllipsisTranslate",value:function(t){return"translate(".concat(this.getNodeEllipsisPosX(t),", ").concat(this.getNodeEllipsisPosY(t),")")}},{key:"getNodeEllipsisWidth",value:function(t){return this.isExpandedSupernode(t)?this.canvasLayout.supernodeEllipsisWidth:t.layout.ellipsisWidth}},{key:"getNodeEllipsisHeight",value:function(t){return this.isExpandedSupernode(t)?this.canvasLayout.supernodeEllipsisHeight:t.layout.ellipsisHeight}},{key:"getNodeEllipsisIconWidth",value:function(t){return this.getNodeEllipsisWidth(t)-2*t.layout.ellipsisHoverAreaPadding}},{key:"getNodeEllipsisIconHeight",value:function(t){return this.getNodeEllipsisHeight(t)-2*t.layout.ellipsisHoverAreaPadding}},{key:"getNodeEllipsisPosX",value:function(t){return this.isExpandedSupernode(t)?t.width+this.canvasLayout.supernodeEllipsisPosX:this.getElementPosX(t.width,t.layout.ellipsisPosX,t.layout.ellipsisPosition)}},{key:"getNodeEllipsisPosY",value:function(t){return this.isExpandedSupernode(t)?this.canvasLayout.supernodeEllipsisPosY:this.getElementPosY(t.height,t.layout.ellipsisPosY,t.layout.ellipsisPosition)}},{key:"getNodeExpansionIconTranslate",value:function(t){var e=t.width+this.canvasLayout.supernodeExpansionIconPosX;return"translate(".concat(e,", ").concat(this.canvasLayout.supernodeExpansionIconPosY,")")}},{key:"getNodeErrorPosX",value:function(t){return this.isExpandedSupernode(t)?t.width+this.canvasLayout.supernodeErrorPosX:this.getElementPosX(t.width,t.layout.errorXPos,t.layout.errorPosition)}},{key:"getNodeErrorPosY",value:function(t){return this.isExpandedSupernode(t)?this.canvasLayout.supernodeErrorPosY:this.getElementPosY(t.height,t.layout.errorYPos,t.layout.errorPosition)}},{key:"getNodeErrorWidth",value:function(t){return this.isExpandedSupernode(t)?this.canvasLayout.supernodeErrorWidth:t.layout.errorWidth}},{key:"getNodeErrorHeight",value:function(t){return this.isExpandedSupernode(t)?this.canvasLayout.supernodeErrorHeight:t.layout.errorHeight}},{key:"getElementPosX",value:function(t){var e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:0,n=arguments.length>2&&void 0!==arguments[2]?arguments[2]:"topLeft",i=0;return n.endsWith("Center")?i+=t/2:n.endsWith("Right")&&(i+=t),i+Number(e)}},{key:"getElementPosY",value:function(t){var e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:0,n=arguments.length>2&&void 0!==arguments[2]?arguments[2]:"topLeft",i=0;return n.startsWith("middle")?i+=t/2:n.startsWith("bottom")&&(i+=t),i+Number(e)}},{key:"isExpandedSupernode",value:function(t){return this.isSupernode(t)&&this.isExpanded(t)}},{key:"isExpanded",value:function(t){return!0===t.is_expanded}},{key:"isSupernode",value:function(t){return t.type===z}},{key:"isNodeDefaultPortsCardinalityAtMax",value:function(t,e){var n=_t.getDefaultInputPortId(t),i=_t.getDefaultOutputPortId(t);return _t.isSrcCardinalityAtMax(i,t,e)||_t.isTrgCardinalityAtMax(n,t,e)}},{key:"getSupernodePortXOffset",value:function(t,e){return e?e.find((function(e){return e.subflow_node_ref===t})).cx-this.canvasLayout.supernodeSVGAreaPadding:0}},{key:"getSupernodePortYOffset",value:function(t,e){return e?e.find((function(e){return e.subflow_node_ref===t})).cy:0}}]),n}(),ss=function(){function n(){t(this,n)}return e(n,[{key:"getCommentCenterPosX",value:function(t){return t.x_pos+t.width/2}},{key:"getCommentCenterPosY",value:function(t){return t.y_pos+t.height/2}}]),n}(),ls=Math.PI,cs=function(){function n(e,i,o,a){t(this,n),this.canvasLayout=i,this.config=e,this.nodeUtils=o,this.commentUtils=a}return e(n,[{key:"getNewStraightCommentLinkStartPos",value:function(t,e){return _t.getOuterCoord(t.x_pos,t.y_pos,t.width,t.height,this.canvasLayout.linkGap,this.commentUtils.getCommentCenterPosX(t),this.commentUtils.getCommentCenterPosY(t),e.x,e.y)}},{key:"getNewStraightNodeLinkStartPos",value:function(t,e){var n,i;return"image_center"!==t.layout.drawNodeLinkLineFromTo||this.nodeUtils.isExpanded(t)?(n=this.nodeUtils.getNodeCenterPosX(t),i=this.nodeUtils.getNodeCenterPosY(t)):(n=this.nodeUtils.getNodeImageCenterPosX(t),i=this.nodeUtils.getNodeImageCenterPosY(t)),_t.getOuterCoord(t.x_pos,t.y_pos,t.width,t.height,this.canvasLayout.linkGap,n,i,e.x,e.y)}},{key:"addConnectionPaths",value:function(t){var e=this;return t.forEach((function(t){t.pathInfo=e.getConnectorPathInfo(t)})),t}},{key:"getConnectorPathInfo",value:function(t,e){var n=this.getMinInitialLine(t,e);if(Math.abs(t.x1-t.x2)<20&&Math.abs(t.y1-t.y2)<20)return this.getStraightPath(t);if(t.type===R){if(this.canvasLayout.linkType===j||this.canvasLayout.linkType===F)return this.getPortLinkPath(t,n)}else if(t.type===B&&this.config.enableAssocLinkType===G)return this.getAssociationCurvePath(t,n);return this.getStraightPath(t)}},{key:"getMinInitialLine",value:function(t,e){return t.type===U?0:t.minInitialLineForElbow?t.minInitialLineForElbow:t.srcObj&&t.srcObj.layout?t.srcObj.layout.minInitialLine:e||10}},{key:"getLinkCoords",value:function(t,e,n,i,o,a){return t===R?this.canvasLayout.linkType===X?this.getNodeLinkCoordsForStraightLine(e,i):this.getNodeLinkCoordsForPorts(e,n,i,o):t===B?this.config.enableAssocLinkType===G?this.getAssociationCurveLinkCoords(e,i,a):this.getNodeLinkCoordsForStraightLine(e,i):this.getCommentLinkCoords(e,i)}},{key:"getNodeLinkCoordsForStraightLine",value:function(t,e){var n,i,o,a;"image_center"!==t.layout.drawNodeLinkLineFromTo||this.nodeUtils.isExpanded(t)?(n=this.nodeUtils.getNodeCenterPosX(t),i=this.nodeUtils.getNodeCenterPosY(t)):(n=this.nodeUtils.getNodeImageCenterPosX(t),i=this.nodeUtils.getNodeImageCenterPosY(t)),"image_center"!==e.layout.drawNodeLinkLineFromTo||this.nodeUtils.isExpanded(e)?(o=this.nodeUtils.getNodeCenterPosX(e),a=this.nodeUtils.getNodeCenterPosY(e)):(o=this.nodeUtils.getNodeImageCenterPosX(e),a=this.nodeUtils.getNodeImageCenterPosY(e));var r=_t.getOuterCoord(t.x_pos,t.y_pos,t.width,t.height,this.canvasLayout.linkGap,n,i,o,a),s=_t.getOuterCoord(e.x_pos,e.y_pos,e.width,e.height,this.canvasLayout.linkGap,o,a,n,i);return{x1:r.x,y1:r.y,x2:s.x,y2:s.y}}},{key:"getNodeLinkCoordsForPorts",value:function(t,e,n,i){var o=t.width+t.layout.outputPortRightPosX,a=t.layout.outputPortRightPosY,r=n.layout.inputPortLeftPosX,s=n.layout.inputPortLeftPosY;if(this.canvasLayout.linkDirection===Y?(o=t.layout.outputPortBottomPosX,a=t.height+t.layout.outputPortBottomPosY,r=n.layout.inputPortTopPosX,s=n.layout.inputPortTopPosY):this.canvasLayout.linkDirection===W&&(o=t.layout.outputPortBottomPosX,a=t.layout.outputPortBottomPosY,r=n.layout.inputPortTopPosX,s=n.height+n.layout.inputPortTopPosY),t.outputs&&t.outputs.length>0){var l=t.outputs.find((function(t){return t.id===e}));o=l?l.cx:o,a=l?l.cy:a}if(n.inputs&&n.inputs.length>0){var c=n.inputs.find((function(t){return t.id===i}));r=c?c.cx:r,s=c?c.cy:s}return{x1:t.x_pos+o,y1:t.y_pos+a,x2:n.x_pos+r,y2:n.y_pos+s}}},{key:"getAssociationCurveLinkCoords",value:function(t,e,n){var i=0,o=0;return n===V?(i=t.x_pos+t.width,o=e.x_pos):n===Z?(i=t.x_pos,o=e.x_pos+e.width):n===q?(i=t.x_pos,o=e.x_pos):(i=t.x_pos+t.width,o=e.x_pos+e.width),{x1:i,y1:t.y_pos+t.layout.outputPortRightPosY,x2:o,y2:e.y_pos+e.layout.inputPortLeftPosY}}},{key:"getCommentLinkCoords",value:function(t,e){var n,i,o=this.commentUtils.getCommentCenterPosX(t),a=this.commentUtils.getCommentCenterPosY(t);"image_center"===e.layout.drawCommentLinkLineTo?(n=this.nodeUtils.getNodeImageCenterPosX(e),i=this.nodeUtils.getNodeImageCenterPosY(e)):(n=this.nodeUtils.getNodeCenterPosX(e),i=this.nodeUtils.getNodeCenterPosY(e));var r=_t.getOuterCoord(t.x_pos,t.y_pos,t.width,t.height,this.canvasLayout.linkGap,o,a,n,i),s=_t.getOuterCoord(e.x_pos,e.y_pos,e.width,e.height,this.canvasLayout.linkGap,n,i,o,a);return{x1:r.x,y1:r.y,x2:s.x,y2:s.y}}},{key:"getPortLinkPath",value:function(t,e){var n,i,o,a;t.srcObj&&t.trgNode?this.canvasLayout.linkDirection===Y?(n=-(t.srcObj.x_pos+t.srcObj.width),o=-t.srcObj.x_pos,i=-(t.trgNode.x_pos+t.trgNode.width),a=-t.trgNode.x_pos):this.canvasLayout.linkDirection===W?(n=t.srcObj.x_pos,o=t.srcObj.x_pos+t.srcObj.width,i=t.trgNode.x_pos,a=t.trgNode.x_pos+t.trgNode.width):(n=t.srcObj.y_pos,o=t.srcObj.y_pos+t.srcObj.height,i=t.trgNode.y_pos,a=t.trgNode.y_pos+t.trgNode.height):this.canvasLayout.linkDirection===Y?(n=-t.x1,i=-t.x2,o=-t.x1,a=-t.x2):this.canvasLayout.linkDirection===W?(n=t.x1,i=t.x2,o=t.x1,a=t.x2):(n=t.y1,i=t.y2,o=t.y1,a=t.y2);var r=t;this.canvasLayout.linkDirection===Y?r=this.rotateData90Degrees(r,true):this.canvasLayout.linkDirection===W&&(r=this.rotateData90Degrees(r,false));var s=this.canvasLayout.linkType===F?this.getElbowPathInfo(r,e,n,i,o,a):this.getCurvePathInfo(r,e,n,i,o,a);return this.canvasLayout.linkDirection===Y?(s.elements=this.rotateElements90Degrees(s.elements,false),s.centerPoint=this.rotatePoint90Degrees(s.centerPoint.x,s.centerPoint.y,false)):this.canvasLayout.linkDirection===W&&(s.elements=this.rotateElements90Degrees(s.elements,true),s.centerPoint=this.rotatePoint90Degrees(s.centerPoint.x,s.centerPoint.y,true)),s.path=this.createPath(s.elements),s}},{key:"getCurvePathInfo",value:function(t,e,n,i,o,a){var r={x:0,y:0},s=t.x2-t.x1,l=[];if(l.push({p:"M",x:t.x1,y:t.y1}),s>=e||a>n-this.canvasLayout.wrapAroundNodePadding&&i<o+this.canvasLayout.wrapAroundNodePadding&&t.x2>t.x1){var c=t.x1+(t.x2-t.x1)/2,u=t.y1,d=c,h=t.y2;l.push({p:"C",x:c,y:u,x2:d,y2:h,x3:t.x2,y3:t.y2}),r.x=c,r.y=u+(h-u)/2}else{var p=t.y2-t.y1,g=this.calculateMidY(t,n,o,i,a),f=Math.min(Math.abs(p)/2,-(s-e/2)),v=e-Math.max(s/2,0),y=t.x1+v,m=t.y1,k=y,b=t.y1+(g-t.y1)/2,C=t.x1+(t.x2-t.x1)/2,P=g,w=t.x1-f,L=g,x=t.x2+f,S=g,N=t.x2-v,D=g,T=N,E=g+(t.y2-g)/2;w>x?(l.push({p:"Q",x:y,y:m,x2:k,y2:b},{p:"T",x:w,y:L},{p:"L",x:x,y:S},{p:"Q",x:N,y:D,x2:T,y2:E},{p:"T",x:t.x2,y:t.y2}),r.x=w+(x-w)/2,r.y=L):(l.push({p:"Q",x:y,y:m,x2:k,y2:b},{p:"T",x:C,y:P},{p:"Q",x:N,y:D,x2:T,y2:E},{p:"T",x:t.x2,y:t.y2}),r.x=C,r.y=P)}return{elements:l,centerPoint:r}}},{key:"getElbowPathInfo",value:function(t,e,n,i,o,a){var r,s=t.trgNode?t.trgNode.layout.minFinalLine:30,l={x:0,y:0},c=t.x1+e,u=t.y1,d=c,h=t.y2,p=t.x2-t.x1,g=t.y2-t.y1;r=p>0&&g<4*this.canvasLayout.elbowSize&&g>-4*this.canvasLayout.elbowSize?p<e+s?g/4:g/2:g>=0?this.canvasLayout.elbowSize:-this.canvasLayout.elbowSize;var f=this.canvasLayout.elbowSize,v=!1;p<e+s&&(v=!0,d=t.x2-s,f=Math.min(this.canvasLayout.elbowSize,-(p-(e+s))/2));var y=[];if(y.push({p:"M",x:t.x1,y:t.y1},{p:"L",x:c-this.canvasLayout.elbowSize,y:u},{p:"Q",x:c,y:u,x2:c,y2:u+r}),!1===v)y.push({p:"L",x:d,y:h-r}),l.x=d,l.y=h;else{var m,k,b=p<0?this.calculateMidY(t,n,o,i,a):h-(h-u)/2;b<i&&b<n||b>a&&b>o?(m=b-r,k=h+r):(m=b+r,k=h-r),y.push({p:"L",x:c,y:b-r},{p:"Q",x:c,y:b,x2:c-f,y2:b},{p:"L",x:d+f,y:b},{p:"Q",x:d,y:b,x2:d,y2:m},{p:"L",x:d,y:k}),l.x=c,l.y=b}return y.push({p:"Q",x:d,y:h,x2:d+this.canvasLayout.elbowSize,y2:h},{p:"L",x:t.x2,y:t.y2}),{elements:y,centerPoint:l}}},{key:"calculateMidY",value:function(t,e,n,i,o){return i>=n+this.canvasLayout.wrapAroundNodePadding?n+(i-n)/2:o<=e-this.canvasLayout.wrapAroundNodePadding?o+(e-o)/2:t.y1>t.y2?Math.min(e,i)-this.canvasLayout.wrapAroundSpacing:Math.max(n,o)+this.canvasLayout.wrapAroundSpacing}},{key:"rotateData90Degrees",value:function(t,e){var n=this.rotatePoint90Degrees(t.x1,t.y1,e),i=this.rotatePoint90Degrees(t.x2,t.y2,e);return{x1:n.x,y1:n.y,x2:i.x,y2:i.y}}},{key:"rotateElements90Degrees",value:function(t,e){var n,i=this;return t.forEach((function(t){n=i.rotatePoint90Degrees(t.x,t.y,e),t.x=n.x,t.y=n.y,"Q"!==t.p&&"C"!==t.p||(n=i.rotatePoint90Degrees(t.x2,t.y2,e),t.x2=n.x,t.y2=n.y,"C"===t.p&&(n=i.rotatePoint90Degrees(t.x3,t.y3,e),t.x3=n.x,t.y3=n.y))})),t}},{key:"rotatePoint90Degrees",value:function(t,e,n){return n?{x:e,y:-t}:{x:-e,y:t}}},{key:"createPath",value:function(t){var e=t.length-1,n="";return t.forEach((function(t,i){"M"===t.p?n+="M "+t.x+" "+t.y:"L"===t.p?n+="L "+t.x+" "+t.y:"T"===t.p?n+="T "+t.x+" "+t.y:"Q"===t.p?n+="Q "+t.x+" "+t.y+" "+t.x2+" "+t.y2:"C"===t.p&&(n+="C "+t.x+" "+t.y+" "+t.x2+" "+t.y2+" "+t.x3+" "+t.y3),i<e&&(n+=" ")})),n}},{key:"getStraightPath",value:function(t){var e="M "+t.x1+" "+t.y1+" L "+t.x2+" "+t.y2,n=t.x2-t.x1,i=t.y2-t.y1,o={x:t.x1+n/2,y:t.y1+i/2},a=Math.atan(i/n);return n<0&&(a=ls+a),{path:e,centerPoint:o,angle:a}}},{key:"getAssociationCurvePath",value:function(t,e){return t.assocLinkVariation===Z?this.getCurveLeftPath(t,e):t.assocLinkVariation===q?this.getDoubleBackLeft(t,e):t.assocLinkVariation===K?this.getDoubleBackRight(t,e):this.getCurveRightPath(t,e)}},{key:"getCurveLeftPath",value:function(t,e){var n=t.x1-(t.x1-t.x2)/2;return this.getCurveOutPath(t,e,n)}},{key:"getCurveRightPath",value:function(t,e){var n=t.x1+(t.x2-t.x1)/2;return this.getCurveOutPath(t,e,n)}},{key:"getCurveOutPath",value:function(t,e,n){var i=t.y1,o=n,a=t.y2;return{path:"M "+t.x1+" "+t.y1+" C "+n+" "+i+" "+o+" "+a+" "+t.x2+" "+t.y2,centerPoint:{x:n,y:i+(a-i)/2}}}},{key:"getDoubleBackLeft",value:function(t,e){var n=Math.min(t.x1,t.x2)-e-100;return this.getDoubleBack(t,e,n)}},{key:"getDoubleBackRight",value:function(t,e){var n=Math.max(t.x1,t.x2)+e+100;return this.getDoubleBack(t,e,n)}},{key:"getDoubleBack",value:function(t,e,n){var i=t.y1,o=n,a=t.y2;return{path:"M "+t.x1+" "+t.y1+" C "+n+" "+i+" "+o+" "+a+" "+t.x2+" "+t.y2,centerPoint:{x:this.calcCenterPoint(t.x1,n,o,t.x2),y:this.calcCenterPoint(t.y1,i,a,t.y2)}}}},{key:"calcCenterPoint",value:function(t,e,n,i){var o=.5;return Math.pow(.5,3)*t+3*Math.pow(.5,2)*o*e+3*Math.pow(.5,2)*o*n+Math.pow(o,3)*i}}]),n}(),us=function(){function n(e){t(this,n),this.canvasLayout=e}return e(n,[{key:"getDec",value:function(t,e){return e?e.find((function(e){return e.id===t})):null}},{key:"getDecLabelForeignClass",value:function(t){return"d3-foreign-object"+(t.label_outline?" d3-node-label-outline":"")}},{key:"getDecLabelClass",value:function(t,e){var n=t.label_single_line?" d3-label-single-line":" d3-label-multi-line",i="center"===t.label_align?" d3-label-center":"";return this.getDecClass(t,"d3-".concat(e,"-dec-label"))+n+i}},{key:"getDecLabelTextAreaClass",value:function(t){return"d3-dec-label-entry"+(t.label_single_line?" d3-label-single-line":" d3-label-multi-line")+("center"===t.label_align?" d3-label-center":"")}},{key:"getDecTransform",value:function(t,e,n){return"translate(".concat(this.getDecPosX(t,e,n),", ").concat(this.getDecPosY(t,e,n),")")}},{key:"getDecPosX",value:function(t,e,n){return n===J?this.getLinkDecPosX(t,e,n):this.getNodeDecPosX(t,e)}},{key:"getNodeDecPosX",value:function(t,e){var n=t.position||"topLeft",i=0;return"topLeft"===n||"middleLeft"===n||"bottomLeft"===n?i=void 0!==t.x_pos?Number(t.x_pos):e.layout.decoratorLeftX:"topCenter"===n||"middleCenter"===n||"bottomCenter"===n?i=e.width/2+(void 0!==t.x_pos?Number(t.x_pos):e.layout.decoratorCenterX):"topRight"!==n&&"middleRight"!==n&&"bottomRight"!==n||(i=e.width+(void 0!==t.x_pos?Number(t.x_pos):e.layout.decoratorRightX)),i}},{key:"getLinkDecPosX",value:function(t,e,n){var i=t.position||"middle",o=0;return"middle"===i?o=e.pathInfo.centerPoint?e.pathInfo.centerPoint.x:e.x1+(e.x2-e.x1)/2:"source"===i?o=e.pathInfo.sourcePoint?e.pathInfo.sourcePoint.x:e.x1:"target"===i&&(o=e.pathInfo.targetPoint?e.pathInfo.targetPoint.x:e.x2),o=void 0!==t.x_pos?o+Number(t.x_pos):o,t.distance&&u(e,"pathInfo.angle")&&(o+=Math.cos(e.pathInfo.angle)*t.distance),"center"===t.label_align&&(o-=this.getDecWidth(t,e,n)/2),o}},{key:"getDecPosY",value:function(t,e,n){return n===J?this.getLinkDecPosY(t,e):this.getNodeDecPosY(t,e)}},{key:"getNodeDecPosY",value:function(t,e){var n=t.position||"topLeft",i=0;return"topLeft"===n||"topCenter"===n||"topRight"===n?i=void 0!==t.y_pos?Number(t.y_pos):e.layout.decoratorTopY:"middleLeft"===n||"middleCenter"===n||"middleRight"===n?i=e.height/2+(void 0!==t.y_pos?Number(t.y_pos):e.layout.decoratorMiddleY):"bottomLeft"!==n&&"bottomCenter"!==n&&"bottomRight"!==n||(i=e.height+(void 0!==t.y_pos?Number(t.y_pos):e.layout.decoratorBottomY)),i}},{key:"getLinkDecPosY",value:function(t,e){var n=t.position||"middle",i=0;return"middle"===n?i=e.pathInfo.centerPoint?e.pathInfo.centerPoint.y:e.y1+(e.y2-e.y1)/2:"source"===n?i=e.pathInfo.sourcePoint?e.pathInfo.sourcePoint.y:e.y1:"target"===n&&(i=e.pathInfo.targetPoint?e.pathInfo.targetPoint.y:e.y2),i=void 0!==t.y_pos?i+Number(t.y_pos):i,t.distance&&u(e,"pathInfo.angle")&&(i+=Math.sin(e.pathInfo.angle)*t.distance),i}},{key:"getDecPadding",value:function(t,e,n){return!1===t.outline?0:n===J?this.canvasLayout.linkDecoratorPadding:e.layout.decoratorPadding}},{key:"getDecWidth",value:function(t,e,n){return void 0!==t.width?Number(t.width):n===J?this.canvasLayout.linkDecoratorWidth:e.layout.decoratorWidth}},{key:"getDecHeight",value:function(t,e,n){return void 0!==t.height?Number(t.height):n===J?this.canvasLayout.linkDecoratorHeight:e.layout.decoratorHeight}},{key:"getDecClass",value:function(t,e){var n=e;return t&&t.class_name&&(n+=" "+t.class_name),n}},{key:"getDecImage",value:function(t){return t?t.image:""}},{key:"getDecLabelEditIconTranslate",value:function(t,e,n,i,o){return"translate(".concat(this.getDecLabelEditIconPosX(t,e,n,i,o),", ").concat(this.getDecLabelEditIconPosY(t),")")}},{key:"getDecLabelEditIconPosX",value:function(t,e,n,i,o){return"center"===t.label_align?this.getDecLabelWidth(t,e,n)/2+i.getBoundingClientRect().width/2/o:i.getBoundingClientRect().width/o}},{key:"getDecLabelEditIconPosY",value:function(t){return 0}},{key:"getDecLabelWidth",value:function(t,e,n){return void 0!==t.width?Number(t.width):n===J?this.canvasLayout.linkDecoratorLabelWidth:e.layout.decoratorLabelWidth}},{key:"getDecLabelHeight",value:function(t,e,n){return void 0!==t.height?Number(t.height):n===J?this.canvasLayout.linkDecoratorLabelHeight:e.layout.decoratorLabelHeight}},{key:"getDecLabelTextAreaWidth",value:function(t,e,n){return this.getDecLabelWidth(t,e,n)+2*A}},{key:"getDecLabelTextAreaHeight",value:function(t,e,n){return this.getDecLabelHeight(t,e,n)+2*A}},{key:"getDecLabelTextAreaPosX",value:function(){return-A}},{key:"getDecLabelTextAreaPosY",value:function(){return-(A-1)}}]),n}(),ds=Object.assign({},eo,Lo,Li,Wo,ns),hs=function(){function n(e,i,o,a,r){var s=this,l=arguments.length>5&&void 0!==arguments[5]?arguments[5]:{};t(this,n),this.logger=new It(["SVGCanvasRenderer","PipeId",e]),this.logger.logStartTimer("constructor"+e.substring(0,5)),this.pipelineId=e,this.supernodeInfo=l,this.canvasDiv=i,this.canvasInfo=a,this.config=r,this.canvasController=o,this.objectModel=this.canvasController.getObjectModel(),this.activePipeline=this.getActivePipeline(e),this.activePipeline=_t.preProcessPipeline(this.activePipeline),this.superRenderers=[],this.instanceId=this.canvasController.getInstanceId(),this.canvasLayout=this.objectModel.getCanvasLayout(),this.dispUtils=new is(this.canvasController,this.supernodeInfo.d3Selection,this.pipelineId),this.nodeUtils=new rs(this.canvasLayout),this.commentUtils=new ss,this.linkUtils=new cs(this.config,this.canvasLayout,this.nodeUtils,this.commentUtils),this.decUtils=new us(this.canvasLayout),this.dispUtils.setDisplayState(),this.logger.log(this.dispUtils.getDisplayStateMsg()),this.initializeZoomVariables(),this.minScaleExtent=.2,this.maxScaleExtent=1.8,this.resizeObj=null,this.resizeObjInitialInfo=null,this.commentSizing=!1,this.commentSizingDirection="",this.nodeSizing=!1,this.nodeSizingDirection="",this.nodeSizingObjectsInfo=[],this.nodeSizingLinksInfo=[],this.notSnappedXPos=0,this.notSnappedYPos=0,this.notSnappedWidth=0,this.notSnappedHeight=0,this.editingText=!1,this.editingTextId="",this.dragging=!1,this.dragOffsetX=0,this.dragOffsetY=0,this.dragRunningX=0,this.dragRunningY=0,this.dragObjects=[],this.dragStartX=0,this.dragStartY=0,this.dragOverLink=null,this.dragOverDetachedLinks=[],this.dragPointerOffsetInNode=null,this.dragNewLinkOverNode=null,this.selecting=!1,this.movingBindingNodes=!1,this.contextMenuClosedOnZoom=!1,this.regionSelect=!1,this.region={startX:0,startY:0,width:0,height:0},this.regionStartTransformX=0,this.regionStartTransformY=0,this.drawingNewLinkData=null,this.drag=ds.drag().on("start",this.dragStart.bind(this)).on("drag",this.dragMove.bind(this)).on("end",this.dragEnd.bind(this)),this.draggingLinkData=null,this.dragSelectionHandle=ds.drag().on("start",this.dragStartLinkHandle.bind(this)).on("drag",this.dragMoveLinkHandle.bind(this)).on("end",this.dragEndLinkHandle.bind(this)),this.zoom=ds.zoom().trackpad(this.config.enableInteractionType===nt).preventBackGesture(!0).wheelDelta((function(t){return-t.deltaY*(s.config.enableInteractionType===nt?.02:.002)})).scaleExtent([this.minScaleExtent,this.maxScaleExtent]).on("start",this.zoomStart.bind(this)).on("zoom",this.zoomAction.bind(this)).on("end",this.zoomEnd.bind(this)),this.initializeGhostDiv(),this.canvasSVG=this.createCanvasSVG(),this.canvasGrp=this.createCanvasGroup(this.canvasSVG,"d3-canvas-group"),this.canvasUnderlay=this.createCanvasUnderlay(this.canvasGrp,"d3-canvas-underlay"),this.commentsGrp=this.createCanvasGroup(this.canvasGrp,"d3-comments-group"),this.nodesLinksGrp=this.createCanvasGroup(this.canvasGrp,"d3-nodes-links-group"),this.boundingRectsGrp=this.createBoundingRectanglesGrp(this.canvasGrp,"d3-bounding-rect-group"),this.resetCanvasSVGBehaviors(),this.displayCanvas(),this.dispUtils.isDisplayingFullPage()&&this.restoreZoom(),(this.dispUtils.isDisplayingSubFlowFullPage()||this.canvasLayout.alwaysDisplayBackToParentFlow)&&this.addBackToParentFlowArrow(this.canvasSVG),this.dispUtils.isDisplayingSubFlowFullPage()&&(!this.config.enableSaveZoom||"None"===this.config.enableSaveZoom||"LocalStorage"===this.config.enableSaveZoom&&!this.getSavedZoom()||"Pipelineflow"===this.config.enableSaveZoom&&!this.activePipeline.zoom)&&this.zoomToFit(),this.dispUtils.isDisplayingSubFlowInPlace()&&(this.supernodeInfo.d3Selection.selectAll(".d3-node-port-input").raise(),this.supernodeInfo.d3Selection.selectAll(".d3-node-port-output").raise()),this.logger.logEndTimer("constructor"+e.substring(0,5))}return e(n,[{key:"isCanvasEmptyOrBindingsOnly",value:function(){return(p(this.activePipeline.nodes)||this.containsOnlyBindingNodes(this.activePipeline))&&p(this.activePipeline.comments)}},{key:"containsOnlyBindingNodes",value:function(t){return!t.nodes.find((function(t){return!_t.isSuperBindingNode(t)}))}},{key:"getParentSupernodeDatum",value:function(){var t=this,e=null;return this.canvasInfo.pipelines.forEach((function(n){n.id===t.supernodeInfo.pipelineId&&(e||(e=n.nodes.find((function(e){return t.nodeUtils.isSupernode(e)&&e.id===t.supernodeInfo.id}))))})),e}},{key:"getSupernodes",value:function(t){var e=this;return t.nodes.filter((function(t){return e.nodeUtils.isSupernode(t)}))}},{key:"getZoomTransform",value:function(){return this.zoomTransform}},{key:"initializeZoomVariables",value:function(){this.zoomTransform=ds.zoomIdentity.translate(0,0).scale(1),this.zoomStartPoint={x:0,y:0,k:0}}},{key:"getActivePipeline",value:function(t){var e=this.canvasInfo.pipelines.find((function(e){return e.id===t}));return e||{id:t,nodes:[],comments:[],links:[]}}},{key:"setCanvasInfoRenderer",value:function(t){this.logger.logStartTimer("setCanvasInfoRenderer"+this.pipelineId.substring(0,5)),this.canvasInfo=t,this.activePipeline=this.getActivePipeline(this.pipelineId),this.activePipeline=_t.preProcessPipeline(this.activePipeline),this.canvasLayout=this.objectModel.getCanvasLayout(),this.dispUtils.setDisplayState(),this.logger.log(this.dispUtils.getDisplayStateMsg()),this.resetCanvasSVGBehaviors(),this.resetCanvasCursor(),this.superRenderers=this.cleanUpSuperRenderers(),this.displayCanvas(),this.logger.logEndTimer("setCanvasInfoRenderer"+this.pipelineId.substring(0,5))}},{key:"cleanUpSuperRenderers",value:function(){var t=this,e=[];return this.getSupernodes(this.activePipeline).forEach((function(n){var i=t.getRendererForSupernode(n);i&&e.push(i),t.getDiscardedRenderersForSupernode(n).forEach((function(t){return t.canvasSVG.remove()}))})),e}},{key:"clearCanvas",value:function(){this.initializeZoomVariables(),this.canvasSVG.remove()}},{key:"refreshOnSizeChange",value:function(){if(this.logger.log("refreshOnSizeChange"),this.dispUtils.isDisplayingSubFlowFullPage()&&this.displayBindingNodesToFitSVG(),this.config.enableBoundingRectangles&&this.displayBoundingRectangles(),this.config.enablePositionNodeOnRightFlyoutOpen&&this.canvasController.isRightFlyoutOpen()){var t=this.config.enablePositionNodeOnRightFlyoutOpen,e=t.x?t.x:50,n=t.y?t.y:50,i=this.canvasController.getSelectedNodes().map((function(t){return t.id})),o=this.getZoomToReveal(i,e,n);this.zoomTo(o)}}},{key:"hideCanvas",value:function(){this.canvasSVG.style("display","none")}},{key:"displayCanvas",value:function(){this.logger.logStartTimer("displayCanvas"),this.canvasSVG.style("display","inherit"),this.displayComments(),this.displayNodes(),this.displayLinks(),this.dispUtils.isDisplayingSubFlowInPlace()&&this.displaySVGToFitSupernode(),this.dispUtils.isDisplayingSubFlowFullPage()&&this.displayPortsForSubFlowFullPage(),this.config.enableBoundingRectangles&&this.displayBoundingRectangles(),"None"!==this.config.enableCanvasUnderlay&&this.dispUtils.isDisplayingPrimaryFlowFullPage()&&this.setCanvasUnderlaySize(),this.logger.logEndTimer("displayCanvas")}},{key:"displayPortsForSubFlowFullPage",value:function(){this.setPortPositionsForNode(this.getParentSupernodeDatum()),this.displayBindingNodesToFitSVG()}},{key:"displaySVGToFitSupernode",value:function(){this.logger.log("displaySVGToFitSupernode - start");var t=this.getParentSupernodeSVGDimensions();this.canvasSVG.attr("width",t.width),this.canvasSVG.attr("height",t.height),this.canvasSVG.attr("x",t.x),this.canvasSVG.attr("y",t.y);var e=this.canvasSVG.selectChildren(".d3-svg-background");e.attr("width",t.width),e.attr("height",t.height),this.zoomToFit(),this.displayBindingNodesToFitSVG(),this.logger.log("displaySVGToFitSupernode - end")}},{key:"displayBindingNodesToFitSVG",value:function(){this.logger.log("displayBindingNodesToFitSVG - start"),this.setPortPositionsAllNodes(),this.moveSuperBindingNodes(),this.movingBindingNodes=!0,this.displayNodes(),this.displayLinks(),this.movingBindingNodes=!1,this.logger.log("displayBindingNodesToFitSVG - end")}},{key:"getParentSupernodeSVGDimensions",value:function(){var t=this.getParentSupernodeDatum();return{width:t.width-2*this.canvasLayout.supernodeSVGAreaPadding,height:t.height-this.canvasLayout.supernodeTopAreaHeight-this.canvasLayout.supernodeSVGAreaPadding,x:this.canvasLayout.supernodeSVGAreaPadding,y:this.canvasLayout.supernodeTopAreaHeight,x_pos:t.x_pos+this.canvasLayout.supernodeSVGAreaPadding,y_pos:t.y_pos+this.canvasLayout.supernodeTopAreaHeight}}},{key:"moveSuperBindingNodes",value:function(){var t=this,e=this.getTransformedViewportDimensions(),n=this.getParentSupernodeDatum();if(this.canvasLayout.linkDirection===Y||this.canvasLayout.linkDirection===W){var i=n.width-2*this.canvasLayout.supernodeSVGAreaPadding;this.activePipeline.nodes.forEach((function(o){if(o.isSupernodeInputBinding){var a=t.nodeUtils.getSupernodePortXOffset(o.id,n.inputs);o.x_pos=e.width*(a/i)+e.x-o.outputs[0].cx,o.y_pos=t.canvasLayout.linkDirection===Y?e.y-o.height:e.y+e.height}if(o.isSupernodeOutputBinding){var r=t.nodeUtils.getSupernodePortXOffset(o.id,n.outputs);o.x_pos=e.width*(r/i)+e.x-o.inputs[0].cx,o.y_pos=t.canvasLayout.linkDirection===Y?o.y_pos=e.y+e.height:o.y_pos=e.y-o.height}}))}else{var o,a;this.nodeUtils.isExpanded(n)?(o=this.canvasLayout.supernodeTopAreaHeight,a=n.height-(this.canvasLayout.supernodeTopAreaHeight+this.canvasLayout.supernodeSVGAreaPadding)):(o=0,a=n.height),this.activePipeline.nodes.forEach((function(i){if(i.isSupernodeInputBinding){i.x_pos=e.x-i.width;var r=t.nodeUtils.getSupernodePortYOffset(i.id,n.inputs)-o;i.y_pos=e.height*(r/a)+e.y-i.outputs[0].cy}if(i.isSupernodeOutputBinding){i.x_pos=e.x+e.width;var s=t.nodeUtils.getSupernodePortYOffset(i.id,n.outputs)-o;i.y_pos=e.height*(s/a)+e.y-i.inputs[0].cy}}))}}},{key:"displayBoundingRectangles",value:function(){if(this.activePipeline){var t=this.getViewportDimensions(),e=this.getTransformedRect(t,1),n=this.getCanvasDimensionsAdjustedForScale(1),i=this.getCanvasDimensionsAdjustedForScale(1,this.getZoomToFitPadding());this.boundingRectsGrp.selectChildren(".d3-bounding").remove();var o=this.boundingRectsGrp.append("g").attr("class","d3-bounding");o.append("rect").attr("height",t.height).attr("width",t.width).attr("x",0).attr("y",0).style("fill","none").style("stroke","darkorange"),o.append("rect").attr("height",e.height).attr("width",e.width-2).attr("x",e.x).attr("y",e.y).style("fill","none").style("stroke","red"),n&&o.append("rect").attr("height",n.height).attr("width",n.width).attr("x",n.left).attr("y",n.top).style("fill","none").style("stroke","blue"),i&&o.append("rect").attr("height",i.height).attr("width",i.width).attr("x",i.left).attr("y",i.top).style("fill","none").style("stroke","green"),this.config.enableBoundingRectangles&&this.superRenderers.length>0&&this.superRenderers.forEach((function(t){return t.displayBoundingRectangles()}))}}},{key:"isEditingText",value:function(){if(this.editingText)return!0;var t=!1;return this.superRenderers.forEach((function(e){t||(t=e.isEditingText())})),t}},{key:"isDragging",value:function(){return this.dragging}},{key:"getAllNodeGroupsSelection",value:function(){return this.nodesLinksGrp.selectChildren(".d3-node-group")}},{key:"getAllLinkGroupsSelection",value:function(){return this.nodesLinksGrp.selectChildren(".d3-link-group")}},{key:"getAllCommentGroupsSelection",value:function(){return this.commentsGrp.selectChildren(".d3-comment-group")}},{key:"getNodeGroupSelectionById",value:function(t){var e=this.getSelectorForId("node_grp",t);return this.nodesLinksGrp.selectChildren(e)}},{key:"getLinkGroupSelectionById",value:function(t){var e=this.getSelectorForId("link_grp",t);return this.nodesLinksGrp.selectChildren(e)}},{key:"getSelectorForId",value:function(t,e,n){return"[data-id='".concat(this.getId(t,e,n),"']")}},{key:"getId",value:function(t,e,n){var i="".concat(t,"_").concat(this.instanceId);return e&&(i+="_".concat(e)),n&&(i+="_".concat(n)),i}},{key:"getMousePosSnapToGrid",value:function(t){var e=t;return this.config.enableSnapToGridType!==Q&&this.config.enableSnapToGridType!==$||(e=this.snapToGridPosition(e)),e}},{key:"snapToGridObject",value:function(t){var e=t;return e.x_pos=_t.snapToGrid(e.x_pos,this.canvasLayout.snapToGridXPx),e.y_pos=_t.snapToGrid(e.y_pos,this.canvasLayout.snapToGridYPx),e.width=_t.snapToGrid(e.width,this.canvasLayout.snapToGridXPx),e.height=_t.snapToGrid(e.height,this.canvasLayout.snapToGridYPx),e}},{key:"getTransformedMousePos",value:function(t){return this.transformPos(this.getMousePos(t,this.canvasSVG))}},{key:"getMousePos",value:function(t,e){var n=ds.pointer(t,e.node());return{x:n[0],y:n[1]}}},{key:"convertPageCoordsToCanvasCoords",value:function(t,e){var n=this.canvasSVG.node().getBoundingClientRect();return this.transformPos({x:t-Math.round(n.left),y:e-Math.round(n.top)})}},{key:"transformPos",value:function(t){return{x:(t.x-this.zoomTransform.x)/this.zoomTransform.k,y:(t.y-this.zoomTransform.y)/this.zoomTransform.k}}},{key:"getTransformedRect",value:function(t,e){var n=e/this.zoomTransform.k;return{x:-this.zoomTransform.x/this.zoomTransform.k+n,y:-this.zoomTransform.y/this.zoomTransform.k+n,height:t.height/this.zoomTransform.k-2*n,width:t.width/this.zoomTransform.k-2*n}}},{key:"initializeGhostDiv",value:function(){this.dispUtils.isDisplayingFullPage()&&this.getGhostDivSel().empty()&&this.canvasDiv.append("div").attr("class","d3-ghost-div")}},{key:"getGhostDivSel",value:function(){return this.canvasDiv.selectAll(".d3-ghost-div")}},{key:"getGhostNode",value:function(t){var e=this,n=this.getGhostDimensions(),i=this.canvasController.convertNodeTemplate(t);i.layout=this.canvasController.getObjectModel().getNodeLayout(),i.width=i.is_expanded?i.expanded_width:n.width,i.height=i.is_expanded?i.expanded_height:n.height;var o=this.getNodeImage(i),a=this.getImageType(o),r=this.getGhostDivSel(),s=this.objectModel.getNodeLayout(),l=Math.max(s.labelWidth,i.width);r.selectAll(".d3-ghost-svg").remove();var c=r.append("svg").attr("width",l*this.zoomTransform.k).attr("height",(50+i.height)*this.zoomTransform.k).attr("x",0).attr("y",0).attr("class","d3-ghost-svg").append("g").attr("class","d3-node-group");c.append("rect").attr("class","d3-ghost-node").attr("x",0).attr("y",0).attr("width",i.width).attr("height",i.height),c.append(a).attr("class","d3-node-image").each((function(){e.setNodeImageContent(this,i)})).attr("x",this.nodeUtils.getNodeImagePosX(i)).attr("y",this.nodeUtils.getNodeImagePosY(i)).attr("width",this.nodeUtils.getNodeImageWidth(i)).attr("height",this.nodeUtils.getNodeImageHeight(i));var u=c.append("foreignObject").attr("x",this.nodeUtils.getNodeLabelPosX(i)).attr("y",this.nodeUtils.getNodeLabelPosY(i)).attr("width",this.nodeUtils.getNodeLabelWidth(i)).attr("height",this.nodeUtils.getNodeLabelHeight(i)).attr("class",this.nodeUtils.getNodeLabelForeignClass(i)),d=u.append("xhtml:div").attr("class",this.nodeUtils.getNodeLabelClass(i)),h=d.append("xhtml:span").html(i.label).node().getBoundingClientRect().width+4,p=this.nodeUtils.getNodeLabelWidth(i),g=Math.min(p,h),f=Math.max(0,(g-n.width)/2)*this.zoomTransform.k;if(c.attr("transform","translate(".concat(f,", 0) scale(").concat(this.zoomTransform.k,")")),"center"===i.layout.labelAlign){var v=Math.max(0,(p-g)/2);u.attr("width",g).attr("x",this.nodeUtils.getNodeLabelPosX(i)+v),d.attr("width",g)}var y=window.devicePixelRatio/2,m=(f+n.width/2*this.zoomTransform.k)*y,k=n.height/2*this.zoomTransform.k*y;return{element:r.node(),centerX:m,centerY:k}}},{key:"getGhostDimensions",value:function(){var t=this.objectModel.getNodeLayout();return{width:t.defaultNodeWidth,height:t.defaultNodeHeight}}},{key:"nodeTemplateDraggedOver",value:function(t,e,n){if(this.isNodeTemplateInsertableIntoLink(t)){var i=this.getLinkAtMousePos(e,n);i&&!this.isLinkFullyAttached(i)||this.setInsertNodeIntoLinkHighlighting(i)}if(this.isNodeTemplateAttachableToDetachedLinks(t)){var o=this.convertPageCoordsToCanvasCoords(e,n),a=this.getGhostDimensions(),r={x1:o.x-a.width/2,y1:o.y-a.height/2,x2:o.x+a.width/2,y2:o.y+a.height/2},s=this.canvasController.convertNodeTemplate(t),l=this.getAttachableLinksForNodeAtPos(s,r);this.setDetachedLinkHighlighting(l)}"None"!==this.config.enableCanvasUnderlay&&this.dispUtils.isDisplayingPrimaryFlowFullPage()&&this.setCanvasUnderlaySize(e,n)}},{key:"setInsertNodeIntoLinkHighlighting",value:function(t){t?this.dragOverLink?t.id!==this.dragOverLink.id&&(this.unsetInsertNodeIntoLinkHighlighting(),this.dragOverLink=t,this.setNodeDragOverLinkHighlighting(this.dragOverLink,!0)):(this.dragOverLink=t,this.setNodeDragOverLinkHighlighting(this.dragOverLink,!0)):this.unsetInsertNodeIntoLinkHighlighting()}},{key:"unsetInsertNodeIntoLinkHighlighting",value:function(t){this.dragOverLink&&(this.setNodeDragOverLinkHighlighting(this.dragOverLink,!1),this.dragOverLink=null)}},{key:"setDetachedLinkHighlighting",value:function(t){var e=this;t&&t.length>0?(this.unsetDetachedLinkHighlighting(),this.dragOverDetachedLinks=t,this.dragOverDetachedLinks.forEach((function(t){return e.setNodeDragOverLinkHighlighting(t,!0)}))):this.dragOverDetachedLinks.length>0&&this.unsetDetachedLinkHighlighting()}},{key:"unsetDetachedLinkHighlighting",value:function(){var t=this;this.dragOverDetachedLinks.forEach((function(e){return t.setNodeDragOverLinkHighlighting(e,!1)})),this.dragOverDetachedLinks=[]}},{key:"setNodeDragOverLinkHighlighting",value:function(t,e){this.getLinkGroupSelectionById(t.id).attr("data-drag-node-over",!!e||null)}},{key:"setNewLinkOverNode",value:function(t){var e=this.getNodeNearMousePos(t,this.canvasLayout.nodeProximity);e&&this.isConnectionAllowedToNearbyNode(t,e)?this.dragNewLinkOverNode?e.id!==this.dragNewLinkOverNode.id&&(this.setNewLinkOverNodeHighlighting(this.dragNewLinkOverNode,!1),this.dragNewLinkOverNode=e,this.setNewLinkOverNodeHighlighting(this.dragNewLinkOverNode,!0)):(this.dragNewLinkOverNode=e,this.setNewLinkOverNodeHighlighting(this.dragNewLinkOverNode,!0)):this.dragNewLinkOverNode&&(this.setNewLinkOverNodeHighlighting(this.dragNewLinkOverNode,!1),this.dragNewLinkOverNode=null)}},{key:"isConnectionAllowedToNearbyNode",value:function(t,e){if(this.drawingNewLinkData){if(this.drawingNewLinkData.action===R){var n=this.drawingNewLinkData.srcNode,i=e,o=this.drawingNewLinkData.srcNodePortId,a=_t.getDefaultInputPortId(i);return _t.isDataConnectionAllowed(o,a,n,i,this.activePipeline.links)}if(this.drawingNewLinkData.action===B){var r=this.drawingNewLinkData.srcNode,s=e;return _t.isAssocConnectionAllowed(r,s,this.activePipeline.links)}if(this.drawingNewLinkData.action===U){var l=this.drawingNewLinkData.srcObjId,c=e.id;return _t.isCommentLinkConnectionAllowed(l,c,this.activePipeline.links)}}else if(this.draggingLinkData){if(this.getNewLinkOnDrag(t,this.canvasLayout.nodeProximity))return!0}return!1}},{key:"setNewLinkOverNodeHighlighting",value:function(t,e){t&&this.getNodeGroupSelectionById(t.id).attr("data-new-link-over",e?"yes":"no")}},{key:"setNewLinkOverNodeCancel",value:function(){this.setNewLinkOverNodeHighlighting(this.dragNewLinkOverNode,!1),this.dragNewLinkOverNode=null}},{key:"nodeTemplateDropped",value:function(t,e,n){if(null!==t){var i=this.transformMousePosForNode(e,n);this.dragOverLink?(this.canvasController.createNodeFromTemplateOnLinkAt(t,this.dragOverLink,i,this.pipelineId),this.unsetInsertNodeIntoLinkHighlighting()):this.dragOverDetachedLinks.length>0?(this.canvasController.createNodeFromTemplateAttachLinks(t,this.dragOverDetachedLinks,i,this.pipelineId),this.unsetDetachedLinkHighlighting()):this.canvasController.createNodeFromTemplateAt(t,i,this.pipelineId)}}},{key:"externalObjectDropped",value:function(t,e,n){if(null!==t){var i=this.transformMousePosForNode(e,n);this.canvasController.createDroppedExternalObject(t,i,this.pipelineId)}}},{key:"transformMousePosForNode",value:function(t,e){var n=this.convertPageCoordsToCanvasCoords(t,e),i=this.getGhostDimensions();return n.x-=i.width/2,n.y-=i.height/2,this.getMousePosSnapToGrid(n)}},{key:"isNodeTemplateInsertableIntoLink",value:function(t){return this.config.enableInsertNodeDroppedOnLink&&this.isNonBindingNode(t)&&!this.isPortMaxCardinalityZero(t.inputs[0])&&!this.isPortMaxCardinalityZero(t.outputs[0])}},{key:"isExistingNodeInsertableIntoLink",value:function(){return this.config.enableInsertNodeDroppedOnLink&&1===this.dragObjects.length&&this.isNode(this.dragObjects[0])&&this.isNonBindingNode(this.dragObjects[0])&&!this.nodeUtils.isNodeDefaultPortsCardinalityAtMax(this.dragObjects[0],this.activePipeline.links)}},{key:"isExistingNodeAttachableToDetachedLinks",value:function(){return this.config.enableLinkSelection===tt&&1===this.dragObjects.length&&this.isNode(this.dragObjects[0])}},{key:"isNodeTemplateAttachableToDetachedLinks",value:function(t){return this.config.enableLinkSelection===tt}},{key:"getAttachableLinksForNodeAtPos",value:function(t,e){var n=this,i=t.inputs&&t.inputs.length>0,o=t.outputs&&t.outputs.length>0,a=this.activePipeline.links.filter((function(t){return t.srcPos&&o&&_t.isPosInArea(t.srcPos,e,n.canvasLayout.ghostAreaPadding)?(t.nodeOverSrcPos=!0,!0):t.trgPos&&i&&_t.isPosInArea(t.trgPos,e,n.canvasLayout.ghostAreaPadding)?(t.nodeOverTrgPos=!0,!0):(t.nodeOverSrcPos=!1,t.nodeOverTrgPos=!1,!1)}));a.length>0&&(a=_t.getDetachedLinksToUpdate(t,a,this.activePipeline.links).oldLinks);return a}},{key:"isLinkFullyAttached",value:function(t){return!!t&&(void 0!==t.srcNodeId&&void 0!==t.trgNodeId)}},{key:"getLink",value:function(t){var e=this.activePipeline.links.find((function(e){return e.id===t}));return void 0===e?null:e}},{key:"isNode",value:function(t){return t.type}},{key:"getNode",value:function(t){var e=this.activePipeline.nodes.find((function(e){return e.id===t}));return void 0===e?null:e}},{key:"getNodes",value:function(t){var e=this,n=[];return t.forEach((function(t){var i=e.getNode(t);i&&n.push(i)})),n}},{key:"getNodePort",value:function(t,e,n){var i=this.activePipeline.nodes.find((function(e){return e.id===t}));if(i){var o=("input"===n?i.inputs:i.outputs).find((function(t){return t.id===e}));return void 0===o?null:o}return null}},{key:"getComment",value:function(t){var e=this.activePipeline.comments.find((function(e){return e.id===t}));return void 0===e?null:e}},{key:"getNodeOrComment",value:function(t){var e=this.getNode(t);return null===e&&(e=this.getComment(t)),e}},{key:"setMaxZoomExtent",value:function(t){if(this.dispUtils.isDisplayingFullPage()){var e=this.maxScaleExtent*t;this.zoom.scaleExtent([this.minScaleExtent,e])}else{var n=1*Number(t)/this.zoomTransform.k;this.supernodeInfo.renderer.setMaxZoomExtent(n)}}},{key:"createCanvasSVG",value:function(){var t=this;this.logger.log("Create Canvas SVG.");var e=this.canvasDiv,n={width:"100%",height:"100%",x:0,y:0};this.dispUtils.isDisplayingSubFlowInPlace()&&(e=this.supernodeInfo.d3Selection,n=this.getParentSupernodeSVGDimensions());var i=e.append("svg").attr("class","svg-area").attr("data-pipeline-id",this.activePipeline.id).attr("width",n.width).attr("height",n.height).attr("x",n.x).attr("y",n.y).on("mouseenter",(function(e,n){t.supernodeInfo.renderer&&t.config.enableZoomIntoSubFlows&&t.supernodeInfo.renderer.setMaxZoomExtent(1/t.zoomTransform.k)})).on("mouseleave",(function(e,n){t.supernodeInfo.renderer&&t.config.enableZoomIntoSubFlows&&t.supernodeInfo.renderer.setMaxZoomExtent(1)}));if(i.append("rect").attr("x",0).attr("y",0).attr("width",n.width).attr("height",n.height).attr("data-pipeline-id",this.activePipeline.id).attr("class","d3-svg-background").attr("pointer-events","all").style("cursor",this.getCanvasCursor()),this.dispUtils.isDisplayingFullPage()){var o=i.append("defs");this.createDropShadow(o)}return i}},{key:"resetCanvasSVGBehaviors",value:function(){var t=this;this.canvasSVG.on(".zoom",null),!this.isCanvasEmptyOrBindingsOnly()&&this.dispUtils.isDisplayingFullPage()&&this.canvasSVG.call(this.zoom),this.canvasSVG.on("mousemove.zoom",(function(e){t.drawingNewLinkData&&t.drawNewLink(e),t.draggingLinkData&&t.dragLinkHandle(e)})).on("mousedown",(function(e){t.logger.log("Canvas - mousedown"),t.dispUtils.isDisplayingSubFlowInPlace()&&e.button===et&&e.stopPropagation()})).on("mouseup.zoom",(function(e){t.logger.log("Canvas - mouseup-zoom"),t.drawingNewLinkData&&t.completeNewLink(e),t.draggingLinkData&&t.completeDraggedLink(e)})).on("click.zoom",(function(e){t.logger.log("Canvas - click-zoom"),t.selecting=!0,t.dispUtils.isDisplayingCurrentPipeline()&&!t.contextMenuClosedOnZoom&&t.canvasController.clearSelections(),t.contextMenuClosedOnZoom=!1,t.selecting=!1,t.canvasController.clickActionHandler({clickType:"contextmenu"===e.type?"SINGLE_CLICK_CONTEXTMENU":"SINGLE_CLICK",objectType:"canvas",selectedObjectIds:t.objectModel.getSelectedObjectIds()})})).on("dblclick.zoom",(function(){t.logger.log("Zoom - double click"),t.canvasController.clickActionHandler({clickType:"DOUBLE_CLICK",objectType:"canvas",selectedObjectIds:t.objectModel.getSelectedObjectIds()})})).on("contextmenu.zoom",(function(e,n){t.logger.log("Zoom - context menu"),t.openContextMenu(e,"canvas")}))}},{key:"resetCanvasCursor",value:function(){var t=".d3-svg-background[data-pipeline-id='"+this.activePipeline.id+"']";this.canvasSVG.select(t).style("cursor",this.getCanvasCursor())}},{key:"getCanvasCursor",value:function(){return this.dispUtils.isDisplayingFullPage()?this.config.enableInteractionType===nt||this.isCanvasEmptyOrBindingsOnly()?"default":"grab":"pointer"}},{key:"createCanvasGroup",value:function(t,e){return t.append("g").attr("class",e)}},{key:"createCanvasUnderlay",value:function(t,e){return"None"!==this.config.enableCanvasUnderlay&&this.dispUtils.isDisplayingPrimaryFlowFullPage()?t.append("rect").attr("class",e):null}},{key:"createBoundingRectanglesGrp",value:function(t,e){return this.config.enableBoundingRectangles?t.append("g").attr("class",e):null}},{key:"setCanvasUnderlaySize",value:function(){var t=this.getCanvasDimensionsAdjustedForScale(1,this.getZoomToFitPadding());t&&this.canvasUnderlay.attr("x",t.left-50).attr("y",t.top-50).attr("width",t.width+100).attr("height",t.height+100)}},{key:"addBackToParentFlowArrow",value:function(t){var e=this,n=t.append("g").attr("transform","translate(15, 15)").on("mouseenter",(function(t,e){ds.select(this).select("rect").attr("data-pointer-hover","yes")})).on("mouseleave",(function(t,e){ds.select(this).select("rect").attr("data-pointer-hover","no")})).on("click",(function(t){_t.stopPropagationAndPreventDefault(t),e.canvasController.displayPreviousPipeline()}));n.append("rect").attr("x",0).attr("y",0).attr("width",210).attr("height",40).attr("class","d3-back-to-previous-flow-box"),n.append("svg").attr("x",16).attr("y",11).attr("width",16).attr("height",16).html(it).attr("class","d3-back-to-previous-flow-text"),n.append("text").attr("x",40).attr("y",24).attr("class","d3-back-to-previous-flow-text").text("Return to previous flow")}},{key:"createDropShadow",value:function(t){var e=t.append("filter").attr("id",this.getId("node_drop_shadow")).attr("x","-20%").attr("y","-20%").attr("width","200%").attr("height","200%");e.append("feOffset").attr("in","SourceAlpha").attr("dx",1).attr("dy",1).attr("result","offOut"),e.append("feGaussianBlur").attr("in","offOut").attr("stdDeviation","3").attr("result","blurOut"),e.append("feBlend").attr("in","SourceGraphic").attr("in2","blurOut").attr("mode","normal"),e.append("feComponentTransfer").append("feFuncA").attr("type","linear").attr("slope","0.2");var n=e.append("feMerge");n.append("feMergeNode"),n.append("feMergeNode").attr("in","SourceGraphic")}},{key:"restoreZoom",value:function(){var t=null;if("Pipelineflow"===this.config.enableSaveZoom&&this.activePipeline.zoom)t=this.activePipeline.zoom;else if("LocalStorage"===this.config.enableSaveZoom){var e=this.getSavedZoom();e&&(t=e)}if(!t&&this.config.enablePanIntoViewOnOpen){var n=this.getCanvasDimensionsAdjustedForScale(1,this.getZoomToFitPadding());n&&(t={x:-n.left,y:-n.top,k:1})}!t&&this.canvasLayout.initialPanX&&this.canvasLayout.initialPanY&&(t={x:this.canvasLayout.initialPanX,y:this.canvasLayout.initialPanY,k:1}),!t||t.k===this.zoomTransform.k&&t.x===this.zoomTransform.x&&t.y===this.zoomTransform.y||this.zoomCanvasInvokeZoomBehavior(t)}},{key:"zoomCanvasInvokeZoomBehavior",value:function(t,e){if(isFinite(t.x)&&isFinite(t.y)&&isFinite(t.k)){var n=ds.zoomIdentity.translate(t.x,t.y).scale(t.k);e?this.canvasSVG.call(this.zoom).transition().duration(e).call(this.zoom.transform,n):this.canvasSVG.call(this.zoom.transform,n)}}},{key:"setSavedZoom",value:function(t){var e=At.get("canvasSavedZoomValues"),n=e?JSON.parse(e):{};xt(n,[this.canvasInfo.id,this.pipelineId],t),At.set("canvasSavedZoomValues",JSON.stringify(n))}},{key:"getSavedZoom",value:function(){var t=At.get("canvasSavedZoomValues");if(t){var e=JSON.parse(t);return St(e,[this.canvasInfo.id,this.pipelineId])}return null}},{key:"zoomToFit",value:function(){var t=this.getZoomToFitPadding(),e=this.getCanvasDimensionsAdjustedForScale(1,t),n=this.getViewportDimensions();if(e){var i=n.width/e.width,o=n.height/e.height,a=Math.min(i,o,1),r=(n.width-e.width*a)/2,s=(n.height-e.height*a)/2;r-=a*e.left,s-=a*e.top,this.zoomingToFit=!0,this.zoomCanvasInvokeZoomBehavior({x:r,y:s,k:a}),this.zoomingToFit=!1}}},{key:"getZoomToFitPadding",value:function(){var t=this.canvasLayout.zoomToFitPadding;if(this.dispUtils.isDisplayingSubFlow()){var e=this.getMaxZoomToFitPaddingForConnections()+2*this.canvasLayout.supernodeBindingPortRadius;t=Math.max(t,e)}return t}},{key:"zoomTo",value:function(t){this.zoomCanvasInvokeZoomBehavior(t,500)}},{key:"getZoom",value:function(){return{x:this.zoomTransform.x,y:this.zoomTransform.y,k:this.zoomTransform.k}}},{key:"translateBy",value:function(t,e,n){var i=this.getZoomTransform(),o=ds.zoomIdentity.translate(i.x+t,i.y+e).scale(i.k);this.zoomCanvasInvokeZoomBehavior(o,n)}},{key:"zoomIn",value:function(){if(this.zoomTransform.k<this.maxScaleExtent){var t=Math.min(1.1*this.zoomTransform.k,this.maxScaleExtent);this.canvasSVG.call(this.zoom.scaleTo,t)}}},{key:"zoomOut",value:function(){if(this.zoomTransform.k>this.minScaleExtent){var t=Math.max(this.zoomTransform.k/1.1,this.minScaleExtent);this.canvasSVG.call(this.zoom.scaleTo,t)}}},{key:"getZoomToReveal",value:function(t,e,n){var i,o,a=this.getTransformedViewportDimensions(),r=this.getNodes(t),s=_t.getCanvasDimensions(r,[],[],0),l=this.convertCanvasDimensionsAdjustedForScaleWithPadding(s,1,10),c=parseInt(e,10),u=void 0===n?c:parseInt(n,10);if(l&&(Number.isNaN(c)||Number.isNaN(u)?(l.right>a.x+a.width&&(i=a.x+a.width-l.right),l.left<a.x&&(i=a.x-l.left),l.bottom>a.y+a.height&&(o=a.y+a.height-l.bottom),l.top<a.y&&(o=a.y-l.top)):(i=a.x+a.width*(c/100)-(l.left+l.width/2),o=a.y+a.height*(u/100)-(l.top+l.height/2)),void 0!==i||void 0!==o))return{x:this.zoomTransform.x+(i||0)*this.zoomTransform.k||0,y:this.zoomTransform.y+(o||0)*this.zoomTransform.k||0,k:this.zoomTransform.k};return null}},{key:"getTransformedViewportDimensions",value:function(){var t=this.getViewportDimensions();return this.getTransformedRect(t,0)}},{key:"getViewportDimensions",value:function(){var t={};if(this.dispUtils.isDisplayingSubFlowInPlace()){var e=this.getParentSupernodeSVGDimensions();t.width=e.width,t.height=e.height}else t=this.canvasSVG&&this.canvasSVG.node()?this.canvasSVG.node().getBoundingClientRect():{x:0,y:0,width:1100,height:640};return t}},{key:"zoomStart",value:function(t){if(this.logger.log("zoomStart - "+JSON.stringify(t.transform)),this.canvasController.closeTip(),this.canvasController.isContextMenuDisplayed()&&!this.dispUtils.isDisplayingSubFlowInPlace()&&(this.canvasController.closeContextMenu(),this.contextMenuClosedOnZoom=!0),this.zoomingToFit?this.regionSelect=!1:this.config.enableInteractionType===nt&&t.sourceEvent&&1===t.sourceEvent.buttons||this.config.enableInteractionType===ot&&t.sourceEvent&&t.sourceEvent.shiftKey?this.regionSelect=!0:this.regionSelect=!1,this.regionSelect){this.regionStartTransformX=t.transform.x,this.regionStartTransformY=t.transform.y;var e=this.getTransformedMousePos(t);this.region={startX:e.x,startY:e.y,width:0,height:0}}var n=".d3-svg-background[data-pipeline-id='"+this.activePipeline.id+"']";this.regionSelect?this.canvasSVG.select(n).style("cursor","crosshair"):this.canvasSVG.select(n).style("cursor","grabbing"),this.zoomStartPoint={x:t.transform.x,y:t.transform.y,k:t.transform.k},this.previousD3Event={x:t.transform.x,y:t.transform.y,k:t.transform.k},this.zoomCanvasDimensions=_t.getCanvasDimensions(this.activePipeline.nodes,this.activePipeline.comments,this.activePipeline.links,this.canvasLayout.commentHighlightGap)}},{key:"zoomAction",value:function(t){this.logger.log("zoomAction - "+JSON.stringify(t.transform)),t.transform.k===this.zoomStartPoint.k?this.regionSelect?(this.addTempCursorOverlay("crosshair"),this.drawRegionSelector(t)):(this.addTempCursorOverlay("grabbing"),this.zoomCanvasBackground(t)):this.zoomCanvasBackground(t)}},{key:"zoomEnd",value:function(t){if(this.logger.log("zoomEnd - "+JSON.stringify(t.transform)),this.drawingNewLinkData&&(this.stopDrawingNewLink(),this.drawingNewLinkData=null),this.draggingLinkData&&(this.stopDraggingLink(),this.draggingLinkData=null),t.transform.k===this.zoomStartPoint.k&&!0===this.regionSelect){this.removeRegionSelector(),t.transform.x=this.regionStartTransformX,t.transform.y=this.regionStartTransformY;var e=this.getRegionDimensions(),n=e.startX,i=e.startY,o=e.width,a=e.height;this.isSelecting=!0,this.buildLinksArray();var r={x1:n,y1:i,x2:n+o,y2:i+a},s=_t.selectInRegion(r,this.activePipeline,this.config.enableLinkSelection!==at,this.config.enableLinkType,this.config.enableAssocLinkType);this.canvasController.setSelections(s,this.activePipeline.id),this.regionSelect=!1}else if(this.dispUtils.isDisplayingFullPage())if(this.canvasSVG.property("__zoom",this.zoomTransform),"Pipelineflow"===this.config.enableSaveZoom){var l={editType:"setPipelineZoom",editSource:"canvas",zoom:this.zoomTransform,pipelineId:this.activePipeline.id};this.canvasController.editActionHandler(l)}else"LocalStorage"===this.config.enableSaveZoom&&this.setSavedZoom(this.zoomTransform);this.resetCanvasCursor(),this.removeTempCursorOverlay()}},{key:"zoomCanvasBackground",value:function(t){if(this.regionSelect=!1,this.dispUtils.isDisplayingPrimaryFlowFullPage()){var e=this.getTransformIncrement(t);this.zoomTransform=this.zoomConstrainRegular(e,this.getViewportDimensions(),this.zoomCanvasDimensions)}else this.zoomTransform=ds.zoomIdentity.translate(t.transform.x,t.transform.y).scale(t.transform.k);this.canvasGrp.attr("transform",this.zoomTransform),this.config.enableBoundingRectangles&&this.displayBoundingRectangles(),"None"!==this.config.enableCanvasUnderlay&&this.dispUtils.isDisplayingPrimaryFlowFullPage()&&this.setCanvasUnderlaySize(),this.dispUtils.isDisplayingSubFlowFullPage()&&this.displayPortsForSubFlowFullPage()}},{key:"getTransformIncrement",value:function(t){var e=t.transform.x-this.previousD3Event.x,n=t.transform.y-this.previousD3Event.y,i={x:this.zoomTransform.x+e,y:this.zoomTransform.y+n,k:t.transform.k};return this.previousD3Event={x:t.transform.x,y:t.transform.y,k:t.transform.k},i}},{key:"zoomConstrainRegular",value:function(t,e,n){if(!n)return this.zoomTransform;var i=t.k,o=t.x,a=t.y,r=this.convertCanvasDimensionsAdjustedForScaleWithPadding(n,i,this.getZoomToFitPadding()),s=e.width-Math.min(.25*e.width,.25*r.width),l=-Math.max(r.width-.25*e.width,.75*r.width),c=e.height-Math.min(.25*e.height,.25*r.height),u=-Math.max(r.height-.25*e.height,.75*r.height);return o>-r.left+s?o=-r.left+s:o<-r.left+l&&(o=-r.left+l),a>-r.top+c?a=-r.top+c:a<-r.top+u&&(a=-r.top+u),ds.zoomIdentity.translate(o,a).scale(i)}},{key:"getCanvasDimensionsAdjustedForScale",value:function(t,e){var n=_t.getCanvasDimensions(this.activePipeline.nodes,this.activePipeline.comments,this.activePipeline.links,this.canvasLayout.commentHighlightGap);return this.convertCanvasDimensionsAdjustedForScaleWithPadding(n,t,e)}},{key:"convertCanvasDimensionsAdjustedForScaleWithPadding",value:function(t,e,n){var i=n||0;return t?{left:t.left*e-i,top:t.top*e-i,right:t.right*e+i,bottom:t.bottom*e+i,width:t.width*e+2*i,height:t.height*e+2*i}:null}},{key:"drawRegionSelector",value:function(t){var e=this.getTransformedMousePos(t);this.region.width=e.x-this.region.startX,this.region.height=e.y-this.region.startY,this.removeRegionSelector();var n=this.getRegionDimensions(),i=n.startX,o=n.startY,a=n.width,r=n.height;this.canvasGrp.append("rect").attr("width",a).attr("height",r).attr("x",i).attr("y",o).attr("class","d3-region-selector")}},{key:"removeRegionSelector",value:function(){this.canvasGrp.selectAll(".d3-region-selector").remove()}},{key:"getRegionDimensions",value:function(){var t=this.region.startX,e=this.region.startY,n=this.region.width,i=this.region.height;return n<0&&(n=Math.abs(n),t=this.region.startX-n),i<0&&(i=Math.abs(i),e=this.region.startY-i),{startX:t,startY:e,width:n,height:i}}},{key:"initializeResizeVariables",value:function(t){this.resizeObjInitialInfo={x_pos:t.x_pos,y_pos:t.y_pos,width:t.width,height:t.height},this.notSnappedXPos=t.x_pos,this.notSnappedYPos=t.y_pos,this.notSnappedWidth=t.width,this.notSnappedHeight=t.height}},{key:"getDragObjects",value:function(t){var e=this.getSelectedNodesAndComments();return this.config.enableDragWithoutSelect&&-1===e.findIndex((function(e){return e.id===t.id}))?[t]:e}},{key:"dragStart",value:function(t,e){if(this.logger.logStartTimer("dragStart"),this.closeContextMenuIfOpen(),this.commentSizing)this.resizeObj=this.getComment(e.id),this.initializeResizeVariables(this.resizeObj);else if(this.nodeSizing)this.resizeObj=this.getNode(e.id),this.initializeResizeVariables(this.resizeObj);else if(this.dragging=!0,this.dragOffsetX=0,this.dragOffsetY=0,this.dragRunningX=0,this.dragRunningY=0,this.dragObjects=this.getDragObjects(e),this.dragObjects&&this.dragObjects.length>0&&(this.dragStartX=this.dragObjects[0].x_pos,this.dragStartY=this.dragObjects[0].y_pos),this.isExistingNodeInsertableIntoLink()&&this.setNodeTranslucentState(this.dragObjects[0].id,!0),this.isExistingNodeAttachableToDetachedLinks()){var n=this.getTransformedMousePos(t);this.dragPointerOffsetInNode={x:n.x-this.dragObjects[0].x_pos,y:n.y-this.dragObjects[0].y_pos},this.setNodeTranslucentState(this.dragObjects[0].id,!0)}this.logger.logEndTimer("dragStart",!0)}},{key:"dragMove",value:function(t){if(this.logger.logStartTimer("dragMove"),this.commentSizing)this.resizeComment(t);else if(this.nodeSizing)this.resizeNode(t);else{if(this.dragOffsetX+=t.dx,this.dragOffsetY+=t.dy,this.dispUtils.isDisplayingSubFlowInPlace()&&(this.dragOffsetX>1e3||this.dragOffsetX<-1e3||this.dragOffsetY>1e3||this.dragOffsetY<-1e3))this.dragOffsetX-=t.dx,this.dragOffsetY-=t.dy;else{var e={x:0,y:0};if(this.config.enableSnapToGridType===Q){var n=this.snapToGridDraggedNode();e={x:n.x-this.dragObjects[0].x_pos,y:n.y-this.dragObjects[0].y_pos}}else e={x:t.dx,y:t.dy};this.dragRunningX+=e.x,this.dragRunningY+=e.y,this.dragObjects.forEach((function(t){t.x_pos+=e.x,t.y_pos+=e.y})),this.config.enableLinkSelection===tt&&this.getSelectedLinks().forEach((function(t){t.srcPos&&(t.srcPos.x_pos+=e.x,t.srcPos.y_pos+=e.y),t.trgPos&&(t.trgPos.x_pos+=e.x,t.trgPos.y_pos+=e.y)}))}if(this.displayCanvas(),this.isExistingNodeInsertableIntoLink()){var i=this.getLinkAtMousePos(t.sourceEvent.clientX,t.sourceEvent.clientY);(!i||this.isLinkFullyAttached(i)&&this.dragObjects[0].id!==i.srcNodeId&&this.dragObjects[0].id!==i.trgNodeId)&&this.setInsertNodeIntoLinkHighlighting(i)}if(this.isExistingNodeAttachableToDetachedLinks()){var o=this.getTransformedMousePos(t),a=this.dragObjects[0],r={x1:o.x-this.dragPointerOffsetInNode.x,y1:o.y-this.dragPointerOffsetInNode.y,x2:o.x-this.dragPointerOffsetInNode.x+a.width,y2:o.y-this.dragPointerOffsetInNode.y+a.height},s=this.getAttachableLinksForNodeAtPos(a,r);this.setDetachedLinkHighlighting(s)}}this.logger.logEndTimer("dragMove",!0)}},{key:"dragEnd",value:function(t,e){if(this.logger.logStartTimer("dragEnd"),this.removeTempCursorOverlay(),this.commentSizing)this.endCommentSizing();else if(this.nodeSizing)this.endNodeSizing();else if(this.dragging){if(this.dragging=!1,0===this.dragOffsetX&&0===this.dragOffsetY&&this.config.enableDragWithoutSelect)this.selectObjectSourceEvent(t,e);else if(0!==this.dragRunningX||0!==this.dragRunningY){var n=null;if(this.config.enableSnapToGridType===$){var i=this.snapToGridDraggedNode();n={x:i.x-this.dragStartX,y:i.y-this.dragStartY}}else n={x:this.dragRunningX,y:this.dragRunningY};this.isExistingNodeInsertableIntoLink()&&this.dragOverLink?this.canvasController.editActionHandler({editType:"insertNodeIntoLink",editSource:"canvas",node:this.dragObjects[0],link:this.dragOverLink,offsetX:n.x,offsetY:n.y,pipelineId:this.activePipeline.id}):this.isExistingNodeAttachableToDetachedLinks()&&this.dragOverDetachedLinks.length>0?this.canvasController.editActionHandler({editType:"attachNodeToLinks",editSource:"canvas",node:this.dragObjects[0],detachedLinks:this.dragOverDetachedLinks,offsetX:n.x,offsetY:n.y,pipelineId:this.activePipeline.id}):this.canvasController.editActionHandler({editType:"moveObjects",editSource:"canvas",nodes:this.dragObjects.map((function(t){return t.id})),links:this.getSelectedLinks().filter((function(t){return t.srcPos||t.trgPos})),offsetX:n.x,offsetY:n.y,pipelineId:this.activePipeline.id})}this.unsetNodeTranslucentState(),this.unsetInsertNodeIntoLinkHighlighting(),this.unsetDetachedLinkHighlighting()}this.logger.logEndTimer("dragEnd",!0)}},{key:"dragStartLinkHandle",value:function(t,e){this.logger.logStartTimer("dragStartLinkHandle"),this.closeContextMenuIfOpen(),this.draggingLinkHandle=!0;var n=ds.select(t.sourceEvent.currentTarget),i=this.getLink(e.id),o=Nt(i),a=this.getLinkGroupSelectionById(e.id);if(this.draggingLinkData={lineInfo:e,link:i,oldLink:o,linkGrpSelection:ds.select(a)},n.attr("class").includes("d3-link-handle-end")?this.draggingLinkData.endBeingDragged="end":n.attr("class").includes("d3-link-handle-start")&&(this.draggingLinkData.endBeingDragged="start"),this.config.enableHighlightUnavailableNodes)if("end"===this.draggingLinkData.endBeingDragged){var r=this.activePipeline.links.filter((function(t){return t.id!==i.id}));this.setUnavailableTargetNodesHighlighting(this.getNode(this.draggingLinkData.link.srcNodeId),this.draggingLinkData.link.srcNodePortId,r)}else if("start"===this.draggingLinkData.endBeingDragged){var s=this.activePipeline.links.filter((function(t){return t.id!==i.id}));this.setUnavailableSourceNodesHighlighting(this.getNode(this.draggingLinkData.oldLink.trgNodeId),this.draggingLinkData.link.trgNodePortId,s)}this.dragLinkHandle(t),this.logger.logEndTimer("dragStartLinkHandle",!0)}},{key:"dragMoveLinkHandle",value:function(t){this.logger.logStartTimer("dragMoveLinkHandle"),this.dragLinkHandle(t),this.logger.logEndTimer("dragMoveLinkHandle",!0)}},{key:"dragEndLinkHandle",value:function(t){this.logger.logStartTimer("dragEndLinkHandle"),this.completeDraggedLink(t),this.draggingLinkHandle=!1,this.logger.logEndTimer("dragEndLinkHandle",!0)}},{key:"setNodeTranslucentState",value:function(t,e){this.getNodeGroupSelectionById(t).classed("d3-node-group-translucent",e)}},{key:"unsetNodeTranslucentState",value:function(){this.dragObjects&&this.dragObjects.length>0&&this.setNodeTranslucentState(this.dragObjects[0].id,!1)}},{key:"snapToGridDraggedNode",value:function(){var t=this.dragStartX+this.dragOffsetX,e=this.dragStartY+this.dragOffsetY;return this.snapToGridPosition({x:t,y:e})}},{key:"snapToGridPosition",value:function(t){return{x:_t.snapToGrid(t.x,this.canvasLayout.snapToGridXPx),y:_t.snapToGrid(t.y,this.canvasLayout.snapToGridYPx)}}},{key:"displayNodes",value:function(){this.logger.logStartTimer("displayNodes "+this.getFlags()),this.setPortPositionsAllNodes(),this.commentSizing||(this.dragging&&!this.nodeSizing&&!this.commentSizing||this.movingBindingNodes?this.displayMovedNodes():this.selecting||this.regionSelect?this.displayNodesSelectionStatus():this.displayAllNodes()),this.logger.logEndTimer("displayNodes "+this.getFlags())}},{key:"displayMovedNodes",value:function(){var t=this,e=this.getAllNodeGroupsSelection();e.datum((function(e){return t.getNode(e.id)})).attr("transform",(function(t){return"translate(".concat(t.x_pos,", ").concat(t.y_pos,")")})),this.dispUtils.isDisplayingSubFlow()&&e.each((function(e,n,i){e.isSupernodeInputBinding&&t.updatePortRadiusAndPos(i[n],e,"d3-node-port-output-main"),e.isSupernodeOutputBinding&&(t.updatePortRadiusAndPos(i[n],e,"d3-node-port-input-main"),t.updatePortArrowPath(i[n],"d3-node-port-input-arrow"))}))}},{key:"displayNodesSelectionStatus",value:function(t){var e=this;this.getAllNodeGroupsSelection().selectChildren(".d3-node-selection-highlight").attr("data-selected",(function(t){return e.objectModel.isSelected(t.id,e.activePipeline.id)?"yes":"no"})),this.superRenderers.forEach((function(t){t.selecting=!0,t.displayNodes(),t.selecting=!1}))}},{key:"displayAllNodes",value:function(){var t=this;this.getAllNodeGroupsSelection().data(this.activePipeline.nodes,(function(t){return t.id})).join((function(e){return t.createNodes(e)})).attr("transform",(function(t){return"translate(".concat(t.x_pos,", ").concat(t.y_pos,")")})).attr("class",(function(e){return t.getNodeGroupClass(e)})).attr("style",(function(e){return t.getNodeGrpStyle(e)})).call((function(e){return t.updateNodes(e)}))}},{key:"createNodes",value:function(t){var e=this,n=t.append("g").attr("data-id",(function(t){return e.getId("node_grp",t.id)})).call(this.attachNodeGroupListeners.bind(this));return this.config.enableEditingActions&&n.call(this.drag),n.filter((function(t){return e.nodeUtils.isSupernode(t)})).append("path").attr("class","d3-node-sizing").call(this.attachNodeSizingListeners.bind(this)),n.filter((function(t){return!_t.isSuperBindingNode(t)})).append("path").attr("class","d3-node-selection-highlight"),n.filter((function(t){return!_t.isSuperBindingNode(t)})).append("path").attr("class","d3-node-body-outline"),n.filter((function(t){return!_t.isSuperBindingNode(t)&&t.layout.imageDisplay})).each((function(t,n,i){var o=e.getNodeImage(t),a=e.getImageType(o);ds.select(i[n]).append(a).attr("class",(function(t){return e.nodeUtils.getNodeImageClass(t)}))})),n.filter((function(t){return!_t.isSuperBindingNode(t)})).append("foreignObject").attr("class","d3-foreign-object").call(this.attachNodeLabelListeners.bind(this)).append("xhtml:div").append("xhtml:span").call(this.attachNodeLabelSpanListeners.bind(this)),n}},{key:"updateNodes",value:function(t){var e=this;t.selectChildren(".d3-node-sizing").datum((function(t){return e.getNode(t.id)})).attr("d",(function(t){return e.getNodeShapePathSizing(t)})),t.selectChildren(".d3-node-selection-highlight").datum((function(t){return e.getNode(t.id)})).attr("d",(function(t){return e.getNodeSelectionOutline(t)})).attr("data-selected",(function(t){return e.objectModel.isSelected(t.id,e.activePipeline.id)?"yes":"no"})).attr("style",(function(t){return e.getNodeSelectionOutlineStyle(t,"default")})),t.selectChildren(".d3-node-body-outline").datum((function(t){return e.getNode(t.id)})).attr("d",(function(t){return e.getNodeShapePath(t)})).attr("style",(function(t){return e.getNodeBodyStyle(t,"default")})),t.selectChildren(".d3-node-image").datum((function(t){return e.getNode(t.id)})).each((function(t,n,i){return e.setNodeImageContent(i[n],t)})).attr("x",(function(t){return e.nodeUtils.getNodeImagePosX(t)})).attr("y",(function(t){return e.nodeUtils.getNodeImagePosY(t)})).attr("width",(function(t){return e.nodeUtils.getNodeImageWidth(t)})).attr("height",(function(t){return e.nodeUtils.getNodeImageHeight(t)})).attr("style",(function(t){return e.getNodeImageStyle(t,"default")})),t.selectChildren(".d3-foreign-object").datum((function(t){return e.getNode(t.id)})).attr("x",(function(t){return e.nodeUtils.getNodeLabelPosX(t)})).attr("y",(function(t){return e.nodeUtils.getNodeLabelPosY(t)})).attr("width",(function(t){return e.nodeUtils.getNodeLabelWidth(t)})).attr("height",(function(t){return e.nodeUtils.getNodeLabelHeight(t)})).attr("class",(function(t){return e.nodeUtils.getNodeLabelForeignClass(t)})).select("div").attr("class",(function(t){return e.nodeUtils.getNodeLabelClass(t)})).attr("style",(function(t){return e.getNodeLabelStyle(t,"default")})).select("span").html((function(t){return Mi(t.label)})),t.selectChildren(".d3-node-ellipsis-group").attr("transform",(function(t){return e.nodeUtils.getNodeEllipsisTranslate(t)})),t.selectChildren(".d3-node-super-expand-icon-group").attr("transform",(function(t){return e.nodeUtils.getNodeExpansionIconTranslate(t)})),t.each((function(t,n,i){var o=ds.select(i[n]);if(e.displayPorts(o,t),e.nodeUtils.isSupernode(t)&&e.displaySupernodeContents(t,ds.select(i[n])),!_t.isSuperBindingNode(t)){e.addErrorMarker(t,o);var a=_t.getCombinedDecorations(t.layout.decorations,t.decorations);e.displayDecorations(t,rt,o,a)}}))}},{key:"displaySupernodeContents",value:function(t,e){var n=this.getRendererForSupernode(t);this.nodeUtils.isExpanded(t)?n?n.setCanvasInfoRenderer(this.canvasInfo):(n=this.createSupernodeRenderer(t,e),this.superRenderers.push(n)):n&&n.hideCanvas(t)}},{key:"displayPorts",value:function(t,e){e.layout.inputPortDisplay&&Array.isArray(e.inputs)&&this.displayInputPorts(t,e),e.layout.outputPortDisplay&&Array.isArray(e.outputs)&&this.displayOutputPorts(t,e)}},{key:"displayInputPorts",value:function(t,e){var n=this,i="."+this.getNodeInputPortClassName();t.selectChildren(i).data(e.inputs,(function(t){return t.id})).join((function(t){return n.createInputPorts(t,e)})).attr("connected",(function(t){return t.isConnected?"yes":"no"})).attr("class",(function(t){return n.getNodeInputPortClassName()+(t.class_name?" "+t.class_name:"")})).call((function(t){return n.updateInputPorts(t,e)}))}},{key:"createInputPorts",value:function(t,e){var n=t.append("g").attr("data-port-id",(function(t){return t.id})).attr("isSupernodeBinding",_t.isSuperBindingNode(e)?"yes":"no").call(this.attachInputPortListeners.bind(this),e);return n.append(e.layout.inputPortObject).attr("class","d3-node-port-input-main"),this.config.enableAssocLinkCreation||"circle"!==e.layout.inputPortObject||_t.isSuperBindingNode(e)||n.append("path").attr("class","d3-node-port-input-arrow"),n}},{key:"updateInputPorts",value:function(t,e){var n=this;t.selectChildren(".d3-node-port-input-main").datum((function(t){return e.inputs.find((function(e){return t.id===e.id}))})).each((function(t,i,o){var a=ds.select(o[i]);e.layout.inputPortObject===st?a.attr("xlink:href",e.layout.inputPortImage).attr("x",t.cx-e.layout.inputPortWidth/2).attr("y",t.cy-e.layout.inputPortHeight/2).attr("width",e.layout.inputPortWidth).attr("height",e.layout.inputPortHeight):a.attr("r",n.getPortRadius(e)).attr("cx",t.cx).attr("cy",t.cy)})),t.selectChildren(".d3-node-port-input-arrow").datum((function(t){return e.inputs.find((function(e){return t.id===e.id}))})).each((function(t,i,o){var a=ds.select(o[i]);e.layout.inputPortObject!==st&&a.attr("d",n.getPortArrowPath(t)).attr("transform",n.getPortArrowPathTransform(t))}))}},{key:"displayOutputPorts",value:function(t,e){var n=this,i="."+this.getNodeOutputPortClassName(),o=this.config.enableSingleOutputPortDisplay&&e.outputs.length>1?[e.outputs[e.outputs.length-1]]:e.outputs;t.selectChildren(i).data(o,(function(t){return t.id})).join((function(t){return n.createOutputPorts(t,e)})).attr("connected",(function(t){return t.isConnected?"yes":"no"})).attr("class",(function(t){return n.getNodeOutputPortClassName()+(t.class_name?" "+t.class_name:"")})).call((function(t){return n.updateOutputPorts(t,e)}))}},{key:"createOutputPorts",value:function(t,e){var n=t.append("g").attr("data-port-id",(function(t){return t.id})).attr("isSupernodeBinding",_t.isSuperBindingNode(e)?"yes":"no").call(this.attachOutputPortListeners.bind(this),e);return n.append(e.layout.outputPortObject).attr("class","d3-node-port-output-main"),n}},{key:"updateOutputPorts",value:function(t,e){var n=this;t.selectChildren(".d3-node-port-output-main").datum((function(t){return e.outputs.find((function(e){return t.id===e.id}))})).each((function(t,i,o){var a=ds.select(o[i]);e.layout.outputPortObject===st?a.attr("xlink:href",e.layout.outputPortImage).attr("x",t.cx-e.layout.outputPortWidth/2).attr("y",t.cy-e.layout.outputPortHeight/2).attr("width",e.layout.outputPortWidth).attr("height",e.layout.outputPortHeight):a.attr("r",n.getPortRadius(e)).attr("cx",t.cx).attr("cy",t.cy)}))}},{key:"attachNodeGroupListeners",value:function(t){var e=this;t.on("mouseenter",(function(t,n){var i=ds.select(t.currentTarget);e.raiseNodeToTop(i),e.setNodeStyles(n,"hover",i),e.addDynamicNodeIcons(n,i),e.canOpenTip(T)&&(e.canvasController.closeTip(),e.canvasController.openTip({id:e.getId("node_tip",n.id),type:T,targetObj:t.currentTarget,pipelineId:e.activePipeline.id,node:n}))})).on("mouseleave",(function(t,n){var i=ds.select(t.currentTarget);e.setNodeStyles(n,"default",i),e.removeDynamicNodeIcons(n,i),e.canvasController.closeTip()})).on("mousedown",(function(t,n){e.logger.log("Node Group - mouse down"),e.config.enableDragWithoutSelect||e.selectObjectD3Event(t,n),e.logger.log("Node Group - finished mouse down")})).on("mousemove",(function(t,e){})).on("mouseup",(function(t,n){t.stopPropagation(),e.logger.log("Node Group - mouse up"),e.drawingNewLinkData&&e.completeNewLink(t),e.draggingLinkData&&e.completeDraggedLink(t,n)})).on("click",(function(t,n){e.logger.log("Node Group - click"),t.stopPropagation()})).on("dblclick",(function(t,n){e.logger.log("Node Group - double click"),_t.stopPropagationAndPreventDefault(t);var i=e.objectModel.getSelectedObjectIds();e.canvasController.clickActionHandler({clickType:"DOUBLE_CLICK",objectType:"node",id:n.id,selectedObjectIds:i,pipelineId:e.activePipeline.id})})).on("contextmenu",(function(t,n){e.logger.log("Node Group - context menu"),_t.stopPropagationAndPreventDefault(t),_t.isSuperBindingNode(n)||(e.config.enableDragWithoutSelect&&e.selectObjectD3Event(t,n),e.openContextMenu(t,"node",n))}))}},{key:"attachNodeSizingListeners",value:function(t){var e=this;t.on("mousedown",(function(t,n){e.nodeUtils.isExpandedSupernode(n)&&(e.nodeSizing=!0,e.addTempCursorOverlay(e.nodeSizingCursor))})).on("mousemove mouseenter",(function(t,n){if(e.config.enableEditingActions&&e.nodeUtils.isExpandedSupernode(n)&&!e.isRegionSelectOrSizingInProgress()){var i="pointer";e.isPointerCloseToBodyEdge(t,n)||(e.nodeSizingDirection=e.getSizingDirection(t,n,n.layout.nodeCornerResizeArea),e.nodeSizingCursor=e.getCursorBasedOnDirection(e.nodeSizingDirection),i=e.nodeSizingCursor),ds.select(t.currentTarget).style("cursor",i)}}))}},{key:"attachNodeLabelListeners",value:function(t){var e=this;t.on("mouseenter",(function(t,n){var i=ds.select(t.currentTarget);if(e.config.enableDisplayFullLabelOnHover&&!e.nodeUtils.isExpandedSupernode(n)){var o=i.selectAll("span");i.attr("x",e.nodeUtils.getNodeLabelHoverPosX(n)).attr("width",e.nodeUtils.getNodeLabelHoverWidth(n)).attr("height",e.nodeUtils.getNodeLabelHoverHeight(n,o.node(),e.zoomTransform.k)),o.classed("d3-label-full",!0)}})).on("mouseleave",(function(t,n){var i=ds.select(t.currentTarget);e.config.enableDisplayFullLabelOnHover&&!e.nodeUtils.isExpandedSupernode(n)&&(i.attr("x",e.nodeUtils.getNodeLabelPosX(n)).attr("width",e.nodeUtils.getNodeLabelWidth(n)).attr("height",e.nodeUtils.getNodeLabelHeight(n)),i.selectAll("span").classed("d3-label-full",!1))})).on("dblclick",(function(t,n){e.logger.log("Node Label - double click"),n.layout.labelEditable&&e.config.enableEditingActions&&(_t.stopPropagationAndPreventDefault(t),e.displayNodeLabelTextArea(n,t.currentTarget.parentNode))}))}},{key:"attachNodeLabelSpanListeners",value:function(t){var e=this;t.on("mouseenter",(function(t,n){n.layout.labelEditable&&e.config.enableEditingActions&&e.displayNodeLabelEditIcon(t.currentTarget,n)})).on("mouseleave",(function(t,n){n.layout.labelEditable&&e.config.enableEditingActions&&(e.hideEditIconPending=setTimeout(e.hideEditIcon.bind(e),500,t.currentTarget,n))}))}},{key:"attachInputPortListeners",value:function(t,e){var n=this;t.on("mousedown",(function(t,i){if(n.config.enableAssocLinkCreation&&0===t.button){_t.stopPropagationAndPreventDefault(t);var o=n.getNode(e.id);n.drawingNewLinkData={srcObjId:e.id,srcPortId:i.id,action:n.config.enableAssocLinkCreation?B:R,srcNode:o,startPos:{x:o.x_pos+i.cx,y:o.y_pos+i.cy},portType:"input",portObject:e.layout.inputPortObject,portImage:e.layout.inputPortImage,portWidth:e.layout.inputPortWidth,portHeight:e.layout.inputPortHeight,portRadius:n.getPortRadius(o),minInitialLine:o.layout.minInitialLine,guideObject:e.layout.inputPortGuideObject,guideImage:e.layout.inputPortGuideImage,linkArray:[]},n.drawNewLink(t)}})).on("mouseenter",(function(t,i){_t.stopPropagationAndPreventDefault(t),n.canOpenTip(D)&&(n.canvasController.closeTip(),n.canvasController.openTip({id:n.getId("node_port_tip",i.id),type:D,targetObj:t.currentTarget,pipelineId:n.activePipeline.id,node:e,port:i}))})).on("mouseleave",(function(){n.canvasController.closeTip()})).on("contextmenu",(function(t,i){n.logger.log("Input Port Circle - context menu"),_t.stopPropagationAndPreventDefault(t),n.config.enableDragWithoutSelect&&n.selectObjectD3Event(t,e),n.openContextMenu(t,"input_port",e,i)}))}},{key:"attachOutputPortListeners",value:function(t,e){var n=this;t.on("mousedown",(function(t,i){if(0===t.button){_t.stopPropagationAndPreventDefault(t);var o=n.getNode(e.id);_t.isSrcCardinalityAtMax(i.id,o,n.activePipeline.links)||(n.drawingNewLinkData={srcObjId:e.id,srcPortId:i.id,action:n.config.enableAssocLinkCreation?B:R,srcNode:o,startPos:{x:o.x_pos+i.cx,y:o.y_pos+i.cy},portType:"output",portObject:e.layout.outputPortObject,portImage:e.layout.outputPortImage,portWidth:e.layout.outputPortWidth,portHeight:e.layout.outputPortHeight,portRadius:n.getPortRadius(o),minInitialLine:o.layout.minInitialLine,guideObject:e.layout.outputPortGuideObject,guideImage:e.layout.outputPortGuideImage,linkArray:[]},n.config.enableHighlightUnavailableNodes&&n.setUnavailableTargetNodesHighlighting(o,i.id,n.activePipeline.links),n.drawNewLink(t))}})).on("mouseenter",(function(t,i){_t.stopPropagationAndPreventDefault(t),n.canOpenTip(D)&&(n.canvasController.closeTip(),n.canvasController.openTip({id:n.getId("node_port_tip",i.id),type:D,targetObj:t.currentTarget,pipelineId:n.activePipeline.id,node:e,port:i}))})).on("mouseleave",(function(){n.canvasController.closeTip()})).on("contextmenu",(function(t,i){n.logger.log("Output Port Circle - context menu"),_t.stopPropagationAndPreventDefault(t),n.config.enableDragWithoutSelect&&n.selectObjectD3Event(t,e),n.openContextMenu(t,"output_port",e,i)}))}},{key:"setUnavailableTargetNodesHighlighting",value:function(t,e,n){this.getAllNodeGroupsSelection().filter((function(i){return!_t.isTrgNodeAvailable(i,t,e,n)})).classed("d3-node-unavailable",!0)}},{key:"setUnavailableSourceNodesHighlighting",value:function(t,e,n){this.getAllNodeGroupsSelection().filter((function(i){return!_t.isSrcNodeAvailable(i,t,e,n)})).classed("d3-node-unavailable",!0)}},{key:"unsetUnavailableNodesHighlighting",value:function(){this.getAllNodeGroupsSelection().classed("d3-node-unavailable",!1)}},{key:"displayNodeLabelEditIcon",value:function(t,e){var n=this,i=t.parentElement.parentElement.parentElement,o=ds.select(i),a=this.nodeUtils.getNodeLabelEditIconTranslate(e,t,this.zoomTransform.k,this.config.enableDisplayFullLabelOnHover);this.displayEditIcon(t,o,a,(function(t,e){return n.displayNodeLabelTextArea(e,t.currentTarget.parentNode)}))}},{key:"displayDecLabelEditIcon",value:function(t,e,n,i){var o=this,a=t.parentElement.parentElement.parentElement,r=ds.select(a),s=this.decUtils.getDecLabelEditIconTranslate(e,n,i,t,this.zoomTransform.k);this.displayEditIcon(t,r,s,(function(t,a){return o.displayDecLabelTextArea(e,n,i,t.currentTarget.parentNode)}))}},{key:"displayEditIcon",value:function(t,e,n,i){var o=this,a=e.append("g").attr("class","d3-label-edit-icon-group").attr("transform",n).on("mouseenter",(function(t,e){o.mouseOverLabelEditIcon=!0})).on("mouseleave",(function(t,e){o.mouseOverLabelEditIcon=!1,o.hideEditIcon(this)})).on("click",(function(t,e){i(t,e),o.mouseOverLabelEditIcon=!1,o.hideEditIcon(this)}));a.append("rect").attr("class","d3-label-edit-icon-background1").attr("width",29).attr("height",24).attr("x",0).attr("y",-4),a.append("rect").attr("class","d3-label-edit-icon-background2").attr("width",24).attr("height",24).attr("x",5).attr("y",-4),a.append("svg").attr("class","d3-node-edit-label-icon").html(lt).attr("width",16).attr("height",16).attr("x",9).attr("y",0)}},{key:"hideEditIcon",value:function(t){if(!this.mouseOverLabelEditIcon){var e=t.parentElement.parentElement.parentElement;ds.select(e).selectAll(".d3-label-edit-icon-group").remove()}}},{key:"selectObjectD3Event",value:function(t,e){this.selectObject(e,t.type,t.shiftKey,_t.isCmndCtrlPressed(t))}},{key:"selectObjectSourceEvent",value:function(t,e){this.selectObject(e,t.type,t.sourceEvent.shiftKey,_t.isCmndCtrlPressed(t.sourceEvent))}},{key:"selectObject",value:function(t,e,n,i){this.selecting=!0,this.objectModel.isSelected(t.id,this.activePipeline.id)?i&&this.objectModel.toggleSelection(t.id,i,this.activePipeline.id):n?this.objectModel.selectSubGraph(t.id,this.activePipeline.id):this.objectModel.toggleSelection(t.id,i,this.activePipeline.id),this.selecting=!1;var o=this.getObjectTypeName(t);"node"!==o&&"link"!==o||(this.canvasController.clickActionHandler({clickType:"contextmenu"===e||this.ellipsisClicked?"SINGLE_CLICK_CONTEXTMENU":"SINGLE_CLICK",objectType:o,id:t.id,selectedObjectIds:this.objectModel.getSelectedObjectIds(),pipelineId:this.activePipeline.id}),this.ellipsisClicked=!1)}},{key:"getObjectTypeName",value:function(t){return this.getComment(t.id)?"comment":this.getNode(t.id)?"node":"link"}},{key:"displayDecorations",value:function(t,e,n,i){var o=this,a=this,r=i||[],s="d3-".concat(e,"-dec-group"),l="."+s;n.selectChildren(l).data(r,(function(t){return t.id})).join((function(t){return o.createDecorations(t,e,s)})).attr("transform",(function(n){return o.decUtils.getDecTransform(n,t,e)})).on("mousedown",(function(e,n){return n.hotspot?a.callDecoratorCallback(e,t,n):null})).each((function(n,i,a){return o.updateDecoration(n,ds.select(a[i]),e,t)}))}},{key:"createDecorations",value:function(t,e,n){var i=this;return t.append("g").attr("data-id",(function(t){return i.getId("".concat(e,"_dec_group"),t.id)})).attr("class",n).call(this.attachDecGroupListeners.bind(this))}},{key:"updateDecoration",value:function(t,e,n,i){this.updateDecOutlines(t,e,n,i),this.updateDecPaths(t,e,n),this.updateDecImages(t,e,n,i),this.updateDecLabels(t,e,n,i)}},{key:"updateDecOutlines",value:function(t,e,n,i){var o=e.selectChild("rect");t.label||t.path||!1===t.outline?o.remove():(o=o.empty()?e.append("rect"):o).attr("class",this.decUtils.getDecClass(t,"d3-".concat(n,"-dec-outline"))).attr("x",0).attr("y",0).attr("width",this.decUtils.getDecWidth(t,i,n)).attr("height",this.decUtils.getDecHeight(t,i,n)).lower()}},{key:"updateDecPaths",value:function(t,e,n){var i=e.selectChild("path");t.path?(i=i.empty()?e.append("path"):i).attr("class",this.decUtils.getDecClass(t,"d3-".concat(n,"-dec-path"))).attr("x",0).attr("y",0).attr("d",t.path):i.remove()}},{key:"updateDecImages",value:function(t,e,n,i){var o=this,a=e.selectChild("g");if(t.image){var r=this.getImageType(t.image);(a=a.empty()?e.append("g").append(r):a.select(r)).attr("class",this.decUtils.getDecClass(t,"d3-".concat(n,"-dec-image"))).attr("x",this.decUtils.getDecPadding(t,i,n)).attr("y",this.decUtils.getDecPadding(t,i,n)).attr("width",this.decUtils.getDecWidth(t,i,n)-2*this.decUtils.getDecPadding(t,i,n)).attr("height",this.decUtils.getDecHeight(t,i,n)-2*this.decUtils.getDecPadding(t,i,n)).each((function(){return o.setImageContent(a,t.image)}))}else a.remove()}},{key:"updateDecLabels",value:function(t,e,n,i){var o=e.selectChild("foreignObject");t.label?(o.empty()&&(o=e.append("foreignObject").attr("class",this.decUtils.getDecLabelForeignClass(t)).attr("x",0).attr("y",0).call(this.attachDecLabelListeners.bind(this,i,n))).append("xhtml:div").append("xhtml:span").call(this.attachDecLabelSpanListeners.bind(this,i,n)),o.attr("width",this.decUtils.getDecLabelWidth(t,i,n)).attr("height",this.decUtils.getDecLabelHeight(t,i,n)).select("div").attr("class",this.decUtils.getDecLabelClass(t,n)).select("span").html(Mi(t.label))):o.remove()}},{key:"attachDecLabelListeners",value:function(t,e,n){var i=this;n.on("dblclick",(function(n,o){i.logger.log("Decoration Label - double click"),o.label_editable&&i.config.enableEditingActions&&(_t.stopPropagationAndPreventDefault(n),i.displayDecLabelTextArea(o,t,e,n.currentTarget.parentNode))}))}},{key:"attachDecLabelSpanListeners",value:function(t,e,n){var i=this;n.on("mouseenter",(function(n,o){o.label_editable&&i.config.enableEditingActions&&i.displayDecLabelEditIcon(n.currentTarget,o,t,e)})).on("mouseleave",(function(t,e){e.label_editable&&i.config.enableEditingActions&&(i.hideEditIconPending=setTimeout(i.hideEditIcon.bind(i),500,t.currentTarget,e))}))}},{key:"attachDecGroupListeners",value:function(t){var e=this;t.on("mouseenter",(function(t,n){e.canOpenTip(N)&&(e.canvasController.closeTip(),e.canvasController.openTip({id:e.getId("dec_tip",n.id),type:N,targetObj:t.currentTarget,pipelineId:e.activePipeline.id,decoration:n}))})).on("mouseleave",(function(t,n){e.canvasController.closeTip()}))}},{key:"addErrorMarker",value:function(t,e){var n=this,i=e.selectChildren(".node-error-marker");t.messages&&t.messages.length>0?(i.empty()&&e.append("svg").attr("class","node-error-marker"),e.selectChildren(".node-error-marker").attr("class",(function(){return"node-error-marker "+n.nodeUtils.getErrorMarkerClass(t.messages)})).html(this.nodeUtils.getErrorMarkerIcon(t)).attr("width",this.nodeUtils.getNodeErrorWidth(t)).attr("height",this.nodeUtils.getNodeErrorHeight(t)).attr("x",this.nodeUtils.getNodeErrorPosX(t)).attr("y",this.nodeUtils.getNodeErrorPosY(t))):i.empty()||i.remove()}},{key:"getNodeInputPortClassName",value:function(){return this.config.enableAssocLinkCreation?"d3-node-port-input-assoc":"d3-node-port-input"}},{key:"getNodeOutputPortClassName",value:function(){return this.config.enableAssocLinkCreation?"d3-node-port-output-assoc":"d3-node-port-output"}},{key:"setNodeImageContent",value:function(t,e){var n=this.getNodeImage(e),i=ds.select(t);this.setImageContent(i,n)}},{key:"setImageContent",value:function(t,e){if(e!==t.attr("data-image")){var n=this.getImageType(e);t.attr("data-image",e),"svg"===n?(t.selectChild("svg").remove(),ds.svg(e,{cache:"force-cache"}).then((function(e){t.node().append(e.documentElement)}))):t.attr("xlink:href",e)}}},{key:"getNodeImage",value:function(t){if(!t.image)return null;if(t.image===k){if(this.nodeUtils.isSupernode(t))return ae}else if(t.image===b&&this.nodeUtils.isSupernode(t))return re;return t.image}},{key:"getImageType",value:function(t){return t&&t.endsWith(".svg")?"svg":"image"}},{key:"setNodeStyles",value:function(t,e,n){this.setNodeBodyStyles(t,e,n),this.setNodeSelectionOutlineStyles(t,e,n),this.setNodeImageStyles(t,e,n),this.setNodeLabelStyles(t,e,n)}},{key:"setNodeBodyStyles",value:function(t,e,n){var i=this.getNodeBodyStyle(t,e);n.selectChildren(".d3-node-body-outline").attr("style",i)}},{key:"setNodeSelectionOutlineStyles",value:function(t,e,n){var i=this.getNodeSelectionOutlineStyle(t,e);n.selectChildren(".d3-node-selection-highlight").attr("style",i)}},{key:"setNodeImageStyles",value:function(t,e,n){var i=this.getNodeImageStyle(t,e);n.selectChildren(".d3-node-image").attr("style",i)}},{key:"setNodeLabelStyles",value:function(t,e,n){var i=this.getNodeLabelStyle(t,e);n.selectChildren(".d3-node-label").attr("style",i)}},{key:"getNodeBodyStyle",value:function(t,e){var n=_t.getObjectStyle(t,"body",e);return null===n&&t.layout.dropShadow&&(n="filter:url(".concat(this.getId("#node_drop_shadow"),")")),n}},{key:"getNodeSelectionOutlineStyle",value:function(t,e){return _t.getObjectStyle(t,"selection_outline",e)}},{key:"getNodeImageStyle",value:function(t,e){return _t.getObjectStyle(t,"image",e)}},{key:"getNodeLabelStyle",value:function(t,e){return _t.getObjectStyle(t,"label",e)}},{key:"getNodeGrpStyle",value:function(t){return t.style_temp||t.style||!this.canvasInfo.subdueStyle||this.doesExpandedSupernodeHaveStyledNodes(t)?null:this.canvasInfo.subdueStyle}},{key:"getLinkGrpStyle",value:function(t){return t.style_temp||t.style||!this.canvasInfo.subdueStyle?null:this.canvasInfo.subdueStyle}},{key:"doesExpandedSupernodeHaveStyledNodes",value:function(t){var e=this,n=!1;this.nodeUtils.isExpandedSupernode(t)&&t.subflow_ref&&t.subflow_ref.pipeline_id_ref&&this.getActivePipeline(t.subflow_ref.pipeline_id_ref).nodes.forEach((function(t){t.style||t.style_temp?n=!0:!n&&e.nodeUtils.isExpandedSupernode(t)&&(n=e.doesExpandedSupernodeHaveStyledNodes(t))}));return n}},{key:"getMaxZoomToFitPaddingForConnections",value:function(){var t=this.getMaxPaddingForConnectionsFromInputBindingNodes(),e=this.getMaxPaddingForConnectionsToOutputBindingNodes();return Math.max(t,e)}},{key:"getMaxPaddingForConnectionsFromInputBindingNodes",value:function(){var t=this,e=0;return this.activePipeline.nodes.filter((function(t){return t.isSupernodeInputBinding})).forEach((function(n){var i=_t.getNodePaddingToTargetNodes(n,t.activePipeline.nodes,t.activePipeline.links,t.canvasLayout.linkType);e=Math.max(e,i)})),e}},{key:"getMaxPaddingForConnectionsToOutputBindingNodes",value:function(){var t=this,e=0,n=this.activePipeline.nodes.filter((function(t){return t.isSupernodeOutputBinding}));return this.activePipeline.nodes.forEach((function(i){var o=_t.getNodePaddingToTargetNodes(i,n,t.activePipeline.links,t.canvasLayout.linkType);e=Math.max(e,o)})),e}},{key:"getPortRadius",value:function(t){return _t.isSuperBindingNode(t)?this.getBindingPortRadius():t.layout.portRadius}},{key:"getBindingPortRadius",value:function(){return this.canvasLayout.supernodeBindingPortRadius/this.zoomTransform.k}},{key:"addDynamicNodeIcons",value:function(t,e){var n=this;if(!this.nodeSizing&&!_t.isSuperBindingNode(t)){var i=e.append("g").filter((function(){return t.layout.ellipsisDisplay})).attr("class","d3-node-ellipsis-group").attr("transform",(function(t){return n.nodeUtils.getNodeEllipsisTranslate(t)})).on("mousedown",(function(e){_t.stopPropagationAndPreventDefault(e),n.ellipsisClicked=!0,n.config.enableDragWithoutSelect||n.selectObjectD3Event(e,t),n.openContextMenu(e,"node",t)}));if(i.append("rect").attr("class","d3-node-ellipsis-background").attr("width",(function(t){return n.nodeUtils.getNodeEllipsisWidth(t)})).attr("height",(function(t){return n.nodeUtils.getNodeEllipsisHeight(t)})).attr("x",0).attr("y",0),i.append("svg").attr("class","d3-node-ellipsis").html(ct).attr("width",(function(t){return n.nodeUtils.getNodeEllipsisIconWidth(t)})).attr("height",(function(t){return n.nodeUtils.getNodeEllipsisIconHeight(t)})).attr("x",(function(t){return t.layout.ellipsisHoverAreaPadding})).attr("y",(function(t){return t.layout.ellipsisHoverAreaPadding})),this.nodeUtils.isExpandedSupernode(t)){var o=e.append("g").attr("transform",(function(t){return n.nodeUtils.getNodeExpansionIconTranslate(t)})).attr("class","d3-node-super-expand-icon-group").on("mousedown",(function(t){_t.stopPropagationAndPreventDefault(t);var e=n.getSupernodeBreadcrumbs(t.currentTarget);n.canvasController.displaySubPipelineForBreadcrumbs(e)})).on("mouseenter",(function(){ds.select(this).attr("data-pointer-hover","yes")})).on("mouseleave",(function(){ds.select(this).attr("data-pointer-hover","no")}));o.append("rect").attr("class","d3-node-super-expand-icon-background").attr("width",this.canvasLayout.supernodeExpansionIconWidth).attr("height",this.canvasLayout.supernodeExpansionIconHeight).attr("x",0).attr("y",0),o.append("svg").attr("class","d3-node-super-expand-icon").html(ut).attr("width",this.canvasLayout.supernodeExpansionIconWidth-2*this.canvasLayout.supernodeExpansionIconHoverAreaPadding).attr("height",this.canvasLayout.supernodeExpansionIconHeight-2*this.canvasLayout.supernodeExpansionIconHoverAreaPadding).attr("x",this.canvasLayout.supernodeExpansionIconHoverAreaPadding).attr("y",this.canvasLayout.supernodeExpansionIconHoverAreaPadding)}}}},{key:"getSupernodeBreadcrumbs",value:function(t){for(var e=[],n=t.closest(".d3-node-group");n;){var i=n.closest(".svg-area"),o=this.getD3DatumFromDomEl(n),a=i.getAttribute("data-pipeline-id");e.push(this.canvasController.getObjectModel().createBreadcrumb(o,a)),n=i.closest(".d3-node-group")}return e.reverse()}},{key:"getD3DatumFromDomEl",value:function(t){var e=ds.select(t);return e?e.datum():null}},{key:"updatePortRadiusAndPos",value:function(t,e,n){var i=this;ds.select(t).selectAll("."+n).attr("r",(function(){return i.getPortRadius(e)})).attr("cx",(function(t){return t.cx})).attr("cy",(function(t){return t.cy}))}},{key:"updatePortArrowPath",value:function(t,e){var n=this;ds.select(t).selectAll("."+e).attr("d",(function(t){return n.getPortArrowPath(t)})).attr("transform",(function(t){return n.getPortArrowPathTransform(t)}))}},{key:"isNonBindingNode",value:function(t){return this.isNode(t)&&"binding"!==t.type}},{key:"isPortMaxCardinalityZero",value:function(t){return 0===St(t,"app_data.ui_data.cardinality.max",1)}},{key:"removeDynamicNodeIcons",value:function(t,e){t.layout.ellipsisDisplay&&e.selectChildren(".d3-node-ellipsis-group").remove(),e.selectChildren(".d3-node-super-expand-icon-group").remove()}},{key:"createSupernodeRenderer",value:function(t,e){return t.subflow_ref&&t.subflow_ref.pipeline_id_ref?new n(t.subflow_ref.pipeline_id_ref,this.canvasDiv,this.canvasController,this.canvasInfo,this.config,{id:t.id,pipelineId:this.activePipeline.id,renderer:this,d3Selection:e}):null}},{key:"getRendererForSupernode",value:function(t){return this.superRenderers.find((function(e){return e.supernodeInfo.id===t.id&&e.activePipeline.id===t.subflow_ref.pipeline_id_ref}))}},{key:"getDiscardedRenderersForSupernode",value:function(t){return this.superRenderers.filter((function(e){return e.supernodeInfo.id===t.id&&e.activePipeline.id!==t.subflow_ref.pipeline_id_ref}))}},{key:"openContextMenu",value:function(t,e,n,i){_t.stopPropagationAndPreventDefault(t),this.canvasController.contextMenuHandler({type:e,targetObject:"canvas"===e?null:n,id:"canvas"===e?null:n.id,pipelineId:this.activePipeline.id,cmPos:this.getMousePos(t,this.canvasDiv.selectAll("svg")),mousePos:this.getMousePosSnapToGrid(this.getTransformedMousePos(t)),selectedObjectIds:this.objectModel.getSelectedObjectIds(),addBreadcrumbs:n&&n.type===z?this.getSupernodeBreadcrumbs(t.currentTarget):null,port:i,zoom:this.zoomTransform.k})}},{key:"closeContextMenuIfOpen",value:function(){this.canvasController.isContextMenuDisplayed()&&this.canvasController.closeContextMenu()}},{key:"callDecoratorCallback",value:function(t,e,n){t.stopPropagation(),this.canvasController.decorationActionHandler&&this.canvasController.decorationActionHandler(e,n.id,this.activePipeline.id)}},{key:"drawNewLink",value:function(t){if(!1!==this.config.enableEditingActions){this.closeContextMenuIfOpen();var e=this.getTransformedMousePos(t);this.drawingNewLinkData.action===U?this.drawNewCommentLinkForPorts(e):this.drawNewNodeLinkForPorts(e),this.config.enableHighlightNodeOnNewLinkDrag&&this.setNewLinkOverNode(t)}}},{key:"drawNewNodeLinkForPorts",value:function(t){var e,n=this,i=this,o=this.config.enableAssocLinkCreation?B:R;e=this.canvasLayout.linkType===X?this.linkUtils.getNewStraightNodeLinkStartPos(this.drawingNewLinkData.srcNode,t):{x:this.drawingNewLinkData.startPos.x,y:this.drawingNewLinkData.startPos.y},this.drawingNewLinkData.linkArray=[{x1:e.x,y1:e.y,x2:t.x,y2:t.y,type:o}],this.config.enableAssocLinkCreation&&(this.drawingNewLinkData.linkArray[0].assocLinkVariation=this.getNewLinkAssocVariation(this.drawingNewLinkData.linkArray[0].x1,this.drawingNewLinkData.linkArray[0].x2,this.drawingNewLinkData.portType));var a=this.linkUtils.getConnectorPathInfo(this.drawingNewLinkData.linkArray[0],this.drawingNewLinkData.minInitialLine),r=this.nodesLinksGrp.selectAll(".d3-new-connection-line"),s=this.nodesLinksGrp.selectAll(".d3-new-connection-start"),l=this.nodesLinksGrp.selectAll(".d3-new-connection-guide");r.data(this.drawingNewLinkData.linkArray).enter().append("path").attr("class","d3-new-connection-line").attr("linkType",o).merge(r).attr("d",a.path).attr("transform",a.transform),this.canvasLayout.linkType!==X&&s.data(this.drawingNewLinkData.linkArray).enter().append(this.drawingNewLinkData.portObject).attr("class","d3-new-connection-start").attr("linkType",o).merge(s).each((function(t){i.drawingNewLinkData.portObject===dt&&ds.select(this).attr("cx",t.x1).attr("cy",t.y1).attr("r",i.drawingNewLinkData.portRadius)})),l.data(this.drawingNewLinkData.linkArray).enter().append(this.drawingNewLinkData.guideObject).attr("class","d3-new-connection-guide").attr("linkType",o).on("mouseup",(function(t){_t.stopPropagationAndPreventDefault(t),n.completeNewLink(t)})).merge(l).each((function(t){i.drawingNewLinkData.guideObject===st?ds.select(this).attr("xlink:href",i.drawingNewLinkData.guideImage).attr("x",t.x2-i.drawingNewLinkData.portWidth/2).attr("y",t.y2-i.drawingNewLinkData.portHeight/2).attr("width",i.drawingNewLinkData.portWidth).attr("height",i.drawingNewLinkData.portHeight).attr("transform",i.getLinkImageTransform(t)):ds.select(this).attr("cx",t.x2).attr("cy",t.y2).attr("r",i.drawingNewLinkData.portRadius)}))}},{key:"getLinkImageTransform",value:function(t){var e=0;if(this.canvasLayout.linkType===X){var n=t.x2-t.x1,i=t.y2-t.y1;return 0===n&&0===i?e=0:(e=Math.atan(i/n)*(180/Math.PI),e=n>=0?e:e+180,this.canvasLayout.linkDirection===Y?e-=90:this.canvasLayout.linkDirection===W&&(e+=90)),"rotate(".concat(e,",").concat(t.x2,",").concat(t.y2,")")}return null}},{key:"drawNewCommentLinkForPorts",value:function(t){var e=this,n=this,i=this.getComment(this.drawingNewLinkData.srcObjId),o=this.linkUtils.getNewStraightCommentLinkStartPos(i,t),a=U;this.drawingNewLinkData.linkArray=[{x1:o.x,y1:o.y,x2:t.x,y2:t.y,type:a}];var r=this.nodesLinksGrp.selectAll(".d3-new-connection-line"),s=this.nodesLinksGrp.selectAll(".d3-new-connection-guide");if(r.data(this.drawingNewLinkData.linkArray).enter().append("path").attr("class","d3-new-connection-line").attr("linkType",a).merge(r).attr("d",(function(t){return n.linkUtils.getConnectorPathInfo(t).path})),s.data(this.drawingNewLinkData.linkArray).enter().append("circle").attr("class","d3-new-connection-guide").attr("linkType",a).on("mouseup",(function(t){_t.stopPropagationAndPreventDefault(t),e.completeNewLink(t)})).merge(s).attr("cx",(function(t){return t.x2})).attr("cy",(function(t){return t.y2})).attr("r",this.canvasLayout.commentPortRadius),this.canvasLayout.commentLinkArrowHead){var l=this.nodesLinksGrp.selectAll(".d3-new-connection-arrow");l.data(this.drawingNewLinkData.linkArray).enter().append("path").attr("class","d3-new-connection-arrow").attr("linkType",a).on("mouseup",(function(t){_t.stopPropagationAndPreventDefault(t),e.completeNewLink(t)})).merge(l).attr("d",(function(t){return e.getArrowHead(t)})).attr("transform",(function(t){return e.getArrowHeadTransform(t)}))}}},{key:"completeNewLink",value:function(t){if(!1!==this.config.enableEditingActions){this.config.enableHighlightUnavailableNodes&&this.unsetUnavailableNodesHighlighting();var e=this.getNodeAtMousePos(t);null!==e?this.completeNewLinkOnNode(t,e):this.config.enableLinkSelection!==tt||this.drawingNewLinkData.action!==R||this.config.enableAssocLinkCreation?this.stopDrawingNewLink():this.completeNewDetachedLink(t)}}},{key:"completeNewLinkOnNode",value:function(t,e){if(this.removeNewLink(),this.config.enableHighlightNodeOnNewLinkDrag&&this.setNewLinkOverNodeCancel(),null!==e){var n=this.drawingNewLinkData.action;if(n===R){var i=this.getNode(this.drawingNewLinkData.srcObjId),o=this.drawingNewLinkData.srcPortId,a=this.getInputNodePortId(t,e);if(_t.isDataConnectionAllowed(o,a,i,e,this.activePipeline.links))this.canvasController.editActionHandler({editType:"linkNodes",editSource:"canvas",nodes:[{id:this.drawingNewLinkData.srcObjId,portId:this.drawingNewLinkData.srcPortId}],targetNodes:[{id:e.id,portId:a}],type:n,linkType:"data",pipelineId:this.pipelineId});else if(this.config.enableLinkReplaceOnNewConnection&&_t.isDataLinkReplacementAllowed(o,a,i,e,this.activePipeline.links)){var r=_t.getDataLinksConnectedTo(a,e,this.activePipeline.links);1===r.length&&this.canvasController.editActionHandler({editType:"linkNodesAndReplace",editSource:"canvas",nodes:[{id:this.drawingNewLinkData.srcObjId,portId:this.drawingNewLinkData.srcPortId}],targetNodes:[{id:e.id,portId:a}],type:n,pipelineId:this.pipelineId,replaceLink:r[0]})}}else if(n===B){var s=this.getNode(this.drawingNewLinkData.srcObjId);_t.isAssocConnectionAllowed(s,e,this.activePipeline.links)&&this.canvasController.editActionHandler({editType:"linkNodes",editSource:"canvas",nodes:[{id:this.drawingNewLinkData.srcObjId}],targetNodes:[{id:e.id}],type:n,pipelineId:this.pipelineId})}else _t.isCommentLinkConnectionAllowed(this.drawingNewLinkData.srcObjId,e.id,this.activePipeline.links)&&this.canvasController.editActionHandler({editType:"linkComment",editSource:"canvas",nodes:[this.drawingNewLinkData.srcObjId],targetNodes:[e.id],type:U,linkType:"comment",pipelineId:this.pipelineId})}this.drawingNewLinkData=null}},{key:"completeNewDetachedLink",value:function(t){this.removeNewLink(),this.config.enableHighlightNodeOnNewLinkDrag&&this.setNewLinkOverNodeCancel();var e=this.getTransformedMousePos(t);this.canvasController.editActionHandler({editType:"createDetachedLink",editSource:"canvas",srcNodeId:this.drawingNewLinkData.srcObjId,srcNodePortId:this.drawingNewLinkData.srcPortId,trgPos:e,type:R,pipelineId:this.pipelineId}),this.drawingNewLinkData=null}},{key:"stopDrawingNewLink",value:function(){this.config.enableHighlightNodeOnNewLinkDrag&&this.setNewLinkOverNodeCancel(),this.stopDrawingNewLinkForPorts()}},{key:"stopDrawingNewLinkForPorts",value:function(){var t=this,e=this.drawingNewLinkData.linkArray[0].x1,n=this.drawingNewLinkData.linkArray[0].y1,i=this.drawingNewLinkData.linkArray[0].x2,o=this.drawingNewLinkData.linkArray[0].y2,a=Object.assign({},this.drawingNewLinkData);this.drawingNewLinkData=null;var r="",s=350;this.canvasLayout.linkType===j?r="M "+e+" "+n+"C "+i+" "+o+" "+i+" "+o+" "+i+" "+o:this.canvasLayout.linkType===X?(e<i&&(s=0),r="M "+e+" "+n+"L "+i+" "+o+" "+i+" "+o+" "+i+" "+o):r="M "+e+" "+n+"L "+i+" "+o+"Q "+i+" "+o+" "+i+" "+o+"L "+i+" "+o+"Q "+i+" "+o+" "+i+" "+o+"L "+i+" "+o+"Q "+i+" "+o+" "+i+" "+o+"L "+i+" "+o+"Q "+i+" "+o+" "+i+" "+o+"L "+i+" "+o,this.nodesLinksGrp.selectAll(".d3-new-connection-line").transition().duration(s).attr("d",r).on("end",(function(){t.nodesLinksGrp.selectAll(".d3-new-connection-arrow").remove(),t.nodesLinksGrp.selectAll(".d3-new-connection-guide").transition().duration(1e3).ease(ds.easeElastic).attr("x",e-a.portWidth/2).attr("y",n-a.portHeight/2).attr("cx",e).attr("cy",n).attr("transform",null),t.nodesLinksGrp.selectAll(".d3-new-connection-line").transition().duration(1e3).ease(ds.easeElastic).attr("d","M "+e+" "+n+"L "+e+" "+n).on("end",t.removeNewLink.bind(t))}))}},{key:"removeNewLink",value:function(){this.nodesLinksGrp.selectAll(".d3-new-connection-line").remove(),this.nodesLinksGrp.selectAll(".d3-new-connection-start").remove(),this.nodesLinksGrp.selectAll(".d3-new-connection-guide").remove(),this.nodesLinksGrp.selectAll(".d3-new-connection-arrow").remove()}},{key:"dragLinkHandle",value:function(t){var e=this.getTransformedMousePos(t),n=this.draggingLinkData.link;"start"===this.draggingLinkData.endBeingDragged?(n.srcPos={x_pos:e.x,y_pos:e.y},delete n.srcNodeId,delete n.srcNodePortId,delete n.srcObj):(n.trgPos={x_pos:e.x,y_pos:e.y},delete n.trgNodeId,delete n.trgNodePortId,delete n.trgNode),this.displayLinks(),this.config.enableHighlightNodeOnNewLinkDrag&&this.setNewLinkOverNode(t)}},{key:"completeDraggedLink",value:function(t){var e=this.getNewLinkOnDrag(t);e?this.canvasController.editActionHandler({editType:"updateLink",editSource:"canvas",newLink:e,pipelineId:this.pipelineId}):(this.restoreLink(this.draggingLinkData.oldLink),this.displayLinks()),this.config.enableHighlightNodeOnNewLinkDrag&&this.setNewLinkOverNodeCancel(),this.unsetUnavailableNodesHighlighting(),this.stopDraggingLink()}},{key:"getNewLinkOnDrag",value:function(t,e){var n=this.draggingLinkData.oldLink,i=Nt(n);if("start"===this.draggingLinkData.endBeingDragged){delete i.srcNodeId,delete i.srcNodePortId,delete i.srcPos;var o=e?this.getNodeNearMousePos(t,e):this.getNodeAtMousePos(t);o?(i.srcNodeId=o.id,i.srcNodePortId=e?this.getNodePortIdNearMousePos(t,"output_type",o):this.getOutputNodePortId(t,o)):i.srcPos=this.draggingLinkData.link.srcPos}else{delete i.trgNodeId,delete i.trgNodePortId,delete i.trgPos;var a=e?this.getNodeNearMousePos(t,e):this.getNodeAtMousePos(t);a?(i.trgNodeId=a.id,i.trgNodePortId=e?this.getNodePortIdNearMousePos(t,"input_type",a):this.getInputNodePortId(t,a)):i.trgPos=this.draggingLinkData.link.trgPos}return this.config.enableLinkSelection!==tt&&(i.srcPos||i.trgPos)?null:this.canExecuteUpdateLinkCommand(i,n)?i:null}},{key:"restoreLink",value:function(t){var e=this.activePipeline.links.findIndex((function(e){return e.id===t.id}));this.activePipeline.links.splice(e,1,t)}},{key:"canExecuteUpdateLinkCommand",value:function(t,e){var n=this.getNode(t.srcNodeId),i=this.getNode(t.trgNodeId),o=this.hasLinkSrcChanged(t,e),a=this.hasLinkTrgChanged(t,e),r=this.activePipeline.links,s=!0;return o&&n&&!_t.isSrcConnectionAllowedWithDetachedLinks(t.srcNodePortId,n,r)&&(s=!1),a&&i&&!_t.isTrgConnectionAllowedWithDetachedLinks(t.trgNodePortId,i,r)&&(s=!1),n&&i&&!_t.isConnectionAllowedWithDetachedLinks(t.srcNodePortId,t.trgNodePortId,n,i,r)&&(s=!1),s}},{key:"hasLinkSrcChanged",value:function(t,e){var n=!1;return t.srcNodeId?(t.srcNodeId!==e.srcNodeId&&(n=!0),t.srcNodePortId!==e.srcNodePortId&&(n=!0)):e.srcPos&&t.srcPos.x_pos===e.srcPos.x_pos&&t.srcPos.y_pos===e.srcPos.y_pos||(n=!0),n}},{key:"hasLinkTrgChanged",value:function(t,e){var n=!1;return t.trgNodeId?(t.trgNodeId!==e.trgNodeId&&(n=!0),t.trgNodePortId!==e.trgNodePortId&&(n=!0)):e.trgPos&&t.trgPos.x_pos===e.trgPos.x_pos&&t.trgPos.y_pos===e.trgPos.y_pos||(n=!0),n}},{key:"stopDraggingLink",value:function(){this.draggingLinkData=null}},{key:"getLinkAtMousePos",value:function(t,e){var n=this.getLinkElementAtMousePos(t,e);return this.getNodeLinkForElement(n)}},{key:"getLinkElementAtMousePos",value:function(t,e){this.setDataLinkSelectionAreaWider(!0);var n=this.getElementWithClassAtPosition(t,e,"d3-data-link");return this.setDataLinkSelectionAreaWider(!1),n}},{key:"getNodeLinkForElement",value:function(t){if(t){var e=ds.select(t).datum();if(e){var n=this.getLink(e.id,this.pipelineId);if(n&&n.type===R)return n}}return null}},{key:"setDataLinkSelectionAreaWider",value:function(t){this.canvasSVG.selectAll(".d3-data-link-selection-area").classed("d3-extra-width",t)}},{key:"getNodeAtMousePos",value:function(t){var e=this.getElementWithClassAtMousePos(t,"d3-node-group");return this.getNodeForElement(e)}},{key:"getInputNodePortId",value:function(t,e){var n=this.getInputNodePortIdAtMousePos(t);return n||(n=_t.getDefaultInputPortId(e)),n}},{key:"getInputNodePortIdAtMousePos",value:function(t){var e=this.getElementWithClassAtMousePos(t,this.getNodeInputPortClassName());return this.getNodePortIdForElement(e)}},{key:"getOutputNodePortId",value:function(t,e){var n=this.getOutputNodePortIdAtMousePos(t);return n||(n=_t.getDefaultOutputPortId(e)),n}},{key:"getOutputNodePortIdAtMousePos",value:function(t){var e=this.getElementWithClassAtMousePos(t,this.getNodeOutputPortClassName());return this.getNodePortIdForElement(e)}},{key:"getElementAtPoint",value:function(t,e,n){var i=this;return document.elementsFromPoint(t,e).find((function(t){return i.isClassNameIncluded(t,n)}))}},{key:"getElementWithClassAtMousePos",value:function(t,e){var n=t.clientX?t.clientX:t.sourceEvent.clientX,i=t.clientY?t.clientY:t.sourceEvent.clientY;return this.getElementWithClassAtPosition(n,i,e)}},{key:"getElementWithClassAtPosition",value:function(t,e,n){for(var i=document.elementsFromPoint(t,e),o=null,a=0;!o&&a<i.length;)o=this.getParentElementWithClass(i[a],n),a++;return o}},{key:"getParentElementWithClass",value:function(t,e){for(var n=t,i=null;n;)this.isClassNameIncluded(n,"d3-new-connection-guide")||this.isClassNameIncluded(n,"svg-area")?n=null:this.isClassNameIncluded(n,e)?(i=n,n=null):n=n.parentNode;return i}},{key:"isClassNameIncluded",value:function(t,e){return t.classList&&t.classList.contains(e)}},{key:"getNodeForElement",value:function(t){if(t&&"g"===t.nodeName){var e=ds.select(t).datum();if(e)return this.getNode(e.id)}return null}},{key:"getNodePortIdForElement",value:function(t){return t?ds.select(t).attr("data-port-id"):null}},{key:"getNodeNearMousePos",value:function(t,e){var n=this,i=this.getTransformedMousePos(t),o=null,a=e||0;return this.getAllNodeGroupsSelection().each((function(t){var e=t.layout.portRadius;_t.isSuperBindingNode(t)&&(e=n.canvasLayout.supernodeBindingPortRadius/n.zoomTransform.k),i.x>=t.x_pos-e-a&&i.x<=t.x_pos+t.width+e+a&&i.y>=t.y_pos-a&&i.y<=t.y_pos+t.height+a&&(o=t)})),o}},{key:"getNodePortIdNearMousePos",value:function(t,e,n){var i=this.getTransformedMousePos(t),o=null,a=null;if(n)if("output_type"===e){var r=this.getAllNodeGroupsSelection().selectChildren("."+this.getNodeOutputPortClassName()).selectChildren(".d3-node-port-output-main");o=this.searchForPortNearMouse(n,i,r,n.layout.outputPortObject,n.width),a=_t.getDefaultOutputPortId(n)}else{var s=this.getAllNodeGroupsSelection().selectChildren("."+this.getNodeInputPortClassName()).selectChildren(".d3-node-port-input-main");o=this.searchForPortNearMouse(n,i,s,n.layout.inputPortObject,0),a=_t.getDefaultInputPortId(n)}return o||(o=a),o}},{key:"searchForPortNearMouse",value:function(t,e,n,i,o){var a=null;return n.each((function(n,r,s){var l=ds.select(s[r]);if(i===st){var c=t.x_pos+Number(l.attr("x")),u=t.y_pos+Number(l.attr("y")),d=Number(l.attr("width")),h=Number(l.attr("height"));e.x>=c&&e.x<=c+o+d&&e.y>=u&&e.y<=u+h&&(a=s[r].getAttribute("data-port-id"))}else{var p=t.x_pos+Number(l.attr("cx")),g=t.y_pos+Number(l.attr("cy"));e.x>=p-t.layout.portRadius&&e.x<=p+t.layout.portRadius&&e.y>=g-t.layout.portRadius&&e.y<=g+t.layout.portRadius&&(a=s[r].getAttribute("data-port-id"))}})),a}},{key:"getNodeShapePathSizing",value:function(t){return this.getRectangleNodeShapePath(t,t.layout.nodeSizingArea)}},{key:"getNodeSelectionOutline",value:function(t){return t.layout.selectionPath&&!this.nodeUtils.isExpanded(t)?t.layout.selectionPath:"port-arcs"===t.layout.nodeShape?this.getPortArcsNodeShapePath(t):this.getRectangleNodeShapePath(t,t.layout.nodeHighlightGap)}},{key:"getNodeShapePath",value:function(t){return t.layout.bodyPath&&!this.nodeUtils.isExpanded(t)?t.layout.bodyPath:"port-arcs"===t.layout.nodeShape?this.getPortArcsNodeShapePath(t):this.getRectangleNodeShapePath(t)}},{key:"getRectangleNodeShapePath",value:function(t,e){var n=e||0,i=0-n,o=0-n,a=t.width+n,r=t.height+n,s="M "+i+" "+o+" L "+a+" "+o;return s+=" L "+a+" "+r,s+=" L "+i+" "+r,s+=" Z"}},{key:"getPortArcsNodeShapePath",value:function(t){return this.canvasLayout.linkDirection===Y?this.getPortArcsNodeShapePathVertical(t,t.inputs,t.inputPortsWidth,t.outputs,t.outputPortsWidth):this.canvasLayout.linkDirection===W?this.getPortArcsNodeShapePathVertical(t,t.outputs,t.outputPortsWidth,t.inputs,t.inputPortsWidth):this.getPortArcsNodeShapePathLeftRight(t)}},{key:"getPortArcsNodeShapePathLeftRight",value:function(t){var e="M 0 0 L "+t.width+" 0 ";if(t.outputs&&t.outputs.length>0){var n=t.layout.portArcOffset;t.outputPortsHeight<t.height&&(n=t.outputs[0].cy-t.layout.portArcRadius),e+=" L "+t.width+" "+n,t.outputs.forEach((function(i,o){n+=2*t.layout.portArcRadius,e+=" A "+t.layout.portArcRadius+" "+t.layout.portArcRadius+" 180 0 1 "+t.width+" "+n,o<t.outputs.length-1&&(n+=t.layout.portArcSpacing,e+=" L "+t.width+" "+n)})),e+=" L "+t.width+" "+t.height}else e+=" L "+t.width+" "+t.height;if(e+=" L 0 "+t.height,t.inputs&&t.inputs.length>0){var i=t.height-t.layout.portArcOffset;t.inputPortsHeight<t.height&&(i=t.inputs[t.inputs.length-1].cy+t.layout.portArcRadius),e+=" L 0 "+i,t.inputs.forEach((function(n,o){i-=2*t.layout.portArcRadius,e+=" A "+t.layout.portArcRadius+" "+t.layout.portArcRadius+" 180 0 1 0 "+i,o<t.inputs.length-1&&(i-=t.layout.portArcSpacing,e+=" L 0 "+i)})),e+=" Z"}else e+=" Z";return e}},{key:"getPortArcsNodeShapePathVertical",value:function(t,e,n,i,o){var a="M 0 0 L 0 "+t.height;if(i&&i.length>0){var r=t.layout.portArcOffset;o<t.width&&(r=i[0].cx-t.layout.portArcRadius),a+=" L "+r+" "+t.height,i.forEach((function(e,n){r+=2*t.layout.portArcRadius,a+=" A "+t.layout.portArcRadius+" "+t.layout.portArcRadius+" 180 0 0 "+r+" "+t.height,n<i.length-1&&(r+=t.layout.portArcSpacing,a+=" L "+r+" "+t.height)})),a+=" L "+t.width+" "+t.height}else a+=" L "+t.width+" "+t.height;if(a+=" L "+t.width+" 0 ",e&&e.length>0){var s=t.width-t.layout.portArcOffset;n<t.width&&(s=e[e.length-1].cx+t.layout.portArcRadius),a+=" L "+s+" 0 ",e.forEach((function(n,i){s-=2*t.layout.portArcRadius,a+=" A "+t.layout.portArcRadius+" "+t.layout.portArcRadius+" 180 0 0 "+s+" 0 ",i<e.length-1&&(s-=t.layout.portArcSpacing,a+=" L "+s+" 0 ")})),a+=" Z"}else a+=" Z";return a}},{key:"setPortPositionsAllNodes",value:function(){var t=this;this.activePipeline.nodes.forEach((function(e){t.setPortPositionsForNode(e)}))}},{key:"setPortPositionsForNode",value:function(t){this.canvasLayout.linkDirection===Y?(this.setPortPositionsVertical(t,t.inputs,t.inputPortsWidth,t.layout.inputPortTopPosX,t.layout.inputPortTopPosY),this.setPortPositionsVertical(t,t.outputs,t.outputPortsWidth,t.layout.outputPortBottomPosX,this.getOutputPortBottomPosY(t))):this.canvasLayout.linkDirection===W?(this.setPortPositionsVertical(t,t.inputs,t.inputPortsWidth,t.layout.inputPortBottomPosX,this.getInputPortBottomPosY(t)),this.setPortPositionsVertical(t,t.outputs,t.outputPortsWidth,t.layout.outputPortTopPosX,t.layout.outputPortTopPosY)):(this.setPortPositionsLeftRight(t,t.inputs,t.inputPortsHeight,t.layout.inputPortLeftPosX,t.layout.inputPortLeftPosY),this.setPortPositionsLeftRight(t,t.outputs,t.outputPortsHeight,this.getOutputPortRightPosX(t),t.layout.outputPortRightPosY,this.config.enableSingleOutputPortDisplay))}},{key:"getOutputPortRightPosX",value:function(t){return t.width+t.layout.outputPortRightPosX}},{key:"getOutputPortBottomPosY",value:function(t){return t.height+t.layout.outputPortBottomPosY}},{key:"getInputPortBottomPosY",value:function(t){return t.height+t.layout.inputPortBottomPosY}},{key:"setPortPositionsVertical",value:function(t,e,n,i,o){if(e&&e.length>0)if(t.width<=t.layout.defaultNodeWidth&&1===e.length)e[0].cx=i,e[0].cy=o;else{var a=0;if(this.nodeUtils.isExpandedSupernode(t)){var r=t.width-2*this.canvasLayout.supernodeSVGAreaPadding-n;a=2*this.canvasLayout.supernodeSVGAreaPadding+r/2}else n<t.width&&(a=(t.width-n)/2);a+=t.layout.portArcOffset;var s=1;_t.isSuperBindingNode(t)&&(s=1/this.zoomTransform.k),e.forEach((function(e){a+=t.layout.portArcRadius*s,e.cx=a,e.cy=o,a+=(t.layout.portArcRadius+t.layout.portArcSpacing)*s}))}}},{key:"setPortPositionsLeftRight",value:function(t,e,n,i,o){var a=arguments.length>5&&void 0!==arguments[5]&&arguments[5];e&&e.length>0&&(t.height<=t.layout.defaultNodeHeight&&1===e.length?(e[0].cx=i,e[0].cy=o):a?this.setPortPositionsLeftRightSinglePort(t,e,i,o):this.setPortPositionsLeftRightAllPorts(t,e,n,i,o))}},{key:"setPortPositionsLeftRightAllPorts",value:function(t,e,n,i,o){var a=0;if(this.nodeUtils.isExpandedSupernode(t)){var r=t.height-this.canvasLayout.supernodeTopAreaHeight-this.canvasLayout.supernodeSVGAreaPadding-n;a=this.canvasLayout.supernodeTopAreaHeight+this.canvasLayout.supernodeSVGAreaPadding+r/2}else n<t.height&&(a=(t.height-n)/2);a+=t.layout.portArcOffset;var s=1;_t.isSuperBindingNode(t)&&(s=1/this.zoomTransform.k),e.forEach((function(e){a+=t.layout.portArcRadius*s,e.cx=i,e.cy=a,a+=(t.layout.portArcRadius+t.layout.portArcSpacing)*s}))}},{key:"setPortPositionsLeftRightSinglePort",value:function(t,e,n,i){var o=0;if(this.nodeUtils.isExpandedSupernode(t)){var a=t.height-this.canvasLayout.supernodeTopAreaHeight-this.canvasLayout.supernodeSVGAreaPadding;o=this.canvasLayout.supernodeTopAreaHeight+a/2}else o=i;e.forEach((function(t){t.cx=n,t.cy=o}))}},{key:"displayComments",value:function(){this.logger.logStartTimer("displayComments "+this.getFlags()),!this.dragging||this.commentSizing||this.nodeSizing||this.isCommentBeingUpdated?this.selecting||this.regionSelect?this.displayCommentsSelectionStatus():this.displayAllComments():this.displayMovedComments(),this.logger.logEndTimer("displayComments "+this.getFlags())}},{key:"displayMovedComments",value:function(){var t=this;this.getAllCommentGroupsSelection().attr("transform",(function(t){return"translate(".concat(t.x_pos,", ").concat(t.y_pos,")")})).datum((function(e){return t.getComment(e.id)}))}},{key:"displayCommentsSelectionStatus",value:function(){var t=this;this.getAllCommentGroupsSelection().selectChildren(".d3-comment-selection-highlight").attr("data-selected",(function(e){return t.objectModel.isSelected(e.id,t.activePipeline.id)?"yes":"no"})),this.superRenderers.forEach((function(t){t.selecting=!0,t.displayComments(),t.selecting=!1}))}},{key:"displayAllComments",value:function(){var t=this;this.getAllCommentGroupsSelection().data(this.activePipeline.comments,(function(t){return t.id})).join((function(e){return t.createComments(e)})).attr("transform",(function(t){return"translate(".concat(t.x_pos,", ").concat(t.y_pos,")")})).attr("class",(function(e){return t.getCommentGroupClass(e)})).call((function(e){return t.updateComments(e)}))}},{key:"createComments",value:function(t){var e=this,n=t.append("g").attr("data-id",(function(t){return e.getId("comment_grp",t.id)})).call(this.attachCommentGroupListeners.bind(this));return this.config.enableEditingActions&&n.call(this.drag),n.append("rect").attr("class","d3-comment-sizing").call(this.attachCommentSizingListeners.bind(this)),n.append("rect").attr("class","d3-comment-selection-highlight"),n.append("rect").attr("width",(function(t){return t.width})).attr("height",(function(t){return t.height})).attr("x",0).attr("y",0).attr("class","d3-comment-rect"),n.append("foreignObject").attr("class","d3-foreign-object").attr("x",0).attr("y",0).append("xhtml:div").attr("class","d3-comment-text"),n}},{key:"updateComments",value:function(t){var e=this;t.attr("transform",(function(t){return"translate(".concat(t.x_pos,", ").concat(t.y_pos,")")})).attr("class",(function(t){return e.getCommentGroupClass(t)})),t.selectChildren(".d3-comment-sizing").datum((function(t){return e.getComment(t.id)})).attr("x",-this.canvasLayout.commentSizingArea).attr("y",-this.canvasLayout.commentSizingArea).attr("height",(function(t){return t.height+2*e.canvasLayout.commentSizingArea})).attr("width",(function(t){return t.width+2*e.canvasLayout.commentSizingArea})).attr("class","d3-comment-sizing"),t.selectChildren(".d3-comment-selection-highlight").datum((function(t){return e.getComment(t.id)})).attr("x",-this.canvasLayout.commentHighlightGap).attr("y",-this.canvasLayout.commentHighlightGap).attr("height",(function(t){return t.height+2*e.canvasLayout.commentHighlightGap})).attr("width",(function(t){return t.width+2*e.canvasLayout.commentHighlightGap})).attr("data-selected",(function(t){return e.objectModel.isSelected(t.id,e.activePipeline.id)?"yes":"no"})).attr("style",(function(t){return e.getNodeSelectionOutlineStyle(t,"default")})),t.selectChildren(".d3-comment-rect").datum((function(t){return e.getComment(t.id)})).attr("height",(function(t){return t.height})).attr("width",(function(t){return t.width})).attr("class","d3-comment-rect").attr("style",(function(t){return e.getCommentBodyStyle(t,"default")})),t.selectChildren(".d3-foreign-object").datum((function(t){return e.getComment(t.id)})).attr("width",(function(t){return t.width})).attr("height",(function(t){return t.height})).select("div").attr("style",(function(t){return e.getNodeLabelStyle(t,"default")})).html((function(t){return Mi(t.content)}))}},{key:"attachCommentGroupListeners",value:function(t){var e=this;t.on("mouseenter",(function(t,n){e.setCommentStyles(n,"hover",ds.select(t.currentTarget)),e.config.enableEditingActions&&e.createCommentPort(t.currentTarget,n)})).on("mouseleave",(function(t,n){e.setCommentStyles(n,"default",ds.select(t.currentTarget)),e.config.enableEditingActions&&e.deleteCommentPort(t.currentTarget)})).on("mousedown",(function(t,n){e.logger.log("Comment Group - mouse down"),e.config.enableDragWithoutSelect||e.selectObjectD3Event(t,n),e.logger.log("Comment Group - finished mouse down")})).on("click",(function(t,n){e.logger.log("Comment Group - click"),t.stopPropagation()})).on("dblclick",(function(t,n){e.logger.log("Comment Group - double click"),e.config.enableEditingActions&&(_t.stopPropagationAndPreventDefault(t),e.displayCommentTextArea(n,t.currentTarget),e.canvasController.clickActionHandler({clickType:"DOUBLE_CLICK",objectType:"comment",id:n.id,selectedObjectIds:e.objectModel.getSelectedObjectIds(),pipelineId:e.activePipeline.id}))})).on("contextmenu",(function(t,n){e.logger.log("Comment Group - context menu"),e.config.enableDragWithoutSelect&&e.selectObjectD3Event(t,n),e.openContextMenu(t,"comment",n)}))}},{key:"attachCommentSizingListeners",value:function(t){var e=this;t.on("mousedown",(function(t,n){e.commentSizing=!0,e.addTempCursorOverlay(e.commentSizingCursor)})).on("mousemove mouseenter",(function(t,n){if(e.config.enableEditingActions&&!e.isRegionSelectOrSizingInProgress()){var i="pointer";e.isPointerCloseToBodyEdge(t,n)||(e.commentSizingDirection=e.getSizingDirection(t,n,e.canvasLayout.commentCornerResizeArea),e.commentSizingCursor=e.getCursorBasedOnDirection(e.commentSizingDirection),i=e.commentSizingCursor),ds.select(t.currentTarget).style("cursor",i)}}))}},{key:"createCommentPort",value:function(t,e){var n=this;ds.select(t).append("circle").attr("cx",0-this.canvasLayout.commentHighlightGap).attr("cy",0-this.canvasLayout.commentHighlightGap).attr("r",this.canvasLayout.commentPortRadius).attr("class","d3-comment-port-circle").on("mousedown",(function(t,i){_t.stopPropagationAndPreventDefault(t),n.drawingNewLinkData={srcObjId:e.id,action:U,startPos:{x:e.x_pos-n.canvasLayout.commentHighlightGap,y:e.y_pos-n.canvasLayout.commentHighlightGap},linkArray:[]},n.drawNewLink(t)}))}},{key:"deleteCommentPort",value:function(t){ds.select(t).selectChildren(".d3-comment-port-circle").remove()}},{key:"setCommentStyles",value:function(t,e,n){this.setCommentSelectionOutlineStyles(t,e,n),this.setCommentBodyStyles(t,e,n),this.setCommentTextStyles(t,e,n)}},{key:"setCommentSelectionOutlineStyles",value:function(t,e,n){var i=this.getCommentSelectionOutlineStyle(t,e);n.selectChildren(".d3-comment-selection-highlight").attr("style",i)}},{key:"setCommentBodyStyles",value:function(t,e,n){var i=this.getCommentBodyStyle(t,e);n.selectChildren(".d3-comment-rect").attr("style",i)}},{key:"setCommentTextStyles",value:function(t,e,n){var i=this.getCommentTextStyle(t,e);n.selectChildren(".d3-foreign-object").select("div").attr("style",i)}},{key:"getCommentSelectionOutlineStyle",value:function(t,e){return _t.getObjectStyle(t,"selection_outline",e)}},{key:"getCommentBodyStyle",value:function(t,e){return _t.getObjectStyle(t,"body",e)}},{key:"getCommentTextStyle",value:function(t,e){return _t.getObjectStyle(t,"text",e)}},{key:"displayCommentTextArea",value:function(t,e){this.displayTextArea({id:t.id,text:t.content,singleLine:!1,maxCharacters:null,allowReturnKey:!0,textCanBeEmpty:!0,xPos:0,yPos:0,width:t.width,height:t.height,className:"d3-comment-entry",parentDomObj:e,autoSizeCallback:this.autoSizeComment.bind(this),saveTextChangesCallback:this.saveCommentChanges.bind(this),closeTextAreaCallback:null})}},{key:"autoSizeComment",value:function(t,e,n){this.logger.log("autoSizeComment - textAreaHt = "+this.textAreaHeight+" scroll ht = "+t.scrollHeight);var i=t.scrollHeight+12;this.textAreaHeight<i&&(this.textAreaHeight=i,e.style("height",this.textAreaHeight+"px"),this.getComment(n.id).height=this.textAreaHeight,this.displayComments(),this.displayLinks())}},{key:"saveCommentChanges",value:function(t,e,n){var i=this.getComment(t),o={editType:"editComment",editSource:"canvas",id:i.id,content:e,width:i.width,height:n,x_pos:i.x_pos,y_pos:i.y_pos,pipelineId:this.activePipeline.id};this.canvasController.editActionHandler(o)}},{key:"displayNodeLabelTextArea",value:function(t,e){ds.select(e).selectAll("div").attr("style","display:none;"),this.displayTextArea({id:t.id,text:t.label,singleLine:t.layout.labelSingleLine,maxCharacters:t.layout.labelMaxCharacters,allowReturnKey:t.layout.labelAllowReturnKey,textCanBeEmpty:!1,xPos:this.nodeUtils.getNodeLabelTextAreaPosX(t),yPos:this.nodeUtils.getNodeLabelTextAreaPosY(t),width:this.nodeUtils.getNodeLabelTextAreaWidth(t),height:this.nodeUtils.getNodeLabelTextAreaHeight(t),className:this.nodeUtils.getNodeLabelTextAreaClass(t),parentDomObj:e,autoSizeCallback:this.autoSizeMultiLineLabel.bind(this),saveTextChangesCallback:this.saveNodeLabelChanges.bind(this),closeTextAreaCallback:this.closeNodeLabelTextArea.bind(this)})}},{key:"autoSizeMultiLineLabel",value:function(t,e,n){this.logger.log("autoSizeNodeLabel - textAreaHt = "+this.textAreaHeight+" scroll ht = "+t.scrollHeight),n.maxCharacters&&t.value.length>n.maxCharacters&&(t.value=t.value.substring(0,n.maxCharacters)),e.style("height",0);var i=t.scrollHeight+12;this.textAreaHeight=i,e.style("height",this.textAreaHeight+"px")}},{key:"saveNodeLabelChanges",value:function(t,e,n,i){var o={editType:"setNodeLabel",editSource:"canvas",nodeId:t,label:e,pipelineId:this.activePipeline.id};this.canvasController.editActionHandler(o)}},{key:"closeNodeLabelTextArea",value:function(t){this.getNodeGroupSelectionById(t).selectAll("div").attr("style",null)}},{key:"displayDecLabelTextArea",value:function(t,e,n,i){this.displayTextArea({id:t.id,text:t.label,singleLine:t.label_single_line||!0,maxCharacters:t.label_max_characters||null,allowReturnKey:t.label_allow_return_key||!1,textCanBeEmpty:!1,xPos:this.decUtils.getDecLabelTextAreaPosX(),yPos:this.decUtils.getDecLabelTextAreaPosY(),width:this.decUtils.getDecLabelTextAreaWidth(t,e,n),height:this.decUtils.getDecLabelTextAreaHeight(t,e,n),className:this.decUtils.getDecLabelTextAreaClass(t),parentDomObj:i,objId:e.id,objType:n,autoSizeCallback:this.autoSizeMultiLineLabel.bind(this),saveTextChangesCallback:this.saveDecLabelChanges.bind(this),closeTextAreaCallback:null})}},{key:"saveDecLabelChanges",value:function(t,e,n,i){var o={editType:"editDecorationLabel",editSource:"canvas",decId:t,objId:i.objId,objType:i.objType,label:e,pipelineId:this.activePipeline.id};this.canvasController.editActionHandler(o)}},{key:"displayTextArea",value:function(t){var e=this;this.textAreaHeight=t.height,this.editingText=!0,this.editingTextId=t.id;var n=ds.select(t.parentDomObj).append("foreignObject").attr("class","d3-foreign-object").attr("width",t.width).attr("height",t.height).attr("x",t.xPos).attr("y",t.yPos),i=n.append("xhtml:textarea").attr("class",t.className).text(Ii(t.text)).on("keydown",(function(i){!t.singleLine&&t.allowReturnKey||13!==i.keyCode||_t.stopPropagationAndPreventDefault(i),27===i.keyCode&&(_t.stopPropagationAndPreventDefault(i),e.textAreaEscKeyPressed=!0,e.closeTextArea(n,t)),t.maxCharacters&&this.value.length>=t.maxCharacters&&!e.textAreaAllowedKeys(i)&&_t.stopPropagationAndPreventDefault(i)})).on("keyup",(function(e){t.autoSizeCallback(this,n,t)})).on("paste",(function(){e.logger.log("Text area - Paste - Scroll Ht = "+this.scrollHeight),setTimeout(t.autoSizeCallback,500,this,n,t)})).on("blur",(function(i,o){if(e.logger.log("Text area - blur"),e.textAreaEscKeyPressed)e.textAreaEscKeyPressed=!1;else{if(!this.value&&!t.textCanBeEmpty)return _t.stopPropagationAndPreventDefault(i),void e.closeTextArea(n,t);var a=this.value;e.closeTextArea(n,t),t.text!==a&&(e.isCommentBeingUpdated=!0,t.saveTextChangesCallback(t.id,a,e.textAreaHeight,t),e.isCommentBeingUpdatd=!1)}})).on("focus",(function(i,o){e.logger.log("Text area - focus"),t.autoSizeCallback(this,n,t)})).on("mousedown click dblclick contextmenu",(function(t,e){t.stopPropagation()}));i.node().focus(),i.node().setSelectionRange(t.text.length,t.text.length)}},{key:"closeTextArea",value:function(t,e){e.closeTextAreaCallback&&e.closeTextAreaCallback(e.id),t.remove(),this.editingText=!1,this.editingTextId=""}},{key:"textAreaAllowedKeys",value:function(t){return 46===t.keyCode||8===t.keyCode||37===t.keyCode||39===t.keyCode||38===t.keyCode||40===t.keyCode||65===t.keyCode&&_t.isCmndCtrlPressed(t)}},{key:"addTempCursorOverlay",value:function(t){this.dispUtils.isDisplayingFullPage()&&(this.canvasDiv.selectAll(".d3-temp-cursor-overlay").size()>0&&this.removeTempCursorOverlay(),this.canvasSVG.append("rect").attr("x",0).attr("y",0).attr("width","100%").attr("height","100%").attr("data-pipeline-id",this.activePipeline.id).attr("class","d3-temp-cursor-overlay").attr("pointer-events","all").style("cursor",t))}},{key:"removeTempCursorOverlay",value:function(){this.dispUtils.isDisplayingFullPage()&&this.canvasDiv.selectAll(".d3-temp-cursor-overlay").remove()}},{key:"isRegionSelectOrSizingInProgress",value:function(){return!!(this.regionSelect||this.nodeSizing||this.commentSizing)||!(!this.supernodeInfo.renderer||!this.supernodeInfo.renderer.isRegionSelectOrSizingInProgress())}},{key:"isPointerCloseToBodyEdge",value:function(t,e){var n=this.getTransformedMousePos(t),i=e.x_pos+e.width,o=e.y_pos+e.height,a=n.x>=i&&n.x<=i+1&&n.y>=0&&n.y<=o,r=n.y>=o&&n.y<=o+1&&n.x>=0&&n.x<=i;return a||r}},{key:"getSizingDirection",value:function(t,e,n){var i="",o="",a=this.getTransformedMousePos(t);return a.x<e.x_pos+n?i="w":a.x>e.x_pos+e.width-n&&(i="e"),a.y<e.y_pos+n?o="n":a.y>e.y_pos+e.height-n&&(o="s"),o+i}},{key:"getCursorBasedOnDirection",value:function(t){var e;switch(t){case"n":case"s":e="ns-resize";break;case"e":case"w":e="ew-resize";break;case"nw":case"se":e="nwse-resize";break;case"ne":case"sw":e="nesw-resize";break;default:e=""}return e}},{key:"resizeNode",value:function(t){var e=Object.assign({},this.resizeObj),n=Math.max(this.resizeObj.inputPortsHeight,this.resizeObj.outputPortsHeight)+this.canvasLayout.supernodeTopAreaHeight+this.canvasLayout.supernodeSVGAreaPadding,i=this.resizeObject(t,this.resizeObj,this.nodeSizingDirection,this.canvasLayout.supernodeMinWidth,Math.max(this.canvasLayout.supernodeMinHeight,n));if(i&&(0!==i.x_pos||0!==i.y_pos||0!==i.width||0!==i.height)){if(this.config.enableMoveNodesOnSupernodeResize){var o=_t.moveSurroundingObjects(e,this.activePipeline.nodes.concat(this.activePipeline.comments),this.nodeSizingDirection,this.resizeObj.width,this.resizeObj.height,!0),a=_t.moveSurroundingDetachedLinks(e,this.activePipeline.links,this.nodeSizingDirection,this.resizeObj.width,this.resizeObj.height,!0);this.nodeSizingObjectsInfo=Object.assign(this.nodeSizingObjectsInfo,o),this.nodeSizingLinksInfo=Object.assign(this.nodeSizingLinksInfo,a)}this.displayComments(),this.displayNodes(),this.displayLinks(),this.dispUtils.isDisplayingSubFlow()&&this.displayBindingNodesToFitSVG(),this.superRenderers.forEach((function(t){return t.displaySVGToFitSupernode()}))}}},{key:"resizeComment",value:function(t){this.resizeObject(t,this.resizeObj,this.commentSizingDirection,20,20),this.displayComments(),this.displayLinks()}},{key:"resizeObject",value:function(t,e,n,i,o){var a=0,r=0,s=0,l=0;n.indexOf("e")>-1&&(s+=t.dx),n.indexOf("s")>-1&&(l+=t.dy),n.indexOf("n")>-1&&(r+=t.dy,l-=t.dy),n.indexOf("w")>-1&&(a+=t.dx,s-=t.dx);var c=0,u=0,d=0,h=0;if(this.config.enableSnapToGridType===Q?(this.notSnappedXPos+=a,this.notSnappedYPos+=r,this.notSnappedWidth+=s,this.notSnappedHeight+=l,c=_t.snapToGrid(this.notSnappedXPos,this.canvasLayout.snapToGridXPx),u=_t.snapToGrid(this.notSnappedYPos,this.canvasLayout.snapToGridYPx),d=_t.snapToGrid(this.notSnappedWidth,this.canvasLayout.snapToGridXPx),h=_t.snapToGrid(this.notSnappedHeight,this.canvasLayout.snapToGridYPx)):(c=e.x_pos+a,u=e.y_pos+r,d=e.width+s,h=e.height+l),d<i||h<o)return null;var p={width:d-e.width,height:h-e.height,x_pos:c-e.x_pos,y_pos:u-e.y_pos};return e.x_pos=c,e.y_pos=u,e.width=d,e.height=h,p}},{key:"endNodeSizing",value:function(){this.config.enableSnapToGridType===$&&(this.resizeObj=this.snapToGridObject(this.resizeObj)),this.resizeObjInitialInfo.x_pos===this.resizeObj.x_pos&&this.resizeObjInitialInfo.y_pos===this.resizeObj.y_pos&&this.resizeObjInitialInfo.width===this.resizeObj.width&&this.resizeObjInitialInfo.height===this.resizeObj.height||(this.nodeSizingObjectsInfo[this.resizeObj.id]={width:this.resizeObj.width,height:this.resizeObj.height,x_pos:this.resizeObj.x_pos,y_pos:this.resizeObj.y_pos},this.canvasController.editActionHandler({editType:"resizeObjects",editSource:"canvas",objectsInfo:this.nodeSizingObjectsInfo,linksInfo:this.nodeSizingLinksInfo,pipelineId:this.pipelineId})),this.resizeObj=null,this.nodeSizing=!1,this.nodeSizingObjectsInfo=[],this.nodeSizingLinksInfo=[]}},{key:"endCommentSizing",value:function(){if(this.config.enableSnapToGridType===$&&(this.resizeObj=this.snapToGridObject(this.resizeObj)),this.resizeObjInitialInfo.x_pos!==this.resizeObj.x_pos||this.resizeObjInitialInfo.y_pos!==this.resizeObj.y_pos||this.resizeObjInitialInfo.width!==this.resizeObj.width||this.resizeObjInitialInfo.height!==this.resizeObj.height){var t={editType:"editComment",editSource:"canvas",id:this.resizeObj.id,content:this.resizeObj.content,width:this.resizeObj.width,height:this.resizeObj.height,x_pos:this.resizeObj.x_pos,y_pos:this.resizeObj.y_pos,pipelineId:this.pipelineId};this.canvasController.editActionHandler(t)}this.commentSizing=!1}},{key:"displayLinks",value:function(){this.logger.logStartTimer("displayLinks "+this.getFlags()),this.selecting||this.regionSelect?this.displayLinksSelectionStatus():this.displayAllLinks(),this.logger.logEndTimer("displayLinks "+this.getFlags())}},{key:"displayLinksSelectionStatus",value:function(){var t=this;this.config.enableLinkSelection!==at&&(this.getAllLinkGroupsSelection().attr("data-selected",(function(e){return!!t.objectModel.isSelected(e.id,t.activePipeline.id)||null})),this.superRenderers.forEach((function(t){t.selecting=!0,t.displayLinks(),t.selecting=!1})))}},{key:"displayAllLinks",value:function(){var t=this,e=this.buildLinksArray();this.getAllLinkGroupsSelection().data(e,(function(t){return t.id})).join((function(e){return t.createLinks(e)})).attr("class",(function(e){return t.getLinkGroupClass(e)})).attr("style",(function(e){return t.getLinkGrpStyle(e)})).attr("data-selected",(function(e){return!!t.objectModel.isSelected(e.id,t.activePipeline.id)||null})).call((function(n){t.updateLinks(n,e)}))}},{key:"createLinks",value:function(t){var e=this,n=t.append("g").attr("data-id",(function(t){return e.getId("link_grp",t.id)})).call(this.attachLinkGroupListeners.bind(this));return n.append("path").attr("class",(function(t){return e.getLinkSelectionAreaClass(t)})),n.append("path").attr("class","d3-link-line"),n.filter((function(t){return t.type===R&&e.canvasLayout.dataLinkArrowHead||t.type===U&&e.canvasLayout.commentLinkArrowHead||t.type===R&&e.canvasLayout.linkType===X})).append("path").attr("class","d3-link-line-arrow-head"),n.append("g").attr("class","d3-link-decorations-group"),this.config.enableLinkSelection!==ht&&this.config.enableLinkSelection!==tt||n.append("g").attr("class","d3-link-handles-group").each((function(t,n,i){t.type===R&&e.createNewHandles(ds.select(i[n]))})),n}},{key:"updateLinks",value:function(t,e){var n=this;t.selectAll(".d3-link-selection-area").datum((function(t){return n.getLink(t.id)})).attr("d",(function(t){return t.pathInfo.path})),t.selectAll(".d3-link-line").datum((function(t){return n.getLink(t.id)})).attr("d",(function(t){return t.pathInfo.path})).attr("class","d3-link-line").attr("style",(function(t){return _t.getObjectStyle(t,"line","default")})),t.filter((function(t){return t.type===R&&n.canvasLayout.dataLinkArrowHead||t.type===U&&n.canvasLayout.commentLinkArrowHead||t.type===R&&n.canvasLayout.linkType===X})).selectAll(".d3-link-line-arrow-head").datum((function(t){return n.getLink(t.id)})).attr("d",(function(t){return n.getArrowHead(t)})).attr("transform",(function(t){return n.getArrowHeadTransform(t)})).attr("class","d3-link-line-arrow-head").attr("style",(function(t){return _t.getObjectStyle(t,"line","default")})),t.each((function(t,e,i){t.type!==R&&t.type!==B||n.displayDecorations(t,J,ds.select(i[e]).selectAll(".d3-link-decorations-group"),t.decorations)})),this.config.enableLinkSelection!==ht&&this.config.enableLinkSelection!==tt||t.each((function(t,i,o){t.type===R&&n.updateHandles(ds.select(o[i]).selectAll(".d3-link-handles-group"),e)})),this.dragging||this.setDisplayOrder(t)}},{key:"attachLinkGroupListeners",value:function(t){var e=this;t.on("mousedown",(function(t,n,i,o){e.logger.log("Link Group - mouse down"),e.config.enableLinkSelection!==at&&e.selectObjectD3Event(t,n),t.stopPropagation()})).on("mouseup",(function(){e.logger.log("Link Group - mouse up")})).on("click",(function(t,n){e.logger.log("Link Group - click"),t.stopPropagation()})).on("contextmenu",(function(t,n){e.logger.log("Link Group - context menu"),e.config.enableLinkSelection!==at&&e.selectObjectD3Event(t,n),e.openContextMenu(t,"link",n)})).on("mouseenter",(function(t,n){var i=t.currentTarget;e.config.enableLinkSelection!==ht&&e.config.enableLinkSelection!==tt||e.raiseLinkToTop(i),e.setLinkLineStyles(i,n,"hover"),e.canOpenTip(S)&&!e.draggingLinkData&&e.canvasController.openTip({id:e.getId("link_tip",n.id),type:S,targetObj:i,mousePos:{x:t.clientX,y:t.clientY},pipelineId:e.activePipeline.id,link:n})})).on("mouseleave",(function(t,n){var i=t.currentTarget;i.getAttribute("data-selected")||e.lowerLinkToBottom(i),e.setLinkLineStyles(i,n,"default"),e.canvasController.closeTip()}))}},{key:"createNewHandles",value:function(t){var e=this,n=t.append(this.canvasLayout.linkStartHandleObject).attr("class",(function(t){return"d3-link-handle-start"})).on("mousedown",(function(t,n){e.logger.log("Link start handle - mouse down"),e.config.enableDragWithoutSelect||e.selectObjectD3Event(t,n),e.logger.log("Link end handle - finished mouse down")}));this.config.enableEditingActions&&n.call(this.dragSelectionHandle);var i=t.append(this.canvasLayout.linkEndHandleObject).attr("class",(function(t){return"d3-link-handle-end"})).on("mousedown",(function(t,n){e.logger.log("Link end handle - mouse down"),e.config.enableDragWithoutSelect||e.selectObjectD3Event(t,n),e.logger.log("Link end handle - finished mouse down")}));this.config.enableEditingActions&&i.call(this.dragSelectionHandle)}},{key:"updateHandles",value:function(t,e){var n=this;t.selectAll(".d3-link-handle-start").datum((function(t){return n.getLink(t.id)})).each((function(t,e,i){var o=ds.select(i[e]);"image"===n.canvasLayout.linkStartHandleObject?o.attr("xlink:href",n.canvasLayout.linkStartHandleImage).attr("x",(function(t){return t.x1-n.canvasLayout.linkStartHandleWidth/2})).attr("y",(function(t){return t.y1-n.canvasLayout.linkStartHandleHeight/2})).attr("width",n.canvasLayout.linkStartHandleWidth).attr("height",n.canvasLayout.linkStartHandleHeight):"circle"===n.canvasLayout.linkStartHandleObject&&o.attr("r",n.canvasLayout.linkStartHandleRadius).attr("cx",(function(t){return t.x1})).attr("cy",(function(t){return t.y1}))})),t.selectAll(".d3-link-handle-end").datum((function(t){return n.getLink(t.id)})).each((function(t,e,i){var o=ds.select(i[e]);"image"===n.canvasLayout.linkEndHandleObject?o.attr("xlink:href",n.canvasLayout.linkEndHandleImage).attr("x",(function(t){return t.x2-n.canvasLayout.linkEndHandleWidth/2})).attr("y",(function(t){return t.y2-n.canvasLayout.linkEndHandleHeight/2})).attr("width",n.canvasLayout.linkEndHandleWidth).attr("height",n.canvasLayout.linkEndHandleHeight).attr("transform",(function(t){return n.getLinkImageTransform(t)})):"circle"===n.canvasLayout.linkEndHandleObject&&o.attr("r",n.canvasLayout.linkEndHandleRadius).attr("cx",(function(t){return t.x2})).attr("cy",(function(t){return t.y2}))}))}},{key:"setLinkLineStyles",value:function(t,e,n){var i=_t.getObjectStyle(e,"line",n),o=ds.select(t);o.select(".d3-link-line").attr("style",i),o.select(".d3-link-line-arrow-head").attr("style",i)}},{key:"getLinkSelectionAreaClass",value:function(t){return"d3-link-selection-area "+(t.type===B?"d3-association-link-selection-area":t.type===U?"d3-comment-link-selection-area":"d3-data-link-selection-area")}},{key:"getLinkGroupClass",value:function(t){return"d3-link-group "+this.getLinkTypeClass(t)+" "+this.getLinkCustomClass(t)}},{key:"getLinkCustomClass",value:function(t){return t.class_name&&"canvas-data-link"!==t.class_name&&"canvas-object-link"!==t.class_name&&"canvas-comment-link"!==t.class_name&&"d3-data-link"!==t.class_name&&"d3-association-link"!==t.class_name&&"d3-object-link"!==t.class_name&&"d3-comment-link"!==t.class_name?t.class_name:""}},{key:"getLinkTypeClass",value:function(t){return t.type===B?this.config.enableAssocLinkType===G?"d3-association-link":"d3-object-link":t.type===U?"d3-comment-link":"d3-data-link"}},{key:"getCommentGroupClass",value:function(t){var e="";return t.class_name&&"canvas-comment"!==t.class_name&&"d3-comment-rect"!==t.class_name&&(e=" "+t.class_name),"d3-comment-group"+(this.config.enableEditingActions?" d3-draggable":" d3-non-draggable")+e}},{key:"getNodeGroupClass",value:function(t){var e="";return t.class_name&&"canvas-node"!==t.class_name&&"d3-node-body"!==t.class_name&&"d3-node-body-outline"!==t.class_name&&(e=" "+t.class_name),"d3-node-group"+(this.nodeUtils.isSupernode(t)&&this.nodeUtils.isExpanded(t)?" d3-node-supernode-expanded":"")+(this.config.enableEditingActions?" d3-draggable":" d3-non-draggable")+e}},{key:"setDisplayOrder",value:function(t){var e=this;t.filter((function(t){return e.hasOneDecorationOrMore(t)})).lower(),t.filter((function(t){return!e.hasOneDecorationOrMore(t)})).lower(),this.config.enableLinkSelection!==ht&&this.config.enableLinkSelection!==tt||this.raiseSelectedLinksToTop()}},{key:"raiseNodeToTop",value:function(t){null!==this.drawingNewLinkData||this.dragging||0!==this.getSelectedLinks().length||t.raise()}},{key:"raiseSelectedLinksToTop",value:function(){this.nodesLinksGrp.selectAll(".d3-link-group[data-selected]").raise()}},{key:"raiseLinkToTop",value:function(t){ds.select(t).raise()}},{key:"lowerLinkToBottom",value:function(t){ds.select(t).lower()}},{key:"hasOneDecorationOrMore",value:function(t){return t.decorations&&t.decorations.length>0}},{key:"isLinkBeingDragged",value:function(t){return this.draggingLinkData&&this.draggingLinkData.link.id===t.id}},{key:"buildLinksArray",value:function(){var t=this,e=[];return this.activePipeline.links.forEach((function(n){var i=null;(i=!(t.config.enableLinkSelection===ht&&t.isLinkBeingDragged(n)||t.config.enableLinkSelection===tt)||n.srcObj&&n.trgNode?t.getAttachedLineObj(n):t.getDetachedLineObj(n))&&e.push(i)})),this.canvasLayout.linkType===F&&(e=this.addMinInitialLineForElbow(e)),e=this.linkUtils.addConnectionPaths(e)}},{key:"getAttachedLineObj",value:function(t){var e=t.srcObj,n=t.trgNode;if(e||this.logger.error("Common Canvas error trying to draw a link. A link was specified for source ID '"+t.srcNodeId+"' in the Canvas data that does not have a valid source node/comment."),n||this.logger.error("Common Canvas error trying to draw a link. A link was specified for target ID '"+t.trgNodeId+"' in the Canvas data that does not have a valid target node."),e&&n&&this.shouldDisplayLink(e,n,t.type)){var i=this.getSourcePortId(t,e),o=this.getTargetPortId(t,n),a=t.type===B&&this.config.enableAssocLinkType===G?this.getAssocLinkVariation(e,n):null,r=this.linkUtils.getLinkCoords(t.type,e,i,n,o,a);return t.assocLinkVariation=a,t.srcPortId=i,t.trgPortId=o,t.x1=r.x1,t.y1=r.y1,t.x2=r.x2,t.y2=r.y2,t}return null}},{key:"getDetachedLineObj",value:function(t){var e=t.srcObj,n=t.trgNode,i=null,o=null,a={};if(e)if(this.canvasLayout.linkType===X){var r={x:t.trgPos.x_pos,y:t.trgPos.y_pos},s=this.linkUtils.getNewStraightNodeLinkStartPos(e,r);a.x1=s.x,a.y1=s.y}else{i=this.getSourcePortId(t,e);var l=this.getOutputPort(e,i);l&&(a.x1=e.x_pos+l.cx,a.y1=e.y_pos+l.cy)}else a.x1=t.srcPos.x_pos,a.y1=t.srcPos.y_pos;if(n)if(this.canvasLayout.linkType===X){var c={x:t.srcPos.x_pos,y:t.srcPos.y_pos},u=this.linkUtils.getNewStraightNodeLinkStartPos(n,c);a.x2=u.x,a.y2=u.y}else{o=this.getTargetPortId(t,n);var d=this.getInputPort(n,o);d&&(a.x2=n.x_pos+d.cx,a.y2=n.y_pos+d.cy)}else a.x2=t.trgPos.x_pos,a.y2=t.trgPos.y_pos;return t.srcPortId=i,t.trgPortId=o,t.x1=a.x1,t.y1=a.y1,t.x2=a.x2,t.y2=a.y2,t}},{key:"getOutputPort",value:function(t,e){return t&&t.outputs?t.outputs.find((function(t){return t.id===e})):null}},{key:"getInputPort",value:function(t,e){return t&&t.inputs?t.inputs.find((function(t){return t.id===e})):null}},{key:"getSourcePortId",value:function(t,e){return t.srcNodePortId?t.srcNodePortId:e.outputs&&e.outputs.length>0?e.outputs[0].id:null}},{key:"getTargetPortId",value:function(t,e){return t.trgNodePortId?t.trgNodePortId:e.inputs&&e.inputs.length>0?e.inputs[0].id:null}},{key:"shouldDisplayLink",value:function(t,e,n){return!1!==this.canvasLayout.displayLinkOnOverlap||!this.areLinkedObjectsOverlapping(t,e,n)}},{key:"areLinkedObjectsOverlapping",value:function(t,e,n){var i=n===U?this.canvasLayout.commentHighlightGap:t.layout.nodeHighlightGap,o=e.layout.nodeHighlightGap,a=t.x_pos-i,r=t.x_pos+t.width+i,s=e.x_pos-o,l=e.x_pos+e.width+o,c=t.y_pos-i,u=t.y_pos+t.height+i,d=e.y_pos-o,h=e.y_pos+e.height+o;return r>=s&&l>=a&&u>=d&&h>=c}},{key:"addMinInitialLineForElbow",value:function(t){var e=this;return this.activePipeline.nodes.forEach((function(n){if(n.outputs&&n.outputs.length>1){var i=e.getNodeOutputLinks(n,t),o=e.sortNodeOutputLinks(i);e.applyMinInitialLine(n,o)}})),t}},{key:"getNodeOutputLinks",value:function(t,e){var n=[];return e.forEach((function(e){e.srcObj&&e.srcObj.id===t.id&&n.push(e)})),n}},{key:"sortNodeOutputLinks",value:function(t){var e=this;return t.sort((function(t,n){var i,o;return e.canvasLayout.linkDirection===pt?(i=Math.abs(t.y1-t.y2),o=Math.abs(n.y1-n.y2)):(i=Math.abs(t.x1-t.x2),o=Math.abs(n.x1-n.x2)),i===o?e.canvasLayout.linkDirection===pt?t.y1<t.y2?1:-1:t.x1<t.x2?1:-1:i<o?1:-1}))}},{key:"applyMinInitialLine",value:function(t,e){var n=t.layout.minInitialLine;e.forEach((function(t){t.minInitialLineForElbow=n,n+=t.srcObj.layout.minInitialLineIncrement}))}},{key:"getNewLinkAssocVariation",value:function(t,e,n){return"input"===n&&t>e?Z:"output"===n&&t<e?V:K}},{key:"getAssocLinkVariation",value:function(t,e){var n=t.layout.minInitialLine;return e.x_pos>=t.x_pos+t.width+n?V:t.x_pos>=e.x_pos+e.width+n?Z:K}},{key:"getPortArrowPath",value:function(t){return"M -2 3 L 2 0 -2 -3"}},{key:"getPortArrowPathTransform",value:function(t){var e=this.getAngleBasedOnLinkDirection();return"translate(".concat(t.cx,", ").concat(t.cy,") rotate(").concat(e,")")}},{key:"getArrowHead",value:function(t){return t.type===U?"string"==typeof this.canvasLayout.commentLinkArrowHead?this.canvasLayout.commentLinkArrowHead:"M -8 3 L 0 0 -8 -3":"string"==typeof this.canvasLayout.dataLinkArrowHead?this.canvasLayout.dataLinkArrowHead:"M -6 6 L 0 0 -6 -6"}},{key:"getArrowHeadTransform",value:function(t){var e=this.canvasLayout.linkType===F?this.getAngleBasedOnLinkDirection():Math.atan2(t.y2-t.y1,t.x2-t.x1)*(180/Math.PI);return"translate(".concat(t.x2,", ").concat(t.y2,") rotate(").concat(e,")")}},{key:"getAngleBasedOnLinkDirection",value:function(){return this.canvasLayout.linkDirection===Y?90:this.canvasLayout.linkDirection===W?-90:0}},{key:"getSelectedNodesAndComments",value:function(){var t=this,e=[];return this.activePipeline.nodes.forEach((function(n){t.objectModel.getSelectedObjectIds().includes(n.id)&&e.push(n)})),this.activePipeline.comments.forEach((function(n){t.objectModel.getSelectedObjectIds().includes(n.id)&&e.push(n)})),e}},{key:"getSelectedLinks",value:function(){var t=this,e=[];return this.activePipeline.links.forEach((function(n){t.objectModel.getSelectedObjectIds().includes(n.id)&&e.push(n)})),e}},{key:"canOpenTip",value:function(t){return this.canvasController.isTipEnabled(t)&&!this.selecting&&!this.regionSelect&&!this.dragging&&!this.commentSizing&&!this.nodeSizing&&!this.drawingNewLinkData}},{key:"getSvgViewportOffset",value:function(){var t=this.canvasLayout.addCommentOffset,e=this.canvasLayout.addCommentOffset;return this.zoomTransform&&(t=this.zoomTransform.x/this.zoomTransform.k,e=this.zoomTransform.y/this.zoomTransform.k,t=-t+this.canvasLayout.addCommentOffset,e=-e+this.canvasLayout.addCommentOffset),{x_pos:t,y_pos:e}}},{key:"getFlags",value:function(){var t="Flags:";return this.dragging&&(t+=" dragging = true"),this.nodeSizing&&(t+=" nodeSizing = true"),this.commentSizing&&(t+=" commentSizing = true"),this.movingBindingNodes&&(t+=" movingBindingNodes = true"),this.selecting&&(t+=" selecting = true"),this.regionSelect&&(t+=" regionSelect = true"),"Flags:"===t&&(t+=" None set to true"),t}}]),n}(),ps=function(){function n(e,i,o,a){t(this,n),this.logger=new It(["SVGCanvasD3","FlowId",e.id]),this.logger.logStartTimer("constructor"),this.mousePos={x:0,y:0},this.canvasController=a,this.canvasDiv=this.initializeCanvasDiv(i),this.logger.logEndTimer("constructor",!0),document.addEventListener("mousemove",this.onMouseUpdate.bind(this),!0)}return e(n,[{key:"close",value:function(){document.removeEventListener("mousemove",this.onMouseUpdate,!0)}},{key:"setCanvasInfo",value:function(t,e){if(this.logger=new It(["SVGCanvasD3","FlowId",t.id]),this.config&&this.renderer&&this.canvasInfo&&t.id===this.canvasInfo.id&&(!this.renderer||this.renderer.pipelineId===this.canvasController.getCurrentBreadcrumb().pipelineId)&&zt.compareCanvasConfigs(this.config,e))this.logger.logStartTimer("set canvas info"),this.canvasInfo=this.cloneCanvasInfo(t),this.renderer.setCanvasInfoRenderer(this.canvasInfo),this.logger.logEndTimer("set canvas info",!0);else{this.logger.logStartTimer("initializing"),this.canvasInfo=this.cloneCanvasInfo(t),this.config=this.cloneConfig(e),this.renderer&&(this.renderer.clearCanvas(),this.renderer=null);var n=this.canvasController.getCurrentBreadcrumb();this.renderer=new hs(n.pipelineId,this.canvasDiv,this.canvasController,this.canvasInfo,e,{id:n.supernodeId,pipelineId:n.supernodeParentPipelineId}),this.logger.logEndTimer("initializing",!0)}}},{key:"cloneConfig",value:function(t){return Object.assign({},t)}},{key:"cloneCanvasInfo",value:function(t){return Nt(t)}},{key:"onMouseUpdate",value:function(t){"svg-area"===t.target.className.baseVal||"d3-svg-background"===t.target.className.baseVal?this.mousePos={x:t.clientX,y:t.clientY}:this.mousePos=null}},{key:"initializeCanvasDiv",value:function(t){var e=this;return mi(t).on("keydown",(function(t){e.canvasController.closeTip();var n=e.canvasController.getKeyboardConfig().actions;e.renderer.isEditingText()||e.renderer.isDragging()||(e.config.enableEditingActions&&(8!==t.keyCode&&46!==t.keyCode||!n.delete?_t.isCmndCtrlPressed(t)&&!t.shiftKey&&90===t.keyCode&&n.undo?(_t.stopPropagationAndPreventDefault(t),e.canvasController.keyboardActionHandler("undo")):_t.isCmndCtrlPressed(t)&&(t.shiftKey&&90===t.keyCode||89===t.keyCode&&n.redo)?(_t.stopPropagationAndPreventDefault(t),e.canvasController.keyboardActionHandler("redo")):_t.isCmndCtrlPressed(t)&&67===t.keyCode&&n.copyToClipboard?(_t.stopPropagationAndPreventDefault(t),e.canvasController.keyboardActionHandler("copy")):_t.isCmndCtrlPressed(t)&&88===t.keyCode&&n.cutToClipboard?(_t.stopPropagationAndPreventDefault(t),e.canvasController.keyboardActionHandler("cut")):_t.isCmndCtrlPressed(t)&&86===t.keyCode&&n.pasteFromClipboard&&(_t.stopPropagationAndPreventDefault(t),e.mousePos?(e.mousePos=e.renderer.convertPageCoordsToCanvasCoords(e.mousePos.x,e.mousePos.y),e.mousePos=e.renderer.getMousePosSnapToGrid(e.mousePos),e.canvasController.keyboardActionHandler("paste",e.mousePos)):e.canvasController.keyboardActionHandler("paste")):(_t.stopPropagationAndPreventDefault(t),e.canvasController.keyboardActionHandler("deleteSelectedObjects"))),_t.isCmndCtrlPressed(t)&&65===t.keyCode&&n.selectAll?(_t.stopPropagationAndPreventDefault(t),e.canvasController.keyboardActionHandler("selectAll")):_t.isCmndCtrlPressed(t)&&t.shiftKey&&t.altKey&&80===t.keyCode&&(_t.stopPropagationAndPreventDefault(t),It.switchLoggingState()))}))}},{key:"nodeTemplateDraggedOver",value:function(t,e,n){this.renderer.nodeTemplateDraggedOver(t,e,n)}},{key:"nodeTemplateDropped",value:function(t,e,n){this.renderer.nodeTemplateDropped(t,e,n)}},{key:"externalObjectDropped",value:function(t,e,n){this.renderer.externalObjectDropped(t,e,n)}},{key:"zoomTo",value:function(t){this.renderer.zoomTo(t)}},{key:"translateBy",value:function(t,e,n){this.renderer.translateBy(t,e,n)}},{key:"zoomIn",value:function(){this.renderer.zoomIn()}},{key:"zoomOut",value:function(){this.renderer.zoomOut()}},{key:"zoomToFit",value:function(){this.renderer.zoomToFit()}},{key:"getZoomToReveal",value:function(t,e,n){return this.renderer?this.renderer.getZoomToReveal(t,e,n):null}},{key:"getZoom",value:function(){return this.renderer?this.renderer.getZoom():null}},{key:"refreshOnSizeChange",value:function(){this.renderer&&this.renderer.refreshOnSizeChange()}},{key:"getSvgViewportOffset",value:function(){return this.renderer.getSvgViewportOffset()}},{key:"getTransformedViewportDimensions",value:function(){return this.renderer.getTransformedViewportDimensions()}},{key:"getGhostNode",value:function(t){return this.renderer.getGhostNode(t)}}]),n}();function gs(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,a=i(t);if(e){var r=i(this).constructor;n=Reflect.construct(a,arguments,r)}else n=a.apply(this,arguments);return o(this,n)}}var fs=function(i){n(s,i);var o=gs(s);function s(e){var n;return t(this,s),(n=o.call(this,e)).state={isDropZoneDisplayed:!1},n.logger=new It("CC-Contents"),n.mainCanvasDivId="canvas-div-"+n.props.canvasController.getInstanceId(),n.svgCanvasDivId="d3-svg-canvas-div-"+n.props.canvasController.getInstanceId(),n.svgCanvasDivSelector="#"+n.svgCanvasDivId,n.dragX=null,n.dragY=null,n.eventListenersAdded=!1,n.drop=n.drop.bind(a(n)),n.focusOnCanvas=n.focusOnCanvas.bind(a(n)),n.setIsDropZoneDisplayed=n.setIsDropZoneDisplayed.bind(a(n)),n.dragOver=n.dragOver.bind(a(n)),n.dragEnter=n.dragEnter.bind(a(n)),n.dragLeave=n.dragLeave.bind(a(n)),n.refreshOnSizeChange=n.refreshOnSizeChange.bind(a(n)),n.getLabel=n.getLabel.bind(a(n)),n.onCut=n.onCut.bind(a(n)),n.onCopy=n.onCopy.bind(a(n)),n.onPaste=n.onPaste.bind(a(n)),n.first=!1,n.second=!1,n.afterUpdateCallbacks=[],e.canvasController.setCanvasContents(a(n)),n}return e(s,[{key:"componentDidMount",value:function(){this.logger.log("componentDidMount"),this.svgCanvasD3=new ps(this.props.canvasInfo,this.svgCanvasDivSelector,this.props.canvasConfig,this.props.canvasController),this.svgCanvasD3.setCanvasInfo(this.props.canvasInfo,this.props.canvasConfig),this.props.canvasConfig.enableBrowserEditMenu&&this.addEventListeners(),this.focusOnCanvas()}},{key:"componentDidUpdate",value:function(){this.logger.log("componentDidUpdate"),this.svgCanvasD3&&!this.isDropZoneDisplayed()&&(this.svgCanvasD3.setCanvasInfo(this.props.canvasInfo,this.props.canvasConfig),this.afterUpdate()),this.props.canvasConfig.enableBrowserEditMenu?this.addEventListeners():this.removeEventListeners()}},{key:"componentWillUnmount",value:function(){this.removeEventListeners(),this.svgCanvasD3.close()}},{key:"onCut",value:function(t){t.currentTarget.activeElement.id===this.svgCanvasDivId&&this.props.canvasConfig.enableEditingActions&&(t.preventDefault(),this.props.canvasController.cutToClipboard())}},{key:"onCopy",value:function(t){t.currentTarget.activeElement.id===this.svgCanvasDivId&&this.props.canvasConfig.enableEditingActions&&(t.preventDefault(),this.props.canvasController.copyToClipboard())}},{key:"onPaste",value:function(t){t.currentTarget.activeElement.id===this.svgCanvasDivId&&this.props.canvasConfig.enableEditingActions&&(t.preventDefault(),this.props.canvasController.pasteFromClipboard())}},{key:"getLabel",value:function(t){return this.props.intl.formatMessage({id:t,defaultMessage:Ot[t]})}},{key:"getDNDJson",value:function(t){try{return JSON.parse(t.dataTransfer.getData(y))}catch(t){return this.logger.warn("The dragged object's data does not conform to the expected internal format: "+t),null}}},{key:"getSVGCanvasD3",value:function(){return this.svgCanvasD3}},{key:"getStateTag",value:function(){var t=null;return this.props.canvasConfig.enableStateTag!==_&&this.props.canvasConfig.enableStateTag!==O||(t=r.createElement(nn,{stateTagType:this.props.canvasConfig.enableStateTag,canvasController:this.props.canvasController})),t}},{key:"getEmptyCanvas",value:function(){var t=null;return this.props.canvasController.isPrimaryPipelineEmpty()&&(t=this.props.canvasConfig.emptyCanvasContent?r.createElement("div",{className:"empty-canvas"},this.props.canvasConfig.emptyCanvasContent):r.createElement("div",{className:"empty-canvas"},r.createElement("div",{className:"empty-canvas-image"},r.createElement(Bt,null)),r.createElement("span",{className:"empty-canvas-text1"},this.getLabel("canvas.flowIsEmpty")),r.createElement("span",{className:"empty-canvas-text2"},this.getLabel("canvas.addNodeToStart")))),t}},{key:"getContextMenu",value:function(){return r.createElement(tn,{canvasController:this.props.canvasController,containingDivId:this.mainCanvasDivId})}},{key:"getDropZone",value:function(){var t=null;return this.isDropZoneDisplayed()&&(t=this.props.canvasConfig.dropZoneCanvasContent?this.props.canvasConfig.dropZoneCanvasContent:r.createElement("div",null,r.createElement("div",{className:"dropzone-canvas"}),r.createElement("div",{className:"dropzone-canvas-rect"}))),t}},{key:"getSVGCanvasDiv",value:function(){return r.createElement("div",{tabIndex:"-1",className:"d3-svg-canvas-div",id:this.svgCanvasDivId})}},{key:"setIsDropZoneDisplayed",value:function(t){t!==this.state.isDropZoneDisplayed&&this.setState({isDropZoneDisplayed:t})}},{key:"isDropZoneDisplayed",value:function(){return this.props.canvasConfig.enableDropZoneOnExternalDrag&&this.state.isDropZoneDisplayed}},{key:"isDataTypeBeingDraggedFile",value:function(t){return!(!t.dataTransfer||!Array.isArray(t.dataTransfer.types))&&t.dataTransfer.types.includes("Files")}},{key:"afterUpdate",value:function(){this.afterUpdateCallbacks.forEach((function(t){return t()}))}},{key:"addAfterUpdateCallback",value:function(t){-1===this.afterUpdateCallbacks.findIndex((function(e){return e===t}))&&this.afterUpdateCallbacks.push(t)}},{key:"removeAfterUpdateCallback",value:function(t){var e=this.afterUpdateCallbacks.findIndex((function(e){return e===t}));e>-1&&this.afterUpdateCallbacks.splice(e,1)}},{key:"addEventListeners",value:function(){this.eventListenersAdded||(document.addEventListener("cut",this.onCut,!0),document.addEventListener("copy",this.onCopy,!0),document.addEventListener("paste",this.onPaste,!0),this.eventListenersAdded=!0)}},{key:"removeEventListeners",value:function(){this.eventListenersAdded&&(document.removeEventListener("cut",this.onCut,!0),document.removeEventListener("copy",this.onCopy,!0),document.removeEventListener("paste",this.onPaste,!0),this.eventListenersAdded=!1)}},{key:"drop",value:function(t){if(t.preventDefault(),this.setIsDropZoneDisplayed(!1),this.first=!1,this.second=!1,this.props.canvasConfig.enableEditingActions){var e=this.props.canvasController.getDragNodeTemplate();if(e)this.svgCanvasD3.nodeTemplateDropped(e,t.clientX,t.clientY);else{var n=this.getDNDJson(t);n||(n={operation:"addToCanvas",data:{dataTransfer:t.dataTransfer,editType:"createFromExternalObject"}}),this.svgCanvasD3.externalObjectDropped(n,t.clientX,t.clientY)}this.props.canvasController.setDragNodeTemplate(null),t.dataTransfer.clearData()}}},{key:"dragOver",value:function(t){var e=this.props.canvasController.getDragNodeTemplate();!e||this.dragX===t.clientX&&this.dragY===t.clientY||(this.dragX=t.clientX,this.dragY=t.clientY,this.svgCanvasD3.nodeTemplateDraggedOver(e,t.clientX,t.clientY))}},{key:"dragEnter",value:function(t){this.dragX=null,this.dragY=null,this.isDataTypeBeingDraggedFile(t)&&(this.first?this.second=!0:(this.first=!0,this.setIsDropZoneDisplayed(!0))),t.preventDefault()}},{key:"dragLeave",value:function(t){this.isDataTypeBeingDraggedFile(t)&&(this.second?this.second=!1:this.first&&(this.first=!1),this.first||this.second||this.setIsDropZoneDisplayed(!1)),t.preventDefault()}},{key:"focusOnCanvas",value:function(){document.getElementById(this.svgCanvasDivId)&&document.getElementById(this.svgCanvasDivId).focus()}},{key:"refreshOnSizeChange",value:function(){this.svgCanvasD3&&this.svgCanvasD3.refreshOnSizeChange()}},{key:"render",value:function(){this.logger.log("render");var t=this.getStateTag(),e=this.getEmptyCanvas(),n=this.getContextMenu(),i=this.getDropZone(),o=this.getSVGCanvasDiv(),a=this.props.canvasConfig.enableRightFlyoutUnderToolbar?"common-canvas-main":null,s=this.props.canvasConfig.enableRightFlyoutUnderToolbar?"common-canvas-drop-div-under-toolbar":"common-canvas-drop-div";return s="None"===this.props.canvasConfig.enableToolbarLayout?s+" common-canvas-toolbar-none":s,s=this.props.bottomPanelIsOpen?s+" common-canvas-bottom-panel-is-open":s,r.createElement("main",{"aria-label":this.getLabel("canvas.label"),role:"main",className:a},r.createElement(Ht,{handleWidth:!0,handleHeight:!0,onResize:this.refreshOnSizeChange},r.createElement("div",{id:this.mainCanvasDivId,className:s,onDrop:this.drop,onDragOver:this.dragOver,onDragEnter:this.dragEnter,onDragLeave:this.dragLeave},e,o,n,i,t)))}}]),s}(r.Component),vs=s((function(t,e){return{canvasInfo:t.canvasinfo,canvasConfig:t.canvasconfig,bottomPanelIsOpen:t.bottompanel.isOpen,selectionInfo:t.selectioninfo,breadcrumbs:t.breadcrumbs}}))(c(fs));function ys(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,a=i(t);if(e){var r=i(this).constructor;n=Reflect.construct(a,arguments,r)}else n=a.apply(this,arguments);return o(this,n)}}var ms=function(i){n(s,i);var o=ys(s);function s(e){var n;return t(this,s),(n=o.call(this,e)).getLabel=n.getLabel.bind(a(n)),n.toolbarActionHandler=n.toolbarActionHandler.bind(a(n)),n.logger=new It("CC-Toolbar"),n}return e(s,[{key:"getLabel",value:function(t){var e=Ot[t]?Ot[t]:wt[t];return this.props.intl.formatMessage({id:t,defaultMessage:e})}},{key:"getDefaultToolbar",value:function(){return{leftBar:[{action:"undo",label:this.getLabel("canvas.undo"),enable:!0},{action:"redo",label:this.getLabel("canvas.redo"),enable:!0},{action:"cut",label:this.getLabel("edit.cutSelection"),enable:!0},{action:"copy",label:this.getLabel("edit.copySelection"),enable:!0},{action:"paste",label:this.getLabel("edit.pasteSelection"),enable:!0},{action:"createAutoComment",label:this.getLabel("canvas.addComment"),enable:!0},{action:"deleteSelectedObjects",label:this.getLabel("canvas.deleteObject"),enable:!0}],rightBar:[{action:"zoomIn",label:this.getLabel("toolbar.zoomIn"),enable:!0},{action:"zoomOut",label:this.getLabel("toolbar.zoomOut"),enable:!0},{action:"zoomToFit",label:this.getLabel("toolbar.zoomToFit"),enable:!0}]}}},{key:"getConvertedLegacyToolbar",value:function(t){return{leftBar:t,rightBar:this.getDefaultRightBar()}}},{key:"getDefaultRightBar",value:function(){return[{action:"zoomIn",label:this.getLabel("toolbar.zoomIn"),enable:!0},{action:"zoomOut",label:this.getLabel("toolbar.zoomOut"),enable:!0},{action:"zoomToFit",label:this.getLabel("toolbar.zoomToFit"),enable:!0}]}},{key:"getNotificationClassName",value:function(){var t=this.props.canvasController.getNotificationMessagesMaxType(),e=yt;return t===E?e+=" error":t===I?e+=" warning":t===mt?e+=" success":t===kt&&(e+=" info"),e}},{key:"generateToolbarConfig",value:function(){var t=this.copyConfig();return t?Array.isArray(t)?t=this.getConvertedLegacyToolbar(t):void 0===t.rightBar&&(t.rightBar=this.getDefaultRightBar()):t=this.getDefaultToolbar(),t=Object.assign({},t,{leftBar:this.optionallyAddPaletteTool(t.leftBar||[])},{rightBar:this.optionallyAddNotificationTool(t.rightBar||[])})}},{key:"copyConfig",value:function(){if(!this.props.config)return null;if(Array.isArray(this.props.config))return Lt(this.props.config);var t={};return this.props.config.overrideAutoEnableDisable&&(t.overrideAutoEnableDisable=!0),this.props.config&&this.props.config.leftBar&&(t.leftBar=Lt(this.props.config.leftBar)),this.props.config&&this.props.config.rightBar&&(t.rightBar=Lt(this.props.config.rightBar)),t}},{key:"toolbarActionHandler",value:function(t){this.props.canvasController.toolbarActionHandler(t)}},{key:"optionallyAddPaletteTool",value:function(t){var e=this.getLabel("toolbar.palette"),n=t;return t&&t.length>0&&"palette"===t[0].action&&(e=t[0].label?t[0].label:e,n=t.slice(1),t.length>1&&t[1].divider&&(n=t.slice(2))),this.props.isPaletteEnabled?[{action:"togglePalette",label:e,enable:!0,iconTypeOverride:this.props.isPaletteOpen?"paletteClose":"paletteOpen"},{divider:!0}].concat(n):n}},{key:"optionallyAddNotificationTool",value:function(t){if(this.props.notificationConfig&&void 0!==this.props.notificationConfig.action&&void 0!==this.props.notificationConfig.enable){var e=this.props.notificationMessages.length,n=[{divider:!0},{action:gt.TOOLBAR_TOGGLE_NOTIFICATION_PANEL,label:this.props.notificationConfig.label,enable:!0,isSelected:this.props.isNotificationOpen,className:this.getNotificationClassName(),textContent:e>9?"9+":e.toString()}];return t.concat(n)}return t}},{key:"configureToolbarButtonsState",value:function(t){if(!this.props.enableInternalObjectModel||t.overrideAutoEnableDisable)return t;if(void 0!==t){var e=this.props.enableEditingActions;this.applyToolState("undo",t,e&&this.props.canUndo),this.applyToolState("redo",t,e&&this.props.canRedo),this.applyToolState("cut",t,e&&this.props.canCutCopy),this.applyToolState("copy",t,e&&this.props.canCutCopy),this.applyToolState("paste",t,e&&this.props.canPaste),this.applyToolState("deleteSelectedObjects",t,e&&this.props.canDelete),this.applyToolState("createAutoComment",t,e),this.applyToolState("arrangeHorizontally",t,e),this.applyToolState("arrangeVertically",t,e)}return t}},{key:"addUndoRedoCommandLabels",value:function(t){var e=this.props.undoLabel,n=this.props.redoLabel;if(e){var i=this.findTool("undo",t);i&&(i.label+=": "+e)}if(n){var o=this.findTool("redo",t);o&&(o.label+=": "+n)}return t}},{key:"applyToolState",value:function(t,e,n){var i=this.findTool(t,e);i?i.enable=n:this.logger.log("Toolbar tool "+t+" could not be found to set state to "+n)}},{key:"findTool",value:function(t,e){var n={};return e.leftBar&&(n=e.leftBar.find((function(e){return e.action===t}))),!n&&e.rightBar&&(n=e.rightBar.find((function(e){return e.action===t}))),n}},{key:"render",value:function(){this.logger.log("render");var t=this.generateToolbarConfig();t=this.configureToolbarButtonsState(t),t=this.addUndoRedoCommandLabels(t);var e=null;return this.props.enableToolbarLayout===ft&&(e=r.createElement(Pt,{config:t,instanceId:this.props.canvasController.getInstanceId(),toolbarActionHandler:this.toolbarActionHandler,additionalText:{overflowMenuLabel:this.getLabel("toolbar.overflowMenu")}})),e}}]),s}(r.Component),ks=s((function(t,e){return{enableToolbarLayout:t.canvasconfig.enableToolbarLayout,config:t.canvastoolbar.config,isPaletteEnabled:t.canvasconfig.enablePaletteLayout!==vt,isPaletteOpen:t.palette.isOpen,isNotificationOpen:t.notificationpanel.isOpen,notificationConfig:t.notificationpanel.config,notificationMessages:t.notifications,enableInternalObjectModel:t.canvasconfig.enableInternalObjectModel,enableEditingActions:t.canvasconfig.enableEditingActions,canUndo:e.canvasController.canUndo(),canRedo:e.canvasController.canRedo(),canCutCopy:e.canvasController.canCutCopy(),canPaste:e.canvasController.canPaste(),canDelete:e.canvasController.canDelete(),undoLabel:e.canvasController.getUndoLabel(),redoLabel:e.canvasController.getRedoLabel()}}))(c(ms));function bs(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,a=i(t);if(e){var r=i(this).constructor;n=Reflect.construct(a,arguments,r)}else n=a.apply(this,arguments);return o(this,n)}}var Cs=function(i){n(a,i);var o=bs(a);function a(e){var n;return t(this,a),(n=o.call(this,e)).logger=new It("CC-RightFlyout"),n}return e(a,[{key:"render",value:function(){this.logger.log("render");var t=r.createElement("div",{className:"right-flyout-panel"});if(this.props.content&&this.props.isOpen){var e=this.props.enableRightFlyoutUnderToolbar?"right-flyout-panel under-toolbar":"right-flyout-panel";t=r.createElement("div",{className:e},this.props.content)}return t}}]),a}(r.Component),Ps=s((function(t,e){return{isOpen:t.rightflyout.isOpen,content:t.rightflyout.content,enableRightFlyoutUnderToolbar:t.canvasconfig.enableRightFlyoutUnderToolbar}}))(Cs);function ws(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,a=i(t);if(e){var r=i(this).constructor;n=Reflect.construct(a,arguments,r)}else n=a.apply(this,arguments);return o(this,n)}}var Ls=function(i){n(s,i);var o=ws(s);function s(e){var n;return t(this,s),(n=o.call(this,e)).state={panelHeight:393},n.resizing=!1,n.logger=new It("CC-Bottom-Panel"),n.startResize=n.startResize.bind(a(n)),n.stopResize=n.stopResize.bind(a(n)),n.resize=n.resize.bind(a(n)),n}return e(s,[{key:"componentDidMount",value:function(){}},{key:"componentWillUnmount",value:function(){}},{key:"startResize",value:function(t){this.resizing=!0}},{key:"stopResize",value:function(t){this.resizing=!1}},{key:"resize",value:function(t){this.resizing&&this.setState({panelHeight:this.state.panelHeight+t.movementY})}},{key:"render",value:function(){this.logger.log("render");var t=null,e={height:this.state.panelHeight+"px"};return this.props.bottomPanelIsOpen&&(t=r.createElement("div",{className:"bottom-panel",style:e},this.props.bottomPanelContent)),t}}]),s}(r.Component),xs=s((function(t,e){return{bottomPanelIsOpen:t.bottompanel.isOpen,bottomPanelContent:t.bottompanel.content}}))(c(Ls));function Ss(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,a=i(t);if(e){var r=i(this).constructor;n=Reflect.construct(a,arguments,r)}else n=a.apply(this,arguments);return o(this,n)}}var Ns=function(i){n(s,i);var o=Ss(s);function s(e){var n;return t(this,s),(n=o.call(this,e)).state={},n.logger=new It("NotificationPanel"),n.handleNotificationPanelClickOutside=n.handleNotificationPanelClickOutside.bind(a(n)),n.closeNotificationPanel=n.closeNotificationPanel.bind(a(n)),n}return e(s,[{key:"componentDidMount",value:function(){document.addEventListener("click",this.handleNotificationPanelClickOutside,!0)}},{key:"componentWillUnmount",value:function(){document.removeEventListener("click",this.handleNotificationPanelClickOutside,!0)}},{key:"getNotifications",value:function(){var t=[];if(!this.props.messages)return t;for(var e=0;e<this.props.messages.length;e++){var n=this.props.messages[e],i=n.callback?" clickable ":"",o=n.type,a=r.createElement("div",{className:"notification-message-type"},r.createElement(f,{type:o,className:"notification-message-icon-".concat(o)})),s=n.title?r.createElement("div",{className:"notification-message-title"},n.title):null,l=n.subtitle?r.createElement("div",{className:"notification-message-subtitle"},n.subtitle,r.createElement("hr",null)):null,c=n.closeMessage?r.createElement("div",{className:"notification-message-close",onClick:this.deleteNotification.bind(this,n.id)},n.closeMessage):null,u=n.timestamp?r.createElement("div",{className:"notification-message-timestamp"},r.createElement("div",{className:"notification-message-timestamp-icon"},r.createElement(f,{type:"time"})),r.createElement("div",{className:"notification-message-string"},n.timestamp)):null;t.push(r.createElement("div",{className:"notifications-button-container",key:e+"-"+n.id},r.createElement("div",{className:"notifications "+i+n.type,onClick:this.notificationCallback.bind(this,n.id,n.callback)},a,r.createElement("div",{className:"notification-message-details"},s,l,r.createElement("div",{className:"notification-message-content"},n.content),u,c))))}return t}},{key:"handleNotificationPanelClickOutside",value:function(t){if(this.props.isNotificationOpen&&this.props.notificationConfig&&!this.props.notificationConfig.keepOpen){var e=document.getElementsByClassName(yt)[0],n=document.getElementsByClassName("notification-panel-header")[0],i=document.getElementsByClassName("notification-panel-messages-container")[0];e&&!e.contains(t.target)&&n&&!n.contains(t.target)&&i&&!i.contains(t.target)&&(this.props.canvasController.toolbarActionHandler("closeNotificationPanel"),t.stopPropagation())}}},{key:"notificationCallback",value:function(t,e){e&&e(t)}},{key:"deleteNotification",value:function(t){this.props.canvasController.deleteNotificationMessages(t)}},{key:"clearNotificationMessages",value:function(){this.props.canvasController.clearNotificationMessages(),"function"==typeof this.props.notificationConfig.clearAllCallback&&this.props.notificationConfig.clearAllCallback()}},{key:"closeNotificationPanel",value:function(){this.props.canvasController.toolbarActionHandler("closeNotificationPanel")}},{key:"render",value:function(){if(this.logger.log("render"),!this.props.notificationConfig)return null;var t=this.props.isNotificationOpen?"":"panel-hidden",e=this.props.notificationConfig&&this.props.notificationConfig.notificationHeader?this.props.notificationConfig.notificationHeader:bt,n=this.props.notificationConfig&&this.props.notificationConfig.notificationSubtitle?r.createElement("div",{className:"notification-panel-subtitle"},this.props.notificationConfig.notificationSubtitle):null,i=this.props.messages.length>0?this.getNotifications():r.createElement("div",{className:"notification-panel-empty-message-container"},r.createElement("div",{className:"notification-panel-empty-message"},this.props.notificationConfig&&this.props.notificationConfig.emptyMessage?this.props.notificationConfig.emptyMessage:null)),o=this.props.notificationConfig&&this.props.notificationConfig.clearAllMessage?r.createElement("div",{className:"notification-panel-clear-all-container"},r.createElement(Et,{className:"notification-panel-clear-all",onClick:this.clearNotificationMessages.bind(this),kind:"ghost",size:"small",disabled:0===this.props.messages.length},this.props.notificationConfig.clearAllMessage)):null;return r.createElement("div",{className:"notification-panel-container "+t},r.createElement("div",{className:"notification-panel"},r.createElement("div",{className:"notification-panel-header-container"},r.createElement("div",{className:"notification-panel-header"},e,r.createElement(Gt,{className:"notification-panel-close-icon",onClick:this.closeNotificationPanel})),n),r.createElement("div",{className:"notification-panel-messages-container"},r.createElement("div",{className:"notification-panel-messages"},i),o)))}}],[{key:"getDerivedStateFromProps",value:function(t,e){return t.messages!==e.messages?{messages:t.messages}:{}}}]),s}(r.Component),Ds=s((function(t,e){return{notificationConfig:t.notificationpanel.config,isNotificationOpen:t.notificationpanel.isOpen,messages:t.notifications}}))(Ns);function Ts(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,a=i(t);if(e){var r=i(this).constructor;n=Reflect.construct(a,arguments,r)}else n=a.apply(this,arguments);return o(this,n)}}var Es=function(i){n(a,i);var o=Ts(a);function a(e){var n;return t(this,a),(n=o.call(this,e)).logger=new It("CC-CentralItems"),n}return e(a,[{key:"render",value:function(){this.logger.log("render");var t=r.createElement(Ps,null),e=r.createElement(ks,{canvasController:this.props.canvasController}),n=r.createElement(Ds,{canvasController:this.props.canvasController}),i=r.createElement(vs,{canvasController:this.props.canvasController}),o=r.createElement(xs,{canvasController:this.props.canvasController});return this.props.enableRightFlyoutUnderToolbar?r.createElement("div",{className:"common-canvas-right-side-items-under-toolbar"},e,r.createElement("div",{id:this.props.containingDivId,className:"common-canvas-items-container-under-toolbar"},r.createElement("div",{className:"common-canvas-with-bottom-panel"},i,o),r.createElement("div",null,t),n)):r.createElement("div",{className:"common-canvas-right-side-items"},r.createElement("div",{id:this.props.containingDivId,className:"common-canvas-items-container"},e,i,o,n),t)}}]),a}(r.Component),Is=s((function(t,e){return{enableRightFlyoutUnderToolbar:t.canvasconfig.enableRightFlyoutUnderToolbar}}))(Es);function Os(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,a=i(t);if(e){var r=i(this).constructor;n=Reflect.construct(a,arguments,r)}else n=a.apply(this,arguments);return o(this,n)}}var _s=c(function(i){n(s,i);var o=Os(s);function s(e){var n;return t(this,s),(n=o.call(this,e)).logger=new It(["CommonCanvas"]),n.logger.log("constructor"),n.initializeController=n.initializeController.bind(a(n)),n.containingDivId="common-canvas-items-container-"+e.canvasController.getInstanceId(),e.canvasController.setIntl(e.intl),n.initializeController(e),n}return e(s,[{key:"componentDidUpdate",value:function(){this.logger.log("componentDidUpdate"),this.initializeController(this.props)}},{key:"onDragOver",value:function(t){t.preventDefault()}},{key:"onDrop",value:function(t){t.preventDefault()}},{key:"initializeController",value:function(t){this.logger.logStartTimer("initializeController"),t.canvasController.setCanvasConfig(t.config),t.canvasController.setContextMenuConfig(t.contextMenuConfig),t.canvasController.setKeyboardConfig(t.keyboardConfig),t.canvasController.setToolbarConfig(t.toolbarConfig),t.canvasController.setNotificationPanelConfig(t.notificationConfig),t.canvasController.setRightFlyoutConfig({content:t.rightFlyoutContent,isOpen:t.showRightFlyout}),t.canvasController.setBottomPanelConfig({content:t.bottomPanelContent,isOpen:t.showBottomPanel}),t.canvasController.setHandlers({contextMenuHandler:t.contextMenuHandler,beforeEditActionHandler:t.beforeEditActionHandler,editActionHandler:t.editActionHandler,clickActionHandler:t.clickActionHandler,decorationActionHandler:t.decorationActionHandler,tipHandler:t.tipHandler,layoutHandler:t.layoutHandler,idGeneratorHandler:t.idGeneratorHandler,selectionChangeHandler:t.selectionChangeHandler,actionLabelHandler:t.actionLabelHandler}),this.logger.logEndTimer("initializeController")}},{key:"generateClass",value:function(){var t="common-canvas";return t+=this.isEditingAllowed()?"":" config-editing-actions-false",t+=this.props.config&&this.props.config.enableParentClass?" "+this.props.config.enableParentClass:""}},{key:"isEditingAllowed",value:function(){return this.props.config&&(void 0===this.props.config.enableEditingActions||!0===this.props.config.enableEditingActions)}},{key:"render",value:function(){this.logger.log("render");var t=r.createElement(Je,{canvasController:this.props.canvasController}),e=r.createElement(Ze,{canvasController:this.props.canvasController,containingDivId:this.containingDivId}),n=r.createElement(Is,{canvasController:this.props.canvasController,containingDivId:this.containingDivId}),i=this.generateClass();return r.createElement(l,{store:this.props.canvasController.getStore()},r.createElement("div",{className:i,onDragOver:this.onDragOver,onDrop:this.onDrop},e,n,t))}}]),s}(r.Component));export{_s as c};
2
+ //# sourceMappingURL=common-canvas-f409dcd4.js.map