n8n-editor-ui/dist/assets/dialog-legacy-Bm1i_4WP.js

Workflow Editor UI for n8n

;
(function () {
  System.register(["./vue.runtime.esm-bundler-legacy--Sn1h8On.js", "./src-legacy-uZTNWMC0.js", "./truncate-legacy-BGje52Or.js", "./icon-legacy-CqVXaCIS.js", "./overlay-legacy-o1gtoD8p.js"], function (_export, _context) {
    "use strict";

    var computed, toDisplayString, createElementBlock, createCommentVNode, getCurrentInstance, nextTick, unref, ref, createVNode, defineComponent, createBlock, mergeProps, onMounted, watch, renderSlot, Teleport, normalizeStyle, withCtx, resolveDynamicComponent, openBlock, createSlots, Transition, provide, vShow, useSlots, normalizeClass, createBaseVNode, withDirectives, inject, useId, ElFocusTrap, FOCUS_TRAP_INJECTION_KEY, composeRefs, useDeprecated, UPDATE_MODEL_EVENT, isUndefined_default, useLocale, useGlobalConfig, defaultNamespace, useZIndex, definePropType, addUnit, useTimeoutFn, buildProps, isClient, useNamespace, isBoolean, CloseComponents, iconPropType, withInstall, _export_sfc, ElIcon, useDraggable, useSameTarget, useLockscreen, ElOverlay, dialogInjectionKey, dialogContentProps, dialogContentEmits, _hoisted_1$1, _hoisted_2, _hoisted_3, ElDialogContent, dialogProps, dialogEmits, useDialog, _hoisted_1, Dialog, ElDialog;
    return {
      setters: [function (_vueRuntimeEsmBundlerLegacy003Js) {
        computed = _vueRuntimeEsmBundlerLegacy003Js.C;
        toDisplayString = _vueRuntimeEsmBundlerLegacy003Js.Cn;
        createElementBlock = _vueRuntimeEsmBundlerLegacy003Js.D;
        createCommentVNode = _vueRuntimeEsmBundlerLegacy003Js.E;
        getCurrentInstance = _vueRuntimeEsmBundlerLegacy003Js.F;
        nextTick = _vueRuntimeEsmBundlerLegacy003Js.G;
        unref = _vueRuntimeEsmBundlerLegacy003Js.Gt;
        ref = _vueRuntimeEsmBundlerLegacy003Js.It;
        createVNode = _vueRuntimeEsmBundlerLegacy003Js.M;
        defineComponent = _vueRuntimeEsmBundlerLegacy003Js.P;
        createBlock = _vueRuntimeEsmBundlerLegacy003Js.T;
        mergeProps = _vueRuntimeEsmBundlerLegacy003Js.W;
        onMounted = _vueRuntimeEsmBundlerLegacy003Js.Z;
        watch = _vueRuntimeEsmBundlerLegacy003Js._t;
        renderSlot = _vueRuntimeEsmBundlerLegacy003Js.at;
        Teleport = _vueRuntimeEsmBundlerLegacy003Js.b;
        normalizeStyle = _vueRuntimeEsmBundlerLegacy003Js.bn;
        withCtx = _vueRuntimeEsmBundlerLegacy003Js.bt;
        resolveDynamicComponent = _vueRuntimeEsmBundlerLegacy003Js.ct;
        openBlock = _vueRuntimeEsmBundlerLegacy003Js.et;
        createSlots = _vueRuntimeEsmBundlerLegacy003Js.k;
        Transition = _vueRuntimeEsmBundlerLegacy003Js.n;
        provide = _vueRuntimeEsmBundlerLegacy003Js.nt;
        vShow = _vueRuntimeEsmBundlerLegacy003Js.p;
        useSlots = _vueRuntimeEsmBundlerLegacy003Js.pt;
        normalizeClass = _vueRuntimeEsmBundlerLegacy003Js.vn;
        createBaseVNode = _vueRuntimeEsmBundlerLegacy003Js.w;
        withDirectives = _vueRuntimeEsmBundlerLegacy003Js.xt;
        inject = _vueRuntimeEsmBundlerLegacy003Js.z;
      }, function (_srcLegacy007Js) {
        useId = _srcLegacy007Js.Qt;
        ElFocusTrap = _srcLegacy007Js.Ut;
        FOCUS_TRAP_INJECTION_KEY = _srcLegacy007Js.Wt;
        composeRefs = _srcLegacy007Js.cn;
        useDeprecated = _srcLegacy007Js.en;
        UPDATE_MODEL_EVENT = _srcLegacy007Js.on;
        isUndefined_default = _srcLegacy007Js.un;
      }, function (_truncateLegacy00hJs) {
        useLocale = _truncateLegacy00hJs.A;
        useGlobalConfig = _truncateLegacy00hJs.C;
        defaultNamespace = _truncateLegacy00hJs.D;
        useZIndex = _truncateLegacy00hJs.E;
        definePropType = _truncateLegacy00hJs.F;
        addUnit = _truncateLegacy00hJs.L;
        useTimeoutFn = _truncateLegacy00hJs.Lt;
        buildProps = _truncateLegacy00hJs.P;
        isClient = _truncateLegacy00hJs.Pt;
        useNamespace = _truncateLegacy00hJs.k;
        isBoolean = _truncateLegacy00hJs.q;
      }, function (_iconLegacy00nJs) {
        CloseComponents = _iconLegacy00nJs.c;
        iconPropType = _iconLegacy00nJs.f;
        withInstall = _iconLegacy00nJs.i;
        _export_sfc = _iconLegacy00nJs.n;
        ElIcon = _iconLegacy00nJs.t;
      }, function (_overlayLegacy00rJs) {
        useDraggable = _overlayLegacy00rJs.i;
        useSameTarget = _overlayLegacy00rJs.n;
        useLockscreen = _overlayLegacy00rJs.r;
        ElOverlay = _overlayLegacy00rJs.t;
      }],
      execute: function () {
        //#region ../../../node_modules/.pnpm/element-plus@2.4.3_patch_hash=3bc4ea0a42ad52c6bbc3d06c12c2963d55b57d6b5b8d436e46e7fd8ff_87815230ec1d292541fa9e3e306612e7/node_modules/element-plus/es/components/dialog/src/constants.mjs
        dialogInjectionKey = Symbol("dialogInjectionKey"); //#endregion
        //#region ../../../node_modules/.pnpm/element-plus@2.4.3_patch_hash=3bc4ea0a42ad52c6bbc3d06c12c2963d55b57d6b5b8d436e46e7fd8ff_87815230ec1d292541fa9e3e306612e7/node_modules/element-plus/es/components/dialog/src/dialog-content.mjs
        dialogContentProps = buildProps({
          center: Boolean,
          alignCenter: Boolean,
          closeIcon: {
            type: iconPropType
          },
          customClass: {
            type: String,
            default: ""
          },
          draggable: Boolean,
          fullscreen: Boolean,
          showClose: {
            type: Boolean,
            default: true
          },
          title: {
            type: String,
            default: ""
          },
          ariaLevel: {
            type: String,
            default: "2"
          }
        });
        dialogContentEmits = {
          close: () => true
        }; //#endregion
        //#region ../../../node_modules/.pnpm/element-plus@2.4.3_patch_hash=3bc4ea0a42ad52c6bbc3d06c12c2963d55b57d6b5b8d436e46e7fd8ff_87815230ec1d292541fa9e3e306612e7/node_modules/element-plus/es/components/dialog/src/dialog-content2.mjs
        _hoisted_1$1 = ["aria-level"];
        _hoisted_2 = ["aria-label"];
        _hoisted_3 = ["id"];
        ElDialogContent = /* @__PURE__ */_export_sfc(/* @__PURE__ */defineComponent({
          ...defineComponent({
            name: "ElDialogContent"
          }),
          props: dialogContentProps,
          emits: dialogContentEmits,
          setup(__props) {
            const props = __props;
            const {
              t
            } = useLocale();
            const {
              Close
            } = CloseComponents;
            const {
              dialogRef,
              headerRef,
              bodyId,
              ns,
              style
            } = inject(dialogInjectionKey);
            const {
              focusTrapRef
            } = inject(FOCUS_TRAP_INJECTION_KEY);
            const dialogKls = computed(() => [ns.b(), ns.is("fullscreen", props.fullscreen), ns.is("draggable", props.draggable), ns.is("align-center", props.alignCenter), {
              [ns.m("center")]: props.center
            }, props.customClass]);
            const composedDialogRef = composeRefs(focusTrapRef, dialogRef);
            useDraggable(dialogRef, headerRef, computed(() => props.draggable));
            return (_ctx, _cache) => {
              return openBlock(), createElementBlock("div", {
                ref: unref(composedDialogRef),
                class: normalizeClass(unref(dialogKls)),
                style: normalizeStyle(unref(style)),
                tabindex: "-1"
              }, [createBaseVNode("header", {
                ref_key: "headerRef",
                ref: headerRef,
                class: normalizeClass(unref(ns).e("header"))
              }, [renderSlot(_ctx.$slots, "header", {}, () => [createBaseVNode("span", {
                role: "heading",
                "aria-level": _ctx.ariaLevel,
                class: normalizeClass(unref(ns).e("title"))
              }, toDisplayString(_ctx.title), 11, _hoisted_1$1)]), _ctx.showClose ? (openBlock(), createElementBlock("button", {
                key: 0,
                "aria-label": unref(t)("el.dialog.close"),
                class: normalizeClass(unref(ns).e("headerbtn")),
                type: "button",
                onClick: _cache[0] || (_cache[0] = $event => _ctx.$emit("close"))
              }, [createVNode(unref(ElIcon), {
                class: normalizeClass(unref(ns).e("close"))
              }, {
                default: withCtx(() => [(openBlock(), createBlock(resolveDynamicComponent(_ctx.closeIcon || unref(Close))))]),
                _: 1
              }, 8, ["class"])], 10, _hoisted_2)) : createCommentVNode("v-if", true)], 2), createBaseVNode("div", {
                id: unref(bodyId),
                class: normalizeClass(unref(ns).e("body"))
              }, [renderSlot(_ctx.$slots, "default")], 10, _hoisted_3), _ctx.$slots.footer ? (openBlock(), createElementBlock("footer", {
                key: 0,
                class: normalizeClass(unref(ns).e("footer"))
              }, [renderSlot(_ctx.$slots, "footer")], 2)) : createCommentVNode("v-if", true)], 6);
            };
          }
        }), [["__file", "/home/runner/work/element-plus/element-plus/packages/components/dialog/src/dialog-content.vue"]]); //#endregion
        //#region ../../../node_modules/.pnpm/element-plus@2.4.3_patch_hash=3bc4ea0a42ad52c6bbc3d06c12c2963d55b57d6b5b8d436e46e7fd8ff_87815230ec1d292541fa9e3e306612e7/node_modules/element-plus/es/components/dialog/src/dialog.mjs
        _export("i", dialogProps = buildProps({
          ...dialogContentProps,
          appendToBody: Boolean,
          appendTo: {
            type: definePropType(String),
            default: "body"
          },
          beforeClose: {
            type: definePropType(Function)
          },
          destroyOnClose: Boolean,
          closeOnClickModal: {
            type: Boolean,
            default: true
          },
          closeOnPressEscape: {
            type: Boolean,
            default: true
          },
          lockScroll: {
            type: Boolean,
            default: true
          },
          modal: {
            type: Boolean,
            default: true
          },
          openDelay: {
            type: Number,
            default: 0
          },
          closeDelay: {
            type: Number,
            default: 0
          },
          top: {
            type: String
          },
          modelValue: Boolean,
          modalClass: String,
          width: {
            type: [String, Number]
          },
          zIndex: {
            type: Number
          },
          trapFocus: {
            type: Boolean,
            default: false
          },
          headerAriaLevel: {
            type: String,
            default: "2"
          }
        }));
        _export("r", dialogEmits = {
          open: () => true,
          opened: () => true,
          close: () => true,
          closed: () => true,
          [UPDATE_MODEL_EVENT]: value => isBoolean(value),
          openAutoFocus: () => true,
          closeAutoFocus: () => true
        }); //#endregion
        //#region ../../../node_modules/.pnpm/element-plus@2.4.3_patch_hash=3bc4ea0a42ad52c6bbc3d06c12c2963d55b57d6b5b8d436e46e7fd8ff_87815230ec1d292541fa9e3e306612e7/node_modules/element-plus/es/components/dialog/src/use-dialog.mjs
        _export("n", useDialog = (props, targetRef) => {
          var _a;
          const emit = getCurrentInstance().emit;
          const {
            nextZIndex
          } = useZIndex();
          let lastPosition = "";
          const titleId = useId();
          const bodyId = useId();
          const visible = ref(false);
          const closed = ref(false);
          const rendered = ref(false);
          const zIndex = ref((_a = props.zIndex) != null ? _a : nextZIndex());
          let openTimer = void 0;
          let closeTimer = void 0;
          const namespace = useGlobalConfig("namespace", "el");
          const style = computed(() => {
            const style2 = {};
            const varPrefix = `--${namespace.value}-dialog`;
            if (!props.fullscreen) {
              if (props.top) style2[`${varPrefix}-margin-top`] = props.top;
              if (props.width) style2[`${varPrefix}-width`] = addUnit(props.width);
            }
            return style2;
          });
          const overlayDialogStyle = computed(() => {
            if (props.alignCenter) return {
              display: "flex"
            };
            return {};
          });
          function afterEnter() {
            emit("opened");
          }
          function afterLeave() {
            emit("closed");
            emit(UPDATE_MODEL_EVENT, false);
            if (props.destroyOnClose) rendered.value = false;
          }
          function beforeLeave() {
            emit("close");
          }
          function open() {
            closeTimer?.();
            openTimer?.();
            if (props.openDelay && props.openDelay > 0) ({
              stop: openTimer
            } = useTimeoutFn(() => doOpen(), props.openDelay));else doOpen();
          }
          function close() {
            openTimer?.();
            closeTimer?.();
            if (props.closeDelay && props.closeDelay > 0) ({
              stop: closeTimer
            } = useTimeoutFn(() => doClose(), props.closeDelay));else doClose();
          }
          function handleClose() {
            function hide(shouldCancel) {
              if (shouldCancel) return;
              closed.value = true;
              visible.value = false;
            }
            if (props.beforeClose) props.beforeClose(hide);else close();
          }
          function onModalClick() {
            if (props.closeOnClickModal) handleClose();
          }
          function doOpen() {
            if (!isClient) return;
            visible.value = true;
          }
          function doClose() {
            visible.value = false;
          }
          function onOpenAutoFocus() {
            emit("openAutoFocus");
          }
          function onCloseAutoFocus() {
            emit("closeAutoFocus");
          }
          function onFocusoutPrevented(event) {
            var _a2;
            if (((_a2 = event.detail) == null ? void 0 : _a2.focusReason) === "pointer") event.preventDefault();
          }
          if (props.lockScroll) useLockscreen(visible);
          function onCloseRequested() {
            if (props.closeOnPressEscape) handleClose();
          }
          watch(() => props.modelValue, val => {
            if (val) {
              closed.value = false;
              open();
              rendered.value = true;
              zIndex.value = isUndefined_default(props.zIndex) ? nextZIndex() : zIndex.value++;
              nextTick(() => {
                emit("open");
                if (targetRef.value) targetRef.value.scrollTop = 0;
              });
            } else if (visible.value) close();
          });
          watch(() => props.fullscreen, val => {
            if (!targetRef.value) return;
            if (val) {
              lastPosition = targetRef.value.style.transform;
              targetRef.value.style.transform = "";
            } else targetRef.value.style.transform = lastPosition;
          });
          onMounted(() => {
            if (props.modelValue) {
              visible.value = true;
              rendered.value = true;
              open();
            }
          });
          return {
            afterEnter,
            afterLeave,
            beforeLeave,
            handleClose,
            onModalClick,
            close,
            doClose,
            onOpenAutoFocus,
            onCloseAutoFocus,
            onCloseRequested,
            onFocusoutPrevented,
            titleId,
            bodyId,
            closed,
            style,
            overlayDialogStyle,
            rendered,
            visible,
            zIndex
          };
        }); //#endregion
        //#region ../../../node_modules/.pnpm/element-plus@2.4.3_patch_hash=3bc4ea0a42ad52c6bbc3d06c12c2963d55b57d6b5b8d436e46e7fd8ff_87815230ec1d292541fa9e3e306612e7/node_modules/element-plus/es/components/dialog/src/dialog2.mjs
        _hoisted_1 = ["aria-label", "aria-labelledby", "aria-describedby"];
        Dialog = /* @__PURE__ */_export_sfc(/* @__PURE__ */defineComponent({
          ...defineComponent({
            name: "ElDialog",
            inheritAttrs: false
          }),
          props: dialogProps,
          emits: dialogEmits,
          setup(__props, {
            expose
          }) {
            const props = __props;
            const slots = useSlots();
            useDeprecated({
              scope: "el-dialog",
              from: "the title slot",
              replacement: "the header slot",
              version: "3.0.0",
              ref: "https://element-plus.org/en-US/component/dialog.html#slots"
            }, computed(() => !!slots.title));
            useDeprecated({
              scope: "el-dialog",
              from: "custom-class",
              replacement: "class",
              version: "2.3.0",
              ref: "https://element-plus.org/en-US/component/dialog.html#attributes",
              type: "Attribute"
            }, computed(() => !!props.customClass));
            const ns = useNamespace("dialog");
            const dialogRef = ref();
            const headerRef = ref();
            const dialogContentRef = ref();
            const {
              visible,
              titleId,
              bodyId,
              style,
              overlayDialogStyle,
              rendered,
              zIndex,
              afterEnter,
              afterLeave,
              beforeLeave,
              handleClose,
              onModalClick,
              onOpenAutoFocus,
              onCloseAutoFocus,
              onCloseRequested,
              onFocusoutPrevented
            } = useDialog(props, dialogRef);
            provide(dialogInjectionKey, {
              dialogRef,
              headerRef,
              bodyId,
              ns,
              rendered,
              style
            });
            const overlayEvent = useSameTarget(onModalClick);
            const draggable = computed(() => props.draggable && !props.fullscreen);
            expose({
              visible,
              dialogContentRef
            });
            return (_ctx, _cache) => {
              return openBlock(), createBlock(Teleport, {
                to: _ctx.appendTo,
                disabled: _ctx.appendTo !== "body" ? false : !_ctx.appendToBody
              }, [createVNode(Transition, {
                name: "dialog-fade",
                onAfterEnter: unref(afterEnter),
                onAfterLeave: unref(afterLeave),
                onBeforeLeave: unref(beforeLeave),
                persisted: ""
              }, {
                default: withCtx(() => [withDirectives(createVNode(unref(ElOverlay), {
                  "custom-mask-event": "",
                  mask: _ctx.modal,
                  "overlay-class": _ctx.modalClass,
                  "z-index": unref(zIndex)
                }, {
                  default: withCtx(() => [createBaseVNode("div", {
                    role: "dialog",
                    "aria-modal": "true",
                    "aria-label": _ctx.title || void 0,
                    "aria-labelledby": !_ctx.title ? unref(titleId) : void 0,
                    "aria-describedby": unref(bodyId),
                    class: normalizeClass(`${unref(ns).namespace.value}-overlay-dialog`),
                    style: normalizeStyle(unref(overlayDialogStyle)),
                    onClick: _cache[0] || (_cache[0] = (...args) => unref(overlayEvent).onClick && unref(overlayEvent).onClick(...args)),
                    onMousedown: _cache[1] || (_cache[1] = (...args) => unref(overlayEvent).onMousedown && unref(overlayEvent).onMousedown(...args)),
                    onMouseup: _cache[2] || (_cache[2] = (...args) => unref(overlayEvent).onMouseup && unref(overlayEvent).onMouseup(...args))
                  }, [createVNode(unref(ElFocusTrap), {
                    loop: "",
                    trapped: unref(visible),
                    "focus-start-el": "container",
                    onFocusAfterTrapped: unref(onOpenAutoFocus),
                    onFocusAfterReleased: unref(onCloseAutoFocus),
                    onFocusoutPrevented: unref(onFocusoutPrevented),
                    onReleaseRequested: unref(onCloseRequested)
                  }, {
                    default: withCtx(() => [unref(rendered) ? (openBlock(), createBlock(ElDialogContent, mergeProps({
                      key: 0,
                      ref_key: "dialogContentRef",
                      ref: dialogContentRef
                    }, _ctx.$attrs, {
                      "custom-class": _ctx.customClass,
                      center: _ctx.center,
                      "align-center": _ctx.alignCenter,
                      "close-icon": _ctx.closeIcon,
                      draggable: unref(draggable),
                      fullscreen: _ctx.fullscreen,
                      "show-close": _ctx.showClose,
                      title: _ctx.title,
                      "aria-level": _ctx.headerAriaLevel,
                      onClose: unref(handleClose)
                    }), createSlots({
                      header: withCtx(() => [!_ctx.$slots.title ? renderSlot(_ctx.$slots, "header", {
                        key: 0,
                        close: unref(handleClose),
                        titleId: unref(titleId),
                        titleClass: unref(ns).e("title")
                      }) : renderSlot(_ctx.$slots, "title", {
                        key: 1
                      })]),
                      default: withCtx(() => [renderSlot(_ctx.$slots, "default")]),
                      _: 2
                    }, [_ctx.$slots.footer ? {
                      name: "footer",
                      fn: withCtx(() => [renderSlot(_ctx.$slots, "footer")])
                    } : void 0]), 1040, ["custom-class", "center", "align-center", "close-icon", "draggable", "fullscreen", "show-close", "title", "aria-level", "onClose"])) : createCommentVNode("v-if", true)]),
                    _: 3
                  }, 8, ["trapped", "onFocusAfterTrapped", "onFocusAfterReleased", "onFocusoutPrevented", "onReleaseRequested"])], 46, _hoisted_1)]),
                  _: 3
                }, 8, ["mask", "overlay-class", "z-index"]), [[vShow, unref(visible)]])]),
                _: 3
              }, 8, ["onAfterEnter", "onAfterLeave", "onBeforeLeave"])], 8, ["to", "disabled"]);
            };
          }
        }), [["__file", "/home/runner/work/element-plus/element-plus/packages/components/dialog/src/dialog.vue"]]); //#endregion
        //#region ../../../node_modules/.pnpm/element-plus@2.4.3_patch_hash=3bc4ea0a42ad52c6bbc3d06c12c2963d55b57d6b5b8d436e46e7fd8ff_87815230ec1d292541fa9e3e306612e7/node_modules/element-plus/es/components/dialog/index.mjs
        _export("t", ElDialog = withInstall(Dialog)); //#endregion
      }
    };
  });
})();