@visitscotland/component-library
Version:
VisitScotland Component Library
1 lines • 5.09 kB
JavaScript
!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],{3916:function(){},46004:function(t,e,i){"use strict";i.r(e);var o=i(70084),n=i(77012);i(70014);const s=(0,i(66262).A)(n.A,[["render",o.X]]);e.default=s},47090:function(t,e,i){"use strict";var o=i(85072),n=i.n(o),s=i(97825),a=i.n(s),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),h=i(3916),m=i.n(h),v={};v.styleTagTransform=f(),v.setAttributes=g(),v.insert=l().bind(null,"head"),v.domAPI=a(),v.insertStyleElement=p(),n()(m(),v),m()&&m().locals&&m().locals},70014:function(t,e,i){"use strict";i(47090)},70084:function(t,e,i){"use strict";i.d(e,{X:function(){return o.X}});var o=i(97012)},77012:function(t,e,i){"use strict";i.d(e,{A:function(){return o.A}});var o=i(84224)},84224:function(t,e,i){"use strict";var o=i(31574),n=i(17933),s=i(70459),a=i(83178),r=i(12308).A.youtube;e.A={name:"VsImageWithCaption",status:"prototype",release:"0.0.1",components:{VsImg:o.default,VsToggleButton:n.default,VsVideoCaption:s.default},mixins:[a.A],provide:function(){return{noJsMessage:this.noJsMessage,errorMessage:this.errorMessage,noCookiesMessage:this.noCookiesMessage,cookieLinkText:this.cookieLinkText}},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},noCookiesMessage:{type:String,default:""},cookieLinkText:{type:String,default:""},noJsMessage:{type:String,default:""},useLazyLoading:{type:Boolean,default:!0},errorMessage:{type:String,default:""},showToggle:{type:Boolean,default:!0}},data:function(){return{showCaption:!1,uniqueCaptionId:"",requiredCookies:r}},computed:{isSvg:function(){return this.imageSrc.endsWith(".svg")},imageWithCaptionClasses:function(){return{"vs-image-with-caption--closed-default":this.closedDefaultCaption,"vs-image-with-caption--hero":this.isHeroImage,"vs-image-with-caption--show-caption":!this.requiredCookiesExist&&!0===this.cookiesInitStatus,"vs-image-with-caption--video":this.isVideo,"vs-image-with-caption--svg":this.isSvg}},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}}}},97012:function(t,e,i){"use strict";i.d(e,{X:function(){return l}});var o=i(20641),n=i(90033),s={class:"visually-hidden"},a={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",s,(0,n.toDisplayString)(i.toggleButtonText),1)]})),_:3},8,["img-src","toggle-id","onToggleAction"])):(0,o.Q3)("",!0)],2),(0,o.Lk)("figcaption",a,[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,"cookie-link-text":i.cookieLinkText,"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","cookie-link-text","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)}}},function(t){return t.O(0,[641,6262,7510,3751,4352,4467,7527,8086,810,7800,9394,4982,6422,8745,8836,4580,1574,9122,2829,1459,5921,7933,459],(function(){return t(t.s=46004)})),t.O()}])}));