dolphin-components 2.2.22 → 2.2.23

package/dist/dolphin-components.cjs.js

@@ -8353,7 +8353,7 @@ EOD`}return{to_workbook:i,to_sheet:t,from_sheet:s}})(),iP=(function(){function a
                     ${N}
                     </div>
                 </div>
-                `}else return""},cellClick:V}),w=()=>{const U=document.getElementById(l.value);if(!U)return;m.value=r.columns.map(N=>N.field),ee();const K={data:r.data,columns:y.value,placeholder:r.placeholder??"No records found!",pagination:!0,paginationMode:r.paginationType,paginationSize:u.value,filterMode:r.paginationType==="remote"?"remote":"local",sortMode:r.paginationType==="remote"?"remote":"local",paginationSizeSelector:r.paginationSizeSelector,layout:"fitColumns",height:window.innerHeight-r.heightOffset,ajaxSorting:!0,ajaxURL:r.apiEndpoint,ajaxConfig:{method:"GET"},ajaxRequestFunc:C,paginationDataReceived:{last_page:"meta.last_page",data:"data",total:"meta.total"},headerFilterLiveFilterDelay:500,headerFilterEmptyCheck:N=>N===""};v=new EN(U,K),v.on("tableBuilt",()=>{r.paginationType==="remote"&&v?.setData()}),v.on("pageLoaded",()=>{n.value=!1}),v.on("ajaxError",()=>{n.value=!1}),v.on("rowClick",T),window.addEventListener("scroll",ce,!0),U.addEventListener("scroll",ce,!0),document.querySelector(".tabulator-tableholder")?.addEventListener("scroll",ce,!0)},b=()=>{r.headerContent&&r.enableHeaderPrint&&v&&(v.options.printHeader=r.headerContent),r.footerContent&&r.enableFooterPrint&&v&&(v.options.printFooter=r.footerContent),v?.print("all",!1)},E=()=>{v?.download("xlsx",r.sheetName+".xlsx",{sheetName:r.sheetName})},R=()=>{document.removeEventListener("click",q),window.removeEventListener("scroll",ce,!0),document.getElementById(l.value)?.removeEventListener("scroll",ce,!0),document.querySelector(".tabulator-tableholder")?.removeEventListener("scroll",ce,!0),w()},C=async(U,K,N)=>{if(r.paginationType!=="remote"||!r.apiEndpoint||!r.apiInstance)return Promise.resolve({data:[]});n.value=!0;try{const le=v?.getFilters(!0)||[],Z=v?.getSorters().map(D=>({field:D.field,dir:D.dir}))||[],se=le.length?JSON.stringify(le):void 0,ie=Z.length?JSON.stringify(Z):void 0,de=await r.apiInstance.get(r.apiEndpoint,{params:{page:N.page||1,per_page:N.size||u.value,...r.queryParams,...se&&{filters:se},...ie&&{sorters:ie}}}),{data:xe,meta:be}=de.data;return o.value=be.total,s.value=N.page,h("onDataFeteched",be),{last_page:be.last_page,data:xe,total:be.total}}catch(le){throw n.value=!1,le}},T=(U,K)=>{const N=document.querySelector(".action-show");U.target.closest(`.action-btn-${l.value}`)||N?.classList.remove("action-show"),r.action&&(U.preventDefault(),document.querySelector(".datarow-selected")?.classList.remove("datarow-selected"),K.getElement().classList.add("datarow-selected"))},O=p.computed(()=>r.action?r.actionMode==="frontend"&&r.actionButtons.length>0?!0:r.actionMode==="api"?r.data.some(U=>U.actions&&U.actions.length>0):!1:!1),V=(U,K)=>{const N=U.target,le=N.closest(`.action-btn-${l.value}`),Z=N.closest(`.action-main-div-body-${l.value}`),se=document.querySelector(`#${l.value} .tabulator-tableholder`);if(se&&le&&Z){const ie=se.getBoundingClientRect(),de=Z.querySelector(`.action-dropdown-${l.value}`);if(!de)return;const xe=de.classList.contains("action-show");document.querySelectorAll(`.action-dropdown-${l.value}`).forEach(be=>be.classList.remove("action-show")),xe||(document.addEventListener("click",q),B(de,ie))}r.actionMode=="frontend"?r.actionButtons.forEach(ie=>{N.classList.contains(ie.name.replace(" ","_").toLowerCase()+"_"+K.getData().id+"_"+l.value)&&h&&(K.getRow().getData().id,h(ie.emit,K.getData()))}):r.actionMode=="api"&&K.getData().actions.forEach(ie=>{N.classList.contains(ie.name.replace(" ","_").toLowerCase()+"_"+K.getData().id+"_"+l.value)&&h&&(K.getRow().getData().id,h(ie.emit,K.getData()))})},B=(U,K)=>{const N=U;N.style.top="",N.style.left="",N.style.right="",N.classList.add("action-show"),N.style.right="35px";const le=N.getBoundingClientRect();le.bottom>K.bottom-10&&(N.style.top=`-${le.height}px`)},q=U=>{const K=document.querySelector(".action-show"),N=document.getElementById(l.value),le=U.target.closest(".tabulator-row"),Z=U.target.closest(`.action-main-div-body-${l.value}`);(!N?.contains(U.target)||!le&&!Z)&&(K?.classList.remove("action-show"),document.removeEventListener("click",q))},J=()=>{const U=document.querySelector(".action-show");U&&U.classList.remove("action-show")},ce=()=>{J()},ee=()=>{v&&(v.clearSort(),v.clearHeaderFilter()),y.value=r.columns.filter(K=>m.value.includes(K.field)),r.action&&(r.actionMode==="frontend"&&O.value||r.actionMode==="api")&&y.value.push(x()),y.value=y.value.filter((K,N,le)=>N===le.findIndex(Z=>Z.field===K.field))},ge=()=>{ee(),v?.setColumns(y.value),v?.setPageSize(u.value),d.value=!1},ne=()=>{d.value=!d.value};return p.onMounted(()=>{u.value=r.paginationSize,w()}),p.onBeforeUnmount(()=>{document.removeEventListener("click",q),window.removeEventListener("scroll",ce,!0),document.getElementById(l.value)?.removeEventListener("scroll",ce,!0),document.querySelector(".tabulator-tableholder")?.removeEventListener("scroll",ce,!0)}),p.watch(()=>r.data,U=>{v?.setData(U),ee(),v?.setColumns(y.value)},{deep:!0}),p.watch(()=>r.queryParams,()=>{r.paginationType==="remote"&&(v?.setPage(1),v?.setData())},{deep:!0}),p.watch(()=>r.columns,()=>{ee(),v?.setColumns(y.value)},{deep:!0}),e({reInitializeTabulator:R,print:b,exportTable:E}),(U,K)=>(p.openBlock(),p.createElementBlock("div",ZZ,[U.enableHeaderBlock&&U.headerContent?(p.openBlock(),p.createElementBlock("div",{key:0,innerHTML:U.headerContent},null,8,$Z)):p.createCommentVNode("",!0),U.showOptions?(p.openBlock(),p.createElementBlock("div",e$,[U.exportButton?(p.openBlock(),p.createElementBlock("button",{key:0,onClick:E,class:"btn-outline btn-secondary group","aria-label":"Open settings"},[p.createVNode(rT,{name:"FileSpreadsheet"})])):p.createCommentVNode("",!0),U.printButton?(p.openBlock(),p.createElementBlock("button",{key:1,onClick:b,class:"btn-outline btn-secondary group","aria-label":"Open settings"},[p.createVNode(rT,{name:"Printer"})])):p.createCommentVNode("",!0),U.settingsButton?(p.openBlock(),p.createElementBlock("button",{key:2,onClick:ne,class:"btn-outline btn-secondary group","aria-label":"Open settings"},[p.createVNode(rT,{name:"Settings"})])):p.createCommentVNode("",!0)])):p.createCommentVNode("",!0),p.createElementVNode("div",null,[p.createElementVNode("div",{ref:l.value,id:l.value,class:p.normalizeClass([{"tabulator-action":U.action},`${l.value}`])},null,10,t$)]),U.enableFooterBlock&&U.footerContent?(p.openBlock(),p.createElementBlock("div",{key:2,innerHTML:U.footerContent},null,8,a$)):p.createCommentVNode("",!0),p.createVNode(gI,{show:d.value,title:k.title,actions:k.action,width:"600px",onOnClose:K[3]||(K[3]=N=>d.value=!1),onOnSave:ge},{default:p.withCtx(()=>[p.createElementVNode("div",i$,[p.createElementVNode("div",r$,[K[4]||(K[4]=p.createElementVNode("span",{class:"text-base font-semibold"},"Columns Attributes",-1)),p.createElementVNode("div",null,[p.withDirectives(p.createElementVNode("input",{"onUpdate:modelValue":K[0]||(K[0]=N=>f.value=N),class:"input-text mb-4",placeholder:"Search for attributes","aria-label":"Search columns"},null,512),[[p.vModelText,f.value]]),(p.openBlock(!0),p.createElementBlock(p.Fragment,null,p.renderList(g.value,N=>(p.openBlock(),p.createElementBlock("div",{key:N.field,class:"my-2"},[N.field!=="action"?(p.openBlock(),p.createElementBlock("div",n$,[p.withDirectives(p.createElementVNode("input",{type:"checkbox",disabled:!N.isNotMandatory,"onUpdate:modelValue":K[1]||(K[1]=le=>m.value=le),value:N.field,class:"mx-1.5",id:N.title,"aria-labelledby":"column-checkbox"},null,8,s$),[[p.vModelCheckbox,m.value]]),p.createElementVNode("label",{for:N.title,class:"select-none"},p.toDisplayString(N.title),9,o$)])):p.createCommentVNode("",!0)]))),128))])]),p.createElementVNode("div",l$,[K[5]||(K[5]=p.createElementVNode("span",{class:"text-base font-semibold"},"Page Size",-1)),p.createElementVNode("div",c$,[(p.openBlock(!0),p.createElementBlock(p.Fragment,null,p.renderList(U.paginationSizeSelector,N=>(p.openBlock(),p.createElementBlock("label",{key:N,class:"flex items-center mt-2"},[p.withDirectives(p.createElementVNode("input",{type:"radio","onUpdate:modelValue":K[2]||(K[2]=le=>u.value=le),value:N,class:"mr-2.5","aria-label":"Select page size"},null,8,h$),[[p.vModelRadio,u.value]]),p.createTextVNode(" "+p.toDisplayString(N),1)]))),128))])])])]),_:1},8,["show","title","actions"])]))}}),u$=["aria-checked"],f$={class:"text-[12px]"},dF=p.defineComponent({__name:"Toggle",props:{modelValue:{type:Boolean,default:!1},onText:{default:"On"},offText:{default:"Off"},width:{default:"60px"},disable:{type:Boolean,default:!1}},emits:["update:modelValue"],setup(a,{emit:e}){const t=a,i=e,r=p.ref(t.modelValue);p.watch(()=>t.modelValue,s=>{r.value=s});const n=()=>{t.disable||(r.value=!r.value,i("update:modelValue",r.value))};return(s,o)=>(p.openBlock(),p.createElementBlock("button",{onClick:n,class:p.normalizeClass(["relative select-none h-[30px] rounded-default transition-colors duration-200 border border-border-foreground overflow-hidden",[s.disable?"cursor-not-allowed":"cursor-pointer"]]),style:p.normalizeStyle({width:s.width,maxWidth:s.width,minWidth:s.width}),role:"switch","aria-checked":r.value},[p.createElementVNode("div",{class:p.normalizeClass(["flex items-center justify-center w-1/2 h-full bg-gray-200 shadow-md transform transition-transform duration-200",r.value?"translate-x-full":"translate-x-0"])},[p.createElementVNode("span",f$,p.toDisplayString(r.value?s.onText:s.offText),1)],2)],14,u$))}}),p$={key:0,class:"fixed top-0 left-0 w-[100vw] h-[100vh] bg-background z-10 overflow-hidden"},m$={class:"flex z-10 w-[100vw] top-0 fixed justify-between px-4 py-3 bg-white border-b border-b-border max-h-[50px]"},y$={class:"h-fit my-auto font-bold text-lg relative flex text-[19px]"},g$={key:0},k$={key:3,width:"22px",height:"22px",class:"mt-[4px]",viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg"},v$={key:0,class:"flex justify-end fixed bottom-0 left-0 w-[100vw] bg-white border-t border-t-border max-h-[50px] px-4 py-3"},w$={class:"right-0 flex gap-2"},x$=["onClick"],b$=p.defineComponent({__name:"Towser",props:{show:{type:Boolean,default:!1},title:{},actions:{},double:{type:Boolean,default:!1},bodyWidth:{default:50},body2Width:{default:50}},setup(a,{emit:e}){const t=a,i=e,r=p.computed(()=>t.actions?"150px":"100px"),n=p.computed(()=>t.double?`${t.bodyWidth}%`:"100%"),s=p.computed(()=>`
+                `}else return""},cellClick:V}),w=()=>{const U=document.getElementById(l.value);if(!U)return;m.value=r.columns.map(N=>N.field),ee();const K={data:r.data,columns:y.value,placeholder:r.placeholder??"No records found!",pagination:!0,paginationMode:r.paginationType,paginationSize:u.value,filterMode:r.paginationType==="remote"?"remote":"local",sortMode:r.paginationType==="remote"?"remote":"local",paginationSizeSelector:r.paginationSizeSelector,layout:"fitColumns",height:window.innerHeight-r.heightOffset,ajaxSorting:!0,ajaxURL:r.apiEndpoint,ajaxConfig:{method:"GET"},ajaxRequestFunc:C,paginationDataReceived:{last_page:"meta.last_page",data:"data",total:"meta.total"},headerFilterLiveFilterDelay:500,headerFilterEmptyCheck:N=>N===""};v=new EN(U,K),v.on("tableBuilt",()=>{r.paginationType==="remote"&&v?.setData()}),v.on("pageLoaded",()=>{n.value=!1}),v.on("ajaxError",()=>{n.value=!1}),v.on("rowClick",T),window.addEventListener("scroll",ce,!0),U.addEventListener("scroll",ce,!0),document.querySelector(".tabulator-tableholder")?.addEventListener("scroll",ce,!0)},b=()=>{r.headerContent&&r.enableHeaderPrint&&v&&(v.options.printHeader=r.headerContent),r.footerContent&&r.enableFooterPrint&&v&&(v.options.printFooter=r.footerContent),v?.print("all",!1)},E=()=>{v?.download("xlsx",r.sheetName+".xlsx",{sheetName:r.sheetName})},R=()=>{document.removeEventListener("click",q),window.removeEventListener("scroll",ce,!0),document.getElementById(l.value)?.removeEventListener("scroll",ce,!0),document.querySelector(".tabulator-tableholder")?.removeEventListener("scroll",ce,!0),w()},C=async(U,K,N)=>{if(r.paginationType!=="remote"||!r.apiEndpoint||!r.apiInstance)return Promise.resolve({data:[]});n.value=!0;try{const le=v?.getFilters(!0)||[],Z=v?.getSorters().map(D=>({field:D.field,dir:D.dir}))||[],se=le.length?JSON.stringify(le):void 0,ie=Z.length?JSON.stringify(Z):void 0,de=await r.apiInstance.get(r.apiEndpoint,{params:{page:N.page||1,per_page:N.size||u.value,...r.queryParams,...se&&{filters:se},...ie&&{sorters:ie}}}),{data:xe,meta:be}=de.data;return o.value=be.total,s.value=N.page,h("onDataFeteched",be),{last_page:be.last_page,data:xe,total:be.total}}catch(le){throw n.value=!1,le}},T=(U,K)=>{const N=document.querySelector(".action-show");U.target.closest(`.action-btn-${l.value}`)||N?.classList.remove("action-show"),r.action&&(U.preventDefault(),document.querySelector(".datarow-selected")?.classList.remove("datarow-selected"),K.getElement().classList.add("datarow-selected"))},O=p.computed(()=>r.action?r.actionMode==="frontend"&&r.actionButtons.length>0?!0:r.actionMode==="api"?r.data.some(U=>U.actions&&U.actions.length>0):!1:!1),V=(U,K)=>{const N=U.target,le=N.closest(`.action-btn-${l.value}`),Z=N.closest(`.action-main-div-body-${l.value}`),se=document.querySelector(`#${l.value} .tabulator-tableholder`);if(se&&le&&Z){const ie=se.getBoundingClientRect(),de=Z.querySelector(`.action-dropdown-${l.value}`);if(!de)return;const xe=de.classList.contains("action-show");document.querySelectorAll(`.action-dropdown-${l.value}`).forEach(be=>be.classList.remove("action-show")),xe||(document.addEventListener("click",q),B(de,ie))}r.actionMode=="frontend"?r.actionButtons.forEach(ie=>{N.classList.contains(ie.name.replace(" ","_").toLowerCase()+"_"+K.getData().id+"_"+l.value)&&h&&(K.getRow().getData().id,h(ie.emit,K.getData()))}):r.actionMode=="api"&&K.getData().actions.forEach(ie=>{N.classList.contains(ie.name.replace(" ","_").toLowerCase()+"_"+K.getData().id+"_"+l.value)&&h&&(K.getRow().getData().id,h(ie.emit,K.getData()))})},B=(U,K)=>{const N=U;N.style.top="",N.style.left="",N.style.right="",N.classList.add("action-show"),N.style.right="35px";const le=N.getBoundingClientRect();le.bottom>K.bottom-10&&(N.style.top=`-${le.height}px`)},q=U=>{const K=document.querySelector(".action-show"),N=document.getElementById(l.value),le=U.target.closest(".tabulator-row"),Z=U.target.closest(`.action-main-div-body-${l.value}`);(!N?.contains(U.target)||!le&&!Z)&&(K?.classList.remove("action-show"),document.removeEventListener("click",q))},J=()=>{const U=document.querySelector(".action-show");U&&U.classList.remove("action-show")},ce=()=>{J()},ee=()=>{v&&(v.clearSort(),v.clearHeaderFilter()),y.value=r.columns.filter(K=>m.value.includes(K.field)),r.action&&(r.actionMode==="frontend"&&O.value||r.actionMode==="api")&&y.value.push(x()),y.value=y.value.filter((K,N,le)=>N===le.findIndex(Z=>Z.field===K.field))},ge=()=>{ee(),v?.setColumns(y.value),v?.setPageSize(u.value),d.value=!1},ne=()=>{d.value=!d.value};return p.onMounted(()=>{u.value=r.paginationSize,w()}),p.onBeforeUnmount(()=>{document.removeEventListener("click",q),window.removeEventListener("scroll",ce,!0),document.getElementById(l.value)?.removeEventListener("scroll",ce,!0),document.querySelector(".tabulator-tableholder")?.removeEventListener("scroll",ce,!0)}),p.watch(()=>r.data,U=>{v?.setData(U),ee(),v?.setColumns(y.value)},{deep:!0}),p.watch(()=>r.queryParams,()=>{r.paginationType==="remote"&&(v?.setPage(1),v?.setData())},{deep:!0}),p.watch(()=>r.columns,()=>{ee(),v?.setColumns(y.value)},{deep:!0}),e({reInitializeTabulator:R,print:b,exportTable:E}),(U,K)=>(p.openBlock(),p.createElementBlock("div",ZZ,[U.enableHeaderBlock&&U.headerContent?(p.openBlock(),p.createElementBlock("div",{key:0,innerHTML:U.headerContent},null,8,$Z)):p.createCommentVNode("",!0),U.showOptions?(p.openBlock(),p.createElementBlock("div",e$,[U.exportButton?(p.openBlock(),p.createElementBlock("button",{key:0,onClick:E,class:"btn-outline btn-secondary group","aria-label":"Open settings"},[p.createVNode(rT,{name:"FileSpreadsheet"})])):p.createCommentVNode("",!0),U.printButton?(p.openBlock(),p.createElementBlock("button",{key:1,onClick:b,class:"btn-outline btn-secondary group","aria-label":"Open settings"},[p.createVNode(rT,{name:"Printer"})])):p.createCommentVNode("",!0),U.settingsButton?(p.openBlock(),p.createElementBlock("button",{key:2,onClick:ne,class:"btn-outline btn-secondary group","aria-label":"Open settings"},[p.createVNode(rT,{name:"Settings"})])):p.createCommentVNode("",!0)])):p.createCommentVNode("",!0),p.createElementVNode("div",null,[p.createElementVNode("div",{ref:l.value,id:l.value,class:p.normalizeClass([{"tabulator-action":U.action},`${l.value}`])},null,10,t$)]),U.enableFooterBlock&&U.footerContent?(p.openBlock(),p.createElementBlock("div",{key:2,innerHTML:U.footerContent},null,8,a$)):p.createCommentVNode("",!0),p.createVNode(gI,{show:d.value,title:k.title,actions:k.action,width:"600px",onOnClose:K[3]||(K[3]=N=>d.value=!1),onOnSave:ge},{default:p.withCtx(()=>[p.createElementVNode("div",i$,[p.createElementVNode("div",r$,[K[4]||(K[4]=p.createElementVNode("span",{class:"text-base font-semibold"},"Columns Attributes",-1)),p.createElementVNode("div",null,[p.withDirectives(p.createElementVNode("input",{"onUpdate:modelValue":K[0]||(K[0]=N=>f.value=N),class:"input-text mb-4",placeholder:"Search for attributes","aria-label":"Search columns"},null,512),[[p.vModelText,f.value]]),(p.openBlock(!0),p.createElementBlock(p.Fragment,null,p.renderList(g.value,N=>(p.openBlock(),p.createElementBlock("div",{key:N.field,class:"my-2"},[N.field!=="action"?(p.openBlock(),p.createElementBlock("div",n$,[p.withDirectives(p.createElementVNode("input",{type:"checkbox",disabled:!N.isNotMandatory,"onUpdate:modelValue":K[1]||(K[1]=le=>m.value=le),value:N.field,class:"mx-1.5",id:N.title,"aria-labelledby":"column-checkbox"},null,8,s$),[[p.vModelCheckbox,m.value]]),p.createElementVNode("label",{for:N.title,class:"select-none"},p.toDisplayString(N.title),9,o$)])):p.createCommentVNode("",!0)]))),128))])]),p.createElementVNode("div",l$,[K[5]||(K[5]=p.createElementVNode("span",{class:"text-base font-semibold"},"Page Size",-1)),p.createElementVNode("div",c$,[(p.openBlock(!0),p.createElementBlock(p.Fragment,null,p.renderList(U.paginationSizeSelector,N=>(p.openBlock(),p.createElementBlock("label",{key:N,class:"flex items-center mt-2"},[p.withDirectives(p.createElementVNode("input",{type:"radio","onUpdate:modelValue":K[2]||(K[2]=le=>u.value=le),value:N,class:"mr-2.5","aria-label":"Select page size"},null,8,h$),[[p.vModelRadio,u.value]]),p.createTextVNode(" "+p.toDisplayString(N),1)]))),128))])])])]),_:1},8,["show","title","actions"])]))}}),u$=["aria-checked"],f$={class:"text-[12px]"},dF=p.defineComponent({__name:"Toggle",props:{modelValue:{type:Boolean,default:!1},onText:{default:"On"},offText:{default:"Off"},width:{default:"60px"},disable:{type:Boolean,default:!1}},emits:["update:modelValue"],setup(a,{emit:e}){const t=a,i=e,r=p.ref(t.modelValue);p.watch(()=>t.modelValue,s=>{r.value=s});const n=()=>{t.disable||(r.value=!r.value,i("update:modelValue",r.value))};return(s,o)=>(p.openBlock(),p.createElementBlock("div",{onClick:n,class:p.normalizeClass(["relative select-none h-[30px] rounded-default transition-colors duration-200 border border-border-foreground overflow-hidden",[s.disable?"cursor-not-allowed":"cursor-pointer"]]),style:p.normalizeStyle({width:s.width,maxWidth:s.width,minWidth:s.width}),role:"switch","aria-checked":r.value},[p.createElementVNode("div",{class:p.normalizeClass(["flex items-center justify-center w-1/2 h-full bg-gray-200 shadow-md transform transition-transform duration-200",r.value?"translate-x-full":"translate-x-0"])},[p.createElementVNode("span",f$,p.toDisplayString(r.value?s.onText:s.offText),1)],2)],14,u$))}}),p$={key:0,class:"fixed top-0 left-0 w-[100vw] h-[100vh] bg-background z-10 overflow-hidden"},m$={class:"flex z-10 w-[100vw] top-0 fixed justify-between px-4 py-3 bg-white border-b border-b-border max-h-[50px]"},y$={class:"h-fit my-auto font-bold text-lg relative flex text-[19px]"},g$={key:0},k$={key:3,width:"22px",height:"22px",class:"mt-[4px]",viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg"},v$={key:0,class:"flex justify-end fixed bottom-0 left-0 w-[100vw] bg-white border-t border-t-border max-h-[50px] px-4 py-3"},w$={class:"right-0 flex gap-2"},x$=["onClick"],b$=p.defineComponent({__name:"Towser",props:{show:{type:Boolean,default:!1},title:{},actions:{},double:{type:Boolean,default:!1},bodyWidth:{default:50},body2Width:{default:50}},setup(a,{emit:e}){const t=a,i=e,r=p.computed(()=>t.actions?"150px":"100px"),n=p.computed(()=>t.double?`${t.bodyWidth}%`:"100%"),s=p.computed(()=>`
       min-height: calc(100vh - ${r.value});
       max-height: calc(100vh - ${r.value});
       width: ${n.value}

package/dist/dolphin-components.es.js

@@ -68104,7 +68104,7 @@ const A$ = t0.version, R$ = {
     const n = () => {
       t.disable || (r.value = !r.value, i("update:modelValue", r.value));
     };
-    return (s, o) => (ie(), de("button", {
+    return (s, o) => (ie(), de("div", {
       onClick: n,
       class: ct(["relative select-none h-[30px] rounded-default transition-colors duration-200 border border-border-foreground overflow-hidden", [s.disable ? "cursor-not-allowed" : "cursor-pointer"]]),
       style: ra({ width: s.width, maxWidth: s.width, minWidth: s.width }),

package/dist/dolphin-components.umd.js

@@ -8353,7 +8353,7 @@ EOD`}return{to_workbook:i,to_sheet:t,from_sheet:s}})(),tR=(function(){function a
                     ${N}
                     </div>
                 </div>
-                `}else return""},cellClick:V}),w=()=>{const U=document.getElementById(l.value);if(!U)return;m.value=r.columns.map(N=>N.field),ee();const K={data:r.data,columns:y.value,placeholder:r.placeholder??"No records found!",pagination:!0,paginationMode:r.paginationType,paginationSize:u.value,filterMode:r.paginationType==="remote"?"remote":"local",sortMode:r.paginationType==="remote"?"remote":"local",paginationSizeSelector:r.paginationSizeSelector,layout:"fitColumns",height:window.innerHeight-r.heightOffset,ajaxSorting:!0,ajaxURL:r.apiEndpoint,ajaxConfig:{method:"GET"},ajaxRequestFunc:C,paginationDataReceived:{last_page:"meta.last_page",data:"data",total:"meta.total"},headerFilterLiveFilterDelay:500,headerFilterEmptyCheck:N=>N===""};v=new fN(U,K),v.on("tableBuilt",()=>{r.paginationType==="remote"&&v?.setData()}),v.on("pageLoaded",()=>{n.value=!1}),v.on("ajaxError",()=>{n.value=!1}),v.on("rowClick",T),window.addEventListener("scroll",ce,!0),U.addEventListener("scroll",ce,!0),document.querySelector(".tabulator-tableholder")?.addEventListener("scroll",ce,!0)},b=()=>{r.headerContent&&r.enableHeaderPrint&&v&&(v.options.printHeader=r.headerContent),r.footerContent&&r.enableFooterPrint&&v&&(v.options.printFooter=r.footerContent),v?.print("all",!1)},E=()=>{v?.download("xlsx",r.sheetName+".xlsx",{sheetName:r.sheetName})},R=()=>{document.removeEventListener("click",q),window.removeEventListener("scroll",ce,!0),document.getElementById(l.value)?.removeEventListener("scroll",ce,!0),document.querySelector(".tabulator-tableholder")?.removeEventListener("scroll",ce,!0),w()},C=async(U,K,N)=>{if(r.paginationType!=="remote"||!r.apiEndpoint||!r.apiInstance)return Promise.resolve({data:[]});n.value=!0;try{const le=v?.getFilters(!0)||[],Z=v?.getSorters().map(D=>({field:D.field,dir:D.dir}))||[],se=le.length?JSON.stringify(le):void 0,ie=Z.length?JSON.stringify(Z):void 0,de=await r.apiInstance.get(r.apiEndpoint,{params:{page:N.page||1,per_page:N.size||u.value,...r.queryParams,...se&&{filters:se},...ie&&{sorters:ie}}}),{data:xe,meta:be}=de.data;return o.value=be.total,s.value=N.page,h("onDataFeteched",be),{last_page:be.last_page,data:xe,total:be.total}}catch(le){throw n.value=!1,le}},T=(U,K)=>{const N=document.querySelector(".action-show");U.target.closest(`.action-btn-${l.value}`)||N?.classList.remove("action-show"),r.action&&(U.preventDefault(),document.querySelector(".datarow-selected")?.classList.remove("datarow-selected"),K.getElement().classList.add("datarow-selected"))},O=p.computed(()=>r.action?r.actionMode==="frontend"&&r.actionButtons.length>0?!0:r.actionMode==="api"?r.data.some(U=>U.actions&&U.actions.length>0):!1:!1),V=(U,K)=>{const N=U.target,le=N.closest(`.action-btn-${l.value}`),Z=N.closest(`.action-main-div-body-${l.value}`),se=document.querySelector(`#${l.value} .tabulator-tableholder`);if(se&&le&&Z){const ie=se.getBoundingClientRect(),de=Z.querySelector(`.action-dropdown-${l.value}`);if(!de)return;const xe=de.classList.contains("action-show");document.querySelectorAll(`.action-dropdown-${l.value}`).forEach(be=>be.classList.remove("action-show")),xe||(document.addEventListener("click",q),B(de,ie))}r.actionMode=="frontend"?r.actionButtons.forEach(ie=>{N.classList.contains(ie.name.replace(" ","_").toLowerCase()+"_"+K.getData().id+"_"+l.value)&&h&&(K.getRow().getData().id,h(ie.emit,K.getData()))}):r.actionMode=="api"&&K.getData().actions.forEach(ie=>{N.classList.contains(ie.name.replace(" ","_").toLowerCase()+"_"+K.getData().id+"_"+l.value)&&h&&(K.getRow().getData().id,h(ie.emit,K.getData()))})},B=(U,K)=>{const N=U;N.style.top="",N.style.left="",N.style.right="",N.classList.add("action-show"),N.style.right="35px";const le=N.getBoundingClientRect();le.bottom>K.bottom-10&&(N.style.top=`-${le.height}px`)},q=U=>{const K=document.querySelector(".action-show"),N=document.getElementById(l.value),le=U.target.closest(".tabulator-row"),Z=U.target.closest(`.action-main-div-body-${l.value}`);(!N?.contains(U.target)||!le&&!Z)&&(K?.classList.remove("action-show"),document.removeEventListener("click",q))},J=()=>{const U=document.querySelector(".action-show");U&&U.classList.remove("action-show")},ce=()=>{J()},ee=()=>{v&&(v.clearSort(),v.clearHeaderFilter()),y.value=r.columns.filter(K=>m.value.includes(K.field)),r.action&&(r.actionMode==="frontend"&&O.value||r.actionMode==="api")&&y.value.push(x()),y.value=y.value.filter((K,N,le)=>N===le.findIndex(Z=>Z.field===K.field))},ge=()=>{ee(),v?.setColumns(y.value),v?.setPageSize(u.value),d.value=!1},ne=()=>{d.value=!d.value};return p.onMounted(()=>{u.value=r.paginationSize,w()}),p.onBeforeUnmount(()=>{document.removeEventListener("click",q),window.removeEventListener("scroll",ce,!0),document.getElementById(l.value)?.removeEventListener("scroll",ce,!0),document.querySelector(".tabulator-tableholder")?.removeEventListener("scroll",ce,!0)}),p.watch(()=>r.data,U=>{v?.setData(U),ee(),v?.setColumns(y.value)},{deep:!0}),p.watch(()=>r.queryParams,()=>{r.paginationType==="remote"&&(v?.setPage(1),v?.setData())},{deep:!0}),p.watch(()=>r.columns,()=>{ee(),v?.setColumns(y.value)},{deep:!0}),e({reInitializeTabulator:R,print:b,exportTable:E}),(U,K)=>(p.openBlock(),p.createElementBlock("div",BZ,[U.enableHeaderBlock&&U.headerContent?(p.openBlock(),p.createElementBlock("div",{key:0,innerHTML:U.headerContent},null,8,NZ)):p.createCommentVNode("",!0),U.showOptions?(p.openBlock(),p.createElementBlock("div",qZ,[U.exportButton?(p.openBlock(),p.createElementBlock("button",{key:0,onClick:E,class:"btn-outline btn-secondary group","aria-label":"Open settings"},[p.createVNode(UL,{name:"FileSpreadsheet"})])):p.createCommentVNode("",!0),U.printButton?(p.openBlock(),p.createElementBlock("button",{key:1,onClick:b,class:"btn-outline btn-secondary group","aria-label":"Open settings"},[p.createVNode(UL,{name:"Printer"})])):p.createCommentVNode("",!0),U.settingsButton?(p.openBlock(),p.createElementBlock("button",{key:2,onClick:ne,class:"btn-outline btn-secondary group","aria-label":"Open settings"},[p.createVNode(UL,{name:"Settings"})])):p.createCommentVNode("",!0)])):p.createCommentVNode("",!0),p.createElementVNode("div",null,[p.createElementVNode("div",{ref:l.value,id:l.value,class:p.normalizeClass([{"tabulator-action":U.action},`${l.value}`])},null,10,jZ)]),U.enableFooterBlock&&U.footerContent?(p.openBlock(),p.createElementBlock("div",{key:2,innerHTML:U.footerContent},null,8,_Z)):p.createCommentVNode("",!0),p.createVNode(uS,{show:d.value,title:k.title,actions:k.action,width:"600px",onOnClose:K[3]||(K[3]=N=>d.value=!1),onOnSave:ge},{default:p.withCtx(()=>[p.createElementVNode("div",UZ,[p.createElementVNode("div",GZ,[K[4]||(K[4]=p.createElementVNode("span",{class:"text-base font-semibold"},"Columns Attributes",-1)),p.createElementVNode("div",null,[p.withDirectives(p.createElementVNode("input",{"onUpdate:modelValue":K[0]||(K[0]=N=>f.value=N),class:"input-text mb-4",placeholder:"Search for attributes","aria-label":"Search columns"},null,512),[[p.vModelText,f.value]]),(p.openBlock(!0),p.createElementBlock(p.Fragment,null,p.renderList(g.value,N=>(p.openBlock(),p.createElementBlock("div",{key:N.field,class:"my-2"},[N.field!=="action"?(p.openBlock(),p.createElementBlock("div",WZ,[p.withDirectives(p.createElementVNode("input",{type:"checkbox",disabled:!N.isNotMandatory,"onUpdate:modelValue":K[1]||(K[1]=le=>m.value=le),value:N.field,class:"mx-1.5",id:N.title,"aria-labelledby":"column-checkbox"},null,8,YZ),[[p.vModelCheckbox,m.value]]),p.createElementVNode("label",{for:N.title,class:"select-none"},p.toDisplayString(N.title),9,QZ)])):p.createCommentVNode("",!0)]))),128))])]),p.createElementVNode("div",XZ,[K[5]||(K[5]=p.createElementVNode("span",{class:"text-base font-semibold"},"Page Size",-1)),p.createElementVNode("div",JZ,[(p.openBlock(!0),p.createElementBlock(p.Fragment,null,p.renderList(U.paginationSizeSelector,N=>(p.openBlock(),p.createElementBlock("label",{key:N,class:"flex items-center mt-2"},[p.withDirectives(p.createElementVNode("input",{type:"radio","onUpdate:modelValue":K[2]||(K[2]=le=>u.value=le),value:N,class:"mr-2.5","aria-label":"Select page size"},null,8,KZ),[[p.vModelRadio,u.value]]),p.createTextVNode(" "+p.toDisplayString(N),1)]))),128))])])])]),_:1},8,["show","title","actions"])]))}}),$Z=["aria-checked"],e$={class:"text-[12px]"},jI=p.defineComponent({__name:"Toggle",props:{modelValue:{type:Boolean,default:!1},onText:{default:"On"},offText:{default:"Off"},width:{default:"60px"},disable:{type:Boolean,default:!1}},emits:["update:modelValue"],setup(a,{emit:e}){const t=a,i=e,r=p.ref(t.modelValue);p.watch(()=>t.modelValue,s=>{r.value=s});const n=()=>{t.disable||(r.value=!r.value,i("update:modelValue",r.value))};return(s,o)=>(p.openBlock(),p.createElementBlock("button",{onClick:n,class:p.normalizeClass(["relative select-none h-[30px] rounded-default transition-colors duration-200 border border-border-foreground overflow-hidden",[s.disable?"cursor-not-allowed":"cursor-pointer"]]),style:p.normalizeStyle({width:s.width,maxWidth:s.width,minWidth:s.width}),role:"switch","aria-checked":r.value},[p.createElementVNode("div",{class:p.normalizeClass(["flex items-center justify-center w-1/2 h-full bg-gray-200 shadow-md transform transition-transform duration-200",r.value?"translate-x-full":"translate-x-0"])},[p.createElementVNode("span",e$,p.toDisplayString(r.value?s.onText:s.offText),1)],2)],14,$Z))}}),t$={key:0,class:"fixed top-0 left-0 w-[100vw] h-[100vh] bg-background z-10 overflow-hidden"},a$={class:"flex z-10 w-[100vw] top-0 fixed justify-between px-4 py-3 bg-white border-b border-b-border max-h-[50px]"},i$={class:"h-fit my-auto font-bold text-lg relative flex text-[19px]"},r$={key:0},n$={key:3,width:"22px",height:"22px",class:"mt-[4px]",viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg"},s$={key:0,class:"flex justify-end fixed bottom-0 left-0 w-[100vw] bg-white border-t border-t-border max-h-[50px] px-4 py-3"},o$={class:"right-0 flex gap-2"},l$=["onClick"],c$=p.defineComponent({__name:"Towser",props:{show:{type:Boolean,default:!1},title:{},actions:{},double:{type:Boolean,default:!1},bodyWidth:{default:50},body2Width:{default:50}},setup(a,{emit:e}){const t=a,i=e,r=p.computed(()=>t.actions?"150px":"100px"),n=p.computed(()=>t.double?`${t.bodyWidth}%`:"100%"),s=p.computed(()=>`
+                `}else return""},cellClick:V}),w=()=>{const U=document.getElementById(l.value);if(!U)return;m.value=r.columns.map(N=>N.field),ee();const K={data:r.data,columns:y.value,placeholder:r.placeholder??"No records found!",pagination:!0,paginationMode:r.paginationType,paginationSize:u.value,filterMode:r.paginationType==="remote"?"remote":"local",sortMode:r.paginationType==="remote"?"remote":"local",paginationSizeSelector:r.paginationSizeSelector,layout:"fitColumns",height:window.innerHeight-r.heightOffset,ajaxSorting:!0,ajaxURL:r.apiEndpoint,ajaxConfig:{method:"GET"},ajaxRequestFunc:C,paginationDataReceived:{last_page:"meta.last_page",data:"data",total:"meta.total"},headerFilterLiveFilterDelay:500,headerFilterEmptyCheck:N=>N===""};v=new fN(U,K),v.on("tableBuilt",()=>{r.paginationType==="remote"&&v?.setData()}),v.on("pageLoaded",()=>{n.value=!1}),v.on("ajaxError",()=>{n.value=!1}),v.on("rowClick",T),window.addEventListener("scroll",ce,!0),U.addEventListener("scroll",ce,!0),document.querySelector(".tabulator-tableholder")?.addEventListener("scroll",ce,!0)},b=()=>{r.headerContent&&r.enableHeaderPrint&&v&&(v.options.printHeader=r.headerContent),r.footerContent&&r.enableFooterPrint&&v&&(v.options.printFooter=r.footerContent),v?.print("all",!1)},E=()=>{v?.download("xlsx",r.sheetName+".xlsx",{sheetName:r.sheetName})},R=()=>{document.removeEventListener("click",q),window.removeEventListener("scroll",ce,!0),document.getElementById(l.value)?.removeEventListener("scroll",ce,!0),document.querySelector(".tabulator-tableholder")?.removeEventListener("scroll",ce,!0),w()},C=async(U,K,N)=>{if(r.paginationType!=="remote"||!r.apiEndpoint||!r.apiInstance)return Promise.resolve({data:[]});n.value=!0;try{const le=v?.getFilters(!0)||[],Z=v?.getSorters().map(D=>({field:D.field,dir:D.dir}))||[],se=le.length?JSON.stringify(le):void 0,ie=Z.length?JSON.stringify(Z):void 0,de=await r.apiInstance.get(r.apiEndpoint,{params:{page:N.page||1,per_page:N.size||u.value,...r.queryParams,...se&&{filters:se},...ie&&{sorters:ie}}}),{data:xe,meta:be}=de.data;return o.value=be.total,s.value=N.page,h("onDataFeteched",be),{last_page:be.last_page,data:xe,total:be.total}}catch(le){throw n.value=!1,le}},T=(U,K)=>{const N=document.querySelector(".action-show");U.target.closest(`.action-btn-${l.value}`)||N?.classList.remove("action-show"),r.action&&(U.preventDefault(),document.querySelector(".datarow-selected")?.classList.remove("datarow-selected"),K.getElement().classList.add("datarow-selected"))},O=p.computed(()=>r.action?r.actionMode==="frontend"&&r.actionButtons.length>0?!0:r.actionMode==="api"?r.data.some(U=>U.actions&&U.actions.length>0):!1:!1),V=(U,K)=>{const N=U.target,le=N.closest(`.action-btn-${l.value}`),Z=N.closest(`.action-main-div-body-${l.value}`),se=document.querySelector(`#${l.value} .tabulator-tableholder`);if(se&&le&&Z){const ie=se.getBoundingClientRect(),de=Z.querySelector(`.action-dropdown-${l.value}`);if(!de)return;const xe=de.classList.contains("action-show");document.querySelectorAll(`.action-dropdown-${l.value}`).forEach(be=>be.classList.remove("action-show")),xe||(document.addEventListener("click",q),B(de,ie))}r.actionMode=="frontend"?r.actionButtons.forEach(ie=>{N.classList.contains(ie.name.replace(" ","_").toLowerCase()+"_"+K.getData().id+"_"+l.value)&&h&&(K.getRow().getData().id,h(ie.emit,K.getData()))}):r.actionMode=="api"&&K.getData().actions.forEach(ie=>{N.classList.contains(ie.name.replace(" ","_").toLowerCase()+"_"+K.getData().id+"_"+l.value)&&h&&(K.getRow().getData().id,h(ie.emit,K.getData()))})},B=(U,K)=>{const N=U;N.style.top="",N.style.left="",N.style.right="",N.classList.add("action-show"),N.style.right="35px";const le=N.getBoundingClientRect();le.bottom>K.bottom-10&&(N.style.top=`-${le.height}px`)},q=U=>{const K=document.querySelector(".action-show"),N=document.getElementById(l.value),le=U.target.closest(".tabulator-row"),Z=U.target.closest(`.action-main-div-body-${l.value}`);(!N?.contains(U.target)||!le&&!Z)&&(K?.classList.remove("action-show"),document.removeEventListener("click",q))},J=()=>{const U=document.querySelector(".action-show");U&&U.classList.remove("action-show")},ce=()=>{J()},ee=()=>{v&&(v.clearSort(),v.clearHeaderFilter()),y.value=r.columns.filter(K=>m.value.includes(K.field)),r.action&&(r.actionMode==="frontend"&&O.value||r.actionMode==="api")&&y.value.push(x()),y.value=y.value.filter((K,N,le)=>N===le.findIndex(Z=>Z.field===K.field))},ge=()=>{ee(),v?.setColumns(y.value),v?.setPageSize(u.value),d.value=!1},ne=()=>{d.value=!d.value};return p.onMounted(()=>{u.value=r.paginationSize,w()}),p.onBeforeUnmount(()=>{document.removeEventListener("click",q),window.removeEventListener("scroll",ce,!0),document.getElementById(l.value)?.removeEventListener("scroll",ce,!0),document.querySelector(".tabulator-tableholder")?.removeEventListener("scroll",ce,!0)}),p.watch(()=>r.data,U=>{v?.setData(U),ee(),v?.setColumns(y.value)},{deep:!0}),p.watch(()=>r.queryParams,()=>{r.paginationType==="remote"&&(v?.setPage(1),v?.setData())},{deep:!0}),p.watch(()=>r.columns,()=>{ee(),v?.setColumns(y.value)},{deep:!0}),e({reInitializeTabulator:R,print:b,exportTable:E}),(U,K)=>(p.openBlock(),p.createElementBlock("div",BZ,[U.enableHeaderBlock&&U.headerContent?(p.openBlock(),p.createElementBlock("div",{key:0,innerHTML:U.headerContent},null,8,NZ)):p.createCommentVNode("",!0),U.showOptions?(p.openBlock(),p.createElementBlock("div",qZ,[U.exportButton?(p.openBlock(),p.createElementBlock("button",{key:0,onClick:E,class:"btn-outline btn-secondary group","aria-label":"Open settings"},[p.createVNode(UL,{name:"FileSpreadsheet"})])):p.createCommentVNode("",!0),U.printButton?(p.openBlock(),p.createElementBlock("button",{key:1,onClick:b,class:"btn-outline btn-secondary group","aria-label":"Open settings"},[p.createVNode(UL,{name:"Printer"})])):p.createCommentVNode("",!0),U.settingsButton?(p.openBlock(),p.createElementBlock("button",{key:2,onClick:ne,class:"btn-outline btn-secondary group","aria-label":"Open settings"},[p.createVNode(UL,{name:"Settings"})])):p.createCommentVNode("",!0)])):p.createCommentVNode("",!0),p.createElementVNode("div",null,[p.createElementVNode("div",{ref:l.value,id:l.value,class:p.normalizeClass([{"tabulator-action":U.action},`${l.value}`])},null,10,jZ)]),U.enableFooterBlock&&U.footerContent?(p.openBlock(),p.createElementBlock("div",{key:2,innerHTML:U.footerContent},null,8,_Z)):p.createCommentVNode("",!0),p.createVNode(uS,{show:d.value,title:k.title,actions:k.action,width:"600px",onOnClose:K[3]||(K[3]=N=>d.value=!1),onOnSave:ge},{default:p.withCtx(()=>[p.createElementVNode("div",UZ,[p.createElementVNode("div",GZ,[K[4]||(K[4]=p.createElementVNode("span",{class:"text-base font-semibold"},"Columns Attributes",-1)),p.createElementVNode("div",null,[p.withDirectives(p.createElementVNode("input",{"onUpdate:modelValue":K[0]||(K[0]=N=>f.value=N),class:"input-text mb-4",placeholder:"Search for attributes","aria-label":"Search columns"},null,512),[[p.vModelText,f.value]]),(p.openBlock(!0),p.createElementBlock(p.Fragment,null,p.renderList(g.value,N=>(p.openBlock(),p.createElementBlock("div",{key:N.field,class:"my-2"},[N.field!=="action"?(p.openBlock(),p.createElementBlock("div",WZ,[p.withDirectives(p.createElementVNode("input",{type:"checkbox",disabled:!N.isNotMandatory,"onUpdate:modelValue":K[1]||(K[1]=le=>m.value=le),value:N.field,class:"mx-1.5",id:N.title,"aria-labelledby":"column-checkbox"},null,8,YZ),[[p.vModelCheckbox,m.value]]),p.createElementVNode("label",{for:N.title,class:"select-none"},p.toDisplayString(N.title),9,QZ)])):p.createCommentVNode("",!0)]))),128))])]),p.createElementVNode("div",XZ,[K[5]||(K[5]=p.createElementVNode("span",{class:"text-base font-semibold"},"Page Size",-1)),p.createElementVNode("div",JZ,[(p.openBlock(!0),p.createElementBlock(p.Fragment,null,p.renderList(U.paginationSizeSelector,N=>(p.openBlock(),p.createElementBlock("label",{key:N,class:"flex items-center mt-2"},[p.withDirectives(p.createElementVNode("input",{type:"radio","onUpdate:modelValue":K[2]||(K[2]=le=>u.value=le),value:N,class:"mr-2.5","aria-label":"Select page size"},null,8,KZ),[[p.vModelRadio,u.value]]),p.createTextVNode(" "+p.toDisplayString(N),1)]))),128))])])])]),_:1},8,["show","title","actions"])]))}}),$Z=["aria-checked"],e$={class:"text-[12px]"},jI=p.defineComponent({__name:"Toggle",props:{modelValue:{type:Boolean,default:!1},onText:{default:"On"},offText:{default:"Off"},width:{default:"60px"},disable:{type:Boolean,default:!1}},emits:["update:modelValue"],setup(a,{emit:e}){const t=a,i=e,r=p.ref(t.modelValue);p.watch(()=>t.modelValue,s=>{r.value=s});const n=()=>{t.disable||(r.value=!r.value,i("update:modelValue",r.value))};return(s,o)=>(p.openBlock(),p.createElementBlock("div",{onClick:n,class:p.normalizeClass(["relative select-none h-[30px] rounded-default transition-colors duration-200 border border-border-foreground overflow-hidden",[s.disable?"cursor-not-allowed":"cursor-pointer"]]),style:p.normalizeStyle({width:s.width,maxWidth:s.width,minWidth:s.width}),role:"switch","aria-checked":r.value},[p.createElementVNode("div",{class:p.normalizeClass(["flex items-center justify-center w-1/2 h-full bg-gray-200 shadow-md transform transition-transform duration-200",r.value?"translate-x-full":"translate-x-0"])},[p.createElementVNode("span",e$,p.toDisplayString(r.value?s.onText:s.offText),1)],2)],14,$Z))}}),t$={key:0,class:"fixed top-0 left-0 w-[100vw] h-[100vh] bg-background z-10 overflow-hidden"},a$={class:"flex z-10 w-[100vw] top-0 fixed justify-between px-4 py-3 bg-white border-b border-b-border max-h-[50px]"},i$={class:"h-fit my-auto font-bold text-lg relative flex text-[19px]"},r$={key:0},n$={key:3,width:"22px",height:"22px",class:"mt-[4px]",viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg"},s$={key:0,class:"flex justify-end fixed bottom-0 left-0 w-[100vw] bg-white border-t border-t-border max-h-[50px] px-4 py-3"},o$={class:"right-0 flex gap-2"},l$=["onClick"],c$=p.defineComponent({__name:"Towser",props:{show:{type:Boolean,default:!1},title:{},actions:{},double:{type:Boolean,default:!1},bodyWidth:{default:50},body2Width:{default:50}},setup(a,{emit:e}){const t=a,i=e,r=p.computed(()=>t.actions?"150px":"100px"),n=p.computed(()=>t.double?`${t.bodyWidth}%`:"100%"),s=p.computed(()=>`
       min-height: calc(100vh - ${r.value});
       max-height: calc(100vh - ${r.value});
       width: ${n.value}

package/dist/index.d.ts

@@ -426,7 +426,7 @@ modelValue: boolean;
 disable: boolean;
 onText: string;
 offText: string;
-}, {}, {}, {}, string, ComponentProvideOptions, false, {}, HTMLButtonElement>;
+}, {}, {}, {}, string, ComponentProvideOptions, false, {}, HTMLDivElement>;
 
 export declare interface ToggleProps {
     modelValue: boolean;

package/package.json

@@ -1,7 +1,7 @@
 {
     "name": "dolphin-components",
     "private": false,
-    "version": "2.2.22",
+    "version": "2.2.23",
     "type": "module",
     "files": [
         "dist"
@@ -31,15 +31,15 @@
         "@tailwindcss/vite": "^4.1.12",
         "@types/tabulator-tables": "^6.2.10",
         "axios": "^1.11.0",
-        "lucide-vue-next": "^0.539.0",
+        "lucide-vue-next": "^0.542.0",
         "moment": "^2.30.1",
         "nepali-date-library": "^1.1.5",
         "nepali-datepicker-vue": "^1.0.8",
-        "sweetalert2": "^11.22.4",
+        "sweetalert2": "^11.22.5",
         "tabulator-tables": "^6.3.1",
         "tailwindcss": "^4.1.12",
         "utility-types": "^3.11.0",
-        "vue": "^3.5.18",
+        "vue": "^3.5.20",
         "vue-datepicker-next": "^1.0.3",
         "vue-multiselect": "^3.3.1",
         "xlsx": "https://cdn.sheetjs.com/xlsx-0.20.3/xlsx-0.20.3.tgz"
@@ -50,14 +50,14 @@
     "devDependencies": {
         "@types/node": "^24.3.0",
         "@vitejs/plugin-vue": "^6.0.1",
-        "@vue/tsconfig": "^0.8.0",
+        "@vue/tsconfig": "^0.8.1",
         "path": "^0.12.7",
         "prettier": "3.6.2",
         "rollup-plugin-typescript2": "^0.36.0",
         "typescript": "~5.9.2",
-        "vite": "^7.1.2",
+        "vite": "^7.1.3",
         "vite-plugin-dts": "^4.5.4",
-        "vue-tsc": "^3.0.5"
+        "vue-tsc": "^3.0.6"
     },
     "keywords": [
         "mavorion",