@linkdlab/funcnodes_react_flow 0.1.5 → 0.2.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (118) hide show
  1. package/dist/css/style.css +41 -33
  2. package/dist/esm/index.esm.js +4724 -0
  3. package/dist/types/frontend/datarenderer/data_renderer_overlay.d.ts +7 -0
  4. package/dist/types/frontend/datarenderer/data_renderer_overlay.d.ts.map +1 -0
  5. package/dist/types/frontend/datarenderer/data_renderer_preview.d.ts +7 -0
  6. package/dist/types/frontend/datarenderer/data_renderer_preview.d.ts.map +1 -0
  7. package/dist/{frontend → types/frontend}/datarenderer/default_preview_renderer.d.ts +19 -15
  8. package/dist/types/frontend/datarenderer/default_preview_renderer.d.ts.map +1 -0
  9. package/dist/{frontend → types/frontend}/datarenderer/images.d.ts +15 -11
  10. package/dist/types/frontend/datarenderer/images.d.ts.map +1 -0
  11. package/dist/{frontend → types/frontend}/datarenderer/index.d.ts +17 -16
  12. package/dist/types/frontend/datarenderer/index.d.ts.map +1 -0
  13. package/dist/{frontend → types/frontend}/datarenderer/rendermappings.d.ts +123 -111
  14. package/dist/types/frontend/datarenderer/rendermappings.d.ts.map +1 -0
  15. package/dist/{frontend → types/frontend}/dialog.d.ts +19 -18
  16. package/dist/types/frontend/dialog.d.ts.map +1 -0
  17. package/dist/{frontend → types/frontend}/edge.d.ts +6 -5
  18. package/dist/types/frontend/edge.d.ts.map +1 -0
  19. package/dist/{frontend → types/frontend}/funcnodesreactflow/index.d.ts +7 -6
  20. package/dist/types/frontend/funcnodesreactflow/index.d.ts.map +1 -0
  21. package/dist/{frontend → types/frontend}/funcnodesreactflow/react_flow_layer.d.ts +6 -5
  22. package/dist/types/frontend/funcnodesreactflow/react_flow_layer.d.ts.map +1 -0
  23. package/dist/types/frontend/header/index.d.ts +6 -0
  24. package/dist/types/frontend/header/index.d.ts.map +1 -0
  25. package/dist/{frontend → types/frontend}/index.d.ts +4 -3
  26. package/dist/types/frontend/index.d.ts.map +1 -0
  27. package/dist/{frontend → types/frontend}/lib.d.ts +11 -10
  28. package/dist/types/frontend/lib.d.ts.map +1 -0
  29. package/dist/types/frontend/node/body_data_renderer.d.ts +12 -0
  30. package/dist/types/frontend/node/body_data_renderer.d.ts.map +1 -0
  31. package/dist/{frontend → types/frontend}/node/index.d.ts +3 -2
  32. package/dist/types/frontend/node/index.d.ts.map +1 -0
  33. package/dist/{frontend → types/frontend}/node/io/default_input_renderer.d.ts +12 -11
  34. package/dist/types/frontend/node/io/default_input_renderer.d.ts.map +1 -0
  35. package/dist/{frontend → types/frontend}/node/io/default_output_render.d.ts +7 -6
  36. package/dist/types/frontend/node/io/default_output_render.d.ts.map +1 -0
  37. package/dist/types/frontend/node/io/handle_renderer.d.ts +12 -0
  38. package/dist/types/frontend/node/io/handle_renderer.d.ts.map +1 -0
  39. package/dist/{frontend → types/frontend}/node/io/index.d.ts +4 -3
  40. package/dist/types/frontend/node/io/index.d.ts.map +1 -0
  41. package/dist/{frontend → types/frontend}/node/io/io.d.ts +17 -16
  42. package/dist/types/frontend/node/io/io.d.ts.map +1 -0
  43. package/dist/{frontend → types/frontend}/node/io/nodeinput.d.ts +7 -6
  44. package/dist/types/frontend/node/io/nodeinput.d.ts.map +1 -0
  45. package/dist/{frontend → types/frontend}/node/io/nodeoutput.d.ts +7 -6
  46. package/dist/types/frontend/node/io/nodeoutput.d.ts.map +1 -0
  47. package/dist/{frontend → types/frontend}/node/node.d.ts +21 -20
  48. package/dist/types/frontend/node/node.d.ts.map +1 -0
  49. package/dist/{frontend → types/frontend}/utils/colorpicker.d.ts +22 -21
  50. package/dist/types/frontend/utils/colorpicker.d.ts.map +1 -0
  51. package/dist/{frontend → types/frontend}/utils/jsondata.d.ts +7 -6
  52. package/dist/types/frontend/utils/jsondata.d.ts.map +1 -0
  53. package/dist/{frontend → types/frontend}/utils/select.d.ts +15 -14
  54. package/dist/types/frontend/utils/select.d.ts.map +1 -0
  55. package/dist/{frontend → types/frontend}/utils/table.d.ts +12 -11
  56. package/dist/types/frontend/utils/table.d.ts.map +1 -0
  57. package/dist/{funcnodes → types/funcnodes}/funcnodesworker.d.ts +88 -81
  58. package/dist/types/funcnodes/funcnodesworker.d.ts.map +1 -0
  59. package/dist/{funcnodes → types/funcnodes}/index.d.ts +5 -4
  60. package/dist/types/funcnodes/index.d.ts.map +1 -0
  61. package/dist/{funcnodes → types/funcnodes}/websocketworker.d.ts +28 -27
  62. package/dist/types/funcnodes/websocketworker.d.ts.map +1 -0
  63. package/dist/{funcnodes → types/funcnodes}/workermanager.d.ts +33 -32
  64. package/dist/types/funcnodes/workermanager.d.ts.map +1 -0
  65. package/dist/{index.d.ts → types/index.d.ts} +8 -7
  66. package/dist/types/index.d.ts.map +1 -0
  67. package/dist/{plugin → types/plugin}/index.d.ts +7 -6
  68. package/dist/types/plugin/index.d.ts.map +1 -0
  69. package/dist/{plugin → types/plugin}/rendenderer.d.ts +21 -20
  70. package/dist/types/plugin/rendenderer.d.ts.map +1 -0
  71. package/dist/{states → types/states}/edge.d.ts +8 -7
  72. package/dist/types/states/edge.d.ts.map +1 -0
  73. package/dist/{states → types/states}/edge.t.d.ts +17 -16
  74. package/dist/types/states/edge.t.d.ts.map +1 -0
  75. package/dist/{states → types/states}/fnrfzst.d.ts +11 -10
  76. package/dist/types/states/fnrfzst.d.ts.map +1 -0
  77. package/dist/{states → types/states}/fnrfzst.t.d.ts +115 -106
  78. package/dist/types/states/fnrfzst.t.d.ts.map +1 -0
  79. package/dist/{states → types/states}/index.d.ts +8 -7
  80. package/dist/types/states/index.d.ts.map +1 -0
  81. package/dist/{states → types/states}/lib.d.ts +4 -3
  82. package/dist/types/states/lib.d.ts.map +1 -0
  83. package/dist/{states → types/states}/lib.t.d.ts +39 -38
  84. package/dist/types/states/lib.t.d.ts.map +1 -0
  85. package/dist/{states → types/states}/node.d.ts +6 -5
  86. package/dist/types/states/node.d.ts.map +1 -0
  87. package/dist/{states → types/states}/node.t.d.ts +74 -73
  88. package/dist/types/states/node.t.d.ts.map +1 -0
  89. package/dist/{states → types/states}/nodeio.t.d.ts +68 -67
  90. package/dist/types/states/nodeio.t.d.ts.map +1 -0
  91. package/dist/{states → types/states}/nodespace.d.ts +4 -3
  92. package/dist/types/states/nodespace.d.ts.map +1 -0
  93. package/dist/{states → types/states}/nodespace.t.d.ts +17 -16
  94. package/dist/types/states/nodespace.t.d.ts.map +1 -0
  95. package/dist/{states → types/states}/reactflow.d.ts +9 -8
  96. package/dist/types/states/reactflow.d.ts.map +1 -0
  97. package/dist/{states → types/states}/reactflow.t.d.ts +12 -11
  98. package/dist/types/states/reactflow.t.d.ts.map +1 -0
  99. package/dist/types/{rendering.t.d.ts → types/rendering.t.d.ts} +11 -10
  100. package/dist/types/types/rendering.t.d.ts.map +1 -0
  101. package/dist/{utils → types/utils}/autolayout/force.d.ts +3 -2
  102. package/dist/types/utils/autolayout/force.d.ts.map +1 -0
  103. package/dist/{utils → types/utils}/autolayout/index.d.ts +3 -2
  104. package/dist/types/utils/autolayout/index.d.ts.map +1 -0
  105. package/dist/{utils → types/utils}/index.d.ts +4 -3
  106. package/dist/types/utils/index.d.ts.map +1 -0
  107. package/dist/{utils → types/utils}/objects.d.ts +20 -19
  108. package/dist/types/utils/objects.d.ts.map +1 -0
  109. package/dist/umd/index.umd.js +5265 -0
  110. package/package.json +36 -84
  111. package/README.md +0 -46
  112. package/dist/frontend/datarenderer/data_renderer_overlay.d.ts +0 -6
  113. package/dist/frontend/datarenderer/data_renderer_preview.d.ts +0 -6
  114. package/dist/frontend/datarenderer/plotly.d.ts +0 -10
  115. package/dist/frontend/header/index.d.ts +0 -4
  116. package/dist/frontend/node/body_data_renderer.d.ts +0 -8
  117. package/dist/frontend/node/io/handle_renderer.d.ts +0 -8
  118. package/dist/index.js +0 -870
@@ -1,40 +1,48 @@
1
- /*!****************************************************************************************************************************************************************************************************************************!*\
2
- !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[3].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[3].use[2]!./node_modules/sass-loader/dist/cjs.js!./src/frontend/header/header.scss ***!
3
- \****************************************************************************************************************************************************************************************************************************/
1
+ /*!*******************************************************************************************************************************************************************************************************************************!*\
2
+ !*** css ../node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[3].use[1]!../node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[3].use[2]!../node_modules/sass-loader/dist/cjs.js!./src/frontend/header/header.scss ***!
3
+ \*******************************************************************************************************************************************************************************************************************************/
4
4
  .funcnodesreactflowheader{display:flex;flex-direction:row;height:50px;justify-content:flex-start;left:0;position:relative;top:0}.funcnodesreactflowheader .headerelement{align-items:center;display:flex;height:100%;margin:4px;position:relative;white-space:nowrap}.funcnodesreactflowheader .statusbar{background-color:var(--funcnodesbackground2);border-radius:.5rem;display:inline-block;height:1.5rem;margin:2px 4px 0;overflow:hidden;position:relative;width:250px}.funcnodesreactflowheader .statusbar-progressbar{background-color:var(--funheadercolor);display:inline-block;height:100%;left:0;position:absolute;top:0;width:0}.funcnodesreactflowheader .statusbar-message{color:var(--funheadercolor);font-size:.8rem;left:0;mix-blend-mode:difference;position:relative;top:0}
5
- /*!*********************************************************************************************************************************************************************************************************************!*\
6
- !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[3].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[3].use[2]!./node_modules/sass-loader/dist/cjs.js!./src/frontend/dialog.scss ***!
7
- \*********************************************************************************************************************************************************************************************************************/
8
- .dialogoverlay{animation:overlayShow .15s cubic-bezier(.16,1,.3,1);background-color:#00000080;inset:0;position:fixed}.dialogconent{animation:contentShow .15s cubic-bezier(.16,1,.3,1);background-color:var(--funcnodesbackground1);border:1px solid var(--funheadercolor);border-radius:6px;box-shadow:var(--funheadercolor) 0 10px 38px -10px,var(--funheadercolor) 0 10px 20px -15px;color:var(--funcnodestextcolor1);display:flex;flex-direction:column;left:50%;max-height:85vh;max-width:85vh;padding:25px;position:fixed;top:50%;transform:translate(-50%,-50%);width:90vw}.dialogtitle{color:var(--funheadercolor);font-size:17px;font-weight:500;margin:0}.dialogdescription{font-size:15px;line-height:1.5;margin:10px 0 20px}.dialogclosebutton{align-items:center;background-color:inherit;border:none;border-radius:100%;color:var(--funheadercolor);display:inline-flex;height:25px;justify-content:center;position:absolute;right:10px;top:10px;width:25px}.dialogclosebutton:hover{background-color:var(--funheadercolor);color:var(--funcnodesbackground1)}.dialogclosebutton:active{background-color:var(--funheadercolor);color:var(--funcnodestextcolor1)}.dialogsendbutton{background-color:var(--funcnodesbackground1);border:1px solid var(--funheadercolor);border-radius:99rem;color:var(--funheadercolor);cursor:pointer;font-size:15px;margin-top:20px;padding:10px 20px}.dialogsendbutton:hover{background-color:var(--funheadercolor);color:var(--funcnodesbackground1)}.dialogsendbutton:active{background-color:var(--funheadercolor);color:var(--funcnodestextcolor1)}.dialogchildren{margin-top:20px;overflow:auto}
9
- /*!******************************************************************************************************************************************************************************************************************!*\
10
- !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[3].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[3].use[2]!./node_modules/sass-loader/dist/cjs.js!./src/frontend/lib.scss ***!
11
- \******************************************************************************************************************************************************************************************************************/
12
- :root{--expandtime:0.3s;--libnodebgcolor:#48465f;--libnodebgcolor_hover:#6a6698}.libcontainer{border-radius:.5rem;box-sizing:border-box;height:100%;left:0;top:0}.libcontainer,.library{display:flex;flex-direction:column;padding:.5rem}.library{background-color:var(--funcnodesbackground2);border-radius:var(--containerboarderradius);flex-grow:1;overflow:hidden;width:15rem}.library .libtitle{color:var(--funheadercolor);font-size:1rem;font-weight:700}.library hr{width:100%}.library hr.hr_prominent{border:.5px solid var(--funheadercolor)}.addlib{background-color:var(--funcnodesbackground2);border-radius:var(--containerboarderradius);padding:.5rem}.addlib button{background-color:var(--funcnodesbackground1);border:0;border-radius:.5rem;color:var(--funheadercolor);cursor:pointer;font-size:1rem;padding:.5rem;width:100%}.addlib button:hover{background-color:var(--funheadercolor);color:var(--funcnodesbackground1)}.addlib button:active,.addlib button[disabled]{background-color:var(--funcnodesbackground1);color:var(--funcnodestextcolor1)}.addlib button[disabled]{cursor:not-allowed}.libfilter{background-color:#0000001a;display:flex;flex-direction:row;padding:.2rem;width:100%}.libfilter:focus-within{border:1px solid var(--funheadercolor)}.libfilter input{background-color:initial;border:0;color:var(--funcnodestextcolor1);flex-grow:1}.libfilter input:focus{outline:none}.libnodecontainer{display:grid;transition:grid-template-rows var(--expandtime) ease-out}.libnodecontainer.close{grid-template-rows:0fr}.libnodecontainer.open{grid-template-rows:1fr}.libnodecontainer_inner{overflow:hidden;padding-left:10px;transition:opacity var(--expandtime) ease-out}.libnodecontainer.close .libnodecontainer_inner{opacity:.2}.libnodecontainer.open .libnodecontainer_inner{opacity:1}.shelfcontainer{display:flex;flex-direction:column;padding-bottom:.2rem;padding-top:.2rem}.shelfcontainer .shelftitle{color:var(--funheadercolor);display:flex;font-size:.8rem;opacity:.8}.shelfcontainer .shelftitle_text{flex-grow:1}.libnodeentry{background-color:var(--libnodebgcolor);border:1px solid var(--libnodebgcolor);border-radius:10px;box-shadow:-.2rem 0 #004cff;box-sizing:border-box;cursor:pointer;font-size:.8rem;margin-bottom:.2rem;padding:.1rem;transition:border .2s ease-in-out}.libnodeentry:hover{background-color:var(--libnodebgcolor_hover);border:1px solid #004cff}.expandicon{transform:rotate(0deg);transition:transform var(--expandtime) ease-out}.expandicon.close{transform:rotate(180deg)}
13
5
  /*!************************************************************************************************************************************************************************************************************************!*\
14
- !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[3].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[3].use[2]!./node_modules/sass-loader/dist/cjs.js!./src/frontend/node/node.scss ***!
6
+ !*** css ../node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[3].use[1]!../node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[3].use[2]!../node_modules/sass-loader/dist/cjs.js!./src/frontend/dialog.scss ***!
15
7
  \************************************************************************************************************************************************************************************************************************/
16
- :root{--node_border_radius:5px;--handle_outer_radius:4px;--handle_inner_radius:2px;--handle_width:10;--handle_width_hover:15;--handle_overlap:3;--nodeinput_margin:2;--nodeio_shift:calc(var(--handle_overlap) - var(--nodeinput_margin));--handle_source_color:#02cff7;--handle_target_color:#089bfd;--node_background:#3e34a2;--node_header_color:#201b55}.react-flow__node{background-clip:content-box;background-color:var(--node_background);border:2px solid #fff0;border-radius:var(--node_border_radius);box-sizing:initial;color:#f0f8ff;display:flex;flex-direction:column;font-size:.5rem;max-width:200px;min-width:100px;padding:0;transform:-50%,-50%;width:auto}.react-flow__node.selected{border-color:#fff9}.react-flow__node *{box-sizing:border-box}.react-flow__handle{border-radius:0;height:calc(100% - 4px);transition:left .2s ease-in-out,right .2s ease-in-out,width .2s ease-in-out;width:calc(var(--handle_width)*1px)}.react-flow__handle:hover{width:calc(var(--handle_width_hover)*1px)}.react-flow__handle.source{background-color:var(--handle_source_color)}.react-flow__handle.target{background-color:var(--handle_target_color)}.react-flow__handle-left{border-radius:var(--handle_outer_radius) var(--handle_inner_radius) var(--handle_inner_radius) var(--handle_outer_radius);left:calc((var(--nodeio_shift) - var(--handle_width))*1px)}.react-flow__handle-left:hover{left:calc((var(--nodeio_shift) - var(--handle_width_hover))*1px)}.react-flow__handle-right{border-radius:var(--handle_inner_radius) var(--handle_outer_radius) var(--handle_outer_radius) var(--handle_inner_radius);right:calc((var(--nodeio_shift) - var(--handle_width))*1px)}.react-flow__handle-right:hover{right:calc((var(--nodeio_shift) - var(--handle_width_hover))*1px)}.react-flow__handle-top{border-radius:var(--handle_outer_radius) var(--handle_outer_radius) var(--handle_inner_radius) var(--handle_inner_radius)}.react-flow__handle-bottom{border-radius:var(--handle_inner_radius) var(--handle_inner_radius) var(--handle_outer_radius) var(--handle_outer_radius)}.innernode{box-sizing:border-box;display:flex;flex-direction:column;height:100%;width:100%}.innernode.intrigger .nodeheader{background-color:#abb408}.innernode.error .nodeheader{background-color:red}.nodeheader{background-color:var(--node_header_color);border-radius:var(--node_border_radius) var(--node_border_radius) 0 0;box-sizing:border-box;justify-content:space-between;padding:.1rem;width:100%}.nodeheader,.nodeheader_element{align-items:center;display:flex}.nodeheader_title{flex-grow:1;justify-content:center;margin:0 10px}.nodeheader_title,.nodeheader_title_text{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.nodeheader_title_text{max-width:100%}.nodeheader .triggerbutton{cursor:pointer}.nodeheader .triggerbutton:hover{color:#0cc3f5}.nodeheader .triggerbutton:active{color:#075d74}.nodename_input{background:none;border:1px solid #000;border-radius:2px;box-sizing:border-box;color:#fff;font-size:inherit;margin:2px;text-align:center}.nodefooter{background-color:#4e0ba5;border-radius:0 0 var(--node_border_radius) var(--node_border_radius);padding:.1rem;width:100%}.nodefooter:empty{display:none}.nodefooter .nodeerror{background-color:rgba(255,0,0,.459);border:1px solid red;border-radius:2px;padding:.25rem}.nodebody{flex-grow:1}.nodedatabody{overflow:auto}.noderesizecontrol{background:#0000!important;border:none!important;font-size:.5rem}.noderesizeicon{bottom:4px;font-size:.5rem;position:absolute;right:4px}.nodeinput,.nodeio,.nodeoutput{background-color:inherit;border:1px solid hsla(0,0%,100%,.533);border-radius:3px;box-sizing:border-box;display:flex;flex-direction:row;margin-bottom:.1rem;margin-left:calc(var(--nodeinput_margin)*1px);margin-right:calc(var(--nodeinput_margin)*1px);margin-top:.1rem;padding:.1rem;position:relative;width:auto}.iovaluefield{align-items:start;display:flex;flex-grow:1;flex-shrink:1;justify-content:start;line-break:anywhere;margin:.2rem;overflow:hidden}.iovaluefield>input{width:100%}.nodeinput>.iovaluefield{overflow:visible}.ioname{color:inherit;flex-grow:1;flex-shrink:1;margin:.2rem;min-width:2rem;overflow:hidden}.nodeinput .ioname{text-align:left}.nodeoutput .ioname{text-align:right}input.nodedatainput:focus{outline:none}.nodedatainput.styleddropdown,.nodedatastyledelement,input.nodedatainput.styledinput{background-color:var(--node_header_color);font-size:.5rem;height:1.5rem}.nodedatainput.styleddropdown:disabled,.nodedatastyledelement:disabled,input.nodedatainput.styledinput:disabled{opacity:.5}.nodedatainput.styleddropdown,input.nodedatainput.styledinput{width:100%}
17
- /*!*************************************************************************************************************************************************************************************************************************!*\
18
- !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[3].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[3].use[2]!./node_modules/sass-loader/dist/cjs.js!./src/frontend/node/io/io.scss ***!
19
- \*************************************************************************************************************************************************************************************************************************/
20
- s slideUpAndFade from{opacity:0;transform:translateY(2px)}s slideUpAndFade to{opacity:1;transform:translateY(0)}@keyframes slideRightAndFade{0%{opacity:0;transform:translateX(-2px)}to{opacity:1;transform:translateX(0)}}@keyframes slideDownAndFade{0%{opacity:0;transform:translateY(-2px)}to{opacity:1;transform:translateY(0)}}@keyframes slideLeftAndFade{0%{opacity:0;transform:translateX(2px)}to{opacity:1;transform:translateX(0)}}.iotooltipcontent{background-color:#f9f9f9;border:1px solid #fff;border-radius:5px;box-shadow:0 10px 38px -10px #0e121659,0 10px 20px -15px #0e121633;color:#333;cursor:default;display:flex;flex-direction:column;font-size:10px;max-height:40vh;max-width:40vw;overflow:auto;padding:10px}.iotooltipcontent.fullsize{max-height:100vh;max-width:100vw;position:fixed;top:0}.iotooltipcontent[data-state=delayed-open][data-side=top]{animation-name:slideDownAndFade}.iotooltipcontent[data-state=delayed-open][data-side=right]{animation-name:slideLeftAndFade}.iotooltipcontent[data-state=delayed-open][data-side=bottom]{animation-name:slideUpAndFade}.iotooltipcontent[data-state=delayed-open][data-side=left]{animation-name:slideRightAndFade}.iotooltip_container{display:flex;flex-direction:column;max-height:inherit;max-width:inherit}.iotooltipcontentarrow{fill:#fff}
21
- /*!********************************************************************************************************************************************************************************************************************************!*\
22
- !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[3].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[3].use[2]!./node_modules/sass-loader/dist/cjs.js!./src/frontend/utils/colorpicker.scss ***!
23
- \********************************************************************************************************************************************************************************************************************************/
24
- .colorspace{display:grid;grid-template-columns:auto minmax(0,1fr);margin:.2rem}.colorspace_title{font-size:.7em;font-weight:700}.colorspace label{font-size:.7rem}.colorspace input{font-size:.7rem;max-height:.7rem}.colorspace input[type=range]{-webkit-appearance:none;background-color:#666;border-radius:5px;height:.7rem;margin:0;padding:0;width:100%}.colorspace input[type=range]::-moz-range-thumb,.colorspace input[type=range]::-webkit-range-thumb,.colorspace input[type=range]::-webkit-slider-thumb{background-color:#cc1c1c;border-radius:50%;cursor:pointer;height:.7rem;width:.7rem}
8
+ .dialogoverlay{animation:overlayShow .15s cubic-bezier(.16,1,.3,1);background-color:rgba(0,0,0,.5);inset:0;position:fixed}.dialogconent{animation:contentShow .15s cubic-bezier(.16,1,.3,1);background-color:var(--funcnodesbackground1);border:1px solid var(--funheadercolor);border-radius:6px;box-shadow:var(--funheadercolor) 0 10px 38px -10px,var(--funheadercolor) 0 10px 20px -15px;color:var(--funcnodestextcolor1);display:flex;flex-direction:column;left:50%;max-height:85vh;max-width:85vh;padding:25px;position:fixed;top:50%;transform:translate(-50%,-50%);width:90vw}.dialogtitle{color:var(--funheadercolor);font-size:17px;font-weight:500;margin:0}.dialogdescription{font-size:15px;line-height:1.5;margin:10px 0 20px}.dialogclosebutton{align-items:center;background-color:inherit;border:none;border-radius:100%;color:var(--funheadercolor);display:inline-flex;height:25px;justify-content:center;position:absolute;right:10px;top:10px;width:25px}.dialogclosebutton:hover{background-color:var(--funheadercolor);color:var(--funcnodesbackground1)}.dialogclosebutton:active{background-color:var(--funheadercolor);color:var(--funcnodestextcolor1)}.dialogsendbutton{background-color:var(--funcnodesbackground1);border:1px solid var(--funheadercolor);border-radius:99rem;color:var(--funheadercolor);cursor:pointer;font-size:15px;margin-top:20px;padding:10px 20px}.dialogsendbutton:hover{background-color:var(--funheadercolor);color:var(--funcnodesbackground1)}.dialogsendbutton:active{background-color:var(--funheadercolor);color:var(--funcnodestextcolor1)}.dialogchildren{margin-top:20px;overflow:auto}
9
+ /*!*********************************************************************************************************************************************************************************************************************!*\
10
+ !*** css ../node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[3].use[1]!../node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[3].use[2]!../node_modules/sass-loader/dist/cjs.js!./src/frontend/lib.scss ***!
11
+ \*********************************************************************************************************************************************************************************************************************/
12
+ :root{--expandtime:0.3s;--libnodebgcolor:#48465f;--libnodebgcolor_hover:#6a6698}.libcontainer{border-radius:.5rem;box-sizing:border-box;height:100%;left:0;top:0}.libcontainer,.library{display:flex;flex-direction:column;padding:.5rem}.library{background-color:var(--funcnodesbackground2);border-radius:var(--containerboarderradius);flex-grow:1;overflow:hidden;width:15rem}.library .libtitle{color:var(--funheadercolor);font-size:1rem;font-weight:700}.library hr{width:100%}.library hr.hr_prominent{border:.5px solid var(--funheadercolor)}.addlib{background-color:var(--funcnodesbackground2);border-radius:var(--containerboarderradius);padding:.5rem}.addlib button{background-color:var(--funcnodesbackground1);border:0;border-radius:.5rem;color:var(--funheadercolor);cursor:pointer;font-size:1rem;padding:.5rem;width:100%}.addlib button:hover{background-color:var(--funheadercolor);color:var(--funcnodesbackground1)}.addlib button:active,.addlib button[disabled]{background-color:var(--funcnodesbackground1);color:var(--funcnodestextcolor1)}.addlib button[disabled]{cursor:not-allowed}.libfilter{background-color:rgba(0,0,0,.1);display:flex;flex-direction:row;padding:.2rem;width:100%}.libfilter:focus-within{border:1px solid var(--funheadercolor)}.libfilter input{background-color:transparent;border:0;color:var(--funcnodestextcolor1);flex-grow:1}.libfilter input:focus{outline:none}.libnodecontainer{display:grid;transition:grid-template-rows var(--expandtime) ease-out}.libnodecontainer.close{grid-template-rows:0fr}.libnodecontainer.open{grid-template-rows:1fr}.libnodecontainer_inner{overflow:hidden;padding-left:10px;transition:opacity var(--expandtime) ease-out}.libnodecontainer.close .libnodecontainer_inner{opacity:.2}.libnodecontainer.open .libnodecontainer_inner{opacity:1}.shelfcontainer{display:flex;flex-direction:column;padding-bottom:.2rem;padding-top:.2rem}.shelfcontainer .shelftitle{color:var(--funheadercolor);display:flex;font-size:.8rem;opacity:.8}.shelfcontainer .shelftitle_text{flex-grow:1}.libnodeentry{background-color:var(--libnodebgcolor);border:1px solid var(--libnodebgcolor);border-radius:10px;box-shadow:-.2rem 0 #004cff;box-sizing:border-box;cursor:pointer;font-size:.8rem;margin-bottom:.2rem;padding:.1rem;transition:border .2s ease-in-out}.libnodeentry:hover{background-color:var(--libnodebgcolor_hover);border:1px solid #004cff}.expandicon{transform:rotate(0deg);transition:transform var(--expandtime) ease-out}.expandicon.close{transform:rotate(180deg)}
13
+ /*!**********************************************************************************************************************************************************************************************!*\
14
+ !*** css ../node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[1].use[1]!../node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[1].use[2]!../node_modules/reactflow/dist/style.css ***!
15
+ \**********************************************************************************************************************************************************************************************/
16
+ .react-flow{direction:ltr}.react-flow__container{height:100%;left:0;position:absolute;top:0;width:100%}.react-flow__pane{cursor:grab;z-index:1}.react-flow__pane.selection{cursor:pointer}.react-flow__pane.dragging{cursor:grabbing}.react-flow__viewport{pointer-events:none;transform-origin:0 0;z-index:2}.react-flow__renderer{z-index:4}.react-flow__selection{z-index:6}.react-flow__nodesselection-rect:focus,.react-flow__nodesselection-rect:focus-visible{outline:none}.react-flow .react-flow__edges{overflow:visible;pointer-events:none}.react-flow__connection-path,.react-flow__edge-path{stroke:#b1b1b7;stroke-width:1;fill:none}.react-flow__edge{cursor:pointer;pointer-events:visibleStroke}.react-flow__edge.animated path{stroke-dasharray:5;animation:dashdraw .5s linear infinite}.react-flow__edge.animated path.react-flow__edge-interaction{stroke-dasharray:none;animation:none}.react-flow__edge.inactive{pointer-events:none}.react-flow__edge.selected,.react-flow__edge:focus,.react-flow__edge:focus-visible{outline:none}.react-flow__edge.selected .react-flow__edge-path,.react-flow__edge:focus .react-flow__edge-path,.react-flow__edge:focus-visible .react-flow__edge-path{stroke:#555}.react-flow__edge-textwrapper{pointer-events:all}.react-flow__edge-textbg{fill:#fff}.react-flow__edge .react-flow__edge-text{pointer-events:none;-webkit-user-select:none;-moz-user-select:none;user-select:none}.react-flow__connection{pointer-events:none}.react-flow__connection .animated{stroke-dasharray:5;animation:dashdraw .5s linear infinite}.react-flow__connectionline{z-index:1001}.react-flow__nodes{pointer-events:none;transform-origin:0 0}.react-flow__node{box-sizing:border-box;cursor:grab;pointer-events:all;position:absolute;transform-origin:0 0;-webkit-user-select:none;-moz-user-select:none;user-select:none}.react-flow__node.dragging{cursor:grabbing}.react-flow__nodesselection{pointer-events:none;transform-origin:left top;z-index:3}.react-flow__nodesselection-rect{cursor:grab;pointer-events:all;position:absolute}.react-flow__handle{background:#1a192b;border:1px solid #fff;border-radius:100%;height:6px;min-height:5px;min-width:5px;pointer-events:none;position:absolute;width:6px}.react-flow__handle.connectionindicator{cursor:crosshair;pointer-events:all}.react-flow__handle-bottom{bottom:-4px;left:50%;top:auto;transform:translate(-50%)}.react-flow__handle-top{left:50%;top:-4px;transform:translate(-50%)}.react-flow__handle-left{left:-4px;top:50%;transform:translateY(-50%)}.react-flow__handle-right{right:-4px;top:50%;transform:translateY(-50%)}.react-flow__edgeupdater{cursor:move;pointer-events:all}.react-flow__panel{margin:15px;position:absolute;z-index:5}.react-flow__panel.top{top:0}.react-flow__panel.bottom{bottom:0}.react-flow__panel.left{left:0}.react-flow__panel.right{right:0}.react-flow__panel.center{left:50%;transform:translateX(-50%)}.react-flow__attribution{background:hsla(0,0%,100%,.5);font-size:10px;margin:0;padding:2px 3px}.react-flow__attribution a{color:#999;text-decoration:none}@keyframes dashdraw{0%{stroke-dashoffset:10}}.react-flow__edgelabel-renderer{height:100%;pointer-events:none;position:absolute;-webkit-user-select:none;-moz-user-select:none;user-select:none;width:100%}.react-flow__edge.updating .react-flow__edge-path{stroke:#777}.react-flow__edge-text{font-size:10px}.react-flow__node.selectable:focus,.react-flow__node.selectable:focus-visible{outline:none}.react-flow__node-default,.react-flow__node-group,.react-flow__node-input,.react-flow__node-output{background-color:#fff;border:1px solid #1a192b;border-radius:3px;color:#222;font-size:12px;padding:10px;text-align:center;width:150px}.react-flow__node-default.selectable:hover,.react-flow__node-group.selectable:hover,.react-flow__node-input.selectable:hover,.react-flow__node-output.selectable:hover{box-shadow:0 1px 4px 1px rgba(0,0,0,.08)}.react-flow__node-default.selectable.selected,.react-flow__node-default.selectable:focus,.react-flow__node-default.selectable:focus-visible,.react-flow__node-group.selectable.selected,.react-flow__node-group.selectable:focus,.react-flow__node-group.selectable:focus-visible,.react-flow__node-input.selectable.selected,.react-flow__node-input.selectable:focus,.react-flow__node-input.selectable:focus-visible,.react-flow__node-output.selectable.selected,.react-flow__node-output.selectable:focus,.react-flow__node-output.selectable:focus-visible{box-shadow:0 0 0 .5px #1a192b}.react-flow__node-group{background-color:hsla(0,0%,94%,.25)}.react-flow__nodesselection-rect,.react-flow__selection{background:rgba(0,89,220,.08);border:1px dotted rgba(0,89,220,.8)}.react-flow__nodesselection-rect:focus,.react-flow__nodesselection-rect:focus-visible,.react-flow__selection:focus,.react-flow__selection:focus-visible{outline:none}.react-flow__controls{box-shadow:0 0 2px 1px rgba(0,0,0,.08)}.react-flow__controls-button{align-items:center;background:#fefefe;border:none;border-bottom:1px solid #eee;box-sizing:content-box;cursor:pointer;display:flex;height:16px;justify-content:center;padding:5px;-webkit-user-select:none;-moz-user-select:none;user-select:none;width:16px}.react-flow__controls-button:hover{background:#f4f4f4}.react-flow__controls-button svg{max-height:12px;max-width:12px;width:100%}.react-flow__controls-button:disabled{pointer-events:none}.react-flow__controls-button:disabled svg{fill-opacity:.4}.react-flow__minimap{background-color:#fff}.react-flow__minimap svg{display:block}.react-flow__resize-control{position:absolute}.react-flow__resize-control.left,.react-flow__resize-control.right{cursor:ew-resize}.react-flow__resize-control.bottom,.react-flow__resize-control.top{cursor:ns-resize}.react-flow__resize-control.bottom.right,.react-flow__resize-control.top.left{cursor:nwse-resize}.react-flow__resize-control.bottom.left,.react-flow__resize-control.top.right{cursor:nesw-resize}.react-flow__resize-control.handle{background-color:#3367d9;border:1px solid #fff;border-radius:1px;height:4px;transform:translate(-50%,-50%);width:4px}.react-flow__resize-control.handle.left{left:0;top:50%}.react-flow__resize-control.handle.right{left:100%;top:50%}.react-flow__resize-control.handle.top{left:50%;top:0}.react-flow__resize-control.handle.bottom{left:50%;top:100%}.react-flow__resize-control.handle.bottom.left,.react-flow__resize-control.handle.top.left{left:0}.react-flow__resize-control.handle.bottom.right,.react-flow__resize-control.handle.top.right{left:100%}.react-flow__resize-control.line{border:0 solid #3367d9}.react-flow__resize-control.line.left,.react-flow__resize-control.line.right{height:100%;top:0;transform:translate(-50%);width:1px}.react-flow__resize-control.line.left{border-left-width:1px;left:0}.react-flow__resize-control.line.right{border-right-width:1px;left:100%}.react-flow__resize-control.line.bottom,.react-flow__resize-control.line.top{height:1px;left:0;transform:translateY(-50%);width:100%}.react-flow__resize-control.line.top{border-top-width:1px;top:0}.react-flow__resize-control.line.bottom{border-bottom-width:1px;top:100%}
17
+ /*!*******************************************************************************************************************************************************************************************************************************************************!*\
18
+ !*** css ../node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[3].use[1]!../node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[3].use[2]!../node_modules/sass-loader/dist/cjs.js!./src/frontend/funcnodesreactflow/funcnodesreactflow.scss ***!
19
+ \*******************************************************************************************************************************************************************************************************************************************************/
20
+ .basicstyleelement,.styled-select__menu,.styledbtn,.styledcheckbox,.styleddropdown,.styledinput,.styleelement{background-color:var(--funcnodesbackground1);border:1px solid var(--funheadercolor);border-radius:.75rem;color:var(--funcnodestextcolor1)}.styledbtn,.styledcheckbox,.styleddropdown,.styledinput,.styleelement{height:2rem;padding-left:.5rem;padding-right:.5rem}.styledbtn:hover,.styledcheckbox:hover,.styleddropdown:hover,.styledinput:hover,.styleelement:hover{background-color:var(--funcnodesbackground_light)}.styledbtn:active,.styledcheckbox:active,.styleddropdown:active,.styledinput:active,.styleelement:active{background-color:var(--funheadercolor);color:var(--funcnodesbackground1)}.styledbtn:focus,.styledcheckbox:focus,.styleddropdown:focus,.styledinput:focus,.styleelement:focus{outline:1px solid var(--funheadercolor)}.styleddropdown{padding-right:.25rem}.styledbtn{cursor:pointer}.styledinput :focus{outline:none}input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button{background-color:tr;opacity:.5}.styledcheckbox{accent-color:var(--funheadercolor);height:auto}.styledcheckbox:focus{outline:none}.styledcheckbox:after{background-color:var(--funheadercolor);content:""}.styledcheckbox.checked{background-color:var(--funheadercolor);color:var(--funcnodesbackground1)}.SliderContainer{height:100%;min-height:20px}.SliderContainer,.SliderRoot{align-items:center;display:flex;width:100%}.SliderRoot{height:-moz-fit-content;height:fit-content;position:relative;touch-action:none;-webkit-user-select:none;-moz-user-select:none;user-select:none}.SliderTrack{background-color:var(--funcnodesbackground1);border-radius:9999px;flex-grow:1;height:3px;position:relative}.SliderRange{background-color:var(--funheadercolor);border-radius:9999px;height:100%;position:absolute}.SliderThumb{background-color:#fff;border-radius:10px;box-shadow:0 2px 5px rgba(0,0,0,.333);display:block;height:10px;width:10px}.SliderThumb:hover{background-color:#999}.SliderThumb:focus{box-shadow:0 0 0 5px rgba(0,0,0,.333);outline:none}.styled-select__control{height:100%;min-height:auto}.styled-select__menu-list{height:auto;max-height:200px!important;padding-left:0}.styled-select__menu{margin-left:-.5rem}.styled-select__option:hover{background-color:var(--funcnodesbackground_light)}:root{--funheadercolor:#00d9ff;--funcnodesbackground1:#19192a;--funcnodesbackground2:#2e2c44;--funcnodesbackground_light:#4c4c76;--containerboarderradius:1rem;--funcnodestextcolor1:#fff}.funcnodesreactflowcontainer{background-color:var(--funcnodesbackground1);color:var(--funcnodestextcolor1);display:flex;flex-direction:column;height:100%;position:relative;width:100%}.funcnodesreactflowcontainer *{box-sizing:border-box}.funcnodesreactflowbody{display:flex;flex-direction:row}.funcnodesreactflowbody,.reactflowlayer{flex-grow:1;overflow:hidden;position:relative}.reactflowlayer{background-color:var(--funcnodesbackground2);border-radius:var(--containerboarderradius);margin:.5rem}.vscrollcontainer{box-sizing:border-box;flex-grow:1;overflow-x:hidden;overflow-y:auto;padding:.5rem}.workerselect{max-width:140px}.workerselectoption.selected{color:var(--funcnodestextcolor1)}.workerselectoption.active{color:green}.workerselectoption.inactive{color:red}
25
21
  /*!***************************************************************************************************************************************************************************************************************************!*\
26
- !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[3].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[3].use[2]!./node_modules/sass-loader/dist/cjs.js!./src/frontend/utils/select.scss ***!
22
+ !*** css ../node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[3].use[1]!../node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[3].use[2]!../node_modules/sass-loader/dist/cjs.js!./src/frontend/node/node.scss ***!
27
23
  \***************************************************************************************************************************************************************************************************************************/
24
+ :root{--node_border_radius:5px;--handle_outer_radius:4px;--handle_inner_radius:2px;--handle_width:10;--handle_width_hover:15;--handle_overlap:3;--nodeinput_margin:2;--nodeio_shift:calc(var(--handle_overlap) - var(--nodeinput_margin));--handle_source_color:#02cff7;--handle_target_color:#089bfd;--node_background:#3e34a2;--node_header_color:#201b55}.react-flow__node{background-clip:content-box;background-color:var(--node_background);border:2px solid hsla(0,0%,100%,0);border-radius:var(--node_border_radius);box-sizing:content-box;color:#f0f8ff;display:flex;flex-direction:column;font-size:.5rem;max-width:200px;min-width:100px;padding:0;transform:-50%,-50%;width:auto}.react-flow__node.selected{border-color:hsla(0,0%,100%,.6)}.react-flow__node *{box-sizing:border-box}.react-flow__handle{border-radius:0;height:calc(100% - 4px);transition:left .2s ease-in-out,right .2s ease-in-out,width .2s ease-in-out;width:calc(var(--handle_width)*1px)}.react-flow__handle:hover{width:calc(var(--handle_width_hover)*1px)}.react-flow__handle.source{background-color:var(--handle_source_color)}.react-flow__handle.target{background-color:var(--handle_target_color)}.react-flow__handle-left{border-radius:var(--handle_outer_radius) var(--handle_inner_radius) var(--handle_inner_radius) var(--handle_outer_radius);left:calc((var(--nodeio_shift) - var(--handle_width))*1px)}.react-flow__handle-left:hover{left:calc((var(--nodeio_shift) - var(--handle_width_hover))*1px)}.react-flow__handle-right{border-radius:var(--handle_inner_radius) var(--handle_outer_radius) var(--handle_outer_radius) var(--handle_inner_radius);right:calc((var(--nodeio_shift) - var(--handle_width))*1px)}.react-flow__handle-right:hover{right:calc((var(--nodeio_shift) - var(--handle_width_hover))*1px)}.react-flow__handle-top{border-radius:var(--handle_outer_radius) var(--handle_outer_radius) var(--handle_inner_radius) var(--handle_inner_radius)}.react-flow__handle-bottom{border-radius:var(--handle_inner_radius) var(--handle_inner_radius) var(--handle_outer_radius) var(--handle_outer_radius)}.innernode{box-sizing:border-box;display:flex;flex-direction:column;height:100%;width:100%}.innernode.intrigger .nodeheader{background-color:#abb408}.innernode.error .nodeheader{background-color:red}.nodeheader{background-color:var(--node_header_color);border-radius:var(--node_border_radius) var(--node_border_radius) 0 0;box-sizing:border-box;justify-content:space-between;padding:.1rem;width:100%}.nodeheader,.nodeheader_element{align-items:center;display:flex}.nodeheader_title{flex-grow:1;justify-content:center;margin:0 10px}.nodeheader_title,.nodeheader_title_text{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.nodeheader_title_text{max-width:100%}.nodeheader .triggerbutton{cursor:pointer}.nodeheader .triggerbutton:hover{color:#0cc3f5}.nodeheader .triggerbutton:active{color:#075d74}.nodename_input{background:none;border:1px solid #000;border-radius:2px;box-sizing:border-box;color:#fff;font-size:inherit;margin:2px;text-align:center}.nodefooter{background-color:#4e0ba5;border-radius:0 0 var(--node_border_radius) var(--node_border_radius);padding:.1rem;width:100%}.nodefooter:empty{display:none}.nodefooter .nodeerror{background-color:rgba(255,0,0,.459);border:1px solid red;border-radius:2px;padding:.25rem}.nodebody{flex-grow:1}.nodedatabody{overflow:auto}.noderesizecontrol{background:transparent!important;border:none!important;font-size:.5rem}.noderesizeicon{bottom:4px;font-size:.5rem;position:absolute;right:4px}.nodeinput,.nodeio,.nodeoutput{background-color:inherit;border:1px solid hsla(0,0%,100%,.533);border-radius:3px;box-sizing:border-box;display:flex;flex-direction:row;margin-bottom:.1rem;margin-left:calc(var(--nodeinput_margin)*1px);margin-right:calc(var(--nodeinput_margin)*1px);margin-top:.1rem;padding:.1rem;position:relative;width:auto}.iovaluefield{align-items:start;display:flex;flex-grow:1;flex-shrink:1;justify-content:start;line-break:anywhere;margin:.2rem;overflow:hidden}.iovaluefield>input{width:100%}.nodeinput>.iovaluefield{overflow:visible}.ioname{color:inherit;flex-grow:1;flex-shrink:1;margin:.2rem;min-width:2rem;overflow:hidden}.nodeinput .ioname{text-align:left}.nodeoutput .ioname{text-align:right}input.nodedatainput:focus{outline:none}.nodedatainput.styleddropdown,.nodedatastyledelement,input.nodedatainput.styledinput{background-color:var(--node_header_color);font-size:.5rem;height:1.5rem}.nodedatainput.styleddropdown:disabled,.nodedatastyledelement:disabled,input.nodedatainput.styledinput:disabled{opacity:.5}.nodedatainput.styleddropdown,input.nodedatainput.styledinput{width:100%}
25
+ /*!****************************************************************************************************************************************************************************************************************************!*\
26
+ !*** css ../node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[3].use[1]!../node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[3].use[2]!../node_modules/sass-loader/dist/cjs.js!./src/frontend/node/io/io.scss ***!
27
+ \****************************************************************************************************************************************************************************************************************************/
28
+ s slideUpAndFade from{opacity:0;transform:translateY(2px)}s slideUpAndFade to{opacity:1;transform:translateY(0)}@keyframes slideRightAndFade{0%{opacity:0;transform:translateX(-2px)}to{opacity:1;transform:translateX(0)}}@keyframes slideDownAndFade{0%{opacity:0;transform:translateY(-2px)}to{opacity:1;transform:translateY(0)}}@keyframes slideLeftAndFade{0%{opacity:0;transform:translateX(2px)}to{opacity:1;transform:translateX(0)}}.iotooltipcontent{background-color:#f9f9f9;border:1px solid #fff;border-radius:5px;box-shadow:0 10px 38px -10px rgba(14,18,22,.35),0 10px 20px -15px rgba(14,18,22,.2);color:#333;cursor:default;display:flex;flex-direction:column;font-size:10px;max-height:40vh;max-width:40vw;overflow:auto;padding:10px}.iotooltipcontent.fullsize{max-height:100vh;max-width:100vw;position:fixed;top:0}.iotooltipcontent[data-state=delayed-open][data-side=top]{animation-name:slideDownAndFade}.iotooltipcontent[data-state=delayed-open][data-side=right]{animation-name:slideLeftAndFade}.iotooltipcontent[data-state=delayed-open][data-side=bottom]{animation-name:slideUpAndFade}.iotooltipcontent[data-state=delayed-open][data-side=left]{animation-name:slideRightAndFade}.iotooltip_container{display:flex;flex-direction:column;max-height:inherit;max-width:inherit}.iotooltipcontentarrow{fill:#fff}
29
+ /*!***********************************************************************************************************************************************************************************************************************************!*\
30
+ !*** css ../node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[3].use[1]!../node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[3].use[2]!../node_modules/sass-loader/dist/cjs.js!./src/frontend/utils/colorpicker.scss ***!
31
+ \***********************************************************************************************************************************************************************************************************************************/
32
+ .colorspace{display:grid;grid-template-columns:auto minmax(0,1fr);margin:.2rem}.colorspace_title{font-size:.7em;font-weight:700}.colorspace label{font-size:.7rem}.colorspace input{font-size:.7rem;max-height:.7rem}.colorspace input[type=range]{-webkit-appearance:none;background-color:#666;border-radius:5px;height:.7rem;margin:0;padding:0;width:100%}.colorspace input[type=range]::-moz-range-thumb,.colorspace input[type=range]::-webkit-range-thumb,.colorspace input[type=range]::-webkit-slider-thumb{background-color:#cc1c1c;border-radius:50%;cursor:pointer;height:.7rem;width:.7rem}
33
+ /*!******************************************************************************************************************************************************************************************************************************!*\
34
+ !*** css ../node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[3].use[1]!../node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[3].use[2]!../node_modules/sass-loader/dist/cjs.js!./src/frontend/utils/select.scss ***!
35
+ \******************************************************************************************************************************************************************************************************************************/
28
36
  .styled-select__control{height:100%;min-height:auto;min-width:10px}.styled-select__menu-list{max-height:200px}.styled-select__single-value{text-align:start}.styled-select__option{padding:2px 5px;text-align:start}.styled-select__option:hover{cursor:pointer}
29
- /*!**************************************************************************************************************************************************************************************************************************!*\
30
- !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[3].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[3].use[2]!./node_modules/sass-loader/dist/cjs.js!./src/frontend/utils/table.scss ***!
31
- \**************************************************************************************************************************************************************************************************************************/
32
- .tablecontainer{background-color:#fff;overflow:auto}.tableHead{background-color:var(--funcnodesbackground1);color:var(--funheadercolor)!important;font-weight:700!important}.tableheadercolor{color:inherit!important}.indexcol,.tableheadercolor{font-family:inherit!important;font-weight:inherit!important}.indexcol{background-color:var(--funcnodesbackground2);color:var(--funheadercolor)!important}
33
- /*!*******************************************************************************************************************************************************************************************************************!*\
34
- !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[3].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[3].use[2]!./node_modules/sass-loader/dist/cjs.js!./src/frontend/edge.scss ***!
35
- \*******************************************************************************************************************************************************************************************************************/
37
+ /*!*********************************************************************************************************************************************************************************************************!*\
38
+ !*** css ../node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[1].use[1]!../node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[1].use[2]!../node_modules/react-json-view-lite/dist/index.css ***!
39
+ \*********************************************************************************************************************************************************************************************************/
40
+ ._GzYRV{line-height:1.2;white-space:pre-wrap;white-space:-moz-pre-wrap;white-space:-pre-wrap;white-space:-o-pre-wrap;word-wrap:break-word}._3eOF8{font-weight:700;margin-right:5px}._1MFti{cursor:pointer}._f10Tu{font-size:1.2em;margin-right:5px;-webkit-user-select:none;-moz-user-select:none;user-select:none}._1UmXx:after{content:"\25B8"}._1LId0:after{content:"\25BE"}._1pNG9{margin-right:5px}._1pNG9:after{content:"...";font-size:.8em}._2IvMF{background:#eee}._2bkNM{margin:0 10px;padding:0}._1MGIk{color:#000;font-weight:600;margin-right:5px}._3uHL6{color:#000}._1Gho6,._2T6PJ{color:#df113a}._vGjyY{color:#2a3f3c}._1bQdo{color:#0b75f5}._3zQKs{color:#469038}._1xvuR{color:#43413d}._2AXVT,._2KJWg,._oLqym{color:#000}._11RoI{background:#002b36}._17H2C,._2bSDX,._3QHg2,._3fDAz{color:#fdf6e3}._2bSDX{font-weight:bolder;margin-right:5px}._gsbQL{color:#fdf6e3}._GTKgm,._LaAZe{color:#81b5ac}._Chy1W{color:#cb4b16}._2bveF{color:#d33682}._2vRm-{color:#ae81ff}._1prJR{color:#268bd2}
41
+ /*!*****************************************************************************************************************************************************************************************************************************!*\
42
+ !*** css ../node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[3].use[1]!../node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[3].use[2]!../node_modules/sass-loader/dist/cjs.js!./src/frontend/utils/table.scss ***!
43
+ \*****************************************************************************************************************************************************************************************************************************/
44
+ .tablecontainer{background-color:#fff;min-height:20rem;overflow:auto}.tableHead{background-color:var(--funcnodesbackground1);color:var(--funheadercolor)!important;font-weight:700!important}.tableheadercolor{color:inherit!important}.indexcol,.tableheadercolor{font-family:inherit!important;font-weight:inherit!important}.indexcol{background-color:var(--funcnodesbackground2);color:var(--funheadercolor)!important}
45
+ /*!**********************************************************************************************************************************************************************************************************************!*\
46
+ !*** css ../node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[3].use[1]!../node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[3].use[2]!../node_modules/sass-loader/dist/cjs.js!./src/frontend/edge.scss ***!
47
+ \**********************************************************************************************************************************************************************************************************************/
36
48
  :root{--funcnodesedgecolor:#7bb3ec}.funcnodes-edge .react-flow__edge-path{stroke:var(--funcnodesedgecolor);stroke-width:2px}.funcnodes-edge.selected .react-flow__edge-path{stroke:#1f0}
37
- /*!****************************************************************************************************************************************************************************************************************************************************!*\
38
- !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[3].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[3].use[2]!./node_modules/sass-loader/dist/cjs.js!./src/frontend/funcnodesreactflow/funcnodesreactflow.scss ***!
39
- \****************************************************************************************************************************************************************************************************************************************************/
40
- .basicstyleelement,.styled-select__menu,.styledbtn,.styledcheckbox,.styleddropdown,.styledinput,.styleelement{background-color:var(--funcnodesbackground1);border:1px solid var(--funheadercolor);border-radius:.75rem;color:var(--funcnodestextcolor1)}.styledbtn,.styledcheckbox,.styleddropdown,.styledinput,.styleelement{height:2rem;padding-left:.5rem;padding-right:.5rem}.styledbtn:hover,.styledcheckbox:hover,.styleddropdown:hover,.styledinput:hover,.styleelement:hover{background-color:var(--funcnodesbackground_light)}.styledbtn:active,.styledcheckbox:active,.styleddropdown:active,.styledinput:active,.styleelement:active{background-color:var(--funheadercolor);color:var(--funcnodesbackground1)}.styledbtn:focus,.styledcheckbox:focus,.styleddropdown:focus,.styledinput:focus,.styleelement:focus{outline:1px solid var(--funheadercolor)}.styleddropdown{padding-right:.25rem}.styledbtn{cursor:pointer}.styledinput :focus{outline:none}input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button{background-color:tr;opacity:.5}.styledcheckbox{accent-color:var(--funheadercolor);height:auto}.styledcheckbox:focus{outline:none}.styledcheckbox:after{background-color:var(--funheadercolor);content:""}.styledcheckbox.checked{background-color:var(--funheadercolor);color:var(--funcnodesbackground1)}.SliderContainer{height:100%;min-height:20px}.SliderContainer,.SliderRoot{align-items:center;display:flex;width:100%}.SliderRoot{height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;position:relative;touch-action:none;-webkit-user-select:none;user-select:none}.SliderTrack{background-color:var(--funcnodesbackground1);border-radius:9999px;flex-grow:1;height:3px;position:relative}.SliderRange{background-color:var(--funheadercolor);border-radius:9999px;height:100%;position:absolute}.SliderThumb{background-color:#fff;border-radius:10px;box-shadow:0 2px 5px rgba(0,0,0,.333);display:block;height:10px;width:10px}.SliderThumb:hover{background-color:#999}.SliderThumb:focus{box-shadow:0 0 0 5px rgba(0,0,0,.333);outline:none}.styled-select__control{height:100%;min-height:auto}.styled-select__menu-list{height:auto;max-height:200px!important;padding-left:0}.styled-select__menu{margin-left:-.5rem}.styled-select__option:hover{background-color:var(--funcnodesbackground_light)}:root{--funheadercolor:#00d9ff;--funcnodesbackground1:#19192a;--funcnodesbackground2:#2e2c44;--funcnodesbackground_light:#4c4c76;--containerboarderradius:1rem;--funcnodestextcolor1:#fff}.funcnodesreactflowcontainer{background-color:var(--funcnodesbackground1);color:var(--funcnodestextcolor1);display:flex;flex-direction:column;height:100%;position:relative;width:100%}.funcnodesreactflowcontainer *{box-sizing:border-box}.funcnodesreactflowbody{display:flex;flex-direction:row}.funcnodesreactflowbody,.reactflowlayer{flex-grow:1;overflow:hidden;position:relative}.reactflowlayer{background-color:var(--funcnodesbackground2);border-radius:var(--containerboarderradius);margin:.5rem}.vscrollcontainer{box-sizing:border-box;flex-grow:1;overflow-x:hidden;overflow-y:auto;padding:.5rem}.workerselect{max-width:140px}.workerselectoption.selected{color:var(--funcnodestextcolor1)}.workerselectoption.active{color:green}.workerselectoption.inactive{color:red}