import { useForwardExpose } from "../shared/useForwardExpose.js";
import { useId } from "../shared/useId.js";
import { useTypeahead } from "../shared/useTypeahead.js";
import { Primitive } from "../Primitive/Primitive.js";
import { useCollection } from "../Collection/Collection.js";
import { PopperAnchor_default } from "../Popper/PopperAnchor.js";
import { injectFieldRootContext } from "../Field/FieldRoot.js";
import { OPEN_KEYS, shouldShowPlaceholder } from "./utils.js";
import { injectSelectRootContext } from "./SelectRoot.js";
import { computed, createBlock, createVNode, defineComponent, mergeProps, onBeforeUnmount, onMounted, openBlock, renderSlot, unref, useAttrs, withCtx } from "vue";

//#region src/Select/SelectTrigger.vue?vue&type=script&setup=true&lang.ts
var SelectTrigger_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineComponent({
	__name: "SelectTrigger",
	props: {
		disabled: {
			type: Boolean,
			required: false
		},
		reference: {
			type: null,
			required: false
		},
		asChild: {
			type: Boolean,
			required: false
		},
		as: {
			type: null,
			required: false,
			default: "button"
		}
	},
	setup(__props) {
		const props = __props;
		const rootContext = injectSelectRootContext();
		const { forwardRef, currentElement: triggerElement } = useForwardExpose();
		const isDisabled = computed(() => rootContext.disabled?.value || props.disabled);
		rootContext.contentId ||= useId(void 0, "reka-select-content");
		onMounted(() => {
			rootContext.onTriggerChange(triggerElement.value);
		});
		const fieldContext = injectFieldRootContext(null);
		const attrs = useAttrs();
		function getResolvedId() {
			return attrs.id ?? fieldContext?.fieldId.value;
		}
		function getFieldAttrs() {
			const mergeIds = (consumerValue, fieldValue) => [consumerValue, fieldValue].filter(Boolean).join(" ") || void 0;
			return {
				...fieldContext?.dataAttributes.value,
				"id": getResolvedId(),
				"aria-labelledby": mergeIds(attrs["aria-labelledby"], fieldContext?.labelId.value),
				"aria-describedby": mergeIds(attrs["aria-describedby"], fieldContext?.describedBy.value),
				"aria-invalid": attrs["aria-invalid"] ?? (fieldContext?.invalid.value || void 0)
			};
		}
		function handleFieldFocus() {
			fieldContext?.handleControlFocus();
		}
		function handleFieldBlur() {
			fieldContext?.handleControlBlur();
		}
		let unregisterControl;
		onMounted(() => {
			unregisterControl = fieldContext?.registerControl({
				id: getResolvedId,
				element: () => triggerElement.value,
				getValue: () => rootContext.modelValue.value,
				required: () => Boolean(rootContext.required?.value)
			});
		});
		onBeforeUnmount(() => unregisterControl?.());
		const { getItems } = useCollection();
		const { search, handleTypeaheadSearch, resetTypeahead } = useTypeahead();
		function handleOpen() {
			if (!isDisabled.value) {
				rootContext.onOpenChange(true);
				resetTypeahead();
			}
		}
		function handlePointerOpen(event) {
			handleOpen();
			rootContext.triggerPointerDownPosRef.value = {
				x: Math.round(event.pageX),
				y: Math.round(event.pageY)
			};
		}
		function isPlainLeftClick(event) {
			return event.button === 0 && event.ctrlKey === false;
		}
		let openedFromPointerDown = false;
		function onTriggerPointerDown(event) {
			if (event.defaultPrevented) return;
			if (event.pointerType === "touch") return event.preventDefault();
			const target = event.target;
			if (target.hasPointerCapture(event.pointerId)) target.releasePointerCapture(event.pointerId);
			if (isPlainLeftClick(event)) {
				handlePointerOpen(event);
				openedFromPointerDown = true;
			}
		}
		function onTriggerMouseDown(event) {
			if (event.defaultPrevented) return;
			if (isPlainLeftClick(event)) event.preventDefault();
		}
		function onTriggerClick(event) {
			if (event.defaultPrevented) {
				openedFromPointerDown = false;
				return;
			}
			if (!openedFromPointerDown) event.currentTarget?.focus();
			openedFromPointerDown = false;
		}
		function onTriggerPointerUp(event) {
			if (event.defaultPrevented) return;
			event.preventDefault();
			if (event.pointerType === "touch") handlePointerOpen(event);
		}
		function onTriggerKeyDown(event) {
			if (event.defaultPrevented) return;
			const isTypingAhead = search.value !== "";
			const isModifierKey = event.ctrlKey || event.altKey || event.metaKey;
			if (!isModifierKey && event.key.length === 1) handleTypeaheadSearch(event.key, getItems());
			if (isTypingAhead && event.key === " ") return;
			if (OPEN_KEYS.includes(event.key)) {
				handleOpen();
				event.preventDefault();
			}
		}
		return (_ctx, _cache) => {
			return openBlock(), createBlock(unref(PopperAnchor_default), {
				"as-child": "",
				reference: __props.reference
			}, {
				default: withCtx(() => [createVNode(unref(Primitive), mergeProps(getFieldAttrs(), {
					ref: unref(forwardRef),
					role: "combobox",
					type: __props.as === "button" ? "button" : void 0,
					"aria-controls": unref(rootContext).open.value ? unref(rootContext).contentId : void 0,
					"aria-expanded": unref(rootContext).open.value || false,
					"aria-required": unref(rootContext).required?.value,
					"aria-autocomplete": "none",
					disabled: isDisabled.value,
					dir: unref(rootContext)?.dir.value,
					"data-state": unref(rootContext)?.open.value ? "open" : "closed",
					"data-disabled": isDisabled.value ? "" : void 0,
					"data-placeholder": unref(shouldShowPlaceholder)(unref(rootContext).modelValue?.value) ? "" : void 0,
					"as-child": __props.asChild,
					as: __props.as,
					onClick: onTriggerClick,
					onPointerdown: onTriggerPointerDown,
					onMousedown: onTriggerMouseDown,
					onFocus: handleFieldFocus,
					onBlur: handleFieldBlur,
					onPointerup: onTriggerPointerUp,
					onKeydown: onTriggerKeyDown
				}), {
					default: withCtx(() => [renderSlot(_ctx.$slots, "default")]),
					_: 3
				}, 16, [
					"type",
					"aria-controls",
					"aria-expanded",
					"aria-required",
					"disabled",
					"dir",
					"data-state",
					"data-disabled",
					"data-placeholder",
					"as-child",
					"as"
				])]),
				_: 3
			}, 8, ["reference"]);
		};
	}
});

//#endregion
//#region src/Select/SelectTrigger.vue
var SelectTrigger_default = SelectTrigger_vue_vue_type_script_setup_true_lang_default;

//#endregion
export { SelectTrigger_default };
//# sourceMappingURL=SelectTrigger.js.map