{"version":3,"sources":["webpack:///./src/components/AppBar/AppBar.vue?514f","webpack:///./node_modules/core-js/modules/es.function.name.js","webpack:///./src/components/AppBar/AppBar.vue?3f42","webpack:///src/components/AppBar/AppBar.vue","webpack:///./src/components/AppBar/AppBar.vue?8b0d","webpack:///./src/components/AppBar/AppBar.vue"],"names":["DESCRIPTORS","defineProperty","f","FunctionPrototype","Function","prototype","FunctionPrototypeToString","toString","nameRE","NAME","configurable","get","call","this","match","error","render","_vm","_h","$createElement","_c","_self","staticClass","class","isHomePage","headerComponent","tag","staticRenderFns","name","components","AppLogo","AppBarRouteName","computed","$route","toLowerCase","APP_LOGO_COMPONENT","methods","onOpenSidebar","component"],"mappings":"2GAAA,W,8CCAA,IAAIA,EAAc,EAAQ,QACtBC,EAAiB,EAAQ,QAAuCC,EAEhEC,EAAoBC,SAASC,UAC7BC,EAA4BH,EAAkBI,SAC9CC,EAAS,wBACTC,EAAO,OAIPT,KAAiBS,KAAQN,IAC3BF,EAAeE,EAAmBM,EAAM,CACtCC,cAAc,EACdC,IAAK,WACH,IACE,OAAOL,EAA0BM,KAAKC,MAAMC,MAAMN,GAAQ,GAC1D,MAAOO,GACP,MAAO,Q,yCCjBf,IAAIC,EAAS,WAAa,IAAIC,EAAIJ,KAASK,EAAGD,EAAIE,eAAmBC,EAAGH,EAAII,MAAMD,IAAIF,EAAG,OAAOE,EAAG,SAAS,CAACE,YAAY,iBAAiBC,MAAM,CAAE,iBAAkBN,EAAIO,aAAc,CAACJ,EAAG,MAAM,CAACE,YAAY,oBAAoB,CAACF,EAAGH,EAAIQ,gBAAgB,CAACC,IAAI,eAAe,MACzQC,EAAkB,GCetB,G,wCAAA,WAEA,GACEC,KAAM,SACNC,WAAY,CACVC,QAAS,WAAb,OACA,2CAWIC,gBAAiB,WAArB,OACA,sDAIEC,SAAU,CACRR,WADJ,WAEM,MAA0C,SAAnCX,KAAKoB,OAAOL,KAAKM,eAE1BT,gBAJJ,WAKM,OAAOZ,KAAKW,WAAaW,EAAqB,oBAGlDC,QAAS,CACPC,cADJ,eC9C+V,I,wBCQ3VC,EAAY,eACd,EACAtB,EACAW,GACA,EACA,KACA,WACA,MAIa,aAAAW,E","file":"js/app-bar.89998401.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!./AppBar.vue?vue&type=style&index=0&id=4c017a79&lang=scss&scoped=true&\"","var DESCRIPTORS = require('../internals/descriptors');\nvar defineProperty = require('../internals/object-define-property').f;\n\nvar FunctionPrototype = Function.prototype;\nvar FunctionPrototypeToString = FunctionPrototype.toString;\nvar nameRE = /^\\s*function ([^ (]*)/;\nvar NAME = 'name';\n\n// Function instances `.name` property\n// https://tc39.es/ecma262/#sec-function-instances-name\nif (DESCRIPTORS && !(NAME in FunctionPrototype)) {\n  defineProperty(FunctionPrototype, NAME, {\n    configurable: true,\n    get: function () {\n      try {\n        return FunctionPrototypeToString.call(this).match(nameRE)[1];\n      } catch (error) {\n        return '';\n      }\n    }\n  });\n}\n","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('header',{staticClass:\"header-wrapper\",class:{ 'border-bottom': !_vm.isHomePage }},[_c('div',{staticClass:\"header container\"},[_c(_vm.headerComponent,{tag:\"component\"})],1)])}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\r\n  <header class=\"header-wrapper\" :class=\"{ 'border-bottom': !isHomePage }\">\r\n    <div class=\"header container\">\r\n      <!-- <HamburgerBtn\r\n        class=\"header__menu-btn\"\r\n        :is-home-page=\"isHomePage\"\r\n        :on-click=\"onOpenSidebar\"\r\n      /> -->\r\n\r\n      <component :is=\"headerComponent\" />\r\n      <!-- <MainNav class=\"header__nav\" /> -->\r\n    </div>\r\n  </header>\r\n</template>\r\n\r\n<script>\r\nconst APP_LOGO_COMPONENT = 'AppLogo';\r\n\r\nexport default {\r\n  name: 'AppBar',\r\n  components: {\r\n    AppLogo: () =>\r\n      import(\r\n        /* webpackChunkName: \"app-logo\" */ '@/components/AppBar/AppLogo.vue'\r\n      ),\r\n    // MainNav: () =>\r\n    //   import(\r\n    //     /* webpackChunkName: \"main-nav\" */ '@/components/AppBar/MainNav.vue'\r\n    //   ),\r\n    // HamburgerBtn: () =>\r\n    //   import(\r\n    //     /* webpackChunkName: \"hamburger-menu\" */ '@/components/AppBar/HamburgerBtn.vue'\r\n    //   ),\r\n    AppBarRouteName: () =>\r\n      import(\r\n        /* webpackChunkName: \"app-bar-route-name\" */ '@/components/AppBar/AppBarRouteName.vue'\r\n      ),\r\n  },\r\n  computed: {\r\n    isHomePage() {\r\n      return this.$route.name.toLowerCase() === 'home';\r\n    },\r\n    headerComponent() {\r\n      return this.isHomePage ? APP_LOGO_COMPONENT : 'AppBarRouteName';\r\n    },\r\n  },\r\n  methods: {\r\n    onOpenSidebar() {\r\n      // this.$store.commit('app/setIsVisibleMainSidebar', true);\r\n    },\r\n  },\r\n};\r\n</script>\r\n\r\n<style lang=\"scss\" scoped>\r\n.header-wrapper {\r\n  height: var(--app-bar-height);\r\n\r\n  @include respond-to('lg') {\r\n    padding-top: 55px;\r\n    padding-bottom: 8px;\r\n  }\r\n\r\n  &.border-bottom {\r\n    border-bottom: 2px solid var(--green-600);\r\n\r\n    @include respond-to('lg') {\r\n      border-bottom: none;\r\n    }\r\n  }\r\n\r\n  .header {\r\n    position: relative;\r\n    height: 100%;\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n\r\n    @include respond-to('lg') {\r\n      justify-content: unset;\r\n    }\r\n\r\n    &__menu-btn {\r\n      position: absolute;\r\n      top: 50%;\r\n      left: var(--container-side-padding);\r\n      transform: translateY(-50%);\r\n      // margin-right: 30px;\r\n\r\n      @include respond-to('lg') {\r\n        display: none;\r\n      }\r\n    }\r\n\r\n    &__nav {\r\n      display: none;\r\n\r\n      @include respond-to('lg') {\r\n        margin-left: auto;\r\n        display: block;\r\n      }\r\n    }\r\n  }\r\n}\r\n</style>\r\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!./AppBar.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!./AppBar.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./AppBar.vue?vue&type=template&id=4c017a79&scoped=true&\"\nimport script from \"./AppBar.vue?vue&type=script&lang=js&\"\nexport * from \"./AppBar.vue?vue&type=script&lang=js&\"\nimport style0 from \"./AppBar.vue?vue&type=style&index=0&id=4c017a79&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  \"4c017a79\",\n  null\n  \n)\n\nexport default component.exports"],"sourceRoot":""}