n8n-editor-ui 1.66.0 → 1.68.0

package/dist/assets/{ResourcesListLayout-Bw99IFlO.css → ResourcesListLayout-CuA8O7do.css}

@@ -90,7 +90,7 @@
 }
 ._datatable_eysnt_30 {
   padding-bottom: var(--spacing-s);
-}.resource-list-loading[data-v-0e2b73c0] {
+}.resource-list-loading[data-v-edd6a4a4] {
   position: relative;
   height: 0;
   width: 100%;
@@ -98,23 +98,23 @@
   /*
   Show the loading skeleton only if the loading takes longer than 300ms
   */
-  -webkit-animation: 0.01s linear 0.3s forwards changeVisibility-0e2b73c0;
-          animation: 0.01s linear 0.3s forwards changeVisibility-0e2b73c0;
+  -webkit-animation: 0.01s linear 0.3s forwards changeVisibility-edd6a4a4;
+          animation: 0.01s linear 0.3s forwards changeVisibility-edd6a4a4;
 }
-.resource-list-loading[data-v-0e2b73c0] .el-skeleton {
+.resource-list-loading[data-v-edd6a4a4] .el-skeleton {
   position: absolute;
   height: 100%;
   width: 100%;
   overflow: hidden;
 }
-.resource-list-loading[data-v-0e2b73c0] .el-skeleton > div > div:first-child .el-skeleton__item {
+.resource-list-loading[data-v-edd6a4a4] .el-skeleton > div > div:first-child .el-skeleton__item {
   height: 42px;
   margin: 0;
 }
-.resource-list-loading[data-v-0e2b73c0] .el-skeleton .el-skeleton__item {
+.resource-list-loading[data-v-edd6a4a4] .el-skeleton .el-skeleton__item {
   height: 69px;
 }
-@-webkit-keyframes changeVisibility-0e2b73c0 {
+@-webkit-keyframes changeVisibility-edd6a4a4 {
 from {
     height: 0;
 }
@@ -122,7 +122,7 @@ to {
     height: 100%;
 }
 }
-@keyframes changeVisibility-0e2b73c0 {
+@keyframes changeVisibility-edd6a4a4 {
 from {
     height: 0;
 }

package/dist/assets/{RunDataJson-CUsbBWaI.js → RunDataJson-sPhT7c2h.js}

@@ -1,14 +1,14 @@
-const __vite__mapDeps=(i,m=__vite__mapDeps,d=(m.f||(m.f=["assets/RunDataJsonActions-Bnn0o9WH.js","assets/index-QAq8Sa9R.js","assets/index-DaeOVPzE.css","assets/RunDataJsonActions-zNKrn8z4.css"])))=>i.map(i=>d[i]);
-import { d as defineComponent, ao as useNDVStore, r as ref, jm as nonExistingJsonPath, jn as useElementSize, p as computed, e4 as executionDataToJson, c as openBlock, h as createElementBlock, e as createBlock, w as withCtx, A as unref, f as createCommentVNode, aS as Suspense, i as createVNode, ji as MappingPill, jj as TextWithHighlights, n as normalizeClass, dO as Draggable, bc as defineAsyncComponent, ei as __vitePreload, s as shorten, jl as getMappedExpression, eM as isString, aF as useExternalHooks, aj as useTelemetry, _ as _export_sfc } from "./index-QAq8Sa9R.js";
-import { V as VueJsonPretty } from "./NodeViewSwitcher-C1Gp-jKb.js";
-import "./RunDataAi-CYTNyRq_.js";
-import "./FileSaver.min-B3lWZPMp.js";
-import "./dateFormatter-BCrxaIdG.js";
-import "./useWorkflowActivate-DKPQP7qy.js";
-import "./pushConnection.store-Cdssd0uJ.js";
-import "./useExecutionDebugging-CwyVwJqO.js";
-import "./useNodeViewVersionSwitcher-BPNKvsXw.js";
-import "./useBugReporting-Bvr7bSQt.js";
+const __vite__mapDeps=(i,m=__vite__mapDeps,d=(m.f||(m.f=["assets/RunDataJsonActions-DiMvLis_.js","assets/index-40I5DMGP.js","assets/index-Dr3zFZlC.css","assets/useRunWorkflow-MrEKURG4.js","assets/useRunWorkflow-DH7ZzA8t.css","assets/RunDataJsonActions-zNKrn8z4.css"])))=>i.map(i=>d[i]);
+import { d as defineComponent, at as useNDVStore, r as ref, jI as nonExistingJsonPath, jJ as useElementSize, p as computed, eC as executionDataToJson, c as openBlock, h as createElementBlock, e as createBlock, w as withCtx, A as unref, f as createCommentVNode, bs as Suspense, i as createVNode, jD as MappingPill, jE as TextWithHighlights, n as normalizeClass, e8 as Draggable, bO as defineAsyncComponent, as as __vitePreload, s as shorten, jH as getMappedExpression, fe as isString, aK as useExternalHooks, ak as useTelemetry, _ as _export_sfc } from "./index-40I5DMGP.js";
+import { V as VueJsonPretty } from "./NodeViewSwitcher-CNfOOUof.js";
+import "./useRunWorkflow-MrEKURG4.js";
+import "./FileSaver.min-CKlTVpWB.js";
+import "./dateFormatter-BRi2wSZ-.js";
+import "./useWorkflowActivate-CKedJlgZ.js";
+import "./pushConnection.store-w_WxpOeH.js";
+import "./useExecutionDebugging-LQQWXhPj.js";
+import "./useNodeViewVersionSwitcher-BLo5Qp-N.js";
+import "./useBugReporting-CFOQlQpP.js";
 const _sfc_main = /* @__PURE__ */ defineComponent({
   __name: "RunDataJson",
   props: {
@@ -25,7 +25,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
   },
   setup(__props) {
     const LazyRunDataJsonActions = defineAsyncComponent(
-      async () => await __vitePreload(() => import("./RunDataJsonActions-Bnn0o9WH.js"), true ? __vite__mapDeps([0,1,2,3]) : void 0)
+      async () => await __vitePreload(() => import("./RunDataJsonActions-DiMvLis_.js"), true ? __vite__mapDeps([0,1,2,3,4,5]) : void 0)
     );
     const props = __props;
     const ndvStore = useNDVStore();

package/dist/assets/{RunDataJsonActions-Bnn0o9WH.js → RunDataJsonActions-DiMvLis_.js}

@@ -1,4 +1,5 @@
-import { dT as getDefaultExportFromCjs, dS as commonjsGlobal, d as defineComponent, jm as nonExistingJsonPath, ao as useNDVStore, dl as useNodeHelpers, d9 as useClipboard, ej as storeToRefs, d0 as usePinnedData, a as useToast, e0 as mapStores, a0 as useSourceControlStore, T as useWorkflowsStore, cZ as useNodeTypesStore, ec as clearJsonKey, e4 as executionDataToJson, jw as convertPath, g as useI18n, _ as _export_sfc, l as resolveComponent, c as openBlock, h as createElementBlock, e as createBlock, w as withCtx, i as createVNode, k as createTextVNode, t as toDisplayString, j as createBaseVNode, n as normalizeClass } from "./index-QAq8Sa9R.js";
+import { ec as commonjsGlobal, ed as getDefaultExportFromCjs, d as defineComponent, jI as nonExistingJsonPath, at as useNDVStore, T as useWorkflowsStore, bg as useNodeHelpers, aZ as useClipboard, a as useToast, U as useRoute, p as computed, l as resolveComponent, c as openBlock, h as createElementBlock, e as createBlock, A as unref, w as withCtx, i as createVNode, k as createTextVNode, t as toDisplayString, j as createBaseVNode, n as normalizeClass, g as useI18n, ak as useTelemetry, eJ as clearJsonKey, eC as executionDataToJson, jS as convertPath, _ as _export_sfc } from "./index-40I5DMGP.js";
+import { u as usePinnedData } from "./useRunWorkflow-MrEKURG4.js";
 function commonjsRequire(path) {
   throw new Error('Could not dynamically require "' + path + '". Please configure the dynamicRequireTargets or/and ignoreDynamicRequires option of @rollup/plugin-commonjs appropriately for this require call to work.');
 }
@@ -5299,81 +5300,51 @@ var jsonpath = { exports: {} };
 })(jsonpath);
 var jsonpathExports = jsonpath.exports;
 const jp = /* @__PURE__ */ getDefaultExportFromCjs(jsonpathExports);
-const _sfc_main = defineComponent({
-  name: "RunDataJsonActions",
+const _hoisted_1 = { class: "el-dropdown-link" };
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "RunDataJsonActions",
   props: {
-    node: {
-      type: Object,
-      required: true
-    },
-    paneType: {
-      type: String
-    },
-    pushRef: {
-      type: String
-    },
-    currentOutputIndex: {
-      type: Number
-    },
-    runIndex: {
-      type: Number
-    },
-    displayMode: {
-      type: String
-    },
-    distanceFromActive: {
-      type: Number
-    },
-    selectedJsonPath: {
-      type: String,
-      default: nonExistingJsonPath
-    },
-    jsonData: {
-      type: Array,
-      required: true
-    }
+    node: {},
+    paneType: {},
+    pushRef: {},
+    displayMode: {},
+    distanceFromActive: {},
+    selectedJsonPath: { default: nonExistingJsonPath },
+    jsonData: {},
+    currentOutputIndex: {},
+    runIndex: {}
   },
-  setup() {
+  setup(__props) {
+    const props = __props;
     const ndvStore = useNDVStore();
+    const workflowsStore = useWorkflowsStore();
     const i18n = useI18n();
     const nodeHelpers = useNodeHelpers();
     const clipboard = useClipboard();
-    const { activeNode } = storeToRefs(ndvStore);
+    const { activeNode } = ndvStore;
     const pinnedData = usePinnedData(activeNode);
-    return {
-      i18n,
-      nodeHelpers,
-      clipboard,
-      pinnedData,
-      ...useToast()
-    };
-  },
-  computed: {
-    ...mapStores(useNodeTypesStore, useNDVStore, useWorkflowsStore, useSourceControlStore),
-    isReadOnlyRoute() {
-      var _a, _b;
-      return ((_b = (_a = this.$route) == null ? void 0 : _a.meta) == null ? void 0 : _b.readOnlyCanvas) === true;
-    },
-    activeNode() {
-      return this.ndvStore.activeNode;
-    },
-    noSelection() {
-      return this.selectedJsonPath === nonExistingJsonPath;
-    },
-    normalisedJsonPath() {
-      return this.noSelection ? '[""]' : this.selectedJsonPath;
-    }
-  },
-  methods: {
-    getJsonValue() {
-      let selectedValue = jp.query(this.jsonData, `$${this.normalisedJsonPath}`)[0];
-      if (this.noSelection) {
+    const { showToast } = useToast();
+    const telemetry = useTelemetry();
+    const route = useRoute();
+    const isReadOnlyRoute = computed(() => {
+      var _a;
+      return ((_a = route == null ? void 0 : route.meta) == null ? void 0 : _a.readOnlyCanvas) === true;
+    });
+    const noSelection = computed(() => {
+      return props.selectedJsonPath === nonExistingJsonPath;
+    });
+    const normalisedJsonPath = computed(() => {
+      return noSelection.value ? '[""]' : props.selectedJsonPath;
+    });
+    function getJsonValue() {
+      let selectedValue = jp.query(props.jsonData, `$${normalisedJsonPath.value}`)[0];
+      if (noSelection.value) {
         const inExecutionsFrame = window !== window.parent && window.parent.location.pathname.includes("/executions");
-        if (this.pinnedData.hasData.value && !inExecutionsFrame) {
-          selectedValue = clearJsonKey(this.pinnedData.data.value);
+        if (pinnedData.hasData.value && !inExecutionsFrame) {
+          selectedValue = clearJsonKey(pinnedData.data.value);
         } else {
           selectedValue = executionDataToJson(
-            this.nodeHelpers.getNodeInputData(this.node, this.runIndex, this.currentOutputIndex)
+            nodeHelpers.getNodeInputData(props.node, props.runIndex, props.currentOutputIndex)
           );
         }
       }
@@ -5384,33 +5355,32 @@ const _sfc_main = defineComponent({
         value = selectedValue.toString();
       }
       return value;
-    },
-    getJsonItemPath() {
-      const newPath = convertPath(this.normalisedJsonPath);
+    }
+    function getJsonItemPath() {
+      const newPath = convertPath(normalisedJsonPath.value);
       let startPath = "";
       let path = "";
       const pathParts = newPath.split("]");
       const index = pathParts[0].slice(1);
       path = pathParts.slice(1).join("]");
-      startPath = `$item(${index}).$node["${this.node.name}"].json`;
+      startPath = `$item(${index}).$node["${props.node.name}"].json`;
       return { path, startPath };
-    },
-    getJsonParameterPath() {
-      const newPath = convertPath(this.normalisedJsonPath);
+    }
+    function getJsonParameterPath() {
+      const newPath = convertPath(normalisedJsonPath.value);
       const path = newPath.split("]").slice(1).join("]");
-      let startPath = `$node["${this.node.name}"].json`;
-      if (this.distanceFromActive === 1) {
+      let startPath = `$node["${props.node.name}"].json`;
+      if (props.distanceFromActive === 1) {
         startPath = "$json";
       }
       return { path, startPath };
-    },
-    handleCopyClick(commandData) {
-      var _a;
+    }
+    function handleCopyClick(commandData) {
       let value;
       if (commandData.command === "value") {
-        value = this.getJsonValue();
-        this.showToast({
-          title: this.i18n.baseText("runData.copyValue.toast"),
+        value = getJsonValue();
+        showToast({
+          title: i18n.baseText("runData.copyValue.toast"),
           message: "",
           type: "success",
           duration: 2e3
@@ -5419,21 +5389,21 @@ const _sfc_main = defineComponent({
         let startPath = "";
         let path = "";
         if (commandData.command === "itemPath") {
-          const jsonItemPath = this.getJsonItemPath();
+          const jsonItemPath = getJsonItemPath();
           startPath = jsonItemPath.startPath;
           path = jsonItemPath.path;
-          this.showToast({
-            title: this.i18n.baseText("runData.copyItemPath.toast"),
+          showToast({
+            title: i18n.baseText("runData.copyItemPath.toast"),
             message: "",
             type: "success",
             duration: 2e3
           });
         } else if (commandData.command === "parameterPath") {
-          const jsonParameterPath = this.getJsonParameterPath();
+          const jsonParameterPath = getJsonParameterPath();
           startPath = jsonParameterPath.startPath;
           path = jsonParameterPath.path;
-          this.showToast({
-            title: this.i18n.baseText("runData.copyParameterPath.toast"),
+          showToast({
+            title: i18n.baseText("runData.copyParameterPath.toast"),
             message: "",
             type: "success",
             duration: 2e3
@@ -5449,91 +5419,90 @@ const _sfc_main = defineComponent({
         itemPath: "item_path",
         parameterPath: "parameter_path"
       }[commandData.command];
-      this.$telemetry.track("User copied ndv data", {
-        node_type: (_a = this.activeNode) == null ? void 0 : _a.type,
-        push_ref: this.pushRef,
-        run_index: this.runIndex,
+      telemetry.track("User copied ndv data", {
+        node_type: activeNode == null ? void 0 : activeNode.type,
+        push_ref: props.pushRef,
+        run_index: props.runIndex,
         view: "json",
         copy_type: copyType,
-        workflow_id: this.workflowsStore.workflowId,
-        pane: this.paneType,
-        in_execution_log: this.isReadOnlyRoute
+        workflow_id: workflowsStore.workflowId,
+        pane: props.paneType,
+        in_execution_log: isReadOnlyRoute.value
       });
-      void this.clipboard.copy(value);
+      void clipboard.copy(value);
     }
-  }
-});
-const actionsGroup = "_actionsGroup_wlnwy_1";
-const style0 = {
-  actionsGroup
-};
-const _hoisted_1 = { class: "el-dropdown-link" };
-function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
-  const _component_n8n_icon_button = resolveComponent("n8n-icon-button");
-  const _component_el_dropdown_item = resolveComponent("el-dropdown-item");
-  const _component_el_dropdown_menu = resolveComponent("el-dropdown-menu");
-  const _component_el_dropdown = resolveComponent("el-dropdown");
-  return openBlock(), createElementBlock("div", {
-    class: normalizeClass(_ctx.$style.actionsGroup)
-  }, [
-    _ctx.noSelection ? (openBlock(), createBlock(_component_n8n_icon_button, {
-      key: 0,
-      title: _ctx.i18n.baseText("runData.copyToClipboard"),
-      icon: "copy",
-      type: "tertiary",
-      circle: false,
-      onClick: _cache[0] || (_cache[0] = ($event) => _ctx.handleCopyClick({ command: "value" }))
-    }, null, 8, ["title"])) : (openBlock(), createBlock(_component_el_dropdown, {
-      key: 1,
-      trigger: "click",
-      onCommand: _ctx.handleCopyClick
-    }, {
-      dropdown: withCtx(() => [
-        createVNode(_component_el_dropdown_menu, null, {
-          default: withCtx(() => [
-            createVNode(_component_el_dropdown_item, { command: { command: "value" } }, {
+    return (_ctx, _cache) => {
+      const _component_n8n_icon_button = resolveComponent("n8n-icon-button");
+      const _component_el_dropdown_item = resolveComponent("el-dropdown-item");
+      const _component_el_dropdown_menu = resolveComponent("el-dropdown-menu");
+      const _component_el_dropdown = resolveComponent("el-dropdown");
+      return openBlock(), createElementBlock("div", {
+        class: normalizeClass(_ctx.$style.actionsGroup)
+      }, [
+        noSelection.value ? (openBlock(), createBlock(_component_n8n_icon_button, {
+          key: 0,
+          title: unref(i18n).baseText("runData.copyToClipboard"),
+          icon: "copy",
+          type: "tertiary",
+          circle: false,
+          onClick: _cache[0] || (_cache[0] = ($event) => handleCopyClick({ command: "value" }))
+        }, null, 8, ["title"])) : (openBlock(), createBlock(_component_el_dropdown, {
+          key: 1,
+          trigger: "click",
+          onCommand: handleCopyClick
+        }, {
+          dropdown: withCtx(() => [
+            createVNode(_component_el_dropdown_menu, null, {
               default: withCtx(() => [
-                createTextVNode(toDisplayString(_ctx.i18n.baseText("runData.copyValue")), 1)
-              ]),
-              _: 1
-            }),
-            createVNode(_component_el_dropdown_item, {
-              command: { command: "itemPath" },
-              divided: ""
-            }, {
-              default: withCtx(() => [
-                createTextVNode(toDisplayString(_ctx.i18n.baseText("runData.copyItemPath")), 1)
-              ]),
-              _: 1
-            }),
-            createVNode(_component_el_dropdown_item, { command: { command: "parameterPath" } }, {
-              default: withCtx(() => [
-                createTextVNode(toDisplayString(_ctx.i18n.baseText("runData.copyParameterPath")), 1)
+                createVNode(_component_el_dropdown_item, { command: { command: "value" } }, {
+                  default: withCtx(() => [
+                    createTextVNode(toDisplayString(unref(i18n).baseText("runData.copyValue")), 1)
+                  ]),
+                  _: 1
+                }),
+                createVNode(_component_el_dropdown_item, {
+                  command: { command: "itemPath" },
+                  divided: ""
+                }, {
+                  default: withCtx(() => [
+                    createTextVNode(toDisplayString(unref(i18n).baseText("runData.copyItemPath")), 1)
+                  ]),
+                  _: 1
+                }),
+                createVNode(_component_el_dropdown_item, { command: { command: "parameterPath" } }, {
+                  default: withCtx(() => [
+                    createTextVNode(toDisplayString(unref(i18n).baseText("runData.copyParameterPath")), 1)
+                  ]),
+                  _: 1
+                })
               ]),
               _: 1
             })
           ]),
+          default: withCtx(() => [
+            createBaseVNode("span", _hoisted_1, [
+              createVNode(_component_n8n_icon_button, {
+                title: unref(i18n).baseText("runData.copyToClipboard"),
+                icon: "copy",
+                type: "tertiary",
+                circle: false
+              }, null, 8, ["title"])
+            ])
+          ]),
           _: 1
-        })
-      ]),
-      default: withCtx(() => [
-        createBaseVNode("span", _hoisted_1, [
-          createVNode(_component_n8n_icon_button, {
-            title: _ctx.i18n.baseText("runData.copyToClipboard"),
-            icon: "copy",
-            type: "tertiary",
-            circle: false
-          }, null, 8, ["title"])
-        ])
-      ]),
-      _: 1
-    }, 8, ["onCommand"]))
-  ], 2);
-}
+        }))
+      ], 2);
+    };
+  }
+});
+const actionsGroup = "_actionsGroup_wlnwy_1";
+const style0 = {
+  actionsGroup
+};
 const cssModules = {
   "$style": style0
 };
-const RunDataJsonActions = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render], ["__cssModules", cssModules]]);
+const RunDataJsonActions = /* @__PURE__ */ _export_sfc(_sfc_main, [["__cssModules", cssModules]]);
 export {
   RunDataJsonActions as default
 };

package/dist/assets/{RunDataSearch-BiygytJ8.js → RunDataSearch-CF_rpBKx.js}

@@ -1,4 +1,4 @@
-import { d as defineComponent, J as useDebounce, r as ref, p as computed, o as onMounted, bZ as onUnmounted, H as watch, l as resolveComponent, c as openBlock, e as createBlock, w as withCtx, i as createVNode, n as normalizeClass, B as normalizeStyle, g as useI18n, _ as _export_sfc } from "./index-QAq8Sa9R.js";
+import { d as defineComponent, J as useDebounce, r as ref, p as computed, o as onMounted, aX as onUnmounted, H as watch, l as resolveComponent, c as openBlock, e as createBlock, w as withCtx, i as createVNode, n as normalizeClass, B as normalizeStyle, g as useI18n, _ as _export_sfc } from "./index-40I5DMGP.js";
 const COLLAPSED_WIDTH = "30px";
 const OPEN_WIDTH = "204px";
 const OPEN_MIN_WIDTH = "120px";
@@ -18,7 +18,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     const { debounce } = useDebounce();
     const inputRef = ref(null);
     const search = ref(props.modelValue ?? "");
-    const opened = ref(false);
+    const opened = ref(!!search.value);
     const placeholder = computed(() => {
       if (props.paneType === "output") {
         return locale.baseText("ndv.search.placeholder.output");