@vue-interface/select-field 1.0.0-beta.2 → 1.0.0-beta.4

package/dist/select-field.js

@@ -1,825 +1,125 @@
-import { defineComponent as E, inject as nt, openBlock as s, createElementBlock as u, normalizeClass as x, normalizeStyle as rt, createElementVNode as N, createBlock as T, resolveDynamicComponent as st, createCommentVNode as l, toDisplayString as H, resolveComponent as ut, resolveDirective as ot, renderSlot as a, withDirectives as at, mergeProps as lt, createVNode as dt, Transition as ct, withCtx as ht } from "vue";
-function c(t, e = "px") {
-  return t != null && t !== !1 && isFinite(t) ? `${t}${e}` : t;
-}
-const ft = E({
-  props: {
-    absolute: Boolean,
-    center: Boolean,
-    label: String,
-    size: {
-      type: String,
-      default: "md"
-    },
-    registry: {
-      type: String,
-      default: "indicators"
-    },
-    type: {
-      type: String,
-      required: !0
-    },
-    height: [String, Number],
-    maxHeight: [String, Number],
-    minHeight: [String, Number],
-    width: [String, Number],
-    maxWidth: [String, Number],
-    minWidth: [String, Number]
-  },
-  data: () => ({
-    is: null
-  }),
-  setup(t) {
-    return {
-      registryInstance: nt(t.registry || "indicators")
-    };
-  },
-  computed: {
-    classes() {
-      return {
-        "activity-indicator-center": this.center,
-        "activity-indicator-absolute": this.absolute,
-        [this.size && `activity-indicator-${this.size}`]: !!this.size
-      };
-    },
-    style() {
-      return {
-        width: c(this.width),
-        maxWidth: c(this.maxWidth),
-        minWidth: c(this.minWidth),
-        height: c(this.height),
-        maxHeight: c(this.maxHeight),
-        minHeight: c(this.minHeight)
-      };
-    }
-  },
-  async mounted() {
-    const t = await this.component();
-    this.is = () => t;
-  },
-  methods: {
-    async component() {
-      let t = this.registryInstance.get(this.type);
-      return t instanceof Promise ? t : (typeof t == "function" && (t = await t()), t.default ? t.default : t);
-    }
-  }
-}), pt = (t, e) => {
-  const i = t.__vccOpts || t;
-  for (const [r, n] of e)
-    i[r] = n;
-  return i;
-}, vt = { class: "activity-indicator-content" }, gt = {
-  key: 1,
-  class: "activity-indicator-label"
-};
-function yt(t, e, i, r, n, o) {
-  return s(), u("div", {
-    class: x(["activity-indicator", t.classes]),
-    style: rt(t.style)
-  }, [
-    N("div", vt, [
-      t.is ? (s(), T(st(t.is()), {
-        key: 0,
-        class: "mx-auto"
-      })) : l("", !0),
-      t.label ? (s(), u("div", gt, H(t.label), 1)) : l("", !0)
-    ])
-  ], 6);
-}
-const bt = /* @__PURE__ */ pt(ft, [["render", yt]]);
-var mt = Object.defineProperty, Ct = (t, e, i) => e in t ? mt(t, e, { enumerable: !0, configurable: !0, writable: !0, value: i }) : t[e] = i, Et = (t, e, i) => (Ct(t, typeof e != "symbol" ? e + "" : e, i), i), C = function() {
-  return C = Object.assign || function(t) {
-    for (var e, i = 1, r = arguments.length; i < r; i++) {
-      e = arguments[i];
-      for (var n in e)
-        Object.prototype.hasOwnProperty.call(e, n) && (t[n] = e[n]);
-    }
-    return t;
-  }, C.apply(this, arguments);
-};
-function $t(t) {
-  return t.toLowerCase();
-}
-var St = [/([a-z0-9])([A-Z])/g, /([A-Z])([A-Z][a-z])/g], At = /[^A-Z0-9]+/gi;
-function Ft(t, e) {
-  e === void 0 && (e = {});
-  for (var i = e.splitRegexp, r = i === void 0 ? St : i, n = e.stripRegexp, o = n === void 0 ? At : n, y = e.transform, $ = y === void 0 ? $t : y, d = e.delimiter, it = d === void 0 ? " " : d, b = j(j(t, r, "$1\0$2"), o, "\0"), S = 0, A = b.length; b.charAt(S) === "\0"; )
-    S++;
-  for (; b.charAt(A - 1) === "\0"; )
-    A--;
-  return b.slice(S, A).split("\0").map($).join(it);
-}
-function j(t, e, i) {
-  return e instanceof RegExp ? t.replace(e, i) : e.reduce(function(r, n) {
-    return r.replace(n, i);
-  }, t);
-}
-function xt(t, e) {
-  return e === void 0 && (e = {}), Ft(t, C({ delimiter: "." }, e));
-}
-function m(t, e) {
-  return e === void 0 && (e = {}), xt(t, C({ delimiter: "-" }, e));
-}
-class jt {
-  constructor(e = {}) {
-    Et(this, "components"), this.components = /* @__PURE__ */ new Map(), Object.entries(e).forEach(([i, r]) => {
-      this.register(i, r);
-    });
-  }
-  get(e) {
-    const i = this.components.get(
-      e = m(e)
-    );
-    if (i)
-      return i;
-    throw new Error(`"${e}" has not been registered yet!`);
-  }
-  register(e, i) {
-    return typeof e == "object" ? (Object.entries(e).forEach(([r, n]) => {
-      this.register(m(r), n);
-    }), this) : (this.components.set(m(e), i), this);
-  }
-  remove(e) {
-    return this.components.delete(m(e)), this;
-  }
-  reset() {
-    return this.components = /* @__PURE__ */ new Map(), this;
-  }
-}
-function wt(t = {}) {
-  return new jt(t);
-}
-wt();
-const p = {};
-function v(...t) {
-  if (!t.length)
-    return p;
-  const [e, i] = t;
-  return typeof e == "string" ? typeof p[e] < "u" ? p[e] : i : Array.isArray(e) ? e.reduce((r, n) => Object.assign(r, {
-    [n]: p[n]
-  }), {}) : Object.assign(p, ...t);
-}
-const Dt = E({
-  props: {
-    dropShadow: {
-      type: [Boolean, String],
-      default: void 0
-    },
-    dropShadowableClassPrefix: {
-      type: String,
-      default: "drop-shadow"
-    },
-    shadow: {
-      type: [Boolean, String],
-      default: void 0
-    },
-    shadowableClassPrefix: {
-      type: String,
-      default: "shadow"
-    }
-  },
-  computed: {
-    shadowableClass() {
-      const t = this.dropShadow === !0 ? "" : this.dropShadow && `-${this.dropShadow}`, e = this.shadow === !0 ? "" : this.shadow && `-${this.shadow}`;
-      return {
-        [`${this.dropShadowableClassPrefix}${t}`]: !!this.dropShadow,
-        [`${this.shadowableClassPrefix}${e}`]: !!this.shadow
-      };
-    }
-  }
-});
-var Ot = typeof global == "object" && global && global.Object === Object && global;
-const kt = Ot;
-var zt = typeof self == "object" && self && self.Object === Object && self, Bt = kt || zt || Function("return this")();
-const It = Bt;
-var Lt = It.Symbol;
-const f = Lt;
-var Z = Object.prototype, Nt = Z.hasOwnProperty, Tt = Z.toString, g = f ? f.toStringTag : void 0;
-function Ht(t) {
-  var e = Nt.call(t, g), i = t[g];
-  try {
-    t[g] = void 0;
-    var r = !0;
-  } catch {
-  }
-  var n = Tt.call(t);
-  return r && (e ? t[g] = i : delete t[g]), n;
-}
-var Zt = Object.prototype, Mt = Zt.toString;
-function Rt(t) {
-  return Mt.call(t);
-}
-var Ut = "[object Null]", Pt = "[object Undefined]", w = f ? f.toStringTag : void 0;
-function Vt(t) {
-  return t == null ? t === void 0 ? Pt : Ut : w && w in Object(t) ? Ht(t) : Rt(t);
-}
-function Wt(t) {
-  return t != null && typeof t == "object";
-}
-var Gt = "[object Symbol]";
-function qt(t) {
-  return typeof t == "symbol" || Wt(t) && Vt(t) == Gt;
-}
-function Yt(t, e) {
-  for (var i = -1, r = t == null ? 0 : t.length, n = Array(r); ++i < r; )
-    n[i] = e(t[i], i, t);
-  return n;
-}
-var Jt = Array.isArray;
-const Kt = Jt;
-var _t = 1 / 0, D = f ? f.prototype : void 0, O = D ? D.toString : void 0;
-function M(t) {
-  if (typeof t == "string")
-    return t;
-  if (Kt(t))
-    return Yt(t, M) + "";
-  if (qt(t))
-    return O ? O.call(t) : "";
-  var e = t + "";
-  return e == "0" && 1 / t == -_t ? "-0" : e;
-}
-function R(t) {
-  return t == null ? "" : M(t);
-}
-function Qt(t, e, i, r) {
-  var n = -1, o = t == null ? 0 : t.length;
-  for (r && o && (i = t[++n]); ++n < o; )
-    i = e(i, t[n], n, t);
-  return i;
-}
-function Xt(t) {
-  return function(e) {
-    return t == null ? void 0 : t[e];
-  };
-}
-var te = {
-  \u00C0: "A",
-  \u00C1: "A",
-  \u00C2: "A",
-  \u00C3: "A",
-  \u00C4: "A",
-  \u00C5: "A",
-  \u00E0: "a",
-  \u00E1: "a",
-  \u00E2: "a",
-  \u00E3: "a",
-  \u00E4: "a",
-  \u00E5: "a",
-  \u00C7: "C",
-  \u00E7: "c",
-  \u00D0: "D",
-  \u00F0: "d",
-  \u00C8: "E",
-  \u00C9: "E",
-  \u00CA: "E",
-  \u00CB: "E",
-  \u00E8: "e",
-  \u00E9: "e",
-  \u00EA: "e",
-  \u00EB: "e",
-  \u00CC: "I",
-  \u00CD: "I",
-  \u00CE: "I",
-  \u00CF: "I",
-  \u00EC: "i",
-  \u00ED: "i",
-  \u00EE: "i",
-  \u00EF: "i",
-  \u00D1: "N",
-  \u00F1: "n",
-  \u00D2: "O",
-  \u00D3: "O",
-  \u00D4: "O",
-  \u00D5: "O",
-  \u00D6: "O",
-  \u00D8: "O",
-  \u00F2: "o",
-  \u00F3: "o",
-  \u00F4: "o",
-  \u00F5: "o",
-  \u00F6: "o",
-  \u00F8: "o",
-  \u00D9: "U",
-  \u00DA: "U",
-  \u00DB: "U",
-  \u00DC: "U",
-  \u00F9: "u",
-  \u00FA: "u",
-  \u00FB: "u",
-  \u00FC: "u",
-  \u00DD: "Y",
-  \u00FD: "y",
-  \u00FF: "y",
-  \u00C6: "Ae",
-  \u00E6: "ae",
-  \u00DE: "Th",
-  \u00FE: "th",
-  \u00DF: "ss",
-  \u0100: "A",
-  \u0102: "A",
-  \u0104: "A",
-  \u0101: "a",
-  \u0103: "a",
-  \u0105: "a",
-  \u0106: "C",
-  \u0108: "C",
-  \u010A: "C",
-  \u010C: "C",
-  \u0107: "c",
-  \u0109: "c",
-  \u010B: "c",
-  \u010D: "c",
-  \u010E: "D",
-  \u0110: "D",
-  \u010F: "d",
-  \u0111: "d",
-  \u0112: "E",
-  \u0114: "E",
-  \u0116: "E",
-  \u0118: "E",
-  \u011A: "E",
-  \u0113: "e",
-  \u0115: "e",
-  \u0117: "e",
-  \u0119: "e",
-  \u011B: "e",
-  \u011C: "G",
-  \u011E: "G",
-  \u0120: "G",
-  \u0122: "G",
-  \u011D: "g",
-  \u011F: "g",
-  \u0121: "g",
-  \u0123: "g",
-  \u0124: "H",
-  \u0126: "H",
-  \u0125: "h",
-  \u0127: "h",
-  \u0128: "I",
-  \u012A: "I",
-  \u012C: "I",
-  \u012E: "I",
-  \u0130: "I",
-  \u0129: "i",
-  \u012B: "i",
-  \u012D: "i",
-  \u012F: "i",
-  \u0131: "i",
-  \u0134: "J",
-  \u0135: "j",
-  \u0136: "K",
-  \u0137: "k",
-  \u0138: "k",
-  \u0139: "L",
-  \u013B: "L",
-  \u013D: "L",
-  \u013F: "L",
-  \u0141: "L",
-  \u013A: "l",
-  \u013C: "l",
-  \u013E: "l",
-  \u0140: "l",
-  \u0142: "l",
-  \u0143: "N",
-  \u0145: "N",
-  \u0147: "N",
-  \u014A: "N",
-  \u0144: "n",
-  \u0146: "n",
-  \u0148: "n",
-  \u014B: "n",
-  \u014C: "O",
-  \u014E: "O",
-  \u0150: "O",
-  \u014D: "o",
-  \u014F: "o",
-  \u0151: "o",
-  \u0154: "R",
-  \u0156: "R",
-  \u0158: "R",
-  \u0155: "r",
-  \u0157: "r",
-  \u0159: "r",
-  \u015A: "S",
-  \u015C: "S",
-  \u015E: "S",
-  \u0160: "S",
-  \u015B: "s",
-  \u015D: "s",
-  \u015F: "s",
-  \u0161: "s",
-  \u0162: "T",
-  \u0164: "T",
-  \u0166: "T",
-  \u0163: "t",
-  \u0165: "t",
-  \u0167: "t",
-  \u0168: "U",
-  \u016A: "U",
-  \u016C: "U",
-  \u016E: "U",
-  \u0170: "U",
-  \u0172: "U",
-  \u0169: "u",
-  \u016B: "u",
-  \u016D: "u",
-  \u016F: "u",
-  \u0171: "u",
-  \u0173: "u",
-  \u0174: "W",
-  \u0175: "w",
-  \u0176: "Y",
-  \u0177: "y",
-  \u0178: "Y",
-  \u0179: "Z",
-  \u017B: "Z",
-  \u017D: "Z",
-  \u017A: "z",
-  \u017C: "z",
-  \u017E: "z",
-  \u0132: "IJ",
-  \u0133: "ij",
-  \u0152: "Oe",
-  \u0153: "oe",
-  \u0149: "'n",
-  \u017F: "s"
-}, ee = Xt(te);
-const ie = ee;
-var ne = /[\xc0-\xd6\xd8-\xf6\xf8-\xff\u0100-\u017f]/g, re = "\\u0300-\\u036f", se = "\\ufe20-\\ufe2f", ue = "\\u20d0-\\u20ff", oe = re + se + ue, ae = "[" + oe + "]", le = RegExp(ae, "g");
-function de(t) {
-  return t = R(t), t && t.replace(ne, ie).replace(le, "");
-}
-var ce = /[^\x00-\x2f\x3a-\x40\x5b-\x60\x7b-\x7f]+/g;
-function he(t) {
-  return t.match(ce) || [];
-}
-var fe = /[a-z][A-Z]|[A-Z]{2}[a-z]|[0-9][a-zA-Z]|[a-zA-Z][0-9]|[^a-zA-Z0-9 ]/;
-function pe(t) {
-  return fe.test(t);
-}
-var U = "\\ud800-\\udfff", ve = "\\u0300-\\u036f", ge = "\\ufe20-\\ufe2f", ye = "\\u20d0-\\u20ff", be = ve + ge + ye, P = "\\u2700-\\u27bf", V = "a-z\\xdf-\\xf6\\xf8-\\xff", me = "\\xac\\xb1\\xd7\\xf7", Ce = "\\x00-\\x2f\\x3a-\\x40\\x5b-\\x60\\x7b-\\xbf", Ee = "\\u2000-\\u206f", $e = " \\t\\x0b\\f\\xa0\\ufeff\\n\\r\\u2028\\u2029\\u1680\\u180e\\u2000\\u2001\\u2002\\u2003\\u2004\\u2005\\u2006\\u2007\\u2008\\u2009\\u200a\\u202f\\u205f\\u3000", W = "A-Z\\xc0-\\xd6\\xd8-\\xde", Se = "\\ufe0e\\ufe0f", G = me + Ce + Ee + $e, q = "['\u2019]", k = "[" + G + "]", Ae = "[" + be + "]", Y = "\\d+", Fe = "[" + P + "]", J = "[" + V + "]", K = "[^" + U + G + Y + P + V + W + "]", xe = "\\ud83c[\\udffb-\\udfff]", je = "(?:" + Ae + "|" + xe + ")", we = "[^" + U + "]", _ = "(?:\\ud83c[\\udde6-\\uddff]){2}", Q = "[\\ud800-\\udbff][\\udc00-\\udfff]", h = "[" + W + "]", De = "\\u200d", z = "(?:" + J + "|" + K + ")", Oe = "(?:" + h + "|" + K + ")", B = "(?:" + q + "(?:d|ll|m|re|s|t|ve))?", I = "(?:" + q + "(?:D|LL|M|RE|S|T|VE))?", X = je + "?", tt = "[" + Se + "]?", ke = "(?:" + De + "(?:" + [we, _, Q].join("|") + ")" + tt + X + ")*", ze = "\\d*(?:1st|2nd|3rd|(?![123])\\dth)(?=\\b|[A-Z_])", Be = "\\d*(?:1ST|2ND|3RD|(?![123])\\dTH)(?=\\b|[a-z_])", Ie = tt + X + ke, Le = "(?:" + [Fe, _, Q].join("|") + ")" + Ie, Ne = RegExp([
-  h + "?" + J + "+" + B + "(?=" + [k, h, "$"].join("|") + ")",
-  Oe + "+" + I + "(?=" + [k, h + z, "$"].join("|") + ")",
-  h + "?" + z + "+" + B,
-  h + "+" + I,
-  Be,
-  ze,
-  Y,
-  Le
-].join("|"), "g");
-function Te(t) {
-  return t.match(Ne) || [];
-}
-function He(t, e, i) {
-  return t = R(t), e = i ? void 0 : e, e === void 0 ? pe(t) ? Te(t) : he(t) : t.match(e) || [];
-}
-var Ze = "['\u2019]", Me = RegExp(Ze, "g");
-function Re(t) {
-  return function(e) {
-    return Qt(He(de(e).replace(Me, "")), t, "");
-  };
-}
-var Ue = Re(function(t, e, i) {
-  return t + (i ? "-" : "") + e.toLowerCase();
-});
-const et = Ue;
-function F(t, e, i = "-") {
-  const r = String(e).replace(new RegExp(`^${t}${i}?`), "");
-  return [
-    et(r),
-    t
-  ].filter((n) => !!n).join(i);
-}
-function L(t) {
-  return !Array.isArray(t) && typeof t == "object";
-}
-function Pe(t) {
-  return t === void 0;
-}
-const Ve = E({
-  directives: {
-    bindEvents: {
-      beforeMount(t, e) {
-        var i, r;
-        (r = (i = e.instance) == null ? void 0 : i.bindEvents) == null || r.call(i, t);
-      }
-    }
-  },
-  mixins: [
-    Dt
-  ],
-  inheritAttrs: !1,
-  props: {
-    activity: {
-      type: Boolean,
-      default: !1
-    },
-    animated: {
-      type: Boolean,
-      default: () => v("animated", !1)
-    },
-    nativeEvents: {
-      type: Array,
-      default() {
-        return ["focus", "blur", "change", "click", "keypress", "keyup", "keydown", "progress", "paste"];
-      }
-    },
-    defaultControlClass: {
-      type: String,
-      default: () => v("defaultControlClass", "form-control")
-    },
-    error: {
-      type: [String, Array, Boolean],
-      default: void 0
-    },
-    errors: {
-      type: [Array, Object, Boolean],
-      default() {
-        return {};
-      }
-    },
-    feedback: {
-      type: [String, Array],
-      default: void 0
-    },
-    group: {
-      type: Boolean,
-      default: () => v("group", !0)
-    },
-    helpText: {
-      type: [Number, String],
-      default: void 0
-    },
-    hideLabel: Boolean,
-    indicator: {
-      type: [String, Boolean],
-      default: () => v("indicator", "spinner")
-    },
-    indicatorSize: {
-      type: String,
-      default: void 0
-    },
-    inline: Boolean,
-    invalid: Boolean,
-    label: {
-      type: [Number, String],
-      default: void 0
-    },
-    labelClass: {
-      type: [Object, String],
-      default: () => v("labelClass", "form-label")
-    },
-    modelValue: {
-      default: void 0
-    },
-    pill: Boolean,
-    plaintext: Boolean,
-    size: {
-      type: String,
-      default: void 0
-    },
-    spacing: {
-      type: String,
-      default: void 0
-    },
-    valid: Boolean
-  },
-  data() {
-    return {
-      defaultEmpty: !1,
-      hasChanged: !1,
-      hasFocus: !1,
-      isEmpty: !0
-    };
-  },
-  computed: {
-    id() {
-      return this.$attrs.id || this.$attrs.name || (Math.random() + 1).toString(36).substring(7);
-    },
-    componentName() {
-      return this.$options.name;
-    },
-    controlAttributes() {
-      return Object.fromEntries(
-        Object.entries(this.$attrs).concat([
-          ["id", this.id],
-          ["class", this.controlClasses]
-        ])
-      );
-    },
-    controlClass() {
-      return this.defaultControlClass;
-    },
-    controlSizeClass() {
-      return F(this.size, this.controlClass);
-    },
-    formGroupClasses() {
-      return Object.assign({
-        [this.size && F(this.size, this.componentName)]: !!this.size,
-        animated: this.animated,
-        "default-empty": this.defaultEmpty,
-        "form-group": this.group,
-        [this.size && F(this.size, "form-group")]: !!this.size,
-        "has-activity": this.activity,
-        "has-changed": this.hasChanged,
-        "has-focus": this.hasFocus,
-        "has-icon": !!this.$slots.icon,
-        "is-empty": this.isEmpty,
-        "is-invalid": !!(this.invalid || this.invalidFeedback),
-        "is-valid": !!(this.valid || this.validFeedback),
-        [this.$attrs.class]: !!this.$attrs.class,
-        [this.$attrs.id]: !!this.$attrs.id
-      }, !!this.componentName && {
-        [et(this.componentName)]: !0
-      });
-    },
-    controlClasses() {
-      return Object.assign({
-        [this.controlClass]: !!this.controlClass,
-        [this.controlSizeClass]: !!this.controlSizeClass,
-        "form-control-icon": !!this.$slots.icon,
-        "is-valid": !!(this.valid || this.validFeedback),
-        "is-invalid": !!(this.invalid || this.invalidFeedback),
-        [this.pillClasses]: this.pill,
-        [this.plaintextClass]: this.plaintext,
-        [this.spacing]: !!this.spacing
-      }, this.shadowableClass);
-    },
-    hasDefaultSlot() {
-      return !!this.$slots.default;
-    },
-    invalidFeedback() {
-      if (this.error === "")
-        return null;
-      if (this.error)
-        return this.error;
-      const t = this.getFieldErrors();
-      return Array.isArray(t) ? t.filter((e) => e && typeof e == "string").join("<br>") : t;
-    },
-    pillClasses() {
-      return "rounded rounded-pill";
-    },
-    plaintextClass() {
-      return "form-control-plaintext";
-    },
-    validFeedback() {
-      return Array.isArray(this.feedback) ? this.feedback.join("<br>") : this.feedback;
-    }
-  },
-  watch: {
-    hasFocus() {
-      this.shouldChangeOnFocus() && (this.hasChanged = !0);
-    },
-    defaultEmpty() {
-      this.hasChanged = !0;
-    }
-  },
-  methods: {
-    bindEvents(t, e) {
-      var i;
-      e || (e = this.onInput);
-      const r = t instanceof HTMLSelectElement ? (i = t.querySelectorAll("option")) == null ? void 0 : i[t.selectedIndex] : null;
-      Pe(this.modelValue) ? r && (t.value = r == null ? void 0 : r.value) : t.value = this.modelValue, t.value && e(t.value), this.hasChanged = !!t.value, this.isEmpty = !t.value, t.addEventListener("focus", () => {
-        this.hasFocus = !0;
-      }), t.addEventListener("blur", () => {
-        this.hasFocus = !1;
-      }), t.addEventListener("input", () => {
-        this.isEmpty = !1, this.hasChanged = !0;
-      }), t.addEventListener(
-        t.tagName === "SELECT" ? "change" : "input",
-        () => e(t.value)
-      ), this.nativeEvents.forEach((n) => {
-        t.addEventListener(n, (o) => {
-          this.$emit(n, o);
-        });
-      });
-    },
-    blur() {
-      this.getInputField() && this.getInputField().blur();
-    },
-    focus() {
-      this.getInputField() && this.getInputField().focus();
-    },
-    getInputField() {
-      return this.$el.querySelector(
-        ".form-control, input, select, textarea"
-      );
-    },
-    getFieldErrors() {
-      let t = this.error || this.errors;
-      return this.errors && L(this.errors) && (t = this.errors[this.$attrs.name || this.$attrs.id]), !t || Array.isArray(t) || L(t) ? t : [t];
-    },
-    shouldChangeOnFocus() {
-      return !this.getInputField().readOnly;
-    },
-    onInput(t) {
-      this.$emit("update:modelValue", t);
-    }
-  }
-}), We = E({
+import { ActivityIndicator as g } from "@vue-interface/activity-indicator";
+import { FormControl as S } from "@vue-interface/form-control";
+import { defineComponent as z, resolveComponent as m, resolveDirective as E, openBlock as t, createElementBlock as l, normalizeClass as b, renderSlot as o, toDisplayString as i, createCommentVNode as n, createElementVNode as a, normalizeProps as c, guardReactiveProps as f, withDirectives as V, mergeProps as A, vModelSelect as N, createVNode as k, Transition as T, withCtx as p, createBlock as y, createTextVNode as B } from "vue";
+const D = z({
   name: "SelectField",
   components: {
-    ActivityIndicator: bt
+    ActivityIndicator: g
   },
-  mixins: [
-    Ve
-  ],
+  extends: S,
   props: {
-    defaultControlClass: {
+    /**
+     * The default class name assigned to the control element
+     *
+     * @param {String}
+     * @default 'form-select'
+     */
+    formControlClass: {
       type: String,
       default: "form-select"
     }
   },
   computed: {
     controlClass() {
-      return this.plaintext ? `${this.defaultControlClass}-plaintext` : this.defaultControlClass;
-    }
-  },
-  methods: {
-    shouldChangeOnFocus() {
-      return !1;
+      return this.plaintext ? `${this.formControlClass}-plaintext` : this.formControlClass;
     }
   }
 });
-const Ge = (t, e) => {
-  const i = t.__vccOpts || t;
-  for (const [r, n] of e)
-    i[r] = n;
-  return i;
-}, qe = ["for", "innerHTML"], Ye = { class: "form-group-inner" }, Je = ["innerHTML"], Ke = ["innerHTML"];
-function _e(t, e, i, r, n, o) {
-  const y = ut("activity-indicator"), $ = ot("bind-events");
-  return s(), u("div", {
-    class: x(t.formGroupClasses)
+const P = (e, s) => {
+  const d = e.__vccOpts || e;
+  for (const [u, v] of s)
+    d[u] = v;
+  return d;
+}, w = ["for"], O = { class: "form-group-inner" }, j = {
+  invalid: "",
+  class: "invalid-feedback"
+}, G = /* @__PURE__ */ a("br", null, null, -1), I = {
+  valid: "",
+  class: "valid-feedback"
+};
+function M(e, s, d, u, v, R) {
+  const C = m("activity-indicator"), $ = m("FormControlErrors"), h = m("FormControlFeedback"), F = E("bind-events");
+  return t(), l("div", {
+    class: b(e.formGroupClasses)
   }, [
-    a(t.$slots, "label", {}, () => [
-      t.label ? (s(), u("label", {
+    o(e.$slots, "label", {}, () => [
+      e.label ? (t(), l("label", {
         key: 0,
         ref: "label",
-        for: t.id,
-        class: x(t.labelClass),
-        onClick: e[0] || (e[0] = (...d) => t.focus && t.focus(...d)),
-        innerHTML: t.label
-      }, null, 10, qe)) : l("", !0)
+        for: e.id,
+        class: b(e.labelClass)
+      }, i(e.label), 11, w)) : n("", !0)
     ]),
-    N("div", Ye, [
-      a(t.$slots, "control", {
-        bindEvents: t.bindEvents,
-        controlAttributes: t.controlAttributes,
-        focus: t.focus
-      }, () => [
-        t.$slots.icon ? (s(), u("div", {
+    a("div", O, [
+      o(e.$slots, "control", c(f({ bindEvents: e.bindEvents, controlAttributes: e.controlAttributes })), () => [
+        e.$slots.icon ? (t(), l("div", {
           key: 0,
           class: "form-group-inner-icon",
-          onClick: e[1] || (e[1] = (...d) => t.focus && t.focus(...d))
+          onClick: s[0] || (s[0] = (...r) => e.focus && e.focus(...r))
         }, [
-          a(t.$slots, "icon")
-        ])) : l("", !0),
-        at((s(), u("select", lt({ ref: "field" }, Object.assign({
-          disabled: t.$attrs.readonly
-        }, t.controlAttributes)), [
-          a(t.$slots, "default")
+          o(e.$slots, "icon")
+        ])) : n("", !0),
+        V((t(), l("select", A({
+          ref: "field",
+          "onUpdate:modelValue": s[1] || (s[1] = (r) => e.model = r)
+        }, Object.assign({
+          disabled: e.$attrs.readonly
+        }, e.controlAttributes)), [
+          o(e.$slots, "default")
         ], 16)), [
-          [$]
+          [N, e.model],
+          [F]
         ])
       ]),
-      a(t.$slots, "activity", {}, () => [
-        dt(ct, { name: "select-field-fade" }, {
-          default: ht(() => [
-            t.activity ? (s(), T(y, {
+      o(e.$slots, "activity", {}, () => [
+        k(T, { name: "select-field-fade" }, {
+          default: p(() => [
+            e.activity ? (t(), y(C, {
               key: "activity",
               ref: "activity",
-              type: t.indicator,
-              size: t.indicatorSize || t.size
-            }, null, 8, ["type", "size"])) : l("", !0)
+              type: e.indicator,
+              size: e.indicatorSize || e.size
+            }, null, 8, ["type", "size"])) : n("", !0)
           ]),
           _: 1
         })
       ])
     ]),
-    a(t.$slots, "feedback", {}, () => [
-      t.invalidFeedback ? (s(), u("div", {
+    o(e.$slots, "errors", c(f({ error: e.error, errors: e.errors, id: e.$attrs.id, name: e.$attrs.name })), () => [
+      e.error || e.errors ? (t(), y($, {
         key: 0,
-        class: "invalid-feedback",
-        invalid: "",
-        innerHTML: t.invalidFeedback
-      }, null, 8, Je)) : t.validFeedback ? (s(), u("div", {
-        key: 1,
-        class: "valid-feedback",
-        valid: "",
-        innerHTML: t.validFeedback
-      }, null, 8, Ke)) : l("", !0)
+        id: e.$attrs.id,
+        name: e.$attrs.name,
+        error: e.error,
+        errors: e.errors
+      }, {
+        default: p(({ error: r }) => [
+          a("div", j, [
+            B(i(r), 1),
+            G
+          ])
+        ]),
+        _: 1
+      }, 8, ["id", "name", "error", "errors"])) : n("", !0)
+    ]),
+    o(e.$slots, "feedback", c(f({ feedback: e.feedback })), () => [
+      k(h, { feedback: e.feedback }, {
+        default: p(({ feedback: r }) => [
+          a("div", I, i(r), 1)
+        ]),
+        _: 1
+      }, 8, ["feedback"])
     ]),
-    a(t.$slots, "help", {}, () => [
-      t.helpText ? (s(), u("small", {
+    o(e.$slots, "help", {}, () => [
+      e.helpText ? (t(), l("small", {
         key: 0,
         ref: "help"
-      }, H(t.helpText), 513)) : l("", !0)
+      }, i(e.helpText), 513)) : n("", !0)
     ])
   ], 2);
 }
-const Xe = /* @__PURE__ */ Ge(We, [["render", _e]]);
+const J = /* @__PURE__ */ P(D, [["render", M]]);
 export {
-  Xe as SelectField
+  J as SelectField
 };
 //# sourceMappingURL=select-field.js.map