@visitscotland/component-library
Version:
VisitScotland Component Library
1 lines • 4.32 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],{72707:function(){},86833:function(e,t,i){"use strict";var n=i(13838),o=i(72958),s=i(28533),r=i(78773);t.A={name:"VsHeroSection",status:"prototype",release:"0.0.1",components:{VsHeading:n.default,VsRichTextWrapper:o.default,VsHeroSectionImage:s.default,VsHeroSectionVideoControl:r.default},props:{heading:{type:String,default:"",required:!0},lede:{type:String,default:"",required:!0},src:{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:""}},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()}}}},88139:function(e,t,i){"use strict";i.d(t,{X:function(){return f}});var n=i(20641),o=i(90033),s={class:"vs-hero-section__grid"},r={key:1,class:"vs-hero-section__video-wrapper"},a=["poster"],l=["src"],c={key:2,class:"vs-hero-section__divider"},d={class:"vs-hero-section__text"},u=["innerHTML"],p={class:"mb-0"};function f(e,t,i,f,v,g){var h=(0,n.g2)("VsHeroSectionImage"),m=(0,n.g2)("VsHeading"),_=(0,n.g2)("VsRichTextWrapper"),y=(0,n.g2)("VsHeroSectionVideoControl");return(0,n.uX)(),(0,n.CE)("div",{class:(0,o.normalizeClass)(["vs-hero-section",{"vs-hero-section--split":i.split}]),"data-test":"vs-hero-section"},[(0,n.Lk)("div",s,[i.src&&!i.videoSrc?((0,n.uX)(),(0,n.CE)("div",{key:0,class:(0,o.normalizeClass)(["vs-hero-section__image",g.imageClasses])},[(0,n.bF)(h,{"img-alt":i.imgAlt,src:i.src,"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,n.uX)(),(0,n.CE)("div",r,[(0,n.Lk)("video",{loop:"",muted:"",autoplay:"",playsinline:"",preload:"auto",poster:i.src,class:"vs-hero-section__video",ref:"heroVideo","aria-hidden":"true"},[(0,n.Lk)("source",{src:i.videoSrc,type:"video/mp4"},null,8,l)],8,a),t[0]||(t[0]=(0,n.Lk)("div",{class:"vs-hero-section__video-overlay"},null,-1))])):((0,n.uX)(),(0,n.CE)("hr",c)),(0,n.Lk)("div",{class:(0,o.normalizeClass)(g.textContainerClasses)},[(0,n.Lk)("div",d,[(0,n.bF)(m,{class:"vs-hero-section__heading","data-test":"vs-hero-section__heading",level:"1","heading-style":"display-xs",id:"main-heading"},{default:(0,n.k6)((function(){return[(0,n.Lk)("span",{innerHTML:i.heading},null,8,u)]})),_:1}),i.lede?((0,n.uX)(),(0,n.Wv)(_,{key:0,class:"vs-hero-section__lede","data-test":"vs-hero-section__lede",variant:"lead"},{default:(0,n.k6)((function(){return[(0,n.Lk)("p",p,(0,o.toDisplayString)(i.lede),1)]})),_:1})):(0,n.Q3)("",!0)]),i.videoSrc?((0,n.uX)(),(0,n.Wv)(y,{key:0,"video-btn-text":"Toggle video",onVideoToggled:g.onToggleVideo},{default:(0,n.k6)((function(){return[(0,n.eW)((0,o.toDisplayString)(i.videoBtnText),1)]})),_:1},8,["onVideoToggled"])):(0,n.Q3)("",!0)],2)])],2)}},37173:function(e,t,i){"use strict";var n=i(85072),o=i.n(n),s=i(97825),r=i.n(s),a=i(77659),l=i.n(a),c=i(55056),d=i.n(c),u=i(10540),p=i.n(u),f=i(41113),v=i.n(f),g=i(72707),h=i.n(g),m={};m.styleTagTransform=v(),m.setAttributes=d(),m.insert=l().bind(null,"head"),m.domAPI=r(),m.insertStyleElement=p(),o()(h(),m),h()&&h().locals&&h().locals},38399:function(e,t,i){"use strict";i.r(t);var n=i(95835),o=i(66565);i(26977);const s=(0,i(66262).A)(o.A,[["render",n.X]]);t.default=s},66565:function(e,t,i){"use strict";i.d(t,{A:function(){return n.A}});var n=i(86833)},95835:function(e,t,i){"use strict";i.d(t,{X:function(){return n.X}});var n=i(88139)},26977:function(e,t,i){"use strict";i(37173)}},function(e){return e.O(0,[641,6262,7510,3751,4352,4467,7527,8086,810,2543,6422,8745,8836,8638,2368,3838,7521,1438,1574,2958,4982,1244,630,8533,1154],(function(){return e(e.s=38399)})),e.O()}])}));