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

flowfile/web/static/assets/{Output-411ecaee.js → Output-eb041599.js}

@@ -1,7 +1,9 @@
-import { u as useNodeStore } from "./vue-codemirror.esm-dc5e3348.js";
-import { d as defineComponent, r as ref, m as watch, c as openBlock, e as createElementBlock, p as createBaseVNode, f as createVNode, w as withCtx, F as Fragment, q as renderList, h as createBlock, u as unref, an as ElOption, ao as ElSelect, _ as _export_sfc, b as resolveComponent, i as createCommentVNode, l as computed, g as createTextVNode, a as axios, n as onMounted, R as nextTick, a7 as Teleport } from "./index-683fc198.js";
-import { w as warning_filled_default, F as FileBrowser } from "./designer-6c322d8e.js";
-import { N as NodeButton, a as NodeTitle } from "./nodeTitle-a16db7c3.js";
+import { u as useNodeStore } from "./vue-codemirror.esm-b1dfaa46.js";
+import { d as defineComponent, r as ref, l as computed, b as resolveComponent, c as openBlock, e as createElementBlock, p as createBaseVNode, h as createBlock, i as createCommentVNode, f as createVNode, w as withCtx, u as unref, g as createTextVNode, F as Fragment, q as renderList, a as axios, _ as _export_sfc } from "./index-5ec791df.js";
+import CsvTableConfig from "./outputCsv-059583b6.js";
+import ExcelTableConfig from "./outputExcel-76b1e02c.js";
+import ParquetTableConfig from "./outputParquet-440fd4c7.js";
+import { w as warning_filled_default, F as FileBrowser } from "./designer-1667687d.js";
 const createDefaultParquetSettings = () => {
   return {
     file_type: "parquet"
@@ -32,168 +34,7 @@ const createDefaultOutputSettings = () => {
     output_excel_table: createDefaultExcelSettings()
   };
 };
-const _hoisted_1$4 = { class: "csv-table-settings" };
-const _hoisted_2$2 = { class: "input-group" };
-const _hoisted_3$2 = { class: "input-group" };
-const _sfc_main$4 = /* @__PURE__ */ defineComponent({
-  __name: "outputCsv",
-  props: {
-    modelValue: {
-      type: Object,
-      required: true
-    }
-  },
-  emits: ["update:modelValue"],
-  setup(__props, { emit: __emit }) {
-    const props = __props;
-    const emit = __emit;
-    const localCsvTable = ref(props.modelValue);
-    const csv_settings = {
-      delimiter_options: [",", ";", "|", "tab"],
-      encoding_options: ["utf-8", "ISO-8859-1", "ASCII"]
-    };
-    const updateParent = () => {
-      emit("update:modelValue", localCsvTable.value);
-    };
-    watch(
-      () => props.modelValue,
-      (newVal) => {
-        localCsvTable.value = newVal;
-      },
-      { deep: true }
-    );
-    return (_ctx, _cache) => {
-      return openBlock(), createElementBlock("div", _hoisted_1$4, [
-        createBaseVNode("div", _hoisted_2$2, [
-          _cache[2] || (_cache[2] = createBaseVNode("label", { for: "delimiter" }, "File delimiter:", -1)),
-          createVNode(unref(ElSelect), {
-            modelValue: localCsvTable.value.delimiter,
-            "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => localCsvTable.value.delimiter = $event),
-            placeholder: "Select delimiter",
-            size: "small",
-            style: { "max-width": "200px" },
-            onChange: updateParent
-          }, {
-            default: withCtx(() => [
-              (openBlock(true), createElementBlock(Fragment, null, renderList(csv_settings.delimiter_options, (option) => {
-                return openBlock(), createBlock(unref(ElOption), {
-                  key: option,
-                  label: option,
-                  value: option
-                }, null, 8, ["label", "value"]);
-              }), 128))
-            ]),
-            _: 1
-          }, 8, ["modelValue"])
-        ]),
-        createBaseVNode("div", _hoisted_3$2, [
-          _cache[3] || (_cache[3] = createBaseVNode("label", { for: "encoding" }, "File encoding:", -1)),
-          createVNode(unref(ElSelect), {
-            modelValue: localCsvTable.value.encoding,
-            "onUpdate:modelValue": _cache[1] || (_cache[1] = ($event) => localCsvTable.value.encoding = $event),
-            placeholder: "Select encoding",
-            size: "small",
-            style: { "max-width": "200px" },
-            onChange: updateParent
-          }, {
-            default: withCtx(() => [
-              (openBlock(true), createElementBlock(Fragment, null, renderList(csv_settings.encoding_options, (option) => {
-                return openBlock(), createBlock(unref(ElOption), {
-                  key: option,
-                  label: option,
-                  value: option
-                }, null, 8, ["label", "value"]);
-              }), 128))
-            ]),
-            _: 1
-          }, 8, ["modelValue"])
-        ])
-      ]);
-    };
-  }
-});
-const outputCsv_vue_vue_type_style_index_0_scoped_9ecfb42a_lang = "";
-const CsvTableConfig = /* @__PURE__ */ _export_sfc(_sfc_main$4, [["__scopeId", "data-v-9ecfb42a"]]);
-const _hoisted_1$3 = { class: "excel-table-settings" };
-const _hoisted_2$1 = { class: "mandatory-section" };
-const _hoisted_3$1 = {
-  key: 0,
-  class: "section-divider"
-};
-const _sfc_main$3 = /* @__PURE__ */ defineComponent({
-  __name: "outputExcel",
-  props: {
-    modelValue: {
-      type: Object,
-      required: true
-    }
-  },
-  emits: ["update:modelValue"],
-  setup(__props, { emit: __emit }) {
-    const props = __props;
-    const emit = __emit;
-    const localExcelTable = ref(props.modelValue);
-    const showOptionalSettings = ref(false);
-    const updateParent = () => {
-      emit("update:modelValue", localExcelTable.value);
-    };
-    watch(
-      () => props.modelValue,
-      (newVal) => {
-        localExcelTable.value = newVal;
-      },
-      { deep: true }
-    );
-    return (_ctx, _cache) => {
-      const _component_el_input = resolveComponent("el-input");
-      return openBlock(), createElementBlock("div", _hoisted_1$3, [
-        createBaseVNode("div", _hoisted_2$1, [
-          _cache[1] || (_cache[1] = createBaseVNode("label", { for: "sheet-name" }, "Sheet Name:", -1)),
-          createVNode(_component_el_input, {
-            id: "sheet-name",
-            modelValue: localExcelTable.value.sheet_name,
-            "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => localExcelTable.value.sheet_name = $event),
-            type: "text",
-            required: "",
-            size: "small",
-            onInput: updateParent
-          }, null, 8, ["modelValue"]),
-          showOptionalSettings.value ? (openBlock(), createElementBlock("hr", _hoisted_3$1)) : createCommentVNode("", true)
-        ])
-      ]);
-    };
-  }
-});
-const outputExcel_vue_vue_type_style_index_0_scoped_45248953_lang = "";
-const ExcelTableConfig = /* @__PURE__ */ _export_sfc(_sfc_main$3, [["__scopeId", "data-v-45248953"]]);
-const _hoisted_1$2 = { class: "parquet-table-settings" };
-const _sfc_main$2 = /* @__PURE__ */ defineComponent({
-  __name: "outputParquet",
-  props: {
-    modelValue: {
-      type: Object,
-      required: true
-    }
-  },
-  emits: ["update:modelValue"],
-  setup(__props, { emit: __emit }) {
-    const props = __props;
-    const localParquetTable = ref(props.modelValue);
-    watch(
-      () => props.modelValue,
-      (newVal) => {
-        localParquetTable.value = newVal;
-      },
-      { deep: true }
-    );
-    return (_ctx, _cache) => {
-      return openBlock(), createElementBlock("div", _hoisted_1$2);
-    };
-  }
-});
-const outputParquet_vue_vue_type_style_index_0_scoped_7db0128e_lang = "";
-const ParquetTableConfig = /* @__PURE__ */ _export_sfc(_sfc_main$2, [["__scopeId", "data-v-7db0128e"]]);
-const _hoisted_1$1 = {
+const _hoisted_1 = {
   key: 0,
   class: "listbox-wrapper"
 };
@@ -205,8 +46,8 @@ const _hoisted_4 = {
 };
 const _hoisted_5 = { class: "main-part" };
 const _hoisted_6 = { class: "file-type-row" };
-const _sfc_main$1 = /* @__PURE__ */ defineComponent({
-  __name: "output",
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "Output",
   setup(__props, { expose: __expose }) {
     const nodeStore = useNodeStore();
     const nodeOutput = ref(null);
@@ -306,7 +147,6 @@ const _sfc_main$1 = /* @__PURE__ */ defineComponent({
       const nodeResult = await nodeStore.getNodeData(nodeId, false);
       if ((nodeResult == null ? void 0 : nodeResult.setting_input) && nodeResult.setting_input.is_setup) {
         nodeOutput.value = nodeResult.setting_input;
-        console.log("this is all good", nodeResult == null ? void 0 : nodeResult.setting_input);
       } else {
         nodeOutput.value = {
           output_settings: createDefaultOutputSettings(),
@@ -339,7 +179,7 @@ const _sfc_main$1 = /* @__PURE__ */ defineComponent({
       const _component_el_option = resolveComponent("el-option");
       const _component_el_select = resolveComponent("el-select");
       const _component_el_dialog = resolveComponent("el-dialog");
-      return dataLoaded.value && nodeOutput.value && nodeOutput.value.output_settings ? (openBlock(), createElementBlock("div", _hoisted_1$1, [
+      return dataLoaded.value && nodeOutput.value && nodeOutput.value.output_settings ? (openBlock(), createElementBlock("div", _hoisted_1, [
         createBaseVNode("div", _hoisted_2, [
           createBaseVNode("div", _hoisted_3, [
             createBaseVNode("label", {
@@ -459,78 +299,8 @@ const _sfc_main$1 = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const output_vue_vue_type_style_index_0_scoped_3955fb0e_lang = "";
-const outputPage = /* @__PURE__ */ _export_sfc(_sfc_main$1, [["__scopeId", "data-v-3955fb0e"]]);
-const _hoisted_1 = { ref: "el" };
-const _sfc_main = /* @__PURE__ */ defineComponent({
-  __name: "Output",
-  props: {
-    nodeId: {
-      type: Number,
-      required: true
-    }
-  },
-  setup(__props) {
-    const props = __props;
-    const nodeStore = useNodeStore();
-    ref(false);
-    const childComp = ref(null);
-    const closeOnDrawer = () => {
-      var _a;
-      console.log("closeOnDrawer");
-      if (drawer.value) {
-        (_a = childComp.value) == null ? void 0 : _a.pushNodeData();
-        drawer.value = false;
-      }
-    };
-    const drawer = ref(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": "output.png",
-          title: `${__props.nodeId}: Write data`,
-          onClick: openDrawer
-        }, null, 8, ["node-id", "title"]),
-        drawer.value ? (openBlock(), createBlock(Teleport, {
-          key: 0,
-          to: "#nodesettings"
-        }, [
-          createVNode(NodeTitle, {
-            title: "Write data",
-            intro: "Write data to a file or database"
-          }),
-          createVNode(outputPage, {
-            ref_key: "childComp",
-            ref: childComp,
-            "node-id": __props.nodeId
-          }, null, 8, ["node-id"])
-        ])) : createCommentVNode("", true)
-      ], 512);
-    };
-  }
-});
+const Output_vue_vue_type_style_index_0_scoped_86e92d7d_lang = "";
+const Output = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-86e92d7d"]]);
 export {
-  _sfc_main as default
+  Output as default
 };

flowfile/web/static/assets/Pivot-cf333e3d.css

@@ -0,0 +1,22 @@
+
+.context-menu[data-v-868bfce8] {
+  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-868bfce8] {
+  list-style: none;
+  padding: 0;
+  margin: 0;
+}
+.context-menu li[data-v-868bfce8] {
+  padding: 8px 16px;
+  cursor: pointer;
+}
+.context-menu li[data-v-868bfce8]:hover {
+  background-color: #f0f0f0;
+}

flowfile/web/static/assets/{Pivot-89db4b04.js → Pivot-f5c774f4.js}

@@ -1,67 +1,11 @@
-import { d as defineComponent, l as computed, c as openBlock, h as createBlock, w as withCtx, f as createVNode, u as unref, ap as ElIcon, p as createBaseVNode, e as createElementBlock, i as createCommentVNode, aq as ElPopover, _ as _export_sfc, r as ref, n as onMounted, R as nextTick, o as onUnmounted, b as resolveComponent, F as Fragment, q as renderList, s as normalizeClass, v as withModifiers, t as toDisplayString, a7 as Teleport } from "./index-683fc198.js";
-import { u as useNodeStore } from "./vue-codemirror.esm-dc5e3348.js";
-import { C as ContextMenu, S as SettingsSection } from "./SettingsSection-695ac487.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$2 = { class: "validation-wrapper" };
-const _hoisted_2$1 = {
-  key: 0,
-  class: "error-message"
-};
-const _hoisted_3$1 = {
-  key: 1,
-  class: "error-message"
-};
-const _hoisted_4$1 = {
-  key: 2,
-  class: "error-message"
-};
-const _sfc_main$2 = /* @__PURE__ */ defineComponent({
-  __name: "PivotValidation",
-  props: {
-    pivotInput: {}
-  },
-  setup(__props) {
-    const props = __props;
-    const showValidationMessages = computed(() => {
-      return !props.pivotInput.pivot_column || !props.pivotInput.value_col || props.pivotInput.aggregations.length === 0;
-    });
-    return (_ctx, _cache) => {
-      return showValidationMessages.value ? (openBlock(), createBlock(unref(ElPopover), {
-        key: 0,
-        placement: "top",
-        width: "200",
-        trigger: "hover",
-        content: "Some required fields are missing"
-      }, {
-        reference: withCtx(() => [
-          createVNode(unref(ElIcon), {
-            color: "#FF6B6B",
-            class: "warning-icon"
-          }, {
-            default: withCtx(() => _cache[0] || (_cache[0] = [
-              createBaseVNode("i", { class: "el-icon-warning" }, null, -1)
-            ])),
-            _: 1,
-            __: [0]
-          })
-        ]),
-        default: withCtx(() => [
-          createBaseVNode("div", _hoisted_1$2, [
-            !_ctx.pivotInput.pivot_column ? (openBlock(), createElementBlock("p", _hoisted_2$1, "Pivot Column cannot be empty.")) : createCommentVNode("", true),
-            !_ctx.pivotInput.value_col ? (openBlock(), createElementBlock("p", _hoisted_3$1, "Value Column cannot be empty.")) : createCommentVNode("", true),
-            _ctx.pivotInput.aggregations.length === 0 ? (openBlock(), createElementBlock("p", _hoisted_4$1, " At least one aggregation must be selected. ")) : createCommentVNode("", true)
-          ])
-        ]),
-        _: 1
-      })) : createCommentVNode("", true);
-    };
-  }
-});
-const PivotValidation_vue_vue_type_style_index_0_scoped_3eb585b2_lang = "";
-const PivotValidation = /* @__PURE__ */ _export_sfc(_sfc_main$2, [["__scopeId", "data-v-3eb585b2"]]);
-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-eca26a03.js";
+import SettingsSection from "./SettingsSection-310b61c0.js";
+import PivotValidation from "./PivotValidation-26546cbc.js";
+import { G as GenericNodeSettings } from "./genericNodeSettings-38410ebf.js";
+import "./designer-1667687d.js";
+const _hoisted_1 = {
   key: 0,
   class: "listbox-wrapper"
 };
@@ -70,8 +14,8 @@ const _hoisted_3 = { class: "listbox" };
 const _hoisted_4 = ["onClick", "onContextmenu", "onDragstart", "onDrop"];
 const _hoisted_5 = { class: "listbox-wrapper" };
 const _hoisted_6 = { class: "list-wrapper" };
-const _sfc_main$1 = /* @__PURE__ */ defineComponent({
-  __name: "pivot",
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "Pivot",
   setup(__props, { expose: __expose }) {
     const nodeStore = useNodeStore();
     const showContextMenu = ref(false);
@@ -209,7 +153,6 @@ const _sfc_main$1 = /* @__PURE__ */ defineComponent({
         }
       }
       dataLoaded.value = true;
-      nodeStore.isDrawerOpen = true;
     };
     const handleClickOutside = (event) => {
       const targetEvent = event.target;
@@ -224,7 +167,6 @@ const _sfc_main$1 = /* @__PURE__ */ defineComponent({
       if (pivotInput.value) {
         nodeStore.updateSettings(nodePivot);
       }
-      nodeStore.isDrawerOpen = false;
     };
     __expose({
       loadNodeData,
@@ -240,7 +182,7 @@ const _sfc_main$1 = /* @__PURE__ */ defineComponent({
     return (_ctx, _cache) => {
       const _component_el_option = resolveComponent("el-option");
       const _component_el_select = resolveComponent("el-select");
-      return dataLoaded.value && nodePivot.value ? (openBlock(), createElementBlock("div", _hoisted_1$1, [
+      return dataLoaded.value && nodePivot.value ? (openBlock(), createElementBlock("div", _hoisted_1, [
         createVNode(GenericNodeSettings, {
           modelValue: nodePivot.value,
           "onUpdate:modelValue": _cache[11] || (_cache[11] = ($event) => nodePivot.value = $event)
@@ -336,74 +278,8 @@ const _sfc_main$1 = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const pivot_vue_vue_type_style_index_0_scoped_d0f14439_lang = "";
-const readInput = /* @__PURE__ */ _export_sfc(_sfc_main$1, [["__scopeId", "data-v-d0f14439"]]);
-const _hoisted_1 = { ref: "el" };
-const _sfc_main = /* @__PURE__ */ defineComponent({
-  __name: "Pivot",
-  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) {
-        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": "pivot.png",
-          title: `${__props.nodeId}: Pivot data`,
-          onClick: openDrawer
-        }, null, 8, ["node-id", "title"]),
-        drawer.value ? (openBlock(), createBlock(Teleport, {
-          key: 0,
-          to: "#nodesettings"
-        }, [
-          createVNode(NodeTitle, {
-            title: "Pivot data",
-            intro: "Pivot rows to columns, to understand your data better"
-          }),
-          createVNode(readInput, {
-            ref_key: "childComp",
-            ref: childComp,
-            "node-id": __props.nodeId
-          }, null, 8, ["node-id"])
-        ])) : createCommentVNode("", true)
-      ], 512);
-    };
-  }
-});
+const Pivot_vue_vue_type_style_index_0_scoped_868bfce8_lang = "";
+const Pivot = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-868bfce8"]]);
 export {
-  _sfc_main as default
+  Pivot as default
 };

flowfile/web/static/assets/PivotValidation-26546cbc.js

@@ -0,0 +1,61 @@
+import { d as defineComponent, l as computed, c as openBlock, h as createBlock, w as withCtx, f as createVNode, p as createBaseVNode, u as unref, ar as ElIcon, e as createElementBlock, i as createCommentVNode, as as ElPopover, _ as _export_sfc } from "./index-5ec791df.js";
+const _hoisted_1 = { class: "validation-wrapper" };
+const _hoisted_2 = {
+  key: 0,
+  class: "error-message"
+};
+const _hoisted_3 = {
+  key: 1,
+  class: "error-message"
+};
+const _hoisted_4 = {
+  key: 2,
+  class: "error-message"
+};
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "PivotValidation",
+  props: {
+    pivotInput: {}
+  },
+  setup(__props) {
+    const props = __props;
+    const showValidationMessages = computed(() => {
+      return !props.pivotInput.pivot_column || !props.pivotInput.value_col || props.pivotInput.aggregations.length === 0;
+    });
+    return (_ctx, _cache) => {
+      return showValidationMessages.value ? (openBlock(), createBlock(unref(ElPopover), {
+        key: 0,
+        placement: "top",
+        width: "200",
+        trigger: "hover",
+        content: "Some required fields are missing"
+      }, {
+        reference: withCtx(() => [
+          createVNode(unref(ElIcon), {
+            color: "#FF6B6B",
+            class: "warning-icon"
+          }, {
+            default: withCtx(() => _cache[0] || (_cache[0] = [
+              createBaseVNode("i", { class: "el-icon-warning" }, null, -1)
+            ])),
+            _: 1,
+            __: [0]
+          })
+        ]),
+        default: withCtx(() => [
+          createBaseVNode("div", _hoisted_1, [
+            !_ctx.pivotInput.pivot_column ? (openBlock(), createElementBlock("p", _hoisted_2, "Pivot Column cannot be empty.")) : createCommentVNode("", true),
+            !_ctx.pivotInput.value_col ? (openBlock(), createElementBlock("p", _hoisted_3, "Value Column cannot be empty.")) : createCommentVNode("", true),
+            _ctx.pivotInput.aggregations.length === 0 ? (openBlock(), createElementBlock("p", _hoisted_4, " At least one aggregation must be selected. ")) : createCommentVNode("", true)
+          ])
+        ]),
+        _: 1
+      })) : createCommentVNode("", true);
+    };
+  }
+});
+const PivotValidation_vue_vue_type_style_index_0_scoped_3eb585b2_lang = "";
+const PivotValidation = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-3eb585b2"]]);
+export {
+  PivotValidation as default
+};

flowfile/web/static/assets/PivotValidation-891ddfb0.css

@@ -0,0 +1,13 @@
+
+.validation-wrapper[data-v-1561039d] {
+  background-color: #ffffff;
+}
+.error-message[data-v-1561039d] {
+  color: #991b1b;
+  margin: 5px 0;
+  font-size: 12px;
+}
+.warning-icon[data-v-1561039d] {
+  cursor: pointer;
+  font-size: 24px;
+}

flowfile/web/static/assets/PivotValidation-c46cd420.css

@@ -0,0 +1,13 @@
+
+.validation-wrapper[data-v-3eb585b2] {
+  background-color: #ffffff;
+}
+.error-message[data-v-3eb585b2] {
+  color: #991b1b;
+  margin: 5px 0;
+  font-size: 12px;
+}
+.warning-icon[data-v-3eb585b2] {
+  cursor: pointer;
+  font-size: 24px;
+}

flowfile/web/static/assets/PivotValidation-e150a24b.js

@@ -0,0 +1,61 @@
+import { d as defineComponent, l as computed, c as openBlock, h as createBlock, w as withCtx, f as createVNode, p as createBaseVNode, u as unref, ar as ElIcon, e as createElementBlock, i as createCommentVNode, as as ElPopover, _ as _export_sfc } from "./index-5ec791df.js";
+const _hoisted_1 = { class: "validation-wrapper" };
+const _hoisted_2 = {
+  key: 0,
+  class: "error-message"
+};
+const _hoisted_3 = {
+  key: 1,
+  class: "error-message"
+};
+const _hoisted_4 = {
+  key: 2,
+  class: "error-message"
+};
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "PivotValidation",
+  props: {
+    pivotInput: {}
+  },
+  setup(__props) {
+    const props = __props;
+    const showValidationMessages = computed(() => {
+      return !props.pivotInput.pivot_column || !props.pivotInput.value_col || props.pivotInput.aggregations.length === 0;
+    });
+    return (_ctx, _cache) => {
+      return showValidationMessages.value ? (openBlock(), createBlock(unref(ElPopover), {
+        key: 0,
+        placement: "top",
+        width: "200",
+        trigger: "hover",
+        content: "Some required fields are missing"
+      }, {
+        reference: withCtx(() => [
+          createVNode(unref(ElIcon), {
+            color: "#FF6B6B",
+            class: "warning-icon"
+          }, {
+            default: withCtx(() => _cache[0] || (_cache[0] = [
+              createBaseVNode("i", { class: "el-icon-warning" }, null, -1)
+            ])),
+            _: 1,
+            __: [0]
+          })
+        ]),
+        default: withCtx(() => [
+          createBaseVNode("div", _hoisted_1, [
+            !_ctx.pivotInput.pivot_column ? (openBlock(), createElementBlock("p", _hoisted_2, "Pivot Column cannot be empty.")) : createCommentVNode("", true),
+            !_ctx.pivotInput.value_col ? (openBlock(), createElementBlock("p", _hoisted_3, "Value Column cannot be empty.")) : createCommentVNode("", true),
+            _ctx.pivotInput.aggregations.length === 0 ? (openBlock(), createElementBlock("p", _hoisted_4, " At least one aggregation must be selected. ")) : createCommentVNode("", true)
+          ])
+        ]),
+        _: 1
+      })) : createCommentVNode("", true);
+    };
+  }
+});
+const PivotValidation_vue_vue_type_style_index_0_scoped_1561039d_lang = "";
+const PivotValidation = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-1561039d"]]);
+export {
+  PivotValidation as default
+};