@visitscotland/component-library 1.0.44 → 1.0.45

package/dist/ssr/manifest.json

@@ -20,7 +20,7 @@
       "index.js"
     ],
     "styles": [
-      "styles/a9596cfb69c6d29ce230.css"
+      "styles/0977940b27d12d8a8cea.css"
     ]
   }
 }

package/dist/ssr/styles/{a9596cfb69c6d29ce230.css → 0977940b27d12d8a8cea.css}

@@ -49,7 +49,7 @@ h4.vs-canned-search-sub-heading{font-family:"Source Sans Pro",-apple-system,Blin
 .vs-caption-image-map{width:100%;height:100%}
 .vs-caption{background-color:#292929;color:#fff}.vs-caption--large,.vs-caption--fullwidth{position:relative}@media(min-width: 576px){.vs-caption--large,.vs-caption--fullwidth{display:block}}.vs-caption--large>.row,.vs-caption--fullwidth>.row{margin:0 auto}.vs-caption--large .vs-caption__image-caption,.vs-caption--fullwidth .vs-caption__image-caption{margin-bottom:.5rem}.vs-caption--large .vs-caption__map-wrapper,.vs-caption--fullwidth .vs-caption__map-wrapper{max-width:54px}@media(min-width: 576px){.vs-caption--fullwidth{width:100%;height:auto;min-height:64px;text-align:left}}.vs-caption--fullwidth .vs-caption__caption-info{padding:.75rem 0}.vs-caption--large{text-align:center}@media(min-width: 576px){.vs-caption--large{width:310px;height:auto;min-height:96px;text-align:left}.vs-caption--large>.row{margin:0 -16px}.vs-caption--large .vs-caption__image-caption{margin-bottom:2rem}.vs-caption--large .vs-caption__map-wrapper{max-width:74px}}.vs-caption--large .vs-caption__caption-info{padding:1rem}.vs-caption__image-caption,.vs-caption__image-credit{font-size:.875rem;line-height:1.2}.vs-caption__image-caption{font-weight:600}.vs-caption__image-credit{font-weight:300;margin-bottom:0}@media(min-width: 768px){.vs-caption--right .vs-caption__caption-info{text-align:right}}@media(max-width: 575.98px){.no-js .vs-image-with-caption__caption-wrapper .vs-caption--large{position:relative;top:0;width:100%;height:auto;text-align:left;display:block}.no-js .vs-image-with-caption__caption-wrapper .vs-caption--large .order-2{order:1}.no-js .vs-image-with-caption__caption-wrapper .vs-caption--large .order-1{order:2;flex:0 0 auto;width:auto;max-width:100%;align-self:auto !important}.no-js .vs-image-with-caption__caption-wrapper .vs-caption--large .vs-caption__map-wrapper{padding-top:0 !important}.no-js .vs-image-with-caption__caption-wrapper .vs-caption--large .vs-caption__image-caption{margin-bottom:1.25rem}.no-js .vs-image-with-caption__caption-wrapper .vs-caption--large .vs-caption__caption-info{padding:.75rem .5rem}}@media(max-width: 575.98px){.no-js .vs-image-with-caption__caption-wrapper .vs-caption--large,.no-js .vs-image-with-caption__caption-wrapper .vs-caption--fullwidth{position:relative}}.no-js .vs-image-with-caption__caption-wrapper .vs-caption--fullwidth{display:block;text-align:left}
 .vs-carbon-calculator-tip{box-shadow:0px 1px 3px 1px rgba(0,0,0,.15),0px 1px 2px 0px rgba(0,0,0,.3);padding:2rem 1rem}.vs-carbon-calculator-tip .vs-heading{margin-top:0}.vs-carbon-calculator-tip__content{margin-bottom:0}.vs-carbon-calculator-tip__icon-container{display:inline-flex;justify-content:center;vertical-align:top;width:4rem}.vs-carbon-calculator-tip__icon-container .vs-icon{color:#fd7339}.vs-carbon-calculator-tip__content{display:inline-block;width:calc(100% - 4rem);vertical-align:top}
-.vs-carbon-calculator-results__total{font-size:2.5rem;font-weight:700;margin-right:.5rem}.vs-carbon-calculator-results__comp-img{display:flex;justify-content:center}.vs-carbon-calculator-results__comp-img .vs-img{height:8rem}.vs-carbon-calculator-results__chart-wrapper{display:flex;justify-content:center;margin-top:1.5rem}@media(min-width: 768px){.vs-carbon-calculator-results__chart-wrapper{margin-top:4rem}}.vs-carbon-calculator-results__chart-wrapper>div{width:100%}@media(min-width: 768px){.vs-carbon-calculator-results__chart-wrapper>div{width:50%}}.vs-carbon-calculator-results__chart-wrapper .chart::before{content:var(--chart-label);position:absolute;top:50%;text-align:center;left:-2rem;transform:translateY(-50%) rotate(-90deg)}@media(min-width: 768px){.vs-carbon-calculator-results__chart-wrapper .chart::before{max-width:7rem;left:-5rem;transform:translateY(-100%)}}.vs-carbon-calculator-results__chart{margin-bottom:1.5rem}@media(min-width: 768px){.vs-carbon-calculator-results__chart{margin-bottom:4rem}}
+.vs-carbon-calculator-results__total{font-size:2.5rem;font-weight:700;margin-right:.5rem}.vs-carbon-calculator-results__comp-img{display:flex;justify-content:center}.vs-carbon-calculator-results__comp-img .vs-img{height:8rem}.vs-carbon-calculator-results__chart-wrapper{display:flex;justify-content:center;margin-top:1.5rem}@media(min-width: 768px){.vs-carbon-calculator-results__chart-wrapper{margin-top:4rem}}.vs-carbon-calculator-results__chart-wrapper>div{width:100%}@media(min-width: 768px){.vs-carbon-calculator-results__chart-wrapper>div{width:75%}}@media(min-width: 992px){.vs-carbon-calculator-results__chart-wrapper>div{width:50%}}.vs-carbon-calculator-results__chart-wrapper .chart::before{content:var(--chart-label);position:absolute;top:50%;text-align:center;left:-3rem;transform:translateY(-50%) rotate(-90deg)}@media(min-width: 768px){.vs-carbon-calculator-results__chart-wrapper .chart::before{max-width:7rem;left:-6rem;transform:translateY(-100%)}}.vs-carbon-calculator-results__chart-wrapper .chart text{font-size:.75rem}@media(min-width: 768px){.vs-carbon-calculator-results__chart-wrapper .chart text{font-size:1rem}}.vs-carbon-calculator-results__chart{margin-bottom:1.5rem}@media(min-width: 768px){.vs-carbon-calculator-results__chart{margin-bottom:4rem}}
 .vs-carbon-calculator-running-total{margin-top:2rem;border:1px solid #848484;padding:1rem}@media(min-width: 768px){.vs-carbon-calculator-running-total{text-align:center}}.vs-carbon-calculator-running-total__icon{display:inline-flex;align-items:center;vertical-align:top;width:4rem}.vs-carbon-calculator-running-total__content{display:inline-block;max-width:calc(100% - 4rem)}.vs-carbon-calculator-running-total__content p{display:inline-block;margin-right:1rem;margin-bottom:0;vertical-align:middle}
 .vs-carbon-calculator-question{margin-bottom:1rem}.vs-carbon-calculator-question__label{width:100%}
 .vs-carbon-calculator{display:block}.vs-carbon-calculator__wrapper .vs-warning{display:none}.no-js .vs-carbon-calculator{display:none}.no-js .vs-carbon-calculator__wrapper .vs-warning{display:block}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@visitscotland/component-library",
-  "version": "1.0.44",
+  "version": "1.0.45",
   "description": "VisitScotland Component Library",
   "author": "VisitScotland",
   "main": "dist/ssr/index.js",

package/dist/client/scripts/bf63fc166864942fe8d8.js

@@ -1 +0,0 @@
-(self.webpackChunk_visitscotland_component_library=self.webpackChunk_visitscotland_component_library||[]).push([[3671],{51217:function(){},4853:function(t,a,e){"use strict";var s=e(81779),n=e(73366),r=e(2262),o=e(62093),i=e(60976),l=e(8031);a.Z={name:"VsCarbonCalculatorResults",status:"prototype",release:"0.0.1",components:{VsCol:s.hY,VsRow:s.ou,VsHeading:n.default,VsCarbonCalculatorTip:l.default,Chart:o.kL,Grid:o.rj,Bar:o.$Q,Responsive:o.Et},mixins:[i.Z],inject:["labelsMap"],props:{totalKilos:{type:Number,default:0},foodKilos:{type:Number,default:0},transportKilos:{type:Number,default:0},accommodationKilos:{type:Number,default:0},stayDuration:{type:Number,default:1},comparisonReplacements:{type:Array,default:function(){return[]}}},data:function(){return{chartDirection:(0,r.iH)("horizontal"),chartAxis:(0,r.iH)({primary:{type:"band"}}),cssProps:"--chart-label: '".concat(this.labelsMap.kgsOf,"'")}},computed:{chartData:function(){return[{name:this.labelsMap.transport,emissions:this.transportKilos},{name:this.labelsMap.accommodation,emissions:this.accommodationKilos},{name:this.labelsMap.food,emissions:this.foodKilos}]},interpolComparison:function(){for(var t=this.labelsMap.comparison,a=0;a<this.comparisonReplacements.length;a++)t=t.replace(this.comparisonReplacements[a].repl,(this.totalKilos/this.comparisonReplacements[a].divisor).toFixed(3));return t},interpolKGsPerDay:function(){return this.labelsMap.kgsPerDay.replace("xxx",this.totalPerDay)},interpolPerDaySuccess:function(){return this.labelsMap.perDaySuccess.replace("xxx",this.labelsMap.perDayTarget)},transportPercent:function(){return this.transportKilos/this.totalKilos*100},accommodationPercent:function(){return this.accommodationKilos/this.totalKilos*100},foodPercent:function(){return this.foodKilos/this.totalKilos*100},totalPerDay:function(){return(this.totalKilos/Math.max(this.stayDuration,1)).toFixed(3)}},mounted:function(){this.createDataLayerObject("carbonCompleteEvent",{totalEmissions:this.totalKilos,totalPerDay:this.totalPerDay,travelPercent:this.transportPercent.toFixed(3)||0,accommodationPercent:this.accommodationPercent.toFixed(3)||0,foodPercent:this.foodPercent.toFixed(3)||0})},methods:{responsiveMargin:function(t){return t>300?{left:20,top:20,right:20,bottom:20}:{left:5,top:5,right:5,bottom:5}}}}},56382:function(t,a,e){"use strict";e.d(a,{s:function(){return l}});var s=e(66252),n=e(3577),r={class:"vs-carbon-calculator-results__total"},o=["innerHTML"],i={key:0};function l(t,a,e,l,c,u){var p=(0,s.up)("VsHeading"),m=(0,s.up)("VsCol"),f=(0,s.up)("VsRow"),d=(0,s.up)("Grid"),h=(0,s.up)("Bar"),y=(0,s.up)("Chart"),b=(0,s.up)("Responsive"),_=(0,s.up)("VsCarbonCalculatorTip");return(0,s.wg)(),(0,s.j4)(f,{"data-test":"vs-carbon-calculator-results",style:(0,n.normalizeStyle)(c.cssProps)},{default:(0,s.w5)((function(){return[(0,s.Wm)(m,{cols:"12"},{default:(0,s.w5)((function(){return[(0,s.Wm)(p,{level:"2"},{default:(0,s.w5)((function(){return[(0,s.Uk)((0,n.toDisplayString)(u.labelsMap.results),1)]})),_:1})]})),_:1}),(0,s.Wm)(m,{cols:"12"},{default:(0,s.w5)((function(){return[(0,s.Wm)(f,{class:"vs-carbon-calculator-results__headline"},{default:(0,s.w5)((function(){return[(0,s.Wm)(m,{cols:"12",md:"6"},{default:(0,s.w5)((function(){return[(0,s._)("p",null,(0,n.toDisplayString)(u.labelsMap.resultsIntro),1),(0,s._)("p",null,[(0,s._)("span",r,(0,n.toDisplayString)(e.totalKilos.toFixed(3)),1),(0,s.Uk)(" "+(0,n.toDisplayString)(u.labelsMap.kgsOf),1)])]})),_:1})]})),_:1})]})),_:1}),(0,s.Wm)(m,{cols:"12",class:"vs-carbon-calculator-results__comparison"},{default:(0,s.w5)((function(){return[(0,s._)("p",{innerHTML:u.interpolComparison},null,8,o)]})),_:1}),(0,s.Wm)(m,{cols:"12"},{default:(0,s.w5)((function(){return[(0,s._)("p",null,(0,n.toDisplayString)(u.interpolKGsPerDay),1),u.totalPerDay<=u.labelsMap.perDayTarget?((0,s.wg)(),(0,s.iD)("p",i,(0,n.toDisplayString)(u.interpolPerDaySuccess),1)):(0,s.kq)("",!0)]})),_:1}),(0,s.Wm)(m,null,{default:(0,s.w5)((function(){return[(0,s.Wm)(p,{level:"3"},{default:(0,s.w5)((function(){return[(0,s.Uk)((0,n.toDisplayString)(u.labelsMap.chartTitle),1)]})),_:1})]})),_:1}),(0,s.Wm)(m,{class:"vs-carbon-calculator-results__chart-wrapper",cols:"12"},{default:(0,s.w5)((function(){return[(0,s.Wm)(b,null,{main:(0,s.w5)((function(t){var a=t.width;return[(0,s.Wm)(y,{class:"vs-carbon-calculator-results__chart",size:{width:a,height:420},data:u.chartData,margin:u.responsiveMargin(a),direction:c.chartDirection,axis:c.chartAxis},{layers:(0,s.w5)((function(){return[(0,s.Wm)(d,{strokeDasharray:"2,2"}),(0,s.Wm)(h,{dataKeys:["name","emissions"],barStyle:{fill:"#AF006E"},gap:20})]})),_:2},1032,["size","data","margin","direction","axis"])]})),_:1})]})),_:1}),(0,s.Wm)(m,{cols:"12",class:"mt-8"},{default:(0,s.w5)((function(){return[(0,s.Wm)(_,{"showing-all-tips":!0})]})),_:1})]})),_:1},8,["style"])}},96286:function(t,a,e){"use strict";var s=e(93379),n=e.n(s),r=e(7795),o=e.n(r),i=e(90569),l=e.n(i),c=e(3565),u=e.n(c),p=e(19216),m=e.n(p),f=e(44589),d=e.n(f),h=e(51217),y=e.n(h),b={};b.styleTagTransform=d(),b.setAttributes=u(),b.insert=l().bind(null,"head"),b.domAPI=o(),b.insertStyleElement=m(),n()(y(),b),y()&&y().locals&&y().locals},3671:function(t,a,e){"use strict";e.r(a);var s=e(41564),n=e(28749);e(47951);const r=(0,e(83744).Z)(n.Z,[["render",s.s]]);a.default=r},28749:function(t,a,e){"use strict";e.d(a,{Z:function(){return s.Z}});var s=e(4853)},41564:function(t,a,e){"use strict";e.d(a,{s:function(){return s.s}});var s=e(56382)},47951:function(t,a,e){"use strict";e(96286)}}]);

package/dist/client/styles/bf63fc166864942fe8d8.css

@@ -1 +0,0 @@
-.vs-carbon-calculator-results__total{font-size:2.5rem;font-weight:700;margin-right:.5rem}.vs-carbon-calculator-results__comp-img{display:flex;justify-content:center}.vs-carbon-calculator-results__comp-img .vs-img{height:8rem}.vs-carbon-calculator-results__chart-wrapper{display:flex;justify-content:center;margin-top:1.5rem}@media(min-width: 768px){.vs-carbon-calculator-results__chart-wrapper{margin-top:4rem}}.vs-carbon-calculator-results__chart-wrapper>div{width:100%}@media(min-width: 768px){.vs-carbon-calculator-results__chart-wrapper>div{width:50%}}.vs-carbon-calculator-results__chart-wrapper .chart::before{content:var(--chart-label);position:absolute;top:50%;text-align:center;left:-2rem;transform:translateY(-50%) rotate(-90deg)}@media(min-width: 768px){.vs-carbon-calculator-results__chart-wrapper .chart::before{max-width:7rem;left:-5rem;transform:translateY(-100%)}}.vs-carbon-calculator-results__chart{margin-bottom:1.5rem}@media(min-width: 768px){.vs-carbon-calculator-results__chart{margin-bottom:4rem}}