Flowfile 0.3.9__py3-none-any.whl → 0.4.0__py3-none-any.whl

flowfile/web/static/assets/{FuzzyMatch-2df0d230.js → FuzzyMatch-abda150d.js}

@@ -1,13 +1,12 @@
-import { d as defineComponent, r as ref, l as computed, n as onMounted, R as nextTick, c as openBlock, e as createElementBlock, f as createVNode, w as withCtx, p as createBaseVNode, s as normalizeClass, F as Fragment, q as renderList, h as createBlock, i as createCommentVNode, g as createTextVNode, t as toDisplayString, a5 as withDirectives, a6 as vModelText, ag as vModelSelect, u as unref, _ as _export_sfc, a7 as Teleport } from "./index-683fc198.js";
-import { u as useNodeStore } from "./vue-codemirror.esm-dc5e3348.js";
-import { C as ColumnSelector } from "./dropDown-0b46dd77.js";
-import { s as selectDynamic } from "./selectDynamic-de91449a.js";
-import { u as unavailableField } from "./UnavailableFields-8b0cb48e.js";
-import { G as GenericNodeSettings } from "./genericNodeSettings-def5879b.js";
-import { C as CodeLoader } from "./vue-content-loader.es-ba94b82f.js";
-import { N as NodeButton, a as NodeTitle } from "./nodeTitle-a16db7c3.js";
-import "./designer-6c322d8e.js";
-const _hoisted_1$1 = {
+import { d as defineComponent, r as ref, l as computed, n as onMounted, R as nextTick, c as openBlock, e as createElementBlock, f as createVNode, w as withCtx, p as createBaseVNode, s as normalizeClass, F as Fragment, q as renderList, h as createBlock, i as createCommentVNode, g as createTextVNode, t as toDisplayString, a8 as withDirectives, a9 as vModelText, ak as vModelSelect, u as unref, _ as _export_sfc } from "./index-5ec791df.js";
+import { u as useNodeStore } from "./vue-codemirror.esm-b1dfaa46.js";
+import { C as ColumnSelector } from "./dropDown-41ebe3c2.js";
+import { s as selectDynamic } from "./selectDynamic-7ad95bca.js";
+import { u as unavailableField } from "./UnavailableFields-66239e83.js";
+import { G as GenericNodeSettings } from "./genericNodeSettings-38410ebf.js";
+import { C as CodeLoader } from "./vue-content-loader.es-22bac17c.js";
+import "./designer-1667687d.js";
+const _hoisted_1 = {
   key: 0,
   class: "fuzzy-join-container"
 };
@@ -43,8 +42,8 @@ const _hoisted_22 = {
 };
 const _hoisted_23 = { class: "settings-card" };
 const _hoisted_24 = { class: "card-content" };
-const _sfc_main$1 = /* @__PURE__ */ defineComponent({
-  __name: "fuzzyMatch",
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "FuzzyMatch",
   setup(__props, { expose: __expose }) {
     const activeTab = ref("match");
     const containsVal = (arr, val) => {
@@ -115,7 +114,7 @@ const _sfc_main$1 = /* @__PURE__ */ defineComponent({
     };
     const loadNodeData = async (nodeId) => {
       var _a, _b, _c, _d, _e, _f;
-      result.value = await nodeStore.getNodeData(nodeId, true);
+      result.value = await nodeStore.getNodeData(nodeId, false);
       nodeFuzzyJoin.value = (_a = result.value) == null ? void 0 : _a.setting_input;
       if (!((_b = nodeFuzzyJoin.value) == null ? void 0 : _b.is_setup) && ((_c = result.value) == null ? void 0 : _c.main_input)) {
         if (nodeFuzzyJoin.value) {
@@ -129,7 +128,6 @@ const _sfc_main$1 = /* @__PURE__ */ defineComponent({
         }
       } else {
         isLoaded.value = true;
-        console.log("Data reloaded");
       }
       isLoaded.value = true;
     };
@@ -161,8 +159,6 @@ const _sfc_main$1 = /* @__PURE__ */ defineComponent({
       }
     };
     const pushNodeData = async () => {
-      isLoaded.value = false;
-      nodeStore.isDrawerOpen = false;
       if (nodeFuzzyJoin.value) {
         nodeFuzzyJoin.value.is_setup = true;
       }
@@ -188,7 +184,7 @@ const _sfc_main$1 = /* @__PURE__ */ defineComponent({
       await nextTick();
     });
     return (_ctx, _cache) => {
-      return isLoaded.value && nodeFuzzyJoin.value ? (openBlock(), createElementBlock("div", _hoisted_1$1, [
+      return isLoaded.value && nodeFuzzyJoin.value ? (openBlock(), createElementBlock("div", _hoisted_1, [
         createVNode(GenericNodeSettings, {
           modelValue: nodeFuzzyJoin.value,
           "onUpdate:modelValue": _cache[5] || (_cache[5] = ($event) => nodeFuzzyJoin.value = $event)
@@ -348,75 +344,8 @@ const _sfc_main$1 = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const fuzzyMatch_vue_vue_type_style_index_0_scoped_99f9b22f_lang = "";
-const joinInput = /* @__PURE__ */ _export_sfc(_sfc_main$1, [["__scopeId", "data-v-99f9b22f"]]);
-const _hoisted_1 = { ref: "el" };
-const _sfc_main = /* @__PURE__ */ defineComponent({
-  __name: "FuzzyMatch",
-  props: {
-    nodeId: {
-      type: Number,
-      required: true
-    }
-  },
-  setup(__props) {
-    const nodeStore = useNodeStore();
-    const props = __props;
-    const childComp = ref(null);
-    const drawer = ref(false);
-    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": "fuzzy_match.png",
-          title: `${__props.nodeId}: Fuzzy match`,
-          onClick: openDrawer
-        }, null, 8, ["node-id", "title"]),
-        drawer.value ? (openBlock(), createBlock(Teleport, {
-          key: 0,
-          to: "#nodesettings"
-        }, [
-          createVNode(NodeTitle, {
-            title: "Fuzzy match",
-            intro: "Match data based on string similarity"
-          }),
-          createVNode(joinInput, {
-            ref_key: "childComp",
-            ref: childComp,
-            "node-id": __props.nodeId
-          }, null, 8, ["node-id"])
-        ])) : createCommentVNode("", true)
-      ], 512);
-    };
-  }
-});
+const FuzzyMatch_vue_vue_type_style_index_0_scoped_3c562315_lang = "";
+const FuzzyMatch = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-3c562315"]]);
 export {
-  _sfc_main as default
+  FuzzyMatch as default
 };

flowfile/web/static/assets/{GraphSolver-d285877f.js → GraphSolver-4ecad1d7.js}

@@ -1,87 +1,10 @@
-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, r as ref, l as computed, n as onMounted, R as nextTick, o as onUnmounted, b as resolveComponent, f as createVNode, w as withCtx, v as withModifiers, h as createBlock, a7 as Teleport } from "./index-683fc198.js";
-import { u as useNodeStore } from "./vue-codemirror.esm-dc5e3348.js";
-import { G as GenericNodeSettings } from "./genericNodeSettings-def5879b.js";
-import { N as NodeButton, a as NodeTitle } from "./nodeTitle-a16db7c3.js";
-import "./designer-6c322d8e.js";
-const _hoisted_1$3 = ["onClick"];
-const _sfc_main$3 = /* @__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$3);
-          }), 128))
-        ])
-      ], 4);
-    };
-  }
-});
-const ContextMenu_vue_vue_type_style_index_0_scoped_d0286fd2_lang = "";
-const ContextMenu = /* @__PURE__ */ _export_sfc(_sfc_main$3, [["__scopeId", "data-v-d0286fd2"]]);
-const _hoisted_1$2 = { class: "listbox-wrapper" };
-const _hoisted_2$1 = { class: "listbox-row" };
-const _hoisted_3$1 = { class: "listbox-subtitle" };
-const _hoisted_4$1 = { class: "items-container" };
-const _hoisted_5$1 = {
-  key: 0,
-  class: "item-box"
-};
-const _sfc_main$2 = /* @__PURE__ */ defineComponent({
-  __name: "SettingsSection",
-  props: {
-    title: { type: String, required: true },
-    item: { type: String, required: true }
-    // Changed to a single item
-  },
-  emits: ["removeItem"],
-  setup(__props, { emit: __emit }) {
-    const emit = __emit;
-    const emitRemove = (item) => {
-      emit("removeItem", item);
-    };
-    return (_ctx, _cache) => {
-      return openBlock(), createElementBlock("div", _hoisted_1$2, [
-        createBaseVNode("div", _hoisted_2$1, [
-          createBaseVNode("div", _hoisted_3$1, toDisplayString(__props.title), 1),
-          createBaseVNode("div", _hoisted_4$1, [
-            __props.item !== "" ? (openBlock(), createElementBlock("div", _hoisted_5$1, [
-              createTextVNode(toDisplayString(__props.item) + " ", 1),
-              createBaseVNode("span", {
-                class: "remove-btn",
-                onClick: _cache[0] || (_cache[0] = ($event) => emitRemove(__props.item))
-              }, "x")
-            ])) : createCommentVNode("", true)
-          ])
-        ])
-      ]);
-    };
-  }
-});
-const SettingsSection_vue_vue_type_style_index_0_scoped_43acf78a_lang = "";
-const SettingsSection = /* @__PURE__ */ _export_sfc(_sfc_main$2, [["__scopeId", "data-v-43acf78a"]]);
-const _hoisted_1$1 = {
+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, v as withModifiers, t as toDisplayString, h as createBlock, i as createCommentVNode, _ as _export_sfc } from "./index-5ec791df.js";
+import { u as useNodeStore } from "./vue-codemirror.esm-b1dfaa46.js";
+import ContextMenu from "./ContextMenu-2b348c4c.js";
+import SettingsSection from "./SettingsSection-5634f439.js";
+import { G as GenericNodeSettings } from "./genericNodeSettings-38410ebf.js";
+import "./designer-1667687d.js";
+const _hoisted_1 = {
   key: 0,
   class: "listbox-wrapper"
 };
@@ -90,8 +13,8 @@ const _hoisted_3 = { class: "listbox" };
 const _hoisted_4 = ["onClick", "onContextmenu", "onDragstart", "onDrop"];
 const _hoisted_5 = { class: "listbox-wrapper" };
 const _hoisted_6 = { class: "listbox-wrapper" };
-const _sfc_main$1 = /* @__PURE__ */ defineComponent({
-  __name: "graphSolver",
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "GraphSolver",
   props: { nodeId: { type: Number, required: true } },
   setup(__props, { expose: __expose }) {
     const nodeStore = useNodeStore();
@@ -206,7 +129,6 @@ const _sfc_main$1 = /* @__PURE__ */ defineComponent({
         }
       }
       dataLoaded.value = true;
-      nodeStore.isDrawerOpen = true;
     };
     const handleClickOutside = (event) => {
       const targetEvent = event.target;
@@ -221,7 +143,6 @@ const _sfc_main$1 = /* @__PURE__ */ defineComponent({
       if (nodeGraphSolver.value) {
         nodeStore.updateSettings(nodeGraphSolver);
       }
-      nodeStore.isDrawerOpen = false;
     };
     __expose({
       loadNodeData,
@@ -236,7 +157,7 @@ const _sfc_main$1 = /* @__PURE__ */ defineComponent({
     });
     return (_ctx, _cache) => {
       const _component_el_input = resolveComponent("el-input");
-      return dataLoaded.value && nodeGraphSolver.value ? (openBlock(), createElementBlock("div", _hoisted_1$1, [
+      return dataLoaded.value && nodeGraphSolver.value ? (openBlock(), createElementBlock("div", _hoisted_1, [
         createVNode(GenericNodeSettings, {
           modelValue: nodeGraphSolver.value,
           "onUpdate:modelValue": _cache[8] || (_cache[8] = ($event) => nodeGraphSolver.value = $event)
@@ -308,75 +229,8 @@ const _sfc_main$1 = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const graphSolver_vue_vue_type_style_index_0_scoped_5a467b52_lang = "";
-const readInput = /* @__PURE__ */ _export_sfc(_sfc_main$1, [["__scopeId", "data-v-5a467b52"]]);
-const _hoisted_1 = { ref: "el" };
-const _sfc_main = /* @__PURE__ */ defineComponent({
-  __name: "GraphSolver",
-  props: {
-    nodeId: {
-      type: Number,
-      required: true
-    }
-  },
-  setup(__props) {
-    const nodeStore = useNodeStore();
-    const childComp = ref(null);
-    const props = __props;
-    const drawer = ref(false);
-    const closeOnDrawer = () => {
-      var _a;
-      drawer.value = false;
-      (_a = childComp.value) == null ? void 0 : _a.pushNodeData();
-    };
-    const openDrawer = async () => {
-      if (nodeStore.node_id === props.nodeId) {
-        nodeStore.openDrawer(closeOnDrawer);
-        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": "graph_solver.png",
-          title: `${__props.nodeId}: Graph Solver`,
-          onClick: openDrawer
-        }, null, 8, ["node-id", "title"]),
-        drawer.value ? (openBlock(), createBlock(Teleport, {
-          key: 0,
-          to: "#nodesettings"
-        }, [
-          createVNode(NodeTitle, {
-            title: "Graph Solver",
-            intro: "Find groups in your data"
-          }),
-          createVNode(readInput, {
-            ref_key: "childComp",
-            ref: childComp,
-            "node-id": __props.nodeId
-          }, null, 8, ["node-id"])
-        ])) : createCommentVNode("", true)
-      ], 512);
-    };
-  }
-});
+const GraphSolver_vue_vue_type_style_index_0_scoped_b4673e65_lang = "";
+const GraphSolver = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-b4673e65"]]);
 export {
-  _sfc_main as default
+  GraphSolver as default
 };

flowfile/web/static/assets/GraphSolver-f0cb7bfb.css

@@ -0,0 +1,22 @@
+
+.context-menu[data-v-b4673e65] {
+  position: fixed;
+  z-index: 1000;
+  border: 1px solid #ccc;
+  background-color: white;
+  padding: 8px;
+  box-shadow: 0 2px 10px rgba(0, 0, 0, 0.2);
+  border-radius: 4px;
+}
+.context-menu ul[data-v-b4673e65] {
+  list-style: none;
+  padding: 0;
+  margin: 0;
+}
+.context-menu li[data-v-b4673e65] {
+  padding: 8px 16px;
+  cursor: pointer;
+}
+.context-menu li[data-v-b4673e65]:hover {
+  background-color: #f0f0f0;
+}

flowfile/web/static/assets/{GroupBy-0bd1cc6b.js → GroupBy-656d07f3.js}

@@ -1,10 +1,9 @@
-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, a7 as Teleport } from "./index-683fc198.js";
-import { C as CodeLoader } from "./vue-content-loader.es-ba94b82f.js";
-import { u as useNodeStore } from "./vue-codemirror.esm-dc5e3348.js";
-import { G as GenericNodeSettings } from "./genericNodeSettings-def5879b.js";
-import { N as NodeButton, a as NodeTitle } from "./nodeTitle-a16db7c3.js";
-import "./designer-6c322d8e.js";
-const _hoisted_1$1 = { key: 0 };
+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 } from "./index-5ec791df.js";
+import { C as CodeLoader } from "./vue-content-loader.es-22bac17c.js";
+import { u as useNodeStore } from "./vue-codemirror.esm-b1dfaa46.js";
+import { G as GenericNodeSettings } from "./genericNodeSettings-38410ebf.js";
+import "./designer-1667687d.js";
+const _hoisted_1 = { key: 0 };
 const _hoisted_2 = { class: "listbox-wrapper" };
 const _hoisted_3 = {
   key: 0,
@@ -18,8 +17,8 @@ const _hoisted_6 = {
 };
 const _hoisted_7 = { class: "styled-table" };
 const _hoisted_8 = ["onContextmenu"];
-const _sfc_main$1 = /* @__PURE__ */ defineComponent({
-  __name: "groupBy",
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "GroupBy",
   setup(__props, { expose: __expose }) {
     const nodeStore = useNodeStore();
     const showContextMenu = ref(false);
@@ -132,7 +131,6 @@ const _sfc_main$1 = /* @__PURE__ */ defineComponent({
     const loadNodeData = async (nodeId) => {
       loadData(nodeId);
       dataLoaded.value = true;
-      nodeStore.isDrawerOpen = true;
     };
     const handleClickOutside = (event) => {
       var _a;
@@ -211,7 +209,6 @@ const _sfc_main$1 = /* @__PURE__ */ defineComponent({
     const pushNodeData = async () => {
       var _a, _b, _c;
       dataLoaded.value = false;
-      nodeStore.isDrawerOpen = false;
       if ((_a = nodeGroupBy.value) == null ? void 0 : _a.is_setup) {
         nodeGroupBy.value.is_setup = true;
       }
@@ -236,7 +233,7 @@ const _sfc_main$1 = /* @__PURE__ */ defineComponent({
       const _component_el_option = resolveComponent("el-option");
       const _component_el_select = resolveComponent("el-select");
       const _component_el_input = resolveComponent("el-input");
-      return dataLoaded.value && nodeGroupBy.value ? (openBlock(), createElementBlock("div", _hoisted_1$1, [
+      return dataLoaded.value && nodeGroupBy.value ? (openBlock(), createElementBlock("div", _hoisted_1, [
         createVNode(GenericNodeSettings, {
           modelValue: nodeGroupBy.value,
           "onUpdate:modelValue": _cache[1] || (_cache[1] = ($event) => nodeGroupBy.value = $event)
@@ -347,68 +344,8 @@ const _sfc_main$1 = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const groupBy_vue_vue_type_style_index_0_scoped_f29b10dc_lang = "";
-const readInput = /* @__PURE__ */ _export_sfc(_sfc_main$1, [["__scopeId", "data-v-f29b10dc"]]);
-const _hoisted_1 = { ref: "el" };
-const _sfc_main = /* @__PURE__ */ defineComponent({
-  __name: "GroupBy",
-  props: {
-    nodeId: {
-      type: Number,
-      required: true
-    }
-  },
-  setup(__props) {
-    const nodeStore = useNodeStore();
-    const childComp = ref(null);
-    const props = __props;
-    const drawer = ref(false);
-    const closeOnDrawer = () => {
-      var _a;
-      drawer.value = false;
-      (_a = childComp.value) == null ? void 0 : _a.pushNodeData();
-    };
-    const openDrawer = async () => {
-      nodeStore.closeDrawer();
-      drawer.value = true;
-      nodeStore.isDrawerOpen;
-      nodeStore.isDrawerOpen = true;
-      await nextTick();
-      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": "group_by.png",
-          title: `${__props.nodeId}: Group by`,
-          onClick: openDrawer
-        }, null, 8, ["node-id", "title"]),
-        drawer.value ? (openBlock(), createBlock(Teleport, {
-          key: 0,
-          to: "#nodesettings"
-        }, [
-          createVNode(NodeTitle, {
-            title: "Group by",
-            intro: "Group data by a column"
-          }),
-          createVNode(readInput, {
-            ref_key: "childComp",
-            ref: childComp,
-            "node-id": __props.nodeId
-          }, null, 8, ["node-id"])
-        ])) : createCommentVNode("", true)
-      ], 512);
-    };
-  }
-});
+const GroupBy_vue_vue_type_style_index_0_scoped_734437d8_lang = "";
+const GroupBy = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-734437d8"]]);
 export {
-  _sfc_main as default
+  GroupBy as default
 };

flowfile/web/static/assets/{Unique-b5615727.css → GroupBy-b9505323.css}

@@ -1,5 +1,5 @@
 
-.context-menu[data-v-8edf8bb6] {
+.context-menu[data-v-734437d8] {
   position: fixed;
   z-index: 1000;
   border: 1px solid #ccc;
@@ -9,7 +9,7 @@
   border-radius: 4px;
   user-select: none;
 }
-.context-menu button[data-v-8edf8bb6] {
+.context-menu button[data-v-734437d8] {
   display: block;
   background: none;
   border: none;
@@ -19,17 +19,17 @@
   cursor: pointer;
   z-index: 100;
 }
-.context-menu button[data-v-8edf8bb6]:hover {
+.context-menu button[data-v-734437d8]:hover {
   background-color: #f0f0f0;
 }
-.table-wrapper[data-v-8edf8bb6] {
+.table-wrapper[data-v-734437d8] {
   max-height: 300px; /* Adjust this value as needed */
   box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1); /* subtle shadow for depth */
   border-radius: 8px; /* rounded corners */
   overflow: auto; /* ensures the rounded corners are applied to the child elements */
   margin: 5px; /* adds a small margin around the table */
 }
-.context-menu[data-v-8edf8bb6] {
+.context-menu[data-v-734437d8] {
   position: fixed;
   z-index: 1000;
   border: 1px solid #ccc;
@@ -37,15 +37,15 @@
   box-shadow: 0 2px 10px rgba(0, 0, 0, 0.2);
   border-radius: 4px;
 }
-.context-menu ul[data-v-8edf8bb6] {
+.context-menu ul[data-v-734437d8] {
   list-style: none;
   padding: 0;
   margin: 0;
 }
-.context-menu li[data-v-8edf8bb6] {
+.context-menu li[data-v-734437d8] {
   padding: 8px 16px;
   cursor: pointer;
 }
-.context-menu li[data-v-8edf8bb6]:hover {
+.context-menu li[data-v-734437d8]:hover {
   background-color: #f0f0f0;
 }