@linkdlab/funcnodes_react_flow 0.1.2 → 0.1.4

package/dist/css/style.css

@@ -0,0 +1,37 @@
+/*!****************************************************************************************************************************************************************************************************************************!*\
+  !*** 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}
+/*!*********************************************************************************************************************************************************************************************************************!*\
+  !*** 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:#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}
+/*!******************************************************************************************************************************************************************************************************************!*\
+  !*** 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 ***!
+  \******************************************************************************************************************************************************************************************************************/
+: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)}
+/*!************************************************************************************************************************************************************************************************************************!*\
+  !*** 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}.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}.noderesizecontrol{background:#0000!important;border:none!important;font-size:.5rem}.noderesizeicon{bottom:4px;font-size:.5rem;position:absolute;right:4px}.nodeinput,.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%}.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}input.nodedatainput.styledinput,select.nodedatainput.styleddropdown{background-color:var(--node_header_color);font-size:.5rem;height:1.5rem}
+/*!*************************************************************************************************************************************************************************************************************************!*\
+  !*** 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 ***!
+  \*************************************************************************************************************************************************************************************************************************/@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:30vh;max-width:30vw;overflow:auto;padding:10px}.iotooltip_container{display:flex;flex-direction:column;max-height:inherit;max-width:inherit}.iotooltipcontentarrow{fill:#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/utils/table.scss ***!
+  \**************************************************************************************************************************************************************************************************************************/
+.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}
+/*!********************************************************************************************************************************************************************************************************************************!*\
+  !*** 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 ***!
+  \********************************************************************************************************************************************************************************************************************************/
+.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}
+/*!*******************************************************************************************************************************************************************************************************************!*\
+  !*** 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 ***!
+  \*******************************************************************************************************************************************************************************************************************/
+:root{--funcnodesedgecolor:#7bb3ec}
+/*!****************************************************************************************************************************************************************************************************************************************************!*\
+  !*** 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 ***!
+  \****************************************************************************************************************************************************************************************************************************************************/
+.styledbtn,.styledcheckbox,.styleddropdown,.styledinput{background-color:var(--funcnodesbackground1);border:1px solid var(--funheadercolor);border-radius:.75rem;color:var(--funcnodestextcolor1);height:2rem;padding-left:.5rem;padding-right:.5rem}.styledbtn:hover,.styledcheckbox:hover,.styleddropdown:hover,.styledinput:hover{background-color:var(--funcnodesbackground_light)}.styledbtn:active,.styledcheckbox:active,.styleddropdown:active,.styledinput:active{background-color:var(--funheadercolor);color:var(--funcnodesbackground1)}.styledbtn:focus,.styledcheckbox:focus,.styleddropdown:focus,.styledinput: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)}: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}
+
+/*# sourceMappingURL=style.css.map */

package/dist/frontend/datarenderer/images.d.ts

@@ -1,11 +1,11 @@
-/// <reference types="react" />
-import { BaseRenderOptions } from ".";
-interface ImageRenderOptions extends BaseRenderOptions {
-    format?: "png" | "jpeg";
-}
-declare const Base64ImageRenderer: ({ value, renderoptions, }: {
-    value: string;
-    renderoptions?: ImageRenderOptions;
-}) => import("react").JSX.Element;
-export { Base64ImageRenderer };
-export type { ImageRenderOptions };
+import React from 'react';
+import { BaseRenderOptions } from '.';
+interface ImageRenderOptions extends BaseRenderOptions {
+    format?: 'png' | 'jpeg';
+}
+declare const Base64ImageRenderer: ({ value, renderoptions }: {
+    value: string;
+    renderoptions?: ImageRenderOptions | undefined;
+}) => React.JSX.Element;
+export { Base64ImageRenderer };
+export type { ImageRenderOptions };

package/dist/frontend/datarenderer/index.d.ts

@@ -1,16 +1,16 @@
-/// <reference types="react" />
-import { RenderType } from "../../types/rendering.t";
-import { ImageRenderOptions } from "./images";
-interface BaseRenderOptions {
-    type?: RenderType;
-}
-interface StringRenderOptions extends BaseRenderOptions {
-    max_length?: number;
-}
-type RenderOptions = BaseRenderOptions | ImageRenderOptions | StringRenderOptions;
-declare const get_rendertype: (rendertype: string) => ({ value, renderoptions, }: {
-    value: any;
-    renderoptions?: RenderOptions;
-}) => JSX.Element;
-export default get_rendertype;
-export type { RenderOptions, BaseRenderOptions };
+/// <reference types="react" />
+import { RenderType } from '../../types/rendering.t';
+import { ImageRenderOptions } from './images';
+interface BaseRenderOptions {
+    type?: RenderType;
+}
+interface StringRenderOptions extends BaseRenderOptions {
+    max_length?: number;
+}
+type RenderOptions = BaseRenderOptions | ImageRenderOptions | StringRenderOptions;
+declare const get_rendertype: (rendertype: string) => ({ value, renderoptions }: {
+    value: any;
+    renderoptions?: RenderOptions | undefined;
+}) => JSX.Element;
+export default get_rendertype;
+export type { RenderOptions, BaseRenderOptions };

package/dist/frontend/datarenderer/plotly.d.ts

@@ -1,14 +1,14 @@
-/// <reference types="react" />
-import { BaseRenderOptions } from ".";
-interface PlotlyRenderOptions extends BaseRenderOptions {
-    plottype?: "line" | "scatter" | "imshow";
-    layout?: any;
-    colorscale?: string;
-}
-declare const AnyPlot: ({ value, renderoptions, }: {
-    value: any;
-    renderoptions?: PlotlyRenderOptions;
-}) => import("react").JSX.Element;
-export {};
-export default AnyPlot;
-export type { PlotlyRenderOptions };
+import React from 'react';
+import { BaseRenderOptions } from '.';
+interface PlotlyRenderOptions extends BaseRenderOptions {
+    plottype?: 'line' | 'scatter' | 'imshow';
+    layout?: any;
+    colorscale?: string;
+}
+declare const AnyPlot: ({ value, renderoptions }: {
+    value: any;
+    renderoptions?: PlotlyRenderOptions | undefined;
+}) => React.JSX.Element;
+export {};
+export default AnyPlot;
+export type { PlotlyRenderOptions };

package/dist/frontend/dialog.d.ts

@@ -1,17 +1,17 @@
-import React from "react";
-import "./dialog.scss";
-interface CustomDialogProps {
-    trigger?: React.ReactNode;
-    title?: string;
-    description?: string | React.ReactNode;
-    children: React.ReactNode;
-    closebutton?: boolean;
-    onOpenChange?: (open: boolean) => void;
-    buttons?: {
-        text: string;
-        onClick: () => void;
-    }[];
-}
-declare const CustomDialog: ({ trigger, title, description, children, closebutton, onOpenChange, buttons, }: CustomDialogProps) => React.JSX.Element;
-export default CustomDialog;
-export type { CustomDialogProps };
+import React from "react";
+import "./dialog.scss";
+interface CustomDialogProps {
+    trigger?: React.ReactNode;
+    title?: string;
+    description?: string | React.ReactNode;
+    children: React.ReactNode;
+    closebutton?: boolean;
+    onOpenChange?: (open: boolean) => void;
+    buttons?: {
+        text: string;
+        onClick: () => void;
+    }[];
+}
+declare const CustomDialog: ({ trigger, title, description, children, closebutton, onOpenChange, buttons, }: CustomDialogProps) => React.JSX.Element;
+export default CustomDialog;
+export type { CustomDialogProps };

package/dist/frontend/edge.d.ts

@@ -1,5 +1,5 @@
-import { EdgeProps } from "reactflow";
-import "./edge.scss";
-import React from "react";
-declare const DefaultEdge: ({ id, sourceX, sourceY, targetX, targetY, sourcePosition, targetPosition, data, ...props }: EdgeProps) => React.JSX.Element;
-export default DefaultEdge;
+import { EdgeProps } from 'reactflow';
+import './edge.scss';
+import React from 'react';
+declare const DefaultEdge: ({ id, sourceX, sourceY, targetX, targetY, sourcePosition, targetPosition, data, ...props }: EdgeProps) => React.JSX.Element;
+export default DefaultEdge;

package/dist/frontend/funcnodesreactflow/index.d.ts

@@ -1,6 +1,6 @@
-import React from "react";
-import { FuncNodesReactFlowZustandInterface } from "../../states/fnrfzst.t";
-declare const FuncNodesContext: React.Context<FuncNodesReactFlowZustandInterface>;
-declare const FuncnodesReactFlow: () => React.JSX.Element;
-export default FuncnodesReactFlow;
-export { FuncNodesContext };
+import React from "react";
+import { FuncNodesReactFlowZustandInterface } from "../../states/fnrfzst.t";
+declare const FuncNodesContext: React.Context<FuncNodesReactFlowZustandInterface>;
+declare const FuncnodesReactFlow: () => React.JSX.Element;
+export default FuncnodesReactFlow;
+export { FuncNodesContext };

package/dist/frontend/funcnodesreactflow/react_flow_layer.d.ts

@@ -1,5 +1,5 @@
-import React from "react";
-import "reactflow/dist/style.css";
-import "./funcnodesreactflow.scss";
-declare const ReactFlowLayer: () => React.JSX.Element;
-export default ReactFlowLayer;
+import React from 'react';
+import 'reactflow/dist/style.css';
+import './funcnodesreactflow.scss';
+declare const ReactFlowLayer: () => React.JSX.Element;
+export default ReactFlowLayer;

package/dist/frontend/header/index.d.ts

@@ -1,4 +1,4 @@
-import "./header.scss";
-import React from "react";
-declare const FuncnodesHeader: () => React.JSX.Element;
-export default FuncnodesHeader;
+import "./header.scss";
+import React from "react";
+declare const FuncnodesHeader: () => React.JSX.Element;
+export default FuncnodesHeader;

package/dist/frontend/index.d.ts

@@ -1,3 +1,3 @@
-import FuncnodesReactFlow, { FuncNodesContext } from "./funcnodesreactflow";
-export default FuncnodesReactFlow;
-export { FuncNodesContext };
+import FuncnodesReactFlow, { FuncNodesContext } from "./funcnodesreactflow";
+export default FuncnodesReactFlow;
+export { FuncNodesContext };

package/dist/frontend/lib.d.ts

@@ -1,10 +1,10 @@
-import React from "react";
-import "./lib.scss";
-import { Shelf } from "../states/lib.t";
-declare const LibraryShelf: ({ item, filter }: {
-    item: Shelf;
-    filter: string;
-}) => React.JSX.Element;
-declare const Library: () => React.JSX.Element;
-export default Library;
-export { LibraryShelf as LibraryItem };
+import React from 'react';
+import './lib.scss';
+import { Shelf } from '../states/lib.t';
+declare const LibraryShelf: ({ item, filter }: {
+    item: Shelf;
+    filter: string;
+}) => React.JSX.Element;
+declare const Library: () => React.JSX.Element;
+export default Library;
+export { LibraryShelf as LibraryItem };

package/dist/frontend/node/index.d.ts

@@ -1,2 +1,2 @@
-import DefaultNode from "./node";
-export default DefaultNode;
+import DefaultNode from "./node";
+export default DefaultNode;

package/dist/frontend/node/io/default_input_renderer.d.ts

@@ -1,11 +1,11 @@
-import { InputRendererProps } from "../../../states/nodeio.t";
-import React from "react";
-declare const BooleanInput: ({ io, inputconverter }: InputRendererProps) => React.JSX.Element;
-declare const FloatInput: ({ io, inputconverter }: InputRendererProps) => React.JSX.Element;
-declare const IntegerInput: ({ io, inputconverter }: InputRendererProps) => React.JSX.Element;
-declare const StringInput: ({ io, inputconverter }: InputRendererProps) => React.JSX.Element;
-declare const SelectionInput: ({ io, inputconverter, parser, }: InputRendererProps & {
-    parser?(s: string): any;
-}) => React.JSX.Element;
-declare const ColorInput: ({ io, inputconverter }: InputRendererProps) => React.JSX.Element;
-export { FloatInput, IntegerInput, BooleanInput, StringInput, SelectionInput, ColorInput, };
+import { InputRendererProps } from '../../../states/nodeio.t';
+import React from 'react';
+declare const BooleanInput: ({ io, inputconverter }: InputRendererProps) => React.JSX.Element;
+declare const FloatInput: ({ io, inputconverter }: InputRendererProps) => React.JSX.Element;
+declare const IntegerInput: ({ io, inputconverter }: InputRendererProps) => React.JSX.Element;
+declare const StringInput: ({ io, inputconverter }: InputRendererProps) => React.JSX.Element;
+declare const SelectionInput: ({ io, inputconverter, parser }: InputRendererProps & {
+    parser?(s: string): any;
+}) => React.JSX.Element;
+declare const ColorInput: ({ io }: InputRendererProps) => React.JSX.Element;
+export { FloatInput, IntegerInput, BooleanInput, StringInput, SelectionInput, ColorInput };

package/dist/frontend/node/io/default_output_render.d.ts

@@ -1,6 +1,6 @@
-import { IOType } from "../../../states/nodeio.t";
-import React from "react";
-declare const InLineOutput: ({ io }: {
-    io: IOType;
-}) => React.JSX.Element;
-export { InLineOutput };
+import { IOType } from '../../../states/nodeio.t';
+import React from 'react';
+declare const InLineOutput: ({ io }: {
+    io: IOType;
+}) => React.JSX.Element;
+export { InLineOutput };

package/dist/frontend/node/io/handle_renderer.d.ts

@@ -1,6 +1,5 @@
-import { IOType } from "../../../states/nodeio.t";
-import React from "react";
-declare const PreviewHandleDataRendererForIo: (io: IOType) => ({ io }: {
-    io: IOType;
-}) => React.JSX.Element;
-export { PreviewHandleDataRendererForIo };
+import { IOType } from '../../../states/nodeio.t';
+declare const PreviewHandleDataRendererForIo: (io: IOType) => ({ io }: {
+    io: IOType;
+}) => JSX.Element;
+export { PreviewHandleDataRendererForIo };

package/dist/frontend/node/io/index.d.ts

@@ -1,3 +1,3 @@
-import NodeInput from "./nodeinput";
-import NodeOutput from "./nodeoutput";
-export { NodeInput, NodeOutput };
+import NodeInput from "./nodeinput";
+import NodeOutput from "./nodeoutput";
+export { NodeInput, NodeOutput };

package/dist/frontend/node/io/io.d.ts

@@ -1,16 +1,16 @@
-/// <reference types="react" />
-import "./io.scss";
-import { HandleProps } from "reactflow";
-import { IOType, SerializedType } from "../../../states/nodeio.t";
-declare const pick_best_io_type: (iot: SerializedType, typemap: {
-    [key: string]: string;
-}) => [string | undefined, string | undefined];
-type HandleWithPreviewProps = {
-    io: IOType;
-    typestring: string | undefined;
-    preview?: React.FC<{
-        io: IOType;
-    }>;
-} & HandleProps;
-declare const HandleWithPreview: ({ io, typestring, preview, ...props }: HandleWithPreviewProps) => import("react").JSX.Element;
-export { pick_best_io_type, HandleWithPreview };
+import './io.scss';
+import { HandleProps } from 'reactflow';
+import React from 'react';
+import { IOType, SerializedType } from '../../../states/nodeio.t';
+declare const pick_best_io_type: (iot: SerializedType, typemap: {
+    [key: string]: string;
+}) => [string | undefined, string | undefined];
+type HandleWithPreviewProps = {
+    io: IOType;
+    typestring: string | undefined;
+    preview?: React.FC<{
+        io: IOType;
+    }>;
+} & HandleProps;
+declare const HandleWithPreview: ({ io, typestring, preview, ...props }: HandleWithPreviewProps) => React.JSX.Element;
+export { pick_best_io_type, HandleWithPreview };

package/dist/frontend/node/io/nodeinput.d.ts

@@ -1,6 +1,6 @@
-import { IOType } from "../../../states/nodeio.t";
-import React from "react";
-declare const NodeInput: ({ io }: {
-    io: IOType;
-}) => React.JSX.Element;
-export default NodeInput;
+import { IOType } from '../../../states/nodeio.t';
+import React from 'react';
+declare const NodeInput: ({ io }: {
+    io: IOType;
+}) => React.JSX.Element;
+export default NodeInput;

package/dist/frontend/node/io/nodeoutput.d.ts

@@ -1,6 +1,6 @@
-import { IOType } from "../../../states/nodeio.t";
-import React from "react";
-declare const NodeOutput: ({ io }: {
-    io: IOType;
-}) => React.JSX.Element;
-export default NodeOutput;
+import { IOType } from '../../../states/nodeio.t';
+import React from 'react';
+declare const NodeOutput: ({ io }: {
+    io: IOType;
+}) => React.JSX.Element;
+export default NodeOutput;

package/dist/frontend/node/node.d.ts

@@ -1,20 +1,20 @@
-import React from "react";
-import { NodeStore } from "../../states/node.t";
-import "./node.scss";
-/**
- * A generic function to deeply merge two objects of type T.
- *
- * @param {T} target - The target object to be merged.
- * @param {DeepPartial<T>} source - The source object to merge into the target. All properties of this object are optional.
- *
- * @returns {Object} An object containing the merged object (new_obj) and a boolean indicating if there was a change (change).
- *
- * @throws {Type 'string' cannot be used to index type 'T'} This error is ignored using the @ts-ignore directive because we are dynamically accessing properties of a generic type T.
- */
-declare const DefaultNode: ({ data }: {
-    data: {
-        UseNodeStore: NodeStore;
-    };
-}) => React.JSX.Element;
-export default DefaultNode;
-export {};
+import React from 'react';
+import { NodeStore } from '../../states/node.t';
+import './node.scss';
+/**
+ * A generic function to deeply merge two objects of type T.
+ *
+ * @param {T} target - The target object to be merged.
+ * @param {DeepPartial<T>} source - The source object to merge into the target. All properties of this object are optional.
+ *
+ * @returns {Object} An object containing the merged object (new_obj) and a boolean indicating if there was a change (change).
+ *
+ * @throws {Type 'string' cannot be used to index type 'T'} This error is ignored using the @ts-ignore directive because we are dynamically accessing properties of a generic type T.
+ */
+declare const DefaultNode: ({ data }: {
+    data: {
+        UseNodeStore: NodeStore;
+    };
+}) => React.JSX.Element;
+export default DefaultNode;
+export {};

package/dist/frontend/utils/colorpicker.d.ts

@@ -1,19 +1,19 @@
-import React from "react";
-import "./colorpicker.scss";
-declare const HSLColorPicker: ({ onChange, colorconverter, }: {
-    onChange: (colorconverter: {
-        [key: string]: () => number[] | string;
-    }) => void;
-    colorconverter: {
-        [key: string]: () => number[] | string;
-    };
-}) => React.JSX.Element;
-declare const CustomColorPicker: ({ inicolordata, inicolorspace, onChange, }: {
-    inicolordata?: number[] | string | string[];
-    inicolorspace?: string;
-    onChange?: (colorconverter: {
-        [key: string]: () => number[] | string;
-    }) => void;
-}) => React.JSX.Element;
-export default CustomColorPicker;
-export { HSLColorPicker };
+import React from 'react';
+import './colorpicker.scss';
+declare const HSLColorPicker: ({ onChange, colorconverter }: {
+    onChange: (colorconverter: {
+        [key: string]: () => number[] | string;
+    }) => void;
+    colorconverter: {
+        [key: string]: () => number[] | string;
+    };
+}) => React.JSX.Element;
+declare const CustomColorPicker: ({ inicolordata, inicolorspace, onChange }: {
+    inicolordata?: string | string[] | number[] | undefined;
+    inicolorspace?: string | undefined;
+    onChange?: ((colorconverter: {
+        [key: string]: () => number[] | string;
+    }) => void) | undefined;
+}) => React.JSX.Element;
+export default CustomColorPicker;
+export { HSLColorPicker };

package/dist/frontend/utils/jsondata.d.ts

@@ -1,6 +1,6 @@
-/// <reference types="react" />
-import "react-json-view-lite/dist/index.css";
-declare const JSONDataDisplay: ({ data }: {
-    data: any;
-}) => import("react").JSX.Element;
-export default JSONDataDisplay;
+import React from 'react';
+import 'react-json-view-lite/dist/index.css';
+declare const JSONDataDisplay: ({ data }: {
+    data: any;
+}) => React.JSX.Element;
+export default JSONDataDisplay;

package/dist/frontend/utils/table.d.ts

@@ -1,11 +1,11 @@
-import "./table.scss";
-import React from "react";
-interface TableData {
-    columns: string[];
-    index: string[];
-    data: any[][];
-}
-declare const SortableTable: ({ tabledata }: {
-    tabledata: TableData;
-}) => React.JSX.Element;
-export { SortableTable };
+import './table.scss';
+import React from 'react';
+interface TableData {
+    columns: string[];
+    index: string[];
+    data: any[][];
+}
+declare const SortableTable: ({ tabledata }: {
+    tabledata: TableData;
+}) => React.JSX.Element;
+export { SortableTable };