@dcodegroup-au/dsg-vue 0.1.18 → 0.1.19

package/dist/components/Table/DsgTable.vue.d.ts

@@ -9,6 +9,7 @@ export interface DsgTableProps {
     getUrl: string;
     fields: any;
     loadOnStart?: boolean;
+    displaySearch?: boolean;
     displayPaginationInfo?: boolean;
     reloadOnChangeTimer?: boolean;
     selectable?: boolean;
@@ -28,6 +29,8 @@ export interface DsgTableProps {
     }[] | null;
     hasHeader?: boolean;
     hasFooter?: boolean;
+    perPage?: number;
+    paginationPath?: string;
     css?: {
         [key: string]: string;
     };

package/dist/dsg-vue.table.cjs

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),E=require("./DsgTablePerPage.vue_vue_type_style_index_0_lang-DU5GAN6E.cjs"),Q=require("./dsg-vue.helpers-string.cjs"),K=require("./dsg-vue.helpers-object.cjs"),ke={class:"dsg-table--pagination"},he=["disabled"],pe=["disabled"],ye=["onClick","innerHTML"],we=["onClick","innerHTML"],Be=["disabled"],Ce=["disabled"],X=e.defineComponent({__name:"DsgTablePagination",props:e.mergeModels({onEachSide:{default:3},firstPage:{default:1},showFirstLast:{type:Boolean,default:!0},firstIcon:{default:"chevron-left-double"},lastIcon:{default:"chevron-right-double"},prevIcon:{default:"chevron-left"},nextIcon:{default:"chevron-right"}},{pagination:{default:null},paginationModifiers:{}}),emits:e.mergeModels(["dsg-table:change-page"],["update:pagination"]),setup(t,{expose:S,emit:g}){const i=e.useModel(t,"pagination"),m=e.computed(()=>i.value===null?0:i.value?.last_page-t.firstPage+1),v=e.computed(()=>i.value===null?0:i.value?.last_page),u=e.computed(()=>i.value===null?!1:i.value?.current_page===t.firstPage),b=e.computed(()=>i.value===null?!1:i.value?.current_page===v.value),F=e.computed(()=>m.value<t.onEachSide*2+4),V=e.computed(()=>t.onEachSide*2+1),y=e.computed(()=>!i.value||i.value?.current_page<=t.onEachSide?1:i.value?.current_page>=m.value-t.onEachSide?m.value-t.onEachSide*2:i.value?.current_page-t.onEachSide),f=g,l=w=>{f("dsg-table:change-page",w)},d=w=>w===i.value?.current_page;return S({loadPage:l}),(w,B)=>e.withDirectives((e.openBlock(),e.createElementBlock("div",ke,[t.showFirstLast?(e.openBlock(),e.createElementBlock("a",{key:0,onClick:B[0]||(B[0]=C=>l(t.firstPage)),class:e.normalizeClass([[u.value?"disabled":""],"dsg-table--pagination-link"]),disabled:u.value,title:"First","aria-label":"First"},[e.createVNode(E._sfc_main,{icon:t.firstIcon,size:"sm"},null,8,["icon"])],10,he)):e.createCommentVNode("",!0),e.createElementVNode("a",{onClick:B[1]||(B[1]=C=>l("prev")),class:e.normalizeClass([[u.value?"disabled":""],"dsg-table--pagination-link"]),disabled:u.value,title:"Previous","aria-label":"Previous"},[e.createVNode(E._sfc_main,{icon:t.prevIcon,size:"sm"},null,8,["icon"])],10,pe),F.value?(e.openBlock(!0),e.createElementBlock(e.Fragment,{key:1},e.renderList(m.value,(C,N)=>(e.openBlock(),e.createElementBlock("a",{key:N,onClick:$=>l(N+t.firstPage),class:e.normalizeClass([[d(N+t.firstPage)?"active":""],"dsg-table--pagination-link"]),innerHTML:C},null,10,ye))),128)):(e.openBlock(!0),e.createElementBlock(e.Fragment,{key:2},e.renderList(V.value,(C,N)=>(e.openBlock(),e.createElementBlock("a",{key:N,onClick:$=>l(y.value+N+t.firstPage-1),class:e.normalizeClass([[d(y.value+N+t.firstPage-1)?"active":""],"dsg-table--pagination-link"]),innerHTML:y.value+C-1},null,10,we))),128)),e.createElementVNode("a",{onClick:B[2]||(B[2]=C=>l("next")),class:e.normalizeClass([[b.value?"disabled":""],"dsg-table--pagination-link"]),disabled:b.value,title:"Next","aria-label":"Next"},[e.createVNode(E._sfc_main,{icon:t.nextIcon,size:"sm"},null,8,["icon"])],10,Be),t.showFirstLast?(e.openBlock(),e.createElementBlock("a",{key:3,onClick:B[3]||(B[3]=C=>l(v.value)),class:e.normalizeClass([[b.value?"disabled":""],"dsg-table--pagination-link"]),disabled:b.value,title:"Last","aria-label":"Last"},[e.createVNode(E._sfc_main,{icon:t.lastIcon,size:"sm"},null,8,["icon"])],10,Ce)):e.createCommentVNode("",!0)],512)),[[e.vShow,i.value&&v.value>t.firstPage]])}}),De=["innerHTML"],Z=e.defineComponent({__name:"DsgTablePaginationInfo",props:e.mergeModels({infoTemplate:{default:"Displaying {from} to {to} of {total} items"},noDataTemplate:{default:"No relevant data"}},{pagination:{default:null},paginationModifiers:{}}),emits:["update:pagination"],setup(t){const S=e.useModel(t,"pagination"),g=e.computed(()=>S.value==null||S.value.total==0?t.noDataTemplate:t.infoTemplate.replace("{from}",(S.value?.from||0).toString()).replace("{to}",(S.value?.to||0).toString()).replace("{total}",(S.value?.total||0).toString()));return(i,m)=>(e.openBlock(),e.createElementBlock("div",{class:"dsg-table--pagination-info",innerHTML:g.value},null,8,De))}}),Ee={class:"dsg-table--actions",ref:"dsgTableActions"},Pe={class:"dsg-table--action-trigger"},Se={key:0,class:"dsg-table--actions-menu-wrapper"},$e=["href","target","onClick"],Ve=["textContent"],Te={key:0},Ne={key:1},Fe=["href","target","onClick"],xe={class:"flex-1"},_=e.defineComponent({__name:"DsgTableActions",props:{placement:{default:"auto"}},emits:["dsg-table:action-edit","dsg-table:action-view","dsg-table:action-delete","dsg-table:action-archive","dsg-table:link-clicked"],setup(t,{emit:S}){const g=e.ref(!1);e.useTemplateRef("dsgTableActions");const i=e.useAttrs(),m=e.ref(i.data.rowData?.actions??null),v=e.ref(i.data.rowData?.links??null),u=e.ref(i.data.rowData??null),b=f=>{switch(f){case"edit":return"edit-05";case"view":return"eye";case"delete":return"trash-01";case"archive":return"eye-off";default:return"dots-horizontal"}},F=(f,l,d)=>{switch(l){case"edit":y("dsg-table:action-edit",d,u.value);break;case"view":y("dsg-table:action-view",d,u.value);break;case"delete":y("dsg-table:action-delete",d,u.value);break;case"archive":y("dsg-table:action-archive",d,u.value);break}},V=(f,l)=>{const d=f.actionId||f.label.trim().toLowerCase().replace(/[^a-z0-9-]/g,"-").replace(/-+/g,"-");y("dsg-table:link-clicked",l,d,u.value)},y=S;return(f,l)=>e.withDirectives((e.openBlock(),e.createElementBlock("div",Ee,[e.createVNode(e.unref(E.kt),{triggers:[],placement:t.placement,"handle-resize":!0,strategy:"absolute",shown:g.value,class:"dsg-table--actions__popper",onHide:l[1]||(l[1]=d=>g.value=!1),ref:"floatingVueFilterDropdown"},{popper:e.withCtx(()=>[g.value?(e.openBlock(),e.createElementBlock("div",Se,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(m.value,(d,w)=>(e.openBlock(),e.createElementBlock(e.Fragment,null,[["edit","view","delete","archive"].includes(String(w))?(e.openBlock(),e.createElementBlock("a",{key:w,href:m.value?.link,target:m.value?.target||"_self",onClick:B=>F(d,String(w),B)},[e.createElementVNode("div",{class:e.normalizeClass(["dsg-table--actions-menu-item",String(w)])},[e.createVNode(E._sfc_main,{icon:b(String(w)),size:"sm"},null,8,["icon"]),e.createElementVNode("span",{class:"flex-1",textContent:e.toDisplayString(e.unref(Q.ucfirst)(String(w)))},null,8,Ve)],2)],8,$e)):e.createCommentVNode("",!0)],64))),256)),m.value&&v.value?(e.openBlock(),e.createElementBlock("hr",Te)):e.createCommentVNode("",!0),v.value?(e.openBlock(!0),e.createElementBlock(e.Fragment,{key:1},e.renderList(v.value,d=>(e.openBlock(),e.createElementBlock(e.Fragment,{key:d.label},[d.hasOwnProperty("component")?(e.openBlock(),e.createBlock(e.resolveDynamicComponent(d.component),{key:0,quote:e.unref(i).data.data.rowData,"row-data":e.unref(i).data.data.rowData},null,8,["quote","row-data"])):d.hasOwnProperty("type")&&d.type=="break"?(e.openBlock(),e.createElementBlock("hr",Ne)):(e.openBlock(),e.createElementBlock("a",{key:2,href:d.link,target:d.target||"_self",class:e.normalizeClass(["dsg-table--actions-menu-item",d.class]),onClick:w=>V(d,w)},[d.icon?(e.openBlock(),e.createBlock(E._sfc_main,{key:0,icon:d.icon,size:"sm"},null,8,["icon"])):e.createCommentVNode("",!0),e.createElementVNode("span",xe,e.toDisplayString(d.label),1)],10,Fe))],64))),128)):e.createCommentVNode("",!0)])):e.createCommentVNode("",!0)]),default:e.withCtx(()=>[e.createElementVNode("div",Pe,[e.createElementVNode("button",{type:"button",class:"dsg-table--actions-button","aria-expanded":"false","aria-haspopup":"true",onClick:l[0]||(l[0]=d=>g.value=!g.value)},[e.renderSlot(f.$slots,"dsg-table-action-button-content",{},()=>[e.createVNode(E._sfc_main,{icon:"dots-vertical",size:"sm"})])])])]),_:3},8,["placement","shown"])])),[[e.unref(E.vOnClickOutside),()=>g.value=!1]])}}),Me={class:"dsg-table--search"},ee=e.defineComponent({__name:"DsgTableSearch",props:{name:{},id:{},placeholder:{default:"Search"},disabled:{type:Boolean,default:!1},required:{type:Boolean,default:!1},readonly:{type:Boolean,default:!1},hidden:{type:Boolean,default:!1},extraClasses:{},eventName:{},replaceState:{type:Boolean,default:!0}},emits:["dsg-table:term-changed"],setup(t,{emit:S}){const g=e.ref("");e.onMounted(()=>{const u=new URL(window.location.href).searchParams.get("term");u&&(g.value=u,i("dsg-table:term-changed",u))});const i=S,m=E.useDebounceFn(v=>{if(g.value=v,t.replaceState){const u=new URL(window.location.href);g.value?u.searchParams.set("term",g.value):u.searchParams.delete("term"),window.history.pushState({},"",u.toString())}i("dsg-table:term-changed",g.value)},300);return(v,u)=>(e.openBlock(),e.createElementBlock("div",Me,[e.createVNode(E._sfc_main$4,{modelValue:g.value,"onUpdate:modelValue":u[0]||(u[0]=b=>g.value=b),name:t.name,id:t.id||t.name,placeholder:t.placeholder,disabled:t.disabled,required:t.required,readonly:t.readonly,hidden:t.hidden,"has-clear-button":!0,autocomplete:"off",size:"sm",icon:"search-sm","icon-clickable":!0,onIconClicked:u[1]||(u[1]=b=>e.unref(m)(b)),onEnterPressed:u[2]||(u[2]=b=>e.unref(m)(b)),onOnClear:u[3]||(u[3]=()=>e.unref(m)(""))},null,8,["modelValue","name","id","placeholder","disabled","required","readonly","hidden"])]))}}),Le={class:"dsg-table--header-row"},ze={key:0,class:"dsg-table--th dsg-table--th-checkbox",scope:"col"},Re={key:1,class:"dsg-table--th dsg-table--th-expand-detail",scope:"col"},Ie=["title","id","onClick"],Ae={key:0,class:"dsg-table--th-sort-icon"},He=["innerHTML"],qe=["innerHTML"],te=e.defineComponent({__name:"DsgTableRowHeader",props:e.mergeModels({fields:{},scrollVisible:{type:Boolean},hasSelectAll:{type:Boolean,default:!1},showExpandDetail:{type:Boolean,default:!0},tableDataLength:{default:0}},{sortField:{default:null},sortFieldModifiers:{},selectedRows:{default:[]},selectedRowsModifiers:{},hasSelected:{type:Boolean,default:!1},hasSelectedModifiers:{}}),emits:e.mergeModels(["dsg-table:sort-field","dsg-table:on-select-all","dsg-table:on-deselect-all"],["update:sortField","update:selectedRows","update:hasSelected"]),setup(t,{emit:S}){const g=e.useModel(t,"sortField"),i=e.useModel(t,"selectedRows"),m=e.useModel(t,"hasSelected"),v=e.ref("17px"),u=y=>{m.value&&i.value.length>0&&i.value.length!==t.tableDataLength?(m.value=!0,b("dsg-table:on-select-all")):!m.value&&i.value.length===0?(m.value=!1,b("dsg-table:on-select-all")):b("dsg-table:on-deselect-all")},b=S,F=(y,f)=>[y,y+"-"+Q.toSnakeCase(String(f?.name)),f.titleClass||"",{sortable:f.sortable},{"sort-active":g.value?.name===f.name}],V=y=>{y.sortable&&(g.value={name:String(y?.name),field:String(y?.sortField),direction:g.value?.name===y.name&&g.value?.direction==="asc"?"desc":"asc"},b("dsg-table:sort-field",y))};return(y,f)=>(e.openBlock(),e.createElementBlock("tr",Le,[t.hasSelectAll?(e.openBlock(),e.createElementBlock("th",ze,[e.createVNode(E._sfc_main$2,{modelValue:m.value,"onUpdate:modelValue":[f[0]||(f[0]=l=>m.value=l),u],indeterminate:i.value.length>0&&i.value.length!==t.tableDataLength},null,8,["modelValue","indeterminate"])])):e.createCommentVNode("",!0),t.showExpandDetail?(e.openBlock(),e.createElementBlock("th",Re)):e.createCommentVNode("",!0),(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(t.fields,(l,d)=>(e.openBlock(),e.createElementBlock(e.Fragment,null,[l?.visible?(e.openBlock(),e.createElementBlock("th",{key:d,class:e.normalizeClass(F("dsg-table--th",l)),style:e.normalizeStyle([{width:l.width||void 0},l.style]),title:l.title+(l.sortable?" Sort":""),id:"_"+l.name,onClick:w=>V(l),scope:"col"},[l.sortable?(e.openBlock(),e.createElementBlock("div",Ae,[l.title?(e.openBlock(),e.createElementBlock("span",{key:0,class:"dsg-table--th-title",innerHTML:l.title},null,8,He)):e.createCommentVNode("",!0),l.sortable&&g.value?.name!==l.name?(e.openBlock(),e.createBlock(E._sfc_main,{key:1,icon:"chevron-selector-vertical",class:"inline-flex",size:"xs"})):e.createCommentVNode("",!0),l.sortable&&g.value?.name===l.name&&g.value?.direction==="asc"?(e.openBlock(),e.createBlock(E._sfc_main,{key:2,icon:"chevron-down",class:"inline-flex",size:"xs"})):e.createCommentVNode("",!0),l.sortable&&g.value?.name===l.name&&g.value?.direction==="desc"?(e.openBlock(),e.createBlock(E._sfc_main,{key:3,icon:"chevron-up",class:"inline-flex",size:"xs"})):e.createCommentVNode("",!0)])):(e.openBlock(),e.createElementBlock("span",{key:1,class:"dsg-table--th-title",innerHTML:e.unref(Q.ucwords)(String(l?.title))},null,8,qe))],14,Ie)):e.createCommentVNode("",!0)],64))),256)),t.scrollVisible?(e.openBlock(),e.createElementBlock("th",{key:2,style:e.normalizeStyle({width:v.value}),class:"dsg-table--th-col-gutter"},null,4)):e.createCommentVNode("",!0)]))}}),Ue={class:"dsg-table--wrapper"},Oe=["span"],We={key:0,class:"dsg-table--loading"},je=["colspan"],Ke=["colspan"],Qe=["onClick","onDblclick","onMouseover"],Ye={key:0,class:"dsg-table--tbody-cell dsg-table--tbody-cell-checkbox"},Ge=["onClick","onDblclick","onContextmenu"],Je=["innerHTML"],Xe=["onClick"],Ze=["colspan"],_e={key:2},et=["colspan"],tt={class:"dsg-table--footer"},at=e.defineComponent({__name:"DsgTableComponent",props:e.mergeModels({fields:{default:()=>[]},isDraggable:{type:Boolean,default:!1},dragApi:{default:""},loadOnStart:{type:Boolean,default:!0},apiUrl:{default:""},httpMethod:{default:"get"},reactiveApiUrl:{type:Boolean,default:!0},apiMode:{type:Boolean,default:!0},data:{default:null},dataManager:{type:[Function,null],default:null},dataPath:{default:"data"},tableLayout:{default:"fixed"},paginationPath:{default:"links.pagination"},queryParams:{default:()=>({sort:"sort",order:"order",page:"page",perPage:"per_page"})},httpOptions:{default:()=>({})},hasDetailRow:{type:Boolean,default:!1},showExpandDetail:{type:Boolean,default:!0},initialPage:{default:1},firstPage:{default:1},sortOrder:{default:()=>[]},multiSort:{type:Boolean},tableHeight:{default:null},multiSortKey:{},rowClass:{type:[String,Function],default:""},detailRowComponent:{},detailRowTransition:{default:"fade"},detailRowClass:{type:[String,Function]},detailRowOptions:{default:()=>({})},trackBy:{default:"id"},css:{default:()=>({tableWrapper:"dsg-table-wrapper",thead:"dsg-table-thead",tbody:"dsg-table-tbody",table:"dsg-table-component"})},minRows:{default:0},noDataTemplate:{default:"No Data Available"},showSortIcons:{type:Boolean},headerRows:{},transform:{type:[Function,null],default:null},sortParams:{type:[Function,null],default:null},fieldPrefix:{},eventPrefix:{},selectable:{type:Boolean,default:!1}},{filterParams:{default:{}},filterParamsModifiers:{},perPage:{default:20},perPageModifiers:{}}),emits:e.mergeModels(["dsg-table:loading","dsg-table:loaded","dsg-table:load-success","dsg-table:load-error","dsg-table:pagination-data","dsg-table:rows-selected","dsg-table:row-clicked","dsg-table:row-hover","dsg-table:row-dblclick"],["update:filterParams","update:perPage"]),setup(t,{expose:S,emit:g}){const i=a=>a.map((n,r)=>({field:n.field||"",title:n.title||"",name:n.name||"",titleClass:n.titleClass||"",dataClass:n.dataClass||"",visible:n.visible??!0,width:n.width||void 0,sortField:n.sortField||null,sortable:n.sortField,formatter:n.formatter||null,$_index:r})),m=e.ref(i(t.fields)),v=e.ref(t.data),u=e.ref(null),b=e.ref(t.initialPage),F=e.ref("17px"),V=e.ref(!1),y=e.ref({}),f=e.ref(0),l=e.ref(!0),d=e.ref(null),w=e.ref(null),B=e.ref(0),C=e.useModel(t,"filterParams"),N=e.useModel(t,"perPage"),$=e.ref([]),R=e.ref(!1),x=e.computed(()=>t.tableHeight!=null),M=e.computed(()=>m.value.filter(a=>a.visible).length);e.watch(()=>$.value.length,a=>{R.value=t.selectable&&a>0},{immediate:!0}),e.watch(()=>t.fields,a=>{m.value=i(a)},{immediate:!0,deep:!0}),e.watch(()=>C.value,a=>{z()},{deep:!0}),e.watch(()=>N.value,()=>{z()}),e.watch(()=>t.apiUrl,(a,n)=>{t.apiMode&&a!==n&&a&&z()});const T=g,A=(a,n)=>a.formatter&&typeof a.formatter=="function"?a.formatter(a,n):K.data_get(n,String(a?.name),""),H=a=>"dsg-field--"+a.name?.toLowerCase().replaceAll(/[_ ]/g,"-"),q=(a,n)=>{const r={odd:n%2===0,even:n%2!==0,"row-selected":a.selected};if(!t.rowClass)return r;let D={};if(typeof t.rowClass=="function"){const h=t.rowClass(a,n);typeof h=="string"?h.split(" ").forEach(P=>{P.trim()&&(D[P.trim()]=!0)}):Array.isArray(h)?h.forEach(P=>{typeof P=="string"&&P.trim()&&(D[P.trim()]=!0)}):typeof h=="object"&&h!==null&&(D=h)}else typeof t.rowClass=="string"&&t.rowClass.split(" ").forEach(h=>{h.trim()&&(D[h.trim()]=!0)});return{...r,...D}},U=a=>{if(t.selectable){if(a.selected)$.value.push(a);else{const n=$.value.findIndex(r=>r[t.trackBy]===a[t.trackBy]);n!==-1&&$.value.splice(n,1)}T("dsg-table:rows-selected",$.value)}},O=()=>{t.selectable&&(v.value?.forEach(a=>{a.selected=!0}),$.value=v.value?.filter(a=>a.selected)??[],T("dsg-table:rows-selected",$.value))},W=()=>{t.selectable&&(v.value?.forEach(a=>{a.selected=!1}),$.value=[],T("dsg-table:rows-selected",$.value))},L=a=>{v.value=Array.isArray(a)?a:[],t.selectable&&v.value.forEach(n=>{n.selected=n.selected??!1})},j=()=>v.value??[],o=a=>{a==="prev"?b.value>t.firstPage&&b.value--:a==="next"?b.value<(u.value?.last_page??0)&&b.value++:a!=b.value&&a>=t.firstPage&&a<=(u.value?.last_page??0)&&(b.value=a),z()},s=()=>({[t.queryParams?.sort]:d.value?(d.value?.direction==="desc"?"-":"")+d.value?.field:void 0,[t.queryParams?.order]:d.value?.direction,[t.queryParams?.page]:b.value,[t.queryParams?.perPage]:N.value}),c=()=>{w.value&&(w.value.abort(),w.value=null)},k=(a,n)=>{c(),B.value++;const r=B.value,D=new AbortController;return n.signal=D.signal,w.value=D,(t.httpMethod.toLowerCase()==="get"?E.axios.get(a,n):(()=>{const P=n.params;return delete n.params,E.axios.post(a,P,n)})()).then(P=>({...P,_requestId:r,_apiUrl:a}),P=>{throw P.name==="AbortError"||P.code==="ERR_CANCELED"?{...P,_requestId:r,_cancelled:!0}:{...P,_requestId:r}})},p=a=>{if(a._requestId&&a._requestId!==B.value||a._apiUrl&&a._apiUrl!==t.apiUrl)return;T("dsg-table:load-success",a);const n=t.transform?t.transform(a.data):a.data;v.value=K.data_get(n,t.dataPath,null),t.selectable&&v.value?.forEach(r=>{r.selected=r.selected??!1}),u.value=K.data_get(n,t.paginationPath,null)??null,f.value=v.value?.length?v.value[0].order:f,u.value===null&&console.warn('DsgTable: pagination-path "'+t.paginationPath+`" not found. It looks like the data returned from the server does not have pagination information or you may have set it incorrectly.
-You can explicitly suppress this warning by setting pagination-path="".`),w.value=null,T("dsg-table:pagination-data",u.value),b.value>(u.value?.last_page||0)&&v.value?.length===0&&(b.value=t.initialPage,z()),T("dsg-table:loaded"),l.value=!1},I=a=>{a._requestId&&a._requestId!==B.value||a._apiUrl&&a._apiUrl!==t.apiUrl||a._cancelled||(console.error("load-error",a),w.value=null,T("dsg-table:load-error",a),T("dsg-table:loaded"),l.value=!1)},Y=()=>{if(t.data!==null&&Array.isArray(t.data)){L(t.data),l.value=!1;return}if(t.dataManager&&typeof t.dataManager=="function"){const a=t.dataManager();L(a),l.value=!1}else L(t.data),l.value=!1},z=(a=p,n=I,r={})=>{const D=a||p,h=n||I;if(!t.apiMode){Y();return}return l.value=!0,T("dsg-table:loading",l.value),t.httpOptions.params={...s(),...C.value},k(t.apiUrl,t.httpOptions).then(D).catch(P=>h(P))},ce=(a,n,r)=>{T("dsg-table:row-clicked",a,n,r)},ue=(a,n,r)=>{T("dsg-table:row-dblclick",a,n,r)},ge=(a,n,r)=>{},me=(a,n,r,D)=>{},fe=(a,n,r,D)=>{},ve=(a,n,r,D)=>{},be=(a,n,r)=>{};e.onMounted(()=>{t.apiMode===!0?z():Y()});const G=()=>{t.apiMode&&($.value=[],c(),z())};return S({changePage:o,reload:G,getData:j,setData:L,setLoading:a=>{l.value=a,T("dsg-table:loading",l.value)}}),(a,n)=>(e.openBlock(),e.createElementBlock("div",Ue,[e.createElementVNode("div",{ref:"dsgTableBodyWrapper",class:e.normalizeClass(["dsg-table-body-wrapper",{"fixed-header":x.value}]),style:e.normalizeStyle({height:t.tableHeight||void 0})},[e.createElementVNode("table",{class:e.normalizeClass(["dsg-table-main",x.value?"fixed-header":"",y.value.table,"table-"+t.tableLayout])},[e.createElementVNode("colgroup",{span:M.value},[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(m.value,(r,D)=>(e.openBlock(),e.createElementBlock(e.Fragment,null,[r?.visible?(e.openBlock(),e.createElementBlock("col",{key:D,style:e.normalizeStyle({width:r.width||void 0}),class:e.normalizeClass("dsg-table--col-"+r.name+" "+r.titleClass)},null,6)):e.createCommentVNode("",!0)],64))),256)),!x.value&&V.value?(e.openBlock(),e.createElementBlock("col",{key:0,style:e.normalizeStyle({width:F.value}),class:"dsg-table--col-gutter"},null,4)):e.createCommentVNode("",!0)],8,Oe),e.createElementVNode("thead",{class:e.normalizeClass([[y.value.thead,{sticky:x.value,"top-0":x.value}],"dsg-table--head"])},[e.renderSlot(a.$slots,"tableHeader",{fields:m.value},()=>[e.createVNode(te,{fields:m.value,"has-select-all":t.selectable,"selected-rows":$.value,"onUpdate:selectedRows":n[0]||(n[0]=r=>$.value=r),"has-selected":R.value,"onUpdate:hasSelected":n[1]||(n[1]=r=>R.value=r),"scroll-visible":V.value,"show-expand-detail":t.hasDetailRow&&t.showExpandDetail,"table-data-length":v.value?.length,"sort-field":d.value,"onUpdate:sortField":n[2]||(n[2]=r=>d.value=r),"onDsgTable:sortField":n[3]||(n[3]=r=>G()),"onDsgTable:onSelectAll":O,"onDsgTable:onDeselectAll":W},null,8,["fields","has-select-all","selected-rows","has-selected","scroll-visible","show-expand-detail","table-data-length","sort-field"])])],2),e.createElementVNode("tbody",{class:e.normalizeClass(["dsg-table--body",y.value.tbody])},[l.value?(e.openBlock(),e.createElementBlock("tr",We,[e.createElementVNode("td",{colspan:M.value},[e.createElementVNode("div",{"aria-label":"Loading...",role:"status",class:"flex items-center space-x-3 h-12 w-full justify-center",colspan:M.value},[e.renderSlot(a.$slots,"dsg-table-loading",{},()=>[e.createVNode(E._sfc_main,{icon:"loading-02",class:"animate-spin"}),n[4]||(n[4]=e.createElementVNode("span",{class:"text-xs font-medium text-gray-500"},"Loading...",-1))])],8,Ke)],8,je)])):(e.openBlock(!0),e.createElementBlock(e.Fragment,{key:1},e.renderList(v.value,(r,D)=>(e.openBlock(),e.createElementBlock(e.Fragment,{key:D},[e.createElementVNode("tr",{class:e.normalizeClass(["dsg-table--tbody-row",q(r,D)]),onClick:h=>ce(h,D,r),onDblclick:h=>ue(h,D,r),onMouseover:h=>ge()},[t.selectable?(e.openBlock(),e.createElementBlock("td",Ye,[e.createVNode(E._sfc_main$2,{modelValue:r.selected,"onUpdate:modelValue":[h=>r.selected=h,h=>U(r)]},null,8,["modelValue","onUpdate:modelValue"])])):e.createCommentVNode("",!0),(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(m.value,(h,P)=>(e.openBlock(),e.createElementBlock(e.Fragment,{key:P},[h.visible?(e.openBlock(),e.createElementBlock("td",{key:0,class:e.normalizeClass(["dsg-table--tbody-cell",h.dataClass]),style:e.normalizeStyle({width:h.width||void 0}),onClick:J=>me(),onDblclick:J=>fe(),onContextmenu:J=>ve()},[e.renderSlot(a.$slots,H(h),{rowData:r,rowIndex:D,rowField:h},()=>[e.createElementVNode("span",{innerHTML:A(h,r)},null,8,Je)])],46,Ge)):e.createCommentVNode("",!0)],64))),128))],42,Qe),t.hasDetailRow?(e.openBlock(),e.createBlock(e.Transition,{key:0,name:t.detailRowTransition},{default:e.withCtx(()=>[e.createElementVNode("tr",{class:"dsg-table--tbody-detail-row",onClick:h=>be()},[e.createElementVNode("td",{colspan:M.value},[e.renderSlot(a.$slots,"dsg-table-detail-row",{rowData:r,rowIndex:D,options:t.detailRowOptions})],8,Ze)],8,Xe)]),_:2},1032,["name"])):e.createCommentVNode("",!0)],64))),128)),!l.value&&!v.value?.length&&t.noDataTemplate.length?(e.openBlock(),e.createElementBlock("tr",_e,[e.createElementVNode("td",{colspan:M.value,class:"dsg-table--empty-result"},[e.renderSlot(a.$slots,"dsg-table-empty-result",{},()=>[e.createTextVNode(e.toDisplayString(t.noDataTemplate),1)])],8,et)])):e.createCommentVNode("",!0)],2),e.createElementVNode("tfoot",tt,[e.renderSlot(a.$slots,"dsg-table-footer",{fields:m.value,data:v.value})])],2)],6)]))}}),lt={class:"dsg-table"},nt={key:0,class:"dsg-table--pre-header"},ot={class:"dsg-table--pre-header-left"},st=["textContent"],rt={class:"dsg-table--pre-header-right"},it={key:1,class:"dsg-table--search-header",ref:"dsgTableSearchHeaderEl"},dt={class:"dsg-table--search-top"},ct={key:2,class:"dsg-table--footer",ref:"dsgTableFooterEl"},ut={class:"dsg-table--footer-left"},gt={class:"dsg-table--footer-center"},mt={class:"dsg-table--footer-right"},ft=e.defineComponent({__name:"DsgTable",props:{getUrl:{},fields:{},loadOnStart:{type:Boolean,default:!0},displayPaginationInfo:{type:Boolean,default:!0},reloadOnChangeTimer:{type:Boolean,default:!1},selectable:{type:Boolean,default:!1},trackBy:{default:"id"},title:{default:""},filters:{default:()=>{}},initialFilters:{default:()=>({})},filterEntity:{default:""},filterEndpoint:{default:""},filterSearchEndpoint:{default:""},tableLayout:{default:"fixed"},autoSortFilters:{type:Boolean,default:!0},data:{default:null},hasHeader:{type:Boolean,default:!0},hasFooter:{type:Boolean,default:!0},css:{default:()=>({tableWrapper:"border-b"})},rowClass:{type:[String,Function],default:void 0},apiMode:{type:Boolean,default:!0}},emits:["dsg-table:action-edit","dsg-table:action-view","dsg-table:action-delete","dsg-table:action-archive","dsg-table:link-clicked","dsg-table:rows-selected","dsg-table:row-clicked","dsg-table:row-hover","dsg-table:row-dblclick","dsg-table:filter-updated","dsg-table:term-changed","dsg-table:data-loaded"],setup(t,{expose:S,emit:g}){const i=o=>{w.value=o},m=e.ref(t.apiMode&&!!(t.filterEntity||t.filterEndpoint||t.getUrl)),v=()=>{if(m.value){let o={};return E.getQueryStrings().forEach(s=>{if(s.key.startsWith("filter[")){const c=s.key.replace("filter[","").replace("]",""),k=s.value;o[`filter[${c}]`]=k.join(",")}}),o}else return{}},u=e.computed(()=>({...t.css,tableWrapper:"border-b "+(t.css?.tableWrapper||"")})),b=e.useSlots(),F=e.ref(!0),V=e.ref(null),y=e.ref("<p>Showing {from} to {to} of {total}</p>"),f=e.ref(null),l=e.useTemplateRef("dsgTable"),d=e.ref({perPage:20,change:i}),w=e.ref(20),B=e.ref({...v(),...t.initialFilters}),C=g,N=o=>{l.value?.changePage(o)},$=o=>{f.value=o},R=({data:o})=>{V.value=o,C("dsg-table:data-loaded",o)},x=()=>{l.value?.reload()},M=o=>{l.value?.setLoading(o)},T=o=>{const s=l.value?.getData?.()??[];l.value?.setData(s.map(c=>c.id===o.id?o:c))},A=o=>{const s=l.value?.getData?.()??[];l.value?.setData([...s,o])},H=o=>{const s=l.value?.getData?.()??[];l.value?.setData(s.filter(c=>c.id!==o.id))},q=o=>{l.value?.setData(o)},U=()=>l.value?.getData()??[],O=o=>{const s=l.value?.getData()??[],c=o(s);c&&l.value?.setData(c)},W=o=>{B.value=o},L=o=>{const s={...B.value};!o||o.trim()===""?delete s["filter[term]"]:s["filter[term]"]=o,B.value=s,e.nextTick(()=>{x()}),C("dsg-table:term-changed",o)},j=(o,s,c)=>{let k={};B.value["filter[term]"]&&(k["filter[term]"]=B.value["filter[term]"]),Object.keys(o).forEach(p=>{o[p]!==null&&o[p]!==void 0&&o[p]!==""&&(k[p]=o[p])}),B.value=k,e.nextTick(()=>{x()}),C("dsg-table:filter-updated",B.value,s,c)};return S({reloadTable:x,updateRowTable:T,addRowTable:A,deleteRowTable:H,setData:q,getData:U,mutateData:O,termChanged:L,setFilters:W,setLoading:M}),(o,s)=>(e.openBlock(),e.createElementBlock("div",lt,[t.hasHeader?(e.openBlock(),e.createElementBlock("div",nt,[e.renderSlot(o.$slots,"dsg-table--pre-header",{},()=>[e.createElementVNode("div",ot,[e.renderSlot(o.$slots,"dsg-table--page-title",{data:V.value,title:t.title},()=>[t.title.length>0?(e.openBlock(),e.createElementBlock("h1",{key:0,class:"dsg-table--title",textContent:e.toDisplayString(t.title)},null,8,st)):e.createCommentVNode("",!0)])]),e.createElementVNode("div",rt,[e.renderSlot(o.$slots,"dsg-table--page-actions",{data:V.value})])])])):e.createCommentVNode("",!0),t.displayPaginationInfo?(e.openBlock(),e.createElementBlock("div",it,[e.createElementVNode("div",dt,[e.renderSlot(o.$slots,"dsg-table--search-header",{data:V.value},()=>[e.createVNode(ee,{name:"term","onDsgTable:termChanged":s[0]||(s[0]=c=>L(c))}),e.createVNode(E._sfc_main$7,{entity:t.filterEntity,"filter-endpoint":t.filterEndpoint,"search-endpoint":t.filterSearchEndpoint,"auto-sort":t.autoSortFilters,filters:t.filters,"onDsgTable:filterUpdated":s[1]||(s[1]=(c,k,p)=>j(c,k,p))},null,8,["entity","filter-endpoint","search-endpoint","auto-sort","filters"]),e.renderSlot(o.$slots,"dsg-table--search-actions",{data:V.value})])]),e.renderSlot(o.$slots,"dsg-table--search-navigation")],512)):e.createCommentVNode("",!0),e.createVNode(at,{ref:"dsgTable","api-url":t.getUrl,"filter-params":B.value,"onUpdate:filterParams":s[7]||(s[7]=c=>B.value=c),"per-page":w.value,"onUpdate:perPage":s[8]||(s[8]=c=>w.value=c),fields:t.fields,"load-on-start":t.loadOnStart,"pagination-path":"meta",selectable:t.selectable,"track-by":t.trackBy,"table-layout":t.tableLayout,css:u.value,data:t.data,"row-class":t.rowClass,"api-mode":m.value,"onDsgTable:loading":s[9]||(s[9]=c=>F.value=!0),"onDsgTable:loaded":s[10]||(s[10]=c=>F.value=!1),"onDsgTable:paginationData":$,"onDsgTable:loadSuccess":R,"onDsgTable:rowsSelected":s[11]||(s[11]=c=>C("dsg-table:rows-selected",c)),"onDsgTable:rowClicked":s[12]||(s[12]=(c,k,p)=>C("dsg-table:row-clicked",c,k,p)),"onDsgTable:rowHover":s[13]||(s[13]=(c,k,p)=>C("dsg-table:row-hover",c,k,p)),"onDsgTable:rowDblclick":s[14]||(s[14]=(c,k,p)=>C("dsg-table:row-dblclick",c,k,p))},e.createSlots({"dsg-field--actions":e.withCtx(c=>[e.renderSlot(o.$slots,"dsg-table-actions",{data:c},()=>[(e.openBlock(),e.createBlock(_,{key:c.rowIndex,data:c,"onDsgTable:actionEdit":s[2]||(s[2]=(k,p)=>C("dsg-table:action-edit",k,p)),"onDsgTable:actionView":s[3]||(s[3]=(k,p)=>C("dsg-table:action-view",k,p)),"onDsgTable:actionDelete":s[4]||(s[4]=(k,p)=>C("dsg-table:action-delete",k,p)),"onDsgTable:actionArchive":s[5]||(s[5]=(k,p)=>C("dsg-table:action-archive",k,p)),"onDsgTable:linkClicked":s[6]||(s[6]=(k,p,I)=>C("dsg-table:link-clicked",k,p,I))},null,8,["data"]))])]),_:2},[e.renderList(e.unref(b),(c,k)=>({name:k,fn:e.withCtx(p=>[String(k)!=="dsg-field--actions"?e.renderSlot(o.$slots,k,e.normalizeProps(e.mergeProps({key:0},p))):e.createCommentVNode("",!0)])}))]),1032,["api-url","filter-params","per-page","fields","load-on-start","selectable","track-by","table-layout","css","data","row-class","api-mode"]),t.hasFooter?(e.openBlock(),e.createElementBlock("div",ct,[e.createElementVNode("div",ut,[e.renderSlot(o.$slots,"dsg-table--footer-left",{data:f.value,perPage:d.value},()=>[e.createVNode(Z,{ref:"paginationInfoStart",pagination:f.value,"onUpdate:pagination":s[15]||(s[15]=c=>f.value=c),"info-template":y.value},null,8,["pagination","info-template"]),e.renderSlot(o.$slots,"dsg-table--footer-left-extras",{data:f.value,perPage:d.value})])]),e.createElementVNode("div",gt,[e.renderSlot(o.$slots,"dsg-table--footer-center",{data:f.value,perPage:d.value},()=>[e.renderSlot(o.$slots,"dsg-table--footer-center-extras",{data:f.value,perPage:d.value})])]),e.createElementVNode("div",mt,[e.renderSlot(o.$slots,"dsg-table--footer-right",{data:f.value,perPage:d.value},()=>[F.value===!1?(e.openBlock(),e.createBlock(X,{key:0,ref:"pagination",pagination:f.value,"onUpdate:pagination":s[16]||(s[16]=c=>f.value=c),"onDsgTable:changePage":N},null,8,["pagination"])):e.createCommentVNode("",!0),e.renderSlot(o.$slots,"dsg-table--footer-right-extras",{data:f.value,perPage:d.value})])])],512)):e.createCommentVNode("",!0)]))}}),vt={class:"dsg-table--per-page"},bt=["value","textContent"],kt=e.defineComponent({__name:"DsgTablePerPage",props:{perPageOptions:{default:()=>[10,20,30,50,100]},perPage:{}},setup(t){return(S,g)=>(e.openBlock(),e.createElementBlock("div",vt,[e.withDirectives(e.createElementVNode("select",{"onUpdate:modelValue":g[0]||(g[0]=i=>t.perPage.perPage=i),class:"dsg-table--per-page-select",onChange:g[1]||(g[1]=i=>t.perPage.change(t.perPage.perPage))},[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(t.perPageOptions,i=>(e.openBlock(),e.createElementBlock("option",{key:i,value:i,textContent:e.toDisplayString(i)},null,8,bt))),128))],544),[[e.vModelSelect,t.perPage.perPage]])]))}}),ae=ft,le=_,ne=kt,oe=E._sfc_main$7,se=X,re=Z,ie=ee,de=te,ht={DsgTable:ae,DsgTableActions:le,DsgTablePerPage:ne,DsgTableFilter:oe,DsgTablePagination:se,DsgTablePaginationInfo:re,DsgTableSearch:ie,DsgTableRowHeader:de};exports.DsgTable=ae;exports.DsgTableActions=le;exports.DsgTableFilter=oe;exports.DsgTablePagination=se;exports.DsgTablePaginationInfo=re;exports.DsgTablePerPage=ne;exports.DsgTableRowHeader=de;exports.DsgTableSearch=ie;exports.default=ht;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),D=require("./DsgTablePerPage.vue_vue_type_style_index_0_lang-DU5GAN6E.cjs"),Q=require("./dsg-vue.helpers-string.cjs"),K=require("./dsg-vue.helpers-object.cjs"),ke=require("./dsg-vue.helpers.cjs"),he={class:"dsg-table--pagination"},ye=["disabled"],pe=["disabled"],we=["onClick","innerHTML"],Be=["onClick","innerHTML"],Ce=["disabled"],Pe=["disabled"],X=e.defineComponent({__name:"DsgTablePagination",props:e.mergeModels({onEachSide:{default:3},firstPage:{default:1},showFirstLast:{type:Boolean,default:!0},firstIcon:{default:"chevron-left-double"},lastIcon:{default:"chevron-right-double"},prevIcon:{default:"chevron-left"},nextIcon:{default:"chevron-right"}},{pagination:{default:null},paginationModifiers:{}}),emits:e.mergeModels(["dsg-table:change-page"],["update:pagination"]),setup(t,{expose:S,emit:g}){const i=e.useModel(t,"pagination"),m=e.computed(()=>i.value===null?0:i.value?.last_page-t.firstPage+1),v=e.computed(()=>i.value===null?0:i.value?.last_page),u=e.computed(()=>i.value===null?!1:i.value?.current_page===t.firstPage),b=e.computed(()=>i.value===null?!1:i.value?.current_page===v.value),F=e.computed(()=>m.value<t.onEachSide*2+4),V=e.computed(()=>t.onEachSide*2+1),p=e.computed(()=>!i.value||i.value?.current_page<=t.onEachSide?1:i.value?.current_page>=m.value-t.onEachSide?m.value-t.onEachSide*2:i.value?.current_page-t.onEachSide),f=g,l=w=>{f("dsg-table:change-page",w)},d=w=>w===i.value?.current_page;return S({loadPage:l}),(w,B)=>e.withDirectives((e.openBlock(),e.createElementBlock("div",he,[t.showFirstLast?(e.openBlock(),e.createElementBlock("a",{key:0,onClick:B[0]||(B[0]=C=>l(t.firstPage)),class:e.normalizeClass([[u.value?"disabled":""],"dsg-table--pagination-link"]),disabled:u.value,title:"First","aria-label":"First"},[e.createVNode(D._sfc_main,{icon:t.firstIcon,size:"sm"},null,8,["icon"])],10,ye)):e.createCommentVNode("",!0),e.createElementVNode("a",{onClick:B[1]||(B[1]=C=>l("prev")),class:e.normalizeClass([[u.value?"disabled":""],"dsg-table--pagination-link"]),disabled:u.value,title:"Previous","aria-label":"Previous"},[e.createVNode(D._sfc_main,{icon:t.prevIcon,size:"sm"},null,8,["icon"])],10,pe),F.value?(e.openBlock(!0),e.createElementBlock(e.Fragment,{key:1},e.renderList(m.value,(C,N)=>(e.openBlock(),e.createElementBlock("a",{key:N,onClick:$=>l(N+t.firstPage),class:e.normalizeClass([[d(N+t.firstPage)?"active":""],"dsg-table--pagination-link"]),innerHTML:C},null,10,we))),128)):(e.openBlock(!0),e.createElementBlock(e.Fragment,{key:2},e.renderList(V.value,(C,N)=>(e.openBlock(),e.createElementBlock("a",{key:N,onClick:$=>l(p.value+N+t.firstPage-1),class:e.normalizeClass([[d(p.value+N+t.firstPage-1)?"active":""],"dsg-table--pagination-link"]),innerHTML:p.value+C-1},null,10,Be))),128)),e.createElementVNode("a",{onClick:B[2]||(B[2]=C=>l("next")),class:e.normalizeClass([[b.value?"disabled":""],"dsg-table--pagination-link"]),disabled:b.value,title:"Next","aria-label":"Next"},[e.createVNode(D._sfc_main,{icon:t.nextIcon,size:"sm"},null,8,["icon"])],10,Ce),t.showFirstLast?(e.openBlock(),e.createElementBlock("a",{key:3,onClick:B[3]||(B[3]=C=>l(v.value)),class:e.normalizeClass([[b.value?"disabled":""],"dsg-table--pagination-link"]),disabled:b.value,title:"Last","aria-label":"Last"},[e.createVNode(D._sfc_main,{icon:t.lastIcon,size:"sm"},null,8,["icon"])],10,Pe)):e.createCommentVNode("",!0)],512)),[[e.vShow,i.value&&v.value>t.firstPage]])}}),De=["innerHTML"],Z=e.defineComponent({__name:"DsgTablePaginationInfo",props:e.mergeModels({infoTemplate:{default:"Displaying {from} to {to} of {total} items"},noDataTemplate:{default:"No relevant data"}},{pagination:{default:null},paginationModifiers:{}}),emits:["update:pagination"],setup(t){const S=e.useModel(t,"pagination"),g=e.computed(()=>S.value==null||S.value.total==0?t.noDataTemplate:t.infoTemplate.replace("{from}",(S.value?.from||0).toString()).replace("{to}",(S.value?.to||0).toString()).replace("{total}",(S.value?.total||0).toString()));return(i,m)=>(e.openBlock(),e.createElementBlock("div",{class:"dsg-table--pagination-info",innerHTML:g.value},null,8,De))}}),Ee={class:"dsg-table--actions",ref:"dsgTableActions"},Se={class:"dsg-table--action-trigger"},$e={key:0,class:"dsg-table--actions-menu-wrapper"},Ve=["href","target","onClick"],Te=["textContent"],Ne={key:0},Fe={key:1},xe=["href","target","onClick"],Me={class:"flex-1"},_=e.defineComponent({__name:"DsgTableActions",props:{placement:{default:"auto"}},emits:["dsg-table:action-edit","dsg-table:action-view","dsg-table:action-delete","dsg-table:action-archive","dsg-table:link-clicked"],setup(t,{emit:S}){const g=e.ref(!1);e.useTemplateRef("dsgTableActions");const i=e.useAttrs(),m=e.ref(i.data.rowData?.actions??null),v=e.ref(i.data.rowData?.links??null),u=e.ref(i.data.rowData??null),b=f=>{switch(f){case"edit":return"edit-05";case"view":return"eye";case"delete":return"trash-01";case"archive":return"eye-off";default:return"dots-horizontal"}},F=(f,l,d)=>{switch(l){case"edit":p("dsg-table:action-edit",d,u.value);break;case"view":p("dsg-table:action-view",d,u.value);break;case"delete":p("dsg-table:action-delete",d,u.value);break;case"archive":p("dsg-table:action-archive",d,u.value);break}},V=(f,l)=>{const d=f.actionId||f.label.trim().toLowerCase().replace(/[^a-z0-9-]/g,"-").replace(/-+/g,"-");p("dsg-table:link-clicked",l,d,u.value)},p=S;return(f,l)=>e.withDirectives((e.openBlock(),e.createElementBlock("div",Ee,[e.createVNode(e.unref(D.kt),{triggers:[],placement:t.placement,"handle-resize":!0,strategy:"absolute",shown:g.value,class:"dsg-table--actions__popper",onHide:l[1]||(l[1]=d=>g.value=!1),ref:"floatingVueFilterDropdown"},{popper:e.withCtx(()=>[g.value?(e.openBlock(),e.createElementBlock("div",$e,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(m.value,(d,w)=>(e.openBlock(),e.createElementBlock(e.Fragment,null,[["edit","view","delete","archive"].includes(String(w))?(e.openBlock(),e.createElementBlock("a",{key:w,href:m.value?.link,target:m.value?.target||"_self",onClick:B=>F(d,String(w),B)},[e.createElementVNode("div",{class:e.normalizeClass(["dsg-table--actions-menu-item",String(w)])},[e.createVNode(D._sfc_main,{icon:b(String(w)),size:"sm"},null,8,["icon"]),e.createElementVNode("span",{class:"flex-1",textContent:e.toDisplayString(e.unref(Q.ucfirst)(String(w)))},null,8,Te)],2)],8,Ve)):e.createCommentVNode("",!0)],64))),256)),m.value&&v.value?(e.openBlock(),e.createElementBlock("hr",Ne)):e.createCommentVNode("",!0),v.value?(e.openBlock(!0),e.createElementBlock(e.Fragment,{key:1},e.renderList(v.value,d=>(e.openBlock(),e.createElementBlock(e.Fragment,{key:d.label},[d.hasOwnProperty("component")?(e.openBlock(),e.createBlock(e.resolveDynamicComponent(d.component),{key:0,quote:e.unref(i).data.data.rowData,"row-data":e.unref(i).data.data.rowData},null,8,["quote","row-data"])):d.hasOwnProperty("type")&&d.type=="break"?(e.openBlock(),e.createElementBlock("hr",Fe)):(e.openBlock(),e.createElementBlock("a",{key:2,href:d.link,target:d.target||"_self",class:e.normalizeClass(["dsg-table--actions-menu-item",d.class]),onClick:w=>V(d,w)},[d.icon?(e.openBlock(),e.createBlock(D._sfc_main,{key:0,icon:d.icon,size:"sm"},null,8,["icon"])):e.createCommentVNode("",!0),e.createElementVNode("span",Me,e.toDisplayString(d.label),1)],10,xe))],64))),128)):e.createCommentVNode("",!0)])):e.createCommentVNode("",!0)]),default:e.withCtx(()=>[e.createElementVNode("div",Se,[e.createElementVNode("button",{type:"button",class:"dsg-table--actions-button","aria-expanded":"false","aria-haspopup":"true",onClick:l[0]||(l[0]=d=>g.value=!g.value)},[e.renderSlot(f.$slots,"dsg-table-action-button-content",{},()=>[e.createVNode(D._sfc_main,{icon:"dots-vertical",size:"sm"})])])])]),_:3},8,["placement","shown"])])),[[e.unref(D.vOnClickOutside),()=>g.value=!1]])}}),Le={class:"dsg-table--search"},ee=e.defineComponent({__name:"DsgTableSearch",props:{name:{},id:{},placeholder:{default:"Search"},disabled:{type:Boolean,default:!1},required:{type:Boolean,default:!1},readonly:{type:Boolean,default:!1},hidden:{type:Boolean,default:!1},extraClasses:{},eventName:{},replaceState:{type:Boolean,default:!0}},emits:["dsg-table:term-changed"],setup(t,{emit:S}){const g=e.ref("");e.onMounted(()=>{const u=new URL(window.location.href).searchParams.get("term");u&&(g.value=u,i("dsg-table:term-changed",u))});const i=S,m=D.useDebounceFn(v=>{if(g.value=v,t.replaceState){const u=new URL(window.location.href);g.value?u.searchParams.set("term",g.value):u.searchParams.delete("term"),window.history.pushState({},"",u.toString())}i("dsg-table:term-changed",g.value)},300);return(v,u)=>(e.openBlock(),e.createElementBlock("div",Le,[e.createVNode(D._sfc_main$4,{modelValue:g.value,"onUpdate:modelValue":u[0]||(u[0]=b=>g.value=b),name:t.name,id:t.id||t.name,placeholder:t.placeholder,disabled:t.disabled,required:t.required,readonly:t.readonly,hidden:t.hidden,"has-clear-button":!0,autocomplete:"off",size:"sm",icon:"search-sm","icon-clickable":!0,onIconClicked:u[1]||(u[1]=b=>e.unref(m)(b)),onEnterPressed:u[2]||(u[2]=b=>e.unref(m)(b)),onOnClear:u[3]||(u[3]=()=>e.unref(m)(""))},null,8,["modelValue","name","id","placeholder","disabled","required","readonly","hidden"])]))}}),ze={class:"dsg-table--header-row"},Re={key:0,class:"dsg-table--th dsg-table--th-checkbox",scope:"col"},Ie={key:1,class:"dsg-table--th dsg-table--th-expand-detail",scope:"col"},Ae=["title","id","onClick"],qe={key:0,class:"dsg-table--th-sort-icon"},He=["innerHTML"],Ue=["innerHTML"],te=e.defineComponent({__name:"DsgTableRowHeader",props:e.mergeModels({fields:{},scrollVisible:{type:Boolean},hasSelectAll:{type:Boolean,default:!1},showExpandDetail:{type:Boolean,default:!0},tableDataLength:{default:0}},{sortField:{default:null},sortFieldModifiers:{},selectedRows:{default:[]},selectedRowsModifiers:{},hasSelected:{type:Boolean,default:!1},hasSelectedModifiers:{}}),emits:e.mergeModels(["dsg-table:sort-field","dsg-table:on-select-all","dsg-table:on-deselect-all"],["update:sortField","update:selectedRows","update:hasSelected"]),setup(t,{emit:S}){const g=e.useModel(t,"sortField"),i=e.useModel(t,"selectedRows"),m=e.useModel(t,"hasSelected"),v=e.ref("17px"),u=p=>{m.value&&i.value.length>0&&i.value.length!==t.tableDataLength?(m.value=!0,b("dsg-table:on-select-all")):!m.value&&i.value.length===0?(m.value=!1,b("dsg-table:on-select-all")):b("dsg-table:on-deselect-all")},b=S,F=(p,f)=>[p,p+"-"+Q.toSnakeCase(String(f?.name)),f.titleClass||"",{sortable:f.sortable},{"sort-active":g.value?.name===f.name}],V=p=>{p.sortable&&(g.value={name:String(p?.name),field:String(p?.sortField),direction:g.value?.name===p.name&&g.value?.direction==="asc"?"desc":"asc"},b("dsg-table:sort-field",p))};return(p,f)=>(e.openBlock(),e.createElementBlock("tr",ze,[t.hasSelectAll?(e.openBlock(),e.createElementBlock("th",Re,[e.createVNode(D._sfc_main$2,{modelValue:m.value,"onUpdate:modelValue":[f[0]||(f[0]=l=>m.value=l),u],indeterminate:i.value.length>0&&i.value.length!==t.tableDataLength},null,8,["modelValue","indeterminate"])])):e.createCommentVNode("",!0),t.showExpandDetail?(e.openBlock(),e.createElementBlock("th",Ie)):e.createCommentVNode("",!0),(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(t.fields,(l,d)=>(e.openBlock(),e.createElementBlock(e.Fragment,null,[l?.visible?(e.openBlock(),e.createElementBlock("th",{key:d,class:e.normalizeClass(F("dsg-table--th",l)),style:e.normalizeStyle([{width:l.width||void 0},l.style]),title:l.title+(l.sortable?" Sort":""),id:"_"+l.name,onClick:w=>V(l),scope:"col"},[l.sortable?(e.openBlock(),e.createElementBlock("div",qe,[l.title?(e.openBlock(),e.createElementBlock("span",{key:0,class:"dsg-table--th-title",innerHTML:l.title},null,8,He)):e.createCommentVNode("",!0),l.sortable&&g.value?.name!==l.name?(e.openBlock(),e.createBlock(D._sfc_main,{key:1,icon:"chevron-selector-vertical",class:"inline-flex",size:"xs"})):e.createCommentVNode("",!0),l.sortable&&g.value?.name===l.name&&g.value?.direction==="asc"?(e.openBlock(),e.createBlock(D._sfc_main,{key:2,icon:"chevron-down",class:"inline-flex",size:"xs"})):e.createCommentVNode("",!0),l.sortable&&g.value?.name===l.name&&g.value?.direction==="desc"?(e.openBlock(),e.createBlock(D._sfc_main,{key:3,icon:"chevron-up",class:"inline-flex",size:"xs"})):e.createCommentVNode("",!0)])):(e.openBlock(),e.createElementBlock("span",{key:1,class:"dsg-table--th-title",innerHTML:e.unref(Q.ucwords)(String(l?.title))},null,8,Ue))],14,Ae)):e.createCommentVNode("",!0)],64))),256)),t.scrollVisible?(e.openBlock(),e.createElementBlock("th",{key:2,style:e.normalizeStyle({width:v.value}),class:"dsg-table--th-col-gutter"},null,4)):e.createCommentVNode("",!0)]))}}),Oe={class:"dsg-table--wrapper"},We=["span"],je={key:0,class:"dsg-table--loading"},Ke=["colspan"],Qe=["colspan"],Ye=["onClick","onDblclick","onMouseover"],Ge={key:0,class:"dsg-table--tbody-cell dsg-table--tbody-cell-checkbox"},Je=["onClick","onDblclick","onContextmenu"],Xe=["innerHTML"],Ze=["onClick"],_e=["colspan"],et={key:2},tt=["colspan"],at={class:"dsg-table--footer"},lt=e.defineComponent({__name:"DsgTableComponent",props:e.mergeModels({fields:{default:()=>[]},isDraggable:{type:Boolean,default:!1},dragApi:{default:""},loadOnStart:{type:Boolean,default:!0},apiUrl:{default:""},httpMethod:{default:"get"},reactiveApiUrl:{type:Boolean,default:!0},apiMode:{type:Boolean,default:!0},data:{default:null},dataManager:{type:[Function,null],default:null},dataPath:{default:"data"},tableLayout:{default:"fixed"},paginationPath:{default:"links.pagination"},queryParams:{default:()=>({sort:"sort",order:"order",page:"page",perPage:"per_page"})},httpOptions:{default:()=>({})},hasDetailRow:{type:Boolean,default:!1},showExpandDetail:{type:Boolean,default:!0},initialPage:{default:1},firstPage:{default:1},sortOrder:{default:()=>[]},multiSort:{type:Boolean},tableHeight:{default:null},multiSortKey:{},rowClass:{type:[String,Function],default:""},detailRowComponent:{},detailRowTransition:{default:"fade"},detailRowClass:{type:[String,Function]},detailRowOptions:{default:()=>({})},trackBy:{default:"id"},css:{default:()=>({tableWrapper:"dsg-table-wrapper",thead:"dsg-table-thead",tbody:"dsg-table-tbody",table:"dsg-table-component"})},minRows:{default:0},noDataTemplate:{default:"No Data Available"},showSortIcons:{type:Boolean},headerRows:{},transform:{type:[Function,null],default:null},sortParams:{type:[Function,null],default:null},fieldPrefix:{},eventPrefix:{},selectable:{type:Boolean,default:!1}},{filterParams:{default:{}},filterParamsModifiers:{},perPage:{default:20},perPageModifiers:{}}),emits:e.mergeModels(["dsg-table:loading","dsg-table:loaded","dsg-table:load-success","dsg-table:load-error","dsg-table:pagination-data","dsg-table:rows-selected","dsg-table:row-clicked","dsg-table:row-hover","dsg-table:row-dblclick"],["update:filterParams","update:perPage"]),setup(t,{expose:S,emit:g}){const i=a=>a.map((n,r)=>({field:n.field||"",title:n.title||"",name:n.name||"",titleClass:n.titleClass||"",dataClass:n.dataClass||"",visible:n.visible??!0,width:n.width||void 0,sortField:n.sortField||null,sortable:n.sortField,formatter:n.formatter||null,$_index:r})),m=e.ref(i(t.fields)),v=e.ref(t.data),u=e.ref(null),b=e.ref(t.initialPage),F=e.ref("17px"),V=e.ref(!1),p=e.ref({}),f=e.ref(0),l=e.ref(!0),d=e.ref(null),w=e.ref(null),B=e.ref(0),C=e.useModel(t,"filterParams"),N=e.useModel(t,"perPage"),$=e.ref([]),R=e.ref(!1),x=e.computed(()=>t.tableHeight!=null),M=e.computed(()=>m.value.filter(a=>a.visible).length);e.watch(()=>$.value.length,a=>{R.value=t.selectable&&a>0},{immediate:!0}),e.watch(()=>t.fields,a=>{m.value=i(a)},{immediate:!0,deep:!0}),e.watch(()=>C.value,a=>{z()},{deep:!0}),e.watch(()=>N.value,()=>{z()}),e.watch(()=>t.apiUrl,(a,n)=>{t.apiMode&&a!==n&&a&&z()});const T=g,A=(a,n)=>a.formatter&&typeof a.formatter=="function"?a.formatter(a,n):K.data_get(n,String(a?.name),""),q=a=>"dsg-field--"+a.name?.toLowerCase().replaceAll(/[_ ]/g,"-"),H=(a,n)=>{const r={odd:n%2===0,even:n%2!==0,"row-selected":a.selected};if(!t.rowClass)return r;let P={};if(typeof t.rowClass=="function"){const h=t.rowClass(a,n);typeof h=="string"?h.split(" ").forEach(E=>{E.trim()&&(P[E.trim()]=!0)}):Array.isArray(h)?h.forEach(E=>{typeof E=="string"&&E.trim()&&(P[E.trim()]=!0)}):typeof h=="object"&&h!==null&&(P=h)}else typeof t.rowClass=="string"&&t.rowClass.split(" ").forEach(h=>{h.trim()&&(P[h.trim()]=!0)});return{...r,...P}},U=a=>{if(t.selectable){if(a.selected)$.value.push(a);else{const n=$.value.findIndex(r=>r[t.trackBy]===a[t.trackBy]);n!==-1&&$.value.splice(n,1)}T("dsg-table:rows-selected",$.value)}},O=()=>{t.selectable&&(v.value?.forEach(a=>{a.selected=!0}),$.value=v.value?.filter(a=>a.selected)??[],T("dsg-table:rows-selected",$.value))},W=()=>{t.selectable&&(v.value?.forEach(a=>{a.selected=!1}),$.value=[],T("dsg-table:rows-selected",$.value))},L=a=>{v.value=Array.isArray(a)?a:[],t.selectable&&v.value.forEach(n=>{n.selected=n.selected??!1})},j=()=>v.value??[],o=a=>{a==="prev"?b.value>t.firstPage&&b.value--:a==="next"?b.value<(u.value?.last_page??0)&&b.value++:a!=b.value&&a>=t.firstPage&&a<=(u.value?.last_page??0)&&(b.value=a),z()},s=()=>({[t.queryParams?.sort]:d.value?(d.value?.direction==="desc"?"-":"")+d.value?.field:void 0,[t.queryParams?.order]:d.value?.direction,[t.queryParams?.page]:b.value,[t.queryParams?.perPage]:N.value}),c=()=>{w.value&&(w.value.abort(),w.value=null)},k=(a,n)=>{c(),B.value++;const r=B.value,P=new AbortController;return n.signal=P.signal,w.value=P,(t.httpMethod.toLowerCase()==="get"?D.axios.get(a,n):(()=>{const E=n.params;return delete n.params,D.axios.post(a,E,n)})()).then(E=>({...E,_requestId:r,_apiUrl:a}),E=>{throw E.name==="AbortError"||E.code==="ERR_CANCELED"?{...E,_requestId:r,_cancelled:!0}:{...E,_requestId:r}})},y=a=>{if(a._requestId&&a._requestId!==B.value||a._apiUrl&&a._apiUrl!==t.apiUrl)return;T("dsg-table:load-success",a);const n=t.transform?t.transform(a.data):a.data;v.value=K.data_get(n,t.dataPath,null),t.selectable&&v.value?.forEach(r=>{r.selected=r.selected??!1}),u.value=K.data_get(n,t.paginationPath,null)??null,f.value=v.value?.length?v.value[0].order:f,!ke.isEmpty(t.paginationPath)&&u.value===null&&console.warn('DsgTable: pagination-path "'+t.paginationPath+`" not found. It looks like the data returned from the server does not have pagination information or you may have set it incorrectly.
+You can explicitly suppress this warning by setting pagination-path="".`),w.value=null,T("dsg-table:pagination-data",u.value),u.value&&b.value>(u.value?.last_page||0)&&v.value?.length===0&&(b.value=t.initialPage,z()),T("dsg-table:loaded"),l.value=!1},I=a=>{a._requestId&&a._requestId!==B.value||a._apiUrl&&a._apiUrl!==t.apiUrl||a._cancelled||(console.error("load-error",a),w.value=null,T("dsg-table:load-error",a),T("dsg-table:loaded"),l.value=!1)},Y=()=>{if(t.data!==null&&Array.isArray(t.data)){L(t.data),l.value=!1;return}if(t.dataManager&&typeof t.dataManager=="function"){const a=t.dataManager();L(a),l.value=!1}else L(t.data),l.value=!1},z=(a=y,n=I,r={})=>{const P=a||y,h=n||I;if(!t.apiMode){Y();return}return l.value=!0,T("dsg-table:loading",l.value),t.httpOptions.params={...s(),...C.value},k(t.apiUrl,t.httpOptions).then(P).catch(E=>h(E))},ce=(a,n,r)=>{T("dsg-table:row-clicked",a,n,r)},ue=(a,n,r)=>{T("dsg-table:row-dblclick",a,n,r)},ge=(a,n,r)=>{},me=(a,n,r,P)=>{},fe=(a,n,r,P)=>{},ve=(a,n,r,P)=>{},be=(a,n,r)=>{};e.onMounted(()=>{t.apiMode===!0?z():Y()});const G=()=>{t.apiMode&&($.value=[],c(),z())};return S({changePage:o,reload:G,getData:j,setData:L,setLoading:a=>{l.value=a,T("dsg-table:loading",l.value)}}),(a,n)=>(e.openBlock(),e.createElementBlock("div",Oe,[e.createElementVNode("div",{ref:"dsgTableBodyWrapper",class:e.normalizeClass(["dsg-table-body-wrapper",{"fixed-header":x.value}]),style:e.normalizeStyle({height:t.tableHeight||void 0})},[e.createElementVNode("table",{class:e.normalizeClass(["dsg-table-main",x.value?"fixed-header":"",p.value.table,"table-"+t.tableLayout])},[e.createElementVNode("colgroup",{span:M.value},[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(m.value,(r,P)=>(e.openBlock(),e.createElementBlock(e.Fragment,null,[r?.visible?(e.openBlock(),e.createElementBlock("col",{key:P,style:e.normalizeStyle({width:r.width||void 0}),class:e.normalizeClass("dsg-table--col-"+r.name+" "+r.titleClass)},null,6)):e.createCommentVNode("",!0)],64))),256)),!x.value&&V.value?(e.openBlock(),e.createElementBlock("col",{key:0,style:e.normalizeStyle({width:F.value}),class:"dsg-table--col-gutter"},null,4)):e.createCommentVNode("",!0)],8,We),e.createElementVNode("thead",{class:e.normalizeClass([[p.value.thead,{sticky:x.value,"top-0":x.value}],"dsg-table--head"])},[e.renderSlot(a.$slots,"tableHeader",{fields:m.value},()=>[e.createVNode(te,{fields:m.value,"has-select-all":t.selectable,"selected-rows":$.value,"onUpdate:selectedRows":n[0]||(n[0]=r=>$.value=r),"has-selected":R.value,"onUpdate:hasSelected":n[1]||(n[1]=r=>R.value=r),"scroll-visible":V.value,"show-expand-detail":t.hasDetailRow&&t.showExpandDetail,"table-data-length":v.value?.length,"sort-field":d.value,"onUpdate:sortField":n[2]||(n[2]=r=>d.value=r),"onDsgTable:sortField":n[3]||(n[3]=r=>G()),"onDsgTable:onSelectAll":O,"onDsgTable:onDeselectAll":W},null,8,["fields","has-select-all","selected-rows","has-selected","scroll-visible","show-expand-detail","table-data-length","sort-field"])])],2),e.createElementVNode("tbody",{class:e.normalizeClass(["dsg-table--body",p.value.tbody])},[l.value?(e.openBlock(),e.createElementBlock("tr",je,[e.createElementVNode("td",{colspan:M.value},[e.createElementVNode("div",{"aria-label":"Loading...",role:"status",class:"flex items-center space-x-3 h-12 w-full justify-center",colspan:M.value},[e.renderSlot(a.$slots,"dsg-table-loading",{},()=>[e.createVNode(D._sfc_main,{icon:"loading-02",class:"animate-spin"}),n[4]||(n[4]=e.createElementVNode("span",{class:"text-xs font-medium text-gray-500"},"Loading...",-1))])],8,Qe)],8,Ke)])):(e.openBlock(!0),e.createElementBlock(e.Fragment,{key:1},e.renderList(v.value,(r,P)=>(e.openBlock(),e.createElementBlock(e.Fragment,{key:P},[e.createElementVNode("tr",{class:e.normalizeClass(["dsg-table--tbody-row",H(r,P)]),onClick:h=>ce(h,P,r),onDblclick:h=>ue(h,P,r),onMouseover:h=>ge()},[t.selectable?(e.openBlock(),e.createElementBlock("td",Ge,[e.createVNode(D._sfc_main$2,{modelValue:r.selected,"onUpdate:modelValue":[h=>r.selected=h,h=>U(r)]},null,8,["modelValue","onUpdate:modelValue"])])):e.createCommentVNode("",!0),(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(m.value,(h,E)=>(e.openBlock(),e.createElementBlock(e.Fragment,{key:E},[h.visible?(e.openBlock(),e.createElementBlock("td",{key:0,class:e.normalizeClass(["dsg-table--tbody-cell",h.dataClass]),style:e.normalizeStyle({width:h.width||void 0}),onClick:J=>me(),onDblclick:J=>fe(),onContextmenu:J=>ve()},[e.renderSlot(a.$slots,q(h),{rowData:r,rowIndex:P,rowField:h},()=>[e.createElementVNode("span",{innerHTML:A(h,r)},null,8,Xe)])],46,Je)):e.createCommentVNode("",!0)],64))),128))],42,Ye),t.hasDetailRow?(e.openBlock(),e.createBlock(e.Transition,{key:0,name:t.detailRowTransition},{default:e.withCtx(()=>[e.createElementVNode("tr",{class:"dsg-table--tbody-detail-row",onClick:h=>be()},[e.createElementVNode("td",{colspan:M.value},[e.renderSlot(a.$slots,"dsg-table-detail-row",{rowData:r,rowIndex:P,options:t.detailRowOptions})],8,_e)],8,Ze)]),_:2},1032,["name"])):e.createCommentVNode("",!0)],64))),128)),!l.value&&!v.value?.length&&t.noDataTemplate.length?(e.openBlock(),e.createElementBlock("tr",et,[e.createElementVNode("td",{colspan:M.value,class:"dsg-table--empty-result"},[e.renderSlot(a.$slots,"dsg-table-empty-result",{},()=>[e.createTextVNode(e.toDisplayString(t.noDataTemplate),1)])],8,tt)])):e.createCommentVNode("",!0)],2),e.createElementVNode("tfoot",at,[e.renderSlot(a.$slots,"dsg-table-footer",{fields:m.value,data:v.value})])],2)],6)]))}}),nt={class:"dsg-table"},ot={key:0,class:"dsg-table--pre-header"},st={class:"dsg-table--pre-header-left"},rt=["textContent"],it={class:"dsg-table--pre-header-right"},dt={key:1,class:"dsg-table--search-header",ref:"dsgTableSearchHeaderEl"},ct={class:"dsg-table--search-top"},ut={key:2,class:"dsg-table--footer",ref:"dsgTableFooterEl"},gt={class:"dsg-table--footer-left"},mt={class:"dsg-table--footer-center"},ft={class:"dsg-table--footer-right"},vt=e.defineComponent({__name:"DsgTable",props:{getUrl:{},fields:{},loadOnStart:{type:Boolean,default:!0},displaySearch:{type:Boolean,default:!0},displayPaginationInfo:{type:Boolean,default:!0},reloadOnChangeTimer:{type:Boolean,default:!1},selectable:{type:Boolean,default:!1},trackBy:{default:"id"},title:{default:""},filters:{default:()=>{}},initialFilters:{default:()=>({})},filterEntity:{default:""},filterEndpoint:{default:""},filterSearchEndpoint:{default:""},tableLayout:{default:"fixed"},autoSortFilters:{type:Boolean,default:!0},data:{default:null},hasHeader:{type:Boolean,default:!0},hasFooter:{type:Boolean,default:!0},perPage:{default:20},paginationPath:{default:"meta"},css:{default:()=>({tableWrapper:"border-b"})},rowClass:{type:[String,Function],default:void 0},apiMode:{type:Boolean,default:!0}},emits:["dsg-table:action-edit","dsg-table:action-view","dsg-table:action-delete","dsg-table:action-archive","dsg-table:link-clicked","dsg-table:rows-selected","dsg-table:row-clicked","dsg-table:row-hover","dsg-table:row-dblclick","dsg-table:filter-updated","dsg-table:term-changed","dsg-table:data-loaded"],setup(t,{expose:S,emit:g}){const i=o=>{w.value=o},m=e.ref(t.apiMode&&!!(t.filterEntity||t.filterEndpoint||t.getUrl)),v=()=>{if(m.value){let o={};return D.getQueryStrings().forEach(s=>{if(s.key.startsWith("filter[")){const c=s.key.replace("filter[","").replace("]",""),k=s.value;o[`filter[${c}]`]=k.join(",")}}),o}else return{}},u=e.computed(()=>({...t.css,tableWrapper:"border-b "+(t.css?.tableWrapper||"")})),b=e.useSlots(),F=e.ref(!0),V=e.ref(null),p=e.ref("<p>Showing {from} to {to} of {total}</p>"),f=e.ref(null),l=e.useTemplateRef("dsgTable"),d=e.ref({perPage:t.perPage,change:i}),w=e.ref(t.perPage),B=e.ref({...v(),...t.initialFilters}),C=g,N=o=>{l.value?.changePage(o)},$=o=>{f.value=o},R=({data:o})=>{V.value=o,C("dsg-table:data-loaded",o)},x=()=>{l.value?.reload()},M=o=>{l.value?.setLoading(o)},T=o=>{const s=l.value?.getData?.()??[];l.value?.setData(s.map(c=>c.id===o.id?o:c))},A=o=>{const s=l.value?.getData?.()??[];l.value?.setData([...s,o])},q=o=>{const s=l.value?.getData?.()??[];l.value?.setData(s.filter(c=>c.id!==o.id))},H=o=>{l.value?.setData(o)},U=()=>l.value?.getData()??[],O=o=>{const s=l.value?.getData()??[],c=o(s);c&&l.value?.setData(c)},W=o=>{B.value=o},L=o=>{const s={...B.value};!o||o.trim()===""?delete s["filter[term]"]:s["filter[term]"]=o,B.value=s,e.nextTick(()=>{x()}),C("dsg-table:term-changed",o)},j=(o,s,c)=>{let k={};B.value["filter[term]"]&&(k["filter[term]"]=B.value["filter[term]"]),Object.keys(o).forEach(y=>{o[y]!==null&&o[y]!==void 0&&o[y]!==""&&(k[y]=o[y])}),B.value=k,e.nextTick(()=>{x()}),C("dsg-table:filter-updated",B.value,s,c)};return S({reloadTable:x,updateRowTable:T,addRowTable:A,deleteRowTable:q,setData:H,getData:U,mutateData:O,termChanged:L,setFilters:W,setLoading:M}),(o,s)=>(e.openBlock(),e.createElementBlock("div",nt,[t.hasHeader?(e.openBlock(),e.createElementBlock("div",ot,[e.renderSlot(o.$slots,"dsg-table--pre-header",{},()=>[e.createElementVNode("div",st,[e.renderSlot(o.$slots,"dsg-table--page-title",{data:V.value,title:t.title},()=>[t.title.length>0?(e.openBlock(),e.createElementBlock("h1",{key:0,class:"dsg-table--title",textContent:e.toDisplayString(t.title)},null,8,rt)):e.createCommentVNode("",!0)])]),e.createElementVNode("div",it,[e.renderSlot(o.$slots,"dsg-table--page-actions",{data:V.value})])])])):e.createCommentVNode("",!0),t.displaySearch?(e.openBlock(),e.createElementBlock("div",dt,[e.createElementVNode("div",ct,[e.renderSlot(o.$slots,"dsg-table--search-header",{data:V.value},()=>[e.createVNode(ee,{name:"term","onDsgTable:termChanged":s[0]||(s[0]=c=>L(c))}),e.createVNode(D._sfc_main$7,{entity:t.filterEntity,"filter-endpoint":t.filterEndpoint,"search-endpoint":t.filterSearchEndpoint,"auto-sort":t.autoSortFilters,filters:t.filters,"onDsgTable:filterUpdated":s[1]||(s[1]=(c,k,y)=>j(c,k,y))},null,8,["entity","filter-endpoint","search-endpoint","auto-sort","filters"]),e.renderSlot(o.$slots,"dsg-table--search-actions",{data:V.value})])]),e.renderSlot(o.$slots,"dsg-table--search-navigation")],512)):e.createCommentVNode("",!0),e.createVNode(lt,{ref:"dsgTable","api-url":t.getUrl,"filter-params":B.value,"onUpdate:filterParams":s[7]||(s[7]=c=>B.value=c),"per-page":w.value,"onUpdate:perPage":s[8]||(s[8]=c=>w.value=c),fields:t.fields,"load-on-start":t.loadOnStart,"pagination-path":t.paginationPath,selectable:t.selectable,"track-by":t.trackBy,"table-layout":t.tableLayout,css:u.value,data:t.data,"row-class":t.rowClass,"api-mode":m.value,"onDsgTable:loading":s[9]||(s[9]=c=>F.value=!0),"onDsgTable:loaded":s[10]||(s[10]=c=>F.value=!1),"onDsgTable:paginationData":$,"onDsgTable:loadSuccess":R,"onDsgTable:rowsSelected":s[11]||(s[11]=c=>C("dsg-table:rows-selected",c)),"onDsgTable:rowClicked":s[12]||(s[12]=(c,k,y)=>C("dsg-table:row-clicked",c,k,y)),"onDsgTable:rowHover":s[13]||(s[13]=(c,k,y)=>C("dsg-table:row-hover",c,k,y)),"onDsgTable:rowDblclick":s[14]||(s[14]=(c,k,y)=>C("dsg-table:row-dblclick",c,k,y))},e.createSlots({"dsg-field--actions":e.withCtx(c=>[e.renderSlot(o.$slots,"dsg-table-actions",{data:c},()=>[(e.openBlock(),e.createBlock(_,{key:c.rowIndex,data:c,"onDsgTable:actionEdit":s[2]||(s[2]=(k,y)=>C("dsg-table:action-edit",k,y)),"onDsgTable:actionView":s[3]||(s[3]=(k,y)=>C("dsg-table:action-view",k,y)),"onDsgTable:actionDelete":s[4]||(s[4]=(k,y)=>C("dsg-table:action-delete",k,y)),"onDsgTable:actionArchive":s[5]||(s[5]=(k,y)=>C("dsg-table:action-archive",k,y)),"onDsgTable:linkClicked":s[6]||(s[6]=(k,y,I)=>C("dsg-table:link-clicked",k,y,I))},null,8,["data"]))])]),_:2},[e.renderList(e.unref(b),(c,k)=>({name:k,fn:e.withCtx(y=>[String(k)!=="dsg-field--actions"?e.renderSlot(o.$slots,k,e.normalizeProps(e.mergeProps({key:0},y))):e.createCommentVNode("",!0)])}))]),1032,["api-url","filter-params","per-page","fields","load-on-start","pagination-path","selectable","track-by","table-layout","css","data","row-class","api-mode"]),t.hasFooter?(e.openBlock(),e.createElementBlock("div",ut,[e.createElementVNode("div",gt,[e.renderSlot(o.$slots,"dsg-table--footer-left",{data:f.value,perPage:d.value},()=>[t.displayPaginationInfo?(e.openBlock(),e.createBlock(Z,{key:0,ref:"paginationInfoStart",pagination:f.value,"onUpdate:pagination":s[15]||(s[15]=c=>f.value=c),"info-template":p.value},null,8,["pagination","info-template"])):e.createCommentVNode("",!0),e.renderSlot(o.$slots,"dsg-table--footer-left-extras",{data:f.value,perPage:d.value})])]),e.createElementVNode("div",mt,[e.renderSlot(o.$slots,"dsg-table--footer-center",{data:f.value,perPage:d.value},()=>[e.renderSlot(o.$slots,"dsg-table--footer-center-extras",{data:f.value,perPage:d.value})])]),e.createElementVNode("div",ft,[e.renderSlot(o.$slots,"dsg-table--footer-right",{data:f.value,perPage:d.value},()=>[F.value===!1&&t.displayPaginationInfo?(e.openBlock(),e.createBlock(X,{key:0,ref:"pagination",pagination:f.value,"onUpdate:pagination":s[16]||(s[16]=c=>f.value=c),"onDsgTable:changePage":N},null,8,["pagination"])):e.createCommentVNode("",!0),e.renderSlot(o.$slots,"dsg-table--footer-right-extras",{data:f.value,perPage:d.value})])])],512)):e.createCommentVNode("",!0)]))}}),bt={class:"dsg-table--per-page"},kt=["value","textContent"],ht=e.defineComponent({__name:"DsgTablePerPage",props:{perPageOptions:{default:()=>[10,20,30,50,100]},perPage:{}},setup(t){return(S,g)=>(e.openBlock(),e.createElementBlock("div",bt,[e.withDirectives(e.createElementVNode("select",{"onUpdate:modelValue":g[0]||(g[0]=i=>t.perPage.perPage=i),class:"dsg-table--per-page-select",onChange:g[1]||(g[1]=i=>t.perPage.change(t.perPage.perPage))},[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(t.perPageOptions,i=>(e.openBlock(),e.createElementBlock("option",{key:i,value:i,textContent:e.toDisplayString(i)},null,8,kt))),128))],544),[[e.vModelSelect,t.perPage.perPage]])]))}}),ae=vt,le=_,ne=ht,oe=D._sfc_main$7,se=X,re=Z,ie=ee,de=te,yt={DsgTable:ae,DsgTableActions:le,DsgTablePerPage:ne,DsgTableFilter:oe,DsgTablePagination:se,DsgTablePaginationInfo:re,DsgTableSearch:ie,DsgTableRowHeader:de};exports.DsgTable=ae;exports.DsgTableActions=le;exports.DsgTableFilter=oe;exports.DsgTablePagination=se;exports.DsgTablePaginationInfo=re;exports.DsgTablePerPage=ne;exports.DsgTableRowHeader=de;exports.DsgTableSearch=ie;exports.default=yt;

package/dist/dsg-vue.table.esm.js

@@ -1,8 +1,9 @@
-import { defineComponent as K, mergeModels as X, useModel as J, computed as V, withDirectives as ge, createElementBlock as i, openBlock as l, createCommentVNode as p, createElementVNode as P, normalizeClass as B, createVNode as R, Fragment as I, renderList as N, vShow as Re, ref as D, useTemplateRef as ye, useAttrs as Ie, unref as O, withCtx as te, renderSlot as F, toDisplayString as ae, createBlock as j, resolveDynamicComponent as Ae, onMounted as we, normalizeStyle as Z, watch as ee, Transition as He, createTextVNode as Ue, useSlots as qe, createSlots as Ve, normalizeProps as ze, mergeProps as Oe, nextTick as he, vModelSelect as Ne } from "vue";
+import { defineComponent as K, mergeModels as X, useModel as J, computed as V, withDirectives as ge, createElementBlock as i, openBlock as l, createCommentVNode as D, createElementVNode as P, normalizeClass as B, createVNode as I, Fragment as R, renderList as N, vShow as Re, ref as p, useTemplateRef as ye, useAttrs as Ie, unref as O, withCtx as te, renderSlot as F, toDisplayString as ae, createBlock as j, resolveDynamicComponent as Ae, onMounted as we, normalizeStyle as Z, watch as ee, Transition as He, createTextVNode as Ue, useSlots as qe, createSlots as Ve, normalizeProps as ze, mergeProps as Oe, nextTick as he, vModelSelect as Ne } from "vue";
 import { _ as z, k as We, v as je, f as Ke, u as Qe, c as ke, e as me, i as Pe, j as Ye } from "./DsgTablePerPage.vue_vue_type_style_index_0_lang-BIxdsbw_.js";
 import { ucfirst as Ge, ucwords as Je, toSnakeCase as Xe } from "./dsg-vue.helpers-string.esm.js";
 import { data_get as ce } from "./dsg-vue.helpers-object.esm.js";
-const Ze = { class: "dsg-table--pagination" }, _e = ["disabled"], et = ["disabled"], tt = ["onClick", "innerHTML"], at = ["onClick", "innerHTML"], lt = ["disabled"], st = ["disabled"], De = /* @__PURE__ */ K({
+import { isEmpty as Ze } from "./dsg-vue.helpers.esm.js";
+const _e = { class: "dsg-table--pagination" }, et = ["disabled"], tt = ["disabled"], at = ["onClick", "innerHTML"], lt = ["onClick", "innerHTML"], st = ["disabled"], nt = ["disabled"], pe = /* @__PURE__ */ K({
   __name: "DsgTablePagination",
   props: /* @__PURE__ */ X({
     onEachSide: { default: 3 },
@@ -17,13 +18,13 @@ const Ze = { class: "dsg-table--pagination" }, _e = ["disabled"], et = ["disable
     paginationModifiers: {}
   }),
   emits: /* @__PURE__ */ X(["dsg-table:change-page"], ["update:pagination"]),
-  setup(e, { expose: L, emit: v }) {
-    const r = J(e, "pagination"), b = V(() => r.value === null ? 0 : r.value?.last_page - e.firstPage + 1), h = V(() => r.value === null ? 0 : r.value?.last_page), g = V(() => r.value === null ? !1 : r.value?.current_page === e.firstPage), m = V(() => r.value === null ? !1 : r.value?.current_page === h.value), q = V(() => b.value < e.onEachSide * 2 + 4), A = V(() => e.onEachSide * 2 + 1), C = V(() => !r.value || r.value?.current_page <= e.onEachSide ? 1 : r.value?.current_page >= b.value - e.onEachSide ? b.value - e.onEachSide * 2 : r.value?.current_page - e.onEachSide), f = v, a = ($) => {
-      f("dsg-table:change-page", $);
+  setup(e, { expose: E, emit: v }) {
+    const r = J(e, "pagination"), f = V(() => r.value === null ? 0 : r.value?.last_page - e.firstPage + 1), h = V(() => r.value === null ? 0 : r.value?.last_page), g = V(() => r.value === null ? !1 : r.value?.current_page === e.firstPage), m = V(() => r.value === null ? !1 : r.value?.current_page === h.value), q = V(() => f.value < e.onEachSide * 2 + 4), A = V(() => e.onEachSide * 2 + 1), C = V(() => !r.value || r.value?.current_page <= e.onEachSide ? 1 : r.value?.current_page >= f.value - e.onEachSide ? f.value - e.onEachSide * 2 : r.value?.current_page - e.onEachSide), b = v, a = ($) => {
+      b("dsg-table:change-page", $);
     }, u = ($) => $ === r.value?.current_page;
-    return L({
+    return E({
       loadPage: a
-    }), ($, T) => ge((l(), i("div", Ze, [
+    }), ($, T) => ge((l(), i("div", _e, [
       e.showFirstLast ? (l(), i("a", {
         key: 0,
         onClick: T[0] || (T[0] = (S) => a(e.firstPage)),
@@ -32,11 +33,11 @@ const Ze = { class: "dsg-table--pagination" }, _e = ["disabled"], et = ["disable
         title: "First",
         "aria-label": "First"
       }, [
-        R(z, {
+        I(z, {
           icon: e.firstIcon,
           size: "sm"
         }, null, 8, ["icon"])
-      ], 10, _e)) : p("", !0),
+      ], 10, et)) : D("", !0),
       P("a", {
         onClick: T[1] || (T[1] = (S) => a("prev")),
         class: B([[g.value ? "disabled" : ""], "dsg-table--pagination-link"]),
@@ -44,22 +45,22 @@ const Ze = { class: "dsg-table--pagination" }, _e = ["disabled"], et = ["disable
         title: "Previous",
         "aria-label": "Previous"
       }, [
-        R(z, {
+        I(z, {
           icon: e.prevIcon,
           size: "sm"
         }, null, 8, ["icon"])
-      ], 10, et),
-      q.value ? (l(!0), i(I, { key: 1 }, N(b.value, (S, U) => (l(), i("a", {
+      ], 10, tt),
+      q.value ? (l(!0), i(R, { key: 1 }, N(f.value, (S, U) => (l(), i("a", {
         key: U,
-        onClick: (E) => a(U + e.firstPage),
+        onClick: (L) => a(U + e.firstPage),
         class: B([[u(U + e.firstPage) ? "active" : ""], "dsg-table--pagination-link"]),
         innerHTML: S
-      }, null, 10, tt))), 128)) : (l(!0), i(I, { key: 2 }, N(A.value, (S, U) => (l(), i("a", {
+      }, null, 10, at))), 128)) : (l(!0), i(R, { key: 2 }, N(A.value, (S, U) => (l(), i("a", {
         key: U,
-        onClick: (E) => a(C.value + U + e.firstPage - 1),
+        onClick: (L) => a(C.value + U + e.firstPage - 1),
         class: B([[u(C.value + U + e.firstPage - 1) ? "active" : ""], "dsg-table--pagination-link"]),
         innerHTML: C.value + S - 1
-      }, null, 10, at))), 128)),
+      }, null, 10, lt))), 128)),
       P("a", {
         onClick: T[2] || (T[2] = (S) => a("next")),
         class: B([[m.value ? "disabled" : ""], "dsg-table--pagination-link"]),
@@ -67,11 +68,11 @@ const Ze = { class: "dsg-table--pagination" }, _e = ["disabled"], et = ["disable
         title: "Next",
         "aria-label": "Next"
       }, [
-        R(z, {
+        I(z, {
           icon: e.nextIcon,
           size: "sm"
         }, null, 8, ["icon"])
-      ], 10, lt),
+      ], 10, st),
       e.showFirstLast ? (l(), i("a", {
         key: 3,
         onClick: T[3] || (T[3] = (S) => a(h.value)),
@@ -80,16 +81,16 @@ const Ze = { class: "dsg-table--pagination" }, _e = ["disabled"], et = ["disable
         title: "Last",
         "aria-label": "Last"
       }, [
-        R(z, {
+        I(z, {
           icon: e.lastIcon,
           size: "sm"
         }, null, 8, ["icon"])
-      ], 10, st)) : p("", !0)
+      ], 10, nt)) : D("", !0)
     ], 512)), [
       [Re, r.value && h.value > e.firstPage]
     ]);
   }
-}), nt = ["innerHTML"], pe = /* @__PURE__ */ K({
+}), ot = ["innerHTML"], De = /* @__PURE__ */ K({
   __name: "DsgTablePaginationInfo",
   props: /* @__PURE__ */ X({
     infoTemplate: { default: "Displaying {from} to {to} of {total} items" },
@@ -100,29 +101,29 @@ const Ze = { class: "dsg-table--pagination" }, _e = ["disabled"], et = ["disable
   }),
   emits: ["update:pagination"],
   setup(e) {
-    const L = J(e, "pagination"), v = V(() => L.value == null || L.value.total == 0 ? e.noDataTemplate : e.infoTemplate.replace("{from}", (L.value?.from || 0).toString()).replace("{to}", (L.value?.to || 0).toString()).replace("{total}", (L.value?.total || 0).toString()));
-    return (r, b) => (l(), i("div", {
+    const E = J(e, "pagination"), v = V(() => E.value == null || E.value.total == 0 ? e.noDataTemplate : e.infoTemplate.replace("{from}", (E.value?.from || 0).toString()).replace("{to}", (E.value?.to || 0).toString()).replace("{total}", (E.value?.total || 0).toString()));
+    return (r, f) => (l(), i("div", {
       class: "dsg-table--pagination-info",
       innerHTML: v.value
-    }, null, 8, nt));
+    }, null, 8, ot));
   }
-}), ot = {
+}), it = {
   class: "dsg-table--actions",
   ref: "dsgTableActions"
-}, it = { class: "dsg-table--action-trigger" }, dt = {
+}, dt = { class: "dsg-table--action-trigger" }, rt = {
   key: 0,
   class: "dsg-table--actions-menu-wrapper"
-}, rt = ["href", "target", "onClick"], ut = ["textContent"], ct = { key: 0 }, gt = { key: 1 }, vt = ["href", "target", "onClick"], bt = { class: "flex-1" }, Ce = /* @__PURE__ */ K({
+}, ut = ["href", "target", "onClick"], ct = ["textContent"], gt = { key: 0 }, vt = { key: 1 }, ft = ["href", "target", "onClick"], bt = { class: "flex-1" }, Ce = /* @__PURE__ */ K({
   __name: "DsgTableActions",
   props: {
     placement: { default: "auto" }
   },
   emits: ["dsg-table:action-edit", "dsg-table:action-view", "dsg-table:action-delete", "dsg-table:action-archive", "dsg-table:link-clicked"],
-  setup(e, { emit: L }) {
-    const v = D(!1);
+  setup(e, { emit: E }) {
+    const v = p(!1);
     ye("dsgTableActions");
-    const r = Ie(), b = D(r.data.rowData?.actions ?? null), h = D(r.data.rowData?.links ?? null), g = D(r.data.rowData ?? null), m = (f) => {
-      switch (f) {
+    const r = Ie(), f = p(r.data.rowData?.actions ?? null), h = p(r.data.rowData?.links ?? null), g = p(r.data.rowData ?? null), m = (b) => {
+      switch (b) {
         case "edit":
           return "edit-05";
         case "view":
@@ -134,7 +135,7 @@ const Ze = { class: "dsg-table--pagination" }, _e = ["disabled"], et = ["disable
         default:
           return "dots-horizontal";
       }
-    }, q = (f, a, u) => {
+    }, q = (b, a, u) => {
       switch (a) {
         case "edit":
           C("dsg-table:action-edit", u, g.value);
@@ -149,12 +150,12 @@ const Ze = { class: "dsg-table--pagination" }, _e = ["disabled"], et = ["disable
           C("dsg-table:action-archive", u, g.value);
           break;
       }
-    }, A = (f, a) => {
-      const u = f.actionId || f.label.trim().toLowerCase().replace(/[^a-z0-9-]/g, "-").replace(/-+/g, "-");
+    }, A = (b, a) => {
+      const u = b.actionId || b.label.trim().toLowerCase().replace(/[^a-z0-9-]/g, "-").replace(/-+/g, "-");
       C("dsg-table:link-clicked", a, u, g.value);
-    }, C = L;
-    return (f, a) => ge((l(), i("div", ot, [
-      R(O(We), {
+    }, C = E;
+    return (b, a) => ge((l(), i("div", it, [
+      I(O(We), {
         triggers: [],
         placement: e.placement,
         "handle-resize": !0,
@@ -165,37 +166,37 @@ const Ze = { class: "dsg-table--pagination" }, _e = ["disabled"], et = ["disable
         ref: "floatingVueFilterDropdown"
       }, {
         popper: te(() => [
-          v.value ? (l(), i("div", dt, [
-            (l(!0), i(I, null, N(b.value, (u, $) => (l(), i(I, null, [
+          v.value ? (l(), i("div", rt, [
+            (l(!0), i(R, null, N(f.value, (u, $) => (l(), i(R, null, [
               ["edit", "view", "delete", "archive"].includes(String($)) ? (l(), i("a", {
                 key: $,
-                href: b.value?.link,
-                target: b.value?.target || "_self",
+                href: f.value?.link,
+                target: f.value?.target || "_self",
                 onClick: (T) => q(u, String($), T)
               }, [
                 P("div", {
                   class: B(["dsg-table--actions-menu-item", String($)])
                 }, [
-                  R(z, {
+                  I(z, {
                     icon: m(String($)),
                     size: "sm"
                   }, null, 8, ["icon"]),
                   P("span", {
                     class: "flex-1",
                     textContent: ae(O(Ge)(String($)))
-                  }, null, 8, ut)
+                  }, null, 8, ct)
                 ], 2)
-              ], 8, rt)) : p("", !0)
+              ], 8, ut)) : D("", !0)
             ], 64))), 256)),
-            b.value && h.value ? (l(), i("hr", ct)) : p("", !0),
-            h.value ? (l(!0), i(I, { key: 1 }, N(h.value, (u) => (l(), i(I, {
+            f.value && h.value ? (l(), i("hr", gt)) : D("", !0),
+            h.value ? (l(!0), i(R, { key: 1 }, N(h.value, (u) => (l(), i(R, {
               key: u.label
             }, [
               u.hasOwnProperty("component") ? (l(), j(Ae(u.component), {
                 key: 0,
                 quote: O(r).data.data.rowData,
                 "row-data": O(r).data.data.rowData
-              }, null, 8, ["quote", "row-data"])) : u.hasOwnProperty("type") && u.type == "break" ? (l(), i("hr", gt)) : (l(), i("a", {
+              }, null, 8, ["quote", "row-data"])) : u.hasOwnProperty("type") && u.type == "break" ? (l(), i("hr", vt)) : (l(), i("a", {
                 key: 2,
                 href: u.link,
                 target: u.target || "_self",
@@ -206,14 +207,14 @@ const Ze = { class: "dsg-table--pagination" }, _e = ["disabled"], et = ["disable
                   key: 0,
                   icon: u.icon,
                   size: "sm"
-                }, null, 8, ["icon"])) : p("", !0),
+                }, null, 8, ["icon"])) : D("", !0),
                 P("span", bt, ae(u.label), 1)
-              ], 10, vt))
-            ], 64))), 128)) : p("", !0)
-          ])) : p("", !0)
+              ], 10, ft))
+            ], 64))), 128)) : D("", !0)
+          ])) : D("", !0)
         ]),
         default: te(() => [
-          P("div", it, [
+          P("div", dt, [
             P("button", {
               type: "button",
               class: "dsg-table--actions-button",
@@ -221,8 +222,8 @@ const Ze = { class: "dsg-table--pagination" }, _e = ["disabled"], et = ["disable
               "aria-haspopup": "true",
               onClick: a[0] || (a[0] = (u) => v.value = !v.value)
             }, [
-              F(f.$slots, "dsg-table-action-button-content", {}, () => [
-                R(z, {
+              F(b.$slots, "dsg-table-action-button-content", {}, () => [
+                I(z, {
                   icon: "dots-vertical",
                   size: "sm"
                 })
@@ -236,7 +237,7 @@ const Ze = { class: "dsg-table--pagination" }, _e = ["disabled"], et = ["disable
       [O(je), () => v.value = !1]
     ]);
   }
-}), ft = { class: "dsg-table--search" }, $e = /* @__PURE__ */ K({
+}), ht = { class: "dsg-table--search" }, $e = /* @__PURE__ */ K({
   __name: "DsgTableSearch",
   props: {
     name: {},
@@ -251,21 +252,21 @@ const Ze = { class: "dsg-table--pagination" }, _e = ["disabled"], et = ["disable
     replaceState: { type: Boolean, default: !0 }
   },
   emits: ["dsg-table:term-changed"],
-  setup(e, { emit: L }) {
-    const v = D("");
+  setup(e, { emit: E }) {
+    const v = p("");
     we(() => {
       const g = new URL(window.location.href).searchParams.get("term");
       g && (v.value = g, r("dsg-table:term-changed", g));
     });
-    const r = L, b = Qe((h) => {
+    const r = E, f = Qe((h) => {
       if (v.value = h, e.replaceState) {
         const g = new URL(window.location.href);
         v.value ? g.searchParams.set("term", v.value) : g.searchParams.delete("term"), window.history.pushState({}, "", g.toString());
       }
       r("dsg-table:term-changed", v.value);
     }, 300);
-    return (h, g) => (l(), i("div", ft, [
-      R(Ke, {
+    return (h, g) => (l(), i("div", ht, [
+      I(Ke, {
         modelValue: v.value,
         "onUpdate:modelValue": g[0] || (g[0] = (m) => v.value = m),
         name: e.name,
@@ -280,24 +281,24 @@ const Ze = { class: "dsg-table--pagination" }, _e = ["disabled"], et = ["disable
         size: "sm",
         icon: "search-sm",
         "icon-clickable": !0,
-        onIconClicked: g[1] || (g[1] = (m) => O(b)(m)),
-        onEnterPressed: g[2] || (g[2] = (m) => O(b)(m)),
-        onOnClear: g[3] || (g[3] = () => O(b)(""))
+        onIconClicked: g[1] || (g[1] = (m) => O(f)(m)),
+        onEnterPressed: g[2] || (g[2] = (m) => O(f)(m)),
+        onOnClear: g[3] || (g[3] = () => O(f)(""))
       }, null, 8, ["modelValue", "name", "id", "placeholder", "disabled", "required", "readonly", "hidden"])
     ]));
   }
-}), ht = { class: "dsg-table--header-row" }, mt = {
+}), mt = { class: "dsg-table--header-row" }, yt = {
   key: 0,
   class: "dsg-table--th dsg-table--th-checkbox",
   scope: "col"
-}, yt = {
+}, wt = {
   key: 1,
   class: "dsg-table--th dsg-table--th-expand-detail",
   scope: "col"
-}, wt = ["title", "id", "onClick"], kt = {
+}, kt = ["title", "id", "onClick"], Pt = {
   key: 0,
   class: "dsg-table--th-sort-icon"
-}, Pt = ["innerHTML"], Dt = ["innerHTML"], Te = /* @__PURE__ */ K({
+}, pt = ["innerHTML"], Dt = ["innerHTML"], Te = /* @__PURE__ */ K({
   __name: "DsgTableRowHeader",
   props: /* @__PURE__ */ X({
     fields: {},
@@ -314,15 +315,15 @@ const Ze = { class: "dsg-table--pagination" }, _e = ["disabled"], et = ["disable
     hasSelectedModifiers: {}
   }),
   emits: /* @__PURE__ */ X(["dsg-table:sort-field", "dsg-table:on-select-all", "dsg-table:on-deselect-all"], ["update:sortField", "update:selectedRows", "update:hasSelected"]),
-  setup(e, { emit: L }) {
-    const v = J(e, "sortField"), r = J(e, "selectedRows"), b = J(e, "hasSelected"), h = D("17px"), g = (C) => {
-      b.value && r.value.length > 0 && r.value.length !== e.tableDataLength ? (b.value = !0, m("dsg-table:on-select-all")) : !b.value && r.value.length === 0 ? (b.value = !1, m("dsg-table:on-select-all")) : m("dsg-table:on-deselect-all");
-    }, m = L, q = (C, f) => [
+  setup(e, { emit: E }) {
+    const v = J(e, "sortField"), r = J(e, "selectedRows"), f = J(e, "hasSelected"), h = p("17px"), g = (C) => {
+      f.value && r.value.length > 0 && r.value.length !== e.tableDataLength ? (f.value = !0, m("dsg-table:on-select-all")) : !f.value && r.value.length === 0 ? (f.value = !1, m("dsg-table:on-select-all")) : m("dsg-table:on-deselect-all");
+    }, m = E, q = (C, b) => [
       C,
-      C + "-" + Xe(String(f?.name)),
-      f.titleClass || "",
-      { sortable: f.sortable },
-      { "sort-active": v.value?.name === f.name }
+      C + "-" + Xe(String(b?.name)),
+      b.titleClass || "",
+      { sortable: b.sortable },
+      { "sort-active": v.value?.name === b.name }
     ], A = (C) => {
       C.sortable && (v.value = {
         name: String(C?.name),
@@ -330,19 +331,19 @@ const Ze = { class: "dsg-table--pagination" }, _e = ["disabled"], et = ["disable
         direction: v.value?.name === C.name && v.value?.direction === "asc" ? "desc" : "asc"
       }, m("dsg-table:sort-field", C));
     };
-    return (C, f) => (l(), i("tr", ht, [
-      e.hasSelectAll ? (l(), i("th", mt, [
-        R(ke, {
-          modelValue: b.value,
+    return (C, b) => (l(), i("tr", mt, [
+      e.hasSelectAll ? (l(), i("th", yt, [
+        I(ke, {
+          modelValue: f.value,
           "onUpdate:modelValue": [
-            f[0] || (f[0] = (a) => b.value = a),
+            b[0] || (b[0] = (a) => f.value = a),
             g
           ],
           indeterminate: r.value.length > 0 && r.value.length !== e.tableDataLength
         }, null, 8, ["modelValue", "indeterminate"])
-      ])) : p("", !0),
-      e.showExpandDetail ? (l(), i("th", yt)) : p("", !0),
-      (l(!0), i(I, null, N(e.fields, (a, u) => (l(), i(I, null, [
+      ])) : D("", !0),
+      e.showExpandDetail ? (l(), i("th", wt)) : D("", !0),
+      (l(!0), i(R, null, N(e.fields, (a, u) => (l(), i(R, null, [
         a?.visible ? (l(), i("th", {
           key: u,
           class: B(q("dsg-table--th", a)),
@@ -352,51 +353,51 @@ const Ze = { class: "dsg-table--pagination" }, _e = ["disabled"], et = ["disable
           onClick: ($) => A(a),
           scope: "col"
         }, [
-          a.sortable ? (l(), i("div", kt, [
+          a.sortable ? (l(), i("div", Pt, [
             a.title ? (l(), i("span", {
               key: 0,
               class: "dsg-table--th-title",
               innerHTML: a.title
-            }, null, 8, Pt)) : p("", !0),
+            }, null, 8, pt)) : D("", !0),
             a.sortable && v.value?.name !== a.name ? (l(), j(z, {
               key: 1,
               icon: "chevron-selector-vertical",
               class: "inline-flex",
               size: "xs"
-            })) : p("", !0),
+            })) : D("", !0),
             a.sortable && v.value?.name === a.name && v.value?.direction === "asc" ? (l(), j(z, {
               key: 2,
               icon: "chevron-down",
               class: "inline-flex",
               size: "xs"
-            })) : p("", !0),
+            })) : D("", !0),
             a.sortable && v.value?.name === a.name && v.value?.direction === "desc" ? (l(), j(z, {
               key: 3,
               icon: "chevron-up",
               class: "inline-flex",
               size: "xs"
-            })) : p("", !0)
+            })) : D("", !0)
           ])) : (l(), i("span", {
             key: 1,
             class: "dsg-table--th-title",
             innerHTML: O(Je)(String(a?.title))
           }, null, 8, Dt))
-        ], 14, wt)) : p("", !0)
+        ], 14, kt)) : D("", !0)
       ], 64))), 256)),
       e.scrollVisible ? (l(), i("th", {
         key: 2,
         style: Z({ width: h.value }),
         class: "dsg-table--th-col-gutter"
-      }, null, 4)) : p("", !0)
+      }, null, 4)) : D("", !0)
     ]));
   }
-}), pt = { class: "dsg-table--wrapper" }, Ct = ["span"], $t = {
+}), Ct = { class: "dsg-table--wrapper" }, $t = ["span"], Tt = {
   key: 0,
   class: "dsg-table--loading"
-}, Tt = ["colspan"], St = ["colspan"], xt = ["onClick", "onDblclick", "onMouseover"], Ft = {
+}, St = ["colspan"], xt = ["colspan"], Ft = ["onClick", "onDblclick", "onMouseover"], Mt = {
   key: 0,
   class: "dsg-table--tbody-cell dsg-table--tbody-cell-checkbox"
-}, Mt = ["onClick", "onDblclick", "onContextmenu"], Lt = ["innerHTML"], Et = ["onClick"], Bt = ["colspan"], Rt = { key: 2 }, It = ["colspan"], At = { class: "dsg-table--footer" }, Ht = /* @__PURE__ */ K({
+}, Et = ["onClick", "onDblclick", "onContextmenu"], Lt = ["innerHTML"], Bt = ["onClick"], Rt = ["colspan"], It = { key: 2 }, At = ["colspan"], Ht = { class: "dsg-table--footer" }, Ut = /* @__PURE__ */ K({
   __name: "DsgTableComponent",
   props: /* @__PURE__ */ X({
     fields: { default: () => [] },
@@ -455,7 +456,7 @@ const Ze = { class: "dsg-table--pagination" }, _e = ["disabled"], et = ["disable
     perPageModifiers: {}
   }),
   emits: /* @__PURE__ */ X(["dsg-table:loading", "dsg-table:loaded", "dsg-table:load-success", "dsg-table:load-error", "dsg-table:pagination-data", "dsg-table:rows-selected", "dsg-table:row-clicked", "dsg-table:row-hover", "dsg-table:row-dblclick"], ["update:filterParams", "update:perPage"]),
-  setup(e, { expose: L, emit: v }) {
+  setup(e, { expose: E, emit: v }) {
     const r = (t) => t.map((s, d) => ({
       field: s.field || "",
       title: s.title || "",
@@ -468,9 +469,9 @@ const Ze = { class: "dsg-table--pagination" }, _e = ["disabled"], et = ["disable
       sortable: s.sortField,
       formatter: s.formatter || null,
       $_index: d
-    })), b = D(r(e.fields)), h = D(e.data), g = D(null), m = D(e.initialPage), q = D("17px"), A = D(!1), C = D({}), f = D(0), a = D(!0), u = D(null), $ = D(null), T = D(0), S = J(e, "filterParams"), U = J(e, "perPage"), E = D([]), _ = D(!1), W = V(() => e.tableHeight != null), Q = V(() => b.value.filter((t) => t.visible).length);
+    })), f = p(r(e.fields)), h = p(e.data), g = p(null), m = p(e.initialPage), q = p("17px"), A = p(!1), C = p({}), b = p(0), a = p(!0), u = p(null), $ = p(null), T = p(0), S = J(e, "filterParams"), U = J(e, "perPage"), L = p([]), _ = p(!1), W = V(() => e.tableHeight != null), Q = V(() => f.value.filter((t) => t.visible).length);
     ee(
-      () => E.value.length,
+      () => L.value.length,
       (t) => {
         _.value = e.selectable && t > 0;
       },
@@ -478,7 +479,7 @@ const Ze = { class: "dsg-table--pagination" }, _e = ["disabled"], et = ["disable
     ), ee(
       () => e.fields,
       (t) => {
-        b.value = r(t);
+        f.value = r(t);
       },
       { immediate: !0, deep: !0 }
     ), ee(
@@ -521,21 +522,21 @@ const Ze = { class: "dsg-table--pagination" }, _e = ["disabled"], et = ["disable
     }, ie = (t) => {
       if (e.selectable) {
         if (t.selected)
-          E.value.push(t);
+          L.value.push(t);
         else {
-          const s = E.value.findIndex((d) => d[e.trackBy] === t[e.trackBy]);
-          s !== -1 && E.value.splice(s, 1);
+          const s = L.value.findIndex((d) => d[e.trackBy] === t[e.trackBy]);
+          s !== -1 && L.value.splice(s, 1);
         }
-        H("dsg-table:rows-selected", E.value);
+        H("dsg-table:rows-selected", L.value);
       }
     }, de = () => {
       e.selectable && (h.value?.forEach((t) => {
         t.selected = !0;
-      }), E.value = h.value?.filter((t) => t.selected) ?? [], H("dsg-table:rows-selected", E.value));
+      }), L.value = h.value?.filter((t) => t.selected) ?? [], H("dsg-table:rows-selected", L.value));
     }, re = () => {
       e.selectable && (h.value?.forEach((t) => {
         t.selected = !1;
-      }), E.value = [], H("dsg-table:rows-selected", E.value));
+      }), L.value = [], H("dsg-table:rows-selected", L.value));
     }, Y = (t) => {
       h.value = Array.isArray(t) ? t : [], e.selectable && h.value.forEach((s) => {
         s.selected = s.selected ?? !1;
@@ -568,10 +569,10 @@ const Ze = { class: "dsg-table--pagination" }, _e = ["disabled"], et = ["disable
       const s = e.transform ? e.transform(t.data) : t.data;
       h.value = ce(s, e.dataPath, null), e.selectable && h.value?.forEach((d) => {
         d.selected = d.selected ?? !1;
-      }), g.value = ce(s, e.paginationPath, null) ?? null, f.value = h.value?.length ? h.value[0].order : f, g.value === null && console.warn(
+      }), g.value = ce(s, e.paginationPath, null) ?? null, b.value = h.value?.length ? h.value[0].order : b, !Ze(e.paginationPath) && g.value === null && console.warn(
         'DsgTable: pagination-path "' + e.paginationPath + `" not found. It looks like the data returned from the server does not have pagination information or you may have set it incorrectly.
 You can explicitly suppress this warning by setting pagination-path="".`
-      ), $.value = null, H("dsg-table:pagination-data", g.value), m.value > (g.value?.last_page || 0) && h.value?.length === 0 && (m.value = e.initialPage, G()), H("dsg-table:loaded"), a.value = !1;
+      ), $.value = null, H("dsg-table:pagination-data", g.value), g.value && m.value > (g.value?.last_page || 0) && h.value?.length === 0 && (m.value = e.initialPage, G()), H("dsg-table:loaded"), a.value = !1;
     }, le = (t) => {
       t._requestId && t._requestId !== T.value || t._apiUrl && t._apiUrl !== e.apiUrl || t._cancelled || (console.error("load-error", t), $.value = null, H("dsg-table:load-error", t), H("dsg-table:loaded"), a.value = !1);
     }, ve = () => {
@@ -600,25 +601,25 @@ You can explicitly suppress this warning by setting pagination-path="".`
       H("dsg-table:row-dblclick", t, s, d);
     }, Fe = (t, s, d) => {
     }, Me = (t, s, d, x) => {
-    }, Le = (t, s, d, x) => {
     }, Ee = (t, s, d, x) => {
+    }, Le = (t, s, d, x) => {
     }, Be = (t, s, d) => {
     };
     we(() => {
       e.apiMode === !0 ? G() : ve();
     });
-    const be = () => {
-      e.apiMode && (E.value = [], c(), G());
+    const fe = () => {
+      e.apiMode && (L.value = [], c(), G());
     };
-    return L({
+    return E({
       changePage: n,
-      reload: be,
+      reload: fe,
       getData: ue,
       setData: Y,
       setLoading: (t) => {
         a.value = t, H("dsg-table:loading", a.value);
       }
-    }), (t, s) => (l(), i("div", pt, [
+    }), (t, s) => (l(), i("div", Ct, [
       P("div", {
         ref: "dsgTableBodyWrapper",
         class: B(["dsg-table-body-wrapper", { "fixed-header": W.value }]),
@@ -628,28 +629,28 @@ You can explicitly suppress this warning by setting pagination-path="".`
           class: B(["dsg-table-main", W.value ? "fixed-header" : "", C.value.table, "table-" + e.tableLayout])
         }, [
           P("colgroup", { span: Q.value }, [
-            (l(!0), i(I, null, N(b.value, (d, x) => (l(), i(I, null, [
+            (l(!0), i(R, null, N(f.value, (d, x) => (l(), i(R, null, [
               d?.visible ? (l(), i("col", {
                 key: x,
                 style: Z({ width: d.width || void 0 }),
                 class: B("dsg-table--col-" + d.name + " " + d.titleClass)
-              }, null, 6)) : p("", !0)
+              }, null, 6)) : D("", !0)
             ], 64))), 256)),
             !W.value && A.value ? (l(), i("col", {
               key: 0,
               style: Z({ width: q.value }),
               class: "dsg-table--col-gutter"
-            }, null, 4)) : p("", !0)
-          ], 8, Ct),
+            }, null, 4)) : D("", !0)
+          ], 8, $t),
           P("thead", {
             class: B([[C.value.thead, { sticky: W.value, "top-0": W.value }], "dsg-table--head"])
           }, [
-            F(t.$slots, "tableHeader", { fields: b.value }, () => [
-              R(Te, {
-                fields: b.value,
+            F(t.$slots, "tableHeader", { fields: f.value }, () => [
+              I(Te, {
+                fields: f.value,
                 "has-select-all": e.selectable,
-                "selected-rows": E.value,
-                "onUpdate:selectedRows": s[0] || (s[0] = (d) => E.value = d),
+                "selected-rows": L.value,
+                "onUpdate:selectedRows": s[0] || (s[0] = (d) => L.value = d),
                 "has-selected": _.value,
                 "onUpdate:hasSelected": s[1] || (s[1] = (d) => _.value = d),
                 "scroll-visible": A.value,
@@ -657,7 +658,7 @@ You can explicitly suppress this warning by setting pagination-path="".`
                 "table-data-length": h.value?.length,
                 "sort-field": u.value,
                 "onUpdate:sortField": s[2] || (s[2] = (d) => u.value = d),
-                "onDsgTable:sortField": s[3] || (s[3] = (d) => be()),
+                "onDsgTable:sortField": s[3] || (s[3] = (d) => fe()),
                 "onDsgTable:onSelectAll": de,
                 "onDsgTable:onDeselectAll": re
               }, null, 8, ["fields", "has-select-all", "selected-rows", "has-selected", "scroll-visible", "show-expand-detail", "table-data-length", "sort-field"])
@@ -666,7 +667,7 @@ You can explicitly suppress this warning by setting pagination-path="".`
           P("tbody", {
             class: B(["dsg-table--body", C.value.tbody])
           }, [
-            a.value ? (l(), i("tr", $t, [
+            a.value ? (l(), i("tr", Tt, [
               P("td", { colspan: Q.value }, [
                 P("div", {
                   "aria-label": "Loading...",
@@ -675,35 +676,35 @@ You can explicitly suppress this warning by setting pagination-path="".`
                   colspan: Q.value
                 }, [
                   F(t.$slots, "dsg-table-loading", {}, () => [
-                    R(z, {
+                    I(z, {
                       icon: "loading-02",
                       class: "animate-spin"
                     }),
                     s[4] || (s[4] = P("span", { class: "text-xs font-medium text-gray-500" }, "Loading...", -1))
                   ])
-                ], 8, St)
-              ], 8, Tt)
-            ])) : (l(!0), i(I, { key: 1 }, N(h.value, (d, x) => (l(), i(I, { key: x }, [
+                ], 8, xt)
+              ], 8, St)
+            ])) : (l(!0), i(R, { key: 1 }, N(h.value, (d, x) => (l(), i(R, { key: x }, [
               P("tr", {
                 class: B(["dsg-table--tbody-row", oe(d, x)]),
                 onClick: (w) => Se(w, x, d),
                 onDblclick: (w) => xe(w, x, d),
                 onMouseover: (w) => Fe()
               }, [
-                e.selectable ? (l(), i("td", Ft, [
-                  R(ke, {
+                e.selectable ? (l(), i("td", Mt, [
+                  I(ke, {
                     modelValue: d.selected,
                     "onUpdate:modelValue": [(w) => d.selected = w, (w) => ie(d)]
                   }, null, 8, ["modelValue", "onUpdate:modelValue"])
-                ])) : p("", !0),
-                (l(!0), i(I, null, N(b.value, (w, M) => (l(), i(I, { key: M }, [
+                ])) : D("", !0),
+                (l(!0), i(R, null, N(f.value, (w, M) => (l(), i(R, { key: M }, [
                   w.visible ? (l(), i("td", {
                     key: 0,
                     class: B(["dsg-table--tbody-cell", w.dataClass]),
                     style: Z({ width: w.width || void 0 }),
-                    onClick: (fe) => Me(),
-                    onDblclick: (fe) => Le(),
-                    onContextmenu: (fe) => Ee()
+                    onClick: (be) => Me(),
+                    onDblclick: (be) => Ee(),
+                    onContextmenu: (be) => Le()
                   }, [
                     F(t.$slots, ne(w), {
                       rowData: d,
@@ -714,9 +715,9 @@ You can explicitly suppress this warning by setting pagination-path="".`
                         innerHTML: se(w, d)
                       }, null, 8, Lt)
                     ])
-                  ], 46, Mt)) : p("", !0)
+                  ], 46, Et)) : D("", !0)
                 ], 64))), 128))
-              ], 42, xt),
+              ], 42, Ft),
               e.hasDetailRow ? (l(), j(He, {
                 key: 0,
                 name: e.detailRowTransition
@@ -732,13 +733,13 @@ You can explicitly suppress this warning by setting pagination-path="".`
                         rowIndex: x,
                         options: e.detailRowOptions
                       })
-                    ], 8, Bt)
-                  ], 8, Et)
+                    ], 8, Rt)
+                  ], 8, Bt)
                 ]),
                 _: 2
-              }, 1032, ["name"])) : p("", !0)
+              }, 1032, ["name"])) : D("", !0)
             ], 64))), 128)),
-            !a.value && !h.value?.length && e.noDataTemplate.length ? (l(), i("tr", Rt, [
+            !a.value && !h.value?.length && e.noDataTemplate.length ? (l(), i("tr", It, [
               P("td", {
                 colspan: Q.value,
                 class: "dsg-table--empty-result"
@@ -746,12 +747,12 @@ You can explicitly suppress this warning by setting pagination-path="".`
                 F(t.$slots, "dsg-table-empty-result", {}, () => [
                   Ue(ae(e.noDataTemplate), 1)
                 ])
-              ], 8, It)
-            ])) : p("", !0)
+              ], 8, At)
+            ])) : D("", !0)
           ], 2),
-          P("tfoot", At, [
+          P("tfoot", Ht, [
             F(t.$slots, "dsg-table-footer", {
-              fields: b.value,
+              fields: f.value,
               data: h.value
             })
           ])
@@ -759,23 +760,24 @@ You can explicitly suppress this warning by setting pagination-path="".`
       ], 6)
     ]));
   }
-}), Ut = { class: "dsg-table" }, qt = {
+}), qt = { class: "dsg-table" }, Vt = {
   key: 0,
   class: "dsg-table--pre-header"
-}, Vt = { class: "dsg-table--pre-header-left" }, zt = ["textContent"], Ot = { class: "dsg-table--pre-header-right" }, Nt = {
+}, zt = { class: "dsg-table--pre-header-left" }, Ot = ["textContent"], Nt = { class: "dsg-table--pre-header-right" }, Wt = {
   key: 1,
   class: "dsg-table--search-header",
   ref: "dsgTableSearchHeaderEl"
-}, Wt = { class: "dsg-table--search-top" }, jt = {
+}, jt = { class: "dsg-table--search-top" }, Kt = {
   key: 2,
   class: "dsg-table--footer",
   ref: "dsgTableFooterEl"
-}, Kt = { class: "dsg-table--footer-left" }, Qt = { class: "dsg-table--footer-center" }, Yt = { class: "dsg-table--footer-right" }, Gt = /* @__PURE__ */ K({
+}, Qt = { class: "dsg-table--footer-left" }, Yt = { class: "dsg-table--footer-center" }, Gt = { class: "dsg-table--footer-right" }, Jt = /* @__PURE__ */ K({
   __name: "DsgTable",
   props: {
     getUrl: {},
     fields: {},
     loadOnStart: { type: Boolean, default: !0 },
+    displaySearch: { type: Boolean, default: !0 },
     displayPaginationInfo: { type: Boolean, default: !0 },
     reloadOnChangeTimer: { type: Boolean, default: !1 },
     selectable: { type: Boolean, default: !1 },
@@ -792,16 +794,18 @@ You can explicitly suppress this warning by setting pagination-path="".`
     data: { default: null },
     hasHeader: { type: Boolean, default: !0 },
     hasFooter: { type: Boolean, default: !0 },
+    perPage: { default: 20 },
+    paginationPath: { default: "meta" },
     css: { default: () => ({ tableWrapper: "border-b" }) },
     rowClass: { type: [String, Function], default: void 0 },
     apiMode: { type: Boolean, default: !0 }
   },
   emits: ["dsg-table:action-edit", "dsg-table:action-view", "dsg-table:action-delete", "dsg-table:action-archive", "dsg-table:link-clicked", "dsg-table:rows-selected", "dsg-table:row-clicked", "dsg-table:row-hover", "dsg-table:row-dblclick", "dsg-table:filter-updated", "dsg-table:term-changed", "dsg-table:data-loaded"],
-  setup(e, { expose: L, emit: v }) {
+  setup(e, { expose: E, emit: v }) {
     const r = (n) => {
       $.value = n;
-    }, b = D(e.apiMode && !!(e.filterEntity || e.filterEndpoint || e.getUrl)), h = () => {
-      if (b.value) {
+    }, f = p(e.apiMode && !!(e.filterEntity || e.filterEndpoint || e.getUrl)), h = () => {
+      if (f.value) {
         let n = {};
         return Ye().forEach((o) => {
           if (o.key.startsWith("filter[")) {
@@ -814,10 +818,10 @@ You can explicitly suppress this warning by setting pagination-path="".`
     }, g = V(() => ({
       ...e.css,
       tableWrapper: "border-b " + (e.css?.tableWrapper || "")
-    })), m = qe(), q = D(!0), A = D(null), C = D("<p>Showing {from} to {to} of {total}</p>"), f = D(null), a = ye("dsgTable"), u = D({ perPage: 20, change: r }), $ = D(20), T = D({ ...h(), ...e.initialFilters }), S = v, U = (n) => {
+    })), m = qe(), q = p(!0), A = p(null), C = p("<p>Showing {from} to {to} of {total}</p>"), b = p(null), a = ye("dsgTable"), u = p({ perPage: e.perPage, change: r }), $ = p(e.perPage), T = p({ ...h(), ...e.initialFilters }), S = v, U = (n) => {
       a.value?.changePage(n);
-    }, E = (n) => {
-      f.value = n;
+    }, L = (n) => {
+      b.value = n;
     }, _ = ({ data: n }) => {
       A.value = n, S("dsg-table:data-loaded", n);
     }, W = () => {
@@ -853,7 +857,7 @@ You can explicitly suppress this warning by setting pagination-path="".`
         W();
       }), S("dsg-table:filter-updated", T.value, o, c);
     };
-    return L({
+    return E({
       reloadTable: W,
       updateRowTable: H,
       addRowTable: se,
@@ -864,10 +868,10 @@ You can explicitly suppress this warning by setting pagination-path="".`
       termChanged: Y,
       setFilters: re,
       setLoading: Q
-    }), (n, o) => (l(), i("div", Ut, [
-      e.hasHeader ? (l(), i("div", qt, [
+    }), (n, o) => (l(), i("div", qt, [
+      e.hasHeader ? (l(), i("div", Vt, [
         F(n.$slots, "dsg-table--pre-header", {}, () => [
-          P("div", Vt, [
+          P("div", zt, [
             F(n.$slots, "dsg-table--page-title", {
               data: A.value,
               title: e.title
@@ -876,22 +880,22 @@ You can explicitly suppress this warning by setting pagination-path="".`
                 key: 0,
                 class: "dsg-table--title",
                 textContent: ae(e.title)
-              }, null, 8, zt)) : p("", !0)
+              }, null, 8, Ot)) : D("", !0)
             ])
           ]),
-          P("div", Ot, [
+          P("div", Nt, [
             F(n.$slots, "dsg-table--page-actions", { data: A.value })
           ])
         ])
-      ])) : p("", !0),
-      e.displayPaginationInfo ? (l(), i("div", Nt, [
-        P("div", Wt, [
+      ])) : D("", !0),
+      e.displaySearch ? (l(), i("div", Wt, [
+        P("div", jt, [
           F(n.$slots, "dsg-table--search-header", { data: A.value }, () => [
-            R($e, {
+            I($e, {
               name: "term",
               "onDsgTable:termChanged": o[0] || (o[0] = (c) => Y(c))
             }),
-            R(Pe, {
+            I(Pe, {
               entity: e.filterEntity,
               "filter-endpoint": e.filterEndpoint,
               "search-endpoint": e.filterSearchEndpoint,
@@ -903,8 +907,8 @@ You can explicitly suppress this warning by setting pagination-path="".`
           ])
         ]),
         F(n.$slots, "dsg-table--search-navigation")
-      ], 512)) : p("", !0),
-      R(Ht, {
+      ], 512)) : D("", !0),
+      I(Ut, {
         ref: "dsgTable",
         "api-url": e.getUrl,
         "filter-params": T.value,
@@ -913,17 +917,17 @@ You can explicitly suppress this warning by setting pagination-path="".`
         "onUpdate:perPage": o[8] || (o[8] = (c) => $.value = c),
         fields: e.fields,
         "load-on-start": e.loadOnStart,
-        "pagination-path": "meta",
+        "pagination-path": e.paginationPath,
         selectable: e.selectable,
         "track-by": e.trackBy,
         "table-layout": e.tableLayout,
         css: g.value,
         data: e.data,
         "row-class": e.rowClass,
-        "api-mode": b.value,
+        "api-mode": f.value,
         "onDsgTable:loading": o[9] || (o[9] = (c) => q.value = !0),
         "onDsgTable:loaded": o[10] || (o[10] = (c) => q.value = !1),
-        "onDsgTable:paginationData": E,
+        "onDsgTable:paginationData": L,
         "onDsgTable:loadSuccess": _,
         "onDsgTable:rowsSelected": o[11] || (o[11] = (c) => S("dsg-table:rows-selected", c)),
         "onDsgTable:rowClicked": o[12] || (o[12] = (c, y, k) => S("dsg-table:row-clicked", c, y, k)),
@@ -948,101 +952,102 @@ You can explicitly suppress this warning by setting pagination-path="".`
         N(O(m), (c, y) => ({
           name: y,
           fn: te((k) => [
-            String(y) !== "dsg-field--actions" ? F(n.$slots, y, ze(Oe({ key: 0 }, k))) : p("", !0)
+            String(y) !== "dsg-field--actions" ? F(n.$slots, y, ze(Oe({ key: 0 }, k))) : D("", !0)
           ])
         }))
-      ]), 1032, ["api-url", "filter-params", "per-page", "fields", "load-on-start", "selectable", "track-by", "table-layout", "css", "data", "row-class", "api-mode"]),
-      e.hasFooter ? (l(), i("div", jt, [
-        P("div", Kt, [
+      ]), 1032, ["api-url", "filter-params", "per-page", "fields", "load-on-start", "pagination-path", "selectable", "track-by", "table-layout", "css", "data", "row-class", "api-mode"]),
+      e.hasFooter ? (l(), i("div", Kt, [
+        P("div", Qt, [
           F(n.$slots, "dsg-table--footer-left", {
-            data: f.value,
+            data: b.value,
             perPage: u.value
           }, () => [
-            R(pe, {
+            e.displayPaginationInfo ? (l(), j(De, {
+              key: 0,
               ref: "paginationInfoStart",
-              pagination: f.value,
-              "onUpdate:pagination": o[15] || (o[15] = (c) => f.value = c),
+              pagination: b.value,
+              "onUpdate:pagination": o[15] || (o[15] = (c) => b.value = c),
               "info-template": C.value
-            }, null, 8, ["pagination", "info-template"]),
+            }, null, 8, ["pagination", "info-template"])) : D("", !0),
             F(n.$slots, "dsg-table--footer-left-extras", {
-              data: f.value,
+              data: b.value,
               perPage: u.value
             })
           ])
         ]),
-        P("div", Qt, [
+        P("div", Yt, [
           F(n.$slots, "dsg-table--footer-center", {
-            data: f.value,
+            data: b.value,
             perPage: u.value
           }, () => [
             F(n.$slots, "dsg-table--footer-center-extras", {
-              data: f.value,
+              data: b.value,
               perPage: u.value
             })
           ])
         ]),
-        P("div", Yt, [
+        P("div", Gt, [
           F(n.$slots, "dsg-table--footer-right", {
-            data: f.value,
+            data: b.value,
             perPage: u.value
           }, () => [
-            q.value === !1 ? (l(), j(De, {
+            q.value === !1 && e.displayPaginationInfo ? (l(), j(pe, {
               key: 0,
               ref: "pagination",
-              pagination: f.value,
-              "onUpdate:pagination": o[16] || (o[16] = (c) => f.value = c),
+              pagination: b.value,
+              "onUpdate:pagination": o[16] || (o[16] = (c) => b.value = c),
               "onDsgTable:changePage": U
-            }, null, 8, ["pagination"])) : p("", !0),
+            }, null, 8, ["pagination"])) : D("", !0),
             F(n.$slots, "dsg-table--footer-right-extras", {
-              data: f.value,
+              data: b.value,
               perPage: u.value
             })
           ])
         ])
-      ], 512)) : p("", !0)
+      ], 512)) : D("", !0)
     ]));
   }
-}), Jt = { class: "dsg-table--per-page" }, Xt = ["value", "textContent"], Zt = /* @__PURE__ */ K({
+}), Xt = { class: "dsg-table--per-page" }, Zt = ["value", "textContent"], _t = /* @__PURE__ */ K({
   __name: "DsgTablePerPage",
   props: {
     perPageOptions: { default: () => [10, 20, 30, 50, 100] },
     perPage: {}
   },
   setup(e) {
-    return (L, v) => (l(), i("div", Jt, [
+    return (E, v) => (l(), i("div", Xt, [
       ge(P("select", {
         "onUpdate:modelValue": v[0] || (v[0] = (r) => e.perPage.perPage = r),
         class: "dsg-table--per-page-select",
         onChange: v[1] || (v[1] = (r) => e.perPage.change(e.perPage.perPage))
       }, [
-        (l(!0), i(I, null, N(e.perPageOptions, (r) => (l(), i("option", {
+        (l(!0), i(R, null, N(e.perPageOptions, (r) => (l(), i("option", {
           key: r,
           value: r,
           textContent: ae(r)
-        }, null, 8, Xt))), 128))
+        }, null, 8, Zt))), 128))
       ], 544), [
         [Ne, e.perPage.perPage]
       ])
     ]));
   }
-}), _t = Gt, ea = Ce, ta = Zt, aa = Pe, la = De, sa = pe, na = $e, oa = Te, ga = {
-  DsgTable: _t,
-  DsgTableActions: ea,
-  DsgTablePerPage: ta,
-  DsgTableFilter: aa,
-  DsgTablePagination: la,
-  DsgTablePaginationInfo: sa,
-  DsgTableSearch: na,
-  DsgTableRowHeader: oa
+}), ea = Jt, ta = Ce, aa = _t, la = Pe, sa = pe, na = De, oa = $e, ia = Te, fa = {
+  DsgTable: ea,
+  DsgTableActions: ta,
+  DsgTablePerPage: aa,
+  DsgTableFilter: la,
+  DsgTablePagination: sa,
+  DsgTablePaginationInfo: na,
+  DsgTableSearch: oa,
+  DsgTableRowHeader: ia
 };
 export {
-  _t as DsgTable,
-  ea as DsgTableActions,
-  aa as DsgTableFilter,
-  la as DsgTablePagination,
-  sa as DsgTablePaginationInfo,
-  ta as DsgTablePerPage,
-  oa as DsgTableRowHeader,
-  na as DsgTableSearch,
-  ga as default
+  ea as DsgTable,
+  ta as DsgTableActions,
+  la as DsgTableFilter,
+  sa as DsgTablePagination,
+  na as DsgTablePaginationInfo,
+  aa as DsgTablePerPage,
+  ia as DsgTableRowHeader,
+  oa as DsgTableSearch,
+  fa as default
 };

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@dcodegroup-au/dsg-vue",
   "description": "Front-end Vue/Tailwind DSG for UntitledUI.",
-  "version": "0.1.18",
+  "version": "0.1.19",
   "type": "module",
   "scripts": {
     "preinstall": "npx only-allow pnpm",
@@ -132,10 +132,10 @@
     "only-allow": "^1.2.2",
     "phone": "^3.1.68",
     "prettier": "^3.7.4",
-    "sass": "^1.95.0",
+    "sass": "^1.96.0",
     "semantic-release": "^24.2.9",
     "storybook": "^8.6.14",
-    "tailwindcss": "^3.4.18",
+    "tailwindcss": "^3.4.19",
     "typescript": "^5.9.3",
     "typescript-eslint": "^8.49.0",
     "ua-parser-js": "^2.0.7",