@dcodegroup-au/dsg-vue 0.1.27 → 0.1.28

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

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

@@ -19,17 +19,17 @@ const at = { class: "dsg-table--pagination" }, lt = ["disabled"], st = ["disable
   }),
   emits: /* @__PURE__ */ J(["dsg-table:change-page"], ["update:pagination"]),
   setup(e, { expose: L, emit: v }) {
-    const d = G(e, "pagination"), S = O(() => d.value === null ? 0 : d.value?.last_page - e.firstPage + 1), B = O(() => d.value === null ? 0 : d.value?.last_page), c = O(() => d.value === null ? !1 : d.value?.current_page === e.firstPage), b = O(() => d.value === null ? !1 : d.value?.current_page === B.value), E = O(() => S.value < e.onEachSide * 2 + 4), F = O(() => e.onEachSide * 2 + 1), T = O(() => !d.value || d.value?.current_page <= e.onEachSide ? 1 : d.value?.current_page >= S.value - e.onEachSide ? S.value - e.onEachSide * 2 : d.value?.current_page - e.onEachSide), h = v, a = (w) => {
+    const d = G(e, "pagination"), S = O(() => d.value === null ? 0 : d.value?.last_page - e.firstPage + 1), B = O(() => d.value === null ? 0 : d.value?.last_page), g = O(() => d.value === null ? !1 : d.value?.current_page === e.firstPage), b = O(() => d.value === null ? !1 : d.value?.current_page === B.value), E = O(() => S.value < e.onEachSide * 2 + 4), F = O(() => e.onEachSide * 2 + 1), T = O(() => !d.value || d.value?.current_page <= e.onEachSide ? 1 : d.value?.current_page >= S.value - e.onEachSide ? S.value - e.onEachSide * 2 : d.value?.current_page - e.onEachSide), h = v, a = (w) => {
       h("dsg-table:change-page", w);
-    }, g = (w) => w === d.value?.current_page;
+    }, u = (w) => w === d.value?.current_page;
     return L({
       loadPage: a
     }), (w, m) => be((s(), r("div", at, [
       e.showFirstLast ? (s(), r("a", {
         key: 0,
         onClick: m[0] || (m[0] = ($) => a(e.firstPage)),
-        class: U([[c.value ? "disabled" : ""], "dsg-table--pagination-link"]),
-        disabled: c.value,
+        class: U([[g.value ? "disabled" : ""], "dsg-table--pagination-link"]),
+        disabled: g.value,
         title: "First",
         "aria-label": "First"
       }, [
@@ -40,8 +40,8 @@ const at = { class: "dsg-table--pagination" }, lt = ["disabled"], st = ["disable
       ], 10, lt)) : y("", !0),
       P("a", {
         onClick: m[1] || (m[1] = ($) => a("prev")),
-        class: U([[c.value ? "disabled" : ""], "dsg-table--pagination-link"]),
-        disabled: c.value,
+        class: U([[g.value ? "disabled" : ""], "dsg-table--pagination-link"]),
+        disabled: g.value,
         title: "Previous",
         "aria-label": "Previous"
       }, [
@@ -53,12 +53,12 @@ const at = { class: "dsg-table--pagination" }, lt = ["disabled"], st = ["disable
       E.value ? (s(!0), r(H, { key: 1 }, N(S.value, ($, A) => (s(), r("a", {
         key: A,
         onClick: (Z) => a(A + e.firstPage),
-        class: U([[g(A + e.firstPage) ? "active" : ""], "dsg-table--pagination-link"]),
+        class: U([[u(A + e.firstPage) ? "active" : ""], "dsg-table--pagination-link"]),
         innerHTML: $
       }, null, 10, nt))), 128)) : (s(!0), r(H, { key: 2 }, N(F.value, ($, A) => (s(), r("a", {
         key: A,
         onClick: (Z) => a(T.value + A + e.firstPage - 1),
-        class: U([[g(T.value + A + e.firstPage - 1) ? "active" : ""], "dsg-table--pagination-link"]),
+        class: U([[u(T.value + A + e.firstPage - 1) ? "active" : ""], "dsg-table--pagination-link"]),
         innerHTML: T.value + $ - 1
       }, null, 10, ot))), 128)),
       P("a", {
@@ -122,7 +122,7 @@ const at = { class: "dsg-table--pagination" }, lt = ["disabled"], st = ["disable
   setup(e, { emit: L }) {
     const v = D(!1);
     De("dsgTableActions");
-    const d = ze(), S = D(d.data.rowData?.actions ?? null), B = D(d.data.rowData?.links ?? null), c = D(d.data.rowData ?? null), b = (h) => {
+    const d = ze(), S = D(d.data.rowData?.actions ?? null), B = D(d.data.rowData?.links ?? null), g = D(d.data.rowData ?? null), b = (h) => {
       switch (h) {
         case "edit":
           return "edit-05";
@@ -135,24 +135,24 @@ const at = { class: "dsg-table--pagination" }, lt = ["disabled"], st = ["disable
         default:
           return "dots-horizontal";
       }
-    }, E = (h, a, g) => {
+    }, E = (h, a, u) => {
       switch (a) {
         case "edit":
-          T("dsg-table:action-edit", g, c.value);
+          T("dsg-table:action-edit", u, g.value);
           break;
         case "view":
-          T("dsg-table:action-view", g, c.value);
+          T("dsg-table:action-view", u, g.value);
           break;
         case "delete":
-          T("dsg-table:action-delete", g, c.value);
+          T("dsg-table:action-delete", u, g.value);
           break;
         case "archive":
-          T("dsg-table:action-archive", g, c.value);
+          T("dsg-table:action-archive", u, g.value);
           break;
       }
     }, F = (h, a) => {
-      const g = h.actionId || h.label.trim().toLowerCase().replace(/[^a-z0-9-]/g, "-").replace(/-+/g, "-");
-      T("dsg-table:link-clicked", a, g, c.value);
+      const u = h.actionId || h.label.trim().toLowerCase().replace(/[^a-z0-9-]/g, "-").replace(/-+/g, "-");
+      T("dsg-table:link-clicked", a, u, g.value);
     }, T = L;
     return (h, a) => be((s(), r("div", ut, [
       I(W(Ge), {
@@ -162,17 +162,17 @@ const at = { class: "dsg-table--pagination" }, lt = ["disabled"], st = ["disable
         strategy: "absolute",
         shown: v.value,
         class: "dsg-table--actions__popper",
-        onHide: a[1] || (a[1] = (g) => v.value = !1),
+        onHide: a[1] || (a[1] = (u) => v.value = !1),
         ref: "floatingVueFilterDropdown"
       }, {
         popper: X(() => [
           v.value ? (s(), r("div", gt, [
-            (s(!0), r(H, null, N(S.value, (g, w) => (s(), r(H, null, [
+            (s(!0), r(H, null, N(S.value, (u, w) => (s(), r(H, null, [
               ["edit", "view", "delete", "archive"].includes(String(w)) ? (s(), r("a", {
                 key: w,
-                href: S.value?.link,
-                target: S.value?.target || "_self",
-                onClick: (m) => E(g, String(w), m)
+                href: u?.link,
+                target: u?.target || "_self",
+                onClick: (m) => E(u, String(w), m)
               }, [
                 P("div", {
                   class: U(["dsg-table--actions-menu-item", String(w)])
@@ -189,26 +189,26 @@ const at = { class: "dsg-table--pagination" }, lt = ["disabled"], st = ["disable
               ], 8, vt)) : y("", !0)
             ], 64))), 256)),
             S.value && B.value ? (s(), r("hr", bt)) : y("", !0),
-            B.value ? (s(!0), r(H, { key: 1 }, N(B.value, (g) => (s(), r(H, {
-              key: g.label
+            B.value ? (s(!0), r(H, { key: 1 }, N(B.value, (u) => (s(), r(H, {
+              key: u.label
             }, [
-              g.hasOwnProperty("component") ? (s(), V(Oe(g.component), {
+              u.hasOwnProperty("component") ? (s(), V(Oe(u.component), {
                 key: 0,
                 quote: W(d).data.data.rowData,
                 "row-data": W(d).data.data.rowData
-              }, null, 8, ["quote", "row-data"])) : g.hasOwnProperty("type") && g.type == "break" ? (s(), r("hr", ht)) : (s(), r("a", {
+              }, null, 8, ["quote", "row-data"])) : u.hasOwnProperty("type") && u.type == "break" ? (s(), r("hr", ht)) : (s(), r("a", {
                 key: 2,
-                href: g.link,
-                target: g.target || "_self",
-                class: U(["dsg-table--actions-menu-item", g.class]),
-                onClick: (w) => F(g, w)
+                href: u.link,
+                target: u.target || "_self",
+                class: U(["dsg-table--actions-menu-item", u.class]),
+                onClick: (w) => F(u, w)
               }, [
-                g.icon ? (s(), V(z, {
+                u.icon ? (s(), V(z, {
                   key: 0,
-                  icon: g.icon,
+                  icon: u.icon,
                   size: "sm"
                 }, null, 8, ["icon"])) : y("", !0),
-                P("span", yt, se(g.label), 1)
+                P("span", yt, se(u.label), 1)
               ], 10, mt))
             ], 64))), 128)) : y("", !0)
           ])) : y("", !0)
@@ -220,7 +220,7 @@ const at = { class: "dsg-table--pagination" }, lt = ["disabled"], st = ["disable
               class: "dsg-table--actions-button",
               "aria-expanded": "false",
               "aria-haspopup": "true",
-              onClick: a[0] || (a[0] = (g) => v.value = !v.value)
+              onClick: a[0] || (a[0] = (u) => v.value = !v.value)
             }, [
               M(h.$slots, "dsg-table-action-button-content", {}, () => [
                 I(z, {
@@ -255,20 +255,20 @@ const at = { class: "dsg-table--pagination" }, lt = ["disabled"], st = ["disable
   setup(e, { emit: L }) {
     const v = D("");
     $e(() => {
-      const c = new URL(window.location.href).searchParams.get("term");
-      c && (v.value = c, d("dsg-table:term-changed", c));
+      const g = new URL(window.location.href).searchParams.get("term");
+      g && (v.value = g, d("dsg-table:term-changed", g));
     });
     const d = L, S = Ze((B) => {
       if (v.value = B, e.replaceState) {
-        const c = new URL(window.location.href);
-        v.value ? c.searchParams.set("term", v.value) : c.searchParams.delete("term"), window.history.pushState({}, "", c.toString());
+        const g = new URL(window.location.href);
+        v.value ? g.searchParams.set("term", v.value) : g.searchParams.delete("term"), window.history.pushState({}, "", g.toString());
       }
       d("dsg-table:term-changed", v.value);
     }, 300);
-    return (B, c) => (s(), r("div", wt, [
+    return (B, g) => (s(), r("div", wt, [
       I(Xe, {
         modelValue: v.value,
-        "onUpdate:modelValue": c[0] || (c[0] = (b) => v.value = b),
+        "onUpdate:modelValue": g[0] || (g[0] = (b) => v.value = b),
         name: e.name,
         id: e.id || e.name,
         placeholder: e.placeholder,
@@ -281,9 +281,9 @@ const at = { class: "dsg-table--pagination" }, lt = ["disabled"], st = ["disable
         size: "sm",
         icon: "search-sm",
         "icon-clickable": !0,
-        onIconClicked: c[1] || (c[1] = (b) => W(S)(b)),
-        onEnterPressed: c[2] || (c[2] = (b) => W(S)(b)),
-        onOnClear: c[3] || (c[3] = () => W(S)(""))
+        onIconClicked: g[1] || (g[1] = (b) => W(S)(b)),
+        onEnterPressed: g[2] || (g[2] = (b) => W(S)(b)),
+        onOnClear: g[3] || (g[3] = () => W(S)(""))
       }, null, 8, ["modelValue", "name", "id", "placeholder", "disabled", "required", "readonly", "hidden"])
     ]));
   }
@@ -316,7 +316,7 @@ const at = { class: "dsg-table--pagination" }, lt = ["disabled"], st = ["disable
   }),
   emits: /* @__PURE__ */ J(["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 = G(e, "sortField"), d = G(e, "selectedRows"), S = G(e, "hasSelected"), B = D("17px"), c = (T) => {
+    const v = G(e, "sortField"), d = G(e, "selectedRows"), S = G(e, "hasSelected"), B = D("17px"), g = (T) => {
       S.value && d.value.length > 0 && d.value.length !== e.tableDataLength ? (S.value = !0, b("dsg-table:on-select-all")) : !S.value && d.value.length === 0 ? (S.value = !1, b("dsg-table:on-select-all")) : b("dsg-table:on-deselect-all");
     }, b = L, E = (T, h) => [
       T,
@@ -337,15 +337,15 @@ const at = { class: "dsg-table--pagination" }, lt = ["disabled"], st = ["disable
           modelValue: S.value,
           "onUpdate:modelValue": [
             h[0] || (h[0] = (a) => S.value = a),
-            c
+            g
           ],
           indeterminate: d.value.length > 0 && d.value.length !== e.tableDataLength
         }, null, 8, ["modelValue", "indeterminate"])
       ])) : y("", !0),
       e.showExpandDetail ? (s(), r("th", pt)) : y("", !0),
-      (s(!0), r(H, null, N(e.fields, (a, g) => (s(), r(H, null, [
+      (s(!0), r(H, null, N(e.fields, (a, u) => (s(), r(H, null, [
         a?.visible ? (s(), r("th", {
-          key: g,
+          key: u,
           class: U(E("dsg-table--th", a)),
           style: ae([{ width: a.width || void 0 }, a.style]),
           title: a.title + (a.sortable ? " Sort" : ""),
@@ -537,7 +537,7 @@ const at = { class: "dsg-table--pagination" }, lt = ["disabled"], st = ["disable
         const i = `${t.pathname}${l.toString() ? "?" + l.toString() : ""}`;
         window.history.pushState({}, "", i);
       }
-    }, c = D(d(e.fields)), b = D(e.data), E = D(null), F = D(e.initialPage), T = D("17px"), h = D(!1), a = D({}), g = D(0), w = D(!0), m = D(S()), $ = D(null), A = D(0), Z = G(e, "filterParams"), ne = G(e, "perPage"), R = D([]), le = D(!1), K = O(() => e.tableHeight != null), Q = O(() => c.value.filter((t) => t.visible).length);
+    }, g = D(d(e.fields)), b = D(e.data), E = D(null), F = D(e.initialPage), T = D("17px"), h = D(!1), a = D({}), u = D(0), w = D(!0), m = D(S()), $ = D(null), A = D(0), Z = G(e, "filterParams"), ne = G(e, "perPage"), R = D([]), le = D(!1), K = O(() => e.tableHeight != null), Q = O(() => g.value.filter((t) => t.visible).length);
     te(
       () => R.value.length,
       (t) => {
@@ -547,7 +547,7 @@ const at = { class: "dsg-table--pagination" }, lt = ["disabled"], st = ["disable
     ), te(
       () => e.fields,
       (t) => {
-        c.value = d(t);
+        g.value = d(t);
       },
       { immediate: !0, deep: !0 }
     ), te(
@@ -617,7 +617,7 @@ const at = { class: "dsg-table--pagination" }, lt = ["disabled"], st = ["disable
       });
     }, n = () => b.value ?? [], o = (t) => {
       t === "prev" ? F.value > e.firstPage && F.value-- : t === "next" ? F.value < (E.value?.last_page ?? 0) && F.value++ : t != F.value && t >= e.firstPage && t <= (E.value?.last_page ?? 0) && (F.value = t), Y();
-    }, u = () => ({
+    }, c = () => ({
       [e.queryParams?.sort]: m.value ? (m.value?.direction === "desc" ? "-" : "") + m.value?.field : void 0,
       [e.queryParams?.order]: m.value?.direction,
       [e.queryParams?.page]: F.value,
@@ -643,7 +643,7 @@ const at = { class: "dsg-table--pagination" }, lt = ["disabled"], st = ["disable
       const l = e.transform ? e.transform(t.data) : t.data;
       b.value = ve(l, e.dataPath, null), e.selectable && b.value?.forEach((i) => {
         i.selected = i.selected ?? !1;
-      }), E.value = ve(l, e.paginationPath, null) ?? null, g.value = b.value?.length ? b.value[0].order : g, !tt(e.paginationPath) && E.value === null && console.warn(
+      }), E.value = ve(l, e.paginationPath, null) ?? null, u.value = b.value?.length ? b.value[0].order : u, !tt(e.paginationPath) && E.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, q("dsg-table:pagination-data", E.value), E.value && F.value > (E.value?.last_page || 0) && b.value?.length === 0 && (F.value = e.initialPage, Y()), q("dsg-table:loaded"), w.value = !1;
@@ -666,7 +666,7 @@ You can explicitly suppress this warning by setting pagination-path="".`
         return;
       }
       return w.value = !0, q("dsg-table:loading", w.value), e.httpOptions.params = {
-        ...u(),
+        ...c(),
         ...Z.value
       }, C(e.apiUrl, e.httpOptions).then(p).catch((x) => f(x));
     }, Ee = (t, l, i) => {
@@ -703,7 +703,7 @@ You can explicitly suppress this warning by setting pagination-path="".`
           class: U(["dsg-table-main", K.value ? "fixed-header" : "", a.value.table, "table-" + e.tableLayout])
         }, [
           P("colgroup", { span: Q.value }, [
-            (s(!0), r(H, null, N(c.value, (i, p) => (s(), r(H, null, [
+            (s(!0), r(H, null, N(g.value, (i, p) => (s(), r(H, null, [
               i?.visible ? (s(), r("col", {
                 key: p,
                 style: ae({ width: i.width || void 0 }),
@@ -719,9 +719,9 @@ You can explicitly suppress this warning by setting pagination-path="".`
           P("thead", {
             class: U([[a.value.thead, { sticky: K.value, "top-0": K.value }], "dsg-table--head"])
           }, [
-            M(t.$slots, "tableHeader", { fields: c.value }, () => [
+            M(t.$slots, "tableHeader", { fields: g.value }, () => [
               I(Be, {
-                fields: c.value,
+                fields: g.value,
                 "has-select-all": e.selectable,
                 "selected-rows": R.value,
                 "onUpdate:selectedRows": l[0] || (l[0] = (i) => R.value = i),
@@ -771,7 +771,7 @@ You can explicitly suppress this warning by setting pagination-path="".`
                     "onUpdate:modelValue": [(f) => i.selected = f, (f) => ce(i)]
                   }, null, 8, ["modelValue", "onUpdate:modelValue"])
                 ])) : y("", !0),
-                (s(!0), r(H, null, N(c.value, (f, x) => (s(), r(H, { key: x }, [
+                (s(!0), r(H, null, N(g.value, (f, x) => (s(), r(H, { key: x }, [
                   f.visible ? (s(), r("td", {
                     key: 0,
                     class: U(["dsg-table--tbody-cell", f.dataClass]),
@@ -826,7 +826,7 @@ You can explicitly suppress this warning by setting pagination-path="".`
           ], 2),
           P("tfoot", Ot, [
             M(t.$slots, "dsg-table-footer", {
-              fields: c.value,
+              fields: g.value,
               data: b.value
             })
           ])
@@ -885,16 +885,16 @@ You can explicitly suppress this warning by setting pagination-path="".`
         let n = {};
         return Se().forEach((o) => {
           if (o.key.startsWith("filter[")) {
-            const u = o.key.replace("filter[", "").replace("]", ""), k = o.value;
-            n[`filter[${u}]`] = k.join(",");
+            const c = o.key.replace("filter[", "").replace("]", ""), k = o.value;
+            n[`filter[${c}]`] = k.join(",");
           }
         }), n;
       } else
         return {};
-    }, c = O(() => ({
+    }, g = O(() => ({
       ...e.css,
       tableWrapper: "border-b " + (e.css?.tableWrapper || "")
-    })), b = je(), E = D(!0), F = D(null), T = D("<p>Showing {from} to {to} of {total}</p>"), h = D(null), a = De("dsgTable"), g = D({ perPage: e.perPage, change: d }), w = D(e.perPage), m = D({ ...B(), ...e.initialFilters }), $ = v, A = (n) => {
+    })), b = je(), E = D(!0), F = D(null), T = D("<p>Showing {from} to {to} of {total}</p>"), h = D(null), a = De("dsgTable"), u = D({ perPage: e.perPage, change: d }), w = D(e.perPage), m = D({ ...B(), ...e.initialFilters }), $ = v, A = (n) => {
       a.value?.changePage(n);
     }, Z = (n) => {
       h.value = n;
@@ -906,18 +906,18 @@ You can explicitly suppress this warning by setting pagination-path="".`
       a.value?.setLoading(n);
     }, K = (n) => {
       const o = a.value?.getData?.() ?? [];
-      a.value?.setData(o.map((u) => u.id === n.id ? n : u));
+      a.value?.setData(o.map((c) => c.id === n.id ? n : c));
     }, Q = (n) => {
       const o = a.value?.getData?.() ?? [];
       a.value?.setData([...o, n]);
     }, q = (n) => {
       const o = a.value?.getData?.() ?? [];
-      a.value?.setData(o.filter((u) => u.id !== n.id));
+      a.value?.setData(o.filter((c) => c.id !== n.id));
     }, re = (n) => {
       a.value?.setData(n);
     }, de = () => a.value?.getData() ?? [], ue = (n) => {
-      const o = a.value?.getData() ?? [], u = n(o);
-      u && a.value?.setData(u);
+      const o = a.value?.getData() ?? [], c = n(o);
+      c && a.value?.setData(c);
     }, ce = (n) => {
       m.value = n;
     }, ge = () => m.value ?? {}, oe = (n) => {
@@ -925,13 +925,13 @@ You can explicitly suppress this warning by setting pagination-path="".`
       !n || n.trim() === "" ? delete o["filter[term]"] : o["filter[term]"] = n, m.value = o, we(() => {
         R();
       }), $("dsg-table:term-changed", n);
-    }, _ = (n, o, u) => {
+    }, _ = (n, o, c) => {
       let k = {};
       m.value["filter[term]"] && (k["filter[term]"] = m.value["filter[term]"]), Object.keys(n).forEach((C) => {
         n[C] !== null && n[C] !== void 0 && n[C] !== "" && (k[C] = n[C]);
       }), m.value = k, we(() => {
         R();
-      }), $("dsg-table:filter-updated", m.value, o, u);
+      }), $("dsg-table:filter-updated", m.value, o, c);
     };
     return L({
       reloadTable: R,
@@ -970,7 +970,7 @@ You can explicitly suppress this warning by setting pagination-path="".`
           M(n.$slots, "dsg-table--search-header", { data: F.value }, () => [
             I(Le, {
               name: "term",
-              "onDsgTable:termChanged": o[0] || (o[0] = (u) => oe(u))
+              "onDsgTable:termChanged": o[0] || (o[0] = (c) => oe(c))
             }),
             I(Te, {
               entity: e.filterEntity,
@@ -978,7 +978,7 @@ You can explicitly suppress this warning by setting pagination-path="".`
               "search-endpoint": e.filterSearchEndpoint,
               "auto-sort": e.autoSortFilters,
               filters: e.filters,
-              "onDsgTable:filterUpdated": o[1] || (o[1] = (u, k, C) => _(u, k, C))
+              "onDsgTable:filterUpdated": o[1] || (o[1] = (c, k, C) => _(c, k, C))
             }, null, 8, ["entity", "filter-endpoint", "search-endpoint", "auto-sort", "filters"]),
             M(n.$slots, "dsg-table--search-actions", { data: F.value })
           ])
@@ -989,35 +989,35 @@ You can explicitly suppress this warning by setting pagination-path="".`
         ref: "dsgTable",
         "api-url": e.getUrl,
         "filter-params": m.value,
-        "onUpdate:filterParams": o[7] || (o[7] = (u) => m.value = u),
+        "onUpdate:filterParams": o[7] || (o[7] = (c) => m.value = c),
         "per-page": w.value,
-        "onUpdate:perPage": o[8] || (o[8] = (u) => w.value = u),
+        "onUpdate:perPage": o[8] || (o[8] = (c) => w.value = c),
         fields: e.fields,
         "load-on-start": e.loadOnStart,
         "pagination-path": e.paginationPath,
         selectable: e.selectable,
         "track-by": e.trackBy,
         "table-layout": e.tableLayout,
-        css: c.value,
+        css: g.value,
         data: e.data,
         "row-class": e.rowClass,
         "api-mode": S.value,
         "replace-state": e.replaceState,
         "replace-strategy": e.replaceStrategy,
-        "onDsgTable:loading": o[9] || (o[9] = (u) => E.value = !0),
-        "onDsgTable:loaded": o[10] || (o[10] = (u) => E.value = !1),
+        "onDsgTable:loading": o[9] || (o[9] = (c) => E.value = !0),
+        "onDsgTable:loaded": o[10] || (o[10] = (c) => E.value = !1),
         "onDsgTable:paginationData": Z,
         "onDsgTable:loadSuccess": ne,
-        "onDsgTable:rowsSelected": o[11] || (o[11] = (u) => $("dsg-table:rows-selected", u)),
-        "onDsgTable:rowClicked": o[12] || (o[12] = (u, k, C) => $("dsg-table:row-clicked", u, k, C)),
-        "onDsgTable:rowHover": o[13] || (o[13] = (u, k, C) => $("dsg-table:row-hover", u, k, C)),
-        "onDsgTable:rowDblclick": o[14] || (o[14] = (u, k, C) => $("dsg-table:row-dblclick", u, k, C))
+        "onDsgTable:rowsSelected": o[11] || (o[11] = (c) => $("dsg-table:rows-selected", c)),
+        "onDsgTable:rowClicked": o[12] || (o[12] = (c, k, C) => $("dsg-table:row-clicked", c, k, C)),
+        "onDsgTable:rowHover": o[13] || (o[13] = (c, k, C) => $("dsg-table:row-hover", c, k, C)),
+        "onDsgTable:rowDblclick": o[14] || (o[14] = (c, k, C) => $("dsg-table:row-dblclick", c, k, C))
       }, Ke({
-        "dsg-field--actions": X((u) => [
-          M(n.$slots, "dsg-table-actions", { data: u }, () => [
+        "dsg-field--actions": X((c) => [
+          M(n.$slots, "dsg-table-actions", { data: c }, () => [
             (s(), V(Me, {
-              key: u.rowIndex,
-              data: u,
+              key: c.rowIndex,
+              data: c,
               "onDsgTable:actionEdit": o[2] || (o[2] = (k, C) => $("dsg-table:action-edit", k, C)),
               "onDsgTable:actionView": o[3] || (o[3] = (k, C) => $("dsg-table:action-view", k, C)),
               "onDsgTable:actionDelete": o[4] || (o[4] = (k, C) => $("dsg-table:action-delete", k, C)),
@@ -1028,7 +1028,7 @@ You can explicitly suppress this warning by setting pagination-path="".`
         ]),
         _: 2
       }, [
-        N(W(b), (u, k) => ({
+        N(W(b), (c, k) => ({
           name: k,
           fn: X((C) => [
             String(k) !== "dsg-field--actions" ? M(n.$slots, k, Qe(fe({ key: 0 }, C))) : y("", !0)
@@ -1039,47 +1039,47 @@ You can explicitly suppress this warning by setting pagination-path="".`
         P("div", Zt, [
           M(n.$slots, "dsg-table--footer-left", {
             data: h.value,
-            perPage: g.value
+            perPage: u.value
           }, () => [
             e.displayPaginationInfo ? (s(), V(Fe, {
               key: 0,
               ref: "paginationInfoStart",
               pagination: h.value,
-              "onUpdate:pagination": o[15] || (o[15] = (u) => h.value = u),
+              "onUpdate:pagination": o[15] || (o[15] = (c) => h.value = c),
               "info-template": T.value
             }, null, 8, ["pagination", "info-template"])) : y("", !0),
             M(n.$slots, "dsg-table--footer-left-extras", {
               data: h.value,
-              perPage: g.value
+              perPage: u.value
             })
           ])
         ]),
         P("div", _t, [
           M(n.$slots, "dsg-table--footer-center", {
             data: h.value,
-            perPage: g.value
+            perPage: u.value
           }, () => [
             M(n.$slots, "dsg-table--footer-center-extras", {
               data: h.value,
-              perPage: g.value
+              perPage: u.value
             })
           ])
         ]),
         P("div", ea, [
           M(n.$slots, "dsg-table--footer-right", {
             data: h.value,
-            perPage: g.value
+            perPage: u.value
           }, () => [
             E.value === !1 && e.displayPaginationInfo ? (s(), V(xe, {
               key: 0,
               ref: "pagination",
               pagination: h.value,
-              "onUpdate:pagination": o[16] || (o[16] = (u) => h.value = u),
+              "onUpdate:pagination": o[16] || (o[16] = (c) => h.value = c),
               "onDsgTable:changePage": A
             }, null, 8, ["pagination"])) : y("", !0),
             M(n.$slots, "dsg-table--footer-right-extras", {
               data: h.value,
-              perPage: g.value
+              perPage: u.value
             })
           ])
         ])

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@dcodegroup-au/dsg-vue",
   "description": "Front-end Vue/Tailwind DSG for UntitledUI.",
-  "version": "0.1.27",
+  "version": "0.1.28",
   "type": "module",
   "scripts": {
     "preinstall": "npx only-allow pnpm",