{"version":3,"sources":["webpack:///./src/components/block/columnfive.vue","webpack:///src/components/block/columnfive.vue","webpack:///./src/components/block/columnfive.vue?4dba","webpack:///./src/components/block/columnfive.vue?7bad","webpack:///./src/components/block/columnfive.vue?c175"],"names":["render","_vm","this","_c","_self","staticClass","_l","data","items","item","index","key","class","staticStyle","attrs","cover","_e","screenwidth","title","_v","_s","description","staticRenderFns","props","Object","created","document","documentElement","clientWidth","window","addEventListener","handleResize","console","log","beforeDestroy","removeEventListener","methods","event","fullWidth","component"],"mappings":"uHAAA,IAAIA,EAAS,WAAkB,IAAIC,EAAIC,KAAKC,EAAGF,EAAIG,MAAMD,GAAG,OAAOA,EAAG,MAAM,CAACE,YAAY,QAAQJ,EAAIK,GAAIL,EAAIM,KAAKC,OAAO,SAASC,EAAKC,GAAO,OAAOP,EAAG,MAAM,CAACQ,IAAID,EAAME,MAAMF,EAAQ,IAAM,EAAI,YAAc,cAAc,CAAEA,EAAQ,IAAM,EAAGP,EAAG,MAAM,CAACE,YAAY,SAAS,CAACF,EAAG,MAAM,CAACU,YAAY,CAAC,MAAQ,QAAQC,MAAM,CAAC,IAAML,EAAKM,WAAWd,EAAIe,KAA0B,UAApBf,EAAIgB,YAAyBd,EAAG,MAAM,CAACE,YAAY,QAAQ,CAAEI,EAAKS,MAAOf,EAAG,MAAM,CAACE,YAAY,SAAS,CAACJ,EAAIkB,GAAG,IAAIlB,EAAImB,GAAGX,EAAKY,aAAa,OAAOpB,EAAIe,OAAOf,EAAIe,KAAMN,EAAQ,IAAM,EAAGP,EAAG,MAAM,CAACE,YAAY,SAAS,CAACF,EAAG,MAAM,CAACU,YAAY,CAAC,MAAQ,QAAQC,MAAM,CAAC,IAAML,EAAKM,WAAWd,EAAIe,KAA0B,UAApBf,EAAIgB,YAAyBd,EAAG,MAAM,CAACE,YAAY,QAAQ,CAAEI,EAAKS,MAAOf,EAAG,MAAM,CAACE,YAAY,SAAS,CAACJ,EAAIkB,GAAG,IAAIlB,EAAImB,GAAGX,EAAKY,aAAa,OAAOpB,EAAIe,OAAOf,EAAIe,UAAS,IAE9yBM,EAAkB,GCsBP,GACfC,MAAA,CACAhB,KAAAiB,QAEAjB,OACA,OACAU,YAAA,KAGAQ,UACAC,SAAAC,gBAAAC,YAAA,IACA,KAAAX,YAAA,QAEA,KAAAA,YAAA,QAEAY,OAAAC,iBAAA,cAAAC,cACAC,QAAAC,IAAA,KAAA1B,OAaA2B,gBACAL,OAAAM,oBAAA,cAAAJ,eAEAK,QAAA,CACAL,aAAAM,GACA,KAAAC,UAAAZ,SAAAC,gBAAAC,YACA,KAAAU,UAAA,IACA,KAAArB,YAAA,QAEA,KAAAA,YAAA,WC9DkW,I,wBCQ9VsB,EAAY,eACd,EACAvC,EACAsB,GACA,EACA,KACA,WACA,MAIa,aAAAiB,E,2CCnBf,W","file":"js/chunk-526a93a6.7475264d.js","sourcesContent":["var render = function render(){var _vm=this,_c=_vm._self._c;return _c('div',{staticClass:\"body\"},_vm._l((_vm.data.items),function(item,index){return _c('div',{key:index,class:index % 2 === 0 ? 'body-left' : 'body-right'},[(index % 2 === 0)?_c('div',{staticClass:\"image\"},[_c('img',{staticStyle:{\"width\":\"100%\"},attrs:{\"src\":item.cover}})]):_vm._e(),(_vm.screenwidth === 'large')?_c('div',{staticClass:\"text\"},[(item.title)?_c('div',{staticClass:\"title\"},[_vm._v(\" \"+_vm._s(item.description)+\" \")]):_vm._e()]):_vm._e(),(index % 2 === 1)?_c('div',{staticClass:\"image\"},[_c('img',{staticStyle:{\"width\":\"100%\"},attrs:{\"src\":item.cover}})]):_vm._e(),(_vm.screenwidth === 'small')?_c('div',{staticClass:\"text\"},[(item.title)?_c('div',{staticClass:\"title\"},[_vm._v(\" \"+_vm._s(item.description)+\" \")]):_vm._e()]):_vm._e()])}),0)\n}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\r\n    <div class=\"body\">\r\n        <div v-for=\"(item, index) in data.items\" :key=\"index\" :class=\"index % 2 === 0 ? 'body-left' : 'body-right'\">\r\n            <div class=\"image\" v-if=\"index % 2 === 0\">\r\n                <img :src=\"item.cover\" style=\"width: 100%\" />\r\n            </div>\r\n            <div class=\"text\" v-if=\"screenwidth === 'large'\">\r\n                <div class=\"title\" v-if=\"item.title\">\r\n                    {{ item.description }}\r\n                </div>\r\n            </div>\r\n            <div class=\"image\" v-if=\"index % 2 === 1\">\r\n                <img :src=\"item.cover\" style=\"width: 100%\" />\r\n            </div>\r\n            <div class=\"text\" v-if=\"screenwidth === 'small'\">\r\n                <div class=\"title\" v-if=\"item.title\">\r\n                    {{ item.description }}\r\n                </div>\r\n            </div>\r\n        </div>\r\n    </div>\r\n</template>\r\n\r\n<script>\r\nexport default {\r\n    props: {\r\n        data: Object,\r\n    },\r\n    data() {\r\n        return {\r\n            screenwidth: ''\r\n        }\r\n    },\r\n    created() {\r\n        if (document.documentElement.clientWidth > 700) {\r\n            this.screenwidth = \"large\";\r\n        } else {\r\n            this.screenwidth = \"small\";\r\n        }\r\n        window.addEventListener('resize', this.handleResize);\r\n        console.log(this.data);\r\n    },\r\n    // mounted() {\r\n    //     window.onresize = () => {\r\n    //         return (() => {\r\n    //             if (document.documentElement.clientWidth > 700) {\r\n    //                 this.screenwidth = \"large\";\r\n    //             } else {\r\n    //                 this.screenwidth = \"small\";\r\n    //             }\r\n    //         })();\r\n    //     };\r\n    // },\r\n    beforeDestroy() {\r\n        window.removeEventListener('resize', this.handleResize);\r\n    },\r\n    methods: {\r\n        handleResize(event) {\r\n            this.fullWidth = document.documentElement.clientWidth;\r\n            if (this.fullWidth < 701) {\r\n                this.screenwidth = \"small\";\r\n            } else {\r\n                this.screenwidth = \"large\";\r\n            }\r\n        },\r\n\r\n    }\r\n};\r\n</script>\r\n<style lang=\"scss\" scoped>\r\n.body {\r\n    height: auto;\r\n    max-width: 1000px;\r\n    width: 100%;\r\n    margin: 0 auto;\r\n    margin-top: 60px;\r\n\r\n    .body-left {\r\n        margin-top: -30px;\r\n        margin-right: -30px;\r\n        display: flex;\r\n        position: relative;\r\n        overflow: hidden;\r\n    }\r\n\r\n    .body-right {\r\n        margin-top: -30px;\r\n        display: flex;\r\n        position: relative;\r\n        overflow: hidden;\r\n    }\r\n\r\n    .title {\r\n        font-size: 30px;\r\n        line-height: 45px;\r\n        display: -webkit-box;\r\n        -webkit-box-orient: vertical;\r\n        -webkit-line-clamp: 6;\r\n        overflow: hidden;\r\n        color: rgba(35, 24, 21, 0.6);\r\n    }\r\n\r\n    .text {\r\n        height: 400px;\r\n        width: 100%;\r\n        display: flex;\r\n        justify-content: center;\r\n        align-items: center;\r\n        float: left;\r\n        white-space: pre-line;\r\n    }\r\n\r\n    .image {\r\n        display: flex;\r\n        justify-content: center;\r\n        align-items: center;\r\n        width: 100%;\r\n        height: 400px;\r\n        float: right;\r\n    }\r\n\r\n    .image img {\r\n        max-height: 100%;\r\n        width: 100%;\r\n        border-radius: 15px;\r\n    }\r\n}\r\n\r\n@media screen and (max-width: 700px) {\r\n    .body {\r\n\r\n        .body-left,\r\n        .body-right {\r\n            margin: 0 auto;\r\n            width: 95%;\r\n            display: block;\r\n        }\r\n\r\n        .text {\r\n            height: 20vw;\r\n        }\r\n\r\n        .image {\r\n            height: 70vw;\r\n        }\r\n\r\n        .title {\r\n            font-size: 2.5vw;\r\n            line-height: 30px;\r\n            display: -webkit-box;\r\n            -webkit-box-orient: vertical;\r\n            -webkit-line-clamp: 3;\r\n            overflow: hidden;\r\n        }\r\n    }\r\n}\r\n</style>\r\n","import mod from \"-!../../../node_modules/cache-loader/dist/cjs.js??ref--13-0!../../../node_modules/thread-loader/dist/cjs.js!../../../node_modules/babel-loader/lib/index.js!../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./columnfive.vue?vue&type=script&lang=js\"; export default mod; export * from \"-!../../../node_modules/cache-loader/dist/cjs.js??ref--13-0!../../../node_modules/thread-loader/dist/cjs.js!../../../node_modules/babel-loader/lib/index.js!../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./columnfive.vue?vue&type=script&lang=js\"","import { render, staticRenderFns } from \"./columnfive.vue?vue&type=template&id=b0af54ba&scoped=true\"\nimport script from \"./columnfive.vue?vue&type=script&lang=js\"\nexport * from \"./columnfive.vue?vue&type=script&lang=js\"\nimport style0 from \"./columnfive.vue?vue&type=style&index=0&id=b0af54ba&prod&lang=scss&scoped=true\"\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  \"b0af54ba\",\n  null\n  \n)\n\nexport default component.exports","export * from \"-!../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--9-oneOf-1-0!../../../node_modules/css-loader/dist/cjs.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/sass-loader/dist/cjs.js??ref--9-oneOf-1-3!../../../node_modules/style-resources-loader/lib/index.js??ref--9-oneOf-1-4!../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./columnfive.vue?vue&type=style&index=0&id=b0af54ba&prod&lang=scss&scoped=true\""],"sourceRoot":""}