@visitscotland/component-library 5.1.0 → 5.1.2

package/dist/ssr/manifest.json

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

package/package.json

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

package/dist/client/scripts/e1d08375d60e1ad4b8ad.js

@@ -1 +0,0 @@
-!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],{18668:function(e,t,a){"use strict";a.d(t,{A:function(){return n.A}});var n=a(97272)},19464:function(e,t,a){"use strict";a.r(t);var n=a(30214),i=a(18668);a(90956);const r=(0,a(66262).A)(i.A,[["render",n.X]]);t.default=r},30214:function(e,t,a){"use strict";a.d(t,{X:function(){return n.X}});var n=a(67094)},67094:function(e,t,a){"use strict";a.d(t,{X:function(){return g}});var n=a(20641),i=a(53751),r=a(90033),s={class:"vs-form","data-test":"vs-form"},o={class:"vs-form__main-heading vs-heading vs-heading--heading-l float-none","data-test":"vs-form__main-heading"},l={key:0},d={"aria-live":"assertive"},u={key:0},f=["innerHTML"],c={key:2,class:"mt-200"};function g(e,t,a,g,m,h){var p=(0,n.g2)("VsInput"),v=(0,n.g2)("VsSelect"),b=(0,n.g2)("VsCheckbox"),y=(0,n.g2)("VsTextarea"),D=(0,n.g2)("BFormGroup"),F=(0,n.g2)("VsRecaptcha"),k=(0,n.g2)("VsButton"),E=(0,n.g2)("VsWarning"),S=(0,n.g2)("VsHeading");return(0,n.uX)(),(0,n.CE)("div",s,[t[1]||(t[1]=(0,n.Lk)("form",{class:"d-none"},null,-1)),m.submitted?(0,n.Q3)("",!0):((0,n.uX)(),(0,n.CE)("form",{key:0,onSubmit:t[0]||(t[0]=(0,i.withModifiers)((function(){return h.preSubmit&&h.preSubmit.apply(h,arguments)}),["prevent"]))},[(0,n.Lk)("fieldset",null,[(0,n.Lk)("legend",o,(0,r.toDisplayString)(h.getTranslatedContent("heading")),1),((0,n.uX)(!0),(0,n.CE)(n.FK,null,(0,n.pI)(m.formData.fields,(function(e,t){return(0,n.uX)(),(0,n.Wv)(D,{key:e.name,label:h.needsLabel(e)?h.getTranslatedLabel(e.name,t):"","label-for":h.needsLabel(e)?e.name:"",class:(0,r.normalizeClass)(h.conditionalElementClass(e.name))},{default:(0,n.k6)((function(){return[h.isUndefined(e.descriptor)||"checkbox"!==e.element?(0,n.Q3)("",!0):((0,n.uX)(),(0,n.CE)("legend",l,(0,r.toDisplayString)(h.getTranslatedLegend(e.name,t)),1)),(0,n.Lk)("div",{class:(0,r.normalizeClass)(h.conditionalElementClass(e.name))},["input"===e.element?((0,n.uX)(),(0,n.Wv)(p,{key:0,ref_for:!0,ref:e.name,onStatusUpdate:h.updateFieldData,"field-name":e.name,type:e.type,"validation-rules":e.validation||{},"validation-messages":h.getTranslatedValidation(e.name,t)||{},"generic-validation":h.getMessagingData("validation",a.language),invalid:m.errorFields.indexOf(e.name)>-1,"trigger-validate":m.triggerValidate,"hint-text":h.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,n.Q3)("",!0),"select"===e.element?((0,n.uX)(),(0,n.Wv)(v,{key:1,options:h.getTranslatedOptions(e.name,t),ref_for:!0,ref:e.name,onStatusUpdate:h.updateFieldData,"field-name":e.name,"validation-rules":e.validation||{},"validation-messages":h.getTranslatedValidation(e.name,t)||{},"generic-validation":h.getMessagingData("validation",a.language),invalid:m.errorFields.indexOf(e.name)>-1,"trigger-validate":m.triggerValidate,"country-list-url":a.countryListUrl,countries:e.countries,"hint-text":h.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,n.Q3)("",!0),"checkbox"===e.element?((0,n.uX)(),(0,n.Wv)(b,{key:e.name,ref_for:!0,ref:e.name,name:e.name,value:e.value,label:h.getTranslatedLabel(e.name,t),onStatusUpdate:h.updateFieldData,"field-name":e.name,"validation-rules":e.validation||{},"validation-messages":h.getTranslatedValidation(e.name,t)||{},"generic-validation":h.getMessagingData("validation",a.language),invalid:m.errorFields.indexOf(e.name)>-1,"trigger-validate":m.triggerValidate,"optional-text":h.getMessagingData("optional",a.language),"hint-text":h.getTranslatedHint(e.name,t),"info-text":h.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,n.Q3)("",!0),"textarea"===e.element?((0,n.uX)(),(0,n.Wv)(y,{key:3,ref_for:!0,ref:e.name,onStatusUpdate:h.updateFieldData,"field-name":e.name,"validation-rules":e.validation||{},"validation-messages":h.getTranslatedValidation(e.name,t)||{},"generic-validation":h.getMessagingData("validation",a.language),invalid:m.errorFields.indexOf(e.name)>-1,"trigger-validate":m.triggerValidate,"hint-text":h.getTranslatedHint(e.name,t),placeholder:e.placeholder||"","re-alert-errors":m.reAlertErrors,rows:e.rows||null},null,8,["onStatusUpdate","field-name","validation-rules","validation-messages","generic-validation","invalid","trigger-validate","hint-text","placeholder","re-alert-errors","rows"])):(0,n.Q3)("",!0)],2)]})),_:2},1032,["label","label-for","class"])})),128))]),(0,n.RG)(e.$slots,"hidden-fields"),(0,n.bF)(F,{onVerified:h.onRecaptchaVerify,"site-key":a.recaptchaKey,invalid:!m.recaptchaVerified&&m.showErrorMessage,language:a.language,"error-msg":h.getMessagingData("recaptchaError",a.language),class:"mt-300","textarea-label":a.recaptchaTextareaLabel,"re-alert-errors":m.reAlertErrors},null,8,["onVerified","site-key","invalid","language","error-msg","textarea-label","re-alert-errors"]),(0,n.bF)(k,{variant:"primary",type:"submit",class:"vs-form__submit mt-300",onClick:h.preSubmit},{default:(0,n.k6)((function(){return[(0,n.eW)((0,r.toDisplayString)(h.getTranslatedContent("submit")),1)]})),_:1},8,["onClick"])],32)),(0,n.bF)(E,{class:"vs-form__no-js"},{default:(0,n.k6)((function(){return[(0,n.RG)(e.$slots,"no-js")]})),_:3}),(0,n.Lk)("div",d,[m.submitting?((0,n.uX)(),(0,n.CE)("p",u,[(0,n.RG)(e.$slots,"submitting")])):(0,n.Q3)("",!0),m.submitted?((0,n.uX)(),(0,n.CE)(n.FK,{key:1},[h.getTranslatedContent("successHeading")?((0,n.uX)(),(0,n.Wv)(S,{key:0,level:"2","heading-style":"heading-l"},{default:(0,n.k6)((function(){return[(0,n.eW)((0,r.toDisplayString)(h.getTranslatedContent("successHeading")),1)]})),_:1})):(0,n.Q3)("",!0),(0,n.Lk)("p",{class:"vs-form__content",innerHTML:h.getTranslatedContent("successContent")},null,8,f)],64)):(0,n.Q3)("",!0),m.submitError?((0,n.uX)(),(0,n.CE)("p",c,[(0,n.RG)(e.$slots,"submit-error")])):(0,n.Q3)("",!0)])])}},78208:function(e,t,a){"use strict";var n=a(85072),i=a.n(n),r=a(97825),s=a.n(r),o=a(77659),l=a.n(o),d=a(55056),u=a.n(d),f=a(10540),c=a.n(f),g=a(41113),m=a.n(g),h=a(87806),p=a.n(h),v={};v.styleTagTransform=m(),v.setAttributes=u(),v.insert=l().bind(null,"head"),v.domAPI=s(),v.insertStyleElement=c(),i()(p(),v),p()&&p().locals&&p().locals},87806:function(){},90956:function(e,t,a){"use strict";a(78208)},97272:function(e,t,a){"use strict";var n=a(64467),i=a(3453),r=a(89394),s=a(34352),o=a(57536),l=a(88620),d=a(22142),u=a(51688),f=a(26358),c=a(88258),g=a(48836),m=a(13838),h=a(79122),p=a(11696),v=a(98745);function b(e,t){var a=Object.keys(e);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);t&&(n=n.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),a.push.apply(a,n)}return a}function y(e){for(var t=1;t<arguments.length;t++){var a=null!=arguments[t]?arguments[t]:{};t%2?b(Object(a),!0).forEach((function(t){(0,n.A)(e,t,a[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(a)):b(Object(a)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(a,t))}))}return e}t.A={name:"VsForm",status:"prototype",release:"0.0.1",components:{VsInput:d.default,VsSelect:u.default,VsCheckbox:f.default,BFormGroup:s.a3,VsRecaptcha:c.default,VsButton:g.default,VsHeading:m.default,VsWarning:h.default,VsTextarea:p.default},mixins:[v.default],props:{isMarketo:{type:Boolean,default:!0},submitUrl:{type:String,default:""},dataUrl:{type:String,required:!0},recaptchaKey:{type:String,default:(0,l.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;o.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;o.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 a=this.getLanguageObj(),n="";return n="en"===this.language||this.isUndefined(a[e])||this.isUndefined(a[e].label)?this.formData.fields[t].label:a[e].label,this.showOptionalText(this.formData.fields[t])&&!this.isUndefined(this.getMessagingData("optional",this.language))&&(n="".concat(n," (").concat(this.getMessagingData("optional",this.language),")")),n},getTranslatedLegend:function(e,t){var a=this.getLanguageObj();return"en"===this.language||this.isUndefined(a[e])||this.isUndefined(a[e].descriptor)?this.formData.fields[t].descriptor:a[e].descriptor},getTranslatedInfo:function(e,t){var a=this.getLanguageObj();return"en"===this.language||this.isUndefined(a[e])||this.isUndefined(a[e].info)?this.formData.fields[t].info:a[e].info},getTranslatedValidation:function(e,t){var a,n=this.getLanguageObj();return"en"!==this.language||this.isUndefined(this.formData.fields[t].validationMessages)?this.isUndefined(n[e])||this.isUndefined(n[e].validationMessages)?"en"===this.language&&(a=this.formData.fields[t].validationMessages):a=n[e].validationMessages:a=this.formData.fields[t].validationMessages,a},getTranslatedOptions:function(e,t){var a=this.getLanguageObj(),n=[];return void 0===(n="en"===this.language||this.isUndefined(a[e])||this.isUndefined([e].options)?this.formData.fields[t].options:a[e].options)&&(n=[]),n},getTranslatedHint:function(e,t){var a=this.getLanguageObj();return"en"===this.language||this.isUndefined(a[e])||this.isUndefined(a[e].hint)?this.isUndefined(this.formData.fields[t].hint)?"":this.formData.fields[t].hint:a[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(){return(0,r.A)(this.$el.querySelectorAll("input[type=hidden]")).map(this.parseBooleanStringsFromInputField).reduce((function(e,t){return e[t.name]=t.value,e}),{})},parseBooleanStringsFromInputField:function(e){var t=e.value;return"true"===t?t=!0:"false"===t&&(t=!1),{name:e.name,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 a=this.errorFields.indexOf(e);-1!==a?(!t||t.length<1)&&this.errorFields.splice(a,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.submitError=!1,this.isTest||this.onRecaptchaVerify(),this.triggerValidate=!0;var a=this.formData.fields.filter((function(e){return e.validation&&e.validation.required}));0===a.length?this.formIsInvalid=!1:a.forEach((function(e){if(!/\S/.test(t.form[e.name])){var a=!0;e.name in t.conditionalFields&&!t.conditionalFields[e.name]&&(a=!1),t.formIsInvalid=a}})),this.showErrorMessage=this.formIsInvalid,Object.entries(this.conditionalFields).forEach((function(e){var a=(0,i.A)(e,2),n=a[0];a[1]||(t.form[n]="")})),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.createDataLayerObject("formsDataEvent"),this.submitting=!0;var t="";window.grecaptcha&&(t=window.grecaptcha.getResponse());var a=this.getHiddenFields();o.A.post(this.submitUrl,y(y(y({},this.form),a),{},{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(){return e.submitError=!0,!1}))},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]},{},(function(){}),(function(){}),!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 a=e.formData.fields.find((function(e){return e.name===t})),n=!0;Object.keys(a.conditional).forEach((function(i){var r=a.conditional[i];Array.isArray(r)?-1===r.indexOf(e.form[i])&&(n=!1):e.form[i]!==r&&(n=!1),n?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"}}}}},function(e){return e.O(0,[641,6262,7510,3751,4352,4467,7527,8086,810,7800,9394,2543,3453,281,7536,7171,4982,6422,8745,8836,3838,4580,9122,4282,2142,1688,6358,1696,8258],(function(){return e(e.s=19464)})),e.O()}])}));

package/dist/client/scripts/e710f6f0902cdd4f7414.js

@@ -1 +0,0 @@
-(self.webpackChunk_visitscotland_component_library=self.webpackChunk_visitscotland_component_library||[]).push([[9116],{10173:function(){},11736:function(e,t,s){"use strict";s.d(t,{A:function(){return i.A}});var i=s(90020)},23923:function(e,t,s){"use strict";s(59215)},59116:function(e,t,s){"use strict";s.r(t);var i=s(94861),n=s(11736);s(23923);const r=(0,s(66262).A)(n.A,[["render",i.X]]);t.default=r},59215:function(e,t,s){"use strict";var i=s(85072),n=s.n(i),r=s(97825),a=s.n(r),d=s(77659),o=s.n(d),l=s(55056),c=s.n(l),u=s(10540),h=s.n(u),g=s(41113),k=s.n(g),v=s(10173),f=s.n(v),y={};y.styleTagTransform=k(),y.setAttributes=c(),y.insert=o().bind(null,"head"),y.domAPI=a(),y.insertStyleElement=h(),n()(f(),y),f()&&f().locals&&f().locals},89565:function(e,t,s){"use strict";s.d(t,{X:function(){return c}});var i=s(20641),n=s(90033),r={key:0,class:"vs-stretched-link-card__video-btn-text"},a={key:4,class:"card-body"},d={key:0,class:"vs-stretched-link-card__category","data-test":"vs-stretched-link-card__category"},o={class:"vs-stretched-link-card__content","data-test":"vs-stretched-link-card__content"},l={key:2,class:"vs-stretched-link-card__badges","data-test":"vs-stretched-link-card__badges"};function c(e,t,s,c,u,h){var g=(0,i.g2)("VsWarning"),k=(0,i.g2)("VsImg"),v=(0,i.g2)("VsButton"),f=(0,i.g2)("VsLink"),y=(0,i.g2)("VsHeading");return(0,i.uX)(),(0,i.CE)("div",{class:(0,n.normalizeClass)(["card vs-stretched-link-card",h.stretchedLinkCardClasses]),"data-test":"vs-stretched-link-card",onClick:t[0]||(t[0]=function(){return h.emitShowModal&&h.emitShowModal.apply(h,arguments)}),onKeypress:t[1]||(t[1]=function(){return h.emitShowModal&&h.emitShowModal.apply(h,arguments)})},["full"===h.showWarning?((0,i.uX)(),(0,i.Wv)(g,{key:0,size:s.warningSize,type:h.showCookieWarning?"cookie":"normal","data-test":"vs-stretched-link-card__full-warning",class:"vs-stretched-link-card__full-warning"},(0,i.eX)({default:(0,i.k6)((function(){return[(0,i.eW)((0,n.toDisplayString)(h.warningMessage)+" ",1)]})),_:2},[""!==h.cookieLinkText&&h.showCookieWarning?{name:"button-text",fn:(0,i.k6)((function(){return[(0,i.eW)((0,n.toDisplayString)(h.cookieLinkText),1)]})),key:"0"}:void 0]),1032,["size","type"])):(0,i.Q3)("",!0),"full"===s.errorType&&""!==s.videoId?((0,i.uX)(),(0,i.Wv)(g,{key:1,size:s.warningSize,"data-test":"vs-stretched-link-card__full-warning",class:"vs-stretched-link-card__full-warning vs-stretched-link-card__full-warning--no-js"},{default:(0,i.k6)((function(){return[(0,i.eW)((0,n.toDisplayString)(h.noJsMessage),1)]})),_:1},8,["size"])):(0,i.Q3)("",!0),s.imgSrc?((0,i.uX)(),(0,i.CE)("div",{key:2,class:(0,n.normalizeClass)(["vs-stretched-link-card__img-container",h.warningClass])},[s.imgSrc?((0,i.uX)(),(0,i.CE)(i.FK,{key:0},[(0,i.bF)(k,{src:s.imgSrc,alt:s.imgAlt,class:(0,n.normalizeClass)(["vs-stretched-link-card__img",h.isSvg?"vs-stretched-link-card__img--svg":""]),"data-test":"vs-stretched-link-card__img","data-chromatic":"ignore"},null,8,["src","alt","class"]),s.videoId&&h.videoLoaded&&e.requiredCookiesExist?((0,i.uX)(),(0,i.Wv)(v,{key:0,class:"vs-stretched-link-card__video-button","data-test":"vs-stretched-link-card__video-button",icon:"fa-regular fa-play","icon-position":"left",size:"md",ref:"videoShow",rounded:!1,onClick:h.emitShowModal},{default:(0,i.k6)((function(){return[s.videoBtnText?((0,i.uX)(),(0,i.CE)("span",r,(0,n.toDisplayString)(h.formattedVideoBtnText),1)):(0,i.Q3)("",!0),(0,i.eW)(" "+(0,n.toDisplayString)(h.formattedVideoDuration),1)]})),_:1},8,["onClick"])):(0,i.Q3)("",!0)],64)):(0,i.Q3)("",!0),"image"===h.showWarning?((0,i.uX)(),(0,i.Wv)(g,{key:1,size:s.warningSize,type:h.showCookieWarning?"cookie":"normal","data-test":"vs-stretched-link-card__image-warning",class:"vs-stretched-link-card__image-warning"},(0,i.eX)({default:(0,i.k6)((function(){return[(0,i.eW)((0,n.toDisplayString)(h.warningMessage)+" ",1)]})),_:2},[""!==h.cookieLinkText&&h.showCookieWarning?{name:"button-text",fn:(0,i.k6)((function(){return[(0,i.eW)((0,n.toDisplayString)(h.cookieLinkText),1)]})),key:"0"}:void 0]),1032,["size","type"])):(0,i.Q3)("",!0),""!==s.videoId&&"image"===s.errorType?((0,i.uX)(),(0,i.Wv)(g,{key:2,size:s.warningSize,"data-test":"vs-stretched-link-card__warning",class:"vs-stretched-link-card__image-warning vs-stretched-link-card__image-warning--no-js"},{default:(0,i.k6)((function(){return[(0,i.eW)((0,n.toDisplayString)(h.noJsMessage),1)]})),_:1},8,["size"])):(0,i.Q3)("",!0)],2)):(0,i.Q3)("",!0),e.$slots["stretched-card-panels"]&&e.$slots["stretched-card-panels"]()?(0,i.RG)(e.$slots,"stretched-card-panels",{key:3}):(0,i.Q3)("",!0),"full"!==h.showWarning?((0,i.uX)(),(0,i.CE)("div",a,[e.$slots["stretched-card-category"]&&e.$slots["stretched-card-category"]()?((0,i.uX)(),(0,i.CE)("span",d,[(0,i.RG)(e.$slots,"stretched-card-category")])):(0,i.Q3)("",!0),e.$slots["stretched-card-header"]&&e.$slots["stretched-card-header"]()?((0,i.uX)(),(0,i.Wv)(y,{key:1,level:s.headingLevel,"heading-style":s.headingStyle,class:"card-title vs-stretched-link-card__title","data-test":"vs-stretched-link-card__title"},{default:(0,i.k6)((function(){return[e.$slots["stretched-card-link"]&&e.$slots["stretched-card-link"]()?(0,i.RG)(e.$slots,"stretched-card-header",{key:0}):s.businessSupport||"video"!==s.type?((0,i.uX)(),(0,i.Wv)(f,{key:2,href:s.link,type:s.type,class:(0,n.normalizeClass)(["stretched-link",s.disabled?"stretched-link--disabled":""]),variant:"dark"===h.theme?"on-dark":"primary","data-test":"vs-stretched-link",disabled:s.disabled,tabindex:!s.videoId&&!s.disabled||s.businessSupport?"0":"-1"},{default:(0,i.k6)((function(){return[(0,i.RG)(e.$slots,"stretched-card-header")]})),_:3},8,["href","type","class","variant","disabled","tabindex"])):(0,i.RG)(e.$slots,"stretched-card-header",{key:1})]})),_:3},8,["level","heading-style"])):(0,i.Q3)("",!0),(0,i.Lk)("div",o,[(0,i.RG)(e.$slots,"stretched-card-content")]),e.$slots["stretched-card-badges"]&&e.$slots["stretched-card-badges"]()?((0,i.uX)(),(0,i.CE)("div",l,[(0,i.RG)(e.$slots,"stretched-card-badges")])):(0,i.Q3)("",!0),e.$slots["stretched-card-link"]&&e.$slots["stretched-card-link"]()?((0,i.uX)(),(0,i.Wv)(f,{key:3,href:s.link,class:"vs-stretched-link-card__link stretched-link","data-test":"vs-stretched-link-card__link"},{default:(0,i.k6)((function(){return[(0,i.RG)(e.$slots,"stretched-card-link")]})),_:3},8,["href"])):(0,i.Q3)("",!0)])):(0,i.Q3)("",!0)],34)}},90020:function(e,t,s){"use strict";var i=s(13838),n=s(45676),r=s(31574),a=s(48836),d=s(79122),o=s(57957),l=s(45921),c=s.n(l),u=s(83178),h=s(12308).A.youtube,g=null;t.A={name:"VsStretchedLinkCard",status:"prototype",release:"0.0.1",components:{VsHeading:i.default,VsLink:n.default,VsImg:r.default,VsButton:a.default,VsWarning:d.default},mixins:[u.A],inject:{noJsMessage:{default:null},theme:{default:null},noCookiesMessage:{default:null},cookieLinkText:{default:null}},props:{link:{type:String,required:!0,default:"#"},headingLevel:{type:[String,Number],default:"3",validator:function(e){return e.match(/(1|2|3|4|5|6)/)}},headingStyle:{type:[String,Number],default:"heading-xs",validator:function(e){return e.match(/(display-m|display-s|heading-xl|heading-l|heading-m|heading-s|heading-xs|heading-xxs)/)}},type:{type:String,required:!0,validator:function(e){return e.match(/(default|external|internal|download|video)/)}},imgSrc:{type:String,default:void 0},imgAlt:{type:String,default:""},disabled:{type:Boolean,default:!1},videoId:{type:String,default:""},videoBtnText:{type:String,default:""},errorMessage:{type:String,default:""},errorType:{type:String,default:"image",validator:function(e){return e.match(/(image|full)/)}},warningSize:{type:String,default:"small",validator:function(e){return e.match(/(normal|small)/)}},businessSupport:{type:Boolean,default:!1},isHomePage:{type:Boolean,default:!1}},data:function(){return{jsDisabled:!0,requiredCookies:h}},computed:{formattedVideoBtnText:function(){return"".concat(this.videoBtnText," | ")},formattedVideoDuration:function(){var e="".concat(this.videoDetails.videoFullDuration.seconds);return 1===e.length&&(e="0".concat(e)),"".concat(this.videoDetails.videoFullDuration.minutes,":").concat(e)},stretchedLinkCardClasses:function(){var e="";return this.disabled&&(e+="vs-stretched-link-card--disabled"),"video"===this.type&&(e+=" vs-stretched-link-card--video"),this.showWarning&&"video"===this.type&&(e+=" vs-stretched-link-card--warning"),e},videoDetails:function(){return g?g.videos[this.videoId]:null},videoLoaded:function(){return void 0!==this.videoDetails&&null!==this.videoDetails&&this.videoDetails.videoDuration>0},warningClass:function(){var e="";return!this.videoId||!this.jsDisabled&&this.requiredCookiesExist||(e="vs-stretched-link-card__img-container--warning ","full"!==this.errorType||null===this.cookiesInitStatus&&!this.jsDisabled||(e+="vs-stretched-link-card__img-container--warning-full")),e},showCookieWarning:function(){return!(!this.videoId||this.jsDisabled||this.requiredCookiesExist||!0!==this.cookiesInitStatus)},showError:function(){return!(!this.videoId||""===this.errorMessage||"error"!==this.cookiesInitStatus)},showWarning:function(){return this.showError||this.showCookieWarning?this.errorType:!!this.jsDisabled},warningMessage:function(){return this.showCookieWarning?this.noCookiesMessage:this.errorMessage},warningAttrs:function(){var e={};return"cookie"===this.type&&(e.class="ot-sdk-show-settings vs-warning__cookie-trigger"),"small"===this.size&&(e.size="sm"),e},isSvg:function(){return!(!this.imgSrc||!this.imgSrc.includes(".svg"))}},mounted:function(){g=c()(),this.jsDisabled=(0,o.A)()},methods:{emitShowModal:function(){this.videoId&&this.requiredCookiesExist&&this.emitter&&this.emitter.emit("showModal",this.videoId,"#videoShow")}}}},94861:function(e,t,s){"use strict";s.d(t,{X:function(){return i.X}});var i=s(89565)}}]);