@visitscotland/component-library
Version:
VisitScotland Component Library
1 lines • 5.24 kB
JavaScript
(self.webpackChunk_visitscotland_component_library=self.webpackChunk_visitscotland_component_library||[]).push([[2142],{14810:function(t,e,n){"use strict";n.d(e,{A:function(){return a.A}});var a=n(55846)},15944:function(){},22142:function(t,e,n){"use strict";n.r(e);var a=n(89172),i=n(14810);n(56410);const l=(0,n(66262).A)(i.A,[["render",a.X]]);e.default=l},33222:function(t,e,n){"use strict";var a=n(85072),i=n.n(a),l=n(97825),r=n.n(l),u=n(77659),o=n.n(u),s=n(55056),c=n.n(s),d=n(10540),p=n.n(d),f=n(41113),m=n.n(f),v=n(15944),h=n.n(v),y={};y.styleTagTransform=m(),y.setAttributes=c(),y.insert=o().bind(null,"head"),y.domAPI=r(),y.insertStyleElement=p(),i()(h(),y),h()&&h().locals&&h().locals},42148:function(t,e,n){"use strict";n.d(e,{X:function(){return c}});var a=n(20641),i=n(90033),l=n(53751),r={"data-test":"vs-input"},u=["id"],o=["id"],s={class:"visually-hidden"};function c(t,e,n,c,d,p){var f=(0,a.g2)("BFormInput"),m=(0,a.g2)("VsButton");return(0,a.uX)(),(0,a.CE)("div",r,[n.hintText?((0,a.uX)(),(0,a.CE)("p",{key:0,class:"hint-text",id:"hint-".concat(n.fieldName)},(0,i.toDisplayString)(n.hintText),9,u)):(0,a.Q3)("",!0),t.errorsList.length||n.invalid?((0,a.uX)(),(0,a.CE)("div",{key:1,role:"alert","aria-live":"assertive",id:"error-".concat(n.fieldName)},[((0,a.uX)(!0),(0,a.CE)(a.FK,null,(0,a.pI)(t.errorsList,(function(t){return(0,a.bo)(((0,a.uX)(),(0,a.CE)("p",{key:t,class:"error mb-0"},[(0,a.Lk)("span",s,(0,i.toDisplayString)(n.fieldName),1),(0,a.eW)(" "+(0,i.toDisplayString)(n.validationMessages[t]||n.genericValidation[t]),1)])),[[l.vShow,!n.reAlertErrors&&!d.clearErrorsOnFocus]])})),128))],8,o)):(0,a.Q3)("",!0),(0,a.bF)(f,{ref:"input",type:n.type,class:(0,i.normalizeClass)(["vs-input",[d.inputVal?"show-cancel":"",p.elementClass]]),modelValue:d.inputVal,"onUpdate:modelValue":e[0]||(e[0]=function(t){return d.inputVal=t}),id:n.fieldName,name:n.name?n.name:n.fieldName,placeholder:n.placeholder,required:t.isRequired,autocomplete:p.autocompleteValue(n.fieldName),v:d.inputVal,"aria-invalid":t.v$.inputVal&&t.v$.inputVal.$anyError||n.invalid,"aria-describedby":t.ariaDescription,maxlength:n.validationRules.maxLength?n.validationRules.maxLength:null,minlength:n.validationRules.minLength?n.validationRules.minLength:null,min:void 0!==n.validationRules.min?n.validationRules.min:null,max:void 0!==n.validationRules.max?n.validationRules.max:null,disabled:n.disabled,onBlur:p.validateErrors,onChange:p.validateErrors,onFocus:p.resetErrors},null,8,["type","modelValue","class","id","name","placeholder","required","autocomplete","v","aria-invalid","aria-describedby","maxlength","minlength","min","max","disabled","onBlur","onChange","onFocus"]),p.showClearButton?((0,a.uX)(),(0,a.Wv)(m,{key:2,class:"vs-input__clear-button d-none d-lg-block","data-test":"input-clear-button",variant:"subtle",icon:"vs-icon-control-dismiss",size:"md","icon-only":"",onClick:e[1]||(e[1]=(0,l.withModifiers)((function(t){return p.clearInputAndFocus()}),["prevent"]))},{default:(0,a.k6)((function(){return[(0,a.eW)((0,i.toDisplayString)(n.clearButtonText),1)]})),_:1})):(0,a.Q3)("",!0)])}},55846:function(t,e,n){"use strict";var a=n(59639),i=n(34352),l=n(48836),r=n(85510),u=n(68269);e.A={name:"VsInput",status:"prototype",release:"0.0.1",components:{BFormInput:i.bL,VsButton:l.default},mixins:[r.A,u.A],props:{value:{type:String,default:""},fieldName:{type:String,required:!0},name:{type:String,default:""},type:{type:String,default:"text"},autoComplete:{type:Boolean,default:!0},validationRules:{type:Object,default:function(){return{}}},invalid:{type:Boolean,default:!1},disabled:{type:Boolean,default:!1},triggerValidate:{type:Boolean,default:!1},validationMessages:{type:Object,default:function(){return{}}},genericValidation:{type:Object,default:function(){return{}}},hintText:{type:String,default:""},clearButtonText:{type:String,default:""},placeholder:{type:String,default:""},reAlertErrors:{type:Boolean,default:!1}},emits:["updated"],setup:function(){return{v$:(0,a.Ay)()}},data:function(){return{inputVal:this.value,clearErrorsOnFocus:!1}},computed:{elementClass:function(){var t="";(this.isInvalid||this.errorsList.length)&&(t="vs-input--error");var e="vs-input--".concat(this.fieldName);return"".concat(e," ").concat(t)},showClearButton:function(){return!(!this.inputVal.length||""===this.clearButtonText)}},watch:{triggerValidate:function(){this.manualValidate()},inputVal:function(t){this.$emit("updated",{field:this.fieldName,value:t})},value:function(t){this.inputVal=t}},methods:{clearInput:function(){this.inputVal=""},focusOnInput:function(){var t=this;this.$nextTick((function(){t.$refs.input.$el.focus()}))},clearInputAndFocus:function(){this.clearInput(),this.focusOnInput()},autocompleteValue:function(t){var e;switch(t){case"firstName":e="given-name";break;case"lastName":e="family-name";break;case"Email":e="email";break;case"PostalCode":e="postal-code";break;default:e=this.autoComplete?"on":"off"}return e},validateErrors:function(){this.clearErrorsOnFocus=!1,this.emitStatus()},resetErrors:function(){this.clearErrorsOnFocus=!0}},validations:function(){return this.rules}}},56410:function(t,e,n){"use strict";n(33222)},89172:function(t,e,n){"use strict";n.d(e,{X:function(){return a.X}});var a=n(42148)}}]);