n8n-editor-ui 1.102.2 → 1.104.0

package/dist/assets/{useProjectPages-DHCwu3nX.js → useProjectPages-qXIMd_UF.js}

@@ -1,4 +1,4 @@
-import { a5 as useRoute, x as computed, V as VIEWS, ee as reactive } from "./index-B3p3789J.js";
+import { a6 as useRoute, x as computed, V as VIEWS, eI as reactive } from "./index-Cm5yBbby.js";
 const useProjectPages = () => {
   const route = useRoute();
   const isOverviewSubPage = computed(

package/dist/assets/{usePushConnection-Iyy-883l.js → usePushConnection-Duvg6z8O.js}

@@ -1,5 +1,6 @@
-import { fS as makeRestApiRequest, a4 as useWorkflowsStore, T as useUIStore, fT as clearPopupWindowState, ev as getEasyAiWorkflowJson, ay as useTelemetry, ce as parse, fU as hasTrimmedItem, v as useSettingsStore, aj as useWorkflowSaving, ak as useWorkflowHelpers, aC as WORKFLOW_SETTINGS_MODAL_KEY, a as useToast, fV as generateNodesGraph, c as useI18n, fW as getExecutionErrorToastConfiguration, bI as useNodeTypesStore, dZ as getTriggerNodeServiceName, bD as useNodeHelpers, fX as hasTrimmedData, bf as useExternalHooks, fY as codeNodeEditorEventBus, eo as EVALUATION_TRIGGER_NODE_TYPE, bE as useRunWorkflow, fZ as getExecutionErrorMessage, dg as useCredentialsStore, f_ as useAssistantStore, f$ as useSchemaPreviewStore, c_ as isCommunityPackageName, a2 as defineStore, ac as useRootStore, a3 as usePushConnectionStore, r as ref } from "./index-B3p3789J.js";
-import { g as globalLinkActionsEventBus } from "./global-link-actions-BIVeUMGo.js";
+import { gM as makeRestApiRequest, a5 as useWorkflowsStore, T as useUIStore, gN as clearPopupWindowState, eY as getEasyAiWorkflowJson, az as useTelemetry, cc as parse, gO as hasTrimmedItem, v as useSettingsStore, ak as useWorkflowSaving, al as useWorkflowHelpers, aD as WORKFLOW_SETTINGS_MODAL_KEY, a as useToast, gP as generateNodesGraph, c as useI18n, gQ as getExecutionErrorToastConfiguration, bH as useNodeTypesStore, e9 as getTriggerNodeServiceName, bC as useNodeHelpers, gR as hasTrimmedData, be as useExternalHooks, gS as codeNodeEditorEventBus, eR as EVALUATION_TRIGGER_NODE_TYPE, bD as useRunWorkflow, gT as getExecutionErrorMessage, du as useCredentialsStore, fa as useAssistantStore, fe as useSchemaPreviewStore, dd as isCommunityPackageName, a3 as defineStore, ad as useRootStore, a4 as usePushConnectionStore, r as ref } from "./index-Cm5yBbby.js";
+import { g as globalLinkActionsEventBus } from "./global-link-actions-BjpAG7gt.js";
+import { u as useAITemplatesStarterCollectionStore } from "./aiTemplatesStarterCollection.store-oECEA5nR.js";
 var GET_STATUS_ENDPOINT = "/orchestration/worker/status";
 var sendGetWorkerStatus = async (context) => {
   await makeRestApiRequest(context, "POST", GET_STATUS_ENDPOINT);
@@ -7,6 +8,7 @@ var sendGetWorkerStatus = async (context) => {
 async function executionFinished({ data }, options) {
   const workflowsStore = useWorkflowsStore();
   const uiStore = useUIStore();
+  const aiTemplatesStarterCollectionStore = useAITemplatesStarterCollectionStore();
   workflowsStore.lastAddedExecutingNode = null;
   if (typeof workflowsStore.activeExecutionId === "undefined") {
     return;
@@ -22,6 +24,12 @@ async function executionFinished({ data }, options) {
         status: data.status
       });
     }
+    if (workflow.meta.templateId.startsWith("035_template_onboarding")) {
+      aiTemplatesStarterCollectionStore.trackUserExecutedWorkflow(
+        workflow.meta.templateId.split("-").pop() ?? "",
+        data.status
+      );
+    }
   }
   uiStore.setProcessingExecutionResults(true);
   let successToastAlreadyShown = false;

package/dist/assets/{useWorkflowActivate-DpHXxGAq.js → useWorkflowActivate-BE4Ckf9k.js}

@@ -1,4 +1,4 @@
-import { r as ref, b as useRouter, ak as useWorkflowHelpers, aj as useWorkflowSaving, a4 as useWorkflowsStore, T as useUIStore, a as useToast, ah as useNpsSurveyStore, a6 as PLACEHOLDER_EMPTY_WORKFLOW_ID, ay as useTelemetry, bf as useExternalHooks, c as useI18n, b6 as useStorage, g6 as LOCAL_STORAGE_ACTIVATION_FLAG, g7 as WORKFLOW_ACTIVE_MODAL_KEY } from "./index-B3p3789J.js";
+import { r as ref, b as useRouter, al as useWorkflowHelpers, ak as useWorkflowSaving, a5 as useWorkflowsStore, T as useUIStore, a as useToast, ai as useNpsSurveyStore, a7 as PLACEHOLDER_EMPTY_WORKFLOW_ID, az as useTelemetry, be as useExternalHooks, c as useI18n, b5 as useStorage, g$ as LOCAL_STORAGE_ACTIVATION_FLAG, h0 as WORKFLOW_ACTIVE_MODAL_KEY } from "./index-Cm5yBbby.js";
 function useWorkflowActivate() {
   const updatingWorkflowActivation = ref(false);
   const router = useRouter();

package/dist/index.html

@@ -8,16 +8,12 @@
 		<meta name="viewport" content="width=device-width,initial-scale=1.0" />
 		<link rel="icon" href="/{{BASE_PATH}}/favicon.ico" />
 		<style>@media (prefers-color-scheme: dark) { body { background-color: rgb(45, 46, 46) } }</style>
-		<script type="text/javascript">
-			window.BASE_PATH = '/{{BASE_PATH}}/';
-			window.REST_ENDPOINT = '{{REST_ENDPOINT}}';
-		</script>
-		<script src="/{{REST_ENDPOINT}}/sentry.js"></script>
+		<script src="/{{REST_ENDPOINT}}/config.js"></script>
 		<script>!function(t,e){var o,n,p,r;e.__SV||(window.posthog=e,e._i=[],e.init=function(i,s,a){function g(t,e){var o=e.split(".");2==o.length&&(t=t[o[0]],e=o[1]),t[e]=function(){t.push([e].concat(Array.prototype.slice.call(arguments,0)))}}(p=t.createElement("script")).type="text/javascript",p.async=!0,p.src=s.api_host+"/static/array.js",(r=t.getElementsByTagName("script")[0]).parentNode.insertBefore(p,r);var u=e;for(void 0!==a?u=e[a]=[]:a="posthog",u.people=u.people||[],u.toString=function(t){var e="posthog";return"posthog"!==a&&(e+="."+a),t||(e+=" (stub)"),e},u.people.toString=function(){return u.toString(1)+".people (stub)"},o="capture identify alias people.set people.set_once set_config register register_once unregister opt_out_capturing has_opted_out_capturing opt_in_capturing reset isFeatureEnabled getFeatureFlag onFeatureFlags reloadFeatureFlags".split(" "),n=0;n<o.length;n++)g(u,o[n]);e._i.push([i,s,a])},e.__SV=1)}(document,window.posthog||[])</script>
 
 		<title>n8n.io - Workflow Automation</title>
-		<script type="module" crossorigin src="/{{BASE_PATH}}/assets/index-B3p3789J.js"></script>
-		<link rel="stylesheet" crossorigin href="/{{BASE_PATH}}/assets/index-COleXxZf.css">
+		<script type="module" crossorigin src="/{{BASE_PATH}}/assets/index-Cm5yBbby.js"></script>
+		<link rel="stylesheet" crossorigin href="/{{BASE_PATH}}/assets/index-BWpYwmXd.css">
 	</head>
 	<body>
 		<noscript>

package/eslint.config.mjs

@@ -24,7 +24,7 @@ export default defineConfig(frontendConfig, {
 		'@typescript-eslint/dot-notation': 'warn',
 		'@stylistic/lines-between-class-members': 'warn',
 		'@stylistic/member-delimiter-style': 'warn',
-		'@typescript-eslint/naming-convention': 'warn',
+		'@typescript-eslint/naming-convention': 'off',
 		'@typescript-eslint/no-empty-interface': 'warn',
 		'@typescript-eslint/no-for-in-array': 'warn',
 		'@typescript-eslint/no-loop-func': 'warn',

package/index.html

@@ -6,11 +6,7 @@
 		<meta name="viewport" content="width=device-width,initial-scale=1.0" />
 		<link rel="icon" href="/favicon.ico" />
 		<style>@media (prefers-color-scheme: dark) { body { background-color: rgb(45, 46, 46) } }</style>
-		<script type="text/javascript">
-			window.BASE_PATH = '/{{BASE_PATH}}/';
-			window.REST_ENDPOINT = '{{REST_ENDPOINT}}';
-		</script>
-		<script src="/{{REST_ENDPOINT}}/sentry.js"></script>
+		%CONFIG_SCRIPT%
 		<script>!function(t,e){var o,n,p,r;e.__SV||(window.posthog=e,e._i=[],e.init=function(i,s,a){function g(t,e){var o=e.split(".");2==o.length&&(t=t[o[0]],e=o[1]),t[e]=function(){t.push([e].concat(Array.prototype.slice.call(arguments,0)))}}(p=t.createElement("script")).type="text/javascript",p.async=!0,p.src=s.api_host+"/static/array.js",(r=t.getElementsByTagName("script")[0]).parentNode.insertBefore(p,r);var u=e;for(void 0!==a?u=e[a]=[]:a="posthog",u.people=u.people||[],u.toString=function(t){var e="posthog";return"posthog"!==a&&(e+="."+a),t||(e+=" (stub)"),e},u.people.toString=function(){return u.toString(1)+".people (stub)"},o="capture identify alias people.set people.set_once set_config register register_once unregister opt_out_capturing has_opted_out_capturing opt_in_capturing reset isFeatureEnabled getFeatureFlag onFeatureFlags reloadFeatureFlags".split(" "),n=0;n<o.length;n++)g(u,o[n]);e._i.push([i,s,a])},e.__SV=1)}(document,window.posthog||[])</script>
 
 		<title>n8n.io - Workflow Automation</title>

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "n8n-editor-ui",
-  "version": "1.102.2",
+  "version": "1.104.0",
   "description": "Workflow Editor UI for n8n",
   "main": "index.js",
   "type": "module",

package/vite.config.mts

@@ -1,7 +1,8 @@
 import vue from '@vitejs/plugin-vue';
 import { posix as pathPosix, resolve } from 'path';
-import { defineConfig, mergeConfig } from 'vite';
+import { defineConfig, mergeConfig, type UserConfig } from 'vite';
 import { viteStaticCopy } from 'vite-plugin-static-copy';
+import { nodePolyfills } from 'vite-plugin-node-polyfills';
 import svgLoader from 'vite-svg-loader';
 
 import { vitestConfig } from '@n8n/vitest-config/frontend';
@@ -63,9 +64,14 @@ const alias = [
 		find: /^lodash\.(.+)$/,
 		replacement: 'lodash/$1',
 	},
+	{
+		// For sanitize-html
+		find: 'source-map-js',
+		replacement: resolve(__dirname, 'src/source-map-js-shim'),
+	},
 ];
 
-const plugins = [
+const plugins: UserConfig['plugins'] = [
 	icons({
 		compiler: 'vue3',
 		autoInstall: true,
@@ -115,6 +121,20 @@ const plugins = [
 		modernPolyfills: true,
 		renderLegacyChunks: false,
 	}),
+	{
+		name: 'Insert config script',
+		transformIndexHtml: (html, ctx) => {
+			const replacement = ctx.server
+				? '' // Skip when using Vite dev server
+				: '<script src="/{{REST_ENDPOINT}}/config.js"></script>';
+
+			return html.replace('%CONFIG_SCRIPT%', replacement);
+		},
+	},
+	// For sanitize-html
+	nodePolyfills({
+		include: ['fs', 'path', 'url', 'util', 'timers'],
+	}),
 ];
 
 const { RELEASE: release } = process.env;
@@ -131,7 +151,7 @@ export default mergeConfig(
 		plugins,
 		resolve: { alias },
 		base: publicPath,
-		envPrefix: 'VUE',
+		envPrefix: ['VUE', 'N8N_ENV_FEAT'],
 		css: {
 			preprocessorOptions: {
 				scss: {

package/dist/assets/CollectionParameter-DvyRKBx0.js

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

package/dist/assets/RunDataParsedAiContent-BILLIvVH.js

@@ -1,148 +0,0 @@
-import { d as defineComponent, c4 as useClipboard, a as useToast, h as createElementBlock, g as openBlock, n as normalizeClass, F as Fragment, y as renderList, e as createBlock, f as createCommentVNode, l as unref, t as toDisplayString, i as createVNode, a0 as _sfc_main$1, c as useI18n, _ as _export_sfc } from "./index-B3p3789J.js";
-import { V as VueMarkdown, H as HighlightJS } from "./RunData-CctCvWsu.js";
-import "./FileSaver.min-BemkeU_7.js";
-import "./useKeybindings-ul7syjnB.js";
-import "./useExecutionHelpers-i07QEXws.js";
-const _hoisted_1 = ["data-content-type"];
-const _hoisted_2 = ["textContent"];
-const _sfc_main = /* @__PURE__ */ defineComponent({
-  __name: "RunDataParsedAiContent",
-  props: {
-    content: {},
-    compact: { type: Boolean, default: false },
-    renderType: {}
-  },
-  setup(__props) {
-    const i18n = useI18n();
-    const clipboard = useClipboard();
-    const { showMessage } = useToast();
-    function isJsonString(text) {
-      try {
-        JSON.parse(text);
-        return true;
-      } catch (e) {
-        return false;
-      }
-    }
-    const markdownOptions = {
-      highlight(str, lang) {
-        if (lang && HighlightJS.getLanguage(lang)) {
-          try {
-            return HighlightJS.highlight(str, { language: lang }).value;
-          } catch {
-          }
-        }
-        return "";
-      }
-    };
-    function isMarkdown(jsonMarkdown) {
-      if (typeof jsonMarkdown !== "string") return false;
-      const markdownPatterns = [
-        /^# .+/gm,
-        // headers
-        /\*{1,2}.+\*{1,2}/g,
-        // emphasis and strong
-        /\[.+\]\(.+\)/g,
-        // links
-        /```[\s\S]+```/g
-        // code blocks
-      ];
-      return markdownPatterns.some((pattern) => pattern.test(jsonMarkdown));
-    }
-    function formatToJsonMarkdown(data) {
-      return "```json\n" + data + "\n```";
-    }
-    function jsonToMarkdown(data) {
-      if (isMarkdown(data)) return data;
-      if (Array.isArray(data) && data.length && typeof data[0] !== "number") {
-        const markdownArray = data.map((item) => jsonToMarkdown(item));
-        return markdownArray.join("\n\n").trim();
-      }
-      if (typeof data === "string") {
-        if (isJsonString(data)) {
-          return formatToJsonMarkdown(data);
-        }
-        return data;
-      }
-      return formatToJsonMarkdown(JSON.stringify(data, null, 2));
-    }
-    function onCopyToClipboard(object) {
-      try {
-        void clipboard.copy(JSON.stringify(object, void 0, 2));
-        showMessage({
-          title: i18n.baseText("generic.copiedToClipboard"),
-          type: "success"
-        });
-      } catch {
-      }
-    }
-    return (_ctx, _cache) => {
-      return openBlock(), createElementBlock("div", {
-        class: normalizeClass([_ctx.$style.component, _ctx.compact ? _ctx.$style.compact : ""])
-      }, [
-        (openBlock(true), createElementBlock(Fragment, null, renderList(_ctx.content, ({ parsedContent, raw }, index) => {
-          return openBlock(), createElementBlock("div", {
-            key: index,
-            class: normalizeClass(_ctx.$style.contentText),
-            "data-content-type": parsedContent?.type
-          }, [
-            parsedContent && _ctx.renderType === "rendered" ? (openBlock(), createElementBlock(Fragment, { key: 0 }, [
-              parsedContent.type === "json" ? (openBlock(), createBlock(unref(VueMarkdown), {
-                key: 0,
-                source: jsonToMarkdown(parsedContent.data),
-                class: normalizeClass(_ctx.$style.markdown),
-                options: markdownOptions
-              }, null, 8, ["source", "class"])) : parsedContent.type === "markdown" ? (openBlock(), createBlock(unref(VueMarkdown), {
-                key: 1,
-                source: parsedContent.data,
-                class: normalizeClass(_ctx.$style.markdown),
-                options: markdownOptions
-              }, null, 8, ["source", "class"])) : parsedContent.type === "text" ? (openBlock(), createElementBlock("p", {
-                key: 2,
-                class: normalizeClass(_ctx.$style.runText),
-                textContent: toDisplayString(parsedContent.data)
-              }, null, 10, _hoisted_2)) : createCommentVNode("", true)
-            ], 64)) : (openBlock(), createElementBlock("div", {
-              key: 1,
-              class: normalizeClass(_ctx.$style.rawContent)
-            }, [
-              createVNode(unref(_sfc_main$1), {
-                size: "small",
-                class: normalizeClass(_ctx.$style.copyToClipboard),
-                type: "secondary",
-                title: unref(i18n).baseText("nodeErrorView.copyToClipboard"),
-                icon: "files",
-                onClick: ($event) => onCopyToClipboard(raw)
-              }, null, 8, ["class", "title", "onClick"]),
-              createVNode(unref(VueMarkdown), {
-                source: jsonToMarkdown(raw),
-                class: normalizeClass(_ctx.$style.markdown)
-              }, null, 8, ["source", "class"])
-            ], 2))
-          ], 10, _hoisted_1);
-        }), 128))
-      ], 2);
-    };
-  }
-});
-const runText = "_runText_1ucj0_123";
-const markdown = "_markdown_1ucj0_128";
-const compact = "_compact_1ucj0_151";
-const copyToClipboard = "_copyToClipboard_1ucj0_159";
-const rawContent = "_rawContent_1ucj0_169";
-const contentText = "_contentText_1ucj0_173";
-const style0 = {
-  runText,
-  markdown,
-  compact,
-  copyToClipboard,
-  rawContent,
-  contentText
-};
-const cssModules = {
-  "$style": style0
-};
-const RunDataAi = /* @__PURE__ */ _export_sfc(_sfc_main, [["__cssModules", cssModules]]);
-export {
-  RunDataAi as default
-};

package/dist/assets/useKeybindings-BUK7Ngh6.css

@@ -1,133 +0,0 @@
-/* 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
- -------------------------- */
-._uiBlocker_j0zl4_123 {
-  position: absolute;
-  top: 0;
-  left: 0;
-  width: 100%;
-  height: 100%;
-  background-color: var(--color-block-ui-overlay);
-  z-index: 10;
-  opacity: 0.6;
-  border-radius: var(--border-radius-large);
-}

package/dist/assets/useKeybindings-ul7syjnB.js

@@ -1,118 +0,0 @@
-import { d as defineComponent, e as createBlock, g as openBlock, dJ as Transition, w as withCtx, aU as withDirectives, aV as vShow, j as createBaseVNode, n as normalizeClass, _ as _export_sfc, Q as createEventBus, bW as inject, r as ref, c5 as PiPWindowSymbol, cn as useActiveElement, dP as useDeviceSupport, x as computed, cZ as toValue, eD as useEventListener } from "./index-B3p3789J.js";
-const _sfc_main = /* @__PURE__ */ defineComponent({
-  __name: "BlockUi",
-  props: {
-    show: { type: Boolean, default: false }
-  },
-  setup(__props) {
-    return (_ctx, _cache) => {
-      return openBlock(), createBlock(Transition, {
-        name: "fade",
-        mode: "out-in"
-      }, {
-        default: withCtx(() => [
-          withDirectives(createBaseVNode("div", {
-            class: normalizeClass(["n8n-block-ui", _ctx.$style.uiBlocker]),
-            role: "dialog",
-            "aria-hidden": true
-          }, null, 2), [
-            [vShow, _ctx.show]
-          ])
-        ]),
-        _: 1
-      });
-    };
-  }
-});
-const uiBlocker = "_uiBlocker_j0zl4_123";
-const style0 = {
-  uiBlocker
-};
-const cssModules = {
-  "$style": style0
-};
-const N8nBlockUi = /* @__PURE__ */ _export_sfc(_sfc_main, [["__cssModules", cssModules], ["__scopeId", "data-v-76a59b58"]]);
-const canvasEventBus = createEventBus();
-const useKeybindings = (keymap, options) => {
-  const pipWindow = inject(PiPWindowSymbol, ref());
-  const activeElement = useActiveElement({ window: pipWindow?.value });
-  const { isCtrlKeyPressed } = useDeviceSupport();
-  const isDisabled = computed(() => toValue(options?.disabled));
-  const ignoreKeyPresses = computed(() => {
-    if (!activeElement.value) return false;
-    const active = activeElement.value;
-    const isInput = ["INPUT", "TEXTAREA"].includes(active.tagName);
-    const isContentEditable = active.closest("[contenteditable]") !== null;
-    const isIgnoreClass = active.closest(".ignore-key-press-canvas") !== null;
-    return isInput || isContentEditable || isIgnoreClass;
-  });
-  const normalizedKeymap = computed(
-    () => Object.fromEntries(
-      Object.entries(toValue(keymap)).flatMap(([shortcut, handler]) => {
-        const shortcuts = shortcut.split("|");
-        return shortcuts.map((s) => [normalizeShortcutString(s), handler]);
-      })
-    )
-  );
-  function shortcutPartsToString(parts) {
-    return parts.map((key) => key.toLowerCase()).sort((a, b) => a.localeCompare(b)).join("+");
-  }
-  function normalizeShortcutString(shortcut) {
-    if (shortcut.length === 1) {
-      return shortcut.toLowerCase();
-    }
-    const splitChars = ["+", "_", "-"];
-    const splitCharsRegEx = splitChars.reduce((acc, char) => {
-      if (shortcut.startsWith(char) || shortcut.endsWith(char)) {
-        return acc;
-      }
-      return char + acc;
-    }, "");
-    return shortcutPartsToString(shortcut.split(new RegExp(`[${splitCharsRegEx}]`)));
-  }
-  function keyboardEventCodeToKey(code) {
-    if (code.startsWith("Digit")) {
-      return code.replace("Digit", "").toLowerCase();
-    } else if (code.startsWith("Key")) {
-      return code.replace("Key", "").toLowerCase();
-    }
-    return code.toLowerCase();
-  }
-  function toShortcutString(event) {
-    const { shiftKey, altKey } = event;
-    const ctrlKey = isCtrlKeyPressed(event);
-    const keys = "key" in event ? [event.key] : [];
-    const codes = "code" in event ? [keyboardEventCodeToKey(event.code)] : [];
-    const modifiers = [];
-    if (shiftKey) {
-      modifiers.push("shift");
-    }
-    if (ctrlKey) {
-      modifiers.push("ctrl");
-    }
-    if (altKey) {
-      modifiers.push("alt");
-    }
-    return {
-      byKey: shortcutPartsToString([...modifiers, ...keys]),
-      byCode: shortcutPartsToString([...modifiers, ...codes])
-    };
-  }
-  function onKeyDown(event) {
-    if (ignoreKeyPresses.value || isDisabled.value) return;
-    const { byKey, byCode } = toShortcutString(event);
-    const handler = normalizedKeymap.value[byKey] ?? normalizedKeymap.value[byCode];
-    const run = typeof handler === "function" ? handler : handler?.disabled() ? void 0 : handler?.run;
-    if (run) {
-      event.preventDefault();
-      event.stopPropagation();
-      run(event);
-    }
-  }
-  useEventListener(pipWindow?.value?.document ?? document, "keydown", onKeyDown);
-};
-export {
-  N8nBlockUi as N,
-  canvasEventBus as c,
-  useKeybindings as u
-};