{"version":3,"sources":["webpack:///./src/components/pagination.vue","webpack:///src/components/pagination.vue","webpack:///./src/components/pagination.vue?fbd7","webpack:///./src/components/pagination.vue?8fec"],"names":["staticClass","class","attrs","_v","style","selected","text","value","model","_vm","expression","on","$event","changePage","pagination","current","_c","type","callback","$set","$$v","staticRenderFns","name","data","row","props","flex","default","padding","watch","computed","rps","methods","changePagination","select","page","reloadPage","component"],"mappings":"qMAA0H,W,IAAkB,OAAE,EAAK,QAAQ,G,OAACA,QAAY,CAAmBC,YAAO,aAAoCC,GAAK,OAAC,C,MAAC,CAAW,iBAAcF,UAAW,CAAoB,YAAW,mBAACA,iBAAY,sBAA4C,MAAMG,CAA0FH,YAAoCI,GAAK,MAAMC,CAA8FH,YAAM,oB,CAAC,S,YAAiB,6C,CAAkB,KAAO,eAAU,6D,YACnoB,Q,GACEI,OAAO,C,MACPC,EAAO,+E,MAET,C,cACU,G,eACD,GACT,MACA,U,MACQ,CAAE,CACRA,KAAK,EACN,MACD,GACED,CACAC,KAAK,GACN,MACD,IACED,CACAC,KAAK,GACN,MACD,IACED,CACAC,KAAK,GAER,UAAC,CAAmB,QAAqB,UAAoB,CAACC,KAAM,IAACD,MAAOE,M,YAAoDA,OAAyB,aAAC,QAACC,aAAW,QAAiB,MAAM,CAA8BV,QAAY,aAAmDS,SAAO,SAAY,GAA4UT,OAAY,qBAA2CE,WAAM,mBAAY,KAAS,OAAH,EAAG,a,YAAW,kDAA8B,iTAACS,YAAG,oB,CAAC,QAAQ,UAASC,C,MAAW,C,MAA8BC,GAAsD,QAAC,mCAAmFX,IAAO,MAAQ,SAAE,GAAC,EAAM,SAAG,aAAC,aAAeY,WAAWC,IAAQ,EAAE,wB,CAAO,SAAQ,oCAAgB,0B,MAAI,C,MAAsDF,GAAsD,QAAC,iCAAgEb,IAAqBgB,MAAG,SAAe,GAACZ,EAAOK,SAAIJ,WAAmB,EAAG,SAAK,WAAiBI,EAAgEP,EAAM,oD,CAA8B,YAAc,GAAG,uC,YAAQ,Q,CAAS,SAAa,C,MAA2D,EAAC,SAAG,oF,MAAC,CAAkB,SAAG,MAAC,UAAC,eAAQ,G,KAAiB,SAA6B,WAAC,sDAAC,IAAO,I,YAA6Be,K,GAAmH,CAAE,kBAACT,OAAM,mBAAiCU,MAAQ,SAAC,GAAgBT,OAAIU,EAAQ,KAACd,QAAU,QAAY,EAAEe,GAAI,yCAAC,uBAAoC,MAAKJ,CAAsBd,MAAM,sBAAC,SAAQ,SAAE,GAAC,EAAM,KAAG,4BAAgE,qCAAK,KAAO,MAAC,GAASU,OAAM,C,MAAK,C,MAAsDC,GAAsD,QAAC,wDAA6EX,IAAO,MAAQ,SAAE,GAAC,EAAM,SAAG,mCAAC,aAAeY,WAAWC,IAAQ,EAAIN,SAAIK,e,CAA2B,SAAQ,8BAAgB,0B,MAAI,C,MAAsDD,GAAsD,QAAC,yDAAwEb,IAAqBgB,MAAG,SAAQ,GAACd,EAAM,4CAAC,aAAU,yCAAYS,CAAE,EAAC,4D,YAAS,Q,GAAiB,OAAOF,C,MAA0D,CAAC,SAAIO,KAAG,IAEtqFK,IAEJ,MAAe,SAAEA,G,wHCkHjB,GACAC,uBACAC,OACA,OACAlB,UACAmB,OACAV,gBAIAW,OACAC,MACAT,YACAU,eAEAC,SACAX,YACAU,iBAGAE,OACA,2BACA,2BAEA,8CAGAC,UACAC,MACA,sCAEAjB,aAKA,OAJA,mDAEA,wFAEA,oBAGAkB,SACAC,mBACA,gGACAC,2BAEA,uCAEA,6DAEArB,gBACA,yBAAAW,MAAAW,UAEAC,gBACA,yBAAAZ,MAAAW,YCnMoV,I,YCOhVE,EAAY,eACd,EACA,EACAhB,GACA,EACA,KACA,KACA,MAIa,aAAAgB,E","file":"js/chunk-2d0cf63b.97fa613e.js","sourcesContent":["var render = function render(){var _vm=this,_c=_vm._self._c;return _c('div',{staticClass:\"pb-3 px-6\"},[_c('v-row',{attrs:{\"justify\":_vm.flex}},[_c('v-col',{staticClass:\"d-flex align-end\",class:`justify-${_vm.flex} ${_vm.padding}`,attrs:{\"cols\":\"12\"}},[_c('div',{staticClass:\"d-flex align-end\"},[_c('div',{staticClass:\"body-2 font-weight-light black--text mb-1\"},[_vm._v(\"\\n          \"+_vm._s(_vm.rps !== 'xs' ? 'Per Halaman' : '')+\"\\n        \")]),_c('div',{staticClass:\"ml-6\"},[_c('v-select',{style:(_vm.selected.row < 10 ? 'width: 45px;' : _vm.selected.row > 50 ? 'width: 60px;' : 'width: 55px;'),attrs:{\"single-line\":\"\",\"hide-details\":\"\",\"color\":\"#2391d0\",\"items\":[\n              {\n                text: 5,\n                value: 5\n              },\n              {\n                text: 10,\n                value: 10\n              },\n              {\n                text: 15,\n                value: 15\n              },\n              {\n                text: 20,\n                value: 20\n              },\n              {\n                text: 50,\n                value: 50\n              },\n              {\n                text: 100,\n                value: 100\n              }\n            ],\"item-text\":\"text\",\"item-value\":\"value\",\"item-color\":\"cyan\"},model:{value:(_vm.selected.row),callback:function ($$v) {_vm.$set(_vm.selected, \"row\", $$v)},expression:\"selected.row\"}})],1)]),(_vm.rps !== 'xs')?_c('div',{staticClass:\"body-2 font-weight-light black--text mx-6 mb-1\"},[_vm._v(\"\\n        \"+_vm._s(_vm.pagination.current > 1 ? (_vm.pagination.prev * _vm.selected.row) : 1)+\"\\n        -\\n        \"+_vm._s(_vm.pagination.total_display >= _vm.selected.row ? _vm.pagination.current * _vm.selected.row : _vm.pagination.total_data)+\" \\n        dari \\n        \"+_vm._s(_vm.pagination.total_data)+\"\\n      \")]):_vm._e(),_c('div',{staticClass:\"d-flex align-end\"},[_c('div',[_c('v-btn',{attrs:{\"small\":\"\",\"icon\":\"\",\"disabled\":_vm.pagination.current === 1},on:{\"click\":function($event){_vm.selected.pagination = 1; _vm.changePage(_vm.selected.row, _vm.selected.pagination);}}},[_c('v-icon',[_vm._v(\"mdi-chevron-double-left\")])],1)],1),_c('div',[_c('v-btn',{attrs:{\"small\":\"\",\"icon\":\"\",\"disabled\":_vm.pagination.current < 2},on:{\"click\":function($event){_vm.selected.pagination = _vm.selected.pagination-1; _vm.changePage(_vm.selected.row, _vm.selected.pagination);}}},[_c('v-icon',[_vm._v(\"mdi-chevron-left\")])],1)],1),_c('div',{staticClass:\"mx-3\"},[_c('v-text-field',{style:(_vm.selected.pagination < 10 ? 'width: 45px;' : _vm.selected.pagination > 50 ? 'width: 60px;' : 'width: 55px;'),attrs:{\"dense\":\"\",\"color\":\"#2391d0\",\"hide-details\":\"\",\"type\":\"number\",\"onkeypress\":\"return event.charCode >= 48 && event.charCode <= 57\",\"min\":\"0\",\"placeholder\":\"1\"},on:{\"focus\":function($event){return $event.target.select()},\"keyup\":function($event){if(!$event.type.indexOf('key')&&_vm._k($event.keyCode,\"enter\",13,$event.key,\"Enter\"))return null;return _vm.changePagination()}},model:{value:(_vm.selected.pagination),callback:function ($$v) {_vm.$set(_vm.selected, \"pagination\", $$v)},expression:\"selected.pagination\"}})],1),_c('div',[_c('v-btn',{attrs:{\"small\":\"\",\"icon\":\"\",\"disabled\":_vm.pagination.current >= _vm.pagination.total_page},on:{\"click\":function($event){_vm.selected.pagination = _vm.selected.pagination+1; _vm.changePage(_vm.selected.row, _vm.selected.pagination);}}},[_c('v-icon',[_vm._v(\"mdi-chevron-right\")])],1)],1),_c('div',[_c('v-btn',{attrs:{\"small\":\"\",\"icon\":\"\",\"disabled\":_vm.pagination.current === _vm.pagination.total_page},on:{\"click\":function($event){_vm.selected.pagination = _vm.pagination.total_page; _vm.changePage(_vm.selected.row, _vm.selected.pagination);}}},[_c('v-icon',[_vm._v(\"mdi-chevron-double-right\")])],1)],1),_c('div',{staticClass:\"ml-3\"},[_c('v-btn',{attrs:{\"small\":\"\",\"icon\":\"\"},on:{\"click\":function($event){return _vm.reloadPage(_vm.selected.row, _vm.selected.pagination);}}},[_c('v-icon',[_vm._v(\"mdi-refresh\")])],1)],1)])])],1)],1)\n}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n  <div class=\"pb-3 px-6\">\n    <v-row :justify=\"flex\">\n      <v-col cols=\"12\" class=\"d-flex align-end\"\n        :class=\"`justify-${flex} ${padding}`\">\n        <div class=\"d-flex align-end\">\n          <div class=\"body-2 font-weight-light black--text mb-1\">\n            {{ rps !== 'xs' ? 'Per Halaman' : '' }}\n          </div>\n\n          <div class=\"ml-6\">\n            <v-select\n              :style=\"selected.row < 10 ? 'width: 45px;' : selected.row > 50 ? 'width: 60px;' : 'width: 55px;'\"\n              single-line\n              hide-details\n              color=\"#2391d0\"\n              :items=\"[\n                {\n                  text: 5,\n                  value: 5\n                },\n                {\n                  text: 10,\n                  value: 10\n                },\n                {\n                  text: 15,\n                  value: 15\n                },\n                {\n                  text: 20,\n                  value: 20\n                },\n                {\n                  text: 50,\n                  value: 50\n                },\n                {\n                  text: 100,\n                  value: 100\n                }\n              ]\"\n              item-text=\"text\"\n              item-value=\"value\"\n              item-color=\"cyan\"\n              v-model=\"selected.row\">\n            </v-select>\n          </div>\n        </div>\n\n        <div v-if=\"rps !== 'xs'\"\n          class=\"body-2 font-weight-light black--text mx-6 mb-1\">\n          {{ pagination.current > 1 ? (pagination.prev * selected.row) : 1 }}\n          -\n          {{ pagination.total_display >= selected.row ? pagination.current * selected.row : pagination.total_data }} \n          dari \n          {{ pagination.total_data }}\n        </div>\n\n        <div class=\"d-flex align-end\">\n          <div>\n            <v-btn\n              small\n              icon\n              :disabled=\"pagination.current === 1\"\n              @click=\"selected.pagination = 1; changePage(selected.row, selected.pagination);\">\n              <v-icon>mdi-chevron-double-left</v-icon>\n            </v-btn>\n          </div>\n\n          <div>\n            <v-btn\n              small\n              icon\n              :disabled=\"pagination.current < 2\"\n              @click=\"selected.pagination = selected.pagination-1; changePage(selected.row, selected.pagination);\">\n              <v-icon>mdi-chevron-left</v-icon>\n            </v-btn>\n          </div>\n\n          <div class=\"mx-3\">\n            <v-text-field\n              :style=\"selected.pagination < 10 ? 'width: 45px;' : selected.pagination > 50 ? 'width: 60px;' : 'width: 55px;'\"\n              dense\n              color=\"#2391d0\"\n              hide-details\n              type=\"number\"\n              onkeypress=\"return event.charCode >= 48 && event.charCode <= 57\"\n              min=\"0\"\n              placeholder=\"1\"\n              @focus=\"$event.target.select()\"\n              v-model=\"selected.pagination\"\n              v-on:keyup.enter=\"changePagination()\">\n            </v-text-field>\n\n            <!-- WITH DROPWDOWN AUTOCOMPLETE -->\n            <!-- <v-select\n              :style=\"selected.pagination < 10 ? 'width: 45px;' : selected.pagination > 50 ? 'width: 60px;' : 'width: 55px;'\"\n              single-line\n              hide-details\n              color=\"#2391d0\"\n              :items=\"pagination.detail\"\n              item-color=\"cyan\"\n              v-model=\"selected.pagination\"\n              v-on:change=\"changePage(selected.row, selected.pagination)\">\n            </v-select> -->\n          </div>\n\n          <div>\n            <v-btn\n              small\n              icon\n              :disabled=\"pagination.current >= pagination.total_page\"\n              @click=\"selected.pagination = selected.pagination+1; changePage(selected.row, selected.pagination);\">\n              <v-icon>mdi-chevron-right</v-icon>\n            </v-btn>\n          </div>\n          \n          <div>\n            <v-btn\n              small\n              icon\n              :disabled=\"pagination.current === pagination.total_page\"\n              @click=\"selected.pagination = pagination.total_page; changePage(selected.row, selected.pagination);\">\n              <v-icon>mdi-chevron-double-right</v-icon>\n            </v-btn>\n          </div>\n\n          <div class=\"ml-3\">\n            <v-btn\n              small\n              icon\n              @click=\"reloadPage(selected.row, selected.pagination);\">\n              <v-icon>mdi-refresh</v-icon>\n            </v-btn>\n          </div>\n        </div>\n      </v-col>\n    </v-row>\n  </div>\n</template>\n\n<script>\n  export default {\n    name: 'pagination-data',\n    data () {\n      return {\n        selected: {\n          row: 20,\n          pagination: 1\n        }\n      }\n    },\n    props: {\n      flex: {\n        type: String,\n        default: 'end'\n      },\n      padding: {\n        type: String,\n        default: 'pt-0'\n      }\n    },\n    watch: {\n      'selected.row': function (val) {\n        this.selected.pagination = 1\n\n        this.changePage(val, this.selected.pagination)\n      }\n    },\n    computed: {\n      rps() {\n        return this.$vuetify.breakpoint.name\n      },\n      pagination () {\n        this.selected.pagination = this.$attrs.model.current\n        \n        this.$attrs.model.detail = this.$attrs.model.detail.length < 1 ? [1] : this.$attrs.model.detail\n\n        return this.$attrs.model\n      }\n    },\n    methods: {\n      changePagination () {\n        let count = this.pagination.detail.length > 0 ? this.pagination.detail[this.pagination.detail.length - 1] : 1,\n            select = this.selected.pagination\n            \n        this.selected.pagination = select < 1 ? 1 : select > count ? count : select\n        \n        this.changePage(this.selected.row, this.selected.pagination)\n      },\n      changePage (row, page) {\n        this.$emit('changePage', { row: row, page: page })\n      },\n      reloadPage (row, page) {\n        this.$emit('reloadPage', { row: row, page: page })\n      }\n    }\n  }\n</script>","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!./pagination.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!./pagination.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./pagination.vue?vue&type=template&id=7cbfa1e6&\"\nimport script from \"./pagination.vue?vue&type=script&lang=js&\"\nexport * from \"./pagination.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":""}