import { defineComponent as r, useSlots as s, computed as n, createBlock as u, openBlock as i, mergeProps as f, createSlots as m, withCtx as c, unref as v, renderSlot as _ } from "vue";
import b from "../PlDropdownMulti/PlDropdownMulti.vue.js";
const k = /* @__PURE__ */ r({
  __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(l) {
    const a = s(), t = l, d = n(
      () => {
        var e;
        return (e = t.options) == null ? void 0 : e.map((o) => ({
          label: o.label,
          value: o.ref
        }));
      }
    );
    return (e, o) => (i(), u(b, f(t, {
      options: d.value,
      "onUpdate:modelValue": o[0] || (o[0] = (p) => e.$emit("update:modelValue", p))
    }), m({ _: 2 }, [
      v(a).tooltip ? {
        name: "tooltip",
        fn: c(() => [
          _(e.$slots, "tooltip")
        ]),
        key: "0"
      } : void 0
    ]), 1040, ["options"]));
  }
});
export {
  k as default
};
//# sourceMappingURL=PlDropdownMultiRef.vue.js.map
