{"version":3,"sources":["webpack:///./src/components/basic/table.vue","webpack:///src/components/basic/table.vue","webpack:///./src/components/basic/table.vue?a1e7","webpack:///./src/components/basic/table.vue?0218","webpack:///./src/components/basic/table.vue?a203"],"names":["_c","staticClass","domProps","attrs","$event","type","_vm","dialog","fetch","filter","expression","class","fullscreen","key","index","on","model","value","staticStyle","style","option","callback","radio","_e","ref","refInFor","scopedSlots","fn","item","$set","$$v","subItem","picker","location","_v","freeze","addFreezes","indexOf","keyCode","hide","addHides","delete","_s","deletes","selected","approve","approved","reject","title","active","actived","deactive","deactived","config","message","form_user_doc","snackbar","detail","fetchUserDoc","search","_l","icon","process","configHeaders","directives","name","pagination","staticRenderFns","render","props","default","data","form","filters","row","menu","status_approved","status_rejected","options","headers","list","lastIndex","limit","reason","load","print","success","error","form_static","subdistrict","village","autocomplete","static_loc","user_id","ktp","kk","npwp","bpjs_kesehatan","bpjs_ketenagakerjaan","components","forms","formdocs","computed","rps","watch","handler","page","deep","t","Object","obj","obj_sub","mounted","methods","rowFormat","toString","split","reverse","join","arrReverseNumber","price","arr","rowClick","doubleClick","handleToggleAll","handleFilters","field","comparison","sort","order_by","params","container","toDelete","ids","toActive","id","toDeactive","toApprove","toReject","window","child","width","f","parseInt","this","document","removeFreezes","getTableToResize","resizableGrid","cols","table","setListeners","div","curCol","nxtCol","pageX","curColWidth","e","nxtColWidth","then","static_location","desa_kecamatan_code","component"],"mappings":"2hBAAkkB,aAAC,IAAGA,EAAG,KAAQC,UAAY,G,OAAuCC,EAAQ,MAAC,W,MAAC,CAAuC,OAAK,MAAI,GAAYC,MAAM,S,YAA4C,EAAK,KAAC,aAAgB,aAAa,MAAG,IAAK,MAAS,GAAE,SAASC,IAAQ,YAAWC,0CAA6FC,MAAIC,CAAuB,MAASH,QAAW,KAAQC,IAAiHC,GAAIC,CAA+BC,MAAO,YAAE,wBAAe,QAAMD,GAAOE,GAAO,uD,MAA8D,CAACC,QAAU,OAAC,SAAe,qBAAM,EAAC,KAAQ,EAAC,sBAAoBC,WAAUJ,oBAA+EN,UAAY,CAAwD,YAAS,uCAAiEA,UAAkCE,UAAM,6BAAa,SAAQ,CAAS,MAAC,CAAG,WAAC,oBAAC,MAAQ,M,WAA4BS,GAAkD,eAAG,GAAEN,CAA6HL,QAAY,aAAiBE,IAAM,mFAAC,EAAM,OAAK,WAAC,SAAQ,GAAM,gFAAI,mBAAC,SAAQ,YAAe,EAAEG,EAAIC,WAAsD,OAAID,MAAO,gBAAwEL,SAAW,SAAC,GAAqB,EAAC,cAAc,aAAsBD,WAAW,kB,CAA+Da,EAAG,OAACC,CAAK,YAAa,O,MAA8Fb,SAAY,gDAAc,GAAEK,OAAO,C,YAAgG,yD,GAAE,wCAAgB,oB,YAAkB,sB,MAAM,CAA+BH,KAAM,K,MAAC,W,GAAyB,C,MAAkB,SAAC,GAAU,qBAAiB,uB,GAAiD,kBAAc,2F,YAAC,iB,MAAoB,CAACY,KAAG,K,MAAC,O,GAA8C,CAAC,MAAC,YAACC,EAAK,OAAC,UAACC,SAAW,YAAO,K,GAAuD,qE,YAACP,mBAAuB,UAAC,YAAU,Q,CAAiDT,UAAW,EAAC,4BAAa,OAAM,EAAG,OAAC,CAAiFiB,O,CAAa,kBAAgB,6DAAiB,YAAC,eAACC,GAAK,GAAG,uBAA2B,gDAAChB,YAAM,CAAC,gBAAW,mB,MAAc,cAAU,W,MAAC,CAAiB,UAAkB,QAAQ,GAAU,SAAoB,gBAA+B,eAAaiB,GAAO,OAAY,KAAG,0BAAG,UAAC,GAAC,iBAAc,I,GAAgC,CAAE,0BAACJ,EAAM,W,MAAgD,CAAyB,MAAC,QAACN,SAAU,SAAC,GAAY,qBAA2DT,WAAY,iBAA6GA,KAAW,KAAO,WAAN,EAAM,qBAACE,YAAM,e,CAAC,KAAM,uBAAE,gD,YAAC,CAAkB,mC,MAAa,cAAa,W,MAACkB,C,OAAiC,GAAoB,QAAC,GAACX,SAAuB,iBAAGJ,eAAac,GAA0B,MAAU,UAAWP,aAAK,OAACV,YAAM,c,MAAQ,EAACmB,O,UAAc,I,GAAuB,CAAG,0BAAK,EAAI,MAAKC,KAAgKC,MAAK,CAAcC,MAAQ,EAAK,MAACtB,SAAM,YAAC,OAAW,EAAC,QAAO,IAAqB,WAAY,iBAAkC,UAAgB,UAAF,EAAE,qB,YAAC,eAA+B,6EAACuB,YAAYpB,O,MAAa,CAAYqB,IAAG,G,eAAa,I,MAAU,C,MAAC,EAAU,M,SAA+BT,SAAY,G,EAAC,eAAgB,I,WAA2B,e,KAAmC,mBAAmB,K,SAAC,OAAU,C,YAAgB,C,MAAa,E,MAAW,U,MAAkB,Q,IAAgE,0C,YAAI,e,MAAC,uBAAuBd,KAAO,2C,WAACwB,E,UAAe,E,MAAE,C,YAAO,Q,YAAQA,Q,WAAoB,mB,WAAqBC,G,cAAyB,G,0BAAY,G,YAAe,MAAc,CAAmB,gBAAG,GAAC,UAAU,GAACb,EAAK,MAAEC,IAA6CX,MAAIuB,CAAI,EAACD,OAAc,EAAEE,GAAI,MAAC,aAACpB,gBAAW,mBAAoB,oBAAgB,WAAM,MAAC,CAAC,iBAAQ,GAAU,YAAI,UAAC,QAAQ,GAAqB,MAAO,GAAQ,gBAAE,0BAAO,kBAAM,UAAa,IAA0BJ,GAAIuB,CAAyB,0BAACnB,EAAW,WAA2E,MAAU,CAAaG,cAAOkB,SAAY,SAAW,GAAiD9B,EAAW,KAAC,cAA+GiB,WAAY,eAAmC,6BAAqCf,MAAM,G,MAAC,C,MAAY,EAAS,O,SAAW,SAAG,GAAC,OAAQ,WAAS,I,WAA0B4B,gB,GAA+C,OAAY,C,MAAG,CAAmB,MAAC,W,GAAK,C,MAA+BA,SAAa,GAAK,c,MAAUd,C,MAAsBI,EAAS,M,SAAoBQ,SAAY,GAAe,EAAC,mBAA2B,4BAA+D5B,OAAW,EAAC,iCAAa,OAAM,EAAG,OAAC,CAAoFiB,O,CAA6B,SAAhB,QAAgB,kCAAiB,YAAC,eAACC,GAAK,GAAG,uBAA2B,gDAAChB,YAAM,CAAC,gBAAW,mB,MAAc,cAAU,W,MAAC,CAAiB,UAAkB,QAAQ,GAAU,SAAoB,gBAAkC,eAAe,GAAQ,OAAY,KAAG,0BAAG,UAAC,GAAC,iBAAc,I,GAAmC,CAAE,0BAACa,EAAM,W,MAAmD,CAA4B,MAAC,QAACN,SAAU,SAAC,GAAe,qBAA8DT,WAAY,oBAAgHA,KAAW,KAAO,WAAN,EAAM,qBAACE,YAAM,e,CAAC,KAAM,uBAAE,gD,YAAC,CAAkB,mC,MAAa,cAAUc,EAAM,S,MAACI,C,OAAiC,GAAuB,QAAC,GAACX,SAA0B,iBAAGJ,eAAgBc,GAA0B,MAAU,UAAWP,aAAK,OAACV,YAAM,c,MAAQ,EAAM,O,UAAS,I,GAAuB,CAAG,0BAAK,EAAKG,MAAQ,KAAkKkB,MAAK,CAAeC,MAAQ,EAAK,MAACtB,SAAM,YAAC,OAAW,EAAQ,YAAqB,WAAY,oBAAkC,UAAgB,UAAF,EAAE,qB,YAAC,eAA+B,6EAACuB,YAAYpB,O,MAAa,CAAYqB,IAAG,G,eAAa,I,MAAU,C,MAAC,EAAW,M,SAA8BT,SAAY,G,EAAC,eAAgB,I,WAA2B,kB,KAAmC,UAAgB,SAAG,K,SAAC,OAAU,C,YAAgB,C,MAAa,E,MAAW,U,MAAkB,Q,IAAmE,0C,YAAI,e,MAAC,uBAAuBd,KAAO,2C,cAAC2B,E,UAAkB,E,MAAE,C,YAAO,Q,YAAQA,Q,WAAuB,mB,WAAqBF,G,cAA4B,G,0BAAY,G,YAAkB,MAAc,CAAmB,gBAAG,GAAC,UAAU,GAACb,EAAK,MAAEC,IAAgDX,MAAIuB,CAAI,EAACE,OAAS,EAAQ,GAAED,EAAI,IAAC,aAACpB,gBAAW,mBAAuB,oBAAgB,WAAM,MAAC,CAAC,iBAAQ,GAAU,YAAI,UAAC,QAAQ,GAAiBqB,MAAQC,GAAc,gBAAE,0BAAO,kBAAM,UAAUf,IAAgCX,GAAIuB,CAA4B,0BAACnB,EAAW,WAA2C,OAAc,MAAO,EAAQuB,MAA2F,qBAAY,qBAAS,6BAAyB,eAAC,cAA6Ff,MAAY,GAAC,OAAkC,eAAM,SAAC,YAAC,EAAS,KAAE,eAAc,WAAU,mBAAmB,UAAiB,CAAC,OAA+B,iBAA+E,IAA8B,MAAY,YAAiB,EAAa,YAAY,OAAsC,MAAOZ,EAASA,MAAyC,qBAAC,SAAsB,QAASF,IAAgE,+BAAS,oBAACa,WAA4D,IAAxBI,SAAS,cAAe,8D,MAAI,CAA0C,KAAC,KAACX,SAAwC,GAAG,MAAI,CAASP,YAAM,e,CAAC,KAAM,iDAAK,U,YAAM,CAAG,mCAAcF,OAA4BK,OAAO,GAAsEY,QAAY,GAAC,SAAkC,gBAACf,eAAM,GAAC,YAAW,iBAAC,eAAY,2BAAC,MAAQ,EAAE,uBAAC,aAAQ,iBAAU,6BAAkB,aAAa,Q,GAA4D,CAA+B,qBAAa,SAAW,GAAC,SAAY,oBAAW,kBAAqB,kCAAI,gD,MAA4F,CAAC,oBAAsB,Y,SAAwBG,SAASA,GAAoC,uCAAGU,WAAM,8BAAiCK,KAAQ,OAAC,C,MAAmB,CAAsC,KAAC,KAACX,SAAoC,GAAG,MAAI,CAAkCT,YAAY,eAAa,CAACD,EAAG,oDAA4C,UAACC,YAAY,CAAsDiB,gBAAY,mBAAuB,MAAC,CAACf,OAAM,GAAC,QAAQ,GAAU,SAAgB,gBAAG,eAAC,GAAC,YAAQ,mB,eAA4BM,EAAM,aAAQ,Q,MAAMF,EAAOK,WAAU,Q,aAAqB,YAAC,wBAAC,qBAAiBX,IAAmBE,qBAAM,YAAC,OAAQ,oCAAMG,sBAAuB,SAAQ4B,GAAkE/B,OAAM,qC,MAAkD,CAAgB,oBAAa,QAAG,qBAAI,mC,WAAgCC,0BAA6H,gCAAC,YAAC,cAACY,EAAK,OAAC,qB,YAAYT,sD,YAAwB,C,gBAA6BA,Q,MAAwBG,CAA0B,gBAAIV,UAAY,KAAoBW,IAAsEX,MAAG,SAAe,GAACC,SAAY,UAA0DK,EAAM,OAAC,cAAkEL,a,CAAqD,SAAQ,CAAS,YAAC,OAACc,MAAG,CAAC,MAAQ,K,CAA8E,wFAAC,OAAIT,WAAO,SAAeA,WAAuGL,MAAW,MAAkBE,WAAM,GAAC,WAAW,IAAc,GAAC,CAAG,QAAC,YAAC,IAAO,EAAC,KAASC,QAAO,oEAACE,EAAIC,OAAO4B,QAAS,I,MAAuD,CAAC,sBAAI7B,SAAO,YAAwEL,OAAY,sBAAqCA,WAAY,kBAAgEA,UAAW,CAAe,YAAS,OAAkEA,QAAW,OAAC,gDAAe,CAACK,EAAG,OAAI,CAA0CH,YAAM,yD,CAAC,2CAAW,oBAAE,kCAAE,MAAK,CAAUA,KAAM,KAAC,MAAO,WAAI,GAAI,CAA6C,MAAU,YAAeU,EAAIC,OAAK,mC,GAAwB,kBAAiBV,EAAM,GAAC,sF,YAAM+B,iB,MAAoC,CAAC,UAAE,MAAK,OAAwC,GAAGnC,CAAiBG,MAAM,YAAC,SAAQ,QAAS,EAAC,qBAAmBgC,EAAM,kB,CAA6DxB,KAAMiB,qDAAiD,aAAE,YAAU,mBAAyF,EAAG,OAAS,CAA6B3B,YAAY,QAAkB,CAACD,EAAG,iBAAgB,CAAC,EAAG,OAAC,SAAe,OAAQ,CAACC,YAAY,eAAsDiB,gEAAY,O,YAAC,eAAuB,gCAACf,MAAM,CAAC,SAAQ,KAA0B,WAACY,MAAG,CAAC,KAAO,K,EAA6CT,GAAIC,iBAAiB,SAAQ,K,OAAK,EAAC6B,OAAY,CAAC,MAAC,mBAAIpC,GAAG,CAAUC,MAAY,SAAM,GAAM,EAAC,oBAAeK,GAAI4B,OAAG,CAA0F/B,YAAM,QAAC,UAAaG,CAAsB,MAAO,CAAO,gBAAgB,cAAa,aAAO,oBAAC,YAAU,O,MAAqBF,SAAYiC,iCAA8BC,I,CAA0DhC,EAAIC,kCAAmB,yFAAC,YAAC,mBAACS,EAAK,OAAC,qB,YAAYT,sD,YAAsB,C,gBAA6BA,Q,MAAsBG,CAAwB,gBAAIV,UAAY,KAAoBW,IAAsEX,MAAG,SAAe,GAACC,SAAY,UAA0DK,EAAM,OAAC,cAAgEL,kB,CAAqD,SAAQ,CAAS,YAAC,OAACc,MAAG,CAAC,MAAQ,K,CAA8E,wFAAC,OAAIT,WAAO,SAAeA,WAAuGL,MAAW,MAAkBE,WAAM,GAAC,WAAW,IAAc,GAAC,CAAG,QAAC,YAAC,IAAO,EAAC,KAASC,QAAO,oEAACE,EAAIC,OAAOgC,MAAO,IAAsC,OAAIjC,MAAO,cAAwEL,SAAW,SAAC,GAAqB,EAAC,cAAc,WAAsBD,WAAW,gBAAuE,CAACM,EAAG,OAAI,CAAkEL,YAAY,OAAc,MAAMiC,EAAG,kBAAmB,oBAAoB,iBAAC/B,GAAK,OAAC,C,YAAW,yDAAG,8DAAE,YAAa,sBAAEA,MAAM,CAAC,KAAO,KAAE,iBAA6C,IAAyBU,MAAIC,SAAK,GAACb,SAAY,YAAM,uB,GAA8B2B,kBAAkBW,EAAI,GAAG,EAAO,OAAK,6E,YAAA,iB,MAAC,CAAE,KAAK,KAAsBtC,a,GAAsCE,C,MAAc,SAAC,GAAU,eAAcyB,EAAS,0B,CAA6DjB,KAAMiB,qDAA+C,aAAE,YAAU,mBAAyF,EAAG,OAAS,CAA6B3B,YAAY,QAAkB,CAACD,EAAG,iBAAgB,CAAC,EAAG,OAAC,SAAe,OAAQ,CAACC,YAAY,eAAsDiB,gEAAY,O,YAAC,eAAuB,8BAACf,MAAM,CAAC,SAAQ,KAA0B,WAACY,MAAG,CAAC,KAAO,K,EAA2CT,GAAIC,WAAOK,SAAa,EAAK,G,OAAK,EAAC4B,OAAU,CAAC,MAAC,mBAAIxC,GAAG,CAAUC,MAAY,SAAM,GAAM,EAAC,gBAAeK,GAAI4B,OAAG,CAAwF/B,YAAM,QAAC,UAAaG,CAAsB,MAAO,CAAO,gBAAgB,cAAa,WAAO,oBAAC,YAAU,O,MAAqBF,OAAYiC,iCAA8BC,I,CAA0DhC,EAAIC,kCAAqB,yFAAC,YAAC,mBAACS,EAAK,OAAC,qB,YAAYT,sD,YAAwB,C,gBAA6BA,Q,MAAwBG,CAA0B,gBAAIV,UAAY,KAAoBW,IAAsEX,MAAG,SAAe,GAACC,SAAY,QAA0DK,EAAM,OAAC,cAAgEL,gB,CAAqD,SAAQ,CAAS,YAAC,OAACc,MAAG,CAAC,MAAQ,K,CAA8E,sFAAC,OAAIT,WAAO,SAAeA,WAAuGL,MAAW,MAAkBE,WAAM,GAAC,WAAW,IAAc,GAAC,CAAG,QAAC,YAAC,IAAO,EAAC,KAASC,QAAO,oEAACE,EAAIC,OAAOkC,QAAS,I,MAA+D,CAAC,sBAAInC,SAAO,YAAwEL,OAAY,sBAAqCA,WAAY,kBAA2GA,UAAW,CAAgC,YAAayC,OAAgHzC,QAAW,OAAC,WAAM,qCAACE,GAAK,OAAC,C,YAAQ,yD,CAAQ,KAAO,oCAAG,oB,YAAU,sB,MAAC,CAAc,UAAIG,MAAO,WAA4G,GAAG,CAA8CL,MAAW,SAAC,GAAsDiB,SAAY,mCAAyBf,GAAK,GAAC,0G,YAAS,iB,MAAQ,CAAgB,UAA8B,MAAS,OAAqBY,GAAG,CAAC,MAAQ,SAASX,GAAQ,SAAWuC,QAAS,yBAAC,wBAAoCxC,GAAK,GAAC,kE,YAAS,mBAAE,UAAE,YAAS,4CAA8EF,qDAAY,MAAmD,CAACiB,YAAY,gC,CAAC,YAAgB,6FAAM,YAAC,OAACf,MAAM,CAAC,aAAc,SAA8B,QAAG,UAAC,K,GAA0BG,GAAIC,aAAgB,KAAK,gD,YAAMA,mB,EAA2BD,OAAamC,GAAM,QAAK,U,YAAC,sDAAC,aAAIzC,gBAAY,QAAoBG,MAAM,CAAC,MAAQ,QAAM,UAAQ,IAAE,0BAAIG,QAAO,kB,GAAkG,CAAmC,MAAQ,SAAK,GAAC,SAAY,aAAqBS,CAAE,EAAC,Q,YAAW,O,MAAiB,C,MAA4GR,KAAwB,gFAACS,YAAM,oD,YAAYT,CAAgBc,gBAAS,Q,MAAqD,CAACX,SAAW,GAAgB,2BAAiBT,IAAmBU,MAAUJ,SAAOK,GAAuD,EAAC,eAAe,EAACX,SAAY,cAA0DK,EAAM,SAAC,aAAoJL,UAAW,CAAuBE,YAAM,O,MAAC,CAAY,MAAQ,MAAU,W,CAAK,KAAO,sBAAiB,8D,MAAI,CAA0D,+BAAC,YAAIG,WAAO,GAAsHL,WAAY,I,GAAwB,CAAY,QAAQ,YAAM,uFAAI,sB,MAAyD,C,MAAgC2C,SAASC,QAAa,qBAAC,8BAAmF5C,WAAY,mBAAqCA,UAAW,CAA4C,YAAS,OAAwDA,QAAW,OAAC,gDAAgC,CAACK,EAAG,OAAWA,CAA6GL,YAAY,yDAAOE,GAAK,GAAC,kC,YAAQ,gC,CAAQ,KAAO,EAAG,+C,YAAU,sB,MAAC,CAAc,UAAIG,MAAO,WAA4G,GAAG,CAA8CL,MAAW,SAAC,GAAsDiB,SAAY,mCAAyBf,GAAK,GAAC,0G,YAAS,iB,MAAQ,CAAgB,UAA+B,MAAS,OAAsBY,GAAG,CAAC,MAAQ,SAASX,GAAQ,SAAW0C,SAAU,yBAAC,yBAAoC3C,GAAK,GAAC,kE,YAAS,mBAAE,UAAE,YAAS,4CAAgFF,sDAAY,MAAmD,CAACiB,YAAY,gC,CAAC,YAAgB,6FAAM,YAAC,OAACf,MAAM,CAAC,aAAc,SAA+B,QAAG,UAAC,K,GAA0BG,GAAIC,aAAc,EAAG,GAAK,gD,YAAMA,mB,EAA2BD,OAAauC,WAAY,U,YAAC,sDAAC,aAAI7C,gBAAY,QAAoBG,MAAM,CAAC,MAAQ,QAAM,UAAQ,IAAE,2BAAIG,QAAO,mB,GAAkG,CAAmC,MAAQ,SAAK,GAAC,SAAY,cAAqBS,CAAE,EAAC,Q,YAAW,O,MAAiB,C,MAA4GR,KAAuB,kFAACS,YAAM,oD,YAAYT,CAAec,gBAAS,Q,MAAoD,CAACX,SAAW,GAAe,4BAAiBT,IAAmBU,MAAUJ,SAAOK,GAAuD,EAAC,gBAAe,EAACX,SAAY,cAA0DK,EAAM,SAAC,cAAkJL,UAAW,CAAuBE,YAAM,O,MAAC,CAAY,MAAQ,MAAU,W,CAAK,KAAO,sBAAiB,8D,MAAI,CAA0D,+BAAC,YAAIG,WAAO,GAAsHL,WAAY,I,GAAwB,CAAY,QAAQ,YAAM,uFAAI,qB,MAAwD,C,MAAgC2C,SAASG,OAAY,qBAAC,6BAAmF9C,WAAY,kBAAqCA,UAAW,CAA4C,YAAW,OAACA,QAAW,OAAC,gDAAQ,CAACK,EAAG,OAAI,CAAuDL,YAAY,yDAAgC,CAACK,EAAI4B,GAAG5B,yBAAuB0C,EAAM,IAAI1C,CAA+GH,YAAM,gC,CAAC,OAAU,GAAG,4C,YAAW,sB,MAAC,CAAW,UAAkB,MAAQ,W,GAA6D,CAAoB,kBAACa,EAAM,0C,GAAkDV,GAAIuB,eAAe,KAAUC,EAAI,oF,YAAC,iB,MAACpB,CAAwB,UAAI,MAAOJ,OAA+DH,IAAO,MAAO,SAAO,GAAC,SAAU,UAAC,EAAM,OAAG,cAAC,WAAY,aAA2FF,2DAAY,aAAkB,YAAI,mBAA6CA,SAAY,CAAsDiB,YAAY,4C,CAAC,SAAsB,YAAC,QAACf,GAAK,GAAC,sD,YAAS,gC,CAAQ,OAAW,GAAC,EAAG,2H,MAAC,CAA8B,SAAUG,GAAmB,SAAG,KAAC,IAAC,eAAQ,G,MAAwBA,UAAc,iDAAC,qBAAiBL,OAAmBE,MAAM,cAAC,SAAQ,YAAE,2BAAyFF,WAAY,kBAAiE,eAAgB,yBAAM,YAAC,OAACE,MAAM,CAAC,aAAc,SAA8B,QAAG,UAAC,K,GAA0BG,GAAIC,aAAgB,KAAK,gD,YAAMA,mB,EAA2BD,OAAayC,GAAM,QAAK,U,YAAC,sDAAC,aAAI/C,gBAAY,QAAoBG,MAAM,CAAC,MAAQ,QAAM,UAAQ,IAAE,0BAAIG,QAAO,kB,GAAkG,CAAmC,MAAQ,SAAK,GAAC,SAAY,cAAqBS,CAAE,EAAC,Q,YAAW,O,MAAiB,C,MAA4GR,KAAuB,gFAACS,YAAM,oD,YAAYT,CAAec,gBAAS,Q,MAAoD,CAACX,SAAW,GAAe,2BAAiBT,IAAmBU,MAAUJ,SAAOK,GAAuD,EAAC,eAAe,EAACX,SAAY,cAA0DK,EAAM,SAAC,a,CAAyG,SAAO,C,YAAa,OAAS,MAAC,CAAG,MAAC,MAAC,MAAQ,K,CAA8E,yFAAC,OAAIA,WAAO,SAAeA,WAAuGL,MAAW,MAAkBE,WAAM,GAAC,WAAW,IAAc,GAAC,CAAG,QAAC,YAAC,IAAO,EAAC,KAASC,QAAO,oEAACE,EAAIC,OAAO0C,QAAS,I,MAA+D,CAAC,sBAAI3C,SAAO,YAAwEL,OAAY,sBAAqCA,WAAY,kBAA8GA,UAAW,CAAgC,YAAayC,OAAgHzC,QAAW,OAAC,WAAM,qCAACE,GAAK,OAAC,C,YAAQ,yD,CAAQ,KAAO,oCAAG,oB,YAAU,sB,MAAC,CAAc,UAAIG,MAAO,WAA4G,GAAG,CAA8CL,MAAW,SAAC,GAAsDiB,SAAY,mCAAyBf,GAAK,GAAC,0G,YAAS,iB,MAAQ,CAAgB,UAA8B,MAAS,OAAqBY,GAAG,CAAC,MAAQ,SAASX,GAAQ,SAAW8C,QAAS,yBAAC,wBAAoC/C,GAAK,GAAC,kE,YAAS,mBAAE,UAAE,YAAS,4CAA8EF,wDAAY,MAAmD,CAACiB,YAAY,gC,CAAC,YAAgB,6FAAM,YAAC,OAACf,MAAM,CAAC,aAAc,SAA8B,QAAG,UAAC,K,GAA0BG,GAAIC,aAAgB,KAAK,gD,YAAMA,mB,EAA2BD,OAAa2C,GAAM,QAAK,U,YAAC,sDAAC,aAAIjD,gBAAY,QAAoBG,MAAM,CAAC,MAAQ,QAAM,UAAQ,IAAE,0BAAIG,QAAO,kB,GAAkG,CAAmC,MAAQ,SAAK,GAAC,SAAY,aAAqBS,CAAE,EAAC,Q,YAAW,O,MAAiB,C,MAA4GR,KAAyB,gFAACS,YAAM,oD,YAAYT,CAAiBc,gBAAS,Q,MAAsD,CAACX,SAAW,GAAiB,2BAAiBT,IAAmBU,MAAUJ,SAAOK,GAAuD,EAAC,eAAe,EAACX,SAAY,cAA0DK,EAAM,SAAC,a,CAA4G,SAAO,C,YAAa,OAAS,MAAC,CAAG,MAAC,MAAC,MAAQ,K,CAA8E,yFAAC,OAAIA,WAAO,SAAeA,WAAuGL,MAAW,MAAkBE,WAAM,GAAC,WAAW,IAAc,GAAC,CAAG,QAAC,YAAC,IAAO,EAAC,KAASC,QAAO,oEAACE,EAAIC,OAAO4C,UAAW,I,MAA+D,CAAC,wBAAI7C,SAAO,YAAwEL,OAAY,wBAAqCA,WAAY,oBAA+GA,UAAW,CAAgC,YAAayC,OAAgHzC,QAAW,OAAC,WAAM,qCAACE,GAAK,OAAC,C,YAAQ,yD,CAAQ,KAAO,uCAAG,oB,YAAU,sB,MAAC,CAAc,UAAIG,MAAO,WAA4G,GAAG,CAA8CL,MAAW,SAAC,GAAsDiB,SAAY,mCAAyBf,GAAK,GAAC,0G,YAAS,iB,MAAQ,CAAgB,UAAgC,MAAS,OAAuBY,GAAG,CAAC,MAAQ,SAASX,GAAQ,SAAWgD,UAAW,yBAAC,wBAAoCjD,GAAK,GAAC,kE,YAAS,mBAAE,UAAE,YAAS,4CAAiFF,yDAAY,EAAmD,KAACiB,YAAY,gC,CAAC,YAAgB,6FAAM,YAAC,OAACf,MAAM,CAAC,aAAc,SAAgC,QAAG,UAAC,K,GAA0BG,GAAIC,aAAgB,EAAE,GAAK,gD,YAAMA,mB,EAA2BD,OAAa6C,WAAa,U,YAAC,sDAAC,aAAInD,gBAAY,QAAoBG,MAAM,CAAC,MAAQ,QAAM,UAAQ,IAAE,4BAAIG,QAAO,oB,GAAkG,CAAmC,MAAQ,SAAK,GAAC,SAAY,eAAqBS,CAAE,EAAC,Q,YAAW,O,MAAiB,C,MAA4GR,KAAqB,mFAACS,YAAM,oD,YAAYT,CAAac,gBAAS,Q,MAAkD,CAACX,SAAW,GAAa,6BAAgBP,IAAO,MAAQ,SAAKkD,GAAO,SAAY,UAAO,EAAC,SAAY,YAAYzC,EAAW,0B,GAA+BN,OAAIC,C,YAA2B,O,MAAC,C,MAAgC+C,MAAyB,MAAC,K,GAA0BhD,GAAIC,sBAAoB,8D,MAAK,C,WAAuC,oBAAC,YAAC,cAAI,WAAO,I,GAAmB,CAAmC,QAAQ,SAAK,GAAC,MAAa,KAAE,4EAAC,SAAY,MAAC,I,MAAQ,C,MAA+BH,SAAW,K,SAA6FG,SAAOgD,GAAqB,2BAAGvC,WAAM,gB,CAAkCK,UAAS,C,MAAmB,CAAuC,OAAC,SAACX,OAAU,EAAC,OAAsB,gCAAmBP,IAAO,OAAOG,SAAIiD,GAAc,SAAY,WAAY3C,GAAc,SAAC,YAAC,UAAS,QAASR,GAAsC,MAAC,YAAC,SAAW,OAAiBE,EAAIgD,OAAO,YAAWlD,EAAQE,EAAIC,a,GAAqD,EAACA,OAAOgD,C,MAA2B,C,WAAuCC,SAAW,WAAM,YAAC,cAAI,WAAO,IAA8CrD,IAAO,QAAO,YAAI,uFAAM,EAAC,OAAS,mBAA0C,MAAC,CAACA,MAAM,uBAAC,SAAO,YAAE,oCAAsBQ,WAAU0C,yBAAiEpD,cAAY,CAAsBE,MAAM,CAAC,KAAO,EAAI,cAAC,WAAK,qBAAK,GAAGG,CAA2CL,OAAW,SAAC,GAAW,EAAC,OAAQ,cAA2EiB,SAAY,YAAC,kBAAgB,EAAO,sBAAQ,eAAe,GAAC,EAAM,OAAG,gBAAC,SAAQ,cAAU,0B,GAAiC,EAACX,OAAOE,UAAS,C,MAAI,iBAAC,OAAIT,KAAG,O,CAAiB,SAAO,CAAI,aAAIM,OAAO,qBAAsD,MAAM4B,CAAmHjC,UAAiEA,UAAY,CAA0EiB,QAAW,OAAC,6B,CAAC,YAAY,OAAC,C,YAAY,sBAAsB,MAAC,CAACf,KAAM,KAAC,SAAiBY,CAAE,EAAC,qC,YAAS,Q,GAAiBT,OAAIC,C,YAAwBkD,8D,YAAY,CAAC,wBAAiBtD,MAAM,CAAC,UAAO,IAAI,QAAIG,MAAO,WAA2D,GAAEA,CAA6EL,MAAW,SAAC,GAA0EiB,SAAY,aAAiD,WAACf,MAAM,CAAC,YAA+C,wCAAE,YAAa,QAAEA,GAAK,GAAC,yG,YAAQ,QAAI,4BAA4jB,U,YAAQ,0EAAI,aAAIG,WAAO,YAAwCL,gBAAY,QAA4KA,OAAqFiB,UAAY,IAAC,YAAa,WAAW,OAAwB,WAACf,MAAM,CAAC,YAA+E,6CAAE,YAAa,QAAEA,GAAK,GAAC,0DAAnjC,UAAE,YAAS,0EAAwCF,YAAY,CAASK,WAAO,YAAkJL,gBAAY,QAAsDA,OAAqFiB,UAAY,K,GAA0B,CAAuB,kBAACf,EAAM,eAAC,SAAY,M,CAAS,SAAQ,C,MAAoB,C,KAAyBsD,OAA8B,6CAAE,YAAa,QAAEtD,GAAK,GAAC,2DAAuf,0E,YAAQ,QAAI,6BAAolB,UAAI,qFAAE,YAAS,CAA0CF,WAAY,YAASK,gBAAO,QAAsK,MAAK,CAASL,UAAY,IAA0EiB,MAAW,EAAC,oD,CAAwB,UAAsB,MAAC,CAACf,KAAM,OAAiB,6CAACY,YAAG,Q,CAAC,KAAO,yBAAiB,wGAAniC,UAAE,YAAS,yEAAwCd,YAAY,CAASK,WAAO,YAAwOL,gBAAY,QAAqBA,OAAoFiB,UAAY,K,GAA0B,CAAuB,kBAACf,EAAM,eAAC,SAAY,qB,CAAS,SAAQ,C,MAAiB,CAAqB,YAAI,CAACH,EAAG,gCAAS,UAACG,YAAM,Q,CAAC,KAAM,yBAAC,yGAA+c,0E,YAAQG,Q,CAAY,UAAC,oFAAE,YAAa,CAAEH,WAAM,YAAC,gBAAO,QAAM,MAAM+B,CAA2CjC,UAAY,KAA8PA,IAAqBD,MAAG,SAAQ,GAACC,OAAW,EAAC,c,CAA+G,UAAsB,MAAC,CAACE,KAAM,OAAiB,+CAACY,YAAG,Q,CAAC,KAAO,sDAAiB,gF,YAAQT,Q,CAAc,UAAC,sFAAE,YAAa,CAAEH,WAAM,UAAC,gBAAO,QAAM,MAAM+B,CAA4CjC,UAAY,KAAmKA,IAAqBD,MAAG,SAAQ,GAACC,OAAW,EAAC,Y,CAAiH,UAAsB,MAAC,CAACE,KAAM,OAAiB,6CAACY,YAAG,Q,CAAC,KAAO,yBAAiB,yL,YAAQT,Q,CAAgB,UAAC,qFAAE,YAAa,CAAEH,WAAM,YAAC,gBAAO,QAAM,MAAM+B,CAAsDjC,UAAY,KAAwMA,IAAqBD,MAAG,SAAQ,GAACC,OAAW,EAAC,c,CAA6H,UAAsB,MAAC,CAACE,KAAM,OAAiB,8CAACY,YAAG,Q,CAAC,KAAO,sDAAiB,gF,YAAQT,Q,CAAe,UAAC,uFAAE,YAAa,CAAEH,WAAM,YAAC,gBAAO,QAAM,MAAM+B,CAA2CjC,UAAY,KAAqMA,IAAqBD,MAAG,SAAQ,GAACC,OAAW,EAAC,gB,CAA6H,UAAsB,MAAC,CAACE,KAAM,OAAiB,wDAACY,YAAG,Q,CAAC,KAAO,0DAAiB,6G,YAAQT,Q,CAAc,UAAC,mGAAE,YAAa,CAAEH,WAAM,YAAC,gBAAO,QAAM,MAAM+B,CAA2CjC,UAAY,KAA+KA,IAAsFiB,MAAW,SAAC,GAAC,SAAY,eAAmCf,GAAK,OAAC,C,MAAC,CAAgB,Y,CAAK,KAAO,6BAAiB,U,YAAKI,Q,GAA6BD,GAAImD,wDAA4B,4G,YAAMC,Q,CAAqC,UAAC,mGAAE,YAAa,CAAEvD,WAAM,YAAC,gBAAO,QAAM,MAAM+B,CAA2CjC,UAAY,KAAsGA,IAA8CE,MAAM,YAAC,OAAO,EAAI,cAAY,CAACH,EAAG,QAAgBkB,OAAa,YAAwBf,GAAK,GAAC,uC,YAAU,Q,CAAG,4DAAY,uF,YAAW,0E,YAAC,CAAiB,WAAc,UAAI,gBAAQ,Q,MAAqC,CAAoB,UAAa,KAA6B,GAAC,CAAG,MAAC,YAAC,SAAa,eAAUC,EAAQE,EAAIqD,OAAS,EAAE,gBAAErD,EAAIE,aAAO,yB,GAA4B,OAAIJ,C,MAA6F,CAAkB,YAAGY,GAAK,GAAC,uC,YAAY2C,Q,CAAQtC,6DAAwB,0B,YAAKsC,kC,MAAW,CAACjD,UAAmB,SAAgFT,UAAY,CAAO,YAAK,CAAaE,gBAAM,QAAS,MAAC,CAACuB,OAAW,GAAUb,QAAI,GAAYc,MAAG,G,cAAa,G,eAAExB,GAAM,MAAE,U,YAAY,a,iBAAmC,G,cAA8C,c,UAAE,I,kBAAuC,SAAS,G,EAAC,U,EAAgB,S,MAA8C,SAAUG,G,OAAkB,qEAAI,Y,aAA8C,S,SAAG,SAAa,GAA8D,YAA4BN,WAAWM,YAA4IN,EAAG,WAAW,WAAC,yCAACG,YAAM,Q,CAAC,SAAM,CAAE,MAAC,CAACuB,Q,YAAwC,EAAS,K,IAAI,Y,GAAEvB,aAAO,EAAC,MAAC,I,MAAqEe,UAAY,W,YAAC,mCAAsB,YAAC,CAACf,gBAAM,Q,MAAiB,CAAc,MAAO,UAAG,UAAY,IAAK,YAAQ,KAAU,yBAAG,QAAC,iB,GAA0BG,CAAwB,kBAAC,qB,QAAwD,0DAAK,MAAGA,EAAO,Y,CAA8B,wHAAC,YAAQ,QAAmB,CAACN,EAAG,OAAQM,CAAsHL,OAAqBD,IAAG,I,YAA0B,OAAG,gBAAC0B,aAAe,GAAMb,EAAG,MAAe,IAAgBV,2BAAQ,mCAAC,YAAW,CAAuBF,gBAAY,Q,MAAoC,CAAuB,cAACE,SAAM,GAAC,QAAgB,YAAW,KAAG,MAAO,W,GAAoB,CAAkB,kBAAI,sB,QAAgD,oBAAC,OAAG,KAAQA,O,CAAsC,KAAM,2BAAC,OAAK,MAAGG,EAAO,a,CAA6B,uHAAC,YAAQ,QAAmB,CAACN,EAAG,OAAQM,CAAkIL,OAAmBE,IAAM,I,YAAW,EAAc,GAAG,EAAC,gBAAiB,aAAQ,GAAU,QAACa,IAAiCK,MAAQ,CAAC,WAAa,GAAE,MAACf,YAAasC,uBAAuB,aAAClC,gBAAW,QAAsBkD,MAAQP,CAAmDrD,UAAW,IAAKc,SAAK,GAACb,KAAY,GAAuBiB,YAAY,KAAC,MAAY,WAAY,GAAC,CAAe,MAAC,YAAC,EAAQ,OAAE,WAAiB,QAAI,MAAkB,GAAKwB,GAAGd,OAAKiC,CAAqC5D,MAAW,CAA+B,KAAK2C,OAA6HtC,GAAIiB,GAAI,0BAAmB,OAAkBtB,QAAY,aAAaE,GAAK,OAAC,wH,YAAWG,O,MAEhsvC,CAAkC,QAAkC,cAAcwD,IAAa,cAAc,GAA4B,iB,MAAuD,CAAsB,QAAUxD,SAAIyD,KAAc,SAAQzD,SAAQ,GAAC,kBAAoB,WAAiB,6BAA0BS,EAAG,0C,OAAC,U,IAAqC,EAAe,YAAC,uBAAC,YAAYT,CAAa,qBAAwE,WAAC,OAA+B,SAACoB,KAAW,K,CAAiHb,EAAG,GAAE,mBAAqB,2C,YAAI,yB,MAAWI,2C,CAAM,EAAE,8D,GAAC,OAAW,EAAG,OAAC,C,IAA8E,a,YAAE,mBAAG,CAACJ,OAAK,SAAW,6JAACc,cAAY,kB,gBAAEb,gBAAM,QAAE,e,eAAe,2BAAgE,oBAAG,kBAAW,iBAACE,QAAM,UAACC,QAAW2B,gBAAcvB,MAAQ,EAAC,K,iBAA6BuB,IAAqB,WAAC,KAAClC,sBAAW,IAAgB,GAAI,CAAsBsD,iBAAY,YAACC,EAAK,QAAM,GAAkBhD,YAAW6C,WAAcpD,oBAAW,YAAgB,6BAAQ,eAAO,EAAU,a,YAAiB,EAAe,GAAC,yEAAG,OAAK,IAAC,gBAAe,GAAGJ,UAAI4D,MAAiD,IAAyB,kFAAmC,CAAwB,IAAC,aAAC,aAAa,MAAiB,IAAyB,qEAC/+C,SACGC,OAEJ,MAASC,EAAQD,a,ggBCs0CjB,G,UAAA,CACAE,OACAhB,QACAhD,YACAiE,aAGAC,OACA,OACAhE,QACAK,cACA4C,YACA/C,UACA0B,UACAqC,QACA/B,UACAI,WACAE,UACAR,QACAU,UACAE,YAEAI,kBAEAI,UACAc,WACA7B,UACA8B,OACAvC,UACAM,UACAI,WACAE,UACAE,UACAE,YAGAwB,OAGAC,mBACAC,oBAEAC,WACAC,WACAtB,UACAuB,QACAd,cACAe,YACAC,SACAV,MAAAW,WACArB,SACAsB,QACA3C,UACAI,WACAE,UACAsC,SACApC,UACAE,aAEAG,SACAgC,WACAC,UAGAC,aACAC,eACAC,YAEAC,cACAF,eACAC,YAEAE,YACAH,eACAC,YAIAnC,eACAsC,WACAC,OACAC,MACAC,QACAC,kBACAC,2BAIAC,YACAjC,+DACAkC,0DACAC,8DAEAC,UACAC,MACA,sCAEAxC,gBACA,yCAGAyC,OACA,SACAC,UACA,OAAA/B,eAAAgC,QACA,eAEAC,SAEA,2BACA,wFAEA,uFAEA,2BACA,cAEA,yBACA,sCACA,kBAAAC,OAEAC,oCACA,6DAEAD,sBACA,kBACA,cACAE,cAGAA,cACA,cACAC,0BAOA,0BAAAD,mDAIA,qCACA,kCAEA,mCAGA,sCACA,sCAEA,kCACA,mCAGAE,YAGAC,SACAC,eACA,QAEA,iBACA,iCACA,SAEA,wBACAC,WACAC,UACAC,UACAC,SACA,8BAMA,OAJAC,UACA,kCAGA,MACAC,uBACAH,UACAC,cAEA,gBACA,SAEA,2BACAG,mBAGAlD,oBACA,cACAA,mDACA,cACAA,6CACA,kBACAA,yDAEA,gBACAA,wBACA,gBACA,sBAEAA,uBAEAA,EADA,aACAA,qBACA,UACAA,oBACA,UACAA,wCACA,UACAA,yBAEAA,wBAEA,UAEAmD,cACAhD,yBAEAiD,oBAAA/F,MAIAgG,mBACA,iCAEAC,gBACA,yBACAJ,KAEA,2BACA,qBACAA,QACApH,cACAyH,iBACA7G,iBACA8G,sBAEA,CACA,eAEA,2BACAN,QACApH,cACAyH,iBACA7G,iBACA8G,kBAeA,OATA,+BACAN,QACApH,cACAyH,mCACA7G,yHACA8G,kBAIA,GAEA,eAAArD,OAAAgC,SACA,qBAEA,iBAEA,OACAxB,YACAwB,Y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","file":"js/chunk-6c21966e.9a10256e.js","sourcesContent":["var render = function render(){var _vm=this,_c=_vm._self._c;return _c('div',[_c('v-snackbar',{attrs:{\"top\":\"\",\"right\":\"\",\"color\":\"green\"},scopedSlots:_vm._u([{key:\"action\",fn:function({ attrs }){return [_c('v-btn',_vm._b({staticClass:\"body-1 font-weight-bold text-capitalize\",attrs:{\"color\":\"white\",\"icon\":\"\"},on:{\"click\":function($event){_vm.dialog.snackbar = false}}},'v-btn',attrs,false),[_c('v-icon',[_vm._v(\"mdi-close-circle-outline\")])],1)]}}]),model:{value:(_vm.dialog.snackbar),callback:function ($$v) {_vm.$set(_vm.dialog, \"snackbar\", $$v)},expression:\"dialog.snackbar\"}},[_c('span',{staticClass:\"body-1 font-weight-light white--text\",domProps:{\"innerHTML\":_vm._s(_vm.message.success)}})]),_c('v-dialog',{attrs:{\"fullscreen\":_vm.dialog.fullscreen,\"width\":\"550\",\"persistent\":\"\",\"scrollable\":\"\"},on:{\"keydown\":[function($event){if(!$event.type.indexOf('key')&&_vm._k($event.keyCode,\"esc\",27,$event.key,[\"Esc\",\"Escape\"]))return null;_vm.dialog.filter = false},function($event){if(!$event.type.indexOf('key')&&_vm._k($event.keyCode,\"enter\",13,$event.key,\"Enter\"))return null;_vm.dialog.filter = false; _vm.dialog.fullscreen = false; _vm.fetch();}]},model:{value:(_vm.dialog.filter),callback:function ($$v) {_vm.$set(_vm.dialog, \"filter\", $$v)},expression:\"dialog.filter\"}},[_c('v-card',{staticClass:\"pa-2\",class:_vm.dialog.fullscreen ? 'non-border-radius' : 'border-radius'},[_c('v-card-title',{staticClass:\"d-flex align-center py-0 px-3 text-right popup-header\"},[_vm._v(\"\\n        Filter Data\\n\\n        \"),_c('v-spacer'),_c('v-icon',{staticClass:\"cursor-pointer mr-1\",attrs:{\"size\":\"24\",\"color\":\"#2391d0\"},on:{\"click\":function($event){_vm.dialog.fullscreen = !_vm.dialog.fullscreen ? true : false}}},[_vm._v(\"\\n          \"+_vm._s(!_vm.dialog.fullscreen ? 'mdi-fullscreen' : 'mdi-fullscreen-exit')+\"\\n        \")]),_c('v-icon',{staticClass:\"cursor-pointer\",attrs:{\"size\":\"24\",\"color\":\"red\"},on:{\"click\":function($event){_vm.dialog.filter = false; _vm.dialog.fullscreen = false;}}},[_vm._v(\"\\n          mdi-close-circle-outline\\n        \")])],1),_c('v-divider',{staticClass:\"mx-4 mt-3 mb-2\"}),_c('v-card-text',{staticClass:\"py-0\"},[_c('v-form',[_vm._l((_vm.filters),function(item,index){return _c('v-row',{key:index},[(item.type !== 'column')?_c('v-col',[(item.type === 'text' || item.type === 'number')?_c('div',[_c('p',{staticClass:\"body-2 mb-2\"},[_vm._v(\"\\n                  \"+_vm._s(item.label)+\"\\n                \")]),_c('v-text-field',{staticStyle:{\"border-radius\":\"10px !important\"},style:(`max-width: ${item.width};`),attrs:{\"filled\":\"\",\"rounded\":\"\",\"dense\":\"\",\"color\":\"#2391d0\",\"hide-details\":\"\",\"type\":item.type,\"placeholder\":item.placeholder,\"clearable\":\"\",\"vvvv-uppercase\":\"\"},on:{\"click:clear\":function($event){item.value = ''}},model:{value:(item.value),callback:function ($$v) {_vm.$set(item, \"value\", $$v)},expression:\"item.value\"}})],1):_vm._e(),(item.type === 'select')?_c('div',[_c('p',{staticClass:\"body-2 mb-2\"},[_vm._v(\"\\n                  \"+_vm._s(item.label)+\"\\n                \")]),_c('v-select',{staticStyle:{\"border-radius\":\"10px !important\"},style:(`max-width: ${item.width};`),attrs:{\"filled\":\"\",\"rounded\":\"\",\"dense\":\"\",\"single-line\":\"\",\"hide-details\":\"\",\"color\":\"#2391d0\",\"item-color\":\"cyan\",\"placeholder\":item.placeholder,\"items\":item.option,\"clearable\":\"\"},on:{\"click:clear\":function($event){item.value = ''}},model:{value:(item.value),callback:function ($$v) {_vm.$set(item, \"value\", $$v)},expression:\"item.value\"}})],1):_vm._e(),(item.type === 'radio')?_c('div',[_c('p',{staticClass:\"body-2 mb-2\"},[_vm._v(\"\\n                  \"+_vm._s(item.label)+\"\\n                \")]),_c('v-radio-group',{staticClass:\"mt-0\",attrs:{\"row\":\"\",\"hide-details\":\"\"},model:{value:(item.value),callback:function ($$v) {_vm.$set(item, \"value\", $$v)},expression:\"item.value\"}},_vm._l((item.option),function(radio,i){return _c('v-radio',{key:i,attrs:{\"label\":radio,\"color\":\"#2391d0\",\"value\":radio}})}),1)],1):_vm._e(),(item.type === 'date')?_c('div',[_c('p',{staticClass:\"body-2 mb-2\"},[_vm._v(\"\\n                  \"+_vm._s(item.label)+\"\\n                \")]),_c('v-menu',{ref:`date${index}`,refInFor:true,attrs:{\"min-width\":\"290px\",\"max-width\":\"290px\",\"transition\":\"scale-transition\",\"offset-y\":\"\",\"nudge-right\":40,\"close-on-content-click\":false},scopedSlots:_vm._u([{key:\"activator\",fn:function({ on, attrs }){return [_c('v-text-field',_vm._g(_vm._b({staticStyle:{\"border-radius\":\"10px !important\"},style:(`max-width: ${item.width};`),attrs:{\"vvvv-uppercase\":\"\",\"readonly\":\"\",\"filled\":\"\",\"rounded\":\"\",\"dense\":\"\",\"color\":\"#2391d0\",\"placeholder\":item.placeholder,\"hide-details\":\"\",\"clearable\":\"\"},on:{\"click:clear\":function($event){item.value = ''}},model:{value:(item.value),callback:function ($$v) {_vm.$set(item, \"value\", $$v)},expression:\"item.value\"}},'v-text-field',attrs,false),on))]}}],null,true),model:{value:(item.picker),callback:function ($$v) {_vm.$set(item, \"picker\", $$v)},expression:\"item.picker\"}},[_c('v-date-picker',{attrs:{\"color\":\"#2391d0\"},on:{\"input\":function($event){item.picker = false}},model:{value:(item.value),callback:function ($$v) {_vm.$set(item, \"value\", $$v)},expression:\"item.value\"}})],1)],1):_vm._e()]):_vm._l((item.sub),function(subItem,key){return _c('v-col',{key:key},[(subItem.type === 'text' || subItem.type === 'number')?_c('div',[_c('p',{staticClass:\"body-2 mb-2\"},[_vm._v(\"\\n                  \"+_vm._s(subItem.label)+\"\\n                \")]),_c('v-text-field',{staticStyle:{\"border-radius\":\"10px !important\"},style:(`max-width: ${item.width};`),attrs:{\"filled\":\"\",\"rounded\":\"\",\"dense\":\"\",\"color\":\"#2391d0\",\"hide-details\":\"\",\"type\":subItem.type,\"placeholder\":subItem.placeholder,\"clearable\":\"\",\"vvvv-uppercase\":\"\"},on:{\"click:clear\":function($event){subItem.value = ''}},model:{value:(subItem.value),callback:function ($$v) {_vm.$set(subItem, \"value\", $$v)},expression:\"subItem.value\"}})],1):_vm._e(),(subItem.type === 'select')?_c('div',[_c('p',{staticClass:\"body-2 mb-2\"},[_vm._v(\"\\n                  \"+_vm._s(subItem.label)+\"\\n                \")]),_c('v-select',{staticStyle:{\"border-radius\":\"10px !important\"},style:(`max-width: ${item.width};`),attrs:{\"filled\":\"\",\"rounded\":\"\",\"dense\":\"\",\"single-line\":\"\",\"hide-details\":\"\",\"color\":\"#2391d0\",\"item-color\":\"cyan\",\"placeholder\":subItem.placeholder,\"items\":subItem.option,\"clearable\":\"\"},on:{\"click:clear\":function($event){subItem.value = ''}},model:{value:(subItem.value),callback:function ($$v) {_vm.$set(subItem, \"value\", $$v)},expression:\"subItem.value\"}})],1):_vm._e(),(subItem.type === 'radio')?_c('div',[_c('p',{staticClass:\"body-2 mb-2\"},[_vm._v(\"\\n                  \"+_vm._s(subItem.label)+\"\\n                \")]),_c('v-radio-group',{staticClass:\"mt-0\",attrs:{\"row\":\"\",\"hide-details\":\"\"},model:{value:(subItem.value),callback:function ($$v) {_vm.$set(subItem, \"value\", $$v)},expression:\"subItem.value\"}},_vm._l((subItem.option),function(radio,i){return _c('v-radio',{key:i,attrs:{\"label\":radio,\"color\":\"#2391d0\",\"value\":radio}})}),1)],1):_vm._e(),(subItem.type === 'date')?_c('div',[_c('p',{staticClass:\"body-2 mb-2\"},[_vm._v(\"\\n                  \"+_vm._s(subItem.label)+\"\\n                \")]),_c('v-menu',{ref:`subdate${key}`,refInFor:true,attrs:{\"min-width\":\"290px\",\"max-width\":\"290px\",\"transition\":\"scale-transition\",\"offset-y\":\"\",\"nudge-right\":40,\"close-on-content-click\":false},scopedSlots:_vm._u([{key:\"activator\",fn:function({ on, attrs }){return [_c('v-text-field',_vm._g(_vm._b({staticStyle:{\"border-radius\":\"10px !important\"},style:(`max-width: ${item.width};`),attrs:{\"vvvv-uppercase\":\"\",\"readonly\":\"\",\"filled\":\"\",\"rounded\":\"\",\"dense\":\"\",\"color\":\"#2391d0\",\"placeholder\":subItem.placeholder,\"hide-details\":\"\",\"clearable\":\"\"},on:{\"click:clear\":function($event){subItem.value = ''}},model:{value:(subItem.value),callback:function ($$v) {_vm.$set(subItem, \"value\", $$v)},expression:\"subItem.value\"}},'v-text-field',attrs,false),on))]}}],null,true),model:{value:(subItem.picker),callback:function ($$v) {_vm.$set(subItem, \"picker\", $$v)},expression:\"subItem.picker\"}},[_c('v-date-picker',{attrs:{\"color\":\"#2391d0\"},on:{\"input\":function($event){subItem.picker = false}},model:{value:(subItem.value),callback:function ($$v) {_vm.$set(subItem, \"value\", $$v)},expression:\"subItem.value\"}})],1)],1):_vm._e()])})],2)}),(_vm.config.action.filter.location !== undefined && _vm.config.action.filter.location)?_c('v-row',[_c('v-col',{attrs:{\"cols\":\"12\",\"md\":\"6\"}},[_c('div',{staticClass:\"body-2 mb-2\"},[_vm._v(\"\\n                Kecamatan\\n              \")]),_c('v-autocomplete',{staticStyle:{\"border-radius\":\"10px !important\"},attrs:{\"filled\":\"\",\"rounded\":\"\",\"dense\":\"\",\"color\":\"#2391d0\",\"hide-details\":\"\",\"placeholder\":\"Contoh. Trucuk\",\"search-input\":_vm.autocomplete.subdistrict,\"items\":_vm.static_loc.subdistrict,\"item-value\":\"kecamatan_code\",\"item-text\":\"kecamatan_name\",\"item-color\":\"cyan\"},on:{\"update:searchInput\":function($event){return _vm.$set(_vm.autocomplete, \"subdistrict\", $event)},\"update:search-input\":function($event){return _vm.$set(_vm.autocomplete, \"subdistrict\", $event)}},model:{value:(_vm.form_static.subdistrict),callback:function ($$v) {_vm.$set(_vm.form_static, \"subdistrict\", $$v)},expression:\"form_static.subdistrict\"}})],1),_c('v-col',{attrs:{\"cols\":\"12\",\"md\":\"6\"}},[_c('div',{staticClass:\"body-2 mb-2\"},[_vm._v(\"\\n                Kelurahan\\n              \")]),_c('v-autocomplete',{staticStyle:{\"border-radius\":\"10px !important\"},attrs:{\"filled\":\"\",\"rounded\":\"\",\"dense\":\"\",\"color\":\"#2391d0\",\"hide-details\":\"\",\"placeholder\":\"Contoh. Kradenan\",\"search-input\":_vm.autocomplete.village,\"items\":_vm.static_loc.village,\"item-value\":\"desa_code\",\"item-text\":\"desa_name\",\"item-color\":\"cyan\"},on:{\"update:searchInput\":function($event){return _vm.$set(_vm.autocomplete, \"village\", $event)},\"update:search-input\":function($event){return _vm.$set(_vm.autocomplete, \"village\", $event)}},model:{value:(_vm.form_static.village),callback:function ($$v) {_vm.$set(_vm.form_static, \"village\", $$v)},expression:\"form_static.village\"}})],1)],1):_vm._e()],2)],1),_c('v-divider',{staticClass:\"mx-4 my-3\"}),_c('v-card-actions',[_c('v-spacer'),_c('v-btn',{staticClass:\"body-2 font-weight-bold text-capitalize white--text\",staticStyle:{\"border-radius\":\"10px\"},attrs:{\"color\":\"#2391d0\",\"elevation\":\"0\"},on:{\"click\":function($event){_vm.dialog.filter = false; _vm.dialog.fullscreen = false; _vm.fetch();}}},[_c('v-icon',{staticClass:\"mr-1\",attrs:{\"small\":\"\"}},[_vm._v(\"mdi-check-bold\")]),_vm._v(\"\\n          Filter\\n        \")],1)],1)],1)],1),_c('v-dialog',{attrs:{\"fullscreen\":_vm.dialog.fullscreen,\"width\":\"400\",\"persistent\":\"\",\"scrollable\":\"\"},on:{\"keydown\":function($event){if(!$event.type.indexOf('key')&&_vm._k($event.keyCode,\"esc\",27,$event.key,[\"Esc\",\"Escape\"]))return null;_vm.dialog.freeze = false}},model:{value:(_vm.dialog.freeze),callback:function ($$v) {_vm.$set(_vm.dialog, \"freeze\", $$v)},expression:\"dialog.freeze\"}},[_c('v-card',{staticClass:\"pa-2\",class:_vm.dialog.fullscreen ? 'non-border-radius' : 'border-radius'},[_c('v-card-title',{staticClass:\"d-flex align-center py-0 px-3 text-right popup-header\"},[_vm._v(\"\\n        Freeze Kolom\\n\\n        \"),_c('v-spacer'),_c('v-icon',{staticClass:\"cursor-pointer mr-1\",attrs:{\"size\":\"24\",\"color\":\"#2391d0\"},on:{\"click\":function($event){_vm.dialog.fullscreen = !_vm.dialog.fullscreen ? true : false}}},[_vm._v(\"\\n          \"+_vm._s(!_vm.dialog.fullscreen ? 'mdi-fullscreen' : 'mdi-fullscreen-exit')+\"\\n        \")]),_c('v-icon',{staticClass:\"cursor-pointer\",attrs:{\"size\":\"24\",\"color\":\"red\"},on:{\"click\":function($event){_vm.dialog.freeze = false; _vm.dialog.fullscreen = false; _vm.addFreezes();}}},[_vm._v(\"\\n          mdi-close-circle-outline\\n        \")])],1),_c('v-divider',{staticClass:\"mx-4 mt-3 mb-2\"}),_c('v-card-text',{staticClass:\"py-0\"},[_c('v-form',[_c('v-row',[_c('v-col',[_c('div',[_c('p',{staticClass:\"body-2 mb-2\"},[_vm._v(\"\\n                  Silahkan pilih kolom yang akan di \"),_c('b',{staticClass:\"font-italic\"},[_vm._v(\"\\\"Freeze\\\"\")])]),_c('v-list-item-group',{attrs:{\"multiple\":\"\"}},[_c('v-list',{attrs:{\"flat\":\"\"}},_vm._l((_vm.configHeaders),function(item,index){return _c('v-list-item',{key:index,staticClass:\"px-0\",on:{\"click\":function($event){item.freeze = !item.freeze ? true : false}}},[_c('v-list-item-action',{staticClass:\"mr-4\"},[_c('v-checkbox',{attrs:{\"color\":\"#2391d0\",\"input-value\":item.freeze}})],1),_c('v-list-item-content',[_c('p',{staticClass:\"mb-0\",class:item.freeze ? 'font-weight-bold color-default' : ''},[_vm._v(\"\\n                          \"+_vm._s(item.text)+\"\\n                        \")])])],1)}),1)],1)],1)])],1)],1)],1),_c('v-divider',{staticClass:\"mx-4 mb-3 mt-0\"}),_c('v-card-actions',[_c('v-spacer'),_c('v-btn',{staticClass:\"body-2 font-weight-bold text-capitalize white--text\",staticStyle:{\"border-radius\":\"10px\"},attrs:{\"color\":\"#2391d0\",\"elevation\":\"0\"},on:{\"click\":function($event){_vm.dialog.freeze = false; _vm.dialog.fullscreen = false; _vm.addFreezes();}}},[_c('v-icon',{staticClass:\"mr-1\",attrs:{\"small\":\"\"}},[_vm._v(\"mdi-check-bold\")]),_vm._v(\"\\n          Freeze\\n        \")],1)],1)],1)],1),_c('v-dialog',{attrs:{\"fullscreen\":_vm.dialog.fullscreen,\"width\":\"400\",\"persistent\":\"\",\"scrollable\":\"\"},on:{\"keydown\":function($event){if(!$event.type.indexOf('key')&&_vm._k($event.keyCode,\"esc\",27,$event.key,[\"Esc\",\"Escape\"]))return null;_vm.dialog.hide = false}},model:{value:(_vm.dialog.hide),callback:function ($$v) {_vm.$set(_vm.dialog, \"hide\", $$v)},expression:\"dialog.hide\"}},[_c('v-card',{staticClass:\"pa-2\",class:_vm.dialog.fullscreen ? 'non-border-radius' : 'border-radius'},[_c('v-card-title',{staticClass:\"d-flex align-center py-0 px-3 text-right popup-header\"},[_vm._v(\"\\n        Hide Kolom\\n\\n        \"),_c('v-spacer'),_c('v-icon',{staticClass:\"cursor-pointer mr-1\",attrs:{\"size\":\"24\",\"color\":\"#2391d0\"},on:{\"click\":function($event){_vm.dialog.fullscreen = !_vm.dialog.fullscreen ? true : false}}},[_vm._v(\"\\n          \"+_vm._s(!_vm.dialog.fullscreen ? 'mdi-fullscreen' : 'mdi-fullscreen-exit')+\"\\n        \")]),_c('v-icon',{staticClass:\"cursor-pointer\",attrs:{\"size\":\"24\",\"color\":\"red\"},on:{\"click\":function($event){_vm.dialog.hide = false; _vm.dialog.fullscreen = false;}}},[_vm._v(\"\\n          mdi-close-circle-outline\\n        \")])],1),_c('v-divider',{staticClass:\"mx-4 mt-3 mb-2\"}),_c('v-card-text',{staticClass:\"py-0\"},[_c('v-form',[_c('v-row',[_c('v-col',[_c('div',[_c('p',{staticClass:\"body-2 mb-2\"},[_vm._v(\"\\n                  Silahkan pilih kolom yang akan di \"),_c('b',{staticClass:\"font-italic\"},[_vm._v(\"\\\"Hide\\\"\")])]),_c('v-list-item-group',{attrs:{\"multiple\":\"\"}},[_c('v-list',{attrs:{\"flat\":\"\"}},_vm._l((_vm.headers),function(item,index){return _c('v-list-item',{key:index,staticClass:\"px-0\",on:{\"click\":function($event){item.hide = !item.hide ? true : false}}},[_c('v-list-item-action',{staticClass:\"mr-4\"},[_c('v-checkbox',{attrs:{\"color\":\"#2391d0\",\"input-value\":item.hide}})],1),_c('v-list-item-content',[_c('p',{staticClass:\"mb-0\",class:item.hide ? 'font-weight-bold color-default' : ''},[_vm._v(\"\\n                          \"+_vm._s(item.text)+\"\\n                        \")])])],1)}),1)],1)],1)])],1)],1)],1),_c('v-divider',{staticClass:\"mx-4 mb-3 mt-0\"}),_c('v-card-actions',[_c('v-spacer'),_c('v-btn',{staticClass:\"body-2 font-weight-bold text-capitalize white--text\",staticStyle:{\"border-radius\":\"10px\"},attrs:{\"color\":\"#2391d0\",\"elevation\":\"0\"},on:{\"click\":function($event){_vm.dialog.hide = false; _vm.dialog.fullscreen = false; _vm.addHides();}}},[_c('v-icon',{staticClass:\"mr-1\",attrs:{\"small\":\"\"}},[_vm._v(\"mdi-check-bold\")]),_vm._v(\"\\n          Hide\\n        \")],1)],1)],1)],1),_c('v-dialog',{attrs:{\"fullscreen\":_vm.dialog.fullscreen,\"width\":\"500\",\"persistent\":\"\",\"scrollable\":\"\"},on:{\"keydown\":function($event){if(!$event.type.indexOf('key')&&_vm._k($event.keyCode,\"esc\",27,$event.key,[\"Esc\",\"Escape\"]))return null;_vm.dialog.delete = false}},model:{value:(_vm.dialog.delete),callback:function ($$v) {_vm.$set(_vm.dialog, \"delete\", $$v)},expression:\"dialog.delete\"}},[_c('v-card',{staticClass:\"pa-2\",class:_vm.dialog.fullscreen ? 'non-border-radius' : 'border-radius'},[_c('v-card-title',{staticClass:\"d-flex align-center py-0 px-3 text-right popup-header\"},[_vm._v(\"\\n        Hapus Data\\n\\n        \"),_c('v-spacer'),_c('v-icon',{staticClass:\"cursor-pointer mr-1\",attrs:{\"size\":\"24\",\"color\":\"#2391d0\"},on:{\"click\":function($event){_vm.dialog.fullscreen = !_vm.dialog.fullscreen ? true : false}}},[_vm._v(\"\\n          \"+_vm._s(!_vm.dialog.fullscreen ? 'mdi-fullscreen' : 'mdi-fullscreen-exit')+\"\\n        \")]),_c('v-icon',{staticClass:\"cursor-pointer\",attrs:{\"size\":\"24\",\"color\":\"red\"},on:{\"click\":function($event){_vm.dialog.delete = false; _vm.dialog.fullscreen = false; _vm.selected.delete = [];}}},[_vm._v(\"\\n          mdi-close-circle-outline\\n        \")])],1),_c('v-divider',{staticClass:\"mx-4 mt-3 mb-2\"}),_c('v-card-text',{staticClass:\"body-1 font-weight-light text-first mt-3\"},[_vm._v(\"\\n        Apakah Anda yakin menghapus data \"),_c('b',{staticClass:\"font-weight-bold black--text\"},[_vm._v(_vm._s(_vm.$route.meta.title))]),_vm._v(\" yang Anda pilih?\\n      \")]),(_vm.message.error.length > 0)?_c('v-alert',{staticClass:\"mx-6\",attrs:{\"type\":\"error\",\"dense\":\"\",\"text\":\"\",\"prominent\":\"\"}},[_vm._v(\"\\n        \"+_vm._s(_vm.message.error)+\"\\n      \")]):_vm._e(),_c('v-divider',{staticClass:\"mx-4 mb-3 mt-0\"}),_c('v-card-actions',[_c('v-spacer'),_c('v-btn',{staticClass:\"body-2 font-weight-bold text-capitalize white--text\",staticStyle:{\"border-radius\":\"10px\"},attrs:{\"color\":\"green\",\"elevation\":\"0\",\"disabled\":_vm.process.delete,\"loading\":_vm.process.delete},on:{\"click\":function($event){return _vm.deletes()}}},[_c('v-icon',{staticClass:\"mr-1\",attrs:{\"small\":\"\"}},[_vm._v(\"mdi-check-bold\")]),_vm._v(\"\\n          Ya, Hapus\\n        \")],1),_c('v-btn',{staticClass:\"body-2 font-weight-bold text-capitalize red--text\",staticStyle:{\"border-radius\":\"10px\"},attrs:{\"outlined\":\"\",\"disabled\":_vm.process.delete},on:{\"click\":function($event){_vm.dialog.delete = false; _vm.dialog.fullscreen = false; _vm.selected.delete = [];}}},[_c('v-icon',{staticClass:\"mr-1\",attrs:{\"color\":\"red\",\"small\":\"\"}},[_vm._v(\"mdi-close-circle\")]),_vm._v(\"\\n          Batal\\n        \")],1)],1)],1)],1),_c('v-dialog',{attrs:{\"fullscreen\":_vm.dialog.fullscreen,\"width\":\"500\",\"persistent\":\"\",\"scrollable\":\"\"},on:{\"keydown\":function($event){if(!$event.type.indexOf('key')&&_vm._k($event.keyCode,\"esc\",27,$event.key,[\"Esc\",\"Escape\"]))return null;_vm.dialog.approve = false}},model:{value:(_vm.dialog.approve),callback:function ($$v) {_vm.$set(_vm.dialog, \"approve\", $$v)},expression:\"dialog.approve\"}},[_c('v-card',{staticClass:\"pa-2\",class:_vm.dialog.fullscreen ? 'non-border-radius' : 'border-radius'},[_c('v-card-title',{staticClass:\"d-flex align-center py-0 px-3 text-right popup-header\"},[_vm._v(\"\\n        Setujui Data \"),_c('b',{staticClass:\"font-weight-bold black--text\"},[_vm._v(_vm._s(_vm.$route.meta.title))]),_c('v-spacer'),_c('v-icon',{staticClass:\"cursor-pointer mr-1\",attrs:{\"size\":\"24\",\"color\":\"#2391d0\"},on:{\"click\":function($event){_vm.dialog.fullscreen = !_vm.dialog.fullscreen ? true : false}}},[_vm._v(\"\\n          \"+_vm._s(!_vm.dialog.fullscreen ? 'mdi-fullscreen' : 'mdi-fullscreen-exit')+\"\\n        \")]),_c('v-icon',{staticClass:\"cursor-pointer\",attrs:{\"size\":\"24\",\"color\":\"red\"},on:{\"click\":function($event){_vm.dialog.approve = false; _vm.dialog.fullscreen = false; _vm.selected.approve = [];}}},[_vm._v(\"\\n          mdi-close-circle-outline\\n        \")])],1),_c('v-divider',{staticClass:\"mx-4 mt-3 mb-2\"}),_c('v-card-text',{staticClass:\"body-1 font-weight-light text-first mt-3\"},[_vm._v(\"\\n        Apakah Anda yakin menyetujui data \"),_c('b',{staticClass:\"font-weight-bold black--text\"},[_vm._v(_vm._s(_vm.$route.meta.title))]),_vm._v(\" yang Anda pilih?\\n      \")]),(_vm.message.error.length > 0)?_c('v-alert',{staticClass:\"mx-6\",attrs:{\"type\":\"error\",\"dense\":\"\",\"text\":\"\",\"prominent\":\"\"}},[_vm._v(\"\\n        \"+_vm._s(_vm.message.error)+\"\\n      \")]):_vm._e(),_c('v-divider',{staticClass:\"mx-4 mb-3 mt-0\"}),_c('v-card-actions',[_c('v-spacer'),_c('v-btn',{staticClass:\"body-2 font-weight-bold text-capitalize white--text\",staticStyle:{\"border-radius\":\"10px\"},attrs:{\"color\":\"green\",\"elevation\":\"0\",\"disabled\":_vm.process.approve,\"loading\":_vm.process.approve},on:{\"click\":function($event){return _vm.approved()}}},[_c('v-icon',{staticClass:\"mr-1\",attrs:{\"small\":\"\"}},[_vm._v(\"mdi-check-bold\")]),_vm._v(\"\\n          Ya, Setujui\\n        \")],1),_c('v-btn',{staticClass:\"body-2 font-weight-bold text-capitalize red--text\",staticStyle:{\"border-radius\":\"10px\"},attrs:{\"outlined\":\"\",\"disabled\":_vm.process.approve},on:{\"click\":function($event){_vm.dialog.approve = false; _vm.dialog.fullscreen = false; _vm.selected.approve = [];}}},[_c('v-icon',{staticClass:\"mr-1\",attrs:{\"color\":\"red\",\"small\":\"\"}},[_vm._v(\"mdi-close-circle\")]),_vm._v(\"\\n          Batal\\n        \")],1)],1)],1)],1),_c('v-dialog',{attrs:{\"fullscreen\":_vm.dialog.fullscreen,\"width\":\"500\",\"persistent\":\"\",\"scrollable\":\"\"},on:{\"keydown\":function($event){if(!$event.type.indexOf('key')&&_vm._k($event.keyCode,\"esc\",27,$event.key,[\"Esc\",\"Escape\"]))return null;_vm.dialog.reject = false}},model:{value:(_vm.dialog.reject),callback:function ($$v) {_vm.$set(_vm.dialog, \"reject\", $$v)},expression:\"dialog.reject\"}},[_c('v-card',{staticClass:\"pa-2\",class:_vm.dialog.fullscreen ? 'non-border-radius' : 'border-radius'},[_c('v-card-title',{staticClass:\"d-flex align-center py-0 px-3 text-right popup-header\"},[_vm._v(\"\\n        Tolak Data \"),_c('b',{staticClass:\"font-weight-bold black--text\"},[_vm._v(_vm._s(_vm.$route.meta.title))]),_c('v-spacer'),_c('v-icon',{staticClass:\"cursor-pointer mr-1\",attrs:{\"size\":\"24\",\"color\":\"#2391d0\"},on:{\"click\":function($event){_vm.dialog.fullscreen = !_vm.dialog.fullscreen ? true : false}}},[_vm._v(\"\\n          \"+_vm._s(!_vm.dialog.fullscreen ? 'mdi-fullscreen' : 'mdi-fullscreen-exit')+\"\\n        \")]),_c('v-icon',{staticClass:\"cursor-pointer\",attrs:{\"size\":\"24\",\"color\":\"red\"},on:{\"click\":function($event){_vm.dialog.reject = false; _vm.dialog.fullscreen = false; _vm.selected.reject = [];}}},[_vm._v(\"\\n          mdi-close-circle-outline\\n        \")])],1),_c('v-divider',{staticClass:\"mx-4 mt-3 mb-2\"}),_c('v-card-text',{staticClass:\"body-1 font-weight-light text-first mt-3\"},[_c('div',{staticClass:\"mb-3\"},[_vm._v(\"\\n          Apakah Anda yakin menolak data \"),_c('b',{staticClass:\"font-weight-bold black--text\"},[_vm._v(_vm._s(_vm.$route.meta.title))]),_vm._v(\" yang Anda pilih? Jika iya silahkan isi catatan dibawah ini :\\n        \")]),_c('div',[_c('v-textarea',{attrs:{\"outlined\":\"\",\"dense\":\"\",\"rows\":\"3\",\"hide-details\":\"\",\"color\":\"#2391d0\",\"placeholder\":\"Contoh. Tidak masuk dalam kategori\",\"vvvv-uppercase\":\"\"},model:{value:(_vm.form.reason),callback:function ($$v) {_vm.$set(_vm.form, \"reason\", $$v)},expression:\"form.reason\"}})],1)]),(_vm.message.error.length > 0)?_c('v-alert',{staticClass:\"mx-6\",attrs:{\"type\":\"error\",\"dense\":\"\",\"text\":\"\",\"prominent\":\"\"}},[_vm._v(\"\\n        \"+_vm._s(_vm.message.error)+\"\\n      \")]):_vm._e(),_c('v-divider',{staticClass:\"mx-4 mb-3 mt-0\"}),_c('v-card-actions',[_c('v-spacer'),_c('v-btn',{staticClass:\"body-2 font-weight-bold text-capitalize white--text\",staticStyle:{\"border-radius\":\"10px\"},attrs:{\"color\":\"green\",\"elevation\":\"0\",\"disabled\":_vm.process.reject,\"loading\":_vm.process.reject},on:{\"click\":function($event){return _vm.rejected()}}},[_c('v-icon',{staticClass:\"mr-1\",attrs:{\"small\":\"\"}},[_vm._v(\"mdi-check-bold\")]),_vm._v(\"\\n          Ya, Tolak\\n        \")],1),_c('v-btn',{staticClass:\"body-2 font-weight-bold text-capitalize red--text\",staticStyle:{\"border-radius\":\"10px\"},attrs:{\"outlined\":\"\",\"disabled\":_vm.process.reject},on:{\"click\":function($event){_vm.dialog.reject = false; _vm.dialog.fullscreen = false; _vm.selected.reject = [];}}},[_c('v-icon',{staticClass:\"mr-1\",attrs:{\"color\":\"red\",\"small\":\"\"}},[_vm._v(\"mdi-close-circle\")]),_vm._v(\"\\n          Batal\\n        \")],1)],1)],1)],1),_c('v-dialog',{attrs:{\"fullscreen\":_vm.dialog.fullscreen,\"width\":\"500\",\"persistent\":\"\",\"scrollable\":\"\"},on:{\"keydown\":function($event){if(!$event.type.indexOf('key')&&_vm._k($event.keyCode,\"esc\",27,$event.key,[\"Esc\",\"Escape\"]))return null;_vm.dialog.active = false}},model:{value:(_vm.dialog.active),callback:function ($$v) {_vm.$set(_vm.dialog, \"active\", $$v)},expression:\"dialog.active\"}},[_c('v-card',{staticClass:\"pa-2\",class:_vm.dialog.fullscreen ? 'non-border-radius' : 'border-radius'},[_c('v-card-title',{staticClass:\"d-flex align-center py-0 px-3 text-right popup-header\"},[_vm._v(\"\\n        Aktif Data\\n\\n        \"),_c('v-spacer'),_c('v-icon',{staticClass:\"cursor-pointer mr-1\",attrs:{\"size\":\"24\",\"color\":\"#2391d0\"},on:{\"click\":function($event){_vm.dialog.fullscreen = !_vm.dialog.fullscreen ? true : false}}},[_vm._v(\"\\n          \"+_vm._s(!_vm.dialog.fullscreen ? 'mdi-fullscreen' : 'mdi-fullscreen-exit')+\"\\n        \")]),_c('v-icon',{staticClass:\"cursor-pointer\",attrs:{\"size\":\"24\",\"color\":\"red\"},on:{\"click\":function($event){_vm.dialog.active = false; _vm.dialog.fullscreen = false; _vm.selected.delete = [];}}},[_vm._v(\"\\n          mdi-close-circle-outline\\n        \")])],1),_c('v-divider',{staticClass:\"mx-4 mt-3 mb-2\"}),_c('v-card-text',{staticClass:\"body-1 font-weight-light text-first mt-3\"},[_vm._v(\"\\n        Apakah Anda yakin mengaktifkan data \"),_c('b',{staticClass:\"font-weight-bold black--text\"},[_vm._v(_vm._s(_vm.$route.meta.title))]),_vm._v(\" yang Anda pilih?\\n      \")]),(_vm.message.error.length > 0)?_c('v-alert',{staticClass:\"mx-6\",attrs:{\"type\":\"error\",\"dense\":\"\",\"text\":\"\",\"prominent\":\"\"}},[_vm._v(\"\\n        \"+_vm._s(_vm.message.error)+\"\\n      \")]):_vm._e(),_c('v-divider',{staticClass:\"mx-4 mb-3 mt-0\"}),_c('v-card-actions',[_c('v-spacer'),_c('v-btn',{staticClass:\"body-2 font-weight-bold text-capitalize white--text\",staticStyle:{\"border-radius\":\"10px\"},attrs:{\"color\":\"green\",\"elevation\":\"0\",\"disabled\":_vm.process.active,\"loading\":_vm.process.active},on:{\"click\":function($event){return _vm.actived()}}},[_c('v-icon',{staticClass:\"mr-1\",attrs:{\"small\":\"\"}},[_vm._v(\"mdi-check-bold\")]),_vm._v(\"\\n          Ya, Aktif\\n        \")],1),_c('v-btn',{staticClass:\"body-2 font-weight-bold text-capitalize red--text\",staticStyle:{\"border-radius\":\"10px\"},attrs:{\"outlined\":\"\",\"disabled\":_vm.process.active},on:{\"click\":function($event){_vm.dialog.active = false; _vm.dialog.fullscreen = false; _vm.selected.active = [];}}},[_c('v-icon',{staticClass:\"mr-1\",attrs:{\"color\":\"red\",\"small\":\"\"}},[_vm._v(\"mdi-close-circle\")]),_vm._v(\"\\n          Batal\\n        \")],1)],1)],1)],1),_c('v-dialog',{attrs:{\"fullscreen\":_vm.dialog.fullscreen,\"width\":\"500\",\"persistent\":\"\",\"scrollable\":\"\"},on:{\"keydown\":function($event){if(!$event.type.indexOf('key')&&_vm._k($event.keyCode,\"esc\",27,$event.key,[\"Esc\",\"Escape\"]))return null;_vm.dialog.deactive = false}},model:{value:(_vm.dialog.deactive),callback:function ($$v) {_vm.$set(_vm.dialog, \"deactive\", $$v)},expression:\"dialog.deactive\"}},[_c('v-card',{staticClass:\"pa-2\",class:_vm.dialog.fullscreen ? 'non-border-radius' : 'border-radius'},[_c('v-card-title',{staticClass:\"d-flex align-center py-0 px-3 text-right popup-header\"},[_vm._v(\"\\n        Nonaktif Data\\n\\n        \"),_c('v-spacer'),_c('v-icon',{staticClass:\"cursor-pointer mr-1\",attrs:{\"size\":\"24\",\"color\":\"#2391d0\"},on:{\"click\":function($event){_vm.dialog.fullscreen = !_vm.dialog.fullscreen ? true : false}}},[_vm._v(\"\\n          \"+_vm._s(!_vm.dialog.fullscreen ? 'mdi-fullscreen' : 'mdi-fullscreen-exit')+\"\\n        \")]),_c('v-icon',{staticClass:\"cursor-pointer\",attrs:{\"size\":\"24\",\"color\":\"red\"},on:{\"click\":function($event){_vm.dialog.deactive = false; _vm.dialog.fullscreen = false; _vm.selected.delete = [];}}},[_vm._v(\"\\n          mdi-close-circle-outline\\n        \")])],1),_c('v-divider',{staticClass:\"mx-4 mt-3 mb-2\"}),_c('v-card-text',{staticClass:\"body-1 font-weight-light text-first mt-3\"},[_vm._v(\"\\n        Apakah Anda yakin menonaktifkan data \"),_c('b',{staticClass:\"font-weight-bold black--text\"},[_vm._v(_vm._s(_vm.$route.meta.title))]),_vm._v(\" yang Anda pilih?\\n      \")]),(_vm.message.error.length > 0)?_c('v-alert',{staticClass:\"mx-6\",attrs:{\"type\":\"error\",\"dense\":\"\",\"text\":\"\",\"prominent\":\"\"}},[_vm._v(\"\\n        \"+_vm._s(_vm.message.error)+\"\\n      \")]):_vm._e(),_c('v-divider',{staticClass:\"mx-4 mb-3 mt-0\"}),_c('v-card-actions',[_c('v-spacer'),_c('v-btn',{staticClass:\"body-2 font-weight-bold text-capitalize white--text\",staticStyle:{\"border-radius\":\"10px\"},attrs:{\"color\":\"green\",\"elevation\":\"0\",\"disabled\":_vm.process.deactive,\"loading\":_vm.process.deactive},on:{\"click\":function($event){return _vm.deactived()}}},[_c('v-icon',{staticClass:\"mr-1\",attrs:{\"small\":\"\"}},[_vm._v(\"mdi-check-bold\")]),_vm._v(\"\\n          Ya, Nonaktif\\n        \")],1),_c('v-btn',{staticClass:\"body-2 font-weight-bold text-capitalize red--text\",staticStyle:{\"border-radius\":\"10px\"},attrs:{\"outlined\":\"\",\"disabled\":_vm.process.deactive},on:{\"click\":function($event){_vm.dialog.deactive = false; _vm.dialog.fullscreen = false; _vm.selected.deactive = [];}}},[_c('v-icon',{staticClass:\"mr-1\",attrs:{\"color\":\"red\",\"small\":\"\"}},[_vm._v(\"mdi-close-circle\")]),_vm._v(\"\\n          Batal\\n        \")],1)],1)],1)],1),_c('v-dialog',{attrs:{\"fullscreen\":_vm.dialog.fullscreen,\"width\":\"625\",\"persistent\":\"\",\"scrollable\":\"\"},on:{\"keydown\":function($event){if(!$event.type.indexOf('key')&&_vm._k($event.keyCode,\"esc\",27,$event.key,[\"Esc\",\"Escape\"]))return null;_vm.dialog.form = false}},model:{value:(_vm.dialog.form),callback:function ($$v) {_vm.$set(_vm.dialog, \"form\", $$v)},expression:\"dialog.form\"}},[_c('forms',{attrs:{\"config\":_vm.config,\"detail\":_vm.detail,\"fullscreen\":_vm.dialog.fullscreen},on:{\"screen\":function($event){_vm.dialog.fullscreen = $event},\"snackbar\":function($event){_vm.message.success = $event;},\"close\":function($event){_vm.dialog.form = $event; _vm.dialog.fullscreen = false; _vm.fetch();}}})],1),_c('v-dialog',{attrs:{\"fullscreen\":_vm.dialog.fullscreen,\"width\":\"625\",\"persistent\":\"\",\"scrollable\":\"\"},on:{\"keydown\":function($event){if(!$event.type.indexOf('key')&&_vm._k($event.keyCode,\"esc\",27,$event.key,[\"Esc\",\"Escape\"]))return null;_vm.dialog.form_user_doc = false}},model:{value:(_vm.dialog.form_user_doc),callback:function ($$v) {_vm.$set(_vm.dialog, \"form_user_doc\", $$v)},expression:\"dialog.form_user_doc\"}},[_c('formdocs',{attrs:{\"form\":_vm.form_user_doc,\"fullscreen\":_vm.dialog.fullscreen},on:{\"screen\":function($event){_vm.dialog.fullscreen = $event},\"snackbar\":function($event){_vm.message.success = $event; _vm.dialog.snackbar = true;},\"close\":function($event){_vm.dialog.form_user_doc = $event; _vm.dialog.fullscreen = false; _vm.dialog.snackbar = false;}}})],1),_c('v-row',[_c('v-col',{class:_vm.config.padding,attrs:{\"cols\":\"12\"}},[_c('v-card',{staticStyle:{\"border\":\"1px solid #E0E0E0\"},attrs:{\"flat\":\"\"}},[_c('v-card-text',{class:_vm.config.action.tab.button ? 'pb-0' : ''},[_c('v-row',[_c('v-col',{staticClass:\"d-flex align-center\",attrs:{\"cols\":\"12\",\"md\":\"8\"}},[(_vm.config.action.filter.button)?_c('div',{staticClass:\"mr-3\"},[_c('v-btn',{staticClass:\"body-2 text-capitalize font-weight-bold d-flex align-center\",staticStyle:{\"border-radius\":\"10px\"},attrs:{\"elevation\":\"0\",\"dark\":\"\",\"color\":\"#2391d0\"},on:{\"click\":function($event){_vm.dialog.filter = true}}},[_c('v-icon',{attrs:{\"size\":\"18\"}},[_vm._v(\"mdi-filter-outline\")]),_c('span',{staticClass:\"ml-1\"},[_vm._v(\"\\n                    Filter\\n                  \")])],1)],1):_vm._e(),(_vm.config.action.add.button)?_c('div',{staticClass:\"mr-3\"},[(!_vm.config.action.add.window)?_c('v-btn',{staticClass:\"body-2 text-capitalize font-weight-bold d-flex align-center green--text\",staticStyle:{\"background\":\"#4caf5033\",\"border-radius\":\"10px\"},attrs:{\"elevation\":\"0\"},on:{\"click\":function($event){_vm.dialog.form = true; _vm.detail = {};}}},[_c('v-icon',{attrs:{\"size\":\"18\"}},[_vm._v(\"mdi-plus-circle-outline\")]),_c('span',{staticClass:\"ml-1\"},[_vm._v(\"\\n                    Tambah\\n                  \")])],1):_c('v-btn',{staticClass:\"body-2 text-capitalize font-weight-bold d-flex align-center green--text\",staticStyle:{\"background\":\"#4caf5033\",\"border-radius\":\"10px\"},attrs:{\"elevation\":\"0\",\"to\":_vm.config.action.add.href}},[_c('v-icon',{attrs:{\"size\":\"18\"}},[_vm._v(\"mdi-plus-circle-outline\")]),_c('span',{staticClass:\"ml-1\"},[_vm._v(\"\\n                    Tambah\\n                  \")])],1)],1):_vm._e(),(_vm.selected.row.length === 1 && _vm.config.action.edit.button)?_c('div',{staticClass:\"mr-3\"},[(!_vm.config.action.edit.window)?_c('v-btn',{staticClass:\"body-2 text-capitalize font-weight-bold d-flex align-center blue--text\",staticStyle:{\"background\":\"#2196f333\",\"border-radius\":\"10px\"},attrs:{\"elevation\":\"0\"},on:{\"click\":function($event){_vm.dialog.form = true; _vm.detail = _vm.selected.row[0];}}},[_c('v-icon',{attrs:{\"size\":\"18\"}},[_vm._v(\"mdi-circle-edit-outline\")]),_c('span',{staticClass:\"ml-1\"},[_vm._v(\"\\n                    \"+_vm._s(_vm.config.action.edit.text === undefined ? 'Ubah' : _vm.config.action.edit.text)+\"\\n                  \")])],1):_c('v-btn',{staticClass:\"body-2 text-capitalize font-weight-bold d-flex align-center blue--text\",staticStyle:{\"background\":\"#2196f333\",\"border-radius\":\"10px\"},attrs:{\"elevation\":\"0\",\"to\":`${_vm.config.action.edit.href}/${_vm.selected.row[0].id}`}},[_c('v-icon',{attrs:{\"size\":\"18\"}},[_vm._v(\"mdi-circle-edit-outline\")]),_c('span',{staticClass:\"ml-1\"},[_vm._v(\"\\n                    \"+_vm._s(_vm.config.action.edit.text === undefined ? 'Ubah' : _vm.config.action.edit.text)+\"\\n                  \")])],1)],1):_vm._e(),(_vm.selected.row.length > 0 && _vm.config.action.delete.button)?_c('div',{staticClass:\"mr-3\"},[_c('v-btn',{staticClass:\"body-2 text-capitalize font-weight-bold d-flex align-center red--text\",staticStyle:{\"background\":\"#f4403433\",\"border-radius\":\"10px\"},attrs:{\"elevation\":\"0\"},on:{\"click\":function($event){return _vm.toDelete()}}},[_c('v-icon',{attrs:{\"size\":\"18\"}},[_vm._v(\"mdi-delete-circle-outline\")]),_c('span',{staticClass:\"ml-1\"},[_vm._v(\"\\n                    Hapus\\n                  \")])],1)],1):_vm._e(),(_vm.selected.row.length === 1 && _vm.config.action.detail.button)?_c('div',{staticClass:\"mr-3\"},[_c('v-btn',{staticClass:\"body-2 text-capitalize font-weight-bold d-flex align-center text-second\",staticStyle:{\"background\":\"#e0e0e0\",\"border-radius\":\"10px\"},attrs:{\"elevation\":\"0\"},on:{\"click\":function($event){return _vm.toRead()}}},[_c('v-icon',{attrs:{\"size\":\"18\"}},[_vm._v(\"mdi-information-outline\")]),_c('span',{staticClass:\"ml-1\"},[_vm._v(\"\\n                    \"+_vm._s(_vm.config.action.detail.text === undefined ? 'Detail' : _vm.config.action.detail.text)+\"\\n                  \")])],1)],1):_vm._e(),(_vm.selected.row.length > 0 && _vm.config.action.active.button)?_c('div',{staticClass:\"mr-3\"},[_c('v-btn',{staticClass:\"body-2 text-capitalize font-weight-bold d-flex align-center cyan--text\",staticStyle:{\"background\":\"#00bcd433\",\"border-radius\":\"10px\"},attrs:{\"elevation\":\"0\"},on:{\"click\":function($event){return _vm.toActive()}}},[_c('v-icon',{attrs:{\"size\":\"18\"}},[_vm._v(\"mdi-check-circle-outline\")]),_c('span',{staticClass:\"ml-1\"},[_vm._v(\"\\n                    Aktif\\n                  \")])],1)],1):_vm._e(),(_vm.selected.row.length > 0 && _vm.config.action.deactive.button)?_c('div',{staticClass:\"mr-3\"},[_c('v-btn',{staticClass:\"body-2 text-capitalize font-weight-bold d-flex align-center orange--text\",staticStyle:{\"background\":\"#ff980033\",\"border-radius\":\"10px\"},attrs:{\"elevation\":\"0\"},on:{\"click\":function($event){return _vm.toDeactive()}}},[_c('v-icon',{attrs:{\"size\":\"18\"}},[_vm._v(\"mdi-swap-horizontal-circle-outline\")]),_c('span',{staticClass:\"ml-1\"},[_vm._v(\"\\n                    Non Aktif\\n                  \")])],1)],1):_vm._e(),(_vm.selected.row.length === 1 && _vm.config.action.approve.button && _vm.selected.status_approved)?_c('div',{staticClass:\"mr-3\"},[_c('v-btn',{staticClass:\"body-2 text-capitalize font-weight-bold d-flex align-center teal--text text-darken-4\",staticStyle:{\"background\":\"#004d4033\",\"border-radius\":\"10px\"},attrs:{\"elevation\":\"0\"},on:{\"click\":function($event){return _vm.toApprove()}}},[_c('v-icon',{attrs:{\"size\":\"18\"}},[_vm._v(\"mdi-information-outline\")]),_c('span',{staticClass:\"ml-1\"},[_vm._v(\"\\n                    Approve\\n                  \")])],1)],1):_vm._e(),(_vm.selected.row.length === 1 && _vm.config.action.reject.button && _vm.selected.status_rejected)?_c('div',{staticClass:\"mr-3\"},[_c('v-btn',{staticClass:\"body-2 text-capitalize font-weight-bold d-flex align-center pink--text text-darken-4\",staticStyle:{\"background\":\"#880e4f33\",\"border-radius\":\"10px\"},attrs:{\"elevation\":\"0\"},on:{\"click\":function($event){return _vm.toReject()}}},[_c('v-icon',{attrs:{\"size\":\"18\"}},[_vm._v(\"mdi-information-outline\")]),_c('span',{staticClass:\"ml-1\"},[_vm._v(\"\\n                    Reject\\n                  \")])],1)],1):_vm._e(),(_vm.selected.row.length === 1 && _vm.$route.path === '/officer')?_c('div',[_c('v-btn',{staticClass:\"body-2 text-capitalize font-weight-bold d-flex align-center text-second\",staticStyle:{\"background\":\"#e0e0e0\",\"border-radius\":\"10px\"},attrs:{\"elevation\":\"0\"},on:{\"click\":function($event){_vm.dialog.form_user_doc = true; _vm.detail = _vm.selected.row[0]; _vm.fetchUserDoc(_vm.selected.row[0].id);}}},[_c('v-icon',{attrs:{\"size\":\"18\"}},[_vm._v(\"mdi-information-outline\")]),_c('span',{staticClass:\"ml-1\"},[_vm._v(\"\\n                    Dokumen\\n                  \")])],1)],1):_vm._e()]),_c('v-col',{staticClass:\"d-flex align-center justify-end\",attrs:{\"cols\":\"12\",\"md\":\"4\"}},[_c('v-text-field',{staticStyle:{\"border-radius\":\"10px\"},attrs:{\"filled\":\"\",\"rounded\":\"\",\"dense\":\"\",\"single-line\":\"\",\"hide-details\":\"\",\"color\":\"#2391d0\",\"placeholder\":\"Cari . . .\",\"vvvv-uppercase\":\"\",\"append-icon\":\"mdi-magnify\",\"clearable\":\"\"},on:{\"click:clear\":function($event){_vm.search = ''; _vm.fetch();},\"keyup\":function($event){if(!$event.type.indexOf('key')&&_vm._k($event.keyCode,\"enter\",13,$event.key,\"Enter\"))return null;return _vm.fetch()}},model:{value:(_vm.search),callback:function ($$v) {_vm.search=$$v},expression:\"search\"}}),(_vm.pagination.total_data > 0 && _vm.config.action.print.button)?_c('div',{staticClass:\"ml-3\"},[_c('v-tooltip',{attrs:{\"top\":\"\"},scopedSlots:_vm._u([{key:\"activator\",fn:function({ on, attrs }){return [_c('v-btn',_vm._g(_vm._b({staticClass:\"text-capitalize white--text px-0\",staticStyle:{\"border-radius\":\"10px\"},attrs:{\"color\":\"#2391d0\",\"elevation\":\"0\",\"min-width\":\"36\",\"disabled\":_vm.process.print,\"loading\":_vm.process.print},on:{\"click\":function($event){return _vm.prints()}}},'v-btn',attrs,false),on),[_c('v-icon',[_vm._v(\"mdi-microsoft-excel\")])],1)]}}],null,false,722470361)},[_c('span',[_vm._v(\"\\n                    Print\\n                  \")])])],1):_vm._e(),(_vm.config.action.freeze.button)?_c('div',{staticClass:\"ml-3\"},[_c('v-tooltip',{attrs:{\"top\":\"\"},scopedSlots:_vm._u([{key:\"activator\",fn:function({ on, attrs }){return [_c('v-btn',_vm._g(_vm._b({staticClass:\"text-capitalize px-0\",staticStyle:{\"border-radius\":\"10px\"},attrs:{\"elevation\":\"0\",\"outlined\":\"\",\"dark\":\"\",\"min-width\":\"36\",\"color\":\"#2391d0\"},on:{\"click\":function($event){_vm.dialog.freeze = true}}},'v-btn',attrs,false),on),[_c('v-icon',{attrs:{\"size\":\"18\"}},[_vm._v(\"mdi-table-split-cell\")])],1)]}}],null,false,3505737798)},[_c('span',[_vm._v(\"\\n                    Freeze\\n                  \")])])],1):_vm._e(),(_vm.config.action.hide.button)?_c('div',{staticClass:\"ml-3\"},[_c('v-tooltip',{attrs:{\"top\":\"\"},scopedSlots:_vm._u([{key:\"activator\",fn:function({ on, attrs }){return [_c('v-btn',_vm._g(_vm._b({staticClass:\"text-capitalize px-0\",staticStyle:{\"border-radius\":\"10px\"},attrs:{\"elevation\":\"0\",\"outlined\":\"\",\"dark\":\"\",\"min-width\":\"36\",\"color\":\"#7B7B7B\"},on:{\"click\":function($event){_vm.dialog.hide = true}}},'v-btn',attrs,false),on),[_c('v-icon',{attrs:{\"size\":\"18\"}},[_vm._v(\"mdi-eye-off-outline\")])],1)]}}],null,false,3006938457)},[_c('span',[_vm._v(\"\\n                    Hide\\n                  \")])])],1):_vm._e()],1)],1)],1),(_vm.config.action.tab.button)?_c('v-tabs',{staticClass:\"mb-3\",attrs:{\"flat\":\"\",\"slider-size\":\"5\",\"hide-slider\":\"\",\"color\":\"#2391d0\"},model:{value:(_vm.selected.menu),callback:function ($$v) {_vm.$set(_vm.selected, \"menu\", $$v)},expression:\"selected.menu\"}},_vm._l((_vm.config.action.tab.api),function(item,index){return _c('v-tab',{key:index,staticClass:\"d-flex justify-start\",staticStyle:{\"min-width\":\"70px\"}},[_c('v-icon',{attrs:{\"small\":\"\",\"left\":\"\"}},[_vm._v(\"\\n              \"+_vm._s(item.icon)+\"\\n            \")]),_c('span',{staticClass:\"body-2 text-capitalize\",class:_vm.selected.menu === index ? 'font-weight-bold' : ''},[_vm._v(\"\\n              \"+_vm._s(item.text)+\"\\n            \")])],1)}),1):_vm._e(),_c('v-data-table',{ref:\"table-grid\",staticClass:\"table-grid\",attrs:{\"height\":!_vm.config.action.tab.button && !_vm.config.height ? \n                `calc(100vh - ${_vm.pagination.total_data > 0 ? '325px' : '253px'})` :\n                `calc(100vh - ${_vm.pagination.total_data > 0 ? '377px' : '205px'})`,\"show-select\":_vm.config.checkbox,\"single-select\":_vm.config.single,\"loading\":_vm.process.load,\"loading-text\":\"Sedang memuat data . . .\",\"loader-height\":\"5\",\"no-results-text\":\"Belum ada data\",\"options\":_vm.options,\"headers\":_vm.configHeaders,\"items\":_vm.list,\"items-per-page\":100,\"item-key\":\"id\",\"hide-default-footer\":\"\"},on:{\"update:options\":function($event){_vm.options=$event},\"click:row\":_vm.rowClick,\"toggle-select-all\":function($event){return _vm.handleToggleAll($event)},\"dblclick:row\":_vm.doubleClick},scopedSlots:_vm._u([_vm._l((_vm.configHeaders.filter((header) => header.hasOwnProperty('format'))),function(header){return {key:`item.${header.value}`,fn:function({ value }){return [_vm._v(\"\\n            \"+_vm._s(_vm.rowFormat(header.format, value))+\" \\n          \")]}}}),{key:`item.index`,fn:function({ index }){return [_vm._v(\"\\n            \"+_vm._s(_vm.lastIndex + index)+\"\\n          \")]}}],null,true),model:{value:(_vm.selected.row),callback:function ($$v) {_vm.$set(_vm.selected, \"row\", $$v)},expression:\"selected.row\"}},[_c('v-progress-linear',{directives:[{name:\"show\",rawName:\"v-show\",value:(_vm.process.load),expression:\"process.load\"}],attrs:{\"slot\":\"progress\",\"color\":\"white\",\"indeterminate\":\"\"},slot:\"progress\"})],1),(_vm.pagination.total_data > 0)?_c('pagination',{attrs:{\"model\":_vm.pagination},on:{\"changePage\":function($event){return _vm.fetch($event)},\"reloadPage\":function($event){return _vm.fetch($event)}}}):_vm._e()],1)],1)],1)],1)\n}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n  <div>\n    <v-snackbar\n      v-model=\"dialog.snackbar\"\n      top\n      right\n      color=\"green\">\n      <span class=\"body-1 font-weight-light white--text\"\n        v-html=\"message.success\">\n      </span>\n\n      <template v-slot:action=\"{ attrs }\">\n        <v-btn\n          class=\"body-1 font-weight-bold text-capitalize\"\n          color=\"white\"\n          icon\n          v-bind=\"attrs\"\n          @click=\"dialog.snackbar = false\">\n          <v-icon>mdi-close-circle-outline</v-icon>\n        </v-btn>\n      </template>\n    </v-snackbar>\n\n    <v-dialog v-model=\"dialog.filter\"\n      @keydown.esc=\"dialog.filter = false\"\n      @keydown.enter=\"dialog.filter = false; dialog.fullscreen = false; fetch();\"\n      :fullscreen=\"dialog.fullscreen\"\n      width=\"550\"\n      persistent\n      scrollable>\n      <v-card \n        :class=\"dialog.fullscreen ? 'non-border-radius' : 'border-radius'\"\n        class=\"pa-2\">\n        <v-card-title class=\"d-flex align-center py-0 px-3 text-right popup-header\">\n          Filter Data\n\n          <v-spacer/>\n\n          <v-icon \n            @click=\"dialog.fullscreen = !dialog.fullscreen ? true : false\"\n            class=\"cursor-pointer mr-1\"\n            size=\"24\"\n            color=\"#2391d0\">\n            {{ !dialog.fullscreen ? 'mdi-fullscreen' : 'mdi-fullscreen-exit' }}\n          </v-icon>\n\n          <v-icon \n            @click=\"dialog.filter = false; dialog.fullscreen = false;\"\n            class=\"cursor-pointer\"\n            size=\"24\"\n            color=\"red\">\n            mdi-close-circle-outline\n          </v-icon>\n        </v-card-title>\n        \n        <v-divider class=\"mx-4 mt-3 mb-2\"/>\n\n        <v-card-text class=\"py-0\">\n          <v-form>\n            <v-row v-for=\"(item, index) in filters\" :key=\"index\">\n              <!-- NON COLUMN -->\n              <v-col v-if=\"item.type !== 'column'\">\n                <div v-if=\"item.type === 'text' || item.type === 'number'\">\n                  <p class=\"body-2 mb-2\">\n                    {{ item.label }}\n                  </p>\n\n                  <v-text-field\n                    :style=\"`max-width: ${item.width};`\"\n                    filled\n                    rounded\n                    dense\n                    color=\"#2391d0\"\n                    hide-details\n                    :type=\"item.type\"\n                    :placeholder=\"item.placeholder\"\n                    clearable\n                    @click:clear=\"item.value = ''\"\n                    v-model=\"item.value\"\n                    vvvv-uppercase\n                    style=\"border-radius: 10px !important;\">\n                  </v-text-field>\n                </div>\n\n                <div v-if=\"item.type === 'select'\">\n                  <p class=\"body-2 mb-2\">\n                    {{ item.label }}\n                  </p>\n\n                  <v-select\n                    :style=\"`max-width: ${item.width};`\"\n                    filled\n                    rounded\n                    dense\n                    single-line\n                    hide-details\n                    color=\"#2391d0\"\n                    item-color=\"cyan\"\n                    :placeholder=\"item.placeholder\"\n                    :items=\"item.option\"\n                    clearable\n                    @click:clear=\"item.value = ''\"\n                    v-model=\"item.value\"\n                    style=\"border-radius: 10px !important;\">\n                  </v-select>\n                </div>\n\n                <div v-if=\"item.type === 'radio'\">\n                  <p class=\"body-2 mb-2\">\n                    {{ item.label }}\n                  </p>\n\n                  <v-radio-group\n                    class=\"mt-0\"\n                    v-model=\"item.value\"\n                    row\n                    hide-details>\n                    <v-radio v-for=\"(radio, i) in item.option\" :key=\"i\"\n                      :label=\"radio\"\n                      color=\"#2391d0\"\n                      :value=\"radio\">\n                    </v-radio>\n                  </v-radio-group>\n                </div>\n\n                <div v-if=\"item.type === 'date'\">\n                  <p class=\"body-2 mb-2\">\n                    {{ item.label }}\n                  </p>\n\n                  <v-menu\n                    :ref=\"`date${index}`\"\n                    min-width=\"290px\"\n                    max-width=\"290px\"\n                    transition=\"scale-transition\"\n                    offset-y\n                    :nudge-right=\"40\"\n                    :close-on-content-click=\"false\"\n                    v-model=\"item.picker\">\n                    <template v-slot:activator=\"{ on, attrs }\">\n                      <v-text-field\n                        :style=\"`max-width: ${item.width};`\"\n                        v-model=\"item.value\"\n                        vvvv-uppercase\n                        readonly\n                        filled\n                        rounded\n                        dense\n                        color=\"#2391d0\"\n                        :placeholder=\"item.placeholder\"\n                        hide-details\n                        clearable\n                        @click:clear=\"item.value = ''\"\n                        v-on=\"on\"\n                        v-bind=\"attrs\"\n                        style=\"border-radius: 10px !important;\">\n                      </v-text-field>\n                    </template>\n\n                    <v-date-picker \n                      color=\"#2391d0\"\n                      v-model=\"item.value\"\n                      @input=\"item.picker = false\">\n                    </v-date-picker>\n                  </v-menu>\n                </div>\n              </v-col>\n\n              <!-- WITH COLUMN -->\n              <v-col v-else\n                v-for=\"(subItem, key) in item.sub\" :key=\"key\">\n                <div v-if=\"subItem.type === 'text' || subItem.type === 'number'\">\n                  <p class=\"body-2 mb-2\">\n                    {{ subItem.label }}\n                  </p>\n\n                  <v-text-field\n                    :style=\"`max-width: ${item.width};`\"\n                    filled\n                    rounded\n                    dense\n                    color=\"#2391d0\"\n                    hide-details\n                    :type=\"subItem.type\"\n                    :placeholder=\"subItem.placeholder\"\n                    clearable\n                    @click:clear=\"subItem.value = ''\"\n                    v-model=\"subItem.value\"\n                    vvvv-uppercase\n                    style=\"border-radius: 10px !important;\">\n                  </v-text-field>\n                </div>\n\n                <div v-if=\"subItem.type === 'select'\">\n                  <p class=\"body-2 mb-2\">\n                    {{ subItem.label }}\n                  </p>\n\n                  <v-select\n                    :style=\"`max-width: ${item.width};`\"\n                    filled\n                    rounded\n                    dense\n                    single-line\n                    hide-details\n                    color=\"#2391d0\"\n                    item-color=\"cyan\"\n                    :placeholder=\"subItem.placeholder\"\n                    :items=\"subItem.option\"\n                    clearable\n                    @click:clear=\"subItem.value = ''\"\n                    v-model=\"subItem.value\"\n                    style=\"border-radius: 10px !important;\">\n                  </v-select>\n                </div>\n\n                <div v-if=\"subItem.type === 'radio'\">\n                  <p class=\"body-2 mb-2\">\n                    {{ subItem.label }}\n                  </p>\n\n                  <v-radio-group\n                    class=\"mt-0\"\n                    v-model=\"subItem.value\"\n                    row\n                    hide-details>\n                    <v-radio v-for=\"(radio, i) in subItem.option\" :key=\"i\"\n                      :label=\"radio\"\n                      color=\"#2391d0\"\n                      :value=\"radio\">\n                    </v-radio>\n                  </v-radio-group>\n                </div>\n\n                <div v-if=\"subItem.type === 'date'\">\n                  <p class=\"body-2 mb-2\">\n                    {{ subItem.label }}\n                  </p>\n\n                  <v-menu\n                    :ref=\"`subdate${key}`\"\n                    min-width=\"290px\"\n                    max-width=\"290px\"\n                    transition=\"scale-transition\"\n                    offset-y\n                    :nudge-right=\"40\"\n                    :close-on-content-click=\"false\"\n                    v-model=\"subItem.picker\">\n                    <template v-slot:activator=\"{ on, attrs }\">\n                      <v-text-field\n                        :style=\"`max-width: ${item.width};`\"\n                        v-model=\"subItem.value\"\n                        vvvv-uppercase\n                        readonly\n                        filled\n                        rounded\n                        dense\n                        color=\"#2391d0\"\n                        :placeholder=\"subItem.placeholder\"\n                        hide-details\n                        clearable\n                        @click:clear=\"subItem.value = ''\"\n                        v-on=\"on\"\n                        v-bind=\"attrs\"\n                        style=\"border-radius: 10px !important;\">\n                      </v-text-field>\n                    </template>\n\n                    <v-date-picker \n                      color=\"#2391d0\"\n                      v-model=\"subItem.value\"\n                      @input=\"subItem.picker = false\">\n                    </v-date-picker>\n                  </v-menu>\n                </div>\n              </v-col>\n            </v-row>\n\n            <v-row v-if=\"config.action.filter.location !== undefined && config.action.filter.location\">\n              <v-col\n                cols=\"12\"\n                md=\"6\">\n                <div class=\"body-2 mb-2\">\n                  Kecamatan\n                </div>\n\n                <v-autocomplete\n                  filled\n                  rounded\n                  dense\n                  color=\"#2391d0\"\n                  hide-details\n                  placeholder=\"Contoh. Trucuk\"\n\n                  :search-input.sync=\"autocomplete.subdistrict\"\n                  \n                  :items=\"static_loc.subdistrict\"\n                  item-value=\"kecamatan_code\"\n                  item-text=\"kecamatan_name\"\n                  item-color=\"cyan\"\n\n                  v-model=\"form_static.subdistrict\"\n                  style=\"border-radius: 10px !important;\">\n                </v-autocomplete>\n              </v-col>\n\n              <v-col\n                cols=\"12\"\n                md=\"6\">\n                <div class=\"body-2 mb-2\">\n                  Kelurahan\n                </div>\n\n                <v-autocomplete\n                  filled\n                  rounded\n                  dense\n                  color=\"#2391d0\"\n                  hide-details\n                  placeholder=\"Contoh. Kradenan\"\n\n                  :search-input.sync=\"autocomplete.village\"\n                  \n                  :items=\"static_loc.village\"\n                  item-value=\"desa_code\"\n                  item-text=\"desa_name\"\n                  item-color=\"cyan\"\n\n                  v-model=\"form_static.village\"\n                  style=\"border-radius: 10px !important;\">\n                </v-autocomplete>\n              </v-col>\n            </v-row>\n          </v-form>\n        </v-card-text>\n\n        <v-divider class=\"mx-4 my-3\"/>\n\n        <v-card-actions>\n          <v-spacer/>\n\n          <v-btn\n            color=\"#2391d0\"\n            elevation=\"0\"\n            style=\"border-radius: 10px;\"\n            class=\"body-2 font-weight-bold text-capitalize white--text\"\n            @click=\"dialog.filter = false; dialog.fullscreen = false; fetch();\">\n            <v-icon small class=\"mr-1\">mdi-check-bold</v-icon>\n            Filter\n          </v-btn>\n        </v-card-actions>\n      </v-card>\n    </v-dialog>\n\n    <v-dialog v-model=\"dialog.freeze\"\n      @keydown.esc=\"dialog.freeze = false\"\n      :fullscreen=\"dialog.fullscreen\"\n      width=\"400\"\n      persistent\n      scrollable>\n      <v-card \n        :class=\"dialog.fullscreen ? 'non-border-radius' : 'border-radius'\"\n        class=\"pa-2\">\n        <v-card-title class=\"d-flex align-center py-0 px-3 text-right popup-header\">\n          Freeze Kolom\n\n          <v-spacer/>\n\n          <v-icon \n            @click=\"dialog.fullscreen = !dialog.fullscreen ? true : false\"\n            class=\"cursor-pointer mr-1\"\n            size=\"24\"\n            color=\"#2391d0\">\n            {{ !dialog.fullscreen ? 'mdi-fullscreen' : 'mdi-fullscreen-exit' }}\n          </v-icon>\n\n          <v-icon \n            @click=\"dialog.freeze = false; dialog.fullscreen = false; addFreezes();\"\n            class=\"cursor-pointer\"\n            size=\"24\"\n            color=\"red\">\n            mdi-close-circle-outline\n          </v-icon>\n        </v-card-title>\n        \n        <v-divider class=\"mx-4 mt-3 mb-2\"/>\n\n        <v-card-text class=\"py-0\">\n          <v-form>\n            <v-row>\n              <v-col>\n                <div>\n                  <p class=\"body-2 mb-2\">\n                    Silahkan pilih kolom yang akan di <b class=\"font-italic\">\"Freeze\"</b>\n                  </p>\n\n                  <v-list-item-group\n                    multiple>\n                    <v-list flat>\n                      <v-list-item \n                        v-for=\"(item, index) in configHeaders\" \n                        :key=\"index\"\n                        class=\"px-0\"\n                        @click=\"item.freeze = !item.freeze ? true : false\">\n                        <v-list-item-action class=\"mr-4\">\n                          <v-checkbox\n                            color=\"#2391d0\"\n                            :input-value=\"item.freeze\">\n                          </v-checkbox>\n                        </v-list-item-action>\n\n                        <v-list-item-content>\n                          <p\n                            class=\"mb-0\"\n                            :class=\"item.freeze ? 'font-weight-bold color-default' : ''\">\n                            {{ item.text }}\n                          </p>\n                        </v-list-item-content>\n                      </v-list-item>  \n                    </v-list>\n                  </v-list-item-group>\n                </div>\n              </v-col>\n            </v-row>\n          </v-form>\n        </v-card-text>\n\n        <v-divider class=\"mx-4 mb-3 mt-0\"/>\n\n        <v-card-actions>\n          <v-spacer/>\n\n          <v-btn\n            color=\"#2391d0\"\n            elevation=\"0\"\n            style=\"border-radius: 10px;\"\n            class=\"body-2 font-weight-bold text-capitalize white--text\"\n            @click=\"dialog.freeze = false; dialog.fullscreen = false; addFreezes();\">\n            <v-icon small class=\"mr-1\">mdi-check-bold</v-icon>\n            Freeze\n          </v-btn>\n        </v-card-actions>\n      </v-card>\n    </v-dialog>\n\n    <v-dialog v-model=\"dialog.hide\"\n      @keydown.esc=\"dialog.hide = false\"\n      :fullscreen=\"dialog.fullscreen\"\n      width=\"400\"\n      persistent\n      scrollable>\n      <v-card \n        :class=\"dialog.fullscreen ? 'non-border-radius' : 'border-radius'\"\n        class=\"pa-2\">\n        <v-card-title class=\"d-flex align-center py-0 px-3 text-right popup-header\">\n          Hide Kolom\n\n          <v-spacer/>\n\n          <v-icon \n            @click=\"dialog.fullscreen = !dialog.fullscreen ? true : false\"\n            class=\"cursor-pointer mr-1\"\n            size=\"24\"\n            color=\"#2391d0\">\n            {{ !dialog.fullscreen ? 'mdi-fullscreen' : 'mdi-fullscreen-exit' }}\n          </v-icon>\n\n          <v-icon \n            @click=\"dialog.hide = false; dialog.fullscreen = false;\"\n            class=\"cursor-pointer\"\n            size=\"24\"\n            color=\"red\">\n            mdi-close-circle-outline\n          </v-icon>\n        </v-card-title>\n        \n        <v-divider class=\"mx-4 mt-3 mb-2\"/>\n\n        <v-card-text class=\"py-0\">\n          <v-form>\n            <v-row>\n              <v-col>\n                <div>\n                  <p class=\"body-2 mb-2\">\n                    Silahkan pilih kolom yang akan di <b class=\"font-italic\">\"Hide\"</b>\n                  </p>\n\n                  <v-list-item-group\n                    multiple>\n                    <v-list flat>\n                      <v-list-item \n                        v-for=\"(item, index) in headers\" \n                        :key=\"index\"\n                        class=\"px-0\"\n                        @click=\"item.hide = !item.hide ? true : false\">\n                        <v-list-item-action class=\"mr-4\">\n                          <v-checkbox\n                            color=\"#2391d0\"\n                            :input-value=\"item.hide\">\n                          </v-checkbox>\n                        </v-list-item-action>\n\n                        <v-list-item-content>\n                          <p\n                            class=\"mb-0\"\n                            :class=\"item.hide ? 'font-weight-bold color-default' : ''\">\n                            {{ item.text }}\n                          </p>\n                        </v-list-item-content>\n                      </v-list-item>  \n                    </v-list>\n                  </v-list-item-group>\n                </div>\n              </v-col>\n            </v-row>\n          </v-form>\n        </v-card-text>\n\n        <v-divider class=\"mx-4 mb-3 mt-0\"/>\n\n        <v-card-actions>\n          <v-spacer/>\n\n          <v-btn\n            color=\"#2391d0\"\n            elevation=\"0\"\n            style=\"border-radius: 10px;\"\n            class=\"body-2 font-weight-bold text-capitalize white--text\"\n            @click=\"dialog.hide = false; dialog.fullscreen = false; addHides();\">\n            <v-icon small class=\"mr-1\">mdi-check-bold</v-icon>\n            Hide\n          </v-btn>\n        </v-card-actions>\n      </v-card>\n    </v-dialog>\n\n    <v-dialog v-model=\"dialog.delete\"\n      @keydown.esc=\"dialog.delete = false\"\n      :fullscreen=\"dialog.fullscreen\"\n      width=\"500\"\n      persistent\n      scrollable>\n      <v-card \n        :class=\"dialog.fullscreen ? 'non-border-radius' : 'border-radius'\"\n        class=\"pa-2\">\n        <v-card-title class=\"d-flex align-center py-0 px-3 text-right popup-header\">\n          Hapus Data\n\n          <v-spacer/>\n\n          <v-icon \n            @click=\"dialog.fullscreen = !dialog.fullscreen ? true : false\"\n            class=\"cursor-pointer mr-1\"\n            size=\"24\"\n            color=\"#2391d0\">\n            {{ !dialog.fullscreen ? 'mdi-fullscreen' : 'mdi-fullscreen-exit' }}\n          </v-icon>\n\n          <v-icon \n            @click=\"dialog.delete = false; dialog.fullscreen = false; selected.delete = [];\"\n            class=\"cursor-pointer\"\n            size=\"24\"\n            color=\"red\">\n            mdi-close-circle-outline\n          </v-icon>\n        </v-card-title>\n        \n        <v-divider class=\"mx-4 mt-3 mb-2\"/>\n\n        <v-card-text class=\"body-1 font-weight-light text-first mt-3\">\n          Apakah Anda yakin menghapus data <b class=\"font-weight-bold black--text\">{{ $route.meta.title }}</b> yang Anda pilih?\n        </v-card-text>\n\n        <v-alert v-if=\"message.error.length > 0\"\n          class=\"mx-6\"\n          type=\"error\" \n          dense\n          text \n          prominent>\n          {{ message.error }}\n        </v-alert>\n\n        <v-divider class=\"mx-4 mb-3 mt-0\"/>\n\n        <v-card-actions>\n          <v-spacer/>\n\n          <v-btn\n            color=\"green\"\n            elevation=\"0\"\n            style=\"border-radius: 10px;\"\n            class=\"body-2 font-weight-bold text-capitalize white--text\"\n            :disabled=\"process.delete\"\n            :loading=\"process.delete\"\n            @click=\"deletes()\">\n            <v-icon small class=\"mr-1\">mdi-check-bold</v-icon>\n            Ya, Hapus\n          </v-btn>\n\n          <v-btn\n            outlined\n            style=\"border-radius: 10px;\"\n            class=\"body-2 font-weight-bold text-capitalize red--text\"\n            :disabled=\"process.delete\"\n            @click=\"dialog.delete = false; dialog.fullscreen = false; selected.delete = [];\">\n            <v-icon color=\"red\" small class=\"mr-1\">mdi-close-circle</v-icon>\n            Batal\n          </v-btn>\n        </v-card-actions>\n      </v-card>\n    </v-dialog>\n\n    <v-dialog v-model=\"dialog.approve\"\n      @keydown.esc=\"dialog.approve = false\"\n      :fullscreen=\"dialog.fullscreen\"\n      width=\"500\"\n      persistent\n      scrollable>\n      <v-card \n        :class=\"dialog.fullscreen ? 'non-border-radius' : 'border-radius'\"\n        class=\"pa-2\">\n        <v-card-title class=\"d-flex align-center py-0 px-3 text-right popup-header\">\n          Setujui Data <b class=\"font-weight-bold black--text\">{{ $route.meta.title }}</b>\n\n          <v-spacer/>\n\n          <v-icon \n            @click=\"dialog.fullscreen = !dialog.fullscreen ? true : false\"\n            class=\"cursor-pointer mr-1\"\n            size=\"24\"\n            color=\"#2391d0\">\n            {{ !dialog.fullscreen ? 'mdi-fullscreen' : 'mdi-fullscreen-exit' }}\n          </v-icon>\n\n          <v-icon \n            @click=\"dialog.approve = false; dialog.fullscreen = false; selected.approve = [];\"\n            class=\"cursor-pointer\"\n            size=\"24\"\n            color=\"red\">\n            mdi-close-circle-outline\n          </v-icon>\n        </v-card-title>\n        \n        <v-divider class=\"mx-4 mt-3 mb-2\"/>\n\n        <v-card-text class=\"body-1 font-weight-light text-first mt-3\">\n          Apakah Anda yakin menyetujui data <b class=\"font-weight-bold black--text\">{{ $route.meta.title }}</b> yang Anda pilih?\n        </v-card-text>\n\n        <v-alert v-if=\"message.error.length > 0\"\n          class=\"mx-6\"\n          type=\"error\" \n          dense\n          text \n          prominent>\n          {{ message.error }}\n        </v-alert>\n\n        <v-divider class=\"mx-4 mb-3 mt-0\"/>\n\n        <v-card-actions>\n          <v-spacer/>\n\n          <v-btn\n            color=\"green\"\n            elevation=\"0\"\n            style=\"border-radius: 10px;\"\n            class=\"body-2 font-weight-bold text-capitalize white--text\"\n            :disabled=\"process.approve\"\n            :loading=\"process.approve\"\n            @click=\"approved()\">\n            <v-icon small class=\"mr-1\">mdi-check-bold</v-icon>\n            Ya, Setujui\n          </v-btn>\n\n          <v-btn\n            outlined\n            style=\"border-radius: 10px;\"\n            class=\"body-2 font-weight-bold text-capitalize red--text\"\n            :disabled=\"process.approve\"\n            @click=\"dialog.approve = false; dialog.fullscreen = false; selected.approve = [];\">\n            <v-icon color=\"red\" small class=\"mr-1\">mdi-close-circle</v-icon>\n            Batal\n          </v-btn>\n        </v-card-actions>\n      </v-card>\n    </v-dialog>\n\n    <v-dialog v-model=\"dialog.reject\"\n      @keydown.esc=\"dialog.reject = false\"\n      :fullscreen=\"dialog.fullscreen\"\n      width=\"500\"\n      persistent\n      scrollable>\n      <v-card \n        :class=\"dialog.fullscreen ? 'non-border-radius' : 'border-radius'\"\n        class=\"pa-2\">\n        <v-card-title class=\"d-flex align-center py-0 px-3 text-right popup-header\">\n          Tolak Data <b class=\"font-weight-bold black--text\">{{ $route.meta.title }}</b>\n\n          <v-spacer/>\n\n          <v-icon \n            @click=\"dialog.fullscreen = !dialog.fullscreen ? true : false\"\n            class=\"cursor-pointer mr-1\"\n            size=\"24\"\n            color=\"#2391d0\">\n            {{ !dialog.fullscreen ? 'mdi-fullscreen' : 'mdi-fullscreen-exit' }}\n          </v-icon>\n\n          <v-icon \n            @click=\"dialog.reject = false; dialog.fullscreen = false; selected.reject = [];\"\n            class=\"cursor-pointer\"\n            size=\"24\"\n            color=\"red\">\n            mdi-close-circle-outline\n          </v-icon>\n        </v-card-title>\n        \n        <v-divider class=\"mx-4 mt-3 mb-2\"/>\n\n        <v-card-text class=\"body-1 font-weight-light text-first mt-3\">\n          <div class=\"mb-3\">\n            Apakah Anda yakin menolak data <b class=\"font-weight-bold black--text\">{{ $route.meta.title }}</b> yang Anda pilih? Jika iya silahkan isi catatan dibawah ini :\n          </div>\n\n          <div>\n            <v-textarea\n              outlined\n              dense\n              rows=\"3\"\n              hide-details\n              color=\"#2391d0\"\n              placeholder=\"Contoh. Tidak masuk dalam kategori\"\n              v-model=\"form.reason\"\n              vvvv-uppercase>\n            </v-textarea>\n          </div>\n        </v-card-text>\n\n        <v-alert v-if=\"message.error.length > 0\"\n          class=\"mx-6\"\n          type=\"error\" \n          dense\n          text \n          prominent>\n          {{ message.error }}\n        </v-alert>\n\n        <v-divider class=\"mx-4 mb-3 mt-0\"/>\n\n        <v-card-actions>\n          <v-spacer/>\n\n          <v-btn\n            color=\"green\"\n            elevation=\"0\"\n            style=\"border-radius: 10px;\"\n            class=\"body-2 font-weight-bold text-capitalize white--text\"\n            :disabled=\"process.reject\"\n            :loading=\"process.reject\"\n            @click=\"rejected()\">\n            <v-icon small class=\"mr-1\">mdi-check-bold</v-icon>\n            Ya, Tolak\n          </v-btn>\n\n          <v-btn\n            outlined\n            style=\"border-radius: 10px;\"\n            class=\"body-2 font-weight-bold text-capitalize red--text\"\n            :disabled=\"process.reject\"\n            @click=\"dialog.reject = false; dialog.fullscreen = false; selected.reject = [];\">\n            <v-icon color=\"red\" small class=\"mr-1\">mdi-close-circle</v-icon>\n            Batal\n          </v-btn>\n        </v-card-actions>\n      </v-card>\n    </v-dialog>\n\n    <v-dialog v-model=\"dialog.active\"\n      @keydown.esc=\"dialog.active = false\"\n      :fullscreen=\"dialog.fullscreen\"\n      width=\"500\"\n      persistent\n      scrollable>\n      <v-card \n        :class=\"dialog.fullscreen ? 'non-border-radius' : 'border-radius'\"\n        class=\"pa-2\">\n        <v-card-title class=\"d-flex align-center py-0 px-3 text-right popup-header\">\n          Aktif Data\n\n          <v-spacer/>\n\n          <v-icon \n            @click=\"dialog.fullscreen = !dialog.fullscreen ? true : false\"\n            class=\"cursor-pointer mr-1\"\n            size=\"24\"\n            color=\"#2391d0\">\n            {{ !dialog.fullscreen ? 'mdi-fullscreen' : 'mdi-fullscreen-exit' }}\n          </v-icon>\n\n          <v-icon \n            @click=\"dialog.active = false; dialog.fullscreen = false; selected.delete = [];\"\n            class=\"cursor-pointer\"\n            size=\"24\"\n            color=\"red\">\n            mdi-close-circle-outline\n          </v-icon>\n        </v-card-title>\n        \n        <v-divider class=\"mx-4 mt-3 mb-2\"/>\n\n        <v-card-text class=\"body-1 font-weight-light text-first mt-3\">\n          Apakah Anda yakin mengaktifkan data <b class=\"font-weight-bold black--text\">{{ $route.meta.title }}</b> yang Anda pilih?\n        </v-card-text>\n\n        <v-alert v-if=\"message.error.length > 0\"\n          class=\"mx-6\"\n          type=\"error\" \n          dense\n          text \n          prominent>\n          {{ message.error }}\n        </v-alert>\n\n        <v-divider class=\"mx-4 mb-3 mt-0\"/>\n\n        <v-card-actions>\n          <v-spacer/>\n\n          <v-btn\n            color=\"green\"\n            elevation=\"0\"\n            style=\"border-radius: 10px;\"\n            class=\"body-2 font-weight-bold text-capitalize white--text\"\n            :disabled=\"process.active\"\n            :loading=\"process.active\"\n            @click=\"actived()\">\n            <v-icon small class=\"mr-1\">mdi-check-bold</v-icon>\n            Ya, Aktif\n          </v-btn>\n\n          <v-btn\n            outlined\n            style=\"border-radius: 10px;\"\n            class=\"body-2 font-weight-bold text-capitalize red--text\"\n            :disabled=\"process.active\"\n            @click=\"dialog.active = false; dialog.fullscreen = false; selected.active = [];\">\n            <v-icon color=\"red\" small class=\"mr-1\">mdi-close-circle</v-icon>\n            Batal\n          </v-btn>\n        </v-card-actions>\n      </v-card>\n    </v-dialog>\n\n    <v-dialog v-model=\"dialog.deactive\"\n      @keydown.esc=\"dialog.deactive = false\"\n      :fullscreen=\"dialog.fullscreen\"\n      width=\"500\"\n      persistent\n      scrollable>\n      <v-card \n        :class=\"dialog.fullscreen ? 'non-border-radius' : 'border-radius'\"\n        class=\"pa-2\">\n        <v-card-title class=\"d-flex align-center py-0 px-3 text-right popup-header\">\n          Nonaktif Data\n\n          <v-spacer/>\n\n          <v-icon \n            @click=\"dialog.fullscreen = !dialog.fullscreen ? true : false\"\n            class=\"cursor-pointer mr-1\"\n            size=\"24\"\n            color=\"#2391d0\">\n            {{ !dialog.fullscreen ? 'mdi-fullscreen' : 'mdi-fullscreen-exit' }}\n          </v-icon>\n\n          <v-icon \n            @click=\"dialog.deactive = false; dialog.fullscreen = false; selected.delete = [];\"\n            class=\"cursor-pointer\"\n            size=\"24\"\n            color=\"red\">\n            mdi-close-circle-outline\n          </v-icon>\n        </v-card-title>\n        \n        <v-divider class=\"mx-4 mt-3 mb-2\"/>\n\n        <v-card-text class=\"body-1 font-weight-light text-first mt-3\">\n          Apakah Anda yakin menonaktifkan data <b class=\"font-weight-bold black--text\">{{ $route.meta.title }}</b> yang Anda pilih?\n        </v-card-text>\n\n        <v-alert v-if=\"message.error.length > 0\"\n          class=\"mx-6\"\n          type=\"error\" \n          dense\n          text \n          prominent>\n          {{ message.error }}\n        </v-alert>\n\n        <v-divider class=\"mx-4 mb-3 mt-0\"/>\n\n        <v-card-actions>\n          <v-spacer/>\n\n          <v-btn\n            color=\"green\"\n            elevation=\"0\"\n            style=\"border-radius: 10px;\"\n            class=\"body-2 font-weight-bold text-capitalize white--text\"\n            :disabled=\"process.deactive\"\n            :loading=\"process.deactive\"\n            @click=\"deactived()\">\n            <v-icon small class=\"mr-1\">mdi-check-bold</v-icon>\n            Ya, Nonaktif\n          </v-btn>\n\n          <v-btn\n            outlined\n            style=\"border-radius: 10px;\"\n            class=\"body-2 font-weight-bold text-capitalize red--text\"\n            :disabled=\"process.deactive\"\n            @click=\"dialog.deactive = false; dialog.fullscreen = false; selected.deactive = [];\">\n            <v-icon color=\"red\" small class=\"mr-1\">mdi-close-circle</v-icon>\n            Batal\n          </v-btn>\n        </v-card-actions>\n      </v-card>\n    </v-dialog>\n\n    <!-- CALL FORM  -->\n    <v-dialog v-model=\"dialog.form\"\n      @keydown.esc=\"dialog.form = false\"\n      :fullscreen=\"dialog.fullscreen\"\n      width=\"625\"\n      persistent\n      scrollable>\n      <forms \n        :config=\"config\" \n        :detail=\"detail\" \n        :fullscreen=\"dialog.fullscreen\" \n        @screen=\"dialog.fullscreen = $event\"\n        @snackbar=\"message.success = $event;\"\n        @close=\"dialog.form = $event; dialog.fullscreen = false; fetch();\" />\n    </v-dialog>\n\n    <!-- CALL FORM DOC USER  -->\n    <v-dialog v-model=\"dialog.form_user_doc\"\n      @keydown.esc=\"dialog.form_user_doc = false\"\n      :fullscreen=\"dialog.fullscreen\"\n      width=\"625\"\n      persistent\n      scrollable>\n      <formdocs \n        :form=\"form_user_doc\" \n        :fullscreen=\"dialog.fullscreen\" \n        @screen=\"dialog.fullscreen = $event\"\n        @snackbar=\"message.success = $event; dialog.snackbar = true;\"\n        @close=\"dialog.form_user_doc = $event; dialog.fullscreen = false; dialog.snackbar = false;\" />\n    </v-dialog>\n\n    <v-row>\n      <v-col \n        cols=\"12\"\n        :class=\"config.padding\">\n        <v-card \n          flat \n          style=\"border: 1px solid #E0E0E0;\">\n          <v-card-text :class=\"config.action.tab.button ? 'pb-0' : ''\">\n            <v-row>\n              <v-col \n                cols=\"12\" \n                md=\"8\" \n                class=\"d-flex align-center\">\n                <!-- FILTER -->\n                <div class=\"mr-3\" v-if=\"config.action.filter.button\">\n                  <v-btn\n                    elevation=\"0\"\n                    dark\n                    style=\"border-radius: 10px;\"\n                    color=\"#2391d0\"\n                    class=\"body-2 text-capitalize font-weight-bold d-flex align-center\"\n                    @click=\"dialog.filter = true\">\n                    <v-icon size=\"18\">mdi-filter-outline</v-icon>\n\n                    <span class=\"ml-1\">\n                      Filter\n                    </span>\n                  </v-btn>\n                </div>\n\n                <!-- ADD -->\n                <div class=\"mr-3\" v-if=\"config.action.add.button\">\n                  <v-btn v-if=\"!config.action.add.window\"\n                    elevation=\"0\"\n                    style=\"background: #4caf5033; border-radius: 10px;\"\n                    class=\"body-2 text-capitalize font-weight-bold d-flex align-center green--text\"\n                    @click=\"dialog.form = true; detail = {};\">\n                    <v-icon size=\"18\">mdi-plus-circle-outline</v-icon>\n\n                    <span class=\"ml-1\">\n                      Tambah\n                    </span>\n                  </v-btn>\n\n                  <v-btn v-else\n                    elevation=\"0\"\n                    style=\"background: #4caf5033; border-radius: 10px;\"\n                    class=\"body-2 text-capitalize font-weight-bold d-flex align-center green--text\"\n                    :to=\"config.action.add.href\">\n                    <v-icon size=\"18\">mdi-plus-circle-outline</v-icon>\n\n                    <span class=\"ml-1\">\n                      Tambah\n                    </span>\n                  </v-btn>\n                </div>\n\n                <!-- EDIT -->\n                <div class=\"mr-3\" v-if=\"selected.row.length === 1 && config.action.edit.button\">\n                  <v-btn v-if=\"!config.action.edit.window\"\n                    elevation=\"0\"\n                    style=\"background: #2196f333; border-radius: 10px;\"\n                    class=\"body-2 text-capitalize font-weight-bold d-flex align-center blue--text\"\n                    @click=\"dialog.form = true; detail = selected.row[0];\">\n                    <v-icon size=\"18\">mdi-circle-edit-outline</v-icon>\n\n                    <span class=\"ml-1\">\n                      {{ config.action.edit.text === undefined ? 'Ubah' : config.action.edit.text }}\n                    </span>\n                  </v-btn>\n\n                  <v-btn v-else\n                    elevation=\"0\"\n                    style=\"background: #2196f333; border-radius: 10px;\"\n                    class=\"body-2 text-capitalize font-weight-bold d-flex align-center blue--text\"\n                    :to=\"`${config.action.edit.href}/${selected.row[0].id}`\">\n                    <v-icon size=\"18\">mdi-circle-edit-outline</v-icon>\n\n                    <span class=\"ml-1\">\n                      {{ config.action.edit.text === undefined ? 'Ubah' : config.action.edit.text }}\n                    </span>\n                  </v-btn>\n                </div>\n\n                <!-- DELETE -->\n                <div class=\"mr-3\" v-if=\"selected.row.length > 0 && config.action.delete.button\">\n                  <v-btn\n                    elevation=\"0\"\n                    style=\"background: #f4403433; border-radius: 10px;\"\n                    class=\"body-2 text-capitalize font-weight-bold d-flex align-center red--text\"\n                    @click=\"toDelete()\">\n                    <v-icon size=\"18\">mdi-delete-circle-outline</v-icon>\n\n                    <span class=\"ml-1\">\n                      Hapus\n                    </span>\n                  </v-btn>\n                </div>\n\n                <!-- DETAIL -->\n                <div class=\"mr-3\" v-if=\"selected.row.length === 1 && config.action.detail.button\">\n                  <v-btn\n                    @click=\"toRead()\"\n                    elevation=\"0\"\n                    style=\"background: #e0e0e0; border-radius: 10px;\"\n                    class=\"body-2 text-capitalize font-weight-bold d-flex align-center text-second\">\n                    <v-icon size=\"18\">mdi-information-outline</v-icon>\n\n                    <span class=\"ml-1\">\n                      {{ config.action.detail.text === undefined ? 'Detail' : config.action.detail.text }}\n                    </span>\n                  </v-btn>\n                </div>\n\n                <!-- ACTIVE -->\n                <div class=\"mr-3\" v-if=\"selected.row.length > 0 && config.action.active.button\">\n                  <v-btn\n                    elevation=\"0\"\n                    style=\"background: #00bcd433; border-radius: 10px;\"\n                    class=\"body-2 text-capitalize font-weight-bold d-flex align-center cyan--text\"\n                    @click=\"toActive()\">\n                    <v-icon size=\"18\">mdi-check-circle-outline</v-icon>\n\n                    <span class=\"ml-1\">\n                      Aktif\n                    </span>\n                  </v-btn>\n                </div>\n\n                <!-- DEACTIVE -->\n                <div class=\"mr-3\" v-if=\"selected.row.length > 0 && config.action.deactive.button\">\n                  <v-btn\n                    elevation=\"0\"\n                    style=\"background: #ff980033; border-radius: 10px;\"\n                    class=\"body-2 text-capitalize font-weight-bold d-flex align-center orange--text\"\n                    @click=\"toDeactive()\">\n                    <v-icon size=\"18\">mdi-swap-horizontal-circle-outline</v-icon>\n\n                    <span class=\"ml-1\">\n                      Non Aktif\n                    </span>\n                  </v-btn>\n                </div>\n\n                <!-- APPROVE -->\n                <div class=\"mr-3\" v-if=\"selected.row.length === 1 && config.action.approve.button && selected.status_approved\">\n                  <v-btn\n                    elevation=\"0\"\n                    style=\"background: #004d4033; border-radius: 10px;\"\n                    class=\"body-2 text-capitalize font-weight-bold d-flex align-center teal--text text-darken-4\"\n                    @click=\"toApprove()\">\n                    <v-icon size=\"18\">mdi-information-outline</v-icon>\n\n                    <span class=\"ml-1\">\n                      Approve\n                    </span>\n                  </v-btn>\n                </div>\n\n                <!-- REJECT -->\n                <div class=\"mr-3\" v-if=\"selected.row.length === 1 && config.action.reject.button && selected.status_rejected\">\n                  <v-btn\n                    elevation=\"0\"\n                    style=\"background: #880e4f33; border-radius: 10px;\"\n                    class=\"body-2 text-capitalize font-weight-bold d-flex align-center pink--text text-darken-4\"\n                    @click=\"toReject()\">\n                    <v-icon size=\"18\">mdi-information-outline</v-icon>\n\n                    <span class=\"ml-1\">\n                      Reject\n                    </span>\n                  </v-btn>\n                </div>\n\n                <div v-if=\"selected.row.length === 1 && $route.path === '/officer'\">\n                  <v-btn\n                    @click=\"dialog.form_user_doc = true; detail = selected.row[0]; fetchUserDoc(selected.row[0].id);\"\n                    elevation=\"0\"\n                    style=\"background: #e0e0e0; border-radius: 10px;\"\n                    class=\"body-2 text-capitalize font-weight-bold d-flex align-center text-second\">\n                    <v-icon size=\"18\">mdi-information-outline</v-icon>\n\n                    <span class=\"ml-1\">\n                      Dokumen\n                    </span>\n                  </v-btn>\n                </div>\n              </v-col>\n\n              <v-col \n                cols=\"12\" \n                md=\"4\" \n                class=\"d-flex align-center justify-end\">\n                <v-text-field\n                  filled\n                  rounded\n                  dense\n                  single-line\n                  hide-details\n                  color=\"#2391d0\"\n                  placeholder=\"Cari . . .\"\n                  vvvv-uppercase\n                  append-icon=\"mdi-magnify\"\n                  clearable\n                  v-model=\"search\"\n                  @click:clear=\"search = ''; fetch();\"\n                  v-on:keyup.enter=\"fetch()\"\n                  style=\"border-radius: 10px;\">\n                </v-text-field>\n\n                <!-- PRINT -->\n                <!-- <div class=\"ml-3\" v-if=\"pagination.total_data > 0 && config.action.print.button\">\n                  <v-tooltip top>\n                    <template v-slot:activator=\"{ on, attrs }\">\n                      <v-btn\n                        color=\"#2391d0\"\n                        elevation=\"0\"\n                        min-width=\"36\"\n                        class=\"text-capitalize white--text px-0\"\n                        style=\"border-radius: 10px;\"\n                        :disabled=\"process.print || selected.row.length < 1\"\n                        :loading=\"process.print\"\n                        @click=\"prints()\"\n                        v-bind=\"attrs\"\n                        v-on=\"on\">\n                        <v-icon>mdi-microsoft-excel</v-icon>\n                        <v-icon>mdi-file-pdf-box</v-icon>\n                      </v-btn>\n                    </template>\n                    \n                    <span>\n                      Print\n                    </span>\n                  </v-tooltip>\n                </div> -->\n\n                <div class=\"ml-3\" v-if=\"pagination.total_data > 0 && config.action.print.button\">\n                  <v-tooltip top>\n                    <template v-slot:activator=\"{ on, attrs }\">\n                      <v-btn\n                        color=\"#2391d0\"\n                        elevation=\"0\"\n                        min-width=\"36\"\n                        class=\"text-capitalize white--text px-0\"\n                        style=\"border-radius: 10px;\"\n                        :disabled=\"process.print\"\n                        :loading=\"process.print\"\n                        @click=\"prints()\"\n                        v-bind=\"attrs\"\n                        v-on=\"on\">\n                        <v-icon>mdi-microsoft-excel</v-icon>\n                      </v-btn>\n                    </template>\n                    \n                    <span>\n                      Print\n                    </span>\n                  </v-tooltip>\n                </div>\n\n                <!-- FREEZE COLUMN -->\n                <div class=\"ml-3\" v-if=\"config.action.freeze.button\">\n                  <v-tooltip top>\n                    <template v-slot:activator=\"{ on, attrs }\">\n                      <v-btn\n                        elevation=\"0\"\n                        outlined\n                        dark\n                        min-width=\"36\"\n                        color=\"#2391d0\"\n                        class=\"text-capitalize px-0\"\n                        style=\"border-radius: 10px;\"\n                        v-bind=\"attrs\"\n                        v-on=\"on\"\n                        @click=\"dialog.freeze = true\">\n                        <v-icon size=\"18\">mdi-table-split-cell</v-icon>\n                      </v-btn>\n                    </template>\n\n                    <span>\n                      Freeze\n                    </span>\n                  </v-tooltip>\n                </div>\n\n                <!-- HIDE COLUMN -->\n                <div class=\"ml-3\" v-if=\"config.action.hide.button\">\n                  <v-tooltip top>\n                    <template v-slot:activator=\"{ on, attrs }\">\n                      <v-btn\n                        elevation=\"0\"\n                        outlined\n                        dark\n                        min-width=\"36\"\n                        color=\"#7B7B7B\"\n                        class=\"text-capitalize px-0\"\n                        style=\"border-radius: 10px;\"\n                        v-bind=\"attrs\"\n                        v-on=\"on\"\n                        @click=\"dialog.hide = true\">\n                        <v-icon size=\"18\">mdi-eye-off-outline</v-icon>\n                      </v-btn>\n                    </template>\n\n                    <span>\n                      Hide\n                    </span>\n                  </v-tooltip>\n                </div>\n              </v-col>\n            </v-row>\n          </v-card-text>\n\n          <v-tabs \n            v-if=\"config.action.tab.button\"\n            v-model=\"selected.menu\"\n            flat\n            slider-size=\"5\"\n            hide-slider\n            color=\"#2391d0\"\n            class=\"mb-3\">\n            <v-tab\n              class=\"d-flex justify-start\"\n              v-for=\"(item, index) in config.action.tab.api\"\n              :key=\"index\"\n              style=\"min-width: 70px;\">\n              <v-icon small left>\n                {{ item.icon }}\n              </v-icon>\n              \n              <span \n                class=\"body-2 text-capitalize\"\n                :class=\"selected.menu === index ? 'font-weight-bold' : ''\">\n                {{ item.text }}\n              </span>\n            </v-tab>\n          </v-tabs>\n\n          <v-data-table\n            v-model=\"selected.row\"\n            ref=\"table-grid\"\n            class=\"table-grid\"\n            :height=\"!config.action.tab.button && !config.height ? \n                  `calc(100vh - ${pagination.total_data > 0 ? '325px' : '253px'})` :\n                  `calc(100vh - ${pagination.total_data > 0 ? '377px' : '205px'})`\"\n            :show-select=\"config.checkbox\"\n            :single-select=\"config.single\"\n            :loading=\"process.load\"\n            loading-text=\"Sedang memuat data . . .\"\n            loader-height=\"5\"\n            no-results-text=\"Belum ada data\"\n            :options.sync=\"options\"\n            :headers=\"configHeaders\"\n            :items=\"list\"\n            :items-per-page=\"100\"\n            item-key=\"id\"\n            @click:row=\"rowClick\"\n            @toggle-select-all=\"handleToggleAll($event)\"\n            @dblclick:row=\"doubleClick\"\n            hide-default-footer>\n            <template\n              v-for=\"header in configHeaders.filter((header) => header.hasOwnProperty('format'))\"\n              v-slot:[`item.${header.value}`]=\"{ value }\">\n              {{ rowFormat(header.format, value) }} \n            </template>\n\n            <template v-slot:[`item.index`]=\"{ index }\">\n              {{ lastIndex + index }}\n            </template>\n\n            <v-progress-linear \n              v-show=\"process.load\" \n              slot=\"progress\" \n              color=\"white\" \n              indeterminate>\n            </v-progress-linear>\n          </v-data-table>\n\n          <pagination v-if=\"pagination.total_data > 0\"\n            @changePage=\"fetch($event)\" \n            @reloadPage=\"fetch($event)\" \n            :model=\"pagination\"/>\n        </v-card>\n      </v-col>\n    </v-row>\n  </div>\n</template>\n\n<script>\n  import { get, post, put, destroy } from \"@/service/Axios\";\n  import { TokenService } from \"@/service/Storage.Service\";\n  import axios from \"axios\";\n  import moment from \"moment\"\n  import \"moment/locale/id\"\n  export default {\n    props: {\n      config: {\n        type: Object,\n        default: {}\n      }\n    },\n    data () {\n      return {\n        dialog: {\n          fullscreen: false,\n          snackbar: false,\n          filter: false,\n          freeze: false,\n          form: false,\n          delete: false,\n          approve: false,\n          reject: false,\n          hide: false,\n          active: false,\n          deactive: false,\n\n          form_user_doc: false\n        },\n        search: '',\n        filters: [],\n        selected: {\n          row: [],\n          freeze: [],\n          delete: [],\n          approve: [],\n          reject: [],\n          active: [],\n          deactive: [],\n\n          // TAB\n          menu: 0,\n\n          // CUSTOM\n          status_approved: false,\n          status_rejected: false\n        },\n        options: {},\n        headers: [],\n        detail: {},\n        list: [],\n        pagination: {},\n        lastIndex: 0,\n        limit: 20,\n        form: { reason: '' },\n        process: {\n          load: false,\n          delete: false,\n          approve: false,\n          reject: false,\n          print: false,\n          active: false,\n          deactive: false\n        },\n        message: {\n          success: '',\n          error: ''\n        },\n\n        form_static: {\n          subdistrict: '',\n          village: ''\n        },\n        autocomplete: {\n          subdistrict: '',\n          village: ''\n        },\n        static_loc: {\n          subdistrict: [],\n          village: []\n        },\n\n        // USER DOC\n        form_user_doc: {\n          user_id: '',\n          ktp: '',\n          kk: '',\n          npwp: '',\n          bpjs_kesehatan: '',\n          bpjs_ketenagakerjaan: ''\n        }\n      }\n    },\n    components: {\n      pagination: () => import(/* webpackPrefetch: true */ '@/components/pagination.vue'),\n      forms: () => import(/* webpackPrefetch: true */ '@/components/basic/form.vue'),\n      formdocs: () => import(/* webpackPrefetch: true */ '@/components/basic/form_doc.vue')\n    },\n    computed: {\n      rps() {\n        return this.$vuetify.breakpoint.name\n      },\n      configHeaders () {\n        return this.headers.filter(header => !header.hide)  \n      }\n    },\n    watch: {\n      'options': {\n        handler () {\n          let pagination = { row: this.limit, page: 1 }\n          this.fetch(pagination)\n        },\n        deep: true\n      },\n      'selected.row': function(val) {\n        if (val.length > 0) this.selected.status_approved = val[0].report_assessment_status === 'confirmed' ? true : false\n\n        if (val.length > 0) this.selected.status_rejected = val[0].report_assessment_status === 'waiting' ? true : false\n      },\n      'selected.menu': function() {\n        this.fetch()\n      },\n      'dialog.form': function() {\n        if (Object.keys(this.detail).length > 0) {\n          let field = this.detail, t = this\n          \n          Object.keys(field).forEach(function(key) {\n            let field_key = t.config.prefix.length > 0 ? key.split(t.config.prefix)[1] : key\n\n            t.config.form.map(obj => { \n              if (obj.type !== 'column') {\n                if (obj.field === field_key) {\n                  obj.value = field[key]\n                }\n              } else {\n                obj.sub.map(obj_sub => {\n                  if (obj_sub.field === field_key) {\n                    obj_sub.value = field[key]\n                  }\n                })\n              }\n            })\n          })\n        } else {\n          this.config.form.map(obj => { obj.value === 'select' || obj.value === 'radio' ? obj.value : '' })\n        }\n      },\n\n      'form_static.subdistrict': function() {\n        this.static_location().village()\n      },\n      'form_static.village': function() {\n        \n      },\n      'autocomplete.subdistrict': function() {\n        this.static_location().subdistrict()\n      },\n      'autocomplete.village': function() {\n        this.static_location().village()\n      }\n    },\n    mounted () {\n      \n    },\n    methods: {\n      rowFormat (format, value) {\n        let data = value\n\n        if (format === 'number') {\n          if (isNaN(value)) return 'Not a Number'\n          let price = ''\n\n          const reverseNumber = value.split('.')[0]\n            .toString()\n            .split('')\n            .reverse()\n            .join('')\n          const arrReverseNumber = [...Array(reverseNumber.length).keys()]\n\n          arrReverseNumber.map(index => {\n            if (index % 3 === 0) price += reverseNumber.substr(index, 3) + '.'\n          })\n\n          return `Rp ${\n            price.split('', price.length - 1)\n            .reverse()\n            .join('')\n          },00`\n        } else if (format === 'array') {\n          let arr = []\n\n          for (let i = 0; i < value.length; i++) {\n            arr.push(value[i].title)\n          }\n\n          data = arr.join(', ')\n        } else if (format === 'date') {\n          data = value.length > 0 ? moment(value).format('D MMM, YYYY') : '-'\n        } else if (format === 'time') {\n          data = value.length > 0 ? moment(value).format('HH:mm') : '-'\n        } else if (format === 'datetime') {\n          data = value.length > 0 ? moment(value).format('D MMM, YYYY HH:mm') : '-'\n          // data = value.length > 0 ? moment(value).format(format === 'date' ? 'D MMM, YYYY' : format === 'time' ? 'HH:mm' : 'D MMM, YYYY HH:mm') : '-'\n        } else if (format === 'object') {\n          data = value.createdby.name\n        } else if (format === 'regex') {\n          let regex = /(<([^>]+)>)/ig\n\n          data = value.replace(regex, '')\n        } else if (format === 'on_off') {\n          data = value ? 'Online' : 'Offline'\n        } else if (format === 'g_m') {\n          data = value ? 'Mandiri' : 'Group'\n        } else if (format === 'v_a') {\n          data = value ? 'Sudah Verifikasi' : 'Belum Verifikasi'\n        } else if (format === 'y_n') {\n          data = parseInt(value) ? 'Ya' : 'Tidak'\n        } else {\n          data = value ? 'Aktif' : 'Tidak Aktif'\n        }\n        return data\n      },\n      rowClick (item, row) {\n        row.select(!row.isSelected ? true : false)\n      },\n      doubleClick (event, {item}) {\n        // this.dialog.snackbar = true\n        // this.message.success = item\n      },\n      handleToggleAll (event) {\n        if (!event.value) this.selected.row = []\n      },\n      handleFilters () {\n        let data = this.config.filter,\n            arr = []\n\n        for (let i = 0; i < data.length; i++) {\n          if (data[i].sub === undefined) {\n            arr.push({\n              type: 'string',\n              field: data[i].field,\n              value: data[i].value,\n              comparison: '<>'\n            })\n          } else {\n            let sub = data[i].sub\n\n            for (let s = 0; s < sub.length; s++) {\n              arr.push({\n                type: 'string',\n                field: sub[s].field,\n                value: sub[s].value,\n                comparison: '<>'\n              })\n            }\n          }\n        }\n\n        if (this.config.action.tab.button) {\n          arr.push({\n            type: 'string',\n            field: this.config.action.tab.field,\n            value: this.config.action.tab.api[this.selected.menu].text !== 'All' ? this.config.action.tab.api[this.selected.menu].text : '',\n            comparison: '<>'\n          })\n        }\n\n        return arr\n      },\n      async fetch (pagination = { row: 20, page: 1 }) {\n        this.process.load = true\n\n        this.limit = pagination.row\n\n        let params = {\n          limit: pagination.row,\n          page: pagination.page,\n          sort: this.options.sortBy.length < 1 ? 'id' : this.options.sortBy[0],\n          order_by: this.options.sortDesc[0] ? 'ASC' : 'DESC',\n          search: this.search,\n          filter: this.handleFilters()\n        }\n\n        this.selected.row = []\n\n        await get(this.config.api, { params }).then(response => {\n          let res = response.data\n\n          this.process.load = false\n\n          if (res.code === 200) {\n            this.filters = this.config.filter\n            this.headers = this.config.header\n            \n            this.list = res.data\n            this.pagination = res.pagination\n\n            this.lastIndex = (pagination.page - 1) * pagination.row \n            this.lastIndex += 1\n\n            this.addFreezes()\n\n            this.$vuetify.goTo(this.$refs['table-grid'], { container: this.$refs['table-grid'].$el.querySelector('div.v-data-table__wrapper') })\n\n            if (this.headers.length < 7 && this.list.length > 0) this.getTableToResize()\n          }\n        })\n      },\n      toDelete () {\n        this.selected.delete = []\n\n        for (let i in this.selected.row) {\n          this.selected.delete.push(parseInt(this.selected.row[i].id))\n        }\n\n        this.dialog.delete = true\n      },\n      async deletes () {\n        this.message.error = ''\n\n        this.process.delete = true\n\n        await post(`${this.config.action.delete.api}`, {\n          data: {\n            ids: this.selected.delete\n          }\n        }).then(response => {\n          let res = response.data\n\n          if (res.code === 200) {\n            this.process.delete = false\n            this.dialog.delete = false\n\n            this.selected.row = []\n            this.selected.delete = []\n            \n            this.dialog.snackbar = true\n            this.message.success = res.message\n\n            this.dialog.fullscreen = false\n\n            this.fetch()\n          } else {\n            this.process.delete = false\n            this.message.error = res.message\n          }\n        })\n      },\n      toActive () {\n        this.selected.active = []\n\n        for (let i in this.selected.row) {\n          this.selected.active.push(parseInt(this.selected.row[i].id))\n        }\n\n        this.dialog.active = true\n      },\n      async actived () {\n        this.message.error = ''\n\n        this.process.active = true\n\n        await post(`${this.config.action.active.api}`, {\n          data: {\n            id: this.selected.active[0]\n          }\n        }).then(response => {\n          let res = response.data\n\n          if (res.code === 200) {\n            this.process.active = false\n            this.dialog.active = false\n\n            this.selected.row = []\n            this.selected.active = []\n            \n            this.dialog.snackbar = true\n            this.message.success = res.message\n\n            this.dialog.fullscreen = false\n\n            this.fetch()\n          } else {\n            this.process.active = false\n            this.message.error = res.message\n          }\n        })\n      },\n      toDeactive () {\n        this.selected.deactive = []\n\n        for (let i in this.selected.row) {\n          this.selected.deactive.push(parseInt(this.selected.row[i].id))\n        }\n\n        this.dialog.deactive = true\n      },\n      async deactived () {\n        this.message.error = ''\n\n        this.process.deactive = true\n\n        await post(`${this.config.action.deactive.api}`, {\n          data: {\n            id: this.selected.deactive[0]\n          }\n        }).then(response => {\n          let res = response.data\n\n          if (res.code === 200) {\n            this.process.deactive = false\n            this.dialog.deactive = false\n\n            this.selected.row = []\n            this.selected.deactive = []\n            \n            this.dialog.snackbar = true\n            this.message.success = res.message\n\n            this.dialog.fullscreen = false\n\n            this.fetch()\n          } else {\n            this.process.deactive = false\n            this.message.error = res.message\n          }\n        })\n      },\n      toApprove () {\n        this.selected.approve = []\n\n        for (let i in this.selected.row) {\n          this.selected.approve.push(parseInt(this.selected.row[i].id))\n        }\n\n        this.dialog.approve = true\n      },\n      async approved () {\n        this.message.error = ''\n\n        this.process.approve = true\n\n        await post(`${this.config.action.approve.api}`, {\n          data: {\n            id: this.selected.approve[0]\n          }\n        }).then(response => {\n          let res = response.data\n\n          if (res.code === 200) {\n            this.process.approve = false\n            this.dialog.approve = false\n\n            this.selected.row = []\n            this.selected.approve = []\n            \n            this.dialog.snackbar = true\n            this.message.success = res.message\n\n            this.dialog.fullscreen = false\n\n            this.fetch()\n          } else {\n            this.process.approve = false\n            this.message.error = res.message\n          }\n        })\n      },\n      toReject () {\n        this.selected.reject = []\n\n        for (let i in this.selected.row) {\n          this.selected.reject.push(parseInt(this.selected.row[i].id))\n        }\n\n        this.dialog.reject = true\n      },\n      async rejected () {\n        this.message.error = ''\n\n        this.process.reject = true\n\n        await post(`${this.config.action.reject.api}`, {\n          data: {\n            id: this.selected.reject[0],\n            reason: this.form.reason\n          }\n        }).then(response => {\n          let res = response.data\n          if (res.code === 200) {\n            this.process.reject = false\n            this.dialog.reject = false\n\n            this.selected.row = []\n            this.selected.reject = []\n\n            this.form.reason = ''\n            \n            this.dialog.snackbar = true\n            this.message.success = res.message\n\n            this.dialog.fullscreen = false\n\n            this.fetch()\n          } else {\n            this.process.reject = false\n            this.message.error = res.message\n          }\n        })\n      },\n      async prints () {\n        this.message.error = ''\n\n        this.process.print = true\n\n        let params = {\n          id: this.selected.row[0].id\n        }\n\n        await get(`${this.config.action.print.api}`, { params }).then(response => {\n          let res = response.data\n\n          if (res.code === 200) {\n            this.process.print = false\n\n            window.open(res.data.url, '_blank')\n          } else {\n            this.process.print = false\n            this.message.error = res.message\n          }\n        })\n      },\n      addFreezes () {\n        this.removeFreezes()\n\n        this.selected.freeze = []\n\n        for (let i = 0; i < this.configHeaders.length; i++) {\n          if (this.configHeaders[i].freeze) {\n            // ADD TO SELECTOR\n            this.selected.freeze.push({\n              child: i + (this.config.checkbox ? 2 : 1),\n              width: this.configHeaders[i].width.split('px')[0]\n            })\n\n            // LOOP STYLESHEET\n            for (let f = 0; f < this.selected.freeze.length; f++) {\n              let style = document.createElement('style'),\n                  width = 0\n\n              if (this.config.checkbox) {\n                width = f < 1 ? '65' : \n                      f === 1 ? parseInt(this.selected.freeze[f - 1].width) + 65 : \n                      parseInt(this.selected.freeze[f - 2].width) + parseInt(this.selected.freeze[f - 1].width) + 65\n              } else {\n                width = f < 1 ? '0' : \n                      f === 1 ? parseInt(this.selected.freeze[f - 1].width) : \n                      parseInt(this.selected.freeze[f - 2].width) + parseInt(this.selected.freeze[f - 1].width)\n              }\n\n              // ADD STYLESHET TO FREEZE\n              style.innerHTML = `\n                .table-grid table > thead > tr > th:nth-child(${this.selected.freeze[f].child}) {\n                  left: ${width}px;\n                  z-index: 5;\n                  background: #2391d0;\n                }\n\n                .table-grid table > tbody > tr > td:nth-child(${this.selected.freeze[f].child}) {\n                  left: ${width}px;\n                  z-index: 1;\n                }\n              `\n\n              // ADD TO APPENDCHILD\n              document.head.appendChild(style)\n            }\n          }\n        }\n      },\n      removeFreezes () {\n        // LOOP STYLESHEET\n        for (let f = 0; f < this.selected.freeze.length; f++) {\n          let style = document.createElement('style')\n          \n          // RESET STYLESHEET TO AUTO\n          style.innerHTML = `\n            .table-grid table > thead > tr > th:nth-child(${this.selected.freeze[f].child}) {\n              left: auto;\n              z-index: auto;\n              background: #2391d0;\n            }\n\n            .table-grid table > tbody > tr > td:nth-child(${this.selected.freeze[f].child}) {\n              left: auto;\n              z-index: auto;\n            }\n          `\n\n          // ADD TO APPENDCHILD\n          document.head.appendChild(style)\n        }\n      },\n      addHides () {\n        if (this.headers.length < 6) this.getTableToResize()\n      },\n      getTableToResize () {\n        let tables = document.getElementsByTagName('table')\n\n        for (let i = 0; i < tables.length; i++) {\n          this.resizableGrid(tables[i])\n        }\n      },\n      resizableGrid (table) {\n        let row = table.getElementsByTagName('tr')[0],\n            cols = row ? row.children : undefined\n        \n        if (!cols) return\n        \n        table.style.overflow = 'hidden'\n        \n        let tableHeight = table.offsetHeight\n        \n        for (let i = 0; i < cols.length; i++) {\n          let div = createDiv(tableHeight)\n          cols[i].appendChild(div)\n          cols[i].style.position = 'relative'\n\n          setListeners(div)\n        }\n\n        function setListeners (div) {\n          let pageX, curCol, nxtCol, curColWidth, nxtColWidth\n\n          div.addEventListener('mousedown', e => {\n            curCol = e.target.parentElement\n            nxtCol = curCol.nextElementSibling\n            pageX = e.pageX\n            \n            let padding = paddingDiff(curCol)\n            \n            curColWidth = curCol.offsetWidth - padding\n\n            if (nxtCol) nxtColWidth = nxtCol.offsetWidth - padding\n          })\n\n          div.addEventListener ('mouseover', e => {\n            e.target.style.borderRight = '2px solid #e0e0e0'\n          })\n\n          div.addEventListener ('mouseout', e => {\n            e.target.style.borderRight = ''\n          })\n\n          document.addEventListener ('mousemove', e => {\n            if (curCol) {\n              let diffX = e.pageX - pageX\n          \n              if (nxtCol) nxtCol.style.width = (nxtColWidth - (diffX))+'px'\n\n              curCol.style.width = (curColWidth + diffX)+'px'\n            }\n          })\n\n          document.addEventListener ('mouseup', () => { \n            curCol = undefined\n            nxtCol = undefined\n            pageX = undefined\n            nxtColWidth = undefined\n            curColWidth = undefined\n          })\n        }\n\n        function createDiv (height) {\n          let div = document.createElement('div')\n\n          div.style.top = 0\n          div.style.right = 0\n          div.style.width = '1px'\n          div.style.position = 'absolute'\n          div.style.cursor = 'col-resize'\n          div.style.userSelect = 'none'\n          div.style.height = height + 'px'\n          div.style.background = '#e0e0e0'\n\n          return div\n        }\n\n        function paddingDiff (col) {\n          if (getStyleVal(col,'box-sizing') == 'border-box') {\n            return 0\n          }\n          \n          let padLeft = getStyleVal(col,'padding-left')\n          let padRight = getStyleVal(col,'padding-right')\n\n          return (parseInt(padLeft) + parseInt(padRight))\n        }\n\n        function getStyleVal (elm,css) {\n          return (window.getComputedStyle(elm, null).getPropertyValue(css))\n        }\n      },\n      async toRead () {\n        if (this.$route.name === 'notification') {\n          \n          await post(`notification/is_read`, {\n            data: {\n              ids: [this.selected.row[0].notification_id]\n            }\n          })\n          .then(response => {\n            window.location.href = this.selected.row[0].notification_type === 'report' ? `news/${this.selected.row[0].notification_extra.content_id}` : `${this.selected.row[0].notification_type}`\n          })\n          \n        } else {\n          this.$router.push(`${this.config.action.detail.api}${this.selected.row[0].id}`)\n        }\n      },\n\n      static_location () {\n        let t = this\n        return {\n          async subdistrict () {\n            let params = {\n              search: t.autocomplete.subdistrict,\n              sort: 'DESC'\n            }\n\n            await get('location/kecamatan', { params })\n            .then(response => {\n              let res = response.data\n            \n              if (res.status === 200) {\n                t.static_loc.subdistrict = res.data\n              }\n            })\n          },\n          async village () {\n            let params = {\n              desa_kecamatan_code: t.form_static.subdistrict,\n              search: t.autocomplete.village,\n              sort: 'DESC'\n            }\n\n            await get('location/desa', { params })\n            .then(response => {\n              let res = response.data\n            \n              if (res.status === 200) {\n                t.static_loc.village = res.data\n              }\n            })\n          }\n        }\n      },\n\n\n      // USER DOC\n      async fetchUserDoc (id) {\n        let params = {\n          user_id: id\n        }\n\n        await get('admin/user/doc', { params }).then(response => {\n          let res = response.data\n\n          if (res.status === 200) {\n            this.form_user_doc = {\n              user_id: this.detail.id,\n              ktp: res.results.data.ktp,\n              kk: res.results.data.kk,\n              npwp: res.results.data.npwp,\n              bpjs_kesehatan: res.results.data.bpjs_kesehatan,\n              bpjs_ketenagakerjaan: res.results.data.bpjs_ketenagakerjaan\n            }\n          } else {\n            this.form_user_doc = {\n              user_id: this.detail.id,\n              ktp: '',\n              kk: '',\n              npwp: '',\n              bpjs_kesehatan: '',\n              bpjs_ketenagakerjaan: ''\n            }\n          }\n        })\n      },\n    }\n  }\n</script>\n\n<style>\n  .table-grid table thead > tr > th, .table-grid table tbody > tr > td {\n    position: sticky;\n    position: -webkit-sticky;\n    border-right: 1px solid #e0e0e0;\n    border-bottom: 1px solid #e0e0e0;\n  }\n\n  .table-grid table > thead > tr > th:nth-child(1) {\n    left: 0; \n    z-index: 5;\n    background: #2391d0;\n  }\n\n  .table-grid table > tbody > tr > td:nth-child(1) {\n    left: 0; \n    z-index: 1;\n  }\n\n  .table-grid table > tbody > tr:nth-of-type(even) .text-start, table > tbody > tr:nth-of-type(even) .text-center, table > tbody > tr:nth-of-type(even) .text-end {\n    background: #fafafa;\n  }\n\n  .table-grid table > tbody > tr:nth-of-type(odd) .text-start, table > tbody > tr:nth-of-type(odd) .text-center, table > tbody > tr:nth-of-type(odd) .text-end {\n    background: white;\n  }\n\n  /* .v-data-table .sticky-header {\n    position: sticky;\n    top: var(--toolbarHeight);\n  }\n\n  .v-data-table .v-data-table__wrapper {\n    overflow: unset;\n  } */\n</style>","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!./table.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!./table.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./table.vue?vue&type=template&id=4e8ad2e3&\"\nimport script from \"./table.vue?vue&type=script&lang=js&\"\nexport * from \"./table.vue?vue&type=script&lang=js&\"\nimport style0 from \"./table.vue?vue&type=style&index=0&id=4e8ad2e3&prod&lang=css&\"\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","export * from \"-!../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--6-oneOf-1-0!../../../node_modules/css-loader/index.js??ref--6-oneOf-1-1!../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./table.vue?vue&type=style&index=0&id=4e8ad2e3&prod&lang=css&\""],"sourceRoot":""}