{"version":3,"file":"HeaderMenu-64a22df7.js","sources":["../../../app/javascript/components/landing/HeaderMenu.vue"],"sourcesContent":["<template>\n  <div id=\"header_menu\">\n    <ul>\n      <li><a><v-icon large style=\"margin: 0 5px 5px 0;\" >{{ IconMenu }}</v-icon>Меню</a>\n        <ul itemscope=\"itemscope\" itemtype=\"http://schema.org/SiteNavigationElement\">\n          <li v-for=\"group in header_menu\" ><a>{{ group.title }}</a> <v-icon> {{ IconMenuRight }} </v-icon>\n            <ul>\n              <li itemprop=\"name\" v-for=\"item in group.items\" >\n                <router-link itemprop=\"url\" :to=\"{ name: 'WithStatic', params: { sp_slug: item.slug }}\" >\n                  {{ item.name }}\n                </router-link>\n              </li>\n            </ul>\n          </li>\n        </ul>\n      </li>\n    </ul>\n  </div>\n</template>\n<script>\n\nimport {mdiMenuRight, mdiMenu} from '@mdi/js';\nimport { mapState } from \"vuex\";\n\nexport default {\n  name: \"HeaderMenu\",\n  data() {\n    return {\n      IconMenuRight: mdiMenuRight,\n      IconMenu: mdiMenu,\n    }\n  },\n  computed: mapState({\n    header_menu: (state) => state.LandingM.common_params.header_menu,\n  }),\n}\n\n</script>\n\n<style scoped type=\"text/css\">\n\n#header_menu {\n  clear: both;\n  width: 100%;\n}\n#header_menu ul {\n  margin: 0;\n  padding: 0;\n  width: 100%;\n  background-color: #2196f3;\n}\n#header_menu ul li {\n  list-style: none;\n  float: left;\n  width: max-content;\n}\n#header_menu ul li a {\n  display: block;\n  padding: 5px 5px;\n  text-decoration: none;\n  text-align: center;\n  color: white;\n  font-size: 1.1rem;\n}\n/* Drop-down menu styles */\n\n#header_menu ul li ul {\n  position: absolute;\n  visibility: hidden;\n  margin: 0;\n  padding: 0;\n  z-index: 1000;\n  background-color: #47a9f7;\n  width: min-content;\n}\n#header_menu ul li ul li {\n  display: flex;\n  position: relative;\n  padding: 5px;\n  width: 100%;\n}\n#header_menu ul li ul li:hover {\n  background-color: #5c5cb9;\n}\n#header_menu ul li ul li a {\n  text-align: left;\n  margin-right: auto;\n  width: max-content;\n}\n#header_menu ul li:hover > ul {\n  display: block;\n  visibility: visible;\n}\n\n/* Submenu styles */\n\n#header_menu ul ul li ul {\n  position: absolute;\n  display: block;\n  visibility: hidden;\n  vertical-align: top;\n  left: 100%;\n  top:0;\n  /*  margin-top: -32px;*/\n}\n#header_menu ul ul li i {\n  position: relative;\n  float: right;\n}\n</style>"],"names":["_sfc_main","mdiMenuRight","mdiMenu","mapState","state","_hoisted_1","_hoisted_3","_openBlock","_createElementBlock","_createElementVNode","_createVNode","_component_v_icon","$data","_hoisted_2","_Fragment","_renderList","_ctx","group","_toDisplayString","item","_component_router_link","_createTextVNode"],"mappings":"+OAwBA,MAAKA,EAAU,CACb,KAAM,aACN,MAAO,CACL,MAAO,CACL,cAAeC,EACf,SAAUC,CACZ,CACD,EACD,SAAUC,EAAS,CACjB,YAAcC,GAAUA,EAAM,SAAS,cAAc,WACvD,CAAC,CACH,EAlCOC,EAAA,CAAA,GAAG,aAAa,KAGX,UAAU,YAAY,SAAS,2CAGzBC,EAAA,CAAA,SAAS,MAAM,mDAN/B,OAAAC,EAAA,EAAAC,EAgBM,MAhBNH,EAgBM,CAfJI,EAcK,KAAA,KAAA,CAbHA,EAYK,KAAA,KAAA,CAZDA,EAA8E,IAAA,KAAA,CAA3EC,EAAmEC,EAAA,CAA3D,MAAA,GAAM,MAAA,CAA4B,OAAA,aAAA,cAAE,IAAc,KAAXC,EAAQ,QAAA,EAAA,CAAA,YAAY,MAAI,IAC5EH,EAUK,KAVLI,EAUK,QATHL,EAQKM,EAAA,KAAAC,EAReC,EAAW,YAApBC,QAAXT,EAQK,KAAA,KAAA,CAR6BC,EAAwB,IAAA,KAAAS,EAAlBD,EAAM,KAAK,EAAA,CAAA,MAAQP,EAAsCC,EAAA,KAAA,WAA7B,IAAmB,KAAhBC,EAAa,aAAA,EAAA,CAAA,UAClFH,EAMK,KAAA,KAAA,EALHF,EAAA,EAAA,EAAAC,EAIKM,EAJ8B,KAAAC,EAAAE,EAAM,MAAdE,IAA3BZ,EAAA,EAAAC,EAIK,KAJLF,EAIK,CAHHI,EAEcU,EAAA,CAFD,SAAS,MAAO,GAAE,CAAA,KAAA,aAAA,OAAA,CAAA,QAA2CD,EAAK,KAAI,cACjF,IAAe,CAAZE,EAAAH,EAAAC,EAAK,IAAI,EAAA,CAAA"}