npm - bootstrap-vue-next - Versions diffs - 0.45.9 → 0.46.0 - Mend

bootstrap-vue-next 0.45.9 → 0.46.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (913) hide show

package/dist/{BAutocomplete-CH-bQzME.mjs → BAutocomplete-DGvKY7-D.js} RENAMED Viewed

@@ -1,24 +1,26 @@
-import { S as useVModel, j as refAutoReset, o as unrefElement, w as createEventHook } from "./dist-Dk9C_HFS.mjs";
-import { t as useDefaults } from "./useDefaults-DseelK6y.mjs";
-import { t as useId$1 } from "./useId-D1sqXtwx.mjs";
-import { t as BCloseButton_default } from "./BCloseButton-CKTKr4PS.mjs";
-import { t as BButton_default } from "./BButton-PY7AANXJ.mjs";
-import { a as useDirection, c as createContext, i as Slot, n as usePrimitiveElement, o as injectConfigProviderContext, r as Primitive } from "./VisuallyHidden-C4sXnc-k.mjs";
-import { n as getActiveElement, t as useForwardExpose } from "./useForwardExpose-Cob6LlGd.mjs";
-import { a as FocusScope_default, c as useId$2, d as useForwardProps, f as useFocusGuards, i as Teleport_default, l as useHideOthers, m as handleAndDispatchCustomEvent, n as PopperAnchor_default, o as DismissableLayer_default, p as useBodyScrollLock, r as PopperRoot_default, s as Presence_default, t as PopperContent_default, u as useForwardPropsEmits } from "./PopperContent-DmSgsjSC.mjs";
-import { t as useKbd } from "./useKbd-DfmgFov6.mjs";
-import { t as VisuallyHiddenInput_default } from "./VisuallyHiddenInput-DKIzxsQR.mjs";
-import { t as BInputGroup_default } from "./BInputGroup-X2Z53RJx.mjs";
-import { t as useAriaInvalid } from "./useAriaInvalid-apOwgexm.mjs";
-import { t as BFormInput_default } from "./BFormInput-sEfU3CuN.mjs";
-import { t as BFormTag_default } from "./BFormTag-CnzI39y9.mjs";
-import { t as useFormSelect } from "./useFormSelect-BM0rsjni.mjs";
+import { t as createEventHook } from "./dist-DKc2ivHS.js";
+import { S as useVModel, o as unrefElement } from "./dist-9-XTMhb-.js";
+import { t as useDefaults } from "./useDefaults-BzP4qZBu.js";
+import { t as useId$1 } from "./useId-Fh-Arhb7.js";
+import { t as BCloseButton_default } from "./BCloseButton-B3-IdpNp.js";
+import { t as BButton_default } from "./BButton-KZu5jczf.js";
+import { a as useDirection, c as getActiveElement, i as Slot, l as createContext, n as usePrimitiveElement, o as injectConfigProviderContext, r as Primitive } from "./VisuallyHidden-BYzyjJiY.js";
+import { a as FocusScope_default, c as useId$2, d as useForwardProps, f as useFocusGuards, i as Teleport_default, l as useHideOthers, m as handleAndDispatchCustomEvent, n as PopperAnchor_default, o as DismissableLayer_default, p as useBodyScrollLock, r as PopperRoot_default, s as Presence_default, t as PopperContent_default, u as useForwardPropsEmits } from "./PopperContent-C9eeL6LH.js";
+import { t as useKbd } from "./useKbd-DRsaFU_f.js";
+import { a as refAutoReset, t as isClient } from "./dist-B-regXAP.js";
+import { n as useComposing, t as VisuallyHiddenInput_default } from "./VisuallyHiddenInput-CUrc8XXa.js";
+import { t as useForwardExpose } from "./useForwardExpose-DDvk7mir.js";
+import { t as BInputGroup_default } from "./BInputGroup-DdoeSICR.js";
+import { t as useAriaInvalid } from "./useAriaInvalid-CRUhkD2V.js";
+import { t as BFormInput_default } from "./BFormInput-BwvdFGDu.js";
+import { t as BFormTag_default } from "./BFormTag-DGSUfz7A.js";
+import { t as useFormSelect } from "./useFormSelect-CwS8YuiQ.js";
 import { Fragment, computed, createBlock, createCommentVNode, createElementBlock, createElementVNode, createTextVNode, createVNode, defineComponent, getCurrentInstance, guardReactiveProps, h, inject, isRef, markRaw, mergeModels, mergeProps, nextTick, normalizeClass, normalizeProps, onMounted, onUnmounted, openBlock, provide, ref, renderList, renderSlot, resolveDynamicComponent, toDisplayString, toRefs, toValue, unref, useModel, useTemplateRef, watch, watchEffect, watchSyncEffect, withCtx, withKeys, withMemo, withModifiers } from "vue";
 //#region ../../node_modules/.pnpm/ohash@2.0.11/node_modules/ohash/dist/shared/ohash.D__AXeF1.mjs
 function serialize(o) {
 	return typeof o == "string" ? `'${o}'` : new c().serialize(o);
 }
-var c = /* @__PURE__ */ function() {
+var c = /*@__PURE__*/ function() {
 	class o {
 		#t = /* @__PURE__ */ new Map();
 		compare(t, r) {
@@ -122,7 +124,7 @@ function isEqual(object1, object2) {
 	return false;
 }
 //#endregion
-//#region ../../node_modules/.pnpm/reka-ui@2.9.2_vue@3.5.31_typescript@5.9.3_/node_modules/reka-ui/dist/shared/arrays.js
+//#region ../../node_modules/.pnpm/reka-ui@2.10.3_vue@3.5.41_typescript@5.9.3_/node_modules/reka-ui/dist/shared/arrays.js
 /**
 * The function `findValuesBetween` takes an array and two values, then returns a subarray containing
 * elements between the first occurrence of the start value and the first occurrence of the end value
@@ -145,7 +147,7 @@ function findValuesBetween(array, start, end) {
 	return array.slice(minIndex, maxIndex + 1);
 }
 //#endregion
-//#region ../../node_modules/.pnpm/reka-ui@2.9.2_vue@3.5.31_typescript@5.9.3_/node_modules/reka-ui/dist/shared/useFilter.js
+//#region ../../node_modules/.pnpm/reka-ui@2.10.3_vue@3.5.41_typescript@5.9.3_/node_modules/reka-ui/dist/shared/useFilter.js
 /**
 * Provides locale-aware string filtering functions.
 * Uses `Intl.Collator` for comparison to ensure proper Unicode handling.
@@ -198,12 +200,12 @@ function useFilter(options) {
 	};
 }
 //#endregion
-//#region ../../node_modules/.pnpm/reka-ui@2.9.2_vue@3.5.31_typescript@5.9.3_/node_modules/reka-ui/dist/shared/useFormControl.js
+//#region ../../node_modules/.pnpm/reka-ui@2.10.3_vue@3.5.41_typescript@5.9.3_/node_modules/reka-ui/dist/shared/useFormControl.js
 function useFormControl(el) {
 	return computed(() => toValue(el) ? Boolean(unrefElement(el)?.closest("form")) : true);
 }
 //#endregion
-//#region ../../node_modules/.pnpm/reka-ui@2.9.2_vue@3.5.31_typescript@5.9.3_/node_modules/reka-ui/dist/shared/useTypeahead.js
+//#region ../../node_modules/.pnpm/reka-ui@2.10.3_vue@3.5.41_typescript@5.9.3_/node_modules/reka-ui/dist/shared/useTypeahead.js
 function useTypeahead(callback) {
 	const search = refAutoReset("", 1e3);
 	const handleTypeaheadSearch = (key, items) => {
@@ -264,7 +266,7 @@ function getNextMatch(values, search, currentMatch) {
 	return nextMatch !== currentMatch ? nextMatch : void 0;
 }
 //#endregion
-//#region ../../node_modules/.pnpm/reka-ui@2.9.2_vue@3.5.31_typescript@5.9.3_/node_modules/reka-ui/dist/Collection/Collection.js
+//#region ../../node_modules/.pnpm/reka-ui@2.10.3_vue@3.5.41_typescript@5.9.3_/node_modules/reka-ui/dist/Collection/Collection.js
 var ITEM_DATA_ATTR = "data-reka-collection-item";
 function useCollection(options = {}) {
 	const { key = "", isProvider = false } = options;
@@ -282,11 +284,12 @@ function useCollection(options = {}) {
 		const collectionNode = context.collectionRef.value;
 		if (!collectionNode) return [];
 		const orderedNodes = Array.from(collectionNode.querySelectorAll(`[${ITEM_DATA_ATTR}]`));
-		const orderedItems = Array.from(context.itemMap.value.values()).sort((a, b) => orderedNodes.indexOf(a.ref) - orderedNodes.indexOf(b.ref));
+		const orderMap = new Map(orderedNodes.map((node, index) => [node, index]));
+		const orderedItems = Array.from(context.itemMap.value.values()).sort((a, b) => (orderMap.get(a.ref) ?? -1) - (orderMap.get(b.ref) ?? -1));
 		if (includeDisabledItem) return orderedItems;
 		else return orderedItems.filter((i) => i.ref.dataset.disabled !== "");
 	};
-	const CollectionSlot = defineComponent({
+	const CollectionSlot = /*#__PURE__*/ defineComponent({
 		name: "CollectionSlot",
 		inheritAttrs: false,
 		setup(_, { slots, attrs }) {
@@ -300,7 +303,7 @@ function useCollection(options = {}) {
 			}, slots);
 		}
 	});
-	const CollectionItem = defineComponent({
+	const CollectionItem = /*#__PURE__*/ defineComponent({
 		name: "CollectionItem",
 		inheritAttrs: false,
 		props: { value: { validator: () => true } },
@@ -332,7 +335,7 @@ function useCollection(options = {}) {
 	};
 }
 //#endregion
-//#region ../../node_modules/.pnpm/reka-ui@2.9.2_vue@3.5.31_typescript@5.9.3_/node_modules/reka-ui/dist/Listbox/utils.js
+//#region ../../node_modules/.pnpm/reka-ui@2.10.3_vue@3.5.41_typescript@5.9.3_/node_modules/reka-ui/dist/Listbox/utils.js
 function valueComparator(value, currentValue, comparator) {
 	if (value === void 0) return false;
 	else if (Array.isArray(value)) return value.some((val) => compare(val, currentValue, comparator));
@@ -346,7 +349,7 @@ function compare(value, currentValue, comparator) {
 	return isEqual(value, currentValue);
 }
 //#endregion
-//#region ../../node_modules/.pnpm/reka-ui@2.9.2_vue@3.5.31_typescript@5.9.3_/node_modules/reka-ui/dist/RovingFocus/utils.js
+//#region ../../node_modules/.pnpm/reka-ui@2.10.3_vue@3.5.41_typescript@5.9.3_/node_modules/reka-ui/dist/RovingFocus/utils.js
 var MAP_KEY_TO_FOCUS_INTENT = {
 	ArrowLeft: "prev",
 	ArrowUp: "prev",
@@ -368,8 +371,8 @@ function getFocusIntent(event, orientation, dir) {
 	return MAP_KEY_TO_FOCUS_INTENT[key];
 }
 //#endregion
-//#region ../../node_modules/.pnpm/reka-ui@2.9.2_vue@3.5.31_typescript@5.9.3_/node_modules/reka-ui/dist/Listbox/ListboxRoot.js
-var [injectListboxRootContext, provideListboxRootContext] = createContext("ListboxRoot");
+//#region ../../node_modules/.pnpm/reka-ui@2.10.3_vue@3.5.41_typescript@5.9.3_/node_modules/reka-ui/dist/Listbox/ListboxRoot.js
+var [injectListboxRootContext, provideListboxRootContext] = /*#__PURE__*/ createContext("ListboxRoot");
 var ListboxRoot_default = /* @__PURE__ */ defineComponent({
 	__name: "ListboxRoot",
 	props: {
@@ -481,12 +484,13 @@ var ListboxRoot_default = /* @__PURE__ */ defineComponent({
 		function getCollectionItem() {
 			return getItems().map((i) => i.ref).filter((i) => i.dataset.disabled !== "");
 		}
-		function changeHighlight(el, scrollIntoView = true) {
+		function changeHighlight(el, scrollIntoView = true, focus) {
 			if (!el) return;
 			highlightedElement.value = el;
-			if (focusable.value) highlightedElement.value.focus();
+			if (focus ?? focusable.value) highlightedElement.value.focus();
 			if (scrollIntoView) highlightedElement.value.scrollIntoView({ block: "nearest" });
-			emits("highlight", getItems().find((i) => i.ref === el));
+			const highlightedItem = getItems().find((i) => i.ref === el);
+			emits("highlight", highlightedItem);
 		}
 		function highlightItem(value) {
 			if (isVirtual.value) virtualHighlightHook.trigger(value);
@@ -500,6 +504,7 @@ var ListboxRoot_default = /* @__PURE__ */ defineComponent({
 		}
 		function onKeydownEnter(event) {
 			if (highlightedElement.value && highlightedElement.value.isConnected) {
+				if (event.ctrlKey || event.metaKey || event.altKey) return;
 				event.preventDefault();
 				event.stopPropagation();
 				if (!isComposing.value) highlightedElement.value.click();
@@ -513,9 +518,11 @@ var ListboxRoot_default = /* @__PURE__ */ defineComponent({
 				const isMetaKey = event.altKey || event.ctrlKey || event.metaKey;
 				if (isMetaKey && event.key === "a" && multiple.value) {
 					const collection = getItems();
-					modelValue.value = [...collection.map((i) => i.value)];
+					const values = collection.map((i) => i.value);
+					modelValue.value = [...values];
 					event.preventDefault();
-					changeHighlight(collection[collection.length - 1].ref);
+					const lastItem = collection.at(-1);
+					if (lastItem) changeHighlight(lastItem.ref);
 				} else if (!isMetaKey) {
 					const el = handleTypeaheadSearch(event.key, getItems());
 					if (el) changeHighlight(el);
@@ -583,26 +590,37 @@ var ListboxRoot_default = /* @__PURE__ */ defineComponent({
 			if (event.shiftKey) {
 				const collection = getItems().filter((i) => i.ref.dataset.disabled !== "");
 				let lastValue = collection.find((i) => i.ref === targetEl)?.value;
-				if (event.key === kbd.END) lastValue = collection[collection.length - 1].value;
-				else if (event.key === kbd.HOME) lastValue = collection[0].value;
+				if (event.key === kbd.END) lastValue = collection.at(-1)?.value;
+				else if (event.key === kbd.HOME) lastValue = collection[0]?.value;
 				if (!lastValue || !firstValue.value) return;
-				modelValue.value = findValuesBetween(collection.map((i) => i.value), firstValue.value, lastValue);
+				const values = findValuesBetween(collection.map((i) => i.value), firstValue.value, lastValue);
+				modelValue.value = values;
 			}
 		}
-		async function highlightSelected(event) {
+		async function highlightSelected(event, scroll = true) {
+			if (!isClient) return;
 			await nextTick();
-			if (isVirtual.value) virtualFocusHook.trigger(event);
+			if (isVirtual.value) virtualFocusHook.trigger({
+				event,
+				scroll
+			});
 			else {
 				const collection = getCollectionItem();
 				const item = collection.find((i) => i.dataset.state === "checked");
-				if (item) changeHighlight(item);
-				else if (collection.length) changeHighlight(collection[0]);
+				const focus = scroll ? void 0 : false;
+				if (item) changeHighlight(item, scroll, focus);
+				else if (collection.length) changeHighlight(collection[0], scroll, focus);
 			}
 		}
+		let hasHighlightedOnMount = false;
 		watch(modelValue, () => {
-			if (!isUserAction.value) nextTick(() => {
-				highlightSelected();
-			});
+			if (!isUserAction.value) {
+				const scroll = hasHighlightedOnMount;
+				hasHighlightedOnMount = true;
+				nextTick(() => {
+					highlightSelected(void 0, scroll);
+				});
+			}
 		}, {
 			immediate: true,
 			deep: true
@@ -679,7 +697,7 @@ var ListboxRoot_default = /* @__PURE__ */ defineComponent({
 	}
 });
 //#endregion
-//#region ../../node_modules/.pnpm/reka-ui@2.9.2_vue@3.5.31_typescript@5.9.3_/node_modules/reka-ui/dist/Listbox/ListboxContent.js
+//#region ../../node_modules/.pnpm/reka-ui@2.10.3_vue@3.5.41_typescript@5.9.3_/node_modules/reka-ui/dist/Listbox/ListboxContent.js
 var ListboxContent_default = /* @__PURE__ */ defineComponent({
 	__name: "ListboxContent",
 	props: {
@@ -745,7 +763,7 @@ var ListboxContent_default = /* @__PURE__ */ defineComponent({
 	}
 });
 //#endregion
-//#region ../../node_modules/.pnpm/reka-ui@2.9.2_vue@3.5.31_typescript@5.9.3_/node_modules/reka-ui/dist/Listbox/ListboxFilter.js
+//#region ../../node_modules/.pnpm/reka-ui@2.10.3_vue@3.5.41_typescript@5.9.3_/node_modules/reka-ui/dist/Listbox/ListboxFilter.js
 var ListboxFilter_default = /* @__PURE__ */ defineComponent({
 	__name: "ListboxFilter",
 	props: {
@@ -792,6 +810,29 @@ var ListboxFilter_default = /* @__PURE__ */ defineComponent({
 		onUnmounted(() => {
 			rootContext.focusable.value = true;
 		});
+		const { isComposing, shouldDeferInput, handleCompositionStart, handleCompositionUpdate, handleCompositionEnd } = useComposing((event) => {
+			modelValue.value = event.target.value;
+			rootContext.onCompositionEnd();
+			rootContext.highlightFirstItem();
+		});
+		function onCompositionStart() {
+			rootContext.onCompositionStart();
+			handleCompositionStart();
+		}
+		function handleInput(event) {
+			if (shouldDeferInput.value) return;
+			modelValue.value = event.target.value;
+			rootContext.highlightFirstItem();
+		}
+		function handleKeydownNavigation(event) {
+			if (isComposing.value) return;
+			event.preventDefault();
+			rootContext.onKeydownNavigation(event);
+		}
+		function handleKeydownEnter(event) {
+			if (isComposing.value) return;
+			rootContext.onKeydownEnter(event);
+		}
 		return (_ctx, _cache) => {
 			return openBlock(), createBlock(unref(Primitive), {
 				ref_key: "primitiveElement",
@@ -804,18 +845,16 @@ var ListboxFilter_default = /* @__PURE__ */ defineComponent({
 				"aria-disabled": disabled.value ?? void 0,
 				"aria-activedescendant": activedescendant.value,
 				type: "text",
-				onKeydown: [withKeys(withModifiers(unref(rootContext).onKeydownNavigation, ["prevent"]), [
+				onKeydown: [withKeys(handleKeydownNavigation, [
 					"down",
 					"up",
 					"home",
 					"end"
-				]), withKeys(unref(rootContext).onKeydownEnter, ["enter"])],
-				onInput: _cache[0] || (_cache[0] = (event) => {
-					modelValue.value = event.target.value;
-					unref(rootContext).highlightFirstItem();
-				}),
-				onCompositionstart: unref(rootContext).onCompositionStart,
-				onCompositionend: unref(rootContext).onCompositionEnd
+				]), withKeys(handleKeydownEnter, ["enter"])],
+				onInput: handleInput,
+				onCompositionstart: onCompositionStart,
+				onCompositionupdate: unref(handleCompositionUpdate),
+				onCompositionend: unref(handleCompositionEnd)
 			}, {
 				default: withCtx(() => [renderSlot(_ctx.$slots, "default", { modelValue: unref(modelValue) })]),
 				_: 3
@@ -827,17 +866,16 @@ var ListboxFilter_default = /* @__PURE__ */ defineComponent({
 				"data-disabled",
 				"aria-disabled",
 				"aria-activedescendant",
-				"onKeydown",
-				"onCompositionstart",
+				"onCompositionupdate",
 				"onCompositionend"
 			]);
 		};
 	}
 });
 //#endregion
-//#region ../../node_modules/.pnpm/reka-ui@2.9.2_vue@3.5.31_typescript@5.9.3_/node_modules/reka-ui/dist/Listbox/ListboxItem.js
+//#region ../../node_modules/.pnpm/reka-ui@2.10.3_vue@3.5.41_typescript@5.9.3_/node_modules/reka-ui/dist/Listbox/ListboxItem.js
 var LISTBOX_SELECT = "listbox.select";
-var [injectListboxItemContext, provideListboxItemContext] = createContext("ListboxItem");
+var [injectListboxItemContext, provideListboxItemContext] = /*#__PURE__*/ createContext("ListboxItem");
 var ListboxItem_default = /* @__PURE__ */ defineComponent({
 	__name: "ListboxItem",
 	props: {
@@ -867,7 +905,7 @@ var ListboxItem_default = /* @__PURE__ */ defineComponent({
 		const { CollectionItem } = useCollection();
 		const { forwardRef, currentElement } = useForwardExpose();
 		const rootContext = injectListboxRootContext();
-		const isHighlighted = computed(() => currentElement.value === rootContext.highlightedElement.value);
+		const isHighlighted = computed(() => currentElement.value != null && currentElement.value === rootContext.highlightedElement.value);
 		const isSelected = computed(() => valueComparator(rootContext.modelValue.value, props.value, rootContext.by));
 		const disabled = computed(() => rootContext.disabled.value || props.disabled);
 		async function handleSelect(ev) {
@@ -879,15 +917,21 @@ var ListboxItem_default = /* @__PURE__ */ defineComponent({
 			}
 		}
 		function handleSelectCustomEvent(ev) {
-			handleAndDispatchCustomEvent(LISTBOX_SELECT, handleSelect, {
+			const eventDetail = {
 				originalEvent: ev,
 				value: props.value
-			});
+			};
+			handleAndDispatchCustomEvent(LISTBOX_SELECT, handleSelect, eventDetail);
 		}
 		provideListboxItemContext({ isSelected });
 		return (_ctx, _cache) => {
 			return openBlock(), createBlock(unref(CollectionItem), { value: _ctx.value }, {
-				default: withCtx(() => [withMemo([isHighlighted.value, isSelected.value], () => createVNode(unref(Primitive), mergeProps({ id: unref(id) }, _ctx.$attrs, {
+				default: withCtx(() => [withMemo([
+					isHighlighted.value,
+					isSelected.value,
+					disabled.value,
+					unref(rootContext).focusable.value
+				], () => createVNode(unref(Primitive), mergeProps({ id: unref(id) }, _ctx.$attrs, {
 					ref: unref(forwardRef),
 					role: "option",
 					tabindex: unref(rootContext).focusable.value ? isHighlighted.value ? "0" : "-1" : -1,
@@ -902,7 +946,7 @@ var ListboxItem_default = /* @__PURE__ */ defineComponent({
 					onKeydown: withKeys(withModifiers(handleSelectCustomEvent, ["prevent"]), ["space"]),
 					onPointermove: _cache[0] || (_cache[0] = () => {
 						if (unref(rootContext).highlightedElement.value === unref(currentElement)) return;
-						if (unref(rootContext).highlightOnHover.value && !unref(rootContext).focusable.value) unref(rootContext).changeHighlight(unref(currentElement), false);
+						if (unref(rootContext).highlightOnHover.value) unref(rootContext).changeHighlight(unref(currentElement), false, false);
 					})
 				}), {
 					default: withCtx(() => [renderSlot(_ctx.$slots, "default")]),
@@ -925,7 +969,7 @@ var ListboxItem_default = /* @__PURE__ */ defineComponent({
 	}
 });
 //#endregion
-//#region ../../node_modules/.pnpm/reka-ui@2.9.2_vue@3.5.31_typescript@5.9.3_/node_modules/reka-ui/dist/Listbox/ListboxItemIndicator.js
+//#region ../../node_modules/.pnpm/reka-ui@2.10.3_vue@3.5.41_typescript@5.9.3_/node_modules/reka-ui/dist/Listbox/ListboxItemIndicator.js
 var ListboxItemIndicator_default = /* @__PURE__ */ defineComponent({
 	__name: "ListboxItemIndicator",
 	props: {
@@ -955,8 +999,8 @@ var ListboxItemIndicator_default = /* @__PURE__ */ defineComponent({
 	}
 });
 //#endregion
-//#region ../../node_modules/.pnpm/reka-ui@2.9.2_vue@3.5.31_typescript@5.9.3_/node_modules/reka-ui/dist/Combobox/ComboboxRoot.js
-var [injectComboboxRootContext, provideComboboxRootContext] = createContext("ComboboxRoot");
+//#region ../../node_modules/.pnpm/reka-ui@2.10.3_vue@3.5.41_typescript@5.9.3_/node_modules/reka-ui/dist/Combobox/ComboboxRoot.js
+var [injectComboboxRootContext, provideComboboxRootContext] = /*#__PURE__*/ createContext("ComboboxRoot");
 var ComboboxRoot_default = /* @__PURE__ */ defineComponent({
 	__name: "ComboboxRoot",
 	props: {
@@ -1198,7 +1242,7 @@ var ComboboxRoot_default = /* @__PURE__ */ defineComponent({
 	}
 });
 //#endregion
-//#region ../../node_modules/.pnpm/reka-ui@2.9.2_vue@3.5.31_typescript@5.9.3_/node_modules/reka-ui/dist/Combobox/ComboboxAnchor.js
+//#region ../../node_modules/.pnpm/reka-ui@2.10.3_vue@3.5.41_typescript@5.9.3_/node_modules/reka-ui/dist/Combobox/ComboboxAnchor.js
 var ComboboxAnchor_default = /* @__PURE__ */ defineComponent({
 	__name: "ComboboxAnchor",
 	props: {
@@ -1236,8 +1280,8 @@ var ComboboxAnchor_default = /* @__PURE__ */ defineComponent({
 	}
 });
 //#endregion
-//#region ../../node_modules/.pnpm/reka-ui@2.9.2_vue@3.5.31_typescript@5.9.3_/node_modules/reka-ui/dist/Combobox/ComboboxContentImpl.js
-var [injectComboboxContentContext, provideComboboxContentContext] = createContext("ComboboxContent");
+//#region ../../node_modules/.pnpm/reka-ui@2.10.3_vue@3.5.41_typescript@5.9.3_/node_modules/reka-ui/dist/Combobox/ComboboxContentImpl.js
+var [injectComboboxContentContext, provideComboboxContentContext] = /*#__PURE__*/ createContext("ComboboxContent");
 var ComboboxContentImpl_default = /* @__PURE__ */ defineComponent({
 	__name: "ComboboxContentImpl",
 	props: {
@@ -1254,6 +1298,10 @@ var ComboboxContentImpl_default = /* @__PURE__ */ defineComponent({
 			type: Boolean,
 			required: false
 		},
+		memoDependencies: {
+			type: Array,
+			required: false
+		},
 		side: {
 			type: null,
 			required: false
@@ -1326,6 +1374,10 @@ var ComboboxContentImpl_default = /* @__PURE__ */ defineComponent({
 			type: null,
 			required: false
 		},
+		dir: {
+			type: String,
+			required: false
+		},
 		asChild: {
 			type: Boolean,
 			required: false
@@ -1355,10 +1407,11 @@ var ComboboxContentImpl_default = /* @__PURE__ */ defineComponent({
 		useBodyScrollLock(props.bodyLock);
 		useFocusGuards();
 		useHideOthers(rootContext.parentElement);
-		const forwardedProps = useForwardProps(computed(() => {
+		const pickedProps = computed(() => {
 			if (props.position === "popper") return props;
 			else return {};
-		}).value);
+		});
+		const forwardedProps = useForwardProps(pickedProps.value);
 		const popperStyle = {
 			"boxSizing": "border-box",
 			"--reka-combobox-content-transform-origin": "var(--reka-popper-transform-origin)",
@@ -1379,6 +1432,11 @@ var ComboboxContentImpl_default = /* @__PURE__ */ defineComponent({
 			const activeElement = getActiveElement();
 			if (isInputWithinContent.value && (!activeElement || activeElement === document.body)) rootContext.triggerElement.value?.focus();
 		});
+		function isEventTargetWithinCombobox(target) {
+			if (rootContext.parentElement.value?.contains(target)) return true;
+			const control = (target instanceof Element ? target.closest("label") : null)?.control;
+			return !!control && !!rootContext.parentElement.value?.contains(control);
+		}
 		return (_ctx, _cache) => {
 			return openBlock(), createBlock(unref(ListboxContent_default), { "as-child": "" }, {
 				default: withCtx(() => [createVNode(unref(FocusScope_default), {
@@ -1391,13 +1449,13 @@ var ComboboxContentImpl_default = /* @__PURE__ */ defineComponent({
 						"disable-outside-pointer-events": _ctx.disableOutsidePointerEvents,
 						onDismiss: _cache[0] || (_cache[0] = ($event) => unref(rootContext).onOpenChange(false)),
 						onFocusOutside: _cache[1] || (_cache[1] = (ev) => {
-							if (unref(rootContext).parentElement.value?.contains(ev.target)) ev.preventDefault();
+							if (isEventTargetWithinCombobox(ev.target)) ev.preventDefault();
 							emits("focusOutside", ev);
 						}),
 						onInteractOutside: _cache[2] || (_cache[2] = ($event) => emits("interactOutside", $event)),
 						onEscapeKeyDown: _cache[3] || (_cache[3] = ($event) => emits("escapeKeyDown", $event)),
 						onPointerDownOutside: _cache[4] || (_cache[4] = (ev) => {
-							if (unref(rootContext).parentElement.value?.contains(ev.target)) ev.preventDefault();
+							if (isEventTargetWithinCombobox(ev.target)) ev.preventDefault();
 							emits("pointerDownOutside", ev);
 						})
 					}, {
@@ -1407,6 +1465,7 @@ var ComboboxContentImpl_default = /* @__PURE__ */ defineComponent({
 						}, {
 							id: unref(rootContext).contentId,
 							ref: unref(forwardRef),
+							"memo-dependencies": unref(position) === "popper" ? [unref(rootContext).filterSearch.value, unref(rootContext).filterState.value] : void 0,
 							"data-state": unref(rootContext).open.value ? "open" : "closed",
 							"data-empty": isEmpty.value ? "" : void 0,
 							style: {
@@ -1420,6 +1479,7 @@ var ComboboxContentImpl_default = /* @__PURE__ */ defineComponent({
 							_: 3
 						}, 16, [
 							"id",
+							"memo-dependencies",
 							"data-state",
 							"data-empty",
 							"style"
@@ -1434,7 +1494,7 @@ var ComboboxContentImpl_default = /* @__PURE__ */ defineComponent({
 	}
 });
 //#endregion
-//#region ../../node_modules/.pnpm/reka-ui@2.9.2_vue@3.5.31_typescript@5.9.3_/node_modules/reka-ui/dist/Combobox/ComboboxContent.js
+//#region ../../node_modules/.pnpm/reka-ui@2.10.3_vue@3.5.41_typescript@5.9.3_/node_modules/reka-ui/dist/Combobox/ComboboxContent.js
 var ComboboxContent_default = /* @__PURE__ */ defineComponent({
 	__name: "ComboboxContent",
 	props: {
@@ -1454,6 +1514,10 @@ var ComboboxContent_default = /* @__PURE__ */ defineComponent({
 			type: Boolean,
 			required: false
 		},
+		memoDependencies: {
+			type: Array,
+			required: false
+		},
 		side: {
 			type: null,
 			required: false
@@ -1526,6 +1590,10 @@ var ComboboxContent_default = /* @__PURE__ */ defineComponent({
 			type: null,
 			required: false
 		},
+		dir: {
+			type: String,
+			required: false
+		},
 		asChild: {
 			type: Boolean,
 			required: false
@@ -1565,7 +1633,7 @@ var ComboboxContent_default = /* @__PURE__ */ defineComponent({
 	}
 });
 //#endregion
-//#region ../../node_modules/.pnpm/reka-ui@2.9.2_vue@3.5.31_typescript@5.9.3_/node_modules/reka-ui/dist/Combobox/ComboboxEmpty.js
+//#region ../../node_modules/.pnpm/reka-ui@2.10.3_vue@3.5.41_typescript@5.9.3_/node_modules/reka-ui/dist/Combobox/ComboboxEmpty.js
 var ComboboxEmpty_default = /* @__PURE__ */ defineComponent({
 	__name: "ComboboxEmpty",
 	props: {
@@ -1591,10 +1659,10 @@ var ComboboxEmpty_default = /* @__PURE__ */ defineComponent({
 	}
 });
 //#endregion
-//#region ../../node_modules/.pnpm/reka-ui@2.9.2_vue@3.5.31_typescript@5.9.3_/node_modules/reka-ui/dist/Combobox/ComboboxGroup.js
-var [injectComboboxGroupContext, provideComboboxGroupContext] = createContext("ComboboxGroup");
+//#region ../../node_modules/.pnpm/reka-ui@2.10.3_vue@3.5.41_typescript@5.9.3_/node_modules/reka-ui/dist/Combobox/ComboboxGroup.js
+var [injectComboboxGroupContext, provideComboboxGroupContext] = /*#__PURE__*/ createContext("ComboboxGroup");
 //#endregion
-//#region ../../node_modules/.pnpm/reka-ui@2.9.2_vue@3.5.31_typescript@5.9.3_/node_modules/reka-ui/dist/Combobox/ComboboxInput.js
+//#region ../../node_modules/.pnpm/reka-ui@2.10.3_vue@3.5.41_typescript@5.9.3_/node_modules/reka-ui/dist/Combobox/ComboboxInput.js
 var ComboboxInput_default = /* @__PURE__ */ defineComponent({
 	__name: "ComboboxInput",
 	props: {
@@ -1635,20 +1703,29 @@ var ComboboxInput_default = /* @__PURE__ */ defineComponent({
 		onMounted(() => {
 			if (currentElement.value) rootContext.onInputElementChange(currentElement.value);
 		});
+		const { isComposing, shouldDeferInput, handleCompositionStart, handleCompositionUpdate, handleCompositionEnd } = useComposing((event) => {
+			const el = event.target;
+			if (el) processInputValue(el.value);
+		});
 		function handleKeyDown(ev) {
+			if (isComposing.value) return;
+			ev.preventDefault();
 			if (!rootContext.open.value) rootContext.onOpenChange(true);
 		}
-		function handleInput(event) {
-			const target = event.target;
+		function processInputValue(value) {
 			if (!rootContext.open.value) {
 				rootContext.onOpenChange(true);
 				nextTick(() => {
-					if (target.value) {
-						rootContext.filterSearch.value = target.value;
+					if (value) {
+						rootContext.filterSearch.value = value;
 						listboxContext.highlightFirstItem();
 					}
 				});
-			} else rootContext.filterSearch.value = target.value;
+			} else rootContext.filterSearch.value = value;
+		}
+		function handleInput(event) {
+			if (shouldDeferInput.value) return;
+			processInputValue(event.target.value);
 		}
 		function handleFocus() {
 			if (rootContext.openOnFocus.value && !rootContext.open.value) rootContext.onOpenChange(true);
@@ -1659,7 +1736,11 @@ var ComboboxInput_default = /* @__PURE__ */ defineComponent({
 			if (!nextFocus) return;
 			const isInsideRoot = rootContext.parentElement.value?.contains(nextFocus);
 			const isInsideContent = document.getElementById(rootContext.contentId)?.contains(nextFocus);
-			if (!isInsideRoot && !isInsideContent) rootContext.onOpenChange(false);
+			if (!isInsideRoot && !isInsideContent) requestAnimationFrame(() => {
+				if (!rootContext.open.value) return;
+				const active = document.activeElement;
+				if (!rootContext.parentElement.value?.contains(active) && !document.getElementById(rootContext.contentId)?.contains(active)) rootContext.onOpenChange(false);
+			});
 		}
 		function handleClick() {
 			if (rootContext.openOnClick.value && !rootContext.open.value) rootContext.onOpenChange(true);
@@ -1703,9 +1784,12 @@ var ComboboxInput_default = /* @__PURE__ */ defineComponent({
 				autocomplete: "off",
 				onClick: handleClick,
 				onInput: handleInput,
-				onKeydown: withKeys(withModifiers(handleKeyDown, ["prevent"]), ["down", "up"]),
+				onKeydown: withKeys(handleKeyDown, ["down", "up"]),
 				onFocus: handleFocus,
-				onBlur: handleBlur
+				onBlur: handleBlur,
+				onCompositionstart: unref(handleCompositionStart),
+				onCompositionupdate: unref(handleCompositionUpdate),
+				onCompositionend: unref(handleCompositionEnd)
 			}, {
 				default: withCtx(() => [renderSlot(_ctx.$slots, "default")]),
 				_: 3
@@ -1717,13 +1801,15 @@ var ComboboxInput_default = /* @__PURE__ */ defineComponent({
 				"disabled",
 				"aria-expanded",
 				"aria-controls",
-				"onKeydown"
+				"onCompositionstart",
+				"onCompositionupdate",
+				"onCompositionend"
 			]);
 		};
 	}
 });
 //#endregion
-//#region ../../node_modules/.pnpm/reka-ui@2.9.2_vue@3.5.31_typescript@5.9.3_/node_modules/reka-ui/dist/Combobox/ComboboxItem.js
+//#region ../../node_modules/.pnpm/reka-ui@2.10.3_vue@3.5.41_typescript@5.9.3_/node_modules/reka-ui/dist/Combobox/ComboboxItem.js
 var ComboboxItem_default = /* @__PURE__ */ defineComponent({
 	__name: "ComboboxItem",
 	props: {
@@ -1768,14 +1854,23 @@ var ComboboxItem_default = /* @__PURE__ */ defineComponent({
 		onMounted(() => {
 			rootContext.allItems.value.set(id, props.textValue || currentElement.value.textContent || currentElement.value.innerText);
 			const groupId = groupContext?.id;
-			if (groupId) if (!rootContext.allGroups.value.has(groupId)) rootContext.allGroups.value.set(groupId, new Set([id]));
+			if (groupId) if (!rootContext.allGroups.value.has(groupId)) rootContext.allGroups.value.set(groupId, /* @__PURE__ */ new Set([id]));
 			else rootContext.allGroups.value.get(groupId)?.add(id);
 		});
 		onUnmounted(() => {
 			rootContext.allItems.value.delete(id);
 		});
 		return (_ctx, _cache) => {
-			return isRender.value ? (openBlock(), createBlock(unref(ListboxItem_default), mergeProps({ key: 0 }, props, {
+			return isRender.value ? withMemo([
+				isRender.value,
+				unref(rootContext).filterSearch.value,
+				unref(rootContext).disabled.value,
+				_ctx.disabled,
+				props.value,
+				props.as,
+				props.asChild,
+				...Object.values(_ctx.$attrs)
+			], () => (openBlock(), createBlock(unref(ListboxItem_default), mergeProps({ key: 0 }, props, {
 				id: unref(id),
 				ref_key: "primitiveElement",
 				ref: primitiveElement,
@@ -1787,17 +1882,17 @@ var ComboboxItem_default = /* @__PURE__ */ defineComponent({
 						event.preventDefault();
 						unref(rootContext).onOpenChange(false);
 						unref(rootContext).modelValue.value = props.value;
-					}
+					} else if (unref(rootContext).multiple.value) unref(rootContext).inputElement.value?.focus();
 				})
 			}), {
 				default: withCtx(() => [renderSlot(_ctx.$slots, "default", {}, () => [createTextVNode(toDisplayString(_ctx.value), 1)])]),
 				_: 3
-			}, 16, ["id", "disabled"])) : createCommentVNode("v-if", true);
+			}, 16, ["id", "disabled"])), _cache, 1) : createCommentVNode("v-if", true);
 		};
 	}
 });
 //#endregion
-//#region ../../node_modules/.pnpm/reka-ui@2.9.2_vue@3.5.31_typescript@5.9.3_/node_modules/reka-ui/dist/Combobox/ComboboxItemIndicator.js
+//#region ../../node_modules/.pnpm/reka-ui@2.10.3_vue@3.5.41_typescript@5.9.3_/node_modules/reka-ui/dist/Combobox/ComboboxItemIndicator.js
 var ComboboxItemIndicator_default = /* @__PURE__ */ defineComponent({
 	__name: "ComboboxItemIndicator",
 	props: {
@@ -1822,7 +1917,7 @@ var ComboboxItemIndicator_default = /* @__PURE__ */ defineComponent({
 	}
 });
 //#endregion
-//#region ../../node_modules/.pnpm/reka-ui@2.9.2_vue@3.5.31_typescript@5.9.3_/node_modules/reka-ui/dist/Combobox/ComboboxPortal.js
+//#region ../../node_modules/.pnpm/reka-ui@2.10.3_vue@3.5.41_typescript@5.9.3_/node_modules/reka-ui/dist/Combobox/ComboboxPortal.js
 var ComboboxPortal_default = /* @__PURE__ */ defineComponent({
 	__name: "ComboboxPortal",
 	props: {
@@ -1854,7 +1949,7 @@ var ComboboxPortal_default = /* @__PURE__ */ defineComponent({
 	}
 });
 //#endregion
-//#region ../../node_modules/.pnpm/reka-ui@2.9.2_vue@3.5.31_typescript@5.9.3_/node_modules/reka-ui/dist/Combobox/ComboboxTrigger.js
+//#region ../../node_modules/.pnpm/reka-ui@2.10.3_vue@3.5.41_typescript@5.9.3_/node_modules/reka-ui/dist/Combobox/ComboboxTrigger.js
 var ComboboxTrigger_default = /* @__PURE__ */ defineComponent({
 	__name: "ComboboxTrigger",
 	props: {
@@ -1910,13 +2005,13 @@ var ComboboxTrigger_default = /* @__PURE__ */ defineComponent({
 	}
 });
 //#endregion
-//#region ../../node_modules/.pnpm/reka-ui@2.9.2_vue@3.5.31_typescript@5.9.3_/node_modules/reka-ui/dist/shared/useNonce.js
+//#region ../../node_modules/.pnpm/reka-ui@2.10.3_vue@3.5.41_typescript@5.9.3_/node_modules/reka-ui/dist/shared/useNonce.js
 function useNonce(nonce) {
 	const context = injectConfigProviderContext({ nonce: ref() });
 	return computed(() => nonce?.value || context.nonce?.value);
 }
 //#endregion
-//#region ../../node_modules/.pnpm/reka-ui@2.9.2_vue@3.5.31_typescript@5.9.3_/node_modules/reka-ui/dist/Combobox/ComboboxViewport.js
+//#region ../../node_modules/.pnpm/reka-ui@2.10.3_vue@3.5.41_typescript@5.9.3_/node_modules/reka-ui/dist/Combobox/ComboboxViewport.js
 var ComboboxViewport_default = /* @__PURE__ */ defineComponent({
 	__name: "ComboboxViewport",
 	props: {
@@ -1974,7 +2069,7 @@ var _hoisted_2 = { class: "b-autocomplete-input-wrapper" };
 //#region src/components/BAutocomplete/BAutocomplete.vue
 var BAutocomplete_default = /* @__PURE__ */ defineComponent({
 	__name: "BAutocomplete",
-	props: /* @__PURE__ */ mergeModels({
+	props: /*@__PURE__*/ mergeModels({
 		ariaInvalid: {
 			type: [Boolean, String],
 			default: void 0
@@ -2071,7 +2166,7 @@ var BAutocomplete_default = /* @__PURE__ */ defineComponent({
 		"search": { default: "" },
 		"searchModifiers": {}
 	}),
-	emits: /* @__PURE__ */ mergeModels([
+	emits: /*@__PURE__*/ mergeModels([
 		"blur",
 		"change",
 		"clear",
@@ -2271,7 +2366,6 @@ var BAutocomplete_default = /* @__PURE__ */ defineComponent({
 								"b-autocomplete-selection-pending-delete": pendingDelete.value
 							}])
 						}, [unref(props).tags ? renderSlot(_ctx.$slots, "tags", {
-							key: 0,
 							pendingDelete: pendingDelete.value,
 							selected: selectedOptions.value,
 							remove: removeSelected
@@ -2295,7 +2389,7 @@ var BAutocomplete_default = /* @__PURE__ */ defineComponent({
 								"class",
 								"onRemove"
 							]);
-						}), 128))]) : (openBlock(true), createElementBlock(Fragment, { key: 1 }, renderList(selectedOptions.value, (opt, i) => {
+						}), 128))], void 0, 0) : (openBlock(true), createElementBlock(Fragment, { key: 1 }, renderList(selectedOptions.value, (opt, i) => {
 							return openBlock(), createElementBlock("span", {
 								key: optionKey(opt, i),
 								class: normalizeClass({ "text-body-tertiary": pendingDelete.value && !isLastSelectedOption(opt, i) })
@@ -2393,4 +2487,4 @@ var BAutocomplete_default = /* @__PURE__ */ defineComponent({
 //#endregion
 export { BAutocomplete_default as t };
-//# sourceMappingURL=BAutocomplete-CH-bQzME.mjs.map
+//# sourceMappingURL=BAutocomplete-DGvKY7-D.js.map