{"version":3,"sources":["webpack:///./src/layouts/horizontal/TopNavMenu.vue","webpack:///src/layouts/horizontal/TopNavMenu.vue","webpack:///./src/layouts/horizontal/TopNavMenu.vue?0280","webpack:///./src/layouts/horizontal/TopNavMenu.vue?1a34","webpack:///./src/layouts/horizontal/TopNavMenu.vue?5ed3"],"names":["render","_vm","this","_c","_self","attrs","navbarOptions","staticRenderFns","data","elementId","isUsingVueRouter","mobileBreakpoint","brandImagePath","brandImageAltText","collapseButtonOpenColor","collapseButtonCloseColor","showBrandImageInMobilePopup","ariaLabelMainNav","tooltipAnimationType","menuOptionsLeft","type","text","iconLeft","subMenuOptions","path","name","component"],"mappings":"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","file":"js/chunk-301e4846.34ec9d0c.js","sourcesContent":["var render = function render(){var _vm=this,_c=_vm._self._c;return _c('vue-navigation-bar',{attrs:{\"options\":_vm.navbarOptions}})\n}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n  <vue-navigation-bar :options=\"navbarOptions\" />\n</template>\n<script>\nexport default {\n  data() {\n    return {\n      navbarOptions: {\n        elementId: \"main-navbar\",\n        isUsingVueRouter: true,\n        mobileBreakpoint: 992,\n        brandImagePath: \"./\",\n        brandImageAltText: \"brand-image\",\n        collapseButtonOpenColor: \"#661c23\",\n        collapseButtonCloseColor: \"#661c23\",\n        showBrandImageInMobilePopup: true,\n        ariaLabelMainNav: \"Main Navigation\",\n        tooltipAnimationType: \"shift-away\",\n        menuOptionsLeft: [\n          {\n            type: \"link\",\n            text: \"Dashboard\",\n            iconLeft: '<i class=\"mdi mdi-view-dashboard\"></i>',\n            subMenuOptions: [\n              {\n                type: \"link\",\n                text: \"Learning Management\",\n                path: { name: \"learning-management\" },\n                iconLeft: '<i class=\"mdi mdi-circle-medium\"></i>',\n              },\n\n              {\n                type: \"link\",\n                text: \"Job Management\",\n                path: { name: \"job-management\" },\n                iconLeft: '<i class=\"mdi mdi-circle-medium\"></i>',\n              },\n              {\n                type: \"link\",\n                text: \"Analytic\",\n                path: { name: \"analytic\" },\n                iconLeft: '<i class=\"mdi mdi-circle-medium\"></i>',\n              },\n              {\n                type: \"link\",\n                text: \"Cryptocurrency\",\n                path: { name: \"crypto-currency\" },\n                iconLeft: '<i class=\"mdi mdi-circle-medium\"></i>',\n              },\n              {\n                type: \"link\",\n                text: \"Sales\",\n                path: { name: \"sales\" },\n                iconLeft: '<i class=\"mdi mdi-circle-medium\"></i>',\n              },\n              {\n                type: \"link\",\n                text: \"Subscription\",\n                path: { name: \"donation\" },\n                iconLeft: '<i class=\"mdi mdi-circle-medium\"></i>',\n              },\n            ],\n          },\n          {\n            type: \"link\",\n            text: \"Invoice\",\n            iconLeft: '<i class=\"mdi mdi-book-open-page-variant\"></i>',\n            subMenuOptions: [\n              {\n                type: \"link\",\n                text: \"Invoice Ver 1\",\n                path: { name: \"invoice-ver-one\" },\n                iconLeft: '<i class=\"mdi mdi-circle-medium\"></i>',\n              },\n              {\n                type: \"link\",\n                text: \"Invoice Ver 2\",\n                path: { name: \"invoice-ver-two\" },\n                iconLeft: '<i class=\"mdi mdi-circle-medium\"></i>',\n              },\n              {\n                type: \"link\",\n                text: \"Edit Invoice\",\n                path: { name: \"edit-invoice\" },\n                iconLeft: '<i class=\"mdi mdi-circle-medium\"></i>',\n              },\n            ],\n          },\n          {\n            type: \"link\",\n            text: \"Datatable\",\n            iconLeft: '<i class=\"mdi mdi-folder-table\"></i>',\n            subMenuOptions: [\n              {\n                type: \"link\",\n                text: \"DataIterators\",\n                path: { name: \"dataIterators\" },\n                iconLeft: '<i class=\"mdi mdi-circle-medium\"></i>',\n              },\n              {\n                type: \"link\",\n                text: \"SimpleTables\",\n                path: { name: \"simpleTables\" },\n                iconLeft: '<i class=\"mdi mdi-circle-medium\"></i>',\n              },\n              {\n                type: \"link\",\n                text: \"DataTables\",\n                path: { name: \"dataTables\" },\n                iconLeft: '<i class=\"mdi mdi-circle-medium\"></i>',\n              },\n            ],\n          },\n          {\n            type: \"link\",\n            text: \"UI Kits\",\n            iconLeft: '<i class=\"mdi mdi-cogs\"></i>',\n            subMenuOptions: [\n              {\n                type: \"link\",\n                text: \"Button\",\n                path: { name: \"button\" },\n                iconLeft: '<i class=\"mdi mdi-circle-medium\"></i>',\n              },\n              {\n                type: \"link\",\n                text: \"Avatar\",\n                path: { name: \"avatar\" },\n                iconLeft: '<i class=\"mdi mdi-circle-medium\"></i>',\n              },\n              {\n                type: \"link\",\n                text: \"Alerts\",\n                path: { name: \"alerts\" },\n                iconLeft: '<i class=\"mdi mdi-circle-medium\"></i>',\n              },\n              {\n                type: \"link\",\n                text: \"Accordion\",\n                path: { name: \"accordion\" },\n                iconLeft: '<i class=\"mdi mdi-circle-medium\"></i>',\n              },\n              {\n                type: \"link\",\n                text: \"Badge\",\n                path: { name: \"badge\" },\n                iconLeft: '<i class=\"mdi mdi-circle-medium\"></i>',\n              },\n              {\n                type: \"link\",\n                text: \"Chips\",\n                path: { name: \"chips\" },\n                iconLeft: '<i class=\"mdi mdi-circle-medium\"></i>',\n              },\n              {\n                type: \"link\",\n                text: \"Snackbar\",\n                path: { name: \"snackbar\" },\n                iconLeft: '<i class=\"mdi mdi-circle-medium\"></i>',\n              },\n              {\n                type: \"link\",\n                text: \"Sparklines\",\n                path: { name: \"sparklines\" },\n                iconLeft: '<i class=\"mdi mdi-circle-medium\"></i>',\n              },\n              {\n                type: \"link\",\n                text: \"Stepper\",\n                path: { name: \"stepper\" },\n                iconLeft: '<i class=\"mdi mdi-circle-medium\"></i>',\n              },\n              {\n                type: \"link\",\n                text: \"Tooltip\",\n                path: { name: \"tooltip\" },\n                iconLeft: '<i class=\"mdi mdi-circle-medium\"></i>',\n              },\n              {\n                type: \"link\",\n                text: \"Treeview\",\n                path: { name: \"treeview\" },\n                iconLeft: '<i class=\"mdi mdi-circle-medium\"></i>',\n              },\n              {\n                type: \"link\",\n                text: \"FileInputs\",\n                path: { name: \"fileInputs\" },\n                iconLeft: '<i class=\"mdi mdi-circle-medium\"></i>',\n              },\n            ],\n          },\n        ],\n      },\n    };\n  },\n};\n</script>\n\n<style lang=\"scss\">\n.vnb {\n  &__menu-options {\n    &__option {\n      &__link {\n        &:focus {\n          outline: none;\n          border: 1px solid none;\n        }\n        &:hover {\n          color: #00a4ba;\n          .vnb__menu-options__option__arrow {\n            fill: #00a4ba;\n          }\n        }\n\n        &__icon {\n          svg {\n            fill: #00a4ba !important;\n          }\n        }\n      }\n    }\n  }\n\n  &__sub-menu-options {\n    &__option {\n      &__link {\n        &:focus {\n          outline: none;\n          border: 1px solid none;\n        }\n        color: #000 !important;\n        &:hover {\n          color: #00a4ba !important;\n        }\n      }\n    }\n  }\n}\n\n.vnb__collapse-button {\n  &:focus {\n    border: 1px solid none;\n    outline: none;\n  }\n  &:after {\n    content: \"\\F035C\";\n    font-size: 25px;\n    font-weight: 600;\n    font-family: \"Material Design Icons\";\n  }\n  svg {\n    display: none !important;\n  }\n}\n\n.vnb__popup {\n  max-height: 80vh;\n  overflow-x: hidden;\n  overflow-y: scroll !important;\n  .vnb__popup__top__close-button {\n    &:focus {\n      border: 1px solid none;\n      outline: none;\n    }\n    top: 20px;\n    right: -33px;\n    svg {\n      fill: #000 !important;\n    }\n  }\n}\n</style>","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!./TopNavMenu.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!./TopNavMenu.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./TopNavMenu.vue?vue&type=template&id=edd2797c&\"\nimport script from \"./TopNavMenu.vue?vue&type=script&lang=js&\"\nexport * from \"./TopNavMenu.vue?vue&type=script&lang=js&\"\nimport style0 from \"./TopNavMenu.vue?vue&type=style&index=0&id=edd2797c&prod&lang=scss&\"\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","export * from \"-!../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--9-oneOf-1-0!../../../node_modules/css-loader/dist/cjs.js??ref--9-oneOf-1-1!../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../node_modules/postcss-loader/src/index.js??ref--9-oneOf-1-2!../../../node_modules/sass-loader/dist/cjs.js??ref--9-oneOf-1-3!../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./TopNavMenu.vue?vue&type=style&index=0&id=edd2797c&prod&lang=scss&\""],"sourceRoot":""}