n8n-editor-ui 1.100.1 → 1.101.0

package/dist/assets/ActionDropdown-BmC0wfMx.css

@@ -0,0 +1,172 @@
+/* BEM support Func
+ -------------------------- */
+/* Transition
+-------------------------- */
+/* Color
+-------------------------- */
+/* Link
+-------------------------- */
+/* Border
+-------------------------- */
+/* Outline
+-------------------------- */
+/* Box shadow
+-------------------------- */
+/* Fill
+-------------------------- */
+/* Typography
+-------------------------- */
+/* z-index
+-------------------------- */
+/* Disable base
+-------------------------- */
+/* Icon
+-------------------------- */
+/* Checkbox
+-------------------------- */
+/* Radio
+-------------------------- */
+/* Select
+-------------------------- */
+/* Alert
+-------------------------- */
+/* MessageBox
+-------------------------- */
+/* Message
+-------------------------- */
+/* Notification
+-------------------------- */
+/* Input
+-------------------------- */
+/* Cascader
+-------------------------- */
+/* Group
+-------------------------- */
+/* Tab
+-------------------------- */
+/* Button
+-------------------------- */
+/* cascader
+-------------------------- */
+/* Switch
+-------------------------- */
+/* Dialog
+-------------------------- */
+/* Table
+-------------------------- */
+/* Pagination
+-------------------------- */
+/* Popup
+-------------------------- */
+/* Popover
+-------------------------- */
+/* Tooltip
+-------------------------- */
+/* Tag
+-------------------------- */
+/* Tree
+-------------------------- */
+/* Dropdown
+-------------------------- */
+/* Badge
+-------------------------- */
+/* Card
+--------------------------*/
+/* Slider
+--------------------------*/
+/* Steps
+--------------------------*/
+/* Menu
+--------------------------*/
+/* Rate
+--------------------------*/
+/* DatePicker
+--------------------------*/
+/* Loading
+--------------------------*/
+/* Scrollbar
+--------------------------*/
+/* Carousel
+--------------------------*/
+/* Collapse
+--------------------------*/
+/* Transfer
+--------------------------*/
+/* Header
+  --------------------------*/
+/* Footer
+--------------------------*/
+/* Main
+--------------------------*/
+/* Timeline
+--------------------------*/
+/* Backtop
+--------------------------*/
+/* Link
+--------------------------*/
+/* Calendar
+--------------------------*/
+/* Form
+-------------------------- */
+/* Avatar
+--------------------------*/
+/* Break-point
+--------------------------*/
+/* Break-points
+ -------------------------- */
+/* Scrollbar
+ -------------------------- */
+/* Placeholder
+ -------------------------- */
+/* BEM
+ -------------------------- */
+.el-dropdown__list ._userActionsMenu_1bu0w_123 {
+  min-width: 160px;
+  padding: var(--spacing-4xs) 0;
+}
+.el-dropdown__list ._elementItem_1bu0w_127 {
+  padding: 0;
+}
+.el-popper._hideArrow_1bu0w_131 .el-popper__arrow {
+  display: none;
+}
+._shadow_1bu0w_135 {
+  -webkit-box-shadow: var(--box-shadow-light);
+          box-shadow: var(--box-shadow-light);
+}
+._activator_1bu0w_139:hover {
+  background-color: var(--color-background-base);
+}
+._itemContainer_1bu0w_143 {
+  display: -webkit-box;
+  display: -ms-flexbox;
+  display: flex;
+  -webkit-box-align: center;
+      -ms-flex-align: center;
+          align-items: center;
+  gap: var(--spacing-s);
+  -webkit-box-pack: justify;
+      -ms-flex-pack: justify;
+          justify-content: space-between;
+  font-size: var(--font-size-2xs);
+  line-height: 18px;
+  padding: var(--spacing-3xs) var(--spacing-2xs);
+}
+._itemContainer_1bu0w_143._disabled_1bu0w_152 ._shortcut_1bu0w_152 {
+  opacity: 0.3;
+}
+._icon_1bu0w_156 {
+  text-align: center;
+  margin-right: var(--spacing-2xs);
+}
+._icon_1bu0w_156 svg {
+  width: 1.2em !important;
+}
+._shortcut_1bu0w_152 {
+  display: -webkit-box;
+  display: -ms-flexbox;
+  display: flex;
+}
+li.is-disabled ._hasCustomStyling_1bu0w_168 {
+  color: inherit !important;
+}

package/dist/assets/ActionDropdown-BujIG0Jq.js

@@ -0,0 +1,172 @@
+import { d as defineComponent, c7 as useAttrs, aa as useCssModule, r as ref, x as computed, i as createElementBlock, g as openBlock, n as normalizeClass, m as unref, j as createVNode, E as ElDropdown, w as withCtx, J as renderSlot, e as createBlock, $ as _sfc_main$1, A as ElDropdownMenu, F as Fragment, y as renderList, k as createBaseVNode, f as createCommentVNode, aW as N8nIcon, l as createTextVNode, t as toDisplayString, D as mergeProps, au as N8nBadge, eV as N8nKeyboardShortcut, B as ElDropdownItem, _ as _export_sfc } from "./index-7S5ADieN.js";
+const _hoisted_1 = ["data-test-id"];
+const _hoisted_2 = { key: 2 };
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "ActionDropdown",
+  props: {
+    items: {},
+    placement: { default: "bottom" },
+    activatorIcon: { default: "ellipsis-h" },
+    activatorSize: { default: "medium" },
+    iconSize: { default: "medium" },
+    trigger: { default: "click" },
+    hideArrow: { type: Boolean, default: false },
+    teleported: { type: Boolean, default: true },
+    disabled: { type: Boolean, default: false }
+  },
+  emits: ["select", "visibleChange"],
+  setup(__props, { expose: __expose, emit: __emit }) {
+    const props = __props;
+    const attrs = useAttrs();
+    const testIdPrefix = attrs["data-test-id"];
+    const $style = useCssModule();
+    const getItemClasses = (item) => {
+      return {
+        [$style.itemContainer]: true,
+        [$style.disabled]: !!item.disabled,
+        [$style.hasCustomStyling]: item.customClass !== void 0,
+        ...item.customClass !== void 0 ? { [item.customClass]: true } : {}
+      };
+    };
+    const emit = __emit;
+    const elementDropdown = ref();
+    const popperClass = computed(
+      () => `${$style.shadow}${props.hideArrow ? ` ${$style.hideArrow}` : ""}`
+    );
+    const onSelect = (action) => emit("select", action);
+    const onVisibleChange = (open2) => emit("visibleChange", open2);
+    const onButtonBlur = (event) => {
+      if (elementDropdown.value?.handleClose && event.relatedTarget === null) {
+        elementDropdown.value.handleClose();
+      }
+    };
+    const open = () => elementDropdown.value?.handleOpen();
+    const close = () => elementDropdown.value?.handleClose();
+    __expose({ open, close });
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("div", {
+        class: normalizeClass(["action-dropdown-container", unref($style).actionDropdownContainer])
+      }, [
+        createVNode(unref(ElDropdown), {
+          ref_key: "elementDropdown",
+          ref: elementDropdown,
+          placement: _ctx.placement,
+          trigger: _ctx.trigger,
+          "popper-class": popperClass.value,
+          teleported: _ctx.teleported,
+          disabled: _ctx.disabled,
+          onCommand: onSelect,
+          onVisibleChange
+        }, {
+          dropdown: withCtx(() => [
+            createVNode(unref(ElDropdownMenu), {
+              class: normalizeClass(unref($style).userActionsMenu)
+            }, {
+              default: withCtx(() => [
+                (openBlock(true), createElementBlock(Fragment, null, renderList(_ctx.items, (item) => {
+                  return openBlock(), createBlock(unref(ElDropdownItem), {
+                    key: item.id,
+                    command: item.id,
+                    disabled: item.disabled,
+                    divided: item.divided,
+                    class: normalizeClass(unref($style).elementItem)
+                  }, {
+                    default: withCtx(() => [
+                      createBaseVNode("div", {
+                        class: normalizeClass(getItemClasses(item)),
+                        "data-test-id": `${unref(testIdPrefix)}-item-${item.id}`
+                      }, [
+                        item.icon ? (openBlock(), createElementBlock("span", {
+                          key: 0,
+                          class: normalizeClass(unref($style).icon)
+                        }, [
+                          createVNode(unref(N8nIcon), {
+                            icon: item.icon,
+                            size: _ctx.iconSize
+                          }, null, 8, ["icon", "size"])
+                        ], 2)) : createCommentVNode("", true),
+                        createBaseVNode("span", {
+                          class: normalizeClass(unref($style).label)
+                        }, [
+                          renderSlot(_ctx.$slots, "menuItem", mergeProps({ ref_for: true }, item), () => [
+                            createTextVNode(toDisplayString(item.label), 1)
+                          ])
+                        ], 2),
+                        item.checked ? (openBlock(), createBlock(unref(N8nIcon), {
+                          key: 1,
+                          icon: "check",
+                          size: _ctx.iconSize
+                        }, null, 8, ["size"])) : createCommentVNode("", true),
+                        item.badge ? (openBlock(), createElementBlock("span", _hoisted_2, [
+                          createVNode(unref(N8nBadge), mergeProps({
+                            theme: "primary",
+                            size: "xsmall",
+                            ref_for: true
+                          }, item.badgeProps), {
+                            default: withCtx(() => [
+                              createTextVNode(toDisplayString(item.badge), 1)
+                            ]),
+                            _: 2
+                          }, 1040)
+                        ])) : createCommentVNode("", true),
+                        item.shortcut ? (openBlock(), createBlock(unref(N8nKeyboardShortcut), mergeProps({
+                          key: 3,
+                          ref_for: true
+                        }, item.shortcut, {
+                          class: unref($style).shortcut
+                        }), null, 16, ["class"])) : createCommentVNode("", true)
+                      ], 10, _hoisted_1)
+                    ]),
+                    _: 2
+                  }, 1032, ["command", "disabled", "divided", "class"]);
+                }), 128))
+              ]),
+              _: 3
+            }, 8, ["class"])
+          ]),
+          default: withCtx(() => [
+            _ctx.$slots.activator ? renderSlot(_ctx.$slots, "activator", { key: 0 }) : (openBlock(), createBlock(unref(_sfc_main$1), {
+              key: 1,
+              type: "tertiary",
+              text: "",
+              class: normalizeClass(unref($style).activator),
+              size: _ctx.activatorSize,
+              icon: _ctx.activatorIcon,
+              onBlur: onButtonBlur
+            }, null, 8, ["class", "size", "icon"]))
+          ]),
+          _: 3
+        }, 8, ["placement", "trigger", "popper-class", "teleported", "disabled"])
+      ], 2);
+    };
+  }
+});
+const userActionsMenu = "_userActionsMenu_1bu0w_123";
+const elementItem = "_elementItem_1bu0w_127";
+const hideArrow = "_hideArrow_1bu0w_131";
+const shadow = "_shadow_1bu0w_135";
+const activator = "_activator_1bu0w_139";
+const itemContainer = "_itemContainer_1bu0w_143";
+const disabled = "_disabled_1bu0w_152";
+const shortcut = "_shortcut_1bu0w_152";
+const icon = "_icon_1bu0w_156";
+const hasCustomStyling = "_hasCustomStyling_1bu0w_168";
+const style0 = {
+  userActionsMenu,
+  elementItem,
+  hideArrow,
+  shadow,
+  activator,
+  itemContainer,
+  disabled,
+  shortcut,
+  icon,
+  hasCustomStyling
+};
+const cssModules = {
+  "$style": style0
+};
+const N8nActionDropdown = /* @__PURE__ */ _export_sfc(_sfc_main, [["__cssModules", cssModules]]);
+export {
+  N8nActionDropdown as N
+};

package/dist/assets/{AnimatedSpinner-D9sOdHbo.js → AnimatedSpinner-B5cpb6Fs.js}

@@ -1,4 +1,4 @@
-import { _ as _export_sfc, i as createElementBlock, g as openBlock, gQ as createStaticVNode } from "./index-Cb_lQ9m_.js";
+import { _ as _export_sfc, i as createElementBlock, g as openBlock, he as createStaticVNode } from "./index-7S5ADieN.js";
 const _sfc_main = {};
 const _hoisted_1 = {
   width: "14",
@@ -12,7 +12,7 @@ function _sfc_render(_ctx, _cache) {
     createStaticVNode('<g data-v-7870f87e><path d="M7 0L7 3" stroke="currentColor" stroke-width="2" class="line one" data-v-7870f87e></path><path d="M11.9497 2.05031L9.82837 4.17163" stroke="currentColor" stroke-width="2" class="line two" data-v-7870f87e></path><path d="M14 7L11 7" stroke="currentColor" stroke-width="2" class="line three" data-v-7870f87e></path><path d="M11.9497 11.9497L9.82839 9.82839" stroke="currentColor" stroke-width="2" class="line four" data-v-7870f87e></path><path d="M7 14L7 11" stroke="currentColor" stroke-width="2" class="line five" data-v-7870f87e></path><path d="M0 7L3 7" stroke="currentColor" stroke-width="2" class="line seven" data-v-7870f87e></path><path d="M2.05031 2.05031L4.17163 4.17163" stroke="currentColor" stroke-width="2" class="line eight" data-v-7870f87e></path><path d="M2.05029 11.9497L4.17161 9.82839" stroke="currentColor" stroke-width="2" class="line six" data-v-7870f87e></path></g>', 1)
   ]));
 }
-const __unplugin_components_0 = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render], ["__scopeId", "data-v-7870f87e"]]);
+const __unplugin_components_1 = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render], ["__scopeId", "data-v-7870f87e"]]);
 export {
-  __unplugin_components_0 as _
+  __unplugin_components_1 as _
 };

package/dist/assets/{AnnotationTagsDropdown.ee.vue_vue_type_script_setup_true_lang-CsAls5-8.js → AnnotationTagsDropdown.ee.vue_vue_type_script_setup_true_lang-BPigGQTI.js}

@@ -1,4 +1,4 @@
-import { d as defineComponent, go as useAnnotationTagsStore, J as useUIStore, x as computed, e as createBlock, g as openBlock, gp as _sfc_main$1, gq as ANNOTATION_TAGS_MANAGER_MODAL_KEY } from "./index-Cb_lQ9m_.js";
+import { d as defineComponent, gN as useAnnotationTagsStore, S as useUIStore, x as computed, e as createBlock, g as openBlock, gO as _sfc_main$1, gP as ANNOTATION_TAGS_MANAGER_MODAL_KEY } from "./index-7S5ADieN.js";
 const _sfc_main = /* @__PURE__ */ defineComponent({
   __name: "AnnotationTagsDropdown.ee",
   props: {

package/dist/assets/AuthView-BOTPYtpM.js

@@ -0,0 +1,242 @@
+import { d as defineComponent, i as createElementBlock, g as openBlock, n as normalizeClass, f as createCommentVNode, k as createBaseVNode, J as renderSlot, j as createVNode, m as unref, N as N8nHeading, w as withCtx, l as createTextVNode, t as toDisplayString, f4 as N8nFormInputs, f3 as createFormEventBus, e as createBlock, a0 as N8nLink, q as N8nButton, _ as _export_sfc, f0 as useSSOStore, a as useToast, a4 as useRoute, c as useI18n, v as useSettingsStore, p as N8nText, D as mergeProps } from "./index-7S5ADieN.js";
+import { L as Logo } from "./Logo-DNxOhbuV.js";
+const _sfc_main$2 = /* @__PURE__ */ defineComponent({
+  ...{ name: "N8nFormBox" },
+  __name: "FormBox",
+  props: {
+    title: { default: "" },
+    inputs: { default: () => [] },
+    buttonText: {},
+    buttonLoading: { type: Boolean, default: false },
+    secondaryButtonText: {},
+    redirectText: { default: "" },
+    redirectLink: { default: "" }
+  },
+  emits: ["submit", "update", "secondaryClick"],
+  setup(__props, { emit: __emit }) {
+    const formBus = createFormEventBus();
+    const emit = __emit;
+    const onUpdateModelValue = (e) => emit("update", e);
+    const onSubmit = (e) => emit("submit", e);
+    const onButtonClick = () => formBus.emit("submit");
+    const onSecondaryButtonClick = (event) => emit("secondaryClick", event);
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("div", {
+        class: normalizeClass(["n8n-form-box", _ctx.$style.container])
+      }, [
+        _ctx.title ? (openBlock(), createElementBlock("div", {
+          key: 0,
+          class: normalizeClass(_ctx.$style.heading)
+        }, [
+          createVNode(unref(N8nHeading), { size: "xlarge" }, {
+            default: withCtx(() => [
+              createTextVNode(toDisplayString(_ctx.title), 1)
+            ]),
+            _: 1
+          })
+        ], 2)) : createCommentVNode("", true),
+        createBaseVNode("div", {
+          class: normalizeClass(_ctx.$style.inputsContainer)
+        }, [
+          createVNode(unref(N8nFormInputs), {
+            inputs: _ctx.inputs,
+            "event-bus": unref(formBus),
+            "column-view": true,
+            onUpdate: onUpdateModelValue,
+            onSubmit
+          }, null, 8, ["inputs", "event-bus"])
+        ], 2),
+        _ctx.secondaryButtonText || _ctx.buttonText ? (openBlock(), createElementBlock("div", {
+          key: 1,
+          class: normalizeClass(_ctx.$style.buttonsContainer)
+        }, [
+          _ctx.secondaryButtonText ? (openBlock(), createElementBlock("span", {
+            key: 0,
+            class: normalizeClass(_ctx.$style.secondaryButtonContainer)
+          }, [
+            createVNode(unref(N8nLink), {
+              size: "medium",
+              theme: "text",
+              onClick: onSecondaryButtonClick
+            }, {
+              default: withCtx(() => [
+                createTextVNode(toDisplayString(_ctx.secondaryButtonText), 1)
+              ]),
+              _: 1
+            })
+          ], 2)) : createCommentVNode("", true),
+          _ctx.buttonText ? (openBlock(), createBlock(unref(N8nButton), {
+            key: 1,
+            label: _ctx.buttonText,
+            loading: _ctx.buttonLoading,
+            "data-test-id": "form-submit-button",
+            size: "large",
+            onClick: onButtonClick
+          }, null, 8, ["label", "loading"])) : createCommentVNode("", true)
+        ], 2)) : createCommentVNode("", true),
+        createBaseVNode("div", {
+          class: normalizeClass(_ctx.$style.actionContainer)
+        }, [
+          _ctx.redirectText && _ctx.redirectLink ? (openBlock(), createBlock(unref(N8nLink), {
+            key: 0,
+            to: _ctx.redirectLink
+          }, {
+            default: withCtx(() => [
+              createTextVNode(toDisplayString(_ctx.redirectText), 1)
+            ]),
+            _: 1
+          }, 8, ["to"])) : createCommentVNode("", true)
+        ], 2),
+        renderSlot(_ctx.$slots, "default")
+      ], 2);
+    };
+  }
+});
+const heading = "_heading_g8hr0_123";
+const container$1 = "_container_g8hr0_129";
+const inputsContainer = "_inputsContainer_g8hr0_137";
+const actionContainer = "_actionContainer_g8hr0_141";
+const buttonsContainer = "_buttonsContainer_g8hr0_146 _actionContainer_g8hr0_141";
+const secondaryButtonContainer = "_secondaryButtonContainer_g8hr0_151";
+const withLabel = "_withLabel_g8hr0_157";
+const style0$2 = {
+  heading,
+  container: container$1,
+  inputsContainer,
+  actionContainer,
+  buttonsContainer,
+  secondaryButtonContainer,
+  withLabel
+};
+const cssModules$2 = {
+  "$style": style0$2
+};
+const N8nFormBox = /* @__PURE__ */ _export_sfc(_sfc_main$2, [["__cssModules", cssModules$2]]);
+const _sfc_main$1 = /* @__PURE__ */ defineComponent({
+  __name: "SSOLogin",
+  setup(__props) {
+    const i18n = useI18n();
+    const ssoStore = useSSOStore();
+    const toast = useToast();
+    const route = useRoute();
+    const onSSOLogin = async () => {
+      try {
+        const redirectUrl = ssoStore.isDefaultAuthenticationSaml ? await ssoStore.getSSORedirectUrl(
+          typeof route.query?.redirect === "string" ? route.query.redirect : ""
+        ) : ssoStore.oidc.loginUrl;
+        window.location.href = redirectUrl ?? "";
+      } catch (error) {
+        toast.showError(error, "Error", error.message);
+      }
+    };
+    return (_ctx, _cache) => {
+      const _component_N8nButton = N8nButton;
+      return unref(ssoStore).showSsoLoginButton ? (openBlock(), createElementBlock("div", {
+        key: 0,
+        class: normalizeClass(_ctx.$style.ssoLogin)
+      }, [
+        createBaseVNode("div", {
+          class: normalizeClass(_ctx.$style.divider)
+        }, [
+          createBaseVNode("span", null, toDisplayString(unref(i18n).baseText("sso.login.divider")), 1)
+        ], 2),
+        createVNode(_component_N8nButton, {
+          size: "large",
+          type: "primary",
+          outline: "",
+          label: unref(i18n).baseText("sso.login.button"),
+          onClick: onSSOLogin
+        }, null, 8, ["label"])
+      ], 2)) : createCommentVNode("", true);
+    };
+  }
+});
+const ssoLogin = "_ssoLogin_krsnh_123";
+const divider = "_divider_krsnh_127";
+const style0$1 = {
+  ssoLogin,
+  divider
+};
+const cssModules$1 = {
+  "$style": style0$1
+};
+const SSOLogin = /* @__PURE__ */ _export_sfc(_sfc_main$1, [["__cssModules", cssModules$1]]);
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "AuthView",
+  props: {
+    form: {},
+    formLoading: { type: Boolean, default: false },
+    subtitle: {},
+    withSso: { type: Boolean, default: false }
+  },
+  emits: ["update", "submit", "secondaryClick"],
+  setup(__props, { emit: __emit }) {
+    const emit = __emit;
+    const onUpdate = (e) => {
+      emit("update", e);
+    };
+    const onSubmit = (data) => {
+      emit("submit", data);
+    };
+    const onSecondaryClick = () => {
+      emit("secondaryClick");
+    };
+    const {
+      settings: { releaseChannel }
+    } = useSettingsStore();
+    return (_ctx, _cache) => {
+      const _component_N8nText = N8nText;
+      const _component_N8nFormBox = N8nFormBox;
+      return openBlock(), createElementBlock("div", {
+        class: normalizeClass(_ctx.$style.container)
+      }, [
+        createVNode(Logo, {
+          location: "authView",
+          "release-channel": unref(releaseChannel)
+        }, null, 8, ["release-channel"]),
+        _ctx.subtitle ? (openBlock(), createElementBlock("div", {
+          key: 0,
+          class: normalizeClass(_ctx.$style.textContainer)
+        }, [
+          createVNode(_component_N8nText, { size: "large" }, {
+            default: withCtx(() => [
+              createTextVNode(toDisplayString(_ctx.subtitle), 1)
+            ]),
+            _: 1
+          })
+        ], 2)) : createCommentVNode("", true),
+        createBaseVNode("div", {
+          class: normalizeClass(_ctx.$style.formContainer)
+        }, [
+          createVNode(_component_N8nFormBox, mergeProps(_ctx.form, {
+            "data-test-id": "auth-form",
+            "button-loading": _ctx.formLoading,
+            onSecondaryClick,
+            onSubmit,
+            onUpdate
+          }), {
+            default: withCtx(() => [
+              _ctx.withSso ? (openBlock(), createBlock(SSOLogin, { key: 0 })) : createCommentVNode("", true)
+            ]),
+            _: 1
+          }, 16, ["button-loading"])
+        ], 2)
+      ], 2);
+    };
+  }
+});
+const container = "_container_1vfzm_127";
+const textContainer = "_textContainer_1vfzm_137";
+const formContainer = "_formContainer_1vfzm_141";
+const style0 = {
+  container,
+  textContainer,
+  formContainer
+};
+const cssModules = {
+  "$style": style0
+};
+const AuthView = /* @__PURE__ */ _export_sfc(_sfc_main, [["__cssModules", cssModules]]);
+export {
+  AuthView as A
+};