{"version":3,"sources":["webpack:///./src/components/Menu.vue?c913","webpack:///./src/components/Menu.vue?751f","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","_l","item","index","attrs","on","$emit","_v","_s","text","staticRenderFns","component"],"mappings":"gHAAA,yBAA8hB,EAAG,G,gECAjiB,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,cAAc,CAACN,EAAIO,GAAIP,EAAY,UAAE,SAASQ,EAAKC,GAAO,OAAOL,EAAG,KAAK,CAACE,YAAY,cAAc,CAACF,EAAG,IAAI,CAACE,YAAY,kBAAkBI,MAAM,CAAC,KAAQ,IAAOF,EAAS,MAAIG,GAAG,CAAC,MAAQ,WAAc,OAAOX,EAAIY,MAAM,gBAAkB,CAACR,EAAG,OAAO,CAACE,YAAY,oBAAoB,CAACN,EAAIa,GAAG,IAAIb,EAAIc,GAAGL,EAAQ,MAAML,EAAG,OAAO,CAACE,YAAY,mBAAmB,CAACN,EAAIa,GAAGb,EAAIc,GAAGN,EAAKO,gBAAeX,EAAG,KAAK,CAACE,YAAY,cAAc,CAACF,EAAG,MAAM,CAACE,YAAY,kBAAkBK,GAAG,CAAC,MAAQ,WAAc,OAAOX,EAAIY,MAAM,gBAAkB,CAACR,EAAG,OAAO,CAACE,YAAY,oBAAoB,CAACN,EAAIa,GAAG,QAAQT,EAAG,OAAO,CAACE,YAAY,mBAAmB,CAACN,EAAIa,GAAG,kBAAkB,MAC9xBG,EAAkB,G,YCgBtB,GACE,KAAF,OAEE,KAHF,WAII,MAAJ,CACM,SAAN,SAIE,QAAF,IC1B8U,I,wBCQ1UC,EAAY,eACd,EACAlB,EACAiB,GACA,EACA,KACA,WACA,MAIa,aAAAC,E","file":"src/assets/js/chunk-78248c56.a6eeeb8c.js","sourcesContent":["import mod from \"-!../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--7-oneOf-1-0!../../node_modules/css-loader/index.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=8b223e60&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/index.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=8b223e60&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\"},[_vm._l((_vm.menudata),function(item,index){return _c('li',{staticClass:\"menu__item\"},[_c('a',{staticClass:\"menu__item-link\",attrs:{\"href\":(\"#\" + (item.link))},on:{\"click\":function () { return _vm.$emit(\"closemenu\"); }}},[_c('span',{staticClass:\"menu__item-index\"},[_vm._v(\"0\"+_vm._s(index + 1))]),_c('span',{staticClass:\"menu__item-text\"},[_vm._v(_vm._s(item.text))])])])}),_c('li',{staticClass:\"menu__item\"},[_c('div',{staticClass:\"menu__item-link\",on:{\"click\":function () { return _vm.$emit(\"openrules\"); }}},[_c('span',{staticClass:\"menu__item-index\"},[_vm._v(\"03\")]),_c('span',{staticClass:\"menu__item-text\"},[_vm._v(\"Правила\")])])])],2)])}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template lang=\"pug\">\n    .menu\n        ul.menu__list\n            li.menu__item(v-for='(item, index) in menudata')\n                a.menu__item-link(:href='`#${item.link}`', @click='() => $emit(\"closemenu\")')\n                    span.menu__item-index 0{{index + 1}}\n                    span.menu__item-text {{item.text}}\n\n            li.menu__item\n                .menu__item-link(@click='() => $emit(\"openrules\")')\n                    span.menu__item-index 03\n                    span.menu__item-text Правила\n\n</template>\n\n<script>\nimport {menu as menudata} from '@/assets/data/data.json';\nexport default {\n    name: 'Menu',\n\n    data() {\n        return {\n            menudata\n        };\n    },\n\n    methods: {}\n};\n</script>\n\n<style lang=\"scss\" scoped>\n@import '../assets/css/vars.scss';\n.menu {\n    position: fixed;\n    z-index: 15;\n    top: 0;\n    left: 0;\n    width: 100%;\n    height: 100vh;\n    display: flex;\n    pointer-events: none;\n    transition: opacity 0.6s ease;\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: black;\n        transform: scaleY(0);\n        transition: transform 0.6s ease-out;\n        transform-origin: 0% 100%;\n    }\n\n    &__list {\n        position: relative;\n        z-index: 15;\n        margin: auto;\n        font-family: var(--font-accent);\n    }\n\n    &__item {\n        color: white;\n        font-size: 2em;\n        cursor: pointer;\n\n        &-link {\n            color: white;\n            display: inline-block;\n            overflow: hidden;\n        }\n\n        &-index {\n            display: inline-block;\n            transform: translateY(120%);\n            margin-right: 20px;\n        }\n\n        &-text {\n            display: inline-block;\n            transform: translateY(120%);\n        }\n\n        &-index,\n        &-text {\n            transition: transform 0.2s ease-in;\n        }\n    }\n\n    &.active {\n        pointer-events: all;\n\n        &:before {\n            transform: scaleY(1);\n            transition: transform 0.6s cubic-bezier(0.215, 0.61, 0.355, 1);\n        }\n\n        .menu {\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=8b223e60&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=8b223e60&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  \"8b223e60\",\n  null\n  \n)\n\nexport default component.exports"],"sourceRoot":""}