n8n-editor-ui 1.65.1 → 1.67.0

package/dist/assets/{AnnotationTagsDropdown.ee.vue_vue_type_script_setup_true_lang-B4V5qQ9q.js → AnnotationTagsDropdown.ee.vue_vue_type_script_setup_true_lang-DbabN_I2.js}

@@ -1,5 +1,5 @@
-import { b as convertToDisplayDate } from "./dateFormatter-CfOgAO2k.js";
-import { g as useI18n, d as defineComponent, ib as useAnnotationTagsStore, K as useUIStore, p as computed, c as openBlock, e as createBlock, ic as ANNOTATION_TAGS_MANAGER_MODAL_KEY, id as _sfc_main$1 } from "./index-BUjeBzRM.js";
+import { b as convertToDisplayDate } from "./dateFormatter-C53K7zEn.js";
+import { g as useI18n, d as defineComponent, ig as useAnnotationTagsStore, K as useUIStore, p as computed, c as openBlock, e as createBlock, ih as ANNOTATION_TAGS_MANAGER_MODAL_KEY, ii as _sfc_main$1 } from "./index-7YFQEQmt.js";
 function useExecutionHelpers() {
   const i18n = useI18n();
   function getUIDetails(execution) {

package/dist/assets/{AuthView-DDTsGVDI.js → AuthView-DmC24d7S.js}

@@ -1,31 +1,29 @@
-import { d as defineComponent, e0 as mapStores, K as useUIStore, Z as useRootStore, _ as _export_sfc, c as openBlock, h as createElementBlock, n as normalizeClass, hF as useSSOStore, a as useToast, l as resolveComponent, A as unref, j as createBaseVNode, t as toDisplayString, i as createVNode, f as createCommentVNode, g as useI18n, w as withCtx, k as createTextVNode, e as createBlock, bP as mergeProps } from "./index-BUjeBzRM.js";
-const _sfc_main$2 = defineComponent({
-  computed: {
-    ...mapStores(useRootStore, useUIStore),
-    basePath() {
-      return this.rootStore.baseUrl;
-    },
-    logoPath() {
-      return this.basePath + this.uiStore.logo;
-    }
+import { d as defineComponent, Z as useRootStore, K as useUIStore, p as computed, c as openBlock, h as createElementBlock, n as normalizeClass, _ as _export_sfc, hK as useSSOStore, a as useToast, l as resolveComponent, A as unref, j as createBaseVNode, t as toDisplayString, i as createVNode, f as createCommentVNode, g as useI18n, w as withCtx, k as createTextVNode, e as createBlock, bQ as mergeProps } from "./index-7YFQEQmt.js";
+const _hoisted_1 = ["src"];
+const _sfc_main$2 = /* @__PURE__ */ defineComponent({
+  __name: "Logo",
+  setup(__props) {
+    const rootStore = useRootStore();
+    const uiStore = useUIStore();
+    const basePath = computed(() => rootStore.baseUrl);
+    const logoPath = computed(() => basePath.value + uiStore.logo);
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("img", {
+        src: logoPath.value,
+        class: normalizeClass(_ctx.$style.img),
+        alt: "n8n.io"
+      }, null, 10, _hoisted_1);
+    };
   }
 });
 const img = "_img_8137c_1";
 const style0$2 = {
   img
 };
-const _hoisted_1 = ["src"];
-function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
-  return openBlock(), createElementBlock("img", {
-    src: _ctx.logoPath,
-    class: normalizeClass(_ctx.$style.img),
-    alt: "n8n.io"
-  }, null, 10, _hoisted_1);
-}
 const cssModules$2 = {
   "$style": style0$2
 };
-const Logo = /* @__PURE__ */ _export_sfc(_sfc_main$2, [["render", _sfc_render], ["__cssModules", cssModules$2]]);
+const Logo = /* @__PURE__ */ _export_sfc(_sfc_main$2, [["__cssModules", cssModules$2]]);
 const _sfc_main$1 = /* @__PURE__ */ defineComponent({
   __name: "SSOLogin",
   setup(__props) {

package/dist/assets/{CanvasControls-BrmZza76.js → CanvasControls-BPXQqeeO.js}

@@ -1,4 +1,4 @@
-import { d as defineComponent, $ as useCanvasStore, ej as storeToRefs, es as useDeviceSupport, aq as onBeforeMount, y as onBeforeUnmount, l as resolveComponent, c as openBlock, h as createElementBlock, i as createVNode, w as withCtx, A as unref, g0 as KeyboardShortcutTooltip, e as createBlock, f as createCommentVNode, n as normalizeClass, _ as _export_sfc } from "./index-BUjeBzRM.js";
+import { d as defineComponent, $ as useCanvasStore, eo as storeToRefs, ex as useDeviceSupport, ar as onBeforeMount, v as onBeforeUnmount, l as resolveComponent, c as openBlock, h as createElementBlock, i as createVNode, w as withCtx, A as unref, g5 as KeyboardShortcutTooltip, e as createBlock, f as createCommentVNode, n as normalizeClass, _ as _export_sfc } from "./index-7YFQEQmt.js";
 const _sfc_main = /* @__PURE__ */ defineComponent({
   __name: "CanvasControls",
   setup(__props) {

package/dist/assets/{ChangePasswordView-Txc3JLbg.js → ChangePasswordView-SC3n2vJc.js}

@@ -1,5 +1,5 @@
-import { d as defineComponent, u as useUsersStore, a as useToast, b as useRouter, r as ref, o as onMounted, M as MFA_AUTHENTICATION_TOKEN_INPUT_MAX_LENGTH, V as VIEWS, c as openBlock, e as createBlock, f as createCommentVNode, g as useI18n } from "./index-BUjeBzRM.js";
-import { A as AuthView } from "./AuthView-DDTsGVDI.js";
+import { d as defineComponent, u as useUsersStore, a as useToast, b as useRouter, r as ref, o as onMounted, M as MFA_AUTHENTICATION_TOKEN_INPUT_MAX_LENGTH, V as VIEWS, c as openBlock, e as createBlock, f as createCommentVNode, g as useI18n } from "./index-7YFQEQmt.js";
+import { A as AuthView } from "./AuthView-DmC24d7S.js";
 const _sfc_main = /* @__PURE__ */ defineComponent({
   __name: "ChangePasswordView",
   setup(__props) {

package/dist/assets/CollectionParameter-Odk28FRT.js

@@ -0,0 +1,4 @@
+import { j5 as _sfc_main } from "./index-7YFQEQmt.js";
+export {
+  _sfc_main as default
+};

package/dist/assets/{CredentialsView-4YDBK-zY.js → CredentialsView-B3m9CpEC.js}

@@ -1,7 +1,8 @@
-import { d as defineComponent, K as useUIStore, dt as useCredentialsStore, a1 as useProjectsStore, p as computed, al as getResourcePermissions, ie as dateformat, l as resolveComponent, c as openBlock, e as createBlock, w as withCtx, i as createVNode, iY as CredentialIcon, n as normalizeClass, k as createTextVNode, t as toDisplayString, A as unref, f as createCommentVNode, j as createBaseVNode, I as withModifiers, iO as ResourceType, h as createElementBlock, ar as withDirectives, hW as _sfc_main$3, as as vShow, g as useI18n, ad as MODAL_CONFIRM, iP as PROJECT_MOVE_RESOURCE_MODAL, ak as useMessage, _ as _export_sfc, cZ as useNodeTypesStore, a0 as useSourceControlStore, g1 as useExternalSecretsStore, a3 as useDocumentTitle, U as useRoute, b as useRouter, r as ref, iZ as listenForModalChanges, H as watch, i_ as CREDENTIAL_SELECT_MODAL_KEY, o as onMounted, iQ as N8nButton, iU as N8nInputLabel, iV as N8nSelect, F as Fragment, z as renderList, iW as _sfc_main$4, m as useSettingsStore, a7 as EnterpriseEditionFeature, g3 as useEnvironmentsStore, aj as useTelemetry, i$ as CREDENTIAL_EDIT_MODAL_KEY } from "./index-BUjeBzRM.js";
-import { R as ResourcesListLayout } from "./ResourcesListLayout-D_C1ZSTp.js";
-import { _ as _sfc_main$2 } from "./ProjectCardBadge.vue_vue_type_script_setup_true_lang-1r16lWfz.js";
-import { P as ProjectTabs } from "./ProjectTabs-BLgXz0GM.js";
+import { d as defineComponent, K as useUIStore, dy as useCredentialsStore, a1 as useProjectsStore, p as computed, am as getResourcePermissions, ij as dateformat, l as resolveComponent, c as openBlock, e as createBlock, w as withCtx, i as createVNode, i$ as CredentialIcon, n as normalizeClass, k as createTextVNode, t as toDisplayString, A as unref, f as createCommentVNode, j as createBaseVNode, I as withModifiers, iT as ResourceType, h as createElementBlock, as as withDirectives, h$ as _sfc_main$2, at as vShow, g as useI18n, ae as MODAL_CONFIRM, iU as PROJECT_MOVE_RESOURCE_MODAL, al as useMessage, _ as _export_sfc, c_ as useNodeTypesStore, a0 as useSourceControlStore, g6 as useExternalSecretsStore, a3 as useDocumentTitle, U as useRoute, b as useRouter, r as ref, j0 as listenForModalChanges, H as watch, j1 as CREDENTIAL_SELECT_MODAL_KEY, o as onMounted, iV as N8nButton, iX as N8nInputLabel, iY as N8nSelect, F as Fragment, z as renderList, iZ as _sfc_main$3, m as useSettingsStore, a8 as EnterpriseEditionFeature, g8 as useEnvironmentsStore, ak as useTelemetry, j2 as CREDENTIAL_EDIT_MODAL_KEY } from "./index-7YFQEQmt.js";
+import { R as ResourcesListLayout } from "./ResourcesListLayout-Bc4__nvw.js";
+import { P as ProjectCardBadge } from "./ProjectCardBadge-C3QU-WmO.js";
+import { P as ProjectTabs } from "./ProjectTabs-Dve3xFj9.js";
+import "./ResourceListHeader-B2sxe6HT.js";
 const _hoisted_1$1 = { key: 0 };
 const _sfc_main$1 = /* @__PURE__ */ defineComponent({
   __name: "CredentialCard",
@@ -151,7 +152,7 @@ const _sfc_main$1 = /* @__PURE__ */ defineComponent({
             onClick: _cache[0] || (_cache[0] = withModifiers(() => {
             }, ["stop"]))
           }, [
-            createVNode(_sfc_main$2, {
+            createVNode(ProjectCardBadge, {
               resource: _ctx.data,
               "resource-type": unref(ResourceType).Credential,
               "resource-type-label": resourceTypeLabel.value,
@@ -177,7 +178,7 @@ const _sfc_main$1 = /* @__PURE__ */ defineComponent({
                 credentialType.value ? (openBlock(), createElementBlock("span", _hoisted_1$1, toDisplayString(credentialType.value.displayName) + " | ", 1)) : createCommentVNode("", true),
                 withDirectives(createBaseVNode("span", null, [
                   createTextVNode(toDisplayString(unref(locale).baseText("credentials.item.updated")) + " ", 1),
-                  createVNode(_sfc_main$3, {
+                  createVNode(_sfc_main$2, {
                     date: _ctx.data.updatedAt
                   }, null, 8, ["date"]),
                   _cache[1] || (_cache[1] = createTextVNode(" | "))
@@ -233,7 +234,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     const filters = ref({
       search: "",
       homeProject: "",
-      type: ""
+      type: []
     });
     const loading = ref(false);
     const allCredentials = computed(
@@ -297,13 +298,15 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
         immediate: true
       }
     );
-    const onFilter = (resource, filtersToApply, matches) => {
+    const onFilter = (resource, newFilters, matches) => {
+      const iResource = resource;
+      const filtersToApply = newFilters;
       if (filtersToApply.type.length > 0) {
-        matches = matches && filtersToApply.type.includes(resource.type);
+        matches = matches && filtersToApply.type.includes(iResource.type);
       }
       if (filtersToApply.search) {
         const searchString = filtersToApply.search.toLowerCase();
-        matches = matches || credentialTypesById.value[resource.type] && credentialTypesById.value[resource.type].displayName.toLowerCase().includes(searchString);
+        matches = matches || credentialTypesById.value[iResource.type] && credentialTypesById.value[iResource.type].displayName.toLowerCase().includes(searchString);
       }
       return matches;
     };
@@ -397,7 +400,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
             }, {
               default: withCtx(() => [
                 (openBlock(true), createElementBlock(Fragment, null, renderList(allCredentialTypes.value, (credentialType) => {
-                  return openBlock(), createBlock(unref(_sfc_main$4), {
+                  return openBlock(), createBlock(unref(_sfc_main$3), {
                     key: credentialType.name,
                     value: credentialType.name,
                     label: credentialType.displayName

package/dist/assets/{ErrorView-CeJF1j4H.js → ErrorView-D6M8WlVP.js}

@@ -1,4 +1,4 @@
-import { d as defineComponent, b as useRouter, c as openBlock, h as createElementBlock, i as createVNode, n as normalizeClass, j as createBaseVNode, w as withCtx, k as createTextVNode, t as toDisplayString, e as createBlock, f as createCommentVNode, V as VIEWS, l as resolveComponent, _ as _export_sfc } from "./index-BUjeBzRM.js";
+import { d as defineComponent, b as useRouter, c as openBlock, h as createElementBlock, i as createVNode, n as normalizeClass, j as createBaseVNode, w as withCtx, k as createTextVNode, t as toDisplayString, e as createBlock, f as createCommentVNode, V as VIEWS, l as resolveComponent, _ as _export_sfc } from "./index-7YFQEQmt.js";
 const _sfc_main = /* @__PURE__ */ defineComponent({
   __name: "ErrorView",
   props: {

package/dist/assets/{ExecutionsFilter-BecTg03r.css → ExecutionsFilter-DVxRt-Pz.css}

@@ -33,21 +33,21 @@
 }
 ._tooltipIcon_1lywb_35 {
   color: var(--color-text-light);
-}[data-v-1dfd9f44] .el-date-editor input {
+}[data-v-e7c0538a] .el-date-editor input {
   height: 36px;
   border: 0;
   padding-right: 0;
 }
-[data-v-1dfd9f44] .el-date-editor .el-input__prefix {
+[data-v-e7c0538a] .el-date-editor .el-input__prefix {
   color: var(--color-foreground-dark);
 }
-[data-v-1dfd9f44] .el-date-editor:last-of-type input {
+[data-v-e7c0538a] .el-date-editor:last-of-type input {
   padding-left: 0;
 }
-[data-v-1dfd9f44] .el-date-editor:last-of-type .el-input__prefix {
+[data-v-e7c0538a] .el-date-editor:last-of-type .el-input__prefix {
   display: none;
 }
-[data-v-1dfd9f44] .el-select-dropdown.el-popper[data-popper-placement^="bottom"] > .popper__arrow {
+[data-v-e7c0538a] .el-select-dropdown.el-popper[data-popper-placement^="bottom"] > .popper__arrow {
   top: -6px;
   left: 50%;
   right: unset;
@@ -58,7 +58,7 @@
   border-bottom-color: var(--border-color-light);
   border-right-color: transparent;
 }
-[data-v-1dfd9f44] .el-select-dropdown.el-popper[data-popper-placement^="bottom"] > .popper__arrow::after {
+[data-v-e7c0538a] .el-select-dropdown.el-popper[data-popper-placement^="bottom"] > .popper__arrow::after {
   top: 1px;
   left: unset;
   bottom: unset;

package/dist/assets/{ExecutionsFilter-ODySTrFf.js → ExecutionsFilter-DlZH8tDW.js}

@@ -1,5 +1,5 @@
-import { d as defineComponent, r as ref, p as computed, o as onMounted, y as onBeforeUnmount, c as openBlock, h as createElementBlock, t as toDisplayString, g as useI18n, m as useSettingsStore, K as useUIStore, J as useDebounce, c5 as reactive, ia as getObjectKeys, aq as onBeforeMount, e as createBlock, w as withCtx, i as createVNode, k as createTextVNode, f as createCommentVNode, A as unref, f6 as i18n, j as createBaseVNode, F as Fragment, z as renderList, n as normalizeClass, I as withModifiers, l as resolveComponent, a6 as _sfc_main$3, aj as useTelemetry, a7 as EnterpriseEditionFeature, e6 as isEmpty, _ as _export_sfc } from "./index-BUjeBzRM.js";
-import { _ as _sfc_main$2 } from "./AnnotationTagsDropdown.ee.vue_vue_type_script_setup_true_lang-B4V5qQ9q.js";
+import { d as defineComponent, r as ref, p as computed, o as onMounted, v as onBeforeUnmount, c as openBlock, h as createElementBlock, t as toDisplayString, g as useI18n, m as useSettingsStore, J as useDebounce, a5 as usePageRedirectionHelper, c6 as reactive, ie as getObjectKeys, ar as onBeforeMount, e as createBlock, w as withCtx, i as createVNode, k as createTextVNode, f as createCommentVNode, A as unref, fc as i18n, j as createBaseVNode, F as Fragment, z as renderList, n as normalizeClass, I as withModifiers, l as resolveComponent, a7 as _sfc_main$3, ak as useTelemetry, a8 as EnterpriseEditionFeature, eb as isEmpty, _ as _export_sfc } from "./index-7YFQEQmt.js";
+import { _ as _sfc_main$2 } from "./AnnotationTagsDropdown.ee.vue_vue_type_script_setup_true_lang-DbabN_I2.js";
 const _sfc_main$1 = /* @__PURE__ */ defineComponent({
   __name: "ExecutionsTime",
   props: {
@@ -56,9 +56,9 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
   emits: ["filterChanged"],
   setup(__props, { emit: __emit }) {
     const settingsStore = useSettingsStore();
-    const uiStore = useUIStore();
     const { debounce } = useDebounce();
     const telemetry = useTelemetry();
+    const pageRedirectionHelper = usePageRedirectionHelper();
     const props = __props;
     const emit = __emit;
     const debouncedEmit = debounce(emit, {
@@ -150,7 +150,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       emit("filterChanged", filter);
     };
     const goToUpgrade = () => {
-      void uiStore.goToUpgrade("custom-data-filter", "upgrade-custom-data-filter");
+      void pageRedirectionHelper.goToUpgrade("custom-data-filter", "upgrade-custom-data-filter");
     };
     onBeforeMount(() => {
       isCustomDataFilterTracked.value = false;
@@ -484,7 +484,7 @@ const style0 = {
 const cssModules = {
   "$style": style0
 };
-const ExecutionsFilter = /* @__PURE__ */ _export_sfc(_sfc_main, [["__cssModules", cssModules], ["__scopeId", "data-v-1dfd9f44"]]);
+const ExecutionsFilter = /* @__PURE__ */ _export_sfc(_sfc_main, [["__cssModules", cssModules], ["__scopeId", "data-v-e7c0538a"]]);
 export {
   ExecutionsFilter as E,
   _sfc_main$1 as _

package/dist/assets/{ExecutionsView-Cfc2bklt.js → ExecutionsView-DaHtYmF4.js}

@@ -1,7 +1,7 @@
-import { d as defineComponent, b as useRouter, r as ref, p as computed, c as openBlock, h as createElementBlock, j as createBaseVNode, e as createBlock, f as createCommentVNode, n as normalizeClass, I as withModifiers, t as toDisplayString, i as createVNode, w as withCtx, A as unref, k as createTextVNode, g as useI18n, l as resolveComponent, a9 as useCssModule, eW as WAIT_TIME_UNLIMITED, f6 as i18n, V as VIEWS, _ as _export_sfc, T as useWorkflowsStore, ap as useExecutionsStore, m as useSettingsStore, a as useToast, H as watch, o as onMounted, ar as withDirectives, as as vShow, F as Fragment, z as renderList, aX as TransitionGroup, ad as MODAL_CONFIRM, al as getResourcePermissions, aj as useTelemetry, ak as useMessage, a7 as EnterpriseEditionFeature, a3 as useDocumentTitle, ej as storeToRefs, aq as onBeforeMount, y as onBeforeUnmount, aF as useExternalHooks } from "./index-BUjeBzRM.js";
-import { _ as _sfc_main$3, E as ExecutionsFilter } from "./ExecutionsFilter-ODySTrFf.js";
-import { b as convertToDisplayDate } from "./dateFormatter-CfOgAO2k.js";
-import { u as useExecutionHelpers } from "./AnnotationTagsDropdown.ee.vue_vue_type_script_setup_true_lang-B4V5qQ9q.js";
+import { d as defineComponent, b as useRouter, r as ref, p as computed, c as openBlock, h as createElementBlock, j as createBaseVNode, e as createBlock, f as createCommentVNode, n as normalizeClass, I as withModifiers, t as toDisplayString, i as createVNode, w as withCtx, A as unref, k as createTextVNode, g as useI18n, l as resolveComponent, aa as useCssModule, f0 as WAIT_TIME_UNLIMITED, fc as i18n, V as VIEWS, _ as _export_sfc, T as useWorkflowsStore, aq as useExecutionsStore, m as useSettingsStore, a as useToast, H as watch, o as onMounted, as as withDirectives, at as vShow, F as Fragment, z as renderList, aY as TransitionGroup, ae as MODAL_CONFIRM, am as getResourcePermissions, ak as useTelemetry, al as useMessage, a8 as EnterpriseEditionFeature, a3 as useDocumentTitle, eo as storeToRefs, ar as onBeforeMount, v as onBeforeUnmount, aG as useExternalHooks } from "./index-7YFQEQmt.js";
+import { _ as _sfc_main$3, E as ExecutionsFilter } from "./ExecutionsFilter-DlZH8tDW.js";
+import { b as convertToDisplayDate } from "./dateFormatter-C53K7zEn.js";
+import { u as useExecutionHelpers } from "./AnnotationTagsDropdown.ee.vue_vue_type_script_setup_true_lang-DbabN_I2.js";
 const _hoisted_1$1 = { key: 0 };
 const _hoisted_2 = { key: 1 };
 const _hoisted_3 = { key: 0 };

package/dist/assets/{FileSaver.min-2E3H7obf.js → FileSaver.min-DNytcjKT.js}

@@ -1,4 +1,4 @@
-import { dS as commonjsGlobal } from "./index-BUjeBzRM.js";
+import { dX as commonjsGlobal } from "./index-7YFQEQmt.js";
 var FileSaver_min = { exports: {} };
 (function(module, exports) {
   (function(a, b) {

package/dist/assets/FixedCollectionParameter-CypxYAFK.js

@@ -0,0 +1,334 @@
+import { d as defineComponent, p as computed, r as ref, dP as isINodePropertyCollectionList, H as watch, dK as deepCopy, ar as onBeforeMount, c as openBlock, h as createElementBlock, i as createVNode, w as withCtx, k as createTextVNode, t as toDisplayString, A as unref, iN as N8nText, f as createCommentVNode, F as Fragment, z as renderList, e as createBlock, iX as N8nInputLabel, j as createBaseVNode, eX as _sfc_main$1, dE as _sfc_main$2, aT as Suspense, n as normalizeClass, iV as N8nButton, iZ as _sfc_main$3, iY as N8nSelect, I as withModifiers, g as useI18n, dI as get, _ as _export_sfc } from "./index-7YFQEQmt.js";
+const _hoisted_1 = ["data-test-id"];
+const _hoisted_2 = {
+  key: 0,
+  class: "no-items-exist"
+};
+const _hoisted_3 = { key: 1 };
+const _hoisted_4 = {
+  key: 0,
+  class: "delete-option"
+};
+const _hoisted_5 = {
+  key: 2,
+  class: "parameter-item"
+};
+const _hoisted_6 = { class: "parameter-item-wrapper" };
+const _hoisted_7 = {
+  key: 0,
+  class: "delete-option"
+};
+const _hoisted_8 = {
+  key: 1,
+  class: "controls"
+};
+const _hoisted_9 = {
+  key: 1,
+  class: "add-option"
+};
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "FixedCollectionParameter",
+  props: {
+    nodeValues: {},
+    parameter: {},
+    path: {},
+    values: { default: () => ({}) },
+    isReadOnly: { type: Boolean, default: false }
+  },
+  emits: ["valueChanged"],
+  setup(__props, { emit: __emit }) {
+    const locale = useI18n();
+    const props = __props;
+    const emit = __emit;
+    const getPlaceholderText = computed(() => {
+      const placeholder = locale.nodeText().placeholder(props.parameter, props.path);
+      return placeholder ? placeholder : locale.baseText("fixedCollectionParameter.choose");
+    });
+    const mutableValues = ref({});
+    const selectedOption = ref(null);
+    const propertyNames = computed(() => {
+      return new Set(Object.keys(mutableValues.value || {}));
+    });
+    const getProperties = computed(() => {
+      const returnProperties = [];
+      let tempProperties;
+      for (const name of propertyNames.value) {
+        tempProperties = getOptionProperties(name);
+        if (tempProperties !== void 0) {
+          returnProperties.push(tempProperties);
+        }
+      }
+      return returnProperties;
+    });
+    const multipleValues = computed(() => {
+      var _a;
+      return !!((_a = props.parameter.typeOptions) == null ? void 0 : _a.multipleValues);
+    });
+    const parameterOptions = computed(() => {
+      if (!isINodePropertyCollectionList(props.parameter.options)) return [];
+      if (multipleValues.value) {
+        return props.parameter.options;
+      }
+      return (props.parameter.options ?? []).filter((option) => {
+        return !propertyNames.value.has(option.name);
+      });
+    });
+    const sortable = computed(() => {
+      var _a;
+      return !!((_a = props.parameter.typeOptions) == null ? void 0 : _a.sortable);
+    });
+    watch(
+      () => props.values,
+      (newValues) => {
+        mutableValues.value = deepCopy(newValues);
+      },
+      { deep: true }
+    );
+    onBeforeMount(() => {
+      mutableValues.value = deepCopy(props.values);
+    });
+    const deleteOption = (optionName, index) => {
+      const currentOptionsOfSameType = mutableValues.value[optionName];
+      if (!currentOptionsOfSameType || currentOptionsOfSameType.length > 1) {
+        emit("valueChanged", {
+          name: getPropertyPath(optionName, index),
+          value: void 0
+        });
+      } else {
+        emit("valueChanged", {
+          name: getPropertyPath(optionName),
+          value: void 0
+        });
+      }
+    };
+    const getPropertyPath = (name, index) => {
+      return `${props.path}.${name}` + (index !== void 0 ? `[${index}]` : "");
+    };
+    const getOptionProperties = (optionName) => {
+      if (isINodePropertyCollectionList(props.parameter.options)) {
+        for (const option of props.parameter.options) {
+          if (option.name === optionName) {
+            return option;
+          }
+        }
+      }
+      return void 0;
+    };
+    const moveOptionDown = (optionName, index) => {
+      if (Array.isArray(mutableValues.value[optionName])) {
+        mutableValues.value[optionName].splice(
+          index + 1,
+          0,
+          mutableValues.value[optionName].splice(index, 1)[0]
+        );
+      }
+      const parameterData = {
+        name: getPropertyPath(optionName),
+        value: mutableValues.value[optionName],
+        type: "optionsOrderChanged"
+      };
+      emit("valueChanged", parameterData);
+    };
+    const moveOptionUp = (optionName, index) => {
+      var _a;
+      if (Array.isArray(mutableValues.value[optionName])) {
+        (_a = mutableValues.value) == null ? void 0 : _a[optionName].splice(
+          index - 1,
+          0,
+          mutableValues.value[optionName].splice(index, 1)[0]
+        );
+      }
+      const parameterData = {
+        name: getPropertyPath(optionName),
+        value: mutableValues.value[optionName],
+        type: "optionsOrderChanged"
+      };
+      emit("valueChanged", parameterData);
+    };
+    const optionSelected = (optionName) => {
+      const option = getOptionProperties(optionName);
+      if (option === void 0) {
+        return;
+      }
+      const name = `${props.path}.${option.name}`;
+      const newParameterValue = {};
+      for (const optionParameter of option.values) {
+        if (optionParameter.type === "fixedCollection" && optionParameter.typeOptions !== void 0 && optionParameter.typeOptions.multipleValues === true) {
+          newParameterValue[optionParameter.name] = {};
+        } else if (optionParameter.typeOptions !== void 0 && optionParameter.typeOptions.multipleValues === true) {
+          const multiValue = get(props.nodeValues, [props.path, optionParameter.name], []);
+          if (Array.isArray(optionParameter.default)) {
+            multiValue.push(...deepCopy(optionParameter.default));
+          } else if (optionParameter.default !== "" && typeof optionParameter.default !== "object") {
+            multiValue.push(deepCopy(optionParameter.default));
+          }
+          newParameterValue[optionParameter.name] = multiValue;
+        } else {
+          newParameterValue[optionParameter.name] = deepCopy(optionParameter.default);
+        }
+      }
+      let newValue;
+      if (multipleValues.value) {
+        newValue = get(props.nodeValues, name, []);
+        newValue.push(newParameterValue);
+      } else {
+        newValue = newParameterValue;
+      }
+      const parameterData = {
+        name,
+        value: newValue
+      };
+      emit("valueChanged", parameterData);
+      selectedOption.value = void 0;
+    };
+    const valueChanged = (parameterData) => {
+      emit("valueChanged", parameterData);
+    };
+    return (_ctx, _cache) => {
+      var _a;
+      return openBlock(), createElementBlock("div", {
+        class: "fixed-collection-parameter",
+        "data-test-id": `fixed-collection-${(_a = props.parameter) == null ? void 0 : _a.name}`,
+        onKeydown: _cache[2] || (_cache[2] = withModifiers(() => {
+        }, ["stop"]))
+      }, [
+        getProperties.value.length === 0 ? (openBlock(), createElementBlock("div", _hoisted_2, [
+          createVNode(unref(N8nText), { size: "small" }, {
+            default: withCtx(() => [
+              createTextVNode(toDisplayString(unref(locale).baseText("fixedCollectionParameter.currentlyNoItemsExist")), 1)
+            ]),
+            _: 1
+          })
+        ])) : createCommentVNode("", true),
+        (openBlock(true), createElementBlock(Fragment, null, renderList(getProperties.value, (property) => {
+          return openBlock(), createElementBlock("div", {
+            key: property.name,
+            class: "fixed-collection-parameter-property"
+          }, [
+            property.displayName !== "" && _ctx.parameter.options && _ctx.parameter.options.length !== 1 ? (openBlock(), createBlock(unref(N8nInputLabel), {
+              key: 0,
+              label: unref(locale).nodeText().inputLabelDisplayName(property, _ctx.path),
+              underline: true,
+              size: "small",
+              color: "text-dark"
+            }, null, 8, ["label"])) : createCommentVNode("", true),
+            multipleValues.value ? (openBlock(), createElementBlock("div", _hoisted_3, [
+              (openBlock(true), createElementBlock(Fragment, null, renderList(mutableValues.value[property.name], (_, index) => {
+                return openBlock(), createElementBlock("div", {
+                  key: property.name + index,
+                  class: "parameter-item"
+                }, [
+                  createBaseVNode("div", {
+                    class: normalizeClass(index ? "border-top-dashed parameter-item-wrapper " : "parameter-item-wrapper")
+                  }, [
+                    !_ctx.isReadOnly ? (openBlock(), createElementBlock("div", _hoisted_4, [
+                      createVNode(unref(_sfc_main$1), {
+                        type: "tertiary",
+                        text: "",
+                        size: "mini",
+                        icon: "trash",
+                        "data-test-id": "fixed-collection-delete",
+                        title: unref(locale).baseText("fixedCollectionParameter.deleteItem"),
+                        onClick: ($event) => deleteOption(property.name, index)
+                      }, null, 8, ["title", "onClick"]),
+                      sortable.value && index !== 0 ? (openBlock(), createBlock(unref(_sfc_main$1), {
+                        key: 0,
+                        type: "tertiary",
+                        text: "",
+                        size: "mini",
+                        icon: "angle-up",
+                        title: unref(locale).baseText("fixedCollectionParameter.moveUp"),
+                        onClick: ($event) => moveOptionUp(property.name, index)
+                      }, null, 8, ["title", "onClick"])) : createCommentVNode("", true),
+                      sortable.value && index !== mutableValues.value[property.name].length - 1 ? (openBlock(), createBlock(unref(_sfc_main$1), {
+                        key: 1,
+                        type: "tertiary",
+                        text: "",
+                        size: "mini",
+                        icon: "angle-down",
+                        title: unref(locale).baseText("fixedCollectionParameter.moveDown"),
+                        onClick: ($event) => moveOptionDown(property.name, index)
+                      }, null, 8, ["title", "onClick"])) : createCommentVNode("", true)
+                    ])) : createCommentVNode("", true),
+                    (openBlock(), createBlock(Suspense, null, {
+                      default: withCtx(() => [
+                        createVNode(_sfc_main$2, {
+                          parameters: property.values,
+                          "node-values": _ctx.nodeValues,
+                          path: getPropertyPath(property.name, index),
+                          "hide-delete": true,
+                          "is-read-only": _ctx.isReadOnly,
+                          onValueChanged: valueChanged
+                        }, null, 8, ["parameters", "node-values", "path", "is-read-only"])
+                      ]),
+                      _: 2
+                    }, 1024))
+                  ], 2)
+                ]);
+              }), 128))
+            ])) : (openBlock(), createElementBlock("div", _hoisted_5, [
+              createBaseVNode("div", _hoisted_6, [
+                !_ctx.isReadOnly ? (openBlock(), createElementBlock("div", _hoisted_7, [
+                  createVNode(unref(_sfc_main$1), {
+                    type: "tertiary",
+                    text: "",
+                    size: "mini",
+                    icon: "trash",
+                    "data-test-id": "fixed-collection-delete",
+                    title: unref(locale).baseText("fixedCollectionParameter.deleteItem"),
+                    onClick: ($event) => deleteOption(property.name)
+                  }, null, 8, ["title", "onClick"])
+                ])) : createCommentVNode("", true),
+                createVNode(_sfc_main$2, {
+                  parameters: property.values,
+                  "node-values": _ctx.nodeValues,
+                  path: getPropertyPath(property.name),
+                  "is-read-only": _ctx.isReadOnly,
+                  class: "parameter-item",
+                  "hide-delete": true,
+                  onValueChanged: valueChanged
+                }, null, 8, ["parameters", "node-values", "path", "is-read-only"])
+              ])
+            ]))
+          ]);
+        }), 128)),
+        parameterOptions.value.length > 0 && !_ctx.isReadOnly ? (openBlock(), createElementBlock("div", _hoisted_8, [
+          _ctx.parameter.options && _ctx.parameter.options.length === 1 ? (openBlock(), createBlock(unref(N8nButton), {
+            key: 0,
+            type: "tertiary",
+            block: "",
+            "data-test-id": "fixed-collection-add",
+            label: getPlaceholderText.value,
+            onClick: _cache[0] || (_cache[0] = ($event) => optionSelected(_ctx.parameter.options[0].name))
+          }, null, 8, ["label"])) : (openBlock(), createElementBlock("div", _hoisted_9, [
+            createVNode(unref(N8nSelect), {
+              modelValue: selectedOption.value,
+              "onUpdate:modelValue": [
+                _cache[1] || (_cache[1] = ($event) => selectedOption.value = $event),
+                optionSelected
+              ],
+              placeholder: getPlaceholderText.value,
+              size: "small",
+              filterable: ""
+            }, {
+              default: withCtx(() => [
+                (openBlock(true), createElementBlock(Fragment, null, renderList(parameterOptions.value, (item) => {
+                  return openBlock(), createBlock(unref(_sfc_main$3), {
+                    key: item.name,
+                    label: unref(locale).nodeText().collectionOptionDisplayName(_ctx.parameter, item, _ctx.path),
+                    value: item.name
+                  }, null, 8, ["label", "value"]);
+                }), 128))
+              ]),
+              _: 1
+            }, 8, ["modelValue", "placeholder"])
+          ]))
+        ])) : createCommentVNode("", true)
+      ], 40, _hoisted_1);
+    };
+  }
+});
+const FixedCollectionParameter = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-eb768adb"]]);
+export {
+  FixedCollectionParameter as default
+};

package/dist/assets/{FixedCollectionParameter-fI2wTyfY.css → FixedCollectionParameter-DzOGMEdq.css}

@@ -1,7 +1,7 @@
-.fixed-collection-parameter[data-v-f59887d3] {
+.fixed-collection-parameter[data-v-eb768adb] {
   padding-left: var(--spacing-s);
 }
-.fixed-collection-parameter .delete-option[data-v-f59887d3] {
+.fixed-collection-parameter .delete-option[data-v-eb768adb] {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
@@ -10,7 +10,7 @@
       -ms-flex-direction: column;
           flex-direction: column;
 }
-.fixed-collection-parameter .controls[data-v-f59887d3] .button {
+.fixed-collection-parameter .controls[data-v-eb768adb] .button {
   font-weight: var(--font-weight-normal);
   --button-font-color: var(--color-text-dark);
   --button-border-color: var(--color-foreground-base);
@@ -25,25 +25,25 @@
   --button-focus-border-color: var(--color-foreground-base);
   --button-focus-background-color: var(--color-background-base);
 }
-.fixed-collection-parameter .controls[data-v-f59887d3] .button:active, .fixed-collection-parameter .controls[data-v-f59887d3] .button.active, .fixed-collection-parameter .controls[data-v-f59887d3] .button:focus {
+.fixed-collection-parameter .controls[data-v-eb768adb] .button:active, .fixed-collection-parameter .controls[data-v-eb768adb] .button.active, .fixed-collection-parameter .controls[data-v-eb768adb] .button:focus {
   outline: none;
 }
-.fixed-collection-parameter-property[data-v-f59887d3] {
+.fixed-collection-parameter-property[data-v-eb768adb] {
   margin: var(--spacing-xs) 0;
 }
-.parameter-item:hover > .parameter-item-wrapper > .delete-option[data-v-f59887d3] {
+.parameter-item:hover > .parameter-item-wrapper > .delete-option[data-v-eb768adb] {
   opacity: 1;
 }
-.parameter-item[data-v-f59887d3] {
+.parameter-item[data-v-eb768adb] {
   position: relative;
   padding: 0 0 0 1em;
 }
-.parameter-item + .parameter-item .parameter-item-wrapper .delete-option[data-v-f59887d3] {
+.parameter-item + .parameter-item .parameter-item-wrapper .delete-option[data-v-eb768adb] {
   top: 14px;
 }
-.border-top-dashed[data-v-f59887d3] {
+.border-top-dashed[data-v-eb768adb] {
   border-top: 1px dashed #999;
 }
-.no-items-exist[data-v-f59887d3] {
+.no-items-exist[data-v-eb768adb] {
   margin: var(--spacing-xs) 0;
 }