{"version":3,"sources":["webpack:///./src/components/slices/ImageCaptionSlice.vue?9dfb","webpack:///src/components/slices/ImageCaptionSlice.vue","webpack:///./src/components/slices/ImageCaptionSlice.vue?c710","webpack:///./src/components/slices/ImageCaptionSlice.vue","webpack:///./src/components/slices/ImageCaptionSlice.vue?780b"],"names":["render","_vm","this","_h","$createElement","_c","_self","size","staticClass","style","img","url","$prismic","richTextAsPlain","caption","_v","_s","_e","class","attrs","staticRenderFns","component"],"mappings":"kJAAA,IAAIA,EAAS,WAAa,IAAIC,EAAIC,KAASC,EAAGF,EAAIG,eAAmBC,EAAGJ,EAAIK,MAAMD,IAAIF,EAAG,OAAOE,EAAG,MAAM,CAAe,qBAAbJ,EAAIM,KAA6B,CAACF,EAAG,MAAM,CAACG,YAAY,qBAAqBC,MAAM,CAAG,mBAAoB,OAASR,EAAIS,IAAIC,IAAM,MAAO,CAA+C,IAA7CV,EAAIW,SAASC,gBAAgBZ,EAAIa,SAAgB,CAACT,EAAG,MAAM,CAACG,YAAY,WAAW,CAACH,EAAG,KAAK,CAACJ,EAAIc,GAAGd,EAAIe,GAAGf,EAAIW,SAASC,gBAAgBZ,EAAIa,gBAAgBb,EAAIgB,MAAM,IAAI,CAACZ,EAAG,MAAM,CAACG,YAAY,8BAA8B,CAACH,EAAG,IAAI,CAACG,YAAY,YAAYU,MAAMjB,EAAIM,MAAM,CAACF,EAAG,gBAAgB,CAACc,MAAM,CAAC,MAAQlB,EAAIS,QAAQ,GAAiD,IAA7CT,EAAIW,SAASC,gBAAgBZ,EAAIa,SAAgB,CAACT,EAAG,IAAI,CAACA,EAAG,OAAO,CAACG,YAAY,eAAe,CAACP,EAAIc,GAAGd,EAAIe,GAAGf,EAAIW,SAASC,gBAAgBZ,EAAIa,gBAAgBb,EAAIgB,MAAM,KAAK,IACpuBG,EAAkB,GC0BtB,GACE,MAAF,UACE,KAAF,sBACE,KAAF,WACI,MAAJ,CACM,IAAN,GACM,QAAN,GACM,KAAN,KAGE,QAVF,WAWI,KAAJ,6BACI,KAAJ,mCACI,KAAJ,8BCxC0W,I,wBCQtWC,EAAY,eACd,EACArB,EACAoB,GACA,EACA,KACA,WACA,MAIa,aAAAC,E,2CCnBf,yBAA2b,EAAG","file":"js/chunk-34e069cd.7e224992.js","sourcesContent":["var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',[(_vm.size === 'image-full-width')?[_c('div',{staticClass:\"blog-header single\",style:({ 'background-image': 'url(' + _vm.img.url + ')'})},[(_vm.$prismic.richTextAsPlain(_vm.caption) != '')?[_c('div',{staticClass:\"wrapper\"},[_c('h1',[_vm._v(_vm._s(_vm.$prismic.richTextAsPlain(_vm.caption)))])])]:_vm._e()],2)]:[_c('div',{staticClass:\"post-part single container\"},[_c('p',{staticClass:\"block-img\",class:_vm.size},[_c('prismic-image',{attrs:{\"field\":_vm.img}})],1),(_vm.$prismic.richTextAsPlain(_vm.caption) != '')?[_c('p',[_c('span',{staticClass:\"image-label\"},[_vm._v(_vm._s(_vm.$prismic.richTextAsPlain(_vm.caption)))])])]:_vm._e()],2)]],2)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n    <div>\n        <template v-if=\"size === 'image-full-width'\">\n            <div class='blog-header single' :style=\"{ 'background-image': 'url(' + img.url + ')'}\">\n                <template v-if=\"$prismic.richTextAsPlain(caption) != ''\">\n                    <div class=\"wrapper\">\n                        <h1>{{ $prismic.richTextAsPlain(caption) }}</h1>\n                    </div>\n                </template>\n            </div>\n        </template>\n        <template v-else>\n            <div class='post-part single container'>\n                <p class=\"block-img\" :class=\"size\">\n                    <prismic-image :field=\"img\"/>\n                </p>\n                <template v-if=\"$prismic.richTextAsPlain(caption) != ''\">\n                    <p>\n                        <span class=\"image-label\">{{ $prismic.richTextAsPlain(caption) }}</span>\n                    </p>\n                </template>\n            </div>\n        </template>\n    </div>\n</template>\n\n<script>\n    export default {\n        props: ['slice'],\n        name: 'image-caption-slice',\n        data: function() {\n            return {\n                img: '',\n                caption: '',\n                size: '',\n            }\n        },\n        created () {\n            this.img = this.slice.primary.image\n            this.caption = this.slice.primary.caption\n            this.size = this.slice.slice_label\n        }\n    }\n</script>\n\n<style scoped>\n    .blog-header {\n        height: 400px;\n        position: relative;\n        font-family: 'Lato', sans-serif;\n        font-weight: 400;\n        background-color: white;\n        background-size: cover;\n        color: white;\n        margin-bottom: 3rem;\n    }\n    .blog-header::before {\n        content: '';\n        position: absolute;\n        top: 0;\n        bottom: 0;\n        left: 0;\n        right: 0;\n        background: rgba(0, 0, 0, 0.2);\n    }\n    .blog-header::after {\n        content: '';\n        position: absolute;\n        top: 0;\n        bottom: 0;\n        left: 0;\n        right: 0;\n        background: -moz-linear-gradient(to bottom, rgba(255,255,255,0) 0%, rgba(0,0,0,0) 1%, rgba(0,0,0,0.05) 80%, rgba(0,0,0,0.1) 90%, rgba(0,0,0,0.2) 100%);\n        background: -webkit-linear-gradient(to bottom, rgba(255,255,255,0) 0%, rgba(0,0,0,0) 1%, rgba(0,0,0,0.05) 80%, rgba(0,0,0,0.1) 90%, rgba(0,0,0,0.2) 100%);\n        background: -o-linear-gradient(to bottom, rgba(255,255,255,0) 0%, rgba(0,0,0,0) 1%, rgba(0,0,0,0.05) 80%, rgba(0,0,0,0.1) 90%, rgba(0,0,0,0.2) 100%);\n        background: -ms-linear-gradient(to bottom, rgba(255,255,255,0) 0%, rgba(0,0,0,0) 1%, rgba(0,0,0,0.05) 80%, rgba(0,0,0,0.1) 90%, rgba(0,0,0,0.2) 100%);\n        background: linear-gradient(to bottom, rgba(255,255,255,0) 0%, rgba(0,0,0,0) 1%, rgba(0,0,0,0.05) 80%, rgba(0,0,0,0.1) 90%, rgba(0, 0, 0, 0.2) 100%);\n    }\n    .blog-header .wrapper {\n        text-align: center;\n        position: absolute;\n        left: 50%;\n        top: 50%;\n        -ms-transform: translate(-50%, -50%);\n        -webkit-transform: translate(-50%, -50%);\n        transform: translate(-50%, -50%);\n    }\n    img {\n        width: 100%;\n        height: auto;\n    }\n    .block-img {\n        margin-bottom: 24px;\n    }\n    .image-label {\n        display: block;\n        text-align: center;\n        font-style: italic;\n        font-size: 14px;\n        color: #949494;\n    }\n    /* Media Queries */\n    @media (max-width: 767px) {\n        .blog-header {\n            padding: 5px;\n        }\n        .blog-header .wrapper {\n            width: 80%;\n        }\n    }\n    @media screen and (min-width: 768px) {\n        /* Blog post images */\n        .block-img.emphasized {\n            width: 130%;\n            margin: 0 -15% 2rem -15%;\n        }\n    }\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!./ImageCaptionSlice.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!./ImageCaptionSlice.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./ImageCaptionSlice.vue?vue&type=template&id=3dbe9854&scoped=true&\"\nimport script from \"./ImageCaptionSlice.vue?vue&type=script&lang=js&\"\nexport * from \"./ImageCaptionSlice.vue?vue&type=script&lang=js&\"\nimport style0 from \"./ImageCaptionSlice.vue?vue&type=style&index=0&id=3dbe9854&scoped=true&lang=css&\"\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  \"3dbe9854\",\n  null\n  \n)\n\nexport default component.exports","import mod from \"-!../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--6-oneOf-1-0!../../../node_modules/css-loader/index.js??ref--6-oneOf-1-1!../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./ImageCaptionSlice.vue?vue&type=style&index=0&id=3dbe9854&scoped=true&lang=css&\"; export default mod; export * from \"-!../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--6-oneOf-1-0!../../../node_modules/css-loader/index.js??ref--6-oneOf-1-1!../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./ImageCaptionSlice.vue?vue&type=style&index=0&id=3dbe9854&scoped=true&lang=css&\""],"sourceRoot":""}