n8n-editor-ui/dist/assets/useBeforeUnload-legacy-CtMCZFzW.js

Workflow Editor UI for n8n

;
(function () {
  System.register(["./vue.runtime.esm-bundler-legacy--Sn1h8On.js", "./_MapCache-legacy-DlYNX_X1.js", "./useTelemetry-legacy-B3pzzkAE.js", "./constants-legacy-TKxWCqvM.js"], function (_export, _context) {
    "use strict";

    var computed, ref, useI18n, useUIStore, useCanvasStore, VIEWS;
    //#region src/app/composables/useBeforeUnload.ts
    /**
    * Composable to handle the beforeunload event in canvas views.
    *
    * This hook will prevent closing the tab and prompt the user if the ui state is dirty
    * (workflow has changes) and the user tries to leave the page.
    */
    function useBeforeUnload({
      route
    }) {
      const uiStore = useUIStore();
      const canvasStore = useCanvasStore();
      const i18n = useI18n();
      const unloadTimeout = ref(null);
      const isDemoRoute = computed(() => route.name === VIEWS.DEMO);
      const handlers = [];
      function onBeforeUnload(e) {
        if (isDemoRoute.value || window.preventNodeViewBeforeUnload) return;
        handlers.forEach(handler => handler());
        if (uiStore.stateIsDirty) {
          e.returnValue = true;
          return true;
        } else {
          canvasStore.startLoading(i18n.baseText("nodeView.redirecting"));
          return;
        }
      }
      function addBeforeUnloadHandler(handler) {
        handlers.push(handler);
      }
      function addBeforeUnloadEventBindings() {
        window.addEventListener("beforeunload", onBeforeUnload);
      }
      function removeBeforeUnloadEventBindings() {
        if (unloadTimeout.value) clearTimeout(unloadTimeout.value);
        window.removeEventListener("beforeunload", onBeforeUnload);
      }
      return {
        onBeforeUnload,
        addBeforeUnloadEventBindings,
        removeBeforeUnloadEventBindings,
        addBeforeUnloadHandler
      };
    }

    //#endregion
    _export("t", useBeforeUnload);
    return {
      setters: [function (_vueRuntimeEsmBundlerLegacy003Js) {
        computed = _vueRuntimeEsmBundlerLegacy003Js.C;
        ref = _vueRuntimeEsmBundlerLegacy003Js.It;
      }, function (_MapCacheLegacy005Js) {
        useI18n = _MapCacheLegacy005Js.gt;
      }, function (_useTelemetryLegacy00HJs) {
        useUIStore = _useTelemetryLegacy00HJs.Fi;
        useCanvasStore = _useTelemetryLegacy00HJs.Gn;
      }, function (_constantsLegacy00TJs) {
        VIEWS = _constantsLegacy00TJs.Io;
      }],
      execute: function () {}
    };
  });
})();