Huge News!Announcing our $40M Series B led by Abstract Ventures.Learn More →
Socket
Sign inDemoInstall
Socket
Sign inDemoInstall

@jobinsjp/vue3-datatable

Package Overview
Dependencies
Maintainers
2
Versions
15
Alerts
File Explorer

Advanced tools

License
Socket logo

Install Socket

Detect and block malicious and high-risk dependencies

Install

@jobinsjp/vue3-datatable - npm Package Compare versions

Comparing version 1.0.13 to 1.0.14

2

dist/vue3-datatable.es.js

@@ -1,1 +0,1 @@

var e=Object.defineProperty,t=Object.defineProperties,a=Object.getOwnPropertyDescriptors,n=Object.getOwnPropertySymbols,l=Object.prototype.hasOwnProperty,o=Object.prototype.propertyIsEnumerable,r=(t,a,n)=>a in t?e(t,a,{enumerable:!0,configurable:!0,writable:!0,value:n}):t[a]=n,d=(e,t)=>{for(var a in t||(t={}))l.call(t,a)&&r(e,a,t[a]);if(n)for(var a of n(t))o.call(t,a)&&r(e,a,t[a]);return e},i=(e,n)=>t(e,a(n));import{defineComponent as s,openBlock as u,createElementBlock as p,createElementVNode as c,mergeProps as g,resolveComponent as f,createVNode as b,pushScopeId as m,popScopeId as v,renderSlot as C,computed as h,toHandlers as y,createBlock as _,withCtx as P,toDisplayString as x,createCommentVNode as w,withModifiers as k,Fragment as L,renderList as I,createTextVNode as S,normalizeClass as q,createStaticVNode as B,ref as $,watch as T}from"vue";var H=s({name:"SearchIcon"});const O={xmlns:"http://www.w3.org/2000/svg",class:"dt-h-5 dt-w-5",viewBox:"0 0 20 20",fill:"currentColor"},M=[c("path",{"fill-rule":"evenodd",d:"M8 4a4 4 0 100 8 4 4 0 000-8zM2 8a6 6 0 1110.89 3.476l4.817 4.817a1 1 0 01-1.414 1.414l-4.816-4.816A6 6 0 012 8z","clip-rule":"evenodd"},null,-1)];H.render=function(e,t,a,n,l,o){return u(),p("svg",O,M)};var j=s({name:"SearchInput",props:{value:{type:String,required:!0}}});const V=["value"];j.render=function(e,t,a,n,l,o){return u(),p("input",g({value:e.value,type:"search",name:"search",class:"dt__filter__search dt-block dt-border dt-border-gray-300 dt-pr-10 dt-px-2 dt-py-2\n dt-rounded-md dt-w-full dt-outline-none focus:dt-ring-1 focus:dt-ring-inset sm:dt-text-sm"},e.$attrs),null,16,V)};var D=s({name:"Filter",components:{SearchInput:j,SearchIcon:H},props:{search:{type:String,required:!0}},emits:["input"]});const N={class:"dt__filter dt-mb-3 dt-w-full"},Z={class:"dt-w-64"},F=c("label",{for:"email",class:"dt-sr-only"},"Search",-1),R={class:"dt-relative dt-rounded-md dt-shadow-sm"},z={class:"dt-absolute dt-inset-y-0 dt-right-0 dt-pr-3 dt-flex dt-items-center dt-pointer-events-none"};D.render=function(e,t,a,n,l,o){const r=f("SearchInput"),d=f("SearchIcon");return u(),p("div",N,[c("div",Z,[F,c("div",R,[b(r,{value:e.search,onInput:t[0]||(t[0]=t=>e.$emit("input",t.target.value))},null,8,["value"]),c("div",z,[b(d,{class:"dt-text-gray-400"})])])])])};var W=s({name:"Loading"});m("data-v-685865e4");const Q={class:"dt__loading dt-absolute dt-h-full dt-w-full"},A=[c("div",{class:"dt-flex dt-justify-center dt-items-center"},[c("div",{class:"dt__loading_item dt-absolute dt-w-20 dt-h-20 dt-rounded-full"}),c("div",{class:"dt__loading_item dt-absolute dt-w-20 dt-h-20 dt-rounded-full"})],-1)];v(),W.render=function(e,t,a,n,l,o){return u(),p("div",Q,A)},W.__scopeId="data-v-685865e4";var E=s({name:"BottomPaginationWrapper"});const G={class:"dt__pagination_wrapper--bottom dt-bg-white dt-shadow-inner"},U={class:"dt-px-4 sm:dt-px-6 dt-py-4"};E.render=function(e,t,a,n,l,o){return u(),p("div",G,[c("div",U,[C(e.$slots,"default")])])};var J=s({name:"PaginationButtons"});const K={class:"dt__pagination__nav dt-relative dt-z-0 dt-inline-flex dt-rounded-md dt-shadow-sm dt--space-x-px","aria-label":"Pagination"};J.render=function(e,t,a,n,l,o){return u(),p("nav",K,[C(e.$slots,"default")])};var X=s({name:"PaginationInfo"});const Y={class:"dt__pagination__info"},ee={class:"dt-text-sm dt-text-gray-700"};X.render=function(e,t,a,n,l,o){return u(),p("div",Y,[c("p",ee,[C(e.$slots,"default")])])};var te=s({name:"PaginationLink",props:{active:{type:Boolean,required:!1,default:!1},disabled:{type:Boolean,required:!1,default:!1}},setup:e=>({linkClasses:h((()=>e.active?"dt-bg-gray-200 dt-border-gray-300 dt-text-gray-800 hover:dt-bg-gray-200":e.disabled?"dt-cursor-not-allowed dt-text-gray-400":"dt-border-gray-300 dt-bg-white dt-text-gray-500 hover:dt-bg-gray-50"))})});te.render=function(e,t,a,n,l,o){return u(),p("a",g({href:"#",class:["dt__pagination__link dt-relative dt-inline-flex dt-items-center dt-px-4 dt-py-2 dt-border dt-text-sm dt-font-medium",e.linkClasses]},y(d({},e.$attrs))),[C(e.$slots,"default")],16)};var ae=s({name:"Pagination",components:{PaginationButtons:J,PaginationInfo:X,PaginationLink:te},props:{total:{type:Number,required:!0},perPage:{type:Number,required:!0},currentPage:{type:Number,required:!1,default:1},maxVisibleButtons:{type:Number,required:!1,default:5}},emits:["changed"],setup(e,{emit:t}){const a=h((()=>(e.currentPage-1)*e.perPage+1)),n=h((()=>e.total>e.currentPage*e.perPage?e.currentPage*e.perPage:e.total)),l=h((()=>Math.ceil(e.total/e.perPage))),o=h((()=>1===e.currentPage?1:e.currentPage===l.value?l.value-e.maxVisibleButtons+1:e.currentPage-1)),r=h((()=>Math.min(o.value+e.maxVisibleButtons-1,l.value))),d=h((()=>{const e=[];for(let t=o.value;t<=r.value;t+=1)t>0&&e.push(t);return e})),i=h((()=>1===e.currentPage)),s=h((()=>e.currentPage===l.value)),u=e=>{t("changed",e)};return{currentStart:a,currentEnd:n,totalPages:l,pages:d,isInFirstPage:i,isInLastPage:s,goToPageNumber:u,gotoFirstPage:()=>u(1),gotoLastPage:()=>u(l.value),gotoNextPage:()=>u(e.currentPage>=l.value?l.value:e.currentPage+1),gotoPreviousPage:()=>u(e.currentPage<=1?1:e.currentPage-1),showDots:(e="left")=>{const t="left"===e?1:l.value,a="left"===e?2:l.value-1;return!d.value.includes(t)||!d.value.includes(a)}}}});const ne={key:0,class:"dt__pagination dt-bg-white dt-flex dt-items-center dt-justify-between"},le={class:"dt-hidden sm:dt-flex-1 sm:dt-flex sm:dt-items-center sm:dt-justify-between"},oe=S(" Showing "),re=["textContent"],de=S(" to "),ie=["textContent"],se=S(" of "),ue=["textContent"],pe=S(" results. "),ce=c("span",{class:"dt-sr-only"},"Go to first",-1),ge=S(" « "),fe=c("span",{class:"dt-sr-only"},"Previous",-1),be=S(" ‹ "),me=S(" 1 "),ve=S(" ... "),Ce=S(" ... "),he=c("span",{class:"dt-sr-only"},"Next",-1),ye=S(" › "),_e=c("span",{class:"dt-sr-only"},"Go to Last",-1),Pe=S(" » ");ae.render=function(e,t,a,n,l,o){const r=f("PaginationInfo"),d=f("pagination-link"),i=f("PaginationButtons");return e.totalPages?(u(),p("div",ne,[c("div",le,[e.total?(u(),_(r,{key:0},{default:P((()=>[C(e.$slots,"pagination-info",{start:e.currentStart,end:e.currentEnd,total:e.total},(()=>[oe,c("span",{class:"dt-font-medium",textContent:x(e.currentStart)},null,8,re),de,c("span",{class:"dt-font-medium",textContent:x(e.currentEnd)},null,8,ie),se,c("span",{class:"dt-font-medium",textContent:x(e.total)},null,8,ue),pe]))])),_:3})):w("",!0),e.totalPages>1?(u(),_(i,{key:1},{default:P((()=>[b(d,{key:"page_first",disabled:e.isInFirstPage,class:"dt-rounded-l-md",onClick:k(e.gotoFirstPage,["prevent"])},{default:P((()=>[ce,ge])),_:1},8,["disabled","onClick"]),b(d,{key:"page_previous",disabled:e.isInFirstPage,onClick:k(e.gotoPreviousPage,["prevent"])},{default:P((()=>[fe,be])),_:1},8,["disabled","onClick"]),e.showDots("left")?(u(),p(L,{key:0},[b(d,{key:"page_1",class:"dt-block sm:dt-hidden",disabled:e.isInFirstPage,active:e.isInFirstPage,onClick:k(e.gotoFirstPage,["prevent"])},{default:P((()=>[me])),_:1},8,["disabled","active","onClick"]),b(d,{key:"page_divider_left",class:"sm:dt-hidden"},{default:P((()=>[ve])),_:1})],64)):w("",!0),(u(!0),p(L,null,I(e.pages,(t=>(u(),_(d,{key:`pages_${t}`,class:"dt-hidden md:dt-inline-block",active:t===e.currentPage,disabled:t===e.currentPage,onClick:k((a=>e.goToPageNumber(t)),["prevent"])},{default:P((()=>[S(x(t),1)])),_:2},1032,["active","disabled","onClick"])))),128)),e.showDots("right")?(u(),p(L,{key:1},[b(d,{key:"page_divider_right",class:"sm:dt-hidden"},{default:P((()=>[Ce])),_:1}),b(d,{key:`page_${e.totalPages}`,class:"sm:dt-hidden",disabled:e.isInLastPage,active:e.isInLastPage,onClick:k(e.gotoLastPage,["prevent"])},{default:P((()=>[S(x(e.totalPages),1)])),_:1},8,["disabled","active","onClick"])],64)):w("",!0),b(d,{key:"page_next",disabled:e.isInLastPage,onClick:k(e.gotoNextPage,["prevent"])},{default:P((()=>[he,ye])),_:1},8,["disabled","onClick"]),b(d,{key:"page_last",disabled:e.isInLastPage,class:"dt-rounded-r-md",onClick:k(e.gotoLastPage,["prevent"])},{default:P((()=>[_e,Pe])),_:1},8,["disabled","onClick"])])),_:1})):w("",!0)])])):w("",!0)};var xe=s({name:"PaginationSize",props:{value:{type:[Number,String],required:!0},options:{type:Array,required:!0}},emits:["input"]});const we={class:"dt__pagination_size_wrapper dt-w-full dt-flex dt-justify-end sm:dt-w-auto"},ke=c("label",{for:"location",class:"dt-sr-only"},"Per page",-1),Le=["value"],Ie=["value","selected","textContent"];xe.render=function(e,t,a,n,l,o){return u(),p("div",we,[c("div",null,[ke,c("select",{value:e.value,name:"per_page",class:"dt__pagination_size dt-block dt-w-full dt-pl-3 dt-pr-5 dt-py-2 dt-text-base dt-border\n dt-border-gray-300 sm:dt-text-sm dt-rounded-md dt-outline-none focus:dt-ring-1 focus:dt-ring-inset",onInput:t[0]||(t[0]=t=>e.$emit("input",t.target.value))},[(u(!0),p(L,null,I(e.options,(t=>(u(),p("option",{key:`per_page_${t}`,value:t,selected:t===e.value,textContent:x(t)},null,8,Ie)))),128))],40,Le)])])};var Se=s({name:"TopPaginationWrapper",props:{withPagination:{type:Boolean,required:!1,default:!1}}});Se.render=function(e,t,a,n,l,o){return u(),p("div",{class:q(["dt__pagination_wrapper--top md:dt-flex xs:dt-flex-col dt-items-center",{"dt-bg-white dt-py-4 dt-px-4 sm:dt-px-6":e.withPagination}])},[C(e.$slots,"default")],2)};var qe=s({name:"TableBodyCell"});const Be={class:"dt__table__tbody_td dt-px-6 dt-py-4 dt-whitespace-nowrap dt-text-sm dt-font-medium dt-text-gray-500"};qe.render=function(e,t,a,n,l,o){return u(),p("td",Be,[C(e.$slots,"default")])};var $e=s({name:"SortIcon",props:{direction:{type:String,required:!0},iconClass:{type:String,default:"w-[8px] h-[9px]"}}});const Te=[B('<path d="M4.23254 8.36922L4.23254 8.6348C4.23254 8.78149 4.11363 8.90039 3.96695 8.90039L0.265588 8.90039C0.118904 8.90039 1.03949e-08 8.78149 2.32184e-08 8.6348L4.64368e-08 8.36922C5.92603e-08 8.22253 0.118904 8.10363 0.265588 8.10363L3.96695 8.10363C4.11363 8.10363 4.23254 8.22253 4.23254 8.36922Z" fill="#454545"></path><path d="M3.4682 7.10352L0.265588 7.10352C0.118904 7.10352 1.03949e-08 6.98461 2.32184e-08 6.83793L4.64368e-08 6.57234C5.92603e-08 6.42566 0.118904 6.30675 0.265588 6.30675L3.4682 6.30675C3.61489 6.30675 3.73379 6.42566 3.73379 6.57234L3.73379 6.83793C3.73379 6.98461 3.61489 7.10352 3.4682 7.10352Z" fill="#454545"></path><path d="M2.9694 5.30664L0.265588 5.30664C0.118904 5.30664 1.03949e-08 5.18774 2.32184e-08 5.04105L4.64368e-08 4.77547C5.92603e-08 4.62878 0.118904 4.50988 0.265588 4.50988L2.9694 4.50988C3.11609 4.50988 3.23499 4.62878 3.23499 4.77547L3.23499 5.04105C3.23499 5.18774 3.11609 5.30664 2.9694 5.30664Z" fill="#454545"></path><path d="M2.47063 3.50977L0.265588 3.50977C0.118904 3.50977 1.03949e-08 3.39086 2.32184e-08 3.24418L4.64368e-08 2.97859C5.92603e-08 2.83191 0.118904 2.713 0.265588 2.713L2.47063 2.713C2.61729 2.713 2.73622 2.83191 2.73622 2.97859L2.73622 3.24418C2.73622 3.39086 2.61731 3.50977 2.47063 3.50977Z" fill="#454545"></path><path d="M1.97183 1.71289L0.265587 1.71289C0.118903 1.71289 1.03949e-08 1.59399 2.32184e-08 1.4473L4.64368e-08 1.18172C5.92603e-08 1.03503 0.118903 0.916128 0.265587 0.916128L1.97183 0.916128C2.11848 0.916128 2.23741 1.03503 2.23741 1.18172L2.23741 1.4473C2.23741 1.59399 2.11851 1.71289 1.97183 1.71289Z" fill="#454545"></path><path d="M7.92246 3.23961L7.73467 3.42741C7.68487 3.47721 7.6173 3.5052 7.54687 3.5052C7.47644 3.5052 7.40887 3.47721 7.35905 3.42741L6.44561 2.51398L6.44561 8.50199C6.44561 8.64867 6.32671 8.76758 6.18003 8.76758L5.91444 8.76758C5.76776 8.76758 5.64885 8.64867 5.64885 8.50199L5.64885 2.514L4.73542 3.42744C4.68559 3.47723 4.61806 3.50523 4.54762 3.50523C4.47719 3.50523 4.40962 3.47723 4.35983 3.42744L4.172 3.23964C4.06832 3.13593 4.06832 2.96776 4.172 2.86405L5.85944 1.17661C5.91131 1.12474 5.97927 1.09882 6.04723 1.09882C6.1152 1.09882 6.18319 1.12474 6.23503 1.17661L7.92246 2.86405C8.02618 2.96776 8.02618 3.13593 7.92246 3.23961Z" fill="#454545"></path>',6)],He=[B('<path d="M4.23254 0.630784V0.365197C4.23254 0.218513 4.11363 0.0996094 3.96695 0.0996094H0.265588C0.118904 0.0996094 0 0.218513 0 0.365197V0.630784C0 0.777468 0.118904 0.896372 0.265588 0.896372H3.96695C4.11363 0.896372 4.23254 0.777468 4.23254 0.630784Z" fill="#454545"></path><path d="M3.4682 1.89648H0.265588C0.118904 1.89648 0 2.01539 0 2.16207V2.42766C0 2.57434 0.118904 2.69325 0.265588 2.69325H3.4682C3.61489 2.69325 3.73379 2.57434 3.73379 2.42766V2.16207C3.73379 2.01539 3.61489 1.89648 3.4682 1.89648Z" fill="#454545"></path><path d="M2.9694 3.69336H0.265588C0.118904 3.69336 0 3.81226 0 3.95895V4.22453C0 4.37122 0.118904 4.49012 0.265588 4.49012H2.9694C3.11609 4.49012 3.23499 4.37122 3.23499 4.22453V3.95895C3.23499 3.81226 3.11609 3.69336 2.9694 3.69336Z" fill="#454545"></path><path d="M2.47063 5.49023H0.265588C0.118904 5.49023 0 5.60914 0 5.75582V6.02141C0 6.16809 0.118904 6.287 0.265588 6.287H2.47063C2.61729 6.287 2.73622 6.16809 2.73622 6.02141V5.75582C2.73622 5.60914 2.61731 5.49023 2.47063 5.49023Z" fill="#454545"></path><path d="M1.97183 7.28711H0.265587C0.118903 7.28711 0 7.40601 0 7.5527V7.81828C0 7.96497 0.118903 8.08387 0.265587 8.08387H1.97183C2.11848 8.08387 2.23741 7.96497 2.23741 7.81828V7.5527C2.23741 7.40601 2.11851 7.28711 1.97183 7.28711Z" fill="#454545"></path><path d="M7.92246 5.76039L7.73467 5.57259C7.68487 5.52279 7.6173 5.4948 7.54687 5.4948C7.47644 5.4948 7.40887 5.52279 7.35905 5.57259L6.44561 6.48602V0.498009C6.44561 0.351325 6.32671 0.232422 6.18003 0.232422H5.91444C5.76776 0.232422 5.64885 0.351325 5.64885 0.498009V6.486L4.73542 5.57256C4.68559 5.52277 4.61806 5.49477 4.54762 5.49477C4.47719 5.49477 4.40962 5.52277 4.35983 5.57256L4.172 5.76036C4.06832 5.86407 4.06832 6.03224 4.172 6.13595L5.85944 7.82339C5.91131 7.87526 5.97927 7.90118 6.04723 7.90118C6.1152 7.90118 6.18319 7.87526 6.23503 7.82339L7.92246 6.13595C8.02618 6.03224 8.02618 5.86407 7.92246 5.76039Z" fill="#454545"></path>',6)];$e.render=function(e,t,a,n,l,o){return"up"===e.direction?(u(),p("svg",{key:0,viewBox:"0 0 8 9",fill:"none",class:q(e.iconClass)},Te,2)):(u(),p("svg",{key:1,viewBox:"0 0 8 9",fill:"none",class:q(e.iconClass)},He,2))};var Oe=s({name:"TableHeadCell",components:{SortIcon:$e},props:{sortable:{type:Boolean,default:!1},column:{type:String,default:""},sort:{type:String,default:""}},emits:["sorting"],setup(e,{emit:t}){const a=h((()=>{const{sort:t,column:a}=e;return t===a&&!(null==t?void 0:t.startsWith("-"))})),n=h((()=>a.value?"-":""));return{sortDescending:a,availableOrder:n,handleClick:()=>{e.sortable&&t("sorting",n.value+e.column)}}}});Oe.render=function(e,t,a,n,l,o){const r=f("SortIcon");return u(),p("th",{scope:"col",class:q(["dt__table__thead__th dt-px-6 dt-py-3 dt-text-left dt-text-xs dt-font-medium dt-text-gray-500 dt-uppercase dt-tracking-wider",{"dt-cursor-pointer":e.sortable}]),onClick:t[0]||(t[0]=(...t)=>e.handleClick&&e.handleClick(...t))},[C(e.$slots,"default"),e.sortable?(u(),p(L,{key:0},[e.sortDescending?C(e.$slots,"sorting-up-icon",{key:0},(()=>[b(r,{direction:"up"})])):C(e.$slots,"sorting-down-icon",{key:1},(()=>[b(r,{direction:"down"})]))],64)):w("",!0)],2)};var Me=s({name:"TableRow",props:{rowIndex:{type:[Number,String],required:!1,default:0},striped:{type:Boolean,required:!1,default:!1},hoverable:{type:Boolean,required:!1,default:!1},nonClickable:{type:Boolean,required:!1,default:!1}},emits:["clicked"],setup:e=>({formattedRowIndex:$(parseInt(e.rowIndex)||0)})});Me.render=function(e,t,a,n,l,o){return u(),p("tr",{class:q(["dt__table__row",{"dt-bg-white":!e.striped||e.striped&&e.formattedRowIndex%2==0,"dt-bg-gray-50":e.striped&&e.formattedRowIndex%2,"hover:dt-bg-gray-100":e.hoverable,"dt-cursor-pointer":e.hoverable&&!e.nonClickable}]),onClick:t[0]||(t[0]=k((t=>e.$emit("clicked")),["stop"]))},[C(e.$slots,"default")],2)};var je=s({name:"TableWrapper"});const Ve={class:"dt__table_wrapper dt-overflow-auto"},De={class:"dt__table dt-min-w-full dt-divide-y dt-divide-gray-200"};je.render=function(e,t,a,n,l,o){return u(),p("div",Ve,[c("table",De,[C(e.$slots,"default")])])};var Ne=s({name:"TBody"});const Ze={class:"dt__table__tbody"};Ne.render=function(e,t,a,n,l,o){return u(),p("tbody",Ze,[C(e.$slots,"default")])};var Fe=s({name:"THead"});const Re={class:"dt__table__thead dt-bg-gray-50"},ze={class:"dt__table__thead__tr"};Fe.render=function(e,t,a,n,l,o){return u(),p("thead",Re,[c("tr",ze,[C(e.$slots,"default")])])};const We=[5,10,15,25,50,75,100],Qe=s({name:"DataTable",components:{TableHeadCell:Oe,TableBodyCell:qe,TBody:Ne,TableRow:Me,THead:Fe,BottomPaginationWrapper:E,TableWrapper:je,PaginationSize:xe,TopPaginationWrapper:Se,Filter:D,Loading:W,Pagination:ae},props:{rows:{type:Array,required:!0},columns:{type:Object,required:!1,default:null},pagination:{type:Object,required:!1,default:null},rounded:{type:Boolean,required:!1,default:!1},striped:{type:Boolean,required:!1,default:!1},sn:{type:Boolean,required:!1,default:!1},filter:{type:Boolean,required:!1,default:!1},loading:{type:Boolean,required:!1,default:!1},perPageOptions:{type:Array,required:!1,default:()=>We},query:{type:Object,required:!1,default:()=>({})},topPagination:{type:Boolean,required:!1,default:!1},bottomPagination:{type:Boolean,required:!1,default:!0},hoverable:{type:Boolean,required:!1,default:!1},nonClickable:{type:Boolean,required:!1,default:!1}},emits:["loadData","rowClicked"],setup(e,{emit:t}){var a,n,l,o;const r=$({page:(null==(a=e.pagination)?void 0:a.page)||1,search:(null==(n=e.query)?void 0:n.search)||"",per_page:(null==(l=e.pagination)?void 0:l.per_page)||10,sort:(null==(o=e.query)?void 0:o.sort)||""}),s=h((()=>!!e.pagination)),u=h((()=>{var t;return(null==(t=e.pagination)?void 0:t.total)||e.rows.length})),p=h((()=>e.rows)),c=h((()=>e.columns?e.columns:0===e.rows.length?{}:Object.keys(e.rows[0]).reduce(((e,t)=>{return i(d({},e),{[t]:(a=t,a.toLowerCase().replace(/[-_]/g," ").split(" ").map((e=>e.charAt(0).toUpperCase()+e.slice(1))).join(" "))});var a}),{}))),g=h((()=>s.value?r.value.per_page*(r.value.page-1):0));T((()=>d({},r.value)),(()=>{t("loadData",r.value)}),{deep:!0,immediate:!0});const f=((e,t=400)=>{let a;return(...n)=>{clearTimeout(a),a=setTimeout((()=>e(...n)),t)}})((e=>{r.value=i(d({},r.value),{page:1,search:e})}));return{tableQuery:r,showPagination:s,totalData:u,tableRows:p,tableColumns:c,paginatedRowIndex:g,uniqueId:()=>Math.floor(100*Math.random()),handlePageChange:e=>{r.value.page=e},handleOnSearchChange:f,handleOnPaginationSizeChange:e=>{r.value=i(d({},r.value),{page:1,per_page:e})},rowClickHandler:a=>{!e.nonClickable&&e.hoverable&&t("rowClicked",a)},handleSorting:e=>{r.value.sort=e}}}});const Ae={class:"data-table dt-flex dt-flex-col"},Ee={class:"dt-align-middle dt-min-w-full"},Ge=S(" Showing "),Ue=["textContent"],Je=S(" to "),Ke=["textContent"],Xe=S(" of "),Ye=["textContent"],et=S(" results. "),tt=S(" Showing "),at=["textContent"],nt=S(" to "),lt=["textContent"],ot=S(" of "),rt=["textContent"],dt=S(" results. ");Qe.render=function(e,t,a,n,l,o){const r=f("Filter"),d=f("Loading"),i=f("Pagination"),s=f("PaginationSize"),g=f("TopPaginationWrapper"),m=f("TableHeadCell"),v=f("THead"),h=f("TableBodyCell"),y=f("TableRow"),k=f("TBody"),S=f("TableWrapper"),B=f("pagination"),$=f("BottomPaginationWrapper");return u(),p("div",Ae,[c("div",Ee,[e.filter&&e.topPagination?(u(),_(r,{key:0,search:e.tableQuery.search,onInput:e.handleOnSearchChange},null,8,["search","onInput"])):w("",!0),c("div",{class:q(["dt__wrapper dt-relative",{"sm:dt-rounded-lg":e.rounded}])},[e.loading?C(e.$slots,"loading",{key:0},(()=>[b(d)])):w("",!0),e.showPagination?(u(),_(g,{key:1,"with-pagination":e.topPagination},{default:P((()=>[e.topPagination?(u(),_(i,{key:0,class:"dt-flex-1 dt-pr-4",total:e.totalData,"current-page":e.tableQuery.page,"per-page":parseInt(e.tableQuery.per_page.toString()),onChanged:e.handlePageChange},{"pagination-info":P((t=>[C(e.$slots,"pagination-info",{start:t.start,end:t.end,total:t.total},(()=>[Ge,c("span",{class:"dt-font-medium",textContent:x(t.start)},null,8,Ue),Je,c("span",{class:"dt-font-medium",textContent:x(t.end)},null,8,Ke),Xe,c("span",{class:"dt-font-medium",textContent:x(t.total)},null,8,Ye),et]))])),_:3},8,["total","current-page","per-page","onChanged"])):w("",!0),e.filter&&!e.topPagination?(u(),_(r,{key:1,search:e.tableQuery.search,onInput:e.handleOnSearchChange},null,8,["search","onInput"])):w("",!0),b(s,{value:e.tableQuery.per_page,options:e.perPageOptions,onInput:e.handleOnPaginationSizeChange},null,8,["value","options","onInput"])])),_:3},8,["with-pagination"])):w("",!0),b(S,null,{default:P((()=>[b(v,null,{default:P((()=>[e.sn?C(e.$slots,"thead-sn",{key:0},(()=>[b(m,{class:"dt__table__thead__th_sn",textContent:x("S.N.")},null,8,["textContent"])])):w("",!0),C(e.$slots,"thead",{column:e.tableColumns},(()=>[(u(!0),p(L,null,I(e.tableColumns,((t,a)=>(u(),_(m,{key:`datatable-thead-th-${a}`,onSorting:e.handleSorting,textContent:x(t)},null,8,["onSorting","textContent"])))),128))]))])),_:3}),b(k,null,{default:P((()=>[(u(!0),p(L,null,I(e.tableRows,((t,a)=>(u(),_(y,{key:`datatable-row-${e.uniqueId()}-${a}`,hoverable:e.hoverable,"non-clickable":e.nonClickable,"row-index":a,striped:e.striped,onClicked:a=>e.rowClickHandler(t)},{default:P((()=>[e.sn?C(e.$slots,"tbody-sn",{key:0,sn:a+1},(()=>[b(h,{class:"dt__table__tbody_td_sn",textContent:x(a+1+e.paginatedRowIndex)},null,8,["textContent"])])):w("",!0),C(e.$slots,"tbody",{index:a,row:t},(()=>[(u(!0),p(L,null,I(e.tableColumns,((a,n)=>(u(),_(h,{key:`datatable-tbody-td-${e.uniqueId()}-${n}`,name:a,textContent:x(t[n])},null,8,["name","textContent"])))),128))]))])),_:2},1032,["hoverable","non-clickable","row-index","striped","onClicked"])))),128)),0===e.tableRows.length?(u(),_(y,{key:0,"row-index":0},{default:P((()=>[C(e.$slots,"empty")])),_:3})):w("",!0)])),_:3})])),_:3}),e.showPagination&&e.bottomPagination?(u(),_($,{key:2},{default:P((()=>[b(B,{total:e.totalData,"current-page":e.tableQuery.page,"per-page":parseInt(e.tableQuery.per_page.toString()),onChanged:e.handlePageChange},{"pagination-info":P((t=>[C(e.$slots,"pagination-info",{start:t.start,end:t.end,total:t.total},(()=>[tt,c("span",{class:"dt-font-medium",textContent:x(t.start)},null,8,at),nt,c("span",{class:"dt-font-medium",textContent:x(t.end)},null,8,lt),ot,c("span",{class:"dt-font-medium",textContent:x(t.total)},null,8,rt),dt]))])),_:3},8,["total","current-page","per-page","onChanged"])])),_:3})):w("",!0)],2)])])};export{Qe as DataTable,ae as Pagination,te as PaginationLink,qe as TableBody,qe as TableBodyCell,Oe as TableHead,Oe as TableHeadCell};
var e=Object.defineProperty,t=Object.defineProperties,a=Object.getOwnPropertyDescriptors,n=Object.getOwnPropertySymbols,l=Object.prototype.hasOwnProperty,r=Object.prototype.propertyIsEnumerable,o=(t,a,n)=>a in t?e(t,a,{enumerable:!0,configurable:!0,writable:!0,value:n}):t[a]=n,d=(e,t)=>{for(var a in t||(t={}))l.call(t,a)&&o(e,a,t[a]);if(n)for(var a of n(t))r.call(t,a)&&o(e,a,t[a]);return e},i=(e,n)=>t(e,a(n));import{defineComponent as s,openBlock as u,createElementBlock as p,createElementVNode as c,mergeProps as g,resolveComponent as f,createVNode as C,pushScopeId as h,popScopeId as b,renderSlot as m,computed as v,toHandlers as y,createBlock as _,withCtx as P,toDisplayString as x,createCommentVNode as w,withModifiers as k,Fragment as L,renderList as S,createTextVNode as q,normalizeClass as I,createStaticVNode as $,ref as B,watch as T}from"vue";var H=s({name:"SearchIcon"});const M={xmlns:"http://www.w3.org/2000/svg",class:"dt-h-5 dt-w-5",viewBox:"0 0 20 20",fill:"currentColor"},V=[c("path",{"fill-rule":"evenodd",d:"M8 4a4 4 0 100 8 4 4 0 000-8zM2 8a6 6 0 1110.89 3.476l4.817 4.817a1 1 0 01-1.414 1.414l-4.816-4.816A6 6 0 012 8z","clip-rule":"evenodd"},null,-1)];H.render=function(e,t,a,n,l,r){return u(),p("svg",M,V)};var O=s({name:"SearchInput",props:{value:{type:String,required:!0}}});const Z=["value"];O.render=function(e,t,a,n,l,r){return u(),p("input",g({value:e.value,type:"search",name:"search",class:"dt__filter__search dt-block dt-border dt-border-gray-300 dt-pr-10 dt-px-2 dt-py-2\n dt-rounded-md dt-w-full dt-outline-none focus:dt-ring-1 focus:dt-ring-inset sm:dt-text-sm"},e.$attrs),null,16,Z)};var j=s({name:"Filter",components:{SearchInput:O,SearchIcon:H},props:{search:{type:String,required:!0}},emits:["input"]});const N={class:"dt__filter dt-mb-3 dt-w-full"},F={class:"dt-w-64"},R=c("label",{for:"email",class:"dt-sr-only"},"Search",-1),z={class:"dt-relative dt-rounded-md dt-shadow-sm"},D={class:"dt-absolute dt-inset-y-0 dt-right-0 dt-pr-3 dt-flex dt-items-center dt-pointer-events-none"};j.render=function(e,t,a,n,l,r){const o=f("SearchInput"),d=f("SearchIcon");return u(),p("div",N,[c("div",F,[R,c("div",z,[C(o,{value:e.search,onInput:t[0]||(t[0]=t=>e.$emit("input",t.target.value))},null,8,["value"]),c("div",D,[C(d,{class:"dt-text-gray-400"})])])])])};var W=s({name:"Loading"});h("data-v-685865e4");const Q={class:"dt__loading dt-absolute dt-h-full dt-w-full"},A=[c("div",{class:"dt-flex dt-justify-center dt-items-center"},[c("div",{class:"dt__loading_item dt-absolute dt-w-20 dt-h-20 dt-rounded-full"}),c("div",{class:"dt__loading_item dt-absolute dt-w-20 dt-h-20 dt-rounded-full"})],-1)];b(),W.render=function(e,t,a,n,l,r){return u(),p("div",Q,A)},W.__scopeId="data-v-685865e4";var E=s({name:"BottomPaginationWrapper"});const G={class:"dt__pagination_wrapper--bottom dt-bg-white dt-shadow-inner"},U={class:"dt-px-4 sm:dt-px-6 dt-py-4"};E.render=function(e,t,a,n,l,r){return u(),p("div",G,[c("div",U,[m(e.$slots,"default")])])};var J=s({name:"PaginationButtons"});const K={class:"dt__pagination__nav dt-relative dt-z-0 dt-inline-flex dt-rounded-md dt-shadow-sm dt--space-x-px","aria-label":"Pagination"};J.render=function(e,t,a,n,l,r){return u(),p("nav",K,[m(e.$slots,"default")])};var X=s({name:"PaginationInfo"});const Y={class:"dt__pagination__info"},ee={class:"dt-text-sm dt-text-gray-700"};X.render=function(e,t,a,n,l,r){return u(),p("div",Y,[c("p",ee,[m(e.$slots,"default")])])};var te=s({name:"PaginationLink",props:{active:{type:Boolean,required:!1,default:!1},disabled:{type:Boolean,required:!1,default:!1}},setup:e=>({linkClasses:v((()=>e.active?"dt-bg-gray-200 dt-border-gray-300 dt-text-gray-800 hover:dt-bg-gray-200":e.disabled?"dt-cursor-not-allowed dt-text-gray-400":"dt-border-gray-300 dt-bg-white dt-text-gray-500 hover:dt-bg-gray-50"))})});te.render=function(e,t,a,n,l,r){return u(),p("a",g({href:"#",class:["dt__pagination__link dt-relative dt-inline-flex dt-items-center dt-px-4 dt-py-2 dt-border dt-text-sm dt-font-medium",e.linkClasses]},y(d({},e.$attrs))),[m(e.$slots,"default")],16)};var ae=s({name:"Pagination",components:{PaginationButtons:J,PaginationInfo:X,PaginationLink:te},props:{total:{type:Number,required:!0},perPage:{type:Number,required:!0},currentPage:{type:Number,required:!1,default:1},maxVisibleButtons:{type:Number,required:!1,default:5}},emits:["changed"],setup(e,{emit:t}){const a=v((()=>(e.currentPage-1)*e.perPage+1)),n=v((()=>e.total>e.currentPage*e.perPage?e.currentPage*e.perPage:e.total)),l=v((()=>Math.ceil(e.total/e.perPage))),r=v((()=>1===e.currentPage?1:e.currentPage===l.value?l.value-e.maxVisibleButtons+1:e.currentPage-1)),o=v((()=>Math.min(r.value+e.maxVisibleButtons-1,l.value))),d=v((()=>{const e=[];for(let t=r.value;t<=o.value;t+=1)t>0&&e.push(t);return e})),i=v((()=>1===e.currentPage)),s=v((()=>e.currentPage===l.value)),u=e=>{t("changed",e)};return{currentStart:a,currentEnd:n,totalPages:l,pages:d,isInFirstPage:i,isInLastPage:s,goToPageNumber:u,gotoFirstPage:()=>u(1),gotoLastPage:()=>u(l.value),gotoNextPage:()=>u(e.currentPage>=l.value?l.value:e.currentPage+1),gotoPreviousPage:()=>u(e.currentPage<=1?1:e.currentPage-1),showDots:(e="left")=>{const t="left"===e?1:l.value,a="left"===e?2:l.value-1;return!d.value.includes(t)||!d.value.includes(a)}}}});const ne={key:0,class:"dt__pagination dt-bg-white dt-flex dt-items-center dt-justify-between"},le={class:"dt-hidden sm:dt-flex-1 sm:dt-flex sm:dt-items-center sm:dt-justify-between"},re=q(" Showing "),oe=["textContent"],de=q(" to "),ie=["textContent"],se=q(" of "),ue=["textContent"],pe=q(" results. "),ce=c("span",{class:"dt-sr-only"},"Go to first",-1),ge=q(" « "),fe=c("span",{class:"dt-sr-only"},"Previous",-1),Ce=q(" ‹ "),he=q(" 1 "),be=q(" ... "),me=q(" ... "),ve=c("span",{class:"dt-sr-only"},"Next",-1),ye=q(" › "),_e=c("span",{class:"dt-sr-only"},"Go to Last",-1),Pe=q(" » ");ae.render=function(e,t,a,n,l,r){const o=f("PaginationInfo"),d=f("pagination-link"),i=f("PaginationButtons");return e.totalPages?(u(),p("div",ne,[c("div",le,[e.total?(u(),_(o,{key:0},{default:P((()=>[m(e.$slots,"pagination-info",{start:e.currentStart,end:e.currentEnd,total:e.total},(()=>[re,c("span",{class:"dt-font-medium",textContent:x(e.currentStart)},null,8,oe),de,c("span",{class:"dt-font-medium",textContent:x(e.currentEnd)},null,8,ie),se,c("span",{class:"dt-font-medium",textContent:x(e.total)},null,8,ue),pe]))])),_:3})):w("",!0),e.totalPages>1?(u(),_(i,{key:1},{default:P((()=>[C(d,{key:"page_first",disabled:e.isInFirstPage,class:"dt-rounded-l-md",onClick:k(e.gotoFirstPage,["prevent"])},{default:P((()=>[ce,ge])),_:1},8,["disabled","onClick"]),C(d,{key:"page_previous",disabled:e.isInFirstPage,onClick:k(e.gotoPreviousPage,["prevent"])},{default:P((()=>[fe,Ce])),_:1},8,["disabled","onClick"]),e.showDots("left")?(u(),p(L,{key:0},[C(d,{key:"page_1",class:"dt-block sm:dt-hidden",disabled:e.isInFirstPage,active:e.isInFirstPage,onClick:k(e.gotoFirstPage,["prevent"])},{default:P((()=>[he])),_:1},8,["disabled","active","onClick"]),C(d,{key:"page_divider_left",class:"sm:dt-hidden"},{default:P((()=>[be])),_:1})],64)):w("",!0),(u(!0),p(L,null,S(e.pages,(t=>(u(),_(d,{key:`pages_${t}`,class:"dt-hidden md:dt-inline-block",active:t===e.currentPage,disabled:t===e.currentPage,onClick:k((a=>e.goToPageNumber(t)),["prevent"])},{default:P((()=>[q(x(t),1)])),_:2},1032,["active","disabled","onClick"])))),128)),e.showDots("right")?(u(),p(L,{key:1},[C(d,{key:"page_divider_right",class:"sm:dt-hidden"},{default:P((()=>[me])),_:1}),C(d,{key:`page_${e.totalPages}`,class:"sm:dt-hidden",disabled:e.isInLastPage,active:e.isInLastPage,onClick:k(e.gotoLastPage,["prevent"])},{default:P((()=>[q(x(e.totalPages),1)])),_:1},8,["disabled","active","onClick"])],64)):w("",!0),C(d,{key:"page_next",disabled:e.isInLastPage,onClick:k(e.gotoNextPage,["prevent"])},{default:P((()=>[ve,ye])),_:1},8,["disabled","onClick"]),C(d,{key:"page_last",disabled:e.isInLastPage,class:"dt-rounded-r-md",onClick:k(e.gotoLastPage,["prevent"])},{default:P((()=>[_e,Pe])),_:1},8,["disabled","onClick"])])),_:1})):w("",!0)])])):w("",!0)};var xe=s({name:"PaginationSize",props:{value:{type:[Number,String],required:!0},options:{type:Array,required:!0}},emits:["input"]});const we={class:"dt__pagination_size_wrapper dt-w-full dt-flex dt-justify-end sm:dt-w-auto"},ke=c("label",{for:"location",class:"dt-sr-only"},"Per page",-1),Le=["value"],Se=["value","selected","textContent"];xe.render=function(e,t,a,n,l,r){return u(),p("div",we,[c("div",null,[ke,c("select",{value:e.value,name:"per_page",class:"dt__pagination_size dt-block dt-w-full dt-pl-3 dt-pr-5 dt-py-2 dt-text-base dt-border\n dt-border-gray-300 sm:dt-text-sm dt-rounded-md dt-outline-none focus:dt-ring-1 focus:dt-ring-inset",onInput:t[0]||(t[0]=t=>e.$emit("input",t.target.value))},[(u(!0),p(L,null,S(e.options,(t=>(u(),p("option",{key:`per_page_${t}`,value:t,selected:t===e.value,textContent:x(t)},null,8,Se)))),128))],40,Le)])])};var qe=s({name:"TopPaginationWrapper",props:{withPagination:{type:Boolean,required:!1,default:!1}}});qe.render=function(e,t,a,n,l,r){return u(),p("div",{class:I(["dt__pagination_wrapper--top md:dt-flex xs:dt-flex-col dt-items-center",{"dt-bg-white dt-py-4 dt-px-4 sm:dt-px-6":e.withPagination}])},[m(e.$slots,"default")],2)};var Ie=s({name:"TableBodyCell"});const $e={class:"dt__table__tbody_td dt-px-6 dt-py-4 dt-whitespace-nowrap dt-text-sm dt-font-medium dt-text-gray-500"};Ie.render=function(e,t,a,n,l,r){return u(),p("td",$e,[m(e.$slots,"default")])};var Be=s({name:"SortIcon",props:{direction:{type:String,required:!0},iconClass:{type:String,default:"dt-w-[10px] dt-h-[10px] dt-ml-2"}}});const Te=[$('<path d="M4.23254 8.36922L4.23254 8.6348C4.23254 8.78149 4.11363 8.90039 3.96695 8.90039L0.265588 8.90039C0.118904 8.90039 1.03949e-08 8.78149 2.32184e-08 8.6348L4.64368e-08 8.36922C5.92603e-08 8.22253 0.118904 8.10363 0.265588 8.10363L3.96695 8.10363C4.11363 8.10363 4.23254 8.22253 4.23254 8.36922Z" fill="#454545"></path><path d="M3.4682 7.10352L0.265588 7.10352C0.118904 7.10352 1.03949e-08 6.98461 2.32184e-08 6.83793L4.64368e-08 6.57234C5.92603e-08 6.42566 0.118904 6.30675 0.265588 6.30675L3.4682 6.30675C3.61489 6.30675 3.73379 6.42566 3.73379 6.57234L3.73379 6.83793C3.73379 6.98461 3.61489 7.10352 3.4682 7.10352Z" fill="#454545"></path><path d="M2.9694 5.30664L0.265588 5.30664C0.118904 5.30664 1.03949e-08 5.18774 2.32184e-08 5.04105L4.64368e-08 4.77547C5.92603e-08 4.62878 0.118904 4.50988 0.265588 4.50988L2.9694 4.50988C3.11609 4.50988 3.23499 4.62878 3.23499 4.77547L3.23499 5.04105C3.23499 5.18774 3.11609 5.30664 2.9694 5.30664Z" fill="#454545"></path><path d="M2.47063 3.50977L0.265588 3.50977C0.118904 3.50977 1.03949e-08 3.39086 2.32184e-08 3.24418L4.64368e-08 2.97859C5.92603e-08 2.83191 0.118904 2.713 0.265588 2.713L2.47063 2.713C2.61729 2.713 2.73622 2.83191 2.73622 2.97859L2.73622 3.24418C2.73622 3.39086 2.61731 3.50977 2.47063 3.50977Z" fill="#454545"></path><path d="M1.97183 1.71289L0.265587 1.71289C0.118903 1.71289 1.03949e-08 1.59399 2.32184e-08 1.4473L4.64368e-08 1.18172C5.92603e-08 1.03503 0.118903 0.916128 0.265587 0.916128L1.97183 0.916128C2.11848 0.916128 2.23741 1.03503 2.23741 1.18172L2.23741 1.4473C2.23741 1.59399 2.11851 1.71289 1.97183 1.71289Z" fill="#454545"></path><path d="M7.92246 3.23961L7.73467 3.42741C7.68487 3.47721 7.6173 3.5052 7.54687 3.5052C7.47644 3.5052 7.40887 3.47721 7.35905 3.42741L6.44561 2.51398L6.44561 8.50199C6.44561 8.64867 6.32671 8.76758 6.18003 8.76758L5.91444 8.76758C5.76776 8.76758 5.64885 8.64867 5.64885 8.50199L5.64885 2.514L4.73542 3.42744C4.68559 3.47723 4.61806 3.50523 4.54762 3.50523C4.47719 3.50523 4.40962 3.47723 4.35983 3.42744L4.172 3.23964C4.06832 3.13593 4.06832 2.96776 4.172 2.86405L5.85944 1.17661C5.91131 1.12474 5.97927 1.09882 6.04723 1.09882C6.1152 1.09882 6.18319 1.12474 6.23503 1.17661L7.92246 2.86405C8.02618 2.96776 8.02618 3.13593 7.92246 3.23961Z" fill="#454545"></path>',6)],He=[$('<path d="M4.23254 0.630784V0.365197C4.23254 0.218513 4.11363 0.0996094 3.96695 0.0996094H0.265588C0.118904 0.0996094 0 0.218513 0 0.365197V0.630784C0 0.777468 0.118904 0.896372 0.265588 0.896372H3.96695C4.11363 0.896372 4.23254 0.777468 4.23254 0.630784Z" fill="#454545"></path><path d="M3.4682 1.89648H0.265588C0.118904 1.89648 0 2.01539 0 2.16207V2.42766C0 2.57434 0.118904 2.69325 0.265588 2.69325H3.4682C3.61489 2.69325 3.73379 2.57434 3.73379 2.42766V2.16207C3.73379 2.01539 3.61489 1.89648 3.4682 1.89648Z" fill="#454545"></path><path d="M2.9694 3.69336H0.265588C0.118904 3.69336 0 3.81226 0 3.95895V4.22453C0 4.37122 0.118904 4.49012 0.265588 4.49012H2.9694C3.11609 4.49012 3.23499 4.37122 3.23499 4.22453V3.95895C3.23499 3.81226 3.11609 3.69336 2.9694 3.69336Z" fill="#454545"></path><path d="M2.47063 5.49023H0.265588C0.118904 5.49023 0 5.60914 0 5.75582V6.02141C0 6.16809 0.118904 6.287 0.265588 6.287H2.47063C2.61729 6.287 2.73622 6.16809 2.73622 6.02141V5.75582C2.73622 5.60914 2.61731 5.49023 2.47063 5.49023Z" fill="#454545"></path><path d="M1.97183 7.28711H0.265587C0.118903 7.28711 0 7.40601 0 7.5527V7.81828C0 7.96497 0.118903 8.08387 0.265587 8.08387H1.97183C2.11848 8.08387 2.23741 7.96497 2.23741 7.81828V7.5527C2.23741 7.40601 2.11851 7.28711 1.97183 7.28711Z" fill="#454545"></path><path d="M7.92246 5.76039L7.73467 5.57259C7.68487 5.52279 7.6173 5.4948 7.54687 5.4948C7.47644 5.4948 7.40887 5.52279 7.35905 5.57259L6.44561 6.48602V0.498009C6.44561 0.351325 6.32671 0.232422 6.18003 0.232422H5.91444C5.76776 0.232422 5.64885 0.351325 5.64885 0.498009V6.486L4.73542 5.57256C4.68559 5.52277 4.61806 5.49477 4.54762 5.49477C4.47719 5.49477 4.40962 5.52277 4.35983 5.57256L4.172 5.76036C4.06832 5.86407 4.06832 6.03224 4.172 6.13595L5.85944 7.82339C5.91131 7.87526 5.97927 7.90118 6.04723 7.90118C6.1152 7.90118 6.18319 7.87526 6.23503 7.82339L7.92246 6.13595C8.02618 6.03224 8.02618 5.86407 7.92246 5.76039Z" fill="#454545"></path>',6)],Me=[$('<g clip-path="url(#clip0)"><path d="M4.23254 0.630296V0.364709C4.23254 0.218025 4.11363 0.0991211 3.96695 0.0991211H0.265587C0.118904 0.0991211 0 0.218025 0 0.364709V0.630296C0 0.77698 0.118904 0.895884 0.265587 0.895884H3.96695C4.11363 0.895884 4.23254 0.77698 4.23254 0.630296Z"></path><path d="M4.23254 7.2657V7.53129C4.23254 7.67797 4.11363 7.79688 3.96695 7.79688H0.265587C0.118904 7.79688 0 7.67797 0 7.53129V7.2657C0 7.11902 0.118904 7.00011 0.265587 7.00011H3.96695C4.11363 7.00011 4.23254 7.11902 4.23254 7.2657Z"></path><path d="M2.9694 3.69287H0.265588C0.118904 3.69287 0 3.81177 0 3.95846V4.22405C0 4.37073 0.118904 4.48963 0.265588 4.48963H2.9694C3.11609 4.48963 3.23499 4.37073 3.23499 4.22405V3.95846C3.23499 3.81177 3.11609 3.69287 2.9694 3.69287Z"></path><path d="M7.92222 5.7599L7.73442 5.5721C7.68462 5.5223 7.61706 5.49431 7.54663 5.49431C7.47619 5.49431 7.40863 5.5223 7.3588 5.5721L6.44537 6.48554L6.5 4.5L6 4.5C5.85332 4.5 5.5 4.5 5.5 4.5L5.64861 6.48551L4.73517 5.57207C4.68535 5.52228 4.61781 5.49428 4.54738 5.49428C4.47694 5.49428 4.40938 5.52228 4.35958 5.57207L4.17176 5.75987C4.06807 5.86358 4.06807 6.03175 4.17176 6.13547L5.85919 7.8229C5.91106 7.87477 5.97902 7.90069 6.04699 7.90069C6.11495 7.90069 6.18294 7.87477 6.23479 7.8229L7.92222 6.13547C8.02593 6.03175 8.02593 5.86358 7.92222 5.7599Z"></path><path d="M4.07778 2.14074L4.26558 2.32853C4.31538 2.37833 4.38294 2.40632 4.45337 2.40632C4.52381 2.40632 4.59137 2.37833 4.6412 2.32853L5.55463 1.4151L5.5 3.40063L6 3.40063C6.14668 3.40063 6.5 3.40063 6.5 3.40063L6.35139 1.41513L7.26483 2.32856C7.31465 2.37836 7.38219 2.40635 7.45262 2.40635C7.52306 2.40635 7.59062 2.37836 7.64042 2.32856L7.82824 2.14076C7.93193 2.03705 7.93193 1.86888 7.82824 1.76517L6.14081 0.0777329C6.08894 0.0258636 6.02098 -5.78621e-05 5.95301 -5.7868e-05C5.88505 -5.7874e-05 5.81706 0.0258636 5.76521 0.0777329L4.07778 1.76517C3.97407 1.86888 3.97407 2.03705 4.07778 2.14074Z"></path></g><defs><clipPath id="clip0"><rect fill="white" height="8" width="8"></rect></clipPath></defs>',2)];Be.render=function(e,t,a,n,l,r){return"up"===e.direction?(u(),p("svg",{key:0,class:I(e.iconClass),fill:"none",viewBox:"0 0 8 9"},Te,2)):"down"===e.direction?(u(),p("svg",{key:1,class:I(e.iconClass),fill:"none",viewBox:"0 0 8 9"},He,2)):(u(),p("svg",{key:2,class:I(e.iconClass),fill:"#454545",viewBox:"0 0 8 8"},Me,2))};var Ve=s({name:"ColumnSorting",components:{SortIcon:Be},props:{sortable:{type:String,required:!1,default:""},sort:{type:String,required:!1,default:""},multiple:{type:Boolean,required:!1,default:!1}},emits:["clicked"],setup(e,{emit:t}){const a=v((()=>e.sort?e.sort.split(",").reduce(((e,t)=>{const[a,n]=t.split(":");return e.set(a,n||"asc"),e}),new Map):new Map)),n=v((()=>{var t;return null!=(t=a.value.get(e.sortable))?t:""}));return{direction:n,handleClick:()=>{var l;if(e.sortable){const r=null!=(l={asc:"desc",desc:""}[n.value])?l:"asc";if(!e.multiple)return void t("clicked",""===r?"":`${e.sortable}:${r}`);const o=a.value;""===r?o.delete(e.sortable):o.set(e.sortable,r);const d=[];o.forEach(((e,t)=>{d.push(`${t}:${e}`)})),t("clicked",d.join(","))}}}}});Ve.render=function(e,t,a,n,l,r){const o=f("SortIcon");return e.sortable?(u(),p("div",{key:0,class:I({"dt-flex dt-items-center":e.sortable}),onClick:t[0]||(t[0]=(...t)=>e.handleClick&&e.handleClick(...t))},[m(e.$slots,"default"),e.sortable?(u(),p(L,{key:0},["asc"===e.direction?m(e.$slots,"sorting-asc-icon",{key:0},(()=>[C(o,{direction:"up"})])):"desc"===e.direction?m(e.$slots,"sorting-desc-icon",{key:1},(()=>[C(o,{direction:"down"})])):m(e.$slots,"sorting-default-icon",{key:2},(()=>[C(o,{direction:"default"})]))],64)):w("",!0)],2)):w("",!0)};var Oe=s({name:"TableHeadCell",components:{ColumnSorting:Ve},props:{sortable:{type:String,required:!1,default:""},sort:{type:String,required:!1,default:""},multiple:{type:Boolean,required:!1,default:!1}},emits:["sorting"],setup:(e,{emit:t})=>({handleClick:e=>{t("sorting",e)}})});Oe.render=function(e,t,a,n,l,r){const o=f("ColumnSorting");return u(),p("th",{scope:"col",class:I(["dt__table__thead__th dt-text-left dt-text-xs dt-font-medium dt-text-gray-500 dt-uppercase dt-tracking-wider",{"dt-cursor-pointer":e.sortable,"dt-px-6 dt-py-3":!e.sortable}])},[e.sortable?(u(),_(o,{key:0,class:"dt-px-6 dt-py-3",sortable:e.sortable,sort:e.sort,multiple:e.multiple,onClicked:e.handleClick},{default:P((()=>[m(e.$slots,"default")])),_:3},8,["sortable","sort","multiple","onClicked"])):m(e.$slots,"default",{key:1})],2)};var Ze=s({name:"TableRow",props:{rowIndex:{type:[Number,String],required:!1,default:0},striped:{type:Boolean,required:!1,default:!1},hoverable:{type:Boolean,required:!1,default:!1},nonClickable:{type:Boolean,required:!1,default:!1}},emits:["clicked"],setup:e=>({formattedRowIndex:B(parseInt(e.rowIndex)||0)})});Ze.render=function(e,t,a,n,l,r){return u(),p("tr",{class:I(["dt__table__row",{"dt-bg-white":!e.striped||e.striped&&e.formattedRowIndex%2==0,"dt-bg-gray-50":e.striped&&e.formattedRowIndex%2,"hover:dt-bg-gray-100":e.hoverable,"dt-cursor-pointer":e.hoverable&&!e.nonClickable}]),onClick:t[0]||(t[0]=k((t=>e.$emit("clicked")),["stop"]))},[m(e.$slots,"default")],2)};var je=s({name:"TableWrapper"});const Ne={class:"dt__table_wrapper dt-overflow-auto"},Fe={class:"dt__table dt-min-w-full dt-divide-y dt-divide-gray-200"};je.render=function(e,t,a,n,l,r){return u(),p("div",Ne,[c("table",Fe,[m(e.$slots,"default")])])};var Re=s({name:"TBody"});const ze={class:"dt__table__tbody"};Re.render=function(e,t,a,n,l,r){return u(),p("tbody",ze,[m(e.$slots,"default")])};var De=s({name:"THead"});const We={class:"dt__table__thead dt-bg-gray-50"},Qe={class:"dt__table__thead__tr"};De.render=function(e,t,a,n,l,r){return u(),p("thead",We,[c("tr",Qe,[m(e.$slots,"default")])])};const Ae=[5,10,15,25,50,75,100],Ee=s({name:"DataTable",components:{TableHeadCell:Oe,TableBodyCell:Ie,TBody:Re,TableRow:Ze,THead:De,BottomPaginationWrapper:E,TableWrapper:je,PaginationSize:xe,TopPaginationWrapper:qe,Filter:j,Loading:W,Pagination:ae},props:{rows:{type:Array,required:!0},columns:{type:Object,required:!1,default:null},pagination:{type:Object,required:!1,default:null},rounded:{type:Boolean,required:!1,default:!1},striped:{type:Boolean,required:!1,default:!1},sn:{type:Boolean,required:!1,default:!1},filter:{type:Boolean,required:!1,default:!1},loading:{type:Boolean,required:!1,default:!1},perPageOptions:{type:Array,required:!1,default:()=>Ae},query:{type:Object,required:!1,default:()=>({})},topPagination:{type:Boolean,required:!1,default:!1},bottomPagination:{type:Boolean,required:!1,default:!0},hoverable:{type:Boolean,required:!1,default:!1},nonClickable:{type:Boolean,required:!1,default:!1},sortable:{type:Boolean,required:!1,default:!1}},emits:["loadData","rowClicked"],setup(e,{emit:t}){var a,n,l,r;const o=B({page:(null==(a=e.pagination)?void 0:a.page)||1,search:(null==(n=e.query)?void 0:n.search)||"",per_page:(null==(l=e.pagination)?void 0:l.per_page)||10,sort:(null==(r=e.query)?void 0:r.sort)||""}),s=v((()=>!!e.pagination)),u=v((()=>{var t;return(null==(t=e.pagination)?void 0:t.total)||e.rows.length})),p=v((()=>e.rows)),c=v((()=>e.columns?e.columns:0===e.rows.length?{}:Object.keys(e.rows[0]).reduce(((e,t)=>{return i(d({},e),{[t]:(a=t,a.toLowerCase().replace(/[-_]/g," ").split(" ").map((e=>e.charAt(0).toUpperCase()+e.slice(1))).join(" "))});var a}),{}))),g=v((()=>s.value?o.value.per_page*(o.value.page-1):0));T((()=>d({},o.value)),(()=>{t("loadData",o.value)}),{deep:!0,immediate:!0});const f=((e,t=400)=>{let a;return(...n)=>{clearTimeout(a),a=setTimeout((()=>e(...n)),t)}})((e=>{o.value=i(d({},o.value),{page:1,search:e})}));return{tableQuery:o,showPagination:s,totalData:u,tableRows:p,tableColumns:c,paginatedRowIndex:g,uniqueId:()=>Math.floor(100*Math.random()),handlePageChange:e=>{o.value.page=e},handleOnSearchChange:f,handleOnPaginationSizeChange:e=>{o.value=i(d({},o.value),{page:1,per_page:e})},rowClickHandler:a=>{!e.nonClickable&&e.hoverable&&t("rowClicked",a)},handleSorting:e=>{o.value.sort=e}}}});const Ge={class:"data-table dt-flex dt-flex-col"},Ue={class:"dt-align-middle dt-min-w-full"},Je=q(" Showing "),Ke=["textContent"],Xe=q(" to "),Ye=["textContent"],et=q(" of "),tt=["textContent"],at=q(" results. "),nt=q(" Showing "),lt=["textContent"],rt=q(" to "),ot=["textContent"],dt=q(" of "),it=["textContent"],st=q(" results. ");Ee.render=function(e,t,a,n,l,r){const o=f("Filter"),d=f("Loading"),i=f("Pagination"),s=f("PaginationSize"),g=f("TopPaginationWrapper"),h=f("TableHeadCell"),b=f("THead"),v=f("TableBodyCell"),y=f("TableRow"),k=f("TBody"),$=f("TableWrapper"),B=f("pagination"),T=f("BottomPaginationWrapper");return u(),p("div",Ge,[c("div",Ue,[e.filter&&e.topPagination?(u(),_(o,{key:0,search:e.tableQuery.search,onInput:e.handleOnSearchChange},null,8,["search","onInput"])):w("",!0),c("div",{class:I(["dt__wrapper dt-relative",{"sm:dt-rounded-lg":e.rounded}])},[e.loading?m(e.$slots,"loading",{key:0},(()=>[C(d)])):w("",!0),e.showPagination?(u(),_(g,{key:1,"with-pagination":e.topPagination},{default:P((()=>[e.topPagination?(u(),_(i,{key:0,class:"dt-flex-1 dt-pr-4",total:e.totalData,"current-page":e.tableQuery.page,"per-page":parseInt(e.tableQuery.per_page.toString()),onChanged:e.handlePageChange},{"pagination-info":P((t=>[m(e.$slots,"pagination-info",{start:t.start,end:t.end,total:t.total},(()=>[Je,c("span",{class:"dt-font-medium",textContent:x(t.start)},null,8,Ke),Xe,c("span",{class:"dt-font-medium",textContent:x(t.end)},null,8,Ye),et,c("span",{class:"dt-font-medium",textContent:x(t.total)},null,8,tt),at]))])),_:3},8,["total","current-page","per-page","onChanged"])):w("",!0),e.filter&&!e.topPagination?(u(),_(o,{key:1,search:e.tableQuery.search,onInput:e.handleOnSearchChange},null,8,["search","onInput"])):w("",!0),C(s,{value:e.tableQuery.per_page,options:e.perPageOptions,onInput:e.handleOnPaginationSizeChange},null,8,["value","options","onInput"])])),_:3},8,["with-pagination"])):w("",!0),C($,null,{default:P((()=>[C(b,null,{default:P((()=>{var t;return[e.sn?m(e.$slots,"thead-sn",{key:0},(()=>[C(h,{class:"dt__table__thead__th_sn",textContent:x("S.N.")},null,8,["textContent"])])):w("",!0),m(e.$slots,"thead",{column:e.tableColumns,sorting:e.handleSorting,sort:null!=(t=e.query.sort)?t:""},(()=>[(u(!0),p(L,null,S(e.tableColumns,((t,a)=>{var n;return u(),_(h,{key:`datatable-thead-th-${a}`,sortable:e.sortable?a.toString():"",sort:null!=(n=e.query.sort)?n:"",onSorting:e.handleSorting},{default:P((()=>[q(x(t),1)])),_:2},1032,["sortable","sort","onSorting"])})),128))]))]})),_:3}),C(k,null,{default:P((()=>[(u(!0),p(L,null,S(e.tableRows,((t,a)=>(u(),_(y,{key:`datatable-row-${e.uniqueId()}-${a}`,hoverable:e.hoverable,"non-clickable":e.nonClickable,"row-index":a,striped:e.striped,onClicked:a=>e.rowClickHandler(t)},{default:P((()=>[e.sn?m(e.$slots,"tbody-sn",{key:0,sn:a+1},(()=>[C(v,{class:"dt__table__tbody_td_sn",textContent:x(a+1+e.paginatedRowIndex)},null,8,["textContent"])])):w("",!0),m(e.$slots,"tbody",{index:a,row:t},(()=>[(u(!0),p(L,null,S(e.tableColumns,((a,n)=>(u(),_(v,{key:`datatable-tbody-td-${e.uniqueId()}-${n}`,name:a,textContent:x(t[n])},null,8,["name","textContent"])))),128))]))])),_:2},1032,["hoverable","non-clickable","row-index","striped","onClicked"])))),128)),0===e.tableRows.length?(u(),_(y,{key:0,"row-index":0},{default:P((()=>[m(e.$slots,"empty")])),_:3})):w("",!0)])),_:3})])),_:3}),e.showPagination&&e.bottomPagination?(u(),_(T,{key:2},{default:P((()=>[C(B,{total:e.totalData,"current-page":e.tableQuery.page,"per-page":parseInt(e.tableQuery.per_page.toString()),onChanged:e.handlePageChange},{"pagination-info":P((t=>[m(e.$slots,"pagination-info",{start:t.start,end:t.end,total:t.total},(()=>[nt,c("span",{class:"dt-font-medium",textContent:x(t.start)},null,8,lt),rt,c("span",{class:"dt-font-medium",textContent:x(t.end)},null,8,ot),dt,c("span",{class:"dt-font-medium",textContent:x(t.total)},null,8,it),st]))])),_:3},8,["total","current-page","per-page","onChanged"])])),_:3})):w("",!0)],2)])])};export{Ee as DataTable,ae as Pagination,te as PaginationLink,Ie as TableBody,Ie as TableBodyCell,Oe as TableHead,Oe as TableHeadCell};

2

dist/vue3-datatable.umd.js

@@ -1,1 +0,1 @@

var __defProp=Object.defineProperty,__defProps=Object.defineProperties,__getOwnPropDescs=Object.getOwnPropertyDescriptors,__getOwnPropSymbols=Object.getOwnPropertySymbols,__hasOwnProp=Object.prototype.hasOwnProperty,__propIsEnum=Object.prototype.propertyIsEnumerable,__defNormalProp=(e,t,n)=>t in e?__defProp(e,t,{enumerable:!0,configurable:!0,writable:!0,value:n}):e[t]=n,__spreadValues=(e,t)=>{for(var n in t||(t={}))__hasOwnProp.call(t,n)&&__defNormalProp(e,n,t[n]);if(__getOwnPropSymbols)for(var n of __getOwnPropSymbols(t))__propIsEnum.call(t,n)&&__defNormalProp(e,n,t[n]);return e},__spreadProps=(e,t)=>__defProps(e,__getOwnPropDescs(t));!function(e,t){"object"==typeof exports&&"undefined"!=typeof module?t(exports,require("vue")):"function"==typeof define&&define.amd?define(["exports","vue"],t):t((e="undefined"!=typeof globalThis?globalThis:e||self)["@jobinsjp/vue3-datatable"]={},e.Vue)}(this,(function(e,t){"use strict";var n=t.defineComponent({name:"SearchIcon"});const o={xmlns:"http://www.w3.org/2000/svg",class:"dt-h-5 dt-w-5",viewBox:"0 0 20 20",fill:"currentColor"},a=[t.createElementVNode("path",{"fill-rule":"evenodd",d:"M8 4a4 4 0 100 8 4 4 0 000-8zM2 8a6 6 0 1110.89 3.476l4.817 4.817a1 1 0 01-1.414 1.414l-4.816-4.816A6 6 0 012 8z","clip-rule":"evenodd"},null,-1)];n.render=function(e,n,r,l,d,i){return t.openBlock(),t.createElementBlock("svg",o,a)};var r=t.defineComponent({name:"SearchInput",props:{value:{type:String,required:!0}}});const l=["value"];r.render=function(e,n,o,a,r,d){return t.openBlock(),t.createElementBlock("input",t.mergeProps({value:e.value,type:"search",name:"search",class:"dt__filter__search dt-block dt-border dt-border-gray-300 dt-pr-10 dt-px-2 dt-py-2\n dt-rounded-md dt-w-full dt-outline-none focus:dt-ring-1 focus:dt-ring-inset sm:dt-text-sm"},e.$attrs),null,16,l)};var d=t.defineComponent({name:"Filter",components:{SearchInput:r,SearchIcon:n},props:{search:{type:String,required:!0}},emits:["input"]});const i={class:"dt__filter dt-mb-3 dt-w-full"},s={class:"dt-w-64"},c=t.createElementVNode("label",{for:"email",class:"dt-sr-only"},"Search",-1),p={class:"dt-relative dt-rounded-md dt-shadow-sm"},u={class:"dt-absolute dt-inset-y-0 dt-right-0 dt-pr-3 dt-flex dt-items-center dt-pointer-events-none"};d.render=function(e,n,o,a,r,l){const d=t.resolveComponent("SearchInput"),m=t.resolveComponent("SearchIcon");return t.openBlock(),t.createElementBlock("div",i,[t.createElementVNode("div",s,[c,t.createElementVNode("div",p,[t.createVNode(d,{value:e.search,onInput:n[0]||(n[0]=t=>e.$emit("input",t.target.value))},null,8,["value"]),t.createElementVNode("div",u,[t.createVNode(m,{class:"dt-text-gray-400"})])])])])};var m=t.defineComponent({name:"Loading"});t.pushScopeId("data-v-685865e4");const g={class:"dt__loading dt-absolute dt-h-full dt-w-full"},C=[t.createElementVNode("div",{class:"dt-flex dt-justify-center dt-items-center"},[t.createElementVNode("div",{class:"dt__loading_item dt-absolute dt-w-20 dt-h-20 dt-rounded-full"}),t.createElementVNode("div",{class:"dt__loading_item dt-absolute dt-w-20 dt-h-20 dt-rounded-full"})],-1)];t.popScopeId(),m.render=function(e,n,o,a,r,l){return t.openBlock(),t.createElementBlock("div",g,C)},m.__scopeId="data-v-685865e4";var f=t.defineComponent({name:"BottomPaginationWrapper"});const _={class:"dt__pagination_wrapper--bottom dt-bg-white dt-shadow-inner"},h={class:"dt-px-4 sm:dt-px-6 dt-py-4"};f.render=function(e,n,o,a,r,l){return t.openBlock(),t.createElementBlock("div",_,[t.createElementVNode("div",h,[t.renderSlot(e.$slots,"default")])])};var v=t.defineComponent({name:"PaginationButtons"});const y={class:"dt__pagination__nav dt-relative dt-z-0 dt-inline-flex dt-rounded-md dt-shadow-sm dt--space-x-px","aria-label":"Pagination"};v.render=function(e,n,o,a,r,l){return t.openBlock(),t.createElementBlock("nav",y,[t.renderSlot(e.$slots,"default")])};var b=t.defineComponent({name:"PaginationInfo"});const k={class:"dt__pagination__info"},x={class:"dt-text-sm dt-text-gray-700"};b.render=function(e,n,o,a,r,l){return t.openBlock(),t.createElementBlock("div",k,[t.createElementVNode("p",x,[t.renderSlot(e.$slots,"default")])])};var w=t.defineComponent({name:"PaginationLink",props:{active:{type:Boolean,required:!1,default:!1},disabled:{type:Boolean,required:!1,default:!1}},setup:e=>({linkClasses:t.computed((()=>e.active?"dt-bg-gray-200 dt-border-gray-300 dt-text-gray-800 hover:dt-bg-gray-200":e.disabled?"dt-cursor-not-allowed dt-text-gray-400":"dt-border-gray-300 dt-bg-white dt-text-gray-500 hover:dt-bg-gray-50"))})});w.render=function(e,n,o,a,r,l){return t.openBlock(),t.createElementBlock("a",t.mergeProps({href:"#",class:["dt__pagination__link dt-relative dt-inline-flex dt-items-center dt-px-4 dt-py-2 dt-border dt-text-sm dt-font-medium",e.linkClasses]},t.toHandlers(__spreadValues({},e.$attrs))),[t.renderSlot(e.$slots,"default")],16)};const P="left";var B=t.defineComponent({name:"Pagination",components:{PaginationButtons:v,PaginationInfo:b,PaginationLink:w},props:{total:{type:Number,required:!0},perPage:{type:Number,required:!0},currentPage:{type:Number,required:!1,default:1},maxVisibleButtons:{type:Number,required:!1,default:5}},emits:["changed"],setup(e,{emit:n}){const o=t.computed((()=>(e.currentPage-1)*e.perPage+1)),a=t.computed((()=>e.total>e.currentPage*e.perPage?e.currentPage*e.perPage:e.total)),r=t.computed((()=>Math.ceil(e.total/e.perPage))),l=t.computed((()=>1===e.currentPage?1:e.currentPage===r.value?r.value-e.maxVisibleButtons+1:e.currentPage-1)),d=t.computed((()=>Math.min(l.value+e.maxVisibleButtons-1,r.value))),i=t.computed((()=>{const e=[];for(let t=l.value;t<=d.value;t+=1)t>0&&e.push(t);return e})),s=t.computed((()=>1===e.currentPage)),c=t.computed((()=>e.currentPage===r.value)),p=e=>{n("changed",e)};return{currentStart:o,currentEnd:a,totalPages:r,pages:i,isInFirstPage:s,isInLastPage:c,goToPageNumber:p,gotoFirstPage:()=>p(1),gotoLastPage:()=>p(r.value),gotoNextPage:()=>p(e.currentPage>=r.value?r.value:e.currentPage+1),gotoPreviousPage:()=>p(e.currentPage<=1?1:e.currentPage-1),showDots:(e=P)=>{const t=e===P?1:r.value,n=e===P?2:r.value-1;return!i.value.includes(t)||!i.value.includes(n)}}}});const V={key:0,class:"dt__pagination dt-bg-white dt-flex dt-items-center dt-justify-between"},N={class:"dt-hidden sm:dt-flex-1 sm:dt-flex sm:dt-items-center sm:dt-justify-between"},S=t.createTextVNode(" Showing "),E=["textContent"],L=t.createTextVNode(" to "),T=["textContent"],I=t.createTextVNode(" of "),q=["textContent"],$=t.createTextVNode(" results. "),D=t.createElementVNode("span",{class:"dt-sr-only"},"Go to first",-1),O=t.createTextVNode(" « "),M=t.createElementVNode("span",{class:"dt-sr-only"},"Previous",-1),H=t.createTextVNode(" ‹ "),j=t.createTextVNode(" 1 "),F=t.createTextVNode(" ... "),z=t.createTextVNode(" ... "),Z=t.createElementVNode("span",{class:"dt-sr-only"},"Next",-1),R=t.createTextVNode(" › "),W=t.createElementVNode("span",{class:"dt-sr-only"},"Go to Last",-1),Q=t.createTextVNode(" » ");B.render=function(e,n,o,a,r,l){const d=t.resolveComponent("PaginationInfo"),i=t.resolveComponent("pagination-link"),s=t.resolveComponent("PaginationButtons");return e.totalPages?(t.openBlock(),t.createElementBlock("div",V,[t.createElementVNode("div",N,[e.total?(t.openBlock(),t.createBlock(d,{key:0},{default:t.withCtx((()=>[t.renderSlot(e.$slots,"pagination-info",{start:e.currentStart,end:e.currentEnd,total:e.total},(()=>[S,t.createElementVNode("span",{class:"dt-font-medium",textContent:t.toDisplayString(e.currentStart)},null,8,E),L,t.createElementVNode("span",{class:"dt-font-medium",textContent:t.toDisplayString(e.currentEnd)},null,8,T),I,t.createElementVNode("span",{class:"dt-font-medium",textContent:t.toDisplayString(e.total)},null,8,q),$]))])),_:3})):t.createCommentVNode("",!0),e.totalPages>1?(t.openBlock(),t.createBlock(s,{key:1},{default:t.withCtx((()=>[t.createVNode(i,{key:"page_first",disabled:e.isInFirstPage,class:"dt-rounded-l-md",onClick:t.withModifiers(e.gotoFirstPage,["prevent"])},{default:t.withCtx((()=>[D,O])),_:1},8,["disabled","onClick"]),t.createVNode(i,{key:"page_previous",disabled:e.isInFirstPage,onClick:t.withModifiers(e.gotoPreviousPage,["prevent"])},{default:t.withCtx((()=>[M,H])),_:1},8,["disabled","onClick"]),e.showDots("left")?(t.openBlock(),t.createElementBlock(t.Fragment,{key:0},[t.createVNode(i,{key:"page_1",class:"dt-block sm:dt-hidden",disabled:e.isInFirstPage,active:e.isInFirstPage,onClick:t.withModifiers(e.gotoFirstPage,["prevent"])},{default:t.withCtx((()=>[j])),_:1},8,["disabled","active","onClick"]),t.createVNode(i,{key:"page_divider_left",class:"sm:dt-hidden"},{default:t.withCtx((()=>[F])),_:1})],64)):t.createCommentVNode("",!0),(t.openBlock(!0),t.createElementBlock(t.Fragment,null,t.renderList(e.pages,(n=>(t.openBlock(),t.createBlock(i,{key:`pages_${n}`,class:"dt-hidden md:dt-inline-block",active:n===e.currentPage,disabled:n===e.currentPage,onClick:t.withModifiers((t=>e.goToPageNumber(n)),["prevent"])},{default:t.withCtx((()=>[t.createTextVNode(t.toDisplayString(n),1)])),_:2},1032,["active","disabled","onClick"])))),128)),e.showDots("right")?(t.openBlock(),t.createElementBlock(t.Fragment,{key:1},[t.createVNode(i,{key:"page_divider_right",class:"sm:dt-hidden"},{default:t.withCtx((()=>[z])),_:1}),t.createVNode(i,{key:`page_${e.totalPages}`,class:"sm:dt-hidden",disabled:e.isInLastPage,active:e.isInLastPage,onClick:t.withModifiers(e.gotoLastPage,["prevent"])},{default:t.withCtx((()=>[t.createTextVNode(t.toDisplayString(e.totalPages),1)])),_:1},8,["disabled","active","onClick"])],64)):t.createCommentVNode("",!0),t.createVNode(i,{key:"page_next",disabled:e.isInLastPage,onClick:t.withModifiers(e.gotoNextPage,["prevent"])},{default:t.withCtx((()=>[Z,R])),_:1},8,["disabled","onClick"]),t.createVNode(i,{key:"page_last",disabled:e.isInLastPage,class:"dt-rounded-r-md",onClick:t.withModifiers(e.gotoLastPage,["prevent"])},{default:t.withCtx((()=>[W,Q])),_:1},8,["disabled","onClick"])])),_:1})):t.createCommentVNode("",!0)])])):t.createCommentVNode("",!0)};var A=t.defineComponent({name:"PaginationSize",props:{value:{type:[Number,String],required:!0},options:{type:Array,required:!0}},emits:["input"]});const G={class:"dt__pagination_size_wrapper dt-w-full dt-flex dt-justify-end sm:dt-w-auto"},U=t.createElementVNode("label",{for:"location",class:"dt-sr-only"},"Per page",-1),J=["value"],K=["value","selected","textContent"];A.render=function(e,n,o,a,r,l){return t.openBlock(),t.createElementBlock("div",G,[t.createElementVNode("div",null,[U,t.createElementVNode("select",{value:e.value,name:"per_page",class:"dt__pagination_size dt-block dt-w-full dt-pl-3 dt-pr-5 dt-py-2 dt-text-base dt-border\n dt-border-gray-300 sm:dt-text-sm dt-rounded-md dt-outline-none focus:dt-ring-1 focus:dt-ring-inset",onInput:n[0]||(n[0]=t=>e.$emit("input",t.target.value))},[(t.openBlock(!0),t.createElementBlock(t.Fragment,null,t.renderList(e.options,(n=>(t.openBlock(),t.createElementBlock("option",{key:`per_page_${n}`,value:n,selected:n===e.value,textContent:t.toDisplayString(n)},null,8,K)))),128))],40,J)])])};var X=t.defineComponent({name:"TopPaginationWrapper",props:{withPagination:{type:Boolean,required:!1,default:!1}}});X.render=function(e,n,o,a,r,l){return t.openBlock(),t.createElementBlock("div",{class:t.normalizeClass(["dt__pagination_wrapper--top md:dt-flex xs:dt-flex-col dt-items-center",{"dt-bg-white dt-py-4 dt-px-4 sm:dt-px-6":e.withPagination}])},[t.renderSlot(e.$slots,"default")],2)};var Y=t.defineComponent({name:"TableBodyCell"});const ee={class:"dt__table__tbody_td dt-px-6 dt-py-4 dt-whitespace-nowrap dt-text-sm dt-font-medium dt-text-gray-500"};Y.render=function(e,n,o,a,r,l){return t.openBlock(),t.createElementBlock("td",ee,[t.renderSlot(e.$slots,"default")])};var te=t.defineComponent({name:"SortIcon",props:{direction:{type:String,required:!0},iconClass:{type:String,default:"w-[8px] h-[9px]"}}});const ne=[t.createStaticVNode('<path d="M4.23254 8.36922L4.23254 8.6348C4.23254 8.78149 4.11363 8.90039 3.96695 8.90039L0.265588 8.90039C0.118904 8.90039 1.03949e-08 8.78149 2.32184e-08 8.6348L4.64368e-08 8.36922C5.92603e-08 8.22253 0.118904 8.10363 0.265588 8.10363L3.96695 8.10363C4.11363 8.10363 4.23254 8.22253 4.23254 8.36922Z" fill="#454545"></path><path d="M3.4682 7.10352L0.265588 7.10352C0.118904 7.10352 1.03949e-08 6.98461 2.32184e-08 6.83793L4.64368e-08 6.57234C5.92603e-08 6.42566 0.118904 6.30675 0.265588 6.30675L3.4682 6.30675C3.61489 6.30675 3.73379 6.42566 3.73379 6.57234L3.73379 6.83793C3.73379 6.98461 3.61489 7.10352 3.4682 7.10352Z" fill="#454545"></path><path d="M2.9694 5.30664L0.265588 5.30664C0.118904 5.30664 1.03949e-08 5.18774 2.32184e-08 5.04105L4.64368e-08 4.77547C5.92603e-08 4.62878 0.118904 4.50988 0.265588 4.50988L2.9694 4.50988C3.11609 4.50988 3.23499 4.62878 3.23499 4.77547L3.23499 5.04105C3.23499 5.18774 3.11609 5.30664 2.9694 5.30664Z" fill="#454545"></path><path d="M2.47063 3.50977L0.265588 3.50977C0.118904 3.50977 1.03949e-08 3.39086 2.32184e-08 3.24418L4.64368e-08 2.97859C5.92603e-08 2.83191 0.118904 2.713 0.265588 2.713L2.47063 2.713C2.61729 2.713 2.73622 2.83191 2.73622 2.97859L2.73622 3.24418C2.73622 3.39086 2.61731 3.50977 2.47063 3.50977Z" fill="#454545"></path><path d="M1.97183 1.71289L0.265587 1.71289C0.118903 1.71289 1.03949e-08 1.59399 2.32184e-08 1.4473L4.64368e-08 1.18172C5.92603e-08 1.03503 0.118903 0.916128 0.265587 0.916128L1.97183 0.916128C2.11848 0.916128 2.23741 1.03503 2.23741 1.18172L2.23741 1.4473C2.23741 1.59399 2.11851 1.71289 1.97183 1.71289Z" fill="#454545"></path><path d="M7.92246 3.23961L7.73467 3.42741C7.68487 3.47721 7.6173 3.5052 7.54687 3.5052C7.47644 3.5052 7.40887 3.47721 7.35905 3.42741L6.44561 2.51398L6.44561 8.50199C6.44561 8.64867 6.32671 8.76758 6.18003 8.76758L5.91444 8.76758C5.76776 8.76758 5.64885 8.64867 5.64885 8.50199L5.64885 2.514L4.73542 3.42744C4.68559 3.47723 4.61806 3.50523 4.54762 3.50523C4.47719 3.50523 4.40962 3.47723 4.35983 3.42744L4.172 3.23964C4.06832 3.13593 4.06832 2.96776 4.172 2.86405L5.85944 1.17661C5.91131 1.12474 5.97927 1.09882 6.04723 1.09882C6.1152 1.09882 6.18319 1.12474 6.23503 1.17661L7.92246 2.86405C8.02618 2.96776 8.02618 3.13593 7.92246 3.23961Z" fill="#454545"></path>',6)],oe=[t.createStaticVNode('<path d="M4.23254 0.630784V0.365197C4.23254 0.218513 4.11363 0.0996094 3.96695 0.0996094H0.265588C0.118904 0.0996094 0 0.218513 0 0.365197V0.630784C0 0.777468 0.118904 0.896372 0.265588 0.896372H3.96695C4.11363 0.896372 4.23254 0.777468 4.23254 0.630784Z" fill="#454545"></path><path d="M3.4682 1.89648H0.265588C0.118904 1.89648 0 2.01539 0 2.16207V2.42766C0 2.57434 0.118904 2.69325 0.265588 2.69325H3.4682C3.61489 2.69325 3.73379 2.57434 3.73379 2.42766V2.16207C3.73379 2.01539 3.61489 1.89648 3.4682 1.89648Z" fill="#454545"></path><path d="M2.9694 3.69336H0.265588C0.118904 3.69336 0 3.81226 0 3.95895V4.22453C0 4.37122 0.118904 4.49012 0.265588 4.49012H2.9694C3.11609 4.49012 3.23499 4.37122 3.23499 4.22453V3.95895C3.23499 3.81226 3.11609 3.69336 2.9694 3.69336Z" fill="#454545"></path><path d="M2.47063 5.49023H0.265588C0.118904 5.49023 0 5.60914 0 5.75582V6.02141C0 6.16809 0.118904 6.287 0.265588 6.287H2.47063C2.61729 6.287 2.73622 6.16809 2.73622 6.02141V5.75582C2.73622 5.60914 2.61731 5.49023 2.47063 5.49023Z" fill="#454545"></path><path d="M1.97183 7.28711H0.265587C0.118903 7.28711 0 7.40601 0 7.5527V7.81828C0 7.96497 0.118903 8.08387 0.265587 8.08387H1.97183C2.11848 8.08387 2.23741 7.96497 2.23741 7.81828V7.5527C2.23741 7.40601 2.11851 7.28711 1.97183 7.28711Z" fill="#454545"></path><path d="M7.92246 5.76039L7.73467 5.57259C7.68487 5.52279 7.6173 5.4948 7.54687 5.4948C7.47644 5.4948 7.40887 5.52279 7.35905 5.57259L6.44561 6.48602V0.498009C6.44561 0.351325 6.32671 0.232422 6.18003 0.232422H5.91444C5.76776 0.232422 5.64885 0.351325 5.64885 0.498009V6.486L4.73542 5.57256C4.68559 5.52277 4.61806 5.49477 4.54762 5.49477C4.47719 5.49477 4.40962 5.52277 4.35983 5.57256L4.172 5.76036C4.06832 5.86407 4.06832 6.03224 4.172 6.13595L5.85944 7.82339C5.91131 7.87526 5.97927 7.90118 6.04723 7.90118C6.1152 7.90118 6.18319 7.87526 6.23503 7.82339L7.92246 6.13595C8.02618 6.03224 8.02618 5.86407 7.92246 5.76039Z" fill="#454545"></path>',6)];te.render=function(e,n,o,a,r,l){return"up"===e.direction?(t.openBlock(),t.createElementBlock("svg",{key:0,viewBox:"0 0 8 9",fill:"none",class:t.normalizeClass(e.iconClass)},ne,2)):(t.openBlock(),t.createElementBlock("svg",{key:1,viewBox:"0 0 8 9",fill:"none",class:t.normalizeClass(e.iconClass)},oe,2))};var ae=t.defineComponent({name:"TableHeadCell",components:{SortIcon:te},props:{sortable:{type:Boolean,default:!1},column:{type:String,default:""},sort:{type:String,default:""}},emits:["sorting"],setup(e,{emit:n}){const o=t.computed((()=>{const{sort:t,column:n}=e;return t===n&&!(null==t?void 0:t.startsWith("-"))})),a=t.computed((()=>o.value?"-":""));return{sortDescending:o,availableOrder:a,handleClick:()=>{e.sortable&&n("sorting",a.value+e.column)}}}});ae.render=function(e,n,o,a,r,l){const d=t.resolveComponent("SortIcon");return t.openBlock(),t.createElementBlock("th",{scope:"col",class:t.normalizeClass(["dt__table__thead__th dt-px-6 dt-py-3 dt-text-left dt-text-xs dt-font-medium dt-text-gray-500 dt-uppercase dt-tracking-wider",{"dt-cursor-pointer":e.sortable}]),onClick:n[0]||(n[0]=(...t)=>e.handleClick&&e.handleClick(...t))},[t.renderSlot(e.$slots,"default"),e.sortable?(t.openBlock(),t.createElementBlock(t.Fragment,{key:0},[e.sortDescending?t.renderSlot(e.$slots,"sorting-up-icon",{key:0},(()=>[t.createVNode(d,{direction:"up"})])):t.renderSlot(e.$slots,"sorting-down-icon",{key:1},(()=>[t.createVNode(d,{direction:"down"})]))],64)):t.createCommentVNode("",!0)],2)};var re=t.defineComponent({name:"TableRow",props:{rowIndex:{type:[Number,String],required:!1,default:0},striped:{type:Boolean,required:!1,default:!1},hoverable:{type:Boolean,required:!1,default:!1},nonClickable:{type:Boolean,required:!1,default:!1}},emits:["clicked"],setup:e=>({formattedRowIndex:t.ref(parseInt(e.rowIndex)||0)})});re.render=function(e,n,o,a,r,l){return t.openBlock(),t.createElementBlock("tr",{class:t.normalizeClass(["dt__table__row",{"dt-bg-white":!e.striped||e.striped&&e.formattedRowIndex%2==0,"dt-bg-gray-50":e.striped&&e.formattedRowIndex%2,"hover:dt-bg-gray-100":e.hoverable,"dt-cursor-pointer":e.hoverable&&!e.nonClickable}]),onClick:n[0]||(n[0]=t.withModifiers((t=>e.$emit("clicked")),["stop"]))},[t.renderSlot(e.$slots,"default")],2)};var le=t.defineComponent({name:"TableWrapper"});const de={class:"dt__table_wrapper dt-overflow-auto"},ie={class:"dt__table dt-min-w-full dt-divide-y dt-divide-gray-200"};le.render=function(e,n,o,a,r,l){return t.openBlock(),t.createElementBlock("div",de,[t.createElementVNode("table",ie,[t.renderSlot(e.$slots,"default")])])};var se=t.defineComponent({name:"TBody"});const ce={class:"dt__table__tbody"};se.render=function(e,n,o,a,r,l){return t.openBlock(),t.createElementBlock("tbody",ce,[t.renderSlot(e.$slots,"default")])};var pe=t.defineComponent({name:"THead"});const ue={class:"dt__table__thead dt-bg-gray-50"},me={class:"dt__table__thead__tr"};pe.render=function(e,n,o,a,r,l){return t.openBlock(),t.createElementBlock("thead",ue,[t.createElementVNode("tr",me,[t.renderSlot(e.$slots,"default")])])};const ge=[5,10,15,25,50,75,100],Ce=t.defineComponent({name:"DataTable",components:{TableHeadCell:ae,TableBodyCell:Y,TBody:se,TableRow:re,THead:pe,BottomPaginationWrapper:f,TableWrapper:le,PaginationSize:A,TopPaginationWrapper:X,Filter:d,Loading:m,Pagination:B},props:{rows:{type:Array,required:!0},columns:{type:Object,required:!1,default:null},pagination:{type:Object,required:!1,default:null},rounded:{type:Boolean,required:!1,default:!1},striped:{type:Boolean,required:!1,default:!1},sn:{type:Boolean,required:!1,default:!1},filter:{type:Boolean,required:!1,default:!1},loading:{type:Boolean,required:!1,default:!1},perPageOptions:{type:Array,required:!1,default:()=>ge},query:{type:Object,required:!1,default:()=>({})},topPagination:{type:Boolean,required:!1,default:!1},bottomPagination:{type:Boolean,required:!1,default:!0},hoverable:{type:Boolean,required:!1,default:!1},nonClickable:{type:Boolean,required:!1,default:!1}},emits:["loadData","rowClicked"],setup(e,{emit:n}){var o,a,r,l;const d=t.ref({page:(null==(o=e.pagination)?void 0:o.page)||1,search:(null==(a=e.query)?void 0:a.search)||"",per_page:(null==(r=e.pagination)?void 0:r.per_page)||10,sort:(null==(l=e.query)?void 0:l.sort)||""}),i=t.computed((()=>!!e.pagination)),s=t.computed((()=>{var t;return(null==(t=e.pagination)?void 0:t.total)||e.rows.length})),c=t.computed((()=>e.rows)),p=t.computed((()=>e.columns?e.columns:0===e.rows.length?{}:Object.keys(e.rows[0]).reduce(((e,t)=>{return __spreadProps(__spreadValues({},e),{[t]:(n=t,n.toLowerCase().replace(/[-_]/g," ").split(" ").map((e=>e.charAt(0).toUpperCase()+e.slice(1))).join(" "))});var n}),{}))),u=t.computed((()=>i.value?d.value.per_page*(d.value.page-1):0));t.watch((()=>__spreadValues({},d.value)),(()=>{n("loadData",d.value)}),{deep:!0,immediate:!0});const m=((e,t=400)=>{let n;return(...o)=>{clearTimeout(n),n=setTimeout((()=>e(...o)),t)}})((e=>{d.value=__spreadProps(__spreadValues({},d.value),{page:1,search:e})}));return{tableQuery:d,showPagination:i,totalData:s,tableRows:c,tableColumns:p,paginatedRowIndex:u,uniqueId:()=>Math.floor(100*Math.random()),handlePageChange:e=>{d.value.page=e},handleOnSearchChange:m,handleOnPaginationSizeChange:e=>{d.value=__spreadProps(__spreadValues({},d.value),{page:1,per_page:e})},rowClickHandler:t=>{!e.nonClickable&&e.hoverable&&n("rowClicked",t)},handleSorting:e=>{d.value.sort=e}}}});const fe={class:"data-table dt-flex dt-flex-col"},_e={class:"dt-align-middle dt-min-w-full"},he=t.createTextVNode(" Showing "),ve=["textContent"],ye=t.createTextVNode(" to "),be=["textContent"],ke=t.createTextVNode(" of "),xe=["textContent"],we=t.createTextVNode(" results. "),Pe=t.createTextVNode(" Showing "),Be=["textContent"],Ve=t.createTextVNode(" to "),Ne=["textContent"],Se=t.createTextVNode(" of "),Ee=["textContent"],Le=t.createTextVNode(" results. ");Ce.render=function(e,n,o,a,r,l){const d=t.resolveComponent("Filter"),i=t.resolveComponent("Loading"),s=t.resolveComponent("Pagination"),c=t.resolveComponent("PaginationSize"),p=t.resolveComponent("TopPaginationWrapper"),u=t.resolveComponent("TableHeadCell"),m=t.resolveComponent("THead"),g=t.resolveComponent("TableBodyCell"),C=t.resolveComponent("TableRow"),f=t.resolveComponent("TBody"),_=t.resolveComponent("TableWrapper"),h=t.resolveComponent("pagination"),v=t.resolveComponent("BottomPaginationWrapper");return t.openBlock(),t.createElementBlock("div",fe,[t.createElementVNode("div",_e,[e.filter&&e.topPagination?(t.openBlock(),t.createBlock(d,{key:0,search:e.tableQuery.search,onInput:e.handleOnSearchChange},null,8,["search","onInput"])):t.createCommentVNode("",!0),t.createElementVNode("div",{class:t.normalizeClass(["dt__wrapper dt-relative",{"sm:dt-rounded-lg":e.rounded}])},[e.loading?t.renderSlot(e.$slots,"loading",{key:0},(()=>[t.createVNode(i)])):t.createCommentVNode("",!0),e.showPagination?(t.openBlock(),t.createBlock(p,{key:1,"with-pagination":e.topPagination},{default:t.withCtx((()=>[e.topPagination?(t.openBlock(),t.createBlock(s,{key:0,class:"dt-flex-1 dt-pr-4",total:e.totalData,"current-page":e.tableQuery.page,"per-page":parseInt(e.tableQuery.per_page.toString()),onChanged:e.handlePageChange},{"pagination-info":t.withCtx((n=>[t.renderSlot(e.$slots,"pagination-info",{start:n.start,end:n.end,total:n.total},(()=>[he,t.createElementVNode("span",{class:"dt-font-medium",textContent:t.toDisplayString(n.start)},null,8,ve),ye,t.createElementVNode("span",{class:"dt-font-medium",textContent:t.toDisplayString(n.end)},null,8,be),ke,t.createElementVNode("span",{class:"dt-font-medium",textContent:t.toDisplayString(n.total)},null,8,xe),we]))])),_:3},8,["total","current-page","per-page","onChanged"])):t.createCommentVNode("",!0),e.filter&&!e.topPagination?(t.openBlock(),t.createBlock(d,{key:1,search:e.tableQuery.search,onInput:e.handleOnSearchChange},null,8,["search","onInput"])):t.createCommentVNode("",!0),t.createVNode(c,{value:e.tableQuery.per_page,options:e.perPageOptions,onInput:e.handleOnPaginationSizeChange},null,8,["value","options","onInput"])])),_:3},8,["with-pagination"])):t.createCommentVNode("",!0),t.createVNode(_,null,{default:t.withCtx((()=>[t.createVNode(m,null,{default:t.withCtx((()=>[e.sn?t.renderSlot(e.$slots,"thead-sn",{key:0},(()=>[t.createVNode(u,{class:"dt__table__thead__th_sn",textContent:t.toDisplayString("S.N.")},null,8,["textContent"])])):t.createCommentVNode("",!0),t.renderSlot(e.$slots,"thead",{column:e.tableColumns},(()=>[(t.openBlock(!0),t.createElementBlock(t.Fragment,null,t.renderList(e.tableColumns,((n,o)=>(t.openBlock(),t.createBlock(u,{key:`datatable-thead-th-${o}`,onSorting:e.handleSorting,textContent:t.toDisplayString(n)},null,8,["onSorting","textContent"])))),128))]))])),_:3}),t.createVNode(f,null,{default:t.withCtx((()=>[(t.openBlock(!0),t.createElementBlock(t.Fragment,null,t.renderList(e.tableRows,((n,o)=>(t.openBlock(),t.createBlock(C,{key:`datatable-row-${e.uniqueId()}-${o}`,hoverable:e.hoverable,"non-clickable":e.nonClickable,"row-index":o,striped:e.striped,onClicked:t=>e.rowClickHandler(n)},{default:t.withCtx((()=>[e.sn?t.renderSlot(e.$slots,"tbody-sn",{key:0,sn:o+1},(()=>[t.createVNode(g,{class:"dt__table__tbody_td_sn",textContent:t.toDisplayString(o+1+e.paginatedRowIndex)},null,8,["textContent"])])):t.createCommentVNode("",!0),t.renderSlot(e.$slots,"tbody",{index:o,row:n},(()=>[(t.openBlock(!0),t.createElementBlock(t.Fragment,null,t.renderList(e.tableColumns,((o,a)=>(t.openBlock(),t.createBlock(g,{key:`datatable-tbody-td-${e.uniqueId()}-${a}`,name:o,textContent:t.toDisplayString(n[a])},null,8,["name","textContent"])))),128))]))])),_:2},1032,["hoverable","non-clickable","row-index","striped","onClicked"])))),128)),0===e.tableRows.length?(t.openBlock(),t.createBlock(C,{key:0,"row-index":0},{default:t.withCtx((()=>[t.renderSlot(e.$slots,"empty")])),_:3})):t.createCommentVNode("",!0)])),_:3})])),_:3}),e.showPagination&&e.bottomPagination?(t.openBlock(),t.createBlock(v,{key:2},{default:t.withCtx((()=>[t.createVNode(h,{total:e.totalData,"current-page":e.tableQuery.page,"per-page":parseInt(e.tableQuery.per_page.toString()),onChanged:e.handlePageChange},{"pagination-info":t.withCtx((n=>[t.renderSlot(e.$slots,"pagination-info",{start:n.start,end:n.end,total:n.total},(()=>[Pe,t.createElementVNode("span",{class:"dt-font-medium",textContent:t.toDisplayString(n.start)},null,8,Be),Ve,t.createElementVNode("span",{class:"dt-font-medium",textContent:t.toDisplayString(n.end)},null,8,Ne),Se,t.createElementVNode("span",{class:"dt-font-medium",textContent:t.toDisplayString(n.total)},null,8,Ee),Le]))])),_:3},8,["total","current-page","per-page","onChanged"])])),_:3})):t.createCommentVNode("",!0)],2)])])},e.DataTable=Ce,e.Pagination=B,e.PaginationLink=w,e.TableBody=Y,e.TableBodyCell=Y,e.TableHead=ae,e.TableHeadCell=ae,Object.defineProperty(e,"__esModule",{value:!0}),e[Symbol.toStringTag]="Module"}));
var __defProp=Object.defineProperty,__defProps=Object.defineProperties,__getOwnPropDescs=Object.getOwnPropertyDescriptors,__getOwnPropSymbols=Object.getOwnPropertySymbols,__hasOwnProp=Object.prototype.hasOwnProperty,__propIsEnum=Object.prototype.propertyIsEnumerable,__defNormalProp=(e,t,o)=>t in e?__defProp(e,t,{enumerable:!0,configurable:!0,writable:!0,value:o}):e[t]=o,__spreadValues=(e,t)=>{for(var o in t||(t={}))__hasOwnProp.call(t,o)&&__defNormalProp(e,o,t[o]);if(__getOwnPropSymbols)for(var o of __getOwnPropSymbols(t))__propIsEnum.call(t,o)&&__defNormalProp(e,o,t[o]);return e},__spreadProps=(e,t)=>__defProps(e,__getOwnPropDescs(t));!function(e,t){"object"==typeof exports&&"undefined"!=typeof module?t(exports,require("vue")):"function"==typeof define&&define.amd?define(["exports","vue"],t):t((e="undefined"!=typeof globalThis?globalThis:e||self)["@jobinsjp/vue3-datatable"]={},e.Vue)}(this,(function(e,t){"use strict";var o=t.defineComponent({name:"SearchIcon"});const n={xmlns:"http://www.w3.org/2000/svg",class:"dt-h-5 dt-w-5",viewBox:"0 0 20 20",fill:"currentColor"},a=[t.createElementVNode("path",{"fill-rule":"evenodd",d:"M8 4a4 4 0 100 8 4 4 0 000-8zM2 8a6 6 0 1110.89 3.476l4.817 4.817a1 1 0 01-1.414 1.414l-4.816-4.816A6 6 0 012 8z","clip-rule":"evenodd"},null,-1)];o.render=function(e,o,r,l,d,i){return t.openBlock(),t.createElementBlock("svg",n,a)};var r=t.defineComponent({name:"SearchInput",props:{value:{type:String,required:!0}}});const l=["value"];r.render=function(e,o,n,a,r,d){return t.openBlock(),t.createElementBlock("input",t.mergeProps({value:e.value,type:"search",name:"search",class:"dt__filter__search dt-block dt-border dt-border-gray-300 dt-pr-10 dt-px-2 dt-py-2\n dt-rounded-md dt-w-full dt-outline-none focus:dt-ring-1 focus:dt-ring-inset sm:dt-text-sm"},e.$attrs),null,16,l)};var d=t.defineComponent({name:"Filter",components:{SearchInput:r,SearchIcon:o},props:{search:{type:String,required:!0}},emits:["input"]});const i={class:"dt__filter dt-mb-3 dt-w-full"},s={class:"dt-w-64"},c=t.createElementVNode("label",{for:"email",class:"dt-sr-only"},"Search",-1),p={class:"dt-relative dt-rounded-md dt-shadow-sm"},u={class:"dt-absolute dt-inset-y-0 dt-right-0 dt-pr-3 dt-flex dt-items-center dt-pointer-events-none"};d.render=function(e,o,n,a,r,l){const d=t.resolveComponent("SearchInput"),m=t.resolveComponent("SearchIcon");return t.openBlock(),t.createElementBlock("div",i,[t.createElementVNode("div",s,[c,t.createElementVNode("div",p,[t.createVNode(d,{value:e.search,onInput:o[0]||(o[0]=t=>e.$emit("input",t.target.value))},null,8,["value"]),t.createElementVNode("div",u,[t.createVNode(m,{class:"dt-text-gray-400"})])])])])};var m=t.defineComponent({name:"Loading"});t.pushScopeId("data-v-685865e4");const g={class:"dt__loading dt-absolute dt-h-full dt-w-full"},C=[t.createElementVNode("div",{class:"dt-flex dt-justify-center dt-items-center"},[t.createElementVNode("div",{class:"dt__loading_item dt-absolute dt-w-20 dt-h-20 dt-rounded-full"}),t.createElementVNode("div",{class:"dt__loading_item dt-absolute dt-w-20 dt-h-20 dt-rounded-full"})],-1)];t.popScopeId(),m.render=function(e,o,n,a,r,l){return t.openBlock(),t.createElementBlock("div",g,C)},m.__scopeId="data-v-685865e4";var f=t.defineComponent({name:"BottomPaginationWrapper"});const h={class:"dt__pagination_wrapper--bottom dt-bg-white dt-shadow-inner"},_={class:"dt-px-4 sm:dt-px-6 dt-py-4"};f.render=function(e,o,n,a,r,l){return t.openBlock(),t.createElementBlock("div",h,[t.createElementVNode("div",_,[t.renderSlot(e.$slots,"default")])])};var v=t.defineComponent({name:"PaginationButtons"});const y={class:"dt__pagination__nav dt-relative dt-z-0 dt-inline-flex dt-rounded-md dt-shadow-sm dt--space-x-px","aria-label":"Pagination"};v.render=function(e,o,n,a,r,l){return t.openBlock(),t.createElementBlock("nav",y,[t.renderSlot(e.$slots,"default")])};var k=t.defineComponent({name:"PaginationInfo"});const b={class:"dt__pagination__info"},x={class:"dt-text-sm dt-text-gray-700"};k.render=function(e,o,n,a,r,l){return t.openBlock(),t.createElementBlock("div",b,[t.createElementVNode("p",x,[t.renderSlot(e.$slots,"default")])])};var w=t.defineComponent({name:"PaginationLink",props:{active:{type:Boolean,required:!1,default:!1},disabled:{type:Boolean,required:!1,default:!1}},setup:e=>({linkClasses:t.computed((()=>e.active?"dt-bg-gray-200 dt-border-gray-300 dt-text-gray-800 hover:dt-bg-gray-200":e.disabled?"dt-cursor-not-allowed dt-text-gray-400":"dt-border-gray-300 dt-bg-white dt-text-gray-500 hover:dt-bg-gray-50"))})});w.render=function(e,o,n,a,r,l){return t.openBlock(),t.createElementBlock("a",t.mergeProps({href:"#",class:["dt__pagination__link dt-relative dt-inline-flex dt-items-center dt-px-4 dt-py-2 dt-border dt-text-sm dt-font-medium",e.linkClasses]},t.toHandlers(__spreadValues({},e.$attrs))),[t.renderSlot(e.$slots,"default")],16)};const B="left";var P=t.defineComponent({name:"Pagination",components:{PaginationButtons:v,PaginationInfo:k,PaginationLink:w},props:{total:{type:Number,required:!0},perPage:{type:Number,required:!0},currentPage:{type:Number,required:!1,default:1},maxVisibleButtons:{type:Number,required:!1,default:5}},emits:["changed"],setup(e,{emit:o}){const n=t.computed((()=>(e.currentPage-1)*e.perPage+1)),a=t.computed((()=>e.total>e.currentPage*e.perPage?e.currentPage*e.perPage:e.total)),r=t.computed((()=>Math.ceil(e.total/e.perPage))),l=t.computed((()=>1===e.currentPage?1:e.currentPage===r.value?r.value-e.maxVisibleButtons+1:e.currentPage-1)),d=t.computed((()=>Math.min(l.value+e.maxVisibleButtons-1,r.value))),i=t.computed((()=>{const e=[];for(let t=l.value;t<=d.value;t+=1)t>0&&e.push(t);return e})),s=t.computed((()=>1===e.currentPage)),c=t.computed((()=>e.currentPage===r.value)),p=e=>{o("changed",e)};return{currentStart:n,currentEnd:a,totalPages:r,pages:i,isInFirstPage:s,isInLastPage:c,goToPageNumber:p,gotoFirstPage:()=>p(1),gotoLastPage:()=>p(r.value),gotoNextPage:()=>p(e.currentPage>=r.value?r.value:e.currentPage+1),gotoPreviousPage:()=>p(e.currentPage<=1?1:e.currentPage-1),showDots:(e=B)=>{const t=e===B?1:r.value,o=e===B?2:r.value-1;return!i.value.includes(t)||!i.value.includes(o)}}}});const V={key:0,class:"dt__pagination dt-bg-white dt-flex dt-items-center dt-justify-between"},N={class:"dt-hidden sm:dt-flex-1 sm:dt-flex sm:dt-items-center sm:dt-justify-between"},S=t.createTextVNode(" Showing "),L=["textContent"],E=t.createTextVNode(" to "),T=["textContent"],I=t.createTextVNode(" of "),q=["textContent"],$=t.createTextVNode(" results. "),M=t.createElementVNode("span",{class:"dt-sr-only"},"Go to first",-1),D=t.createTextVNode(" « "),H=t.createElementVNode("span",{class:"dt-sr-only"},"Previous",-1),O=t.createTextVNode(" ‹ "),j=t.createTextVNode(" 1 "),F=t.createTextVNode(" ... "),z=t.createTextVNode(" ... "),Z=t.createElementVNode("span",{class:"dt-sr-only"},"Next",-1),R=t.createTextVNode(" › "),W=t.createElementVNode("span",{class:"dt-sr-only"},"Go to Last",-1),Q=t.createTextVNode(" » ");P.render=function(e,o,n,a,r,l){const d=t.resolveComponent("PaginationInfo"),i=t.resolveComponent("pagination-link"),s=t.resolveComponent("PaginationButtons");return e.totalPages?(t.openBlock(),t.createElementBlock("div",V,[t.createElementVNode("div",N,[e.total?(t.openBlock(),t.createBlock(d,{key:0},{default:t.withCtx((()=>[t.renderSlot(e.$slots,"pagination-info",{start:e.currentStart,end:e.currentEnd,total:e.total},(()=>[S,t.createElementVNode("span",{class:"dt-font-medium",textContent:t.toDisplayString(e.currentStart)},null,8,L),E,t.createElementVNode("span",{class:"dt-font-medium",textContent:t.toDisplayString(e.currentEnd)},null,8,T),I,t.createElementVNode("span",{class:"dt-font-medium",textContent:t.toDisplayString(e.total)},null,8,q),$]))])),_:3})):t.createCommentVNode("",!0),e.totalPages>1?(t.openBlock(),t.createBlock(s,{key:1},{default:t.withCtx((()=>[t.createVNode(i,{key:"page_first",disabled:e.isInFirstPage,class:"dt-rounded-l-md",onClick:t.withModifiers(e.gotoFirstPage,["prevent"])},{default:t.withCtx((()=>[M,D])),_:1},8,["disabled","onClick"]),t.createVNode(i,{key:"page_previous",disabled:e.isInFirstPage,onClick:t.withModifiers(e.gotoPreviousPage,["prevent"])},{default:t.withCtx((()=>[H,O])),_:1},8,["disabled","onClick"]),e.showDots("left")?(t.openBlock(),t.createElementBlock(t.Fragment,{key:0},[t.createVNode(i,{key:"page_1",class:"dt-block sm:dt-hidden",disabled:e.isInFirstPage,active:e.isInFirstPage,onClick:t.withModifiers(e.gotoFirstPage,["prevent"])},{default:t.withCtx((()=>[j])),_:1},8,["disabled","active","onClick"]),t.createVNode(i,{key:"page_divider_left",class:"sm:dt-hidden"},{default:t.withCtx((()=>[F])),_:1})],64)):t.createCommentVNode("",!0),(t.openBlock(!0),t.createElementBlock(t.Fragment,null,t.renderList(e.pages,(o=>(t.openBlock(),t.createBlock(i,{key:`pages_${o}`,class:"dt-hidden md:dt-inline-block",active:o===e.currentPage,disabled:o===e.currentPage,onClick:t.withModifiers((t=>e.goToPageNumber(o)),["prevent"])},{default:t.withCtx((()=>[t.createTextVNode(t.toDisplayString(o),1)])),_:2},1032,["active","disabled","onClick"])))),128)),e.showDots("right")?(t.openBlock(),t.createElementBlock(t.Fragment,{key:1},[t.createVNode(i,{key:"page_divider_right",class:"sm:dt-hidden"},{default:t.withCtx((()=>[z])),_:1}),t.createVNode(i,{key:`page_${e.totalPages}`,class:"sm:dt-hidden",disabled:e.isInLastPage,active:e.isInLastPage,onClick:t.withModifiers(e.gotoLastPage,["prevent"])},{default:t.withCtx((()=>[t.createTextVNode(t.toDisplayString(e.totalPages),1)])),_:1},8,["disabled","active","onClick"])],64)):t.createCommentVNode("",!0),t.createVNode(i,{key:"page_next",disabled:e.isInLastPage,onClick:t.withModifiers(e.gotoNextPage,["prevent"])},{default:t.withCtx((()=>[Z,R])),_:1},8,["disabled","onClick"]),t.createVNode(i,{key:"page_last",disabled:e.isInLastPage,class:"dt-rounded-r-md",onClick:t.withModifiers(e.gotoLastPage,["prevent"])},{default:t.withCtx((()=>[W,Q])),_:1},8,["disabled","onClick"])])),_:1})):t.createCommentVNode("",!0)])])):t.createCommentVNode("",!0)};var A=t.defineComponent({name:"PaginationSize",props:{value:{type:[Number,String],required:!0},options:{type:Array,required:!0}},emits:["input"]});const G={class:"dt__pagination_size_wrapper dt-w-full dt-flex dt-justify-end sm:dt-w-auto"},U=t.createElementVNode("label",{for:"location",class:"dt-sr-only"},"Per page",-1),J=["value"],K=["value","selected","textContent"];A.render=function(e,o,n,a,r,l){return t.openBlock(),t.createElementBlock("div",G,[t.createElementVNode("div",null,[U,t.createElementVNode("select",{value:e.value,name:"per_page",class:"dt__pagination_size dt-block dt-w-full dt-pl-3 dt-pr-5 dt-py-2 dt-text-base dt-border\n dt-border-gray-300 sm:dt-text-sm dt-rounded-md dt-outline-none focus:dt-ring-1 focus:dt-ring-inset",onInput:o[0]||(o[0]=t=>e.$emit("input",t.target.value))},[(t.openBlock(!0),t.createElementBlock(t.Fragment,null,t.renderList(e.options,(o=>(t.openBlock(),t.createElementBlock("option",{key:`per_page_${o}`,value:o,selected:o===e.value,textContent:t.toDisplayString(o)},null,8,K)))),128))],40,J)])])};var X=t.defineComponent({name:"TopPaginationWrapper",props:{withPagination:{type:Boolean,required:!1,default:!1}}});X.render=function(e,o,n,a,r,l){return t.openBlock(),t.createElementBlock("div",{class:t.normalizeClass(["dt__pagination_wrapper--top md:dt-flex xs:dt-flex-col dt-items-center",{"dt-bg-white dt-py-4 dt-px-4 sm:dt-px-6":e.withPagination}])},[t.renderSlot(e.$slots,"default")],2)};var Y=t.defineComponent({name:"TableBodyCell"});const ee={class:"dt__table__tbody_td dt-px-6 dt-py-4 dt-whitespace-nowrap dt-text-sm dt-font-medium dt-text-gray-500"};Y.render=function(e,o,n,a,r,l){return t.openBlock(),t.createElementBlock("td",ee,[t.renderSlot(e.$slots,"default")])};var te=t.defineComponent({name:"SortIcon",props:{direction:{type:String,required:!0},iconClass:{type:String,default:"dt-w-[10px] dt-h-[10px] dt-ml-2"}}});const oe=[t.createStaticVNode('<path d="M4.23254 8.36922L4.23254 8.6348C4.23254 8.78149 4.11363 8.90039 3.96695 8.90039L0.265588 8.90039C0.118904 8.90039 1.03949e-08 8.78149 2.32184e-08 8.6348L4.64368e-08 8.36922C5.92603e-08 8.22253 0.118904 8.10363 0.265588 8.10363L3.96695 8.10363C4.11363 8.10363 4.23254 8.22253 4.23254 8.36922Z" fill="#454545"></path><path d="M3.4682 7.10352L0.265588 7.10352C0.118904 7.10352 1.03949e-08 6.98461 2.32184e-08 6.83793L4.64368e-08 6.57234C5.92603e-08 6.42566 0.118904 6.30675 0.265588 6.30675L3.4682 6.30675C3.61489 6.30675 3.73379 6.42566 3.73379 6.57234L3.73379 6.83793C3.73379 6.98461 3.61489 7.10352 3.4682 7.10352Z" fill="#454545"></path><path d="M2.9694 5.30664L0.265588 5.30664C0.118904 5.30664 1.03949e-08 5.18774 2.32184e-08 5.04105L4.64368e-08 4.77547C5.92603e-08 4.62878 0.118904 4.50988 0.265588 4.50988L2.9694 4.50988C3.11609 4.50988 3.23499 4.62878 3.23499 4.77547L3.23499 5.04105C3.23499 5.18774 3.11609 5.30664 2.9694 5.30664Z" fill="#454545"></path><path d="M2.47063 3.50977L0.265588 3.50977C0.118904 3.50977 1.03949e-08 3.39086 2.32184e-08 3.24418L4.64368e-08 2.97859C5.92603e-08 2.83191 0.118904 2.713 0.265588 2.713L2.47063 2.713C2.61729 2.713 2.73622 2.83191 2.73622 2.97859L2.73622 3.24418C2.73622 3.39086 2.61731 3.50977 2.47063 3.50977Z" fill="#454545"></path><path d="M1.97183 1.71289L0.265587 1.71289C0.118903 1.71289 1.03949e-08 1.59399 2.32184e-08 1.4473L4.64368e-08 1.18172C5.92603e-08 1.03503 0.118903 0.916128 0.265587 0.916128L1.97183 0.916128C2.11848 0.916128 2.23741 1.03503 2.23741 1.18172L2.23741 1.4473C2.23741 1.59399 2.11851 1.71289 1.97183 1.71289Z" fill="#454545"></path><path d="M7.92246 3.23961L7.73467 3.42741C7.68487 3.47721 7.6173 3.5052 7.54687 3.5052C7.47644 3.5052 7.40887 3.47721 7.35905 3.42741L6.44561 2.51398L6.44561 8.50199C6.44561 8.64867 6.32671 8.76758 6.18003 8.76758L5.91444 8.76758C5.76776 8.76758 5.64885 8.64867 5.64885 8.50199L5.64885 2.514L4.73542 3.42744C4.68559 3.47723 4.61806 3.50523 4.54762 3.50523C4.47719 3.50523 4.40962 3.47723 4.35983 3.42744L4.172 3.23964C4.06832 3.13593 4.06832 2.96776 4.172 2.86405L5.85944 1.17661C5.91131 1.12474 5.97927 1.09882 6.04723 1.09882C6.1152 1.09882 6.18319 1.12474 6.23503 1.17661L7.92246 2.86405C8.02618 2.96776 8.02618 3.13593 7.92246 3.23961Z" fill="#454545"></path>',6)],ne=[t.createStaticVNode('<path d="M4.23254 0.630784V0.365197C4.23254 0.218513 4.11363 0.0996094 3.96695 0.0996094H0.265588C0.118904 0.0996094 0 0.218513 0 0.365197V0.630784C0 0.777468 0.118904 0.896372 0.265588 0.896372H3.96695C4.11363 0.896372 4.23254 0.777468 4.23254 0.630784Z" fill="#454545"></path><path d="M3.4682 1.89648H0.265588C0.118904 1.89648 0 2.01539 0 2.16207V2.42766C0 2.57434 0.118904 2.69325 0.265588 2.69325H3.4682C3.61489 2.69325 3.73379 2.57434 3.73379 2.42766V2.16207C3.73379 2.01539 3.61489 1.89648 3.4682 1.89648Z" fill="#454545"></path><path d="M2.9694 3.69336H0.265588C0.118904 3.69336 0 3.81226 0 3.95895V4.22453C0 4.37122 0.118904 4.49012 0.265588 4.49012H2.9694C3.11609 4.49012 3.23499 4.37122 3.23499 4.22453V3.95895C3.23499 3.81226 3.11609 3.69336 2.9694 3.69336Z" fill="#454545"></path><path d="M2.47063 5.49023H0.265588C0.118904 5.49023 0 5.60914 0 5.75582V6.02141C0 6.16809 0.118904 6.287 0.265588 6.287H2.47063C2.61729 6.287 2.73622 6.16809 2.73622 6.02141V5.75582C2.73622 5.60914 2.61731 5.49023 2.47063 5.49023Z" fill="#454545"></path><path d="M1.97183 7.28711H0.265587C0.118903 7.28711 0 7.40601 0 7.5527V7.81828C0 7.96497 0.118903 8.08387 0.265587 8.08387H1.97183C2.11848 8.08387 2.23741 7.96497 2.23741 7.81828V7.5527C2.23741 7.40601 2.11851 7.28711 1.97183 7.28711Z" fill="#454545"></path><path d="M7.92246 5.76039L7.73467 5.57259C7.68487 5.52279 7.6173 5.4948 7.54687 5.4948C7.47644 5.4948 7.40887 5.52279 7.35905 5.57259L6.44561 6.48602V0.498009C6.44561 0.351325 6.32671 0.232422 6.18003 0.232422H5.91444C5.76776 0.232422 5.64885 0.351325 5.64885 0.498009V6.486L4.73542 5.57256C4.68559 5.52277 4.61806 5.49477 4.54762 5.49477C4.47719 5.49477 4.40962 5.52277 4.35983 5.57256L4.172 5.76036C4.06832 5.86407 4.06832 6.03224 4.172 6.13595L5.85944 7.82339C5.91131 7.87526 5.97927 7.90118 6.04723 7.90118C6.1152 7.90118 6.18319 7.87526 6.23503 7.82339L7.92246 6.13595C8.02618 6.03224 8.02618 5.86407 7.92246 5.76039Z" fill="#454545"></path>',6)],ae=[t.createStaticVNode('<g clip-path="url(#clip0)"><path d="M4.23254 0.630296V0.364709C4.23254 0.218025 4.11363 0.0991211 3.96695 0.0991211H0.265587C0.118904 0.0991211 0 0.218025 0 0.364709V0.630296C0 0.77698 0.118904 0.895884 0.265587 0.895884H3.96695C4.11363 0.895884 4.23254 0.77698 4.23254 0.630296Z"></path><path d="M4.23254 7.2657V7.53129C4.23254 7.67797 4.11363 7.79688 3.96695 7.79688H0.265587C0.118904 7.79688 0 7.67797 0 7.53129V7.2657C0 7.11902 0.118904 7.00011 0.265587 7.00011H3.96695C4.11363 7.00011 4.23254 7.11902 4.23254 7.2657Z"></path><path d="M2.9694 3.69287H0.265588C0.118904 3.69287 0 3.81177 0 3.95846V4.22405C0 4.37073 0.118904 4.48963 0.265588 4.48963H2.9694C3.11609 4.48963 3.23499 4.37073 3.23499 4.22405V3.95846C3.23499 3.81177 3.11609 3.69287 2.9694 3.69287Z"></path><path d="M7.92222 5.7599L7.73442 5.5721C7.68462 5.5223 7.61706 5.49431 7.54663 5.49431C7.47619 5.49431 7.40863 5.5223 7.3588 5.5721L6.44537 6.48554L6.5 4.5L6 4.5C5.85332 4.5 5.5 4.5 5.5 4.5L5.64861 6.48551L4.73517 5.57207C4.68535 5.52228 4.61781 5.49428 4.54738 5.49428C4.47694 5.49428 4.40938 5.52228 4.35958 5.57207L4.17176 5.75987C4.06807 5.86358 4.06807 6.03175 4.17176 6.13547L5.85919 7.8229C5.91106 7.87477 5.97902 7.90069 6.04699 7.90069C6.11495 7.90069 6.18294 7.87477 6.23479 7.8229L7.92222 6.13547C8.02593 6.03175 8.02593 5.86358 7.92222 5.7599Z"></path><path d="M4.07778 2.14074L4.26558 2.32853C4.31538 2.37833 4.38294 2.40632 4.45337 2.40632C4.52381 2.40632 4.59137 2.37833 4.6412 2.32853L5.55463 1.4151L5.5 3.40063L6 3.40063C6.14668 3.40063 6.5 3.40063 6.5 3.40063L6.35139 1.41513L7.26483 2.32856C7.31465 2.37836 7.38219 2.40635 7.45262 2.40635C7.52306 2.40635 7.59062 2.37836 7.64042 2.32856L7.82824 2.14076C7.93193 2.03705 7.93193 1.86888 7.82824 1.76517L6.14081 0.0777329C6.08894 0.0258636 6.02098 -5.78621e-05 5.95301 -5.7868e-05C5.88505 -5.7874e-05 5.81706 0.0258636 5.76521 0.0777329L4.07778 1.76517C3.97407 1.86888 3.97407 2.03705 4.07778 2.14074Z"></path></g><defs><clipPath id="clip0"><rect fill="white" height="8" width="8"></rect></clipPath></defs>',2)];te.render=function(e,o,n,a,r,l){return"up"===e.direction?(t.openBlock(),t.createElementBlock("svg",{key:0,class:t.normalizeClass(e.iconClass),fill:"none",viewBox:"0 0 8 9"},oe,2)):"down"===e.direction?(t.openBlock(),t.createElementBlock("svg",{key:1,class:t.normalizeClass(e.iconClass),fill:"none",viewBox:"0 0 8 9"},ne,2)):(t.openBlock(),t.createElementBlock("svg",{key:2,class:t.normalizeClass(e.iconClass),fill:"#454545",viewBox:"0 0 8 8"},ae,2))};var re=t.defineComponent({name:"ColumnSorting",components:{SortIcon:te},props:{sortable:{type:String,required:!1,default:""},sort:{type:String,required:!1,default:""},multiple:{type:Boolean,required:!1,default:!1}},emits:["clicked"],setup(e,{emit:o}){const n=t.computed((()=>e.sort?e.sort.split(",").reduce(((e,t)=>{const[o,n]=t.split(":");return e.set(o,n||"asc"),e}),new Map):new Map)),a=t.computed((()=>{var t;return null!=(t=n.value.get(e.sortable))?t:""}));return{direction:a,handleClick:()=>{var t;if(e.sortable){const r=null!=(t={asc:"desc",desc:""}[a.value])?t:"asc";if(!e.multiple)return void o("clicked",""===r?"":`${e.sortable}:${r}`);const l=n.value;""===r?l.delete(e.sortable):l.set(e.sortable,r);const d=[];l.forEach(((e,t)=>{d.push(`${t}:${e}`)})),o("clicked",d.join(","))}}}}});re.render=function(e,o,n,a,r,l){const d=t.resolveComponent("SortIcon");return e.sortable?(t.openBlock(),t.createElementBlock("div",{key:0,class:t.normalizeClass({"dt-flex dt-items-center":e.sortable}),onClick:o[0]||(o[0]=(...t)=>e.handleClick&&e.handleClick(...t))},[t.renderSlot(e.$slots,"default"),e.sortable?(t.openBlock(),t.createElementBlock(t.Fragment,{key:0},["asc"===e.direction?t.renderSlot(e.$slots,"sorting-asc-icon",{key:0},(()=>[t.createVNode(d,{direction:"up"})])):"desc"===e.direction?t.renderSlot(e.$slots,"sorting-desc-icon",{key:1},(()=>[t.createVNode(d,{direction:"down"})])):t.renderSlot(e.$slots,"sorting-default-icon",{key:2},(()=>[t.createVNode(d,{direction:"default"})]))],64)):t.createCommentVNode("",!0)],2)):t.createCommentVNode("",!0)};var le=t.defineComponent({name:"TableHeadCell",components:{ColumnSorting:re},props:{sortable:{type:String,required:!1,default:""},sort:{type:String,required:!1,default:""},multiple:{type:Boolean,required:!1,default:!1}},emits:["sorting"],setup:(e,{emit:t})=>({handleClick:e=>{t("sorting",e)}})});le.render=function(e,o,n,a,r,l){const d=t.resolveComponent("ColumnSorting");return t.openBlock(),t.createElementBlock("th",{scope:"col",class:t.normalizeClass(["dt__table__thead__th dt-text-left dt-text-xs dt-font-medium dt-text-gray-500 dt-uppercase dt-tracking-wider",{"dt-cursor-pointer":e.sortable,"dt-px-6 dt-py-3":!e.sortable}])},[e.sortable?(t.openBlock(),t.createBlock(d,{key:0,class:"dt-px-6 dt-py-3",sortable:e.sortable,sort:e.sort,multiple:e.multiple,onClicked:e.handleClick},{default:t.withCtx((()=>[t.renderSlot(e.$slots,"default")])),_:3},8,["sortable","sort","multiple","onClicked"])):t.renderSlot(e.$slots,"default",{key:1})],2)};var de=t.defineComponent({name:"TableRow",props:{rowIndex:{type:[Number,String],required:!1,default:0},striped:{type:Boolean,required:!1,default:!1},hoverable:{type:Boolean,required:!1,default:!1},nonClickable:{type:Boolean,required:!1,default:!1}},emits:["clicked"],setup:e=>({formattedRowIndex:t.ref(parseInt(e.rowIndex)||0)})});de.render=function(e,o,n,a,r,l){return t.openBlock(),t.createElementBlock("tr",{class:t.normalizeClass(["dt__table__row",{"dt-bg-white":!e.striped||e.striped&&e.formattedRowIndex%2==0,"dt-bg-gray-50":e.striped&&e.formattedRowIndex%2,"hover:dt-bg-gray-100":e.hoverable,"dt-cursor-pointer":e.hoverable&&!e.nonClickable}]),onClick:o[0]||(o[0]=t.withModifiers((t=>e.$emit("clicked")),["stop"]))},[t.renderSlot(e.$slots,"default")],2)};var ie=t.defineComponent({name:"TableWrapper"});const se={class:"dt__table_wrapper dt-overflow-auto"},ce={class:"dt__table dt-min-w-full dt-divide-y dt-divide-gray-200"};ie.render=function(e,o,n,a,r,l){return t.openBlock(),t.createElementBlock("div",se,[t.createElementVNode("table",ce,[t.renderSlot(e.$slots,"default")])])};var pe=t.defineComponent({name:"TBody"});const ue={class:"dt__table__tbody"};pe.render=function(e,o,n,a,r,l){return t.openBlock(),t.createElementBlock("tbody",ue,[t.renderSlot(e.$slots,"default")])};var me=t.defineComponent({name:"THead"});const ge={class:"dt__table__thead dt-bg-gray-50"},Ce={class:"dt__table__thead__tr"};me.render=function(e,o,n,a,r,l){return t.openBlock(),t.createElementBlock("thead",ge,[t.createElementVNode("tr",Ce,[t.renderSlot(e.$slots,"default")])])};const fe=[5,10,15,25,50,75,100],he=t.defineComponent({name:"DataTable",components:{TableHeadCell:le,TableBodyCell:Y,TBody:pe,TableRow:de,THead:me,BottomPaginationWrapper:f,TableWrapper:ie,PaginationSize:A,TopPaginationWrapper:X,Filter:d,Loading:m,Pagination:P},props:{rows:{type:Array,required:!0},columns:{type:Object,required:!1,default:null},pagination:{type:Object,required:!1,default:null},rounded:{type:Boolean,required:!1,default:!1},striped:{type:Boolean,required:!1,default:!1},sn:{type:Boolean,required:!1,default:!1},filter:{type:Boolean,required:!1,default:!1},loading:{type:Boolean,required:!1,default:!1},perPageOptions:{type:Array,required:!1,default:()=>fe},query:{type:Object,required:!1,default:()=>({})},topPagination:{type:Boolean,required:!1,default:!1},bottomPagination:{type:Boolean,required:!1,default:!0},hoverable:{type:Boolean,required:!1,default:!1},nonClickable:{type:Boolean,required:!1,default:!1},sortable:{type:Boolean,required:!1,default:!1}},emits:["loadData","rowClicked"],setup(e,{emit:o}){var n,a,r,l;const d=t.ref({page:(null==(n=e.pagination)?void 0:n.page)||1,search:(null==(a=e.query)?void 0:a.search)||"",per_page:(null==(r=e.pagination)?void 0:r.per_page)||10,sort:(null==(l=e.query)?void 0:l.sort)||""}),i=t.computed((()=>!!e.pagination)),s=t.computed((()=>{var t;return(null==(t=e.pagination)?void 0:t.total)||e.rows.length})),c=t.computed((()=>e.rows)),p=t.computed((()=>e.columns?e.columns:0===e.rows.length?{}:Object.keys(e.rows[0]).reduce(((e,t)=>{return __spreadProps(__spreadValues({},e),{[t]:(o=t,o.toLowerCase().replace(/[-_]/g," ").split(" ").map((e=>e.charAt(0).toUpperCase()+e.slice(1))).join(" "))});var o}),{}))),u=t.computed((()=>i.value?d.value.per_page*(d.value.page-1):0));t.watch((()=>__spreadValues({},d.value)),(()=>{o("loadData",d.value)}),{deep:!0,immediate:!0});const m=((e,t=400)=>{let o;return(...n)=>{clearTimeout(o),o=setTimeout((()=>e(...n)),t)}})((e=>{d.value=__spreadProps(__spreadValues({},d.value),{page:1,search:e})}));return{tableQuery:d,showPagination:i,totalData:s,tableRows:c,tableColumns:p,paginatedRowIndex:u,uniqueId:()=>Math.floor(100*Math.random()),handlePageChange:e=>{d.value.page=e},handleOnSearchChange:m,handleOnPaginationSizeChange:e=>{d.value=__spreadProps(__spreadValues({},d.value),{page:1,per_page:e})},rowClickHandler:t=>{!e.nonClickable&&e.hoverable&&o("rowClicked",t)},handleSorting:e=>{d.value.sort=e}}}});const _e={class:"data-table dt-flex dt-flex-col"},ve={class:"dt-align-middle dt-min-w-full"},ye=t.createTextVNode(" Showing "),ke=["textContent"],be=t.createTextVNode(" to "),xe=["textContent"],we=t.createTextVNode(" of "),Be=["textContent"],Pe=t.createTextVNode(" results. "),Ve=t.createTextVNode(" Showing "),Ne=["textContent"],Se=t.createTextVNode(" to "),Le=["textContent"],Ee=t.createTextVNode(" of "),Te=["textContent"],Ie=t.createTextVNode(" results. ");he.render=function(e,o,n,a,r,l){const d=t.resolveComponent("Filter"),i=t.resolveComponent("Loading"),s=t.resolveComponent("Pagination"),c=t.resolveComponent("PaginationSize"),p=t.resolveComponent("TopPaginationWrapper"),u=t.resolveComponent("TableHeadCell"),m=t.resolveComponent("THead"),g=t.resolveComponent("TableBodyCell"),C=t.resolveComponent("TableRow"),f=t.resolveComponent("TBody"),h=t.resolveComponent("TableWrapper"),_=t.resolveComponent("pagination"),v=t.resolveComponent("BottomPaginationWrapper");return t.openBlock(),t.createElementBlock("div",_e,[t.createElementVNode("div",ve,[e.filter&&e.topPagination?(t.openBlock(),t.createBlock(d,{key:0,search:e.tableQuery.search,onInput:e.handleOnSearchChange},null,8,["search","onInput"])):t.createCommentVNode("",!0),t.createElementVNode("div",{class:t.normalizeClass(["dt__wrapper dt-relative",{"sm:dt-rounded-lg":e.rounded}])},[e.loading?t.renderSlot(e.$slots,"loading",{key:0},(()=>[t.createVNode(i)])):t.createCommentVNode("",!0),e.showPagination?(t.openBlock(),t.createBlock(p,{key:1,"with-pagination":e.topPagination},{default:t.withCtx((()=>[e.topPagination?(t.openBlock(),t.createBlock(s,{key:0,class:"dt-flex-1 dt-pr-4",total:e.totalData,"current-page":e.tableQuery.page,"per-page":parseInt(e.tableQuery.per_page.toString()),onChanged:e.handlePageChange},{"pagination-info":t.withCtx((o=>[t.renderSlot(e.$slots,"pagination-info",{start:o.start,end:o.end,total:o.total},(()=>[ye,t.createElementVNode("span",{class:"dt-font-medium",textContent:t.toDisplayString(o.start)},null,8,ke),be,t.createElementVNode("span",{class:"dt-font-medium",textContent:t.toDisplayString(o.end)},null,8,xe),we,t.createElementVNode("span",{class:"dt-font-medium",textContent:t.toDisplayString(o.total)},null,8,Be),Pe]))])),_:3},8,["total","current-page","per-page","onChanged"])):t.createCommentVNode("",!0),e.filter&&!e.topPagination?(t.openBlock(),t.createBlock(d,{key:1,search:e.tableQuery.search,onInput:e.handleOnSearchChange},null,8,["search","onInput"])):t.createCommentVNode("",!0),t.createVNode(c,{value:e.tableQuery.per_page,options:e.perPageOptions,onInput:e.handleOnPaginationSizeChange},null,8,["value","options","onInput"])])),_:3},8,["with-pagination"])):t.createCommentVNode("",!0),t.createVNode(h,null,{default:t.withCtx((()=>[t.createVNode(m,null,{default:t.withCtx((()=>{var o;return[e.sn?t.renderSlot(e.$slots,"thead-sn",{key:0},(()=>[t.createVNode(u,{class:"dt__table__thead__th_sn",textContent:t.toDisplayString("S.N.")},null,8,["textContent"])])):t.createCommentVNode("",!0),t.renderSlot(e.$slots,"thead",{column:e.tableColumns,sorting:e.handleSorting,sort:null!=(o=e.query.sort)?o:""},(()=>[(t.openBlock(!0),t.createElementBlock(t.Fragment,null,t.renderList(e.tableColumns,((o,n)=>{var a;return t.openBlock(),t.createBlock(u,{key:`datatable-thead-th-${n}`,sortable:e.sortable?n.toString():"",sort:null!=(a=e.query.sort)?a:"",onSorting:e.handleSorting},{default:t.withCtx((()=>[t.createTextVNode(t.toDisplayString(o),1)])),_:2},1032,["sortable","sort","onSorting"])})),128))]))]})),_:3}),t.createVNode(f,null,{default:t.withCtx((()=>[(t.openBlock(!0),t.createElementBlock(t.Fragment,null,t.renderList(e.tableRows,((o,n)=>(t.openBlock(),t.createBlock(C,{key:`datatable-row-${e.uniqueId()}-${n}`,hoverable:e.hoverable,"non-clickable":e.nonClickable,"row-index":n,striped:e.striped,onClicked:t=>e.rowClickHandler(o)},{default:t.withCtx((()=>[e.sn?t.renderSlot(e.$slots,"tbody-sn",{key:0,sn:n+1},(()=>[t.createVNode(g,{class:"dt__table__tbody_td_sn",textContent:t.toDisplayString(n+1+e.paginatedRowIndex)},null,8,["textContent"])])):t.createCommentVNode("",!0),t.renderSlot(e.$slots,"tbody",{index:n,row:o},(()=>[(t.openBlock(!0),t.createElementBlock(t.Fragment,null,t.renderList(e.tableColumns,((n,a)=>(t.openBlock(),t.createBlock(g,{key:`datatable-tbody-td-${e.uniqueId()}-${a}`,name:n,textContent:t.toDisplayString(o[a])},null,8,["name","textContent"])))),128))]))])),_:2},1032,["hoverable","non-clickable","row-index","striped","onClicked"])))),128)),0===e.tableRows.length?(t.openBlock(),t.createBlock(C,{key:0,"row-index":0},{default:t.withCtx((()=>[t.renderSlot(e.$slots,"empty")])),_:3})):t.createCommentVNode("",!0)])),_:3})])),_:3}),e.showPagination&&e.bottomPagination?(t.openBlock(),t.createBlock(v,{key:2},{default:t.withCtx((()=>[t.createVNode(_,{total:e.totalData,"current-page":e.tableQuery.page,"per-page":parseInt(e.tableQuery.per_page.toString()),onChanged:e.handlePageChange},{"pagination-info":t.withCtx((o=>[t.renderSlot(e.$slots,"pagination-info",{start:o.start,end:o.end,total:o.total},(()=>[Ve,t.createElementVNode("span",{class:"dt-font-medium",textContent:t.toDisplayString(o.start)},null,8,Ne),Se,t.createElementVNode("span",{class:"dt-font-medium",textContent:t.toDisplayString(o.end)},null,8,Le),Ee,t.createElementVNode("span",{class:"dt-font-medium",textContent:t.toDisplayString(o.total)},null,8,Te),Ie]))])),_:3},8,["total","current-page","per-page","onChanged"])])),_:3})):t.createCommentVNode("",!0)],2)])])},e.DataTable=he,e.Pagination=P,e.PaginationLink=w,e.TableBody=Y,e.TableBodyCell=Y,e.TableHead=le,e.TableHeadCell=le,Object.defineProperty(e,"__esModule",{value:!0}),e[Symbol.toStringTag]="Module"}));

2

package.json
{
"name": "@jobinsjp/vue3-datatable",
"version": "1.0.13",
"version": "1.0.14",
"description": "DataTable component with basic pagination, search filters etc for Vue3",

@@ -5,0 +5,0 @@ "keywords": [

dist/style.css

Sorry, the diff of this file is not supported yet

SocketSocket SOC 2 Logo

Product

  • Package Alerts
  • Integrations
  • Docs
  • Pricing
  • FAQ
  • Roadmap
  • Changelog

About

Packages

npm

Go

Maven

PyPI

Rubygems

Stay in touch

Get open source security insights delivered straight into your inbox.

  • Terms
  • Privacy
  • Security

Made with ⚡️ by Socket Inc