{"version":3,"sources":["webpack:///./src/components/AGSpeakolTable/AgCheckboxHeader.vue?b612","webpack:///src/components/AGSpeakolTable/AgCheckboxHeader.vue","webpack:///./src/components/AGSpeakolTable/AgCheckboxHeader.vue?04cf","webpack:///./src/components/AGSpeakolTable/AgCheckboxHeader.vue"],"names":["render","_vm","this","_h","$createElement","_c","_self","ref","staticClass","attrs","class","status","on","toggleCheckbox","staticRenderFns","mounted","params","api","addEventListener","rowsCount","selectedRowsCount","destroyed","removeEventListener","data","methods","unSelectAll","selectAll","forEachNode","Number","node","id","first","last","setSelected","deselectAll","component"],"mappings":"uHAAA,IAAIA,EAAS,WAAa,IAAIC,EAAIC,KAASC,EAAGF,EAAIG,eAAmBC,EAAGJ,EAAIK,MAAMD,IAAIF,EAAG,OAAOE,EAAG,MAAM,CAACE,IAAI,YAAYC,YAAY,6DAA6DC,MAAM,CAAC,KAAO,iBAAiB,CAACJ,EAAG,MAAM,CAACE,IAAI,SAASC,YAAY,8DAA8DH,EAAG,MAAM,CAACE,IAAI,WAAWC,YAAY,wDAAwDE,MAAM,CAAE,aAA6B,YAAfT,EAAIU,OAAsB,mBAAmC,kBAAfV,EAAIU,QAA6BF,MAAM,CAAC,KAAO,gBAAgBG,GAAG,CAAC,MAAQX,EAAIY,iBAAiB,CAACR,EAAG,QAAQ,CAACE,IAAI,SAASC,YAAY,yCAAyCC,MAAM,CAAC,KAAO,WAAW,GAAK,qBAAqB,aAAa,kDAAkD,SAAW,aAC7wBK,EAAkB,GCYtB,G,UAAA,CAEEC,QAFF,WAEA,WACIb,KAAKc,OAAOC,IAAIC,iBAAiB,oBAAoB,WACnD,IAAN,qFACA,8CAGQ,EAAR,OADUC,IAAcC,EACxB,UACA,aACA,gBAEA,MAIIlB,KAAKc,OAAOC,IAAIC,iBAAiB,qBAAqB,WACpD,EAAN,cAIEG,UArBF,WAsBInB,KAAKc,OAAOC,IAAIK,oBAAoB,oBACpCpB,KAAKc,OAAOC,IAAIK,oBAAoB,sBAItCC,KA3BF,WA4BI,MAAO,CACLZ,OAAQ,KAGZa,QAAS,CAEPX,eAFJ,WAG0B,YAAhBX,KAAKS,QACPT,KAAKuB,cACLvB,KAAKS,OAAS,KAEdT,KAAKwB,YACLxB,KAAKS,OAAS,YAIlBe,UAZJ,WAaM,IAAN,yCACA,wCAEMxB,KAAKc,OAAOC,IAAIU,aAAY,SAAlC,GACYC,OAAOC,EAAKC,KAAOC,GAASH,OAAOC,EAAKC,KAAOE,GACjDH,EAAKI,aAAY,OAKvBR,YAvBJ,WAwBMvB,KAAKc,OAAOC,IAAIiB,kBCrEmV,I,YCOrWC,EAAY,eACd,EACAnC,EACAc,GACA,EACA,KACA,KACA,MAIa,aAAAqB,E","file":"js/chunk-2d2102e9.92e08181.js","sourcesContent":["var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{ref:\"eCheckbox\",staticClass:\"ag-labeled ag-label-align-right ag-checkbox ag-input-field\",attrs:{\"role\":\"presentation\"}},[_c('div',{ref:\"eLabel\",staticClass:\"ag-input-field-label ag-label ag-hidden ag-checkbox-label\"}),_c('div',{ref:\"eWrapper\",staticClass:\"ag-wrapper ag-input-wrapper ag-checkbox-input-wrapper\",class:{ 'ag-checked': _vm.status === 'checked', 'ag-indeterminate': _vm.status === 'indeterminate' },attrs:{\"role\":\"presentation\"},on:{\"click\":_vm.toggleCheckbox}},[_c('input',{ref:\"eInput\",staticClass:\"ag-input-field-input ag-checkbox-input\",attrs:{\"type\":\"checkbox\",\"id\":\"ads-table-checkbox\",\"aria-label\":\"Press Space to toggle row selection (unchecked)\",\"tabindex\":\"-1\"}})])])}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n  <div role=\"presentation\" ref=\"eCheckbox\" class=\"ag-labeled ag-label-align-right ag-checkbox ag-input-field\">\n    <div ref=\"eLabel\" class=\"ag-input-field-label ag-label ag-hidden ag-checkbox-label\"></div>\n    <div ref=\"eWrapper\" class=\"ag-wrapper ag-input-wrapper ag-checkbox-input-wrapper\"\n         :class=\"{ 'ag-checked': status === 'checked', 'ag-indeterminate': status === 'indeterminate' }\"\n         role=\"presentation\" @click=\"toggleCheckbox\">\n      <input ref=\"eInput\" class=\"ag-input-field-input ag-checkbox-input\" type=\"checkbox\" id=\"ads-table-checkbox\"\n             aria-label=\"Press Space to toggle row selection (unchecked)\" tabindex=\"-1\">\n    </div>\n  </div>\n</template>\n\n<script>\nexport default {\n\n  mounted () {\n    this.params.api.addEventListener('selectionChanged', () => {\n      const rowsCount = Math.abs(this.params.api.getLastDisplayedRow() - this.params.api.getFirstDisplayedRow()) + 1\n      const selectedRowsCount = (this.params.api.getSelectedRows() || []).length\n\n      if (rowsCount === selectedRowsCount) {\n        this.status = 'checked'\n      } else if (selectedRowsCount !== rowsCount && selectedRowsCount !== 0) {\n        this.status = 'indeterminate'\n      } else {\n        this.status = ''\n      }\n    })\n\n    this.params.api.addEventListener('paginationChanged', () => {\n      this.status = ''\n    })\n  },\n\n  destroyed () {\n    this.params.api.removeEventListener('selectionChanged')\n    this.params.api.removeEventListener('paginationChanged')\n  },\n\n\n  data () {\n    return {\n      status: ''\n    }\n  },\n  methods: {\n\n    toggleCheckbox () {\n      if (this.status === 'checked') {\n        this.unSelectAll()\n        this.status = ''\n      } else {\n        this.selectAll()\n        this.status = 'checked'\n      }\n    },\n\n    selectAll () {\n      const first = this.params.api.getFirstDisplayedRow()\n      const last = this.params.api.getLastDisplayedRow()\n\n      this.params.api.forEachNode((node) => {\n        if (Number(node.id) >= first && Number(node.id) <= last) {\n          node.setSelected(true)\n        }\n      })\n    },\n\n    unSelectAll () {\n      this.params.api.deselectAll()\n    }\n\n  }\n}\n</script>\n\n\n// If you want to implement this functionality, you will need to manually handle this functionality using a custom header component. I've done it before (albeit, using Infinite Row-Model, not Server-side), but you need to keep track of a few things...\n\n// Total list of rows currently checked.\n// Has the 'check all' been selected?\n// Whether to show indeterminate checkbox (some, but not all rows selected).\n// When getting rows from the server, you need to see if check all button has been pressed and update that row's selection accordingly.\n// I used an Angular Service to keep a central location for tracking all this information, and just relied on the header-component for displaying the checkbox.\n\n// As you see, it is a non-trivial task, and there is no easy solution\n\n\n// checkbox is not checkable\n// on toggle click select/dislect all rows\n// watch row selection changed\n//   if (all rows selected)\nset checkbooks to be checked\nelse\nuncheck\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!./AgCheckboxHeader.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!./AgCheckboxHeader.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./AgCheckboxHeader.vue?vue&type=template&id=dc11a9ce&\"\nimport script from \"./AgCheckboxHeader.vue?vue&type=script&lang=js&\"\nexport * from \"./AgCheckboxHeader.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":""}