Flowfile 0.3.8__py3-none-any.whl → 0.3.10__py3-none-any.whl

flowfile/web/static/assets/SQLQueryComponent-36cef432.css

@@ -0,0 +1,27 @@
+
+.query-section[data-v-29602f2f] {
+  margin-top: 1rem;
+  padding-top: 1rem;
+  border-top: 1px solid #edf2f7;
+}
+.section-subtitle[data-v-29602f2f] {
+  margin: 0 0 0.75rem 0;
+  font-size: 0.95rem;
+  font-weight: 600;
+  color: #4a5568;
+}
+.form-group[data-v-29602f2f] {
+  margin-bottom: 1rem;
+}
+.form-control[data-v-29602f2f] {
+  width: 100%;
+  padding: 0.5rem;
+  border: 1px solid #e2e8f0;
+  border-radius: 4px;
+  font-size: 0.875rem;
+}
+.textarea[data-v-29602f2f] {
+  resize: vertical;
+  min-height: 100px;
+  font-family: monospace;
+}

flowfile/web/static/assets/SQLQueryComponent-e149dbf2.js

@@ -0,0 +1,38 @@
+import { d as defineComponent, c as openBlock, e as createElementBlock, p as createBaseVNode, _ as _export_sfc } from "./index-d0518598.js";
+const _hoisted_1 = { class: "query-section" };
+const _hoisted_2 = { class: "form-group" };
+const _hoisted_3 = ["value"];
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "SQLQueryComponent",
+  props: {
+    modelValue: {}
+  },
+  emits: ["update:modelValue"],
+  setup(__props, { emit: __emit }) {
+    const emit = __emit;
+    const onInput = (event) => {
+      const target = event.target;
+      emit("update:modelValue", target.value);
+    };
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("div", _hoisted_1, [
+        _cache[0] || (_cache[0] = createBaseVNode("h4", { class: "section-subtitle" }, "SQL Query", -1)),
+        createBaseVNode("div", _hoisted_2, [
+          createBaseVNode("textarea", {
+            id: "query",
+            value: _ctx.modelValue,
+            class: "form-control textarea",
+            placeholder: "Enter SQL query",
+            rows: "4",
+            onInput
+          }, null, 40, _hoisted_3)
+        ])
+      ]);
+    };
+  }
+});
+const SQLQueryComponent_vue_vue_type_style_index_0_scoped_29602f2f_lang = "";
+const SqlQueryComponent = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-29602f2f"]]);
+export {
+  SqlQueryComponent as default
+};

flowfile/web/static/assets/{Sample-3ed9a0ae.js → Sample-f06cb97a.js}

@@ -1,15 +1,14 @@
-import { d as defineComponent, r as ref, 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, g as createTextVNode, a5 as withDirectives, a6 as vModelText, i as createCommentVNode, h as createBlock, a7 as Teleport } from "./index-f6c15e76.js";
-import { u as useNodeStore } from "./vue-codemirror.esm-2847001e.js";
-import { G as GenericNodeSettings } from "./genericNodeSettings-71e11604.js";
-import { N as NodeButton, a as NodeTitle } from "./nodeTitle-988d9efe.js";
-import "./designer-13eabd83.js";
-const _hoisted_1$1 = {
+import { d as defineComponent, r as ref, 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, g as createTextVNode, a8 as withDirectives, a9 as vModelText, i as createCommentVNode } from "./index-d0518598.js";
+import { u as useNodeStore } from "./vue-codemirror.esm-9ed00d50.js";
+import { G as GenericNodeSettings } from "./genericNodeSettings-d3b2b2ac.js";
+import "./designer-bf3d9487.js";
+const _hoisted_1 = {
   key: 0,
   class: "listbox-wrapper"
 };
 const _hoisted_2 = { class: "listbox-wrapper" };
-const _sfc_main$1 = /* @__PURE__ */ defineComponent({
-  __name: "sample",
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "Sample",
   setup(__props, { expose: __expose }) {
     const nodeStore = useNodeStore();
     const showContextMenu = ref(false);
@@ -50,7 +49,6 @@ const _sfc_main$1 = /* @__PURE__ */ defineComponent({
       }
       nodeStore.updateSettings(nodeSample);
       dataLoaded.value = false;
-      nodeStore.isDrawerOpen = false;
     };
     __expose({
       loadNodeData,
@@ -66,7 +64,7 @@ const _sfc_main$1 = /* @__PURE__ */ defineComponent({
     return (_ctx, _cache) => {
       const _component_el_col = resolveComponent("el-col");
       const _component_el_row = resolveComponent("el-row");
-      return dataLoaded.value && nodeSample.value ? (openBlock(), createElementBlock("div", _hoisted_1$1, [
+      return dataLoaded.value && nodeSample.value ? (openBlock(), createElementBlock("div", _hoisted_1, [
         createVNode(GenericNodeSettings, {
           modelValue: nodeSample.value,
           "onUpdate:modelValue": _cache[1] || (_cache[1] = ($event) => nodeSample.value = $event)
@@ -113,73 +111,6 @@ const _sfc_main$1 = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const _hoisted_1 = { ref: "el" };
-const _sfc_main = /* @__PURE__ */ defineComponent({
-  __name: "Sample",
-  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;
-      (_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": "sample.png",
-          title: `${__props.nodeId}: Sample`,
-          onClick: openDrawer
-        }, null, 8, ["node-id", "title"]),
-        drawer.value ? (openBlock(), createBlock(Teleport, {
-          key: 0,
-          to: "#nodesettings"
-        }, [
-          createVNode(NodeTitle, {
-            title: "Sample",
-            intro: "When taking a sample, the most crucial factor to consider is the size of the sample. The size refers to the number of items or observations included in the sample from a larger population. This number is pivotal because it influences the accuracy and reliability of the results obtained from the sample. By carefully determining the sample size, we ensure that our findings are representative of the larger group, allowing us to make informed decisions or predictions based on the sample 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/{SecretManager-0d49c0e8.js → SecretManager-37f34886.js}

@@ -1,5 +1,5 @@
-import { r as ref, l as computed, d as defineComponent, n as onMounted, e as createElementBlock, p as createBaseVNode, v as withModifiers, a5 as withDirectives, a6 as vModelText, ah as vModelDynamic, s as normalizeClass, g as createTextVNode, t as toDisplayString, u as unref, O as isRef, i as createCommentVNode, F as Fragment, q as renderList, c as openBlock } from "./index-f6c15e76.js";
-import { f as fetchSecretsApi, a as addSecretApi, g as getSecretValueApi, d as deleteSecretApi } from "./secretApi-dd636aa2.js";
+import { r as ref, l as computed, d as defineComponent, n as onMounted, e as createElementBlock, p as createBaseVNode, v as withModifiers, a8 as withDirectives, a9 as vModelText, al as vModelDynamic, s as normalizeClass, g as createTextVNode, t as toDisplayString, u as unref, O as isRef, i as createCommentVNode, F as Fragment, q as renderList, c as openBlock } from "./index-d0518598.js";
+import { f as fetchSecretsApi, a as addSecretApi, g as getSecretValueApi, d as deleteSecretApi } from "./secretApi-ce823eee.js";
 function useSecretManager() {
   const secrets = ref([]);
   const isLoading = ref(true);

flowfile/web/static/assets/{Select-8a02a0b3.js → Select-b60e6c47.js}

@@ -1,11 +1,10 @@
-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, a7 as Teleport, i as createCommentVNode } from "./index-f6c15e76.js";
-import { C as CodeLoader } from "./vue-content-loader.es-0371da73.js";
-import { u as useNodeStore } from "./vue-codemirror.esm-2847001e.js";
-import { s as selectDynamic } from "./selectDynamic-af36165e.js";
-import { G as GenericNodeSettings } from "./genericNodeSettings-71e11604.js";
-import { N as NodeButton, a as NodeTitle } from "./nodeTitle-988d9efe.js";
-import "./UnavailableFields-a1768e52.js";
-import "./designer-13eabd83.js";
+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 } from "./index-d0518598.js";
+import { C as CodeLoader } from "./vue-content-loader.es-7bca2d9b.js";
+import { u as useNodeStore } from "./vue-codemirror.esm-9ed00d50.js";
+import { s as selectDynamic } from "./selectDynamic-5476546e.js";
+import { G as GenericNodeSettings } from "./genericNodeSettings-d3b2b2ac.js";
+import "./UnavailableFields-88a4cd0c.js";
+import "./designer-bf3d9487.js";
 const createSelectInput = (column_name, data_type = void 0, position = void 0, original_position = void 0) => {
   const selectInput = {
     old_name: column_name,
@@ -60,12 +59,12 @@ const createNodeSelect = (flowId = -1, nodeId = -1, pos_x = 0, pos_y = 0, cache_
   });
   return nodeSelectRef;
 };
-const _hoisted_1$1 = {
+const _hoisted_1 = {
   key: 0,
   class: "listbox-wrapper"
 };
-const _sfc_main$1 = /* @__PURE__ */ defineComponent({
-  __name: "select",
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "Select",
   setup(__props, { expose: __expose }) {
     const keepMissing = ref(false);
     const nodeStore = useNodeStore();
@@ -73,7 +72,6 @@ const _sfc_main$1 = /* @__PURE__ */ defineComponent({
     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 {
@@ -85,7 +83,6 @@ const _sfc_main$1 = /* @__PURE__ */ defineComponent({
             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;
@@ -128,7 +125,7 @@ const _sfc_main$1 = /* @__PURE__ */ defineComponent({
       pushNodeData
     });
     return (_ctx, _cache) => {
-      return dataLoaded.value ? (openBlock(), createElementBlock("div", _hoisted_1$1, [
+      return dataLoaded.value ? (openBlock(), createElementBlock("div", _hoisted_1, [
         createVNode(GenericNodeSettings, {
           modelValue: nodeSelect.value,
           "onUpdate:modelValue": _cache[1] || (_cache[1] = ($event) => nodeSelect.value = $event)
@@ -155,77 +152,6 @@ const _sfc_main$1 = /* @__PURE__ */ defineComponent({
     };
   }
 });
-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-2e4d03c4.css

@@ -0,0 +1,21 @@
+
+.items-container[data-v-fd7e6af1] {
+  display: flex;
+  flex-wrap: wrap;
+  gap: 10px; /* Space between items */
+}
+.item-box[data-v-fd7e6af1] {
+  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-fd7e6af1] {
+  margin-left: 8px;
+  cursor: pointer;
+  color: #100f0f72;
+  font-weight: bold;
+}

flowfile/web/static/assets/SettingsSection-5c696bee.css

@@ -0,0 +1,20 @@
+
+.items-container[data-v-43acf78a] {
+  display: flex;
+  gap: 10px; /* Space between items */
+}
+.item-box[data-v-43acf78a] {
+  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-43acf78a] {
+  margin-left: 8px;
+  cursor: pointer;
+  color: #100f0f72;
+  font-weight: bold;
+}

flowfile/web/static/assets/SettingsSection-70e5a7b1.js

@@ -0,0 +1,53 @@
+import { d as defineComponent, c as openBlock, e as createElementBlock, p as createBaseVNode, T as normalizeStyle, t as toDisplayString, F as Fragment, q as renderList, g as createTextVNode, i as createCommentVNode, _ as _export_sfc } from "./index-d0518598.js";
+const _hoisted_1 = { class: "listbox-wrapper" };
+const _hoisted_2 = { class: "listbox-row" };
+const _hoisted_3 = { class: "items-container" };
+const _hoisted_4 = { key: 0 };
+const _hoisted_5 = ["onClick"];
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "SettingsSection",
+  props: {
+    title: { type: String, required: true },
+    titleFontSize: { type: String, default: "15px" },
+    items: { type: Array, required: true }
+  },
+  emits: ["removeItem"],
+  setup(__props, { emit: __emit }) {
+    const props = __props;
+    const emit = __emit;
+    const emitRemove = (item) => {
+      emit("removeItem", item);
+    };
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("div", _hoisted_1, [
+        createBaseVNode("div", _hoisted_2, [
+          createBaseVNode("div", {
+            class: "listbox-title",
+            style: normalizeStyle({ fontSize: props.titleFontSize })
+          }, toDisplayString(__props.title), 5),
+          createBaseVNode("div", _hoisted_3, [
+            (openBlock(true), createElementBlock(Fragment, null, renderList(__props.items, (item, index) => {
+              return openBlock(), createElementBlock("div", {
+                key: index,
+                class: "item-box"
+              }, [
+                item !== "" ? (openBlock(), createElementBlock("div", _hoisted_4, [
+                  createTextVNode(toDisplayString(item) + " ", 1),
+                  createBaseVNode("span", {
+                    class: "remove-btn",
+                    onClick: ($event) => emitRemove(item)
+                  }, "x", 8, _hoisted_5)
+                ])) : createCommentVNode("", true)
+              ]);
+            }), 128))
+          ])
+        ])
+      ]);
+    };
+  }
+});
+const SettingsSection_vue_vue_type_style_index_0_scoped_fd7e6af1_lang = "";
+const SettingsSection = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-fd7e6af1"]]);
+export {
+  SettingsSection as default
+};

flowfile/web/static/assets/SettingsSection-71e6b7e3.css

@@ -0,0 +1,21 @@
+
+.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/{SettingsSection-4c0f45f5.js → SettingsSection-75b6cf4f.js}

@@ -1,41 +1,4 @@
-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-f6c15e76.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"]]);
+import { d as defineComponent, c as openBlock, e as createElementBlock, p as createBaseVNode, t as toDisplayString, F as Fragment, q as renderList, g as createTextVNode, i as createCommentVNode, _ as _export_sfc } from "./index-d0518598.js";
 const _hoisted_1 = { class: "listbox-wrapper" };
 const _hoisted_2 = { class: "listbox-row" };
 const _hoisted_3 = { class: "listbox-subtitle" };
@@ -82,6 +45,5 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
 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
+  SettingsSection as default
 };

flowfile/web/static/assets/SettingsSection-e57a672e.js

@@ -0,0 +1,45 @@
+import { d as defineComponent, c as openBlock, e as createElementBlock, p as createBaseVNode, t as toDisplayString, g as createTextVNode, i as createCommentVNode, _ as _export_sfc } from "./index-d0518598.js";
+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,
+  class: "item-box"
+};
+const _sfc_main = /* @__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, [
+        createBaseVNode("div", _hoisted_2, [
+          createBaseVNode("div", _hoisted_3, toDisplayString(__props.title), 1),
+          createBaseVNode("div", _hoisted_4, [
+            __props.item !== "" ? (openBlock(), createElementBlock("div", _hoisted_5, [
+              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, [["__scopeId", "data-v-43acf78a"]]);
+export {
+  SettingsSection as default
+};

flowfile/web/static/assets/{GroupBy-ab1ea74b.css → Sort-3643d625.css}

@@ -1,5 +1,5 @@
 
-.context-menu[data-v-f29b10dc] {
+.context-menu[data-v-0177dec6] {
   position: fixed;
   z-index: 1000;
   border: 1px solid #ccc;
@@ -9,7 +9,7 @@
   border-radius: 4px;
   user-select: none;
 }
-.context-menu button[data-v-f29b10dc] {
+.context-menu button[data-v-0177dec6] {
   display: block;
   background: none;
   border: none;
@@ -19,17 +19,17 @@
   cursor: pointer;
   z-index: 100;
 }
-.context-menu button[data-v-f29b10dc]:hover {
+.context-menu button[data-v-0177dec6]:hover {
   background-color: #f0f0f0;
 }
-.table-wrapper[data-v-f29b10dc] {
+.table-wrapper[data-v-0177dec6] {
   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-f29b10dc] {
+.context-menu[data-v-0177dec6] {
   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-f29b10dc] {
+.context-menu ul[data-v-0177dec6] {
   list-style: none;
   padding: 0;
   margin: 0;
 }
-.context-menu li[data-v-f29b10dc] {
+.context-menu li[data-v-0177dec6] {
   padding: 8px 16px;
   cursor: pointer;
 }
-.context-menu li[data-v-f29b10dc]:hover {
+.context-menu li[data-v-0177dec6]:hover {
   background-color: #f0f0f0;
 }