@visitscotland/component-library 4.0.0 → 4.0.2

package/dist/client/scripts/5e0d231a0650af51341c.js

@@ -0,0 +1 @@
+(self.webpackChunk_visitscotland_component_library=self.webpackChunk_visitscotland_component_library||[]).push([[8836],{74593:function(){},5468:function(t,n,i){"use strict";var e=i(34352),a=i(46422),s=i(98745);n.A={name:"VsButton",status:"prototype",release:"0.0.1",components:{BButton:e.PF,VsIcon:a.default},mixins:[s.default],props:{href:{type:String,default:null},tabindex:{type:String,default:null},variant:{type:String,default:"primary",validator:function(t){return t.match(/(primary|secondary|transparent)/)}},size:{type:String,default:"md",validator:function(t){return t.match(/(sm|md|lg)/)}},animate:{type:Boolean,default:!0},rounded:{type:Boolean,default:!0},icon:{type:String,default:""},iconOnly:{type:Boolean,default:!1},iconPosition:{type:String,default:"left",validator:function(t){return t.match(/(left|right)/)}}},data:function(){return{isAnimating:!1}},computed:{buttonClasses:function(){return[{"vs-button--animated":this.animate&&!this.iconOnly,"vs-button--is-animating":this.isAnimating,"vs-button--rounded":this.rounded,"vs-button--icon-only":this.iconOnly,"button-flex":this.icon&&!this.iconOnly,"vs-button--flex-reverse":"right"===this.iconPosition}]},iconClasses:function(){return[{"vs-icon--right":"right"===this.iconPosition,"vs-icon--left":"left"===this.iconPosition}]}},methods:{animateHandler:function(t){var n=this;this.isAnimating=!0,setTimeout((function(){n.isAnimating=!1}),1e3),null!==this.href&&(t.preventDefault(),this.trackLink(t))},tabbedIn:function(t){this.$emit("btnFocus",t)},trackLink:function(t){var n;n=this.href.includes("http")?"externalLinkDataEvent":"internalLinkDataEvent",this.createDataLayerObject(n,t,this.href),"#"!==this.href&&null!==this.href&&(window.location.href=this.href)}}}},50781:function(t,n,i){"use strict";i.d(n,{X:function(){return o}});var e=i(20641),a=i(53751),s=i(90033);function o(t,n,i,o,r,u){var l=(0,e.g2)("VsIcon"),c=(0,e.g2)("BButton");return(0,e.uX)(),(0,e.Wv)(c,(0,e.v6)({variant:i.variant,href:i.href||void 0,tabindex:i.tabindex||void 0,class:["vs-button",u.buttonClasses],size:i.size},t.$attrs,{"aria-disabled":!!t.$attrs.disabled,onClick:n[0]||(n[0]=function(t){return u.animateHandler(t)}),onKeyup:(0,a.withKeys)(u.tabbedIn,["tab"])}),{default:(0,e.k6)((function(){return[i.icon?((0,e.uX)(),(0,e.Wv)(l,{key:0,class:(0,s.normalizeClass)(["align-self-center",u.iconClasses]),name:i.icon,size:"xs",padding:0},null,8,["name","class"])):(0,e.Q3)("",!0),(0,e.Lk)("span",{class:(0,s.normalizeClass)(["vs-button__text",{"visually-hidden":i.iconOnly}])},[(0,e.RG)(t.$slots,"default")],2)]})),_:3},16,["variant","href","tabindex","class","size","aria-disabled","onKeyup"])}},81427:function(t,n,i){"use strict";var e=i(85072),a=i.n(e),s=i(97825),o=i.n(s),r=i(77659),u=i.n(r),l=i(55056),c=i.n(l),d=i(10540),f=i.n(d),h=i(41113),v=i.n(h),m=i(74593),b=i.n(m),p={};p.styleTagTransform=v(),p.setAttributes=c(),p.insert=u().bind(null,"head"),p.domAPI=o(),p.insertStyleElement=f(),a()(b(),p),b()&&b().locals&&b().locals},48836:function(t,n,i){"use strict";i.r(n);var e=i(50781),a=i(68176);i(13671);const s=(0,i(66262).A)(a.A,[["render",e.X]]);n.default=s},68176:function(t,n,i){"use strict";i.d(n,{A:function(){return e.A}});var e=i(5468)},13671:function(t,n,i){"use strict";i(81427)}}]);

package/dist/client/scripts/{3676b1a2ec8eaff5ad32.js → 74f9fa1adcbb7919c544.js}

@@ -1 +1 @@
-(self.webpackChunk_visitscotland_component_library=self.webpackChunk_visitscotland_component_library||[]).push([[3838],{95987:function(){},54886:function(e,s,n){"use strict";var a=n(2543);s.A={name:"VsHeading",status:"prototype",release:"0.1.0",props:{level:{type:[String,Number],default:"1",validator:function(e){return(0,a.isNumber)(e)?e>0&&e<7:e.match(/(1|2|3|4|5|6)/)}},headingStyle:{type:[String,Number],required:!0,validator:function(e){return e.match(/(display-l|display-m|display-s|display-xs|heading-xxl|heading-xl|heading-l|heading-m|heading-s|heading-xs|heading-xxs)/)}}},computed:{hasSubtitle:function(){return!!this.$slots["sub-heading"]},headingClasses:function(){return[this.headingStyle?"vs-heading--".concat(this.headingStyle):""]},subHeadingClass:function(){var e="";switch(this.headingStyle){case"display-l":case"display-m":case"display-s":case"heading-xxl":case"heading-xl":e="l";break;case"display-xs":case"heading-l":case"heading-m":e="m";break;case"heading-s":case"heading-xs":case"heading-xxs":e="s";break;default:e=""}return"vs-heading__sub-heading--".concat(e)},type:function(){return"h".concat(this.level)}}}},27723:function(e,s,n){"use strict";n.d(s,{X:function(){return i}});var a=n(20641),t=n(90033);function i(e,s,n,i,l,r){return(0,a.uX)(),(0,a.Wv)((0,a.$y)(r.type),{class:(0,t.normalizeClass)(["vs-heading",r.headingClasses])},{default:(0,a.k6)((function(){return[(0,a.RG)(e.$slots,"default"),e.$slots["sub-heading"]?((0,a.uX)(),(0,a.CE)("span",{key:0,class:(0,t.normalizeClass)(["vs-heading__sub-heading",r.subHeadingClass])},[(0,a.RG)(e.$slots,"sub-heading")],2)):(0,a.Q3)("",!0)]})),_:3},8,["class"])}},13873:function(e,s,n){"use strict";var a=n(85072),t=n.n(a),i=n(97825),l=n.n(i),r=n(77659),u=n.n(r),d=n(55056),c=n.n(d),h=n(10540),o=n.n(h),g=n(41113),f=n.n(g),p=n(95987),y=n.n(p),b={};b.styleTagTransform=f(),b.setAttributes=c(),b.insert=u().bind(null,"head"),b.domAPI=l(),b.insertStyleElement=o(),t()(y(),b),y()&&y().locals&&y().locals},13838:function(e,s,n){"use strict";n.r(s);var a=n(27723),t=n(46922);n(89917);const i=(0,n(66262).A)(t.A,[["render",a.X]]);s.default=i},46922:function(e,s,n){"use strict";n.d(s,{A:function(){return a.A}});var a=n(54886)},89917:function(e,s,n){"use strict";n(13873)}}]);
+(self.webpackChunk_visitscotland_component_library=self.webpackChunk_visitscotland_component_library||[]).push([[3838],{78973:function(){},54886:function(e,s,n){"use strict";var a=n(2543);s.A={name:"VsHeading",status:"prototype",release:"0.1.0",props:{level:{type:[String,Number],default:"1",validator:function(e){return(0,a.isNumber)(e)?e>0&&e<7:e.match(/(1|2|3|4|5|6)/)}},headingStyle:{type:[String,Number],required:!0,validator:function(e){return e.match(/(display-l|display-m|display-s|display-xs|heading-xxl|heading-xl|heading-l|heading-m|heading-s|heading-xs|heading-xxs)/)}}},computed:{hasSubtitle:function(){return!!this.$slots["sub-heading"]},headingClasses:function(){return[this.headingStyle?"vs-heading--".concat(this.headingStyle):""]},subHeadingClass:function(){var e="";switch(this.headingStyle){case"display-l":case"display-m":case"display-s":case"heading-xxl":case"heading-xl":e="l";break;case"display-xs":case"heading-l":case"heading-m":e="m";break;case"heading-s":case"heading-xs":case"heading-xxs":e="s";break;default:e=""}return"vs-heading__sub-heading--".concat(e)},type:function(){return"h".concat(this.level)}}}},90821:function(e,s,n){"use strict";n.d(s,{X:function(){return i}});var a=n(20641),t=n(90033);function i(e,s,n,i,l,r){return(0,a.uX)(),(0,a.Wv)((0,a.$y)(r.type),{class:(0,t.normalizeClass)(["vs-heading",r.headingClasses])},{default:(0,a.k6)((function(){return[(0,a.RG)(e.$slots,"default"),e.$slots["sub-heading"]?((0,a.uX)(),(0,a.CE)("span",{key:0,class:(0,t.normalizeClass)(["vs-heading__sub-heading",r.subHeadingClass])},[(0,a.RG)(e.$slots,"sub-heading")],2)):(0,a.Q3)("",!0)]})),_:3},8,["class"])}},10743:function(e,s,n){"use strict";var a=n(85072),t=n.n(a),i=n(97825),l=n.n(i),r=n(77659),u=n.n(r),d=n(55056),c=n.n(d),h=n(10540),o=n.n(h),g=n(41113),f=n.n(g),p=n(78973),y=n.n(p),b={};b.styleTagTransform=f(),b.setAttributes=c(),b.insert=u().bind(null,"head"),b.domAPI=l(),b.insertStyleElement=o(),t()(y(),b),y()&&y().locals&&y().locals},13838:function(e,s,n){"use strict";n.r(s);var a=n(90821),t=n(46922);n(3123);const i=(0,n(66262).A)(t.A,[["render",a.X]]);s.default=i},46922:function(e,s,n){"use strict";n.d(s,{A:function(){return a.A}});var a=n(54886)},3123:function(e,s,n){"use strict";n(10743)}}]);

package/dist/client/scripts/{f4aeb5a02211ad418d3f.js → 7ba34c2856d121c9efa1.js}

@@ -1 +1 @@
-!function(e,t){"object"==typeof exports&&"object"==typeof module?module.exports=t():"function"==typeof define&&define.amd?define([],t):"object"==typeof exports?exports.VsForm=t():e.VsForm=t()}(self,(function(){return(self.webpackChunk_visitscotland_component_library=self.webpackChunk_visitscotland_component_library||[]).push([[1736],{11885:function(){},97272:function(e,t,n){"use strict";var i=n(64467),a=n(3453),r=n(34352),s=n(57536),o=n(88620),l=n(22142),d=n(51688),u=n(26358),f=n(88258),c=n(48836),g=n(13838),h=n(79122),m=n(98745);function p(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(e);t&&(i=i.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,i)}return n}function v(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?p(Object(n),!0).forEach((function(t){(0,i.A)(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):p(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}t.A={name:"VsForm",status:"prototype",release:"0.0.1",components:{VsInput:l.default,VsSelect:d.default,VsCheckbox:u.default,BFormGroup:r.a3,VsRecaptcha:f.default,VsButton:c.default,VsHeading:g.default,VsWarning:h.default},mixins:[m.default],props:{isMarketo:{type:Boolean,default:!0},submitUrl:{type:String,default:""},dataUrl:{type:String,required:!0},recaptchaKey:{type:String,default:(0,o.A)("RECAPTCHA_TOKEN")},recaptchaTextareaLabel:{type:String,default:"Does not need any text"},isProd:{type:Boolean,default:!1},munchkinId:{type:String,default:""},marketoInstance:{type:String,default:""},language:{type:String,default:"en"},messagingUrl:{type:String,required:!0},countryListUrl:{type:String,default:""},isTest:{type:Boolean,default:!0}},data:function(){return{submitted:!1,submitting:!1,submitError:!1,formData:{},messagingData:{},form:{},formIsInvalid:!1,showErrorMessage:!1,errorFields:[],triggerValidate:!1,recaptchaVerified:!1,conditionalFields:{},inputVal:"",reAlertErrors:!1,emailFieldName:""}},computed:{formId:function(){return this.isProd?this.formData.formLiveId:this.formData.formSandboxId},showFormHeading:function(){return!this.isUndefined(this.getTranslatedContent)&&!this.isUndefined(this.getTranslatedContent("heading"))}},created:function(){this.getFormData(),this.getGlobalMessaging()},methods:{getFormData:function(){var e=this;s.A.get(this.dataUrl).then((function(t){e.formData=t.data,e.isMarketo&&window.MktoForms2&&window.MktoForms2.loadForm(e.marketoInstance,e.munchkinId,e.formId),t.data.fields.forEach((function(t){e.form[t.name]="",t.conditional&&(e.conditionalFields[t.name]=!1)})),e.checkConditionalFields()})).catch((function(){}))},getGlobalMessaging:function(){var e=this;s.A.get(this.messagingUrl).then((function(t){e.messagingData=t.data})).catch((function(){}))},getLanguageObj:function(){return this.isUndefined(this.formData[this.language])?{}:this.formData[this.language]||void 0},getTranslatedLabel:function(e,t){var n=this.getLanguageObj(),i="";return i="en"===this.language||this.isUndefined(n[e])||this.isUndefined(n[e].label)?this.formData.fields[t].label:n[e].label,this.showOptionalText(this.formData.fields[t])&&!this.isUndefined(this.getMessagingData("optional",this.language))&&(i="".concat(i," (").concat(this.getMessagingData("optional",this.language),")")),i},getTranslatedLegend:function(e,t){var n=this.getLanguageObj();return"en"===this.language||this.isUndefined(n[e])||this.isUndefined(n[e].descriptor)?this.formData.fields[t].descriptor:n[e].descriptor},getTranslatedInfo:function(e,t){var n=this.getLanguageObj();return"en"===this.language||this.isUndefined(n[e])||this.isUndefined(n[e].info)?this.formData.fields[t].info:n[e].info},getTranslatedValidation:function(e,t){var n,i=this.getLanguageObj();return"en"!==this.language||this.isUndefined(this.formData.fields[t].validationMessages)?this.isUndefined(i[e])||this.isUndefined(i[e].validationMessages)?"en"===this.language&&(n=this.formData.fields[t].validationMessages):n=i[e].validationMessages:n=this.formData.fields[t].validationMessages,n},getTranslatedOptions:function(e,t){var n=this.getLanguageObj(),i=[];return void 0===(i="en"===this.language||this.isUndefined(n[e])||this.isUndefined([e].options)?this.formData.fields[t].options:n[e].options)&&(i=[]),i},getTranslatedHint:function(e,t){var n=this.getLanguageObj();return"en"===this.language||this.isUndefined(n[e])||this.isUndefined(n[e].hint)?this.isUndefined(this.formData.fields[t].hint)?"":this.formData.fields[t].hint:n[e].hint},getTranslatedContent:function(e){var t=this.getLanguageObj();return"en"!==this.language||this.isUndefined(this.formData.content)||this.isUndefined(this.formData.content[e])?this.isUndefined(t.content)||this.isUndefined(t.content[e])?this.getMessagingData(e,this.language):t.content[e]:this.formData.content[e]},getMessagingData:function(e,t){return Object.keys(this.messagingData).length>0?this.messagingData[t][e]:"validation"===e?{}:""},getHiddenFields:function(){var e=this.$el.querySelectorAll("input[type=hidden]"),t={};return e.forEach((function(e){t[e.name]=e.value})),t},isUndefined:function(e){return void 0===e},updateFieldData:function(e){this.form[e.field]=e.value||"",Array.isArray(e.errors)?this.formIsInvalid=e.errors.length>0:this.formIsInvalid=null!==e.errors,this.manageErrorStatus(e.field,e.errors),this.checkConditionalFields()},manageErrorStatus:function(e,t){var n=this.errorFields.indexOf(e);-1!==n?(!t||t.length<1)&&this.errorFields.splice(n,1):t&&t.length>0&&this.errorFields.push(e)},showOptionalText:function(e){return!(!this.isUndefined(e.validation)&&!this.isUndefined(e.validation.required))},needsLabel:function(e){return"radio"!==e.element&&"submit"!==e.element&&"checkbox"!==e.element},preSubmit:function(e){var t=this;e.preventDefault(),this.isTest||this.onRecaptchaVerify(),this.triggerValidate=!0;var n=this.formData.fields.filter((function(e){return e.validation&&e.validation.required}));0===n.length?this.formIsInvalid=!1:n.forEach((function(e){if(!/\S/.test(t.form[e.name])){var n=!0;e.name in t.conditionalFields&&!t.conditionalFields[e.name]&&(n=!1),t.formIsInvalid=n}})),this.showErrorMessage=this.formIsInvalid,Object.entries(this.conditionalFields).forEach((function(e){var n=(0,a.A)(e,2),i=n[0];n[1]||(t.form[i]="")})),this.errorFields.length>0&&(this.formIsInvalid=!0),!this.formIsInvalid&&this.recaptchaVerified?this.isMarketo?this.marketoSubmit():this.axiosSubmit():(this.showErrorMessage=!0,this.reAlertErrors=!0,setTimeout((function(){t.reAlertErrors=!1}),100))},marketoSubmit:function(){var e=this;this.createDataLayerObject("formsDataEvent");var t=window.MktoForms2.allForms()[0];t.addHiddenFields(this.form),window.grecaptcha&&t.addHiddenFields({lastReCAPTCHAUserFingerprint:window.grecaptcha.getResponse(),lastRecaptchaEnabledFormID:this.formId}),t.onSuccess((function(){return e.submitting=!1,e.submitted=!0,e.attachEmail(),!1})),t.onSubmit((function(){e.submitting=!0})),t.submit()},axiosSubmit:function(){var e=this;this.submitting=!0;var t="";window.grecaptcha&&(t=window.grecaptcha.getResponse());var n=this.getHiddenFields();s.A.post(this.submitUrl,v(v(v({},this.form),n),{},{formType:this.formData.content?this.formData.content.formType:"","g-recaptcha-response":t})).then((function(){return e.submitting=!1,e.submitted=!0,e.attachEmail(),!1})).catch((function(){}))},attachEmail:function(){var e=this;this.formData.fields.forEach((function(t){"email"!==t.type||e.emailFieldName||(e.emailFieldName=t.name)})),this.emailFieldName&&"undefined"!=typeof exponea&&exponea.identify({email_id:this.form[this.emailFieldName]})},onRecaptchaVerify:function(){window.grecaptcha&&"function"==typeof window.grecaptcha.getResponse&&""!==window.grecaptcha.getResponse()?this.recaptchaVerified=!0:this.recaptchaVerified=!1},checkConditionalFields:function(){var e=this;Object.keys(this.conditionalFields).forEach((function(t){var n=e.formData.fields.find((function(e){return e.name===t})),i=!0;Object.keys(n.conditional).forEach((function(a){var r=n.conditional[a];Array.isArray(r)?-1===r.indexOf(e.form[a])&&(i=!1):e.form[a]!==r&&(i=!1),i?e.conditionalFields[t]||(e.conditionalFields[t]=!0,e.$refs[t]&&e.$refs[t][0].manualValidate()):(e.manageErrorStatus(t,[]),e.conditionalFields[t]=!1)}))}))},conditionalElementClass:function(e){return!0===this.conditionalFields[e]||void 0===this.conditionalFields[e]?"":"d-none"}}}},6153:function(e,t,n){"use strict";n.d(t,{X:function(){return h}});var i=n(20641),a=n(53751),r=n(90033),s={class:"vs-form","data-test":"vs-form"},o=(0,i.Lk)("form",{class:"d-none"},null,-1),l={class:"vs-form__main-heading vs-heading vs-heading--heading-l float-none","data-test":"vs-form__main-heading"},d={key:0},u={"aria-live":"assertive"},f={key:0},c=["innerHTML"],g={key:2};function h(e,t,n,h,m,p){var v=(0,i.g2)("VsInput"),b=(0,i.g2)("VsSelect"),y=(0,i.g2)("VsCheckbox"),D=(0,i.g2)("BFormGroup"),F=(0,i.g2)("VsRecaptcha"),k=(0,i.g2)("VsButton"),E=(0,i.g2)("VsWarning"),O=(0,i.g2)("VsHeading");return(0,i.uX)(),(0,i.CE)("div",s,[o,m.submitted?(0,i.Q3)("",!0):((0,i.uX)(),(0,i.CE)("form",{key:0,onSubmit:t[0]||(t[0]=(0,a.withModifiers)((function(){return p.preSubmit&&p.preSubmit.apply(p,arguments)}),["prevent"]))},[(0,i.Lk)("fieldset",null,[(0,i.Lk)("legend",l,(0,r.toDisplayString)(p.getTranslatedContent("heading")),1),((0,i.uX)(!0),(0,i.CE)(i.FK,null,(0,i.pI)(m.formData.fields,(function(e,t){return(0,i.uX)(),(0,i.Wv)(D,{key:e.name,label:p.needsLabel(e)?p.getTranslatedLabel(e.name,t):"","label-for":p.needsLabel(e)?e.name:"",class:(0,r.normalizeClass)(p.conditionalElementClass(e.name))},{default:(0,i.k6)((function(){return[p.isUndefined(e.descriptor)||"checkbox"!==e.element?(0,i.Q3)("",!0):((0,i.uX)(),(0,i.CE)("legend",d,(0,r.toDisplayString)(p.getTranslatedLegend(e.name,t)),1)),(0,i.Lk)("div",{class:(0,r.normalizeClass)(p.conditionalElementClass(e.name))},["input"===e.element?((0,i.uX)(),(0,i.Wv)(v,{key:0,ref_for:!0,ref:e.name,onStatusUpdate:p.updateFieldData,"field-name":e.name,type:e.type,"validation-rules":e.validation||{},"validation-messages":p.getTranslatedValidation(e.name,t)||{},"generic-validation":p.getMessagingData("validation",n.language),invalid:m.errorFields.indexOf(e.name)>-1,"trigger-validate":m.triggerValidate,"hint-text":p.getTranslatedHint(e.name,t),placeholder:e.placeholder||"","re-alert-errors":m.reAlertErrors},null,8,["onStatusUpdate","field-name","type","validation-rules","validation-messages","generic-validation","invalid","trigger-validate","hint-text","placeholder","re-alert-errors"])):(0,i.Q3)("",!0),"select"===e.element?((0,i.uX)(),(0,i.Wv)(b,{key:1,options:p.getTranslatedOptions(e.name,t),ref_for:!0,ref:e.name,onStatusUpdate:p.updateFieldData,"field-name":e.name,"validation-rules":e.validation||{},"validation-messages":p.getTranslatedValidation(e.name,t)||{},"generic-validation":p.getMessagingData("validation",n.language),invalid:m.errorFields.indexOf(e.name)>-1,"trigger-validate":m.triggerValidate,"country-list-url":n.countryListUrl,countries:e.countries,"hint-text":p.getTranslatedHint(e.name,t),"re-alert-errors":m.reAlertErrors},null,8,["options","onStatusUpdate","field-name","validation-rules","validation-messages","generic-validation","invalid","trigger-validate","country-list-url","countries","hint-text","re-alert-errors"])):(0,i.Q3)("",!0),"checkbox"===e.element?((0,i.uX)(),(0,i.Wv)(y,{key:e.name,ref_for:!0,ref:e.name,name:e.name,value:e.value,label:p.getTranslatedLabel(e.name,t),onStatusUpdate:p.updateFieldData,"field-name":e.name,"validation-rules":e.validation||{},"validation-messages":p.getTranslatedValidation(e.name,t)||{},"generic-validation":p.getMessagingData("validation",n.language),invalid:m.errorFields.indexOf(e.name)>-1,"trigger-validate":m.triggerValidate,"optional-text":p.getMessagingData("optional",n.language),"hint-text":p.getTranslatedHint(e.name,t),"info-text":p.getTranslatedInfo(e.name,t),"re-alert-errors":m.reAlertErrors},null,8,["name","value","label","onStatusUpdate","field-name","validation-rules","validation-messages","generic-validation","invalid","trigger-validate","optional-text","hint-text","info-text","re-alert-errors"])):(0,i.Q3)("",!0)],2)]})),_:2},1032,["label","label-for","class"])})),128))]),(0,i.RG)(e.$slots,"hidden-fields"),(0,i.bF)(F,{onVerified:p.onRecaptchaVerify,"site-key":n.recaptchaKey,invalid:!m.recaptchaVerified&&m.showErrorMessage,language:n.language,"error-msg":p.getMessagingData("recaptchaError",n.language),class:"mt-300","textarea-label":n.recaptchaTextareaLabel,"re-alert-errors":m.reAlertErrors},null,8,["onVerified","site-key","invalid","language","error-msg","textarea-label","re-alert-errors"]),(0,i.bF)(k,{variant:"primary",type:"submit",class:"vs-form__submit mt-300",onClick:p.preSubmit},{default:(0,i.k6)((function(){return[(0,i.eW)((0,r.toDisplayString)(p.getTranslatedContent("submit")),1)]})),_:1},8,["onClick"])],32)),(0,i.bF)(E,{class:"vs-form__no-js"},{default:(0,i.k6)((function(){return[(0,i.RG)(e.$slots,"no-js")]})),_:3}),(0,i.Lk)("div",u,[m.submitting?((0,i.uX)(),(0,i.CE)("p",f,[(0,i.RG)(e.$slots,"submitting")])):(0,i.Q3)("",!0),m.submitted?((0,i.uX)(),(0,i.CE)(i.FK,{key:1},[p.getTranslatedContent("successHeading")?((0,i.uX)(),(0,i.Wv)(O,{key:0,level:"2",headingStyle:"heading-l"},{default:(0,i.k6)((function(){return[(0,i.eW)((0,r.toDisplayString)(p.getTranslatedContent("successHeading")),1)]})),_:1})):(0,i.Q3)("",!0),(0,i.Lk)("p",{class:"vs-form__content",innerHTML:p.getTranslatedContent("successContent")},null,8,c)],64)):(0,i.Q3)("",!0),m.submitError?((0,i.uX)(),(0,i.CE)("p",g,[(0,i.RG)(e.$slots,"submit-error")])):(0,i.Q3)("",!0)])])}},71463:function(e,t,n){"use strict";var i=n(85072),a=n.n(i),r=n(97825),s=n.n(r),o=n(77659),l=n.n(o),d=n(55056),u=n.n(d),f=n(10540),c=n.n(f),g=n(41113),h=n.n(g),m=n(11885),p=n.n(m),v={};v.styleTagTransform=h(),v.setAttributes=u(),v.insert=l().bind(null,"head"),v.domAPI=s(),v.insertStyleElement=c(),a()(p(),v),p()&&p().locals&&p().locals},19464:function(e,t,n){"use strict";n.r(t);var i=n(65753),a=n(18668);n(19915);const r=(0,n(66262).A)(a.A,[["render",i.X]]);t.default=r},18668:function(e,t,n){"use strict";n.d(t,{A:function(){return i.A}});var i=n(97272)},65753:function(e,t,n){"use strict";n.d(t,{X:function(){return i.X}});var i=n(6153)},19915:function(e,t,n){"use strict";n(71463)}},function(e){return e.O(0,[641,6262,7510,3751,4352,4467,7527,8086,810,2543,3453,281,7536,7171,6422,8745,8836,3838,9122,4282,2142,1688,6358,8258],(function(){return 19464,e(e.s=19464)})),e.O()}])}));
+!function(e,t){"object"==typeof exports&&"object"==typeof module?module.exports=t():"function"==typeof define&&define.amd?define([],t):"object"==typeof exports?exports.VsForm=t():e.VsForm=t()}(self,(function(){return(self.webpackChunk_visitscotland_component_library=self.webpackChunk_visitscotland_component_library||[]).push([[1736],{35151:function(){},97272:function(e,t,n){"use strict";var i=n(64467),a=n(3453),r=n(34352),s=n(57536),o=n(88620),l=n(22142),d=n(51688),u=n(26358),f=n(88258),c=n(48836),g=n(13838),h=n(79122),m=n(98745);function p(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(e);t&&(i=i.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,i)}return n}function v(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?p(Object(n),!0).forEach((function(t){(0,i.A)(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):p(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}t.A={name:"VsForm",status:"prototype",release:"0.0.1",components:{VsInput:l.default,VsSelect:d.default,VsCheckbox:u.default,BFormGroup:r.a3,VsRecaptcha:f.default,VsButton:c.default,VsHeading:g.default,VsWarning:h.default},mixins:[m.default],props:{isMarketo:{type:Boolean,default:!0},submitUrl:{type:String,default:""},dataUrl:{type:String,required:!0},recaptchaKey:{type:String,default:(0,o.A)("RECAPTCHA_TOKEN")},recaptchaTextareaLabel:{type:String,default:"Does not need any text"},isProd:{type:Boolean,default:!1},munchkinId:{type:String,default:""},marketoInstance:{type:String,default:""},language:{type:String,default:"en"},messagingUrl:{type:String,required:!0},countryListUrl:{type:String,default:""},isTest:{type:Boolean,default:!0}},data:function(){return{submitted:!1,submitting:!1,submitError:!1,formData:{},messagingData:{},form:{},formIsInvalid:!1,showErrorMessage:!1,errorFields:[],triggerValidate:!1,recaptchaVerified:!1,conditionalFields:{},inputVal:"",reAlertErrors:!1,emailFieldName:""}},computed:{formId:function(){return this.isProd?this.formData.formLiveId:this.formData.formSandboxId},showFormHeading:function(){return!this.isUndefined(this.getTranslatedContent)&&!this.isUndefined(this.getTranslatedContent("heading"))}},created:function(){this.getFormData(),this.getGlobalMessaging()},methods:{getFormData:function(){var e=this;s.A.get(this.dataUrl).then((function(t){e.formData=t.data,e.isMarketo&&window.MktoForms2&&window.MktoForms2.loadForm(e.marketoInstance,e.munchkinId,e.formId),t.data.fields.forEach((function(t){e.form[t.name]="",t.conditional&&(e.conditionalFields[t.name]=!1)})),e.checkConditionalFields()})).catch((function(){}))},getGlobalMessaging:function(){var e=this;s.A.get(this.messagingUrl).then((function(t){e.messagingData=t.data})).catch((function(){}))},getLanguageObj:function(){return this.isUndefined(this.formData[this.language])?{}:this.formData[this.language]||void 0},getTranslatedLabel:function(e,t){var n=this.getLanguageObj(),i="";return i="en"===this.language||this.isUndefined(n[e])||this.isUndefined(n[e].label)?this.formData.fields[t].label:n[e].label,this.showOptionalText(this.formData.fields[t])&&!this.isUndefined(this.getMessagingData("optional",this.language))&&(i="".concat(i," (").concat(this.getMessagingData("optional",this.language),")")),i},getTranslatedLegend:function(e,t){var n=this.getLanguageObj();return"en"===this.language||this.isUndefined(n[e])||this.isUndefined(n[e].descriptor)?this.formData.fields[t].descriptor:n[e].descriptor},getTranslatedInfo:function(e,t){var n=this.getLanguageObj();return"en"===this.language||this.isUndefined(n[e])||this.isUndefined(n[e].info)?this.formData.fields[t].info:n[e].info},getTranslatedValidation:function(e,t){var n,i=this.getLanguageObj();return"en"!==this.language||this.isUndefined(this.formData.fields[t].validationMessages)?this.isUndefined(i[e])||this.isUndefined(i[e].validationMessages)?"en"===this.language&&(n=this.formData.fields[t].validationMessages):n=i[e].validationMessages:n=this.formData.fields[t].validationMessages,n},getTranslatedOptions:function(e,t){var n=this.getLanguageObj(),i=[];return void 0===(i="en"===this.language||this.isUndefined(n[e])||this.isUndefined([e].options)?this.formData.fields[t].options:n[e].options)&&(i=[]),i},getTranslatedHint:function(e,t){var n=this.getLanguageObj();return"en"===this.language||this.isUndefined(n[e])||this.isUndefined(n[e].hint)?this.isUndefined(this.formData.fields[t].hint)?"":this.formData.fields[t].hint:n[e].hint},getTranslatedContent:function(e){var t=this.getLanguageObj();return"en"!==this.language||this.isUndefined(this.formData.content)||this.isUndefined(this.formData.content[e])?this.isUndefined(t.content)||this.isUndefined(t.content[e])?this.getMessagingData(e,this.language):t.content[e]:this.formData.content[e]},getMessagingData:function(e,t){return Object.keys(this.messagingData).length>0?this.messagingData[t][e]:"validation"===e?{}:""},getHiddenFields:function(){var e=this.$el.querySelectorAll("input[type=hidden]"),t={};return e.forEach((function(e){t[e.name]=e.value})),t},isUndefined:function(e){return void 0===e},updateFieldData:function(e){this.form[e.field]=e.value||"",Array.isArray(e.errors)?this.formIsInvalid=e.errors.length>0:this.formIsInvalid=null!==e.errors,this.manageErrorStatus(e.field,e.errors),this.checkConditionalFields()},manageErrorStatus:function(e,t){var n=this.errorFields.indexOf(e);-1!==n?(!t||t.length<1)&&this.errorFields.splice(n,1):t&&t.length>0&&this.errorFields.push(e)},showOptionalText:function(e){return!(!this.isUndefined(e.validation)&&!this.isUndefined(e.validation.required))},needsLabel:function(e){return"radio"!==e.element&&"submit"!==e.element&&"checkbox"!==e.element},preSubmit:function(e){var t=this;e.preventDefault(),this.isTest||this.onRecaptchaVerify(),this.triggerValidate=!0;var n=this.formData.fields.filter((function(e){return e.validation&&e.validation.required}));0===n.length?this.formIsInvalid=!1:n.forEach((function(e){if(!/\S/.test(t.form[e.name])){var n=!0;e.name in t.conditionalFields&&!t.conditionalFields[e.name]&&(n=!1),t.formIsInvalid=n}})),this.showErrorMessage=this.formIsInvalid,Object.entries(this.conditionalFields).forEach((function(e){var n=(0,a.A)(e,2),i=n[0];n[1]||(t.form[i]="")})),this.errorFields.length>0&&(this.formIsInvalid=!0),!this.formIsInvalid&&this.recaptchaVerified?this.isMarketo?this.marketoSubmit():this.axiosSubmit():(this.showErrorMessage=!0,this.reAlertErrors=!0,setTimeout((function(){t.reAlertErrors=!1}),100))},marketoSubmit:function(){var e=this;this.createDataLayerObject("formsDataEvent");var t=window.MktoForms2.allForms()[0];t.addHiddenFields(this.form),window.grecaptcha&&t.addHiddenFields({lastReCAPTCHAUserFingerprint:window.grecaptcha.getResponse(),lastRecaptchaEnabledFormID:this.formId}),t.onSuccess((function(){return e.submitting=!1,e.submitted=!0,e.attachEmail(),!1})),t.onSubmit((function(){e.submitting=!0})),t.submit()},axiosSubmit:function(){var e=this;this.submitting=!0;var t="";window.grecaptcha&&(t=window.grecaptcha.getResponse());var n=this.getHiddenFields();s.A.post(this.submitUrl,v(v(v({},this.form),n),{},{formType:this.formData.content?this.formData.content.formType:"","g-recaptcha-response":t})).then((function(){return e.submitting=!1,e.submitted=!0,e.attachEmail(),!1})).catch((function(){}))},attachEmail:function(){var e=this;this.formData.fields.forEach((function(t){"email"!==t.type||e.emailFieldName||(e.emailFieldName=t.name)})),this.emailFieldName&&"undefined"!=typeof exponea&&exponea.identify({email_id:this.form[this.emailFieldName]},null,null,null,!0)},onRecaptchaVerify:function(){window.grecaptcha&&"function"==typeof window.grecaptcha.getResponse&&""!==window.grecaptcha.getResponse()?this.recaptchaVerified=!0:this.recaptchaVerified=!1},checkConditionalFields:function(){var e=this;Object.keys(this.conditionalFields).forEach((function(t){var n=e.formData.fields.find((function(e){return e.name===t})),i=!0;Object.keys(n.conditional).forEach((function(a){var r=n.conditional[a];Array.isArray(r)?-1===r.indexOf(e.form[a])&&(i=!1):e.form[a]!==r&&(i=!1),i?e.conditionalFields[t]||(e.conditionalFields[t]=!0,e.$refs[t]&&e.$refs[t][0].manualValidate()):(e.manageErrorStatus(t,[]),e.conditionalFields[t]=!1)}))}))},conditionalElementClass:function(e){return!0===this.conditionalFields[e]||void 0===this.conditionalFields[e]?"":"d-none"}}}},83119:function(e,t,n){"use strict";n.d(t,{X:function(){return h}});var i=n(20641),a=n(53751),r=n(90033),s={class:"vs-form","data-test":"vs-form"},o=(0,i.Lk)("form",{class:"d-none"},null,-1),l={class:"vs-form__main-heading vs-heading vs-heading--heading-l float-none","data-test":"vs-form__main-heading"},d={key:0},u={"aria-live":"assertive"},f={key:0},c=["innerHTML"],g={key:2};function h(e,t,n,h,m,p){var v=(0,i.g2)("VsInput"),b=(0,i.g2)("VsSelect"),y=(0,i.g2)("VsCheckbox"),D=(0,i.g2)("BFormGroup"),F=(0,i.g2)("VsRecaptcha"),k=(0,i.g2)("VsButton"),E=(0,i.g2)("VsWarning"),O=(0,i.g2)("VsHeading");return(0,i.uX)(),(0,i.CE)("div",s,[o,m.submitted?(0,i.Q3)("",!0):((0,i.uX)(),(0,i.CE)("form",{key:0,onSubmit:t[0]||(t[0]=(0,a.withModifiers)((function(){return p.preSubmit&&p.preSubmit.apply(p,arguments)}),["prevent"]))},[(0,i.Lk)("fieldset",null,[(0,i.Lk)("legend",l,(0,r.toDisplayString)(p.getTranslatedContent("heading")),1),((0,i.uX)(!0),(0,i.CE)(i.FK,null,(0,i.pI)(m.formData.fields,(function(e,t){return(0,i.uX)(),(0,i.Wv)(D,{key:e.name,label:p.needsLabel(e)?p.getTranslatedLabel(e.name,t):"","label-for":p.needsLabel(e)?e.name:"",class:(0,r.normalizeClass)(p.conditionalElementClass(e.name))},{default:(0,i.k6)((function(){return[p.isUndefined(e.descriptor)||"checkbox"!==e.element?(0,i.Q3)("",!0):((0,i.uX)(),(0,i.CE)("legend",d,(0,r.toDisplayString)(p.getTranslatedLegend(e.name,t)),1)),(0,i.Lk)("div",{class:(0,r.normalizeClass)(p.conditionalElementClass(e.name))},["input"===e.element?((0,i.uX)(),(0,i.Wv)(v,{key:0,ref_for:!0,ref:e.name,onStatusUpdate:p.updateFieldData,"field-name":e.name,type:e.type,"validation-rules":e.validation||{},"validation-messages":p.getTranslatedValidation(e.name,t)||{},"generic-validation":p.getMessagingData("validation",n.language),invalid:m.errorFields.indexOf(e.name)>-1,"trigger-validate":m.triggerValidate,"hint-text":p.getTranslatedHint(e.name,t),placeholder:e.placeholder||"","re-alert-errors":m.reAlertErrors},null,8,["onStatusUpdate","field-name","type","validation-rules","validation-messages","generic-validation","invalid","trigger-validate","hint-text","placeholder","re-alert-errors"])):(0,i.Q3)("",!0),"select"===e.element?((0,i.uX)(),(0,i.Wv)(b,{key:1,options:p.getTranslatedOptions(e.name,t),ref_for:!0,ref:e.name,onStatusUpdate:p.updateFieldData,"field-name":e.name,"validation-rules":e.validation||{},"validation-messages":p.getTranslatedValidation(e.name,t)||{},"generic-validation":p.getMessagingData("validation",n.language),invalid:m.errorFields.indexOf(e.name)>-1,"trigger-validate":m.triggerValidate,"country-list-url":n.countryListUrl,countries:e.countries,"hint-text":p.getTranslatedHint(e.name,t),"re-alert-errors":m.reAlertErrors},null,8,["options","onStatusUpdate","field-name","validation-rules","validation-messages","generic-validation","invalid","trigger-validate","country-list-url","countries","hint-text","re-alert-errors"])):(0,i.Q3)("",!0),"checkbox"===e.element?((0,i.uX)(),(0,i.Wv)(y,{key:e.name,ref_for:!0,ref:e.name,name:e.name,value:e.value,label:p.getTranslatedLabel(e.name,t),onStatusUpdate:p.updateFieldData,"field-name":e.name,"validation-rules":e.validation||{},"validation-messages":p.getTranslatedValidation(e.name,t)||{},"generic-validation":p.getMessagingData("validation",n.language),invalid:m.errorFields.indexOf(e.name)>-1,"trigger-validate":m.triggerValidate,"optional-text":p.getMessagingData("optional",n.language),"hint-text":p.getTranslatedHint(e.name,t),"info-text":p.getTranslatedInfo(e.name,t),"re-alert-errors":m.reAlertErrors},null,8,["name","value","label","onStatusUpdate","field-name","validation-rules","validation-messages","generic-validation","invalid","trigger-validate","optional-text","hint-text","info-text","re-alert-errors"])):(0,i.Q3)("",!0)],2)]})),_:2},1032,["label","label-for","class"])})),128))]),(0,i.RG)(e.$slots,"hidden-fields"),(0,i.bF)(F,{onVerified:p.onRecaptchaVerify,"site-key":n.recaptchaKey,invalid:!m.recaptchaVerified&&m.showErrorMessage,language:n.language,"error-msg":p.getMessagingData("recaptchaError",n.language),class:"mt-300","textarea-label":n.recaptchaTextareaLabel,"re-alert-errors":m.reAlertErrors},null,8,["onVerified","site-key","invalid","language","error-msg","textarea-label","re-alert-errors"]),(0,i.bF)(k,{variant:"primary",type:"submit",class:"vs-form__submit mt-300",onClick:p.preSubmit},{default:(0,i.k6)((function(){return[(0,i.eW)((0,r.toDisplayString)(p.getTranslatedContent("submit")),1)]})),_:1},8,["onClick"])],32)),(0,i.bF)(E,{class:"vs-form__no-js"},{default:(0,i.k6)((function(){return[(0,i.RG)(e.$slots,"no-js")]})),_:3}),(0,i.Lk)("div",u,[m.submitting?((0,i.uX)(),(0,i.CE)("p",f,[(0,i.RG)(e.$slots,"submitting")])):(0,i.Q3)("",!0),m.submitted?((0,i.uX)(),(0,i.CE)(i.FK,{key:1},[p.getTranslatedContent("successHeading")?((0,i.uX)(),(0,i.Wv)(O,{key:0,level:"2",headingStyle:"heading-l"},{default:(0,i.k6)((function(){return[(0,i.eW)((0,r.toDisplayString)(p.getTranslatedContent("successHeading")),1)]})),_:1})):(0,i.Q3)("",!0),(0,i.Lk)("p",{class:"vs-form__content",innerHTML:p.getTranslatedContent("successContent")},null,8,c)],64)):(0,i.Q3)("",!0),m.submitError?((0,i.uX)(),(0,i.CE)("p",g,[(0,i.RG)(e.$slots,"submit-error")])):(0,i.Q3)("",!0)])])}},22049:function(e,t,n){"use strict";var i=n(85072),a=n.n(i),r=n(97825),s=n.n(r),o=n(77659),l=n.n(o),d=n(55056),u=n.n(d),f=n(10540),c=n.n(f),g=n(41113),h=n.n(g),m=n(35151),p=n.n(m),v={};v.styleTagTransform=h(),v.setAttributes=u(),v.insert=l().bind(null,"head"),v.domAPI=s(),v.insertStyleElement=c(),a()(p(),v),p()&&p().locals&&p().locals},19464:function(e,t,n){"use strict";n.r(t);var i=n(41919),a=n(18668);n(41733);const r=(0,n(66262).A)(a.A,[["render",i.X]]);t.default=r},18668:function(e,t,n){"use strict";n.d(t,{A:function(){return i.A}});var i=n(97272)},41919:function(e,t,n){"use strict";n.d(t,{X:function(){return i.X}});var i=n(83119)},41733:function(e,t,n){"use strict";n(22049)}},function(e){return e.O(0,[641,6262,7510,3751,4352,4467,7527,8086,810,2543,3453,281,7536,7171,6422,8745,8836,3838,9122,4282,2142,1688,6358,8258],(function(){return 19464,e(e.s=19464)})),e.O()}])}));

package/dist/client/scripts/{e01645194877fcfa2a34.js → ba8f41c29c056d44e5d6.js}

@@ -1 +1 @@
-!function(t,e){"object"==typeof exports&&"object"==typeof module?module.exports=e():"function"==typeof define&&define.amd?define([],e):"object"==typeof exports?exports.VsImageWithCaption=e():t.VsImageWithCaption=e()}(self,(function(){return(self.webpackChunk_visitscotland_component_library=self.webpackChunk_visitscotland_component_library||[]).push([[6929],{52739:function(){},84224:function(t,e,i){"use strict";var o=i(31574),n=i(17933),a=i(70459);e.A={name:"VsImageWithCaption",status:"prototype",release:"0.0.1",components:{VsImg:o.default,VsToggleButton:n.default,VsVideoCaption:a.default},provide:function(){return{noJsMessage:this.noJsMessage,errorMessage:this.errorMessage}},props:{altText:{type:String,default:""},closedDefaultCaption:{type:Boolean,default:!1},imageSrc:{type:String,default:""},isHeroImage:{type:Boolean,default:!1},isVideo:{type:Boolean,default:!1},mobileOverlap:{type:Boolean,default:!1},toggleButtonText:{type:String,default:""},playButtonText:{type:String,default:""},videoId:{type:String,default:""},smallPlayButton:{type:Boolean,default:!1},noJsMessage:{type:String,default:""},useLazyLoading:{type:Boolean,default:!0},errorMessage:{type:String,default:""},showToggle:{type:Boolean,default:!0}},data:function(){return{showCaption:!1,uniqueCaptionId:""}},computed:{imageWithCaptionClasses:function(){return{"vs-image-with-caption--closed-default":this.closedDefaultCaption,"vs-image-with-caption--hero":this.isHeroImage,"vs-image-with-caption--video":this.isVideo}},captionWrapperClasses:function(){return{"d-block":this.showCaption&&!this.isHeroImage,"d-flex":this.showCaption&&this.isHeroImage||this.showCaption&&this.isVideo,container:this.isHeroImage}}},mounted:function(){this.uniqueCaptionId=this._uid},methods:{toggleCaption:function(){this.showCaption=!this.showCaption}}}},89255:function(t,e,i){"use strict";i.d(e,{X:function(){return l}});var o=i(20641),n=i(90033),a={class:"visually-hidden"},s={class:"vs-image-with-caption__captions"},r=["id"];function l(t,e,i,l,u,g){var c=(0,o.g2)("VsImg"),p=(0,o.g2)("VsToggleButton"),d=(0,o.g2)("VsVideoCaption");return(0,o.uX)(),(0,o.CE)("figure",{class:(0,n.normalizeClass)(["vs-image-with-caption",g.imageWithCaptionClasses]),"data-test":"vs-image-with-caption"},[(0,o.Lk)("div",{class:(0,n.normalizeClass)(["vs-image-with-caption__image-wrapper",i.mobileOverlap?"vs-image-with-caption--overlapped":""])},[(0,o.RG)(t.$slots,"default",{},(function(){return[i.imageSrc?((0,o.uX)(),(0,o.Wv)(c,{key:0,src:i.imageSrc,alt:i.altText,"use-lazy-loading":i.useLazyLoading},null,8,["src","alt","use-lazy-loading"])):(0,o.Q3)("",!0)]})),i.showToggle?((0,o.uX)(),(0,o.Wv)(p,{key:0,"img-src":i.imageSrc,"toggle-id":u.uniqueCaptionId,onToggleAction:g.toggleCaption},{"toggle-icon":(0,o.k6)((function(){return[(0,o.RG)(t.$slots,"toggle-icon")]})),default:(0,o.k6)((function(){return[(0,o.Lk)("span",a,(0,n.toDisplayString)(i.toggleButtonText),1)]})),_:3},8,["img-src","toggle-id","onToggleAction"])):(0,o.Q3)("",!0)],2),(0,o.Lk)("figcaption",s,[i.isVideo?((0,o.uX)(),(0,o.CE)("div",{key:0,class:(0,n.normalizeClass)(["vs-image-with-caption__video-caption-wrapper",i.isHeroImage?"container-lg":""])},[(0,o.bF)(d,{"video-btn-text":i.playButtonText,"with-toggle-btn":i.showToggle,onToggleAction:g.toggleCaption,"video-id":i.videoId,"error-message":i.errorMessage,variant:i.smallPlayButton?"narrow":"wide"},{"video-title":(0,o.k6)((function(){return[(0,o.RG)(t.$slots,"video-title")]})),_:3},8,["video-btn-text","with-toggle-btn","onToggleAction","video-id","error-message","variant"])],2)):(0,o.Q3)("",!0),(0,o.Lk)("div",{class:(0,n.normalizeClass)(["vs-image-with-caption__caption-wrapper",g.captionWrapperClasses]),id:u.uniqueCaptionId},[(0,o.RG)(t.$slots,"img-caption")],10,r)])],2)}},4525:function(t,e,i){"use strict";var o=i(85072),n=i.n(o),a=i(97825),s=i.n(a),r=i(77659),l=i.n(r),u=i(55056),g=i.n(u),c=i(10540),p=i.n(c),d=i(41113),f=i.n(d),m=i(52739),h=i.n(m),v={};v.styleTagTransform=f(),v.setAttributes=g(),v.insert=l().bind(null,"head"),v.domAPI=s(),v.insertStyleElement=p(),n()(h(),v),h()&&h().locals&&h().locals},46004:function(t,e,i){"use strict";i.r(e);var o=i(10743),n=i(77012);i(8857);const a=(0,i(66262).A)(n.A,[["render",o.X]]);e.default=a},77012:function(t,e,i){"use strict";i.d(e,{A:function(){return o.A}});var o=i(84224)},10743:function(t,e,i){"use strict";i.d(e,{X:function(){return o.X}});var o=i(89255)},8857:function(t,e,i){"use strict";i(4525)}},function(t){return t.O(0,[641,6262,7510,3751,4352,4467,7527,8086,810,6422,8745,8836,9122,1574,5921,7933,459],(function(){return 46004,t(t.s=46004)})),t.O()}])}));
+!function(t,e){"object"==typeof exports&&"object"==typeof module?module.exports=e():"function"==typeof define&&define.amd?define([],e):"object"==typeof exports?exports.VsImageWithCaption=e():t.VsImageWithCaption=e()}(self,(function(){return(self.webpackChunk_visitscotland_component_library=self.webpackChunk_visitscotland_component_library||[]).push([[6929],{52739:function(){},84224:function(t,e,i){"use strict";var o=i(31574),n=i(17933),a=i(70459);e.A={name:"VsImageWithCaption",status:"prototype",release:"0.0.1",components:{VsImg:o.default,VsToggleButton:n.default,VsVideoCaption:a.default},provide:function(){return{noJsMessage:this.noJsMessage,errorMessage:this.errorMessage}},props:{altText:{type:String,default:""},closedDefaultCaption:{type:Boolean,default:!1},imageSrc:{type:String,default:""},isHeroImage:{type:Boolean,default:!1},isVideo:{type:Boolean,default:!1},mobileOverlap:{type:Boolean,default:!1},toggleButtonText:{type:String,default:""},playButtonText:{type:String,default:""},videoId:{type:String,default:""},smallPlayButton:{type:Boolean,default:!1},noJsMessage:{type:String,default:""},useLazyLoading:{type:Boolean,default:!0},errorMessage:{type:String,default:""},showToggle:{type:Boolean,default:!0}},data:function(){return{showCaption:!1,uniqueCaptionId:""}},computed:{imageWithCaptionClasses:function(){return{"vs-image-with-caption--closed-default":this.closedDefaultCaption,"vs-image-with-caption--hero":this.isHeroImage,"vs-image-with-caption--video":this.isVideo}},captionWrapperClasses:function(){return{"d-block":this.showCaption&&!this.isHeroImage,"d-flex":this.showCaption&&this.isHeroImage||this.showCaption&&this.isVideo,container:this.isHeroImage}}},mounted:function(){this.uniqueCaptionId=this._uid},methods:{toggleCaption:function(){this.showCaption=!this.showCaption}}}},89255:function(t,e,i){"use strict";i.d(e,{X:function(){return l}});var o=i(20641),n=i(90033),a={class:"visually-hidden"},s={class:"vs-image-with-caption__captions"},r=["id"];function l(t,e,i,l,u,g){var c=(0,o.g2)("VsImg"),p=(0,o.g2)("VsToggleButton"),d=(0,o.g2)("VsVideoCaption");return(0,o.uX)(),(0,o.CE)("figure",{class:(0,n.normalizeClass)(["vs-image-with-caption",g.imageWithCaptionClasses]),"data-test":"vs-image-with-caption"},[(0,o.Lk)("div",{class:(0,n.normalizeClass)(["vs-image-with-caption__image-wrapper",i.mobileOverlap?"vs-image-with-caption--overlapped":""])},[(0,o.RG)(t.$slots,"default",{},(function(){return[i.imageSrc?((0,o.uX)(),(0,o.Wv)(c,{key:0,src:i.imageSrc,alt:i.altText,"use-lazy-loading":i.useLazyLoading},null,8,["src","alt","use-lazy-loading"])):(0,o.Q3)("",!0)]})),i.showToggle?((0,o.uX)(),(0,o.Wv)(p,{key:0,"img-src":i.imageSrc,"toggle-id":u.uniqueCaptionId,onToggleAction:g.toggleCaption},{"toggle-icon":(0,o.k6)((function(){return[(0,o.RG)(t.$slots,"toggle-icon")]})),default:(0,o.k6)((function(){return[(0,o.Lk)("span",a,(0,n.toDisplayString)(i.toggleButtonText),1)]})),_:3},8,["img-src","toggle-id","onToggleAction"])):(0,o.Q3)("",!0)],2),(0,o.Lk)("figcaption",s,[i.isVideo?((0,o.uX)(),(0,o.CE)("div",{key:0,class:(0,n.normalizeClass)(["vs-image-with-caption__video-caption-wrapper",i.isHeroImage?"container-lg":""])},[(0,o.bF)(d,{"video-btn-text":i.playButtonText,"with-toggle-btn":i.showToggle,onToggleAction:g.toggleCaption,"video-id":i.videoId,"error-message":i.errorMessage,variant:i.smallPlayButton?"narrow":"wide"},{"video-title":(0,o.k6)((function(){return[(0,o.RG)(t.$slots,"video-title")]})),_:3},8,["video-btn-text","with-toggle-btn","onToggleAction","video-id","error-message","variant"])],2)):(0,o.Q3)("",!0),(0,o.Lk)("div",{class:(0,n.normalizeClass)(["vs-image-with-caption__caption-wrapper",g.captionWrapperClasses]),id:u.uniqueCaptionId},[(0,o.RG)(t.$slots,"img-caption")],10,r)])],2)}},4525:function(t,e,i){"use strict";var o=i(85072),n=i.n(o),a=i(97825),s=i.n(a),r=i(77659),l=i.n(r),u=i(55056),g=i.n(u),c=i(10540),p=i.n(c),d=i(41113),f=i.n(d),m=i(52739),h=i.n(m),v={};v.styleTagTransform=f(),v.setAttributes=g(),v.insert=l().bind(null,"head"),v.domAPI=s(),v.insertStyleElement=p(),n()(h(),v),h()&&h().locals&&h().locals},46004:function(t,e,i){"use strict";i.r(e);var o=i(33124),n=i(77012);i(8857);const a=(0,i(66262).A)(n.A,[["render",o.X]]);e.default=a},77012:function(t,e,i){"use strict";i.d(e,{A:function(){return o.A}});var o=i(84224)},33124:function(t,e,i){"use strict";i.d(e,{X:function(){return o.X}});var o=i(89255)},8857:function(t,e,i){"use strict";i(4525)}},function(t){return t.O(0,[641,6262,7510,3751,4352,4467,7527,8086,810,6422,8745,8836,9122,1574,5921,7933,459],(function(){return 46004,t(t.s=46004)})),t.O()}])}));

package/dist/client/styles/74f9fa1adcbb7919c544.css

@@ -0,0 +1 @@
+[class*=vs-heading--display-]{font-family:"evelethclean-regular",sans-serif,"Source Sans Pro",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol";letter-spacing:.02em}[class*=vs-heading--display-] .vs-heading__sub-heading{font-family:var(--bs-font-sans-serif);font-weight:600}[class*=vs-heading--heading-]{letter-spacing:-0.01em}.vs-heading{line-height:1.2;font-weight:600}.vs-heading--display-l{font-size:2.875rem;margin:1rem 0 .75rem}.vs-heading--display-m{font-size:2.5625rem;margin:1rem 0 .75rem}.vs-heading--display-s{font-size:2rem;margin:1rem 0 .75rem}.vs-heading--display-xs{font-size:1.4375rem;margin:1rem 0 .75rem}.vs-heading--heading-xxl{font-size:2.5625rem;margin:1rem 0 .75rem}.vs-heading--heading-xl{font-size:2.25rem;margin:1rem 0 .75rem}.vs-heading--heading-l{font-size:2rem;margin:1rem 0 .75rem}.vs-heading--heading-m{font-size:1.8125rem;margin:.75rem 0 .5rem}.vs-heading--heading-s{font-size:1.625rem;margin:.75rem 0 .5rem}.vs-heading--heading-xs{font-size:1.4375rem;margin:.75rem 0 .5rem}.vs-heading--heading-xxs{font-size:1.25rem;margin:.75rem 0 .5rem}.vs-heading .vs-heading__sub-heading{display:block;font-weight:400;line-height:1.3;letter-spacing:0em}.vs-heading .vs-heading__sub-heading--l{font-size:1.4375rem;margin-top:.5rem}.vs-heading .vs-heading__sub-heading--m{font-size:1.25rem;margin-top:.25rem}.vs-heading .vs-heading__sub-heading--s{font-size:1.125rem;margin-top:.25rem}