@pequity/squirrel 1.0.20-beta.1 → 1.0.20-beta.3

package/dist/cjs/index.js

@@ -1 +1,976 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const te=require("./chunks/p-action-bar.js"),le=require("./p-alert.js"),oe=require("./p-avatar.js"),re=require("./p-btn.js"),se=require("./chunks/p-card.js"),ie=require("./chunks/p-checkbox.js"),ne=require("./p-chips.js"),ae=require("./p-close-btn.js"),ce=require("./p-date-picker.js"),ue=require("./p-drawer.js"),de=require("./p-dropdown.js"),j=require("./chunks/p-dropdown-select.js"),e=require("vue"),z=require("./p-file-upload.js"),G=require("lodash-es"),Y=require("./useInputClasses.js"),pe=require("vue-toastification"),L=require("./chunks/_plugin-vue_export-helper.js"),me=require("./p-table-filter-icon.js"),fe=require("./p-info-icon.js"),ge=require("./p-inline-date-picker.js"),ve=require("./p-input.js"),he=require("./p-input-number.js"),Ce=require("./chunks/p-input-percent.js"),K=require("./p-input-search.js"),ye=require("./p-loading.js"),Se=require("./p-modal.js"),be=require("./chunks/p-pagination.js"),ke=require("./chunks/p-pagination-info.js"),_e=require("./p-progress-bar.js"),Ee=require("./chunks/p-ring-loader.js"),Be=require("./chunks/p-select.js"),Ve=require("./chunks/p-select-btn.js"),R=require("./p-select-list.js"),H=require("./text.js"),q=require("./string.js"),Z=require("./useSelectList.js"),xe=require("./p-select-pill.js"),Ne=require("./p-skeleton-loader.js"),W=require("./p-table-header-cell.js"),y=require("./p-table.js"),U=require("./usePTableColResize.js"),Pe=require("./chunks/p-table-loader.js"),I=require("./p-table-sort.js"),Te=require("./p-table-td.js"),we=require("./chunks/p-tabs.js"),ze=require("./p-textarea.js"),Ie=require("./p-toggle.js"),$e=require("./usePLoading.js"),Fe=require("./usePModal.js"),Re=require("./usePTableRowVirtualizer.js"),qe="data:image/svg+xml,%3csvg%20width='20'%20height='20'%20viewBox='0%200%2020%2020'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M5.8335%206.25016L10.0002%202.0835L14.1668%206.25016'%20stroke='%23767189'%20stroke-width='1.25'%20/%3e%3cpath%20d='M10%202.0835V13.7502'%20stroke='%23767189'%20stroke-width='1.25'%20/%3e%3cpath%20d='M2.91675%2015V18.3333H17.0834V15'%20stroke='%23767189'%20stroke-width='1.25'%20/%3e%3c/svg%3e",Le="data:image/svg+xml,%3csvg%20width='48'%20height='48'%20viewBox='0%200%2048%2048'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M33%2012H14V44H42V21L33%2012Z'%20stroke='%231A123B'%20stroke-width='3'%20/%3e%3cpath%20d='M9%2036H6V4H25L28%207'%20stroke='%231A123B'%20stroke-width='3'%20/%3e%3cpath%20d='M37%2030H19M28%2021V39'%20stroke='%231A123B'%20stroke-width='3'%20/%3e%3c/svg%3e",J=t=>(e.pushScopeId("data-v-d07a8f64"),t=t(),e.popScopeId(),t),Me=["data-has-error"],De={key:0,class:"flex h-28 flex-col items-center justify-center"},Oe={key:0,class:"flex flex-col items-center"},Ae=J(()=>e.createElementVNode("img",{src:qe,class:"h-8 w-8"},null,-1)),He={class:"mt-2 text-p-gray-50"},je={class:"text-p-blue-60"},Ge={key:1,class:"flex flex-col items-center"},Ye=J(()=>e.createElementVNode("img",{src:Le,class:"h-8 w-8"},null,-1)),Ke={class:"mt-2 text-p-purple-60"},Ze=["accept","multiple","disabled"],We={class:"max-h-48 overflow-y-auto overflow-x-hidden"},Ue=["title"],Je=["onClick"],Qe={class:"mt-1 text-xs text-p-gray-40"},Xe=e.defineComponent({name:"PFileUpload",__name:"p-file-upload",props:{modelValue:{type:[Object,Array],default:()=>[]},multiple:{type:Boolean,default:!1},fileTypes:{type:Array,default:()=>[]},disabled:{type:Boolean,default:!1},required:{type:Boolean,default:!1},errorMsg:{type:String,default:""},label:{type:String,default:""},maxSizeInBytes:{type:Number,default:256*1e3},maxNumberOfFiles:{type:Number,default:10}},emits:["update:modelValue","file-removed","file-added"],setup(t,{emit:v}){const n=t,u=v,p=e.shallowRef(),m=e.ref(!1),f=pe.useToast(),{labelClasses:E,errorMsgClasses:x}=Y.useInputClasses(n),S=e.computed(()=>n.multiple?"files":"file"),c=e.computed({get(){return Array.isArray(n.modelValue)?n.modelValue:[n.modelValue]},set(s){n.multiple?u("update:modelValue",s):u("update:modelValue",s[0])}}),k=e.computed(()=>n.fileTypes.length>0?G.uniq(n.fileTypes).join(","):void 0),B=e.computed(()=>n.multiple?c.value.length>=n.maxNumberOfFiles:c.value.length>=1),V=s=>{const o=[];for(let r=0;r<s.length;r++){const i=s[r],h=i.name||i.url;if(o.length+c.value.length>=n.maxNumberOfFiles){f.error(`You can only upload a maximum of ${n.maxNumberOfFiles} ${S.value}.`);break}if(h){if(i.url){o.push(i);continue}if(n.fileTypes.length!==0){const N=z.getFileExtension(h)?`.${z.getFileExtension(h)}`:"";if(!(N?n.fileTypes.includes(N):!1)){f.error(`${N} files are not allowed.`);continue}}if((i.size||0)>n.maxSizeInBytes){f.error(`File size of ${h} exceeds ${z.formatBytes(n.maxSizeInBytes)}.`);continue}o.push(i)}}return o},_=s=>{var i,h;const o=((i=s.target)==null?void 0:i.files)||((h=s.dataTransfer)==null?void 0:h.files);if(!o)return;const r=n.fileTypes?V(Array.from(o)):o;c.value=n.multiple?[...c.value,...r]:r,u("file-added",r)},C=s=>{_(s),p.value&&(p.value.value="")},l=s=>{if(s in c.value){const o=c.value[s];c.value=c.value.filter((r,i)=>i!==s),u("file-removed",o)}},b=s=>{m.value=!1,C(s)},g=()=>{p.value&&p.value.click()};return e.onMounted(()=>{Array.isArray(c.value)&&c.value.length>0&&(c.value=V(c.value))}),(s,o)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass([{hidden:s.$attrs.hidden}]),"data-has-error":!!t.errorMsg},[t.label?(e.openBlock(),e.createElementBlock("label",{key:0,class:e.normalizeClass(e.unref(E))},e.toDisplayString(t.label),3)):e.createCommentVNode("",!0),e.createElementVNode("div",{class:e.normalizeClass(["flex w-full flex-col rounded border bg-surface p-4",[{"cursor-pointer":!B.value},{"border-dashed":!m.value},{"border-primary ring-1 ring-primary":m.value&&!t.errorMsg},t.errorMsg?"border-on-error":"border-p-gray-40 hover:border-primary",{"pointer-events-none opacity-50":t.disabled}]]),"aria-label":"dropzone",onDragover:o[1]||(o[1]=e.withModifiers(r=>m.value=!0,["prevent","stop"])),onDragleave:o[2]||(o[2]=e.withModifiers(r=>m.value=!1,["prevent","stop"])),onDrop:e.withModifiers(b,["prevent","stop"]),onClick:g},[B.value?e.createCommentVNode("",!0):(e.openBlock(),e.createElementBlock("div",De,[m.value?(e.openBlock(),e.createElementBlock("div",Ge,[Ye,e.createElementVNode("div",Ke,"Drop "+e.toDisplayString(S.value),1)])):(e.openBlock(),e.createElementBlock("div",Oe,[Ae,e.createElementVNode("div",He,[e.createTextVNode(" Drag or "),e.createElementVNode("span",je,"select "+e.toDisplayString(S.value),1)])])),e.createElementVNode("input",{ref_key:"fileInputRef",ref:p,type:"file",class:"hidden",tabindex:-1,accept:k.value,multiple:t.multiple,disabled:t.disabled,"aria-hidden":"true",onChange:C},null,40,Ze)])),e.createElementVNode("div",We,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(c.value,(r,i)=>(e.openBlock(),e.createElementBlock("div",{key:i,class:e.normalizeClass(["flex cursor-default items-center justify-between",{"border-b border-dashed border-p-gray-30 pb-4":i!==c.value.length-1},{"mt-4":i!==0}]),onClick:o[0]||(o[0]=e.withModifiers(()=>{},["stop"]))},[e.createElementVNode("div",{class:"truncate",title:r.name},e.toDisplayString(r.name),9,Ue),e.createElementVNode("button",{class:"bg-file-upload-x-icon h-4 w-4 shrink-0 cursor-pointer",onClick:e.withModifiers(h=>l(i),["stop"])},null,8,Je)],2))),128))])],34),e.withDirectives(e.createElementVNode("div",{class:e.normalizeClass(e.unref(x))},e.toDisplayString(t.errorMsg),3),[[e.vShow,t.errorMsg]]),e.createElementVNode("div",Qe,e.toDisplayString(t.multiple?`Max ${t.maxNumberOfFiles}`:"One")+" "+e.toDisplayString(k.value)+" "+e.toDisplayString(t.multiple?"files":"file")+" with size less than "+e.toDisplayString(e.unref(z.formatBytes)(t.maxSizeInBytes))+" "+e.toDisplayString(t.multiple?"each":""),1)],10,Me))}}),et=L._export_sfc(Xe,[["__scopeId","data-v-d07a8f64"]]),tt=["data-has-error"],lt={class:"text-p-purple-60"},ot={class:"flex flex-row"},rt=e.createElementVNode("span",{class:"px-1 leading-none"},".",-1),st=["onClick"],it=["title"],nt={key:0,class:"ml-auto fill-p-purple-60 pl-2",src:j._imports_0},at=e.defineComponent({name:"PSelectList",inheritAttrs:!1,__name:"p-select-list",props:{modelValue:{type:[String,Number,Boolean,Array,Object],default:null},valueIsObject:{type:Boolean,default:!1},items:{type:Array,default:()=>[]},label:{type:String,default:""},errorMsg:{type:String,default:""},required:{type:Boolean,default:!1},size:{type:String,default:"md",validator(t){return Object.keys(R.SIZES).includes(t)}},itemText:{type:String,default:"text"},itemValue:{type:[String,Number],default:"value"},itemSize:{type:Number,default:null},itemsVisible:{type:Number,default:7},searchable:{type:Boolean,default:!1},multiple:{type:Boolean,default:!1},placeholder:{type:String,default:""},placeholderSearch:{type:String,default:""},selectedTopShown:{type:Boolean,default:!1},topSectionClass:{type:String,default:""},closePopperOnSelect:{type:Boolean,default:!0}},emits:["update:modelValue","select"],setup(t,{emit:v}){const n=v,u=t,p=e.ref({paddingTop:0,paddingBottom:0}),m=e.ref({maxHeight:"none"}),f=e.ref(null),E=e.ref(null),{labelClasses:x,errorMsgClasses:S}=Y.useInputClasses(u),c=e.useAttrs(),k=e.ref(null),{LIST_ITEM_CLASS:B,LIST_ITEM_ACTIVE_CLASS:V,selectedItems:_,computedItems:C,computedItemSize:l,computedInsideSelected:b,internalItems:g,search:s,rowVirtualizer:o,getValue:r,getText:i,isSelected:h,setupNavigationSvc:N,select:M,onFocus:$,onMousemove:D,scrollToActiveItem:Q,putSelectedItemsOnTop:X,selectAll:P,clearAll:O}=Z.useSelectList(u,f,k,n),ee=e.computed(()=>c.style);return e.onMounted(async()=>{var d,w;const T=((d=E.value)==null?void 0:d.clientHeight)||0;m.value={maxHeight:`${l.value*u.itemsVisible-T}px`},X(),u.searchable?(w=f.value)==null||w.$el.querySelector("input").focus():N(),Q({wait:200})}),(T,d)=>{const w=e.resolveDirective("close-popper");return e.openBlock(),e.createElementBlock("div",{ref:"formControl",class:e.normalizeClass([{hidden:e.unref(c).hidden},e.unref(c).class]),"data-has-error":!!t.errorMsg,style:e.normalizeStyle(ee.value),"p-select-list":""},[t.label?(e.openBlock(),e.createElementBlock("label",{key:0,class:e.normalizeClass(e.unref(x))},e.toDisplayString(t.label),3)):e.createCommentVNode("",!0),e.createElementVNode("div",{class:e.normalizeClass([{"border border-on-error":!!t.errorMsg},e.unref(c).disabled?"pointer-events-none bg-p-gray-10":"bg-white"])},[t.multiple||t.searchable?(e.openBlock(),e.createElementBlock("div",{key:0,class:e.normalizeClass(t.topSectionClass)},[t.multiple?(e.openBlock(),e.createElementBlock("div",{key:0,ref_key:"actionsContainer",ref:E,class:"flex flex-row justify-between text-xs font-semibold text-primary"},[e.createElementVNode("p",lt,e.toDisplayString(e.unref(C).length)+" items",1),e.createElementVNode("div",ot,[e.unref(C).length===e.unref(g).length?(e.openBlock(),e.createElementBlock("a",{key:0,class:e.normalizeClass([e.unref(_).length!==e.unref(g).length?"cursor-pointer":"pointer-events-none opacity-50"]),onClick:d[0]||(d[0]=(...a)=>e.unref(P)&&e.unref(P)(...a))}," Select all ",2)):(e.openBlock(),e.createElementBlock("a",{key:1,class:e.normalizeClass([e.unref(b)?"pointer-events-none opacity-50":"cursor-pointer"]),onClick:d[1]||(d[1]=(...a)=>e.unref(P)&&e.unref(P)(...a))}," Select all filtered ",2)),rt,e.createElementVNode("a",{class:e.normalizeClass([e.unref(_).length?"cursor-pointer":"pointer-events-none opacity-50"]),onClick:d[2]||(d[2]=(...a)=>e.unref(O)&&e.unref(O)(...a))}," Clear all ",2)])],512)):e.createCommentVNode("",!0),t.searchable?(e.openBlock(),e.createElementBlock("div",{key:1,class:e.normalizeClass([{"mt-3":t.multiple}])},[e.createVNode(K,{ref_key:"inputSearch",ref:f,modelValue:e.unref(s),"onUpdate:modelValue":d[3]||(d[3]=a=>e.isRef(s)?s.value=a:null),size:t.size,placeholder:t.placeholderSearch,onFocus:e.unref($)},null,8,["modelValue","size","placeholder","onFocus"])],2)):e.createCommentVNode("",!0)],2)):e.createCommentVNode("",!0),e.createElementVNode("div",{ref_key:"virtualizerRef",ref:k,style:e.normalizeStyle(m.value),class:e.normalizeClass(["overflow-y-auto",{"mt-3":t.multiple||t.searchable}])},[e.createElementVNode("div",{tabindex:"-1",class:"relative w-full","p-select-list-options":"",style:e.normalizeStyle({height:`${e.unref(o).getTotalSize()}px`}),onFocus:d[4]||(d[4]=(...a)=>e.unref($)&&e.unref($)(...a)),onMousemove:d[5]||(d[5]=(...a)=>e.unref(D)&&e.unref(D)(...a))},[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(e.unref(o).getVirtualItems(),a=>(e.openBlock(),e.createElementBlock("div",{key:a.index,class:"absolute left-0 top-0 w-full","p-select-list-option":"",style:e.normalizeStyle({height:`${a.size}px`,transform:`translateY(${a.start}px)`})},[e.withDirectives((e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass([e.unref(B),{[e.unref(V)]:e.unref(h)(e.unref(r)(a.index))}]),"p-select-list-option-item":"",style:e.normalizeStyle(p.value),onClick:F=>e.unref(M)(F,e.unref(r)(a.index))},[e.createElementVNode("div",{class:e.normalizeClass(["flex items-center",{[e.unref(R.SIZES)[t.size]]:!t.itemSize}])},[e.renderSlot(T.$slots,"item",{item:e.unref(C)[a.index],isItemSelected:e.unref(h)(e.unref(r)(a.index)),itemTextSplit:e.unref(H.splitStringForHighlight)(e.unref(q.toString)(e.unref(i)(a.index)),e.unref(s))},()=>[e.createElementVNode("div",{class:"truncate text-p-purple-60",title:e.unref(q.toString)(e.unref(i)(a.index))},[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(e.unref(H.splitStringForHighlight)(e.unref(q.toString)(e.unref(i)(a.index)),e.unref(s)),(F,A)=>(e.openBlock(),e.createElementBlock("span",{key:`${e.unref(r)(a.index)}_${A}`,class:e.normalizeClass({"bg-p-blue-20":A===1})},e.toDisplayString(F),3))),128))],8,it)]),e.unref(h)(e.unref(r)(a.index))?(e.openBlock(),e.createElementBlock("img",nt)):e.createCommentVNode("",!0)],2)],14,st)),[[w,t.closePopperOnSelect&&!t.multiple]])],4))),128))],36),e.unref(C).length?e.createCommentVNode("",!0):e.renderSlot(T.$slots,"no-items",{key:0},()=>[e.createElementVNode("div",{class:e.normalizeClass(["flex items-center justify-center",e.unref(R.SIZES)[t.size]])},"No items found",2)])],6)],2),e.withDirectives(e.createElementVNode("div",{class:e.normalizeClass(e.unref(S))},e.toDisplayString(t.errorMsg),3),[[e.vShow,t.errorMsg]])],14,tt)}}}),ct=["data-col-id"],ut={class:"flex"},dt=["onMousedown","onDblclick"],pt={key:0,class:"min-w-[80px] bg-gradient-to-r from-white via-p-gray-10 to-p-gray-10"},mt={key:0},ft={key:1},gt=e.defineComponent({name:"PTable",__name:"p-table",props:{cols:{},colsResizable:{type:Boolean,default:!1},isFirstColFixed:{type:Boolean,default:!1},isLastColFixed:{type:Boolean,default:!1},lockScroll:{type:Boolean,default:!1},virtualizer:{default:()=>({paddingTop:0,paddingBottom:0})}},emits:["scroll","click-filter-icon","col-resize"],setup(t,{emit:v}){const n=v,u=t;e.provide(y.colsInjectionKey,e.computed(()=>u.cols)),e.provide(y.isFirstColFixedInjectionKey,e.computed(()=>u.isFirstColFixed)),e.provide(y.isLastColFixedInjectionKey,e.computed(()=>u.isLastColFixed)),e.provide(y.isColsResizableInjectionKey,e.computed(()=>u.colsResizable));const p=e.ref(null),m=e.ref([]),{isColResizing:f,colResizeHandleLeft:E,colResizingIndex:x,colResizingWidth:S,colResize:c,colResizeStart:k,colResizeFitToData:B}=U.usePTableColResize({enabled:e.computed(()=>u.colsResizable),ths:m}),V=(l,b)=>{l instanceof Element&&(m.value[b]=l)},_=l=>{n("scroll",l)},C=(l,b)=>{const g=["relative","py-2"];return b.borderColor||g.push("border-b border-p-gray-30"),l===0&&u.isFirstColFixed||l===u.cols.length-1&&u.isLastColFixed?g.push("th-shadow px-4"):u.colsResizable?g.push("pl-2 pr-4"):g.push("px-2"),g};return e.onMounted(()=>{var l;(l=p.value)==null||l.addEventListener("scroll",_,!0)}),e.onBeforeUnmount(()=>{var l;(l=p.value)==null||l.removeEventListener("scroll",_,!0)}),e.watch(f,l=>{l===!1&&S.value>0&&n("col-resize",x.value,S.value)}),(l,b)=>{var g,s;return e.openBlock(),e.createElementBlock("div",{ref_key:"scrollWrapper",ref:p,class:e.normalizeClass(["block border border-p-gray-30",l.lockScroll?"overflow-hidden":"overflow-x-auto"])},[e.unref(f)?(e.openBlock(),e.createElementBlock("div",{key:0,class:"fixed z-[100] w-1 cursor-col-resize bg-p-gray-30",style:e.normalizeStyle({top:`${(g=p.value)==null?void 0:g.offsetTop}px`,left:e.unref(E),height:`${(s=p.value)==null?void 0:s.offsetHeight}px`}),"data-resize-y-axis":""},null,4)):e.createCommentVNode("",!0),e.createElementVNode("table",e.mergeProps({class:["p-table mb-0 w-full bg-surface",{"last-col-fixed":l.isLastColFixed},{"first-col-fixed":l.isFirstColFixed}]},e.toHandlers(l.colsResizable?{mousemove:e.unref(c)}:{},!0)),[e.createElementVNode("thead",null,[e.createElementVNode("tr",null,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(u.cols,(o,r)=>(e.openBlock(),e.createElementBlock("th",e.mergeProps({ref_for:!0,ref:i=>V(i,r),key:o.id,"data-col-id":o.id},o.thAttrs,{style:o.style,class:"bg-surface"}),[e.createElementVNode("div",{class:e.normalizeClass(C(r,o))},[e.createElementVNode("div",ut,[e.renderSlot(l.$slots,`prepend-header-cell-${e.unref(G.kebabCase)(o.name)}`,{col:o},void 0,!0),e.createVNode(W,e.mergeProps({text:o.title,"filter-active":o.filterActive,"show-filter-icon":o.filterable||o.sortable,"tooltip-text":o.tooltip,class:[{"pl-2":r===1&&l.isFirstColFixed,"pr-2":r===l.cols.length&&l.isLastColFixed},"grow"]},o.headerCellAttrs,{onClickFilterIcon:i=>l.$emit("click-filter-icon",i,o)}),null,16,["text","filter-active","show-filter-icon","tooltip-text","class","onClickFilterIcon"])]),l.colsResizable&&r!==0&&!(r===l.cols.length-1&&l.isLastColFixed)?(e.openBlock(),e.createElementBlock("div",{key:0,class:e.normalizeClass(["absolute bottom-0 right-0 h-full w-2 cursor-col-resize after:absolute after:bottom-2 after:z-20 after:block after:h-5 after:w-px after:cursor-col-resize after:bg-p-gray-30",r===l.cols.length-1?" after:right-0":" after:right-1"]),"data-resize-handle":"",onMousedown:i=>e.unref(k)(i,r),onDblclick:i=>e.unref(B)(r)},null,42,dt)):e.createCommentVNode("",!0),e.createElementVNode("div",{class:e.normalizeClass(["absolute bottom-0 h-1 w-full",l.colsResizable?"-left-1":"left-0"]),style:e.normalizeStyle({background:o.borderColor})},null,6)],2)],16,ct))),128)),l.colsResizable&&!l.isLastColFixed?(e.openBlock(),e.createElementBlock("th",pt)):e.createCommentVNode("",!0)])]),e.createElementVNode("tbody",null,[l.virtualizer.paddingTop>0?(e.openBlock(),e.createElementBlock("tr",mt,[e.createElementVNode("td",{style:e.normalizeStyle({height:`${l.virtualizer.paddingTop}px`})},null,4)])):e.createCommentVNode("",!0),e.renderSlot(l.$slots,"default",{},void 0,!0),l.virtualizer.paddingBottom>0?(e.openBlock(),e.createElementBlock("tr",ft,[e.createElementVNode("td",{style:e.normalizeStyle({height:`${l.virtualizer.paddingBottom}px`})},null,4)])):e.createCommentVNode("",!0)])],16)],2)}}}),vt=L._export_sfc(gt,[["__scopeId","data-v-170d774b"]]),ht=e.defineComponent({name:"PTableSort",props:{modelValue:{type:String,default:I.SORTING_TYPES.NO_SORTING,validator(t){return Object.values(I.SORTING_TYPES).includes(t)}}},emits:["update:modelValue"],data(){return{SORTING_TYPES:I.SORTING_TYPES}}}),Ct="data:image/svg+xml,%3csvg%20width='16'%20height='16'%20viewBox='0%200%2016%2016'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cg%20clip-path='url(%23clip0_1019_75838)'%3e%3cpath%20d='M11.6533%203.37331L8.47329%200.18664C8.41131%200.124154%208.33758%200.074558%208.25634%200.0407122C8.1751%200.00686641%208.08796%20-0.0105591%207.99995%20-0.0105591C7.91194%20-0.0105591%207.82481%200.00686641%207.74357%200.0407122C7.66233%200.074558%207.58859%200.124154%207.52662%200.18664L4.34662%203.37331C4.253%203.46615%204.18902%203.58468%204.16277%203.71388C4.13651%203.84309%204.14916%203.97719%204.19911%204.09921C4.24906%204.22123%204.33407%204.3257%204.44339%204.39941C4.55271%204.47312%204.68144%204.51275%204.81329%204.51331H6.81329C6.83571%204.51054%206.85846%204.51235%206.88016%204.51865C6.90186%204.52494%206.92205%204.53559%206.93951%204.54993C6.95697%204.56427%206.97133%204.58201%206.98172%204.60207C6.99211%204.62214%206.99832%204.6441%206.99995%204.66664V14.9933C6.99995%2015.2585%207.10531%2015.5129%207.29285%2015.7004C7.48038%2015.888%207.73474%2015.9933%207.99995%2015.9933C8.26517%2015.9933%208.51952%2015.888%208.70706%2015.7004C8.8946%2015.5129%208.99995%2015.2585%208.99995%2014.9933V4.66664C8.99995%204.62244%209.01751%204.58004%209.04877%204.54879C9.08002%204.51753%209.12242%204.49997%209.16662%204.49997H11.1666C11.2985%204.49942%2011.4272%204.45978%2011.5365%204.38608C11.6458%204.31237%2011.7308%204.2079%2011.7808%204.08587C11.8307%203.96385%2011.8434%203.82976%2011.8171%203.70055C11.7909%203.57134%2011.7269%203.45282%2011.6333%203.35997L11.6533%203.37331Z'%20fill='%23424E6E'/%3e%3c/g%3e%3cdefs%3e%3cclipPath%20id='clip0_1019_75838'%3e%3crect%20width='16'%20height='16'%20fill='white'/%3e%3c/clipPath%3e%3c/defs%3e%3c/svg%3e",yt="data:image/svg+xml,%3csvg%20width='16'%20height='16'%20viewBox='0%200%2016%2016'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cg%20clip-path='url(%23clip0_1019_80096)'%3e%3cpath%20d='M11.6533%203.37331L8.47329%200.18664C8.41131%200.124154%208.33758%200.074558%208.25634%200.0407122C8.1751%200.00686641%208.08796%20-0.0105591%207.99995%20-0.0105591C7.91194%20-0.0105591%207.82481%200.00686641%207.74357%200.0407122C7.66233%200.074558%207.58859%200.124154%207.52662%200.18664L4.34662%203.37331C4.253%203.46615%204.18902%203.58468%204.16277%203.71388C4.13651%203.84309%204.14916%203.97719%204.19911%204.09921C4.24906%204.22123%204.33407%204.3257%204.44339%204.39941C4.55271%204.47312%204.68144%204.51275%204.81329%204.51331H6.81329C6.83571%204.51054%206.85846%204.51235%206.88016%204.51865C6.90186%204.52494%206.92205%204.53559%206.93951%204.54993C6.95697%204.56427%206.97133%204.58201%206.98172%204.60207C6.99211%204.62214%206.99832%204.6441%206.99995%204.66664V14.9933C6.99995%2015.2585%207.10531%2015.5129%207.29285%2015.7004C7.48038%2015.888%207.73474%2015.9933%207.99995%2015.9933C8.26517%2015.9933%208.51952%2015.888%208.70706%2015.7004C8.8946%2015.5129%208.99995%2015.2585%208.99995%2014.9933V4.66664C8.99995%204.62244%209.01751%204.58004%209.04877%204.54879C9.08002%204.51753%209.12242%204.49997%209.16662%204.49997H11.1666C11.2985%204.49942%2011.4272%204.45978%2011.5365%204.38608C11.6458%204.31237%2011.7308%204.2079%2011.7808%204.08587C11.8307%203.96385%2011.8434%203.82976%2011.8171%203.70055C11.7909%203.57134%2011.7269%203.45282%2011.6333%203.35997L11.6533%203.37331Z'%20fill='%23323CEB'/%3e%3c/g%3e%3cdefs%3e%3cclipPath%20id='clip0_1019_80096'%3e%3crect%20width='16'%20height='16'%20fill='white'/%3e%3c/clipPath%3e%3c/defs%3e%3c/svg%3e",St="data:image/svg+xml,%3csvg%20width='16'%20height='16'%20viewBox='0%200%2016%2016'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cg%20clip-path='url(%23clip0_1019_75842)'%3e%3cpath%20d='M11.8%2011.8933C11.75%2011.7716%2011.665%2011.6674%2011.5559%2011.5938C11.4467%2011.5203%2011.3183%2011.4807%2011.1866%2011.48H9.18664C9.16473%2011.4828%209.14248%2011.4812%209.12119%2011.4753C9.0999%2011.4694%209.07999%2011.4594%209.06262%2011.4457C9.04525%2011.4321%209.03077%2011.4151%209.02001%2011.3958C9.00926%2011.3765%209.00245%2011.3553%208.99997%2011.3333V1C8.99997%200.734784%208.89462%200.48043%208.70708%200.292893C8.51954%200.105357%208.26519%200%207.99997%200C7.73476%200%207.4804%200.105357%207.29287%200.292893C7.10533%200.48043%206.99997%200.734784%206.99997%201V11.3333C6.99997%2011.3775%206.98241%2011.4199%206.95116%2011.4512C6.9199%2011.4824%206.87751%2011.5%206.83331%2011.5H4.83331C4.70146%2011.5006%204.57273%2011.5402%204.46341%2011.6139C4.35409%2011.6876%204.26908%2011.7921%204.21913%2011.9141C4.16918%2012.0361%204.15653%2012.1702%204.18279%2012.2994C4.20904%2012.4286%204.27302%2012.5472%204.36664%2012.64L7.54664%2015.8267C7.60861%2015.8892%207.68235%2015.9387%207.76359%2015.9726C7.84483%2016.0064%207.93196%2016.0239%208.01997%2016.0239C8.10798%2016.0239%208.19512%2016.0064%208.27636%2015.9726C8.3576%2015.9387%208.43133%2015.8892%208.49331%2015.8267L11.6733%2012.64C11.7677%2012.5431%2011.8303%2012.4198%2011.853%2012.2864C11.8756%2012.153%2011.8571%2012.0159%2011.8%2011.8933Z'%20fill='%23424E6E'/%3e%3c/g%3e%3cdefs%3e%3cclipPath%20id='clip0_1019_75842'%3e%3crect%20width='16'%20height='16'%20fill='white'/%3e%3c/clipPath%3e%3c/defs%3e%3c/svg%3e",bt="data:image/svg+xml,%3csvg%20width='16'%20height='16'%20viewBox='0%200%2016%2016'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cg%20clip-path='url(%23clip0_1019_80100)'%3e%3cpath%20d='M11.8%2011.8933C11.75%2011.7716%2011.665%2011.6674%2011.5559%2011.5938C11.4467%2011.5203%2011.3183%2011.4807%2011.1866%2011.48H9.18664C9.16473%2011.4828%209.14248%2011.4812%209.12119%2011.4753C9.0999%2011.4694%209.07999%2011.4594%209.06262%2011.4457C9.04525%2011.4321%209.03077%2011.4151%209.02001%2011.3958C9.00926%2011.3765%209.00245%2011.3553%208.99997%2011.3333V1C8.99997%200.734784%208.89462%200.48043%208.70708%200.292893C8.51954%200.105357%208.26519%200%207.99997%200C7.73476%200%207.4804%200.105357%207.29287%200.292893C7.10533%200.48043%206.99997%200.734784%206.99997%201V11.3333C6.99997%2011.3775%206.98241%2011.4199%206.95116%2011.4512C6.9199%2011.4824%206.87751%2011.5%206.83331%2011.5H4.83331C4.70146%2011.5006%204.57273%2011.5402%204.46341%2011.6139C4.35409%2011.6876%204.26908%2011.7921%204.21913%2011.9141C4.16918%2012.0361%204.15653%2012.1702%204.18279%2012.2994C4.20904%2012.4286%204.27302%2012.5472%204.36664%2012.64L7.54664%2015.8267C7.60861%2015.8892%207.68235%2015.9387%207.76359%2015.9726C7.84483%2016.0064%207.93196%2016.0239%208.01997%2016.0239C8.10798%2016.0239%208.19512%2016.0064%208.27636%2015.9726C8.3576%2015.9387%208.43133%2015.8892%208.49331%2015.8267L11.6733%2012.64C11.7677%2012.5431%2011.8303%2012.4198%2011.853%2012.2864C11.8756%2012.153%2011.8571%2012.0159%2011.8%2011.8933Z'%20fill='%23323CEB'/%3e%3c/g%3e%3cdefs%3e%3cclipPath%20id='clip0_1019_80100'%3e%3crect%20width='16'%20height='16'%20fill='white'/%3e%3c/clipPath%3e%3c/defs%3e%3c/svg%3e",kt={class:"flex items-center justify-between"},_t=e.createElementVNode("div",{class:"px-4 text-xs font-semibold text-p-gray-40"},"SORT",-1),Et={class:"mt-2"},Bt={key:0,src:Ct},Vt={key:1,src:yt},xt={key:0,src:St},Nt={key:1,src:bt};function Pt(t,v,n,u,p,m){return e.openBlock(),e.createElementBlock("div",null,[e.createElementVNode("div",kt,[_t,e.createElementVNode("div",{class:e.normalizeClass(["px-4 text-xs font-semibold text-primary",[t.SORTING_TYPES.ASC,t.SORTING_TYPES.DESC].includes(t.modelValue)?"cursor-pointer opacity-100":"opacity-50"]),onClick:v[0]||(v[0]=f=>t.$emit("update:modelValue",t.SORTING_TYPES.NO_SORTING))}," Clear ",2)]),e.createElementVNode("div",Et,[e.createElementVNode("div",{class:"flex cursor-pointer items-center justify-between px-4 py-1 hover:bg-p-blue-10",onClick:v[1]||(v[1]=f=>t.$emit("update:modelValue",t.SORTING_TYPES.ASC))},[e.createElementVNode("div",{class:e.normalizeClass(["text-sm font-semibold text-p-purple-60",{"text-primary":t.modelValue===t.SORTING_TYPES.ASC}])}," Sort ascending ",2),e.createElementVNode("div",null,[t.modelValue===t.SORTING_TYPES.NO_SORTING||t.modelValue===t.SORTING_TYPES.DESC?(e.openBlock(),e.createElementBlock("img",Bt)):(e.openBlock(),e.createElementBlock("img",Vt))])]),e.createElementVNode("div",{class:"flex cursor-pointer items-center justify-between px-4 py-1 hover:bg-p-blue-10",onClick:v[2]||(v[2]=f=>t.$emit("update:modelValue",t.SORTING_TYPES.DESC))},[e.createElementVNode("div",{class:e.normalizeClass(["text-sm font-semibold text-p-purple-60",{"text-primary":t.modelValue===t.SORTING_TYPES.DESC}])}," Sort descending ",2),e.createElementVNode("div",null,[t.modelValue===t.SORTING_TYPES.NO_SORTING||t.modelValue===t.SORTING_TYPES.ASC?(e.openBlock(),e.createElementBlock("img",xt)):(e.openBlock(),e.createElementBlock("img",Nt))])])])])}const Tt=L._export_sfc(ht,[["render",Pt]]);exports.PActionBar=te._sfc_main;exports.PAlert=le;exports.PAvatar=oe;exports.PBtn=re;exports.PCard=se._sfc_main;exports.PCheckbox=ie._sfc_main;exports.PChips=ne;exports.PCloseBtn=ae;exports.PDatePicker=ce;exports.PDrawer=ue;exports.PDropdown=de;exports.PDropdownSelect=j._sfc_main;exports.PFilterIcon=me;exports.PInfoIcon=fe;exports.PInlineDatePicker=ge;exports.PInput=ve;exports.PInputNumber=he;exports.PInputPercent=Ce._sfc_main;exports.PInputSearch=K;exports.PLoading=ye;exports.PModal=Se;exports.PPagination=be._sfc_main;exports.PPaginationInfo=ke._sfc_main;exports.PProgressBar=_e;exports.PRingLoader=Ee._sfc_main;exports.PSelect=Be._sfc_main;exports.PSelectBtn=Ve._sfc_main;exports.useSelectList=Z.useSelectList;exports.PSelectPill=xe;exports.PSkeletonLoader=Ne;exports.PTableHeaderCell=W;exports.MIN_WIDTH_COL_RESIZE=y.MIN_WIDTH_COL_RESIZE;exports.colsInjectionKey=y.colsInjectionKey;exports.isColsResizableInjectionKey=y.isColsResizableInjectionKey;exports.isFirstColFixedInjectionKey=y.isFirstColFixedInjectionKey;exports.isLastColFixedInjectionKey=y.isLastColFixedInjectionKey;exports.usePTableColResize=U.usePTableColResize;exports.PTableLoader=Pe._sfc_main;exports.SORTING_TYPES=I.SORTING_TYPES;exports.PTableTd=Te;exports.PTabs=we._sfc_main;exports.PTextarea=ze;exports.PToggle=Ie;exports.usePLoading=$e.usePLoading;exports.usePModal=Fe.usePModal;exports.usePTableRowVirtualizer=Re.usePTableRowVirtualizer;exports.PFileUpload=et;exports.PSelectList=at;exports.PTable=vt;exports.PTableSort=Tt;
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const config = require("./config.js");
+const pActionBar_vue_vue_type_script_setup_true_lang = require("./chunks/p-action-bar.js");
+const pAlert = require("./p-alert.js");
+const pAvatar = require("./p-avatar.js");
+const pBtn = require("./p-btn.js");
+const pCard_vue_vue_type_script_setup_true_lang = require("./chunks/p-card.js");
+const pCheckbox_vue_vue_type_script_setup_true_lang = require("./chunks/p-checkbox.js");
+const pChips = require("./p-chips.js");
+const pCloseBtn = require("./p-close-btn.js");
+const pDatePicker = require("./p-date-picker.js");
+const pDrawer = require("./p-drawer.js");
+const pDropdown = require("./p-dropdown.js");
+const pDropdownSelect_vue_vue_type_script_setup_true_lang = require("./chunks/p-dropdown-select.js");
+const vue = require("vue");
+const pFileUpload$1 = require("./p-file-upload.js");
+const lodashEs = require("lodash-es");
+const useInputClasses = require("./useInputClasses.js");
+const vueToastification = require("vue-toastification");
+const _pluginVue_exportHelper = require("./chunks/_plugin-vue_export-helper.js");
+const pTableFilterIcon = require("./p-table-filter-icon.js");
+const pInfoIcon = require("./p-info-icon.js");
+const pInlineDatePicker = require("./p-inline-date-picker.js");
+const pInput = require("./p-input.js");
+const pInputNumber = require("./p-input-number.js");
+const pInputPercent_vue_vue_type_script_setup_true_lang = require("./chunks/p-input-percent.js");
+const pInputSearch = require("./p-input-search.js");
+const pLoading = require("./p-loading.js");
+const pModal = require("./p-modal.js");
+const pPagination_vue_vue_type_script_setup_true_lang = require("./chunks/p-pagination.js");
+const pPaginationInfo_vue_vue_type_script_setup_true_lang = require("./chunks/p-pagination-info.js");
+const pProgressBar = require("./p-progress-bar.js");
+const pRingLoader_vue_vue_type_script_setup_true_lang = require("./chunks/p-ring-loader.js");
+const pSelect_vue_vue_type_script_setup_true_lang = require("./chunks/p-select.js");
+const pSelectBtn_vue_vue_type_script_setup_true_lang = require("./chunks/p-select-btn.js");
+const pSelectList = require("./p-select-list.js");
+const text = require("./text.js");
+const string = require("./string.js");
+const useSelectList = require("./useSelectList.js");
+const pSelectPill = require("./p-select-pill.js");
+const pSkeletonLoader = require("./p-skeleton-loader.js");
+const pTableHeaderCell = require("./p-table-header-cell.js");
+const pTable$1 = require("./p-table.js");
+const usePTableColResize = require("./usePTableColResize.js");
+const pTableLoader_vue_vue_type_script_setup_true_lang = require("./chunks/p-table-loader.js");
+const pTableSort$1 = require("./p-table-sort.js");
+const pTableTd = require("./p-table-td.js");
+const pTabs_vue_vue_type_script_setup_true_lang = require("./chunks/p-tabs.js");
+const pTextarea = require("./p-textarea.js");
+const pToggle = require("./p-toggle.js");
+const usePLoading = require("./usePLoading.js");
+const usePModal = require("./usePModal.js");
+const usePTableRowVirtualizer = require("./usePTableRowVirtualizer.js");
+const inputClassesMixin = require("./inputClassesMixin.js");
+const currency = require("./currency.js");
+const tailwind = require("./tailwind.js");
+const inputClassesShared = require("./inputClassesShared.js");
+const pagination = require("./pagination.js");
+const dom = require("./dom.js");
+const object = require("./object.js");
+const listKeyboardNavigation = require("./listKeyboardNavigation.js");
+const number = require("./number.js");
+const _imports_0$1 = "data:image/svg+xml,%3csvg%20width='20'%20height='20'%20viewBox='0%200%2020%2020'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M5.8335%206.25016L10.0002%202.0835L14.1668%206.25016'%20stroke='%23767189'%20stroke-width='1.25'%20/%3e%3cpath%20d='M10%202.0835V13.7502'%20stroke='%23767189'%20stroke-width='1.25'%20/%3e%3cpath%20d='M2.91675%2015V18.3333H17.0834V15'%20stroke='%23767189'%20stroke-width='1.25'%20/%3e%3c/svg%3e";
+const _imports_1$1 = "data:image/svg+xml,%3csvg%20width='48'%20height='48'%20viewBox='0%200%2048%2048'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M33%2012H14V44H42V21L33%2012Z'%20stroke='%231A123B'%20stroke-width='3'%20/%3e%3cpath%20d='M9%2036H6V4H25L28%207'%20stroke='%231A123B'%20stroke-width='3'%20/%3e%3cpath%20d='M37%2030H19M28%2021V39'%20stroke='%231A123B'%20stroke-width='3'%20/%3e%3c/svg%3e";
+const _withScopeId = (n) => (vue.pushScopeId("data-v-d07a8f64"), n = n(), vue.popScopeId(), n);
+const _hoisted_1$3 = ["data-has-error"];
+const _hoisted_2$3 = {
+  key: 0,
+  class: "flex h-28 flex-col items-center justify-center"
+};
+const _hoisted_3$3 = {
+  key: 0,
+  class: "flex flex-col items-center"
+};
+const _hoisted_4$3 = /* @__PURE__ */ _withScopeId(() => /* @__PURE__ */ vue.createElementVNode("img", {
+  src: _imports_0$1,
+  class: "h-8 w-8"
+}, null, -1));
+const _hoisted_5$3 = { class: "mt-2 text-p-gray-50" };
+const _hoisted_6$3 = { class: "text-p-blue-60" };
+const _hoisted_7$2 = {
+  key: 1,
+  class: "flex flex-col items-center"
+};
+const _hoisted_8 = /* @__PURE__ */ _withScopeId(() => /* @__PURE__ */ vue.createElementVNode("img", {
+  src: _imports_1$1,
+  class: "h-8 w-8"
+}, null, -1));
+const _hoisted_9 = { class: "mt-2 text-p-purple-60" };
+const _hoisted_10 = ["accept", "multiple", "disabled"];
+const _hoisted_11 = { class: "max-h-48 overflow-y-auto overflow-x-hidden" };
+const _hoisted_12 = ["title"];
+const _hoisted_13 = ["onClick"];
+const _hoisted_14 = { class: "mt-1 text-xs text-p-gray-40" };
+const _sfc_main$3 = /* @__PURE__ */ vue.defineComponent({
+  ...{
+    name: "PFileUpload"
+  },
+  __name: "p-file-upload",
+  props: {
+    modelValue: {
+      type: [Object, Array],
+      default: () => []
+    },
+    multiple: {
+      type: Boolean,
+      default: false
+    },
+    /**
+     * Array of file extensions to accept. If empty, all file types are accepted.
+     * https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input/file#unique_file_type_specifiers
+     */
+    fileTypes: {
+      type: Array,
+      default: () => []
+    },
+    disabled: {
+      type: Boolean,
+      default: false
+    },
+    required: {
+      type: Boolean,
+      default: false
+    },
+    errorMsg: {
+      type: String,
+      default: ""
+    },
+    label: {
+      type: String,
+      default: ""
+    },
+    maxSizeInBytes: {
+      type: Number,
+      default: 256 * 1e3
+      // 256 KB
+    },
+    maxNumberOfFiles: {
+      type: Number,
+      default: 10
+    }
+  },
+  emits: ["update:modelValue", "file-removed", "file-added"],
+  setup(__props, { emit: __emit }) {
+    const props = __props;
+    const emit = __emit;
+    const fileInputRef = vue.shallowRef();
+    const isDraggingOver = vue.ref(false);
+    const toast = vueToastification.useToast();
+    const { labelClasses, errorMsgClasses } = useInputClasses.useInputClasses(props);
+    const fileWord = vue.computed(() => props.multiple ? "files" : "file");
+    const files = vue.computed({
+      get() {
+        return Array.isArray(props.modelValue) ? props.modelValue : [props.modelValue];
+      },
+      set(files2) {
+        if (props.multiple) {
+          emit("update:modelValue", files2);
+        } else {
+          emit("update:modelValue", files2[0]);
+        }
+      }
+    });
+    const acceptFileTypes = vue.computed(() => {
+      return props.fileTypes.length > 0 ? lodashEs.uniq(props.fileTypes).join(",") : void 0;
+    });
+    const maxFilesReached = vue.computed(() => {
+      return props.multiple ? files.value.length >= props.maxNumberOfFiles : files.value.length >= 1;
+    });
+    const validateFiles = (filesToUpload) => {
+      const res = [];
+      for (let i = 0; i < filesToUpload.length; i++) {
+        const file = filesToUpload[i];
+        const fileName = file.name || file.url;
+        if (res.length + files.value.length >= props.maxNumberOfFiles) {
+          toast.error(`You can only upload a maximum of ${props.maxNumberOfFiles} ${fileWord.value}.`);
+          break;
+        }
+        if (!fileName) {
+          continue;
+        }
+        if (file.url) {
+          res.push(file);
+          continue;
+        }
+        if (props.fileTypes.length === 0)
+          ;
+        else {
+          const extension = pFileUpload$1.getFileExtension(fileName) ? `.${pFileUpload$1.getFileExtension(fileName)}` : "";
+          const isValidExtension = extension ? props.fileTypes.includes(extension) : false;
+          if (!isValidExtension) {
+            toast.error(`${extension} files are not allowed.`);
+            continue;
+          }
+        }
+        if ((file.size || 0) > props.maxSizeInBytes) {
+          toast.error(`File size of ${fileName} exceeds ${pFileUpload$1.formatBytes(props.maxSizeInBytes)}.`);
+          continue;
+        }
+        res.push(file);
+      }
+      return res;
+    };
+    const uploadFile = (e) => {
+      var _a, _b;
+      const f = ((_a = e.target) == null ? void 0 : _a.files) || ((_b = e.dataTransfer) == null ? void 0 : _b.files);
+      if (!f) {
+        return;
+      }
+      const validatedFiles = props.fileTypes ? validateFiles(Array.from(f)) : f;
+      files.value = props.multiple ? [...files.value, ...validatedFiles] : validatedFiles;
+      emit("file-added", validatedFiles);
+    };
+    const changeFieldValue = (e) => {
+      uploadFile(e);
+      if (fileInputRef.value) {
+        fileInputRef.value.value = "";
+      }
+    };
+    const removeFile = (index) => {
+      if (index in files.value) {
+        const removedFile = files.value[index];
+        files.value = files.value.filter((item, idx) => idx !== index);
+        emit("file-removed", removedFile);
+      }
+    };
+    const onDrop = (e) => {
+      isDraggingOver.value = false;
+      changeFieldValue(e);
+    };
+    const openFileDialog = () => {
+      if (fileInputRef.value) {
+        fileInputRef.value.click();
+      }
+    };
+    vue.onMounted(() => {
+      if (Array.isArray(files.value) && files.value.length > 0) {
+        files.value = validateFiles(files.value);
+      }
+    });
+    return (_ctx, _cache) => {
+      return vue.openBlock(), vue.createElementBlock("div", {
+        class: vue.normalizeClass([{ hidden: _ctx.$attrs.hidden }]),
+        "data-has-error": !!__props.errorMsg
+      }, [
+        __props.label ? (vue.openBlock(), vue.createElementBlock("label", {
+          key: 0,
+          class: vue.normalizeClass(vue.unref(labelClasses))
+        }, vue.toDisplayString(__props.label), 3)) : vue.createCommentVNode("", true),
+        vue.createElementVNode("div", {
+          class: vue.normalizeClass(["flex w-full flex-col rounded border bg-surface p-4", [
+            { "cursor-pointer": !maxFilesReached.value },
+            { "border-dashed": !isDraggingOver.value },
+            { "border-primary ring-1 ring-primary": isDraggingOver.value && !__props.errorMsg },
+            __props.errorMsg ? "border-on-error" : "border-p-gray-40 hover:border-primary",
+            { "pointer-events-none opacity-50": __props.disabled }
+          ]]),
+          "aria-label": "dropzone",
+          onDragover: _cache[1] || (_cache[1] = vue.withModifiers(($event) => isDraggingOver.value = true, ["prevent", "stop"])),
+          onDragleave: _cache[2] || (_cache[2] = vue.withModifiers(($event) => isDraggingOver.value = false, ["prevent", "stop"])),
+          onDrop: vue.withModifiers(onDrop, ["prevent", "stop"]),
+          onClick: openFileDialog
+        }, [
+          !maxFilesReached.value ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_2$3, [
+            !isDraggingOver.value ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_3$3, [
+              _hoisted_4$3,
+              vue.createElementVNode("div", _hoisted_5$3, [
+                vue.createTextVNode(" Drag or "),
+                vue.createElementVNode("span", _hoisted_6$3, "select " + vue.toDisplayString(fileWord.value), 1)
+              ])
+            ])) : (vue.openBlock(), vue.createElementBlock("div", _hoisted_7$2, [
+              _hoisted_8,
+              vue.createElementVNode("div", _hoisted_9, "Drop " + vue.toDisplayString(fileWord.value), 1)
+            ])),
+            vue.createElementVNode("input", {
+              ref_key: "fileInputRef",
+              ref: fileInputRef,
+              type: "file",
+              class: "hidden",
+              tabindex: -1,
+              accept: acceptFileTypes.value,
+              multiple: __props.multiple,
+              disabled: __props.disabled,
+              "aria-hidden": "true",
+              onChange: changeFieldValue
+            }, null, 40, _hoisted_10)
+          ])) : vue.createCommentVNode("", true),
+          vue.createElementVNode("div", _hoisted_11, [
+            (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(files.value, (file, index) => {
+              return vue.openBlock(), vue.createElementBlock("div", {
+                key: index,
+                class: vue.normalizeClass([
+                  "flex cursor-default items-center justify-between",
+                  { "border-b border-dashed border-p-gray-30 pb-4": index !== files.value.length - 1 },
+                  { "mt-4": index !== 0 }
+                ]),
+                onClick: _cache[0] || (_cache[0] = vue.withModifiers(() => {
+                }, ["stop"]))
+              }, [
+                vue.createElementVNode("div", {
+                  class: "truncate",
+                  title: file.name
+                }, vue.toDisplayString(file.name), 9, _hoisted_12),
+                vue.createElementVNode("button", {
+                  class: "bg-file-upload-x-icon h-4 w-4 shrink-0 cursor-pointer",
+                  onClick: vue.withModifiers(($event) => removeFile(index), ["stop"])
+                }, null, 8, _hoisted_13)
+              ], 2);
+            }), 128))
+          ])
+        ], 34),
+        vue.withDirectives(vue.createElementVNode("div", {
+          class: vue.normalizeClass(vue.unref(errorMsgClasses))
+        }, vue.toDisplayString(__props.errorMsg), 3), [
+          [vue.vShow, __props.errorMsg]
+        ]),
+        vue.createElementVNode("div", _hoisted_14, vue.toDisplayString(__props.multiple ? `Max ${__props.maxNumberOfFiles}` : "One") + " " + vue.toDisplayString(acceptFileTypes.value) + " " + vue.toDisplayString(__props.multiple ? "files" : "file") + " with size less than " + vue.toDisplayString(vue.unref(pFileUpload$1.formatBytes)(__props.maxSizeInBytes)) + " " + vue.toDisplayString(__props.multiple ? "each" : ""), 1)
+      ], 10, _hoisted_1$3);
+    };
+  }
+});
+const pFileUpload = /* @__PURE__ */ _pluginVue_exportHelper._export_sfc(_sfc_main$3, [["__scopeId", "data-v-d07a8f64"]]);
+const _hoisted_1$2 = ["data-has-error"];
+const _hoisted_2$2 = { class: "text-p-purple-60" };
+const _hoisted_3$2 = { class: "flex flex-row" };
+const _hoisted_4$2 = /* @__PURE__ */ vue.createElementVNode("span", { class: "px-1 leading-none" }, ".", -1);
+const _hoisted_5$2 = ["onClick"];
+const _hoisted_6$2 = ["title"];
+const _hoisted_7$1 = {
+  key: 0,
+  class: "ml-auto fill-p-purple-60 pl-2",
+  src: pDropdownSelect_vue_vue_type_script_setup_true_lang._imports_0
+};
+const _sfc_main$2 = /* @__PURE__ */ vue.defineComponent({
+  ...{
+    name: "PSelectList",
+    inheritAttrs: false
+  },
+  __name: "p-select-list",
+  props: {
+    modelValue: {
+      type: [String, Number, Boolean, Array, Object],
+      default: null
+    },
+    /**
+     * `p-select-list v-model normally works with a string or an array of strings (for multiple mode).
+     * Setting this prop to `true` will switch the behavior to an object (or array of objects) for the v-model value.
+     * e.g `:value="{ value: 1, text: 'option text' }"`
+     */
+    valueIsObject: {
+      type: Boolean,
+      default: false
+    },
+    /**
+     * Can be an array of objects or array of strings. When using objects, will look for a text - value pair.
+     * This can be changed using the item-text, item-value props.
+     */
+    items: {
+      type: Array,
+      default: () => []
+    },
+    label: {
+      type: String,
+      default: ""
+    },
+    errorMsg: {
+      type: String,
+      default: ""
+    },
+    required: {
+      type: Boolean,
+      default: false
+    },
+    size: {
+      type: String,
+      default: "md",
+      validator(value) {
+        return Object.keys(pSelectList.SIZES).includes(value);
+      }
+    },
+    /**
+     * Set property of **items**’s text value
+     */
+    itemText: {
+      type: String,
+      default: "text"
+    },
+    /**
+     * Set property of **items**’s value - must be primitive.
+     */
+    itemValue: {
+      type: [String, Number],
+      default: "value"
+    },
+    /**
+     * itemSize sets the list item's height and it's REQUIRED if a custom item template is used
+     * https://github.com/Akryum/vue-virtual-scroller/tree/v1/packages/vue-virtual-scroller#props
+     */
+    itemSize: {
+      type: Number,
+      default: null
+    },
+    /**
+     * The number of items visible in the list
+     */
+    itemsVisible: {
+      type: Number,
+      default: 7
+    },
+    searchable: {
+      type: Boolean,
+      default: false
+    },
+    /**
+     * Enables multiple selection
+     */
+    multiple: {
+      type: Boolean,
+      default: false
+    },
+    /**
+     * Dropdown button text
+     */
+    placeholder: {
+      type: String,
+      default: ""
+    },
+    /**
+     * Placeholder for the search field
+     */
+    placeholderSearch: {
+      type: String,
+      default: ""
+    },
+    /**
+     * Setting it to `true` will display the selected options at the top of the list
+     */
+    selectedTopShown: {
+      type: Boolean,
+      default: false
+    },
+    topSectionClass: {
+      type: String,
+      default: ""
+    },
+    closePopperOnSelect: {
+      type: Boolean,
+      default: true
+    }
+  },
+  emits: ["update:modelValue", "select"],
+  setup(__props, { emit: __emit }) {
+    const emit = __emit;
+    const props = __props;
+    const listItemStyle = vue.ref({ paddingTop: 0, paddingBottom: 0 });
+    const scrollerStyle = vue.ref({ maxHeight: "none" });
+    const inputSearch = vue.ref(null);
+    const actionsContainer = vue.ref(null);
+    const { labelClasses, errorMsgClasses } = useInputClasses.useInputClasses(props);
+    const $attrs = vue.useAttrs();
+    const virtualizerRef = vue.ref(null);
+    const {
+      LIST_ITEM_CLASS,
+      LIST_ITEM_ACTIVE_CLASS,
+      selectedItems,
+      computedItems,
+      computedItemSize,
+      computedInsideSelected,
+      internalItems,
+      search,
+      rowVirtualizer,
+      getValue,
+      getText,
+      isSelected,
+      setupNavigationSvc,
+      select,
+      onFocus,
+      onMousemove,
+      scrollToActiveItem,
+      putSelectedItemsOnTop,
+      selectAll,
+      clearAll
+    } = useSelectList.useSelectList(props, inputSearch, virtualizerRef, emit);
+    const style = vue.computed(() => $attrs.style);
+    vue.onMounted(async () => {
+      var _a, _b;
+      const actionsContainerHeight = ((_a = actionsContainer.value) == null ? void 0 : _a.clientHeight) || 0;
+      scrollerStyle.value = { maxHeight: `${computedItemSize.value * props.itemsVisible - actionsContainerHeight}px` };
+      putSelectedItemsOnTop();
+      if (props.searchable) {
+        (_b = inputSearch.value) == null ? void 0 : _b.$el.querySelector("input").focus();
+      } else {
+        setupNavigationSvc();
+      }
+      scrollToActiveItem({ wait: 200 });
+    });
+    return (_ctx, _cache) => {
+      const _directive_close_popper = vue.resolveDirective("close-popper");
+      return vue.openBlock(), vue.createElementBlock("div", {
+        ref: "formControl",
+        class: vue.normalizeClass([{ hidden: vue.unref($attrs).hidden }, vue.unref($attrs).class]),
+        "data-has-error": !!__props.errorMsg,
+        style: vue.normalizeStyle(style.value),
+        "p-select-list": ""
+      }, [
+        __props.label ? (vue.openBlock(), vue.createElementBlock("label", {
+          key: 0,
+          class: vue.normalizeClass(vue.unref(labelClasses))
+        }, vue.toDisplayString(__props.label), 3)) : vue.createCommentVNode("", true),
+        vue.createElementVNode("div", {
+          class: vue.normalizeClass([
+            { "border border-on-error": !!__props.errorMsg },
+            vue.unref($attrs).disabled ? "pointer-events-none bg-p-gray-10" : "bg-white"
+          ])
+        }, [
+          __props.multiple || __props.searchable ? (vue.openBlock(), vue.createElementBlock("div", {
+            key: 0,
+            class: vue.normalizeClass(__props.topSectionClass)
+          }, [
+            __props.multiple ? (vue.openBlock(), vue.createElementBlock("div", {
+              key: 0,
+              ref_key: "actionsContainer",
+              ref: actionsContainer,
+              class: "flex flex-row justify-between text-xs font-semibold text-primary"
+            }, [
+              vue.createElementVNode("p", _hoisted_2$2, vue.toDisplayString(vue.unref(computedItems).length) + " items", 1),
+              vue.createElementVNode("div", _hoisted_3$2, [
+                vue.unref(computedItems).length === vue.unref(internalItems).length ? (vue.openBlock(), vue.createElementBlock("a", {
+                  key: 0,
+                  class: vue.normalizeClass([
+                    vue.unref(selectedItems).length !== vue.unref(internalItems).length ? "cursor-pointer" : "pointer-events-none opacity-50"
+                  ]),
+                  onClick: _cache[0] || (_cache[0] = //@ts-ignore
+                  (...args) => vue.unref(selectAll) && vue.unref(selectAll)(...args))
+                }, " Select all ", 2)) : (vue.openBlock(), vue.createElementBlock("a", {
+                  key: 1,
+                  class: vue.normalizeClass([vue.unref(computedInsideSelected) ? "pointer-events-none opacity-50" : "cursor-pointer"]),
+                  onClick: _cache[1] || (_cache[1] = //@ts-ignore
+                  (...args) => vue.unref(selectAll) && vue.unref(selectAll)(...args))
+                }, " Select all filtered ", 2)),
+                _hoisted_4$2,
+                vue.createElementVNode("a", {
+                  class: vue.normalizeClass([vue.unref(selectedItems).length ? "cursor-pointer" : "pointer-events-none opacity-50"]),
+                  onClick: _cache[2] || (_cache[2] = //@ts-ignore
+                  (...args) => vue.unref(clearAll) && vue.unref(clearAll)(...args))
+                }, " Clear all ", 2)
+              ])
+            ], 512)) : vue.createCommentVNode("", true),
+            __props.searchable ? (vue.openBlock(), vue.createElementBlock("div", {
+              key: 1,
+              class: vue.normalizeClass([{ "mt-3": __props.multiple }])
+            }, [
+              vue.createVNode(pInputSearch, {
+                ref_key: "inputSearch",
+                ref: inputSearch,
+                modelValue: vue.unref(search),
+                "onUpdate:modelValue": _cache[3] || (_cache[3] = ($event) => vue.isRef(search) ? search.value = $event : null),
+                size: __props.size,
+                placeholder: __props.placeholderSearch,
+                onFocus: vue.unref(onFocus)
+              }, null, 8, ["modelValue", "size", "placeholder", "onFocus"])
+            ], 2)) : vue.createCommentVNode("", true)
+          ], 2)) : vue.createCommentVNode("", true),
+          vue.createElementVNode("div", {
+            ref_key: "virtualizerRef",
+            ref: virtualizerRef,
+            style: vue.normalizeStyle(scrollerStyle.value),
+            class: vue.normalizeClass(["overflow-y-auto", { "mt-3": __props.multiple || __props.searchable }])
+          }, [
+            vue.createElementVNode("div", {
+              tabindex: "-1",
+              class: "relative w-full",
+              "p-select-list-options": "",
+              style: vue.normalizeStyle({ height: `${vue.unref(rowVirtualizer).getTotalSize()}px` }),
+              onFocus: _cache[4] || (_cache[4] = //@ts-ignore
+              (...args) => vue.unref(onFocus) && vue.unref(onFocus)(...args)),
+              onMousemove: _cache[5] || (_cache[5] = //@ts-ignore
+              (...args) => vue.unref(onMousemove) && vue.unref(onMousemove)(...args))
+            }, [
+              (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(vue.unref(rowVirtualizer).getVirtualItems(), (row) => {
+                return vue.openBlock(), vue.createElementBlock("div", {
+                  key: row.index,
+                  class: "absolute left-0 top-0 w-full",
+                  "p-select-list-option": "",
+                  style: vue.normalizeStyle({ height: `${row.size}px`, transform: `translateY(${row.start}px)` })
+                }, [
+                  vue.withDirectives((vue.openBlock(), vue.createElementBlock("div", {
+                    class: vue.normalizeClass([vue.unref(LIST_ITEM_CLASS), { [vue.unref(LIST_ITEM_ACTIVE_CLASS)]: vue.unref(isSelected)(vue.unref(getValue)(row.index)) }]),
+                    "p-select-list-option-item": "",
+                    style: vue.normalizeStyle(listItemStyle.value),
+                    onClick: ($event) => vue.unref(select)($event, vue.unref(getValue)(row.index))
+                  }, [
+                    vue.createElementVNode("div", {
+                      class: vue.normalizeClass(["flex items-center", { [vue.unref(pSelectList.SIZES)[__props.size]]: !__props.itemSize }])
+                    }, [
+                      vue.renderSlot(_ctx.$slots, "item", {
+                        item: vue.unref(computedItems)[row.index],
+                        isItemSelected: vue.unref(isSelected)(vue.unref(getValue)(row.index)),
+                        itemTextSplit: vue.unref(text.splitStringForHighlight)(vue.unref(string.toString)(vue.unref(getText)(row.index)), vue.unref(search))
+                      }, () => [
+                        vue.createElementVNode("div", {
+                          class: "truncate text-p-purple-60",
+                          title: vue.unref(string.toString)(vue.unref(getText)(row.index))
+                        }, [
+                          (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(vue.unref(text.splitStringForHighlight)(vue.unref(string.toString)(vue.unref(getText)(row.index)), vue.unref(search)), (str, index) => {
+                            return vue.openBlock(), vue.createElementBlock("span", {
+                              key: `${vue.unref(getValue)(row.index)}_${index}`,
+                              class: vue.normalizeClass({ "bg-p-blue-20": index === 1 })
+                            }, vue.toDisplayString(str), 3);
+                          }), 128))
+                        ], 8, _hoisted_6$2)
+                      ]),
+                      vue.unref(isSelected)(vue.unref(getValue)(row.index)) ? (vue.openBlock(), vue.createElementBlock("img", _hoisted_7$1)) : vue.createCommentVNode("", true)
+                    ], 2)
+                  ], 14, _hoisted_5$2)), [
+                    [_directive_close_popper, __props.closePopperOnSelect && !__props.multiple]
+                  ])
+                ], 4);
+              }), 128))
+            ], 36),
+            !vue.unref(computedItems).length ? vue.renderSlot(_ctx.$slots, "no-items", { key: 0 }, () => [
+              vue.createElementVNode("div", {
+                class: vue.normalizeClass(["flex items-center justify-center", vue.unref(pSelectList.SIZES)[__props.size]])
+              }, "No items found", 2)
+            ]) : vue.createCommentVNode("", true)
+          ], 6)
+        ], 2),
+        vue.withDirectives(vue.createElementVNode("div", {
+          class: vue.normalizeClass(vue.unref(errorMsgClasses))
+        }, vue.toDisplayString(__props.errorMsg), 3), [
+          [vue.vShow, __props.errorMsg]
+        ])
+      ], 14, _hoisted_1$2);
+    };
+  }
+});
+const _hoisted_1$1 = ["data-col-id"];
+const _hoisted_2$1 = { class: "flex" };
+const _hoisted_3$1 = ["onMousedown", "onDblclick"];
+const _hoisted_4$1 = {
+  key: 0,
+  class: "min-w-[80px] bg-gradient-to-r from-white via-p-gray-10 to-p-gray-10"
+};
+const _hoisted_5$1 = { key: 0 };
+const _hoisted_6$1 = { key: 1 };
+const _sfc_main$1 = /* @__PURE__ */ vue.defineComponent({
+  ...{ name: "PTable" },
+  __name: "p-table",
+  props: {
+    cols: {},
+    colsResizable: { type: Boolean, default: false },
+    isFirstColFixed: { type: Boolean, default: false },
+    isLastColFixed: { type: Boolean, default: false },
+    lockScroll: { type: Boolean, default: false },
+    virtualizer: { default: () => ({
+      paddingTop: 0,
+      paddingBottom: 0
+    }) }
+  },
+  emits: ["scroll", "click-filter-icon", "col-resize"],
+  setup(__props, { emit: __emit }) {
+    const emit = __emit;
+    const props = __props;
+    vue.provide(
+      pTable$1.colsInjectionKey,
+      vue.computed(() => props.cols)
+    );
+    vue.provide(
+      pTable$1.isFirstColFixedInjectionKey,
+      vue.computed(() => props.isFirstColFixed)
+    );
+    vue.provide(
+      pTable$1.isLastColFixedInjectionKey,
+      vue.computed(() => props.isLastColFixed)
+    );
+    vue.provide(
+      pTable$1.isColsResizableInjectionKey,
+      vue.computed(() => props.colsResizable)
+    );
+    const scrollWrapper = vue.ref(null);
+    const ths = vue.ref([]);
+    const {
+      isColResizing,
+      colResizeHandleLeft,
+      colResizingIndex,
+      colResizingWidth,
+      colResize,
+      colResizeStart,
+      colResizeFitToData
+    } = usePTableColResize.usePTableColResize({
+      enabled: vue.computed(() => props.colsResizable),
+      ths
+    });
+    const updateThsRefs = (el, index) => {
+      if (el instanceof Element) {
+        ths.value[index] = el;
+      }
+    };
+    const emitScroll = (e) => {
+      emit("scroll", e);
+    };
+    const thDivClasses = (i, col) => {
+      const res = ["relative", "py-2"];
+      if (!col.borderColor) {
+        res.push("border-b border-p-gray-30");
+      }
+      if (i === 0 && props.isFirstColFixed || i === props.cols.length - 1 && props.isLastColFixed) {
+        res.push("th-shadow px-4");
+      } else {
+        !props.colsResizable ? res.push("px-2") : res.push("pl-2 pr-4");
+      }
+      return res;
+    };
+    vue.onMounted(() => {
+      var _a;
+      (_a = scrollWrapper.value) == null ? void 0 : _a.addEventListener("scroll", emitScroll, true);
+    });
+    vue.onBeforeUnmount(() => {
+      var _a;
+      (_a = scrollWrapper.value) == null ? void 0 : _a.removeEventListener("scroll", emitScroll, true);
+    });
+    vue.watch(isColResizing, (nV) => {
+      if (nV === false && colResizingWidth.value > 0) {
+        emit("col-resize", colResizingIndex.value, colResizingWidth.value);
+      }
+    });
+    return (_ctx, _cache) => {
+      var _a, _b;
+      return vue.openBlock(), vue.createElementBlock("div", {
+        ref_key: "scrollWrapper",
+        ref: scrollWrapper,
+        class: vue.normalizeClass(["block border border-p-gray-30", _ctx.lockScroll ? "overflow-hidden" : "overflow-x-auto"])
+      }, [
+        vue.unref(isColResizing) ? (vue.openBlock(), vue.createElementBlock("div", {
+          key: 0,
+          class: "fixed z-[100] w-1 cursor-col-resize bg-p-gray-30",
+          style: vue.normalizeStyle({
+            top: `${(_a = scrollWrapper.value) == null ? void 0 : _a.offsetTop}px`,
+            left: vue.unref(colResizeHandleLeft),
+            height: `${(_b = scrollWrapper.value) == null ? void 0 : _b.offsetHeight}px`
+          }),
+          "data-resize-y-axis": ""
+        }, null, 4)) : vue.createCommentVNode("", true),
+        vue.createElementVNode("table", vue.mergeProps({
+          class: [
+            "p-table mb-0 w-full bg-surface",
+            { "last-col-fixed": _ctx.isLastColFixed },
+            { "first-col-fixed": _ctx.isFirstColFixed }
+          ]
+        }, vue.toHandlers(_ctx.colsResizable ? { mousemove: vue.unref(colResize) } : {}, true)), [
+          vue.createElementVNode("thead", null, [
+            vue.createElementVNode("tr", null, [
+              (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(props.cols, (col, i) => {
+                return vue.openBlock(), vue.createElementBlock("th", vue.mergeProps({
+                  ref_for: true,
+                  ref: (el) => updateThsRefs(el, i),
+                  key: col.id,
+                  "data-col-id": col.id
+                }, col.thAttrs, {
+                  style: col.style,
+                  class: "bg-surface"
+                }), [
+                  vue.createElementVNode("div", {
+                    class: vue.normalizeClass(thDivClasses(i, col))
+                  }, [
+                    vue.createElementVNode("div", _hoisted_2$1, [
+                      vue.renderSlot(_ctx.$slots, `prepend-header-cell-${vue.unref(lodashEs.kebabCase)(col.name)}`, { col }, void 0, true),
+                      vue.createVNode(pTableHeaderCell, vue.mergeProps({
+                        text: col.title,
+                        "filter-active": col.filterActive,
+                        "show-filter-icon": col.filterable || col.sortable,
+                        "tooltip-text": col.tooltip,
+                        class: [{ "pl-2": i === 1 && _ctx.isFirstColFixed, "pr-2": i === _ctx.cols.length && _ctx.isLastColFixed }, "grow"]
+                      }, col.headerCellAttrs, {
+                        onClickFilterIcon: ($event) => _ctx.$emit("click-filter-icon", $event, col)
+                      }), null, 16, ["text", "filter-active", "show-filter-icon", "tooltip-text", "class", "onClickFilterIcon"])
+                    ]),
+                    _ctx.colsResizable && i !== 0 && !(i === _ctx.cols.length - 1 && _ctx.isLastColFixed) ? (vue.openBlock(), vue.createElementBlock("div", {
+                      key: 0,
+                      class: vue.normalizeClass(["absolute bottom-0 right-0 h-full w-2 cursor-col-resize after:absolute after:bottom-2 after:z-20 after:block after:h-5 after:w-px after:cursor-col-resize after:bg-p-gray-30", i === _ctx.cols.length - 1 ? " after:right-0" : " after:right-1"]),
+                      "data-resize-handle": "",
+                      onMousedown: ($event) => vue.unref(colResizeStart)($event, i),
+                      onDblclick: ($event) => vue.unref(colResizeFitToData)(i)
+                    }, null, 42, _hoisted_3$1)) : vue.createCommentVNode("", true),
+                    vue.createElementVNode("div", {
+                      class: vue.normalizeClass(["absolute bottom-0 h-1 w-full", _ctx.colsResizable ? "-left-1" : "left-0"]),
+                      style: vue.normalizeStyle({ background: col.borderColor })
+                    }, null, 6)
+                  ], 2)
+                ], 16, _hoisted_1$1);
+              }), 128)),
+              _ctx.colsResizable && !_ctx.isLastColFixed ? (vue.openBlock(), vue.createElementBlock("th", _hoisted_4$1)) : vue.createCommentVNode("", true)
+            ])
+          ]),
+          vue.createElementVNode("tbody", null, [
+            _ctx.virtualizer.paddingTop > 0 ? (vue.openBlock(), vue.createElementBlock("tr", _hoisted_5$1, [
+              vue.createElementVNode("td", {
+                style: vue.normalizeStyle({ height: `${_ctx.virtualizer.paddingTop}px` })
+              }, null, 4)
+            ])) : vue.createCommentVNode("", true),
+            vue.renderSlot(_ctx.$slots, "default", {}, void 0, true),
+            _ctx.virtualizer.paddingBottom > 0 ? (vue.openBlock(), vue.createElementBlock("tr", _hoisted_6$1, [
+              vue.createElementVNode("td", {
+                style: vue.normalizeStyle({ height: `${_ctx.virtualizer.paddingBottom}px` })
+              }, null, 4)
+            ])) : vue.createCommentVNode("", true)
+          ])
+        ], 16)
+      ], 2);
+    };
+  }
+});
+const pTable = /* @__PURE__ */ _pluginVue_exportHelper._export_sfc(_sfc_main$1, [["__scopeId", "data-v-170d774b"]]);
+const _sfc_main = vue.defineComponent({
+  name: "PTableSort",
+  props: {
+    modelValue: {
+      type: String,
+      default: pTableSort$1.SORTING_TYPES.NO_SORTING,
+      validator(value) {
+        return Object.values(pTableSort$1.SORTING_TYPES).includes(value);
+      }
+    }
+  },
+  emits: ["update:modelValue"],
+  data() {
+    return {
+      SORTING_TYPES: pTableSort$1.SORTING_TYPES
+    };
+  }
+});
+const _imports_0 = "data:image/svg+xml,%3csvg%20width='16'%20height='16'%20viewBox='0%200%2016%2016'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cg%20clip-path='url(%23clip0_1019_75838)'%3e%3cpath%20d='M11.6533%203.37331L8.47329%200.18664C8.41131%200.124154%208.33758%200.074558%208.25634%200.0407122C8.1751%200.00686641%208.08796%20-0.0105591%207.99995%20-0.0105591C7.91194%20-0.0105591%207.82481%200.00686641%207.74357%200.0407122C7.66233%200.074558%207.58859%200.124154%207.52662%200.18664L4.34662%203.37331C4.253%203.46615%204.18902%203.58468%204.16277%203.71388C4.13651%203.84309%204.14916%203.97719%204.19911%204.09921C4.24906%204.22123%204.33407%204.3257%204.44339%204.39941C4.55271%204.47312%204.68144%204.51275%204.81329%204.51331H6.81329C6.83571%204.51054%206.85846%204.51235%206.88016%204.51865C6.90186%204.52494%206.92205%204.53559%206.93951%204.54993C6.95697%204.56427%206.97133%204.58201%206.98172%204.60207C6.99211%204.62214%206.99832%204.6441%206.99995%204.66664V14.9933C6.99995%2015.2585%207.10531%2015.5129%207.29285%2015.7004C7.48038%2015.888%207.73474%2015.9933%207.99995%2015.9933C8.26517%2015.9933%208.51952%2015.888%208.70706%2015.7004C8.8946%2015.5129%208.99995%2015.2585%208.99995%2014.9933V4.66664C8.99995%204.62244%209.01751%204.58004%209.04877%204.54879C9.08002%204.51753%209.12242%204.49997%209.16662%204.49997H11.1666C11.2985%204.49942%2011.4272%204.45978%2011.5365%204.38608C11.6458%204.31237%2011.7308%204.2079%2011.7808%204.08587C11.8307%203.96385%2011.8434%203.82976%2011.8171%203.70055C11.7909%203.57134%2011.7269%203.45282%2011.6333%203.35997L11.6533%203.37331Z'%20fill='%23424E6E'/%3e%3c/g%3e%3cdefs%3e%3cclipPath%20id='clip0_1019_75838'%3e%3crect%20width='16'%20height='16'%20fill='white'/%3e%3c/clipPath%3e%3c/defs%3e%3c/svg%3e";
+const _imports_1 = "data:image/svg+xml,%3csvg%20width='16'%20height='16'%20viewBox='0%200%2016%2016'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cg%20clip-path='url(%23clip0_1019_80096)'%3e%3cpath%20d='M11.6533%203.37331L8.47329%200.18664C8.41131%200.124154%208.33758%200.074558%208.25634%200.0407122C8.1751%200.00686641%208.08796%20-0.0105591%207.99995%20-0.0105591C7.91194%20-0.0105591%207.82481%200.00686641%207.74357%200.0407122C7.66233%200.074558%207.58859%200.124154%207.52662%200.18664L4.34662%203.37331C4.253%203.46615%204.18902%203.58468%204.16277%203.71388C4.13651%203.84309%204.14916%203.97719%204.19911%204.09921C4.24906%204.22123%204.33407%204.3257%204.44339%204.39941C4.55271%204.47312%204.68144%204.51275%204.81329%204.51331H6.81329C6.83571%204.51054%206.85846%204.51235%206.88016%204.51865C6.90186%204.52494%206.92205%204.53559%206.93951%204.54993C6.95697%204.56427%206.97133%204.58201%206.98172%204.60207C6.99211%204.62214%206.99832%204.6441%206.99995%204.66664V14.9933C6.99995%2015.2585%207.10531%2015.5129%207.29285%2015.7004C7.48038%2015.888%207.73474%2015.9933%207.99995%2015.9933C8.26517%2015.9933%208.51952%2015.888%208.70706%2015.7004C8.8946%2015.5129%208.99995%2015.2585%208.99995%2014.9933V4.66664C8.99995%204.62244%209.01751%204.58004%209.04877%204.54879C9.08002%204.51753%209.12242%204.49997%209.16662%204.49997H11.1666C11.2985%204.49942%2011.4272%204.45978%2011.5365%204.38608C11.6458%204.31237%2011.7308%204.2079%2011.7808%204.08587C11.8307%203.96385%2011.8434%203.82976%2011.8171%203.70055C11.7909%203.57134%2011.7269%203.45282%2011.6333%203.35997L11.6533%203.37331Z'%20fill='%23323CEB'/%3e%3c/g%3e%3cdefs%3e%3cclipPath%20id='clip0_1019_80096'%3e%3crect%20width='16'%20height='16'%20fill='white'/%3e%3c/clipPath%3e%3c/defs%3e%3c/svg%3e";
+const _imports_2 = "data:image/svg+xml,%3csvg%20width='16'%20height='16'%20viewBox='0%200%2016%2016'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cg%20clip-path='url(%23clip0_1019_75842)'%3e%3cpath%20d='M11.8%2011.8933C11.75%2011.7716%2011.665%2011.6674%2011.5559%2011.5938C11.4467%2011.5203%2011.3183%2011.4807%2011.1866%2011.48H9.18664C9.16473%2011.4828%209.14248%2011.4812%209.12119%2011.4753C9.0999%2011.4694%209.07999%2011.4594%209.06262%2011.4457C9.04525%2011.4321%209.03077%2011.4151%209.02001%2011.3958C9.00926%2011.3765%209.00245%2011.3553%208.99997%2011.3333V1C8.99997%200.734784%208.89462%200.48043%208.70708%200.292893C8.51954%200.105357%208.26519%200%207.99997%200C7.73476%200%207.4804%200.105357%207.29287%200.292893C7.10533%200.48043%206.99997%200.734784%206.99997%201V11.3333C6.99997%2011.3775%206.98241%2011.4199%206.95116%2011.4512C6.9199%2011.4824%206.87751%2011.5%206.83331%2011.5H4.83331C4.70146%2011.5006%204.57273%2011.5402%204.46341%2011.6139C4.35409%2011.6876%204.26908%2011.7921%204.21913%2011.9141C4.16918%2012.0361%204.15653%2012.1702%204.18279%2012.2994C4.20904%2012.4286%204.27302%2012.5472%204.36664%2012.64L7.54664%2015.8267C7.60861%2015.8892%207.68235%2015.9387%207.76359%2015.9726C7.84483%2016.0064%207.93196%2016.0239%208.01997%2016.0239C8.10798%2016.0239%208.19512%2016.0064%208.27636%2015.9726C8.3576%2015.9387%208.43133%2015.8892%208.49331%2015.8267L11.6733%2012.64C11.7677%2012.5431%2011.8303%2012.4198%2011.853%2012.2864C11.8756%2012.153%2011.8571%2012.0159%2011.8%2011.8933Z'%20fill='%23424E6E'/%3e%3c/g%3e%3cdefs%3e%3cclipPath%20id='clip0_1019_75842'%3e%3crect%20width='16'%20height='16'%20fill='white'/%3e%3c/clipPath%3e%3c/defs%3e%3c/svg%3e";
+const _imports_3 = "data:image/svg+xml,%3csvg%20width='16'%20height='16'%20viewBox='0%200%2016%2016'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cg%20clip-path='url(%23clip0_1019_80100)'%3e%3cpath%20d='M11.8%2011.8933C11.75%2011.7716%2011.665%2011.6674%2011.5559%2011.5938C11.4467%2011.5203%2011.3183%2011.4807%2011.1866%2011.48H9.18664C9.16473%2011.4828%209.14248%2011.4812%209.12119%2011.4753C9.0999%2011.4694%209.07999%2011.4594%209.06262%2011.4457C9.04525%2011.4321%209.03077%2011.4151%209.02001%2011.3958C9.00926%2011.3765%209.00245%2011.3553%208.99997%2011.3333V1C8.99997%200.734784%208.89462%200.48043%208.70708%200.292893C8.51954%200.105357%208.26519%200%207.99997%200C7.73476%200%207.4804%200.105357%207.29287%200.292893C7.10533%200.48043%206.99997%200.734784%206.99997%201V11.3333C6.99997%2011.3775%206.98241%2011.4199%206.95116%2011.4512C6.9199%2011.4824%206.87751%2011.5%206.83331%2011.5H4.83331C4.70146%2011.5006%204.57273%2011.5402%204.46341%2011.6139C4.35409%2011.6876%204.26908%2011.7921%204.21913%2011.9141C4.16918%2012.0361%204.15653%2012.1702%204.18279%2012.2994C4.20904%2012.4286%204.27302%2012.5472%204.36664%2012.64L7.54664%2015.8267C7.60861%2015.8892%207.68235%2015.9387%207.76359%2015.9726C7.84483%2016.0064%207.93196%2016.0239%208.01997%2016.0239C8.10798%2016.0239%208.19512%2016.0064%208.27636%2015.9726C8.3576%2015.9387%208.43133%2015.8892%208.49331%2015.8267L11.6733%2012.64C11.7677%2012.5431%2011.8303%2012.4198%2011.853%2012.2864C11.8756%2012.153%2011.8571%2012.0159%2011.8%2011.8933Z'%20fill='%23323CEB'/%3e%3c/g%3e%3cdefs%3e%3cclipPath%20id='clip0_1019_80100'%3e%3crect%20width='16'%20height='16'%20fill='white'/%3e%3c/clipPath%3e%3c/defs%3e%3c/svg%3e";
+const _hoisted_1 = { class: "flex items-center justify-between" };
+const _hoisted_2 = /* @__PURE__ */ vue.createElementVNode("div", { class: "px-4 text-xs font-semibold text-p-gray-40" }, "SORT", -1);
+const _hoisted_3 = { class: "mt-2" };
+const _hoisted_4 = {
+  key: 0,
+  src: _imports_0
+};
+const _hoisted_5 = {
+  key: 1,
+  src: _imports_1
+};
+const _hoisted_6 = {
+  key: 0,
+  src: _imports_2
+};
+const _hoisted_7 = {
+  key: 1,
+  src: _imports_3
+};
+function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
+  return vue.openBlock(), vue.createElementBlock("div", null, [
+    vue.createElementVNode("div", _hoisted_1, [
+      _hoisted_2,
+      vue.createElementVNode("div", {
+        class: vue.normalizeClass([
+          "px-4 text-xs font-semibold text-primary",
+          [_ctx.SORTING_TYPES.ASC, _ctx.SORTING_TYPES.DESC].includes(_ctx.modelValue) ? "cursor-pointer opacity-100" : "opacity-50"
+        ]),
+        onClick: _cache[0] || (_cache[0] = ($event) => _ctx.$emit("update:modelValue", _ctx.SORTING_TYPES.NO_SORTING))
+      }, " Clear ", 2)
+    ]),
+    vue.createElementVNode("div", _hoisted_3, [
+      vue.createElementVNode("div", {
+        class: "flex cursor-pointer items-center justify-between px-4 py-1 hover:bg-p-blue-10",
+        onClick: _cache[1] || (_cache[1] = ($event) => _ctx.$emit("update:modelValue", _ctx.SORTING_TYPES.ASC))
+      }, [
+        vue.createElementVNode("div", {
+          class: vue.normalizeClass(["text-sm font-semibold text-p-purple-60", { "text-primary": _ctx.modelValue === _ctx.SORTING_TYPES.ASC }])
+        }, " Sort ascending ", 2),
+        vue.createElementVNode("div", null, [
+          _ctx.modelValue === _ctx.SORTING_TYPES.NO_SORTING || _ctx.modelValue === _ctx.SORTING_TYPES.DESC ? (vue.openBlock(), vue.createElementBlock("img", _hoisted_4)) : (vue.openBlock(), vue.createElementBlock("img", _hoisted_5))
+        ])
+      ]),
+      vue.createElementVNode("div", {
+        class: "flex cursor-pointer items-center justify-between px-4 py-1 hover:bg-p-blue-10",
+        onClick: _cache[2] || (_cache[2] = ($event) => _ctx.$emit("update:modelValue", _ctx.SORTING_TYPES.DESC))
+      }, [
+        vue.createElementVNode("div", {
+          class: vue.normalizeClass(["text-sm font-semibold text-p-purple-60", { "text-primary": _ctx.modelValue === _ctx.SORTING_TYPES.DESC }])
+        }, " Sort descending ", 2),
+        vue.createElementVNode("div", null, [
+          _ctx.modelValue === _ctx.SORTING_TYPES.NO_SORTING || _ctx.modelValue === _ctx.SORTING_TYPES.ASC ? (vue.openBlock(), vue.createElementBlock("img", _hoisted_6)) : (vue.openBlock(), vue.createElementBlock("img", _hoisted_7))
+        ])
+      ])
+    ])
+  ]);
+}
+const pTableSort = /* @__PURE__ */ _pluginVue_exportHelper._export_sfc(_sfc_main, [["render", _sfc_render]]);
+exports.config = config.config;
+exports.PActionBar = pActionBar_vue_vue_type_script_setup_true_lang._sfc_main;
+exports.PAlert = pAlert;
+exports.PAvatar = pAvatar;
+exports.PBtn = pBtn;
+exports.PCard = pCard_vue_vue_type_script_setup_true_lang._sfc_main;
+exports.PCheckbox = pCheckbox_vue_vue_type_script_setup_true_lang._sfc_main;
+exports.PChips = pChips;
+exports.PCloseBtn = pCloseBtn;
+exports.PDatePicker = pDatePicker;
+exports.PDrawer = pDrawer;
+exports.PDropdown = pDropdown;
+exports.PDropdownSelect = pDropdownSelect_vue_vue_type_script_setup_true_lang._sfc_main;
+exports.useInputClasses = useInputClasses.useInputClasses;
+exports.PFilterIcon = pTableFilterIcon;
+exports.PInfoIcon = pInfoIcon;
+exports.PInlineDatePicker = pInlineDatePicker;
+exports.PInput = pInput;
+exports.PInputNumber = pInputNumber;
+exports.PInputPercent = pInputPercent_vue_vue_type_script_setup_true_lang._sfc_main;
+exports.PInputSearch = pInputSearch;
+exports.PLoading = pLoading;
+exports.PModal = pModal;
+exports.PPagination = pPagination_vue_vue_type_script_setup_true_lang._sfc_main;
+exports.PPaginationInfo = pPaginationInfo_vue_vue_type_script_setup_true_lang._sfc_main;
+exports.PProgressBar = pProgressBar;
+exports.PRingLoader = pRingLoader_vue_vue_type_script_setup_true_lang._sfc_main;
+exports.PSelect = pSelect_vue_vue_type_script_setup_true_lang._sfc_main;
+exports.PSelectBtn = pSelectBtn_vue_vue_type_script_setup_true_lang._sfc_main;
+exports.splitStringForHighlight = text.splitStringForHighlight;
+exports.toString = string.toString;
+exports.useSelectList = useSelectList.useSelectList;
+exports.PSelectPill = pSelectPill;
+exports.PSkeletonLoader = pSkeletonLoader;
+exports.PTableHeaderCell = pTableHeaderCell;
+exports.MIN_WIDTH_COL_RESIZE = pTable$1.MIN_WIDTH_COL_RESIZE;
+exports.colsInjectionKey = pTable$1.colsInjectionKey;
+exports.isColsResizableInjectionKey = pTable$1.isColsResizableInjectionKey;
+exports.isFirstColFixedInjectionKey = pTable$1.isFirstColFixedInjectionKey;
+exports.isLastColFixedInjectionKey = pTable$1.isLastColFixedInjectionKey;
+exports.usePTableColResize = usePTableColResize.usePTableColResize;
+exports.PTableLoader = pTableLoader_vue_vue_type_script_setup_true_lang._sfc_main;
+exports.SORTING_TYPES = pTableSort$1.SORTING_TYPES;
+exports.PTableTd = pTableTd;
+exports.PTabs = pTabs_vue_vue_type_script_setup_true_lang._sfc_main;
+exports.PTextarea = pTextarea;
+exports.PToggle = pToggle;
+exports.usePLoading = usePLoading.usePLoading;
+exports.usePModal = usePModal.usePModal;
+exports.usePTableRowVirtualizer = usePTableRowVirtualizer.usePTableRowVirtualizer;
+exports.inputClassesMixin = inputClassesMixin;
+exports.CURRENCY_INPUT_DEFAULTS = currency.CURRENCY_INPUT_DEFAULTS;
+exports.getColor = tailwind.getColor;
+exports.getColorDeep = tailwind.getColorDeep;
+exports.getScreen = tailwind.getScreen;
+exports.ERROR_MSG = inputClassesShared.ERROR_MSG;
+exports.INPUT_BASE = inputClassesShared.INPUT_BASE;
+exports.INPUT_ERROR = inputClassesShared.INPUT_ERROR;
+exports.INPUT_NORMAL = inputClassesShared.INPUT_NORMAL;
+exports.INPUT_SIZES = inputClassesShared.INPUT_SIZES;
+exports.LABEL_BASE = inputClassesShared.LABEL_BASE;
+exports.LABEL_REQUIRED = inputClassesShared.LABEL_REQUIRED;
+exports.LABEL_SIZES = inputClassesShared.LABEL_SIZES;
+exports.SELECT_ARROW = inputClassesShared.SELECT_ARROW;
+exports.SELECT_BASE = inputClassesShared.SELECT_BASE;
+exports.SELECT_SIZES = inputClassesShared.SELECT_SIZES;
+exports.SPACING_LEFT = inputClassesShared.SPACING_LEFT;
+exports.SPACING_PREFIX = inputClassesShared.SPACING_PREFIX;
+exports.SPACING_RIGHT = inputClassesShared.SPACING_RIGHT;
+exports.SPACING_SUFFIX = inputClassesShared.SPACING_SUFFIX;
+exports.TEXTAREA_BASE = inputClassesShared.TEXTAREA_BASE;
+exports.createPagingRange = pagination.createPagingRange;
+exports.getNextActiveElement = dom.getNextActiveElement;
+exports.isElement = dom.isElement;
+exports.isVisible = dom.isVisible;
+exports.isObject = object.isObject;
+exports.setupListKeyboardNavigation = listKeyboardNavigation.setupListKeyboardNavigation;
+exports.toNumberOrNull = number.toNumberOrNull;
+exports.PFileUpload = pFileUpload;
+exports.PSelectList = _sfc_main$2;
+exports.PTable = pTable;
+exports.PTableSort = pTableSort;