{"version":3,"sources":["webpack:///./src/views/ui-elements/ag-grid-table/AgGridTable.vue?dac8","webpack:///src/views/ui-elements/ag-grid-table/AgGridTable.vue","webpack:///./src/views/ui-elements/ag-grid-table/AgGridTable.vue?cd3c","webpack:///./src/views/ui-elements/ag-grid-table/AgGridTable.vue"],"names":["render","_vm","this","_h","$createElement","_c","_self","attrs","staticClass","_v","_s","currentPage","paginationPageSize","contacts","length","on","$event","gridApi","paginationSetPageSize","updateSearchQuery","model","value","callback","$$v","searchQuery","expression","exportDataAsCsv","gridOptions","columnDefs","defaultColDef","totalPages","maxPageNumbers","staticRenderFns","components","AgGridVue","VxTour","data","sortable","editable","resizable","suppressMenu","watch","val","columnApi","setColumnPinned","computed","paginationGetPageSize","paginationGetTotalPages","get","paginationGetCurrentPage","set","paginationGoToPage","methods","setQuickFilter","mounted","api","component"],"mappings":"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","file":"js/chunk-2d20979b.a8b33151.js","sourcesContent":["var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;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:\"mb-4 md:mb-0 text-hover-white\",on:{\"click\":function($event){return _vm.gridApi.exportDataAsCsv()}}},[_vm._v(\"Export as CSV\")])],1)]),_c('ag-grid-vue',{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\":false,\"pagination\":true,\"paginationPageSize\":_vm.paginationPageSize,\"suppressPaginationPanel\":true}}),_c('vs-pagination',{attrs:{\"total\":_vm.totalPages,\"max\":_vm.maxPageNumbers},model:{value:(_vm.currentPage),callback:function ($$v) {_vm.currentPage=$$v},expression:\"currentPage\"}})],1)],1)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<!-- =========================================================================================\r\n    File Name: AgGridTable.vue\r\n    Description: Ag Grid table\r\n    ----------------------------------------------------------------------------------------\r\n    Item Name: Vuesax Admin - VueJS Dashboard Admin 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      <!-- TABLE ACTION ROW -->\r\n      <div class=\"flex flex-wrap justify-between items-center\">\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\r\n              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            >\r\n              <span\r\n                class=\"mr-2\"\r\n              >{{ 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              <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\r\n            class=\"mb-4 md:mb-0 mr-4\"\r\n            v-model=\"searchQuery\"\r\n            @input=\"updateSearchQuery\"\r\n            placeholder=\"Search...\"\r\n          />\r\n          <vs-button\r\n            class=\"mb-4 md:mb-0 text-hover-white\"\r\n            @click=\"gridApi.exportDataAsCsv()\"\r\n          >Export as CSV</vs-button>\r\n        </div>\r\n      </div>\r\n      <ag-grid-vue\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=\"false\"\r\n        :pagination=\"true\"\r\n        :paginationPageSize=\"paginationPageSize\"\r\n        :suppressPaginationPanel=\"true\"\r\n      ></ag-grid-vue>\r\n      <vs-pagination :total=\"totalPages\" :max=\"maxPageNumbers\" v-model=\"currentPage\" />\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\nconst VxTour = () => import(\"@/components/VxTour.vue\");\r\n\r\nimport \"@/assets/scss/vuesax/extraComponents/agGridStyleOverride.scss\";\r\n\r\nexport default {\r\n  components: {\r\n    AgGridVue,\r\n    VxTour\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: 100\r\n        },\r\n        {\r\n          headerName: \"Zip\",\r\n          field: \"zip\",\r\n          filter: \"agNumberColumnFilter\",\r\n          width: 100\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      } 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 100;\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</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/@vue/cli-plugin-babel/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/@vue/cli-plugin-babel/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=32211aaf&\"\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":""}