@visitscotland/component-library
Version:
VisitScotland Component Library
1 lines • 4.67 kB
JavaScript
!function(e,t){"object"==typeof exports&&"object"==typeof module?module.exports=t():"function"==typeof define&&define.amd?define([],t):"object"==typeof exports?exports.VsHeroSection=t():e.VsHeroSection=t()}(self,(function(){return(self.webpackChunk_visitscotland_component_library=self.webpackChunk_visitscotland_component_library||[]).push([[1763],{3023:function(){},18309:function(e,t,i){"use strict";var o=i(85072),s=i.n(o),n=i(97825),r=i.n(n),a=i(77659),d=i.n(a),l=i(55056),u=i.n(l),c=i(10540),v=i.n(c),g=i(41113),p=i.n(g),f=i(3023),y=i.n(f),h={};h.styleTagTransform=p(),h.setAttributes=u(),h.insert=d().bind(null,"head"),h.domAPI=r(),h.insertStyleElement=v(),s()(y(),h),y()&&y().locals&&y().locals},21331:function(e,t,i){"use strict";i.d(t,{X:function(){return o.X}});var o=i(41155)},25753:function(e,t,i){"use strict";i(18309)},38399:function(e,t,i){"use strict";i.r(t);var o=i(21331),s=i(66565);i(25753);const n=(0,i(66262).A)(s.A,[["render",o.X]]);t.default=n},41155:function(e,t,i){"use strict";i.d(t,{X:function(){return g}});var o=i(20641),s=i(90033),n={class:"vs-hero-section__grid"},r={key:1,class:"vs-hero-section__video-wrapper"},a=["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 y=(0,o.g2)("VsHeroSectionImage"),h=(0,o.g2)("VsHeading"),m=(0,o.g2)("VsBody"),S=(0,o.g2)("VsHeroSectionVideoControl");return(0,o.uX)(),(0,o.CE)("div",{class:(0,s.normalizeClass)(["vs-hero-section",{"vs-hero-section--split":i.split}]),"data-test":"vs-hero-section"},[(0,o.Lk)("div",n,[i.imgSrc&&!i.videoSrc?((0,o.uX)(),(0,o.CE)("div",{key:0,class:(0,s.normalizeClass)(["vs-hero-section__image",f.imageClasses])},[(0,o.bF)(y,{"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,o.uX)(),(0,o.CE)("div",r,[(0,o.Lk)("video",{loop:"",muted:"",autoplay:"",playsinline:"",preload:"auto",poster:i.imgSrc,class:"vs-hero-section__video",ref:"heroVideo","aria-hidden":"true",fetchpriority:"high"},[(0,o.Lk)("source",{src:i.videoSrc,type:"video/mp4"},null,8,d)],8,a),t[0]||(t[0]=(0,o.Lk)("div",{class:"vs-hero-section__video-overlay"},null,-1))])):((0,o.uX)(),(0,o.CE)("hr",l)),(0,o.Lk)("div",{class:(0,s.normalizeClass)(f.textContainerClasses)},[(0,o.Lk)("div",u,[(0,o.bF)(h,{class:"vs-hero-section__heading","data-test":"vs-hero-section__heading",level:"1","heading-style":"display-s",id:"main-heading"},{default:(0,o.k6)((function(){return[(0,o.Lk)("span",{innerHTML:i.heading},null,8,c)]})),_:1}),i.lede?((0,o.uX)(),(0,o.Wv)(m,{key:0,class:"vs-hero-section__lede","data-test":"vs-hero-section__lede",variant:"lead"},{default:(0,o.k6)((function(){return[(0,o.Lk)("p",v,(0,s.toDisplayString)(i.lede),1)]})),_:1})):(0,o.Q3)("",!0)]),i.videoSrc?((0,o.uX)(),(0,o.Wv)(S,{key:0,"video-btn-text":"Toggle video",onVideoToggled:f.onToggleVideo,"video-playing-status":i.videoPlayingStatus,"video-paused-status":i.videoPausedStatus},{default:(0,o.k6)((function(){return[(0,o.eW)((0,s.toDisplayString)(i.videoBtnText),1)]})),_:1},8,["onVideoToggled","video-playing-status","video-paused-status"])):(0,o.Q3)("",!0)],2)])],2)}},66565:function(e,t,i){"use strict";i.d(t,{A:function(){return o.A}});var o=i(86833)},86833:function(e,t,i){"use strict";var o=i(13838),s=i(44580),n=i(28533),r=i(78773);t.A={name:"VsHeroSection",status:"prototype",release:"0.0.1",components:{VsHeading:o.default,VsBody:s.default,VsHeroSectionImage:n.default,VsHeroSectionVideoControl:r.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()}}}}},function(e){return e.O(0,[641,6262,7510,3751,4352,4467,7527,8086,810,7800,9394,2543,4982,6422,8745,8836,8638,3838,2368,7521,1438,4580,1574,1244,630,1154,8533],(function(){return e(e.s=38399)})),e.O()}])}));