{"version":3,"sources":["webpack:////Users/alicia/Sites/ruter/wp-content/mu-plugins/ruter-base/src/components/blocks/TextAndMedia.vue?526f","webpack:////Users/alicia/Sites/ruter/wp-content/mu-plugins/ruter-base/src/components/blocks/TextAndMedia.vue?3494","webpack:///../../mu-plugins/ruter-base/src/components/blocks/TextAndMedia.vue","webpack:////Users/alicia/Sites/ruter/wp-content/mu-plugins/ruter-base/src/components/blocks/TextAndMedia.vue?a632","webpack:////Users/alicia/Sites/ruter/wp-content/mu-plugins/ruter-base/src/components/blocks/TextAndMedia.vue"],"names":["render","_vm","this","_h","$createElement","_c","_self","class","componentClass","colorMode","styleClasses","visible","ready","staticClass","ref","textColumns","style","order","textOrder","attrs","data","wysiwyg_content","mediaColumns","mediaOrder","media_content","staticRenderFns","component"],"mappings":"uHAAA,W,gECAA,IAAIA,EAAS,WAAa,IAAIC,EAAIC,KAASC,EAAGF,EAAIG,eAAmBC,EAAGJ,EAAIK,MAAMD,IAAIF,EAAG,OAAOE,EAAG,UAAU,CAACE,MAAM,CACnH,gBACAN,EAAIO,eACJP,EAAIQ,UACJR,EAAIS,aACJ,CACCC,QAASV,EAAIU,QACbC,MAAOX,EAAIW,SAEV,CAACP,EAAG,MAAM,CAACQ,YAAY,OAAO,CAACR,EAAG,MAAM,CAACQ,YAAY,oBAAoB,CAACR,EAAG,MAAM,CAACQ,YAAY,oBAAoB,CAACR,EAAG,MAAM,CAACS,IAAI,aAAaP,MAAMN,EAAIc,YAAYC,MAAM,CACzKC,MAAOhB,EAAIiB,YACR,CAACb,EAAG,kBAAkB,CAACS,IAAI,cAAcK,MAAM,CAAC,KAAOlB,EAAImB,KAAKC,gBAAgB,QAAU,MAAM,GAAGhB,EAAG,MAAM,CAACE,MAAMN,EAAIqB,aAAaN,MAAM,CAAGC,MAAOhB,EAAIsB,aAAc,CAAClB,EAAG,gBAAgB,CAACS,IAAI,eAAeK,MAAM,CAAC,KAAOlB,EAAImB,KAAKI,cAAc,MAAQvB,EAAIW,MAAM,QAAUX,EAAIU,YAAY,YACpSc,EAAkB,G,oCC6BtB,GACA,qBACA,OACA,OACA,YACA,aACA,yBACA,qBACA,qDACA,UACA,gDAIA,UACA,eACA,uEAEA,cACA,sEAEA,eACA,6BAEA,yBACA,gCAGA,SACA,uBACA,sBAEA,gBACA,yIACA,2IAEA,YACA,oCAGA,UACA,4BACA,2BACA,uCAEA,6DAEA,gBACA,gEAEA,YACA,4BACA,4BC7F2f,I,wBCQvfC,EAAY,eACd,EACA1B,EACAyB,GACA,EACA,KACA,KACA,MAIa,aAAAC,E","file":"js/blocks.TextAndMedia.b6ba24b7.js","sourcesContent":["export * from \"-!../../../../../themes/aarsrapport-2021/node_modules/mini-css-extract-plugin/dist/loader.js??ref--8-oneOf-1-0!../../../../../themes/aarsrapport-2021/node_modules/css-loader/index.js??ref--8-oneOf-1-1!../../../../../themes/aarsrapport-2021/node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../../../themes/aarsrapport-2021/node_modules/postcss-loader/src/index.js??ref--8-oneOf-1-2!../../../../../themes/aarsrapport-2021/node_modules/sass-loader/dist/cjs.js??ref--8-oneOf-1-3!../../../../../themes/aarsrapport-2021/node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../../../themes/aarsrapport-2021/node_modules/vue-loader/lib/index.js??vue-loader-options!./TextAndMedia.vue?vue&type=style&index=0&lang=scss&\"","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('section',{class:[\n\t'block-wrapper', \n\t_vm.componentClass, \n\t_vm.colorMode, \n\t_vm.styleClasses,\n\t{\n\t\tvisible: _vm.visible, \n\t\tready: _vm.ready\n\t}\n]},[_c('div',{staticClass:\"row\"},[_c('div',{staticClass:\"columns small-12\"},[_c('div',{staticClass:\"row align-middle\"},[_c('div',{ref:\"textColumn\",class:_vm.textColumns,style:({ \n\t\t\t\t\t\torder: _vm.textOrder,\n\t\t\t\t\t})},[_c('wysiwyg-content',{ref:\"textWrapper\",attrs:{\"data\":_vm.data.wysiwyg_content,\"columns\":2}})],1),_c('div',{class:_vm.mediaColumns,style:({ order: _vm.mediaOrder})},[_c('media-content',{ref:\"mediaWrapper\",attrs:{\"data\":_vm.data.media_content,\"ready\":_vm.ready,\"visible\":_vm.visible}})],1)])])])])}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n\t<section :class=\"[\n\t\t'block-wrapper', \n\t\tcomponentClass, \n\t\tcolorMode, \n\t\tstyleClasses,\n\t\t{\n\t\t\tvisible: visible, \n\t\t\tready: ready\n\t\t}\n\t]\">\n\t\t<div class=\"row\">\n\t\t\t<div class=\"columns small-12\">\n\t\t\t\t<div class=\"row align-middle\">\n\t\t\t\t\t<div ref=\"textColumn\" :class=\"textColumns\" \n\t\t\t\t\t\t:style=\"{ \n\t\t\t\t\t\t\torder: textOrder,\n\t\t\t\t\t\t}\">\n\t\t\t\t\t\t<wysiwyg-content ref=\"textWrapper\" \n\t\t\t\t\t\t\t:data=\"data.wysiwyg_content\" \n\t\t\t\t\t\t\t:columns=\"2\"></wysiwyg-content>\n\t\t\t\t\t</div>\n\t\t\t\t\t<div :class=\"mediaColumns\" :style=\"{ order: mediaOrder}\">\n\t\t\t\t\t\t<media-content \n\t\t\t\t\t\t\tref=\"mediaWrapper\" \n\t\t\t\t\t\t\t:data=\"data.media_content\" \n\t\t\t\t\t\t\t:ready=\"ready\" \n\t\t\t\t\t\t\t:visible=\"visible\"></media-content>\n\t\t\t\t\t</div>\n\t\t\t\t</div>\n\t\t\t</div>\n\t\t</div>\n\t</section>\n</template>\n\n\n<script>\nimport BaseBlock from './Base'\nimport WysiwygContent from './wysiwyg/Content'\nimport MediaContent from './media/Content'\n\nexport default {\n\textends: BaseBlock,\n\tdata() {\n\t\treturn {\n\t\t\ttextOrder: 1,\n\t\t\tmediaOrder: 2,\n\t\t\tdefaultColorMode: 'light',\n\t\t\tmobileBreakpoint: 640,\n\t\t\tcomponentClass: 'text-wrapper text-and-media-wrapper',\n\t\t\tcontent() {\n\t\t\t\tif (this.type==='textbox') return this.textbox;\n\t\t\t}\n\t\t}\n\t},\n\tcomputed: {\n\t\tmediaColumns() {\n\t\t\treturn 'media-column columns small-12 medium-5 large-4 large-offset-1';\n\t\t},\n\t\ttextColumns() {\n\t\t\treturn 'text-column columns small-12 medium-7 large-5 large-offset-1';\n\t\t},\n\t\tstyleClasses() {\n\t\t\treturn this.data.styles || ''\n\t\t},\n\t\tbackgroundColorClasses() {\n\t\t\treturn this.data.bgcolors || ''\n\t\t}\n\t},\n\tmethods: {\n\t\tadjustForWidthChange() {\n\t\t\tthis.setFlexOrders()\n\t\t},\n\t\tsetFlexOrders() {\n\t\t\tthis.textOrder = ((window.innerWidth<=this.mobileBreakpoint) || ((window.innerWidth>=this.mobileBreakpoint) && (this.data.media_location!=='left'))) ? 1 : 2;\n\t\t\tthis.mediaOrder = ((window.innerWidth<=this.mobileBreakpoint) || ((window.innerWidth>=this.mobileBreakpoint) && (this.data.media_location!=='left'))) ? 2 : 1;\n\t\t},\n\t\tscrollNow() {\n\t\t\tthis.$scrollTo('component-2', 700);\n\t\t}\n\t},\n\tmounted() {\n\t\tthis.adjustForWidthChange()\n\t\tif (this.data.theme.length>0) {\n\t\t\tthis.defaultColorMode = this.data.theme\n\t\t}\n\t\twindow.addEventListener('resize', this.adjustForWidthChange)\n\t},\n\tbeforeDestroy() {\n\t\twindow.removeEventListener('resize', this.adjustForWidthChange)\n\t},\n\tcomponents: {\n\t\tWysiwygContent,\n\t\tMediaContent\n\t}\n}\n</script>\n\n<style lang=\"scss\">\n\t@import \"../../styles/scss/global/block-wrapper\";\n\t@import \"../../styles/scss/component/text\";\n\t@import \"../../styles/scss/component/text-and-media\";\n</style>","import mod from \"-!../../../../../themes/aarsrapport-2021/node_modules/cache-loader/dist/cjs.js??ref--12-0!../../../../../themes/aarsrapport-2021/node_modules/thread-loader/dist/cjs.js!../../../../../themes/aarsrapport-2021/node_modules/babel-loader/lib/index.js!../../../../../themes/aarsrapport-2021/node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../../../themes/aarsrapport-2021/node_modules/vue-loader/lib/index.js??vue-loader-options!./TextAndMedia.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../../../../themes/aarsrapport-2021/node_modules/cache-loader/dist/cjs.js??ref--12-0!../../../../../themes/aarsrapport-2021/node_modules/thread-loader/dist/cjs.js!../../../../../themes/aarsrapport-2021/node_modules/babel-loader/lib/index.js!../../../../../themes/aarsrapport-2021/node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../../../themes/aarsrapport-2021/node_modules/vue-loader/lib/index.js??vue-loader-options!./TextAndMedia.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./TextAndMedia.vue?vue&type=template&id=bbee6d1a&\"\nimport script from \"./TextAndMedia.vue?vue&type=script&lang=js&\"\nexport * from \"./TextAndMedia.vue?vue&type=script&lang=js&\"\nimport style0 from \"./TextAndMedia.vue?vue&type=style&index=0&lang=scss&\"\n\n\n/* normalize component */\nimport normalizer from \"!../../../../../themes/aarsrapport-2021/node_modules/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n  script,\n  render,\n  staticRenderFns,\n  false,\n  null,\n  null,\n  null\n  \n)\n\nexport default component.exports"],"sourceRoot":""}