@visitscotland/component-library
Version:
VisitScotland Component Library
1 lines • 3.52 kB
JavaScript
(self.webpackChunk_visitscotland_component_library=self.webpackChunk_visitscotland_component_library||[]).push([[3603],{21037:function(t,e,n){"use strict";n.d(e,{A:function(){return i.A}});var i=n(66401)},23603:function(t,e,n){"use strict";n.r(e);var i=n(32995),s=n(21037);n(32469);const a=(0,n(66262).A)(s.A,[["render",i.X]]);e.default=a},24169:function(t,e,n){"use strict";var i=n(85072),s=n.n(i),a=n(97825),l=n.n(a),r=n(77659),g=n.n(r),o=n(55056),u=n.n(o),c=n(10540),m=n.n(c),f=n(41113),d=n.n(f),v=n(53367),k=n.n(v),_={};_.styleTagTransform=d(),_.setAttributes=u(),_.insert=g().bind(null,"head"),_.domAPI=l(),_.insertStyleElement=m(),s()(k(),_),k()&&k().locals&&k().locals},32469:function(t,e,n){"use strict";n(24169)},32995:function(t,e,n){"use strict";n.d(e,{X:function(){return i.X}});var i=n(72179)},53367:function(){},66401:function(t,e,n){"use strict";var i=n(13838),s=n(44580),a=n(48836),l=n(81161),r=n(11438);e.A={name:"VsMegalinkSingleImage",status:"prototype",release:"0.0.1",components:{VsHeading:i.default,VsBody:s.default,VsButton:a.default,VsRow:r.AQ,VsCol:r.Il,VsLinkList:l.default},props:{alternate:{type:Boolean,default:!1},title:{type:String,default:null},buttonLink:{type:String,default:""}},data:function(){return{negativeMargin:"200px",imageHeight:"400px"}},computed:{singleImageClasses:function(){return[this.alternate?"vs-megalink-single-image--alternate":""]},cssVars:function(){return{"--negative-margin":"-".concat(this.negativeMargin),"--image-height":"".concat(this.imageHeight)}}},mounted:function(){var t=this,e=this.$el.querySelector(".vs-image-with-caption");if(e){var n=e.querySelector("img");n.addEventListener("load",(function(){var e=n.clientHeight/2.5/n.clientWidth;t.negativeMargin="".concat(100*e,"%"),t.imageHeight="".concat(n.clientHeight,"px")}))}}}},72179:function(t,e,n){"use strict";n.d(e,{X:function(){return g}});var i=n(20641),s=n(90033),a={class:"vs-megalink-single-image__image-container"},l={class:"vs-megalink-single-image__content","data-test":"megalink-single-image__content"},r={class:"vs-megalink-single-image__button"};function g(t,e,n,g,o,u){var c=(0,i.g2)("VsHeading"),m=(0,i.g2)("VsBody"),f=(0,i.g2)("VsLinkList"),d=(0,i.g2)("VsButton"),v=(0,i.g2)("VsCol"),k=(0,i.g2)("VsRow");return(0,i.uX)(),(0,i.CE)("div",{class:(0,s.normalizeClass)(["vs-megalink-single-image",u.singleImageClasses]),"data-test":"megalink-single-image",style:(0,s.normalizeStyle)(u.cssVars)},[(0,i.Lk)("div",a,[(0,i.RG)(t.$slots,"vs-single-image")]),(0,i.bF)(k,{class:"vs-megalink-single-image__text-container"},{default:(0,i.k6)((function(){return[(0,i.bF)(v,{cols:"12",sm:"10",lg:"6",class:(0,s.normalizeClass)(["offset-sm-1",n.alternate?"offset-lg-6":"offset-lg-0"])},{default:(0,i.k6)((function(){return[(0,i.Lk)("div",l,[n.title?((0,i.uX)(),(0,i.Wv)(c,{key:0,level:"3","heading-style":"heading-m",class:"vs-megalink-single-image__title","data-test":"megalink-single-image__title"},{default:(0,i.k6)((function(){return[(0,i.eW)((0,s.toDisplayString)(n.title),1)]})),_:1})):(0,i.Q3)("",!0),(0,i.bF)(m,{variant:"lead"},{default:(0,i.k6)((function(){return[(0,i.RG)(t.$slots,"vs-single-image-content")]})),_:3}),(0,i.bF)(f,null,{default:(0,i.k6)((function(){return[(0,i.RG)(t.$slots,"vs-single-image-links")]})),_:3}),(0,i.Lk)("div",r,[n.buttonLink?((0,i.uX)(),(0,i.Wv)(d,{key:0,href:n.buttonLink,variant:"secondary"},{default:(0,i.k6)((function(){return[(0,i.RG)(t.$slots,"vs-single-image-button-text")]})),_:3},8,["href"])):(0,i.Q3)("",!0)])])]})),_:3},8,["class"])]})),_:3})],6)}}}]);