{"version":3,"sources":["webpack:///./src/components/TextImage.vue?ee19","webpack:///src/components/TextImage.vue","webpack:///./src/components/TextImage.vue?3197","webpack:///./src/components/TextImage.vue","webpack:///./src/components/TextImage.vue?90e1"],"names":["render","_vm","this","_h","$createElement","_c","_self","staticClass","style","backgroundColor","bgColor","class","wide","wideImage","imagePos","color","textColor","_v","_s","heading","domProps","paragraph","hide","button","border","attrs","buttonItem","url","title","baseApiUrl","imageUrl","staticRenderFns","component"],"mappings":"uHAAA,IAAIA,EAAS,WAAa,IAAIC,EAAIC,KAASC,EAAGF,EAAIG,eAAmBC,EAAGJ,EAAIK,MAAMD,IAAIF,EAAG,OAAOE,EAAG,UAAU,CAACE,YAAY,aAAaC,MAAM,CAAEC,gBAAiBR,EAAIS,UAAW,CAACL,EAAG,MAAM,CAACE,YAAY,0BAA0BI,MAAM,CAAEC,MAAOX,EAAIY,YAAa,CAACR,EAAG,MAAM,CAACE,YAAY,qBAAqBI,MAAMV,EAAIa,UAAU,CAACT,EAAG,UAAU,CAACE,YAAY,iBAAiBC,MAAM,CAAGO,MAAOd,EAAIe,YAAc,CAACX,EAAG,KAAK,CAACJ,EAAIgB,GAAGhB,EAAIiB,GAAGjB,EAAIkB,YAAYd,EAAG,IAAI,CAACe,SAAS,CAAC,UAAYnB,EAAIiB,GAAGjB,EAAIoB,cAAchB,EAAG,IAAI,CAACM,MAAM,CAAEW,MAAOrB,EAAIsB,QAASf,MAAM,CAAGO,MAAOd,EAAIe,UAAWQ,OAAQ,YAAcvB,EAAIe,WAAaS,MAAM,CAAC,OAAOxB,EAAIsB,OAAO,KAAOtB,EAAIyB,WAAazB,EAAIyB,WAAWC,IAAM,OAAO,CAAC1B,EAAIgB,GAAG,IAAIhB,EAAIiB,GAAGjB,EAAIyB,WAAazB,EAAIyB,WAAWE,MAAQ,MAAM,SAASvB,EAAG,UAAU,CAACE,YAAY,gBAAgBI,MAAM,CAAEC,KAAMX,EAAIY,YAAa,CAACR,EAAG,MAAM,CAACoB,MAAM,CAAC,IAAMxB,EAAI4B,WAAa5B,EAAI6B,SAAS,IAAM,eAC/2BC,EAAkB,G,YCwBtB,GACA,iBACA,OACA,UACA,YACA,aAEA,UACA,YACA,aAEA,SACA,YACA,aAEA,WACA,YACA,aAEA,QACA,aACA,aAEA,YACA,YACA,YACA,mBACA,OACA,OACA,YAIA,WACA,aACA,aAEA,SACA,YACA,aAEA,WACA,YACA,cAGA,gBACA,OACA,qBCzEsS,I,wBCQlSC,EAAY,eACd,EACAhC,EACA+B,GACA,EACA,KACA,WACA,MAIa,aAAAC,E,oECnBf","file":"js/chunk-8888171e.0789f7db.js","sourcesContent":["var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('section',{staticClass:\"text-image\",style:({backgroundColor: _vm.bgColor})},[_c('div',{staticClass:\"section-content-wrapper\",class:{ wide: !_vm.wideImage }},[_c('div',{staticClass:\"text-image-wrapper\",class:_vm.imagePos},[_c('article',{staticClass:\"text-container\",style:({ color: _vm.textColor })},[_c('h2',[_vm._v(_vm._s(_vm.heading))]),_c('p',{domProps:{\"innerHTML\":_vm._s(_vm.paragraph)}}),_c('a',{class:{ hide: !_vm.button },style:({ color: _vm.textColor, border: '2px solid' + _vm.textColor }),attrs:{\"v-if\":_vm.button,\"href\":_vm.buttonItem ? _vm.buttonItem.url : null}},[_vm._v(\" \"+_vm._s(_vm.buttonItem ? _vm.buttonItem.title : null)+\" \")])]),_c('article',{staticClass:\"img-container\",class:{ wide: _vm.wideImage }},[_c('img',{attrs:{\"src\":_vm.baseApiUrl + _vm.imageUrl,\"alt\":\"\"}})])])])])}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n\t<section class=\"text-image\" :style=\"{backgroundColor: bgColor}\">\n\t\t<div class=\"section-content-wrapper\" :class=\"{ wide: !wideImage }\">\n\t\t\t<div class=\"text-image-wrapper\" :class=\"imagePos\">\n\t\t\t\t<article class=\"text-container\" :style=\"{ color: textColor }\">\n\t\t\t\t\t<h2>{{ heading }}</h2>\n\t\t\t\t\t<p v-html=\"paragraph\"></p>\n\t\t\t\t\t<a\n\t\t\t\t\t\t:v-if=\"button\"\n\t\t\t\t\t\t:href=\"buttonItem ? buttonItem.url : null\"\n\t\t\t\t\t\t:class=\"{ hide: !button }\"\n\t\t\t\t\t\t:style=\"{ color: textColor, border: '2px solid' + textColor }\"\n\t\t\t\t\t>\n\t\t\t\t\t\t{{ buttonItem ? buttonItem.title : null }}\n\t\t\t\t\t</a>\n\t\t\t\t</article>\n\t\t\t\t<article class=\"img-container\" :class=\"{ wide: wideImage }\">\n\t\t\t\t\t<img :src=\"baseApiUrl + imageUrl\" alt=\"\" />\n\t\t\t\t</article>\n\t\t\t</div>\n\t\t</div>\n\t</section>\n</template>\n<script>\nimport { baseUrl } from '@/assets/apiLink.js'\nexport default {\n\tname: 'TextImage',\n\tprops: {\n\t\timageUrl: {\n\t\t\ttype: String,\n\t\t\trequired: true,\n\t\t},\n\t\timagePos: {\n\t\t\ttype: String,\n\t\t\trequired: true,\n\t\t},\n\t\theading: {\n\t\t\ttype: String,\n\t\t\trequired: true,\n\t\t},\n\t\tparagraph: {\n\t\t\ttype: String,\n\t\t\trequired: true,\n\t\t},\n\t\tbutton: {\n\t\t\ttype: Boolean,\n\t\t\trequired: true,\n\t\t},\n\t\tbuttonItem: {\n\t\t\ttype: Object,\n\t\t\trequired: false,\n\t\t\tdefault: function () {\n\t\t\t\treturn {\n\t\t\t\t\turl: '',\n\t\t\t\t\ttitle: '',\n\t\t\t\t}\n\t\t\t},\n\t\t},\n\t\twideImage: {\n\t\t\ttype: Boolean,\n\t\t\trequired: false,\n\t\t},\n\t\tbgColor: {\n\t\t\ttype: String,\n\t\t\trequired: true,\n\t\t},\n\t\ttextColor: {\n\t\t\ttype: String,\n\t\t\trequired: true,\n\t\t},\n\t},\n\tdata: function () {\n\t\treturn {\n\t\t\tbaseApiUrl: baseUrl,\n\t\t}\n\t},\n}\n</script>\n<style scoped lang=\"scss\">\n.text-image {\n\tbackground-color: $color-grey-dark;\n\t.section-content-wrapper {\n\t\t.text-image-wrapper {\n\t\t\tdisplay: flex;\n\t\t\tflex-direction: row;\n\t\t\twidth: 100%;\n\n\t\t\t&.left {\n\t\t\t\tflex-direction: row-reverse;\n\t\t\t}\n\n\t\t\t.text-container {\n\t\t\t\tdisplay: flex;\n\t\t\t\tflex-direction: column;\n\t\t\t\tjustify-content: center;\n\t\t\t\tmargin-right: 5%;\n\t\t\t\twidth: 50%;\n\t\t\t\ta {\n\t\t\t\t\t@include paragraph-small;\n\n\t\t\t\t\tfont-family: $secondary-font-sbold;\n\t\t\t\t\tline-height: normal;\n\t\t\t\t\ttext-transform: uppercase;\n\t\t\t\t\ttext-decoration: none;\n\t\t\t\t\tborder-radius: 24px;\n\t\t\t\t\tpadding: 16px 56px;\n\t\t\t\t\tmargin-top: 32px;\n\t\t\t\t\twidth: fit-content;\n\n\t\t\t\t\t&.hide {\n\t\t\t\t\t\tdisplay: none;\n\t\t\t\t\t}\n\t\t\t\t}\n\n\t\t\t\tp {\n\t\t\t\t\twidth: 100%;\n\t\t\t\t\tmargin-top: 0;\n\t\t\t\t\tline-height: 26px;\n\t\t\t\t}\n\n\t\t\t\th2 {\n\t\t\t\t\ttext-transform: uppercase;\n\t\t\t\t\tmargin-bottom: 30px;\n\t\t\t\t\tmargin-top: 0px;\n\t\t\t\t\tmax-width: 460px;\n\n\t\t\t\t\t@include max-width(medium) {\n\t\t\t\t\t\tmargin-bottom: 10px;\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t}\n\n\t\t\t.img-container {\n\t\t\t\t@include aspect-ratio(0.9, 1);\n\t\t\t\twidth: 50%;\n\t\t\t\tmax-height: 500px;\n\n\t\t\t\t&.wide {\n\t\t\t\t\t@include aspect-ratio(1.14, 1);\n\t\t\t\t}\n\t\t\t}\n\t\t\t&.left {\n\t\t\t\t.text-container {\n\t\t\t\t\tmargin-left: 5%;\n\t\t\t\t\tmargin-right: 0;\n\t\t\t\t}\n\t\t\t}\n\t\t\t@include max-width(medium) {\n\t\t\t\t&,\n\t\t\t\t&.left {\n\t\t\t\t\tflex-direction: column-reverse;\n\t\t\t\t\twidth: 100%;\n\t\t\t\t\t.text-container {\n\t\t\t\t\t\tmargin-left: 0;\n\t\t\t\t\t\tmargin-right: 0;\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t\t.text-container {\n\t\t\t\t\twidth: 100%;\n\t\t\t\t}\n\t\t\t\t.img-container {\n\t\t\t\t\twidth: 100%;\n\t\t\t\t\tmargin-bottom: 15px;\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\t}\n}\n</style>\n","import mod from \"-!../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../node_modules/babel-loader/lib/index.js!../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./TextImage.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../node_modules/babel-loader/lib/index.js!../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./TextImage.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./TextImage.vue?vue&type=template&id=248e19f0&scoped=true&\"\nimport script from \"./TextImage.vue?vue&type=script&lang=js&\"\nexport * from \"./TextImage.vue?vue&type=script&lang=js&\"\nimport style0 from \"./TextImage.vue?vue&type=style&index=0&id=248e19f0&scoped=true&lang=scss&\"\n\n\n/* normalize component */\nimport normalizer from \"!../../node_modules/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n  script,\n  render,\n  staticRenderFns,\n  false,\n  null,\n  \"248e19f0\",\n  null\n  \n)\n\nexport default component.exports","export * from \"-!../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--8-oneOf-1-0!../../node_modules/css-loader/dist/cjs.js??ref--8-oneOf-1-1!../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../node_modules/postcss-loader/src/index.js??ref--8-oneOf-1-2!../../node_modules/sass-loader/dist/cjs.js??ref--8-oneOf-1-3!../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./TextImage.vue?vue&type=style&index=0&id=248e19f0&scoped=true&lang=scss&\""],"sourceRoot":""}