{"version":3,"sources":["webpack:///./src/mixins/departments.mixins.js","webpack:///./src/views/dashboard/admin/settings/DepartmentRegistration.vue?00b4","webpack:///./src/utils/userOperationsAndPrivileges.js","webpack:///./src/views/dashboard/admin/settings/DepartmentRegistration.vue","webpack:///./src/views/dashboard/admin/settings/DepartmentRegistration.vue?4b7a","webpack:///./node_modules/core-js/modules/es.array.splice.js","webpack:///./node_modules/core-js/modules/es.array.map.js"],"names":["methods","GetAllDepartments","this","$store","commit","dispatch","then","resp","sortData","data","sort","a","b","xpressDepartmentName","localeCompare","departmentItems","ResponseCode","ResponseMessage","responseMessage","catch","mounted","user","computed","store","getters","userOperations","value","userOperationCodes","map","operation","operationCode","showSidebarMenu","requiredOperationCodes","hasOperation","index","length","requiredOperationCode","includes","showPrivilegedAction","userActionPrivilegeCodes","hasPrivilege","userOperationIndex","indexOf","userOperationPrivilegeCodes","userPrivileges","userPrivilege","privilegeCode","userActionPrivilegeCode","class","for","type","id","show","loading","onloader","sidebarActive","isSidebarActive","sidebarToggled","$event","allocationForm","submitdata","errorMsg","successMsg","xpressDepartmentNameval","required","allocationTable","icon","searchText","placeholder","aria-describedby","resultQuery","item","key","edititem","xpressDepartmentId","name","mixins","components","NModal","Sidebar","MainFooter","AdminSidebar","Navbar","UserAllocation","PageSpinner","Alert","xpressDepartmentIdval","IsModified","responseCode","UpdateDepartment","createDepartment","userData","setTimeout","departmentCodeval","filter","toLowerCase","split","every","v","setup","isToggled","__exports__","render","$","toAbsoluteIndex","toInteger","toLength","toObject","arraySpeciesCreate","createProperty","arrayMethodHasSpeciesSupport","HAS_SPECIES_SUPPORT","max","Math","min","MAX_SAFE_INTEGER","MAXIMUM_ALLOWED_LENGTH_EXCEEDED","target","proto","forced","splice","start","deleteCount","insertCount","actualDeleteCount","A","k","from","to","O","len","actualStart","argumentsLength","arguments","TypeError","$map","callbackfn","undefined"],"mappings":"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","file":"js/chunk-57dbb02a.36c41773.js","sourcesContent":["export default {\r\n  methods: {\r\n    GetAllDepartments () {\r\n      this.$store.commit('LOADING', true)\r\n\r\n      this.$store\r\n        .dispatch('department/GetAllDepartments')\r\n        .then(resp => {\r\n          const sortData = resp.data?.sort((a, b) => a.xpressDepartmentName.localeCompare(b.xpressDepartmentName))\r\n          this.departmentItems = sortData\r\n\r\n          if (resp.ResponseCode !== '0') {\r\n            this.ResponseMessage = resp.responseMessage\r\n          }\r\n\r\n          this.$store.commit('LOADING', false)\r\n        })\r\n        .catch(() => {\r\n          this.ResponseMessage =\r\n            'Something went wrong. Please try again.'\r\n\r\n          this.$store.commit('LOADING', false)\r\n        })\r\n    }\r\n  },\r\n  mounted () {\r\n    this.GetAllDepartments()\r\n  }\r\n}\r\n","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!./DepartmentRegistration.vue?vue&type=style&index=0&id=6151d22e&lang=scss&scoped=true\"","import store from '@/store/index'\r\nimport { computed } from 'vue'\r\n\r\nconst user = computed(() => store.getters['users/_user'])\r\n\r\nconst userOperations = user.value?.userOperations\r\n\r\nconst userOperationCodes = userOperations?.map(operation => operation?.operationCode)\r\n\r\nexport const showSidebarMenu = requiredOperationCodes => {\r\n  if (!requiredOperationCodes) return\r\n  // -------------------------------\r\n\r\n  let hasOperation = false\r\n\r\n  // check if user can see an operation/menu\r\n  for (let index = 0; index < requiredOperationCodes?.length; index++) {\r\n    const requiredOperationCode = requiredOperationCodes[index]\r\n\r\n    if (userOperationCodes.includes(requiredOperationCode)) {\r\n      hasOperation = true // user can see an operation/menu\r\n\r\n      break\r\n    }\r\n  }\r\n\r\n  return hasOperation\r\n}\r\n\r\nexport const showPrivilegedAction = (requiredOperationCodes, userActionPrivilegeCodes) => {\r\n  if (!requiredOperationCodes) return\r\n  // -------------------------------\r\n\r\n  let hasPrivilege = false\r\n\r\n  // check if user can see an operation/menu\r\n  for (let index = 0; index < requiredOperationCodes?.length; index++) {\r\n    const requiredOperationCode = requiredOperationCodes[index]\r\n\r\n    if (userOperationCodes.includes(requiredOperationCode)) {\r\n      const userOperationIndex = userOperationCodes?.indexOf(requiredOperationCode)\r\n\r\n      // user privilege codes in an operation\r\n      const userOperationPrivilegeCodes = userOperations[userOperationIndex]?.userPrivileges?.map(userPrivilege => userPrivilege?.privilegeCode)\r\n\r\n      // check if user the privilege\r\n      for (let index = 0; index < userActionPrivilegeCodes?.length; index++) {\r\n        const userActionPrivilegeCode = userActionPrivilegeCodes[index]\r\n\r\n        if (userOperationPrivilegeCodes.includes(userActionPrivilegeCode)) {\r\n          hasPrivilege = true // user has privilege to perform action\r\n\r\n          break\r\n        }\r\n      }\r\n\r\n      break\r\n    }\r\n  }\r\n\r\n  return hasPrivilege\r\n}\r\n","<template>\r\n  <div class=\"xpress-page-content xpress-user-admin-approval\">\r\n    <n-modal v-model:show=\"loading\">\r\n      <PageSpinner :onloader=\"'flex'\" />\r\n    </n-modal>\r\n    <!-- sidebar -->\r\n    <sidebar :sidebarActive=\"isSidebarActive\">\r\n      <!-- slot for user sidebar navigation links -->\r\n      <admin-sidebar />\r\n      <!----------------------------------- -->\r\n    </sidebar>\r\n\r\n    <section>\r\n      <!-- navbar -->\r\n      <navbar @sidebarToggled=\"sidebarToggled($event)\" />\r\n      <!-- tab/buttons and search section -->\r\n\r\n      <!------------------------------------>\r\n      <main>\r\n        <section class=\"xpress-inhouse-content-section\">\r\n          <!-- user allocation component -->\r\n          <user-allocation>\r\n            <!-- user department form -->\r\n            <template #allocationForm>\r\n              <form\r\n                class=\"xpress-company-reg-form\"\r\n                @submit.prevent=\"submitdata\"\r\n              >\r\n                <Alert :errorMsg=\"errorMsg\" :successMsg=\"successMsg\" />\r\n                <div class=\"card\">\r\n                  <div class=\"card-header\">\r\n                    <h6 class=\"card-title fw-bolder mt-2\">REGISTRATION</h6>\r\n                  </div>\r\n                  <div class=\"card-body\">\r\n                    <section class=\"xpress-company-data\">\r\n                      <div class=\"xpress-form-group-row\">\r\n                        <div class=\"xpress-form-group\">\r\n                          <label for=\"department\">Department Name</label>\r\n                          <input\r\n                            v-model=\"xpressDepartmentNameval\"\r\n                            class=\"form-control\"\r\n                            required\r\n                          />\r\n                        </div>\r\n                      </div>\r\n                      <hr />\r\n                      <!-- pagination buttons -->\r\n                      <div class=\"text-center card-footer\">\r\n                        <button type=\"submit\" class=\"btn btn-success\">\r\n                          Submit\r\n                        </button>\r\n                      </div>\r\n                    </section>\r\n                  </div>\r\n                </div>\r\n                <!-- company data -->\r\n              </form>\r\n            </template>\r\n\r\n            <!-- allocation table -->\r\n            <template #allocationTable>\r\n              <!-- user department table -->\r\n              <section class=\"pb-2\">\r\n                <div class=\"input-group\">\r\n                  <span class=\"input-group-text\" id=\"search-addon\">\r\n                    <span class=\"icon\">\r\n                      <icon icon=\"flat-color-icons:search\" />\r\n                    </span>\r\n                  </span>\r\n                  <input\r\n                    type=\"text\"\r\n                    v-model=\"searchText\"\r\n                    class=\"form-control\"\r\n                    placeholder=\"Search here...\"\r\n                    aria-describedby=\"search-addon\"\r\n                  />\r\n                </div>\r\n              </section>\r\n              <div class=\"table-responsive\">\r\n                <table class=\" table table-bordered table-hover\">\r\n                  <thead>\r\n                    <tr>\r\n                      <th class=\"table-sn\">S/N</th>\r\n                      <th>Department Name</th>\r\n                      <th class=\"table-btn-box\">Actions</th>\r\n                    </tr>\r\n                  </thead>\r\n                  <tbody>\r\n                    <tr v-for=\"(item, index) in resultQuery\" :key=\"index\">\r\n                      <td class=\"table-sn\">{{ index + 1 }}</td>\r\n                      <td>{{ item.xpressDepartmentName }}</td>\r\n                      <td class=\"table-action\">\r\n                        <div>\r\n                          <button\r\n                            class=\"btn btn-secondary btn-sm mx-2 my-1\"\r\n                            @click=\"edititem(item.xpressDepartmentId)\"\r\n                          >\r\n                            <icon icon=\"ant-design:edit-outlined\" />\r\n                          </button>\r\n                        </div>\r\n                      </td>\r\n                    </tr>\r\n                  </tbody>\r\n                </table>\r\n              </div>\r\n            </template>\r\n          </user-allocation>\r\n        </section>\r\n      </main>\r\n      <!-- ------ -->\r\n      <MainFooter />\r\n    </section>\r\n  </div>\r\n</template>\r\n\r\n<script>\r\nimport { provide, ref } from '@vue/runtime-core'\r\nimport { NModal } from 'naive-ui'\r\nimport { mapGetters } from 'vuex'\r\n\r\nimport Sidebar from '@/components/sidebar.vue'\r\nimport MainFooter from '@/components/mainFooter.vue'\r\nimport AdminSidebar from '@/components/sidebar/adminSidebar.vue'\r\nimport Navbar from '@/components/navbar.vue'\r\nimport UserAllocation from '@/components/userAllocation.vue'\r\nimport PageSpinner from '@/components/PageSpinner'\r\nimport Alert from '@/components/Alert'\r\nimport departmentMixin from '@/mixins/departments.mixins'\r\n\r\nexport default {\r\n  name: 'Departments',\r\n  mixins: [departmentMixin],\r\n  components: {\r\n    NModal,\r\n    Sidebar,\r\n    MainFooter,\r\n    AdminSidebar,\r\n    Navbar,\r\n    UserAllocation,\r\n    PageSpinner,\r\n    Alert\r\n  },\r\n  data () {\r\n    return {\r\n      xpressDepartmentIdval: 1,\r\n      xpressDepartmentNameval: '',\r\n      searchText: '',\r\n      departmentItems: null,\r\n      IsModified: false,\r\n      errorMsg: '',\r\n      successMsg: ''\r\n    }\r\n  },\r\n  methods: {\r\n    async edititem (xpressDepartmentId) {\r\n      this.$store.commit('LOADING', true)\r\n      await this.$store\r\n        .dispatch('department/GetByIdDepartment', xpressDepartmentId)\r\n        .then(resp => {\r\n          if ([0, '0', '00'].includes(resp?.responseCode)) {\r\n            this.xpressDepartmentIdval = xpressDepartmentId\r\n            this.xpressDepartmentNameval = resp.data?.xpressDepartmentName\r\n            this.IsModified = true\r\n          }\r\n          this.$store.commit('LOADING', false)\r\n        })\r\n        .catch(() => {\r\n          this.$store.commit('LOADING', false)\r\n          // this.$store.dispatch('logout')\r\n        })\r\n    },\r\n    submitdata () {\r\n      this.errorMsg = ''\r\n      this.successMsg = ''\r\n      if (this.IsModified) {\r\n        this.UpdateDepartment()\r\n      } else {\r\n        this.createDepartment()\r\n      }\r\n    },\r\n    async createDepartment () {\r\n      if (this.xpressDepartmentNameval) {\r\n        const xpressDepartmentName = this.xpressDepartmentNameval\r\n        const xpressDepartmentId = this.xpressDepartmentIdval\r\n        const userData = {\r\n          xpressDepartmentName,\r\n          xpressDepartmentId\r\n        }\r\n        this.$store.commit('LOADING', true)\r\n        await this.$store\r\n          .dispatch('department/CreateDepartment', userData)\r\n          .then(resp => {\r\n            if ([0, '0', '00'].includes(resp?.responseCode)) {\r\n              this.successMsg = resp.responseMessage\r\n              this.GetAllDepartments()\r\n              // reset data\r\n              this.xpressDepartmentNameval = ''\r\n              this.IsModified = false\r\n              // clear alert message\r\n              setTimeout(() => {\r\n                this.successMsg = ''\r\n              }, 2000)\r\n            } else {\r\n              this.errorMsg = resp.responseMessage\r\n              setTimeout(() => {\r\n                this.errorMsg = ''\r\n              }, 2000)\r\n            }\r\n            this.$store.commit('LOADING', false)\r\n          })\r\n          .catch(() => {\r\n            this.$store.commit('LOADING', false)\r\n            this.errorMsg =\r\n              'Unable to access service. Please try again or contact support.'\r\n            // clear alert message\r\n            setTimeout(() => {\r\n              this.errorMsg = ''\r\n            }, 2000)\r\n          })\r\n      } else {\r\n        let errorMsg = ''\r\n        if (this.xpressDepartmentNameval !== '') {\r\n          errorMsg = 'Department Name Field is empty | '\r\n        }\r\n        if (this.departmentCodeval !== '') {\r\n          errorMsg = 'Department Code Field is empty | '\r\n        }\r\n        this.errorMsg = errorMsg\r\n      }\r\n    },\r\n    async UpdateDepartment () {\r\n      if (this.xpressDepartmentNameval) {\r\n        const xpressDepartmentName = this.xpressDepartmentNameval\r\n        const xpressDepartmentId = this.xpressDepartmentIdval\r\n        const userData = {\r\n          xpressDepartmentName,\r\n          xpressDepartmentId\r\n        }\r\n        this.$store.commit('LOADING', true)\r\n        await this.$store\r\n          .dispatch('department/UpdateDepartment', userData)\r\n          .then(resp => {\r\n            if ([0, '0', '00'].includes(resp?.responseCode)) {\r\n              this.successMsg = resp.responseMessage\r\n              this.GetAllDepartments()\r\n              // reset data\r\n              this.xpressDepartmentNameval = ''\r\n              this.IsModified = false\r\n              // clear alert message\r\n              setTimeout(() => {\r\n                this.successMsg = ''\r\n              }, 2000)\r\n            } else {\r\n              this.errorMsg = resp.responseMessage\r\n              setTimeout(() => {\r\n                this.errorMsg = ''\r\n              }, 2000)\r\n            }\r\n            this.$store.commit('LOADING', false)\r\n          })\r\n          .catch(() => {\r\n            this.$store.commit('LOADING', false)\r\n            this.errorMsg =\r\n              'Unable to access service. Please try again or contact support.'\r\n            // clear alert message\r\n            setTimeout(() => {\r\n              this.errorMsg = ''\r\n            }, 2000)\r\n          })\r\n      } else {\r\n        let errorMsg = ''\r\n        if (this.xpressDepartmentNameval !== '') {\r\n          errorMsg = 'Department Name Field is empty | '\r\n        }\r\n        if (this.departmentCodeval !== '') {\r\n          errorMsg = 'Department Code Field is empty | '\r\n        }\r\n        this.errorMsg = errorMsg\r\n      }\r\n    }\r\n  },\r\n  computed: {\r\n    ...mapGetters({\r\n      loading: '_globalLoading'\r\n    }),\r\n    resultQuery () {\r\n      if (this.searchText) {\r\n        return this.departmentItems.filter(item => {\r\n          return this.searchText\r\n            .toLowerCase()\r\n            .split(' ')\r\n            .every(v => item.xpressDepartmentName.toLowerCase().includes(v))\r\n        })\r\n      } else {\r\n        return this.departmentItems\r\n      }\r\n    }\r\n  },\r\n  setup () {\r\n    provide('page-title', 'Department Registration')\r\n    provide('searchbar-placeholder', 'Search')\r\n\r\n    const isSidebarActive = ref('')\r\n\r\n    const sidebarToggled = isToggled => {\r\n      isSidebarActive.value = isToggled\r\n    }\r\n    return {\r\n      isSidebarActive,\r\n      sidebarToggled,\r\n      UserAllocation\r\n    }\r\n  }\r\n}\r\n</script>\r\n\r\n<style lang=\"scss\" scoped>\r\ndiv.xpress-page-content {\r\n  display: grid;\r\n  grid-template: auto / 240px auto;\r\n  position: relative;\r\n\r\n  &.xpress-user-admin-approval {\r\n    // height: 100%;\r\n    background-color: #fafafa;\r\n  }\r\n\r\n  // ALL PAGES CONTENT\r\n  & > section {\r\n    // border: 1px solid red;\r\n    grid-area: 1 / 2 / 2 / 3;\r\n\r\n    & > main {\r\n      width: 100%;\r\n      padding: 0 40px 50px;\r\n\r\n      // In-house content section\r\n      & > section.xpress-inhouse-content-section {\r\n        width: 100%;\r\n        min-height: 80vh;\r\n        display: flex;\r\n        flex-flow: column;\r\n        // align-items: center;\r\n        row-gap: 116px;\r\n        padding-top: 32px;\r\n        padding-bottom: 48px;\r\n      }\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  div.xpress-page-content {\r\n    width: 100%;\r\n    height: auto;\r\n    display: block;\r\n\r\n    & > section {\r\n      & > main {\r\n        width: 100%;\r\n        padding: 0 2% 50px;\r\n\r\n        // transaction card section\r\n        & > section.xpress-transaction-card-section {\r\n          width: 100%;\r\n          padding-top: 40px;\r\n          padding-bottom: 50px;\r\n\r\n          // transaction cards row\r\n          & > div.transaction-card-row {\r\n            flex-flow: column;\r\n            justify-content: center;\r\n            column-gap: 0;\r\n            row-gap: 30px;\r\n          }\r\n        }\r\n\r\n        // transaction chart section\r\n        & > section.xpress-transaction-chart-section {\r\n          width: 100%;\r\n\r\n          // transaction chart content\r\n          & > div.chart-content {\r\n            width: 100%;\r\n            height: auto;\r\n            border-color: transparent;\r\n            border-radius: 0px;\r\n            padding: 10px 0 0;\r\n            background: #ffffff;\r\n\r\n            // bar chart\r\n            & > figure {\r\n              width: 100%;\r\n              height: auto;\r\n            }\r\n          }\r\n        }\r\n      }\r\n    }\r\n  }\r\n}\r\n// XX-SM\r\n@media (min-width: 251px) and (max-width: 350.9px) {\r\n  div.xpress-page-content {\r\n    width: 100%;\r\n    height: auto;\r\n    display: block;\r\n\r\n    & > section {\r\n      & > main {\r\n        width: 100%;\r\n        padding: 0 2% 50px;\r\n\r\n        // transaction card section\r\n        & > section.xpress-transaction-card-section {\r\n          width: 100%;\r\n          padding-top: 40px;\r\n          padding-bottom: 50px;\r\n\r\n          // transaction cards row\r\n          & > div.transaction-card-row {\r\n            flex-flow: column;\r\n            justify-content: center;\r\n            column-gap: 0;\r\n            row-gap: 30px;\r\n          }\r\n        }\r\n\r\n        // transaction chart section\r\n        & > section.xpress-transaction-chart-section {\r\n          width: 100%;\r\n\r\n          // transaction chart content\r\n          & > div.chart-content {\r\n            width: 100%;\r\n            height: auto;\r\n            border-color: transparent;\r\n            border-radius: 0px;\r\n            padding: 10px 0 0;\r\n            background: #ffffff;\r\n\r\n            // bar chart\r\n            & > figure {\r\n              width: 100%;\r\n              height: auto;\r\n            }\r\n          }\r\n        }\r\n      }\r\n    }\r\n  }\r\n}\r\n// X-SM\r\n@media (min-width: 351px) and (max-width: 575.9px) {\r\n  div.xpress-page-content {\r\n    width: 100%;\r\n    height: auto;\r\n    display: block;\r\n\r\n    & > section {\r\n      & > main {\r\n        width: 100%;\r\n        padding: 0 2% 50px;\r\n\r\n        // transaction card section\r\n        & > section.xpress-transaction-card-section {\r\n          width: 100%;\r\n          padding-top: 40px;\r\n          padding-bottom: 50px;\r\n\r\n          // transaction cards row\r\n          & > div.transaction-card-row {\r\n            flex-flow: column;\r\n            justify-content: center;\r\n            column-gap: 0;\r\n            row-gap: 30px;\r\n          }\r\n        }\r\n\r\n        // transaction chart section\r\n        & > section.xpress-transaction-chart-section {\r\n          width: 100%;\r\n\r\n          // transaction chart content\r\n          & > div.chart-content {\r\n            width: 100%;\r\n            height: auto;\r\n            border-color: transparent;\r\n            border-radius: 0px;\r\n            padding: 10px 0 0;\r\n            background: #ffffff;\r\n\r\n            // bar chart\r\n            & > figure {\r\n              width: 100%;\r\n              height: auto;\r\n            }\r\n          }\r\n        }\r\n      }\r\n    }\r\n  }\r\n}\r\n// SM\r\n@media (min-width: 576px) and (max-width: 767.9px) {\r\n  div.xpress-page-content {\r\n    width: 100%;\r\n    height: auto;\r\n    display: block;\r\n\r\n    & > section {\r\n      & > main {\r\n        width: 100%;\r\n        padding: 0 2% 50px;\r\n\r\n        // transaction card section\r\n        & > section.xpress-transaction-card-section {\r\n          width: 100%;\r\n          padding-top: 40px;\r\n          padding-bottom: 50px;\r\n\r\n          // transaction cards row\r\n          & > div.transaction-card-row {\r\n            flex-direction: row;\r\n            justify-content: space-around;\r\n            column-gap: 0px;\r\n            row-gap: 30px;\r\n          }\r\n        }\r\n\r\n        // transaction chart section\r\n        & > section.xpress-transaction-chart-section {\r\n          width: 100%;\r\n\r\n          // transaction chart content\r\n          & > div.chart-content {\r\n            width: 100%;\r\n            height: auto;\r\n            border-color: transparent;\r\n            border-radius: 0px;\r\n            padding: 10px 0 0;\r\n            background: #ffffff;\r\n\r\n            // bar chart\r\n            & > figure {\r\n              width: 100%;\r\n              height: auto;\r\n            }\r\n          }\r\n        }\r\n      }\r\n    }\r\n  }\r\n}\r\n// MD\r\n@media (min-width: 768px) and (max-width: 991.9px) {\r\n  div.xpress-page-content {\r\n    width: 100%;\r\n    height: auto;\r\n    display: block;\r\n\r\n    & > section {\r\n      & > main {\r\n        width: 100%;\r\n        padding: 0 2% 50px;\r\n\r\n        // transaction card section\r\n        & > section.xpress-transaction-card-section {\r\n          width: 100%;\r\n          padding-top: 40px;\r\n          padding-bottom: 50px;\r\n\r\n          // transaction cards row\r\n          & > div.transaction-card-row {\r\n            flex-direction: row;\r\n            flex-wrap: nowrap;\r\n            justify-content: space-between;\r\n            column-gap: 10px;\r\n            row-gap: 30px;\r\n          }\r\n        }\r\n\r\n        // transaction chart section\r\n        & > section.xpress-transaction-chart-section {\r\n          width: 100%;\r\n\r\n          // transaction chart content\r\n          & > div.chart-content {\r\n            width: 100%;\r\n            height: auto;\r\n            border-color: transparent;\r\n            border-radius: 0px;\r\n            padding: 10px 0 0;\r\n            background: #ffffff;\r\n\r\n            // bar chart\r\n            & > figure {\r\n              width: 100%;\r\n              height: auto;\r\n            }\r\n          }\r\n        }\r\n      }\r\n    }\r\n  }\r\n}\r\n// LG\r\n@media (min-width: 992px) and (max-width: 1200.9px) {\r\n  div.xpress-page-content {\r\n    // width: 100%;\r\n    height: auto;\r\n    // display: block;\r\n\r\n    & > section {\r\n      & > main {\r\n        width: 100%;\r\n        // padding: 0 2% 50px;\r\n\r\n        // transaction card section\r\n        & > section.xpress-transaction-card-section {\r\n          width: 100%;\r\n          padding-top: 40px;\r\n          padding-bottom: 50px;\r\n\r\n          // transaction cards row\r\n          & > div.transaction-card-row {\r\n            flex-flow: row wrap;\r\n            // justify-content: space-around;\r\n            column-gap: 50px;\r\n            row-gap: 30px;\r\n          }\r\n        }\r\n\r\n        // transaction chart section\r\n        & > section.xpress-transaction-chart-section {\r\n          width: 100%;\r\n\r\n          // transaction chart content\r\n          & > div.chart-content {\r\n            width: 100%;\r\n            height: auto;\r\n            // border-color: transparent;\r\n            // border-radius: 0px;\r\n            padding: 10px 0 0;\r\n            background: #ffffff;\r\n\r\n            // bar chart\r\n            & > figure {\r\n              width: 100%;\r\n              height: auto;\r\n            }\r\n          }\r\n        }\r\n      }\r\n    }\r\n  }\r\n}\r\n</style>\r\n","import { render } from \"./DepartmentRegistration.vue?vue&type=template&id=6151d22e&scoped=true\"\nimport script from \"./DepartmentRegistration.vue?vue&type=script&lang=js\"\nexport * from \"./DepartmentRegistration.vue?vue&type=script&lang=js\"\n\nimport \"./DepartmentRegistration.vue?vue&type=style&index=0&id=6151d22e&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-6151d22e\"]])\n\nexport default __exports__","'use strict';\nvar $ = require('../internals/export');\nvar toAbsoluteIndex = require('../internals/to-absolute-index');\nvar toInteger = require('../internals/to-integer');\nvar toLength = require('../internals/to-length');\nvar toObject = require('../internals/to-object');\nvar arraySpeciesCreate = require('../internals/array-species-create');\nvar createProperty = require('../internals/create-property');\nvar arrayMethodHasSpeciesSupport = require('../internals/array-method-has-species-support');\n\nvar HAS_SPECIES_SUPPORT = arrayMethodHasSpeciesSupport('splice');\n\nvar max = Math.max;\nvar min = Math.min;\nvar MAX_SAFE_INTEGER = 0x1FFFFFFFFFFFFF;\nvar MAXIMUM_ALLOWED_LENGTH_EXCEEDED = 'Maximum allowed length exceeded';\n\n// `Array.prototype.splice` method\n// https://tc39.es/ecma262/#sec-array.prototype.splice\n// with adding support of @@species\n$({ target: 'Array', proto: true, forced: !HAS_SPECIES_SUPPORT }, {\n  splice: function splice(start, deleteCount /* , ...items */) {\n    var O = toObject(this);\n    var len = toLength(O.length);\n    var actualStart = toAbsoluteIndex(start, len);\n    var argumentsLength = arguments.length;\n    var insertCount, actualDeleteCount, A, k, from, to;\n    if (argumentsLength === 0) {\n      insertCount = actualDeleteCount = 0;\n    } else if (argumentsLength === 1) {\n      insertCount = 0;\n      actualDeleteCount = len - actualStart;\n    } else {\n      insertCount = argumentsLength - 2;\n      actualDeleteCount = min(max(toInteger(deleteCount), 0), len - actualStart);\n    }\n    if (len + insertCount - actualDeleteCount > MAX_SAFE_INTEGER) {\n      throw TypeError(MAXIMUM_ALLOWED_LENGTH_EXCEEDED);\n    }\n    A = arraySpeciesCreate(O, actualDeleteCount);\n    for (k = 0; k < actualDeleteCount; k++) {\n      from = actualStart + k;\n      if (from in O) createProperty(A, k, O[from]);\n    }\n    A.length = actualDeleteCount;\n    if (insertCount < actualDeleteCount) {\n      for (k = actualStart; k < len - actualDeleteCount; k++) {\n        from = k + actualDeleteCount;\n        to = k + insertCount;\n        if (from in O) O[to] = O[from];\n        else delete O[to];\n      }\n      for (k = len; k > len - actualDeleteCount + insertCount; k--) delete O[k - 1];\n    } else if (insertCount > actualDeleteCount) {\n      for (k = len - actualDeleteCount; k > actualStart; k--) {\n        from = k + actualDeleteCount - 1;\n        to = k + insertCount - 1;\n        if (from in O) O[to] = O[from];\n        else delete O[to];\n      }\n    }\n    for (k = 0; k < insertCount; k++) {\n      O[k + actualStart] = arguments[k + 2];\n    }\n    O.length = len - actualDeleteCount + insertCount;\n    return A;\n  }\n});\n","'use strict';\nvar $ = require('../internals/export');\nvar $map = require('../internals/array-iteration').map;\nvar arrayMethodHasSpeciesSupport = require('../internals/array-method-has-species-support');\n\nvar HAS_SPECIES_SUPPORT = arrayMethodHasSpeciesSupport('map');\n\n// `Array.prototype.map` method\n// https://tc39.es/ecma262/#sec-array.prototype.map\n// with adding support of @@species\n$({ target: 'Array', proto: true, forced: !HAS_SPECIES_SUPPORT }, {\n  map: function map(callbackfn /* , thisArg */) {\n    return $map(this, callbackfn, arguments.length > 1 ? arguments[1] : undefined);\n  }\n});\n"],"sourceRoot":""}