@visitscotland/component-library
Version:
VisitScotland Component Library
1 lines • 4.15 kB
JavaScript
(self.webpackChunk_visitscotland_component_library=self.webpackChunk_visitscotland_component_library||[]).push([[1696],{5929:function(e,t,n){"use strict";n.d(t,{X:function(){return c}});var a=n(20641),r=n(90033),i=n(53751),l={"data-test":"vs-textarea"},o=["id"],s=["id"],u={class:"visually-hidden"};function c(e,t,n,c,d,f){var p=(0,a.g2)("BFormTextarea");return(0,a.uX)(),(0,a.CE)("div",l,[n.hintText?((0,a.uX)(),(0,a.CE)("p",{key:0,class:"hint-text",id:"hint-".concat(n.fieldName)},(0,r.toDisplayString)(n.hintText),9,o)):(0,a.Q3)("",!0),e.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)(e.errorsList,(function(e){return(0,a.bo)(((0,a.uX)(),(0,a.CE)("p",{key:e,class:"error mb-0"},[(0,a.Lk)("span",u,(0,r.toDisplayString)(n.fieldName),1),(0,a.eW)(" "+(0,r.toDisplayString)(n.validationMessages[e]||n.genericValidation[e]),1)])),[[i.vShow,!n.reAlertErrors&&!d.clearErrorsOnFocus]])})),128))],8,s)):(0,a.Q3)("",!0),(0,a.bF)(p,{ref:"input",class:(0,r.normalizeClass)(["vs-textarea",f.elementClass]),modelValue:d.inputVal,"onUpdate:modelValue":t[0]||(t[0]=function(e){return d.inputVal=e}),id:n.fieldName,name:n.name?n.name:n.fieldName,placeholder:n.placeholder,required:e.isRequired,autocomplete:f.autocompleteValue(n.fieldName),v:d.inputVal,"aria-invalid":e.v$.inputVal&&e.v$.inputVal.$anyError||n.invalid,"aria-describedby":e.ariaDescription,disabled:n.disabled,rows:n.rows,onBlur:f.validateErrors,onChange:f.validateErrors,onFocus:f.resetErrors},null,8,["class","modelValue","id","name","placeholder","required","autocomplete","v","aria-invalid","aria-describedby","disabled","rows","onBlur","onChange","onFocus"])])}},11696:function(e,t,n){"use strict";n.r(t);var a=n(15033),r=n(75492);n(73151);const i=(0,n(66262).A)(r.A,[["render",a.X]]);t.default=i},15033:function(e,t,n){"use strict";n.d(t,{X:function(){return a.X}});var a=n(5929)},39323:function(e,t,n){"use strict";var a=n(85072),r=n.n(a),i=n(97825),l=n.n(i),o=n(77659),s=n.n(o),u=n(55056),c=n.n(u),d=n(10540),f=n.n(d),p=n(41113),m=n.n(p),v=n(41785),h=n.n(v),y={};y.styleTagTransform=m(),y.setAttributes=c(),y.insert=s().bind(null,"head"),y.domAPI=l(),y.insertStyleElement=f(),r()(h(),y),h()&&h().locals&&h().locals},41785:function(){},54176:function(e,t,n){"use strict";var a=n(59639),r=n(34352),i=n(85510),l=n(68269);t.A={name:"VsTextarea",status:"prototype",release:"0.0.1",components:{BFormTextarea:r.bF},mixins:[i.A,l.A],props:{value:{type:String,default:""},fieldName:{type:String,required:!0},name:{type:String,default:""},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:""},placeholder:{type:String,default:""},reAlertErrors:{type:Boolean,default:!1},rows:{type:Number||String,default:2}},emits:["updated"],setup:function(){return{v$:(0,a.Ay)()}},data:function(){return{inputVal:this.value,clearErrorsOnFocus:!1}},computed:{elementClass:function(){var e="";(this.isInvalid||this.errorsList.length)&&(e="vs-input--error");var t="vs-input--".concat(this.fieldName);return"".concat(t," ").concat(e)}},watch:{triggerValidate:function(){this.manualValidate()},inputVal:function(e){this.$emit("updated",{field:this.fieldName,value:e})},value:function(e){this.inputVal=e}},methods:{clearInput:function(){this.inputVal=""},focusOnInput:function(){var e=this;this.$nextTick((function(){e.$refs.input.$el.focus()}))},clearInputAndFocus:function(){this.clearInput(),this.focusOnInput()},autocompleteValue:function(){return this.autoComplete?"on":"off"},validateErrors:function(){this.clearErrorsOnFocus=!1,this.emitStatus()},resetErrors:function(){this.clearErrorsOnFocus=!0}},validations:function(){return this.rules}}},73151:function(e,t,n){"use strict";n(39323)},75492:function(e,t,n){"use strict";n.d(t,{A:function(){return a.A}});var a=n(54176)}}]);