@n8n/composables 1.22.0 → 1.24.0

package/dist/notification.d.cts

@@ -0,0 +1,24 @@
+import { Component, VNode } from "vue";
+
+//#region src/types/notification.d.ts
+type NotificationType = '' | 'success' | 'warning' | 'error' | 'info';
+type NotificationPosition = 'top-right' | 'top-left' | 'bottom-right' | 'bottom-left';
+interface NotificationOptions {
+  message: string | VNode;
+  title?: string;
+  type?: NotificationType;
+  icon?: string | Component;
+  customClass?: string;
+  duration?: number;
+  position?: NotificationPosition;
+  showClose?: boolean;
+  dangerouslyUseHTMLString?: boolean;
+  offset?: number;
+  appendTo?: HTMLElement | string;
+  zIndex?: number;
+  onClick?: () => void;
+  onClose?: () => void;
+}
+//#endregion
+export { NotificationPosition as n, NotificationType as r, NotificationOptions as t };
+//# sourceMappingURL=notification.d.cts.map

package/dist/notification.d.mts

@@ -0,0 +1,24 @@
+import { Component, VNode } from "vue";
+
+//#region src/types/notification.d.ts
+type NotificationType = '' | 'success' | 'warning' | 'error' | 'info';
+type NotificationPosition = 'top-right' | 'top-left' | 'bottom-right' | 'bottom-left';
+interface NotificationOptions {
+  message: string | VNode;
+  title?: string;
+  type?: NotificationType;
+  icon?: string | Component;
+  customClass?: string;
+  duration?: number;
+  position?: NotificationPosition;
+  showClose?: boolean;
+  dangerouslyUseHTMLString?: boolean;
+  offset?: number;
+  appendTo?: HTMLElement | string;
+  zIndex?: number;
+  onClick?: () => void;
+  onClose?: () => void;
+}
+//#endregion
+export { NotificationPosition as n, NotificationType as r, NotificationOptions as t };
+//# sourceMappingURL=notification.d.mts.map

package/dist/registries/telemetryRegistry.cjs

@@ -0,0 +1,5 @@
+const require_telemetryRegistry = require('../telemetryRegistry.cjs');
+
+exports.TelemetryKey = require_telemetryRegistry.TelemetryKey;
+exports.getRegisteredTelemetry = require_telemetryRegistry.getRegisteredTelemetry;
+exports.setTelemetry = require_telemetryRegistry.setTelemetry;

package/dist/registries/telemetryRegistry.d.cts

@@ -0,0 +1,2 @@
+import { a as getRegisteredTelemetry, i as TelemetryNodeParameterChange, n as TelemetryIdentifyOptions, o as setTelemetry, r as TelemetryKey, t as Telemetry } from "../telemetryRegistry.cjs";
+export { Telemetry, TelemetryIdentifyOptions, TelemetryKey, TelemetryNodeParameterChange, getRegisteredTelemetry, setTelemetry };

package/dist/registries/telemetryRegistry.d.mts

@@ -0,0 +1,2 @@
+import { a as getRegisteredTelemetry, i as TelemetryNodeParameterChange, n as TelemetryIdentifyOptions, o as setTelemetry, r as TelemetryKey, t as Telemetry } from "../telemetryRegistry.mjs";
+export { Telemetry, TelemetryIdentifyOptions, TelemetryKey, TelemetryNodeParameterChange, getRegisteredTelemetry, setTelemetry };

package/dist/registries/telemetryRegistry.mjs

@@ -0,0 +1,3 @@
+import { n as getRegisteredTelemetry, r as setTelemetry, t as TelemetryKey } from "../telemetryRegistry.mjs";
+
+export { TelemetryKey, getRegisteredTelemetry, setTelemetry };

package/dist/telemetryRegistry.cjs

@@ -0,0 +1,42 @@
+
+//#region src/registries/telemetryRegistry.ts
+/**
+* Injection key for the telemetry instance. The application provides it at
+* bootstrap; components may override it (e.g. a pop-out window with its own
+* instance). `useTelemetry` reads it when called inside an injection context.
+*/
+const TelemetryKey = Symbol("Telemetry");
+let registeredTelemetry;
+/**
+* Register the application's telemetry instance. Called once at bootstrap by
+* the editor-ui telemetry plugin so package-side `useTelemetry` can return it
+* from any context, including outside of component setup.
+*/
+function setTelemetry(instance) {
+	registeredTelemetry = instance;
+}
+/** The instance registered via {@link setTelemetry}, if bootstrap has run. */
+function getRegisteredTelemetry() {
+	return registeredTelemetry;
+}
+
+//#endregion
+Object.defineProperty(exports, 'TelemetryKey', {
+  enumerable: true,
+  get: function () {
+    return TelemetryKey;
+  }
+});
+Object.defineProperty(exports, 'getRegisteredTelemetry', {
+  enumerable: true,
+  get: function () {
+    return getRegisteredTelemetry;
+  }
+});
+Object.defineProperty(exports, 'setTelemetry', {
+  enumerable: true,
+  get: function () {
+    return setTelemetry;
+  }
+});
+//# sourceMappingURL=telemetryRegistry.cjs.map

package/dist/telemetryRegistry.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"telemetryRegistry.cjs","names":["TelemetryKey: InjectionKey<Telemetry>","registeredTelemetry: Telemetry | undefined"],"sources":["../src/registries/telemetryRegistry.ts"],"sourcesContent":["import type { ITelemetrySettings } from '@n8n/api-types';\nimport type { InferTelemetryProps, TelemetryEventDef } from '@n8n/telemetry';\nimport type { IDataObject, ITelemetryTrackProperties, NodeParameterValueType } from 'n8n-workflow';\nimport type { InjectionKey } from 'vue';\nimport type { RouteLocation } from 'vue-router';\n\nexport type TelemetryIdentifyOptions = {\n\tinstanceId: string;\n\tuserId?: string;\n\tprojectId?: string;\n\tversionCli?: string;\n\tuserRole?: string;\n};\n\n/**\n * Shape of a node-parameter change tracked by telemetry. Structurally mirrors\n * editor-ui's `IUpdateInformation`; declared here so the telemetry contract\n * carries no dependency back into the application package.\n */\nexport interface TelemetryNodeParameterChange {\n\tname: string;\n\tkey?: string;\n\tvalue: NodeParameterValueType;\n\tnode?: string;\n\toldValue?: string | number;\n\ttype?: 'optionsOrderChanged';\n}\n\n/**\n * The telemetry contract consumed across the frontend.\n *\n * This package owns the *type* only; the concrete implementation lives in the\n * application (`editor-ui`'s telemetry plugin) and is registered at bootstrap\n * via {@link setTelemetry} / provided through {@link TelemetryKey}. Keeping the\n * contract here lets `useTelemetry` return a fully-typed instance without the\n * package importing application code.\n */\nexport interface Telemetry {\n\tinit(\n\t\ttelemetrySettings: ITelemetrySettings,\n\t\toptions: TelemetryIdentifyOptions & { versionCli: string },\n\t): void;\n\tidentify(options: TelemetryIdentifyOptions): void;\n\ttrack<T extends TelemetryEventDef>(event: T, properties: InferTelemetryProps<T>): void;\n\ttrack(event: string, properties?: ITelemetryTrackProperties): void;\n\tpage(route: RouteLocation): void;\n\treset(): void;\n\tflushPageEvents(): void;\n\ttrackAskAI(event: string, ndvPushRef: string, properties?: IDataObject): void;\n\ttrackAiTransform(event: string, ndvPushRef: string, properties?: IDataObject): void;\n\ttrackNodeParametersValuesChange(nodeType: string, change: TelemetryNodeParameterChange): void;\n}\n\n/**\n * Injection key for the telemetry instance. The application provides it at\n * bootstrap; components may override it (e.g. a pop-out window with its own\n * instance). `useTelemetry` reads it when called inside an injection context.\n */\nexport const TelemetryKey: InjectionKey<Telemetry> = Symbol('Telemetry');\n\nlet registeredTelemetry: Telemetry | undefined;\n\n/**\n * Register the application's telemetry instance. Called once at bootstrap by\n * the editor-ui telemetry plugin so package-side `useTelemetry` can return it\n * from any context, including outside of component setup.\n */\nexport function setTelemetry(instance: Telemetry | undefined): void {\n\tregisteredTelemetry = instance;\n}\n\n/** The instance registered via {@link setTelemetry}, if bootstrap has run. */\nexport function getRegisteredTelemetry(): Telemetry | undefined {\n\treturn registeredTelemetry;\n}\n"],"mappings":";;;;;;;AA0DA,MAAaA,eAAwC,OAAO,YAAY;AAExE,IAAIC;;;;;;AAOJ,SAAgB,aAAa,UAAuC;AACnE,uBAAsB;;;AAIvB,SAAgB,yBAAgD;AAC/D,QAAO"}

package/dist/telemetryRegistry.d.cts

@@ -0,0 +1,42 @@
+import { InjectionKey } from "vue";
+import { ITelemetrySettings } from "@n8n/api-types";
+import { InferTelemetryProps, TelemetryEventDef } from "@n8n/telemetry";
+import { IDataObject, ITelemetryTrackProperties, NodeParameterValueType } from "n8n-workflow";
+import { RouteLocation } from "vue-router";
+
+//#region src/registries/telemetryRegistry.d.ts
+type TelemetryIdentifyOptions = {
+  instanceId: string;
+  userId?: string;
+  projectId?: string;
+  versionCli?: string;
+  userRole?: string;
+};
+interface TelemetryNodeParameterChange {
+  name: string;
+  key?: string;
+  value: NodeParameterValueType;
+  node?: string;
+  oldValue?: string | number;
+  type?: 'optionsOrderChanged';
+}
+interface Telemetry {
+  init(telemetrySettings: ITelemetrySettings, options: TelemetryIdentifyOptions & {
+    versionCli: string;
+  }): void;
+  identify(options: TelemetryIdentifyOptions): void;
+  track<T extends TelemetryEventDef>(event: T, properties: InferTelemetryProps<T>): void;
+  track(event: string, properties?: ITelemetryTrackProperties): void;
+  page(route: RouteLocation): void;
+  reset(): void;
+  flushPageEvents(): void;
+  trackAskAI(event: string, ndvPushRef: string, properties?: IDataObject): void;
+  trackAiTransform(event: string, ndvPushRef: string, properties?: IDataObject): void;
+  trackNodeParametersValuesChange(nodeType: string, change: TelemetryNodeParameterChange): void;
+}
+declare const TelemetryKey: InjectionKey<Telemetry>;
+declare function setTelemetry(instance: Telemetry | undefined): void;
+declare function getRegisteredTelemetry(): Telemetry | undefined;
+//#endregion
+export { getRegisteredTelemetry as a, TelemetryNodeParameterChange as i, TelemetryIdentifyOptions as n, setTelemetry as o, TelemetryKey as r, Telemetry as t };
+//# sourceMappingURL=telemetryRegistry.d.cts.map

package/dist/telemetryRegistry.d.mts

@@ -0,0 +1,42 @@
+import { InjectionKey } from "vue";
+import { RouteLocation } from "vue-router";
+import { ITelemetrySettings } from "@n8n/api-types";
+import { InferTelemetryProps, TelemetryEventDef } from "@n8n/telemetry";
+import { IDataObject, ITelemetryTrackProperties, NodeParameterValueType } from "n8n-workflow";
+
+//#region src/registries/telemetryRegistry.d.ts
+type TelemetryIdentifyOptions = {
+  instanceId: string;
+  userId?: string;
+  projectId?: string;
+  versionCli?: string;
+  userRole?: string;
+};
+interface TelemetryNodeParameterChange {
+  name: string;
+  key?: string;
+  value: NodeParameterValueType;
+  node?: string;
+  oldValue?: string | number;
+  type?: 'optionsOrderChanged';
+}
+interface Telemetry {
+  init(telemetrySettings: ITelemetrySettings, options: TelemetryIdentifyOptions & {
+    versionCli: string;
+  }): void;
+  identify(options: TelemetryIdentifyOptions): void;
+  track<T extends TelemetryEventDef>(event: T, properties: InferTelemetryProps<T>): void;
+  track(event: string, properties?: ITelemetryTrackProperties): void;
+  page(route: RouteLocation): void;
+  reset(): void;
+  flushPageEvents(): void;
+  trackAskAI(event: string, ndvPushRef: string, properties?: IDataObject): void;
+  trackAiTransform(event: string, ndvPushRef: string, properties?: IDataObject): void;
+  trackNodeParametersValuesChange(nodeType: string, change: TelemetryNodeParameterChange): void;
+}
+declare const TelemetryKey: InjectionKey<Telemetry>;
+declare function setTelemetry(instance: Telemetry | undefined): void;
+declare function getRegisteredTelemetry(): Telemetry | undefined;
+//#endregion
+export { getRegisteredTelemetry as a, TelemetryNodeParameterChange as i, TelemetryIdentifyOptions as n, setTelemetry as o, TelemetryKey as r, Telemetry as t };
+//# sourceMappingURL=telemetryRegistry.d.mts.map

package/dist/telemetryRegistry.mjs

@@ -0,0 +1,24 @@
+//#region src/registries/telemetryRegistry.ts
+/**
+* Injection key for the telemetry instance. The application provides it at
+* bootstrap; components may override it (e.g. a pop-out window with its own
+* instance). `useTelemetry` reads it when called inside an injection context.
+*/
+const TelemetryKey = Symbol("Telemetry");
+let registeredTelemetry;
+/**
+* Register the application's telemetry instance. Called once at bootstrap by
+* the editor-ui telemetry plugin so package-side `useTelemetry` can return it
+* from any context, including outside of component setup.
+*/
+function setTelemetry(instance) {
+	registeredTelemetry = instance;
+}
+/** The instance registered via {@link setTelemetry}, if bootstrap has run. */
+function getRegisteredTelemetry() {
+	return registeredTelemetry;
+}
+
+//#endregion
+export { getRegisteredTelemetry as n, setTelemetry as r, TelemetryKey as t };
+//# sourceMappingURL=telemetryRegistry.mjs.map

package/dist/telemetryRegistry.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"telemetryRegistry.mjs","names":["TelemetryKey: InjectionKey<Telemetry>","registeredTelemetry: Telemetry | undefined"],"sources":["../src/registries/telemetryRegistry.ts"],"sourcesContent":["import type { ITelemetrySettings } from '@n8n/api-types';\nimport type { InferTelemetryProps, TelemetryEventDef } from '@n8n/telemetry';\nimport type { IDataObject, ITelemetryTrackProperties, NodeParameterValueType } from 'n8n-workflow';\nimport type { InjectionKey } from 'vue';\nimport type { RouteLocation } from 'vue-router';\n\nexport type TelemetryIdentifyOptions = {\n\tinstanceId: string;\n\tuserId?: string;\n\tprojectId?: string;\n\tversionCli?: string;\n\tuserRole?: string;\n};\n\n/**\n * Shape of a node-parameter change tracked by telemetry. Structurally mirrors\n * editor-ui's `IUpdateInformation`; declared here so the telemetry contract\n * carries no dependency back into the application package.\n */\nexport interface TelemetryNodeParameterChange {\n\tname: string;\n\tkey?: string;\n\tvalue: NodeParameterValueType;\n\tnode?: string;\n\toldValue?: string | number;\n\ttype?: 'optionsOrderChanged';\n}\n\n/**\n * The telemetry contract consumed across the frontend.\n *\n * This package owns the *type* only; the concrete implementation lives in the\n * application (`editor-ui`'s telemetry plugin) and is registered at bootstrap\n * via {@link setTelemetry} / provided through {@link TelemetryKey}. Keeping the\n * contract here lets `useTelemetry` return a fully-typed instance without the\n * package importing application code.\n */\nexport interface Telemetry {\n\tinit(\n\t\ttelemetrySettings: ITelemetrySettings,\n\t\toptions: TelemetryIdentifyOptions & { versionCli: string },\n\t): void;\n\tidentify(options: TelemetryIdentifyOptions): void;\n\ttrack<T extends TelemetryEventDef>(event: T, properties: InferTelemetryProps<T>): void;\n\ttrack(event: string, properties?: ITelemetryTrackProperties): void;\n\tpage(route: RouteLocation): void;\n\treset(): void;\n\tflushPageEvents(): void;\n\ttrackAskAI(event: string, ndvPushRef: string, properties?: IDataObject): void;\n\ttrackAiTransform(event: string, ndvPushRef: string, properties?: IDataObject): void;\n\ttrackNodeParametersValuesChange(nodeType: string, change: TelemetryNodeParameterChange): void;\n}\n\n/**\n * Injection key for the telemetry instance. The application provides it at\n * bootstrap; components may override it (e.g. a pop-out window with its own\n * instance). `useTelemetry` reads it when called inside an injection context.\n */\nexport const TelemetryKey: InjectionKey<Telemetry> = Symbol('Telemetry');\n\nlet registeredTelemetry: Telemetry | undefined;\n\n/**\n * Register the application's telemetry instance. Called once at bootstrap by\n * the editor-ui telemetry plugin so package-side `useTelemetry` can return it\n * from any context, including outside of component setup.\n */\nexport function setTelemetry(instance: Telemetry | undefined): void {\n\tregisteredTelemetry = instance;\n}\n\n/** The instance registered via {@link setTelemetry}, if bootstrap has run. */\nexport function getRegisteredTelemetry(): Telemetry | undefined {\n\treturn registeredTelemetry;\n}\n"],"mappings":";;;;;;AA0DA,MAAaA,eAAwC,OAAO,YAAY;AAExE,IAAIC;;;;;;AAOJ,SAAgB,aAAa,UAAuC;AACnE,uBAAsB;;;AAIvB,SAAgB,yBAAgD;AAC/D,QAAO"}

package/dist/types/notification.d.cts

@@ -0,0 +1,2 @@
+import { n as NotificationPosition, r as NotificationType, t as NotificationOptions } from "../notification.cjs";
+export { NotificationOptions, NotificationPosition, NotificationType };

package/dist/types/notification.d.mts

@@ -0,0 +1,2 @@
+import { n as NotificationPosition, r as NotificationType, t as NotificationOptions } from "../notification.mjs";
+export { NotificationOptions, NotificationPosition, NotificationType };

package/dist/types/notification.mjs

@@ -0,0 +1 @@
+export {  };

package/dist/useClipboard.cjs

@@ -10,7 +10,8 @@ function useClipboard({ onPaste: onPasteFn = () => {} } = {}) {
 	async function copy(value) {
 		const nav = popOutWindow?.value?.navigator;
 		if (nav?.clipboard) try {
-			await nav.clipboard.writeText(value);
+			const resolvedValue = typeof value === "function" ? await value() : value;
+			await nav.clipboard.writeText(resolvedValue);
 			return;
 		} catch {}
 		await coreCopy(value);

package/dist/useClipboard.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"useClipboard.cjs","names":["PopOutWindowKey"],"sources":["../src/useClipboard.ts"],"sourcesContent":["import { useClipboard as useClipboardCore, useThrottleFn } from '@vueuse/core';\nimport { inject, onBeforeUnmount, onMounted, ref } from 'vue';\n\nimport { PopOutWindowKey } from './injectionKeys';\n\ntype ClipboardEventFn = (data: string, event?: ClipboardEvent) => void;\n\nexport function useClipboard({\n\tonPaste: onPasteFn = () => {},\n}: {\n\tonPaste?: ClipboardEventFn;\n} = {}) {\n\tconst popOutWindow = inject(PopOutWindowKey, ref<Window | undefined>());\n\tconst {\n\t\tcopy: coreCopy,\n\t\tcopied,\n\t\tisSupported,\n\t\ttext,\n\t} = useClipboardCore({\n\t\tlegacy: true,\n\t});\n\n\t// Find the correct navigator at copy-time so it works even when the\n\t// pop-out window opens after the composable was created.\n\tasync function copy(value: string) {\n\t\tconst nav = popOutWindow?.value?.navigator;\n\t\tif (nav?.clipboard) {\n\t\t\ttry {\n\t\t\t\tawait nav.clipboard.writeText(value);\n\t\t\t\treturn;\n\t\t\t} catch {\n\t\t\t\t// Fall back to the core clipboard copy below.\n\t\t\t}\n\t\t}\n\t\tawait coreCopy(value);\n\t}\n\n\tconst ignoreClasses = ['el-messsage-box', 'ignore-key-press-canvas'];\n\tconst initialized = ref(false);\n\n\tconst onPasteCallback = ref<ClipboardEventFn | null>(onPasteFn || null);\n\n\t/**\n\t * Handles copy/paste events\n\t * @param event\n\t */\n\tfunction onPaste(event: ClipboardEvent) {\n\t\tif (!onPasteCallback.value) {\n\t\t\treturn;\n\t\t}\n\n\t\t// Check if the event got emitted from a message box or from something\n\t\t// else which should ignore the copy/paste\n\t\tconst path = event.composedPath?.() as HTMLElement[];\n\t\tfor (const pathElement of path) {\n\t\t\tif (\n\t\t\t\tpathElement.className &&\n\t\t\t\tignoreClasses.some((className) => pathElement.className.includes?.(className))\n\t\t\t) {\n\t\t\t\treturn;\n\t\t\t}\n\t\t}\n\n\t\tconst clipboardData = event.clipboardData;\n\t\tif (clipboardData !== null) {\n\t\t\tconst clipboardValue = clipboardData.getData('text/plain');\n\t\t\tonPasteCallback.value(clipboardValue, event);\n\t\t}\n\t}\n\n\tconst throttledOnPaste = useThrottleFn(onPaste, 1000);\n\n\t/**\n\t * Initialize copy/paste elements and events\n\t */\n\tonMounted(() => {\n\t\tif (initialized.value) {\n\t\t\treturn;\n\t\t}\n\n\t\tdocument.addEventListener('paste', throttledOnPaste);\n\n\t\tinitialized.value = true;\n\t});\n\n\t/**\n\t * Remove copy/paste elements and events\n\t */\n\tonBeforeUnmount(() => {\n\t\tif (initialized.value) {\n\t\t\tdocument.removeEventListener('paste', throttledOnPaste);\n\t\t}\n\t});\n\n\treturn {\n\t\tcopy,\n\t\tcopied,\n\t\tisSupported,\n\t\ttext,\n\t\tonPaste: onPasteCallback,\n\t};\n}\n"],"mappings":";;;;;;AAOA,SAAgB,aAAa,EAC5B,SAAS,kBAAkB,OAGxB,EAAE,EAAE;CACP,MAAM,+BAAsBA,qDAA0C,CAAC;CACvE,MAAM,EACL,MAAM,UACN,QACA,aACA,yCACoB,EACpB,QAAQ,MACR,CAAC;CAIF,eAAe,KAAK,OAAe;EAClC,MAAM,MAAM,cAAc,OAAO;AACjC,MAAI,KAAK,UACR,KAAI;AACH,SAAM,IAAI,UAAU,UAAU,MAAM;AACpC;UACO;AAIT,QAAM,SAAS,MAAM;;CAGtB,MAAM,gBAAgB,CAAC,mBAAmB,0BAA0B;CACpE,MAAM,2BAAkB,MAAM;CAE9B,MAAM,+BAA+C,aAAa,KAAK;;;;;CAMvE,SAAS,QAAQ,OAAuB;AACvC,MAAI,CAAC,gBAAgB,MACpB;EAKD,MAAM,OAAO,MAAM,gBAAgB;AACnC,OAAK,MAAM,eAAe,KACzB,KACC,YAAY,aACZ,cAAc,MAAM,cAAc,YAAY,UAAU,WAAW,UAAU,CAAC,CAE9E;EAIF,MAAM,gBAAgB,MAAM;AAC5B,MAAI,kBAAkB,MAAM;GAC3B,MAAM,iBAAiB,cAAc,QAAQ,aAAa;AAC1D,mBAAgB,MAAM,gBAAgB,MAAM;;;CAI9C,MAAM,oDAAiC,SAAS,IAAK;;;;AAKrD,0BAAgB;AACf,MAAI,YAAY,MACf;AAGD,WAAS,iBAAiB,SAAS,iBAAiB;AAEpD,cAAY,QAAQ;GACnB;;;;AAKF,gCAAsB;AACrB,MAAI,YAAY,MACf,UAAS,oBAAoB,SAAS,iBAAiB;GAEvD;AAEF,QAAO;EACN;EACA;EACA;EACA;EACA,SAAS;EACT"}
+{"version":3,"file":"useClipboard.cjs","names":["PopOutWindowKey"],"sources":["../src/useClipboard.ts"],"sourcesContent":["import { useClipboard as useClipboardCore, useThrottleFn } from '@vueuse/core';\nimport { inject, onBeforeUnmount, onMounted, ref } from 'vue';\n\nimport { PopOutWindowKey } from './injectionKeys';\n\ntype ClipboardEventFn = (data: string, event?: ClipboardEvent) => void;\n\nexport function useClipboard({\n\tonPaste: onPasteFn = () => {},\n}: {\n\tonPaste?: ClipboardEventFn;\n} = {}) {\n\tconst popOutWindow = inject(PopOutWindowKey, ref<Window | undefined>());\n\tconst {\n\t\tcopy: coreCopy,\n\t\tcopied,\n\t\tisSupported,\n\t\ttext,\n\t} = useClipboardCore({\n\t\tlegacy: true,\n\t});\n\n\t// Find the correct navigator at copy-time so it works even when the\n\t// pop-out window opens after the composable was created.\n\tasync function copy(value: string | (() => Promise<string>)) {\n\t\tconst nav = popOutWindow?.value?.navigator;\n\t\tif (nav?.clipboard) {\n\t\t\ttry {\n\t\t\t\tconst resolvedValue = typeof value === 'function' ? await value() : value;\n\t\t\t\tawait nav.clipboard.writeText(resolvedValue);\n\t\t\t\treturn;\n\t\t\t} catch {\n\t\t\t\t// Fall back to the core clipboard copy below.\n\t\t\t}\n\t\t}\n\t\tawait coreCopy(value);\n\t}\n\n\tconst ignoreClasses = ['el-messsage-box', 'ignore-key-press-canvas'];\n\tconst initialized = ref(false);\n\n\tconst onPasteCallback = ref<ClipboardEventFn | null>(onPasteFn || null);\n\n\t/**\n\t * Handles copy/paste events\n\t * @param event\n\t */\n\tfunction onPaste(event: ClipboardEvent) {\n\t\tif (!onPasteCallback.value) {\n\t\t\treturn;\n\t\t}\n\n\t\t// Check if the event got emitted from a message box or from something\n\t\t// else which should ignore the copy/paste\n\t\tconst path = event.composedPath?.() as HTMLElement[];\n\t\tfor (const pathElement of path) {\n\t\t\tif (\n\t\t\t\tpathElement.className &&\n\t\t\t\tignoreClasses.some((className) => pathElement.className.includes?.(className))\n\t\t\t) {\n\t\t\t\treturn;\n\t\t\t}\n\t\t}\n\n\t\tconst clipboardData = event.clipboardData;\n\t\tif (clipboardData !== null) {\n\t\t\tconst clipboardValue = clipboardData.getData('text/plain');\n\t\t\tonPasteCallback.value(clipboardValue, event);\n\t\t}\n\t}\n\n\tconst throttledOnPaste = useThrottleFn(onPaste, 1000);\n\n\t/**\n\t * Initialize copy/paste elements and events\n\t */\n\tonMounted(() => {\n\t\tif (initialized.value) {\n\t\t\treturn;\n\t\t}\n\n\t\tdocument.addEventListener('paste', throttledOnPaste);\n\n\t\tinitialized.value = true;\n\t});\n\n\t/**\n\t * Remove copy/paste elements and events\n\t */\n\tonBeforeUnmount(() => {\n\t\tif (initialized.value) {\n\t\t\tdocument.removeEventListener('paste', throttledOnPaste);\n\t\t}\n\t});\n\n\treturn {\n\t\tcopy,\n\t\tcopied,\n\t\tisSupported,\n\t\ttext,\n\t\tonPaste: onPasteCallback,\n\t};\n}\n"],"mappings":";;;;;;AAOA,SAAgB,aAAa,EAC5B,SAAS,kBAAkB,OAGxB,EAAE,EAAE;CACP,MAAM,+BAAsBA,qDAA0C,CAAC;CACvE,MAAM,EACL,MAAM,UACN,QACA,aACA,yCACoB,EACpB,QAAQ,MACR,CAAC;CAIF,eAAe,KAAK,OAAyC;EAC5D,MAAM,MAAM,cAAc,OAAO;AACjC,MAAI,KAAK,UACR,KAAI;GACH,MAAM,gBAAgB,OAAO,UAAU,aAAa,MAAM,OAAO,GAAG;AACpE,SAAM,IAAI,UAAU,UAAU,cAAc;AAC5C;UACO;AAIT,QAAM,SAAS,MAAM;;CAGtB,MAAM,gBAAgB,CAAC,mBAAmB,0BAA0B;CACpE,MAAM,2BAAkB,MAAM;CAE9B,MAAM,+BAA+C,aAAa,KAAK;;;;;CAMvE,SAAS,QAAQ,OAAuB;AACvC,MAAI,CAAC,gBAAgB,MACpB;EAKD,MAAM,OAAO,MAAM,gBAAgB;AACnC,OAAK,MAAM,eAAe,KACzB,KACC,YAAY,aACZ,cAAc,MAAM,cAAc,YAAY,UAAU,WAAW,UAAU,CAAC,CAE9E;EAIF,MAAM,gBAAgB,MAAM;AAC5B,MAAI,kBAAkB,MAAM;GAC3B,MAAM,iBAAiB,cAAc,QAAQ,aAAa;AAC1D,mBAAgB,MAAM,gBAAgB,MAAM;;;CAI9C,MAAM,oDAAiC,SAAS,IAAK;;;;AAKrD,0BAAgB;AACf,MAAI,YAAY,MACf;AAGD,WAAS,iBAAiB,SAAS,iBAAiB;AAEpD,cAAY,QAAQ;GACnB;;;;AAKF,gCAAsB;AACrB,MAAI,YAAY,MACf,UAAS,oBAAoB,SAAS,iBAAiB;GAEvD;AAEF,QAAO;EACN;EACA;EACA;EACA;EACA,SAAS;EACT"}

package/dist/useClipboard.d.cts

@@ -7,7 +7,7 @@ declare function useClipboard({
 }?: {
   onPaste?: ClipboardEventFn;
 }): {
-  copy: (value: string) => Promise<void>;
+  copy: (value: string | (() => Promise<string>)) => Promise<void>;
   copied: Readonly<vue0.ShallowRef<boolean>>;
   isSupported: vue0.ComputedRef<boolean>;
   text: Readonly<vue0.ShallowRef<string>>;

package/dist/useClipboard.d.mts

@@ -7,7 +7,7 @@ declare function useClipboard({
 }?: {
   onPaste?: ClipboardEventFn;
 }): {
-  copy: (value: string) => Promise<void>;
+  copy: (value: string | (() => Promise<string>)) => Promise<void>;
   copied: Readonly<vue0.ShallowRef<boolean>>;
   isSupported: vue0.ComputedRef<boolean>;
   text: Readonly<vue0.ShallowRef<string>>;

package/dist/useClipboard.mjs

@@ -9,7 +9,8 @@ function useClipboard({ onPaste: onPasteFn = () => {} } = {}) {
 	async function copy(value) {
 		const nav = popOutWindow?.value?.navigator;
 		if (nav?.clipboard) try {
-			await nav.clipboard.writeText(value);
+			const resolvedValue = typeof value === "function" ? await value() : value;
+			await nav.clipboard.writeText(resolvedValue);
 			return;
 		} catch {}
 		await coreCopy(value);

package/dist/useClipboard.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"useClipboard.mjs","names":["useClipboardCore"],"sources":["../src/useClipboard.ts"],"sourcesContent":["import { useClipboard as useClipboardCore, useThrottleFn } from '@vueuse/core';\nimport { inject, onBeforeUnmount, onMounted, ref } from 'vue';\n\nimport { PopOutWindowKey } from './injectionKeys';\n\ntype ClipboardEventFn = (data: string, event?: ClipboardEvent) => void;\n\nexport function useClipboard({\n\tonPaste: onPasteFn = () => {},\n}: {\n\tonPaste?: ClipboardEventFn;\n} = {}) {\n\tconst popOutWindow = inject(PopOutWindowKey, ref<Window | undefined>());\n\tconst {\n\t\tcopy: coreCopy,\n\t\tcopied,\n\t\tisSupported,\n\t\ttext,\n\t} = useClipboardCore({\n\t\tlegacy: true,\n\t});\n\n\t// Find the correct navigator at copy-time so it works even when the\n\t// pop-out window opens after the composable was created.\n\tasync function copy(value: string) {\n\t\tconst nav = popOutWindow?.value?.navigator;\n\t\tif (nav?.clipboard) {\n\t\t\ttry {\n\t\t\t\tawait nav.clipboard.writeText(value);\n\t\t\t\treturn;\n\t\t\t} catch {\n\t\t\t\t// Fall back to the core clipboard copy below.\n\t\t\t}\n\t\t}\n\t\tawait coreCopy(value);\n\t}\n\n\tconst ignoreClasses = ['el-messsage-box', 'ignore-key-press-canvas'];\n\tconst initialized = ref(false);\n\n\tconst onPasteCallback = ref<ClipboardEventFn | null>(onPasteFn || null);\n\n\t/**\n\t * Handles copy/paste events\n\t * @param event\n\t */\n\tfunction onPaste(event: ClipboardEvent) {\n\t\tif (!onPasteCallback.value) {\n\t\t\treturn;\n\t\t}\n\n\t\t// Check if the event got emitted from a message box or from something\n\t\t// else which should ignore the copy/paste\n\t\tconst path = event.composedPath?.() as HTMLElement[];\n\t\tfor (const pathElement of path) {\n\t\t\tif (\n\t\t\t\tpathElement.className &&\n\t\t\t\tignoreClasses.some((className) => pathElement.className.includes?.(className))\n\t\t\t) {\n\t\t\t\treturn;\n\t\t\t}\n\t\t}\n\n\t\tconst clipboardData = event.clipboardData;\n\t\tif (clipboardData !== null) {\n\t\t\tconst clipboardValue = clipboardData.getData('text/plain');\n\t\t\tonPasteCallback.value(clipboardValue, event);\n\t\t}\n\t}\n\n\tconst throttledOnPaste = useThrottleFn(onPaste, 1000);\n\n\t/**\n\t * Initialize copy/paste elements and events\n\t */\n\tonMounted(() => {\n\t\tif (initialized.value) {\n\t\t\treturn;\n\t\t}\n\n\t\tdocument.addEventListener('paste', throttledOnPaste);\n\n\t\tinitialized.value = true;\n\t});\n\n\t/**\n\t * Remove copy/paste elements and events\n\t */\n\tonBeforeUnmount(() => {\n\t\tif (initialized.value) {\n\t\t\tdocument.removeEventListener('paste', throttledOnPaste);\n\t\t}\n\t});\n\n\treturn {\n\t\tcopy,\n\t\tcopied,\n\t\tisSupported,\n\t\ttext,\n\t\tonPaste: onPasteCallback,\n\t};\n}\n"],"mappings":";;;;;AAOA,SAAgB,aAAa,EAC5B,SAAS,kBAAkB,OAGxB,EAAE,EAAE;CACP,MAAM,eAAe,OAAO,iBAAiB,KAAyB,CAAC;CACvE,MAAM,EACL,MAAM,UACN,QACA,aACA,SACGA,eAAiB,EACpB,QAAQ,MACR,CAAC;CAIF,eAAe,KAAK,OAAe;EAClC,MAAM,MAAM,cAAc,OAAO;AACjC,MAAI,KAAK,UACR,KAAI;AACH,SAAM,IAAI,UAAU,UAAU,MAAM;AACpC;UACO;AAIT,QAAM,SAAS,MAAM;;CAGtB,MAAM,gBAAgB,CAAC,mBAAmB,0BAA0B;CACpE,MAAM,cAAc,IAAI,MAAM;CAE9B,MAAM,kBAAkB,IAA6B,aAAa,KAAK;;;;;CAMvE,SAAS,QAAQ,OAAuB;AACvC,MAAI,CAAC,gBAAgB,MACpB;EAKD,MAAM,OAAO,MAAM,gBAAgB;AACnC,OAAK,MAAM,eAAe,KACzB,KACC,YAAY,aACZ,cAAc,MAAM,cAAc,YAAY,UAAU,WAAW,UAAU,CAAC,CAE9E;EAIF,MAAM,gBAAgB,MAAM;AAC5B,MAAI,kBAAkB,MAAM;GAC3B,MAAM,iBAAiB,cAAc,QAAQ,aAAa;AAC1D,mBAAgB,MAAM,gBAAgB,MAAM;;;CAI9C,MAAM,mBAAmB,cAAc,SAAS,IAAK;;;;AAKrD,iBAAgB;AACf,MAAI,YAAY,MACf;AAGD,WAAS,iBAAiB,SAAS,iBAAiB;AAEpD,cAAY,QAAQ;GACnB;;;;AAKF,uBAAsB;AACrB,MAAI,YAAY,MACf,UAAS,oBAAoB,SAAS,iBAAiB;GAEvD;AAEF,QAAO;EACN;EACA;EACA;EACA;EACA,SAAS;EACT"}
+{"version":3,"file":"useClipboard.mjs","names":["useClipboardCore"],"sources":["../src/useClipboard.ts"],"sourcesContent":["import { useClipboard as useClipboardCore, useThrottleFn } from '@vueuse/core';\nimport { inject, onBeforeUnmount, onMounted, ref } from 'vue';\n\nimport { PopOutWindowKey } from './injectionKeys';\n\ntype ClipboardEventFn = (data: string, event?: ClipboardEvent) => void;\n\nexport function useClipboard({\n\tonPaste: onPasteFn = () => {},\n}: {\n\tonPaste?: ClipboardEventFn;\n} = {}) {\n\tconst popOutWindow = inject(PopOutWindowKey, ref<Window | undefined>());\n\tconst {\n\t\tcopy: coreCopy,\n\t\tcopied,\n\t\tisSupported,\n\t\ttext,\n\t} = useClipboardCore({\n\t\tlegacy: true,\n\t});\n\n\t// Find the correct navigator at copy-time so it works even when the\n\t// pop-out window opens after the composable was created.\n\tasync function copy(value: string | (() => Promise<string>)) {\n\t\tconst nav = popOutWindow?.value?.navigator;\n\t\tif (nav?.clipboard) {\n\t\t\ttry {\n\t\t\t\tconst resolvedValue = typeof value === 'function' ? await value() : value;\n\t\t\t\tawait nav.clipboard.writeText(resolvedValue);\n\t\t\t\treturn;\n\t\t\t} catch {\n\t\t\t\t// Fall back to the core clipboard copy below.\n\t\t\t}\n\t\t}\n\t\tawait coreCopy(value);\n\t}\n\n\tconst ignoreClasses = ['el-messsage-box', 'ignore-key-press-canvas'];\n\tconst initialized = ref(false);\n\n\tconst onPasteCallback = ref<ClipboardEventFn | null>(onPasteFn || null);\n\n\t/**\n\t * Handles copy/paste events\n\t * @param event\n\t */\n\tfunction onPaste(event: ClipboardEvent) {\n\t\tif (!onPasteCallback.value) {\n\t\t\treturn;\n\t\t}\n\n\t\t// Check if the event got emitted from a message box or from something\n\t\t// else which should ignore the copy/paste\n\t\tconst path = event.composedPath?.() as HTMLElement[];\n\t\tfor (const pathElement of path) {\n\t\t\tif (\n\t\t\t\tpathElement.className &&\n\t\t\t\tignoreClasses.some((className) => pathElement.className.includes?.(className))\n\t\t\t) {\n\t\t\t\treturn;\n\t\t\t}\n\t\t}\n\n\t\tconst clipboardData = event.clipboardData;\n\t\tif (clipboardData !== null) {\n\t\t\tconst clipboardValue = clipboardData.getData('text/plain');\n\t\t\tonPasteCallback.value(clipboardValue, event);\n\t\t}\n\t}\n\n\tconst throttledOnPaste = useThrottleFn(onPaste, 1000);\n\n\t/**\n\t * Initialize copy/paste elements and events\n\t */\n\tonMounted(() => {\n\t\tif (initialized.value) {\n\t\t\treturn;\n\t\t}\n\n\t\tdocument.addEventListener('paste', throttledOnPaste);\n\n\t\tinitialized.value = true;\n\t});\n\n\t/**\n\t * Remove copy/paste elements and events\n\t */\n\tonBeforeUnmount(() => {\n\t\tif (initialized.value) {\n\t\t\tdocument.removeEventListener('paste', throttledOnPaste);\n\t\t}\n\t});\n\n\treturn {\n\t\tcopy,\n\t\tcopied,\n\t\tisSupported,\n\t\ttext,\n\t\tonPaste: onPasteCallback,\n\t};\n}\n"],"mappings":";;;;;AAOA,SAAgB,aAAa,EAC5B,SAAS,kBAAkB,OAGxB,EAAE,EAAE;CACP,MAAM,eAAe,OAAO,iBAAiB,KAAyB,CAAC;CACvE,MAAM,EACL,MAAM,UACN,QACA,aACA,SACGA,eAAiB,EACpB,QAAQ,MACR,CAAC;CAIF,eAAe,KAAK,OAAyC;EAC5D,MAAM,MAAM,cAAc,OAAO;AACjC,MAAI,KAAK,UACR,KAAI;GACH,MAAM,gBAAgB,OAAO,UAAU,aAAa,MAAM,OAAO,GAAG;AACpE,SAAM,IAAI,UAAU,UAAU,cAAc;AAC5C;UACO;AAIT,QAAM,SAAS,MAAM;;CAGtB,MAAM,gBAAgB,CAAC,mBAAmB,0BAA0B;CACpE,MAAM,cAAc,IAAI,MAAM;CAE9B,MAAM,kBAAkB,IAA6B,aAAa,KAAK;;;;;CAMvE,SAAS,QAAQ,OAAuB;AACvC,MAAI,CAAC,gBAAgB,MACpB;EAKD,MAAM,OAAO,MAAM,gBAAgB;AACnC,OAAK,MAAM,eAAe,KACzB,KACC,YAAY,aACZ,cAAc,MAAM,cAAc,YAAY,UAAU,WAAW,UAAU,CAAC,CAE9E;EAIF,MAAM,gBAAgB,MAAM;AAC5B,MAAI,kBAAkB,MAAM;GAC3B,MAAM,iBAAiB,cAAc,QAAQ,aAAa;AAC1D,mBAAgB,MAAM,gBAAgB,MAAM;;;CAI9C,MAAM,mBAAmB,cAAc,SAAS,IAAK;;;;AAKrD,iBAAgB;AACf,MAAI,YAAY,MACf;AAGD,WAAS,iBAAiB,SAAS,iBAAiB;AAEpD,cAAY,QAAQ;GACnB;;;;AAKF,uBAAsB;AACrB,MAAI,YAAY,MACf,UAAS,oBAAoB,SAAS,iBAAiB;GAEvD;AAEF,QAAO;EACN;EACA;EACA;EACA;EACA,SAAS;EACT"}

package/dist/useDeviceSupport.d.cts

@@ -1,4 +1,4 @@
-import * as vue3 from "vue";
+import * as vue0 from "vue";
 
 //#region src/useDeviceSupport.d.ts
 declare function useDeviceSupport(): {
@@ -9,7 +9,7 @@ declare function useDeviceSupport(): {
   isMacOs: boolean;
   isMobileDevice: boolean;
   controlKeyCode: string;
-  controlKeyText: vue3.ComputedRef<"⌘" | "Ctrl">;
+  controlKeyText: vue0.ComputedRef<"⌘" | "Ctrl">;
   isCtrlKeyPressed: (e: MouseEvent | KeyboardEvent) => boolean;
 };
 //#endregion

package/dist/useExternalHooks.cjs

@@ -0,0 +1,5 @@
+const require_useExternalHooks = require('./useExternalHooks2.cjs');
+
+exports.ExternalHooksKey = require_useExternalHooks.ExternalHooksKey;
+exports.setExternalHooks = require_useExternalHooks.setExternalHooks;
+exports.useExternalHooks = require_useExternalHooks.useExternalHooks;

package/dist/useExternalHooks.d.cts

@@ -0,0 +1,12 @@
+import { InjectionKey } from "vue";
+
+//#region src/useExternalHooks.d.ts
+interface ExternalHooks {
+  run(eventName: string, metadata?: unknown): Promise<void>;
+}
+declare const ExternalHooksKey: InjectionKey<ExternalHooks>;
+declare function setExternalHooks(instance: ExternalHooks | undefined): void;
+declare function useExternalHooks(): ExternalHooks;
+//#endregion
+export { ExternalHooks, ExternalHooksKey, setExternalHooks, useExternalHooks };
+//# sourceMappingURL=useExternalHooks.d.cts.map

package/dist/useExternalHooks.d.mts

@@ -0,0 +1,12 @@
+import { InjectionKey } from "vue";
+
+//#region src/useExternalHooks.d.ts
+interface ExternalHooks {
+  run(eventName: string, metadata?: unknown): Promise<void>;
+}
+declare const ExternalHooksKey: InjectionKey<ExternalHooks>;
+declare function setExternalHooks(instance: ExternalHooks | undefined): void;
+declare function useExternalHooks(): ExternalHooks;
+//#endregion
+export { ExternalHooks, ExternalHooksKey, setExternalHooks, useExternalHooks };
+//# sourceMappingURL=useExternalHooks.d.mts.map

package/dist/useExternalHooks.mjs

@@ -0,0 +1,3 @@
+import { n as setExternalHooks, r as useExternalHooks, t as ExternalHooksKey } from "./useExternalHooks2.mjs";
+
+export { ExternalHooksKey, setExternalHooks, useExternalHooks };

package/dist/useExternalHooks2.cjs

@@ -0,0 +1,56 @@
+const require_useDebounce = require('./useDebounce.cjs');
+let vue = require("vue");
+
+//#region src/useExternalHooks.ts
+/**
+* Injection key for the external-hooks runner. The application may provide it
+* (e.g. a pop-out window with its own runner); `useExternalHooks` reads it when
+* called inside an injection context and otherwise falls back to the registered
+* singleton.
+*/
+const ExternalHooksKey = Symbol("ExternalHooks");
+/**
+* Null-object runner used when no concrete runner has been registered (e.g. in
+* tests, or before bootstrap). External hooks are best-effort and must never
+* throw or block the UI, so `run` resolves to a no-op.
+*/
+const noopExternalHooks = { async run() {} };
+let registeredExternalHooks;
+/**
+* Register the application's external-hooks runner. Called once at bootstrap by
+* `editor-ui` so package-side `useExternalHooks` can resolve it from any
+* context, including outside of component setup (routers, stores, plain
+* modules).
+*/
+function setExternalHooks(instance) {
+	registeredExternalHooks = instance;
+}
+/**
+* Returns the active external-hooks runner. Resolution order: a
+* component-provided runner (via {@link ExternalHooksKey}), then the
+* app-registered singleton (via {@link setExternalHooks}), then a no-op fallback.
+*/
+function useExternalHooks() {
+	return ((0, vue.hasInjectionContext)() ? (0, vue.inject)(ExternalHooksKey, null) : null) ?? registeredExternalHooks ?? noopExternalHooks;
+}
+
+//#endregion
+Object.defineProperty(exports, 'ExternalHooksKey', {
+  enumerable: true,
+  get: function () {
+    return ExternalHooksKey;
+  }
+});
+Object.defineProperty(exports, 'setExternalHooks', {
+  enumerable: true,
+  get: function () {
+    return setExternalHooks;
+  }
+});
+Object.defineProperty(exports, 'useExternalHooks', {
+  enumerable: true,
+  get: function () {
+    return useExternalHooks;
+  }
+});
+//# sourceMappingURL=useExternalHooks2.cjs.map

package/dist/useExternalHooks2.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"useExternalHooks2.cjs","names":["ExternalHooksKey: InjectionKey<ExternalHooks>","noopExternalHooks: ExternalHooks","registeredExternalHooks: ExternalHooks | undefined"],"sources":["../src/useExternalHooks.ts"],"sourcesContent":["import { hasInjectionContext, inject, type InjectionKey } from 'vue';\n\n/**\n * The external-hooks contract consumed across the frontend. External hooks are\n * an extension point: enterprise/embed builds register handlers on\n * `window.n8nExternalHooks`, and `run` dispatches a named event to them.\n *\n * This package owns the *type* only; the concrete runner lives in the\n * application (`editor-ui`) and is registered at bootstrap via\n * {@link setExternalHooks} / provided through {@link ExternalHooksKey}. Keeping\n * the contract here lets `useExternalHooks` return a working runner without the\n * package importing application code (notably the webhooks store).\n *\n * The contract is intentionally loose (`eventName: string`, `metadata:\n * unknown`): the strongly-typed event map stays in `editor-ui`, and the\n * application's public wrapper preserves per-event type-checking for call\n * sites that import it directly.\n */\nexport interface ExternalHooks {\n\trun(eventName: string, metadata?: unknown): Promise<void>;\n}\n\n/**\n * Injection key for the external-hooks runner. The application may provide it\n * (e.g. a pop-out window with its own runner); `useExternalHooks` reads it when\n * called inside an injection context and otherwise falls back to the registered\n * singleton.\n */\nexport const ExternalHooksKey: InjectionKey<ExternalHooks> = Symbol('ExternalHooks');\n\n/**\n * Null-object runner used when no concrete runner has been registered (e.g. in\n * tests, or before bootstrap). External hooks are best-effort and must never\n * throw or block the UI, so `run` resolves to a no-op.\n */\nconst noopExternalHooks: ExternalHooks = {\n\tasync run() {},\n};\n\nlet registeredExternalHooks: ExternalHooks | undefined;\n\n/**\n * Register the application's external-hooks runner. Called once at bootstrap by\n * `editor-ui` so package-side `useExternalHooks` can resolve it from any\n * context, including outside of component setup (routers, stores, plain\n * modules).\n */\nexport function setExternalHooks(instance: ExternalHooks | undefined): void {\n\tregisteredExternalHooks = instance;\n}\n\n/**\n * Returns the active external-hooks runner. Resolution order: a\n * component-provided runner (via {@link ExternalHooksKey}), then the\n * app-registered singleton (via {@link setExternalHooks}), then a no-op fallback.\n */\nexport function useExternalHooks(): ExternalHooks {\n\tconst injected = hasInjectionContext() ? inject(ExternalHooksKey, null) : null;\n\treturn injected ?? registeredExternalHooks ?? noopExternalHooks;\n}\n"],"mappings":";;;;;;;;;;AA4BA,MAAaA,mBAAgD,OAAO,gBAAgB;;;;;;AAOpF,MAAMC,oBAAmC,EACxC,MAAM,MAAM,IACZ;AAED,IAAIC;;;;;;;AAQJ,SAAgB,iBAAiB,UAA2C;AAC3E,2BAA0B;;;;;;;AAQ3B,SAAgB,mBAAkC;AAEjD,uCADsC,mBAAU,kBAAkB,KAAK,GAAG,SACvD,2BAA2B"}

package/dist/useExternalHooks2.mjs

@@ -0,0 +1,38 @@
+import { hasInjectionContext, inject } from "vue";
+
+//#region src/useExternalHooks.ts
+/**
+* Injection key for the external-hooks runner. The application may provide it
+* (e.g. a pop-out window with its own runner); `useExternalHooks` reads it when
+* called inside an injection context and otherwise falls back to the registered
+* singleton.
+*/
+const ExternalHooksKey = Symbol("ExternalHooks");
+/**
+* Null-object runner used when no concrete runner has been registered (e.g. in
+* tests, or before bootstrap). External hooks are best-effort and must never
+* throw or block the UI, so `run` resolves to a no-op.
+*/
+const noopExternalHooks = { async run() {} };
+let registeredExternalHooks;
+/**
+* Register the application's external-hooks runner. Called once at bootstrap by
+* `editor-ui` so package-side `useExternalHooks` can resolve it from any
+* context, including outside of component setup (routers, stores, plain
+* modules).
+*/
+function setExternalHooks(instance) {
+	registeredExternalHooks = instance;
+}
+/**
+* Returns the active external-hooks runner. Resolution order: a
+* component-provided runner (via {@link ExternalHooksKey}), then the
+* app-registered singleton (via {@link setExternalHooks}), then a no-op fallback.
+*/
+function useExternalHooks() {
+	return (hasInjectionContext() ? inject(ExternalHooksKey, null) : null) ?? registeredExternalHooks ?? noopExternalHooks;
+}
+
+//#endregion
+export { setExternalHooks as n, useExternalHooks as r, ExternalHooksKey as t };
+//# sourceMappingURL=useExternalHooks2.mjs.map

package/dist/useExternalHooks2.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"useExternalHooks2.mjs","names":["ExternalHooksKey: InjectionKey<ExternalHooks>","noopExternalHooks: ExternalHooks","registeredExternalHooks: ExternalHooks | undefined"],"sources":["../src/useExternalHooks.ts"],"sourcesContent":["import { hasInjectionContext, inject, type InjectionKey } from 'vue';\n\n/**\n * The external-hooks contract consumed across the frontend. External hooks are\n * an extension point: enterprise/embed builds register handlers on\n * `window.n8nExternalHooks`, and `run` dispatches a named event to them.\n *\n * This package owns the *type* only; the concrete runner lives in the\n * application (`editor-ui`) and is registered at bootstrap via\n * {@link setExternalHooks} / provided through {@link ExternalHooksKey}. Keeping\n * the contract here lets `useExternalHooks` return a working runner without the\n * package importing application code (notably the webhooks store).\n *\n * The contract is intentionally loose (`eventName: string`, `metadata:\n * unknown`): the strongly-typed event map stays in `editor-ui`, and the\n * application's public wrapper preserves per-event type-checking for call\n * sites that import it directly.\n */\nexport interface ExternalHooks {\n\trun(eventName: string, metadata?: unknown): Promise<void>;\n}\n\n/**\n * Injection key for the external-hooks runner. The application may provide it\n * (e.g. a pop-out window with its own runner); `useExternalHooks` reads it when\n * called inside an injection context and otherwise falls back to the registered\n * singleton.\n */\nexport const ExternalHooksKey: InjectionKey<ExternalHooks> = Symbol('ExternalHooks');\n\n/**\n * Null-object runner used when no concrete runner has been registered (e.g. in\n * tests, or before bootstrap). External hooks are best-effort and must never\n * throw or block the UI, so `run` resolves to a no-op.\n */\nconst noopExternalHooks: ExternalHooks = {\n\tasync run() {},\n};\n\nlet registeredExternalHooks: ExternalHooks | undefined;\n\n/**\n * Register the application's external-hooks runner. Called once at bootstrap by\n * `editor-ui` so package-side `useExternalHooks` can resolve it from any\n * context, including outside of component setup (routers, stores, plain\n * modules).\n */\nexport function setExternalHooks(instance: ExternalHooks | undefined): void {\n\tregisteredExternalHooks = instance;\n}\n\n/**\n * Returns the active external-hooks runner. Resolution order: a\n * component-provided runner (via {@link ExternalHooksKey}), then the\n * app-registered singleton (via {@link setExternalHooks}), then a no-op fallback.\n */\nexport function useExternalHooks(): ExternalHooks {\n\tconst injected = hasInjectionContext() ? inject(ExternalHooksKey, null) : null;\n\treturn injected ?? registeredExternalHooks ?? noopExternalHooks;\n}\n"],"mappings":";;;;;;;;;AA4BA,MAAaA,mBAAgD,OAAO,gBAAgB;;;;;;AAOpF,MAAMC,oBAAmC,EACxC,MAAM,MAAM,IACZ;AAED,IAAIC;;;;;;;AAQJ,SAAgB,iBAAiB,UAA2C;AAC3E,2BAA0B;;;;;;;AAQ3B,SAAgB,mBAAkC;AAEjD,SADiB,qBAAqB,GAAG,OAAO,kBAAkB,KAAK,GAAG,SACvD,2BAA2B"}

package/dist/useStorage.cjs

@@ -0,0 +1,13 @@
+const require_useDebounce = require('./useDebounce.cjs');
+let __vueuse_core = require("@vueuse/core");
+
+//#region src/useStorage.ts
+function useStorage(key) {
+	const data = (0, __vueuse_core.useStorage)(key, null, void 0, { writeDefaults: false });
+	if (data.value === "undefined") data.value = null;
+	return data;
+}
+
+//#endregion
+exports.useStorage = useStorage;
+//# sourceMappingURL=useStorage.cjs.map

package/dist/useStorage.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"useStorage.cjs","names":[],"sources":["../src/useStorage.ts"],"sourcesContent":["import { useStorage as useStorageComposable } from '@vueuse/core';\nimport type { Ref } from 'vue';\n\nexport function useStorage(key: string): Ref<string | null> {\n\tconst data = useStorageComposable(key, null, undefined, { writeDefaults: false });\n\n\t// bug in 1.15.1\n\tif (data.value === 'undefined') {\n\t\tdata.value = null;\n\t}\n\n\treturn data;\n}\n"],"mappings":";;;;AAGA,SAAgB,WAAW,KAAiC;CAC3D,MAAM,qCAA4B,KAAK,MAAM,QAAW,EAAE,eAAe,OAAO,CAAC;AAGjF,KAAI,KAAK,UAAU,YAClB,MAAK,QAAQ;AAGd,QAAO"}

package/dist/useStorage.d.cts

@@ -0,0 +1,7 @@
+import { Ref } from "vue";
+
+//#region src/useStorage.d.ts
+declare function useStorage(key: string): Ref<string | null>;
+//#endregion
+export { useStorage };
+//# sourceMappingURL=useStorage.d.cts.map

package/dist/useStorage.d.mts

@@ -0,0 +1,7 @@
+import { Ref } from "vue";
+
+//#region src/useStorage.d.ts
+declare function useStorage(key: string): Ref<string | null>;
+//#endregion
+export { useStorage };
+//# sourceMappingURL=useStorage.d.mts.map

package/dist/useStorage.mjs

@@ -0,0 +1,12 @@
+import { useStorage as useStorage$1 } from "@vueuse/core";
+
+//#region src/useStorage.ts
+function useStorage(key) {
+	const data = useStorage$1(key, null, void 0, { writeDefaults: false });
+	if (data.value === "undefined") data.value = null;
+	return data;
+}
+
+//#endregion
+export { useStorage };
+//# sourceMappingURL=useStorage.mjs.map

package/dist/useStorage.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"useStorage.mjs","names":["useStorageComposable"],"sources":["../src/useStorage.ts"],"sourcesContent":["import { useStorage as useStorageComposable } from '@vueuse/core';\nimport type { Ref } from 'vue';\n\nexport function useStorage(key: string): Ref<string | null> {\n\tconst data = useStorageComposable(key, null, undefined, { writeDefaults: false });\n\n\t// bug in 1.15.1\n\tif (data.value === 'undefined') {\n\t\tdata.value = null;\n\t}\n\n\treturn data;\n}\n"],"mappings":";;;AAGA,SAAgB,WAAW,KAAiC;CAC3D,MAAM,OAAOA,aAAqB,KAAK,MAAM,QAAW,EAAE,eAAe,OAAO,CAAC;AAGjF,KAAI,KAAK,UAAU,YAClB,MAAK,QAAQ;AAGd,QAAO"}

package/dist/useStyles.cjs

@@ -0,0 +1,19 @@
+const require_useDebounce = require('./useDebounce.cjs');
+let __n8n_frontend_constants_z_indexes = require("@n8n/frontend-constants/z-indexes");
+
+//#region src/useStyles.ts
+const setAppZIndexes = () => {
+	Object.keys(__n8n_frontend_constants_z_indexes.APP_Z_INDEXES).forEach((key) => {
+		const variableName = `--${key.toLowerCase().replaceAll("_", "-")}--z`;
+		const value = __n8n_frontend_constants_z_indexes.APP_Z_INDEXES[key];
+		document.documentElement.style.setProperty(variableName, `${value}`);
+	});
+};
+const useStyles = () => ({
+	APP_Z_INDEXES: __n8n_frontend_constants_z_indexes.APP_Z_INDEXES,
+	setAppZIndexes
+});
+
+//#endregion
+exports.useStyles = useStyles;
+//# sourceMappingURL=useStyles.cjs.map

package/dist/useStyles.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"useStyles.cjs","names":["APP_Z_INDEXES"],"sources":["../src/useStyles.ts"],"sourcesContent":["import { APP_Z_INDEXES } from '@n8n/frontend-constants/z-indexes';\n\nconst setAppZIndexes = () => {\n\tObject.keys(APP_Z_INDEXES).forEach((key) => {\n\t\tconst variableName = `--${key.toLowerCase().replaceAll('_', '-')}--z`;\n\t\tconst value = APP_Z_INDEXES[key as keyof typeof APP_Z_INDEXES];\n\t\tdocument.documentElement.style.setProperty(variableName, `${value}`);\n\t});\n};\n\nexport const useStyles = () => ({\n\tAPP_Z_INDEXES,\n\tsetAppZIndexes,\n});\n"],"mappings":";;;;AAEA,MAAM,uBAAuB;AAC5B,QAAO,KAAKA,iDAAc,CAAC,SAAS,QAAQ;EAC3C,MAAM,eAAe,KAAK,IAAI,aAAa,CAAC,WAAW,KAAK,IAAI,CAAC;EACjE,MAAM,QAAQA,iDAAc;AAC5B,WAAS,gBAAgB,MAAM,YAAY,cAAc,GAAG,QAAQ;GACnE;;AAGH,MAAa,mBAAmB;CAC/B;CACA;CACA"}

package/dist/useStyles.d.cts

@@ -0,0 +1,31 @@
+//#region src/useStyles.d.ts
+declare const useStyles: () => {
+  APP_Z_INDEXES: {
+    readonly CONTEXT_MENU: 10;
+    readonly APP_HEADER: 99;
+    readonly SELECT_BOX: 100;
+    readonly CANVAS_ADD_BUTTON: 101;
+    readonly APP_SIDEBAR: 999;
+    readonly CANVAS_SELECT_BOX: 100;
+    readonly TOP_BANNERS: 999;
+    readonly NODE_CREATOR: 1700;
+    readonly ASK_ASSISTANT_CHAT: 1750;
+    readonly NDV: 1800;
+    readonly COMMAND_BAR: 1900;
+    readonly DIALOGS: 1950;
+    readonly MODALS: 2000;
+    readonly TOASTS: 2100;
+    readonly ASK_ASSISTANT_FLOATING_BUTTON: 3000;
+    readonly ASK_ASSISTANT_FLOATING_BUTTON_TOOLTIP: 3000;
+    readonly CODEMIRROR_TOOLTIP: 3000;
+    readonly FLOATING_UI: 3000;
+    readonly DRAGGABLE: 9999999;
+    readonly ACTIVE_STICKY: 9999999;
+    readonly WORKFLOW_PREVIEW_NDV: 9999999;
+    readonly NPS_SURVEY_MODAL: 3001;
+  };
+  setAppZIndexes: () => void;
+};
+//#endregion
+export { useStyles };
+//# sourceMappingURL=useStyles.d.cts.map