@linkdlab/funcnodes_react_flow 0.3.1 → 0.3.3

package/dist/css/style.css

@@ -1,11 +1,11 @@
 /*!*******************************************************************************************************************************************************************************************************************************!*\
   !*** 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 ***!
   \*******************************************************************************************************************************************************************************************************************************/
-.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}
+.basicstyleelement,.headermenucontent,.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)}button{font-family:inherit;font-size:inherit}.funcnodesreactflowheader{display:flex;flex-direction:row;height:50px;justify-content:flex-start;left:0;position:relative;top:0;z-index:1000}.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}.headermenucontent{border-radius:.25rem;max-height:90vh;overflow:auto;padding:5px}.headermenuitem{padding:0 5px}.headermenuitem[data-highlighted],.headermenuitem[data-state=checked],.headermenuitem[data-state=open]{background-color:var(--funcnodesbackground_light)}.headermenuitem[data-state=checked]{color:#fff}
 /*!************************************************************************************************************************************************************************************************************************!*\
   !*** 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 ***!
   \************************************************************************************************************************************************************************************************************************/
-.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:85vw;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}
+.dialogoverlay{animation:overlayShow .15s cubic-bezier(.16,1,.3,1);background-color:rgba(0,0,0,.5);inset:0;position:fixed;z-index:2000}.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:85vw;padding:25px;position:fixed;top:50%;transform:translate(-50%,-50%);width:90vw;z-index:2001}.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}
 /*!*********************************************************************************************************************************************************************************************************************!*\
   !*** 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 ***!
   \*********************************************************************************************************************************************************************************************************************/
@@ -21,7 +21,7 @@
 /*!***************************************************************************************************************************************************************************************************************************!*\
   !*** 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 ***!
   \***************************************************************************************************************************************************************************************************************************/
-: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{align-items:center;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}.nodedatainput{align-items:center;display:flex;height:1.5rem}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%}
+: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{align-items:center;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}.nodedatainput{align-items:center;display:flex;height:1.5rem}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%}.nodeprogress{height:10px;overflow:hidden;transition:height .1s ease;width:100%}.nodeprogress-text{color:#fff;mix-blend-mode:difference;text-align:center}.nodeprogress-bar{border-radius:3px}.nodeprogress-progress{background-color:#b7f50c;border-radius:3px;transition:width .3s ease}
 /*!****************************************************************************************************************************************************************************************************************************!*\
   !*** 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 ***!
   \****************************************************************************************************************************************************************************************************************************/