vue-form-kit/dist/Select.94c68064.js

  

import { openBlock as n, createBlock as u, resolveDynamicComponent as d, createSlots as o, withCtx as r, renderList as f, renderSlot as c, normalizeProps as m, guardReactiveProps as b } from "vue";
import { _ as p } from "./_plugin-vue_export-helper.9d74fd37.js";
const y = {
  name: "FormSelect",
  props: {
    modelValue: {
      type: String,
      default: ""
    },
    tabindex: {
      type: String,
      default: null
    },
    placeholder: {
      type: String,
      default: null
    },
    options: {
      type: Array,
      default: () => []
    },
    label: {
      type: String,
      default: null
    },
    error: {
      type: String,
      default: null
    },
    id: {
      type: String,
      default: null
    },
    name: {
      type: String,
      default: null
    },
    required: {
      type: [String, Boolean],
      default: !1
    },
    inputWrapClass: {
      type: [String, Object, Array],
      default: null
    },
    dropIcon: {
      type: Boolean,
      default: !0
    },
    defaultValue: {
      type: [Number, String],
      default: null
    },
    initializeDefaultValue: {
      type: Boolean,
      default: !1
    },
    disabled: {
      type: Boolean,
      default: !1
    },
    deselectable: {
      type: Boolean,
      default: !1
    },
    inputClasses: {
      type: Object,
      default: () => ({})
    },
    listClasses: {
      type: [Object, Array],
      default: () => ({})
    },
    suffix: {
      type: String,
      default: null
    }
  },
  emits: ["update:modelValue"]
};
function S(l, t, e, g, C, x) {
  return n(), u(d(`${l.$formKitConfigs.componentPrefix}FormInputWrapper`), {
    id: e.id,
    label: e.label,
    error: e.error,
    required: e.required,
    "input-wrap-class": e.inputWrapClass
  }, o({
    default: r(() => [
      (n(), u(d(`${l.$formKitConfigs.componentPrefix}SelectStandard`), {
        id: e.id,
        "model-value": e.modelValue,
        options: e.options,
        name: e.name,
        label: e.placeholder,
        required: e.required,
        tabindex: e.tabindex,
        "input-classes": e.inputClasses,
        "list-classes": e.listClasses,
        disabled: e.disabled,
        deselectable: e.deselectable,
        "default-value": e.defaultValue,
        "initialize-default-value": e.initializeDefaultValue,
        "drop-icon": e.dropIcon,
        suffix: e.suffix,
        class: "w-full",
        "onUpdate:modelValue": t[0] || (t[0] = (a) => l.$emit("update:modelValue", a))
      }, null, 8, ["id", "model-value", "options", "name", "label", "required", "tabindex", "input-classes", "list-classes", "disabled", "deselectable", "default-value", "initialize-default-value", "drop-icon", "suffix"]))
    ]),
    _: 2
  }, [
    f(l.$slots, (a, i) => ({
      name: i,
      fn: r((s) => [
        c(l.$slots, i, m(b(s)))
      ])
    }))
  ]), 1032, ["id", "label", "error", "required", "input-wrap-class"]);
}
const q = /* @__PURE__ */ p(y, [["render", S]]);
export {
  q as default
};