@sdata/web-vue 3.23.0 → 3.24.0

package/es/model-selector/model-selector-logo.vue_vue_type_script_setup_true_lang.js

@@ -0,0 +1,146 @@
+import _objectSpread2 from "../_virtual/_@oxc-project_runtime@0.139.0/helpers/esm/objectSpread2.js";
+import { getPrefixCls } from "../_utils/global-config.js";
+import aihubmix_default from "./assets/logos/aihubmix.js";
+import alibaba_cn_default from "./assets/logos/alibaba-cn.js";
+import alibaba_default from "./assets/logos/alibaba.js";
+import amazon_bedrock_default from "./assets/logos/amazon-bedrock.js";
+import anthropic_default from "./assets/logos/anthropic.js";
+import azure_default from "./assets/logos/azure.js";
+import baseten_default from "./assets/logos/baseten.js";
+import cerebras_default from "./assets/logos/cerebras.js";
+import chutes_default from "./assets/logos/chutes.js";
+import cloudflare_workers_ai_default from "./assets/logos/cloudflare-workers-ai.js";
+import cortecs_default from "./assets/logos/cortecs.js";
+import deepinfra_default from "./assets/logos/deepinfra.js";
+import deepseek_default from "./assets/logos/deepseek.js";
+import default_default from "./assets/logos/default.js";
+import fastrouter_default from "./assets/logos/fastrouter.js";
+import fireworks_ai_default from "./assets/logos/fireworks-ai.js";
+import github_copilot_default from "./assets/logos/github-copilot.js";
+import github_models_default from "./assets/logos/github-models.js";
+import google_vertex_anthropic_default from "./assets/logos/google-vertex-anthropic.js";
+import google_vertex_default from "./assets/logos/google-vertex.js";
+import google_default from "./assets/logos/google.js";
+import groq_default from "./assets/logos/groq.js";
+import huggingface_default from "./assets/logos/huggingface.js";
+import iflowcn_default from "./assets/logos/iflowcn.js";
+import inception_default from "./assets/logos/inception.js";
+import inference_default from "./assets/logos/inference.js";
+import llama_default from "./assets/logos/llama.js";
+import lucidquery_default from "./assets/logos/lucidquery.js";
+import mistral_default from "./assets/logos/mistral.js";
+import modelscope_default from "./assets/logos/modelscope.js";
+import moonshotai_cn_default from "./assets/logos/moonshotai-cn.js";
+import moonshotai_default from "./assets/logos/moonshotai.js";
+import nebius_default from "./assets/logos/nebius.js";
+import nvidia_default from "./assets/logos/nvidia.js";
+import openai_default from "./assets/logos/openai.js";
+import opencode_default from "./assets/logos/opencode.js";
+import openrouter_default from "./assets/logos/openrouter.js";
+import perplexity_default from "./assets/logos/perplexity.js";
+import scaleway_default from "./assets/logos/scaleway.js";
+import submodel_default from "./assets/logos/submodel.js";
+import togetherai_default from "./assets/logos/togetherai.js";
+import upstage_default from "./assets/logos/upstage.js";
+import v0_default from "./assets/logos/v0.js";
+import venice_default from "./assets/logos/venice.js";
+import vercel_default from "./assets/logos/vercel.js";
+import vultr_default from "./assets/logos/vultr.js";
+import xai_default from "./assets/logos/xai.js";
+import zai_coding_plan_default from "./assets/logos/zai-coding-plan.js";
+import zai_default from "./assets/logos/zai.js";
+import zenmux_default from "./assets/logos/zenmux.js";
+import zhipuai_coding_plan_default from "./assets/logos/zhipuai-coding-plan.js";
+import zhipuai_default from "./assets/logos/zhipuai.js";
+import { computed, createElementBlock, defineComponent, mergeProps, openBlock, unref } from "vue";
+//#region components/model-selector/model-selector-logo.vue?vue&type=script&setup=true&lang.ts
+var _hoisted_1 = [
+	"src",
+	"alt",
+	"width",
+	"height"
+];
+var model_selector_logo_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defineComponent(_objectSpread2(_objectSpread2({}, {
+	name: "ModelSelectorLogo",
+	inheritAttrs: false
+}), {}, {
+	__name: "model-selector-logo",
+	props: {
+		provider: {},
+		alt: {},
+		width: { default: 16 },
+		height: { default: 16 }
+	},
+	setup(__props) {
+		const logoModules = /* #__PURE__ */ Object.assign({
+			"./assets/logos/aihubmix.svg": aihubmix_default,
+			"./assets/logos/alibaba-cn.svg": alibaba_cn_default,
+			"./assets/logos/alibaba.svg": alibaba_default,
+			"./assets/logos/amazon-bedrock.svg": amazon_bedrock_default,
+			"./assets/logos/anthropic.svg": anthropic_default,
+			"./assets/logos/azure.svg": azure_default,
+			"./assets/logos/baseten.svg": baseten_default,
+			"./assets/logos/cerebras.svg": cerebras_default,
+			"./assets/logos/chutes.svg": chutes_default,
+			"./assets/logos/cloudflare-workers-ai.svg": cloudflare_workers_ai_default,
+			"./assets/logos/cortecs.svg": cortecs_default,
+			"./assets/logos/deepinfra.svg": deepinfra_default,
+			"./assets/logos/deepseek.svg": deepseek_default,
+			"./assets/logos/default.svg": default_default,
+			"./assets/logos/fastrouter.svg": fastrouter_default,
+			"./assets/logos/fireworks-ai.svg": fireworks_ai_default,
+			"./assets/logos/github-copilot.svg": github_copilot_default,
+			"./assets/logos/github-models.svg": github_models_default,
+			"./assets/logos/google-vertex-anthropic.svg": google_vertex_anthropic_default,
+			"./assets/logos/google-vertex.svg": google_vertex_default,
+			"./assets/logos/google.svg": google_default,
+			"./assets/logos/groq.svg": groq_default,
+			"./assets/logos/huggingface.svg": huggingface_default,
+			"./assets/logos/iflowcn.svg": iflowcn_default,
+			"./assets/logos/inception.svg": inception_default,
+			"./assets/logos/inference.svg": inference_default,
+			"./assets/logos/llama.svg": llama_default,
+			"./assets/logos/lucidquery.svg": lucidquery_default,
+			"./assets/logos/mistral.svg": mistral_default,
+			"./assets/logos/modelscope.svg": modelscope_default,
+			"./assets/logos/moonshotai-cn.svg": moonshotai_cn_default,
+			"./assets/logos/moonshotai.svg": moonshotai_default,
+			"./assets/logos/nebius.svg": nebius_default,
+			"./assets/logos/nvidia.svg": nvidia_default,
+			"./assets/logos/openai.svg": openai_default,
+			"./assets/logos/opencode.svg": opencode_default,
+			"./assets/logos/openrouter.svg": openrouter_default,
+			"./assets/logos/perplexity.svg": perplexity_default,
+			"./assets/logos/scaleway.svg": scaleway_default,
+			"./assets/logos/submodel.svg": submodel_default,
+			"./assets/logos/togetherai.svg": togetherai_default,
+			"./assets/logos/upstage.svg": upstage_default,
+			"./assets/logos/v0.svg": v0_default,
+			"./assets/logos/venice.svg": venice_default,
+			"./assets/logos/vercel.svg": vercel_default,
+			"./assets/logos/vultr.svg": vultr_default,
+			"./assets/logos/xai.svg": xai_default,
+			"./assets/logos/zai-coding-plan.svg": zai_coding_plan_default,
+			"./assets/logos/zai.svg": zai_default,
+			"./assets/logos/zenmux.svg": zenmux_default,
+			"./assets/logos/zhipuai-coding-plan.svg": zhipuai_coding_plan_default,
+			"./assets/logos/zhipuai.svg": zhipuai_default
+		});
+		const prefixCls = getPrefixCls("model-selector-logo");
+		const source = computed(() => {
+			var _logoModules;
+			return (_logoModules = logoModules[`./assets/logos/${__props.provider}.svg`]) !== null && _logoModules !== void 0 ? _logoModules : logoModules["./assets/logos/default.svg"];
+		});
+		return (_ctx, _cache) => {
+			return openBlock(), createElementBlock("img", mergeProps(_ctx.$attrs, {
+				class: unref(prefixCls),
+				src: source.value,
+				alt: __props.alt || `${__props.provider} logo`,
+				width: __props.width,
+				height: __props.height
+			}), null, 16, _hoisted_1);
+		};
+	}
+}));
+//#endregion
+export { model_selector_logo_vue_vue_type_script_setup_true_lang_default as default };

package/es/model-selector/model-selector-name.js

@@ -0,0 +1,5 @@
+import model_selector_name_vue_vue_type_script_setup_true_lang_default from "./model-selector-name.vue_vue_type_script_setup_true_lang.js";
+//#region components/model-selector/model-selector-name.vue
+var model_selector_name_default = model_selector_name_vue_vue_type_script_setup_true_lang_default;
+//#endregion
+export { model_selector_name_default as default };

package/es/model-selector/model-selector-name.vue.d.ts

@@ -0,0 +1,13 @@
+declare var __VLS_1: {};
+type __VLS_Slots = {} & {
+    default?: (props: typeof __VLS_1) => any;
+};
+declare const __VLS_base: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
+declare const _default: typeof __VLS_export;
+export default _default;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/es/model-selector/model-selector-name.vue_vue_type_script_setup_true_lang.js

@@ -0,0 +1,15 @@
+import _objectSpread2 from "../_virtual/_@oxc-project_runtime@0.139.0/helpers/esm/objectSpread2.js";
+import { getPrefixCls } from "../_utils/global-config.js";
+import { createElementBlock, defineComponent, normalizeClass, openBlock, renderSlot, unref } from "vue";
+//#region components/model-selector/model-selector-name.vue?vue&type=script&setup=true&lang.ts
+var model_selector_name_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defineComponent(_objectSpread2(_objectSpread2({}, { name: "ModelSelectorName" }), {}, {
+	__name: "model-selector-name",
+	setup(__props) {
+		const prefixCls = getPrefixCls("model-selector-name");
+		return (_ctx, _cache) => {
+			return openBlock(), createElementBlock("span", { class: normalizeClass(unref(prefixCls)) }, [renderSlot(_ctx.$slots, "default")], 2);
+		};
+	}
+}));
+//#endregion
+export { model_selector_name_vue_vue_type_script_setup_true_lang_default as default };

package/es/model-selector/model-selector-separator.js

@@ -0,0 +1,5 @@
+import model_selector_separator_vue_vue_type_script_setup_true_lang_default from "./model-selector-separator.vue_vue_type_script_setup_true_lang.js";
+//#region components/model-selector/model-selector-separator.vue
+var model_selector_separator_default = model_selector_separator_vue_vue_type_script_setup_true_lang_default;
+//#endregion
+export { model_selector_separator_default as default };

package/es/model-selector/model-selector-separator.vue.d.ts

@@ -0,0 +1,3 @@
+declare const __VLS_export: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;

package/es/model-selector/model-selector-separator.vue_vue_type_script_setup_true_lang.js

@@ -0,0 +1,16 @@
+import _objectSpread2 from "../_virtual/_@oxc-project_runtime@0.139.0/helpers/esm/objectSpread2.js";
+import { getPrefixCls } from "../_utils/global-config.js";
+import Divider from "../divider/index.js";
+import { createBlock, defineComponent, normalizeClass, openBlock, unref } from "vue";
+//#region components/model-selector/model-selector-separator.vue?vue&type=script&setup=true&lang.ts
+var model_selector_separator_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defineComponent(_objectSpread2(_objectSpread2({}, { name: "ModelSelectorSeparator" }), {}, {
+	__name: "model-selector-separator",
+	setup(__props) {
+		const prefixCls = getPrefixCls("model-selector-separator");
+		return (_ctx, _cache) => {
+			return openBlock(), createBlock(unref(Divider), { class: normalizeClass(unref(prefixCls)) }, null, 8, ["class"]);
+		};
+	}
+}));
+//#endregion
+export { model_selector_separator_vue_vue_type_script_setup_true_lang_default as default };

package/es/model-selector/model-selector-shortcut.js

@@ -0,0 +1,5 @@
+import model_selector_shortcut_vue_vue_type_script_setup_true_lang_default from "./model-selector-shortcut.vue_vue_type_script_setup_true_lang.js";
+//#region components/model-selector/model-selector-shortcut.vue
+var model_selector_shortcut_default = model_selector_shortcut_vue_vue_type_script_setup_true_lang_default;
+//#endregion
+export { model_selector_shortcut_default as default };

package/es/model-selector/model-selector-shortcut.vue.d.ts

@@ -0,0 +1,13 @@
+declare var __VLS_1: {};
+type __VLS_Slots = {} & {
+    default?: (props: typeof __VLS_1) => any;
+};
+declare const __VLS_base: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
+declare const _default: typeof __VLS_export;
+export default _default;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/es/model-selector/model-selector-shortcut.vue_vue_type_script_setup_true_lang.js

@@ -0,0 +1,15 @@
+import _objectSpread2 from "../_virtual/_@oxc-project_runtime@0.139.0/helpers/esm/objectSpread2.js";
+import { getPrefixCls } from "../_utils/global-config.js";
+import { createElementBlock, defineComponent, normalizeClass, openBlock, renderSlot, unref } from "vue";
+//#region components/model-selector/model-selector-shortcut.vue?vue&type=script&setup=true&lang.ts
+var model_selector_shortcut_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defineComponent(_objectSpread2(_objectSpread2({}, { name: "ModelSelectorShortcut" }), {}, {
+	__name: "model-selector-shortcut",
+	setup(__props) {
+		const prefixCls = getPrefixCls("model-selector-shortcut");
+		return (_ctx, _cache) => {
+			return openBlock(), createElementBlock("kbd", { class: normalizeClass(unref(prefixCls)) }, [renderSlot(_ctx.$slots, "default")], 2);
+		};
+	}
+}));
+//#endregion
+export { model_selector_shortcut_vue_vue_type_script_setup_true_lang_default as default };

package/es/model-selector/model-selector-trigger.js

@@ -0,0 +1,5 @@
+import model_selector_trigger_vue_vue_type_script_setup_true_lang_default from "./model-selector-trigger.vue_vue_type_script_setup_true_lang.js";
+//#region components/model-selector/model-selector-trigger.vue
+var model_selector_trigger_default = model_selector_trigger_vue_vue_type_script_setup_true_lang_default;
+//#endregion
+export { model_selector_trigger_default as default };

package/es/model-selector/model-selector-trigger.vue.d.ts

@@ -0,0 +1,20 @@
+type __VLS_Props = {
+    disabled?: boolean;
+};
+declare var __VLS_10: {
+    close: () => void;
+    open: () => void;
+    visible: boolean;
+};
+type __VLS_Slots = {} & {
+    default?: (props: typeof __VLS_10) => any;
+};
+declare const __VLS_base: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
+declare const _default: typeof __VLS_export;
+export default _default;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/es/model-selector/model-selector-trigger.vue_vue_type_script_setup_true_lang.js

@@ -0,0 +1,39 @@
+import _objectSpread2 from "../_virtual/_@oxc-project_runtime@0.139.0/helpers/esm/objectSpread2.js";
+import { getPrefixCls } from "../_utils/global-config.js";
+import Button from "../button/index.js";
+import { useModelSelectorContext } from "./use-model-selector-context.js";
+import { createBlock, defineComponent, normalizeClass, openBlock, renderSlot, unref, withCtx } from "vue";
+//#region components/model-selector/model-selector-trigger.vue?vue&type=script&setup=true&lang.ts
+var model_selector_trigger_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defineComponent(_objectSpread2(_objectSpread2({}, { name: "ModelSelectorTrigger" }), {}, {
+	__name: "model-selector-trigger",
+	props: { disabled: {
+		type: Boolean,
+		default: false
+	} },
+	setup(__props) {
+		const prefixCls = getPrefixCls("model-selector-trigger");
+		const context = useModelSelectorContext("ModelSelectorTrigger");
+		return (_ctx, _cache) => {
+			return openBlock(), createBlock(unref(Button), {
+				class: normalizeClass(unref(prefixCls)),
+				"aria-expanded": unref(context).visible.value,
+				"aria-haspopup": "dialog",
+				disabled: __props.disabled,
+				onClick: _cache[0] || (_cache[0] = ($event) => unref(context).setVisible(!unref(context).visible.value))
+			}, {
+				default: withCtx(() => [renderSlot(_ctx.$slots, "default", {
+					close: () => unref(context).setVisible(false),
+					open: () => unref(context).setVisible(true),
+					visible: unref(context).visible.value
+				})]),
+				_: 3
+			}, 8, [
+				"class",
+				"aria-expanded",
+				"disabled"
+			]);
+		};
+	}
+}));
+//#endregion
+export { model_selector_trigger_vue_vue_type_script_setup_true_lang_default as default };

package/es/model-selector/model-selector.js

@@ -0,0 +1,5 @@
+import model_selector_vue_vue_type_script_setup_true_lang_default from "./model-selector.vue_vue_type_script_setup_true_lang.js";
+//#region components/model-selector/model-selector.vue
+var model_selector_default = model_selector_vue_vue_type_script_setup_true_lang_default;
+//#endregion
+export { model_selector_default as default };

package/es/model-selector/model-selector.vue.d.ts

@@ -0,0 +1,34 @@
+type __VLS_Props = {
+    defaultVisible?: boolean;
+    closeOnSelect?: boolean;
+    resetQueryOnClose?: boolean;
+};
+type __VLS_ModelProps = {
+    'visible'?: boolean;
+};
+type __VLS_PublicProps = __VLS_Props & __VLS_ModelProps;
+declare var __VLS_1: {
+    close: () => void;
+    open: () => void;
+    visible: boolean;
+};
+type __VLS_Slots = {} & {
+    default?: (props: typeof __VLS_1) => any;
+};
+declare const __VLS_base: import("vue").DefineComponent<__VLS_PublicProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    select: (_value: string, _event: Event) => any;
+    "update:visible": (value: boolean | undefined) => any;
+    visibleChange: (_visible: boolean) => any;
+}, string, import("vue").PublicProps, Readonly<__VLS_PublicProps> & Readonly<{
+    onSelect?: ((_value: string, _event: Event) => any) | undefined;
+    "onUpdate:visible"?: ((value: boolean | undefined) => any) | undefined;
+    onVisibleChange?: ((_visible: boolean) => any) | undefined;
+}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
+declare const _default: typeof __VLS_export;
+export default _default;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/es/model-selector/model-selector.vue_vue_type_script_setup_true_lang.js

@@ -0,0 +1,179 @@
+import _objectSpread2 from "../_virtual/_@oxc-project_runtime@0.139.0/helpers/esm/objectSpread2.js";
+import { modelSelectorInjectionKey } from "./context.js";
+import { computed, defineComponent, getCurrentInstance, mergeModels, provide, renderSlot, shallowRef, useModel, watch } from "vue";
+import { DefaultMagicKeysAliasMap, useMagicKeys } from "@vueuse/core";
+//#region components/model-selector/model-selector.vue?vue&type=script&setup=true&lang.ts
+var model_selector_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defineComponent(_objectSpread2(_objectSpread2({}, { name: "ModelSelector" }), {}, {
+	__name: "model-selector",
+	props: /*@__PURE__*/ mergeModels({
+		defaultVisible: {
+			type: Boolean,
+			default: false
+		},
+		closeOnSelect: {
+			type: Boolean,
+			default: true
+		},
+		resetQueryOnClose: {
+			type: Boolean,
+			default: true
+		}
+	}, {
+		"visible": { type: Boolean },
+		"visibleModifiers": {}
+	}),
+	emits: /*@__PURE__*/ mergeModels(["visibleChange", "select"], ["update:visible"]),
+	setup(__props, { emit: __emit }) {
+		const SHORTCUT_MODIFIER_KEYS = /* @__PURE__ */ new Set([
+			"alt",
+			"control",
+			"meta",
+			"shift"
+		]);
+		function getShortcutKeys(shortcut) {
+			return shortcut.toLocaleLowerCase().split(/[+_-]/g).filter(Boolean).map((key) => {
+				var _DefaultMagicKeysAlia;
+				const normalizedKey = /^\d$/.test(key) ? `digit${key}` : key;
+				return (_DefaultMagicKeysAlia = DefaultMagicKeysAliasMap[normalizedKey]) !== null && _DefaultMagicKeysAlia !== void 0 ? _DefaultMagicKeysAlia : normalizedKey;
+			});
+		}
+		function isShortcutPressed(shortcut, event, currentKeys) {
+			const eventCode = event.code.toLocaleLowerCase();
+			const eventKey = event.key.toLocaleLowerCase();
+			const shortcutKeys = getShortcutKeys(shortcut);
+			return shortcutKeys.some((key) => !SHORTCUT_MODIFIER_KEYS.has(key) && (key === eventCode || key === eventKey)) && shortcutKeys.every((key) => {
+				if (key === "alt") return event.altKey;
+				if (key === "control") return event.ctrlKey;
+				if (key === "meta") return event.metaKey;
+				if (key === "shift") return event.shiftKey;
+				return key === eventCode || key === eventKey || currentKeys.has(key);
+			});
+		}
+		const emit = __emit;
+		const instance = getCurrentInstance();
+		const visibleModel = useModel(__props, "visible");
+		const innerVisible = shallowRef(__props.defaultVisible);
+		const hasVisibleProp = computed(() => {
+			var _instance$vnode$props;
+			return Object.hasOwn((_instance$vnode$props = instance.vnode.props) !== null && _instance$vnode$props !== void 0 ? _instance$vnode$props : {}, "visible");
+		});
+		const mergedVisible = computed(() => hasVisibleProp.value ? Boolean(visibleModel.value) : innerVisible.value);
+		const query = shallowRef("");
+		const activeId = shallowRef();
+		const itemsVersion = shallowRef(0);
+		const items = /* @__PURE__ */ new Map();
+		const listId = `sd-model-selector-list-${instance.uid}`;
+		const normalizedQuery = computed(() => query.value.trim().toLocaleLowerCase());
+		function isItemVisible(item) {
+			const search = normalizedQuery.value;
+			if (!search) return true;
+			return [
+				item.value,
+				item.label,
+				...item.keywords
+			].some((text) => text.toLocaleLowerCase().includes(search));
+		}
+		function getVisibleItems(groupId) {
+			itemsVersion.value;
+			return [...items.values()].filter((item) => (groupId === void 0 || item.groupId === groupId) && isItemVisible(item));
+		}
+		const visibleItems = computed(() => getVisibleItems());
+		const visibleItemCount = computed(() => visibleItems.value.length);
+		const activeDescendant = computed(() => {
+			var _items$get;
+			return activeId.value ? (_items$get = items.get(activeId.value)) === null || _items$get === void 0 ? void 0 : _items$get.domId : void 0;
+		});
+		const magicKeys = useMagicKeys({
+			passive: false,
+			onEventFired(event) {
+				if (event.type !== "keydown" || event.repeat || !mergedVisible.value) return;
+				const item = visibleItems.value.find(({ disabled, shortcut }) => !disabled && shortcut && isShortcutPressed(shortcut, event, magicKeys.current));
+				if (!item) return;
+				event.preventDefault();
+				event.stopPropagation();
+				item.select(event);
+			}
+		});
+		function setVisible(value) {
+			if (mergedVisible.value === value) return;
+			innerVisible.value = value;
+			visibleModel.value = value;
+			emit("visibleChange", value);
+		}
+		function registerItem(item) {
+			items.set(item.id, item);
+			itemsVersion.value += 1;
+		}
+		function updateItem(item) {
+			items.set(item.id, item);
+			itemsVersion.value += 1;
+		}
+		function unregisterItem(id) {
+			items.delete(id);
+			if (activeId.value === id) activeId.value = void 0;
+			itemsVersion.value += 1;
+		}
+		function setActive(id) {
+			activeId.value = id;
+		}
+		function moveActive(offset) {
+			var _nextItem$element;
+			const enabledItems = visibleItems.value.filter((item) => !item.disabled);
+			if (!enabledItems.length) {
+				activeId.value = void 0;
+				return;
+			}
+			const currentIndex = enabledItems.findIndex((item) => item.id === activeId.value);
+			const nextItem = enabledItems[currentIndex === -1 ? offset > 0 ? 0 : enabledItems.length - 1 : (currentIndex + offset + enabledItems.length) % enabledItems.length];
+			activeId.value = nextItem.id;
+			(_nextItem$element = nextItem.element) === null || _nextItem$element === void 0 || _nextItem$element.scrollIntoView({ block: "nearest" });
+		}
+		function selectItem(item, event) {
+			if (item.disabled) return;
+			emit("select", item.value, event);
+			if (__props.closeOnSelect) setVisible(false);
+		}
+		function selectActive(event) {
+			if (!activeId.value) return;
+			const item = items.get(activeId.value);
+			if (item) selectItem(item, event);
+		}
+		watch(query, () => {
+			var _visibleItems$value$f;
+			activeId.value = (_visibleItems$value$f = visibleItems.value.find((item) => !item.disabled)) === null || _visibleItems$value$f === void 0 ? void 0 : _visibleItems$value$f.id;
+		});
+		watch(mergedVisible, (visible) => {
+			if (!visible && __props.resetQueryOnClose) {
+				query.value = "";
+				activeId.value = void 0;
+			}
+		});
+		provide(modelSelectorInjectionKey, {
+			activeDescendant,
+			activeId,
+			getVisibleItems,
+			itemsVersion,
+			listId,
+			moveActive,
+			query,
+			registerItem,
+			selectActive,
+			selectItem,
+			setActive,
+			setVisible,
+			unregisterItem,
+			updateItem,
+			visible: mergedVisible,
+			visibleItemCount
+		});
+		return (_ctx, _cache) => {
+			return renderSlot(_ctx.$slots, "default", {
+				close: () => setVisible(false),
+				open: () => setVisible(true),
+				visible: mergedVisible.value
+			});
+		};
+	}
+}));
+//#endregion
+export { model_selector_vue_vue_type_script_setup_true_lang_default as default };

package/es/model-selector/style/css.js

@@ -0,0 +1,2 @@
+import "../../style/index.css";
+import "./index.css";