{"version":3,"sources":["webpack:///./src/modules/page-editor/src/views/PreviewEmail.vue","webpack:///src/modules/page-editor/src/views/PreviewEmail.vue","webpack:///./src/modules/page-editor/src/views/PreviewEmail.vue?15f5","webpack:///./src/modules/page-editor/src/views/PreviewEmail.vue?b781","webpack:///./src/modules/page-editor/src/views/PreviewEmail.vue?2274"],"names":["render","_vm","this","_c","_self","staticClass","attrs","$store","state","page","currentTemplate","seo_description","seo_keywords","_v","_s","seo_title","customCode","head_js","css","class","view","style","pageStyle","staticStyle","_l","editor","content","section","key","id","advanced","cssClasses","responsiveClasses","sectionStyle","children","row","cssId","page_findOne","cols","col","width","item","page_findChild","type","tag","body_js","staticRenderFns","name","components","emailSpacer","emailButton","emailHeadline","emailParagraph","emailImage","emailVideo","emailLink","emailSocial","emailMenu","emailTimer","emailCustom","emailProgressBar","emailProductList","emailFormElement","emailPaymentForm","emailTwoStepForm","emailOrderSummary","emailOrderBump","data","rawCode","editorCore","computed","textDecorationPage","borderLeft","borderRight","borderBottom","borderTop","border","basic","imageUrl","backgroundColor","backgroundImage","backgroundPosition","backgroundSize","backgroundRepeat","padding","borderRadius","color","fontFamily","fontSize","fontStyling","fontWeight","fontStyle","textDecoration","created","mounted","beforeDestroy","methods","blockResponsive","sectionWidth","sectionMargin","margin","borderWidth","borderColor","borderStyle","maxWidth","textAlign","boxShadow","component"],"mappings":"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AA,MACAA,eAAA,KAEA,oCACA,8BAEA,+BACA,gCAEA,YACAC,0BACAA,2BACAA,wBAEA,OACAC,0BACAC,iDACAC,4BACAC,uBACAC,6BACAC,UACAC,eACAV,YACAH,aACAC,cACAC,eACAY,QACAC,aACAC,gBACAC,cACAC,kCACAC,qCACAC,wCAGA,WAGAC,YAMAC,UACA,uCACA,wBAEAC,gBACA,uBACA,sBAEAC,SACAC,mBACA,wCAEAjE,qBACA,SACA,gCACA,kDACA,kDACA,mDACA,GAJA,IAMAkE,gBACA,2BAEA,qBAEA,UAEA,gBACA,OACA,UACA,MACA,UACA,MAEA,QAGAC,iBACA,2BAEA,qBACA,kBACAtB,mBACAA,eAAA,MACAA,gBAAA,MACAA,cAAA,KACA,GACAuB,UAEA,UAEAR,kBACA,2BACA,qBACA,mCACA,sCACA,yBACA,kBACA,eACA,YACA,YAEA,WAGA3D,gBACA,2BAEA,qBACA,wBAEA,eACA,6BACA,8BACA,+BACA,gCAEA,OACA2C,yBACAA,kBAAA,MACAA,qBAAA,MACAA,oBAAA,KAQA,KANA,WACAC,aACAA,eACAA,gBACAA,iBAEA,WACAA,oBACAA,gBAAA,MACAA,iBAAA,MACAA,eAAA,MAEA,qCACA,wCACA,mCACA,+BACA,gCAEA,eACA/C,oBACAA,gBAAA,MACAA,mBAAA,MACAA,eAAA,MACAA,iBAAA,MACAA,eAEA,uBAOA,GAEAiD,iDACAC,yEACAC,4BACAC,uBACAC,6BAEAC,UACAiB,4CACAC,uCACAC,uCACAlB,eACAV,YACAH,aACAC,cACAC,eACA8B,WACAhE,aACA8C,QACAC,aACAC,WACAiB,YACAhB,cACAC,mCACAC,sCACAC,sCACAc,aAEA,YCtVmY,I,wBCQ/XC,EAAY,eACd,EACA3G,EACA8C,GACA,EACA,KACA,KACA,MAIa,aAAA6D,E,2CCnBf,W","file":"js/chunk-2120fb04.a315f12d.js","sourcesContent":["var render = function render(){var _vm=this,_c=_vm._self._c;return _c('div',{staticClass:\"email-preview-content\"},[_c('div',{staticClass:\"raw-test\"},[_c('html',{attrs:{\"id\":\"target-table\"}},[_c('head',[_c('meta',{attrs:{\"name\":\"viewport\",\"content\":\"width=device-width\"}}),_c('meta',{attrs:{\"http-equiv\":\"Content-Type\",\"content\":\"text/html; charset=UTF-8\"}}),_c('meta',{attrs:{\"name\":\"description\",\"content\":this.$store.state.page.currentTemplate.seo_description ? this.$store.state.page.currentTemplate.seo_description : 'description'}}),_c('meta',{attrs:{\"name\":\"Keywords\",\"content\":this.$store.state.page.currentTemplate.seo_keywords ? this.$store.state.page.currentTemplate.seo_keywords : 'keywords'}}),_c('title',[_vm._v(\" \"+_vm._s(this.$store.state.page.currentTemplate.seo_title ? this.$store.state.page.currentTemplate.seo_title : 'Test Page'))]),_c('v-script',[_vm._v(\" \"+_vm._s(_vm.$store.state.page.customCode.head_js)+\" \")]),_c('v-style',[_vm._v(\" \"+_vm._s(_vm.$store.state.page.customCode.css)+\" \")])],1),_c('body',[_c('div',{staticClass:\"main_wrapper_main\",class:[_vm.view+'_grid'],style:(_vm.pageStyle)},[_c('main',{staticStyle:{\"width\":\"100%\",\"display\":\"flex\",\"flex-direction\":\"column\",\"align-items\":\"center\",\"min-height\":\"100vh\",\"text-decoration\":\"inherit\"}},_vm._l((_vm.editor.content),function(section){return _c('section',{key:section.id,staticClass:\"render_section_block\",class:[section.advanced ? section.advanced.cssClasses : '', _vm.responsiveClasses(section.id)],style:([_vm.sectionStyle(section.id)]),attrs:{\"id\":section.id}},_vm._l((section.children),function(row){return _c('div',{staticClass:\"section_row\",class:[row.advanced ? row.advanced.cssClasses : '', _vm.responsiveClasses(row)],style:(_vm.sectionStyle(row)),attrs:{\"id\":row.advanced ? row.advanced.cssId : ''}},_vm._l((_vm.page_findOne(row).cols),function(col){return _c('div',{staticClass:\"render_section_col\",style:('width: '+col.width + '%; padding: 15px; display:inline-block;min-width: 240px;vertical-align:top;text-decoration: inherit;')},_vm._l((col.children),function(item){return _c('div',{staticStyle:{\"display\":\"flex\",\"align-items\":\"center\",\"justify-content\":\"center\",\"text-decoration\":\"inherit\",\"min-height\":\"30px\"}},[_c('email-'+_vm.page_findChild(item).type,{tag:\"component\",attrs:{\"details\":_vm.page_findChild(item)}})],1)}),0)}),0)}),0)}),0)]),_c('v-script',[_vm._v(\" \"+_vm._s(_vm.$store.state.page.customCode.body_js)+\" \")])],1)])])])\n}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n\t<div class=\"email-preview-content\">\n\t\t<div class=\"raw-test\">\n\t\t\t<html id=\"target-table\">\n\t\t\t\t<head>\n\t\t\t\t\t<meta name=\"viewport\" content=\"width=device-width\" />\n\t\t\t\t\t<meta http-equiv=\"Content-Type\" content=\"text/html; charset=UTF-8\" />\n\t\t\t\t\t<meta name=\"description\" :content=\"this.$store.state.page.currentTemplate.seo_description ? this.$store.state.page.currentTemplate.seo_description : 'description'\">\n\t\t\t\t\t<meta name=\"Keywords\" :content=\"this.$store.state.page.currentTemplate.seo_keywords ? this.$store.state.page.currentTemplate.seo_keywords : 'keywords'\">\n\t\t\t\t\t<title> {{ this.$store.state.page.currentTemplate.seo_title ? this.$store.state.page.currentTemplate.seo_title : 'Test Page' }}</title>\n\n\t\t\t\t\t<v-script>\n\t\t\t\t\t\t{{ $store.state.page.customCode.head_js }}\n\t\t\t\t\t</v-script>\n\n\t\t\t\t\t<v-style>\n\t\t\t\t\t\t{{ $store.state.page.customCode.css }}\n\t\t\t\t\t</v-style>\n\t\t\t\t</head>\n\t\t\t\t<body>\n\t\t\t\t\t<!-- <style :v-html=\"$store.state.customCode.css\"></style> -->\n\t\t\t\t\t<div class=\"main_wrapper_main\" :class=\"[view+'_grid']\" :style=\"pageStyle\">\n\t\t\t\t\t\t<!-- MAIN WRAPPER -->\n\t\t\t\t\t\t<main style=\"width: 100%; display: flex; flex-direction: column; align-items: center; min-height: 100vh; text-decoration: inherit;\">\n\t\t\t\t\t\t\t<!-- SECTIONS -->\n\t\t\t\t\t\t\t<section class=\"render_section_block\" v-for='section in editor.content' :key='section.id' :style=\"[sectionStyle(section.id)]\" :class=\"[section.advanced ? section.advanced.cssClasses : '', responsiveClasses(section.id)]\" :id=\"section.id\">\n\t\t\t\t\t\t\t\t<!-- ROWS -->\n\t\t\t\t\t\t\t\t<div class=\"section_row\" v-for=\"row in section.children\" :style=\"sectionStyle(row)\" :class=\"[row.advanced ? row.advanced.cssClasses : '', responsiveClasses(row)]\" :id=\"row.advanced ? row.advanced.cssId : ''\">\n\t\t\t\t\t\t\t\t\t<!-- COLS -->\n\t\t\t\t\t\t\t\t\t<div class=\"render_section_col\" v-for=\"col in page_findOne(row).cols\" :style=\"'width: '+col.width + '%; padding: 15px; display:inline-block;min-width: 240px;vertical-align:top;text-decoration: inherit;'\">\n\t\t\t\t\t\t\t\t\t\t<!-- CHILDREN -->\n\t\t\t\t\t\t\t\t\t\t<div v-for=\"item in col.children\" style=\"display: flex; align-items: center; justify-content: center; text-decoration: inherit; min-height: 30px;\">\n\t\t\t\t\t\t\t\t\t\t\t<component :is=\"'email-'+page_findChild(item).type\" :details=\"page_findChild(item)\"></component>\n\t\t\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t\t\t\t<!-- CHILDREN END -->\n\t\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t\t\t<!-- COLS END -->\n\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t</section>\n\t\t\t\t\t\t</main>\n\t\t\t\t\t</div>\n\n\t\t\t\t\t<v-script>\n\t\t\t\t\t\t{{ $store.state.page.customCode.body_js }}\n\t\t\t\t\t</v-script>\n\t\t\t\t</body>\n\t\t\t</html>\n\t\t</div>\n\t</div>\n</template>\n\n<script>\nimport {mapGetters} from 'vuex';\nimport spacer from \"@/modules/page-editor/src/components/generator/Spacer.vue\";\nimport button from \"@/modules/page-editor/src/components/generator/Button.vue\";\nimport headline from \"@/modules/page-editor/src/components/generator/Headline.vue\";\nimport paragraph from \"@/modules/page-editor/src/components/generator/Paragraph.vue\";\nimport image from \"@/modules/page-editor/src/components/generator/Image.vue\";\nimport video from \"@/modules/page-editor/src/components/generator/Video.vue\";\nimport link from \"@/modules/page-editor/src/components/generator/Link.vue\";\nimport social from \"@/modules/page-editor/src/components/generator/Social.vue\";\nimport menu from \"@/modules/page-editor/src/components/generator/Menu.vue\";\nimport timer from \"@/modules/page-editor/src/components/generator/Timer.vue\";\nimport custom from \"@/modules/page-editor/src/components/generator/Custom.vue\";\nimport progressBar from \"@/modules/page-editor/src/components/generator/ProgressBar.vue\";\nimport productList from \"@/modules/page-editor/src/components/generator/ProductList.vue\";\nimport formElement from \"@/modules/page-editor/src/components/generator/FormElement.vue\";\nimport paymentForm from \"@/modules/page-editor/src/components/generator/PaymentForm.vue\";\nimport twoStepForm from \"@/modules/page-editor/src/components/generator/TwoStepForm.vue\";\nimport orderSummary from \"@/modules/page-editor/src/components/generator/OrderSummary.vue\";\nimport orderBump from \"@/modules/page-editor/src/components/generator/OrderBump.vue\";\n\nexport default {\n\tname: 'PreviewEmail',\n    components: {\n        emailSpacer: spacer,\n        emailButton: button,\n        emailHeadline: headline,\n        emailParagraph: paragraph,\n        emailImage: image,\n        emailVideo: video,\n        emailLink: link,\n        emailSocial: social,\n        emailMenu: menu,\n        emailTimer: timer,\n\t\temailCustom: custom,\n\t\temailProgressBar: progressBar,\n\t\temailProductList: productList,\n\t\temailFormElement: formElement,\n\t\temailPaymentForm: paymentForm,\n\t\temailTwoStepForm: twoStepForm,\n\t\temailOrderSummary: orderSummary,\n\t\temailOrderBump: orderBump,\n\t},\n\tdata() {\n\t\treturn {\n\t\t\trawCode: 'raw',\n\t\t\teditorCore: null\n\t\t}\n\t},\n    computed: {\n\t\t...mapGetters(['page_findOne', 'page_findChild']),\n        editor() {\n            return this.$store.state.page.editor\n\t\t},\n\t\tview() {\n            return this.$store.state.page.view\n        },\n\t\t// content() {\n        //     return this.findOne(this.id);\n        // },\n        // basic() {\n        //     return this.content.attributes.basic\n\t\t// },\n\t\tpage() {\n            return this.$store.state.page.page\n\t\t},\n\t\ttextDecorationPage(){\n            var fontStyling = this.page.basic.font ? this.page.basic.font.fontStyling : false;\n            if(fontStyling['line-through'] && fontStyling.underline) {\n                return 'underline line-through';\n            } else if(fontStyling['line-through']) {\n                return 'line-through';\n            } else if(fontStyling.underline){\n                return 'underline';\n            } else {\n                return 'inherit';\n            }\n        },\n\t\tpageStyle() {\n            var basic = this.page.basic;\n            var border = basic.border;\n            var borderTop,\n                borderLeft,\n                borderRight,\n                borderBottom;\n\n            if (border) {\n                borderTop = !border.sides.top ? 'none' : border.width + 'px ' + border.style + ' ' + border.color;\n                borderLeft = !border.sides.left ? 'none' : border.width + 'px ' + border.style + ' ' + border.color;\n                borderRight = !border.sides.right ? 'none' : border.width + 'px ' + border.style + ' ' + border.color;\n                borderBottom = !border.sides.bottom ? 'none' : border.width + 'px ' + border.style + ' ' + border.color;\n            }\n\n            var borderRadius = border ?\n                border.radius.analytics+'px '+\n                border.radius.topRight+'px '+\n                border.radius.bottomRight+'px '+\n                border.radius.bottomLeft+'px' : false;\n\n            var padding = basic.padding ?\n                basic.padding.top+'px '+\n                basic.padding.right+'px '+\n                basic.padding.bottom+'px '+\n                basic.padding.left+'px' : false;\n\n            var fontFamily = basic.font ? basic.font.fontFamily : 'Roboto';\n            var fontSize = basic.font ? basic.font.fontSize : '14';\n            // var textAlign = this.basic.font ? this.basic.font.textAlign : 'center';\n            var fontStyling = basic.font ? basic.font.fontStyling : false;\n            var color = basic.font ? basic.font.color : 'initial';\n\n\t\t\tvar imageUrl = basic.bgImage;\n            imageUrl = imageUrl.replace('http://', '');\n            imageUrl = imageUrl.replace('https://', '');\n            imageUrl = imageUrl.replace(/ /g, '%20');\n\n            var style = {\n                backgroundColor: basic.bgColor,\n\t\t\t\tbackgroundImage: imageUrl.length ? 'url(\"//'+imageUrl+'\")' : 'none',\n                backgroundPosition: 'center',\n                backgroundSize: 'cover',\n                backgroundRepeat: 'no-repeat',\n                padding,\n                borderRadius,\n                borderTop,\n                borderLeft,\n                borderRight,\n                borderBottom,\n                color,\n                fontFamily,\n                fontSize: fontSize + 'px',\n                fontStyling,\n                fontWeight: fontStyling.bold ? 'bold' : 'normal',\n                fontStyle: fontStyling.italic ? 'italic' : 'normal',\n                textDecoration: this.textDecorationPage,\n            }\n\n            return style\n        },\n    },\n    created() {\n\t\t// console.log('Preview: ', this.editor);\n\t\t// console.log('Preview page: ', this.page);\n\t\t// console.log('this.$store.state.page.customCode: ', this.$store.state.page.customCode);\n\t\t// console.log('this.$store.state.page: ', this.$store.state.page);\n\t},\n\tmounted() {\n\t\tthis.editorCore = new editorCore('Fire');\n\t\tthis.editorCore.init();\n\t},\n\tbeforeDestroy() {\n\t\tthis.editorCore.stop();\n\t\tthis.editorCore = null;\n\t},\n\tmethods: {\n\t\tblockResponsive(blockId) {\n            return this.page_findOne(blockId).responsive\n        },\n        responsiveClasses(blockId) {\n            let c = '';\n            if (!this.blockResponsive(blockId)) return '';\n            if (!this.blockResponsive(blockId).desktop) c = 'no-desktop';\n            if (!this.blockResponsive(blockId).mobile) c += ' no-mobile';\n            if (!this.blockResponsive(blockId).tablets) c += ' no-tablet';\n            return c;\n        },\n\t\tsectionWidth(sectionId) {\n\t\t\tlet findSection = this.page_findOne(sectionId);\n\n\t\t\tlet basic = findSection.attributes.basic;\n\n\t\t\tlet widthData = basic.width;\n\n            if(widthData == 'full') {\n                return '100%';\n            } else if(widthData == 'wide') {\n                return '75%';\n            } else if(widthData == 'half') {\n                return '50%';\n            } else {\n                return '100%'\n            }\n\t\t},\n\t\tsectionMargin(sectionId){\n\t\t\tlet findSection = this.page_findOne(sectionId);\n\n\t\t\tlet basic = findSection.attributes.basic;\n\t\t\tvar margin = basic.margin ?\n\t\t\t\tbasic.margin.top+'px '+\n\t\t\t\tbasic.margin.right+'px '+\n\t\t\t\tbasic.margin.bottom+'px '+\n\t\t\t\tbasic.margin.left+'px' : false;\n\t\t\tvar obj = {\n\t\t\t\tmargin,\n\t\t\t};\n\t\t\treturn obj\n\t\t},\n\t\ttextDecoration(sectionId){\n\t\t\tlet findSection = this.page_findOne(sectionId);\n\t\t\tlet basic = findSection.attributes.basic;\n            var fontStyling = basic.font ? basic.font.fontStyling : false;\n            if(fontStyling['line-through'] && fontStyling.underline) {\n                return 'underline line-through';\n            } else if(fontStyling['line-through']) {\n                return 'line-through';\n            } else if(fontStyling.underline){\n                return 'underline';\n            } else {\n                return 'inherit';\n            }\n        },\n\t\tsectionStyle(sectionId) {\n\t\t\tlet findSection = this.page_findOne(sectionId);\n\n\t\t\tlet basic = findSection.attributes.basic;\n\t\t\tlet advanced = findSection.attributes.advanced;\n\n\t\t\tvar border = basic.border;\n\t\t\tvar borderTop = border && !border.sides.top ? 'none' : false;\n\t\t\tvar borderLeft = border && !border.sides.left ? 'none' : false;\n\t\t\tvar borderRight = border && !border.sides.right ? 'none' : false;\n\t\t\tvar borderBottom = border && !border.sides.bottom ? 'none' : false;\n\n\t\t\tvar borderRadius = border ?\n\t\t\t\tborder.radius.analytics+'px '+\n\t\t\t\tborder.radius.topRight+'px '+\n\t\t\t\tborder.radius.bottomRight+'px '+\n\t\t\t\tborder.radius.bottomLeft+'px' : false;\n\n\t\t\tvar margin = basic.margin ?\n\t\t\t\tbasic.margin.top+'px '+\n\t\t\t\tbasic.margin.right+'px '+\n\t\t\t\tbasic.margin.bottom+'px '+\n\t\t\t\tbasic.margin.left+'px' : false;\n\n\t\t\tvar padding = basic.padding ?\n\t\t\t\tbasic.padding.top+'px '+\n\t\t\t\tbasic.padding.right+'px '+\n\t\t\t\tbasic.padding.bottom+'px '+\n\t\t\t\tbasic.padding.left+'px' : false;\n\n            var fontFamily = basic.font ? basic.font.fontFamily : 'inherit';\n            var fontSize = basic.font ? basic.font.fontSize + 'px' : 'inherit';\n            var textAlign = basic.font ? basic.font.textAlign : 'center';\n            var fontStyling = basic.font ? basic.font.fontStyling : false;\n            var color = basic.font ? basic.font.color : 'inherit';\n\n            var boxShadow = advanced.shadows ?\n                advanced.shadows.color+ ' ' +\n                advanced.shadows.angle+'px '+\n                advanced.shadows.distance+'px '+\n                advanced.shadows.blur+'px '+\n                advanced.shadows.spread+'px '+\n                advanced.shadows.type : false;\n\n\t\t\tvar maxWidth = this.sectionWidth(sectionId);\n\n\t\t\t//  var imageUrl = basic.backgroundImage ? basic.backgroundImage : 'none';\n            // imageUrl = imageUrl.replace('http://', '');\n            // imageUrl = imageUrl.replace('https://', '');\n            // imageUrl = imageUrl.replace(/ /g, '%20');\n\n\t\t\tvar obj = {\n\t\t\t\t// borderColor: this.label.bg,\n\t\t\t\tbackgroundColor: basic.backgroundColor || 'transparent',\n\t\t\t\tbackgroundImage: basic.backgroundImage ? `url(\"//${basic.backgroundImage}\")` : 'none',\n\t\t\t\tbackgroundPosition: 'center',\n\t\t\t\tbackgroundSize: 'cover',\n\t\t\t\tbackgroundRepeat: 'no-repeat',\n\t\t\t\t// margin,\n\t\t\t\tpadding,\n\t\t\t\tborderWidth: border ? basic.border.width + 'px' : 'initial',\n\t\t\t\tborderColor:  border ? basic.border.color : 'initial',\n\t\t\t\tborderStyle:  border ? basic.border.style : 'initial',\n\t\t\t\tborderRadius,\n\t\t\t\tborderTop,\n\t\t\t\tborderLeft,\n\t\t\t\tborderRight,\n\t\t\t\tborderBottom,\n\t\t\t\tmaxWidth,\n\t\t\t\twidth: '100%',\n                color,\n                fontFamily,\n                fontSize,\n                textAlign,\n                fontStyling,\n                fontWeight: fontStyling.bold ? 'bold' : 'inherit',\n                fontStyle: fontStyling.italic ? 'italic' : 'inherit',\n                textDecoration: this.textDecoration(sectionId),\n                boxShadow,\n\t\t\t};\n\t\t\treturn obj\n\t\t}\n\t}\n}\n</script>\n\n<style>\n    .raw-test {\n        height: 100vh;\n        overflow: auto;\n    }\n\t.back-to-editor {\n\t\tposition: fixed;\n\t\ttop: 85px;\n\t\tright: 85px;\n\t\tleft: auto;\n\t}\n\t.raw-code {\n\t\tdisplay: block;\n\t\twidth: 100%;\n\t\tpadding: 50px;\n\t\tbackground: #000;\n\t\tcolor: #fff;\n\t}\n</style>\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!./PreviewEmail.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!./PreviewEmail.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./PreviewEmail.vue?vue&type=template&id=4a8add5f&\"\nimport script from \"./PreviewEmail.vue?vue&type=script&lang=js&\"\nexport * from \"./PreviewEmail.vue?vue&type=script&lang=js&\"\nimport style0 from \"./PreviewEmail.vue?vue&type=style&index=0&id=4a8add5f&prod&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  null,\n  null\n  \n)\n\nexport default component.exports","export * from \"-!../../../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--7-oneOf-1-0!../../../../../node_modules/css-loader/dist/cjs.js??ref--7-oneOf-1-1!../../../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../../../node_modules/postcss-loader/src/index.js??ref--7-oneOf-1-2!../../../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./PreviewEmail.vue?vue&type=style&index=0&id=4a8add5f&prod&lang=css&\""],"sourceRoot":""}