n8n-editor-ui 1.72.1 → 1.74.0

package/dist/assets/ProjectCardBadge-DQvW5T7s.css

@@ -1,20 +0,0 @@
-._badge_2xnky_1 {
-  padding: var(--spacing-4xs) var(--spacing-2xs);
-  background-color: var(--color-background-xlight);
-  border-color: var(--color-foreground-base);
-  z-index: 1;
-  position: relative;
-  height: 23px;
-}
-._badge_2xnky_1 .n8n-text {
-  color: var(--color-text-base);
-}
-._countBadge_2xnky_13 {
-  margin-left: -5px;
-  z-index: 0;
-  position: relative;
-  height: 23px;
-}
-._countBadge_2xnky_13 .n8n-text {
-  color: var(--color-text-light);
-}

package/dist/assets/ProjectHeader-CDl0NBcF.css

@@ -1,21 +0,0 @@
-._projectHeader_7m1jl_1 {
-  display: flex;
-  align-items: center;
-  gap: 8px;
-  padding-bottom: var(--spacing-m);
-  min-height: 64px;
-}
-._headerActions_7m1jl_9 {
-  margin-left: auto;
-}
-._icon_7m1jl_13 {
-  border: 1px solid var(--color-foreground-light);
-  padding: 6px;
-  border-radius: var(--border-radius-base);
-}
-._actions_7m1jl_19 {
-  display: flex;
-  justify-content: space-between;
-  align-items: flex-end;
-  padding: var(--spacing-2xs) 0 var(--spacing-l);
-}

package/dist/assets/ProjectHeader-CUoGk-wO.js

@@ -1,233 +0,0 @@
-import { d as defineComponent, U as useRoute, r as ref, q as computed, H as watch, c as openBlock, e as createBlock, m as resolveComponent, V as VIEWS, g as useI18n, a1 as useProjectsStore, E as onClickOutside, h as createElementBlock, j as createBaseVNode, n as normalizeClass, i as createVNode, w as withCtx, k as createTextVNode, t as toDisplayString, s as renderSlot, l as unref, f as createCommentVNode, c_ as N8nButton, cP as N8nTooltip, cO as _sfc_main$2, aN as N8nNavigationDropdown, c4 as ProjectTypes, am as getResourcePermissions, _ as _export_sfc } from "./index-fCEqBD8K.js";
-import { u as useGlobalEntityCreation } from "./useGlobalEntityCreation-DGVSN-Im.js";
-const _sfc_main$1 = /* @__PURE__ */ defineComponent({
-  __name: "ProjectTabs",
-  props: {
-    showSettings: { type: Boolean }
-  },
-  setup(__props) {
-    const props = __props;
-    const locale = useI18n();
-    const route = useRoute();
-    const selectedTab = ref("");
-    const options = computed(() => {
-      const projectId = route?.params?.projectId;
-      const to = projectId ? {
-        workflows: {
-          name: VIEWS.PROJECTS_WORKFLOWS,
-          params: { projectId }
-        },
-        credentials: {
-          name: VIEWS.PROJECTS_CREDENTIALS,
-          params: { projectId }
-        },
-        executions: {
-          name: VIEWS.PROJECTS_EXECUTIONS,
-          params: { projectId }
-        }
-      } : {
-        workflows: {
-          name: VIEWS.WORKFLOWS
-        },
-        credentials: {
-          name: VIEWS.CREDENTIALS
-        },
-        executions: {
-          name: VIEWS.EXECUTIONS
-        }
-      };
-      const tabs = [
-        {
-          label: locale.baseText("mainSidebar.workflows"),
-          value: to.workflows.name,
-          to: to.workflows
-        },
-        {
-          label: locale.baseText("mainSidebar.credentials"),
-          value: to.credentials.name,
-          to: to.credentials
-        },
-        {
-          label: locale.baseText("mainSidebar.executions"),
-          value: to.executions.name,
-          to: to.executions
-        }
-      ];
-      if (props.showSettings) {
-        tabs.push({
-          label: locale.baseText("projects.settings"),
-          value: VIEWS.PROJECT_SETTINGS,
-          to: { name: VIEWS.PROJECT_SETTINGS, params: { projectId } }
-        });
-      }
-      return tabs;
-    });
-    watch(
-      () => route?.name,
-      () => {
-        selectedTab.value = route?.name;
-      },
-      { immediate: true }
-    );
-    return (_ctx, _cache) => {
-      const _component_N8nTabs = resolveComponent("N8nTabs");
-      return openBlock(), createBlock(_component_N8nTabs, {
-        modelValue: selectedTab.value,
-        "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => selectedTab.value = $event),
-        options: options.value,
-        "data-test-id": "project-tabs"
-      }, null, 8, ["modelValue", "options"]);
-    };
-  }
-});
-const _hoisted_1 = { key: 0 };
-const _sfc_main = /* @__PURE__ */ defineComponent({
-  __name: "ProjectHeader",
-  setup(__props) {
-    const route = useRoute();
-    const i18n = useI18n();
-    const projectsStore = useProjectsStore();
-    const createBtn = ref();
-    const headerIcon = computed(() => {
-      if (projectsStore.currentProject?.type === ProjectTypes.Personal) {
-        return "user";
-      } else if (projectsStore.currentProject?.name) {
-        return "layer-group";
-      } else {
-        return "home";
-      }
-    });
-    const projectName = computed(() => {
-      if (!projectsStore.currentProject) {
-        return i18n.baseText("projects.menu.overview");
-      } else if (projectsStore.currentProject.type === ProjectTypes.Personal) {
-        return i18n.baseText("projects.menu.personal");
-      } else {
-        return projectsStore.currentProject.name;
-      }
-    });
-    const projectPermissions = computed(
-      () => getResourcePermissions(projectsStore.currentProject?.scopes).project
-    );
-    const showSettings = computed(
-      () => !!route?.params?.projectId && !!projectPermissions.value.update && projectsStore.currentProject?.type === ProjectTypes.Team
-    );
-    const { menu, handleSelect, createProjectAppendSlotName, projectsLimitReachedMessage } = useGlobalEntityCreation(computed(() => !Boolean(projectsStore.currentProject)));
-    const createLabel = computed(() => {
-      if (!projectsStore.currentProject) {
-        return i18n.baseText("projects.create");
-      } else if (projectsStore.currentProject.type === ProjectTypes.Personal) {
-        return i18n.baseText("projects.create.personal");
-      } else {
-        return i18n.baseText("projects.create.team");
-      }
-    });
-    onClickOutside(createBtn, () => {
-      createBtn.value?.close();
-    });
-    return (_ctx, _cache) => {
-      const _component_N8nIcon = resolveComponent("N8nIcon");
-      const _component_N8nHeading = resolveComponent("N8nHeading");
-      const _component_N8nText = resolveComponent("N8nText");
-      return openBlock(), createElementBlock("div", null, [
-        createBaseVNode("div", {
-          class: normalizeClass([_ctx.$style.projectHeader])
-        }, [
-          createBaseVNode("div", {
-            class: normalizeClass([_ctx.$style.icon])
-          }, [
-            createVNode(_component_N8nIcon, {
-              icon: headerIcon.value,
-              color: "text-light"
-            }, null, 8, ["icon"])
-          ], 2),
-          createBaseVNode("div", null, [
-            createVNode(_component_N8nHeading, {
-              bold: "",
-              tag: "h2",
-              size: "xlarge"
-            }, {
-              default: withCtx(() => [
-                createTextVNode(toDisplayString(projectName.value), 1)
-              ]),
-              _: 1
-            }),
-            createVNode(_component_N8nText, { color: "text-light" }, {
-              default: withCtx(() => [
-                renderSlot(_ctx.$slots, "subtitle", {}, () => [
-                  !unref(projectsStore).currentProject ? (openBlock(), createElementBlock("span", _hoisted_1, toDisplayString(unref(i18n).baseText("projects.header.subtitle")), 1)) : createCommentVNode("", true)
-                ])
-              ]),
-              _: 3
-            })
-          ]),
-          unref(route).name !== unref(VIEWS).PROJECT_SETTINGS ? (openBlock(), createElementBlock("div", {
-            key: 0,
-            class: normalizeClass([_ctx.$style.headerActions])
-          }, [
-            createVNode(unref(N8nNavigationDropdown), {
-              ref_key: "createBtn",
-              ref: createBtn,
-              "data-test-id": "resource-add",
-              menu: unref(menu),
-              onSelect: unref(handleSelect)
-            }, {
-              [unref(createProjectAppendSlotName)]: withCtx(({ item }) => [
-                item.disabled ? (openBlock(), createBlock(unref(N8nTooltip), {
-                  key: 0,
-                  placement: "right",
-                  content: unref(projectsLimitReachedMessage)
-                }, {
-                  default: withCtx(() => [
-                    createVNode(unref(N8nButton), {
-                      size: "mini",
-                      style: { "margin-left": "auto" },
-                      type: "tertiary",
-                      onClick: ($event) => unref(handleSelect)(item.id)
-                    }, {
-                      default: withCtx(() => [
-                        createTextVNode(toDisplayString(unref(i18n).baseText("generic.upgrade")), 1)
-                      ]),
-                      _: 2
-                    }, 1032, ["onClick"])
-                  ]),
-                  _: 2
-                }, 1032, ["content"])) : createCommentVNode("", true)
-              ]),
-              default: withCtx(() => [
-                createVNode(unref(_sfc_main$2), {
-                  label: createLabel.value,
-                  icon: "plus",
-                  style: { "width": "auto" }
-                }, null, 8, ["label"])
-              ]),
-              _: 2
-            }, 1032, ["menu", "onSelect"])
-          ], 2)) : createCommentVNode("", true)
-        ], 2),
-        createBaseVNode("div", {
-          class: normalizeClass(_ctx.$style.actions)
-        }, [
-          createVNode(_sfc_main$1, { "show-settings": showSettings.value }, null, 8, ["show-settings"])
-        ], 2)
-      ]);
-    };
-  }
-});
-const projectHeader = "_projectHeader_7m1jl_1";
-const headerActions = "_headerActions_7m1jl_9";
-const icon = "_icon_7m1jl_13";
-const actions = "_actions_7m1jl_19";
-const style0 = {
-  projectHeader,
-  headerActions,
-  icon,
-  actions
-};
-const cssModules = {
-  "$style": style0
-};
-const ProjectHeader = /* @__PURE__ */ _export_sfc(_sfc_main, [["__cssModules", cssModules]]);
-export {
-  ProjectHeader as P
-};

package/dist/assets/ProjectSettings-DZws5IzZ.css

@@ -1,34 +0,0 @@
-._operation_1mn5e_1 {
-  padding: 0 0 var(--spacing-l) var(--spacing-l);
-}._projectSettings_1pak5_1 {
-  display: grid;
-  width: 100%;
-  justify-items: center;
-  grid-auto-rows: max-content;
-}
-._projectSettings_1pak5_1 form {
-  width: 100%;
-  max-width: var(--content-container-width);
-  padding: 0 var(--spacing-2xl);
-}
-._projectSettings_1pak5_1 form fieldset {
-  padding-bottom: var(--spacing-2xl);
-}
-._projectSettings_1pak5_1 form fieldset label {
-  display: block;
-  margin-bottom: var(--spacing-xs);
-  font-size: var(--font-size-xl);
-}
-._header_1pak5_21 {
-  width: 100%;
-  max-width: var(--content-container-width);
-  padding: var(--spacing-l) var(--spacing-2xl) 0;
-}
-._upgrade_1pak5_27 {
-  cursor: pointer;
-}
-._buttons_1pak5_31 {
-  display: flex;
-  justify-content: flex-end;
-  align-items: center;
-}

package/dist/assets/ResourcesListLayout-NZz6R66g.css

@@ -1,96 +0,0 @@
-._wrapper_a9xcf_1 {
-  display: flex;
-  flex-direction: column;
-  height: 100%;
-  width: 100%;
-  max-width: var(--content-container-width);
-  box-sizing: border-box;
-  align-content: start;
-  padding: var(--spacing-l) var(--spacing-2xl) 0;
-}
-._content_a9xcf_12 {
-  display: grid;
-  height: 100%;
-}._wrapper_183my_1 {
-  display: grid;
-  height: 100%;
-}
-._overflow_183my_6 ._list_183my_6 ._body_183my_6 {
-  overflow: auto;
-}
-._list_183my_6 {
-  display: grid;
-  grid-template-rows: auto 1fr;
-  height: 100%;
-}
-._list_183my_6 ._body_183my_6 {
-  position: relative;
-  height: 100%;
-}._filter-button_i7gly_1 {
-  height: 40px;
-  align-items: center;
-}
-._filters-dropdown_i7gly_6 {
-  width: 280px;
-}
-._filters-dropdown-footer_i7gly_10 {
-  display: flex;
-  justify-content: space-between;
-  align-items: center;
-}._filters-row_eysnt_1 {
-  display: flex;
-  flex-direction: row;
-  align-items: center;
-  justify-content: space-between;
-}
-._filters_eysnt_1 {
-  display: grid;
-  grid-auto-flow: column;
-  grid-auto-columns: max-content;
-  gap: var(--spacing-2xs);
-  align-items: center;
-}
-._search_eysnt_16 {
-  max-width: 240px;
-}
-._listWrapper_eysnt_20 {
-  position: absolute;
-  height: 100%;
-  width: 100%;
-}
-._sort-and-filter_eysnt_26 {
-  white-space: nowrap;
-}
-._datatable_eysnt_30 {
-  padding-bottom: var(--spacing-s);
-}.resource-list-loading[data-v-90cdff4f] {
-  position: relative;
-  height: 0;
-  width: 100%;
-  overflow: hidden;
-  /*
-  Show the loading skeleton only if the loading takes longer than 300ms
-  */
-  animation: 0.01s linear 0.3s forwards changeVisibility-90cdff4f;
-}
-.resource-list-loading[data-v-90cdff4f] .el-skeleton {
-  position: absolute;
-  height: 100%;
-  width: 100%;
-  overflow: hidden;
-}
-.resource-list-loading[data-v-90cdff4f] .el-skeleton > div > div:first-child .el-skeleton__item {
-  height: 42px;
-  margin: 0;
-}
-.resource-list-loading[data-v-90cdff4f] .el-skeleton .el-skeleton__item {
-  height: 69px;
-}
-@keyframes changeVisibility-90cdff4f {
-from {
-    height: 0;
-}
-to {
-    height: 100%;
-}
-}

package/dist/assets/RunDataJson-DW_khHj4.css

@@ -1,79 +0,0 @@
-._jsonDisplay_3ruoh_1 {
-  position: absolute;
-  top: 0;
-  left: 0;
-  padding-left: var(--spacing-s);
-  right: 0;
-  overflow-y: hidden;
-  line-height: 1.5;
-  word-break: normal;
-  height: 100%;
-}
-._jsonDisplay_3ruoh_1:hover {
-  /* Shows .actionsGroup element from <run-data-json-actions /> child component */
-}
-._jsonDisplay_3ruoh_1:hover > div:first-child {
-  opacity: 1;
-}
-._jsonDisplay_3ruoh_1 ._mappable_3ruoh_18 {
-  cursor: grab;
-}
-._jsonDisplay_3ruoh_1 ._mappable_3ruoh_18:hover {
-  background-color: var(--color-json-highlight);
-}
-._jsonDisplay_3ruoh_1._highlight_3ruoh_24 ._mappable_3ruoh_18, ._jsonDisplay_3ruoh_1._highlight_3ruoh_24 ._mappable_3ruoh_18:hover,
-._jsonDisplay_3ruoh_1 ._dragged_3ruoh_25,
-._jsonDisplay_3ruoh_1 ._dragged_3ruoh_25:hover {
-  background-color: var(--color-primary-tint-2);
-  color: var(--color-primary);
-}.vjs-tree {
-  color: var(--color-json-default);
-  --color-line-break: var(--color-code-line-break);
-}
-.vjs-tree-node:hover {
-  background-color: transparent;
-}
-.vjs-tree-node.is-highlight {
-  background-color: var(--color-json-highlight);
-}
-.vjs-key > span,
-.vjs-value > span {
-  color: var(--color-text-dark);
-  line-height: 1.7;
-  border-radius: var(--border-radius-base);
-}
-.vjs-value > span {
-  padding: 0 var(--spacing-5xs) 0 var(--spacing-5xs);
-  margin-left: var(--spacing-5xs);
-}
-.vjs-tree .vjs-value-null,
-.vjs-tree .vjs-value-null span {
-  color: var(--color-json-null);
-}
-.vjs-tree .vjs-value-boolean,
-.vjs-tree .vjs-value-boolean span {
-  color: var(--color-json-boolean);
-}
-.vjs-tree .vjs-value-number,
-.vjs-tree .vjs-value-number span {
-  color: var(--color-json-number);
-}
-.vjs-tree .vjs-value-string,
-.vjs-tree .vjs-value-string span {
-  color: var(--color-json-string);
-}
-.vjs-tree .vjs-key {
-  color: var(--color-json-key);
-}
-.vjs-tree .vjs-tree__brackets {
-  color: var(--color-json-brackets);
-}
-.vjs-tree .vjs-tree__brackets:hover {
-  color: var(--color-json-brackets-hover);
-}
-.vjs-tree .vjs-tree__content.has-line {
-  border-left: 1px dotted var(--color-json-line);
-}
-.vjs-tree .vjs-tree-list-holder-inner {
-  padding-bottom: var(--spacing-3xl);
-}

package/dist/assets/RunDataJsonActions-CoiM0oFP.css

@@ -1,11 +0,0 @@
-._actionsGroup_wlnwy_1 {
-  position: sticky;
-  height: 0;
-  overflow: visible;
-  z-index: 10;
-  top: 0;
-  padding-right: var(--spacing-s);
-  opacity: 0;
-  transition: opacity 0.3s ease;
-  text-align: right;
-}

package/dist/assets/RunDataSearch-B4q8H9Ex.css

@@ -1,28 +0,0 @@
-._ioSearch_1w9ua_1 {
-  transition: max-width 0.3s cubic-bezier(0.19, 1, 0.22, 1);
-}
-._ioSearch_1w9ua_1 ._ioSearchIcon_1w9ua_4 {
-  color: var(--color-foreground-xdark);
-  cursor: pointer;
-}
-._ioSearch_1w9ua_1 .el-input__prefix {
-  left: 8px;
-}
-._ioSearch_1w9ua_1.el-input--prefix .el-input__inner {
-  padding-left: 30px;
-}
-._ioSearch_1w9ua_1 input {
-  border: 0;
-  opacity: 0;
-  background: transparent;
-  cursor: pointer;
-}
-._ioSearchOpened_1w9ua_21 ._ioSearchIcon_1w9ua_4 {
-  cursor: default;
-}
-._ioSearchOpened_1w9ua_21 input {
-  border: var(--input-border-color, var(--border-color-base)) var(--input-border-style, var(--border-style-base)) var(--border-width-base);
-  background: var(--input-background-color, var(--color-foreground-xlight));
-  opacity: 1;
-  cursor: text;
-}

package/dist/assets/RunDataTable-BOaG0Pms.css

@@ -1,150 +0,0 @@
-._dataDisplay_1e691_1 {
-  position: absolute;
-  top: 0;
-  left: 0;
-  padding-left: var(--spacing-s);
-  right: 0;
-  overflow-y: auto;
-  line-height: 1.5;
-  word-break: normal;
-  height: 100%;
-  padding-bottom: var(--spacing-3xl);
-}
-._table_1e691_14 {
-  border-collapse: separate;
-  text-align: left;
-  width: 100%;
-  font-size: var(--font-size-s);
-}
-._table_1e691_14 th {
-  background-color: var(--color-background-base);
-  border-top: var(--border-base);
-  border-bottom: var(--border-base);
-  border-left: var(--border-base);
-  position: sticky;
-  top: 0;
-  color: var(--color-text-dark);
-  z-index: 1;
-}
-._table_1e691_14 td {
-  vertical-align: top;
-  padding: var(--spacing-2xs) var(--spacing-2xs) var(--spacing-2xs) var(--spacing-3xs);
-  border-bottom: var(--border-base);
-  border-left: var(--border-base);
-  overflow-wrap: break-word;
-  white-space: pre-wrap;
-  vertical-align: top;
-}
-._table_1e691_14 td:first-child,
-._table_1e691_14 td:nth-last-child(2) {
-  position: relative;
-  z-index: 0;
-}
-._table_1e691_14 td:first-child:after,
-._table_1e691_14 td:nth-last-child(2):after {
-  content: "";
-  position: absolute;
-  height: 100%;
-  width: 2px;
-  top: 0;
-}
-._table_1e691_14 td:nth-last-child(2):after {
-  right: -1px;
-}
-._table_1e691_14 td:first-child:after {
-  left: -1px;
-}
-._table_1e691_14 th:last-child,
-._table_1e691_14 td:last-child {
-  border-right: var(--border-base);
-}
-._nodeClass_1e691_63 {
-  margin-bottom: var(--spacing-5xs);
-}
-._emptyCell_1e691_67 {
-  height: 32px;
-}
-._header_1e691_71 {
-  display: flex;
-  align-items: center;
-  padding: var(--spacing-2xs);
-}
-._header_1e691_71 span {
-  white-space: nowrap;
-  text-overflow: ellipsis;
-  overflow: hidden;
-  flex-grow: 1;
-}
-._draggableHeader_1e691_83:hover {
-  cursor: grab;
-  background-color: var(--color-foreground-base);
-}
-._draggableHeader_1e691_83:hover ._dragButton_1e691_87 {
-  opacity: 1;
-}
-._highlight_1e691_91 ._draggableHeader_1e691_83 {
-  color: var(--color-primary);
-}
-._draggingHeader_1e691_95 {
-  color: var(--color-primary);
-  background-color: var(--color-primary-tint-2);
-}
-._activeHeader_1e691_100 ._dragButton_1e691_87 {
-  opacity: 1;
-}
-._dragButton_1e691_87 {
-  opacity: 0;
-  margin-left: var(--spacing-2xs);
-}
-._dataKey_1e691_109 {
-  color: var(--color-text-dark);
-  line-height: 1.7;
-  font-weight: var(--font-weight-bold);
-  border-radius: var(--border-radius-base);
-  padding: 0 var(--spacing-5xs) 0 var(--spacing-5xs);
-  margin-right: var(--spacing-5xs);
-}
-._value_1e691_118 {
-  line-height: var(--font-line-height-regular);
-}
-._nestedValue_1e691_122 {
-  margin-left: var(--spacing-4xs);
-}
-._mappable_1e691_127 {
-  cursor: grab;
-}
-._empty_1e691_67 {
-  color: var(--color-danger);
-}
-._limitColWidth_1e691_135 {
-  max-width: 300px;
-}
-._minColWidth_1e691_139 {
-  min-width: 240px;
-}
-._hoveringKey_1e691_143 {
-  background-color: var(--color-foreground-base);
-}
-._draggingKey_1e691_147 {
-  background-color: var(--color-primary-tint-2);
-}
-._tableRightMargin_1e691_151 {
-  background-color: var(--color-background-base) !important;
-  width: var(--spacing-s);
-  border-right: none !important;
-  border-top: none !important;
-  border-bottom: none !important;
-}
-._hoveringRow_1e691_159 td:first-child:after,
-._hoveringRow_1e691_159 td:nth-last-child(2):after {
-  background-color: var(--color-secondary);
-}
-._warningTooltip_1e691_164 {
-  color: var(--color-warning);
-}
-._executionLinkCell_1e691_168 {
-  padding: var(--spacing-3xs) !important;
-}
-._executionLinkRowHeader_1e691_172 {
-  width: var(--spacing-m);
-}

package/dist/assets/SettingsApiView-DX3S-5pa.css

@@ -1,23 +0,0 @@
-._container_1xc1f_1 > * {
-  margin-bottom: var(--spacing-2xl);
-}
-._header_1xc1f_5 {
-  display: flex;
-  align-items: center;
-  white-space: nowrap;
-}
-._header_1xc1f_5 *:first-child {
-  flex-grow: 1;
-}
-._card_1xc1f_14 {
-  position: relative;
-}
-._delete_1xc1f_18 {
-  position: absolute;
-  display: inline-block;
-  top: var(--spacing-s);
-  right: var(--spacing-s);
-}
-._hint_1xc1f_25 {
-  color: var(--color-text-light);
-}