{"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":["attrs","staticClass","class","_v","style","selected","text","value","model","_vm","expression","on","$event","changePage","pagination","current","type","callback","$set","$$v","_c","staticRenderFns","name","data","row","props","flex","default","padding","watch","computed","rps","methods","changePagination","select","page","reloadPage","component"],"mappings":"mMAAmHA,EAAM,W,IAAC,OAAD,a,OAAmCC,QAAY,CAAmBC,YAAO,aAAoCF,GAAK,OAAC,C,MAAC,CAAD,iBAA0BC,UAAW,CAAnB,YAAkD,mBAACA,iBAAY,sBAApB,MAAsEE,CAA0FF,YAAoCG,GAAK,MAAMC,CAA8FL,YAAM,oB,CAAC,S,YAAiB,6C,CAAkB,oBAApC,6D,YAC9kB,Q,GACEM,OADF,C,MAEEC,EAAO,+E,MAET,C,cAAA,G,eAES,GAFT,MAIA,U,MACQ,CADR,CAEEA,KAAK,EAXqoB,MAa5oB,GACED,CACAC,KAAK,GAfqoB,MAiB5oB,IACED,CACAC,KAAK,GAnBqoB,MAqB5oB,IACED,CACAC,KAAK,GAvBukB,UAyB9kB,CAAmB,QAAqB,UAzBsb,CAyBxZC,KAAM,IAACD,MAAOE,M,YAAoDA,OAA0B,aAAtF,QAAuFC,aAAW,iBAzBiS,MAAlO,CAyBVT,QAAY,aAAmDQ,SAAO,YAAwVR,OAAY,qBAA2CD,WAAM,mBAAY,KAAZ,OAAY,EAAZ,a,YAAsB,kDAA7B,iTAAsEW,YAAG,oB,CAAC,QAAQ,UAASC,C,MAAW,C,cAA8BC,GAAuD,mCAApM,GAA0M,CAA6Eb,MAAM,YAAC,WAAD,aAAsB,aAAec,WAAWC,IAAfN,EAAyB,wB,CAAO,SAAQ,oCAAgB,0B,MAAI,C,cAAsDI,GAAuD,iCAA1N,GAAgO,CAA0DZ,MAAW,SAAC,GAAW,EAAC,oBAAe,wBAAwHD,EAAM,oD,CAA8B,eAA9B,uC,YAAuD,Q,CAAS,SAAa,C,MAAsD,EAAM,SAAzI,oF,MAA6I,CAA3Q,SAAgS,MAAC,UAAC,eAAQ,G,KAAiB,SAA8B,WAAxD,sDAAyD,Q,YAAoCgB,K,GAAoH,CAAlf,kBAAofR,OAAM,mBAAiCS,MAAQ,SAAC,GAAgBR,OAAIS,EAAQ,KAACb,QAAU,QAAvBI,EAAqCU,GAArC,yCAA1D,uBAA7gB,MAA0pBC,CAAsBpB,MAAM,sBAAC,SAAQ,SAAT,GAAY,OAAZ,4BAAP,qCAAiG,WAAQ,GAASY,OAAT,C,MAAoB,C,cAAsDC,GAAuD,wDAAnP,GAAyP,CAAuEb,MAAM,YAAC,WAAD,mCAAsB,aAAec,WAAWC,IAAfN,EAA2BA,SAAIK,e,CAA2B,SAAQ,8BAAgB,0B,MAAI,C,cAAsDD,GAAuD,yDAApP,GAA0P,CAAkEZ,MAAW,SAAC,GAAW,EAAC,SAAQ,mCAAQ,aAAD,yCAAuBU,CAAE,EAAC,4D,YAAS,Q,GAAiB,OAAOF,C,MAA2D,CAA5F,SAAgGW,KAAG,I,IAE/qFC,eAAJ,GAEA,SAAiBA,aAAjB,uC,2DCkHA,GACAC,uBACAC,OACA,OACAlB,UACAmB,OACAV,gBAIAW,OACAC,MACAV,YACAW,eAEAC,SACAZ,YACAW,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.d357ffd6.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\":\"#ff64ad\",\"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\":\"pink darken-1\"},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\":\"#ff64ad\",\"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=\"#ff64ad\"\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=\"pink darken-1\"\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=\"#ff64ad\"\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=\"#ff64ad\"\n              :items=\"pagination.detail\"\n              item-color=\"pink darken-1\"\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=14538d1c&\"\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":""}