{"version":3,"sources":["webpack:///./src/components/CodeMaintenance/Contact.vue?fff9","webpack:///src/components/CodeMaintenance/Contact.vue","webpack:///./src/components/CodeMaintenance/Contact.vue?9e73","webpack:///./src/components/CodeMaintenance/Contact.vue","webpack:///./src/components/CodeMaintenance/Contact.vue?435d"],"names":["render","_vm","this","_h","$createElement","_c","_self","staticClass","_v","key","viewExpired","model","value","callback","$$v","expression","attrs","contactSearch","columns","toolbar","searchPanel","paging","pager","remoteOperations","on","initGrid","scopedSlots","_u","fn","proxy","permissions","ProviderCreateEdit","$event","stopPropagation","openModal","LocationCreateEdit","editSelected","_e","ref","ref_data","data","directives","name","rawName","modifiers","params","providerId","provider","id","locationId","location","editContact","editProvider","_s","providerName","editLocation","locationName","column","caption","isEditing","cancelEdit","handleSubmit","selectedRows","closeModal","modalProviderId","modalLocationId","staticRenderFns","metaInfo","title","titleTemplate","components","ContactsForm","Modal","ExpiryTemplate","Container","IconButton","Icon","PageTitle","DxGridWithSearch","Provider","Location","DxSwitch","mounted","auditLog","createLogItem","comments","isLoading","hasSelection","store","pageSize","filter","dateRangeFilter","locationSearch","filtering","sorting","headerFilter","visible","filterRow","columnChooser","mode","enabled","items","template","widget","options","icon","onClick","hint","elementAttr","class","text","locateInMenu","showText","searchVisibleColumnsOnly","width","contactGrid","selection","allowSelectAll","showCheckBoxesMode","allowedPageSizes","showInfo","infoText","showPageSizeSelector","displayMode","computed","mapState","currentUser","currentLab","states","mapGetters","sortIndex","sortOrder","dataField","cellTemplate","dataType","lookup","dataSource","valueExpr","displayExpr","calculateCellValue","calculateSortValue","calculateFilterExpression","filterValue","allowSearch","type","visibleIndex","methods","initLocationGrid","setSelected","window","dataService","e","calculateFax","calculatePhone","providerNameValue","locationNameValue","directRouter","path","shouldRedirect","providerID","exportToExcel","watch","handler","nv","component"],"mappings":"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","file":"js/chunk-0c324716.cee18c6c.js","sourcesContent":["var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('container',[_c('div',{staticClass:\"d-flex justify-content-end mb-2\"},[_c('div',{staticClass:\"mr-2 d-inline-flex flex-column\"},[_c('label',[_c('b',[_vm._v(\"Show Expired\")])]),_c('DxSwitch',{key:_vm.viewExpired,model:{value:(_vm.viewExpired),callback:function ($$v) {_vm.viewExpired=$$v},expression:\"viewExpired\"}})],1)]),_c('div',{staticClass:\"p-2 bg-white\"},[_c('dx-grid-with-search',{attrs:{\"dataSource\":_vm.contactSearch,\"columns\":_vm.columns,\"show-borders\":true,\"show-row-lines\":true,\"row-alternation-enabled\":true,\"toolbar\":_vm.toolbar,\"searchPanel\":_vm.searchPanel,\"columnChooser\":true,\"paging\":_vm.paging,\"pager\":_vm.pager,\"remoteOperations\":_vm.remoteOperations,\"gridName\":\"contact\"},on:{\"initialized\":_vm.initGrid},scopedSlots:_vm._u([{key:\"title\",fn:function(){return [_c('page-title',[_vm._v(\"Provider/Location Maintenance\")])]},proxy:true},{key:\"extraActions\",fn:function(){return [_c('div',{staticClass:\"d-flex\"},[_c('icon-button',{staticClass:\"btn btn-primary mr-2\",attrs:{\"disabled\":!_vm.permissions.ProviderCreateEdit,\"type\":\"button\",\"icon\":\"user\"},on:{\"click\":function($event){$event.stopPropagation();_vm.openModal = 'provider'}}},[_c('span',{staticClass:\"mx-1\"},[_vm._v(\" Add Provider \")])]),_c('icon-button',{staticClass:\"btn btn-primary mr-2\",attrs:{\"disabled\":!_vm.permissions.LocationCreateEdit,\"type\":\"button\",\"iconClass\":\"text-danger\",\"icon\":\"hospital-alt\"},on:{\"click\":function($event){$event.stopPropagation();_vm.openModal = 'location'}}},[_c('span',{staticClass:\"mx-1\"},[_vm._v(\" Add Location \")])]),(_vm.permissions.ContactCreateEdit)?_c('icon-button',{staticClass:\"btn edit-btn btn-primary d-flex align-items-center justify-content-between\",attrs:{\"type\":\"button\",\"id\":\"editBtn\",\"icon\":\"pen-alt\"},on:{\"click\":_vm.editSelected}},[_c('span',{staticClass:\"ml-2\"},[_vm._v(\"Edit\")])]):_vm._e()],1)]},proxy:true},{key:\"actions-cell\",fn:function(ref){\nvar ref_data = ref.data;\nvar data = ref_data.data;\nvar key = ref_data.key;\nreturn [_c('div',{staticClass:\"d-flex align-items-center justify-content-center\"},[(_vm.permissions.ProviderCreateEdit)?_c('router-link',{directives:[{name:\"tooltip\",rawName:\"v-tooltip.left\",value:('Edit provider'),expression:\"'Edit provider'\",modifiers:{\"left\":true}}],staticClass:\"mr-2 border-0 p-0\",attrs:{\"to\":{\n              name: 'ProviderUpdate',\n              params: {\n                providerId: data.provider.id\n              }\n            }}},[_c('icon',{staticClass:\"m-auto\",attrs:{\"icon\":\"user\"}})],1):_vm._e(),(_vm.permissions.LocationCreateEdit)?_c('router-link',{directives:[{name:\"tooltip\",rawName:\"v-tooltip.left\",value:('Edit location.'),expression:\"'Edit location.'\",modifiers:{\"left\":true}}],staticClass:\"mr-2 border-0 p-0\",attrs:{\"to\":{\n              name: 'LocationUpdate',\n              params: {\n                locationId: data.location.id\n              }\n            }}},[_c('icon',{staticClass:\"m-auto text-danger\",attrs:{\"icon\":\"hospital-alt\"}})],1):_vm._e(),_c('icon-button',{staticClass:\"text-primary p-0\",attrs:{\"icon\":\"pen-alt\"},on:{\"click\":function($event){return _vm.editContact(key)}}})],1)]}},{key:\"providerName\",fn:function(ref){\n            var data = ref.data;\nreturn [(_vm.permissions.ProviderCreateEdit)?_c('span',{staticClass:\"contactLink\",on:{\"click\":function($event){return _vm.editProvider(data.data.provider.id)}}},[_vm._v(_vm._s(_vm.providerName(data)))]):_c('span',[_vm._v(_vm._s(_vm.providerName(data)))])]}},{key:\"locationName\",fn:function(ref){\n            var data = ref.data;\nreturn [(_vm.permissions.LocationCreateEdit)?_c('span',{staticClass:\"contactLink\",on:{\"click\":function($event){return _vm.editLocation(data.data.location.id)}}},[_vm._v(_vm._s(_vm.locationName(data)))]):_c('span',[_vm._v(_vm._s(_vm.locationName(data)))])]}},{key:\"headerCell\",fn:function(ref){\n            var data = ref.data;\nreturn [_c('div',{staticClass:\"accession-header\"},[_c('b',{staticClass:\"mr-auto\"},[_vm._v(_vm._s(data.column.caption))])])]}},{key:\"expirationCell\",fn:function(ref){\n            var data = ref.data;\nreturn [_c('ExpiryTemplate',{attrs:{\"expiry-date\":data.value}})]}}])}),_c('div',{staticClass:\"row justify-content-end\"}),_c('div',{staticClass:\"container\"}),_c('Modal',{attrs:{\"status\":_vm.isEditing},on:{\"close\":_vm.cancelEdit}},[_c('div',[_c('ContactsForm',{ref:\"contactForm\",on:{\"cancel\":_vm.cancelEdit,\"submit\":_vm.handleSubmit},model:{value:(_vm.selectedRows),callback:function ($$v) {_vm.selectedRows=$$v},expression:\"selectedRows\"}})],1)]),_c('Modal',{attrs:{\"status\":_vm.openModal === 'provider'},on:{\"close\":_vm.closeModal}},[_c('Provider',{attrs:{\"providerId\":_vm.modalProviderId,\"isModal\":true},on:{\"close\":_vm.closeModal,\"cancel\":_vm.closeModal}})],1),_c('Modal',{attrs:{\"status\":_vm.openModal === 'location'},on:{\"close\":_vm.closeModal}},[_c('Location',{attrs:{\"locationId\":_vm.modalLocationId,\"isModal\":true},on:{\"close\":_vm.closeModal,\"cancel\":_vm.closeModal}})],1)],1)])}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n  <container>\n    <div class=\"d-flex justify-content-end mb-2\">\n      <div class=\"mr-2 d-inline-flex flex-column\">\n        <label><b>Show Expired</b></label>\n        <DxSwitch v-model=\"viewExpired\" :key=\"viewExpired\" />\n      </div>\n    </div>\n    <div class=\"p-2 bg-white\">\n      <dx-grid-with-search\n        :dataSource=\"contactSearch\"\n        :columns=\"columns\"\n        :show-borders=\"true\"\n        :show-row-lines=\"true\"\n        :row-alternation-enabled=\"true\"\n        :toolbar=\"toolbar\"\n        @initialized=\"initGrid\"\n        :searchPanel=\"searchPanel\"\n        :columnChooser=\"true\"\n        :paging=\"paging\"\n        :pager=\"pager\"\n        :remoteOperations=\"remoteOperations\"\n        gridName=\"contact\"\n      >\n        <template v-slot:title>\n          <page-title>Provider/Location Maintenance</page-title>\n        </template>\n        <template v-slot:extraActions>\n          <div class=\"d-flex\">\n            <icon-button\n              :disabled=\"!permissions.ProviderCreateEdit\"\n              @click.stop=\"openModal = 'provider'\"\n              type=\"button\"\n              class=\"btn btn-primary mr-2\"\n              icon=\"user\"\n            >\n              <span class=\"mx-1\"> Add Provider </span>\n            </icon-button>\n            <icon-button\n              :disabled=\"!permissions.LocationCreateEdit\"\n              @click.stop=\"openModal = 'location'\"\n              type=\"button\"\n              class=\"btn btn-primary mr-2\"\n              iconClass=\"text-danger\"\n              icon=\"hospital-alt\"\n            >\n              <span class=\"mx-1\"> Add Location </span>\n            </icon-button>\n            <icon-button\n              v-if=\"permissions.ContactCreateEdit\"\n              type=\"button\"\n              id=\"editBtn\"\n              @click=\"editSelected\"\n              icon=\"pen-alt\"\n              class=\"btn edit-btn btn-primary d-flex align-items-center justify-content-between\"\n            >\n              <span class=\"ml-2\">Edit</span>\n            </icon-button>\n          </div>\n        </template>\n        <template v-slot:actions-cell=\"{ data: { data, key } }\">\n          <!-- Should update once we have the contact endpoint -->\n          <div class=\"d-flex align-items-center justify-content-center\">\n            <router-link\n              v-if=\"permissions.ProviderCreateEdit\"\n              v-tooltip.left=\"'Edit provider'\"\n              :to=\"{\n                name: 'ProviderUpdate',\n                params: {\n                  providerId: data.provider.id\n                }\n              }\"\n              class=\"mr-2 border-0 p-0\"\n            >\n              <icon class=\"m-auto\" icon=\"user\" />\n            </router-link>\n            <router-link\n              v-if=\"permissions.LocationCreateEdit\"\n              v-tooltip.left=\"'Edit location.'\"\n              :to=\"{\n                name: 'LocationUpdate',\n                params: {\n                  locationId: data.location.id\n                }\n              }\"\n              class=\"mr-2 border-0 p-0\"\n            >\n              <icon class=\"m-auto text-danger\" icon=\"hospital-alt\" />\n            </router-link>\n            <icon-button icon=\"pen-alt\" class=\"text-primary p-0\" @click=\"editContact(key)\" />\n          </div>\n        </template>\n        <template class=\"d-flex\" v-slot:providerName=\"{ data }\">\n          <span\n            class=\"contactLink\"\n            v-if=\"permissions.ProviderCreateEdit\"\n            @click=\"editProvider(data.data.provider.id)\"\n            >{{ providerName(data) }}</span\n          >\n          <span v-else>{{ providerName(data) }}</span>\n        </template>\n        <template class=\"d-flex\" v-slot:locationName=\"{ data }\">\n          <span\n            class=\"contactLink\"\n            v-if=\"permissions.LocationCreateEdit\"\n            @click=\"editLocation(data.data.location.id)\"\n            >{{ locationName(data) }}</span\n          >\n          <span v-else>{{ locationName(data) }}</span>\n        </template>\n\n        <template v-slot:headerCell=\"{ data }\">\n          <div class=\"accession-header\">\n            <b class=\"mr-auto\">{{ data.column.caption }}</b>\n          </div>\n        </template>\n        <template v-slot:expirationCell=\"{ data }\">\n          <ExpiryTemplate :expiry-date=\"data.value\" />\n        </template>\n      </dx-grid-with-search>\n      <div class=\"row justify-content-end\"></div>\n      <div class=\"container\"></div>\n      <Modal @close=\"cancelEdit\" :status=\"isEditing\">\n        <div>\n          <ContactsForm\n            ref=\"contactForm\"\n            @cancel=\"cancelEdit\"\n            @submit=\"handleSubmit\"\n            v-model=\"selectedRows\"\n          />\n        </div>\n      </Modal>\n      <Modal :status=\"openModal === 'provider'\" @close=\"closeModal\">\n        <Provider\n          @close=\"closeModal\"\n          @cancel=\"closeModal\"\n          :providerId=\"modalProviderId\"\n          :isModal=\"true\"\n        />\n      </Modal>\n      <Modal :status=\"openModal === 'location'\" @close=\"closeModal\">\n        <Location\n          @close=\"closeModal\"\n          @cancel=\"closeModal\"\n          :locationId=\"modalLocationId\"\n          :isModal=\"true\"\n        />\n      </Modal>\n    </div>\n  </container>\n</template>\n\n<script>\nimport { ProvidersApi } from \"@/services\";\nimport Modal from \"@/components/common/Modal\";\nimport ContactsForm from \"@/components/forms/CodeMaintenance/Providers/ContactsForm\";\nimport { mapState, mapGetters } from \"vuex\";\nimport { createLogItem, dateRangeFilter, formatPhoneNumber } from \"../../modules/helpers\";\nimport auditLog from \"../../services/AuditLog\";\nimport ExpiryTemplate from \"@/components/common/ExpiryTemplate.vue\";\nimport Container from \"../common/Container.vue\";\nimport IconButton from \"../common/IconButton.vue\";\nimport Icon from \"../common/Icon.vue\";\nimport DataSource from \"devextreme/data/data_source\";\nimport PageTitle from \"../common/PageTitle.vue\";\nimport DxGridWithSearch from \"../common/DxGridWithSearch.vue\";\nimport Provider from \"../forms/CodeMaintenance/Providers/Provider.vue\";\nimport Location from \"../forms/CodeMaintenance/Providers/Location.vue\";\nimport DxSwitch from \"devextreme-vue/switch\";\n\nexport default {\n  name: \"Contacts\",\n  metaInfo: {\n    title: \"Provider/Location Maintenance\",\n    titleTemplate: \"IntelliPath - %s\"\n  },\n  components: {\n    ContactsForm,\n    Modal,\n    ExpiryTemplate,\n    Container,\n    IconButton,\n    Icon,\n    PageTitle,\n    DxGridWithSearch,\n    Provider,\n    Location,\n    DxSwitch\n  },\n  mounted() {\n    auditLog.insertLogMessage({\n      ...createLogItem({}, 7),\n      comments: \"Visited Admin Provider/Location page.\"\n    });\n    this.$store.dispatch(\"dropdowns/getStates\");\n  },\n  data() {\n    return {\n      isEditing: false,\n      isLoading: false,\n      hasSelection: false,\n      contactSearch: new DataSource({\n        store: ProvidersApi.searchContacts,\n        pageSize: 10,\n        filter: this.viewExpired\n          ? null\n          : dateRangeFilter(\"properties.effectiveOn\", \"properties.expiryOn\")\n      }),\n      locationSearch: new DataSource({ store: ProvidersApi.searchLocations }),\n      selectedRows: [],\n      remoteOperations: {\n        paging: true,\n        filtering: true,\n        sorting: true\n      },\n      headerFilter: {\n        visible: true\n      },\n      filterRow: {\n        visible: true\n      },\n      columnChooser: {\n        mode: \"select\",\n        enabled: true\n      },\n      toolbar: {\n        items: [\n          {\n            template: \"title\",\n            location: \"before\"\n          },\n          {\n            template: \"extraActions\",\n            location: \"after\"\n          },\n          {\n            widget: \"dxButton\",\n            visible: true,\n            options: {\n              icon: \"fa fa-file-excel\",\n              onClick: this.exportToExcel,\n              hint: \"Click to export as excel file\",\n              elementAttr: {\n                \"data-testId\": \"toolbar-action-excel\",\n                class: \"icon-color\"\n              },\n              text: \"Export to Excel\"\n            },\n            locateInMenu: \"auto\",\n            showText: \"inMenu\"\n          }\n        ]\n      },\n      searchPanel: {\n        visible: true,\n        searchVisibleColumnsOnly: true,\n        width: 300\n      },\n      contactGrid: {},\n      selection: {\n        mode: \"multiple\",\n        allowSelectAll: true,\n        showCheckBoxesMode: \"always\"\n      },\n      openModal: \"\",\n      modalProviderId: null,\n      modalLocationId: null,\n      pager: {\n        allowedPageSizes: [10, 15, 20, 25, 50],\n        showInfo: true,\n        infoText: \"Page {0} of {1} ({2} Contacts)\",\n        showPageSizeSelector: true,\n        visible: true,\n        displayMode: \"full\"\n      },\n      paging: {\n        enabled: true\n      },\n      viewExpired: false\n    };\n  },\n  computed: {\n    ...mapState({\n      currentUser: state => state.currentUser,\n      currentLab: state => state.currentLab,\n      states: state => state.dropdowns.states\n    }),\n    ...mapGetters([\"permissions\"]),\n    columns() {\n      return [\n        {\n          sortIndex: 0,\n          sortOrder: \"asc\",\n          dataField: \"providerFullName\",\n          caption: \"Provider\",\n          cellTemplate: \"providerName\",\n          dataType: \"string\"\n        },\n        {\n          dataField: \"locationName\",\n          caption: \"Location Name\",\n          cellTemplate: \"locationName\",\n          dataType: \"string\"\n        },\n        {\n          dataField: \"locationAddress1\",\n          caption: \"Address\",\n          dataType: \"string\"\n        },\n        {\n          dataField: \"locationAddress2\",\n          caption: \"Address 2\",\n          dataType: \"string\"\n        },\n        {\n          dataField: \"locationCity\",\n          caption: \"City\",\n          dataType: \"string\"\n        },\n        {\n          dataField: \"state\",\n          lookup: {\n            dataSource: this.states,\n            valueExpr: \"id\",\n            displayExpr: \"displayName\"\n          }\n        },\n        { dataField: \"zipCode\" },\n        {\n          dataField: \"primaryPhone\",\n          dataType: \"string\",\n          caption: \"Contact Phone Number\",\n          calculateCellValue({ primaryPhone }) {\n            if (!primaryPhone) {\n              return \"\";\n            }\n            return formatPhoneNumber(primaryPhone);\n          },\n          calculateSortValue: \"primaryPhone\",\n          calculateFilterExpression(filterValue) {\n            const cleaned = filterValue.replace(/\\D/g, \"\");\n            if (!cleaned) {\n              return null;\n            }\n            return [\"primaryPhone\", \"contains\", cleaned];\n          }\n        },\n        {\n          dataField: \"primaryFax\",\n          caption: \"Contact Primary Fax\",\n          dataType: \"string\",\n          calculateCellValue({ primaryFax }) {\n            if (!primaryFax) {\n              return \"\";\n            }\n            return formatPhoneNumber(primaryFax);\n          },\n          calculateSortValue: \"primaryFax\",\n          calculateFilterExpression(filterValue) {\n            const cleaned = filterValue.replace(/\\D/g, \"\");\n            if (!cleaned) {\n              return null;\n            }\n            return [\"primaryFax\", \"contains\", filterValue.replace(/\\D/g, \"\")];\n          }\n        },\n        { dataField: \"providerNPI\", caption: \"NPI\", dataType: \"string\" },\n        {\n          dataField: \"properties.expiryOn\",\n          caption: \"ExpiryOn\",\n          dataType: \"date\",\n          cellTemplate: \"expirationCell\",\n          allowSearch: false\n        },\n        {\n          dataField: \"providerLegacyId\"\n        },\n        {\n          dataField: \"locationLegacyId\"\n        },\n        {\n          type: \"buttons\",\n          cellTemplate: \"actions-cell\",\n          caption: \"Actions\",\n          visibleIndex: 0,\n          allowSearch: false\n        }\n      ];\n    }\n  },\n  methods: {\n    handleSubmit() {\n      this.isEditing = false;\n      this.contactGrid.clearSelection();\n      this.contactGrid.refresh();\n    },\n    initGrid({ component }) {\n      this.contactGrid = component;\n    },\n    initLocationGrid({ component }) {\n      this.locationGrid = component;\n    },\n    setSelected({ selectedRowKeys }) {\n      this.hasSelection = Boolean(selectedRowKeys.length);\n      this.selectedRows = [];\n    },\n    editContact(key) {\n      this.contactGrid.selectRows([key]);\n      this.editSelected();\n    },\n    editSelected() {\n      this.selectedRows = this.contactGrid.getSelectedRowsData();\n      if (this.selectedRows?.length) {\n        this.isEditing = true;\n      } else {\n        window.notify(\"Please select items to edit.\", \"warning\");\n      }\n    },\n    cancelEdit() {\n      this.isEditing = false;\n      this.isLoading = false;\n      this.contactGrid.clearSelection();\n    },\n    dataService(options) {\n      options.filterFields.forEach(e => {\n        if (e.field === \"ContactId\") {\n          e.field = \"Id\";\n        }\n      });\n      return ProvidersApi.searchContacts(options);\n    },\n    calculateFax(data) {\n      if (data?.properties?.faxMachines?.length) {\n        const primary = data.properties.faxMachines.find(e => e.primary);\n        return primary ? primary.phoneNumber : \"N/A\";\n      }\n      return \"N/A\";\n    },\n    calculatePhone(data) {\n      return data?.provider?.phoneNumber || \"N/A\";\n    },\n    providerNameValue(data) {\n      return data?.provider?.lastName + \",\" + data?.provider?.firstName;\n    },\n    locationNameValue(data) {\n      return data?.location?.name;\n    },\n    providerName({ data }) {\n      return data?.providerFullName;\n    },\n    locationName({ data }) {\n      return data?.locationName;\n    },\n    directRouter(path, params = {}) {\n      return this.$router.push({\n        name: path,\n        params: {\n          shouldRedirect: true,\n          ...params\n        }\n      });\n    },\n    editProvider(providerID) {\n      this.openModal = \"provider\";\n      this.modalProviderId = providerID;\n    },\n    editLocation(locationId) {\n      this.openModal = \"location\";\n      this.modalLocationId = locationId;\n    },\n    closeModal() {\n      this.openModal = null;\n      this.modalProviderId = null;\n      this.modalLocationId = null;\n      this.contactGrid.refresh();\n    },\n    exportToExcel() {\n      this.contactGrid.exportToExcel();\n    }\n  },\n  watch: {\n    viewExpired: {\n      handler(nv) {\n        if (nv) {\n          this.contactGrid.clearFilter(\"dataSource\");\n        } else {\n          this.contactGrid.filter(dateRangeFilter(\"properties.effectiveOn\", \"properties.expiryOn\"));\n          this.contactGrid.refresh();\n        }\n      }\n    }\n  }\n};\n</script>\n\n<style lang=\"scss\" scoped>\n.edit-btn {\n  transition: all 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;\n}\n.nav-link {\n  text-transform: capitalize;\n  font-weight: 500;\n}\n.row {\n  align-items: center;\n}\n#propertiesForm {\n  width: 40%;\n  & > .row:nth-child(even) {\n    margin-top: 1rem;\n    margin-bottom: 1rem;\n  }\n}\n.contactLink {\n  color: #337ab7;\n  cursor: pointer;\n}\n::v-deep .dx-pager {\n  justify-content: flex-start;\n  color: $primary-dark;\n  font-weight: 600;\n  font-size: 1rem;\n  .dx-pages {\n    margin: auto;\n  }\n}\n</style>\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!./Contact.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!./Contact.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./Contact.vue?vue&type=template&id=23643282&scoped=true&\"\nimport script from \"./Contact.vue?vue&type=script&lang=js&\"\nexport * from \"./Contact.vue?vue&type=script&lang=js&\"\nimport style0 from \"./Contact.vue?vue&type=style&index=0&id=23643282&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  \"23643282\",\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!./Contact.vue?vue&type=style&index=0&id=23643282&lang=scss&scoped=true&\""],"sourceRoot":""}