@visitscotland/component-library
Version:
VisitScotland Component Library
1 lines • 4.24 kB
JavaScript
(self.webpackChunk_visitscotland_component_library=self.webpackChunk_visitscotland_component_library||[]).push([[8399],{5238:function(e,t,i){"use strict";i(85818)},38399:function(e,t,i){"use strict";i.r(t);var s=i(77592),n=i(66565);i(5238);const o=(0,i(66262).A)(n.A,[["render",s.X]]);t.default=o},66565:function(e,t,i){"use strict";i.d(t,{A:function(){return s.A}});var s=i(86833)},75912:function(e,t,i){"use strict";i.d(t,{X:function(){return g}});var s=i(20641),n=i(90033),o={class:"vs-hero-section__grid"},a={key:1,class:"vs-hero-section__video-wrapper"},r=["poster"],d=["src"],l={key:2,class:"vs-hero-section__divider"},u={class:"vs-hero-section__text"},c=["innerHTML"],v={class:"mb-0"};function g(e,t,i,g,p,f){var h=(0,s.g2)("VsHeroSectionImage"),y=(0,s.g2)("VsHeading"),m=(0,s.g2)("VsBody"),_=(0,s.g2)("VsHeroSectionVideoControl");return(0,s.uX)(),(0,s.CE)("div",{class:(0,n.normalizeClass)(["vs-hero-section",{"vs-hero-section--split":i.split}]),"data-test":"vs-hero-section"},[(0,s.Lk)("div",o,[i.imgSrc&&!i.videoSrc?((0,s.uX)(),(0,s.CE)("div",{key:0,class:(0,n.normalizeClass)(["vs-hero-section__image",f.imageClasses])},[(0,s.bF)(h,{"img-alt":i.imgAlt,src:i.imgSrc,"img-caption":i.imgCaption,"img-credit":i.imgCredit,split:i.split},null,8,["img-alt","src","img-caption","img-credit","split"])],2)):i.videoSrc?((0,s.uX)(),(0,s.CE)("div",a,[(0,s.Lk)("video",{loop:"",muted:"",autoplay:"",playsinline:"",preload:"auto",poster:i.imgSrc,class:"vs-hero-section__video",ref:"heroVideo","aria-hidden":"true",fetchpriority:"high"},[(0,s.Lk)("source",{src:i.videoSrc,type:"video/mp4"},null,8,d)],8,r),t[0]||(t[0]=(0,s.Lk)("div",{class:"vs-hero-section__video-overlay"},null,-1))])):((0,s.uX)(),(0,s.CE)("hr",l)),(0,s.Lk)("div",{class:(0,n.normalizeClass)(f.textContainerClasses)},[(0,s.Lk)("div",u,[(0,s.bF)(y,{class:"vs-hero-section__heading","data-test":"vs-hero-section__heading",level:"1","heading-style":"display-s",id:"main-heading"},{default:(0,s.k6)((function(){return[(0,s.Lk)("span",{innerHTML:i.heading},null,8,c)]})),_:1}),i.lede?((0,s.uX)(),(0,s.Wv)(m,{key:0,class:"vs-hero-section__lede","data-test":"vs-hero-section__lede",variant:"lead"},{default:(0,s.k6)((function(){return[(0,s.Lk)("p",v,(0,n.toDisplayString)(i.lede),1)]})),_:1})):(0,s.Q3)("",!0)]),i.videoSrc?((0,s.uX)(),(0,s.Wv)(_,{key:0,"video-btn-text":"Toggle video",onVideoToggled:f.onToggleVideo,"video-playing-status":i.videoPlayingStatus,"video-paused-status":i.videoPausedStatus},{default:(0,s.k6)((function(){return[(0,s.eW)((0,n.toDisplayString)(i.videoBtnText),1)]})),_:1},8,["onVideoToggled","video-playing-status","video-paused-status"])):(0,s.Q3)("",!0)],2)])],2)}},76536:function(){},77592:function(e,t,i){"use strict";i.d(t,{X:function(){return s.X}});var s=i(75912)},85818:function(e,t,i){"use strict";var s=i(85072),n=i.n(s),o=i(97825),a=i.n(o),r=i(77659),d=i.n(r),l=i(55056),u=i.n(l),c=i(10540),v=i.n(c),g=i(41113),p=i.n(g),f=i(76536),h=i.n(f),y={};y.styleTagTransform=p(),y.setAttributes=u(),y.insert=d().bind(null,"head"),y.domAPI=a(),y.insertStyleElement=v(),n()(h(),y),h()&&h().locals&&h().locals},86833:function(e,t,i){"use strict";var s=i(13838),n=i(44580),o=i(28533),a=i(78773);t.A={name:"VsHeroSection",status:"prototype",release:"0.0.1",components:{VsHeading:s.default,VsBody:n.default,VsHeroSectionImage:o.default,VsHeroSectionVideoControl:a.default},provide:function(){return{videoPlayingStatus:this.videoPlayingStatus,videoPausedStatus:this.videoPausedStatus}},props:{heading:{type:String,default:"",required:!0},lede:{type:String,default:"",required:!0},imgSrc:{type:String,default:""},imgAlt:{type:String,default:""},imgCaption:{type:String,default:""},imgCredit:{type:String,default:""},inset:{type:Boolean,default:!1},split:{type:Boolean,default:!1},videoSrc:{type:String,default:""},videoBtnText:{type:String,default:""},videoPlayingStatus:{type:String,default:""},videoPausedStatus:{type:String,default:""}},computed:{imageClasses:function(){return{"vs-hero-section__image--inset":this.inset}},textContainerClasses:function(){return[{"vs-hero-section__text-container--video":this.videoSrc},"vs-hero-section__text-container"]}},methods:{onToggleVideo:function(e){e?this.$refs.heroVideo.pause():this.$refs.heroVideo.play()}}}}}]);