@vue-interface/input-field 1.0.0-beta.8 → 2.0.1

package/dist/input-field.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"input-field.js","sources":["../src/InputField.vue"],"sourcesContent":["<script setup lang=\"ts\" generic=\"ModelValue, Value\">\nimport { ActivityIndicator } from '@vue-interface/activity-indicator';\nimport type { FormControlEvents, FormControlProps, FormControlSlots } from '@vue-interface/form-control';\nimport { FormControlErrors, FormControlFeedback, useFormControl } from '@vue-interface/form-control';\nimport { InputHTMLAttributes, ref } from 'vue';\n\nconst props = withDefaults(defineProps<InputFieldProps<ModelValue,Value>>(), {\n    formControlClass: 'form-control',\n    labelClass: 'form-label'\n});\n\ndefineOptions({\n    inheritAttrs: false\n});\n\nconst model = defineModel<ModelValue>();\n\ndefineSlots<FormControlSlots<InputFieldControlSizePrefix,ModelValue>>();\n\nconst emit = defineEmits<FormControlEvents<ModelValue>>();\n\nconst {\n    controlAttributes,\n    formGroupClasses,\n    listeners\n} = useFormControl<InputHTMLAttributes, InputFieldControlSizePrefix, ModelValue, Value>({ model, props, emit });\n\nconst field = ref<HTMLInputElement>();\n</script>\n\n<script lang=\"ts\">\nexport type InputFieldControlSizePrefix = 'form-control';\n\nexport type InputFieldProps<ModelValue, Value> = FormControlProps<\n    InputHTMLAttributes, \n    InputFieldControlSizePrefix, \n    ModelValue, \n    Value\n>;\n</script>\n\n<template>\n    <div\n        class=\"input-field\"\n        :class=\"formGroupClasses\">\n        <slot name=\"label\">\n            <label\n                v-if=\"label\"\n                ref=\"label\"\n                :class=\"labelClass\"\n                :for=\"controlAttributes.id\">\n                {{ label }}\n            </label>\n        </slot>\n        \n        <div class=\"form-control-inner\">\n            <slot\n                name=\"control\"\n                v-bind=\"{ controlAttributes, listeners }\">\n                <div\n                    v-if=\"$slots.icon\"\n                    class=\"form-control-inner-icon\"\n                    @click=\"field?.focus()\">\n                    <slot name=\"icon\" />\n                </div>\n                <input\n                    ref=\"field\"\n                    v-model=\"model\"\n                    v-bind=\"{...controlAttributes, ...listeners}\">\n            </slot>\n            \n            <div class=\"form-control-activity-indicator\">\n                <slot name=\"activity\">\n                    <Transition name=\"input-field-fade\">\n                        <ActivityIndicator\n                            v-if=\"activity && indicator\"\n                            key=\"activity\"\n                            ref=\"activity\"\n                            :type=\"indicator\"\n                            :size=\"indicatorSize\" />\n                    </Transition>\n                </slot>\n            </div>\n        </div>\n\n        <slot\n            name=\"errors\"\n            v-bind=\"{ error, errors, id: $attrs.id, name: $attrs.name }\">  \n            <FormControlErrors\n                v-if=\"!!(error || errors)\"\n                :id=\"id\"\n                v-slot=\"{ error }\"\n                :name=\"name\"\n                :error=\"error\"\n                :errors=\"errors\">\n                <div\n                    invalid\n                    class=\"invalid-feedback\">\n                    {{ error }}<br>\n                </div>\n            </FormControlErrors>\n        </slot>\n        \n        <slot\n            name=\"feedback\"\n            v-bind=\"{ feedback }\">\n            <FormControlFeedback\n                v-slot=\"{ feedback }\"\n                :feedback=\"feedback\">\n                <div\n                    valid\n                    class=\"valid-feedback\">\n                    {{ feedback }}\n                </div>\n            </FormControlFeedback>\n        </slot>\n\n        <slot\n            name=\"help\"\n            v-bind=\"{ helpText }\">\n            <small\n                v-if=\"helpText\"\n                ref=\"help\"\n                class=\"form-help\">\n                {{ helpText }}\n            </small>\n        </slot>\n    </div>\n</template>"],"names":["props","__props","model","_useModel","emit","__emit","controlAttributes","formGroupClasses","listeners","useFormControl","field","ref","_createElementBlock","_normalizeClass","_unref","_renderSlot","_ctx","_hoisted_1","_createElementVNode","_hoisted_2","_normalizeProps","_guardReactiveProps","$slots","_cache","$event","_withDirectives","_mergeProps","_hoisted_3","_createVNode","_Transition","_createBlock","ActivityIndicator","$attrs","FormControlErrors","_withCtx","error","_hoisted_4","FormControlFeedback","feedback","_hoisted_5","_toDisplayString"],"mappings":"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"}

package/dist/input-field.umd.cjs

@@ -1 +1,2 @@
-(function(a,r){typeof exports=="object"&&typeof module<"u"?r(exports,require("vue")):typeof define=="function"&&define.amd?define(["exports","vue"],r):(a=typeof globalThis<"u"?globalThis:a||self,r(a.InputField={},a.Vue))})(this,function(a,r){"use strict";var Ie=Object.defineProperty,Pe=(e,t,o)=>t in e?Ie(e,t,{enumerable:!0,configurable:!0,writable:!0,value:o}):e[t]=o,Te=(e,t,o)=>(Pe(e,typeof t!="symbol"?t+"":t,o),o),A=function(){return A=Object.assign||function(e){for(var t,o=1,n=arguments.length;o<n;o++){t=arguments[o];for(var i in t)Object.prototype.hasOwnProperty.call(t,i)&&(e[i]=t[i])}return e},A.apply(this,arguments)};function Me(e){return e.toLowerCase()}var Re=[/([a-z0-9])([A-Z])/g,/([A-Z])([A-Z][a-z])/g],De=/[^A-Z0-9]+/gi;function Le(e,t){t===void 0&&(t={});for(var o=t.splitRegexp,n=o===void 0?Re:o,i=t.stripRegexp,d=i===void 0?De:i,g=t.transform,T=g===void 0?Me:g,O=t.delimiter,M=O===void 0?" ":O,l=L(L(e,n,"$1\0$2"),d,"\0"),R=0,D=l.length;l.charAt(R)==="\0";)R++;for(;l.charAt(D-1)==="\0";)D--;return l.slice(R,D).split("\0").map(T).join(M)}function L(e,t,o){return t instanceof RegExp?e.replace(t,o):t.reduce(function(n,i){return n.replace(i,o)},e)}function Ue(e,t){return t===void 0&&(t={}),Le(e,A({delimiter:"."},t))}function E(e,t){return t===void 0&&(t={}),Ue(e,A({delimiter:"-"},t))}let Ze=class{constructor(t={}){Te(this,"components"),this.components=new Map,Object.entries(t).forEach(([o,n])=>{this.register(o,n)})}get(t){const o=this.components.get(t=E(t));if(o)return o;throw new Error(`"${t}" has not been registered yet!`)}register(t,o){return typeof t=="object"?(Object.entries(t).forEach(([n,i])=>{this.register(E(n),i)}),this):(this.components.set(E(t),o),this)}remove(t){return this.components.delete(E(t)),this}reset(){return this.components=new Map,this}};function He(e={}){return new Ze(e)}const We=He();function m(e,t="px"){return e!=null&&e!==!1&&isFinite(e)?`${e}${t}`:e}const _e=r.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:m(this.width),maxWidth:m(this.maxWidth),minWidth:m(this.minWidth),height:m(this.height),maxHeight:m(this.maxHeight),minHeight:m(this.minHeight)}}},methods:{componentFromRegistry(e){var t;try{return(t=r.inject(this.registry||"indicators",We))==null?void 0:t.get(e)}catch{}},component(){return typeof this.type=="string"?this.componentFromRegistry(this.type):r.toRaw(this.type)}}}),Ge=(e,t)=>{const o=e.__vccOpts||e;for(const[n,i]of t)o[n]=i;return o},qe={class:"activity-indicator-content"},Je={key:0,class:"activity-indicator-label"};function Ye(e,t,o,n,i,d){return r.openBlock(),r.createElementBlock("div",{class:r.normalizeClass(["activity-indicator",e.classes]),style:r.normalizeStyle(e.style)},[r.createElementVNode("div",qe,[(r.openBlock(),r.createBlock(r.resolveDynamicComponent(e.component()),{class:"mx-auto"})),e.label?(r.openBlock(),r.createElementBlock("div",Je,r.toDisplayString(e.label),1)):r.createCommentVNode("",!0)])],6)}const Ke=Ge(_e,[["render",Ye]]),v={};function c(...e){if(!e.length)return v;const[t,o]=e;return typeof t=="string"?typeof v[t]<"u"?v[t]:o:Array.isArray(t)?t.reduce((n,i)=>Object.assign(n,{[i]:v[i]}),{}):Object.assign(v,...e)}const U=r.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 Qe=typeof global=="object"&&global&&global.Object===Object&&global;const Z=Qe;var Xe=typeof self=="object"&&self&&self.Object===Object&&self,et=Z||Xe||Function("return this")();const u=et;var tt=u.Symbol;const y=tt;var H=Object.prototype,rt=H.hasOwnProperty,ot=H.toString,j=y?y.toStringTag:void 0;function nt(e){var t=rt.call(e,j),o=e[j];try{e[j]=void 0;var n=!0}catch{}var i=ot.call(e);return n&&(t?e[j]=o:delete e[j]),i}var it=Object.prototype,st=it.toString;function at(e){return st.call(e)}var lt="[object Null]",ct="[object Undefined]",W=y?y.toStringTag:void 0;function f(e){return e==null?e===void 0?ct:lt:W&&W in Object(e)?nt(e):at(e)}function C(e){return e!=null&&typeof e=="object"}var dt="[object Symbol]";function ut(e){return typeof e=="symbol"||C(e)&&f(e)==dt}function ft(e,t){for(var o=-1,n=e==null?0:e.length,i=Array(n);++o<n;)i[o]=t(e[o],o,e);return i}var pt=Array.isArray;const _=pt;var ht=1/0,G=y?y.prototype:void 0,q=G?G.toString:void 0;function J(e){if(typeof e=="string")return e;if(_(e))return ft(e,J)+"";if(ut(e))return q?q.call(e):"";var t=e+"";return t=="0"&&1/e==-ht?"-0":t}function w(e){var t=typeof e;return e!=null&&(t=="object"||t=="function")}var mt="[object AsyncFunction]",yt="[object Function]",bt="[object GeneratorFunction]",gt="[object Proxy]";function Y(e){if(!w(e))return!1;var t=f(e);return t==yt||t==bt||t==mt||t==gt}var vt=u["__core-js_shared__"];const F=vt;var K=function(){var e=/[^.]+$/.exec(F&&F.keys&&F.keys.IE_PROTO||"");return e?"Symbol(src)_1."+e:""}();function jt(e){return!!K&&K in e}var Ct=Function.prototype,St=Ct.toString;function p(e){if(e!=null){try{return St.call(e)}catch{}try{return e+""}catch{}}return""}var $t=/[\\^$.*+?()[\]{}|]/g,At=/^\[object .+?Constructor\]$/,Et=Function.prototype,kt=Object.prototype,Ot=Et.toString,wt=kt.hasOwnProperty,Ft=RegExp("^"+Ot.call(wt).replace($t,"\\$&").replace(/hasOwnProperty|(function).*?(?=\\\()| for .+?(?=\\\])/g,"$1.*?")+"$");function Bt(e){if(!w(e)||jt(e))return!1;var t=Y(e)?Ft:At;return t.test(p(e))}function zt(e,t){return e==null?void 0:e[t]}function S(e,t){var o=zt(e,t);return Bt(o)?o:void 0}var xt=S(u,"WeakMap");const B=xt;var Nt=9007199254740991;function Q(e){return typeof e=="number"&&e>-1&&e%1==0&&e<=Nt}function Vt(e){return e!=null&&Q(e.length)&&!Y(e)}var It=Object.prototype;function X(e){var t=e&&e.constructor,o=typeof t=="function"&&t.prototype||It;return e===o}var Pt="[object Arguments]";function ee(e){return C(e)&&f(e)==Pt}var te=Object.prototype,Tt=te.hasOwnProperty,Mt=te.propertyIsEnumerable,Rt=ee(function(){return arguments}())?ee:function(e){return C(e)&&Tt.call(e,"callee")&&!Mt.call(e,"callee")};const Dt=Rt;function Lt(){return!1}var re=typeof a=="object"&&a&&!a.nodeType&&a,oe=re&&typeof module=="object"&&module&&!module.nodeType&&module,Ut=oe&&oe.exports===re,ne=Ut?u.Buffer:void 0,Zt=ne?ne.isBuffer:void 0,Ht=Zt||Lt;const Wt=Ht;var _t="[object Arguments]",Gt="[object Array]",qt="[object Boolean]",Jt="[object Date]",Yt="[object Error]",Kt="[object Function]",Qt="[object Map]",Xt="[object Number]",er="[object Object]",tr="[object RegExp]",rr="[object Set]",or="[object String]",nr="[object WeakMap]",ir="[object ArrayBuffer]",sr="[object DataView]",ar="[object Float32Array]",lr="[object Float64Array]",cr="[object Int8Array]",dr="[object Int16Array]",ur="[object Int32Array]",fr="[object Uint8Array]",pr="[object Uint8ClampedArray]",hr="[object Uint16Array]",mr="[object Uint32Array]",s={};s[ar]=s[lr]=s[cr]=s[dr]=s[ur]=s[fr]=s[pr]=s[hr]=s[mr]=!0,s[_t]=s[Gt]=s[ir]=s[qt]=s[sr]=s[Jt]=s[Yt]=s[Kt]=s[Qt]=s[Xt]=s[er]=s[tr]=s[rr]=s[or]=s[nr]=!1;function yr(e){return C(e)&&Q(e.length)&&!!s[f(e)]}function br(e){return function(t){return e(t)}}var ie=typeof a=="object"&&a&&!a.nodeType&&a,$=ie&&typeof module=="object"&&module&&!module.nodeType&&module,gr=$&&$.exports===ie,z=gr&&Z.process,vr=function(){try{var e=$&&$.require&&$.require("util").types;return e||z&&z.binding&&z.binding("util")}catch{}}();const se=vr;var ae=se&&se.isTypedArray,jr=ae?br(ae):yr;const Cr=jr;function le(e,t){return function(o){return e(t(o))}}var Sr=le(Object.keys,Object);const $r=Sr;var Ar=Object.prototype,Er=Ar.hasOwnProperty;function kr(e){if(!X(e))return $r(e);var t=[];for(var o in Object(e))Er.call(e,o)&&o!="constructor"&&t.push(o);return t}var Or=S(u,"Map");const x=Or;function ce(e){return e==null?"":J(e)}var wr=le(Object.getPrototypeOf,Object);const Fr=wr;var Br="[object Object]",zr=Function.prototype,xr=Object.prototype,de=zr.toString,Nr=xr.hasOwnProperty,Vr=de.call(Object);function Ir(e){if(!C(e)||f(e)!=Br)return!1;var t=Fr(e);if(t===null)return!0;var o=Nr.call(t,"constructor")&&t.constructor;return typeof o=="function"&&o instanceof o&&de.call(o)==Vr}function Pr(e,t,o,n){var i=-1,d=e==null?0:e.length;for(n&&d&&(o=e[++i]);++i<d;)o=t(o,e[i],i,e);return o}function Tr(e){return function(t){return e==null?void 0:e[t]}}var Mr={À:"A",Á:"A",Â:"A",Ã:"A",Ä:"A",Å:"A",à:"a",á:"a",â:"a",ã:"a",ä:"a",å:"a",Ç:"C",ç:"c",Ð:"D",ð:"d",È:"E",É:"E",Ê:"E",Ë:"E",è:"e",é:"e",ê:"e",ë:"e",Ì:"I",Í:"I",Î:"I",Ï:"I",ì:"i",í:"i",î:"i",ï:"i",Ñ:"N",ñ:"n",Ò:"O",Ó:"O",Ô:"O",Õ:"O",Ö:"O",Ø:"O",ò:"o",ó:"o",ô:"o",õ:"o",ö:"o",ø:"o",Ù:"U",Ú:"U",Û:"U",Ü:"U",ù:"u",ú:"u",û:"u",ü:"u",Ý:"Y",ý:"y",ÿ:"y",Æ:"Ae",æ:"ae",Þ:"Th",þ:"th",ß:"ss",Ā:"A",Ă:"A",Ą:"A",ā:"a",ă:"a",ą:"a",Ć:"C",Ĉ:"C",Ċ:"C",Č:"C",ć:"c",ĉ:"c",ċ:"c",č:"c",Ď:"D",Đ:"D",ď:"d",đ:"d",Ē:"E",Ĕ:"E",Ė:"E",Ę:"E",Ě:"E",ē:"e",ĕ:"e",ė:"e",ę:"e",ě:"e",Ĝ:"G",Ğ:"G",Ġ:"G",Ģ:"G",ĝ:"g",ğ:"g",ġ:"g",ģ:"g",Ĥ:"H",Ħ:"H",ĥ:"h",ħ:"h",Ĩ:"I",Ī:"I",Ĭ:"I",Į:"I",İ:"I",ĩ:"i",ī:"i",ĭ:"i",į:"i",ı:"i",Ĵ:"J",ĵ:"j",Ķ:"K",ķ:"k",ĸ:"k",Ĺ:"L",Ļ:"L",Ľ:"L",Ŀ:"L",Ł:"L",ĺ:"l",ļ:"l",ľ:"l",ŀ:"l",ł:"l",Ń:"N",Ņ:"N",Ň:"N",Ŋ:"N",ń:"n",ņ:"n",ň:"n",ŋ:"n",Ō:"O",Ŏ:"O",Ő:"O",ō:"o",ŏ:"o",ő:"o",Ŕ:"R",Ŗ:"R",Ř:"R",ŕ:"r",ŗ:"r",ř:"r",Ś:"S",Ŝ:"S",Ş:"S",Š:"S",ś:"s",ŝ:"s",ş:"s",š:"s",Ţ:"T",Ť:"T",Ŧ:"T",ţ:"t",ť:"t",ŧ:"t",Ũ:"U",Ū:"U",Ŭ:"U",Ů:"U",Ű:"U",Ų:"U",ũ:"u",ū:"u",ŭ:"u",ů:"u",ű:"u",ų:"u",Ŵ:"W",ŵ:"w",Ŷ:"Y",ŷ:"y",Ÿ:"Y",Ź:"Z",Ż:"Z",Ž:"Z",ź:"z",ż:"z",ž:"z",IJ:"IJ",ij:"ij",Œ:"Oe",œ:"oe",ʼn:"'n",ſ:"s"},Rr=Tr(Mr);const Dr=Rr;var Lr=/[\xc0-\xd6\xd8-\xf6\xf8-\xff\u0100-\u017f]/g,Ur="\\u0300-\\u036f",Zr="\\ufe20-\\ufe2f",Hr="\\u20d0-\\u20ff",Wr=Ur+Zr+Hr,_r="["+Wr+"]",Gr=RegExp(_r,"g");function qr(e){return e=ce(e),e&&e.replace(Lr,Dr).replace(Gr,"")}var Jr=/[^\x00-\x2f\x3a-\x40\x5b-\x60\x7b-\x7f]+/g;function Yr(e){return e.match(Jr)||[]}var Kr=/[a-z][A-Z]|[A-Z]{2}[a-z]|[0-9][a-zA-Z]|[a-zA-Z][0-9]|[^a-zA-Z0-9 ]/;function Qr(e){return Kr.test(e)}var ue="\\ud800-\\udfff",Xr="\\u0300-\\u036f",eo="\\ufe20-\\ufe2f",to="\\u20d0-\\u20ff",ro=Xr+eo+to,fe="\\u2700-\\u27bf",pe="a-z\\xdf-\\xf6\\xf8-\\xff",oo="\\xac\\xb1\\xd7\\xf7",no="\\x00-\\x2f\\x3a-\\x40\\x5b-\\x60\\x7b-\\xbf",io="\\u2000-\\u206f",so=" \\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",he="A-Z\\xc0-\\xd6\\xd8-\\xde",ao="\\ufe0e\\ufe0f",me=oo+no+io+so,ye="['’]",be="["+me+"]",lo="["+ro+"]",ge="\\d+",co="["+fe+"]",ve="["+pe+"]",je="[^"+ue+me+ge+fe+pe+he+"]",uo="\\ud83c[\\udffb-\\udfff]",fo="(?:"+lo+"|"+uo+")",po="[^"+ue+"]",Ce="(?:\\ud83c[\\udde6-\\uddff]){2}",Se="[\\ud800-\\udbff][\\udc00-\\udfff]",b="["+he+"]",ho="\\u200d",$e="(?:"+ve+"|"+je+")",mo="(?:"+b+"|"+je+")",Ae="(?:"+ye+"(?:d|ll|m|re|s|t|ve))?",Ee="(?:"+ye+"(?:D|LL|M|RE|S|T|VE))?",ke=fo+"?",Oe="["+ao+"]?",yo="(?:"+ho+"(?:"+[po,Ce,Se].join("|")+")"+Oe+ke+")*",bo="\\d*(?:1st|2nd|3rd|(?![123])\\dth)(?=\\b|[A-Z_])",go="\\d*(?:1ST|2ND|3RD|(?![123])\\dTH)(?=\\b|[a-z_])",vo=Oe+ke+yo,jo="(?:"+[co,Ce,Se].join("|")+")"+vo,Co=RegExp([b+"?"+ve+"+"+Ae+"(?="+[be,b,"$"].join("|")+")",mo+"+"+Ee+"(?="+[be,b+$e,"$"].join("|")+")",b+"?"+$e+"+"+Ae,b+"+"+Ee,go,bo,ge,jo].join("|"),"g");function So(e){return e.match(Co)||[]}function $o(e,t,o){return e=ce(e),t=o?void 0:t,t===void 0?Qr(e)?So(e):Yr(e):e.match(t)||[]}var Ao="['’]",Eo=RegExp(Ao,"g");function ko(e){return function(t){return Pr($o(qr(t).replace(Eo,"")),e,"")}}var Oo=S(u,"DataView");const N=Oo;var wo=S(u,"Promise");const V=wo;var Fo=S(u,"Set");const I=Fo;var we="[object Map]",Bo="[object Object]",Fe="[object Promise]",Be="[object Set]",ze="[object WeakMap]",xe="[object DataView]",zo=p(N),xo=p(x),No=p(V),Vo=p(I),Io=p(B),h=f;(N&&h(new N(new ArrayBuffer(1)))!=xe||x&&h(new x)!=we||V&&h(V.resolve())!=Fe||I&&h(new I)!=Be||B&&h(new B)!=ze)&&(h=function(e){var t=f(e),o=t==Bo?e.constructor:void 0,n=o?p(o):"";if(n)switch(n){case zo:return xe;case xo:return we;case No:return Fe;case Vo:return Be;case Io:return ze}return t});const Po=h;var To="[object Map]",Mo="[object Set]",Ro=Object.prototype,Do=Ro.hasOwnProperty;function Lo(e){if(e==null)return!0;if(Vt(e)&&(_(e)||typeof e=="string"||typeof e.splice=="function"||Wt(e)||Cr(e)||Dt(e)))return!e.length;var t=Po(e);if(t==To||t==Mo)return!e.size;if(X(e))return!kr(e).length;for(var o in e)if(Do.call(e,o))return!1;return!0}var Uo=ko(function(e,t,o){return e+(o?"-":"")+t.toLowerCase()});const k=Uo,Zo=r.defineComponent({__name:"FormControlErrors",props:{error:null,errors:null,name:null,id:null},setup(e){const t=e,o=String((t==null?void 0:t.id)||(t==null?void 0:t.name)),n=r.computed(()=>t.error?new Map([[o,[t.error]]]):Ir(t.errors)?new Map(Object.entries(t.errors)):Array.isArray(t.errors)?new Map([[o,t.errors]]):new Map);return(i,d)=>(r.openBlock(!0),r.createElementBlock(r.Fragment,null,r.renderList(r.unref(n).get(r.unref(o)),g=>r.renderSlot(i.$slots,"default",r.normalizeProps(r.guardReactiveProps({key:r.unref(o),error:g})))),256))}}),Ho=r.defineComponent({__name:"FormControlFeedback",props:{feedback:null},setup(e){return(t,o)=>(r.openBlock(!0),r.createElementBlock(r.Fragment,null,r.renderList([].concat(e.feedback),n=>r.renderSlot(t.$slots,"default",r.normalizeProps(r.guardReactiveProps({feedback:n})))),256))}});function Ne(e,t,o="-"){const n=String(t).replace(new RegExp(`^${e}${o}?`),"");return[k(n),e].filter(i=>!!i).join(o)}const Wo=r.defineComponent({components:{FormControlErrors:Zo,FormControlFeedback:Ho},directives:{bindEvents:{created(e,t){var o,n;(n=(o=t.instance)==null?void 0:o.bindEvents)==null||n.call(o,e)}}},mixins:[U],inheritAttrs:!1,props:{activity:{type:Boolean,default:!1},animated:{type:Boolean,default:()=>c("animated",!1)},controlClass:{type:[Array,Object,String],default:void 0},error:{type:[String,Array,Boolean],default:void 0},errors:{type:[Array,Object,Boolean],default(){return{}}},feedback:{type:[String,Array],default:void 0},formControlClass:{type:[Array,Object,String],default:()=>c("controlClass","form-control")},group:{type:Boolean,default:()=>c("group",!0)},helpText:{type:[Number,String],default:void 0},indicator:{type:[Object,String,Boolean],default:()=>c("indicator","spinner")},indicatorSize:{type:String,default:void 0},invalid:Boolean,label:{type:[Number,String],default:void 0},labelClass:{type:[Object,String],default:()=>c("labelClass","form-label")},modelValue:{type:[Boolean,Number,String,Array,Object],default:void 0},plaintext:Boolean,size:{type:String,default:void 0},valid:Boolean},emits:["focus","blur","change","click","keypress","keyup","keydown","progress","paste","update:modelValue"],data(){return{currentValue:null,hasChanged:!1,hasFocus:!1,isDirty:!1}},computed:{model:{get(){return this.getModelValue()},set(e){this.setModelValue(e)}},id(){return this.$attrs.id||Math.random().toString(36).slice(2)},isEmpty(){return Lo(this.model)},isInvalid(){return!!(this.invalid||this.error||(Array.isArray(this.errors)?this.errors.length:this.errors[this.$attrs.id||this.$attrs.name]))},isValid(){return!!(this.valid||this.feedback)},componentName(){return this.$options.name},controlAttributes(){return Object.assign({},this.$attrs,{id:this.id,class:this.controlClasses})},controlClasses(){return Object.assign({[this.controlClass]:!!this.controlClass,[this.controlSizeClass]:!!this.controlSizeClass,[this.formControlClass]:!!this.formControlClass,[this.plaintextClass]:this.plaintext,"form-control-icon":!!this.$slots.icon,"is-valid":this.isValid,"is-invalid":this.isInvalid},this.shadowableClass)},controlSizeClass(){return Ne(this.size,this.formControlClass)},formGroupClasses(){return Object.assign({animated:this.animated,"form-group":this.group,"has-activity":this.activity,"has-changed":this.hasChanged,"has-focus":this.hasFocus,"has-icon":!!this.$slots.icon,"is-dirty":this.isDirty,"is-empty":this.isEmpty,"is-invalid":this.isInvalid,"is-valid":this.isValid,[this.$attrs.class]:!!this.$attrs.class,[this.size&&Ne(this.size,this.componentName)]:!!this.size},!!this.componentName&&{[k(this.componentName)]:!0})},plaintextClass(){return"form-control-plaintext"}},methods:{bindEvents(e){for(const t of this.$options.emits)e.addEventListener(t,o=>{this.$emit(t,o)});e.addEventListener("focus",()=>{this.isDirty=!0,this.hasFocus=!0}),e.addEventListener("blur",()=>{this.hasFocus=!1})},blur(){var e;(e=this.$refs.field)==null||e.blur()},focus(){var e;(e=this.$refs.field)==null||e.focus()},getFieldErrors(){let e=this.error||this.errors;return this.errors&&!Array.isArray(this.errors)&&(e=this.errors[this.$attrs.name||this.$attrs.id]),!e||Array.isArray(e)||w(e)?e:[e]},getModelValue(){return this.modelValue!==void 0?this.modelValue:this.currentValue},setModelValue(e){this.hasChanged=!0,this.currentValue=e,this.$emit("update:modelValue",e)}}});function P(e,t,o="-"){const n=String(t).replace(new RegExp(`^${e}${o}?`),"");return[k(n),e].filter(i=>!!i).join(o)}function Ve(e){return!Array.isArray(e)&&typeof e=="object"}r.defineComponent({directives:{bindEvents:{beforeMount(e,t){var o,n;(n=(o=t.instance)==null?void 0:o.bindEvents)==null||n.call(o,e)}}},mixins:[U],inheritAttrs:!1,props:{modelValue:{default:void 0},activity:{type:Boolean,default:!1},animated:{type:Boolean,default:()=>c("animated",!1)},nativeEvents:{type:Array,default(){return["focus","blur","change","click","keypress","keyup","keydown","progress","paste"]}},defaultControlClass:{type:String,default:()=>c("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:()=>c("group",!0)},helpText:{type:[Number,String],default:void 0},hideLabel:Boolean,indicator:{type:[String,Boolean],default:()=>c("indicator","spinner")},indicatorSize:{type:String,default:void 0},inline:Boolean,invalid:Boolean,label:{type:[Number,String],default:void 0},labelClass:{type:[Object,String],default:()=>c("labelClass","form-label")},pill:Boolean,plaintext:Boolean,size:{type:String,default:void 0},spacing:{type:String,default:void 0},valid:Boolean},emits:["blur","change","click","focus","keydown","keypress","keyup","update:modelValue"],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],["value",this.modelValue]]))},controlClass(){return this.defaultControlClass},controlSizeClass(){return P(this.size,this.controlClass)},formGroupClasses(){return Object.assign({[this.size&&P(this.size,this.componentName)]:!!this.size,animated:this.animated,"default-empty":this.defaultEmpty,"form-group":this.group,[this.size&&P(this.size,"form-group")]:!!this.size,"has-activity":this.activity,"has-changed":this.hasChanged,"has-focus":this.hasFocus,"has-icon":!!this.$slots.icon,"is-empty":this.isEmpty,"is-invalid":!!(this.invalid||this.invalidFeedback),"is-valid":!!(this.valid||this.validFeedback),[this.$attrs.class]:!!this.$attrs.class,[this.$attrs.id]:!!this.$attrs.id},!!this.componentName&&{[k(this.componentName)]:!0})},controlClasses(){return Object.assign({[this.controlClass]:!!this.controlClass,[this.controlSizeClass]:!!this.controlSizeClass,"form-control-icon":!!this.$slots.icon,"is-valid":!!(this.valid||this.validFeedback),"is-invalid":!!(this.invalid||this.invalidFeedback),[this.pillClasses]:this.pill,[this.plaintextClass]:this.plaintext,[this.spacing]:!!this.spacing},this.shadowableClass)},hasDefaultSlot(){return!!this.$slots.default},invalidFeedback(){if(this.error==="")return null;if(this.error)return this.error;const 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 o;t||(t=this.onInput);const n=e instanceof HTMLSelectElement?(o=e.querySelectorAll("option"))==null?void 0:o[e.selectedIndex]:null;n&&(e.value=n==null?void 0:n.value),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(i=>{e.addEventListener(i,d=>{this.$emit(i,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&&Ve(this.errors)&&(e=this.errors[this.$attrs.name||this.$attrs.id]),!e||Array.isArray(e)||Ve(e)?e:[e]},shouldChangeOnFocus(){return!this.getInputField().readOnly},onInput(e){this.$emit("update:modelValue",e)}}});const _o=r.defineComponent({name:"InputField",components:{ActivityIndicator:Ke},extends:Wo}),tn="",Go=(e,t)=>{const o=e.__vccOpts||e;for(const[n,i]of t)o[n]=i;return o},qo=["for"],Jo={class:"form-group-inner"},Yo={invalid:"",class:"invalid-feedback"},Ko=r.createElementVNode("br",null,null,-1),Qo={valid:"",class:"valid-feedback"};function Xo(e,t,o,n,i,d){const g=r.resolveComponent("activity-indicator"),T=r.resolveComponent("FormControlErrors"),O=r.resolveComponent("FormControlFeedback"),M=r.resolveDirective("bind-events");return r.openBlock(),r.createElementBlock("div",{class:r.normalizeClass(["input-field",e.formGroupClasses])},[r.renderSlot(e.$slots,"label",{},()=>[e.label?(r.openBlock(),r.createElementBlock("label",{key:0,ref:"label",class:r.normalizeClass(e.labelClass),for:e.id},r.toDisplayString(e.label),11,qo)):r.createCommentVNode("",!0)]),r.createElementVNode("div",Jo,[r.renderSlot(e.$slots,"control",r.normalizeProps(r.guardReactiveProps({bindEvents:e.bindEvents,controlAttributes:e.controlAttributes})),()=>[e.$slots.icon?(r.openBlock(),r.createElementBlock("div",{key:0,class:"form-group-inner-icon",onClick:t[0]||(t[0]=(...l)=>e.focus&&e.focus(...l))},[r.renderSlot(e.$slots,"icon")])):r.createCommentVNode("",!0),r.withDirectives(r.createElementVNode("input",r.mergeProps({ref:"field","onUpdate:modelValue":t[1]||(t[1]=l=>e.model=l)},e.controlAttributes),null,16),[[r.vModelDynamic,e.model],[M]])]),r.renderSlot(e.$slots,"activity",{},()=>[r.createVNode(r.Transition,{name:"input-field-fade"},{default:r.withCtx(()=>[e.activity?(r.openBlock(),r.createBlock(g,{key:"activity",ref:"activity",type:e.indicator,size:e.indicatorSize||e.size},null,8,["type","size"])):r.createCommentVNode("",!0)]),_:1})])]),r.renderSlot(e.$slots,"errors",r.normalizeProps(r.guardReactiveProps({error:e.error,errors:e.errors,id:e.$attrs.id,name:e.$attrs.name})),()=>[e.error||e.errors?(r.openBlock(),r.createBlock(T,{key:0,id:e.$attrs.id,name:e.$attrs.name,error:e.error,errors:e.errors},{default:r.withCtx(({error:l})=>[r.createElementVNode("div",Yo,[r.createTextVNode(r.toDisplayString(l),1),Ko])]),_:1},8,["id","name","error","errors"])):r.createCommentVNode("",!0)]),r.renderSlot(e.$slots,"feedback",r.normalizeProps(r.guardReactiveProps({feedback:e.feedback})),()=>[r.createVNode(O,{feedback:e.feedback},{default:r.withCtx(({feedback:l})=>[r.createElementVNode("div",Qo,r.toDisplayString(l),1)]),_:1},8,["feedback"])]),r.renderSlot(e.$slots,"help",{},()=>[e.helpText?(r.openBlock(),r.createElementBlock("small",{key:0,ref:"help"},r.toDisplayString(e.helpText),513)):r.createCommentVNode("",!0)])],2)}const en=Go(_o,[["render",Xo]]);a.InputField=en,Object.defineProperty(a,Symbol.toStringTag,{value:"Module"})});
+(function(r,e){typeof exports=="object"&&typeof module<"u"?e(exports,require("vue"),require("@vue-interface/activity-indicator"),require("@vue-interface/form-control")):typeof define=="function"&&define.amd?define(["exports","vue","@vue-interface/activity-indicator","@vue-interface/form-control"],e):(r=typeof globalThis<"u"?globalThis:r||self,e(r.InputField={},r.Vue,r.VueInterfaceActivityIndicator,r.VueInterfaceFormControl))})(this,(function(r,e,m,i){"use strict";const f=["for"],y={class:"form-control-inner"},k={class:"form-control-activity-indicator"},u={invalid:"",class:"invalid-feedback"},b={valid:"",class:"valid-feedback"},p=e.defineComponent({inheritAttrs:!1,__name:"InputField",props:e.mergeModels({activity:{type:Boolean},disabled:{type:Boolean},error:{},errors:{},feedback:{},formControlClass:{default:"form-control"},helpText:{},id:{},indicator:{},indicatorSize:{},invalid:{type:Boolean},label:{},labelClass:{default:"form-label"},modelValue:{},name:{},plaintext:{type:Boolean},size:{},color:{},readonly:{type:Boolean},valid:{type:Boolean},value:{}},{modelValue:{},modelModifiers:{}}),emits:e.mergeModels(["update:modelValue","blur","focus","focusin","focusout","click","doubleclick","contextmenu","mousedown","mouseup","mouseover","mouseout","mouseenter","mouseleave","mousemove","keydown","keyup","keypress","select","selectionchange","invalid","submit","reset","scroll","wheel","copy","cut","paste","touchstart","touchend","touchmove","touchcancel","change","input","beforeinput"],["update:modelValue"]),setup(t,{emit:h}){const V=t,a=e.useModel(t,"modelValue"),C=h,{controlAttributes:d,formGroupClasses:B,listeners:s}=i.useFormControl({model:a,props:V,emit:C}),c=e.ref();return(o,l)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(["input-field",e.unref(B)])},[e.renderSlot(o.$slots,"label",{},()=>[t.label?(e.openBlock(),e.createElementBlock("label",{key:0,ref:"label",class:e.normalizeClass(t.labelClass),for:e.unref(d).id},e.toDisplayString(t.label),11,f)):e.createCommentVNode("",!0)]),e.createElementVNode("div",y,[e.renderSlot(o.$slots,"control",e.normalizeProps(e.guardReactiveProps({controlAttributes:e.unref(d),listeners:e.unref(s)})),()=>[o.$slots.icon?(e.openBlock(),e.createElementBlock("div",{key:0,class:"form-control-inner-icon",onClick:l[0]||(l[0]=n=>c.value?.focus())},[e.renderSlot(o.$slots,"icon")])):e.createCommentVNode("",!0),e.withDirectives(e.createElementVNode("input",e.mergeProps({ref_key:"field",ref:c,"onUpdate:modelValue":l[1]||(l[1]=n=>a.value=n)},{...e.unref(d),...e.unref(s)}),null,16),[[e.vModelDynamic,a.value]])]),e.createElementVNode("div",k,[e.renderSlot(o.$slots,"activity",{},()=>[e.createVNode(e.Transition,{name:"input-field-fade"},{default:e.withCtx(()=>[t.activity&&t.indicator?(e.openBlock(),e.createBlock(e.unref(m.ActivityIndicator),{key:"activity",ref:"activity",type:t.indicator,size:t.indicatorSize},null,8,["type","size"])):e.createCommentVNode("",!0)]),_:1})])])]),e.renderSlot(o.$slots,"errors",e.normalizeProps(e.guardReactiveProps({error:t.error,errors:t.errors,id:o.$attrs.id,name:o.$attrs.name})),()=>[t.error||t.errors?(e.openBlock(),e.createBlock(e.unref(i.FormControlErrors),{key:0,id:t.id,name:t.name,error:t.error,errors:t.errors},{default:e.withCtx(({error:n})=>[e.createElementVNode("div",u,[e.createTextVNode(e.toDisplayString(n),1),l[2]||(l[2]=e.createElementVNode("br",null,null,-1))])]),_:1},8,["id","name","error","errors"])):e.createCommentVNode("",!0)]),e.renderSlot(o.$slots,"feedback",e.normalizeProps(e.guardReactiveProps({feedback:t.feedback})),()=>[e.createVNode(e.unref(i.FormControlFeedback),{feedback:t.feedback},{default:e.withCtx(({feedback:n})=>[e.createElementVNode("div",b,e.toDisplayString(n),1)]),_:1},8,["feedback"])]),e.renderSlot(o.$slots,"help",e.normalizeProps(e.guardReactiveProps({helpText:t.helpText})),()=>[t.helpText?(e.openBlock(),e.createElementBlock("small",{key:0,ref:"help",class:"form-help"},e.toDisplayString(t.helpText),513)):e.createCommentVNode("",!0)])],2))}});r.InputField=p,Object.defineProperty(r,Symbol.toStringTag,{value:"Module"})}));
+//# sourceMappingURL=input-field.umd.cjs.map

package/dist/input-field.umd.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"input-field.umd.cjs","sources":["../src/InputField.vue"],"sourcesContent":["<script setup lang=\"ts\" generic=\"ModelValue, Value\">\nimport { ActivityIndicator } from '@vue-interface/activity-indicator';\nimport type { FormControlEvents, FormControlProps, FormControlSlots } from '@vue-interface/form-control';\nimport { FormControlErrors, FormControlFeedback, useFormControl } from '@vue-interface/form-control';\nimport { InputHTMLAttributes, ref } from 'vue';\n\nconst props = withDefaults(defineProps<InputFieldProps<ModelValue,Value>>(), {\n    formControlClass: 'form-control',\n    labelClass: 'form-label'\n});\n\ndefineOptions({\n    inheritAttrs: false\n});\n\nconst model = defineModel<ModelValue>();\n\ndefineSlots<FormControlSlots<InputFieldControlSizePrefix,ModelValue>>();\n\nconst emit = defineEmits<FormControlEvents<ModelValue>>();\n\nconst {\n    controlAttributes,\n    formGroupClasses,\n    listeners\n} = useFormControl<InputHTMLAttributes, InputFieldControlSizePrefix, ModelValue, Value>({ model, props, emit });\n\nconst field = ref<HTMLInputElement>();\n</script>\n\n<script lang=\"ts\">\nexport type InputFieldControlSizePrefix = 'form-control';\n\nexport type InputFieldProps<ModelValue, Value> = FormControlProps<\n    InputHTMLAttributes, \n    InputFieldControlSizePrefix, \n    ModelValue, \n    Value\n>;\n</script>\n\n<template>\n    <div\n        class=\"input-field\"\n        :class=\"formGroupClasses\">\n        <slot name=\"label\">\n            <label\n                v-if=\"label\"\n                ref=\"label\"\n                :class=\"labelClass\"\n                :for=\"controlAttributes.id\">\n                {{ label }}\n            </label>\n        </slot>\n        \n        <div class=\"form-control-inner\">\n            <slot\n                name=\"control\"\n                v-bind=\"{ controlAttributes, listeners }\">\n                <div\n                    v-if=\"$slots.icon\"\n                    class=\"form-control-inner-icon\"\n                    @click=\"field?.focus()\">\n                    <slot name=\"icon\" />\n                </div>\n                <input\n                    ref=\"field\"\n                    v-model=\"model\"\n                    v-bind=\"{...controlAttributes, ...listeners}\">\n            </slot>\n            \n            <div class=\"form-control-activity-indicator\">\n                <slot name=\"activity\">\n                    <Transition name=\"input-field-fade\">\n                        <ActivityIndicator\n                            v-if=\"activity && indicator\"\n                            key=\"activity\"\n                            ref=\"activity\"\n                            :type=\"indicator\"\n                            :size=\"indicatorSize\" />\n                    </Transition>\n                </slot>\n            </div>\n        </div>\n\n        <slot\n            name=\"errors\"\n            v-bind=\"{ error, errors, id: $attrs.id, name: $attrs.name }\">  \n            <FormControlErrors\n                v-if=\"!!(error || errors)\"\n                :id=\"id\"\n                v-slot=\"{ error }\"\n                :name=\"name\"\n                :error=\"error\"\n                :errors=\"errors\">\n                <div\n                    invalid\n                    class=\"invalid-feedback\">\n                    {{ error }}<br>\n                </div>\n            </FormControlErrors>\n        </slot>\n        \n        <slot\n            name=\"feedback\"\n            v-bind=\"{ feedback }\">\n            <FormControlFeedback\n                v-slot=\"{ feedback }\"\n                :feedback=\"feedback\">\n                <div\n                    valid\n                    class=\"valid-feedback\">\n                    {{ feedback }}\n                </div>\n            </FormControlFeedback>\n        </slot>\n\n        <slot\n            name=\"help\"\n            v-bind=\"{ helpText }\">\n            <small\n                v-if=\"helpText\"\n                ref=\"help\"\n                class=\"form-help\">\n                {{ helpText }}\n            </small>\n        </slot>\n    </div>\n</template>"],"names":["props","__props","model","_useModel","emit","__emit","controlAttributes","formGroupClasses","listeners","useFormControl","field","ref","_createElementBlock","_normalizeClass","_unref","_renderSlot","_ctx","_hoisted_1","_createElementVNode","_hoisted_2","_normalizeProps","_guardReactiveProps","$slots","_cache","$event","_withDirectives","_mergeProps","_hoisted_3","_createVNode","_Transition","_createBlock","ActivityIndicator","$attrs","FormControlErrors","_withCtx","error","_hoisted_4","FormControlFeedback","feedback","_hoisted_5","_toDisplayString"],"mappings":"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"}

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

@@ -1,244 +1,77 @@
-declare const _sfc_main: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").DefineComponent<{
-    activity: {
-        type: BooleanConstructor;
-        default: boolean;
-    };
-    animated: {
-        type: BooleanConstructor;
-        default: () => any;
-    };
-    controlClass: {
-        type: (StringConstructor | ObjectConstructor | ArrayConstructor)[];
-        default: undefined;
-    };
-    error: {
-        type: (BooleanConstructor | StringConstructor | ArrayConstructor)[];
-        default: undefined;
-    };
-    errors: {
-        type: (BooleanConstructor | ObjectConstructor | ArrayConstructor)[];
-        default(): {};
-    };
-    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;
-}, unknown, {
-    currentValue: null;
-    hasChanged: boolean;
-    hasFocus: boolean;
-    isDirty: boolean;
-}, {
-    model: {
-        get(): any;
-        set(value: any): void;
-    };
-    id(): string | undefined;
-    isEmpty(): boolean;
-    isInvalid(): boolean;
-    isValid(): boolean;
-    componentName(): any;
-    controlAttributes(): any;
-    controlClasses(): any;
-    controlSizeClass(): string;
-    formGroupClasses(): {
-        [x: number]: boolean;
-        animated: any;
-        'form-group': any;
-        'has-activity': any;
-        'has-changed': any;
-        'has-focus': any;
-        'has-icon': boolean;
-        'is-dirty': any;
-        'is-empty': any;
-        'is-invalid': any;
-        'is-valid': any;
-    } & (false | {
-        [x: string]: boolean;
-    });
-    plaintextClass(): "form-control-plaintext";
-}, {
-    bindEvents(el: HTMLElement): void;
-    blur(): void;
-    focus(): void;
-    getFieldErrors(): any;
-    getModelValue(): any;
-    setModelValue(value: any): void;
-}, 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, ("focus" | "blur" | "change" | "click" | "keypress" | "keyup" | "keydown" | "progress" | "paste" | "update:modelValue")[], "focus" | "blur" | "change" | "click" | "keypress" | "keyup" | "keydown" | "progress" | "paste" | "update:modelValue", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
-    activity: {
-        type: BooleanConstructor;
-        default: boolean;
-    };
-    animated: {
-        type: BooleanConstructor;
-        default: () => any;
-    };
-    controlClass: {
-        type: (StringConstructor | ObjectConstructor | ArrayConstructor)[];
-        default: undefined;
-    };
-    error: {
-        type: (BooleanConstructor | StringConstructor | ArrayConstructor)[];
-        default: undefined;
-    };
-    errors: {
-        type: (BooleanConstructor | ObjectConstructor | ArrayConstructor)[];
-        default(): {};
-    };
-    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;
-}, {
-    error: string | boolean | unknown[];
-    errors: boolean | unknown[] | Record<string, any>;
-    feedback: string | unknown[];
-    activity: boolean;
-    animated: boolean;
-    controlClass: string | unknown[] | Record<string, any>;
-    formControlClass: string | unknown[] | Record<string, any>;
-    group: boolean;
-    helpText: string | number;
-    indicator: string | boolean | Record<string, any>;
-    indicatorSize: string;
-    invalid: boolean;
-    label: string | number;
-    labelClass: string | Record<string, any>;
-    modelValue: string | number | boolean | unknown[] | Record<string, any>;
-    plaintext: boolean;
-    size: string;
-    valid: boolean;
-}>, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{}>>, {}>;
-export default _sfc_main;
+import { FormControlProps, FormControlSlots } from '@vue-interface/form-control';
+import { InputHTMLAttributes } from 'vue';
+export type InputFieldControlSizePrefix = 'form-control';
+export type InputFieldProps<ModelValue, Value> = FormControlProps<InputHTMLAttributes, InputFieldControlSizePrefix, ModelValue, Value>;
+declare const _default: <ModelValue, Value>(__VLS_props: NonNullable<Awaited<typeof __VLS_setup>>["props"], __VLS_ctx?: __VLS_PrettifyLocal<Pick<NonNullable<Awaited<typeof __VLS_setup>>, "attrs" | "emit" | "slots">>, __VLS_expose?: NonNullable<Awaited<typeof __VLS_setup>>["expose"], __VLS_setup?: Promise<{
+    props: __VLS_PrettifyLocal<Pick<Partial<{}> & Omit<{
+        readonly onInput?: ((event: Event) => any) | undefined;
+        readonly onSelect?: ((event: Event) => any) | undefined;
+        readonly "onUpdate:modelValue"?: ((...args: unknown[]) => any) | undefined;
+        readonly onBlur?: ((event: FocusEvent) => any) | undefined;
+        readonly onFocus?: ((event: FocusEvent) => any) | undefined;
+        readonly onFocusin?: ((event: FocusEvent) => any) | undefined;
+        readonly onFocusout?: ((event: FocusEvent) => any) | undefined;
+        readonly onClick?: ((event: MouseEvent) => any) | undefined;
+        readonly onDoubleclick?: ((event: MouseEvent) => any) | undefined;
+        readonly onContextmenu?: ((event: MouseEvent) => any) | undefined;
+        readonly onMousedown?: ((event: MouseEvent) => any) | undefined;
+        readonly onMouseup?: ((event: MouseEvent) => any) | undefined;
+        readonly onMouseover?: ((event: MouseEvent) => any) | undefined;
+        readonly onMouseout?: ((event: MouseEvent) => any) | undefined;
+        readonly onMouseenter?: ((event: MouseEvent) => any) | undefined;
+        readonly onMouseleave?: ((event: MouseEvent) => any) | undefined;
+        readonly onMousemove?: ((event: MouseEvent) => any) | undefined;
+        readonly onKeydown?: ((event: KeyboardEvent) => any) | undefined;
+        readonly onKeyup?: ((event: KeyboardEvent) => any) | undefined;
+        readonly onKeypress?: ((event: KeyboardEvent) => any) | undefined;
+        readonly onSelectionchange?: ((event: Event) => any) | undefined;
+        readonly onInvalid?: ((event: Event) => any) | undefined;
+        readonly onSubmit?: ((event: Event) => any) | undefined;
+        readonly onReset?: ((event: Event) => any) | undefined;
+        readonly onScroll?: ((event: Event) => any) | undefined;
+        readonly onWheel?: ((event: WheelEvent) => any) | undefined;
+        readonly onCopy?: ((event: ClipboardEvent) => any) | undefined;
+        readonly onCut?: ((event: ClipboardEvent) => any) | undefined;
+        readonly onPaste?: ((event: ClipboardEvent) => any) | undefined;
+        readonly onTouchstart?: ((event: TouchEvent) => any) | undefined;
+        readonly onTouchend?: ((event: TouchEvent) => any) | undefined;
+        readonly onTouchmove?: ((event: TouchEvent) => any) | undefined;
+        readonly onTouchcancel?: ((event: TouchEvent) => any) | undefined;
+        readonly onChange?: ((event: Event) => any) | undefined;
+        readonly onBeforeinput?: ((event: Event) => any) | undefined;
+    } & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps, never>, "onCopy" | "onCut" | "onPaste" | "onFocus" | "onFocusin" | "onFocusout" | "onBlur" | "onChange" | "onBeforeinput" | "onInput" | "onReset" | "onSubmit" | "onInvalid" | "onKeydown" | "onKeypress" | "onKeyup" | "onMousedown" | "onMouseenter" | "onMouseleave" | "onMousemove" | "onMouseout" | "onMouseover" | "onMouseup" | "onSelect" | "onScroll" | "onTouchcancel" | "onTouchend" | "onTouchmove" | "onTouchstart" | "onClick" | "onContextmenu" | "onWheel" | "onDoubleclick" | "onSelectionchange" | "onUpdate:modelValue"> & ({
+        modelValue?: ModelValue;
+    } & {
+        activity?: boolean;
+        disabled?: boolean;
+        error?: import('@vue-interface/form-control').FormControlErrorProp;
+        errors?: import('@vue-interface/form-control').FormControlErrorPropArray | import('@vue-interface/form-control').FormControlErrorPropRecord;
+        feedback?: import('@vue-interface/form-control').FormControlFeedbackProp;
+        formControlClass?: string;
+        helpText?: string;
+        id?: string;
+        indicator?: import('vue').Component;
+        indicatorSize?: import('@vue-interface/activity-indicator').ActivityIndicatorSize;
+        invalid?: boolean;
+        label?: string;
+        labelClass?: string;
+        modelValue?: ModelValue | undefined;
+        name?: string;
+        plaintext?: boolean;
+        size?: import('@vue-interface/form-control').FormControlSize<"form-control", import('@vue-interface/form-control').PredeterminedSize> | undefined;
+        color?: string;
+        readonly?: boolean;
+        valid?: boolean;
+        value?: Value | undefined;
+    } & InputHTMLAttributes) & Partial<{}>> & import('vue').PublicProps;
+    expose(exposed: import('vue').ShallowUnwrapRef<{}>): void;
+    attrs: any;
+    slots: Readonly<FormControlSlots<"form-control", ModelValue>> & FormControlSlots<"form-control", ModelValue>;
+    emit: (((evt: "input", event: Event) => void) & ((evt: "select", event: Event) => void) & ((evt: "update:modelValue", value: ModelValue) => void) & ((evt: "blur", event: FocusEvent) => void) & ((evt: "focus", event: FocusEvent) => void) & ((evt: "focusin", event: FocusEvent) => void) & ((evt: "focusout", event: FocusEvent) => void) & ((evt: "click", event: MouseEvent) => void) & ((evt: "doubleclick", event: MouseEvent) => void) & ((evt: "contextmenu", event: MouseEvent) => void) & ((evt: "mousedown", event: MouseEvent) => void) & ((evt: "mouseup", event: MouseEvent) => void) & ((evt: "mouseover", event: MouseEvent) => void) & ((evt: "mouseout", event: MouseEvent) => void) & ((evt: "mouseenter", event: MouseEvent) => void) & ((evt: "mouseleave", event: MouseEvent) => void) & ((evt: "mousemove", event: MouseEvent) => void) & ((evt: "keydown", event: KeyboardEvent) => void) & ((evt: "keyup", event: KeyboardEvent) => void) & ((evt: "keypress", event: KeyboardEvent) => void) & ((evt: "selectionchange", event: Event) => void) & ((evt: "invalid", event: Event) => void) & ((evt: "submit", event: Event) => void) & ((evt: "reset", event: Event) => void) & ((evt: "scroll", event: Event) => void) & ((evt: "wheel", event: WheelEvent) => void) & ((evt: "copy", event: ClipboardEvent) => void) & ((evt: "cut", event: ClipboardEvent) => void) & ((evt: "paste", event: ClipboardEvent) => void) & ((evt: "touchstart", event: TouchEvent) => void) & ((evt: "touchend", event: TouchEvent) => void) & ((evt: "touchmove", event: TouchEvent) => void) & ((evt: "touchcancel", event: TouchEvent) => void) & ((evt: "change", event: Event) => void) & ((evt: "beforeinput", event: Event) => void)) & ((evt: "update:modelValue", value: ModelValue) => void);
+}>) => import('vue').VNode & {
+    __ctx?: Awaited<typeof __VLS_setup>;
+};
+export default _default;
+type __VLS_PrettifyLocal<T> = {
+    [K in keyof T]: T[K];
+} & {};

package/index.css

@@ -0,0 +1,3 @@
+@import "tailwindcss";
+@import "@vue-interface/form-control/css";
+@import "@vue-interface/activity-indicator/css";

package/package.json

@@ -1,32 +1,23 @@
 {
   "name": "@vue-interface/input-field",
-  "version": "1.0.0-beta.8",
+  "version": "2.0.1",
   "description": "A Vue input field component.",
-  "files": [
-    "dist"
-  ],
   "type": "module",
   "main": "./dist/input-field.umd.cjs",
   "module": "./dist/input-field.js",
-  "style": "./dist/style.css",
   "types": "./dist/index.d.ts",
   "exports": {
     ".": {
+      "source": "./index.ts",
+      "types": "./dist/index.d.ts",
       "import": "./dist/input-field.js",
-      "require": "./dist/input-field.umd.js",
-      "types": "./dist/index.d.ts"
-    },
-    "./dist/style.css": "./dist/style.css"
+      "require": "./dist/input-field.umd.js"
+    }
   },
   "browserslist": "last 2 versions, > 0.5%, ie >= 11",
-  "scripts": {
-    "dev": "vite",
-    "build": "vite build",
-    "preview": "vite preview"
-  },
   "repository": {
     "type": "git",
-    "url": "git+https://github.com/vue-interface/input-field.git"
+    "url": "git+https://github.com/vue-interface/vue-interface.github.io"
   },
   "keywords": [
     "Input",
@@ -37,32 +28,26 @@
     "Bootstrap"
   ],
   "author": "Justin Kimbrell",
-  "license": "ISC",
+  "license": "MIT",
   "bugs": {
-    "url": "https://github.com/vue-interface/input-field/issues"
-  },
-  "homepage": "https://github.com/vue-interface/input-field/docs#readme",
-  "dependencies": {
-    "@vue-interface/activity-indicator": "^2.0.0-beta.10",
-    "@vue-interface/form-control": "^1.0.0-beta.10"
+    "url": "https://github.com/vue-interface/vue-interface.github.io"
   },
+  "homepage": "https://github.com/vue-interface/vue-interface",
+  "readme": "README.md",
+  "files": [
+    "dist",
+    "index.css",
+    "README.md",
+    "LICENSE"
+  ],
   "peerDependencies": {
-    "vue": "^3.0.0"
+    "vue": "^3.3.4",
+    "@vue-interface/activity-indicator": "3.0.1",
+    "@vue-interface/form-control": "2.0.1"
   },
-  "devDependencies": {
-    "@vitejs/plugin-vue": "^4.0.0",
-    "@vue/eslint-config-typescript": "^11.0.2",
-    "autoprefixer": "^10.4.2",
-    "change-case": "^4.1.2",
-    "eslint": "^8.28.0",
-    "eslint-plugin-vue": "^9.8.0",
-    "pascalcase": "^2.0.0",
-    "postcss": "^8.4.6",
-    "tailwindcss": "^3.0.18",
-    "tsup": "^6.6.2",
-    "typescript": "^4.0.0",
-    "vite": "^4.0.0",
-    "vite-plugin-dts": "^1.7.1",
-    "vue": "^3.2.37"
+  "scripts": {
+    "dev": "vite",
+    "build": "vue-tsc && vite build",
+    "preview": "vite preview"
   }
-}
+}

package/dist/style.css

@@ -1 +0,0 @@
-.input-field,.input-field .form-group-inner{position:relative;-webkit-transition:all .25s ease-in-out;transition:all .25s ease-in-out}.input-field .activity-indicator{position:absolute;right:0;top:50%;-webkit-transform:translate(-1rem,-50%);transform:translate(-1rem,-50%);-webkit-transition:all .15s ease-in;transition:all .15s ease-in}.input-field .activity-indicator-xs{font-size:.5em}.input-field.has-activity .form-control-xs{padding-right:3.75em}.input-field .activity-indicator-sm{font-size:.5em}.input-field.has-activity .form-control-sm{padding-right:3em}.input-field .activity-indicator-md{font-size:.666em}.input-field.has-activity .form-control-md{padding-right:3em}.input-field .activity-indicator-lg{font-size:.75em}.input-field.has-activity .form-control-lg{padding-right:3em}.input-field .activity-indicator-xl{font-size:1em}.input-field.has-activity .activity-indicator-xl~.form-control-xl{padding-right:3.75em}.input-field .activity-indicator{opacity:1}.input-field .input-field-fade-enter,.input-field .input-field-fade-leave-to{opacity:0}.input-field.is-valid .valid-feedback,.input-field.is-invalid .invalid-feedback{display:-webkit-box;display:-ms-flexbox;display:flex}.input-field .form-control-icon{padding-left:2em}.input-field .form-group-inner-icon{position:absolute;top:50%;left:.5em;width:1em;font-size:1.25em;-webkit-transform:translateY(-50%);transform:translateY(-50%);display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.input-field-sm .form-group-inner-icon{font-size:1em}.input-field-lg .form-group-inner-icon{left:.4em;font-size:1.75em}