@visitscotland/component-library
Version:
VisitScotland Component Library
1 lines • 3.95 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.VsMegalinkSingleImage=t():e.VsMegalinkSingleImage=t()}(self,(function(){return(self.webpackChunk_visitscotland_component_library=self.webpackChunk_visitscotland_component_library||[]).push([[6499],{21037:function(e,t,n){"use strict";n.d(t,{A:function(){return i.A}});var i=n(66401)},23603:function(e,t,n){"use strict";n.r(t);var i=n(32995),s=n(21037);n(32469);const a=(0,n(66262).A)(s.A,[["render",i.X]]);t.default=a},24169:function(e,t,n){"use strict";var i=n(85072),s=n.n(i),a=n(97825),l=n.n(a),o=n(77659),r=n.n(o),g=n(55056),u=n.n(g),c=n(10540),f=n.n(c),m=n(41113),d=n.n(m),v=n(53367),k=n.n(v),p={};p.styleTagTransform=d(),p.setAttributes=u(),p.insert=r().bind(null,"head"),p.domAPI=l(),p.insertStyleElement=f(),s()(k(),p),k()&&k().locals&&k().locals},32469:function(e,t,n){"use strict";n(24169)},32995:function(e,t,n){"use strict";n.d(t,{X:function(){return i.X}});var i=n(72179)},53367:function(){},66401:function(e,t,n){"use strict";var i=n(13838),s=n(44580),a=n(48836),l=n(81161),o=n(11438);t.A={name:"VsMegalinkSingleImage",status:"prototype",release:"0.0.1",components:{VsHeading:i.default,VsBody:s.default,VsButton:a.default,VsRow:o.AQ,VsCol:o.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 e=this,t=this.$el.querySelector(".vs-image-with-caption");if(t){var n=t.querySelector("img");n.addEventListener("load",(function(){var t=n.clientHeight/2.5/n.clientWidth;e.negativeMargin="".concat(100*t,"%"),e.imageHeight="".concat(n.clientHeight,"px")}))}}}},72179:function(e,t,n){"use strict";n.d(t,{X:function(){return r}});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"},o={class:"vs-megalink-single-image__button"};function r(e,t,n,r,g,u){var c=(0,i.g2)("VsHeading"),f=(0,i.g2)("VsBody"),m=(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)(e.$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)(f,{variant:"lead"},{default:(0,i.k6)((function(){return[(0,i.RG)(e.$slots,"vs-single-image-content")]})),_:3}),(0,i.bF)(m,null,{default:(0,i.k6)((function(){return[(0,i.RG)(e.$slots,"vs-single-image-links")]})),_:3}),(0,i.Lk)("div",o,[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)(e.$slots,"vs-single-image-button-text")]})),_:3},8,["href"])):(0,i.Q3)("",!0)])])]})),_:3},8,["class"])]})),_:3})],6)}}},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,1161],(function(){return e(e.s=23603)})),e.O()}])}));