@razaman2/reactive-view 0.1.0-beta.9 → 0.2.1

package/dist/components/index.d.ts

@@ -0,0 +1,17 @@
+export { default as Button } from "./Button.vue";
+export { default as ConfirmationModal } from "./ConfirmationModal.vue";
+export { default as CustomAlert } from "./CustomAlert.vue";
+export { default as CustomButton } from "./CustomButton.vue";
+export { default as CustomModal } from "./CustomModal.vue";
+export { default as CustomTable } from "./CustomTable.vue";
+export { default as CustomTableRow } from "./CustomTableRow.vue";
+export { default as Datetime } from "./Datetime.vue";
+export { default as DraggableList } from "./DraggableList.vue";
+export { default as Editor } from "./Editor.vue";
+export { default as Input } from "./Input.vue";
+export { default as ItemsList } from "./ItemsList.vue";
+export { default as Label } from "./Label.vue";
+export { default as ListPagination } from "./ListPagination.vue";
+export { default as Popover } from "./Popover.vue";
+export { default as Select } from "./Select.vue";
+export { Masks } from "./masks";

package/dist/components/masks.d.mts

@@ -0,0 +1,22 @@
+type Mask = Record<string, any>;
+declare const masks: {
+    currency: Mask;
+    percentage: Mask;
+    pounds: Mask;
+    integer: Mask;
+    float: Mask;
+    number: Mask;
+    phone: Mask;
+};
+export declare const Masks: {
+    currency: Mask;
+    percentage: Mask;
+    pounds: Mask;
+    integer: Mask;
+    float: Mask;
+    number: Mask;
+    phone: Mask;
+} & {
+    format: (value: unknown, changes?: Mask) => Record<keyof typeof masks, string>;
+};
+export {};

package/dist/components/masks.d.ts

@@ -0,0 +1,22 @@
+type Mask = Record<string, any>;
+declare const masks: {
+    currency: Mask;
+    percentage: Mask;
+    pounds: Mask;
+    integer: Mask;
+    float: Mask;
+    number: Mask;
+    phone: Mask;
+};
+export declare const Masks: {
+    currency: Mask;
+    percentage: Mask;
+    pounds: Mask;
+    integer: Mask;
+    float: Mask;
+    number: Mask;
+    phone: Mask;
+} & {
+    format: (value: unknown, changes?: Mask) => Record<keyof typeof masks, string>;
+};
+export {};

package/dist/components.js

@@ -0,0 +1 @@
+Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require(`./src-BJaQUsvj.js`),t=require(`./Select-D8LFsK4R.js`),n=require(`./Label-CkJjlfli.js`),r=require(`./Editor-JraAPAuW.js`);let i=require(`@razaman2/object-manager`);i=e.S(i);let a=require(`@razaman2/data-manager`);a=e.S(a);let o=require(`vue`),s=require(`date-fns-tz`),c=require(`tailwind-merge`),l=require(`primevue`),u=require(`uuid`),d=require(`inputmask`);d=e.S(d);let f=require(`date-fns`);var p=e.c({modelName:`Button`,props:{class:e.n(),buttonClass:e.n(),split:e.n({type:Boolean}),options:e.n({type:Array,default:[]}),unstyled:e.n({type:Boolean})},setup(t,n,r){return{template:()=>{if(r.unstyled)return(0,o.createVNode)(l.Button,{unstyled:!0,class:(0,c.twMerge)(e.t(`btn uppercase rounded-lg text-sm font-normal leading-none`,r.buttonClass,r.class).string,e.t(r.buttonClass,r.class).string)},r.$slots);let t=(0,c.twMerge)(e.t(`btn uppercase leading-none`,r.buttonClass,r.class).string,e.t(r.buttonClass,r.class).string),n=`shrink-0 text-sm! font-normal!`,i=`${n} border-0! px-4! py-0! [&_.p-button-label]:[font:inherit]!`,a=`[background-image:linear-gradient(180deg,rgba(255,255,255,0.20)_28%,rgba(255,255,255,0.00)_100%)]!`,s=`relative before:pointer-events-none before:absolute before:inset-0 before:rounded-[inherit] before:bg-current before:opacity-0 before:transition-opacity hover:before:opacity-[0.15]`,u=`${i} ${s} h-full bg-transparent! shadow-none! rounded-none! text-inherit! [font:inherit]!`,d=[`top`,`bottom`].includes(r.$attrs.iconPos)?`h-auto py-2! gap-1`:``;return r.split?(0,o.createVNode)(l.SplitButton,{class:(0,c.twMerge)(n,a,t,`p-0! overflow-hidden`),buttonProps:{class:(0,c.twMerge)(u,`pr-2!`)},menuButtonProps:{class:(0,c.twMerge)(u,`pl-2!`)},model:r.options},r.$slots):(0,o.createVNode)(l.Button,{class:(0,c.twMerge)(i,a,s,d,t)},r.$slots)}}}}),m={viewBox:`0 0 24 24`,width:`1.2em`,height:`1.2em`};function h(e,t){return(0,o.openBlock)(),(0,o.createElementBlock)(`svg`,m,[...t[0]||=[(0,o.createElementVNode)(`path`,{fill:`currentColor`,d:`M19 6.41L17.59 5L12 10.59L6.41 5L5 6.41L10.59 12L5 17.59L6.41 19L12 13.41L17.59 19L19 17.59L13.41 12z`},null,-1)]])}var g=(0,o.markRaw)({name:`mdi-close`,render:h}),_=e.c({modelName:`CustomButton`,props:{label:e.n({type:[Number,String]}),tag:e.n({type:String,default:`button`}),loading:e.n({type:[Boolean,Function],default:!1}),padding:e.n({type:Boolean,default:!0}),buttonClass:e.n(),loadingClass:e.n()},setup(t,n,r){let i=typeof r.loading==`function`?r.loading:()=>r.loading,a=(0,o.ref)(!1);return(0,o.watchEffect)(()=>{a.value=i()}),{template:()=>(0,o.createVNode)(r.tag,{class:(0,c.twMerge)(e.t({"px-0 h-min":!r.padding,"btn uppercase rounded-lg text-sm font-normal leading-none":!0}).string,e.t(r.buttonClass).string)},{default:()=>[e.i(t).buttonLoading(),(0,o.createVNode)(`div`,{class:{hidden:a.value,contents:!0}},[e.i(t).buttonIcon(),r.$slots.default?r.$slots.default({component:t}):r.label])]}),buttonIcon:()=>{if(r.$slots.icon)return r.$slots.icon({component:t})},buttonLoading:()=>{if(a.value)return r.$slots.loading?r.$slots.loading({component:t}):(0,o.createVNode)(`span`,{class:e.t(`loading`,r.loadingClass)},null)}}}}),v=e.c({modelName:`CustomModal`,props:{title:e.n({type:[Boolean,Number,String],default:`Modal Title`}),persistent:e.n({type:Boolean}),header:e.n({type:Boolean,default:!0}),actions:e.n({type:Boolean,default:!0}),ok:e.n({type:Boolean,default:!0}),cancel:e.n({type:Boolean}),close:e.n({type:Boolean,default:!0}),show:e.n({type:Boolean,default:!0}),whenOk:e.n({type:Function,default:()=>{}}),whenCancel:e.n({type:Function,default:()=>{}}),whenClose:e.n({type:Function,default:()=>{}}),whenEscape:e.n({type:Function,default:()=>{}}),whenDismiss:e.n({type:Function,default:()=>{}}),whenRouteChange:e.n({type:Function,default:()=>{}}),class:e.n(),headerClass:e.n(),titleClass:e.n(),actionsClass:e.n(),backdropClass:e.n(),timeout:e.n({default:!1,validator:e=>typeof e==`number`||e===!1}),modal:e.n({type:Boolean}),id:e.n({type:[Number,String]})},setup:(t,n,r)=>{(0,o.provide)(`dialog`,t);let i=(0,o.ref)(),a=(0,o.ref)(),s=document.getElementById(r.$attrs.container??`app-dialogs`),l=(0,o.computed)(()=>e.i(t).trigger??r.$slots.trigger),u=(0,o.computed)(()=>l.value?!1:r.show),d=(0,o.computed)(()=>!0),f=e=>{throw Error(e)},p=()=>(0,o.createVNode)(`div`,null,[(0,o.createVNode)(`dialog`,(0,o.mergeProps)({class:`modal`,ref:i},l.value||e.i(t).watch?{}:s?{id:s.lastChild?.id}:f(`Modal should be called with showComponent.ts | trigger element | trigger slot`)),[e.i(t).modalBox(),e.i(t).modalBackdrop()]),l.value?.({component:t})]),m=()=>(0,o.createVNode)(`div`,{class:(0,c.twMerge)(e.t(`modal-box flex flex-col p-0`,r.class).string,e.t(r.class).string)},[e.i(t).modalHeader(),e.i(t).modalContent(),e.i(t).modalActions()]),h=()=>r.$slots.default?r.$slots.default({component:t}):(0,o.createVNode)(`div`,{class:`px-4`},[(0,o.createTextVNode)(`No Content`)]),v=()=>(0,o.createVNode)(`div`,{class:(0,c.twMerge)(`modal-backdrop`,e.t({"pointer-events-none":r.persistent}).string,e.t(r.backdropClass).string),onClick:()=>e.i(t).hide(`backdrop`)},null),y=()=>{if(r.actions)return(0,o.createVNode)(`div`,{style:`margin: 0;`,class:(0,c.twMerge)(`modal-action px-4 pb-4`,e.t(r.actionsClass).string)},[e.i(t).okButton(),e.i(t).cancelButton()])},b=()=>{if(r.header)return(0,o.createVNode)(`div`,{class:(0,c.twMerge)(`flex items-center justify-between px-4 pt-4`,e.t(r.headerClass).string)},[e.i(t).title(),e.i(t).closeButton()])},x=()=>{if(r.close)return(0,o.createVNode)(g,{class:`cursor-pointer rounded-full text-xl transition duration-500 hover:scale-80 hover:ring`,onClick:async()=>{await r.whenClose(),e.i(t).hide(`close`)}},null)},S=()=>{if(r.ok)return(0,o.createVNode)(_,{label:`ok`,class:`btn-sm btn-success text-white`,onClick:()=>e.i(t).triggerOk(),disabled:!e.i(t).isValid},null)},C=()=>{if(r.cancel)return(0,o.createVNode)(_,{label:`cancel`,class:`btn-sm btn-error text-white`,onClick:async()=>{await r.whenCancel(),e.i(t).hide(`cancel`)}},null)},w=()=>{if([`String`,`Number`].includes(r.title.constructor.name))return(0,o.createVNode)(`h3`,{class:(0,c.twMerge)(`w-full text-center font-bold`,e.t(r.titleClass).string)},[r.title])},T=()=>i.value[r.modal?`showModal`:`show`](),E=e=>i.value.close(e),D=()=>i.value.open,O=e=>{r.$attrs.unmount?.(e),clearTimeout(a.value)},k=async()=>{let e=await import(`@razaman2/event-emitter`);return(e.default?.global?e.default:e.default.default).global()},A=async()=>{await r.whenOk(e.i(t).model.getData()),e.i(t).hide(`ok`)},j=async e=>{let t=e.key===`Escape`;r.persistent&&t?(e.stopPropagation(),e.preventDefault()):t&&await r.whenEscape()},M=async()=>{i.value&&e.i(t).showing()&&await r.whenRouteChange()};return(0,o.onBeforeUnmount)(()=>{document.removeEventListener(`keydown`,j),window.removeEventListener(`hashchange`,M),window.removeEventListener(`popstate`,M)}),setTimeout(()=>{let n=`open`;i.value&&(new MutationObserver(async()=>{if(e.i(t).showing())try{await(await k()).emit(`dialog:${n}`,{type:n,component:t,id:r.id})}finally{}}).observe(i.value,{attributes:!0,attributeFilter:[n]}),i.value.addEventListener(`close`,async e=>{let n=e.target.returnValue||`escape`;try{await(await k()).emit(`dialog:close`,{e,type:n,component:t,id:r.id})}finally{await r.whenDismiss({type:n}),O({type:n})}}),typeof r.timeout==`number`&&(a.value=setTimeout(()=>e.i(t).hide(`timeout`),r.timeout)),e.i(t).watch?(0,o.watch)(e.i(t).watch,n=>{i.value&&n?e.i(t).show():i.value&&e.i(t).hide()},{deep:!0}):u.value&&e.i(t).show()),document.addEventListener(`keydown`,j),window.addEventListener(`hashchange`,M),window.addEventListener(`popstate`,M)}),{template:p,title:w,modalBox:m,modalHeader:b,modalContent:h,modalActions:y,modalBackdrop:v,closeButton:x,okButton:S,cancelButton:C,show:T,hide:E,showing:D,triggerOk:A,isValid:d,modalRef:i}}}),y=e.c({cancel:!0,titleClass:`text-left`,modelName:`ConfirmationModal`,title:(t,n)=>e.i(n).confirmationTitle?.(),slots:(t,n)=>()=>(0,o.createVNode)(o.Fragment,null,[(0,o.createVNode)(l.Divider,null,null),(0,o.createVNode)(`div`,{class:`pt-4 px-4 pb-8`},[e.i(n).confirmationDescription()])]),setup(t,n){let r=(0,o.reactive)({status:!1});return{confirmationTitle:()=>`Confirm`,confirmationDescription:()=>`Are you sure you sure?`,okButton:()=>{let t=e.i(n).okButton();if(t)return(0,o.createVNode)(p,(0,o.mergeProps)({unstyled:!0},e.f(t.props,`class`),{loading:r.status,class:`h-8 normal-case! bg-white! text-(--colors-primary-500)! border-gray-200! rounded-lg! hover:bg-gray-50!`,label:`Continue`}),t.children)},cancelButton:()=>{let t=e.i(n).cancelButton();if(t)return(0,o.createVNode)(p,(0,o.mergeProps)(e.f(t.props,`class`),{unstyled:!0,class:`h-8 -order-1 normal-case! bg-white! border-gray-200! text-gray-700! rounded-lg! hover:bg-gray-50! hover:text-gray-900!`,label:`Cancel`}),t.children)},closeButton:()=>e.l(n).closeButton({unstyled:!0,buttonClass:`border border-gray-200 bg-white text-gray-400 hover:text-red-500 transition-all duration-500 rounded-md! -{btn}`},()=>(0,o.createVNode)(p,null,{icon:()=>(0,o.createVNode)(g,{class:`size-5`},null)})),triggerOk:()=>e.m({loading:r,try:()=>e.i(n).triggerOk()})}}},v),b={props:{setup:e.b,title:e.n({type:String}),description:e.n({type:String}),close:e.n({type:Boolean,default:!0}),timeout:e.n({default:3e3,validator:e=>typeof e==`number`||e===!1})},setup(t,n){return t=>(0,o.createVNode)(e._,{modelName:`CustomAlert`,setup:r=>{let i={default:(0,o.createVNode)(`path`,{"stroke-linecap":`round`,"stroke-linejoin":`round`,"stroke-width":`2`,d:`M13 16h-1v-4h-1m1-4h.01M21 12a9 9 0 11-18 0 9 9 0 0118 0z`},null),"alert-info":(0,o.createVNode)(`path`,{"stroke-linecap":`round`,"stroke-linejoin":`round`,"stroke-width":`2`,d:`M13 16h-1v-4h-1m1-4h.01M21 12a9 9 0 11-18 0 9 9 0 0118 0z`},null),"alert-success":(0,o.createVNode)(`path`,{"stroke-linecap":`round`,"stroke-linejoin":`round`,"stroke-width":`2`,d:`M9 12l2 2 4-4m6 2a9 9 0 11-18 0 9 9 0 0118 0z`},null),"alert-warning":(0,o.createVNode)(`path`,{"stroke-linecap":`round`,"stroke-linejoin":`round`,"stroke-width":`2`,d:`M12 9v2m0 4h.01m-6.938 4h13.856c1.54 0 2.502-1.667 1.732-3L13.732 4c-.77-1.333-2.694-1.333-3.464 0L3.34 16c-.77 1.333.192 3 1.732 3z`},null),"alert-error":(0,o.createVNode)(`path`,{"stroke-linecap":`round`,"stroke-linejoin":`round`,"stroke-width":`2`,d:`M10 14l2-2m0 0l2-2m-2 2l-2-2m2 2l2 2m7-2a9 9 0 11-18 0 9 9 0 0118 0z`},null)},a=()=>/alert-(info|success|warning|error)/.exec(t.$attrs.class)?.shift();return(0,o.unref)(t.timeout)&&(0,o.onMounted)(()=>{setTimeout(()=>e.i(r).hide(`timeout`),(0,o.unref)(t.timeout))}),{template:()=>(0,o.createVNode)(`div`,{role:`alert`,class:`alert`},[e.i(r).alertIcon(),(0,o.createVNode)(`div`,null,[e.i(r).alertTitle(),t.$slots.default?t.$slots.default({component:r}):e.i(r).alertDescription()]),e.i(r).alertClose()]),alertIcon:()=>(0,o.createVNode)(`svg`,{xmlns:`http://www.w3.org/2000/svg`,class:{[a()?`stroke-current`:`stroke-black`]:!0,"h-6 w-6 shrink-0":!0},fill:`none`,viewBox:`0 0 24 24`},[i[a()]||i.default]),alertTitle:()=>(0,o.createVNode)(`h3`,{class:`font-bold`},[(0,o.unref)(t.title)]),alertDescription:()=>(0,o.createVNode)(`div`,{class:`text-xs`},[(0,o.unref)(t.description)]),alertClose:()=>{if((0,o.unref)(t.close))return(0,o.createVNode)(g,{id:`alert-close`,class:`text-xl cursor-pointer rounded-full hover:scale-80 hover:ring transition duration-500`,onClick:()=>e.i(r).hide(`close`)},null)},hide:e=>{t.$el.remove(),n.emit(`close`,e)}}}},t.$slots)}},x={viewBox:`0 0 24 24`,width:`1.2em`,height:`1.2em`};function S(e,t){return(0,o.openBlock)(),(0,o.createElementBlock)(`svg`,x,[...t[0]||=[(0,o.createElementVNode)(`path`,{fill:`currentColor`,d:`M7.41 8.58L12 13.17l4.59-4.59L18 10l-6 6l-6-6z`},null,-1)]])}var C=(0,o.markRaw)({name:`mdi-chevron-down`,render:S}),w={viewBox:`0 0 24 24`,width:`1.2em`,height:`1.2em`};function T(e,t){return(0,o.openBlock)(),(0,o.createElementBlock)(`svg`,w,[...t[0]||=[(0,o.createElementVNode)(`path`,{fill:`currentColor`,d:`M19 4h-3.5l-1-1h-5l-1 1H5v2h14M6 19a2 2 0 0 0 2 2h8a2 2 0 0 0 2-2V7H6z`},null,-1)]])}var E=(0,o.markRaw)({name:`mdi-delete`,render:T}),D={viewBox:`0 0 24 24`,width:`1.2em`,height:`1.2em`};function O(e,t){return(0,o.openBlock)(),(0,o.createElementBlock)(`svg`,D,[...t[0]||=[(0,o.createElementVNode)(`path`,{fill:`currentColor`,d:`M20.71 7.04c.39-.39.39-1.04 0-1.41l-2.34-2.34c-.37-.39-1.02-.39-1.41 0l-1.84 1.83l3.75 3.75M3 17.25V21h3.75L17.81 9.93l-3.75-3.75z`},null,-1)]])}var k=(0,o.markRaw)({name:`mdi-edit`,render:O}),A={viewBox:`0 0 24 24`,width:`1.2em`,height:`1.2em`};function j(e,t){return(0,o.openBlock)(),(0,o.createElementBlock)(`svg`,A,[...t[0]||=[(0,o.createElementVNode)(`path`,{fill:`currentColor`,d:`M16 12a2 2 0 0 1 2-2a2 2 0 0 1 2 2a2 2 0 0 1-2 2a2 2 0 0 1-2-2m-6 0a2 2 0 0 1 2-2a2 2 0 0 1 2 2a2 2 0 0 1-2 2a2 2 0 0 1-2-2m-6 0a2 2 0 0 1 2-2a2 2 0 0 1 2 2a2 2 0 0 1-2 2a2 2 0 0 1-2-2`},null,-1)]])}var M=(0,o.markRaw)({name:`mdi-more-horiz`,render:j}),N={viewBox:`0 0 24 24`,width:`1.2em`,height:`1.2em`};function P(e,t){return(0,o.openBlock)(),(0,o.createElementBlock)(`svg`,N,[...t[0]||=[(0,o.createElementVNode)(`path`,{fill:`currentColor`,d:`M5.59 7.41L10.18 12l-4.59 4.59L7 18l6-6l-6-6zM16 6h2v12h-2z`},null,-1)]])}var F=(0,o.markRaw)({name:`mdi-last-page`,render:P}),I={viewBox:`0 0 24 24`,width:`1.2em`,height:`1.2em`};function L(e,t){return(0,o.openBlock)(),(0,o.createElementBlock)(`svg`,I,[...t[0]||=[(0,o.createElementVNode)(`path`,{fill:`currentColor`,d:`M18.41 16.59L13.82 12l4.59-4.59L17 6l-6 6l6 6zM6 6h2v12H6z`},null,-1)]])}var R=(0,o.markRaw)({name:`mdi-first-page`,render:L}),z={viewBox:`0 0 24 24`,width:`1.2em`,height:`1.2em`};function B(e,t){return(0,o.openBlock)(),(0,o.createElementBlock)(`svg`,z,[...t[0]||=[(0,o.createElementVNode)(`path`,{fill:`currentColor`,d:`M8.59 16.58L13.17 12L8.59 7.41L10 6l6 6l-6 6z`},null,-1)]])}var V=(0,o.markRaw)({name:`mdi-navigate-next`,render:B}),H={viewBox:`0 0 24 24`,width:`1.2em`,height:`1.2em`};function U(e,t){return(0,o.openBlock)(),(0,o.createElementBlock)(`svg`,H,[...t[0]||=[(0,o.createElementVNode)(`path`,{fill:`currentColor`,d:`M15.41 16.58L10.83 12l4.58-4.59L14 6l-6 6l6 6z`},null,-1)]])}var W=(0,o.markRaw)({name:`mdi-navigate-before`,render:U}),G={viewBox:`0 0 24 24`,width:`1.2em`,height:`1.2em`};function K(e,t){return(0,o.openBlock)(),(0,o.createElementBlock)(`svg`,G,[...t[0]||=[(0,o.createElementVNode)(`path`,{fill:`currentColor`,d:`M13 14h-2V9h2m0 9h-2v-2h2M1 21h22L12 2z`},null,-1)]])}var q=(0,o.markRaw)({name:`mdi-warning`,render:K}),J={props:{setup:e.b,ReactiveView:!0},setup(){return n=>(0,o.createVNode)(e._,{modelName:`ListPagination`,getDefaultData:e=>({page:1,rows:5,current:1,selections:[1,3,5,10,15],...e}),setup:n=>{let r=(0,o.ref)(e.i(n).model.getData(`page`)||1),i=(0,o.computed)(()=>Math.ceil(a.value/e.i(n).model.getData(`rows`))),a=(0,o.computed)(()=>e.i(n).model.getData(`count`)??e.i(e.i(n).$attrs.list).model.getData().length),s=(0,o.computed)(()=>c.value-e.i(n).model.getData(`rows`)),c=(0,o.computed)(()=>r.value*e.i(n).model.getData(`rows`));return(0,o.watch)(i,e=>{e>=1&&r.value>e&&(r.value=e)}),(0,o.watch)(r,(t,r=0)=>{let{current:o,rows:s}=e.i(n).model.getData();if(r===0){let r=t*s-(s-1);e.i(n).model.setData({page:t,current:r})}else if(t===1)e.i(n).model.setData({page:t,current:1});else if(t>r+1){let r=a.value%s?(i.value-1)*s+1:i.value*s-(s-1);e.i(n).model.setData({page:t,current:r})}else r>t?e.i(n).model.setData({page:t,current:(t-1)*s+1}):e.i(n).model.setData({page:t,current:o+s})},{immediate:!0}),(0,o.onBeforeMount)(()=>{e.i(n).load(e.i(n).$attrs.list,n)}),{template:()=>{let{current:t,rows:i}=e.i(n).model.getData();return a.value?(0,o.createVNode)(`div`,{class:{"paginator flex flex-wrap gap-x-2 items-center justify-end":!0}},[(0,o.createVNode)(`span`,{class:`paginator-text`},[(0,o.createTextVNode)(`Records per page:`)]),(0,o.createVNode)(`span`,{class:`paginator-count`},[e.i(n).rows()]),(0,o.createVNode)(`span`,{class:{"flex gap-x-1":!0}},[(0,o.createVNode)(`span`,{class:`start`},[t>a.value?a.value===0?a.value:t-i:t]),(0,o.createVNode)(`span`,null,[(0,o.createTextVNode)(`-`)]),(0,o.createVNode)(`span`,{class:`end`},[i*r.value>a.value?a.value:i*r.value]),(0,o.createVNode)(`span`,null,[(0,o.createTextVNode)(`of`)]),(0,o.createVNode)(`span`,{class:`count`},[a.value])]),e.i(n).controls()]):(0,o.createVNode)(`div`,{class:{"flex justify-start items-center gap-x-2":!0}},[(0,o.createVNode)(q,null,null),(0,o.createVNode)(`span`,null,[(0,o.createTextVNode)(`No data available`)])])},prev:()=>(0,o.createVNode)(_,{disabled:!(r.value>1),class:{"paginator-prev btn-xs disabled:text-black":!0},onClick:()=>--r.value},{default:()=>[(0,o.createVNode)(W,null,null)]}),next:()=>{let{rows:t}=e.i(n).model.getData();return(0,o.createVNode)(_,{disabled:!(r.value*t<a.value),class:{"paginator-next btn-xs disabled:text-black":!0},onClick:()=>r.value+=1},{default:()=>[(0,o.createVNode)(V,null,null)]})},start:()=>(0,o.createVNode)(_,{disabled:!(r.value>1),class:{"paginator-start btn-xs disabled:text-black":!0},onClick:()=>r.value=1},{default:()=>[(0,o.createVNode)(R,null,null)]}),end:()=>{let{rows:t}=e.i(n).model.getData();return(0,o.createVNode)(_,{disabled:!(r.value*t<a.value),class:{"paginator-end btn-xs disabled:text-black":!0},onClick:()=>r.value=i.value},{default:()=>[(0,o.createVNode)(F,null,null)]})},rows:()=>(0,o.createVNode)(t.t,{placeholder:!1,appendTo:`body`,sorted:!1,class:`rounded max-w-max bg-transparent border-none cursor-pointer`,options:e.i(n).model.getData(`selections`),data:e.i(n).model.getData(`rows`),"onUpdate:model":({after:t})=>{e.i(n).model.setData({rows:parseInt(t),count:a.value,page:1,current:1}),r.value=1}},null),controls:()=>(0,o.createVNode)(`div`,{class:`flex gap-x-1`},[e.i(n).start(),e.i(n).prev(),e.i(n).next(),e.i(n).end()]),pagination:t=>e.i(e.i(n).$attrs.list).tid===t.id?{}:t.index<s.value||t.index>=c.value?{class:e.r(`hidden`)}:{},load:()=>{},to:c,from:s}}},n.$slots)}},Y=e.c({modelName:`ItemsList`,props:{isValid:e.n({type:[Boolean,Function]}),beforeItemAdding:e.n({type:Function}),whenItemAdding:e.n({type:Function}),beforeItemDeleting:e.n({type:Function}),whenItemDeleting:e.n({type:Function}),whenItemActive:e.n({type:Function}),whenItemInactive:e.n({type:Function}),defaultDisplayComponent:e.n(),displayComponent:e.n({default:()=>e._}),itemProps:e.n({type:[Function,Object],default:()=>({})}),itemSlots:e.n({type:[Function,Object],default:()=>({})}),itemKey:e.n({type:String,default:`id`}),paginator:e.n({type:[Boolean,Object]}),draggable:e.n({type:Function}),groupable:e.n({type:Function}),sortable:e.n({type:Function,default:e=>e}),filterable:e.n({type:Function,default:e=>e}),clickable:e.n({type:Boolean,default:!0}),selectable:e.n({type:Boolean,default:!0}),selected:e.n({type:[Boolean,Function,Number,Object,String],default:0}),duplicate:e.n({type:Function,default:()=>!1}),addToStart:e.n({type:Boolean,default:!0}),multiple:e.n({type:Boolean}),"data:callback_key":e.n({type:[Boolean,Function,String]}),listPaginationClass:e.n(),listDefaultClass:e.n(),listTemplateClass:e.n(),listClass:e.n()},defaultData:[],setup(t,n,r){let s=`component_${(0,u.v4)()}`,l=(0,o.reactive)({}),d=(0,o.ref)((0,u.v4)()),f=(0,o.ref)((0,u.v4)()),p=(0,o.ref)([(0,o.unref)(d)]),m=(0,o.ref)(),h=(0,o.ref)(),g=(0,o.ref)(),_=(0,o.ref)(),v=(0,o.computed)(()=>{try{let n=e.i(t).activeComponent();return typeof r.isValid==`function`?r.isValid({component:n,list:t}):typeof(0,o.unref)(r.isValid)==`boolean`?(0,o.unref)(r.isValid):(0,o.unref)(e.i(n).isValid)}catch{return!1}}),y=(0,o.computed)(()=>{try{return e.i(t).model.getData().map(n=>{try{if([`Object`].includes(n.constructor.name)){let r=e.i(t).itemIdentifier(n);return r||r===0?n:Object.assign(n,{tid:(0,u.v4)()})}else return{"":n,tid:(0,u.v4)()}}catch{return{"":n,tid:(0,u.v4)()}}})}catch{return[]}}),b=(0,o.computed)(()=>r.sortable(r.filterable((0,o.unref)(y),t),t)),x=(e={},t=!0)=>{try{return e.hasOwnProperty(r.itemKey)?r.itemKey:t?`tid`:r.itemKey}catch{return t?`tid`:r.itemKey}},S=(n={})=>{try{return n[e.i(t).itemKey(n)]}catch{return}},C=e=>l[e],w=()=>r.defaultDisplayComponent===!1?(0,o.createVNode)(e._,{class:`hidden`}):r.defaultDisplayComponent===void 0?r.displayComponent:r.defaultDisplayComponent,T=()=>(0,o.createVNode)(r.displayComponent),E=(n={})=>n.id===(0,o.unref)(d)?e.i(t).defaultDisplayComponent():r.displayComponent,D=n=>{let i=e.i(t).itemIdentifier(n),a=e.i(t).getComponent((0,o.unref)(f)),s=e.i(t).getComponent(i);if(s&&r.duplicate({id:i,tid:(0,o.unref)(d),items:(0,o.unref)(b),prev:a,next:s}))throw Error(`Component with id { ${i} } already exists.`);{let r=s??a;if(r){let i=e.i(t).getComponent((0,o.unref)(d));e.i(r).model.replaceData(n??k(i))}return r}},O=(n,r)=>new Promise(async i=>{let a=(0,o.unref)(b).reduce((i,a)=>{let{id:o=!0,force:s=!1}=typeof r==`boolean`?{id:!0,force:r}:r??{},c=e.i(t).itemIdentifier(a),l=e.i(t).getComponent(c);return a.hasOwnProperty(`tid`)||s?i.concat(n({list:t,data:e.i(t).finalize(l,o),component:l,tid:c})):i},[]);i(await Promise.all(a))}),k=t=>e.i(t).model.getData({raw:!0})??e.i(t).model.getData(),A=async n=>{let a=r.beforeItemAdding??e.i(n).beforeItemAdding,s=r.whenItemAdding??e.i(n).whenItemAdding,c={tid:(0,o.unref)(d),data:P(n),list:t};return(await a?.(Object.assign({},c,{component:n}),t)??!0)&&(await s?.(c,t)?await s(Object.assign({},c,{component:n}),t):e.i(t).set(i.default.on(k(n)).clone())),n},j=async n=>{if(!(e.i(n).$attrs.default||e.i(n).$attrs.template)){let a=r.beforeItemDeleting??e.i(n).beforeItemDeleting,o=r.whenItemDeleting??e.i(n).whenItemDeleting,s={list:t};return(await a?.(Object.assign({},s,{component:n}),t)??!0)&&(await o?.(s,t)?await o(Object.assign({},s,{component:n}),t):e.i(t).unset(i.default.on(k(n)).clone())),n}},M=n=>{let i=e.i(t).itemIdentifier(n);(0,o.unref)(b).findIndex(n=>e.i(t).itemIdentifier(n)===i)===-1?(e.i(t).model.replaceData(r.addToStart?[n].concat((0,o.unref)(b)):(0,o.unref)(b).concat(n)),delete l[(0,o.unref)(f)],d.value=(0,u.v4)(),f.value=(0,u.v4)()):e.i(t).defaultComponent(n)},N=n=>{let r=e.i(t).itemIdentifier(n);e.i(t).model.replaceData((0,o.unref)(b).filter(n=>e.i(t).itemIdentifier(n)!==r)),delete l[r]},P=(t,n)=>{try{let{tid:r,...i}=k(t);return i.id||n===!1?i:Object.assign({},i,{id:e.i(t).getTid?.()??r})}catch{return{}}},F=()=>{let n=e.i(t).activeItemIdentifier();return e.i(t).getComponent(n)},I=()=>r.selectable?(r.multiple?(0,o.unref)(p):(0,o.unref)(p)[0])??(0,o.unref)(d):(0,o.unref)(d),L=({index:n,item:i})=>{let s=e.i(t).itemIdentifier(i),c=s===(0,o.unref)(f),u=s===(0,o.unref)(d),h=n=>({event:{[n]:!0},source:(0,o.unref)(m),target:e.i(t).getComponent(s),items:(0,o.unref)(b)}),g={id:s,key:s,list:t,instance:e=>l[s]=e,default:u,template:c,selected:(0,o.unref)(p).includes(s),component:e.i(t).getComponent(s)??{model:a.default.setDefaultData(i)},defaultData:Array.isArray(i)?[]:{},data:()=>{let r=(0,o.unref)(b).find(n=>e.i(t).itemIdentifier(n)===s);return r===void 0?(0,o.unref)(b)[n]:r},"data:callback":(t,{component:n})=>{try{let i=r[`data:callback_key`],a=typeof i==`function`?i(t):i;a===!0?e.i(n).model.replaceData(t.after):typeof a==`string`?e.i(n).model.getData(a).valueOf()!==t.after[a].valueOf()&&e.i(n).model.replaceData(t.after):t.changed&&e.i(n).model.replaceData(t.after)}catch{e.i(n).model.replaceData(t.after)}},onClick:n=>{let i=e.i(t).getComponent(s);r.selectable&&(typeof e.i(i).whenItemSelected==`function`?e.i(i).whenItemSelected(n,g):(0,o.unref)(p).includes(s)||(p.value=[s])),r.clickable&&typeof e.i(i).whenItemClicked==`function`&&e.i(i).whenItemClicked(n,g)},...c?{class:`hidden`}:{},...typeof n==`number`?{index:n}:{},...r.draggable?{draggable:!0,ondragover:e=>{e.preventDefault(),r.draggable(h(`over`),t)},ondragend:()=>{m.value=void 0,r.draggable(h(`end`),t)},ondragstart:()=>{m.value=e.i(t).getComponent(s),r.draggable(h(`start`),t)},ondrop:()=>{r.draggable(h(`drop`),t)},ondragenter:()=>{e.i(t).itemIdentifier(k(m))!==s&&r.draggable(h(`enter`),t)},ondragleave:()=>{e.i(t).itemIdentifier(k(m))!==s&&r.draggable(h(`leave`),t)}}:{}};return g},R=()=>{let n=e.i(t).itemOptions({item:{tid:(0,o.unref)(d)}}),i=e.i(t).itemOptions({item:{tid:(0,o.unref)(f)}});return(0,o.createVNode)(`div`,{class:r.$attrs.class},[(0,o.createVNode)(`div`,{class:r.listClass},(0,o.unref)(b).reduce((n,r,i)=>n.concat(B(e.i(t).itemOptions({index:i,item:r}))),[])),(0,o.createVNode)(`div`,{...e.f(n,[`class`]),class:(0,c.twMerge)(e.t(n.class,r.listDefaultClass).string,e.t(r.listDefaultClass).string)},[B(n)]),(0,o.createVNode)(`div`,{...e.f(i,[`class`]),class:(0,c.twMerge)(e.t(i.class,r.listTemplateClass).string,e.t(r.listTemplateClass).string)},[B(i)]),(0,o.createVNode)(`div`,{class:r.listPaginationClass},[e.i(t).paginationComponent()])])},z=e=>{try{return e.props.ReactiveView||e.props.setup.ReactiveView}catch{return!1}},B=n=>{let i=e.i(t).activeDisplay(n),a=typeof i==`function`?i(n):i,{class:s,...l}=typeof r.itemProps==`function`?r.itemProps(n):r.itemProps,{class:u}=e.i(t).pageProps(n),{class:d,...f}={...n,...l},p=(0,c.twMerge)(e.t(a.props.class,d,s,u).string,e.t(s,u).string),m=typeof r.itemSlots==`function`?r.itemSlots(n):r.itemSlots;try{return z(a)?(0,o.createVNode)(a,{...f,class:p},m):z(a.type)?(0,o.createVNode)(a,{...f,...e.f(a.props,`class`),class:p},a.children):(0,o.createVNode)(e._,{...f,...e.f(a.props,`class`),class:p},()=>a.children)}catch(e){return console.log(`component builder failed:`,e,a),(0,o.createVNode)(`div`,n,`Component failed to mount!`)}},V=t=>{try{return(0,o.unref)(h)&&e.i(h).pagination?.(t)||{}}catch{return{}}},H=()=>{if(r.paginator){let{component:e=J,data:n,props:i}=r.paginator?.props?.ReactiveView?{component:r.paginator,props:{list:t}}:r.paginator?.component||r.paginator?.data||r.paginator?.props?{...r.paginator,props:{list:r.paginator.list??t,...r.paginator.props}}:{props:{list:t}};return(0,o.createVNode)(e,{...i,instance:h,...n===void 0?{}:{data:n}})}},U=n=>(0,o.createVNode)(`button`,{ref:g,class:`btn btn-sm btn-success text-white uppercase`,onClick:()=>{let r=e.i(t).defaultComponent(n);if(r)return e.i(t).add(r)},disabled:!(0,o.unref)(e.i(t).isValid)},`add`),W=n=>{let r=e.i(t).getComponent(e.i(t).itemIdentifier(n));return(0,o.createVNode)(`button`,{ref:_,class:`btn btn-sm btn-error text-white uppercase`,onClick:()=>{if(r)return e.i(t).remove(r)},disabled:!r||r===l[(0,o.unref)(d)]||r===l[(0,o.unref)(f)]},`delete`)},G=()=>{(0,o.watch)(p,(n,i=[])=>{n.forEach(n=>{setTimeout(()=>{let i=e.i(t).getComponent(n),a=r.whenItemActive??e.i(i).whenItemActive;i&&a&&a({list:t,data:e.i(i).model.getData(),component:i})})}),i.forEach(n=>{setTimeout(()=>{let i=e.i(t).getComponent(n),a=r.whenItemInactive??e.i(i).whenItemInactive;i&&a&&a({list:t,data:e.i(i).model.getData(),component:i})})})},{immediate:!0})},K=()=>{let n=(n,r=``)=>{if(typeof r==`string`)return n.find(n=>n[e.i(t).itemKey(n)]===r||n[``]===r);if(typeof r==`function`)return n.find(e=>r(e));if([`Object`].includes(r.constructor.name))return n.find(n=>n[e.i(t).itemKey(n)]===r.id||n[e.i(t).itemKey(n)]===r[e.i(t).itemKey(r)]);if([`Number`].includes(r.constructor.name))return r>-1?n[r>n.length?n.length-1:r]??n[n.length-1]:n[n.length-Math.abs(r)]??n[0]};(0,o.watch)(b,(i,a)=>{if(a){if(i.length>a.length)p.value=[e.i(t).itemIdentifier(r.addToStart?n(i,0):n(i,-1))];else if(i.length<a.length){let r=a.findIndex(n=>e.i(t).itemIdentifier(n)===(0,o.unref)(p)[0]);r>-1&&(p.value=[e.i(t).itemIdentifier(n(i,r)??n(i,-1))??(0,o.unref)(d)])}}else p.value=[e.i(t).itemIdentifier(n(i,r.selected))]},{immediate:!0})};return(0,o.onMounted)(()=>{G(),r.selectable&&typeof r.selected!=`boolean`&&K()}),{template:R,displayComponent:T,defaultDisplayComponent:w,activeDisplay:E,defaultComponent:D,activeComponent:F,activeItemIdentifier:I,itemKey:x,itemIdentifier:S,itemOptions:L,getComponent:C,pageProps:V,paginationComponent:H,addButton:U,deleteButton:W,map:O,add:A,remove:j,set:M,unset:N,finalize:P,isValid:v,defaultIdRef:d,selectionsRef:p,components:l,id:s}}}),X=e.c({modelName:`CustomTableRow`,setup:(t,n,r)=>{let i=e.i(e.i(t).$attrs.list);return{template:()=>{let n=(0,o.unref)(i.row).props[`data-row-class`]??``;return(0,o.createVNode)(`div`,{"data-table-row":!0,class:(0,c.twMerge)(e.t(`relative grid grid-cols-subgrid col-span-full bg-(--colors-white)`,n).string,e.t(n).string,e.i(i).rowLineClass(),e.i(i).columnLineClass(`[&>*:nth-child(n+3):not(:last-child)]:after:-inset-y-(--row-padding-y,0.75rem) [&>.sticky]:-my-(--row-padding-y,0.75rem) [&>.sticky]:py-(--row-padding-y,0.75rem)`),e.i(i).controlsInsetClass())},[e.i(i).rowStart?.({row:t}),e.i(i).leftRowColumnControls({row:t}),e.i(t).rowElement().children,e.i(i).rightRowColumnControls({row:t}),e.i(i).rowEnd?.({row:t})])},rowCollapseButton:()=>e.i(i).rowCollapseButton(t,n,r),rowCheckbox:()=>e.i(i).rowCheckbox(t,n,r),rowElement:()=>{let a=()=>(0,o.createVNode)(`div`,{class:`grid grid-cols-[1fr_auto] text-red-500`},[(0,o.createTextVNode)(`Extend [ rowElement ] Component`)]);if(typeof e.i(i).rowElement!=`function`)return a();try{return e.i(i).rowElement(t,n,r)}catch(e){return console.error(`failed to render row-element`,e),a()}},rowMenuButton:()=>e.i(i).rowMenuButton(t,n,r),whenCheckboxClicked:n=>{n.stopPropagation();let r=e.i(i).itemIdentifier(e.i(t).model.getData()),a=(0,o.unref)(e.i(i).checkedRef);a.has(r)?a.delete(r):a.add(r)},checkedRef:(0,o.computed)(()=>(0,o.unref)(e.i(i).checkedRef).has(e.i(i).itemIdentifier(e.i(t).model.getData())))}}}),ee=e.c({modelName:`Popover`,props:{autoClose:e.n({type:Boolean,default:!0}),timeout:e.n({default:0,validator:e=>/^\d+$/.test(e)}),containerClass:e.n(),boundary:e.n({type:[Function,Object,String]})},setup(t,n,r){let i=`component_${(0,u.v4)()}`,a=(0,o.ref)(),s=(0,o.ref)(0),d,f=()=>{let e=a.value;if(!e?.visible||!e.container)return;e.alignOverlay();let t=e.container;(window.scrollX||window.scrollY)&&(t.style.top=`${parseFloat(t.style.top)-window.scrollY}px`,t.style.insetInlineStart=`${parseFloat(t.style.insetInlineStart)-window.scrollX}px`);let n=e.target.getBoundingClientRect(),r=t.getBoundingClientRect(),i=t.offsetWidth,o=r.left+(r.width-i)/2,s=getComputedStyle(t),c=(parseFloat(s.getPropertyValue(`--p-popover-gutter`))||0)+(parseFloat(s.borderTopLeftRadius)||0),l=n.left+n.width/2;if(i>c*2){let e=l-o<c?Math.max(l-c,0)-o:Math.max(0,Math.min(l+c,document.documentElement.clientWidth)-(o+i));t.style.insetInlineStart=`${parseFloat(t.style.insetInlineStart)+e}px`,o+=e}let u=m(e.target)?.getBoundingClientRect();if(u){let e=parseFloat(s.getPropertyValue(`--p-popover-gutter`))||0,r=t.offsetHeight,a=t.classList.contains(`p-popover-flipped`),d=n.bottom+e+r<=u.bottom,f=n.top-e-r>=u.top;!a&&!d&&f?(t.style.top=`${n.top-r}px`,t.classList.add(`p-popover-flipped`),t.setAttribute(`data-p-popover-flipped`,`true`)):a&&!f&&d&&(t.style.top=`${n.bottom}px`,t.classList.remove(`p-popover-flipped`),t.removeAttribute(`data-p-popover-flipped`));let p=Math.max(Math.min(0,u.right-(o+i)),u.left-o);i>c*2&&(p=Math.min(Math.max(p,l+c-(o+i)),l-c-o)),t.style.insetInlineStart=`${parseFloat(t.style.insetInlineStart)+p}px`,o+=p}t.style.setProperty(`--p-popover-arrow-left`,`${Math.max(0,n.left-o)}px`)},m=e=>{let t=(0,o.unref)(r.boundary);return typeof t==`function`?t(e):typeof t==`string`?e.closest(t):t},h=()=>{d=new ResizeObserver(()=>requestAnimationFrame(f)),d.observe(a.value.container)},g=()=>{d?.disconnect(),d=null};return{template:()=>{let n=e.i(t).trigger();return(0,o.createVNode)(`div`,{id:i},[(0,o.createVNode)(l.Popover,(0,o.mergeProps)({onClick:e=>{r.autoClose||e.stopPropagation()}},r.$attrs,{class:`fixed!`,style:{"--p-popover-arrow-offset":`${s.value/2}px`,"--p-popover-border-radius":`var(--radius-lg)`,"--p-popover-border-color":`var(--colors-DCE1E8)`,"--p-popover-shadow":`0 2px 8px 0 rgba(18,55,105,0.12)`},onShow:h,onHide:g,ref:a}),{...r.$slots,container:()=>r.$slots.default?r.$slots.default({component:t}):e.i(t).container()}),(0,o.createVNode)(n.type,(0,o.mergeProps)(n.props,{onClick:e=>{s.value=e.currentTarget.offsetWidth,a.value.toggle(e),r.timeout&&setTimeout(()=>a.value.hide(),r.timeout)}}),n.children)])},trigger:()=>e.i(t).menuButton({label:`Popover`,class:`w-max normal-case`}),container:()=>(0,o.createVNode)(`div`,{class:(0,c.twMerge)(e.t({"rounded-[calc(var(--radius-lg)-1px)] overflow-hidden":!0},r.containerClass).string,r.containerClass)},[e.i(t).body()]),body:()=>(0,o.createVNode)(`span`,{class:`px-2`},[(0,o.createTextVNode)(`Your content here!`)]),menuButton:({class:t=``,...n}={},r={})=>(0,o.createVNode)(p,(0,o.mergeProps)({unstyled:!0,class:(0,c.twMerge)(e.t(`flex justify-start h-8.5 w-full rounded-none`,t).string,e.t(t).string)},n),r),popoverRef:a}}}),te=e.c({modelName:`CustomTable`,props:{empty:e.n({type:Object}),isSelectable:e.n({type:Boolean,default:!0}),isCollapsible:e.n({type:Boolean}),hasMenu:e.n({type:Boolean,default:!0}),hasHeaderMenu:e.n({type:Boolean}),headerClass:e.n(),columnLines:e.n({type:Boolean}),rowLines:e.n({type:Boolean,default:!0})},defaultDisplayComponent:!1,displayComponent:X,setup(t,n,a){let s=(0,o.ref)({children:[],props:{}}),u=(0,o.ref)(new Set),d=(0,o.ref)(new Set),f=(0,o.computed)(()=>{let n=e.i(t).model.getData();return n.length&&n.every(n=>(0,o.unref)(e.i(t).checkedRef).has(e.i(t).itemIdentifier(n)))}),m=(0,o.computed)(()=>{let n=e.i(t).model.getData();return n.length&&n.every(n=>(0,o.unref)(e.i(t).expandedRef).has(e.i(t).itemIdentifier(n)))}),h=(0,o.computed)(()=>!(0,o.unref)(f)&&!!(0,o.unref)(u).size),_=()=>{e.i(t).model.getData().forEach(n=>{(0,o.unref)(e.i(t).checkedRef).add(e.i(t).itemIdentifier(n))})},v=()=>{e.i(t).model.getData().forEach(n=>{(0,o.unref)(e.i(t).checkedRef).delete(e.i(t).itemIdentifier(n))})},b=e=>a.columnLines?`[&>.sticky]:z-1 [&>.sticky:not(:last-child):not(:has(~.sticky:not(:last-child)))]:-mr-[calc(var(--column-gap,1rem)/2)] [&>.sticky:not(:last-child):not(:has(~.sticky:not(:last-child)))]:shadow-[1px_0_0_var(--colors-EDEFF2)] [&>*:nth-child(n+3):not(:last-child):not(.sticky)]:relative [&>*:nth-child(n+3):not(:last-child)]:after:absolute [&>*:nth-child(n+3):not(:last-child)]:after:w-px [&>*:nth-child(n+3):not(:last-child)]:after:bg-(--colors-EDEFF2) [&>*:nth-child(n+3):not(:last-child)]:after:left-[calc(var(--column-gap,1rem)/-2)] ${e}`:``,x=()=>a.rowLines?`border-(--colors-EDEFF2) border-b last:border-b-0 [&:has(+:not([data-table-row]))]:border-b-0 [[data-table-row]_&]:border-b-0 [[data-table-row]_*_&]:border-t`:``,S=()=>(0,c.twMerge)(a.isCollapsible||a.isSelectable?``:`[&>:nth-child(2)]:-ml-[calc(var(--column-gap,1rem)-0.75rem)]`,a.hasMenu?``:`[&>:nth-last-child(2)]:-mr-[calc(var(--column-gap,1rem)-0.75rem)]`),w=(e,t,n)=>t?e.props?.[`data-col-${t}`]??n:e.props??{},T=()=>(0,o.createVNode)(`div`,{"data-table":!0,class:(0,c.twMerge)(`flex flex-col`,(0,o.unref)(s).props.class)},[e.i(t).tableHead(),e.i(t).tableBody()]),D=()=>{if(e.i(t).model.getData().length){let n=e.i(t).rowCheckbox({row:t}),r=e.i(t).rowMenuButton({row:t}),i=e.i(t).leftRowColumnControls({row:t}),l=e.i(t).rightRowColumnControls({row:t}),u=(0,o.unref)(s).props[`data-header-row-class`]??``;return(0,o.createVNode)(`div`,{class:(0,c.twMerge)(e.t({"sticky top-0 z-10 bg-(--colors-F9FAFC) grid grid-cols-subgrid col-span-full":!0},a.headerClass,u).string,e.t(a.headerClass,u).string,b(`[&>*:nth-child(n+3):not(:last-child)]:after:inset-y-0`),S())},[(0,o.createVNode)(i.type,i.props,{default:()=>[(0,o.createVNode)(`div`,{class:`h-full bg-inherit flex items-center gap-x-2`},[e.i(t).rowCollapseButton({}),n&&(0,o.createVNode)(n.type,(0,o.mergeProps)(e.f(n.props,[`onChange`]),{onChange:e=>e.target.checked?_():v()}),n.children)])]}),(0,o.unref)(s).children.map(t=>w(t,`element`)??(0,o.h)(w(t,`type`,`div`),{class:(0,c.twMerge)(e.t(w(t).class).string,e.t(w(t,`class`)).string)},w(t,`title`))),(0,o.createVNode)(l.type,l.props,{default:()=>[(0,o.createVNode)(`div`,{class:`h-full bg-inherit flex items-center`},[r&&(0,o.createVNode)(r,(0,o.mergeProps)(e.f(r.props,[`class`]),{class:(0,c.twMerge)(r.props.class,e.t({hidden:!a.hasHeaderMenu}).string)}),r.children)])]})])}},O=()=>{if(!e.i(t).model.getData().length&&a.empty)return[e.i(t).emptyTableElement()];let[r,i,o,s]=e.i(n).template().children;return[r.children,i.children,o.children,e.i(t).tablePagination(s.children),e.i(t).tableActionElement()]},A=e=>{if(e?.some(Boolean))return(0,o.createVNode)(`div`,{class:`sticky bottom-0 z-10 col-span-full px-3 py-2 border-t border-(--colors-EDEFF2) bg-(--colors-white) text-sm`},[(0,o.createVNode)(`div`,{class:`sticky right-3 ml-auto w-max`},[e])])},j=(...n)=>(0,o.createVNode)(`div`,{class:(0,c.twMerge)(`sticky left-0 bg-inherit self-stretch`,a.isCollapsible||a.isSelectable?`px-3`:`px-0`)},[(0,o.createVNode)(`div`,{class:`h-full flex items-center gap-x-2 bg-inherit`},[e.i(t).rowCollapseButton(...n),e.i(t).rowCheckbox(...n)])]),N=(...n)=>(0,o.createVNode)(`div`,{class:(0,c.twMerge)(`sticky right-0 bg-inherit self-stretch`,a.hasMenu?`px-3`:`px-0`)},[(0,o.createVNode)(`div`,{class:`h-full flex items-center gap-x-2 bg-inherit`},[e.i(t).rowMenuButton(...n)])]),P=()=>{let t=i.default.on(a.empty);return(0,o.createVNode)(`div`,{class:{hidden:!t.get(),"py-8 px-3 flex flex-col gap-y-3 col-span-full":!0}},[(0,o.createVNode)(`div`,{class:`text-(--colors-0F0F12) text-center text-xl not-italic font-semibold leading-6 tracking-[-0.4px]`},[t.get(`title`)]),(0,o.createVNode)(`div`,{class:`text-(--colors-494F62) text-center text-xs not-italic font-normal leading-3.5 tracking-[-0.24px]`},[t.get(`description`)]),(0,o.createVNode)(`div`,{class:`hidden`},[e.i(n).template()])])},F=({row:n}={})=>{if(a.hasMenu)return(0,o.createVNode)(ee,{boundary:`[data-table]`,setup:(r,i)=>({trigger:()=>(0,o.createVNode)(p,{unstyled:!0,class:`p-0 size-6 text-(--colors-A0A3B4) shrink-0`},{icon:()=>(0,o.createVNode)(M,null,null)}),body:()=>(0,o.createVNode)(o.Fragment,null,[e.i(r).menuButton({label:`Edit`,class:`normal-case`,onClick:async()=>{await e.i(t).handleEdit({row:n})}},{icon:()=>(0,o.createVNode)(k,{class:`text-(--colors-818898) shrink-0`},null)}),e.i(r).menuButton({label:`Delete`,class:`normal-case`,onClick:()=>e.g((0,o.createVNode)(y,{setup:()=>({confirmationTitle:()=>`Delete`}),whenOk:async()=>{await e.i(t).handleDelete({row:n}),e.i(t).refresh()}},null))},{icon:()=>(0,o.createVNode)(E,{class:`text-(--colors-818898) shrink-0`},null)})])})},null)},I=(n,r)=>{if((0,o.unref)(d).has(n)!==r){(0,o.unref)(d)[r?`add`:`delete`](n);let i=e.i(t).getComponent(n);i&&e.i(t).handleCollapsible({row:i,expanded:r})}},L=({row:n}={})=>{if(a.isCollapsible){let r=n&&e.i(t).itemIdentifier(e.i(n).model.getData()),i=n?(0,o.unref)(d).has(r):(0,o.unref)(m);return(0,o.createVNode)(p,{unstyled:!0,class:`p-0 size-6 text-(--colors-A0A3B4) shrink-0`,onClick:()=>{n?I(r,!i):e.i(t).model.getData().forEach(n=>I(e.i(t).itemIdentifier(n),!i))}},{icon:()=>(0,o.createVNode)(C,{class:{"transition-transform duration-200":!0,"-rotate-90":!i}},null)})}},R=({row:n}={})=>{if(a.isSelectable)return(0,o.createVNode)(r.r,{type:`checkbox`,size:`large`,indeterminate:n===t&&(0,o.unref)(h),data:()=>(0,o.unref)(n===t?e.i(t).isAllSelected:e.i(n).checkedRef),onChange:r=>{let i=e.i(t).itemIdentifier(e.i(n).model.getData());(0,o.unref)(e.i(t).checkedRef)[r.target.checked?`add`:`delete`](i)}},null)},z=()=>{if((0,o.unref)(e.i(t).checkedRef).size)return(0,o.createVNode)(`div`,{class:`sticky bottom-0 z-20 col-span-full`},[(0,o.createVNode)(`div`,{class:`sticky left-1/2 w-0`},[(0,o.createVNode)(`div`,{class:{"absolute -translate-x-1/2 bg-white rounded-xl shadow-[0_4px_24px_rgba(0,0,0,0.12)] px-5 py-3 flex items-center w-max":!0,"bottom-16":!!(0,o.unref)(a.$attrs.paginator),"bottom-8":!(0,o.unref)(a.$attrs.paginator)}},[(0,o.createVNode)(`span`,{class:`font-medium`},[(0,o.unref)(e.i(t).checkedRef).size,(0,o.createTextVNode)(` Selected`)]),(0,o.createVNode)(l.Divider,{layout:`vertical`},null),e.i(t).bulkSelectAllButton(),(0,o.createVNode)(l.Divider,{layout:`vertical`},null),e.i(t).bulkClearAllButton(),e.i(t).bulkExportButton(),(0,o.createVNode)(l.Divider,{layout:`vertical`},null),e.i(t).bulkDeleteButton(),(0,o.createVNode)(l.Divider,{layout:`vertical`},null),e.i(t).bulkCloseButton()])])])},B=()=>(0,o.createVNode)(`button`,{class:{"cursor-pointer hover:text-warning duration-300":!0,"text-(--colors-primary-500)":(0,o.unref)(f)},onClick:()=>_()},[(0,o.createTextVNode)(`Select all`)]),V=()=>(0,o.createVNode)(`button`,{class:`cursor-pointer hover:text-warning duration-300`,onClick:()=>v()},[(0,o.createTextVNode)(`Clear all`)]),H=()=>(0,o.createVNode)(`button`,{class:`flex items-center gap-x-1 cursor-pointer hover:text-error duration-300`,onClick:async()=>{e.g((0,o.createVNode)(y,{setup:()=>({confirmationTitle:()=>`Delete`}),whenOk:async()=>{await e.i(t).handleBulkDelete(Array.from((0,o.unref)(e.i(t).checkedRef))),v(),e.i(t).refresh()}},null))}},[(0,o.createTextVNode)(`Delete`)]),U=()=>(0,o.createVNode)(o.Fragment,null,[(0,o.createVNode)(l.Divider,{layout:`vertical`},null),(0,o.createVNode)(`button`,{class:`cursor-pointer hover:text-warning duration-300`,onClick:async()=>{await e.i(t).handleBulkExport(Array.from((0,o.unref)(e.i(t).checkedRef))),v()}},[(0,o.createTextVNode)(`Export`)])]),W=()=>(0,o.createVNode)(`button`,{class:`cursor-pointer text-gray-400 hover:text-gray-600 duration-300`,onClick:()=>v()},[(0,o.createVNode)(g,{class:`size-4`},null)]),G=()=>{},K=()=>{},q=t=>{if(t&&e.i(t).rowElement)try{return e.i(t).rowElement().children.default()}catch(n){try{return e.i(t).rowElement()}catch(r){console.warn(`[${a.modelName}]: failed to set table columns`,{e1:n,e2:r},e.i(t))}}};return(0,o.watch)(()=>q(e.i(t,Function).defaultComponent()),e=>{e&&(s.value=e)}),{template:T,tableHead:D,tableBody:O,tablePagination:A,columnLineClass:b,rowLineClass:x,controlsInsetClass:S,leftRowColumnControls:j,rightRowColumnControls:N,emptyTableElement:P,tableActionElement:z,rowMenuButton:F,rowCollapseButton:L,rowCheckbox:R,bulkSelectAllButton:B,bulkClearAllButton:V,bulkDeleteButton:H,bulkExportButton:U,bulkCloseButton:W,selectAll:_,deselectAll:v,checkedRef:u,expandedRef:d,isAllSelected:f,isAllExpanded:m,isIndeterminate:h,row:s,refresh:G,handleCollapsible:K}}},Y),ne=e.c({props:{defaultData:e.n(),filled:e.n({type:Boolean}),timezone:e.n({type:[Boolean,String]}),time:e.n({type:Boolean}),date:e.n({type:Boolean,default:!0}),type:e.n({type:String,default:`date`,validator:t=>{let n=[`date`,`dates`,`range`];return n.includes(t)||e.v(`[Datetime] invalid type. Must be one of ${n.join(`, `)}.`)}}),options:e.n({type:Object,default:{}}),minDate:e.n({type:[Boolean,Date],default:()=>new Date,validator:e=>[`Boolean`,`Date`].includes(e?.constructor.name)&&e!==!0}),inputClass:e.n(),panelClass:e.n()},defaultData:e=>(0,o.unref)(e.defaultData)??{date:void 0,dates:[],range:{}}[(0,o.unref)(e.type)],setup(t,n,r){let a=(0,o.computed)(()=>{let n=e.i(t).model.getData();if(m.value===`range`){let r=i.default.on(n),a=r.get(e.i(t).dataPath(`start`)),o=r.get(e.i(t).dataPath(`end`));if(a&&o)return[(0,f.parseISO)(a),(0,f.parseISO)(o)]}else if(m.value===`multiple`)return Array.isArray(n)?n.map(e=>(0,f.parseISO)(e)):[];else if(typeof n==`string`)return d.value?(0,f.parse)(n,`HH:mm`,new Date):(0,f.parseISO)(n)}),u=(0,o.computed)(()=>!!(0,o.unref)(r.time)),d=(0,o.computed)(()=>(0,o.unref)(r.date)===!1),p=e=>d.value?(0,f.format)(e,`HH:mm`):u.value&&typeof(0,o.unref)(r.timezone)==`string`?(0,s.formatInTimeZone)(e,(0,o.unref)(r.timezone),`yyyy-MM-dd'T'HH:mm:ssXXX`):(0,f.formatISO)(e,{representation:u.value?`complete`:`date`}),m=(0,o.computed)(()=>({date:`single`,dates:`multiple`,range:`range`})[(0,o.unref)(r.type)]),h=(0,o.ref)(),g=!1,_=e=>e.target.tagName===`INPUT`&&!e.target.closest(`.p-datepicker-panel`);return{template:()=>{let n=d.value?`hh:mm am`:`mm/dd/yyyy${u.value?` hh:mm am`:``}`;return(0,o.createVNode)(l.DatePicker,(0,o.mergeProps)({ref:h,onMousedown:e=>{g=_(e)&&h.value.overlayVisible},onClick:e=>{_(e)&&g&&(h.value.overlayVisible=!1)},fluid:!0,size:`small`,appendTo:`self`,hideOnRangeSelection:!0,selectOtherMonths:!0,manualInput:!1,dateFormat:`mm/dd/yy`,showTime:u.value,timeOnly:d.value,hourFormat:`12`},(0,o.unref)(r.options),r.$attrs,{panelClass:[`min-w-0! w-max!`,(0,o.unref)(r.panelClass)]},(0,o.unref)(r.minDate)&&!d.value?{minDate:(0,o.unref)(r.minDate)}:{},{inputClass:(0,c.twMerge)(e.t({"bg-(--colors-F5F6F8)!":(0,o.unref)(r.filled)}).string,e.t((0,o.unref)(r.inputClass)).string),selectionMode:m.value,placeholder:`${n}${m.value===`range`?` - ${n}`:m.value===`multiple`?`, ..., ${n}`:``}`,modelValue:a.value,"onUpdate:modelValue":n=>{if(n)if(m.value===`range`){let[r,i]=n;r&&i&&e.i(t).model.replaceData({[e.i(t).dataPath(`start`)]:p(r),[e.i(t).dataPath(`end`)]:p(i)})}else m.value===`multiple`?e.i(t).model.replaceData(n.map(p)):e.i(t).model.replaceData(p(n));else e.i(t).model.replaceData()}}),null)}}}}),re={viewBox:`0 0 24 24`,width:`1.2em`,height:`1.2em`};function ie(e,t){return(0,o.openBlock)(),(0,o.createElementBlock)(`svg`,re,[...t[0]||=[(0,o.createElementVNode)(`path`,{fill:`currentColor`,d:`M9 3v1H4v2h1v13a2 2 0 0 0 2 2h10a2 2 0 0 0 2-2V6h1V4h-5V3zM7 6h10v13H7zm2 2v9h2V8zm4 0v9h2V8z`},null,-1)]])}var ae=(0,o.markRaw)({name:`mdi-trash-can-outline`,render:ie}),oe={viewBox:`0 0 24 24`,width:`1.2em`,height:`1.2em`};function se(e,t){return(0,o.openBlock)(),(0,o.createElementBlock)(`svg`,oe,[...t[0]||=[(0,o.createElementVNode)(`path`,{fill:`currentColor`,d:`M9 3h2v2H9zm4 0h2v2h-2zM9 7h2v2H9zm4 0h2v2h-2zm-4 4h2v2H9zm4 0h2v2h-2zm-4 4h2v2H9zm4 0h2v2h-2zm-4 4h2v2H9zm4 0h2v2h-2z`},null,-1)]])}var ce=(0,o.markRaw)({name:`mdi-drag-vertical`,render:se}),le=`data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAICRAEAOw==`,Z=null,ue=e=>{!e?.setDragImage||typeof Image>`u`||(Z||(Z=new Image,Z.src=le),e.setDragImage(Z,0,0))},de=e.c({modelName:`DraggableList`,defaultData:[],setup(t,n,r){let i=(0,o.ref)(null),a=(0,o.ref)(null),s=e=>i.value!==null&&e!==i.value&&e!==i.value+1,c=(e,t)=>{i.value=t,e.dataTransfer&&(e.dataTransfer.effectAllowed=`move`,e.dataTransfer.setData(`text/plain`,t.toString()),ue(e.dataTransfer))},l=(e,t)=>{e.preventDefault(),a.value=t===i.value?null:{type:`item`,index:t}},u=(e,t)=>{e.preventDefault(),a.value=s(t)?{type:`gap`,index:t}:null},d=(n,r)=>{if(n.preventDefault(),i.value!==null&&i.value!==r){let n=[...e.i(t).model.getData()||[]];[n[i.value],n[r]]=[n[r],n[i.value]],e.i(t).model.replaceData(n)}p()},f=(n,r)=>{if(n.preventDefault(),s(r)){let n=[...e.i(t).model.getData()||[]],[a]=n.splice(i.value,1);n.splice(r>i.value?r-1:r,0,a),e.i(t).model.replaceData(n)}p()},p=()=>{i.value=null,a.value=null},m=n=>{let r=[...e.i(t).model.getData()||[]];r.splice(n,1),e.i(t).model.replaceData(r)},h=()=>{let n=e.i(t).model.getData()||[];return(0,o.createVNode)(`div`,{class:`flex flex-col`},[n.map((n,r)=>[e.i(t).gap(r),e.i(t).itemRow(n,r)]),n.length?e.i(t).gap(n.length):!1])};return{template:h,render:h,gap:n=>{let r=a.value?.type===`gap`&&a.value.index===n;return(0,o.createVNode)(`div`,{key:`gap-${n}`,"data-drop-gap":n,onDragover:r=>e.i(t).onGapDragOver(r,n),onDrop:r=>e.i(t).onGapDrop(r,n),class:`mx-1 h-4 shrink-0 flex items-center`},[(0,o.createVNode)(`div`,{class:{"h-1 w-full rounded-full transition-colors":!0,"bg-(--colors-DE851A) shadow-[0_0_0_3px_rgb(222_133_26/0.25)]":r}},null)])},itemRow:(n,r)=>{let s=i.value===r,c=a.value?.type===`item`&&a.value.index===r;return(0,o.createVNode)(`div`,{key:n.id||n.uuid||`new-${r}`,"data-drop-item":r,draggable:`true`,onDragstart:n=>e.i(t).onDragStart(n,r),onDragover:n=>e.i(t).onDragOver(n,r),onDrop:n=>e.i(t).onDrop(n,r),onDragend:n=>e.i(t).onDragEnd(n),class:{"px-3 flex items-center gap-x-3 bg-white border rounded shadow-sm cursor-move transition-all":!0,"border-[#DCE1E8]":!c,"opacity-40 border-dashed":s,"border-(--colors-DE851A) ring-1 ring-inset ring-(--colors-DE851A) shadow-md":c}},[e.i(t).dragHandle(),e.i(t).indexBadge(r),(0,o.createVNode)(`div`,{class:`grow flex items-center overflow-hidden`},[e.i(t).itemContent(n,r)]),e.i(t).removeAction(n,r)])},dragHandle:()=>(0,o.createVNode)(`div`,{class:`text-(--colors-8B8CA0) grid place-items-center cursor-grab active:cursor-grabbing`},[(0,o.createVNode)(ce,{class:`size-6`},null)]),indexBadge:e=>(0,o.createVNode)(`div`,{class:`w-5 h-5 rounded-full bg-(--colors-primary-500) text-white flex items-center justify-center text-[10px] font-bold shrink-0`},[e+1]),itemContent:(e,t)=>r.$slots.default?r.$slots.default({item:e,index:t}):(0,o.createVNode)(`div`,{class:`text-sm font-medium text-(--colors-303136) truncate ml-2`},[e.text||e.name||e.title||`Item ${t+1}`]),removeAction:(n,r)=>(0,o.createVNode)(`button`,{type:`button`,onClick:()=>e.i(t).onRemove(r),class:`text-gray-400 hover:text-error duration-300 cursor-pointer`,"aria-label":`Remove item`},[(0,o.createVNode)(ae,{class:`size-6`},null)]),onDragStart:c,onDragOver:l,onGapDragOver:u,onDrop:d,onGapDrop:f,onDragEnd:p,onRemove:m,dragIndex:i,dropTarget:a}}}),Q=(e,{name:t}={})=>new Proxy(e,{get:(e,n,r)=>n===`unsigned`?Q(Object.assign({},e,{allowMinus:!1}),{name:t}):n===`edit`?t=>Object.assign({},e,t):n===`name`?t:Reflect.get(e,n,r)}),$={currency:Q({alias:`currency`,prefix:`$`,autoUnmask:!0,unmaskAsNumber:!0,clearMaskOnLostFocus:!1,rightAlign:!1,numericInput:!0},{name:`Currency`}),percentage:Q({alias:`numeric`,suffix:` %`,autoUnmask:!0,unmaskAsNumber:!0,clearMaskOnLostFocus:!1,rightAlign:!1,max:100,min:0},{name:`Percentage`}),pounds:Q({alias:`numeric`,suffix:` lbs`,autoUnmask:!0,unmaskAsNumber:!0,clearMaskOnLostFocus:!1,rightAlign:!1},{name:`Pounds`}),integer:Q({alias:`integer`,autoUnmask:!0,unmaskAsNumber:!0,clearMaskOnLostFocus:!1,numericInput:!0,rightAlign:!1},{name:`Integer`}),float:Q({alias:`currency`,autoUnmask:!0,unmaskAsNumber:!0,clearMaskOnLostFocus:!1,rightAlign:!1,numericInput:!0,digits:2},{name:`Float`}),number:Q({alias:`currency`,autoUnmask:!0,unmaskAsNumber:!0,clearMaskOnLostFocus:!1,rightAlign:!1,numericInput:!0,digits:2},{name:`Number`}),phone:Q({mask:`(999) 999 - 9999`,placeholder:`0`},{name:`Phone number`})},fe=Object.assign($,{format:(e,t)=>new Proxy($,{get:(n,r)=>d.default.format(String(e??``),Object.assign({},$[r],t))})});exports.Button=p,exports.ConfirmationModal=y,exports.CustomAlert=b,exports.CustomButton=_,exports.CustomModal=v,exports.CustomTable=te,exports.CustomTableRow=X,exports.Datetime=ne,exports.DraggableList=de,exports.Editor=r.t,exports.Input=r.r,exports.ItemsList=Y,exports.Label=n.t,exports.ListPagination=J,exports.Masks=fe,exports.Popover=ee,exports.Select=t.t;