@visitscotland/component-library
Version:
VisitScotland Component Library
1 lines • 3.96 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],{2683:function(){},66401:function(e,t,n){"use strict";var i=n(13838),s=n(72958),a=n(48836),l=n(81161),r=n(11438);t.A={name:"VsMegalinkSingleImage",status:"prototype",release:"0.0.1",components:{VsHeading:i.default,VsRichTextWrapper: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 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")}))}}}},14391:function(e,t,n){"use strict";n.d(t,{X:function(){return o}});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 o(e,t,n,o,g,u){var c=(0,i.g2)("VsHeading"),f=(0,i.g2)("VsRichTextWrapper"),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",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)(e.$slots,"vs-single-image-button-text")]})),_:3},8,["href"])):(0,i.Q3)("",!0)])])]})),_:3},8,["class"])]})),_:3})],6)}},96945:function(e,t,n){"use strict";var i=n(85072),s=n.n(i),a=n(97825),l=n.n(a),r=n(77659),o=n.n(r),g=n(55056),u=n.n(g),c=n(10540),f=n.n(c),m=n(41113),d=n.n(m),v=n(2683),k=n.n(v),p={};p.styleTagTransform=d(),p.setAttributes=u(),p.insert=o().bind(null,"head"),p.domAPI=l(),p.insertStyleElement=f(),s()(k(),p),k()&&k().locals&&k().locals},23603:function(e,t,n){"use strict";n.r(t);var i=n(71911),s=n(21037);n(13837);const a=(0,n(66262).A)(s.A,[["render",i.X]]);t.default=a},21037:function(e,t,n){"use strict";n.d(t,{A:function(){return i.A}});var i=n(66401)},71911:function(e,t,n){"use strict";n.d(t,{X:function(){return i.X}});var i=n(14391)},13837:function(e,t,n){"use strict";n(96945)}},function(e){return e.O(0,[641,6262,7510,3751,4352,4467,7527,8086,810,2543,6422,8745,8836,8638,2368,3838,7521,1438,2958,1161],(function(){return e(e.s=23603)})),e.O()}])}));