import e from "../PlDropdownMulti/PlDropdownMulti.js";
import { computed as t, createBlock as n, createSlots as r, defineComponent as i, mergeProps as a, openBlock as o, renderSlot as s, unref as c, useSlots as l, withCtx as u } from "vue";
var d = /* @__PURE__ */ i({
	__name: "PlDropdownMultiRef",
	props: {
		modelValue: { default: () => [] },
		label: { default: void 0 },
		options: { default: void 0 },
		helper: { default: void 0 },
		error: { default: void 0 },
		placeholder: { default: "..." },
		required: {
			type: Boolean,
			default: !1
		},
		disabled: {
			type: Boolean,
			default: !1
		}
	},
	emits: ["update:modelValue"],
	setup(i) {
		let d = l(), f = i, p = t(() => f.options?.map((e) => ({
			label: e.label,
			value: e.ref
		})));
		return (t, i) => (o(), n(e, a(f, {
			options: p.value,
			"onUpdate:modelValue": i[0] ||= (e) => t.$emit("update:modelValue", e)
		}), r({ _: 2 }, [c(d).tooltip ? {
			name: "tooltip",
			fn: u(() => [s(t.$slots, "tooltip")]),
			key: "0"
		} : void 0]), 1040, ["options"]));
	}
});
export { d as default };

//# sourceMappingURL=PlDropdownMultiRef.vue2.js.map