{"version":3,"sources":["webpack:///./src/components/sidebar.vue","webpack:///./src/components/sidebar.vue?a1f0","webpack:///./src/components/navbar.vue?2115","webpack:///./src/components/navbar.vue","webpack:///./src/components/navbar.vue?5e01"],"names":["class","sidebarActive","to","src","logo","alt","props","setup","__exports__","render","pageTitle","activeSidebar","toggleSidebar","components","currentUserAvatar","name","navTitle","type","String","default","emit","route","value","newRoute","path","includes"],"mappings":"8JAISA,MAAM,e,oFAHb,eAWM,OAVHA,MAAK,uBAA0B,EAAAC,cAAa,qB,CAE7C,eAIM,MAJN,EAIM,CAHJ,eAEc,GAFDC,GAAG,SAAO,C,wBACrB,iBAAmC,CAAnC,eAAmC,OAA7BC,IAAK,EAAAC,KAAMC,IAAI,e,4BAIzB,eAAa,qB,mBAQF,GACbC,MAAO,CACL,iBAEFC,MAJa,WAKX,IAAMH,EAAO,eAAI,EAAQ,SACzB,MAAO,CACLA,U,qBCpBN,MAAMI,EAA2B,IAAgB,EAAQ,CAAC,CAAC,SAASC,KAErD,U,kCCPf,W,iICCOT,MAAM,sB,GACJA,MAAM,qB,GAONA,MAAM,kC,EAKP,eAAa,qB,EACb,eAAa,qB,EACb,eAAa,qB,oHAfnB,eAkBM,MAlBN,EAkBM,CAjBJ,eAEM,MAFN,EAEM,CADJ,eAAsB,yBAAhB,EAAAU,WAAS,KAGjB,eAAsE,GAAjDV,MAAM,2CAG3B,eASM,MATN,EASM,CARJ,eAOM,OANHA,MAAK,iBAAoB,EAAAW,cAAa,mBACtC,QAAK,8BAAE,EAAAC,eAAA,EAAAA,cAAA,sB,CAER,EACA,EACA,G,0FAYO,GACbC,WAAY,CAAEC,oBAAA,MACdC,KAAM,SACNT,MAAO,CACLU,SAAU,CACRC,KAAMC,OACNC,QAAS,OAGbZ,MATa,SASND,EATM,GASW,IAARc,EAAQ,EAARA,KACRC,EAAQ,iBAERV,EAAgB,gBAAI,GAEpBD,EAAY,eAAO,eAAiB,gBAAS,kBAAMW,EAAMN,QAEzDH,EAAgB,WACpBD,EAAcW,OAASX,EAAcW,MACrCF,EAAK,iBAAkBT,EAAcW,QAQvC,OAJA,eAAMD,GAAO,SAAAE,GACPA,EAASC,KAAKC,SAAS,UAAUb,OAGhC,CACLF,YACAC,gBACAC,mB,iCClDN,MAAMJ,EAA2B,IAAgB,EAAQ,CAAC,CAAC,SAASC,GAAQ,CAAC,YAAY,qBAE1E","file":"js/chunk-5f4f23df.609a1ca8.js","sourcesContent":["<template>\r\n  <div\r\n    :class=\"['xpress-main-sidebar', sidebarActive?'sidebar-shown':'']\"\r\n  >\r\n    <div class=\"xpress-logo\">\r\n      <router-link to=\"/home\">\r\n        <img :src=\"logo\" alt=\"Payout logo\">\r\n      </router-link>\r\n    </div>\r\n    <!-- slot for sidebar navigation links -->\r\n    <slot></slot>\r\n    <!-- ------------ -->\r\n  </div>\r\n</template>\r\n\r\n<script>\r\nimport { ref } from '@vue/reactivity'\r\n\r\nexport default {\r\n  props: [\r\n    'sidebarActive'\r\n  ],\r\n  setup () {\r\n    const logo = ref(require('@/assets/logo.png'))\r\n    return {\r\n      logo\r\n    }\r\n  }\r\n}\r\n</script>\r\n","import { render } from \"./sidebar.vue?vue&type=template&id=46684cf2\"\nimport script from \"./sidebar.vue?vue&type=script&lang=js\"\nexport * from \"./sidebar.vue?vue&type=script&lang=js\"\n\nimport exportComponent from \"C:\\\\Users\\\\augustine.ibe\\\\Desktop\\\\AustinXP\\\\payout-fe\\\\node_modules\\\\@vue\\\\cli-service\\\\node_modules\\\\vue-loader-v16\\\\dist\\\\exportHelper.js\"\nconst __exports__ = /*#__PURE__*/exportComponent(script, [['render',render]])\n\nexport default __exports__","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/cli-service/node_modules/vue-loader-v16/dist/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/cli-service/node_modules/vue-loader-v16/dist/index.js??ref--0-1!./navbar.vue?vue&type=style&index=0&id=e1c89cf8&lang=scss&scoped=true\"","<template>\r\n  <nav class=\"xpress-user-navbar\">\r\n    <div class=\"xpress-page-title\">\r\n      <h3>{{pageTitle}}</h3>\r\n    </div>\r\n    <!-- user photo -->\r\n    <current-user-avatar class=\"d-none d-lg-flex align-items-lg-center\" />\r\n\r\n    <!--toggle button  -->\r\n    <div class=\"xpress-sb-toggle-btn d-lg-none\">\r\n      <div\r\n        :class=\"['sb-nav-toggle', activeSidebar ? 'sb-is-active' : '']\"\r\n        @click=\"toggleSidebar\"\r\n      >\r\n        <span></span>\r\n        <span></span>\r\n        <span></span>\r\n      </div>\r\n    </div>\r\n  </nav>\r\n</template>\r\n\r\n<script>\r\nimport { computed, inject, ref, watch } from '@vue/runtime-core'\r\nimport { useRoute } from 'vue-router'\r\n\r\nimport currentUserAvatar from './currentUserAvatar.vue'\r\n\r\nexport default {\r\n  components: { currentUserAvatar },\r\n  name: 'Navbar',\r\n  props: {\r\n    navTitle: {\r\n      type: String,\r\n      default: null\r\n    }\r\n  },\r\n  setup (props, { emit }) {\r\n    const route = useRoute()\r\n\r\n    const activeSidebar = ref(false)\r\n\r\n    const pageTitle = inject('page-title') || computed(() => route.name)\r\n\r\n    const toggleSidebar = () => {\r\n      activeSidebar.value = !activeSidebar.value\r\n      emit('sidebarToggled', activeSidebar.value)\r\n    }\r\n\r\n    // watch route changes\r\n    watch(route, newRoute => {\r\n      if (newRoute.path.includes('/api/')) toggleSidebar()\r\n    })\r\n\r\n    return {\r\n      pageTitle,\r\n      activeSidebar,\r\n      toggleSidebar\r\n    }\r\n  }\r\n}\r\n</script>\r\n\r\n<style lang=\"scss\" scoped>\r\n  @import url('../../node_modules/bootstrap/dist/css/bootstrap.min.css');\r\n\r\n  nav.xpress-user-navbar {\r\n    width: 100%;\r\n    height: 80px;\r\n    position: sticky;\r\n    top: 0;\r\n    display: flex;\r\n    justify-content: space-between;\r\n    align-items: center;\r\n    border-bottom: 0.5px solid #c4c4c4c7;\r\n    background-color: $xpress-background-skyblue;\r\n    z-index: 10;\r\n\r\n    &>div.xpress-page-title {\r\n      // width: 400px;\r\n      width: max-content;\r\n      height: inherit;\r\n      display: flex;\r\n      align-items: center;\r\n      padding: 21px 0 21px 40px;\r\n\r\n      h3 {\r\n        width: fit-content;\r\n        font-weight: bold;\r\n        font-style: normal;\r\n        font-size: 18px;\r\n        line-height: 22px;\r\n        text-transform: uppercase;\r\n        color: #000000;\r\n      }\r\n    }\r\n\r\n    // user photo\r\n    &>div.xpress-user-photo {\r\n      height: inherit;\r\n      display: flex;\r\n      align-items: center;\r\n      padding-right: 23.5px;\r\n\r\n      img {\r\n        width: 33.33px;\r\n        height: 33.33px;\r\n      }\r\n    }\r\n  }\r\n\r\n  // MEDIA QUERY\r\n\r\n  // XX-SM (<251px)\r\n  @media (max-width: 250.9px) {\r\n    nav.xpress-user-navbar {\r\n      width: 100%;\r\n      height: 60px;\r\n      position: sticky;\r\n      top: 0;\r\n\r\n      &>div.xpress-page-title {\r\n        width: fit-content;\r\n        padding: 21px 2%;\r\n\r\n        h3 {\r\n          font-size: 13px;\r\n          line-height: 15px;\r\n        }\r\n      }\r\n\r\n      // user photo\r\n      // &>div.xpress-user-photo {}\r\n    }\r\n  }\r\n  // XX-SM\r\n  @media (min-width: 251px) and (max-width: 350.9px) {\r\n    nav.xpress-user-navbar {\r\n      width: 100%;\r\n      height: 60px;\r\n      position: sticky;\r\n      top: 0;\r\n\r\n      &>div.xpress-page-title {\r\n        width: fit-content;\r\n        padding: 21px 0 21px 2%;\r\n\r\n        h3 {\r\n          font-size: 14px;\r\n          line-height: 15px;\r\n        }\r\n      }\r\n\r\n      // user photo\r\n      // &>div.xpress-user-photo {}\r\n    }\r\n  }\r\n  // X-SM\r\n  @media (min-width: 351px) and (max-width: 575.9px) {\r\n    nav.xpress-user-navbar {\r\n      width: 100%;\r\n      height: 60px;\r\n      position: sticky;\r\n      top: 0;\r\n\r\n      &>div.xpress-page-title {\r\n        width: fit-content;\r\n        padding: 21px 0 21px 2%;\r\n\r\n        h3 {\r\n          font-size: 16px;\r\n        }\r\n      }\r\n\r\n      // user photo\r\n      // &>div.xpress-user-photo {}\r\n    }\r\n  }\r\n  // SM\r\n  @media (min-width: 576px) and (max-width: 767.9px) {\r\n    nav.xpress-user-navbar {\r\n      width: 100%;\r\n      height: 70px;\r\n      position: sticky;\r\n      top: 0;\r\n\r\n      &>div.xpress-page-title {\r\n        width: fit-content;\r\n        padding: 21px 0 21px 2%;\r\n\r\n        // h3 {}\r\n      }\r\n\r\n      // user photo\r\n      // &>div.xpress-user-photo {}\r\n    }\r\n  }\r\n  // MD\r\n  @media (min-width: 768px) and (max-width: 991.9px) {\r\n    nav.xpress-user-navbar {\r\n      width: 100%;\r\n      height: 80px;\r\n      position: sticky;\r\n      top: 0;\r\n\r\n      &>div.xpress-page-title {\r\n        width: fit-content;\r\n        padding: 21px 0 21px 2%;\r\n\r\n        // h3 {}\r\n      }\r\n\r\n      // user photo\r\n      // &>div.xpress-user-photo {}\r\n    }\r\n  }\r\n  // LG\r\n  @media (min-width: 992px) and (max-width: 1200.9px) {\r\n\r\n  }\r\n  // XL\r\n  // @media (max-width: 1201px) {}\r\n</style>\r\n","import { render } from \"./navbar.vue?vue&type=template&id=e1c89cf8&scoped=true\"\nimport script from \"./navbar.vue?vue&type=script&lang=js\"\nexport * from \"./navbar.vue?vue&type=script&lang=js\"\n\nimport \"./navbar.vue?vue&type=style&index=0&id=e1c89cf8&lang=scss&scoped=true\"\n\nimport exportComponent from \"C:\\\\Users\\\\augustine.ibe\\\\Desktop\\\\AustinXP\\\\payout-fe\\\\node_modules\\\\@vue\\\\cli-service\\\\node_modules\\\\vue-loader-v16\\\\dist\\\\exportHelper.js\"\nconst __exports__ = /*#__PURE__*/exportComponent(script, [['render',render],['__scopeId',\"data-v-e1c89cf8\"]])\n\nexport default __exports__"],"sourceRoot":""}