@vue-interface/input-field 1.0.0-beta.10 → 1.0.0-beta.12

package/dist/input-field.umd.cjs

@@ -1 +1 @@
-(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,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

@@ -17,7 +17,7 @@ declare const _sfc_main: import("vue").DefineComponent<{}, {}, {}, {}, {}, impor
     };
     errors: {
         type: (BooleanConstructor | ObjectConstructor | ArrayConstructor)[];
-        default(): {};
+        default: undefined;
     };
     feedback: {
         type: (StringConstructor | ArrayConstructor)[];
@@ -54,7 +54,7 @@ declare const _sfc_main: import("vue").DefineComponent<{}, {}, {}, {}, {}, impor
     };
     modelValue: {
         type: (BooleanConstructor | StringConstructor | ObjectConstructor | NumberConstructor | ArrayConstructor)[];
-        default: undefined;
+        default: () => undefined;
     };
     plaintext: BooleanConstructor;
     size: {
@@ -165,7 +165,7 @@ declare const _sfc_main: import("vue").DefineComponent<{}, {}, {}, {}, {}, impor
     };
     errors: {
         type: (BooleanConstructor | ObjectConstructor | ArrayConstructor)[];
-        default(): {};
+        default: undefined;
     };
     feedback: {
         type: (StringConstructor | ArrayConstructor)[];
@@ -202,7 +202,7 @@ declare const _sfc_main: import("vue").DefineComponent<{}, {}, {}, {}, {}, impor
     };
     modelValue: {
         type: (BooleanConstructor | StringConstructor | ObjectConstructor | NumberConstructor | ArrayConstructor)[];
-        default: undefined;
+        default: () => undefined;
     };
     plaintext: BooleanConstructor;
     size: {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@vue-interface/input-field",
-  "version": "1.0.0-beta.10",
+  "version": "1.0.0-beta.12",
   "description": "A Vue input field component.",
   "files": [
     "dist"
@@ -42,16 +42,16 @@
     "url": "https://github.com/vue-interface/input-field/issues"
   },
   "homepage": "https://github.com/vue-interface/input-field/docs#readme",
-  "peerDependencies": {
+  "dependencies": {
     "@vue-interface/activity-indicator": "^2.0.0-beta.10",
-    "@vue-interface/form-control": "^1.0.0-beta.10",
+    "@vue-interface/form-control": "^1.0.0-beta.10"
+  },
+  "peerDependencies": {
     "vue": "^3.0.0"
   },
   "devDependencies": {
     "@vitejs/plugin-vue": "^4.0.0",
     "@vue/eslint-config-typescript": "^11.0.2",
-    "@vue-interface/activity-indicator": "^2.0.0-beta.10",
-    "@vue-interface/form-control": "^1.0.0-beta.10",
     "autoprefixer": "^10.4.2",
     "change-case": "^4.1.2",
     "eslint": "^8.28.0",