{"version":3,"sources":["webpack:///./src/view/layout/header/Header.vue","webpack:///src/view/layout/header/Header.vue","webpack:///./src/view/layout/header/Header.vue?e177","webpack:///./src/view/layout/header/Header.vue?8451"],"names":["render","_vm","this","_c","_self","ref","staticClass","class","headerClasses","attrs","headerMenuEnabled","headerMenuClasses","_e","staticRenderFns","name","props","breadcrumbs","Array","components","DPTopbar","DPMenu","CurrentTime","mounted","DPLayoutHeader","init","DPLayoutHeaderMenu","$refs","computed","_objectSpread","mapGetters","layoutConfig","classes","getClasses","join","component"],"mappings":"uHAAA,IAAIA,EAAS,WAAkB,IAAIC,EAAIC,KAAKC,EAAGF,EAAIG,MAAMD,GAAG,OAAOA,EAAG,MAAM,CAACE,IAAI,YAAYC,YAAY,SAASC,MAAMN,EAAIO,cAAcC,MAAM,CAAC,GAAK,cAAc,CAACN,EAAG,MAAM,CAACG,YAAY,mFAAmF,CAACH,EAAG,MAAM,CAACE,IAAI,yBAAyBC,YAAY,gDAAgD,CAAEL,EAAIS,kBAAmBP,EAAG,MAAM,CAACE,IAAI,iBAAiBC,YAAY,iCAAiCC,MAAMN,EAAIU,kBAAkBF,MAAM,CAAC,GAAK,mBAAmB,CAACN,EAAG,UAAUA,EAAG,gBAAgB,GAAGF,EAAIW,OAAOT,EAAG,aAAa,MAE7kBU,EAAkB,G,0FC8BP,GACfC,KAAA,WACAC,MAAA,CACAC,YAAAC,OAEAC,WAAA,CACAC,SAAA,mEACAC,OAAA,mEACAC,YAAA,oEAEAC,QAAA,WAEAC,OAAAC,KAAA,gCAGAC,OAAAD,KACA,KAAAE,MAAA,kBACA,KAAAA,MAAA,4BAGAC,SAAAC,8BAAA,GACAC,eAAA,oCAMAnB,kBAAA,WACA,aAAAoB,aAAA,6BAOAtB,cAAA,WACA,IAAAuB,EAAA,KAAAC,WAAA,UACA,2BAAAD,EACAA,EAAAE,KAAA,KAEA,MAOAtB,kBAAA,WACA,IAAAoB,EAAA,KAAAC,WAAA,eACA,2BAAAD,EACAA,EAAAE,KAAA,KAEA,SCpF6W,I,YCOzWC,EAAY,eACd,EACAlC,EACAa,GACA,EACA,KACA,KACA,MAIa,aAAAqB,E","file":"js/chunk-2d0c8d5f.6b28c3bd.js","sourcesContent":["var render = function render(){var _vm=this,_c=_vm._self._c;return _c('div',{ref:\"dp_header\",staticClass:\"header\",class:_vm.headerClasses,attrs:{\"id\":\"dp_header\"}},[_c('div',{staticClass:\"container-fluid d-flex align-items-center justify-content-between bottom-shadow\"},[_c('div',{ref:\"dp_header_menu_wrapper\",staticClass:\"header-menu-wrapper header-menu-wrapper-left\"},[(_vm.headerMenuEnabled)?_c('div',{ref:\"dp_header_menu\",staticClass:\"header-menu header-menu-mobile\",class:_vm.headerMenuClasses,attrs:{\"id\":\"dp_header_menu\"}},[_c('DPMenu'),_c('CurrentTime')],1):_vm._e()]),_c('DPTopbar')],1)])\n}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n  <!-- begin:: Header -->\n  <div id=\"dp_header\"\n       ref=\"dp_header\"\n       class=\"header\"\n       :class=\"headerClasses\">\n    <div class=\"container-fluid d-flex align-items-center justify-content-between bottom-shadow\">\n      <!-- begin:: Header Menu -->\n      <div class=\"header-menu-wrapper header-menu-wrapper-left\"\n           ref=\"dp_header_menu_wrapper\">\n        <div v-if=\"headerMenuEnabled\"\n             id=\"dp_header_menu\"\n             ref=\"dp_header_menu\"\n             class=\"header-menu header-menu-mobile\"\n             :class=\"headerMenuClasses\">\n          <!-- example static menu here -->\n          <DPMenu></DPMenu>\n          <CurrentTime />\n        </div>\n      </div>\n      <!-- end:: Header Menu -->\n      <DPTopbar></DPTopbar>\n    </div>\n  </div>\n  <!-- end:: Header -->\n</template>\n\n<script>\nimport { mapGetters } from \"vuex\";\nimport DPLayoutHeader from \"@/assets/js/layout/base/header.js\";\nimport DPLayoutHeaderMenu from \"@/assets/js/layout/base/header-menu.js\";\n\nexport default {\n  name: \"DPHeader\",\n  props: {\n    breadcrumbs: Array,\n  },\n  components: {\n    DPTopbar: () => import(\"@/view/layout/header/Topbar.vue\"),\n    DPMenu: () => import(\"@/view/layout/header/Menu.vue\"),\n    CurrentTime: () => import(\"@/view/layout/header/CurrentTime.vue\"),\n  },\n  mounted() {\n    // Init Desktop & Mobile Headers\n    DPLayoutHeader.init(\"dp_header\", \"dp_header_mobile\");\n\n    // Init Header Menu\n    DPLayoutHeaderMenu.init(\n      this.$refs[\"dp_header_menu\"],\n      this.$refs[\"dp_header_menu_wrapper\"]\n    );\n  },\n  computed: {\n    ...mapGetters([\"layoutConfig\", \"getClasses\"]),\n\n    /**\n     * Check if the header menu is enabled\n     * @returns {boolean}\n     */\n    headerMenuEnabled() {\n      return !!this.layoutConfig(\"header.menu.self.display\");\n    },\n\n    /**\n     * Get extra classes for header based on the options\n     * @returns {null|*}\n     */\n    headerClasses() {\n      const classes = this.getClasses(\"header\");\n      if (typeof classes !== \"undefined\") {\n        return classes.join(\" \");\n      }\n      return null;\n    },\n\n    /**\n     * Get extra classes for header menu based on the options\n     * @returns {null|*}\n     */\n    headerMenuClasses() {\n      const classes = this.getClasses(\"header_menu\");\n      if (typeof classes !== \"undefined\") {\n        return classes.join(\" \");\n      }\n      return null;\n    },\n  },\n};\n</script>\n","import mod from \"-!../../../../node_modules/cache-loader/dist/cjs.js??ref--13-0!../../../../node_modules/thread-loader/dist/cjs.js!../../../../node_modules/babel-loader/lib/index.js!../../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./Header.vue?vue&type=script&lang=js\"; export default mod; export * from \"-!../../../../node_modules/cache-loader/dist/cjs.js??ref--13-0!../../../../node_modules/thread-loader/dist/cjs.js!../../../../node_modules/babel-loader/lib/index.js!../../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./Header.vue?vue&type=script&lang=js\"","import { render, staticRenderFns } from \"./Header.vue?vue&type=template&id=4fb43c61\"\nimport script from \"./Header.vue?vue&type=script&lang=js\"\nexport * from \"./Header.vue?vue&type=script&lang=js\"\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":""}