@vue-interface/input-field 1.0.0-beta.11 → 1.0.0-beta.13

package/dist/input-field.js

@@ -1,271 +1,103 @@
-import { defineComponent as j, inject as O, toRaw as R, openBlock as s, createElementBlock as c, normalizeClass as F, normalizeStyle as H, createElementVNode as u, createBlock as E, resolveDynamicComponent as W, toDisplayString as p, createCommentVNode as d, resolveComponent as C, resolveDirective as B, renderSlot as a, normalizeProps as w, guardReactiveProps as z, withDirectives as D, mergeProps as P, vModelDynamic as V, createVNode as A, Transition as I, withCtx as S, createTextVNode as T } from "vue";
-import { FormControl as Z } from "@vue-interface/form-control";
-var M = Object.defineProperty, G = (e, t, r) => t in e ? M(e, t, { enumerable: !0, configurable: !0, writable: !0, value: r }) : e[t] = r, q = (e, t, r) => (G(e, typeof t != "symbol" ? t + "" : t, r), r), v = function() {
-  return v = Object.assign || function(e) {
-    for (var t, r = 1, i = arguments.length; r < i; r++) {
-      t = arguments[r];
-      for (var o in t)
-        Object.prototype.hasOwnProperty.call(t, o) && (e[o] = t[o]);
-    }
-    return e;
-  }, v.apply(this, arguments);
-};
-function L(e) {
-  return e.toLowerCase();
-}
-var U = [/([a-z0-9])([A-Z])/g, /([A-Z])([A-Z][a-z])/g], J = /[^A-Z0-9]+/gi;
-function K(e, t) {
-  t === void 0 && (t = {});
-  for (var r = t.splitRegexp, i = r === void 0 ? U : r, o = t.stripRegexp, y = o === void 0 ? J : o, m = t.transform, b = m === void 0 ? L : m, f = t.delimiter, g = f === void 0 ? " " : f, n = N(N(e, i, "$1\0$2"), y, "\0"), $ = 0, k = n.length; n.charAt($) === "\0"; )
-    $++;
-  for (; n.charAt(k - 1) === "\0"; )
-    k--;
-  return n.slice($, k).split("\0").map(b).join(g);
-}
-function N(e, t, r) {
-  return t instanceof RegExp ? e.replace(t, r) : t.reduce(function(i, o) {
-    return i.replace(o, r);
-  }, e);
-}
-function Q(e, t) {
-  return t === void 0 && (t = {}), K(e, v({ delimiter: "." }, t));
-}
-function h(e, t) {
-  return t === void 0 && (t = {}), Q(e, v({ delimiter: "-" }, t));
-}
-class X {
-  constructor(t = {}) {
-    q(this, "components"), this.components = /* @__PURE__ */ new Map(), Object.entries(t).forEach(([r, i]) => {
-      this.register(r, i);
-    });
-  }
-  get(t) {
-    const r = this.components.get(
-      t = h(t)
-    );
-    if (r)
-      return r;
-    throw new Error(`"${t}" has not been registered yet!`);
-  }
-  register(t, r) {
-    return typeof t == "object" ? (Object.entries(t).forEach(([i, o]) => {
-      this.register(h(i), o);
-    }), this) : (this.components.set(h(t), r), this);
-  }
-  remove(t) {
-    return this.components.delete(h(t)), this;
-  }
-  reset() {
-    return this.components = /* @__PURE__ */ new Map(), this;
-  }
-}
-function Y(e = {}) {
-  return new X(e);
-}
-const _ = Y();
-function l(e, t = "px") {
-  return e != null && e !== !1 && isFinite(e) ? `${e}${t}` : e;
-}
-const x = j({
-  props: {
-    absolute: Boolean,
-    center: Boolean,
-    label: {
-      type: String,
-      default: void 0
-    },
-    size: {
-      type: String,
-      default: "md"
-    },
-    registry: {
-      type: String,
-      default: "indicators"
-    },
-    type: {
-      type: [Object, String],
-      required: !0
-    },
-    height: {
-      type: [String, Number],
-      default: void 0
-    },
-    maxHeight: {
-      type: [String, Number],
-      default: void 0
-    },
-    minHeight: {
-      type: [String, Number],
-      default: void 0
-    },
-    width: {
-      type: [String, Number],
-      default: void 0
-    },
-    maxWidth: {
-      type: [String, Number],
-      default: void 0
-    },
-    minWidth: {
-      type: [String, Number],
-      default: void 0
-    }
-  },
-  data: () => ({
-    is: null
-  }),
-  computed: {
-    classes() {
-      return {
-        "activity-indicator-center": this.center,
-        "activity-indicator-absolute": this.absolute,
-        [this.size && `activity-indicator-${this.size}`]: !!this.size
-      };
-    },
-    style() {
-      return {
-        width: l(this.width),
-        maxWidth: l(this.maxWidth),
-        minWidth: l(this.minWidth),
-        height: l(this.height),
-        maxHeight: l(this.maxHeight),
-        minHeight: l(this.minHeight)
-      };
-    }
-  },
-  // async mounted() {
-  //     const component = await this.component();
-  //     this.is = () => component;
-  // },
-  methods: {
-    componentFromRegistry(e) {
-      var t;
-      try {
-        return (t = O(this.registry || "indicators", _)) == null ? void 0 : t.get(e);
-      } catch {
-      }
-    },
-    component() {
-      return typeof this.type == "string" ? this.componentFromRegistry(this.type) : R(this.type);
-    }
-  }
-}), ee = (e, t) => {
-  const r = e.__vccOpts || e;
-  for (const [i, o] of t)
-    r[i] = o;
-  return r;
-}, te = { class: "activity-indicator-content" }, re = {
-  key: 0,
-  class: "activity-indicator-label"
-};
-function oe(e, t, r, i, o, y) {
-  return s(), c("div", {
-    class: F(["activity-indicator", e.classes]),
-    style: H(e.style)
-  }, [
-    u("div", te, [
-      (s(), E(W(e.component()), { class: "mx-auto" })),
-      e.label ? (s(), c("div", re, p(e.label), 1)) : d("", !0)
-    ])
-  ], 6);
-}
-const ie = /* @__PURE__ */ ee(x, [["render", oe]]), ne = j({
+import { ActivityIndicator as g } from "@vue-interface/activity-indicator";
+import { FormControl as z } from "@vue-interface/form-control";
+import { defineComponent as E, resolveComponent as m, resolveDirective as V, openBlock as n, createElementBlock as l, normalizeClass as b, renderSlot as r, toDisplayString as a, createCommentVNode as s, createElementVNode as i, normalizeProps as p, guardReactiveProps as f, withDirectives as A, mergeProps as D, vModelDynamic as I, createVNode as k, Transition as N, withCtx as u, createBlock as y, createTextVNode as T } from "vue";
+const B = E({
   name: "InputField",
   components: {
-    ActivityIndicator: ie
+    ActivityIndicator: g
   },
-  extends: Z
+  extends: z
 });
-const se = (e, t) => {
-  const r = e.__vccOpts || e;
-  for (const [i, o] of t)
-    r[i] = o;
-  return r;
-}, ae = ["for"], le = { class: "form-group-inner" }, de = {
+const P = (e, t) => {
+  const d = e.__vccOpts || e;
+  for (const [c, v] of t)
+    d[c] = v;
+  return d;
+}, S = ["for"], w = { class: "form-group-inner" }, G = {
   invalid: "",
   class: "invalid-feedback"
-}, ce = /* @__PURE__ */ u("br", null, null, -1), ue = {
+}, M = /* @__PURE__ */ i("br", null, null, -1), O = {
   valid: "",
   class: "valid-feedback"
 };
-function pe(e, t, r, i, o, y) {
-  const m = C("activity-indicator"), b = C("FormControlErrors"), f = C("FormControlFeedback"), g = B("bind-events");
-  return s(), c("div", {
-    class: F(["input-field", e.formGroupClasses])
+function R(e, t, d, c, v, U) {
+  const $ = m("activity-indicator"), C = m("FormControlErrors"), F = m("FormControlFeedback"), h = V("bind-events");
+  return n(), l("div", {
+    class: b(["input-field", e.formGroupClasses])
   }, [
-    a(e.$slots, "label", {}, () => [
-      e.label ? (s(), c("label", {
+    r(e.$slots, "label", {}, () => [
+      e.label ? (n(), l("label", {
         key: 0,
         ref: "label",
-        class: F(e.labelClass),
+        class: b(e.labelClass),
         for: e.id
-      }, p(e.label), 11, ae)) : d("", !0)
+      }, a(e.label), 11, S)) : s("", !0)
     ]),
-    u("div", le, [
-      a(e.$slots, "control", w(z({ bindEvents: e.bindEvents, controlAttributes: e.controlAttributes })), () => [
-        e.$slots.icon ? (s(), c("div", {
+    i("div", w, [
+      r(e.$slots, "control", p(f({ bindEvents: e.bindEvents, controlAttributes: e.controlAttributes })), () => [
+        e.$slots.icon ? (n(), l("div", {
           key: 0,
           class: "form-group-inner-icon",
-          onClick: t[0] || (t[0] = (...n) => e.focus && e.focus(...n))
+          onClick: t[0] || (t[0] = (...o) => e.focus && e.focus(...o))
         }, [
-          a(e.$slots, "icon")
-        ])) : d("", !0),
-        D(u("input", P({
+          r(e.$slots, "icon")
+        ])) : s("", !0),
+        A(i("input", D({
           ref: "field",
-          "onUpdate:modelValue": t[1] || (t[1] = (n) => e.model = n)
+          "onUpdate:modelValue": t[1] || (t[1] = (o) => e.model = o)
         }, e.controlAttributes), null, 16), [
-          [V, e.model],
-          [g]
+          [I, e.model],
+          [h]
         ])
       ]),
-      a(e.$slots, "activity", {}, () => [
-        A(I, { name: "input-field-fade" }, {
-          default: S(() => [
-            e.activity ? (s(), E(m, {
+      r(e.$slots, "activity", {}, () => [
+        k(N, { name: "input-field-fade" }, {
+          default: u(() => [
+            e.activity ? (n(), y($, {
               key: "activity",
               ref: "activity",
               type: e.indicator,
               size: e.indicatorSize || e.size
-            }, null, 8, ["type", "size"])) : d("", !0)
+            }, null, 8, ["type", "size"])) : s("", !0)
           ]),
           _: 1
         })
       ])
     ]),
-    a(e.$slots, "errors", w(z({ error: e.error, errors: e.errors, id: e.$attrs.id, name: e.$attrs.name })), () => [
-      e.error || e.errors ? (s(), E(b, {
+    r(e.$slots, "errors", p(f({ error: e.error, errors: e.errors, id: e.$attrs.id, name: e.$attrs.name })), () => [
+      e.error || e.errors ? (n(), y(C, {
         key: 0,
         id: e.$attrs.id,
         name: e.$attrs.name,
         error: e.error,
         errors: e.errors
       }, {
-        default: S(({ error: n }) => [
-          u("div", de, [
-            T(p(n), 1),
-            ce
+        default: u(({ error: o }) => [
+          i("div", G, [
+            T(a(o), 1),
+            M
           ])
         ]),
         _: 1
-      }, 8, ["id", "name", "error", "errors"])) : d("", !0)
+      }, 8, ["id", "name", "error", "errors"])) : s("", !0)
     ]),
-    a(e.$slots, "feedback", w(z({ feedback: e.feedback })), () => [
-      A(f, { feedback: e.feedback }, {
-        default: S(({ feedback: n }) => [
-          u("div", ue, p(n), 1)
+    r(e.$slots, "feedback", p(f({ feedback: e.feedback })), () => [
+      k(F, { feedback: e.feedback }, {
+        default: u(({ feedback: o }) => [
+          i("div", O, a(o), 1)
         ]),
         _: 1
       }, 8, ["feedback"])
     ]),
-    a(e.$slots, "help", {}, () => [
-      e.helpText ? (s(), c("small", {
+    r(e.$slots, "help", {}, () => [
+      e.helpText ? (n(), l("small", {
         key: 0,
         ref: "help"
-      }, p(e.helpText), 513)) : d("", !0)
+      }, a(e.helpText), 513)) : s("", !0)
     ])
   ], 2);
 }
-const he = /* @__PURE__ */ se(ne, [["render", pe]]);
+const J = /* @__PURE__ */ P(B, [["render", R]]);
 export {
-  he as InputField
+  J as InputField
 };

package/dist/input-field.umd.cjs

@@ -1 +1 @@
-(function(l,t){typeof exports=="object"&&typeof module<"u"?t(exports,require("vue"),require("@vue-interface/form-control")):typeof define=="function"&&define.amd?define(["exports","vue","@vue-interface/form-control"],t):(l=typeof globalThis<"u"?globalThis:l||self,t(l.InputField={},l.Vue,l.formControl))})(this,function(l,t,k){"use strict";var C=Object.defineProperty,S=(e,r,o)=>r in e?C(e,r,{enumerable:!0,configurable:!0,writable:!0,value:o}):e[r]=o,$=(e,r,o)=>(S(e,typeof r!="symbol"?r+"":r,o),o),d=function(){return d=Object.assign||function(e){for(var r,o=1,i=arguments.length;o<i;o++){r=arguments[o];for(var n in r)Object.prototype.hasOwnProperty.call(r,n)&&(e[n]=r[n])}return e},d.apply(this,arguments)};function B(e){return e.toLowerCase()}var E=[/([a-z0-9])([A-Z])/g,/([A-Z])([A-Z][a-z])/g],N=/[^A-Z0-9]+/gi;function z(e,r){r===void 0&&(r={});for(var o=r.splitRegexp,i=o===void 0?E:o,n=r.stripRegexp,f=n===void 0?N:n,m=r.transform,h=m===void 0?B:m,p=r.delimiter,y=p===void 0?" ":p,s=u(u(e,i,"$1\0$2"),f,"\0"),g=0,b=s.length;s.charAt(g)==="\0";)g++;for(;s.charAt(b-1)==="\0";)b--;return s.slice(g,b).split("\0").map(h).join(y)}function u(e,r,o){return r instanceof RegExp?e.replace(r,o):r.reduce(function(i,n){return i.replace(n,o)},e)}function V(e,r){return r===void 0&&(r={}),z(e,d({delimiter:"."},r))}function c(e,r){return r===void 0&&(r={}),V(e,d({delimiter:"-"},r))}class w{constructor(r={}){$(this,"components"),this.components=new Map,Object.entries(r).forEach(([o,i])=>{this.register(o,i)})}get(r){const o=this.components.get(r=c(r));if(o)return o;throw new Error(`"${r}" has not been registered yet!`)}register(r,o){return typeof r=="object"?(Object.entries(r).forEach(([i,n])=>{this.register(c(i),n)}),this):(this.components.set(c(r),o),this)}remove(r){return this.components.delete(c(r)),this}reset(){return this.components=new Map,this}}function F(e={}){return new w(e)}const j=F();function a(e,r="px"){return e!=null&&e!==!1&&isFinite(e)?`${e}${r}`:e}const P=t.defineComponent({props:{absolute:Boolean,center:Boolean,label:{type:String,default:void 0},size:{type:String,default:"md"},registry:{type:String,default:"indicators"},type:{type:[Object,String],required:!0},height:{type:[String,Number],default:void 0},maxHeight:{type:[String,Number],default:void 0},minHeight:{type:[String,Number],default:void 0},width:{type:[String,Number],default:void 0},maxWidth:{type:[String,Number],default:void 0},minWidth:{type:[String,Number],default:void 0}},data:()=>({is:null}),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)}}},methods:{componentFromRegistry(e){var r;try{return(r=t.inject(this.registry||"indicators",j))==null?void 0:r.get(e)}catch{}},component(){return typeof this.type=="string"?this.componentFromRegistry(this.type):t.toRaw(this.type)}}}),A=(e,r)=>{const o=e.__vccOpts||e;for(const[i,n]of r)o[i]=n;return o},D={class:"activity-indicator-content"},O={key:0,class:"activity-indicator-label"};function R(e,r,o,i,n,f){return t.openBlock(),t.createElementBlock("div",{class:t.normalizeClass(["activity-indicator",e.classes]),style:t.normalizeStyle(e.style)},[t.createElementVNode("div",D,[(t.openBlock(),t.createBlock(t.resolveDynamicComponent(e.component()),{class:"mx-auto"})),e.label?(t.openBlock(),t.createElementBlock("div",O,t.toDisplayString(e.label),1)):t.createCommentVNode("",!0)])],6)}const T=A(P,[["render",R]]),H=t.defineComponent({name:"InputField",components:{ActivityIndicator:T},extends:k.FormControl}),U="",I=(e,r)=>{const o=e.__vccOpts||e;for(const[i,n]of r)o[i]=n;return o},W=["for"],M={class:"form-group-inner"},Z={invalid:"",class:"invalid-feedback"},v=t.createElementVNode("br",null,null,-1),q={valid:"",class:"valid-feedback"};function G(e,r,o,i,n,f){const m=t.resolveComponent("activity-indicator"),h=t.resolveComponent("FormControlErrors"),p=t.resolveComponent("FormControlFeedback"),y=t.resolveDirective("bind-events");return t.openBlock(),t.createElementBlock("div",{class:t.normalizeClass(["input-field",e.formGroupClasses])},[t.renderSlot(e.$slots,"label",{},()=>[e.label?(t.openBlock(),t.createElementBlock("label",{key:0,ref:"label",class:t.normalizeClass(e.labelClass),for:e.id},t.toDisplayString(e.label),11,W)):t.createCommentVNode("",!0)]),t.createElementVNode("div",M,[t.renderSlot(e.$slots,"control",t.normalizeProps(t.guardReactiveProps({bindEvents:e.bindEvents,controlAttributes:e.controlAttributes})),()=>[e.$slots.icon?(t.openBlock(),t.createElementBlock("div",{key:0,class:"form-group-inner-icon",onClick:r[0]||(r[0]=(...s)=>e.focus&&e.focus(...s))},[t.renderSlot(e.$slots,"icon")])):t.createCommentVNode("",!0),t.withDirectives(t.createElementVNode("input",t.mergeProps({ref:"field","onUpdate:modelValue":r[1]||(r[1]=s=>e.model=s)},e.controlAttributes),null,16),[[t.vModelDynamic,e.model],[y]])]),t.renderSlot(e.$slots,"activity",{},()=>[t.createVNode(t.Transition,{name:"input-field-fade"},{default:t.withCtx(()=>[e.activity?(t.openBlock(),t.createBlock(m,{key:"activity",ref:"activity",type:e.indicator,size:e.indicatorSize||e.size},null,8,["type","size"])):t.createCommentVNode("",!0)]),_:1})])]),t.renderSlot(e.$slots,"errors",t.normalizeProps(t.guardReactiveProps({error:e.error,errors:e.errors,id:e.$attrs.id,name:e.$attrs.name})),()=>[e.error||e.errors?(t.openBlock(),t.createBlock(h,{key:0,id:e.$attrs.id,name:e.$attrs.name,error:e.error,errors:e.errors},{default:t.withCtx(({error:s})=>[t.createElementVNode("div",Z,[t.createTextVNode(t.toDisplayString(s),1),v])]),_:1},8,["id","name","error","errors"])):t.createCommentVNode("",!0)]),t.renderSlot(e.$slots,"feedback",t.normalizeProps(t.guardReactiveProps({feedback:e.feedback})),()=>[t.createVNode(p,{feedback:e.feedback},{default:t.withCtx(({feedback:s})=>[t.createElementVNode("div",q,t.toDisplayString(s),1)]),_:1},8,["feedback"])]),t.renderSlot(e.$slots,"help",{},()=>[e.helpText?(t.openBlock(),t.createElementBlock("small",{key:0,ref:"help"},t.toDisplayString(e.helpText),513)):t.createCommentVNode("",!0)])],2)}const L=I(H,[["render",G]]);l.InputField=L,Object.defineProperty(l,Symbol.toStringTag,{value:"Module"})});
+(function(r,i){typeof exports=="object"&&typeof module<"u"?i(exports,require("@vue-interface/activity-indicator"),require("@vue-interface/form-control"),require("vue")):typeof define=="function"&&define.amd?define(["exports","@vue-interface/activity-indicator","@vue-interface/form-control","vue"],i):(r=typeof globalThis<"u"?globalThis:r||self,i(r.InputField={},r.ActivityIndicator,r.FormControl,r.Vue))})(this,function(r,i,d,e){"use strict";const c=e.defineComponent({name:"InputField",components:{ActivityIndicator:i.ActivityIndicator},extends:d.FormControl}),F="",m=(o,n)=>{const l=o.__vccOpts||o;for(const[s,a]of n)l[s]=a;return l},p=["for"],f={class:"form-group-inner"},y={invalid:"",class:"invalid-feedback"},k=e.createElementVNode("br",null,null,-1),b={valid:"",class:"valid-feedback"};function C(o,n,l,s,a,N){const V=e.resolveComponent("activity-indicator"),S=e.resolveComponent("FormControlErrors"),h=e.resolveComponent("FormControlFeedback"),E=e.resolveDirective("bind-events");return e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(["input-field",o.formGroupClasses])},[e.renderSlot(o.$slots,"label",{},()=>[o.label?(e.openBlock(),e.createElementBlock("label",{key:0,ref:"label",class:e.normalizeClass(o.labelClass),for:o.id},e.toDisplayString(o.label),11,p)):e.createCommentVNode("",!0)]),e.createElementVNode("div",f,[e.renderSlot(o.$slots,"control",e.normalizeProps(e.guardReactiveProps({bindEvents:o.bindEvents,controlAttributes:o.controlAttributes})),()=>[o.$slots.icon?(e.openBlock(),e.createElementBlock("div",{key:0,class:"form-group-inner-icon",onClick:n[0]||(n[0]=(...t)=>o.focus&&o.focus(...t))},[e.renderSlot(o.$slots,"icon")])):e.createCommentVNode("",!0),e.withDirectives(e.createElementVNode("input",e.mergeProps({ref:"field","onUpdate:modelValue":n[1]||(n[1]=t=>o.model=t)},o.controlAttributes),null,16),[[e.vModelDynamic,o.model],[E]])]),e.renderSlot(o.$slots,"activity",{},()=>[e.createVNode(e.Transition,{name:"input-field-fade"},{default:e.withCtx(()=>[o.activity?(e.openBlock(),e.createBlock(V,{key:"activity",ref:"activity",type:o.indicator,size:o.indicatorSize||o.size},null,8,["type","size"])):e.createCommentVNode("",!0)]),_:1})])]),e.renderSlot(o.$slots,"errors",e.normalizeProps(e.guardReactiveProps({error:o.error,errors:o.errors,id:o.$attrs.id,name:o.$attrs.name})),()=>[o.error||o.errors?(e.openBlock(),e.createBlock(S,{key:0,id:o.$attrs.id,name:o.$attrs.name,error:o.error,errors:o.errors},{default:e.withCtx(({error:t})=>[e.createElementVNode("div",y,[e.createTextVNode(e.toDisplayString(t),1),k])]),_:1},8,["id","name","error","errors"])):e.createCommentVNode("",!0)]),e.renderSlot(o.$slots,"feedback",e.normalizeProps(e.guardReactiveProps({feedback:o.feedback})),()=>[e.createVNode(h,{feedback:o.feedback},{default:e.withCtx(({feedback:t})=>[e.createElementVNode("div",b,e.toDisplayString(t),1)]),_:1},8,["feedback"])]),e.renderSlot(o.$slots,"help",{},()=>[o.helpText?(e.openBlock(),e.createElementBlock("small",{key:0,ref:"help"},e.toDisplayString(o.helpText),513)):e.createCommentVNode("",!0)])],2)}const $=m(c,[["render",C]]);r.InputField=$,Object.defineProperty(r,Symbol.toStringTag,{value:"Module"})});

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

@@ -7,17 +7,13 @@ declare const _sfc_main: import("vue").DefineComponent<{}, {}, {}, {}, {}, impor
         type: BooleanConstructor;
         default: () => any;
     };
-    controlClass: {
-        type: (StringConstructor | ObjectConstructor | ArrayConstructor)[];
-        default: undefined;
-    };
     error: {
         type: (BooleanConstructor | StringConstructor | ArrayConstructor)[];
         default: undefined;
     };
     errors: {
         type: (BooleanConstructor | ObjectConstructor | ArrayConstructor)[];
-        default(): {};
+        default: undefined;
     };
     feedback: {
         type: (StringConstructor | ArrayConstructor)[];
@@ -54,7 +50,7 @@ declare const _sfc_main: import("vue").DefineComponent<{}, {}, {}, {}, {}, impor
     };
     modelValue: {
         type: (BooleanConstructor | StringConstructor | ObjectConstructor | NumberConstructor | ArrayConstructor)[];
-        default: undefined;
+        default: () => undefined;
     };
     plaintext: BooleanConstructor;
     size: {
@@ -63,10 +59,332 @@ declare const _sfc_main: import("vue").DefineComponent<{}, {}, {}, {}, {}, impor
     };
     valid: BooleanConstructor;
 }, unknown, {
-    currentValue: null;
+    currentValue: undefined;
     hasChanged: boolean;
     hasFocus: boolean;
-    isDirty: boolean;
+    isDirty: import("vue").CreateComponentPublicInstance<Readonly<import("vue").ExtractPropTypes<{
+        activity: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        animated: {
+            type: BooleanConstructor;
+            default: () => any;
+        };
+        error: {
+            type: (BooleanConstructor | StringConstructor | ArrayConstructor)[];
+            default: undefined;
+        };
+        errors: {
+            type: (BooleanConstructor | ObjectConstructor | ArrayConstructor)[];
+            default: undefined;
+        };
+        feedback: {
+            type: (StringConstructor | ArrayConstructor)[];
+            default: undefined;
+        };
+        formControlClass: {
+            type: (StringConstructor | ObjectConstructor | ArrayConstructor)[];
+            default: () => any;
+        };
+        group: {
+            type: BooleanConstructor;
+            default: () => any;
+        };
+        helpText: {
+            type: (StringConstructor | NumberConstructor)[];
+            default: undefined;
+        };
+        indicator: {
+            type: (BooleanConstructor | StringConstructor | ObjectConstructor)[];
+            default: () => any;
+        };
+        indicatorSize: {
+            type: StringConstructor;
+            default: undefined;
+        };
+        invalid: BooleanConstructor;
+        label: {
+            type: (StringConstructor | NumberConstructor)[];
+            default: undefined;
+        };
+        labelClass: {
+            type: (StringConstructor | ObjectConstructor)[];
+            default: () => any;
+        };
+        modelValue: {
+            type: (BooleanConstructor | StringConstructor | ObjectConstructor | NumberConstructor | ArrayConstructor)[];
+            default: () => undefined;
+        };
+        plaintext: BooleanConstructor;
+        size: {
+            type: StringConstructor;
+            default: undefined;
+        };
+        valid: BooleanConstructor;
+    }>> & {
+        onFocus?: ((...args: any[]) => any) | undefined;
+        onBlur?: ((...args: any[]) => any) | undefined;
+        onChange?: ((...args: any[]) => any) | undefined;
+        onClick?: ((...args: any[]) => any) | undefined;
+        onKeypress?: ((...args: any[]) => any) | undefined;
+        onKeyup?: ((...args: any[]) => any) | undefined;
+        onKeydown?: ((...args: any[]) => any) | undefined;
+        onProgress?: ((...args: any[]) => any) | undefined;
+        onPaste?: ((...args: any[]) => any) | undefined;
+        "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
+    }, {}, {}, {}, import("vue").MethodOptions, import("vue").DefineComponent<{
+        dropShadow: {
+            type: (BooleanConstructor | StringConstructor)[];
+            default: undefined;
+        };
+        dropShadowableClassPrefix: {
+            type: StringConstructor;
+            default: string;
+        };
+        shadow: {
+            type: (BooleanConstructor | StringConstructor)[];
+            default: undefined;
+        };
+        shadowableClassPrefix: {
+            type: StringConstructor;
+            default: string;
+        };
+    }, unknown, unknown, {
+        shadowableClass(): {
+            [x: string]: boolean;
+        };
+    }, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+        dropShadow: {
+            type: (BooleanConstructor | StringConstructor)[];
+            default: undefined;
+        };
+        dropShadowableClassPrefix: {
+            type: StringConstructor;
+            default: string;
+        };
+        shadow: {
+            type: (BooleanConstructor | StringConstructor)[];
+            default: undefined;
+        };
+        shadowableClassPrefix: {
+            type: StringConstructor;
+            default: string;
+        };
+    }>>, {
+        shadow: string | boolean;
+        dropShadow: string | boolean;
+        dropShadowableClassPrefix: string;
+        shadowableClassPrefix: string;
+    }>, import("vue").ComponentOptionsMixin, {}, Readonly<import("vue").ExtractPropTypes<{
+        activity: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        animated: {
+            type: BooleanConstructor;
+            default: () => any;
+        };
+        error: {
+            type: (BooleanConstructor | StringConstructor | ArrayConstructor)[];
+            default: undefined;
+        };
+        errors: {
+            type: (BooleanConstructor | ObjectConstructor | ArrayConstructor)[];
+            default: undefined;
+        };
+        feedback: {
+            type: (StringConstructor | ArrayConstructor)[];
+            default: undefined;
+        };
+        formControlClass: {
+            type: (StringConstructor | ObjectConstructor | ArrayConstructor)[];
+            default: () => any;
+        };
+        group: {
+            type: BooleanConstructor;
+            default: () => any;
+        };
+        helpText: {
+            type: (StringConstructor | NumberConstructor)[];
+            default: undefined;
+        };
+        indicator: {
+            type: (BooleanConstructor | StringConstructor | ObjectConstructor)[];
+            default: () => any;
+        };
+        indicatorSize: {
+            type: StringConstructor;
+            default: undefined;
+        };
+        invalid: BooleanConstructor;
+        label: {
+            type: (StringConstructor | NumberConstructor)[];
+            default: undefined;
+        };
+        labelClass: {
+            type: (StringConstructor | ObjectConstructor)[];
+            default: () => any;
+        };
+        modelValue: {
+            type: (BooleanConstructor | StringConstructor | ObjectConstructor | NumberConstructor | ArrayConstructor)[];
+            default: () => undefined;
+        };
+        plaintext: BooleanConstructor;
+        size: {
+            type: StringConstructor;
+            default: undefined;
+        };
+        valid: BooleanConstructor;
+    }>> & {
+        onFocus?: ((...args: any[]) => any) | undefined;
+        onBlur?: ((...args: any[]) => any) | undefined;
+        onChange?: ((...args: any[]) => any) | undefined;
+        onClick?: ((...args: any[]) => any) | undefined;
+        onKeypress?: ((...args: any[]) => any) | undefined;
+        onKeyup?: ((...args: any[]) => any) | undefined;
+        onKeydown?: ((...args: any[]) => any) | undefined;
+        onProgress?: ((...args: any[]) => any) | undefined;
+        onPaste?: ((...args: any[]) => any) | undefined;
+        "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
+    }, {}, false, {}, {
+        P: Readonly<import("vue").ExtractPropTypes<{
+            dropShadow: {
+                type: (BooleanConstructor | StringConstructor)[];
+                default: undefined;
+            };
+            dropShadowableClassPrefix: {
+                type: StringConstructor;
+                default: string;
+            };
+            shadow: {
+                type: (BooleanConstructor | StringConstructor)[];
+                default: undefined;
+            };
+            shadowableClassPrefix: {
+                type: StringConstructor;
+                default: string;
+            };
+        }>>;
+        B: {};
+        D: {};
+        C: {
+            shadowableClass(): {
+                [x: string]: boolean;
+            };
+        };
+        M: {};
+        Defaults: {
+            shadow: string | boolean;
+            dropShadow: string | boolean;
+            dropShadowableClassPrefix: string;
+            shadowableClassPrefix: string;
+        };
+    } & {
+        P: {};
+        B: {};
+        D: {};
+        C: {};
+        M: {};
+        Defaults: {};
+    }, Readonly<import("vue").ExtractPropTypes<{
+        dropShadow: {
+            type: (BooleanConstructor | StringConstructor)[];
+            default: undefined;
+        };
+        dropShadowableClassPrefix: {
+            type: StringConstructor;
+            default: string;
+        };
+        shadow: {
+            type: (BooleanConstructor | StringConstructor)[];
+            default: undefined;
+        };
+        shadowableClassPrefix: {
+            type: StringConstructor;
+            default: string;
+        };
+    }>> & Readonly<import("vue").ExtractPropTypes<{
+        activity: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        animated: {
+            type: BooleanConstructor;
+            default: () => any;
+        };
+        error: {
+            type: (BooleanConstructor | StringConstructor | ArrayConstructor)[];
+            default: undefined;
+        };
+        errors: {
+            type: (BooleanConstructor | ObjectConstructor | ArrayConstructor)[];
+            default: undefined;
+        };
+        feedback: {
+            type: (StringConstructor | ArrayConstructor)[];
+            default: undefined;
+        };
+        formControlClass: {
+            type: (StringConstructor | ObjectConstructor | ArrayConstructor)[];
+            default: () => any;
+        };
+        group: {
+            type: BooleanConstructor;
+            default: () => any;
+        };
+        helpText: {
+            type: (StringConstructor | NumberConstructor)[];
+            default: undefined;
+        };
+        indicator: {
+            type: (BooleanConstructor | StringConstructor | ObjectConstructor)[];
+            default: () => any;
+        };
+        indicatorSize: {
+            type: StringConstructor;
+            default: undefined;
+        };
+        invalid: BooleanConstructor;
+        label: {
+            type: (StringConstructor | NumberConstructor)[];
+            default: undefined;
+        };
+        labelClass: {
+            type: (StringConstructor | ObjectConstructor)[];
+            default: () => any;
+        };
+        modelValue: {
+            type: (BooleanConstructor | StringConstructor | ObjectConstructor | NumberConstructor | ArrayConstructor)[];
+            default: () => undefined;
+        };
+        plaintext: BooleanConstructor;
+        size: {
+            type: StringConstructor;
+            default: undefined;
+        };
+        valid: BooleanConstructor;
+    }>> & {
+        onFocus?: ((...args: any[]) => any) | undefined;
+        onBlur?: ((...args: any[]) => any) | undefined;
+        onChange?: ((...args: any[]) => any) | undefined;
+        onClick?: ((...args: any[]) => any) | undefined;
+        onKeypress?: ((...args: any[]) => any) | undefined;
+        onKeyup?: ((...args: any[]) => any) | undefined;
+        onKeydown?: ((...args: any[]) => any) | undefined;
+        onProgress?: ((...args: any[]) => any) | undefined;
+        onPaste?: ((...args: any[]) => any) | undefined;
+        "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
+    }, {}, {}, {
+        shadowableClass(): {
+            [x: string]: boolean;
+        };
+    }, import("vue").MethodOptions, {
+        shadow: string | boolean;
+        dropShadow: string | boolean;
+        dropShadowableClassPrefix: string;
+        shadowableClassPrefix: string;
+    }>;
 }, {
     model: {
         get(): any;
@@ -77,6 +395,7 @@ declare const _sfc_main: import("vue").DefineComponent<{}, {}, {}, {}, {}, impor
     isInvalid(): boolean;
     isValid(): boolean;
     componentName(): any;
+    controlClass(): any;
     controlAttributes(): any;
     controlClasses(): any;
     controlSizeClass(): string;
@@ -155,17 +474,13 @@ declare const _sfc_main: import("vue").DefineComponent<{}, {}, {}, {}, {}, impor
         type: BooleanConstructor;
         default: () => any;
     };
-    controlClass: {
-        type: (StringConstructor | ObjectConstructor | ArrayConstructor)[];
-        default: undefined;
-    };
     error: {
         type: (BooleanConstructor | StringConstructor | ArrayConstructor)[];
         default: undefined;
     };
     errors: {
         type: (BooleanConstructor | ObjectConstructor | ArrayConstructor)[];
-        default(): {};
+        default: undefined;
     };
     feedback: {
         type: (StringConstructor | ArrayConstructor)[];
@@ -202,7 +517,7 @@ declare const _sfc_main: import("vue").DefineComponent<{}, {}, {}, {}, {}, impor
     };
     modelValue: {
         type: (BooleanConstructor | StringConstructor | ObjectConstructor | NumberConstructor | ArrayConstructor)[];
-        default: undefined;
+        default: () => undefined;
     };
     plaintext: BooleanConstructor;
     size: {
@@ -227,7 +542,6 @@ declare const _sfc_main: import("vue").DefineComponent<{}, {}, {}, {}, {}, impor
     feedback: string | unknown[];
     activity: boolean;
     animated: boolean;
-    controlClass: string | unknown[] | Record<string, any>;
     formControlClass: string | unknown[] | Record<string, any>;
     group: boolean;
     helpText: string | number;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@vue-interface/input-field",
-  "version": "1.0.0-beta.11",
+  "version": "1.0.0-beta.13",
   "description": "A Vue input field component.",
   "files": [
     "dist"