{"version":3,"sources":["webpack:///./src/components/lists/TextImage.vue?70b0","webpack:///./src/components/lists/TextImage.vue?6315","webpack:///./src/mixins/parse.js","webpack:///./src/components/lists/TextImage.vue?abad","webpack:///src/components/lists/TextImage.vue","webpack:///./src/components/lists/TextImage.vue?84d6","webpack:///./src/components/lists/TextImage.vue","webpack:///./src/components/lists/TextImage.vue?b205"],"names":["content","__esModule","default","module","i","locals","exports","add","push","computed","parse","item","value","JSON","render","_vm","this","_h","$createElement","_c","_self","staticClass","domProps","_s","title","_e","_l","index","key","class","classes","attrs","images","imageAlt","text","separator","staticRenderFns","name","props","components","SectionSeparator","ResponsiveImage","mixins","image","injectStyles","context","style0","__inject__","component"],"mappings":"iGAGA,IAAIA,EAAU,EAAQ,QACnBA,EAAQC,aAAYD,EAAUA,EAAQE,SACnB,kBAAZF,IAAsBA,EAAU,CAAC,CAACG,EAAOC,EAAIJ,EAAS,MAC7DA,EAAQK,SAAQF,EAAOG,QAAUN,EAAQK,QAE5C,IAAIE,EAAM,EAAQ,QAAkEL,QACvEK,EAAI,WAAYP,GAAS,EAAM,CAAC,WAAY,EAAM,YAAa,K,uBCT5EM,EAAUH,EAAOG,QAAU,EAAQ,OAAR,EAA4D,GAKvFA,EAAQE,KAAK,CAACL,EAAOC,EAAI,+mFAAgnF,M,kCCL1nF,QACbK,SAAU,CACRC,MADQ,WAEN,OAAO,SAACC,GACN,MAA4B,kBAAhBA,EAAKC,MACRC,KAAKH,MAAMC,EAAKC,OAEhBD,EAAKC,W,yCCPtB,IAAIE,EAAS,WAAa,IAAIC,EAAIC,KAASC,EAAGF,EAAIG,eAAmBC,EAAGJ,EAAIK,MAAMD,IAAIF,EAAG,OAAOE,EAAG,MAAM,CAACE,YAAY,gBAAgB,CAACF,EAAG,MAAM,CAACE,YAAY,aAAa,CAAEN,EAAS,MAAEI,EAAG,KAAK,CAACE,YAAY,aAAaC,SAAS,CAAC,UAAYP,EAAIQ,GAAGR,EAAIS,UAAUT,EAAIU,KAAKV,EAAIW,GAAIX,EAAS,OAAE,SAASJ,EAAKgB,GAAO,OAAOR,EAAG,MAAM,CAACS,IAAK,cAAgBD,EAAOE,MAAMd,EAAIe,QAAQf,EAAIL,MAAMC,KAAQ,CAACQ,EAAG,kBAAkB,CAACE,YAAY,QAAQU,MAAM,CAAC,cAAgBhB,EAAIiB,OAAOrB,GAAM,YAAcI,EAAIkB,SAAStB,GAAM,MAAQ,OAAOQ,EAAG,MAAM,CAACE,YAAY,QAAQ,CAACF,EAAG,MAAM,CAACG,SAAS,CAAC,UAAYP,EAAIQ,GAAGR,EAAIL,MAAMC,GAAMuB,YAAY,OAAM,GAAInB,EAAa,UAAEI,EAAG,mBAAmB,CAACY,MAAM,CAAC,UAAYhB,EAAIoB,aAAapB,EAAIU,MAAM,IACrsBW,EAAkB,G,oCC4BtB,GACEC,KAAM,YAENC,MAAO,CAAC,QAAS,QAAS,aAE1BC,WAAY,CACVC,iBAAJ,OACIC,gBAAJ,QAGEC,OAAQ,CAAChC,EAAX,MAEED,SAAU,CACRuB,OADJ,WAEM,OAAO,SAAb,GACQ,IAAR,8CACQ,OAAOW,IAIXV,SARJ,WAQA,WACM,OAAO,SAAb,GACQ,OAAO,EAAf,2CAIIH,QAdJ,WAeM,OAAO,SAAb,GACQ,MAAO,CACf,6BACA,kBACA,gBACA,aACA,iBACA,CAAU,WAAV,SACA,CAAU,WAAV,sBACA,CAAU,cAAV,uBCjEkW,I,YCGlW,SAASc,EAAcC,GAErB,IAAIC,EAAS,EAAQ,QACnBA,EAAOC,YAAYD,EAAOC,WAAWF,GAMzC,IAAIG,EAAY,eACd,EACAlC,EACAsB,GACA,EACAQ,EACA,KACA,YAIa,aAAAI,E,2CCvBf","file":"js/chunks/text-image.js?id=75c7f1f2e4671b7bf36b","sourcesContent":["// style-loader: Adds some css to the DOM by adding a <style> tag\n\n// load the styles\nvar content = require(\"!!../../../node_modules/css-loader/index.js??ref--9-oneOf-1-1!../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../node_modules/postcss-loader/src/index.js??ref--9-oneOf-1-2!../../../node_modules/postcss-loader/src/index.js??ref--9-oneOf-1-3!../../../node_modules/sass-loader/dist/cjs.js??ref--9-oneOf-1-4!../../../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&lang=sass&\");\nif(content.__esModule) content = content.default;\nif(typeof content === 'string') content = [[module.id, content, '']];\nif(content.locals) module.exports = content.locals;\n// add the styles to the DOM\nvar add = require(\"!../../../node_modules/vue-style-loader/lib/addStylesClient.js\").default\nvar update = add(\"cffa6a4c\", content, true, {\"sourceMap\":false,\"shadowMode\":false});","exports = module.exports = require(\"../../../node_modules/css-loader/lib/css-base.js\")(false);\n// imports\n\n\n// module\nexports.push([module.id, \"@media screen and (min-width:600px){.text-image{display:-webkit-box;display:-ms-flexbox;display:flex;min-height:200px}}.text-image.is-fixed .image,.text-image.is-fixed .responsive-image{max-height:300px}.text-image .responsive-image{height:100%;display:-webkit-box;display:-ms-flexbox;display:flex}.text-image .responsive-image img{-o-object-fit:cover;object-fit:cover;-o-object-position:50% 50%;object-position:50% 50%;width:100%;height:100%}.text-image .text{padding:20px;display:-webkit-box;display:-ms-flexbox;display:flex}.text-image.is-boxed{-webkit-box-shadow:0 1px 2px rgba(0,0,0,.04),0 2px 4px rgba(0,0,0,.04),0 4px 8px rgba(0,0,0,.04),0 8px 16px rgba(0,0,0,.04),0 16px 32px rgba(0,0,0,.04),0 32px 64px rgba(0,0,0,.04);box-shadow:0 1px 2px rgba(0,0,0,.04),0 2px 4px rgba(0,0,0,.04),0 4px 8px rgba(0,0,0,.04),0 8px 16px rgba(0,0,0,.04),0 16px 32px rgba(0,0,0,.04),0 32px 64px rgba(0,0,0,.04)}.theme-clean-dark .text-image.is-boxed{background:rgba(0,0,0,.5)}.theme-clean-light .text-image.is-boxed{background:hsla(0,0%,100%,.85)}.theme-vantage-dark .text-image.is-boxed{background:rgba(0,0,0,.5)}.theme-vantage-light .text-image.is-boxed{background:#fff}.theme-slanted-dark .text-image.is-boxed{background:rgba(0,0,0,.5)}.theme-slanted-light .text-image.is-boxed{background:#fff}.text-image.has-spacing{margin-bottom:20px}@media screen and (min-width:600px){.text-image.text-left{-webkit-box-orient:horizontal;-webkit-box-direction:reverse;-ms-flex-direction:row-reverse;flex-direction:row-reverse}.text-image.text-right{-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row}.text-image.text-left.one-third .text,.text-image.text-right.one-third .text{-ms-flex-preferred-size:33.3333333333%;flex-basis:33.3333333333%}.text-image.text-left.half .text,.text-image.text-right.half .text{-ms-flex-preferred-size:50%;flex-basis:50%}.text-image.text-left.two-thirds .text,.text-image.text-right.two-thirds .text{-ms-flex-preferred-size:66.6666666667%;flex-basis:66.6666666667%}.text-image.text-left.three-quarters .text,.text-image.text-right.three-quarters .text{-ms-flex-preferred-size:75%;flex-basis:75%}.text-image.text-left.align-top .text,.text-image.text-right.align-top .text{-webkit-box-align:top;-ms-flex-align:top;align-items:top}.text-image.text-left.align-middle .text,.text-image.text-right.align-middle .text{-webkit-box-align:center;-ms-flex-align:center;align-items:center}.text-image.text-left.align-bottom .text,.text-image.text-right.align-bottom .text{-webkit-box-align:end;-ms-flex-align:end;align-items:flex-end}}.text-image .image{width:100%;min-height:200px;-webkit-box-flex:1;-ms-flex:1;flex:1}\", \"\"]);\n\n// exports\n","export default {\n  computed: {\n    parse() {\n      return (item) => {\n        if (typeof (item.value) === 'string') {\n          return JSON.parse(item.value)\n        } else {\n          return item.value\n        }\n      }\n    }\n  }\n}\n","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"page-section\"},[_c('div',{staticClass:\"container\"},[(_vm.title)?_c('h2',{staticClass:\"list-title\",domProps:{\"innerHTML\":_vm._s(_vm.title)}}):_vm._e(),_vm._l((_vm.items),function(item,index){return _c('div',{key:(\"text-image-\" + index),class:_vm.classes(_vm.parse(item))},[_c('ResponsiveImage',{staticClass:\"image\",attrs:{\"imageVersions\":_vm.images(item),\"description\":_vm.imageAlt(item),\"width\":768}}),_c('div',{staticClass:\"text\"},[_c('div',{domProps:{\"innerHTML\":_vm._s(_vm.parse(item).text)}})])],1)})],2),(_vm.separator)?_c('SectionSeparator',{attrs:{\"separator\":_vm.separator}}):_vm._e()],1)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template lang=\"html\">\n  <div class=\"page-section\">\n    <div class=\"container\">\n\n      <h2 class=\"list-title\" v-if=\"title\" v-html=\"title\"></h2>\n\n      <div v-for=\"(item, index) in items\" :key=\"`text-image-${index}`\" :class=\"classes(parse(item))\">\n        <ResponsiveImage\n          class=\"image\"\n          :imageVersions=\"images(item)\"\n          :description=\"imageAlt(item)\"\n          :width=\"768\"/>\n\n        <div class=\"text\">\n          <div v-html=\"parse(item).text\"></div>\n        </div>\n      </div>\n    </div>\n\n    <SectionSeparator v-if=\"separator\" :separator=\"separator\"/>\n  </div>\n</template>\n\n<script>\nimport parse from '@/mixins/parse'\n\nimport SectionSeparator from '@/components/lists/SectionSeparator'\nimport ResponsiveImage from '@/components/ResponsiveImage'\n\nexport default {\n  name: 'TextImage',\n\n  props: ['items', 'title', 'separator'],\n\n  components: {\n    SectionSeparator,\n    ResponsiveImage\n  },\n\n  mixins: [parse],\n\n  computed: {\n    images() {\n      return (item) => {\n        let image = item.image_versions.length ? item.image_versions : []\n        return image\n      }\n    },\n\n    imageAlt() {\n      return (item) => {\n        return this.parse(item).image_alt_text || 'Content image'\n      }\n    },\n\n    classes() {\n      return (item) => {\n        return [\n          'text-image animate-trigger',\n          item.entry_animation,\n          item.text_position,\n          item.text_width,\n          item.text_alignment,\n          {'is-boxed': item.boxed},\n          {'is-fixed': item.fixed_image_height},\n          {'has-spacing': item.bottom_spacing}\n        ]\n      }\n    }\n  }\n}\n</script>\n\n<style lang=\"sass\">\n@import '../../stylesheets/base/variables'\n@import '../../stylesheets/helpers/mixins'\n@import '../../stylesheets/helpers/extends'\n@import '../../stylesheets/base/theme'\n\n.text-image\n  @include media($media-gt-small)\n    display: flex\n    min-height: 200px\n\n  &.is-fixed\n    .image, .responsive-image\n      max-height: 300px\n\n  .responsive-image\n    height: 100%\n    display: flex\n\n    img\n      object-fit: cover\n      object-position: 50% 50%\n      width: 100%\n      height: 100%\n\n  .text\n    padding: $gap-medium\n    display: flex\n\n  &.is-boxed\n    box-shadow: $content-shadow\n\n    @include themify($themes)\n      background: themed('content-bg')\n\n  &.has-spacing\n    margin-bottom: $gap-medium\n\n  @include media($media-gt-small)\n    &.text-left\n      flex-direction: row-reverse\n\n    &.text-right\n      flex-direction: row\n\n    &.text-left, &.text-right\n      &.one-third\n        .text\n          flex-basis: percentage(1/3)\n\n      &.half\n        .text\n          flex-basis: percentage(1/2)\n\n      &.two-thirds\n        .text\n          flex-basis: percentage(2/3)\n\n      &.three-quarters\n        .text\n          flex-basis: percentage(3/4)\n\n      &.align-top\n        .text\n          align-items: top\n\n      &.align-middle\n        .text\n          align-items: center\n\n      &.align-bottom\n        .text\n          align-items: flex-end\n\n  .image\n    width: 100%\n    min-height: 200px\n    flex: 1\n</style>\n","import mod from \"-!../../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../../node_modules/thread-loader/dist/cjs.js!../../../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/thread-loader/dist/cjs.js!../../../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=277dd38d&lang=html&\"\nimport script from \"./TextImage.vue?vue&type=script&lang=js&\"\nexport * from \"./TextImage.vue?vue&type=script&lang=js&\"\nfunction injectStyles (context) {\n  \n  var style0 = require(\"./TextImage.vue?vue&type=style&index=0&lang=sass&\")\nif (style0.__inject__) style0.__inject__(context)\n\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  injectStyles,\n  null,\n  \"77b15487\"\n  \n)\n\nexport default component.exports","export * from \"-!../../../node_modules/vue-style-loader/index.js??ref--9-oneOf-1-0!../../../node_modules/css-loader/index.js??ref--9-oneOf-1-1!../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../node_modules/postcss-loader/src/index.js??ref--9-oneOf-1-2!../../../node_modules/postcss-loader/src/index.js??ref--9-oneOf-1-3!../../../node_modules/sass-loader/dist/cjs.js??ref--9-oneOf-1-4!../../../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&lang=sass&\""],"sourceRoot":""}