@vue-interface/input-field 1.0.0-beta.1 → 1.0.0-beta.2

package/dist/input-field.js

@@ -1,8 +1,8 @@
-import { defineComponent as S, inject as N, openBlock as r, createElementBlock as l, normalizeClass as k, normalizeStyle as I, createElementVNode as A, createBlock as O, resolveDynamicComponent as H, createCommentVNode as p, toDisplayString as B, resolveComponent as M, resolveDirective as T, renderSlot as f, withDirectives as P, mergeProps as Z, createVNode as x, Transition as R, withCtx as V } from "vue";
-function v(t, e = "px") {
+import { defineComponent as E, inject as nt, openBlock as u, createElementBlock as o, normalizeClass as x, normalizeStyle as rt, createElementVNode as j, createBlock as T, resolveDynamicComponent as ut, createCommentVNode as a, toDisplayString as H, resolveComponent as st, resolveDirective as ot, renderSlot as d, 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 W = S({
+const ft = E({
   props: {
     absolute: Boolean,
     center: Boolean,
@@ -31,7 +31,7 @@ const W = S({
   }),
   setup(t) {
     return {
-      registryInstance: N(t.registry || "indicators")
+      registryInstance: nt(t.registry || "indicators")
     };
   },
   computed: {
@@ -44,12 +44,12 @@ const W = S({
     },
     style() {
       return {
-        width: v(this.width),
-        maxWidth: v(this.maxWidth),
-        minWidth: v(this.minWidth),
-        height: v(this.height),
-        maxHeight: v(this.maxHeight),
-        minHeight: v(this.minHeight)
+        width: c(this.width),
+        maxWidth: c(this.maxWidth),
+        minWidth: c(this.minWidth),
+        height: c(this.height),
+        maxHeight: c(this.maxHeight),
+        minHeight: c(this.minHeight)
       };
     }
   },
@@ -63,103 +63,103 @@ const W = S({
       return t instanceof Promise ? t : (typeof t == "function" && (t = await t()), t.default ? t.default : t);
     }
   }
-}), D = (t, e) => {
+}), pt = (t, e) => {
   const i = t.__vccOpts || t;
-  for (const [n, s] of e)
-    i[n] = s;
+  for (const [r, n] of e)
+    i[r] = n;
   return i;
-}, q = { class: "activity-indicator-content" }, G = {
+}, vt = { class: "activity-indicator-content" }, gt = {
   key: 1,
   class: "activity-indicator-label"
 };
-function _(t, e, i, n, s, d) {
-  return r(), l("div", {
-    class: k(["activity-indicator", t.classes]),
-    style: I(t.style)
+function yt(t, e, i, r, n, s) {
+  return u(), o("div", {
+    class: x(["activity-indicator", t.classes]),
+    style: rt(t.style)
   }, [
-    A("div", q, [
-      t.is ? (r(), O(H(t.is()), {
+    j("div", vt, [
+      t.is ? (u(), T(ut(t.is()), {
         key: 0,
         class: "mx-auto"
-      })) : p("", !0),
-      t.label ? (r(), l("div", G, B(t.label), 1)) : p("", !0)
+      })) : a("", !0),
+      t.label ? (u(), o("div", gt, H(t.label), 1)) : a("", !0)
     ])
   ], 6);
 }
-const J = /* @__PURE__ */ D(W, [["render", _]]);
-var K = Object.defineProperty, Q = (t, e, i) => e in t ? K(t, e, { enumerable: !0, configurable: !0, writable: !0, value: i }) : t[e] = i, U = (t, e, i) => (Q(t, typeof e != "symbol" ? e + "" : e, i), i), $ = function() {
-  return $ = Object.assign || function(t) {
-    for (var e, i = 1, n = arguments.length; i < n; i++) {
+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 s in e)
-        Object.prototype.hasOwnProperty.call(e, s) && (t[s] = e[s]);
+      for (var n in e)
+        Object.prototype.hasOwnProperty.call(e, n) && (t[n] = e[n]);
     }
     return t;
-  }, $.apply(this, arguments);
+  }, C.apply(this, arguments);
 };
-function X(t) {
+function $t(t) {
   return t.toLowerCase();
 }
-var Y = [/([a-z0-9])([A-Z])/g, /([A-Z])([A-Z][a-z])/g], tt = /[^A-Z0-9]+/gi;
-function et(t, e) {
+var At = [/([a-z0-9])([A-Z])/g, /([A-Z])([A-Z][a-z])/g], St = /[^A-Z0-9]+/gi;
+function Ft(t, e) {
   e === void 0 && (e = {});
-  for (var i = e.splitRegexp, n = i === void 0 ? Y : i, s = e.stripRegexp, d = s === void 0 ? tt : s, u = e.transform, m = u === void 0 ? X : u, o = e.delimiter, w = o === void 0 ? " " : o, a = F(F(t, n, "$1\0$2"), d, "\0"), c = 0, h = a.length; a.charAt(c) === "\0"; )
-    c++;
-  for (; a.charAt(h - 1) === "\0"; )
-    h--;
-  return a.slice(c, h).split("\0").map(m).join(w);
+  for (var i = e.splitRegexp, r = i === void 0 ? At : i, n = e.stripRegexp, s = n === void 0 ? St : n, y = e.transform, $ = y === void 0 ? $t : y, l = e.delimiter, it = l === void 0 ? " " : l, b = w(w(t, r, "$1\0$2"), s, "\0"), A = 0, S = b.length; b.charAt(A) === "\0"; )
+    A++;
+  for (; b.charAt(S - 1) === "\0"; )
+    S--;
+  return b.slice(A, S).split("\0").map($).join(it);
 }
-function F(t, e, i) {
-  return e instanceof RegExp ? t.replace(e, i) : e.reduce(function(n, s) {
-    return n.replace(s, i);
+function w(t, e, i) {
+  return e instanceof RegExp ? t.replace(e, i) : e.reduce(function(r, n) {
+    return r.replace(n, i);
   }, t);
 }
-function it(t, e) {
-  return e === void 0 && (e = {}), et(t, $({ delimiter: "." }, e));
+function xt(t, e) {
+  return e === void 0 && (e = {}), Ft(t, C({ delimiter: "." }, e));
 }
-function b(t, e) {
-  return e === void 0 && (e = {}), it(t, $({ delimiter: "-" }, e));
+function m(t, e) {
+  return e === void 0 && (e = {}), xt(t, C({ delimiter: "-" }, e));
 }
-class st {
+class jt {
   constructor(e = {}) {
-    U(this, "components"), this.components = /* @__PURE__ */ new Map(), Object.entries(e).forEach(([i, n]) => {
-      this.register(i, n);
+    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 = b(e)
+      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(([n, s]) => {
-      this.register(b(n), s);
-    }), this) : (this.components.set(b(e), i), this);
+    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(b(e)), this;
+    return this.components.delete(m(e)), this;
   }
   reset() {
     return this.components = /* @__PURE__ */ new Map(), this;
   }
 }
-function nt(t = {}) {
-  return new st(t);
+function wt(t = {}) {
+  return new jt(t);
 }
-nt();
-const g = {};
-function y(...t) {
+wt();
+const p = {};
+function v(...t) {
   if (!t.length)
-    return g;
+    return p;
   const [e, i] = t;
-  return typeof e == "string" ? typeof g[e] < "u" ? g[e] : i : Array.isArray(e) ? e.reduce((n, s) => Object.assign(n, {
-    [s]: g[s]
-  }), {}) : Object.assign(g, ...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 rt = S({
+const Dt = E({
   props: {
     dropShadow: {
       type: [Boolean, String],
@@ -188,63 +188,325 @@ const rt = S({
     }
   }
 });
-var C = function() {
-  return C = Object.assign || function(t) {
-    for (var e, i = 1, n = arguments.length; i < n; i++) {
-      e = arguments[i];
-      for (var s in e)
-        Object.prototype.hasOwnProperty.call(e, s) && (t[s] = e[s]);
-    }
+var kt = typeof global == "object" && global && global.Object === Object && global;
+const Ot = kt;
+var zt = typeof self == "object" && self && self.Object === Object && self, Bt = Ot || 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]", D = f ? f.toStringTag : void 0;
+function Vt(t) {
+  return t == null ? t === void 0 ? Pt : Ut : D && D 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 _t = Array.isArray;
+const Jt = _t;
+var Kt = 1 / 0, k = f ? f.prototype : void 0, O = k ? k.toString : void 0;
+function M(t) {
+  if (typeof t == "string")
     return t;
-  }, C.apply(this, arguments);
-};
-function ot(t) {
-  return t.toLowerCase();
+  if (Jt(t))
+    return Yt(t, M) + "";
+  if (qt(t))
+    return O ? O.call(t) : "";
+  var e = t + "";
+  return e == "0" && 1 / t == -Kt ? "-0" : e;
 }
-var at = [/([a-z0-9])([A-Z])/g, /([A-Z])([A-Z][a-z])/g], lt = /[^A-Z0-9]+/gi;
-function dt(t, e) {
-  e === void 0 && (e = {});
-  for (var i = e.splitRegexp, n = i === void 0 ? at : i, s = e.stripRegexp, d = s === void 0 ? lt : s, u = e.transform, m = u === void 0 ? ot : u, o = e.delimiter, w = o === void 0 ? " " : o, a = z(z(t, n, "$1\0$2"), d, "\0"), c = 0, h = a.length; a.charAt(c) === "\0"; )
-    c++;
-  for (; a.charAt(h - 1) === "\0"; )
-    h--;
-  return a.slice(c, h).split("\0").map(m).join(w);
+function R(t) {
+  return t == null ? "" : M(t);
 }
-function z(t, e, i) {
-  return e instanceof RegExp ? t.replace(e, i) : e.reduce(function(n, s) {
-    return n.replace(s, i);
-  }, t);
+function Qt(t, e, i, r) {
+  var n = -1, s = t == null ? 0 : t.length;
+  for (r && s && (i = t[++n]); ++n < s; )
+    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", ue = "\\ufe20-\\ufe2f", se = "\\u20d0-\\u20ff", oe = re + ue + se, ae = "[" + oe + "]", le = RegExp(ae, "g");
+function de(t) {
+  return t = R(t), t && t.replace(ne, ie).replace(le, "");
 }
-function ut(t, e) {
-  return e === void 0 && (e = {}), dt(t, C({ delimiter: "." }, e));
+var ce = /[^\x00-\x2f\x3a-\x40\x5b-\x60\x7b-\x7f]+/g;
+function he(t) {
+  return t.match(ce) || [];
 }
-function L(t, e) {
-  return e === void 0 && (e = {}), ut(t, C({ delimiter: "-" }, e));
+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);
 }
-function E(t, e, i = "-") {
-  const n = e.toString().replace(new RegExp(`^${t}${i}?`), "");
+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", Ae = "\\ufe0e\\ufe0f", G = me + Ce + Ee + $e, q = "['\u2019]", z = "[" + G + "]", Se = "[" + be + "]", Y = "\\d+", Fe = "[" + P + "]", _ = "[" + V + "]", J = "[^" + U + G + Y + P + V + W + "]", xe = "\\ud83c[\\udffb-\\udfff]", je = "(?:" + Se + "|" + xe + ")", we = "[^" + U + "]", K = "(?:\\ud83c[\\udde6-\\uddff]){2}", Q = "[\\ud800-\\udbff][\\udc00-\\udfff]", h = "[" + W + "]", De = "\\u200d", B = "(?:" + _ + "|" + J + ")", ke = "(?:" + h + "|" + J + ")", I = "(?:" + q + "(?:d|ll|m|re|s|t|ve))?", L = "(?:" + q + "(?:D|LL|M|RE|S|T|VE))?", X = je + "?", tt = "[" + Ae + "]?", Oe = "(?:" + De + "(?:" + [we, K, 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 + Oe, Le = "(?:" + [Fe, K, Q].join("|") + ")" + Ie, Ne = RegExp([
+  h + "?" + _ + "+" + I + "(?=" + [z, h, "$"].join("|") + ")",
+  ke + "+" + L + "(?=" + [z, h + B, "$"].join("|") + ")",
+  h + "?" + B + "+" + I,
+  h + "+" + L,
+  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 [
-    L(n),
+    et(r),
     t
-  ].filter((s) => !!s).join(i);
+  ].filter((n) => !!n).join(i);
 }
-function j(t) {
+function N(t) {
   return !Array.isArray(t) && typeof t == "object";
 }
-function ct(t) {
+function Pe(t) {
   return t === void 0;
 }
-const ht = S({
+const Ve = E({
   directives: {
     bindEvents: {
       beforeMount(t, e) {
-        var i, n;
-        (n = (i = e.instance) == null ? void 0 : i.bindEvents) == null || n.call(i, t);
+        var i, r;
+        (r = (i = e.instance) == null ? void 0 : i.bindEvents) == null || r.call(i, t);
       }
     }
   },
   mixins: [
-    rt
+    Dt
   ],
   inheritAttrs: !1,
   props: {
@@ -254,7 +516,7 @@ const ht = S({
     },
     animated: {
       type: Boolean,
-      default: () => y("animated", !1)
+      default: () => v("animated", !1)
     },
     nativeEvents: {
       type: Array,
@@ -264,7 +526,7 @@ const ht = S({
     },
     defaultControlClass: {
       type: String,
-      default: () => y("defaultControlClass", "form-control")
+      default: () => v("defaultControlClass", "form-control")
     },
     error: {
       type: [String, Array, Boolean],
@@ -282,7 +544,7 @@ const ht = S({
     },
     group: {
       type: Boolean,
-      default: () => y("group", !0)
+      default: () => v("group", !0)
     },
     helpText: {
       type: [Number, String],
@@ -290,8 +552,8 @@ const ht = S({
     },
     hideLabel: Boolean,
     indicator: {
-      type: String,
-      default: () => y("indicator", "spinner")
+      type: [String, Boolean],
+      default: () => v("indicator", "spinner")
     },
     indicatorSize: {
       type: String,
@@ -305,15 +567,21 @@ const ht = S({
     },
     labelClass: {
       type: [Object, String],
-      default: () => y("labelClass", "form-label")
+      default: () => v("labelClass", "form-label")
     },
     modelValue: {
       default: void 0
     },
     pill: Boolean,
     plaintext: Boolean,
-    size: String,
-    spacing: String,
+    size: {
+      type: String,
+      default: void 0
+    },
+    spacing: {
+      type: String,
+      default: void 0
+    },
     valid: Boolean
   },
   data() {
@@ -343,16 +611,16 @@ const ht = S({
       return this.defaultControlClass;
     },
     controlSizeClass() {
-      return E(this.size, this.controlClass);
+      return F(this.size, this.controlClass);
     },
     formGroupClasses() {
       return {
-        [L(this.componentName)]: !!this.componentName,
-        [this.size && E(this.size, this.componentName)]: !!this.size,
+        [et(this.componentName)]: !!this.componentName,
+        [this.size && F(this.size, this.componentName)]: !!this.size,
         animated: this.animated,
         "default-empty": this.defaultEmpty,
         "form-group": this.group,
-        [this.size && E(this.size, "form-group")]: !!this.size,
+        [this.size && F(this.size, "form-group")]: !!this.size,
         "has-activity": this.activity,
         "has-changed": this.hasChanged,
         "has-focus": this.hasFocus,
@@ -409,19 +677,19 @@ const ht = S({
     bindEvents(t, e) {
       var i;
       e || (e = this.onInput);
-      const n = t instanceof HTMLSelectElement ? (i = t.querySelectorAll("option")) == null ? void 0 : i[t.selectedIndex] : null;
-      ct(this.modelValue) ? n && (t.value = n == null ? void 0 : n.value) : t.value = this.modelValue, t.value && e(t.value), this.hasChanged = !!t.value, this.isEmpty = !t.value, t.addEventListener("focus", () => {
+      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", (s) => {
+      }), t.addEventListener("input", () => {
         this.isEmpty = !1, this.hasChanged = !0;
       }), t.addEventListener(
         t.tagName === "SELECT" ? "change" : "input",
         () => e(t.value)
-      ), this.nativeEvents.forEach((s) => {
-        t.addEventListener(s, (d) => {
-          this.$emit(s, d);
+      ), this.nativeEvents.forEach((n) => {
+        t.addEventListener(n, (s) => {
+          this.$emit(n, s);
         });
       });
     },
@@ -438,7 +706,7 @@ const ht = S({
     },
     getFieldErrors() {
       let t = this.error || this.errors;
-      return this.errors && j(this.errors) && (t = this.errors[this.$attrs.name || this.$attrs.id]), !t || Array.isArray(t) || j(t) ? t : [t];
+      return this.errors && N(this.errors) && (t = this.errors[this.$attrs.name || this.$attrs.id]), !t || Array.isArray(t) || N(t) ? t : [t];
     },
     shouldChangeOnFocus() {
       return !this.getInputField().readOnly;
@@ -447,88 +715,88 @@ const ht = S({
       this.$emit("update:modelValue", t);
     }
   }
-}), pt = S({
+}), We = E({
   components: {
-    ActivityIndicator: J
+    ActivityIndicator: bt
   },
   mixins: [
-    ht
+    Ve
   ]
 });
-const ft = (t, e) => {
+const Ge = (t, e) => {
   const i = t.__vccOpts || t;
-  for (const [n, s] of e)
-    i[n] = s;
+  for (const [r, n] of e)
+    i[r] = n;
   return i;
-}, vt = ["for", "innerHTML"], mt = { class: "form-group-inner" }, gt = ["innerHTML"], yt = ["innerHTML"];
-function bt(t, e, i, n, s, d) {
-  const u = M("activity-indicator"), m = T("bind-events");
-  return r(), l("div", {
-    class: k(t.formGroupClasses)
+}, qe = ["for", "innerHTML"], Ye = { class: "form-group-inner" }, _e = ["innerHTML"], Je = ["innerHTML"];
+function Ke(t, e, i, r, n, s) {
+  const y = st("activity-indicator"), $ = ot("bind-events");
+  return u(), o("div", {
+    class: x(t.formGroupClasses)
   }, [
-    f(t.$slots, "label", {}, () => [
-      t.label ? (r(), l("label", {
+    d(t.$slots, "label", {}, () => [
+      t.label ? (u(), o("label", {
         key: 0,
         ref: "label",
         for: t.id,
-        class: k(t.labelClass),
-        onClick: e[0] || (e[0] = (...o) => t.focus && t.focus(...o)),
+        class: x(t.labelClass),
+        onClick: e[0] || (e[0] = (...l) => t.focus && t.focus(...l)),
         innerHTML: t.label
-      }, null, 10, vt)) : p("", !0)
+      }, null, 10, qe)) : a("", !0)
     ]),
-    A("div", mt, [
-      f(t.$slots, "control", {
+    j("div", Ye, [
+      d(t.$slots, "control", {
         bindEvents: t.bindEvents,
         controlAttributes: t.controlAttributes,
         focus: t.focus
       }, () => [
-        t.$slots.icon ? (r(), l("div", {
+        t.$slots.icon ? (u(), o("div", {
           key: 0,
           class: "form-group-inner-icon",
-          onClick: e[1] || (e[1] = (...o) => t.focus && t.focus(...o))
+          onClick: e[1] || (e[1] = (...l) => t.focus && t.focus(...l))
         }, [
-          f(t.$slots, "icon")
-        ])) : p("", !0),
-        P(A("input", Z({ ref: "field" }, t.controlAttributes), null, 16), [
-          [m]
+          d(t.$slots, "icon")
+        ])) : a("", !0),
+        at(j("input", lt({ ref: "field" }, t.controlAttributes), null, 16), [
+          [$]
         ])
       ]),
-      f(t.$slots, "activity", {}, () => [
-        x(R, { name: "input-field-fade" }, {
-          default: V(() => [
-            t.activity ? (r(), O(u, {
+      d(t.$slots, "activity", {}, () => [
+        dt(ct, { name: "input-field-fade" }, {
+          default: ht(() => [
+            t.activity ? (u(), T(y, {
               key: "activity",
               ref: "activity",
               type: t.indicator,
               size: t.indicatorSize || t.size
-            }, null, 8, ["type", "size"])) : p("", !0)
+            }, null, 8, ["type", "size"])) : a("", !0)
           ]),
           _: 1
         })
       ])
     ]),
-    f(t.$slots, "feedback", {}, () => [
-      t.invalidFeedback ? (r(), l("div", {
+    d(t.$slots, "feedback", {}, () => [
+      t.invalidFeedback ? (u(), o("div", {
         key: 0,
         class: "invalid-feedback",
         invalid: "",
         innerHTML: t.invalidFeedback
-      }, null, 8, gt)) : t.validFeedback ? (r(), l("div", {
+      }, null, 8, _e)) : t.validFeedback ? (u(), o("div", {
         key: 1,
         class: "valid-feedback",
         valid: "",
         innerHTML: t.validFeedback
-      }, null, 8, yt)) : p("", !0)
+      }, null, 8, Je)) : a("", !0)
     ]),
-    f(t.$slots, "help", {}, () => [
-      t.helpText ? (r(), l("small", {
+    d(t.$slots, "help", {}, () => [
+      t.helpText ? (u(), o("small", {
         key: 0,
         ref: "help"
-      }, B(t.helpText), 513)) : p("", !0)
+      }, H(t.helpText), 513)) : a("", !0)
     ])
   ], 2);
 }
-const Ct = /* @__PURE__ */ ft(pt, [["render", bt]]);
+const Xe = /* @__PURE__ */ Ge(We, [["render", Ke]]);
 export {
-  Ct as InputField
+  Xe as InputField
 };

package/dist/input-field.umd.cjs

@@ -1 +1 @@
-(function(l,i){typeof exports=="object"&&typeof module<"u"?i(exports,require("vue")):typeof define=="function"&&define.amd?define(["exports","vue"],i):(l=typeof globalThis<"u"?globalThis:l||self,i(l.InputField={},l.Vue))})(this,function(l,i){"use strict";function p(e,t="px"){return e!=null&&e!==!1&&isFinite(e)?`${e}${t}`:e}const B=i.defineComponent({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(e){return{registryInstance:i.inject(e.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:p(this.width),maxWidth:p(this.maxWidth),minWidth:p(this.minWidth),height:p(this.height),maxHeight:p(this.maxHeight),minHeight:p(this.minHeight)}}},async mounted(){const e=await this.component();this.is=()=>e},methods:{async component(){let e=this.registryInstance.get(this.type);return e instanceof Promise?e:(typeof e=="function"&&(e=await e()),e.default?e.default:e)}}}),A=(e,t)=>{const n=e.__vccOpts||e;for(const[r,s]of t)n[r]=s;return n},F={class:"activity-indicator-content"},z={key:1,class:"activity-indicator-label"};function j(e,t,n,r,s,d){return i.openBlock(),i.createElementBlock("div",{class:i.normalizeClass(["activity-indicator",e.classes]),style:i.normalizeStyle(e.style)},[i.createElementVNode("div",F,[e.is?(i.openBlock(),i.createBlock(i.resolveDynamicComponent(e.is()),{key:0,class:"mx-auto"})):i.createCommentVNode("",!0),e.label?(i.openBlock(),i.createElementBlock("div",z,i.toDisplayString(e.label),1)):i.createCommentVNode("",!0)])],6)}const N=A(B,[["render",j]]);var O=Object.defineProperty,I=(e,t,n)=>t in e?O(e,t,{enumerable:!0,configurable:!0,writable:!0,value:n}):e[t]=n,V=(e,t,n)=>(I(e,typeof t!="symbol"?t+"":t,n),n),y=function(){return y=Object.assign||function(e){for(var t,n=1,r=arguments.length;n<r;n++){t=arguments[n];for(var s in t)Object.prototype.hasOwnProperty.call(t,s)&&(e[s]=t[s])}return e},y.apply(this,arguments)};function L(e){return e.toLowerCase()}var T=[/([a-z0-9])([A-Z])/g,/([A-Z])([A-Z][a-z])/g],H=/[^A-Z0-9]+/gi;function M(e,t){t===void 0&&(t={});for(var n=t.splitRegexp,r=n===void 0?T:n,s=t.stripRegexp,d=s===void 0?H:s,c=t.transform,g=c===void 0?L:c,o=t.delimiter,S=o===void 0?" ":o,a=k(k(e,r,"$1\0$2"),d,"\0"),h=0,u=a.length;a.charAt(h)==="\0";)h++;for(;a.charAt(u-1)==="\0";)u--;return a.slice(h,u).split("\0").map(g).join(S)}function k(e,t,n){return t instanceof RegExp?e.replace(t,n):t.reduce(function(r,s){return r.replace(s,n)},e)}function P(e,t){return t===void 0&&(t={}),M(e,y({delimiter:"."},t))}function b(e,t){return t===void 0&&(t={}),P(e,y({delimiter:"-"},t))}class x{constructor(t={}){V(this,"components"),this.components=new Map,Object.entries(t).forEach(([n,r])=>{this.register(n,r)})}get(t){const n=this.components.get(t=b(t));if(n)return n;throw new Error(`"${t}" has not been registered yet!`)}register(t,n){return typeof t=="object"?(Object.entries(t).forEach(([r,s])=>{this.register(b(r),s)}),this):(this.components.set(b(t),n),this)}remove(t){return this.components.delete(b(t)),this}reset(){return this.components=new Map,this}}function Z(e={}){return new x(e)}Z();const f={};function m(...e){if(!e.length)return f;const[t,n]=e;return typeof t=="string"?typeof f[t]<"u"?f[t]:n:Array.isArray(t)?t.reduce((r,s)=>Object.assign(r,{[s]:f[s]}),{}):Object.assign(f,...e)}const R=i.defineComponent({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 e=this.dropShadow===!0?"":this.dropShadow&&`-${this.dropShadow}`,t=this.shadow===!0?"":this.shadow&&`-${this.shadow}`;return{[`${this.dropShadowableClassPrefix}${e}`]:!!this.dropShadow,[`${this.shadowableClassPrefix}${t}`]:!!this.shadow}}}});var v=function(){return v=Object.assign||function(e){for(var t,n=1,r=arguments.length;n<r;n++){t=arguments[n];for(var s in t)Object.prototype.hasOwnProperty.call(t,s)&&(e[s]=t[s])}return e},v.apply(this,arguments)};function D(e){return e.toLowerCase()}var W=[/([a-z0-9])([A-Z])/g,/([A-Z])([A-Z][a-z])/g],q=/[^A-Z0-9]+/gi;function G(e,t){t===void 0&&(t={});for(var n=t.splitRegexp,r=n===void 0?W:n,s=t.stripRegexp,d=s===void 0?q:s,c=t.transform,g=c===void 0?D:c,o=t.delimiter,S=o===void 0?" ":o,a=$($(e,r,"$1\0$2"),d,"\0"),h=0,u=a.length;a.charAt(h)==="\0";)h++;for(;a.charAt(u-1)==="\0";)u--;return a.slice(h,u).split("\0").map(g).join(S)}function $(e,t,n){return t instanceof RegExp?e.replace(t,n):t.reduce(function(r,s){return r.replace(s,n)},e)}function _(e,t){return t===void 0&&(t={}),G(e,v({delimiter:"."},t))}function E(e,t){return t===void 0&&(t={}),_(e,v({delimiter:"-"},t))}function C(e,t,n="-"){const r=t.toString().replace(new RegExp(`^${e}${n}?`),"");return[E(r),e].filter(s=>!!s).join(n)}function w(e){return!Array.isArray(e)&&typeof e=="object"}function J(e){return e===void 0}const K=i.defineComponent({directives:{bindEvents:{beforeMount(e,t){var n,r;(r=(n=t.instance)==null?void 0:n.bindEvents)==null||r.call(n,e)}}},mixins:[R],inheritAttrs:!1,props:{activity:{type:Boolean,default:!1},animated:{type:Boolean,default:()=>m("animated",!1)},nativeEvents:{type:Array,default(){return["focus","blur","change","click","keypress","keyup","keydown","progress","paste"]}},defaultControlClass:{type:String,default:()=>m("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:()=>m("group",!0)},helpText:{type:[Number,String],default:void 0},hideLabel:Boolean,indicator:{type:String,default:()=>m("indicator","spinner")},indicatorSize:{type:String,default:void 0},inline:Boolean,invalid:Boolean,label:{type:[Number,String],default:void 0},labelClass:{type:[Object,String],default:()=>m("labelClass","form-label")},modelValue:{default:void 0},pill:Boolean,plaintext:Boolean,size:String,spacing:String,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 C(this.size,this.controlClass)},formGroupClasses(){return{[E(this.componentName)]:!!this.componentName,[this.size&&C(this.size,this.componentName)]:!!this.size,animated:this.animated,"default-empty":this.defaultEmpty,"form-group":this.group,[this.size&&C(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}},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 e=this.getFieldErrors();return Array.isArray(e)?e.filter(t=>t&&typeof t=="string").join("<br>"):e},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(e,t){var n;t||(t=this.onInput);const r=e instanceof HTMLSelectElement?(n=e.querySelectorAll("option"))==null?void 0:n[e.selectedIndex]:null;J(this.modelValue)?r&&(e.value=r==null?void 0:r.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,d=>{this.$emit(s,d)})})},blur(){this.getInputField()&&this.getInputField().blur()},focus(){this.getInputField()&&this.getInputField().focus()},getInputField(){return this.$el.querySelector(".form-control, input, select, textarea")},getFieldErrors(){let e=this.error||this.errors;return this.errors&&w(this.errors)&&(e=this.errors[this.$attrs.name||this.$attrs.id]),!e||Array.isArray(e)||w(e)?e:[e]},shouldChangeOnFocus(){return!this.getInputField().readOnly},onInput(e){this.$emit("update:modelValue",e)}}}),Q=i.defineComponent({components:{ActivityIndicator:N},mixins:[K]}),se="",U=(e,t)=>{const n=e.__vccOpts||e;for(const[r,s]of t)n[r]=s;return n},X=["for","innerHTML"],Y={class:"form-group-inner"},ee=["innerHTML"],te=["innerHTML"];function ie(e,t,n,r,s,d){const c=i.resolveComponent("activity-indicator"),g=i.resolveDirective("bind-events");return i.openBlock(),i.createElementBlock("div",{class:i.normalizeClass(e.formGroupClasses)},[i.renderSlot(e.$slots,"label",{},()=>[e.label?(i.openBlock(),i.createElementBlock("label",{key:0,ref:"label",for:e.id,class:i.normalizeClass(e.labelClass),onClick:t[0]||(t[0]=(...o)=>e.focus&&e.focus(...o)),innerHTML:e.label},null,10,X)):i.createCommentVNode("",!0)]),i.createElementVNode("div",Y,[i.renderSlot(e.$slots,"control",{bindEvents:e.bindEvents,controlAttributes:e.controlAttributes,focus:e.focus},()=>[e.$slots.icon?(i.openBlock(),i.createElementBlock("div",{key:0,class:"form-group-inner-icon",onClick:t[1]||(t[1]=(...o)=>e.focus&&e.focus(...o))},[i.renderSlot(e.$slots,"icon")])):i.createCommentVNode("",!0),i.withDirectives(i.createElementVNode("input",i.mergeProps({ref:"field"},e.controlAttributes),null,16),[[g]])]),i.renderSlot(e.$slots,"activity",{},()=>[i.createVNode(i.Transition,{name:"input-field-fade"},{default:i.withCtx(()=>[e.activity?(i.openBlock(),i.createBlock(c,{key:"activity",ref:"activity",type:e.indicator,size:e.indicatorSize||e.size},null,8,["type","size"])):i.createCommentVNode("",!0)]),_:1})])]),i.renderSlot(e.$slots,"feedback",{},()=>[e.invalidFeedback?(i.openBlock(),i.createElementBlock("div",{key:0,class:"invalid-feedback",invalid:"",innerHTML:e.invalidFeedback},null,8,ee)):e.validFeedback?(i.openBlock(),i.createElementBlock("div",{key:1,class:"valid-feedback",valid:"",innerHTML:e.validFeedback},null,8,te)):i.createCommentVNode("",!0)]),i.renderSlot(e.$slots,"help",{},()=>[e.helpText?(i.openBlock(),i.createElementBlock("small",{key:0,ref:"help"},i.toDisplayString(e.helpText),513)):i.createCommentVNode("",!0)])],2)}const ne=U(Q,[["render",ie]]);l.InputField=ne,Object.defineProperties(l,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}})});
+(function(u,i){typeof exports=="object"&&typeof module<"u"?i(exports,require("vue")):typeof define=="function"&&define.amd?define(["exports","vue"],i):(u=typeof globalThis<"u"?globalThis:u||self,i(u.InputField={},u.Vue))})(this,function(u,i){"use strict";function a(e,t="px"){return e!=null&&e!==!1&&isFinite(e)?`${e}${t}`:e}const Y=i.defineComponent({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(e){return{registryInstance:i.inject(e.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:a(this.width),maxWidth:a(this.maxWidth),minWidth:a(this.minWidth),height:a(this.height),maxHeight:a(this.maxHeight),minHeight:a(this.minHeight)}}},async mounted(){const e=await this.component();this.is=()=>e},methods:{async component(){let e=this.registryInstance.get(this.type);return e instanceof Promise?e:(typeof e=="function"&&(e=await e()),e.default?e.default:e)}}}),J=(e,t)=>{const n=e.__vccOpts||e;for(const[o,r]of t)n[o]=r;return n},K={class:"activity-indicator-content"},Q={key:1,class:"activity-indicator-label"};function X(e,t,n,o,r,s){return i.openBlock(),i.createElementBlock("div",{class:i.normalizeClass(["activity-indicator",e.classes]),style:i.normalizeStyle(e.style)},[i.createElementVNode("div",K,[e.is?(i.openBlock(),i.createBlock(i.resolveDynamicComponent(e.is()),{key:0,class:"mx-auto"})):i.createCommentVNode("",!0),e.label?(i.openBlock(),i.createElementBlock("div",Q,i.toDisplayString(e.label),1)):i.createCommentVNode("",!0)])],6)}const ee=J(Y,[["render",X]]);var te=Object.defineProperty,ie=(e,t,n)=>t in e?te(e,t,{enumerable:!0,configurable:!0,writable:!0,value:n}):e[t]=n,ne=(e,t,n)=>(ie(e,typeof t!="symbol"?t+"":t,n),n),m=function(){return m=Object.assign||function(e){for(var t,n=1,o=arguments.length;n<o;n++){t=arguments[n];for(var r in t)Object.prototype.hasOwnProperty.call(t,r)&&(e[r]=t[r])}return e},m.apply(this,arguments)};function re(e){return e.toLowerCase()}var oe=[/([a-z0-9])([A-Z])/g,/([A-Z])([A-Z][a-z])/g],se=/[^A-Z0-9]+/gi;function ue(e,t){t===void 0&&(t={});for(var n=t.splitRegexp,o=n===void 0?oe:n,r=t.stripRegexp,s=r===void 0?se:r,g=t.transform,C=g===void 0?re:g,c=t.delimiter,Nt=c===void 0?" ":c,b=$($(e,o,"$1\0$2"),s,"\0"),E=0,S=b.length;b.charAt(E)==="\0";)E++;for(;b.charAt(S-1)==="\0";)S--;return b.slice(E,S).split("\0").map(C).join(Nt)}function $(e,t,n){return t instanceof RegExp?e.replace(t,n):t.reduce(function(o,r){return o.replace(r,n)},e)}function ae(e,t){return t===void 0&&(t={}),ue(e,m({delimiter:"."},t))}function y(e,t){return t===void 0&&(t={}),ae(e,m({delimiter:"-"},t))}class le{constructor(t={}){ne(this,"components"),this.components=new Map,Object.entries(t).forEach(([n,o])=>{this.register(n,o)})}get(t){const n=this.components.get(t=y(t));if(n)return n;throw new Error(`"${t}" has not been registered yet!`)}register(t,n){return typeof t=="object"?(Object.entries(t).forEach(([o,r])=>{this.register(y(o),r)}),this):(this.components.set(y(t),n),this)}remove(t){return this.components.delete(y(t)),this}reset(){return this.components=new Map,this}}function de(e={}){return new le(e)}de();const h={};function f(...e){if(!e.length)return h;const[t,n]=e;return typeof t=="string"?typeof h[t]<"u"?h[t]:n:Array.isArray(t)?t.reduce((o,r)=>Object.assign(o,{[r]:h[r]}),{}):Object.assign(h,...e)}const ce=i.defineComponent({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 e=this.dropShadow===!0?"":this.dropShadow&&`-${this.dropShadow}`,t=this.shadow===!0?"":this.shadow&&`-${this.shadow}`;return{[`${this.dropShadowableClassPrefix}${e}`]:!!this.dropShadow,[`${this.shadowableClassPrefix}${t}`]:!!this.shadow}}}});var he=typeof global=="object"&&global&&global.Object===Object&&global;const fe=he;var pe=typeof self=="object"&&self&&self.Object===Object&&self,me=fe||pe||Function("return this")(),ye=me.Symbol;const l=ye;var A=Object.prototype,ge=A.hasOwnProperty,be=A.toString,p=l?l.toStringTag:void 0;function ve(e){var t=ge.call(e,p),n=e[p];try{e[p]=void 0;var o=!0}catch{}var r=be.call(e);return o&&(t?e[p]=n:delete e[p]),r}var Ce=Object.prototype,Ee=Ce.toString;function Se(e){return Ee.call(e)}var $e="[object Null]",Ae="[object Undefined]",F=l?l.toStringTag:void 0;function Fe(e){return e==null?e===void 0?Ae:$e:F&&F in Object(e)?ve(e):Se(e)}function ke(e){return e!=null&&typeof e=="object"}var Be="[object Symbol]";function xe(e){return typeof e=="symbol"||ke(e)&&Fe(e)==Be}function je(e,t){for(var n=-1,o=e==null?0:e.length,r=Array(o);++n<o;)r[n]=t(e[n],n,e);return r}var De=Array.isArray;const we=De;var ze=1/0,k=l?l.prototype:void 0,B=k?k.toString:void 0;function x(e){if(typeof e=="string")return e;if(we(e))return je(e,x)+"";if(xe(e))return B?B.call(e):"";var t=e+"";return t=="0"&&1/e==-ze?"-0":t}function j(e){return e==null?"":x(e)}function Oe(e,t,n,o){var r=-1,s=e==null?0:e.length;for(o&&s&&(n=e[++r]);++r<s;)n=t(n,e[r],r,e);return n}function Ne(e){return function(t){return e==null?void 0:e[t]}}var Ie={\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"},Te=Ne(Ie);const Le=Te;var Ve=/[\xc0-\xd6\xd8-\xf6\xf8-\xff\u0100-\u017f]/g,He="\\u0300-\\u036f",Me="\\ufe20-\\ufe2f",Ze="\\u20d0-\\u20ff",Re=He+Me+Ze,Pe="["+Re+"]",Ue=RegExp(Pe,"g");function Ge(e){return e=j(e),e&&e.replace(Ve,Le).replace(Ue,"")}var We=/[^\x00-\x2f\x3a-\x40\x5b-\x60\x7b-\x7f]+/g;function _e(e){return e.match(We)||[]}var qe=/[a-z][A-Z]|[A-Z]{2}[a-z]|[0-9][a-zA-Z]|[a-zA-Z][0-9]|[^a-zA-Z0-9 ]/;function Ye(e){return qe.test(e)}var D="\\ud800-\\udfff",Je="\\u0300-\\u036f",Ke="\\ufe20-\\ufe2f",Qe="\\u20d0-\\u20ff",Xe=Je+Ke+Qe,w="\\u2700-\\u27bf",z="a-z\\xdf-\\xf6\\xf8-\\xff",et="\\xac\\xb1\\xd7\\xf7",tt="\\x00-\\x2f\\x3a-\\x40\\x5b-\\x60\\x7b-\\xbf",it="\\u2000-\\u206f",nt=" \\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",O="A-Z\\xc0-\\xd6\\xd8-\\xde",rt="\\ufe0e\\ufe0f",N=et+tt+it+nt,I="['\u2019]",T="["+N+"]",ot="["+Xe+"]",L="\\d+",st="["+w+"]",V="["+z+"]",H="[^"+D+N+L+w+z+O+"]",ut="\\ud83c[\\udffb-\\udfff]",at="(?:"+ot+"|"+ut+")",lt="[^"+D+"]",M="(?:\\ud83c[\\udde6-\\uddff]){2}",Z="[\\ud800-\\udbff][\\udc00-\\udfff]",d="["+O+"]",dt="\\u200d",R="(?:"+V+"|"+H+")",ct="(?:"+d+"|"+H+")",P="(?:"+I+"(?:d|ll|m|re|s|t|ve))?",U="(?:"+I+"(?:D|LL|M|RE|S|T|VE))?",G=at+"?",W="["+rt+"]?",ht="(?:"+dt+"(?:"+[lt,M,Z].join("|")+")"+W+G+")*",ft="\\d*(?:1st|2nd|3rd|(?![123])\\dth)(?=\\b|[A-Z_])",pt="\\d*(?:1ST|2ND|3RD|(?![123])\\dTH)(?=\\b|[a-z_])",mt=W+G+ht,yt="(?:"+[st,M,Z].join("|")+")"+mt,gt=RegExp([d+"?"+V+"+"+P+"(?="+[T,d,"$"].join("|")+")",ct+"+"+U+"(?="+[T,d+R,"$"].join("|")+")",d+"?"+R+"+"+P,d+"+"+U,pt,ft,L,yt].join("|"),"g");function bt(e){return e.match(gt)||[]}function vt(e,t,n){return e=j(e),t=n?void 0:t,t===void 0?Ye(e)?bt(e):_e(e):e.match(t)||[]}var Ct="['\u2019]",Et=RegExp(Ct,"g");function St(e){return function(t){return Oe(vt(Ge(t).replace(Et,"")),e,"")}}var $t=St(function(e,t,n){return e+(n?"-":"")+t.toLowerCase()});const _=$t;function v(e,t,n="-"){const o=String(t).replace(new RegExp(`^${e}${n}?`),"");return[_(o),e].filter(r=>!!r).join(n)}function q(e){return!Array.isArray(e)&&typeof e=="object"}function At(e){return e===void 0}const Ft=i.defineComponent({directives:{bindEvents:{beforeMount(e,t){var n,o;(o=(n=t.instance)==null?void 0:n.bindEvents)==null||o.call(n,e)}}},mixins:[ce],inheritAttrs:!1,props:{activity:{type:Boolean,default:!1},animated:{type:Boolean,default:()=>f("animated",!1)},nativeEvents:{type:Array,default(){return["focus","blur","change","click","keypress","keyup","keydown","progress","paste"]}},defaultControlClass:{type:String,default:()=>f("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:()=>f("group",!0)},helpText:{type:[Number,String],default:void 0},hideLabel:Boolean,indicator:{type:[String,Boolean],default:()=>f("indicator","spinner")},indicatorSize:{type:String,default:void 0},inline:Boolean,invalid:Boolean,label:{type:[Number,String],default:void 0},labelClass:{type:[Object,String],default:()=>f("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 v(this.size,this.controlClass)},formGroupClasses(){return{[_(this.componentName)]:!!this.componentName,[this.size&&v(this.size,this.componentName)]:!!this.size,animated:this.animated,"default-empty":this.defaultEmpty,"form-group":this.group,[this.size&&v(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}},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 e=this.getFieldErrors();return Array.isArray(e)?e.filter(t=>t&&typeof t=="string").join("<br>"):e},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(e,t){var n;t||(t=this.onInput);const o=e instanceof HTMLSelectElement?(n=e.querySelectorAll("option"))==null?void 0:n[e.selectedIndex]:null;At(this.modelValue)?o&&(e.value=o==null?void 0:o.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",()=>{this.isEmpty=!1,this.hasChanged=!0}),e.addEventListener(e.tagName==="SELECT"?"change":"input",()=>t(e.value)),this.nativeEvents.forEach(r=>{e.addEventListener(r,s=>{this.$emit(r,s)})})},blur(){this.getInputField()&&this.getInputField().blur()},focus(){this.getInputField()&&this.getInputField().focus()},getInputField(){return this.$el.querySelector(".form-control, input, select, textarea")},getFieldErrors(){let e=this.error||this.errors;return this.errors&&q(this.errors)&&(e=this.errors[this.$attrs.name||this.$attrs.id]),!e||Array.isArray(e)||q(e)?e:[e]},shouldChangeOnFocus(){return!this.getInputField().readOnly},onInput(e){this.$emit("update:modelValue",e)}}}),kt=i.defineComponent({components:{ActivityIndicator:ee},mixins:[Ft]}),Tt="",Bt=(e,t)=>{const n=e.__vccOpts||e;for(const[o,r]of t)n[o]=r;return n},xt=["for","innerHTML"],jt={class:"form-group-inner"},Dt=["innerHTML"],wt=["innerHTML"];function zt(e,t,n,o,r,s){const g=i.resolveComponent("activity-indicator"),C=i.resolveDirective("bind-events");return i.openBlock(),i.createElementBlock("div",{class:i.normalizeClass(e.formGroupClasses)},[i.renderSlot(e.$slots,"label",{},()=>[e.label?(i.openBlock(),i.createElementBlock("label",{key:0,ref:"label",for:e.id,class:i.normalizeClass(e.labelClass),onClick:t[0]||(t[0]=(...c)=>e.focus&&e.focus(...c)),innerHTML:e.label},null,10,xt)):i.createCommentVNode("",!0)]),i.createElementVNode("div",jt,[i.renderSlot(e.$slots,"control",{bindEvents:e.bindEvents,controlAttributes:e.controlAttributes,focus:e.focus},()=>[e.$slots.icon?(i.openBlock(),i.createElementBlock("div",{key:0,class:"form-group-inner-icon",onClick:t[1]||(t[1]=(...c)=>e.focus&&e.focus(...c))},[i.renderSlot(e.$slots,"icon")])):i.createCommentVNode("",!0),i.withDirectives(i.createElementVNode("input",i.mergeProps({ref:"field"},e.controlAttributes),null,16),[[C]])]),i.renderSlot(e.$slots,"activity",{},()=>[i.createVNode(i.Transition,{name:"input-field-fade"},{default:i.withCtx(()=>[e.activity?(i.openBlock(),i.createBlock(g,{key:"activity",ref:"activity",type:e.indicator,size:e.indicatorSize||e.size},null,8,["type","size"])):i.createCommentVNode("",!0)]),_:1})])]),i.renderSlot(e.$slots,"feedback",{},()=>[e.invalidFeedback?(i.openBlock(),i.createElementBlock("div",{key:0,class:"invalid-feedback",invalid:"",innerHTML:e.invalidFeedback},null,8,Dt)):e.validFeedback?(i.openBlock(),i.createElementBlock("div",{key:1,class:"valid-feedback",valid:"",innerHTML:e.validFeedback},null,8,wt)):i.createCommentVNode("",!0)]),i.renderSlot(e.$slots,"help",{},()=>[e.helpText?(i.openBlock(),i.createElementBlock("small",{key:0,ref:"help"},i.toDisplayString(e.helpText),513)):i.createCommentVNode("",!0)])],2)}const Ot=Bt(kt,[["render",zt]]);u.InputField=Ot,Object.defineProperties(u,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}})});

package/dist/src/InputField.vue.d.ts

@@ -37,7 +37,7 @@ declare const _sfc_main: import("vue").DefineComponent<{}, {}, {}, {}, {}, impor
     };
     hideLabel: BooleanConstructor;
     indicator: {
-        type: StringConstructor;
+        type: (BooleanConstructor | StringConstructor)[];
         default: () => any;
     };
     indicatorSize: {
@@ -59,8 +59,14 @@ declare const _sfc_main: import("vue").DefineComponent<{}, {}, {}, {}, {}, impor
     };
     pill: BooleanConstructor;
     plaintext: BooleanConstructor;
-    size: StringConstructor;
-    spacing: StringConstructor;
+    size: {
+        type: StringConstructor;
+        default: undefined;
+    };
+    spacing: {
+        type: StringConstructor;
+        default: undefined;
+    };
     valid: BooleanConstructor;
 }, unknown, {
     defaultEmpty: boolean;
@@ -185,7 +191,7 @@ declare const _sfc_main: import("vue").DefineComponent<{}, {}, {}, {}, {}, impor
     };
     hideLabel: BooleanConstructor;
     indicator: {
-        type: StringConstructor;
+        type: (BooleanConstructor | StringConstructor)[];
         default: () => any;
     };
     indicatorSize: {
@@ -207,8 +213,14 @@ declare const _sfc_main: import("vue").DefineComponent<{}, {}, {}, {}, {}, impor
     };
     pill: BooleanConstructor;
     plaintext: BooleanConstructor;
-    size: StringConstructor;
-    spacing: StringConstructor;
+    size: {
+        type: StringConstructor;
+        default: undefined;
+    };
+    spacing: {
+        type: StringConstructor;
+        default: undefined;
+    };
     valid: BooleanConstructor;
 }>>, {
     activity: boolean;
@@ -221,7 +233,7 @@ declare const _sfc_main: import("vue").DefineComponent<{}, {}, {}, {}, {}, impor
     group: boolean;
     helpText: string | number;
     hideLabel: boolean;
-    indicator: string;
+    indicator: string | boolean;
     indicatorSize: string;
     inline: boolean;
     invalid: boolean;
@@ -230,6 +242,8 @@ declare const _sfc_main: import("vue").DefineComponent<{}, {}, {}, {}, {}, impor
     modelValue: undefined;
     pill: boolean;
     plaintext: boolean;
+    size: string;
+    spacing: string;
     valid: boolean;
 }>, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{}>>, {}>;
 export default _sfc_main;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@vue-interface/input-field",
-  "version": "1.0.0-beta.1",
+  "version": "1.0.0-beta.2",
   "description": "A Vue input field component.",
   "files": [
     "dist"
@@ -47,7 +47,7 @@
   "homepage": "https://github.com/vue-interface/input-field/docs#readme",
   "dependencies": {
     "@vue-interface/activity-indicator": "^2.0.0-beta.0",
-    "@vue-interface/form-control": "^1.0.0-beta.4"
+    "@vue-interface/form-control": "^1.0.0-beta.8"
   },
   "peerDependencies": {
     "vue": "^3.0.0"