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

flowfile/web/static/assets/Select-085f05cc.js

@@ -0,0 +1,231 @@
+import { r as ref, d as defineComponent, c as openBlock, e as createElementBlock, f as createVNode, w as withCtx, h as createBlock, u as unref, n as onMounted, R as nextTick, a6 as Teleport, i as createCommentVNode } from "./index-552863fd.js";
+import { C as CodeLoader } from "./vue-content-loader.es-6b36f05e.js";
+import { u as useNodeStore } from "./PopOver-b37ff9be.js";
+import { s as selectDynamic } from "./selectDynamic-bd644891.js";
+import { G as GenericNodeSettings } from "./genericNodeSettings-65587f20.js";
+import { N as NodeButton, a as NodeTitle } from "./nodeTitle-cf9bae3c.js";
+import "./UnavailableFields-b41976ed.js";
+import "./designer-e5bbe26f.js";
+const createSelectInput = (column_name, data_type = void 0, position = void 0, original_position = void 0) => {
+  const selectInput = {
+    old_name: column_name,
+    new_name: column_name,
+    data_type,
+    keep: true,
+    join_key: false,
+    is_altered: false,
+    data_type_change: false,
+    is_available: true,
+    position: position ?? 0,
+    original_position: original_position ?? 0
+  };
+  return selectInput;
+};
+const updateNodeSelect = (nodeTable, nodeSelectRef) => {
+  if (!(nodeTable == null ? void 0 : nodeTable.table_schema) || !nodeSelectRef.value)
+    return;
+  const existingInputMap = /* @__PURE__ */ new Map();
+  nodeSelectRef.value.select_input.forEach((input) => {
+    existingInputMap.set(input.old_name, input);
+  });
+  nodeTable.table_schema.forEach((schema, index) => {
+    var _a;
+    const existingInput = existingInputMap.get(schema.name);
+    if (existingInput) {
+      if (!existingInput.is_altered) {
+        existingInput.data_type = schema.data_type;
+      }
+      if (!existingInput.original_position) {
+        existingInput.original_position = index;
+      }
+    } else {
+      const newInput = createSelectInput(schema.name, schema.data_type, index, index);
+      (_a = nodeSelectRef.value) == null ? void 0 : _a.select_input.push(newInput);
+      existingInputMap.set(schema.name, newInput);
+    }
+  });
+};
+const createNodeSelect = (flowId = -1, nodeId = -1, pos_x = 0, pos_y = 0, cache_input = false, keep_missing = false) => {
+  const selectInputData = [];
+  const nodeSelectRef = ref({
+    flow_id: flowId,
+    node_id: nodeId,
+    pos_x,
+    pos_y,
+    cache_input,
+    keep_missing,
+    select_input: selectInputData,
+    cache_results: false,
+    sorted_by: "none"
+  });
+  return nodeSelectRef;
+};
+const _hoisted_1$1 = {
+  key: 0,
+  class: "listbox-wrapper"
+};
+const _sfc_main$1 = /* @__PURE__ */ defineComponent({
+  __name: "select",
+  setup(__props, { expose: __expose }) {
+    const keepMissing = ref(false);
+    const nodeStore = useNodeStore();
+    const nodeSelect = ref(createNodeSelect().value);
+    const dataLoaded = ref(false);
+    const loadNodeData = async (nodeId) => {
+      const result = await nodeStore.getNodeData(nodeId, false);
+      console.log("got result data");
+      if (result) {
+        const main_input = result.main_input;
+        try {
+          if (result.setting_input && main_input && result.setting_input.is_setup) {
+            nodeSelect.value = result.setting_input;
+            keepMissing.value = nodeSelect.value.keep_missing;
+            updateNodeSelect(main_input, nodeSelect);
+          } else {
+            throw new Error("Setting input not available");
+          }
+        } catch (error) {
+          console.log("doing this");
+          if (main_input && nodeSelect.value) {
+            nodeSelect.value = createNodeSelect(nodeStore.flow_id, nodeStore.node_id).value;
+            nodeSelect.value.depending_on_id = main_input.node_id;
+            nodeSelect.value.flow_id = nodeStore.flow_id;
+            nodeSelect.value.node_id = nodeStore.node_id;
+            nodeSelect.value.keep_missing = keepMissing.value;
+            updateNodeSelect(main_input, nodeSelect);
+          }
+        }
+      }
+      dataLoaded.value = true;
+    };
+    const pushNodeData = async () => {
+      nodeSelect.value.select_input.sort((a, b) => a.position - b.position);
+      const originalData = nodeStore.getCurrentNodeData();
+      const newColumnSettings = nodeSelect.value.select_input;
+      nodeSelect.value.keep_missing = keepMissing.value;
+      if (originalData) {
+        newColumnSettings.forEach((newColumnSetting, index) => {
+          var _a, _b;
+          let original_index = (_a = originalData.main_input) == null ? void 0 : _a.table_schema.findIndex(
+            (column) => column.name === newColumnSetting.old_name
+          );
+          let original_object = index !== -1 ? (_b = originalData.main_input) == null ? void 0 : _b.table_schema[index] : void 0;
+          if (original_object) {
+            newColumnSetting.is_altered = (original_object == null ? void 0 : original_object.data_type) !== newColumnSetting.data_type;
+            newColumnSetting.data_type_change = newColumnSetting.is_altered;
+            newColumnSetting.position = index;
+            newColumnSetting.original_position = original_index || index;
+          }
+        });
+      }
+      await nodeStore.updateSettings(nodeSelect);
+    };
+    const updateSelectInputsHandler = (updatedInputs) => {
+      nodeSelect.value.select_input = updatedInputs;
+    };
+    __expose({
+      loadNodeData,
+      pushNodeData
+    });
+    return (_ctx, _cache) => {
+      return dataLoaded.value ? (openBlock(), createElementBlock("div", _hoisted_1$1, [
+        createVNode(GenericNodeSettings, {
+          modelValue: nodeSelect.value,
+          "onUpdate:modelValue": _cache[1] || (_cache[1] = ($event) => nodeSelect.value = $event)
+        }, {
+          default: withCtx(() => [
+            createVNode(selectDynamic, {
+              sortedBy: nodeSelect.value.sorted_by,
+              "onUpdate:sortedBy": _cache[0] || (_cache[0] = ($event) => nodeSelect.value.sorted_by = $event),
+              "select-inputs": nodeSelect.value.select_input,
+              "show-keep-option": true,
+              "show-data-type": true,
+              "show-new-columns": true,
+              "show-old-columns": true,
+              "show-headers": true,
+              "show-title": false,
+              "show-data": true,
+              title: "Select data",
+              onUpdateSelectInputs: updateSelectInputsHandler
+            }, null, 8, ["sortedBy", "select-inputs"])
+          ]),
+          _: 1
+        }, 8, ["modelValue"])
+      ])) : (openBlock(), createBlock(unref(CodeLoader), { key: 1 }));
+    };
+  }
+});
+const _hoisted_1 = { ref: "el" };
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "Select",
+  props: {
+    nodeId: {
+      type: Number,
+      required: true
+    }
+  },
+  setup(__props) {
+    const nodeStore = useNodeStore();
+    const childComp = ref(null);
+    const drawer = ref(false);
+    let isSelected = ref(false);
+    const props = __props;
+    onMounted(async () => {
+      await nextTick();
+    });
+    const closeOnDrawer = () => {
+      var _a;
+      if (drawer.value) {
+        isSelected.value = false;
+        (_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);
+      }
+    };
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("div", _hoisted_1, [
+        createVNode(NodeButton, {
+          ref: "nodeButton",
+          "node-id": __props.nodeId,
+          "image-src": "select.png",
+          title: `${__props.nodeId}: Select data`,
+          onClick: openDrawer
+        }, null, 8, ["node-id", "title"]),
+        drawer.value ? (openBlock(), createBlock(Teleport, {
+          key: 0,
+          to: "#nodesettings"
+        }, [
+          createVNode(NodeTitle, {
+            title: "Select data",
+            intro: "Select columns from the data"
+          }),
+          createVNode(_sfc_main$1, {
+            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/SettingsSection-1f5e79c1.js

@@ -0,0 +1,87 @@
+import { d as defineComponent, c as openBlock, e as createElementBlock, p as createBaseVNode, F as Fragment, q as renderList, s as normalizeClass, t as toDisplayString, T as normalizeStyle, _ as _export_sfc, g as createTextVNode, i as createCommentVNode } from "./index-552863fd.js";
+const _hoisted_1$1 = ["onClick"];
+const _sfc_main$1 = /* @__PURE__ */ defineComponent({
+  __name: "ContextMenu",
+  props: {
+    position: { type: Object, required: true },
+    options: {
+      type: Array,
+      required: true
+    }
+  },
+  emits: ["select", "close"],
+  setup(__props, { emit: __emit }) {
+    const emit = __emit;
+    const selectOption = (action) => {
+      emit("select", action);
+      emit("close");
+    };
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("div", {
+        class: "context-menu",
+        style: normalizeStyle({ top: __props.position.y + "px", left: __props.position.x + "px" })
+      }, [
+        createBaseVNode("ul", null, [
+          (openBlock(true), createElementBlock(Fragment, null, renderList(__props.options, (option) => {
+            return openBlock(), createElementBlock("li", {
+              key: option.action,
+              class: normalizeClass({ disabled: option.disabled }),
+              onClick: ($event) => !option.disabled && selectOption(option.action)
+            }, toDisplayString(option.label), 11, _hoisted_1$1);
+          }), 128))
+        ])
+      ], 4);
+    };
+  }
+});
+const ContextMenu_vue_vue_type_style_index_0_scoped_a562ba5e_lang = "";
+const ContextMenu = /* @__PURE__ */ _export_sfc(_sfc_main$1, [["__scopeId", "data-v-a562ba5e"]]);
+const _hoisted_1 = { class: "listbox-wrapper" };
+const _hoisted_2 = { class: "listbox-row" };
+const _hoisted_3 = { class: "listbox-subtitle" };
+const _hoisted_4 = { class: "items-container" };
+const _hoisted_5 = { key: 0 };
+const _hoisted_6 = ["onClick"];
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "SettingsSection",
+  props: {
+    title: { type: String, required: true },
+    items: { type: Array, required: true }
+  },
+  emits: ["removeItem"],
+  setup(__props, { emit: __emit }) {
+    const emit = __emit;
+    const emitRemove = (item) => {
+      emit("removeItem", item);
+    };
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("div", _hoisted_1, [
+        createBaseVNode("div", _hoisted_2, [
+          createBaseVNode("div", _hoisted_3, toDisplayString(__props.title), 1),
+          createBaseVNode("div", _hoisted_4, [
+            (openBlock(true), createElementBlock(Fragment, null, renderList(__props.items, (item, index) => {
+              return openBlock(), createElementBlock("div", {
+                key: index,
+                class: "item-box"
+              }, [
+                item !== "" ? (openBlock(), createElementBlock("div", _hoisted_5, [
+                  createTextVNode(toDisplayString(item) + " ", 1),
+                  createBaseVNode("span", {
+                    class: "remove-btn",
+                    onClick: ($event) => emitRemove(item)
+                  }, "x", 8, _hoisted_6)
+                ])) : createCommentVNode("", true)
+              ]);
+            }), 128))
+          ])
+        ])
+      ]);
+    };
+  }
+});
+const SettingsSection_vue_vue_type_style_index_0_scoped_89e3a043_lang = "";
+const SettingsSection = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-89e3a043"]]);
+export {
+  ContextMenu as C,
+  SettingsSection as S
+};

flowfile/web/static/assets/SettingsSection-9c836ecc.css

@@ -0,0 +1,47 @@
+
+.context-menu[data-v-a562ba5e] {
+  position: fixed;
+  z-index: 1000;
+  border: 1px solid #ccc;
+  background-color: white;
+  box-shadow: 0 2px 10px rgba(0, 0, 0, 0.2);
+  border-radius: 4px;
+  user-select: none;
+}
+.context-menu ul[data-v-a562ba5e] {
+  list-style: none;
+  padding: 0;
+  margin: 0;
+}
+.context-menu li[data-v-a562ba5e] {
+  padding: 8px 16px;
+  cursor: pointer;
+}
+.context-menu li.disabled[data-v-a562ba5e] {
+  color: #ccc;
+  cursor: not-allowed;
+}
+.context-menu li[data-v-a562ba5e]:hover:not(.disabled) {
+  background-color: #f0f0f0;
+}
+
+.items-container[data-v-89e3a043] {
+  display: flex;
+  flex-wrap: wrap;
+  gap: 10px; /* Space between items */
+}
+.item-box[data-v-89e3a043] {
+  display: flex;
+  align-items: center;
+  padding: 5px 10px;
+  background-color: #f0f0f0;
+  border-radius: 4px;
+  font-size: 12px; /* Font size set to 12px */
+  position: relative;
+}
+.remove-btn[data-v-89e3a043] {
+  margin-left: 8px;
+  cursor: pointer;
+  color: #100f0f72;
+  font-weight: bold;
+}

flowfile/web/static/assets/Sort-3e6cb414.js

@@ -0,0 +1,309 @@
+import { d as defineComponent, r as ref, l as computed, n as onMounted, R as nextTick, o as onUnmounted, b as resolveComponent, c as openBlock, e as createElementBlock, f as createVNode, w as withCtx, p as createBaseVNode, F as Fragment, q as renderList, s as normalizeClass, t as toDisplayString, i as createCommentVNode, T as normalizeStyle, v as withModifiers, h as createBlock, u as unref, _ as _export_sfc, a6 as Teleport } from "./index-552863fd.js";
+import { u as useNodeStore } from "./PopOver-b37ff9be.js";
+import { C as CodeLoader } from "./vue-content-loader.es-6b36f05e.js";
+import { G as GenericNodeSettings } from "./genericNodeSettings-65587f20.js";
+import { N as NodeButton, a as NodeTitle } from "./nodeTitle-cf9bae3c.js";
+import "./designer-e5bbe26f.js";
+const _hoisted_1$1 = {
+  key: 0,
+  class: "listbox-wrapper"
+};
+const _hoisted_2 = { class: "listbox-wrapper" };
+const _hoisted_3 = {
+  key: 0,
+  class: "listbox"
+};
+const _hoisted_4 = ["onClick", "onContextmenu"];
+const _hoisted_5 = { class: "listbox-wrapper" };
+const _hoisted_6 = {
+  key: 0,
+  class: "table-wrapper"
+};
+const _hoisted_7 = { class: "styled-table" };
+const _hoisted_8 = { key: 0 };
+const _hoisted_9 = ["onContextmenu"];
+const _sfc_main$1 = /* @__PURE__ */ defineComponent({
+  __name: "sort",
+  setup(__props, { expose: __expose }) {
+    const nodeStore = useNodeStore();
+    const showContextMenu = ref(false);
+    const showContextMenuRemove = ref(false);
+    const dataLoaded = ref(false);
+    const contextMenuPosition = ref({ x: 0, y: 0 });
+    const contextMenuColumn = ref(null);
+    const contextMenuRef = ref(null);
+    const selectedColumns = ref([]);
+    const nodeSort = ref(null);
+    const nodeData = ref(null);
+    const sortOptions = ["Ascending", "Descending"];
+    const firstSelectedIndex = ref(null);
+    const openRowContextMenu = (event, index) => {
+      event.preventDefault();
+      contextMenuPosition.value = { x: event.clientX, y: event.clientY };
+      contextMenuRowIndex.value = index;
+      showContextMenuRemove.value = true;
+    };
+    const removeRow = () => {
+      var _a;
+      if (contextMenuRowIndex.value !== null) {
+        (_a = nodeSort.value) == null ? void 0 : _a.sort_input.splice(contextMenuRowIndex.value, 1);
+      }
+      showContextMenuRemove.value = false;
+      contextMenuRowIndex.value = null;
+    };
+    const contextMenuRowIndex = ref(null);
+    const singleColumnSelected = computed(() => selectedColumns.value.length == 1);
+    const openContextMenu = (clickedIndex, columnName, event) => {
+      event.preventDefault();
+      event.stopPropagation();
+      if (!selectedColumns.value.includes(columnName)) {
+        selectedColumns.value = [columnName];
+      }
+      contextMenuPosition.value = { x: event.clientX, y: event.clientY };
+      showContextMenu.value = true;
+    };
+    const setSortSettings = (sortType, columns) => {
+      if (columns) {
+        columns.forEach((column) => {
+          var _a;
+          (_a = nodeSort.value) == null ? void 0 : _a.sort_input.push({ column, how: sortType });
+        });
+      }
+      showContextMenu.value = false;
+      contextMenuColumn.value = null;
+    };
+    const handleItemClick = (clickedIndex, columnName, event) => {
+      if (event.shiftKey && firstSelectedIndex.value !== null) {
+        const range = getRange(firstSelectedIndex.value, clickedIndex);
+        selectedColumns.value = range.map((index) => {
+          var _a, _b;
+          return (_b = (_a = nodeData.value) == null ? void 0 : _a.main_input) == null ? void 0 : _b.columns[index];
+        }).filter((col) => col !== void 0);
+      } else {
+        if (firstSelectedIndex.value === clickedIndex) {
+          selectedColumns.value = [];
+        } else {
+          firstSelectedIndex.value = clickedIndex;
+          selectedColumns.value = [columnName];
+        }
+      }
+    };
+    const getRange = (start, end) => {
+      return start < end ? [...Array(end - start + 1).keys()].map((i) => i + start) : [...Array(start - end + 1).keys()].map((i) => i + end);
+    };
+    const loadNodeData = async (nodeId) => {
+      var _a, _b, _c;
+      nodeData.value = await nodeStore.getNodeData(nodeId, false);
+      nodeSort.value = (_a = nodeData.value) == null ? void 0 : _a.setting_input;
+      if (!((_b = nodeData.value) == null ? void 0 : _b.setting_input.is_setup) && nodeSort.value) {
+        nodeSort.value.sort_input = [];
+      }
+      dataLoaded.value = true;
+      if ((_c = nodeSort.value) == null ? void 0 : _c.is_setup) {
+        nodeSort.value.is_setup = true;
+      }
+    };
+    const handleClickOutside = (event) => {
+      var _a;
+      if (!((_a = contextMenuRef.value) == null ? void 0 : _a.contains(event.target))) {
+        showContextMenu.value = false;
+        contextMenuColumn.value = null;
+        showContextMenuRemove.value = false;
+      }
+    };
+    const pushNodeData = async () => {
+      nodeStore.updateSettings(nodeSort);
+      dataLoaded.value = false;
+      nodeStore.isDrawerOpen = false;
+    };
+    __expose({
+      loadNodeData,
+      pushNodeData
+    });
+    onMounted(async () => {
+      await nextTick();
+      window.addEventListener("click", handleClickOutside);
+    });
+    onUnmounted(() => {
+      window.removeEventListener("click", handleClickOutside);
+    });
+    return (_ctx, _cache) => {
+      const _component_el_option = resolveComponent("el-option");
+      const _component_el_select = resolveComponent("el-select");
+      return dataLoaded.value && nodeSort.value ? (openBlock(), createElementBlock("div", _hoisted_1$1, [
+        createVNode(GenericNodeSettings, {
+          modelValue: nodeSort.value,
+          "onUpdate:modelValue": _cache[3] || (_cache[3] = ($event) => nodeSort.value = $event)
+        }, {
+          default: withCtx(() => {
+            var _a, _b;
+            return [
+              createBaseVNode("div", _hoisted_2, [
+                _cache[4] || (_cache[4] = createBaseVNode("div", { class: "listbox-subtitle" }, "Columns", -1)),
+                dataLoaded.value ? (openBlock(), createElementBlock("ul", _hoisted_3, [
+                  (openBlock(true), createElementBlock(Fragment, null, renderList((_b = (_a = nodeData.value) == null ? void 0 : _a.main_input) == null ? void 0 : _b.table_schema, (col_schema, index) => {
+                    return openBlock(), createElementBlock("li", {
+                      key: col_schema.name,
+                      class: normalizeClass({ "is-selected": selectedColumns.value.includes(col_schema.name) }),
+                      onClick: ($event) => handleItemClick(index, col_schema.name, $event),
+                      onContextmenu: ($event) => openContextMenu(index, col_schema.name, $event)
+                    }, toDisplayString(col_schema.name) + " (" + toDisplayString(col_schema.data_type) + ") ", 43, _hoisted_4);
+                  }), 128))
+                ])) : createCommentVNode("", true)
+              ]),
+              showContextMenu.value ? (openBlock(), createElementBlock("div", {
+                key: 0,
+                ref_key: "contextMenuRef",
+                ref: contextMenuRef,
+                class: "context-menu",
+                style: normalizeStyle({
+                  top: contextMenuPosition.value.y + "px",
+                  left: contextMenuPosition.value.x + "px"
+                })
+              }, [
+                !singleColumnSelected.value ? (openBlock(), createElementBlock("button", {
+                  key: 0,
+                  onClick: _cache[0] || (_cache[0] = ($event) => setSortSettings("Ascending", selectedColumns.value))
+                }, " Ascending ")) : createCommentVNode("", true),
+                singleColumnSelected.value ? (openBlock(), createElementBlock("button", {
+                  key: 1,
+                  onClick: _cache[1] || (_cache[1] = ($event) => setSortSettings("Ascending", selectedColumns.value))
+                }, " Ascending ")) : createCommentVNode("", true),
+                singleColumnSelected.value ? (openBlock(), createElementBlock("button", {
+                  key: 2,
+                  onClick: _cache[2] || (_cache[2] = ($event) => setSortSettings("Descending", selectedColumns.value))
+                }, " Descending ")) : createCommentVNode("", true)
+              ], 4)) : createCommentVNode("", true),
+              createBaseVNode("div", _hoisted_5, [
+                _cache[6] || (_cache[6] = createBaseVNode("div", { class: "listbox-subtitle" }, "Settings", -1)),
+                dataLoaded.value ? (openBlock(), createElementBlock("div", _hoisted_6, [
+                  createBaseVNode("table", _hoisted_7, [
+                    _cache[5] || (_cache[5] = createBaseVNode("thead", null, [
+                      createBaseVNode("tr", null, [
+                        createBaseVNode("th", null, "Field"),
+                        createBaseVNode("th", null, "Action")
+                      ])
+                    ], -1)),
+                    createBaseVNode("tbody", null, [
+                      nodeSort.value ? (openBlock(), createElementBlock("div", _hoisted_8, [
+                        (openBlock(true), createElementBlock(Fragment, null, renderList(nodeSort.value.sort_input, (item, index) => {
+                          return openBlock(), createElementBlock("tr", {
+                            key: index,
+                            onContextmenu: withModifiers(($event) => openRowContextMenu($event, index), ["prevent"])
+                          }, [
+                            createBaseVNode("td", null, toDisplayString(item.column), 1),
+                            createBaseVNode("td", null, [
+                              createVNode(_component_el_select, {
+                                modelValue: item.how,
+                                "onUpdate:modelValue": ($event) => item.how = $event,
+                                size: "small"
+                              }, {
+                                default: withCtx(() => [
+                                  (openBlock(), createElementBlock(Fragment, null, renderList(sortOptions, (aggOption) => {
+                                    return createVNode(_component_el_option, {
+                                      key: aggOption,
+                                      label: aggOption,
+                                      value: aggOption
+                                    }, null, 8, ["label", "value"]);
+                                  }), 64))
+                                ]),
+                                _: 2
+                              }, 1032, ["modelValue", "onUpdate:modelValue"])
+                            ])
+                          ], 40, _hoisted_9);
+                        }), 128))
+                      ])) : createCommentVNode("", true)
+                    ])
+                  ])
+                ])) : createCommentVNode("", true),
+                showContextMenuRemove.value ? (openBlock(), createElementBlock("div", {
+                  key: 1,
+                  class: "context-menu",
+                  style: normalizeStyle({
+                    top: contextMenuPosition.value.y + "px",
+                    left: contextMenuPosition.value.x + "px"
+                  })
+                }, [
+                  createBaseVNode("button", { onClick: removeRow }, "Remove")
+                ], 4)) : createCommentVNode("", true)
+              ])
+            ];
+          }),
+          _: 1
+        }, 8, ["modelValue"])
+      ])) : (openBlock(), createBlock(unref(CodeLoader), { key: 1 }));
+    };
+  }
+});
+const sort_vue_vue_type_style_index_0_scoped_001e3d98_lang = "";
+const readInput = /* @__PURE__ */ _export_sfc(_sfc_main$1, [["__scopeId", "data-v-001e3d98"]]);
+const _hoisted_1 = { ref: "el" };
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "Sort",
+  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": "sort.png",
+          title: `${__props.nodeId}: Sort`,
+          onClick: openDrawer
+        }, null, 8, ["node-id", "title"]),
+        drawer.value ? (openBlock(), createBlock(Teleport, {
+          key: 0,
+          to: "#nodesettings"
+        }, [
+          createVNode(NodeTitle, {
+            title: "Sort data",
+            intro: "Sort rows in the data based on one or more columns"
+          }),
+          createVNode(readInput, {
+            ref_key: "childComp",
+            ref: childComp,
+            "node-id": __props.nodeId
+          }, null, 8, ["node-id"])
+        ])) : createCommentVNode("", true)
+      ], 512);
+    };
+  }
+});
+export {
+  _sfc_main as default
+};