@visitscotland/component-library 4.24.0 → 4.24.1

package/dist/ssr/manifest.json

@@ -20,7 +20,7 @@
       "index.js"
     ],
     "styles": [
-      "styles/deba7bfbc23c04e104d7.css"
+      "styles/d2a5404a7ecd4d926716.css"
     ]
   }
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@visitscotland/component-library",
-  "version": "4.24.0",
+  "version": "4.24.1",
   "description": "VisitScotland Component Library",
   "author": "VisitScotland",
   "homepage": "https://github.com/visitscotland/vs-component-library#readme",

package/dist/client/scripts/8f58ab422cb2f9354a28.js

@@ -1 +0,0 @@
-(self.webpackChunk_visitscotland_component_library=self.webpackChunk_visitscotland_component_library||[]).push([[1696],{72916: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}},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}}},92596: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"])])}},96038: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),v=n.n(p),m=n(72916),h=n.n(m),y={};y.styleTagTransform=v(),y.setAttributes=c(),y.insert=s().bind(null,"head"),y.domAPI=l(),y.insertStyleElement=f(),r()(h(),y),h()&&h().locals&&h().locals},11696:function(e,t,n){"use strict";n.r(t);var a=n(94436),r=n(75492);n(20898);const i=(0,n(66262).A)(r.A,[["render",a.X]]);t.default=i},75492:function(e,t,n){"use strict";n.d(t,{A:function(){return a.A}});var a=n(54176)},94436:function(e,t,n){"use strict";n.d(t,{X:function(){return a.X}});var a=n(92596)},20898:function(e,t,n){"use strict";n(96038)}}]);

package/dist/client/scripts/cb991e60689f62d952f3.js

@@ -1 +0,0 @@
-"use strict";(self.webpackChunk_visitscotland_component_library=self.webpackChunk_visitscotland_component_library||[]).push([[4282],{68269:function(t,i){i.A={computed:{ariaDescription:function(){return this.v$.inputVal&&this.v$.inputVal.$anyError||this.invalid?"error-".concat(this.fieldName):this.hintText?"hint-".concat(this.fieldName):null}}}},85510:function(t,i,e){var r=e(64467),n=e(3453),s=e(13855);function a(t,i){var e=Object.keys(t);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(t);i&&(r=r.filter((function(i){return Object.getOwnPropertyDescriptor(t,i).enumerable}))),e.push.apply(e,r)}return e}function o(t){for(var i=1;i<arguments.length;i++){var e=null!=arguments[i]?arguments[i]:{};i%2?a(Object(e),!0).forEach((function(i){(0,r.A)(t,i,e[i])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(e)):a(Object(e)).forEach((function(i){Object.defineProperty(t,i,Object.getOwnPropertyDescriptor(e,i))}))}return t}var u=s._$.regex(/^([A-Za-z][A-HJ-Ya-hj-y]?\d[A-Za-z\d]? ?\d[A-Za-z]{2}|GIR ?0A{2})$/),l={data:function(){return{inputVal:this.value,isInvalid:this.invalid}},computed:{isRequired:function(){return void 0!==s.mw&&"required"in this.validationRules},rules:function(){for(var t=this,i={},e=0,r=Object.entries(this.validationRules);e<r.length;e++){var a=(0,n.A)(r[e],2),l=a[0],c=a[1];"required"===l?i=o(o({},i),{},{required:s.mw}):"email"===l?i=o(o({},i),{},{email:s.Rp}):"minLength"===l?i=o(o({},i),{},{minLength:(0,s.Bp)(c)}):"maxLength"===l?i=o(o({},i),{},{maxLength:(0,s.Ru)(c)}):"invalidVal"===l?i=o(o({},i),{},{noInvalid:function(){return-1===t.inputVal.indexOf(t.validationRules.invalidVal)}}):"postcode"===l&&(i=o(o({},i),{},{postcode:u}))}return void 0!==i?{inputVal:i=o({},i)}:{}},errorsList:function(){var t=this,i=[];return Object.keys(this.rules.inputVal).forEach((function(e){t.v$.$errors&&t.v$.$errors.forEach((function(t){t.$validator===e&&i.push(e)}))})),i}},watch:{errorsList:function(t){t.length?this.isInvalid=!0:this.isInvalid=!1}},methods:{manualValidate:function(){var t=this;if(this.isInvalid=!1,"required"in this.rules.inputVal){var i=!1;"string"==typeof this.inputVal?/\S/.test(this.inputVal)||(i=!0):this.inputVal||(i=!0),i&&-1===this.errorsList.indexOf("required")&&this.errorsList.push("required")}else this.errorsList.forEach((function(i,e){"required"===i&&t.errorsList.splice(e,1)}));this.errorsList.length&&(this.isInvalid=!0),this.touched=!0,this.$emit("status-update",{field:this.fieldName,value:this.inputVal,errors:this.errorsList})},emitStatus:function(){var t=this;setTimeout((function(){t.manualValidate(),t.touched=!0,t.v$.$touch()}),50)}}};i.A=l}}]);