https://mixonline.nl/_nuxt/CwqZZKb8.js

1import X from"./BpJsy7Ta.js";import H from"./1V2jm14t.js";import K from"./DLwxMZxd.js";import W from"./DpQcQH3V.js";import{S as ce,d as pe,h as d,i as o,k as c,aL as p,t as k,N as u,y as v,F as R,z as D,j as U,X as S,x as V,G as q,I as fe,aO as ge,aP as T,R as f,b1 as z,aU as O,b0 as $,aQ as G,a_ as ye}from"./CfwR7KjC.js";import{f as J}from"./Rwaz_Qdu.js";import{u as me}from"./B_ZaJEvG.js";import"./v967BhqQ.js";import"./DRrMar8Z.js";import"./CK3j4WxR.js";import"./Cd8xZgT4.js";import"./BI5RZpNB.js";import"./CHOj1P8S.js";import"./DahKxLZg.js";const he={wrapper:"relative overflow-x-auto",base:"min-w-full table-fixed",divide:"divide-y divide-gray-300 dark:divide-gray-700",thead:"relative",tbody:"divide-y divide-gray-200 dark:divide-gray-800",caption:"sr-only",tr:{base:"",selected:"bg-gray-50 dark:bg-gray-800/50",expanded:"bg-gray-50 dark:bg-gray-800/50",active:"hover:bg-gray-50 dark:hover:bg-gray-800/50 cursor-pointer"},th:{base:"text-left rtl:text-right",padding:"px-4 py-3.5",color:"text-gray-900 dark:text-white",font:"font-semibold",size:"text-sm"},td:{base:"whitespace-nowrap",padding:"px-4 py-4",color:"text-gray-500 dark:text-gray-400",font:"",size:"text-sm"},checkbox:{padding:"ps-4"},loadingState:{wrapper:"flex flex-col items-center justify-center flex-1 px-6 py-14 sm:px-14",label:"text-sm text-center text-gray-900 dark:text-white",icon:"w-6 h-6 mx-auto text-gray-400 dark:text-gray-500 mb-4 animate-spin"},emptyState:{wrapper:"flex flex-col items-center justify-center flex-1 px-6 py-14 sm:px-14",label:"text-sm text-center text-gray-900 dark:text-white",icon:"w-6 h-6 mx-auto text-gray-400 dark:text-gray-500 mb-4"},expand:{icon:"transform transition-transform duration-200"},progress:{wrapper:"absolute inset-x-0 -bottom-[0.5px] p-0"},default:{sortAscIcon:"i-heroicons-bars-arrow-up-20-solid",sortDescIcon:"i-heroicons-bars-arrow-down-20-solid",sortButton:{icon:"i-heroicons-arrows-up-down-20-solid",trailing:!0,square:!0,color:"gray",variant:"ghost",class:"-m-1.5"},expandButton:{icon:"i-heroicons-chevron-down",color:"gray",variant:"ghost",size:"xs",class:"-my-1.5 align-middle"},checkbox:{color:"primary"},progress:{color:"primary",animation:"carousel"},loadingState:{icon:"i-heroicons-arrow-path-20-solid",label:"Loading..."},emptyState:{icon:"i-heroicons-circle-stack-20-solid",label:"No items."}}};function be(e){return e?e[0].toUpperCase()+e.slice(1):""}const m=ge(G.ui.strategy,G.ui.table,he);function ke(e,i){return ye(e,i)}function N(e,i,h){return e===i?0:h==="asc"?e<i?-1:1:e>i?-1:1}function Q(e){return new Set(e.map(i=>JSON.stringify(i)))}function Se(e){return i=>O(i,e)}const ve=pe({components:{UIcon:W,UButton:H,UProgress:K,UCheckbox:X},inheritAttrs:!1,props:{modelValue:{type:Array,default:null},by:{type:[String,Function],default:()=>ke},rows:{type:Array,default:()=>[]},columns:{type:Array,default:null},columnAttribute:{type:String,default:"label"},sort:{type:Object,default:()=>({})},sortMode:{type:String,default:"auto"},sortButton:{type:Object,default:()=>m.default.sortButton},sortAscIcon:{type:String,default:()=>m.default.sortAscIcon},sortDescIcon:{type:String,default:()=>m.default.sortDescIcon},expandButton:{type:Object,default:()=>m.default.expandButton},expand:{type:Object,default:()=>null},loading:{type:Boolean,default:!1},loadingState:{type:Object,default:()=>m.default.loadingState},emptyState:{type:Object,default:()=>m.default.emptyState},caption:{type:String,default:null},progress:{type:Object,default:()=>m.default.progress},class:{type:[String,Object,Array],default:()=>""},ui:{type:Object,default:()=>({})},multipleExpand:{type:Boolean,default:!0},singleSelect:{type:Boolean,default:!1}}

1,emits:["update:modelValue","update:sort","update:expand","select:all"],setup(e,{emit:i,attrs:h}){const{ui:C,attrs:F}=me("table",T(e,"ui"),m,T(e,"class")),j=f(()=>{const a=e.columns??Object.keys(e.rows[0]).map(l=>({key:l,label:be(l),sortable:!1,class:void 0,sort:N}));return a.find(l=>l.key==="select")||!e.modelValue?a:[{key:"select",sortable:!1,class:void 0,sort:N},...a]}),r=J(e,"sort",i,{passive:!0,defaultValue:z({},e.sort,{column:null,direction:"asc"})}),g=J(e,"expand",i,{passive:!0,defaultValue:z({},e.expand,{openedRows:[],row:null})}),E={column:r.value.column,direction:null},w=f(()=>{var l;if(!((l=r.value)!=null&&l.column)||e.sortMode==="manual")return e.rows;const{column:a,direction:n}=r.value;return e.rows.slice().sort((le,ie)=>{var L;const re=O(le,a),ue=O(ie,a);return(((L=j.value.find(de=>de.key===a))==null?void 0:L.sort)??N)(re,ue,n)})}),t=f({get(){return e.modelValue},set(a){i("update:modelValue",a)}}),y=f(()=>e.rows.length),s=f(()=>{const a=Q(t.value),n=Q(e.rows);return Array.from(a).filter(l=>n.has(l)).length}),I=f(()=>!t.value||!e.rows?!1:s.value>0&&s.value<y.value),B=f(()=>s.value===y.value),b=f(()=>e.emptyState===null?null:{...C.value.default.emptyState,...e.emptyState}),Y=f(()=>e.loadingState===null?null:{...C.value.default.loadingState,...e.loadingState});function A(a,n){if(typeof e.by=="string"){const l=Se(e.by);return l(a)===l(n)}return e.by(a,n)}function M(a){return e.modelValue?t.value.some(n=>A($(n),$(a))):!1}function Z(a){if(r.value.column===a.key){const n=!a.direction||a.direction==="asc"?"desc":"asc";r.value.direction===n?r.value=z({},E,{column:null,direction:"asc"}):r.value={column:r.value.column,direction:r.value.direction==="asc"?"desc":"asc"}}else r.value={column:a.key,direction:a.direction||"asc"}}function x(a){const n=window.getSelection();n&&n.toString().length>0||h.onSelect&&h.onSelect(a)}function _(a,n){h.onContextmenu&&h.onContextmenu(a,n)}function ee(){const a=[...t.value];e.rows.forEach(n=>{M(n)||a.push(n)}),t.value=a}function te(a){a?ee():t.value=[],i("select:all",a)}function ae(a,n){a?t.value=e.singleSelect?[n]:[...t.value,n]:t.value=t.value.filter(l=>!A($(l),$(n)))}function ne(a,n,l=""){return O(a,n,l)}function P(a){var n;return(n=g.value)!=null&&n.openedRows?g.value.openedRows.some(l=>A(l,a)):!1}function oe(a){g.value={openedRows:P(a)?g.value.openedRows.filter(n=>!A(n,a)):e.multipleExpand?[...g.value.openedRows,a]:[a],row:a}}function se(a){if(a.sortable){if(r.value.column!==a.key)return"none";if(r.value.direction==="asc")return"ascending";if(r.value.direction==="desc")return"descending"}}return{ui:C,attrs:F,sort:r,columns:j,rows:w,selected:t,indeterminate:I,emptyState:b,loadingState:Y,isAllRowChecked:B,onChangeCheckbox:ae,isSelected:M,onSort:Z,onSelect:x,onContextmenu:_,onChange:te,getRowData:ne,toggleOpened:oe,getAriaSort:se,isExpanded:P}}}),Ce=["aria-sort"],we={key:1},Be={key:0},Ae={key:0},Re=["colspan"],Ve={key:1},$e=["colspan"],Oe=["onClick","onContextmenu"],je={key:0},Ee={colspan:"100%"};function Ie(e,i,h,C,F,j){const r=X,g=H,E=K,w=W;return o(),d("div",S({class:e.ui.wrapper},e.attrs),[c("table",{class:u([e.ui.base,e.ui.divide])},[e.$slots.caption||e.caption?p(e.$slots,"caption",{key:0},()=>[c("caption",{class:u(e.ui.caption)},v(e.caption),3)]):k("",!0),c("thead",{class:u(e.ui.thead)},[c("tr",{class:u(e.ui.tr.base)},[e.expand?(o(),d("th",{key:0,scope:"col",class:u(e.ui.tr.base)},i[0]||(i[0]=[c("span",{class:"sr-only"},"Expand",-1)]),2)):k("",!0),(o(!0),d(R,null,D(e.columns,(t,y)=>(o(),d("th",{key:y,scope:"col",class:u([e.ui.th.base,e.ui.th.padding,e.ui.th.color,e.ui.th.font,e.ui.th.size,t.key==="select"&&e.ui.checkbox.padding,t.class]),"aria-sort":e.getAriaSort(t)},[!e.singleSelect&&e.modelValue&&t.key==="select"?p(e.$slots,"select-header",{key:0,indeterminate:e.indeterminate,checked:e.isAllRowChecked,change:e.onChange},()=>[U(r,S({"model-value":e.isAllRowChecked,indeterminate:e.indeterminate},{ref_for:!0},e.ui.default.checkbox,{"aria-label":"Select all",onChange:e.onChange}),null,16,["model-value","indeterminate","onChange"])]):p(e.$slots,`${t.key}-header`,{key:1,column:t,sort:e.sort,onSort:e.onSort},()=>[t.sortable?(o(),V(g,S({key:0,ref_for:!0},{...e.ui.default.sortButton||{},...e.sortButton},{icon:!e.sort.column||e.sort.column!==t.key?e.sortButton.icon||e.ui.default.sortButton.icon:e.sort.direction==="asc"?e.sortAscIcon:e.sortDescIcon,label:t[e.columnAttribute],onClick:s=>e.onSort(t)}),null,16,["icon","label","onClick"])):(o(),d("span",we,v(t[e.columnAttribute]),1))])],10,Ce))),128))],2),e.loading&&e.progress?(o(),d("tr",Be,[c("td",{colspan:0,class:u(e.ui.progress.wrapper)},[U(E,S({...e.ui.default.progress||{},...e.progress},{size:"2xs"}),null,16)],2)])):k("",!0)],2),c("tbody",{class:u(e.ui.tbody)},[e.loadingState&&e.loading&&!e.rows.length?(o(),d("tr",Ae,[c("td",{colspan:e.columns.length+(e.modelValue?1:0)+(e.expand?1:0)},[p(e.$slots,"loading-state",{},()=>[c("div",{class:u(e.ui.loadingState.wrapper)},[e.loadingState.icon?(o(),V(w,{key:0,name:e.loadingState.icon,class:u(e.ui.loadingState.icon),"aria-hidden":"true"},null,8,["name","class"])):k("",!0),c("p",{class:u(e.ui.loadingState.label)},v(e.loadingState.label),3)],2)])],8,Re)])):e.emptyState&&!e.rows.length?(o(),d("tr",Ve,[c("td",{colspan:e.columns.length+(e.modelValue?1:0)+(e.expand?1:0)},[p(e.$slots,"empty-state",{},()=>[c("div",{class:u(e.ui.emptyState.wrapper)},[e.emptyState.icon?(o(),V(w,{key:0,name:e.emptyState.icon,class:u(e.ui.emptyState.icon),"aria-hidden":"true"},null,8,["name","class"])):k("",!0),c("p",{class:u(e.ui.emptyState.label)},v(e.emptyState.label),3)],2)])],8,$e)])):(o(!0),d(R,{key:2},D(e.rows,(t,y)=>(o(),d(R,{key:y},[c("tr",{class:u([e.ui.tr.base,e.isSelected(t)&&e.ui.tr.selected,e.isExpanded(t)&&e.ui.tr.expanded,e.$attrs.onSelect&&e.ui.tr.active,t==null?void 0:t.class]),onClick:()=>e.onSelect(t),onContextmenu:s=>e.onContextmenu(s,t)},[e.expand?(o(),d("td",{key:0,class:u([e.ui.td.base,e.ui.td.padding,e.ui.td.

1color,e.ui.td.font,e.ui.td.size])},[e.$slots["expand-action"]?p(e.$slots,"expand-action",{key:0,row:t,isExpanded:e.isExpanded(t),toggle:()=>e.toggleOpened(t)}):(o(),V(g,S({key:1,disabled:t.disabledExpand},{ref_for:!0},{...e.ui.default.expandButton||{},...e.expandButton},{ui:{icon:{base:[e.ui.expand.icon,e.isExpanded(t)&&"rotate-180"].join(" ")}},onClickCapture:q(s=>e.toggleOpened(t),["stop"])}),null,16,["disabled","ui","onClickCapture"]))],2)):k("",!0),(o(!0),d(R,null,D(e.columns,(s,I)=>{var B;return o(),d("td",{key:I,class:u([e.ui.td.base,e.ui.td.padding,e.ui.td.color,e.ui.td.font,e.ui.td.size,s==null?void 0:s.rowClass,(B=t[s.key])==null?void 0:B.class,s.key==="select"&&e.ui.checkbox.padding])},[e.modelValue&&s.key==="select"?(o(),d("span",{key:0,onClickCapture:q(()=>{},["stop"])},[p(e.$slots,"select-data",{checked:e.isSelected(t),change:b=>e.onChangeCheckbox(b,t)},()=>[U(r,S({"model-value":e.isSelected(t)},{ref_for:!0},e.ui.default.checkbox,{"aria-label":"Select row",onChange:b=>e.onChangeCheckbox(b,t)}),null,16,["model-value","onChange"])])],32)):p(e.$slots,`${s.key}-data`,{key:1,column:s,row:t,index:y,getRowData:b=>e.getRowData(t,s.key,b)},()=>[fe(v(e.getRowData(t,s.key)),1)])],2)}),128))],42,Oe),e.isExpanded(t)?(o(),d("tr",je,[c("td",Ee,[p(e.$slots,"expand",{row:t,index:y})])])):k("",!0)],64))),128))],2)],2)],16)}const Ke=ce(ve,[["render",Ie]]);export{Ke as default};