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

flowfile/web/static/assets/{Join-5a78a203.js → Join-b84ec849.js}

@@ -1,13 +1,12 @@
-import { C as CodeLoader } from "./vue-content-loader.es-ba94b82f.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 { G as GenericNodeSettings } from "./genericNodeSettings-def5879b.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-683fc198.js";
-import { N as NodeButton, a as NodeTitle } from "./nodeTitle-a16db7c3.js";
-import "./UnavailableFields-8b0cb48e.js";
-import "./designer-6c322d8e.js";
-const _hoisted_1$1 = {
+import { C as CodeLoader } from "./vue-content-loader.es-22bac17c.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 { G as GenericNodeSettings } from "./genericNodeSettings-38410ebf.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 } from "./index-5ec791df.js";
+import "./UnavailableFields-66239e83.js";
+import "./designer-1667687d.js";
+const _hoisted_1 = {
   key: 0,
   class: "listbox-wrapper"
 };
@@ -18,8 +17,8 @@ const _hoisted_5 = { class: "table-wrapper" };
 const _hoisted_6 = { class: "selectors-container" };
 const _hoisted_7 = { class: "action-buttons" };
 const _hoisted_8 = ["onClick"];
-const _sfc_main$1 = /* @__PURE__ */ defineComponent({
-  __name: "join",
+const _sfc_main = /* @__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"];
@@ -44,7 +43,6 @@ const _sfc_main$1 = /* @__PURE__ */ defineComponent({
       if (result.value) {
         dataLoaded.value = true;
       }
-      nodeStore.isDrawerOpen = true;
     };
     const addJoinCondition = () => {
       if (nodeJoin.value) {
@@ -78,14 +76,13 @@ const _sfc_main$1 = /* @__PURE__ */ defineComponent({
     const pushNodeData = async () => {
       console.log("Pushing node data");
       nodeStore.updateSettings(nodeJoin);
-      nodeStore.isDrawerOpen = false;
     };
     __expose({
       loadNodeData,
       pushNodeData
     });
     return (_ctx, _cache) => {
-      return dataLoaded.value && nodeJoin.value ? (openBlock(), createElementBlock("div", _hoisted_1$1, [
+      return dataLoaded.value && nodeJoin.value ? (openBlock(), createElementBlock("div", _hoisted_1, [
         createVNode(GenericNodeSettings, {
           modelValue: nodeJoin.value,
           "onUpdate:modelValue": _cache[3] || (_cache[3] = ($event) => nodeJoin.value = $event)
@@ -182,75 +179,8 @@ const _sfc_main$1 = /* @__PURE__ */ defineComponent({
     };
   }
 });
-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",
-  props: {
-    nodeId: {
-      type: Number,
-      required: true
-    }
-  },
-  setup(__props) {
-    const nodeStore = useNodeStore();
-    const childComp = ref(null);
-    const drawer = ref(false);
-    const props = __props;
-    const closeOnDrawer = () => {
-      var _a;
-      (_a = childComp.value) == null ? void 0 : _a.pushNodeData();
-      drawer.value = false;
-      nodeStore.isDrawerOpen = false;
-    };
-    const openDrawer = async () => {
-      if (nodeStore.node_id === props.nodeId) {
-        return;
-      }
-      nodeStore.closeDrawer();
-      drawer.value = true;
-      const drawerOpen = nodeStore.isDrawerOpen;
-      nodeStore.isDrawerOpen = true;
-      await nextTick();
-      if (nodeStore.node_id === props.nodeId && drawerOpen) {
-        return;
-      }
-      if (childComp.value) {
-        childComp.value.loadNodeData(props.nodeId);
-        nodeStore.openDrawer(closeOnDrawer);
-      }
-    };
-    onMounted(async () => {
-      await nextTick();
-    });
-    return (_ctx, _cache) => {
-      return openBlock(), createElementBlock("div", _hoisted_1, [
-        createVNode(NodeButton, {
-          ref: "nodeButton",
-          "node-id": __props.nodeId,
-          "image-src": "join.png",
-          title: `${__props.nodeId}: Join`,
-          onClick: openDrawer
-        }, null, 8, ["node-id", "title"]),
-        drawer.value ? (openBlock(), createBlock(Teleport, {
-          key: 0,
-          to: "#nodesettings"
-        }, [
-          createVNode(NodeTitle, {
-            title: "Join",
-            intro: "Combine datasets based on one or more columns."
-          }),
-          createVNode(joinInput, {
-            ref_key: "childComp",
-            ref: childComp,
-            "node-id": __props.nodeId
-          }, null, 8, ["node-id"])
-        ])) : createCommentVNode("", true)
-      ], 512);
-    };
-  }
-});
+const Join_vue_vue_type_style_index_0_scoped_7d5cefa4_lang = "";
+const Join = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-7d5cefa4"]]);
 export {
-  _sfc_main as default
+  Join as default
 };

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

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

flowfile/web/static/assets/{ManualInput-a71b52c6.css → ManualInput-3246a08d.css}

@@ -1,59 +1,59 @@
 
-.settings-section[data-v-2eba6653] {
+.settings-section[data-v-3b48a5f1] {
   padding: 1.25rem;
   background: var(--el-bg-color);
   border-radius: 8px;
   margin-bottom: 1rem;
 }
-.table-container[data-v-2eba6653] {
+.table-container[data-v-3b48a5f1] {
   max-height: 400px;
   overflow: auto;
   border: 1px solid var(--el-border-color-lighter);
   border-radius: 8px;
   margin-bottom: 1rem;
 }
-.modern-table[data-v-2eba6653] {
+.modern-table[data-v-3b48a5f1] {
   width: 100%;
   border-collapse: separate;
   border-spacing: 0;
   background: white;
 }
-.modern-table th[data-v-2eba6653],
-.modern-table td[data-v-2eba6653] {
+.modern-table th[data-v-3b48a5f1],
+.modern-table td[data-v-3b48a5f1] {
   padding: 0.5rem;
   border: 1px solid var(--el-border-color-lighter);
 }
-.column-header[data-v-2eba6653] {
+.column-header[data-v-3b48a5f1] {
   display: flex;
   flex-direction: column;
   gap: 0.25rem;
 }
-.type-select[data-v-2eba6653] {
+.type-select[data-v-3b48a5f1] {
   width: 100%;
 }
-.type-select[data-v-2eba6653] .el-input__inner {
+.type-select[data-v-3b48a5f1] .el-input__inner {
   font-size: 0.75rem;
   padding: 0 0.5rem;
 }
-.input-header[data-v-2eba6653],
-.input-cell[data-v-2eba6653] {
+.input-header[data-v-3b48a5f1],
+.input-cell[data-v-3b48a5f1] {
   width: 100%;
   border: none;
   padding: 0.25rem;
   font-size: 0.875rem;
   background: transparent;
 }
-.input-header[data-v-2eba6653] {
+.input-header[data-v-3b48a5f1] {
   font-weight: 500;
 }
-.controls-section[data-v-2eba6653] {
+.controls-section[data-v-3b48a5f1] {
   margin: 1rem 0;
 }
-.button-group[data-v-2eba6653] {
+.button-group[data-v-3b48a5f1] {
   display: flex;
   gap: 0.5rem;
 }
-.delete-button[data-v-2eba6653] {
+.delete-button[data-v-3b48a5f1] {
   width: 20px;
   height: 20px;
   padding: 0;
@@ -68,8 +68,8 @@
   position: relative;
   margin: 0 auto;
 }
-.delete-button[data-v-2eba6653]::before,
-.delete-button[data-v-2eba6653]::after {
+.delete-button[data-v-3b48a5f1]::before,
+.delete-button[data-v-3b48a5f1]::after {
   content: "";
   position: absolute;
   width: 10px;
@@ -77,19 +77,19 @@
   background-color: currentColor;
   transform: rotate(45deg);
 }
-.delete-button[data-v-2eba6653]::after {
+.delete-button[data-v-3b48a5f1]::after {
   transform: rotate(-45deg);
 }
-.delete-button[data-v-2eba6653]:hover {
+.delete-button[data-v-3b48a5f1]:hover {
   color: #ff4d4f;
 }
-.raw-data-section[data-v-2eba6653] {
+.raw-data-section[data-v-3b48a5f1] {
   margin-top: 1rem;
   padding: 1rem;
   background: var(--el-bg-color-page);
   border-radius: 8px;
 }
-.raw-data-controls[data-v-2eba6653] {
+.raw-data-controls[data-v-3b48a5f1] {
   margin-top: 0.5rem;
   display: flex;
   justify-content: flex-end;

flowfile/web/static/assets/{ManualInput-93aef9d6.js → ManualInput-346f4135.js}

@@ -1,8 +1,7 @@
-import { N as NodeButton, a as NodeTitle } from "./nodeTitle-a16db7c3.js";
-import { r as ref, d as defineComponent, l as computed, m as watch, b as resolveComponent, c as openBlock, e as createElementBlock, f as createVNode, w as withCtx, p as createBaseVNode, F as Fragment, q as renderList, a5 as withDirectives, a6 as vModelText, u as unref, h as createBlock, g as createTextVNode, s as normalizeClass, t as toDisplayString, i as createCommentVNode, E as ElNotification, _ as _export_sfc, n as onMounted, R as nextTick, 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 "./designer-6c322d8e.js";
+import { r as ref, d as defineComponent, l as computed, m as watch, b as resolveComponent, c as openBlock, e as createElementBlock, f as createVNode, w as withCtx, p as createBaseVNode, F as Fragment, q as renderList, a8 as withDirectives, a9 as vModelText, u as unref, h as createBlock, g as createTextVNode, s as normalizeClass, t as toDisplayString, i as createCommentVNode, E as ElNotification, _ as _export_sfc } from "./index-5ec791df.js";
+import { u as useNodeStore } from "./vue-codemirror.esm-b1dfaa46.js";
+import { G as GenericNodeSettings } from "./genericNodeSettings-38410ebf.js";
+import "./designer-1667687d.js";
 const createManualInput = (flowId = -1, nodeId = -1, pos_x = 0, pos_y = 0) => {
   const nodeManualInput = ref({
     flow_id: flowId,
@@ -32,8 +31,8 @@ const _hoisted_12 = {
   class: "raw-data-section"
 };
 const _hoisted_13 = { class: "raw-data-controls" };
-const _sfc_main$1 = /* @__PURE__ */ defineComponent({
-  __name: "manualInput",
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "ManualInput",
   setup(__props, { expose: __expose }) {
     const nodeStore = useNodeStore();
     const dataLoaded = ref(false);
@@ -126,6 +125,7 @@ const _sfc_main$1 = /* @__PURE__ */ defineComponent({
       const nodeResult = await nodeStore.getNodeData(nodeId, false);
       if (nodeResult == null ? void 0 : nodeResult.setting_input) {
         nodeManualInput.value = nodeResult.setting_input;
+        console.log("nodeManualInput.value from input", nodeManualInput.value);
         if (nodeResult.setting_input.raw_data_format && nodeResult.setting_input.raw_data_format.columns && nodeResult.setting_input.raw_data_format.data) {
           populateTableFromRawDataFormat(nodeResult.setting_input.raw_data_format);
         } else if (nodeResult.setting_input.raw_data) {
@@ -135,6 +135,7 @@ const _sfc_main$1 = /* @__PURE__ */ defineComponent({
         }
       } else {
         nodeManualInput.value = createManualInput(nodeStore.flow_id, nodeStore.node_id).value;
+        console.log("nodeManualInput.value no data available", nodeManualInput.value);
         initializeEmptyTable();
       }
       rawDataString.value = JSON.stringify(rawData.value, null, 2);
@@ -387,80 +388,8 @@ const _sfc_main$1 = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const manualInput_vue_vue_type_style_index_0_scoped_2eba6653_lang = "";
-const manualInput = /* @__PURE__ */ _export_sfc(_sfc_main$1, [["__scopeId", "data-v-2eba6653"]]);
-const _sfc_main = /* @__PURE__ */ defineComponent({
-  __name: "ManualInput",
-  props: {
-    nodeId: {
-      type: Number,
-      required: true
-    }
-  },
-  setup(__props) {
-    const nodeStore = useNodeStore();
-    const nodeButton = ref(null);
-    const childComp = ref(null);
-    const props = __props;
-    const el = ref(null);
-    const drawer = ref(false);
-    const closeOnDrawer = () => {
-      var _a;
-      drawer.value = false;
-      (_a = childComp.value) == null ? void 0 : _a.pushNodeData();
-      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", {
-        ref_key: "el",
-        ref: el
-      }, [
-        createVNode(NodeButton, {
-          ref_key: "nodeButton",
-          ref: nodeButton,
-          "node-id": __props.nodeId,
-          "image-src": "manual_input.png",
-          title: `${__props.nodeId}: Manual input`,
-          onClick: openDrawer
-        }, null, 8, ["node-id", "title"]),
-        drawer.value ? (openBlock(), createBlock(Teleport, {
-          key: 0,
-          to: "#nodesettings"
-        }, [
-          createVNode(NodeTitle, {
-            title: "Provide manual input",
-            intro: "Provide a fixed data that can be used and combined with other tables."
-          }),
-          createVNode(manualInput, {
-            ref_key: "childComp",
-            ref: childComp,
-            "node-id": __props.nodeId
-          }, null, 8, ["node-id"])
-        ])) : createCommentVNode("", true)
-      ], 512);
-    };
-  }
-});
+const ManualInput_vue_vue_type_style_index_0_scoped_3b48a5f1_lang = "";
+const ManualInput = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-3b48a5f1"]]);
 export {
-  _sfc_main as default
+  ManualInput as default
 };

flowfile/web/static/assets/MultiSelect-61b98268.js

@@ -0,0 +1,5 @@
+import { _ as _sfc_main } from "./MultiSelect.vue_vue_type_script_setup_true_lang-2a7c8312.js";
+import "./index-5ec791df.js";
+export {
+  _sfc_main as default
+};

flowfile/web/static/assets/MultiSelect.vue_vue_type_script_setup_true_lang-2a7c8312.js

@@ -0,0 +1,63 @@
+import { d as defineComponent, l as computed, b as resolveComponent, c as openBlock, e as createElementBlock, p as createBaseVNode, t as toDisplayString, f as createVNode, w as withCtx, F as Fragment, q as renderList, h as createBlock } from "./index-5ec791df.js";
+const _hoisted_1 = { class: "component-container" };
+const _hoisted_2 = { class: "listbox-subtitle" };
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "MultiSelect",
+  props: {
+    schema: {
+      type: Object,
+      required: true
+    },
+    modelValue: {
+      type: Array,
+      default: () => []
+    },
+    incomingColumns: {
+      type: Array,
+      default: () => []
+    }
+  },
+  emits: ["update:modelValue"],
+  setup(__props) {
+    const props = __props;
+    const options = computed(() => {
+      if (props.schema.options && !Array.isArray(props.schema.options) && props.schema.options.__type__ === "IncomingColumns") {
+        return props.incomingColumns;
+      }
+      if (Array.isArray(props.schema.options)) {
+        return props.schema.options;
+      }
+      return [];
+    });
+    return (_ctx, _cache) => {
+      const _component_el_option = resolveComponent("el-option");
+      const _component_el_select = resolveComponent("el-select");
+      return openBlock(), createElementBlock("div", _hoisted_1, [
+        createBaseVNode("label", _hoisted_2, toDisplayString(__props.schema.label), 1),
+        createVNode(_component_el_select, {
+          "model-value": __props.modelValue,
+          multiple: "",
+          filterable: "",
+          placeholder: "Select one or more options",
+          style: { "width": "100%" },
+          size: "large",
+          "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => _ctx.$emit("update:modelValue", $event))
+        }, {
+          default: withCtx(() => [
+            (openBlock(true), createElementBlock(Fragment, null, renderList(options.value, (item) => {
+              return openBlock(), createBlock(_component_el_option, {
+                key: Array.isArray(item) ? item[0] : item,
+                label: Array.isArray(item) ? item[1] : item,
+                value: Array.isArray(item) ? item[0] : item
+              }, null, 8, ["label", "value"]);
+            }), 128))
+          ]),
+          _: 1
+        }, 8, ["model-value"])
+      ]);
+    };
+  }
+});
+export {
+  _sfc_main as _
+};

flowfile/web/static/assets/NumericInput-e36602c2.js

@@ -0,0 +1,5 @@
+import { _ as _sfc_main } from "./NumericInput.vue_vue_type_script_setup_true_lang-211a1990.js";
+import "./index-5ec791df.js";
+export {
+  _sfc_main as default
+};

flowfile/web/static/assets/NumericInput.vue_vue_type_script_setup_true_lang-211a1990.js

@@ -0,0 +1,35 @@
+import { d as defineComponent, b as resolveComponent, c as openBlock, e as createElementBlock, p as createBaseVNode, t as toDisplayString, f as createVNode } from "./index-5ec791df.js";
+const _hoisted_1 = { class: "component-container" };
+const _hoisted_2 = { class: "listbox-subtitle" };
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "NumericInput",
+  props: {
+    schema: {
+      type: Object,
+      required: true
+    },
+    modelValue: Number
+  },
+  emits: ["update:modelValue"],
+  setup(__props) {
+    return (_ctx, _cache) => {
+      const _component_el_input_number = resolveComponent("el-input-number");
+      return openBlock(), createElementBlock("div", _hoisted_1, [
+        createBaseVNode("label", _hoisted_2, toDisplayString(__props.schema.label), 1),
+        createVNode(_component_el_input_number, {
+          "model-value": __props.modelValue,
+          min: __props.schema.min_value,
+          max: __props.schema.max_value,
+          placeholder: __props.schema.placeholder || "Enter number...",
+          "controls-position": "right",
+          size: "large",
+          style: { "width": "100%" },
+          "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => _ctx.$emit("update:modelValue", $event))
+        }, null, 8, ["model-value", "min", "max", "placeholder"])
+      ]);
+    };
+  }
+});
+export {
+  _sfc_main as _
+};

flowfile/web/static/assets/Output-ddc9079f.css

@@ -0,0 +1,37 @@
+
+.main-part[data-v-86e92d7d] {
+  display: flex;
+  flex-direction: column;
+  padding: 20px;
+  border: 1px solid #ddd;
+  border-radius: 8px;
+  background-color: #fff;
+  margin-top: 20px;
+}
+.file-upload-row[data-v-86e92d7d] {
+  display: flex;
+  align-items: center;
+  gap: 10px;
+  margin-bottom: 20px;
+}
+.file-upload-label[data-v-86e92d7d] {
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
+  background-color: #3498db;
+  border: 1px solid transparent;
+  border-radius: 4px;
+  padding: 10px 20px;
+  color: white;
+  font-size: 16px;
+  cursor: pointer;
+  transition: all 0.3s ease;
+}
+.file-upload-label[data-v-86e92d7d]:hover {
+  background-color: #2980b9;
+}
+.warning-message[data-v-86e92d7d] {
+  color: #e74c3c;
+  display: flex;
+  align-items: center;
+}