{"version":3,"sources":["webpack:///./src/components/Tour.vue?8612","webpack:///./src/components/Tour.vue?e263","webpack:///src/components/Tour.vue","webpack:///./src/components/Tour.vue?8c04","webpack:///./src/components/Tour.vue"],"names":["render","_vm","this","_h","$createElement","_c","_self","staticRenderFns","name","props","tips","type","required","t_name","data","filteredSteps","computed","methods","runTour","useModalOverlay","defaultStepOptions","scrollTo","classes","classPrefix","steps","element","position","text","tour","attachTo","on","buttons","action","disabled","passed","console","completedHashes","tipsList","notCompletedTips","component"],"mappings":"kHAAA,W,gECAA,IAAIA,EAAS,WAAa,IAAIC,EAAIC,KAASC,EAAGF,EAAIG,eAAmBC,EAAGJ,EAAIK,MAAMD,IAAIF,EAAG,OAAOE,EAAG,QAC/FE,EAAkB,G,wBCItB,GACAC,YACAC,OACAC,MACAC,YACAC,aAEAC,QACAF,YACAC,cAGAE,OACA,OACAC,mBAGAC,aACA,uBACA,qBAGAC,SACAC,cACA,oBACA,wBACAC,mBACAC,oBACAC,YACAC,qBAEAC,2BAGAC,cACA,cAAAC,WAAAC,OAAAC,GAAA,EACAC,WACAC,UAAAJ,UAAAK,eACAH,OACAI,SACA,CACAJ,aACAK,cACAV,mCACAW,oBAEA,CACAN,aACAK,YACAJ,SACA,2BAEAN,sBAMAM,aAGA,sBACA,UACA,6BACAM,QACA,qBAGA,SACAC,oBAIA,gBACA,0CACAC,0BACAC,iBACAC,kDAEA,WACAA,gBACA,mBCtF8U,I,wBCQ1UC,EAAY,eACd,EACAvC,EACAO,GACA,EACA,KACA,KACA,MAIa,aAAAgC,E","file":"js/chunk-5050ed1f.8d8acbb7.js","sourcesContent":["export * from \"-!../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--8-oneOf-1-0!../../node_modules/css-loader/dist/cjs.js??ref--8-oneOf-1-1!../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../node_modules/postcss-loader/src/index.js??ref--8-oneOf-1-2!../../node_modules/sass-loader/dist/cjs.js??ref--8-oneOf-1-3!../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./Tour.vue?vue&type=style&index=0&id=6dd0cbb4&prod&lang=scss&\"","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c(\"div\")}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template v-if=\"isAuthenticated\"></template>\n<script>\n    import session from '@/api/session';\n    import { mapGetters } from 'vuex'\n\n    export default {\n        name: \"Tour\",\n        props: {\n            tips: {\n                type: Object,\n                required: true\n            },\n            t_name: {\n                type: String,\n                required: true\n            },\n        },\n        data() {\n            return {\n                filteredSteps: []\n            }\n        },\n        computed: {\n            ...mapGetters('auth', [\n                'isAuthenticated',\n            ]),\n        },\n        methods: {\n            runTour(steps = []) {\n                this.$nextTick(() => {\n                    const tour = this.$shepherd({\n                        useModalOverlay: true,\n                        defaultStepOptions: {\n                            scrollTo: true,\n                            classes: 'v-sheperd'\n                        },\n                        classPrefix: 'v-sheperd-'\n                    });\n\n                    steps.forEach(step => {\n                        const {element, position, text} = step;\n                        tour.addStep({\n                            attachTo: {element: element, on: position || 'right'},\n                            text: text,\n                            buttons: [\n                                {\n                                    text: 'Назад',\n                                    action: tour.back,\n                                    classes: `v-btn v-btn--transparent`,\n                                    disabled: step.isFirst\n                                },\n                                {\n                                    text: 'Далее',\n                                    action: () => {\n                                        tour.next();\n                                        this.completeStep(step.hash);\n                                    },\n                                    classes: 'v-btn'\n                                }\n                            ],\n                        });\n                    })\n\n                    tour.start();\n                });\n            },\n            async completeStep(hash) {\n                try {\n                    const request = await session.post(`/api/v1/hint/`, {\n                        passed: {\n                            [this.t_name]: [hash]\n                        }\n                    });\n                } catch (error) {\n                    console.error(error)\n                }\n            }\n        },\n        async mounted() {\n            const response = await session.get(`/api/v1/hint/`),\n                completedHashes = response.data[this.t_name] || [],\n                tipsList = this.tips.list,\n                notCompletedTips = tipsList.filter(tip => !completedHashes.includes(tip.hash) && !tip.isDisabled)\n\n            if (notCompletedTips.length) {\n                notCompletedTips[0].isFirst = true;\n                this.runTour(notCompletedTips);\n            }\n        }\n    }\n</script>\n\n<style lang=\"scss\">\n    @import '~shepherd.js/dist/css/shepherd.css';\n    @import \"#sass/v-style\";\n\n    .v-sheperd {\n        /*margin-left: 15px !important;*/\n        max-width: 270px;\n        @media (max-width: 768px) {\n            max-width: 235px;\n        }\n\n        .shepherd {\n            &-content {\n                padding: 0;\n                border: 4px solid #FBC04F;\n            }\n\n            &-text {\n                padding: 20px;\n                color: #000;\n            }\n\n            &-footer {\n                padding: 20px;\n                margin-top: 20px;\n                border-top: 1px solid #E0E3F0;\n            }\n\n            &-arrow {\n                z-index: 5;\n            }\n        }\n    }\n\n    .shepherd-button {\n        &:hover {\n            background: $gold !important;\n            color: #000 !important;\n            opacity: 0.7 !important;\n        }\n\n        &.v-btn--transparent:hover {\n            background: #FFF !important;\n        }\n    }\n\n    /* Удаление затемнённого фона */\n    .shepherd-modal-is-visible.shepherd-modal-overlay-container {\n        display: none;\n    }\n\n    /* Стили для рамки и стрелочки тултипа */\n    .shepherd-element[data-popper-placement^=right] {\n        margin-left: 15px !important;\n\n        .shepherd {\n            &-arrow {\n                left: -7.3px !important;\n\n                &::before {\n                    border-left: 4px solid #FBC04F;\n                    border-bottom: 4px solid #FBC04F;\n                }\n            }\n        }\n    }\n\n    .shepherd-element[data-popper-placement^=left] {\n        margin-right: 15px !important;\n\n        .shepherd {\n            &-arrow {\n                right: -7.3px !important;\n\n                &::before {\n                    border-right: 4px solid #FBC04F;\n                    border-top: 4px solid #FBC04F;\n                }\n            }\n        }\n    }\n\n    .shepherd-element[data-popper-placement^=top] {\n        margin-bottom: 15px !important;\n\n        .shepherd {\n            &-arrow {\n                bottom: -7.3px !important;\n\n                &::before {\n                    border-bottom: 4px solid #FBC04F;\n                    border-right: 4px solid #FBC04F;\n                }\n            }\n        }\n    }\n\n    .shepherd-element[data-popper-placement^=bottom] {\n        margin-top: 15px !important;\n\n        .shepherd {\n            &-arrow {\n                top: -7.3px !important;\n\n                &::before {\n                    border-top: 4px solid #FBC04F;\n                    border-left: 4px solid #FBC04F;\n                }\n            }\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!./Tour.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!./Tour.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./Tour.vue?vue&type=template&id=6dd0cbb4&v-if=isAuthenticated&\"\nimport script from \"./Tour.vue?vue&type=script&lang=js&\"\nexport * from \"./Tour.vue?vue&type=script&lang=js&\"\nimport style0 from \"./Tour.vue?vue&type=style&index=0&id=6dd0cbb4&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"],"sourceRoot":""}