Flowfile 0.3.4.1__py3-none-any.whl → 0.3.6__py3-none-any.whl

flowfile/web/static/assets/{ExploreData-fdfc45a4.js → ExploreData-131a6d53.js}

@@ -1,8 +1,8 @@
-import { C as CodeLoader } from "./vue-content-loader.es-6c4b1c24.js";
-import { k as getDefaultExportFromCjs, d as defineComponent, r as ref, n as onMounted, o as onUnmounted, c as openBlock, e as createElementBlock, af as toRaw, _ as _export_sfc, a as axios, l as computed, h as createBlock, u as unref, p as createBaseVNode, t as toDisplayString, f as createVNode, a7 as Teleport, i as createCommentVNode, R as nextTick } from "./index-e235a8bc.js";
-import { u as useNodeStore } from "./vue-codemirror.esm-25e75a08.js";
-import { N as NodeButton, a as NodeTitle } from "./nodeTitle-fc3fc4b7.js";
-import { u as useItemStore } from "./designer-267d44f1.js";
+import { C as CodeLoader } from "./vue-content-loader.es-93bd09d7.js";
+import { k as getDefaultExportFromCjs, d as defineComponent, r as ref, n as onMounted, o as onUnmounted, c as openBlock, e as createElementBlock, af as toRaw, _ as _export_sfc, a as axios, l as computed, h as createBlock, u as unref, p as createBaseVNode, t as toDisplayString, f as createVNode, a7 as Teleport, i as createCommentVNode, R as nextTick } from "./index-3a75211d.js";
+import { u as useNodeStore } from "./vue-codemirror.esm-f15a5f87.js";
+import { N as NodeButton, a as NodeTitle } from "./nodeTitle-a63d4680.js";
+import { u as useItemStore } from "./designer-94a6bf4d.js";
 function _mergeNamespaces(n10, m10) {
   for (var i = 0; i < m10.length; i++) {
     const e20 = m10[i];

flowfile/web/static/assets/{ExternalSource-861b0e71.js → ExternalSource-e3549dcc.js}

@@ -1,9 +1,9 @@
-import { C as CodeLoader } from "./vue-content-loader.es-6c4b1c24.js";
-import { u as useNodeStore } from "./vue-codemirror.esm-25e75a08.js";
-import { G as GenericNodeSettings } from "./genericNodeSettings-4bdcf98e.js";
-import { d as defineComponent, r as ref, a3 as watchEffect, b as resolveComponent, c as openBlock, e as createElementBlock, f as createVNode, w as withCtx, p as createBaseVNode, F as Fragment, q as renderList, i as createCommentVNode, h as createBlock, u as unref, _ as _export_sfc, n as onMounted, R as nextTick, a7 as Teleport } from "./index-e235a8bc.js";
-import { N as NodeButton, a as NodeTitle } from "./nodeTitle-fc3fc4b7.js";
-import "./designer-267d44f1.js";
+import { C as CodeLoader } from "./vue-content-loader.es-93bd09d7.js";
+import { u as useNodeStore } from "./vue-codemirror.esm-f15a5f87.js";
+import { G as GenericNodeSettings } from "./genericNodeSettings-7013cc94.js";
+import { d as defineComponent, r as ref, a3 as watchEffect, b as resolveComponent, c as openBlock, e as createElementBlock, f as createVNode, w as withCtx, p as createBaseVNode, F as Fragment, q as renderList, i as createCommentVNode, h as createBlock, u as unref, _ as _export_sfc, n as onMounted, R as nextTick, a7 as Teleport } from "./index-3a75211d.js";
+import { N as NodeButton, a as NodeTitle } from "./nodeTitle-a63d4680.js";
+import "./designer-94a6bf4d.js";
 function get_template_source_type(type, options) {
   switch (type) {
     case "SAMPLE_USERS":

flowfile/web/static/assets/{Filter-f87bb897.js → Filter-6e0730ae.js}

@@ -1,11 +1,11 @@
-import { d as defineComponent, r as ref, b as resolveComponent, c as openBlock, e as createElementBlock, f as createVNode, w as withCtx, p as createBaseVNode, g as createTextVNode, i as createCommentVNode, u as unref, a5 as withDirectives, a6 as vModelText, h as createBlock, _ as _export_sfc, n as onMounted, R as nextTick, a7 as Teleport } from "./index-e235a8bc.js";
-import { C as CodeLoader } from "./vue-content-loader.es-6c4b1c24.js";
-import { C as ColumnSelector } from "./dropDown-52790b15.js";
-import { u as useNodeStore } from "./vue-codemirror.esm-25e75a08.js";
-import mainEditorRef from "./fullEditor-e272b506.js";
-import { G as GenericNodeSettings } from "./genericNodeSettings-4bdcf98e.js";
-import { N as NodeButton, a as NodeTitle } from "./nodeTitle-fc3fc4b7.js";
-import "./designer-267d44f1.js";
+import { d as defineComponent, r as ref, b as resolveComponent, c as openBlock, e as createElementBlock, f as createVNode, w as withCtx, p as createBaseVNode, g as createTextVNode, i as createCommentVNode, u as unref, a5 as withDirectives, a6 as vModelText, h as createBlock, _ as _export_sfc, n as onMounted, R as nextTick, a7 as Teleport } from "./index-3a75211d.js";
+import { C as CodeLoader } from "./vue-content-loader.es-93bd09d7.js";
+import { C as ColumnSelector } from "./dropDown-c2d2aa97.js";
+import { u as useNodeStore } from "./vue-codemirror.esm-f15a5f87.js";
+import mainEditorRef from "./fullEditor-921ac5fd.js";
+import { G as GenericNodeSettings } from "./genericNodeSettings-7013cc94.js";
+import { N as NodeButton, a as NodeTitle } from "./nodeTitle-a63d4680.js";
+import "./designer-94a6bf4d.js";
 const _hoisted_1 = { key: 0 };
 const _hoisted_2 = { class: "listbox-wrapper" };
 const _hoisted_3 = { style: { "border-radius": "20px" } };

flowfile/web/static/assets/{Formula-1e2ed720.js → Formula-02f033e6.js}

@@ -1,12 +1,78 @@
-import { C as CodeLoader } from "./vue-content-loader.es-6c4b1c24.js";
-import { u as useNodeStore } from "./vue-codemirror.esm-25e75a08.js";
-import mainEditorRef from "./fullEditor-e272b506.js";
-import { D as DropDownGeneric } from "./dropDownGeneric-60f56a8a.js";
-import { G as GenericNodeSettings } from "./genericNodeSettings-4bdcf98e.js";
-import { d as defineComponent, r as ref, c as openBlock, e as createElementBlock, f as createVNode, w as withCtx, u as unref, i as createCommentVNode, h as createBlock, _ as _export_sfc, n as onMounted, R as nextTick, a7 as Teleport } from "./index-e235a8bc.js";
-import { N as NodeButton, a as NodeTitle } from "./nodeTitle-fc3fc4b7.js";
-import "./dropDown-52790b15.js";
-import "./designer-267d44f1.js";
+import { C as CodeLoader } from "./vue-content-loader.es-93bd09d7.js";
+import { u as useNodeStore } from "./vue-codemirror.esm-f15a5f87.js";
+import mainEditorRef from "./fullEditor-921ac5fd.js";
+import { C as ColumnSelector } from "./dropDown-c2d2aa97.js";
+import { d as defineComponent, r as ref, m as watch, c as openBlock, e as createElementBlock, t as toDisplayString, i as createCommentVNode, p as createBaseVNode, f as createVNode, _ as _export_sfc, w as withCtx, u as unref, h as createBlock, n as onMounted, R as nextTick, a7 as Teleport } from "./index-3a75211d.js";
+import { G as GenericNodeSettings } from "./genericNodeSettings-7013cc94.js";
+import { N as NodeButton, a as NodeTitle } from "./nodeTitle-a63d4680.js";
+import "./designer-94a6bf4d.js";
+const _hoisted_1$2 = {
+  key: 0,
+  class: "label"
+};
+const _hoisted_2$1 = { class: "select-wrapper" };
+const _sfc_main$2 = /* @__PURE__ */ defineComponent({
+  __name: "dropDownGeneric",
+  props: {
+    modelValue: {
+      type: String,
+      default: "NewField"
+    },
+    optionList: {
+      type: Array,
+      required: true
+    },
+    title: {
+      type: String,
+      default: ""
+    },
+    allowOther: {
+      type: Boolean,
+      default: true
+    },
+    placeholder: {
+      type: String,
+      default: "Select an option"
+    },
+    isLoading: {
+      type: Boolean,
+      default: false
+    }
+  },
+  emits: ["update:modelValue", "change"],
+  setup(__props, { emit: __emit }) {
+    const props = __props;
+    const emit = __emit;
+    const localSelectedValue = ref(props.modelValue);
+    watch(
+      () => props.modelValue,
+      (newVal) => {
+        localSelectedValue.value = newVal;
+      }
+    );
+    watch(localSelectedValue, (newVal) => {
+      emit("update:modelValue", newVal);
+      emit("change", newVal);
+    });
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("div", null, [
+        __props.title !== "" ? (openBlock(), createElementBlock("p", _hoisted_1$2, toDisplayString(__props.title), 1)) : createCommentVNode("", true),
+        createBaseVNode("div", _hoisted_2$1, [
+          createVNode(ColumnSelector, {
+            modelValue: localSelectedValue.value,
+            "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => localSelectedValue.value = $event),
+            "column-options": __props.optionList,
+            "allow-other": __props.allowOther,
+            placeholder: __props.placeholder,
+            "is-loading": __props.isLoading
+          }, null, 8, ["modelValue", "column-options", "allow-other", "placeholder", "is-loading"])
+        ])
+      ]);
+    };
+  }
+});
+const dropDownGeneric_vue_vue_type_style_index_0_scoped_f2958f57_lang = "";
+const DropDownGeneric = /* @__PURE__ */ _export_sfc(_sfc_main$2, [["__scopeId", "data-v-f2958f57"]]);
 const createFormulaInput = (field_name = "", data_type = "String", function_def = "") => {
   const fieldInput = {
     name: field_name,

flowfile/web/static/assets/{Formula-b8cefc31.css → Formula-29f19d21.css}

@@ -1,3 +1,13 @@
+
+.label[data-v-f2958f57] {
+  font-weight: bold;
+  margin-bottom: 8px;
+  color: #333;
+}
+.select-wrapper[data-v-f2958f57] {
+  width: 100%;
+  position: relative;
+}
 .x-flip[data-v-710d5b5e] {
   transform: scaleX(-1);
 }

flowfile/web/static/assets/{FuzzyMatch-b6cc4fdd.js → FuzzyMatch-54c14036.js}

@@ -1,12 +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-e235a8bc.js";
-import { u as useNodeStore } from "./vue-codemirror.esm-25e75a08.js";
-import { C as ColumnSelector } from "./dropDown-52790b15.js";
-import { s as selectDynamic } from "./selectDynamic-96aa82cd.js";
-import { u as unavailableField } from "./UnavailableFields-c42880a3.js";
-import { G as GenericNodeSettings } from "./genericNodeSettings-4bdcf98e.js";
-import { C as CodeLoader } from "./vue-content-loader.es-6c4b1c24.js";
-import { N as NodeButton, a as NodeTitle } from "./nodeTitle-fc3fc4b7.js";
-import "./designer-267d44f1.js";
+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-3a75211d.js";
+import { u as useNodeStore } from "./vue-codemirror.esm-f15a5f87.js";
+import { C as ColumnSelector } from "./dropDown-c2d2aa97.js";
+import { s as selectDynamic } from "./selectDynamic-08464729.js";
+import { u as unavailableField } from "./UnavailableFields-118f1d20.js";
+import { G as GenericNodeSettings } from "./genericNodeSettings-7013cc94.js";
+import { C as CodeLoader } from "./vue-content-loader.es-93bd09d7.js";
+import { N as NodeButton, a as NodeTitle } from "./nodeTitle-a63d4680.js";
+import "./designer-94a6bf4d.js";
 const _hoisted_1$1 = {
   key: 0,
   class: "fuzzy-join-container"

flowfile/web/static/assets/{GraphSolver-6a371f4c.js → GraphSolver-08a3f499.js}

@@ -1,8 +1,8 @@
-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-e235a8bc.js";
-import { u as useNodeStore } from "./vue-codemirror.esm-25e75a08.js";
-import { G as GenericNodeSettings } from "./genericNodeSettings-4bdcf98e.js";
-import { N as NodeButton, a as NodeTitle } from "./nodeTitle-fc3fc4b7.js";
-import "./designer-267d44f1.js";
+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-3a75211d.js";
+import { u as useNodeStore } from "./vue-codemirror.esm-f15a5f87.js";
+import { G as GenericNodeSettings } from "./genericNodeSettings-7013cc94.js";
+import { N as NodeButton, a as NodeTitle } from "./nodeTitle-a63d4680.js";
+import "./designer-94a6bf4d.js";
 const _hoisted_1$3 = ["onClick"];
 const _sfc_main$3 = /* @__PURE__ */ defineComponent({
   __name: "ContextMenu",

flowfile/web/static/assets/{GroupBy-f7b7f472.js → GroupBy-2ae38139.js}

@@ -1,9 +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-e235a8bc.js";
-import { C as CodeLoader } from "./vue-content-loader.es-6c4b1c24.js";
-import { u as useNodeStore } from "./vue-codemirror.esm-25e75a08.js";
-import { G as GenericNodeSettings } from "./genericNodeSettings-4bdcf98e.js";
-import { N as NodeButton, a as NodeTitle } from "./nodeTitle-fc3fc4b7.js";
-import "./designer-267d44f1.js";
+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-3a75211d.js";
+import { C as CodeLoader } from "./vue-content-loader.es-93bd09d7.js";
+import { u as useNodeStore } from "./vue-codemirror.esm-f15a5f87.js";
+import { G as GenericNodeSettings } from "./genericNodeSettings-7013cc94.js";
+import { N as NodeButton, a as NodeTitle } from "./nodeTitle-a63d4680.js";
+import "./designer-94a6bf4d.js";
 const _hoisted_1$1 = { key: 0 };
 const _hoisted_2 = { class: "listbox-wrapper" };
 const _hoisted_3 = {

flowfile/web/static/assets/{Join-eec38203.js → Join-493b9772.js}

@@ -1,12 +1,12 @@
-import { C as CodeLoader } from "./vue-content-loader.es-6c4b1c24.js";
-import { u as useNodeStore } from "./vue-codemirror.esm-25e75a08.js";
-import { C as ColumnSelector } from "./dropDown-52790b15.js";
-import { s as selectDynamic } from "./selectDynamic-96aa82cd.js";
-import { G as GenericNodeSettings } from "./genericNodeSettings-4bdcf98e.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, a7 as Teleport } from "./index-e235a8bc.js";
-import { N as NodeButton, a as NodeTitle } from "./nodeTitle-fc3fc4b7.js";
-import "./UnavailableFields-c42880a3.js";
-import "./designer-267d44f1.js";
+import { C as CodeLoader } from "./vue-content-loader.es-93bd09d7.js";
+import { u as useNodeStore } from "./vue-codemirror.esm-f15a5f87.js";
+import { C as ColumnSelector } from "./dropDown-c2d2aa97.js";
+import { s as selectDynamic } from "./selectDynamic-08464729.js";
+import { G as GenericNodeSettings } from "./genericNodeSettings-7013cc94.js";
+import { d as defineComponent, r as ref, l as computed, 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, a7 as Teleport } from "./index-3a75211d.js";
+import { N as NodeButton, a as NodeTitle } from "./nodeTitle-a63d4680.js";
+import "./UnavailableFields-118f1d20.js";
+import "./designer-94a6bf4d.js";
 const _hoisted_1$1 = {
   key: 0,
   class: "listbox-wrapper"
@@ -22,6 +22,7 @@ const _sfc_main$1 = /* @__PURE__ */ defineComponent({
   __name: "join",
   setup(__props, { expose: __expose }) {
     const joinTypes = ["inner", "left", "right", "full", "semi", "anti", "cross"];
+    const JOIN_TYPES_WITHOUT_COLUMN_SELECTION = ["anti", "semi"];
     const handleJoinTypeError = (error) => {
       console.error("Join type error:", error);
     };
@@ -53,6 +54,11 @@ const _sfc_main$1 = /* @__PURE__ */ defineComponent({
         });
       }
     };
+    const showColumnSelection = computed(() => {
+      var _a;
+      const joinType = (_a = nodeJoin.value) == null ? void 0 : _a.join_input.how;
+      return joinType && !JOIN_TYPES_WITHOUT_COLUMN_SELECTION.includes(joinType);
+    });
     const removeJoinCondition = (index) => {
       if (nodeJoin.value && index >= 0) {
         nodeJoin.value.join_input.join_mapping.splice(index, 1);
@@ -147,7 +153,8 @@ const _sfc_main$1 = /* @__PURE__ */ defineComponent({
                   ])
                 ])
               ]),
-              createVNode(selectDynamic, {
+              showColumnSelection.value ? (openBlock(), createBlock(selectDynamic, {
+                key: 0,
                 "select-inputs": (_b = nodeJoin.value) == null ? void 0 : _b.join_input.left_select.renames,
                 "show-keep-option": true,
                 "show-title": true,
@@ -155,8 +162,9 @@ const _sfc_main$1 = /* @__PURE__ */ defineComponent({
                 "show-data": true,
                 title: "Left data",
                 onUpdateSelectInputs: _cache[1] || (_cache[1] = (updatedInputs) => updateSelectInputsHandler(updatedInputs, true))
-              }, null, 8, ["select-inputs"]),
-              createVNode(selectDynamic, {
+              }, null, 8, ["select-inputs"])) : createCommentVNode("", true),
+              showColumnSelection.value ? (openBlock(), createBlock(selectDynamic, {
+                key: 1,
                 "select-inputs": (_c = nodeJoin.value) == null ? void 0 : _c.join_input.right_select.renames,
                 "show-keep-option": true,
                 "show-headers": true,
@@ -164,7 +172,7 @@ const _sfc_main$1 = /* @__PURE__ */ defineComponent({
                 "show-data": true,
                 title: "Right data",
                 onUpdateSelectInputs: _cache[2] || (_cache[2] = (updatedInputs) => updateSelectInputsHandler(updatedInputs, true))
-              }, null, 8, ["select-inputs"])
+              }, null, 8, ["select-inputs"])) : createCommentVNode("", true)
             ];
           }),
           _: 1,
@@ -174,8 +182,8 @@ const _sfc_main$1 = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const join_vue_vue_type_style_index_0_scoped_ed38aa97_lang = "";
-const joinInput = /* @__PURE__ */ _export_sfc(_sfc_main$1, [["__scopeId", "data-v-ed38aa97"]]);
+const join_vue_vue_type_style_index_0_scoped_f4a6a0de_lang = "";
+const joinInput = /* @__PURE__ */ _export_sfc(_sfc_main$1, [["__scopeId", "data-v-f4a6a0de"]]);
 const _hoisted_1 = { ref: "el" };
 const _sfc_main = /* @__PURE__ */ defineComponent({
   __name: "Join",

flowfile/web/static/assets/{Join-41c0f331.css → Join-f45eff22.css}

@@ -1,12 +1,12 @@
 
 /* Join Type Selector */
-.join-type-selector[data-v-ed38aa97] {
+.join-type-selector[data-v-f4a6a0de] {
   display: flex;
   align-items: center;
   margin: 12px;
   gap: 10px;
 }
-.join-type-label[data-v-ed38aa97] {
+.join-type-label[data-v-f4a6a0de] {
   font-size: 12px;
   color: #333;
   font-weight: 500;
@@ -14,27 +14,27 @@
 }
 
 /* Join Mapping Section */
-.table-wrapper[data-v-ed38aa97] {
+.table-wrapper[data-v-f4a6a0de] {
   border: 1px solid #eee;
   border-radius: 6px;
   overflow: hidden;
   margin: 5px;
 }
-.selectors-header[data-v-ed38aa97] {
+.selectors-header[data-v-f4a6a0de] {
   display: flex;
   justify-content: space-between;
   padding: 8px 16px;
   background-color: #fafafa;
   border-bottom: 1px solid #eee;
 }
-.selectors-title[data-v-ed38aa97] {
+.selectors-title[data-v-f4a6a0de] {
   flex: 1;
   text-align: center;
   font-size: 12px;
   color: #666;
   font-weight: 500;
 }
-.selectors-container[data-v-ed38aa97] {
+.selectors-container[data-v-f4a6a0de] {
   padding: 12px;
   box-sizing: border-box;
   width: 100%;
@@ -42,7 +42,7 @@
   justify-content: space-between;
   flex-direction: column;
 }
-.selectors-row[data-v-ed38aa97] {
+.selectors-row[data-v-f4a6a0de] {
   display: flex;
   gap: 12px;
   margin-bottom: 8px;
@@ -50,20 +50,20 @@
   display: flex;
   justify-content: space-between;
 }
-.selectors-row[data-v-ed38aa97]:last-child {
+.selectors-row[data-v-f4a6a0de]:last-child {
   margin-bottom: 0;
 }
 
 /* Action Buttons */
-.action-buttons[data-v-ed38aa97] {
+.action-buttons[data-v-f4a6a0de] {
   display: flex;
   gap: 4px;
   min-width: 60px;
   justify-content: center;
 }
-.action-button[data-v-ed38aa97],
-.add-join-button[data-v-ed38aa97],
-.remove-join-button[data-v-ed38aa97] {
+.action-button[data-v-f4a6a0de],
+.add-join-button[data-v-f4a6a0de],
+.remove-join-button[data-v-f4a6a0de] {
   cursor: pointer;
   width: 24px;
   height: 24px;
@@ -76,34 +76,34 @@
   font-size: 14px;
   transition: all 0.2s ease;
 }
-.add-join-button[data-v-ed38aa97] {
+.add-join-button[data-v-f4a6a0de] {
   color: #45a049;
   border-color: #45a049;
 }
-.add-join-button[data-v-ed38aa97]:hover {
+.add-join-button[data-v-f4a6a0de]:hover {
   background-color: #45a049;
   color: #fff;
 }
-.remove-join-button[data-v-ed38aa97] {
+.remove-join-button[data-v-f4a6a0de] {
   color: #d32f2f;
   border-color: #d32f2f;
 }
-.remove-join-button[data-v-ed38aa97]:hover {
+.remove-join-button[data-v-f4a6a0de]:hover {
   background-color: #d32f2f;
   color: #fff;
 }
 
 /* Custom scrollbar */
-.selectors-container[data-v-ed38aa97]::-webkit-scrollbar {
+.selectors-container[data-v-f4a6a0de]::-webkit-scrollbar {
   width: 8px;
 }
-.selectors-container[data-v-ed38aa97]::-webkit-scrollbar-track {
+.selectors-container[data-v-f4a6a0de]::-webkit-scrollbar-track {
   background: transparent;
 }
-.selectors-container[data-v-ed38aa97]::-webkit-scrollbar-thumb {
+.selectors-container[data-v-f4a6a0de]::-webkit-scrollbar-thumb {
   background-color: rgba(0, 0, 0, 0.1);
   border-radius: 4px;
 }
-.selectors-container[data-v-ed38aa97]::-webkit-scrollbar-thumb:hover {
+.selectors-container[data-v-f4a6a0de]::-webkit-scrollbar-thumb:hover {
   background-color: rgba(0, 0, 0, 0.2);
 }