@vue-interface/select-field 0.11.1 → 1.0.0-beta.0

package/dist/select-field.es.js

@@ -1,316 +1,93 @@
-function _typeof(obj) {
-  "@babel/helpers - typeof";
-  return _typeof = typeof Symbol == "function" && typeof Symbol.iterator == "symbol" ? function(obj2) {
-    return typeof obj2;
-  } : function(obj2) {
-    return obj2 && typeof Symbol == "function" && obj2.constructor === Symbol && obj2 !== Symbol.prototype ? "symbol" : typeof obj2;
-  }, _typeof(obj);
-}
-function _classCallCheck(instance, Constructor) {
-  if (!(instance instanceof Constructor)) {
-    throw new TypeError("Cannot call a class as a function");
-  }
-}
-function _defineProperties(target, props) {
-  for (var i = 0; i < props.length; i++) {
-    var descriptor = props[i];
-    descriptor.enumerable = descriptor.enumerable || false;
-    descriptor.configurable = true;
-    if ("value" in descriptor)
-      descriptor.writable = true;
-    Object.defineProperty(target, descriptor.key, descriptor);
-  }
-}
-function _createClass(Constructor, protoProps, staticProps) {
-  if (protoProps)
-    _defineProperties(Constructor.prototype, protoProps);
-  if (staticProps)
-    _defineProperties(Constructor, staticProps);
-  Object.defineProperty(Constructor, "prototype", {
-    writable: false
-  });
-  return Constructor;
-}
-function _setPrototypeOf(o, p) {
-  _setPrototypeOf = Object.setPrototypeOf || function _setPrototypeOf2(o2, p2) {
-    o2.__proto__ = p2;
-    return o2;
-  };
-  return _setPrototypeOf(o, p);
-}
-function _isNativeReflectConstruct() {
-  if (typeof Reflect === "undefined" || !Reflect.construct)
-    return false;
-  if (Reflect.construct.sham)
-    return false;
-  if (typeof Proxy === "function")
-    return true;
-  try {
-    Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function() {
-    }));
-    return true;
-  } catch (e) {
-    return false;
-  }
-}
-function _construct(Parent, args, Class) {
-  if (_isNativeReflectConstruct()) {
-    _construct = Reflect.construct;
-  } else {
-    _construct = function _construct2(Parent2, args2, Class2) {
-      var a = [null];
-      a.push.apply(a, args2);
-      var Constructor = Function.bind.apply(Parent2, a);
-      var instance = new Constructor();
-      if (Class2)
-        _setPrototypeOf(instance, Class2.prototype);
-      return instance;
-    };
-  }
-  return _construct.apply(null, arguments);
-}
-function _slicedToArray(arr, i) {
-  return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest();
-}
-function _arrayWithHoles(arr) {
-  if (Array.isArray(arr))
-    return arr;
-}
-function _iterableToArrayLimit(arr, i) {
-  var _i = arr == null ? null : typeof Symbol !== "undefined" && arr[Symbol.iterator] || arr["@@iterator"];
-  if (_i == null)
-    return;
-  var _arr = [];
-  var _n = true;
-  var _d = false;
-  var _s, _e;
-  try {
-    for (_i = _i.call(arr); !(_n = (_s = _i.next()).done); _n = true) {
-      _arr.push(_s.value);
-      if (i && _arr.length === i)
-        break;
-    }
-  } catch (err) {
-    _d = true;
-    _e = err;
-  } finally {
-    try {
-      if (!_n && _i["return"] != null)
-        _i["return"]();
-    } finally {
-      if (_d)
-        throw _e;
-    }
-  }
-  return _arr;
-}
-function _unsupportedIterableToArray(o, minLen) {
-  if (!o)
-    return;
-  if (typeof o === "string")
-    return _arrayLikeToArray(o, minLen);
-  var n = Object.prototype.toString.call(o).slice(8, -1);
-  if (n === "Object" && o.constructor)
-    n = o.constructor.name;
-  if (n === "Map" || n === "Set")
-    return Array.from(o);
-  if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n))
-    return _arrayLikeToArray(o, minLen);
-}
-function _arrayLikeToArray(arr, len) {
-  if (len == null || len > arr.length)
-    len = arr.length;
-  for (var i = 0, arr2 = new Array(len); i < len; i++)
-    arr2[i] = arr[i];
-  return arr2;
-}
-function _nonIterableRest() {
-  throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");
-}
-var _assign = function __assign() {
-  _assign = Object.assign || function __assign22(t) {
-    for (var s, i = 1, n = arguments.length; i < n; i++) {
-      s = arguments[i];
-      for (var p in s) {
-        if (Object.prototype.hasOwnProperty.call(s, p))
-          t[p] = s[p];
-      }
+import { openBlock as a, createElementBlock as d, normalizeClass as w, normalizeStyle as N, createElementVNode as x, createBlock as O, resolveDynamicComponent as P, createCommentVNode as p, toDisplayString as j, resolveComponent as R, resolveDirective as I, renderSlot as f, withDirectives as H, mergeProps as D, createVNode as M, Transition as Z, withCtx as G } from "vue";
+/*! *****************************************************************************
+Copyright (c) Microsoft Corporation.
+
+Permission to use, copy, modify, and/or distribute this software for any
+purpose with or without fee is hereby granted.
+
+THE SOFTWARE IS PROVIDED "AS IS" AND THE AUTHOR DISCLAIMS ALL WARRANTIES WITH
+REGARD TO THIS SOFTWARE INCLUDING ALL IMPLIED WARRANTIES OF MERCHANTABILITY
+AND FITNESS. IN NO EVENT SHALL THE AUTHOR BE LIABLE FOR ANY SPECIAL, DIRECT,
+INDIRECT, OR CONSEQUENTIAL DAMAGES OR ANY DAMAGES WHATSOEVER RESULTING FROM
+LOSS OF USE, DATA OR PROFITS, WHETHER IN AN ACTION OF CONTRACT, NEGLIGENCE OR
+OTHER TORTIOUS ACTION, ARISING OUT OF OR IN CONNECTION WITH THE USE OR
+PERFORMANCE OF THIS SOFTWARE.
+***************************************************************************** */
+var b = function() {
+  return b = Object.assign || function(t) {
+    for (var i, s = 1, r = arguments.length; s < r; s++) {
+      i = arguments[s];
+      for (var n in i)
+        Object.prototype.hasOwnProperty.call(i, n) && (t[n] = i[n]);
     }
     return t;
-  };
-  return _assign.apply(this, arguments);
+  }, b.apply(this, arguments);
 };
-function lowerCase$1(str) {
-  return str.toLowerCase();
+function V(e) {
+  return e.toLowerCase();
 }
-var DEFAULT_SPLIT_REGEXP$1 = [/([a-z0-9])([A-Z])/g, /([A-Z])([A-Z][a-z])/g];
-var DEFAULT_STRIP_REGEXP$1 = /[^A-Z0-9]+/gi;
-function noCase$1(input, options) {
-  if (options === void 0) {
-    options = {};
-  }
-  var _a = options.splitRegexp, splitRegexp = _a === void 0 ? DEFAULT_SPLIT_REGEXP$1 : _a, _b = options.stripRegexp, stripRegexp = _b === void 0 ? DEFAULT_STRIP_REGEXP$1 : _b, _c = options.transform, transform = _c === void 0 ? lowerCase$1 : _c, _d = options.delimiter, delimiter = _d === void 0 ? " " : _d;
-  var result = replace$1(replace$1(input, splitRegexp, "$1\0$2"), stripRegexp, "\0");
-  var start = 0;
-  var end = result.length;
-  while (result.charAt(start) === "\0") {
-    start++;
-  }
-  while (result.charAt(end - 1) === "\0") {
-    end--;
-  }
-  return result.slice(start, end).split("\0").map(transform).join(delimiter);
+var q = [/([a-z0-9])([A-Z])/g, /([A-Z])([A-Z][a-z])/g], W = /[^A-Z0-9]+/gi;
+function U(e, t) {
+  t === void 0 && (t = {});
+  for (var i = t.splitRegexp, s = i === void 0 ? q : i, r = t.stripRegexp, n = r === void 0 ? W : r, u = t.transform, g = u === void 0 ? V : u, o = t.delimiter, S = o === void 0 ? " " : o, l = E(E(e, s, "$1\0$2"), n, "\0"), c = 0, h = l.length; l.charAt(c) === "\0"; )
+    c++;
+  for (; l.charAt(h - 1) === "\0"; )
+    h--;
+  return l.slice(c, h).split("\0").map(g).join(S);
 }
-function replace$1(input, re, value) {
-  if (re instanceof RegExp)
-    return input.replace(re, value);
-  return re.reduce(function(input2, re2) {
-    return input2.replace(re2, value);
-  }, input);
+function E(e, t, i) {
+  return t instanceof RegExp ? e.replace(t, i) : t.reduce(function(s, r) {
+    return s.replace(r, i);
+  }, e);
 }
-function dotCase$1(input, options) {
-  if (options === void 0) {
-    options = {};
-  }
-  return noCase$1(input, _assign({
+function X(e, t) {
+  return t === void 0 && (t = {}), U(e, b({
     delimiter: "."
-  }, options));
+  }, t));
 }
-function paramCase$1(input, options) {
-  if (options === void 0) {
-    options = {};
-  }
-  return dotCase$1(input, _assign({
+function y(e, t) {
+  return t === void 0 && (t = {}), X(e, b({
     delimiter: "-"
-  }, options));
+  }, t));
 }
-var ComponentRegistry = /* @__PURE__ */ function() {
-  function ComponentRegistry2() {
-    var _this = this;
-    var components = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : {};
-    _classCallCheck(this, ComponentRegistry2);
-    this.components = {};
-    Object.entries(components).forEach(function(_ref) {
-      var _ref2 = _slicedToArray(_ref, 2), key = _ref2[0], value = _ref2[1];
-      _this.register(key, value);
+class L {
+  constructor(t = {}) {
+    this.components = /* @__PURE__ */ new Map(), Object.entries(t).forEach(([i, s]) => {
+      this.register(i, s);
     });
   }
-  _createClass(ComponentRegistry2, [{
-    key: "validate",
-    value: function validate(value) {
-      if (_typeof(value) === "object" || typeof value === "function") {
-        return value;
-      }
-      throw new Error("Invalid data type `".concat(_typeof(value), "`. Should be type `object` or `function`."));
-    }
-  }, {
-    key: "get",
-    value: function get(name) {
-      var match = this.components[name = paramCase$1(name)];
-      if (match) {
-        return match;
-      }
-      throw new Error('"'.concat(name, '" has not been registered yet!'));
-    }
-  }, {
-    key: "register",
-    value: function register(name, value) {
-      var _this2 = this;
-      if (_typeof(name) === "object") {
-        Object.entries(name).forEach(function(_ref3) {
-          var _ref4 = _slicedToArray(_ref3, 2), name2 = _ref4[0], module = _ref4[1];
-          _this2.register(paramCase$1(name2), module);
-        });
-        return this;
-      }
-      this.components[paramCase$1(name)] = this.validate(value);
-      return this;
-    }
-  }, {
-    key: "remove",
-    value: function remove(name) {
-      delete this.components[paramCase$1(name)];
-      return this;
-    }
-  }, {
-    key: "reset",
-    value: function reset() {
-      this.components = {};
-      return this;
-    }
-  }]);
-  return ComponentRegistry2;
-}();
-function factory() {
-  for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
-    args[_key] = arguments[_key];
+  get(t) {
+    const i = this.components.get(t = y(t));
+    if (i)
+      return i;
+    throw new Error(`"${t}" has not been registered yet!`);
   }
-  return _construct(ComponentRegistry, args);
-}
-const registry = factory();
-var render$1 = function() {
-  var _vm = this;
-  var _h = _vm.$createElement;
-  var _c = _vm._self._c || _h;
-  return _c("div", { staticClass: "activity-indicator", class: _vm.classes, style: _vm.style }, [_c("div", { staticClass: "activity-indicator-content" }, [_c(_vm.component, { tag: "component", staticClass: "mx-auto" }), _vm.label ? _c("div", { staticClass: "activity-indicator-label" }, [_vm._v(" " + _vm._s(_vm.label) + " ")]) : _vm._e()], 1)]);
-};
-var staticRenderFns$1 = [];
-var ActivityIndicator_vue_vue_type_style_index_0_lang = "";
-function normalizeComponent(scriptExports, render2, staticRenderFns2, functionalTemplate, injectStyles, scopeId, moduleIdentifier, shadowMode) {
-  var options = typeof scriptExports === "function" ? scriptExports.options : scriptExports;
-  if (render2) {
-    options.render = render2;
-    options.staticRenderFns = staticRenderFns2;
-    options._compiled = true;
+  register(t, i) {
+    return typeof t == "object" ? (Object.entries(t).forEach(([s, r]) => {
+      this.register(y(s), r);
+    }), this) : (this.components.set(y(t), i), this);
   }
-  if (functionalTemplate) {
-    options.functional = true;
+  remove(t) {
+    return this.components.delete(y(t)), this;
   }
-  if (scopeId) {
-    options._scopeId = "data-v-" + scopeId;
+  reset() {
+    return this.components = /* @__PURE__ */ new Map(), this;
   }
-  var hook;
-  if (moduleIdentifier) {
-    hook = function(context) {
-      context = context || this.$vnode && this.$vnode.ssrContext || this.parent && this.parent.$vnode && this.parent.$vnode.ssrContext;
-      if (!context && typeof __VUE_SSR_CONTEXT__ !== "undefined") {
-        context = __VUE_SSR_CONTEXT__;
-      }
-      if (injectStyles) {
-        injectStyles.call(this, context);
-      }
-      if (context && context._registeredComponents) {
-        context._registeredComponents.add(moduleIdentifier);
-      }
-    };
-    options._ssrRegister = hook;
-  } else if (injectStyles) {
-    hook = shadowMode ? function() {
-      injectStyles.call(this, (options.functional ? this.parent : this).$root.$options.shadowRoot);
-    } : injectStyles;
-  }
-  if (hook) {
-    if (options.functional) {
-      options._injectStyles = hook;
-      var originalRender = options.render;
-      options.render = function renderWithStyleInjection(h, context) {
-        hook.call(context);
-        return originalRender(h, context);
-      };
-    } else {
-      var existing = options.beforeCreate;
-      options.beforeCreate = existing ? [].concat(existing, hook) : [hook];
-    }
-  }
-  return {
-    exports: scriptExports,
-    options
-  };
 }
-function unit(value, uom = "px") {
-  return value !== null && value !== void 0 && value !== false && isFinite(value) ? `${value}${uom}` : value;
+function J(...e) {
+  return new L(...e);
+}
+const A = J();
+const T = (e, t) => {
+  const i = e.__vccOpts || e;
+  for (const [s, r] of t)
+    i[s] = r;
+  return i;
+};
+function v(e, t = "px") {
+  return e != null && e !== !1 && isFinite(e) ? `${e}${t}` : e;
 }
-const __vue2_script$1 = {
+const K = {
   name: "ActivityIndicator",
   props: {
     absolute: Boolean,
@@ -321,14 +98,14 @@ const __vue2_script$1 = {
       default: "md"
     },
     registry: {
-      type: ComponentRegistry,
+      type: L,
       default() {
-        return registry;
+        return A;
       }
     },
     type: {
       type: String,
-      required: true
+      required: !0
     },
     height: [String, Number],
     maxHeight: [String, Number],
@@ -337,6 +114,9 @@ const __vue2_script$1 = {
     maxWidth: [String, Number],
     minWidth: [String, Number]
   },
+  data: () => ({
+    is: null
+  }),
   computed: {
     classes() {
       return {
@@ -347,53 +127,54 @@ const __vue2_script$1 = {
     },
     style() {
       return {
-        width: unit(this.width),
-        maxWidth: unit(this.maxWidth),
-        minWidth: unit(this.minWidth),
-        height: unit(this.height),
-        maxHeight: unit(this.maxHeight),
-        minHeight: unit(this.minHeight)
-      };
-    },
-    component() {
-      return () => {
-        const component = registry.get(this.type);
-        if (component instanceof Promise) {
-          return component;
-        }
-        if (typeof component === "function") {
-          return component();
-        }
-        return Promise.resolve(component);
+        width: v(this.width),
+        maxWidth: v(this.maxWidth),
+        minWidth: v(this.minWidth),
+        height: v(this.height),
+        maxHeight: v(this.maxHeight),
+        minHeight: v(this.minHeight)
       };
     }
+  },
+  async mounted() {
+    const e = await this.component();
+    this.is = () => e;
+  },
+  methods: {
+    async component() {
+      let e = A.get(this.type);
+      return e instanceof Promise ? e : (typeof e == "function" && (e = await e()), e.default ? e.default : e);
+    }
   }
+}, Q = { class: "activity-indicator-content" }, Y = {
+  key: 1,
+  class: "activity-indicator-label"
 };
-const __cssModules$1 = {};
-var __component__$1 = /* @__PURE__ */ normalizeComponent(__vue2_script$1, render$1, staticRenderFns$1, false, __vue2_injectStyles$1, null, null, null);
-function __vue2_injectStyles$1(context) {
-  for (let o in __cssModules$1) {
-    this[o] = __cssModules$1[o];
-  }
+function ee(e, t, i, s, r, n) {
+  return a(), d("div", {
+    class: w(["activity-indicator", n.classes]),
+    style: N(n.style)
+  }, [
+    x("div", Q, [
+      e.is ? (a(), O(P(e.is()), {
+        key: 0,
+        class: "mx-auto"
+      })) : p("", !0),
+      i.label ? (a(), d("div", Y, j(i.label), 1)) : p("", !0)
+    ])
+  ], 6);
+}
+const te = /* @__PURE__ */ T(K, [["render", ee]]);
+const m = {};
+function _(...e) {
+  if (!e.length)
+    return m;
+  const [t, i] = e;
+  return typeof t == "string" ? typeof m[t] < "u" ? m[t] : i : Array.isArray(t) ? t.reduce((s, r) => Object.assign(s, {
+    [r]: m[r]
+  }), {}) : Object.assign(m, ...e);
 }
-var ActivityIndicator = /* @__PURE__ */ function() {
-  return __component__$1.exports;
-}();
-var Chase_vue_vue_type_style_index_0_lang = "";
-var CircleFade_vue_vue_type_style_index_0_lang = "";
-var CircleOrbit_vue_vue_type_style_index_0_lang = "";
-var CircleTrail_vue_vue_type_style_index_0_lang = "";
-var Dots_vue_vue_type_style_index_0_lang = "";
-var DoublePulse_vue_vue_type_style_index_0_lang = "";
-var Facebook_vue_vue_type_style_index_0_lang = "";
-var Grid_vue_vue_type_style_index_0_lang = "";
-var Pulse_vue_vue_type_style_index_0_lang = "";
-var Spinner_vue_vue_type_style_index_0_lang = "";
-var Spotify_vue_vue_type_style_index_0_lang = "";
-var Square_vue_vue_type_style_index_0_lang = "";
-var SquareFold_vue_vue_type_style_index_0_lang = "";
-var SquareOrbit_vue_vue_type_style_index_0_lang = "";
-var Shadowable = {
+var ie = {
   props: {
     dropShadow: [Boolean, String],
     dropShadowableClassPrefix: {
@@ -408,144 +189,88 @@ var Shadowable = {
   },
   computed: {
     shadowableClass() {
-      const dropShadowClassName = this.dropShadow === true ? "" : this.dropShadow && `-${this.dropShadow}`;
-      const shadowClassName = this.shadow === true ? "" : this.shadow && `-${this.shadow}`;
+      const e = this.dropShadow === !0 ? "" : this.dropShadow && `-${this.dropShadow}`, t = this.shadow === !0 ? "" : this.shadow && `-${this.shadow}`;
       return {
-        [`${this.dropShadowableClassPrefix}${dropShadowClassName}`]: !!this.dropShadow,
-        [`${this.shadowableClassPrefix}${shadowClassName}`]: !!this.shadow
+        [`${this.dropShadowableClassPrefix}${e}`]: !!this.dropShadow,
+        [`${this.shadowableClassPrefix}${t}`]: !!this.shadow
       };
     }
   }
-};
-/*! *****************************************************************************
-Copyright (c) Microsoft Corporation.
-
-Permission to use, copy, modify, and/or distribute this software for any
-purpose with or without fee is hereby granted.
-
-THE SOFTWARE IS PROVIDED "AS IS" AND THE AUTHOR DISCLAIMS ALL WARRANTIES WITH
-REGARD TO THIS SOFTWARE INCLUDING ALL IMPLIED WARRANTIES OF MERCHANTABILITY
-AND FITNESS. IN NO EVENT SHALL THE AUTHOR BE LIABLE FOR ANY SPECIAL, DIRECT,
-INDIRECT, OR CONSEQUENTIAL DAMAGES OR ANY DAMAGES WHATSOEVER RESULTING FROM
-LOSS OF USE, DATA OR PROFITS, WHETHER IN AN ACTION OF CONTRACT, NEGLIGENCE OR
-OTHER TORTIOUS ACTION, ARISING OUT OF OR IN CONNECTION WITH THE USE OR
-PERFORMANCE OF THIS SOFTWARE.
-***************************************************************************** */
-var __assign2 = function() {
-  __assign2 = Object.assign || function __assign3(t) {
-    for (var s, i = 1, n = arguments.length; i < n; i++) {
-      s = arguments[i];
-      for (var p in s)
-        if (Object.prototype.hasOwnProperty.call(s, p))
-          t[p] = s[p];
+}, C = function() {
+  return C = Object.assign || function(t) {
+    for (var i, s = 1, r = arguments.length; s < r; s++) {
+      i = arguments[s];
+      for (var n in i)
+        Object.prototype.hasOwnProperty.call(i, n) && (t[n] = i[n]);
     }
     return t;
-  };
-  return __assign2.apply(this, arguments);
+  }, C.apply(this, arguments);
 };
-function lowerCase(str) {
-  return str.toLowerCase();
+function se(e) {
+  return e.toLowerCase();
 }
-var DEFAULT_SPLIT_REGEXP = [/([a-z0-9])([A-Z])/g, /([A-Z])([A-Z][a-z])/g];
-var DEFAULT_STRIP_REGEXP = /[^A-Z0-9]+/gi;
-function noCase(input, options) {
-  if (options === void 0) {
-    options = {};
-  }
-  var _a = options.splitRegexp, splitRegexp = _a === void 0 ? DEFAULT_SPLIT_REGEXP : _a, _b = options.stripRegexp, stripRegexp = _b === void 0 ? DEFAULT_STRIP_REGEXP : _b, _c = options.transform, transform = _c === void 0 ? lowerCase : _c, _d = options.delimiter, delimiter = _d === void 0 ? " " : _d;
-  var result = replace(replace(input, splitRegexp, "$1\0$2"), stripRegexp, "\0");
-  var start = 0;
-  var end = result.length;
-  while (result.charAt(start) === "\0")
-    start++;
-  while (result.charAt(end - 1) === "\0")
-    end--;
-  return result.slice(start, end).split("\0").map(transform).join(delimiter);
+var re = [/([a-z0-9])([A-Z])/g, /([A-Z])([A-Z][a-z])/g], ne = /[^A-Z0-9]+/gi;
+function ae(e, t) {
+  t === void 0 && (t = {});
+  for (var i = t.splitRegexp, s = i === void 0 ? re : i, r = t.stripRegexp, n = r === void 0 ? ne : r, u = t.transform, g = u === void 0 ? se : u, o = t.delimiter, S = o === void 0 ? " " : o, l = F(F(e, s, "$1\0$2"), n, "\0"), c = 0, h = l.length; l.charAt(c) === "\0"; )
+    c++;
+  for (; l.charAt(h - 1) === "\0"; )
+    h--;
+  return l.slice(c, h).split("\0").map(g).join(S);
 }
-function replace(input, re, value) {
-  if (re instanceof RegExp)
-    return input.replace(re, value);
-  return re.reduce(function(input2, re2) {
-    return input2.replace(re2, value);
-  }, input);
+function F(e, t, i) {
+  return t instanceof RegExp ? e.replace(t, i) : t.reduce(function(s, r) {
+    return s.replace(r, i);
+  }, e);
 }
-function dotCase(input, options) {
-  if (options === void 0) {
-    options = {};
-  }
-  return noCase(input, __assign2({
+function oe(e, t) {
+  return t === void 0 && (t = {}), ae(e, C({
     delimiter: "."
-  }, options));
+  }, t));
 }
-function paramCase(input, options) {
-  if (options === void 0) {
-    options = {};
-  }
-  return dotCase(input, __assign2({
+function B(e, t) {
+  return t === void 0 && (t = {}), oe(e, C({
     delimiter: "-"
-  }, options));
+  }, t));
 }
-function prefix(key, value, delimeter = "-") {
-  const string = value.toString().replace(new RegExp(`^${key}${delimeter}?`), "");
-  return [paramCase(string), key].filter((value2) => !!value2).join(delimeter);
+function $(e, t, i = "-") {
+  const s = t.toString().replace(new RegExp(`^${e}${i}?`), "");
+  return [B(s), e].filter((r) => !!r).join(i);
 }
-function isObject(subject) {
-  return !Array.isArray(subject) && typeof subject === "object";
+function k(e) {
+  return !Array.isArray(e) && typeof e == "object";
 }
-var FormControl = {
+function z(e) {
+  return e === void 0;
+}
+const le = {
   directives: {
     bindEvents: {
-      bind(el, binding, vnode) {
-        el.addEventListener("focus", () => {
-          vnode.context.hasFocus = true;
-        });
-        el.addEventListener("blur", () => {
-          vnode.context.hasFocus = false;
-        });
-        el.addEventListener(el.tagName === "SELECT" ? "change" : "input", (e) => {
-          vnode.context.isEmpty = !el.value;
-          vnode.context.currentValue = el.value;
-        });
-        vnode.context.hasChanged = !!el.value;
-        vnode.context.bindEvents.forEach((name) => {
-          el.addEventListener(name, (event) => {
-            vnode.context.$emit(name, event);
-          });
-        });
-        if (el.tagName === "SELECT") {
-          const opt = el.querySelector('[value=""]');
-          if (opt && opt.value === el.value) {
-            vnode.context.defaultEmpty = true;
-          }
-        }
+      beforeMount(e, t, i) {
+        t.instance.bindEvents(e);
       }
     }
   },
-  mixins: [Shadowable],
-  inheritAttrs: false,
+  mixins: [ie],
+  inheritAttrs: !1,
   props: {
     activity: {
       type: Boolean,
-      default: false
+      default: !1
     },
-    bindEvents: {
+    animated: {
+      type: Boolean,
+      default: () => _("animated", !1)
+    },
+    nativeEvents: {
       type: Array,
       default() {
         return ["focus", "blur", "change", "click", "keypress", "keyup", "keydown", "progress", "paste"];
       }
     },
-    componentName: {
-      type: String,
-      default() {
-        return this.$options.name;
-      }
-    },
     defaultControlClass: {
       type: String,
-      default: "form-control"
-    },
-    defaultValue: {
-      default: null
+      default: () => _("defaultControlClass", "form-control")
     },
     error: [String, Array, Boolean],
     errors: {
@@ -557,13 +282,13 @@ var FormControl = {
     feedback: [String, Array],
     group: {
       type: Boolean,
-      default: true
+      default: () => _("group", !0)
     },
     helpText: [Number, String],
     hideLabel: Boolean,
     indicator: {
       type: String,
-      default: "spinner"
+      default: () => _("indicator", "spinner")
     },
     indicatorSize: String,
     inline: Boolean,
@@ -571,60 +296,58 @@ var FormControl = {
     label: [Number, String],
     labelClass: {
       type: [Object, String],
-      default: "form-label"
+      default: () => _("labelClass", "form-label")
+    },
+    modelValue: {
+      default: void 0
     },
     pill: Boolean,
     plaintext: Boolean,
     size: String,
     spacing: String,
-    valid: Boolean,
-    value: {
-      default: null
-    }
+    valid: Boolean
   },
   data() {
     return {
-      currentValue: this.value || this.defaultValue,
-      defaultEmpty: false,
-      hasChanged: false,
-      hasFocus: false,
-      isEmpty: !(this.value || this.defaultValue)
+      defaultEmpty: !1,
+      hasChanged: !1,
+      hasFocus: !1,
+      isEmpty: !0
     };
   },
   computed: {
     id() {
-      return this.$attrs.id || this.$attrs.name;
+      return this.$attrs.id || this.$attrs.name || (Math.random() + 1).toString(36).substring(7);
+    },
+    componentName() {
+      return this.$options.name;
     },
     controlAttributes() {
-      return Object.keys(this.$attrs).concat([["id", this.id], ["class", this.controlClasses]]).reduce((carry, key) => {
-        if (Array.isArray(key)) {
-          carry[key[0]] = key[1];
-        } else {
-          carry[key] = this[key] || this.$attrs[key];
-        }
-        return carry;
-      }, {});
+      return Object.fromEntries(Object.entries(this.$attrs).concat([["id", this.id], ["class", this.controlClasses]]));
     },
     controlClass() {
       return this.defaultControlClass;
     },
     controlSizeClass() {
-      return prefix(this.size, this.controlClass);
+      return $(this.size, this.controlClass);
     },
     formGroupClasses() {
       return {
-        [paramCase(this.componentName)]: !!this.componentName,
-        [this.size && prefix(this.size, this.componentName)]: !!this.size,
+        [B(this.componentName)]: !!this.componentName,
+        [this.size && $(this.size, this.componentName)]: !!this.size,
+        animated: this.animated,
         "default-empty": this.defaultEmpty,
         "form-group": this.group,
-        [this.size && prefix(this.size, "form-group")]: !!this.size,
+        [this.size && $(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)
+        "is-valid": !!(this.valid || this.validFeedback),
+        [this.$attrs.class]: !!this.$attrs.class,
+        [this.$attrs.id]: !!this.$attrs.id
       };
     },
     controlClasses() {
@@ -643,16 +366,12 @@ var FormControl = {
       return !!this.$slots.default;
     },
     invalidFeedback() {
-      if (this.error === "") {
+      if (this.error === "")
         return null;
-      }
-      if (this.error) {
+      if (this.error)
         return this.error;
-      }
-      const errors = this.getFieldErrors();
-      return Array.isArray(errors) ? errors.filter((error) => {
-        return error && typeof error === "string";
-      }).join("<br>") : errors;
+      const e = this.getFieldErrors();
+      return Array.isArray(e) ? e.filter((t) => t && typeof t == "string").join("<br>") : e;
     },
     pillClasses() {
       return "rounded rounded-pill";
@@ -666,81 +385,56 @@ var FormControl = {
   },
   watch: {
     hasFocus() {
-      if (this.shouldChangeOnFocus()) {
-        this.hasChanged = true;
-      }
-    },
-    value(value) {
-      this.currentValue = value;
-    },
-    currentValue() {
-      this.hasChanged = true;
+      this.shouldChangeOnFocus() && (this.hasChanged = !0);
     },
     defaultEmpty() {
-      this.hasChanged = true;
-    }
-  },
-  mounted() {
-    if (this.value === null && this.defaultValue !== null) {
-      this.$emit("input", this.defaultValue);
+      this.hasChanged = !0;
     }
   },
   methods: {
+    bindEvents(e, t) {
+      t || (t = this.onInput);
+      const i = e.querySelectorAll("option")[e.selectedIndex];
+      z(this.modelValue) ? z(i) || (e.value = i.value) : e.value = this.modelValue, e.value && t(e.value), this.hasChanged = !!e.value, this.isEmpty = !e.value, e.addEventListener("focus", () => {
+        this.hasFocus = !0;
+      }), e.addEventListener("blur", () => {
+        this.hasFocus = !1;
+      }), e.addEventListener("input", (s) => {
+        this.isEmpty = !1, this.hasChanged = !0;
+      }), e.addEventListener(e.tagName === "SELECT" ? "change" : "input", () => t(e.value)), this.nativeEvents.forEach((s) => {
+        e.addEventListener(s, (r) => {
+          this.$emit(s, r);
+        });
+      });
+    },
     blur() {
-      if (this.getInputField()) {
-        this.getInputField().blur();
-      }
+      this.getInputField() && this.getInputField().blur();
     },
     focus() {
-      if (this.getInputField()) {
-        this.getInputField().focus();
-      }
+      this.getInputField() && this.getInputField().focus();
     },
     getInputField() {
       return this.$el.querySelector(".form-control, input, select, textarea");
     },
     getFieldErrors() {
-      let errors = this.error || this.errors;
-      if (isObject(this.errors)) {
-        errors = this.errors[this.$attrs.name || this.$attrs.id];
-      }
-      return !errors || Array.isArray(errors) || isObject(errors) ? errors : [errors];
+      let e = this.error || this.errors;
+      return this.errors && k(this.errors) && (e = this.errors[this.$attrs.name || this.$attrs.id]), !e || Array.isArray(e) || k(e) ? e : [e];
     },
     shouldChangeOnFocus() {
       return !this.getInputField().readOnly;
     },
     onInput(e) {
-      this.$emit("input", e.target.value);
-      this.$emit("update:value", e.target.value);
+      this.$emit("update:modelValue", e);
     }
   }
 };
-var render = function() {
-  var _vm = this;
-  var _h = _vm.$createElement;
-  var _c = _vm._self._c || _h;
-  return _c("div", { class: _vm.formGroupClasses }, [_vm._t("label", function() {
-    return [_vm.label ? _c("label", { ref: "label", class: _vm.labelClass, attrs: { "for": _vm.id }, domProps: { "innerHTML": _vm._s(_vm.label) }, on: { "click": _vm.focus } }) : _vm._e()];
-  }), _c("div", { staticClass: "form-group-inner" }, [_vm._t("control", function() {
-    var _obj;
-    return [_vm.$slots.icon ? _c("div", { staticClass: "form-group-inner-icon", on: { "click": _vm.focus } }, [_vm._t("icon")], 2) : _vm._e(), _c("select", _vm._b({ directives: [{ name: "bind-events", rawName: "v-bind-events" }], ref: "field", domProps: { "value": _vm.currentValue }, on: { "input": _vm.onInput } }, "select", Object.assign((_obj = {}, _obj["disabled"] = _vm.$attrs.readonly, _obj), _vm.controlAttributes), false), [_vm._t("default")], 2)];
-  }), _vm._t("activity", function() {
-    return [_c("transition", { attrs: { "name": "select-field-fade" } }, [_vm.activity ? _c("activity-indicator", { key: "activity", ref: "activity", attrs: { "type": _vm.indicator, "size": _vm.indicatorSize || _vm.size } }) : _vm._e()], 1)];
-  })], 2), _vm._t("feedback", function() {
-    return [_vm.invalidFeedback ? _c("div", { staticClass: "invalid-feedback", attrs: { "invalid": "" }, domProps: { "innerHTML": _vm._s(_vm.invalidFeedback) } }) : _vm.validFeedback ? _c("div", { staticClass: "valid-feedback", attrs: { "valid": "" }, domProps: { "innerHTML": _vm._s(_vm.validFeedback) } }) : _vm._e()];
-  }), _vm._t("help", function() {
-    return [_vm.helpText ? _c("small", { ref: "help" }, [_vm._v(" " + _vm._s(_vm.helpText) + " ")]) : _vm._e()];
-  })], 2);
-};
-var staticRenderFns = [];
-var SelectField_vue_vue_type_style_index_0_lang = "";
-const __vue2_script = {
+const de = {
   name: "SelectField",
   components: {
-    ActivityIndicator
+    ActivityIndicator: te
   },
   mixins: [
-    FormControl
+    le
   ],
   props: {
     defaultControlClass: {
@@ -754,27 +448,85 @@ const __vue2_script = {
     }
   },
   mounted() {
-    const selected = this.$el.querySelector("[selected]");
-    if (selected) {
-      this.currentValue = selected.value;
-      this.$emit("input", this.currentValue);
-      this.$emit("update:value", this.currentValue);
-    }
   },
   methods: {
     shouldChangeOnFocus() {
-      return false;
+      return !1;
     }
   }
-};
-const __cssModules = {};
-var __component__ = /* @__PURE__ */ normalizeComponent(__vue2_script, render, staticRenderFns, false, __vue2_injectStyles, null, null, null);
-function __vue2_injectStyles(context) {
-  for (let o in __cssModules) {
-    this[o] = __cssModules[o];
-  }
+}, ue = ["for", "innerHTML"], ce = { class: "form-group-inner" }, he = ["innerHTML"], fe = ["innerHTML"];
+function pe(e, t, i, s, r, n) {
+  const u = R("activity-indicator"), g = I("bind-events");
+  return a(), d("div", {
+    class: w(e.formGroupClasses)
+  }, [
+    f(e.$slots, "label", {}, () => [
+      e.label ? (a(), d("label", {
+        key: 0,
+        ref: "label",
+        for: e.id,
+        class: w(e.labelClass),
+        onClick: t[0] || (t[0] = (...o) => e.focus && e.focus(...o)),
+        innerHTML: e.label
+      }, null, 10, ue)) : p("", !0)
+    ]),
+    x("div", ce, [
+      f(e.$slots, "control", {
+        bindEvents: e.bindEvents,
+        controlAttributes: e.controlAttributes,
+        focus: e.focus
+      }, () => [
+        e.$slots.icon ? (a(), d("div", {
+          key: 0,
+          class: "form-group-inner-icon",
+          onClick: t[1] || (t[1] = (...o) => e.focus && e.focus(...o))
+        }, [
+          f(e.$slots, "icon")
+        ])) : p("", !0),
+        H((a(), d("select", D({ ref: "field" }, Object.assign({
+          disabled: e.$attrs.readonly
+        }, e.controlAttributes)), [
+          f(e.$slots, "default")
+        ], 16)), [
+          [g]
+        ])
+      ]),
+      f(e.$slots, "activity", {}, () => [
+        M(Z, { name: "select-field-fade" }, {
+          default: G(() => [
+            e.activity ? (a(), O(u, {
+              key: "activity",
+              ref: "activity",
+              type: e.indicator,
+              size: e.indicatorSize || e.size
+            }, null, 8, ["type", "size"])) : p("", !0)
+          ]),
+          _: 1
+        })
+      ])
+    ]),
+    f(e.$slots, "feedback", {}, () => [
+      e.invalidFeedback ? (a(), d("div", {
+        key: 0,
+        class: "invalid-feedback",
+        invalid: "",
+        innerHTML: e.invalidFeedback
+      }, null, 8, he)) : e.validFeedback ? (a(), d("div", {
+        key: 1,
+        class: "valid-feedback",
+        valid: "",
+        innerHTML: e.validFeedback
+      }, null, 8, fe)) : p("", !0)
+    ]),
+    f(e.$slots, "help", {}, () => [
+      e.helpText ? (a(), d("small", {
+        key: 0,
+        ref: "help"
+      }, j(e.helpText), 513)) : p("", !0)
+    ])
+  ], 2);
 }
-var SelectField = /* @__PURE__ */ function() {
-  return __component__.exports;
-}();
-export { SelectField };
+const ge = /* @__PURE__ */ T(de, [["render", pe]]);
+export {
+  ge as SelectField
+};