{"version":3,"sources":["webpack:///./src/views/ui-elements/ag-grid-table/AgGridTable.vue","webpack:///src/views/ui-elements/ag-grid-table/AgGridTable.vue","webpack:///./src/views/ui-elements/ag-grid-table/AgGridTable.vue?1663","webpack:///./src/views/ui-elements/ag-grid-table/AgGridTable.vue?78dc"],"names":["render","_vm","this","_c","_self","attrs","staticClass","_v","_s","currentPage","paginationPageSize","contacts","length","on","$event","gridApi","paginationSetPageSize","updateSearchQuery","model","value","searchQuery","callback","$$v","expression","exportDataAsCsv","ref","gridOptions","columnDefs","defaultColDef","$vs","rtl","totalPages","maxPageNumbers","staticRenderFns","components","AgGridVue","data","sortable","editable","resizable","suppressMenu","headerName","field","width","filter","checkboxSelection","headerCheckboxSelectionFilteredOnly","headerCheckboxSelection","pinned","watch","val","columnApi","setColumnPinned","computed","paginationGetPageSize","paginationGetTotalPages","get","paginationGetCurrentPage","set","paginationGoToPage","methods","setQuickFilter","mounted","api","header","$refs","agGridTable","$el","querySelector","style","left","String","Number","transform","slice","component"],"mappings":"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","file":"js/chunk-7ee3a7e6.8241989e.js","sourcesContent":["var render = function render(){var _vm=this,_c=_vm._self._c;return _c('div',{attrs:{\"id\":\"ag-grid-demo\"}},[_c('vx-card',[_c('div',{staticClass:\"flex flex-wrap justify-between items-center\"},[_c('div',{staticClass:\"mb-4 md:mb-0 mr-4 ag-grid-table-actions-left\"},[_c('vs-dropdown',{staticClass:\"cursor-pointer\",attrs:{\"vs-trigger-click\":\"\"}},[_c('div',{staticClass:\"p-4 border border-solid d-theme-border-grey-light rounded-full d-theme-dark-bg cursor-pointer flex items-center justify-between font-medium\"},[_c('span',{staticClass:\"mr-2\"},[_vm._v(_vm._s(_vm.currentPage * _vm.paginationPageSize - (_vm.paginationPageSize - 1))+\" - \"+_vm._s(_vm.contacts.length - _vm.currentPage * _vm.paginationPageSize > 0 ? _vm.currentPage * _vm.paginationPageSize : _vm.contacts.length)+\" of \"+_vm._s(_vm.contacts.length))]),_c('feather-icon',{attrs:{\"icon\":\"ChevronDownIcon\",\"svgClasses\":\"h-4 w-4\"}})],1),_c('vs-dropdown-menu',[_c('vs-dropdown-item',{on:{\"click\":function($event){return _vm.gridApi.paginationSetPageSize(20)}}},[_c('span',[_vm._v(\"20\")])]),_c('vs-dropdown-item',{on:{\"click\":function($event){return _vm.gridApi.paginationSetPageSize(50)}}},[_c('span',[_vm._v(\"50\")])]),_c('vs-dropdown-item',{on:{\"click\":function($event){return _vm.gridApi.paginationSetPageSize(100)}}},[_c('span',[_vm._v(\"100\")])]),_c('vs-dropdown-item',{on:{\"click\":function($event){return _vm.gridApi.paginationSetPageSize(150)}}},[_c('span',[_vm._v(\"150\")])])],1)],1)],1),_c('div',{staticClass:\"flex flex-wrap items-center justify-between ag-grid-table-actions-right\"},[_c('vs-input',{staticClass:\"mb-4 md:mb-0 mr-4\",attrs:{\"placeholder\":\"Search...\"},on:{\"input\":_vm.updateSearchQuery},model:{value:(_vm.searchQuery),callback:function ($$v) {_vm.searchQuery=$$v},expression:\"searchQuery\"}}),_c('vs-button',{staticClass:\"rounded-lg mb-4 md:mb-0\",on:{\"click\":function($event){return _vm.gridApi.exportDataAsCsv()}}},[_vm._v(\"Export as CSV\")])],1)]),_c('ag-grid-vue',{ref:\"agGridTable\",staticClass:\"ag-theme-material w-100 my-4 ag-grid-table\",attrs:{\"gridOptions\":_vm.gridOptions,\"columnDefs\":_vm.columnDefs,\"defaultColDef\":_vm.defaultColDef,\"rowData\":_vm.contacts,\"rowSelection\":\"multiple\",\"colResizeDefault\":\"shift\",\"animateRows\":true,\"floatingFilter\":true,\"pagination\":true,\"paginationPageSize\":_vm.paginationPageSize,\"suppressPaginationPanel\":true,\"enableRtl\":_vm.$vs.rtl}}),_c('vs-pagination',{attrs:{\"total\":_vm.totalPages,\"max\":_vm.maxPageNumbers},model:{value:(_vm.currentPage),callback:function ($$v) {_vm.currentPage=$$v},expression:\"currentPage\"}})],1)],1)\n}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<!-- =========================================================================================\r\n    File Name: AgGridTable.vue\r\n    Description: Ag Grid table\r\n    ----------------------------------------------------------------------------------------\r\n    Item Name: Vuexy - Vuejs, HTML & Laravel Admin Dashboard Template\r\n    Author: Pixinvent\r\n    Author URL: http://www.themeforest.net/user/pixinvent\r\n========================================================================================== -->\r\n\r\n\r\n<template>\r\n  <div id=\"ag-grid-demo\">\r\n    <vx-card>\r\n\r\n      <!-- TABLE ACTION ROW -->\r\n      <div class=\"flex flex-wrap justify-between items-center\">\r\n\r\n        <!-- ITEMS PER PAGE -->\r\n        <div class=\"mb-4 md:mb-0 mr-4 ag-grid-table-actions-left\">\r\n          <vs-dropdown vs-trigger-click class=\"cursor-pointer\">\r\n            <div class=\"p-4 border border-solid d-theme-border-grey-light rounded-full d-theme-dark-bg cursor-pointer flex items-center justify-between font-medium\">\r\n              <span class=\"mr-2\">{{ currentPage * paginationPageSize - (paginationPageSize - 1) }} - {{ contacts.length - currentPage * paginationPageSize > 0 ? currentPage * paginationPageSize : contacts.length }} of {{ contacts.length }}</span>\r\n              <feather-icon icon=\"ChevronDownIcon\" svgClasses=\"h-4 w-4\" />\r\n            </div>\r\n            <!-- <vs-button class=\"btn-drop\" type=\"line\" color=\"primary\" icon-pack=\"feather\" icon=\"icon-chevron-down\"></vs-button> -->\r\n            <vs-dropdown-menu>\r\n\r\n              <vs-dropdown-item @click=\"gridApi.paginationSetPageSize(20)\">\r\n                <span>20</span>\r\n              </vs-dropdown-item>\r\n              <vs-dropdown-item @click=\"gridApi.paginationSetPageSize(50)\">\r\n                <span>50</span>\r\n              </vs-dropdown-item>\r\n              <vs-dropdown-item @click=\"gridApi.paginationSetPageSize(100)\">\r\n                <span>100</span>\r\n              </vs-dropdown-item>\r\n              <vs-dropdown-item @click=\"gridApi.paginationSetPageSize(150)\">\r\n                <span>150</span>\r\n              </vs-dropdown-item>\r\n            </vs-dropdown-menu>\r\n          </vs-dropdown>\r\n        </div>\r\n\r\n        <!-- TABLE ACTION COL-2: SEARCH & EXPORT AS CSV -->\r\n        <div class=\"flex flex-wrap items-center justify-between ag-grid-table-actions-right\">\r\n          <vs-input class=\"mb-4 md:mb-0 mr-4\" v-model=\"searchQuery\" @input=\"updateSearchQuery\" placeholder=\"Search...\" />\r\n          <vs-button class=\"rounded-lg mb-4 md:mb-0\" @click=\"gridApi.exportDataAsCsv()\">Export as CSV</vs-button>\r\n        </div>\r\n      </div>\r\n      <ag-grid-vue\r\n        ref=\"agGridTable\"\r\n        :gridOptions=\"gridOptions\"\r\n        class=\"ag-theme-material w-100 my-4 ag-grid-table\"\r\n        :columnDefs=\"columnDefs\"\r\n        :defaultColDef=\"defaultColDef\"\r\n        :rowData=\"contacts\"\r\n        rowSelection=\"multiple\"\r\n        colResizeDefault=\"shift\"\r\n        :animateRows=\"true\"\r\n        :floatingFilter=\"true\"\r\n        :pagination=\"true\"\r\n        :paginationPageSize=\"paginationPageSize\"\r\n        :suppressPaginationPanel=\"true\"\r\n        :enableRtl=\"$vs.rtl\">\r\n      </ag-grid-vue>\r\n      <vs-pagination\r\n        :total=\"totalPages\"\r\n        :max=\"maxPageNumbers\"\r\n        v-model=\"currentPage\" />\r\n\r\n    </vx-card>\r\n  </div>\r\n</template>\r\n\r\n<script>\r\nimport { AgGridVue } from \"ag-grid-vue\"\r\nimport contacts from './data.json'\r\n\r\nimport '@/assets/scss/vuexy/extraComponents/agGridStyleOverride.scss'\r\n\r\nexport default {\r\n  components: {\r\n    AgGridVue\r\n  },\r\n  data() {\r\n    return {\r\n      searchQuery: '',\r\n      gridOptions: {},\r\n      maxPageNumbers: 7,\r\n      gridApi: null,\r\n      defaultColDef: {\r\n        sortable: true,\r\n        editable: true,\r\n        resizable: true,\r\n        suppressMenu: true\r\n      },\r\n      columnDefs: [\r\n        {\r\n          headerName: 'First Name',\r\n          field: 'firstname',\r\n          width: 175,\r\n          filter: true,\r\n          checkboxSelection: true,\r\n          headerCheckboxSelectionFilteredOnly: true,\r\n          headerCheckboxSelection: true,\r\n        },\r\n        {\r\n          headerName: 'Last Name',\r\n          field: 'lastname',\r\n          filter: true,\r\n          width: 175,\r\n        },\r\n        {\r\n          headerName: 'Email',\r\n          field: 'email',\r\n          filter: true,\r\n          width: 250,\r\n          pinned: 'left'\r\n        },\r\n        {\r\n          headerName: 'Company',\r\n          field: 'company',\r\n          filter: true,\r\n          width: 250,\r\n        },\r\n        {\r\n          headerName: 'City',\r\n          field: 'city',\r\n          filter: true,\r\n          width: 150,\r\n        },\r\n        {\r\n          headerName: 'Country',\r\n          field: 'country',\r\n          filter: true,\r\n          width: 150,\r\n        },\r\n        {\r\n          headerName: 'State',\r\n          field: 'state',\r\n          filter: true,\r\n          width: 125,\r\n        },\r\n        {\r\n          headerName: 'Zip',\r\n          field: 'zip',\r\n          filter: true,\r\n          width: 125,\r\n        },\r\n        {\r\n          headerName: 'Followers',\r\n          field: 'followers',\r\n          filter: \"agNumberColumnFilter\",\r\n          width: 125,\r\n        },\r\n      ],\r\n      contacts: contacts,\r\n    }\r\n  },\r\n  watch: {\r\n    '$store.state.windowWidth'(val) {\r\n      if(val <= 576) {\r\n        this.maxPageNumbers = 4\r\n        this.gridOptions.columnApi.setColumnPinned('email', null)\r\n      }\r\n      else this.gridOptions.columnApi.setColumnPinned('email', 'left')\r\n    }\r\n  },\r\n  computed: {\r\n    paginationPageSize() {\r\n      if(this.gridApi) return this.gridApi.paginationGetPageSize()\r\n      else return 50\r\n    },\r\n    totalPages() {\r\n      if(this.gridApi) return this.gridApi.paginationGetTotalPages()\r\n      else return 0\r\n    },\r\n    currentPage: {\r\n      get() {\r\n        if(this.gridApi) return this.gridApi.paginationGetCurrentPage() + 1\r\n        else return 1\r\n      },\r\n      set(val) {\r\n        this.gridApi.paginationGoToPage(val - 1)\r\n      }\r\n    }\r\n  },\r\n  methods: {\r\n    updateSearchQuery(val) {\r\n      this.gridApi.setQuickFilter(val)\r\n    }\r\n  },\r\n  mounted() {\r\n    this.gridApi = this.gridOptions.api\r\n\r\n    /* =================================================================\r\n      NOTE:\r\n      Header is not aligned properly in RTL version of agGrid table.\r\n      However, we given fix to this issue. If you want more robust solution please contact them at gitHub\r\n    ================================================================= */\r\n    if(this.$vs.rtl) {\r\n      const header = this.$refs.agGridTable.$el.querySelector(\".ag-header-container\")\r\n      header.style.left = \"-\" + String(Number(header.style.transform.slice(11,-3)) + 9) + \"px\"\r\n    }\r\n  }\r\n}\r\n\r\n</script>\r\n","import mod from \"-!../../../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../../../node_modules/thread-loader/dist/cjs.js!../../../../node_modules/babel-loader/lib/index.js!../../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./AgGridTable.vue?vue&type=script&lang=js\"; export default mod; export * from \"-!../../../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../../../node_modules/thread-loader/dist/cjs.js!../../../../node_modules/babel-loader/lib/index.js!../../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./AgGridTable.vue?vue&type=script&lang=js\"","import { render, staticRenderFns } from \"./AgGridTable.vue?vue&type=template&id=6ae7f578\"\nimport script from \"./AgGridTable.vue?vue&type=script&lang=js\"\nexport * from \"./AgGridTable.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":""}