{"version":3,"sources":["webpack:///./src/components/Menu.vue?b0b7","webpack:///./src/components/Menu.vue?c97b","webpack:///src/components/Menu.vue","webpack:///./src/components/Menu.vue?66f0","webpack:///./src/components/Menu.vue?15a9"],"names":["render","_vm","this","_h","$createElement","_c","_self","staticClass","class","animate","pageLoaded","_l","item","index","attrs","on","$emit","domProps","_s","text","_v","staticRenderFns","component"],"mappings":"uIAAA,yBAAiiB,EAAG,G,yCCApiB,IAAIA,EAAS,WAAa,IAAIC,EAAIC,KAASC,EAAGF,EAAIG,eAAmBC,EAAGJ,EAAIK,MAAMD,IAAIF,EAAG,OAAOE,EAAG,MAAM,CAACE,YAAY,QAAQ,CAACF,EAAG,KAAK,CAACE,YAAY,aAAaC,MAAM,CAACC,QAASR,EAAIS,aAAa,CAACT,EAAIU,GAAIV,EAAY,UAAE,SAASW,EAAKC,GAAO,OAAOR,EAAG,KAAK,CAACE,YAAY,cAAc,CAACF,EAAG,IAAI,CAACE,YAAY,kBAAkBC,MAAM,CAACC,QAASR,EAAIS,YAAYI,MAAM,CAAC,KAAQ,IAAOF,EAAS,MAAIG,GAAG,CAAC,MAAQ,WAAc,OAAOd,EAAIe,MAAM,gBAAkB,CAACX,EAAG,OAAO,CAACE,YAAY,kBAAkBU,SAAS,CAAC,UAAYhB,EAAIiB,GAAGN,EAAKO,gBAAed,EAAG,KAAK,CAACE,YAAY,cAAc,CAACF,EAAG,MAAM,CAACE,YAAY,kBAAkBC,MAAM,CAACC,QAASR,EAAIS,YAAYK,GAAG,CAAC,MAAQ,WAAc,OAAOd,EAAIe,MAAM,gBAAkB,CAACX,EAAG,OAAO,CAACE,YAAY,mBAAmB,CAACN,EAAImB,GAAG,kBAAkB,MACpwBC,EAAkB,G,4rBCetB,OACE,KAAF,OAEE,KAHF,WAII,MAAJ,CACM,SAAN,SAIE,SAAF,KACA,gCAGE,QAAF,IC7B8U,I,wBCQ1UC,EAAY,eACd,EACAtB,EACAqB,GACA,EACA,KACA,WACA,MAIa,aAAAC,E","file":"src/assets/js/chunk-6024b314.cbbe12cf.js","sourcesContent":["import mod 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/sass-loader/dist/cjs.js??ref--7-oneOf-1-3!../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./Menu.vue?vue&type=style&index=0&id=6e58527c&lang=scss&scoped=true&\"; export default mod; 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/sass-loader/dist/cjs.js??ref--7-oneOf-1-3!../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./Menu.vue?vue&type=style&index=0&id=6e58527c&lang=scss&scoped=true&\"","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"menu\"},[_c('ul',{staticClass:\"menu__list\",class:{animate: _vm.pageLoaded}},[_vm._l((_vm.menudata),function(item,index){return _c('li',{staticClass:\"menu__item\"},[_c('a',{staticClass:\"menu__item-link\",class:{animate: _vm.pageLoaded},attrs:{\"href\":(\"#\" + (item.link))},on:{\"click\":function () { return _vm.$emit(\"closemenu\"); }}},[_c('span',{staticClass:\"menu__item-text\",domProps:{\"innerHTML\":_vm._s(item.text)}})])])}),_c('li',{staticClass:\"menu__item\"},[_c('div',{staticClass:\"menu__item-link\",class:{animate: _vm.pageLoaded},on:{\"click\":function () { return _vm.$emit(\"openrules\"); }}},[_c('span',{staticClass:\"menu__item-text\"},[_vm._v(\"ПРАВИЛА\")])])])],2)])}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template lang=\"pug\">\n    .menu\n        ul.menu__list(:class='{animate: pageLoaded}')\n            li.menu__item(v-for='(item, index) in menudata')\n                a.menu__item-link(:href='`#${item.link}`', @click='() => $emit(\"closemenu\")', :class='{animate: pageLoaded}')\n                    span.menu__item-text(v-html='item.text')\n\n            li.menu__item\n                .menu__item-link(@click='() => $emit(\"openrules\")', :class='{animate: pageLoaded}')\n                    span.menu__item-text ПРАВИЛА\n\n</template>\n\n<script>\nimport {menu as menudata} from '@/assets/data/data.json';\nimport {mapGetters} from 'vuex';\nexport default {\n    name: 'Menu',\n\n    data() {\n        return {\n            menudata\n        };\n    },\n\n    computed: {\n        ...mapGetters(['pageLoaded'])\n    },\n\n    methods: {}\n};\n</script>\n\n<style lang=\"scss\" scoped>\n@import '../assets/css/vars.scss';\n\n@keyframes appearanceMenu {\n    0% {\n        opacity: 0;\n        transform: translateY(100px) rotate(-90deg);\n    }\n\n    30% {\n        opacity: 1;\n        transform: translateY(100px) rotate(-90deg);\n    }\n\n    100% {\n        transform: translateY(0px) rotate(-90deg);\n    }\n}\n\n.menu {\n    position: relative;\n    z-index: 15;\n    top: 0;\n    left: 0;\n    grid-column: 1;\n    grid-row: 1;\n    display: flex;\n    pointer-events: none;\n\n    @media (--viewport-tablet) {\n        position: fixed;\n        width: 100%;\n        height: 100vh;\n        transition: opacity 0.6s ease;\n        grid-column: none;\n        grid-row: none;\n\n        &:before {\n            content: '';\n            position: absolute;\n            z-index: 10;\n            width: 100%;\n            height: 100vh;\n            top: 0;\n            left: 0;\n            display: inline-block;\n            background: var(--color-bg-dark);\n            transform: scaleY(0);\n            transition: transform 0.6s ease-out;\n            transform-origin: 0% 100%;\n        }\n    }\n\n    &__list {\n        position: absolute;\n        background-color: var(--color-accent);\n        left: calc(-12.2em - 35px * 2);\n        top: 0;\n        display: flex;\n        justify-content: space-between;\n        transform: rotate(-90deg);\n        transform-origin: right top;\n        line-height: 1;\n        z-index: 15;\n        font-family: var(--font-main);\n        pointer-events: all;\n        padding: 32px 35px;\n        opacity: 0;\n        transition: opacity 0.6s ease 3.2s;\n\n        &.animate {\n            opacity: 1;\n        }\n\n        @media (--viewport-tablet) {\n            position: relative;\n            left: 0;\n            display: block;\n            margin: auto 16vw auto;\n            height: auto;\n            transform: none;\n            line-height: normal;\n            pointer-events: none;\n            background-color: unset;\n            transition: background-color 0.1s ease-in;\n        }\n    }\n\n    &__item {\n        font-size: 1em;\n        cursor: pointer;\n\n        @media (--viewport-tablet) {\n            font-size: 2em;\n            margin-top: 0px;\n            margin-bottom: 15px;\n        }\n\n        &:nth-child(2) {\n            .menu__item-link {\n                transition: opacity 0.6s ease 3s, transform 1.6s ease-out 2.5s;\n            }\n        }\n\n        &:nth-child(2) {\n            margin-right: 20px;\n        }\n\n        &:nth-child(1) {\n            display: none;\n\n            @media (--viewport-tablet) {\n                display: inline-block;\n            }\n        }\n\n        &-link {\n            display: inline-block;\n            vertical-align: bottom;\n            overflow: hidden;\n            color: black;\n            opacity: 0;\n            transform: translateX(-20px);\n            transition: opacity 0.6s ease 3.2s, transform 1.6s ease-out 2.8s;\n\n            &.animate {\n                opacity: 1;\n                transform: translateX(0px);\n            }\n\n            @media (--viewport-tablet) {\n                color: white;\n            }\n        }\n\n        &-index {\n            display: inline-block;\n            margin-right: 20px;\n        }\n\n        &-text {\n            display: inline-block;\n            @media (--viewport-tablet) {\n                transform: translateY(120%);\n            }\n        }\n\n        &-index,\n        &-text {\n            transition: transform 0.2s ease-in;\n        }\n    }\n\n    &.active {\n        @media (--viewport-tablet) {\n            &:before {\n                transform: scaleY(1);\n                transition: transform 0.6s cubic-bezier(0.215, 0.61, 0.355, 1);\n            }\n        }\n\n        .menu {\n            &__list {\n                @media (--viewport-tablet) {\n                    pointer-events: all;\n                    background-color: var(--color-accent);\n                    transition: background-color 0.8s cubic-bezier(0.215, 0.61, 0.355, 1) 0.3s;\n                }\n            }\n\n            &__item {\n                &-index,\n                &-text {\n                    transform: translateY(0);\n                }\n\n                &:nth-child(1) {\n                    .menu__item {\n                        &-index,\n                        &-text {\n                            transition: transform 0.8s cubic-bezier(0.215, 0.61, 0.355, 1) 0.3s;\n                        }\n                    }\n                }\n\n                &:nth-child(2) {\n                    .menu__item {\n                        &-index,\n                        &-text {\n                            transition: transform 0.8s cubic-bezier(0.215, 0.61, 0.355, 1) 0.2s;\n                        }\n                    }\n                }\n\n                &:nth-child(3) {\n                    .menu__item {\n                        &-index,\n                        &-text {\n                            transition: transform 0.8s cubic-bezier(0.215, 0.61, 0.355, 1) 0.1s;\n                        }\n                    }\n                }\n\n                &:nth-child(4) {\n                    .menu__item {\n                        &-index,\n                        &-text {\n                            transition: transform 0.8s cubic-bezier(0.215, 0.61, 0.355, 1);\n                        }\n                    }\n                }\n            }\n        }\n    }\n}\n</style>\n","import mod from \"-!../../node_modules/cache-loader/dist/cjs.js??ref--11-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!./Menu.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../node_modules/cache-loader/dist/cjs.js??ref--11-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!./Menu.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./Menu.vue?vue&type=template&id=6e58527c&scoped=true&lang=pug&\"\nimport script from \"./Menu.vue?vue&type=script&lang=js&\"\nexport * from \"./Menu.vue?vue&type=script&lang=js&\"\nimport style0 from \"./Menu.vue?vue&type=style&index=0&id=6e58527c&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  \"6e58527c\",\n  null\n  \n)\n\nexport default component.exports"],"sourceRoot":""}