{"version":3,"sources":["webpack:///./src/components/funnel-template-entry.vue?c175","webpack:///./src/assets/img/get-started/screen.svg","webpack:///./src/components/base/big-button.vue?5bb7","webpack:///./src/assets/img/get-started/browse-more.svg","webpack:///./src/views/get-started/template-panel.vue","webpack:///src/views/get-started/template-panel.vue","webpack:///./src/views/get-started/template-panel.vue?e68d","webpack:///./src/views/get-started/template-panel.vue?0ffe","webpack:///./src/assets/img/get-started/heart-full.svg","webpack:///./src/assets/img/get-started/redesign-funnel.svg","webpack:///./src/assets/img/get-started/blank-funnel.svg","webpack:///./src/components/funnel-template-entry.vue","webpack:///src/components/funnel-template-entry.vue","webpack:///./src/components/funnel-template-entry.vue?0172","webpack:///./src/components/funnel-template-entry.vue?c07c","webpack:///./src/assets/img/get-started/heart.svg","webpack:///./src/views/get-started/get-started.vue","webpack:///src/views/get-started/get-started.vue","webpack:///./src/views/get-started/get-started.vue?039e","webpack:///./src/views/get-started/get-started.vue?1f7f","webpack:///./src/views/get-started/get-started.vue?6996","webpack:///./src/components/base/big-button.vue","webpack:///src/components/base/big-button.vue","webpack:///./src/components/base/big-button.vue?4131","webpack:///./src/components/base/big-button.vue?e7a9","webpack:///./src/views/get-started/get-started.vue?f76e","webpack:///./src/views/get-started/template-panel.vue?a92b","webpack:///./src/assets/img/get-started/preview.svg","webpack:///./src/assets/img/get-started/pen.svg","webpack:///./src/assets/img/get-started sync ^\\.\\/heart.*\\.svg$","webpack:///./src/assets/img/get-started/use-template.svg"],"names":["module","exports","render","_vm","this","_c","_self","staticClass","on","$event","target","currentTarget","$emit","directives","name","rawName","value","loading","expression","attrs","preventDefault","require","_v","_s","template","description","short","uses","liked","likes","cloning","steps","length","url","_e","class","like","_l","step","key","id","stepType","type","img","title","thumbnail_hash","funnel_id","share_code","doneCloneFunnel","staticRenderFns","props","components","CloningFunnelPopup","VButton","Loading","mixins","data","liking","computed","methods","path","component","empty","thumbnail_url","default","$router","push","newBlankFunnel","openIntercom","templates","trendingTemplates","t","currentTemplate","InfoIcon","AddNewFunnelPopup","TemplatePanel","FunnelTemplateEntry","BigButton","ExternalLink","DashboardBanner","MainSearch","MainRight","username","bannerOpened","user","on_boarding","message","ar","notificationsOpen","bannerClose","Intercom","notifToggle","_b","icon","disabled","href","$attrs","label","desc","_t","hasArrow","VSpinner","inheritAttrs","hasError","map","webpackContext","req","webpackContextResolve","__webpack_require__","o","e","Error","code","keys","Object","resolve"],"mappings":"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","file":"js/chunk-690f82f3.f719ae04.js","sourcesContent":["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/cache-loader/dist/cjs.js??ref--1-0!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./funnel-template-entry.vue?vue&type=style&index=0&id=6d17595f&prod&lang=scss&scoped=true&\"","module.exports = __webpack_public_path__ + \"img/screen.5f00220b.svg\";","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/cache-loader/dist/cjs.js??ref--1-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./big-button.vue?vue&type=style&index=0&id=3721fff6&prod&lang=scss&scoped=true&\"","module.exports = __webpack_public_path__ + \"img/browse-more.3ee16b2d.svg\";","var render = function render(){var _vm=this,_c=_vm._self._c;return _c('div',{staticClass:\"popup_wrpr active\",on:{\"click\":function($event){if($event.target !== $event.currentTarget)return null;return _vm.$emit('close')}}},[_c('div',{staticClass:\"template-panel-popup popup_high_right\"},[_c('Loading',{directives:[{name:\"show\",rawName:\"v-show\",value:(_vm.loading),expression:\"loading\"}]}),_c('a',{staticClass:\"close_popup_btn\",attrs:{\"href\":\"#\"},on:{\"click\":function($event){$event.preventDefault();return _vm.$emit('close')}}},[_c('inline-svg',{attrs:{\"src\":require('@/assets/img/popup_close.svg')}})],1),_c('div',{staticClass:\"layout-column\"},[_c('h1',{staticClass:\"popup_title layout-row\"},[_c('span',{staticClass:\"flex\"},[_vm._v(\" \"+_vm._s(_vm.template.name || '')+\" \")])]),_c('span',{staticClass:\"flex-none desc\"},[_vm._v(\" \"+_vm._s(_vm.template.description || '')+\" \")]),_c('div',{staticClass:\"layout-row sub-tags\"},[_c('div',{staticClass:\"layout-row uses\"},[_c('inline-svg',{attrs:{\"src\":require('@/assets/img/get-started/screen.svg')}}),_vm._v(\" \"+_vm._s(_vm.short(_vm.template.uses)+' ')+\" Uses \")],1),_c('div',{staticClass:\"layout-row likes\"},[_c('inline-svg',{attrs:{\"src\":require(`@/assets/img/get-started/heart${_vm.template.liked?'-full':''}.svg`)}}),_vm._v(\" \"+_vm._s(_vm.short(_vm.template.likes)+' ')+\" Likes \")],1)]),_c('div',{staticClass:\"layout-row\"},[_c('v-button',{attrs:{\"label\":\"Use this template\",\"loading\":_vm.cloning,\"icon\":require('@/assets/img/get-started/pen.svg')},on:{\"click\":function($event){_vm.cloning=true}}}),(_vm.steps && _vm.steps.length)?_c('v-button',{attrs:{\"label\":\"Preview\",\"href\":_vm.steps?'https://'+_vm.steps[0].url+'?utm_source=fnsh&utm_campaign=get-started':'',\"target\":\"_blank\",\"border\":\"\",\"icon\":require('@/assets/img/get-started/preview.svg')}}):_vm._e(),_c('v-button',{staticClass:\"like-btn\",class:{liked:_vm.template.liked},attrs:{\"label\":\"Like\",\"flat\":\"\",\"icon\":require(`@/assets/img/get-started/heart${_vm.template.liked?'-full':''}.svg`)},on:{\"click\":function($event){return _vm.like()}}})],1)]),_c('div',{staticClass:\"template-steps scroll\"},[_c('div',{staticClass:\"layout-column\"},_vm._l((_vm.steps),function(step){return _c('div',{key:step.id,staticClass:\"step-thumbnail\"},[_c('span',{staticClass:\"tag\"},[_c('img',{attrs:{\"src\":_vm.stepType(step.type).img}}),_vm._v(\" \"+_vm._s(_vm.stepType(step.type).title))]),_c('img',{attrs:{\"src\":step.thumbnail_hash,\"alt\":\"\"}})])}),0)]),(_vm.cloning&&_vm.template)?_c('cloning-funnel-popup',{attrs:{\"funnel\":_vm.template.funnel_id,\"code\":_vm.template.share_code,\"name\":'Copy of '+_vm.template.name,\"cloneGeoFunnels\":false},on:{\"done\":_vm.doneCloneFunnel,\"failed\":function($event){_vm.cloning=false}}}):_vm._e()],1)])\n}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n\t<div class=\"popup_wrpr active\" @click.self=\"$emit('close')\">\n<!--\t\t<transition name=\"fade\">-->\n\t\t<div class=\"template-panel-popup popup_high_right\">\n\n\t\t\t\t<Loading v-show=\"loading\"/>\n\n\t\t\t\t<a href=\"#\" class=\"close_popup_btn\" @click.prevent=\"$emit('close')\">\n\t\t\t\t\t<inline-svg :src=\"require('@/assets/img/popup_close.svg')\"/>\n\t\t\t\t</a>\n\n\t\t\t\t<div class=\"layout-column\">\n\t\t\t\t\t<h1 class=\"popup_title layout-row\">\n            <span class=\"flex\">\n              {{ template.name || '' }}\n            </span>\n\t\t\t\t\t</h1>\n\t\t\t\t\t<span class=\"flex-none desc\">\n\t\t\t\t\t\t{{ template.description || ''}}\n\t\t\t\t\t</span>\n\n\t\t\t\t\t<div class=\"layout-row sub-tags\">\n\t\t\t\t\t\t<div class=\"layout-row uses\">\n\t\t\t\t\t\t\t<inline-svg :src=\"require('@/assets/img/get-started/screen.svg')\" />\n\t\t\t\t\t\t\t{{short(template.uses)+' '}}\n\t\t\t\t\t\t\tUses\n\t\t\t\t\t\t</div>\n\t\t\t\t\t\t<div class=\"layout-row likes\">\n\t\t\t\t\t\t\t<inline-svg :src=\"require(`@/assets/img/get-started/heart${template.liked?'-full':''}.svg`)\" />\n\t\t\t\t\t\t\t{{short(template.likes)+' '}}\n\t\t\t\t\t\t\tLikes\n\t\t\t\t\t\t</div>\n\t\t\t\t\t</div>\n\n\t\t\t\t\t<div class=\"layout-row\">\n\t\t\t\t\t\t<v-button label=\"Use this template\" :loading=\"cloning\" @click=\"cloning=true\" :icon=\"require('@/assets/img/get-started/pen.svg')\" />\n\t\t\t\t\t\t<v-button v-if=\"steps && steps.length\" label=\"Preview\" :href=\"steps?'https://'+steps[0].url+'?utm_source=fnsh&utm_campaign=get-started':''\" target=\"_blank\" border :icon=\"require('@/assets/img/get-started/preview.svg')\" />\n\t\t\t\t\t\t<v-button class=\"like-btn\" :class=\"{liked:template.liked}\" label=\"Like\" flat @click=\"like()\"\n\t\t\t\t\t\t          :icon=\"require(`@/assets/img/get-started/heart${template.liked?'-full':''}.svg`)\" />\n\t\t\t\t\t</div>\n\t\t\t\t</div>\n\n\t\t\t<div class=\"template-steps scroll\">\n\t\t\t\t<div class=\"layout-column \">\n\t\t\t\t\t<div class=\"step-thumbnail\" v-for=\"step in steps\" :key=\"step.id\">\n\t\t\t\t\t\t<span class=\"tag\">\n\t\t\t\t\t\t\t<img :src=\"stepType(step.type).img\" />\n\t\t\t\t\t\t\t{{stepType(step.type).title}}</span>\n\t\t\t\t\t\t<img class=\"\" :src=\"step.thumbnail_hash\"  alt=\"\" />\n\t\t\t\t\t</div>\n\t\t\t\t</div>\n\t\t\t</div>\n\n\n\t\t\t<cloning-funnel-popup v-if=\"cloning&&template\" :funnel=\"template.funnel_id\" :code=\"template.share_code\"\n\t\t\t                      :name=\"'Copy of '+template.name\" :cloneGeoFunnels=\"false\"\n\t\t\t                      @done=\"doneCloneFunnel\" @failed=\"cloning=false\"/>\n\n\t\t</div>\n<!--\t\t</transition>-->\n\t</div>\n</template>\n\n<script>\nimport API from \"@/api\"\nimport Loading from \"@/components/Loading\";\nimport VButton from \"@/components/base/v-button\";\nimport stepTypes from \"@/helpers/stepTypes\";\nimport shortValue from \"@/helpers/shortValue\";\nimport CloningFunnelPopup from \"@/views/funnels/funnel-plus/funnel/cloning-funnel-popup\";\n\nexport default {\n\tname: \"TemplatePanel\",\n\tprops: {\n\t\ttemplate: {\n\t\t    type: Object,\n\t\t},\n\t},\n\tcomponents: {\n\t\tCloningFunnelPopup,\n\t\tVButton,\n\t\tLoading\n\t},\n\tmixins: [API],\n\tdata() {\n\t\treturn {\n\t\t\tcloning: false,\n\t\t\tsteps: [],\n\t\t\tloading: false,\n\t\t\tliking: false,\n\t\t}\n\t},\n\tcomputed: {\n\t},\n\tmethods: {\n\t\tdoneCloneFunnel(funnel) {\n\t\t\tthis.cloning=false;\n\t\t\tthis.$router.push({path: `/wfunnel/${funnel.id}`});\n\t\t},\n\t\tshort(v){\n\t\t\treturn shortValue(v, 1)\n\t\t},\n\t\tstepType(type){\n\t\t\tif (type > 0) type -= 1;\n\t\t\tif (type >= stepTypes.length) type = 0;\n\t\t\treturn stepTypes[type];\n\t\t},\n\t\tasync like(){\n\t\t\ttry {\n\t\t\t\tthis.liking = true;\n\t\t\t\tthis.template.liked = !this.template.liked;\n\n\t\t\t\tif (!this.template.liked) this.template.likes--;\n\t\t\t\telse this.template.likes++;\n\n\t\t\t\tawait this.api.wsteps.likeTemplate(this.template.id, this.template.liked);\n\n\t\t\t} catch (e) {\n\t\t\t\tthis.$warn(e)\n\t\t\t} finally {\n\t\t\t\tthis.liking = false;\n\t\t\t}\n\t\t},\n\t\tasync load(){\n\t\t\ttry {\n\t\t\t\tthis.loading = true;\n\t\t\t\tthis.steps = [];\n\t\t\t\tthis.steps = await this.api.wsteps.getTemplateSteps(this.template.funnel_id);\n\n\t\t\t} catch (e) {\n\t\t\t\tthis.$warn(e)\n\t\t\t} finally {\n\t\t\t\tthis.loading = false;\n\t\t\t}\n\t\t}\n\t},\n\tasync created() {\n\t\tthis.load();\n\t}\n}\n</script>\n<style lang=\"scss\" scoped>\n.template-panel-popup {\n\tmax-width: 500px;\n\t.popup_title {\n\t\tfont-size: 24px;\n\t\tfont-weight: bold;\n\t}\n\t.desc {\n\t\tmargin-top: 10px;\n\t}\n\t.sub-tags {\n\t\tmargin: 25px 0 25px;\n\t\tcolor: #636B7C;\n\t\tfont-size: 14px;\n\t\talign-items: center;\n\t\tsvg {\n\t\t\tmargin-right: 5px;\n\t\t\theight: 14px;\n\t\t}\n\t\t.uses {\n\t\t\tmargin-right: 20px;\n\t\t\talign-items: center;\n\t\t}\n\t\t.likes{\n\t\t\talign-items: center;\n\t\t}\n\t}\n\t.button {\n\t\tmargin-right: 20px;\n\t}\n\t.template-steps {\n\t\tmargin-top: 10px;\n\t\tpadding-top: 10px;\n\t\tborder-top: 1px solid $light-grey;\n\t}\n\t.like-btn {\n\t\tcolor: $blue;\n\t\t&.liked {\n\t\t}\n\t}\n\t.step-thumbnail {\n\t\twidth: 100%;\n\t\theight: 200px;\n\t\tborder: 1px solid $grey;\n\t\toverflow: hidden;\n\t\tborder-radius: 3px;\n\t\tmargin-bottom: 20px;\n\t\tposition: relative;\n\t\timg {\n\t\t\twidth: 100%;\n\t\t\theight: 200px;\n\t\t\tobject-fit: cover;\n\t\t\tobject-position: top;\n\t\t\ttransition: 2s all ease-in;\n\t\t}\n\t\t&:hover {\n\t\t\timg {\n\t\t\t\tobject-position: 0 50%;\n\t\t\t}\n\t\t}\n\t\t.tag {\n\t\t\tborder-radius: 5px;\n\t\t\tborder: 1px solid $grey;\n\t\t\tbackground: rgba(246, 249, 254, 0.95);\n\t\t\tcolor: $black;\n\t\t\tposition: absolute;\n\t\t\ttop: 5px;\n\t\t\tleft: 10px;\n\t\t\tpadding: 5px 10px;\n\t\t\tdisplay: flex;\n\t\t\tflex-direction: row;\n\t\t\talign-items: center;\n\t\t\timg {\n\t\t\t\tmargin-right: 5px;\n\t\t\t\theight: 18px;\n\t\t\t\twidth: 18px;\n\t\t\t}\n\t\t}\n\t}\n}\n\n.popup_side_content {\n\tpadding: 0;\n}\n\n.popup_left_side {\n\tpadding: 0;\n}\n\n.product-name {\n\tmax-width: 600px;\n\twhite-space: nowrap;\n\ttext-overflow: ellipsis;\n\toverflow: hidden;\n\tdisplay: flex;\n\tpadding: 20px 50px 20px 20px;\n\n\t> span {\n\t\tdisplay: block;\n\t\twhite-space: nowrap;\n\t\ttext-overflow: ellipsis;\n\t\toverflow: hidden;\n\t}\n}\n\n\n.automation-item .img-wrap img {\n\tdisplay: block;\n\twidth: 40px;\n}\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!./template-panel.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!./template-panel.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./template-panel.vue?vue&type=template&id=46d5f151&scoped=true&\"\nimport script from \"./template-panel.vue?vue&type=script&lang=js&\"\nexport * from \"./template-panel.vue?vue&type=script&lang=js&\"\nimport style0 from \"./template-panel.vue?vue&type=style&index=0&id=46d5f151&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  \"46d5f151\",\n  null\n  \n)\n\nexport default component.exports","module.exports = __webpack_public_path__ + \"img/heart-full.b1bf29bc.svg\";","module.exports = __webpack_public_path__ + \"img/redesign-funnel.f56ea637.svg\";","module.exports = __webpack_public_path__ + \"img/blank-funnel.8d171f19.svg\";","var render = function render(){var _vm=this,_c=_vm._self._c;return _c('div',{staticClass:\"funnel-template-entry\",class:{empty: _vm.empty},on:{\"click\":function($event){return _vm.$emit('click')}}},[(_vm.empty)?[_c('div',{staticClass:\"empty-container\"},[_c('span',{staticClass:\"browse-more\"},[_c('span',[_vm._v(\"Browse more\")]),_c('inline-svg',{attrs:{\"src\":require('@/assets/img/get-started/browse-more.svg')}})],1)])]:[_c('div',{staticClass:\"image\"},[_c('img',{attrs:{\"src\":_vm.template.thumbnail_url,\"alt\":\"\"}})]),_c('div',{staticClass:\"title\"},[_vm._v(_vm._s(_vm.template.name))]),_c('div',{staticClass:\"layout-row sub-tags\"},[_c('div',{staticClass:\"layout-row uses\"},[_c('inline-svg',{attrs:{\"src\":require('@/assets/img/get-started/screen.svg')}}),_vm._v(\" \"+_vm._s(_vm.short(_vm.template.uses)+' ')+\" uses \")],1),_c('div',{staticClass:\"layout-row\"},[_c('inline-svg',{attrs:{\"src\":require(`@/assets/img/get-started/heart${_vm.template.liked?'-full':''}.svg`)}}),_vm._v(\" \"+_vm._s(_vm.short(_vm.template.likes)+' ')+\" likes \")],1)])]],2)\n}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n\t<div class=\"funnel-template-entry\" :class=\"{empty}\" @click=\"$emit('click')\">\n\t\t<template v-if=\"empty\">\n\t\t\t<div class=\"empty-container\">\n\t\t\t\t<span class=\"browse-more\">\n\t\t\t\t\t<span>Browse more</span>\n\t\t\t\t\t<inline-svg :src=\"require('@/assets/img/get-started/browse-more.svg')\" />\n\t\t\t\t</span>\n\t\t\t</div>\n\t\t</template>\n\t\t<template v-else>\n\t\t\t<div class=\"image\">\n\t\t\t\t<img :src=\"template.thumbnail_url\" alt=\"\">\n\n\t\t\t\t<!--\t\t\t<div class=\"badge\" v-if=\"item.badge\">-->\n\t\t\t\t<!--\t\t\t\t<div class=\"icon\">-->\n\t\t\t\t<!--\t\t\t\t\t<inline-svg :src=\"item.badge\"/>-->\n\t\t\t\t<!--\t\t\t\t</div>-->\n\t\t\t\t<!--\t\t\t</div>-->\n\t\t\t</div>\n\t\t\t<div class=\"title\">{{ template.name }}</div>\n\t\t\t<div class=\"layout-row sub-tags\">\n\t\t\t\t<div class=\"layout-row uses\">\n\t\t\t\t\t<inline-svg :src=\"require('@/assets/img/get-started/screen.svg')\" />\n\t\t\t\t\t{{short(template.uses)+' '}}\n\t\t\t\t\tuses\n\t\t\t\t</div>\n\t\t\t\t<div class=\"layout-row \">\n\t\t\t\t\t<inline-svg :src=\"require(`@/assets/img/get-started/heart${template.liked?'-full':''}.svg`)\" />\n<!--\t\t\t\t\t<inline-svg :src=\"require('@/assets/img/get-started/heart.svg')\" />-->\n\t\t\t\t\t{{short(template.likes)+' '}}\n\t\t\t\t\tlikes\n\t\t\t\t</div>\n\t\t\t</div>\n\t\t</template>\n\t</div>\n</template>\n\n<script>\nimport shortValue from \"@/helpers/shortValue\";\n\nexport default {\n\tname: \"funnel-template-entry\",\n\tprops: {\n\t\ttemplate:{\n\t\t\tdefault: null,\n\t\t},\n\t\tempty:{\n\t\t\ttype: Boolean,\n\t\t}\n\t},\n\tmethods:{\n\t\tshort(v){\n\t\t\treturn shortValue(v, 1)\n\t\t}\n\t}\n}\n</script>\n\n<style lang=\"scss\" scoped>\n.funnel-template-entry {\n\tbackground: $light-blue;\n\tdisplay: flex;\n\tflex-direction: column;\n\tmargin-right: 20px;\n\tmargin-bottom: 20px;\n\tborder-radius: 16px;\n\toverflow: hidden;\n\t//width: 300px;\n\tcursor: pointer;\n\tborder: 1px solid rgba(207, 214, 225, 0.32);\n\theight: 340px;\n\t//flex-grow: 1;\n\t//flex-shrink: 1;\n\t//min-width: 300px;\n\t//max-width: 400px;\n\t//flex: 1;\n\t&:hover {\n\t\tbackground: #EEF4FF;\n\t\tbox-shadow: 0 5px 10px rgba(0, 0, 0, 0.06);\n\t\t.browse-more {\n\t\t\tsvg {\n\t\t\t\tright: -35px;\n\t\t\t}\n\t\t}\n\t}\n\t&.empty {\n\t\tborder-style: dashed;\n\t}\n\n\t.empty-container {\n\t\theight: 100%;\n\t\twidth: 100%;\n\t\talign-items: center;\n\t\tdisplay: flex;\n\t}\n\t.browse-more {\n\t\tcolor: #636B7C;\n\t\tdisplay: flex;\n\t\talign-items: center;\n\t\tmargin: auto;\n\t\tfont-size: 16px;\n\t\tposition: relative;\n\t\tsvg {\n\t\t\tmargin-left: 3px;\n\t\t\tposition: absolute;\n\t\t\tright: -30px;\n\t\t\ttop: -3px;\n\t\t\ttransition: 0.2s ease-in-out all;\n\t\t}\n\t}\n\t.title {\n\t\tcolor: $black;\n\t\tfont-weight: bold;\n\t\tfont-size: 18px;\n\t\tmargin: 10px 20px;\n\t}\n\t.sub-tags {\n\t\tcolor: #636B7C;\n\t\tmargin: 0 20px 15px;\n\t\tsvg {\n\t\t\tmargin-right: 5px;\n\t\t}\n\t\t.uses {\n\t\t\tmargin-right: 20px;\n\t\t}\n\t}\n\t.image {\n\t\timg {\n\t\t\theight: 250px;\n\t\t\tobject-fit: cover;\n\t\t\twidth: 100%;\n\t\t\tobject-position: top;\n\t\t}\n\t}\n}\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!./funnel-template-entry.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!./funnel-template-entry.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./funnel-template-entry.vue?vue&type=template&id=6d17595f&scoped=true&\"\nimport script from \"./funnel-template-entry.vue?vue&type=script&lang=js&\"\nexport * from \"./funnel-template-entry.vue?vue&type=script&lang=js&\"\nimport style0 from \"./funnel-template-entry.vue?vue&type=style&index=0&id=6d17595f&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  \"6d17595f\",\n  null\n  \n)\n\nexport default component.exports","module.exports = __webpack_public_path__ + \"img/heart.f68ae071.svg\";","var render = function render(){var _vm=this,_c=_vm._self._c;return _c('div',{staticClass:\"main get-started\"},[_c('div',{staticClass:\"scroll flex\"},[_c('div',{staticClass:\"inner-container\"},[_c('div',{},[_c('h1',{staticClass:\"layout-row flex-center\"},[_vm._v(\"Get Started \"),_c('info-icon',[_vm._v(\" Welcome on board, Here are a few quick shortcuts to get you started quickly. \")])],1),_c('div',{staticClass:\"top-buttons\"},[_c('big-button',{attrs:{\"label\":\"Use a template\",\"has-arrow\":\"\",\"icon\":require('@/assets/img/get-started/use-template.svg'),\"desc\":\"Hit the ground running with one of our ready to use funnel templates\"},on:{\"click\":function($event){return _vm.$router.push({name:'GetStartedTemplates'})}}}),_c('big-button',{attrs:{\"label\":\"Blank funnel\",\"icon\":require('@/assets/img/get-started/blank-funnel.svg'),\"desc\":\"Create your own funnel from scratch\"},on:{\"click\":function($event){_vm.newBlankFunnel=true}}}),(_vm.newBlankFunnel)?_c('add-new-funnel-popup',{on:{\"close\":function($event){_vm.newBlankFunnel=false}}}):_vm._e(),_c('big-button',{attrs:{\"label\":\"Redesign existing funnel\",\"icon\":require('@/assets/img/get-started/redesign-funnel.svg'),\"desc\":\"Hire our team to redesign your existing eCommerce sales funnel\"},on:{\"click\":_vm.openIntercom}})],1),_c('h2',[_vm._v(\"Here are some trending funnel templates to get you started\")]),(_vm.loading)?_c('loading'):_vm._e(),(_vm.templates)?_c('div',{staticClass:\"templates\"},[_vm._l((_vm.trendingTemplates),function(t){return _c('funnel-template-entry',{key:t.id,attrs:{\"template\":t},on:{\"click\":function($event){_vm.currentTemplate=t}}})}),_c('funnel-template-entry',{attrs:{\"empty\":\"\"},on:{\"click\":function($event){return _vm.$router.push({name:'GetStartedTemplates'})}}})],2):_vm._e(),(false)?_c('div',{staticStyle:{\"margin-top\":\"60px\",\"margin-right\":\"30px\",\"margin-left\":\"30px\"}},[_c('h1',{staticStyle:{\"margin-bottom\":\"20px\"}},[_vm._v(\"Quick links\")]),_c('ul',[_c('li',[_c('external-link',{attrs:{\"href\":\"https://docs.funnelish.com/getting-started/step-1-add-your-funnel\",\"label\":\"How to add your first funnel?\"}})],1),_c('li',[_c('external-link',{attrs:{\"href\":\"https://docs.funnelish.com/getting-started/step-2-copy-your-tracking-code\",\"label\":\"How to copy and add your tracking code?\"}})],1),_c('li',[_c('external-link',{attrs:{\"href\":\"https://docs.funnelish.com/getting-started/step-3-turn-on-your-apps\",\"label\":\"How to turn on the apps?\"}})],1),_c('li',[_c('external-link',{attrs:{\"href\":\"https://docs.funnelish.com/faq/troubleshooting-issues\",\"label\":\"Troubleshooting common issues\"}})],1)])]):_vm._e()],1)])]),(!!_vm.currentTemplate)?_c('template-panel',{attrs:{\"template\":_vm.currentTemplate},on:{\"close\":function($event){_vm.currentTemplate=null}}}):_vm._e()],1)\n}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n    <div class=\"main get-started\">\n        <div class=\"scroll flex\">\n\n            <div class=\"inner-container\" >\n              <div class=\"\">\n              <h1 class=\"layout-row flex-center\">Get Started <info-icon>\n\t              Welcome on board, Here are a few quick shortcuts to get you started quickly.\n              </info-icon> </h1>\n\n\t              <div class=\"top-buttons\">\n\t\t              <big-button label=\"Use a template\" has-arrow @click=\"$router.push({name:'GetStartedTemplates'})\"\n\t\t                          :icon=\"require('@/assets/img/get-started/use-template.svg')\"\n\t\t                          desc=\"Hit the ground running with one of our ready to use funnel templates\" />\n\t\t              <big-button label=\"Blank funnel\" :icon=\"require('@/assets/img/get-started/blank-funnel.svg')\"\n\t\t                          desc=\"Create your own funnel from scratch\" @click=\"newBlankFunnel=true\" />\n\t\t              <add-new-funnel-popup v-if=\"newBlankFunnel\" @close=\"newBlankFunnel=false\" />\n\t\t              <big-button label=\"Redesign existing funnel\" @click=\"openIntercom\"\n\t\t                          :icon=\"require('@/assets/img/get-started/redesign-funnel.svg')\"\n\t\t                          desc=\"Hire our team to redesign your existing eCommerce sales funnel\" />\n\t              </div>\n\n\t              <h2>Here are some trending funnel templates to get you started</h2>\n\n\t              <loading v-if=\"loading\" />\n\t              <div class=\"templates\" v-if=\"templates\">\n\t\t              <funnel-template-entry v-for=\"t in trendingTemplates\" :key=\"t.id\" :template=\"t\"\n\t\t                                     @click=\"currentTemplate=t\"/>\n\t\t              <funnel-template-entry empty @click=\"$router.push({name:'GetStartedTemplates'})\" />\n\t              </div>\n\n              <!-- Quick links -->\n              <div v-if=\"false\" style=\"margin-top: 60px;margin-right: 30px;margin-left: 30px;\">\n                <h1 style=\"margin-bottom: 20px;\">Quick links</h1>\n                <ul>\n                  <li><external-link href=\"https://docs.funnelish.com/getting-started/step-1-add-your-funnel\" label=\"How to add your first funnel?\"></external-link></li>\n                  <li><external-link href=\"https://docs.funnelish.com/getting-started/step-2-copy-your-tracking-code\" label=\"How to copy and add your tracking code?\"></external-link></li>\n                  <li><external-link href=\"https://docs.funnelish.com/getting-started/step-3-turn-on-your-apps\" label=\"How to turn on the apps?\"></external-link></li>\n                  <li><external-link href=\"https://docs.funnelish.com/faq/troubleshooting-issues\" label=\"Troubleshooting common issues\"></external-link></li>\n                </ul>\n              </div>\n              </div>\n            </div>\n        </div>\n\n\t    <template-panel v-if=\"!!currentTemplate\" :template=\"currentTemplate\" @close=\"currentTemplate=null\" />\n    </div>\n</template>\n\n<script>\n\nimport MainRight from \"@/components/MainRight\";\nimport MainSearch from \"@/components/MainSearch\";\nimport DashboardBanner from \"@/components/DashboardBanner\";\nimport VButton from \"@/components/base/v-button\";\nimport ExternalLink from \"@/components/base/external-link\";\nimport BigButton from \"@/components/base/big-button\";\nimport FunnelTemplateEntry from \"@/components/funnel-template-entry\";\nimport API from \"@/api\";\nimport TemplatePanel from \"@/views/get-started/template-panel\";\nimport AddNewFunnelPopup from \"@/views/funnels/add_new_funnel_popup\";\nimport Loading from \"@/components/Loading\";\nimport InfoIcon from \"@/components/base/info-icon\";\nexport default {\n    name: 'GetStarted',\n\ttitle:\"Get started | Funnelish™\",\n    components: {\n\t    InfoIcon,\n\t    Loading,\n\t    AddNewFunnelPopup,\n\t    TemplatePanel,\n\t    FunnelTemplateEntry,\n\t    BigButton,\n      ExternalLink,\n      VButton,\n      DashboardBanner,\n      MainSearch,\n      MainRight\n    },\n\tmixins: [API],\n\tdata: function() {\n      return {\n\t      newBlankFunnel: false,\n\t      currentTemplate: null,\n      \tloading: false,\n      \ttemplates: [],\n        username: \"\",\n\t      bannerOpened: false,\n      }\n  },\n    computed: {\n    \tuser() {\n    \t\treturn this.$store.state.userInfo;\n\t    },\n\t    on_boarding(){\n\t    \treturn {\n\t    \t\ttitle: `Hi, ${this.user.member.first_name || ''}`,\n\t\t\t    message: `Welcome on board, `+\n\t\t\t\t\t    `here are a few quick shortcuts to get you started quick.`\n\t\t    }\n\t    },\n\t    trendingTemplates(){\n\t\t    let ar = this.templates || [];\n\t\t    ar = ar.filter(x=>x.id!==1 && !x.deleted_at);\n\t\t    ar = ar.sort(function(a,b){\n\t\t\t    return new Date(b.created_at) - new Date(a.created_at);\n\t\t    });\n\t\t    return ar.slice(0,8);\n\t    },\n      notificationsOpen() {\n          return this.$store.state.notificationsOpen;\n      },\n    },\n    methods: {\n\t    bannerClose: function(){\n\t\t    this.bannerOpened = !this.bannerOpened;\n\t    },\n      openIntercom() {\n\t      Intercom('showNewMessage', 'Funnel Design Quote Request:\\n\\n' +\n\t\t\t      '1. How many pages you\\'d like us to create?\\n\\n' +\n\t\t\t      '2. Please provide direct page(s) URLs to be cloned/redesigned?\\n\\n' +\n\t\t\t      '3. Any further details?\\n');\n      },\n      notifToggle: function() {\n          this.$store.dispatch('notificationsOpenToggle');\n      },\n    },\n\tasync created() {\n    \ttry {\n    \t\tthis.loading = true;\n    \t\tthis.templates = [];\n\t\t    this.templates = await this.api.wsteps.getFunnelTemplates();\n\n\t    } catch (e) {\n    \t\tthis.$warn(e)\n\t    } finally {\n\t\t    this.loading = false;\n\t    }\n\t}\n}\n</script>\n<style lang=\"scss\" >\n.get-started {\n\t.top-buttons {\n\t\tdisplay: flex;\n\t\tflex-direction: row;\n\t\talign-items: start;\n\t\tmargin-top: 20px;\n\t\t.big-button {\n\t\t\tflex-grow: 1;\n\t\t\tflex-basis: 0;\n\t\t\tmargin-right: 20px;\n\t\t\t&:last-child {\n\t\t\t\tmargin-right: 0;\n\t\t\t}\n\t\t}\n\t}\n\th2 {\n\t\tmargin-top: 30px;\n\t\tfont-size: 18px;\n\t\tcolor: $black;\n\t}\n\t.templates {\n\t\tdisplay: grid;\n\t\tgrid-template-columns: repeat(auto-fill, minmax(320px, 1fr));\n\t\tgrid-gap: 20px;\n\t\tmargin-top: 20px;\n\t}\n}\n</style>\n<style lang=\"scss\" >\n.get-started {\n  .inner-container {\n    padding: 30px;\n  }\n  .big-btn {\n    cursor: pointer;\n    padding: 20px 30px;\n    border-radius: 20px;\n    background: #F6F9FE;\n    color: #636A7B;\n    min-width: 200px;\n    min-height: 100px;\n    position: relative;\n    width: auto;\n    transition: .2s background ease-in-out;\n    flex-direction: column;\n    align-items: center;\n    display: flex;\n    span {\n      display: block;\n      margin-top: 20px;\n    }\n    svg path {\n      fill: #C5C7D2;\n    }\n    &:hover {\n      background: #EEF4FF;\n      color: #252A32;\n      svg path {\n        fill: #4368E0;\n      }\n    }\n  }\n}\n\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!./get-started.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!./get-started.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./get-started.vue?vue&type=template&id=06d1d8ab&\"\nimport script from \"./get-started.vue?vue&type=script&lang=js&\"\nexport * from \"./get-started.vue?vue&type=script&lang=js&\"\nimport style0 from \"./get-started.vue?vue&type=style&index=0&id=06d1d8ab&prod&lang=scss&\"\nimport style1 from \"./get-started.vue?vue&type=style&index=1&id=06d1d8ab&prod&lang=scss&\"\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--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/cache-loader/dist/cjs.js??ref--1-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./get-started.vue?vue&type=style&index=0&id=06d1d8ab&prod&lang=scss&\"","var render = function render(){var _vm=this,_c=_vm._self._c;return _c('a',_vm._b({staticClass:\"big-button\",class:{'icon-btn':_vm.icon, 'loading':_vm.loading, 'disabled':(_vm.disabled || _vm.loading)},attrs:{\"href\":_vm.href},on:{\"click\":function($event){return _vm.$emit('click', $event)}}},'a',_vm.$attrs,false),[(_vm.loading)?[_c('v-spinner')]:_vm._e(),_c('div',{staticClass:\"layout-row\"},[(_vm.icon)?_c('inline-svg',{staticClass:\"icon\",attrs:{\"src\":_vm.icon}}):_vm._e(),_c('div',{staticClass:\"layout-column\"},[(_vm.label)?[_c('span',{staticClass:\"label\"},[_vm._v(\" \"+_vm._s(_vm.label)+\" \")]),_c('span',{staticClass:\"desc\"},[_vm._v(\" \"+_vm._s(_vm.desc)+\" \")])]:[_vm._t(\"default\")]],2),(_vm.hasArrow)?_c('div',{staticClass:\"arrow-container\"},[_c('svg',{staticClass:\"arrow\",attrs:{\"fill\":\"none\",\"viewBox\":\"0 0 15 15\",\"height\":\"24\",\"width\":\"24\",\"xmlns\":\"http://www.w3.org/2000/svg\"}},[_c('path',{attrs:{\"xmlns\":\"http://www.w3.org/2000/svg\",\"fill-rule\":\"evenodd\",\"clip-rule\":\"evenodd\",\"d\":\"M12.0581 4.55812L12.9419 5.44187L7.50001 10.8837L2.05814 5.44187L2.94189 4.55812L7.50001 9.11625L12.0581 4.55812Z\",\"fill\":\"#C5C7D2\"}})])]):_vm._e()],1)],2)\n}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n  <a @click=\"$emit('click', $event)\" :href=\"href\"\n     v-bind=\"$attrs\"\n     class=\"big-button\"\n    :class=\"{'icon-btn':icon, 'loading':loading, 'disabled':(disabled || loading)}\" >\n    <template v-if=\"loading\">\n      <v-spinner></v-spinner>\n    </template>\n\n\t  <div class=\"layout-row\">\n\t\t  <inline-svg class=\"icon\" v-if=\"icon\" :src=\"icon\" />\n\t\t  <div class=\"layout-column\">\n\t\t  <template v-if=\"label\">\n      <span class=\"label\">\n        {{ label }}\n      </span>\n\t\t  <span class=\"desc\">\n        {{ desc }}\n      </span>\n\t\t\t  </template>\n\t\t\t  <template v-else>\n\t\t\t\t  <slot></slot>\n\t\t\t  </template>\n\t\t  </div>\n\t\t  <div v-if=\"hasArrow\" class=\"arrow-container\">\n\t\t\t  <svg fill=\"none\" viewBox=\"0 0 15 15\" height=\"24\" width=\"24\" xmlns=\"http://www.w3.org/2000/svg\" class=\"arrow\">\n\t\t\t\t  <path xmlns=\"http://www.w3.org/2000/svg\" fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M12.0581 4.55812L12.9419 5.44187L7.50001 10.8837L2.05814 5.44187L2.94189 4.55812L7.50001 9.11625L12.0581 4.55812Z\" fill=\"#C5C7D2\"></path>\n\t\t\t  </svg>\n\n<!--\t\t\t  <inline-svg class=\"arrow\" :src=\"require('@/assets/img/arrow-bottom.svg')\" />-->\n\t\t  </div>\n\t  </div>\n\n\n\n  </a>\n</template>\n\n<script>\n\nimport VSpinner from \"@/components/base/v-spinner\";\nexport default {\n  components: {VSpinner},\n  inheritAttrs: false,\n  name: \"BigButton\",\n\n  data: function (){\n      return {\n      }\n  },\n  // model: {\n  //   prop: 'v-model',\n  //   event: 'change'\n  // },\n\n  props: {\n    icon: {\n      default: null,\n    },\n\t  hasArrow: {\n\t\t  default: false,\n\t\t  type: Boolean,\n\t  },\n\t  disabled: {\n\t\t  default: false,\n\t\t  type: Boolean,\n\t  },\n    loading: {\n      default: false,\n      type: Boolean,\n    },\n    href: {\n      default: null,\n      type: String,\n    },\n    label: {\n      default: \"\",\n\t    type: String,\n    },\n\t  desc: {\n\t\t  default: \"\",\n\t\t  type: String,\n\t  },\n  },\n  methods: {\n  },\n  computed: {\n    hasError() {\n        return !!this.error && this.wasActive;\n    }\n  }\n};\n</script>\n<style lang=\"scss\" scoped>\n.big-button {\n\tpadding: 20px;\n\tbackground: $light-blue;\n\tborder-radius: 16px;\n\ttransition: 0.2s background ease-in-out;\n\n\t&:hover {\n\t\tbackground: #EEF4FF;\n\t}\n\t.icon {\n\t\tmargin-right: 16px;\n\t\t//width: 64px;\n\t}\n\t.label {\n\t\tfont-weight: bold;\n\t\tfont-size: 18px;\n\t\tcolor: $black;\n\t\tmargin-bottom: 6px;\n\t}\n\t.desc {\n\t\tfont-weight: normal;\n\t\tfont-size: 14px;\n\t\tcolor: #747B8B;\n\t\tmargin-top: 5px;\n\t\tline-height: 20px;\n\t}\n\t.arrow-container {\n\t\tdisplay: flex;\n\t\talign-items: center;\n\t\tpadding: 10px;\n\t\tsvg {\n\t\t\ttransform: rotate(-90deg);\n\t\t}\n\t}\n  &.loading {\n    .label {\n      opacity: 0;\n    }\n  }\n\n}\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!./big-button.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!./big-button.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./big-button.vue?vue&type=template&id=3721fff6&scoped=true&\"\nimport script from \"./big-button.vue?vue&type=script&lang=js&\"\nexport * from \"./big-button.vue?vue&type=script&lang=js&\"\nimport style0 from \"./big-button.vue?vue&type=style&index=0&id=3721fff6&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  \"3721fff6\",\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/cache-loader/dist/cjs.js??ref--1-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./get-started.vue?vue&type=style&index=1&id=06d1d8ab&prod&lang=scss&\"","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/cache-loader/dist/cjs.js??ref--1-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./template-panel.vue?vue&type=style&index=0&id=46d5f151&prod&lang=scss&scoped=true&\"","module.exports = __webpack_public_path__ + \"img/preview.3e010cde.svg\";","module.exports = __webpack_public_path__ + \"img/pen.166bd940.svg\";","var map = {\n\t\"./heart-full.svg\": \"2635\",\n\t\"./heart.svg\": \"6aa9\"\n};\n\n\nfunction webpackContext(req) {\n\tvar id = webpackContextResolve(req);\n\treturn __webpack_require__(id);\n}\nfunction webpackContextResolve(req) {\n\tif(!__webpack_require__.o(map, req)) {\n\t\tvar e = new Error(\"Cannot find module '\" + req + \"'\");\n\t\te.code = 'MODULE_NOT_FOUND';\n\t\tthrow e;\n\t}\n\treturn map[req];\n}\nwebpackContext.keys = function webpackContextKeys() {\n\treturn Object.keys(map);\n};\nwebpackContext.resolve = webpackContextResolve;\nmodule.exports = webpackContext;\nwebpackContext.id = \"d619\";","module.exports = __webpack_public_path__ + \"img/use-template.0c6a9968.svg\";"],"sourceRoot":""}