lv3-datatable
Version:
Integrate the Laravel datatables with your Vue app without using JQuery. It can handle listing data locally and remote.
2 lines (1 loc) • 22.3 kB
JavaScript
(function(h,e){typeof exports=="object"&&typeof module<"u"?e(exports,require("vue")):typeof define=="function"&&define.amd?define(["exports","vue"],e):(h=typeof globalThis<"u"?globalThis:h||self,e(h.DataTable={},h.Vue))})(this,function(h,e){"use strict";const y=(n,s,a)=>{let i,r,t,l,o;s==null&&(s=100);function d(){let f=Date.now()-l;f<s&&f>=0?i=setTimeout(d,s-f):(i=null,a||(o=n.apply(t,r),t=r=null))}let c=function(){t=this,r=arguments,l=Date.now();let f=a&&!i;return i||(i=setTimeout(d,s)),f&&(o=n.apply(t,r),t=r=null),o};return c.clear=function(){i&&(clearTimeout(i),i=null)},c.flush=function(){i&&(o=n.apply(t,r),t=r=null,clearTimeout(i),i=null)},c},ne="",C=(n,s)=>{const a=n.__vccOpts||n;for(const[i,r]of s)a[i]=r;return a},b={name:"Paginate",props:{value:{type:Number},pageCount:{type:Number,required:!0},forcePage:{type:Number},clickHandler:{type:Function,default:()=>{}},pageRange:{type:Number,default:3},marginPages:{type:Number,default:1},prevText:{type:String,default:"Prev"},nextText:{type:String,default:"Next"},breakViewText:{type:String,default:"\u2026"},containerClass:{type:String},pageClass:{type:String},pageLinkClass:{type:String},prevClass:{type:String},prevLinkClass:{type:String},nextClass:{type:String},nextLinkClass:{type:String},breakViewClass:{type:String},breakViewLinkClass:{type:String},activeClass:{type:String,default:"active"},disabledClass:{type:String,default:"disabled"},noLiSurround:{type:Boolean,default:!1},firstLastButton:{type:Boolean,default:!1},firstButtonText:{type:String,default:"First"},lastButtonText:{type:String,default:"Last"},hidePrevNext:{type:Boolean,default:!1}},beforeUpdate(){this.forcePage!==void 0&&this.forcePage!==this.selected&&(this.selected=this.forcePage)},computed:{selected:{get:function(){return this.value||this.innerValue},set:function(n){this.innerValue=n}},pages:function(){let n={};if(this.pageCount<=this.pageRange)for(let s=0;s<this.pageCount;s++)n[s]={index:s,content:s+1,selected:s===this.selected-1};else{const s=Math.floor(this.pageRange/2);let a=l=>{n[l]={index:l,content:l+1,selected:l===this.selected-1}},i=l=>{n[l]={disabled:!0,breakView:!0}};for(let l=0;l<this.marginPages;l++)a(l);let r=0;this.selected-s>0&&(r=this.selected-1-s);let t=r+this.pageRange-1;t>=this.pageCount&&(t=this.pageCount-1,r=t-this.pageRange+1);for(let l=r;l<=t&&l<=this.pageCount-1;l++)a(l);r>this.marginPages&&i(r-1),t+1<this.pageCount-this.marginPages&&i(t+1);for(let l=this.pageCount-1;l>=this.pageCount-this.marginPages;l--)a(l)}return n}},data(){return{innerValue:1}},methods:{handlePageSelected(n){this.selected!==n&&(this.innerValue=n,this.$emit("input",n),this.clickHandler(n))},prevPage(){this.selected<=1||this.handlePageSelected(this.selected-1)},nextPage(){this.selected>=this.pageCount||this.handlePageSelected(this.selected+1)},firstPageSelected(){return this.selected===1},lastPageSelected(){return this.selected===this.pageCount||this.pageCount===0},selectFirstPage(){this.selected<=1||this.handlePageSelected(1)},selectLastPage(){this.selected>=this.pageCount||this.handlePageSelected(this.pageCount)}}},p=["tabindex","innerHTML"],S=["tabindex","innerHTML"],u=["onClick","onKeyup"],L=["tabindex","innerHTML"],B=["tabindex","innerHTML"],T=["innerHTML"],P=["innerHTML"],_=["onClick","onKeyup"],E=["innerHTML"],x=["innerHTML"];function N(n,s,a,i,r,t){return a.noLiSurround?(e.openBlock(),e.createElementBlock("div",{key:1,class:e.normalizeClass(a.containerClass)},[a.firstLastButton?(e.openBlock(),e.createElementBlock("a",{key:0,onClick:s[8]||(s[8]=l=>t.selectFirstPage()),onKeyup:s[9]||(s[9]=e.withKeys(l=>t.selectFirstPage(),["enter"])),class:e.normalizeClass([a.pageLinkClass,t.firstPageSelected()?a.disabledClass:""]),tabindex:"0",innerHTML:a.firstButtonText},null,42,T)):e.createCommentVNode("",!0),t.firstPageSelected()&&a.hidePrevNext?e.createCommentVNode("",!0):(e.openBlock(),e.createElementBlock("a",{key:1,onClick:s[10]||(s[10]=l=>t.prevPage()),onKeyup:s[11]||(s[11]=e.withKeys(l=>t.prevPage(),["enter"])),class:e.normalizeClass([a.prevLinkClass,t.firstPageSelected()?a.disabledClass:""]),tabindex:"0",innerHTML:a.prevText},null,42,P)),(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(t.pages,l=>(e.openBlock(),e.createElementBlock(e.Fragment,null,[l.breakView?(e.openBlock(),e.createElementBlock("a",{key:0,class:e.normalizeClass([a.pageLinkClass,a.breakViewLinkClass,l.disabled?a.disabledClass:""]),tabindex:"0"},[e.renderSlot(n.$slots,"breakViewContent",{},()=>[e.createTextVNode(e.toDisplayString(a.breakViewText),1)],!0)],2)):l.disabled?(e.openBlock(),e.createElementBlock("a",{key:1,class:e.normalizeClass([a.pageLinkClass,l.selected?a.activeClass:"",a.disabledClass]),tabindex:"0"},e.toDisplayString(l.content),3)):(e.openBlock(),e.createElementBlock("a",{key:2,onClick:o=>t.handlePageSelected(l.index+1),onKeyup:e.withKeys(o=>t.handlePageSelected(l.index+1),["enter"]),class:e.normalizeClass([a.pageLinkClass,l.selected?a.activeClass:""]),tabindex:"0"},e.toDisplayString(l.content),43,_))],64))),256)),t.lastPageSelected()&&a.hidePrevNext?e.createCommentVNode("",!0):(e.openBlock(),e.createElementBlock("a",{key:2,onClick:s[12]||(s[12]=l=>t.nextPage()),onKeyup:s[13]||(s[13]=e.withKeys(l=>t.nextPage(),["enter"])),class:e.normalizeClass([a.nextLinkClass,t.lastPageSelected()?a.disabledClass:""]),tabindex:"0",innerHTML:a.nextText},null,42,E)),a.firstLastButton?(e.openBlock(),e.createElementBlock("a",{key:3,onClick:s[14]||(s[14]=l=>t.selectLastPage()),onKeyup:s[15]||(s[15]=e.withKeys(l=>t.selectLastPage(),["enter"])),class:e.normalizeClass([a.pageLinkClass,t.lastPageSelected()?a.disabledClass:""]),tabindex:"0",innerHTML:a.lastButtonText},null,42,x)):e.createCommentVNode("",!0)],2)):(e.openBlock(),e.createElementBlock("ul",{key:0,class:e.normalizeClass(a.containerClass)},[a.firstLastButton?(e.openBlock(),e.createElementBlock("li",{key:0,class:e.normalizeClass([a.pageClass,t.firstPageSelected()?a.disabledClass:""])},[e.createElementVNode("a",{onClick:s[0]||(s[0]=l=>t.selectFirstPage()),onKeyup:s[1]||(s[1]=e.withKeys(l=>t.selectFirstPage(),["enter"])),class:e.normalizeClass(a.pageLinkClass),tabindex:t.firstPageSelected()?-1:0,innerHTML:a.firstButtonText},null,42,p)],2)):e.createCommentVNode("",!0),t.firstPageSelected()&&a.hidePrevNext?e.createCommentVNode("",!0):(e.openBlock(),e.createElementBlock("li",{key:1,class:e.normalizeClass([a.prevClass,t.firstPageSelected()?a.disabledClass:""])},[e.createElementVNode("a",{onClick:s[2]||(s[2]=l=>t.prevPage()),onKeyup:s[3]||(s[3]=e.withKeys(l=>t.prevPage(),["enter"])),class:e.normalizeClass(a.prevLinkClass),tabindex:t.firstPageSelected()?-1:0,innerHTML:a.prevText},null,42,S)],2)),(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(t.pages,l=>(e.openBlock(),e.createElementBlock("li",{class:e.normalizeClass([a.pageClass,l.selected?a.activeClass:"",l.disabled?a.disabledClass:"",l.breakView?a.breakViewClass:""])},[l.breakView?(e.openBlock(),e.createElementBlock("a",{key:0,class:e.normalizeClass([a.pageLinkClass,a.breakViewLinkClass]),tabindex:"0"},[e.renderSlot(n.$slots,"breakViewContent",{},()=>[e.createTextVNode(e.toDisplayString(a.breakViewText),1)],!0)],2)):l.disabled?(e.openBlock(),e.createElementBlock("a",{key:1,class:e.normalizeClass(a.pageLinkClass),tabindex:"0"},e.toDisplayString(l.content),3)):(e.openBlock(),e.createElementBlock("a",{key:2,onClick:o=>t.handlePageSelected(l.index+1),onKeyup:e.withKeys(o=>t.handlePageSelected(l.index+1),["enter"]),class:e.normalizeClass(a.pageLinkClass),tabindex:"0"},e.toDisplayString(l.content),43,u))],2))),256)),t.lastPageSelected()&&a.hidePrevNext?e.createCommentVNode("",!0):(e.openBlock(),e.createElementBlock("li",{key:2,class:e.normalizeClass([a.nextClass,t.lastPageSelected()?a.disabledClass:""])},[e.createElementVNode("a",{onClick:s[4]||(s[4]=l=>t.nextPage()),onKeyup:s[5]||(s[5]=e.withKeys(l=>t.nextPage(),["enter"])),class:e.normalizeClass(a.nextLinkClass),tabindex:t.lastPageSelected()?-1:0,innerHTML:a.nextText},null,42,L)],2)),a.firstLastButton?(e.openBlock(),e.createElementBlock("li",{key:3,class:e.normalizeClass([a.pageClass,t.lastPageSelected()?a.disabledClass:""])},[e.createElementVNode("a",{onClick:s[6]||(s[6]=l=>t.selectLastPage()),onKeyup:s[7]||(s[7]=e.withKeys(l=>t.selectLastPage(),["enter"])),class:e.normalizeClass(a.pageLinkClass),tabindex:t.lastPageSelected()?-1:0,innerHTML:a.lastButtonText},null,42,B)],2)):e.createCommentVNode("",!0)],2))}const V=C(b,[["render",N],["__scopeId","data-v-73cbd070"]]),k=({rowClasses:n,colClasses:s,table:a,paginate:i})=>({row:n,col:s,table:a,paginate:i}),w=(n="bootstrap3")=>{switch(n){case"bootstrap5":return k({rowClasses:"row",colClasses:"col-md-12",table:{colClasses:"col-md-12",tableClasses:"table table-striped table-bordered table-sm",tableContainer:"position-relative",formClasses:"form-horizontal",inputSearchClasses:"form-control",inputLengthOptionClasses:"form-control"},paginate:{colClasses:"col-md-12",containerClass:"pagination",pageClass:"page-item",pageLinkClass:"page-link"}});case"bootstrap4":return k({rowClasses:"row",colClasses:"col-md-12",table:{colClasses:"col-md-12",tableClasses:"table table-striped table-bordered table-sm",tableContainer:"position-relative",formClasses:"form-horizontal",inputSearchClasses:"form-control",inputLengthOptionClasses:"form-control"},paginate:{colClasses:"col-md-12",containerClass:"pagination",pageClass:"page-item",pageLinkClass:"page-link"}});default:return k({rowClasses:"row",colClasses:"col-md-12",table:{colClasses:"col-md-12",tableClasses:"table table-striped table-bordered",tableContainer:"position-relative",formClasses:"form-horizontal",inputSearchClasses:"form-control",inputLengthOptionClasses:"form-control"},paginate:{colClasses:"col-md-12",containerClass:"pagination",pageClass:"page-item",pageLinkClass:null}})}},g=(n,s)=>{s==null?localStorage.removeItem(n):localStorage.setItem(n,JSON.stringify(s))},m=n=>JSON.parse(localStorage.getItem(n)),D={setDataTableState:(n,{length:s,search:a,page:i,start:r,defaultOrder:t,recordsTotal:l,recordsFiltered:o})=>{g(`${n}_length`,s),g(`${n}_search`,a),g(`${n}_page`,i),g(`${n}_start`,r),g(`${n}_defaultOrder`,t),g(`${n}_recordsTotal`,l),g(`${n}_recordsFiltered`,o)},getDataTableState:n=>{const s=m(`${n}_length`),a=m(`${n}_search`),i=m(`${n}_page`),r=m(`${n}_start`),t=m(`${n}_defaultOrder`),l=m(`${n}_recordsTotal`),o=m(`${n}_recordsFiltered`);return{length:s,search:a,page:i,start:r,defaultOrder:t,recordsTotal:l,recordsFiltered:o}}},F={sEmptyTable:"No data available in table",sInfo:"Showing _START_ to _END_ of _TOTAL_ entries",sInfoEmpty:"Showing 0 to 0 of 0 entries",sInfoFiltered:"(filtered from _MAX_ total entries)",sInfoPostFix:"",sInfoThousands:",",sLengthMenu:"Show _MENU_ entries",sLoadingRecords:"Loading...",sProcessing:"Processing...",sSearch:"Search:",sZeroRecords:"No matching records found",oPaginate:{sFirst:"First",sLast:"Last",sNext:"Next",sPrevious:"Previous"},oAria:{sSortAscending:": activate to sort column ascending",sSortDescending:": activate to sort column descending"}},O={sEmptyTable:"\u1798\u17B7\u1793\u1798\u17B6\u1793\u1791\u17B7\u1793\u17D2\u1793\u1793\u17D0\u1799\u1780\u17D2\u1793\u17BB\u1784\u178F\u17B6\u179A\u17B6\u1784\u1793\u17C1\u17C7\u1791\u17C1",sInfo:"\u1794\u1784\u17D2\u17A0\u17B6\u1789\u1787\u17BD\u179A\u1791\u17B8 _START_ \u178A\u179B\u17CB\u1791\u17B8 _END_ \u1780\u17D2\u1793\u17BB\u1784\u1785\u17C6\u178E\u17C4\u1798 _TOTAL_ \u1787\u17BD\u179A",sInfoEmpty:"\u1794\u1784\u17D2\u17A0\u17B6\u1789\u1787\u17BD\u179A\u1791\u17B8 0 \u178A\u179B\u17CB\u1791\u17B8 0 \u1780\u17D2\u1793\u17BB\u1784\u1785\u17C6\u178E\u17C4\u1798 0 \u1787\u17BD\u179A",sInfoFiltered:"(\u1794\u17B6\u1793\u1785\u1798\u17D2\u179A\u17B6\u1789\u17CB\u1785\u17C1\u1789\u1796\u17B8\u1791\u17B7\u1793\u17D2\u1793\u1793\u17D0\u1799\u179F\u179A\u17BB\u1794 _MAX_ \u1787\u17BD\u179A)",sInfoPostFix:"",sInfoThousands:",",sLengthMenu:"\u1794\u1784\u17D2\u17A0\u17B6\u1789 _MENU_ \u1787\u17BD\u179A",sLoadingRecords:"\u1780\u17C6\u1796\u17BB\u1784\u1795\u17D2\u1791\u17BB\u1780...",sProcessing:"\u1780\u17C6\u1796\u17BB\u1784\u178A\u17C6\u178E\u17BE\u179A\u1780\u17B6\u179A...",sSearch:"\u179F\u17D2\u179C\u17C2\u1784\u179A\u1780:",sZeroRecords:"\u1798\u17B7\u1793\u1798\u17B6\u1793\u1791\u17B7\u1793\u17D2\u1793\u1793\u17D0\u1799\u178F\u17D2\u179A\u17BC\u179C\u178F\u17B6\u1798\u179B\u1780\u17D2\u1781\u1781\u178E\u17D2\u178C\u179F\u17D2\u179C\u17C2\u1784\u179A\u1780\u1791\u17C1",oPaginate:{sFirst:"\u178A\u17C6\u1794\u17BC\u1784\u1782\u17C1",sLast:"\u1785\u17BB\u1784\u1780\u17D2\u179A\u17C4\u1799",sNext:"\u1794\u1793\u17D2\u1791\u17B6\u1794\u17CB",sPrevious:"\u1780\u17D2\u179A\u17C4\u1799"},oAria:{sSortAscending:": \u1785\u17BB\u1785\u178A\u17BE\u1798\u17D2\u1794\u17B8\u179A\u17C0\u1794\u1787\u17BD\u179A\u1788\u179A\u1793\u17C1\u17C7\u178F\u17B6\u1798\u179B\u17C6\u178A\u17B6\u1794\u17CB\u17A1\u17BE\u1784",sSortDescending:": \u1785\u17BB\u1785\u178A\u17BE\u1798\u17D2\u1794\u17B8\u179A\u17C0\u1794\u1787\u17BD\u179A\u1788\u179A\u1793\u17C1\u17C7\u178F\u17B6\u1798\u179B\u17C6\u178A\u17B6\u1794\u17CB\u1785\u17BB\u17C7"}},M=()=>({en:F,km:O}),Oe="",{setDataTableState:z,getDataTableState:I}=D,R={name:"DataTable",components:{Paginate:V},props:{axios:{type:[Object,Function,null],default:null},tableId:{type:String,required:!0},columns:{type:Array,required:!0},locale:{type:String,default:"en"},lengthOptions:{type:Array,default:()=>[{label:10,value:10},{label:25,value:25},{label:50,value:50},{label:100,value:100}]},order:{type:[null,Array],default:null},design:{type:String,default:"bootstrap3"},savedState:{type:Boolean,default:!1},serverSide:{type:Boolean,default:!1},url:{type:String,default:null},dataRows:{type:Array,default:()=>[]}},data(){return{rows:[],length:this.lengthOptions[0].value,start:0,pages:0,page:1,recordsTotal:0,recordsFiltered:0,search:null,draw:0,locales:M(),defaultOrder:[null,"asc"],isLoading:!1}},computed:{sInfo(){return this.selectedLocale.sInfo.replace("_START_",this.length*this.start+1).replace("_END_",this.length*(this.start+1)).replace("_TOTAL_",this.recordsTotal)},sLengthMenu(){return this.selectedLocale.sLengthMenu.split(" _MENU_ ")},selectedLocale(){return this.locales[this.locale]},theme(){return w(this.design)}},watch:{length(){this.fetchData(this.page)}},methods:{refresh(){this.fetchData(this.page)},onClickOrderColumn(n=null){if(n!==null&&n>=0){if(n>this.columns.length-1){console.error(`The order column index ${n} is out of range`);return}if(!this.columns[n].orderable)return;this.defaultOrder=[n,this.defaultOrder[1]==="asc"?"desc":"asc"],this.fetchData(this.page)}},onSearch:y(function(n){this.search=n.target.value,this.fetchData()},500),fetchData:function(n=1){this.serverSide?this.requestDataApi(n):this.requestLocalData(n)},requestDataApi(n){var a;this.page=n,this.start=n-1,this.draw++;const s=new FormData;s.append("draw",this.draw),this.columns.forEach((i,r)=>{Object.keys(i).forEach(t=>{var l;["data","name","orderable","searchable"].includes(t)&&(s.append(`columns[${r}][${t}]`,(l=i[t])!=null?l:null),t==="searchable"&&i[t]&&(s.append(`columns[${r}][search][value]`,""),s.append(`columns[${r}][search][regex]`,"false")))})}),this.defaultOrder[0]!==null&&this.defaultOrder[0]>=0&&(s.append("order[0][column]",this.defaultOrder[0]),s.append("order[0][dir]",this.defaultOrder[1])),s.append("start",this.start),s.append("length",this.length),s.append("search[value]",(a=this.search)!=null?a:""),s.append("search[regex]","false"),this.saveStates(),this.isLoading=!0,this.axios.post(this.url,s).then(({data:i})=>{if(i.data){this.rows=i.data;const{recordsTotal:r,recordsFiltered:t}=i;this.recordsTotal=r,this.recordsFiltered=t,this.pages=Math.ceil(this.recordsFiltered/this.length)}}).finally(()=>{this.isLoading=!1})},requestLocalData(n){this.page=n,this.start=n-1,this.saveStates();let s=this.dataRows;const a=this.columns.map(i=>{if(i.searchable)return i}).filter(i=>i!==void 0);a.length&&this.search!==""&&this.search!==null&&(s=s.map(i=>{for(const r in a){const t=a[r].data;if(i[t].toString().includes(this.search))return i}}).filter(i=>i!==void 0)),s=s.sort(function(i,r){return i>r?1:-1}),this.defaultOrder&&(this.rows=s.slice(this.start*this.length,this.start*this.length+parseInt(this.length))),this.recordsTotal=this.dataRows.length,this.recordsFiltered=s.length,this.pages=Math.ceil(this.recordsFiltered/this.length)},initStates(){if(this.savedState){const{length:n,search:s,page:a,start:i,defaultOrder:r,recordsTotal:t,recordsFiltered:l}=I(this.tableId);this.length=n!=null?n:this.lengthOptions[0].value,this.search=s!=null?s:null,this.page=a!=null?a:1,this.start=i!=null?i:0,this.defaultOrder=r!=null?r:this.defaultOrder,this.recordsTotal=t!=null?t:0,this.recordsFiltered=l!=null?l:0}},saveStates(){this.savedState&&z(this.tableId,{length:this.length,search:this.search,page:this.page,start:this.start,defaultOrder:this.defaultOrder,recordsTotal:this.recordsTotal,recordsFiltered:this.recordsFiltered})}},mounted(){this.order&&(this.defaultOrder=this.order,this.onClickOrderColumn(this.defaultOrder[0])),this.initStates(),this.fetchData(this.page)}},K={class:"table-header-container"},A={class:"table-header-length-options"},H=["value"],q={class:"table-header-search"},Z={key:0,class:"loading-container"},U={class:"loading-content"},j={class:"m-0"},J=["id"],X=["onClick"],G={key:0,class:"fa-solid fa-arrow-down-short-wide"},Q={key:1,class:"fa-solid fa-arrow-up-short-wide"},W={key:1,class:"fa fa-sort",style:{color:"#dddddd"}},Y={key:1},$=["colspan"],v={class:"text-muted text-center"},ee={class:"table-paginate-container"};function te(n,s,a,i,r,t){const l=e.resolveComponent("paginate");return e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(t.theme.row)},[e.createElementVNode("div",{class:e.normalizeClass(t.theme.col)},[e.createElementVNode("div",K,[e.createElementVNode("div",A,[e.createTextVNode(e.toDisplayString(t.sLengthMenu[0])+" ",1),e.createElementVNode("div",{class:e.normalizeClass(t.theme.table.formClasses)},[e.withDirectives(e.createElementVNode("select",{"onUpdate:modelValue":s[0]||(s[0]=o=>r.length=o),class:e.normalizeClass(t.theme.table.inputLengthOptionClasses)},[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(a.lengthOptions,(o,d)=>(e.openBlock(),e.createElementBlock("option",{key:d,value:o.value},e.toDisplayString(o.label),9,H))),128))],2),[[e.vModelSelect,r.length]])],2),e.createTextVNode(" "+e.toDisplayString(t.sLengthMenu[1]),1)]),e.createElementVNode("div",q,[e.createTextVNode(e.toDisplayString(t.selectedLocale.sSearch)+" ",1),e.createElementVNode("div",{class:e.normalizeClass(t.theme.table.formClasses)},[e.withDirectives(e.createElementVNode("input",{"onUpdate:modelValue":s[1]||(s[1]=o=>r.search=o),class:e.normalizeClass(t.theme.table.inputSearchClasses),type:"text",onKeydown:s[2]||(s[2]=(...o)=>t.onSearch&&t.onSearch(...o))},null,34),[[e.vModelText,r.search]])],2)])])],2),e.createElementVNode("div",{class:e.normalizeClass(t.theme.table.colClasses)},[e.createElementVNode("div",{class:e.normalizeClass(t.theme.table.tableContainer)},[r.isLoading?(e.openBlock(),e.createElementBlock("div",Z,[e.createElementVNode("div",U,[e.createElementVNode("p",j,e.toDisplayString(t.selectedLocale.sLoadingRecords),1)])])):e.createCommentVNode("",!0),e.createElementVNode("table",{id:a.tableId,class:e.normalizeClass(t.theme.table.tableClasses)},[e.createElementVNode("thead",null,[e.createElementVNode("tr",null,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(a.columns,(o,d)=>(e.openBlock(),e.createElementBlock("th",{key:d,style:e.normalizeStyle(`${o.width?`width: ${o.width}!important;`:""}`)},[e.createElementVNode("div",{class:e.normalizeClass([{"cursor-pointer":o.orderable},"table-header-th"]),onClick:c=>t.onClickOrderColumn(d)},[e.createElementVNode("span",null,e.toDisplayString(o.title),1),o.orderable?(e.openBlock(),e.createElementBlock(e.Fragment,{key:0},[r.defaultOrder[0]!==null&&r.defaultOrder[0]===d?(e.openBlock(),e.createElementBlock(e.Fragment,{key:0},[r.defaultOrder[1]==="asc"?(e.openBlock(),e.createElementBlock("i",G)):e.createCommentVNode("",!0),r.defaultOrder[1]==="desc"?(e.openBlock(),e.createElementBlock("i",Q)):e.createCommentVNode("",!0)],64)):(e.openBlock(),e.createElementBlock("i",W))],64)):e.createCommentVNode("",!0)],10,X)],4))),128))])]),e.createElementVNode("tbody",null,[r.rows.length?(e.openBlock(!0),e.createElementBlock(e.Fragment,{key:0},e.renderList(r.rows,(o,d)=>(e.openBlock(),e.createElementBlock("tr",{key:d},[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(a.columns,(c,f)=>(e.openBlock(),e.createElementBlock("td",{key:f},[c.slot?e.renderSlot(n.$slots,c.slot,{key:0,column:c,row:o}):(e.openBlock(),e.createElementBlock(e.Fragment,{key:1},[c.data.split(".").length>1?(e.openBlock(),e.createElementBlock(e.Fragment,{key:0},[e.createTextVNode(e.toDisplayString(c.data.split(".").reduce((ae,le)=>ae[le],o)),1)],64)):(e.openBlock(),e.createElementBlock(e.Fragment,{key:1},[e.createTextVNode(e.toDisplayString(o[c.data]),1)],64))],64))]))),128))]))),128)):(e.openBlock(),e.createElementBlock("tr",Y,[e.createElementVNode("td",{colspan:a.columns.length},[e.createElementVNode("p",v,[r.search?(e.openBlock(),e.createElementBlock(e.Fragment,{key:0},[e.createTextVNode(e.toDisplayString(t.selectedLocale.sZeroRecords),1)],64)):(e.openBlock(),e.createElementBlock(e.Fragment,{key:1},[e.createTextVNode(e.toDisplayString(t.selectedLocale.sEmptyTable),1)],64))])],8,$)]))])],10,J)],2)],2),e.createElementVNode("div",{class:e.normalizeClass(t.theme.paginate.colClasses)},[e.createElementVNode("div",ee,[e.createElementVNode("p",null,e.toDisplayString(t.sInfo),1),e.createVNode(l,{"click-handler":t.fetchData,"container-class":t.theme.paginate.containerClass,"force-page":r.page,"next-link-class":t.theme.paginate.pageLinkClass,"next-text":t.selectedLocale.oPaginate.sNext,"page-class":t.theme.paginate.pageClass,"page-count":r.pages,"page-link-class":t.theme.paginate.pageLinkClass,"prev-link-class":t.theme.paginate.pageLinkClass,"prev-text":t.selectedLocale.oPaginate.sPrevious},null,8,["click-handler","container-class","force-page","next-link-class","next-text","page-class","page-count","page-link-class","prev-link-class","prev-text"])])],2)],2)}const se=C(R,[["render",te]]);h.DataTable=se,Object.defineProperties(h,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}})});