{"version":3,"sources":["webpack:///./src/views/ui-elements/ag-grid-table/AgGridTable.vue?a825","webpack:///src/views/ui-elements/ag-grid-table/AgGridTable.vue","webpack:///./src/views/ui-elements/ag-grid-table/AgGridTable.vue?c64b","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","ref","gridOptions","columnDefs","defaultColDef","$vs","rtl","totalPages","maxPageNumbers","staticRenderFns","components","AgGridVue","data","sortable","editable","resizable","suppressMenu","watch","val","columnApi","setColumnPinned","computed","paginationGetPageSize","paginationGetTotalPages","get","paginationGetCurrentPage","set","paginationGoToPage","methods","setQuickFilter","mounted","api","header","style","left","component"],"mappings":"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","file":"js/chunk-7ee3a7e6.23256faa.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\",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)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<!-- =========================================================================================\n    File Name: AgGridTable.vue\n    Description: Ag Grid table\n    ----------------------------------------------------------------------------------------\n    Item Name: Adstor - Multi Marketing Advertising Platform\n    Author: DevMind\n    Author URL: https://www.devmind.uz\n========================================================================================== -->\n\n\n<template>\n  <div id=\"ag-grid-demo\">\n    <vx-card>\n\n      <!-- TABLE ACTION ROW -->\n      <div class=\"flex flex-wrap justify-between items-center\">\n\n        <!-- ITEMS PER PAGE -->\n        <div class=\"mb-4 md:mb-0 mr-4 ag-grid-table-actions-left\">\n          <vs-dropdown vs-trigger-click class=\"cursor-pointer\">\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\">\n              <span class=\"mr-2\">{{ currentPage * paginationPageSize - (paginationPageSize - 1) }} - {{ contacts.length - currentPage * paginationPageSize > 0 ? currentPage * paginationPageSize : contacts.length }} of {{ contacts.length }}</span>\n              <feather-icon icon=\"ChevronDownIcon\" svgClasses=\"h-4 w-4\" />\n            </div>\n            <!-- <vs-button class=\"btn-drop\" type=\"line\" color=\"primary\" icon-pack=\"feather\" icon=\"icon-chevron-down\"></vs-button> -->\n            <vs-dropdown-menu>\n\n              <vs-dropdown-item @click=\"gridApi.paginationSetPageSize(20)\">\n                <span>20</span>\n              </vs-dropdown-item>\n              <vs-dropdown-item @click=\"gridApi.paginationSetPageSize(50)\">\n                <span>50</span>\n              </vs-dropdown-item>\n              <vs-dropdown-item @click=\"gridApi.paginationSetPageSize(100)\">\n                <span>100</span>\n              </vs-dropdown-item>\n              <vs-dropdown-item @click=\"gridApi.paginationSetPageSize(150)\">\n                <span>150</span>\n              </vs-dropdown-item>\n            </vs-dropdown-menu>\n          </vs-dropdown>\n        </div>\n\n        <!-- TABLE ACTION COL-2: SEARCH & EXPORT AS CSV -->\n        <div class=\"flex flex-wrap items-center justify-between ag-grid-table-actions-right\">\n          <vs-input class=\"mb-4 md:mb-0 mr-4\" v-model=\"searchQuery\" @input=\"updateSearchQuery\" placeholder=\"Search...\" />\n          <vs-button class=\"mb-4 md:mb-0\" @click=\"gridApi.exportDataAsCsv()\">Export as CSV</vs-button>\n        </div>\n      </div>\n      <ag-grid-vue\n        ref=\"agGridTable\"\n        :gridOptions=\"gridOptions\"\n        class=\"ag-theme-material w-100 my-4 ag-grid-table\"\n        :columnDefs=\"columnDefs\"\n        :defaultColDef=\"defaultColDef\"\n        :rowData=\"contacts\"\n        rowSelection=\"multiple\"\n        colResizeDefault=\"shift\"\n        :animateRows=\"true\"\n        :floatingFilter=\"true\"\n        :pagination=\"true\"\n        :paginationPageSize=\"paginationPageSize\"\n        :suppressPaginationPanel=\"true\"\n        :enableRtl=\"$vs.rtl\">\n      </ag-grid-vue>\n      <vs-pagination\n        :total=\"totalPages\"\n        :max=\"maxPageNumbers\"\n        v-model=\"currentPage\" />\n\n    </vx-card>\n  </div>\n</template>\n\n<script>\nimport { AgGridVue } from 'ag-grid-vue'\nimport contacts from './data.json'\n\nimport '@/assets/scss/vuexy/extraComponents/agGridStyleOverride.scss'\n\nexport default {\n  components: {\n    AgGridVue\n  },\n  data () {\n    return {\n      searchQuery: '',\n      gridOptions: {},\n      maxPageNumbers: 7,\n      gridApi: null,\n      defaultColDef: {\n        sortable: true,\n        editable: true,\n        resizable: true,\n        suppressMenu: true\n      },\n      columnDefs: [\n        {\n          headerName: 'First Name',\n          field: 'firstname',\n          width: 175,\n          filter: true,\n          checkboxSelection: true,\n          headerCheckboxSelectionFilteredOnly: true,\n          headerCheckboxSelection: true\n        },\n        {\n          headerName: 'Last Name',\n          field: 'lastname',\n          filter: true,\n          width: 175\n        },\n        {\n          headerName: 'Email',\n          field: 'email',\n          filter: true,\n          width: 250,\n          pinned: 'left'\n        },\n        {\n          headerName: 'Company',\n          field: 'company',\n          filter: true,\n          width: 250\n        },\n        {\n          headerName: 'City',\n          field: 'city',\n          filter: true,\n          width: 150\n        },\n        {\n          headerName: 'Country',\n          field: 'country',\n          filter: true,\n          width: 150\n        },\n        {\n          headerName: 'State',\n          field: 'state',\n          filter: true,\n          width: 125\n        },\n        {\n          headerName: 'Zip',\n          field: 'zip',\n          filter: true,\n          width: 125\n        },\n        {\n          headerName: 'Followers',\n          field: 'followers',\n          filter: 'agNumberColumnFilter',\n          width: 125\n        }\n      ],\n      contacts\n    }\n  },\n  watch: {\n    '$store.state.windowWidth' (val) {\n      if (val <= 576) {\n        this.maxPageNumbers = 4\n        this.gridOptions.columnApi.setColumnPinned('email', null)\n      } else this.gridOptions.columnApi.setColumnPinned('email', 'left')\n    }\n  },\n  computed: {\n    paginationPageSize () {\n      if (this.gridApi) return this.gridApi.paginationGetPageSize()\n      else return 50\n    },\n    totalPages () {\n      if (this.gridApi) return this.gridApi.paginationGetTotalPages()\n      else return 0\n    },\n    currentPage: {\n      get () {\n        if (this.gridApi) return this.gridApi.paginationGetCurrentPage() + 1\n        else return 1\n      },\n      set (val) {\n        this.gridApi.paginationGoToPage(val - 1)\n      }\n    }\n  },\n  methods: {\n    updateSearchQuery (val) {\n      this.gridApi.setQuickFilter(val)\n    }\n  },\n  mounted () {\n    this.gridApi = this.gridOptions.api\n\n    /* =================================================================\n      NOTE:\n      Header is not aligned properly in RTL version of agGrid table.\n      However, we given fix to this issue. If you want more robust solution please contact them at gitHub\n    ================================================================= */\n    if (this.$vs.rtl) {\n      const header = this.$refs.agGridTable.$el.querySelector('.ag-header-container')\n      header.style.left = `-${  String(Number(header.style.transform.slice(11, -3)) + 9)  }px`\n    }\n  }\n}\n\n</script>\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=24d9ca92&\"\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":""}