@astryx-vue/core 0.2.5 → 0.3.0

package/dist/Typeahead-JP9RT87x.js

@@ -0,0 +1,656 @@
+import { n as useButtonTooltip } from "./Button-B6Hj_O_s.js";
+import { t as _sfc_main$2 } from "./ButtonTooltip-nWWrth8j.js";
+import { o as useAstryxMessages } from "./context-iABt_ueM.js";
+import { t as useScrollbars } from "./useScrollbars-C2NJ6Qwq.js";
+import { t as _sfc_main$3 } from "./Spinner-9cYUCnDy.js";
+import { t as _sfc_main$4 } from "./Field-D5gUEGw4.js";
+import { t as _sfc_main$5 } from "./Token-DsntTYhQ.js";
+import { n as useAnchoredListbox, t as scrollOptionIntoView } from "./useAnchoredListbox-DwztMNjP.js";
+import { r as useTypeaheadMenu, t as _sfc_main$6 } from "./TypeaheadMenu-DBW6rHeO.js";
+import { Fragment, Teleport, computed, createBlock, createCommentVNode, createElementBlock, createElementVNode, createSlots, createVNode, defineComponent, inject, mergeProps, nextTick, normalizeClass, normalizeStyle, onMounted, openBlock, provide, ref, renderSlot, toDisplayString, unref, useAttrs, useId, useTemplateRef, vShow, watch, withCtx, withDirectives } from "vue";
+import "../styles/visually-hidden-utility.css";
+import "../styles/typeahead.css";
+//#region src/Typeahead/context.ts
+/**
+* `Typeahead` 用它告诉里面的 `BaseTypeahead`：外框、边框、选中值标签和清除按钮由我来画。
+* 单独使用的 `BaseTypeahead` 拿不到它，只渲染裸输入。
+*/
+const typeaheadChromeKey = Symbol("astryxTypeaheadChrome");
+//#endregion
+//#region src/Typeahead/BaseTypeahead.vue
+const _hoisted_1 = {
+	key: 0,
+	class: "astryx-typeahead-icon",
+	"aria-hidden": "true"
+};
+const _hoisted_2 = [
+	"id",
+	"tabindex",
+	"data-autofocus",
+	"placeholder",
+	"value",
+	"disabled",
+	"readonly",
+	"aria-disabled",
+	"aria-expanded",
+	"aria-controls",
+	"aria-label",
+	"aria-labelledby",
+	"aria-activedescendant",
+	"aria-describedby",
+	"aria-required"
+];
+const _hoisted_3 = ["aria-label"];
+const _hoisted_4 = ["id"];
+const _hoisted_5 = ["name", "value"];
+const _hoisted_6 = [
+	"id",
+	"aria-label",
+	"data-placement"
+];
+const _sfc_main$1 = /*@__PURE__*/ defineComponent({
+	name: "AstryxBaseTypeahead",
+	inheritAttrs: false,
+	__name: "BaseTypeahead",
+	props: {
+		modelValue: { default: null },
+		searchSource: {},
+		label: {},
+		inputId: {},
+		describedBy: {},
+		ariaDescribedBy: {},
+		ariaLabelledBy: {},
+		anchorRef: {},
+		placeholder: {},
+		disabled: {
+			type: Boolean,
+			default: false
+		},
+		disabledReason: {},
+		isFocusableDisabled: { type: Boolean },
+		status: { default: "default" },
+		size: { default: "md" },
+		clearable: {
+			type: Boolean,
+			default: true
+		},
+		debounceMs: { default: 150 },
+		maxMenuItems: { default: 10 },
+		menuWidth: {},
+		minQueryLength: { default: 1 },
+		showOnFocus: {
+			type: Boolean,
+			default: false
+		},
+		hasEntriesOnFocus: { type: Boolean },
+		hasAutoFocus: {
+			type: Boolean,
+			default: false
+		},
+		emptyText: {},
+		emptySearchText: {},
+		required: {
+			type: Boolean,
+			default: false
+		},
+		name: {},
+		inputTabIndex: {}
+	},
+	emits: [
+		"update:modelValue",
+		"change",
+		"search",
+		"changeQuery",
+		"openChange"
+	],
+	setup(__props, { expose: __expose, emit: __emit }) {
+		const props = __props;
+		const emit = __emit;
+		const attrs = useAttrs();
+		const messages = useAstryxMessages();
+		const generatedId = `astryx-typeahead-${useId()}`;
+		const inputId = computed(() => props.inputId ?? generatedId);
+		const listboxId = computed(() => `${inputId.value}-listbox`);
+		const disabledId = computed(() => `${inputId.value}-disabled`);
+		const disabledTooltipId = computed(() => `${inputId.value}-disabled-tooltip`);
+		const editing = ref(false);
+		let suppressFocusOpen = false;
+		const inputRef = useTemplateRef("inputRef");
+		const controlRef = useTemplateRef("controlRef");
+		const listboxRef = useTemplateRef("listboxRef");
+		useScrollbars(listboxRef);
+		const placeholder = computed(() => props.placeholder ?? messages.value.typeahead.placeholder);
+		const emptyText = computed(() => props.emptySearchText ?? props.emptyText ?? messages.value.typeahead.empty);
+		const clearLabel = computed(() => messages.value.typeahead.clear);
+		/** 新名 hasEntriesOnFocus 和旧名 showOnFocus 任一为真就生效。 */
+		const showsEntriesOnFocus = computed(() => props.hasEntriesOnFocus || props.showOnFocus);
+		const focusableDisabled = computed(() => Boolean(props.isFocusableDisabled) || props.disabled && Boolean(props.disabledReason?.trim()));
+		/** 有禁用原因时鼠标悬停或键盘聚焦都能读到它。 */
+		const showsDisabledMessage = computed(() => Boolean(props.disabled) && Boolean(props.disabledReason?.trim()));
+		const disabledTooltip = useButtonTooltip(showsDisabledMessage);
+		function attrString(name) {
+			const value = attrs[name];
+			return typeof value === "string" ? value : void 0;
+		}
+		/** 单选别名优先；没给就退回原生属性。 */
+		const externalDescribedBy = computed(() => props.ariaDescribedBy ?? attrString("aria-describedby"));
+		const labelledBy = computed(() => props.ariaLabelledBy ?? attrString("aria-labelledby"));
+		const ariaLabel = computed(() => props.label ?? attrString("aria-label"));
+		const describedBy = computed(() => {
+			return [
+				props.describedBy,
+				externalDescribedBy.value,
+				focusableDisabled.value ? disabledId.value : void 0
+			].filter(Boolean).join(" ") || void 0;
+		});
+		/**
+		* 这些属性由组件自己算，不能让外面透传的值盖掉。
+		* 其余的原生属性和事件监听（@keydown / @focus / @blur …）原样落到输入框上。
+		*/
+		const controlledAttrs = /* @__PURE__ */ new Set([
+			"id",
+			"type",
+			"role",
+			"value",
+			"class",
+			"style",
+			"disabled",
+			"readonly",
+			"autofocus",
+			"placeholder",
+			"tabindex",
+			"autocomplete",
+			"aria-label",
+			"aria-labelledby",
+			"aria-describedby",
+			"aria-expanded",
+			"aria-controls",
+			"aria-activedescendant",
+			"aria-autocomplete",
+			"aria-disabled",
+			"aria-required"
+		]);
+		function inputAttrs() {
+			return Object.fromEntries(Object.entries(attrs).filter(([key]) => !controlledAttrs.has(key)));
+		}
+		const menu = useTypeaheadMenu({
+			source: () => props.searchSource,
+			debounceMs: () => props.debounceMs,
+			showOnFocus: () => showsEntriesOnFocus.value,
+			minQueryLength: () => props.minQueryLength,
+			maxItems: () => props.maxMenuItems,
+			disabled: () => props.disabled,
+			onSelect: (entry) => {
+				commit(entry.item);
+			},
+			onEscape: () => {
+				restoreSelection();
+			},
+			onQueryChange: (query) => {
+				emit("search", query);
+				emit("changeQuery", query);
+			}
+		});
+		/** 下拉挂靠外面给的元素；没给就挂在自己的外框上。 */
+		const anchor = computed(() => props.anchorRef ?? controlRef.value ?? null);
+		const anchored = useAnchoredListbox({
+			anchor,
+			layer: listboxRef,
+			isOpen: menu.combobox.isOpen,
+			menuWidth: () => props.menuWidth,
+			onDismiss: () => {
+				menu.close();
+				restoreSelection();
+			}
+		});
+		/** 由 `Typeahead` 包着时才画边框和选中值标签；单独使用就是裸输入。 */
+		const hasChrome = inject(typeaheadChromeKey, null) !== null;
+		const selected = computed(() => props.modelValue ?? null);
+		const showToken = computed(() => hasChrome && selected.value != null && !editing.value);
+		/** 值的 Token 盖住输入框时，把看不见的输入框从 Tab 序里拿出去。 */
+		const resolvedTabIndex = computed(() => props.inputTabIndex ?? (showToken.value ? -1 : void 0));
+		onMounted(() => {
+			if (props.hasAutoFocus) inputRef.value?.focus();
+		});
+		watch(() => menu.combobox.isOpen.value, (isOpen) => {
+			emit("openChange", isOpen);
+		});
+		watch(() => menu.combobox.activeIndex.value, (index) => {
+			if (index < 0 || !menu.combobox.isOpen.value) return;
+			nextTick(() => {
+				scrollOptionIntoView(listboxRef.value, menu.entries.value[index]?.id);
+			});
+		});
+		function commit(item) {
+			editing.value = false;
+			menu.query.value = "";
+			menu.close();
+			emit("update:modelValue", item);
+			emit("change", item);
+			suppressFocusOpen = item != null;
+			nextTick(() => {
+				inputRef.value?.focus();
+				suppressFocusOpen = false;
+			});
+		}
+		function restoreSelection() {
+			if (selected.value == null) return;
+			editing.value = false;
+			menu.query.value = "";
+		}
+		function startEdit() {
+			if (props.disabled || selected.value == null || editing.value) return;
+			editing.value = true;
+			menu.setQuery(selected.value.label);
+			nextTick(() => {
+				inputRef.value?.focus();
+				inputRef.value?.select();
+			});
+		}
+		function highlight(index) {
+			const entry = menu.entries.value[index];
+			if (entry && !entry.disabled) menu.combobox.activeIndex.value = index;
+		}
+		function onInput(event) {
+			if (props.disabled) return;
+			menu.setQuery(event.target.value);
+		}
+		function onFocus() {
+			disabledTooltip.onTooltipPointerEnter();
+			if (props.disabled || suppressFocusOpen) return;
+			if (showToken.value) {
+				startEdit();
+				return;
+			}
+			if (showsEntriesOnFocus.value) menu.open();
+		}
+		function onBlur(event) {
+			disabledTooltip.onBlur();
+			const next = event.relatedTarget;
+			if (next instanceof Node && (anchor.value?.contains(next) || listboxRef.value?.contains(next))) return;
+			menu.close();
+			restoreSelection();
+		}
+		/**
+		* 外面的 keydown 先跑，它 preventDefault 就不再走内部导航。
+		* 顺序靠模板里 `v-bind` 写在 `@keydown` 前面保证。
+		*/
+		function onKeydown(event) {
+			if (event.defaultPrevented) return;
+			menu.onKeyDown(event);
+		}
+		function onControlClick(event) {
+			if (props.disabled) return;
+			const target = event.target;
+			if (target instanceof Element && target.closest("button, a")) return;
+			if (showToken.value) startEdit();
+			else inputRef.value?.focus();
+		}
+		function onClear(event) {
+			event.stopPropagation();
+			commit(null);
+		}
+		function onMenuSelect(id) {
+			const entry = menu.entries.value.find((item) => item.id === id);
+			if (entry && !entry.disabled) commit(entry.item);
+		}
+		function optionSelected(id) {
+			return selected.value?.id === id;
+		}
+		__expose({
+			focus: () => inputRef.value?.focus(),
+			blur: () => inputRef.value?.blur()
+		});
+		return (_ctx, _cache) => {
+			return openBlock(), createElementBlock(Fragment, null, [
+				createElementVNode("div", { class: normalizeClass(["astryx-typeahead", [`size-${props.size}`, { "astryx-typeahead--bare": !hasChrome }]]) }, [createCommentVNode(" eslint-disable-next-line vue-a11y/click-events-have-key-events, vue-a11y/no-static-element-interactions -- 点空白处只是把焦点交给组合框；键盘用户直接 Tab 到输入框。 "), createElementVNode("div", {
+					ref_key: "controlRef",
+					ref: controlRef,
+					class: normalizeClass(["astryx-typeahead-control", [`status-${props.status}`, {
+						"is-open": unref(menu).combobox.isOpen.value,
+						"is-disabled": props.disabled,
+						"is-bare": !hasChrome
+					}]]),
+					onClick: onControlClick,
+					onPointerenter: _cache[0] || (_cache[0] = (...args) => unref(disabledTooltip).onPointerEnter && unref(disabledTooltip).onPointerEnter(...args)),
+					onPointerleave: _cache[1] || (_cache[1] = (...args) => unref(disabledTooltip).onPointerLeave && unref(disabledTooltip).onPointerLeave(...args))
+				}, [
+					_ctx.$slots.icon ? (openBlock(), createElementBlock("span", _hoisted_1, [renderSlot(_ctx.$slots, "icon")])) : createCommentVNode("v-if", true),
+					showToken.value && selected.value ? (openBlock(), createBlock(_sfc_main$5, {
+						key: 1,
+						class: "astryx-typeahead-value",
+						label: selected.value.label,
+						size: props.size,
+						disabled: props.disabled,
+						onClick: startEdit
+					}, null, 8, [
+						"label",
+						"size",
+						"disabled"
+					])) : createCommentVNode("v-if", true),
+					createElementVNode("input", mergeProps(inputAttrs(), {
+						id: inputId.value,
+						ref_key: "inputRef",
+						ref: inputRef,
+						class: ["astryx-typeahead-input", { "is-hidden": showToken.value }],
+						type: "text",
+						role: "combobox",
+						autocomplete: "off",
+						autocapitalize: "off",
+						tabindex: resolvedTabIndex.value,
+						"data-autofocus": props.hasAutoFocus || void 0,
+						placeholder: showToken.value ? void 0 : placeholder.value,
+						value: showToken.value ? "" : unref(menu).query.value,
+						disabled: props.disabled && !focusableDisabled.value,
+						readonly: focusableDisabled.value || void 0,
+						"aria-disabled": focusableDisabled.value ? "true" : void 0,
+						"aria-expanded": unref(menu).combobox.isOpen.value,
+						"aria-controls": listboxId.value,
+						"aria-label": ariaLabel.value,
+						"aria-labelledby": labelledBy.value,
+						"aria-autocomplete": "list",
+						"aria-activedescendant": unref(menu).activeId.value ? `${listboxId.value}-option-${unref(menu).combobox.activeIndex.value}` : void 0,
+						"aria-describedby": describedBy.value,
+						"aria-required": props.required || void 0,
+						onInput,
+						onFocus,
+						onBlur,
+						onKeydown
+					}), null, 16, _hoisted_2),
+					unref(menu).status.value === "loading" ? (openBlock(), createBlock(_sfc_main$3, {
+						key: 2,
+						class: "astryx-typeahead-spinner",
+						size: "sm",
+						"aria-label": unref(messages).typeahead.loading
+					}, null, 8, ["aria-label"])) : createCommentVNode("v-if", true),
+					props.clearable && selected.value && !props.disabled ? (openBlock(), createElementBlock("button", {
+						key: 3,
+						type: "button",
+						class: "astryx-typeahead-clear",
+						"aria-label": clearLabel.value,
+						onClick: onClear
+					}, [..._cache[2] || (_cache[2] = [createElementVNode("svg", {
+						width: "16",
+						height: "16",
+						viewBox: "0 0 16 16",
+						fill: "none",
+						"aria-hidden": "true"
+					}, [createElementVNode("path", {
+						d: "M12 4L4 12M4 4L12 12",
+						stroke: "currentColor",
+						"stroke-width": "1.5",
+						"stroke-linecap": "round"
+					})], -1)])], 8, _hoisted_3)) : createCommentVNode("v-if", true),
+					focusableDisabled.value ? (openBlock(), createElementBlock("span", {
+						key: 4,
+						id: disabledId.value,
+						class: "astryx-visually-hidden"
+					}, toDisplayString(props.disabledReason), 9, _hoisted_4)) : createCommentVNode("v-if", true),
+					props.name ? (openBlock(), createElementBlock("input", {
+						key: 5,
+						type: "hidden",
+						name: props.name,
+						value: selected.value?.id ?? ""
+					}, null, 8, _hoisted_5)) : createCommentVNode("v-if", true)
+				], 34)], 2),
+				showsDisabledMessage.value ? (openBlock(), createBlock(_sfc_main$2, {
+					key: 0,
+					id: disabledTooltipId.value,
+					anchor: controlRef.value,
+					open: unref(disabledTooltip).isOpen.value,
+					text: props.disabledReason ?? "",
+					onPointerEnter: unref(disabledTooltip).onTooltipPointerEnter,
+					onPointerLeave: unref(disabledTooltip).onTooltipPointerLeave
+				}, null, 8, [
+					"id",
+					"anchor",
+					"open",
+					"text",
+					"onPointerEnter",
+					"onPointerLeave"
+				])) : createCommentVNode("v-if", true),
+				(openBlock(), createBlock(Teleport, { to: "body" }, [withDirectives(createElementVNode("div", {
+					id: listboxId.value,
+					ref_key: "listboxRef",
+					ref: listboxRef,
+					class: "astryx-typeahead-listbox",
+					role: "listbox",
+					"aria-label": unref(messages).typeahead.results,
+					"data-placement": unref(anchored).position.value.placement,
+					style: normalizeStyle(unref(anchored).style.value),
+					tabindex: "-1"
+				}, [createVNode(_sfc_main$6, {
+					entries: unref(menu).entries.value.map((entry) => ({
+						id: entry.id,
+						label: entry.label,
+						description: entry.description,
+						disabled: entry.disabled,
+						group: entry.group,
+						selected: optionSelected(entry.item.id)
+					})),
+					"active-index": unref(menu).combobox.activeIndex.value,
+					status: unref(menu).status.value,
+					"listbox-id": listboxId.value,
+					"empty-text": emptyText.value,
+					"loading-text": unref(messages).typeahead.loading,
+					"error-text": unref(messages).typeahead.error,
+					onSelect: onMenuSelect,
+					onHighlight: highlight
+				}, createSlots({ _: 2 }, [_ctx.$slots.item ? {
+					name: "item",
+					fn: withCtx((slotProps) => [renderSlot(_ctx.$slots, "item", {
+						item: unref(menu).entries.value.find((entry) => entry.id === slotProps.entry.id).item,
+						isActive: slotProps.isActive,
+						isSelected: slotProps.isSelected
+					})]),
+					key: "0"
+				} : void 0, _ctx.$slots.empty ? {
+					name: "empty",
+					fn: withCtx(() => [renderSlot(_ctx.$slots, "empty")]),
+					key: "1"
+				} : void 0]), 1032, [
+					"entries",
+					"active-index",
+					"status",
+					"listbox-id",
+					"empty-text",
+					"loading-text",
+					"error-text"
+				])], 12, _hoisted_6), [[vShow, unref(menu).combobox.isOpen.value]])]))
+			], 64);
+		};
+	}
+});
+//#endregion
+//#region src/Typeahead/Typeahead.vue
+const _sfc_main = /*@__PURE__*/ defineComponent({
+	name: "AstryxTypeahead",
+	inheritAttrs: false,
+	__name: "Typeahead",
+	props: {
+		modelValue: { default: null },
+		searchSource: {},
+		label: {},
+		labelHidden: {
+			type: Boolean,
+			default: false
+		},
+		description: {},
+		labelTooltip: {},
+		placeholder: {},
+		disabled: {
+			type: Boolean,
+			default: false
+		},
+		disabledReason: {},
+		disabledMessage: {},
+		status: { default: "default" },
+		statusMessage: {},
+		size: { default: "md" },
+		clearable: {
+			type: Boolean,
+			default: true
+		},
+		hasClear: {
+			type: Boolean,
+			default: true
+		},
+		debounceMs: { default: 150 },
+		maxMenuItems: { default: 10 },
+		minQueryLength: { default: 1 },
+		showOnFocus: {
+			type: Boolean,
+			default: false
+		},
+		hasEntriesOnFocus: { type: Boolean },
+		hasAutoFocus: {
+			type: Boolean,
+			default: false
+		},
+		emptyText: {},
+		emptySearchText: {},
+		required: {
+			type: Boolean,
+			default: false
+		},
+		optional: {
+			type: Boolean,
+			default: false
+		},
+		name: {},
+		width: {}
+	},
+	emits: [
+		"update:modelValue",
+		"change",
+		"search",
+		"changeQuery",
+		"openChange"
+	],
+	setup(__props, { expose: __expose, emit: __emit }) {
+		const props = __props;
+		const emit = __emit;
+		const attrs = useAttrs();
+		provide(typeaheadChromeKey, true);
+		const inputId = `astryx-typeahead-${useId()}`;
+		const base = useTemplateRef("base");
+		/** 新名 disabledMessage 优先，旧名 disabledReason 继续可用。 */
+		const disabledMessage = computed(() => {
+			const message = props.disabledMessage?.trim() ? props.disabledMessage : props.disabledReason;
+			return message?.trim() ? message : void 0;
+		});
+		/** 两个名字都是真才画清除按钮，任一个关掉就关掉。 */
+		const showsClear = computed(() => props.hasClear && props.clearable);
+		/** 两个名字任一为真就在聚焦时先展开。 */
+		const showsEntriesOnFocus = computed(() => props.hasEntriesOnFocus || props.showOnFocus);
+		const emptySearchText = computed(() => props.emptySearchText ?? props.emptyText);
+		const fieldStatus = computed(() => {
+			if (!props.statusMessage || props.status === "default") return void 0;
+			return {
+				type: props.status,
+				message: props.statusMessage
+			};
+		});
+		__expose({
+			focus: () => base.value?.focus(),
+			blur: () => base.value?.blur()
+		});
+		return (_ctx, _cache) => {
+			return openBlock(), createBlock(_sfc_main$4, {
+				class: normalizeClass(["astryx-typeahead", [`size-${props.size}`]]),
+				label: props.label,
+				"input-id": inputId,
+				description: props.description,
+				"label-tooltip": props.labelTooltip,
+				"is-label-hidden": props.labelHidden,
+				"is-disabled": props.disabled,
+				"is-required": props.required,
+				"is-optional": props.optional,
+				status: fieldStatus.value,
+				width: props.width
+			}, {
+				default: withCtx((field) => [createVNode(_sfc_main$1, mergeProps({
+					ref_key: "base",
+					ref: base
+				}, unref(attrs), {
+					"model-value": props.modelValue,
+					"search-source": props.searchSource,
+					"input-id": field.inputId,
+					"described-by": field.describedBy,
+					placeholder: props.placeholder,
+					disabled: props.disabled,
+					"disabled-reason": disabledMessage.value,
+					status: props.status,
+					size: props.size,
+					clearable: showsClear.value,
+					"debounce-ms": props.debounceMs,
+					"max-menu-items": props.maxMenuItems,
+					"min-query-length": props.minQueryLength,
+					"show-on-focus": showsEntriesOnFocus.value,
+					"has-auto-focus": props.hasAutoFocus,
+					"empty-search-text": emptySearchText.value,
+					required: props.required,
+					name: props.name,
+					"onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => emit("update:modelValue", $event)),
+					onChange: _cache[1] || (_cache[1] = ($event) => emit("change", $event)),
+					onSearch: _cache[2] || (_cache[2] = ($event) => emit("search", $event)),
+					onChangeQuery: _cache[3] || (_cache[3] = ($event) => emit("changeQuery", $event)),
+					onOpenChange: _cache[4] || (_cache[4] = ($event) => emit("openChange", $event))
+				}), createSlots({ _: 2 }, [
+					_ctx.$slots.icon ? {
+						name: "icon",
+						fn: withCtx(() => [renderSlot(_ctx.$slots, "icon")]),
+						key: "0"
+					} : void 0,
+					_ctx.$slots.item ? {
+						name: "item",
+						fn: withCtx((slotProps) => [renderSlot(_ctx.$slots, "item", {
+							item: slotProps.item,
+							isActive: slotProps.isActive,
+							isSelected: slotProps.isSelected
+						})]),
+						key: "1"
+					} : void 0,
+					_ctx.$slots.empty ? {
+						name: "empty",
+						fn: withCtx(() => [renderSlot(_ctx.$slots, "empty")]),
+						key: "2"
+					} : void 0
+				]), 1040, [
+					"model-value",
+					"search-source",
+					"input-id",
+					"described-by",
+					"placeholder",
+					"disabled",
+					"disabled-reason",
+					"status",
+					"size",
+					"clearable",
+					"debounce-ms",
+					"max-menu-items",
+					"min-query-length",
+					"show-on-focus",
+					"has-auto-focus",
+					"empty-search-text",
+					"required",
+					"name"
+				])]),
+				_: 3
+			}, 8, [
+				"class",
+				"label",
+				"description",
+				"label-tooltip",
+				"is-label-hidden",
+				"is-disabled",
+				"is-required",
+				"is-optional",
+				"status",
+				"width"
+			]);
+		};
+	}
+});
+//#endregion
+export { _sfc_main$1 as n, _sfc_main as t };