@visitscotland/component-library
Version:
VisitScotland Component Library
1 lines • 4.65 kB
JavaScript
(self.webpackChunk_visitscotland_component_library=self.webpackChunk_visitscotland_component_library||[]).push([[6004],{2730:function(t,e,i){"use strict";i.d(e,{X:function(){return r}});var o=i(20641),n=i(90033),s={class:"visually-hidden"},a={class:"vs-image-with-caption__captions"},l=["id"];function r(t,e,i,r,g,u){var c=(0,o.g2)("VsImg"),d=(0,o.g2)("VsToggleButton"),p=(0,o.g2)("VsVideoCaption");return(0,o.uX)(),(0,o.CE)("figure",{class:(0,n.normalizeClass)(["vs-image-with-caption",u.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)(d,{key:0,"img-src":i.imageSrc,"toggle-id":g.uniqueCaptionId,onToggleAction:u.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)(p,{"video-btn-text":i.playButtonText,"with-toggle-btn":i.showToggle,onToggleAction:u.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",u.captionWrapperClasses]),id:g.uniqueCaptionId},[(0,o.RG)(t.$slots,"img-caption")],10,l)])],2)}},19828:function(t,e,i){"use strict";i(93208)},30246:function(){},46004:function(t,e,i){"use strict";i.r(e);var o=i(70906),n=i(77012);i(19828);const s=(0,i(66262).A)(n.A,[["render",o.X]]);e.default=s},70906:function(t,e,i){"use strict";i.d(e,{X:function(){return o.X}});var o=i(2730)},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),l=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:l}},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.cookiesAllowed&&this.cookiesLoaded,"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}}}},93208:function(t,e,i){"use strict";var o=i(85072),n=i.n(o),s=i(97825),a=i.n(s),l=i(77659),r=i.n(l),g=i(55056),u=i.n(g),c=i(10540),d=i.n(c),p=i(41113),h=i.n(p),f=i(30246),m=i.n(f),v={};v.styleTagTransform=h(),v.setAttributes=u(),v.insert=r().bind(null,"head"),v.domAPI=a(),v.insertStyleElement=d(),n()(m(),v),m()&&m().locals&&m().locals}}]);