bootstrap-vue-next/dist/BFormSelectOption-O8cyyv3i.mjs

Seamless integration of Vue 3, Bootstrap 5, and TypeScript for modern, type-safe UI development

import { f as formSelectKey } from "./keys-CQKrwmvN.mjs";
import { t as useDefaults } from "./useDefaults-BKgBaqOV.mjs";
import { computed, createElementBlock, defineComponent, inject, mergeProps, openBlock, renderSlot, unref } from "vue";
//#region src/components/BFormSelect/BFormSelectOption.vue?vue&type=script&setup=true&lang.ts
var _hoisted_1 = [
	"value",
	"disabled",
	"selected"
];
//#endregion
//#region src/components/BFormSelect/BFormSelectOption.vue
var BFormSelectOption_default = /* @__PURE__ */ defineComponent({
	__name: "BFormSelectOption",
	props: {
		disabled: {
			type: Boolean,
			default: false
		},
		value: { default: void 0 }
	},
	setup(__props) {
		const props = useDefaults(__props, "BFormSelectOption");
		const formSelectContext = inject(formSelectKey, null);
		const isSelected = computed(() => {
			if (!formSelectContext) return false;
			return formSelectContext.modelValue.value === props.value;
		});
		return (_ctx, _cache) => {
			return openBlock(), createElementBlock("option", mergeProps({
				value: unref(props).value,
				disabled: unref(props).disabled,
				selected: isSelected.value
			}, _ctx.$attrs), [renderSlot(_ctx.$slots, "default")], 16, _hoisted_1);
		};
	}
});
//#endregion
export { BFormSelectOption_default as t };

//# sourceMappingURL=BFormSelectOption-O8cyyv3i.mjs.map