@visitscotland/component-library
Version:
VisitScotland Component Library
1 lines • 3.95 kB
JavaScript
(self.webpackChunk_visitscotland_component_library=self.webpackChunk_visitscotland_component_library||[]).push([[1688],{5326:function(){},44362:function(t,e,i){"use strict";i.d(e,{X:function(){return n.X}});var n=i(72378)},51688:function(t,e,i){"use strict";i.r(e);var n=i(44362),r=i(97144);i(94508);const a=(0,i(66262).A)(r.A,[["render",n.X]]);e.default=a},53780:function(t,e,i){"use strict";var n=i(59639),r=i(34352),a=i(57536),s=i(85510),l=i(68269);e.A={name:"VsSelect",status:"prototype",release:"0.0.1",components:{BFormSelect:r.JR},mixins:[s.A,l.A],props:{options:{type:Array,required:!0},fieldName:{type:String,required:!0},value:{type:String,default:""},validationRules:{type:Object,default:function(){return{}}},triggerValidate:{type:Boolean,default:!1},invalid:{type:Boolean,default:!1},validationMessages:{type:Object,default:function(){return{}}},countryListUrl:{type:String,default:""},hintText:{type:String,default:""},countries:{type:Boolean,default:!1},genericValidation:{type:Object,default:function(){return{}}},reAlertErrors:{type:Boolean,default:!1}},emits:["toggleAction","updated"],setup:function(){return{v$:(0,n.Ay)()}},data:function(){return{inputVal:this.value,touched:!1,countryList:[]}},computed:{errorClass:function(){return this.errorsList.length>0&&this.v$.inputVal&&this.v$.inputVal.$anyDirty||this.invalid?"vs-select__element--error":""},fieldOptions:function(){return this.countries?this.countryList:this.options}},watch:{inputVal:function(t){this.emitStatus(),this.$emit("updated",{field:this.fieldName,value:t})},value:function(t){this.inputVal=t},triggerValidate:function(){this.manualValidate()}},beforeMount:function(){var t=this;this.countries&&a.A.get(this.countryListUrl).then((function(e){t.countryList=e.data.countries}))},methods:{autocompleteValue:function(t){return"Country"===t?"country-name":"on"}},validations:function(){return this.rules}}},66520:function(t,e,i){"use strict";var n=i(85072),r=i.n(n),a=i(97825),s=i.n(a),l=i(77659),u=i.n(l),o=i(55056),c=i.n(o),d=i(10540),f=i.n(d),p=i(41113),v=i.n(p),m=i(5326),y=i.n(m),h={};h.styleTagTransform=v(),h.setAttributes=c(),h.insert=u().bind(null,"head"),h.domAPI=s(),h.insertStyleElement=f(),r()(y(),h),y()&&y().locals&&y().locals},72378:function(t,e,i){"use strict";i.d(e,{X:function(){return d}});var n=i(20641),r=i(90033),a=i(53751),s={class:"vs-select"},l=["id"],u=["id"],o={class:"visually-hidden"},c={class:"vs-select__container mt-050"};function d(t,e,i,d,f,p){var v=(0,n.g2)("BFormSelect");return(0,n.uX)(),(0,n.CE)("div",s,[(0,n.Lk)("p",{class:"hint-text",id:"hint-".concat(i.fieldName)},(0,r.toDisplayString)(i.hintText),9,l),t.errorsList.length||i.invalid?((0,n.uX)(),(0,n.CE)("div",{key:0,role:"alert","aria-live":"assertive",id:"error-".concat(i.fieldName)},[((0,n.uX)(!0),(0,n.CE)(n.FK,null,(0,n.pI)(t.errorsList,(function(t){return(0,n.bo)(((0,n.uX)(),(0,n.CE)("p",{key:t,class:"error mb-0"},[(0,n.Lk)("span",o,(0,r.toDisplayString)(i.fieldName),1),(0,n.eW)(" "+(0,r.toDisplayString)(i.validationMessages[t]||i.genericValidation[t]),1)])),[[a.vShow,!i.reAlertErrors]])})),128))],8,u)):(0,n.Q3)("",!0),(0,n.Lk)("div",c,[(0,n.bF)(v,(0,n.v6)({modelValue:f.inputVal,"onUpdate:modelValue":e[0]||(e[0]=function(t){return f.inputVal=t})},t.$attrs,{options:p.fieldOptions,name:i.fieldName,id:i.fieldName,onChange:t.emitStatus,onBlur:t.emitStatus,"data-test":"vs-select","data-testid":"vs-select",class:["vs-select__element",p.errorClass],required:t.isRequired,"aria-invalid":t.v$.inputVal&&t.v$.inputVal.$anyError||i.invalid,"aria-describedby":t.ariaDescription,autocomplete:p.autocompleteValue(i.fieldName)}),null,16,["modelValue","options","name","id","onChange","onBlur","required","aria-invalid","aria-describedby","class","autocomplete"]),e[1]||(e[1]=(0,n.Lk)("span",{class:"vs-select__focus"},null,-1))])])}},94508:function(t,e,i){"use strict";i(66520)},97144:function(t,e,i){"use strict";i.d(e,{A:function(){return n.A}});var n=i(53780)}}]);