@davincihealthcare/elty-design-system-vue 2.15.0 → 2.16.1

package/dist/src/table/ElMobileTable.vue.esm2.js

@@ -1,2 +1,2 @@
-import{defineComponent as Te,ref as h,watch as Fe,computed as y,openBlock as n,createElementBlock as m,Fragment as A,createElementVNode as v,createBlock as R,createCommentVNode as f,normalizeClass as le,createVNode as x,createTextVNode as ae,toDisplayString as $,renderSlot as re,withCtx as M,renderList as U,mergeProps as $e}from"vue";import Se from"../ElListItem.vue.esm2.js";import Be from"../forms/ElInputText.vue.esm2.js";import Ie from"../ElIconButton.vue.esm2.js";import z from"../ElButton.vue.esm2.js";import Oe from"../ElTag.vue.esm2.js";import oe from"../ElModal.vue.esm2.js";import je from"../forms/ElInputSelect.vue.esm2.js";import De from"../forms/ElInputDate.vue.esm2.js";import Le from"../ElAvatar.vue.esm2.js";import Me from"../_CustomTransition.vue.esm2.js";import Ue from"../ElSpinner.vue.esm2.js";import ze from"../ElIcon.vue.esm2.js";const Ee={class:"bg-neutral-surface flex flex-col px-4 pt-2 h-full min-w-80 overflow-auto"},Ne={key:0,class:"flex flex-row items-center gap-4 pb-2"},Pe={class:"flex-grow"},qe={key:1,class:"py-3 px-4 border-b border-b-neutral-surface grid grid-cols-3"},Ge={class:"flex flex-row justify-start items-center"},He={class:"flex flex-row justify-center items-center"},Je={class:"text-neutral-darker font-normal text-sm"},Ke={class:"relative"},Qe={key:2,class:"pt-3 px-4"},We={class:"font-semibold text-neutral-darker"},Xe={key:3,class:"m-0 flex flex-col flex-grow overflow-y-auto h-full"},Ye={key:4,class:"flex flex-grow flex-col justify-start items-center pt-8 px-8 gap-3"},Ze=v("div",{class:"flex flex-col gap-1 text-center"},[v("span",{class:"text-lg font-semibold text-neutral-darker"},"Nessun risultato"),v("p",{class:"text-neutral-lighter text-sm"},"Non abbiamo trovato risultati per questa ricerca. Prova con altre parole chiave.")],-1),et={key:5,class:"border-t border-t-neutral-surface flex flex-row justify-between py-5 px-4"},tt={key:0,class:"m-0 flex flex-col gap-5"},lt={class:"text-neutral-lighter"},at={key:0},rt={key:1},ot={key:2},it={class:"flex flex-col gap-6"},xt=Te({__name:"ElMobileTable",props:{color:{},filters:{},loading:{type:Boolean},preventDefaultItemClick:{type:Boolean},selection:{},sortBy:{},itemsCountLabel:{type:Function},noItemsCountLabel:{type:Boolean},data:{}},emits:["destructive:click","bulk:click","item:click","selection:exit","rows-selected","filters-updated"],setup(ie,{expose:se,emit:ne}){var N,P,q,G,H,J,K,Q,W,X,Y,Z,ee,te;const e=ie,w=h(""),u=h([]),p=h(null),T=h(!1),g=h(0),O=h(void 0);Fe(w,(t,r)=>{O.value&&clearTimeout(O.value),O.value=setTimeout(()=>{r!==t&&D()},500)});const ue=y(()=>w.value.trim().length>0||Object.values(s.value).some(t=>t&&t.trim().length>0)||g.value!==0),j=()=>u.value.map(t=>e.data[t]),V=t=>{var a;const r=(a=w.value)==null?void 0:a.trim();return r?t.split(" ").some(o=>o.toLowerCase().includes(r.toLowerCase())):!0},s=h({avatar:((P=(N=e.filters.multiValue)==null?void 0:N.avatar)==null?void 0:P.initialValue)??"",mainText:((G=(q=e.filters.multiValue)==null?void 0:q.mainText)==null?void 0:G.initialValue)??"",secondaryRow:((J=(H=e.filters.multiValue)==null?void 0:H.secondaryRow)==null?void 0:J.initialValue)??"",tertiaryRow:((Q=(K=e.filters.multiValue)==null?void 0:K.tertiaryRow)==null?void 0:Q.initialValue)??"",amount:((X=(W=e.filters.multiValue)==null?void 0:W.amount)==null?void 0:X.initialValue)??"",tags:((Z=(Y=e.filters.multiValue)==null?void 0:Y.tags)==null?void 0:Z.initialValue)??"",time:((te=(ee=e.filters.multiValue)==null?void 0:ee.time)==null?void 0:te.initialValue)??""}),S=h({...s.value}),_=t=>Array.from(new Set(t)),C=t=>t!==void 0,ce=y(()=>{var t,r,a,o,c,b,i;return{mainText:(t=e.filters.multiValue)!=null&&t.mainText?e.filters.multiValue.mainText.selectOptions??_(e.data.map(l=>l.mainText.label)).map(l=>({value:l,label:l})):[],secondaryRow:(r=e.filters.multiValue)!=null&&r.secondaryRow?e.filters.multiValue.secondaryRow.selectOptions??_(e.data.map(l=>l.secondaryRow).filter(C)).map(l=>({value:l,label:l})):[],tertiaryRow:(a=e.filters.multiValue)!=null&&a.tertiaryRow?e.filters.multiValue.tertiaryRow.selectOptions??_(e.data.map(l=>l.tertiaryRow).filter(C)).map(l=>({value:l,label:l})):[],amount:(o=e.filters.multiValue)!=null&&o.amount?e.filters.multiValue.amount.selectOptions??_(e.data.map(l=>l.amount).filter(C)).map(l=>({value:l,label:l})):[],tags:(c=e.filters.multiValue)!=null&&c.tags?e.filters.multiValue.tags.selectOptions??_(e.data.flatMap(l=>(l.tags??[]).map(d=>d.text).filter(C))).map(l=>({value:l,label:l})):[],time:(b=e.filters.multiValue)!=null&&b.time?e.filters.multiValue.time.selectOptions??_(e.data.map(l=>l.time).filter(C)).map(l=>({value:l,label:l})):[],avatar:(i=e.filters.multiValue)!=null&&i.avatar?e.filters.multiValue.avatar.selectOptions??_(e.data.map(l=>{var d;return(d=l.avatar)==null?void 0:d.label}).filter(C)).map(l=>({value:l,label:l})):[]}}),k=y(()=>{var r;let t=e.data.slice();if(e.filters.managed)return t;if(e.filters.freeSearch&&w.value.trim().length>0){const a=e.filters.freeSearch;t=t.filter(o=>a.filterOn.some(c=>{switch(c){case"avatar":return o.avatar&&o.avatar.label&&V(o.avatar.label);case"time":return o.time&&V(o.time);case"mainText":return o.mainText&&V(o.mainText.label);case"secondaryRow":return o.secondaryRow&&V(o.secondaryRow);case"tertiaryRow":return o.tertiaryRow&&V(o.tertiaryRow);case"amount":return o.amount&&V(o.amount);case"tags":return o.tags&&o.tags.some(b=>V(b.text))}}))}return e.filters.multiValue&&(e.filters.multiValue.mainText&&(t=t.filter(a=>!s.value.mainText||s.value.mainText.length===0||s.value.mainText.includes(a.sortableAndFilterableValue??a.mainText.label))),e.filters.multiValue.secondaryRow&&(t=t.filter(a=>!s.value.secondaryRow||s.value.secondaryRow.length===0||s.value.secondaryRow.includes(a.sortableAndFilterableValue??a.secondaryRow??""))),e.filters.multiValue.tertiaryRow&&(t=t.filter(a=>!s.value.tertiaryRow||s.value.tertiaryRow.length===0||s.value.tertiaryRow.includes(a.sortableAndFilterableValue??a.tertiaryRow??""))),e.filters.multiValue.amount&&(t=t.filter(a=>!s.value.amount||s.value.amount.length===0||s.value.amount.includes(a.sortableAndFilterableValue??a.amount??""))),e.filters.multiValue.tags&&(t=t.filter(a=>{var o;return!s.value.tags||s.value.tags.length===0||((o=a.tags)==null?void 0:o.some(c=>s.value.tags.includes(c.text)))})),e.filters.multiValue.avatar&&(t=t.filter(a=>{var o;return!s.value.avatar||s.value.avatar.length===0||s.value.avatar.includes(a.sortableAndFilterableValue??((o=a.avatar)==null?void 0:o.label)??"")}))),(r=e.filters.dateRange)!=null&&r.enabled&&(t=t.filter(a=>g.value?a.time&&new Date(a.time).getTime()>=g.value:!0)),e.sortBy&&(t=t.sort((a,o)=>{var b,i,l,d,I;let c=0;if(a.sortableAndFilterableValue&&o.sortableAndFilterableValue)c=a.sortableAndFilterableValue.localeCompare(o.sortableAndFilterableValue);else switch(e.sortBy.on){case"mainText":c=a.mainText.label.localeCompare(o.mainText.label);break;case"avatar":c=(((b=a.avatar)==null?void 0:b.label)??"").localeCompare(((i=o.avatar)==null?void 0:i.label)??"");break;case"time":case"secondaryRow":case"tertiaryRow":c=(a[e.sortBy.on]??"").localeCompare(o[e.sortBy.on]??"");break;case"amount":const Ce=parseFloat(a.amount??"0"),Ae=parseFloat(o.amount??"0");c=Ce-Ae;break;case"tags":c=(((l=a.tags)==null?void 0:l.map(L=>L.text).join(""))??"").localeCompare(((d=o.tags)==null?void 0:d.map(L=>L.text).join(""))??"");break}return((I=e.sortBy)==null?void 0:I.order)==="desc"&&(c*=-1),c})),t}),de=y(()=>Object.fromEntries(Object.entries(e.filters.multiValue??{}).filter(([t,r])=>r.enabled))),me=y(()=>{var t;return((t=e.filters.dateRange)==null?void 0:t.enabled)||Object.values(e.filters.multiValue??{}).some(r=>r.enabled)}),fe=y(()=>Object.values(s.value).some(t=>t.length>0)||g.value!==0),ve=t=>{var a;const r=t.map(o=>B({id:o}));((a=e.selection)==null?void 0:a.selectionMode)==="single"&&r.length>0&&(u.value=[r.at(0)]),u.value.push(...r),u.value=Array.from(new Set(u.value))},pe=t=>{var r;((r=e.selection)==null?void 0:r.selectionMode)==="single"?u.value=[t]:(u.value.push(t),u.value=Array.from(new Set(u.value))),E("rows-selected",j())},be=t=>{u.value=u.value.filter(r=>r!==t)},B=t=>{const r=e.data.findIndex(a=>a.id===t.id);if(r===-1)throw new Error(`Item with id ${t.id} not found`);return r},ye=()=>{u.value=[]},ge=()=>e.data,he=()=>{T.value=!0},xe=t=>{p.value=t},F=()=>{p.value=null},we=y(()=>{var t;return(t=p.value)!=null&&t.actions?p.value.actions.primary:{label:"Chiudi",onClick:F}}),Ve=y(()=>{var t,r,a,o;return(r=(t=p.value)==null?void 0:t.actions)!=null&&r.secondary?p.value.actions.secondary:(o=(a=p.value)==null?void 0:a.actions)!=null&&o.primary?{label:"Chiudi",onClick:F}:void 0}),_e=y(()=>{var t,r;if((r=(t=p.value)==null?void 0:t.actions)!=null&&r.secondary)return{label:"Chiudi",onClick:F}}),ke=()=>{T.value=!1,s.value={...S.value},D()},Re=()=>{s.value={avatar:"",time:"",mainText:"",secondaryRow:"",tertiaryRow:"",amount:"",tags:""},g.value=0,S.value={avatar:"",time:"",mainText:"",secondaryRow:"",tertiaryRow:"",amount:"",tags:""},D()},D=()=>{e.filters.managed&&E("filters-updated",{freeSearch:e.filters.freeSearch?w.value:void 0,fromDate:e.filters.dateRange?g.value:void 0,multiSelect:s.value})},E=ne;return se({filteredData:k,selectRows:ve,unselectAllRows:ye,getDataRows:ge,getSelectedRows:j,closeItemDetails:F}),(t,r)=>{var a,o,c,b;return n(),m(A,null,[v("div",Ee,[(a=e.selection)!=null&&a.enabled?f("",!0):(n(),m("div",Ne,[v("div",Pe,[e.filters.freeSearch?(n(),R(Be,{key:0,modelValue:w.value,"onUpdate:modelValue":r[0]||(r[0]=i=>w.value=i),placeholder:e.filters.freeSearch.placeholder??"Cerca","leading-icon":{name:"MagnifyingGlassIcon"}},null,8,["modelValue","placeholder"])):f("",!0)]),me.value?(n(),R(Ie,{key:0,badge:fe.value,"badge-color":e.color,icon:{name:"AdjustmentsVerticalIcon"},class:le(e.color==="primary"?"text-primary hover:text-primary-hover hover:bg-primary-light-hover active:bg-primary-light-active":"text-secondary hover:text-secondary-hover hover:bg-secondary-light-hover active:bg-secondary-light-active"),onClick:he},null,8,["badge","badge-color","class"])):f("",!0)])),(o=e.selection)!=null&&o.enabled?(n(),m("div",qe,[v("div",Ge,[x(z,{error:"",variant:"tertiary",type:"button",label:`Elimina (${u.value.length})`,onClick:r[1]||(r[1]=i=>t.$emit("destructive:click",j()))},null,8,["label"])]),v("div",He,[v("span",Je,[e.selection.selectedLabel?(n(),m(A,{key:0},[ae($(e.selection.selectedLabel(u.value.length)),1)],64)):e.selection.selectionMode!=="single"?(n(),m(A,{key:1},[ae($(u.value.length)+" Selezionati",1)],64)):f("",!0)])])])):f("",!0),re(t.$slots,"default"),x(Me,{name:"fade"},{default:M(()=>[v("div",Ke,[e.loading?(n(),R(Ue,{key:0,label:"Caricamento dati...",class:"p-4 absolute bg-neutral-surface w-full","extra-loading-msg-after-seconds":3})):f("",!0)])]),_:1}),ue.value&&t.noItemsCountLabel!==!0&&k.value.length!==0?(n(),m("div",Qe,[v("span",We,$(e.itemsCountLabel?e.itemsCountLabel(k.value.length):`${k.value.length} risultati per la tua ricerca`),1)])):f("",!0),k.value.length>0?(n(),m("ul",Xe,[(n(!0),m(A,null,U(k.value,i=>{var l;return n(),R(Se,$e({ref_for:!0},i,{key:i.id,color:e.color,"model-value":(l=e.selection)!=null&&l.enabled?u.value.includes(B(i)):void 0,"onUpdate:modelValue":d=>d?pe(B(i)):be(B(i)),onClick:()=>{var d;t.$emit("item:click",i),!((d=e.selection)!=null&&d.enabled)&&!e.preventDefaultItemClick&&xe(i)}}),null,16,["color","model-value","onUpdate:modelValue","onClick"])}),128)),re(t.$slots,"after-list")])):!e.loading&&k.value.length===0?(n(),m("div",Ye,[x(ze,{name:"MagnifyingGlassIcon",class:le(["h-8 w-8",e.color==="primary"?"text-primary-active":"text-secondary-active"])},null,8,["class"]),Ze])):f("",!0),(c=e.selection)!=null&&c.enabled?(n(),m("div",et,[x(z,{size:"l",variant:"tertiary",label:"Annulla",onClick:r[2]||(r[2]=i=>t.$emit("selection:exit"))}),(b=e.selection)!=null&&b.bulkActionButton?(n(),R(z,{key:0,variant:e.color,label:e.selection.bulkActionButton.label(u.value.length),disabled:u.value.length===0,size:"l",onClick:r[3]||(r[3]=i=>t.$emit("bulk:click",u.value.map(l=>e.data[l])))},null,8,["variant","label","disabled"])):f("",!0)])):f("",!0)]),x(oe,{size:"xs","is-open":p.value!==null,"header-icon":{name:"AdjustmentsVerticalIcon"},title:"Dettaglio",color:e.color,"primary-action":we.value,"secondary-action":Ve.value,"tertiary-action":_e.value,onClosed:F},{default:M(()=>[p.value?(n(),m("ul",tt,[(n(!0),m(A,null,U(p.value.details,(i,l)=>(n(),m("li",{key:l,class:"flex flex-col gap-1"},[v("span",lt,$(i.label),1),i.value.type==="default"?(n(),m("span",at,$(i.value.text),1)):i.value.type==="tag"?(n(),m("div",rt,[x(Oe,{text:i.value.text,color:i.value.color},null,8,["text","color"])])):i.value.type==="avatar"?(n(),m("div",ot,[x(Le,{label:i.value.label,picture:i.value.picture,size:"sm"},null,8,["label","picture"])])):f("",!0)]))),128))])):f("",!0)]),_:1},8,["is-open","color","primary-action","secondary-action","tertiary-action"]),x(oe,{"is-open":T.value,"onUpdate:isOpen":r[5]||(r[5]=i=>T.value=i),size:"xs","header-icon":{name:"AdjustmentsVerticalIcon"},title:"Filtri",color:e.color,"primary-action":{label:"Applica filtri",onClick:ke},"secondary-action":e.filters.resetButton?{label:"Reset",onClick:Re}:void 0,"tertiary-action":{label:"Chiudi",onClick:()=>{T.value=!1}}},{default:M(()=>{var i;return[v("div",it,[(n(!0),m(A,null,U(de.value,(l,d)=>(n(),R(je,{key:d,modelValue:S.value[d],"onUpdate:modelValue":I=>S.value[d]=I,options:ce.value[d],label:l.label},null,8,["modelValue","onUpdate:modelValue","options","label"]))),128)),(i=e.filters.dateRange)!=null&&i.enabled?(n(),R(De,{key:0,modelValue:g.value,"onUpdate:modelValue":r[4]||(r[4]=l=>g.value=l),label:e.filters.dateRange.label,placeholder:e.filters.dateRange.placeholder,"hidden-error-message":""},null,8,["modelValue","label","placeholder"])):f("",!0)])]}),_:1},8,["is-open","color","primary-action","secondary-action","tertiary-action"])],64)}}});export{xt as default};
+import{defineComponent as Ae,ref as h,watch as Te,computed as b,openBlock as n,createElementBlock as m,Fragment as A,createElementVNode as y,createBlock as _,createCommentVNode as f,normalizeClass as Fe,createVNode as R,createTextVNode as ae,toDisplayString as $,renderSlot as M,withCtx as U,renderList as z,mergeProps as $e}from"vue";import Se from"../ElListItem.vue.esm2.js";import Be from"../forms/ElInputText.vue.esm2.js";import Oe from"../ElIconButton.vue.esm2.js";import E from"../ElButton.vue.esm2.js";import Ie from"../ElTag.vue.esm2.js";import re from"../ElModal.vue.esm2.js";import je from"../forms/ElInputSelect.vue.esm2.js";import De from"../forms/ElInputDate.vue.esm2.js";import Le from"../ElAvatar.vue.esm2.js";import Me from"../_CustomTransition.vue.esm2.js";import Ue from"../ElSpinner.vue.esm2.js";const ze={class:"bg-neutral-surface flex flex-col px-4 pt-2 h-full min-w-80 overflow-auto"},Ee={key:0,class:"flex flex-row items-center gap-4 pb-2"},Ne={class:"flex-grow"},Pe={key:1,class:"py-3 px-4 border-b border-b-neutral-surface grid grid-cols-3"},qe={class:"flex flex-row justify-start items-center"},Ge={class:"flex flex-row justify-center items-center"},He={class:"text-neutral-darker font-normal text-sm"},Je={class:"relative"},Ke={key:2,class:"pt-3 px-4"},Qe={class:"font-semibold text-neutral-darker"},We={key:3,class:"m-0 flex flex-col flex-grow overflow-y-auto h-full"},Xe={key:5,class:"border-t border-t-neutral-surface flex flex-row justify-between py-5 px-4"},Ye={key:0,class:"m-0 flex flex-col gap-5"},Ze={class:"text-neutral-lighter"},et={key:0},tt={key:1},lt={key:2},at={class:"flex flex-col gap-6"},bt=Ae({__name:"ElMobileTable",props:{color:{},filters:{},loading:{type:Boolean},preventDefaultItemClick:{type:Boolean},selection:{},sortBy:{},itemsCountLabel:{type:Function},noItemsCountLabel:{type:Boolean},data:{}},emits:["destructive:click","bulk:click","item:click","selection:exit","rows-selected","filters-updated"],setup(oe,{expose:ie,emit:se}){var P,q,G,H,J,K,Q,W,X,Y,Z,ee,te,le;const e=oe,V=h(""),u=h([]),v=h(null),T=h(!1),g=h(0),I=h(void 0);Te(V,(t,r)=>{I.value&&clearTimeout(I.value),I.value=setTimeout(()=>{r!==t&&D()},500)});const ne=b(()=>V.value.trim().length>0||Object.values(s.value).some(t=>t&&t.trim().length>0)||g.value!==0),j=()=>u.value.map(t=>e.data[t]),w=t=>{var a;const r=(a=V.value)==null?void 0:a.trim();return r?t.split(" ").some(o=>o.toLowerCase().includes(r.toLowerCase())):!0},s=h({avatar:((q=(P=e.filters.multiValue)==null?void 0:P.avatar)==null?void 0:q.initialValue)??"",mainText:((H=(G=e.filters.multiValue)==null?void 0:G.mainText)==null?void 0:H.initialValue)??"",secondaryRow:((K=(J=e.filters.multiValue)==null?void 0:J.secondaryRow)==null?void 0:K.initialValue)??"",tertiaryRow:((W=(Q=e.filters.multiValue)==null?void 0:Q.tertiaryRow)==null?void 0:W.initialValue)??"",amount:((Y=(X=e.filters.multiValue)==null?void 0:X.amount)==null?void 0:Y.initialValue)??"",tags:((ee=(Z=e.filters.multiValue)==null?void 0:Z.tags)==null?void 0:ee.initialValue)??"",time:((le=(te=e.filters.multiValue)==null?void 0:te.time)==null?void 0:le.initialValue)??""}),S=h({...s.value}),x=t=>Array.from(new Set(t)),C=t=>t!==void 0,ue=b(()=>{var t,r,a,o,c,p,i;return{mainText:(t=e.filters.multiValue)!=null&&t.mainText?e.filters.multiValue.mainText.selectOptions??x(e.data.map(l=>l.mainText.label)).map(l=>({value:l,label:l})):[],secondaryRow:(r=e.filters.multiValue)!=null&&r.secondaryRow?e.filters.multiValue.secondaryRow.selectOptions??x(e.data.map(l=>l.secondaryRow).filter(C)).map(l=>({value:l,label:l})):[],tertiaryRow:(a=e.filters.multiValue)!=null&&a.tertiaryRow?e.filters.multiValue.tertiaryRow.selectOptions??x(e.data.map(l=>l.tertiaryRow).filter(C)).map(l=>({value:l,label:l})):[],amount:(o=e.filters.multiValue)!=null&&o.amount?e.filters.multiValue.amount.selectOptions??x(e.data.map(l=>l.amount).filter(C)).map(l=>({value:l,label:l})):[],tags:(c=e.filters.multiValue)!=null&&c.tags?e.filters.multiValue.tags.selectOptions??x(e.data.flatMap(l=>(l.tags??[]).map(d=>d.text).filter(C))).map(l=>({value:l,label:l})):[],time:(p=e.filters.multiValue)!=null&&p.time?e.filters.multiValue.time.selectOptions??x(e.data.map(l=>l.time).filter(C)).map(l=>({value:l,label:l})):[],avatar:(i=e.filters.multiValue)!=null&&i.avatar?e.filters.multiValue.avatar.selectOptions??x(e.data.map(l=>{var d;return(d=l.avatar)==null?void 0:d.label}).filter(C)).map(l=>({value:l,label:l})):[]}}),k=b(()=>{var r;let t=e.data.slice();if(e.filters.managed)return t;if(e.filters.freeSearch&&V.value.trim().length>0){const a=e.filters.freeSearch;t=t.filter(o=>a.filterOn.some(c=>{switch(c){case"avatar":return o.avatar&&o.avatar.label&&w(o.avatar.label);case"time":return o.time&&w(o.time);case"mainText":return o.mainText&&w(o.mainText.label);case"secondaryRow":return o.secondaryRow&&w(o.secondaryRow);case"tertiaryRow":return o.tertiaryRow&&w(o.tertiaryRow);case"amount":return o.amount&&w(o.amount);case"tags":return o.tags&&o.tags.some(p=>w(p.text))}}))}return e.filters.multiValue&&(e.filters.multiValue.mainText&&(t=t.filter(a=>!s.value.mainText||s.value.mainText.length===0||s.value.mainText.includes(a.sortableAndFilterableValue??a.mainText.label))),e.filters.multiValue.secondaryRow&&(t=t.filter(a=>!s.value.secondaryRow||s.value.secondaryRow.length===0||s.value.secondaryRow.includes(a.sortableAndFilterableValue??a.secondaryRow??""))),e.filters.multiValue.tertiaryRow&&(t=t.filter(a=>!s.value.tertiaryRow||s.value.tertiaryRow.length===0||s.value.tertiaryRow.includes(a.sortableAndFilterableValue??a.tertiaryRow??""))),e.filters.multiValue.amount&&(t=t.filter(a=>!s.value.amount||s.value.amount.length===0||s.value.amount.includes(a.sortableAndFilterableValue??a.amount??""))),e.filters.multiValue.tags&&(t=t.filter(a=>{var o;return!s.value.tags||s.value.tags.length===0||((o=a.tags)==null?void 0:o.some(c=>s.value.tags.includes(c.text)))})),e.filters.multiValue.avatar&&(t=t.filter(a=>{var o;return!s.value.avatar||s.value.avatar.length===0||s.value.avatar.includes(a.sortableAndFilterableValue??((o=a.avatar)==null?void 0:o.label)??"")}))),(r=e.filters.dateRange)!=null&&r.enabled&&(t=t.filter(a=>g.value?a.time&&new Date(a.time).getTime()>=g.value:!0)),e.sortBy&&(t=t.sort((a,o)=>{var p,i,l,d,O;let c=0;if(a.sortableAndFilterableValue&&o.sortableAndFilterableValue)c=a.sortableAndFilterableValue.localeCompare(o.sortableAndFilterableValue);else switch(e.sortBy.on){case"mainText":c=a.mainText.label.localeCompare(o.mainText.label);break;case"avatar":c=(((p=a.avatar)==null?void 0:p.label)??"").localeCompare(((i=o.avatar)==null?void 0:i.label)??"");break;case"time":case"secondaryRow":case"tertiaryRow":c=(a[e.sortBy.on]??"").localeCompare(o[e.sortBy.on]??"");break;case"amount":const Re=parseFloat(a.amount??"0"),Ce=parseFloat(o.amount??"0");c=Re-Ce;break;case"tags":c=(((l=a.tags)==null?void 0:l.map(L=>L.text).join(""))??"").localeCompare(((d=o.tags)==null?void 0:d.map(L=>L.text).join(""))??"");break}return((O=e.sortBy)==null?void 0:O.order)==="desc"&&(c*=-1),c})),t}),ce=b(()=>Object.fromEntries(Object.entries(e.filters.multiValue??{}).filter(([t,r])=>r.enabled))),de=b(()=>{var t;return((t=e.filters.dateRange)==null?void 0:t.enabled)||Object.values(e.filters.multiValue??{}).some(r=>r.enabled)}),me=b(()=>Object.values(s.value).some(t=>t.length>0)||g.value!==0),fe=t=>{var a;const r=t.map(o=>B({id:o}));((a=e.selection)==null?void 0:a.selectionMode)==="single"&&r.length>0&&(u.value=[r.at(0)]),u.value.push(...r),u.value=Array.from(new Set(u.value))},ve=t=>{var r;((r=e.selection)==null?void 0:r.selectionMode)==="single"?u.value=[t]:(u.value.push(t),u.value=Array.from(new Set(u.value))),N("rows-selected",j())},pe=t=>{u.value=u.value.filter(r=>r!==t)},B=t=>{const r=e.data.findIndex(a=>a.id===t.id);if(r===-1)throw new Error(`Item with id ${t.id} not found`);return r},be=()=>{u.value=[]},ye=()=>e.data,ge=()=>{T.value=!0},he=t=>{v.value=t},F=()=>{v.value=null},Ve=b(()=>{var t;return(t=v.value)!=null&&t.actions?v.value.actions.primary:{label:"Chiudi",onClick:F}}),we=b(()=>{var t,r,a,o;return(r=(t=v.value)==null?void 0:t.actions)!=null&&r.secondary?v.value.actions.secondary:(o=(a=v.value)==null?void 0:a.actions)!=null&&o.primary?{label:"Chiudi",onClick:F}:void 0}),xe=b(()=>{var t,r;if((r=(t=v.value)==null?void 0:t.actions)!=null&&r.secondary)return{label:"Chiudi",onClick:F}}),ke=()=>{T.value=!1,s.value={...S.value},D()},_e=()=>{s.value={avatar:"",time:"",mainText:"",secondaryRow:"",tertiaryRow:"",amount:"",tags:""},g.value=0,S.value={avatar:"",time:"",mainText:"",secondaryRow:"",tertiaryRow:"",amount:"",tags:""},D()},D=()=>{e.filters.managed&&N("filters-updated",{freeSearch:e.filters.freeSearch?V.value:void 0,fromDate:e.filters.dateRange?g.value:void 0,multiSelect:s.value})},N=se;return ie({filteredData:k,selectRows:fe,unselectAllRows:be,getDataRows:ye,getSelectedRows:j,closeItemDetails:F}),(t,r)=>{var a,o,c,p;return n(),m(A,null,[y("div",ze,[(a=e.selection)!=null&&a.enabled?f("",!0):(n(),m("div",Ee,[y("div",Ne,[e.filters.freeSearch?(n(),_(Be,{key:0,modelValue:V.value,"onUpdate:modelValue":r[0]||(r[0]=i=>V.value=i),placeholder:e.filters.freeSearch.placeholder??"Cerca","leading-icon":{name:"MagnifyingGlassIcon"}},null,8,["modelValue","placeholder"])):f("",!0)]),de.value?(n(),_(Oe,{key:0,badge:me.value,"badge-color":e.color,icon:{name:"AdjustmentsVerticalIcon"},class:Fe(e.color==="primary"?"text-primary hover:text-primary-hover hover:bg-primary-light-hover active:bg-primary-light-active":"text-secondary hover:text-secondary-hover hover:bg-secondary-light-hover active:bg-secondary-light-active"),onClick:ge},null,8,["badge","badge-color","class"])):f("",!0)])),(o=e.selection)!=null&&o.enabled?(n(),m("div",Pe,[y("div",qe,[R(E,{error:"",variant:"tertiary",type:"button",label:`Elimina (${u.value.length})`,onClick:r[1]||(r[1]=i=>t.$emit("destructive:click",j()))},null,8,["label"])]),y("div",Ge,[y("span",He,[e.selection.selectedLabel?(n(),m(A,{key:0},[ae($(e.selection.selectedLabel(u.value.length)),1)],64)):e.selection.selectionMode!=="single"?(n(),m(A,{key:1},[ae($(u.value.length)+" Selezionati",1)],64)):f("",!0)])])])):f("",!0),M(t.$slots,"default"),R(Me,{name:"fade"},{default:U(()=>[y("div",Je,[e.loading?(n(),_(Ue,{key:0,label:"Caricamento dati...",class:"p-4 absolute bg-neutral-surface w-full","extra-loading-msg-after-seconds":3})):f("",!0)])]),_:1}),ne.value&&t.noItemsCountLabel!==!0&&k.value.length!==0?(n(),m("div",Ke,[y("span",Qe,$(e.itemsCountLabel?e.itemsCountLabel(k.value.length):`${k.value.length} risultati per la tua ricerca`),1)])):f("",!0),k.value.length>0?(n(),m("ul",We,[(n(!0),m(A,null,z(k.value,i=>{var l;return n(),_(Se,$e({ref_for:!0},i,{key:i.id,color:e.color,"model-value":(l=e.selection)!=null&&l.enabled?u.value.includes(B(i)):void 0,"onUpdate:modelValue":d=>d?ve(B(i)):pe(B(i)),onClick:()=>{var d;t.$emit("item:click",i),!((d=e.selection)!=null&&d.enabled)&&!e.preventDefaultItemClick&&he(i)}}),null,16,["color","model-value","onUpdate:modelValue","onClick"])}),128)),M(t.$slots,"after-list")])):!e.loading&&k.value.length===0?M(t.$slots,"no-data-message",{key:4}):f("",!0),(c=e.selection)!=null&&c.enabled?(n(),m("div",Xe,[R(E,{size:"l",variant:"tertiary",label:"Annulla",onClick:r[2]||(r[2]=i=>t.$emit("selection:exit"))}),(p=e.selection)!=null&&p.bulkActionButton?(n(),_(E,{key:0,variant:e.color,label:e.selection.bulkActionButton.label(u.value.length),disabled:u.value.length===0,size:"l",onClick:r[3]||(r[3]=i=>t.$emit("bulk:click",u.value.map(l=>e.data[l])))},null,8,["variant","label","disabled"])):f("",!0)])):f("",!0)]),R(re,{size:"xs","is-open":v.value!==null,"header-icon":{name:"AdjustmentsVerticalIcon"},title:"Dettaglio",color:e.color,"primary-action":Ve.value,"secondary-action":we.value,"tertiary-action":xe.value,onClosed:F},{default:U(()=>[v.value?(n(),m("ul",Ye,[(n(!0),m(A,null,z(v.value.details,(i,l)=>(n(),m("li",{key:l,class:"flex flex-col gap-1"},[y("span",Ze,$(i.label),1),i.value.type==="default"?(n(),m("span",et,$(i.value.text),1)):i.value.type==="tag"?(n(),m("div",tt,[R(Ie,{text:i.value.text,color:i.value.color},null,8,["text","color"])])):i.value.type==="avatar"?(n(),m("div",lt,[R(Le,{label:i.value.label,picture:i.value.picture,size:"sm"},null,8,["label","picture"])])):f("",!0)]))),128))])):f("",!0)]),_:1},8,["is-open","color","primary-action","secondary-action","tertiary-action"]),R(re,{"is-open":T.value,"onUpdate:isOpen":r[5]||(r[5]=i=>T.value=i),size:"xs","header-icon":{name:"AdjustmentsVerticalIcon"},title:"Filtri",color:e.color,"primary-action":{label:"Applica filtri",onClick:ke},"secondary-action":e.filters.resetButton?{label:"Reset",onClick:_e}:void 0,"tertiary-action":{label:"Chiudi",onClick:()=>{T.value=!1}}},{default:U(()=>{var i;return[y("div",at,[(n(!0),m(A,null,z(ce.value,(l,d)=>(n(),_(je,{key:d,modelValue:S.value[d],"onUpdate:modelValue":O=>S.value[d]=O,options:ue.value[d],label:l.label},null,8,["modelValue","onUpdate:modelValue","options","label"]))),128)),(i=e.filters.dateRange)!=null&&i.enabled?(n(),_(De,{key:0,modelValue:g.value,"onUpdate:modelValue":r[4]||(r[4]=l=>g.value=l),label:e.filters.dateRange.label,placeholder:e.filters.dateRange.placeholder,"hidden-error-message":""},null,8,["modelValue","label","placeholder"])):f("",!0)])]}),_:1},8,["is-open","color","primary-action","secondary-action","tertiary-action"])],64)}}});export{bt as default};
 //# sourceMappingURL=ElMobileTable.vue.esm2.js.map

package/dist/src/table/ElMobileTable.vue.esm2.js.map

@@ -1 +1 @@
-{"version":3,"file":"ElMobileTable.vue.esm2.js","sources":["../../../src/table/ElMobileTable.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport ElListItem, { ElListItemProps } from '@/ElListItem.vue';\nimport ElInputText from '@/forms/ElInputText.vue';\nimport ElIconButton from '@/ElIconButton.vue';\nimport ElButton, { ElButtonProps } from '@/ElButton.vue';\nimport { computed, ref, watch } from 'vue';\nimport ElTag, { ElTagColor } from '@/ElTag.vue';\nimport ElModal from '@/ElModal.vue';\nimport ElInputSelect from '@/forms/ElInputSelect.vue';\nimport ElInputDate from '@/forms/ElInputDate.vue';\nimport ElAvatar from '@/ElAvatar.vue';\nimport CustomTransition from '@/_CustomTransition.vue';\nimport ElSpinner from '@/ElSpinner.vue';\nimport ElIcon from '@/ElIcon.vue';\nimport { OptionType } from '@/types';\n\nexport type SelectOptions = OptionType[];\n\nexport type MobileTableFiltersStatus = {\n  freeSearch?: string;\n  fromDate?: number;\n  multiSelect: {\n    mainText?: string;\n    secondaryRow?: string;\n    tertiaryRow?: string;\n    tags?: string;\n    time?: string;\n    amount?: string;\n    avatar?: string;\n  };\n};\n\nexport type MobileTableFilter = {\n  freeSearch?: {\n    placeholder?: string;\n    filterOn: ('mainText' | 'secondaryRow' | 'tertiaryRow' | 'amount' | 'tags' | 'time' | 'avatar')[];\n    initialValue?: string;\n  };\n  multiValue?: {\n    mainText?: {\n      enabled: boolean;\n      label: string;\n      selectOptions?: SelectOptions;\n      initialValue?: string;\n    };\n    secondaryRow?: {\n      enabled: boolean;\n      label: string;\n      selectOptions?: SelectOptions;\n      initialValue?: string;\n    };\n    tertiaryRow?: {\n      enabled: boolean;\n      label: string;\n      selectOptions?: SelectOptions;\n      initialValue?: string;\n    };\n    amount?: {\n      enabled: boolean;\n      label: string;\n      selectOptions?: SelectOptions;\n      initialValue?: string;\n    };\n    tags?: {\n      enabled: boolean;\n      label: string;\n      selectOptions?: SelectOptions;\n      initialValue?: string;\n    };\n    time?: {\n      enabled: boolean;\n      label: string;\n      selectOptions?: SelectOptions;\n      initialValue?: string;\n    };\n    avatar?: {\n      enabled: boolean;\n      label: string;\n      selectOptions?: SelectOptions;\n      initialValue?: string;\n    };\n  };\n  dateRange?: {\n    enabled: boolean;\n    label: string;\n    initialValue?: number;\n    placeholder?: string;\n  };\n  resetButton?: boolean;\n  // if true filters won't be applied by the table (used for server side table)\n  managed?: boolean;\n};\n\nexport type MobileTableRow = Omit<ElListItemProps, 'color'> & {\n  id: string;\n  rowNotSelectable?: boolean;\n  relatedObject?: any;\n  clickAction?: (payload: PointerEvent) => void;\n  actions?: {\n    primary: InstanceType<typeof ElButton>['$props'];\n    secondary?: InstanceType<typeof ElButton>['$props'];\n  };\n  sortableAndFilterableValue?: string;\n  details: {\n    label: string;\n    value:\n      | { type?: 'default'; text: string }\n      | { type: 'tag'; text: string; color?: ElTagColor }\n      | { type: 'avatar'; label?: string; picture?: string };\n  }[];\n};\n\nexport interface ElMobileTableProps {\n  color: 'primary' | 'secondary';\n  filters: MobileTableFilter;\n  loading?: boolean;\n  preventDefaultItemClick?: boolean;\n  selection?: {\n    enabled: boolean;\n    selectionMode?: 'single' | 'multiple'; // defaults to multiple\n    destructiveAction?: {\n      enabled: boolean;\n      button: Omit<ElButtonProps, 'variant' | 'type' | 'label' | 'error' | 'onClick'> & { label?: (count: number) => string };\n    };\n    bulkActionButton: Omit<ElButtonProps, 'variant' | 'type' | 'label' | 'error' | 'onClick'> & { label: (count: number) => string };\n    selectedLabel?: (selectionCount: number) => string;\n    cancelText?: (selectionCount: number) => string;\n  };\n  sortBy?: {\n    on: 'mainText' | 'secondaryRow' | 'tertiaryRow' | 'amount' | 'tags' | 'time' | 'avatar';\n    order: 'asc' | 'desc';\n  };\n  itemsCountLabel?: (count: number) => string;\n  noItemsCountLabel?: boolean;\n  data: MobileTableRow[];\n}\n\nconst props = defineProps<ElMobileTableProps>();\n\nconst search = ref<string>('');\nconst selectedItems = ref<number[]>([]);\nconst selectedItemToShow = ref<MobileTableRow | null>(null);\nconst filterModalOpen = ref(false);\nconst filterDateFrom = ref<number>(0);\nconst managedSearchDebounceTimeout = ref<ReturnType<typeof setTimeout> | undefined>(undefined);\n\nwatch(search, (newValue, oldValue) => {\n  if (managedSearchDebounceTimeout.value) {\n    clearTimeout(managedSearchDebounceTimeout.value);\n  }\n  managedSearchDebounceTimeout.value = setTimeout(() => {\n    if (oldValue !== newValue) {\n      emitFiltersUpdated();\n    }\n  }, 500);\n});\n\nconst filtersAreApplied = computed(() => {\n  return (\n    search.value.trim().length > 0 ||\n    Object.values(multiValueFiltersValues.value).some(filter => filter && filter.trim().length > 0) ||\n    filterDateFrom.value !== 0\n  );\n});\n\nconst getSelectedRows = () => selectedItems.value.map(index => props.data[index]);\n\nconst matchesSearch = (value: string): boolean => {\n  const searchText = search.value?.trim();\n  if (!searchText) return true;\n  return value.split(' ').some(part => part.toLowerCase().includes(searchText.toLowerCase()));\n};\n\nconst multiValueFiltersValues = ref<MobileTableFiltersStatus['multiSelect']>({\n  avatar: props.filters.multiValue?.avatar?.initialValue ?? '',\n  mainText: props.filters.multiValue?.mainText?.initialValue ?? '',\n  secondaryRow: props.filters.multiValue?.secondaryRow?.initialValue ?? '',\n  tertiaryRow: props.filters.multiValue?.tertiaryRow?.initialValue ?? '',\n  amount: props.filters.multiValue?.amount?.initialValue ?? '',\n  tags: props.filters.multiValue?.tags?.initialValue ?? '',\n  time: props.filters.multiValue?.time?.initialValue ?? '',\n});\n\nconst multiValueFiltersModalValues = ref<MobileTableFiltersStatus['multiSelect']>({\n  ...multiValueFiltersValues.value,\n});\n\nconst makeArrUnique = (arr: string[]): string[] => Array.from(new Set(arr));\nconst isDefined = <T,>(value: T | undefined): value is T => value !== undefined;\n\nconst multiValueAvailabeOptions = computed<{\n  mainText: SelectOptions;\n  secondaryRow: SelectOptions;\n  tertiaryRow: SelectOptions;\n  amount: SelectOptions;\n  tags: SelectOptions;\n  time: SelectOptions;\n  avatar: SelectOptions;\n}>(() => {\n  return {\n    mainText: props.filters.multiValue?.mainText\n      ? props.filters.multiValue.mainText.selectOptions ??\n        makeArrUnique(props.data.map(item => item.mainText.label)).map(value => ({ value, label: value }))\n      : [],\n    secondaryRow: props.filters.multiValue?.secondaryRow\n      ? props.filters.multiValue.secondaryRow.selectOptions ??\n        makeArrUnique(props.data.map(item => item.secondaryRow).filter(isDefined)).map(value => ({ value, label: value }))\n      : [],\n    tertiaryRow: props.filters.multiValue?.tertiaryRow\n      ? props.filters.multiValue.tertiaryRow.selectOptions ??\n        makeArrUnique(props.data.map(item => item.tertiaryRow).filter(isDefined)).map(value => ({ value, label: value }))\n      : [],\n    amount: props.filters.multiValue?.amount\n      ? props.filters.multiValue.amount.selectOptions ??\n        makeArrUnique(props.data.map(item => item.amount).filter(isDefined)).map(value => ({ value, label: value }))\n      : [],\n    tags: props.filters.multiValue?.tags\n      ? props.filters.multiValue.tags.selectOptions ??\n        makeArrUnique(props.data.flatMap(item => (item.tags ?? []).map(tag => tag.text).filter(isDefined))).map(value => ({\n          value,\n          label: value,\n        }))\n      : [],\n    time: props.filters.multiValue?.time\n      ? props.filters.multiValue.time.selectOptions ??\n        makeArrUnique(props.data.map(item => item.time).filter(isDefined)).map(value => ({ value, label: value }))\n      : [],\n    avatar: props.filters.multiValue?.avatar\n      ? props.filters.multiValue.avatar.selectOptions ??\n        makeArrUnique(props.data.map(item => item.avatar?.label).filter(isDefined)).map(value => ({ value, label: value }))\n      : [],\n  };\n});\n\nconst filteredData = computed(() => {\n  let data = props.data.slice();\n  if (props.filters.managed) return data;\n  if (props.filters.freeSearch && search.value.trim().length > 0) {\n    const searchParams = props.filters.freeSearch;\n    data = data.filter(item =>\n      searchParams.filterOn.some(filter => {\n        switch (filter) {\n          case 'avatar':\n            return item.avatar && item.avatar.label && matchesSearch(item.avatar.label);\n          case 'time':\n            return item.time && matchesSearch(item.time);\n          case 'mainText':\n            return item.mainText && matchesSearch(item.mainText.label);\n          case 'secondaryRow':\n            return item.secondaryRow && matchesSearch(item.secondaryRow);\n          case 'tertiaryRow':\n            return item.tertiaryRow && matchesSearch(item.tertiaryRow);\n          case 'amount':\n            return item.amount && matchesSearch(item.amount);\n          case 'tags':\n            return item.tags && item.tags.some(tag => matchesSearch(tag.text));\n        }\n      }),\n    );\n  }\n\n  if (props.filters.multiValue) {\n    if (props.filters.multiValue.mainText) {\n      data = data.filter(\n        item =>\n          !multiValueFiltersValues.value.mainText ||\n          multiValueFiltersValues.value.mainText.length === 0 ||\n          multiValueFiltersValues.value.mainText.includes(item.sortableAndFilterableValue ?? item.mainText.label),\n      );\n    }\n    if (props.filters.multiValue.secondaryRow) {\n      data = data.filter(\n        item =>\n          !multiValueFiltersValues.value.secondaryRow ||\n          multiValueFiltersValues.value.secondaryRow.length === 0 ||\n          multiValueFiltersValues.value.secondaryRow.includes(item.sortableAndFilterableValue ?? item.secondaryRow ?? ''),\n      );\n    }\n    if (props.filters.multiValue.tertiaryRow) {\n      data = data.filter(\n        item =>\n          !multiValueFiltersValues.value.tertiaryRow ||\n          multiValueFiltersValues.value.tertiaryRow.length === 0 ||\n          multiValueFiltersValues.value.tertiaryRow.includes(item.sortableAndFilterableValue ?? item.tertiaryRow ?? ''),\n      );\n    }\n    if (props.filters.multiValue.amount) {\n      data = data.filter(\n        item =>\n          !multiValueFiltersValues.value.amount ||\n          multiValueFiltersValues.value.amount.length === 0 ||\n          multiValueFiltersValues.value.amount.includes(item.sortableAndFilterableValue ?? item.amount ?? ''),\n      );\n    }\n    if (props.filters.multiValue.tags) {\n      data = data.filter(\n        item =>\n          !multiValueFiltersValues.value.tags ||\n          multiValueFiltersValues.value.tags.length === 0 ||\n          item.tags?.some(tag => multiValueFiltersValues.value.tags!.includes(tag.text)),\n      );\n    }\n    if (props.filters.multiValue.avatar) {\n      data = data.filter(\n        item =>\n          !multiValueFiltersValues.value.avatar ||\n          multiValueFiltersValues.value.avatar.length === 0 ||\n          multiValueFiltersValues.value.avatar.includes(item.sortableAndFilterableValue ?? item.avatar?.label ?? ''),\n      );\n    }\n  }\n\n  if (props.filters.dateRange?.enabled) {\n    data = data.filter(item => {\n      if (!filterDateFrom.value) return true;\n      return item.time && new Date(item.time).getTime() >= filterDateFrom.value;\n    });\n  }\n\n  if (props.sortBy) {\n    data = data.sort((a, b) => {\n      let result = 0;\n      if (a.sortableAndFilterableValue && b.sortableAndFilterableValue) {\n        result = a.sortableAndFilterableValue.localeCompare(b.sortableAndFilterableValue);\n      } else {\n        switch (props.sortBy!.on) {\n          case 'mainText':\n            result = a.mainText.label.localeCompare(b.mainText.label);\n            break;\n          case 'avatar':\n            result = (a.avatar?.label ?? '').localeCompare(b.avatar?.label ?? '');\n            break;\n          case 'time':\n          case 'secondaryRow':\n          case 'tertiaryRow':\n            result = (a[props.sortBy!.on] ?? '').localeCompare(b[props.sortBy!.on] ?? '');\n            break;\n          case 'amount':\n            const numA = parseFloat(a.amount ?? '0');\n            const numB = parseFloat(b.amount ?? '0');\n            result = numA - numB;\n            break;\n          case 'tags':\n            result = (a.tags?.map(tag => tag.text).join('') ?? '').localeCompare(b.tags?.map(tag => tag.text).join('') ?? '');\n            break;\n        }\n      }\n      if (props.sortBy?.order === 'desc') {\n        result *= -1;\n      }\n      return result;\n    });\n  }\n\n  return data;\n});\n\nconst enabledSelectFilters = computed(() => {\n  return Object.fromEntries(Object.entries(props.filters.multiValue ?? {}).filter(([_, filter]) => filter.enabled));\n});\n\nconst showFiltersButton = computed(() => {\n  return props.filters.dateRange?.enabled || Object.values(props.filters.multiValue ?? {}).some(filter => filter.enabled);\n});\n\nconst hasFiltersApplied = computed(() => {\n  return Object.values(multiValueFiltersValues.value).some(filter => filter.length > 0) || filterDateFrom.value !== 0;\n});\n\nconst selectRows = (rowsIds: string[]) => {\n  const indexes = rowsIds.map(id => getItemIndex({ id: id }));\n  if (props.selection?.selectionMode === 'single' && indexes.length > 0) {\n    selectedItems.value = [indexes.at(0)!];\n  }\n  selectedItems.value.push(...indexes);\n  selectedItems.value = Array.from(new Set(selectedItems.value));\n};\n\nconst selectRow = (rowIndex: number) => {\n  if (props.selection?.selectionMode === 'single') {\n    selectedItems.value = [rowIndex];\n  } else {\n    selectedItems.value.push(rowIndex);\n    selectedItems.value = Array.from(new Set(selectedItems.value));\n  }\n  emit('rows-selected', getSelectedRows());\n};\n\nconst deselectRow = (rowIndex: number) => {\n  selectedItems.value = selectedItems.value.filter(index => index !== rowIndex);\n};\n\nconst getItemIndex = (item: { id: string }) => {\n  const idx = props.data.findIndex(i => i.id === item.id);\n  if (idx === -1) throw new Error(`Item with id ${item.id} not found`);\n  return idx;\n};\n\nconst unselectAllRows = () => {\n  selectedItems.value = [];\n};\n\nconst getDataRows = () => props.data;\n\nconst openFiltersModal = () => {\n  filterModalOpen.value = true;\n};\n\nconst showItemDetails = (item: MobileTableRow) => {\n  selectedItemToShow.value = item;\n};\n\nconst closeItemDetails = () => {\n  selectedItemToShow.value = null;\n};\n\nconst detailsPrimaryAction = computed<Omit<InstanceType<typeof ElButton>['$props'], 'error' | 'size' | 'variant'>>(() => {\n  if (selectedItemToShow.value?.actions) {\n    return selectedItemToShow.value.actions.primary;\n  } else {\n    return {\n      label: 'Chiudi',\n      onClick: closeItemDetails,\n    };\n  }\n});\nconst detailsSecondaryAction = computed<Omit<InstanceType<typeof ElButton>['$props'], 'error' | 'size' | 'variant'> | undefined>(() => {\n  if (selectedItemToShow.value?.actions?.secondary) {\n    return selectedItemToShow.value.actions.secondary;\n  } else if (selectedItemToShow.value?.actions?.primary) {\n    return {\n      label: 'Chiudi',\n      onClick: closeItemDetails,\n    };\n  } else {\n    return undefined;\n  }\n});\nconst detailsTertiaryAction = computed<Omit<InstanceType<typeof ElButton>['$props'], 'error' | 'size' | 'variant'> | undefined>(() => {\n  if (selectedItemToShow.value?.actions?.secondary) {\n    return {\n      label: 'Chiudi',\n      onClick: closeItemDetails,\n    };\n  } else {\n    return undefined;\n  }\n});\n\nconst applyFilters = () => {\n  filterModalOpen.value = false;\n  multiValueFiltersValues.value = { ...multiValueFiltersModalValues.value };\n  emitFiltersUpdated();\n};\n\nconst resetFilters = () => {\n  multiValueFiltersValues.value = {\n    avatar: '',\n    time: '',\n    mainText: '',\n    secondaryRow: '',\n    tertiaryRow: '',\n    amount: '',\n    tags: '',\n  };\n  filterDateFrom.value = 0;\n  multiValueFiltersModalValues.value = {\n    avatar: '',\n    time: '',\n    mainText: '',\n    secondaryRow: '',\n    tertiaryRow: '',\n    amount: '',\n    tags: '',\n  };\n  emitFiltersUpdated();\n};\n\nconst emitFiltersUpdated = () => {\n  if (props.filters.managed) {\n    emit('filters-updated', {\n      freeSearch: props.filters.freeSearch ? search.value : undefined,\n      fromDate: props.filters.dateRange ? filterDateFrom.value : undefined,\n      multiSelect: multiValueFiltersValues.value,\n    });\n  }\n};\n\nconst emit = defineEmits<{\n  (event: 'destructive:click', selectedItems: MobileTableRow[]): void;\n  (event: 'bulk:click', selectedItems: MobileTableRow[]): void;\n  (event: 'item:click', item: MobileTableRow): void;\n  (event: 'selection:exit'): void;\n  (event: 'rows-selected', selectedItems: MobileTableRow[]): void;\n  (event: 'filters-updated', filters: MobileTableFiltersStatus): void;\n}>();\n\ndefineExpose({\n  filteredData,\n  selectRows,\n  unselectAllRows,\n  getDataRows,\n  getSelectedRows,\n  closeItemDetails,\n});\n</script>\n\n<template>\n  <div class=\"bg-neutral-surface flex flex-col px-4 pt-2 h-full min-w-80 overflow-auto\">\n    <div v-if=\"!props.selection?.enabled\" class=\"flex flex-row items-center gap-4 pb-2\">\n      <div class=\"flex-grow\">\n        <ElInputText\n          v-if=\"props.filters.freeSearch\"\n          v-model=\"search\"\n          :placeholder=\"props.filters.freeSearch.placeholder ?? 'Cerca'\"\n          :leading-icon=\"{ name: 'MagnifyingGlassIcon' }\"\n        />\n      </div>\n      <ElIconButton\n        v-if=\"showFiltersButton\"\n        :badge=\"hasFiltersApplied\"\n        :badge-color=\"props.color\"\n        :icon=\"{ name: 'AdjustmentsVerticalIcon' }\"\n        :class=\"\n          props.color === 'primary'\n            ? 'text-primary hover:text-primary-hover hover:bg-primary-light-hover active:bg-primary-light-active'\n            : 'text-secondary hover:text-secondary-hover hover:bg-secondary-light-hover active:bg-secondary-light-active'\n        \"\n        @click=\"openFiltersModal\"\n      />\n    </div>\n\n    <div v-if=\"props.selection?.enabled\" class=\"py-3 px-4 border-b border-b-neutral-surface grid grid-cols-3\">\n      <div class=\"flex flex-row justify-start items-center\">\n        <ElButton\n          error\n          variant=\"tertiary\"\n          type=\"button\"\n          :label=\"`Elimina (${selectedItems.length})`\"\n          @click=\"$emit('destructive:click', getSelectedRows())\"\n        />\n      </div>\n      <div class=\"flex flex-row justify-center items-center\">\n        <span class=\"text-neutral-darker font-normal text-sm\">\n          <template v-if=\"props.selection.selectedLabel\">\n            {{ props.selection.selectedLabel(selectedItems.length) }}\n          </template>\n          <template v-else-if=\"props.selection.selectionMode !== 'single'\">{{ selectedItems.length }} Selezionati</template>\n        </span>\n      </div>\n    </div>\n    <slot />\n\n    <CustomTransition name=\"fade\">\n      <div class=\"relative\">\n        <ElSpinner\n          v-if=\"props.loading\"\n          label=\"Caricamento dati...\"\n          class=\"p-4 absolute bg-neutral-surface w-full\"\n          :extra-loading-msg-after-seconds=\"3\"\n        />\n      </div>\n    </CustomTransition>\n\n    <div v-if=\"filtersAreApplied && noItemsCountLabel !== true && filteredData.length !== 0\" class=\"pt-3 px-4\">\n      <span class=\"font-semibold text-neutral-darker\">{{\n        props.itemsCountLabel ? props.itemsCountLabel(filteredData.length) : `${filteredData.length} risultati per la tua ricerca`\n      }}</span>\n    </div>\n\n    <ul v-if=\"filteredData.length > 0\" class=\"m-0 flex flex-col flex-grow overflow-y-auto h-full\">\n      <ElListItem\n        v-for=\"item in filteredData\"\n        v-bind=\"item\"\n        :key=\"item.id\"\n        :color=\"props.color\"\n        :model-value=\"props.selection?.enabled ? selectedItems.includes(getItemIndex(item)) : undefined\"\n        @update:model-value=\"v => (v ? selectRow(getItemIndex(item)) : deselectRow(getItemIndex(item)))\"\n        @click=\"\n          () => {\n            $emit('item:click', item);\n            if (!props.selection?.enabled && !props.preventDefaultItemClick) {\n              showItemDetails(item);\n            }\n          }\n        \"\n      />\n      <slot name=\"after-list\" />\n    </ul>\n\n    <div v-else-if=\"!props.loading && filteredData.length === 0\" class=\"flex flex-grow flex-col justify-start items-center pt-8 px-8 gap-3\">\n      <ElIcon\n        name=\"MagnifyingGlassIcon\"\n        class=\"h-8 w-8\"\n        :class=\"props.color === 'primary' ? 'text-primary-active' : 'text-secondary-active'\"\n      />\n      <div class=\"flex flex-col gap-1 text-center\">\n        <span class=\"text-lg font-semibold text-neutral-darker\">Nessun risultato</span>\n        <p class=\"text-neutral-lighter text-sm\">Non abbiamo trovato risultati per questa ricerca. Prova con altre parole chiave.</p>\n      </div>\n    </div>\n\n    <div v-if=\"props.selection?.enabled\" class=\"border-t border-t-neutral-surface flex flex-row justify-between py-5 px-4\">\n      <ElButton size=\"l\" variant=\"tertiary\" label=\"Annulla\" @click=\"$emit('selection:exit')\" />\n      <ElButton\n        v-if=\"props.selection?.bulkActionButton\"\n        :variant=\"props.color\"\n        :label=\"props.selection.bulkActionButton.label(selectedItems.length)\"\n        :disabled=\"selectedItems.length === 0\"\n        size=\"l\"\n        @click=\"\n          $emit(\n            'bulk:click',\n            selectedItems.map(index => props.data[index]),\n          )\n        \"\n      />\n    </div>\n  </div>\n\n  <ElModal\n    size=\"xs\"\n    :is-open=\"selectedItemToShow !== null\"\n    :header-icon=\"{ name: 'AdjustmentsVerticalIcon' }\"\n    title=\"Dettaglio\"\n    :color=\"props.color\"\n    :primary-action=\"detailsPrimaryAction\"\n    :secondary-action=\"detailsSecondaryAction\"\n    :tertiary-action=\"detailsTertiaryAction\"\n    @closed=\"closeItemDetails\"\n  >\n    <ul v-if=\"selectedItemToShow\" class=\"m-0 flex flex-col gap-5\">\n      <li v-for=\"(item, i) in selectedItemToShow.details\" :key=\"i\" class=\"flex flex-col gap-1\">\n        <span class=\"text-neutral-lighter\">{{ item.label }}</span>\n        <span v-if=\"item.value.type === 'default'\">{{ item.value.text }}</span>\n        <div v-else-if=\"item.value.type === 'tag'\">\n          <ElTag :text=\"item.value.text\" :color=\"item.value.color\" />\n        </div>\n        <div v-else-if=\"item.value.type === 'avatar'\">\n          <ElAvatar :label=\"item.value.label\" :picture=\"item.value.picture\" size=\"sm\" />\n        </div>\n      </li>\n    </ul>\n  </ElModal>\n\n  <ElModal\n    v-model:is-open=\"filterModalOpen\"\n    size=\"xs\"\n    :header-icon=\"{ name: 'AdjustmentsVerticalIcon' }\"\n    title=\"Filtri\"\n    :color=\"props.color\"\n    :primary-action=\"{\n      label: 'Applica filtri',\n      onClick: applyFilters,\n    }\"\n    :secondary-action=\"props.filters.resetButton ? { label: 'Reset', onClick: resetFilters } : undefined\"\n    :tertiary-action=\"{\n      label: 'Chiudi',\n      onClick: () => {\n        filterModalOpen = false;\n      },\n    }\"\n  >\n    <div class=\"flex flex-col gap-6\">\n      <ElInputSelect\n        v-for=\"(filter, key) in enabledSelectFilters\"\n        :key=\"key\"\n        v-model=\"multiValueFiltersModalValues[key as keyof typeof multiValueFiltersModalValues]\"\n        :options=\"multiValueAvailabeOptions[key as keyof typeof multiValueAvailabeOptions]\"\n        :label=\"filter.label\"\n      />\n      <ElInputDate\n        v-if=\"props.filters.dateRange?.enabled\"\n        v-model=\"filterDateFrom\"\n        :label=\"props.filters.dateRange.label\"\n        :placeholder=\"props.filters.dateRange.placeholder\"\n        hidden-error-message\n      />\n    </div>\n  </ElModal>\n</template>\n"],"names":["props","__props","search","ref","selectedItems","selectedItemToShow","filterModalOpen","filterDateFrom","managedSearchDebounceTimeout","watch","newValue","oldValue","emitFiltersUpdated","filtersAreApplied","computed","multiValueFiltersValues","filter","getSelectedRows","index","matchesSearch","value","searchText","_a","part","_b","_d","_c","_f","_e","_h","_g","_j","_i","_l","_k","_n","_m","multiValueFiltersModalValues","makeArrUnique","arr","isDefined","multiValueAvailabeOptions","item","tag","filteredData","data","searchParams","b","result","numA","numB","enabledSelectFilters","_","showFiltersButton","hasFiltersApplied","selectRows","rowsIds","indexes","id","getItemIndex","selectRow","rowIndex","emit","deselectRow","idx","i","unselectAllRows","getDataRows","openFiltersModal","showItemDetails","closeItemDetails","detailsPrimaryAction","detailsSecondaryAction","detailsTertiaryAction","applyFilters","resetFilters","__emit","__expose"],"mappings":"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"}
+{"version":3,"file":"ElMobileTable.vue.esm2.js","sources":["../../../src/table/ElMobileTable.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport ElListItem, { ElListItemProps } from '@/ElListItem.vue';\nimport ElInputText from '@/forms/ElInputText.vue';\nimport ElIconButton from '@/ElIconButton.vue';\nimport ElButton, { ElButtonProps } from '@/ElButton.vue';\nimport { computed, ref, watch } from 'vue';\nimport ElTag, { ElTagColor } from '@/ElTag.vue';\nimport ElModal from '@/ElModal.vue';\nimport ElInputSelect from '@/forms/ElInputSelect.vue';\nimport ElInputDate from '@/forms/ElInputDate.vue';\nimport ElAvatar from '@/ElAvatar.vue';\nimport CustomTransition from '@/_CustomTransition.vue';\nimport ElSpinner from '@/ElSpinner.vue';\nimport { OptionType } from '@/types';\n\nexport type SelectOptions = OptionType[];\n\nexport type MobileTableFiltersStatus = {\n  freeSearch?: string;\n  fromDate?: number;\n  multiSelect: {\n    mainText?: string;\n    secondaryRow?: string;\n    tertiaryRow?: string;\n    tags?: string;\n    time?: string;\n    amount?: string;\n    avatar?: string;\n  };\n};\n\nexport type MobileTableFilter = {\n  freeSearch?: {\n    placeholder?: string;\n    filterOn: ('mainText' | 'secondaryRow' | 'tertiaryRow' | 'amount' | 'tags' | 'time' | 'avatar')[];\n    initialValue?: string;\n  };\n  multiValue?: {\n    mainText?: {\n      enabled: boolean;\n      label: string;\n      selectOptions?: SelectOptions;\n      initialValue?: string;\n    };\n    secondaryRow?: {\n      enabled: boolean;\n      label: string;\n      selectOptions?: SelectOptions;\n      initialValue?: string;\n    };\n    tertiaryRow?: {\n      enabled: boolean;\n      label: string;\n      selectOptions?: SelectOptions;\n      initialValue?: string;\n    };\n    amount?: {\n      enabled: boolean;\n      label: string;\n      selectOptions?: SelectOptions;\n      initialValue?: string;\n    };\n    tags?: {\n      enabled: boolean;\n      label: string;\n      selectOptions?: SelectOptions;\n      initialValue?: string;\n    };\n    time?: {\n      enabled: boolean;\n      label: string;\n      selectOptions?: SelectOptions;\n      initialValue?: string;\n    };\n    avatar?: {\n      enabled: boolean;\n      label: string;\n      selectOptions?: SelectOptions;\n      initialValue?: string;\n    };\n  };\n  dateRange?: {\n    enabled: boolean;\n    label: string;\n    initialValue?: number;\n    placeholder?: string;\n  };\n  resetButton?: boolean;\n  // if true filters won't be applied by the table (used for server side table)\n  managed?: boolean;\n};\n\nexport type MobileTableRow = Omit<ElListItemProps, 'color'> & {\n  id: string;\n  rowNotSelectable?: boolean;\n  relatedObject?: any;\n  clickAction?: (payload: PointerEvent) => void;\n  actions?: {\n    primary: InstanceType<typeof ElButton>['$props'];\n    secondary?: InstanceType<typeof ElButton>['$props'];\n  };\n  sortableAndFilterableValue?: string;\n  details: {\n    label: string;\n    value:\n      | { type?: 'default'; text: string }\n      | { type: 'tag'; text: string; color?: ElTagColor }\n      | { type: 'avatar'; label?: string; picture?: string };\n  }[];\n};\n\nexport interface ElMobileTableProps {\n  color: 'primary' | 'secondary';\n  filters: MobileTableFilter;\n  loading?: boolean;\n  preventDefaultItemClick?: boolean;\n  selection?: {\n    enabled: boolean;\n    selectionMode?: 'single' | 'multiple'; // defaults to multiple\n    destructiveAction?: {\n      enabled: boolean;\n      button: Omit<ElButtonProps, 'variant' | 'type' | 'label' | 'error' | 'onClick'> & { label?: (count: number) => string };\n    };\n    bulkActionButton: Omit<ElButtonProps, 'variant' | 'type' | 'label' | 'error' | 'onClick'> & { label: (count: number) => string };\n    selectedLabel?: (selectionCount: number) => string;\n    cancelText?: (selectionCount: number) => string;\n  };\n  sortBy?: {\n    on: 'mainText' | 'secondaryRow' | 'tertiaryRow' | 'amount' | 'tags' | 'time' | 'avatar';\n    order: 'asc' | 'desc';\n  };\n  itemsCountLabel?: (count: number) => string;\n  noItemsCountLabel?: boolean;\n  data: MobileTableRow[];\n}\n\nconst props = defineProps<ElMobileTableProps>();\n\nconst search = ref<string>('');\nconst selectedItems = ref<number[]>([]);\nconst selectedItemToShow = ref<MobileTableRow | null>(null);\nconst filterModalOpen = ref(false);\nconst filterDateFrom = ref<number>(0);\nconst managedSearchDebounceTimeout = ref<ReturnType<typeof setTimeout> | undefined>(undefined);\n\nwatch(search, (newValue, oldValue) => {\n  if (managedSearchDebounceTimeout.value) {\n    clearTimeout(managedSearchDebounceTimeout.value);\n  }\n  managedSearchDebounceTimeout.value = setTimeout(() => {\n    if (oldValue !== newValue) {\n      emitFiltersUpdated();\n    }\n  }, 500);\n});\n\nconst filtersAreApplied = computed(() => {\n  return (\n    search.value.trim().length > 0 ||\n    Object.values(multiValueFiltersValues.value).some(filter => filter && filter.trim().length > 0) ||\n    filterDateFrom.value !== 0\n  );\n});\n\nconst getSelectedRows = () => selectedItems.value.map(index => props.data[index]);\n\nconst matchesSearch = (value: string): boolean => {\n  const searchText = search.value?.trim();\n  if (!searchText) return true;\n  return value.split(' ').some(part => part.toLowerCase().includes(searchText.toLowerCase()));\n};\n\nconst multiValueFiltersValues = ref<MobileTableFiltersStatus['multiSelect']>({\n  avatar: props.filters.multiValue?.avatar?.initialValue ?? '',\n  mainText: props.filters.multiValue?.mainText?.initialValue ?? '',\n  secondaryRow: props.filters.multiValue?.secondaryRow?.initialValue ?? '',\n  tertiaryRow: props.filters.multiValue?.tertiaryRow?.initialValue ?? '',\n  amount: props.filters.multiValue?.amount?.initialValue ?? '',\n  tags: props.filters.multiValue?.tags?.initialValue ?? '',\n  time: props.filters.multiValue?.time?.initialValue ?? '',\n});\n\nconst multiValueFiltersModalValues = ref<MobileTableFiltersStatus['multiSelect']>({\n  ...multiValueFiltersValues.value,\n});\n\nconst makeArrUnique = (arr: string[]): string[] => Array.from(new Set(arr));\nconst isDefined = <T,>(value: T | undefined): value is T => value !== undefined;\n\nconst multiValueAvailabeOptions = computed<{\n  mainText: SelectOptions;\n  secondaryRow: SelectOptions;\n  tertiaryRow: SelectOptions;\n  amount: SelectOptions;\n  tags: SelectOptions;\n  time: SelectOptions;\n  avatar: SelectOptions;\n}>(() => {\n  return {\n    mainText: props.filters.multiValue?.mainText\n      ? props.filters.multiValue.mainText.selectOptions ??\n        makeArrUnique(props.data.map(item => item.mainText.label)).map(value => ({ value, label: value }))\n      : [],\n    secondaryRow: props.filters.multiValue?.secondaryRow\n      ? props.filters.multiValue.secondaryRow.selectOptions ??\n        makeArrUnique(props.data.map(item => item.secondaryRow).filter(isDefined)).map(value => ({ value, label: value }))\n      : [],\n    tertiaryRow: props.filters.multiValue?.tertiaryRow\n      ? props.filters.multiValue.tertiaryRow.selectOptions ??\n        makeArrUnique(props.data.map(item => item.tertiaryRow).filter(isDefined)).map(value => ({ value, label: value }))\n      : [],\n    amount: props.filters.multiValue?.amount\n      ? props.filters.multiValue.amount.selectOptions ??\n        makeArrUnique(props.data.map(item => item.amount).filter(isDefined)).map(value => ({ value, label: value }))\n      : [],\n    tags: props.filters.multiValue?.tags\n      ? props.filters.multiValue.tags.selectOptions ??\n        makeArrUnique(props.data.flatMap(item => (item.tags ?? []).map(tag => tag.text).filter(isDefined))).map(value => ({\n          value,\n          label: value,\n        }))\n      : [],\n    time: props.filters.multiValue?.time\n      ? props.filters.multiValue.time.selectOptions ??\n        makeArrUnique(props.data.map(item => item.time).filter(isDefined)).map(value => ({ value, label: value }))\n      : [],\n    avatar: props.filters.multiValue?.avatar\n      ? props.filters.multiValue.avatar.selectOptions ??\n        makeArrUnique(props.data.map(item => item.avatar?.label).filter(isDefined)).map(value => ({ value, label: value }))\n      : [],\n  };\n});\n\nconst filteredData = computed(() => {\n  let data = props.data.slice();\n  if (props.filters.managed) return data;\n  if (props.filters.freeSearch && search.value.trim().length > 0) {\n    const searchParams = props.filters.freeSearch;\n    data = data.filter(item =>\n      searchParams.filterOn.some(filter => {\n        switch (filter) {\n          case 'avatar':\n            return item.avatar && item.avatar.label && matchesSearch(item.avatar.label);\n          case 'time':\n            return item.time && matchesSearch(item.time);\n          case 'mainText':\n            return item.mainText && matchesSearch(item.mainText.label);\n          case 'secondaryRow':\n            return item.secondaryRow && matchesSearch(item.secondaryRow);\n          case 'tertiaryRow':\n            return item.tertiaryRow && matchesSearch(item.tertiaryRow);\n          case 'amount':\n            return item.amount && matchesSearch(item.amount);\n          case 'tags':\n            return item.tags && item.tags.some(tag => matchesSearch(tag.text));\n        }\n      }),\n    );\n  }\n\n  if (props.filters.multiValue) {\n    if (props.filters.multiValue.mainText) {\n      data = data.filter(\n        item =>\n          !multiValueFiltersValues.value.mainText ||\n          multiValueFiltersValues.value.mainText.length === 0 ||\n          multiValueFiltersValues.value.mainText.includes(item.sortableAndFilterableValue ?? item.mainText.label),\n      );\n    }\n    if (props.filters.multiValue.secondaryRow) {\n      data = data.filter(\n        item =>\n          !multiValueFiltersValues.value.secondaryRow ||\n          multiValueFiltersValues.value.secondaryRow.length === 0 ||\n          multiValueFiltersValues.value.secondaryRow.includes(item.sortableAndFilterableValue ?? item.secondaryRow ?? ''),\n      );\n    }\n    if (props.filters.multiValue.tertiaryRow) {\n      data = data.filter(\n        item =>\n          !multiValueFiltersValues.value.tertiaryRow ||\n          multiValueFiltersValues.value.tertiaryRow.length === 0 ||\n          multiValueFiltersValues.value.tertiaryRow.includes(item.sortableAndFilterableValue ?? item.tertiaryRow ?? ''),\n      );\n    }\n    if (props.filters.multiValue.amount) {\n      data = data.filter(\n        item =>\n          !multiValueFiltersValues.value.amount ||\n          multiValueFiltersValues.value.amount.length === 0 ||\n          multiValueFiltersValues.value.amount.includes(item.sortableAndFilterableValue ?? item.amount ?? ''),\n      );\n    }\n    if (props.filters.multiValue.tags) {\n      data = data.filter(\n        item =>\n          !multiValueFiltersValues.value.tags ||\n          multiValueFiltersValues.value.tags.length === 0 ||\n          item.tags?.some(tag => multiValueFiltersValues.value.tags!.includes(tag.text)),\n      );\n    }\n    if (props.filters.multiValue.avatar) {\n      data = data.filter(\n        item =>\n          !multiValueFiltersValues.value.avatar ||\n          multiValueFiltersValues.value.avatar.length === 0 ||\n          multiValueFiltersValues.value.avatar.includes(item.sortableAndFilterableValue ?? item.avatar?.label ?? ''),\n      );\n    }\n  }\n\n  if (props.filters.dateRange?.enabled) {\n    data = data.filter(item => {\n      if (!filterDateFrom.value) return true;\n      return item.time && new Date(item.time).getTime() >= filterDateFrom.value;\n    });\n  }\n\n  if (props.sortBy) {\n    data = data.sort((a, b) => {\n      let result = 0;\n      if (a.sortableAndFilterableValue && b.sortableAndFilterableValue) {\n        result = a.sortableAndFilterableValue.localeCompare(b.sortableAndFilterableValue);\n      } else {\n        switch (props.sortBy!.on) {\n          case 'mainText':\n            result = a.mainText.label.localeCompare(b.mainText.label);\n            break;\n          case 'avatar':\n            result = (a.avatar?.label ?? '').localeCompare(b.avatar?.label ?? '');\n            break;\n          case 'time':\n          case 'secondaryRow':\n          case 'tertiaryRow':\n            result = (a[props.sortBy!.on] ?? '').localeCompare(b[props.sortBy!.on] ?? '');\n            break;\n          case 'amount':\n            const numA = parseFloat(a.amount ?? '0');\n            const numB = parseFloat(b.amount ?? '0');\n            result = numA - numB;\n            break;\n          case 'tags':\n            result = (a.tags?.map(tag => tag.text).join('') ?? '').localeCompare(b.tags?.map(tag => tag.text).join('') ?? '');\n            break;\n        }\n      }\n      if (props.sortBy?.order === 'desc') {\n        result *= -1;\n      }\n      return result;\n    });\n  }\n\n  return data;\n});\n\nconst enabledSelectFilters = computed(() => {\n  return Object.fromEntries(Object.entries(props.filters.multiValue ?? {}).filter(([_, filter]) => filter.enabled));\n});\n\nconst showFiltersButton = computed(() => {\n  return props.filters.dateRange?.enabled || Object.values(props.filters.multiValue ?? {}).some(filter => filter.enabled);\n});\n\nconst hasFiltersApplied = computed(() => {\n  return Object.values(multiValueFiltersValues.value).some(filter => filter.length > 0) || filterDateFrom.value !== 0;\n});\n\nconst selectRows = (rowsIds: string[]) => {\n  const indexes = rowsIds.map(id => getItemIndex({ id: id }));\n  if (props.selection?.selectionMode === 'single' && indexes.length > 0) {\n    selectedItems.value = [indexes.at(0)!];\n  }\n  selectedItems.value.push(...indexes);\n  selectedItems.value = Array.from(new Set(selectedItems.value));\n};\n\nconst selectRow = (rowIndex: number) => {\n  if (props.selection?.selectionMode === 'single') {\n    selectedItems.value = [rowIndex];\n  } else {\n    selectedItems.value.push(rowIndex);\n    selectedItems.value = Array.from(new Set(selectedItems.value));\n  }\n  emit('rows-selected', getSelectedRows());\n};\n\nconst deselectRow = (rowIndex: number) => {\n  selectedItems.value = selectedItems.value.filter(index => index !== rowIndex);\n};\n\nconst getItemIndex = (item: { id: string }) => {\n  const idx = props.data.findIndex(i => i.id === item.id);\n  if (idx === -1) throw new Error(`Item with id ${item.id} not found`);\n  return idx;\n};\n\nconst unselectAllRows = () => {\n  selectedItems.value = [];\n};\n\nconst getDataRows = () => props.data;\n\nconst openFiltersModal = () => {\n  filterModalOpen.value = true;\n};\n\nconst showItemDetails = (item: MobileTableRow) => {\n  selectedItemToShow.value = item;\n};\n\nconst closeItemDetails = () => {\n  selectedItemToShow.value = null;\n};\n\nconst detailsPrimaryAction = computed<Omit<InstanceType<typeof ElButton>['$props'], 'error' | 'size' | 'variant'>>(() => {\n  if (selectedItemToShow.value?.actions) {\n    return selectedItemToShow.value.actions.primary;\n  } else {\n    return {\n      label: 'Chiudi',\n      onClick: closeItemDetails,\n    };\n  }\n});\nconst detailsSecondaryAction = computed<Omit<InstanceType<typeof ElButton>['$props'], 'error' | 'size' | 'variant'> | undefined>(() => {\n  if (selectedItemToShow.value?.actions?.secondary) {\n    return selectedItemToShow.value.actions.secondary;\n  } else if (selectedItemToShow.value?.actions?.primary) {\n    return {\n      label: 'Chiudi',\n      onClick: closeItemDetails,\n    };\n  } else {\n    return undefined;\n  }\n});\nconst detailsTertiaryAction = computed<Omit<InstanceType<typeof ElButton>['$props'], 'error' | 'size' | 'variant'> | undefined>(() => {\n  if (selectedItemToShow.value?.actions?.secondary) {\n    return {\n      label: 'Chiudi',\n      onClick: closeItemDetails,\n    };\n  } else {\n    return undefined;\n  }\n});\n\nconst applyFilters = () => {\n  filterModalOpen.value = false;\n  multiValueFiltersValues.value = { ...multiValueFiltersModalValues.value };\n  emitFiltersUpdated();\n};\n\nconst resetFilters = () => {\n  multiValueFiltersValues.value = {\n    avatar: '',\n    time: '',\n    mainText: '',\n    secondaryRow: '',\n    tertiaryRow: '',\n    amount: '',\n    tags: '',\n  };\n  filterDateFrom.value = 0;\n  multiValueFiltersModalValues.value = {\n    avatar: '',\n    time: '',\n    mainText: '',\n    secondaryRow: '',\n    tertiaryRow: '',\n    amount: '',\n    tags: '',\n  };\n  emitFiltersUpdated();\n};\n\nconst emitFiltersUpdated = () => {\n  if (props.filters.managed) {\n    emit('filters-updated', {\n      freeSearch: props.filters.freeSearch ? search.value : undefined,\n      fromDate: props.filters.dateRange ? filterDateFrom.value : undefined,\n      multiSelect: multiValueFiltersValues.value,\n    });\n  }\n};\n\nconst emit = defineEmits<{\n  (event: 'destructive:click', selectedItems: MobileTableRow[]): void;\n  (event: 'bulk:click', selectedItems: MobileTableRow[]): void;\n  (event: 'item:click', item: MobileTableRow): void;\n  (event: 'selection:exit'): void;\n  (event: 'rows-selected', selectedItems: MobileTableRow[]): void;\n  (event: 'filters-updated', filters: MobileTableFiltersStatus): void;\n}>();\n\ndefineExpose({\n  filteredData,\n  selectRows,\n  unselectAllRows,\n  getDataRows,\n  getSelectedRows,\n  closeItemDetails,\n});\n</script>\n\n<template>\n  <div class=\"bg-neutral-surface flex flex-col px-4 pt-2 h-full min-w-80 overflow-auto\">\n    <div v-if=\"!props.selection?.enabled\" class=\"flex flex-row items-center gap-4 pb-2\">\n      <div class=\"flex-grow\">\n        <ElInputText\n          v-if=\"props.filters.freeSearch\"\n          v-model=\"search\"\n          :placeholder=\"props.filters.freeSearch.placeholder ?? 'Cerca'\"\n          :leading-icon=\"{ name: 'MagnifyingGlassIcon' }\"\n        />\n      </div>\n      <ElIconButton\n        v-if=\"showFiltersButton\"\n        :badge=\"hasFiltersApplied\"\n        :badge-color=\"props.color\"\n        :icon=\"{ name: 'AdjustmentsVerticalIcon' }\"\n        :class=\"\n          props.color === 'primary'\n            ? 'text-primary hover:text-primary-hover hover:bg-primary-light-hover active:bg-primary-light-active'\n            : 'text-secondary hover:text-secondary-hover hover:bg-secondary-light-hover active:bg-secondary-light-active'\n        \"\n        @click=\"openFiltersModal\"\n      />\n    </div>\n\n    <div v-if=\"props.selection?.enabled\" class=\"py-3 px-4 border-b border-b-neutral-surface grid grid-cols-3\">\n      <div class=\"flex flex-row justify-start items-center\">\n        <ElButton\n          error\n          variant=\"tertiary\"\n          type=\"button\"\n          :label=\"`Elimina (${selectedItems.length})`\"\n          @click=\"$emit('destructive:click', getSelectedRows())\"\n        />\n      </div>\n      <div class=\"flex flex-row justify-center items-center\">\n        <span class=\"text-neutral-darker font-normal text-sm\">\n          <template v-if=\"props.selection.selectedLabel\">\n            {{ props.selection.selectedLabel(selectedItems.length) }}\n          </template>\n          <template v-else-if=\"props.selection.selectionMode !== 'single'\">{{ selectedItems.length }} Selezionati</template>\n        </span>\n      </div>\n    </div>\n    <slot />\n\n    <CustomTransition name=\"fade\">\n      <div class=\"relative\">\n        <ElSpinner\n          v-if=\"props.loading\"\n          label=\"Caricamento dati...\"\n          class=\"p-4 absolute bg-neutral-surface w-full\"\n          :extra-loading-msg-after-seconds=\"3\"\n        />\n      </div>\n    </CustomTransition>\n\n    <div v-if=\"filtersAreApplied && noItemsCountLabel !== true && filteredData.length !== 0\" class=\"pt-3 px-4\">\n      <span class=\"font-semibold text-neutral-darker\">{{\n        props.itemsCountLabel ? props.itemsCountLabel(filteredData.length) : `${filteredData.length} risultati per la tua ricerca`\n      }}</span>\n    </div>\n\n    <ul v-if=\"filteredData.length > 0\" class=\"m-0 flex flex-col flex-grow overflow-y-auto h-full\">\n      <ElListItem\n        v-for=\"item in filteredData\"\n        v-bind=\"item\"\n        :key=\"item.id\"\n        :color=\"props.color\"\n        :model-value=\"props.selection?.enabled ? selectedItems.includes(getItemIndex(item)) : undefined\"\n        @update:model-value=\"v => (v ? selectRow(getItemIndex(item)) : deselectRow(getItemIndex(item)))\"\n        @click=\"\n          () => {\n            $emit('item:click', item);\n            if (!props.selection?.enabled && !props.preventDefaultItemClick) {\n              showItemDetails(item);\n            }\n          }\n        \"\n      />\n      <slot name=\"after-list\" />\n    </ul>\n\n    <slot v-else-if=\"!props.loading && filteredData.length === 0\" name=\"no-data-message\" />\n\n    <div v-if=\"props.selection?.enabled\" class=\"border-t border-t-neutral-surface flex flex-row justify-between py-5 px-4\">\n      <ElButton size=\"l\" variant=\"tertiary\" label=\"Annulla\" @click=\"$emit('selection:exit')\" />\n      <ElButton\n        v-if=\"props.selection?.bulkActionButton\"\n        :variant=\"props.color\"\n        :label=\"props.selection.bulkActionButton.label(selectedItems.length)\"\n        :disabled=\"selectedItems.length === 0\"\n        size=\"l\"\n        @click=\"\n          $emit(\n            'bulk:click',\n            selectedItems.map(index => props.data[index]),\n          )\n        \"\n      />\n    </div>\n  </div>\n\n  <ElModal\n    size=\"xs\"\n    :is-open=\"selectedItemToShow !== null\"\n    :header-icon=\"{ name: 'AdjustmentsVerticalIcon' }\"\n    title=\"Dettaglio\"\n    :color=\"props.color\"\n    :primary-action=\"detailsPrimaryAction\"\n    :secondary-action=\"detailsSecondaryAction\"\n    :tertiary-action=\"detailsTertiaryAction\"\n    @closed=\"closeItemDetails\"\n  >\n    <ul v-if=\"selectedItemToShow\" class=\"m-0 flex flex-col gap-5\">\n      <li v-for=\"(item, i) in selectedItemToShow.details\" :key=\"i\" class=\"flex flex-col gap-1\">\n        <span class=\"text-neutral-lighter\">{{ item.label }}</span>\n        <span v-if=\"item.value.type === 'default'\">{{ item.value.text }}</span>\n        <div v-else-if=\"item.value.type === 'tag'\">\n          <ElTag :text=\"item.value.text\" :color=\"item.value.color\" />\n        </div>\n        <div v-else-if=\"item.value.type === 'avatar'\">\n          <ElAvatar :label=\"item.value.label\" :picture=\"item.value.picture\" size=\"sm\" />\n        </div>\n      </li>\n    </ul>\n  </ElModal>\n\n  <ElModal\n    v-model:is-open=\"filterModalOpen\"\n    size=\"xs\"\n    :header-icon=\"{ name: 'AdjustmentsVerticalIcon' }\"\n    title=\"Filtri\"\n    :color=\"props.color\"\n    :primary-action=\"{\n      label: 'Applica filtri',\n      onClick: applyFilters,\n    }\"\n    :secondary-action=\"props.filters.resetButton ? { label: 'Reset', onClick: resetFilters } : undefined\"\n    :tertiary-action=\"{\n      label: 'Chiudi',\n      onClick: () => {\n        filterModalOpen = false;\n      },\n    }\"\n  >\n    <div class=\"flex flex-col gap-6\">\n      <ElInputSelect\n        v-for=\"(filter, key) in enabledSelectFilters\"\n        :key=\"key\"\n        v-model=\"multiValueFiltersModalValues[key as keyof typeof multiValueFiltersModalValues]\"\n        :options=\"multiValueAvailabeOptions[key as keyof typeof multiValueAvailabeOptions]\"\n        :label=\"filter.label\"\n      />\n      <ElInputDate\n        v-if=\"props.filters.dateRange?.enabled\"\n        v-model=\"filterDateFrom\"\n        :label=\"props.filters.dateRange.label\"\n        :placeholder=\"props.filters.dateRange.placeholder\"\n        hidden-error-message\n      />\n    </div>\n  </ElModal>\n</template>\n"],"names":["props","__props","search","ref","selectedItems","selectedItemToShow","filterModalOpen","filterDateFrom","managedSearchDebounceTimeout","watch","newValue","oldValue","emitFiltersUpdated","filtersAreApplied","computed","multiValueFiltersValues","filter","getSelectedRows","index","matchesSearch","value","searchText","_a","part","_b","_d","_c","_f","_e","_h","_g","_j","_i","_l","_k","_n","_m","multiValueFiltersModalValues","makeArrUnique","arr","isDefined","multiValueAvailabeOptions","item","tag","filteredData","data","searchParams","b","result","numA","numB","enabledSelectFilters","_","showFiltersButton","hasFiltersApplied","selectRows","rowsIds","indexes","id","getItemIndex","selectRow","rowIndex","emit","deselectRow","idx","i","unselectAllRows","getDataRows","openFiltersModal","showItemDetails","closeItemDetails","detailsPrimaryAction","detailsSecondaryAction","detailsTertiaryAction","applyFilters","resetFilters","__emit","__expose"],"mappings":"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"}

package/dist/src/table/ElServerSideMobileTable.vue.cjs2.js

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const t=require("vue"),R=require("./ElMobileTable.vue.cjs2.js"),b=t.defineComponent({__name:"ElServerSideMobileTable",props:{selection:{},color:{},preventDefaultItemClick:{type:Boolean},filters:{},dataController:{type:Function}},emits:["bulk:click","destructive:click","selection:exit","rows-selected","item:click"],setup(g,{expose:S}){const r=t.ref(!1),a=g,n=t.ref([]),v=t.ref(1),u=t.ref(void 0),c=t.ref({freeSearch:"",fromDate:0,multiSelect:{avatar:"",mainText:"",secondaryRow:"",tertiaryRow:"",amount:"",tags:"",time:""}}),k=()=>{r.value=!0,a.dataController({paginationStatus:{currentPage:v.value+1},filterStatus:c.value,triggeredEvent:"paginate"}).then(e=>{n.value.push(...e.data),u.value=e.totalRows}).finally(()=>{t.nextTick(()=>t.nextTick(()=>{r.value=!1})),v.value+=1})},d=e=>(r.value=!0,v.value=0,n.value=[],a.dataController({paginationStatus:{currentPage:0},filterStatus:c.value,triggeredEvent:e}).then(l=>{n.value=l.data,u.value=l.totalRows}).finally(()=>{t.nextTick(()=>t.nextTick(()=>{r.value=!1}))})),w=e=>{c.value=e,d("filter")};t.onMounted(()=>{d("firstLoad")});const p=()=>{u.value&&n.value.length<u.value&&k()},f=t.ref(),i=t.ref(void 0);t.onMounted(()=>{i.value=new IntersectionObserver(e=>{e.some(l=>l.isIntersecting)&&!r.value&&p()},{threshold:1}),f.value&&i.value.observe(f.value)}),t.watch(f,(e,l)=>{l&&i.value.unobserve(l),e&&i.value.observe(e)}),t.onUnmounted(()=>{i.value&&(i.value.disconnect(),i.value=void 0)});const s=t.ref(null);return S({selectRows:e=>{var l;(l=s.value)==null||l.selectRows(e)},unselectAllRows:()=>{var e;return(e=s.value)==null?void 0:e.unselectAllRows()},getSelectedRows:()=>{var e;return((e=s.value)==null?void 0:e.getSelectedRows())??[]},resetAllAndFetch:()=>{var e;return c.value={freeSearch:"",fromDate:0,multiSelect:{avatar:"",mainText:"",secondaryRow:"",tertiaryRow:"",amount:"",tags:"",time:""}},(e=s.value)==null||e.unselectAllRows(),d("firstLoad")},triggerDataController:async()=>{r.value=!0;const e=await a.dataController({paginationStatus:{currentPage:v.value},filterStatus:c.value,triggeredEvent:"trigger"});n.value=e.data,u.value=e.totalRows,r.value=!1},closeItemDetails:()=>{var e;(e=s.value)==null||e.closeItemDetails()}}),(e,l)=>{var m;return t.openBlock(),t.createBlock(R.default,{ref_key:"table",ref:s,color:a.color,selection:a.selection,data:n.value,filters:{...a.filters,freeSearch:(m=a.filters)!=null&&m.freeSearch?{placeholder:a.filters.freeSearch.placeholder,initialValue:a.filters.freeSearch.initialValue,filterOn:[]}:void 0,managed:!0},loading:r.value,"prevent-default-item-click":a.preventDefaultItemClick,onRowsSelected:l[0]||(l[0]=o=>e.$emit("rows-selected",o)),onFiltersUpdated:w,"onBulk:click":l[1]||(l[1]=o=>e.$emit("bulk:click",o)),"onSelection:exit":l[2]||(l[2]=o=>e.$emit("selection:exit")),"onDestructive:click":l[3]||(l[3]=o=>e.$emit("destructive:click",o)),"onItem:click":l[4]||(l[4]=o=>e.$emit("item:click",o))},{default:t.withCtx(()=>[t.renderSlot(e.$slots,"default")]),"after-list":t.withCtx(()=>[t.createElementVNode("div",{ref_key:"infiniteScrollEl",ref:f,class:"h-1 mb-2 shrink-0"},null,512)]),_:3},8,["color","selection","data","filters","loading","prevent-default-item-click"])}}});exports.default=b;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const t=require("vue"),x=require("./ElMobileTable.vue.cjs2.js"),h=require("../ElIcon.vue.cjs2.js"),b={class:"flex flex-grow flex-col justify-start items-center pt-8 px-8 gap-3"},y=t.createElementVNode("div",{class:"flex flex-col gap-1 text-center"},[t.createElementVNode("span",{class:"text-lg font-semibold text-neutral-darker"},"Nessun risultato"),t.createElementVNode("p",{class:"text-neutral-lighter text-sm"},"Non abbiamo trovato risultati per questa ricerca. Prova con altre parole chiave.")],-1),R=t.defineComponent({__name:"ElServerSideMobileTable",props:{selection:{},color:{},preventDefaultItemClick:{type:Boolean},filters:{},dataController:{type:Function}},emits:["bulk:click","destructive:click","selection:exit","rows-selected","item:click"],setup(g,{expose:p}){const r=t.ref(!1),a=g,n=t.ref([]),v=t.ref(1),c=t.ref(void 0),u=t.ref({freeSearch:"",fromDate:0,multiSelect:{avatar:"",mainText:"",secondaryRow:"",tertiaryRow:"",amount:"",tags:"",time:""}}),S=()=>{r.value=!0,a.dataController({paginationStatus:{currentPage:v.value+1},filterStatus:u.value,triggeredEvent:"paginate"}).then(e=>{n.value.push(...e.data),c.value=e.totalRows}).finally(()=>{t.nextTick(()=>t.nextTick(()=>{r.value=!1})),v.value+=1})},d=e=>(r.value=!0,v.value=0,n.value=[],a.dataController({paginationStatus:{currentPage:0},filterStatus:u.value,triggeredEvent:e}).then(l=>{n.value=l.data,c.value=l.totalRows}).finally(()=>{t.nextTick(()=>t.nextTick(()=>{r.value=!1}))})),w=e=>{u.value=e,d("filter")};t.onMounted(()=>{d("firstLoad")});const k=()=>{c.value&&n.value.length<c.value&&S()},f=t.ref(),s=t.ref(void 0);t.onMounted(()=>{s.value=new IntersectionObserver(e=>{e.some(l=>l.isIntersecting)&&!r.value&&k()},{threshold:1}),f.value&&s.value.observe(f.value)}),t.watch(f,(e,l)=>{l&&s.value.unobserve(l),e&&s.value.observe(e)}),t.onUnmounted(()=>{s.value&&(s.value.disconnect(),s.value=void 0)});const i=t.ref(null);return p({selectRows:e=>{var l;(l=i.value)==null||l.selectRows(e)},unselectAllRows:()=>{var e;return(e=i.value)==null?void 0:e.unselectAllRows()},getSelectedRows:()=>{var e;return((e=i.value)==null?void 0:e.getSelectedRows())??[]},resetAllAndFetch:()=>{var e;return u.value={freeSearch:"",fromDate:0,multiSelect:{avatar:"",mainText:"",secondaryRow:"",tertiaryRow:"",amount:"",tags:"",time:""}},(e=i.value)==null||e.unselectAllRows(),d("firstLoad")},triggerDataController:async()=>{r.value=!0;const e=await a.dataController({paginationStatus:{currentPage:v.value},filterStatus:u.value,triggeredEvent:"trigger"});n.value=e.data,c.value=e.totalRows,r.value=!1},closeItemDetails:()=>{var e;(e=i.value)==null||e.closeItemDetails()}}),(e,l)=>{var m;return t.openBlock(),t.createBlock(x.default,{ref_key:"table",ref:i,color:a.color,selection:a.selection,data:n.value,filters:{...a.filters,freeSearch:(m=a.filters)!=null&&m.freeSearch?{placeholder:a.filters.freeSearch.placeholder,initialValue:a.filters.freeSearch.initialValue,filterOn:[]}:void 0,managed:!0},loading:r.value,"prevent-default-item-click":a.preventDefaultItemClick,onRowsSelected:l[0]||(l[0]=o=>e.$emit("rows-selected",o)),onFiltersUpdated:w,"onBulk:click":l[1]||(l[1]=o=>e.$emit("bulk:click",o)),"onSelection:exit":l[2]||(l[2]=o=>e.$emit("selection:exit")),"onDestructive:click":l[3]||(l[3]=o=>e.$emit("destructive:click",o)),"onItem:click":l[4]||(l[4]=o=>e.$emit("item:click",o))},{default:t.withCtx(()=>[t.renderSlot(e.$slots,"default")]),"no-data-message":t.withCtx(()=>[t.renderSlot(e.$slots,"no-data-message",{},()=>[t.createElementVNode("div",b,[t.createVNode(h.default,{name:"MagnifyingGlassIcon",class:t.normalizeClass(["h-8 w-8",a.color==="primary"?"text-primary-active":"text-secondary-active"])},null,8,["class"]),y])])]),"after-list":t.withCtx(()=>[t.createElementVNode("div",{ref_key:"infiniteScrollEl",ref:f,class:"h-1 mb-2 shrink-0"},null,512)]),_:3},8,["color","selection","data","filters","loading","prevent-default-item-click"])}}});exports.default=R;
 //# sourceMappingURL=ElServerSideMobileTable.vue.cjs2.js.map

package/dist/src/table/ElServerSideMobileTable.vue.cjs2.js.map

@@ -1 +1 @@
-{"version":3,"file":"ElServerSideMobileTable.vue.cjs2.js","sources":["../../../src/table/ElServerSideMobileTable.vue"],"sourcesContent":["<script lang=\"ts\">\nimport ElTableMobile, { ElMobileTableProps, MobileTableFilter, MobileTableFiltersStatus, MobileTableRow } from '@/table/ElMobileTable.vue';\nimport { ref, onMounted, onUnmounted, nextTick, watch } from 'vue';\nimport { DataControls } from './ElServerSideTable.vue';\n\nexport type MobileDataControls = Pick<DataControls, 'paginationStatus'> & {\n  triggeredEvent: 'paginate' | 'filter' | 'firstLoad' | 'trigger';\n  filterStatus: MobileTableFiltersStatus;\n};\n\nexport type ElServerSideMobileTableProps = Pick<ElMobileTableProps, 'selection' | 'color' | 'preventDefaultItemClick'> & {\n  filters?: {\n    freeSearch?: Omit<NonNullable<MobileTableFilter['freeSearch']>, 'filterOn'>;\n  } & Pick<MobileTableFilter, 'dateRange' | 'multiValue' | 'resetButton'>;\n  dataController: (args: MobileDataControls) => Promise<{ data: MobileTableRow[]; totalRows: number }>;\n};\n</script>\n\n<script setup lang=\"ts\">\nconst loading = ref(false);\nconst props = defineProps<ElServerSideMobileTableProps>();\nconst data = ref<MobileTableRow[]>([]);\nconst currentPage = ref<number>(1);\nconst totalItemsCount = ref<number | undefined>(undefined);\nconst filterStatus = ref<MobileTableFiltersStatus>({\n  freeSearch: '',\n  fromDate: 0,\n  multiSelect: {\n    avatar: '',\n    mainText: '',\n    secondaryRow: '',\n    tertiaryRow: '',\n    amount: '',\n    tags: '',\n    time: '',\n  },\n});\nconst fetchNextPage = () => {\n  loading.value = true;\n  props\n    .dataController({\n      paginationStatus: {\n        currentPage: currentPage.value + 1,\n      },\n      filterStatus: filterStatus.value,\n      triggeredEvent: 'paginate',\n    })\n    .then(response => {\n      data.value.push(...response.data);\n      totalItemsCount.value = response.totalRows;\n    })\n    .finally(() => {\n      nextTick(() =>\n        nextTick(() => {\n          loading.value = false;\n        }),\n      );\n      currentPage.value += 1;\n    });\n};\nconst fetchFirstPage = (triggeredEvent: 'firstLoad' | 'filter') => {\n  loading.value = true;\n  currentPage.value = 0;\n  data.value = [];\n  return props\n    .dataController({\n      paginationStatus: {\n        currentPage: 0,\n      },\n      filterStatus: filterStatus.value,\n      triggeredEvent: triggeredEvent,\n    })\n    .then(response => {\n      data.value = response.data;\n      totalItemsCount.value = response.totalRows;\n    })\n    .finally(() => {\n      nextTick(() =>\n        nextTick(() => {\n          loading.value = false;\n        }),\n      );\n    });\n};\nconst onFiltersUpdated = (filters: MobileTableFiltersStatus) => {\n  filterStatus.value = filters;\n  fetchFirstPage('filter');\n};\n// fetch initial data\nonMounted(() => {\n  fetchFirstPage('firstLoad');\n});\n\n// infinite scroll\nconst onInfiniteScroll = () => {\n  if (totalItemsCount.value && data.value.length < totalItemsCount.value) {\n    fetchNextPage();\n  }\n};\nconst infiniteScrollEl = ref<HTMLDivElement | null>();\nconst observer = ref<IntersectionObserver | undefined>(undefined);\nonMounted(() => {\n  observer.value = new IntersectionObserver(\n    entry => {\n      if (entry.some(e => e.isIntersecting) && !loading.value) {\n        onInfiniteScroll();\n      }\n    },\n    {\n      threshold: 1.0,\n    },\n  );\n  if (infiniteScrollEl.value) {\n    observer.value.observe(infiniteScrollEl.value!);\n  }\n});\nwatch(infiniteScrollEl, (newValue, oldValue) => {\n  if (oldValue) observer.value!.unobserve(oldValue);\n  if (newValue) {\n    observer.value!.observe(newValue);\n  }\n});\nonUnmounted(() => {\n  if (observer.value) {\n    observer.value.disconnect();\n    observer.value = undefined;\n  }\n});\n\nconst table = ref<InstanceType<typeof ElTableMobile> | null>(null);\n\nconst selectRows = (rowsIds: string[]) => {\n  table.value?.selectRows(rowsIds);\n};\n\nconst unselectAllRows = () => table.value?.unselectAllRows();\n\nconst getSelectedRows = () => table.value?.getSelectedRows() ?? [];\n\nconst resetAllAndFetch = () => {\n  filterStatus.value = {\n    freeSearch: '',\n    fromDate: 0,\n    multiSelect: {\n      avatar: '',\n      mainText: '',\n      secondaryRow: '',\n      tertiaryRow: '',\n      amount: '',\n      tags: '',\n      time: '',\n    },\n  };\n  table.value?.unselectAllRows();\n  return fetchFirstPage('firstLoad');\n};\nconst triggerDataController = async () => {\n  loading.value = true;\n  const newData = await props.dataController({\n    paginationStatus: {\n      currentPage: currentPage.value,\n    },\n    filterStatus: filterStatus.value,\n    triggeredEvent: 'trigger',\n  });\n  data.value = newData.data;\n  totalItemsCount.value = newData.totalRows;\n  loading.value = false;\n};\n\nconst closeItemDetails = () => {\n  table.value?.closeItemDetails();\n};\n\ndefineExpose({\n  selectRows,\n  unselectAllRows,\n  getSelectedRows,\n  resetAllAndFetch,\n  triggerDataController,\n  closeItemDetails,\n});\n\ndefineEmits<{\n  (event: 'bulk:click', rows: MobileTableRow[]): void;\n  (event: 'destructive:click', rows: MobileTableRow[]): void;\n  (event: 'selection:exit'): void;\n  (event: 'rows-selected', rows: MobileTableRow[]): void;\n  (event: 'item:click', row: MobileTableRow): void;\n}>();\n</script>\n\n<template>\n  <ElTableMobile\n    ref=\"table\"\n    :color=\"props.color\"\n    :selection=\"props.selection\"\n    :data=\"data\"\n    :filters=\"{\n      ...props.filters,\n      freeSearch: props.filters?.freeSearch\n        ? {\n            placeholder: props.filters.freeSearch.placeholder,\n            initialValue: props.filters.freeSearch.initialValue,\n            filterOn: [],\n          }\n        : undefined,\n      managed: true,\n    }\"\n    :loading=\"loading\"\n    :prevent-default-item-click=\"props.preventDefaultItemClick\"\n    @rows-selected=\"v => $emit('rows-selected', v)\"\n    @filters-updated=\"onFiltersUpdated\"\n    @bulk:click=\"v => $emit('bulk:click', v)\"\n    @selection:exit=\"$emit('selection:exit')\"\n    @destructive:click=\"v => $emit('destructive:click', v)\"\n    @item:click=\"v => $emit('item:click', v)\"\n  >\n    <template #default>\n      <slot />\n    </template>\n    <template #after-list>\n      <div ref=\"infiniteScrollEl\" class=\"h-1 mb-2 shrink-0\" />\n    </template>\n  </ElTableMobile>\n</template>\n"],"names":["loading","ref","props","__props","data","currentPage","totalItemsCount","filterStatus","fetchNextPage","response","nextTick","fetchFirstPage","triggeredEvent","onFiltersUpdated","filters","onMounted","onInfiniteScroll","infiniteScrollEl","observer","entry","e","watch","newValue","oldValue","onUnmounted","table","__expose","rowsIds","_a","newData"],"mappings":"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"}
+{"version":3,"file":"ElServerSideMobileTable.vue.cjs2.js","sources":["../../../src/table/ElServerSideMobileTable.vue"],"sourcesContent":["<script lang=\"ts\">\nimport ElTableMobile, { ElMobileTableProps, MobileTableFilter, MobileTableFiltersStatus, MobileTableRow } from '@/table/ElMobileTable.vue';\nimport { ref, onMounted, onUnmounted, nextTick, watch } from 'vue';\nimport { DataControls } from './ElServerSideTable.vue';\nimport ElIcon from '@/ElIcon.vue';\n\nexport type MobileDataControls = Pick<DataControls, 'paginationStatus'> & {\n  triggeredEvent: 'paginate' | 'filter' | 'firstLoad' | 'trigger';\n  filterStatus: MobileTableFiltersStatus;\n};\n\nexport type ElServerSideMobileTableProps = Pick<ElMobileTableProps, 'selection' | 'color' | 'preventDefaultItemClick'> & {\n  filters?: {\n    freeSearch?: Omit<NonNullable<MobileTableFilter['freeSearch']>, 'filterOn'>;\n  } & Pick<MobileTableFilter, 'dateRange' | 'multiValue' | 'resetButton'>;\n  dataController: (args: MobileDataControls) => Promise<{ data: MobileTableRow[]; totalRows: number }>;\n};\n</script>\n\n<script setup lang=\"ts\">\nconst loading = ref(false);\nconst props = defineProps<ElServerSideMobileTableProps>();\nconst data = ref<MobileTableRow[]>([]);\nconst currentPage = ref<number>(1);\nconst totalItemsCount = ref<number | undefined>(undefined);\nconst filterStatus = ref<MobileTableFiltersStatus>({\n  freeSearch: '',\n  fromDate: 0,\n  multiSelect: {\n    avatar: '',\n    mainText: '',\n    secondaryRow: '',\n    tertiaryRow: '',\n    amount: '',\n    tags: '',\n    time: '',\n  },\n});\nconst fetchNextPage = () => {\n  loading.value = true;\n  props\n    .dataController({\n      paginationStatus: {\n        currentPage: currentPage.value + 1,\n      },\n      filterStatus: filterStatus.value,\n      triggeredEvent: 'paginate',\n    })\n    .then(response => {\n      data.value.push(...response.data);\n      totalItemsCount.value = response.totalRows;\n    })\n    .finally(() => {\n      nextTick(() =>\n        nextTick(() => {\n          loading.value = false;\n        }),\n      );\n      currentPage.value += 1;\n    });\n};\nconst fetchFirstPage = (triggeredEvent: 'firstLoad' | 'filter') => {\n  loading.value = true;\n  currentPage.value = 0;\n  data.value = [];\n  return props\n    .dataController({\n      paginationStatus: {\n        currentPage: 0,\n      },\n      filterStatus: filterStatus.value,\n      triggeredEvent: triggeredEvent,\n    })\n    .then(response => {\n      data.value = response.data;\n      totalItemsCount.value = response.totalRows;\n    })\n    .finally(() => {\n      nextTick(() =>\n        nextTick(() => {\n          loading.value = false;\n        }),\n      );\n    });\n};\nconst onFiltersUpdated = (filters: MobileTableFiltersStatus) => {\n  filterStatus.value = filters;\n  fetchFirstPage('filter');\n};\n// fetch initial data\nonMounted(() => {\n  fetchFirstPage('firstLoad');\n});\n\n// infinite scroll\nconst onInfiniteScroll = () => {\n  if (totalItemsCount.value && data.value.length < totalItemsCount.value) {\n    fetchNextPage();\n  }\n};\nconst infiniteScrollEl = ref<HTMLDivElement | null>();\nconst observer = ref<IntersectionObserver | undefined>(undefined);\nonMounted(() => {\n  observer.value = new IntersectionObserver(\n    entry => {\n      if (entry.some(e => e.isIntersecting) && !loading.value) {\n        onInfiniteScroll();\n      }\n    },\n    {\n      threshold: 1.0,\n    },\n  );\n  if (infiniteScrollEl.value) {\n    observer.value.observe(infiniteScrollEl.value!);\n  }\n});\nwatch(infiniteScrollEl, (newValue, oldValue) => {\n  if (oldValue) observer.value!.unobserve(oldValue);\n  if (newValue) {\n    observer.value!.observe(newValue);\n  }\n});\nonUnmounted(() => {\n  if (observer.value) {\n    observer.value.disconnect();\n    observer.value = undefined;\n  }\n});\n\nconst table = ref<InstanceType<typeof ElTableMobile> | null>(null);\n\nconst selectRows = (rowsIds: string[]) => {\n  table.value?.selectRows(rowsIds);\n};\n\nconst unselectAllRows = () => table.value?.unselectAllRows();\n\nconst getSelectedRows = () => table.value?.getSelectedRows() ?? [];\n\nconst resetAllAndFetch = () => {\n  filterStatus.value = {\n    freeSearch: '',\n    fromDate: 0,\n    multiSelect: {\n      avatar: '',\n      mainText: '',\n      secondaryRow: '',\n      tertiaryRow: '',\n      amount: '',\n      tags: '',\n      time: '',\n    },\n  };\n  table.value?.unselectAllRows();\n  return fetchFirstPage('firstLoad');\n};\nconst triggerDataController = async () => {\n  loading.value = true;\n  const newData = await props.dataController({\n    paginationStatus: {\n      currentPage: currentPage.value,\n    },\n    filterStatus: filterStatus.value,\n    triggeredEvent: 'trigger',\n  });\n  data.value = newData.data;\n  totalItemsCount.value = newData.totalRows;\n  loading.value = false;\n};\n\nconst closeItemDetails = () => {\n  table.value?.closeItemDetails();\n};\n\ndefineExpose({\n  selectRows,\n  unselectAllRows,\n  getSelectedRows,\n  resetAllAndFetch,\n  triggerDataController,\n  closeItemDetails,\n});\n\ndefineEmits<{\n  (event: 'bulk:click', rows: MobileTableRow[]): void;\n  (event: 'destructive:click', rows: MobileTableRow[]): void;\n  (event: 'selection:exit'): void;\n  (event: 'rows-selected', rows: MobileTableRow[]): void;\n  (event: 'item:click', row: MobileTableRow): void;\n}>();\n</script>\n\n<template>\n  <ElTableMobile\n    ref=\"table\"\n    :color=\"props.color\"\n    :selection=\"props.selection\"\n    :data=\"data\"\n    :filters=\"{\n      ...props.filters,\n      freeSearch: props.filters?.freeSearch\n        ? {\n            placeholder: props.filters.freeSearch.placeholder,\n            initialValue: props.filters.freeSearch.initialValue,\n            filterOn: [],\n          }\n        : undefined,\n      managed: true,\n    }\"\n    :loading=\"loading\"\n    :prevent-default-item-click=\"props.preventDefaultItemClick\"\n    @rows-selected=\"v => $emit('rows-selected', v)\"\n    @filters-updated=\"onFiltersUpdated\"\n    @bulk:click=\"v => $emit('bulk:click', v)\"\n    @selection:exit=\"$emit('selection:exit')\"\n    @destructive:click=\"v => $emit('destructive:click', v)\"\n    @item:click=\"v => $emit('item:click', v)\"\n  >\n    <template #default>\n      <slot />\n    </template>\n\n    <template #no-data-message>\n      <slot name=\"no-data-message\">\n        <div class=\"flex flex-grow flex-col justify-start items-center pt-8 px-8 gap-3\">\n          <ElIcon\n            name=\"MagnifyingGlassIcon\"\n            class=\"h-8 w-8\"\n            :class=\"props.color === 'primary' ? 'text-primary-active' : 'text-secondary-active'\"\n          />\n\n          <div class=\"flex flex-col gap-1 text-center\">\n            <span class=\"text-lg font-semibold text-neutral-darker\">Nessun risultato</span>\n            <p class=\"text-neutral-lighter text-sm\">Non abbiamo trovato risultati per questa ricerca. Prova con altre parole chiave.</p>\n          </div>\n        </div>\n      </slot>\n    </template>\n\n    <template #after-list>\n      <div ref=\"infiniteScrollEl\" class=\"h-1 mb-2 shrink-0\" />\n    </template>\n  </ElTableMobile>\n</template>\n"],"names":["loading","ref","props","__props","data","currentPage","totalItemsCount","filterStatus","fetchNextPage","response","nextTick","fetchFirstPage","triggeredEvent","onFiltersUpdated","filters","onMounted","onInfiniteScroll","infiniteScrollEl","observer","entry","e","watch","newValue","oldValue","onUnmounted","table","__expose","rowsIds","_a","newData"],"mappings":"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"}

package/dist/src/table/ElServerSideMobileTable.vue.esm2.js

@@ -1,2 +1,2 @@
-import{defineComponent as y,ref as r,onMounted as S,watch as C,onUnmounted as D,openBlock as I,createBlock as A,withCtx as w,renderSlot as $,createElementVNode as E,nextTick as d}from"vue";import P from"./ElMobileTable.vue.esm2.js";const U=y({__name:"ElServerSideMobileTable",props:{selection:{},color:{},preventDefaultItemClick:{type:Boolean},filters:{},dataController:{type:Function}},emits:["bulk:click","destructive:click","selection:exit","rows-selected","item:click"],setup(p,{expose:k}){const a=r(!1),l=p,n=r([]),v=r(1),u=r(void 0),c=r({freeSearch:"",fromDate:0,multiSelect:{avatar:"",mainText:"",secondaryRow:"",tertiaryRow:"",amount:"",tags:"",time:""}}),R=()=>{a.value=!0,l.dataController({paginationStatus:{currentPage:v.value+1},filterStatus:c.value,triggeredEvent:"paginate"}).then(e=>{n.value.push(...e.data),u.value=e.totalRows}).finally(()=>{d(()=>d(()=>{a.value=!1})),v.value+=1})},m=e=>(a.value=!0,v.value=0,n.value=[],l.dataController({paginationStatus:{currentPage:0},filterStatus:c.value,triggeredEvent:e}).then(t=>{n.value=t.data,u.value=t.totalRows}).finally(()=>{d(()=>d(()=>{a.value=!1}))})),h=e=>{c.value=e,m("filter")};S(()=>{m("firstLoad")});const b=()=>{u.value&&n.value.length<u.value&&R()},f=r(),i=r(void 0);S(()=>{i.value=new IntersectionObserver(e=>{e.some(t=>t.isIntersecting)&&!a.value&&b()},{threshold:1}),f.value&&i.value.observe(f.value)}),C(f,(e,t)=>{t&&i.value.unobserve(t),e&&i.value.observe(e)}),D(()=>{i.value&&(i.value.disconnect(),i.value=void 0)});const s=r(null);return k({selectRows:e=>{var t;(t=s.value)==null||t.selectRows(e)},unselectAllRows:()=>{var e;return(e=s.value)==null?void 0:e.unselectAllRows()},getSelectedRows:()=>{var e;return((e=s.value)==null?void 0:e.getSelectedRows())??[]},resetAllAndFetch:()=>{var e;return c.value={freeSearch:"",fromDate:0,multiSelect:{avatar:"",mainText:"",secondaryRow:"",tertiaryRow:"",amount:"",tags:"",time:""}},(e=s.value)==null||e.unselectAllRows(),m("firstLoad")},triggerDataController:async()=>{a.value=!0;const e=await l.dataController({paginationStatus:{currentPage:v.value},filterStatus:c.value,triggeredEvent:"trigger"});n.value=e.data,u.value=e.totalRows,a.value=!1},closeItemDetails:()=>{var e;(e=s.value)==null||e.closeItemDetails()}}),(e,t)=>{var g;return I(),A(P,{ref_key:"table",ref:s,color:l.color,selection:l.selection,data:n.value,filters:{...l.filters,freeSearch:(g=l.filters)!=null&&g.freeSearch?{placeholder:l.filters.freeSearch.placeholder,initialValue:l.filters.freeSearch.initialValue,filterOn:[]}:void 0,managed:!0},loading:a.value,"prevent-default-item-click":l.preventDefaultItemClick,onRowsSelected:t[0]||(t[0]=o=>e.$emit("rows-selected",o)),onFiltersUpdated:h,"onBulk:click":t[1]||(t[1]=o=>e.$emit("bulk:click",o)),"onSelection:exit":t[2]||(t[2]=o=>e.$emit("selection:exit")),"onDestructive:click":t[3]||(t[3]=o=>e.$emit("destructive:click",o)),"onItem:click":t[4]||(t[4]=o=>e.$emit("item:click",o))},{default:w(()=>[$(e.$slots,"default")]),"after-list":w(()=>[E("div",{ref_key:"infiniteScrollEl",ref:f,class:"h-1 mb-2 shrink-0"},null,512)]),_:3},8,["color","selection","data","filters","loading","prevent-default-item-click"])}}});export{U as default};
+import{defineComponent as C,ref as r,onMounted as S,watch as D,onUnmounted as I,openBlock as $,createBlock as A,withCtx as p,renderSlot as k,createElementVNode as v,createVNode as P,normalizeClass as E,nextTick as m}from"vue";import F from"./ElMobileTable.vue.esm2.js";import N from"../ElIcon.vue.esm2.js";const B={class:"flex flex-grow flex-col justify-start items-center pt-8 px-8 gap-3"},T=v("div",{class:"flex flex-col gap-1 text-center"},[v("span",{class:"text-lg font-semibold text-neutral-darker"},"Nessun risultato"),v("p",{class:"text-neutral-lighter text-sm"},"Non abbiamo trovato risultati per questa ricerca. Prova con altre parole chiave.")],-1),H=C({__name:"ElServerSideMobileTable",props:{selection:{},color:{},preventDefaultItemClick:{type:Boolean},filters:{},dataController:{type:Function}},emits:["bulk:click","destructive:click","selection:exit","rows-selected","item:click"],setup(h,{expose:R}){const a=r(!1),l=h,i=r([]),f=r(1),c=r(void 0),u=r({freeSearch:"",fromDate:0,multiSelect:{avatar:"",mainText:"",secondaryRow:"",tertiaryRow:"",amount:"",tags:"",time:""}}),x=()=>{a.value=!0,l.dataController({paginationStatus:{currentPage:f.value+1},filterStatus:u.value,triggeredEvent:"paginate"}).then(e=>{i.value.push(...e.data),c.value=e.totalRows}).finally(()=>{m(()=>m(()=>{a.value=!1})),f.value+=1})},g=e=>(a.value=!0,f.value=0,i.value=[],l.dataController({paginationStatus:{currentPage:0},filterStatus:u.value,triggeredEvent:e}).then(t=>{i.value=t.data,c.value=t.totalRows}).finally(()=>{m(()=>m(()=>{a.value=!1}))})),y=e=>{u.value=e,g("filter")};S(()=>{g("firstLoad")});const b=()=>{c.value&&i.value.length<c.value&&x()},d=r(),s=r(void 0);S(()=>{s.value=new IntersectionObserver(e=>{e.some(t=>t.isIntersecting)&&!a.value&&b()},{threshold:1}),d.value&&s.value.observe(d.value)}),D(d,(e,t)=>{t&&s.value.unobserve(t),e&&s.value.observe(e)}),I(()=>{s.value&&(s.value.disconnect(),s.value=void 0)});const n=r(null);return R({selectRows:e=>{var t;(t=n.value)==null||t.selectRows(e)},unselectAllRows:()=>{var e;return(e=n.value)==null?void 0:e.unselectAllRows()},getSelectedRows:()=>{var e;return((e=n.value)==null?void 0:e.getSelectedRows())??[]},resetAllAndFetch:()=>{var e;return u.value={freeSearch:"",fromDate:0,multiSelect:{avatar:"",mainText:"",secondaryRow:"",tertiaryRow:"",amount:"",tags:"",time:""}},(e=n.value)==null||e.unselectAllRows(),g("firstLoad")},triggerDataController:async()=>{a.value=!0;const e=await l.dataController({paginationStatus:{currentPage:f.value},filterStatus:u.value,triggeredEvent:"trigger"});i.value=e.data,c.value=e.totalRows,a.value=!1},closeItemDetails:()=>{var e;(e=n.value)==null||e.closeItemDetails()}}),(e,t)=>{var w;return $(),A(F,{ref_key:"table",ref:n,color:l.color,selection:l.selection,data:i.value,filters:{...l.filters,freeSearch:(w=l.filters)!=null&&w.freeSearch?{placeholder:l.filters.freeSearch.placeholder,initialValue:l.filters.freeSearch.initialValue,filterOn:[]}:void 0,managed:!0},loading:a.value,"prevent-default-item-click":l.preventDefaultItemClick,onRowsSelected:t[0]||(t[0]=o=>e.$emit("rows-selected",o)),onFiltersUpdated:y,"onBulk:click":t[1]||(t[1]=o=>e.$emit("bulk:click",o)),"onSelection:exit":t[2]||(t[2]=o=>e.$emit("selection:exit")),"onDestructive:click":t[3]||(t[3]=o=>e.$emit("destructive:click",o)),"onItem:click":t[4]||(t[4]=o=>e.$emit("item:click",o))},{default:p(()=>[k(e.$slots,"default")]),"no-data-message":p(()=>[k(e.$slots,"no-data-message",{},()=>[v("div",B,[P(N,{name:"MagnifyingGlassIcon",class:E(["h-8 w-8",l.color==="primary"?"text-primary-active":"text-secondary-active"])},null,8,["class"]),T])])]),"after-list":p(()=>[v("div",{ref_key:"infiniteScrollEl",ref:d,class:"h-1 mb-2 shrink-0"},null,512)]),_:3},8,["color","selection","data","filters","loading","prevent-default-item-click"])}}});export{H as default};
 //# sourceMappingURL=ElServerSideMobileTable.vue.esm2.js.map

package/dist/src/table/ElServerSideMobileTable.vue.esm2.js.map

@@ -1 +1 @@
-{"version":3,"file":"ElServerSideMobileTable.vue.esm2.js","sources":["../../../src/table/ElServerSideMobileTable.vue"],"sourcesContent":["<script lang=\"ts\">\nimport ElTableMobile, { ElMobileTableProps, MobileTableFilter, MobileTableFiltersStatus, MobileTableRow } from '@/table/ElMobileTable.vue';\nimport { ref, onMounted, onUnmounted, nextTick, watch } from 'vue';\nimport { DataControls } from './ElServerSideTable.vue';\n\nexport type MobileDataControls = Pick<DataControls, 'paginationStatus'> & {\n  triggeredEvent: 'paginate' | 'filter' | 'firstLoad' | 'trigger';\n  filterStatus: MobileTableFiltersStatus;\n};\n\nexport type ElServerSideMobileTableProps = Pick<ElMobileTableProps, 'selection' | 'color' | 'preventDefaultItemClick'> & {\n  filters?: {\n    freeSearch?: Omit<NonNullable<MobileTableFilter['freeSearch']>, 'filterOn'>;\n  } & Pick<MobileTableFilter, 'dateRange' | 'multiValue' | 'resetButton'>;\n  dataController: (args: MobileDataControls) => Promise<{ data: MobileTableRow[]; totalRows: number }>;\n};\n</script>\n\n<script setup lang=\"ts\">\nconst loading = ref(false);\nconst props = defineProps<ElServerSideMobileTableProps>();\nconst data = ref<MobileTableRow[]>([]);\nconst currentPage = ref<number>(1);\nconst totalItemsCount = ref<number | undefined>(undefined);\nconst filterStatus = ref<MobileTableFiltersStatus>({\n  freeSearch: '',\n  fromDate: 0,\n  multiSelect: {\n    avatar: '',\n    mainText: '',\n    secondaryRow: '',\n    tertiaryRow: '',\n    amount: '',\n    tags: '',\n    time: '',\n  },\n});\nconst fetchNextPage = () => {\n  loading.value = true;\n  props\n    .dataController({\n      paginationStatus: {\n        currentPage: currentPage.value + 1,\n      },\n      filterStatus: filterStatus.value,\n      triggeredEvent: 'paginate',\n    })\n    .then(response => {\n      data.value.push(...response.data);\n      totalItemsCount.value = response.totalRows;\n    })\n    .finally(() => {\n      nextTick(() =>\n        nextTick(() => {\n          loading.value = false;\n        }),\n      );\n      currentPage.value += 1;\n    });\n};\nconst fetchFirstPage = (triggeredEvent: 'firstLoad' | 'filter') => {\n  loading.value = true;\n  currentPage.value = 0;\n  data.value = [];\n  return props\n    .dataController({\n      paginationStatus: {\n        currentPage: 0,\n      },\n      filterStatus: filterStatus.value,\n      triggeredEvent: triggeredEvent,\n    })\n    .then(response => {\n      data.value = response.data;\n      totalItemsCount.value = response.totalRows;\n    })\n    .finally(() => {\n      nextTick(() =>\n        nextTick(() => {\n          loading.value = false;\n        }),\n      );\n    });\n};\nconst onFiltersUpdated = (filters: MobileTableFiltersStatus) => {\n  filterStatus.value = filters;\n  fetchFirstPage('filter');\n};\n// fetch initial data\nonMounted(() => {\n  fetchFirstPage('firstLoad');\n});\n\n// infinite scroll\nconst onInfiniteScroll = () => {\n  if (totalItemsCount.value && data.value.length < totalItemsCount.value) {\n    fetchNextPage();\n  }\n};\nconst infiniteScrollEl = ref<HTMLDivElement | null>();\nconst observer = ref<IntersectionObserver | undefined>(undefined);\nonMounted(() => {\n  observer.value = new IntersectionObserver(\n    entry => {\n      if (entry.some(e => e.isIntersecting) && !loading.value) {\n        onInfiniteScroll();\n      }\n    },\n    {\n      threshold: 1.0,\n    },\n  );\n  if (infiniteScrollEl.value) {\n    observer.value.observe(infiniteScrollEl.value!);\n  }\n});\nwatch(infiniteScrollEl, (newValue, oldValue) => {\n  if (oldValue) observer.value!.unobserve(oldValue);\n  if (newValue) {\n    observer.value!.observe(newValue);\n  }\n});\nonUnmounted(() => {\n  if (observer.value) {\n    observer.value.disconnect();\n    observer.value = undefined;\n  }\n});\n\nconst table = ref<InstanceType<typeof ElTableMobile> | null>(null);\n\nconst selectRows = (rowsIds: string[]) => {\n  table.value?.selectRows(rowsIds);\n};\n\nconst unselectAllRows = () => table.value?.unselectAllRows();\n\nconst getSelectedRows = () => table.value?.getSelectedRows() ?? [];\n\nconst resetAllAndFetch = () => {\n  filterStatus.value = {\n    freeSearch: '',\n    fromDate: 0,\n    multiSelect: {\n      avatar: '',\n      mainText: '',\n      secondaryRow: '',\n      tertiaryRow: '',\n      amount: '',\n      tags: '',\n      time: '',\n    },\n  };\n  table.value?.unselectAllRows();\n  return fetchFirstPage('firstLoad');\n};\nconst triggerDataController = async () => {\n  loading.value = true;\n  const newData = await props.dataController({\n    paginationStatus: {\n      currentPage: currentPage.value,\n    },\n    filterStatus: filterStatus.value,\n    triggeredEvent: 'trigger',\n  });\n  data.value = newData.data;\n  totalItemsCount.value = newData.totalRows;\n  loading.value = false;\n};\n\nconst closeItemDetails = () => {\n  table.value?.closeItemDetails();\n};\n\ndefineExpose({\n  selectRows,\n  unselectAllRows,\n  getSelectedRows,\n  resetAllAndFetch,\n  triggerDataController,\n  closeItemDetails,\n});\n\ndefineEmits<{\n  (event: 'bulk:click', rows: MobileTableRow[]): void;\n  (event: 'destructive:click', rows: MobileTableRow[]): void;\n  (event: 'selection:exit'): void;\n  (event: 'rows-selected', rows: MobileTableRow[]): void;\n  (event: 'item:click', row: MobileTableRow): void;\n}>();\n</script>\n\n<template>\n  <ElTableMobile\n    ref=\"table\"\n    :color=\"props.color\"\n    :selection=\"props.selection\"\n    :data=\"data\"\n    :filters=\"{\n      ...props.filters,\n      freeSearch: props.filters?.freeSearch\n        ? {\n            placeholder: props.filters.freeSearch.placeholder,\n            initialValue: props.filters.freeSearch.initialValue,\n            filterOn: [],\n          }\n        : undefined,\n      managed: true,\n    }\"\n    :loading=\"loading\"\n    :prevent-default-item-click=\"props.preventDefaultItemClick\"\n    @rows-selected=\"v => $emit('rows-selected', v)\"\n    @filters-updated=\"onFiltersUpdated\"\n    @bulk:click=\"v => $emit('bulk:click', v)\"\n    @selection:exit=\"$emit('selection:exit')\"\n    @destructive:click=\"v => $emit('destructive:click', v)\"\n    @item:click=\"v => $emit('item:click', v)\"\n  >\n    <template #default>\n      <slot />\n    </template>\n    <template #after-list>\n      <div ref=\"infiniteScrollEl\" class=\"h-1 mb-2 shrink-0\" />\n    </template>\n  </ElTableMobile>\n</template>\n"],"names":["loading","ref","props","__props","data","currentPage","totalItemsCount","filterStatus","fetchNextPage","response","nextTick","fetchFirstPage","triggeredEvent","onFiltersUpdated","filters","onMounted","onInfiniteScroll","infiniteScrollEl","observer","entry","e","watch","newValue","oldValue","onUnmounted","table","__expose","rowsIds","_a","newData"],"mappings":"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"}
+{"version":3,"file":"ElServerSideMobileTable.vue.esm2.js","sources":["../../../src/table/ElServerSideMobileTable.vue"],"sourcesContent":["<script lang=\"ts\">\nimport ElTableMobile, { ElMobileTableProps, MobileTableFilter, MobileTableFiltersStatus, MobileTableRow } from '@/table/ElMobileTable.vue';\nimport { ref, onMounted, onUnmounted, nextTick, watch } from 'vue';\nimport { DataControls } from './ElServerSideTable.vue';\nimport ElIcon from '@/ElIcon.vue';\n\nexport type MobileDataControls = Pick<DataControls, 'paginationStatus'> & {\n  triggeredEvent: 'paginate' | 'filter' | 'firstLoad' | 'trigger';\n  filterStatus: MobileTableFiltersStatus;\n};\n\nexport type ElServerSideMobileTableProps = Pick<ElMobileTableProps, 'selection' | 'color' | 'preventDefaultItemClick'> & {\n  filters?: {\n    freeSearch?: Omit<NonNullable<MobileTableFilter['freeSearch']>, 'filterOn'>;\n  } & Pick<MobileTableFilter, 'dateRange' | 'multiValue' | 'resetButton'>;\n  dataController: (args: MobileDataControls) => Promise<{ data: MobileTableRow[]; totalRows: number }>;\n};\n</script>\n\n<script setup lang=\"ts\">\nconst loading = ref(false);\nconst props = defineProps<ElServerSideMobileTableProps>();\nconst data = ref<MobileTableRow[]>([]);\nconst currentPage = ref<number>(1);\nconst totalItemsCount = ref<number | undefined>(undefined);\nconst filterStatus = ref<MobileTableFiltersStatus>({\n  freeSearch: '',\n  fromDate: 0,\n  multiSelect: {\n    avatar: '',\n    mainText: '',\n    secondaryRow: '',\n    tertiaryRow: '',\n    amount: '',\n    tags: '',\n    time: '',\n  },\n});\nconst fetchNextPage = () => {\n  loading.value = true;\n  props\n    .dataController({\n      paginationStatus: {\n        currentPage: currentPage.value + 1,\n      },\n      filterStatus: filterStatus.value,\n      triggeredEvent: 'paginate',\n    })\n    .then(response => {\n      data.value.push(...response.data);\n      totalItemsCount.value = response.totalRows;\n    })\n    .finally(() => {\n      nextTick(() =>\n        nextTick(() => {\n          loading.value = false;\n        }),\n      );\n      currentPage.value += 1;\n    });\n};\nconst fetchFirstPage = (triggeredEvent: 'firstLoad' | 'filter') => {\n  loading.value = true;\n  currentPage.value = 0;\n  data.value = [];\n  return props\n    .dataController({\n      paginationStatus: {\n        currentPage: 0,\n      },\n      filterStatus: filterStatus.value,\n      triggeredEvent: triggeredEvent,\n    })\n    .then(response => {\n      data.value = response.data;\n      totalItemsCount.value = response.totalRows;\n    })\n    .finally(() => {\n      nextTick(() =>\n        nextTick(() => {\n          loading.value = false;\n        }),\n      );\n    });\n};\nconst onFiltersUpdated = (filters: MobileTableFiltersStatus) => {\n  filterStatus.value = filters;\n  fetchFirstPage('filter');\n};\n// fetch initial data\nonMounted(() => {\n  fetchFirstPage('firstLoad');\n});\n\n// infinite scroll\nconst onInfiniteScroll = () => {\n  if (totalItemsCount.value && data.value.length < totalItemsCount.value) {\n    fetchNextPage();\n  }\n};\nconst infiniteScrollEl = ref<HTMLDivElement | null>();\nconst observer = ref<IntersectionObserver | undefined>(undefined);\nonMounted(() => {\n  observer.value = new IntersectionObserver(\n    entry => {\n      if (entry.some(e => e.isIntersecting) && !loading.value) {\n        onInfiniteScroll();\n      }\n    },\n    {\n      threshold: 1.0,\n    },\n  );\n  if (infiniteScrollEl.value) {\n    observer.value.observe(infiniteScrollEl.value!);\n  }\n});\nwatch(infiniteScrollEl, (newValue, oldValue) => {\n  if (oldValue) observer.value!.unobserve(oldValue);\n  if (newValue) {\n    observer.value!.observe(newValue);\n  }\n});\nonUnmounted(() => {\n  if (observer.value) {\n    observer.value.disconnect();\n    observer.value = undefined;\n  }\n});\n\nconst table = ref<InstanceType<typeof ElTableMobile> | null>(null);\n\nconst selectRows = (rowsIds: string[]) => {\n  table.value?.selectRows(rowsIds);\n};\n\nconst unselectAllRows = () => table.value?.unselectAllRows();\n\nconst getSelectedRows = () => table.value?.getSelectedRows() ?? [];\n\nconst resetAllAndFetch = () => {\n  filterStatus.value = {\n    freeSearch: '',\n    fromDate: 0,\n    multiSelect: {\n      avatar: '',\n      mainText: '',\n      secondaryRow: '',\n      tertiaryRow: '',\n      amount: '',\n      tags: '',\n      time: '',\n    },\n  };\n  table.value?.unselectAllRows();\n  return fetchFirstPage('firstLoad');\n};\nconst triggerDataController = async () => {\n  loading.value = true;\n  const newData = await props.dataController({\n    paginationStatus: {\n      currentPage: currentPage.value,\n    },\n    filterStatus: filterStatus.value,\n    triggeredEvent: 'trigger',\n  });\n  data.value = newData.data;\n  totalItemsCount.value = newData.totalRows;\n  loading.value = false;\n};\n\nconst closeItemDetails = () => {\n  table.value?.closeItemDetails();\n};\n\ndefineExpose({\n  selectRows,\n  unselectAllRows,\n  getSelectedRows,\n  resetAllAndFetch,\n  triggerDataController,\n  closeItemDetails,\n});\n\ndefineEmits<{\n  (event: 'bulk:click', rows: MobileTableRow[]): void;\n  (event: 'destructive:click', rows: MobileTableRow[]): void;\n  (event: 'selection:exit'): void;\n  (event: 'rows-selected', rows: MobileTableRow[]): void;\n  (event: 'item:click', row: MobileTableRow): void;\n}>();\n</script>\n\n<template>\n  <ElTableMobile\n    ref=\"table\"\n    :color=\"props.color\"\n    :selection=\"props.selection\"\n    :data=\"data\"\n    :filters=\"{\n      ...props.filters,\n      freeSearch: props.filters?.freeSearch\n        ? {\n            placeholder: props.filters.freeSearch.placeholder,\n            initialValue: props.filters.freeSearch.initialValue,\n            filterOn: [],\n          }\n        : undefined,\n      managed: true,\n    }\"\n    :loading=\"loading\"\n    :prevent-default-item-click=\"props.preventDefaultItemClick\"\n    @rows-selected=\"v => $emit('rows-selected', v)\"\n    @filters-updated=\"onFiltersUpdated\"\n    @bulk:click=\"v => $emit('bulk:click', v)\"\n    @selection:exit=\"$emit('selection:exit')\"\n    @destructive:click=\"v => $emit('destructive:click', v)\"\n    @item:click=\"v => $emit('item:click', v)\"\n  >\n    <template #default>\n      <slot />\n    </template>\n\n    <template #no-data-message>\n      <slot name=\"no-data-message\">\n        <div class=\"flex flex-grow flex-col justify-start items-center pt-8 px-8 gap-3\">\n          <ElIcon\n            name=\"MagnifyingGlassIcon\"\n            class=\"h-8 w-8\"\n            :class=\"props.color === 'primary' ? 'text-primary-active' : 'text-secondary-active'\"\n          />\n\n          <div class=\"flex flex-col gap-1 text-center\">\n            <span class=\"text-lg font-semibold text-neutral-darker\">Nessun risultato</span>\n            <p class=\"text-neutral-lighter text-sm\">Non abbiamo trovato risultati per questa ricerca. Prova con altre parole chiave.</p>\n          </div>\n        </div>\n      </slot>\n    </template>\n\n    <template #after-list>\n      <div ref=\"infiniteScrollEl\" class=\"h-1 mb-2 shrink-0\" />\n    </template>\n  </ElTableMobile>\n</template>\n"],"names":["loading","ref","props","__props","data","currentPage","totalItemsCount","filterStatus","fetchNextPage","response","nextTick","fetchFirstPage","triggeredEvent","onFiltersUpdated","filters","onMounted","onInfiniteScroll","infiniteScrollEl","observer","entry","e","watch","newValue","oldValue","onUnmounted","table","__expose","rowsIds","_a","newData"],"mappings":"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"}

package/dist/src/table/ElServerSideTable.vue.cjs2.js

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),K=require("./ElServerSideTablePagination.vue.cjs2.js"),Q=require("../_CustomTransition.vue.cjs2.js"),x=require("../forms/ElInputCheckbox.vue.cjs2.js"),W=require("../forms/ElInputSelect.vue.cjs2.js"),Y=require("../forms/ElInputDate.vue.cjs2.js"),Z=require("../forms/ElInputText.vue.cjs2.js"),ee=require("../ElSpinner.vue.cjs2.js"),te=require("./ElTableCell.vue.cjs2.js"),le=require("../ElButton.vue.cjs2.js"),A=require("../../node_modules/@vueuse/core/node_modules/@vueuse/shared/index.cjs.js"),oe={class:"flex flex-col"},re={class:"overflow-x-auto"},ae={class:"inline-block min-w-full bg-white align-middle"},ne={class:"min-w-full"},se={class:"bg-neutral-surface-raised font-semibold"},ce={key:1,class:"w-7"},ue=["title","onClick"],ie={key:0,xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 24 24",class:"ml-1 inline-flex h-3 w-3",fill:"currentColor"},de={key:0,d:"M13 5.41V21a1 1 0 0 1-2 0V5.41l-5.3 5.3a1 1 0 1 1-1.4-1.42l7-7a1 1 0 0 1 1.4 0l7 7a1 1 0 1 1-1.4 1.42L13 5.4z"},pe={key:1,d:"M11 18.59V3a1 1 0 0 1 2 0v15.59l5.3-5.3a1 1 0 0 1 1.4 1.42l-7 7a1 1 0 0 1-1.4 0l-7-7a1 1 0 0 1 1.4-1.42l5.3 5.3z",title:"Ordine Decrescente"},fe={key:0},ge={key:0,scope:"col"},me={key:1,class:"flex flex-col"},_e={key:3,class:"flex justify-end"},ve={key:"loading"},we=["colspan"],Se={key:"tableFull",class:"bg-white"},ye={key:0,class:"flex h-20 items-center justify-center py-3"},ke=["data-cy"],Ee={key:"tableEmpty"},he=["colspan"],Be=e.defineComponent({__name:"ElServerSideTable",props:{columns:{},sortByCol:{default:-1},sortByColAsc:{type:Boolean,default:!1},noFilters:{type:Boolean},noFooter:{type:Boolean},rowsSelectionMode:{default:void 0},rowsSelectionDisabled:{type:Boolean},rowsPerPage:{default:15},dataController:{}},emits:["rows-selected","newPageSelected"],setup(T,{expose:F,emit:N}){const a=T,P=N,p=e.ref(!0),y=10,d=e.ref([]),k=e.ref(null);e.onMounted(async()=>{const t=await a.dataController({paginationStatus:{currentPage:0},sortStatus:w.value,filterStatus:u.value,triggeredEvent:"firstLoad"});d.value=t.data,v.value=t.totalRows,p.value=!1});function D(){const t=e.ref(0),i=e.computed(()=>{var r;return((r=k.value)==null?void 0:r.currentPage)??0});return{newPageSelected:async r=>{p.value=!0,d.value=(await a.dataController({paginationStatus:{currentPage:r},sortStatus:w.value,filterStatus:u.value,triggeredEvent:"paginate"})).data,p.value=!1},totalRowsCount:t,currentPage:i,goToFirstPage:()=>{var r;return(r=k.value)==null?void 0:r.goToPage(0,{doNotEmitEvent:!0})}}}function M(){const t=e.ref({currentlySortColIndex:a.sortByCol>-1?a.sortByCol:-1,arrows:[...new Array(y)].map((r,n)=>n===a.sortByCol?a.sortByColAsc:r)}),i=()=>{t.value={currentlySortColIndex:-1,arrows:[]}},o=e.computed(()=>({columnToSort:t.value.currentlySortColIndex,order:t.value.arrows[t.value.currentlySortColIndex]?"asc":"desc"}));return{sortStatus:t,toggleSortArrow:async r=>{t.value.currentlySortColIndex=r,t.value.arrows.splice(r,1,!t.value.arrows[r]),p.value=!0;try{const n=await a.dataController({paginationStatus:{currentPage:B.value},sortStatus:o.value,filterStatus:u.value,triggeredEvent:"sort"});d.value=n.data,v.value=n.totalRows}catch(n){console.error(n)}finally{p.value=!1}},currentSortStatus:o,resetSort:i}}function U(){const t=e.ref([]),i=e.ref(!1);e.onMounted(()=>{o(),A.watchDeep(t,async n=>{i.value?(l(n),i.value=!1):r(n)})});const o=()=>{var n;i.value=!0,t.value=new Array(y).fill(void 0);for(let s=0;s<y;s++){const c=(n=a.columns[s])==null?void 0:n.filter;c&&(c.type==="FREE_SEARCH"?t.value.splice(s,1,{id:c.id,textSearch:c.initialValue??"",type:"FREE_SEARCH",columnTitle:a.columns[s].title}):c.type==="MULTI_VALUE"?t.value.splice(s,1,{id:c.id,textSearch:c.initialValue??"",type:"MULTI_VALUE",columnTitle:a.columns[s].title}):c.type==="DATE_RANGE"&&t.value.splice(s,1,{id:c.id,dateFrom:c.initialValue??0,type:"DATE_RANGE",columnTitle:a.columns[s].title}))}},l=async n=>{console.log("applyFilters"),p.value=!0,$();const s=await a.dataController({paginationStatus:{currentPage:B.value},sortStatus:w.value,filterStatus:n,triggeredEvent:"filter"});d.value=s.data,v.value=s.totalRows,p.value=!1},r=A.useDebounceFn(l,500);return{filterStatus:t,resetFilters:o}}function L(){const t=e.ref([]),i=()=>{P("rows-selected",t.value)},o=m=>{r(m.map(f=>f.id))},l=m=>{const f=t.value.findIndex(g=>g.id===m);t.value.splice(f,1),i()},r=async m=>{a.rowsSelectionMode==="single"&&(t.value=[],await e.nextTick());const f=d.value.filter(g=>m.includes(g.id));a.rowsSelectionMode==="single"&&(f.length=Math.min(1,f.length));for(const g of f)t.value.some(_=>_.id===g.id)||t.value.push(g);i()},n=()=>{t.value=[],i()},s=()=>d.value,c=()=>t.value,S=e.computed(()=>t.value.length>0&&t.value.length===d.value.length);return{selectedRows:t,rowsSelected:o,rowUnselected:l,selectRows:r,unselectAllRows:n,getDataRows:s,getSelectedRows:c,allRowsSelected:S}}const{selectedRows:C,rowsSelected:V,rowUnselected:I,selectRows:q,unselectAllRows:E,getDataRows:z,getSelectedRows:O,allRowsSelected:R}=L(),{filterStatus:u,resetFilters:h}=U(),{sortStatus:b,toggleSortArrow:G,currentSortStatus:w,resetSort:j}=M(),{newPageSelected:H,totalRowsCount:v,currentPage:B,goToFirstPage:$}=D(),X=async()=>{j(),h(),E()},J=async()=>{p.value=!0;const t=await a.dataController({paginationStatus:{currentPage:B.value},sortStatus:w.value,filterStatus:u.value,triggeredEvent:"trigger"});d.value=t.data,v.value=t.totalRows,p.value=!1};return e.watch(()=>a.columns,()=>h(),{deep:!0,immediate:!0}),F({selectRows:q,resetAllAndFetch:X,unselectAllRows:E,getDataRows:z,getSelectedRows:O,triggerDataController:J}),(t,i)=>(e.openBlock(),e.createElementBlock("div",oe,[e.createElementVNode("div",re,[e.createElementVNode("div",ae,[e.createElementVNode("table",ne,[e.createElementVNode("thead",null,[e.createElementVNode("tr",se,[t.rowsSelectionMode?(e.openBlock(),e.createElementBlock("th",{key:0,scope:"col",class:e.normalizeClass(["bg-neutral-surface-raised text-neutral-darker flex justify-center px-3 py-3 text-xs uppercase leading-4 tracking-wider",{"cursor-pointer":t.rowsSelectionMode==="multiple"}])},[t.rowsSelectionMode==="multiple"?(e.openBlock(),e.createBlock(x.default,{key:0,"model-value":e.unref(R),disabled:t.rowsSelectionDisabled,size:"xxs",onClick:i[0]||(i[0]=()=>e.unref(R)?e.unref(E)():e.unref(V)(d.value))},null,8,["model-value","disabled"])):(e.openBlock(),e.createElementBlock("div",ce))],2)):e.createCommentVNode("",!0),(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(a.columns,(o,l)=>(e.openBlock(),e.createElementBlock("th",{key:l,scope:"col",class:e.normalizeClass(["bg-neutral-surface-raised text-neutral-darker whitespace-nowrap rounded-none p-4 text-xs font-semibold uppercase leading-4 tracking-wider",[o.alignRight?"text-right":"text-left",o.noSort?"cursor-default":"cursor-pointer"]]),title:o.noSort?"Colonna non ordinabile":e.unref(b).arrows[l]?"Ordine crescente":"Ordine decrescente",onClick:r=>!o.noSort&&e.unref(G)(l)},[e.createTextVNode(e.toDisplayString(o.title)+" ",1),o.noSort?e.createCommentVNode("",!0):(e.openBlock(),e.createElementBlock("svg",ie,[e.unref(b).arrows[l]?(e.openBlock(),e.createElementBlock("path",de)):(e.openBlock(),e.createElementBlock("path",pe))]))],10,ue))),128))]),e.unref(u).length>0&&!t.noFilters?(e.openBlock(),e.createElementBlock("tr",fe,[t.rowsSelectionMode?(e.openBlock(),e.createElementBlock("th",ge)):e.createCommentVNode("",!0),(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(t.columns,(o,l)=>{var r,n,s,c,S,m,f,g;return e.openBlock(),e.createElementBlock("th",{key:l,scope:"col",class:"text-neutral-darker px-3 py-3 text-left text-xs font-light leading-4 tracking-wider"},[((r=o.filter)==null?void 0:r.type)==="FREE_SEARCH"&&((n=e.unref(u)[l])==null?void 0:n.type)==="FREE_SEARCH"?(e.openBlock(),e.createBlock(Z.default,{key:0,modelValue:e.unref(u)[l].textSearch,"onUpdate:modelValue":_=>e.unref(u)[l].textSearch=_,placeholder:((s=o.filter)==null?void 0:s.placeholder)||"Cerca","hidden-error-message":!0,"leading-icon":{name:"MagnifyingGlassIcon"}},null,8,["modelValue","onUpdate:modelValue","placeholder"])):((c=o.filter)==null?void 0:c.type)==="DATE_RANGE"&&((S=e.unref(u)[l])==null?void 0:S.type)==="DATE_RANGE"?(e.openBlock(),e.createElementBlock("div",me,[e.createVNode(Y.default,{modelValue:e.unref(u)[l].dateFrom,"onUpdate:modelValue":_=>e.unref(u)[l].dateFrom=_,"hidden-error-message":!0},null,8,["modelValue","onUpdate:modelValue"])])):((m=o.filter)==null?void 0:m.type)==="MULTI_VALUE"&&((f=e.unref(u)[l])==null?void 0:f.type)==="MULTI_VALUE"?(e.openBlock(),e.createBlock(W.default,{key:2,modelValue:e.unref(u)[l].textSearch,"onUpdate:modelValue":_=>e.unref(u)[l].textSearch=_,class:"flex flex-col",type:"autocomplete",options:o.filter.selectOptions,"hidden-error-message":!0},null,8,["modelValue","onUpdate:modelValue","options"])):((g=o.filter)==null?void 0:g.type)==="RESET_FILTERS_BUTTON"?(e.openBlock(),e.createElementBlock("div",_e,[e.createVNode(le.default,{label:"Azzera filtri",variant:"tertiary",size:"xs",onClick:e.unref(h)},null,8,["onClick"])])):e.createCommentVNode("",!0)])}),128))])):e.createCommentVNode("",!0)]),e.createVNode(Q.default,{name:"fade"},{default:e.withCtx(()=>[p.value?(e.openBlock(),e.createElementBlock("tbody",ve,[e.createElementVNode("tr",null,[e.createElementVNode("td",{colspan:a.columns.length+1},[e.createVNode(ee.default,{label:"Caricamento dati...",class:"p-4","extra-loading-msg-after-seconds":3})],8,we)])])):d.value.length>0?(e.openBlock(),e.createElementBlock("tbody",Se,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(d.value,o=>(e.openBlock(),e.createElementBlock("tr",{key:o.id,class:e.normalizeClass(["transition duration-150 ease-in-out border-t border-neutral-surface",{"bg-neutral-surface-raised":t.rowsSelectionMode&&e.unref(C).find(l=>l.id===o.id)}]),"data-cy":"table-row"},[t.rowsSelectionMode?(e.openBlock(),e.createElementBlock("td",ye,[e.createVNode(x.default,{"model-value":!!e.unref(C).find(l=>l.id===o.id),disabled:t.rowsSelectionDisabled,size:"xxs","onUpdate:modelValue":l=>l?e.unref(V)([o]):e.unref(I)(o.id)},null,8,["model-value","disabled","onUpdate:modelValue"])])):e.createCommentVNode("",!0),(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(o.cells,(l,r)=>(e.openBlock(),e.createElementBlock("td",{key:r,class:"max-w-sm px-2.5 py-2.5","data-cy":l.type==="default"&&l.mainText.trim().replaceAll(" ","").replaceAll(",","")},[e.createVNode(te.default,{cell:l},null,8,["cell"])],8,ke))),128))],2))),128))])):d.value.length===0?(e.openBlock(),e.createElementBlock("tbody",Ee,[e.createElementVNode("tr",null,[e.createElementVNode("td",{colspan:a.columns.length+1,class:"p-4 font-light text-neutral-darker"},[e.renderSlot(t.$slots,"no-data-message",{},()=>[e.createTextVNode(" nessun dato trovato ")])],8,he)])])):e.createCommentVNode("",!0)]),_:3})])])]),e.createVNode(K.default,{ref_key:"pagination",ref:k,"total-rows-count":e.unref(v),"rows-per-page":a.rowsPerPage,"hide-footer":a.noFooter,"onUpdate:currentPage":e.unref(H)},null,8,["total-rows-count","rows-per-page","hide-footer","onUpdate:currentPage"])]))}});exports.default=Be;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),K=require("./ElServerSideTablePagination.vue.cjs2.js"),Q=require("../_CustomTransition.vue.cjs2.js"),x=require("../forms/ElInputCheckbox.vue.cjs2.js"),W=require("../forms/ElInputSelect.vue.cjs2.js"),Y=require("../forms/ElInputDate.vue.cjs2.js"),Z=require("../forms/ElInputText.vue.cjs2.js"),ee=require("../ElSpinner.vue.cjs2.js"),te=require("./ElTableCell.vue.cjs2.js"),le=require("../ElButton.vue.cjs2.js"),A=require("../../node_modules/@vueuse/core/node_modules/@vueuse/shared/index.cjs.js"),oe={class:"flex flex-col"},re={class:"overflow-x-auto"},ae={class:"inline-block min-w-full bg-white align-middle"},ne={class:"min-w-full"},se={class:"bg-neutral-surface-raised font-semibold"},ce={key:1,class:"w-7"},ue=["title","onClick"],ie={key:0,xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 24 24",class:"ml-1 inline-flex h-3 w-3",fill:"currentColor"},de={key:0,d:"M13 5.41V21a1 1 0 0 1-2 0V5.41l-5.3 5.3a1 1 0 1 1-1.4-1.42l7-7a1 1 0 0 1 1.4 0l7 7a1 1 0 1 1-1.4 1.42L13 5.4z"},pe={key:1,d:"M11 18.59V3a1 1 0 0 1 2 0v15.59l5.3-5.3a1 1 0 0 1 1.4 1.42l-7 7a1 1 0 0 1-1.4 0l-7-7a1 1 0 0 1 1.4-1.42l5.3 5.3z",title:"Ordine Decrescente"},fe={key:0},ge={key:0,scope:"col"},me={key:1,class:"flex flex-col"},_e={key:3,class:"flex justify-end"},ve={key:"loading"},we=["colspan"],Se={key:"tableFull",class:"bg-white"},ye={key:0,class:"flex h-20 items-center justify-center py-3"},ke=["data-cy"],Ee={key:"tableEmpty"},he=["colspan"],Be=e.defineComponent({__name:"ElServerSideTable",props:{columns:{},sortByCol:{default:-1},sortByColAsc:{type:Boolean,default:!1},noFilters:{type:Boolean},noFooter:{type:Boolean},rowsSelectionMode:{default:void 0},rowsSelectionDisabled:{type:Boolean},rowsPerPage:{default:15},dataController:{}},emits:["rows-selected","newPageSelected"],setup(T,{expose:F,emit:N}){const a=T,P=N,p=e.ref(!0),y=10,d=e.ref([]),k=e.ref(null);e.onMounted(async()=>{const t=await a.dataController({paginationStatus:{currentPage:0},sortStatus:w.value,filterStatus:u.value,triggeredEvent:"firstLoad"});d.value=t.data,v.value=t.totalRows,p.value=!1});function D(){const t=e.ref(0),i=e.computed(()=>{var r;return((r=k.value)==null?void 0:r.currentPage)??0});return{newPageSelected:async r=>{p.value=!0,d.value=(await a.dataController({paginationStatus:{currentPage:r},sortStatus:w.value,filterStatus:u.value,triggeredEvent:"paginate"})).data,p.value=!1},totalRowsCount:t,currentPage:i,goToFirstPage:()=>{var r;return(r=k.value)==null?void 0:r.goToPage(0,{doNotEmitEvent:!0})}}}function M(){const t=e.ref({currentlySortColIndex:a.sortByCol>-1?a.sortByCol:-1,arrows:[...new Array(y)].map((r,n)=>n===a.sortByCol?a.sortByColAsc:r)}),i=()=>{t.value={currentlySortColIndex:-1,arrows:[]}},o=e.computed(()=>({columnToSort:t.value.currentlySortColIndex,order:t.value.arrows[t.value.currentlySortColIndex]?"asc":"desc"}));return{sortStatus:t,toggleSortArrow:async r=>{t.value.currentlySortColIndex=r,t.value.arrows.splice(r,1,!t.value.arrows[r]),p.value=!0;try{const n=await a.dataController({paginationStatus:{currentPage:B.value},sortStatus:o.value,filterStatus:u.value,triggeredEvent:"sort"});d.value=n.data,v.value=n.totalRows}catch(n){console.error(n)}finally{p.value=!1}},currentSortStatus:o,resetSort:i}}function U(){const t=e.ref([]),i=e.ref(!1);e.onMounted(()=>{o(),A.watchDeep(t,async n=>{i.value?(l(n),i.value=!1):r(n)})});const o=()=>{var n;i.value=!0,t.value=new Array(y).fill(void 0);for(let s=0;s<y;s++){const c=(n=a.columns[s])==null?void 0:n.filter;c&&(c.type==="FREE_SEARCH"?t.value.splice(s,1,{id:c.id,textSearch:c.initialValue??"",type:"FREE_SEARCH",columnTitle:a.columns[s].title}):c.type==="MULTI_VALUE"?t.value.splice(s,1,{id:c.id,textSearch:c.initialValue??"",type:"MULTI_VALUE",columnTitle:a.columns[s].title}):c.type==="DATE_RANGE"&&t.value.splice(s,1,{id:c.id,dateFrom:c.initialValue??0,type:"DATE_RANGE",columnTitle:a.columns[s].title}))}},l=async n=>{console.log("applyFilters"),p.value=!0,$();const s=await a.dataController({paginationStatus:{currentPage:B.value},sortStatus:w.value,filterStatus:n,triggeredEvent:"filter"});d.value=s.data,v.value=s.totalRows,p.value=!1},r=A.useDebounceFn(l,500);return{filterStatus:t,resetFilters:o}}function L(){const t=e.ref([]),i=()=>{P("rows-selected",t.value)},o=m=>{r(m.map(f=>f.id))},l=m=>{const f=t.value.findIndex(g=>g.id===m);t.value.splice(f,1),i()},r=async m=>{a.rowsSelectionMode==="single"&&(t.value=[],await e.nextTick());const f=d.value.filter(g=>m.includes(g.id));a.rowsSelectionMode==="single"&&(f.length=Math.min(1,f.length));for(const g of f)t.value.some(_=>_.id===g.id)||t.value.push(g);i()},n=()=>{t.value=[],i()},s=()=>d.value,c=()=>t.value,S=e.computed(()=>t.value.length>0&&t.value.length===d.value.length);return{selectedRows:t,rowsSelected:o,rowUnselected:l,selectRows:r,unselectAllRows:n,getDataRows:s,getSelectedRows:c,allRowsSelected:S}}const{selectedRows:C,rowsSelected:V,rowUnselected:I,selectRows:q,unselectAllRows:E,getDataRows:z,getSelectedRows:O,allRowsSelected:R}=L(),{filterStatus:u,resetFilters:h}=U(),{sortStatus:b,toggleSortArrow:G,currentSortStatus:w,resetSort:j}=M(),{newPageSelected:H,totalRowsCount:v,currentPage:B,goToFirstPage:$}=D(),X=async()=>{j(),h(),E()},J=async()=>{p.value=!0;const t=await a.dataController({paginationStatus:{currentPage:B.value},sortStatus:w.value,filterStatus:u.value,triggeredEvent:"trigger"});d.value=t.data,v.value=t.totalRows,p.value=!1};return e.watch(()=>a.columns,()=>h(),{deep:!0,immediate:!0}),F({selectRows:q,resetAllAndFetch:X,unselectAllRows:E,getDataRows:z,getSelectedRows:O,triggerDataController:J}),(t,i)=>(e.openBlock(),e.createElementBlock("div",oe,[e.createElementVNode("div",re,[e.createElementVNode("div",ae,[e.createElementVNode("table",ne,[e.createElementVNode("thead",null,[e.createElementVNode("tr",se,[t.rowsSelectionMode?(e.openBlock(),e.createElementBlock("th",{key:0,scope:"col",class:e.normalizeClass(["bg-neutral-surface-raised text-neutral-darker flex justify-center px-3 py-3 text-xs uppercase leading-4 tracking-wider",{"cursor-pointer":t.rowsSelectionMode==="multiple"}])},[t.rowsSelectionMode==="multiple"?(e.openBlock(),e.createBlock(x.default,{key:0,"model-value":e.unref(R),disabled:t.rowsSelectionDisabled,size:"xxs",onClick:i[0]||(i[0]=()=>e.unref(R)?e.unref(E)():e.unref(V)(d.value))},null,8,["model-value","disabled"])):(e.openBlock(),e.createElementBlock("div",ce))],2)):e.createCommentVNode("",!0),(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(a.columns,(o,l)=>(e.openBlock(),e.createElementBlock("th",{key:l,scope:"col",class:e.normalizeClass(["bg-neutral-surface-raised text-neutral-darker whitespace-nowrap rounded-none p-4 text-xs font-semibold uppercase leading-4 tracking-wider",[o.alignRight?"text-right":"text-left",o.noSort?"cursor-default":"cursor-pointer"]]),title:o.noSort?"Colonna non ordinabile":e.unref(b).arrows[l]?"Ordine crescente":"Ordine decrescente",onClick:r=>!o.noSort&&e.unref(G)(l)},[e.createTextVNode(e.toDisplayString(o.title)+" ",1),o.noSort?e.createCommentVNode("",!0):(e.openBlock(),e.createElementBlock("svg",ie,[e.unref(b).arrows[l]?(e.openBlock(),e.createElementBlock("path",de)):(e.openBlock(),e.createElementBlock("path",pe))]))],10,ue))),128))]),e.unref(u).length>0&&!t.noFilters?(e.openBlock(),e.createElementBlock("tr",fe,[t.rowsSelectionMode?(e.openBlock(),e.createElementBlock("th",ge)):e.createCommentVNode("",!0),(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(t.columns,(o,l)=>{var r,n,s,c,S,m,f,g;return e.openBlock(),e.createElementBlock("th",{key:l,scope:"col",class:"text-neutral-darker px-3 py-3 text-left text-xs font-light leading-4 tracking-wider"},[((r=o.filter)==null?void 0:r.type)==="FREE_SEARCH"&&((n=e.unref(u)[l])==null?void 0:n.type)==="FREE_SEARCH"?(e.openBlock(),e.createBlock(Z.default,{key:0,modelValue:e.unref(u)[l].textSearch,"onUpdate:modelValue":_=>e.unref(u)[l].textSearch=_,placeholder:((s=o.filter)==null?void 0:s.placeholder)||"Cerca","hidden-error-message":!0,"leading-icon":{name:"MagnifyingGlassIcon"}},null,8,["modelValue","onUpdate:modelValue","placeholder"])):((c=o.filter)==null?void 0:c.type)==="DATE_RANGE"&&((S=e.unref(u)[l])==null?void 0:S.type)==="DATE_RANGE"?(e.openBlock(),e.createElementBlock("div",me,[e.createVNode(Y.default,{modelValue:e.unref(u)[l].dateFrom,"onUpdate:modelValue":_=>e.unref(u)[l].dateFrom=_,"hidden-error-message":!0},null,8,["modelValue","onUpdate:modelValue"])])):((m=o.filter)==null?void 0:m.type)==="MULTI_VALUE"&&((f=e.unref(u)[l])==null?void 0:f.type)==="MULTI_VALUE"?(e.openBlock(),e.createBlock(W.default,{key:2,modelValue:e.unref(u)[l].textSearch,"onUpdate:modelValue":_=>e.unref(u)[l].textSearch=_,class:"flex flex-col",type:"autocomplete",options:o.filter.selectOptions,"hidden-error-message":!0},null,8,["modelValue","onUpdate:modelValue","options"])):((g=o.filter)==null?void 0:g.type)==="RESET_FILTERS_BUTTON"?(e.openBlock(),e.createElementBlock("div",_e,[e.createVNode(le.default,{label:"Azzera filtri",variant:"tertiary",size:"xs",onClick:e.unref(h)},null,8,["onClick"])])):e.createCommentVNode("",!0)])}),128))])):e.createCommentVNode("",!0)]),e.createVNode(Q.default,{name:"fade"},{default:e.withCtx(()=>[p.value?(e.openBlock(),e.createElementBlock("tbody",ve,[e.createElementVNode("tr",null,[e.createElementVNode("td",{colspan:a.columns.length+1},[e.createVNode(ee.default,{label:"Caricamento dati...",class:"p-4","extra-loading-msg-after-seconds":3})],8,we)])])):d.value.length>0?(e.openBlock(),e.createElementBlock("tbody",Se,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(d.value,o=>(e.openBlock(),e.createElementBlock("tr",{key:o.id,class:e.normalizeClass(["transition duration-150 ease-in-out border-t border-neutral-surface",{"bg-neutral-surface-raised":t.rowsSelectionMode&&e.unref(C).find(l=>l.id===o.id)}]),"data-cy":"table-row"},[t.rowsSelectionMode?(e.openBlock(),e.createElementBlock("td",ye,[e.createVNode(x.default,{"model-value":!!e.unref(C).find(l=>l.id===o.id),disabled:t.rowsSelectionDisabled,size:"xxs","onUpdate:modelValue":l=>l?e.unref(V)([o]):e.unref(I)(o.id)},null,8,["model-value","disabled","onUpdate:modelValue"])])):e.createCommentVNode("",!0),(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(o.cells,(l,r)=>(e.openBlock(),e.createElementBlock("td",{key:r,class:"max-w-sm pl-4 pr-2.5 py-2.5","data-cy":l.type==="default"&&l.mainText.trim().replaceAll(" ","").replaceAll(",","")},[e.createVNode(te.default,{cell:l},null,8,["cell"])],8,ke))),128))],2))),128))])):d.value.length===0?(e.openBlock(),e.createElementBlock("tbody",Ee,[e.createElementVNode("tr",null,[e.createElementVNode("td",{colspan:a.columns.length+1,class:"p-4 font-light text-neutral-darker"},[e.renderSlot(t.$slots,"no-data-message",{},()=>[e.createTextVNode(" nessun dato trovato ")])],8,he)])])):e.createCommentVNode("",!0)]),_:3})])])]),e.createVNode(K.default,{ref_key:"pagination",ref:k,"total-rows-count":e.unref(v),"rows-per-page":a.rowsPerPage,"hide-footer":a.noFooter,"onUpdate:currentPage":e.unref(H)},null,8,["total-rows-count","rows-per-page","hide-footer","onUpdate:currentPage"])]))}});exports.default=Be;
 //# sourceMappingURL=ElServerSideTable.vue.cjs2.js.map