import { defineComponent as r, mergeModels as m, useModel as p, computed as u, createBlock as c, openBlock as f, unref as V, mergeProps as y } from "vue";
import { h as g } from "./start-BYfL32Oe.mjs";
import "vue-i18n";
import "pinia";
import "vue-router";
import "./header-Droxy2Kd.mjs";
import "./moment-h96o7c8I.mjs";
const k = /* @__PURE__ */ r({
  __name: "SettingSelect",
  props: /* @__PURE__ */ m({
    modelValue: {},
    data: {},
    options: {},
    settings: {},
    loading: { type: Boolean },
    readonly: { type: Boolean },
    isDefault: { type: Boolean }
  }, {
    modelValue: {},
    modelModifiers: {},
    valid: { type: Boolean, default: !0 },
    validModifiers: {}
  }),
  emits: ["update:modelValue", "update:valid"],
  setup(l) {
    const e = l, n = p(l, "modelValue");
    p(l, "valid");
    const s = u(() => {
      var a, o, t, i, d;
      return {
        label: (a = e.options) == null ? void 0 : a.label,
        hint: (o = e.options) == null ? void 0 : o.helperText,
        style: (t = e.options) != null && t.width ? { width: e.options.width } : "",
        persistentHint: !!((i = e.options) != null && i.helperText),
        readonly: e.readonly,
        loading: e.loading,
        items: ((d = e.options) == null ? void 0 : d.elementVariants) ?? []
      };
    });
    return (a, o) => (f(), c(V(g), y({
      modelValue: n.value,
      "onUpdate:modelValue": o[0] || (o[0] = (t) => n.value = t)
    }, s.value), null, 16, ["modelValue"]));
  }
});
export {
  k as default
};
