Flowfile 0.3.0__py3-none-any.whl → 0.3.0.1__py3-none-any.whl

flowfile/web/static/assets/Join-bc3e1cf7.js

@@ -0,0 +1,247 @@
+import { C as CodeLoader } from "./vue-content-loader.es-6b36f05e.js";
+import { u as useNodeStore } from "./PopOver-b37ff9be.js";
+import { C as ColumnSelector } from "./dropDown-5e7e9a5a.js";
+import { s as selectDynamic } from "./selectDynamic-bd644891.js";
+import { G as GenericNodeSettings } from "./genericNodeSettings-65587f20.js";
+import { d as defineComponent, r as ref, c as openBlock, e as createElementBlock, f as createVNode, w as withCtx, p as createBaseVNode, h as createBlock, i as createCommentVNode, F as Fragment, q as renderList, u as unref, _ as _export_sfc, n as onMounted, R as nextTick, a6 as Teleport } from "./index-552863fd.js";
+import { N as NodeButton, a as NodeTitle } from "./nodeTitle-cf9bae3c.js";
+import "./UnavailableFields-b41976ed.js";
+import "./designer-e5bbe26f.js";
+const _hoisted_1$1 = {
+  key: 0,
+  class: "listbox-wrapper"
+};
+const _hoisted_2 = { class: "join-content" };
+const _hoisted_3 = { class: "join-type-selector" };
+const _hoisted_4 = { class: "join-mapping-section" };
+const _hoisted_5 = { class: "table-wrapper" };
+const _hoisted_6 = { class: "selectors-container" };
+const _hoisted_7 = { class: "action-buttons" };
+const _hoisted_8 = ["onClick"];
+const _sfc_main$1 = /* @__PURE__ */ defineComponent({
+  __name: "join",
+  setup(__props, { expose: __expose }) {
+    const joinTypes = ["inner", "left", "right", "full", "semi", "anti", "cross"];
+    const handleJoinTypeError = (error) => {
+      console.error("Join type error:", error);
+    };
+    const result = ref(null);
+    const nodeStore = useNodeStore();
+    const dataLoaded = ref(false);
+    const nodeJoin = ref(null);
+    const updateSelectInputsHandler = (updatedInputs, isLeft) => {
+      if (isLeft && nodeJoin.value) {
+        nodeJoin.value.join_input.left_select.renames = updatedInputs;
+      } else if (nodeJoin.value) {
+        nodeJoin.value.join_input.right_select.renames = updatedInputs;
+      }
+    };
+    const loadNodeData = async (nodeId) => {
+      var _a;
+      result.value = await nodeStore.getNodeData(nodeId, false);
+      nodeJoin.value = (_a = result.value) == null ? void 0 : _a.setting_input;
+      if (result.value) {
+        dataLoaded.value = true;
+      }
+      nodeStore.isDrawerOpen = true;
+    };
+    const addJoinCondition = () => {
+      if (nodeJoin.value) {
+        nodeJoin.value.join_input.join_mapping.push({
+          left_col: "",
+          right_col: ""
+        });
+      }
+    };
+    const removeJoinCondition = (index) => {
+      if (nodeJoin.value && index >= 0) {
+        nodeJoin.value.join_input.join_mapping.splice(index, 1);
+      }
+    };
+    const handleChange = (newValue, index, side) => {
+      if (side === "left") {
+        if (nodeJoin.value) {
+          nodeJoin.value.join_input.join_mapping[index].left_col = newValue;
+        }
+      } else {
+        if (nodeJoin.value) {
+          nodeJoin.value.join_input.join_mapping[index].right_col = newValue;
+        }
+      }
+    };
+    const pushNodeData = async () => {
+      console.log("Pushing node data");
+      nodeStore.updateSettings(nodeJoin);
+      nodeStore.isDrawerOpen = false;
+    };
+    __expose({
+      loadNodeData,
+      pushNodeData
+    });
+    return (_ctx, _cache) => {
+      return dataLoaded.value && nodeJoin.value ? (openBlock(), createElementBlock("div", _hoisted_1$1, [
+        createVNode(GenericNodeSettings, {
+          modelValue: nodeJoin.value,
+          "onUpdate:modelValue": _cache[3] || (_cache[3] = ($event) => nodeJoin.value = $event)
+        }, {
+          default: withCtx(() => {
+            var _a, _b, _c;
+            return [
+              _cache[6] || (_cache[6] = createBaseVNode("div", { class: "listbox-subtitle" }, "Join columns", -1)),
+              createBaseVNode("div", _hoisted_2, [
+                createBaseVNode("div", _hoisted_3, [
+                  _cache[4] || (_cache[4] = createBaseVNode("label", { class: "join-type-label" }, "Join Type:", -1)),
+                  nodeJoin.value ? (openBlock(), createBlock(ColumnSelector, {
+                    key: 0,
+                    modelValue: nodeJoin.value.join_input.how,
+                    "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => nodeJoin.value.join_input.how = $event),
+                    "column-options": joinTypes,
+                    placeholder: "Select join type",
+                    "allow-other": false,
+                    onError: handleJoinTypeError
+                  }, null, 8, ["modelValue"])) : createCommentVNode("", true)
+                ]),
+                createBaseVNode("div", _hoisted_4, [
+                  createBaseVNode("div", _hoisted_5, [
+                    _cache[5] || (_cache[5] = createBaseVNode("div", { class: "selectors-header" }, [
+                      createBaseVNode("div", { class: "selectors-title" }, "L"),
+                      createBaseVNode("div", { class: "selectors-title" }, "R"),
+                      createBaseVNode("div", { class: "selectors-title" })
+                    ], -1)),
+                    createBaseVNode("div", _hoisted_6, [
+                      (openBlock(true), createElementBlock(Fragment, null, renderList((_a = nodeJoin.value) == null ? void 0 : _a.join_input.join_mapping, (selector, index) => {
+                        var _a2, _b2, _c2, _d, _e, _f, _g;
+                        return openBlock(), createElementBlock("div", {
+                          key: index,
+                          class: "selectors-row"
+                        }, [
+                          createVNode(ColumnSelector, {
+                            modelValue: selector.left_col,
+                            "onUpdate:modelValue": ($event) => selector.left_col = $event,
+                            value: selector.left_col,
+                            "column-options": (_b2 = (_a2 = result.value) == null ? void 0 : _a2.main_input) == null ? void 0 : _b2.columns,
+                            "onUpdate:value": (value) => handleChange(value, index, "left")
+                          }, null, 8, ["modelValue", "onUpdate:modelValue", "value", "column-options", "onUpdate:value"]),
+                          createVNode(ColumnSelector, {
+                            modelValue: selector.right_col,
+                            "onUpdate:modelValue": ($event) => selector.right_col = $event,
+                            value: selector.right_col,
+                            "column-options": (_d = (_c2 = result.value) == null ? void 0 : _c2.right_input) == null ? void 0 : _d.columns,
+                            "onUpdate:value": (value) => handleChange(value, index, "right")
+                          }, null, 8, ["modelValue", "onUpdate:modelValue", "value", "column-options", "onUpdate:value"]),
+                          createBaseVNode("div", _hoisted_7, [
+                            index !== (((_e = nodeJoin.value) == null ? void 0 : _e.join_input.join_mapping.length) ?? 0) - 1 ? (openBlock(), createElementBlock("button", {
+                              key: 0,
+                              class: "action-button remove-button",
+                              onClick: ($event) => removeJoinCondition(index)
+                            }, " - ", 8, _hoisted_8)) : createCommentVNode("", true),
+                            index === (((_g = (_f = nodeJoin.value) == null ? void 0 : _f.join_input.join_mapping) == null ? void 0 : _g.length) ?? 0) - 1 ? (openBlock(), createElementBlock("button", {
+                              key: 1,
+                              class: "action-button add-button",
+                              onClick: addJoinCondition
+                            }, " + ")) : createCommentVNode("", true)
+                          ])
+                        ]);
+                      }), 128))
+                    ])
+                  ])
+                ])
+              ]),
+              createVNode(selectDynamic, {
+                "select-inputs": (_b = nodeJoin.value) == null ? void 0 : _b.join_input.left_select.renames,
+                "show-keep-option": true,
+                "show-title": true,
+                "show-headers": true,
+                "show-data": true,
+                title: "Left data",
+                onUpdateSelectInputs: _cache[1] || (_cache[1] = (updatedInputs) => updateSelectInputsHandler(updatedInputs, true))
+              }, null, 8, ["select-inputs"]),
+              createVNode(selectDynamic, {
+                "select-inputs": (_c = nodeJoin.value) == null ? void 0 : _c.join_input.right_select.renames,
+                "show-keep-option": true,
+                "show-headers": true,
+                "show-title": true,
+                "show-data": true,
+                title: "Right data",
+                onUpdateSelectInputs: _cache[2] || (_cache[2] = (updatedInputs) => updateSelectInputsHandler(updatedInputs, true))
+              }, null, 8, ["select-inputs"])
+            ];
+          }),
+          _: 1
+        }, 8, ["modelValue"])
+      ])) : (openBlock(), createBlock(unref(CodeLoader), { key: 1 }));
+    };
+  }
+});
+const join_vue_vue_type_style_index_0_scoped_ed38aa97_lang = "";
+const joinInput = /* @__PURE__ */ _export_sfc(_sfc_main$1, [["__scopeId", "data-v-ed38aa97"]]);
+const _hoisted_1 = { ref: "el" };
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "Join",
+  props: {
+    nodeId: {
+      type: Number,
+      required: true
+    }
+  },
+  setup(__props) {
+    const nodeStore = useNodeStore();
+    const childComp = ref(null);
+    const drawer = ref(false);
+    const props = __props;
+    const closeOnDrawer = () => {
+      var _a;
+      (_a = childComp.value) == null ? void 0 : _a.pushNodeData();
+      drawer.value = false;
+      nodeStore.isDrawerOpen = false;
+    };
+    const openDrawer = async () => {
+      if (nodeStore.node_id === props.nodeId) {
+        return;
+      }
+      nodeStore.closeDrawer();
+      drawer.value = true;
+      const drawerOpen = nodeStore.isDrawerOpen;
+      nodeStore.isDrawerOpen = true;
+      await nextTick();
+      if (nodeStore.node_id === props.nodeId && drawerOpen) {
+        return;
+      }
+      if (childComp.value) {
+        childComp.value.loadNodeData(props.nodeId);
+        nodeStore.openDrawer(closeOnDrawer);
+      }
+    };
+    onMounted(async () => {
+      await nextTick();
+    });
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("div", _hoisted_1, [
+        createVNode(NodeButton, {
+          ref: "nodeButton",
+          "node-id": __props.nodeId,
+          "image-src": "join.png",
+          title: `${__props.nodeId}: Join`,
+          onClick: openDrawer
+        }, null, 8, ["node-id", "title"]),
+        drawer.value ? (openBlock(), createBlock(Teleport, {
+          key: 0,
+          to: "#nodesettings"
+        }, [
+          createVNode(NodeTitle, {
+            title: "Join",
+            intro: "Combine datasets based on one or more columns."
+          }),
+          createVNode(joinInput, {
+            ref_key: "childComp",
+            ref: childComp,
+            "node-id": __props.nodeId
+          }, null, 8, ["node-id"])
+        ])) : createCommentVNode("", true)
+      ], 512);
+    };
+  }
+});
+export {
+  _sfc_main as default
+};

flowfile/web/static/assets/ManualInput-03aa0245.js

@@ -0,0 +1,391 @@
+import { N as NodeButton, a as NodeTitle } from "./nodeTitle-cf9bae3c.js";
+import { r as ref, d as defineComponent, l as computed, m as watch, b as resolveComponent, c as openBlock, e as createElementBlock, f as createVNode, w as withCtx, p as createBaseVNode, F as Fragment, q as renderList, a4 as withDirectives, a5 as vModelText, g as createTextVNode, s as normalizeClass, t as toDisplayString, i as createCommentVNode, E as ElNotification, _ as _export_sfc, n as onMounted, R as nextTick, h as createBlock, a6 as Teleport } from "./index-552863fd.js";
+import { u as useNodeStore } from "./PopOver-b37ff9be.js";
+import { G as GenericNodeSettings } from "./genericNodeSettings-65587f20.js";
+import "./designer-e5bbe26f.js";
+const createManualInput = (flowId = -1, nodeId = -1, pos_x = 0, pos_y = 0) => {
+  const nodeManualInput = ref({
+    flow_id: flowId,
+    node_id: nodeId,
+    pos_x,
+    pos_y,
+    cache_input: false,
+    raw_data: [],
+    cache_results: false
+    // Add the missing property 'cache_results'
+  });
+  return nodeManualInput;
+};
+const _hoisted_1 = { key: 0 };
+const _hoisted_2 = { class: "settings-section" };
+const _hoisted_3 = { class: "table-container" };
+const _hoisted_4 = { class: "modern-table" };
+const _hoisted_5 = ["onClick"];
+const _hoisted_6 = ["onUpdate:modelValue"];
+const _hoisted_7 = ["onUpdate:modelValue"];
+const _hoisted_8 = ["onClick"];
+const _hoisted_9 = { class: "controls-section" };
+const _hoisted_10 = { class: "button-group" };
+const _hoisted_11 = {
+  key: 0,
+  class: "raw-data-section"
+};
+const _hoisted_12 = { class: "raw-data-controls" };
+const _sfc_main$1 = /* @__PURE__ */ defineComponent({
+  __name: "manualInput",
+  props: {
+    nodeId: {}
+  },
+  setup(__props, { expose: __expose }) {
+    const nodeStore = useNodeStore();
+    const dataLoaded = ref(false);
+    const nodeManualInput = ref(null);
+    const columns = ref([]);
+    const rows = ref([]);
+    const showRawData = ref(false);
+    const rawDataString = ref("");
+    let nextColumnId = 1;
+    let nextRowId = 1;
+    const rawData = computed(() => {
+      return rows.value.map((row) => {
+        const obj = {};
+        for (const col of columns.value) {
+          obj[col.name] = row.values[col.id];
+        }
+        return obj;
+      });
+    });
+    const initializeEmptyTable = () => {
+      rows.value = [{ id: 1, values: { 1: "" } }];
+      columns.value = [{ id: 1, name: "Column 1" }];
+      nextColumnId = 2;
+      nextRowId = 2;
+    };
+    const populateTableFromData = (data) => {
+      rows.value = [];
+      columns.value = [];
+      data.forEach((item, rowIndex) => {
+        const row = { id: rowIndex + 1, values: {} };
+        Object.keys(item).forEach((key, colIndex) => {
+          if (rowIndex === 0) {
+            columns.value.push({ id: colIndex + 1, name: key });
+          }
+          row.values[colIndex + 1] = item[key];
+        });
+        rows.value.push(row);
+      });
+      nextColumnId = columns.value.length + 1;
+      nextRowId = rows.value.length + 1;
+    };
+    const loadNodeData = async (nodeId) => {
+      const nodeResult = await nodeStore.getNodeData(nodeId, false);
+      if (nodeResult == null ? void 0 : nodeResult.setting_input) {
+        nodeManualInput.value = nodeResult.setting_input;
+        if (nodeResult.setting_input.raw_data) {
+          populateTableFromData(nodeResult.setting_input.raw_data);
+        } else {
+          initializeEmptyTable();
+        }
+      } else {
+        nodeManualInput.value = createManualInput(nodeStore.flow_id, nodeStore.node_id).value;
+        initializeEmptyTable();
+      }
+      rawDataString.value = JSON.stringify(rawData.value, null, 2);
+      dataLoaded.value = true;
+    };
+    const addColumn = () => {
+      columns.value.push({ id: nextColumnId, name: `Column ${nextColumnId}` });
+      nextColumnId++;
+    };
+    const addRow = () => {
+      const newRow = { id: nextRowId, values: {} };
+      columns.value.forEach((col) => {
+        newRow.values[col.id] = "";
+      });
+      rows.value.push(newRow);
+      nextRowId++;
+    };
+    const deleteColumn = (id) => {
+      const index = columns.value.findIndex((col) => col.id === id);
+      if (index !== -1) {
+        columns.value.splice(index, 1);
+        rows.value.forEach((row) => {
+          delete row.values[id];
+        });
+      }
+    };
+    const deleteRow = (id) => {
+      const index = rows.value.findIndex((row) => row.id === id);
+      if (index !== -1) {
+        rows.value.splice(index, 1);
+      }
+    };
+    const toggleRawData = () => {
+      showRawData.value = !showRawData.value;
+    };
+    const updateTableFromRawData = () => {
+      try {
+        const newData = JSON.parse(rawDataString.value);
+        if (!Array.isArray(newData)) {
+          ElNotification({
+            title: "Error",
+            message: "Data must be an array of objects",
+            type: "error"
+          });
+          return;
+        }
+        populateTableFromData(newData);
+        ElNotification({
+          title: "Success",
+          message: "Table updated successfully",
+          type: "success"
+        });
+      } catch (error) {
+        ElNotification({
+          title: "Error",
+          message: "Invalid JSON format. Please check your input.",
+          type: "error"
+        });
+      }
+    };
+    const pushNodeData = async () => {
+      if (nodeManualInput.value) {
+        nodeManualInput.value.raw_data = rawData.value;
+        await nodeStore.updateSettings(nodeManualInput);
+      }
+      dataLoaded.value = false;
+    };
+    watch(rawData, (newVal) => {
+      rawDataString.value = JSON.stringify(newVal, null, 2);
+    });
+    __expose({
+      loadNodeData,
+      pushNodeData
+    });
+    return (_ctx, _cache) => {
+      const _component_el_button = resolveComponent("el-button");
+      const _component_el_input = resolveComponent("el-input");
+      const _component_el_collapse_transition = resolveComponent("el-collapse-transition");
+      return dataLoaded.value && nodeManualInput.value ? (openBlock(), createElementBlock("div", _hoisted_1, [
+        createVNode(GenericNodeSettings, {
+          modelValue: nodeManualInput.value,
+          "onUpdate:modelValue": _cache[1] || (_cache[1] = ($event) => nodeManualInput.value = $event)
+        }, {
+          default: withCtx(() => [
+            createBaseVNode("div", _hoisted_2, [
+              createBaseVNode("div", _hoisted_3, [
+                createBaseVNode("table", _hoisted_4, [
+                  createBaseVNode("thead", null, [
+                    createBaseVNode("tr", null, [
+                      (openBlock(true), createElementBlock(Fragment, null, renderList(columns.value, (col) => {
+                        return openBlock(), createElementBlock("td", {
+                          key: "delete-" + col.id
+                        }, [
+                          createBaseVNode("button", {
+                            class: "delete-button",
+                            onClick: ($event) => deleteColumn(col.id)
+                          }, null, 8, _hoisted_5)
+                        ]);
+                      }), 128))
+                    ]),
+                    createBaseVNode("tr", null, [
+                      (openBlock(true), createElementBlock(Fragment, null, renderList(columns.value, (col) => {
+                        return openBlock(), createElementBlock("th", {
+                          key: col.id
+                        }, [
+                          withDirectives(createBaseVNode("input", {
+                            "onUpdate:modelValue": ($event) => col.name = $event,
+                            class: "input-header",
+                            type: "text"
+                          }, null, 8, _hoisted_6), [
+                            [vModelText, col.name]
+                          ])
+                        ]);
+                      }), 128))
+                    ])
+                  ]),
+                  createBaseVNode("tbody", null, [
+                    (openBlock(true), createElementBlock(Fragment, null, renderList(rows.value, (row) => {
+                      return openBlock(), createElementBlock("tr", {
+                        key: row.id
+                      }, [
+                        (openBlock(true), createElementBlock(Fragment, null, renderList(columns.value, (col) => {
+                          return openBlock(), createElementBlock("td", {
+                            key: col.id
+                          }, [
+                            withDirectives(createBaseVNode("input", {
+                              "onUpdate:modelValue": ($event) => row.values[col.id] = $event,
+                              class: "input-cell",
+                              type: "text"
+                            }, null, 8, _hoisted_7), [
+                              [vModelText, row.values[col.id]]
+                            ])
+                          ]);
+                        }), 128)),
+                        createBaseVNode("td", null, [
+                          createBaseVNode("button", {
+                            class: "delete-button",
+                            onClick: ($event) => deleteRow(row.id)
+                          }, null, 8, _hoisted_8)
+                        ])
+                      ]);
+                    }), 128))
+                  ])
+                ])
+              ]),
+              createBaseVNode("div", _hoisted_9, [
+                createBaseVNode("div", _hoisted_10, [
+                  createVNode(_component_el_button, {
+                    type: "primary",
+                    size: "small",
+                    onClick: addColumn
+                  }, {
+                    icon: withCtx(() => _cache[2] || (_cache[2] = [
+                      createBaseVNode("i", { class: "fas fa-plus" }, null, -1)
+                    ])),
+                    default: withCtx(() => [
+                      _cache[3] || (_cache[3] = createTextVNode(" Add Column "))
+                    ]),
+                    _: 1
+                  }),
+                  createVNode(_component_el_button, {
+                    type: "primary",
+                    size: "small",
+                    onClick: addRow
+                  }, {
+                    icon: withCtx(() => _cache[4] || (_cache[4] = [
+                      createBaseVNode("i", { class: "fas fa-plus" }, null, -1)
+                    ])),
+                    default: withCtx(() => [
+                      _cache[5] || (_cache[5] = createTextVNode(" Add Row "))
+                    ]),
+                    _: 1
+                  }),
+                  createVNode(_component_el_button, {
+                    type: "primary",
+                    size: "small",
+                    onClick: toggleRawData
+                  }, {
+                    icon: withCtx(() => [
+                      createBaseVNode("i", {
+                        class: normalizeClass(showRawData.value ? "fas fa-eye-slash" : "fas fa-eye")
+                      }, null, 2)
+                    ]),
+                    default: withCtx(() => [
+                      createTextVNode(" " + toDisplayString(showRawData.value ? "Hide" : "Show") + " Raw Data ", 1)
+                    ]),
+                    _: 1
+                  })
+                ])
+              ]),
+              createVNode(_component_el_collapse_transition, null, {
+                default: withCtx(() => [
+                  showRawData.value ? (openBlock(), createElementBlock("div", _hoisted_11, [
+                    createVNode(_component_el_input, {
+                      modelValue: rawDataString.value,
+                      "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => rawDataString.value = $event),
+                      type: "textarea",
+                      rows: 8,
+                      placeholder: JSON.stringify({ column1: "value1" }, null, 2)
+                    }, null, 8, ["modelValue", "placeholder"]),
+                    createBaseVNode("div", _hoisted_12, [
+                      createVNode(_component_el_button, {
+                        type: "primary",
+                        size: "small",
+                        onClick: updateTableFromRawData
+                      }, {
+                        default: withCtx(() => _cache[6] || (_cache[6] = [
+                          createTextVNode(" Update Table ")
+                        ])),
+                        _: 1
+                      })
+                    ])
+                  ])) : createCommentVNode("", true)
+                ]),
+                _: 1
+              })
+            ])
+          ]),
+          _: 1
+        }, 8, ["modelValue"])
+      ])) : createCommentVNode("", true);
+    };
+  }
+});
+const manualInput_vue_vue_type_style_index_0_scoped_5c4222c9_lang = "";
+const manualInput = /* @__PURE__ */ _export_sfc(_sfc_main$1, [["__scopeId", "data-v-5c4222c9"]]);
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "ManualInput",
+  props: {
+    nodeId: {
+      type: Number,
+      required: true
+    }
+  },
+  setup(__props) {
+    const nodeStore = useNodeStore();
+    const nodeButton = ref(null);
+    const childComp = ref(null);
+    const props = __props;
+    const el = ref(null);
+    const drawer = ref(false);
+    const closeOnDrawer = () => {
+      var _a;
+      drawer.value = false;
+      (_a = childComp.value) == null ? void 0 : _a.pushNodeData();
+      nodeStore.isDrawerOpen = false;
+    };
+    const openDrawer = async () => {
+      if (nodeStore.node_id === props.nodeId) {
+        return;
+      }
+      nodeStore.closeDrawer();
+      drawer.value = true;
+      const drawerOpen = nodeStore.isDrawerOpen;
+      nodeStore.isDrawerOpen = true;
+      await nextTick();
+      if (nodeStore.node_id === props.nodeId && drawerOpen) {
+        return;
+      }
+      if (childComp.value) {
+        childComp.value.loadNodeData(props.nodeId);
+        nodeStore.openDrawer(closeOnDrawer);
+      }
+    };
+    onMounted(async () => {
+      await nextTick();
+    });
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("div", {
+        ref_key: "el",
+        ref: el
+      }, [
+        createVNode(NodeButton, {
+          ref_key: "nodeButton",
+          ref: nodeButton,
+          "node-id": __props.nodeId,
+          "image-src": "manual_input.png",
+          title: `${__props.nodeId}: Manual input`,
+          onClick: openDrawer
+        }, null, 8, ["node-id", "title"]),
+        drawer.value ? (openBlock(), createBlock(Teleport, {
+          key: 0,
+          to: "#nodesettings"
+        }, [
+          createVNode(NodeTitle, {
+            title: "Provide manual input",
+            intro: "Provide a fixed data that can be used and combined with other tables."
+          }),
+          createVNode(manualInput, {
+            ref_key: "childComp",
+            ref: childComp,
+            "node-id": __props.nodeId
+          }, null, 8, ["node-id"])
+        ])) : createCommentVNode("", true)
+      ], 512);
+    };
+  }
+});
+export {
+  _sfc_main as default
+};