{"version":3,"sources":["webpack:///./src/layouts/GuidesLayout.vue?973e","webpack:///./src/layouts/GuidesLayout.vue?d8fc","webpack:///src/layouts/GuidesLayout.vue","webpack:///./src/layouts/GuidesLayout.vue?5d22","webpack:///./src/layouts/GuidesLayout.vue?bda7"],"names":["render","_vm","this","_h","$createElement","_c","_self","staticClass","attrs","currentPath","brandConfig","appGuids","mainTitle","subtext","_v","_s","header","_t","staticRenderFns","component"],"mappings":"kHAAA,W,oECAA,IAAIA,EAAS,WAAa,IAAIC,EAAIC,KAASC,EAAGF,EAAIG,eAAmBC,EAAGJ,EAAIK,MAAMD,IAAIF,EAAG,OAAOE,EAAG,MAAM,CAACE,YAAY,SAAS,CAACF,EAAG,aAAa,CAACG,MAAM,CAAC,MAAQP,EAAIQ,YAAY,UAAYR,EAAIS,YAAYC,YAAYN,EAAG,MAAM,CAACE,YAAY,mBAAmB,CAACF,EAAG,eAAe,CAACG,MAAM,CAAC,MAAQP,EAAIW,WAAaX,EAAIQ,YAAY,QAAUR,EAAIY,WAAWR,EAAG,MAAM,CAACE,YAAY,cAAc,CAACF,EAAG,KAAK,CAACE,YAAY,gBAAgB,CAACN,EAAIa,GAAGb,EAAIc,GAAGd,EAAIe,WAAWf,EAAIgB,GAAG,WAAWZ,EAAG,gBAAgB,CAACG,MAAM,CAAC,UAAYP,EAAIS,YAAYC,aAAa,IAAI,IAAI,IAChiBO,EAAkB,G,8CCetB,GACE,MAAF,CACI,OAAJ,OACI,QAAJ,OACI,UAAJ,QAEE,WAAF,CACI,WAAJ,WAAM,OAAN,6CACI,aAAJ,WAAM,OAAN,6CACI,cAAJ,WAAM,OAAN,8CAEE,SAAF,gBACI,YADJ,WAEM,OAAN,oCAEA,kCC/BsV,I,wBCQlVC,EAAY,eACd,EACAnB,EACAkB,GACA,EACA,KACA,WACA,MAIa,aAAAC,E","file":"js/5a45fe80/chunk-4e2b3891.js","sourcesContent":["export * from \"-!../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--6-oneOf-1-0!../../node_modules/css-loader/dist/cjs.js??ref--6-oneOf-1-1!../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../node_modules/postcss-loader/src/index.js??ref--6-oneOf-1-2!../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./GuidesLayout.vue?vue&type=style&index=0&id=2d1b38f0&scoped=true&lang=css&\"","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"guide\"},[_c('GuidesMenu',{attrs:{\"title\":_vm.currentPath,\"appGuides\":_vm.brandConfig.appGuids}}),_c('div',{staticClass:\"guide-container\"},[_c('GuidesHeader',{attrs:{\"title\":_vm.mainTitle || _vm.currentPath,\"subtext\":_vm.subtext}}),_c('div',{staticClass:\"guide-info\"},[_c('h1',{staticClass:\"guide-header\"},[_vm._v(_vm._s(_vm.header))]),_vm._t(\"default\"),_c('GuidesButtons',{attrs:{\"appGuides\":_vm.brandConfig.appGuids}})],2)],1)],1)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n    <div class=\"guide\">\n        <GuidesMenu :title=\"currentPath\" :appGuides=\"brandConfig.appGuids\"/>\n        <div class=\"guide-container\">\n            <GuidesHeader :title=\"mainTitle || currentPath\" :subtext=\"subtext\" />\n            <div class=\"guide-info\">\n                <h1 class=\"guide-header\">{{ header }}</h1>\n                <slot />\n                <GuidesButtons :appGuides=\"brandConfig.appGuids\"/>\n            </div>\n        </div>\n    </div>\n</template>\n\n<script>\nimport { mapGetters } from 'vuex';\nexport default {\n    props: {\n        header: String,\n        subtext: String,\n        mainTitle: String\n    },\n    components: {\n        GuidesMenu: () => import('@/components/GuidesMenu.vue'),\n        GuidesHeader: () => import('@/components/GuidesHeader.vue'),\n        GuidesButtons: () => import('@/components/GuidesButtons.vue')\n    },\n    computed: {\n        currentPath() {\n            return this.$router.history.current.name\n        },\n        ...mapGetters(['brandConfig'])\n    }\n};\n</script>\n\n<style scoped>\nh1,\nh2,\np,\na,\nspan,\nul,\nol,\nbutton {\n    font-family: 'Wix Madefor Display', sans-serif;\n    color: white;\n    margin: 0;\n}\n\n.guide {\n    display: flex;\n    background-color: #141417;\n    min-height: 100vh;\n}\n\n.guide-container {\n    display: flex;\n    flex-direction: column;\n    align-items: center;\n    width: 100%;\n    padding: 32px;\n    padding-left: 270px;\n}\n\n.guide-info {\n    width: 80%;\n    margin-top: 40px;\n}\n\n.guide-header {\n    font-size: 20px;\n    font-weight: 600;\n    line-height: 25.2px;\n    margin-bottom: 20px;\n}\n\n@media only screen and (max-width: 768px) {\n    .guide-container {\n        padding: 24px 16px;\n        margin-top: 70px;\n    }\n    .guide-info{\n        width: 100%;\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!./GuidesLayout.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!./GuidesLayout.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./GuidesLayout.vue?vue&type=template&id=2d1b38f0&scoped=true&\"\nimport script from \"./GuidesLayout.vue?vue&type=script&lang=js&\"\nexport * from \"./GuidesLayout.vue?vue&type=script&lang=js&\"\nimport style0 from \"./GuidesLayout.vue?vue&type=style&index=0&id=2d1b38f0&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  \"2d1b38f0\",\n  null\n  \n)\n\nexport default component.exports"],"sourceRoot":""}