(window.webpackJsonp=window.webpackJsonp||[]).push([[7],{188:function(e,t,n){"use strict";n.r(t),n.d(t,"frontMatter",(function(){return d})),n.d(t,"metadata",(function(){return f})),n.d(t,"rightToc",(function(){return b})),n.d(t,"default",(function(){return v}));var r=n(2),o=n(9),a=n(0),i=n.n(a),u=n(196),c=(n(25),n(20),n(19),n(90),n(197)),l={"RaOIu-i1Qo":{id:"RaOIu-i1Qo",x:-282.375,y:-77.6640625,type:"number",width:140,connections:{inputs:{},outputs:{number:[]}},inputData:{number:{number:0}}},"GGx-8iFtPP":{id:"GGx-8iFtPP",x:-65.3828125,y:-109.6640625,type:"addNumbers",width:140,connections:{inputs:{},outputs:{}},inputData:{num1:{number:0},num2:{number:0}}},Esjqq_aoSE:{id:"Esjqq_aoSE",x:152.625,y:-84.6640625,type:"string",width:140,connections:{inputs:{},outputs:{}},inputData:{string:{string:""}}}},s=(new c.c).addPortType({type:"number",name:"number",label:"Number",color:c.a.red,controls:[c.b.number({name:"number",label:"Number"})]}).addPortType({type:"string",name:"string",label:"Text",color:c.a.green,controls:[c.b.text({name:"string",label:"Text"})]}).addNodeType({type:"string",label:"Text",initialWidth:140,inputs:function(e){return[e.string()]},outputs:function(e){return[e.string()]}}).addNodeType({type:"number",label:"Number",initialWidth:140,inputs:function(e){return[e.number()]},outputs:function(e){return[e.number()]}}).addNodeType({type:"addNumbers",label:"Add Numbers",initialWidth:140,inputs:function(e){return[e.number({name:"num1"}),e.number({name:"num2"})]},outputs:function(e){return[e.number()]}}),p=function(){return i.a.createElement("div",{style:{width:"100%",height:400,color:"#000"}},i.a.createElement("style",{type:"text/css"},'\n          [data-flume-node-type="addNumbers"] {\n            background: linear-gradient(to top, #4e2020 0%, #20204e 100%);\n            border: 1px solid rgba(255,255,255,.5);\n            color: #fff;\n          }\n          [data-flume-node-type="addNumbers"] [data-flume-component="node-header"] {\n            background: none;\n          }\n        '),i.a.createElement(c.d,{defaultNodes:Object.values(l),portTypes:s.portTypes,nodeTypes:s.nodeTypes,debug:!0}))},d={title:"Theming"},f={id:"theming",isDocsHomePage:!1,title:"Theming",description:"All required styles are automatically included with the NodeEditor, but each Flume component has a data attribute that you can target using normal css.",source:"@site/docs/theming.mdx",permalink:"/docs/theming",editUrl:"https://github.com/chrisjpatty/flume/edit/master/docs/docs/theming.mdx",sidebar:"someSidebar",previous:{title:"Comments",permalink:"/docs/comments"},next:{title:"NodeEditor",permalink:"/docs/NodeEditor"}},b=[{value:"Example",id:"example",children:[]},{value:"Reference",id:"reference",children:[]},{value:"Theming based on node type",id:"theming-based-on-node-type",children:[]}],m={rightToc:b};function v(e){var t=e.components,n=Object(o.a)(e,["components"]);return Object(u.b)("wrapper",Object(r.a)({},m,n,{components:t,mdxType:"MDXLayout"}),Object(u.b)("p",null,"All required styles are automatically included with the ",Object(u.b)("inlineCode",{parentName:"p"},"NodeEditor"),", but each Flume component has a data attribute that you can target using normal css."),Object(u.b)("h2",{id:"example"},"Example"),Object(u.b)("p",null,"For example, you can change the background color of the nodes with the following CSS:"),Object(u.b)("pre",null,Object(u.b)("code",Object(r.a)({parentName:"pre"},{className:"language-css"}),'[data-flume-component="node"]{\n  background: #ffffff;\n}\n')),Object(u.b)("h2",{id:"reference"},"Reference"),Object(u.b)("p",null,"The following is a comprehensive list of all available data attributes. Each component name is prefixed with ",Object(u.b)("inlineCode",{parentName:"p"},"data-flume-component"),"."),Object(u.b)("ul",null,Object(u.b)("li",{parentName:"ul"},Object(u.b)("inlineCode",{parentName:"li"},"stage")),Object(u.b)("li",{parentName:"ul"},Object(u.b)("inlineCode",{parentName:"li"},"node")),Object(u.b)("li",{parentName:"ul"},Object(u.b)("inlineCode",{parentName:"li"},"node-header")),Object(u.b)("li",{parentName:"ul"},Object(u.b)("inlineCode",{parentName:"li"},"connection-svg")),Object(u.b)("li",{parentName:"ul"},Object(u.b)("inlineCode",{parentName:"li"},"connection-path")),Object(u.b)("li",{parentName:"ul"},Object(u.b)("inlineCode",{parentName:"li"},"ports")),Object(u.b)("li",{parentName:"ul"},Object(u.b)("inlineCode",{parentName:"li"},"ports-inputs")),Object(u.b)("li",{parentName:"ul"},Object(u.b)("inlineCode",{parentName:"li"},"ports-outputs-")),Object(u.b)("li",{parentName:"ul"},Object(u.b)("inlineCode",{parentName:"li"},"port-input")),Object(u.b)("li",{parentName:"ul"},Object(u.b)("inlineCode",{parentName:"li"},"port-output")),Object(u.b)("li",{parentName:"ul"},Object(u.b)("inlineCode",{parentName:"li"},"port-label")),Object(u.b)("li",{parentName:"ul"},Object(u.b)("inlineCode",{parentName:"li"},"port-handle")),Object(u.b)("li",{parentName:"ul"},Object(u.b)("inlineCode",{parentName:"li"},"comment")),Object(u.b)("li",{parentName:"ul"},Object(u.b)("inlineCode",{parentName:"li"},"comment-textarea")),Object(u.b)("li",{parentName:"ul"},Object(u.b)("inlineCode",{parentName:"li"},"comment-text")),Object(u.b)("li",{parentName:"ul"},Object(u.b)("inlineCode",{parentName:"li"},"comment-resize-handle")),Object(u.b)("li",{parentName:"ul"},Object(u.b)("inlineCode",{parentName:"li"},"control")),Object(u.b)("li",{parentName:"ul"},Object(u.b)("inlineCode",{parentName:"li"},"control-label")),Object(u.b)("li",{parentName:"ul"},Object(u.b)("inlineCode",{parentName:"li"},"select")),Object(u.b)("li",{parentName:"ul"},Object(u.b)("inlineCode",{parentName:"li"},"select-label")),Object(u.b)("li",{parentName:"ul"},Object(u.b)("inlineCode",{parentName:"li"},"select-desc")),Object(u.b)("li",{parentName:"ul"},Object(u.b)("inlineCode",{parentName:"li"},"text-input")),Object(u.b)("li",{parentName:"ul"},Object(u.b)("inlineCode",{parentName:"li"},"text-input-number")),Object(u.b)("li",{parentName:"ul"},Object(u.b)("inlineCode",{parentName:"li"},"text-input-textarea")),Object(u.b)("li",{parentName:"ul"},Object(u.b)("inlineCode",{parentName:"li"},"checkbox")),Object(u.b)("li",{parentName:"ul"},Object(u.b)("inlineCode",{parentName:"li"},"checkbox-label")),Object(u.b)("li",{parentName:"ul"},Object(u.b)("inlineCode",{parentName:"li"},"color-picker")),Object(u.b)("li",{parentName:"ul"},Object(u.b)("inlineCode",{parentName:"li"},"color-button")),Object(u.b)("li",{parentName:"ul"},Object(u.b)("inlineCode",{parentName:"li"},"toast")),Object(u.b)("li",{parentName:"ul"},Object(u.b)("inlineCode",{parentName:"li"},"toast-title")),Object(u.b)("li",{parentName:"ul"},Object(u.b)("inlineCode",{parentName:"li"},"toast-message")),Object(u.b)("li",{parentName:"ul"},Object(u.b)("inlineCode",{parentName:"li"},"toast-close")),Object(u.b)("li",{parentName:"ul"},Object(u.b)("inlineCode",{parentName:"li"},"ctx-menu")),Object(u.b)("li",{parentName:"ul"},Object(u.b)("inlineCode",{parentName:"li"},"ctx-menu-header")),Object(u.b)("li",{parentName:"ul"},Object(u.b)("inlineCode",{parentName:"li"},"ctx-menu-title")),Object(u.b)("li",{parentName:"ul"},Object(u.b)("inlineCode",{parentName:"li"},"ctx-menu-input")),Object(u.b)("li",{parentName:"ul"},Object(u.b)("inlineCode",{parentName:"li"},"ctx-menu-list")),Object(u.b)("li",{parentName:"ul"},Object(u.b)("inlineCode",{parentName:"li"},"ctx-menu-empty")),Object(u.b)("li",{parentName:"ul"},Object(u.b)("inlineCode",{parentName:"li"},"ctx-menu-option"))),Object(u.b)("h2",{id:"theming-based-on-node-type"},"Theming based on node type"),Object(u.b)("p",null,"In some cases you may want to style some nodes based on their type. There are a few dynamic data attributes you can use for this."),Object(u.b)("ul",null,Object(u.b)("li",{parentName:"ul"},Object(u.b)("inlineCode",{parentName:"li"},"data-flume-node-type=[nodeType]")," "),Object(u.b)("li",{parentName:"ul"},Object(u.b)("inlineCode",{parentName:"li"},"data-flume-component-is-root=[boolean]")),Object(u.b)("li",{parentName:"ul"},Object(u.b)("inlineCode",{parentName:"li"},"data-port-color=[color]")),Object(u.b)("li",{parentName:"ul"},Object(u.b)("inlineCode",{parentName:"li"},"data-port-name=[portName]")),Object(u.b)("li",{parentName:"ul"},"`data-port-type=","[portType]")),Object(u.b)("p",null,"For example, to target a node with type ",Object(u.b)("inlineCode",{parentName:"p"},"addNumbers")," you could add this to your CSS:"),Object(u.b)("pre",null,Object(u.b)("code",Object(r.a)({parentName:"pre"},{className:"language-css"}),'[data-flume-node-type="addNumbers"] {\n  background: linear-gradient(to top, #4e2020 0%, #20204e 100%);\n  border: 1px solid rgba(255,255,255,.5);\n  color: #fff;\n}\n[data-flume-node-type="addNumbers"] [data-flume-component="node-header"] {\n  background: none;\n}\n')),Object(u.b)(p,{mdxType:"DynamicThemingExample"}))}v.isMDXComponent=!0},196:function(e,t,n){"use strict";n.d(t,"a",(function(){return p})),n.d(t,"b",(function(){return b}));var r=n(0),o=n.n(r);function a(e,t,n){return t in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}function i(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,r)}return n}function u(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?i(Object(n),!0).forEach((function(t){a(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):i(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}function c(e,t){if(null==e)return{};var n,r,o=function(e,t){if(null==e)return{};var n,r,o={},a=Object.keys(e);for(r=0;r<a.length;r++)n=a[r],t.indexOf(n)>=0||(o[n]=e[n]);return o}(e,t);if(Object.getOwnPropertySymbols){var a=Object.getOwnPropertySymbols(e);for(r=0;r<a.length;r++)n=a[r],t.indexOf(n)>=0||Object.prototype.propertyIsEnumerable.call(e,n)&&(o[n]=e[n])}return o}var l=o.a.createContext({}),s=function(e){var t=o.a.useContext(l),n=t;return e&&(n="function"==typeof e?e(t):u(u({},t),e)),n},p=function(e){var t=s(e.components);return o.a.createElement(l.Provider,{value:t},e.children)},d={inlineCode:"code",wrapper:function(e){var t=e.children;return o.a.createElement(o.a.Fragment,{},t)}},f=o.a.forwardRef((function(e,t){var n=e.components,r=e.mdxType,a=e.originalType,i=e.parentName,l=c(e,["components","mdxType","originalType","parentName"]),p=s(n),f=r,b=p["".concat(i,".").concat(f)]||p[f]||d[f]||a;return n?o.a.createElement(b,u(u({ref:t},l),{},{components:n})):o.a.createElement(b,u({ref:t},l))}));function b(e,t){var n=arguments,r=t&&t.mdxType;if("string"==typeof e||r){var a=n.length,i=new Array(a);i[0]=f;var u={};for(var c in t)hasOwnProperty.call(t,c)&&(u[c]=t[c]);u.originalType=e,u.mdxType="string"==typeof e?e:r,i[1]=u;for(var l=2;l<a;l++)i[l]=n[l];return o.a.createElement.apply(null,i)}return o.a.createElement.apply(null,n)}f.displayName="MDXCreateElement"},197:function(e,t,n){"use strict";(function(e){n.d(t,"a",(function(){return Qu})),n.d(t,"b",(function(){return Ju})),n.d(t,"c",(function(){return $u})),n.d(t,"d",(function(){return hc})),n.d(t,"e",(function(){return Pc})),n.d(t,"f",(function(){return kc}));n(210),n(212),n(213),n(214),n(215),n(216),n(217),n(218),n(219),n(220),n(221),n(222),n(209),n(223),n(224),n(225),n(226),n(227),n(228),n(229),n(230),n(231),n(232),n(233);var r=n(0),o=n.n(r),a=n(53),i=n.n(a),u=n(234),c=n.n(u);function l(e,t,n){return t in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}function s(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,r=new Array(t);n<t;n++)r[n]=e[n];return r}function p(e,t){if(e){if("string"==typeof e)return s(e,t);var n=Object.prototype.toString.call(e).slice(8,-1);return"Object"===n&&e.constructor&&(n=e.constructor.name),"Map"===n||"Set"===n?Array.from(e):"Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)?s(e,t):void 0}}function d(e,t){return function(e){if(Array.isArray(e))return e}(e)||function(e,t){var n=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=n){var r,o,a=[],i=!0,u=!1;try{for(n=n.call(e);!(i=(r=n.next()).done)&&(a.push(r.value),!t||a.length!==t);i=!0);}catch(c){u=!0,o=c}finally{try{i||null==n.return||n.return()}finally{if(u)throw o}}return a}}(e,t)||p(e,t)||function(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}var f="undefined"!=typeof globalThis?globalThis:"undefined"!=typeof window?window:void 0!==e?e:"undefined"!=typeof self?self:{},b=m()?o.a.useLayoutEffect:o.a.useEffect;function m(){return!("undefined"==typeof window||!window.document||!window.document.createElement)}var v=!1,y=0,h=function(){return++y};function _(e,t){void 0===t&&(t={});var n=t.insertAt;if(e&&"undefined"!=typeof document){var r=document.head||document.getElementsByTagName("head")[0],o=document.createElement("style");o.type="text/css","top"===n&&r.firstChild?r.insertBefore(o,r.firstChild):r.appendChild(o),o.styleSheet?o.styleSheet.cssText=e:o.appendChild(document.createTextNode(e))}}var g="Stage_wrapper__1X5K_",x="Stage_transformWrapper__3CfIp",O="Stage_scaleWrapper__2Y7Ck";_(".Stage_wrapper__1X5K_ {\n  width: 100%;\n  height: 100%;\n  min-height: 100px;\n  background-color: rgb(26, 28, 29);\n  background-image: linear-gradient(\n      0deg,\n      transparent 24%,\n      rgba(255, 255, 255, 0.04) 25%,\n      rgba(255, 255, 255, 0.04) 26%,\n      transparent 27%,\n      transparent 74%,\n      rgba(255, 255, 255, 0.04) 75%,\n      rgba(255, 255, 255, 0.04) 76%,\n      transparent 77%,\n      transparent\n    ),\n    linear-gradient(\n      90deg,\n      transparent 24%,\n      rgba(255, 255, 255, 0.04) 25%,\n      rgba(255, 255, 255, 0.04) 26%,\n      transparent 27%,\n      transparent 74%,\n      rgba(255, 255, 255, 0.04) 75%,\n      rgba(255, 255, 255, 0.04) 76%,\n      transparent 77%,\n      transparent\n    );\n  color: #000;\n  background-size: 30px 30px;\n  position: relative;\n  overflow: hidden;\n  -webkit-overflow-scrolling: touch;\n  font-family: Helvetica, sans-serif;\n  text-align: left;\n  line-height: 1;\n  outline: none !important;\n}\n.Stage_wrapper__1X5K_ * {\n  box-sizing: border-box;\n}\n.Stage_wrapper__1X5K_ input,\ntextarea,\nselect {\n  font-family: Helvetica, sans-serif;\n}\n.Stage_transformWrapper__3CfIp {\n  transform-origin: center center;\n  position: absolute;\n  left: 50%;\n  top: 50%;\n  width: 0px;\n  height: 0px;\n}\n.Stage_scaleWrapper__2Y7Ck {\n  position: absolute;\n  left: 0px;\n  top: 0px;\n  width: 0px;\n  height: 0px;\n}\n");var E=!("undefined"==typeof window||!window.document||!window.document.createElement),w=function(){function e(e,t){for(var n=0;n<t.length;n++){var r=t[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(e,r.key,r)}}return function(t,n,r){return n&&e(t.prototype,n),r&&e(t,r),t}}();function j(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}function N(e,t){if(!e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return!t||"object"!=typeof t&&"function"!=typeof t?e:t}var T=function(e){function t(){return j(this,t),N(this,(t.__proto__||Object.getPrototypeOf(t)).apply(this,arguments))}return function(e,t){if("function"!=typeof t&&null!==t)throw new TypeError("Super expression must either be null or a function, not "+typeof t);e.prototype=Object.create(t&&t.prototype,{constructor:{value:e,enumerable:!1,writable:!0,configurable:!0}}),t&&(Object.setPrototypeOf?Object.setPrototypeOf(e,t):e.__proto__=t)}(t,e),w(t,[{key:"componentWillUnmount",value:function(){this.defaultNode&&document.body.removeChild(this.defaultNode),this.defaultNode=null}},{key:"render",value:function(){return E?(this.props.node||this.defaultNode||(this.defaultNode=document.createElement("div"),document.body.appendChild(this.defaultNode)),i.a.createPortal(this.props.children,this.props.node||this.defaultNode)):null}}]),t}(o.a.Component);T.propTypes={children:c.a.node.isRequired,node:c.a.any};var C=T,P=function(){function e(e,t){for(var n=0;n<t.length;n++){var r=t[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(e,r.key,r)}}return function(t,n,r){return n&&e(t.prototype,n),r&&e(t,r),t}}();function S(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}function D(e,t){if(!e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return!t||"object"!=typeof t&&"function"!=typeof t?e:t}var k=function(e){function t(){return S(this,t),D(this,(t.__proto__||Object.getPrototypeOf(t)).apply(this,arguments))}return function(e,t){if("function"!=typeof t&&null!==t)throw new TypeError("Super expression must either be null or a function, not "+typeof t);e.prototype=Object.create(t&&t.prototype,{constructor:{value:e,enumerable:!1,writable:!0,configurable:!0}}),t&&(Object.setPrototypeOf?Object.setPrototypeOf(e,t):e.__proto__=t)}(t,e),P(t,[{key:"componentDidMount",value:function(){this.renderPortal()}},{key:"componentDidUpdate",value:function(e){this.renderPortal()}},{key:"componentWillUnmount",value:function(){i.a.unmountComponentAtNode(this.defaultNode||this.props.node),this.defaultNode&&document.body.removeChild(this.defaultNode),this.defaultNode=null,this.portal=null}},{key:"renderPortal",value:function(e){this.props.node||this.defaultNode||(this.defaultNode=document.createElement("div"),document.body.appendChild(this.defaultNode));var t=this.props.children;"function"==typeof this.props.children.type&&(t=o.a.cloneElement(this.props.children)),this.portal=i.a.unstable_renderSubtreeIntoContainer(this,t,this.props.node||this.defaultNode)}},{key:"render",value:function(){return null}}]),t}(o.a.Component),I=k;k.propTypes={children:c.a.node.isRequired,node:c.a.any};var A=i.a.createPortal?C:I,R="ContextMenu_menuWrapper__1BheJ",M="ContextMenu_menuHeader__1Cw58",L="ContextMenu_menuLabel__158Pv",z="ContextMenu_optionsWrapper__2YK_z",B="ContextMenu_menuFilter__1goBp",W="ContextMenu_option__33MDL",q="ContextMenu_emptyText__2rcXy";_(".ContextMenu_menuWrapper__1BheJ{\n  position: fixed;\n  z-index: 9999;\n  background: rgba(29, 32, 34, 0.95);\n  border-radius: 5px;\n  box-shadow: 0px 6px 7px rgba(0,0,0,.3);\n  border: 1px solid rgba(0,0,0,.4);\n  font-size: 14px;\n  max-width: 300px;\n  min-width: 150px;\n  font-family: Helvetica, sans-serif;\n  line-height: 1.15;\n  outline: none;\n}\n@supports (backdrop-filter: blur(6px)){\n  .ContextMenu_menuWrapper__1BheJ{\n    backdrop-filter: blur(6px);\n    background: rgba(29, 32, 34, 0.8);\n  }\n}\n.ContextMenu_menuHeader__1Cw58{\n  padding: 5px;\n  border-bottom: 1px solid rgba(255,255,255,.1);\n  display: flex;\n  flex-direction: column;\n}\n.ContextMenu_menuLabel__158Pv{\n  margin: 0px;\n  color: #fff;\n  font-size: 16px;\n  font-weight: 600;\n}\n.ContextMenu_optionsWrapper__2YK_z{\n  max-height: 300px;\n  overflow-y: auto;\n  display: flex;\n  flex-direction: column;\n}\n.ContextMenu_menuFilter__1goBp{\n  border: none;\n  background: none;\n  height: 24px;\n  flex: 1 1 auto;\n  width: 100%;\n  outline: none;\n  color: #fff;\n}\n.ContextMenu_menuFilter__1goBp::placeholder{\n    font-style: italic;\n  }\n.ContextMenu_option__33MDL{\n  display: flex;\n  flex-direction: column;\n  flex-shrink: 0;\n  padding: 5px;\n  border-bottom: 1px solid rgba(255,255,255,.1);\n  color: #ffffff;\n}\n.ContextMenu_option__33MDL:last-child{\n    border-bottom: none;\n  }\n.ContextMenu_option__33MDL:hover{\n    background: rgba(255,255,255,.05);\n  }\n.ContextMenu_option__33MDL label{\n    margin-bottom: 5px;\n    user-select: none;\n  }\n.ContextMenu_option__33MDL label:last-child{\n      margin-bottom: 0px;\n    }\n.ContextMenu_option__33MDL p{\n    margin: 0px;\n    font-style: italic;\n    font-size: 12px;\n    color: rgb(182, 186, 194);\n    user-select: none;\n  }\n.ContextMenu_option__33MDL[data-selected=true]{\n    background: rgba(255,255,255,.05);\n  }\n.ContextMenu_emptyText__2rcXy{\n  color: #fff;\n  padding: 5px;\n}\n");var F=function(e,t,n){return e==e&&(void 0!==n&&(e=e<=n?e:n),void 0!==t&&(e=e>=t?e:t)),e},V=/\s/;var H=function(e){for(var t=e.length;t--&&V.test(e.charAt(t)););return t},Y=/^\s+/;var X=function(e){return e?e.slice(0,H(e)+1).replace(Y,""):e};var K=function(e){var t=typeof e;return null!=e&&("object"==t||"function"==t)},U="object"==typeof f&&f&&f.Object===Object&&f,J=U,Q="object"==typeof self&&self&&self.Object===Object&&self,G=J||Q||Function("return this")(),$=G.Symbol,Z=$,ee=Object.prototype,te=ee.hasOwnProperty,ne=ee.toString,re=Z?Z.toStringTag:void 0;var oe=function(e){var t=te.call(e,re),n=e[re];try{e[re]=void 0;var r=!0}catch(a){}var o=ne.call(e);return r&&(t?e[re]=n:delete e[re]),o},ae=Object.prototype.toString;var ie=oe,ue=function(e){return ae.call(e)},ce=$?$.toStringTag:void 0;var le=function(e){return null==e?void 0===e?"[object Undefined]":"[object Null]":ce&&ce in Object(e)?ie(e):ue(e)};var se=function(e){return null!=e&&"object"==typeof e},pe=le,de=se;var fe=function(e){return"symbol"==typeof e||de(e)&&"[object Symbol]"==pe(e)},be=X,me=K,ve=fe,ye=/^[-+]0x[0-9a-f]+$/i,he=/^0b[01]+$/i,_e=/^0o[0-7]+$/i,ge=parseInt;var xe=F,Oe=function(e){if("number"==typeof e)return e;if(ve(e))return NaN;if(me(e)){var t="function"==typeof e.valueOf?e.valueOf():e;e=me(t)?t+"":t}if("string"!=typeof e)return 0===e?e:+e;e=be(e);var n=he.test(e);return n||_e.test(e)?ge(e.slice(2),n?2:8):ye.test(e)?NaN:+e};var Ee=function(e,t,n){return void 0===n&&(n=t,t=void 0),void 0!==n&&(n=(n=Oe(n))==n?n:0),void 0!==t&&(t=(t=Oe(t))==t?t:0),xe(Oe(e),t,n)},we=function(e){void 0===e&&(e=21);for(var t="",n=e;n--;)t+="useandom-26T198340PX75pxJACKVERYMINDBUSHWOLF_GQZbfghjklqvwyzrict"[64*Math.random()|0];return t},je=function(e){var t=e.x,n=e.y,r=e.options,a=void 0===r?[]:r,i=e.onRequestClose,u=e.onOptionSelected,c=e.label,l=e.hideHeader,s=e.hideFilter,p=e.emptyText,f=o.a.useRef(null),b=o.a.useRef(null),m=o.a.useRef(null),v=d(o.a.useState(""),2),y=v[0],h=v[1],_=d(o.a.useState(0),2),g=_[0],x=_[1],O=d(o.a.useState(0),2),E=O[0],w=O[1],j=o.a.useRef(we(10)),N=function(e){u(e),i()},T=o.a.useCallback((function(e){f.current&&!f.current.contains(e.target)&&(i(),document.removeEventListener("click",T,{capture:!0}),document.removeEventListener("contextmenu",T,{capture:!0}))}),[f,i]),C=o.a.useCallback((function(e){27===e.keyCode&&(i(),document.removeEventListener("keydown",C,{capture:!0}))}),[i]);o.a.useEffect((function(){var e,t,n;return m.current&&m.current.focus(),x(null!==(e=null===(t=f.current)||void 0===t||null===(n=t.getBoundingClientRect())||void 0===n?void 0:n.width)&&void 0!==e?e:0),document.addEventListener("keydown",C,{capture:!0}),document.addEventListener("click",T,{capture:!0}),document.addEventListener("contextmenu",T,{capture:!0}),function(){document.removeEventListener("click",T,{capture:!0}),document.removeEventListener("contextmenu",T,{capture:!0}),document.removeEventListener("keydown",C,{capture:!0})}}),[T,C]);var P=o.a.useMemo((function(){if(!y)return a;var e=y.toLowerCase();return a.filter((function(t){return t.label.toLowerCase().includes(e)}))}),[y,a]);return o.a.useEffect((function(){var e;(s||l)&&(null===(e=f.current)||void 0===e||e.focus())}),[s,l]),o.a.useEffect((function(){var e=document.getElementById("".concat(j.current,"-").concat(E));if(e){var t,n=null===(t=b.current)||void 0===t?void 0:t.getBoundingClientRect(),r=e.getBoundingClientRect();n&&(r.y+r.height>n.y+n.height||r.y<n.y)&&e.scrollIntoView({block:"nearest"})}}),[E]),o.a.createElement("div",{"data-flume-component":"ctx-menu",className:R,onMouseDown:function(e){return e.stopPropagation()},onKeyDown:function(e){if(38===e.which&&(e.preventDefault(),null===E?w(0):E>0&&w((function(e){return(e||0)-1}))),40===e.which&&(e.preventDefault(),null===E?w(0):E<P.length-1&&w((function(e){return(e||0)+1}))),13===e.which&&null!==E){var t=P[E];t&&N(t)}},style:{left:t,top:n,width:y?g:"auto"},ref:f,tabIndex:0,role:"menu","aria-activedescendant":"".concat(j.current,"-").concat(E)},l||!c&&!a.length?null:o.a.createElement("div",{className:M,"data-flume-component":"ctx-menu-header"},o.a.createElement("label",{className:L,"data-flume-component":"ctx-menu-title"},c),!s&&a.length?o.a.createElement("input",{"data-flume-component":"ctx-menu-input",type:"text",placeholder:"Filter options",value:y,onChange:function(e){var t=e.target.value;h(t),w(0)},className:B,autoFocus:!0,ref:m}):null),o.a.createElement("div",{"data-flume-component":"ctx-menu-list",className:z,role:"menu",ref:b,style:{maxHeight:Ee(window.innerHeight-n-70,10,300)}},P.map((function(e,t){return o.a.createElement(Ne,{menuId:j.current,selected:E===t,onClick:function(){return N(e)},onMouseEnter:function(){return w(null)},index:t,key:e.value+t},o.a.createElement("label",null,e.label),e.description?o.a.createElement("p",null,e.description):null)})),a.length?null:o.a.createElement("span",{"data-flume-component":"ctx-menu-empty",className:q},p)))},Ne=function(e){var t=e.menuId,n=e.index,r=e.children,a=e.onClick,i=e.selected,u=e.onMouseEnter;return o.a.createElement("div",{"data-flume-component":"ctx-menu-option",className:W,role:"menuitem",onClick:a,onMouseEnter:u,"data-selected":i,id:"".concat(t,"-").concat(n)},r)},Te=o.a.createContext(null),Ce=o.a.createContext(null),Pe=o.a.createContext(null),Se=o.a.createContext(null),De=o.a.createContext(null),ke=o.a.createContext(null),Ie=o.a.createContext(null),Ae=o.a.createContext(null),Re=o.a.createContext("");function Me(e,t){if(null==e)return{};var n,r,o=function(e,t){if(null==e)return{};var n,r,o={},a=Object.keys(e);for(r=0;r<a.length;r++)n=a[r],t.indexOf(n)>=0||(o[n]=e[n]);return o}(e,t);if(Object.getOwnPropertySymbols){var a=Object.getOwnPropertySymbols(e);for(r=0;r<a.length;r++)n=a[r],t.indexOf(n)>=0||Object.prototype.propertyIsEnumerable.call(e,n)&&(o[n]=e[n])}return o}var Le=["children","stageState","stageRect","onDragDelayStart","onDragStart","onDrag","onDragEnd","onMouseDown","onTouchStart","disabled","delay","innerRef"];function ze(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,r)}return n}var Be=function(e){var t=e.children,n=e.stageState,r=e.stageRect,a=e.onDragDelayStart,i=e.onDragStart,u=e.onDrag,c=e.onDragEnd,s=e.onMouseDown,p=e.onTouchStart,d=e.disabled,f=e.delay,b=void 0===f?6:f,m=e.innerRef,v=Me(e,Le),y=o.a.useRef(null),h=o.a.useRef(),_=o.a.useRef(null),g=function(e){return 1/n.scale*e},x=function(e){var t,o,a,i,u,c,l,s,p,d,f,b,m=null!==(t=null===(o=h.current)||void 0===o?void 0:o.x)&&void 0!==t?t:0,v=null!==(a=null===(i=h.current)||void 0===i?void 0:i.y)&&void 0!==a?a:0;return{x:g(e.clientX-(r&&null!==(u=null===(c=r.current)||void 0===c?void 0:c.left)&&void 0!==u?u:0)-m-(r&&null!==(l=null===(s=r.current)||void 0===s?void 0:s.width)&&void 0!==l?l:0)/2)+g(n.translate.x),y:g(e.clientY-(r&&null!==(p=null===(d=r.current)||void 0===d?void 0:d.top)&&void 0!==p?p:0)-v-(r&&null!==(f=null===(b=r.current)||void 0===b?void 0:b.height)&&void 0!==f?f:0)/2)+g(n.translate.y)}},O=function(e){var t=x(e);u&&u(t,e)},E=function e(t){var n=x(t);c&&c(t,n),window.removeEventListener("mouseup",e),window.removeEventListener("mousemove",O)},w=function(e){if(y.current){var t,n;if("ontouchstart"in window&&e.touches){var r=e.touches[0];t=r.clientX,n=r.clientY}else{var o=e;e.preventDefault(),t=o.clientX,n=o.clientY}var a=Math.abs(y.current.x-t),u=Math.abs(y.current.y-n);Math.round(Math.sqrt(Math.pow(a,2)+Math.pow(u,2)))>=b&&(!function(e){if(i&&i(e),_.current&&y.current){var t=_.current.getBoundingClientRect();h.current={x:y.current.x-t.left,y:y.current.y-t.top},window.addEventListener("mouseup",E),window.addEventListener("mousemove",O)}}(e),j())}},j=function e(){document.removeEventListener("mouseup",e),document.removeEventListener("mousemove",w),y.current=null},N=function(e){var t,n;if(a&&a(e),e.stopPropagation(),"ontouchstart"in window&&e.touches){var r=e.touches[0];t=r.clientX,n=r.clientY}else{e.preventDefault();var o=e;t=o.clientX,n=o.clientY}y.current={x:t,y:n},document.addEventListener("mouseup",j),document.addEventListener("mousemove",w)};return o.a.createElement("div",function(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?ze(Object(n),!0).forEach((function(t){l(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):ze(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}({onMouseDown:function(e){d||N(e),s&&s(e)},onTouchStart:function(e){d||N(e),p&&p(e)},onDragStart:function(e){e.preventDefault(),e.stopPropagation()},ref:function(e){_.current=e,m&&(m.current=e)}},v),t)};var We=function(e,t){for(var n=-1,r=null==e?0:e.length,o=Array(r);++n<r;)o[n]=t(e[n],n,e);return o},qe=Array.isArray,Fe=qe,Ve=fe,He=/\.|\[(?:[^[\]]*|(["'])(?:(?!\1)[^\\]|\\.)*?\1)\]/,Ye=/^\w*$/;var Xe=function(e,t){if(Fe(e))return!1;var n=typeof e;return!("number"!=n&&"symbol"!=n&&"boolean"!=n&&null!=e&&!Ve(e))||(Ye.test(e)||!He.test(e)||null!=t&&e in Object(t))},Ke=le,Ue=K;var Je,Qe=function(e){if(!Ue(e))return!1;var t=Ke(e);return"[object Function]"==t||"[object GeneratorFunction]"==t||"[object AsyncFunction]"==t||"[object Proxy]"==t},Ge=G["__core-js_shared__"],$e=(Je=/[^.]+$/.exec(Ge&&Ge.keys&&Ge.keys.IE_PROTO||""))?"Symbol(src)_1."+Je:"";var Ze=function(e){return!!$e&&$e in e},et=Function.prototype.toString;var tt=function(e){if(null!=e){try{return et.call(e)}catch(t){}try{return e+""}catch(t){}}return""},nt=Qe,rt=Ze,ot=K,at=tt,it=/^\[object .+?Constructor\]$/,ut=Function.prototype,ct=Object.prototype,lt=ut.toString,st=ct.hasOwnProperty,pt=RegExp("^"+lt.call(st).replace(/[\\^$.*+?()[\]{}|]/g,"\\$&").replace(/hasOwnProperty|(function).*?(?=\\\()| for .+?(?=\\\])/g,"$1.*?")+"$");var dt=function(e){return!(!ot(e)||rt(e))&&(nt(e)?pt:it).test(at(e))},ft=function(e,t){return null==e?void 0:e[t]};var bt=function(e,t){var n=ft(e,t);return dt(n)?n:void 0},mt=bt(Object,"create"),vt=mt;var yt=function(){this.__data__=vt?vt(null):{},this.size=0};var ht=function(e){var t=this.has(e)&&delete this.__data__[e];return this.size-=t?1:0,t},_t=mt,gt=Object.prototype.hasOwnProperty;var xt=function(e){var t=this.__data__;if(_t){var n=t[e];return"__lodash_hash_undefined__"===n?void 0:n}return gt.call(t,e)?t[e]:void 0},Ot=mt,Et=Object.prototype.hasOwnProperty;var wt=mt;var jt=yt,Nt=ht,Tt=xt,Ct=function(e){var t=this.__data__;return Ot?void 0!==t[e]:Et.call(t,e)},Pt=function(e,t){var n=this.__data__;return this.size+=this.has(e)?0:1,n[e]=wt&&void 0===t?"__lodash_hash_undefined__":t,this};function St(e){var t=-1,n=null==e?0:e.length;for(this.clear();++t<n;){var r=e[t];this.set(r[0],r[1])}}St.prototype.clear=jt,St.prototype.delete=Nt,St.prototype.get=Tt,St.prototype.has=Ct,St.prototype.set=Pt;var Dt=St;var kt=function(){this.__data__=[],this.size=0};var It=function(e,t){return e===t||e!=e&&t!=t},At=It;var Rt=function(e,t){for(var n=e.length;n--;)if(At(e[n][0],t))return n;return-1},Mt=Rt,Lt=Array.prototype.splice;var zt=Rt;var Bt=Rt;var Wt=Rt;var qt=kt,Ft=function(e){var t=this.__data__,n=Mt(t,e);return!(n<0)&&(n==t.length-1?t.pop():Lt.call(t,n,1),--this.size,!0)},Vt=function(e){var t=this.__data__,n=zt(t,e);return n<0?void 0:t[n][1]},Ht=function(e){return Bt(this.__data__,e)>-1},Yt=function(e,t){var n=this.__data__,r=Wt(n,e);return r<0?(++this.size,n.push([e,t])):n[r][1]=t,this};function Xt(e){var t=-1,n=null==e?0:e.length;for(this.clear();++t<n;){var r=e[t];this.set(r[0],r[1])}}Xt.prototype.clear=qt,Xt.prototype.delete=Ft,Xt.prototype.get=Vt,Xt.prototype.has=Ht,Xt.prototype.set=Yt;var Kt=Xt,Ut=bt(G,"Map"),Jt=Dt,Qt=Kt,Gt=Ut;var $t=function(e){var t=typeof e;return"string"==t||"number"==t||"symbol"==t||"boolean"==t?"__proto__"!==e:null===e};var Zt=function(e,t){var n=e.__data__;return $t(t)?n["string"==typeof t?"string":"hash"]:n.map},en=Zt;var tn=Zt;var nn=Zt;var rn=Zt;var on=function(){this.size=0,this.__data__={hash:new Jt,map:new(Gt||Qt),string:new Jt}},an=function(e){var t=en(this,e).delete(e);return this.size-=t?1:0,t},un=function(e){return tn(this,e).get(e)},cn=function(e){return nn(this,e).has(e)},ln=function(e,t){var n=rn(this,e),r=n.size;return n.set(e,t),this.size+=n.size==r?0:1,this};function sn(e){var t=-1,n=null==e?0:e.length;for(this.clear();++t<n;){var r=e[t];this.set(r[0],r[1])}}sn.prototype.clear=on,sn.prototype.delete=an,sn.prototype.get=un,sn.prototype.has=cn,sn.prototype.set=ln;var pn=sn,dn=pn;function fn(e,t){if("function"!=typeof e||null!=t&&"function"!=typeof t)throw new TypeError("Expected a function");var n=function n(){var r=arguments,o=t?t.apply(this,r):r[0],a=n.cache;if(a.has(o))return a.get(o);var i=e.apply(this,r);return n.cache=a.set(o,i)||a,i};return n.cache=new(fn.Cache||dn),n}fn.Cache=dn;var bn=fn;var mn=/[^.[\]]+|\[(?:(-?\d+(?:\.\d+)?)|(["'])((?:(?!\2)[^\\]|\\.)*?)\2)\]|(?=(?:\.|\[\])(?:\.|\[\]|$))/g,vn=/\\(\\)?/g,yn=function(e){var t=bn(e,(function(e){return 500===n.size&&n.clear(),e})),n=t.cache;return t}((function(e){var t=[];return 46===e.charCodeAt(0)&&t.push(""),e.replace(mn,(function(e,n,r,o){t.push(r?o.replace(vn,"$1"):n||e)})),t})),hn=We,_n=qe,gn=fe,xn=$?$.prototype:void 0,On=xn?xn.toString:void 0;var En=function e(t){if("string"==typeof t)return t;if(_n(t))return hn(t,e)+"";if(gn(t))return On?On.call(t):"";var n=t+"";return"0"==n&&1/t==-1/0?"-0":n};var wn=qe,jn=Xe,Nn=yn,Tn=function(e){return null==e?"":En(e)};var Cn=function(e,t){return wn(e)?e:jn(e,t)?[e]:Nn(Tn(e))},Pn=fe;var Sn=function(e){if("string"==typeof e||Pn(e))return e;var t=e+"";return"0"==t&&1/e==-1/0?"-0":t},Dn=Cn,kn=Sn;var In=function(e,t){for(var n=0,r=(t=Dn(t,e)).length;null!=e&&n<r;)e=e[kn(t[n++])];return n&&n==r?e:void 0},An=Kt;var Rn=Kt,Mn=Ut,Ln=pn;var zn=Kt,Bn=function(){this.__data__=new An,this.size=0},Wn=function(e){var t=this.__data__,n=t.delete(e);return this.size=t.size,n},qn=function(e){return this.__data__.get(e)},Fn=function(e){return this.__data__.has(e)},Vn=function(e,t){var n=this.__data__;if(n instanceof Rn){var r=n.__data__;if(!Mn||r.length<199)return r.push([e,t]),this.size=++n.size,this;n=this.__data__=new Ln(r)}return n.set(e,t),this.size=n.size,this};function Hn(e){var t=this.__data__=new zn(e);this.size=t.size}Hn.prototype.clear=Bn,Hn.prototype.delete=Wn,Hn.prototype.get=qn,Hn.prototype.has=Fn,Hn.prototype.set=Vn;var Yn=Hn;var Xn=pn,Kn=function(e){return this.__data__.set(e,"__lodash_hash_undefined__"),this},Un=function(e){return this.__data__.has(e)};function Jn(e){var t=-1,n=null==e?0:e.length;for(this.__data__=new Xn;++t<n;)this.add(e[t])}Jn.prototype.add=Jn.prototype.push=Kn,Jn.prototype.has=Un;var Qn=Jn,Gn=function(e,t){for(var n=-1,r=null==e?0:e.length;++n<r;)if(t(e[n],n,e))return!0;return!1},$n=function(e,t){return e.has(t)};var Zn=function(e,t,n,r,o,a){var i=1&n,u=e.length,c=t.length;if(u!=c&&!(i&&c>u))return!1;var l=a.get(e),s=a.get(t);if(l&&s)return l==t&&s==e;var p=-1,d=!0,f=2&n?new Qn:void 0;for(a.set(e,t),a.set(t,e);++p<u;){var b=e[p],m=t[p];if(r)var v=i?r(m,b,p,t,e,a):r(b,m,p,e,t,a);if(void 0!==v){if(v)continue;d=!1;break}if(f){if(!Gn(t,(function(e,t){if(!$n(f,t)&&(b===e||o(b,e,n,r,a)))return f.push(t)}))){d=!1;break}}else if(b!==m&&!o(b,m,n,r,a)){d=!1;break}}return a.delete(e),a.delete(t),d};var er=G.Uint8Array,tr=It,nr=Zn,rr=function(e){var t=-1,n=Array(e.size);return e.forEach((function(e,r){n[++t]=[r,e]})),n},or=function(e){var t=-1,n=Array(e.size);return e.forEach((function(e){n[++t]=e})),n},ar=$?$.prototype:void 0,ir=ar?ar.valueOf:void 0;var ur=function(e,t,n,r,o,a,i){switch(n){case"[object DataView]":if(e.byteLength!=t.byteLength||e.byteOffset!=t.byteOffset)return!1;e=e.buffer,t=t.buffer;case"[object ArrayBuffer]":return!(e.byteLength!=t.byteLength||!a(new er(e),new er(t)));case"[object Boolean]":case"[object Date]":case"[object Number]":return tr(+e,+t);case"[object Error]":return e.name==t.name&&e.message==t.message;case"[object RegExp]":case"[object String]":return e==t+"";case"[object Map]":var u=rr;case"[object Set]":var c=1&r;if(u||(u=or),e.size!=t.size&&!c)return!1;var l=i.get(e);if(l)return l==t;r|=2,i.set(e,t);var s=nr(u(e),u(t),r,o,a,i);return i.delete(e),s;case"[object Symbol]":if(ir)return ir.call(e)==ir.call(t)}return!1};var cr=function(e,t){for(var n=-1,r=t.length,o=e.length;++n<r;)e[o+n]=t[n];return e},lr=qe;var sr=function(e,t,n){var r=t(e);return lr(e)?r:cr(r,n(e))};var pr=function(e,t){for(var n=-1,r=null==e?0:e.length,o=0,a=[];++n<r;){var i=e[n];t(i,n,e)&&(a[o++]=i)}return a},dr=function(){return[]},fr=Object.prototype.propertyIsEnumerable,br=Object.getOwnPropertySymbols,mr=br?function(e){return null==e?[]:(e=Object(e),pr(br(e),(function(t){return fr.call(e,t)})))}:dr;var vr=function(e,t){for(var n=-1,r=Array(e);++n<e;)r[n]=t(n);return r},yr=le,hr=se;var _r=function(e){return hr(e)&&"[object Arguments]"==yr(e)},gr=se,xr=Object.prototype,Or=xr.hasOwnProperty,Er=xr.propertyIsEnumerable,wr=_r(function(){return arguments}())?_r:function(e){return gr(e)&&Or.call(e,"callee")&&!Er.call(e,"callee")},jr={exports:{}};var Nr=function(){return!1};!function(e,t){var n=G,r=Nr,o=t&&!t.nodeType&&t,a=o&&e&&!e.nodeType&&e,i=a&&a.exports===o?n.Buffer:void 0,u=(i?i.isBuffer:void 0)||r;e.exports=u}(jr,jr.exports);var Tr=/^(?:0|[1-9]\d*)$/;var Cr=function(e,t){var n=typeof e;return!!(t=null==t?9007199254740991:t)&&("number"==n||"symbol"!=n&&Tr.test(e))&&e>-1&&e%1==0&&e<t};var Pr=function(e){return"number"==typeof e&&e>-1&&e%1==0&&e<=9007199254740991},Sr=le,Dr=Pr,kr=se,Ir={};Ir["[object Float32Array]"]=Ir["[object Float64Array]"]=Ir["[object Int8Array]"]=Ir["[object Int16Array]"]=Ir["[object Int32Array]"]=Ir["[object Uint8Array]"]=Ir["[object Uint8ClampedArray]"]=Ir["[object Uint16Array]"]=Ir["[object Uint32Array]"]=!0,Ir["[object Arguments]"]=Ir["[object Array]"]=Ir["[object ArrayBuffer]"]=Ir["[object Boolean]"]=Ir["[object DataView]"]=Ir["[object Date]"]=Ir["[object Error]"]=Ir["[object Function]"]=Ir["[object Map]"]=Ir["[object Number]"]=Ir["[object Object]"]=Ir["[object RegExp]"]=Ir["[object Set]"]=Ir["[object String]"]=Ir["[object WeakMap]"]=!1;var Ar=function(e){return kr(e)&&Dr(e.length)&&!!Ir[Sr(e)]};var Rr=function(e){return function(t){return e(t)}},Mr={exports:{}};!function(e,t){var n=U,r=t&&!t.nodeType&&t,o=r&&e&&!e.nodeType&&e,a=o&&o.exports===r&&n.process,i=function(){try{var e=o&&o.require&&o.require("util").types;return e||a&&a.binding&&a.binding("util")}catch(t){}}();e.exports=i}(Mr,Mr.exports);var Lr=Ar,zr=Rr,Br=Mr.exports,Wr=Br&&Br.isTypedArray,qr=Wr?zr(Wr):Lr,Fr=vr,Vr=wr,Hr=qe,Yr=jr.exports,Xr=Cr,Kr=qr,Ur=Object.prototype.hasOwnProperty;var Jr=function(e,t){var n=Hr(e),r=!n&&Vr(e),o=!n&&!r&&Yr(e),a=!n&&!r&&!o&&Kr(e),i=n||r||o||a,u=i?Fr(e.length,String):[],c=u.length;for(var l in e)!t&&!Ur.call(e,l)||i&&("length"==l||o&&("offset"==l||"parent"==l)||a&&("buffer"==l||"byteLength"==l||"byteOffset"==l)||Xr(l,c))||u.push(l);return u},Qr=Object.prototype;var Gr=function(e){var t=e&&e.constructor;return e===("function"==typeof t&&t.prototype||Qr)};var $r=function(e,t){return function(n){return e(t(n))}}(Object.keys,Object),Zr=Gr,eo=$r,to=Object.prototype.hasOwnProperty;var no=Qe,ro=Pr;var oo=function(e){return null!=e&&ro(e.length)&&!no(e)},ao=Jr,io=function(e){if(!Zr(e))return eo(e);var t=[];for(var n in Object(e))to.call(e,n)&&"constructor"!=n&&t.push(n);return t},uo=oo;var co=function(e){return uo(e)?ao(e):io(e)},lo=sr,so=mr,po=co;var fo=function(e){return lo(e,po,so)},bo=Object.prototype.hasOwnProperty;var mo=function(e,t,n,r,o,a){var i=1&n,u=fo(e),c=u.length;if(c!=fo(t).length&&!i)return!1;for(var l=c;l--;){var s=u[l];if(!(i?s in t:bo.call(t,s)))return!1}var p=a.get(e),d=a.get(t);if(p&&d)return p==t&&d==e;var f=!0;a.set(e,t),a.set(t,e);for(var b=i;++l<c;){var m=e[s=u[l]],v=t[s];if(r)var y=i?r(v,m,s,t,e,a):r(m,v,s,e,t,a);if(!(void 0===y?m===v||o(m,v,n,r,a):y)){f=!1;break}b||(b="constructor"==s)}if(f&&!b){var h=e.constructor,_=t.constructor;h==_||!("constructor"in e)||!("constructor"in t)||"function"==typeof h&&h instanceof h&&"function"==typeof _&&_ instanceof _||(f=!1)}return a.delete(e),a.delete(t),f},vo=bt(G,"DataView"),yo=Ut,ho=bt(G,"Promise"),_o=bt(G,"Set"),go=bt(G,"WeakMap"),xo=le,Oo=tt,Eo=Oo(vo),wo=Oo(yo),jo=Oo(ho),No=Oo(_o),To=Oo(go),Co=xo;(vo&&"[object DataView]"!=Co(new vo(new ArrayBuffer(1)))||yo&&"[object Map]"!=Co(new yo)||ho&&"[object Promise]"!=Co(ho.resolve())||_o&&"[object Set]"!=Co(new _o)||go&&"[object WeakMap]"!=Co(new go))&&(Co=function(e){var t=xo(e),n="[object Object]"==t?e.constructor:void 0,r=n?Oo(n):"";if(r)switch(r){case Eo:return"[object DataView]";case wo:return"[object Map]";case jo:return"[object Promise]";case No:return"[object Set]";case To:return"[object WeakMap]"}return t});var Po=Yn,So=Zn,Do=ur,ko=mo,Io=Co,Ao=qe,Ro=jr.exports,Mo=qr,Lo="[object Object]",zo=Object.prototype.hasOwnProperty;var Bo=function(e,t,n,r,o,a){var i=Ao(e),u=Ao(t),c=i?"[object Array]":Io(e),l=u?"[object Array]":Io(t),s=(c="[object Arguments]"==c?Lo:c)==Lo,p=(l="[object Arguments]"==l?Lo:l)==Lo,d=c==l;if(d&&Ro(e)){if(!Ro(t))return!1;i=!0,s=!1}if(d&&!s)return a||(a=new Po),i||Mo(e)?So(e,t,n,r,o,a):Do(e,t,c,n,r,o,a);if(!(1&n)){var f=s&&zo.call(e,"__wrapped__"),b=p&&zo.call(t,"__wrapped__");if(f||b){var m=f?e.value():e,v=b?t.value():t;return a||(a=new Po),o(m,v,n,r,a)}}return!!d&&(a||(a=new Po),ko(e,t,n,r,o,a))},Wo=se;var qo=function e(t,n,r,o,a){return t===n||(null==t||null==n||!Wo(t)&&!Wo(n)?t!=t&&n!=n:Bo(t,n,r,o,e,a))},Fo=Yn,Vo=qo;var Ho=K;var Yo=function(e){return e==e&&!Ho(e)},Xo=Yo,Ko=co;var Uo=function(e,t){return function(n){return null!=n&&(n[e]===t&&(void 0!==t||e in Object(n)))}},Jo=function(e,t,n,r){var o=n.length,a=o,i=!r;if(null==e)return!a;for(e=Object(e);o--;){var u=n[o];if(i&&u[2]?u[1]!==e[u[0]]:!(u[0]in e))return!1}for(;++o<a;){var c=(u=n[o])[0],l=e[c],s=u[1];if(i&&u[2]){if(void 0===l&&!(c in e))return!1}else{var p=new Fo;if(r)var d=r(l,s,c,e,t,p);if(!(void 0===d?Vo(s,l,3,r,p):d))return!1}}return!0},Qo=function(e){for(var t=Ko(e),n=t.length;n--;){var r=t[n],o=e[r];t[n]=[r,o,Xo(o)]}return t},Go=Uo;var $o=In;var Zo=Cn,ea=wr,ta=qe,na=Cr,ra=Pr,oa=Sn;var aa=function(e,t){return null!=e&&t in Object(e)},ia=function(e,t,n){for(var r=-1,o=(t=Zo(t,e)).length,a=!1;++r<o;){var i=oa(t[r]);if(!(a=null!=e&&n(e,i)))break;e=e[i]}return a||++r!=o?a:!!(o=null==e?0:e.length)&&ra(o)&&na(i,o)&&(ta(e)||ea(e))};var ua=qo,ca=function(e,t,n){var r=null==e?void 0:$o(e,t);return void 0===r?n:r},la=function(e,t){return null!=e&&ia(e,t,aa)},sa=Xe,pa=Yo,da=Uo,fa=Sn;var ba=function(e){return e};var ma=In;var va=function(e){return function(t){return null==t?void 0:t[e]}},ya=function(e){return function(t){return ma(t,e)}},ha=Xe,_a=Sn;var ga=function(e){var t=Qo(e);return 1==t.length&&t[0][2]?Go(t[0][0],t[0][1]):function(n){return n===e||Jo(n,e,t)}},xa=function(e,t){return sa(e)&&pa(t)?da(fa(e),t):function(n){var r=ca(n,e);return void 0===r&&r===t?la(n,e):ua(t,r,3)}},Oa=ba,Ea=qe,wa=function(e){return ha(e)?va(_a(e)):ya(e)};var ja=function(e){return"function"==typeof e?e:null==e?Oa:"object"==typeof e?Ea(e)?xa(e[0],e[1]):ga(e):wa(e)};var Na=function(e){return function(t,n,r){for(var o=-1,a=Object(t),i=r(t),u=i.length;u--;){var c=i[e?u:++o];if(!1===n(a[c],c,a))break}return t}}(),Ta=co;var Ca=oo;var Pa=function(e,t){return function(n,r){if(null==n)return n;if(!Ca(n))return e(n,r);for(var o=n.length,a=t?o:-1,i=Object(n);(t?a--:++a<o)&&!1!==r(i[a],a,i););return n}}((function(e,t){return e&&Na(e,t,Ta)})),Sa=oo;var Da=fe;var ka=function(e,t){if(e!==t){var n=void 0!==e,r=null===e,o=e==e,a=Da(e),i=void 0!==t,u=null===t,c=t==t,l=Da(t);if(!u&&!l&&!a&&e>t||a&&i&&c&&!u&&!l||r&&i&&c||!n&&c||!o)return 1;if(!r&&!a&&!l&&e<t||l&&n&&o&&!r&&!a||u&&n&&o||!i&&o||!c)return-1}return 0};var Ia=We,Aa=In,Ra=ja,Ma=function(e,t){var n=-1,r=Sa(e)?Array(e.length):[];return Pa(e,(function(e,o,a){r[++n]=t(e,o,a)})),r},La=function(e,t){var n=e.length;for(e.sort(t);n--;)e[n]=e[n].value;return e},za=Rr,Ba=function(e,t,n){for(var r=-1,o=e.criteria,a=t.criteria,i=o.length,u=n.length;++r<i;){var c=ka(o[r],a[r]);if(c)return r>=u?c:c*("desc"==n[r]?-1:1)}return e.index-t.index},Wa=ba,qa=qe;var Fa=function(e,t,n){t=t.length?Ia(t,(function(e){return qa(e)?function(t){return Aa(t,1===e.length?e[0]:e)}:e})):[Wa];var r=-1;t=Ia(t,za(Ra));var o=Ma(e,(function(e,n,o){return{criteria:Ia(t,(function(t){return t(e)})),index:++r,value:e}}));return La(o,(function(e,t){return Ba(e,t,n)}))},Va=qe;var Ha=function(e,t,n,r){return null==e?[]:(Va(t)||(t=null==t?[]:[t]),Va(n=r?void 0:n)||(n=null==n?[]:[n]),Fa(e,t,n))},Ya="__node_editor_stage__";function Xa(e){return(Xa="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e})(e)}function Ka(e){return function(e){if(Array.isArray(e))return s(e)}(e)||function(e){if("undefined"!=typeof Symbol&&null!=e[Symbol.iterator]||null!=e["@@iterator"])return Array.from(e)}(e)||p(e)||function(){throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}var Ua="Connection_svg__-fKLY";_(".Connection_svg__-fKLY{\n  position: absolute;\n  left: 0px;\n  top: 0px;\n  pointer-events: none;\n  z-index: 0;\n  overflow: visible !important;\n}\n");var Ja=Math.PI,Qa=2*Ja,Ga=Qa-1e-6;function $a(){this._x0=this._y0=this._x1=this._y1=null,this._=""}function Za(){return new $a}function ei(e){return function(){return e}}function ti(e){this._context=e}function ni(e){return new ti(e)}function ri(e){return e[0]}function oi(e){return e[1]}function ai(e,t,n){e._context.bezierCurveTo((2*e._x0+e._x1)/3,(2*e._y0+e._y1)/3,(e._x0+2*e._x1)/3,(e._y0+2*e._y1)/3,(e._x0+4*e._x1+t)/6,(e._y0+4*e._y1+n)/6)}function ii(e){this._context=e}function ui(e){return new ii(e)}$a.prototype=Za.prototype={constructor:$a,moveTo:function(e,t){this._+="M"+(this._x0=this._x1=+e)+","+(this._y0=this._y1=+t)},closePath:function(){null!==this._x1&&(this._x1=this._x0,this._y1=this._y0,this._+="Z")},lineTo:function(e,t){this._+="L"+(this._x1=+e)+","+(this._y1=+t)},quadraticCurveTo:function(e,t,n,r){this._+="Q"+ +e+","+ +t+","+(this._x1=+n)+","+(this._y1=+r)},bezierCurveTo:function(e,t,n,r,o,a){this._+="C"+ +e+","+ +t+","+ +n+","+ +r+","+(this._x1=+o)+","+(this._y1=+a)},arcTo:function(e,t,n,r,o){e=+e,t=+t,n=+n,r=+r,o=+o;var a=this._x1,i=this._y1,u=n-e,c=r-t,l=a-e,s=i-t,p=l*l+s*s;if(o<0)throw new Error("negative radius: "+o);if(null===this._x1)this._+="M"+(this._x1=e)+","+(this._y1=t);else if(p>1e-6)if(Math.abs(s*u-c*l)>1e-6&&o){var d=n-a,f=r-i,b=u*u+c*c,m=d*d+f*f,v=Math.sqrt(b),y=Math.sqrt(p),h=o*Math.tan((Ja-Math.acos((b+p-m)/(2*v*y)))/2),_=h/y,g=h/v;Math.abs(_-1)>1e-6&&(this._+="L"+(e+_*l)+","+(t+_*s)),this._+="A"+o+","+o+",0,0,"+ +(s*d>l*f)+","+(this._x1=e+g*u)+","+(this._y1=t+g*c)}else this._+="L"+(this._x1=e)+","+(this._y1=t);else;},arc:function(e,t,n,r,o,a){e=+e,t=+t,a=!!a;var i=(n=+n)*Math.cos(r),u=n*Math.sin(r),c=e+i,l=t+u,s=1^a,p=a?r-o:o-r;if(n<0)throw new Error("negative radius: "+n);null===this._x1?this._+="M"+c+","+l:(Math.abs(this._x1-c)>1e-6||Math.abs(this._y1-l)>1e-6)&&(this._+="L"+c+","+l),n&&(p<0&&(p=p%Qa+Qa),p>Ga?this._+="A"+n+","+n+",0,1,"+s+","+(e-i)+","+(t-u)+"A"+n+","+n+",0,1,"+s+","+(this._x1=c)+","+(this._y1=l):p>1e-6&&(this._+="A"+n+","+n+",0,"+ +(p>=Ja)+","+s+","+(this._x1=e+n*Math.cos(o))+","+(this._y1=t+n*Math.sin(o))))},rect:function(e,t,n,r){this._+="M"+(this._x0=this._x1=+e)+","+(this._y0=this._y1=+t)+"h"+ +n+"v"+ +r+"h"+-n+"Z"},toString:function(){return this._}},ti.prototype={areaStart:function(){this._line=0},areaEnd:function(){this._line=NaN},lineStart:function(){this._point=0},lineEnd:function(){(this._line||0!==this._line&&1===this._point)&&this._context.closePath(),this._line=1-this._line},point:function(e,t){switch(e=+e,t=+t,this._point){case 0:this._point=1,this._line?this._context.lineTo(e,t):this._context.moveTo(e,t);break;case 1:this._point=2;default:this._context.lineTo(e,t)}}},ii.prototype={areaStart:function(){this._line=0},areaEnd:function(){this._line=NaN},lineStart:function(){this._x0=this._x1=this._y0=this._y1=NaN,this._point=0},lineEnd:function(){switch(this._point){case 3:ai(this,this._x1,this._y1);case 2:this._context.lineTo(this._x1,this._y1)}(this._line||0!==this._line&&1===this._point)&&this._context.closePath(),this._line=1-this._line},point:function(e,t){switch(e=+e,t=+t,this._point){case 0:this._point=1,this._line?this._context.lineTo(e,t):this._context.moveTo(e,t);break;case 1:this._point=2;break;case 2:this._point=3,this._context.lineTo((5*this._x0+this._x1)/6,(5*this._y0+this._y1)/6);default:ai(this,e,t)}this._x0=this._x1,this._x1=e,this._y0=this._y1,this._y1=t}};var ci,li=function(e,t){var n=arguments.length>2&&void 0!==arguments[2]?arguments[2]:"input";return document.querySelector('[data-node-id="'.concat(e,'"] [data-port-name="').concat(t,'"][data-port-transput-type="').concat(n,'"]'))},si=function(e,t,n,r){var o=null!=n?n:"input";if(r&&r.current){var a=e+t+o,i=r.current.ports[a];if(i)return i.getBoundingClientRect();var u=li(e,t,o);return u&&(r.current.ports[a]=u),u&&u.getBoundingClientRect()}var c=li(e,t,o);return c&&c.getBoundingClientRect()},pi=function(e,t){var n=(t.x-e.x)/3,r=[];if(t.x>e.x-6)r=[[e.x,e.y],[e.x+n,e.y],[e.x+2*n,t.y],[t.x,t.y]];else{var o=Math.abs(t.y-e.y)/3;r=t.y>e.y?[[e.x,e.y],[e.x+50,e.y],[e.x+50,e.y+o],[t.x-50,t.y-o],[t.x-50,t.y],[t.x,t.y]]:[[e.x,e.y],[e.x+50,e.y],[e.x+50,e.y-o],[t.x-50,t.y+o],[t.x-50,t.y],[t.x,t.y]]}var a=function(){var e=ri,t=oi,n=ei(!0),r=null,o=ni,a=null;function i(i){var u,c,l,s=i.length,p=!1;for(null==r&&(a=o(l=Za())),u=0;u<=s;++u)!(u<s&&n(c=i[u],u,i))===p&&((p=!p)?a.lineStart():a.lineEnd()),p&&a.point(+e(c,u,i),+t(c,u,i));if(l)return a=null,l+""||null}return i.x=function(t){return arguments.length?(e="function"==typeof t?t:ei(+t),i):e},i.y=function(e){return arguments.length?(t="function"==typeof e?e:ei(+e),i):t},i.defined=function(e){return arguments.length?(n="function"==typeof e?e:ei(!!e),i):n},i.curve=function(e){return arguments.length?(o=e,null!=r&&(a=o(r)),i):o},i.context=function(e){return arguments.length?(null==e?r=a=null:a=o(r=e),i):r},i}().curve(ui)(r);return null!=a?a:""},di=function(e){var t,n=e.id,r=document.querySelector('[data-connection-id="'.concat(n,'"]'));null==r||null===(t=r.parentElement)||void 0===t||t.remove()},fi=function(e,t,n){var r=t.scale,o=function(e){return document.getElementById("".concat("__node_editor_connections__").concat(e))}(n);if(o){var a=o.getBoundingClientRect(),i=a.width/2,u=a.height/2,c=function(e){return 1/r*e};Object.values(e).forEach((function(e){e.connections&&e.connections.inputs&&Object.entries(e.connections.inputs).forEach((function(t,n){var r=d(t,2),l=r[0];r[1].forEach((function(t){var n=si(t.nodeId,t.portName,"output"),r=si(e.id,l,"input"),s=n?n.width/2:0;if(n&&r){var p=t.nodeId+t.portName+e.id+l,d=document.querySelector('[data-connection-id="'.concat(p,'"]'));d?function(e){var t=e.line,n=e.from,r=e.to;t.setAttribute("d",pi(n,r))}({line:d,from:{x:c(n.x-a.x+s-i),y:c(n.y-a.y+s-u)},to:{x:c(r.x-a.x+s-i),y:c(r.y-a.y+s-u)}}):function(e){var t=e.from,n=e.to,r=e.stage,o=e.id,a=e.outputNodeId,i=e.outputPortName,u=e.inputNodeId,c=e.inputPortName,l=document.createElementNS("http://www.w3.org/2000/svg","svg");l.setAttribute("class",Ua);var s=document.createElementNS("http://www.w3.org/2000/svg","path"),p=pi(t,n);s.setAttribute("d",p),s.setAttribute("stroke","rgb(185, 186, 189)"),s.setAttribute("stroke-width","3"),s.setAttribute("stroke-linecap","round"),s.setAttribute("fill","none"),s.setAttribute("data-connection-id",o),s.setAttribute("data-output-node-id",a),s.setAttribute("data-output-port-name",i),s.setAttribute("data-input-node-id",u),s.setAttribute("data-input-port-name",c),l.appendChild(s),r.appendChild(l)}({id:p,outputNodeId:t.nodeId,outputPortName:t.portName,inputNodeId:e.id,inputPortName:l,from:{x:c(n.x-a.x+s-i),y:c(n.y-a.y+s-u)},to:{x:c(r.x-a.x+s-i),y:c(r.y-a.y+s-u)},stage:o})}}))}))}))}};function bi(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,r)}return n}function mi(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?bi(Object(n),!0).forEach((function(t){l(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):bi(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}!function(e){e.ADD_TOAST="ADD_TOAST",e.REMOVE_TOAST="REMOVE_TOAST",e.SET_HEIGHT="SET_HEIGHT",e.SET_EXITING="SET_EXITING"}(ci||(ci={}));var vi,yi=function(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:[],t=arguments.length>1?arguments[1]:void 0;switch(t.type){case ci.ADD_TOAST:return[{id:we(5),title:t.title,message:t.message,type:t.toastType||"info",duration:t.duration||1e4,height:0,exiting:!1}].concat(Ka(e));case ci.SET_HEIGHT:var n=e.findIndex((function(e){return e.id===t.id}));return-1===n?e:[].concat(Ka(e.slice(0,n)),[mi(mi({},e[n]),{},{height:t.height})],Ka(e.slice(n+1)));case ci.SET_EXITING:var r=e.findIndex((function(e){return e.id===t.id}));return-1===r?e:[].concat(Ka(e.slice(0,r)),[mi(mi({},e[r]),{},{exiting:!0})],Ka(e.slice(r+1)));case ci.REMOVE_TOAST:var o=e.findIndex((function(e){return e.id===t.id}));return-1===o?e:[].concat(Ka(e.slice(0,o)),Ka(e.slice(o+1)));default:return e}},hi=["id","defaultNode"];function _i(e){var t=function(e,t){if("object"!==Xa(e)||null===e)return e;var n=e[Symbol.toPrimitive];if(void 0!==n){var r=n.call(e,t||"default");if("object"!==Xa(r))return r;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===t?String:Number)(e)}(e,"string");return"symbol"===Xa(t)?t:String(t)}function gi(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,r)}return n}function xi(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?gi(Object(n),!0).forEach((function(t){l(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):gi(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}!function(e){e.ADD_CONNECTION="ADD_CONNECTION",e.REMOVE_CONNECTION="REMOVE_CONNECTION",e.DESTROY_TRANSPUT="DESTROY_TRANSPUT",e.ADD_NODE="ADD_NODE",e.REMOVE_NODE="REMOVE_NODE",e.HYDRATE_DEFAULT_NODES="HYDRATE_DEFAULT_NODES",e.SET_PORT_DATA="SET_PORT_DATA",e.SET_NODE_COORDINATES="SET_NODE_COORDINATES"}(vi||(vi={}));var Oi,Ei=function(e,t,n){var r,o=e[t.nodeId],a=o.connections.inputs,i=t.portName;a[i];var u=Me(a,[i].map(_i)),c=xi(xi({},o),{},{connections:xi(xi({},o.connections),{},{inputs:u})}),s=e[n.nodeId],p=s.connections.outputs[n.portName].filter((function(e){return e.nodeId!==t.nodeId||e.portName!==t.portName})),d=xi(xi({},s),{},{connections:xi(xi({},s.connections),{},{outputs:xi(xi({},s.connections.outputs),{},l({},n.portName,p))})});return xi(xi({},e),{},(l(r={},t.nodeId,c),l(r,n.nodeId,d),r))},wi=function(e,t){return Object.entries(e).reduce((function(e,n){var r=d(n,2),o=r[0],a=r[1].filter((function(e){return e.nodeId!==t}));return a.length&&(e[o]=a),e}),{})},ji=function(e,t){return{inputs:wi(e.inputs,t),outputs:wi(e.outputs,t)}},Ni=function(e,t){e[t];var n=Me(e,[t].map(_i));return n=Object.values(n).reduce((function(e,n){return e[n.id]=xi(xi({},n),{},{connections:ji(n.connections,t)}),e}),{}),function(e){for(var t=0,n=Array.from(document.querySelectorAll('[data-output-node-id="'.concat(e,'"], [data-input-node-id="').concat(e,'"]')));t<n.length;t++){var r,o=n[t];null==o||null===(r=o.parentElement)||void 0===r||r.remove()}}(t),n},Ti=function(e,t,n,r){var o=xi({},e);Object.values(o).map((function(e){return t[e.type]?void 0:e.id})).filter((function(e){return!!e})).forEach((function(e){o=Pi(o,{type:vi.REMOVE_NODE,nodeId:e},{nodeTypes:t,portTypes:n,context:r})}));var a=Object.values(o).reduce((function(e,o){var a=t[o.type],i=Ci({node:o,nodeType:a,portTypes:n,context:r}),u=Object.entries(o.inputData).reduce((function(e,t){var n=d(t,2),r=n[0],o=n[1];return void 0!==i[r]&&(e[r]=o),e}),{}),c=xi(xi({},i),u);return e[o.id]=xi(xi({},o),{},{inputData:c}),e}),{});return a=Object.values(a).reduce((function(e,n){var r=xi({},n),o=t[n.type];return o.root!==n.root&&(o.root&&!n.root?r.root=o.root:!o.root&&n.root&&delete r.root),e[n.id]=r,e}),{})},Ci=function(e){var t=e.node,n=e.nodeType,r=e.portTypes,o=e.context;return(Array.isArray(n.inputs)?n.inputs:n.inputs(t.inputData,t.connections,o)).reduce((function(e,t){var n=r[t.type];return e[t.name||n.name]=(t.controls||n.controls||[]).reduce((function(e,t){return e[t.name]=t.defaultValue,e}),{}),e}),{})},Pi=function(e,t,n,r){var o=n.nodeTypes,a=n.portTypes,i=n.cache,u=n.circularBehavior,c=n.context;switch(t.type){case vi.ADD_CONNECTION:var s=t.input,p=t.output;if(!!e[s.nodeId].connections.inputs[s.portName])return e;var f=function(e,t,n,r){var o;return xi(xi({},e),{},(l(o={},t.nodeId,xi(xi({},e[t.nodeId]),{},{connections:xi(xi({},e[t.nodeId].connections),{},{inputs:xi(xi({},e[t.nodeId].connections.inputs),{},l({},t.portName,[].concat(Ka(e[t.nodeId].connections.inputs[t.portName]||[]),[{nodeId:n.nodeId,portName:n.portName}])))})})),l(o,n.nodeId,xi(xi({},e[n.nodeId]),{},{connections:xi(xi({},e[n.nodeId].connections),{},{outputs:xi(xi({},e[n.nodeId].connections.outputs),{},l({},n.portName,[].concat(Ka(e[n.nodeId].connections.outputs[n.portName]||[]),[{nodeId:t.nodeId,portName:t.portName}])))})})),o))}(e,s,p);return"allow"===u?f:function(e,t){for(var n=[t],r=[];n.length>0;){var o=n.pop();if(null==o)return;var a=e[o];if(r.includes(a))return!0;if(r.push(a),null!=a.connections){var i=a.connections.outputs;for(var u in i){var c=i[u];n=n.concat(c.map((function(e){return e.nodeId})).filter((function(e,t,n){return n.indexOf(e)==t})))}}}return!1}(f,p.nodeId)?"prevent"===u?(null==r||r({type:ci.ADD_TOAST,title:"Unable to connect",message:"Connecting these nodes would result in an infinite loop.",toastType:"warning",duration:5e3}),e):(null==r||r({type:ci.ADD_TOAST,title:"Circular Connection Detected",message:"Connecting these nodes has created an infinite loop.",toastType:"warning",duration:5e3}),f):f;case vi.REMOVE_CONNECTION:var b,m=t.input,v=t.output,y=v.nodeId+v.portName+m.nodeId+m.portName;return null==i||(null===(b=i.current)||void 0===b||delete b.connections[y]),di({id:y}),Ei(e,m,v);case vi.DESTROY_TRANSPUT:var h,_=t.transput,g=t.transputType,x=_.nodeId+_.portName+g;null==i||(null===(h=i.current)||void 0===h||delete h.ports[x]);var O="input"===g?"inputs":"outputs",E=e[_.nodeId].connections[O][_.portName];return E&&E.length?E.reduce((function(e,t){var n,r=d("input"===g?[_,t]:[t,_],2),o=r[0],a=r[1],u=a.nodeId+a.portName+o.nodeId+o.portName;return null==i||(null===(n=i.current)||void 0===n||delete n.connections[u]),di({id:u}),Ei(e,o,a)}),e):e;case vi.ADD_NODE:var w=t.x,j=t.y,N=t.nodeType,T=t.id,C=t.defaultNode,P=T||we(10),S={id:P,x:w,y:j,type:N,width:o[N].initialWidth||200,connections:{inputs:{},outputs:{}},inputData:{}};return S.inputData=Ci({node:S,nodeType:o[N],portTypes:a,context:c}),C&&(S.defaultNode=!0),o[N].root&&(S.root=!0),xi(xi({},e),{},l({},P,S));case vi.REMOVE_NODE:var D=t.nodeId;return Ni(e,D);case vi.HYDRATE_DEFAULT_NODES:var k=xi({},e);for(var I in k)if(k[I].defaultNode){var A=we(10),R=k[I];R.id,R.defaultNode;var M=Me(R,hi);k[A]=xi(xi({},M),{},{id:A}),delete k[I]}return k;case vi.SET_PORT_DATA:var L=t.nodeId,z=t.portName,B=t.controlName,W=t.data,q=t.setValue,F=xi(xi({},e[L].inputData),{},l({},z,xi(xi({},e[L].inputData[z]),{},l({},B,W))));return q&&(F=q(F,e[L].inputData)),xi(xi({},e),{},l({},L,xi(xi({},e[L]),{},{inputData:F})));case vi.SET_NODE_COORDINATES:var V=t.x,H=t.y,Y=t.nodeId;return xi(xi({},e),{},l({},Y,xi(xi({},e[Y]),{},{x:V,y:H})));default:return e}},Si=["isNew"];function Di(e){var t=function(e,t){if("object"!==Xa(e)||null===e)return e;var n=e[Symbol.toPrimitive];if(void 0!==n){var r=n.call(e,t||"default");if("object"!==Xa(r))return r;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===t?String:Number)(e)}(e,"string");return"symbol"===Xa(t)?t:String(t)}function ki(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,r)}return n}function Ii(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?ki(Object(n),!0).forEach((function(t){l(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):ki(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}!function(e){e.ADD_COMMENT="ADD_COMMENT",e.REMOVE_COMMENT_NEW="REMOVE_COMMENT_NEW",e.SET_COMMENT_COORDINATES="SET_COMMENT_COORDINATES",e.SET_COMMENT_DIMENSIONS="SET_COMMENT_DIMENSIONS",e.SET_COMMENT_TEXT="SET_COMMENT_TEXT",e.SET_COMMENT_COLOR="SET_COMMENT_COLOR",e.DELETE_COMMENT="DELETE_COMMENT"}(Oi||(Oi={}));var Ai,Ri=function(e,t,n){var r=e[t];return r?Ii(Ii({},e),{},l({},t,Ii(Ii({},r),n))):e},Mi=function(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},t=arguments.length>1?arguments[1]:void 0;switch(t.type){case Oi.ADD_COMMENT:var n={id:we(10),text:"",x:t.x,y:t.y,width:200,height:30,color:"blue",isNew:!0};return Ii(Ii({},e),{},l({},n.id,n));case Oi.REMOVE_COMMENT_NEW:var r=e[t.id];r.isNew;var o=Me(r,Si);return Ii(Ii({},e),{},l({},t.id,o));case Oi.SET_COMMENT_COORDINATES:return Ri(e,t.id,{x:t.x,y:t.y});case Oi.SET_COMMENT_DIMENSIONS:return Ri(e,t.id,{width:t.width,height:t.height});case Oi.SET_COMMENT_TEXT:return Ri(e,t.id,{text:t.text});case Oi.SET_COMMENT_COLOR:return Ri(e,t.id,{color:t.color});case Oi.DELETE_COMMENT:var a=t.id;e[a];var i=Me(e,[a].map(Di));return i;default:return e}};function Li(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,r)}return n}function zi(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?Li(Object(n),!0).forEach((function(t){l(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):Li(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}!function(e){e.SET_SCALE="SET_SCALE",e.SET_TRANSLATE="SET_TRANSLATE",e.SET_TRANSLATE_SCALE="SET_TRANSLATE_SCALE"}(Ai||(Ai={}));var Bi=function(e,t){var n="function"==typeof t?t(e):t;switch(n.type){case Ai.SET_SCALE:return zi(zi({},e),{},{scale:n.scale});case Ai.SET_TRANSLATE:return zi(zi({},e),{},{translate:n.translate});case Ai.SET_TRANSLATE_SCALE:return zi(zi({},e),{},{translate:n.translate,scale:n.scale});default:return e}},Wi=function(e){var t=e.scale,n=e.translate,r=e.editorId,a=e.dispatchStageState,i=e.children,u=e.outerStageChildren,c=e.numNodes,l=e.stageRef,s=e.spaceToPan,p=e.dispatchComments,f=e.disableComments,b=e.disablePan,m=e.disableZoom,v=e.disableFocusCapture,y=o.a.useContext(Te),h=o.a.useContext(Pe),_=o.a.useRef(null),E=o.a.useRef(null),w=d(o.a.useState(!1),2),j=w[0],N=w[1],T=d(o.a.useState({x:0,y:0}),2),C=T[0],P=T[1],S=o.a.useRef({x:0,y:0}),D=d(o.a.useState(!1),2),k=D[0],I=D[1],R=o.a.useCallback((function(){_.current&&(l.current=_.current.getBoundingClientRect())}),[l]);o.a.useEffect((function(){return _.current&&(l.current=_.current.getBoundingClientRect()),window.addEventListener("resize",R),function(){window.removeEventListener("resize",R)}}),[l,R]);var M=o.a.useCallback((function(e){var t,n=e.target;if(!(("TEXTAREA"===n.nodeName||n.dataset.comment)&&n.clientHeight<n.scrollHeight||(e.preventDefault(),0===c))){var r=null===(t=_.current)||void 0===t?void 0:t.getBoundingClientRect();r&&a((function(t){var n=t.scale,o=t.translate,a=e.deltaY,i=Ee(n-.005*Ee(a,-10,10),.1,7),u=function(e){return e*(1/n)},c=function(e){return e*(1/i)},l=u(e.clientX-r.x-r.width/2+o.x),s=u(e.clientY-r.y-r.height/2+o.y),p=l-c(e.clientX-r.x-r.width/2+o.x),d=s-c(e.clientY-r.y-r.height/2+o.y);return{type:Ai.SET_TRANSLATE_SCALE,scale:i,translate:{x:o.x+p*i,y:o.y+d*i}}}))}}),[a,c]),L=function(e){return 1/t*e},z=function e(t){32===t.which&&(I(!1),document.removeEventListener("keyup",e))};o.a.useEffect((function(){if(!m){var e=_.current;return null==e||e.addEventListener("wheel",M),function(){null==e||e.removeEventListener("wheel",M)}}}),[M,m]);var B=o.a.useMemo((function(){var e=Ha(Object.values(y||{}).filter((function(e){return!1!==e.addable})).map((function(e){return{value:e.type,label:e.label,description:e.description,sortIndex:e.sortIndex,node:e}})),["sortIndex","label"]);return f||e.push({value:"comment",label:"Comment",description:"A comment for documenting nodes",internalType:"comment"}),e}),[y,f]);return o.a.createElement(Be,{"data-flume-component":"stage",id:"".concat(Ya).concat(r),className:g,innerRef:_,onContextMenu:function(e){return e.preventDefault(),P({x:e.clientX,y:e.clientY}),N(!0),!1},onMouseEnter:function(){var e,t;v||null!==(e=_.current)&&void 0!==e&&e.contains(document.activeElement)||(null===(t=_.current)||void 0===t||t.focus({preventScroll:!0}))},onDragDelayStart:function(){var e;null===(e=_.current)||void 0===e||e.focus()},onDragStart:function(e){var t=e;t.preventDefault(),S.current={x:t.clientX,y:t.clientY}},onDrag:function(e,t){var r=S.current.x-t.clientX,o=S.current.y-t.clientY,a=n.x+r,i=n.y+o;_.current&&(_.current.style.backgroundPosition="".concat(-a,"px ").concat(-i,"px")),E.current&&(E.current.style.transform="translate(".concat(-(n.x+r),"px, ").concat(-(n.y+o),"px)"))},onDragEnd:function(e){var t=S.current.x-e.clientX,n=S.current.y-e.clientY;S.current.x=e.clientX,S.current.y=e.clientY,a((function(e){var r=e.translate;return{type:Ai.SET_TRANSLATE,translate:{x:r.x+t,y:r.y+n}}}))},onKeyDown:function(e){32===e.which&&document.activeElement===_.current&&(e.preventDefault(),e.stopPropagation(),I(!0),document.addEventListener("keyup",z))},tabIndex:-1,stageState:{scale:t,translate:n},style:{cursor:k&&s?"grab":""},disabled:b||s&&!k,"data-flume-stage":!0},j?o.a.createElement(A,null,o.a.createElement(je,{x:C.x,y:C.y,options:B,onRequestClose:function(){N(!1)},onOptionSelected:function(e){var t,r=e.node,o=e.internalType,a=null===(t=_.current)||void 0===t?void 0:t.getBoundingClientRect();if(a){var i=L(C.x-a.x-a.width/2)+L(n.x),u=L(C.y-a.y-a.height/2)+L(n.y);"comment"===o?p({type:Oi.ADD_COMMENT,x:i,y:u}):null==h||h({type:vi.ADD_NODE,x:i,y:u,nodeType:(null==r?void 0:r.type)||""})}},label:"Add Node"})):null,o.a.createElement("div",{ref:E,className:x,style:{transform:"translate(".concat(-n.x,"px, ").concat(-n.y,"px)")}},o.a.createElement("div",{className:O,style:{transform:"scale(".concat(t,")")}},i)),u)},qi="Node_wrapper__3SmT7",Fi="Node_label__3MmhF";_(".Node_wrapper__3SmT7 {\n  background: rgba(114, 120, 124, 0.9);\n  border-radius: 5px;\n  box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.4);\n  position: absolute;\n  left: 0px;\n  top: 0px;\n  user-select: none;\n  display: flex;\n  flex-direction: column;\n  z-index: 1;\n  cursor: default;\n}\n.Node_label__3MmhF {\n  font-size: 13px;\n  text-transform: uppercase;\n  padding: 5px;\n  background: #53585a;\n  border-radius: 5px 5px 0px 0px;\n  margin: 0px;\n  margin-bottom: 3px;\n  border-bottom: 1px solid rgba(0, 0, 0, 0.15);\n}\n");var Vi="IoPorts_wrapper__3d2hh",Hi="IoPorts_inputs__2etkb",Yi="IoPorts_transput__1wbHA",Xi="IoPorts_portLabel__qOE7y",Ki="IoPorts_port__1_a6J",Ui="IoPorts_outputs__3JGh-",Ji="IoPorts_controls__1dKFt";_('.IoPorts_wrapper__3d2hh{\n  display: flex;\n  flex-direction: column;\n  margin-top: auto;\n  width: 100%;\n  padding: 5px;\n}\n.IoPorts_inputs__2etkb{\n  display: flex;\n  flex-direction: column;\n  justify-content: flex-end;\n  width: 100%;\n  margin-bottom: 10px;\n}\n.IoPorts_inputs__2etkb:last-child{\n    margin-bottom: 0px;\n  }\n.IoPorts_inputs__2etkb .IoPorts_transput__1wbHA:first-child .IoPorts_portLabel__qOE7y, .IoPorts_inputs__2etkb .IoPorts_transput__1wbHA:first-child .IoPorts_port__1_a6J{\n        margin-top: 5px;\n      }\n.IoPorts_inputs__2etkb .IoPorts_transput__1wbHA:last-child .IoPorts_portLabel__qOE7y, .IoPorts_inputs__2etkb .IoPorts_transput__1wbHA:last-child .IoPorts_port__1_a6J{\n        margin-bottom: 5px;\n      }\n.IoPorts_outputs__3JGh-{\n  display: flex;\n  flex-direction: column;\n  margin-left: auto;\n  justify-content: flex-end;\n  align-items: flex-end;\n  width: 100%;\n}\n.IoPorts_outputs__3JGh- .IoPorts_transput__1wbHA:last-child .IoPorts_portLabel__qOE7y, .IoPorts_outputs__3JGh- .IoPorts_transput__1wbHA:last-child .IoPorts_port__1_a6J{\n        margin-bottom: 5px;\n      }\n.IoPorts_outputs__3JGh-:first-child{\n    margin-top: 5px;\n  }\n.IoPorts_transput__1wbHA{\n  display: flex;\n  align-items: center;\n  margin-top: 6px;\n  margin-bottom: 6px;\n}\n.IoPorts_transput__1wbHA:first-child{\n    margin-top: 0px;\n  }\n.IoPorts_transput__1wbHA[data-controlless="true"]{\n    margin-top: 6px;\n    margin-bottom: 6px;\n  }\n.IoPorts_transput__1wbHA[data-controlless="true"]:first-child{\n      margin-top: 0px;\n    }\n.IoPorts_transput__1wbHA[data-controlless="false"]{\n    margin-top: 2px;\n    margin-bottom: 2px;\n  }\n.IoPorts_controls__1dKFt{\n  display: flex;\n  flex-direction: column;\n  width: 100%;\n}\n.IoPorts_portLabel__qOE7y{\n  font-size: 13px;\n  font-weight: 400;\n}\n.IoPorts_port__1_a6J{\n  width: 12px;\n  height: 12px;\n  background: linear-gradient(to bottom, #acb1b4, #919699);\n  border-radius: 100%;\n  margin-right: 5px;\n  margin-left: -11px;\n  flex: 0 0 auto;\n  box-shadow: 0px 2px 1px 0px rgba(0,0,0,.6);\n}\n.IoPorts_port__1_a6J:last-child{\n    margin-right: -11px;\n    margin-left: 5px;\n  }\n.IoPorts_port__1_a6J[data-port-color="red"]{\n    background: linear-gradient(to bottom, #fa4a6f, #c22e4d);\n  }\n.IoPorts_port__1_a6J[data-port-color="purple"]{\n    background: linear-gradient(to bottom, #9e55fb, #6024b6);\n  }\n.IoPorts_port__1_a6J[data-port-color="blue"]{\n    background: linear-gradient(to bottom, #4284f7, #2867d4);\n  }\n.IoPorts_port__1_a6J[data-port-color="green"]{\n    background: linear-gradient(to bottom, #31dd9f, #11ad7a);\n  }\n.IoPorts_port__1_a6J[data-port-color="yellow"]{\n    background: linear-gradient(to bottom, #d6bf47, #9d8923);\n  }\n.IoPorts_port__1_a6J[data-port-color="orange"]{\n    background: linear-gradient(to bottom, #fa7841, #c94b23);\n  }\n.IoPorts_port__1_a6J[data-port-color="pink"]{\n    background: linear-gradient(to bottom, #fe8aeb, #e046c3);\n  }\n');var Qi="Control_wrapper__VZIiC",Gi="Control_controlLabel__3ga2-";_(".Control_wrapper__VZIiC {\n  width: 100%;\n  padding-right: 3px;\n  padding-top: 3px;\n  padding-bottom: 5px;\n}\n.Control_label__1OX-Q {\n  font-size: 14px;\n}\n.Control_controlLabel__3ga2- {\n  font-size: 13px;\n  display: inline-block;\n  margin-left: 2px;\n}\n");var $i="Checkbox_wrapper__aSqyY",Zi="Checkbox_checkbox__Qv5gn",eu="Checkbox_label__2RxP-";_(".Checkbox_wrapper__aSqyY{\n  display: flex;\n  align-items: center;\n}\n.Checkbox_checkbox__Qv5gn{\n  background: linear-gradient(to bottom, #5b5f62, #6f7477);\n  border: 1px solid #3c3e40;\n  border-radius: 4px;\n  margin-right: 8px;\n}\n.Checkbox_label__2RxP-{\n  padding-top: 2px;\n  font-size: 13px;\n}\n");var tu=function(e){var t=e.label,n=e.data,r=e.onChange,a=o.a.useRef(we(10));return o.a.createElement("div",{className:$i},o.a.createElement("input",{"data-flume-component":"checkbox",className:Zi,type:"checkbox",id:a.current,checked:n,onChange:function(e){return r(e.target.checked)}}),o.a.createElement("label",{"data-flume-component":"checkbox-label",className:eu,htmlFor:a.current},t))},nu="TextInput_wrapper__tefOZ",ru="TextInput_input__1QHwS";_(".TextInput_wrapper__tefOZ {\n  background: none;\n  border: none;\n}\n.TextInput_input__1QHwS {\n  background: linear-gradient(to bottom, #6c7073, #838a8e);\n  width: 100%;\n  border: 1px solid #3c3e40;\n  border-radius: 4px;\n  font-size: 13px;\n  padding: 5px;\n  resize: vertical;\n  outline: none;\n}\n.TextInput_input__1QHwS::placeholder {\n    color: rgb(47, 49, 50);\n  }\n.TextInput_input__1QHwS:focus {\n    background: linear-gradient(to bottom, #7c8286, #99a0a4);\n  }\n");var ou=function(e){var t=e.placeholder,n=e.updateNodeConnections,r=e.onChange,a=e.data,i=e.step,u=e.type,c=o.a.useRef(null),l=o.a.useContext(Ae),s=function e(){document.removeEventListener("mousemove",p),document.removeEventListener("mouseup",e)},p=function(e){e.stopPropagation(),n()},d=function(e){e.stopPropagation(),null==l||l(),document.addEventListener("mousemove",p),document.addEventListener("mouseup",s)};return o.a.createElement("div",{className:nu,"data-flume-component":"text-input"},"number"===u?o.a.createElement("input",{"data-flume-component":"text-input-number",onKeyDown:function(e){if(69===e.keyCode)return e.preventDefault(),!1},onChange:function(e){var t=e.target.value.replace(/e/g,"");if(t){var n=parseFloat(t);Number.isNaN(n)?r(0):(r(n),c.current&&(c.current.value=n.toString()))}},onBlur:function(e){e.target.value||(r(0),c.current&&(c.current.value="0"))},step:i||"1",onMouseDown:d,type:u||"text",placeholder:t,className:ru,defaultValue:a,onDragStart:function(e){return e.stopPropagation()},ref:c}):o.a.createElement("textarea",{"data-flume-component":"text-input-textarea",onChange:function(e){return r(e.target.value)},onMouseDown:d,placeholder:t,className:ru,value:a,onDragStart:function(e){return e.stopPropagation()}}))},au="Select_wrapper__eAPoQ",iu="Select_chipWrapper__3hK2u",uu="Select_deleteButton__1FnLK",cu="Select_chipsWrapper__4Alw8",lu="Select_selectedWrapper__SUs4D";function su(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,r)}return n}function pu(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?su(Object(n),!0).forEach((function(t){l(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):su(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}_('.Select_wrapper__eAPoQ {\n  font-size: 14px;\n  padding: 3px 6px;\n  border-radius: 4px;\n  background: linear-gradient(to bottom, #6c7073, #838a8e);\n  width: 100%;\n  border: 1px solid #3c3e40;\n  padding-right: 15px;\n  position: relative;\n}\n  .Select_wrapper__eAPoQ::after {\n    content: "";\n    position: absolute;\n    background: none;\n    right: 5px;\n    top: 8px;\n    width: 0;\n    height: 0;\n    border-style: solid;\n    border-width: 6px 5px 0 5px;\n    border-color: #191b1c transparent transparent transparent;\n  }\n  .Select_wrapper__eAPoQ:hover {\n    background: linear-gradient(to bottom, #7c8387, #969da1);\n  }\n.Select_chipWrapper__3hK2u {\n  font-size: 14px;\n  padding: 3px 6px;\n  border-radius: 4px;\n  background: linear-gradient(to top, #63676a, #787d80);\n  border: 1px solid #3c3e40;\n  margin: 2px;\n  position: relative;\n}\n.Select_chipWrapper__3hK2u:hover .Select_deleteButton__1FnLK {\n  opacity: 1;\n}\n.Select_chipsWrapper__4Alw8 {\n  display: flex;\n  flex-direction: column;\n  margin-bottom: 6px;\n}\n.Select_deleteButton__1FnLK {\n  position: absolute;\n  right: 0px;\n  top: 0px;\n  height: 100%;\n  width: 22px;\n  padding: 0px;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  background: linear-gradient(to top, #5b5f62, #6f7477);\n  border-radius: 3px;\n  border: none;\n  font-weight: bold;\n  opacity: 0;\n}\n.Select_deleteButton__1FnLK:focus {\n  opacity: 1;\n}\n.Select_deleteButton__1FnLK:hover {\n  background: linear-gradient(to top, #64696c, #797f82);\n}\n.Select_selectedWrapper__SUs4D {\n  display: flex;\n  flex-direction: column;\n  border-radius: 4px;\n  background: linear-gradient(to top, #5b5f62, #6f7477);\n  width: 100%;\n  border: 1px solid #3c3e40;\n  font-size: 14px;\n  padding: 3px 6px;\n  padding-right: 15px;\n  position: relative;\n}\n.Select_selectedWrapper__SUs4D::after {\n    content: "";\n    position: absolute;\n    background: none;\n    right: 5px;\n    top: calc(50% - 4px);\n    width: 0;\n    height: 0;\n    border-style: solid;\n    border-width: 6px 5px 0 5px;\n    border-color: #191b1c transparent transparent transparent;\n  }\n.Select_selectedWrapper__SUs4D label {\n    margin: 0px;\n  }\n.Select_selectedWrapper__SUs4D p {\n    margin: 0px;\n    margin-top: 5px;\n    font-size: 12px;\n    font-style: italic;\n    color: rgb(50, 50, 50);\n  }\n');var du=function(e){var t=e.options,n=void 0===t?[]:t,r=e.placeholder,a=void 0===r?"[Select an option]":r,i=e.onChange,u=e.data,c=e.allowMultiple,l=void 0!==c&&c,s=d(o.a.useState(!1),2),p=s[0],f=s[1],b=d(o.a.useState({x:0,y:0}),2),m=b[0],v=b[1],y=o.a.useRef(null),h=function(){if(!p){var e,t=null===(e=y.current)||void 0===e?void 0:e.getBoundingClientRect();t&&(v({x:t.x,y:t.y+t.height}),f(!0))}},_=o.a.useMemo((function(){var e=n.find((function(e){return e.value===u}));if(e)return pu(pu({},e),{},{label:e.label.length>50?e.label.slice(0,50)+"...":e.label})}),[n,u]);return o.a.createElement(o.a.Fragment,null,l&&"string"!=typeof u?u.length?o.a.createElement("div",{className:cu},u.map((function(e,t){var r=(n.find((function(t){return t.value===e}))||{}).label||"";return o.a.createElement(bu,{onRequestDelete:function(){return e=t,void i([].concat(Ka(u.slice(0,e)),Ka(u.slice(e+1))));var e},key:e},r)}))):null:u?o.a.createElement(fu,{wrapperRef:y,option:_,onClick:h}):null,(l||!u)&&o.a.createElement("div",{className:au,ref:y,onClick:h},a),p&&o.a.createElement(A,null,o.a.createElement(je,{x:m.x,y:m.y,emptyText:"There are no options",options:l?n.filter((function(e){return!u.includes(e.value)})):n,onOptionSelected:function(e){l&&Array.isArray(u)?i([].concat(Ka(u),[e.value])):i(e.value)},onRequestClose:function(){f(!1)}})))},fu=function(e){var t=e.option,n=(t=void 0===t?{label:"",description:"",value:""}:t).label,r=t.description,a=e.wrapperRef,i=e.onClick;return o.a.createElement("div",{className:lu,onClick:i,ref:a,"data-flume-component":"select"},o.a.createElement("label",{"data-flume-component":"select-label"},n),r?o.a.createElement("p",{"data-flume-component":"select-desc"},r):null)},bu=function(e){var t=e.children,n=e.onRequestDelete;return o.a.createElement("div",{className:iu},t,o.a.createElement("button",{className:uu,onMouseDown:function(e){e.stopPropagation()},onClick:n},"\u2715"))};function mu(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,r)}return n}function vu(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?mu(Object(n),!0).forEach((function(t){l(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):mu(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}var yu=function(e){var t=e.type,n=e.name,r=e.nodeId,a=e.portName,i=e.label,u=e.inputLabel,c=e.data,l=e.allData,s=e.inputData,p=e.triggerRecalculation,d=e.updateNodeConnections,f=e.setValue,b=e.defaultValue,m=e.isMonoControl,v=o.a.useContext(Pe),y=o.a.useContext(De),h=m?u:i,_=function(e){v&&v({type:vi.SET_PORT_DATA,data:e,nodeId:r,portName:a,controlName:n,setValue:f}),p()};return o.a.createElement("div",{className:Qi,"data-flume-component":"control"},h&&"checkbox"!==t&&"custom"!==t&&o.a.createElement("label",{"data-flume-component":"control-label",className:Gi},h),function(t){var r={triggerRecalculation:p,updateNodeConnections:d,onChange:_,data:c};switch(t){case"select":var f=e.options,m=e.getOptions,v=e.placeholder;return o.a.createElement(du,vu(vu({},r),{},{options:m?m(s,y):f,placeholder:v}));case"text":var g=e.placeholder;return o.a.createElement(ou,vu(vu({},r),{},{placeholder:g}));case"number":var x=e.step,O=e.placeholder;return o.a.createElement(ou,vu(vu({},r),{},{step:x,type:"number",placeholder:O}));case"checkbox":return o.a.createElement(tu,vu(vu({},r),{},{label:h}));case"multiselect":var E=e.options,w=e.getOptions,j=e.placeholder;return o.a.createElement(du,vu(vu({allowMultiple:!0},r),{},{options:w?w(s,y):E,placeholder:j}));case"custom":var N,T=e.render;return null!==(N=null==T?void 0:T(c,_,y,p,{label:i,name:n,portName:a,inputLabel:u,defaultValue:b},l))&&void 0!==N?N:null;default:return o.a.createElement("div",null,"Control")}}(t))},hu=function(e){var t=e.from,n=e.to,r=e.id,a=e.lineRef,i=e.outputNodeId,u=e.outputPortName,c=e.inputNodeId,l=e.inputPortName,s=pi(t,n);return o.a.createElement("svg",{className:Ua,"data-flume-component":"connection-svg"},o.a.createElement("path",{"data-connection-id":r,"data-output-node-id":i,"data-output-port-name":u,"data-input-node-id":c,"data-input-port-name":l,"data-flume-component":"connection-path",stroke:"rgb(185, 186, 189)",fill:"none",strokeWidth:3,strokeLinecap:"round",d:s,ref:a}))},_u=function(e){var t=o.a.useRef();return o.a.useEffect((function(){t.current=e}),[e]),t.current};function gu(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,r)}return n}function xu(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?gu(Object(n),!0).forEach((function(t){l(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):gu(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}function Ou(e,t){var n="undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(!n){if(Array.isArray(e)||(n=function(e,t){if(!e)return;if("string"==typeof e)return Eu(e,t);var n=Object.prototype.toString.call(e).slice(8,-1);"Object"===n&&e.constructor&&(n=e.constructor.name);if("Map"===n||"Set"===n)return Array.from(e);if("Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n))return Eu(e,t)}(e))||t&&e&&"number"==typeof e.length){n&&(e=n);var r=0,o=function(){};return{s:o,n:function(){return r>=e.length?{done:!0}:{done:!1,value:e[r++]}},e:function(e){throw e},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,i=!0,u=!1;return{s:function(){n=n.call(e)},n:function(){var e=n.next();return i=e.done,e},e:function(e){u=!0,a=e},f:function(){try{i||null==n.return||n.return()}finally{if(u)throw a}}}}function Eu(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,r=new Array(t);n<t;n++)r[n]=e[n];return r}function wu(e,t,n,r,a){var i=o.a.useContext(Pe),u=o.a.useContext(De),c=o.a.useMemo((function(){return Array.isArray(e)?e:e(r,a,u)}),[e,r,a,u]),l=_u(c);return o.a.useEffect((function(){if(l&&!Array.isArray(e)){var r,o=Ou(l);try{var a=function(){var e=r.value;c.find((function(t){var n=t.name;return e.name===n}))||null==i||i({type:vi.DESTROY_TRANSPUT,transputType:t,transput:{nodeId:n,portName:""+e.name}})};for(o.s();!(r=o.n()).done;)a()}catch(u){o.e(u)}finally{o.f()}}}),[e,c,l,i,n,t]),c}var ju=function(e){var t=e.nodeId,n=e.inputs,r=void 0===n?[]:n,a=e.outputs,i=void 0===a?[]:a,u=e.connections,c=e.inputData,l=e.updateNodeConnections,s=o.a.useContext(Ce),p=o.a.useContext(Se),d=wu(r,"input",t,c,u),f=wu(i,"output",t,c,u);return p&&s?o.a.createElement("div",{className:Vi,"data-flume-component":"ports"},d.length?o.a.createElement("div",{className:Hi,"data-flume-component":"ports-inputs"},d.map((function(e){return o.a.createElement(Nu,xu(xu({},e),{},{data:c[e.name]||{},isConnected:!!u.inputs[e.name],triggerRecalculation:null!=p?p:function(){},updateNodeConnections:l,inputTypes:null!=s?s:{},nodeId:t,inputData:c,key:e.name}))}))):null,!!f.length&&o.a.createElement("div",{className:Ui,"data-flume-component":"ports-outputs"},f.map((function(e){return o.a.createElement(Tu,xu(xu({},e),{},{triggerRecalculation:p,inputTypes:s,nodeId:t,key:e.name}))})))):null},Nu=function(e){var t=e.type,n=e.label,r=e.name,a=e.nodeId,i=e.data,u=e.controls,c=e.inputTypes,l=e.noControls,s=e.triggerRecalculation,p=e.updateNodeConnections,d=e.isConnected,f=e.inputData,b=e.hidePort,m=c[t]||{},v=m.label,y=m.color,h=m.controls,_=void 0===h?[]:h,g=_u(d),x=u||_;return o.a.useEffect((function(){d!==g&&s()}),[d,g,s]),o.a.createElement("div",{"data-flume-component":"port-input",className:Yi,"data-controlless":d||l||!x.length,onDragStart:function(e){e.preventDefault(),e.stopPropagation()}},b?null:o.a.createElement(Cu,{type:t,color:y,name:r,nodeId:a,isInput:!0,triggerRecalculation:s}),(!x.length||l||d)&&o.a.createElement("label",{"data-flume-component":"port-label",className:Xi},n||v),l||d?null:o.a.createElement("div",{className:Ji},x.map((function(e){return o.a.createElement(yu,xu(xu({},e),{},{nodeId:a,portName:r,triggerRecalculation:s,updateNodeConnections:p,inputLabel:n,data:i[e.name],allData:i,key:e.name,inputData:f,isMonoControl:1===x.length}))}))))},Tu=function(e){var t=e.label,n=e.name,r=e.nodeId,a=e.type,i=e.inputTypes,u=e.triggerRecalculation,c=i[a]||{},l=c.label,s=c.color;return o.a.createElement("div",{"data-flume-component":"port-output",className:Yi,"data-controlless":!0,onDragStart:function(e){e.preventDefault(),e.stopPropagation()}},o.a.createElement("label",{"data-flume-component":"port-label",className:Xi},t||l),o.a.createElement(Cu,{type:a,name:n,color:s,nodeId:r,triggerRecalculation:u}))},Cu=function(e){var t,n=e.color,r=void 0===n?"grey":n,a=e.name,i=void 0===a?"":a,u=e.type,c=e.isInput,l=e.nodeId,s=e.triggerRecalculation,p=o.a.useContext(Pe),f=o.a.useContext(ke)||{scale:1,translate:{x:0,y:0}},b=o.a.useContext(Re),m="".concat(Ya).concat(b),v=null!==(t=o.a.useContext(Ce))&&void 0!==t?t:{},y=d(o.a.useState(!1),2),h=y[0],_=y[1],g=d(o.a.useState({x:0,y:0}),2),x=g[0],O=g[1],E=o.a.useRef(x),w=o.a.useRef(null),j=o.a.useRef(null),N=o.a.useRef(null),T=function(e){var t;return 1/(null!==(t=null==f?void 0:f.scale)&&void 0!==t?t:1)*e},C=function(e){var t,n,r=null!==(t=null===(n=document.getElementById(m))||void 0===n?void 0:n.getBoundingClientRect())&&void 0!==t?t:{x:0,y:0,width:0,height:0},o=r.x,a=r.y,i=r.width,u=r.height;if(c){var l,s,p,d,b,v={x:T(e.clientX-o-i/2)+T(null!==(l=null==f||null===(s=f.translate)||void 0===s?void 0:s.x)&&void 0!==l?l:1),y:T(e.clientY-a-u/2)+T(null!==(p=null==f||null===(d=f.translate)||void 0===d?void 0:d.y)&&void 0!==p?p:1)};null===(b=N.current)||void 0===b||b.setAttribute("d",pi(E.current,v))}else{var y,h,_,g,x,O={x:T(e.clientX-o-i/2)+T(null!==(y=null==f||null===(h=f.translate)||void 0===h?void 0:h.x)&&void 0!==y?y:1),y:T(e.clientY-a-u/2)+T(null!==(_=null==f||null===(g=f.translate)||void 0===g?void 0:g.y)&&void 0!==_?_:1)};null===(x=j.current)||void 0===x||x.setAttribute("d",pi(E.current,O))}},P=function e(t){var n,r,o=!(null===(n=t.target)||void 0===n||null===(r=n.dataset)||void 0===r||!r.portName);if(c){var a,d,f=null!==(a=null===(d=N.current)||void 0===d?void 0:d.dataset)&&void 0!==a?a:{},b=f.inputNodeId,m=void 0===b?"":b,y=f.inputPortName,h=void 0===y?"":y,g=f.outputNodeId,x=void 0===g?"":g,O=f.outputPortName,E=void 0===O?"":O;if(null==p||p({type:vi.REMOVE_CONNECTION,input:{nodeId:m,portName:h},output:{nodeId:x,portName:E}}),o){var w,j,T=t.target.dataset,P=T.portName,S=T.nodeId,D=T.portType,k=T.portTransputType;if(!(P&&S&&D&&k))return;if(x!==S&&"output"!==k)(null===(w=v[D])||void 0===w||null===(j=w.acceptTypes)||void 0===j?void 0:j.includes(u))&&(null==p||p({type:vi.ADD_CONNECTION,input:{nodeId:S,portName:P},output:{nodeId:x,portName:E}}))}}else if(o){var I,A,R=t.target.dataset,M=R.portName,L=R.nodeId,z=R.portType,B=R.portTransputType;if(!(M&&L&&z&&B))return;if(L!==l&&"output"!==B)(null===(I=v[z])||void 0===I||null===(A=I.acceptTypes)||void 0===A?void 0:A.includes(u))&&(null==p||p({type:vi.ADD_CONNECTION,output:{nodeId:l,portName:i},input:{nodeId:L,portName:M}}),s())}_(!1),document.removeEventListener("mouseup",e),document.removeEventListener("mousemove",C)};return o.a.createElement(o.a.Fragment,null,o.a.createElement("div",{style:{zIndex:999},onMouseDown:function(e){var t,n;e.preventDefault(),e.stopPropagation();var r=(null===(t=w.current)||void 0===t?void 0:t.getBoundingClientRect())||{},o=r.x,a=void 0===o?0:o,u=r.y,s=void 0===u?0:u,p=r.width,d=void 0===p?0:p,b=(null===(n=document.getElementById(m))||void 0===n?void 0:n.getBoundingClientRect())||{},v=b.x,y=void 0===v?0:v,h=b.y,g=void 0===h?0:h,x=b.width,j=void 0===x?0:x,S=b.height,D=void 0===S?0:S;if(c){if(N.current=document.querySelector('[data-input-node-id="'.concat(l,'"][data-input-port-name="').concat(i,'"]')),!!N.current&&N.current&&N.current.parentElement){N.current.parentElement.style.zIndex="9999";var k=si(N.current.dataset.outputNodeId||"",N.current.dataset.outputPortName||"","output")||{},I=k.x,A=void 0===I?0:I,R=k.y,M=void 0===R?0:R,L=k.width,z=void 0===L?0:L,B={x:T(A-y+z/2-j/2)+T(f.translate.x),y:T(M-g+z/2-D/2)+T(f.translate.y)};O(B),E.current=B,_(!0),document.addEventListener("mouseup",P),document.addEventListener("mousemove",C)}}else{var W={x:T(a-y+d/2-j/2)+T(f.translate.x),y:T(s-g+d/2-D/2)+T(f.translate.y)};O(W),E.current=W,_(!0),document.addEventListener("mouseup",P),document.addEventListener("mousemove",C)}},className:Ki,"data-port-color":r,"data-port-name":i,"data-port-type":u,"data-port-transput-type":c?"input":"output","data-node-id":l,"data-flume-component":"port-handle",onDragStart:function(e){e.preventDefault(),e.stopPropagation()},ref:w}),h&&!c?o.a.createElement(A,{node:document.getElementById("".concat("__node_editor_drag_connection__").concat(b))},o.a.createElement(hu,{from:x,to:x,lineRef:j})):null)},Pu=["children","className"];function Su(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,r)}return n}function Du(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?Su(Object(n),!0).forEach((function(t){l(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):Su(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}var ku=function(e){var t,n,r,a=e.id,i=e.width,u=e.x,c=e.y,l=e.stageRect,s=e.connections,p=e.type,f=e.inputData,b=e.root,m=e.onDragStart,v=e.renderNodeHeader,y=null!==(t=o.a.useContext(Ie))&&void 0!==t?t:void 0,h=null!==(n=o.a.useContext(Te))&&void 0!==n?n:{},_=o.a.useContext(Pe),g=null!==(r=o.a.useContext(ke))&&void 0!==r?r:{scale:0,translate:{x:0,y:0}},x=h[p],O=x.label,E=x.deletable,w=x.inputs,j=void 0===w?[]:w,N=x.outputs,T=void 0===N?[]:N,C=o.a.useRef(null),P=d(o.a.useState(!1),2),S=P[0],D=P[1],k=d(o.a.useState({x:0,y:0}),2),I=k[0],R=k[1],M=function(e){return 1/g.scale*e},L=function(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},t=arguments.length>1?arguments[1]:void 0;Object.entries(e).forEach((function(e){var n=d(e,2),r=n[0];n[1].forEach((function(e){var n,o,i,u,c,s,p,d,f,b,m,v,h,_,x,O,E,w,j,N,T,C,P,S,D,k=si(a,r,t?"output":"input",y),I=si(e.nodeId,e.portName,t?"input":"output",y),A=(null!==(n=null==I?void 0:I.width)&&void 0!==n?n:0)/2;S=t?a+r+e.nodeId+e.portName:e.nodeId+e.portName+a+r;var R=null==y||null===(o=y.current)||void 0===o?void 0:o.connections[S];R?D=R:(D=document.querySelector('[data-connection-id="'.concat(S,'"]')))&&y&&y.current&&(y.current.connections[S]=D);var L={x:M((null!==(i=null==I?void 0:I.x)&&void 0!==i?i:0)-(null!==(u=null===(c=l.current)||void 0===c?void 0:c.x)&&void 0!==u?u:0)+A-(null!==(s=null===(p=l.current)||void 0===p?void 0:p.width)&&void 0!==s?s:0)/2)+M(g.translate.x),y:M((null!==(d=null==I?void 0:I.y)&&void 0!==d?d:0)-(null!==(f=null===(b=l.current)||void 0===b?void 0:b.y)&&void 0!==f?f:0)-(null!==(m=null===(v=l.current)||void 0===v?void 0:v.height)&&void 0!==m?m:0)/2+A)+M(g.translate.y)},z={x:M((null!==(h=null==k?void 0:k.x)&&void 0!==h?h:0)-(null!==(_=null===(x=l.current)||void 0===x?void 0:x.x)&&void 0!==_?_:0)-(null!==(O=null===(E=l.current)||void 0===E?void 0:E.width)&&void 0!==O?O:0)/2)+M(g.translate.x),y:M((null!==(w=null==k?void 0:k.y)&&void 0!==w?w:0)-(null!==(j=null===(N=l.current)||void 0===N?void 0:N.y)&&void 0!==j?j:0)-(null!==(T=null===(C=l.current)||void 0===C?void 0:C.height)&&void 0!==T?T:0)/2+A)+M(g.translate.y)};null===(P=D)||void 0===P||P.setAttribute("d",pi(t?z:L,t?L:z))}))}))},z=function(){s&&(L(s.inputs),L(s.outputs,!0))},B=function(e){return e.preventDefault(),e.stopPropagation(),R({x:e.clientX,y:e.clientY}),D(!0),!1},W=function(){D(!1)},q=function(){null==_||_({type:vi.REMOVE_NODE,nodeId:a})};return o.a.createElement(Be,{className:qi,style:{width:i,transform:"translate(".concat(u,"px, ").concat(c,"px)")},onDragStart:function(){m()},onDrag:function(e){var t=e.x,n=e.y;C.current&&(C.current.style.transform="translate(".concat(t,"px,").concat(n,"px)"),z())},onDragEnd:function(e,t){null==_||_(Du(Du({type:vi.SET_NODE_COORDINATES},t),{},{nodeId:a}))},innerRef:C,"data-node-id":a,"data-flume-component":"node","data-flume-node-type":x.type,"data-flume-component-is-root":!!b,onContextMenu:B,stageState:g,stageRect:l},v?v(Iu,x,{openMenu:B,closeMenu:W,deleteNode:q}):o.a.createElement(Iu,null,O),o.a.createElement(ju,{nodeId:a,inputs:j,outputs:T,connections:s,updateNodeConnections:z,inputData:f}),S?o.a.createElement(A,null,o.a.createElement(je,{x:I.x,y:I.y,options:Ka(!1!==E?[{label:"Delete Node",value:"deleteNode",description:"Deletes a node and all of its connections."}]:[]),onRequestClose:W,onOptionSelected:function(e){switch(e.value){case"deleteNode":q();break;default:return}},hideFilter:!0,label:"Node Options",emptyText:"This node has no options."})):null)},Iu=function(e){var t=e.children,n=e.className,r=void 0===n?"":n,a=Me(e,Pu);return o.a.createElement("h2",Du(Du({},a),{},{className:Fi+(r?" ".concat(r):""),"data-flume-component":"node-header"}),t)},Au="Comment_wrapper__1Pnbd",Ru="Comment_text__Ie2nX",Mu="Comment_resizeThumb__20KWn",Lu="Comment_textarea__2Rze3";_('.Comment_wrapper__1Pnbd {\n  position: absolute;\n  left: 0px;\n  top: 0px;\n  padding: 5px;\n  background: rgba(147, 154, 158, 0.7);\n  border-radius: 5px;\n  border-bottom-right-radius: 2px;\n  box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.2);\n  min-width: 80px;\n  font-size: 14px;\n  display: flex;\n  text-shadow: 0px 1px rgba(255,255,255,.1);\n  border: 1px solid rgba(168, 176, 181, 0.7);\n  user-select: none;\n}\n  .Comment_wrapper__1Pnbd[data-color="red"]{\n    background: rgba(213, 84, 103, 0.65);\n    border-color: rgba(227, 85, 119, 0.65);\n  }\n  .Comment_wrapper__1Pnbd[data-color="purple"]{\n    background: rgba(153, 83, 196, 0.65);\n    border-color: rgba(156, 85, 227, 0.65);\n  }\n  .Comment_wrapper__1Pnbd[data-color="blue"]{\n    background: rgba(76, 142, 203, 0.65);\n    border-color: rgba(85, 159, 227, 0.65);\n  }\n  .Comment_wrapper__1Pnbd[data-color="green"]{\n    background: rgba(70, 200, 130, 0.65);\n    border-color: rgba(85, 227, 150, 0.65);\n  }\n  .Comment_wrapper__1Pnbd[data-color="yellow"]{\n    background: rgba(200, 167, 63, 0.65);\n    border-color: rgba(227, 213, 85, 0.65);\n  }\n  .Comment_wrapper__1Pnbd[data-color="orange"]{\n    background: rgba(215, 123, 64, 0.65);\n    border-color: rgba(227, 149, 85, 0.65);\n  }\n  .Comment_wrapper__1Pnbd[data-color="pink"]{\n    background: rgba(255, 102, 208, 0.65);\n    border-color: rgba(242, 131, 228, 0.65);\n  }\n.Comment_text__Ie2nX{\n  width: 100%;\n  height: 100%;\n  overflow: auto;\n  white-space: pre-wrap;\n  cursor: default;\n}\n.Comment_resizeThumb__20KWn {\n  width: 10px;\n  height: 10px;\n  border-radius: 4px 0px 4px 0px;\n  position: absolute;\n  right: 0px;\n  bottom: 0px;\n  overflow: hidden;\n  cursor: nwse-resize;\n}\n.Comment_resizeThumb__20KWn::before,\n  .Comment_resizeThumb__20KWn::after {\n    content: "";\n    position: absolute;\n    right: 0px;\n    top: 0px;\n    width: 250%;\n    height: 0px;\n    border-top: 1px solid rgba(0, 0, 0, 0.7);\n    border-bottom: 2px solid rgba(255, 255, 255, 0.7);\n    transform-origin: center right;\n    transform: rotate(-45deg) scale(0.5);\n  }\n.Comment_resizeThumb__20KWn::after {\n    transform: rotate(-45deg) translateY(3px) scale(0.5);\n  }\n.Comment_textarea__2Rze3 {\n  resize: none;\n  width: calc(100% + 2px);\n  height: calc(100% + 2px);\n  border-radius: 3px;\n  background: rgba(255,255,255,.1);\n  border: none;\n  outline: none;\n  margin: -2px;\n  margin-top: -1px;\n  padding-top: 0px;\n  font-size: 14px;\n}\n.Comment_textarea__2Rze3::placeholder{\n    color: rgba(0,0,0,.5);\n  }\n');var zu="ColorPicker_wrapper__1M1j2",Bu="ColorPicker_colorButtonWrapper__1ijdj",Wu="ColorPicker_colorButton__1Qcuq";function qu(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}function Fu(e,t){for(var n=0;n<t.length;n++){var r=t[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(e,r.key,r)}}function Vu(e,t,n){return t&&Fu(e.prototype,t),n&&Fu(e,n),e}function Hu(e){var t=function(e,t){if("object"!==Xa(e)||null===e)return e;var n=e[Symbol.toPrimitive];if(void 0!==n){var r=n.call(e,t||"default");if("object"!==Xa(r))return r;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===t?String:Number)(e)}(e,"string");return"symbol"===Xa(t)?t:String(t)}function Yu(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,r)}return n}function Xu(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?Yu(Object(n),!0).forEach((function(t){l(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):Yu(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}_('.ColorPicker_wrapper__1M1j2{\n  position: fixed;\n  z-index: 9999;\n  background: rgba(29, 32, 34, 0.95);\n  border-radius: 5px;\n  box-shadow: 0px 6px 7px rgba(0,0,0,.3);\n  border: 1px solid rgba(0,0,0,.4);\n  color: #fff;\n  display: flex;\n  width: 102px;\n  flex-wrap: wrap;\n  padding: 2px;\n}\n@supports (backdrop-filter: blur(6px)){\n  .ColorPicker_wrapper__1M1j2{\n    backdrop-filter: blur(6px);\n    background: rgba(29, 32, 34, 0.8);\n  }\n}\n.ColorPicker_colorButtonWrapper__1ijdj{\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  padding: 2px;\n}\n.ColorPicker_colorButton__1Qcuq{\n  border-radius: 3px;\n  border: none;\n  width: 20px;\n  height: 20px;\n  background: rgba(204, 204, 204, 1);\n}\n.ColorPicker_colorButton__1Qcuq[data-color="red"]{\n    background: rgba(210, 101, 111, 1)\n  }\n.ColorPicker_colorButton__1Qcuq[data-color="purple"]{\n    background: rgba(159, 101, 210, 1)\n  }\n.ColorPicker_colorButton__1Qcuq[data-color="blue"]{\n    background: rgba(101, 151, 210, 1)\n  }\n.ColorPicker_colorButton__1Qcuq[data-color="green"]{\n    background: rgba(101, 210, 168, 1)\n  }\n.ColorPicker_colorButton__1Qcuq[data-color="orange"]{\n    background: rgba(210, 137, 101, 1)\n  }\n.ColorPicker_colorButton__1Qcuq[data-color="yellow"]{\n    background: rgba(210, 196, 101, 1)\n  }\n.ColorPicker_colorButton__1Qcuq[data-color="pink"]{\n    background: rgba(241, 124, 226, 1)\n  }\n.ColorPicker_colorButton__1Qcuq:hover{\n    opacity: .8;\n  }\n');var Ku=function(e,t){return void 0!==e?e:t},Uu=function(e,t){var n,r,o,a,i;return{label:null!==(n=null!==(r=t.label)&&void 0!==r?r:e.label)&&void 0!==n?n:"",name:null!==(o=null!==(a=t.name)&&void 0!==a?a:e.name)&&void 0!==o?o:"",defaultValue:null!==(i=t.defaultValue)&&void 0!==i?i:e.defaultValue}},Ju={text:function(e){return Xu(Xu({},Uu({name:"text",defaultValue:""},e)),{},{type:"text"})},select:function(e){var t;return Xu(Xu({},Uu({name:"select",defaultValue:""},e)),{},{type:"select",options:null!==(t=e.options)&&void 0!==t?t:[],getOptions:e.getOptions,placeholder:e.placeholder})},number:function(e){return Xu(Xu({},Uu({name:"number",defaultValue:0},e)),{},{type:"number",step:e.step})},checkbox:function(e){return Xu(Xu({},Uu({name:"checkbox",defaultValue:!1},e)),{},{type:"checkbox"})},multiselect:function(e){var t;return Xu(Xu({},Uu({name:"multiselect",defaultValue:[]},e)),{},{type:"multiselect",options:null!==(t=e.options)&&void 0!==t?t:[],getOptions:e.getOptions,placeholder:e.placeholder})},custom:function(e){var t;return Xu(Xu({},Uu({name:"custom",defaultValue:void 0},e)),{},{type:"custom",render:null!==(t=e.render)&&void 0!==t?t:function(){return null}})}},Qu={yellow:"yellow",orange:"orange",red:"red",pink:"pink",purple:"purple",blue:"blue",green:"green",grey:"grey"},Gu=function(e){return Object.values(e).reduce((function(e,t){return e[t.type]=function(){var e,n=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};return{type:t.type,name:n.name||t.name,label:n.label||t.label,noControls:!!Ku(n.noControls,!1),color:n.color||t.color,hidePort:!!Ku(n.hidePort,t.hidePort),controls:null!==(e=Ku(n.controls,t.controls))&&void 0!==e?e:[]}},e}),{})},$u=function(){function e(t){qu(this,e),t?(this.nodeTypes=Xu({},t.nodeTypes),this.portTypes=Xu({},t.portTypes)):(this.nodeTypes={},this.portTypes={})}return Vu(e,[{key:"addRootNodeType",value:function(e){return this.addNodeType(Xu(Xu({},e),{},{root:!0,addable:!1,deletable:!1})),this}},{key:"addNodeType",value:function(e){if("object"!==Xa(e)&&null!==e)throw new Error("You must provide a configuration object when calling addNodeType.");if("string"!=typeof e.type)throw new Error('Required key, "type" must be a string when calling addNodeType.');if(void 0!==e.initialWidth&&"number"!=typeof e.initialWidth)throw new Error('Optional key, "initialWidth" must be a number when calling addNodeType.');if(void 0!==this.nodeTypes[e.type])throw new Error('A node with type "'.concat(e.type,'" has already been declared.'));var t={type:e.type,label:Ku(e.label,""),description:Ku(e.description,""),addable:Ku(e.addable,!0),deletable:Ku(e.deletable,!0)};if(e.initialWidth&&(t.initialWidth=e.initialWidth),void 0!==e.sortIndex&&(t.sortIndex=e.sortIndex),"function"==typeof e.inputs){var n=e.inputs(Gu(this.portTypes));if(!Array.isArray(n)&&"function"!=typeof e.inputs)throw new Error('When providing a function to the "inputs" key, you must return either an array or a function.');t.inputs=n}else if(void 0===e.inputs)t.inputs=[];else{if(!Array.isArray(e.inputs))throw new Error('Optional key, "inputs" must be an array.');t.inputs=e.inputs}if("function"==typeof e.outputs){var r=e.outputs(Gu(this.portTypes));if(!Array.isArray(r)&&"function"!=typeof e.outputs)throw new Error('When providing a function to the "outputs" key, you must return either an array or a function.');t.outputs=r}else if(void 0===e.outputs)t.outputs=[];else{if(void 0!==e.outputs&&!Array.isArray(e.outputs))throw new Error('Optional key, "outputs" must be an array.');t.outputs=e.outputs}if(void 0!==e.root){if("boolean"!=typeof e.root)throw new Error('Optional key, "root" must be a boolean.');t.root=e.root}return this.nodeTypes[e.type]=t,this}},{key:"removeNodeType",value:function(e){if(this.nodeTypes[e]){var t=this.nodeTypes;t[e];var n=Me(t,[e].map(Hu));this.nodeTypes=n}else console.error('Non-existent node type "'.concat(e,'" cannot be removed.'));return this}},{key:"addPortType",value:function(e){if("object"!==Xa(e)&&null!==e)throw new Error("You must provide a configuration object when calling addPortType");if("string"!=typeof e.type)throw new Error('Required key, "type" must be a string when calling addPortType.');if(void 0!==this.portTypes[e.type])throw new Error('A port with type "'.concat(e.type,'" has already been declared.'));if("string"!=typeof e.name)throw new Error('Required key, "name" must be a string when calling addPortType.');var t={type:e.type,name:e.name,label:Ku(e.label,""),color:Ku(e.color,Qu.grey),hidePort:Ku(e.hidePort,!1)};if(void 0===e.acceptTypes)t.acceptTypes=[e.type];else{if(!Array.isArray(e.acceptTypes))throw new Error('Optional key, "acceptTypes" must be an array.');t.acceptTypes=e.acceptTypes}if(void 0===e.controls)t.controls=[];else{if(!Array.isArray(e.controls))throw new Error('Optional key, "controls" must be an array.');t.controls=e.controls}return this.portTypes[e.type]=t,this}},{key:"removePortType",value:function(e){var t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{},n=t.skipDynamicNodesCheck,r=void 0!==n&&n;if(this.portTypes[e]){if(!r){var o=Object.values(this.nodeTypes).filter((function(e){return"function"==typeof e.inputs||"function"==typeof e.outputs}));o.length&&console.warn("We've detected that one or more of your nodes is using dynamic inputs/outputs. This is a potentially dangerous operation as we are unable to detect if this portType is being used in one of those nodes. You can quiet this message by passing { skipDynamicNodesCheck: true } in as the second argument.")}var a=Object.values(this.nodeTypes).filter((function(t){return Array.isArray(t.inputs)&&t.inputs.find((function(t){return t.type===e}))||Array.isArray(t.outputs)&&t.outputs.find((function(t){return t.type===e}))}));if(a.length)throw new Error('Cannot delete port type "'.concat(e,'" without first deleting all node types using these ports: [').concat(a.map((function(e){return"".concat(e.type)})).join(", "),"]"));var i=this.portTypes;i[e];var u=Me(i,[e].map(Hu));this.portTypes=u}else console.error('Non-existent port type "'.concat(e,'" cannot be removed.'));return this}}]),e}(),Zu=function(e){var t=e.x,n=e.y,r=e.onColorPicked,a=e.onRequestClose,i=o.a.useRef(null),u=o.a.useCallback((function(e){i.current&&!i.current.contains(e.target)&&(a(),document.removeEventListener("click",u),document.removeEventListener("contextmenu",u))}),[i,a]),c=o.a.useCallback((function(e){"Escape"===e.key&&(a(),document.removeEventListener("keydown",c))}),[a]);return o.a.useEffect((function(){return setTimeout((function(){document.addEventListener("keydown",c),document.addEventListener("click",u),document.addEventListener("contextmenu",u)})),function(){document.removeEventListener("click",u),document.removeEventListener("contextmenu",u),document.removeEventListener("keydown",c)}}),[u,c]),o.a.createElement("div",{"data-flume-component":"color-picker",ref:i,className:zu,style:{left:t,top:n}},Object.values(Qu).map((function(e){var t=e;return o.a.createElement(ec,{onSelected:function(){r(t),a()},color:t,key:t})})))},ec=function(e){var t=e.color,n=e.onSelected;return o.a.createElement("div",{className:Bu},o.a.createElement("button",{"data-flume-component":"color-button",className:Wu,onClick:n,"data-color":t,"aria-label":t}))},tc=function(e){var t=e.dispatch,n=e.id,r=e.x,a=e.y,i=e.width,u=e.height,c=e.color,l=e.text,s=e.stageRect,p=e.onDragStart,f=e.isNew,b=o.a.useContext(ke),m=o.a.useRef(null),v=o.a.useRef(null),y=d(o.a.useState(!1),2),h=y[0],_=y[1],g=d(o.a.useState(!1),2),x=g[0],O=g[1],E=d(o.a.useState(!1),2),w=E[0],j=E[1],N=d(o.a.useState({x:0,y:0}),2),T=N[0],C=N[1],P=d(o.a.useState({x:0,y:0}),2),S=P[0],D=P[1],k=function(){_(!0)},I=o.a.useCallback((function(){return O(!1)}),[]);return o.a.useEffect((function(){f&&(_(!0),t({type:Oi.REMOVE_COMMENT_NEW,id:n}))}),[f,t,n]),o.a.createElement(Be,{innerRef:m,className:Au,style:{transform:"translate(".concat(r,"px,").concat(a,"px)"),width:i,height:u,zIndex:h?999:""},stageState:b,stageRect:s,onDragStart:function(e){p()},onDrag:function(e){var t=e.x,n=e.y;m.current&&(m.current.style.transform="translate(".concat(t,"px,").concat(n,"px)"))},onDragEnd:function(e,r){var o=r.x,a=r.y;t({type:Oi.SET_COMMENT_COORDINATES,id:n,x:o,y:a})},onContextMenu:function(e){return e.preventDefault(),e.stopPropagation(),C({x:e.clientX,y:e.clientY}),j(!0),!1},onDoubleClick:k,onWheel:function(e){return e.stopPropagation()},"data-color":c,"data-flume-component":"comment"},h?o.a.createElement("textarea",{"data-flume-component":"comment-textarea",className:Lu,onChange:function(e){t({type:Oi.SET_COMMENT_TEXT,id:n,text:e.target.value})},onMouseDown:function(e){return e.stopPropagation()},onBlur:function(){_(!1)},placeholder:"Text of the comment...",autoFocus:!0,value:l,ref:v}):o.a.createElement("div",{"data-flume-component":"comment-text","data-comment":!0,className:Ru},l),o.a.createElement(Be,{className:Mu,stageState:b,stageRect:s,onDrag:function(e){var t=Ee(e.x-r+10,80,1e4),n=Ee(e.y-a+10,30,1e4);m.current&&(m.current.style.width="".concat(t,"px"),m.current.style.height="".concat(n,"px"))},onDragEnd:function(e,o){var i=Ee(o.x-r+10,80,1e4),u=Ee(o.y-a+10,30,1e4);t({type:Oi.SET_COMMENT_DIMENSIONS,id:n,width:i,height:u})},"data-flume-component":"comment-resize-handle"}),w?o.a.createElement(A,null,o.a.createElement(je,{hideFilter:!0,label:"Comment Options",x:T.x,y:T.y,options:[{value:"edit",label:"Edit Comment",description:"Edit the text of the comment"},{value:"color",label:"Change Color",description:"Change the color of the comment"},{value:"delete",label:"Delete Comment",description:"Delete the comment"}],onRequestClose:function(){return j(!1)},onOptionSelected:function(e){switch(e.value){case"edit":k();break;case"color":D(T),O(!0);break;case"delete":t({type:Oi.DELETE_COMMENT,id:n})}}})):null,x?o.a.createElement(A,null,o.a.createElement(Zu,{x:S.x,y:S.y,onRequestClose:I,onColorPicked:function(e){t({type:Oi.SET_COMMENT_COLOR,id:n,color:e})}})):null)},nc="Toaster_toaster__1eC3T",rc="Toaster_toast__3YHVS",oc="Toaster_title__4InNr",ac="Toaster_timer__3dGzF",ic="Toaster_exitButton__1S_Ks";function uc(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,r)}return n}function cc(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?uc(Object(n),!0).forEach((function(t){l(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):uc(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}_('.Toaster_toaster__1eC3T{\n  position: absolute;\n  left: 0px;\n  bottom: 0px;\n  width: 100%;\n  height: 1px;\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  padding-bottom: 15px;\n  box-shadow: 0px 5px 10px -2px rgba(0,0,0,.3);\n  pointer-events: none;\n}\n.Toaster_toast__3YHVS{\n  position: absolute;\n  left: calc(50% - 200px);\n  top: 0px;\n  pointer-events: all;\n  width: 400px;\n  padding: 10px;\n  padding-top: 7px;\n  padding-right: 16px;\n  border-radius: 6px;\n  background: rgba(231, 231, 231, 1);\n  border: 1px solid;\n  margin-bottom: 5px;\n  transition: transform 300ms;\n  flex: 0 0 auto;\n  animation: Toaster_fade-in__2526Y 150ms;\n  user-select: none;\n  font-size: 14px;\n  display: flex;\n  flex-direction: column;\n  will-change: transform;\n}\n.Toaster_toast__3YHVS[data-type="danger"]{\n    background: rgb(255, 116, 137);\n    border-color: rgb(254, 99, 136);\n    color: rgb(66, 6, 20);\n  }\n.Toaster_toast__3YHVS[data-type="info"]{\n    background: rgb(76, 193, 250);\n    border-color: rgb(103, 182, 255);\n    color: rgb(5, 36, 64);\n  }\n.Toaster_toast__3YHVS[data-type="success"]{\n    background: rgb(81, 230, 150);\n    border-color: rgb(85, 227, 150);\n    color: rgb(7, 57, 30);\n  }\n.Toaster_toast__3YHVS[data-type="warning"]{\n    background: rgb(245, 208, 93);\n    border-color: rgb(247, 235, 125);\n    color: rgb(83, 75, 8);\n  }\n.Toaster_toast__3YHVS[data-exiting=true]{\n    animation: Toaster_fade-out__2lM6E 150ms;\n    animation-fill-mode: forwards;\n  }\n.Toaster_toast__3YHVS p{\n  margin: 0px;\n}\n.Toaster_title__4InNr{\n  font-size: 16px;\n  font-weight: bold;\n  margin-bottom: 5px;\n}\n.Toaster_timer__3dGzF{\n  position: absolute;\n  bottom: -1px;\n  left: -1px;\n  width: calc(100% + 2px);\n  height: 3px;\n  background: rgba(0,0,0,.4);\n  transform-origin: left center;\n  animation: Toaster_timer__3dGzF 1000ms linear;\n  animation-fill-mode: forwards;\n  z-index: 9;\n}\n.Toaster_exitButton__1S_Ks{\n  position: absolute;\n  right: 0px;\n  top: 0px;\n  width: 20px;\n  height: 20px;\n  padding: 0px;\n  background: none;\n  border: none;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  font-size: 14px;\n  color: inherit;\n  opacity: .6;\n}\n.Toaster_exitButton__1S_Ks:hover{\n  opacity: .9;\n}\n\n@keyframes Toaster_fade-in__2526Y {\n  from{\n    opacity: 0;\n  }\n  to{\n    opacity: 1;\n  }\n}\n\n@keyframes Toaster_fade-out__2lM6E {\n  from{\n    opacity: 1;\n  }\n  to{\n    opacity: 0;\n  }\n}\n\n@keyframes Toaster_timer__3dGzF {\n  from{\n    transform: scaleX(1);\n  }\n  to{\n    transform: scaleX(0);\n  }\n}\n');var lc=function(e){var t=e.toasts,n=void 0===t?[]:t,r=e.dispatchToasts,a=o.a.useCallback((function(e,t){r({type:ci.SET_HEIGHT,id:e,height:t})}),[r]),i=o.a.useCallback((function(e){r({type:ci.SET_EXITING,id:e})}),[r]),u=o.a.useCallback((function(e){r({type:ci.REMOVE_TOAST,id:e})}),[r]);return o.a.createElement("div",{className:nc},n.map((function(e,t){return o.a.createElement(sc,cc(cc({},e),{},{onHeightReceived:a,onExitRequested:i,onRemoveRequested:u,y:n.slice(0,t+1).reduce((function(e,t){return t.height+e+5}),0),key:e.id}))})))},sc=function(e){var t=e.id,n=e.title,r=e.message,a=e.duration,i=e.type,u=e.exiting,c=e.y,l=e.onHeightReceived,s=e.onExitRequested,p=e.onRemoveRequested,f=d(o.a.useState(!1),2),b=f[0],m=f[1],v=o.a.useRef(null),y=o.a.useRef(),h=o.a.useCallback((function(){m(!0),y.current&&clearTimeout(y.current)}),[]),_=o.a.useCallback((function(){m(!1),y.current=setTimeout((function(){return s(t)}),a)}),[t,a,s]);o.a.useLayoutEffect((function(){if(v.current){var e=v.current.getBoundingClientRect().height;l(t,e)}}),[l,t]),o.a.useEffect((function(){return _(),h}),[_,h]);return o.a.createElement("div",{"data-flume-component":"toast",ref:v,className:rc,"data-type":i,style:{transform:"translateY(-".concat(c,"px)")},"data-exiting":u,onAnimationEnd:function(){u&&p(t)},onMouseEnter:h,onMouseLeave:_,role:"alert"},n?o.a.createElement("span",{"data-flume-component":"toast-title",className:oc},n):null,o.a.createElement("p",{"data-flume-component":"toast-message"},r),!b&&o.a.createElement("div",{className:ac,style:{animationDuration:"".concat(a,"ms")},onAnimationEnd:function(e){return e.stopPropagation()}}),o.a.createElement("button",{"data-flume-component":"toast-close",className:ic,onClick:function(){h(),s(t)}},"\u2715"))},pc="Connections_svgWrapper__3mXcU";_(".Connections_svgWrapper__3mXcU{\n  position: absolute;\n  left: 0px;\n  height: 0px;\n}\n");var dc=function(e){var t=e.editorId;return o.a.createElement("div",{className:pc,id:"".concat("__node_editor_connections__").concat(t)})},fc=Vu((function e(){qu(this,e),this.ports={},this.connections={}})),bc={dragWrapper:"styles_dragWrapper__1P7RD",debugWrapper:"styles_debugWrapper__2OSbY"};function mc(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,r)}return n}function vc(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?mc(Object(n),!0).forEach((function(t){l(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):mc(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}_(".styles_dragWrapper__1P7RD{\n  z-index: 9999;\n  position: absolute;\n  left: 0px;\n  top: 0px;\n}\n.styles_debugWrapper__2OSbY{\n  display: flex;\n  position: absolute;\n  left: 10px;\n  bottom: 10px;\n  gap: 15px;\n}\n");var yc={},hc=o.a.forwardRef((function(e,t){var n,a=e.comments,i=e.nodes,u=e.nodeTypes,c=void 0===u?{}:u,l=e.portTypes,s=void 0===l?{}:l,p=e.defaultNodes,f=void 0===p?[]:p,m=e.context,y=void 0===m?yc:m,_=e.onChange,g=e.onCommentsChange,x=e.initialScale,O=e.spaceToPan,E=void 0!==O&&O,w=e.hideComments,j=void 0!==w&&w,N=e.disableComments,T=void 0!==N&&N,C=e.disableZoom,P=void 0!==C&&C,S=e.disablePan,D=void 0!==S&&S,k=e.disableFocusCapture,I=void 0!==k&&k,A=e.circularBehavior,R=e.renderNodeHeader,M=e.debug,L=null!==(n=function(e){var t=e||(v?h():null),n=Object(r.useState)(t),o=n[0],a=n[1];return b((function(){null===o&&a(h())}),[]),Object(r.useEffect)((function(){!1===v&&(v=!0)}),[]),null!=o?String(o):void 0}())&&void 0!==n?n:"",z=o.a.useRef(new fc),B=o.a.useRef(),W=d(o.a.useState(),2),q=W[0],F=W[1],V=d(o.a.useReducer(yi,[]),2),H=V[0],Y=V[1],X=d(o.a.useReducer(function(e,t,n){return function(r,o){return e(r,o,t,n)}}(Pi,{nodeTypes:c,portTypes:s,cache:z,circularBehavior:A,context:y},F),{},(function(){return function(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:[],n=arguments.length>2?arguments[2]:void 0,r=arguments.length>3?arguments[3]:void 0,o=arguments.length>4?arguments[4]:void 0,a=Ti(e,n,r,o);return xi(xi({},a),t.reduce((function(t,a,i){return!Object.values(e).find((function(e){return e.type===a.type}))&&(t=Pi(t,{type:vi.ADD_NODE,id:"default-".concat(i),defaultNode:!0,x:a.x||0,y:a.y||0,nodeType:a.type},{nodeTypes:n,portTypes:r,context:o})),t}),{}))}(i,f,c,s,y)})),2),K=X[0],U=X[1],J=d(o.a.useReducer(Mi,a||{}),2),Q=J[0],G=J[1];o.a.useEffect((function(){U({type:vi.HYDRATE_DEFAULT_NODES})}),[]);var $=d(o.a.useState(!0),2),Z=$[0],ee=$[1],te=d(o.a.useReducer(Bi,{scale:"number"==typeof x?Ee(x,.1,7):1,translate:{x:0,y:0}}),2),ne=te[0],re=te[1],oe=o.a.useCallback((function(){fi(K,ne,L)}),[K,L,ne]),ae=o.a.useCallback((function(){var e;B.current=null===(e=document.getElementById("".concat(Ya).concat(L)))||void 0===e?void 0:e.getBoundingClientRect()}),[L]);o.a.useLayoutEffect((function(){Z&&(oe(),ee(!1))}),[Z,oe]);var ie=o.a.useCallback((function(){ee(!0)}),[]);o.a.useImperativeHandle(t,(function(){return{getNodes:function(){return K},getComments:function(){return Q}}}));var ue=_u(K);o.a.useEffect((function(){ue&&_&&K!==ue&&_(K)}),[K,ue,_]);var ce=_u(Q);return o.a.useEffect((function(){ce&&g&&Q!==ce&&g(Q)}),[Q,ce,g]),o.a.useEffect((function(){q&&(Y(q),F(void 0))}),[q]),o.a.createElement(Ce.Provider,{value:s},o.a.createElement(Te.Provider,{value:c},o.a.createElement(Pe.Provider,{value:U},o.a.createElement(Se.Provider,{value:ie},o.a.createElement(De.Provider,{value:y},o.a.createElement(ke.Provider,{value:ne},o.a.createElement(Ie.Provider,{value:z},o.a.createElement(Re.Provider,{value:L},o.a.createElement(Ae.Provider,{value:ae},o.a.createElement(Wi,{editorId:L,scale:ne.scale,translate:ne.translate,spaceToPan:E,disablePan:D,disableZoom:P,dispatchStageState:re,dispatchComments:G,disableComments:T||j,disableFocusCapture:I,stageRef:B,numNodes:Object.keys(K).length,outerStageChildren:o.a.createElement(o.a.Fragment,null,M&&o.a.createElement("div",{className:bc.debugWrapper},o.a.createElement("button",{className:bc.debugButton,onClick:function(){return console.log(K)}},"Log Nodes"),o.a.createElement("button",{className:bc.debugButton,onClick:function(){return console.log(JSON.stringify(K))}},"Export Nodes"),o.a.createElement("button",{className:bc.debugButton,onClick:function(){return console.log(Q)}},"Log Comments")),o.a.createElement(lc,{toasts:H,dispatchToasts:Y}))},!j&&Object.values(Q).map((function(e){return o.a.createElement(tc,vc(vc({},e),{},{stageRect:B,dispatch:G,onDragStart:ae,key:e.id}))})),Object.values(K).map((function(e){return o.a.createElement(ku,vc(vc({},e),{},{stageRect:B,onDragStart:ae,renderNodeHeader:R,key:e.id}))})),o.a.createElement(dc,{editorId:L}),o.a.createElement("div",{className:bc.dragWrapper,id:"".concat("__node_editor_drag_connection__").concat(L)})))))))))))}));function _c(e,t){return(_c=Object.setPrototypeOf||function(e,t){return e.__proto__=t,e})(e,t)}function gc(e,t){if(t&&("object"===Xa(t)||"function"==typeof t))return t;if(void 0!==t)throw new TypeError("Derived constructors may only return object or undefined");return function(e){if(void 0===e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return e}(e)}function xc(e){return(xc=Object.setPrototypeOf?Object.getPrototypeOf:function(e){return e.__proto__||Object.getPrototypeOf(e)})(e)}function Oc(){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(e){return!1}}function Ec(e,t,n){return(Ec=Oc()?Reflect.construct:function(e,t,n){var r=[null];r.push.apply(r,t);var o=new(Function.bind.apply(e,r));return n&&_c(o,n.prototype),o}).apply(null,arguments)}function wc(e){var t="function"==typeof Map?new Map:void 0;return(wc=function(e){if(null===e||(n=e,-1===Function.toString.call(n).indexOf("[native code]")))return e;var n;if("function"!=typeof e)throw new TypeError("Super expression must either be null or a function");if(void 0!==t){if(t.has(e))return t.get(e);t.set(e,r)}function r(){return Ec(e,arguments,xc(this).constructor)}return r.prototype=Object.create(e.prototype,{constructor:{value:r,enumerable:!1,writable:!0,configurable:!0}}),_c(r,e)})(e)}function jc(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,r)}return n}function Nc(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?jc(Object(n),!0).forEach((function(t){l(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):jc(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}function Tc(e){var t=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(e){return!1}}();return function(){var n,r=xc(e);if(t){var o=xc(this).constructor;n=Reflect.construct(r,arguments,o)}else n=r.apply(this,arguments);return gc(this,n)}}var Cc=function(e){!function(e,t){if("function"!=typeof t&&null!==t)throw new TypeError("Super expression must either be null or a function");e.prototype=Object.create(t&&t.prototype,{constructor:{value:e,writable:!0,configurable:!0}}),t&&_c(e,t)}(n,e);var t=Tc(n);function n(e,r){var o;return qu(this,n),(o=t.call(this,e)).code=r,o}return Vu(n)}(wc(Error));l(Cc,"maxLoopsExceeded",1);var Pc=function(){function e(t,n,r){var o=this;qu(this,e),l(this,"resetLoops",(function(e){o.maxLoops=void 0!==e?e:1e3,o.loops=0})),l(this,"checkLoops",(function(){if(o.maxLoops>=0&&o.loops>o.maxLoops)throw new Cc("Max loop count exceeded.",Cc.maxLoopsExceeded);o.loops++})),l(this,"getRootNode",(function(e){var t=Object.values(e).filter((function(e){return e.root}));if(t.length>1)throw new Error("The root engine must not be called with more than one root node.");return t[0]})),l(this,"reduceRootInputs",(function(e,t){return Object.entries(e).reduce((function(e,n){var r=d(n,2),o=r[0],a=r[1],i=t(o,a);return e[i.name]=i.value,e}),{})})),l(this,"resolveInputValues",(function(e,t,n,r){var a=t.inputs;return"function"==typeof a&&(a=a(e.inputData,e.connections,r)),a.reduce((function(t,a){var i=e.connections.inputs[a.name]||[];return i.length>0?t[a.name]=o.getValueOfConnection(i[0],n,r):t[a.name]=o.resolveInputControls(a.type,e.inputData[a.name]||{},r),t}),{})})),l(this,"getValueOfConnection",(function(e,t,n){o.checkLoops();var r=t[e.nodeId],a=o.config.nodeTypes[r.type],i=o.resolveInputValues(r,a,t,n);return o.fireNodeFunction(r,i,a,n)[e.portName]})),this.config=t,this.fireNodeFunction=r,this.resolveInputControls=n,this.loops=0,this.maxLoops=1e3}return Vu(e,[{key:"resolveRootNode",value:function(e,t){var n=this,r=null!=t?t:{},o=r.rootNodeId?e[r.rootNodeId]:this.getRootNode(e);if(o){var a=this.config.nodeTypes[o.type].inputs;"function"==typeof a&&(a=a(o.inputData,o.connections,r.context));var i=a.reduce((function(e,t){return e[t.name]=n.resolveInputControls(t.type,o.inputData[t.name]||{},r.context),e}),{}),u=this.reduceRootInputs(o.connections.inputs,(function(t,o){var a;n.resetLoops(r.maxLoops);try{a=n.getValueOfConnection(o[0],e,r.context)}catch(u){var i=u;i.code===Cc.maxLoopsExceeded?console.error("".concat(i.message," Circular nodes detected in ").concat(t," port.")):console.error(u)}finally{return{name:t,value:a}}}));return r.onlyResolveConnected?u:Nc(Nc({},i),u)}return console.error("A root node was not found. The Root Engine requires that exactly one node be marked as the root node."),{}}}]),e}();function Sc(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,r)}return n}function Dc(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?Sc(Object(n),!0).forEach((function(t){l(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):Sc(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}var kc=function(e,t,n,r){return Object.keys(e).length?t.resolveRootNode(e,Dc(Dc({},r),{},{context:n})):{}}}).call(this,n(39))}}]);