@atom8n/n8n-editor-ui 2.2.0

package/dist/assets/useCredentialResolvers-BKeFGJnY.js

@@ -0,0 +1,78 @@
+import { It as ref } from "./vue.runtime.esm-bundler-tP5dCd7J.js";
+import { rt as useI18n } from "./core-CRbPymLT.js";
+import { aa as useUIStore, h as useMessage, lc as getCredentialResolverTypes, sc as deleteCredentialResolver, uc as getCredentialResolvers, y as useToast } from "./builder.store-Czk2ipDE.js";
+import { Wo as CREDENTIAL_RESOLVER_EDIT_MODAL_KEY, rs as MODAL_CONFIRM } from "./constants-C8OH4tTq.js";
+import { r as useRootStore } from "./_baseOrderBy-N8Be_6z6.js";
+function useCredentialResolvers() {
+	const rootStore = useRootStore();
+	const uiStore = useUIStore();
+	const message = useMessage();
+	const toast = useToast();
+	const i18n = useI18n();
+	const resolvers = ref([]);
+	const resolverTypes = ref([]);
+	const isLoading = ref(false);
+	const isDeleting = ref(false);
+	const fetchResolvers = async () => {
+		try {
+			isLoading.value = true;
+			resolvers.value = await getCredentialResolvers(rootStore.restApiContext);
+		} catch (error) {
+			toast.showError(error, i18n.baseText("workflowSettings.showError.fetchSettings.title"));
+		} finally {
+			isLoading.value = false;
+		}
+	};
+	const fetchResolverTypes = async () => {
+		try {
+			resolverTypes.value = await getCredentialResolverTypes(rootStore.restApiContext);
+		} catch (error) {
+			toast.showError(error, i18n.baseText("credentialResolverEdit.error.loadTypes"));
+		}
+	};
+	const confirmAndDeleteResolver = async (resolver) => {
+		if (await message.confirm(i18n.baseText("credentialResolverEdit.confirmMessage.deleteResolver.message", { interpolate: { savedResolverName: resolver.name } }), i18n.baseText("credentialResolverEdit.confirmMessage.deleteResolver.headline"), { confirmButtonText: i18n.baseText("credentialResolverEdit.confirmMessage.deleteResolver.confirmButtonText") }) !== "confirm") return false;
+		try {
+			isDeleting.value = true;
+			await deleteCredentialResolver(rootStore.restApiContext, resolver.id);
+			toast.showMessage({
+				title: i18n.baseText("credentialResolverEdit.deleteSuccess.title"),
+				type: "success"
+			});
+			return true;
+		} catch (error) {
+			toast.showError(error, i18n.baseText("credentialResolverEdit.error.delete"));
+			return false;
+		} finally {
+			isDeleting.value = false;
+		}
+	};
+	const openCreateModal = (callbacks) => {
+		uiStore.openModalWithData({
+			name: CREDENTIAL_RESOLVER_EDIT_MODAL_KEY,
+			data: { onSave: callbacks?.onSave ?? fetchResolvers }
+		});
+	};
+	const openEditModal = (resolverId, callbacks) => {
+		uiStore.openModalWithData({
+			name: CREDENTIAL_RESOLVER_EDIT_MODAL_KEY,
+			data: {
+				resolverId,
+				onSave: callbacks?.onSave ?? fetchResolvers,
+				onDelete: callbacks?.onDelete ?? fetchResolvers
+			}
+		});
+	};
+	return {
+		resolvers,
+		resolverTypes,
+		isLoading,
+		isDeleting,
+		fetchResolvers,
+		fetchResolverTypes,
+		deleteResolver: confirmAndDeleteResolver,
+		openCreateModal,
+		openEditModal
+	};
+}
+export { useCredentialResolvers as t };

package/dist/assets/useCustomAgent-DpILEt5e.js

@@ -0,0 +1,471 @@
+import { C as computed, Cn as toDisplayString, D as createElementBlock, E as createCommentVNode, Gt as unref, It as ref, M as createVNode, P as defineComponent, T as createBlock, Ut as toValue, Z as onMounted, _ as Fragment, _t as watch, bn as normalizeStyle, bt as withCtx, c as useCssModule, et as openBlock, it as renderList, j as createTextVNode, mt as useTemplateRef, vn as normalizeClass, w as createBaseVNode } from "./vue.runtime.esm-bundler-tP5dCd7J.js";
+import { n as onClickOutside, rt as useI18n } from "./core-CRbPymLT.js";
+import { Cn as N8nIcon_default, M as N8nNavigationDropdown_default, bn as N8nText_default, ht as N8nTooltip_default, xn as N8nButton_default } from "./src-jviYSG25.js";
+import { t as __plugin_vue_export_helper_default } from "./_plugin-vue_export-helper-BwBpWJRZ.js";
+import { Pt as useNodeTypesStore, Zn as useProjectsStore, _n as useCredentialsStore, aa as useUIStore, k as useTelemetry, ms as useSettingsStore } from "./builder.store-Czk2ipDE.js";
+import { Oo as getResourcePermissions, Qr as chatHubLLMProviderSchema, Yr as PROVIDER_CREDENTIAL_TYPE_MAP } from "./constants-C8OH4tTq.js";
+import { t as NodeIcon_default } from "./NodeIcon-B9VW6tX6.js";
+import { t as CredentialIcon_default } from "./CredentialIcon-8YdTTFZ1.js";
+import { i as CHAT_MODEL_BY_ID_SELECTOR_MODAL_KEY, m as providerDisplayNames, r as CHAT_CREDENTIAL_SELECTOR_MODAL_KEY } from "./constants-DMrsrpD7.js";
+import { a as flattenModel, d as personalAgentDefaultIcon, f as stringifyModel, m as workflowAgentDefaultIcon, o as fromStringToModel, t as useChatStore, u as isLlmProviderModel } from "./chat.store-290YeyrQ.js";
+import { t as ChatAgentAvatar_default } from "./ChatAgentAvatar-50YBnv3N.js";
+function truncateBeforeLast(text, maxLength, lastCharsLength = 5) {
+	const chars = [];
+	const segmenter = new Intl.Segmenter(void 0, { granularity: "grapheme" });
+	for (const { segment } of segmenter.segment(text)) chars.push(segment);
+	if (chars.length <= maxLength) return text;
+	const lastWordIndex = chars.findLastIndex((ch) => ch.match(/^\s+$/)) + 1;
+	const lastWord = chars.slice(lastWordIndex);
+	const ellipsis = "…";
+	const ellipsisLength = 1;
+	if (lastWord.length < 15) {
+		const charsToRemove = chars.length - maxLength + ellipsisLength;
+		const indexBeforeLastWord = lastWordIndex;
+		const keepLength = indexBeforeLastWord - charsToRemove;
+		if (keepLength > 0) return chars.slice(0, keepLength).join("") + ellipsis + chars.slice(indexBeforeLastWord).join("");
+	}
+	if (lastCharsLength < 1) return chars.slice(0, maxLength).join("") + ellipsis;
+	return chars.slice(0, maxLength - lastCharsLength - ellipsisLength).join("") + ellipsis + chars.slice(-lastCharsLength).join("");
+}
+var NEW_AGENT_MENU_ID = "agent::new";
+var MAX_AGENT_NAME_CHARS = 30;
+var MAX_AGENT_NAME_CHARS_MENU = 45;
+var ModelSelector_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineComponent({
+	__name: "ModelSelector",
+	props: {
+		selectedAgent: {},
+		includeCustomAgents: {
+			type: Boolean,
+			default: true
+		},
+		credentials: {},
+		text: { type: Boolean },
+		warnMissingCredentials: {
+			type: Boolean,
+			default: false
+		},
+		agents: {},
+		isLoading: { type: Boolean }
+	},
+	emits: [
+		"change",
+		"createCustomAgent",
+		"selectCredential"
+	],
+	setup(__props, { expose: __expose, emit: __emit }) {
+		const emit = __emit;
+		function handleSelectCredentials(provider, id) {
+			emit("selectCredential", provider, id);
+		}
+		function handleSelectModelById(provider, modelId) {
+			emit("change", {
+				provider,
+				model: modelId
+			});
+		}
+		const i18n = useI18n();
+		const dropdownRef = useTemplateRef("dropdownRef");
+		const uiStore = useUIStore();
+		const settingStore = useSettingsStore();
+		const credentialsStore = useCredentialsStore();
+		const projectStore = useProjectsStore();
+		const telemetry = useTelemetry();
+		const styles = useCssModule();
+		const credentialsName = computed(() => __props.selectedAgent ? credentialsStore.getCredentialById(__props.credentials?.[__props.selectedAgent.model.provider] ?? "")?.name : void 0);
+		const isCredentialsRequired = computed(() => isLlmProviderModel(__props.selectedAgent?.model));
+		const isCredentialsMissing = computed(() => __props.warnMissingCredentials && isCredentialsRequired.value && __props.selectedAgent?.model.provider && !__props.credentials?.[__props.selectedAgent?.model.provider]);
+		const menu = computed(() => {
+			const menuItems = [];
+			const fullNamesMap = {};
+			if (__props.includeCustomAgents) {
+				const n8nAgentsSubmenu = [];
+				if (__props.isLoading) n8nAgentsSubmenu.push({
+					id: "loading",
+					title: i18n.baseText("generic.loadingEllipsis"),
+					disabled: true
+				});
+				else if (__props.agents.n8n.models.length === 0) n8nAgentsSubmenu.push({
+					id: "no-agents",
+					title: i18n.baseText("chatHub.workflowAgents.empty.noAgents"),
+					disabled: true
+				});
+				else n8nAgentsSubmenu.push(...__props.agents.n8n.models.map((agent) => {
+					const id = stringifyModel(agent.model);
+					fullNamesMap[id] = agent.name;
+					return {
+						id,
+						icon: agent.icon ?? workflowAgentDefaultIcon,
+						iconSize: "large",
+						title: truncateBeforeLast(agent.name, MAX_AGENT_NAME_CHARS_MENU),
+						disabled: false,
+						description: agent.description ? truncateBeforeLast(agent.description, 200, 0) : void 0
+					};
+				}));
+				const customAgents = __props.isLoading ? [] : __props.agents["custom-agent"].models.map((agent) => {
+					const id = stringifyModel(agent.model);
+					fullNamesMap[id] = agent.name;
+					return {
+						id,
+						icon: agent.icon ?? personalAgentDefaultIcon,
+						iconSize: "large",
+						title: truncateBeforeLast(agent.name, MAX_AGENT_NAME_CHARS_MENU),
+						disabled: false,
+						description: agent.description ? truncateBeforeLast(agent.description, 200, 0) : void 0
+					};
+				});
+				menuItems.push({
+					id: "custom-agents",
+					title: i18n.baseText("chatHub.agent.personalAgents"),
+					icon: "message-square",
+					iconSize: "large",
+					iconMargin: false,
+					submenu: [...__props.isLoading ? [{
+						id: "loading",
+						title: i18n.baseText("generic.loadingEllipsis"),
+						disabled: true
+					}, {
+						isDivider: true,
+						id: "divider"
+					}] : customAgents.length > 0 ? [...customAgents, {
+						isDivider: true,
+						id: "divider"
+					}] : [], {
+						id: NEW_AGENT_MENU_ID,
+						icon: "plus",
+						iconSize: "large",
+						title: i18n.baseText("chatHub.agent.newAgent"),
+						disabled: false
+					}]
+				});
+				menuItems.push({
+					id: "n8n-agents",
+					title: i18n.baseText("chatHub.agent.workflowAgents"),
+					icon: "robot",
+					iconSize: "large",
+					iconMargin: false,
+					submenu: n8nAgentsSubmenu
+				});
+				menuItems.push({
+					isDivider: true,
+					id: "agents-divider"
+				});
+			}
+			for (const provider of chatHubLLMProviderSchema.options) {
+				const settings = settingStore.moduleSettings?.["chat-hub"]?.providers[provider];
+				if (settings && !settings.enabled) continue;
+				const configureMenu = {
+					id: `${provider}::configure`,
+					icon: "settings",
+					iconSize: "large",
+					title: i18n.baseText("chatHub.agent.configureCredentials"),
+					disabled: false
+				};
+				if (__props.isLoading) {
+					menuItems.push({
+						id: provider,
+						title: providerDisplayNames[provider],
+						submenu: [
+							configureMenu,
+							{
+								isDivider: true,
+								id: "divider"
+							},
+							{
+								id: `${provider}::loading`,
+								title: i18n.baseText("generic.loadingEllipsis"),
+								disabled: true
+							}
+						]
+					});
+					continue;
+				}
+				const theAgents = [...__props.agents[provider].models];
+				for (const model of settings?.allowedModels ?? []) if (model.isManual) theAgents.push({
+					name: model.displayName,
+					description: "",
+					icon: null,
+					model: {
+						provider,
+						model: model.model
+					},
+					createdAt: "",
+					updatedAt: null,
+					metadata: {
+						inputModalities: [
+							"text",
+							"image",
+							"audio",
+							"video",
+							"file"
+						],
+						capabilities: { functionCalling: true },
+						available: true
+					}
+				});
+				const error = __props.agents[provider].error;
+				const agentOptions = theAgents.length > 0 ? theAgents.filter((agent) => agent.model.provider === "n8n" || !settings || settings.allowedModels.length === 0 || settings.allowedModels.some((m) => "model" in agent.model && m.model === agent.model.model)).map((agent) => {
+					const id = stringifyModel(agent.model);
+					fullNamesMap[id] = agent.name;
+					return {
+						id,
+						title: truncateBeforeLast(agent.name, MAX_AGENT_NAME_CHARS_MENU),
+						disabled: false
+					};
+				}).filter((item, index, self) => self.findIndex((i) => i.id === item.id) === index) : error ? [{
+					id: `${provider}::error`,
+					value: null,
+					disabled: true,
+					title: error
+				}] : [];
+				const submenu = agentOptions.concat([...agentOptions.length > 0 ? [{
+					isDivider: true,
+					id: "divider"
+				}] : [], ...settings?.allowedModels.length === 0 ? [{
+					id: `${provider}::add-model`,
+					icon: "plus",
+					iconSize: "large",
+					title: i18n.baseText("chatHub.agent.addModel"),
+					disabled: false
+				}] : []]);
+				submenu.unshift(configureMenu, ...submenu.length > 1 ? [{
+					isDivider: true,
+					id: "divider"
+				}] : []);
+				menuItems.push({
+					id: provider,
+					title: providerDisplayNames[provider],
+					submenu
+				});
+			}
+			return {
+				items: menuItems,
+				fullNames: fullNamesMap
+			};
+		});
+		const selectedLabel = computed(() => __props.selectedAgent?.name ?? i18n.baseText("chatHub.models.selector.defaultLabel"));
+		const canCreateCredentials = computed(() => {
+			return getResourcePermissions(projectStore.personalProject?.scopes).credential.create;
+		});
+		function openCredentialsSelectorOrCreate(provider) {
+			const credentialType = PROVIDER_CREDENTIAL_TYPE_MAP[provider];
+			if (credentialsStore.getCredentialsByType(credentialType).length === 0 && canCreateCredentials.value) {
+				uiStore.openNewCredential(credentialType);
+				return;
+			}
+			uiStore.openModalWithData({
+				name: CHAT_CREDENTIAL_SELECTOR_MODAL_KEY,
+				data: {
+					provider,
+					initialValue: __props.credentials?.[provider] ?? null,
+					onSelect: handleSelectCredentials
+				}
+			});
+		}
+		function openModelByIdSelector(provider) {
+			uiStore.openModalWithData({
+				name: CHAT_MODEL_BY_ID_SELECTOR_MODAL_KEY,
+				data: {
+					provider,
+					initialValue: null,
+					onSelect: handleSelectModelById
+				}
+			});
+		}
+		function onSelect(id) {
+			if (id === NEW_AGENT_MENU_ID) {
+				emit("createCustomAgent");
+				return;
+			}
+			const [, identifier] = id.split("::");
+			const parsedModel = fromStringToModel(id);
+			if (!parsedModel) return;
+			if (identifier === "configure" && isLlmProviderModel(parsedModel)) {
+				openCredentialsSelectorOrCreate(parsedModel.provider);
+				return;
+			}
+			if (identifier === "add-model" && isLlmProviderModel(parsedModel)) {
+				openModelByIdSelector(parsedModel.provider);
+				return;
+			}
+			telemetry.track("User selected model or agent", {
+				...flattenModel(parsedModel),
+				is_custom: parsedModel.provider === "custom-agent"
+			});
+			emit("change", parsedModel);
+		}
+		onClickOutside(computed(() => dropdownRef.value?.$el), () => dropdownRef.value?.close(), { ignore: [`.${styles.component} [role=menuitem]`] });
+		__expose({
+			open: () => dropdownRef.value?.open(),
+			openCredentialSelector: (provider) => openCredentialsSelectorOrCreate(provider)
+		});
+		return (_ctx, _cache) => {
+			return openBlock(), createBlock(unref(N8nNavigationDropdown_default), {
+				ref_key: "dropdownRef",
+				ref: dropdownRef,
+				"submenu-class": _ctx.$style.component,
+				menu: menu.value.items,
+				teleport: "",
+				onSelect
+			}, {
+				"item-icon": withCtx(({ item }) => [item.id in unref(PROVIDER_CREDENTIAL_TYPE_MAP) ? (openBlock(), createBlock(CredentialIcon_default, {
+					key: 0,
+					"credential-type-name": unref(PROVIDER_CREDENTIAL_TYPE_MAP)[item.id],
+					size: 16,
+					class: normalizeClass(_ctx.$style.menuIcon)
+				}, null, 8, ["credential-type-name", "class"])) : createCommentVNode("", true)]),
+				default: withCtx(() => [createVNode(unref(N8nButton_default), {
+					class: normalizeClass(_ctx.$style.dropdownButton),
+					type: "secondary",
+					text: _ctx.text,
+					"data-test-id": "chat-model-selector"
+				}, {
+					default: withCtx(() => [
+						createVNode(ChatAgentAvatar_default, {
+							agent: _ctx.selectedAgent,
+							size: credentialsName.value || !isCredentialsRequired.value ? "md" : "sm",
+							class: normalizeClass(_ctx.$style.icon)
+						}, null, 8, [
+							"agent",
+							"size",
+							"class"
+						]),
+						createBaseVNode("div", { class: normalizeClass(_ctx.$style.selected) }, [createBaseVNode("div", null, toDisplayString(unref(truncateBeforeLast)(selectedLabel.value, MAX_AGENT_NAME_CHARS)), 1), credentialsName.value ? (openBlock(), createBlock(unref(N8nText_default), {
+							key: 0,
+							size: "xsmall",
+							color: "text-light"
+						}, {
+							default: withCtx(() => [createTextVNode(toDisplayString(unref(truncateBeforeLast)(credentialsName.value, MAX_AGENT_NAME_CHARS)), 1)]),
+							_: 1
+						})) : isCredentialsMissing.value ? (openBlock(), createBlock(unref(N8nText_default), {
+							key: 1,
+							size: "xsmall",
+							color: "danger"
+						}, {
+							default: withCtx(() => [createVNode(unref(N8nIcon_default), {
+								icon: "node-validation-error",
+								size: "xsmall",
+								class: normalizeClass(_ctx.$style.credentialsMissingIcon)
+							}, null, 8, ["class"]), createTextVNode(" " + toDisplayString(unref(i18n).baseText("chatHub.agent.credentialsMissing")), 1)]),
+							_: 1
+						})) : createCommentVNode("", true)], 2),
+						createVNode(unref(N8nIcon_default), {
+							icon: "chevron-down",
+							size: "medium"
+						})
+					]),
+					_: 1
+				}, 8, ["class", "text"])]),
+				_: 1
+			}, 8, ["submenu-class", "menu"]);
+		};
+	}
+});
+var ModelSelector_vue_vue_type_style_index_0_lang_module_default = {
+	component: "_component_1rkhd_123",
+	dropdownButton: "_dropdownButton_1rkhd_128",
+	credentialsMissingIcon: "_credentialsMissingIcon_1rkhd_136",
+	selected: "_selected_1rkhd_141",
+	icon: "_icon_1rkhd_148",
+	menuIcon: "_menuIcon_1rkhd_153",
+	avatarIcon: "_avatarIcon_1rkhd_157"
+};
+var ModelSelector_default = /* @__PURE__ */ __plugin_vue_export_helper_default(ModelSelector_vue_vue_type_script_setup_true_lang_default, [["__cssModules", { "$style": ModelSelector_vue_vue_type_style_index_0_lang_module_default }]]);
+var ToolsSelector_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineComponent({
+	__name: "ToolsSelector",
+	props: {
+		disabled: { type: Boolean },
+		selected: {},
+		transparentBg: {
+			type: Boolean,
+			default: false
+		},
+		disabledTooltip: {}
+	},
+	emits: ["click"],
+	setup(__props, { emit: __emit }) {
+		const emit = __emit;
+		const nodeTypesStore = useNodeTypesStore();
+		const i18n = useI18n();
+		const toolCount = computed(() => __props.selected.length ?? 0);
+		const displayToolNodeTypes = computed(() => {
+			return __props.selected.slice(0, 3).map((t) => nodeTypesStore.getNodeType(t.type)).filter(Boolean);
+		});
+		const toolsLabel = computed(() => {
+			if (toolCount.value > 0) return i18n.baseText("chatHub.tools.selector.label.count", { adjustToNumber: toolCount.value });
+			return i18n.baseText("chatHub.tools.selector.label.default");
+		});
+		onMounted(async () => {
+			await nodeTypesStore.loadNodeTypesIfNotLoaded();
+		});
+		return (_ctx, _cache) => {
+			return openBlock(), createBlock(unref(N8nTooltip_default), {
+				content: _ctx.disabledTooltip,
+				disabled: !_ctx.disabledTooltip,
+				placement: "top"
+			}, {
+				default: withCtx(() => [createVNode(unref(N8nButton_default), {
+					type: "secondary",
+					"native-type": "button",
+					class: normalizeClass([_ctx.$style.toolsButton, { [_ctx.$style.transparentBg]: _ctx.transparentBg }]),
+					disabled: _ctx.disabled,
+					icon: toolCount.value > 0 ? void 0 : "plus",
+					onClick: _cache[0] || (_cache[0] = ($event) => emit("click", $event))
+				}, {
+					default: withCtx(() => [toolCount.value ? (openBlock(), createElementBlock("span", {
+						key: 0,
+						class: normalizeClass(_ctx.$style.iconStack)
+					}, [(openBlock(true), createElementBlock(Fragment, null, renderList(displayToolNodeTypes.value, (nodeType, i) => {
+						return openBlock(), createBlock(NodeIcon_default, {
+							key: `${nodeType?.name}-${i}`,
+							style: normalizeStyle({ zIndex: displayToolNodeTypes.value.length - i }),
+							"node-type": nodeType,
+							class: normalizeClass([_ctx.$style.icon, { [_ctx.$style.iconOverlap]: i !== 0 }]),
+							circle: true,
+							size: 12
+						}, null, 8, [
+							"style",
+							"node-type",
+							"class"
+						]);
+					}), 128))], 2)) : createCommentVNode("", true), createTextVNode(" " + toDisplayString(toolsLabel.value), 1)]),
+					_: 1
+				}, 8, [
+					"class",
+					"disabled",
+					"icon"
+				])]),
+				_: 1
+			}, 8, ["content", "disabled"]);
+		};
+	}
+});
+var ToolsSelector_vue_vue_type_style_index_0_lang_module_default = {
+	toolsButton: "_toolsButton_1u99p_123",
+	transparentBg: "_transparentBg_1u99p_128",
+	iconStack: "_iconStack_1u99p_132",
+	icon: "_icon_1u99p_132",
+	iconOverlap: "_iconOverlap_1u99p_145"
+};
+var ToolsSelector_default = /* @__PURE__ */ __plugin_vue_export_helper_default(ToolsSelector_vue_vue_type_script_setup_true_lang_default, [["__cssModules", { "$style": ToolsSelector_vue_vue_type_style_index_0_lang_module_default }]]);
+function useCustomAgent(agentId) {
+	const store = useChatStore();
+	const isLoading = ref(false);
+	const id = computed(() => toValue(agentId));
+	const customAgent = computed(() => {
+		if (!id.value) return;
+		return store.customAgents[id.value];
+	});
+	watch(id, async (theId) => {
+		if (theId) try {
+			isLoading.value = true;
+			await store.fetchCustomAgent(theId);
+		} finally {
+			isLoading.value = false;
+		}
+	}, { immediate: true });
+	return {
+		isLoading,
+		customAgent
+	};
+}
+export { ToolsSelector_default as n, ModelSelector_default as r, useCustomAgent as t };

package/dist/assets/useDebounce-Br5_1ug-.js

@@ -0,0 +1,147 @@
+import { o as __toESM, t as __commonJSMin } from "./chunk-6z4oVpB-.js";
+import { It as ref } from "./vue.runtime.esm-bundler-tP5dCd7J.js";
+import { l as require_isSymbol } from "./get-BcEmeOxn.js";
+import { c as require_isObject, f as require__root } from "./_MapCache-CcdIl4Ae.js";
+var require__trimmedEndIndex = /* @__PURE__ */ __commonJSMin(((exports, module) => {
+	var reWhitespace = /\s/;
+	function trimmedEndIndex$1(string) {
+		var index = string.length;
+		while (index-- && reWhitespace.test(string.charAt(index)));
+		return index;
+	}
+	module.exports = trimmedEndIndex$1;
+}));
+var require__baseTrim = /* @__PURE__ */ __commonJSMin(((exports, module) => {
+	var trimmedEndIndex = require__trimmedEndIndex();
+	var reTrimStart = /^\s+/;
+	function baseTrim$1(string) {
+		return string ? string.slice(0, trimmedEndIndex(string) + 1).replace(reTrimStart, "") : string;
+	}
+	module.exports = baseTrim$1;
+}));
+var require_toNumber = /* @__PURE__ */ __commonJSMin(((exports, module) => {
+	var baseTrim = require__baseTrim(), isObject$1 = require_isObject(), isSymbol = require_isSymbol();
+	var NAN = NaN;
+	var reIsBadHex = /^[-+]0x[0-9a-f]+$/i;
+	var reIsBinary = /^0b[01]+$/i;
+	var reIsOctal = /^0o[0-7]+$/i;
+	var freeParseInt = parseInt;
+	function toNumber$1(value) {
+		if (typeof value == "number") return value;
+		if (isSymbol(value)) return NAN;
+		if (isObject$1(value)) {
+			var other = typeof value.valueOf == "function" ? value.valueOf() : value;
+			value = isObject$1(other) ? other + "" : other;
+		}
+		if (typeof value != "string") return value === 0 ? value : +value;
+		value = baseTrim(value);
+		var isBinary = reIsBinary.test(value);
+		return isBinary || reIsOctal.test(value) ? freeParseInt(value.slice(2), isBinary ? 2 : 8) : reIsBadHex.test(value) ? NAN : +value;
+	}
+	module.exports = toNumber$1;
+}));
+var require_now = /* @__PURE__ */ __commonJSMin(((exports, module) => {
+	var root = require__root();
+	var now$1 = function() {
+		return root.Date.now();
+	};
+	module.exports = now$1;
+}));
+var require_debounce = /* @__PURE__ */ __commonJSMin(((exports, module) => {
+	var isObject = require_isObject(), now = require_now(), toNumber = require_toNumber();
+	var FUNC_ERROR_TEXT = "Expected a function";
+	var nativeMax = Math.max, nativeMin = Math.min;
+	function debounce(func, wait, options) {
+		var lastArgs, lastThis, maxWait, result, timerId, lastCallTime, lastInvokeTime = 0, leading = false, maxing = false, trailing = true;
+		if (typeof func != "function") throw new TypeError(FUNC_ERROR_TEXT);
+		wait = toNumber(wait) || 0;
+		if (isObject(options)) {
+			leading = !!options.leading;
+			maxing = "maxWait" in options;
+			maxWait = maxing ? nativeMax(toNumber(options.maxWait) || 0, wait) : maxWait;
+			trailing = "trailing" in options ? !!options.trailing : trailing;
+		}
+		function invokeFunc(time) {
+			var args = lastArgs, thisArg = lastThis;
+			lastArgs = lastThis = void 0;
+			lastInvokeTime = time;
+			result = func.apply(thisArg, args);
+			return result;
+		}
+		function leadingEdge(time) {
+			lastInvokeTime = time;
+			timerId = setTimeout(timerExpired, wait);
+			return leading ? invokeFunc(time) : result;
+		}
+		function remainingWait(time) {
+			var timeSinceLastCall = time - lastCallTime, timeSinceLastInvoke = time - lastInvokeTime, timeWaiting = wait - timeSinceLastCall;
+			return maxing ? nativeMin(timeWaiting, maxWait - timeSinceLastInvoke) : timeWaiting;
+		}
+		function shouldInvoke(time) {
+			var timeSinceLastCall = time - lastCallTime, timeSinceLastInvoke = time - lastInvokeTime;
+			return lastCallTime === void 0 || timeSinceLastCall >= wait || timeSinceLastCall < 0 || maxing && timeSinceLastInvoke >= maxWait;
+		}
+		function timerExpired() {
+			var time = now();
+			if (shouldInvoke(time)) return trailingEdge(time);
+			timerId = setTimeout(timerExpired, remainingWait(time));
+		}
+		function trailingEdge(time) {
+			timerId = void 0;
+			if (trailing && lastArgs) return invokeFunc(time);
+			lastArgs = lastThis = void 0;
+			return result;
+		}
+		function cancel() {
+			if (timerId !== void 0) clearTimeout(timerId);
+			lastInvokeTime = 0;
+			lastArgs = lastCallTime = lastThis = timerId = void 0;
+		}
+		function flush() {
+			return timerId === void 0 ? result : trailingEdge(now());
+		}
+		function debounced() {
+			var time = now(), isInvoking = shouldInvoke(time);
+			lastArgs = arguments;
+			lastThis = this;
+			lastCallTime = time;
+			if (isInvoking) {
+				if (timerId === void 0) return leadingEdge(lastCallTime);
+				if (maxing) {
+					clearTimeout(timerId);
+					timerId = setTimeout(timerExpired, wait);
+					return invokeFunc(lastCallTime);
+				}
+			}
+			if (timerId === void 0) timerId = setTimeout(timerExpired, wait);
+			return result;
+		}
+		debounced.cancel = cancel;
+		debounced.flush = flush;
+		return debounced;
+	}
+	module.exports = debounce;
+}));
+var import_debounce = /* @__PURE__ */ __toESM(require_debounce());
+function useDebounce() {
+	const debounceCache = ref(/* @__PURE__ */ new WeakMap());
+	const debounce$1 = (fn, options) => {
+		const { trailing, debounceTime } = options;
+		let debouncedFn = debounceCache.value.get(fn);
+		if (debouncedFn === void 0) {
+			debouncedFn = (0, import_debounce.default)(async (...args) => {
+				return fn(...args);
+			}, debounceTime, trailing ? { trailing } : { leading: true });
+			debounceCache.value.set(fn, debouncedFn);
+		}
+		return debouncedFn;
+	};
+	const callDebounced = (fn, options, ...inputParameters) => {
+		return debounce$1(fn, options)(...inputParameters);
+	};
+	return {
+		debounce: debounce$1,
+		callDebounced
+	};
+}
+export { require_debounce as n, require_toNumber as r, useDebounce as t };