@shifl-inc/ui 0.9.1 → 0.9.2
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
package/dist/shifl-ui.umd
CHANGED
|
@@ -1,8 +1,8 @@
|
|
|
1
|
-
(function(M,e){typeof exports=="object"&&typeof module<"u"?e(exports,require("vue")):typeof define=="function"&&define.amd?define(["exports","vue"],e):(M=typeof globalThis<"u"?globalThis:M||self,e(M.ShiflGrid={},M.Vue))})(this,function(M,e){"use strict";function et(a){const l=(a.columns||[]).map(h=>({...h,freeze:h.freeze??!1,visible:h.visible??!0,protected:h.protected??!1})),f=a.apiConfig?"server":a.searchMode||"client";return{...a,columns:l,rows:a.rows??[],search:a.search??[],searchMode:f,filters:a.filters??[],paginationMeta:a.paginationMeta?{show:a.paginationMeta.show??!0,currentPage:a.paginationMeta.currentPage??1,perPage:a.paginationMeta.perPage??20,total:a.paginationMeta.total??0,from:a.paginationMeta.from,to:a.paginationMeta.to,...a.paginationMeta}:void 0}}function Be(a){const l=[...a],f=e.ref([...a]);function h(m){f.value=f.value.map(d=>d.key===m?{...d,visible:!d.visible}:d)}function c(m){f.value=f.value.map(d=>({...d,visible:m}))}function k(m){const d=f.value.map(b=>b.key===m?{...b,freeze:!b.freeze}:b),g=d.filter(b=>b.freeze),C=d.filter(b=>!b.freeze);f.value=[...g,...C]}function E(m,d){if(m===d||d<0||d>=f.value.length)return;const g=f.value.findIndex(u=>!u.freeze),C=g===-1?f.value.length:g;if(m<C||d<C)return;const b=[...f.value],[s]=b.splice(m,1);b.splice(d,0,s),f.value=b}function B(){f.value=[...l]}const _=e.computed(()=>f.value.filter(m=>m.visible));return{columns:f,visibleColumns:_,toggleColumnVisibility:h,setAllVisible:c,toggleFreeze:k,moveColumn:E,resetColumns:B}}function Ee(a){const l=e.ref(a);function f(c){var k;l.value=((k=l.value)==null?void 0:k.key)===c&&l.value.order==="asc"?{key:c,order:"desc"}:{key:c,order:"asc"}}function h(c){if(!l.value)return c;const{key:k,order:E}=l.value;return[...c].sort((B,_)=>{const m=B[k],d=_[k];if(m===d)return 0;if(m==null)return 1;if(d==null)return-1;const g=String(m).localeCompare(String(d),void 0,{numeric:!0});return E==="asc"?g:-g})}return{sort:l,setSort:f,applySort:h}}function we(){function a(l,f,h){const c=(h||"").trim().toLowerCase();return c?l.filter(k=>(f&&f.length?f.map(B=>k[B]):Object.values(k)).some(B=>String(B??"").toLowerCase().includes(c))):l}return{applyGlobalFilter:a}}function tt(){const a=e.ref({rowIndex:null,position:null});function l(k,E,B=200){const _=E.getBoundingClientRect();let m=_.left;m+B>window.innerWidth-8&&(m=window.innerWidth-B+8),a.value={rowIndex:k,position:{top:_.bottom,left:m}}}function f(){a.value={rowIndex:null,position:null}}function h(k){return a.value.rowIndex===k}function c(k){k.key==="Escape"&&a.value.rowIndex!==null&&f()}return e.onMounted(()=>{document.addEventListener("keydown",c)}),e.onUnmounted(()=>{document.removeEventListener("keydown",c)}),{menuState:a,openMenu:l,closeMenu:f,isMenuOpen:h}}function nt(a,l){const f=e.ref(!1),h=e.ref(null),c=e.ref([]),k=e.ref(void 0);let E=null;function B(s){const u=new URLSearchParams;if(s.search&&u.append("search",s.search),s.page!==void 0&&u.append("page",String(s.page)),s.perPage!==void 0&&u.append("per_page",String(s.perPage)),s.sort&&(u.append("sort",s.sort.key),u.append("order",s.sort.order)),s.filters&&s.filters.length>0&&s.filters.forEach(y=>{if(y.value!==void 0&&y.value!==null&&y.value!==""){const N=`filters[${y.key}]`;Array.isArray(y.value)?y.value.forEach(S=>u.append(`${N}[]`,String(S))):u.append(N,String(y.value))}}),s.tabName&&u.append("tabName",s.tabName),l!=null&&l.additionalParams){const y=typeof l.additionalParams=="function"?l.additionalParams(s):l.additionalParams;Object.entries(y).forEach(([N,S])=>{N==="tabName"&&s.tabName||S!=null&&S!==""&&(Array.isArray(S)?S.forEach(T=>u.append(`${N}[]`,String(T))):u.append(N,String(S)))})}return u}function _(s){var u,y,N;return l!=null&&l.bodyBuilder?l.bodyBuilder(s):{search:s.search,page:s.page,per_page:s.perPage,sort:(u=s.sort)==null?void 0:u.key,order:(y=s.sort)==null?void 0:y.order,tabName:s.tabName,filters:(N=s.filters)==null?void 0:N.reduce((S,T)=>(T.value!==void 0&&T.value!==null&&T.value!==""&&(S[T.key]=T.value),S),{}),...typeof(l==null?void 0:l.additionalParams)=="function"?l.additionalParams(s):Object.fromEntries(Object.entries((l==null?void 0:l.additionalParams)||{}).filter(([S])=>S!=="tabName"||!s.tabName))||{}}}function m(){const s={"Content-Type":"application/json",...(l==null?void 0:l.headers)||{}};if(l!=null&&l.getAuthToken){const u=l.getAuthToken();u&&(s.Authorization=`Bearer ${u}`)}return s}function d(s){if(l!=null&&l.responseTransformer)return l.responseTransformer(s);const u=s;return{data:u.data||u.rows||[],meta:u.meta}}async function g(s){if(!a){h.value=new Error("API URL is required");return}f.value=!0,h.value=null;try{const u=(l==null?void 0:l.method)||"GET",y=m();let N=a,S;if(u==="GET"){const O=l!=null&&l.paramsBuilder?l.paramsBuilder(s):B(s);if(O instanceof URLSearchParams){const P=O.toString();N=P?`${a}?${P}`:a}else{const P=new URLSearchParams;Object.entries(O).forEach(([G,D])=>{D!=null&&D!==""&&(Array.isArray(D)?D.forEach(J=>P.append(`${G}[]`,String(J))):P.append(G,String(D)))});const U=P.toString();N=U?`${a}?${U}`:a}}else S=_(s);const T=await fetch(N,{method:u,headers:y,body:S?JSON.stringify(S):void 0});if(!T.ok)throw new Error(`API request failed: ${T.status} ${T.statusText}`);const oe=await T.json(),K=d(oe);c.value=K.data,k.value=K.meta}catch(u){h.value=u instanceof Error?u:new Error("Unknown error occurred"),c.value=[],k.value=void 0}finally{f.value=!1}}function C(s,u=!1){E&&(clearTimeout(E),E=null);const y=(l==null?void 0:l.debounceMs)??300;u||!s.search?g(s):E=setTimeout(()=>{g(s)},y)}function b(s){C(s,!0)}return{loading:e.computed(()=>f.value),error:e.computed(()=>h.value),data:e.computed(()=>c.value),paginationMeta:e.computed(()=>k.value),fetchData:g,fetchDataDebounced:C,refresh:b}}function Se(a,l){var _,m;const f=(l==null?void 0:l.search)||e.ref(void 0),h=(l==null?void 0:l.filters)||e.ref(a.filters),c=(l==null?void 0:l.sort)||e.ref(a.sort),k=(l==null?void 0:l.pagination)||e.ref({page:((_=a.paginationMeta)==null?void 0:_.currentPage)||1,perPage:((m=a.paginationMeta)==null?void 0:m.perPage)||20}),E=(l==null?void 0:l.extraState)||e.ref(void 0),B=(l==null?void 0:l.tabName)||e.ref(void 0);if(a.apiConfig&&a.searchMode==="server"){let d=function(){var u,y;return{search:f.value,filters:h.value,sort:c.value,page:(u=k.value)==null?void 0:u.page,perPage:(y=k.value)==null?void 0:y.perPage,extraState:E.value,tabName:B.value}},g=function(u){var y,N,S,T;return s?u.search!==s.search||u.page!==s.page||u.perPage!==s.perPage||u.tabName!==s.tabName||((y=u.sort)==null?void 0:y.key)!==((N=s.sort)==null?void 0:N.key)||((S=u.sort)==null?void 0:S.order)!==((T=s.sort)==null?void 0:T.order)||JSON.stringify(u.filters)!==JSON.stringify(s.filters)||JSON.stringify(u.extraState)!==JSON.stringify(s.extraState):!0};const C=nt(a.apiConfig.apiUrl,a.apiConfig);let b=!1,s=null;return e.watch([f,h,c,k,E,B],()=>{if(b)return;const u=d();if(!g(u))return;s=u;const y=f.value!==void 0;C.fetchDataDebounced(u,!y)},{immediate:!0,deep:!0}),e.watch(C.paginationMeta,u=>{if(u&&k.value){const y=u.perPage||k.value.perPage;y!==k.value.perPage&&(b=!0,k.value.perPage=y,e.nextTick(()=>{b=!1}))}}),{rows:C.data,loading:C.loading,error:C.error,paginationMeta:C.paginationMeta,refresh:()=>{var y,N;const u={search:f.value,filters:h.value,sort:c.value,page:(y=k.value)==null?void 0:y.page,perPage:(N=k.value)==null?void 0:N.perPage,extraState:E.value,tabName:B.value};C.refresh(u)}}}return{rows:e.computed(()=>a.rows),loading:e.computed(()=>!1),error:e.computed(()=>null),paginationMeta:e.computed(()=>a.paginationMeta),refresh:()=>{}}}const rt={class:"shifl-column-manager__header"},ot={class:"shifl-column-manager__title-wrapper"},lt={class:"shifl-column-manager__title"},it={key:0},at={key:1},st={class:"shifl-column-manager__controls"},ct={class:"shifl-column-manager__controls-left"},dt={class:"shifl-column-manager__content"},ft={class:"shifl-column-manager__list"},ut=["draggable","onDragstart","onDragover","onDrop"],mt=["aria-label","disabled"],gt=["checked","disabled","onChange"],pt={class:"shifl-column-manager__label-text"},ht={class:"shifl-column-manager__footer"},kt=e.defineComponent({__name:"GridColumnManager",props:{titlePrefix:{},columns:{}},emits:["close","toggle","move","toggleFreeze","selectAll","deselectAll","restoreDefault"],setup(a,{emit:l}){const f=a,h=e.computed(()=>f.columns),c=l,k=e.ref(null);function E(m){var d,g;(d=f.columns[m])!=null&&d.freeze||(g=f.columns[m])!=null&&g.protected||(k.value=m)}function B(m){}function _(m){k.value===null||k.value===m||(c("move",k.value,m),k.value=null)}return(m,d)=>(e.openBlock(),e.createElementBlock("div",{class:"shifl-column-manager__backdrop",onClick:d[7]||(d[7]=e.withModifiers(g=>m.$emit("close"),["self"]))},[e.createElementVNode("div",{class:"shifl-column-manager__dialog",role:"dialog","aria-modal":"true",onClick:d[6]||(d[6]=e.withModifiers(()=>{},["stop"]))},[e.createElementVNode("header",rt,[e.createElementVNode("div",ot,[e.createElementVNode("h2",lt,[a.titlePrefix?(e.openBlock(),e.createElementBlock("span",it,e.toDisplayString(a.titlePrefix),1)):e.createCommentVNode("",!0),a.titlePrefix?(e.openBlock(),e.createElementBlock("span",at,">")):e.createCommentVNode("",!0),d[8]||(d[8]=e.createTextVNode("Edit Columns ",-1))])]),e.createElementVNode("button",{type:"button",class:"shifl-column-manager__close",onClick:d[0]||(d[0]=g=>m.$emit("close"))},[...d[9]||(d[9]=[e.createElementVNode("span",null,"✕",-1)])])]),e.createElementVNode("div",st,[e.createElementVNode("div",ct,[e.createElementVNode("button",{type:"button",class:"shifl-column-manager__link-button",onClick:d[1]||(d[1]=g=>m.$emit("selectAll"))}," Select All "),e.createElementVNode("button",{type:"button",class:"shifl-column-manager__link-button",onClick:d[2]||(d[2]=g=>m.$emit("deselectAll"))}," Deselect All ")]),e.createElementVNode("button",{type:"button",class:"shifl-column-manager__link-button shifl-column-manager__link-button--primary",onClick:d[3]||(d[3]=g=>m.$emit("restoreDefault"))}," Restore Default ")]),e.createElementVNode("div",dt,[e.createElementVNode("ul",ft,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(h.value,(g,C)=>(e.openBlock(),e.createElementBlock("li",{key:g.key,class:e.normalizeClass(["shifl-column-manager__item",{"shifl-column-manager__item--disabled":g.freeze||g.protected}]),draggable:!g.freeze&&!g.protected,onDragstart:b=>E(C),onDragover:e.withModifiers(b=>void 0,["prevent"]),onDrop:e.withModifiers(b=>_(C),["prevent"])},[e.createElementVNode("button",{type:"button",class:e.normalizeClass(["shifl-column-manager__drag-handle",{"shifl-column-manager__drag-handle--disabled":g.freeze||g.protected}]),"aria-label":`Move ${g.label}`,disabled:g.freeze||g.protected},[...d[10]||(d[10]=[e.createElementVNode("span",null,"⋮⋮",-1)])],10,mt),e.createElementVNode("label",{class:e.normalizeClass(["shifl-column-manager__checkbox-label",{"shifl-column-manager__checkbox-label--disabled":g.freeze||g.protected}])},[e.createElementVNode("input",{type:"checkbox",class:"shifl-column-manager__checkbox",checked:g.visible,disabled:g.freeze||g.protected,onChange:b=>m.$emit("toggle",g.key)},null,40,gt),d[11]||(d[11]=e.createElementVNode("span",{class:"shifl-column-manager__checkbox-custom"},null,-1)),e.createElementVNode("span",pt,e.toDisplayString(g.label),1)],2)],42,ut))),128))])]),e.createElementVNode("footer",ht,[e.createElementVNode("button",{type:"button",class:"shifl-column-manager__button shifl-column-manager__button--primary",onClick:d[4]||(d[4]=g=>m.$emit("close"))}," Update "),e.createElementVNode("button",{type:"button",class:"shifl-column-manager__button shifl-column-manager__button--secondary",onClick:d[5]||(d[5]=g=>m.$emit("close"))}," Cancel ")])])]))}}),L=(a,l)=>{const f=a.__vccOpts||a;for(const[h,c]of l)f[h]=c;return f},yt=L(kt,[["__scopeId","data-v-40ca0ed0"]]),_t={class:"shifl-grid__tooltip-content"},bt=["innerHTML"],Ct=L(e.defineComponent({__name:"GridTooltip",props:{content:{},visible:{type:Boolean},triggerElement:{},isHtml:{type:Boolean}},setup(a){const l=a,f=e.ref(null),h=e.ref({}),c=e.computed(()=>l.content.includes(`
|
|
2
|
-
`)),k=e.computed(()=>
|
|
3
|
-
`).filter(m=>m.trim().length>0):[]),E=e.ref("top"),B=e.ref({});function _(){if(!l.triggerElement||!f.value)return;const m=l.triggerElement.getBoundingClientRect(),d=f.value.getBoundingClientRect(),g=window.innerWidth,C=window.innerHeight;let b=m.bottom+8,s=m.left+window.scrollX;s+d.width>g-16&&(s=g-d.width-16),s<16&&(s=16),b+d.height>C-16?(b=m.top-d.height-8,E.value="bottom"):E.value="top",h.value={position:"fixed",top:`${b}px`,left:`${s}px`,zIndex:"10000"};const u=m.left+m.width/2-s;B.value={left:`${u}px`}}return e.watch(()=>l.visible,async m=>{m&&(await e.nextTick(),_())}),e.onMounted(()=>{l.visible&&e.nextTick(()=>_())}),e.onUnmounted(()=>{}),(m,d)=>(e.openBlock(),e.createBlock(e.Teleport,{to:"body"},[a.visible?(e.openBlock(),e.createElementBlock("div",{key:0,ref_key:"tooltipRef",ref:f,class:"shifl-grid__tooltip",style:e.normalizeStyle(h.value)},[e.createElementVNode("div",{class:e.normalizeClass(["shifl-grid__tooltip-arrow",E.value]),style:e.normalizeStyle(B.value)},null,6),e.createElementVNode("div",_t,[a.isHtml?(e.openBlock(),e.createElementBlock("div",{key:0,innerHTML:a.content},null,8,bt)):c.value?(e.openBlock(!0),e.createElementBlock(e.Fragment,{key:1},e.renderList(k.value,(g,C)=>(e.openBlock(),e.createElementBlock("div",{key:C,class:"shifl-grid__tooltip-line"},e.toDisplayString(g),1))),128)):(e.openBlock(),e.createElementBlock(e.Fragment,{key:2},[e.createTextVNode(e.toDisplayString(a.content),1)],64))])],4)):e.createCommentVNode("",!0)]))}}),[["__scopeId","data-v-239005f1"]]),Bt={},Et={width:"14",height:"15",viewBox:"0 0 14 15",fill:"none",xmlns:"http://www.w3.org/2000/svg",class:"shifl-smart-tracking-icon"};function wt(a,l){return e.openBlock(),e.createElementBlock("svg",Et,[...l[0]||(l[0]=[e.createElementVNode("path",{d:"M1.03223 9.27441C1.22778 9.27445 1.40954 9.32951 1.57812 9.43066L3.86523 10.8594C4.1957 11.0618 4.3916 11.4202 4.3916 11.8047C4.39151 12.189 4.19562 12.5467 3.86523 12.749L1.57812 14.1797C1.41642 14.2806 1.22754 14.334 1.03223 14.334V14.3408C0.465713 14.3408 0.000165713 13.8751 0 13.3086V10.3066C0.000236867 9.74022 0.465756 9.27443 1.03223 9.27441ZM1.01172 13.3018L3.3252 11.8916C3.32796 11.8884 3.3728 11.8374 3.37305 11.8047C3.37305 11.771 3.35218 11.737 3.3252 11.7168L1.03906 10.2871L1.01172 13.3018ZM6.07129 3.37305C6.35041 3.37318 6.5771 3.59977 6.57715 3.87891C6.57715 4.15809 6.35044 4.38463 6.07129 4.38477H5.05957C4.03708 4.38477 3.20433 5.06537 3.2041 5.90234C3.2041 6.73947 4.03694 7.4209 5.05957 7.4209H7.08301C8.66344 7.42096 9.95019 8.55525 9.9502 9.9502C9.95009 11.3451 8.66338 12.4794 7.08301 12.4795H6.07129C5.79202 12.4795 5.56543 12.2529 5.56543 11.9736C5.56548 11.6944 5.79205 11.4678 6.07129 11.4678H7.08301C8.10552 11.4677 8.93739 10.7872 8.9375 9.9502C8.93749 9.11311 8.10558 8.43267 7.08301 8.43262H5.05957C3.47908 8.43262 2.19238 7.29733 2.19238 5.90234C2.19259 4.50751 3.4792 3.37305 5.05957 3.37305H6.07129ZM10.7939 0C12.0694 0.000131868 13.2591 0.779675 13.7549 1.94043C14.6093 3.9666 13.0453 5.42741 11.9033 6.49316L11.8818 6.51367C11.7964 6.59308 11.711 6.67193 11.6289 6.75C11.4057 6.96444 11.1095 7.08195 10.7939 7.08203C10.4783 7.08203 10.1803 6.9642 9.95703 6.74902C9.86266 6.65937 9.76511 6.56666 9.66602 6.47363L9.66016 6.46875C8.53029 5.40836 6.98418 3.95585 7.83203 1.94238C8.32854 0.77953 9.51841 6.29203e-06 10.7939 0ZM10.7939 1.01172C9.91775 1.01173 9.10234 1.54537 8.76367 2.33789C8.22961 3.60525 9.04604 4.50453 10.3525 5.73145L10.4229 5.79688C10.5024 5.87104 10.5804 5.94604 10.6572 6.01953C10.7267 6.08617 10.861 6.08446 10.9277 6.02051L10.9307 6.01758C11.0223 5.93066 11.1172 5.84284 11.2129 5.75391C12.5356 4.51951 13.3612 3.61352 12.8223 2.33594C12.4849 1.54493 11.6691 1.0127 10.793 1.0127L10.7939 1.01172ZM10.7998 2.53027C11.1719 2.53041 11.4734 2.83199 11.4736 3.2041C11.4736 3.57637 11.172 3.87877 10.7998 3.87891C10.4275 3.87882 10.1221 3.57641 10.1221 3.2041C10.1223 2.8319 10.4207 2.53027 10.793 2.53027H10.7998Z",fill:"#05963F"},null,-1)])])}const St=L(Bt,[["render",wt]]),Nt={},Mt={width:"14",height:"10",viewBox:"0 0 14 10",fill:"none",xmlns:"http://www.w3.org/2000/svg"};function Tt(a,l){return e.openBlock(),e.createElementBlock("svg",Mt,[...l[0]||(l[0]=[e.createElementVNode("path",{"fill-rule":"evenodd","clip-rule":"evenodd",d:"M0 0.666667C0 0.298477 0.314186 2.98023e-08 0.701754 2.98023e-08H4.2807C4.66827 2.98023e-08 4.98246 0.298477 4.98246 0.666667C4.98246 1.03486 4.66827 1.33333 4.2807 1.33333H0.701754C0.314186 1.33333 0 1.03486 0 0.666667ZM10.0301 0.195262C10.3042 -0.0650874 10.7485 -0.0650874 11.0225 0.195262L13.1278 2.19526C13.4018 2.45561 13.4018 2.87772 13.1278 3.13807C12.8537 3.39842 12.4094 3.39842 12.1354 3.13807L11.2281 2.27614V8.66667C11.2281 9.03486 10.9139 9.33333 10.5263 9.33333C10.1387 9.33333 9.82456 9.03486 9.82456 8.66667V2.27614L8.91727 3.13807C8.64322 3.39842 8.19889 3.39842 7.92484 3.13807C7.65079 2.87772 7.65079 2.45561 7.92484 2.19526L10.0301 0.195262ZM0 4.66667C0 4.29848 0.314186 4 0.701754 4H5.61404C6.0016 4 6.31579 4.29848 6.31579 4.66667C6.31579 5.03486 6.0016 5.33333 5.61404 5.33333H0.701754C0.314186 5.33333 0 5.03486 0 4.66667ZM0 8.66667C0 8.29848 0.314186 8 0.701754 8H7.01754C7.40511 8 7.7193 8.29848 7.7193 8.66667C7.7193 9.03486 7.40511 9.33333 7.01754 9.33333H0.701754C0.314186 9.33333 0 9.03486 0 8.66667Z",fill:"#1A6D9E"},null,-1)])])}const Vt=L(Nt,[["render",Tt]]),Pt={},$t={width:"14",height:"10",viewBox:"0 0 14 10",fill:"none",xmlns:"http://www.w3.org/2000/svg"};function Lt(a,l){return e.openBlock(),e.createElementBlock("svg",$t,[...l[0]||(l[0]=[e.createElementVNode("path",{d:"M4.28125 8C4.66872 8.00011 4.98242 8.29887 4.98242 8.66699C4.98242 9.03511 4.66872 9.33387 4.28125 9.33398H0.702148C0.314581 9.33398 8.1338e-07 9.03518 0 8.66699C0 8.2988 0.31458 8 0.702148 8H4.28125ZM10.5264 0C10.9139 0 11.2285 0.298802 11.2285 0.666992V7.05762L12.1357 6.19531C12.4097 5.93519 12.8539 5.93524 13.1279 6.19531C13.402 6.45566 13.402 6.87832 13.1279 7.13867L11.0225 9.13867C10.7484 9.39867 10.3042 9.39886 10.0303 9.13867L7.9248 7.13867C7.65082 6.87834 7.65082 6.45565 7.9248 6.19531C8.19886 5.93496 8.64392 5.93496 8.91797 6.19531L9.8252 7.05762V0.666992C9.8252 0.298891 10.1389 0.000143144 10.5264 0ZM5.61426 4C6.00183 4 6.31641 4.2988 6.31641 4.66699C6.31641 5.03518 6.00183 5.33398 5.61426 5.33398H0.702148C0.314581 5.33398 6.77817e-07 5.03518 0 4.66699C0 4.2988 0.31458 4 0.702148 4H5.61426ZM7.01758 0C7.40515 0 7.71973 0.298802 7.71973 0.666992C7.71973 1.03518 7.40515 1.33398 7.01758 1.33398H0.702148C0.31458 1.33398 5.42254e-07 1.03518 0 0.666992C0 0.298802 0.31458 0 0.702148 0H7.01758Z",fill:"#1A6D9E"},null,-1)])])}const Dt=L(Pt,[["render",Lt]]),zt={},At={width:"21",height:"13",viewBox:"0 0 21 13",fill:"none",xmlns:"http://www.w3.org/2000/svg"};function xt(a,l){return e.openBlock(),e.createElementBlock("svg",At,[...l[0]||(l[0]=[e.createElementVNode("path",{d:"M19.6426 4.61523C19.9311 4.61524 20.1317 4.90139 20.0342 5.17285L17.499 12.2246C17.4395 12.3899 17.2821 12.5 17.1064 12.5H1.5459C1.35628 12.5 1.19044 12.3719 1.14258 12.1885L0.0136719 7.83887C-0.0548101 7.575 0.14438 7.31738 0.416992 7.31738H12.6016L14.71 4.61523H19.6426ZM3.51465 8.82324C3.11322 8.82324 2.78728 9.15265 2.78711 9.55859C2.78711 9.96468 3.11312 10.2939 3.51465 10.2939C3.9161 10.2938 4.24121 9.96462 4.24121 9.55859C4.24104 9.15271 3.91599 8.82334 3.51465 8.82324ZM7.87695 8.82324C7.47553 8.82324 7.14958 9.15265 7.14941 9.55859C7.14941 9.96468 7.47542 10.2939 7.87695 10.2939C8.27846 10.2939 8.60352 9.96466 8.60352 9.55859C8.60335 9.15267 8.27835 8.82327 7.87695 8.82324ZM12.2393 8.82324C11.8378 8.82324 11.5119 9.15265 11.5117 9.55859C11.5117 9.96468 11.8377 10.2939 12.2393 10.2939C12.6407 10.2938 12.9658 9.96458 12.9658 9.55859C12.9657 9.15275 12.6405 8.82341 12.2393 8.82324ZM10.3291 3.67676C10.5591 3.67679 10.7459 3.86283 10.7461 4.09277V5.46582C10.746 5.69585 10.5591 5.88278 10.3291 5.88281H1.75C1.51993 5.88281 1.33309 5.69587 1.33301 5.46582V4.09277C1.3332 3.86282 1.52 3.67676 1.75 3.67676H10.3291ZM8.91406 0C9.14418 0 9.33105 0.186874 9.33105 0.416992V1.78906C9.33105 2.01918 9.14418 2.20605 8.91406 2.20605H3.2041C2.97398 2.20605 2.78711 2.01918 2.78711 1.78906V0.416992C2.78711 0.186874 2.97398 1.52829e-06 3.2041 0H8.91406Z",fill:"#9CA5B4"},null,-1)])])}const Ht=L(zt,[["render",xt]]),Rt={},Ft={width:"16",height:"16",viewBox:"0 0 16 16",fill:"none",xmlns:"http://www.w3.org/2000/svg"};function Gt(a,l){return e.openBlock(),e.createElementBlock("svg",Ft,[...l[0]||(l[0]=[e.createElementVNode("path",{d:"M7.99976 0.799561C11.9761 0.799561 15.1998 4.0234 15.2 7.99976C15.2 11.9762 11.9762 15.2 7.99976 15.2C4.0234 15.1998 0.799561 11.9761 0.799561 7.99976C0.799666 4.02346 4.02346 0.799666 7.99976 0.799561ZM7.99976 1.87964C4.61984 1.87974 1.87974 4.61984 1.87964 7.99976C1.87964 11.3798 4.61977 14.1198 7.99976 14.1199C11.3798 14.1199 14.1199 11.3798 14.1199 7.99976C14.1198 4.61977 11.3798 1.87964 7.99976 1.87964ZM7.9978 6.91968C8.27087 6.91973 8.49698 7.12223 8.53296 7.3855L8.53784 7.45874L8.53979 11.4197C8.5399 11.7178 8.29882 11.9595 8.00073 11.9597C7.72754 11.9599 7.50169 11.7572 7.46558 11.4939L7.46069 11.4207L7.45776 7.45972C7.45757 7.16153 7.69962 6.91987 7.9978 6.91968ZM8.00073 4.40112C8.39742 4.40137 8.71923 4.72319 8.71948 5.11987C8.71948 5.51677 8.39757 5.83935 8.00073 5.8396C7.60368 5.8396 7.28101 5.51692 7.28101 5.11987C7.28126 4.72304 7.60384 4.40112 8.00073 4.40112Z",fill:"#69758C"},null,-1)])])}const It=L(Rt,[["render",Gt]]),jt={},Ot={width:"16",height:"16",viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg"};function Zt(a,l){return e.openBlock(),e.createElementBlock("svg",Ot,[...l[0]||(l[0]=[e.createElementVNode("path",{d:"M6.00044 6.12787L6 15.75C6 17.7382 7.5473 19.3651 9.50344 19.492L9.75 19.5L16.3716 19.5011C16.0624 20.3744 15.2293 21 14.25 21H9C6.51472 21 4.5 18.9853 4.5 16.5V8.25C4.5 7.27017 5.12631 6.43663 6.00044 6.12787ZM17.25 3C18.4926 3 19.5 4.00736 19.5 5.25V15.75C19.5 16.9926 18.4926 18 17.25 18H9.75C8.50736 18 7.5 16.9926 7.5 15.75V5.25C7.5 4.00736 8.50736 3 9.75 3H17.25ZM17.25 4.5H9.75C9.33579 4.5 9 4.83579 9 5.25V15.75C9 16.1642 9.33579 16.5 9.75 16.5H17.25C17.6642 16.5 18 16.1642 18 15.75V5.25C18 4.83579 17.6642 4.5 17.25 4.5Z",fill:"#1A6D9E"},null,-1)])])}const Wt=L(jt,[["render",Zt]]),Kt={},Ut={xmlns:"http://www.w3.org/2000/svg",fill:"none",viewBox:"0 0 24 24",stroke:"#22c55e",width:"24",height:"24",class:"inline-block text-green-500",role:"presentation"};function Jt(a,l){return e.openBlock(),e.createElementBlock("svg",Ut,[...l[0]||(l[0]=[e.createElementVNode("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,-1)])])}const qt=L(Kt,[["render",Jt]]),Yt={},Qt={xmlns:"http://www.w3.org/2000/svg",fill:"none",viewBox:"0 0 24 24",stroke:"#ef4444",width:"24",height:"24",class:"inline-block text-red-500",role:"presentation"};function Xt(a,l){return e.openBlock(),e.createElementBlock("svg",Qt,[...l[0]||(l[0]=[e.createElementVNode("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,-1)])])}const vt=L(Yt,[["render",Xt]]),en={class:"shifl-grid relative"},tn={class:"shifl-grid__controls"},nn={class:"shifl-grid__table"},rn=["onClick"],on={class:"shifl-grid__header-content"},ln={key:0,class:"shifl-grid__header-label"},an={key:1,class:"shifl-grid__sort-icon"},sn={key:0},cn=["colspan"],dn={key:0,class:"shifl-grid__smart-tracking-icon"},fn=["onClick"],un={key:0},mn=["innerHTML"],gn={key:2,class:"shifl-grid__composite-cell"},pn={key:1,class:"shifl-grid__cell-blank"},hn={key:3,class:"shifl-grid__type-cell"},kn={key:1,class:"shifl-grid__cell-blank"},yn={key:2,class:"shifl-grid__container-badge"},_n={key:0,class:"shifl-grid__cell-blank"},bn={key:1,class:"shifl-grid__tags-cell"},Cn={class:"shifl-grid__tags-wrapper"},Bn=["onMouseenter"],En={key:5,class:"shifl-grid__chips-container"},wn={key:6,class:"shifl-grid__truncated-cell"},Sn=["onMouseenter"],Nn=["onMouseenter"],Mn=["href"],Tn={key:8,class:"shifl-grid__progress-cell"},Vn={class:"shifl-grid__progress-bar"},Pn={class:"shifl-grid__progress-text"},$n=["onMouseenter"],Ln={class:"shifl-grid__reference-value"},Dn=["onClick"],zn={key:0,class:"shifl-grid__pagination"},An={class:"shifl-grid__pagination-left"},xn={class:"shifl-grid__pagination-range"},Hn={class:"shifl-grid__pagination-range-numbers"},Rn={class:"shifl-grid__pagination-right"},Fn={class:"shifl-grid__pagination-rows"},Gn=["value","disabled"],In={class:"shifl-grid__pagination-nav"},jn=["disabled"],On={class:"shifl-grid__pagination-pages"},Zn=["disabled","onClick"],Wn={key:1,class:"shifl-grid__pagination-ellipsis"},Kn=["disabled"],Un=["onClick"],Jn=["innerHTML"],qn={class:"shifl-grid__copy-tooltip-content"},Ne=e.defineComponent({__name:"ShiflGrid",props:{config:{},search:{},loading:{type:Boolean}},emits:["action-click","search-change","pagination-change"],setup(a,{emit:l}){var qe,Ye,Qe,Xe,ve;const f=a,h=l,c=e.computed(()=>et(f.config)),k=e.ref(f.search),E=e.ref(c.value.filters),B=e.ref(c.value.sort),_=e.ref({page:((qe=c.value.paginationMeta)==null?void 0:qe.currentPage)||1,perPage:((Ye=c.value.paginationMeta)==null?void 0:Ye.perPage)||20}),m=e.ref(typeof((Qe=c.value.apiConfig)==null?void 0:Qe.additionalParams)=="function"||(ve=(Xe=c.value.apiConfig)==null?void 0:Xe.additionalParams)==null?void 0:ve.tabName),d=Se(c.value,{search:k,filters:E,sort:B,pagination:_,tabName:m}),g=e.computed(()=>c.value.columns.filter(t=>!t.smartTrackingColumn)),{columns:C,visibleColumns:b,toggleColumnVisibility:s,setAllVisible:u,toggleFreeze:y,moveColumn:N,resetColumns:S}=Be(g.value),{sort:T,setSort:oe,applySort:K}=Ee(c.value.sort),{applyGlobalFilter:O}=we(),{menuState:P,openMenu:U,closeMenu:G}=tt(),D=e.ref(!1),J=e.ref({}),Ve=e.ref(null),Pe=e.ref(null),le=e.ref(null),ie=e.ref(!1),$e=e.ref(""),ae=e.ref(null),se=e.ref(!1),lr=e.ref({});e.ref({});const I=e.ref({}),q=e.ref(!1),Y=e.ref("Copy To Clipboard"),Q=e.ref(null),ce=e.ref({top:0,left:0});function x(){if(!Q.value||!q.value)return;const t=Q.value.getBoundingClientRect(),n=120,r=32,i=window.innerWidth,o=window.innerHeight,p=4;let w=t.right+p,V=t.top+t.height/2-r/2;w+n>i&&(w=t.left-n-p),w<0&&(w=10),V+r>o&&(V=o-r-10),V<0&&(V=10),ce.value={top:V,left:w}}e.watch(()=>c.value.paginationMeta,t=>{c.value.searchMode!=="server"&&t&&_.value&&(_.value.page=t.currentPage||_.value.page,_.value.perPage=t.perPage||_.value.perPage)},{deep:!0}),e.watch(()=>c.value.columns,t=>{const n=t.filter(r=>!r.smartTrackingColumn);C.value=[...n]},{deep:!0}),e.watch(()=>c.value.sort,t=>{t&&(T.value=t,B.value=t)},{deep:!0}),e.watch(()=>{var t;return(t=c.value.apiConfig)==null?void 0:t.additionalParams},t=>{if(t&&typeof t!="function"){const n=t;n.tabName!==void 0&&m.value!==n.tabName&&(ir(),m.value=n.tabName)}},{deep:!0});function ir(){var n;const t=((n=c.value.paginationMeta)==null?void 0:n.perPage)||20;_.value={page:1,perPage:t},k.value=void 0,B.value=c.value.sort,E.value=c.value.filters,h("search-change",""),h("pagination-change",1,t)}e.watch(()=>f.search,(t,n)=>{var r;if(k.value=t,c.value.searchMode==="server")h("search-change",t||"");else if(c.value.searchMode==="client"&&t!==n){const i=((r=$.value)==null?void 0:r.perPage)||20;_.value={page:1,perPage:i},h("pagination-change",1,i)}},{immediate:!0}),e.watch(()=>T.value,t=>{B.value=t});const de=e.computed(()=>d.rows.value||[]),fe=e.computed(()=>{if((c.value.searchMode||"client")==="server")return de.value;const n=f.search||"";return O(de.value,c.value.search,n)}),ue=e.computed(()=>{var n;return(c.value.searchMode||"client")==="client"?fe.value.length:((n=d.paginationMeta.value)==null?void 0:n.total)||0}),me=e.computed(()=>(c.value.searchMode||"client")==="server"?fe.value:K(fe.value)),Le=e.computed(()=>{if((c.value.searchMode||"client")==="server")return me.value;const n=$.value;if(!n||!n.show)return me.value;const r=n.perPage||20,o=((n.currentPage||1)-1)*r,p=o+r;return me.value.slice(o,p)}),$=e.computed(()=>{var t;return c.value.searchMode==="server"&&d.paginationMeta.value?{show:!0,...d.paginationMeta.value,currentPage:((t=_.value)==null?void 0:t.page)||d.paginationMeta.value.currentPage||1}:c.value.paginationMeta}),H=e.computed(()=>f.loading!==void 0?f.loading:d.loading.value),ar=e.computed(()=>{var t;return((t=$.value)==null?void 0:t.perPage)===100}),sr=e.computed(()=>{var t;return((t=$.value)==null?void 0:t.perPage)||10}),De=e.computed(()=>{const t=$.value;if(!t||t.show===!1)return{from:0,to:0};const n=ue.value,r=t.perPage||20,i=t.currentPage||1;if((c.value.searchMode||"client")==="server"&&t.from!==void 0&&t.to!==void 0)return{from:t.from,to:t.to};const p=(i-1)*r+1,w=Math.min(i*r,n);return n===0?{from:0,to:0}:{from:p,to:w}}),R=e.computed(()=>{var t;return((t=$.value)==null?void 0:t.currentPage)||1}),ge=e.computed(()=>{const t=$.value;if(!t||t.show===!1)return 1;const n=ue.value;if(n===0)return 1;const r=t.perPage||20,i=Math.ceil(n/r);return Math.max(1,i)}),ze=e.computed(()=>R.value<=1),Ae=e.computed(()=>R.value>=ge.value),cr=e.computed(()=>{const t=ge.value,n=R.value,r=[];if(t<=7)for(let i=1;i<=t;i++)r.push(i);else if(n<=4){for(let i=1;i<=5;i++)r.push(i);r.push(-1),r.push(t)}else if(n>=t-3){r.push(1),r.push(-1);for(let i=t-4;i<=t;i++)r.push(i)}else{r.push(1),r.push(-1);for(let i=n-1;i<=n+1;i++)r.push(i);r.push(-1),r.push(t)}return r});function dr(t){var r;if(t<1||t>ge.value||t===R.value||H.value)return;const n=((r=$.value)==null?void 0:r.perPage)||20;_.value={page:t,perPage:n},h("pagination-change",t,n)}function fr(){var r;if(ze.value||H.value)return;const t=((r=$.value)==null?void 0:r.perPage)||20,n=R.value-1;_.value={page:n,perPage:t},h("pagination-change",n,t)}function ur(){var r;if(Ae.value||H.value)return;const t=((r=$.value)==null?void 0:r.perPage)||20,n=R.value+1;_.value={page:n,perPage:t},h("pagination-change",n,t)}function mr(t){var i;if(H.value)return;const n=t.target,r=parseInt(n.value,10);r&&r!==(((i=$.value)==null?void 0:i.perPage)||20)&&(_.value={page:1,perPage:r},h("pagination-change",1,r))}const gr=e.computed(()=>{const t=c.value.columns.find(r=>r.smartTrackingColumn);if(!(t!=null&&t.smartTrackingColumn))return!1;const n=t.smartTrackingColumn.dataKey;return de.value.some(r=>{const i=r[n];return i===!0||i===1||i==="true"||i==="1"})}),pe=e.computed(()=>c.value.columns.find(t=>t.smartTrackingColumn)),j=e.computed(()=>{var r;const t=b.value.filter(i=>!i.smartTrackingColumn);if(gr.value&&pe.value){const i={key:"_smart_tracking",label:"",order:-1,freeze:!0,visible:!0,protected:!0,sortable:!1,width:((r=pe.value.smartTrackingColumn)==null?void 0:r.width)||"36px",smartTrackingColumn:pe.value.smartTrackingColumn,cellType:"icon"},o=t.findIndex(p=>p.key==="ref");o>=0?t.splice(o,0,i):t.unshift(i)}const n=t.find(i=>i.key==="ref");return n&&(n.freeze=!0,n.protected=!0),t}),pr=e.computed(()=>{let t=0;const n={};for(const r of j.value){r.freeze&&(n[r.key]=t);const i=parseInt(r.width??"160",10);Number.isNaN(i)||(t+=i)}return n}),xe=e.ref(0);function hr(t){const n=t.target;xe.value=n.scrollLeft}function kr(t){const n=C.value.find(r=>r.key===t);!(n!=null&&n.sortable)||te(n)||Ce(n)||oe(t)}function X(t,n){if(t==null||t===""||t===void 0)return F(n.blankStyle);const r=n.cellType;if(Array.isArray(r)){const i=r.find(o=>typeof o=="string"&&o!=="icon");return i&&typeof i=="string"?je(t,i,n):""}if(!r)return typeof t=="object"?JSON.stringify(t):String(t);switch(r){case"number":return He(t);case"currency":return Re(t);case"date":return Fe(t);case"boolean":return Ge(t);case"text":default:return typeof t=="object"?JSON.stringify(t):String(t)}}function F(t){switch(t){case"dash":return"--";case"zero":return"0";case"na":return"N/A";case"empty":default:return""}}function He(t){if(typeof t=="number")return t.toLocaleString();const n=Number(t);return Number.isNaN(n)?String(t):n.toLocaleString()}function Re(t){if(typeof t=="number")return new Intl.NumberFormat("en-US",{style:"currency",currency:"USD"}).format(t);const n=Number(t);return Number.isNaN(n)?String(t):new Intl.NumberFormat("en-US",{style:"currency",currency:"USD"}).format(n)}function Fe(t){if(t instanceof Date)return t.toLocaleDateString();if(typeof t=="string"){const n=new Date(t);if(!Number.isNaN(n.getTime()))return n.toLocaleDateString()}return String(t)}function Ge(t){return typeof t=="boolean"?t?"Yes":"No":t===1||t==="1"||t==="true"||t==="True"?"Yes":t===0||t==="0"||t==="false"||t==="False"?"No":String(t)}function yr(t){if(typeof t=="number")return Math.min(100,Math.max(0,t));const n=Number(t);return Number.isNaN(n)?0:Math.min(100,Math.max(0,n))}function v(t){return typeof t=="boolean"?t?qt:vt:typeof t=="string"&&t.toLowerCase()==="ocean"?Ht:null}function _r(t){const n=t.toLowerCase();return["supplier","suppliers","po","pos","product_description"].includes(n)}function Ie(t){if(t.cellType==="badge")return!0;const n=t.key.toLowerCase();return n==="tag"||n==="tags"}function br(t){return t.cellType==="status"?!0:t.key.toLowerCase()==="status"}function Cr(t){return t.cellType==="icon"?!0:t.key.toLowerCase()==="type"}function Br(t){return Array.isArray(t.cellType)&&t.cellType.length>0}function Er(t){return Array.isArray(t.cellType)?t.cellType.filter(n=>typeof n=="string"):t.cellType&&typeof t.cellType=="string"?[t.cellType]:[]}function je(t,n,r){if(t==null||t===""||t===void 0)return F(r.blankStyle);switch(n){case"number":return He(t);case"currency":return Re(t);case"date":return Fe(t);case"boolean":return Ge(t);case"text":default:return typeof t=="object"?JSON.stringify(t):String(t)}}function wr(t){return{number:"shifl-grid__composite-number",currency:"shifl-grid__composite-currency",date:"shifl-grid__composite-date",boolean:"shifl-grid__composite-boolean",text:"shifl-grid__composite-text"}[t]||"shifl-grid__composite-text"}function Sr(t,n){if(t==null||t==="")return F(n.blankStyle);if(Array.isArray(t)){if(t.length===0)return F(n.blankStyle);const r=t.join(", ");return Oe(r,45)}return typeof t=="string"?Oe(t,45):String(t)}function Oe(t,n){return t.length<=n?t:t.substring(0,n)+"..."}function he(t){const n=t.toLowerCase();return["po","pos","supplier","suppliers","tag","tags"].includes(n)}function Nr(t,n){return t==null||he(n)?!1:Array.isArray(t)?t.length===0?!1:t.join(", ").length>30:typeof t=="string"?t.length>30:!1}function Mr(t){return t==null?!1:Array.isArray(t)?t.length===0?!1:t.join(", ").length>45:typeof t=="string"?t.length>45:!1}function Tr(t){if(t==null)return 0;if(Array.isArray(t)){if(t.length===0||t.join(", ").length<=45)return 0;let r=0,i=0;for(let o=0;o<t.length;o++){const p=String(t[o]),V=(o>0?", ":"").length+p.length;if(r+V<=45)r+=V,i++;else break}return t.length-i}return typeof t=="string"&&t.length>45?1:0}function ke(t,n,r,i){let o="",p=!1;const w=j.value.find(V=>V.key===t);if(w&&Ie(w)){const V=Ze(r);V.length>0&&(p=!0,o=V.map(A=>`<span class="shifl-grid__tooltip-badge" style="border-left-color: ${Ue(A)} !important">${A.name}</span>`).join(""))}else Array.isArray(r)?r.length>0&&(o=r.join(`
|
|
4
|
-
`)):r!=null&&(o=String(r));$e.value=o,se.value=p,ae.value=i,ie.value=!0}function ye(){ie.value=!1,ae.value=null,se.value=!1}function Vr(t,n){Y.value="Copy To Clipboard",Q.value=n,q.value=!0,x()}function _e(){q.value=!1,Q.value=null}async function Pr(t){try{await navigator.clipboard.writeText(t),Y.value="Copied!",setTimeout(()=>{_e()},2e3)}catch(n){console.error("Failed to copy text: ",n);const r=document.createElement("textarea");r.value=t,document.body.appendChild(r),r.select(),document.execCommand("copy"),document.body.removeChild(r),Y.value="Copied!",setTimeout(()=>{_e()},2e3)}}function $r(t,n,r){r&&(lr.value[`${t}-${n}`]=r)}function ee(t){return t==null?[]:Array.isArray(t)?t.map(n=>typeof n=="object"&&n!==null&&"name"in n?String(n.name):String(n)).filter(n=>n.length>0):typeof t=="string"?t.split(",").map(n=>n.trim()).filter(n=>n.length>0):[String(t)]}function Ze(t){return t==null?[]:Array.isArray(t)?t.map(n=>typeof n=="object"&&n!==null&&"name"in n?{name:String(n.name),color:"color"in n?String(n.color):void 0}:{name:String(n),color:void 0}).filter(n=>n.name.length>0):typeof t=="string"?t.split(",").map(n=>n.trim()).filter(n=>n.length>0).map(n=>({name:n,color:void 0})):[{name:String(t),color:void 0}]}function We(t,n,r){const i=ee(t);if(i.length===0)return[];const o=`${n}-${r}`;if(I.value[o])return I.value[o];const p=130,w=8,V=4;let A=0;const z=[];for(const Z of i){const W=Z.length*8+w+V;if(A+W>p&&z.length>0)break;z.push(Z),A+=W}return I.value[o]=z,z}function Ke(t,n,r){const i=Ze(t);if(i.length===0)return[];const o=`${n}-${r}-objects`;if(I.value[o])return I.value[o];const p=130,w=8,V=4;let A=0;const z=[];for(const Z of i){const W=Z.name.length*8+w+V;if(A+W>p&&z.length>0)break;z.push(Z),A+=W}return I.value[o]=z,z}function Lr(t,n,r){const i=ee(t),o=We(t,n,r);return i.length>o.length}function Dr(t,n,r){const i=ee(t),o=We(t,n,r);return i.length-o.length}function zr(t){const n=t.toLowerCase(),r={"high priority":"var(--shifl-color-error-r70)",express:"var(--shifl-color-primary-b80)",fragile:"var(--shifl-color-warning-o70)","temperature controlled":"var(--shifl-color-primary-b70)","customs clearance required":"var(--shifl-color-accent-p80)","insurance required":"var(--shifl-color-primary-b90)","special handling":"var(--shifl-color-warning-o80)","urgent delivery":"var(--shifl-color-error-r80)",normal:"var(--shifl-color-neutral-n60)",low:"var(--shifl-color-neutral-n50)"};if(r[n])return r[n];for(const[i,o]of Object.entries(r))if(n.includes(i)||i.includes(n))return o;return Ar(t)}function Ue(t){return t.color&&t.color!==""?t.color:zr(t.name)}function Ar(t){let n=0;for(let i=0;i<t.length;i++)n=t.charCodeAt(i)+((n<<5)-n);const r=["var(--shifl-color-primary-b80)","var(--shifl-color-success-g70)","var(--shifl-color-warning-o70)","var(--shifl-color-error-r70)","var(--shifl-color-accent-p80)","var(--shifl-color-primary-b70)","var(--shifl-color-success-g60)","var(--shifl-color-warning-o60)"];return r[Math.abs(n)%r.length]}function be(t,n=!0){const i={...{width:t.width??"160px",minWidth:t.width??"160px"}},o=xe.value>0;if(t.freeze){const p=pr.value[t.key]??0;i.position="sticky",i.left=`${p}px`,i.background="#ffffff",i.boxShadow=o?"2px 0 6px rgba(0, 0, 0, 0.12)":"none",i.zIndex=n?40:10}return n&&(i.position="sticky",i.top="0px"),i}const xr=e.computed(()=>C.value.filter(t=>!t.smartTrackingColumn));function te(t){return!!t.actionColumn}function Ce(t){return!!t.smartTrackingColumn}function Hr(t){return t.key==="ref"}function Rr(t,n){if(!t.smartTrackingColumn)return!1;const r=t.smartTrackingColumn.dataKey,i=n[r];if(i===!0||i===1)return!0;if(typeof i=="string"){const o=i.toLowerCase().trim();return o==="true"||o==="1"||o==="yes"}return!1}function ne(t,n){if(!t.actionColumn)return null;const r=t.actionColumn.icon;return r?typeof r=="function"?r(n):r:null}function Fr(t,n,r,i){if(!r.actionColumn)return;const o=i.currentTarget;if(P.value.rowIndex===t){G();return}Pe.value=r,le.value=n,U(t,o)}function Gr(t,n){return!(t!=null&&t.actionColumn)||!n?[]:(typeof t.actionColumn.actions=="function"?t.actionColumn.actions(n):t.actionColumn.actions).filter(i=>i.show?i.show(n):!0)}function Ir(t,n,r){h("action-click",t.key,n,r),G()}function jr(t,n){n&&(J.value[t]=n)}function Je(t){if(P.value.rowIndex===null)return;const n=t.target,r=Ve.value,i=Object.values(J.value),o=r==null?void 0:r.contains(n),p=i.some(w=>w.contains(n));!o&&!p&&G()}return e.onMounted(()=>{document.addEventListener("click",Je),document.addEventListener("scroll",x),window.addEventListener("scroll",x),window.addEventListener("resize",x)}),e.onUnmounted(()=>{document.removeEventListener("click",Je),document.removeEventListener("scroll",x),window.removeEventListener("scroll",x),window.removeEventListener("resize",x)}),(t,n)=>(e.openBlock(),e.createElementBlock("div",en,[e.createElementVNode("div",tn,[e.createElementVNode("button",{type:"button",class:"shifl-grid__pill-button whitespace-nowrap",onClick:n[0]||(n[0]=r=>D.value=!0)}," Edit Column ")]),e.createElementVNode("div",{class:e.normalizeClass(["shifl-grid__viewport",{"shifl-grid__viewport--scroll":ar.value}]),onScroll:hr},[e.createElementVNode("table",nn,[e.createElementVNode("thead",null,[e.createElementVNode("tr",null,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(j.value,r=>{var i;return e.openBlock(),e.createElementBlock("th",{key:r.key,style:e.normalizeStyle(be(r,!0)),onClick:()=>kr(r.key),class:e.normalizeClass(["shifl-grid__header-cell",`shifl-grid__header-align-${r!=null&&r.align?r.align:"left"}`,{"shifl-grid__cell--sticky":r.freeze,"shifl-grid__sortable-col":r.sortable,"shifl-grid__icon":r.cellType==="icon"}])},[e.createElementVNode("div",on,[r.label?(e.openBlock(),e.createElementBlock("span",ln,e.toDisplayString(r.label),1)):e.createCommentVNode("",!0),((i=e.unref(T))==null?void 0:i.key)===r.key&&!te(r)&&!Ce(r)?(e.openBlock(),e.createElementBlock("span",an,[e.unref(T).order==="asc"?(e.openBlock(),e.createBlock(Vt,{key:0})):(e.openBlock(),e.createBlock(Dt,{key:1}))])):e.createCommentVNode("",!0)])],14,rn)}),128))])]),e.createElementVNode("tbody",null,[H.value?(e.openBlock(!0),e.createElementBlock(e.Fragment,{key:0},e.renderList(sr.value,r=>(e.openBlock(),e.createElementBlock("tr",{key:`skeleton-${r}`,class:"shifl-grid__skeleton-row"},[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(j.value,i=>(e.openBlock(),e.createElementBlock("td",{key:i.key,style:e.normalizeStyle(be(i,!1)),class:e.normalizeClass({"shifl-grid__cell--sticky":i.freeze})},[...n[6]||(n[6]=[e.createElementVNode("div",{class:"shifl-grid__skeleton-cell"},null,-1)])],6))),128))]))),128)):(e.openBlock(),e.createElementBlock(e.Fragment,{key:1},[Le.value.length?e.createCommentVNode("",!0):(e.openBlock(),e.createElementBlock("tr",sn,[e.createElementVNode("td",{colspan:j.value.length,class:"text-center text-gray-500 py-6"}," No data ",8,cn)])),(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(Le.value,(r,i)=>(e.openBlock(),e.createElementBlock("tr",{key:i},[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(j.value,o=>(e.openBlock(),e.createElementBlock("td",{key:o.key,style:e.normalizeStyle(be(o,!1)),class:e.normalizeClass([{"shifl-grid__cell--sticky":o.freeze},{"shifl-grid__cell--action":te(o)},`shifl-grid__cell-align-${o!=null&&o.align?o.align:"left"}`,{"shifl-grid__icon":o.cellType==="icon"}])},[Ce(o)?(e.openBlock(),e.createElementBlock(e.Fragment,{key:0},[Rr(o,r)?(e.openBlock(),e.createElementBlock("div",dn,[e.createVNode(St)])):e.createCommentVNode("",!0)],64)):te(o)?(e.openBlock(),e.createElementBlock("button",{key:1,type:"button",class:"shifl-grid__action-icon",ref_for:!0,ref:p=>jr(i,p),onClick:e.withModifiers(p=>Fr(i,r,o,p),["stop"])},[ne(o,r)?typeof ne(o,r)=="string"?(e.openBlock(),e.createElementBlock("span",{key:1,innerHTML:ne(o,r),class:"w-4 h-4 inline-block"},null,8,mn)):(e.openBlock(),e.createBlock(e.resolveDynamicComponent(ne(o,r)),{key:2,class:"w-4 h-4"})):(e.openBlock(),e.createElementBlock("span",un,"⋯"))],8,fn)):Br(o)?(e.openBlock(),e.createElementBlock("div",gn,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(Er(o),(p,w)=>(e.openBlock(),e.createElementBlock(e.Fragment,{key:w},[p==="icon"&&v(r[o.key])?(e.openBlock(),e.createBlock(e.resolveDynamicComponent(v(r[o.key])),{key:0,class:"shifl-grid__type-icon"})):p==="icon"?(e.openBlock(),e.createElementBlock("span",pn,e.toDisplayString(F(o.blankStyle)),1)):(e.openBlock(),e.createElementBlock("span",{key:2,class:e.normalizeClass(wr(p))},e.toDisplayString(je(r[o.key],p,o)),3))],64))),128))])):Cr(o)?(e.openBlock(),e.createElementBlock("div",hn,[v(r[o.key])?(e.openBlock(),e.createBlock(e.resolveDynamicComponent(v(r[o.key])),{key:0,class:"shifl-grid__type-icon"})):(e.openBlock(),e.createElementBlock("span",kn,e.toDisplayString(F(o.blankStyle)),1)),r.container_count!=null?(e.openBlock(),e.createElementBlock("span",yn," ("+e.toDisplayString(r.container_count)+") ",1)):e.createCommentVNode("",!0)])):Ie(o)?(e.openBlock(),e.createElementBlock(e.Fragment,{key:4},[r[o.key]==null||Ke(r[o.key],o.key,i).length===0?(e.openBlock(),e.createElementBlock("div",_n,e.toDisplayString(F(o.blankStyle)),1)):(e.openBlock(),e.createElementBlock("div",bn,[e.createElementVNode("div",Cn,[e.createElementVNode("div",{ref_for:!0,ref:"(el) => setTagsRef(col.key, rowIndex, el as HTMLElement)",class:"shifl-grid__chips-container shifl-grid__chips-container--single-line"},[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(Ke(r[o.key],o.key,i),(p,w)=>(e.openBlock(),e.createElementBlock("span",{key:w,class:"shifl-grid__chip shifl-grid__chip--tag",style:e.normalizeStyle({borderLeftColor:Ue(p)})},e.toDisplayString(p.name),5))),128))],512)]),Lr(r[o.key],o.key,i)?(e.openBlock(),e.createElementBlock("button",{key:0,type:"button",class:"shifl-grid__counter-button",onMouseenter:p=>ke(o.key,i,r[o.key],p.currentTarget),onMouseleave:ye}," +"+e.toDisplayString(Dr(r[o.key],o.key,i)),41,Bn)):e.createCommentVNode("",!0)]))],64)):br(o)?(e.openBlock(),e.createElementBlock("div",En,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(ee(r[o.key]),(p,w)=>(e.openBlock(),e.createElementBlock("span",{key:w,class:"shifl-grid__chip shifl-grid__chip--status"},e.toDisplayString(p),1))),128))])):o.truncate!==!1&&(o.truncate===!0||_r(o.key))?(e.openBlock(),e.createElementBlock("div",wn,[e.createElementVNode("span",{class:"shifl-grid__truncated-text",ref_for:!0,ref:p=>$r(o.key,i,p)},e.toDisplayString(Sr(r[o.key],o)),513),he(o.key)&&Mr(r[o.key])?(e.openBlock(),e.createElementBlock("button",{key:0,type:"button",class:"shifl-grid__counter-button",onMouseenter:p=>ke(o.key,i,r[o.key],p.currentTarget),onMouseleave:ye}," +"+e.toDisplayString(Tr(r[o.key])),41,Sn)):!he(o.key)&&Nr(r[o.key],o.key)?(e.openBlock(),e.createElementBlock("button",{key:1,type:"button",class:"shifl-grid__info-icon-button",onMouseenter:p=>ke(o.key,i,r[o.key],p.currentTarget),onMouseleave:ye},[e.createVNode(It)],40,Nn)):e.createCommentVNode("",!0)])):o.cellType==="link"?(e.openBlock(),e.createElementBlock("a",{key:7,href:String(r[o.key]||""),class:"shifl-grid__link-cell",onClick:n[1]||(n[1]=e.withModifiers(()=>{},["stop"]))},e.toDisplayString(X(r[o.key],o)),9,Mn)):o.cellType==="progress"?(e.openBlock(),e.createElementBlock("div",Tn,[e.createElementVNode("div",Vn,[e.createElementVNode("div",{class:"shifl-grid__progress-fill",style:e.normalizeStyle({width:`${yr(r[o.key])}%`})},null,4)]),e.createElementVNode("span",Pn,e.toDisplayString(X(r[o.key],o)),1)])):Hr(o)?(e.openBlock(),e.createElementBlock("div",{key:9,class:"shifl-grid__reference-cell",onMouseenter:p=>Vr(String(r[o.key]||""),p.currentTarget),onMouseleave:_e},[e.createElementVNode("span",Ln,e.toDisplayString(X(r[o.key],o)),1),r[o.key]?(e.openBlock(),e.createElementBlock("button",{key:0,class:"shifl-grid__copy-icon",onClick:e.withModifiers(()=>Pr(String(r[o.key]||"")),["stop"]),type:"button"},[e.createVNode(Wt)],8,Dn)):e.createCommentVNode("",!0)],40,$n)):(e.openBlock(),e.createElementBlock(e.Fragment,{key:10},[e.createTextVNode(e.toDisplayString(X(r[o.key],o)),1)],64))],6))),128))]))),128))],64))])])],34),$.value&&$.value.show!==!1?(e.openBlock(),e.createElementBlock("div",zn,[e.createElementVNode("div",An,[e.createElementVNode("span",xn,[n[7]||(n[7]=e.createTextVNode(" Showing ",-1)),e.createElementVNode("span",Hn,e.toDisplayString(De.value.from)+"–"+e.toDisplayString(De.value.to),1),e.createTextVNode(" of "+e.toDisplayString(ue.value),1)])]),e.createElementVNode("div",Rn,[e.createElementVNode("div",Fn,[n[9]||(n[9]=e.createElementVNode("label",{class:"shifl-grid__pagination-label"},"Row per page",-1)),e.createElementVNode("select",{value:$.value.perPage||20,disabled:H.value,onChange:mr,class:"shifl-grid__pagination-select"},[...n[8]||(n[8]=[e.createStaticVNode('<option value="20">20</option><option value="30">30</option><option value="50">50</option><option value="75">75</option><option value="100">100</option>',5)])],40,Gn)]),e.createElementVNode("div",In,[e.createElementVNode("button",{type:"button",class:"shifl-grid__pagination-button",disabled:ze.value||f.loading,onClick:fr,"aria-label":"Previous page"}," ‹ ",8,jn),e.createElementVNode("div",On,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(cr.value,r=>(e.openBlock(),e.createElementBlock(e.Fragment,{key:r},[r!==-1?(e.openBlock(),e.createElementBlock("button",{key:0,type:"button",class:e.normalizeClass(["shifl-grid__pagination-page",{"shifl-grid__pagination-page--active":r===R.value}]),disabled:H.value,onClick:i=>dr(r)},e.toDisplayString(r),11,Zn)):(e.openBlock(),e.createElementBlock("span",Wn,"…"))],64))),128))]),e.createElementVNode("button",{type:"button",class:"shifl-grid__pagination-button",disabled:Ae.value||f.loading,onClick:ur,"aria-label":"Next page"}," › ",8,Kn)])])])):e.createCommentVNode("",!0),(e.openBlock(),e.createBlock(e.Teleport,{to:"body"},[e.unref(P).rowIndex!==null&&e.unref(P).position?(e.openBlock(),e.createElementBlock("div",{key:0,ref_key:"actionMenuRef",ref:Ve,class:"shifl-grid__action-menu",style:e.normalizeStyle(`
|
|
1
|
+
(function(V,e){typeof exports=="object"&&typeof module<"u"?e(exports,require("vue")):typeof define=="function"&&define.amd?define(["exports","vue"],e):(V=typeof globalThis<"u"?globalThis:V||self,e(V.ShiflGrid={},V.Vue))})(this,function(V,e){"use strict";function tt(a){const l=(a.columns||[]).map(h=>({...h,freeze:h.freeze??!1,visible:h.visible??!0,protected:h.protected??!1})),f=a.apiConfig?"server":a.searchMode||"client";return{...a,columns:l,rows:a.rows??[],search:a.search??[],searchMode:f,filters:a.filters??[],paginationMeta:a.paginationMeta?{show:a.paginationMeta.show??!0,currentPage:a.paginationMeta.currentPage??1,perPage:a.paginationMeta.perPage??20,total:a.paginationMeta.total??0,from:a.paginationMeta.from,to:a.paginationMeta.to,...a.paginationMeta}:void 0}}function Be(a){const l=[...a],f=e.ref([...a]);function h(m){f.value=f.value.map(d=>d.key===m?{...d,visible:!d.visible}:d)}function s(m){f.value=f.value.map(d=>({...d,visible:m}))}function k(m){const d=f.value.map(b=>b.key===m?{...b,freeze:!b.freeze}:b),g=d.filter(b=>b.freeze),C=d.filter(b=>!b.freeze);f.value=[...g,...C]}function w(m,d){if(m===d||d<0||d>=f.value.length)return;const g=f.value.findIndex(u=>!u.freeze),C=g===-1?f.value.length:g;if(m<C||d<C)return;const b=[...f.value],[c]=b.splice(m,1);b.splice(d,0,c),f.value=b}function E(){f.value=[...l]}const _=e.computed(()=>f.value.filter(m=>m.visible));return{columns:f,visibleColumns:_,toggleColumnVisibility:h,setAllVisible:s,toggleFreeze:k,moveColumn:w,resetColumns:E}}function Ee(a){const l=e.ref(a);function f(s){var k;l.value=((k=l.value)==null?void 0:k.key)===s&&l.value.order==="asc"?{key:s,order:"desc"}:{key:s,order:"asc"}}function h(s){if(!l.value)return s;const{key:k,order:w}=l.value;return[...s].sort((E,_)=>{const m=E[k],d=_[k];if(m===d)return 0;if(m==null)return 1;if(d==null)return-1;const g=String(m).localeCompare(String(d),void 0,{numeric:!0});return w==="asc"?g:-g})}return{sort:l,setSort:f,applySort:h}}function we(){function a(l,f,h){const s=(h||"").trim().toLowerCase();return s?l.filter(k=>(f&&f.length?f.map(E=>k[E]):Object.values(k)).some(E=>String(E??"").toLowerCase().includes(s))):l}return{applyGlobalFilter:a}}function nt(){const a=e.ref({rowIndex:null,position:null});function l(k,w,E=200){const _=w.getBoundingClientRect();let m=_.left;m+E>window.innerWidth-8&&(m=window.innerWidth-E+8),a.value={rowIndex:k,position:{top:_.bottom,left:m}}}function f(){a.value={rowIndex:null,position:null}}function h(k){return a.value.rowIndex===k}function s(k){k.key==="Escape"&&a.value.rowIndex!==null&&f()}return e.onMounted(()=>{document.addEventListener("keydown",s)}),e.onUnmounted(()=>{document.removeEventListener("keydown",s)}),{menuState:a,openMenu:l,closeMenu:f,isMenuOpen:h}}function rt(a,l){const f=e.ref(!1),h=e.ref(null),s=e.ref([]),k=e.ref(void 0);let w=null;function E(c){const u=new URLSearchParams;if(c.search&&u.append("search",c.search),c.page!==void 0&&u.append("page",String(c.page)),c.perPage!==void 0&&u.append("per_page",String(c.perPage)),c.sort&&(u.append("sort",c.sort.key),u.append("order",c.sort.order)),c.filters&&c.filters.length>0&&c.filters.forEach(y=>{if(y.value!==void 0&&y.value!==null&&y.value!==""){const N=`filters[${y.key}]`;Array.isArray(y.value)?y.value.forEach(S=>u.append(`${N}[]`,String(S))):u.append(N,String(y.value))}}),c.tabName&&u.append("tabName",c.tabName),l!=null&&l.additionalParams){const y=typeof l.additionalParams=="function"?l.additionalParams(c):l.additionalParams;Object.entries(y).forEach(([N,S])=>{N==="tabName"&&c.tabName||S!=null&&S!==""&&(Array.isArray(S)?S.forEach(M=>u.append(`${N}[]`,String(M))):u.append(N,String(S)))})}return u}function _(c){var u,y,N;return l!=null&&l.bodyBuilder?l.bodyBuilder(c):{search:c.search,page:c.page,per_page:c.perPage,sort:(u=c.sort)==null?void 0:u.key,order:(y=c.sort)==null?void 0:y.order,tabName:c.tabName,filters:(N=c.filters)==null?void 0:N.reduce((S,M)=>(M.value!==void 0&&M.value!==null&&M.value!==""&&(S[M.key]=M.value),S),{}),...typeof(l==null?void 0:l.additionalParams)=="function"?l.additionalParams(c):Object.fromEntries(Object.entries((l==null?void 0:l.additionalParams)||{}).filter(([S])=>S!=="tabName"||!c.tabName))||{}}}function m(){const c={"Content-Type":"application/json",...(l==null?void 0:l.headers)||{}};if(l!=null&&l.getAuthToken){const u=l.getAuthToken();u&&(c.Authorization=`Bearer ${u}`)}return c}function d(c){if(l!=null&&l.responseTransformer)return l.responseTransformer(c);const u=c;return{data:u.data||u.rows||[],meta:u.meta}}async function g(c){if(!a){h.value=new Error("API URL is required");return}f.value=!0,h.value=null;try{const u=(l==null?void 0:l.method)||"GET",y=m();let N=a,S;if(u==="GET"){const O=l!=null&&l.paramsBuilder?l.paramsBuilder(c):E(c);if(O instanceof URLSearchParams){const P=O.toString();N=P?`${a}?${P}`:a}else{const P=new URLSearchParams;Object.entries(O).forEach(([F,A])=>{A!=null&&A!==""&&(Array.isArray(A)?A.forEach(q=>P.append(`${F}[]`,String(q))):P.append(F,String(A)))});const J=P.toString();N=J?`${a}?${J}`:a}}else S=_(c);const M=await fetch(N,{method:u,headers:y,body:S?JSON.stringify(S):void 0});if(!M.ok)throw new Error(`API request failed: ${M.status} ${M.statusText}`);const le=await M.json(),U=d(le);s.value=U.data,k.value=U.meta}catch(u){h.value=u instanceof Error?u:new Error("Unknown error occurred"),s.value=[],k.value=void 0}finally{f.value=!1}}function C(c,u=!1){w&&(clearTimeout(w),w=null);const y=(l==null?void 0:l.debounceMs)??300;u||!c.search?g(c):w=setTimeout(()=>{g(c)},y)}function b(c){C(c,!0)}return{loading:e.computed(()=>f.value),error:e.computed(()=>h.value),data:e.computed(()=>s.value),paginationMeta:e.computed(()=>k.value),fetchData:g,fetchDataDebounced:C,refresh:b}}function Se(a,l){var _,m;const f=(l==null?void 0:l.search)||e.ref(void 0),h=(l==null?void 0:l.filters)||e.ref(a.filters),s=(l==null?void 0:l.sort)||e.ref(a.sort),k=(l==null?void 0:l.pagination)||e.ref({page:((_=a.paginationMeta)==null?void 0:_.currentPage)||1,perPage:((m=a.paginationMeta)==null?void 0:m.perPage)||20}),w=(l==null?void 0:l.extraState)||e.ref(void 0),E=(l==null?void 0:l.tabName)||e.ref(void 0);if(a.apiConfig&&a.searchMode==="server"){let d=function(){var u,y;return{search:f.value,filters:h.value,sort:s.value,page:(u=k.value)==null?void 0:u.page,perPage:(y=k.value)==null?void 0:y.perPage,extraState:w.value,tabName:E.value}},g=function(u){var y,N,S,M;return c?u.search!==c.search||u.page!==c.page||u.perPage!==c.perPage||u.tabName!==c.tabName||((y=u.sort)==null?void 0:y.key)!==((N=c.sort)==null?void 0:N.key)||((S=u.sort)==null?void 0:S.order)!==((M=c.sort)==null?void 0:M.order)||JSON.stringify(u.filters)!==JSON.stringify(c.filters)||JSON.stringify(u.extraState)!==JSON.stringify(c.extraState):!0};const C=rt(a.apiConfig.apiUrl,a.apiConfig);let b=!1,c=null;return e.watch([f,h,s,k,w,E],()=>{if(b)return;const u=d();if(!g(u))return;c=u;const y=f.value!==void 0;C.fetchDataDebounced(u,!y)},{immediate:!0,deep:!0}),e.watch(C.paginationMeta,u=>{if(u&&k.value){const y=u.perPage||k.value.perPage;y!==k.value.perPage&&(b=!0,k.value.perPage=y,e.nextTick(()=>{b=!1}))}}),{rows:C.data,loading:C.loading,error:C.error,paginationMeta:C.paginationMeta,refresh:()=>{var y,N;const u={search:f.value,filters:h.value,sort:s.value,page:(y=k.value)==null?void 0:y.page,perPage:(N=k.value)==null?void 0:N.perPage,extraState:w.value,tabName:E.value};C.refresh(u)}}}return{rows:e.computed(()=>a.rows),loading:e.computed(()=>!1),error:e.computed(()=>null),paginationMeta:e.computed(()=>a.paginationMeta),refresh:()=>{}}}const ot={class:"shifl-column-manager__header"},lt={class:"shifl-column-manager__title-wrapper"},it={class:"shifl-column-manager__title"},at={key:0},st={key:1},ct={class:"shifl-column-manager__controls"},dt={class:"shifl-column-manager__controls-left"},ft={class:"shifl-column-manager__content"},ut={class:"shifl-column-manager__list"},mt=["draggable","onDragstart","onDragover","onDrop"],gt=["aria-label","disabled"],pt=["checked","disabled","onChange"],ht={class:"shifl-column-manager__label-text"},kt={class:"shifl-column-manager__footer"},yt=e.defineComponent({__name:"GridColumnManager",props:{titlePrefix:{},columns:{}},emits:["close","toggle","move","toggleFreeze","selectAll","deselectAll","restoreDefault"],setup(a,{emit:l}){const f=a,h=e.computed(()=>f.columns),s=l,k=e.ref(null);function w(m){var d,g;(d=f.columns[m])!=null&&d.freeze||(g=f.columns[m])!=null&&g.protected||(k.value=m)}function E(m){}function _(m){k.value===null||k.value===m||(s("move",k.value,m),k.value=null)}return(m,d)=>(e.openBlock(),e.createElementBlock("div",{class:"shifl-column-manager__backdrop",onClick:d[7]||(d[7]=e.withModifiers(g=>m.$emit("close"),["self"]))},[e.createElementVNode("div",{class:"shifl-column-manager__dialog",role:"dialog","aria-modal":"true",onClick:d[6]||(d[6]=e.withModifiers(()=>{},["stop"]))},[e.createElementVNode("header",ot,[e.createElementVNode("div",lt,[e.createElementVNode("h2",it,[a.titlePrefix?(e.openBlock(),e.createElementBlock("span",at,e.toDisplayString(a.titlePrefix),1)):e.createCommentVNode("",!0),a.titlePrefix?(e.openBlock(),e.createElementBlock("span",st,">")):e.createCommentVNode("",!0),d[8]||(d[8]=e.createTextVNode("Edit Columns ",-1))])]),e.createElementVNode("button",{type:"button",class:"shifl-column-manager__close",onClick:d[0]||(d[0]=g=>m.$emit("close"))},[...d[9]||(d[9]=[e.createElementVNode("span",null,"✕",-1)])])]),e.createElementVNode("div",ct,[e.createElementVNode("div",dt,[e.createElementVNode("button",{type:"button",class:"shifl-column-manager__link-button",onClick:d[1]||(d[1]=g=>m.$emit("selectAll"))}," Select All "),e.createElementVNode("button",{type:"button",class:"shifl-column-manager__link-button",onClick:d[2]||(d[2]=g=>m.$emit("deselectAll"))}," Deselect All ")]),e.createElementVNode("button",{type:"button",class:"shifl-column-manager__link-button shifl-column-manager__link-button--primary",onClick:d[3]||(d[3]=g=>m.$emit("restoreDefault"))}," Restore Default ")]),e.createElementVNode("div",ft,[e.createElementVNode("ul",ut,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(h.value,(g,C)=>(e.openBlock(),e.createElementBlock("li",{key:g.key,class:e.normalizeClass(["shifl-column-manager__item",{"shifl-column-manager__item--disabled":g.freeze||g.protected}]),draggable:!g.freeze&&!g.protected,onDragstart:b=>w(C),onDragover:e.withModifiers(b=>void 0,["prevent"]),onDrop:e.withModifiers(b=>_(C),["prevent"])},[e.createElementVNode("button",{type:"button",class:e.normalizeClass(["shifl-column-manager__drag-handle",{"shifl-column-manager__drag-handle--disabled":g.freeze||g.protected}]),"aria-label":`Move ${g.label}`,disabled:g.freeze||g.protected},[...d[10]||(d[10]=[e.createElementVNode("span",null,"⋮⋮",-1)])],10,gt),e.createElementVNode("label",{class:e.normalizeClass(["shifl-column-manager__checkbox-label",{"shifl-column-manager__checkbox-label--disabled":g.freeze||g.protected}])},[e.createElementVNode("input",{type:"checkbox",class:"shifl-column-manager__checkbox",checked:g.visible,disabled:g.freeze||g.protected,onChange:b=>m.$emit("toggle",g.key)},null,40,pt),d[11]||(d[11]=e.createElementVNode("span",{class:"shifl-column-manager__checkbox-custom"},null,-1)),e.createElementVNode("span",ht,e.toDisplayString(g.label),1)],2)],42,mt))),128))])]),e.createElementVNode("footer",kt,[e.createElementVNode("button",{type:"button",class:"shifl-column-manager__button shifl-column-manager__button--primary",onClick:d[4]||(d[4]=g=>m.$emit("close"))}," Update "),e.createElementVNode("button",{type:"button",class:"shifl-column-manager__button shifl-column-manager__button--secondary",onClick:d[5]||(d[5]=g=>m.$emit("close"))}," Cancel ")])])]))}}),L=(a,l)=>{const f=a.__vccOpts||a;for(const[h,s]of l)f[h]=s;return f},_t=L(yt,[["__scopeId","data-v-40ca0ed0"]]),bt={class:"shifl-grid__tooltip-content"},Ct=["innerHTML"],Bt=L(e.defineComponent({__name:"GridTooltip",props:{content:{},visible:{type:Boolean},triggerElement:{},isHtml:{type:Boolean}},setup(a){const l=a,f=e.ref(null),h=e.ref({}),s=e.computed(()=>l.content.includes(`
|
|
2
|
+
`)),k=e.computed(()=>s.value?l.content.split(`
|
|
3
|
+
`).filter(m=>m.trim().length>0):[]),w=e.ref("top"),E=e.ref({});function _(){if(!l.triggerElement||!f.value)return;const m=l.triggerElement.getBoundingClientRect(),d=f.value.getBoundingClientRect(),g=window.innerWidth,C=window.innerHeight;let b=m.bottom+8,c=m.left+window.scrollX;c+d.width>g-16&&(c=g-d.width-16),c<16&&(c=16),b+d.height>C-16?(b=m.top-d.height-8,w.value="bottom"):w.value="top",h.value={position:"fixed",top:`${b}px`,left:`${c}px`,zIndex:"10000"};const u=m.left+m.width/2-c;E.value={left:`${u}px`}}return e.watch(()=>l.visible,async m=>{m&&(await e.nextTick(),_())}),e.onMounted(()=>{l.visible&&e.nextTick(()=>_())}),e.onUnmounted(()=>{}),(m,d)=>(e.openBlock(),e.createBlock(e.Teleport,{to:"body"},[a.visible?(e.openBlock(),e.createElementBlock("div",{key:0,ref_key:"tooltipRef",ref:f,class:"shifl-grid__tooltip",style:e.normalizeStyle(h.value)},[e.createElementVNode("div",{class:e.normalizeClass(["shifl-grid__tooltip-arrow",w.value]),style:e.normalizeStyle(E.value)},null,6),e.createElementVNode("div",bt,[a.isHtml?(e.openBlock(),e.createElementBlock("div",{key:0,innerHTML:a.content},null,8,Ct)):s.value?(e.openBlock(!0),e.createElementBlock(e.Fragment,{key:1},e.renderList(k.value,(g,C)=>(e.openBlock(),e.createElementBlock("div",{key:C,class:"shifl-grid__tooltip-line"},e.toDisplayString(g),1))),128)):(e.openBlock(),e.createElementBlock(e.Fragment,{key:2},[e.createTextVNode(e.toDisplayString(a.content),1)],64))])],4)):e.createCommentVNode("",!0)]))}}),[["__scopeId","data-v-239005f1"]]),Et={},wt={width:"14",height:"15",viewBox:"0 0 14 15",fill:"none",xmlns:"http://www.w3.org/2000/svg",class:"shifl-smart-tracking-icon"};function St(a,l){return e.openBlock(),e.createElementBlock("svg",wt,[...l[0]||(l[0]=[e.createElementVNode("path",{d:"M1.03223 9.27441C1.22778 9.27445 1.40954 9.32951 1.57812 9.43066L3.86523 10.8594C4.1957 11.0618 4.3916 11.4202 4.3916 11.8047C4.39151 12.189 4.19562 12.5467 3.86523 12.749L1.57812 14.1797C1.41642 14.2806 1.22754 14.334 1.03223 14.334V14.3408C0.465713 14.3408 0.000165713 13.8751 0 13.3086V10.3066C0.000236867 9.74022 0.465756 9.27443 1.03223 9.27441ZM1.01172 13.3018L3.3252 11.8916C3.32796 11.8884 3.3728 11.8374 3.37305 11.8047C3.37305 11.771 3.35218 11.737 3.3252 11.7168L1.03906 10.2871L1.01172 13.3018ZM6.07129 3.37305C6.35041 3.37318 6.5771 3.59977 6.57715 3.87891C6.57715 4.15809 6.35044 4.38463 6.07129 4.38477H5.05957C4.03708 4.38477 3.20433 5.06537 3.2041 5.90234C3.2041 6.73947 4.03694 7.4209 5.05957 7.4209H7.08301C8.66344 7.42096 9.95019 8.55525 9.9502 9.9502C9.95009 11.3451 8.66338 12.4794 7.08301 12.4795H6.07129C5.79202 12.4795 5.56543 12.2529 5.56543 11.9736C5.56548 11.6944 5.79205 11.4678 6.07129 11.4678H7.08301C8.10552 11.4677 8.93739 10.7872 8.9375 9.9502C8.93749 9.11311 8.10558 8.43267 7.08301 8.43262H5.05957C3.47908 8.43262 2.19238 7.29733 2.19238 5.90234C2.19259 4.50751 3.4792 3.37305 5.05957 3.37305H6.07129ZM10.7939 0C12.0694 0.000131868 13.2591 0.779675 13.7549 1.94043C14.6093 3.9666 13.0453 5.42741 11.9033 6.49316L11.8818 6.51367C11.7964 6.59308 11.711 6.67193 11.6289 6.75C11.4057 6.96444 11.1095 7.08195 10.7939 7.08203C10.4783 7.08203 10.1803 6.9642 9.95703 6.74902C9.86266 6.65937 9.76511 6.56666 9.66602 6.47363L9.66016 6.46875C8.53029 5.40836 6.98418 3.95585 7.83203 1.94238C8.32854 0.77953 9.51841 6.29203e-06 10.7939 0ZM10.7939 1.01172C9.91775 1.01173 9.10234 1.54537 8.76367 2.33789C8.22961 3.60525 9.04604 4.50453 10.3525 5.73145L10.4229 5.79688C10.5024 5.87104 10.5804 5.94604 10.6572 6.01953C10.7267 6.08617 10.861 6.08446 10.9277 6.02051L10.9307 6.01758C11.0223 5.93066 11.1172 5.84284 11.2129 5.75391C12.5356 4.51951 13.3612 3.61352 12.8223 2.33594C12.4849 1.54493 11.6691 1.0127 10.793 1.0127L10.7939 1.01172ZM10.7998 2.53027C11.1719 2.53041 11.4734 2.83199 11.4736 3.2041C11.4736 3.57637 11.172 3.87877 10.7998 3.87891C10.4275 3.87882 10.1221 3.57641 10.1221 3.2041C10.1223 2.8319 10.4207 2.53027 10.793 2.53027H10.7998Z",fill:"#05963F"},null,-1)])])}const Nt=L(Et,[["render",St]]),Mt={name:"SortAscendingIcon",props:{color:{type:String,default:"#1A6D9E"}}},Tt={width:"14",height:"10",viewBox:"0 0 14 10",fill:"none",xmlns:"http://www.w3.org/2000/svg"},Vt=["fill"];function Pt(a,l,f,h,s,k){return e.openBlock(),e.createElementBlock("svg",Tt,[e.createElementVNode("path",{"fill-rule":"evenodd","clip-rule":"evenodd",fill:f.color,d:"M0 0.666667C0 0.298477 0.314186 2.98023e-08 0.701754 2.98023e-08H4.2807C4.66827 2.98023e-08 4.98246 0.298477 4.98246 0.666667C4.98246 1.03486 4.66827 1.33333 4.2807 1.33333H0.701754C0.314186 1.33333 0 1.03486 0 0.666667ZM10.0301 0.195262C10.3042 -0.0650874 10.7485 -0.0650874 11.0225 0.195262L13.1278 2.19526C13.4018 2.45561 13.4018 2.87772 13.1278 3.13807C12.8537 3.39842 12.4094 3.39842 12.1354 3.13807L11.2281 2.27614V8.66667C11.2281 9.03486 10.9139 9.33333 10.5263 9.33333C10.1387 9.33333 9.82456 9.03486 9.82456 8.66667V2.27614L8.91727 3.13807C8.64322 3.39842 8.19889 3.39842 7.92484 3.13807C7.65079 2.87772 7.65079 2.45561 7.92484 2.19526L10.0301 0.195262ZM0 4.66667C0 4.29848 0.314186 4 0.701754 4H5.61404C6.0016 4 6.31579 4.29848 6.31579 4.66667C6.31579 5.03486 6.0016 5.33333 5.61404 5.33333H0.701754C0.314186 5.33333 0 5.03486 0 4.66667ZM0 8.66667C0 8.29848 0.314186 8 0.701754 8H7.01754C7.40511 8 7.7193 8.29848 7.7193 8.66667C7.7193 9.03486 7.40511 9.33333 7.01754 9.33333H0.701754C0.314186 9.33333 0 9.03486 0 8.66667Z"},null,8,Vt)])}const Ne=L(Mt,[["render",Pt]]),$t={},Lt={width:"14",height:"10",viewBox:"0 0 14 10",fill:"none",xmlns:"http://www.w3.org/2000/svg"};function At(a,l){return e.openBlock(),e.createElementBlock("svg",Lt,[...l[0]||(l[0]=[e.createElementVNode("path",{d:"M4.28125 8C4.66872 8.00011 4.98242 8.29887 4.98242 8.66699C4.98242 9.03511 4.66872 9.33387 4.28125 9.33398H0.702148C0.314581 9.33398 8.1338e-07 9.03518 0 8.66699C0 8.2988 0.31458 8 0.702148 8H4.28125ZM10.5264 0C10.9139 0 11.2285 0.298802 11.2285 0.666992V7.05762L12.1357 6.19531C12.4097 5.93519 12.8539 5.93524 13.1279 6.19531C13.402 6.45566 13.402 6.87832 13.1279 7.13867L11.0225 9.13867C10.7484 9.39867 10.3042 9.39886 10.0303 9.13867L7.9248 7.13867C7.65082 6.87834 7.65082 6.45565 7.9248 6.19531C8.19886 5.93496 8.64392 5.93496 8.91797 6.19531L9.8252 7.05762V0.666992C9.8252 0.298891 10.1389 0.000143144 10.5264 0ZM5.61426 4C6.00183 4 6.31641 4.2988 6.31641 4.66699C6.31641 5.03518 6.00183 5.33398 5.61426 5.33398H0.702148C0.314581 5.33398 6.77817e-07 5.03518 0 4.66699C0 4.2988 0.31458 4 0.702148 4H5.61426ZM7.01758 0C7.40515 0 7.71973 0.298802 7.71973 0.666992C7.71973 1.03518 7.40515 1.33398 7.01758 1.33398H0.702148C0.31458 1.33398 5.42254e-07 1.03518 0 0.666992C0 0.298802 0.31458 0 0.702148 0H7.01758Z",fill:"#1A6D9E"},null,-1)])])}const Dt=L($t,[["render",At]]),zt={},xt={width:"21",height:"13",viewBox:"0 0 21 13",fill:"none",xmlns:"http://www.w3.org/2000/svg"};function Ht(a,l){return e.openBlock(),e.createElementBlock("svg",xt,[...l[0]||(l[0]=[e.createElementVNode("path",{d:"M19.6426 4.61523C19.9311 4.61524 20.1317 4.90139 20.0342 5.17285L17.499 12.2246C17.4395 12.3899 17.2821 12.5 17.1064 12.5H1.5459C1.35628 12.5 1.19044 12.3719 1.14258 12.1885L0.0136719 7.83887C-0.0548101 7.575 0.14438 7.31738 0.416992 7.31738H12.6016L14.71 4.61523H19.6426ZM3.51465 8.82324C3.11322 8.82324 2.78728 9.15265 2.78711 9.55859C2.78711 9.96468 3.11312 10.2939 3.51465 10.2939C3.9161 10.2938 4.24121 9.96462 4.24121 9.55859C4.24104 9.15271 3.91599 8.82334 3.51465 8.82324ZM7.87695 8.82324C7.47553 8.82324 7.14958 9.15265 7.14941 9.55859C7.14941 9.96468 7.47542 10.2939 7.87695 10.2939C8.27846 10.2939 8.60352 9.96466 8.60352 9.55859C8.60335 9.15267 8.27835 8.82327 7.87695 8.82324ZM12.2393 8.82324C11.8378 8.82324 11.5119 9.15265 11.5117 9.55859C11.5117 9.96468 11.8377 10.2939 12.2393 10.2939C12.6407 10.2938 12.9658 9.96458 12.9658 9.55859C12.9657 9.15275 12.6405 8.82341 12.2393 8.82324ZM10.3291 3.67676C10.5591 3.67679 10.7459 3.86283 10.7461 4.09277V5.46582C10.746 5.69585 10.5591 5.88278 10.3291 5.88281H1.75C1.51993 5.88281 1.33309 5.69587 1.33301 5.46582V4.09277C1.3332 3.86282 1.52 3.67676 1.75 3.67676H10.3291ZM8.91406 0C9.14418 0 9.33105 0.186874 9.33105 0.416992V1.78906C9.33105 2.01918 9.14418 2.20605 8.91406 2.20605H3.2041C2.97398 2.20605 2.78711 2.01918 2.78711 1.78906V0.416992C2.78711 0.186874 2.97398 1.52829e-06 3.2041 0H8.91406Z",fill:"#9CA5B4"},null,-1)])])}const Rt=L(zt,[["render",Ht]]),Gt={},Ft={width:"16",height:"16",viewBox:"0 0 16 16",fill:"none",xmlns:"http://www.w3.org/2000/svg"};function It(a,l){return e.openBlock(),e.createElementBlock("svg",Ft,[...l[0]||(l[0]=[e.createElementVNode("path",{d:"M7.99976 0.799561C11.9761 0.799561 15.1998 4.0234 15.2 7.99976C15.2 11.9762 11.9762 15.2 7.99976 15.2C4.0234 15.1998 0.799561 11.9761 0.799561 7.99976C0.799666 4.02346 4.02346 0.799666 7.99976 0.799561ZM7.99976 1.87964C4.61984 1.87974 1.87974 4.61984 1.87964 7.99976C1.87964 11.3798 4.61977 14.1198 7.99976 14.1199C11.3798 14.1199 14.1199 11.3798 14.1199 7.99976C14.1198 4.61977 11.3798 1.87964 7.99976 1.87964ZM7.9978 6.91968C8.27087 6.91973 8.49698 7.12223 8.53296 7.3855L8.53784 7.45874L8.53979 11.4197C8.5399 11.7178 8.29882 11.9595 8.00073 11.9597C7.72754 11.9599 7.50169 11.7572 7.46558 11.4939L7.46069 11.4207L7.45776 7.45972C7.45757 7.16153 7.69962 6.91987 7.9978 6.91968ZM8.00073 4.40112C8.39742 4.40137 8.71923 4.72319 8.71948 5.11987C8.71948 5.51677 8.39757 5.83935 8.00073 5.8396C7.60368 5.8396 7.28101 5.51692 7.28101 5.11987C7.28126 4.72304 7.60384 4.40112 8.00073 4.40112Z",fill:"#69758C"},null,-1)])])}const jt=L(Gt,[["render",It]]),Ot={},Zt={width:"16",height:"16",viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg"};function Wt(a,l){return e.openBlock(),e.createElementBlock("svg",Zt,[...l[0]||(l[0]=[e.createElementVNode("path",{d:"M6.00044 6.12787L6 15.75C6 17.7382 7.5473 19.3651 9.50344 19.492L9.75 19.5L16.3716 19.5011C16.0624 20.3744 15.2293 21 14.25 21H9C6.51472 21 4.5 18.9853 4.5 16.5V8.25C4.5 7.27017 5.12631 6.43663 6.00044 6.12787ZM17.25 3C18.4926 3 19.5 4.00736 19.5 5.25V15.75C19.5 16.9926 18.4926 18 17.25 18H9.75C8.50736 18 7.5 16.9926 7.5 15.75V5.25C7.5 4.00736 8.50736 3 9.75 3H17.25ZM17.25 4.5H9.75C9.33579 4.5 9 4.83579 9 5.25V15.75C9 16.1642 9.33579 16.5 9.75 16.5H17.25C17.6642 16.5 18 16.1642 18 15.75V5.25C18 4.83579 17.6642 4.5 17.25 4.5Z",fill:"#1A6D9E"},null,-1)])])}const Kt=L(Ot,[["render",Wt]]),Ut={},Jt={xmlns:"http://www.w3.org/2000/svg",fill:"none",viewBox:"0 0 24 24",stroke:"#22c55e",width:"24",height:"24",class:"inline-block text-green-500",role:"presentation"};function qt(a,l){return e.openBlock(),e.createElementBlock("svg",Jt,[...l[0]||(l[0]=[e.createElementVNode("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,-1)])])}const Yt=L(Ut,[["render",qt]]),Xt={},Qt={xmlns:"http://www.w3.org/2000/svg",fill:"none",viewBox:"0 0 24 24",stroke:"#ef4444",width:"24",height:"24",class:"inline-block text-red-500",role:"presentation"};function vt(a,l){return e.openBlock(),e.createElementBlock("svg",Qt,[...l[0]||(l[0]=[e.createElementVNode("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,-1)])])}const en=L(Xt,[["render",vt]]),tn={class:"shifl-grid relative"},nn={class:"shifl-grid__controls"},rn={class:"shifl-grid__table"},on=["onClick"],ln={class:"shifl-grid__header-content"},an={key:0,class:"shifl-grid__header-label"},sn={key:1,class:"shifl-grid__sort-icon shifl-grid__sort-icon--active"},cn={key:2,class:"shifl-grid__sort-icon shifl-grid__sort-icon--hover"},dn={key:0},fn=["colspan"],un=["onClick"],mn={key:0,class:"shifl-grid__smart-tracking-icon"},gn={key:1,class:"shifl-grid__action-icon-wrapper"},pn=["onClick"],hn={key:0},kn=["innerHTML"],yn={key:2,class:"shifl-grid__composite-cell"},_n={key:1,class:"shifl-grid__cell-blank"},bn={key:3,class:"shifl-grid__type-cell"},Cn={key:1,class:"shifl-grid__cell-blank"},Bn={key:2,class:"shifl-grid__container-badge"},En={key:0,class:"shifl-grid__cell-blank"},wn={key:1,class:"shifl-grid__tags-cell"},Sn={class:"shifl-grid__tags-wrapper"},Nn=["onMouseenter"],Mn={key:5,class:"shifl-grid__chips-container"},Tn={key:6,class:"shifl-grid__truncated-cell"},Vn=["onMouseenter"],Pn=["onMouseenter"],$n=["href"],Ln={key:8,class:"shifl-grid__progress-cell"},An={class:"shifl-grid__progress-bar"},Dn={class:"shifl-grid__progress-text"},zn=["onMouseenter"],xn={class:"shifl-grid__reference-value"},Hn=["onClick"],Rn={key:0,class:"shifl-grid__pagination"},Gn={class:"shifl-grid__pagination-left"},Fn={class:"shifl-grid__pagination-range"},In={class:"shifl-grid__pagination-range-numbers"},jn={class:"shifl-grid__pagination-right"},On={class:"shifl-grid__pagination-rows"},Zn=["value","disabled"],Wn={class:"shifl-grid__pagination-nav"},Kn=["disabled"],Un={class:"shifl-grid__pagination-pages"},Jn=["disabled","onClick"],qn={key:1,class:"shifl-grid__pagination-ellipsis"},Yn=["disabled"],Xn=["onClick"],Qn=["innerHTML"],vn={class:"shifl-grid__copy-tooltip-content"},Me=e.defineComponent({__name:"ShiflGrid",props:{config:{},search:{},loading:{type:Boolean}},emits:["action-click","search-change","pagination-change","row-click"],setup(a,{emit:l}){var Ye,Xe,Qe,ve,et;const f=a,h=l,s=e.computed(()=>tt(f.config)),k=e.ref(f.search),w=e.ref(s.value.filters),E=e.ref(s.value.sort),_=e.ref({page:((Ye=s.value.paginationMeta)==null?void 0:Ye.currentPage)||1,perPage:((Xe=s.value.paginationMeta)==null?void 0:Xe.perPage)||20}),m=e.ref(typeof((Qe=s.value.apiConfig)==null?void 0:Qe.additionalParams)=="function"||(et=(ve=s.value.apiConfig)==null?void 0:ve.additionalParams)==null?void 0:et.tabName),d=Se(s.value,{search:k,filters:w,sort:E,pagination:_,tabName:m}),g=e.computed(()=>s.value.columns.filter(t=>!t.smartTrackingColumn)),{columns:C,visibleColumns:b,toggleColumnVisibility:c,setAllVisible:u,toggleFreeze:y,moveColumn:N,resetColumns:S}=Be(g.value),{sort:M,setSort:le,applySort:U}=Ee(s.value.sort),{applyGlobalFilter:O}=we(),{menuState:P,openMenu:J,closeMenu:F}=nt(),A=e.ref(!1),q=e.ref({}),Pe=e.ref(null),$e=e.ref(null),ie=e.ref(null),ae=e.ref(!1),Le=e.ref(""),se=e.ref(null),ce=e.ref(!1),cr=e.ref({});e.ref({});const I=e.ref({}),Y=e.ref(!1),X=e.ref("Copy To Clipboard"),Q=e.ref(null),de=e.ref({top:0,left:0});function x(){if(!Q.value||!Y.value)return;const t=Q.value.getBoundingClientRect(),r=120,n=32,i=window.innerWidth,o=window.innerHeight,p=4;let B=t.right+p,T=t.top+t.height/2-n/2;B+r>i&&(B=t.left-r-p),B<0&&(B=10),T+n>o&&(T=o-n-10),T<0&&(T=10),de.value={top:T,left:B}}e.watch(()=>s.value.paginationMeta,t=>{s.value.searchMode!=="server"&&t&&_.value&&(_.value.page=t.currentPage||_.value.page,_.value.perPage=t.perPage||_.value.perPage)},{deep:!0}),e.watch(()=>s.value.columns,t=>{const r=t.filter(n=>!n.smartTrackingColumn);C.value=[...r]},{deep:!0}),e.watch(()=>s.value.sort,t=>{t&&(M.value=t,E.value=t)},{deep:!0}),e.watch(()=>{var t;return(t=s.value.apiConfig)==null?void 0:t.additionalParams},t=>{if(t&&typeof t!="function"){const r=t;r.tabName!==void 0&&m.value!==r.tabName&&(dr(),m.value=r.tabName)}},{deep:!0});function dr(){var r;const t=((r=s.value.paginationMeta)==null?void 0:r.perPage)||20;_.value={page:1,perPage:t},k.value=void 0,E.value=s.value.sort,w.value=s.value.filters,h("search-change",""),h("pagination-change",1,t)}e.watch(()=>f.search,(t,r)=>{var n;if(k.value=t,s.value.searchMode==="server")h("search-change",t||"");else if(s.value.searchMode==="client"&&t!==r){const i=((n=$.value)==null?void 0:n.perPage)||20;_.value={page:1,perPage:i},h("pagination-change",1,i)}},{immediate:!0}),e.watch(()=>M.value,t=>{E.value=t});const fe=e.computed(()=>d.rows.value||[]),ue=e.computed(()=>{if((s.value.searchMode||"client")==="server")return fe.value;const r=f.search||"";return O(fe.value,s.value.search,r)}),me=e.computed(()=>{var r;return(s.value.searchMode||"client")==="client"?ue.value.length:((r=d.paginationMeta.value)==null?void 0:r.total)||0}),ge=e.computed(()=>(s.value.searchMode||"client")==="server"?ue.value:U(ue.value)),Ae=e.computed(()=>{if((s.value.searchMode||"client")==="server")return ge.value;const r=$.value;if(!r||!r.show)return ge.value;const n=r.perPage||20,o=((r.currentPage||1)-1)*n,p=o+n;return ge.value.slice(o,p)}),$=e.computed(()=>{var t;return s.value.searchMode==="server"&&d.paginationMeta.value?{show:!0,...d.paginationMeta.value,currentPage:((t=_.value)==null?void 0:t.page)||d.paginationMeta.value.currentPage||1}:s.value.paginationMeta}),H=e.computed(()=>f.loading!==void 0?f.loading:d.loading.value),fr=e.computed(()=>{var t;return((t=$.value)==null?void 0:t.perPage)===100}),ur=e.computed(()=>{var t;return((t=$.value)==null?void 0:t.perPage)||10}),De=e.computed(()=>{const t=$.value;if(!t||t.show===!1)return{from:0,to:0};const r=me.value,n=t.perPage||20,i=t.currentPage||1;if((s.value.searchMode||"client")==="server"&&t.from!==void 0&&t.to!==void 0)return{from:t.from,to:t.to};const p=(i-1)*n+1,B=Math.min(i*n,r);return r===0?{from:0,to:0}:{from:p,to:B}}),R=e.computed(()=>{var t;return((t=$.value)==null?void 0:t.currentPage)||1}),pe=e.computed(()=>{const t=$.value;if(!t||t.show===!1)return 1;const r=me.value;if(r===0)return 1;const n=t.perPage||20,i=Math.ceil(r/n);return Math.max(1,i)}),ze=e.computed(()=>R.value<=1),xe=e.computed(()=>R.value>=pe.value),mr=e.computed(()=>{const t=pe.value,r=R.value,n=[];if(t<=7)for(let i=1;i<=t;i++)n.push(i);else if(r<=4){for(let i=1;i<=5;i++)n.push(i);n.push(-1),n.push(t)}else if(r>=t-3){n.push(1),n.push(-1);for(let i=t-4;i<=t;i++)n.push(i)}else{n.push(1),n.push(-1);for(let i=r-1;i<=r+1;i++)n.push(i);n.push(-1),n.push(t)}return n});function gr(t){var n;if(t<1||t>pe.value||t===R.value||H.value)return;const r=((n=$.value)==null?void 0:n.perPage)||20;_.value={page:t,perPage:r},h("pagination-change",t,r)}function pr(){var n;if(ze.value||H.value)return;const t=((n=$.value)==null?void 0:n.perPage)||20,r=R.value-1;_.value={page:r,perPage:t},h("pagination-change",r,t)}function hr(){var n;if(xe.value||H.value)return;const t=((n=$.value)==null?void 0:n.perPage)||20,r=R.value+1;_.value={page:r,perPage:t},h("pagination-change",r,t)}function kr(t){var i;if(H.value)return;const r=t.target,n=parseInt(r.value,10);n&&n!==(((i=$.value)==null?void 0:i.perPage)||20)&&(_.value={page:1,perPage:n},h("pagination-change",1,n))}const yr=e.computed(()=>{const t=s.value.columns.find(n=>n.smartTrackingColumn);if(!(t!=null&&t.smartTrackingColumn))return!1;const r=t.smartTrackingColumn.dataKey;return fe.value.some(n=>{const i=n[r];return i===!0||i===1||i==="true"||i==="1"})}),he=e.computed(()=>s.value.columns.find(t=>t.smartTrackingColumn)),j=e.computed(()=>{var n;const t=b.value.filter(i=>!i.smartTrackingColumn);if(yr.value&&he.value){const i={key:"_smart_tracking",label:"",order:-1,freeze:!0,visible:!0,protected:!0,sortable:!1,width:((n=he.value.smartTrackingColumn)==null?void 0:n.width)||"36px",smartTrackingColumn:he.value.smartTrackingColumn,cellType:"icon"},o=t.findIndex(p=>p.key==="ref");o>=0?t.splice(o,0,i):t.unshift(i)}const r=t.find(i=>i.key==="ref");return r&&(r.freeze=!0,r.protected=!0),t}),_r=e.computed(()=>{let t=0;const r={};for(const n of j.value){n.freeze&&(r[n.key]=t);const i=parseInt(n.width??"160",10);Number.isNaN(i)||(t+=i)}return r}),He=e.ref(0);function br(t){const r=t.target;He.value=r.scrollLeft}function Cr(t){const r=C.value.find(n=>n.key===t);!(r!=null&&r.sortable)||Z(r)||ne(r)||le(t)}function v(t,r){if(t==null||t===""||t===void 0)return G(r.blankStyle);const n=r.cellType;if(Array.isArray(n)){const i=n.find(o=>typeof o=="string"&&o!=="icon");return i&&typeof i=="string"?Oe(t,i,r):""}if(!n)return typeof t=="object"?JSON.stringify(t):String(t);switch(n){case"number":return Re(t);case"currency":return Ge(t);case"date":return Fe(t);case"boolean":return Ie(t);case"text":default:return typeof t=="object"?JSON.stringify(t):String(t)}}function G(t){switch(t){case"dash":return"--";case"zero":return"0";case"na":return"N/A";case"empty":default:return""}}function Re(t){if(typeof t=="number")return t.toLocaleString();const r=Number(t);return Number.isNaN(r)?String(t):r.toLocaleString()}function Ge(t){if(typeof t=="number")return new Intl.NumberFormat("en-US",{style:"currency",currency:"USD"}).format(t);const r=Number(t);return Number.isNaN(r)?String(t):new Intl.NumberFormat("en-US",{style:"currency",currency:"USD"}).format(r)}function Fe(t){if(t instanceof Date)return t.toLocaleDateString();if(typeof t=="string"){const r=new Date(t);if(!Number.isNaN(r.getTime()))return r.toLocaleDateString()}return String(t)}function Ie(t){return typeof t=="boolean"?t?"Yes":"No":t===1||t==="1"||t==="true"||t==="True"?"Yes":t===0||t==="0"||t==="false"||t==="False"?"No":String(t)}function Br(t){if(typeof t=="number")return Math.min(100,Math.max(0,t));const r=Number(t);return Number.isNaN(r)?0:Math.min(100,Math.max(0,r))}function ee(t){return typeof t=="boolean"?t?Yt:en:typeof t=="string"&&t.toLowerCase()==="ocean"?Rt:null}function Er(t){const r=t.toLowerCase();return["supplier","suppliers","po","pos","product_description"].includes(r)}function je(t){if(t.cellType==="badge")return!0;const r=t.key.toLowerCase();return r==="tag"||r==="tags"}function wr(t){return t.cellType==="status"?!0:t.key.toLowerCase()==="status"}function Sr(t){return t.cellType==="icon"?!0:t.key.toLowerCase()==="type"}function Nr(t){return Array.isArray(t.cellType)&&t.cellType.length>0}function Mr(t){return Array.isArray(t.cellType)?t.cellType.filter(r=>typeof r=="string"):t.cellType&&typeof t.cellType=="string"?[t.cellType]:[]}function Oe(t,r,n){if(t==null||t===""||t===void 0)return G(n.blankStyle);switch(r){case"number":return Re(t);case"currency":return Ge(t);case"date":return Fe(t);case"boolean":return Ie(t);case"text":default:return typeof t=="object"?JSON.stringify(t):String(t)}}function Tr(t){return{number:"shifl-grid__composite-number",currency:"shifl-grid__composite-currency",date:"shifl-grid__composite-date",boolean:"shifl-grid__composite-boolean",text:"shifl-grid__composite-text"}[t]||"shifl-grid__composite-text"}function Vr(t,r){if(t==null||t==="")return G(r.blankStyle);if(Array.isArray(t)){if(t.length===0)return G(r.blankStyle);const n=t.join(", ");return Ze(n,45)}return typeof t=="string"?Ze(t,45):String(t)}function Ze(t,r){return t.length<=r?t:t.substring(0,r)+"..."}function ke(t){const r=t.toLowerCase();return["po","pos","supplier","suppliers","tag","tags"].includes(r)}function Pr(t,r){return t==null||ke(r)?!1:Array.isArray(t)?t.length===0?!1:t.join(", ").length>30:typeof t=="string"?t.length>30:!1}function $r(t){return t==null?!1:Array.isArray(t)?t.length===0?!1:t.join(", ").length>45:typeof t=="string"?t.length>45:!1}function Lr(t){if(t==null)return 0;if(Array.isArray(t)){if(t.length===0||t.join(", ").length<=45)return 0;let n=0,i=0;for(let o=0;o<t.length;o++){const p=String(t[o]),T=(o>0?", ":"").length+p.length;if(n+T<=45)n+=T,i++;else break}return t.length-i}return typeof t=="string"&&t.length>45?1:0}function ye(t,r,n,i){let o="",p=!1;const B=j.value.find(T=>T.key===t);if(B&&je(B)){const T=We(n);T.length>0&&(p=!0,o=T.map(z=>`<span class="shifl-grid__tooltip-badge" style="border-left-color: ${Je(z)} !important">${z.name}</span>`).join(""))}else Array.isArray(n)?n.length>0&&(o=n.join(`
|
|
4
|
+
`)):n!=null&&(o=String(n));Le.value=o,ce.value=p,se.value=i,ae.value=!0}function _e(){ae.value=!1,se.value=null,ce.value=!1}function Ar(t,r){X.value="Copy To Clipboard",Q.value=r,Y.value=!0,x()}function be(){Y.value=!1,Q.value=null}async function Dr(t){try{await navigator.clipboard.writeText(t),X.value="Copied!",setTimeout(()=>{be()},2e3)}catch(r){console.error("Failed to copy text: ",r);const n=document.createElement("textarea");n.value=t,document.body.appendChild(n),n.select(),document.execCommand("copy"),document.body.removeChild(n),X.value="Copied!",setTimeout(()=>{be()},2e3)}}function zr(t,r,n){n&&(cr.value[`${t}-${r}`]=n)}function te(t){return t==null?[]:Array.isArray(t)?t.map(r=>typeof r=="object"&&r!==null&&"name"in r?String(r.name):String(r)).filter(r=>r.length>0):typeof t=="string"?t.split(",").map(r=>r.trim()).filter(r=>r.length>0):[String(t)]}function We(t){return t==null?[]:Array.isArray(t)?t.map(r=>typeof r=="object"&&r!==null&&"name"in r?{name:String(r.name),color:"color"in r?String(r.color):void 0}:{name:String(r),color:void 0}).filter(r=>r.name.length>0):typeof t=="string"?t.split(",").map(r=>r.trim()).filter(r=>r.length>0).map(r=>({name:r,color:void 0})):[{name:String(t),color:void 0}]}function Ke(t,r,n){const i=te(t);if(i.length===0)return[];const o=`${r}-${n}`;if(I.value[o])return I.value[o];const p=130,B=8,T=4;let z=0;const D=[];for(const W of i){const K=W.length*8+B+T;if(z+K>p&&D.length>0)break;D.push(W),z+=K}return I.value[o]=D,D}function Ue(t,r,n){const i=We(t);if(i.length===0)return[];const o=`${r}-${n}-objects`;if(I.value[o])return I.value[o];const p=130,B=8,T=4;let z=0;const D=[];for(const W of i){const K=W.name.length*8+B+T;if(z+K>p&&D.length>0)break;D.push(W),z+=K}return I.value[o]=D,D}function xr(t,r,n){const i=te(t),o=Ke(t,r,n);return i.length>o.length}function Hr(t,r,n){const i=te(t),o=Ke(t,r,n);return i.length-o.length}function Rr(t){const r=t.toLowerCase(),n={"high priority":"var(--shifl-color-error-r70)",express:"var(--shifl-color-primary-b80)",fragile:"var(--shifl-color-warning-o70)","temperature controlled":"var(--shifl-color-primary-b70)","customs clearance required":"var(--shifl-color-accent-p80)","insurance required":"var(--shifl-color-primary-b90)","special handling":"var(--shifl-color-warning-o80)","urgent delivery":"var(--shifl-color-error-r80)",normal:"var(--shifl-color-neutral-n60)",low:"var(--shifl-color-neutral-n50)"};if(n[r])return n[r];for(const[i,o]of Object.entries(n))if(r.includes(i)||i.includes(r))return o;return Gr(t)}function Je(t){return t.color&&t.color!==""?t.color:Rr(t.name)}function Gr(t){let r=0;for(let i=0;i<t.length;i++)r=t.charCodeAt(i)+((r<<5)-r);const n=["var(--shifl-color-primary-b80)","var(--shifl-color-success-g70)","var(--shifl-color-warning-o70)","var(--shifl-color-error-r70)","var(--shifl-color-accent-p80)","var(--shifl-color-primary-b70)","var(--shifl-color-success-g60)","var(--shifl-color-warning-o60)"];return n[Math.abs(r)%n.length]}function Ce(t,r=!0){const i={...{width:t.width??"160px",minWidth:t.width??"160px"}},o=He.value>0,p=C.value.filter(T=>T.freeze),B=p[p.length-1];if(t.freeze){const T=_r.value[t.key]??0;i.position="sticky",i.left=`${T}px`,i.background="#ffffff",i.zIndex=r?40:10,t.key===(B==null?void 0:B.key)&&o?i.boxShadow="2px 0px 4px -2px #121b2b0d, 2px 0px 2px 0px #121b2b0d":i.boxShadow="none"}return r&&(i.position="sticky",i.top="0px"),i}const Fr=e.computed(()=>C.value.filter(t=>!t.smartTrackingColumn));function Z(t){return!!t.actionColumn}function ne(t){return!!t.smartTrackingColumn}function Ir(t){return t.key==="ref"}function jr(t,r){if(!t.smartTrackingColumn)return!1;const n=t.smartTrackingColumn.dataKey,i=r[n];if(i===!0||i===1)return!0;if(typeof i=="string"){const o=i.toLowerCase().trim();return o==="true"||o==="1"||o==="yes"}return!1}function re(t,r){if(!t.actionColumn)return null;const n=t.actionColumn.icon;return n?typeof n=="function"?n(r):n:null}function Or(t,r,n,i){if(!n.actionColumn)return;const o=i.currentTarget;if(P.value.rowIndex===t){F();return}$e.value=n,ie.value=r,J(t,o)}function Zr(t,r){return!(t!=null&&t.actionColumn)||!r?[]:(typeof t.actionColumn.actions=="function"?t.actionColumn.actions(r):t.actionColumn.actions).filter(i=>i.show?i.show(r):!0)}function Wr(t,r,n){h("action-click",t.key,r,n),F()}const Kr=(t,r)=>{["BUTTON","A","INPUT","SELECT","TEXTAREA","SVG","PATH"].includes(r.target.tagName)||h("row-click",t)};function Ur(t,r){r&&(q.value[t]=r)}function qe(t){if(P.value.rowIndex===null)return;const r=t.target,n=Pe.value,i=Object.values(q.value),o=n==null?void 0:n.contains(r),p=i.some(B=>B.contains(r));!o&&!p&&F()}return e.onMounted(()=>{document.addEventListener("click",qe),document.addEventListener("scroll",x),window.addEventListener("scroll",x),window.addEventListener("resize",x)}),e.onUnmounted(()=>{document.removeEventListener("click",qe),document.removeEventListener("scroll",x),window.removeEventListener("scroll",x),window.removeEventListener("resize",x)}),(t,r)=>(e.openBlock(),e.createElementBlock("div",tn,[e.createElementVNode("div",nn,[e.createElementVNode("button",{type:"button",class:"shifl-grid__pill-button whitespace-nowrap",onClick:r[0]||(r[0]=n=>A.value=!0)}," Edit Column ")]),e.createElementVNode("div",{class:e.normalizeClass(["shifl-grid__viewport",{"shifl-grid__viewport--scroll":fr.value}]),onScroll:br},[e.createElementVNode("table",rn,[e.createElementVNode("thead",null,[e.createElementVNode("tr",null,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(j.value,n=>{var i;return e.openBlock(),e.createElementBlock("th",{key:n.key,style:e.normalizeStyle(Ce(n,!0)),onClick:()=>Cr(n.key),class:e.normalizeClass(["shifl-grid__header-cell",`shifl-grid__header-align-${n!=null&&n.align?n.align:"left"}`,{"shifl-grid__cell--sticky":n.freeze,"shifl-grid__sortable-col":n.sortable,"shifl-grid__icon":n.cellType==="icon","shifl-grid__hover-sortable":n.sortable&&!Z(n)&&!ne(n)}])},[e.createElementVNode("div",ln,[n.label?(e.openBlock(),e.createElementBlock("span",an,e.toDisplayString(n.label),1)):e.createCommentVNode("",!0),((i=e.unref(M))==null?void 0:i.key)===n.key&&e.unref(M).order?(e.openBlock(),e.createElementBlock("span",sn,[e.unref(M).order==="asc"?(e.openBlock(),e.createBlock(Ne,{key:0})):(e.openBlock(),e.createBlock(Dt,{key:1}))])):n.sortable&&!Z(n)&&!ne(n)?(e.openBlock(),e.createElementBlock("span",cn,[e.createVNode(Ne,{color:"#69758C"})])):e.createCommentVNode("",!0)])],14,on)}),128))])]),e.createElementVNode("tbody",null,[H.value?(e.openBlock(!0),e.createElementBlock(e.Fragment,{key:0},e.renderList(ur.value,n=>(e.openBlock(),e.createElementBlock("tr",{key:`skeleton-${n}`,class:"shifl-grid__skeleton-row"},[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(j.value,i=>(e.openBlock(),e.createElementBlock("td",{key:i.key,style:e.normalizeStyle(Ce(i,!1)),class:e.normalizeClass({"shifl-grid__cell--sticky":i.freeze})},[...r[6]||(r[6]=[e.createElementVNode("div",{class:"shifl-grid__skeleton-cell"},null,-1)])],6))),128))]))),128)):(e.openBlock(),e.createElementBlock(e.Fragment,{key:1},[Ae.value.length?e.createCommentVNode("",!0):(e.openBlock(),e.createElementBlock("tr",dn,[e.createElementVNode("td",{colspan:j.value.length,class:"text-center text-gray-500 py-6"}," No data ",8,fn)])),(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(Ae.value,(n,i)=>(e.openBlock(),e.createElementBlock("tr",{key:i,onClick:o=>Kr(n,o)},[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(j.value,o=>(e.openBlock(),e.createElementBlock("td",{key:o.key,style:e.normalizeStyle(Ce(o,!1)),class:e.normalizeClass([{"shifl-grid__cell--sticky":o.freeze},{"shifl-grid__cell--action":Z(o)},`shifl-grid__cell-align-${o!=null&&o.align?o.align:"left"}`,{"shifl-grid__icon":o.cellType==="icon"}])},[ne(o)?(e.openBlock(),e.createElementBlock(e.Fragment,{key:0},[jr(o,n)?(e.openBlock(),e.createElementBlock("div",mn,[e.createVNode(Nt)])):e.createCommentVNode("",!0)],64)):Z(o)?(e.openBlock(),e.createElementBlock("div",gn,[e.createElementVNode("button",{type:"button",class:"shifl-grid__action-icon",ref_for:!0,ref:p=>Ur(i,p),onClick:e.withModifiers(p=>Or(i,n,o,p),["stop"])},[re(o,n)?typeof re(o,n)=="string"?(e.openBlock(),e.createElementBlock("span",{key:1,innerHTML:re(o,n),class:"w-4 h-4 inline-block"},null,8,kn)):(e.openBlock(),e.createBlock(e.resolveDynamicComponent(re(o,n)),{key:2,class:"w-4 h-4"})):(e.openBlock(),e.createElementBlock("span",hn,"⋯"))],8,pn)])):Nr(o)?(e.openBlock(),e.createElementBlock("div",yn,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(Mr(o),(p,B)=>(e.openBlock(),e.createElementBlock(e.Fragment,{key:B},[p==="icon"&&ee(n[o.key])?(e.openBlock(),e.createBlock(e.resolveDynamicComponent(ee(n[o.key])),{key:0,class:"shifl-grid__type-icon"})):p==="icon"?(e.openBlock(),e.createElementBlock("span",_n,e.toDisplayString(G(o.blankStyle)),1)):(e.openBlock(),e.createElementBlock("span",{key:2,class:e.normalizeClass(Tr(p))},e.toDisplayString(Oe(n[o.key],p,o)),3))],64))),128))])):Sr(o)?(e.openBlock(),e.createElementBlock("div",bn,[ee(n[o.key])?(e.openBlock(),e.createBlock(e.resolveDynamicComponent(ee(n[o.key])),{key:0,class:"shifl-grid__type-icon"})):(e.openBlock(),e.createElementBlock("span",Cn,e.toDisplayString(G(o.blankStyle)),1)),n.container_count!=null?(e.openBlock(),e.createElementBlock("span",Bn," ("+e.toDisplayString(n.container_count)+") ",1)):e.createCommentVNode("",!0)])):je(o)?(e.openBlock(),e.createElementBlock(e.Fragment,{key:4},[n[o.key]==null||Ue(n[o.key],o.key,i).length===0?(e.openBlock(),e.createElementBlock("div",En,e.toDisplayString(G(o.blankStyle)),1)):(e.openBlock(),e.createElementBlock("div",wn,[e.createElementVNode("div",Sn,[e.createElementVNode("div",{ref_for:!0,ref:"(el) => setTagsRef(col.key, rowIndex, el as HTMLElement)",class:"shifl-grid__chips-container shifl-grid__chips-container--single-line"},[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(Ue(n[o.key],o.key,i),(p,B)=>(e.openBlock(),e.createElementBlock("span",{key:B,class:"shifl-grid__chip shifl-grid__chip--tag",style:e.normalizeStyle({borderLeftColor:Je(p)})},e.toDisplayString(p.name),5))),128))],512)]),xr(n[o.key],o.key,i)?(e.openBlock(),e.createElementBlock("button",{key:0,type:"button",class:"shifl-grid__counter-button",onMouseenter:p=>ye(o.key,i,n[o.key],p.currentTarget),onMouseleave:_e}," +"+e.toDisplayString(Hr(n[o.key],o.key,i)),41,Nn)):e.createCommentVNode("",!0)]))],64)):wr(o)?(e.openBlock(),e.createElementBlock("div",Mn,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(te(n[o.key]),(p,B)=>(e.openBlock(),e.createElementBlock("span",{key:B,class:"shifl-grid__chip shifl-grid__chip--status"},e.toDisplayString(p),1))),128))])):o.truncate!==!1&&(o.truncate===!0||Er(o.key))?(e.openBlock(),e.createElementBlock("div",Tn,[e.createElementVNode("span",{class:"shifl-grid__truncated-text",ref_for:!0,ref:p=>zr(o.key,i,p)},e.toDisplayString(Vr(n[o.key],o)),513),ke(o.key)&&$r(n[o.key])?(e.openBlock(),e.createElementBlock("button",{key:0,type:"button",class:"shifl-grid__counter-button",onMouseenter:p=>ye(o.key,i,n[o.key],p.currentTarget),onMouseleave:_e}," +"+e.toDisplayString(Lr(n[o.key])),41,Vn)):!ke(o.key)&&Pr(n[o.key],o.key)?(e.openBlock(),e.createElementBlock("button",{key:1,type:"button",class:"shifl-grid__info-icon-button",onMouseenter:p=>ye(o.key,i,n[o.key],p.currentTarget),onMouseleave:_e},[e.createVNode(jt)],40,Pn)):e.createCommentVNode("",!0)])):o.cellType==="link"?(e.openBlock(),e.createElementBlock("a",{key:7,href:String(n[o.key]||""),class:"shifl-grid__link-cell",onClick:r[1]||(r[1]=e.withModifiers(()=>{},["stop"]))},e.toDisplayString(v(n[o.key],o)),9,$n)):o.cellType==="progress"?(e.openBlock(),e.createElementBlock("div",Ln,[e.createElementVNode("div",An,[e.createElementVNode("div",{class:"shifl-grid__progress-fill",style:e.normalizeStyle({width:`${Br(n[o.key])}%`})},null,4)]),e.createElementVNode("span",Dn,e.toDisplayString(v(n[o.key],o)),1)])):Ir(o)?(e.openBlock(),e.createElementBlock("div",{key:9,class:"shifl-grid__reference-cell",onMouseenter:p=>Ar(String(n[o.key]||""),p.currentTarget),onMouseleave:be},[e.createElementVNode("span",xn,e.toDisplayString(v(n[o.key],o)),1),n[o.key]?(e.openBlock(),e.createElementBlock("button",{key:0,class:"shifl-grid__copy-icon",onClick:e.withModifiers(()=>Dr(String(n[o.key]||"")),["stop"]),type:"button"},[e.createVNode(Kt)],8,Hn)):e.createCommentVNode("",!0)],40,zn)):(e.openBlock(),e.createElementBlock(e.Fragment,{key:10},[e.createTextVNode(e.toDisplayString(v(n[o.key],o)),1)],64))],6))),128))],8,un))),128))],64))])])],34),$.value&&$.value.show!==!1?(e.openBlock(),e.createElementBlock("div",Rn,[e.createElementVNode("div",Gn,[e.createElementVNode("span",Fn,[r[7]||(r[7]=e.createTextVNode(" Showing ",-1)),e.createElementVNode("span",In,e.toDisplayString(De.value.from)+"–"+e.toDisplayString(De.value.to),1),e.createTextVNode(" of "+e.toDisplayString(me.value),1)])]),e.createElementVNode("div",jn,[e.createElementVNode("div",On,[r[9]||(r[9]=e.createElementVNode("label",{class:"shifl-grid__pagination-label"},"Row per page",-1)),e.createElementVNode("select",{value:$.value.perPage||20,disabled:H.value,onChange:kr,class:"shifl-grid__pagination-select"},[...r[8]||(r[8]=[e.createStaticVNode('<option value="20">20</option><option value="30">30</option><option value="50">50</option><option value="75">75</option><option value="100">100</option>',5)])],40,Zn)]),e.createElementVNode("div",Wn,[e.createElementVNode("button",{type:"button",class:"shifl-grid__pagination-button",disabled:ze.value||f.loading,onClick:pr,"aria-label":"Previous page"}," ‹ ",8,Kn),e.createElementVNode("div",Un,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(mr.value,n=>(e.openBlock(),e.createElementBlock(e.Fragment,{key:n},[n!==-1?(e.openBlock(),e.createElementBlock("button",{key:0,type:"button",class:e.normalizeClass(["shifl-grid__pagination-page",{"shifl-grid__pagination-page--active":n===R.value}]),disabled:H.value,onClick:i=>gr(n)},e.toDisplayString(n),11,Jn)):(e.openBlock(),e.createElementBlock("span",qn,"…"))],64))),128))]),e.createElementVNode("button",{type:"button",class:"shifl-grid__pagination-button",disabled:xe.value||f.loading,onClick:hr,"aria-label":"Next page"}," › ",8,Yn)])])])):e.createCommentVNode("",!0),(e.openBlock(),e.createBlock(e.Teleport,{to:"body"},[e.unref(P).rowIndex!==null&&e.unref(P).position?(e.openBlock(),e.createElementBlock("div",{key:0,ref_key:"actionMenuRef",ref:Pe,class:"shifl-grid__action-menu",style:e.normalizeStyle(`
|
|
5
5
|
position: fixed !important;
|
|
6
6
|
top: ${e.unref(P).position.top}px !important;
|
|
7
7
|
left: ${e.unref(P).position.left}px !important;
|
|
8
|
-
z-index: 1000 !important;`),onClick:
|
|
8
|
+
z-index: 1000 !important;`),onClick:r[2]||(r[2]=e.withModifiers(()=>{},["stop"]))},[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(Zr($e.value,ie.value),n=>(e.openBlock(),e.createElementBlock("div",{key:n.key,class:e.normalizeClass(["shifl-grid__action-menu-item",{"shifl-grid__action-menu-item--danger":n.danger}]),onClick:()=>Wr(n,ie.value,e.unref(P).rowIndex)},[n.icon&&typeof n.icon=="string"?(e.openBlock(),e.createElementBlock("span",{key:0,innerHTML:n.icon,class:"w-4 h-4 inline-block"},null,8,Qn)):n.icon?(e.openBlock(),e.createBlock(e.resolveDynamicComponent(typeof n.icon=="function"?n.icon():n.icon),{key:1,class:"w-4 h-4"})):e.createCommentVNode("",!0),e.createElementVNode("span",null,e.toDisplayString(n.label),1)],10,Xn))),128))],4)):e.createCommentVNode("",!0)])),e.createVNode(Bt,{content:Le.value,visible:ae.value,"trigger-element":se.value,"is-html":ce.value},null,8,["content","visible","trigger-element","is-html"]),(e.openBlock(),e.createBlock(e.Teleport,{to:"body"},[Y.value?(e.openBlock(),e.createElementBlock("div",{key:0,class:"shifl-grid__copy-tooltip",style:e.normalizeStyle({position:"fixed",top:`${de.value.top}px`,left:`${de.value.left}px`,zIndex:"10000"})},[r[10]||(r[10]=e.createElementVNode("div",{class:"shifl-grid__copy-tooltip-arrow"},null,-1)),e.createElementVNode("div",vn,e.toDisplayString(X.value),1)],4)):e.createCommentVNode("",!0)])),(e.openBlock(),e.createBlock(e.Teleport,{to:"body"},[A.value?(e.openBlock(),e.createBlock(_t,{key:0,"title-prefix":a.config.name,columns:Fr.value,onClose:r[3]||(r[3]=n=>A.value=!1),onToggle:e.unref(c),onToggleFreeze:e.unref(y),onMove:e.unref(N),onSelectAll:r[4]||(r[4]=n=>e.unref(u)(!0)),onDeselectAll:r[5]||(r[5]=n=>e.unref(u)(!1)),onRestoreDefault:e.unref(S)},null,8,["title-prefix","columns","onToggle","onToggleFreeze","onMove","onRestoreDefault"])):e.createCommentVNode("",!0)]))]))}}),er={install(a){a.component("ShiflGrid",Me)}};function tr(){const a=e.ref(new Set);function l(f){const h=f.id??JSON.stringify(f),s=new Set(a.value);s.has(h)?s.delete(h):s.add(h),a.value=s}return{selectedKeys:a,toggleRow:l}}function nr(){return{}}const Te=Symbol("shifl-grid-theme"),Ve={surface:"var(--shifl-surface)",surfaceAlt:"var(--shifl-surface-alt)",border:"var(--shifl-border)",text:"var(--shifl-text)",textMuted:"var(--shifl-text-muted)",accent:"var(--shifl-accent)",accentStrong:"var(--shifl-accent-strong)",focus:"var(--shifl-focus)"};function rr(a){const l=e.ref({...Ve,...a});return e.provide(Te,l),l}function or(){const a=e.inject(Te);return e.computed(()=>(a==null?void 0:a.value)??Ve)}const oe={sm:640,lg:1024};function lr(){const a=e.ref(typeof window<"u"?window.innerWidth:0);function l(){a.value=window.innerWidth}return e.onMounted(()=>{window.addEventListener("resize",l)}),e.onUnmounted(()=>{window.removeEventListener("resize",l)}),{width:a,isMobile:e.computed(()=>a.value<oe.sm),isTablet:e.computed(()=>a.value>=oe.sm&&a.value<oe.lg)}}function ir(){return{}}function ar(){return{}}function sr(){return{}}V.ShiflGrid=Me,V.ShiflGridPlugin=er,V.provideGridTheme=rr,V.useBreakpoints=lr,V.useGridColumns=Be,V.useGridData=Se,V.useGridEditing=nr,V.useGridFilter=we,V.useGridInfiniteScroll=ir,V.useGridSelection=tr,V.useGridSort=Ee,V.useGridTheme=or,V.useGridTour=sr,V.useVirtualScroll=ar,Object.defineProperty(V,Symbol.toStringTag,{value:"Module"})});
|