@shifl-inc/ui 0.5.0 → 0.7.0
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.js +597 -580
- package/dist/shifl-ui.umd +6 -6
- package/dist/style.css +1 -1
- package/package.json +1 -1
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 Ze(s){const o=(s.columns||[]).map(h=>({...h,freeze:h.freeze??!1,visible:h.visible??!0,protected:h.protected??!1})),u=s.apiConfig?"server":s.searchMode||"client";return{...s,columns:o,rows:s.rows??[],search:s.search??[],searchMode:u,filters:s.filters??[],paginationMeta:s.paginationMeta?{show:s.paginationMeta.show??!0,currentPage:s.paginationMeta.currentPage??1,perPage:s.paginationMeta.perPage??20,total:s.paginationMeta.total??0,from:s.paginationMeta.from,to:s.paginationMeta.to,...s.paginationMeta}:void 0}}function pe(s){const o=[...s],u=e.ref([...s]);function h(d){u.value=u.value.map(f=>f.key===d?{...f,visible:!f.visible}:f)}function c(d){u.value=u.value.map(f=>({...f,visible:d}))}function p(d){const f=u.value.map(b=>b.key===d?{...b,freeze:!b.freeze}:b),g=f.filter(b=>b.freeze),E=f.filter(b=>!b.freeze);u.value=[...g,...E]}function C(d,f){if(d===f||f<0||f>=u.value.length)return;const g=u.value.findIndex(m=>!m.freeze),E=g===-1?u.value.length:g;if(d<E||f<E)return;const b=[...u.value],[i]=b.splice(d,1);b.splice(f,0,i),u.value=b}function B(){u.value=[...o]}const _=e.computed(()=>u.value.filter(d=>d.visible));return{columns:u,visibleColumns:_,toggleColumnVisibility:h,setAllVisible:c,toggleFreeze:p,moveColumn:C,resetColumns:B}}function he(s){const o=e.ref(s);function u(c){var p;o.value=((p=o.value)==null?void 0:p.key)===c&&o.value.order==="asc"?{key:c,order:"desc"}:{key:c,order:"asc"}}function h(c){if(!o.value)return c;const{key:p,order:C}=o.value;return[...c].sort((B,_)=>{const d=B[p],f=_[p];if(d===f)return 0;if(d==null)return 1;if(f==null)return-1;const g=String(d).localeCompare(String(f),void 0,{numeric:!0});return C==="asc"?g:-g})}return{sort:o,setSort:u,applySort:h}}function ke(){function s(o,u,h){const c=(h||"").trim().toLowerCase();return c?o.filter(p=>(u&&u.length?u.map(B=>p[B]):Object.values(p)).some(B=>String(B??"").toLowerCase().includes(c))):o}return{applyGlobalFilter:s}}function Ke(){const s=e.ref({rowIndex:null,position:null});function o(p,C,B=200){const _=C.getBoundingClientRect();let d=_.left;d+B>window.innerWidth-8&&(d=window.innerWidth-B+8),s.value={rowIndex:p,position:{top:_.bottom,left:d}}}function u(){s.value={rowIndex:null,position:null}}function h(p){return s.value.rowIndex===p}function c(p){p.key==="Escape"&&s.value.rowIndex!==null&&u()}return e.onMounted(()=>{document.addEventListener("keydown",c)}),e.onUnmounted(()=>{document.removeEventListener("keydown",c)}),{menuState:s,openMenu:o,closeMenu:u,isMenuOpen:h}}function We(s,o){const u=e.ref(!1),h=e.ref(null),c=e.ref([]),p=e.ref(void 0);let C=null;function B(i){const m=new URLSearchParams;if(i.search&&m.append("search",i.search),i.page!==void 0&&m.append("page",String(i.page)),i.perPage!==void 0&&m.append("per_page",String(i.perPage)),i.sort&&(m.append("sort",i.sort.key),m.append("order",i.sort.order)),i.filters&&i.filters.length>0&&i.filters.forEach(y=>{if(y.value!==void 0&&y.value!==null&&y.value!==""){const w=`filters[${y.key}]`;Array.isArray(y.value)?y.value.forEach(S=>m.append(`${w}[]`,String(S))):m.append(w,String(y.value))}}),o!=null&&o.additionalParams){const y=typeof o.additionalParams=="function"?o.additionalParams(i):o.additionalParams;Object.entries(y).forEach(([w,S])=>{S!=null&&S!==""&&(Array.isArray(S)?S.forEach(N=>m.append(`${w}[]`,String(N))):m.append(w,String(S)))})}return m}function _(i){var m,y,w;return o!=null&&o.bodyBuilder?o.bodyBuilder(i):{search:i.search,page:i.page,per_page:i.perPage,sort:(m=i.sort)==null?void 0:m.key,order:(y=i.sort)==null?void 0:y.order,filters:(w=i.filters)==null?void 0:w.reduce((S,N)=>(N.value!==void 0&&N.value!==null&&N.value!==""&&(S[N.key]=N.value),S),{}),...typeof(o==null?void 0:o.additionalParams)=="function"?o.additionalParams(i):(o==null?void 0:o.additionalParams)||{}}}function d(){const i={"Content-Type":"application/json",...(o==null?void 0:o.headers)||{}};if(o!=null&&o.getAuthToken){const m=o.getAuthToken();m&&(i.Authorization=`Bearer ${m}`)}return i}function f(i){if(o!=null&&o.responseTransformer)return o.responseTransformer(i);const m=i;return{data:m.data||m.rows||[],meta:m.meta}}async function g(i){if(!s){h.value=new Error("API URL is required");return}u.value=!0,h.value=null;try{const m=(o==null?void 0:o.method)||"GET",y=d();let w=s,S;if(m==="GET"){const P=o!=null&&o.paramsBuilder?o.paramsBuilder(i):B(i);if(P instanceof URLSearchParams){const A=P.toString();w=A?`${s}?${A}`:s}else{const A=new URLSearchParams;Object.entries(P).forEach(([G,D])=>{D!=null&&D!==""&&(Array.isArray(D)?D.forEach(W=>A.append(`${G}[]`,String(W))):A.append(G,String(D)))});const F=A.toString();w=F?`${s}?${F}`:s}}else S=_(i);const N=await fetch(w,{method:m,headers:y,body:S?JSON.stringify(S):void 0});if(!N.ok)throw new Error(`API request failed: ${N.status} ${N.statusText}`);const X=await N.json(),K=f(X);c.value=K.data,p.value=K.meta}catch(m){h.value=m instanceof Error?m:new Error("Unknown error occurred"),c.value=[],p.value=void 0}finally{u.value=!1}}function E(i,m=!1){C&&(clearTimeout(C),C=null);const y=(o==null?void 0:o.debounceMs)??300;m||!i.search?g(i):C=setTimeout(()=>{g(i)},y)}function b(i){E(i,!0)}return{loading:e.computed(()=>u.value),error:e.computed(()=>h.value),data:e.computed(()=>c.value),paginationMeta:e.computed(()=>p.value),fetchData:g,fetchDataDebounced:E,refresh:b}}function ye(s,o){var _,d;const u=(o==null?void 0:o.search)||e.ref(void 0),h=(o==null?void 0:o.filters)||e.ref(s.filters),c=(o==null?void 0:o.sort)||e.ref(s.sort),p=(o==null?void 0:o.pagination)||e.ref({page:((_=s.paginationMeta)==null?void 0:_.currentPage)||1,perPage:((d=s.paginationMeta)==null?void 0:d.perPage)||20}),C=(o==null?void 0:o.extraState)||e.ref(void 0),B=(o==null?void 0:o.tabName)||e.ref(void 0);if(s.apiConfig&&s.searchMode==="server"){let f=function(){var m,y;return{search:u.value,filters:h.value,sort:c.value,page:(m=p.value)==null?void 0:m.page,perPage:(y=p.value)==null?void 0:y.perPage,extraState:C.value,tabName:B.value}},g=function(m){var y,w,S,N;return i?m.search!==i.search||m.page!==i.page||m.perPage!==i.perPage||m.tabName!==i.tabName||((y=m.sort)==null?void 0:y.key)!==((w=i.sort)==null?void 0:w.key)||((S=m.sort)==null?void 0:S.order)!==((N=i.sort)==null?void 0:N.order)||JSON.stringify(m.filters)!==JSON.stringify(i.filters)||JSON.stringify(m.extraState)!==JSON.stringify(i.extraState):!0};const E=We(s.apiConfig.apiUrl,s.apiConfig);let b=!1,i=null;return e.watch([u,h,c,p,C,B],()=>{if(b)return;const m=f();if(!g(m))return;i=m;const y=u.value!==void 0;E.fetchDataDebounced(m,!y)},{immediate:!0,deep:!0}),e.watch(E.paginationMeta,m=>{if(m&&p.value){const y=m.perPage||p.value.perPage;y!==p.value.perPage&&(b=!0,p.value.perPage=y,e.nextTick(()=>{b=!1}))}}),{rows:E.data,loading:E.loading,error:E.error,paginationMeta:E.paginationMeta,refresh:()=>{var y,w;const m={search:u.value,filters:h.value,sort:c.value,page:(y=p.value)==null?void 0:y.page,perPage:(w=p.value)==null?void 0:w.perPage,extraState:C.value,tabName:B.value};E.refresh(m)}}}return{rows:e.computed(()=>s.rows),loading:e.computed(()=>!1),error:e.computed(()=>null),paginationMeta:e.computed(()=>s.paginationMeta),refresh:()=>{}}}const Ue={class:"shifl-column-manager__header"},Je={class:"shifl-column-manager__title-wrapper"},qe={class:"shifl-column-manager__title"},Ye={key:0},Qe={key:1},Xe={class:"shifl-column-manager__controls"},ve={class:"shifl-column-manager__controls-left"},et={class:"shifl-column-manager__content"},tt={class:"shifl-column-manager__list"},nt=["draggable","onDragstart","onDragover","onDrop"],rt=["aria-label","disabled"],ot=["checked","disabled","onChange"],lt={class:"shifl-column-manager__label-text"},at={class:"shifl-column-manager__footer"},st=e.defineComponent({__name:"GridColumnManager",props:{titlePrefix:{},columns:{}},emits:["close","toggle","move","toggleFreeze","selectAll","deselectAll","restoreDefault"],setup(s,{emit:o}){const u=s,h=e.computed(()=>u.columns),c=o,p=e.ref(null);function C(d){var f,g;(f=u.columns[d])!=null&&f.freeze||(g=u.columns[d])!=null&&g.protected||(p.value=d)}function B(d){}function _(d){p.value===null||p.value===d||(c("move",p.value,d),p.value=null)}return(d,f)=>(e.openBlock(),e.createElementBlock("div",{class:"shifl-column-manager__backdrop",onClick:f[7]||(f[7]=e.withModifiers(g=>d.$emit("close"),["self"]))},[e.createElementVNode("div",{class:"shifl-column-manager__dialog",role:"dialog","aria-modal":"true",onClick:f[6]||(f[6]=e.withModifiers(()=>{},["stop"]))},[e.createElementVNode("header",Ue,[e.createElementVNode("div",Je,[e.createElementVNode("h2",qe,[s.titlePrefix?(e.openBlock(),e.createElementBlock("span",Ye,e.toDisplayString(s.titlePrefix),1)):e.createCommentVNode("",!0),s.titlePrefix?(e.openBlock(),e.createElementBlock("span",Qe,">")):e.createCommentVNode("",!0),f[8]||(f[8]=e.createTextVNode("Edit Columns ",-1))])]),e.createElementVNode("button",{type:"button",class:"shifl-column-manager__close",onClick:f[0]||(f[0]=g=>d.$emit("close"))},[...f[9]||(f[9]=[e.createElementVNode("span",null,"✕",-1)])])]),e.createElementVNode("div",Xe,[e.createElementVNode("div",ve,[e.createElementVNode("button",{type:"button",class:"shifl-column-manager__link-button",onClick:f[1]||(f[1]=g=>d.$emit("selectAll"))}," Select All "),e.createElementVNode("button",{type:"button",class:"shifl-column-manager__link-button",onClick:f[2]||(f[2]=g=>d.$emit("deselectAll"))}," Deselect All ")]),e.createElementVNode("button",{type:"button",class:"shifl-column-manager__link-button shifl-column-manager__link-button--primary",onClick:f[3]||(f[3]=g=>d.$emit("restoreDefault"))}," Restore Default ")]),e.createElementVNode("div",et,[e.createElementVNode("ul",tt,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(h.value,(g,E)=>(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=>C(E),onDragover:e.withModifiers(b=>void 0,["prevent"]),onDrop:e.withModifiers(b=>_(E),["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},[...f[10]||(f[10]=[e.createElementVNode("span",null,"⋮⋮",-1)])],10,rt),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=>d.$emit("toggle",g.key)},null,40,ot),f[11]||(f[11]=e.createElementVNode("span",{class:"shifl-column-manager__checkbox-custom"},null,-1)),e.createElementVNode("span",lt,e.toDisplayString(g.label),1)],2)],42,nt))),128))])]),e.createElementVNode("footer",at,[e.createElementVNode("button",{type:"button",class:"shifl-column-manager__button shifl-column-manager__button--primary",onClick:f[4]||(f[4]=g=>d.$emit("close"))}," Update "),e.createElementVNode("button",{type:"button",class:"shifl-column-manager__button shifl-column-manager__button--secondary",onClick:f[5]||(f[5]=g=>d.$emit("close"))}," Cancel ")])])]))}}),H=(s,o)=>{const u=s.__vccOpts||s;for(const[h,c]of o)u[h]=c;return u},it=H(st,[["__scopeId","data-v-40ca0ed0"]]),ct={class:"shifl-grid__tooltip-content"},dt=["innerHTML"],ft=H(e.defineComponent({__name:"GridTooltip",props:{content:{},visible:{type:Boolean},triggerElement:{},isHtml:{type:Boolean}},setup(s){const o=s,u=e.ref(null),h=e.ref({}),c=e.computed(()=>o.content.includes(`
|
|
1
|
+
(function(S,e){typeof exports=="object"&&typeof module<"u"?e(exports,require("vue")):typeof define=="function"&&define.amd?define(["exports","vue"],e):(S=typeof globalThis<"u"?globalThis:S||self,e(S.ShiflGrid={},S.Vue))})(this,function(S,e){"use strict";function qe(i){const o=(i.columns||[]).map(h=>({...h,freeze:h.freeze??!1,visible:h.visible??!0,protected:h.protected??!1})),f=i.apiConfig?"server":i.searchMode||"client";return{...i,columns:o,rows:i.rows??[],search:i.search??[],searchMode:f,filters:i.filters??[],paginationMeta:i.paginationMeta?{show:i.paginationMeta.show??!0,currentPage:i.paginationMeta.currentPage??1,perPage:i.paginationMeta.perPage??20,total:i.paginationMeta.total??0,from:i.paginationMeta.from,to:i.paginationMeta.to,...i.paginationMeta}:void 0}}function pe(i){const o=[...i],f=e.ref([...i]);function h(u){f.value=f.value.map(s=>s.key===u?{...s,visible:!s.visible}:s)}function c(u){f.value=f.value.map(s=>({...s,visible:u}))}function p(u){const s=f.value.map(b=>b.key===u?{...b,freeze:!b.freeze}:b),g=s.filter(b=>b.freeze),C=s.filter(b=>!b.freeze);f.value=[...g,...C]}function B(u,s){if(u===s||s<0||s>=f.value.length)return;const g=f.value.findIndex(m=>!m.freeze),C=g===-1?f.value.length:g;if(u<C||s<C)return;const b=[...f.value],[d]=b.splice(u,1);b.splice(s,0,d),f.value=b}function E(){f.value=[...o]}const _=e.computed(()=>f.value.filter(u=>u.visible));return{columns:f,visibleColumns:_,toggleColumnVisibility:h,setAllVisible:c,toggleFreeze:p,moveColumn:B,resetColumns:E}}function he(i){const o=e.ref(i);function f(c){var p;o.value=((p=o.value)==null?void 0:p.key)===c&&o.value.order==="asc"?{key:c,order:"desc"}:{key:c,order:"asc"}}function h(c){if(!o.value)return c;const{key:p,order:B}=o.value;return[...c].sort((E,_)=>{const u=E[p],s=_[p];if(u===s)return 0;if(u==null)return 1;if(s==null)return-1;const g=String(u).localeCompare(String(s),void 0,{numeric:!0});return B==="asc"?g:-g})}return{sort:o,setSort:f,applySort:h}}function ke(){function i(o,f,h){const c=(h||"").trim().toLowerCase();return c?o.filter(p=>(f&&f.length?f.map(E=>p[E]):Object.values(p)).some(E=>String(E??"").toLowerCase().includes(c))):o}return{applyGlobalFilter:i}}function Ye(){const i=e.ref({rowIndex:null,position:null});function o(p,B,E=200){const _=B.getBoundingClientRect();let u=_.left;u+E>window.innerWidth-8&&(u=window.innerWidth-E+8),i.value={rowIndex:p,position:{top:_.bottom,left:u}}}function f(){i.value={rowIndex:null,position:null}}function h(p){return i.value.rowIndex===p}function c(p){p.key==="Escape"&&i.value.rowIndex!==null&&f()}return e.onMounted(()=>{document.addEventListener("keydown",c)}),e.onUnmounted(()=>{document.removeEventListener("keydown",c)}),{menuState:i,openMenu:o,closeMenu:f,isMenuOpen:h}}function Qe(i,o){const f=e.ref(!1),h=e.ref(null),c=e.ref([]),p=e.ref(void 0);let B=null;function E(d){const m=new URLSearchParams;if(d.search&&m.append("search",d.search),d.page!==void 0&&m.append("page",String(d.page)),d.perPage!==void 0&&m.append("per_page",String(d.perPage)),d.sort&&(m.append("sort",d.sort.key),m.append("order",d.sort.order)),d.filters&&d.filters.length>0&&d.filters.forEach(y=>{if(y.value!==void 0&&y.value!==null&&y.value!==""){const M=`filters[${y.key}]`;Array.isArray(y.value)?y.value.forEach(N=>m.append(`${M}[]`,String(N))):m.append(M,String(y.value))}}),o!=null&&o.additionalParams){const y=typeof o.additionalParams=="function"?o.additionalParams(d):o.additionalParams;Object.entries(y).forEach(([M,N])=>{N!=null&&N!==""&&(Array.isArray(N)?N.forEach(w=>m.append(`${M}[]`,String(w))):m.append(M,String(N)))})}return m}function _(d){var m,y,M;return o!=null&&o.bodyBuilder?o.bodyBuilder(d):{search:d.search,page:d.page,per_page:d.perPage,sort:(m=d.sort)==null?void 0:m.key,order:(y=d.sort)==null?void 0:y.order,filters:(M=d.filters)==null?void 0:M.reduce((N,w)=>(w.value!==void 0&&w.value!==null&&w.value!==""&&(N[w.key]=w.value),N),{}),...typeof(o==null?void 0:o.additionalParams)=="function"?o.additionalParams(d):(o==null?void 0:o.additionalParams)||{}}}function u(){const d={"Content-Type":"application/json",...(o==null?void 0:o.headers)||{}};if(o!=null&&o.getAuthToken){const m=o.getAuthToken();m&&(d.Authorization=`Bearer ${m}`)}return d}function s(d){if(o!=null&&o.responseTransformer)return o.responseTransformer(d);const m=d;return{data:m.data||m.rows||[],meta:m.meta}}async function g(d){if(!i){h.value=new Error("API URL is required");return}f.value=!0,h.value=null;try{const m=(o==null?void 0:o.method)||"GET",y=u();let M=i,N;if(m==="GET"){const I=o!=null&&o.paramsBuilder?o.paramsBuilder(d):E(d);if(I instanceof URLSearchParams){const V=I.toString();M=V?`${i}?${V}`:i}else{const V=new URLSearchParams;Object.entries(I).forEach(([x,L])=>{L!=null&&L!==""&&(Array.isArray(L)?L.forEach(U=>V.append(`${x}[]`,String(U))):V.append(x,String(L)))});const W=V.toString();M=W?`${i}?${W}`:i}}else N=_(d);const w=await fetch(M,{method:m,headers:y,body:N?JSON.stringify(N):void 0});if(!w.ok)throw new Error(`API request failed: ${w.status} ${w.statusText}`);const X=await w.json(),K=s(X);c.value=K.data,p.value=K.meta}catch(m){h.value=m instanceof Error?m:new Error("Unknown error occurred"),c.value=[],p.value=void 0}finally{f.value=!1}}function C(d,m=!1){B&&(clearTimeout(B),B=null);const y=(o==null?void 0:o.debounceMs)??300;m||!d.search?g(d):B=setTimeout(()=>{g(d)},y)}function b(d){C(d,!0)}return{loading:e.computed(()=>f.value),error:e.computed(()=>h.value),data:e.computed(()=>c.value),paginationMeta:e.computed(()=>p.value),fetchData:g,fetchDataDebounced:C,refresh:b}}function ye(i,o){var _,u;const f=(o==null?void 0:o.search)||e.ref(void 0),h=(o==null?void 0:o.filters)||e.ref(i.filters),c=(o==null?void 0:o.sort)||e.ref(i.sort),p=(o==null?void 0:o.pagination)||e.ref({page:((_=i.paginationMeta)==null?void 0:_.currentPage)||1,perPage:((u=i.paginationMeta)==null?void 0:u.perPage)||20}),B=(o==null?void 0:o.extraState)||e.ref(void 0),E=(o==null?void 0:o.tabName)||e.ref(void 0);if(i.apiConfig&&i.searchMode==="server"){let s=function(){var m,y;return{search:f.value,filters:h.value,sort:c.value,page:(m=p.value)==null?void 0:m.page,perPage:(y=p.value)==null?void 0:y.perPage,extraState:B.value,tabName:E.value}},g=function(m){var y,M,N,w;return d?m.search!==d.search||m.page!==d.page||m.perPage!==d.perPage||m.tabName!==d.tabName||((y=m.sort)==null?void 0:y.key)!==((M=d.sort)==null?void 0:M.key)||((N=m.sort)==null?void 0:N.order)!==((w=d.sort)==null?void 0:w.order)||JSON.stringify(m.filters)!==JSON.stringify(d.filters)||JSON.stringify(m.extraState)!==JSON.stringify(d.extraState):!0};const C=Qe(i.apiConfig.apiUrl,i.apiConfig);let b=!1,d=null;return e.watch([f,h,c,p,B,E],()=>{if(b)return;const m=s();if(!g(m))return;d=m;const y=f.value!==void 0;C.fetchDataDebounced(m,!y)},{immediate:!0,deep:!0}),e.watch(C.paginationMeta,m=>{if(m&&p.value){const y=m.perPage||p.value.perPage;y!==p.value.perPage&&(b=!0,p.value.perPage=y,e.nextTick(()=>{b=!1}))}}),{rows:C.data,loading:C.loading,error:C.error,paginationMeta:C.paginationMeta,refresh:()=>{var y,M;const m={search:f.value,filters:h.value,sort:c.value,page:(y=p.value)==null?void 0:y.page,perPage:(M=p.value)==null?void 0:M.perPage,extraState:B.value,tabName:E.value};C.refresh(m)}}}return{rows:e.computed(()=>i.rows),loading:e.computed(()=>!1),error:e.computed(()=>null),paginationMeta:e.computed(()=>i.paginationMeta),refresh:()=>{}}}const Xe={class:"shifl-column-manager__header"},ve={class:"shifl-column-manager__title-wrapper"},et={class:"shifl-column-manager__title"},tt={key:0},nt={key:1},rt={class:"shifl-column-manager__controls"},ot={class:"shifl-column-manager__controls-left"},lt={class:"shifl-column-manager__content"},at={class:"shifl-column-manager__list"},it=["draggable","onDragstart","onDragover","onDrop"],st=["aria-label","disabled"],ct=["checked","disabled","onChange"],dt={class:"shifl-column-manager__label-text"},ft={class:"shifl-column-manager__footer"},ut=e.defineComponent({__name:"GridColumnManager",props:{titlePrefix:{},columns:{}},emits:["close","toggle","move","toggleFreeze","selectAll","deselectAll","restoreDefault"],setup(i,{emit:o}){const f=i,h=e.computed(()=>f.columns),c=o,p=e.ref(null);function B(u){var s,g;(s=f.columns[u])!=null&&s.freeze||(g=f.columns[u])!=null&&g.protected||(p.value=u)}function E(u){}function _(u){p.value===null||p.value===u||(c("move",p.value,u),p.value=null)}return(u,s)=>(e.openBlock(),e.createElementBlock("div",{class:"shifl-column-manager__backdrop",onClick:s[7]||(s[7]=e.withModifiers(g=>u.$emit("close"),["self"]))},[e.createElementVNode("div",{class:"shifl-column-manager__dialog",role:"dialog","aria-modal":"true",onClick:s[6]||(s[6]=e.withModifiers(()=>{},["stop"]))},[e.createElementVNode("header",Xe,[e.createElementVNode("div",ve,[e.createElementVNode("h2",et,[i.titlePrefix?(e.openBlock(),e.createElementBlock("span",tt,e.toDisplayString(i.titlePrefix),1)):e.createCommentVNode("",!0),i.titlePrefix?(e.openBlock(),e.createElementBlock("span",nt,">")):e.createCommentVNode("",!0),s[8]||(s[8]=e.createTextVNode("Edit Columns ",-1))])]),e.createElementVNode("button",{type:"button",class:"shifl-column-manager__close",onClick:s[0]||(s[0]=g=>u.$emit("close"))},[...s[9]||(s[9]=[e.createElementVNode("span",null,"✕",-1)])])]),e.createElementVNode("div",rt,[e.createElementVNode("div",ot,[e.createElementVNode("button",{type:"button",class:"shifl-column-manager__link-button",onClick:s[1]||(s[1]=g=>u.$emit("selectAll"))}," Select All "),e.createElementVNode("button",{type:"button",class:"shifl-column-manager__link-button",onClick:s[2]||(s[2]=g=>u.$emit("deselectAll"))}," Deselect All ")]),e.createElementVNode("button",{type:"button",class:"shifl-column-manager__link-button shifl-column-manager__link-button--primary",onClick:s[3]||(s[3]=g=>u.$emit("restoreDefault"))}," Restore Default ")]),e.createElementVNode("div",lt,[e.createElementVNode("ul",at,[(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=>B(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},[...s[10]||(s[10]=[e.createElementVNode("span",null,"⋮⋮",-1)])],10,st),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=>u.$emit("toggle",g.key)},null,40,ct),s[11]||(s[11]=e.createElementVNode("span",{class:"shifl-column-manager__checkbox-custom"},null,-1)),e.createElementVNode("span",dt,e.toDisplayString(g.label),1)],2)],42,it))),128))])]),e.createElementVNode("footer",ft,[e.createElementVNode("button",{type:"button",class:"shifl-column-manager__button shifl-column-manager__button--primary",onClick:s[4]||(s[4]=g=>u.$emit("close"))}," Update "),e.createElementVNode("button",{type:"button",class:"shifl-column-manager__button shifl-column-manager__button--secondary",onClick:s[5]||(s[5]=g=>u.$emit("close"))}," Cancel ")])])]))}}),z=(i,o)=>{const f=i.__vccOpts||i;for(const[h,c]of o)f[h]=c;return f},mt=z(ut,[["__scopeId","data-v-40ca0ed0"]]),gt={class:"shifl-grid__tooltip-content"},pt=["innerHTML"],ht=z(e.defineComponent({__name:"GridTooltip",props:{content:{},visible:{type:Boolean},triggerElement:{},isHtml:{type:Boolean}},setup(i){const o=i,f=e.ref(null),h=e.ref({}),c=e.computed(()=>o.content.includes(`
|
|
2
2
|
`)),p=e.computed(()=>c.value?o.content.split(`
|
|
3
|
-
`).filter(d=>d.trim().length>0):[]),C=e.ref("top"),B=e.ref({});function _(){if(!o.triggerElement||!u.value)return;const d=o.triggerElement.getBoundingClientRect(),f=u.value.getBoundingClientRect(),g=window.innerWidth,E=window.innerHeight;let b=d.bottom+8,i=d.left+window.scrollX;i+f.width>g-16&&(i=g-f.width-16),i<16&&(i=16),b+f.height>E-16?(b=d.top-f.height-8,C.value="bottom"):C.value="top",h.value={position:"fixed",top:`${b}px`,left:`${i}px`,zIndex:"10000"};const m=d.left+d.width/2-i;B.value={left:`${m}px`}}return e.watch(()=>o.visible,async d=>{d&&(await e.nextTick(),_())}),e.onMounted(()=>{o.visible&&e.nextTick(()=>_())}),e.onUnmounted(()=>{}),(d,f)=>(e.openBlock(),e.createBlock(e.Teleport,{to:"body"},[s.visible?(e.openBlock(),e.createElementBlock("div",{key:0,ref_key:"tooltipRef",ref:u,class:"shifl-grid__tooltip",style:e.normalizeStyle(h.value)},[e.createElementVNode("div",{class:e.normalizeClass(["shifl-grid__tooltip-arrow",C.value]),style:e.normalizeStyle(B.value)},null,6),e.createElementVNode("div",ct,[s.isHtml?(e.openBlock(),e.createElementBlock("div",{key:0,innerHTML:s.content},null,8,dt)):c.value?(e.openBlock(!0),e.createElementBlock(e.Fragment,{key:1},e.renderList(p.value,(g,E)=>(e.openBlock(),e.createElementBlock("div",{key:E,class:"shifl-grid__tooltip-line"},e.toDisplayString(g),1))),128)):(e.openBlock(),e.createElementBlock(e.Fragment,{key:2},[e.createTextVNode(e.toDisplayString(s.content),1)],64))])],4)):e.createCommentVNode("",!0)]))}}),[["__scopeId","data-v-239005f1"]]),ut={},mt={width:"14",height:"15",viewBox:"0 0 14 15",fill:"none",xmlns:"http://www.w3.org/2000/svg",class:"shifl-smart-tracking-icon"};function gt(s,o){return e.openBlock(),e.createElementBlock("svg",mt,[...o[0]||(o[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 pt=H(ut,[["render",gt]]),ht={},kt={width:"14",height:"10",viewBox:"0 0 14 10",fill:"none",xmlns:"http://www.w3.org/2000/svg"};function yt(s,o){return e.openBlock(),e.createElementBlock("svg",kt,[...o[0]||(o[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 _t=H(ht,[["render",yt]]),bt={},Ct={width:"14",height:"10",viewBox:"0 0 14 10",fill:"none",xmlns:"http://www.w3.org/2000/svg"};function Bt(s,o){return e.openBlock(),e.createElementBlock("svg",Ct,[...o[0]||(o[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 Et=H(bt,[["render",Bt]]),St={},Mt={width:"21",height:"13",viewBox:"0 0 21 13",fill:"none",xmlns:"http://www.w3.org/2000/svg"};function wt(s,o){return e.openBlock(),e.createElementBlock("svg",Mt,[...o[0]||(o[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 _e=H(St,[["render",wt]]),Nt={},Tt={width:"16",height:"16",viewBox:"0 0 16 16",fill:"none",xmlns:"http://www.w3.org/2000/svg"};function Vt(s,o){return e.openBlock(),e.createElementBlock("svg",Tt,[...o[0]||(o[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 Pt=H(Nt,[["render",Vt]]),$t={class:"shifl-grid relative"},Lt={class:"shifl-grid__controls"},Dt={class:"shifl-grid__table"},At=["onClick"],zt={class:"shifl-grid__header-content"},Ht={key:0,class:"shifl-grid__header-label"},Rt={key:1,class:"shifl-grid__sort-icon"},xt={key:0},Ft=["colspan"],Gt={key:0,class:"shifl-grid__smart-tracking-icon"},It=["onClick"],Ot={key:0},jt=["innerHTML"],Zt={key:2,class:"shifl-grid__composite-cell"},Kt={key:3,class:"shifl-grid__type-cell"},Wt={key:0,class:"shifl-grid__container-badge"},Ut={key:0,class:"shifl-grid__cell-blank"},Jt={key:1,class:"shifl-grid__tags-cell"},qt={class:"shifl-grid__tags-wrapper"},Yt=["onMouseenter"],Qt={key:5,class:"shifl-grid__chips-container"},Xt={key:6,class:"shifl-grid__truncated-cell"},vt=["onMouseenter"],en=["onMouseenter"],tn=["href"],nn={key:8,class:"shifl-grid__progress-cell"},rn={class:"shifl-grid__progress-bar"},on={class:"shifl-grid__progress-text"},ln={key:0,class:"shifl-grid__pagination"},an={class:"shifl-grid__pagination-left"},sn={class:"shifl-grid__pagination-range"},cn={class:"shifl-grid__pagination-range-numbers"},dn={class:"shifl-grid__pagination-right"},fn={class:"shifl-grid__pagination-rows"},un=["value","disabled"],mn={class:"shifl-grid__pagination-nav"},gn=["disabled"],pn={class:"shifl-grid__pagination-pages"},hn=["disabled","onClick"],kn={key:1,class:"shifl-grid__pagination-ellipsis"},yn=["disabled"],_n=["onClick"],bn=["innerHTML"],be=e.defineComponent({__name:"ShiflGrid",props:{config:{},search:{},loading:{type:Boolean}},emits:["action-click","search-change","pagination-change"],setup(s,{emit:o}){var Oe,je;const u=s,h=o,c=e.computed(()=>Ze(u.config)),p=e.ref(u.search),C=e.ref(c.value.filters),B=e.ref(c.value.sort),_=e.ref({page:((Oe=c.value.paginationMeta)==null?void 0:Oe.currentPage)||1,perPage:((je=c.value.paginationMeta)==null?void 0:je.perPage)||20}),d=ye(c.value,{search:p,filters:C,sort:B,pagination:_}),f=e.computed(()=>c.value.columns.filter(t=>!t.smartTrackingColumn)),{columns:g,visibleColumns:E,toggleColumnVisibility:b,setAllVisible:i,toggleFreeze:m,moveColumn:y,resetColumns:w}=pe(f.value),{sort:S,setSort:N,applySort:X}=he(c.value.sort),{applyGlobalFilter:K}=ke(),{menuState:P,openMenu:A,closeMenu:F}=Ke(),G=e.ref(!1),D=e.ref({}),W=e.ref(null),Ee=e.ref(null),v=e.ref(null),ee=e.ref(!1),Se=e.ref(""),te=e.ref(null),ne=e.ref(!1),Pn=e.ref({});e.ref({});const I=e.ref({});e.watch(()=>c.value.filters,t=>{C.value=t},{deep:!0}),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);g.value=[...n]},{deep:!0}),e.watch(()=>c.value.sort,t=>{t&&(S.value=t,B.value=t)},{deep:!0}),e.watch(()=>u.search,(t,n)=>{var r;if(p.value=t,c.value.searchMode==="server")h("search-change",t||"");else if(c.value.searchMode==="client"&&t!==n){const l=((r=V.value)==null?void 0:r.perPage)||20;_.value={page:1,perPage:l},h("pagination-change",1,l)}},{immediate:!0}),e.watch(()=>S.value,t=>{B.value=t});const Me=e.computed(()=>d.rows.value||[]),re=e.computed(()=>{if((c.value.searchMode||"client")==="server")return Me.value;const n=u.search||"";return K(Me.value,c.value.search,n)}),oe=e.computed(()=>{var n;return(c.value.searchMode||"client")==="client"?re.value.length:((n=d.paginationMeta.value)==null?void 0:n.total)||0}),le=e.computed(()=>(c.value.searchMode||"client")==="server"?re.value:X(re.value)),we=e.computed(()=>{if((c.value.searchMode||"client")==="server")return le.value;const n=V.value;if(!n||!n.show)return le.value;const r=n.perPage||20,a=((n.currentPage||1)-1)*r,k=a+r;return le.value.slice(a,k)}),V=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}),R=e.computed(()=>u.loading!==void 0?u.loading:d.loading.value),$n=e.computed(()=>{var t;return((t=V.value)==null?void 0:t.perPage)===100}),Ln=e.computed(()=>{var t;return((t=V.value)==null?void 0:t.perPage)||10}),Ne=e.computed(()=>{const t=V.value;if(!t||t.show===!1)return{from:0,to:0};const n=oe.value,r=t.perPage||20,l=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 k=(l-1)*r+1,T=Math.min(l*r,n);return n===0?{from:0,to:0}:{from:k,to:T}}),x=e.computed(()=>{var t;return((t=V.value)==null?void 0:t.currentPage)||1}),ae=e.computed(()=>{const t=V.value;if(!t||t.show===!1)return 1;const n=oe.value;if(n===0)return 1;const r=t.perPage||20,l=Math.ceil(n/r);return Math.max(1,l)}),Te=e.computed(()=>x.value<=1),Ve=e.computed(()=>x.value>=ae.value),Dn=e.computed(()=>{const t=ae.value,n=x.value,r=[];if(t<=7)for(let l=1;l<=t;l++)r.push(l);else if(n<=4){for(let l=1;l<=5;l++)r.push(l);r.push(-1),r.push(t)}else if(n>=t-3){r.push(1),r.push(-1);for(let l=t-4;l<=t;l++)r.push(l)}else{r.push(1),r.push(-1);for(let l=n-1;l<=n+1;l++)r.push(l);r.push(-1),r.push(t)}return r});function An(t){var r;if(t<1||t>ae.value||t===x.value||R.value)return;const n=((r=V.value)==null?void 0:r.perPage)||20;_.value={page:t,perPage:n},h("pagination-change",t,n)}function zn(){var r;if(Te.value||R.value)return;const t=((r=V.value)==null?void 0:r.perPage)||20,n=x.value-1;_.value={page:n,perPage:t},h("pagination-change",n,t)}function Hn(){var r;if(Ve.value||R.value)return;const t=((r=V.value)==null?void 0:r.perPage)||20,n=x.value+1;_.value={page:n,perPage:t},h("pagination-change",n,t)}function Rn(t){var l;if(R.value)return;const n=t.target,r=parseInt(n.value,10);r&&r!==(((l=V.value)==null?void 0:l.perPage)||20)&&(_.value={page:1,perPage:r},h("pagination-change",1,r))}const xn=e.computed(()=>{const t=c.value.columns.find(r=>r.smartTrackingColumn);if(!(t!=null&&t.smartTrackingColumn))return!1;const n=t.smartTrackingColumn.dataKey;return c.value.rows.some(r=>{const l=r[n];return l===!0||l===1||l==="true"||l==="1"})}),se=e.computed(()=>c.value.columns.find(t=>t.smartTrackingColumn)),O=e.computed(()=>{var r;const t=E.value.filter(l=>!l.smartTrackingColumn);if(xn.value&&se.value){const l={key:"_smart_tracking",label:"",order:-1,freeze:!0,visible:!0,protected:!0,sortable:!1,width:((r=se.value.smartTrackingColumn)==null?void 0:r.width)||"36px",smartTrackingColumn:se.value.smartTrackingColumn,cellType:"icon"},a=t.findIndex(k=>k.key==="ref");a>=0?t.splice(a,0,l):t.unshift(l)}const n=t.find(l=>l.key==="ref");return n&&(n.freeze=!0,n.protected=!0),t}),Fn=e.computed(()=>{let t=0;const n={};for(const r of O.value){r.freeze&&(n[r.key]=t);const l=parseInt(r.width??"160",10);Number.isNaN(l)||(t+=l)}return n}),Pe=e.ref(0);function Gn(t){const n=t.target;Pe.value=n.scrollLeft}function In(t){const n=g.value.find(r=>r.key===t);!(n!=null&&n.sortable)||q(n)||ge(n)||N(t)}function ie(t,n){if(t==null||t===""||t===void 0)return U(n.blankStyle);const r=n.cellType;if(Array.isArray(r)){const l=r.find(a=>typeof a=="string"&&a!=="icon");return l&&typeof l=="string"?Re(t,l,n):""}if(!r)return typeof t=="object"?JSON.stringify(t):String(t);switch(r){case"number":return $e(t);case"currency":return Le(t);case"date":return De(t);case"boolean":return Ae(t);case"text":default:return typeof t=="object"?JSON.stringify(t):String(t)}}function U(t){switch(t){case"dash":return"--";case"zero":return"0";case"na":return"N/A";case"empty":default:return""}}function $e(t){if(typeof t=="number")return t.toLocaleString();const n=Number(t);return Number.isNaN(n)?String(t):n.toLocaleString()}function Le(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 De(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 Ae(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 On(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 ze(t){return typeof t=="string"&&t.toLowerCase()==="ocean",_e}function jn(t){const n=t.toLowerCase();return["supplier","suppliers","po","pos","product_description"].includes(n)}function He(t){if(t.cellType==="badge")return!0;const n=t.key.toLowerCase();return n==="tag"||n==="tags"}function Zn(t){return t.cellType==="status"?!0:t.key.toLowerCase()==="status"}function Kn(t){return t.cellType==="icon"?!0:t.key.toLowerCase()==="type"}function Wn(t){return Array.isArray(t.cellType)&&t.cellType.length>0}function Un(t){return Array.isArray(t.cellType)?t.cellType.filter(n=>typeof n=="string"):t.cellType&&typeof t.cellType=="string"?[t.cellType]:[]}function Re(t,n,r){if(t==null||t===""||t===void 0)return U(r.blankStyle);switch(n){case"number":return $e(t);case"currency":return Le(t);case"date":return De(t);case"boolean":return Ae(t);case"text":default:return typeof t=="object"?JSON.stringify(t):String(t)}}function Jn(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 qn(t,n){if(t==null||t==="")return U(n.blankStyle);if(Array.isArray(t)){if(t.length===0)return"";const r=t.join(", ");return xe(r,45)}return typeof t=="string"?xe(t,45):String(t)}function xe(t,n){return t.length<=n?t:t.substring(0,n)+"..."}function ce(t){const n=t.toLowerCase();return["po","pos","supplier","suppliers","tag","tags"].includes(n)}function Yn(t,n){return t==null||ce(n)?!1:Array.isArray(t)?t.length===0?!1:t.join(", ").length>30:typeof t=="string"?t.length>30:!1}function Qn(t){return t==null?!1:Array.isArray(t)?t.length===0?!1:t.join(", ").length>45:typeof t=="string"?t.length>45:!1}function Xn(t){if(t==null)return 0;if(Array.isArray(t)){if(t.length===0||t.join(", ").length<=45)return 0;let r=0,l=0;for(let a=0;a<t.length;a++){const k=String(t[a]),$=(a>0?", ":"").length+k.length;if(r+$<=45)r+=$,l++;else break}return t.length-l}return typeof t=="string"&&t.length>45?1:0}function de(t,n,r,l){let a="",k=!1;const T=O.value.find($=>$.key===t);if(T&&He(T)){const $=Fe(r);$.length>0&&(k=!0,a=$.map(z=>`<span class="shifl-grid__tooltip-badge" style="border-left-color: ${Ge(z)} !important">${z.name}</span>`).join(""))}else Array.isArray(r)?r.length>0&&(a=r.join(`
|
|
4
|
-
`)):r!=null&&(a=String(r));Se.value=a,ne.value=k,te.value=l,ee.value=!0}function fe(){ee.value=!1,te.value=null,ne.value=!1}function vn(t,n,r){r&&(Pn.value[`${t}-${n}`]=r)}function J(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 Fe(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 ue(t,n,r){const l=J(t);if(l.length===0)return[];const a=`${n}-${r}`;if(I.value[a])return I.value[a];const k=130,T=8,$=4;let z=0;const L=[];for(const j of l){const Z=j.length*8+T+$;if(z+Z>k&&L.length>0)break;L.push(j),z+=Z}return I.value[a]=L,L}function er(t,n,r){const l=Fe(t);if(l.length===0)return[];const a=`${n}-${r}-objects`;if(I.value[a])return I.value[a];const k=130,T=8,$=4;let z=0;const L=[];for(const j of l){const Z=j.name.length*8+T+$;if(z+Z>k&&L.length>0)break;L.push(j),z+=Z}return I.value[a]=L,L}function tr(t,n,r){const l=J(t),a=ue(t,n,r);return l.length>a.length}function nr(t,n,r){const l=J(t),a=ue(t,n,r);return l.length-a.length}function rr(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[l,a]of Object.entries(r))if(n.includes(l)||l.includes(n))return a;return or(t)}function Ge(t){return t.color&&t.color!==""?t.color:rr(t.name)}function or(t){let n=0;for(let l=0;l<t.length;l++)n=t.charCodeAt(l)+((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 me(t,n=!0){const l={...{width:t.width??"160px",minWidth:t.width??"160px"}},a=Pe.value>0;if(t.freeze){const k=Fn.value[t.key]??0;l.position="sticky",l.left=`${k}px`,l.background="#ffffff",l.boxShadow=a?"2px 0 6px rgba(0, 0, 0, 0.12)":"none",l.zIndex=n?40:10}return n&&(l.position="sticky",l.top="0px"),l}const lr=e.computed(()=>g.value.filter(t=>!t.smartTrackingColumn));function q(t){return!!t.actionColumn}function ge(t){return!!t.smartTrackingColumn}function ar(t,n){if(!t.smartTrackingColumn)return!1;const r=t.smartTrackingColumn.dataKey,l=n[r];if(l===!0||l===1)return!0;if(typeof l=="string"){const a=l.toLowerCase().trim();return a==="true"||a==="1"||a==="yes"}return!1}function Y(t,n){if(!t.actionColumn)return null;const r=t.actionColumn.icon;return r?typeof r=="function"?r(n):r:null}function sr(t,n,r,l){if(!r.actionColumn)return;const a=l.currentTarget;if(P.value.rowIndex===t){F();return}Ee.value=r,v.value=n,A(t,a)}function ir(t,n){return!(t!=null&&t.actionColumn)||!n?[]:(typeof t.actionColumn.actions=="function"?t.actionColumn.actions(n):t.actionColumn.actions).filter(l=>l.show?l.show(n):!0)}function cr(t,n,r){h("action-click",t.key,n,r),F()}function dr(t,n){n&&(D.value[t]=n)}function Ie(t){if(P.value.rowIndex===null)return;const n=t.target,r=W.value,l=Object.values(D.value),a=r==null?void 0:r.contains(n),k=l.some(T=>T.contains(n));!a&&!k&&F()}return e.onMounted(()=>{document.addEventListener("click",Ie)}),e.onUnmounted(()=>{document.removeEventListener("click",Ie)}),(t,n)=>(e.openBlock(),e.createElementBlock("div",$t,[e.createElementVNode("div",Lt,[e.createElementVNode("button",{type:"button",class:"shifl-grid__pill-button whitespace-nowrap",onClick:n[0]||(n[0]=r=>G.value=!0)}," Edit Column ")]),e.createElementVNode("div",{class:e.normalizeClass(["shifl-grid__viewport",{"shifl-grid__viewport--scroll":$n.value}]),onScroll:Gn},[e.createElementVNode("table",Dt,[e.createElementVNode("thead",null,[e.createElementVNode("tr",null,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(O.value,r=>{var l;return e.openBlock(),e.createElementBlock("th",{key:r.key,style:e.normalizeStyle(me(r,!0)),onClick:()=>In(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",zt,[r.label?(e.openBlock(),e.createElementBlock("span",Ht,e.toDisplayString(r.label),1)):e.createCommentVNode("",!0),((l=e.unref(S))==null?void 0:l.key)===r.key&&!q(r)&&!ge(r)?(e.openBlock(),e.createElementBlock("span",Rt,[e.unref(S).order==="asc"?(e.openBlock(),e.createBlock(_t,{key:0})):(e.openBlock(),e.createBlock(Et,{key:1}))])):e.createCommentVNode("",!0)])],14,At)}),128))])]),e.createElementVNode("tbody",null,[R.value?(e.openBlock(!0),e.createElementBlock(e.Fragment,{key:0},e.renderList(Ln.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(O.value,l=>(e.openBlock(),e.createElementBlock("td",{key:l.key,style:e.normalizeStyle(me(l,!1)),class:e.normalizeClass({"shifl-grid__cell--sticky":l.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},[we.value.length?e.createCommentVNode("",!0):(e.openBlock(),e.createElementBlock("tr",xt,[e.createElementVNode("td",{colspan:O.value.length,class:"text-center text-gray-500 py-6"}," No data ",8,Ft)])),(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(we.value,(r,l)=>(e.openBlock(),e.createElementBlock("tr",{key:l},[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(O.value,a=>(e.openBlock(),e.createElementBlock("td",{key:a.key,style:e.normalizeStyle(me(a,!1)),class:e.normalizeClass([{"shifl-grid__cell--sticky":a.freeze},{"shifl-grid__cell--action":q(a)},`shifl-grid__cell-align-${a!=null&&a.align?a.align:"left"}`,{"shifl-grid__icon":a.cellType==="icon"}])},[ge(a)?(e.openBlock(),e.createElementBlock(e.Fragment,{key:0},[ar(a,r)?(e.openBlock(),e.createElementBlock("div",Gt,[e.createVNode(pt)])):e.createCommentVNode("",!0)],64)):q(a)?(e.openBlock(),e.createElementBlock("button",{key:1,type:"button",class:"shifl-grid__action-icon",ref_for:!0,ref:k=>dr(l,k),onClick:e.withModifiers(k=>sr(l,r,a,k),["stop"])},[Y(a,r)?typeof Y(a,r)=="string"?(e.openBlock(),e.createElementBlock("span",{key:1,innerHTML:Y(a,r),class:"w-4 h-4 inline-block"},null,8,jt)):(e.openBlock(),e.createBlock(e.resolveDynamicComponent(Y(a,r)),{key:2,class:"w-4 h-4"})):(e.openBlock(),e.createElementBlock("span",Ot,"⋯"))],8,It)):Wn(a)?(e.openBlock(),e.createElementBlock("div",Zt,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(Un(a),(k,T)=>(e.openBlock(),e.createElementBlock(e.Fragment,{key:T},[k==="icon"?(e.openBlock(),e.createBlock(e.resolveDynamicComponent(ze(r[a.key])),{key:0,class:"shifl-grid__type-icon"})):(e.openBlock(),e.createElementBlock("span",{key:1,class:e.normalizeClass(Jn(k))},e.toDisplayString(Re(r[a.key],k,a)),3))],64))),128))])):Kn(a)?(e.openBlock(),e.createElementBlock("div",Kt,[(e.openBlock(),e.createBlock(e.resolveDynamicComponent(ze(r[a.key])),{class:"shifl-grid__type-icon"})),r.container_count!=null?(e.openBlock(),e.createElementBlock("span",Wt," ("+e.toDisplayString(r.container_count)+") ",1)):e.createCommentVNode("",!0)])):He(a)?(e.openBlock(),e.createElementBlock(e.Fragment,{key:4},[r[a.key]==null||ue(r[a.key],a.key,l).length===0?(e.openBlock(),e.createElementBlock("div",Ut,e.toDisplayString(U(a.blankStyle)),1)):(e.openBlock(),e.createElementBlock("div",Jt,[e.createElementVNode("div",qt,[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(er(r[a.key],a.key,l),(k,T)=>(e.openBlock(),e.createElementBlock("span",{key:T,class:"shifl-grid__chip shifl-grid__chip--tag",style:e.normalizeStyle({borderLeftColor:Ge(k)})},e.toDisplayString(k.name),5))),128))],512)]),tr(r[a.key],a.key,l)?(e.openBlock(),e.createElementBlock("button",{key:0,type:"button",class:"shifl-grid__counter-button",onMouseenter:k=>de(a.key,l,r[a.key],k.currentTarget),onMouseleave:fe}," +"+e.toDisplayString(nr(r[a.key],a.key,l)),41,Yt)):e.createCommentVNode("",!0)]))],64)):Zn(a)?(e.openBlock(),e.createElementBlock("div",Qt,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(J(r[a.key]),(k,T)=>(e.openBlock(),e.createElementBlock("span",{key:T,class:"shifl-grid__chip shifl-grid__chip--status"},e.toDisplayString(k),1))),128))])):a.truncate!==!1&&(a.truncate===!0||jn(a.key))?(e.openBlock(),e.createElementBlock("div",Xt,[e.createElementVNode("span",{class:"shifl-grid__truncated-text",ref_for:!0,ref:k=>vn(a.key,l,k)},e.toDisplayString(qn(r[a.key],a)),513),ce(a.key)&&Qn(r[a.key])?(e.openBlock(),e.createElementBlock("button",{key:0,type:"button",class:"shifl-grid__counter-button",onMouseenter:k=>de(a.key,l,r[a.key],k.currentTarget),onMouseleave:fe}," +"+e.toDisplayString(Xn(r[a.key])),41,vt)):!ce(a.key)&&Yn(r[a.key],a.key)?(e.openBlock(),e.createElementBlock("button",{key:1,type:"button",class:"shifl-grid__info-icon-button",onMouseenter:k=>de(a.key,l,r[a.key],k.currentTarget),onMouseleave:fe},[e.createVNode(Pt)],40,en)):e.createCommentVNode("",!0)])):a.cellType==="link"?(e.openBlock(),e.createElementBlock("a",{key:7,href:String(r[a.key]||""),class:"shifl-grid__link-cell",onClick:n[1]||(n[1]=e.withModifiers(()=>{},["stop"]))},e.toDisplayString(ie(r[a.key],a)),9,tn)):a.cellType==="progress"?(e.openBlock(),e.createElementBlock("div",nn,[e.createElementVNode("div",rn,[e.createElementVNode("div",{class:"shifl-grid__progress-fill",style:e.normalizeStyle({width:`${On(r[a.key])}%`})},null,4)]),e.createElementVNode("span",on,e.toDisplayString(ie(r[a.key],a)),1)])):(e.openBlock(),e.createElementBlock(e.Fragment,{key:9},[e.createTextVNode(e.toDisplayString(ie(r[a.key],a)),1)],64))],6))),128))]))),128))],64))])])],34),V.value&&V.value.show!==!1?(e.openBlock(),e.createElementBlock("div",ln,[e.createElementVNode("div",an,[e.createElementVNode("span",sn,[n[7]||(n[7]=e.createTextVNode(" Showing ",-1)),e.createElementVNode("span",cn,e.toDisplayString(Ne.value.from)+"–"+e.toDisplayString(Ne.value.to),1),e.createTextVNode(" of "+e.toDisplayString(oe.value),1)])]),e.createElementVNode("div",dn,[e.createElementVNode("div",fn,[n[9]||(n[9]=e.createElementVNode("label",{class:"shifl-grid__pagination-label"},"Row per page",-1)),e.createElementVNode("select",{value:V.value.perPage||20,disabled:R.value,onChange:Rn,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,un)]),e.createElementVNode("div",mn,[e.createElementVNode("button",{type:"button",class:"shifl-grid__pagination-button",disabled:Te.value||u.loading,onClick:zn,"aria-label":"Previous page"}," ‹ ",8,gn),e.createElementVNode("div",pn,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(Dn.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===x.value}]),disabled:R.value,onClick:l=>An(r)},e.toDisplayString(r),11,hn)):(e.openBlock(),e.createElementBlock("span",kn,"…"))],64))),128))]),e.createElementVNode("button",{type:"button",class:"shifl-grid__pagination-button",disabled:Ve.value||u.loading,onClick:Hn,"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:W,class:"shifl-grid__action-menu",style:e.normalizeStyle(`
|
|
3
|
+
`).filter(u=>u.trim().length>0):[]),B=e.ref("top"),E=e.ref({});function _(){if(!o.triggerElement||!f.value)return;const u=o.triggerElement.getBoundingClientRect(),s=f.value.getBoundingClientRect(),g=window.innerWidth,C=window.innerHeight;let b=u.bottom+8,d=u.left+window.scrollX;d+s.width>g-16&&(d=g-s.width-16),d<16&&(d=16),b+s.height>C-16?(b=u.top-s.height-8,B.value="bottom"):B.value="top",h.value={position:"fixed",top:`${b}px`,left:`${d}px`,zIndex:"10000"};const m=u.left+u.width/2-d;E.value={left:`${m}px`}}return e.watch(()=>o.visible,async u=>{u&&(await e.nextTick(),_())}),e.onMounted(()=>{o.visible&&e.nextTick(()=>_())}),e.onUnmounted(()=>{}),(u,s)=>(e.openBlock(),e.createBlock(e.Teleport,{to:"body"},[i.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",B.value]),style:e.normalizeStyle(E.value)},null,6),e.createElementVNode("div",gt,[i.isHtml?(e.openBlock(),e.createElementBlock("div",{key:0,innerHTML:i.content},null,8,pt)):c.value?(e.openBlock(!0),e.createElementBlock(e.Fragment,{key:1},e.renderList(p.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(i.content),1)],64))])],4)):e.createCommentVNode("",!0)]))}}),[["__scopeId","data-v-239005f1"]]),kt={},yt={width:"14",height:"15",viewBox:"0 0 14 15",fill:"none",xmlns:"http://www.w3.org/2000/svg",class:"shifl-smart-tracking-icon"};function _t(i,o){return e.openBlock(),e.createElementBlock("svg",yt,[...o[0]||(o[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 bt=z(kt,[["render",_t]]),Ct={},Bt={width:"14",height:"10",viewBox:"0 0 14 10",fill:"none",xmlns:"http://www.w3.org/2000/svg"};function Et(i,o){return e.openBlock(),e.createElementBlock("svg",Bt,[...o[0]||(o[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 St=z(Ct,[["render",Et]]),Mt={},Nt={width:"14",height:"10",viewBox:"0 0 14 10",fill:"none",xmlns:"http://www.w3.org/2000/svg"};function wt(i,o){return e.openBlock(),e.createElementBlock("svg",Nt,[...o[0]||(o[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 Tt=z(Mt,[["render",wt]]),Vt={},Pt={width:"21",height:"13",viewBox:"0 0 21 13",fill:"none",xmlns:"http://www.w3.org/2000/svg"};function $t(i,o){return e.openBlock(),e.createElementBlock("svg",Pt,[...o[0]||(o[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 _e=z(Vt,[["render",$t]]),Lt={},Dt={width:"16",height:"16",viewBox:"0 0 16 16",fill:"none",xmlns:"http://www.w3.org/2000/svg"};function At(i,o){return e.openBlock(),e.createElementBlock("svg",Dt,[...o[0]||(o[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 zt=z(Lt,[["render",At]]),Rt={class:"shifl-grid relative"},Ht={class:"shifl-grid__controls"},xt={class:"shifl-grid__table"},Ft=["onClick"],Gt={class:"shifl-grid__header-content"},It={key:0,class:"shifl-grid__header-label"},Ot={key:1,class:"shifl-grid__sort-icon"},jt={key:0},Zt=["colspan"],Kt={key:0,class:"shifl-grid__smart-tracking-icon"},Wt=["onClick"],Ut={key:0},Jt=["innerHTML"],qt={key:2,class:"shifl-grid__composite-cell"},Yt={key:3,class:"shifl-grid__type-cell"},Qt={key:0,class:"shifl-grid__container-badge"},Xt={key:0,class:"shifl-grid__cell-blank"},vt={key:1,class:"shifl-grid__tags-cell"},en={class:"shifl-grid__tags-wrapper"},tn=["onMouseenter"],nn={key:5,class:"shifl-grid__chips-container"},rn={key:6,class:"shifl-grid__truncated-cell"},on=["onMouseenter"],ln=["onMouseenter"],an=["href"],sn={key:8,class:"shifl-grid__progress-cell"},cn={class:"shifl-grid__progress-bar"},dn={class:"shifl-grid__progress-text"},fn={key:0,class:"shifl-grid__pagination"},un={class:"shifl-grid__pagination-left"},mn={class:"shifl-grid__pagination-range"},gn={class:"shifl-grid__pagination-range-numbers"},pn={class:"shifl-grid__pagination-right"},hn={class:"shifl-grid__pagination-rows"},kn=["value","disabled"],yn={class:"shifl-grid__pagination-nav"},_n=["disabled"],bn={class:"shifl-grid__pagination-pages"},Cn=["disabled","onClick"],Bn={key:1,class:"shifl-grid__pagination-ellipsis"},En=["disabled"],Sn=["onClick"],Mn=["innerHTML"],be=e.defineComponent({__name:"ShiflGrid",props:{config:{},search:{},loading:{type:Boolean}},emits:["action-click","search-change","pagination-change"],setup(i,{emit:o}){var Ze,Ke,We,Ue,Je;const f=i,h=o,c=e.computed(()=>qe(f.config)),p=e.ref(f.search),B=e.ref(c.value.filters),E=e.ref(c.value.sort),_=e.ref({page:((Ze=c.value.paginationMeta)==null?void 0:Ze.currentPage)||1,perPage:((Ke=c.value.paginationMeta)==null?void 0:Ke.perPage)||20}),u=e.ref(typeof((We=c.value.apiConfig)==null?void 0:We.additionalParams)=="function"||(Je=(Ue=c.value.apiConfig)==null?void 0:Ue.additionalParams)==null?void 0:Je.tabName),s=ye(c.value,{search:p,filters:B,sort:E,pagination:_,tabName:u}),g=e.computed(()=>c.value.columns.filter(t=>!t.smartTrackingColumn)),{columns:C,visibleColumns:b,toggleColumnVisibility:d,setAllVisible:m,toggleFreeze:y,moveColumn:M,resetColumns:N}=pe(g.value),{sort:w,setSort:X,applySort:K}=he(c.value.sort),{applyGlobalFilter:I}=ke(),{menuState:V,openMenu:W,closeMenu:x}=Ye(),L=e.ref(!1),U=e.ref({}),Ee=e.ref(null),Se=e.ref(null),v=e.ref(null),ee=e.ref(!1),Me=e.ref(""),te=e.ref(null),ne=e.ref(!1),zn=e.ref({});e.ref({});const F=e.ref({});e.watch(()=>c.value.filters,t=>{B.value=t},{deep:!0}),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&&(w.value=t,E.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&&u.value!==n.tabName&&(u.value=n.tabName)}},{deep:!0}),e.watch(()=>f.search,(t,n)=>{var r;if(p.value=t,c.value.searchMode==="server")h("search-change",t||"");else if(c.value.searchMode==="client"&&t!==n){const l=((r=P.value)==null?void 0:r.perPage)||20;_.value={page:1,perPage:l},h("pagination-change",1,l)}},{immediate:!0}),e.watch(()=>w.value,t=>{E.value=t});const re=e.computed(()=>s.rows.value||[]),oe=e.computed(()=>{if((c.value.searchMode||"client")==="server")return re.value;const n=f.search||"";return I(re.value,c.value.search,n)}),le=e.computed(()=>{var n;return(c.value.searchMode||"client")==="client"?oe.value.length:((n=s.paginationMeta.value)==null?void 0:n.total)||0}),ae=e.computed(()=>(c.value.searchMode||"client")==="server"?oe.value:K(oe.value)),Ne=e.computed(()=>{if((c.value.searchMode||"client")==="server")return ae.value;const n=P.value;if(!n||!n.show)return ae.value;const r=n.perPage||20,a=((n.currentPage||1)-1)*r,k=a+r;return ae.value.slice(a,k)}),P=e.computed(()=>{var t;return c.value.searchMode==="server"&&s.paginationMeta.value?{show:!0,...s.paginationMeta.value,currentPage:((t=_.value)==null?void 0:t.page)||s.paginationMeta.value.currentPage||1}:c.value.paginationMeta}),R=e.computed(()=>f.loading!==void 0?f.loading:s.loading.value),Rn=e.computed(()=>{var t;return((t=P.value)==null?void 0:t.perPage)===100}),Hn=e.computed(()=>{var t;return((t=P.value)==null?void 0:t.perPage)||10}),we=e.computed(()=>{const t=P.value;if(!t||t.show===!1)return{from:0,to:0};const n=le.value,r=t.perPage||20,l=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 k=(l-1)*r+1,T=Math.min(l*r,n);return n===0?{from:0,to:0}:{from:k,to:T}}),H=e.computed(()=>{var t;return((t=P.value)==null?void 0:t.currentPage)||1}),ie=e.computed(()=>{const t=P.value;if(!t||t.show===!1)return 1;const n=le.value;if(n===0)return 1;const r=t.perPage||20,l=Math.ceil(n/r);return Math.max(1,l)}),Te=e.computed(()=>H.value<=1),Ve=e.computed(()=>H.value>=ie.value),xn=e.computed(()=>{const t=ie.value,n=H.value,r=[];if(t<=7)for(let l=1;l<=t;l++)r.push(l);else if(n<=4){for(let l=1;l<=5;l++)r.push(l);r.push(-1),r.push(t)}else if(n>=t-3){r.push(1),r.push(-1);for(let l=t-4;l<=t;l++)r.push(l)}else{r.push(1),r.push(-1);for(let l=n-1;l<=n+1;l++)r.push(l);r.push(-1),r.push(t)}return r});function Fn(t){var r;if(t<1||t>ie.value||t===H.value||R.value)return;const n=((r=P.value)==null?void 0:r.perPage)||20;_.value={page:t,perPage:n},h("pagination-change",t,n)}function Gn(){var r;if(Te.value||R.value)return;const t=((r=P.value)==null?void 0:r.perPage)||20,n=H.value-1;_.value={page:n,perPage:t},h("pagination-change",n,t)}function In(){var r;if(Ve.value||R.value)return;const t=((r=P.value)==null?void 0:r.perPage)||20,n=H.value+1;_.value={page:n,perPage:t},h("pagination-change",n,t)}function On(t){var l;if(R.value)return;const n=t.target,r=parseInt(n.value,10);r&&r!==(((l=P.value)==null?void 0:l.perPage)||20)&&(_.value={page:1,perPage:r},h("pagination-change",1,r))}const jn=e.computed(()=>{const t=c.value.columns.find(r=>r.smartTrackingColumn);if(!(t!=null&&t.smartTrackingColumn))return!1;const n=t.smartTrackingColumn.dataKey;return re.value.some(r=>{const l=r[n];return l===!0||l===1||l==="true"||l==="1"})}),se=e.computed(()=>c.value.columns.find(t=>t.smartTrackingColumn)),G=e.computed(()=>{var r;const t=b.value.filter(l=>!l.smartTrackingColumn);if(jn.value&&se.value){const l={key:"_smart_tracking",label:"",order:-1,freeze:!0,visible:!0,protected:!0,sortable:!1,width:((r=se.value.smartTrackingColumn)==null?void 0:r.width)||"36px",smartTrackingColumn:se.value.smartTrackingColumn,cellType:"icon"},a=t.findIndex(k=>k.key==="ref");a>=0?t.splice(a,0,l):t.unshift(l)}const n=t.find(l=>l.key==="ref");return n&&(n.freeze=!0,n.protected=!0),t}),Zn=e.computed(()=>{let t=0;const n={};for(const r of G.value){r.freeze&&(n[r.key]=t);const l=parseInt(r.width??"160",10);Number.isNaN(l)||(t+=l)}return n}),Pe=e.ref(0);function Kn(t){const n=t.target;Pe.value=n.scrollLeft}function Wn(t){const n=C.value.find(r=>r.key===t);!(n!=null&&n.sortable)||q(n)||ge(n)||X(t)}function ce(t,n){if(t==null||t===""||t===void 0)return O(n.blankStyle);const r=n.cellType;if(Array.isArray(r)){const l=r.find(a=>typeof a=="string"&&a!=="icon");return l&&typeof l=="string"?He(t,l,n):""}if(!r)return typeof t=="object"?JSON.stringify(t):String(t);switch(r){case"number":return $e(t);case"currency":return Le(t);case"date":return De(t);case"boolean":return Ae(t);case"text":default:return typeof t=="object"?JSON.stringify(t):String(t)}}function O(t){switch(t){case"dash":return"--";case"zero":return"0";case"na":return"N/A";case"empty":default:return""}}function $e(t){if(typeof t=="number")return t.toLocaleString();const n=Number(t);return Number.isNaN(n)?String(t):n.toLocaleString()}function Le(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 De(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 Ae(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 Un(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 ze(t){return typeof t=="string"&&t.toLowerCase()==="ocean",_e}function Jn(t){const n=t.toLowerCase();return["supplier","suppliers","po","pos","product_description"].includes(n)}function Re(t){if(t.cellType==="badge")return!0;const n=t.key.toLowerCase();return n==="tag"||n==="tags"}function qn(t){return t.cellType==="status"?!0:t.key.toLowerCase()==="status"}function Yn(t){return t.cellType==="icon"?!0:t.key.toLowerCase()==="type"}function Qn(t){return Array.isArray(t.cellType)&&t.cellType.length>0}function Xn(t){return Array.isArray(t.cellType)?t.cellType.filter(n=>typeof n=="string"):t.cellType&&typeof t.cellType=="string"?[t.cellType]:[]}function He(t,n,r){if(t==null||t===""||t===void 0)return O(r.blankStyle);switch(n){case"number":return $e(t);case"currency":return Le(t);case"date":return De(t);case"boolean":return Ae(t);case"text":default:return typeof t=="object"?JSON.stringify(t):String(t)}}function vn(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 er(t,n){if(t==null||t==="")return O(n.blankStyle);if(Array.isArray(t)){if(t.length===0)return O(n.blankStyle);const r=t.join(", ");return xe(r,45)}return typeof t=="string"?xe(t,45):String(t)}function xe(t,n){return t.length<=n?t:t.substring(0,n)+"..."}function de(t){const n=t.toLowerCase();return["po","pos","supplier","suppliers","tag","tags"].includes(n)}function tr(t,n){return t==null||de(n)?!1:Array.isArray(t)?t.length===0?!1:t.join(", ").length>30:typeof t=="string"?t.length>30:!1}function nr(t){return t==null?!1:Array.isArray(t)?t.length===0?!1:t.join(", ").length>45:typeof t=="string"?t.length>45:!1}function rr(t){if(t==null)return 0;if(Array.isArray(t)){if(t.length===0||t.join(", ").length<=45)return 0;let r=0,l=0;for(let a=0;a<t.length;a++){const k=String(t[a]),$=(a>0?", ":"").length+k.length;if(r+$<=45)r+=$,l++;else break}return t.length-l}return typeof t=="string"&&t.length>45?1:0}function fe(t,n,r,l){let a="",k=!1;const T=G.value.find($=>$.key===t);if(T&&Re(T)){const $=Fe(r);$.length>0&&(k=!0,a=$.map(A=>`<span class="shifl-grid__tooltip-badge" style="border-left-color: ${Oe(A)} !important">${A.name}</span>`).join(""))}else Array.isArray(r)?r.length>0&&(a=r.join(`
|
|
4
|
+
`)):r!=null&&(a=String(r));Me.value=a,ne.value=k,te.value=l,ee.value=!0}function ue(){ee.value=!1,te.value=null,ne.value=!1}function or(t,n,r){r&&(zn.value[`${t}-${n}`]=r)}function J(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 Fe(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 Ge(t,n,r){const l=J(t);if(l.length===0)return[];const a=`${n}-${r}`;if(F.value[a])return F.value[a];const k=130,T=8,$=4;let A=0;const D=[];for(const j of l){const Z=j.length*8+T+$;if(A+Z>k&&D.length>0)break;D.push(j),A+=Z}return F.value[a]=D,D}function Ie(t,n,r){const l=Fe(t);if(l.length===0)return[];const a=`${n}-${r}-objects`;if(F.value[a])return F.value[a];const k=130,T=8,$=4;let A=0;const D=[];for(const j of l){const Z=j.name.length*8+T+$;if(A+Z>k&&D.length>0)break;D.push(j),A+=Z}return F.value[a]=D,D}function lr(t,n,r){const l=J(t),a=Ge(t,n,r);return l.length>a.length}function ar(t,n,r){const l=J(t),a=Ge(t,n,r);return l.length-a.length}function ir(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[l,a]of Object.entries(r))if(n.includes(l)||l.includes(n))return a;return sr(t)}function Oe(t){return t.color&&t.color!==""?t.color:ir(t.name)}function sr(t){let n=0;for(let l=0;l<t.length;l++)n=t.charCodeAt(l)+((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 me(t,n=!0){const l={...{width:t.width??"160px",minWidth:t.width??"160px"}},a=Pe.value>0;if(t.freeze){const k=Zn.value[t.key]??0;l.position="sticky",l.left=`${k}px`,l.background="#ffffff",l.boxShadow=a?"2px 0 6px rgba(0, 0, 0, 0.12)":"none",l.zIndex=n?40:10}return n&&(l.position="sticky",l.top="0px"),l}const cr=e.computed(()=>C.value.filter(t=>!t.smartTrackingColumn));function q(t){return!!t.actionColumn}function ge(t){return!!t.smartTrackingColumn}function dr(t,n){if(!t.smartTrackingColumn)return!1;const r=t.smartTrackingColumn.dataKey,l=n[r];if(l===!0||l===1)return!0;if(typeof l=="string"){const a=l.toLowerCase().trim();return a==="true"||a==="1"||a==="yes"}return!1}function Y(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,l){if(!r.actionColumn)return;const a=l.currentTarget;if(V.value.rowIndex===t){x();return}Se.value=r,v.value=n,W(t,a)}function ur(t,n){return!(t!=null&&t.actionColumn)||!n?[]:(typeof t.actionColumn.actions=="function"?t.actionColumn.actions(n):t.actionColumn.actions).filter(l=>l.show?l.show(n):!0)}function mr(t,n,r){h("action-click",t.key,n,r),x()}function gr(t,n){n&&(U.value[t]=n)}function je(t){if(V.value.rowIndex===null)return;const n=t.target,r=Ee.value,l=Object.values(U.value),a=r==null?void 0:r.contains(n),k=l.some(T=>T.contains(n));!a&&!k&&x()}return e.onMounted(()=>{document.addEventListener("click",je)}),e.onUnmounted(()=>{document.removeEventListener("click",je)}),(t,n)=>(e.openBlock(),e.createElementBlock("div",Rt,[e.createElementVNode("div",Ht,[e.createElementVNode("button",{type:"button",class:"shifl-grid__pill-button whitespace-nowrap",onClick:n[0]||(n[0]=r=>L.value=!0)}," Edit Column ")]),e.createElementVNode("div",{class:e.normalizeClass(["shifl-grid__viewport",{"shifl-grid__viewport--scroll":Rn.value}]),onScroll:Kn},[e.createElementVNode("table",xt,[e.createElementVNode("thead",null,[e.createElementVNode("tr",null,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(G.value,r=>{var l;return e.openBlock(),e.createElementBlock("th",{key:r.key,style:e.normalizeStyle(me(r,!0)),onClick:()=>Wn(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",Gt,[r.label?(e.openBlock(),e.createElementBlock("span",It,e.toDisplayString(r.label),1)):e.createCommentVNode("",!0),((l=e.unref(w))==null?void 0:l.key)===r.key&&!q(r)&&!ge(r)?(e.openBlock(),e.createElementBlock("span",Ot,[e.unref(w).order==="asc"?(e.openBlock(),e.createBlock(St,{key:0})):(e.openBlock(),e.createBlock(Tt,{key:1}))])):e.createCommentVNode("",!0)])],14,Ft)}),128))])]),e.createElementVNode("tbody",null,[R.value?(e.openBlock(!0),e.createElementBlock(e.Fragment,{key:0},e.renderList(Hn.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(G.value,l=>(e.openBlock(),e.createElementBlock("td",{key:l.key,style:e.normalizeStyle(me(l,!1)),class:e.normalizeClass({"shifl-grid__cell--sticky":l.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},[Ne.value.length?e.createCommentVNode("",!0):(e.openBlock(),e.createElementBlock("tr",jt,[e.createElementVNode("td",{colspan:G.value.length,class:"text-center text-gray-500 py-6"}," No data ",8,Zt)])),(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(Ne.value,(r,l)=>(e.openBlock(),e.createElementBlock("tr",{key:l},[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(G.value,a=>(e.openBlock(),e.createElementBlock("td",{key:a.key,style:e.normalizeStyle(me(a,!1)),class:e.normalizeClass([{"shifl-grid__cell--sticky":a.freeze},{"shifl-grid__cell--action":q(a)},`shifl-grid__cell-align-${a!=null&&a.align?a.align:"left"}`,{"shifl-grid__icon":a.cellType==="icon"}])},[ge(a)?(e.openBlock(),e.createElementBlock(e.Fragment,{key:0},[dr(a,r)?(e.openBlock(),e.createElementBlock("div",Kt,[e.createVNode(bt)])):e.createCommentVNode("",!0)],64)):q(a)?(e.openBlock(),e.createElementBlock("button",{key:1,type:"button",class:"shifl-grid__action-icon",ref_for:!0,ref:k=>gr(l,k),onClick:e.withModifiers(k=>fr(l,r,a,k),["stop"])},[Y(a,r)?typeof Y(a,r)=="string"?(e.openBlock(),e.createElementBlock("span",{key:1,innerHTML:Y(a,r),class:"w-4 h-4 inline-block"},null,8,Jt)):(e.openBlock(),e.createBlock(e.resolveDynamicComponent(Y(a,r)),{key:2,class:"w-4 h-4"})):(e.openBlock(),e.createElementBlock("span",Ut,"⋯"))],8,Wt)):Qn(a)?(e.openBlock(),e.createElementBlock("div",qt,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(Xn(a),(k,T)=>(e.openBlock(),e.createElementBlock(e.Fragment,{key:T},[k==="icon"?(e.openBlock(),e.createBlock(e.resolveDynamicComponent(ze(r[a.key])),{key:0,class:"shifl-grid__type-icon"})):(e.openBlock(),e.createElementBlock("span",{key:1,class:e.normalizeClass(vn(k))},e.toDisplayString(He(r[a.key],k,a)),3))],64))),128))])):Yn(a)?(e.openBlock(),e.createElementBlock("div",Yt,[(e.openBlock(),e.createBlock(e.resolveDynamicComponent(ze(r[a.key])),{class:"shifl-grid__type-icon"})),r.container_count!=null?(e.openBlock(),e.createElementBlock("span",Qt," ("+e.toDisplayString(r.container_count)+") ",1)):e.createCommentVNode("",!0)])):Re(a)?(e.openBlock(),e.createElementBlock(e.Fragment,{key:4},[r[a.key]==null||Ie(r[a.key],a.key,l).length===0?(e.openBlock(),e.createElementBlock("div",Xt,e.toDisplayString(O(a.blankStyle)),1)):(e.openBlock(),e.createElementBlock("div",vt,[e.createElementVNode("div",en,[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(Ie(r[a.key],a.key,l),(k,T)=>(e.openBlock(),e.createElementBlock("span",{key:T,class:"shifl-grid__chip shifl-grid__chip--tag",style:e.normalizeStyle({borderLeftColor:Oe(k)})},e.toDisplayString(k.name),5))),128))],512)]),lr(r[a.key],a.key,l)?(e.openBlock(),e.createElementBlock("button",{key:0,type:"button",class:"shifl-grid__counter-button",onMouseenter:k=>fe(a.key,l,r[a.key],k.currentTarget),onMouseleave:ue}," +"+e.toDisplayString(ar(r[a.key],a.key,l)),41,tn)):e.createCommentVNode("",!0)]))],64)):qn(a)?(e.openBlock(),e.createElementBlock("div",nn,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(J(r[a.key]),(k,T)=>(e.openBlock(),e.createElementBlock("span",{key:T,class:"shifl-grid__chip shifl-grid__chip--status"},e.toDisplayString(k),1))),128))])):a.truncate!==!1&&(a.truncate===!0||Jn(a.key))?(e.openBlock(),e.createElementBlock("div",rn,[e.createElementVNode("span",{class:"shifl-grid__truncated-text",ref_for:!0,ref:k=>or(a.key,l,k)},e.toDisplayString(er(r[a.key],a)),513),de(a.key)&&nr(r[a.key])?(e.openBlock(),e.createElementBlock("button",{key:0,type:"button",class:"shifl-grid__counter-button",onMouseenter:k=>fe(a.key,l,r[a.key],k.currentTarget),onMouseleave:ue}," +"+e.toDisplayString(rr(r[a.key])),41,on)):!de(a.key)&&tr(r[a.key],a.key)?(e.openBlock(),e.createElementBlock("button",{key:1,type:"button",class:"shifl-grid__info-icon-button",onMouseenter:k=>fe(a.key,l,r[a.key],k.currentTarget),onMouseleave:ue},[e.createVNode(zt)],40,ln)):e.createCommentVNode("",!0)])):a.cellType==="link"?(e.openBlock(),e.createElementBlock("a",{key:7,href:String(r[a.key]||""),class:"shifl-grid__link-cell",onClick:n[1]||(n[1]=e.withModifiers(()=>{},["stop"]))},e.toDisplayString(ce(r[a.key],a)),9,an)):a.cellType==="progress"?(e.openBlock(),e.createElementBlock("div",sn,[e.createElementVNode("div",cn,[e.createElementVNode("div",{class:"shifl-grid__progress-fill",style:e.normalizeStyle({width:`${Un(r[a.key])}%`})},null,4)]),e.createElementVNode("span",dn,e.toDisplayString(ce(r[a.key],a)),1)])):(e.openBlock(),e.createElementBlock(e.Fragment,{key:9},[e.createTextVNode(e.toDisplayString(ce(r[a.key],a)),1)],64))],6))),128))]))),128))],64))])])],34),P.value&&P.value.show!==!1?(e.openBlock(),e.createElementBlock("div",fn,[e.createElementVNode("div",un,[e.createElementVNode("span",mn,[n[7]||(n[7]=e.createTextVNode(" Showing ",-1)),e.createElementVNode("span",gn,e.toDisplayString(we.value.from)+"–"+e.toDisplayString(we.value.to),1),e.createTextVNode(" of "+e.toDisplayString(le.value),1)])]),e.createElementVNode("div",pn,[e.createElementVNode("div",hn,[n[9]||(n[9]=e.createElementVNode("label",{class:"shifl-grid__pagination-label"},"Row per page",-1)),e.createElementVNode("select",{value:P.value.perPage||20,disabled:R.value,onChange:On,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,kn)]),e.createElementVNode("div",yn,[e.createElementVNode("button",{type:"button",class:"shifl-grid__pagination-button",disabled:Te.value||f.loading,onClick:Gn,"aria-label":"Previous page"}," ‹ ",8,_n),e.createElementVNode("div",bn,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(xn.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===H.value}]),disabled:R.value,onClick:l=>Fn(r)},e.toDisplayString(r),11,Cn)):(e.openBlock(),e.createElementBlock("span",Bn,"…"))],64))),128))]),e.createElementVNode("button",{type:"button",class:"shifl-grid__pagination-button",disabled:Ve.value||f.loading,onClick:In,"aria-label":"Next page"}," › ",8,En)])])])):e.createCommentVNode("",!0),(e.openBlock(),e.createBlock(e.Teleport,{to:"body"},[e.unref(V).rowIndex!==null&&e.unref(V).position?(e.openBlock(),e.createElementBlock("div",{key:0,ref_key:"actionMenuRef",ref:Ee,class:"shifl-grid__action-menu",style:e.normalizeStyle(`
|
|
5
5
|
position: fixed !important;
|
|
6
|
-
top: ${e.unref(
|
|
7
|
-
left: ${e.unref(
|
|
8
|
-
z-index: 1000 !important;`),onClick:n[2]||(n[2]=e.withModifiers(()=>{},["stop"]))},[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(
|
|
6
|
+
top: ${e.unref(V).position.top}px !important;
|
|
7
|
+
left: ${e.unref(V).position.left}px !important;
|
|
8
|
+
z-index: 1000 !important;`),onClick:n[2]||(n[2]=e.withModifiers(()=>{},["stop"]))},[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(ur(Se.value,v.value),r=>(e.openBlock(),e.createElementBlock("div",{key:r.key,class:e.normalizeClass(["shifl-grid__action-menu-item",{"shifl-grid__action-menu-item--danger":r.danger}]),onClick:()=>mr(r,v.value,e.unref(V).rowIndex)},[r.icon&&typeof r.icon=="string"?(e.openBlock(),e.createElementBlock("span",{key:0,innerHTML:r.icon,class:"w-4 h-4 inline-block"},null,8,Mn)):r.icon?(e.openBlock(),e.createBlock(e.resolveDynamicComponent(typeof r.icon=="function"?r.icon():r.icon),{key:1,class:"w-4 h-4"})):e.createCommentVNode("",!0),e.createElementVNode("span",null,e.toDisplayString(r.label),1)],10,Sn))),128))],4)):e.createCommentVNode("",!0)])),e.createVNode(ht,{content:Me.value,visible:ee.value,"trigger-element":te.value,"is-html":ne.value},null,8,["content","visible","trigger-element","is-html"]),(e.openBlock(),e.createBlock(e.Teleport,{to:"body"},[L.value?(e.openBlock(),e.createBlock(mt,{key:0,"title-prefix":i.config.name,columns:cr.value,onClose:n[3]||(n[3]=r=>L.value=!1),onToggle:e.unref(d),onToggleFreeze:e.unref(y),onMove:e.unref(M),onSelectAll:n[4]||(n[4]=r=>e.unref(m)(!0)),onDeselectAll:n[5]||(n[5]=r=>e.unref(m)(!1)),onRestoreDefault:e.unref(N)},null,8,["title-prefix","columns","onToggle","onToggleFreeze","onMove","onRestoreDefault"])):e.createCommentVNode("",!0)]))]))}}),Nn={install(i){i.component("ShiflGrid",be)}};function wn(){const i=e.ref(new Set);function o(f){const h=f.id??JSON.stringify(f),c=new Set(i.value);c.has(h)?c.delete(h):c.add(h),i.value=c}return{selectedKeys:i,toggleRow:o}}function Tn(){return{}}const Ce=Symbol("shifl-grid-theme"),Be={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 Vn(i){const o=e.ref({...Be,...i});return e.provide(Ce,o),o}function Pn(){const i=e.inject(Ce);return e.computed(()=>(i==null?void 0:i.value)??Be)}const Q={sm:640,lg:1024};function $n(){const i=e.ref(typeof window<"u"?window.innerWidth:0);function o(){i.value=window.innerWidth}return e.onMounted(()=>{window.addEventListener("resize",o)}),e.onUnmounted(()=>{window.removeEventListener("resize",o)}),{width:i,isMobile:e.computed(()=>i.value<Q.sm),isTablet:e.computed(()=>i.value>=Q.sm&&i.value<Q.lg)}}function Ln(){return{}}function Dn(){return{}}function An(){return{}}S.ShiflGrid=be,S.ShiflGridPlugin=Nn,S.provideGridTheme=Vn,S.useBreakpoints=$n,S.useGridColumns=pe,S.useGridData=ye,S.useGridEditing=Tn,S.useGridFilter=ke,S.useGridInfiniteScroll=Ln,S.useGridSelection=wn,S.useGridSort=he,S.useGridTheme=Pn,S.useGridTour=An,S.useVirtualScroll=Dn,Object.defineProperty(S,Symbol.toStringTag,{value:"Module"})});
|