vueye-table 2.0.0-alpha.10 → 2.0.0-alpha.13

package/dist/vueye-table.umd.cjs

@@ -1 +1 @@
-(function(d,e){typeof exports=="object"&&typeof module<"u"?e(exports,require("vue")):typeof define=="function"&&define.amd?define(["exports","vue"],e):(d=typeof globalThis<"u"?globalThis:d||self,e(d["vueye-table"]={},d.Vue))})(this,function(d,e){"use strict";const C={itemValue:"id",columnHeaders:()=>[],data:()=>[],perPage:10,currentPage:1,perPageOptions:()=>[5,10,20,30],loading:!1,selectable:!1,caption:"",summary:""},N={options:()=>[],modelValue:"",label:""},S={class:"dropdown__wrapper"},w=["aria-expanded"],D=e.createElementVNode("span",{class:"i-solar-alt-arrow-down-linear"},null,-1),O={class:"py-1",role:"none"},H=["onClick"],R=e.defineComponent({__name:"VueyeDropdown",props:e.mergeDefaults({options:{},modelValue:{},label:{},defaultValue:{}},N),emits:["update:modelValue"],setup(r,{emit:n}){const t=r,o=e.ref(!1),i=e.ref(-1),a=e.computed(()=>t.options[i.value]??t.defaultValue),c=`dropdown-label-${Math.random().toString(36).substring(2,9)}`;function m(){o.value=!o.value}function u(l){i.value=l,o.value=!1,n("update:modelValue",a.value.content)}return e.watchEffect(()=>{const l=t.options.findIndex(s=>s.content===t.modelValue);l!==-1&&(i.value=l)}),(l,s)=>(e.openBlock(),e.createElementBlock("div",S,[e.createElementVNode("button",{type:"button",class:"dropdown__trigger",onClick:m,"aria-expanded":e.unref(o),"aria-haspopup":!0,ref:"buttonRef"},[e.createElementVNode("span",null,e.toDisplayString(e.unref(a).label),1),D],8,w),e.unref(o)?(e.openBlock(),e.createElementBlock("div",{key:0,class:"dropdown__overlay",onClick:m})):e.createCommentVNode("",!0),e.unref(o)?(e.openBlock(),e.createElementBlock("div",{key:1,class:"dropdown__menu",role:"menu","aria-orientation":"vertical","aria-labelledby":c},[e.createElementVNode("div",O,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(l.options,(p,g)=>(e.openBlock(),e.createElementBlock("button",{key:g,class:e.normalizeClass([{"dropdown__menu__item--selected ":g===e.unref(i)},"dropdown__menu__item"]),role:"menuitem",onClick:$=>u(g)},e.toDisplayString(p.label),11,H))),128))])])):e.createCommentVNode("",!0)]))}}),de="",T={loading:!1,bodyRows:()=>[],itemValue:"id"},z={key:0},L=["colspan"],j=[e.createElementVNode("div",{class:"loader mx-auto animate-spin ease-linear rounded-full border-8 border-t-8 border-t-primary-300 dark:border-t-primary-800 dark:border-primary-600 border-primary-200 h-16 w-16"},null,-1)],F=["id"],K=e.defineComponent({__name:"VueyeBody",props:e.mergeDefaults({loading:{type:Boolean},bodyRows:{},itemValue:{}},T),setup(r){const n=r,t=e.computed(()=>Object.keys(n.bodyRows[0]).length);return(o,i)=>(e.openBlock(),e.createElementBlock("tbody",null,[o.loading?(e.openBlock(),e.createElementBlock("tr",z,[e.createElementVNode("td",{colspan:e.unref(t)},j,8,L)])):(e.openBlock(!0),e.createElementBlock(e.Fragment,{key:1},e.renderList(o.bodyRows,a=>(e.openBlock(),e.createElementBlock("tr",{key:a[o.itemValue]},[e.renderSlot(o.$slots,"default",{row:a},()=>[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(Object.keys(a),c=>(e.openBlock(),e.createElementBlock("td",{key:`${a[o.itemValue]}.${c}`,id:`${a[o.itemValue]}.${c}`},[e.renderSlot(o.$slots,"default",{cell:a[c],key:`${a[o.itemValue]}.${c}`},()=>[e.createTextVNode(e.toDisplayString(a[c]),1)])],8,F))),128))])]))),128))]))}}),U=["colspan","rowspan","scope"],M=e.defineComponent({__name:"VueyeHead",props:{columnHeaders:{default:()=>[]}},setup(r){return(n,t)=>(e.openBlock(),e.createElementBlock("thead",null,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(n.columnHeaders,(o,i)=>(e.openBlock(),e.createElementBlock("tr",{key:i},[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(o,a=>e.renderSlot(n.$slots,`headerCell.${a.key}`,{key:a.key,headerCell:a},()=>[e.createElementVNode("th",{colspan:a.colSpan,rowspan:a.rowSpan,scope:a.scope,class:e.normalizeClass([a.className,"th"])},[e.renderSlot(n.$slots,`headerCellContent.${a.key}`,{headerCellContent:a},()=>[e.createElementVNode("span",{class:e.normalizeClass(a.labelClassName)},e.toDisplayString(a.label),3)])],10,U)])),128))]))),128))]))}}),A={perPage:10,currentPage:1,total:0,perPageOptions:()=>[10,20,30,40,50]},q={class:"pagination__wrapper"},G={class:"pagination__details"},W={class:"pagination__btn-list"},Z=["disabled"],I=[e.createElementVNode("span",{"aria-hidden":"true",class:"i-solar-alt-arrow-left-linear"},null,-1)],J=["disabled"],Q=[e.createElementVNode("span",{"aria-hidden":"true",class:"i-solar-double-alt-arrow-left-linear"},null,-1)],X=["onClick","aria-label"],Y={key:1,class:"pagination__btn"},x=["disabled"],v=[e.createElementVNode("span",{"aria-hidden":"true",class:"i-solar-alt-arrow-right-linear"},null,-1)],ee=["disabled"],te=[e.createElementVNode("span",{"aria-hidden":"true",class:"i-solar-double-alt-arrow-right-linear"},null,-1)],ne=e.defineComponent({__name:"VueyePagination",props:e.mergeDefaults({perPage:{},currentPage:{},total:{},perPageOptions:{}},A),emits:["update:currentPage","update:perPage"],setup(r,{emit:n}){const t=r,o=e.computed(()=>Math.ceil(t.total/t.perPage)),i=e.computed(()=>t.perPageOptions.map(l=>({content:l,label:l.toString()}))),a=e.computed(()=>i.value.find(l=>l.content===t.perPage)),c=e.computed(()=>Array.from({length:o.value},(l,s)=>s+1).reduce((l,s)=>(s===1||s===t.total||s>=t.currentPage-2&&s<=t.currentPage+2?l.push(s):(s===t.currentPage-3||s===t.currentPage+3)&&l.push("..."),l),[]));function m(l){n("update:perPage",Number(l))}function u(l){l>=1&&l<=o.value&&n("update:currentPage",l)}return(l,s)=>(e.openBlock(),e.createElementBlock("div",q,[e.createVNode(e.unref(R),{options:e.unref(i),"default-value":e.unref(a),label:"Per page","onUpdate:modelValue":m},null,8,["options","default-value"]),e.createElementVNode("span",G,e.toDisplayString((l.currentPage-1)*l.perPage+1)+" - "+e.toDisplayString(l.currentPage*l.perPage>l.total?l.total:l.currentPage*l.perPage)+" of "+e.toDisplayString(l.total),1),e.createElementVNode("ul",W,[e.createElementVNode("li",null,[e.createElementVNode("button",{class:"pagination__btn",onClick:s[0]||(s[0]=p=>u(1)),disabled:l.currentPage===1,"aria-label":"First page"},I,8,Z)]),e.createElementVNode("li",null,[e.createElementVNode("button",{class:"pagination__btn",onClick:s[1]||(s[1]=p=>u(t.currentPage-1)),disabled:l.currentPage===1,"aria-label":"Previous page"},Q,8,J)]),(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(e.unref(c),p=>(e.openBlock(),e.createElementBlock("li",{key:p},[typeof p=="number"?(e.openBlock(),e.createElementBlock("button",{key:0,class:e.normalizeClass(["pagination__btn",{"pagination__btn--current":p===l.currentPage}]),onClick:g=>u(p),"aria-label":"Go to page "+p},e.toDisplayString(p),11,X)):(e.openBlock(),e.createElementBlock("span",Y,"..."))]))),128)),e.createElementVNode("li",null,[e.createElementVNode("button",{class:"pagination__btn",onClick:s[2]||(s[2]=p=>u(l.currentPage+1)),disabled:l.currentPage===e.unref(o),"aria-label":"Next page"},v,8,x)]),e.createElementVNode("li",null,[e.createElementVNode("button",{class:"pagination__btn",onClick:s[3]||(s[3]=p=>u(l.total)),disabled:l.currentPage===e.unref(o),"aria-label":"Last page"},te,8,ee)])])]))}}),fe="";function P(r){return r.replace(/_/g," ").replace(/([a-z])([A-Z])/g,"$1 $2").replace(/(?:^|\s)\S/g,n=>n.toUpperCase()).trim().replace(/\s\s+/g," ")}function _(r){let n=1;return r.forEach(t=>{t.children&&(n=Math.max(n,_(t.children)+1))}),n}function h(r){let n=0;return r.forEach(t=>{t.children?n+=h(t.children):n++}),n}function f(r,n,t=[],o=0,i=0){return r.forEach(a=>{if(t[o]||(t[o]=[]),a.children){const{children:c,...m}=a,u=h(c);t[o].push({...m,colSpan:u,scope:"colgroup"}),f(c,n,t,o+1,i+1)}else{const c=n-i;t[o].push({...a,key:a.key,label:a.label,rowSpan:c,scope:"col"})}}),t}function y(r,n="",t=[]){return r.forEach(o=>{o.children?y(o.children,`${n}${o.key}.`,t):t.push(`${n}${o.key}`)}),t}function oe(r){const n=_(r);return f(r,n).reduce((i,a)=>[...i,...a],[])}function b(r){const n=[];for(const t in r){const o=P(t),i={key:t,label:o};if(typeof r[t]=="object"&&r[t]!==null){const a=b(r[t]);a.length>0&&(i.children=a)}n.push(i)}return n}const ae=(r,n)=>{const t=n.split(".");let o=r;for(let i=0;i<t.length;i++)if(o[t[i]])o=o[t[i]];else return;return o};function k(r,n,t=0,o=r.length){return r.map(i=>y(n).map(a=>({[a]:ae(i,a)})).reduce((a,c)=>({...a,...c}),{})).slice(t,o)}function le(r){return{headerKeys:e.computed(()=>y(r.flat()))}}function V(r={}){const n=e.ref({perPage:r.perPage||10,currentPage:r.currentPage||1});function t(i){n.value.currentPage=i}function o(i){n.value.perPage=i}return{pagination:n,updateCurrentPage:t,updatePerPage:o}}function B(r,n,t){return{bodyRows:e.computed(()=>{const i=t.value.perPage*(t.value.currentPage-1),a=t.value.perPage*t.value.currentPage;return k(r,e.unref(n),i,a)})}}function E(r){const n=e.unref(r)??[];return{headers:e.computed(()=>f(n,_(n)))}}const re={class:"table__wrapper"},se={key:0,class:"table__caption"},ie={class:"table__summary"},ce=e.defineComponent({inheritAttrs:!1,__name:"VueyeTable",props:e.mergeDefaults({data:{},columnHeaders:{},itemValue:{},perPage:{},currentPage:{},perPageOptions:{},loading:{type:Boolean},selectable:{type:Boolean},caption:{},summary:{}},C),setup(r){const n=r,t=e.computed(()=>n.columnHeaders.length===0?b(n.data[0]):n.columnHeaders),{headers:o}=E(t),i=e.useSlots(),a=Object.keys(i).filter(s=>s.startsWith("headerCell")),{pagination:c,updateCurrentPage:m,updatePerPage:u}=V(n),{bodyRows:l}=B(n.data,t,c);return(s,p)=>(e.openBlock(),e.createElementBlock("div",re,[e.createElementVNode("table",{class:e.normalizeClass(s.$attrs.class??"table")},[e.renderSlot(s.$slots,"caption",{},()=>[s.caption?(e.openBlock(),e.createElementBlock("caption",se,e.toDisplayString(s.caption),1)):e.createCommentVNode("",!0)]),e.createVNode(e.unref(M),{columnHeaders:e.unref(o)},e.createSlots({_:2},[e.renderList(e.unref(a),g=>({name:g,fn:e.withCtx($=>[e.renderSlot(s.$slots,g,e.normalizeProps(e.guardReactiveProps($)))])}))]),1032,["columnHeaders"]),e.createVNode(e.unref(K),{bodyRows:e.unref(l),loading:s.loading},null,8,["bodyRows","loading"]),e.renderSlot(s.$slots,"summary",{},()=>[e.createElementVNode("caption",ie,e.toDisplayString(s.summary),1)])],2),e.createVNode(e.unref(ne),{perPage:e.unref(c).perPage,currentPage:e.unref(c).currentPage,perPageOptions:s.perPageOptions,total:s.data.length,"onUpdate:currentPage":e.unref(m),"onUpdate:perPage":e.unref(u),class:"table__pagination"},null,8,["perPage","currentPage","perPageOptions","total","onUpdate:currentPage","onUpdate:perPage"])]))}}),ye="",he="";d.VueyeTable=ce,d.defineColumnHeaders=oe,d.depthCount=_,d.flatHeadersToRows=f,d.generateColumns=b,d.getBodyRows=k,d.getHeaderKeys=y,d.humanize=P,d.leafCount=h,d.useBodyRows=B,d.useHeaderKeys=le,d.useHeaders=E,d.usePagination=V,Object.defineProperty(d,Symbol.toStringTag,{value:"Module"})});
+(function(f,e){typeof exports=="object"&&typeof module<"u"?e(exports,require("vue")):typeof define=="function"&&define.amd?define(["exports","vue"],e):(f=typeof globalThis<"u"?globalThis:f||self,e(f["vueye-table"]={},f.Vue))})(this,function(f,e){"use strict";function D(n){return n.replace(/_/g," ").replace(/([a-z])([A-Z])/g,"$1 $2").replace(/(?:^|\s)\S/g,o=>o.toUpperCase()).trim().replace(/\s\s+/g," ")}function $(n){let o=1;return n.forEach(t=>{t.children&&(o=Math.max(o,$(t.children)+1))}),o}function P(n){let o=0;return n.forEach(t=>{t.children?o+=P(t.children):o++}),o}function C(n,o,t=[],l=0,r=0,s=""){return n.forEach(d=>{if(t[l]||(t[l]=[]),d.children){const{children:u,...c}=d,a=P(u);t[l].push({...c,colSpan:a,scope:"colgroup"}),C(u,o,t,l+1,r+1,`${s}${d.key}.`)}else{const u=o-r;t[l].push({...d,key:d.key,fullKey:`${s}${d.key}`,label:d.label,rowSpan:u,scope:"col",sortable:Object.prototype.hasOwnProperty.call(d,"sortable")?d.sortable:!0})}}),t}function w(n,o="",t=[]){return n.forEach(l=>{l.children?w(l.children,`${o}${l.key}.`,t):t.push(`${o}${l.key}`)}),t}function I(n){const o=$(n);return C(n,o).reduce((r,s)=>[...r,...s],[])}function B(n){const o=[];for(const t in n){const l=D(t),r={key:t,label:l};if(typeof n[t]=="object"&&n[t]!==null){const s=B(n[t]);s.length>0&&(r.children=s)}o.push(r)}return o}const Q=(n,o)=>{const t=o.split(".");let l=n;for(let r=0;r<t.length;r++)if(l[t[r]])l=l[t[r]];else return;return l};function K(n,o){return n.map(t=>o.map(s=>({[s]:Q(t,s)})).reduce((s,d)=>({...s,...d}),{}))}function L(n,o=0,t=n.length){return n.slice(o,t)}function E(n){const o={};for(const[t,l]of Object.entries(n))if(t.includes(".")){const[r,s]=t.split(".");o[r]||(o[r]={}),o[r][s]=l}else o[t]=l;for(const[t,l]of Object.entries(o))typeof l=="object"&&(o[t]=E(l));return o}function O(n){const o=[];for(const t in n)typeof n[t]=="object"?o.push(...O(n[t])):o.push(n[t]);return o}function H(n){return typeof n!="function"||typeof n!="object"}function W(n){return(o,t,l)=>n(o,t,l)}function M(){return{itemValue:"id",columnHeaders:()=>[],data:()=>[],perPage:10,currentPage:1,perPageOptions:()=>[5,10,20,30],loading:!1,selected:null,selectMode:"all",caption:"",summary:"",filterQuery:"",filterBy:void 0,filterMethod:(n,o,t)=>n===""||n===void 0||t===void 0||t.length===0?!0:t==null?void 0:t.some(r=>{const s=o[r];return H(s)?s==null?void 0:s.toString().toLowerCase().includes(n.toLowerCase()):!1})}}const Z={options:()=>[],modelValue:"",label:""},V=(n,o)=>{const t=n.__vccOpts||n;for(const[l,r]of o)t[l]=r;return t},G={},q={xmlns:"http://www.w3.org/2000/svg",width:"1em",height:"1em",viewBox:"0 0 24 24"},J=[e.createElementVNode("path",{fill:"none",stroke:"currentColor","stroke-linecap":"round","stroke-linejoin":"round","stroke-width":"1.5",d:"m19 9l-7 6l-7-6"},null,-1)];function X(n,o){return e.openBlock(),e.createElementBlock("svg",q,J)}const Y=V(G,[["render",X]]),x={class:"table__dropdown-wrapper"},v=["aria-expanded"],ee={class:"py-1",role:"none"},te=["onClick"],ne=e.defineComponent({__name:"VueyeDropdown",props:e.mergeDefaults({options:{},modelValue:{},label:{},defaultValue:{}},Z),emits:["update:modelValue"],setup(n,{emit:o}){const t=n,l=e.ref(!1),r=e.ref(-1),s=e.ref(null),d=e.ref(null),u=e.ref(!0),c=e.computed(()=>r.value===-1?t.options[0]:t.options[r.value]),a=`dropdown-label-${Math.random().toString(36).substring(2,9)}`;async function i(){var g,p;if(l.value=!l.value,l.value){await e.nextTick();const b=((g=s.value)==null?void 0:g.getBoundingClientRect())??{bottom:0},k=((p=d.value)==null?void 0:p.offsetHeight)??200;u.value=window.innerHeight-(b==null?void 0:b.bottom)>k}}function m(g){r.value=g,l.value=!1,o("update:modelValue",c.value.content)}return e.watchEffect(()=>{const g=t.options.findIndex(p=>p.content===t.modelValue);g!==-1&&(r.value=g),t.modelValue===void 0&&(r.value=-1)}),(g,p)=>(e.openBlock(),e.createElementBlock("div",x,[e.createElementVNode("button",{type:"button",class:"table__dropdown-trigger",onClick:i,"aria-expanded":e.unref(l),"aria-haspopup":!0,ref_key:"buttonRef",ref:s},[e.createElementVNode("span",null,e.toDisplayString(e.unref(c).label),1),e.createVNode(Y)],8,v),e.unref(l)?(e.openBlock(),e.createElementBlock("div",{key:0,class:"table__dropdown-overlay",onClick:i})):e.createCommentVNode("",!0),e.withDirectives(e.createElementVNode("div",{class:e.normalizeClass(["table__dropdown-menu",{"table__dropdown-menu--top":!e.unref(u)}]),role:"menu","aria-orientation":"vertical","aria-labelledby":a,ref_key:"dropdownMenuRef",ref:d},[e.createElementVNode("div",ee,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(g.options,(b,k)=>(e.openBlock(),e.createElementBlock("button",{key:k,class:e.normalizeClass([{"table__dropdown-menu-item--selected ":k===e.unref(r)},"table__dropdown-menu-item"]),role:"menuitem",onClick:y=>m(k)},e.toDisplayString(b.label),11,te))),128))])],2),[[e.vShow,e.unref(l)]])]))}}),oe={loading:!1,bodyRows:()=>[],itemValue:"id",columnsLength:0},le=["id","checked","indeterminate"],ae=["for"],re=e.createStaticVNode('<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 24 24" aria-hidden="true"><g fill="none" stroke="currentColor" stroke-width="1.5"><path class="rounded-square" d="M2 12c0-4.714 0-7.071 1.464-8.536C4.93 2 7.286 2 12 2c4.714 0 7.071 0 8.535 1.464C22 4.93 22 7.286 22 12c0 4.714 0 7.071-1.465 8.535C19.072 22 16.714 22 12 22s-7.071 0-8.536-1.465C2 19.072 2 16.714 2 12Z"></path><path class="checkmark" stroke-linecap="round" stroke-linejoin="round" d="m8.5 12.5l2 2l5-5"></path><path class="indeterminate" stroke-linecap="round" stroke-linejoin="round" d="M6 12h12"></path></g></svg>',1),j=e.defineComponent({inheritAttrs:!1,__name:"VueyeCheckbox",props:{checked:Boolean,id:String,label:String,indeterminate:Boolean,modelValue:[Boolean,Array]},emits:["change","update:modelValue"],setup(n,{emit:o}){const t=n,l=e.ref(t.modelValue),r=e.computed({get(){return t.modelValue},set(d){o("update:modelValue",d)}}),s=d=>{o("change",d)};return(d,u)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(["table__checkbox",{"table__checkbox--checked":l.value,"table__checkbox--indeterminate":n.indeterminate}])},[e.withDirectives(e.createElementVNode("input",e.mergeProps({id:n.id,type:"checkbox",checked:l.value,"onUpdate:modelValue":u[0]||(u[0]=c=>e.isRef(r)?r.value=c:null),indeterminate:n.indeterminate,onChange:s,"aria-labelledby":"checkboxLabel"},d.$attrs),null,16,le),[[e.vModelCheckbox,e.unref(r)]]),e.createElementVNode("label",{for:n.id,id:"checkboxLabel"},e.toDisplayString(n.label),9,ae),re],2))}}),it="",se={class:"table__body"},ce={key:0,class:"table__row table__row--loading"},ie=["colspan"],de={key:1,class:"table__row table__row--empty"},pe=["colspan"],me=e.createElementVNode("div",{class:"text-center"},"No data available",-1),fe={class:"table__row"},ue={class:"table__cell table_cell--checkbox"},he={class:"table__cell"},ge=e.defineComponent({__name:"VueyeBody",props:e.mergeDefaults({loading:{type:Boolean},bodyRows:{},notListedKeys:{},itemValue:{},columnsLength:{},selected:{}},oe),emits:["update:selected"],setup(n,{emit:o}){const t=n,l=e.computed(()=>Object.keys(t.bodyRows[0]).filter(c=>!t.notListedKeys.includes(c))),r=e.computed(()=>l.value.reduce((c,a)=>({...c,[a]:a.split(".").pop()??""}),{})),s=e.computed(()=>t.bodyRows.map(c=>({flat:c,nest:E(c)}))),d=e.computed(()=>s.value.map(c=>c.nest)),u=e.computed({get(){return t.selected},set(c){o("update:selected",c)}});return(c,a)=>e.renderSlot(c.$slots,"body",{rows:c.bodyRows},()=>[e.createElementVNode("tbody",se,[c.loading?(e.openBlock(),e.createElementBlock("tr",ce,[e.createElementVNode("td",{colspan:c.columnsLength,class:"table__cell table__cell--loading"},[e.renderSlot(c.$slots,"loading",{},()=>[e.createTextVNode(" Loading... ")])],8,ie)])):c.bodyRows.length===0?(e.openBlock(),e.createElementBlock("tr",de,[e.createElementVNode("td",{class:"table__cell",colspan:c.columnsLength},[e.renderSlot(c.$slots,"empty",{},()=>[me])],8,pe)])):e.renderSlot(c.$slots,"rows",{key:2,rows:e.unref(d)},()=>[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(e.unref(s),i=>e.renderSlot(c.$slots,"row",{key:i[c.itemValue],row:i.nest},()=>[e.createElementVNode("tr",fe,[c.selected?e.renderSlot(c.$slots,"checkbox",{key:0,row:i.nest},()=>[e.createElementVNode("td",ue,[e.createVNode(j,{modelValue:e.unref(u),"onUpdate:modelValue":a[0]||(a[0]=m=>e.isRef(u)?u.value=m:null),value:i.nest,"aria-label":"Select row"},null,8,["modelValue","value"])])]):e.createCommentVNode("",!0),(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(e.unref(l),m=>e.renderSlot(c.$slots,`itemCell.${m}`,{key:`${i[c.itemValue]}.${m}`,itemCell:i.nest},()=>[e.createElementVNode("td",he,[e.renderSlot(c.$slots,`itemCellContent.${e.unref(r)[m]}`,{itemCellContent:i.nest},()=>[e.createTextVNode(e.toDisplayString(i.flat[m]),1)])])])),128))])])),128))])])])}}),_e={columnHeaders:()=>[],selectable:!1,select:"none"},be={xmlns:"http://www.w3.org/2000/svg",width:"1em",height:"1em",viewBox:"0 0 16 16"},ke=["opacity"],ye=["opacity"],we=e.defineComponent({__name:"ArrowUpDownIcon",props:{down:Boolean},setup(n){const o=n,t=e.computed(()=>({up:o.down?.5:1,down:o.down?1:.5}));return(l,r)=>(e.openBlock(),e.createElementBlock("svg",be,[e.createElementVNode("path",{opacity:e.unref(t).up,fill:"currentColor",fillRule:"evenodd",d:"M2.22 5.53a.75.75 0 0 1 0-1.06l2.25-2.25a.75.75 0 0 1 1.06 0l2.25 2.25a.75.75 0 0 1-1.06 1.06l-.97-.97v5.69a.75.75 0 0 1-1.5 0V4.56l-.97.97a.75.75 0 0 1-1.06 0",clipRule:"evenodd"},null,8,ke),e.createElementVNode("path",{opacity:e.unref(t).down,fill:"currentColor",fillRule:"evenodd",d:"M13.78 10.47a.75.75 0 0 1 0 1.06l-2.25 2.25a.75.75 0 0 1-1.06 0l-2.25-2.25a.75.75 0 1 1 1.06-1.06l.97.97V5.75a.75.75 0 0 1 1.5 0v5.69l.97-.97a.75.75 0 0 1 1.06 0",clipRule:"evenodd"},null,8,ye)]))}}),Ve={class:"table__head"},$e=["colspan","rowspan","scope"],Pe=["onClick"],Ce=e.defineComponent({__name:"VueyeHead",props:e.mergeDefaults({columnHeaders:{},selectable:{type:Boolean},select:{}},_e),emits:["update:select","sort"],setup(n,{emit:o}){const t=n,l=e.ref(""),r=e.ref(!1),s=a=>{a.sortable&&a.scope==="col"&&(l.value===a.fullKey?r.value=!r.value:(l.value=a.fullKey??"",r.value=!1),o("sort",{key:l.value,desc:r.value}))},d=e.computed(()=>t.selectable?[[{key:"checkbox",label:"",className:"checkbox",colSpan:1,rowSpan:t.columnHeaders.length,scope:"col"},...t.columnHeaders[0]],...t.columnHeaders.slice(1)]:t.columnHeaders),u=e.computed({get(){return t.select},set(a){o("update:select",a)}}),c=a=>{a.target.checked?u.value="all":u.value="none"};return(a,i)=>e.renderSlot(a.$slots,"headers",{headers:a.columnHeaders},()=>[e.createElementVNode("thead",Ve,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(e.unref(d),(m,g)=>(e.openBlock(),e.createElementBlock("tr",{class:"table__row table__row",key:g},[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(m,p=>e.renderSlot(a.$slots,`headerCell.${p.key}`,{key:p.key,headerItem:p},()=>[e.createElementVNode("th",{colspan:p.colSpan,rowspan:p.rowSpan,scope:p.scope,class:e.normalizeClass(["table__cell table__cell--head",p.className])},[p.key==="checkbox"&&a.selectable?e.renderSlot(a.$slots,"checkbox",{key:0},()=>[e.createVNode(j,{indeterminate:e.unref(u)==="indeterminate",type:"checkbox",checked:e.unref(u)==="all",onChange:c,"aria-label":"select all rows",class:"table__checkbox"},null,8,["indeterminate","checked"])]):e.renderSlot(a.$slots,`headerCellContent.${p.key}`,{key:1,headerItem:p},()=>[p.scope==="col"?(e.openBlock(),e.createElementBlock("button",{key:0,onClick:b=>s(p),class:"table__sort-button"},[e.createElementVNode("span",{class:e.normalizeClass(["table__label table__label--head",p.labelClassName])},e.toDisplayString(p.label),3),e.createVNode(we,{class:e.normalizeClass([{"table__sort-icon--show":e.unref(l)===p.key},"table__sort-icon"]),down:e.unref(r)},null,8,["class","down"])],8,Pe)):(e.openBlock(),e.createElementBlock("span",{key:1,class:e.normalizeClass(["table__label table__label--head",p.labelClassName])},e.toDisplayString(p.label),3))])],10,$e)])),128))]))),128))])])}}),dt="",Be={},Ee={xmlns:"http://www.w3.org/2000/svg",width:"1em",height:"1em",viewBox:"0 0 24 24"},Se=[e.createElementVNode("path",{fill:"none",stroke:"currentColor","stroke-linecap":"round","stroke-linejoin":"round","stroke-width":"1.5",d:"m9 5l6 7l-6 7"},null,-1)];function Ne(n,o){return e.openBlock(),e.createElementBlock("svg",Ee,Se)}const Re=V(Be,[["render",Ne]]),De={},Ke={xmlns:"http://www.w3.org/2000/svg",width:"1em",height:"1em",viewBox:"0 0 24 24"},Le=[e.createElementVNode("path",{fill:"none",stroke:"currentColor","stroke-linecap":"round","stroke-linejoin":"round","stroke-width":"1.5",d:"m15 5l-6 7l6 7"},null,-1)];function Oe(n,o){return e.openBlock(),e.createElementBlock("svg",Ke,Le)}const He=V(De,[["render",Oe]]),Me={},je={xmlns:"http://www.w3.org/2000/svg",width:"1em",height:"1em",viewBox:"0 0 24 24"},ze=[e.createElementVNode("g",{fill:"none",stroke:"currentColor","stroke-linecap":"round","stroke-linejoin":"round","stroke-width":"1.5"},[e.createElementVNode("path",{d:"m11 19l6-7l-6-7"}),e.createElementVNode("path",{d:"m7 19l6-7l-6-7"})],-1)];function Te(n,o){return e.openBlock(),e.createElementBlock("svg",je,ze)}const Ue=V(Me,[["render",Te]]),Fe={},Ae={xmlns:"http://www.w3.org/2000/svg",width:"1em",height:"1em",viewBox:"0 0 24 24"},Ie=[e.createElementVNode("g",{fill:"none",stroke:"currentColor","stroke-linecap":"round","stroke-linejoin":"round","stroke-width":"1.5"},[e.createElementVNode("path",{d:"m13 19l-6-7l6-7"}),e.createElementVNode("path",{d:"m17 19l-6-7l6-7"})],-1)];function Qe(n,o){return e.openBlock(),e.createElementBlock("svg",Ae,Ie)}const We=V(Fe,[["render",Qe]]),Ze={perPage:10,currentPage:1,total:0,perPageOptions:()=>[10,20,30,40,50]},Ge={class:"table__pagination-wrapper"},qe={class:"table__pagination-details"},Je={class:"table__pagination-btn-list"},Xe=["disabled"],Ye=["disabled"],xe=["onClick","aria-label"],ve={key:1,class:"table__pagination-btn table__btn"},et=["disabled"],tt=["disabled"],nt=e.defineComponent({__name:"VueyePagination",props:e.mergeDefaults({perPage:{},currentPage:{},total:{},perPageOptions:{}},Ze),emits:["update:currentPage","update:perPage"],setup(n,{emit:o}){const t=n,l=e.computed(()=>Math.ceil(t.total/t.perPage)),r=e.computed(()=>t.perPageOptions.map(a=>({content:a,label:a.toString()}))),s=e.computed(()=>r.value.find(a=>a.content===t.perPage)),d=e.computed(()=>Array.from({length:l.value},(a,i)=>i+1).reduce((a,i)=>(i===1||i===t.total||i>=t.currentPage-2&&i<=t.currentPage+2?a.push(i):(i===t.currentPage-3||i===t.currentPage+3)&&a.push("..."),a),[]));function u(a){o("update:perPage",Number(a))}function c(a){a>=1&&a<=l.value&&o("update:currentPage",a)}return(a,i)=>(e.openBlock(),e.createElementBlock("div",Ge,[e.createVNode(e.unref(ne),{options:e.unref(r),"default-value":e.unref(s),label:"Per page","onUpdate:modelValue":u},null,8,["options","default-value"]),e.createElementVNode("span",qe,e.toDisplayString((a.currentPage-1)*a.perPage+1)+" - "+e.toDisplayString(a.currentPage*a.perPage>a.total?a.total:a.currentPage*a.perPage)+" of "+e.toDisplayString(a.total),1),e.createElementVNode("ul",Je,[e.createElementVNode("li",null,[e.createElementVNode("button",{class:"table__pagination-btn table__btn",onClick:i[0]||(i[0]=m=>c(1)),disabled:a.currentPage===1,"aria-label":"First page"},[e.createVNode(We)],8,Xe)]),e.createElementVNode("li",null,[e.createElementVNode("button",{class:"table__pagination-btn table__btn",onClick:i[1]||(i[1]=m=>c(t.currentPage-1)),disabled:a.currentPage===1,"aria-label":"Previous page"},[e.createVNode(He)],8,Ye)]),(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(e.unref(d),m=>(e.openBlock(),e.createElementBlock("li",{key:m},[typeof m=="number"?(e.openBlock(),e.createElementBlock("button",{key:0,class:e.normalizeClass(["table__pagination-btn table__btn",{"table__pagination-btn--current ":m===a.currentPage}]),onClick:g=>c(m),"aria-label":"Go to page "+m},e.toDisplayString(m),11,xe)):(e.openBlock(),e.createElementBlock("span",ve,"..."))]))),128)),e.createElementVNode("li",null,[e.createElementVNode("button",{class:"table__pagination-btn table__btn",onClick:i[2]||(i[2]=m=>c(a.currentPage+1)),disabled:a.currentPage===e.unref(l),"aria-label":"Next page"},[e.createVNode(Re)],8,et)]),e.createElementVNode("li",null,[e.createElementVNode("button",{class:"table__pagination-btn table__btn",onClick:i[3]||(i[3]=m=>c(a.total)),disabled:a.currentPage===e.unref(l),"aria-label":"Last page"},[e.createVNode(Ue)],8,tt)])])]))}});function ot(n){return{headerKeys:e.computed(()=>w(n.flat()))}}function z(n={},o){const t=e.ref({perPage:n.perPage||10,currentPage:n.currentPage||1});e.watchEffect(()=>{t.value.perPage=n.perPage||10,t.value.currentPage=n.currentPage||1}),e.watch(()=>t.value.perPage,(s,d)=>{s!==d&&l(1)});function l(s){t.value.currentPage=s,o("update:currentPage",s)}function r(s){t.value.perPage=s,o("update:perPage",s)}return{pagination:t,updateCurrentPage:l,updatePerPage:r}}function T(n,o,t){const l=e.ref(),r=e.ref(!1);function s({key:c,desc:a}){l.value=c,r.value=a}const d=e.computed(()=>{const c=B(e.toValue(n.data)[0]),a=w(c),i=w(e.toValue(o)),m=[],g=[...i];for(const p of a)i.includes(p)||(m.push(p),g.push(p));return{notListedKeys:m,allKeys:g}});return{bodyRows:e.computed(()=>{const c=e.toValue(t).perPage*(e.toValue(t).currentPage-1),a=e.toValue(t).perPage*e.toValue(t).currentPage,i=K(e.toValue(n.data),d.value.allKeys),m=e.computed(()=>n.filterBy===void 0||n.filterBy.length===0?Object.keys(i[0]):n.filterBy),g=i.filter(p=>{var b;return(b=n.filterMethod)==null?void 0:b.call(n,n.filterQuery,p,e.toValue(m))});return l.value&&g.sort((p,b)=>{if(!l.value)return 0;const k=p[l.value],y=b[l.value];return k<y?r.value?1:-1:k>y?r.value?-1:1:0}),L(g,c,a)}),notListedKeys:e.computed(()=>d.value.notListedKeys),rowsCount:e.computed(()=>e.toValue(n.data).length),onSort:s}}function U(n){const o=e.unref(n)??[];return{headers:e.computed(()=>C(o,$(o))),headersCount:P(o)}}function F(n,o,t){const l=e.computed({get(){var s,d,u;return n.selected===null||((s=n.selected)==null?void 0:s.length)===0?"none":((d=n.selected)==null?void 0:d.length)===n.data.length||n.selectMode==="page"&&((u=n.selected)==null?void 0:u.length)===o.value.length?"all":"indeterminate"},set(s){s==="all"?n.selectMode==="page"?r.value=o.value.map(d=>E(d)):r.value=n.data:s==="none"&&(r.value=[])}}),r=e.computed({get(){return n.selected},set(s){t("update:selected",s)}});return{selectAll:l,selected:r}}const lt={class:"table__wrapper"},at={key:0,class:"table__caption"},rt={class:"table__summary"},st=e.defineComponent({inheritAttrs:!1,__name:"VueyeTable",props:e.mergeDefaults({data:{},columnHeaders:{},itemValue:{},perPage:{},currentPage:{},perPageOptions:{},loading:{type:Boolean},selected:{},selectMode:{},caption:{},summary:{},filterQuery:{},filterBy:{},filterMethod:{type:Function}},M()),emits:["update:currentPage","update:perPage","update:loading","update:selected"],setup(n,{emit:o}){const t=n,l=e.computed(()=>t.columnHeaders.length===0?B(t.data[0]):t.columnHeaders),{headers:r,headersCount:s}=U(l),d=e.useSlots(),u=Object.keys(d).filter(h=>h.startsWith("headerCell")),c=Object.keys(d).filter(h=>h.startsWith("itemCell")),{pagination:a,updateCurrentPage:i,updatePerPage:m}=z(t,o),{bodyRows:g,rowsCount:p,notListedKeys:b,onSort:k}=T(t,l,a),{selected:y,selectAll:N}=F(t,g,o);return(h,S)=>(e.openBlock(),e.createElementBlock("div",lt,[e.createElementVNode("table",{class:e.normalizeClass(h.$attrs.class??"table")},[e.renderSlot(h.$slots,"caption",{},()=>[h.caption?(e.openBlock(),e.createElementBlock("caption",at,e.toDisplayString(h.caption),1)):e.createCommentVNode("",!0)]),e.createVNode(e.unref(Ce),{columnHeaders:e.unref(r),selectable:h.selected!==null,select:e.unref(N),"onUpdate:select":S[0]||(S[0]=_=>e.isRef(N)?N.value=_:null),onSort:e.unref(k)},e.createSlots({headers:e.withCtx(_=>[e.renderSlot(h.$slots,"headers",e.normalizeProps(e.guardReactiveProps(_)))]),_:2},[e.renderList(e.unref(u),_=>({name:_,fn:e.withCtx(R=>[e.renderSlot(h.$slots,_,e.normalizeProps(e.guardReactiveProps(R)))])}))]),1032,["columnHeaders","selectable","select","onSort"]),e.createVNode(e.unref(ge),{selected:e.unref(y),"onUpdate:selected":S[1]||(S[1]=_=>e.isRef(y)?y.value=_:null),bodyRows:e.unref(g),loading:h.loading,itemValue:h.itemValue,"columns-length":e.unref(s),"not-listed-keys":e.unref(b)},e.createSlots({checkbox:e.withCtx(_=>[e.renderSlot(h.$slots,"checkbox",e.normalizeProps(e.guardReactiveProps(_)))]),loading:e.withCtx(()=>[e.renderSlot(h.$slots,"loading")]),empty:e.withCtx(()=>[e.renderSlot(h.$slots,"empty")]),rows:e.withCtx(_=>[e.renderSlot(h.$slots,"rows",e.normalizeProps(e.guardReactiveProps(_)))]),row:e.withCtx(_=>[e.renderSlot(h.$slots,"row",e.normalizeProps(e.guardReactiveProps(_)))]),_:2},[e.renderList(e.unref(c),_=>({name:_,fn:e.withCtx(R=>[e.renderSlot(h.$slots,_,e.normalizeProps(e.guardReactiveProps(R)))])}))]),1032,["selected","bodyRows","loading","itemValue","columns-length","not-listed-keys"]),e.renderSlot(h.$slots,"summary",{},()=>[e.createElementVNode("caption",rt,e.toDisplayString(h.summary),1)])],2),e.renderSlot(h.$slots,"pagination",{pagination:{...e.unref(a),perPageOptions:h.perPageOptions,total:e.unref(p)}},()=>[e.withDirectives(e.createVNode(e.unref(nt),{perPage:e.unref(a).perPage,currentPage:e.unref(a).currentPage,perPageOptions:h.perPageOptions,total:e.unref(p),"onUpdate:currentPage":e.unref(i),"onUpdate:perPage":e.unref(m),class:"table__pagination"},null,8,["perPage","currentPage","perPageOptions","total","onUpdate:currentPage","onUpdate:perPage"]),[[e.vShow,h.data.length>0]])])]))}}),ht="";function A(n){const o=[];for(const t of n){const l=t.children?A(t.children):void 0;o.push({...t,children:l})}return o}f.VueyeTable=st,f.deepValues=O,f.defineColumnHeaders=I,f.defineFilterMethod=W,f.defineTableColumnHeaders=A,f.depthCount=$,f.flatHeadersToRows=C,f.generateColumns=B,f.getBodyRows=K,f.getHeaderKeys=w,f.getVueyeTablePropDefaults=M,f.humanize=D,f.isPrimitive=H,f.leafCount=P,f.nestedObjectTransformer=E,f.paginateRows=L,f.useBodyRows=T,f.useHeaderKeys=ot,f.useHeaders=U,f.usePagination=z,f.useSelection=F,Object.defineProperty(f,Symbol.toStringTag,{value:"Module"})});

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "vueye-table",
-  "version": "2.0.0-alpha.10",
+  "version": "2.0.0-alpha.13",
   "private": false,
   "description": "Vue data table",
   "author": "Brahim Boussadjra",
@@ -11,8 +11,12 @@
   ],
   "keywords": [
     "vue",
-    "vite",
-    "template"
+    "vue3",
+    "vue3 component",
+    "vue3 table",
+    "vue3 data table",
+    "vue3 datatable",
+    "vueye-table"
   ],
   "type": "module",
   "main": "./dist/vueye-table.umd.cjs",
@@ -25,7 +29,7 @@
       "types": "./dist/index.d.ts"
     },
     "./*": "./dist/vueye-table.js",
-    "./dist/style.css": "./dist/style.css"
+    "./dist/default.css": "./dist/default.css"
   },
   "devDependencies": {
     "@antfu/eslint-config": "^0.43.1",
@@ -60,7 +64,7 @@
     "typescript": "~5.2.2",
     "unplugin-auto-import": "^0.16.7",
     "unplugin-icons": "^0.17.4",
-    "vite": "^4.5.0",
+    "vite": "^4.4.12",
     "vite-bundle-visualizer": "^0.10.1",
     "vite-plugin-dts": "^3.6.3",
     "vitest": "^0.34.6",

package/dist/style.css

@@ -1 +0,0 @@
-.dropdown__wrapper{position:relative}.dropdown__trigger{display:flex;align-items:center}.dropdown__trigger>:not([hidden])~:not([hidden]){--tw-space-x-reverse: 0;margin-right:calc(.5rem * var(--tw-space-x-reverse));margin-left:calc(.5rem * calc(1 - var(--tw-space-x-reverse)))}.dropdown__trigger{border-radius:.375rem;border-width:1px;--tw-border-opacity: 1;border-color:rgb(124 205 253 / var(--tw-border-opacity));--tw-bg-opacity: 1;background-color:rgb(241 245 249 / var(--tw-bg-opacity));padding:.5rem 1rem;font-size:.875rem;line-height:1.25rem;font-weight:500;--tw-text-opacity: 1;color:rgb(51 65 85 / var(--tw-text-opacity));--tw-shadow: 0 1px 2px 0 rgb(0 0 0 / .05);--tw-shadow-colored: 0 1px 2px 0 var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.dropdown__trigger:focus{outline:2px solid transparent;outline-offset:2px;--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow, 0 0 #0000);--tw-ring-opacity: 1;--tw-ring-color: rgb(59 130 246 / var(--tw-ring-opacity));--tw-ring-offset-width: 2px }:is([dir=rtl] .dropdown__trigger)>:not([hidden])~:not([hidden]){--tw-space-x-reverse: 1 }:is(.dark .dropdown__trigger){--tw-border-opacity: 1;border-color:rgb(11 69 111 / var(--tw-border-opacity));--tw-bg-opacity: 1;background-color:rgb(11 69 111 / var(--tw-bg-opacity));--tw-text-opacity: 1;color:rgb(248 250 252 / var(--tw-text-opacity))}.dropdown__menu{position:absolute;bottom:100%;right:0;z-index:45;margin-top:.5rem;width:14rem;transform-origin:top right;border-radius:.375rem;--tw-bg-opacity: 1;background-color:rgb(241 245 249 / var(--tw-bg-opacity));--tw-shadow: 0 10px 15px -3px rgb(0 0 0 / .1), 0 4px 6px -4px rgb(0 0 0 / .1);--tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow);--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow, 0 0 #0000);--tw-ring-color: rgb(0 0 0 / var(--tw-ring-opacity));--tw-ring-opacity: .05 }.dropdown__menu:focus{outline:2px solid transparent;outline-offset:2px}:is(.dark .dropdown__menu){--tw-bg-opacity: 1;background-color:rgb(8 44 73 / var(--tw-bg-opacity))}.dropdown__menu__item{display:block;width:100%;padding:.5rem 1rem;text-align:left;font-size:.875rem;line-height:1.25rem;--tw-text-opacity: 1;color:rgb(51 65 85 / var(--tw-text-opacity))}.dropdown__menu__item:hover{--tw-bg-opacity: 1;background-color:rgb(226 232 240 / var(--tw-bg-opacity));--tw-text-opacity: 1;color:rgb(15 23 42 / var(--tw-text-opacity))}.dropdown__menu__item:focus{--tw-bg-opacity: 1;background-color:rgb(241 245 249 / var(--tw-bg-opacity));--tw-text-opacity: 1;color:rgb(15 23 42 / var(--tw-text-opacity));outline:2px solid transparent;outline-offset:2px}:is(.dark .dropdown__menu__item){--tw-text-opacity: 1;color:rgb(248 250 252 / var(--tw-text-opacity))}:is(.dark .dropdown__menu__item:hover){--tw-bg-opacity: 1;background-color:rgb(11 69 111 / var(--tw-bg-opacity));--tw-text-opacity: 1;color:rgb(203 213 225 / var(--tw-text-opacity))}.dropdown__menu__item--selected{--tw-bg-opacity: 1;background-color:rgb(226 232 240 / var(--tw-bg-opacity))}:is(.dark .dropdown__menu__item--selected){--tw-bg-opacity: 1;background-color:rgb(11 69 111 / var(--tw-bg-opacity));--tw-text-opacity: 1;color:rgb(203 213 225 / var(--tw-text-opacity))}.dropdown__overlay{position:fixed;right:0;bottom:0;top:0;left:0;z-index:40;cursor:default;background-color:transparent}.pagination__wrapper{display:flex;align-items:center;-moz-column-gap:.75rem;column-gap:.75rem}.pagination__details{font-size:.875rem;line-height:1.25rem;--tw-text-opacity: 1;color:rgb(107 114 128 / var(--tw-text-opacity))}:is(.dark .pagination__details){--tw-text-opacity: 1;color:rgb(156 163 175 / var(--tw-text-opacity))}.pagination__btn-list{display:flex}.pagination__btn{display:flex;height:2rem;width:2rem;align-items:center;justify-content:center;border-width:1px;--tw-border-opacity: 1;border-color:rgb(186 227 253 / var(--tw-border-opacity));background-color:transparent;padding:.5rem}.pagination__btn:focus{--tw-border-opacity: 1;border-color:rgb(12 147 223 / var(--tw-border-opacity));outline:2px solid transparent;outline-offset:2px;--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow, 0 0 #0000)}.pagination__btn:disabled{cursor:not-allowed;opacity:.5}:is(.dark .pagination__btn){--tw-border-opacity: 1;border-color:rgb(6 83 134 / var(--tw-border-opacity))}.pagination__btn--current{--tw-bg-opacity: 1;background-color:rgb(186 227 253 / var(--tw-bg-opacity))}:is(.dark .pagination__btn--current){--tw-bg-opacity: 1;background-color:rgb(6 83 134 / var(--tw-bg-opacity))}table{min-width:800px;border-collapse:collapse;border-radius:.25rem!important;border-width:1px;--tw-border-opacity: 1;border-color:rgb(55 179 249 / var(--tw-border-opacity));font-size:.875rem;line-height:1.25rem;letter-spacing:.025em}th{border-width:1px;--tw-border-opacity: 1;border-color:rgb(55 179 249 / var(--tw-border-opacity));--tw-bg-opacity: 1;background-color:rgb(224 241 254 / var(--tw-bg-opacity));padding:.5rem 1rem}:is(.dark th){--tw-border-opacity: 1;border-color:rgb(6 83 134 / var(--tw-border-opacity));--tw-bg-opacity: 1;background-color:rgb(8 44 73 / var(--tw-bg-opacity))}td{border-width:1px;--tw-border-opacity: 1;border-color:rgb(55 179 249 / var(--tw-border-opacity));padding:.5rem 1rem}:is(.dark td){--tw-border-opacity: 1;border-color:rgb(6 83 134 / var(--tw-border-opacity))}table{text-align:center}tr:nth-child(2n) td{--tw-bg-opacity: 1;background-color:rgb(224 241 254 / var(--tw-bg-opacity))}:is(.dark tr:nth-child(2n) td){--tw-bg-opacity: 1;background-color:rgb(8 44 73 / var(--tw-bg-opacity))}tr:nth-child(odd) td{--tw-bg-opacity: 1;background-color:rgb(240 248 255 / var(--tw-bg-opacity))}:is(.dark tr:nth-child(odd) td){--tw-bg-opacity: 1;background-color:rgb(11 69 111 / var(--tw-bg-opacity))}caption{padding:.5rem}.table__wrapper{display:flex;width:-moz-max-content;width:max-content;flex-direction:column}.table__pagination{margin-top:1rem;align-self:flex-end}